

*,*: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;}

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:#2da2aa;}

body::-webkit-scrollbar-track{ background:#fff;} 




.zijj1{letter-spacing:1px;}

.zijj2{letter-spacing:2px;}

.zijj4{letter-spacing:4px;}

.zijj8{letter-spacing:8px;}


@font-face {
    font-family: 'robl';
    src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: 'robm';
    src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
    font-family: 'robr';
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'robb';
    src: url("../fonts/Roboto-Bold.ttf");
}


.robr{font-family: 'robr';}

.robb{font-family: 'robb';}

.robl{font-family: 'robl';}

.robm{font-family: 'robm';}

.f_12{ font-size:12px; }

.f_14{font-size: 14px;}

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_19{font-size: 19px;}

.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_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_56{font-size: 56px;}

.f_58{font-size: 58px;}

.f_60{font-size: 60px;}

.f_64{font-size: 64px;}

.f_68{font-size: 68px;}

.f_72{font-size: 72px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}

.p_120{padding: 120px 0;}

/* 可视范围 */

.ibox {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;}

.ibox2 {max-width:1400px;min-width: 1200px;width:72.91%; 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%;}





.mhead{display: none;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/m1.png) 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/ss_m.png) center no-repeat;background-size: 20px;}

.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{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: 120px;transition: all 0.6s;border-bottom: 1px solid rgba(0, 0, 0, 0);}

.head .head_con{height: 100%;position: relative;z-index: 1}

.head .he_con{display: flex;justify-content: space-between;height: 100%;}

.head .he_con .con_le{display: flex;align-items: center;}

.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;}

.head .he_con .con_re{display: flex;height: 100%;}

.head .he_con .con_re .re1{height: 100%;}

.head .he_con .con_re .ul {display: flex;height: 100%;}

.head .he_con .con_re .ul .li{padding: 0 20px;height: 100%;position: relative;}

.head .he_con .con_re .ul .li .lib{position: absolute;width: 180px;background: #fff;text-align: center;margin-left: -90px;left: 50%;top: 100%;border-radius: 0 0 5px 5px;display: none;border: 1px solid #dddddd50;}

.head .he_con .con_re .ul .li .lib a{display: block;line-height: 1.6;padding: 15px 5px;border-bottom: 1px solid #f5f5f580;color: #4a4a4a;font-family: '微软雅黑';}

.head .he_con .con_re .ul .li .lib a:hover{color: #2da2aa;}

.head .he_con .con_re .ul .li .lib a:last-child{border: 0;}

.head .he_con .con_re .ul .li .lit{height: 100%;}

.head .he_con .con_re .ul .li .lit a{display: flex;height: 100%;align-items: center;position: relative;color: #fff;}

.head .he_con .con_re .ul .li .lit a::after{content: "";width: 0%;height: 4px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.6s;}

.head .he_con .con_re .re2{display: flex;align-items: center;margin-left: 350px;}

.head .he_con .con_re .re2 .r1{display: flex;border-right: 2px solid #fff;padding-right: 20px;align-items: center;}

.head .he_con .con_re .re2 .r1 .i{width: 20px;margin-right: 10px;position: relative;}

.head .he_con .con_re .re2 .r1 .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.head .he_con .con_re .re2 .r1 a{display: block;color: #fff;}

.head .he_con .con_re .re2 .r2{width: 25px;height: 25px;position: relative;cursor: pointer;margin-left: 20px;}

.head .he_con .con_re .re2 .r2 img:last-child{position: absolute;left: 0;top:0 ;opacity: 0;}

.head .he_con .con_re .re2 .r2 .onp{width: 0px;height: 40px;position: absolute;right: 20px;top: -10px;border-bottom: 1px solid rgba(0, 0, 0, 0.5);background: #fff;transition: all 0.6s;}

.head .he_con .con_re .re2 .r2 .onp input{width: 100%;height: 100%;border: 0;background: #fff;outline: none;font-size: 14px;}

.head .he_con .con_re .re2 .r2:hover .onp{width: 170px;padding-left: 20px;transition: all 0.6s;}

.head .he_con .con_re .re2 .r1 a:hover{color: #2da2aa;}

.head .he_con .con_re .ul .li .lit a:hover::after{width: 100%;transition: all 0.6s;}

.head .he_con .con_re .ul .li.act .lit a::after{width: 100%;}

.head.act,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

.head.act .he_con .con_re .ul .li .lit a,.head.act2 .he_con .con_re .ul .li .lit a,.head.act3 .he_con .con_re .ul .li .lit a{color: #222222;}

.head.act .he_con .con_re .re2 .r2 img:last-child,.head.act2 .he_con .con_re .re2 .r2 img:last-child,.head.act3 .he_con .con_re .re2 .r2 img:last-child{opacity: 1;}

.head.act .he_con .con_re .re2 .r2 img:first-child,.head.act2 .he_con .con_re .re2 .r2 img:first-child,.head.act3 .he_con .con_re .re2 .r2 img:first-child{opacity: 0;}

.head.act .he_con .con_re .re2 .r1 a,.head.act2 .he_con .con_re .re2 .r1 a,.head.act3 .he_con .con_re .re2 .r1 a{color: #222222;}

.head.act .he_con .con_re .re2 .r1,.head.act2 .he_con .con_re .re2 .r1,.head.act3 .he_con .con_re .re2 .r1{border-right: 2px solid #858585;}

.head.act .he_con .con_le a img:last-child,.head.act2 .he_con .con_le a img:last-child,.head.act3 .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,.head.act3 .he_con .con_le a img:first-child{opacity: 0;}

.head.act .he_con .con_re .ul .li .lit a::after,.head.act2 .he_con .con_re .ul .li .lit a::after,.head.act3 .he_con .con_re .ul .li .lit a::after{background: #2da2aa;}

.head.act .he_con .con_re .re2 .r1 .i img:last-child,.head.act2 .he_con .con_re .re2 .r1 .i img:last-child,.head.act3 .he_con .con_re .re2 .r1 .i img:last-child{opacity: 1;}

.head.act .he_con .con_re .re2 .r1 .i img:first-child,.head.act2 .he_con .con_re .re2 .r1 .i img:first-child,.head.act3 .he_con .con_re .re2 .r1 .i img:first-child{opacity: 0;}

.head .he_con .con_re .re2 .r1 a:hover{color: #2da2aa;}


.head.act{height: 100px;}



/* 首页banner */

.in1_ban{}

.in1_ban .in1_con{position: relative;}


.in1_ban .ss{position: relative;}

.in1_ban .ss .img{position: relative;overflow: hidden;}

.in1_ban .ss .img img{width: 100%;}

.in1_ban .ss .img video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;}

.in1_ban .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;}

.in1_ban .ss .txt .t2{margin-top: 20px;line-height: 35px;position: relative;top: 50px;opacity: 0;}

.in1_ban .ss .txt .t1{position: relative;top: 100px;opacity: 0;}


.in1_ban .swiper-slide-active .ss .img  img{width: 100%;}

.in1_ban .swiper-slide-active .ss .txt .t1{top: 0;opacity: 1; transition-delay: 0.5s;}

.in1_ban .swiper-slide-active .ss .txt .t2{top: 0;opacity: 1;transition-delay: 1s;}

.in1_ban  .dibun{position: absolute;bottom: 0;left: 0;width: 100%;height: 106px;z-index: 2;}

.in1_ban  .dibun .id_con{height: 100%;display: flex;}

.in1_ban  .dibun .id_con .con_le{display: flex;align-items: center;height: 100%;background: #2da2aa;width: 62.5%;padding-left: 6.25%;position: relative;}

.in1_ban  .dibun .id_con .con_le .le{display: flex;align-items: flex-start;line-height: 30px;color: #fff;width: 100%;}

.in1_ban  .dibun .id_con .con_le .le img{width: 30px;margin-right: 5px;}

.in1_ban  .dibun .id_con .con_le .le p{width: calc(100% - 115px);  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}

.in1_ban  .dibun .id_con .con_le .swiper-container{height: 100%;width: 100%;}

.in1_ban  .dibun .id_con .con_le .swiper-container .nei{height: 100%;display: flex;align-items: center;width: 100%;}

.insw2_prev,.insw2_next{background: url(../images/in1_3.png) center no-repeat;background-size: 100% 100%;width: 10px;height: 7px;margin: 0;}

.insw2_prev{left: 0;top: 0;}

.insw2_next{transform: rotate(180deg); left: 0;bottom: 0;}


.qeih{width: 10px;height: 22px;position: absolute;top: 50%;transform: translateY(-50%);right: 50px;z-index: 1;}


.in1_ban  .dibun .id_con .con_re{background: #fff;width: 37.5%;padding: 0 50px 0 60px;display: flex;align-items: center;justify-content: space-between;}

.in1_ban  .dibun .id_con .con_re .re1{height: 24px;}

.in1_ban  .dibun .id_con .con_re .re1 span{margin: 0 8px;width: 24px;height: 24px;background: #fff;position: relative;opacity: 1;}

.in1_ban  .dibun .id_con .con_re .re1 span::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 100%;border: 2px solid #dddddd;content: "";}


.in1_ban  .dibun .id_con .con_re .re1 span::after{width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;border-radius: 100%;content: "";background: #1561bf;transform: translate(-50%,-50%);opacity: 0;transition: all 0.6s;}

.in1_ban  .dibun .id_con .con_re .re1 span.swiper-pagination-bullet-active::before{border: 2px solid #1561bf;}

.in1_ban  .dibun .id_con .con_re .re1 span.swiper-pagination-bullet-active::after{opacity: 1;transition: all 0.6s;}

.in1_ban  .dibun .id_con .con_re .re2{font-family: Arial;display: flex;align-items: center;color: #dddddd;}

.in1_ban  .dibun .id_con .con_re .re2 p{padding: 0 10px;display: inline-block;color: #dddddd;}

.in1_ban  .dibun .id_con .con_re .re2 p.sp1{color: #2da2aa;}

.index2{padding: 90px 0 150px;}

.index2 .in2_con{position: relative;}

.index2 .con1{margin-bottom: 75px;position: relative;}

.index2 .con1 .c1{color: #2da2aa;}

.index2 .con1 .c2{color: #2da2aa;line-height: 1.3;margin: 12px 0 20px;}

.index2 .con1 .c3{line-height: 28px;width: 100% - 250px;}

.index2_sw{overflow:initial;}

.index2_sw .ss{display: flex;align-items: center;}

.index2_sw .ss .img {overflow: hidden;border-radius: 100%;position: relative;width: 655px;margin-right: 140px;}

.index2_sw .ss .img img{width: 100%;height: 100%;}

.index2_sw .ss .img .i1{animation: in2dh2 8s  infinite linear;}

.index2_sw .ss .img .i2{position: absolute;left: 50%;top: 50%;width: calc(100% - 90px);height: calc(100% - 90px);transform: translate(-50%,-50%);border-radius: 100%;}


.index2_sw .ss .txt{transform: translateY(-70%);}

.index2_sw .ss .txt .t1{margin-bottom: 45px;color: #2da2aa;}

.tsgd{height: 60px;width: 250px;line-height: 60px;position: relative;}

.tsgd span{display: block;color: #2da2aa;}

.tsgd s{display: block;position: absolute;bottom: 0;left: 0;width: 100%; border-bottom:1px solid #2da2aa;}

.tsgd2 span{color: #fff;}

.tsgd2  s{border-bottom: 1px solid #fff;}

.tsgd:hover s{animation: in2dh 1.5s infinite linear ;}

@keyframes  in2dh {
    0%{width: 0%;}
    100%{width: 100%;}

}

@keyframes  in2dh2 {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}

}

.beijfd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.beijfd .bei3{position: absolute;right: 0%;width: 100%;top: 140px;left: 85%;}

.beijfd .bei3 .index2_sw .ss .img{width: 600px;}

.beijfd .bei3 .index2_sw .ss {opacity: 0;transition: all 0.6s;}

.beijfd .bei3 .index2_sw .swiper-slide-active .ss {opacity: 1;transition: all 0.6s;}

.beijfd .bei{}

.beijfd .bei .imgs{position: relative;width: 100%;}

.beijfd .bei .imgs .i2{position: absolute;left: 50%;top: 50%;width: calc(100% - 60px);height: calc(100% - 60px);transform: translate(-50%,-50%);border-radius: 100%;overflow: hidden;}

.beijfd .bei1{width:410px;position: absolute;transform: translateX(-60%);top: -15px;}

.beijfd .bei2{width: 360px;position: absolute;left: 60%;bottom: 40px;}

.beijfd .bei2 .imgs .i2{width: calc(100% - 70px);height: calc(100% - 70px);}

.beijfd .bei1 .imgs {animation: in2dh3 2.5s infinite linear alternate ;}

.beijfd .bei2 .imgs {animation: in2dh3 2s infinite linear alternate ;}

.beijfd .bei3{animation: in2dh4 1.8s infinite linear alternate ;}

@keyframes in2dh3 {
    0%{transform: translateY(0);}
    100%{transform: translateY(-20px);}
}

@keyframes in2dh4 {
    0%{transform: translateY(0);}
    100%{transform: translateY(-30px);}
}

.index2 .con1 .cr{position: absolute;right: 0;bottom: -20px;width: 135px;height: 60px;}

.in2_prev,.in2_next{width: 60px;height: 60px;background: url(../images/in2_8.png) center no-repeat;background-size: 100% 100%;border: 1px solid #2da2aa;border-radius: 100%;top: 0;margin: 0;}

.in2_next{transform: rotate(180deg);right: 0;}

.in2_prev{left: 0;}

.in2_prev:hover,.in2_next:hover{background: #2da2aa url(../images/in2_9.png) center no-repeat;background-size: 100% 100%;}

.index3{}

.index3 .in3_con{position: relative;}

.index3 .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index3 .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

.index3 .img img.act{opacity: 1;}

.index3 .con{position: relative;z-index: 1;padding: 150px 0 40px;}

.index3 .con .cs{color: #fff;text-align: center;}

.index3 .con .cs .c2{margin: 25px 0 40px;}

.index3 .con .cs .c3{line-height: 30px;}

.index3 .con  .c4{margin-top: 265px;}

.index3 .con  .c4 .ul{display: flex;justify-content: space-between;}

.index3 .con  .c4  .li{position: relative;}

.index3 .con  .c4  .li a{display: block;color: #fff;}

.index3 .con  .c4  .li .l1{opacity: 0.5;width: 60px;}

.index3 .con  .c4  .li .l2{margin: 10px 0 25px;opacity: 0.2;}

.index3 .con  .c4  .li .l4{width: 68px;height: 68px;border: 1px dashed #fff;border-radius: 100%;padding: 6px;opacity: 0;margin-top: 45px;}

.index3 .con  .c4  .li .l4 span{background: #fff;display: block;height: 100%;border-radius: 100%;color: #2da2aa;text-align: center;line-height: 50px;}

.index3 .con  .c4  .li:hover .l1{opacity: 1;}

.index3 .con  .c4  .li:hover .l2{opacity: 1;}

.index3 .con  .c4  .li:hover .l4{opacity: 1;}

.index3 .con  .c4  .li:hover{transform: translateY(-45px);}

.index3 .con  .c4  .swiper-slide{width: auto;}

.index3 .con  .c4 .swiper-wrapper{justify-content: space-between;padding-top: 45px;}

.index4{background: #f9f9f9;position: relative;}

.index4 .in4_con{max-width: 1920px;margin: 0 auto;position: relative;}

.index4 .in4_con .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 100px;}


.index4 .in4_con .con .cs{text-align: center;}

.index4 .in4_con .con .c1{color: #2da2aa;}

.index4 .in4_con .con .c2{color: #2da2aa;margin: 25px 0 30px;}

.index4 .in4_con .con .c3{width: 1135px;margin: 0 auto;line-height: 30px;}

.index4 .in4_con .con .c4{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index4 .in4_con .con .c4 .li{width: 1px;height: 1px;position: absolute;}

.index4 .in4_con .con .c4 .li .ln{width: 415px;position: absolute;left: -57px;top: -57px;display: flex;justify-content: space-between;align-items: center;}

.index4 .in4_con .con .c4 .li.lih .ln{left: auto;right: -57px;top: -57px;}

.index4 .in4_con .con .c4 .li .l1{width: 115px;height: 115px;position: relative;}

.index4 .in4_con .con .c4 .li .l1::after{content: "";width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(7, 69, 148, 0.1);border-radius: 100%;animation: in4dh1 1.5s infinite linear alternate;}

.index4 .in4_con .con .c4 .li .l1::before{width: 100px;height: 2px;background: rgba(185, 203, 225, 0.2);content: "";position: absolute;left: 50%;top: calc(50% - 1px);}

.index4 .in4_con .con .c4 .li.lih .l1::before{left: auto;right: 50%;}

.index4 .in4_con .con .c4 .li .l1 span{width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(7, 69, 148, 0.2);border-radius: 100%;}

.index4 .in4_con .con .c4 .li .l1 span s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;border-radius: 100%;background: #999999;border: 3px solid #fff;}

.index4 .in4_con .con .c4 .li .l2{width: 280px;background: #c7c7c7;border-radius: 50px;height: 80px;display: flex;align-items: center;padding-left: 5px;text-align: left;color: #fff;position: relative;z-index: 1;overflow: hidden;}

.index4 .in4_con .con .c4 .li .l2::after{content: "";width: 100%;height: 100%;background: url(../images/in5_2.jpg) center no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;transition: all 0.6s;opacity: 0;}

.index4 .in4_con .con .c4 .li .l2 .i{border-radius: 100%;overflow: hidden;margin-right: 22px;position: relative;z-index: 1;width: 70px;height: 70px;}


.index4 .in4_con .con .c4 .li .l2 .ts{position: relative;z-index: 1;}

.index4 .in4_con .con .c4 .li .l2 .t2{margin-top: 10px;}

.index4 .in4_con .con .c4 .li:hover .l2::after{opacity: 1;transition: all 0.6s;}

.index4 .in4_con .con .c4 .li:hover .l1 span s{background: #2da2aa;}

.index4 .in4_con .con .c4 .li.liw .l1::before{width: 80px;height: 30px;background: none;border-top: 2px solid rgba(185, 203, 225, 0.2);border-right: 2px solid rgba(185, 203, 225, 0.2);}

.index4 .in4_con .con .c4 .li.liw .l1{top: -60px;}

.index4 .in4_con .con .c4 .li.liw .ln{width: 375px;}

.index4 .in4_con .con .c4 .li.liw .ln{top: 3px;left: -54px;}

.index4 .in4_con .con .c4 .li.lis .ln{width: 280px;display: block;left: -37px;}

.index4 .in4_con .con .c4 .li.lis .l1{left: -20px;margin-bottom: 10px;}

.index4 .in4_con .con .c4 .li.lis .l1::before{width: 2px;height: 70px;left: 50%;top: 50%;}

.index4 .in4_con .con .c4 .li.li1{left: 47%;top: 46%;}

.index4 .in4_con .con .c4 .li.li2{left: 24%;top: 57%;}

.index4 .in4_con .con .c4 .li.li3{left: 34.5%;top: 76%;}

.index4 .in4_con .con .c4 .li.li4{left: 49.2%;top: 47%;}

.index4 .in4_con .con .c4 .li.li5{left: 49.5%;top: 49.5%;}

.index4 .in4_con .con .c4 .li.li6{left: 48%;top: 53.5%;}

.index4 .in4_con .con .c4 .li.li7{left: 75%;top: 48%;}

.index4 .in4_con .con .c4 .li.li8{left: 69.5%;top: 56.8%;}

.index5{background: url(../images/in5_1.jpg) center no-repeat fixed;background-size: cover;}

.index5 .con1{display: flex;justify-content: space-between;}

.index5 .con1 .con_le{color: #fff;}

.index5 .con1 .con_le .le2{margin: 25px 0 45px;}

.index5 .con1 .con_le .le3{line-height: 30px;}

.index5 .con1 .con_le .le4{margin-top: 100px;}

.index5 .con1 .con_re .sp{display: block;width: 125px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;color: #fff;cursor: pointer;margin-bottom: 20px;}

.index5 .con1 .con_re .sp .nr{display: none;}

.index5 .con1 .con_re .sp:last-child{margin-bottom: 0;}

.index5 .con1 .con_re .sp.act{background: #2da2aa;border: 1px solid #2da2aa;}

.index5 .con1 .con_re .sp:hover{background: #2da2aa;border: 1px solid #2da2aa;}

.index5 .con2{margin-top: 160px;}

.index5 .con2 .ss{background: #fff;transform: translateY(50px);position: relative;}

.index5 .con2 .ss::after{position: absolute;left: -1px;top: -1px;width: calc(100% + 2px);height: calc(100% + 2px);content: ""; background: url(../images/in5_2.jpg) center no-repeat;background-size: 100% 100%;transition: all 0.6s;opacity: 0;}

.index5 .con2 .ss a{display: block;padding: 50px 20px;position: relative;z-index: 1;}

.index5 .con2 .ss .s2{line-height: 30px;   display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #333333;margin-top: 16px;}

.index5 .con2 .ss .s3{margin-top: 35px;opacity: 0;}

.index5 .con2 .ss .s3 span{border-bottom: 1px solid #222222;display: inline-block;line-height: 16px;}

.index5 .con2 .ss:hover .s3{opacity: 1;}

.index5 .con2 .ss:hover{transform: translateY(0);}

.index5 .con2 .ss:hover .s1{color: #fff;}

.index5 .con2 .ss:hover .s2{color: #fff;}

.index5 .con2 .ss:hover .s3 span{color: #fff;border-bottom: 1px solid #fff;}

.index5 .con2 .ss:hover::after{opacity: 1;transition: all 0.6s;}

.floot{}

.floot .con1{background: url(../images/floot_1.jpg) center no-repeat;background-size:cover;padding: 120px 0 210px;text-align: center;color: #fff;position: relative;}

.floot .con1 .c2{margin-top: 20px;}

.floot .con1 .c3{position: absolute;bottom: -130px;width: 100%;}

.floot .con1 .c3 .ul{display: flex;background: #f3f3f3;color: #333333;border-radius: 8px;height: 260px;align-items: center;}

.floot .con1 .c3 .ul .li{width: 32.14%;position: relative;}

.floot .con1 .c3 .ul .li::after{content: "";width: 1px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 120px;background: #dddddd;}

.floot .con1 .c3 .ul .li:nth-child(2n){width: 35.72%;}

.floot .con1 .c3 .ul .li:last-child{cursor: pointer;}

.floot .con1 .c3 .ul .li .l1{width: 70px;margin: 0 auto;border: 1px solid #465159;border-radius: 100%;position: relative;}

.floot .con1 .c3 .ul .li .l1 .fc{width: 100px;height: 100px;position: absolute;left: 50%; bottom: 125%; transform: translateX(-50%);background: #fff;opacity: 0;box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.01);}

.floot .con1 .c3 .ul .li .l1 .fc img{position: relative;z-index: 1;}

.floot .con1 .c3 .ul .li .l1 .fc2{width: 200px;height: 40px;line-height: 40px; text-align: left;padding: 0 15px;display: none;}

.floot .con1 .c3 .ul .li .l1 .fc::after{content: "";width: 12px;height: 12px;transform: rotate(45deg) translateX(-50%);position: absolute;left: 50%;bottom: -8px;background: #fff;}

.floot .con1 .c3 .ul .li .l2{margin: 25px 0 10px;}

.floot .con1 .c3 .ul .li .l2 a{color: #333333;}

.floot .con1 .c3 .ul .li .l3{color: #777777;}

.floot .con1 .c3 .ul .li .l2 a:hover{color: #2da2aa;}

.floot .con1 .c3 .ul .li:hover .l2{color: #2da2aa;}

.floot .con1 .c3 .ul .li:hover .l1 .fc{bottom: 120%; opacity: 1;}

.floot .con2{padding: 200px 0 70px;}

.floot .con2 .c1{display: flex;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px solid #dddddd;}

.floot .con2 .c1 .cr{display: flex;}

.floot .con2 .c1 .cr a{display: block;margin-left: 15px;color: #333333;}
 
.floot .con2 .c1 .cr a:hover{color: #2da2aa;}

.floot .con2 .c2{padding-top: 20px;display: flex;justify-content: space-between;}


.floot .con2 .c2 .cl{}

.floot .con2 .c2 .cl .l img{width: 20px;height: 20px;transform: translateY(3px);}

.floot .con2 .c2 .cl .l{display: flex;margin-bottom: 10px;line-height: 24px;}

.floot .con2 .c2 .cl .l s{display: inline-block;width: 1px;height: 12px;background: #dadada;margin: 0 15px;transform: translateY(7px);}

.floot .con2 .c2 .cl .l a{color: #333333;}

.floot .con2 .c2 .cl .l a:hover{color: #2da2aa;}

.floot .con2 .c2 .cr .r1{overflow: hidden;line-height: 20px;}

.floot .con2 .c2 .cr .r1 img{float: right;width: 25px;}

.floot .con2 .c2 .cr .r1 span{display: block; float: right;}

.floot .con2 .c2 .cr .r1 s{display: block;width: 1px;height: 12px;background: #dadada;float: right;margin: 0 15px 0 15px;transform: translateY(3px);}

.floot .con2 .c2 .cr .r2{display: flex;margin-top: 15px;}

.floot .con2 .c2 .cr .r2 .img{margin-left: 20px;}

.floot .con2 .c2 .cr .r2 .img:first-child{margin-left: 0;}

.floot .con2 .c2 .cr .r2 img{border: 1px solid #cfcfcf;}

.floot .con2 .c2 .cr .r2 span{display: block;color: #333333;margin-top: 10px;}

.floot .con2 .c3{display: flex;justify-content: space-between;margin-top: 45px;}

.floot .con2 .c3 .cl{display: flex;}

.floot .con2 .c3 .cl a:hover{color: #2da2aa;}

.floot .con2 .c3 .cl .as{margin-right: 16px;}

.floot .con2 .c3 .cl .as a{border-bottom: 1px solid #fff;color: #2da2aa;display: inline-block;margin: 0 3px;}

.floot .con2 .c3 .cr a:hover{color: #2da2aa;}

.floot .con2 .c3 .cl .as a:hover{border-bottom: 1px solid #2da2aa;}

.cebianl{position: fixed;right: -100px;top: 50%;z-index: 10;border-radius: 50px;background: #fff;border: 1px solid rgba(0, 0, 0, 0.05);width: 60px;transform: translateY(-50%);transition: all 0.6s;}

.cebianl.act{right: 20px;transition: all 0.6s;}

.cebianl .img{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer;}

.cebianl .img::after{content: "";width: 16px;background: #e6e6e6; height: 1px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}

.cebianl .i{position: relative;width: 25px;}

.cebianl .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.cebianl .img:hover .i img:last-child{opacity: 1;}

.cebianl .img:hover .i img:first-child{opacity: 0;}

.cebianl  .ce_top .img::after{content: none;}

.cebianl .dianh{position: absolute;right: 125%;background: #fff;border-radius: 50px;height: 50px;padding: 0 30px 0 20px;   white-space: nowrap;line-height: 50px;border: 1px solid rgba(0, 0, 0, 0.05);pointer-events: none;opacity: 0;}

/* .cebianl .dianh::after{content: "";width: 10px;height: 10px;background: #fff;position: absolute;right: -1px;top: 50%;transform: rotate(45deg) translateY(-50%);border-top: 1px solid rgba(0, 0, 0, 0.05);border-right: 1px solid rgba(0, 0, 0, 0.05);} */

.cebianl .img:hover .dianh{opacity: 1;right: 115%;}

.biaodiantc{position: fixed;z-index: 100;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;left: 0;top: 0;display: none;}

.biaodiantc .biaod_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1100px;height: 730px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 0 80px;border-radius: 5px;}

.biaodiantc .biaod_con .cons{width: 100%;}

.biaodiantc .biaod_con .con1{margin-bottom: 50px;}

.biaodiantc .biaod_con .con2{}

.biaodiantc .biaod_con .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.biaodiantc .biaod_con .con2 .ul .li{width: 100%;border: 1px solid #e1e3e5;margin-bottom: 25px;border-radius: 5px;overflow: hidden;position: relative;}

.biaodiantc .biaod_con .con2 .ul .li:last-child{margin-bottom: 0;}

.biaodiantc .biaod_con .con2 .ul .li input{width: 100%;height: 56px;border: 0;outline: none;padding-left: 20px;color: #333333;font-size: 16px;}

.biaodiantc .biaod_con .con2 .ul .li .yzm{width: 110px;height: 40px;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer;}

.biaodiantc .biaod_con .con2 .ul .li .yzm img{width: 100%;}

.biaodiantc .biaod_con .con2 .ul .li2{width: 49%;}

.biaodiantc .biaod_con .con2 .ul .li input::-webkit-input-placeholder{
    color:#8a9199;
    font-size:16px;
   
}
.biaodiantc .biaod_con .con2 .ul .li input:-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input::-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input:-ms-input-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input::-webkit-input-placeholder{
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input:-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input::-moz-placeholder {
    color:#8a9199;
    font-size:16px;
}
.biaodiantc .biaod_con .con2 .ul .li input:-ms-input-placeholder {
    color:#8a9199;
    font-size:16px;
}

.biaodiantc .biaod_con .con3{display: flex;justify-content: center;margin-top: 40px;}

.biaodiantc .biaod_con .con3 .c{width: 200px;height: 50px;background: #2da2aa;color: #fff;text-align: center;line-height: 50px;border-radius: 3px;cursor: pointer;}

.biaodiantc .biaod_con .out{width: 30px;height: 30px;border: 1px solid #c8cacc;border-radius: 100%;position: absolute;right: 20px;top: 20px;cursor: pointer;}

.biaodiantc .biaod_con .out img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.biaodiantc .biaod_con .out:hover img:last-child{opacity: 1;}

.biaodiantc .biaod_con .out:hover img:first-child{opacity: 0;}

.biaodiantc .biaod_con .out:hover{border: 1px solid #2da2aa;}

.tstc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 110;background: rgba(0, 0, 0, 0.5);display: none;}

.tstc .ti_con{width: 300px;height: 180px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px;background: #fff;text-align: center;padding-top: 30px;}

.tstc .ti_con .c2{display: flex;justify-content: center;margin-top: 30px;}

.tstc .ti_con .c2 .c{width: 200px;height: 50px;text-align: center;line-height: 50px;background: #2da2aa;color: #fff;border-radius: 3px;cursor: pointer;}





@keyframes  in4dh1 {
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(0.6);}

}


@media screen and (max-width:1800px) {
    .head .he_con .con_re .re2{margin-left: 120px;}
}



@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_42{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_56{font-size: 44px;}

    .f_58{font-size: 44px;}

    .f_64{font-size: 50px;}

    .f_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .p_120{padding: 100px 0;}

    .index2{padding: 70px 0 120px;}

    .head .he_con .con_re .re2{    margin-left: 300px;}

    .head .he_con .con_re .ul .li{padding: 0 15px;}

    .head .he_con .con_le a{width: 190px;}

    .head{height: 100px;}
    
    .head.act{height: 80px;}


    .index2_sw .ss .img{width: 550px;}

    .beijfd .bei1{width: 360px;}

    .beijfd .bei2{width: 300px;}

    .beijfd .bei3 .index2_sw .ss .img{width: 500px;}

    .index4 .in4_con .con .c4 .li .l2{width: 200px;height: 65px;}

    .index4 .in4_con .con .c4 .li .ln{width: 330px;}

    .index4 .in4_con .con .c4 .li .l2 .i{width: 57px;height: 57px;}

    .index4 .in4_con .con .c4 .li.liw .ln{width: 300px;}
  
    @keyframes  in4dh1 {
        0%{transform: translate(-50%,-50%) scale(0.8);}
        100%{transform: translate(-50%,-50%) scale(0.6);}
    
    }

    .index5 .con2{margin-top: 120px;}

    .index5 .con1 .con_le .le4{margin-top: 60px;}

    .index5 .con1 .con_le .le2{margin: 20px 0 40px;}

    .index3 .con .c4{margin-top: 200px;}

    .index3 .con{padding: 120px 0 40px;}

    .biaodiantc .biaod_con{width: 900px;height: 600px;}
}


@media screen and (max-width:1500px) {

    .index4 .in4_con .con .c4 .li .l2{height: 60px;}

    .index4 .in4_con .con .c4 .li .l2 .t2{margin-top: 5px;}

    .index4 .in4_con .con .c4 .li .l2 .i{width: 52px;height: 52px;}
  
    .index2_sw .ss .img{width: 500px;}

    .beijfd .bei3 .index2_sw .ss .img{width: 450px;}

    .index2 .con1 .cr{bottom: 0;}

    .biaodiantc .biaod_con{width: 800px;height: 550px;}

    .head .he_con .con_re .re2{margin-left: 200px;}

    .index5 .con2{margin-top: 80px;}

    .index5 .con1 .con_le .le4{margin-top: 40px;}

    .index5 .con1 .con_le .le2{margin: 15px 0 30px;}

    
    .index2 .con1 .cl{text-align: center;}
}

@media screen and (max-width:1400px) {
    
    .head .he_con .con_re .ul .li{padding: 0 18px;}

    .index4 .in4_con .con .c4 .li .ln{width: 300px;}

    .index4 .in4_con .con .c4 .li .l2{width: 180px;height: 55px;}

    .index4 .in4_con .con .c4 .li .l2 .i{margin-right: 15px;width: 45px;height: 45px;}

    .index4 .in4_con .con .c4 .li.liw .ln{width: 270px;}

    .index2 .con1 .cl{text-align: center;}

    .index4 .in4_con .con{padding-top: 70px;}

    .in1_ban .dibun .id_con .con_le{padding-left: 3%;}

    .in1_ban .dibun .id_con .con_re{padding: 0 30px 0 40px;}


}

@media screen and (max-width:1025px) {

    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .f_18{ font-size:16px; }

    .f_19{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:20px; }

    .f_36{ font-size:20px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_42{font-size: 22px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 24px;}

    .f_50{font-size: 24px;}

    .f_52{font-size: 26px;}

    .f_54{font-size: 26px;}

    .f_56{font-size: 26px;}

    .f_58{font-size: 26px;}

    .f_60{font-size: 26px;}

    .f_64{font-size: 26px;}

    .f_68{font-size: 26px;}

    .f_72{font-size: 30px;}

    .f_80{font-size: 30px;}


    .cebianl{right: 5px;width: 40px;top: 60%;}

    .cebianl .img{width: 40px;height: 40px;}

    .biaodiantc .biaod_con{width: 90%;height: 530px;padding: 0 20px;}

    .biaodiantc .biaod_con .con1{margin-bottom: 30px;}

    .biaodiantc .biaod_con .con2 .ul .li{margin-bottom: 15px;}

    .mhead{display: block;}

    .p_120{padding: 40px 0;}

    .head{display: none;}

    body{min-width: 200px;margin-top: 50px;}
    
    .ibox,.ibox2{min-width: 200px;width: 90%;}

    .wow{opacity: 1;}

    .pc{display: none;}

    .yd{display: block;}

    .in1_ban .dibun .id_con{flex-wrap: wrap;width: 100%;}

    .in1_ban .dibun .id_con .con_le{width: 100%;height: 90px;padding: 0 5%;}

    .in1_ban .dibun{height: auto;position: relative;}

    .in1_ban .dibun .id_con .con_re{height: 60px;position: absolute;width: 100%;bottom: 90px;padding: 0 5%;}

    .qeih {right: 5%;}

    .in1_ban .dibun .id_con .con_le .le p{width: calc(100% - 70px);}

    .index2 .con1 .cr{display: none;}

    .beijfd{display: none;}

    .in2_sp{bottom: 2px !important;}

    .in2_sp span{background: #2da2aa;}

    .index2_sw .ss{flex-wrap: wrap;}

    .index2_sw .ss .txt{transform: translate(0,0);width: 100%;margin-top: 25px;}

    .index2_sw .ss .img{width: 300px;margin-right: 0;margin: 0 auto;}

    .index2_sw .ss .img .i2{width: calc(100% - 60px);height: calc(100% - 60px);}

    .index2_sw .ss .txt .t1{margin-bottom: 5px;text-align: center;line-height: 1.4;}

    .index2_sw .ss .txt .t2{display: flex;justify-content: center;}

    .tsgd{width: 200px;height: 50px;line-height: 50px;}

    .index2 .con1{margin-bottom: 30px;}

    .index2{padding: 40px 0;}

    .index2 .con2 .swiper-container{padding-bottom: 30px;}

    .index3 .con{padding:  0;}


    .index3 .con .c4{margin-top: 0px;}

    .index3 .con .cs{position: absolute;top: 40px;width: 100%;z-index: 1;}


    .index3 .con .c4 .swiper-wrapper{padding-top: 0;}

    .index3 .con .c4 .tu img{width: 100%;}

    .index3 .con .c4 .li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

    .index3 .con .c4 .li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 5%;}

    .index3 .con .c4 .swiper-slide{width: 100%;}

    .index3 .con .ibox2{width: 100%;}

    .index3 .con .in2_sp{bottom: 30px !important;}

    .index3 .con .in2_sp span{background: #fff;}

    .index4 .in4_con .con{position:relative;padding: 40px 0; }
    

    .index4 .in4_con .con .c3{width: 90%;}

    .index4 .in4_con .con .c4{position: relative;}

    .index4 .in4_con .con .c2{margin: 20px 0 25px;}

    .index5{background: url(../images/in5_1.jpg) center no-repeat;background-size:cover;}

    .index5 .con2 .swiper-container{padding-bottom: 30px;}

    .index5 .con2 .ss{transform: translateY(0);}

    .index5 .con2 .in2_sp span{background: #fff;}

    .floot .con1{padding: 40px 0 ;}

    .floot .con1 .c3{position: static;margin-top: 30px;}

    .floot .con1 .c3 .ul{flex-wrap: wrap;height: auto;padding: 30px 0;}

    .floot .con1 .c3 .ul .li{width: 100%;margin-bottom: 20px;}

    .floot .con1 .c3 .ul .li:last-child{margin-bottom: 0;}
    
    .floot .con1 .c3 .ul .li:nth-child(2n){width: 100%;}

    .floot .con1 .c3 .ul .li .l1 .fc2{width: 140px;padding: 0;}

    .floot .con2{padding: 40px 0 20px;}

    .floot .con2 .c1{flex-wrap: wrap;}

    .floot .con2 .c1 .cr{display: none;}

    .in1_ban .ss .txt .t1{top: 50px;}

    .in1_ban .ss .txt .t2{top: 50px;}

    .index5 .con2 .ss .s3{opacity: 1;}

    .biaodiantc .biaod_con .con2 .ul .li input{height: 40px;}

    .biaodiantc .biaod_con .con2 .ul .li{width: 100%;}

    .biaodiantc .biaod_con .con2 .ul .li .yzm{width: 100px;height: 36px;right: 3px;}

}

@media screen and (max-width:800px) {

    .index5 .con1{flex-wrap: wrap;}

    .index5 .con1 .con_le{width: 100%;}

    .index5 .con1 .con_re{width: 100%;margin-top: 25px;display: flex;}

    .index5 .con1 .con_re .sp{margin-bottom: 0;margin-right: 15px;}

    .index5 .con1 .con_re .sp:last-child{margin-right: 0;}

    .index5 .con1 .con_le .le2{margin: 20px 0 25px;}

    .index5 .con1 .con_le .le4{margin-top: 30px;}

    .floot .con1 a img{width: 200px;}

    .index5 .con2{margin-top: 50px;}

    .floot .con2 .c2{flex-wrap: wrap;}

    .floot .con2 .c2 .cl{width: 100%;}

    /* .floot .con2 .c2 .cr{width: 100%;} */

    .floot .con2 .c3{flex-wrap: wrap;line-height: 20px;justify-content: center;margin-top: 20px;}

    .floot .con2 .c3 .cl{width: 100%;flex-wrap: wrap;text-align: center;justify-content: center;}

    .floot .con2 .c3 .cl .as a{line-height: 14px;}

    .floot .con1 .c3 .ul .li .l1{width: 50px;}
}


/* 首页 */
#index .banner {
width: 100%;
position: relative;
}

#index .banner .swiper1 {
width: 100%;
}

#index .banner .swiper1 .s1_box {
width: 100%;
position: relative;
z-index: 2;
}
#index .banner .swiper1 .ban-video{
	    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#index .banner .swiper1 .s1_box .s1_img {
width: 100%;
}

#index .banner .swiper1 .s1_box .s1_img img {
width: 100%;
}

#index .banner .swiper1 .s1_box .s1_img img:last-child {
    display: none;
}

#index .banner .swiper1 .s1_box .s1_fp {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#index .banner .swiper1 .s1_box .s1_fp .ibox {
}

#index .banner .swiper1 .s1_box .s1_fp .ibox .d_text {
    width: 100%;
    text-align: center;
    color: #fff;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .s1_box .s1_fp .ibox .c_text {
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 30px 0 70px 0;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .s1_box .s1_fp .ibox .more {
    margin: 0 auto;
    transform: translateY(30px);
    opacity: 0;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .d_text {
transform: translateY(0px);
opacity: 1;
transition-delay: .5s;
-webkit-transition-delay: .5s;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .c_text {
transform: translateY(0px);
opacity: 1;
transition-delay: .7s;
-webkit-transition-delay: .7s;
}

#index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .ibox .more {
transform: translateY(0px);
opacity: 1;
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
}

#index .banner > .ibox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
padding: 10px;
}

/* 公司简介 */
#index .gsjj {
width: 100%;
background: url(../../images/i_10.png) center no-repeat;
background-size: cover;
}

#index .gsjj .ibox {
padding-top: 101px;
}

#index .gsjj .ibox .lrt {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}

#index .gsjj .ibox .lrt .left {
width: 50%;
position: relative;
cursor: pointer;
}

#index .gsjj .ibox .lrt .left .big_img {
width: 100%;
}

#index .gsjj .ibox .lrt .left .big_img img {
    width: 100%;
}

#index .gsjj .ibox .lrt .left .left_fp {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

#index .gsjj .ibox .lrt .left:hover .left_fp .fp_img img {
transform: scale(0.8);
}

#index .gsjj .ibox .lrt .left .left_fp .d_text {
color: #fff;
padding-bottom: 11px;
margin-top: 40px;
position: relative;
}

#index .gsjj .ibox .lrt .left .left_fp .d_text::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

#index .gsjj .ibox .lrt .left:hover .left_fp .d_text::after {
width: 100%;
opacity: 1;
}

#index .gsjj .ibox .lrt .right {
width: 50%;
padding: 0 5.5556%;
}

#index .gsjj .ibox .lrt .right .d_text {
color: #333;
}

#index .gsjj .ibox .lrt .right .gmy_text {
margin: 25px 0 28px 0;
}

#index .gsjj .ibox .lrt .right .cc_text {
width: 100%;
height: 180px;
overflow: auto;
padding-right: 15px;
}

#index .gsjj .ibox .lrt .right .c_text {
color: #333;
line-height: 1.8;
margin-bottom: 5px;
text-align: justify;
}

#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar {
width: 4px;
height: 1px;
}

#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar-thumb {
background: #2da2aa;
}

#index .gsjj .ibox .lrt .right .cc_text::-webkit-scrollbar-track {
background: #fff;
}

#index .gsjj .ibox .lrt .right .c_text:last-child {
margin-bottom: 0;
}

#index .gsjj .ibox .lrt .right .three_img {
width: 100%;
display: flex;
justify-content: space-between;
margin: 40px 0 60px 0;
}

#index .gsjj .ibox .lrt .right .three_img .three {
    /*margin-right: 78px;
    display: flex;*/
   display: inline-block;
   max-width: 30%;
   overflow: hidden;
}

#index .gsjj .ibox .lrt .right .three_img .three:last-child {
margin-right: 0;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi {
	float: left;
	/*width: calc(100% - 50px);*/
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin {
color: #999;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx {
display: flex;
align-items: flex-end;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .num {
    color: #333;
    font-family: "din";
    position: relative;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .nian {
    color: #333;
    /*transform: translate(3px, -4px);*/
}

#index .gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before {
content: "+";
display: block;
position: absolute;
top: -2px;
right: -15px;
color: #333;
font-size: 28px;
}

#index .gsjj .ibox .lrt .right .three_img .three .tupian {
width: 30px;
float: right;
margin-left: 20px;
}

/* 研发技术 */
#index .yfjs {
width: 100%;
/*background: url(../images/i_8.jpg) center bottom 50px no-repeat;*/
}

#index .yfjs .ibox {
padding-top: 100px;
}

#index .yfjs .ibox .gmy_text {
text-align: center;
}

#index .yfjs .ibox .yfcx {
margin-top: 52px;
background: url(../images/i_9.jpg) center no-repeat;
overflow: hidden;
display: flex;
/*padding: 52px 23% 52px 18.111%;*/
padding: 50px 15%;
}
#index .yfjs .ibox .yfcx-div{
	position: relative;
}
#index .yfjs .ibox .yfcx .swi3 {
/*width: 50%;
height: 100%;
position: absolute;
left: 0;
top: 0;*/
	width: 62%;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 {
width: 100%;
height: 100%;
background-color: #fff;
}

#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box {
    width: 100%;
    padding: 95px 45px 153px;
}

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .s3_text {
        color: #333;
        line-height: 1.4;
    }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .d_text {
        color: #333;
        line-height: 1.5;
        font-weight: bold;
        margin: 26px 0 28px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .c_text {
        color: #666;
        line-height: 1.5;
        margin-bottom: 100px;
    }

#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn {
    width: 86px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 68px;
    right: 82px;
    z-index: 5;
}

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .prev3 {
        width: 30px;
        height: 14px;
        background: url(../images/i_16.png) center left no-repeat;
        cursor: pointer;
    }

        #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .prev3:hover {
            transform: translateX(-5px);
        }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .next3:hover {
        transform: translateX(5px);
    }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .next3 {
        width: 30px;
        height: 14px;
        background: url(../images/i_17.png) center right no-repeat;
        cursor: pointer;
    }

    #index .yfjs .ibox .yfcx .swi3 .swiper3 .btn .line {
        width: 2px;
        height: 15px;
        background-color: #dddddd;
    }

#index .yfjs .ibox .yfcx .swi4 {
width: 38%;
/*margin-left: 50%;*/
/*margin-top: 15px;*/
}

#index .yfjs .ibox .yfcx .swi4 .s4_box {
width: 100%;
}

#index .yfjs .ibox .yfcx .swi4 .s4_box .s4_img {
    width: 100%;
}

    #index .yfjs .ibox .yfcx .swi4 .s4_box .s4_img img {
        width: 100%;
    }

/* 人才 */
#index .sprc {
width: 100%;
position: relative;
}

#index .sprc::before {
content: "";
display: block;
width: 610px;
height: 765px;
background-color: #e9edef;
position: absolute;
left: 0;
bottom: 0;
}

#index .sprc .ibox {
padding-top: 160px;
position: relative;
}

#index .sprc .ibox .sp_img {
width: 100%;
height: 700px;
position: relative;
}

#index .sprc .ibox .sp_img > img {
width: 100%;
height: 100%;
object-fit: none;
}

#index .sprc .ibox .sp_fp {
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
padding-top: 100px;
}

#index .sprc .ibox .sp_fp .c_text {
color: #fff;
font-weight: bold;
margin: 135px 0 70px 0;
    padding: 0 25px;
    line-height: 1.2;
}

#index .sprc .ibox .sp_fp .zpmh {
width: 330px;
height: 82px;
border-radius: 41px;
background-color: #2da2aa;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 58px;
}

#index .sprc .ibox .sp_fp .zpmh .zpnh_text {
color: #fff;
}

#index .sprc .ibox .sp_fp .zpmh:hover .jt_img {
transform: translateX(5px);
}

/* 新闻资讯 */
#index .xwzx {
width: 100%;
}

#index .xwzx .ibox {
padding: 100px 0;
}

#index .xwzx .ibox .gmy_text {
text-align: center;
}

#index .xwzx .ibox .swiper5 {
margin: 50px 0 90px 0;
}

#index .xwzx .ibox .swiper5 .s5_box {
width: 100%;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img {
width: 100%;
overflow: hidden;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_img img {
    width: 100%;
}

#index .xwzx .ibox .swiper5 .s5_box:hover .s5_img img {
transform: scale(1.2);
}

#index .xwzx .ibox .swiper5 .s5_box .s5_text {
width: 100%;
padding: 30px 0 0 0;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_text .year {
    color: #999;
    font-family: Arial;
}

#index .xwzx .ibox .swiper5 .s5_box .s5_text .d_text {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#index .xwzx .ibox .gdxw {
width: 185px;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 29px;
border-radius: 41px;
background-color: #2da2aa;
margin: 0 auto;
}

#index .xwzx .ibox .gdxw .gdxw_text {
color: #fff;
}

#index .xwzx .ibox .gdxw:hover .jt_img {
transform: translateX(5px);
}

/* 产品中心 */
#index .cpzx {
width: 100%;
}

#index .cpzx .zbox.en {
padding: 77px 0 0 0;
}

#index .cpzx .zbox.en .up {
/*width: 100%;*/
display: flex;
justify-content: space-between;
}

#index .cpzx .zbox.en .up .left {
}

#index .cpzx .zbox.en .up .left .en_jianjie {
color: #333;
font-family: Arial;
margin-top: 7px;
}

#index .cpzx .zbox.en .down {
width: 100%;
margin-top: 17px;
position: relative;
}

#index .cpzx .zbox.en .down1 {
display: none;
}

#index .cpzx .zbox.en .down .four_big_img {
width: 100%;
position: relative;
}

#index .cpzx .zbox.en .down .four_big_img .img1 {
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}

#index .cpzx .zbox.en .down .four_big_img .img1.act {
position: relative;
opacity: 1;
}

#index .cpzx .zbox.en .down .four_img {
width: 100%;
display: flex;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
}

#index .cpzx .zbox.en .down .four_img .four {
width: 25%;
position: relative;
display: block;
}

#index .cpzx .zbox.en .down .four_img .four .f_img {
width: 100%;
}

#index .cpzx .zbox.en .down .four_img .four .f_img img {
width: 100%;
}

#index .cpzx .zbox.en .down .four_img.act .four .f_img img {
width: 100%;
opacity: 0;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp .d_text {
font-family: "din";
color: #fff;
text-transform: uppercase;
}

#index .cpzx .zbox.en .down .four_img.act .four .f_fp .d_text {
font-family: "din";
color: rgba(255, 255, 255, .3);
}

#index .cpzx .zbox.en .down .four_img.act .four.act .f_fp .d_text {
color: #fff;
}

#index .cpzx .zbox.en .down .four_img .four .f_fp .more_en {
position: absolute;
top: 69px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
}

#index .cpzx .zbox.en .down .four_img .four:hover .f_fp .more_en {
top: 61px;
opacity: 1;
}

#index .cpzx .zbox.en .down .four_img .four:hover .more_en::before {
width: 100%;
opacity: 1;
}

/* 脚部 */
.footer {
width: 100%;
height: auto;
background-color: #f3f3f3;
}

.footer .ybox .up {
width: 100%;
height: 170px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #e8e8e8;
}

.footer .ybox .center {
width: 100%;
padding-top: 50px;
display: flex;
justify-content: space-between;
}

.footer .ybox .center .cen_left {
width: 77.5%;
}

.footer .ybox .center .cen_left .ul1 {
width: 100%;
display: flex;
justify-content: space-between;
}

.footer .ybox .center .cen_left .ul1 li {
display: flex;
flex-direction: column;
}

.footer .ybox .center .cen_left .ul1 li div {
margin-bottom: 19px;
}

.footer .ybox .center .cen_left .ul1 li a {
display: inline;
color: #999;
position: relative;
}

.footer .ybox .center .cen_left .ul1 li a::before {
content: "";
display: block;
width: 0;
height: 1px;
background-color: #333;
position: absolute;
bottom: -1px;
left: 0;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .ybox .center .cen_left .ul1 li a:hover::before {
width: 100%;
opacity: 1;
}

.footer .ybox .center .cen_left .ul1 li div:first-child a {
color: #333;
margin-bottom: 29px;
}

.footer .ybox .center .cen_left .ul1 li div:first-child {
margin-bottom: 29px;
}

.footer .ybox .center .cen_left .ul1 li a:hover {
color: #333;
}

.footer .ybox .center .cen_left .ul1 li div.ul1_text {
color: #666;
}

.footer .ybox .center .cen_left .ul1 li div.ul1_text a {
color: #666;
}

.footer .ybox .center .cen_left .ul1 li .three_num {
display: flex;
align-items: center;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three {
margin-bottom: 0;
display: flex;
align-items: center;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three .s1 {
color: #7e807e;
display: block;
}

.footer .ybox .center .cen_left .ul1 li .three_num .three .s2 {
color: #666;
font-weight: bold;
font-family: Arial;
display: block;
}

.footer .ybox .center .cen_left .ul1 li .three_num .c_line {
width: 1px;
height: 15px;
background-color: #a2a3a2;
margin: 0 5px 0 20px;
}

.footer .ybox .center .line {
width: 1px;
height: 250px;
background-color: #e8e8e8;
}

.footer .ybox .center .cen_right {
width: 14.3%;
}

.footer .ybox .center .cen_right .cr_text {
color: #333;
margin-bottom: 28px;
}

.footer .ybox .center .cen_right .two_img {
width: 100%;
display: flex;
justify-content: space-between;
}

.footer .ybox .center .cen_right .two_img .ewm {
display: flex;
align-items: center;
flex-direction: column;
}

.footer .ybox .center .cen_right .two_img .ewm .ewm_text {
color: #999;
margin-top: 8px;
}

.footer .ybox .down {
width: 100%;
height: 76px;
display: flex;
justify-content: space-between;
align-items: center;
}

.footer .ybox .down * {
font-size: 12px;
color: #7d868e;
}

.footer .top {
width: 100%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
background-color: #d9d9d9;
cursor: pointer;
}

.footer .top:hover .img {
transform: translateY(-5px);
}

/* 脚部 */
/* 关于 */
.dff_ban {
width: 100%;
position: relative;
}

.dff_ban .ban_img2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.dff_ban img {
width: 100%;
}
/* .dff_ban .ban_img2{width: auto;height:auto;position: absolute;left: 50%;top: 430px;transform: translateX(-50%);} */
.dff_ban .ban_txt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
text-align: center;
padding-top: 340px;
font-weight: bold;
}

.dff_ban .ban_txt img {
width: auto;
margin: 40px auto 0;
display: black;
}
.maodt {
width: 100%;
background: #f5f9fa;
height: 60px;
position: relative;
}

.maodt .mao_con {
display: flex;
justify-content: space-between;
height: 100%;
}

.maodt .mao_con .con_le {
display: flex;
}

.maodt .mao_con .con_le a {
display: block;
margin-right: 40px;
line-height: 60px;
color: #555555;
position: relative;
}

.maodt .mao_con .con_le a::after {
content: "";
width: 0;
height: 2px;
background: #236cb0;
position: absolute;
left: auto;
right: 0;
bottom: 0;
transition: all 0.6s;
}

.maodt .mao_con .con_le a:hover::after {
width: 100%;
left: 0;
right: auto;
transition: all 0.6s;
}

.maodt .mao_con .con_le a:hover {
color: #236cb0;
}

.maodt .mao_con .con_le a.act::after {
width: 100%;
}

.maodt .mao_con .con_le a.act {
color: #236cb0;
}

.maodt .mao_con .con_re {
display: flex;
align-items: center;
}


.maodt .mao_con .con_re a {
color: #555555;
margin-left: 3px;
}

.maodt .mao_con .con_re img {
margin-right: 5px;
}

.maodt .mao_con .con_re a:hover {
color: #236cb0;
}


.dff_ban .ban_txt .txt2 {
    font-weight: 200;
    margin-top: 40px;
}

.cul1 {
    width: 100%;
    position: relative;
}

.cul1 .l1_con {
}

.cul1 .l1_con .p_s {
margin: 30px auto;
}


.cul1 .l1_con .l1_txt {
text-align: justify;
color: #555555;
line-height: 35px;
}

.cul1 .l1_to {
margin-top: 55px;
}

.cul1 .l1_to .ul {
display: flex;
}

.cul1 .l1_to .ul .li::after {
content: "";
width: 100%;
position: absolute;
left: 0;
top: 0;
background: #bdbdbd;
height: 2px;
z-index: 1;
}

.cul1 .l1_to .ul .li::before {
content: "";
width: 12px;
height: 12px;
border-radius: 20px;
border: 2px solid #bdbdbd;
position: absolute;
left: 50%;
top: -5px;
transform: translateX(-50%);
background: #fff;
z-index: 2;
}

.cul1 .l1_to .ul .li {
width: 12.85%;
position: relative;
cursor: pointer;
transition: all 0.6s;
}

.cul1 .l1_to .ul .li.act {
width: 48.6%;
transition: all 0.6s;
}

.cul1 .l1_to .ul .li .li_top {
text-align: center;
color: #222222;
margin: 15px 0 35px;
}

.cul1 .l1_to .ul .li .li_img {
width: 100%;
overflow: hidden;
height: 315px;
transform: translateY(32.5px);
border: 1px solid #e6edfa;
border-right: none;
position: relative;
}

.cul1 .l1_to .ul .li .li_img .txt {
position: absolute;
bottom: 35px;
left: 50%;
transform: translateX(-50%);
color: #fff;
opacity: 0;
}

.cul1 .l1_to .ul .li:last-child .li_img {
border-right: 0px solid #e6edfa;
}

.cul1 .l1_to .ul .li.act .li_img {
height: auto;
transform: translateY(0);
}

.cul1 .l1_to .ul .li.act .li_img .txt {
display: block;
opacity: 1;
}

.cul1 .l1_to .ul .li .li_img img {
max-width: none;
width: 680px;
height: 380px;
}

.cul1 .l1_to .ul .li.act::before {
border: 2px solid #0771af;
}

.cul1 .l1_to .ul .li.act::after {
background: #0771af;
}

.cul1 .l1_to .ul .li.act .li_top {
color: #0771af;
font-weight: bold;
}
.p_100 {
    padding: 100px 0;
}
.box {
    max-width: 1400px;
    /*min-width: 1200px;*/
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
.p_80_60 {
    padding: 80px 0 60px;
}

#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin{
	min-height: 28px;
}
@media(max-width:1600px){
	.head .he_con .con_re .ul .li .lit a{
		font-size: 16px;
	}
}

.ban-video{
	
}
@media(max-width:1200px){
	#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box{
		padding: 35px;
	}
	.ban-video{
		display: none;
	}
}

@media(max-width:1000px){
	.footer .ybox .center .cen_left .ul1 li:nth-child(1),
	.footer .ybox .center .cen_left .ul1 li:nth-child(2){
		display: none;
	}
	
	#index .yfjs .ibox .yfcx{
		padding: 20px;
	}
	#index .yfjs .ibox .yfcx .swi3{
		width: 100%;
	}
	#index .yfjs .ibox .yfcx .swi4{
		width: 100%;
	}
	#index .gsjj .ibox .lrt .left{
		width: 100%;
	}
	#index .gsjj .ibox .lrt .right{
		width: 100%;
		margin-top: 5vw;
	}
	#index .gsjj .ibox .lrt{
		display: block;
	}
	#index .yfjs .ibox .yfcx{
		display: block;
	}
	#index .gsjj{
		background: initial;
	}
	#index .gsjj .ibox .lrt .right .three_img{
		margin: 30px 0;
	}
	#index .sprc .ibox .sp_fp .c_text{
		padding: 0 5vw;
	}
	.footer .ybox .center .cen_left{
		width: calc(100% - 220px);
	}
	.footer .ybox .center .cen_right{
		width: 200px;
		margin-left: 20px;
	}
	.footer .ybox .center .cen_right .two_img{
		
	}
	#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin{
		height: auto;
	}
	#index .yfjs .ibox .yfcx .swi3{
		/*position: relative;
		width: 100%;
		height: auto;
		min-height: 60vw;
		background: #fff;*/
	}
	#index .yfjs .ibox .yfcx .swi4{
		width: 100%;
		margin: 0;
	}
	#index .yfjs .ibox .yfcx{
		background: initial;
	}
	#index .yfjs{
		background: initial;
	}
}
.md-show{
	display: none;
}
@media(max-width:750px){
	.md-show{
		display: block;
	}
	.pc-show{
		display: none;
	}
	.footer .ybox .center{
		display: block;
	}
	
	.footer .ybox .center .cen_left{
		width: 100%;
	}
	.footer .ybox .center .line{
		display: none;
	}
	.footer .ybox .center .cen_right{
		margin: 0;
		margin-top: 30px;
	}
	.footer .ybox .up{
		height: 120px;
	}
	.footer .ybox .center{
		padding-top: 30px;
	}
	#index .yfjs .ibox .yfcx{
		margin-top: 35px;
	}
	#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box{
		padding: 20px 30px;
	}
	#index .gsjj .ibox .lrt .right .three_img{
		display: block;
		font-size: 0;
		margin-top: 0;
		margin-bottom: 45px;
	}
	#index .gsjj .ibox .lrt .right .three_img .three{
		max-width: initial !important;
		width: 65% !important;
		margin-right: 5% !important;
		margin-top: 35px !important;
	}
	#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .nian{
		transform: initial;
		position: relative;
		top: 0;
		margin-left: 5px;
		
	}
	#index .gsjj .ibox .lrt .right .three_img .three .wenzi .zhijin{
		margin-bottom: 6px;
		min-height: 28px;
	}
	#index .gsjj .ibox .lrt .right .three_img .three:last-child .wenzi .flx .num::before{
		top: -4px;
	    right: -17px;
	    color: #333;
	    font-size: 20px;
	}
	#index .gsjj .ibox .lrt .right .three_img .three .wenzi .flx .num{
		font-size: 30px;
	}
	#index .gsjj .ibox .lrt .right{
		padding: 0;
	}
	#index .gsjj .ibox .lrt{
		margin-top: 15px;
	}
	#index .gsjj .ibox .lrt .right .gmy_text{
		margin: 15px 0;
	}
	.f_16{
		font-size: 14px;
	}
	#index .cpzx .zbox.en .down .four_img .four .f_fp .d_text{
		font-size: 12px;
	}
	#index .xwzx .ibox{
		padding: 50px 0;
	}
	#index .xwzx .ibox .swiper5{
		padding: 40px 0;
		margin: 0;
		margin-bottom: 20px;
	}
	#index .banner .swiper1 .s1_box .s1_img img:first-child {
	    display: none;
	}
	#index .banner .swiper1 .s1_box .s1_img img:last-child {
	    display: block;
	}
	#index .yfjs .ibox .yfcx .swi3 .swiper3 .s3_box .c_text{
		margin-bottom: 50px;
	}
	#index .yfjs .ibox .yfcx .swi3 .swiper3 .btn{
		bottom: 10px;
	}
}




.proinfo{
	
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
}
.proinfo-lt{
	display: inline-block;
	vertical-align: top;
	width: 48.2%;
	float: left;	
	padding-top: 120px;
}
.proinfo-a{
	font-size: 48px;
	line-height: 1.3;
	font-weight: bold;
}
.proinfo-b{
	font-size: 18px;
	color: #666;
	margin-top: 40px;
	line-height: 1.8;
}
.proinfo-c{
	margin-top: 70px;
}

.more_en{
    width: 135px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.more_en .more_text{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial;
}
.more_en.bai .more_text{
    color: #fff;
}
.more .more_img{
    transform: translateX(-5px);
}
.more_en .more_img{
    transform: translateX(0px);
}
.more_en:hover .more_img{
    transform: translateX(5px);
}
.more_en::before{
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: -15px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.more_en:hover::before{
    width: 100%;
    opacity: 1;
}
.more_en.bai::before{
    background-color: #fff;
}

.proinfo-rt{
	max-width: 48%;
	float: right;
}
.proinfo-swiper{
	display: inline-block;
	width: 100%;
	max-width: 610px;
}
.proinfo-slide{
	background: #fff;
}
/*.proinfo-slide{
	width: 100%;
	height: 600px;
}
.proinfo-slide img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}*/
.proinfo-rtsp span{
	background: #eee;
	opacity: 1;
}
.proinfo-rtsp span.swiper-pagination-bullet-active{
	background: #2da2aa;
}

.proinfo-cnt{
	padding-top: 100px;
	padding-bottom: 120px;
}
.proinfo-fg{
	font-size: 0;
	overflow: hidden;
}
.proinfo-f{
	display: inline-block;
	float: left;
	line-height: 1.2;
	font-size: 48px;
	font-weight: bold;
}
.proinfo-g{
	display: inline-block;
	float: right;
	width: 160px;
}
.proinfo-h{
	width: 100%;
	font-size: 18px;
	margin-top: 45px;
	background: url(../images/sfimg02.png) no-repeat center;
}
.proinfo-h table{
	width: 100% !important;
	border: 1px solid rgba(0,0,0,.1);
	border-collapse: collapse;
    border-spacing: 0;
    max-width: 100% !important;
}
.proinfo-h table tr{
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.proinfo-h table tr:nth-child(2n+ 0){
	background: rgba(0,0,0,.1);
}
.proinfo-h table td,
.proinfo-h table th{
	padding:15px 10px;
	text-align: left;
	font-size: 18px;
	line-height: 1.5;
}
.proinfo-h table tr:first-child{
	color: #fff;
	background: #2da2aa;
}
.proinfo-h table th{
	font-size: 22px;
}
.proinfo-h table td:first-child,
.proinfo-h table th:first-child{
	padding-left: 30px;
}
.proinfo-i{
	padding-left: 30px;
	margin-top: 40px;
}
.proinfo-ia{
	font-size: 20px;
	padding-left: 35px;
	display: inline-block;
	line-height: 1.3;
	margin-right: 85px;
	font-weight: bold;
	background:no-repeat left center;
}
.proinfo-j{
	margin-top: 100px;
}
.proinfo-j1{
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
}
.proinfo-j2{
	font-size: 18px;
	line-height: 1.8;
	margin-top: 35px;
	color: #666;
}

@media(max-width:1200px){
	.proinfo-lt{
		padding: 0;
	}
	.proinfo-ia{
		margin-right: 50px;
		margin-bottom: 30px;
	}
	.proinfo-a,
	.proinfo-f,
	.proinfo-j1{
		font-size: 36px;
	}
	.proinfo-h{
		    width: calc(100% + 5vw);
   	 overflow-x: auto;
	}
}
@media(max-width:750px){
	.proinfo{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.proinfo-a,
	.proinfo-f,
	.proinfo-j1{
		font-size: 26px;
	}
	.proinfo-lt{
		width: 100%;
	}
	.proinfo-b{
		font-size: 14px;
		margin-top: 30px;
	}
	.proinfo-c{
		margin-top: 30px;
	}
	.proinfo-cnt{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.proinfo-rt{
		width: 100%;
		margin-top: 40px;
		max-width: initial;
	}
	.proinfo-f{
		width: 100%;
	}
	.proinfo-g{
		display: none;
	}
	.proinfo-h{
		background-size: 60% auto;
		margin-top: 30px;
	}
	.proinfo-h table td, .proinfo-h table th{
		padding: 6px 4px;
		font-size: 12px;
		line-height: 1.5;
	}
	.proinfo-h table th{
		font-size: 14px;
	}
	.proinfo-h table td:first-child, .proinfo-h table th:first-child{
		padding-left: 15px;
	}
	.proinfo-i{
		padding-left: 15px;
	}
	.proinfo-ia{
		font-size: 18px;
		width: 100%;
		padding-left: 30px;
		background-size: 18px auto;
		background-position-y: 2px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.proinfo-j{
		margin-top: 30px;
	}
	.proinfo-j2{
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
}


.gytk-bj{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 169;
	background: rgba(0,0,0,.6);
	display: none;
}
.gytk{
	width: 100%;
	max-width: 60%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	text-align: center;
	transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.gytk>i{
	width: 80px;
	height: 80px;
	background: #fff;
	position: absolute;
	top: 0;
	right: -80px;
}
.gytk>i:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	background: #e6e6e6;
	z-index: 2;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/x03.png) no-repeat center;
	z-index: 3;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:hover:after{
	height: 100%;
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>i:hover:before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all .5s;
-webkit-transition: all .5s;
}
.gytk>div{
	
}
.gytk video,.gytk img{

	max-width: 100%;
	max-height: 80vh;
	display: inline-block;

}
.gytk iframe{
	width: 100%;
	max-width: 1150px;
	height: 600px;
}
.gytk-bj>i{
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(../images/x02.png) no-repeat center; 
	background-size: cover;
	position: absolute;
	top: 5%;
	right: 20%;
	display: none;
}


.sfckgd{
	    width: 185px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 29px;
    border-radius: 41px;
    background-color: #2da2aa;
}
.sfckgd .gdxw_text{
	color: #fff;
}
@media(max-width:1200px){
	.gytk{
		max-width: 80%;
	}
	.gytk-bj>i{
		right: 5%;
	}
	.gytk>i{
		width: 50px;
		height: 50px;
		right: -50px;
	}
	.gytk iframe{
		width: 800px;
		height: 450px;
	}
}
@media(max-width:1000px){
	.gytk iframe{
		width: 600px;
		height: 3350px;
	}
}
@media(max-width:750px){
	.gytk>i{
		width: .6rem;
		height: .6rem;
		right: -.6rem;
		
	}
	.gytk>i:before{
		background-size: .35rem;
	}
	.gytk iframe{
		width: 6rem;
		height: 3.3rem;
	}
	
	#index .xwzx .ibox .gdxw,
	.sfckgd{
		    width: 130px;
	    height: 35px;
	    padding: 0 20px;
	}
	
}

