/* 前端江文哲 */

*,*: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: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,.ul li,.ul td,.ul,.ul dd,.uls,.uls li,.uls li,.uls td,.uls,.uls dd{ list-style-type:none; margin:0; padding:0; }

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

.clearfix { *zoom:1; }

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

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

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

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#019ea3;}

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

.xiao{font-size: 12px !important;}


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


.zijj1{letter-spacing:1px;}

.zijj2{letter-spacing:2px;}

.zijj4{letter-spacing:4px;}

.zijj8{letter-spacing:8px;}


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

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



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

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

.arial{font-family: Arial;}

.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_100{padding: 100px 0;}

.p_120{padding: 120px 0;}

.p_150{padding: 150px 0;}

.pt_80{padding-top: 80px;}

.pt_100{padding-top: 100px;}

.p_80_120{padding: 80px 0 120px;}

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

.pb_100{padding-bottom: 100px;}

/* 可视范围 */

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

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

.pc{display: block;}

.yd{display: none;}




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

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

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

.mhead .logo img{display: block;width: 140px; margin-top: 10px;}

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

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

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:250;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

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

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

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

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

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

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

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

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

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

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

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

.mnav.act{left: 0;}

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

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 200;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

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

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .mbox .dl1{}

.mnav2 .mbox .dl1 dd{}

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

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

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

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

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

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

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

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

.mnav2.act{left: 0;}

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

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

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

.head.act1{height: 80px;}

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

.head .head_con .con_le{display: flex;align-items: center;}

.head .head_con .con_le a{display: block;position: relative;width: 160px;}

.head .head_con .con_le a img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

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

.head .head_con .con_re .re1 .ul{display: flex;height: 100%;}

.head .head_con .con_re .re1 .ul a{display: block;}

.head .head_con .con_re .re1 .ul .li{position: relative;opacity: 0.6;}

.head .head_con .con_re .re1 .ul .li.act{opacity: 1;}

.head .head_con .con_re .re1 .ul .li:hover{opacity: 1;}

.head .head_con .con_re .re1 .ul .li_t{height: 100%;padding: 0 17px;}

.head .head_con .con_re .re1 .ul .li_t a{display: flex;align-items: center;height: 100%;}

.head .head_con .con_re .re1 .ul .li_t a span{color: #fff;display: block;margin-right: 10px;}

.head .head_con .con_re .re1 .ul .li_t a s{display: block;width: 12px;height: 10px;background: url(../images/svg/head_1.svg) center no-repeat;background-size: 12px;}

.head .head_con .con_re .re1 .ul .li_b{position: absolute;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 10px;padding: 13px 0;width: auto;min-width: 100%;top: 110%;pointer-events: none;opacity: 0;visibility: hidden;box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.05);font-size: 16px;}

.head .head_con .con_re .re1 .ul .li_b a{display: block;padding: 0 54px;line-height: 40px;white-space: nowrap;background: #fff;position: relative;z-index: 2;position: relative;text-align: center;}

.head .head_con .con_re .re1 .ul .li:hover .li_b{opacity: 1;visibility: visible;pointer-events: visible;top: 100%;}


.head .head_con .con_re .re1 .ul .li_b a:hover{color: #019ea3;background: #f7f7f7;}

.head .head_con .con_re .re1 .ul .li:hover .li_t a s{transform: rotate(180deg);}

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

.sousuo{width: 21px;height: 21px;position: relative;}

.sousuo img{width: 100%;}

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

.head.act,.head.act1,.head.act2,.head.act3{background: #fff;border-bottom: 1px solid #d7dbdb;}

.head.act .head_con .con_le a img:last-child,.head.act1 .head_con .con_le a img:last-child,.head.act2 .head_con .con_le a img:last-child,.head.act3 .head_con .con_le a img:last-child{opacity: 1;}

.head.act .head_con .con_le a img:first-child,.head.act1 .head_con .con_le a img:first-child,.head.act2 .head_con .con_le a img:first-child,.head.act3 .head_con .con_le a img:first-child{opacity: 0;}

.head.act .head_con .con_re .re1 .ul .li_t a span,.head.act1 .head_con .con_re .re1 .ul .li_t a span,.head.act2 .head_con .con_re .re1 .ul .li_t a span,.head.act3 .head_con .con_re .re1 .ul .li_t a span{color: #222222;}

.head.act1 .head_con .con_re .re1 .ul .li_t a s,.head.act2 .head_con .con_re .re1 .ul .li_t a s,.head.act3 .head_con .con_re .re1 .ul .li_t a s,.head.act4 .head_con .con_re .re1 .ul .li_t a s{background-image: url(../images/svg/head_2.svg);}

.head.act1 .sousuo img:last-child,.head.act2 .sousuo img:last-child,.head.act3 .sousuo img:last-child,.head.act .sousuo img:last-child{opacity: 1;}

.head.act1 .sousuo img:first-child,.head.act2 .sousuo img:first-child,.head.act3 .sousuo img:first-child,.head.act .sousuo img:first-child{opacity: 0;}









/* 字间距 */

.let5{letter-spacing:5px}
.let6{letter-spacing:6px}


.let2{letter-spacing:2px}


.liaogd{width: 160px;height: 50px;display: flex;align-items: center;border-radius: 100px;justify-content: center;border: 1px solid rgba(255, 255, 255, 0.3);}

.liaogd span{color: #fff;display: block;margin-right: 11px;}

.liaogd .i{width: 24px;height: 24px;position: relative;}

.liaogd .i s{display: block;}

.liaogd .i s.s1{width: 100%;height: 100%;background: url(../images/in1_4.png) center no-repeat;background-size: 100% 100%; position: absolute;left:0;top: 0;}

.liaogd .i s.s2{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in1_1.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.liaogd .i s.s3{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in1_2.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.liaogd .i s.s4{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in1_3.png) center no-repeat;background-size: 100% 100%;position: absolute;}


@keyframes fangda {
    0%{transform: scale(0.2);opacity: 0;}

    100%{transform: scale(1);opacity: 0.7;}

}

.liaogd2{background: #019ea3;border: 1px solid #019ea3;}

.liaogd:hover{background: #019ea3;border: 1px solid #019ea3;}

.liaogd:hover .s2{animation: fangda 0.55s linear;}

.liaogd:hover .s3{animation: fangda 0.4s  linear;}

.liaogd:hover .s4{animation: fangda 0.3s  linear;}


.banner{}

.banner .ss{position: relative;}

.banner .ss .img{}

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

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

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

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

.banner .ss .txt .t2{line-height: 1.75;margin: 25px 0 45px;position: relative;left: 100px;opacity: 0;}

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

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

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

.banner .swiper-slide-active .ss .t3{left: 0;opacity: 1;transition-delay: 0.7s;}

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

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

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

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

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

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

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

.banner_next{right: -3px;}

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

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

.banner_sp{}

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

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


.index2{}

.index2 .cons{margin-bottom: 55px;}

.index2 .con1{text-align: center;}

.index2 .con2{text-align: center;line-height: 1.75;margin: 25px 0 45px;color: #333;margin-bottom: 55px;}

.index2 .con3{padding: 0 70px;position: relative;}

.index2 .con3  .swiper-container{padding: 0 1px;}

.index2 .con3 .ss{display: flex;justify-content: center;align-items: center;cursor: pointer;position: relative;height: 64px;border-radius: 5px;border: 1px solid #d7dbdb;}

.index2 .con3 .ss a{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;}

.index2 .con3 .ss .i{position: relative;width: 28px;margin-right: 15px;}

.index2 .con3 .ss .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}


.index2 .con3 .ss s{position: absolute;left: -1px;top: 0;width: 6px;height: 0%;background: #019ea3;border-radius: 10px 0 0 10px;}

.index2 .con3 .ss:hover{}

.index2 .con3 .ss:hover span{color: #019ea3;}

.index2 .con3 .ss:hover .i img:last-child{opacity: 1;}

.index2 .con3 .ss:hover .i img:first-child{opacity: 0;}

.index2 .con3 .ss:hover s{height: 100%;}

/* .index2 .con3 .swiper-slide.act {pointer-events: ;} */

.index2 .con3 .swiper-slide.act .ss span{color: #019ea3;}

.index2 .con3 .swiper-slide.act .ss .i img:last-child{opacity: 1;}

.index2 .con3 .swiper-slide.act .ss .i img:first-child{opacity: 0;}

.index2 .con3 .swiper-slide.act .ss s{height: 100%;}

.in2_prev,.in2_next{width: 15px;height: 20px;background: url(../images/svg/you2.svg) center no-repeat;background-size: 100% 100%;top: calc(50% - 10px);margin: 0;}

.in2_prev{transform: rotate(180deg);left: 15px;}

.in2_next{right: 15px;}

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



.index2 .con4{position: relative;}

.index2 .con4 .ss{position: relative;}

.index2 .con4 .ss .img{display: flex;justify-content: space-between;background: #edf2f2 url(../images/zi.png) right bottom no-repeat;background-size:  870px;}

.index2 .con4 .ss .img .ir{width: 50%;}

.index2 .con4 .ss .img .il{width: 50%;}

.index2 .con4 .ss .img .il img{width: 100%;}

.index2 .con4 .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.index2 .con4 .ss .txt .ibox{height: 100%;display: flex;}

.index2 .con4 .ss .txt .tl{width: 50%;}

.index2 .con4 .ss .txt .tr{width: 50%;padding-left: 120px;padding-top: 110px;}

.index2 .con4 .ss .txt .tr .t1{line-height: 1.3;}

.index2 .con4 .ss .txt .tr .t2{width: 20px;height: 3px;background: #f39802;margin: 35px 0;}

.index2 .con4 .ss .txt .tr .t3{line-height: 1.75;text-align: justify;max-height: 160px;overflow-y: auto;padding-right: 10px;color: #333333; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.index2 .con4 .ss .txt .tr .t3::-webkit-scrollbar{ width:4px;height: 1px;}

.index2 .con4 .ss .txt .tr .t3::-webkit-scrollbar-thumb{ background:#019ea3;border-radius: 10px;}

.index2 .con4 .ss .txt .tr .t3::-webkit-scrollbar-track{ background:#019ea350;border-radius: 10px;} 

.index2 .con4 .ss .txt .tr .t4{margin-top: 75px;}


.in1_prev2,.in1_next2{width: 50px;height: 50px;margin: 0 ;top: calc(50% - 30px);border: 1px solid #9a9d9d;border-radius: 100%;background: url(../images/svg/you2.svg) center no-repeat;background-size: 15px;}

.in1_prev2{transform: rotate(180deg);left: 60px;}

.in1_next2{right: 60px;}

.in1_prev2:hover,.in1_next2:hover{background-image:url(../images/svg/you.svg) ;background-color: #019ea3;border: 1px solid #019ea3;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}

.index2 .shuj{display: none;}

.index2 .con4 .cs.act{animation:  donghua 0.2s linear;}

@keyframes donghua {
    0%{ opacity: 0.5;}
    100%{ opacity: 1;}

}

.in1_sp2.banner_sp {width: auto;left: calc(50% + 120px);bottom: 25px;}

.in1_sp2.banner_sp .swiper-pagination-bullet-active{background: #019ea3;}

.in1_sp2.banner_sp span{background: #c8cccc;}

.index2 .con4.yin .in1_sp2{opacity: 0;}


.index3{background: url(../images/in3_d.jpg) bottom no-repeat;background-size: cover; }

.index3 .cons{text-align: center;}

.index3 .cons .c2{margin: 30px 0 45px;color: #333333;line-height: 1.75;}

.shujuxiaz{}

.shujuxiaz .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.shujuxiaz .ul .li{width: 48.6%;border: 1px solid #aaadad;border-radius: 10px;position: relative;margin-bottom: 40px;}

.shujuxiaz .ul .li s{position: absolute;left: -1px;top: 0;width: 6px;border-radius: 10px 0 0 10px;background: #019ea3;height: 0%;display: block;}

.shujuxiaz .ul a{display: flex;padding: 35px 40px 35px 35px;justify-content: space-between;}

.shujuxiaz .ul a .al{display: flex;}

.shujuxiaz .ul a .al .i{width: 45px;position: relative;margin-right: 15px;margin-top: 5px;}

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

.shujuxiaz .ul a .ac{width: calc(100% - 110px);}

.shujuxiaz .ul a .ac .c1{line-height: 1.6;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.shujuxiaz .ul a .ac .c2{color: #666666;margin-top: 10px;}

.shujuxiaz .ul a .ar{padding-top: 7px;}

.shujuxiaz .ul a .ar .t{width: 40px;height: 40px;border: 1px solid #aaadad;border-radius: 100%;background: url(../images/svg/in3_1.svg) center no-repeat;background-size: 20px;}

.shujuxiaz .ul .li:hover s{height: 100%;}

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

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

.shujuxiaz .ul .li:hover a .ar .t{background:#019ea3 url(../images/svg/in3_2.svg) center no-repeat;background-size: 20px;border: 1px solid #019ea3;}


.shujuxiaz .ul .li:hover .c1{color: #019ea3;}

.index3 .cond{display: flex;justify-content: center;margin-top: 20px;}

.index4{background: #f7fafa;}

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

.index4 .con1 .c2{color: #333;margin: 30px 0 55px;line-height: 1.75;}

.index4 .con2{}

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

.index4 .con2 .ul .li{width: 50%;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.index4 .con2 .ul .li a{overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);display: block;background: #edf2f2;position: relative;}

.index4 .con2 .ul .li a .xi{position: absolute;width: 0%;left: 50%;transform: translateX(-50%);height: 8px;background: #019ea3;bottom: 0;z-index: 1;}

.index4 .con2 .ul .li .img{float: left;width: 50%;position: relative;z-index: 5;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.index4 .con2 .ul .li .img img{width: 100%;transform: scale(1.008);}

.index4 .con2 .ul .li .txt{float: right;width: 50%;padding: 60px 45px 20px;position: relative;z-index: 10;}

.index4 .con2 .ul .li .txt .t1{ overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}


.index4 .con2 .ul .li .txt .t2{width: 20px;height: 3px;background: #f39802;margin: 30px 0 25px;border-radius: 2px;}

.index4 .con2 .ul .li .txt .t3{line-height: 32px;height: 64px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.index4 .con2 .ul .li .txt .t4{display: flex;align-items: center;color: #666666;margin-top: 40px;}

.index4 .con2 .ul .li .txt .t4 .i{width: 16px;margin-right: 12px;}
 
.index4 .con2 .ul .li .txt .t5{display: flex;justify-content: space-between;margin-top: 10px;}

.index4 .con2 .ul .li .txt .t6{position: absolute;width: 20px;height: 20px;background: #edf2f2;transform: rotate(45deg);left: -10px;top: 65px;}



.index4 .con2 .ul .li:nth-child(3n) .img{float: right;}

.index4 .con2 .ul .li:nth-child(3n) .txt{float: left;}

.index4 .con2 .ul .li:nth-child(3n) .txt .t6{left: auto;right: -10px;}

.index4 .con2 .ul .li:nth-child(4n) .img{float: right;}

.index4 .con2 .ul .li:nth-child(4n) .txt{float: left;}

.index4 .con2 .ul .li:nth-child(4n) .txt .t6{left: auto;right: -10px;}


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

.gengduo span{color: #019ea3;}

.gengduo .tu{width: 24px;height: 24px;position: relative;margin-left: 5px;}

.gengduo .tu s{display: block;}

.gengduo .tu s.s1{width: 100%;height: 100%;background: url(../images/in4_8.png) center no-repeat;background-size: 100% 100%; position: absolute;left:0;top: 0;}

.gengduo .tu s.s2{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in4_5.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.gengduo .tu s.s3{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in4_6.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.gengduo .tu s.s4{width: 100%;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in4_7.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.gengduo:hover .s2{animation: fangda 0.55s linear;}

.gengduo:hover .s3{animation: fangda 0.4s  linear;}

.gengduo:hover .s4{animation: fangda 0.3s  linear;}

.index4 .con2 .ul .li a:hover .s2{animation: fangda 0.55s linear;}

.index4 .con2 .ul .li a:hover .s3{animation: fangda 0.4s  linear;}

.index4 .con2 .ul .li a:hover .s4{animation: fangda 0.3s  linear;}

.index4 .con2 .ul .li a:hover .t1{color: #019ea3;}

.index4 .con2 .ul .li a:hover .xi{width: 100%;}

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

.index4 .con3{display: flex;justify-content: center;margin-top: 60px;}



.floot{background: #f7fafa;}

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

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

.floot .con1 .con_le .le1{margin-bottom: 50px;color: #333333;}

.floot .con1 .con_le .le1 a{display: block;width: 210px;}

.floot .con1 .con_le .le1 a img{width: 100%;}

.floot .con1 .con_le .le2{}

.floot .con1 .con_le .le2 .l{display: flex;margin-bottom: 20px;line-height: 30px;}

/* .floot .con1 .con_le .le2 .l:last-child .ll img{width: 16px;margin-right: 12px;} */

.floot .con1 .con_le .le2 .ll{display: flex;align-items: center;white-space: nowrap;width: 75px;align-items: flex-start;}

.floot .con1 .con_le .le2 .lr{width: calc(100% - 75px);}


.floot .con1 .con_le .le2 .ll img{width: 18px;margin-right: 10px;margin-top: 6px;}

.floot .con1 .con_le .le3 {display: flex;margin-top: 35px;}

.floot .con1 .con_le .le3 .imgs{position: relative;width: 36px;height: 36px;position: relative;border: 1px solid #bebebe;border: 1px solid #bebebe;border-radius: 100%;margin-right: 20px;}

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

.floot .con1 .con_le .le3 .tu{position: absolute;width: 120px;height: 120px;left: -10px;top: 50px;box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.05);opacity: 0;pointer-events: none;visibility: hidden;}

/* .floot .con1 .con_le .le3 .tu s{width: 10px;height: 10px;background: #fff;position: absolute;left: 10px;top: -7px;transform: rotate(45deg);border-top: 1px solid rgba(0, 0, 0, 0.05);border-left: 1px solid rgba(0, 0, 0, 0.05);} */

.floot .con1 .con_le .le3 .imgs .img {display: flex;justify-content: center;align-items: center;height: 100%;}

.floot .con1 .con_le .le3 .imgs .img .i{width: 23px;position: relative;}

.floot .con1 .con_le .le3 .imgs .img .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.floot .con1 .con_le .le3 .imgs:hover .tu{opacity: 1;visibility: visible;top: 45px;}

.floot .con1 .con_le .le3 .imgs:hover .i img:last-child{opacity: 1;}

.floot .con1 .con_le .le3 .imgs:hover .i img:first-child{opacity: 0;}

.floot .con1 .con_le .le3 .imgs:hover {border: 1px solid #019ea3;}


.floot .con1 .con_le a:hover{color: #f39802;}

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

.chengse{color: #f39802;}

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

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

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

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

.floot .con2{display: flex;justify-content: space-between;padding: 25px 0 32px;border-top: 1px solid #edf2f2;}

.floot .con2 .con_le{color: #666666;line-height: 1.75;}

.floot .con2 .con_le a{color: #666666;}

.floot .con2 .con_re a{color: #666666;}

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




/* 内页 */
.maodian{position: absolute;left: 0;top: -80px;height: 1px;width: 100%;}


.about_banner{}

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

.about_banner .ab_con{position: relative;}

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

.about_banner .ab_con .txt .t1{margin-bottom: 25px;line-height: 1.2;}

.about_banner .ab_con .txt .t2{line-height: 1.75;}

.about1{background: #edf2f2 url(../images/ab1_2.jpg) center  bottom no-repeat;background-size: 100% auto; position: relative;}

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

.about1 .con1 .con_le{width: 43.4%;}

.about1 .con1 .con_le .le1{margin-bottom: 45px;width: 90px;}

.about1 .con1 .con_le .le3{width: 20px;height: 3px;background: #f39802;margin: 40px 0 35px;}

.about1 .con1 .con_le .le4{line-height: 1.5;}

.about1 .con1 .con_le .le5{line-height: 1.7;margin-top: 15px;text-align: justify;}

.about1 .con1 .con_re{width: 49.65%;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);border-radius: 20px;}


.about1 .con2{margin-top: 100px;}

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

.about1 .con2 .ul .li{background: #fff;width: 24.3%;padding: 50px 50px 35px;border-radius: 10px;text-align: center;}

.about1 .con2 .ul .li .l1{display: flex;justify-content: center;height: 70px;}

.about1 .con2 .ul .li .l1 img{width: 50px;}

.about1 .con2 .ul .li .l2{margin: 10px 0 10px;}

.about1 .con2 .ul .li .l2 .f_18{transform: translateY(-5px);display: inline-block;margin-left: 3px;}

.about1 .con2 .ul .li .l3{color: #333333;line-height: 1.8;}

.about1 .con2 .ul .li:nth-child(3n) .l1 img{width: 60px;}

.about1 .con2 .ul .li:nth-child(4n) .l1 img{width: 70px;}

.about1 .con2 .ul .li:hover{transform: translateY(-5px);box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.05);}

.about2{position: relative;}

.about2 .con1{text-align: center;}

.about2 .con1 .c2{margin: 25px 0 45px;color: #333333;line-height: 1.75;}

.about2 .con2{padding-left: 12.5%;position: relative;padding-bottom: 70px;}

.about2 .con2 .ss{border: 1px solid #d7dbdb;border-radius: 10px;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);cursor: pointer;}

.about2 .con2 .ss .img{padding: 40px 20px;}

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

.about2 .con2 .ss .txt{text-align: center;height: 60px;line-height: 60px;border-top: 1px solid #d7dbdb;background: #f2f7f7;padding: 0 5px;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

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

.about2 .con2 .ss:hover .txt {color: #019ea3;}

.about2 .con2 .in1_prev2{left: 12.5%;}

.about2 .con2 .in1_prev2,.about2 .con2 .in1_next2{top: auto;bottom: 0;}

.about2 .con2 .in1_next2{right: 12.5%;}

.about2 .con2 .swiper-container{padding: 1px;}

.ab2_sp{width: 100%;left: 0;bottom: 0;}

.ab2_sp span{background: #c8cccc;}

.ab2_sp .swiper-pagination-bullet-active{background: #019ea3;}


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

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

.tupiantc .tu_con .con{position: relative;}

.tupiantc .tu_con .out{position: absolute;right: -40px;top: 0;width: 40px;cursor: pointer;}

.tupiantc .img {max-width: 700px;}

.tupiantc .tu_con .txt{line-height: 1.5;color: #fff;margin-top: 30px;text-align: center;}

.product1 {background: #edf2f2;position: relative;}

.product1 .con{display: flex;justify-content: space-between;position: relative;}

.product1 .con .in2_prev{left: -60px;}

.product1 .con .in2_next{right: -60px;}

.product1 .con .con_le{width: 13.19%;}

.product1 .con .con_re{width: 85.763%;}

.product1  .swiper-container{padding: 0 1px;}

.product1 .ss{display: flex;justify-content: center;align-items: center;cursor: pointer;position: relative;height: 64px;border-radius: 5px;border: 1px solid #d7dbdb;}

.product1 .ss a{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;}

.product1 .ss .i{position: relative;width: 28px;margin-right: 15px;}

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

.product1 .ss s{position: absolute;left: -1px;top: 0;width: 6px;height: 0%;background: #019ea3;border-radius: 10px 0 0 10px;}

.product1 .ss:hover{}

.product1 .ss:hover span{color: #019ea3;}

.product1 .ss:hover .i img:last-child{opacity: 1;}

.product1 .ss:hover .i img:first-child{opacity: 0;}

.product1 .ss:hover s{height: 100%;}

/* .index2 .con3 .swiper-slide.act {pointer-events: ;} */

.product1 .swiper-slide.act .ss span{color: #019ea3;}

.product1 .swiper-slide.act .ss .i img:last-child{opacity: 1;}

.product1 .swiper-slide.act .ss .i img:first-child{opacity: 0;}

.product1 .swiper-slide.act .ss s{height: 100%;}

.product2{padding-top: 50px;background: #edf2f2;}

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

.product2 .ul .li{width: 23.875%;margin-right: 1.5%;margin-bottom: 20px;}

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

.product2 .ul .li a{display: block;background: #f7fafa;padding: 40px 40px 35px;height: 100% ;border-radius: 10px;}

.product2 .ul .li a .img{overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.product2 .ul .li a .txt{margin-top: 10px;line-height: 1.2;}

.product2 .ul .li a .txt .t1{    overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

.product2 .ul .li a .txt .t1 span{color: #222222;}

.product2 .ul .li a .txt .t2{margin: 25px 0 30px;color: #333;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

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

.product2 .ul .li a:hover .t1,.product2 .ul .li a:hover .t1 span{color: #019ea3;}

.product2 .ul .li a:hover .s2{animation: fangda 0.55s linear;}

.product2 .ul .li a:hover .s3{animation: fangda 0.4s  linear;}

.product2 .ul .li a:hover .s4{animation: fangda 0.3s  linear;}

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

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

.fenyey .uls{display: flex;align-items: center;}

.fenyey .uls .lis{margin: 0 5px;}

.fenyey .uls .lis:last-child{transform: rotate(180deg);}

.fenyey .uls a{display: block;position: relative;width: 32px;height: 32px;text-align: center;line-height: 32px;border-radius: 2px;background: #fff;display: flex;align-items: center;justify-content: center;}

.fenyey .uls a .i{width: 17px;position: relative;}

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

.fenyey .uls a:hover{background: #019ea3;color: #fff;}

.fenyey .uls a:hover img:last-child{opacity: 1;}

.fenyey .uls a:hover img:first-child{opacity: 0;}

.fenyey .uls .lis.act a{color: #fff;background:#019ea3;}

.fenyey .shur{display: flex;align-items: center;}

.fenyey .shur .in{width: 32px;height: 32px;background: none;border: 1px solid #bdbdbd;border-radius: 2px;margin: 0 10px 0 15px;}

.fenyey .shur .in input{width: 100%;height: 100%;border: 0;outline: none;background: none;text-align: center;font-size: 14px;}

.fenyey .shur a{display: block;width: 32px;height: 32px;display: flex;align-items:center;justify-content: center;color: #333333;}

.fenyey .shur a:hover{color: #019ea3;}

.pro_det1{padding: 240px 0 130px;background: #edf2f2;}

.pro_det1 .con{display: flex;justify-content: space-between;flex-wrap: wrap;}

.pro_det1 .con .con_bottom{
    width: 100%;
    margin-top: 40px;
}

.pro_det1 .con .con_bottom .con_bottom_title{
    margin-bottom: 15px;
}

.pro_det1 .con .con_bottom .con_bottom_text p{
    padding-left: 16px;
    position: relative;
    line-height: 1.75;
}

.pro_det1 .con .con_bottom .con_bottom_text p s{
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #999999;
    border-radius: 100%;
}

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

.pro_det1 .con .con_re{width: 50%;padding-left: 40px;}

.pro_det1 .con .con_le .ss {cursor: pointer;}

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

.pro_det1 .con .con_le .ss img{width: 100%;transition: all 0.6s;}

.pro_det1 .con .con_re{}

.pro_det1 .con .con_re .re1{line-height: 1.3;}

.pro_det1 .con .con_re .re2{width: 20px;height: 3px;background: #f39802;margin: 15px 0;}

.pro_det1 .con .con_re .re3{line-height: 1.5;}

.pro_det1 .con .con_re .re4{line-height: 1.75;margin-top: 20px;text-align: justify;max-height: 18.5em;overflow: auto;width: 100%;box-sizing: content-box;padding-right: 6px;}

.pro_det1 .con .con_re .re4::-webkit-scrollbar{
    width: 4px;
}

.pro_det1 .con .con_re .re4::-webkit-scrollbar-thumb{
    width: 4px;
    background-color: #019ea3;
}

.pro_det1 .con .con_re .re4 s{display: block;height: 10px;width: 100%;}

.pro_det1 .con .con_re .re4 b{display:inline-block ;width: 0.75vw;}

.pro_det2{}




.pro_det2 .con1{margin-bottom: 15px;}

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

.pro_det2 .con2 .ul .li{width: 48%;line-height: 1.75;padding: 20px 0;border-top: 1px dashed #d7dbdb;}

.pro_det2 .con2 .ul .li:first-child{border-top: 0;}

.pro_det2 .con2 .ul .li:nth-child(-n+2){border-top: 0;}

.pro_det2 .con2 .ul .li p{display: flex;position: relative;padding-left: 16px;}

.pro_det2 .con2 .ul .li p s{position: absolute;left: 0;top: 12px;width: 6px;height: 6px;background: #999999;border-radius: 100%;}

.pro_det2 .con2 .ul .li p .sp1{display: inline-block; white-space: nowrap;}

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

.pro_det2 .con3 .cl{color: #969999;line-height: 1.5;}

.neirfl{margin-bottom: 50px;}

.neirfl .con{display: flex;justify-content: space-between;}

.neirfl .con .con_re{display: flex;align-items: center;}

.neirfl .con .con_re p{display: flex;align-self: center;margin-right: 55px;cursor: pointer;}

.neirfl .con .con_re p:last-child{margin-right: 0;}

.neirfl .con .con_re p s{width: 25px;position: relative;margin-right: 15px;}

.neirfl .con .con_re p s img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.neirfl .con .con_re p span{display: block;line-height: 24px;}

.neirfl .con .con_re p.act s img:last-child{opacity: 1;}

.neirfl .con .con_re p.act s img:first-child{opacity: 0;}

.neirfl .con .con_re p.act span{color: #019ea3;}

.neirfl .con .con_re p:hover s img:last-child{opacity: 1;}

.neirfl .con .con_re p:hover s img:first-child{opacity: 0;}

.neirfl .con .con_re p:hover span{color: #019ea3;}

.knowledge1 {position: relative;}

.knowledge1 .fenyey{margin-top: 10px;}

.knowledge2{background: #edf2f2 url(../images/know2_d.jpg) center no-repeat ;background-size: cover; position: relative;}

.knowledge2 .vids{}

.knowledge2 .vids .ul{display: flex;flex-wrap: wrap;}

.knowledge2 .vids .ul .li{width: 22.9%;margin-right: 2.8%;border-radius: 12px ;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);margin-bottom: 40px;cursor: pointer;}

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

.knowledge2 .vids .ul .li .img{overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.knowledge2 .vids .ul .li .txt{background: #fff;padding: 40px 30px;}

.knowledge2 .vids .ul .li .txt .t1{ overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

.knowledge2 .vids .ul .li .txt .t2{line-height: 1.75;margin-top: 20px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-align: justify;color: #333333;}

.knowledge2 .vids .ul .li .img{position: relative;}

.knowledge2 .vids .ul .li .img .i img{width: 100%;}

.knowledge2 .vids .ul .li .img .di{width: 50px;height: 50px;background: #fff;border-radius: 100%;position: absolute;left: calc(50% - 25px);top: calc(50% - 25px);display: flex;align-items: center;justify-content: center;opacity: 0;}

.knowledge2 .vids .ul .li .img .di img{width: 12px;}

.knowledge2 .vids .ul .li:hover .img img{transform: scale(1.05);}

.knowledge2 .vids .ul .li:hover .txt .t1{font-weight: bold;color: #019ea3;}

.knowledge2 .vids .ul .li:hover .img .di{opacity: 1;}

.knowledge2 .fenyey{margin-top: 10px;}

/* 视频 */
.shipingbofang{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.8);display: none;}

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

.shipingbofang .vid{max-width: 1000px;max-height: 600px;position: relative;}

.shipingbofang .vid video{width: 100%;}

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

.knowledge3{position: relative;}

.knowledge3 .con1{text-align: center;margin-bottom: 20px;}

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

.knowledge3 .con2 .con_le{width: 48.6%;border-radius: 12px;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);margin-top: 30px;}

.knowledge3 .con2 .con_re{width: 48.6%;position: relative;}

.knowledge3 .con2 .con_re .ss{display: flex;justify-content: space-between;position: relative;padding: 30px 0;border-bottom: 1px solid #d7dbdb;}

.knowledge3 .con2 .con_re .ss s{position: absolute;left: 0;bottom: 0;height: 4px;background: #019ea3;width: 0;}

.knowledge3 .con2 .con_re .sl{width:  calc(100% - 60px);}

.knowledge3 .con2 .con_re .ss .sr{}

.knowledge3 .con2 .con_re .ss .sr .i{position: relative;width: 40px;}

.knowledge3 .con2 .con_re .ss .sr .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.knowledge3 .con2 .con_re .sl .l1{margin-bottom: 15px;line-height: 1.2; overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

.knowledge3 .con2 .con_re .ss:hover s{width: 100%;}

.knowledge3 .con2 .con_re .ss:hover .l1{color: #019ea3;}

.knowledge3 .con2 .con_re .ss:hover .sr .i img:last-child{opacity: 1;}

.knowledge3 .con2 .con_re .ss:hover .sr .i img:first-child{opacity: 0;}

.knowledge3 .in1_sp2.banner_sp{left: 0;bottom: 0;}

.knowledge3 .swiper-slide{margin-top: 0 !important;}


.ziyxiaz{}

.ziyxiaz .li{border-bottom: 1px solid #d7dbdb;background: #fafcfc;}

.ziyxiaz .li:first-child{border-top: 1px solid #d7dbdb;}

.ziyxiaz .li a{display: flex;justify-content: space-between;padding: 35px 20px 45px;position: relative;}

.ziyxiaz .li a s{position: absolute;height: 4px;position: absolute;display: block;left: 0;bottom: 0;background: #019ea3;width: 0;}

.ziyxiaz .li a .al{display: flex;width: calc(100% - 100px);}

.ziyxiaz .li a .al .i{width: 45px;position: relative;margin-right: 20px;}

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

.ziyxiaz .li a .txt{width: calc(100% - 70px);}

.ziyxiaz .li a .txt .t1{margin-bottom: 15px;  overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

.ziyxiaz .li a .txt .t2{color: #666;}

.ziyxiaz .li a .ar .tu{    width: 40px;height: 40px;border: 1px solid #aaadad;border-radius: 100%;background: url(../images/svg/in3_1.svg) center no-repeat;background-size: 20px;}

.ziyxiaz .li:nth-child(even){background: #fff;}

.ziyxiaz .li:hover .t1{color: #019ea3;}

.ziyxiaz .li:hover a .al .i img:last-child{opacity: 1;}

.ziyxiaz .li:hover a .al .i img:first-child{opacity: 0;}

.ziyxiaz .li:hover a .ar .tu{background:#019ea3 url(../images/svg/in3_2.svg);}

.ziyxiaz .li:hover a .ar .tu{background:#019ea3 url(../images/svg/in3_2.svg) center no-repeat;background-size: 20px;border: 1px solid #019ea3;}

.ziyxiaz .li:hover a s{width: 100%;}

.service1 {position: relative;}

.service1 .fenyey{margin-top: 50px;} 

.service2{background: #edf2f2;position: relative;}

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

.service2 .con1 .con_le{width: 50%;}

.service2 .con1 .con_re{width: 50%;background: url(../images/zi.png) right bottom no-repeat;}

.service2 .con1 .con_le img{width: 100%;}

.service2  .ser2_con{position: relative;}

.service2  .ser2_con .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.service2  .ser2_con .con2 .ibox{display: flex;justify-content: space-between;height: 100%;}

.service2  .ser2_con .con2 .ibox .con_re{width: 50%;padding-top: 110px;padding-left: 120px;}

.service2  .ser2_con .con2 .ibox .con_re .re2{width: 20px;height: 3px;background: #f39802;margin: 40px 0 35px;border-radius: 2px;}

.service2  .ser2_con .con2 .ibox .con_re .re3{line-height: 1.75;color: #333333;}

.service2  .ser2_con .con2 .ibox .con_re .re3 p{margin-bottom: 15px;}

.service2  .ser2_con .con2 .ibox .con_re .re3 p:last-child{margin-bottom: 0;}

.service3{position: relative;}

.service3 .con1{margin-bottom: 50px;}

.service3 .con2{}

.service3 .con2 .ul .li{padding: 0 0px 5px 0px;border: 1px solid #d7dbdb;border-radius: 10px;margin-bottom: 16px;}

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

.service3 .con2 .ul .li  .tu{width: 36px;height: 36px;border: 1px solid #9b9b9b;border-radius: 100%;position: relative;}

.service3 .con2 .ul .li  .tu .i{width: 22px;position: relative;position: absolute;left: 6px;top: 7px;}

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

.service3 .con2 .ul .li .lit{padding: 30px 80px 25px 35px;display: flex;justify-content: space-between;cursor: pointer;}

.service3 .con2 .ul .li .lit .txt{width: calc(100% - 50px);display: flex;justify-content: space-between;}

.service3 .con2 .ul .li .lit .txt span{display: block;line-height: 1.5;width: calc(100% - 70px);}

.service3 .con2 .ul .li .s{width: 22px;height: 22px;position: relative;}

.service3 .con2 .ul .li .s s{display: block;position: absolute;background: #969999;}

.service3 .con2 .ul .li .s s.s1{width: 100%;height: 2px;left: 0;top: calc(50% - 1px);}

.service3 .con2 .ul .li .s s.s2{height: 100%;width: 2px;left: calc(50% - 1px);top: 0;}

.service3 .con2 .ul .li .lib{line-height: 1.75;padding: 20px 0 40px 0px;text-align: justify;color: #333333;border-top: 1px solid #e6ebeb; margin:0 80px 0 85px;display: none;}

.service3 .con2 .ul .li.act .lit{padding: 40px 80px 25px 35px;}

.service3 .con2 .ul .li.act .txt span{font-weight: bold;color: #019ea3;}

.service3 .con2 .ul .li.act .tu {border: 1px solid #019ea3;}

.service3 .con2 .ul .li.act .tu img:last-child{opacity: 1;}

.service3 .con2 .ul .li.act .tu img:first-child{opacity: 0;}

.service3 .con2 .ul .li.act .s s{background: #019ea3;}

.service3 .con2 .ul .li.act .s s.s2{opacity: 0;}


/* .service3 .con2 .ul .li:hover .lit{padding: 40px 80px 25px 35px;} */

.service3 .con2 .ul .li:hover .txt span{color: #019ea3;}

.service3 .con2 .ul .li:hover .tu {border: 1px solid #019ea3;}

.service3 .con2 .ul .li:hover .tu img:last-child{opacity: 1;}

.service3 .con2 .ul .li:hover .tu img:first-child{opacity: 0;}

.service3 .con2 .ul .li:hover .s s{background: #019ea3;}

/* .service3 .con2 .ul .li:hover .s s.s2{opacity: 0;} */

.service3 .con3{margin-top: 50px;}

.new1{padding: 60px 0 50px;}

.new1 .n1_con{display: flex;align-items: center;border-bottom: 1px solid #d7dbdb;}

.new1 .n1_con a{display: flex;align-items: center;padding: 0 20px 26px;position: relative;margin-right: 20px;}

.new1 .n1_con a:last-child{margin-right: 0;}

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

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

.new1 .n1_con a s{position: absolute;width: 0;height: 3px;background: #019ea3;left: 0;bottom: -1px;}

.new1 .n1_con a.act s{width: 100%;}

.new1 .n1_con a.act .i img:last-child{opacity: 1;}

.new1 .n1_con a.act .i img:first-child{opacity: 0;}

.new1 .n1_con a.act span{color: #019ea3;}

.new1 .n1_con a:hover s{width: 100%;}

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

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

.new1 .n1_con a:hover span{color: #019ea3;}

.news2{}

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

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

.news2 .ul .li .img {position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.news2 .ul .li .img img{width: 100%;transform: scale(1.001);}

.news2 .ul .li .img .s1{position: absolute;width: 100%;bottom: 0;background: #d7dbdb;height: 6px;left: 0;}

.news2 .ul .li .img .s2{position: absolute;width: 0%;bottom: 0;background: #019ea3;height: 6px;}

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

.news2 .ul .li a{display: block;border-radius: 12px;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.news2 .ul .li .txt{padding: 35px 35px 40px;background: #edf2f2;}

.news2 .ul .li .txt .t1{margin-bottom: 20px; overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);
    text-overflow: ellipsis;
    white-space: nowrap;}

.news2 .ul .li .txt .t2{line-height: 30px;height: 60px;   word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.news2 .ul .li .txt .t3{display: flex;align-items: center;margin: 30px 0 15px;}

.news2 .ul .li .txt .t3 img{width: 15px;margin-right: 10px;transform: translateY(-1px);}

.news2 .ul .li .txt .t4{display: flex;justify-content: space-between;}

.news2 .ul .li:hover .img .s2{width: 100%;}

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

.news2 .ul .li:hover .txt .t1{color: #019ea3;}

.news2 .ul .li:hover .gengduo  .s2{animation: fangda 0.55s linear;}

.news2 .ul .li:hover .gengduo  .s3{animation: fangda 0.4s  linear;}

.news2 .ul .li:hover .gengduo  .s4{animation: fangda 0.3s  linear;}

.ndet1{height: 78px;background: #fff;}

.ndet1 .nd1_con{display: flex;align-items: center;height: 100%;}

.ndet1 .nd1_con img{width: 12px;margin: 0 12px;}

.ndet1 .nd1_con a:hover{color: #019ea3;}

.ndet2{padding: 70px 0 100px;background: #edf2f2;}

.ndet2 .n2_con{width: 1200px;margin: 0 auto;}

.ndet2 .n2_con .con1{line-height: 1.3;}

.ndet2 .n2_con .con2{display: flex;margin: 35px 0;}

.ndet2 .n2_con .con2 img{width: 20px;margin-right: 10px;}

.ndet2 .n2_con .con2 p{display: flex;align-items: center;margin-right: 35px;}

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

.ndet2 .n2_con  .con3{line-height: 1.75;padding: 45px 0 75px;border-top: 1px solid #d7dbdb;border-bottom: 1px solid #d7dbdb;}

.ndet2 .n2_con  .con3 img{ display: inline-block;height: auto;} 

.ndet2 .n2_con  .con4{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}

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

.ndet2 .n2_con  .con4 .con_le a{display: block;margin-bottom: 22px;position: relative;padding-left: 18px;    overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);text-overflow: ellipsis;white-space: nowrap;}

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

.ndet2 .n2_con  .con4 .con_le a s{display: block;width: 6px;height: 6px;background: #999999;position: absolute;left: 0;top: 6px;border-radius: 100%;}

.ndet2 .n2_con  .con4 .con_le a:hover{color: #019ea3;}

.ndet2 .n2_con  .con4 .con_le a:hover s{background: #019ea3;}

.contact{background: #edf2f2;position: relative;}

.contact .con{display: flex;justify-content: space-between;}

.contact .con .con_le{width: 50%;background: #fff url(../images/zi2.png) right bottom no-repeat;background-size: 100%  auto; padding: 30px 50px 10px ;}

.contact .con .con_re {width:50%;}

.contact .con .con_re img{width: 100%;}

.contact .con .con_le .le1{padding-bottom: 40px;border-bottom: 1px solid #d7dbdb;margin-bottom: 35px;}

.contact .con .con_le .le1 a{width: 200px;display: block;}

.contact .con .con_le .le2{}

.contact .con .con_le .le2 .l{display: flex;margin-bottom: 10px;align-items: flex-start;line-height: 30px;}

.contact .con .con_le .le2 .l:last-child{margin-bottom: 0;}

.contact .con .con_le .le2 .l img{width: 18px;}

.contact .con .con_le .le2 .l .ll{display: flex;align-items: center;width: 75px;white-space: nowrap;}

.contact .con .con_le .le2 .l .lr{width: calc(100% - 75px);}

.contact .con .con_le .le2 .l img{width: 18px;margin-right: 10px;}

.contact .con .con_le .le2 a:hover{color: #f39802;}

.contact .con .con_le .le3{margin-top: 25px;}

.contact .con .con_le .le3 .i{width: 122px;border: 1px solid #d7d9db;}

.contact .con .con_le .le3 .i img{width: 100%;}

.contact .con .con_le .le3 span{color: #666666;margin-top: 10px;display: block;text-align: justify;}

.search1{padding: 160px 0 60px;}

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

.search1 .con1 .con_re{display: flex;}

.search1 .con1 .con_re a{padding: 22px 56px;border: 1px solid #d7dbdb;border-radius: 5px;margin-right: 20px;}

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

.search1 .con1 .con_re a:hover {color: #019ea3;border: 1px solid #019ea3;}

.search1 .con1 .con_re a.act {color: #019ea3;border: 1px solid #019ea3;}

.search1 .con2{display: flex;justify-content: space-between;position: relative;height: 64px;width: 100%;border: 1px solid #d7dbdb;border-radius: 5px;margin: 50px 0 30px;}

.search1 .con2 a{width: 70px;height: calc(100% + 2px);position: absolute;right: -1px;top: -1px;}

.search1 .con2 a s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #019ea3;width: 100%;height: 100%;border-radius: 5px;}

.search1 .con2 a .i{width: 23px;height: 23px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.search1 .con2 .in{width: calc(100% - 70px);}

.search1 .con2 .in input{width: 100%;height: 100%;border: 0;outline: none;font-size: 18px;padding-left: 20px;background: none;}

.search1 .con2 a:hover s{width: 85%;height: 85%;}

/* .search1 .con3 {margin-bottom: 30px;} */

.search1 .con3 span{color: #019ea3;}

.search2{background: #fff;padding-top: 0;}



.about8 .con1{width: 1200px;margin: 0 auto ;padding-top: 35px;}

.about8 {position: relative;}
/* .about8:nth-child(2n){background: #f7f9fc;} */

.about8 .atit{width: 1200px;margin: 0 auto;position: relative;}

.about8  .t2{margin: 35px 0 0;line-height: 1.4;}

.about8 .anniu{width: 30px;height: 30px;border: 1px solid #019ea3;border-radius: 100%;position: absolute;display: flex;align-items: center;justify-content: center;right: 0;top: 10px;cursor: pointer;transition: all 0.6s;transform: rotate(180deg);}

.about8 .anniu img{width: 15px;}

.about8 .anniu img:last-child{opacity: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.about8 .anniu.act{transform: rotate(0deg);background: #019ea3;}

.about8 .anniu.act img:last-child{opacity: 1;}

.about8 .anniu.act img:first-child{opacity: 0;}


.about8 .con1 form{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.about8 .con1 .item{width: 49.14%;border: 1px solid #e1e3e5;border-radius: 2px;margin-bottom: 24px;padding-left: 20px;display: flex;}

.about8 .atit .t1{text-align: center;}


.about8 .atit .t2{line-height: 1.5;text-align: center;color: #333333;}

.about8 .con1 .item4{width: 100%;}

.about8 .con1 .item p{ white-space: nowrap;line-height: 60px;color: #8a9199;}

.about8 .con1 .label{display: flex;align-items: center;border-radius: 2px;position: relative;width: 100%;}

.about8 .con1  .label input{}

.about8 .con1  .label .yzm{width: 130px;height: 50px;position: absolute;right: 4px;top: 4px;cursor: pointer;}

.about8 .con1  .label .yzm img{width: 100%;height: 100%;}

.about8 .con1  .label .set{color: #8a9199;white-space: nowrap;}

.about8 .con1  .label .set span{color: #019ea3;}

.about8 .con1  .label input{outline: none;border: none;background: none;padding: 0 5px;color: #333;width: 100%;width: 100%;height: 60px;}

.about8 .con1 .item2{width: 100%;}

.about8 .con1 .item2 p span{color: #019ea3;}

.about8 .con1 .item .dizhi{width: 100%;display: flex;justify-content: space-between;}

.about8 .con1 .item .dizhi .di{width: 32%;padding-left: 20px;}

.about8 .con1 .item .dizhi .di select{height: 60px;background: none;border: 0;font-size: 16px;appearance: none;}

/* .about8 .con1 .item2 .set span{opacity: 0;} */

.about8 .con1 .item2 textarea{font-family: '微软雅黑';outline: none;background: none;border: none;resize: none;height: 100px;padding-left: 10px;line-height: 60px;font-size: #333;}

.about8 .con1 .item3{display: flex;font-size: 14px;line-height: 16px;color: #737980;border: none;padding-left: 0;}

.about8 .con1 .item3 a{color: #019ea3;}

.about8 .con1 .item3 a:hover{text-decoration: underline;}

.about8 .con1 .item3 input[type='checkbox'] {position:relative;width:16px;height:16px;cursor:pointer;margin-right:8px;border-radius:2px;border:none;}

.about8 .con1 .item3 input[type='checkbox']::after {position:absolute;top:0;color:#000;width:16px;height:16px;display:inline-block;visibility:visible;padding-left:0px;text-align:center;content:' ';border-radius:2px;border:1.2px solid #e1e3e5;}

.about8 .con1 .item3 input[type='checkbox']:checked::after {content:'✓';color:#fff;font-size:12px;line-height:14px;font-weight:bold;background-color:#019ea3;}

.about8 .con1 .form_btn{padding-top: 6px;}


.tijiaos{width: 200px;height: 50px;text-align: center;line-height: 48px;border-radius: 3px;border: 1px solid #019ea3;margin: 0 auto;display: block;position: relative;}

.tijiaos span{position: relative;z-index: 1;color: #019ea3;}

.tijiaos s{position: absolute;left: 0;bottom: 0;width: 100%;height: 0%;background: #019ea3;}

.tijiaos:hover s{height: 100%;}

.tijiaos:hover span{color: #fff;}

.bankuai{}

.bankuai .ban{display: none;}

.bankuai .ban.act{display: block;}

.detaisl{padding-top: 150px;}











@media screen and (max-width:1800px) {
    .index2 .con4 .ss .txt .tr{padding-top: 80px;padding-left: 80px;}

    .in1_sp2.banner_sp{left: calc(50% + 80px);}

    .index4 .con2 .ul .li .txt{padding: 40px 30px 10px;}

    .product2 .ul .li a{padding: 30px ;}

    .product2 .ul .li a .txt .t2{margin: 20px 0 25px;}

    .knowledge3 .con2 .con_re .ss{padding: 30px 0 25px;}

    .contact .con .con_le .le1{padding-bottom: 30px;margin-bottom: 30px;}

    .contact .con .con_le .le1 a{width: 180px;}

    .contact .con .con_le .le2 .l{margin-bottom: 7px;}



}








@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_72{font-size: 58px;}

    .f_80{font-size: 60px;}

    .p_120{padding: 100px 0;}

    .pt_150{padding-top: 120px;}

    .p_150{padding: 120px 0;}

    .p_100{padding: 80px 0;}

    .index2 .con4 .ss .txt .tr .t4{margin-top: 50px;}

    .index2 .con4 .ss .txt .tr .t2{margin: 25px 0;}

    .index2 .con4 .ss .txt .tr{padding-top: 60px;padding-left: 60px;}

    .in1_sp2.banner_sp{left: calc(50% + 60px);}

    .index4 .con2 .ul .li .txt .t2{margin: 25px 0 20px;}

    .index4 .con2 .ul .li .txt .t4{margin-top: 20px;}

    .index4 .con2 .ul .li .txt{padding: 30px 25px 10px;}

    .about1 .con2 .ul .li{padding: 30px 30px ;}

    .about1 .con1 .con_le .le1{margin-bottom: 30px;}

    .about1 .con2{margin-top: 80px;}

    .knowledge2 .vids .ul .li .txt{padding: 30px 20px;}

    .knowledge3 .con2 .con_re .sl .l1{margin-bottom: 12px;}

    .service2 .ser2_con .con2 .ibox .con_re{padding-top: 80px;padding-left: 80px;}

    .news2 .ul .li .txt{padding: 30px 25px 35px;}

    .contact .con .con_le .le1{padding-bottom: 20px;margin-bottom: 20px;}

    .contact .con .con_le .le2 .l{margin-bottom: 5px;}

    .contact .con .con_le .le3{margin-top: 15px;}

    .contact .con .con_le .le1 a{width: 160px;}

    .about1 .con2 .ul .li .l2 .f_18{transform: translateY(-3px);}

    .about1 .con2 .ul .li .l2 .f_18{transform: translateY(-2px);}


}


@media screen and (max-width:1500px) {
    .about2 .con2{padding-left: 8%;}

    .about2 .con2 .in1_prev2{left: 2%;}
}

@media screen and (max-width:1440px) {
    .pro_det1 .con .con_re .re4{
        max-height: 14.5em;
    }
}

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

    .index4 .con2 .ul .li .txt .t2{margin: 20px 0 15px;}

    .index4 .con2 .ul .li .txt .t3{height: 60px;line-height: 30px;}

    .index4 .con2 .ul .li .txt .t4{margin-top: 10px;}

    
    
}

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

    .pt_150{padding-top: 40px;}

    .p_150{padding: 40px 0;}

    .mhead{display: block;}

    .p_120{padding: 40px 0;}

    .p_100{padding: 40px 0;}

    .pt_80{padding-top: 40px;}

    .p_80_120{padding: 40px 0;}

    .pb_100{padding-bottom: 40px;}

    .p_80_100{padding: 40px 0;}

    .let5{letter-spacing:1px;}


    .let2{letter-spacing:0px;}

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



    .maodian{top: -50px;}

    .banner_sp span{width: 20px;}

    .banner_sp .swiper-pagination-bullet-active{width: 40px;}



    .banner .an .ar{display: none;}

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

    .index2 .con3{padding: 0 25px;}

    .in2_next{right: 0px;}

    .in2_prev{left: 0px;}

    .index2 .con3 .ss a{display: none;}

    .index2 .con3 .ss .i{margin-right: 10px;width: 23px;}

    .index2 .cons{margin-bottom: 30px;}

    .index2 .con3 .ss{height: 54px;}

    .index2 .con4 .ss .txt .ibox{flex-wrap: wrap;}

    /* .index2 .con4 .ss .txt .tl{width: 100%;} */

    .index2 .con4 .ss .txt .tr{width: 100%;padding: 30px 0 70px;}

    .index2 .con4 .ss .txt{position: static;background: #edf2f2 url(../images/zi.png) right bottom no-repeat;background-size: 100% auto;}

    .index2 .con4 .ss .img .ir{display: none;}

    .index2 .con4 .ss .img .il{width: 100%;}

    .in1_prev2, .in1_next2{display: none;}

    .index2 .con4 .ss .txt .tr .t4{margin-top: 30px;}

    .in1_sp2.banner_sp{left: 0;width: 100%;}

    .index3 .cons .c2{margin: 20px 0 25px;}

    .shujuxiaz .ul .li{width: 100%;margin-bottom: 20px;}

    .shujuxiaz .ul a{padding:  20px;}

    .shujuxiaz .ul a .al .i{width: 40px;}

    .shujuxiaz .ul a .ac{width: calc(100% - 60px);}

    .shujuxiaz .ul a .ar .t{width: 35px;height: 35px;}

    .index4 .con1 .c2{padding: 0 5%;margin: 20px 0 25px;}

    .index4 .con2 .ul .li{width: 49%;margin-bottom: 15px;}

    .index4 .con2 .ul .li a{}

    .index4 .con2 .ul .li .img{float: none;width: 100%;}

    .index4 .con2 .ul .li .txt{float: none;width: 100%;padding: 30px 20px;}

    .index4 .con3{margin-top: 30px;}

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

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

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

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

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

    .floot .con1 .con_le .le2 .l{margin-bottom: 8px;}

    .contact .con .con_le .le2 .l{margin-bottom: 8px;}

    .floot .con1 .con_le .le1{margin-bottom: 25px;}

    .about_banner .ab_con .txt .t1{margin-bottom: 15px;}

    /* .about_banner .ab_con .txt .t2{line-height: 1.75;} */

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

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

    .about1 .con1 .con_re{width: 100%;margin-top: 30px;}

    .about1 .con1 .con_le .le3{margin: 30px 0;}

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

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

    .about1 .con2 .ul .li{width: 49%;padding: 20px;margin-bottom: 8px;}

    .about2 .con1 .c2{margin: 20px 0 25px;padding: 0 5%;}

    .about2 .con2{padding-bottom: 30px;}

    /* .product1 .con .con_le{width: 100%;}

    .product1 .con .con_re{width: 100%;margin-top: 20px;}

    .product1 .con{flex-wrap: wrap;} */

    /* .product1 .con .con_re{padding: 0 25px;position: relative;} */

    .product1 .con .con_le{width: 20%;}

    .product1 .con .con_re{width: 77%;}

    .product1 .con{padding: 0 25px;}

    .product1 .con .in2_prev{left: 0;}

    .product1 .con .in2_next{right: 0;}
    
    .product1 .ss{height: 54px;}

    .product2 .ul .li{width: 48.8%;margin-right: 0;}

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

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

    .product2{padding-top: 30px;}

    .product2 .ul .li a .img img{width: 100%;}

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

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

    .pro_det1 .con .con_re{width: 100%;margin-top: 20px;padding-left: 0;}

    .pro_det1{padding: 40px 0;}

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

    .pro_det2 .con2 .ul .li{width: 100%;}

    .pro_det2 .con2 .ul .li:nth-child(-n+2){border-top: 1px dashed #d7dbdb;}


    .pro_det2 .con3{justify-content: center;}

    .pro_det2 .con2 .ul .li p .sp1{width: 100%;margin-bottom: 5px;}

    .pro_det2 .con2 .ul .li p .sp2{display: block;width: 100%;}

    .pro_det2 .con2 .ul .li p{flex-wrap: wrap;}

    .juzhong{display: flex;justify-content: center;margin-top: 10px;}

    .knowledge2 .vids .ul .li .txt{padding: 30px 20px;}

    .knowledge2 .vids .ul{justify-content: space-between;}

    .knowledge2 .vids .ul .li{width: 49%;margin-right: 0;margin-bottom: 10px;}

    .knowledge2 .vids{margin-bottom: 20px;}

    .shipingbofang .vid{width: 90%;}

    .shipingbofang .out{right: 0;top: -50px;width: 30px;height: 30px;}

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

    .knowledge3 .con2 .con_le{width: 100%;margin-top: 0;}

    .knowledge3 .con2 .con_le img{width: 100%;}

    .knowledge3 .con2 .con_re{width: 100%;padding-bottom: 30px;}

    .knowledge3 .con1{margin-bottom: 30px;}

    .knowledge3 .con2 .con_re .ss{padding:25px 2px;}

    .neirfl .con .con_re p s{width: 20px;margin-right: 10px;}

    .neirfl .con .con_re p span{line-height: 20px;}

    .neirfl .con .con_re p{margin-right: 20px;}

    .ziyxiaz .li a .al{width: calc(100% - 60px);}

    .ziyxiaz .li a .al .i{width: 40px;margin-right: 15px;}

    .ziyxiaz .li a .txt{width: calc(100% - 55px);}

    .ziyxiaz .li a{padding: 25px 15px;}

    .ziyxiaz .li a .ar .tu{width: 35px;height: 35px;}

    .ziyxiaz .ul{margin-bottom: 30px;}

    .service2 .ser2_con .con2{position: static;}

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

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

    .service2 .ser2_con .con2 .ibox .con_re{width: 100%;padding: 40px 0;}

    .service2 .ser2_con{background: url(../images/zi.png) right bottom no-repeat;background-size: 100% auto;}

    .service2 .ser2_con .con2 .ibox .con_re .re2{margin: 25px 0;}

    .service3 .con1{margin-bottom: 30px;}

    /* .service3 .con2 .ul .li .lit{padding: 25px;} */

    .service3 .con2 .ul .li .lit{padding: 20px ;}

    .service3 .con2 .ul .li.act .lit{padding: 20px;}

    .service3 .con2 .ul .li .tu{width: 25px;height: 25px;margin-top: 2px;}

    .service3 .con2 .ul .li .tu .i{width: 16px;left: 4px;top: 5px;}

    .service3 .con2 .ul .li .lit .txt{width: calc(100% - 40px);}

    .service3 .con2 .ul .li .lit .txt span{width: calc(100% - 40px);text-align: justify;}

    .service3 .con2 .ul .li .s{width: 18px;height: 18px;margin-top: 3px;}

    .service3 .con2 .ul .li .lib{margin: 0 20px 0 60px;}

    .service3 .con3{margin-top: 30px;}

    .news2 .ul .li{width: 48%;margin-right: 0;margin-bottom: 30px;}

    .news2 .ul{justify-content: space-between;}

    .new1{padding: 40px 0 30px;}

    .new1 .n1_con a{padding: 0 15px 15px;}

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

    .contact .con .con_re{width: 100%;}

    .contact .con .con_le{width: 100%;padding: 30px 25px;}

    .contact .con .con_le .le1 a{width: 140px;}

    .search1 .con1 .con_re a{padding: 12px 20px;}

    .search1{padding: 40px 0;}

    .search1 .con2{margin: 30px 0 20px;height: 54px;}

    .search2{padding-top: 0;}

    .index4 .con2 .ul .li .txt .t6{display: none;}

    .product1 .ss .i{width: 23px;margin-right: 10px;}

    .about2 .con2 .ss .img{padding: 30px 15px;}

    .tupiantc .tu_con .out{right: 0;top: -50px;width: 30px;height: 30px;}

    .tupiantc .tu_con .con{width: 90%;}

    .knowledge3 .con2 .con_re .ss .sr .i{width: 35px;}

    .ndet1{display: none;}

    .ndet2 .n2_con{width: 90%;}

    .ndet2{padding: 40px 0;}

    .ndet2 .n2_con .con1{line-height: 1.5;}

    .ndet2 .n2_con .con2{flex-wrap: wrap;line-height: 1.5;margin: 20px 0;}

    .ndet2 .n2_con .con2 p{margin-bottom: 7px;margin-right: 15px;}

    .ndet2 .n2_con .con3{padding: 30px 0;}

    .ndet2 .n2_con .con4{flex-wrap: wrap;margin-top: 25px;}

    .ndet2 .n2_con .con4 .con_le{width: 100%;}

    .ndet2 .n2_con .con4 .con_re{width: 100%;margin-top: 20px;}

    .ndet2 .n2_con .con4 .con_le a{margin-bottom: 18px;}

    .ndet2 .n2_con .con4 .con_le a s{top: 5px;}

    .about8 .con1{width: 90%;}

    .about8 .con1 .item{width: 100%;margin-bottom: 15px;padding-left: 12px;}

    .about8 .con1 .label input{height: 50px;}

    .about8 .con1 .item .dizhi .di{padding-left: 5px;}

    .about8 .atit{width: 90%;}

    .about8 .atit .t2{margin: 15px 0 0;}

    .about8 .con1{padding-top: 20px;}

}



@media screen and (max-width:800px) {
    .index4 .con2 .ul .li{margin-bottom: 8px;}

    .product2 .ul .li{width: 100%;}

    .knowledge2 .vids .ul .li .txt{padding: 20px 15px;}

    .knowledge2 .vids .ul .li .txt .t2{margin-top: 10px;}

    .news2 .ul .li{width: 100%;margin-bottom: 20px;}

    .banner .ss .txt .t2{margin: 15px 0 20px;}

    
    .product1 .con .con_le{width: 40%;}

    .product1 .con .con_re{width: 56%;}
    
    .pro_det1 .con .con_re .re4{
        max-height: initial;
    }
}