@charset "UTF-8";

/* 前端白明明 */


@font-face {
 
    font-family: "gle";
 
    src:
       url("../fonts/GILROY-REGULAR.OTF") ,

       url("../fonts/GILROY-REGULAR.ttf") ;
 
    font-weight: normal;
 
    font-style: normal;
}

@font-face {
 
    font-family: "pop2";
 
    src:
       url("../fonts/Poppins.otf") ,

       url("../fonts/Poppins.ttf") ;
 
    font-weight: normal;
 
    font-style: normal;
}

@font-face {
 
    font-family: "gil";
 
    src:
       url("../fonts/GILROY-REGULAR.OTF") ,

       url("../fonts/GILROY-REGULAR.ttf") ;
 
    font-weight: normal;
 
    font-style: normal;
}

@font-face {
 
    font-family: "gil2";
 
    src:
       url("../fonts/GILROY-BOLD.OTF") ;

     
 
    font-weight: normal;
 
    font-style: normal;
}
@font-face {
 
    font-family: "gil3";
 
    src:
       url("../fonts/DINPro-Regular.otf") ;

     
 
    font-weight: normal;
 
    font-style: normal;
}

@font-face {
    font-family: "pop";
    src:
       url("../fonts/Poppins-Bold.ttf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pop3";
    src:
       url("../fonts/Poppins-Light.ttf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pop4";
    src:
       url("../fonts/Poppins-Medium.ttf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "pop5";
    src:
       url("../fonts/Poppins-Regular.ttf") ;
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "ado";
    src:
       url("../fonts/AdobeHeitiStd-Regular.otf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dinb";
    src:
       url("../fonts/DINPro-Bold.otf") ;
    font-weight: normal;
    font-style: normal;
}
.gle{font-family: "gle";}

.pop{font-family: "pop";}

.zhegai{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #fff;z-index: 1000;display: none;}


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;  min-width: 1280px;position: relative;padding: 0  0 750px; width: 100%;color: #222;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #222;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}
/* 
body::-webkit-scrollbar{ width:1px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#fff;}

body::-webkit-scrollbar-track{ background:#fff;}  */

.f_12{ font-size:12px; }

.f_14{ font-size:14px; }


.f_16{ font-size:16px; }

.f_17{ font-size:17px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_41{font-size: 41px;}


.f_42{font-size: 42px;}

.f_46{font-size: 46px;}


.f_48{font-size: 48px;}

.f_56{font-size: 56px;}

.f_66{font-size: 66px;}

.f_68{font-size: 68px;}


.f_60{font-size: 60px;}

.f_72{font-size: 72px;}


.f_74{font-size: 70px;}

.f_80{font-size: 80px;}

/*分页*/

.a_dw{position: relative;top: -70px;}

.box {max-width:1800px;min-width: 1200px;width:94%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2 {min-width: 1200px;width:74% ;margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box3 {width:960px ;margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box4 {max-width:1600px;min-width: 1200px;width:83.33%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box5 {min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}


.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime3,.alltime3 *{-webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.alltime4,.alltime4 *{-webkit-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear;}

.alltime5,.alltime5 *{-webkit-transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); -moz-transition: all .8s cubic-bezier(0.8, 0, 0.2, 1); transition: all .8s cubic-bezier(0.8, 0, 0.2, 1);}

.alltime6,.alltime6 *{-webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;}


.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 头部 */

/* 移动 */

.nav_y{width: 100%;height: 50px;position: fixed;top: 0;left: 0;background: #fff;display: none; z-index: 100;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.nav_y .con_y{display: flex;justify-content: space-between;align-items: center;height: 100%;position: relative;}

.nav_y .con_y .logo_y{width: 70px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.nav_y .con_y .dengl{display: flex;}

.nav_y .con_y .dengl a{display: block;margin-right: 15px;width: 20px;}

.nav_y .con_y .dengl a {}

.nav_y .con_y .logo_y img{width: 100%;}

.nav_y .con_y .san{width: 20px;height: 20px;cursor: pointer;}

.nav_y_con{width: 100%;height: 100vh;background: #fff;position: absolute;left: 0;top: 0;transform: translateX(110%);transition: all 0.6s;z-index: 101;}

.nav_y_con.act{transform: translateX(0);transition: all 0.6s;}

.nav_y_con .cuo{position: absolute;right: 5%;top: 30px;width: 30px;height: 30px;cursor: pointer;z-index: 102;}

.nav_y_con .navy_top{display: flex;justify-content: space-between;padding: 100px 5% 20px;display: none;}

.nav_y_con .navy_top .sous{width: 40px;height: 40px;background: url(../images/s3.png) center no-repeat;border-radius: 100%;border:1px solid #000;background-size: 25px 25px;}

.nav_y_con .navy_top .top_le,.nav_y_con .navy_top .top_re{width: 40px;height: 40px;border:1px solid #b5b5b5;border-radius: 50px;line-height: 38px;text-align: center;display: block;color: #999999;}

.nav_y_con .navy_top .top_re{background: url(../images/sso.png) no-repeat center;background-size: 20px;border: 1px dashed;}
/* .nav_y_con .ul{padding-top: 100px;} */

.nav_y_con .ul{overflow-y:auto;height: 90%;padding-top: 30%;}

.nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;}
.nav_y_con .ul::-webkit-scrollbar-thumb{ background:#000;}
.nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} 

.nav_y_con .li{padding-left: 15px;margin-bottom: 10px;}

.nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;}

.nav_y_con .li .ptop a{display: block;}

.nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #000;top: 50%;transform: translateY(-50%);}

.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;pointer-events: none;}

.nav_y_con .li .ptop.act::before{transform: rotate(90deg);}

.nav_y_con .li .txt{padding-left: 5px;display: none;}

.nav_y_con .li .txt .atxt{padding-left: 15px;}

.nav_y_con .li .txt a{display: block;line-height: 35px;}

.nav_y_con .li.lis .txt .at{font-weight: bold;}

.nav_y_con .li:nth-child(4n) .ptop::before,.nav_y_con .li:nth-child(5n) .ptop::before{content: none;}


.nav_y_con .li:first-child .ptop::before{content: none;}

.nav{position: fixed;width: 100%;height: 100px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.head{position: absolute;width: 100%;top: 0;left: 0;z-index: 15;}

.head .hedad_pc{position: fixed;width: 100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.head .hedad_pc.bei{background: #fff;}

.head .hedad_pc .htop{margin: 30px 0;}

.head .hedad_pc .htop .hlt{float: left;display: flex;height: 30px;align-items: center;align-content: center;position: relative;cursor: pointer;}

.head .hedad_pc .htop .hlt input{display: block;width: 0px;height: 30px;background: rgba(0, 0, 0, 0);border: 0;outline: none;}

.head .hedad_pc .htop .hlt .ss{width: 30px;height: 30px;background: url(../images/ss_b.png) center no-repeat;}

.head .hedad_pc .htop .hlt .wz{width: 30px;color: #fff;overflow: hidden;white-space:nowrap;}

.head .hedad_pc .htop .hlt s{display: block;width: 0%;height: 1px;background: #000; position: absolute;left: 0;bottom: 0;z-index: 1;}

.head .hedad_pc .htop .hrt{float: right;display: flex;height: 30px;align-items: center;align-content: center;position: relative;cursor: pointer;line-height: 30px;}

.head .hedad_pc .htop .hrt .a{display: block;width: 30px;position: relative;padding: 7px;}

.head .hedad_pc .htop .hrt .a img{display: block;width: 18px;}

.head .hedad_pc .htop .hrt .a img:nth-child(2),.head .hedad_pc .htop .hrt .a img:nth-child(3){position: absolute;left: 6px;top: 6px;z-index: 2;opacity: 0;}

.head .hedad_pc .htop .hrt .yy{font-family: Arial;margin-left: 11px;font-size: 15px;}

.head .hedad_pc .htop .hrt .yy .en{color: #fff;font-size: 14px;}

.head .hedad_pc .htop .hrt .yy .en .i{width:16px;height:16px;position:relative}

.head .hedad_pc .htop .hrt .yy .en .i img{width: 100%;}

.head .hedad_pc .htop .hrt .yy .en .i img:last-child{position:absolute;left: 0;top: 0;opacity:0}

.head:hover .hedad_pc .htop .hrt .yy .en .i img:last-child{opacity:1;}

.head:hover .hedad_pc .htop .hrt .yy .en .i img:first-child{opacity:0;}

.head .hedad_pc.bai .htop .hrt .yy .en .i img:last-child, .head .hedad_pc.bai .htop .hrt .yy .en .i img:last-child, .head .hedad_pc.bai2 .htop .hrt .yy .en .i img:last-child, .head .hedad_pc.bai2 .htop .hrt .yy .en .i img:last-child{opacity:1;}

.head .hedad_pc.bai .htop .hrt .yy .en .i img:first-child, .head .hedad_pc.bai .htop .hrt .yy .en .i img:first-child, .head .hedad_pc.bai2 .htop .hrt .yy .en .i img:first-child, .head .hedad_pc.bai2 .htop .hrt .yy .en .i img:first-child{opacity:0;}




.head .hedad_pc .htop .hrt .yy .yox{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: rgba(33, 48, 61, 0.5);pointer-events: none;visibility: hidden;opacity: 0;}

.head .hedad_pc .htop .hrt .yy .a2{width: 175px;height: 215px;position: absolute;top: 0px;right: 0px;padding-top: 40px;z-index: 5;pointer-events: none;visibility: hidden;opacity: 0;}

.head .hedad_pc .htop .hrt .yy .a2 .aox{background: #fff;padding: 40px 0 0 50px;width: 100%;height: 160px;}

.head .hedad_pc .htop .hrt .yy2 .a2 .aox{padding: 40px 0 0;text-align:center;}

.head .hedad_pc .htop .hrt .yy .a2 a{font-size: 14px;display: block; line-height: 1;margin-bottom: 25px;}

.head .hedad_pc .htop .hrt .yy .a2 a div{display: inline-block;position: relative;color: #222;}

.head .hedad_pc .htop .hrt .yy .a2 a span{margin: 0 5px;}

.head .hedad_pc .htop .hrt .yy .a2 a div s{display: block;width: 0%;height: 1px ;background: #e7004c;position: absolute;left: 0;bottom: -5px;z-index: 2;}

.head .hedad_pc .htop .hrt .yy:hover .yox{visibility: visible;opacity: 1;}

.head .hedad_pc .htop .hrt .yy:hover .a2{visibility: visible;opacity: 1;pointer-events: visible;}

.head .hedad_pc .htop .hrt .yy .a2 a:hover  div s{width: 100%;}

.head .hedad_pc .htop .hrt .yy .a2 a:hover div{color: #e7004c;}

.head .hedad_pc .htop .logo{height: 30px;position: absolute;top: 0;left: 50%;margin-left: -55px;}

.head .hedad_pc .htop .logo img{display: block;height: 100%;}

.head .hedad_pc .htop .logo img:nth-child(2){position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;}

.head .hedad_pc .hbtm{margin: 0 auto;}

.head .hedad_pc .hbtm .a{display: flex;justify-content: center;}

.head .hedad_pc .hbtm .a a{display: block;margin: 0 25px;height: 30px;}

.head .hedad_pc .hbtm .a a span{display: inline-block;position: relative;color: #fff;}

.head .hedad_pc .hbtm .a a span s{position: absolute;left: 0;top: 16px;z-index: 1;width: 0%;background: #e7004c;height: 1px;}

.head .hedad_pc .hbtm .hbtm2{position: fixed;width: 100%;background: #fafafa;left: 0;top: 120px;z-index: 5;}

.head .hedad_pc .hbtm .hbtm2 .dl1{}

.head .hedad_pc .hbtm .hbtm2 .dl1 dd{display: none;overflow: hidden;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd{padding: 50px 0 90px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox{display: flex;justify-content: space-between;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .dlt{}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .dlt a{display: block;color: #555;margin-top: 30px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .dlt .dtt  a{margin-top: 0;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .dlt a.act{color: #e7004c;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt{width: 710px;position: relative;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1{display: flex;height: 260px; position: relative;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li{width: 200px; margin-right: 55px;text-align: center;position: relative;top: 0;left: 0;-webkit-transition: all .7s cubic-bezier(.4,0,.2,1); -moz-transition: all .7s cubic-bezier(.4,0,.2,1); transition: all .7s cubic-bezier(.4,0,.2,1);opacity: 1;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li:last-child{margin-right: 0;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li .img{overflow: hidden;display: block;width: 100%;height: 190px;position: relative;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li .img img{display: block;width: 100%;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li .txt{padding-top: 25px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li .txt .ltc{display: block;color: #bbb;margin-top: 10px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li:nth-child(2) {transition-delay: .1s;-webkit-transition-delay: .1s;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1 li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .ul1.act li {top: 100%;-webkit-transition: all 0s cubic-bezier(.4,0,.2,1); -moz-transition: all 0s cubic-bezier(.4,0,.2,1); transition: all 0s cubic-bezier(.4,0,.2,1);opacity: 0;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj{width: 100%;position: absolute;top: 0;right: 0;z-index: 3;display: flex;justify-content: space-between;align-items: flex-start;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .img{width: 260px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt{width: 400px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .tc{text-align: justify;line-height: 24px;color: #555;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .tc s{display: block;width: 100%;height: 15px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .more{display: block;width: 160px;line-height: 50px; background: #e7004c; text-align: center;position: absolute;overflow: hidden;z-index: 3;bottom: 0;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .more span{position: relative;z-index: 3;color: #fff; letter-spacing: 2px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .more s{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #000;position: absolute;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .more:hover s{height: 0%;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .jj .txt .more:hover span{color: #fff;}

.head.act{}

.head.act .hedad_pc{transform: translateY(-120px);-webkit-transform: translateY(-180px);}

.head .hedad_pc:hover,.head .hedad_pc.act{background: #fff;}

.head .hedad_pc:hover .htop .hrt .a img:nth-child(1),.head .hedad_pc.act .htop .hrt .a img:nth-child(1),.head .hedad_pc:hover .htop .logo img:nth-child(1),.head .hedad_pc.act .htop .logo img:nth-child(1){opacity: 0;}

.head .hedad_pc:hover .htop .hrt .a img:nth-child(2),.head .hedad_pc.act .htop .hrt .a img:nth-child(2),.head .hedad_pc:hover .htop .logo img:nth-child(2),.head .hedad_pc.act .htop .logo img:nth-child(2){opacity: 1;}

.head .hedad_pc:hover .htop .hrt .yy .en,.head .hedad_pc.act .htop .hrt .yy .en{color: #000;}

.head .hedad_pc:hover  .hbtm .a a span,.head .hedad_pc.act  .hbtm .a a span{color: #000;}

.head .hedad_pc:hover .htop .hlt .ss,.head .hedad_pc.act .htop .hlt .ss{background: url(../images/ss_h.png) center no-repeat;}

.head .hedad_pc:hover .htop .hlt .wz,.head .hedad_pc.act .htop .hlt .wz{color: #000;}


.head .hedad_pc.bai,.head .hedad_pc.bai2{background: #fff;}

.head .hedad_pc.bai .head_con {background: #fff;}

.head:hover .head_con{background: #fff;}

.head .hedad_pc.bai .htop .logo img:nth-child(1),.head .hedad_pc.bai .htop .hrt .a img:nth-child(1),.head .hedad_pc.bai2 .htop .logo img:nth-child(1),.head .hedad_pc.bai2 .htop .hrt .a img:nth-child(1){opacity: 0;}

.head .hedad_pc.bai .htop .logo img:nth-child(2),.head .hedad_pc.bai .htop .hrt .a img:nth-child(2),.head .hedad_pc.bai2 .htop .logo img:nth-child(2),.head .hedad_pc.bai2 .htop .hrt .a img:nth-child(2){opacity: 1;}

.head .hedad_pc.bai .htop .hrt .yy .en,.head .hedad_pc.bai2 .htop .hrt .yy .en{color: #000;}

.head .hedad_pc.bai .hbtm .a a span,.head .hedad_pc.bai2 .hbtm .a a span{color: #000;}

.head .hedad_pc.bai .htop .hlt .ss,.head .hedad_pc.bai2 .htop .hlt .ss{background: url(../images/ss_h.png) center no-repeat;}

.head .hedad_pc.bai .htop .hlt .wz,.head .hedad_pc.bai2 .htop .hlt .wz{color: #000;}


.head .hedad_pc .htop .hlt:hover input{width: 200px;}

.head .hedad_pc .htop .hlt:hover s{width: 100%;}

.head .hedad_pc .htop .hlt:hover .wz{width: 0px;}

.head .hedad_pc .htop .hrt .yy:hover{color: #e7004c;}

.head .hedad_pc .hbtm .a a:hover span{color: #e7004c;}

.head .hedad_pc .hbtm .a a:hover span s{width: 100%;}



.head .hedad_pc .htop .hrt a.a:hover img:nth-child(1),.head .hedad_pc .htop .hrt a.a:hover img:nth-child(2){opacity: 0;}

.head .hedad_pc .htop .hrt a.a:hover img:nth-child(3){opacity: 1;}

.head .hedad_pc.bei .htop .hrt .a img:nth-child(1),.head .hedad_pc.bei .htop .hrt .a img:nth-child(1),.head .hedad_pc.bei .htop .logo img:nth-child(1),.head .hedad_pc.bei .htop .logo img:nth-child(1){opacity: 0;}

.head .hedad_pc.bei .htop .hrt .a img:nth-child(2),.head .hedad_pc.bei .htop .hrt .a img:nth-child(2),.head .hedad_pc.bei .htop .logo img:nth-child(2),.head .hedad_pc.bei .htop .logo img:nth-child(2){opacity: 1;}

.head .hedad_pc.bei .hbtm .a a span{color: #000;}

.head .hedad_pc.bei .htop .hlt .wz{color: #000;}

.head .hedad_pc.bei .htop .hlt .ss{background: url(../images/ss_h.png) center no-repeat;}

/* 详情页的面包屑导航 */

.head .hedad_pc .head_con{width: 100%;height: 55px;transition: all 0.6s;}

.head .hedad_pc .head_con .h_con{width: 960px;margin: 0 auto;border-bottom: 1px solid #d6d6d6;height: 100%;line-height: 55px;display: flex;justify-content: space-between;    letter-spacing: 1.2px;}

.head .hedad_pc .head_con .h_con .con_re{display: flex;align-items: center;}

.head .hedad_pc .head_con .h_con .con_re .more{display: block;width: 100px;background: #000; text-align: center;position: relative;overflow: hidden;z-index: 3;margin-left: 13px;}

.head .hedad_pc .head_con .h_con .con_re .more span{position: relative;z-index: 3;color: #fff;letter-spacing: 2px;display: block;line-height: 26px;padding-bottom: 2px;}

.head .hedad_pc .head_con .h_con .con_re .more s{display: block;width: 100%;height: 0%;bottom: 0;left: 0;z-index: 1;background: #e7004c;position: absolute;}

.head .hedad_pc .head_con .h_con .con_re .more:hover s{height: 100%;}

.head .hedad_pc .head_con .h_con .con_re .more:hover span{color: #fff;}

.head .hedad_pc .head_con2 .h_con{max-width: 1420px;width: 100%;min-width: 1200px;}



/* 字体黑色 */
.hei .head .hedad_pc .head_con{position: absolute;top: auto;transition: all 0.6s;}

.hei .head .hedad_pc .hbtm .a a span{color: #000;}

.hei .head .hedad_pc .htop .hrt .yy .en{color: #000;}

.hei .head .hedad_pc .htop .hlt .wz{color: #000;}

.hei .head .hedad_pc .htop .hlt .ss{background: url(../images/ss_h.png) center no-repeat;}

.hei .head .hedad_pc .head_con.as{top: auto;transition: all 0.6s;}

/* .hei .head .hedad_pc{background: #fff;} */


.head:hover .hedad_pc{background: #fff;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .c{display: none;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .c.act{display: block;}


.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs{display: flex;justify-content: space-between;align-items: flex-start;position: relative;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cl{width: 260px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr{width: 400px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr .r1{    text-align: justify;line-height: 24px;color: #555;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr .r1 s{display: block;width: 100%;height: 15px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr a{ display: block;width: 160px;line-height: 50px;background: #000;text-align: center;position: absolute;overflow: hidden;z-index: 3;bottom: 0;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr a span{    position: relative;z-index: 3;color: #fff;letter-spacing: 2px;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr a s{display: block;width: 100%;height: 0%;bottom: 0;left: 0;z-index: 1;background: #e7004c;position: absolute;}

.head .hedad_pc .hbtm .hbtm2 .dl1 .dd .dox .drt .con .cs .cr a:hover s{height: 100%;}

.head .i2 .ul1{padding: 50px 0 90px;}

.chap.i2 .ul1{background: #fafafa;}

/* 进度条 */


.bmeter {position: fixed;top: 50px;left: 0px;width: 0%;height: 15px;background: #fff;opacity:0;z-index:111;pointer-events: none;}

.bmeter  span{display: block;width: 100%;position: absolute;top: -20px;left: 0;text-align: center;font-size: 30px;font-weight: 600;color: #f00;}

/* 引导 */

.daohang{position: fixed;width: 100%;height: 100vh;background: #fff;z-index: 19;overflow: hidden;display:block ;}

.daohang s{display: block;width: 100%;height: 100%;background: #e7004c;position: relative;left: 0;}

.daohang .ico{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 3;width: 200px;}



/* 首页 */

.ce{position: relative;z-index: 3;background: #fff;overflow: hidden;}

.i1{}

.i1 dl{}

.i1 dl dd{position: relative;width: 100%;overflow: hidden;}

.i1 dl .in_dd1 img{width: 100%;}

.i1 dl dd video{display: block;width: 100%;pointer-events: none;}

.i1 dl dd .mc{position: absolute;width: 100%;height: 28.13731vw;bottom: 0;left: 0;z-index: 2;background-image: linear-gradient(0deg,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.000000001));pointer-events: none;}

.i1 dl dd .txt{position: absolute;width: 100%;left: 0;z-index: 3;bottom: 5.55%;color: #fff;text-align: center;}

.i1 dl dd .txt .en{font-family: Arial;letter-spacing: 1.3px;font-weight: 750;}

.i1 dl dd .txt .tt{margin: 13px 0 35px;letter-spacing: 1.2px;}

.i1 dl dd .txt .a{display: flex;justify-content: center;}

.i1 dl dd .txt .a .more{display: block;width: 160px;line-height: 50px; background: #fff; text-align: center;position: relative;overflow: hidden;z-index: 3;margin: 0 15px;}

.i1 dl dd .txt .a .more span{position: relative;z-index: 3;color: #000;letter-spacing: 2px;}

.i1 dl dd .txt .a .more s{display: block;width: 100%;height: 0%;bottom: 0;left: 0;z-index: 1;background: #e7004c;position: absolute;}

.i1 dl dd .txt .a .more:hover s{height: 100%;}

.i1 dl dd .txt .a .more:hover span{color: #fff;}

.i1 dl dd .mp3{width: 44px;height: 44px;background: url(../images/mp3_n.png) center no-repeat;position: absolute;right: 110px;bottom: 60px;z-index: 5;cursor: pointer;}

.i1 dl dd .play{width: 44px;height: 44px;background:  url(../images/bf_n.png) center no-repeat;position: absolute;right: 60px;bottom: 60px;z-index: 5;cursor: pointer;border-radius: 50%;background-size: 100%;}

.i1 dl dd.act .mp3{background: url(../images/mp3_y.png) center no-repeat;}

.i1 dl dd .play.act{background:  url(../images/bf_y.png) center no-repeat;background-size: 100%;}

.i1 .audio{position: fixed;left: 0;top: 0;z-index: 999;opacity: 1;pointer-events: none;width: 100%;}

.i2{z-index: 2;}

.i2 .ul1{padding: 80px 50px;background: #fff;display: flex;justify-content: center;}

.i2 .ul1 li{width: 25%;text-align: center;cursor: pointer;}

.i2 .ul1 li .img{display: block;width: 100%;}

.i2 .ul1 li .img img{margin: 0 auto;max-width: 420px;width: 100%;transform: scale(1.000000000000001);-webkit-transform: scale(1.000000000000001);}

.i2 .ul1 li .txt{color: #000;position: relative;z-index: 2;}

.i2 .ul1 li .txt .ltc{letter-spacing: 1.3px; color: #555;}

.i2 .ul1 li .txt .ltt{margin: 10px 0 20px;letter-spacing: 1.2px;color: #555; }

.i2 .ul1 li .txt .more{display: block;width: 160px;line-height: 50px; background: #e7004c; text-align: center;position: relative;overflow: hidden;z-index: 3;margin: 0 auto;font-size: 14px;}

.i2 .ul1 li .txt .more span{position: relative;z-index: 3;color: #fff;letter-spacing: 2px;}

.i2 .ul1 li .txt .more s{display: block;width: 100%;height: 100%;top: 0;right: 0;z-index: 1;background: #000;position: absolute;}

.i2 .ul1 li .txt .more:hover s{height: 0%;}

.i2 .ul1 li .txt .more:hover span{color: #fff;}

.i2 .ul1 li:hover .txt .more{opacity: 1;}

.i2 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}



.i2 .ibtm{position: relative;overflow: hidden;}

.i2 .ibtm .s{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}

.i2 .ibtm .s s{display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: none;}

.i2 .ibtm .s s:nth-child(1){display: block;}

.i2.act{z-index: -2;}

.i3{padding: 160px 0;background: #fff;color: #000;}

.i3 .box5 {width:80%;}

.i3 .ul1{display: flex;flex-wrap: wrap;justify-content: space-between;transform: translateX(10px);}

.i3 .ul1 li{position: relative;}

.i3 .ul1 li:first-child{left: -20px;}

/* .i3 .ul1 li{margin-bottom: 150px;} */

/* .i3 .ul1 li:nth-child(2n){min-width: 34%;} */

.i3 .ul1 li .num{position: relative;margin-bottom: 30px;display: flex;}

.i3 .ul1 li .num span{position: absolute;right: -10px;top: 0;color: #bbbbbb;transform: scale(0.9);}

.i3 .ul1 li .num .d{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;height: 118px;}

.i3 .ul1 li .num .img{position: relative;overflow: hidden;height: 118px;}

.i3 .ul1 li:hover .d{opacity: 1;}

.i3 .ul1 li:hover .img{opacity: 0;}


.i3 .ul1 li .num .img img{display: block;position: absolute;top: 150px;opacity: 0; left: 0;height: 100%;}

.i3 .ul1 li .num .img img:nth-child(1){position: relative;}

.i3 .ul1 li .num .xian{display: block;width: 12px;height: 123px;position: absolute;top: 0;right: 0;}

.i3 .ul1 li .num .xian s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/in_jt.png) center no-repeat;}

.i3 .ul1 li .num .xian .s2{top: 100%;opacity: 0;}

.i3 .ul1 li .wz{opacity: 0;}

.i3 .ul1 li.wow1 .num .xian .s1{top: -100%;opacity: 0;transition-delay: .5s;-webkit-transition-delay: .5s;}

.i3 .ul1 li.wow1 .num .xian .s2{top: 0%;opacity: 1;transition-delay: 1s;-webkit-transition-delay: 1s;}

.i3 .ul1 li.wow1  .num .img img{opacity: 1;top: 0;transition-delay: .3s;-webkit-transition-delay: .3s;}

.i3 .ul1 li.wow1  .num .img img:nth-child(2){transition-delay: .4s;-webkit-transition-delay: .4s;}

.i3 .ul1 li.wow1  .num .img img:nth-child(3){transition-delay: .5s;-webkit-transition-delay: .5s;}

.i3 .ul1 li.wow1  .num .img img:nth-child(4){transition-delay: .6s;-webkit-transition-delay: .6s;}

.i3 .ul1 li.wow1  .wz{opacity: 1; transition-delay: .6s;-webkit-transition-delay: .6s;}

.i3 .ul1 li.wow1  .wz s{width:20px;display: inline-block;}

.i3 .ul1 li  .wz .x{transform: scale(0.7) translate(-4px,-3px);display: inline-block;font-family: pop3;}

.i3 .ibtmx{display: block;width: 100%;height: 2px;position: relative;}

.i3 .ibtmx s{display: block;width: 0%;height: 2px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #fff;}

.i3 .ibtmx.wow1 s{width: 100%;transition-delay: .3s;-webkit-transition-delay: .3s;}

.i4 {padding-top: 0;}

.i4 .itop{text-align: center;}

.i4 .itop .logo{display: block;width: 160px;margin: 0 auto;}

.i4 .itop .tt{line-height: 28px;margin: 30px 0;}

.i4 .itop .en{width: 350px;border-bottom: 1px solid #cccccc;padding: 0 0 12px;color: #ccc;margin: 0 auto;display: block;}

.i4 .itop .en:hover{color: #e7004c;border-bottom: 1px solid #e7004c;}

.i4 .ibtm{padding: 0 0 80px;}

.i4 .ibtm .ul1{display: flex;background: #000;position: relative;z-index: 2;}

.i4 .ibtm .ul1::after{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #e7004c;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.i4 .ibtm .ul1.act0::after{left: 0;}

.i4 .ibtm .ul1.act1::after{left: 50%;}

.i4 .ibtm .ul1 li{position: relative;overflow: hidden;width: 50%;height: 450px;padding-top: 125px;color: #fff;text-align: center;z-index: 3;}

/* .i4 .ibtm .ul1 li.irt{display: none;} */

.i4 .ibtm .ul1 li .txt{position: relative;z-index: 3;}

.i4 .ibtm .ul1 li .zws{width: 100%;height: 64px;margin: 55px auto 35px;display: flex;justify-content: center;align-items: center;align-content: center;}

.i4 .ibtm .ul1 li .ss{border: 1px solid #fff;width: 380px;height: 50px;display: flex;overflow: hidden;}

.i4 .ibtm .ul1 li .ss input{display: block;width: calc(100% - 50px);height: 100%;background: rgba(0, 0, 0, 0);border: 0;resize: none;outline: none;padding-left: 25px;color: #fff;}

.i4 .ibtm .ul1 li .ss a{display: block;width: 50px;height: 40px;background:url(../images2/sso.svg) center no-repeat;border-left: 1px solid #fff;margin-top: 4px;background-size: 15px 15px;}

.i4 .ibtm .ul1 li .ss input::-webkit-input-placeholder {-webkit-text-fill-color: #fff;}

.i4 .ibtm .ul1 li .ss input::-moz-input-placeholder {-webkit-text-fill-color: #fff;}

.i4 .ibtm .ul1 li .ss input::-ms-input-placeholder {-webkit-text-fill-color: #fff;}

.i4 .ibtm .ul1 li .more{display: block;width: 240px;line-height: 50px; background: #fff; text-align: center;position: relative;overflow: hidden;z-index: 3;margin: 0 auto;}

.i4 .ibtm .ul1 li .more span{position: relative;z-index: 3;color: #000;letter-spacing: 2px;}

.i4 .ibtm .ul1 li .more s{display: block;width: 100%;height: 0%;bottom: 0;left: 0;z-index: 1;background: #000;position: absolute;}

.i4 .ibtm .ul1 li .more:hover s{height: 100%;}

.i4 .ibtm .ul1 li .more:hover span{color: #fff;}

.i4 .ibtm .ul1 .ilt .bg{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;right: 0;z-index: 1;background: #e7004c;opacity: 0;}

.i4 .ibtm .ul1 .irt .bg{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #000;opacity: 0;}

.i4 .ibtm .ul1 .irt .itc{line-height: 2;margin: 55px 0 35px;letter-spacing: 1.2px;height: 64px;font-family: "gle";}

.i4 .ibtm .ul1 .irt .itt{letter-spacing: 1.3px;}








/* 底部 */

.footer{position: fixed;width: 100%;padding: 110px 0 80px;left: 0;bottom: 0;z-index: 1;background: #000;}

.footer .logo{display: block;width: 110px;}

.footer .logo img{display: block;width: 100%;}

.footer .ftop{margin: 70px 0 160px;display: flex;color: rgba(255, 255, 255, 0.7);}

.footer .ftop .flt{width: 26%;}

.footer .ftop .flt .ftt{margin-bottom: 10px;}

.footer .ftop .flt .a{display: flex;margin: 15px 0 60px;}

.footer .ftop .flt .a a{display: block;position: relative;margin-right: 10px;width: 30px;}

.footer .ftop .flt .a a img{display: block;width: 100%;}

.footer .ftop .flt .a a:hover img{}

.footer .ftop .flt .dh{color: #fff;letter-spacing: 2px;}

.footer .ftop .frt{width: 74%;}

.footer .ftop .frt .dl1{display: flex;justify-content: space-between;}

.footer .ftop .frt .dl1 dd{}

.footer .ftop .frt .dl1 dd a{display: block;margin-bottom: 30px;color: #fff;}

.footer .ftop .frt .dl1 dd a:nth-child(1){font-size: 14px;}

.footer .ftop .frt .dl1 dd a:last-child{margin-bottom: 0;}

.footer .ftop .frt .dl1 dd a span{display: inline-block;position: relative;color: rgba(255, 255, 255, 0.7);}

.footer .ftop .frt .dl1 dd a span s{position: absolute;left: 0;bottom: -4px;z-index: 1;width: 0%;background: #e7004c;height: 1px;}

.footer .ftop .frt .dl1 dd a:hover span{color: #e7004c;}

.footer .ftop .frt .dl1 dd a:hover span s{width: 100%;}

.footer .fbtm {display: flex;justify-content: space-between;color: #7f7f7f;padding-top: 25px;border-top: 1px solid #444444;}

.footer .fbtm *{color: #7f7f7f;}

.footer .fbtm .flt{display: flex;align-items: center;align-content: center;}

.footer .fbtm .flt .a{display: block;margin-right: 10px;}

.footer .fbtm a:hover{color: #e7004c;}

/* 注释 */

.zhuoshi{position: absolute;bottom: 70px;left: 0;line-height: 20px;color: #333333;transform: scale(0.8) translateX(-12.5%);}

.zhuoshi p{position: relative;}

.zhuoshi p .pf{font-family:pop2 ;}

.zhuoshi .sp1{left: -9px;top: 5px;width: 5px;height: 5px;position: absolute;font-family: pop3;}

.zhuoshi .sp2{left: -15px;top: 5px;width: 5px;height: 5px;position: absolute;font-family: pop3;}

.i3 .zhuoshi{bottom: -100px;color: #bbbbbb;transform: scale(0.8) translateX(-13.5%);}

/* 产品 */

/* .body_one::after{position:fixed;top: 0;width: 100%;left: 0;height: 100%;background: #fff;z-index: 100;content: "";pointer-events: none;}

.body_one.act::after{background: none;} */

.zhegai{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 100;pointer-events: none;}

.zhegai.act{background: none;}

.ph1{width: 100%;height: 210vh;background: rgba(0,0,0,0);}

.pro1{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 6;background: #fff;}

.pro1.z0{z-index: 0;}

.pro1 video{display: block;width: 100%;height: 100%;object-fit: cover;}

.pro1 .wz{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;overflow: hidden;}

.pro1 .wz::after{position: fixed;left: 0;top: 0;width: 100%;height: 100%;border: 100px solid #fff;content: "";opacity: 1;}

.pro1 .wz.act::after{opacity: 0;}

.pro1 .wz .bg{width: auto;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); z-index: 2;max-width: 99999999999999999px;}

/* .pro1 .wz .bg.act{background: none;} */


.pro1 .wz .sk1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

.pro1.act3 .wz .sk1{opacity: 0;left: 100%;}

.pro1 .wz .sk2{width: 100%;height: 100%;position: absolute;top: 0;left: -100%;z-index: 1;background: #000000;}

.pro1 .wz .txt{width: 100%;position: absolute;left: 0;top: 49.7%;z-index: 3;text-align: center;line-height: 1;opacity: 1;}

.pro1 .wz .txt .ptt{letter-spacing: 3px;color: #000;text-shadow: 1px 1px 1px #000;}

.pro1 .wz .txt .ptc{letter-spacing: 1.2px;margin-top: 45px;color: #000;}

.pro1.act2 .sk1{opacity: 0;}



.pro2{width: 100%;height: 220vh;position: relative;background: rgba(0,0,0,0.1);z-index: 10;}

.pro2 .pox{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;z-index: 3;background: #fff;}

.pro2 .pox.act{opacity: 0;}

.pro2 .pox .cp1{position: absolute;width: 100%;left: 0;bottom: 0;opacity: 0;}

/* .pro2 .pox .cp1.act{top: 100%;transition: all 0.6s;} */

.pro2 .pox .txt{width: 100%;position: absolute;left: 0;top: 22.22vh;text-align: center;}

.pro2 .pox .txt.act{opacity: 0.5;}

.pro2 .pox .txt.act2{opacity: 0;}

.pro2 .pox .txt .ptt{opacity: 0;position: relative;top: 50px;letter-spacing: 3px;color: #000;text-shadow: 1px 1px 1px #000;}

.pro2 .pox .txt .ptt2{color: #000;margin: 45px 0 15px;font-family: Arial;opacity: 0;position: relative;top: 50px;letter-spacing: 1.3px;display: flex;align-items: flex-start;justify-content: center;}

.pro2 .pox .txt .ptt2 p:first-child{font-family: 'gil';}

.pro2 .pox .txt .ptt2 span{padding: 0 2px;}

.pro2 .pox .txt .ptc{line-height: 26px;opacity: 0;position: relative;top: 50px;letter-spacing: 1.2px;color: #000;}

.pro2 .pox .txt .ptt3{display: flex;align-items: center;justify-content: center;margin-top: 65px;color: #555555;position: relative;opacity: 0;line-height: 25px;top: 50px;}

.pro2 .pox .txt .ptt3 div{margin:0 25px;    letter-spacing: 1.2px;}

.pro2 .pox .txt .ptt3 div span{font-family: 'gil';}

.pro2 .pox2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:#fff;z-index: 2;}

.pro2 .pox2 .vid{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;background:#fff;z-index: 3;}

.pro2 .pox2 .vid video{display: block;width: 100%;height: 100%;object-fit: cover;}

.pro2 .pox2 .vid .s1{display: block;width: 100%;height: 50%;left: 0;top: 0;background: #fff;position: absolute;}

.pro2 .pox2 .vid .s2{display: block;width: 100%;height: 50%;left: 0;bottom: 0;background: #fff;position: absolute;}

.pro2 .pox2 .vid .s3{display: block;width: 50%;height: 100%;left: 0;top: 0;background: #fff;position: absolute;}

.pro2 .pox2 .vid .s4{display: block;width: 50%;height: 100%;right: 0;top: 0;background: #fff;position: absolute;}

.pro2 .pox2 .vid .ul1{width: 100%;display: flex;justify-content: center;position: absolute;left: 0;bottom: 100px;letter-spacing: 1.2px;}

.pro2 .pox2 .vid .ul1 li{margin: 0 45px;color: #000;}

.pro2 .pox2 .vid .ul1.act li{color: #fff;}

.pro3{width: 100%;height: 220vh;position: relative;background: #fff;position: relative;z-index: 7;}

.pro3::after{content: "";width: 100%;height: 20px;bottom: -20px;background: #fff;z-index: 10;position: absolute;left: 0;bottom: -10px;}

.pro3 .pox{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;background: #fff;z-index: 3;}

.pro3 .pox .bingd{position: absolute;top: 50%;transform: translateY(-50%);left: 100%;width: 100%;}

.pro3 .pox .bingd .bts{position: absolute;left: 12%;top: 45%;width: 50%;opacity: 0;transition: all 0.6s;display:none;}

.pro3 .pox .bingd .bts2{left: 32%;top: 45%;}

.pro3 .pox .bingd .bts3{left: 27.8%;top: 44%;}

.pro3 .pox .bingd .bts4{left: 44%;top: 44%;}

.pro3 .pox .bingd .bts.act{opacity: 1;transition: all 0.6s;}

.pro3 .pox .bingd .bts2.act{transition-delay: .5s;-webkit-transition-delay: .5s;}


.pro3 .pox .bingd .bts .ss{width: 65px;height: 65px;position: relative;z-index: 1;}

.pro3 .pox .bingd .bts .ss s{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.4);border-radius: 100%;}

.pro3 .pox .bingd .bts .ss s.s1{width: 20px;height: 20px;background: rgba(255, 255, 255, 1);transform: translate(-50%,-50%);left: 50%;top: 50%;}

.pro3 .pox .bingd .bts .cx{position: absolute;left: 32px;bottom: 32px;}

.pro3 .pox .bingd .bts3 .cx,.pro3 .pox .bingd .bts4 .cx{top: 32px;}


.pro3 .pox .bingd .bts .xi{width: 1px;height: 370px;background: #000;box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);}

.pro3 .pox .bingd .bts2 .xi{height:270px;}

.pro3 .pox .bingd .bts2 .ss{bottom: 110px;}


.pro3 .pox .bingd .bts .xi2{height: 100px;width: 1px;}

.pro3 .pox .bingd .bts3 .xi,.pro3 .pox .bingd .bts4 .xi{height: 390px;}

.pro3 .pox .bingd .bts4 .xi{}
.pro3 .pox .bingd .bts .cx .t1,.pro3 .pox .bingd .bts .cx .t2{left: 20px;position: relative;transform: translateY(70px);line-height: 40px;height: 40px;    letter-spacing: 1.3px;}

.pro3 .pox .bingd .bts3 .cx .t1, .pro3 .pox .bingd .bts3 .cx .t2,.pro3 .pox .bingd .bts4 .cx .t1, .pro3 .pox .bingd .bts4 .cx .t2{transform: translateY(-30px);}

.pro3 .pox .bingd .bts .cx .t2{color: #555;    letter-spacing: 1.2px;}

.pro3 .pox .bingd .bts .cx .t2 span{font-family: gil3;}

.pro3 .pox .bingd .bts .ss s.s2{animation: pulsate 1.5s linear  infinite;}

.pro3 .pox .bingd .bts .ss s.s3{animation: pulsate 1.5s linear .5s  infinite;}

.pro3 .pox .bingd .bts .ss s.s4{animation: pulsate 1.5s linear 1s  infinite;}


.pro3 .pox .cp1{position: absolute;width: 100%;left: 0;top: 0;opacity: 0;}

.pro3 .pox .cp2{position: absolute;width: 100%;right: 0;bottom: 0;opacity: 0;}

.pro3 .pox .txt{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;}

.pro3 .pox .txt.act{opacity: 0;}

.pro3 .pox .txt .ptt{opacity: 0;position: relative;top: 50px;color: #000;letter-spacing: 3px;color: #000;text-shadow: 1px 1px 1px #000;}

.pro3 .pox .txt .ptt2{color: #000;margin: 45px 0 15px;font-family: Arial;opacity: 0;position: relative;top: 50px;letter-spacing: 1.3px;}

.pro3 .pox .txt .ptt2 span{padding: 0 2px;}

.pro3 .pox .txt .ptc{line-height: 26px;opacity: 0;position: relative;top: 50px;letter-spacing: 1.2px;color: #555555;}


.pro5{width: 100%; padding: 100px 0 200px; background: #fff;position: relative;z-index: 10;}

.pro5 .tt{text-align: center;color: #000;    letter-spacing: 1.3px;}

.pro5 .tt span{font-family: pop3;transform: translateY(-10px);display: inline-block;}

.pro5  .ts{text-align: center;line-height: 30px;margin-top: 45px;color: #555555;}

.pro5  .ts span{display: inline-block;transform: translateY(-3px) scale(0.8);margin-right: 3px;font-family: pop3;}

.pro5 .pox{width: 74%;margin: 50px auto 0;}

.pro6{width: 100%; background: #fff;position: relative;z-index: 10;}

.pro6 .baise{display: block;width: 100%;height: 10px;background: #fff;position: absolute;left: 0;top: -5px;z-index: 3;}

.pro6 .pox{width: 74%;margin: 0 auto ;}

.pro6 .pox .ul1{display: flex;}

.pro6 .pox .ul1 li{width: 32.4%;margin-right: 1.4%;}

.pro6 .pox .ul1 li .img{position: relative;overflow: hidden;width: 100%;}

.pro6 .pox .ul1 li .img{position: relative;}

.pro6 .pox .ul1 li .img .swiper-container{width: 100%;}

.pro6 .pox  .img .swiper-slide{overflow: hidden;}

.pro6 .pox .ul1 li .img .img1{position: relative;overflow: hidden;}

.pro6 .pox .ul1 li .img .g{width: 100%;overflow: hidden;position: relative;}

.pro6 .pox .ul1 li .img::after{content: "";width: calc(100% + 3px);height: calc(100% + 3px);position: absolute;left: 0;top: 0;border: 4px solid #fff;z-index: 1;pointer-events: none;}

.pro6 .pox .ul1 li .img .img1 video{position: absolute;left: 0;top: 0;width: 101%;height: 100%;object-fit: cover;}

.pro6 .pox .ul1.act li .img .img1 video{left: -100%;opacity: 0;}

.pro6 .pox .ul1 li .img .vid{position: absolute;left: 100%;top: 0;width: 101%;height: 100%;object-fit: cover;opacity: 0;}

.pro6 .pox .ul1 li .img .img1 img{opacity: 0;}

.pro6 .pox .ul1 li .img img{display: block;width: 100%;position: relative;top: 0;left: 0;opacity: 1;transform: scale(1.01);}

.pro6 .pox .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 100%;opacity: 0;}

.pro6 .pox .ul1.act li .img .vid {position: absolute;top: 0;left: 0;opacity: 1;}


.pro6 .pox .ul1 li:last-child{margin-right: 0;}





/*.pro6 .pox .ul1 .li2:last-child .img:first-child .ltt {left: 55px;bottom: 110px;top: auto;}*/

.pro6 .pox .ul1 .li2{display: flex;align-content: space-between;flex-wrap: wrap;}

.pro6 .pox .ul1 .li2 .img .ltt{position: absolute;width: 80%;top: 45px;left: 55px;z-index: 2;line-height: 36px;font-family: "pop2";letter-spacing: 1.3px;}

.pro6 .pox .ul1 .li2 .img .ltt p{font-family: "pop2";color: #000;    letter-spacing: 1.2px;display: flex;align-items: center;text-shadow: 1px 1px 1px #000;}

.pro6 .pox .ul1 .li2 .img .ltt p span{margin-left: 5px;text-shadow: 1px 1px 1px #000;}

.pro6 .pox .ul1 .li2 .img .ltt .xi{font-weight: 400;margin: 0 0px;}

.pro6 .pox .ul1 .li2 .img .ltc{position: absolute;width: 80%;bottom: 10%;left: 10%;z-index: 2;line-height: 2;letter-spacing: 1.2px;}


.pro6 .pox .ul1.act li .img img:nth-child(1){left: -100%;opacity: 0;}

.pro6 .pox .ul1.act li .img img:nth-child(2){left: 0;opacity: 1;}

.pro6 .pox .ul1 .li2 .img0 .txt{position: absolute;left: 75px;top: 150px;color: #000;letter-spacing:1.3px;width: 32px;text-align: center;line-height: 1.1;}

.pro6 .pox .ul1 .li2 .img0 .btn{width: 32px;position: absolute;top: 55px;left: 75px;z-index: 3;}

.pro6 .pox .ul1 .li2 .img0 .btn span{display: block;width: 32px;height: 32px; background: #656692;border-radius: 50%;position: relative;margin-bottom: 15px;cursor: pointer;}

.pro6 .pox .ul1 .li2 .img0 .btn span s{display: block;width: 42px;height: 42px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 2px solid #656692;border-radius: 50%;opacity: 0;}

.pro6 .pox .ul1 .li2 .img0 .btn span.huang{background: #e7dac9;}

.pro6 .pox .ul1 .li2 .img0 .btn span.huang s{border: 2px solid #e7dac9;}

.pro6 .pox .ul1 .li2 .img0 .btn span.act s{opacity: 1;}

.pro6 .pox .ul1 .li2 .img .ltt .hong{
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-position: 100% 0;
    animation-timing-function: ease;
    animation-duration: 1s;
    animation-fill-mode: both;

    color: rgba(68, 68, 68,1);
    font-weight: 600;
    line-height: 1.4;
    background-image: linear-gradient(to right, rgba(231, 0, 76,1) 0%, rgba(231, 0, 76,1) 33%, rgba(68, 68, 68,1) 66%);
    background-size: 300% 100%;
}

.pro6 .pox .ul1.hong .li2 .img .ltt .hong{
    animation-name: ziys;
}

@keyframes ziys {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes ziys {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

.pro6 .swiper-pagination{width: auto;left: 60px;top: 50px;display:none;}

.pro6 .swiper-pagination span{display: block;margin: 0 0 15px !important;width: 32px;height: 32px;opacity: 1;position: relative;}

.pro6 .swiper-pagination span::after{content: "";width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;border: 2px solid #656692;opacity: 0;}

.pro6 .swiper-pagination span:first-child{background: #656692;}

.pro6 .swiper-pagination span:nth-child(2n){background: #e7dac9;}

.pro6 .swiper-pagination span:nth-child(2n)::after{border: 2px solid #e7dac9;}

.pro6 .swiper-pagination span:last-child{background: #d0bbba;}

.pro6 .swiper-pagination span:last-child::after{border: 2px solid #d0bbba;}

.pro6 .swiper-pagination .swiper-pagination-bullet-active::after{opacity: 1;}

.pro6  .ts{position: absolute;left: 68px;top: 190px;z-index: 10;writing-mode:tb-rl;letter-spacing:2px;display:none;}



.pro7{width: 100%;height: 500vh;position: relative;background: #fff;z-index: 10;}

.pro7 .top_txt{position: absolute;left: 0;top: 20%;transform: translateY(-50%);width: 100%;color: #000;text-align: center;z-index: 1;pointer-events: none;}

.pro7 .top_txt .ts{color: #000;text-shadow: 1px 1px 1px #000;}

.pro7 .top_txt .t1{font-family: "gil3";position: relative;top: -2px;}

.pro7 .top_txt .ts{display: flex;align-items: center;justify-content: center;margin-bottom: 45px;position: relative;top: 20px;opacity: 0;    letter-spacing: 1.3px;}

.pro7 .top_txt .ts2{position: relative;top: 20px;opacity: 0;    letter-spacing: 1.2px;}

.pro7 .deng{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;-webkit-transition: all .5s cubic-bezier(.4,0,.2,1); -moz-transition: all .5s cubic-bezier(.4,0,.2,1); transition: all .5s cubic-bezier(.4,0,.2,1);}

.pro7 .deng .dox{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;z-index:1;}

.pro7 .deng .dox .bg{display: block;width: 100%;opacity: 0;left: 100%;position: relative;}

.pro7 .deng .dox .dul li{position: absolute;left: 0%;top: 0%;opacity: 0; z-index: 3;width: 100%;height: 100%;}

.pro7 .deng .dox .dul li img{display: block;width: 100%;}

.pro7 .deng .dox .dul li.act{opacity: 1;}

.pro7 .deng .dox .dwz li{position: absolute;left: 11%;top: 75%;opacity: 0; z-index: 3;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 33%;}

.pro7 .deng .dox .dwz li .ltt{letter-spacing: 1.3px;margin-bottom: 20px;}

.pro7 .deng .dox .dwz li .ltc{letter-spacing: 1.2px;color: #555;line-height: 26px;}

.pro7 .deng .dox .dwz li .ltc span{display: inline-block;font-family: pop3;transform: translateY(-3px) scale(0.8);margin-right: 3px;}

.pro7 .deng .dox .dwz li.act1{opacity: 1;top: 50%;}

.pro7 .deng .dox .dwz li.act2{opacity: 0;top: 25%;}

.pro7 .deng.act{opacity: 0;}

.pro7 .top_txt.act{opacity: 0;-webkit-transition: all .5s cubic-bezier(.4,0,.2,1); -moz-transition: all .5s cubic-bezier(.4,0,.2,1); transition: all .5s cubic-bezier(.4,0,.2,1);}

.pro7 .ptxt{width: 100%;padding: 160px 0 120px;text-align: center;position: relative;z-index: 2;}

.pro7 .ptxt .tt{display: flex;align-items: center;align-content: center;justify-content: center;margin-bottom: 35px;letter-spacing: 1.3px;}

.pro7 .ptxt .tt span{color: #e7004c;font-family:'pop';position: relative;top: 1px;}

.pro7 .ptxt .tc{letter-spacing: 1.2px;}

.pro7 .pox{width: 74%;height: 100vh;position: sticky;top: 0;left: 0;z-index: 3;margin: 0 auto;display: flex;align-items: center;overflow: hidden;}

.pro7 .pox .videos{width:54% ;opacity: 0;transition: all 0s;position: relative;transform: translateY(20px);left: 23%;z-index: 3;overflow: hidden;}

.pro7 .pox .videos.act{opacity: 1;transition: all 1s;transform: translateY(0);transition-delay: .5s;-webkit-transition-delay: .5s;}

.pro7 .pox .videos.act2{left: 0%;}

.pro7 .pox .videos video{width: 100%;}

.pro7 .pox .videos .vidul{}

.pro7 .pox .videos .vidul li{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;opacity: 0;}

.pro7 .pox .videos .vidul li.act{opacity: 1;}

.pro7 .pox .videos .vidul2{position: absolute;width: 70%;height: 70%;top:15%;left: 15%;z-index: 3;display: flex;flex-wrap: wrap;pointer-events: none;}

.pro7 .pox .videos .vidul2 li{width: 50%;height: 50%;background: rgba(0, 0, 0, 0);cursor: pointer;}

.pro7 .pox .videos .vidul2.act{pointer-events: visible;}





.pro7 .pox img{display: block;height: 100%;}

.pro7 .pox .ul1{position: absolute;width: 100%;height: 100%; top: 0;left: 0;z-index: 2;pointer-events: none;}

.pro7 .pox .ul1 .sp1{font-family: "gil";}

.pro7 .pox .ul1 .sp2{font-family: "gil";}

.pro7 .pox .ul1 li{position: absolute;width: 31%;max-width: 500px; top: 75%;opacity: 0; left: 54.5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.pro7 .pox .ul1 li .ltt{color: #000;margin-bottom:15px;letter-spacing: 1.3px;}

.pro7 .pox .ul1 li .ltc{letter-spacing: 1.2px;margin-bottom: 30px;color: #555;}

.pro7 .pox .ul1 li .vid video{display: block;width: 100%;}

.pro7 .pox .ul2 {position: absolute;width: 26%;top: 75%;opacity: 0; left: 54.5%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.pro7 .pox .ul2.act{pointer-events: visible;}

.pro7 .pox .ul2 li{border-bottom: 1px solid #ddd;padding: 30px 0;}

.pro7 .pox .ul2 li .ltop{color: #555; -webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);    letter-spacing: 1.3px;display: flex;align-items: center;align-content: center;}

.pro7 .pox .ul2 li .ltop s{display: block;width: 24px;height: 24px;background: url(../images/xjt2.png) center no-repeat;background-size: cover;}

.pro7 .pox .ul2 li:hover .ltop s{transform: rotate(180deg);-webkit-transform: rotate(180deg);background: url(../images/xjt.png) center no-repeat;background-size: cover;}

.pro7 .pox .ul2 li .lbtm{line-height: 26px;margin-top: 20px;display: none;color: #555;    letter-spacing: 1.2px;}

.pro7 .pox .uls2 li .lbtm{display: none;}

.pro7 .pox .ul2 li.act .ltop{color: #000;}

.pro7 .pox .ul2 li.act .lbtm{}

.pro7 .pox .ul3{position: absolute;width: 100%;height: 100%; top: 0;left: 0;z-index: 2;pointer-events: none;}

.pro7 .pox .ul3 li{position: absolute;width: 6.25%;padding-top: 6.25%;top: 28.4%;left: 46%;opacity: 0;display:none;}

.pro7 .pox .ul3 li.act2.lt{opacity: 1;}

.pro7 .pox .ul3 li span{display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, 1);border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 1;transform: scale(0.2);-webkit-transform: scale(0.2);}

.pro7 .pox .ul3 li s{display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.2);border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 1;transform: scale(0.2);-webkit-transform: scale(0.2);}

.pro7 .pox .ul3 li .s1{    animation: pulsate 1.5s linear infinite; -webkit-animation: pulsate 1.5s linear infinite;}

.pro7 .pox .ul3 li .s2{    animation: pulsate 1.5s linear  .5s infinite; -webkit-animation: pulsate 1.5s linear .5s infinite;}

.pro7 .pox .ul3 li .s3{    animation: pulsate 1.5s linear 1s infinite; -webkit-animation: pulsate 1.5s linear  1s infinite;}

@keyframes pulsate {0% {transform: scale(0.2);-webkit-transform: scale(0.2);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; } }

@-webkit-keyframes  pulsate {0% {transform: scale(0.2);-webkit-transform: scale(0.2);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; } }

.pro7 .pox .ul3 li:nth-child(2){top: 38%;left: 46.4%;}

.pro7 .pox .ul3 li:nth-child(3){top: 35.5%;left: 46.4%;}

.pro7 .pox .ul3 li:nth-child(4){top: 46%;left: 47%;}

.pro7 .pox .ul3 li:nth-child(5){top: 50%;left: 45%;}

.pro7 .pox .ul3 li:nth-child(6){top: 70%;left: 37%;}

.pro7 .pox .ul3 li:nth-child(7){top: 25%;left: 38%;}

.pro7 .pox .ul3 li:nth-child(8){top: 25%;left: 55%;}

.pro7 .pox .ul3 li:nth-child(9){top: 74%;left: 37%;}


.pro7 .pox .ul3 li:nth-child(10){top: 74%;left: 55%;}




.pro7 .pox .ul3 li.act{opacity: 1;}

.pro8{width: 100%;height: 580px;position: relative;z-index: 3;background:#fff url(../images/pr_8.jpg) center no-repeat fixed;background-size: 100% 100%;}

.pro8 .ditu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

.pro8 .ditu img{height: 101%;}

.pro8 img{display: block;width: 100%;max-width: 9999px;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pro9{padding: 120px 0 ;background: #fff;position: relative;z-index: 10;}

.pro9 .zhuoshi{bottom: 150px;color: #bbb;}

.pro9 .zhuoshi .sp1{top: 2px;}

.pro9 .ul1{display: flex;justify-content: space-between;}


.pro9 .ul1 li{position: relative;}

.pro9 .ul1 li span{position: absolute;top: 0;right: -10px;color: #bbbbbb;transform: scale(0.9);font-family: pop3;}

/* .pro9 .ul1.wow1 li{pointer-events: visible;transition-delay: 5s;} */

.pro9 .ul1 li .img{position: relative;display: block;width: 100%;height: 90px;left: 0;}

/* .pro9 .ul1 li:nth-child(3n) .img{width: 291px;} */

.pro9 .ul1 li .img img{display: block;height: 100%;max-width: 1920px; position: absolute;top: 100px;left: 0;opacity: 0;}

.pro9 .ul1 li .img img:nth-child(1){position: relative;}

.pro9 .ul1 li .wz{z-index: 2;opacity: 0;margin-top: 30px;}

.pro9 .ul1 li .d{position: absolute;left: 0;top: 0;opacity: 0;height: 90px;z-index: -2;}

.pro9 .ul1 li:last-child{margin-right: 0;}

.pro9 .ul1 li:hover .d{opacity: 1;}

.pro9 .ul1 li:hover .img{opacity: 0;}

.pro9 .ul1.wow1 li .img img{opacity: 1;top: 0;transition-delay: .3s;-webkit-transition-delay: .3s;}

.pro9 .ul1.wow1 li .img img:nth-child(2){transition-delay: .4s;-webkit-transition-delay: .4s;}

.pro9 .ul1.wow1 li .img img:nth-child(3){transition-delay: .5s;-webkit-transition-delay: .5s;}

.pro9 .ul1.wow1 li .img img:nth-child(4){transition-delay: .6s;-webkit-transition-delay: .6s;}

.pro9 .ul1.wow1 li .img img:nth-child(5){transition-delay: .7s;-webkit-transition-delay: .7s;}



.pro9 .ul1.wow1 li .wz{opacity: 1;transition-delay: .8s;-webkit-transition-delay: .8s;    letter-spacing: 1.2px;display: flex;}

.pro9 .ul1.wow1 li .wz .x{display: inline-block;transform: scale(0.7) translateY(-3px);font-family: pop3;}
/* 
.pro9 .ul1.wow1 li:nth-child(2n) .wz{padding-left: 15px !important;}

.pro9 .ul1.wow1 li:nth-child(4n) .wz{padding-left: 0 !important;}
 */

 .pro9 .ul1.wow1 li .wz s{display: none;width: 15px;}

.pro9 .lg{position: relative;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 120px;} 

.pro9 .lg .ul2{display: flex;cursor: pointer;}

.pro9 .lg .ul2 li{width: 10%;position: relative;}

.pro9 .lg .ul2 li img{display: block;width: 100%; opacity: 0.5;}

.pro9 .lg .ul2 li .wz{position: absolute;width: 100%;left: 0;bottom: 20px;text-align: center;opacity: 0; overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}

.pro9 .lg .xian{width: 10%;height: 100%;position: absolute;top: 0;left: -10%;z-index: 3;pointer-events: none;}

.pro9 .lg .xian s{display: block;width: 0%;height: 1px;background: #e7004c;position: absolute;top: -1px;left: 0;z-index: 2;}

.pro9 .lg .ul2 li:hover img{opacity: 1;}

.pro9 .lg:hover .xian s{width: 100%;}

.pro9 .lg .xian .s2{top: auto;bottom: -1px;}

.pro9 .lg .ul2 li:hover .wz{opacity: 1;}

.pro9 .lg.act0 .xian{left: 0%;}

.pro9 .lg.act1 .xian{left: 10%;}

.pro9 .lg.act2 .xian{left: 20%;}

.pro9 .lg.act3 .xian{left: 30%;}

.pro9 .lg.act4 .xian{left: 40%;}

.pro9 .lg.act5 .xian{left: 50%;}

.pro9 .lg.act6 .xian{left: 60%;}

.pro9 .lg.act7 .xian{left: 70%;}

.pro9 .lg.act8 .xian{left: 80%;}

.pro9 .lg.act9 .xian{left: 90%;}

.pro9 .logo_sw{margin-top: 120px;}

.pro9 .logo_sw .swiper-wrapper{}

.pro9 .logo_sw .wz{position: absolute;bottom: 20px;text-align: center;width: 100%;opacity: 0;transition: all 0.6s; overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}

.pro9 .logo_sw img{opacity: 0.5;transition: all 0.6s;}


.pro9 .logo_sw .s{position: relative;border-top:  1px solid #ddd;border-bottom: 1px solid #ddd;}

.pro9 .logo_sw .s::before{width: 0%;height: 1px;background: #e7004c;content: "";position: absolute;left: 0;top: -1px;transition: all 0.6s;}

.pro9 .logo_sw .s::after{width: 0%;height: 1px;background: #e7004c;content: "";position: absolute;left: 0;bottom: -1px;transition: all 0.6s;}



.pro9 .logo_sw .swiper-slide:hover img{opacity: 1;transition: all 0.6s;}

.pro9 .logo_sw .swiper-slide:hover .wz{opacity: 1;transition: all 0.6s;}

.pro9 .logo_sw .s:hover::after{width: 100%;transition: all 0.6s;}

.pro9 .logo_sw .s:hover::before{width: 100%;transition: all 0.6s;}


/* 购买对比 */

.cont1{padding:200px 0 150px ;}

.cont1 .dl1{display: flex;}

.cont1 .dl1 dt{width: 24%;}

.cont1 .dl1 dt .dtt{display: flex;align-items: center;align-content: center;letter-spacing: 1.2px;color: #555;cursor: pointer;}

.cont1 .dl1 dt .dtt s{display: block;width: 16px;height: 16px;border: 1px solid #ddd;margin-right: 5px;}

.cont1 .dl1 dt .dtt s::after{content: "";width: 8px;height: 8px;background:#ddd ;position: absolute;left: 4px;top: 4px;opacity: 0;}


.cont1 .dl1 dt .dtt.act s::after{opacity: 1;}

.cont1 .dl1 dd{width: 21.5%;margin-right: 5.75%;text-align: center;}

.cont1 .dl1 dd:last-child{margin-right: 0;}

.cont1 .dl1 dd .dtop{position: relative;z-index: 5;}

.cont1 .dl1 dd .dtop .dtt{display: flex;align-items: flex-start;height: 28px;border-bottom: 1px solid #e2e2e2;letter-spacing: 1.2px;color: #000;background: url(../images/co_1_1.png) top right no-repeat;cursor: pointer;}

.cont1 .dl1 dd .dtop .dtt span{font-family: 'gle';}

.cont1 .dl1 dd .dtop .dtc{position: absolute;width: 100%;padding: 30px  25px;background: #fff;-moz-box-shadow:-1px 1px 5px #ddd; -webkit-box-shadow:-1px 1px 5px #ddd; box-shadow:-1px 1px 5px #ddd;left: 0;top: 28px;opacity: 0;z-index: -2;pointer-events: none;visibility: hidden;}

.cont1 .dl1 dd .dtop .dtc p{line-height: 30px;color: #000;margin-bottom: 10px;}


.cont1 .dl1 dd .dtop .dtc p{}

.cont1 .dl1 dd .dtop .dtc a{line-height: 18px;color: #555555;margin-bottom: 10px;}

.cont1 .dl1 dd .dtop .dtc a span{height: 18px;display: inline-block;}

.cont1 .dl1 dd .dtop .dtc::after{content: '';display: block;width: 100%;height: 20px;position: absolute;top: -20px;left: 0;}

.cont1 .dl1 dd .dtop .dtc li{text-align: left;}

.cont1 .dl1 dd .dtop .dtc li .k{margin-bottom: 10px;}

.cont1 .dl1 dd .dtop .dtc li .l{border-bottom: 1px solid #f2f2f2;margin-bottom: 10px;padding-bottom: 5px;}


.cont1 .dl1 dd .dtop .dtc li .l:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom:none;}

.cont1 .dl1 dd .dtop .dtc li a{display:block;color: #555;}

.cont1 .dl1 dd .dtop .dtc li a .img{display: block;width: 100%;overflow: hidden;margin-bottom: 10px;}

.cont1 .dl1 dd .dtop .dtc li a .img img{display: block;width: 100%;transform: scale(1.000000000001);-webkit-transform: scale(1.000000000001);}

/* .cont1 .dl1 dd .dtop .dtc li a:hover img{transform: scale(1.05);} */

.cont1 .dl1 dd .dtop .dtc a:hover {}

.cont1 .dl1 dd .dtop .dtc a:hover span{border-bottom: 1px solid #e7004c;color: #e7004c;}

.cont1 .dl1 dd .dtop:hover .dtt{background: url(../images/co_1_2.png) center right no-repeat;}

.cont1 .dl1 dd .dtop:hover .dtc{opacity: 1;top: 48px;visibility: visible;pointer-events: visible;}

.cont1 .dl1 dd .dbtm{} 

.cont1 .dl1 dd .dbtm .img{display: block;width: 100%;cursor: pointer;} 

.cont1 .dl1 dd .dbtm .img a{display: block;}

.cont1 .dl1 dd .dbtm .img img{display: block;width: 100%;transform: scale(1.000000000001);-webkit-transform: scale(1.000000000001);}

.cont1 .dl1 dd .dbtm .wz{color: #000;margin: 35px 0 25px;letter-spacing: 1.2px;}

.cont1 .dl1 dd .dbtm .more{display: block;width: 160px;line-height: 50px; background: #e7004c; text-align: center;position: relative;overflow: hidden;z-index: 3;margin: 0 auto;font-size: 14px;}

.cont1 .dl1 dd .dbtm .more span{position: relative;z-index: 3;color: #fff;letter-spacing: 2px;}

.cont1 .dl1 dd .dbtm .more s{display: block;width: 100%;height: 100%;top: 0;right: 0;z-index: 1;background: #000;position: absolute;}

.cont1 .dl1 dd .dbtm .more:hover s{height: 0%;}

.cont1 .dl1 dd .dbtm .more:hover span{color: #fff;}

.cont1 .dl1 dd .dbtm .jg{font-family: "gle";color: #555;margin: 35px 0 20px;letter-spacing: 1.2px;color: #000;}

.cont1 .dl1 dd .dbtm:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.cont2 {padding-bottom: 150px;}

.cont2 .ctt{color: #000;}

.cont2 .dl1{padding: 50px 0 0;display: flex;color: #555;font-family: "gle";}

.cont2 .dl1 dt{width: 24%;color: #000;letter-spacing: 1.3px;}

.cont2 .dl1 dt p{margin-top: 12px;}

.cont2 .dl1 dd{width: 76%;border-bottom: 1px solid #ddd;letter-spacing: 1.2px;}

.cont2 .dl1 dd .ul1 {display: flex;}

.cont2 .dl1 dd .ul1 li{width: 33.33%;padding-bottom: 50px;line-height: 26px;display: flex;justify-content: center;}



/* 产品2 */

.pro3_v .pox .bingd .bts2{top: 30%;}

.pro3_v .pox .bingd .bts4{left: 54%;}

.pro6_v .pox .ul1 .li2 .img0 .btn span{background: #035452;}

.pro6_v .pox .ul1 .li2 .img0 .btn span s{border: 2px solid #035452;}

.pro6 .pox .ul1 .li2 .img0 .btn span.lv{background: #b1ddb9;}

.pro6 .pox .ul1 .li2 .img0 .btn span.lv s{border: 2px solid #b1ddb9;}

.pro6 .pox .ul1 .li2 .img0 .btn span.bai{background: #ebe8e7;}

.pro6 .pox .ul1 .li2 .img0 .btn span.bai s{border: 2px solid #ebe8e7;}


/* 网站升级 */

.upgr{padding: 0;}

.upgrade{width: 100%;height: 100vh;background: #e7004c;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;}

.upgrade .c1{font-family: pop4;margin-bottom: 10px;}



/* 锚点 */

.point{position: absolute;left: 0;top: -150px;width: 100%;}

@media screen and (min-width:2500px) {
    .pro1 .wz .bg{height: 103%;}

    .pro3 .pox .bingd img{width: 100%;}

    .pro3 .pox .bingd .bts3 .xi, .pro3 .pox .bingd .bts4 .xi{height: 400px;}
}
@media (min-width:3200px) {

   
    

    .pro3 .pox .bingd .bts .xi{height: 600px;}

    .pro3 .pox .bingd .bts2 .xi{height: 500px;}

    .pro3 .pox .bingd .bts3 .xi, .pro3 .pox .bingd .bts4 .xi{height: 680px;}
    
}

@media screen and (max-width:2300px) {
    /* .pro3 .pox .bingd .bts2 .xi{height: 240px;} */
}



@media screen and (max-width:1950px) {
    .pro3 .pox .bingd .bts .xi{height: 330px;}

    .pro3 .pox .bingd .bts2 .xi{height: 230px;}

    /* .pro3 .pox .bingd .bts2 .xi{height: 220px;} */

    .footer .fbtm{flex-wrap: wrap;justify-content: center;line-height: 1.4;}
}




@media (min-width:1950px) {

   
    .f_60{font-size: 90px;}

    
    
}

@media screen and (max-width:1850px) {
    .pro7 .deng .dox .dwz li{width: 540px;}

    .cont1 .dl1 dd .dtop .dtt{font-size: 14px;}
   
}


@media (max-width:1800px) {


    .f_12{ font-size:12px; }

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:24px; }

    .f_28{ font-size:26px; }

    .f_30{ font-size:28px; }

    .f_32{ font-size:30px; }

    .f_34{ font-size:30px; }

    .f_36{ font-size:30px; }

    .f_38{ font-size:30px; }

    .f_40{font-size: 32px;}

    .f_48{font-size: 34px;}

    .f_60{font-size: 52px;}

    .pro3 .pox .bingd .bts2 .ss{bottom: 100px;}
    
}


@media screen and (max-width:1680px) {
    .f_46{font-size: 36px;}

    .f_56{font-size: 42px;}

    .f_66{font-size: 54px;}

    .f_68{font-size: 50px;}

    .f_72{font-size: 60px;}

    .f_74{font-size: 52px;}

    .pro7 .top_txt .t1{top: 0;}

    .pro3 .pox .bingd .bts .xi{height: 310px;}

    .pro3 .pox .bingd .bts2 .xi{height: 210px;}


    /* .pro3 .pox .bingd .bts2 .xi{height: 220px;} */

    .pro6 .pox .ul1 .li2 .img .ltt{left: 30px;}

    .pro6 .pox .ul1 .li2:last-child .img:first-child .ltt{left: 30px;bottom: 60px;}

    .pro6 .swiper-pagination{left: 35px;}

    .pro6 .ts{left: 42px;}

    .pro7 .deng .dox .dwz li{width: 510px;}

    .i3 .ul1 li .num .img,.i3 .ul1 li .num .d{height: 100px;}

    .pro9 .ul1 li .img,.pro9 .ul1 li .d{height: 80px;}
}

@media (max-width:1580px) {

    .f_60{font-size: 46px;}



}

@media (max-width:1580px) {

    .f_60{font-size: 44px;}

  

}



@media screen and (max-width:1500px) {
    .pro3 .pox .bingd .bts .xi{height: 280px;}

    .pro3 .pox .bingd .bts2 .xi{height: 180px;}

    /* .pro3 .pox .bingd .bts2 .xi{height: 200px;} */

    .pro3 .pox .bingd .bts3 .xi, .pro3 .pox .bingd .bts4 .xi{height:267px;}

    .pro7 .deng .dox .dwz li{width: 450px;}

    .i3 .ul1 li .num .img{height: 100px;}

    .i3 .ul1 li .num .d{height: 100px;}

    .pro3 .pox .bingd .bts .cx .t2{font-size: 12px;}

    .pro3 .pox .bingd .bts2 .ss{bottom: 90px;}
}

@media screen and (max-width:1300px) {
    .pro3 .pox .bingd .bts3 .xi, .pro3 .pox .bingd .bts4 .xi{height: 250px;}

    .pro3 .pox .bingd .bts .cx .t1, .pro3 .pox .bingd .bts .cx .t2{left: 15px;}

    .pro5{padding: 100px  0 150px;}

    .pro7 .deng .dox .dwz li{width: 400px;}

    /* .pro7{height: 520px;} */

    .pro9 .ul1 li .img{height: 65px;}

    /*.pro9 .ul1 li:nth-child(3n) .img{width: 240px;}*/

    .pro9 .ul1 li .d{height: 65px;}

    .pro9 .lg .ul2 li .wz{font-size: 12px; overflow: hidden;

        text-overflow: ellipsis;
    
        white-space: nowrap;}
}


@media (max-width:1200px) {

    .bmeter{display: none;}
    
    body{display: none;}

    
    .f_22{font-size: 16px;}

    .f_24{font-size: 16px;}

    .f_26{font-size: 18px;}

    .f_28{font-size: 20px;}

    .f_30{font-size: 22px;}

    .f_46{font-size: 22px;}


    .f_56{font-size: 20px;}

    .f_72{font-size: 24px;}

    .f_74{font-size: 32px;}

    .wow{opacity: 1;}

    .box{width: 90%;min-width: 200px;}

    .box2{width: 90%;min-width: 200px;}


    .box3{width: 90%;min-width: 200px;}


    .box4{width: 90%;min-width: 200px;}

    .box5{width: 90%;min-width: 200px;}

    body{min-width: 200px;margin-top: 50px;padding: 0;}

    .head{display: none;}

    .nav_y{display: block;}

    .i1 dl dd .txt .a .more{width: 120px;line-height: 36px;}

    /* .i1 dl dd .txt{top: 10%;} */

    .i1 dl dd .txt .tt{margin: 13px 0 75px;}

    .i2 .ul1{flex-wrap: wrap;padding: 30px 0;}

    .i2 .ul1 li{width: 100%;margin-bottom: 20px;}

    .i2 .ul1 li .txt .more{opacity: 1;}
    
    .i3 .ul1 li .num .img img{opacity: 1;top: 0;}

    /* .i3 .ul1 li .num .d{opacity: 1;} */

    .i3 .ul1 li .num .img{height: 70px;}

    .i3 .ul1 li .num .d{height: 70px;width: auto;}

    .i3 .ul1 li .wz{opacity: 1;}

    .i3 .ul1 li:first-child{left: 0;}

    .i3{padding: 30px 0 140px;}

    .zhuoshi{transform: scale(0.8) translateX(-6.5%);}

    .i3 .ul1 li .num{margin-bottom: 15px;}

    .i3 .ul1 li{margin-bottom: 25px;}

    .footer{position: relative;padding: 50px 0 0;}

    .i1 dl dd .play{    background: url(../images/bf_y.png) center no-repeat;background-size: 100%;width: 35px;height: 35px;}

    .i1 dl dd .mp3{width: 35px;height: 35px;}

    .i1 dl dd .play.act{    background: url(../images/bf_n.png) center no-repeat;background-size: 100%;}

    .i4 .ibtm .ul1{flex-wrap: wrap;}

    .i4 .ibtm .ul1 li{width: 100%;height: 320px;padding-top: 50px;}

    .i4 .ibtm .ul1::after{width: 100%;height: 50%;}

    .i4 .ibtm .ul1.act1::after{left: 0;top: 50%;}

    .i4 .ibtm .ul1 li .ss{width: 90%;}

    .i4 .ibtm .ul1 li .zws,.i4 .ibtm .ul1 .irt .itc{margin: 40px auto 25px;}

    .i4 .ibtm{padding-bottom: 35px;}

    .footer .ftop .frt{display: none;}

    .footer .ftop .flt{width: 100%;}

    .footer .fbtm{flex-wrap: wrap;line-height: 28px;justify-content: center;padding: 25px 0;}

    .footer .fbtm .flt{flex-wrap: wrap;justify-content: center;}

    .footer .zhuoshi{bottom: 190px;transform: scale(0.8) translateX(-12.5%);}

    .footer .ftop{margin: 30px 0 160px;}

    .footer .ftop .flt .a{margin: 15px 0 30px;}

    .pro1 .wz img{display: none;}

    .pro1 .wz::after{content: none;}

    .pro1 .wz .txt .ptc{margin-top:15px;}

    .pro1{position: relative;}

    .ph1{display: none;}

    .pro2{height: auto;}

    .pro2 .pox{height: auto;padding-bottom: 160px;position: relative;}

    .pro2 .pox .cp1{bottom: 40px;opacity: 1;max-width: 550px;left: 50%;transform: translateX(-50%);}

    

    .pro2 .pox .txt{position: relative;top: auto;padding: 35px 0  0px;}

    .pro2 .pox .txt .ptt,.pro2 .pox .txt .ptt2,.pro2 .pox .txt .ptc,.pro2 .pox .txt .ptt3{opacity: 1 !important; top: 0 !important;}

    .pro1 .wz .txt{opacity: 1 !important;top: 35%;}

    .pro2 .pox .txt .ptc{padding: 0 5%;white-space:normal}

    .pro2 .pox .txt .ptt2{margin: 25px 0 0px;}

    .pro2 .pox .txt .ptt3{margin-top: 20px;flex-wrap: wrap;}

    .pro2 .pox2 .vid s{display: none !important;}

    .pro2 .pox2 .vid{height: auto;position:relative;bottom: 0;}

    .pro2 .pox2{position: relative;}


    .pro3 .pox .bingd{position: relative;left: 0 !important;transform: translate(0);}

    .pro3{height: auto;}

    .pro3 .pox .txt{position: relative;transform: translate(0);margin-top: 180px;}

    .pro3 .pox .txt .ptt,.pro3 .pox .txt .ptt2,.pro3 .pox .txt .ptc{opacity: 1 !important;top: 0 !important;}

    .pro3 .pox .bingd .bts{opacity: 1;width: 100%;}

    .pro3 .pox .bingd .bts .xi{height: 200px;}

    .pro3 .pox .bingd .bts2 .xi{height: 80px;}

    .pro3 .pox .bingd .bts .xi2{height: 50px;}

    .pro3 .pox .bingd .bts .cx .t1, .pro3 .pox .bingd .bts .cx .t2{height: 30px;line-height: 30px;transform: translateY(50px);}

    .pro3 .pox .bingd .bts2 .ss{bottom: 50px;}

    .pro3 .pox .bingd .bts .cx{bottom: 15px;}

    .pro3 .pox .bingd .bts .ss{width: 35px;height: 35px;left: 15px;}

    .pro3 .pox .bingd .bts .ss s.s1{width: 15px;height: 15px;}

    .pro3 .pox .bingd .bts{top: 40%;left: 5%;}

    .pro3 .pox .bingd .bts2{left: 25%;top: 55%;}

    .pro3 .pox .bingd .bts3{left: 20%;}

    .pro3 .pox .bingd .bts4{left: 35%;}

    .pro3 .pox{height: auto;padding: 180px 0 0;}

    .pro3 .pox .bingd .bts3 .cx .t1, .pro3 .pox .bingd .bts3 .cx .t2, .pro3 .pox .bingd .bts4 .cx .t1, .pro3 .pox .bingd .bts4 .cx .t2{transform: translateY(-20px);}

    .pro3 .pox .bingd .bts4 .xi{height: 100px;}

    .pro3 .pox .bingd .bts3 .cx, .pro3 .pox .bingd .bts4 .cx{top: 15px;}

    /* .pro3 .pox .bingd .bts .cx .t1, .pro3 .pox .bingd .bts .cx .t2{transform: scale(0.8) translate(-15%,65px);} */

    .pro3 .pox .bingd .bts .cx .t1{font-size: 16px;}

    .pro3 .pox .bingd .bts .cx .t2{font-size: 12px;}

    .pro3 .pox .bingd .bts4 .cx .t2{transform:scale(0.7) translate(-45px,-35px);}

    .pro3 .pox .bingd .bts1 .cx .t2{transform:scale(0.7) translate(-45px,65px);}

    .pro3 .pox .txt .ptt2{margin: 25px 0 15px;}

    .pro3::after{content: none;}

    /* .pro3 .pox .txt .ptc{padding: 0 5%;} */

    .pro5{padding: 40px 0;}

    .pro5 .pox{width: 90%;margin: 20px auto 0;}

    .pro6 .pox{width: 90%;}

    .pro6 .pox .ul1{flex-wrap: wrap;}

    .pro6 .pox .ul1 li{width: 49%;margin-right: 2%;}

    .pro6 .pox .ul1 li:nth-child(2n){margin-right: 0;}

    .pro6 .pox .ul1 li:last-child{display: flex;width: 100%;margin-top: 8px;}

    .pro6 .pox .ul1 li:last-child .img{width: 49%;}

    .pro6 .pox .ul1 li:last-child .img0{margin-left: 2%;}

    .pro6 .pox .ul1 .li2 .img .ltt{left: 15px;top: 20px;font-size: 12px;line-height: 24px;}

    .pro6 .pox .ul1 .li2 .img .ltt{}

    .pro6 .pox .ul1 .li2 .img .ltt p{font-size: 16px;}

    .pro6 .pox .ul1 .li2 .img .ltt p span{font-size: 14px;}

    .pro6 .pox .ul1 .li2:last-child .img:first-child .ltt{left: 15px;bottom: 30px;}

    .pro6 .swiper-pagination span{width: 14px;height: 14px;}

    .pro6 .swiper-pagination span::after{width: 22px;height: 22px;}

    .pro6 .swiper-pagination{left: 18px;top: 22px;}

    .pro6 .swiper-pagination span{margin: 0 0 10px !important;}

    .pro6 .ts{transform: scale(0.6);top: 72px;left: 17px; height: 100px;}

    .pro7{height: auto;padding-top: 100px;}

    .pro7 .deng .dox .bg{left: 0;opacity: 1;display: none;}

    .pro7 .deng .dox .dul li.li1,   .pro7 .deng .dox .dul li.li2{display: none;}

    .pro7 .top_txt .ts,.pro7 .top_txt .ts2{opacity: 1;}

    .pro7 .top_txt{pointer-events:visible;transform: translateY(0);top: 35px;}

    .pro7 .top_txt .ts{margin-bottom: 25px;}

    .pro7 .pox{width: 90%;height: auto;position: static;display: block;}

    .pro7 .deng .dox{position: relative;}

    .pro7 .deng .dox{height: auto;}

    .pro7 .deng .dox .dul li{position: static;opacity: 1;}

    .pro7 .deng .dox .dwz {margin-top: 30px;}

    .pro7 .deng .dox .dwz li{position: static;opacity: 1;padding: 0 5%;width: auto;margin-bottom: 25px;transform: translate(0);}

    .pro7 .deng{position: relative;}

    .pro7 .pox .videos{width: 100%;transform: translate(0);left: 0;opacity: 1;}

    .pro7 .pox .ul1{position: static;pointer-events: visible;}

    .pro7 .pox .ul1 li{position: static;width: 100%;transform: translate(0);opacity: 1;margin-bottom: 30px;}

    .pro7 .pox .ul1 li .ltc{margin-bottom: 20px;}

    .pro7 .deng .dox .dwz li .ltc span{transform: translateY(-1px) scale(0.8);}

    .pro7 .pox .videos .vidul{display: none;}

    .bofn{width: 44px;height: 44px;    background: url(../images/bf_y.png) center no-repeat; background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 4;}

    .pro7 .pox .ul1 li .vid{position: relative;}

    .pro7 .pox .ul2{position: static;opacity: 1;width: 100%;transform: translate(0);padding-bottom: 40px;}

    .pro7 .pox .ul2 li{padding: 20px 0;}

    .pro7 .pox .ul2 li .ltop s{width: 20px;height: 20px;}

    .pro8{height: 160px;background-size: cover;}

    .pro9{padding: 40px 0;}

    .pro9 .ul1 li .img img{opacity: 1;top: 0;}

    .pro9 .ul1 li:nth-child(3n) .img{width: auto;}

    .pro9 .ul1{flex-wrap: wrap;}

    .pro9 .ul1 li{min-width: 34%;}

    .pro9 .ul1 li .img{height: 45px;}

    .pro9 .ul1 li .d{height: 45px;}

    .pro9 .zhuoshi{transform: scale(0.8) translateX(-12%);top: 160px;}

    .pro5 .ts{line-height: 26px;}

    .pro9 .logo_sw{margin-top: 40px;}

    .cont1 .dl1{flex-wrap: wrap;}

    .cont1 .dl1 dt,.cont1 .dl1 dd{width: 100%;}

    .cont1{padding: 40px 0 0;}

    .cont1 .dl1 dt{margin-bottom: 20px;}

    .cont1 .dl1 dd{margin-bottom: 30px;margin-right: 0;}
 
    .cont2 .dl1{flex-wrap: wrap;padding: 30px 0 0;}

    .cont2 .dl1 dt{width: 100%;margin-bottom: 20px;}

    .cont2 .dl1 dd{width: 100%;}
    
    .cont2 .dl1 dd .ul1 li{display: block;padding-bottom: 20px;}

    .cont2 .ctt{margin-top: 30px;}

    .cont2{padding-bottom: 40px;}


}


@media screen and (max-width:800px) {
    .f_74{font-size: 26px;}

    .i3 .ul1 li .num .img{height: 30px;}

    .i3 .ul1 li .num .d{height: 30px;}
    
}