@font-face{font-family:futura-pt;src:url(SOURCEHANSANSCN-REGULAR.OTF);    /*src: url(https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2");*/font-weight:400;font-style:normal;font-display:auto;}
*{font-family:futura-pt;color:#333333;margin:0px;padding:0px;}
a{text-decoration:none;}
li{list-style:none;}
.mobilediv{display:none!important;}
.ssimg{width:100%;height:100%;display:block;object-fit:cover;transition:all 2s linear;-webkit-transition:all 2s linear;-moz-transition:all 2s linear;-ms-transition:all 2s linear;-o-transition:all 2s linear;}
.ssimg:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);}
.ssimgs{width:100%;display:block;}
.vtspan{color:#F5C824;}
@media screen and (max-width:450px){
.mobilediv{display:block!important;}
.computerdiv{display:none!important;}
}
/* header */
.header{width:100%;height:132px;background:rgb(255,255,255,0.5);    /* position: absolute; */position:relative;z-index:2;}
.cdleft{padding-left:88px;width:auto;    /* overflow: hidden; */float:left;position:relative;z-index:2;}
.cdright{padding-right:88px;width:auto;    /* overflow: hidden; */float:right;position:relative;z-index:2;}
.cda{display:inline;float:left;padding-left:32px;padding-right:32px;line-height:132px;cursor:pointer;color:#F5C824;position:relative;}
.cda:hover{color:#f1d07e;font-weight:bold;}
.cdimg{display:block;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.cdspan{display:inline-block;line-height:136px;float:left;}
.cna{margin-left:32px;cursor:pointer;}
.cnb{margin-left:25px;cursor:pointer;}
.cnc{margin-left:25px;}
.cdshuan{padding-top:55px;display:inline-block;float:left;margin-left:6px;width:60px;height:20px;overflow:hidden;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
.cnimgs{display:block;float:right;width:10px;height:10px;position:relative;margin-top:10px;}
.cnspan{display:block;}
.cndiv{width:50px;float:left;}
.cdshuan:hover{height:45px;}
.cnimg{display:block;float:right;}
.bbb{overflow:hidden;height:0;transition:1s;width:150px;position:absolute;margin-top:5px;margin-left:-32px;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
.c{float:left;width:140px;height:50px;background-color:white;line-height:50px;text-align:center;cursor:pointer;font-size:13px;}
.aaa:hover .bbb{height:100px;}
.aaaa:hover .bbb{height:200px;}
/* 鼠标触摸事件 */
.shubiao{width:180px;background:white;position:absolute;z-index:1;top:131px;display:none;left:0px;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
.soright{right:0%;left:auto;}
.cda:hover .shubiao{display:block}
.cda:hover .shubiaob{height:300px;}
.sodiv{height:100%;position:relative;margin:auto;padding-bottom:15px;}
.sv{width:85%;}
.svimg{display:block;}
.sgg{width:23%;margin-left:1%;margin-right:1%;}
.sg{width:100%;}
.sgdiv{width:77%;height:150px;margin:auto;overflow:hidden;}
.sggv{height:190px!important;}
.svv{width:50%;height:240px;margin:inherit;}
.sgimg{display:block;position:relative;    /*width: 100%;*/height:100%;object-fit:cover;margin:auto;}
.svpp{width:80%;margin:auto;font-size:16px;line-height:1.3;margin-top:15px;text-align:center;font-weight:100;}
.spp{width:30%;float:right;position:absolute;top:10px;right:12%;}
.bc{margin-left:-41px;}
.svvdiv{width:50%;position:relative;height:100%;float:left;}
.spptwo{font-size:17px;margin-top:20px;}
.sppthree{font-size:16px;font-weight:bold;margin-top:25px;}
.caa{display:none}
.cao{display:block}
/* 视频 */
.video_case{width:100%;height:45vw;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;z-index:999;background:rgba(0,0,0,0.3);display:none;}
.main_video{width:81%;height:100%;margin:0 auto;}
.video-one{width:100%;height:100%;}
.btn_video{position:absolute;top:4%;right:4%;cursor:pointer;width:28px;height:28px;color:white;font-size:28px;}
.sssou{position:absolute;width:100%;height:0px;background:#f7f7f7;top:137px;z-index:2;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;box-sizing:border-box;overflow:hidden;}
.sskuang{width:80%;background:none;position:relative;left:7%;font-size:24px;color:#767676;float:left;border:2px solid #64c2c9;height:50px;margin-top:15px;box-sizing:border-box;border-radius:10px;text-indent:2em;outline:none;}
.xclose{width:10%;height:80px;float:right;font-size:45px;text-align:center;position:relative;right:3%;line-height:70px;cursor:pointer;}
.friendlink{width:1200px;margin:auto;margin-top:30px;}
.fla{display:inline-block;margin:0px 20px;font-size:18px;}
.csservice{font-weight:100!important;color:#F5C824;}
.csservice:hover{color:#f1d07e;font-weight:bold!important;}
.productpages{width:100%;height:32px;overflow:hidden;margin-bottom:50px;position:relative;}
.productpages div{position:absolute;left:50%;transform:translate(-50%,0%);}
.productpages .current{width:30px;height:30px;border:1px solid #F5C824;display:block;text-align:center;line-height:30px;border-radius:7px;float:left;margin-right:7px;color:#F5C824;}
.productpages a{width:30px;height:30px;border:1px solid #F5C824;display:block;text-align:center;line-height:30px;border-radius:7px;float:left;margin-right:7px;}
.productpages .next{width:80px;height:30px;border:1px solid #F5C824;display:block;text-align:center;line-height:30px;border-radius:7px;float:left;}
.productpages .prev{width:80px;height:30px;border:1px solid #F5C824;display:block;text-align:center;line-height:30px;border-radius:7px;float:left;}
/* ----- */
.sca{width:100%;}
.sodiv .sub-menu{display:none;line-height:40px;}
.sodiv .dropdown{position:relative;}
.sodiv .sub-menu{position:absolute;top:0;left:180px;margin:0;width:200px;border:solid 1px #eee;}
.sodiv .sub-menu li{padding:0 15px;}
.sodiv .dropdown:hover .sub-menu{display:block;}
/* ----- */
@media screen and (max-width:450px){
.productpages .current{width:25px;height:25px;line-height:25px;font-size:15px;}
.productpages a{width:25px;height:25px;line-height:25px;font-size:15px;}
.productpages .next{width:80px;height:25px;line-height:25px;font-size:15px;}
.productpages div{position:relative;}
}
@media screen and (max-width:1680px){
.sggv{height:150px!important;}
.cdleft{padding-left:50px;}
.cdright{padding-right:50px;}
.cda{padding-left:28px;padding-right:28px;}
.sgdiv{height:131px;}
.svv{height:220px;}
.cda:hover .shubiaob{height:260px;}
.spp{width:34%;right:7%;}
}
@media screen and (max-width:1600px){
.cna{margin-left:0px;}
.sgdiv{height:125px;}
.cda:hover .shubiaob{height:250px;}
.svv{height:210px;}
.spp{top:0px;}
}
@media screen and (max-width:1500px){
.sggv{height:140px!important;}
.cdleft{padding-left:30px;}
.cdright{padding-right:30px;}
.cda{padding-left:23px;padding-right:23px;}
.sgdiv{height:117px;}
.cda:hover .shubiaob{height:235px;}
.svv{height:200px;}
.spptwo{margin-top:15px;}
.sppthree{margin-top:20px;}
.spp{width:38%;right:5%;}
}
@media screen and (max-width:1400px){
.sggv{height:130px!important;}
.cdleft{padding-left:15px;}
.cdright{padding-right:15px;}
.cda{padding-left:18px;padding-right:18px;}
.cnc{margin-left:15px;}
.cnb{margin-left:18px;}
.cna{margin-left:3px;}
.sgdiv{height:109px;}
.cda:hover .shubiaob{height:220px;}
.svv{height:185px;}
.spp{margin-top:5px;}
.sv{width:90%;}
}
@media screen and (max-width:1300px){
.sggv{height:120px!important;}
.cda{padding-left:16px;padding-right:16px;line-height:125px;}
.cdimg{width:220px;}
.header{height:125px;}
.cdspan{line-height:125px;}
.cdshuan{padding-top:49px;}
.shubiao{top:125px;}
.sgdiv{height:101px;}
.bbb{margin-top:0px;}
.cda:hover .shubiaob{height:205px;}
.svv{height:170px;}
.spptwo{margin-top:12px;font-size:16px;}
.spp{width:39%;right:6%;}
}
@media screen and (max-width:1200px){
.sggv{height:110px!important;}
.cda{padding-left:15px;padding-right:15px;font-size:14px;}
.cdleft{padding-left:10px;}
.cdright{padding-right:10px;}
.gezia{margin-top:70px!important;}
.sgdiv{height:93px;}
.bc{margin-left:-45px;}
.cda:hover .shubiaob{height:190px;}
.svv{height:156px;}
.sppthree{margin-top:13px;}
}
@media screen and (max-width:1100px){
.sggv{height:100px!important;}
.cdimg{width:180px;}
.sgdiv{height:85px;}
.bbb{margin-left:-37px;}
.bc{margin-left:-45px;}
.cda:hover .shubiaob{height:150px;}
.sv{width:92%;}
.svv{height:130px;}
.spp{width:42%;right:4%;}
.spptwo{margin-top:10px;font-size:12px;}
.sppthree{font-size:15px;}
}
@media screen and (max-width:768px){
.cdleft{padding-left:5px;}
.cda{padding-left:8px;padding-right:8px;font-size:12px;}
.cnc{margin-left:12px;}
.cnb{margin-left:15px;}
.cdimg{width:110px;margin-left:-30px;}
.header{height:85px;}
.cda{line-height:85px;}
.cdspan{line-height:85px;}
.cdshuan{padding-top:29px;}
.shubiao{display:none;}
.bbb{margin-left:-43px;}
}
@media screen and (max-width:450px){
.logoimg{width:40%;position:absolute;display:block;top:50%;left:5%;transform:translate(0%,-50%);}
.mtimg{width:20px;height:20px;display:block;float:left;margin-right:25px;}
.mobilethree{width:80%;margin:auto;margin-top:30px;}
.cdshuan{padding-top:0px;margin-left:-15px;}
.cnspan{color:white;line-height:20px!important;}
}
/* footer */
.footerlv{width:100%;height:1px;border-top:2px solid #F5C824;}
.footer{width:1200px;height:auto;    /* height: 428px; */    /* border-top: 1px solid #F5C824; */
margin:auto;}
.foots{width:100%;margin-top:40px;margin-bottom:40px;overflow:hidden;}
.footone{width:30%;height:auto;float:left;border-right:1px solid #F5C824;box-sizing:border-box;}
.foottwo{width:24%;height:auto;float:left;border-right:1px solid #F5C824;}
.footthree{width:21%;float:left;}
.fttit{font-size:18px;margin-left:35px;margin-top:3px;margin-bottom:13px;}
.ftdivs{margin-left:35px;}
.ftdivs .f-img{width:150px;}
.feimg{    /*margin-top: 6px;*/
display:block;}
.fediv{    /*margin-top: 18px;*/
margin-top:10px;}
.fedivimg{display:block;float:left;margin-top:4px;max-width:13px;max-height:15px;}
.fedivspan{    /*width: 240px;*/
display:inline-block;margin-left:11px;width:280px;line-height:20px;word-break:break-all;}
.fedivs{    /*margin-top: 10px;*/
margin-top:5px;}
.fba{display:block;margin-left:66px;font-size:12.5px;margin-bottom:4.5px;}
.fbp{font-size:18px;margin-left:60px;margin-top:3px;margin-bottom:13px;}
.fbpp{font-size:12.5px;margin-left:60px;margin-top:13px;margin-bottom:13px;}
.fohui{width:172px;height:32px;background:#f3f3f3;margin-left:60px;}
.fogo{width:31px;height:29px;background:#F5C824;margin-left:60px;margin-top:1px;font-size:12.5px;color:white;line-height:32px;text-align:center;display:block;border:none;outline:none;}
.govalue{width:100%;height:100%;border:none;background:none;outline:none;text-indent:8px;font-size:12px;}
.six{width:auto;overflow:hidden;margin-left:60px;display:block;margin-top:10px;}
.copyright{width:100%;height:70px;background:#F5C824;position:relative;}
.ctdiv{width:1500px;height:100%;margin:auto;position:relative;}
.ctimg{display:block;float:left;margin-top:30px;}
.ctp{display:inline-block;float:left;margin-top:22px;color:white;font-size:22px;margin-left:10px;}
.ctpp{display:inline-block;float:left;margin-top:22px;color:white;font-size:22px;position:absolute;left:46.5%;}
.ctppp{display:inline-block;float:right;margin-top:22px;color:white;font-size:22px;}
@media screen and (max-width:1680px){
.ctdiv{width:80%;}
}
@media screen and (max-width:1500px){
/* .foots {
margin-top: 80px;
} */}
@media screen and (max-width:1300px){
.foots{margin-top:35px;}
.ctpp{left:55%;}
}
@media screen and (max-width:1100px){
.foots{margin-top:60px;}
.footer{width:90%;}
.friendlink{width:90%;}
.footone{width:33%;}
.foottwo{width:33%;}
.footthree{width:33%;}
}
@media screen and (max-width:768px){
.feimg{width:200px;}
.fedivspan{width:200px;}
.fbp{margin-left:40px;}
.fba{margin-left:40px;}
.fbpp{margin-left:40px;}
.fohui{margin-left:40px;}
.fogo{margin-left:40px;}
.six{margin-left:40px;}
.siximg{width:25px;height:25px;}
.ctp{margin-top:25px;font-size:16px;}
.ctpp{font-size:16px;margin-top:25px;}
.ctppp{margin-top:25px;font-size:16px;}
.foots{margin-top:45px;}
.footone{width:48%;}
.foottwo{width:48%;}
.footthree{width:48%;}
}
@media screen and (max-width:450px){
.fla{margin:0px 15px;font-size:16px;}
.footone{width:100%;border:none;height:auto;overflow:hidden;border-bottom:1px solid #F5C824;padding-bottom:15px;}
.foottwo{border:none;border-bottom:1px solid #F5C824;}
.footthree{width:100%;}
.ftdivs{margin-top:15px;}
.fedivspan{width:78%}
.feimg{margin:auto;display:none;}
.foots{margin-top:0px;}
.footer{height:auto;overflow:hidden;}
.fbp{margin-top:15px;margin-left:30px;}
.fba{margin-left:35px;}
.foottwo{height:auto;overflow:hidden;width:100%;padding-bottom:25px;}
.fedivimg{margin-left:15px;}
.fbpp{margin-left:30px;}
.fohui{margin-left:30px;}
.fogo{margin-left:30px;}
.six{margin-left:30px;margin-top:15px;}
.ctp{font-size:13px;margin-top:15px;}
.copyright{height:auto;overflow:hidden;padding-bottom:15px;}
.ctpp{position:relative;float:left;left:0;font-size:15px;width:100%;text-align:center;margin-top:8px;}
.ctppp{margin-top:6px;font-size:15px;float:left;width:100%;text-align:center;}
.ctimg{margin-top:16px;}
.sssou{position:relative;top:30px;width:80%;margin:auto;}
.sskuang{width:75%;font-size:18px;height:50px;}
.xclose{height:50px;line-height:45px;font-size:30px;}
}
/* 弹窗 */
.tanchuang{width:100%;height:100%;background:rgb(207,207,207);position:fixed;top:100%;z-index:3;}
.tgp{font-family:auto;}
.tgpp{font-family:auto;font-size:5rem;line-height:1;position:absolute;text-align:center;left:50%;top:50%;color:white;transform:translate(-50%,-50%);width:auto;height:100px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.tanchuangs{width:100%;height:100%;background:rgb(207,207,207);position:fixed;top:100%;z-index:3;animation-name:mytranslate;animation-duration:3s;}
.tgpdiv{font-size:5rem;line-height:1;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:100px;background-position:-100% 0;background-image:-webkit-linear-gradient(left,white 50%,black 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 2s infinite linear;animation-iteration-count:1;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
/* 打开页面的弹窗 */
@keyframes mytranslate{
0%{top:0%;}
66.6%{top:0%;}
100%{top:-100%;}
}
/* 文字动画 */
@keyframes masked-animation{
0%{background-position:0 0;}
100%{background-position:-100% 0;}
}
/* 文字特效 */
.btn--primary{-webkit-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);transition:background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);-webkit-transition:background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1),-webkit-transform 1s cubic-bezier(0,.97,.43,1);-moz-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);-ms-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);-o-transition:transform 1s cubic-bezier(0,.97,.43,1),background 1s cubic-bezier(0,.97,.43,1),border-color 1s cubic-bezier(0,.97,.43,1);}
.btn--primary:before,.btn--primary:after{content: '';position:absolute;z-index:2;width:0;-webkit-transition:all 1000ms cubic-bezier(0,.97,.43,1);transition:all 1000ms cubic-bezier(0,.97,.43,1);-webkit-transform-origin:left;transform-origin:left;left:auto;right:0;bottom:0;height:2px;background:#a6a6a6}
.btn--primary .word{position:relative;float:left;}
.btn--primary:before{height:100%;background:#121212;display:block;z-index:0}
.btn--primary:hover{cursor:pointer}
.btn--primary:hover:before{right:auto;-webkit-transform-origin:right;transform-origin:right;width:100%;left:0}
.btn--primary:hover .char{color:#fff;-webkit-transition:all 500ms cubic-bezier(0,.97,.43,1) calc(400ms*var(--char-index)/var(--char-total));transition:all 500ms cubic-bezier(0,.97,.43,1) calc(400ms*var(--char-index)/var(--char-total))}
.btn--primary .char{display:inline;letter-spacing:-5px;}
.whitespace{width:11px;display:block;height:1px;float:left;}
.ttimg video{max-width:100%;margin:auto;}
.ttimg img{display:block;width:100%;}
/* 登录 */
.denglu{position:fixed;width:700px;height:100%;background:white;right:-700px;z-index:2000;top:0px;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;cursor:pointer;}
.dux{width:25px;height:25px;font-size:55px;text-align:center;margin:auto;position:relative;display:block;line-height:11px;margin-top:28px;margin-bottom:70px;}
.dubiao{width:90%;margin:auto;}
.dologin{font-size:38px;margin-bottom:40px;}
.doemail{font-weight:bold;font-size:14px;margin-bottom:8px;}
.doemailinput{width:100%;height:63px;box-sizing:border-box;border:2px solid #e8eaea;margin-bottom:37px;text-indent:19px;outline:none;}
.signins{width:90px;height:100%;position:relative;margin:auto;}
.doebutton{width:100%;display:block;height:62px;border:2px solid #1b1b1b;box-sizing:border-box;margin:auto;margin-top:7px;font-size:18px;line-height:62px;position:relative;background:white;margin-bottom:90px;}
.dop{font-size:30px;margin-top:42px;}
.dopa{font-size:15px;margin-top:17px;display:block;font-weight:bold;}
@media screen and (max-width:450px){
.denglu{width:100%;}
.dux{margin-bottom:25px;}
.dologin{font-size:25px;margin-bottom:20px;}
.doemailinput{height:40px;margin-bottom:30px;}
.doebutton{height:40px;line-height:40px;margin-bottom:50px;}
.signins{width:65px;}
.dop{font-size:22px;}
.dopa{font-size:14px;}
}