/* 前端江文哲 */

.fw{font-weight: 100;}

.f_180{font-size: 180px;}

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

.pc{display: block;}

.yd{display: none !important;}


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

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





.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 200;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/svg/gengduo.svg) center right no-repeat ;background-size: 22px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 30px; margin-top: 10px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/svg/3.svg) center no-repeat;background-size: 22px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:250;display: block;-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);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -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);}

/* .mnav .mbox .ul1{padding-top: 50px;} */

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-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);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -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);}

.mnav2 .mbox .dl1{}

.mnav2 .mbox .dl1 dd{}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav2 .mbox .dl1 dd .dtop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav2 .mbox .dl1 dd .dtop span.act::before {opacity: 0;}

.mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.head{position: fixed;width: 100%;top: 0;left: 0;z-index: 100;height: 90px;transition: all 0.6s;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.head.tops{top: -100px;}

.head .he_con{display: flex;justify-content: space-between;height: 100%;}


.head .he_con .con_le{height: 100%;display: flex;align-items: center;}

.head .he_con .con_le a{display: block;width: 140px;height: 100%;}

.head .he_con .con_le a img{width: 100%;}

.head .he_con .con_con{height: 100%;margin-left: 90px;}

.head .he_con .con_con .ul{display: flex;height: 100%;}

.head .he_con .con_con .ul .li{height: 100%;margin: 0 30px;position: relative;}

.head .he_con .con_con .ul .li .lit{height: 100%;}

.head .he_con .con_con .ul .li .lit a{height: 100%;display: flex;align-items: center;position: relative;color: #fff;text-transform: uppercase;}

.head .he_con .con_con .ul .li .lit a::after{content: "";position: absolute;left: 0;bottom: 0;height: 3px;width: 0%;background: #1287FF;transition: all 0.6s;}

.head .he_con .con_con .ul .li .lib{position: absolute;background: #fff;padding: 20px 40px;box-shadow: 0px 2px 13px 0px rgba(18, 43, 68, 0.14);top: 120%;left: 50%;transform: translateX(-50%); opacity: 0;pointer-events: none;visibility: hidden;text-align: center;}

.head .he_con .con_con .ul .li .lib a{display: block;white-space: nowrap;opacity: 0.8;line-height: 1.75;margin-bottom: 10px;}

.head .he_con .con_con .ul .li .lib a:last-child{margin-bottom: 0;}

.head .he_con .con_con .ul .li .lib a:hover{color: #1287FF;}

.head .he_con .con_con .ul .li:hover .lib{top: 100%;opacity: 1;pointer-events: visible;visibility: visible;}

.head .he_con .con_con .ul .li.act .lit a::after{width: 100%;}

.head .he_con .con_con .ul .li:hover .lit a::after{width: 100%;}

.head .he_con .con_con .ul .li.act .lit a{color: #1287FF;}

.head .he_con .con_re{height: 100%;display: flex;align-items: center;}

.head.act ,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}

.head.act{height: 60px;}

.head.act .he_con .con_con .ul .li .lit a,.head.act2 .he_con .con_con .ul .li .lit a,.head.act3 .he_con .con_con .ul .li .lit a{color: #313233;text-transform: uppercase;}

.head.act .yuyanz a,.head.act2 .yuyanz a,.head.act .yuyanz a{color: #313233;}

.head.act .yuyanz a,.head.act2 .yuyanz a,.head.act .yuyanz a{color: #313233;}


.wl3d{margin-right: 70px;}


.wl3d a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;width: 140px;height: 42px;border-radius: 45px;border: 1px solid #FFF; background: rgba(255, 255, 255, 0.20);}

.wl3d a span{color: #fff;}

.wl3d a .i{width: 20px;height: 20px;background: url(../images/svg/1.svg) center no-repeat;background-size: 100% 100%; position: relative;margin-right: 5px;}

.head.act .wl3d a .i,.head.act2 .wl3d a .i,.head.act3 .wl3d a .i{background-image: url(../images/svg/2.svg);}

.head.act .wl3d a,.head.act2 .wl3d a,.head.act3 .wl3d a{border: 1px solid #313233;}

.head.act .wl3d a span, .head.act2 .wl3d a span,.head.act3 .wl3d a span{color: #313233;}

.head .wl3d a:hover{border: 1px solid #1287FF;}

.head .wl3d a:hover .i{background-image: url(../images/svg/3.svg);}

.head .wl3d a:hover span{color: #1287FF;}

/* .yuyanz{margin-right: 40px;} */

.yuyanz a{display: flex;align-items: center;color: #fff;}

.yuyanz a .i{width: 20px;position: relative;margin-right: 10px;}

.yuyanz a .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.yuyanz a:hover .i img:last-child{opacity: 1;}

.yuyanz a:hover .i img:first-child{opacity: 0;}

.yuyanz a:hover span{color: #1287FF;}

.head .he_con .con_con .ul .li:hover .lit a{color: #1287FF;}

.head .yuyanz a:hover{color:#1287FF;}



/* 字间距 */
.let1_2{letter-spacing:1.2px}
.let2{letter-spacing:2px}

.let5{letter-spacing:5px}
.let6{letter-spacing:6px}
.let2{letter-spacing:2px}
.let3{letter-spacing:3px}




.banner{position: relative;z-index: 10;}

.banner .ss{position: relative;}

.banner .ss .img{}

.banner .ss .img img{width: 100%;}

.banner .ss .img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.banner .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;background: rgba(0, 0, 0, 0.1);z-index: 2;}

.banner .ss .txt .ts{position: absolute;width: 100%;bottom: 95px;text-align: center;padding: 0 10%;}

.banner .ss .txt .t1{position: relative;top: 100px; opacity: 0;line-height: 1.75;}

.banner .ss .txt .t1 span{color: #1287FF;}

.banner .ss .txt .t2{line-height: 1.75;position: relative;top: 100px;opacity: 0;}

.banner .ss .txt .t3{position: relative;top: 100px;opacity: 0;}

.banner .swiper-slide-active .ss .t1{top: 0;opacity: 1;transition-delay: 0.5s;}

.banner .swiper-slide-active .ss .t2{top: 0;opacity: 1;transition-delay: 0.8s;}


.banner  .an{position: absolute;width: 100%;left: 0;bottom: 50px;}

.banner  .an .ibox{display: flex;justify-content: space-between;}

.banner  .an .al{width: 50%;}

.banner  .an .ar{position: relative;width: 52px;height: 18px;}

.banner  .an .ar s{display: block;width: 1px;height: 16px;position: absolute;left: 50%;top: 2px;background: rgba(255, 255, 255, 0.6);display: block;z-index: 1;}

.banner_prev,.banner_next{width: 16px;height: 20px;background: url(../images/svg/you.svg) center no-repeat;background-size: 100% 100%;top: 0;margin: 0;}

.banner_prev{left: -3px;transform: rotate(180deg);}

.banner_next{right: -3px;}

.banner_next.swiper-button-next.swiper-button-disabled,.banner_prev.swiper-button-prev.swiper-button-disabled{opacity: 0.35;}

.banner_prev:hover, .banner_next:hover{background-image:url(../images/svg/you3.svg) ;}

.banner_sp{bottom: 30px !important;}

.banner_sp span{width: 30px;height: 4px;opacity: 1;background: rgba(255, 255, 255, 0.3);border-radius: 2px;margin: 0 4px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}

.banner_sp .swiper-pagination-bullet-active{background: #fff;width: 50px;}

.ban_prev,.ban_next {width: 44px;height: 44px;background: url(../images/svg/7.svg) center no-repeat;background-size: 100% 100%;}

.ban_prev{left: 50px;transform: rotate(180deg);}

.ban_next {right: 50px;}

.ban_prev:hover,.ban_next:hover{background-image: url(../images/svg/8.svg);}

.index1{}

.index1 .in1_con{position: relative;}

.index1 .in1_con img{width: 100%;}

.index1 .in1_con video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}

.index1 .in1_con .imgs{position: absolute;left: 0;top: 0;width: 100%;}


.index2{background: #797979;padding-bottom: 120px;position: relative;z-index: 10;}

.index2 .con2{height: 350vh;position: relative;}

.index2 .con2 .shu{position: relative;left: 21vw;}

.index2 .con2 .ul{display: flex;}

.index2 .con2 .ul1{margin-bottom: 12vw;}

.index2 .con2 .ul .li{opacity: 0;transform: translateX(20px);margin-right: 3.8vw;}

.index2 .con2 .ul1 .li:nth-child(2n-1){opacity: 0 !important;}

.index2 .con2 .ul2 .li:nth-child(even){opacity: 0 !important;}

.index2 .con2 .ul .li.act{transform: translateX(0);opacity: 1;}

.index2 .con2 .li{display: flex;color: #fff;}

.index2 .con2 .li .t2{margin-top: 15px;}

.index2 .con2 .li .tr{width: 27.6vw;margin-left: 1.3vw;position: relative;}

.index2 .con2 .li .tr video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.index2 .con2 .li .tr img{width: 100%;}

.index2 .con2 .nei{width: 260vw;position: sticky;left: 0;top: 0;display: flex;align-items: center;height: 100vh;}

.index2 .con2 .tu{position: absolute;top: 50%;transform: translateY(-60%);left: -10%;}

.index2 .con2 .tu img{width: 240vw;max-width: none;}

.index2 .con2 .tu .i{width: 0%;overflow: hidden;}

.index3{position: relative;background: #F6F5F2;position: relative;z-index: 10;}

.index3 .con .in3_con {display: flex;justify-content: space-between;height: 100%;margin: 0 auto;position: relative;width: 85%;min-width: 1200px;}

.index3 .con .in3_con .con_re{overflow: hidden; height: 100%;display: flex;}

.index3 .con .in3_con .con_le{display: flex;align-items: center;width: 25.7%;padding-bottom: 80px;}

.index3 .con .in3_con .con_le .les{width: 100%;}

.index3 .con .in3_con .con_le .le2{color: #626466;line-height: 1.6;margin: 30px 0 50px;}

.index3 .con .in3_con .con_le .le3{}

.leibiao .li{margin-bottom: 25px;display: flex;align-items: center;}

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

.leibiao .li a{}

.leibiao .li a span{height: 24px;display: inline-block;position: relative;line-height: 24px;}

.leibiao .li a span::after{content: "";width: 0%;border-top: 1px solid #313233;border-bottom: 1px solid #666666;position:absolute;left: 0;bottom: 0;transition: all 0.6s;}

.leibiao img{width: 12px;margin-left: 7px;opacity: 0;}

.leibiao .li span{color: #939699;}

.leibiao .li.act img{opacity: 1;}

.leibiao .li.act span{font-weight: bold;}

.leibiao .li.act a span::after{width: 100%;}

.leibiao .li.act span{color: #313233;}

.leibiao .li:hover img{opacity: 1;}

.leibiao .li:hover span{font-weight: bold;}

.leibiao .li:hover a span::after{width: 100%;}

.leibiao .li:hover span{color: #313233;}

.index3 .swiper-container{height: 49.5vw;}

/* .index3 .con .in3_con .con_re{width: 55%;} */

.index3 .con .in3_con .con_re .re{height: 100%;}

.index3 .con .in3_con .con_re .re1{margin-right: 36px;}

.index3 .con .in3_con .con_re .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.index3 .con .in3_con .con_re .re2{transform: rotate(180deg);}

.index3 .con .in3_con .con_re .re2 .ss{transform: rotate(180deg);}

.index3 .con .in3_con .con_re img,.index3 .con .in3_con .con_re .ss{width: 100%;height: 100%;}

.index3 .con .in3_con .con_re .re:last-child{margin-right: 0;}



.index3 .str_move {position: absolute;}


/* 跑马灯 */

.str_wrap {width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;  white-space:nowrap;}

.str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}

.str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;}

.str_vertical .str_move_clone {left:0;top:100%;}

.str_down .str_move_clone {left:0;bottom:100%;}

.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}

.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}


/* .index5{background: url(../images/51.jpg) center no-repeat fixed;background-size: cover;}

.index5  img{width: 100%;} */


/* .index2 .con2 .nei{position:fixed;left: 0;top: 0;width: 100%;} */


.index2 .con1{text-align: center;padding-top: 120px;color: #fff;}

.index2 .con1 .c1 span{font-family: Manrope;display: inline-block; color: #0071E3 ;  background: -moz-linear-gradient(top left, #0071E3  0%, #21E5C2  100%);  background: -o-linear-gradient(top left, #0071E3  0%, #21E5C2  100%);  background: -webkit-linear-gradient(top left, #0071E3  0%, #21E5C2  100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071E3 ', endColorstr='#21E5C2 ',GradientType=1 );  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;
}

.index2 .con1 .c2{margin: 50px 0 20px;}

.index2 .con1 .c3{line-height: 1.3;}

.index2 .con1 .c4{display: flex;justify-content: center;margin-top: 12px;}

.index2 .con1 .c4 img{width: 20px;animation: huad 2s  infinite linear ;}

@keyframes huad {
    0%{transform: translateY(0);opacity: 0;}
    50%{opacity: 1;}

    100%{transform: translateY(20px);opacity: 0;}

}


/* .index3{height: 100vh;} */



.index4{position: relative;position: relative;z-index: 10;background: #ffffff;}

.index4 .img img{width: 100%;}

.index4  .in4_con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 90px 0 120px;z-index: 2;}

.index4  .in4_con .box{height: 100%;}

.index4  .in4_con .con1{text-align: center;}

.index4  .in4_con .con1 .c1{text-transform: uppercase;}

.index4  .in4_con .con1 .c2{line-height: 1.75;margin-top: 22px;}

.index4  .in4_con .con3{position: absolute;right: 0;bottom: 0;}

.index4 .img {position: relative;}

.index4   .con2{width: 0;height: 0;position: absolute;left: 54.1%;top: 61%;}

.index4   .con2 .ul{width: 19.79vw;height: 19.79vw;background: rgba(18, 135, 255, 0.12);border-radius: 100%;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}

.index4   .con2 .ul .li{width: 0.78vw;height: 0.78vw;border-radius: 100%;background: #1287FF;position: absolute;}

.index4   .con2 .ul .li s{display: block;width: 100%;height: 100%;background: rgba(18, 135, 255, 0.2);position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;animation:shan 2s infinite linear alternate;}

.index4   .con2 .ul .li s.sp2{background: rgba(18, 135, 255, 0.1);animation:shan2 2s infinite linear alternate;}


/* .index4   .con2 .ul .li:nth-child(2n){animation:shan 2.5s infinite linear alternate;} */

.index4   .con2 .ul .li1{left: 20%;top: 51%;}

.index4   .con2 .ul .li2{left: 28%;top: 59%;}

.index4   .con2 .ul .li3{left: 36%;top: 43%;}

.index4   .con2 .ul .li4{left: 40%;top: 75%;}

.index4   .con2 .ul .li5{left: 54%;top: 38%;}

.index4   .con2 .ul .li6{left: 61%;top: 40%;}

.index4   .con2 .ul .li7{left: 58%;top: 49.5%;}

.index4   .con2 .ul .li8{left: 65%;top: 46%;}

.index4   .con2 .ul .li span{color: #1287FF;white-space: nowrap;position: absolute;right: calc(100% + 8px);top: -2px;}

.index4   .con2 .ul .li8 span{left: calc(100% + 8px);}

.index4   .con2 .ul .li9{left: 40%;top: 62%;}

.index4   .con2 .ul .li9 span{left: calc(100% + 8px);}

.index4   .con2 .ul .li10{left: -110%;top: 75%;}

@keyframes shan {
    0%{transform:translate(-50%,-50%) scale(1);}   
    100%{transform:translate(-50%,-50%) scale(2);}   
}

@keyframes shan2 {
    0%{transform:translate(-50%,-50%) scale(1);}   
    100%{transform:translate(-50%,-50%) scale(3);}   
}

.index5{color: #fff;padding: 200px 0 190px;text-align: center;position: relative;z-index: 10;}



.index5 .con1{text-transform: uppercase;}


.index5 .con2 {display: flex;justify-content: center;margin: 55px 0 25px;}

.index5 .con2 img{width: 33px;}

.index5 .con3{line-height: 1.5;}

.index5 .con4{margin-top: 70px;}

.xiangqing{height: 48px;border: 1px solid #fff;border-radius: 30px;line-height: 46px;padding: 0 33px;color: #fff;}

.xiangqing2{height: 48px;border: 1px solid #313233;color: #313233;}

.xiangqing:hover{background: #1287FF;border: 1px solid #1287FF;color: #fff;}



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

.beijingt img{width: 100%;height: 100%;}

.index6{position: relative;z-index: 10;background: #ffffff;}

.index6 .con{display: flex;justify-content: space-between;align-items: center;}

.index6 .con .con_le{width: 50%;}

.index6 .con .con_le img{width: 100%;}

.index6 .con .con_re{width: 42.75%;padding-right: 8.33%;}

.index6 .con .con_re .re1{text-transform: uppercase;}


.index6 .con .con_re .re2{margin: 40px 0 35px;line-height: 1.5;}

.index6 .con .con_re .re3{}


.index6 .con .con_re .re3 .li{margin-bottom: 32px;}

.index6 .con .con_re .re3 .li:last-child{margin-bottom: 0;}

.index6 .con .con_re .re3 .l1{margin-bottom: 15px;}

.index6 .con .con_re .re3 .l2{line-height: 1.75;text-align: justify;}

.index6 .con .con_re .re3 .l2 span{color: #1287FF;font-family: Manrope;font-weight: bold;}

.index6 .con .con_re .re4{margin-top: 100px;}

.floot{background: #313233;position: relative;z-index: 10;}

.floot .con1{padding: 100px 0 50px;display: flex;justify-content: space-between;}

.floot .con1 .con_le{}

.floot .con1 .con_le .le1{}

.floot .con1 .con_le .le1 a{width: 140px;}

.floot .con1 .con_re{}

.floot .con1 .con_le .le2{color: #fff;margin-top: 30px;}

.floot .con1 .con_le .le3 a{color: #fff;display: block;margin-top: 15px;}

.floot .con1 .con_le .le3 a:hover{color: #1287FF;}

.floot .con1 .con_le .le4{display: flex;margin-top: 45px;}

.floot .con1 .con_le .le4 .imgs{position: relative;margin-right: 22px;}

.floot .con1 .con_le .le4 .imgs:last-child{margin-right: 0;}

.floot .con1 .con_le .le4 .imgs a{width: 36px;height: 36px;border-radius: 100%;background: rgba(255, 255, 255, 0.16);display: flex;align-items: center;justify-content: center;}

.floot .con1 .con_le .le4 .imgs .i{width: 20px;}

.floot .con1 .con_le .le4 .imgs a:hover{background: #1287FF;}

.floot .con1 .con_le .le4 .imgs .tu{position: absolute;left: 50%;transform: translateX(-50%);top: 150%;width: 110px;height: 110px;padding: 5px;box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);border-radius: 3px;background: #fff;pointer-events: none;opacity: 0;}

.floot .con1 .con_le .le4 .imgs .tu::after{content: "";width: 7px;height: 7px;background: #ffffff;position: absolute;left: calc(50% - 3px);transform: rotate(45deg);top: -3px;}

.floot .con1 .con_le .le4 .imgs:hover .tu{top: 130%;opacity: 1;}



.floot .con1 .con_re{width: 58.125%;}

.floot .con1 .con_re .ul{display: flex;justify-content: space-between;}

.floot .con1 .con_re .ul .li a{display: block;color: #fff;margin-bottom: 15px;transform: scale(0.85);}

.floot .con1 .con_re .ul .li a:last-child{margin-bottom: 0;}

.floot .con1 .con_re .ul .li a:first-child{margin-bottom: 24px;text-transform: uppercase;}

.floot .con1 .con_re .ul .li a:hover{color: #1287FF;}

.floot .con2{display: flex;justify-content: space-between;padding: 35px 0 50px;border-top: 1px solid rgba(255, 255, 255, 0.20);color: #999999;align-items: center;}

.floot .con2 a{color: #999999;}

.floot .con2 a:hover{color: #fff;}

.floot .con2 .con_le{display: flex;align-items: center;}

.floot .con2 .con_le a{margin-left: 5px;}

.xialays{width: 180px;height: 40px;border: 1px solid #e5e5e5;border-radius: 5px;position: relative;padding: 0 20px;margin-left: 20px;}

.xialays .xia{display: flex;align-items: center;cursor: pointer;height: 100%;width: 100%;justify-content: space-between;}

.xialays .xia span{display: block;text-align: center;}

.xialays .xia s{display: block;width: 8px;height: 8px;background: url(../images/xiaj.svg) center no-repeat;background-size: 9px;}

.xialays .la{position: absolute;left: 0;width: 100%;bottom: 110%;line-height: 40px;background: #f7f7f7;border-radius: 5px;border: 1px solid #e5e5e5;opacity: 0;pointer-events: none;}

.xialays .la a{display: block;text-align: center;margin: 0;}

.xialays .la a:hover{background: #1275e510;color: #1275e5;}

.xialays:hover .la{bottom: 100%;opacity: 1;pointer-events: visible;}

.xialays:hover  .xia s{transform: rotate(180deg);}


.cebianlan{position: fixed;right: 20px;top: 50%;width: 48px;overflow: hidden;z-index: 100;background: #1287ff;height: 96px;}

.cebianlan .ce_con{width: 180px;position: absolute;left: 0;top: 0;}

.cebianlan .ce1{width: 100%;display: flex;align-items: center;height: 48px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #fff;padding-left: 12px;cursor: pointer;}

.cebianlan .ce1:last-child{border: 0;}

.cebianlan .ce1 img{width: 25px;margin-right: 20px;}

.cebianlan:hover{width: 180px;}

.cebianlan:hover .ce1{padding-left: 20px;}




.contact3 .ggtop{text-align: center;color: #121314;}

.contact3{display: flex;align-items: center;justify-content: center;height: 100%;}

.contact3 .con1{padding: 50px 160px 50px 135px;border-radius: 10px;width: 900px;background: #fff;position: relative;}

.contact3 .t1{margin: 10px 0 35px;text-align: center;line-height: 1.7;color: #606266;}

.contact3 .formbox{margin: 0 auto;}

.contact3 .formbox .item:first-child{margin-top: 0;}

.contact3 .formbox .item{margin-top: 20px;display: flex;}

.contact3 .formbox .item .tt{color: #002b52;width: 85px;min-width: 75px;position: relative;line-height: 44px;}

.contact3 .formbox .item .tt span{position: absolute;color: #f53d3d;top: 0;bottom: 0;margin: auto 0;left: -14px;}

.contact3 .formbox .item .inp{width: calc(100% - 85px);border: 1px solid #d7d9db;border-radius: 3px;display: flex;}

.contact3 .formbox .item .inp input{width: 100%;outline: none;background: none;outline: none;line-height: 22px;padding: 10px 10px;border: none;font-size: 16px;}

.contact3 .formbox .item .inp textarea{height: 96px;    font-family: arial;    resize: none;line-height: 42px;font-size: 16px;border: 0;background: none;padding: 0 15px;}

.contact3 input::-webkit-input-placeholder{
    color:#c0c4cc;
    font-size:16px;
}
.contact3 input:-moz-placeholder {
    color:#c0c4cc;
    font-size:16px;
}
.contact3 input::-moz-placeholder {
    color:#c0c4cc;
    font-size:16px;
}
.contact3 input:-ms-input-placeholder {
    color:#c0c4cc;
    font-size:16px;
}
.contact3 textarea::-webkit-input-placeholder{
    color:#c0c4cc;
    font-size:16px;
}
.contact3 textarea:-moz-placeholder {
    color:#c0c4cc;
    font-size:16px;
}
.contact3 textarea::-moz-placeholder {
    color:#c0c4cc;
    font-size:16px;
}
.contact3 textarea:-ms-input-placeholder {
    color:#c0c4cc;
    font-size:16px;
}

.contact3 .formbox .item .fcode{width: 120px;display: flex;align-items: center;justify-content: center;cursor: pointer;height: 44px;margin-left: 20px;border-radius: 3px;overflow: hidden;}

.contact3 .formbox .item .fcode img{width: 100%;height: 100%;}

.contact3 .formbox .item select{width: 100%;border: none;padding: 8px 7px;}

.contact3 .formbox .item label{display: flex;align-items: center;}

.contact3 .formbox .item label input{margin-right: 14px;border-radius: 0;width: 14px;height: 14px;cursor: pointer;}

.contact3 .formbox .item .tt2{color: #606266;line-height: 24px;}

.contact3 .formbox .item .tt2 a{color: #1979ff;}

.contact3 .formbox .item.fbtn{margin-top: 33px;}

.contact3 .formbox .item .submit{display: block;text-align: center;color: #fff;background: #1287ff;border-radius: 8px;line-height: 44px;width: 100%;}

.contact3 .formbox .item .submit:hover{background: #6ea2f6;}

.contact3 .t2{color: #3e4a59;text-align: center;margin-top: 16px;opacity: 0.6;}

.contact3 .formbox .item.ym .inp{width: calc(100% - 225px);}

.contact3 .con1 .out{position: absolute;right: 30px;top: 30px;width: 25px;cursor: pointer;}


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




.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;}

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

.mp4{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%;}

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





@media screen and (min-width:1940px) {
    .index2 .con2 .ul .li{margin-right: 6vw;}

    .index2 .con2 .li:nth-child(2n){margin-right: 10vw;}
    
}

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

    .head .he_con .con_con{margin-left: 50px;}

    .head .he_con .con_con .ul .li{margin: 0 20px;}

    .index6 .con .con_re .re4{margin-top: 60px;}

    /* .index2 .con2 .li{margin-right: 5vw;} */
   
    /* .index2 .con2 .li:nth-child(2n){margin-right: 9vw;} */

    .index2 .con2 .ul .li{margin-right: 3vw;}

    .index2 .con2 .ul .li:nth-child(2n){margin-right: 11vw;}

    .contact3 .t1{margin: 10px 0 25px;}

    .contact3 .formbox .item{margin-top: 15px;}

    .contact3 .formbox .item .inp input{padding: 7px 15px;}

    .contact3 .con1{padding: 30px 100px;width: 800px;}

    .contact3 .formbox .item .tt{line-height: 40px;}


}

@media screen and (max-width:1500px) {
    .head .he_con .con_con .ul .li{margin: 0 15px;}

    .index2 .con2 .ul .li{margin-right: 1vw;}

    .index2 .con2 .ul .li:nth-child(2n){margin-right: 6vw;}

}

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

    .head .he_con .con_con .ul .li{margin: 0 8px;}
}


@media screen and (max-width:1025px) {
    .pc{display: none !important;}

    .yd{display: block !important;}

    .head{display: none;}

    .mhead{display: block;}

    .ban_prev, .ban_next{display: none;}

    .f_180{font-size: 60px;}

    .index2{padding-bottom: 70px;}

    .index2 .con1{padding-top: 50px;}

    .index2 .con1 .c2{margin: 30px 0 10px;}

    .index2 .con2 .ul .li{opacity: 1 !important;width: 100%;margin-right: 0;flex-wrap: wrap;margin-bottom: 40px;transform: translate(0);}

    .index2 .con2 .ul1 .li:nth-child(2n-1){opacity: 1 !important;}

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

    .index2 .con2 {margin: 0 5%;position: relative;}
    
    .index2 .con2 .xian{width: 4px;position: absolute;top: 0; height: 100%;left: 8px;background: linear-gradient(to bottom, #000000, #ffffff,#ffffff, #ffffff);}

    .index2 .con2 .xian .x{width: 100%;height: 10%;position: absolute;left: 0;top: 0;background: linear-gradient(to bottom, #0071E300 , #0071E399 ,#0071E3,#0071E3, #21E5C2 );}

    .index2 .con2 .xian .x s{width: 14px;height: 14px;border-radius: 100%;position: absolute;bottom: -5px;left: -5px;background: #fff;}

    .index2 .con2 .ul{flex-wrap: wrap;padding-left: 30px;}

    .index2 .con2 .ul2{display: none;}

    .index2 .con2 .tu{display: none;}

    .index2 .con2{height: auto;}

    .index2 .con2 .shu{left: 0;}

    .index2 .con2 .li .tl{width: 100%;margin-bottom: 10px;line-height: 1.5;}

    .index2 .con2 .li .tr{width: 50%;margin-left: 0;}

    .index2 .con2 .nei{width: 100%;padding-top: 0px;margin-top: 40px;height: auto;}

    .index2 .con2 .li .t2{margin-top: 5px;}

    .index2 .con2 .ul1{margin-bottom: 0;}

    .index3 {padding: 50px 0;}

    .index3 .con .in3_con{flex-wrap: wrap;width: 90%;min-width:auto;}

    .index3 .con .in3_con .con_le{width: 100%;padding-bottom: 30px;}

    .index3 .con .in3_con .con_re{width: 100%;justify-content: space-between;}

    .index3 .swiper-container{height: 400px;}

    .index3 .con .in3_con .con_re .re{width: 47.5%;}

    .index3 .con .in3_con .con_re .re1{margin-right: 0px;}

    .index3 .con .in3_con .con_le .le2{margin: 20px 0 25px;}

    .index3 .con .in3_con .con_le .le3 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

    .index3 .con .in3_con .con_le .le3 .ul .li{margin-bottom: 0;}

    .leibiao img{width: 9px;margin-left: 6px;}

    .leibiao .li a span{height: 20px;line-height: 20px;}

    .index4 .in4_con{position: static;padding: 50px 0 30px;}

    .index4 .in4_con .con1 .c2{margin-top: 15px;}

    .index4 .in4_con .con3{position: static;margin-top: 20px;}

    .index4 .in4_con .con3 .ul{display: flex;justify-content: space-between;flex-wrap: wrap;}



    .leibiao .li{margin-bottom: 15px;}

    .index4 .leibiao .li:last-child{margin-bottom: 15px;}

    .index4 .con2 .ul .li8 span{transform: scale(0.8);}

    .index5{padding: 70px 0;}

    .index5 .con2{margin: 30px 0 15px;}

    .index5 .con4{margin-top: 50px;}

    .beijingt img{width: auto;left: 50%;transform: translateX(-50%);max-width: none;}

    .index6 {padding: 50px 5%;}

    .index6 .con{flex-wrap: wrap;}

    .index6 .con .con_le{width: 100%;}

    .index6 .con .con_re{width: 100%;margin-bottom: 30px;}

    .index6 .con .con_re .re2{margin: 20px 0;}

    .index6 .con .con_re .re4{margin-top: 30px;}

    .xiangqing2{height: 42px;padding: 0 25px;line-height: 42px;}

    .index6 .con .con_re .re3 .li{margin-bottom: 25px;}

    .floot .con1 .con_re{display: none;}

    .floot .con1 .con_le{width: 100%;}

    .floot .con1{padding: 50px 0 20px;}

    .floot .con2{flex-wrap: wrap;justify-content: center;text-align: center;line-height: 1.5;padding: 10px 0 20px;}

    .floot .con1 .con_le .le4 .imgs .tu{left: 150%;top: 50%;transform: translateY(-50%);}


    .floot .con1 .con_le .le4 .imgs:hover .tu{top: 50%;left: 130%;}


    .floot .con1 .con_le .le4 .imgs .tu::after{left: -3px;top: calc(50% - 3px);}

    .floot .con2 .con_le{display: block;}

    .xialays{margin: 10px auto;}

    .cebianlan{right: 5%;}

    .contact3 .con1{width: 90%;padding: 25px 20px 25px 30px;}

    .contact3 .formbox .item .fcode{width: 70px;margin-left: 10px;}

    .contact3 .formbox .item.ym .inp{width: calc(100% - 165px);}

    .contact3 .con1 .out{right: 20px;top: 20px;}

    .contact3 .formbox .item.fbtn{margin-top: 20px;}

    .mp3{width: 35px;height: 35px;bottom: 30px;}

    .mp4{background: url(../images/bf_y.png) center no-repeat;background-size: 100%;width: 35px;height: 35px;bottom: 30px;}

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

@media screen and (max-width:800px) {
    .index2 .con2 .li .tr{width: 100%;}
}