/* 产品 */

.pro_ban{position: relative;}

.pro_ban img{width: 100%;}

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

.pro_ban .ban_txt .txt{margin-top: 50px;}

.pro_ban .ban_txt s{display: block;width: 220px;height: 1px;background: rgba(255, 255, 255, 0.43);margin: 30px 0;}

.pro_ban .ban_txt .t2{line-height: 25px;}

.pro_ban .ban_tiao{position: absolute;height: 60px;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, .3);}

.pro_ban .ban_tiao .con_le a{display: block;color: #fff;opacity: 0.5;height: 100%;line-height: 60px;padding: 0 30px;position: relative;}

.pro_ban .ban_tiao .con{display: flex;align-items: center;height: 100%;justify-content: space-between;}

.pro_ban .ban_tiao .con .con_le{display: flex;}

.pro_ban .ban_tiao .con .con_re{display: flex;align-items: center;color: rgba(255, 255, 255, 0.9);}

.pro_ban .ban_tiao .con .con_re a{display: block;color: rgba(255, 255, 255, 0.9);}

.pro_ban .ban_tiao .con_le a::after{content: "";width: 1px;height: 20px;background: rgba(255, 255, 255, 0.5);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.pro_ban .ban_tiao .con_le a::before{width: 0%;height: 2px;background: #fff;left: 0;bottom: 0;content: "";position: absolute;}

.pro_ban .ban_tiao .con_le a:last-child::after{content: none;}

.pro_ban .ban_tiao a:hover{opacity: 1;}

.pro_ban .ban_tiao a.act{opacity: 1;}

.pro_ban .ban_tiao a.act::before{width: 100%;}

.pro_ban .ban_tiao .con .con_re a:hover{color: #fff;}

.product{background: #fff;}

.product .pro_top{text-align: center;padding-bottom: 60px;position: relative;}

.product .pro_top::after{content: "";position: absolute;width: 50px;height: 3px;background: #0b9f81;left:50%;;transform: translateX(-50%);bottom: 40px;}

.product .pro_top1{text-align: center;padding-bottom: 60px;position: relative;}

.product .pro_top1::after{content: "";position: absolute;width: 50px;height: 3px;background: #0b9f81;left:25px;;;transform: translateX(-50%);bottom: 40px;}

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

.product .ul .li{width: 31.33%;margin-right: 3.005%;background: #fff;position: relative;margin-bottom: 50px;box-shadow: 0 2px 8px 2px #edf4f9;}

.product .ul .li::after{content: "";width: 0%;height: 2px;background: #0b9f81;position: absolute;left: auto;right: 0;bottom: 0;transition: all 0.6s;}

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

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

.product .ul .li .t1{text-align: center;color: #0b9f81;}

.product .ul .li .t2{text-align: center;}

.product .ul .li .a_img{display: flex;justify-content: center;padding: 50px 50px 25px;}

.product .ul .li .a_txt{padding-bottom: 30px;}

.product .ul .li .t1{line-height: 25px;}

.product .ul .li .t2{line-height: 30px;margin-top: 10px;margin-bottom: 25px;}

.product .ul .li .t3{width: 40px;height: 40px;border-radius: 100%;border: 1px solid #cdcdcd;margin: 0 auto;position: relative;}

.product .ul .li .t3 img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.product .ul .li:hover .a_img img{transform: scale(1.13);}

/* .product .ul .li:hover .t3 img:last-child{opacity: 1;} */

.product .ul .li:hover .t3 img:first-child{opacity: 0;}

.product .ul .li:hover .t3 img:last-child{opacity: 1;}

.product .ul .li:hover .t2{color: #0b9f81;}

.product .ul .li:hover::after{width: 100%;left: 0;right: 0;transition: all 0.6s;}

.product .ul .li:hover .t3{border: 1px solid #8fbcde;}





/* 产品详情 */

.details{background: #f7fafc;margin-top: 80px;}

.details .deta_con{display: flex;justify-content: space-between;}

.details .deta_con .con_le{width: 40%;}

.details .deta_con .con_le .le_top img{width: 100%;}

.details .deta_con .con_re{width: 50%;padding-top: 35px;}

.details .deta_con .con_le .le_top img{border: 1px solid #0b9f81;}

.details .deta_con .con_le .le_bot{margin-top: 10px;position: relative;}

.details .deta_con .con_le .le_bot .swiper-slide .img{border: 2px solid #f7fafc;cursor: pointer;transition: all 0.6s;}

.details .deta_con .con_le .le_bot .swiper-slide.act .img{border: 2px solid #0b9f81;transition: all 0.6s;}

.details .prev,.details .next{background-size: 40px;}

.details .prev{width: 40px;height: 40px;left: -60px;}

.details .next{width: 40px;height: 40px;right: -60px;}

.details .deta_con .con_re .re1{margin-bottom: 75px;}

.details .deta_con .con_re .r{margin-bottom: 25px;}

.details .deta_con .con_re  .r2{line-height: 30px;color: #555555;}

.details .deta_con .con_re  .r2 span{display: block;margin-bottom: 8px;}

.details .deta_con .con_re .re2 .tr{border-bottom: 1px solid rgba(11, 109, 182, 0.2);padding-bottom: 20px;margin-bottom: 25px;}

.details .deta_con .con_re .re2 .li{display: flex;color: #555555;padding: 10px 0 ;line-height: 27px;align-items: center;}

.details .deta_con .con_re .re2 .li:first-child{color: #333333;}

.details .deta_con .con_re .re2 .li:nth-child(even){background: #fff;}

.details .deta_con .con_re .re2 .li span{display: block;}

.details .deta_con .con_re .re2 .li span:first-child{width: 40%;padding: 0 20px 0 40px;}

.details .deta_con .con_re .re2 .li span:last-child{width: 60%; padding-right: 10px;}

.details2{background: #f7fafc;padding-bottom: 40px;}

.details2 .s1{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid rgba(11, 109, 182, 0.2);}

.details2 .s2{line-height: 32px;}

.details3{background: #f7fafc;padding: 55px 0 150px;}

.details3 .con{position: relative;}

.details3 .t{padding-bottom: 35px;border-bottom: 1px solid rgba(11, 109, 182, 0.2);margin-bottom: 30px;}

.details3 .a_txt{display: flex;justify-content: space-between;height: 100px;align-items: center;background: #fff;padding: 0 20px 0 30px;}

.details3 .a_txt .t_re{width: 25px;height: 25px;border-radius: 100%;border: 1px solid rgba(153, 153, 153, 0.5);position: relative;}

.details3 .a_txt .t_re img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.details3 a .a_img {overflow: hidden;}

.details3 a:hover .a_img img{transform: scale(1.05);}

.details3 a:hover .a_txt{background: #0b9f81;}

.details3 a:hover .a_txt .t_le{color: #fff}

.details3 a:hover .a_txt .t_re{border: 1px solid rgba(255, 255, 255, 0.5);}

.details3 a:hover .a_txt .t_re img:last-child{opacity: 1;}

.details3 .con .details3_sw .swiper-pagination{display: none;}


/* 应用领域 */

.app{position: relative;}

.app .app_top{padding-bottom: 45px;text-align: center;position: relative;}

.app .app_top::after{content: "";position: absolute;width: 30px;height: 2px;background: #0b9f81;left: 50%;transform: translateX(-50%);bottom: 25px;}

.app .app_top2{display: flex;justify-content: center;height: 60px;margin-bottom: 60px;}

.app .app_top2 .ac{display: flex;justify-content: center;border-bottom: 1px solid rgba(11, 109, 182, 0.2);width: 1300px;}

.app .app_top2 a{display: block;padding: 0 10px;margin-right: 25px;line-height: 60px;position: relative;}

.app .app_top2 a::after{content: "";height: 1px;background: #0b9f81;position: absolute;left: auto;right: 0;bottom: -1px;width: 0%;transition: all 0.6s;}

.app .app_top2 a:last-child{margin-right: 0;}

.app .app_top2 a:hover::after{width: 100%;left: 0;right: auto;transition: all 0.6s;}

.app .app_top2 a:hover{color: #0b9f81;}

.app .app_top2 a.act{color: #0b9f81;}

.app .app_top2 a.act::after{width: 100%;}

.app .ul{overflow: hidden;}

.app .ul li{margin-bottom: 50px;overflow: hidden;}

.app .ul li .img{width: 50%;float: left;}

.app .ul li .txt{width: 50%;float: left;padding: 55px 125px 0 125px;}

.app .ul li:nth-child(2n) .img{float: right;}

.app .ul li:nth-child(2n) .txt{float: right;}

.app .ul li .txt .t1{}

.app .ul li .txt s{display: block;width: 70px;height: 1px;background: #0b9f81;margin: 20px 0 25px;}

.app .ul li .txt .t2{line-height: 32px;text-align: justify;color: #555555;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;margin-bottom: 60px;}

.liaojei{width: 180px;height: 60px;line-height: 60px;text-align: center;line-height: 60px;border: 1px solid #0b9f81;border-radius: 4px;color: #0b9f81;}

.liaojei:hover{background: #0b9f81;color: #fff;}

.field{background: #f7fafc;margin-top: 80px;}

.field .fie_con{display: flex;justify-content: space-between;}

.field .con_le{width: 45.33%;text-align: justify;}

.field .con_le .le1{margin-bottom: 40px;}

.field .con_le .le2{line-height: 32px;color: #0b9f81;margin-bottom: 15px;}

.field .con_le .le3{line-height: 30px;color: #555555;}

.field .con_re{width: 46.66%;}

.field2{background: #f7fafc;padding-bottom: 80px;}

.field2 .fie2_top{padding-bottom: 20px ;margin-bottom: 30px;border-bottom: 1px solid rgba(11, 109, 182, 0.2);}

.field2 .li{display: flex;justify-content: space-between;padding: 0 25px;height: 100px;align-items: center;border: 1px solid rgba(153, 153, 153, 0.5);margin-bottom: 20px;}

.field2 .li .li_le{display: flex;align-items: center;width: calc(100% - 100px);}

.field2 .li .li_le span{width: calc(100% - 70px);display: block;margin-left: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.field2 .li .li_re a{display: block;position: relative;width: 48px;height: 48px;border-radius: 100%;background: #f2f3f5;}

.field2 .li .li_re a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.field2 .li .li_re a:hover img:last-child{opacity: 1;}

.field2 .li .li_re a:hover{background: #0b9f81;}

.field2 .li .li_re a:hover img:first-child{opacity: 0;}

.field2 .li:hover{box-shadow: 0 3px 5px 2px #cdcdcd;}

.field3{background: #f7fafc;padding-bottom: 150px;}

.field3 .con{position: relative;}

.field3 .fie3_top{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid rgba(11, 109, 182, 0.2);}

.field3  .a_img{padding: 47px 47px 30px;}

.field3  .a_txt{padding-bottom: 30px;text-align: center;background: #fff;}

.field3  .a_txt .t1{color: #0b9f81;margin-bottom: 20px;}

.field3  .a_txt .t2{margin-bottom: 25px;padding: 0 15px; overflow: hidden;
text-overflow: ellipsis;  white-space: nowrap;}

.field3  .a_txt .t3{position: relative;width: 40px;height: 40px;margin: 0 auto;border: 1px solid #cdcdcd;border-radius: 100%;}

.field3  .a_txt .t3 img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.field3 a{display: block;box-shadow: 0 2px 8px 5px #edf4f9;margin: 10px;background:#fff;position: relative;}

.field3 a::after{content: "";width: 0%;background: #0b9f81;position:absolute;height: 2px;left: auto;right: 0;bottom: 0;transition: all 0.6s;}

.field3 a:hover .a_img img{transform: scale(1.13);}

.field3 a:hover .t2{color: #0b9f81;}

.field3 a:hover .t3{border: 1px solid #8fbcde;}

.field3 a:hover .t3 img:last-child{opacity: 1;}

.field3 a:hover .t3 img:first-child{opacity: 0;}

.field3 a:hover:after{width: 100%;left: 0;right: auto;}




/* 关于 */

.about1{background: #fff;padding: 75px 0 75px;position: relative;}

.about1 .ab1{color: #0b9f81;}

.about1 s{display: block;width: 60px;height: 0px;background: #0b9f81;margin: 20px 0 25px;position: relative;}

.about1 s::after{position: absolute;width: 5px;height: 2px;background: #0b9f81;right: -8px;top: 0;content: none;}

.about1 .ab2{color: #555555;line-height: 30px;text-align: justify;}

.about2{height: 250px;position: relative;}

.about2 .ab2_con{height: 100%;}

.about2 .ul{display: flex;align-items: center;height: 100%;}

.about2 .ul .li{flex: 1;height: 120px;text-align: center;border-right: 1px solid #0b9f81;}

.about2 .ul .li:last-child{border-right:none;}

.about2 .ul .li p{color: #0b9f81;}

.about2 .ul .li .lt{color: #666666;line-height: 30px;margin-top: 5px;}

.about3{position: relative;}

.about3{padding: 50px 0 100px;background: #f7fafc;}

.about4{background: #f7fafc;padding-bottom: 60px;position: relative;}

.about4 .ab4_top {text-align: center;padding-bottom: 60px;position: relative;}

.about4 .ab4_top::after{content: "";height: 2px;background: #0b9f81;position: absolute;width: 30px;bottom: 40px;left: 50%;transform: translateX(-50%);}

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

.about4 .ul .li{width: 31%;margin-right: 3.5%;background: #fff;padding: 50px 45px 50px 25px;display: flex;justify-content: space-between;height: 260px;margin-bottom: 40px;box-shadow: 0 5px 5px 3px #ecf3f9;align-items: center;}

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


.about4 .ul .li .li_le{width: calc(100% - 150px);height: 100%;}

.about4 .ul .li .li_le .l1{margin-bottom: 20px;}

.about4 .ul .li .li_le .l2{line-height: 30px;text-align: justify;}

.about4 .ul .li .li_re{}

.about4 .ul .li:hover{box-shadow: 0 5px 10px 3px #ccdeed;}

.about5{position: relative;}

.about5 .imgb{width: 100%;}

.about5 .ab5_con{width: 100%;position: absolute;left: 0;top: 0;padding: 100px 0 70px;height: 100%;}

.about5 .ab5_con .ab5_top{text-align: center;color: #fff;padding-bottom: 20px;position: absolute;top: 100px;width: 100%;z-index: 5;}

.about5 .ab5_con .ab5_top::after{content: "";width: 30px;height: 2px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #fff;}

.about5 .ab5_con .ul{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.about5 .ab5_con .li{width: 18.75%;color: #fff;border-left: 1px solid rgba(255, 255, 255, 0.3);padding: 25px 30px 60px 15px;position: absolute;}

.about5 .ab5_con .li:nth-child(2n)::after{top: -10px;left: -8px;}

.about5 .ab5_con .li:nth-child(2n)::before{bottom: -4px;left: -3px;top: auto;}

.about5 .ab5_con .li::after{width: 15px;height: 15px;border-radius: 100%;background: #3466aa;position: absolute;content: "";bottom: -12px;left: -7px;border: 2px solid #fff;}


.about5 .ab5_con .li::before{width: 5px;height: 5px;border-radius: 100%;background: #0b9f81;position: absolute;left: -3px;top: -4px;content: "";}

.about5 .ab5_con .li .l1{margin-bottom: 20px;}

.about5 .ab5_con .li .l2{line-height: 30px;color: rgba(255, 255, 255, 0.5);text-align: justify;}

.about5 .ab5_con .li1{left:0;bottom: 37.9%;left: 10.94%;}

.about5 .ab5_con .li2{left: 20.6%;top: 56.9%;padding: 110px  30px 10px 15px;}

.about5 .ab5_con .li3{left: 29.69%;bottom: 45%;}

.about5 .ab5_con .li4{left: 39.33%;top: 60%;padding: 90px 30px 20px 15px;}

.about5 .ab5_con .li5{left: 48.9%;bottom: 42.9%;padding: 25px  30px 100px 15px;}

.about5 .ab5_con .li6{left: 58%;top: 53.2%;padding: 80px 30px 20px 15px;}

.about5 .ab5_con .li7{left: 67.7%;bottom: 48.9%;padding: 20px 30px 100px 15px;;}

.about5 .ab5_con .li.act .l2{color: #fff;}

.about5 .ab5_con .li.act .l1{font-size: 48px;}




.about6{background: #f7fafc url(../image/about6b.jpg) center no-repeat;background-size: cover;padding: 100px 0 80px;position: relative;}

.about6 .ab6_con .ab6_top{text-align: center;padding-bottom: 50px;position: relative;}

.about6 .ab6_con .con{position: relative;}

.about6 .ab6_con .ab6_top::after{content: "";width: 30px;height: 2px;background: #0b9f81;left: 50%;transform: translateX(-50%);position: absolute;bottom: 30px;}

.about6 .ab6_con .con .img {position: relative;}

.about6 .ab6_con .con .img img{z-index: 2;transition: all 0.6s;}

.about6 .ab6_con .con .img::after{position: absolute;left: 0;bottom: -32px;height: 40px;width: 100%;background: url(../image/di.png);content: "";}

.about6 .ab6_con .con .img .span{display: block;position: absolute;bottom: -35px;width: 100%;text-align: center;transition: all 0.6s;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.about6 .ab6_con .con .swiper-wrapper{align-items: flex-end;}

.about6 .ab6_con .con .swiper-slide{height: 100%;padding-bottom: 40px;display: flex;justify-content: center;padding: 0 50px 40px;}


.about6 .ab6_con .con .swiper-slide .img{display: flex;align-items: flex-end;justify-content: center;height: 100%;}


.about6 .ab6_con .con .swiper-slide .img img{width: 100%;}

.about6 .ab6_con .con .swiper-slide:hover img{transform: scale(1.02);transition: all 0.6s;}


.about6 .ab6_con .con .swiper-slide:hover .img .span{color: #0b9f81;transition: all 0.6s;}

.about7 {position: relative;padding: 100px 0 110px;background: #f7fafc;}

.about7 .ab7_top{text-align: center;padding-bottom: 70px;position: relative;}

.about7 .ab7_top::after{position: absolute;width: 30px;height: 2px;background: #0b9f81;content: "";left: 50%;transform: translateX(-50%);bottom: 50px;}

.about7 .con_img {width: 100%;}

.about7  .imgs1{width: 7.4%;top: 23%;height: 14.6%;left: 41%;position: absolute;}

.about7  .imgs2{width: 21%;top: 36.84%;height: 10.5%;left: 46.67%;position: absolute;}

.about7 .con{position: relative;}

.about7  .img{position: absolute;overflow: hidden;}

.about7 .imgs1 .img{width: 100%;height: 0%;right: 0;bottom: 0;}

.about7  .imgs1 .img img{position: absolute;right: 0;bottom: 0;max-height: none;width: 100%;}

.about7  .imgs2 .img{width: 0%;height: 100%;left: 0;top: 0;}

.about7  .imgs2 .img img{position: absolute;left: 0;top: 0;max-width: none;height: 100%;}

.about7  .imgs3{width: 30.66%;height: 43.42%;top: 40%;left: 46%;position: absolute;}

.about7  .imgs3 .img{position: absolute;left: 0;top: 0;width: 0%;height: 100%;}

.about7  .imgs3 .img img{max-width: none;position: absolute;left: 0;top: 0;height: 100%;}

.about7  .imgs4{width: 22.667%;height: 36.85%;position: absolute;top: 41.44%;right: 52.667%;}

.about7  .imgs4 .img {position: absolute;right: 0;top: 0;width: 100%;height: 0;}

.about7  .imgs4 .img img{max-width: none;position: absolute;right: 0;top: 0;width: 100%;}

.about8{position:relative;background: #f7fafc;padding-bottom: 100px;}

.about8 .ab8_top{text-align: center;padding-bottom: 55px;position: relative;}

.about8 .con{position: relative;}

.about8 .ab8_top::after{content: "";width: 30px;height: 2px;background: #0b9f81;position: absolute;left: 50%;transform: translateX(-50%);bottom: 35px;}

.about8 .img{padding: 10px ;}

.about8 .img img{box-shadow: 0 0 10px 5px #eef4f9;transition: all 0.6s;}

.about8 .img:hover img{transform: scale(1.1);transition: all 0.6s;}

/* 联系我们 */

.contact1{position:relative;background: #f7fafc;}

.contact1 .cont1_top{text-align: center;padding-bottom: 60px;position: relative;}

.contact1 .cont1_top::after{content: "";width: 30px;height: 2px;background: #0b9f81;left: 50%;transform: translateX(-50%);bottom: 40px;position: absolute;}

.contact1 .ul .li{background: #fff;box-shadow: 0 5px 5px 2px #ecf3f9;margin-bottom: 30px;transition: all 0.6s;}

.contact1 .ul .li .li_top{display: flex;justify-content: space-between;height: 100px;align-items: center;padding: 0 40px;cursor: pointer;}

.contact1 .ul .li .li_top{color: #0b9f81;}

.contact1 .ul .li .li_top .top_re{display: flex;align-items: center;cursor: pointer;}

.contact1 .ul .li .li_top .top_re .img{position: relative;width: 10px;height: 10px;margin-left: 10px;}

.contact1 .ul .li .li_top .top_re .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.contact1 .ul .li .li_top .top_re .re{position: relative;}

.contact1 .ul .li .li_top .top_re .re span:first-child{color: #999;;}

.contact1 .ul .li .li_top .top_re .re span:last-child{position: absolute;left: 0;top: 0;opacity: 0;color: #0b9f81;}

.contact1 .ul .li  .li_txt{border-top: 1px solid #e0e0e0;padding: 15px 40px 50px;line-height: 30px;color: #555555;display: none;}

.contact1 .ul .li  .li_txt span{display: block;margin: 30px 0 10px;color: #333333;}

.contact1 .ul .li  .liaojei{margin-top: 50px;}

.contact1 .ul .li.act .li_top{}

.contact1 .ul .li.act .li_top .top_re .re span:last-child{opacity: 1;}

.contact1 .ul .li.act .li_top .top_re .re span:first-child{opacity: 0;}

.contact1 .ul .li.act .li_top .top_re .img img:last-child{opacity: 1;}


.contact1 .ul .li.act .li_top .top_re .img img:first-child{opacity: 0;}

.contact1 .ul .li.act .li_top{font-weight: bold;}

.contact1 .ul .li:hover{box-shadow: 0 5px 10px 5px #ccdeed;transition: all 0.6s;}

.contact2{background: #f7fafc;padding-bottom: 140px;position: relative;}

.contact2 .cont2_top{text-align: center;position: relative;padding-bottom: 80px;}

.contact2 .cont2_top::after{content: "";width: 30px;height: 2px;background: #0b9f81;left: 50%;transform: translateX(-50%);bottom: 60px;position: absolute;}

.contact2 .ul{display: flex;}

.contact2 .ul .li .li_img{width: 80px;height: 80px;border-radius: 100%;border: 1px solid #0b9f81;margin: 0 auto 30px;}

.contact2 .ul .li{display: flex;justify-content: center;}

.contact2 .ul .li a{color: #0b9f81;}

.contact2 .ul .li span{color: #0b9f81;}

.contact2 .ul .li.li1{width: 20%;}

.contact2 .ul .li.li2{width: 20%;}

.contact2 .ul .li.li3{width: 20%;}

.contact2 .ul .li:hover .li_img{transform: translateY(-10px);}

.contact2 .ul .li a:hover{font-weight: 800;}

.contact3{background: #f7fafc;padding-bottom: 120px;position: relative;}

.contact3 .cont3_top{margin-bottom: 20px;}

.contact3 .cont3_top2{line-height: 35px;}

.contact3 .con{margin-top: 35px;}

.contact3 .con .li_top{height: 30px;line-height: 30px;margin-bottom: 5px;}

.contact3 .con .li_top span{color: #ff0000;}


.contact3 .con .li_txt{display: flex;height: 40px;align-items: center;}

.contact3 .con .li_txt p{display: flex;cursor: pointer;}

.contact3 .con .li_txt span{width: 14px;height: 14px;border-radius: 100%;border: 1px solid #666666;display: block;margin-right: 10px;position: relative;}

.contact3 .con .li_txt span::after{width: 0px;height: 0px;background: #666666;border-radius: 100%;content: "";position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}

.contact3 .con .li_txt p.act  span::after{width: 8px;height: 8px;}


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

.contact3 .con .ul .li{width: 46.667%;margin-bottom: 10px;}

.contact3 .con .ul .li:last-child{width: 100%;}

.contact3 .con .ul .li .li_txt{height: auto;}

.contact3 .con .ul .li textarea{height: 180px;padding-left: 10px;line-height: 40px;border: 1px solid #ebeced;color: #999;}

.contact3 .con .li_txt input{height: 40px;border: 1px solid #ebeced;width: 100%;outline: none;padding-left: 10px;color: #999;}

.contact3 .con .li_txt .int{width: 19.3%;margin-right: 3.7%;}

.contact3 .con .li_txt .int2{width: 77%;}

.contact3 .con .tong{margin-top: 25px;}

.contact3 .con .tong .t1{line-height: 30px;}

.contact3 .con .tong .t1 span{color: #ff0000;}

.contact3 .con .tong .t2{line-height: 30px;display: flex;align-items: center;}

.contact3 .con .tong .t2 a{color: #0b9f81;}

.contact3 .con .tong .t2 span{display: block;width: 12px;height: 12px;border: 1px solid #666;margin-right: 10px;position: relative;cursor: pointer;}

.contact3 .con .tong .t2 p{width: calc(100% - 22px);}

.contact3 .con .tong .t2 span::after{content: "";width: 0px;height: 0px;background: #666666;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.contact3 .con .tong .t2 span.act::after{width: 7px;height: 7px;}

.contact3 .con .dianj {display: flex;margin-top: 50px;}

.contact3 .con .dianj a{display: block;width: 180px;height: 60px;text-align: center;line-height: 60px;color: #333333;background: #e7e7e7;border-radius: 4px;margin-right: 50px;}

.contact3 .con .dianj a:hover{background:#0b9f81;color: #fff;}

.contact3 .con .tong .t2{align-items: flex-start;}

.contact3 .con .tong .t2 span{margin-top: 8px;}

.contact3 .con .tong{margin-top: 15px;}

.contact3 .con .ul .li textarea{height: 160px;}

input::-webkit-input-placeholder{
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
input:-moz-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
input::-moz-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
input:-ms-input-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
textarea::-webkit-input-placeholder{
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
textarea:-moz-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
textarea::-moz-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}
textarea:-ms-input-placeholder {
    color:#999999;
    font-size:14px;
    line-height: 40px;
}


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


/* 提示框 */

.tishik{width:100%;height: 100%;background: rgba(0, 0, 0, .8);box-shadow: 0 0 5px 3px #ccdeed;position: fixed;z-index: 100;left: 0;top: 0;display: none;}

.tishik .tis{width: 400px;height: 200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;box-shadow: 00 0 5px 2px rgba(153, 153, 153, 0.5);text-align: center;}

.tishik .tis .t{margin-top: 40px;}

.tishik .tis .ti{width: 180px;height: 60px;text-align: center;line-height: 60px;border-radius: 8px;background: #000;color: #fff;margin: 30px auto 0;cursor: pointer;}

.tishik .tis .ti:hover{background: #0b9f81;}

/* 搜索结果页 */

.search{padding: 140px 0 100px;background: #f7fafc;}

.search .sear_top{display: flex;justify-content: space-between;height: 200px;background: #fff;padding: 50px;align-items: flex-end;}

.search .sear_top .top_le{width: 54.33%;}

.search .sear_top .top_le .in{display: flex;align-items: center;background: #f7fafc;}

.search .sear_top .top_le .in input{width: calc(100% - 80px);height: 57px;border: none;outline: none;background: #f7fafc;font-size: 16px;padding-left: 15px;font-weight: 100;color: #333333;}

.search .sear_top .top_le .in img{cursor: pointer;}

.search .sear_top .top_le span{display: block;margin-bottom: 20px;}

.search .sear_top .top_re {display: flex;}

.search .sear_top .top_re .img{position: relative;width: 27px;height: 27px;border-radius: 100%;border: 2px solid #333333;margin-right: 15px;}

.search .sear_top .top_re .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.search .sear_top .top_re a{display: flex;width: 190px;height: 57px;text-align: center;line-height: 57px;background: #f7fafc;margin-left: 20px;align-items: center;justify-content: center;}

.search .sear_top2{padding: 45px 0 30px;line-height: 30px;}

.search .sear_top2 span{color: #0b9f81;font-weight: 400;}

.search .sear_top .top_re a:hover{color: #fff;background: #0b9f81;}

.search .sear_top .top_re a:hover .img img:last-child{opacity: 1;}

.search .sear_top .top_re a:hover .img img:first-child{opacity: 0;}

.search .sear_top .top_re a:hover .img{border: 2px solid #fff;}


.search .sear_top .top_le .in input::-webkit-input-placeholder{
    color:#333;
    font-size:16px;
    line-height: 57px;
}
.search .sear_top .top_le .in input:-moz-placeholder {
    color:#333;
    font-size:16px;
    line-height: 57px;
}
.search .sear_top .top_le .in input::-moz-placeholder {
    color:#333;
    font-size:16px;
    line-height: 57px;
}
.search .sear_top .top_le .in input:-ms-input-placeholder {
    color:#333;
    font-size:16px;
    line-height: 57px;
}

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

.tanliu .tan_con{position: absolute;width: 1125px;background: #fff;top: 50%; left: 50%;   transform: translate(-50%,-50%);padding: 65px 85px 95px;text-align: center;}

.tanliu .tan_con img{position: absolute;right: 20px;top: 20px;width: 20px;height: 20px;cursor: pointer;}

.tanliu .tan_con .tan1{margin-bottom: 15px;}

.tanliu .tan_con .tan2{line-height: 30px;margin-bottom: 30px;color: #555555;}

.tanliu .tan_con .tan3 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.tanliu .tan_con .tan3 ul .li{width: 47.37%;margin-bottom: 40px;}

.tanliu .tan_con .tan3 ul .li span{display: block;text-align: left;margin-bottom: 10px;}

.tanliu .tan_con .tan3 ul .li input{width: 100%;border: 1px solid #e3e3e3;height: 40px;padding-left: 20px;outline: none;color: #999;}

.tanliu .tan_con .tan3 ul .li:last-child{width: 100%;}

.tanliu .tan_con .tan3 ul .li textarea{width: 100%;height: 100px;border: 1px solid #e3e3e3;padding-left: 20px;line-height: 40px;color: #999; resize: none;}


.tanliu .tan_con .tan4 {display: flex;justify-content: center;}

.tanliu .tan_con .tan4 a{display: block;width: 180px;height: 60px;text-align: center;line-height: 60px;background: #e7e7e7;border-radius: 4px;color: #333333;margin-right: 50px;}

.tanliu .tan_con .tan4 a:last-child{margin-right: 0;}

.tanliu .tan_con .tan4 a:hover{color: #fff;background: #0b9f81;}

























@media screen and (max-width:1900px){
    .about5 .ab5_con .li.act .l1{font-size: 42px;}
}



@media screen and (max-width:1800px) {
    .about5 .ab5_con .li{padding: 20px 20px 50px 15px;}

    .about5 .ab5_con .li5{padding: 20px 20px 70px 15px;}

    .about5 .ab5_con .li7{padding: 20px 20px 70px 15px;}

    .about5 .ab5_con .li4{padding: 90px 20px 20px 15px;}

    .about5 .ab5_con .li2{padding: 100px 20px 20px 15px;}

    .about5 .ab5_con .li6{padding: 50px 20px 20px 15px;}

    .about5 .ab5_con .li .l2{padding-right: 15px;}
}









@media screen and (max-width:1680px) {
    .details .deta_con .con_re .re1{margin-bottom: 40px;}

    .details .deta_con .con_re .r2 span{margin-bottom: 5px;}

    .details .deta_con .con_re .re2 .tr{margin-bottom: 20px ;padding-bottom: 15px;}

    .details .deta_con .con_re{padding-top: 25px;}

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

    .app .ul li .txt .t2{line-height: 28px;}

    .app .ul li .txt{padding: 30px 80px 0;}

    .app .app_top2 .ac{width: 1000px;}

    .field .con_le .le1{margin-bottom: 20px;}

    .field .con_le .le3{line-height: 25px;}

    .field3{padding-bottom: 100px;}

    .about1{padding: 80px  0 50px; }

    .about2{height: 200px;}

    .about2 .ul .li{height: 80px;}

    .about2 .ul .li .lt{margin-top: 0;}

    
    .about3{padding: 50px 0 80px;}

    .about5 .ab5_con .li .l2{line-height: 25px;}

    .about5 .ab5_con .li .l1{margin-bottom: 15px;}

    .about5 .ab5_con .ab5_top{top: 70px;}

    .about5 .ab5_con .li{padding: 20px 10px 50px 15px;}

    .about5 .ab5_con .li5{padding: 20px 10px 80px 15px;}

    .about5 .ab5_con .li2{padding: 80px 10px 20px 15px;}

    .about5 .ab5_con .li4{padding: 60px 10px 20px 15px;}

    .about5 .ab5_con .li6{padding: 30px 10px 20px 15px;}

    .about5 .ab5_con .li .l2{max-height: 150px;overflow-y: auto;}

    .about5 .ab5_con .li .l2::-webkit-scrollbar{ width:2px;height: 1px;}
    .about5 .ab5_con .li .l2::-webkit-scrollbar-thumb{ background:rgba(11, 109, 182, 0.5);}
    .about5 .ab5_con .li .l2::-webkit-scrollbar-track{ background:#fff;} 

    .about5 .ab5_con .li.act .l1{font-size: 36px;}

    .about4 .ul .li .li_le{width: calc(100% - 90px);}

    .about4 .ul .li{padding: 30px ;height: 220px;margin-bottom: 30px;}

    .about4 .ul .li .li_re img{width: 60px;}

    .about4{padding-bottom: 40px;}

    .about7{padding: 80px 0;}

    .about8{padding-bottom:80px ;}

    .contact2{padding-bottom: 100px;}

    .about6{padding: 80px 0 50px;}

    .about6 .ab6_con .con .swiper-slide{padding: 0 30px 40px;}


}






@media screen and (max-width:1400px) {
    .about5 .ab5_con .ab5_top{top: 40px;padding-bottom: 15px;}

    /* .about5 .ab5_con .li{padding: 15px 20px 30px 15px;} */

    .about5 .ab5_con .li .l2{max-height: 100px;}

    
}







@media screen and (max-width:1025px) {
    .product .ul .li{width: 100%;margin-right: 0;margin-bottom: 30px;}

    .product .ul .li .a_img{padding: 30px 30px 20px;}

    .product .ul .li .t2{margin-bottom: 15px;margin-top: 5px;}

    .product .ul .li .a_txt{padding-bottom: 20px;}

    .pro_ban .ban_txt s{width: 100px;margin: 15px 0;}

    .pro_ban .ban_tiao{display: none;}

    .details .deta_con{flex-wrap: wrap;}

    .details .deta_con .con_le{width: 100%;}

    .details .deta_con .con_re{width: 100%;}

    .details{margin-top: 50px;}

    .details .prev, .details .next{display: none;}

    .details .deta_con .con_re .r{margin-bottom: 15px;}

    .details .deta_con .con_re .r2{line-height: 26px;}

    /* .details .deta_con .con_re .re2 .li span:first-child{padding: 0 10px ;width: 35%;}

    .details .deta_con .con_re .re2 .li span:last-child{width: 65%;} */

    .details .deta_con .con_re .re2 .li span:first-child{padding: 0 10px 0 15px;}

    .details2 .s1{padding-bottom: 15px;margin-bottom: 15px;}

    .details2 .s2{line-height: 28px;}

    .details3{padding: 30px 0;}

    .details3 .a_txt{height: 70px;}

    .details3 .t{padding-bottom: 20px;}

    .details3 .con .details3_sw .swiper-pagination{display: block;}

    .details3 .con .details3_sw{padding-bottom: 40px;}

    .product .pro_top{padding-bottom: 40px;}

    .product .pro_top::after{bottom: 25px;}

    .app .app_top{padding-bottom: 30px;}

    .app .app_top2 .ac{width: auto;flex-wrap: wrap;}

    .app .app_top2{height: auto;margin-bottom: 30px;}

    .app .app_top2 .ac{border: none;}

    .app .app_top2 a{line-height: 50px;margin-right: 10px;}

    .app .app_top::after{bottom: 15px;}

    .app .ul li{flex-wrap: wrap;margin-bottom: 30px;}

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

    .app .ul li .img{width: 100%;}

    .app .ul li .txt{width: 100%;padding: 30px 20px;}

    .liaojei{width: 130px;height: 50px;line-height: 50px;}

    .app .ul li .txt s{width: 40px;margin: 15px 0;}

    .field{margin-top: 50px;}

    .field .fie_con{flex-wrap: wrap;}

    .field .con_le {width: 100%;}

    .field .con_re{width: 100%;}

    .field .con_re img{width: 100%;margin-top: 30px;}

    .field .con_le .le1{margin-bottom: 15px;}

    .field .con_le .le2{line-height: 30px;margin-bottom: 8px;}

    .field2 .fie2_top{margin-bottom: 20px;padding-bottom: 15px;}

    .field2 .li{padding: 0 15px;height: 75px;margin-bottom: 15px;}

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

    .field2 .li .li_le img{width: 40px;}

    .field2 .li .li_re a{width: 35px;height: 35px;}

    .field2 .li .li_le{width: calc(100% - 50px);}

    .field2 .li .li_le span{width: calc(100% - 50px);}

    .field2{padding-bottom: 30px;}

    .field3 .fie3_top{padding-bottom: 15px;margin-bottom: 15px;}

    .field3{padding-bottom: 30px;}

    .field3 .a_img img{width: 100%;}

    .field3 .prev, .field3 .next{display: none;}

    .field3 .con .fie3_sw{padding-bottom: 30px;}

    .about1{padding: 30px 0;}

    .about1 s{margin: 15px 0 20px;}

    .about1 .ab2{line-height: 25px;}

    .about2{height: auto;padding: 20px 0;}

    .about2 .ul{flex-wrap: wrap;}

    .about2 .ul .li{height: 100px;width: 100%;flex: none;padding-top: 20px;border: none;}

    .about3{padding: 30px 0;}

    .about4 .ab4_top{padding-bottom: 40px;}

    .about4 .ab4_top::after{bottom: 25px;}

    .about4 .ul .li{width: 100%;height: 230px;margin-right: 0;}

    .about4 .ul .li .li_le .l1{margin-bottom: 10px;}

    .about5{height: 640px;}


    .about5 .ab5_con .con{width: 100%;overflow-x: auto;height: 100%;position: absolute;top: 0;}


    .about5 .ab5_con .con::-webkit-scrollbar{ width:4px;height: 3px;}
    .about5 .ab5_con .con::-webkit-scrollbar-thumb{ background:#0b9f81;}
    .about5 .ab5_con .con::-webkit-scrollbar-track{ background:#fff;} 

    .about5 .ab5_con .con .ul{width: 1300px;height: 100%;background: url(../image/licheng1.jpg) center no-repeat;background-size: cover;}

    .about5 .imgb{display: none;}

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

    .about7 .ab7_top{padding-bottom: 40px;}

    .about7 .ab7_top::after{bottom: 25px;}

    .about5 .ab5_con .li.act .l1{font-size: 26px;}

    .about6 .ab6_con .ab6_top{padding-bottom: 40px;}

    .about6 .ab6_con .ab6_top::after{bottom: 25px;}

    .about7{padding: 30px 0;}

    .about8 .about8_sw{padding-bottom: 30px;}

    .about8 .ab8_top{padding-bottom: 40px;}

    .about8 .ab8_top::after{bottom: 25px;}

    .about8{padding-bottom: 30px;}

    .contact1 .cont1_top{padding-bottom: 40px;}

    .contact1 .cont1_top::after{bottom: 25px;}

    .contact1 .ul .li .li_top{height: 80px;padding: 0 15px;}

    .contact1 .ul .li{margin-bottom: 20px;}

    .contact1 .ul .li .li_txt{padding: 15px 15px 30px;}

    .contact1 .ul .li .li_txt span{margin: 15px 0 5px;}

    .contact1 .ul .li .liaojei{margin-top: 30px;}

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

    .contact2 .cont2_top{padding-bottom: 40px;}

    .contact2 .cont2_top::after{bottom: 25px;}

    .contact2 .ul{flex-wrap: wrap;}

    .contact2 .ul .li{margin-bottom: 30px;}

    /* .contact2 .ul .li:last-child{margin-bottom: 0;} */

    .contact2 .ul .li.li1{width: 100%;}

    .contact2 .ul .li.li2{width: 100%;}

    .contact2 .ul .li.li3{width: 100%;}

    .contact2 .ul .li .li_img{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;}

    .contact2{padding-bottom: 30px;}

    .contact3 .cont3_top{margin-bottom: 15px;}

    .contact3 .cont3_top2{line-height: 30px;}

    .contact3 .con .ul .li{width: 100%;}

    .contact3 .con{margin-top: 20px;}

    .contact3 .con .li_txt .int{width: 30%;}

    .contact3 .con .li_txt .int2{width: 66.3%;}

    .contact3 .con .dianj a{width: 130px;height: 50px;line-height: 50px;margin-right: 20px;}

    .contact3 .con .dianj a:last-child{margin-right: 0;}

    .contact3 .con .dianj{margin-top: 20px;}

    .about6{padding: 30px 0;}

    .about6 .ab6_con .con .about6_sw{padding-bottom: 40px;}

    .tiaozhuang{top: -70px;}

    .app .ul li .txt .t2{margin-bottom: 30px;}

    .details2{padding-bottom: 25px;}

    .about6 .ab6_con .con .swiper-slide{padding: 0 0 40px;}

    .tanliu .tan_con{width: 90%;padding: 50px 20px;}

    .tanliu .tan_con .tan2{margin-bottom: 15px;}

    .tanliu .tan_con .tan3 ul .li{width: 100%;margin-bottom: 15px;}

    .search{padding: 80px 0 30px;}

    .search .sear_top{padding: 20px;height: auto;display: block;}

    .search .sear_top .top_le{width: 100%;}

    .search .sear_top .top_re{justify-content: space-between;margin-top: 20px;}

    .search .sear_top .top_re a{width: 48%;margin: 0 ;}

    .tishik .tis{width: 90%;}

    .contact3{padding-bottom: 40px;}





}