body{font-size:20px; font-family: "Lato", serif,verdana,Helvetica;color:#FFF;margin:0;padding:0; font-weight:400; background:#333; position:relative; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-family: "Rubik"; font-weight:500;}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#fff;text-decoration:none}
a:hover{color:#fecb1e;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1400px;margin:0 auto}
.zt2{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:100%; margin:0 auto; overflow:auto;}
.table7{ width: 70%;overflow:auto;}
.table8{ width: 80%;overflow:auto;}
.table9{ width: 90%;overflow:auto;}
.table table{ }
.table p{line-height:26px}
table{width:100%;}
table td{padding:3px 10px}
.pre,.cont-pre{ position: relative;}
.cont-pre img{ width: 100%;}
.abs{ position: absolute; z-index: 9999; text-align: center; }
.abs-bottom{ position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px;  z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs a,.abs-bottom a{ color: #fff;}
.two-img{ width: 90%; margin: 0 auto; font-size: 0;}
.two-img img{ width: 47%; margin: 1%; display: inline-block;}
.three-img{width: 100%; font-size: 0;}
.three-img img{ width: 32%; margin: 0.5%;}
.wenzi{ width:58% ; line-height: 30px;}
.wenzi-img{ width: 38%; font-size: 0;}
.wenzi-img img{ border-radius:12px ;box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);}
.four-img{width: 100%; font-size: 0; display: flex; flex-wrap: wrap;}
.four-img a{ width: 24%; margin: 0.5%; font-size: 14px; text-align: center; display: block; }
.four-img a img{ width: 100%;}
.table-two{width:48%; float:left; margin: 1%;}
@media only screen and (max-width:480px ) {
.table8,.table7,.table9{ width: 100%;overflow:auto;}	
.about-us-con img{ width: 100%;}
.two-img{ width: 100%;}
.two-img img{ margin: 1% 0;}
.four-img a{ width: 100%; margin: 0.5% 0;}
.wenzi-img,.wenzi{ float: none; width: 100%; margin-bottom: 10px;}
}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye .page-num{margin-bottom:10px;display:inline-block; width: 34px; height: 34px;background:#fff; margin:0 3px; line-height: 34px; border: 1px solid #ccc; border-radius: 50% ;box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.5) }
.fenye_a{color:#fecb1e;margin:0 3px}
.fenye a{color:#898989; display: block;}
.fenye a.page-num-current,.fenye a:hover{color:#fff;background:#fecb1e;border:0;border:1px solid #fecb1e}.fenye a.page-num-current,.fenye a:hover {color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 5%; right: 10px; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background:rgba(227,19,19,.3); border-radius:50%; line-height:60px; text-align: center;}
.backtop i{ color: #fff; font-size: 35px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #fecb1e; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
.flex{display:flex; flex-wrap:wrap; }


header{ position:relative; background:#fff; z-index:100; }
header .flex{align-items:center; justify-content: space-between; padding:0 30px;}
.top{position: fixed;top: 0;z-index: 9999;left: 0;right: 0;  }
.lanbj .top{background:#262d38;}
.height100{height:100px;}
.top .flex{ align-items: center; justify-content: space-between; }
.search a{color:#000;}
.logo{ font-size:0; width:218px;}
.logo img{width:100%;}

.language-box{ position: relative; }
.lan{ position: relative; line-height:96px; color:#000; padding: 0 25px 0 15px; font-size:18px; cursor: pointer;}
.lan::after{ content: "\f107"; font-family: FontAwesome; display: block; position: absolute; top: 0px; right: 5px; z-index: 100; color:#000 }
.language-box ul {top: 100%;width: 180px;display: none; position: absolute; z-index:9999; background-color: #262d38; border-radius: 0 0 5px 5px}
.language-box ul li {margin: 10px 0;}
.language-box ul li a { background: none; width: 100%; padding-left:10px;font-size: 16px;line-height: 24px;	position: relative;	display: flex;	color: #fff !important;align-items: center;}
.language-box ul li img{ margin-right:5px}
.language-box:hover ul{display: block;}

nav{ line-height: 96px;}
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul{display:flex; flex-wrap:wrap; justify-content: space-between;}
nav ul li{position: relative; margin:0 25px;}
nav ul li a{    padding: 0 10px; font-size:18px; display: block; position: relative; color:#000; font-weight:900; text-transform:uppercase}
nav ul li i{ display: none; opacity: 0;  position: absolute; top:20px;right: 10px; z-index: 999; color: #000;}
nav ul li:hover a.yanse ,nav ul li A.active{ color:#fecb1e;}
nav ul li:hover i{ color: #000;}
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 20px;  color: #000;}
.xla li:last-child{ border-bottom: none;}
.xla{ position:absolute; top:100%; left:0px; z-index:9999; background:#000; display:none; line-height: 30px;width:200px;}
.xla ol li{ position:relative; /*border-bottom: 1px dashed #ccc;*/ border-right:none ; padding:10px 5px; margin:0 }
nav ul li>.xla ol li i{ color: #000;}
.xla>ol>li>a{ color:#fff; text-transform:none;font-weight:500; margin-left:0}
.xla>ol{padding-inline-start: 0px;}
nav>li>.xla>ol>li>a{ display:block; padding:0; color:#000;text-transform:none}
nav>ul>li:hover>.xla{ display:block;  }
nav>ul>li>.xla>ol>li:hover{background:#000;}
nav>ul>li:hover>.xla>ol>li>a{ color:#fff; text-transform:none}
.xla2{ position:absolute; left:100%; top:0; z-index:9999; display:none; width:100%;background:#fecb1e; }
.xla>ol>li:hover>.xla2{ display:block}
nav>ul>li>.xla>ol>li>.xla2>a{ color:#000; font-weight:normal;text-transform:none;display:block; padding:10px;margin-left:0;/*border-bottom: 1px dashed #3a4e79;*/}
nav>ul>li>.xla>ol>li>.xla2>a:hover{background:#fecb1e;}
.lange{border-radius:20px; background:#000; padding:2px 5px;}
.lange a{color:#fff; padding:0 3px;}
.lange a.on,.lange a:hover{color:#fecb1e}
.tels{  font-size:18px;font-weight:500;  background:#fecb1e;  border-radius:5px; color:#000; height:44px; margin-top:24px; line-height:44px;}
.shequ a{color:#000; font-size:22px; margin:0 15px;}
.shequ a:hover{color:#fecb1e}

header::after{content:"";display:block; position: absolute; top:0; left:0; right:0;  z-index:-1; background:#000; transition: .3s ease-out; height:0;}
header:hover::after{height:96px;}
header:hover ul li a,header:hover .lan,header:hover .lan::after,header:hover .search a{color:#fff;}
header:hover .qodef-opener-icon.qodef-source--predefined .qodef-m-line{background:#fff}

.topfixed{background:#262d38}

.qodef-opener-icon .qodef-m-icon { position: relative; visibility: visible;}
.qodef-opener-icon.qodef-source--predefined .qodef-m-lines { position: relative; display: block; width: 46px; height: 16px;}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line {transition: all 1s cubic-bezier(.19,1,.22,1) 0s;}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line { background-color: #000;}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line.qodef--2 {top: 7px;}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    transition: .3s ease-out;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transition-delay: 0s;
    will-change: transform;
}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line.qodef--3 {
    bottom: 0;
    -webkit-clip-path: inset(0 50% 0 0);
    clip-path: inset(0 50% 0 0);
}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line.qodef--4, .qodef-opener-icon.qodef-source--predefined .qodef-m-line.qodef--5, .qodef-opener-icon.qodef-source--predefined .qodef-m-line.qodef--6 {
    display: none;
}
.qodef-opener-icon.qodef-source--predefined:hover .qodef-m-line.qodef--1 {
    -webkit-clip-path: inset(0 0 0 50%);
    clip-path: inset(0 0 0 50%)
}
.qodef-opener-icon.qodef-source--predefined:hover .qodef-m-line.qodef--3 {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0)
}
.e-con-inner{margin: 0 auto; max-width: 1680px; padding-inline-end: 0; padding-inline-start: 0; width: 100%;}


.martop60{margin-top:60px;}
.martop150{margin-top:150px;}
.between{justify-content: space-between;}
.welcom{font-size:32px; color:#81E8FF}
.e-con-inner h2{font-size: 6vw; font-weight:500;line-height:1; overflow:hidden;}
.welcom-us h2 span{ display:block; text-align:right;}

.abneir{width:50%;color: #EEEEEE; font-size: 20px; line-height: 32px;}

.abmore{align-items:center; border:1px solid #fff; padding:5px 0px; width:200px; justify-content: center; border-radius:16px;}
.elementor-button { border-radius: 3px; color: #fff; display: inline-block;  font-size: 15px;  line-height: 1; padding: 12px 24px;  fill: #fff; text-align: center; transition: all .3s;}
.elementor-button-icon svg { height: auto; width: 1em;}
.elementor-button-icon {border-radius: 16px; background: linear-gradient(45deg, #FFFFFF00 50%, #fecb1e 100%); background-size: 200%; transition: 0.3s; }
.elementor-button-icon:hover { background-size: 100%;}

.welcom-us-img{ width:39%;  overflow:hidden; font-size:0; padding:0 3%}
.welcom-us-img img{width:100%;border-radius:20px;}
canvas {
    overflow-clip-margin: content-box;
    overflow: clip;
}
.elementor-divider { padding-block-start: 80px; padding-block-end: 80px; margin-top:30px;}
span.elementor-divider-separator { display:block; background: linear-gradient(90deg, rgba(102, 102, 102, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(102, 102, 102, 1) 100%); height: 1px;}

.cptupian{width:55%;}
.cpcontd{width:40%; }
.elementor-heading-title { font-size: 3vw;text-transform: uppercase; color: #FFFFFF;}
.cpmiaoshu{line-height:32px; margin-top:30px;}

.partent{}
.partent h2{}
.partent .abmore{height:45px;}

.proshow{margin-top:80px;}
.proshow h2{font-size:40px; text-align:center; margin-bottom:30px;}
.proshow h2::after{content:""; display:block; width:200px; height:2px; background:#fecb1e; margin:0 auto; margin-top:15px;}
.owl-carousel{ position: relative; width: 100%; margin: 0 auto;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top:48%; width: 100%; margin-top: -22px; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-prev,.owl-next{ cursor: pointer; width:60px; height:60px; text-indent:-9999px; line-height:60px; text-align:center;  position: absolute; z-index:100  }
.owl-prev{left: -40px; background:url(../images/right-icon.svg) no-repeat;transform: rotate(180deg);}
.owl-next{right: -40px; background:url(../images/right-icon.svg) no-repeat;}

#owl-demo1  .owl-controls .owl-prev{ margin-right:10px;}
#owl-demo1  .owl-controls .owl-next{ margin-left:10px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}

.owl-wrapper{margin-top:40px;}
.item{margin:20px ; border:1px solid rgba(255,255,255,.3);  position: relative; border-radius:20px; padding:40px 0;  overflow: hidden; -ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.item a{ display:block; font-size: 0;}
.cptimg{position: relative; overflow: hidden; text-align:center;  }
.cptimg img{width:100%;}
.item:hover{border:1px solid rgba(255,255,255,1)}
.item h3{font-size:24px;  position:relative;}
.hotbor{line-height:32px; margin-top:10px; font-size:18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.cpmore{margin-top:80px;}
.cpmore a{display:block; font-weight:500; padding:14px 0px; border:2px solid #262d38; color:#262d38; width:200px; margin:0 auto; text-align:center; border-radius:5px;}
.cpmore a:hover{background:#fecb1e; color:#fff; border:2px solid #fecb1e;}
.whychoose h2{font-size:10vw;}
.whychoose h2 span{display:block; text-align:right;}

.chooseleft{width:31%;}
.choosemid{ margin:0 44px;width:30%}
.choosemid img{max-width:500px; width:100%;}
.chooseleft h3{    font-size: 28px; text-transform: uppercase; border-top:1px solid #fff; padding-top:30px; margin-bottom:30px;}
.choosecont{font-size:18px; line-height:30px; margin-bottom:80px;}

.videoimg{position:relative;}
.videoimg img{ width:100%}
.elementor-custom-embed-play { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%);cursor: pointer;}
.elementor-custom-embed-play svg { height: 100px; width: 100px; fill: #fff; filter: drop-shadow(1px 0 6px rgba(0, 0, 0, .3));}
.elementor-custom-embed-play i, .elementor-custom-embed-play svg { opacity: .8; transition: all .5s;}

.md-modal.md-effect-11{max-width:1680px; min-width:1200px; top:20% }
.md-modal.md-effect-11 .md-content{ background:none}
.md-effect-11 .formwidth{padding:20px;}
.md-effect-11 .formwidth video{width:100%;}

.newsc{align-items:end;}
.newsc h2{width:calc(100% - 300px);order:2; text-align:right }
.newsc .abmore{ order:1; height:45px; margin-bottom:20px;}

.newsmore svg{font-size:20px;}
.qodef-m-icon { font-size: 36px; color: #FFFFFF;}
g#Group\ 1321315294 { stroke: white; fill: transparent;}
.qodef-qi-button{font-size:16px;}

.news-list {display: grid; align-items: stretch; grid-template-columns: 2fr 1fr 1fr;   gap: 25px;row-gap: 25px; }
.news-item {display: flex; flex-direction: column; height: 100%;background: linear-gradient(45deg, #FFFFFF29 70%, #fecb1e 100%); background-size: 200%; backdrop-filter: blur(20px); border:1px solid rgba(255,255,255,.4);   border-radius: 20px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.news-item:hover{border:1px solid rgba(255,255,255,.8)}
.news-item-img {padding:25px}
.news-item-img img{width:100%}
.news-title {padding:0 25px ; flex-grow: 1; margin-top:20px; }
.news-footer {display: flex;padding:0 25px 25px 25px ; justify-content: space-between; align-items: center; }
.pagination-lg{ margin-top:80px; text-align:center; margin-bottom:80px;}
.pagination-lg a{padding:10px 15px;}
.martop20 .news-more{font-size: 16px; }
.news-footer a{font-size: 17px;}
.martop20{margin-top:20px;}
.qodef-qi-button .qodef-m-icon svg { width: 1em; fill: currentColor; stroke: currentColor; vertical-align: middle;}
.qodef-m-icon svg { width: 36px; height: 36px;}

 @media (max-width: 768px) {
    .news-list {grid-template-columns: 1fr; padding: 10px;}
	
}
  
footer{background:#000; padding:80px 0 0 0;}
.mess{width:25%; margin-right:5%;}
.mess h3{font-size:50px;}
.quickl{width:20%;}
.conta{width:30%;}
.conta i{margin-right:5px; color:#fecb1e}

footer h3{ margin-bottom:20px;}
.line { width: 50px;height: 2px;background: #fecb1e;position: relative; overflow: hidden; margin-bottom: 30px;}
.line::after {content: ''; background: #000;width: 12px; height: 2px; position: absolute; left: 0; animation: waving 5s linear infinite; }
@keyframes waving {
	0% {left: 0; }
    50% {left: 100%;}
	100% { left: 0;}
}

.quickl a{font-size:16px; text-transform: uppercase;}
.conta a{font-size:20px; text-transform: inherit;}
.quickl li{padding:10px 0}
.quickl li img{margin-right:4px;}
.before ul li{position:relative;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.before ul li::before{content:""; display:block; position:absolute; left:0; top:50%; width:0px; height:3px; background:#fecb1e;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.before ul li:hover::before{ width:8px;}
.before ul li:hover{padding-left:12px;}
.textmess,.textmesslong{height:48px; background:none; border:1px solid #dbdbdb; color:#fff; border-radius:10px; margin-right:10px; padding:0 7px; font-size:16px;font-family: "Lato"}
.textmesslong{width:90%; margin-top:15px; padding-top:14px; height:38px;}
.btnmess{height:48px; background:none; border:1px solid #fff; width:160px; text-align:center; color:#fff; font-size:18px;font-family: "Lato"; border-radius:6px; margin-top:15px;    cursor: pointer;}
.btnmess:hover{background:#fff; color:#000; border:1px solid #000;  }
.banqua{align-items:center; padding:15px 0}
.banquan{font-size:18px;}

.qodef-side-area--opened .qodef-side-area-cover { display:block; background-color: rgba(0, 0, 0, .35); z-index: 1002;}
.qodef-side-area-cover {position: fixed; top: 0;  left: 0; width: 100%; height: 100%; display:none; overflow: hidden; z-index: 0; transition: opacity .2s ease-in-out, z-index .2s ease-in-out;}
#qodef-side-area { position: fixed; top: 0; right: -490px; width: 350px; height: 100%;  min-height: 100%; padding: 136px 70px 50px; overflow: hidden; visibility: hidden; z-index: 9999; 
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-backdrop-filter: blur(30px);
	-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;
    backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, .25);}
#qodef-side-area .fixlogo{ width:50%; margin:0 auto; margin-bottom:25px;}
.fixlogo img{width:100%;}
.qodef-side-area--opened #qodef-side-area {right: 0; visibility: visible;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.suptel span,.add span{display:block; margin-bottom:7px;}
.suptel span:nth-child(2){font-size:40px;}
#qodef-side-area .textmesslong,#qodef-side-area .textmess{background:#E0E0E01C}
#qodef-side-area .textmess{width:41%}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #fff; }
input:-moz-placeholder {color: #fff; }
input::-moz-placeholder {color: #fff; }
input:-ms-input-placeholder {color: #fff; }

.proshow .porlist:nth-child(2) .cptupian{order:2}
.proshow .porlist:nth-child(2) .cpcontd{order:1}
.cptupian img{width:100%;}

.aboutbj{/* background:url(../images/banner3.jpg) 50% 0 no-repeat; background-size:cover; padding-top:300px;padding-bottom:200px; */ margin-top:-100px; }
.aboutbj img{width:100%;}
.aboutbj h2{FONT-WEIGHT:500;FONT-SIZE: 3VW; text-transform: uppercase; margin-top:30px;}
.aboutnei{ margin-top:160px; border-top:1px solid #666;}
.aboutnei span{text-transform: uppercase; }
.aboutnei span a{display:block;padding:30px 60px;}
.aboutnei span:hover{ -webkit-backdrop-filter: blur(30px) !important;  backdrop-filter: blur(30px) !important;  background: rgba(255, 255, 255, .25) !important;}
.neiyenav header{/* -webkit-backdrop-filter: blur(30px) !important; backdrop-filter: blur(30px) !important; background: rgba(30, 30, 30, .25) !important; */}

.abzuo{width:50%;}
.abyou{width:50%;}
.abcont{color:#fff; font-size:20px; line-height:30px}
.abimgt{border-radius:20px; font-size:0; overflow:hidden;}
.abimgt img{width:100%;}

.shuzi{color:#fff; font-size:20px; text-align:center;  bottom:40px; left:0; right:0; top:auto;}
.shuzicon{border-right:1px solid #999; width:24%; }
.number{font-size:40px; font-weight:600; }

.height{height:100px; background:rgba(68,68,68,.5); margin-top:-100px;}

.swipe {overflow:hidden;font-size: 0; }
.swipe ul{ overflow:hidden;}
.swipe li div, .swipe div div div { padding:50px 0px;  background:#ae8848;  font-weight:bold;  color:#fff;  font-size:20px;  text-align:center;}
.swipe li  img{width: 100%;}
#slider4{line-height:0;	text-align:center;}
#slider4 ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
#pagenavi,#pagenavi2{ position: absolute; bottom:  15px; z-index: 1000; text-align: center; width: 100%; text-align: center;}
#pagenavi2{ text-align: left; margin-left: 20px;}
#pagenavi a,#pagenavi2 a{ display: inline-block; width: 10px; height: 10px; border-radius:50% ; background: #333;text-indent: 9999px; margin:0 5px;}
#pagenavi2 a{ background: #fff; margin-left: 6px;}
#pagenavi a.active,#pagenavi2 a.active2{color:red; background: #fecb1e;}
.swipe button{display: none; position: absolute; top: 50%; margin-top: -40px; z-index: 9999; background: none; width: 45px; border: none; height: 80px; background: rgba(0,0,0,0.5);}
.zuobian::before{ content: "\f104"; display: block; font-family:FontAwesome ; color: #fff; font-size: 30px;}
.swipe button.youbian::before{content: "\f105"; display: block; font-family:FontAwesome ; color: #fff;font-size: 30px; }
.swipe button.youbian{ right: 0;}
.swipe:hover button{ display: block;}

.productGrid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px; row-gap: 25px; align-items: stretch;}
 @media (max-width: 768px) {
	.productGrid{grid-template-columns: 1fr; }
	}
	
.productGrid .itemli {border: 1px solid white;  transition: 0.3s; overflow: hidden; border-radius:24px;}
.productGrid .itemli img{width:100%;}
.productGrid .itemli::after {content: ""; position: absolute;width: 300px;height: 300px; border-radius: 99px; left: 50%; top: 0; z-index: 0; background-color: #fecb1e; filter: blur(45px); transform: translate(-50%, -100%);transition: all 0.3s;opacity: 0;}
.productGrid .itemli:hover::after {opacity: 1;}
.productGrid .itemli::before {content: "";position: absolute;width: 300px;height: 300px;border-radius: 99px;left: 50%; bottom: 0; top: unset;  z-index: 0; background-color:#fecb1e; filter: blur(45px); transform: translate(-50%, 100%);transition: all 0.3s;opacity: 0;}
.productGrid .itemli:hover::before { opacity: 1;}
.cptuimg{padding:20px;}
.productGrid .itemli  h3{padding:0 20px;}
.promiaoshu{padding:0 20px; font-size:18px; margin-top:20px; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.productGrid .itemli .news-footer{ width:100%;}

.profenlei{}
.fenleibtn{ border:1px solid #fff; border-radius:15px; margin-right:15px; }
.fenleibtn a{font-size:18px;padding:10px  30px; display:block;}
.productGrid{margin-top:30px;}

.newsmbxbj{background:#060606 url(../images/news.webp) 50% 0 no-repeat; background-size:contain; padding-top:300px; padding-bottom:250px; margin-top:-100px;}
.productli .news-list{grid-template-columns: 1fr 1fr 1fr 1fr;}
.productli .news-title{margin-top:0}

.conmbxbj{background:url(../images/contact.webp) 50% 0 no-repeat; background-size:cover; padding-top:300px; padding-bottom:250px; margin-top:-100px;}

.zuoo{width:37%; padding:5%; background-color: #FFFFFF33; border-radius:30px;}
.youu{width:48%}
.zuoo h3{font-size:1.3vw; margin-bottom:30px}
.zuoo ul li{ margin-bottom:20px; font-size:22px; line-height:30px;}
.zuoo ul li i{margin-right:6px;}
.zuoo ul li a{font-size:22px;}
.youu h2{font-size:2vw; margin-bottom:30px}

.youtext,.youtextlong{width:47%; height:50px; background:#FFFFFF33; border-radius:5px; border:1px solid #fff; padding-left:2%; margin-bottom:25px; font-family:"Lato";color:#fff; font-size:18px;}
.arelong{width: 96%; display:block;background:#FFFFFF33; border-radius:5px; border:1px solid #fff; padding:2%;font-family:"Lato";color:#fff; font-size:18px; margin-bottom:25px;}

body.neiyenav { margin: 0;min-height: 100vh; background-color: #000000; 
/* background-image: radial-gradient(closest-side, #fecb1e, #fecb1e00), radial-gradient(closest-side, #e31313, #e3131300), radial-gradient(closest-side, #1F2E74, #1F2E7400), radial-gradient(closest-side, #475cb3, #475cb300), 
radial-gradient(closest-side, #24388c, #24388c00); */
background-image:radial-gradient(closest-side, #000000, #00000000),radial-gradient(closest-side, #fecb1e, #fecb1e00);

                background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
                background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
                background-repeat: no-repeat;
                animation: movement1 6s ease infinite, movement2 6s ease-in-out infinite, movement3 6s ease-in-out infinite alternate;
                background-attachment: fixed;}
body.neiyenav::after {content: '';display: block; position: fixed; z-index:-1; width: 100%; height: 100%; top: 0; left: 0;backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
@keyframes movement1 {
    0%, 100% {background-position: -80vmax -80vmax, 60vmax 80vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax; }
	50% {background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;}
}
@keyframes movement2 {
    0%, 100% {background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;}
	33% {background-size: 120vmax 120vmax, 100vmax 100vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax;}
	66% {background-size: 100vmax 100vmax, 90vmax 90vmax, 110vmax 110vmax, 80vmax 80vmax, 120vmax 120vmax;}
}
@keyframes movement3 {
   0% {background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;}
   100% {background-position: -40vmax -50vmax, 60vmax -40vmax, 10vmax 10vmax, 0vmax 20vmax, 50vmax 50vmax;}
}
.zhengshu h2{ font-size:8vw}
.zhengshulist{margin-top:50px;}
.zhengshulist .item{padding:40px 0}
.elementor-button-icon{background:none;}
.zhengshulist .owl-item:hover .elementor-button-icon{background: linear-gradient(45deg, #FFFFFF00 50%, #fecb1e 100%);}

.zhanwang{background:url(../images/yuan.jpg) 0 50% no-repeat; background-size:cover; padding:200px 0 250px}
.zhanwang h2{font-size:6vw; text-align:center; line-height:7vw; }
.zwcont{width:60%; margin:0 auto; font-size:30px; line-height:50px;text-align:center; margin-top:30px;}
.zhanwang p{text-align:center;}
footer,#qodef-page-header footer{margin-top:100px;}
body.neiyenav footer{}

.newsxqbj{background:#000; padding:150px 0 50px; margin-top:-100px;}
/*#qodef-page-header header{background-color: rgba(255, 255, 255, 0.2) !important;backdrop-filter: blur(30px) !important;}*/
.newsxqbj .mbxcon{ font-size:16px; color:##9a9a9a}

.qodef--next,.qodef--prev {padding: 19px; background-color: #161616;transition: all .4s;}
.qodef-svg--pagination-arrow-right{ transform: rotate(180deg);}
.qodef--next svg *, .qodef--prev svg * { fill: #eee;}
.qodef--next:hover,.qodef--prev:hover{padding: 19px 60px;background-color: #fecb1e;}
.xqmess h2{font-size:2vw; margin-bottom:30px;}

.xqzuo{width:72%}
.xqzuo h1{margin-bottom:15px;}
.xqcont{line-height:36px;}
.xqcont iframe{width: 60%;margin: 0 auto;display: block;height: 450px;}
.xqyou{width:20%; }
.xqyou h3{font-size:25px; margin-bottom:15px;}
.xqyou ul{margin-bottom:30px;}
.xqyou ul li{line-height:30px;}
.xqyou ul li a{color:#e7e7e7; font-size:16px;}
.xqyou form{background:#000; height:50px; line-height:50px; padding:0 15px;}
.souss{height:50px;line-height:50px; background:none;font-family:"Lato";font-size:18px; width:85%; outline: none; color:#fff}

.wenhuac h2 { }
.wenhuac h2 span{display:block; text-align:left;}
.whzuo{width:50%; line-height:35px;}
.whyou{width:45%;}
.whyou img{width:100%;}
.itemcent{align-items:center; }
.whulli{margin-bottom:100px;}
.whulli li{ width:20%; border:1px solid #d0d0d0; border-radius:25px; padding:2%; margin-bottom:25px;}
.bordline{border-bottom:1px solid #c4b276; padding-bottom:5px;}
.whneir{font-size:18px; margin-top:30px; line-height: 30px;}
.whulli li.elementor-button-icon{background:none}
.whulli li:hover.elementor-button-icon{background: linear-gradient(45deg, #FFFFFF00 50%, #fecb1e 100%);}

.cpdescript{line-height:36px;}
.cpdescript h3{text-transform: uppercase; font-size:30px; margin:15px 0;}
.download a{padding:10px 20px; background:#fff; color:#000; border-radius:25px; font-size:18px;}
.download a:hover{background:#000; color:#fff; }

.cprelat{margin-bottom:100px;}
.cprelat h2{text-transform: uppercase; font-size:50px; }
.cprelat ul{margin-top:30px;}
.cprelat ul li{ width:23%; margin:0.5%; }
.cprelat ul li img{width:100%;}
.cprelat ul li h3{ margin-top:15px;}

.cptut{ width: 45%; margin-top: 26px;}
.box{ overflow: hidden;}
.cpjidsf{width: 50%;}
.cpjidsf h1{ font-size: 1.5vw;  margin-bottom: 10px;  }
.cpjidsf p{ line-height:36px;}
.aboutner{ padding: 0 10px;}
.tb-pic a{/*display:table-cell;text-align:center;vertical-align:middle;*/}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{overflow:hidden; width:15%; order:1; }
.tb-thumb li{margin-bottom:10px; border:1px solid rgba(0,0,0,.1);}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-booth{border:1px solid rgba(0,0,0,.1);position:relative;z-index:1;width:calc(83% - 2px);order:2; }
.tb-thumb .tb-selected{ border: 2px solid #fecb1e;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}

.faqlist h3{ font-size:1.5vw;}
.faqda{line-height:36px; margin-top:15px; margin-bottom:40px;}

.xqcont img{max-width:100%;}
.xqcont p{margin-bottom:15px;}
.contimg{margin-top:100px; text-align:center; font-size:0;}
.contimg img{width:100%;}

@media only screen and (max-width:768px ){
.e-con-inner{max-width:100% !important;}
.cptupian img{width:100%;}
.welcom,.welcom-us {width:96%; text-align:center;}
.welcom-us h2 span,.whychoose h2 span{display:inline-block;}
.welcom-us{margin-top:20px;}
.abneir,.welcom-us-img,.cptupian,.cpcontd,.chooseleft{width:96%; margin:0 auto;}
.welcom-us-img{margin-top:20px;}
.elementor-divider{padding-block-start: 30px; padding-block-end: 30px;  margin-top: 10px;}
.martop150{margin-top:30px;}
.elementor-heading-title{font-size:8vw;}
.proshow .porlist:nth-child(2) .cptupian{order:1}
.proshow .porlist:nth-child(2) .cpcontd{order:2}
.between {justify-content: center;}
.partent h2{font-size:10vw;}
.choosecont,.choosemid{ margin-bottom:50px;}
.elementor-custom-embed-play svg{width:70px; height:70px;}
.newsc h2{width:100%; text-align:center; order:1; font-size:10vw;}
.newsc .abmore{margin-top:30px;}
.mess,.quickl,.conta{width:96%; margin:0 auto;}
.textmess{width:41%}
.quickl{ margin-top:30px;}
.banquan{text-align:center; margin-bottom:20px;}
.quickl ul{display:flex; flex-wrap:wrap;}
.quickl ul li{width:48%;}
.conta ul li{width:100%;}
.widget{display:none;}
header{background:#fff;}
header .flex{padding:10px 0;}
header:hover::after{display:none;}
.lan,.lan::after,.search a{color:#000}
.lan{line-height:55px;}
nav{ line-height:60px;}
nav ul li{width:100%; text-align:center; margin:0}
nav ul li a{margin:0; color:#333}
header:hover ul li a, header:hover .lan, header:hover .lan::after, header:hover .search a{color:#000}
nav{width:100%; position:relative; background:#fff }
nav ul {display:none}
.caidan{ display: block; color: #000; line-height: 54px; position:absolute; z-index:2999; top:-45px; right:15px;}
nav ul li i{opacity:1; color:#000; width: 20px; height: 20px;}
.xla,.xla2{ position: relative; width: 100%;}
nav ul li:hover .xla{ display: none;}
.xla2{left:0}
.xla ul li{width:100%; padding:10px 0;}
nav ul li>.xla ul li i{right:20px;}
.language-box{line-height:54px;position: absolute;top:0; right: 60px; z-index:100}
.search{display:none;}
.language-box:hover ul{display: none;}
.fenleibtn{width:42%; margin:10px; text-align:center; }
.fenleibtn a{  padding: 15px 30px;}
.profenlei{justify-content: space-between;}
.productli{margin-top:30px;}
.neiyenav header,#qodef-page-header header{background:#fff !important}
.swipe,.mbx{margin-top:0}
.productli .news-list{grid-template-columns: 1fr;}
.newsmbxbj,.conmbxbj,.newsxqbj{ margin-top:0; padding:50px 0}
.zuoo{width:87%; padding:5%; margin:0 auto}
.youu{width:96%; margin:0 auto}
.youu h2,.xqmess h2,.faqlist h3{font-size:30px; margin-top:30px;}
.zuoo h3{font-size:30px; }
.youtext, .youtextlong{width:45%}
.youu .between,.itemcent.between{justify-content: space-between;}
.xqzuo,.xqyou,.whzuo,.whyou{width:96%; margin:0 auto;}
.xqyou{margin-top:40px;}
.xqzuo .between { justify-content: space-between; }
.shuzicon{width:49%; margin-bottom:15px}
.wenhuac h2,.wenhuac h2 span{text-align:center;}
.whyou{margin-top:30px;}
.whulli li{width:84%; padding: 4%}
.cptut{width:96%; margin:0 auto;}
.tb-booth{width:calc(100% - 2px); order:1}
.tb-thumb{width:100%; order:2; display:flex; flex-wrap:wrap; justify-content:center; margin-top:10px;}
.tb-thumb li{width:20%; margin:0 5px;}
.cpjidsf{width:96%; margin:0 auto; margin-top:30px;}
.cpjidsf h1,.cprelat h2{font-size:30px;}
.padd{padding:0 10px;}
.cprelat{width:96%; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.cprelat ul li{width:49%; margin-bottom:15px;}
.owl-prev{left:0;}
.owl-next{right:0;}
.xqcont img{width:100%;}
.porlist{ margin-bottom:100px;}
.abmore{margin-top:30px !important;}
.abmore2{margin:0 auto; margin-top:30px !important;}
.choosemid{width:90%; order:1}
.chooseleft{order:2;}
.shuzi{position:relative; bottom:0; margin-top:30px;}
.conmbxbj h2{font-size:30px; padding-left:25px;}
.productGrid .itemli::before,.productGrid .itemli::after{display:none;}
.productGrid .itemli{width: 94%;margin: 0 auto;}
.e-con-inner h2{font-size:10vw}
.xqcont iframe{width: 96%;height: 260px;}
.whzuo,.abneir2,.chooseleft,.cpmiaoshu2{text-align:center;}
.language-box ul{right:-30px;}
}
@media only screen and (max-width:540px ){
.youu{display:none}	
}
@media only screen and (max-width:1200px ) and (min-width:769px ){
header{background:#fff;}
header .flex{padding:10px 0;}
header:hover::after{display:none;}
.lan,.lan::after,.search a{color:#000}
nav{ line-height:60px;}
nav ul li{width:100%; text-align:center; margin:0}
nav ul li a{margin:0; color:#333}
nav{width:100%; position:relative; background:#fff }
nav ul {display:none}
.caidan{ display: block; color: #000; line-height: 54px; position:absolute; z-index:2999; top:-45px; right:15px;}
nav ul li i{opacity:1; color:#fff; width: 20px; height: 20px;}
.xla,.xla2{ position: relative; width: 100%;}
nav ul li:hover .xla{ display: none;}
.xla2{left:0}
.xla ul li{width:100%; padding:10px 0;}
nav ul li>.xla ul li i{right:20px;}
.language-box{line-height:54px;position: absolute;top:0; right: 60px; z-index:100}
.search{display:none;}
.e-con-inner{max-width:calc(100% - 20px) !important;padding:60px 10px;}
.cptimg img{width:140px;}
:;padding:40px 0
.partent h2{width:70%;}
.whychoose{text-align:center;}
.whychoose h2 span{display:inline-block;}
.choosemid{display:none;}
.chooseleft{width:48%}
.language-box:hover ul,.widget{display: none;}
.productGrid{grid-template-columns: 1fr 1fr ; }
.neiyenav header,#qodef-page-header header{background:#fff !important}
.swipe{margin-top:0}
.productli .news-list{grid-template-columns: 1fr 1fr ;}
.newsmbxbj,.conmbxbj,.aboutbj{ margin-top:0; padding:50px 0}
.xqzuo .between { justify-content: space-between; }
.whulli li{width:41%; padding: 4%}
.padd{padding:0 10px;}
.faqlist h3{font-size:30px;}
.faqli{width:98%; margin:0 auto;}
.newsxqbj{margin-top:0; padding:0px 0}
.owl-prev{left:0;}
.owl-next{rigth:0;}
}
@media only screen and (max-width:1600px ){
	.e-con-inner{max-width:1300px;}
}
@media only screen and (max-width:1440px ) and (min-width:1201px ){
nav ul li{margin:0 10px;}
#qodef-side-area{padding:10px 70px 50px}
#qodef-side-area .shequ{ margin-top:30px;}
.textmess{width:42%}
.newsmbxbj,.conmbxbj,.newsxqbj,.aboutbj{ margin-top:0; padding:150px 0}
}