/* 前端江文哲 */

*,*: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: #222222;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;overflow-x: hidden;}

html{overflow-x: hidden}

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: #222222;}

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:#2e6be6;}

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


@font-face {
    font-family: 'ror';
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'dinb';
    src: url("../fonts/DIN-BOLD.OTF");
}


/* ror常规体 */
.ror{font-family: 'ror';}

.dinb{font-family: 'dinb';}

.arial{font-family: Arial;}


/* 字间距 */
.zijianj3{letter-spacing:3px;}

.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_44{font-size: 44px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_52{font-size: 52px;}

.f_54{font-size: 54px;}

.f_60{font-size: 60px;}

.f_68{font-size: 68px;}

.f_74{font-size: 74px;}

.f_80{font-size: 80px;}

.p_60{padding: 60px 0;}

.p_80{padding: 80px 0;}

.p_100{padding: 100px 0;}

.p_140{padding: 140px 0;}

.p_140_200{padding: 140px 0 200px;}

.p_170{padding:170px 0;}

.pt_100{padding-top: 100px ;}

.p_t120{padding-top: 120px;}

.pb_80{padding-bottom: 80px;}

.p_80_100{padding: 80px 0 100px;}

/* 可视范围 */

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

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



/*分页*/


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

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

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

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.fw{font-weight: 100;}

.pc{display: block;}

.yd{display: none;}

.w_100{width: 100%;}

.h_100{height: 100%;}


/* 进度条 */

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

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


/* 头部 */

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

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

.head.act{height: 80px;}

.head .he_con{display: flex;justify-content: space-between;align-items: center;}

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

.head .he_con .con_le a{display: block;position: relative;}

.head .he_con .con_le a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.6s;}

.head .he_con .con_le .le1{margin-right: 100px;display: flex;align-items: center;}

.head .he_con .con_le .le1 {width: 80px;}

.head .he_con .con_le .le2{height: 100%;}

.head .he_con .con_re{display: flex;}

.head .he_con {position: relative;}

.head .he_con  .ul{display: flex;align-items: center;font-weight: 400;}

.head .he_con  .ul .li{height: 100%;position: relative;}

.head .he_con  .ul .li .lt{height: 100%;padding: 0% 25px;}

.head .he_con  .ul .li:first-child .lt{padding: 0% 35px 0 0;}

.head .he_con  .ul .li .lt a{display: flex;height: 100%;align-items: center;color: #fff;position: relative;transition: all 0.6s;}

.head .he_con  .ul .li .lt a::after{content: "";width: 0%;left: 50%;transform: translateX(-50%);bottom: -1px;height: 3px;background: #2e6be6;position: absolute;transition: all 0.6s;}

.head .he_con .con_re .re2{display: flex;align-items: center;margin-left: 75px;}

.head .he_con .con_re .re2 .r21{display: flex;align-items: center;}

.head .he_con .con_re .re2 .r21 a{color: #fff;display: flex;align-items: center;}

.head .he_con .con_re .re2 .r21 a span{color: #fff;}

.head .he_con .con_re .re2 .r21 a .img{width: 15px;height: 15px;position: relative;background: url(../images/head_1.png) center no-repeat;background-size: 100% 100%;margin-right: 7px;transition: all 0.6s;}

.head .he_con .con_re .re2 .r22 a{width: 22px;height: 22px;background: url(../images/head_4.png) center no-repeat;background-size: 100% 100%;transition: all 0.6s;}

.head .he_con .con_re .re2 .r23{height: 18px;width: 0px;background: rgba(255, 255, 255, 0.40);margin: 0 20px;}

.head .he_con .con_re .re2 .r24{height: 100%;margin-left: 35px;}

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

.head .he_con .con_re .re2 .r24 a:hover{color: #2e6be6;}

.head .he_con  .ul .li:hover .lt a::after{width: 100%;transition: all 0.6s;}

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

.head.act,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.15);transition: all 0.6s;}

.head.act .he_con  .ul .li .lt a,.head.act2 .he_con  .ul .li .lt a,.head.act3 .he_con  .ul .li .lt a{color: #111111;}

.head.act .he_con .con_re .re2 .r21 a span,.head.act2 .he_con .con_re .re2 .r21 a span,.head.act3 .he_con .con_re .re2 .r21 a span{color: #333;}

.head.act .he_con .con_re .re2 .r21 a .img,.head.act2 .he_con .con_re .re2 .r21 a .img,.head.act3 .he_con .con_re .re2 .r21 a .img{background-image: url(../images/svg/dianh.svg);}

.head.act .he_con .con_re .re2 .r22 a,.head.act2 .he_con .con_re .re2 .r22 a,.head.act3 .he_con .con_re .re2 .r22 a{background-image: url(../images/svg/sousuo.svg);}

.head.act .he_con .con_re .re2 .r24 span,.head.act2 .he_con .con_re .re2 .r24 span,.head.act3 .he_con .con_re .re2 .r24 span{background-image: url(../images/head_9.png);}

.head.act .he_con .con_re .re2 .r23,.head.act2 .he_con .con_re .re2 .r23,.head.act3 .he_con .con_re .re2 .r23{background: rgba(0, 0, 0, 0.4);}

/* .head.act .he_con .con_le a img:last-child,.head.act2 .he_con .con_le a img:last-child{opacity:1 ;}

.head.act .he_con .con_le a img:first-child,.head.act2 .he_con .con_le a img:first-child{opacity:0 ;} */

.head .he_con .con_re .re2 .r21 a:hover .img {background-image: url(../images/svg/dianh2.svg);}

.head .he_con .con_re .re2 .r21 a:hover span{color: #2e6be6;}

.head .he_con .con_re .re2 .r22 a:hover{background-image: url(../images/svg/sousuo2.svg);transition: all 0.6s;}



/* .head .cpxl s{width: 400%;height: 100%;background: rgba(255, 255, 255, 0.9);position: absolute;left: -200%;top: 0;display: block;} */


.head .cpxl .cp{position: relative;z-index: 2;width: 30.77%;margin-right: 3.845%;margin-bottom: 70px;}

.head .cpxl .cp:nth-child(3n){margin-right: 0;}

.head .cpxl .cp a{display: block;}

.head .cpxl .cp .c1{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #dbdbdb;}

.head .cpxl .cp .c2 a{margin-bottom: 20px;}

.head .cpxl .cp .c2 a:last-child{margin-bottom: 0;}

.head .cpxl a:hover{color: #2e6be6;}

.head .he_con  .ul .li .li_txt{position: absolute;left: 50%;top: 100%;text-align: center;transform: translateX(-50%);padding: 10px;display: none;z-index: 2;background: #fff;border-radius: 0 0 5px 5px;box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.1);}

.head .he_con  .ul .li .li_txt a{display: block;line-height: 35px; white-space: nowrap;padding: 0 20px;border-radius: 3px;margin-bottom: 5px;}


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

.head .he_con  .ul .li .li_txt a:hover{color: #2e6be6;background: #2e6be610;}








.in_banner{position: relative;height: 100vh;}

.in_banner .xian{height: 10px;position:absolute;left: 0;bottom: 0;background: #2e6be6;width: 100%;z-index: 5;}

.in_banner .ss{position: relative;}

.in_banner .ss .img{position: relative;}

.in_banner .ss .img img{height: 100vh;}

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

.in_banner .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;background: rgba(0, 0, 0, 0.1);}

.in_banner .ss .txt .c1{line-height: 1.3;position: relative;left: 200px;opacity: 0;}

.in_banner .ss .txt .c2{line-height: 1.3;margin-top: 15px;position: relative;left: 200px;opacity: 0;color: rgba(255, 255, 255, 0.80);}

.in_banner .ss .txt .c3{margin-top: 40px;position: relative;left: 200px;opacity: 0;}

.in_banner .swiper-slide-active .ss .txt .c1{left: 0;opacity: 1;transition-delay: 0.4s;}

.in_banner .swiper-slide-active .ss .txt .c2{left: 0;opacity: 1;transition-delay: 0.6s;}

.in_banner .swiper-slide-active .ss .txt .c3{left: 0;opacity: 1;transition-delay: 0.8s;}

.banner_prev,.banner_next{width: 35px;height: 60px;background: url(../images/svg/ban_1.svg) center no-repeat;background-size: 60px;}

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

.banner_next{right: 30px;}

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

.banner_sp {bottom: 30px !important;position: absolute;left: 50% !important;transform: translateX(-50%);width: 83.33% !important;}

.banner_sp span{margin: 0  !important;background: rgba(255, 255, 255, 0.30);opacity: 1;position: relative;width: 120px;height: 3px;border-radius: 0;}


.banner_sp span::before{content: "";width: 0%;height:100%;position: absolute;left: 0%;right: auto; top: 0%;background: #fff; transition: all 0.6s;}


.banner_sp .swiper-pagination-bullet-active::before{width: 100%;left: auto;right: 0;} 



.gengd{width: 180px;height: 48px;border-radius: 50px;border: 2px solid rgba(255, 255, 255, 0.20);display: flex;justify-content: space-between;align-items: center;padding: 0 10px 0 30px;position: relative;}

.gengd span{color: #fff;position: relative;z-index: 1;}

.gengd .i{width: 25px;height: 25px;position: relative;display: flex;align-items: center;justify-content: center;background: #2e6be6;border-radius: 100%;z-index: 1;padding-right: 2px;}

.gengd .i .d{height:12px;width: 12px;position: relative;}

.gengd .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.gengd s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 0%;height: 0%;border-radius: 50px;border: 0;background: #2e6be6;width: calc(100% + 4px);height:  calc(100% + 4px);opacity: 0;}


.mhead,.mnav2,.mnav{display: none;}
  
/* .gengd:hover span{color: #2e6be6;} */

.gengd:hover .i .d img:last-child{opacity: 1;}

.gengd:hover .i .d img:first-child{opacity: 0;}

.gengd:hover .i{background: #fff;}

.gengd:hover s{opacity: 1;}


.index1{position: relative;z-index: 5;background: #fff;}

.index1 .con1{text-align: center;margin-bottom: 45px;}

.index1 .con2{margin-bottom: 40px;}

.index1 .con2 .ul{display: flex;justify-content: center;}

.index1 .con2 .ul .li{margin-right: 85px;cursor: pointer;}

.index1 .con2 .ul .li:last-child{margin-right: 0;}

.index1 .con2 .ul .li .n{display: flex;justify-content: center;align-items: center;}

.index1 .con2 .ul .li .i{position: relative;width: 22px;height: 22px;margin-right: 8px;}

.index1 .con2 .ul .li .i img{width: 100%;}

.index1 .con2 .ul .li .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.index1 .con2 .ul .li:hover .i img:last-child{opacity: 1;}

.index1 .con2 .ul .li:hover .i img:first-child{opacity: 0;}

.index1 .con2 .ul .li:hover span{color: #2e6be6;}

.index1 .con2 .ul .li.act .i img:last-child{opacity: 1;}

.index1 .con2 .ul .li.act .i img:first-child{opacity: 0;}

.index1 .con2 .ul .li.act span{color: #2e6be6;}

.index1 .con3{}

.index1 .con3 .ul{position: relative;}

.index1 .con3 .li:first-child{position: relative;}

.index1 .con3 .li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;}

.index1 .con3 .li.act{opacity: 1;pointer-events: visible;}

.index1 .con3 .li .nei{display: flex;}

.index1 .con3 .li .nei .ll{width: 50%;}

.index1 .con3 .li .nei .ll img{width: 100%;}

.index1 .con3 .li .nei .lr{display: flex;flex-wrap: wrap;width: 50%;border-top: 1px solid #ebedf0;}

.index1 .con3 .li .nei .lr a{display: block;width: 50%;height: calc(50% - 2px);border-right: 1px solid #ebedf0;border-bottom: 1px solid #ebedf0;position: relative;background: #fff;}

.index1 .con3 .li .nei .lr .img{overflow: hidden;}

.index1 .con3 .li .nei .lr .img img{width: 100%;transform: scale(0.6) translateY(-10%);}

.index1 .con3 .li .nei .lr a .txt{display: flex;align-items: center;justify-content: center;position: absolute;bottom: 30px;width: 100%;}

.index1 .con3 .li .nei .lr a .txt .i{width: 18px;margin-left: 15px;}


.index1 .con3 .li .nei .lr a:hover .img img{transform: scale(0.65) translateY(-10%);}

.index1 .con3 .li .nei .lr a:hover .txt span{color: #2e6be6;}

.index2{height: 200vh;position: relative;}

.index2 .in2_con{background: url(../images/in2_1.jpg) center no-repeat ;background-size: cover;width: 100%;height: 100vh;position: absolute;left: 0;top: 0;display: flex;align-items: center;color: #fff;text-align: center;}

.index2.act .in2_con{position: fixed;}

.index2 .in2_con .cons{width: 1050px;margin: 0 auto;}


.index2 .in2_con .con1{}

.index2 .in2_con .con2{line-height: 1.5;margin: 50px 0 25px;}

.index2 .in2_con .con3{line-height: 1.7;}

.index2 .in2_con .con4{margin-top: 8.4vh;}

.index2 .in2_con .con4 .ul{display: flex;justify-content: center;}

.index2 .in2_con .con4 .ul .li{margin-right: 85px;text-align: left;}

.index2 .in2_con .con4 .ul .li:last-child{margin-right: 0;}

.index2 .in2_con .con4 .l1{margin-bottom: 12px;}

.index2 .in2_con .con4 .l1 .sp1{margin-right: 6px;display: inline-block;}

.index2 .in2_con .con5{margin-top: 6.315vh;display: flex;justify-content: center;}

.index2 .in2_con .logo{position: absolute;left: 0;top: 0; width: 100%;height: 100%;pointer-events: none;}

.index2 .in2_con .logo s{position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 200px solid#fff; display: block;}

.index2 .in2_con .logo img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 101%;max-width: none;}

.index2 .in2_con .zi{opacity: 0;}







.index3{position: relative;z-index: 5;background: #fff;}

.index3 .con1{margin-bottom: 60px;text-align: center;}

.index3 .con2{}

.index3 .con2 a{display: flex;}

.index3 .con2 a .img{width: 50%;overflow: hidden;}

.index3 .con2 a .img img{width: 100%;}

.index3 .con2 a .txt{width: 50%;background: #f7f7f7;padding: 60px 100px 0;text-align: justify;}

.index3 .con2 a .txt .t1{color: #555555;}

.index3 .con2 a .txt .t2{line-height: 1.4;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.index3 .con2 a .txt .t3{line-height: 1.6;margin-top: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.index3 .con2 a .txt .t4{margin-top: 75px;}

.index3 .con2 a:hover .img img{transform: scale(1.05);}


.xiangqing{display: flex;align-items: center;}

.xiangqing span{color: #2e6be6;}

.xiangqing .i{width: 25px;height: 25px;border-radius: 100%;overflow: hidden; background: #2e6be6;position: relative;margin-left: 16px;}

.xiangqing .i .t{height: 12px;width: 50px;display: flex;align-items: center;justify-content: space-between;position: absolute;top: 6px;right: 0px;padding: 0 8px 0 5px;}

.xiangqing .i .t img{height: 100%;}

.xiaoguo:hover .xiangqing .i .t{right: -25px;}

.xiangqing:hover .i .t{right: -25px;}

.xiangqing2{display: flex;align-items: center;}

.xiangqing2 .i{width: 18px;margin-left: 13px;}


.xiangqing2 span{color: #2e6be6;}

.xiaoguo:hover .xiangqing2 .i{margin-left: 20px;}

.index3 .con3{margin-top: 45px;}

.index3 .con3 .ul{display: flex;}

.index3 .con3 .ul .li{flex: 1;border-right: 2px solid #ebedf0;}

.index3 .con3 .ul .li:last-child{border-right: 0;}

.index3 .con3 .ul .li a{display: block;padding: 20px 60px 65px 40px;}

.index3 .con3 .ul .li a .a1{color: #555555;}

.index3 .con3 .ul .li a .a2{line-height: 32px;margin: 22px 0 42px;text-align: justify;height: 64px;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.index3 .con3 .ul .li a:hover .a2{color: #2e6be6;}

.index4{position: relative;background: url(../images/in4_1.jpg) center no-repeat;background-size: cover;overflow: hidden;}

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

.index4 .in4_con .con_le{width: 47.5%;position: relative;z-index: 2;}

.index4 .in4_con .con_re{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/in4_2.png) center no-repeat;background-size: cover;}

.index4 .in4_con {position: static;}

.index4 .in4_con .con_re .pc{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;}

.index4 .in4_con .con_le .le2{line-height: 1.6;margin: 40px 0 90px;}

.index4 .in4_con .con_le .le3 .swiper-container{padding-bottom: 50px;}


.index4 .in4_con .con_le .le3 .img{overflow: hidden;background: #fff;}

.index4 .in4_con .con_le .le3 .img img{transform: scale(0.7);}

.index4 .in4_con .con_le .le3 .img img{transition: all 0.6s;}

.index4 .in4_con .con_le .le3 .img:hover img{transform: scale(0.75);}

.in4_ss{width: calc(100% - 55px) !important;left: 0 !important;height: 3px !important;background: #ced3db;bottom: 7px !important;}


.in4_ss .swiper-scrollbar-drag{background: #2e6be6;}

.in4_sp{right: 0;left: auto;width: auto;bottom: 0;color: #666666;}

.in4_sp .sp1{color: #2e6be6;}

.floot{position: relative;z-index: 5;background: #fff;}

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

.floot .con1 .con_re{width: calc(100% - 240px);}

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

/* .floot .con1 .con_re .ul .li{;position: relative;} */

.floot .con1 .con_re .ul li{position: relative;border-left: 1px solid #e8e9eb;padding-left: 3.7%;padding-bottom: 15px;}

.floot .con1 .con_re .ul li::after{content: "";width: 3px;height: 20px;transition: all 0.6s;background: #2e6be6;position: absolute;left: -1px;top: 0;}

.floot .con1 .con_re .ul li:hover::after{height: 50px;}

.floot .con1 .con_re .ul li a:hover{color: #2e6be6;}

.floot .con1 .con_re .ul .li:last-child{}

.floot .con1 .con_re .ul .li a{display: block;margin-bottom: 20px;}

.floot .con1 .con_re .ul .li a:first-child{margin-bottom: 35px;}

.floot .con1 .con_re .ul .li2 .lit{margin-bottom: 35px;}

.floot .con1 .con_re .ul .li2 {max-width: 400px;}

.floot .con1 .con_re .ul .li2 .lib{}

.floot .con1 .con_re .ul .li2 .lib .bs{display: flex;margin-bottom: 17px;align-items: flex-start;line-height: 1.4;}

.floot .con1 .con_re .ul .li2 .lib .bl{display: flex;align-items: center; white-space: nowrap;}

.floot .con1 .con_re .ul .li2 .lib img{width: 14px;margin-right: 8px;}

.floot .con1 .con_re .ul .li2 .lib .bs:first-child .bl{width: 105px;}

.floot .con1 .con_re .ul .li2 .lib .bs:first-child .br {width: calc(100% - 105px);}

.floot .con1 .con_re .ul .li2 .lib .br span{display: block;width: 100%;}

.floot .con1 .le1{}

.floot .con1 .le1 a{display: block;width: 120px;margin-bottom: 20px;}

.floot .con1 .le2{margin-top: 60px;}

.floot .con1 .le2 .imgs{width: 140px;}

.floot .con1 .le2 .imgs .i{border: 1px solid #e5e5e5;width: 140px;height: 140px;}

.floot .con1 .le2 .imgs .t{text-align: center;line-height: 1.8;background: #f0f0f0;margin-top: 4px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}

.floot .con2{display: flex;justify-content: space-between;line-height: 1.5;padding: 25px 0 32px;border-top: 1px solid #e8e9eb;color: #555555;}

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

.floot .con2 a:hover{color: #2e6be6;}


/* 关于我们 */
.maodian{position: absolute;left: 0;top: -80px;left: 0;width: 100%;height: 1px;}

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

.about_banner{position: relative;}

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

.about_banner .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;color: #fff;display: flex;text-align: center;}

.about_banner .txt s{display: inline-block;width: 60px;height: 1px;background: rgba(255, 255, 255, 0.6);margin: 0 30px;}

.about_banner .txt .t1{display: flex;align-items: center;justify-content: center;}

.about_banner .txt .t2{color: rgba(255, 255, 255, 0.8);margin-top: 15px;}

.about1 {background: url(../images/ab1_2.jpg) bottom no-repeat;background-size: cover;position: relative;}

.about1  .con1{text-align: center;margin-bottom: 60px;}

.about1  .con2{overflow: hidden;}

.about1  .con2 .con_le{width: 42.85%;float: left;}

.about1  .con2 .con_re{width: 50%;float: right;}

.about1  .con2 .con_le .le1{width: 60px;height: 5px;background: #2e6be6;}

.about1  .con2 .con_le .le2{line-height: 40px;margin: 40px 0 35px;}

.about1  .con2 .con_le .le3{line-height: 28px;text-align: justify;margin-bottom: 70px;}

.about1  .con2 .con_le .le4{}

.about1  .con2 .con_le .le4 .ul{display: flex;justify-content: space-between;}

.about1  .con2 .con_le .le4 .ul .li1{width: 25%;}

.about1  .con2 .con_le .le4 .ul .li2{width: 30%;}

.about1  .con2 .con_le .le4 .ul .li3{width: 30%;}

.about1  .con2 .con_le .le4 .ul .l2{margin-top: 12px;}

.about1  .con2 .con_le .le4 .ul .l1 .sp1{color: #2e6be6;}

.about1  .con2 .con_le .le4 .ul .l1 .sp2{display: inline-block;margin-left: 5px;}

.about5{position: relative;background-position: center;background-repeat: no-repeat;/* background-attachment: fixed; */background-size: cover;}

.about5 .zz{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.6;}

.about5 .ibox2{z-index: 10;}

.about5 .aox{display: flex;}

.about5 .xian{position: absolute;left: 0;top: 0;width: 2px;height: 100%;width: 2px;background: #fff;opacity: 0.2;}

.about5 .flt{width: 17.875%;}

.about5 .flt li{position: relative;margin-bottom: 44px;padding-left: 40px;cursor: pointer;}

.about5 .flt li .num{color: #fff;opacity: 0.3;font-family: Arial;}

.about5 .flt li:last-child{margin-bottom: 20px;}

.about5 .flt li .yuan{width: 22px;height: 22px;position: absolute;background: rgba(46, 107, 230, 0.25);border-radius: 50%;left: -11px;transform: scale(0);-webkit-transform: scale(0);top: 0;}

.about5 .flt li .yuan s{display: block;width: 10px;height: 10px;background: rgb(46, 107, 230);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.about5 .flt li.act .yuan{transform: scale(1);-webkit-transform: scale(1);}

.about5 .flt li.act .num{color: #2e6be6;font-weight: bold;opacity: 1;}

.about5 .flt li:hover .num{color: #2e6be6;opacity: 1;}

.about5 .acont{width: 33.125%;margin-top: -25px;}

.about5 .acont li{display: flex;}

.about5 .acont li .num{font-size: 244px;line-height: 1;position: relative;overflow: hidden;width: 140px;height: 244px;color: #fff;font-weight: lighter;}

.about5 .acont li .num span{display: block;width: 100%;height: 100%;text-align: center;font-family: Helvetica,Arial;font-weight: bold;}

.about5 .acont li .num.act0 span:nth-child(1){margin-top: 0;}

.about5 .acont li .num.act1 span:nth-child(1){margin-top: calc(244px * -1);}

.about5 .acont li .num.act2 span:nth-child(1){margin-top: calc(244px * -2);}

.about5 .acont li .num.act3 span:nth-child(1){margin-top: calc(244px * -3);}

.about5 .acont li .num.act4 span:nth-child(1){margin-top: calc(244px * -4);}

.about5 .acont li .num.act5 span:nth-child(1){margin-top: calc(244px * -5);}

.about5 .acont li .num.act6 span:nth-child(1){margin-top: calc(244px * -6);}

.about5 .acont li .num.act7 span:nth-child(1){margin-top: calc(244px * -7);}

.about5 .acont li .num.act8 span:nth-child(1){margin-top: calc(244px * -8);}

.about5 .acont li .num.act9 span:nth-child(1){margin-top: calc(244px * -9);}

.about5 .acont li .num3{margin-left: 100px;}

.about5 .frt{width: 49%;}

.about5 .frt .t1{color: #fff;}

.about5 .frt .tico{align-items: center;margin: 45px 0;width: 60px;height: 4px;background: rgba(255, 255, 255, 0.40);}

.about5 .frt .tico span{width: 6px;height: 6px;background: #fff;border-radius: 50%;margin-right: 6px;}

.about5 .frt .tico img{height: 18px;margin-right: 16px;}

.about5 .frt .tico .sp2{opacity: 0.8;}

.about5 .frt .tico .sp3{opacity: 0.4;}

.about5 .frt .t2{line-height: 30px;color: #fff;margin-top: 40px;}


/* .about5 .frt .tline{margin: 45px 0 50px;border-bottom: 1px dashed #fff;opacity: 0.3;} */

.about5 .frt .atc{color: #fff;height: 380px;overflow-y: auto;}

.about5 .frt .atc::-webkit-scrollbar{ width:4px;height: 1px;}

.about5 .frt .atc::-webkit-scrollbar-thumb{ background:#2e6be6;}

.about5 .frt .atc::-webkit-scrollbar-track{ background:#ffffff50;} 

.about5 .frt .atc .li{display: none;}

.about5 .frt .atc .li .txs{line-height: 1.6;padding-bottom: 40px;}

.about5 .frt .atc .li .x{border-bottom:  1px dashed #ffffff30;width: 100%;}

.about5 .frt .atc .li.act{display: block;}

.about5 .frt .atc .actt{margin-top: 45px;padding-bottom: 10px;}

.about5 .frt .atc .actt:first-child{margin-top: 0;}

.about5 .frt .atc .wz{line-height: 30px;margin-top: 10px;position: relative;padding-left: 18px;}

.about5 .frt .atc .wz::after{content: '';display: block;width: 6px;height: 6px;background: rgba(255, 255, 255, 0.6);position: absolute;left: 0;top: 12px;border-radius: 50%;}


.about3{padding: 100px 0 70px;background: url(../images/ab3_4.jpg) center no-repeat;background-size: 100% 100%;position: relative;}

.about3 .con1{text-align: center;margin-bottom: 30px;}

.about3 .con2{padding: 0 120px;}

.about3 .con2  .swiper-container{padding:25px 0 140px;}

.about3 .con2 .ss .txt{text-align: center;opacity: 0;color: #2e6be6;margin-top: 20px;line-height: 1.3;}

.about3 .con2 .ss{transform: scale(0.75);transition: all 0.6s;cursor: pointer;}

.about3 .con2 .swiper-slide-active .ss{transform: scale(1);transition: all 0.6s;}

.about3 .con2 .swiper-slide-active .txt{opacity: 1;}

.about3 .con2 .swiper-slide-prev .ss{transform: scale(0.75) translateX(-15%);transition: all 0.6s;}

.about3 .con2 .swiper-slide-next .ss{transform: scale(0.75) translateX(15%);transition: all 0.6s;}

.about3 .con2 .ss:hover .img img{transform: scale(1.05);}

.about3 .con2 .ss .img{}

.about3 .con2 .ss .img img{width: 100%;}

.about3_sp{bottom: 0;}

.about3_sp span{width: 40px;height: 2px;background: #bdbdbd;position: relative;opacity: 1;border-radius: 0;}

.about3_sp span::after{position: absolute;left: 0;bottom: 0;width: 100%;background: #2e6be6;height: 6px;content: "";transition: all 0.6s;opacity: 0;}

.about3_sp span.swiper-pagination-bullet-active::after{height: 6px;opacity: 1;}

.about3_prev,.about3_next{width: 50px;height: 50px;background:#fff url(../images/svg/you4.svg) center no-repeat;background-size: 12px;border-radius: 100%;top: 45%;}

.about3_prev{transform: rotate(180deg);}


.about3_prev:hover,.about3_next:hover{background:#2e6be6 url(../images/svg/you3.svg) center no-repeat;background-size: 12px;}



/* 弹窗 */

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

.tancuang .tan_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.tancuang .tan_con .out{width: 40px;height: 40px;position: absolute;right: -40px;top: 0;cursor: pointer;}

.tancuang .tan_con .img{}

.tancuang .tan_con .img img{max-width: 1000px;max-height: 500px;}

.tancuang .tan_con .txt{text-align: center;color: #fff;margin-top: 20px;}


.about4{}

.about4 .con{overflow: hidden;background: #f7f7f7 url(../images/ab4.jpg) left bottom no-repeat;background-size: 50% 100%; position: relative;margin-bottom: 80px;}

.about4 .con:last-child{margin-bottom: 0;}

.about4 .con:nth-child(2n){background: #f7f7f7 url(../images/ab4.jpg) right bottom no-repeat;background-size: 50% 100%;}

.about4 .con .con_le{float: right;width: 50%;overflow: hidden;}

.about4 .con .con_re{float: left;width: 50%;padding: 75px 80px 20px;}

.about4 .con  .beit{width: 50%;height: 100%;left: 0;bottom: 0;position: absolute;}

.about4 .con .con_re .re2{width: 60px;height: 4px;background: #2e6be6;margin: 50px 0 45px;}

.about4 .con .con_re .re3{line-height: 35px;text-align: justify;}

.about4 .con .con_le:hover img{transform: scale(1.05);}

.about4 .con:nth-child(2n) .con_le{float: left;}

.about4 .con:nth-child(2n) .con_re{float: right;}


.about6{background: url(../images/ab6_1.jpg) center no-repeat fixed;background-size: cover;position: relative;}

.about6 .con1{text-align: center;color: #fff;}

.about6 .con1 .c2{margin: 45px 0;}

.about6 .con2{}

.about6 .con2 .ul{display: flex;justify-content: space-between;}

.about6 .con2 .ul .li{width: 25%;padding: 65px 35px 40px;color: #fff;text-align: center;border-right: 1px dashed rgba(255, 255, 255, 0.15);}

.about6 .con2 .ul .li:last-child{border: 0;}

.about6 .con2 .ul .li .l1{}

.about6 .con2 .ul .li .l1 span{display: block;width: 70px;height: 70px;margin: 0 auto;border: 1px solid rgba(255, 255, 255, 0.30);border-radius: 100%;}

.about6 .con2 .ul .li .l2{margin: 50px 0 25px;}

.about6 .con2 .ul .li .l3{line-height: 30px;}

.about6 .con2 .ul .li:hover .ts{transform: translateY(-10px);}

.chanpingfl{height: 160px;margin-top: 60px;position: relative;z-index: 20;}

/* .chanpingfl .maodian{top: 0;} */

.chanpingfl .chan_con{position: absolute;left: 0;top: 0;width: 100%;height: 160px;z-index: 5;}

.chanpingfl .chan_con .ibox2{z-index: 5;}

.chanpingfl .chan_con .ul{display: flex;}

.chanpingfl s{display: block;width: 100%;height: 87.5%;bottom: 0;width: 100%;left: 0;background: #f7f7f7;border-top: 1px solid #f0f0f0;position: absolute;}


.chanpingfl .chan_con .ul .li{width: 18.75%;margin-right: 1.6525%;position: relative;cursor: pointer;height: 160px;background: url(../images/pro1_1.jpg) center no-repeat;background-size: cover;}

.chanpingfl .chan_con .ul .li .bei{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;overflow: hidden;}

.chanpingfl .chan_con .ul .li .bei img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: none;height: 100%;}

.chanpingfl .chan_con .ul .li:last-child{margin-right: 0;}

.chanpingfl .chan_con .ul .li .ls{position: absolute;left: 0;top: 0;width: 100%;color: #fff;padding-top: 25px;text-align: center;height: 100%;z-index: 5;}

.chanpingfl .chan_con .ul .li  s{display: block;width: 100%;background: rgb(46, 107, 230,0.85);height: 100%;position: absolute;left: 0;top: 0;}

.chanpingfl .chan_con .ul .li .l1 span{border: 1px solid rgba(255, 255, 255, 0.30);border-radius: 100%;display: block;width: 50px;height: 50px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}

.chanpingfl .chan_con .ul .li .l1 span img{width: 23px;}

.chanpingfl .chan_con .ul .li .l1{margin-bottom: 15px;height: 50px;overflow: hidden;}

.chanpingfl .chan_con .ul .li:hover s{opacity: 0;}

.chanpingfl .chan_con .ul .li.act s{opacity: 0;}

.chanpingfl.act .chan_con{position: fixed;height: 80px;top: 80px;}

.chanpingfl.act .chan_con .ul .li .ls{padding-top: 15px;}

.chanpingfl.act .chan_con .ul .li{height: 80px;}

.chanpingfl.act.tops .chan_con{top: 0;}

/* .chanpingfl.act.tops .chan_con .ul .li{height: 100px;} */

.chanpingfl.act .chan_con .ul .li .l1{height: 0;}

.chanpingfl.act s{height: 100%;}


.product{background: #f7f7f7;padding: 50px 0 100px;}

.product .con{}

.product .con1{}

.product .con1 .ul{display: flex;flex-wrap: wrap;}

.product .con1 .ul .li{width: 24.025%;margin-right: 1.3%;border: 1px solid #ebedf0;margin-bottom: 40px;background: #f5f7fa;}

.product .con1 .ul .li:nth-child(4n){margin-right: 0;}

.product .con1 .ul .li .img{padding: 35px 0 0;overflow: hidden;background: #f5f7fa;}

.product .con1 .ul .li .img img{width: 100%;transform: scale(0.8);}

.product .con1 .ul .li .txt{border-top: 1px solid #ebedf0;height: 78px;display: flex;align-items: center;justify-content: center;}

.product .con1 .ul .li .txt .i{width: 18px;margin-left: 15px;display: none;}

.product .con1 .ul .li:hover .img img{transform: scale(0.85);}


.product .con1 .ul .li:hover .txt .t span{color: #2e6be6;}

.product .fenyeq{padding-top: 20px;}


.news1{position: relative;}

.news1 .new1_con{display: flex;justify-content: center;}

.news1 .new1_con a{display: flex;align-items: center;justify-content: center;border: 1px solid #e6e6e6;border-radius: 50px;height: 50px;padding: 0 50px 0 40px;margin-right: 40px;}

.news1 .new1_con a:last-child{margin-right: 0;}

.news1 .new1_con a .i{width: 22px;height: 22px;position: relative;margin-right: 12px;}

.news1 .new1_con a .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.news1 .new1_con a span{}

.news1 .new1_con a span{}


.news1 .new1_con a.act{border: 1px solid #2e6be6;}

.news1 .new1_con a.act span{color:#2e6be6;}

.news1 .new1_con a.act .i img:last-child{opacity: 1;}

.news1 .new1_con a.act .i img:first-child{opacity: 0;}



.news1 .new1_con a:hover{border: 1px solid #2e6be6;}

.news1 .new1_con a:hover span{color:#2e6be6;}

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

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


.news2{}

.news2 a{display: flex;}

.news2 a .con_le{width: 50%;overflow: hidden;}

.news2 a .con_re{width: 50%;background: #f7f7f7;padding: 55px 100px 20px;}


.news2 a .con_re .re1{color: #555555;}

.news2 a .con_re .re2{line-height: 1.4;margin: 20px 0 40px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.news2 a .con_re .re3{line-height: 1.5;margin-bottom: 75px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.news2 a:hover .con_le img{transform: scale(1.05);}


.news3{background: #f7f7f7 url(../images/new3_1.png) bottom no-repeat;background-size: 100% auto;position: relative;}


.news3 .ul{display: flex;flex-wrap: wrap;}

.news3 .ul .li{width: 31.25%;margin-right: 3.125%;margin-bottom: 50px;position: relative;}

.news3 .ul .li::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 0%;height: 6px;bottom: 0;background: #2e6be6;transition: all 0.6s;}

.news3 .ul .li:nth-child(3n){margin-right: 0;}

.news3 .ul .li a{display: block;}

.news3 .ul .li a .img{overflow: hidden;}

.news3 .ul .li a .txt{padding: 35px 40px 40px;background:#fff;}

.news3 .ul .li a .txt .t1{color: #555555;}

.news3 .ul .li a .txt .t2{height: 60px;line-height: 30px;margin: 22px 0 35px;text-align: justify; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.news3 .ul .li a:hover .img img{transform: scale(1.05);}

.news3 .ul .li a:hover .t2{color: #2e6be6;}

.news3 .ul .li:hover:after{width: 100%;}


.news3 .fenyeq{padding-top: 10px;}
/* 分页 */

.fenyeq{}

.fenyeq .uls{display: flex;justify-content: center;align-items: center;}

.fenyeq .uls .an{width: 60px;height: 40px;background: #dbdbdb url(../images/svg/feny_1.svg) center no-repeat;background-size: 27px;cursor: pointer;margin:0 45px 0 40px;}

.fenyeq .uls .next{transform: rotate(180deg);}

.fenyeq .uls .an a{display: block;height: 100%;width: 100%;}

.fenyeq .uls .an:hover{background: #2e6be6 url(../images/svg/feny_2.svg) center no-repeat;background-size: 27px;}

.fenyeq .uls .lis a{padding: 0 10px;color: #555555;line-height: 40px;position: relative;}

.fenyeq .uls .li a:hover{color: #2e6be6;}

.fenyeq .uls .lis a::after{content: "";width: 0%;height: 2px;background: #2e6be6;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: all 0.6s;}

.fenyeq .uls .lis a:hover:after{width: 100%;}

.fenyeq .uls .lis a.act:after{width: 100%;}

.fenyeq .uls .lis a.act{color: #2e6be6;}

.fenyeq .uls .in input{width: 60px;height: 40px;border: 1px solid #e1e3e6;background: none;outline: none;text-align: center;margin: 0 5px;}

.fenyeq .uls .go {width: 60px;height: 40px;margin-left: 25px;}

.fenyeq .uls .go a{width: 100%;height: 100%;text-align: center;line-height: 38px;display: block;border: 1px solid #e1e3e6;color: #555555;}


.fenyeq .uls .go a:hover{border: 1px solid #2e6be6;}


.details1{}

.details1 .det1_con{display: flex;align-items: center;flex-wrap: wrap;height: 70px;background: #fff;border-bottom: 1px solid #f0f0f0;}

.details1 .det1_con a {display: flex;align-items: center;line-height: 28px;}

.details1 .det1_con a img{width: 17px;transform: translateY(0px);margin-right: 8px;}

.details1 .det1_con span{display: inline-block;width: 13px;margin: 0 15px;}

.details1 .det1_con a:hover{color: #2e6be6;}


.details2{padding: 70px 0 90px;background: #f7f7f7;}

.details2 .det2_con{width: 1200px;margin: 0 auto;line-height: 30px;text-align: justify;}

.details2 .con1{line-height: 45px;}

.details2 .con2{display: flex;margin: 40px 0;}

.details2 .con2 p{display: flex;align-items: center;color: #666666;margin-right: 40px;}

.details2 .con2 p:last-child{margin-right: 0;}

.details2 .con2 p img{width: 18px;margin-right: 7px;}


.details2  .con3{padding: 40px 0 55px;border-top: 1px solid #e6e8eb;border-bottom: 1px solid #e6e8eb;}

.details2  .con4{display: flex;justify-content: space-between;margin-top: 35px;align-items: center;}

.details2  .con4 .con_le{width: calc(100% - 200px);}


.details2  .con4 .con_le a{display: block;position: relative;margin-bottom: 15px;padding-left: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.details2  .con4 .con_le a::after{content: "";width: 6px;height: 6px;position: absolute;left: 0;top: 11px;background: #999999;border-radius: 100%;transition: all 0.6s;}

.details2  .con4 .con_le a:last-child{margin-bottom: 0;}

.details2  .con4 .con_le a:hover {color: #2e6be6;}

.details2  .con4 .con_le a:hover::after{background: #2e6be6;}



.search{padding: 170px 0 60px;}


.search .con1{display: flex;justify-content: space-between;}


.search .con1 .con_re{display: flex;align-items: center;}

.search .con1 .con_re a{display: block;height: 50px;line-height: 48px;padding: 0 40px;border: 1px solid #e1e3e5;margin-right: 20px;}

.search .con1 .con_re a:last-child{margin-right: 0;}

.search .con1 .con_re a.act{border: 1px solid #2e6be6;color: #2e6be6;}

.search .con1 .con_re a:hover{border: 1px solid #2e6be6;color: #2e6be6;}

.search .con2{display: flex;justify-content: space-between;margin-top: 40px;}

.search .con2 .in{width: calc(100% - 70px);border: 1px solid #e1e3e6;}

.search .con2 .in input{width: 100%;height: 100%;border: 0;padding-left: 20px;outline: none;font-size: 18px;font-weight: 100;color: #222222;}

.search .con2 a{width: 70px;height: 56px;background:#2e6be6 url(../images/svg/sousuo3.svg) center no-repeat;background-size: 25px 25px;}

.search .con2 a:hover {background-color: rgba(46, 107, 230, 0.9);}

.search2{background: #fff;padding: 0 0 100px;min-height: 30vh;}

.search2.news3 .ul .li a .txt{background: #f7f7f7 ;}

/* 弹窗样式 */

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

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

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

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

.guanbi.act .gbox{transform: translate(-50%,-50%)  scale(1);-webkit-transform: translate(-50%,-50%)  scale(1); opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}























































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

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }  

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:24px; }

    .f_28{ font-size:26px; }

    .f_30{ font-size:26px; }

    .f_32{ font-size:28px;}

    .f_34{ font-size:30px; }

    .f_36{ font-size:32px; }

    .f_38{ font-size:32px; }

    .f_40{font-size: 36px;}

    .f_44{font-size: 38px;}

    .f_46{font-size: 38px;}

    .f_48{font-size: 40px;}

    .f_50{font-size: 44px;}

    .f_52{font-size: 44px;}

    .f_54{font-size: 44px;}

    .f_60{font-size: 48px;}

    .f_68{font-size: 54px;}

    .f_74{font-size: 56px;}

    .f_80{font-size: 60px;}

    .p_80{padding: 80px 0;}

    .p_100_80{padding: 80px 0;}

    .p_80_100{padding: 80px 0 ;}

    .p_100{padding: 80px 0;}

    .p_120{padding: 100px 0;}

    .p_100_120{padding: 100px 0;}

    .p_120_100{padding: 100px 0;}

    .p_80_120{padding: 80px 0 ;}

    .p_100_130{padding: 100px 0 ;}

    .p_t120{padding-top: 100px;}

    .p_120_140{padding: 100px 0 ;}

 
    .about1 .con2 .con_le .le3{margin-bottom: 40px;}
  
    .about1 .con2 .con_le .le2{margin: 30px 0 25px;}

    .about4 .con .con_re{padding: 50px 60px 20px;}

    .about4 .con .con_re .re2{margin: 30px 0;}

    .ab3 .aox .alt{width: 13%;}

    .ab3 .aox .acont{width: 35%;}

    .news2 a .con_re{padding: 30px 60px 20px;}

    .news2 a .con_re .re3{margin-bottom: 40px;}

    .index2 .in2_con .logo s{border: 135px solid #fff;}
    
    .chanpingfl.act .chan_con .ul .li{height: 60px;}

    .chanpingfl.act .chan_con{height: 60px;}

    .chanpingfl.act .chan_con .ul .li .ls{padding-top: 5px;}

    .index3 .con2 a .txt{padding: 50px 60px 0;}

    .index3 .con2 a .txt .t4{margin-top: 50px;}

    .index3 .con2 a .txt .t3{margin-top: 25px;}

}



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

  
   
}

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


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

    
    
}





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

    html,body{overflow-x: hidden;}

    .head{display: none;}

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

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

    .yd{display: block;}

    .pc{display: none;}

    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:16px; }  

    .f_22{font-size: 18px;}

    .f_24{ font-size:18px; }

    .f_26{ font-size:18px; }

    .f_28{ font-size:20px; }

    .f_30{ font-size:20px; }

    .f_32{ font-size:20px;}

    .f_34{ font-size:22px; }

    .f_36{ font-size:24px; }

    .f_38{ font-size:24px; }

    .f_40{font-size: 24px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 26px;}

    .f_50{font-size: 28px;}

    .f_52{font-size: 28px;}

    .f_54{font-size: 28px;}

    .f_60{font-size: 28px;}

    .f_68{font-size: 28px;}

    .f_74{font-size: 32px;}


    .f_80{font-size: 36px;}

    .p_80{padding: 40px 0;}

    .p_100_80{padding: 40px 0;}

    .p_80_100{padding: 40px 0 ;}

    .p_100{padding: 40px 0;}

    .p_120{padding: 40px 0;}

    .p_100_120{padding: 40px 0;}

    .p_120_100{padding: 40px 0;}

    .p_80_120{padding: 40px 0 ;}

    .p_100_130{padding: 40px 0 ;}

    .p_t120{padding-top: 40px;}

    .p_120_140{padding: 40px 0 ;}

    .pt_100{padding-top: 40px ;}

    .p_170{padding: 40px 0;}

    .p_140_200{padding: 40px 0;}

    .pb_80{padding-bottom: 40px ;}

    .p_60{padding: 40px 0;}

    .wow{opacity: 1;}

    .fw{font-weight: 400;}


    .mhead{display: block;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;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: 30px;float: right;}

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

    .mhead .logo img{display: block;height: 40px;margin-top: 6px;}

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

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

    .in_banner .ss .img video{display: none;z-index: -20;pointer-events: none;visibility: hidden;}

   

    .in_banner{height: auto;}

    .in_banner .ss .img img{height: auto;}

    .banner_prev, .banner_next{display: none;}

    .banner_sp span{width: 45px;}

    .gengd{width: 140px;height: 44px;padding: 0 15px 0 20px;}

    .index1 .con2 .ul .li{margin-right: 40px;}

    /* .index1 .con3 .li .nei .lr a .txt{bottom: 15px;} */

    .index1 .con3 .li .nei{flex-wrap: wrap;}

    .index1 .con3 .li .nei .ll{width: 100%;}

    .index1 .con3 .li .nei .lr{width: 100%;border-left: 1px solid #ebedf0;}

    .index1 .con3 .li .nei .lr a{height: auto;}

    .index2 .in2_con .cons{width: 90%;}

    .index1 .con1{margin-bottom: 20px;}

    .index1 .con2{margin-bottom: 20px;}

    .index2{height: auto;}
    

    .index2 .in2_con{height: auto;padding: 40px 0;position: relative;}

    .index2 .in2_con .logo{opacity: 0;}

    .index2 .in2_con .zi{opacity: 1;}

    .index2 .in2_con .con2{margin: 20px 0;}

    .index2 .in2_con .con4{margin-top: 40px;}

    .index2 .in2_con .con4 .ul .li{margin-right: 0;}

    .index2 .in2_con .con4 .ul{justify-content: space-between;padding: 0 15px;}

    .index2 .in2_con .con5{margin-top: 30px;}

    .index3 .con2 a .txt{padding: 20px 30px 0;}

    .index3 .con2 a .txt .t2{margin-top: 10px;}

    .index3 .con2 a .txt .t3{margin-top: 15px;}

    .index3 .con2 a .txt .t4{margin-top: 15px;}

    .index3 .con3 .ul .li a{padding: 20px 30px 30px;}

    .index3 .con3 .ul .li a .a2{margin: 15px 0 25px;}

    .index3 .con3 .ul .li a .a2{line-height: 26px;height: 52px;}

    .index4 .in4_con{flex-wrap: wrap;}

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

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

    .index4 .in4_con{width: 100%;}

    .index4 .in4_con .con_le{width: 90%;margin: 0 auto;}

    .index4{padding: 40px 0 0;}

    .index4 .in4_con .con_le .le2{margin: 30px 0;}

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

    .floot .con1 .con_re .ul .li2{width: 100%;max-width: none;}

    .floot .con1 .con_re{width: calc(100% - 120px);}

    .floot .con1 .le1 a{width: 80px;}

    .floot .con1 .le2 .imgs{width: 100px;}

    .floot .con1 .le2 .imgs .i{width: 100px;height: 100px;}

    /* .floot .con1 .con_re .ul .li2 .lib .bl span{padding-right: 10px;} */

    .floot .con1 .con_re .ul .li2 .lib .br a{display: inline-block;}

    /* .floot .con1 .con_re .ul .li2 .lib .bs:first-child span{padding-right: 15px;}

    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(2n) span{padding-right: 15px;}

    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(4n) span{padding-right: 0px;} */

    .floot .con1 .con_re .ul .li2 .lib .bs:first-child .bl{width: 92px;}

    .floot .con1 .con_re .ul .li2 .lib .bs:first-child .br{width: calc(100% - 92px);}

    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(2n) .bl{width: 92px;}

    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(2n) .br{width: calc(100% - 92px);}


    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(4n) .bl{width: auto;}

    .floot .con1 .con_re .ul .li2 .lib .bs:nth-child(4n) .br{width: auto;}

    .floot .con1{padding: 40px 0 30px;}

    .about1 .con2 .con_re{float: none;width: 100%;}

    .about1 .con2 .con_le{float: none;width: 100%;margin-top: 20px;}

    .about1 .con1{margin-bottom: 25px;}

    .about1 .con2 .con_le .le2{line-height: 30px;margin: 20px 0;}

    .about5 .aox{flex-wrap: wrap;}

    .about5 .xian{display: none;}

    .ab3{padding: 30px 0;}

    .ab3 .aox{display: block;height: auto;padding: 0;}

    .about5 .flt{width: 100%;display: flex;flex-wrap: wrap;}

    .about5 .flt li .yuan{display: none;}

    .about5 .acont{display: none;}

    .about5 .frt{width: 100%;}

    .about5 .flt li{padding: 0;width: 20%;text-align: center;margin-bottom: 15px;}

    .about5{padding-top: 50px;}

    .about5 .frt .t1{position: absolute;left: 0;top: -10px;}
  
    .ab3 .aox .alt li .yuan{display: none;}

    .ab3 .aox .alt li{margin: 0;width: 33.33%;text-align: center;justify-content: center;}

    .ab3 .aox .acont{display: none;}

    .ab3 .aox .art{width: 100%;margin-top: 20px;}

    .ab3 .aox .art .atc li .actt{margin-bottom: 20px;}

    .ab3 .aox .art .atc li .wz{padding-bottom: 20px;margin-bottom: 20px;}

    .ab3 .en{margin: 10px 0 20px;}

    .about5 .frt .tico{display: none;}

    .about5 .frt .t2{margin-top: 20px;}

    .about3{padding: 40px 0;background-size: cover;}

    .about3 .con2{padding: 0;}

    .about3_prev, .about3_next{display: none;}

    .tancuang .tan_con{width: 90%;}

    .tancuang .tan_con .img img{width: 100%;}

    .tancuang .tan_con .out{right: 0;top: -40px;}

    .about4 .con{margin-bottom: 30px;}

    .about4 .con .con_le{float: none;width: 100%;}

    .about4 .con .con_re{float: none;width: 100%;padding: 30px;}

    .about4 .con,.about4 .con:nth-child(2n){background-size:100% auto ;}

    .about4 .con .con_re .re2{margin: 25px 0;}

    .about4 .con .con_re .re3{line-height: 30px;}

    .about6 .con1 .c2{margin: 20px 0;line-height: 1.5;}

    .about6 .con2{overflow-x: auto;}

    .about6 .con2 .ul{width: 1000px;}

    .about6 .con2 .ul .li{padding: 40px 25px;}

    /* .about6 .con2 .li{width: 200px;} */
    .fenyeq .fen_con  {display: none;}

    .fenyeq .jaa{display: flex;justify-content: center;}

    .details1{display: none;}

    .details2{padding: 40px 0;}

    .details2 .det2_con{width: 90%;}

    .details2 .con1{line-height: 35px;}

    .details2 .con2{margin: 20px 0;}

    .details2 .con2{flex-wrap: wrap;}

    .details2 .con2 p{margin-right: 20px;}

    .details2 .con3{padding: 30px 0;}

    .details2 .con4{flex-wrap: wrap;}

    .details2 .con4 .con_le a{margin-bottom: 0;}

    .details2 .con4 .con_le{width: 100%;margin-bottom: 10px;}

    .news2 a .con_re{padding: 20px 30px 0;}

    .news2 a .con_re .re2{margin: 10px 0;}

    .news2 a .con_re .re3{margin-bottom: 20px;}

    .news3 .ul .li a .txt{padding: 30px 20px;}

    .news3 .ul .li a .txt .t2{margin: 15px 0 20px;}

    .chanpingfl{height: auto;z-index: 10;margin-top: 40px;}

    .chanpingfl .chan_con,.chanpingfl.act .chan_con{position: static;height: auto;}

    .chanpingfl.act .chan_con,.chanpingfl.act .chan_con .ul .li{height: auto;}

    .chanpingfl.act .chan_con .ul .li .l1{height: 40px;}

    .chanpingfl .chan_con .ul{flex-wrap: wrap;}

    .chanpingfl .chan_con .ul .li{width: 32%;margin-right: 2%;}

    .chanpingfl .chan_con .ul .li:nth-child(3n){margin-right: 0;}

    .chanpingfl .chan_con .ul .li{height: 120px;margin-bottom: 10px;}

    .chanpingfl .chan_con .ul .li .l1 span{width: 40px;height: 40px;}

    .chanpingfl .chan_con .ul .li .l1{height: 40px;}

    .product{padding: 40px 0;}

    .product .con1 .ul .li{width: 49%;margin-right: 2%;margin-bottom: 20px;}

    .product .con1 .ul .li:nth-child(2n){margin-right: 0;}

    .search{padding: 40px 0;}

    .search2{padding: 0;}

    .search .con2 .in input{font-weight: 400;}

    .chanpingfl .chan_con .ul .li .l1 span img{width: 18px;}

   
}


@media screen and (max-width:800px) {
    .banner_sp{bottom: 30px !important;}

    .in_banner .ss .txt .c2{margin-top: 20px;}

    .banner_prev, .banner_next{height: 40px;width: 20px;top: 60%;}

    .banner_prev{left: 5%;}

    .banner_next{right: 5%;}

    .in_banner .ss .txt .con{transform: translateY(-10px);}

    .index1 .con2 .ul{flex-wrap: wrap;}

    .index1 .con2 .ul .li{margin-right: 20px;margin-bottom: 15px;}

    .index1 .con2 .ul .li:nth-child(3n){margin-right: 0;}

    .index1 .con3 .li .nei .lr a .txt{bottom: 12px;}

    .index1 .con3 .li .nei .lr a .txt span{font-size: 12px;}

    .index1 .con3 .li .nei .lr a .txt .f_20{font-size: 14px;}

    .index1 .con3 .li .nei .lr a .txt .i{margin-left: 10px;width: 15px;transform: translateY(2px);}

    .index3 .con1{margin-bottom: 25px;}

    .index3 .con2 a{flex-wrap: wrap;}

    .index3 .con2 a .img{width: 100%;}

    .index3 .con2 a .txt{width: 100%;padding: 30px;}

    .index3 .con3 .ul .li{flex: none;width: 100%;border-top: 2px solid #ebedf0;border-right: 0;}

    .index3 .con3 .ul{flex-wrap: wrap;}

    .floot .con2{flex-wrap: wrap;justify-content: center;text-align: center;padding: 15px 0;}

    .news1 .new1_con a{padding: 0 20px;height: 44px;margin-right: 20px;}


    .news2 a{flex-wrap: wrap;}

    .news2 a .con_le{width: 100%;}

    .news2 a .con_re{width: 100%;padding: 30px 20px;}

    .news3 .ul .li{width: 100%;margin-right: 0;margin-bottom: 20px;}

    .about_banner .txt s{width: 35px;margin: 0 15px;}

    .product .con1 .ul .li{width: 100%;margin-right: 0;}


    .search .con1{flex-wrap: wrap;}

    .search .con1 .con_re{width: 100%;margin-top: 20px;}

    .search .con2{margin-top: 30px;}

    .search .con1 .con_re a{padding: 0 15px;height: 44px;line-height: 42px;margin-right: 20px;}

    .floot .con1 .le2 .imgs{width: 90px;}

    .floot .con1 .le2 .imgs .i{width: 90px;height: 90px;}

    .floot .con1 .con_re .ul .li2 .lib img{margin-right: 5px;}

    .floot .con1 .con_re{width: calc(100% - 100px);}

    .news1 .new1_con a .i{width: 18px;height: 18px;margin-right: 10px;}

    .about3_sp span{width: 15px;margin: 0 3px !important;}

    .about3_sp span::after,.about3_sp span.swiper-pagination-bullet-active::after{height: 4px ;}




























}