@charset "UTF-8";
*,*: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 ; width: 100%;color: #333333;font-family: Arial, 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: #333333;}
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:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#0069d1;}
body::-webkit-scrollbar-track{ background:#fff;} 



@font-face {
	font-family: "din";
	src: url("../fonts/DIN-REGULAR-2.woff") format("woff"),
		 url("../fonts/DIN-REGULAR-2.ttf") format("truetype"),
		 url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"),
		 url("../fonts/DIN-REGULAR-2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }

.f_12{ font-size:12px;}
.f_14{font-size: 14px;}
.f_16{ font-size:16px;}
.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_42{font-size: 42px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}
.f_54{font-size: 54px;}

.f_56{font-size: 56px;}
.f_60{font-size: 60px;}
.f_64{font-size: 64px;}
.f_72{font-size: 72px;}
.f_88{font-size: 88px;}
.f_120{font-size: 120px;}
.p_60{padding: 60px 0;}
.p_80{padding:80px 0}
.p_90{padding: 90px 0;}
.p_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.p_100_45{padding: 100px 0 45px;}
.p_100_120{padding: 100px 0 120px;}
.pb_120{padding-bottom: 120px ;}
.p_100_50{padding: 100px 0 50px;}
.p_100_80{padding: 100px 0 80px;}
.p_75_100{padding: 75px 0 100px;}
.pb_120{padding-bottom: 120px;}
.p_20_120{padding: 20px 0 120px;}
.p_100_60{padding: 100px 0 60px;}
.p_80_100{padding: 80px 0 100px;}
.box {max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.ibox {max-width:1600px;min-width: 1200px;width:83%; 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);}
.wow{opacity: 0;}
.wow1{opacity: 1;}
.fbd{font-weight: bold;}
.fw{font-weight: 100;}
.yd{display: none;}

/* 提示弹窗 */

.guanbi {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

    .guanbi .gbox {
        width: 500px;
        position: absolute;
        top: 55%;
        opacity: 0;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        background: #fff;
        padding: 40px;
        text-align: center;
    }

        .guanbi .gbox .gtt {
            margin: 0;
            line-height: 200px;
            color: #000;
        }

        .guanbi .gbox .out {
            display: block;
            width: 36px;
            height: 36px;
            border: 1px solid #ddd;
            border-radius: 50%;
            position: absolute;
            top: 20px;
            right: 20px;
            background: url(/zt/test/img/out.png) center no-repeat;
            background-size: 14px;
            cursor: pointer;
        }

            .guanbi .gbox .out:hover {
                background: url(/zt/test/img/out2.png) center no-repeat;
                border: 1px solid #1d96d5;
                background-size: 14px;
            }

    .guanbi.act {
        visibility: visible;
        pointer-events: visible;
        opacity: 1;
    }

        .guanbi.act .gbox {
            top: 50%;
            opacity: 1;
        }

/* 头部 */
/* 移动端头部 */
.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%;}
.nav_y .con_y .logo_y{width:150px;}
.nav_y .con_y .san{width: 25px;height: 25px;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;}
.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(/zt/test/img/sso.png) no-repeat center;background-size: 30px;}
/* .nav_y_con .ul{padding-top: 100px;} */
.nav_y_con .ul{overflow-y:auto;height: 100%;}
.nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;}
.nav_y_con .ul::-webkit-scrollbar-thumb{ background:#0069d1;}
.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::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #0069d1;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(/zt/test/img/touj.png) center no-repeat;background-size: 15px;}
.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{position: fixed;width: 100%;height: 80px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}

.nav .nav_con{display: flex;justify-content: space-between;width: 95.3%;margin: 0 auto;max-width:1600px;}

.nav .nav_con .logo{display: flex;align-items: center;}

.nav .nav_con .logo img.hove{display:none;}

.nav.act1 .nav_con .logo img.hove{display:block;}
.nav.act1 .nav_con .logo img.noml{display:none;}
.nav.act2 .nav_con .logo img.hove{display:block;}
.nav.act2 .nav_con .logo img.noml{display:none;}
.nav.act3 .nav_con .logo img.hove{display:block;}
.nav.act3 .nav_con .logo img.noml{display:none;}

.nav .nav_con .logo a{display: block;}

.nav .nav_con .ul{display: flex;height: 100%;}

.nav .nav_con .nav_txt{display: flex;}

.nav .nav_con .nav_txt .txt_re{display: flex;}

.nav .nav_con .nav_txt .txt_re .re1  {display: flex;align-items: center;padding:0 30px;position: relative;}



.nav .nav_con .nav_txt .txt_re .re1 a{display: block;color: #fff;}

.nav .nav_con .nav_txt .txt_re .re2 {position: relative;padding: 0 30px;}

.nav .nav_con .nav_txt .txt_re .re3{padding-left: 25px;display: flex;align-items: center;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3 .res{position: absolute;right: 30px;width: 0;overflow: hidden;}

.nav .nav_con .nav_txt .txt_re .re3 .res input{width: 100px;height: 25px;outline: none;padding-left: 15px;border-radius: 5px;border: 1px solid #333333;background: #fff}

.nav .nav_con .nav_txt .txt_re .re3  a{display: block;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3  a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}




.nav .nav_con .nav_txt .txt_re .re2 .r1{display: flex;color: #fff;align-items: center;cursor: pointer;height: 100%;}

.nav .nav_con .nav_txt .txt_re .re2 .r2{position: absolute;width: 150%;background: #fff;padding: 20px 0;border-radius: 5px;transform: translateY(20px);left: -25%;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;box-shadow: 0 0 1px 1px #f3f4f6;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a{display: block;text-align: center;line-height: 40px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img{position: relative;margin-left: 5px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .ul .li{padding: 0 30px;position: relative;}

.nav .nav_con .ul a.lia{display: block;height: 100%;line-height: 80px;color: #fff;position: relative;}

.nav .nav_con .ul a.lia::after{position: absolute;left: auto;right: 0;bottom: 0;width: 0;height: 3px;background: #007EC4;content: "";transition: all 0.6s;}

.nav .nav_con .ul .li .li_txt{position: absolute;width: 100%;padding: 20px 0px;background: #fff;left: 0;border-radius: 5px;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(20px);box-shadow: 0 0 1px 1px #f3f4f6;}

.nav .nav_con .ul .li .li_txt a{display: block;line-height: 40px;text-align: center;}

.nav .nav_con .ul .li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}

.nav .nav_con .nav_txt .txt_re .re3:hover .res{width: 100px;}

.nav.act4{background: none;}

.nav.act1,.nav.act2,.nav.act3{background: #fff;}

.nav.act1 .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia,.nav.act3 .nav_con .ul a.lia,.nav.act4 .nav_con .ul a.lia{color: #333333;;}

.nav.act1 .nav_con .nav_txt .txt_re .re1 a,.nav.act2 .nav_con .nav_txt .txt_re .re1 a,.nav.act3 .nav_con .nav_txt .txt_re .re1 a,.nav.act4 .nav_con .nav_txt .txt_re .re1 a{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act3 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{opacity: 1;}

.nav.act1 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act3 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re3 a img:last-child{opacity: 1;}


.nav.act1 .nav_con .nav_txt .txt_re .re1::before,.nav.act2 .nav_con .nav_txt .txt_re .re1::before,.nav.act3 .nav_con .nav_txt .txt_re .re1::before,.nav.act4 .nav_con .nav_txt .txt_re .re1::before{background: #999999;}

.nav.act1 .nav_con .nav_txt .txt_re .re1::after,.nav.act2 .nav_con .nav_txt .txt_re .re1::after,.nav.act3 .nav_con .nav_txt .txt_re .re1::after,.nav.act4 .nav_con .nav_txt .txt_re .re1::after{background: #999999;}

.nav.act1 .nav_con .nav_txt .txt_re .re2::before,
.nav.act2 .nav_con .nav_txt .txt_re .re2::before,
.nav.act3 .nav_con .nav_txt .txt_re .re2::before,
.nav.act4 .nav_con .nav_txt .txt_re .re2::before{background: #999999;}


.nav.act4 .nav_con .ul a.lia{color: #333333;}

.nav .nav_con .ul .li:hover a.lia::after{width: 100%;left: 0;right: auto;transition: all 0.6s;}

.nav .nav_con .nav_txt .txt_re .re2:hover .r2{opacity: 1;pointer-events: visible;visibility: visible;z-index: 100;transform: translateY(1px);} 

.nav .nav_con .ul .li.act   a.lia::after{width: 100%;}

.nav .nav_con .ul .li:hover  a.lia::after{width: 100%;}

.nav .nav_con .ul .li .li_txt a:hover{color: #007EC4;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a:hover{color: #007EC4;}

.nav .nav_con .nav_txt .txt_re .re1 a:hover{color: #007EC4;}

/* 右侧 */

.right{display: block;position: fixed;right: -70px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 9;}

.right .ul1{position: relative;width: 60px;}

.right li{ height: 60px;position: relative;margin-bottom: 20px;}

.right li a{display: block;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;position: absolute;top: 0;right: 0;background: #007EC4;border-radius: 30px;}

.right li .ico{display: block;width: 60px;height: 100%;}

.right li .wz{display: block;width: 0px;overflow: hidden; height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;color: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;background: url(/zt/test/img/r_jt1.png) 90% center no-repeat;background-size: 14px;white-space:nowrap;opacity: 0;}

.right li .ewm{width: 100px;height: 100px;position: absolute;top: 50%;right: 80px;margin-top: -50px;pointer-events: none;opacity: 0;}

.right li:hover .wz{width: 120px;opacity: 1;padding-left:10px;}

.right li:nth-child(2):hover  .wz{width: 140px;opacity: 1;}

.right li:hover .ewm{right: 70px;opacity: 1;}

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

.right.act{right: 10px;}

/* 头部结束 */
@keyframes cx {
    0%{opacity: 0;}
    30%{opacity: 0;padding-top: 50px;}
    /* 40%{opacity: 0;padding-top: 50px;} */
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx2 {
    0%{opacity: 0;}
    35%{opacity: 0;padding-top: 50px;} 
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx3 {
    0%{opacity: 0;}   
    40%{opacity: 0;padding-top: 50px;}  
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx4 {
    0%{opacity: 0;}
    45%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx5 {
    0%{opacity: 0;}
    50%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx6 {
    0%{opacity: 0;}
    60%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}

@keyframes pf {
    0%{opacity: 0;margin-top: 25px;}
    /* 50%{opacity: 1;} */
    70%{opacity: 1;}
    100%{opacity: 0.5;margin-top: 0px;}

}

@keyframes rc {
  0%{opacity: 0.5;}

  100%{opacity: 1;}

  0%{opacity: 0.5;}

}
@keyframes xz {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}


.time{padding-top: 50px;opacity: 0;}
.section.active .time{padding-top: 0;opacity: 1;animation: cx 0.5s linear alternate;}
.section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1.5s linear alternate;}
.section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.6s linear alternate;}
.section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.7s linear alternate;}
.section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.8s linear alternate;}
.section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.9s linear alternate;}

.inx_con{position: relative;width: 100%;height: 100%;overflow:hidden;}

.inx_img{width: 100%;height: 100%;}

.in_2 .inx_img{position: relative;}



.inx_img img{width: 100%;}

.inx_con .in1_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;padding-top: 32.6vh;}

.inx_con .in1_txt .t1{margin-bottom: 40px;}

.inx_con .in1_txt .t2{line-height: 40px;}

.shgipt{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 100;display: none;}

.shgipt video{width: 100%;}

.shgipt img{width: 30px;height: 30px;position: absolute;right: 0;top: -70px;cursor: pointer;}

.shgipt .shig_con{width: 90%;max-width:1600px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}

/* 第一屏 */

.in_1 {width: 100%;height: 100%;}

.in_1 .sw_con{position: relative;width: 100%;height: 100%;}

.in_1 .sw_con .con_img {width: 100%;height: 100%;}

.in_1 .sw_con .con_img img{width: 100%;height: 100%;}

.in_1 .sw_con .ship_b{display: flex;align-items: center;color: #fff;justify-content: center;cursor: pointer;z-index: 20;margin-top: 40px;position: relative;display: none;}

.in_1 .sw_con .ship_b img{width: 25px;height: 25px;}

.in_1 .sw_con .ship_b img{margin-right: 10px;}

.in_1 .sw_con .con_img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.in_1 .sw_con .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;padding-top: 32.6vh;transform: translate(0, 100px) ;transition: all 1.5s ease-out;}
.in_1.active .sw_con .con_txt{
	
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}


.in_1 .swiper-slide .sw_con .con_txt .txt{padding-top: 50px;opacity: 0;}

.in_1 .sw_con .con_txt .t1{margin-bottom: 10px;color: #fff;}

.in_1 .sw_con .con_txt .t0{width:80px;margin:0 auto;margin-bottom: 20px;}
.in_1 .sw_con .con_txt .t0 img{width:100%;}


.b_hint {
  width: 300px;
  display: flex;
  align-items: center;
  font-size:14px;
  line-height: 1;
  color: #fff;
}
.b_hint div {
    width: 18px;
    margin-right: .27rem;
    height: 25px;
    border-radius:8px;
    border: 2px solid #fff;
    position: relative;
}
.b_hint div span {
      left: 6px;
      position: absolute;
      top: 5px;
      width: 2px;
      height: 5px;
      background-color: #fff;
      border-radius: 1px;
      animation: upDown 1s ease-out infinite;
    }
	
	

    @keyframes upDown {
      to {
        transform: translate3d(0, 100%, 0);
      }
    }



.b_hint {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    left: 50%;
    bottom:40px;
    transform: translateX(-50%);
    display: block;
    text-align: center;
    opacity: 1;  
  }

.b_hint div {
      margin: 0 auto 20px;

    }





.in_1 .sw_con .con_txt .t2{line-height: 40px;color: #fff;}
.in_1 .swiper-slide-active .sw_con .con_txt .txt.time{padding-top: 0;opacity: 1;animation: cx 1s linear alternate;transition-delay:0.8s;}

.in_1 .in1_sp{bottom:45px ;} 

.in_1 .in1_sp .swiper-pagination-bullet{margin: 0 50px;border: 2px solid rgba(255, 255, 255, 0.3);background: none;opacity: 1;}

.in_1 .in1_sp  .swiper-pagination-bullet-active{border: 2px solid #fff;}

.in_1 .in1_sp span {position: relative;}

.in_1 .in1_sp span::after{content: "";width: 102px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;left: 6px;top: 1px;}

.in_1 .in1_sp span:last-child::after{content: none;}

.in_1 .in1_sp  .swiper-pagination-bullet-active::before{content: "";width: 35px;height: 35px;background: url(/zt/test/img/shuang.png) center no-repeat;position: absolute;left: -15px;top: -15px;animation: xz 2s infinite linear ;}



.in_2 .in2_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_2 .inx_f1{position: absolute;left: 0;top: 30%;opacity:0;width: 100%;height: 100%;transition: all 1s ease-out;}
.in_2 .inx_f2{position: absolute;left: -10%;top: 0;opacity:0;width: 100%;height: 100%;transition: all 1s ease-out;}

.in_2.active .inx_f1{left: 0;top: 0%;opacity:1;transition: all 1s ease-out;}
.in_2.active .inx_f2{left: 0%;top: 0;opacity:1;transition: all 1s ease-out;}


.in_2 .inx_f1 img{width: 100%;}
.in_2 .inx_f2 img{width: 100%;}

.in_2 .in2_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;}

.in_2 .in2_txt .txt .txt_le{width: 45%;display: flex;align-items: center;color: #fff;}

.in_2 .in2_txt .txt .txt_re{width: 40%;color: #fff;}


.in_2 .in2_txt .txt .txt_leff{width: 35%;display: flex;align-items: center;color: #fff;}


.in_2 .in2_txt .txt .txt_reff{width: 57%;color: #fff;transform: translate(100px, 0px) ;transition: all 1.5s ease-out;}
.in_2.active .txt .txt_reff{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}

.uad{
	width:100%;
}
.uad h3{
	font-size:36px;
	line-height:1.5;
	color:#007ec4;
	font-weight:normal;
transform: translate(0, -100px) ;transition: all 1.5s ease-out;}
.in_2.active .uad h3{
	
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}


.uad h2{
	font-size:48px;
	line-height:1.5;
	color:#007ec4;
	font-weight:bold;
transform: translate(0, -100px) ;transition: all 1.5s ease-out;}
.in_2.active .uad h2{
	
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}
.uad h5{
	width:40px;
	height:4px;
	background: #007EC4;
	margin-top:20px;
	
}
.uad p{
	font-size:14px;
	line-height:2;
	margin-top:40px;
	color:#333;
transform: translate(0, 100px) ;transition: all 1.5s ease-out;}
.in_2.active .uad p{
	
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}
.uad p.bai{
	color:#fff;
}




.in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 30px;transform: translate(0, -100px);transition: all 1.3s ease-out;}

.in_2.active .in2_txt .txt .txt_le .le1{transform: translate(0,0);transition: all 1.3s ease-out;}

.in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 25px;display: flex;align-items: center;}

.in_2 .in2_txt .txt .txt_le .le3{line-height: 30px;margin-bottom: 40px;text-align: justify;transform: translate(0, 100px);transition: all 1.3s ease-out;}

.in_2.active .in2_txt .txt .txt_le .le3{transform: translate(0,0);transition: all 1.3s ease-out;}

.in_2 .in2_txt .txt .txt_le .le2 s{display: inline-block;width: 4px;height: 4px;border-radius: 5px;background: rgba(255, 255, 255, 0.6);margin: 0 18px;}

@keyframes jiant {
    0%{transform: translateX(20px);}

    20%{transform: translateX(30px);}

    40%{transform: translateX(20px);}

    100%{transform: translateX(20px);}
}


.liaoj{width: 165px;height: 40px;color: #fff;display: flex;align-items: center;}

.liaoj .a_img{position: relative;transform: translateX(20px);animation: jiant 3s infinite linear alternate;}

.liaoj .a_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.liaoj  span{width: 35px;height: 35px;border: 1px solid #fff;border-radius: 50px;}

/* .liaoj:hover .a_img{transform: translateX(30px);} */

.liaoj:hover{color: #007EC4;}

.liaoj:hover .a_img img:last-child{opacity: 1;}

.liaoj:hover .a_img img:first-child{opacity: 0;}

.liaoj:hover span{border: 1px solid #007EC4;}



.lmor{ 
    width: 150px;
    overflow: hidden;
    margin-top:20px;
    border: 1px solid #fff;
    text-align: center;
	color:#fff;
    font-size: 14px;
    line-height: 50px;
    border-radius: 6px;
    transition: all 0.5s ease-out;
	margin-bottom:250px;
transform: translate(0, 100px);transition: all 1.5s ease-out;}

.in_2.active .lmor{transform: translate(0,0);transition: all 1.5s ease-out;}


.lmor:hover{
	border:1px solid #30A9E0;
	background:#30A9E0;
	transition: all 0.5s ease-out;
}






/* .liaoj.act .a_img{transform: translateX(30px);} */


.liaoj.act{color: #014099;}

.liaoj.act .a_img img:last-child{opacity: 1;}

.liaoj.act .a_img img:first-child{opacity: 0;}

.liaoj.act span{border: 1px solid #014099;}

.in_2 .in2_txt .txt .txt_re .ul{padding-bottom:200px;}


.in_2 .in2_txt .txt .txt_re .li{display: flex;justify-content: space-between;}


.in_2 .in2_txt .txt .txt_re .li .li_re{width: 43.75%;line-height: 28px;padding-top: 5px;}

.in_2 .in2_txt .txt .txt_re .li {padding: 20px 30px 20px 30px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);}

.in_2 .in2_txt .txt .txt_re .li:first-child{border-top:2px solid rgba(255, 255, 255, 0.2) ;}



.in_2 .in2_txt .txt .txt_re .li .li_le span{}



.in_3 {
  background-color: #000;
  overflow: hidden;
}

.in_3 .bg{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}



.in_3 .bg .pic {
  position:absolute;
  left:0%;
  top:0%;
  width:100%;
  height:100%;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.in_3 .bg .pic.on {
   width:100%;
  height:100%;
  opacity: 0.7;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  z-index: 10;
}
.in_3 .rowMain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  height: calc(100% - 1.3rem);
  top: 1.3rem;
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  pointer-events: none;
}
.in_3 .rowMain .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  top: auto;
  height: calc(100% + 1.3rem);
  bottom: 0;
}
.in_3 .rowMain .mask:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
}
.in_3 .rowMain .con {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.in_3 .rowMain .con > div {
  position: relative;
  margin-top: -0.65rem;
}
.in_3 .rowMain .con > div h2 {
  line-height: 1;
  margin-bottom: 0.4rem;
  opacity: 0;
  width:12vw;
  float:right;
}
.in_3 .rowMain .con > div p {
  line-height: 1;
  opacity: 0;
  width:12vw;
  float:right;
}
.in_3 .rowMain .con > div .ad {
  position: absolute;
  top: 0;
  opacity: 0;
  right: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.4rem;
  color: #fff;
}
.in_3 .rowMain .con .cirBox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 24vw;
  height: 24vw;
  transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
}
.in_3 .rowMain .con .cirBox .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.in_3 .rowMain .con .cirBox svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.in_3 .rowMain .con .cirBox svg circle {
  stroke-width: 2px;
  stroke: #fff;
  stroke-dasharray: 400%;
  transition: stroke-dashoffset 0.6s ease-out;
  -webkit-transition: stroke-dashoffset 0.6s ease-out;
  -moz-transition: stroke-dashoffset 0.6s ease-out;
  -o-transition: stroke-dashoffset 0.6s ease-out;
  -ms-transition: stroke-dashoffset 0.6s ease-out;
}
.in_3 .rowMain .con .cirBox svg#cirBg circle {
  stroke: rgba(255, 255, 255, 0.2);
  stroke-dashoffset: 85%;
}
.in_3 .rowMain .con .cirBox svg#cirCon {
  display: none;
}
.in_3 .rowMain .con .cirBox svg#cirCon circle {
  stroke-dashoffset: 198%;
}
.in_3 .other {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: calc(100% - 1.3rem);
  top: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15vw;
  z-index: 13;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
}
.in_3 .other #clock {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 30;
  width: 30vw;
  height: 30vw;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
.in_3 .other #clock > img {
  height: 100%;
  position: absolute;
  z-index: 3;
}
.in_3 .other #clock .time-box {
  pointer-events: none;
  z-index: 5;
  position: absolute;
  width: calc(100% + 44px);
  height: calc(100% + 44px);
  top: -22px;
  left: -22px;
}
.in_3 .other #clock .time-box > ul {
  width: 0;
  position: absolute;
}
.in_3 .other #clock .time-box > ul.time-num {
  transform: scale(1.2);
  bottom: 55%;
  left: 50%;
  height: 50%;
}
.in_3 .other #clock .time-box > ul.time-num > li > i {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.in_3 .other #clock .time-box > ul.time-num > li.on > i {
  opacity: 1;
}
.in_3 .other #clock .time-box > ul > li {
  height: calc(100% + 7.5px);
  position: absolute;
  top: -8px;
  left: 0;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.in_3 .other #clock .time-box > ul > li i {
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}





















@media screen and (min-width: 1025px) {
  .in_3 .other #clock .time-box > ul > li:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(1) i {
    transform: translateX(-50%) rotate(0deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(2) {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(2) i {
    transform: translateX(-50%) rotate(-72deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(3) {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(3) i {
    transform: translateX(-50%) rotate(-144deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(4) {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(4) i {
    transform: translateX(-50%) rotate(-216deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(5) {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
  }
  .in_3 .other #clock .time-box > ul > li:nth-of-type(5) i {
    transform: translateX(-50%) rotate(-288deg);
  }
  
}
.in_3 .other #clock .time-box > ul.time-cir {
  transform-origin: 50% 50%;
  bottom: 50%;
  left: 50%;
  height: 50%;
}
.in_3 .other #clock .time-box > ul.time-cir > li > i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  color:#fff;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  border: 2px solid;
  opacity: 0.8;
  cursor: pointer;
  pointer-events: auto;
  border-color: transparent;
}

.in_3 .other #clock .time-box > ul.time-cir > li > i > a{
  
  color:#fff;
}


@media screen and (max-width: 600px) {
  .in_3 .other #clock .time-box > ul.time-cir > li > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    line-height: 6px;
    text-align: center;
  }
}
.in_3 .other #clock .time-box > ul.time-cir > li > i > span {
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
}
@media screen and (max-width: 600px) {
  .in_3 .other #clock .time-box > ul.time-cir > li > i > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    line-height: 8px;
    text-align: center;
  }
}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a {
  position: absolute;
  opacity: 0;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a small {
  font-size: 0.5rem;
  line-height: 1;
  display: inline-block;
}
.in_3 .other #clock .time-box > ul.time-cir > li > i > a small img{
  width:60px;
  margin:0;
}


.in_3 .other #clock .time-box > ul.time-cir > li > i > a em {
  white-space: nowrap;
  display: block;
  line-height: 1;
  font-style:normal;
  font-size:18px;
}
.in_3 .other #clock .time-box > ul.time-cir > li.on {
  pointer-events: none;
}
.in_3 .other #clock .time-box > ul.time-cir > li.on > i {
  opacity: 1;
  pointer-events: none;
  border-color: #fff;
}
@media screen and (min-width: 1025px) {
	
   
  .in_3 .other #clock .time-box > ul.time-cir > li:nth-child(1) > i > a {
    left: 0px;
    bottom:70px;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transition-delay: 4s;
  }
  .in_3 .other #clock .time-box > ul.time-cir > li:nth-child(2) > i > a {
    left: calc(100% + 20px);
    top:-30px;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transition-delay: 4.1s;
  }
  .in_3 .other #clock .time-box > ul.time-cir > li:nth-child(3) > i > a {
    right: calc(100% - 90px);
    top: 60px;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transition-delay: 4.2s;
  }
  .in_3 .other #clock .time-box > ul.time-cir > li:nth-child(4) > i > a {
    right: calc(100% - 30px);
    bottom:-100px;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transition-delay: 4.3s;
  }
  .in_3 .other #clock .time-box > ul.time-cir > li:nth-child(5) > i > a {
    right: calc(100% + 30px);
    bottom:-10px;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transition-delay: 4.3s;
  }
}
.in_3 .other #clock .time-move {
  z-index: 4;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  top: -5px;
}
@media screen and (min-width: 600px) {
  .in_3 .other #clock .time-move canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: -1px;
  }
}
@media screen and (max-width: 600px) {
  .in_3 .other #clock .time-move canvas {
    width: 100%;
  }
}
.in_3 .other #clock .msg-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.in_3 .other #clock .msg-box .msg_1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 78%;
  height: 72%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.in_3 .other #clock .msg-box .msg_1 > li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  min-height: 168px;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column; 
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.on,
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.next {
   display: flex;
}









.in_3 .other #clock .msg-box .msg_1 > li .time-note > li i {
  font-size: 0.8rem;
  color: #fff;
  line-height: 0.8rem;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li h3 {
  color: #fff;
  line-height: 1;
  margin: 0.6rem 0 0.3rem 0;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li > small {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  line-height:2;
  font-size:14px;
  height: 108px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top:20px;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 {
  display: inline-block;
  margin-top: 0.7rem;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span {
  display:block;
  width: 130px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 25%, #ffffff 75%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, #ffffff 75%);
  background-position: 1% 50%;
  background-size: 400% 300%;
  border: 1px solid #fff;
  -webkit-transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius:4px;
}
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li .layout-btn-5 > span:hover {
  color: #000;
  background-position: 99% 50%;
}

.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.on .layout-btn-5,
.in_3 .other #clock .msg-box .msg_1 > li .time-note > li.next .layout-btn-5 {
  pointer-events: auto;
}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn {
  display: flex;
  border-radius: 6px;
  margin-top: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 0.58rem;
  background-color: #fff;
  color: #808080;
  max-width: 160px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn > i {
  color: #ac0d14;
  font-size: 26px;
  margin-left: 10px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn:hover {
  background-color: #ac0d14;
  color: #fff;
  box-shadow: 0 5px 12px -3px rgba(0, 0, 0, 0.12);
}
.in_3 .other #clock .msg-box .msg_1 > li .layer-btn:hover > i {
  color: #fff;
}
.in_3 .other .dotBox {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.in_3 .other .dotBox > li {
  position: relative;
  margin: 0.2rem 0;
  cursor: pointer;
}
.in_3 .other .dotBox > li svg {
  display: block;
  width: 38px;
  height: 38px;
  position: relative;
  z-index: 5;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.in_3 .other .dotBox > li svg circle {
  stroke-width: 2px;
  stroke: #fff;
  stroke-dasharray: 300%;
  stroke-dashoffset: 300%;
  transition: stroke-dashoffset 0.01s ease-out;
  -webkit-transition: stroke-dashoffset 0.01s ease-out;
  -moz-transition: stroke-dashoffset 0.01s ease-out;
  -o-transition: stroke-dashoffset 0.01s ease-out;
  -ms-transition: stroke-dashoffset 0.01s ease-out;
}
.in_3 .other .dotBox > li span {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  border: 2px solid transparent;
  border-radius: 50%;
  transition: border-color 0.6s ease-out;
  -webkit-transition: border-color 0.6s ease-out;
  -moz-transition: border-color 0.6s ease-out;
  -o-transition: border-color 0.6s ease-out;
  -ms-transition: border-color 0.6s ease-out;
}
.in_3 .other .dotBox > li span:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.in_3 .other .dotBox > li.on svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 5s ease-out;
  -webkit-transition: stroke-dashoffset 5s ease-out;
  -moz-transition: stroke-dashoffset 5s ease-out;
  -o-transition: stroke-dashoffset 5s ease-out;
  -ms-transition: stroke-dashoffset 5s ease-out;
}
.in_3 .other .dotBox > li.on span {
  border-color: rgba(255, 255, 255, 0.3);
}
.in_3 .other.on {
  opacity: 1;
  pointer-events: auto;
}
.in_3.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
.in_3.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}
.in_3.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
.in_3.active .rowMain {
  opacity: 0;
  transition-delay: 2s;
}
.in_3.active .rowMain .con .cirBox {
  width: 30vw;
  height: 30vw;
  transition-delay: 0.5s;
}
.in_3.active .rowMain .con .cirBox img {
  animation: loopCir 10s linear infinite;
  animation-fill-mode: both;
  backface-visibility: hidden;
}

.in_3.active .rowMain .con > div{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
	width:20vw;
    height: 20vw;
    transition-delay: 0.5s;
}



.in_3.active .rowMain .con > div h2 {
  animation: ani1 2s ease-in-out;
  animation-fill-mode: both;
  color:#fff;
  font-size:32px;
  line-height:2;
  margin-top:25%;
}
.in_3.active .rowMain .con > div p {
  animation: ani1 2s ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0.1s;
  color:#fff;
  font-size:14px;
  line-height:2;
}
.in_3.active .rowMain .con > div .ad {
  animation: ani1 2s ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  color:#fff;
  font-size:108px;
  line-height:2;
}
.in_3.active .other #clock .time-box .time-cir > li i > a {
  transform: none !important;
  opacity: 1;
}


.rkbx .msuf{
	width:100%;
	overflow:hidden;
	margin-top:100px;
}
.rkbx .msuf .msufl{
	width:35%;
	float:left;
	overflow:hidden;
	font-size:96px;
	line-height:120px;
	text-align:right;
	color:#fff;
	font-weight:bold;
}
.rkbx .msuf .msufr{
	text-align:left;
	width:60%;
	float:right;
	overflow:hidden;
	font-size:36px;
	line-height:120px;
	color:#fff;
	font-weight:bold;
}
.rkbx .msug{
	text-align:center;
	width:100%;
	float:left;
	overflow:hidden;
	font-size:24px;
	line-height:60px;
	color:#fff;
}






.in_3 .in3_txt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.in_3 .in3_txt .con{display: flex;justify-content: space-between;padding-right: 8.4%;height: 100%;}

.in_3 .in3_txt .con .txt_le{width: 55%;}

.in_3 .in3_txt .con .txt_le .le_img{position: relative;height: 100%;}

.in_3 .in3_txt .con .txt_le .le_img img{width: 100%;height: 100%;transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .le_img img.ding{position: absolute;left: 0;top: 0;}

.in_3 .in3_txt .con .txt_re{width: 32.95%;padding-top: 26.3vh;}

.in_3 .in3_txt .con .txt_re .re1{margin-bottom: 50px;}

.in_3 .in3_txt .con .txt_re .re2{margin-bottom: 20px;}

.in_3 .in3_txt .con .txt_re .re3{line-height: 30px;color: #555555;margin-bottom: 55px;text-align: justify;}

.in_3 .in3_txt .con .txt_re .ul{position: relative;width: 100%;height: 100%;}

.in_3 .in3_txt .con .txt_re .ul .li{position: absolute;left: 0;top: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(30px);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les{width: 0%;position: absolute;cursor: pointer;}

.in_3 .in3_txt .con .txt_le .le1{top: 31.6vh;left: 49.3%;}

.in_3 .in3_txt .con .txt_le .le2{top: 45.26vh;left: 50.2%;}

.in_3 .in3_txt .con .txt_le .le3{top: 58.95vh;left: 50.2%;}

.in_3 .in3_txt .con .txt_le .le4{top: 72.6vh;left: 49.3%;}

.in_3 .in3_txt .con .txt_le .les .l2{width: 50px;height: 50px;border: 2px solid rgba(1, 64, 153, 0.3);position: absolute;border-radius: 50px;left: 0;top: 0;transform: translate(-50%,-50%);opacity: 0;}

.in_3 .in3_txt .con .txt_le .les .l2::after{width: 50px;height: 50px;border-right: 2px solid #007EC4;content: "";left: -2px;top: -2px;border-radius:  0  100% 100% 100%;position: absolute;transform: rotate(-45deg);transition: all 0.6s;}


.in_3 .in3_txt .con .txt_le .les .l1{width: 8px;height: 8px;border-radius: 10px;background: #007EC4;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.in_3 .in3_txt .con .txt_le .les .l3{width: 150px;position: absolute;left: 15px;top: -10px;}

.in_3 .in3_txt .con .txt_re .ul .li.act{opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;transform: translate(0);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les.act .l3{left: 35px;}

.in_3 .in3_txt .con .txt_le .les.act .l2{opacity: 1;}

.in_3 .in3_txt .con .txt_le .les:hover .l2{opacity: 1;}

.in_3 .in3_txt .con .txt_le .les:hover .l2::after{transform: rotate(360deg);transition: all 0.6s;}

.in_3 .in3_txt .con .txt_le .les:hover .l3{left: 35px;}



.in_3 .inx_con.rpc{
	display:block;
}

.in_3 .inx_con.rmb{
	display:none;
	
}

.in_3 .inx_con.rmb .noct{
	width:100%;
	overflow:hidden;
}
h2.ntc{
	width:90%;
	margin:0 auto;
	color:#333;
	font-size:24px;
	line-height:2;
	font-weight:bold;
	overflow:hidden;
	margin-top:60px;
	margin-bottom:20px;
}

.rbsm{
	position:relative;
	width:100%;
	overflow:hidden;
}
.rbsm img{
	width:100%;
}
.rbsm p{
	position:absolute;
	width:100px;
	left:0%;
	top:10%;
	font-size:14px;
	line-height:40px;
	background:rgb(0,0,0,0.5);
	color:#fff;
	text-align:center;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}


.noct .swiper-pagination {
    position: absolute;
	width:90%;
	left:5%;
    text-align: right;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
	color:#fff;
}




.in_4 .in4_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.in_4 .in4_txt .con {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}





.in_4 .in4_txt .txt_le{width: 45%;display: flex;align-items: center;color: #fff;}

.in_4 .in4_txt .txt_re{width: 40%;color: #fff;}


.in_4 .in4_txt .txt_le.fn{width: 40%;display: flex;align-items: center;color: #fff;}

.in_4 .in4_txt .txt_re.fn{width: 50%;color: #fff;}



.in_4 .in4_txt .txt_le .lel{width: 374px;}
.in_4 .in4_txt .txt_le .lel img{width: 100%;}

.in_4 .in4_txt .txt_le .le1{margin-bottom: 50px;transform: translate(0, 100px) ;transition: all 1.5s ease-out;}

.in_4.active .in4_txt .txt_le .le1{transform: translate(0,0);transition: all 1.5s ease-out;}


.in_4.active .in4_txt .txt_le .le1.yp{
	margin-top:-20px;
}


.in_4 .in4_txt .txt_le .le00{
	width:100%;
	max-width:712px;
transform: translate(0, -100px) ;transition: all 1.5s ease-out;}

.in_4.active .in4_txt .txt_le .le00{transform: translate(0,0);transition: all 1.5s ease-out;}



.in_4 .in4_txt .txt_le .le00 img{
	width:100%;
}

.in_4 .in4_txt .txt_le .le1.nuf{margin-top:-20px;}






.in_4 .in4_txt .txt_le .le2{margin-bottom: 25px;display: flex;align-items: center;}

.in_4 .in4_txt .txt_le .le3{line-height: 30px;margin-bottom: 45px;text-align: justify;transform: translate(0, 100px);transition: all 1.5s ease-out;}
.in_4 .in4_txt .txt_le .le3.nos{line-height:2;color:#fff;opacity:0.8;margin-top:20px;}

.in_4.active .in4_txt .txt_le .le3{transform: translate(0,0);transition: all 1.5s ease-out;}

.in_4 .in4_txt .txt_le .le2 s{display: inline-block;width: 4px;height: 4px;border-radius: 5px;background: rgba(255, 255, 255, 1.5);margin: 0 18px;}


.sgea{
	position:relative;
	width:100%;
	overflow:hidden;
}
.sgea ul li{
	position:relative;
	width:50%;
	float:left;
	overflow:hidden;
}

.mcu{
	position:relative;
	margin:10px;
	overflow:hidden;
	border:1px solid #aaa;
}
.mcu:hover{
	border:1px solid #007ec4;
}

.mcuf{
	position:absolute;
	width:0%;
	height:0%;
	left:50%;
	bottom:50%;
	opacity:0;
	background:#007ec4;
	transition: all 0.5s ease-out;
	z-index:1;
}



.mcu:hover .mcuf{
	width:100%;
	height:100%;
	left:0%;
	bottom:0%;
	opacity:0.8;
	transition: all 0.5s ease-out;
}



.mcu img{
	position:relative;
	width:70px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	margin-top:70px;
	z-index:2;
}

.mcu img.ngh{
	display:block;
}
.mcu img.ngg{
	display:none;
}

.mcu:hover img.ngh{
	display:none;
}
.mcu:hover img.ngg{
	display:block;
}




.mcu p{
	position:relative;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:2;
	margin-top:20px;
	margin-bottom:80px;
	z-index:3;
}


.page2-right___WleZD {
	position:relative;
	width: 47.5rem;
    height: 47.5rem;
}

.page2-right___WleZD .orange-ring___TYQvl {
    width: 100%;
    animation: img1_anim___4GyjF 15s linear infinite
}

@keyframes img1_anim___4GyjF {
    0% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(0deg)
    }
}

.page2-right___WleZD span .right-ring___3-hlB {
    width: 37.25rem;
    height: 37.25rem;
    border: .08333rem solid hsla(0,0%,100%,.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page2-right___WleZD img:nth-child(3) {
    width: 23.66667rem;
    height: 23.66667rem;
    position: absolute;
    top: 11.83333rem;
    left: 11.83333rem;
    animation: img3_anim___LDdA5 15s linear infinite
}

@keyframes img3_anim___LDdA5 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.page2-right___WleZD img:nth-child(4) {
    width: 31.16667rem;
    height: 31.16667rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page2-right___WleZD .right-inner-text___1CXnx {
    width: 31.16667rem;
    height: 31.16667rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.page2-right___WleZD .right-inner-text___1CXnx div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page2-right___WleZD .right-inner-text___1CXnx div span {
    font-size: 1.16667rem;
    font-family: MEIDITYPE-REGULAR,MEIDITYPE;
    font-weight: 400;
    color: #fff;
    line-height: 2.33333rem
}

.page2-right___WleZD .right-inner-text___1CXnx div:first-child {
    top: 9rem;
    width: calc(100% - 19.66666rem)
}

.page2-right___WleZD .right-inner-text___1CXnx div:nth-child(2) {
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 15.66666rem)
}

.page2-right___WleZD .right-inner-text___1CXnx div:nth-child(3) {
    bottom: 9rem;
    width: calc(100% - 19.66666rem)
}

.right-circle___3yAY2 {
    width: 44.16667rem;
    height: 44.16667rem;
    position: absolute;
    top: 1.58333rem;
    left: 1.58333rem;
    animation: circle_anim___3LZno 15s linear infinite
}

@keyframes circle_anim___3LZno {
    0% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(405deg)
    }
}

.right-circle___3yAY2 img {
    width: 100%;
    transform: rotate(-40deg);
    height: 100%
}

.right-circle___3yAY2 div:nth-child(2) {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(120deg);
    transform-origin: center center
}

.right-circle___3yAY2 div:nth-child(3) {
    transform: rotate(240deg);
    transform-origin: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.circleText___1hmJB {
    width: 57.25rem;
    height: 57.25rem
}

.circleText___1hmJB text {
    font-family: Arial,sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    fill: #fff
}

.circleText___1hmJB textPath {
    text-anchor: start
}







.guonei{position: absolute;left:0 ;top: 0;width: 100%;z-index: -2;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.6s;}

.guonei.act{z-index: 5;opacity: 1;visibility: visible;pointer-events: visible;transition: all 2s;}

.in_5 .in5_img img{width: 100%;}


.in_5 .inx_con .inx_img{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.in_5 .in5_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.in_5 .in5_txt .con {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}


.in_5 .in5_txt .txt_le{width:30%;display: flex;align-items: center;color: #fff;}

.in_5 .in5_txt .txt_re{width:70%;color: #fff;height:100%;}

.in_5 .in5_txt .txt_le .le1{transform: translate(0, -100px) ;transition: all 1.5s ease-out;}


.in_5.active .in5_txt .txt_le .le1{transform: translate(0, 0px) ;transition: all 1.5s ease-out;}


.jiaox2l a{
	color:#fff;
}

.jiaox2l1 a{
	color:#fff;
}

.jiaox2l img{
	display:block;
	float:left;
	transform: translate(0, 10px) ;
	margin-left:10px;
}



.glbo{
	position:relative;
	width:100%;
	height:100%;
}

.glboa{
	position:absolute;
	width:100%;
	left:0%;
	bottom:0%;
}
.glboax{
	position:relative;
	width:100%;
}

.glboax img{
	width:100%;
}

.rngy{
	position:absolute;
	width:10px;
	height:10px;
	background:#007ec4;
	border-radius:50%;
	display:none;
}







.rngy.ryyo{
	display:block;
}


.rngyx{
	position:relative;
	width:100%;
	height:100%;
}


.rngyx::before{
	content:"";
	position:absolute;
	width:22px;
	height:22px;
	border:2px solid #007ec4;
	left:-6px;
	top:-6px;
	background:rgb(0,126,196,0.3);
	border-radius:50%;
}
.rngyx::after{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	left:-7px;
	top:-7px;
	background:rgb(0,126,196);
	border-radius:50%;
	opacity:0.3;
	transform: scale(1);
	animation:cclod  1.5s infinite linear alternate;
}

@keyframes cclod {
    0%{transform: scale(1);}
    100%{transform: scale(1.8);}

}

.rngb{
	position:absolute;
	width:628px;
	background:#fff;
   transform: translate(0,-50px);
   opacity:0;
   transition: all 1s ease-out;
}


.ryy1{
	left:58%;
	top:68%;
}

.rbb1{
	left:46%;
	bottom:38%;
}


.ryy2{
	left:58%;
	top:67%;
}

.rbb2{
	left:46%;
	bottom:39%;
}

.ryy3{
	left:62%;
	top:58%;
}

.rbb3{
	left:50%;
	bottom:48%;
}

.ryy4{
	left:58.5%;
	top:69%;
}

.rbb4{
	left:46.5%;
	bottom:37%;
}

.ryy5{
	left:59.5%;
	top:57%;
}

.rbb5{
	left:47.5%;
	bottom:47%;
}

.ryy6{
	left:12%;
	top:45%;
}

.rbb6{
	left:0%;
	bottom:58%;
}

.ryy7{
	right:0%;
	top:58%;
}

.rbb7{
	left:50%;
	bottom:47%;
}










.rngb.rbbo{
	transform: translate(0,0px);
   opacity:1;
   transition: all 1s ease-out;
}
.tuux{
	margin:10px;
}

.tuux img{
	width:100%;
}

.rngb p{
	color:#333;
	margin:20px 30px 20px 30px;
}



.in_5 .in5_txt .con .txt_le a{
    color:#fff;
}

.in_5 .in5_txt .con .txt_le a.rvo{
	font-weight:bold;
}





.in_5 .in5_txt .con .txt_le .lexian{
	margin-top:20px;
	width:40px;
	height:2px;
	background: #007EC4;
}

.in_5 .in5_txt .con .txt_le .le3{
	margin-top:10px;transform: translate(0, 100px) ;transition: all 1.5s ease-out;}


.in_5.active .in5_txt .txt_le .le3{transform: translate(0, 0px) ;transition: all 1.5s ease-out;}
.in_5 .in5_txt .con .txt_le .le3 a{
	margin-right:20px;
	margin-top:20px;
}

.in_5 .in5_txt .con .txt_le .le4{
	margin-top:60px;
	display:none;
transform: translate(0, 100px) ;transition: all 1.5s ease-out;}


.in_5.active .in5_txt .txt_le .le4{transform: translate(0, 0px) ;transition: all 1.5s ease-out;}
.in_5 .in5_txt .con .txt_le .le4.bovo{
	display:block;	
}


.in_5 .in5_txt .con .txt_le .le4 p{
	margin-top:20px;
	line-height:2;
}
.in_5 .in5_txt .con .txt_le .le4 p b{
	font-weight:bold;
}

.in_5 .in5_txt .con .txt_le .le4 p b img{
	width:25px;
	float:left;
	margin-right:10px;
}





.in_5 .inx_con .sw_con{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}

.in_5 .inx_con .sw_con .con_img{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}
.in_5 .inx_con .sw_con .con_img video{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.in_5 .inx_con .sw_con .zhezz{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0%;
	top:0%;
	background:#000;
	opacity:0.6;
}

.in_5 .inx_con .sw_con .con_txt{
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0%;
	top:0%;
}

.in_5 .inx_con .sw_con .con_txt .txt{
	width:83%;
	max-width:1600px;
	margin:0 auto;
	text-align:center;
	margin-top:20%;
}

.in_5 .inx_con .sw_con .con_txt .txt .t1{
	width:100%;
	max-width:499px;
	margin:0 auto;
transform: translate(0px, -100px) ;transition: all 1.5s ease-out;}
.in_5.active .inx_con .sw_con .con_txt .txt .t1{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}

.in_5 .inx_con .sw_con .con_txt .txt .t1 img{
	width:100%;
}

.in_5 .inx_con .sw_con .con_txt .txt .t2{
	margin-top:-10px;
	color:#fff;
transform: translate(0px, 100px) ;transition: all 1.5s ease-out;}
.in_5.active .inx_con .sw_con .con_txt .txt .t2{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}



.in_5 .inx_con .sw_con .con_txt .txt .ship_bb{
	width:100%;
	max-width:100px;
	margin:0 auto;
	margin-top:60px;
}
.in_5 .inx_con .sw_con .con_txt .txt .ship_bb img{
	width:100%;
}


.in_6 .inx_con .inx_img{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.in_6 .in6_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.in_6 .in6_txt .con {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}


.in_6 .in6_txt .txt_le{width:100%;display: flex;align-items: center;color: #fff;}



.in_6 .inx_con .brbg{
	position:absolute;
	width:50%;
	height:100%;
	left:0%;
	top:0%;
	background: #F6F9FC;
}
.in_6 .inx_con .brbg1{
	position:absolute;
	width:70%;
	height:100%;
	max-width:1400px;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background: #F6F9FC;
}




.in_6 .inx_con .nbgs{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
}


.in_5 .inx_con .brbg{
	position:absolute;
	width:50%;
	height:100%;
	left:0%;
	top:0%;
	background: #F6F9FC;
}
.in_5 .inx_con .brbg1{
	position:absolute;
	width:70%;
	height:100%;
	max-width:1400px;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	background: #F6F9FC;
}


.rjek{
	position:relative;
	width:24px;
	float:right;
	margin-left:20px;
	cursor:pointer;
}

.rjek img{
	width:100%;
}
.rjekf{
	position:absolute;
	left:-70px;
	bottom:200%;
	overflow:hidden;
	width:0px;
	opacity:0;
	transition: all 0.5s ease-out;
	background:#fff;
}

.rjek:hover .rjekf{
	width:150px;
	opacity:1;
	transition: all 0.5s ease-out;
}



.rjekf img{
	width:130px;
	display:block;
	margin:10px;
	transition: all 0.5s ease-out;
}

.in_5 .inx_con .nbgs{
	position:absolute;
	width:100%;
	left:0%;
	top:0%;
}


.in_5.rosr .in5_txt .vkq {
    display:none;
	position:absolute;
	width:150%;
	left:-25%;
	bottom:0%;
}
.in_5.rosr .in5_txt .vkq img {
    width:100%;
}
.in_5.rosr .in5_txt .vkqq {
    display:none;
	position:relative;
	width:300px;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:60px;
}

#vsg{
	width:2300px;
	overflow:hidden;
}
.keq1{
	margin-left:0px;
	transition: all 1s ease-out;
}
.keq2{
	margin-left:-320px;
	transition: all 1s ease-out;
}
.keq3{
	margin-left:-640px;
	transition: all 1s ease-out;
}
.keq4{
	margin-left:-960px;
	transition: all 1s ease-out;
}
.keq5{
	margin-left:-1280px;
	transition: all 1s ease-out;
}

.keq6{
	margin-left:-1600px;
	transition: all 1s ease-out;
}
.keq7{
	margin-left:-1920px;
	transition: all 1s ease-out;
}


#vsg ul li{
	width:300px;
	overflow:hidden;
	margin-right:20px;
	float:left;
}

#vsg ul li img{
	width:100%;
}








.nbgt{
	width:83%;
	max-width:1600px;
	margin:0 auto;
	margin-top:8%;
}

.nbgt1{
	width:233px;
	overflow:hidden;
	margin:0 auto;
transform: translate(0px, -100px) ;transition: all 1.5s ease-out;}
.in_6.active .nbgt1{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}
.in_5.active .nbgt1{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}

.nbgt2{
	text-align:center;
	color:#333;
	margin-top:-5px;
transform: translate(0px, 100px) ;transition: all 1.5s ease-out;}
.in_6.active .nbgt2{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}
.in_5.active .nbgt2{
	
	transform: translate(0px, 0px) ;transition: all 1.5s ease-out;
}

.nbgsn{
	position:relative;
	width:83%;
	max-width:1600px;
	margin:0 auto;
	margin-top:60px;
}
.nbgsn .swiper.mySwiper{
	overflow:visible;
	z-index:2;
}

.rbsy{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:60px;
}

.rbsy::before{
	content:"";
background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.1) 60% ,rgba(0, 0, 0, 0) 102.69%);
position:absolute;
width:100%;
height:30%;
left:0%;
bottom:0%;
z-index:1;
}



.rbsy img{
	width:100%;
}
.rbsy p{
	position:absolute;
	width:83%;
	left:50%;
	bottom:20px;
	transform: translate(-50%,0);
	font-size:14px;
	color:#fff;
	line-height:2;
z-index:2;
}

.nbgsn .swiper .swiper-pagination {
    position: absolute;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}


.nbgsn .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0px);
}

.nbgsn .swiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 80px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 0px);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}


.nbgsn .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--swiper-pagination-bullet-inactive-color, #007ec4);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}


.ycng{
	position:absolute;
	width:100%;
	left:0%;
	bottom:0%;
	overflow:hidden;
	z-index:1;
}

.ycng .swiper{
	width:83%;
	max-width:1400px;
	margin:0 auto;
}

.ycng .swiper .swiper-pagination {
    position: absolute;
    text-align: right;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.ycng .swiper .swiper-slide {
    padding-bottom:60px;
}




.leuts1{
	position:relative;
	width:100%;
	font-size:14px;
	color:#007ec4;
	line-height:2;
	overflow:hidden;
transform: translate(0, -100px) ;transition: all 1.5s ease-out;}
.in_6.active .leuts1{
	display:block;
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}

.leuts2{
	position:relative;
	width:100%;
	font-size:48px;
	color:#007ec4;
	font-weight:bold;
	line-height:2;
	margin-top:10px;
	overflow:hidden;

transform: translate(0, 100px) ;transition: all 1.5s ease-out;}
.in_6.active .leuts2{
	display:block;
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}


.lomro{
	position:relative;
	width:160px;
	height:50px;
	color:#007ec4;
	text-align:center;
	border:1px solid #007ec4;
	line-height:50px;
	overflow:hidden;
	margin-top:40px;
	border-radius:4px;
transform: translate(0, 100px) ;transition: all 1.5s ease-out;}
.in_6.active .lomro{
	display:block;
	transform: translate(0, 0px) ;transition: all 1.5s ease-out;
}

.lomro:hover{
	color:#fff;
	background:#007ec4;
	}


.in6foot{
	position:absolute;
	width:100%;
	background:rgb(0,126,196,0.9);
	left:0%;
	bottom:0%;
}

.jiaox{
	width:83%;
	margin:0 auto;
	max-width:1600px;
}

.jiaox1{
	position:relative;
	width:100%;
	height:40px;
	margin-top:40px;
	text-align:right;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}


.jiaox2{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:20px;
	padding-bottom:60px;
}
.jiaox2l{
	position:relative;
	width:50%;
	overflow:hidden;
	float:left;
	color:#fff;
	font-size:14px;
	opacity:0.8;
}

.jiaox2l1{
	position:relative;
	width:50%;
	overflow:hidden;
	float:left;
	color:#fff;
	font-size:14px;
	opacity:0.8;
	display:none;
}

.jiaox2r{
	position:relative;
	width:50%;
	overflow:hidden;
	float:right;
	text-align:right;
}
.jiaox2r a{
	color:#fff;
	margin-left:20px;
}


.rdstit{
	position:absolute;
	width:100%;
	overflow:hidden;
	top:15%;
	left:0%;
	text-align:center;
	font-size:48px;
	line-height:1.2;
	font-weight:bold;
	color:#fff;
transform: translate(0, -100px) ;transition: all 1.5s ease-out;}

.active .rdstit{transform: translate(0,0);transition: all 1.5s ease-out;}

.in_7 {background: #333333;}

/* .in_7  */

.in_7 .con_top{padding: 70px 0;display: flex;justify-content: space-between;}



.in_7 .con_top .top_le{width: 32.5%;color: rgba(255, 255, 255, 0.6);}

.in_7 .con_top .top_re{width: 59.375%;}

.in_7 .con_top  .top_le .le2{display: flex;margin-top: 60px;}

.in_7 .con_top  .top_le .le_le{width: 90px;text-align: center;margin-right: 20px;}

.in_7 .con_top  .top_le .le_re{width: calc(100% - 110px);}

.in_7 .con_top  .top_le .le_le img{margin-bottom: 10px;}

.in_7 .con_top  .top_le .re1{display: flex;align-items: flex-start;line-height: 20px;margin-bottom: 17px;}

.in_7 .con_top  .top_le .re1 span:first-child{display: flex;align-items: center;}

.in_7 .con_top  .top_le .re1 .ls{width: calc(100% - 80px);}

.in_7 .con_top  .top_le .re1 s{display: block;width: 1px;height: 13px;background: rgba(255, 255, 255, 0.6);margin: 0 7px 0 10px;}

.in_7 .con_top  .top_le .re1 a{display: block;color:rgba(255, 255, 255, 0.6);}

.in_7 .con_top .top_re  .ul{display: flex;justify-content: space-between;}


.in_7 .con_top .top_re .li a:first-child{font-weight: bold;font-size: 18px;color: #fff;height: 40px;line-height: normal;}

.in_7 .con_top .top_re .li a{color: rgba(255, 255, 255, 0.6);display: block;line-height: 35px;}

.in_7 .con_bot{display: flex;justify-content: space-between;height: 60px;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1);}

.in_7 .con_bot a,.in_7 .con_bot span{display: block;color: rgba(255, 255, 255, 0.6);}

.in_7 .con_bot .bot_le{display: flex;}

.in_7 .con_bot .bot_re{display: flex;}

.in_7 .con_top  .top_le .re1 a:hover{color:#fff;}

.in_7 .con_top .top_re .li a:hover{color: #fff;}

.in_7 .con_bot a:hover{color: #fff;}



.a_dw{position: relative;top: -50px;display: none;}




@media screen and (max-width:1680px) {
    .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: 22px;}
    .f_28{font-size: 26px;}
    .f_32{font-size: 26px;}
    .f_36{font-size: 32px;}
    .f_42{font-size: 36px;}
    .f_48{font-size: 40px;}
    .f_54{font-size: 46px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 42px;}
    .f_72{font-size: 52px;}
    .f_88{font-size: 60px;}
    .p_100{padding: 70px 0;}
    .p_100_45{padding: 70px 0 30px;}
    .p_100_120{padding: 70px 0 80px;}
    .pb_120{padding-bottom: 80px;}
    .p_100_80{padding: 70px 0 50px;}
    .p_75_100{padding: 50px 0 70px;}
    .p_20_120{padding: 20px 0 80px;}
    .p_80{padding: 50px 0;}
    .p_100_50{padding: 70px 0 30px;}
    .p_80_100{padding: 50px 0 70px;}

    .p_100_60{padding: 70px 0 50px;}
    
    .nav .nav_con .ul .li{padding: 0 20px ;}

    .in_2 .in2_txt .txt .txt_re .li .li_re{width: 50%;}

    .in_2 .in2_txt .txt .txt_re .li{padding: 30px 0;}

.jiaox2r {
   display:none;
}
.jiaox2l {
    width: 100%;
    text-align: center;
} 
.jiaox1 {
    text-align:center;
	margin-top:20px;
}
.jiaox1 img {
    margin-left: 10px;
	margin-right: 10px;
} 
.jiaox2 {
    padding-bottom:20px;
} 
 
 
}

@media screen and (max-width:1400px) {
	




	
	
    .nav .nav_con .ul .li{padding: 0 15px;}

    .nav .nav_con .nav_txt .txt_re .re1{padding: 0 15px;}

    .nav .nav_con .nav_txt .txt_re .re2{padding: 0 15px;}

    .nav .nav_con .nav_txt .txt_re .re3{padding-left: 15px;}

    .nav .nav_con .logo a img{width:150px;}
}

@media screen and (max-width:1100px) {
    .nav .nav_con .logo a img{width: 70px;}
}


@media screen and (max-width:1050px) {

.jiaox1{
	display:none;
}


.uad h3 {
    transform: translate(0, 0px);
	font-size:18px;
	line-height:2;
}	

.uad h2 {
    transform: translate(0, 0px);
	font-size:24px;
	line-height:2;
}
.uad p {
    transform: translate(0, 0px);
	margin-bottom:60px;
}

.in_2 .in2_txt .txt .txt_leff{
	display:block;
	width:100%;
	margin-top:60px;
}

.in_1 .sw_con .con_txt {
    position: relative;
    height: auto;
}


.in_1 .sw_con .con_img {
	position:absolute;
    width: 100%;
    height: 100%;
	left:0%;
	top:0%;
	z-index:-1;
}

.in_1 .sw_con .con_txt {
    padding-top:20px;
    transform: translate(0, 0px);
	padding-bottom:180px;
}

.in_2 .in2_txt .txt .txt_reff {
    width:100%;
    transform: translate(0px, 0px);
}



.in_2 .inx_f1{left: 0;top: 0%;opacity:1;transition: all 1s ease-out;}
.in_2 .inx_f2{left: 0%;top: 0;opacity:1;transition: all 1s ease-out;}

.in_2 .in2_txt .txt .txt_le {
    width:100%;

}

.in_2 .in2_txt .txt .txt_le .le{
	width:100%;
}

.in_2 .in2_txt .txt .txt_le .le1{transform: translate(0,0);transition: all 1.3s ease-out;margin-top:40px;}

.in_2 .in2_txt .txt .txt_le .le3{transform: translate(0,0);transition: all 1.3s ease-out;}

.in_2 .lmor{
	width: 150px;
    overflow: hidden;
    margin-top:20px;

    text-align: center;
    font-size: 14px;
    line-height: 50px;
    border-radius: 6px;
	margin-bottom:0px;
	
	transform: translate(0,0);transition: all 1.5s ease-out;}
.in_2 .in2_txt .txt .txt_re .ul {
    margin-bottom:100px;
	background:rgb(0,0,0,0.2);
	border-radius:8px;
	padding-bottom:0px;
}

.in_2 .in2_txt .txt .txt_re .li {
    padding: 20px 30px;
}



.in_3 .inx_con.rpc{
	display:none;
	
}

.in_3 .inx_con.rmb{
	display:block;
	background:#fff;
}

.in_4.kbo{
	background:#000;
}
.in_4 .in4_txt .txt_le {
	width:100%;
}
.in_4 .in4_txt .txt_re {
	width:100%;
}


.in_4.kbo .in4_txt .con {
    display: block;
    justify-content: space-between;
    height:auto;
    align-items: center;
	
}

.in_4 .in4_txt .txt_le .le00 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
}
.in_4 .in4_txt .txt_le .le1 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
	margin-bottom:20px;
}
.in_4 .in4_txt .txt_le .le3 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
}


.page2-right___WleZD {
    position: relative;
    width:380px;
    height:380px;
	margin-left:50%;
	transform: translate(-50%, 0px);
}
.page2-right___WleZD .right-inner-text___1CXnx {
    width:330px;
    height:330px;
}
.page2-right___WleZD img:nth-child(3) {
    display:none;
}

.page2-right___WleZD img:nth-child(4) {
   width:350px;
    height:350px;
}

.right-circle___3yAY2 {
     width:360px;
    height:360px;
   top:10px;
   left:10px;
}

.page2-right___WleZD .right-inner-text___1CXnx div:first-child {
    top:85px;
    width:140px;
}


.page2-right___WleZD .right-inner-text___1CXnx div span {
    font-size:14px;
    line-height: 2;
}
.page2-right___WleZD .right-inner-text___1CXnx div:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
}
.page2-right___WleZD .right-inner-text___1CXnx div:nth-child(3) {
    bottom:85px;
    width: 140px;
}

.in_5.rosr .in5_txt .con{
	display:block;
	height:auto;
}

.in_5.rosr .in5_txt .txt_le {
    width:100%;
    display:block;
    align-items: center;
    color: #fff;
	
}
.in_5 .in5_txt .txt_le .le1 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
	margin-top:40px;
}
.in_5 .in5_txt {
    position:relative;
	height:auto;
}

.in_5.rosr .in5_txt .txt_re {
    display:none;
}

.in_5.rosr .in5_txt .vkq {
    display:block;
}
.in_5.rosr .in5_txt .vkqq {
    display:block;
}



.in_5 .in5_txt .con .txt_le .le3 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
}

.in_5 .in5_txt .con .txt_le .le3 a {
    color:#fff;
}
.in_5 .in5_txt .con .txt_le .le3 a.rvo {
    color:#007ec4;
}
.in_5 .in5_txt .con .txt_le .le4 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
	margin-top:40px;
	margin-bottom:60px;
}

.in_5 .inx_con .inx_img {
    position: absolute;
    width: 100%;
    height: 100%;
	left:0%;
	top:0%;
}


.nbgsn .swiper.mySwiper {
    overflow:hidden;
}
.rbsy {
    margin-bottom:40px;
}

.ycng .swiper {
    width:100%;
}

.nbgsn .swiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size,20px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2px));
}

.nbgsn .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--swiper-pagination-bullet-inactive-color, #007ec4);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}


.in_6.nups .inx_con {
    height:auto;

}
h2.ntc {
    display:none;
}




.in_6.nups .in6_txt {
    position: relative;
    width: 100%;
    height: auto;
	padding-bottom:80px;
}

.in_6.nups .in6_txt .con{
     display: block;
    height: auto;
}


.in_6 .inx_con .inx_img {
    position:absolute;
    width: 100%;
    height: 100%;
	left:0%;
	top:0%;
	z-index:-1;
    overflow: hidden;
}




.in6foot {
    position:relative;
}

.leuts1 {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
	margin-top:40px;
}

.leuts2 {
	font-size:24px;
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
}

.lomro {
    transform: translate(0, 0px);
    transition: all 1.5s ease-out;
}


.jiaox2l{
	display:none;
}

.jiaox2l1{
	display:block;
	width:100%;
	text-align:center;
	line-height:2;
	margin-top:10px;
}

.jiaox2r{
	display:none;
}

.jiaox1 {
    text-align:center;
}
.jiaox1 img {
    margin-left:10px;
    margin-right:10px;
}






    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

    body{min-width: 200px;}

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

    .box{min-width: 200px;width: 90%;}
    .f_16{font-size: 14px;}
    .f_22{font-size: 18px;}
    
    .f_24{font-size: 18px;}
    .f_26{font-size: 18px;}
    .f_28{font-size: 20px;}
    
    .f_32{font-size: 22px;}
    .f_36 {font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_54{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_88{font-size: 24px;}
    .p_100{padding: 30px 0;}
    .p_100_45{padding: 30px 0 10px;}
    .p_100_120{padding: 30px 0;}
    .pb_120{padding-bottom: 30px;}
    .p_100_80{padding: 30px 0;}
    .p_80{padding: 30px 0;}
    .p_75_100{padding: 30px 0;}
    .p_20_120{padding: 20px 0 30px;}
    .p_100_50{padding: 30px 0;}
    .p_80_100{padding: 30px 0;}
    .p_100_60{padding: 30px 0;}
    
    .a_dw{display: block;}

    .nav{display: none;}

    .nav_y{display: block;}

    .in_1 .in1_sp{bottom: 25px;}

    .in_1 .in1_sp .swiper-pagination-bullet-active::before{left: -16px;top: -16px;}

    .in_1 .sw_con .con_txt .t1{margin-bottom: 10px;}

    .in_1 .sw_con .con_txt{padding-top: 150px;}

    .in_1 .in1_sp .swiper-pagination-bullet{margin: 0 20px;}

    .in_1 .in1_sp span::after{width: 40px;}

    .in_2{background: url(/zt/test/img/ind2_1.jpg) center no-repeat;background-size: cover;}

    .in_2 .inx_img{
		position:absolute;
		width:100%;
		height:100%;
		left:0%;
		top:0%;
		z-index:-1;
		
	}

    .in_2 .in2_txt{position: static;padding-bottom:0px;}

    .time{opacity: 1;padding: 0;}

    .in_2 .in2_txt .txt{flex-wrap: wrap;}

    .in_2 .in2_txt .txt .txt_le{width: 100%;padding-top: 35px;}

    .in_2 .in2_txt .txt .txt_re{padding-top:50px;width: 100%;}

    .in_2 .in2_txt .txt .txt_le .le1{margin-bottom: 30px;margin-top:80px;}

    .in_2 .in2_txt .txt .txt_le .le2{margin-bottom: 30px;}

   
    /* .in_2 .in2_txt .txt .txt_re .li{padding: 10px 0;} */


    .in_1 .sw_con .con_img video{display: none;}

    .in_2 .in2_txt .txt .txt_re .li .li_re{width: calc(100% - 90px);padding: 0;}

    .in_3 .in3_txt .con{flex-wrap: wrap;padding: 0;}

    .in_3 .in3_txt .con .txt_le{width: 100%;position: relative;color: #fff;}

    .in_3 .in3_txt .con .txt_re{width: 100%;}

   .in_3 .inx_img{display: none;}

   .in_3 .in3_txt{position: static;}

   .in_3 .in3_txt .con .txt_re{padding-top: 30px;}

   .in_3 .in3_txt .con .txt_le .le1{left: 10%;top: 20%;}

   .in_3 .in3_txt .con .txt_le .le2{left: 10%;top: 40%;;}

   .in_3 .in3_txt .con .txt_le .le3{left: 10%;top: 60%;}

   .in_3 .in3_txt .con .txt_le .le4{left: 10%;top: 80%;}

   .in_3 .in3_txt .con .txt_re .ul{width: 100%;}

   .in_3 .in3_txt .con .txt_re .ul .li{padding:0 5%;}

    
    .in_3 .in3_txt .con .txt_re .re1{margin-bottom: 25px;}

    .in_3 .in3_txt .con .txt_re .re2{margin-bottom: 15px;}

    .in_3 .in3_txt .con .txt_re .re3{margin-bottom: 25px;max-height: 155px;overflow-y: auto;padding-right: 15px;}

    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar{ width:3px;height: 1px;}
    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-thumb{ background:#007EC4;}
    .in_3 .in3_txt .con .txt_re .re3::-webkit-scrollbar-track{ background:#fff;}

    .in_4.kbo .inx_con.cpc{background: url(/zt/test/img/bn32.jpg) no-repeat  center center / cover;}
    
    
    .in_4 .inx_img {position:absolute;width:100%;
	height:100%;left:0%;top:0%;z-index:-1;}
	.in_4 .in4_txt .con {
    display:block;
    height:auto;
}
	.in_4 .in4_txt .txt_le.fn {
    width:100%;
    display:block;
	}
    .in_4 .in4_txt .txt_le .lel {
    width: 100%;
}
     .in_4 .in4_txt .txt_re.fn {
    width:100%;
    color: #fff;
}
     .mcu img {
    margin-top:30px;
}
.mcu p {
    margin-bottom:30px;
}

.mcu {
    position: relative;
    margin: 2px;
    overflow: hidden;
    border: 1px solid #aaa;
}

.in_5 .inx_con .sw_con .con_img video {
    position: relative;
    width: 100%;
    height:auto;
}



    .in_4 .in4_txt{position: static;padding: 80px 0 100px;}

    .in_4 .in4_txt .txt1{margin-bottom: 25px;}

    .in_4 .in4_txt .txt2{margin-bottom: 15px;}

    .in_4 .in4_txt .ul{margin-top: 60px;}


    .in_4 .in4_txt .ul{width: 100%;flex-wrap: wrap;}

    .in_4 .in4_txt .ul .li{width:50%;margin-bottom: 20px;}

    .in_4 .in4_txt .ul .li .li_con ,.in_4 .in4_txt .ul .li .li_img {width: 170px;}

    .in_5 .guo_con{position: static;display: none;}

    .in_5 .guo_ding{display: none;}

    /* .in_5 .guo_con .cs{position: sticky;} */


    .inx_top{padding-top: 30px;}

    .in_5{height: auto;padding: 0px 0 0px;overflow: hidden;}

.in_5 .inx_con .sw_con .con_txt .txt {
    margin-top:8%;
}
  .in_5 .inx_con .sw_con .con_txt .txt .t1 {
    transform: translate(0px, 0px);
} 
.in_5 .inx_con .sw_con .con_txt .txt .t2 {
    transform: translate(0px, 0px);
}
 
 .in_5 .inx_con .sw_con .con_txt .txt .ship_bb {
    max-width:50px;
    margin-top:40px;
}

 .in_6 .inx_con .brbg {
    display:none; 
}

.in_6 .inx_con .brbg1 {
    display:none;
}
 .in_5 .inx_con .brbg {
    display:none; 
}

.in_5 .inx_con .brbg1 {
    display:none;
}

 .in_6 .inx_con .nbgs {
    position:relative;
	padding-bottom:60px;
}

 .in_5 .inx_con .nbgs {
    position:relative;
	padding-bottom:60px;
}


.nbgt1 {
    transform: translate(0px, 0px);

}
.nbgt2 {
    transform: translate(0px, 0px);
} 

    .guonei{top: 0px;position: relative;display: none;}

    .guonei.act{display: block;}

    .in_5 .qeihuan{bottom: -50px;left: 0%;margin-left: 0px;position: relative;width: 100%;}
    /* .in_5 .qeihuan{position: static;} */
    /* .guonei{position: static;} */
    

    .in_6 .inx_con{padding-top: 30px;}

    .in_6 .in6_con{flex-wrap: wrap;}

    .in_6 .in6_con .con_le{width: 100%;margin-bottom: 10px;}

    .in_6 .in6_con .con_re{width: 100%;height: auto;}

    .in_6 .in6_con .con_re .ul{flex-wrap: wrap;position: static;}



    .in_6 .in6_con .con_re .ul .li{width: 100%;margin-bottom: 30px;margin-right: 0;}

    .in_6 .in6_con .con_re .ul .li a{display: block;width: 100%;}

    .in_6 .in6_con .con_le .le_bot{margin-bottom: 0px;display: flex;margin-bottom: 15px;}

    .in_6 .in6_con .con_le .le_bot a{margin-right: 20px;margin-bottom: 10px;}

    .in_6 .in6_con .con_le .le_top{margin-bottom: 20px;}

    .in_6 .in6_con .con_re .ul .li .li_img{margin: 20px 0;}

    /* .in_6 .in6_con .con_re .ul .li .li_img img{width: 100%;} */

    .in_6 .in6_con .con_re .ul .li .li_txt .txt2{margin: 20px 0;}

    .in_6 .in6_con .con_re .ul .li .li_txt .txt1{line-height: 30px;height: 60px;}

    .in_7 .con_top .top_re{display: none;}

    .in_7 .con_top .top_le{width: 100%;}

    .in_7 .con_bot{flex-wrap: wrap;justify-content: center;height: auto;padding: 15px 0;line-height: 25px;}
    
    .in_7 .con_bot .bot_le{flex-wrap: wrap;justify-content: center;}

    .in_7 .con_bot .bot_re{flex-wrap: wrap;justify-content: center;}

    .in_7 .con_top{padding: 25px 0;}

    .in_7 .con_top .logo2{width: 180px;}

    .in_7 .con_top .top_le .le2{margin-top: 30px;}

    
    .in_1 .sw_con .con_txt .t2{line-height: 35px;}


    .in_6 .in6_con .con_re .ul .li .li_tim span.sp1{font-size: 30px;transform: translateX(0px);}

    /* .in_3 .in3_txt .con .txt_le .le_img img.ding{opacity: 0;} */

    .in_3 .in3_txt .con .txt_le .le_img{height: 280px;}

    .in_3 .in3_txt .con .txt_le .le_img::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .5);}

    .in_3 .in3_txt .con .txt_re .ul{height: 400px;}

    .in_4 .in4_txt .ul .li img{width: 50px;}

    .in_3 .in3_txt .con .txt_le .les{z-index: 3;}

    .in_5 .qeihuan .qie{width: 150px;margin-right: 20px;margin-bottom: 0;}

    .in_5 .qeihuan .qie:first-child{margin-left: 0;}

    .in_5 .qeihuan{display: flex;justify-content: center;}

    .in_1 .sw_con .con_txt{pointer-events: visible !important;}

    .in_1 .sw_con .ship_b{display: flex;}



}






@keyframes bannerIn {
  0% {
    transform: translate3d(100%, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  100% {
    transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  }
}
@keyframes banner_in {
  0% {
    transform: translate3d(100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
}
@keyframes banner_out {
  0% {
    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  100% {
    transform: translate3d(-100%, 0, 0) scale3d(0.7, 0.7, 0.7);
  }
}
@keyframes banner_in_1 {
  0% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(-100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
}
@keyframes banner_out_1 {
  0% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(-100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
}
@keyframes loopCir {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@keyframes ani1 {
  0% {
    opacity: 0;
    transform: translateY(8px);
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
  }
  30% {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  70% {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes fn1 {
  0% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transform: translate3d(0%, 20px, 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: none;
  }
}