* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
 width: 100%;
  overflow-x: hidden; }

body{color: #333;line-height: 1.5;-webkit-text-size-adjust: none;}
a:hover{cursor: pointer;}
html {width: 100%;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;background: transparent;}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear {clear: both;height: 0;display: block;_display: inherit; }

img {vertical-align: middle;max-width: 100%;border: 0; }
a{text-decoration: none;outline: none;cursor: pointer;}
div{outline: none}
ul,li{list-style-type: none}
i,em{font-style: normal;}
.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.overflow{overflow: hidden;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}
.flex_column_between{display: flex;flex-direction: column;justify-content: space-between;}

.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line5{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.line7{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:7;-webkit-box-orient: vertical;}

.btn_hover{position: relative;-moz-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.btn_hover:hover > .anim{-moz-animation: anim-out 1s;-webkit-animation: anim-out 1s;animation: anim-out 1s;}
.btn_hover:hover > .anim:after{-moz-animation: anim-out-pseudo 1s;-webkit-animation: anim-out-pseudo 1s;animation: anim-out-pseudo 1s;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

body{font-size: 16px;background:#fff;}
html {
  font-size: 5.20833333vw;
}
@media (max-width: 1200px) {
  html{ font-size:6.9vw; }
}
@media (max-width: 750px) {
  html {font-size: clamp(14px, 13.3vw, 100px); }
  
}
@media (max-width: 1500px) {
  body { font-size: 15px; }
}
@media (max-width: 1300px) {
  body { font-size: 14px; }
}
.main{width:16.1rem;margin:0 auto;max-width: 90%}
.scale .pic{overflow: hidden;}
.scale img{transition: all 0.5s;}
.scale:hover img{transform:scale(1.1);}
header{width: 100%;position: absolute;top:0;left: 0;width: 100%;z-index: 1000;border-bottom: 1px solid #5396c0;}

header .navlist li{position: relative;margin:0 0.12rem;}
header .navlist li>a{color: #fff;line-height:88px;display: block;padding:0 0.17rem;position: relative;font-size: 16px;}
header .navlist li>a:after{content:'';display: block;width:0;height:2px;background:#47bed5;position: absolute;left:50%;bottom: 0;transform: translateX(-50%);transition: all 0.5s}
header .navlist li.active a:after,header .navlist li:hover a:after{width: 100%}

footer{background:#2d7988 url('../images/foot.jpg') no-repeat center top;}
.foot1{padding:75px 0 50px;color: #fff;}
.foot_nav{width: 870px;}
.foot_right{width:560px;max-width: calc(100% - 900px)}

.foot_nav li{text-align: left}
.foot_nav li>a{font-weight: bold;color: #ffffff;font-size: 16px;}
.foot_nav .two{margin-top: 20px}
.foot_nav .two dd a{font-size: 14px;color:rgba(255,255,255,0.8);line-height: 30px;}
.foot_nav .two dd:hover a{color: #fff}

.foot_right .list li{margin-bottom: 15px}
.foot_right .list li .tit{font-size: 14px;color:rgba(255,255,255,0.8);padding-left:26px;line-height: 25px;}
.foot_right .list li .des{font-size: 14px;color: #fff;margin-top: 5px}
.foot_right .list li.addr .tit{background:url('../images/addr.png') no-repeat center left;}
.foot_right .list li.tel .tit{background:url('../images/tel.png') no-repeat center left;}
.foot_right .list li.email .tit{background:url('../images/email.png') no-repeat center left;}
.foot_right .list li.tel .des{font-size: 30px;font-weight: bold;color: #ffea02}
.foot_right .code{width: 164px;}
.foot_right .code .pic{padding:10px;border:1px solid #639ca7;}

.foot2{background:url('../images/foot2.jpg') no-repeat;padding:30px 0;font-size: 16px;color: #fff;background-size: cover;border-top: 1px solid #88bfcf}
.foot2 a{color: #fff}

.section1{padding:55px 0;}
.sec1_left{width: 50%}
.sec1_left .pic{position: relative;}
.sec1_left .pic:after{content: '';display: block;width:calc(100% - 85px);height:calc(100% - 100px);border:1px solid #fff;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition: all 0.7s;opacity: 1}
.sec1_left:hover .pic:after{width:110%;height:110%;opacity: 0}

.title p{font-size: 0.6rem;font-weight: bold;color: #000000;text-transform: uppercase;margin-bottom:5px;}
.title p::first-letter{color:#47bed5;}
.title span{font-size: 0.3rem;font-weight: bold;color: #333333;position: relative;display: inline-block}
.title span:after{content:'';display: block;width: 0.62rem;height: 0.07rem;background:#47bed5;border-radius: 5px;position: absolute;right: -0.78rem;top:50%;transform: translateY(-50%);}

.sec1_right{width: 8.05rem;max-width:45%;padding-left: 0.7rem;padding-top: 1rem}
.sec1_tit{font-size: 30px;font-weight: bold;color: #1a1a1a;margin-top:45px}
.sec1_right .con{font-size: 18px;color: #2a2a2a;line-height: 2;margin:20px 0 50px;}
.more{width: 220px;height:65px;line-height: 65px;background:#47bed5;border-radius: 35px;background:#47bed5;display: block;font-size: 24px;color: #fff;text-align: center}

.btn_hover{position: relative;-moz-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;}
.btn_hover:hover > .anim{-moz-animation: anim-out 1s;-webkit-animation: anim-out 1s;animation: anim-out 1s;}
.btn_hover:hover > .anim:after{-moz-animation: anim-out-pseudo 1s;-webkit-animation: anim-out-pseudo 1s;animation: anim-out-pseudo 1s;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;}
.anim:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}

.sec1_right .box{background:url('../images/sec1.jpg') no-repeat left bottom;padding-bottom: 2.25rem}
.section2 ul{width: 100%;display: flex;flex:1;}
.section2 li{width: 25%;position: relative;color: #fff}
.section2 li .pic{position:relative;width:100%;height:0;padding-top:77%;background:#000;}
.section2 li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.section2 li .info{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 100%;padding:0 0.55rem;}
.section2 li .tit{font-size:0.36rem;}
.section2 li .des span{font-size: 68px;}
.section2 li .des em{display: inline-block;padding:0 10px;line-height: 30px;background:#47bed5;border-radius: 15px;font-size: 18px;margin-left: 5px}
.section2 li .intro{font-size: 18px;}

.section3{padding-top:100px;background:url('../images/sec3.jpg') no-repeat center top;background-size: cover}
.sec3_nr{margin-top: 90px}

.title2{text-align: center}
.title2 p{font-size: 0.6rem;font-weight: bold;color: #000000;text-transform: uppercase;margin-bottom:5px;}
.title2 p::first-letter{color:#47bed5;}
.title2 span{font-size: 0.3rem;font-weight: bold;color: #333333;position: relative;display: block;}
.title2 span:after{content:'';display: block;width: 0.62rem;height: 0.07rem;background:#47bed5;border-radius: 5px;margin:0.25rem auto 0;}

.section4{padding: 100px 0 110px;background:#fff url('../images/sec4.jpg') no-repeat center top 260px;}
.section4 .list{margin-top:75px;padding-bottom: 10px}

.section4 ul{margin-left:-0.5rem;}
.section4 li{width:33.3%; padding-left:0.3rem;margin-bottom:0.45rem;text-align: center}
.section4 li .pic{position:relative;width:100%;height:0;padding-top:52%;border-radius:10px;}
.section4 li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.section4 li .tit{font-size: 19.65px;color: #000000;margin-top: 0.2rem}
.section4 .more{margin:0 auto;}
.section4 li:hover .tit{color: #47bed5}

.sec3_nr{position: relative;}
.sec3_type{width: 2.4rem;position: absolute;left: 0;top:0;z-index: 10;}
.sec3_type li{width: 100%;height:2.5rem;line-height: 2.5rem;margin-bottom:0.23rem;background:#f5f5f5;color: #333333;font-size: 28px;text-align: center;cursor: pointer;}
.sec3_type li.active{background:#47bed5;color: #fff;}
.sec3_box{padding-left:180px;padding-top:30px;}
.sec3_part1{width: 540px;position: relative;padding-bottom:160px;}
.sec3_part2{width: 880px}
.sec3_part1 .swiper-slide .tit{font-size: 28px;font-weight: bold;color: #47bed5}
.sec3_part1 .swiper-slide .des{font-size: 18px;color: #000000;margin-top:10px;white-space:break-spaces;line-height: 2}

.sec3_part1 .swiper-button-next,.sec3_part1 .swiper-button-prev{top:auto;margin-top:0;bottom: 0;width: 75px;height:75px;border:1px solid #111111;border-radius: 50%;font-size: 25px;color: #111111}
.sec3_part1 .swiper-button-next::after,.sec3_part1 .swiper-button-prev::after{font-size: 25px;}
.sec3_part1 .swiper-button-next{right: auto;left: 127px}

.sec3_part1 .swiper-button-next:hover,.sec3_part1 .swiper-button-prev:hover{color:#47bed5;border:1px solid #47bed5;}

.sec3_part2 .swiper-slide .tit{font-size:28px;color: #000000;text-align: right;transition: all 0.5s}
.sec3_part2 .swiper-slide.swiper-slide-active .tit{font-weight: bold;}
.sec3_part2 .swiper-slide .tit i{width: 62px;height:7px;background:#47bed5;border-radius: 4px;margin-right:15px;opacity: 0}
.sec3_part2 .swiper-slide .tit p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec3_part2 .swiper-slide.swiper-slide-active i{opacity: 1}
.sec3_container .item{display:none;}
.sec3_container .item.active{display: block;}

.sec3_part2{height:305px;}
.sec3_part2 .swiper{width: 100%;height: 100%;}
.sec3_part2 .swiper-slide{height: 100%;}



.sec3_item2{width:calc(100% - 3.16rem);margin-left:3.16rem;min-height: 550px;padding-bottom:1.2rem}
.sec3_item2_box{padding-bottom: 0.75rem;position: relative;}
.sec3_item2 .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:73%;}
.sec3_item2 .swiper-slide .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.sec3_item2 .swiper-slide{padding:10px;}
.sec3_item2 .swiper-slide .info{padding:0.4rem 0.44rem 0.5rem;}
.sec3_item2 .swiper-slide .info .tit{font-size: 0.28rem;color: #000000;font-weight: bold;margin-bottom:0.2rem;}
.sec3_item2 .swiper-slide .info .des{font-size: 0.18rem;color: #404040;line-height: 1.6;}
.sec3_item2 .swiper-slide .pic .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);color: #fff;padding:0.2rem;}
.sec3_item2 .swiper-slide .pic .tit{font-size: 0.28rem;color: #fff;text-align:center;}
.sec3_item2 .swiper-slide .pic i{display: block;width:37px;height:37px;background:url('../images/jia.png') no-repeat center;margin-top:0.4rem;background-size: 100%}
.sec3_item2 .swiper-pagination-bullets{bottom: 0}
.sec3_item2 .swiper-pagination-bullet{width: 12px;height:12px;background:#47bed5;border-radius:50%;margin:0 5px!important;}
.sec3_item2 .swiper-slide a{display: block;transition: all .3s linear}
.sec3_item2 .swiper-slide:hover  a{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);transform: translateY(-10px);}
.sec3_item2 .swiper-slide .pic .cover{transition: all 0.5s;opacity: 0;transform: scale(0.5);}
.sec3_item2 .swiper-slide:hover .pic .cover{opacity: 1;transform: scale(1);}

header .navlist>li{position: relative;}
header .navlist .two{position: absolute;top:100%;background:rgba(255,255,255,0.8);z-index: 1000;padding: 30px 30px 37px;width: 708px;}
header .navlist dl{width:250px;}
header .navlist dd{min-width: 115px;font-size: 14px;margin-bottom: 10px;}
header .navlist dd a{color: #000000;line-height: 40px;border-bottom: 1px solid #d4d4d4;padding:0 2px 0 14px;background: url('../images/dot.png') no-repeat center left;display: inline-block}
header .navlist .nav_pic{width:370px;}   
header .navlist dd:hover a{color: #47bed5}
header .navlist .nav_pic .pic{position:relative;width:100%;height:0;padding-top:45%;background:#000;}
header .navlist .nav_pic .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
header .navlist .two{transition: all 0.4s;top: 120%;visibility: hidden;opacity: 0;}
header .navlist>li:hover .two{visibility: visible;opacity:1;top:100%;}
header .navlist .two.case_two{width: 800px;}
header .navlist .case_two dl{width:340px;}


.banner{background:#ddd;}

@media (max-width:1700px) {
  .foot_right{width: 450px}
  .section2 li .des span{font-size: 55px;}
  .sec3_part2{max-width: calc(100% - 560px)}
  .sec3_part2 .swiper-slide .tit{font-size: 25px;}
}
@media (max-width:1500px) {
  .sec3_type{width: 2.4rem;}
  .sec3_type li{width: 100%;height:2.5rem;line-height: 2.5rem;}
  .sec3_box{padding-left: 1.8rem}
  .sec1_right{padding-top: 0.5rem}
  .foot_nav{width:750px}
  .foot_right{max-width: calc(100% - 800px);}
  .sec3_item2 .swiper-slide .info .tit,.sec3_item2 .swiper-slide .pic .tit{font-size: 22px;}
  .sec3_item2 .swiper-slide .info .des{font-size:16px;}
  .sec3_item2 .swiper-slide .pic i{display: block;width:30px;height:30px;}
  .sec3_part1{max-width:49%}
  .sec3_part2{max-width:48.5%}
}

@media (max-width:1400px) {
  .foot_nav{width:680px}
  .foot_right{max-width: calc(100% - 730px);}
}
@media (max-width:1300px) {
  .sec1_right{padding-top: 0}
  .sec1_tit{margin-top: 30px}
  .sec1_right .box{padding-bottom:0;}
  .sec1_right .con{margin-bottom: 30px}
  .section2 li .des span{font-size: 40px;}
  .foot_nav{width:600px}
  .foot_right{max-width: calc(100% - 650px);}
  .section3{padding-top:50px;}
  .section4{padding:70px 0;}
}
header.header2{border-bottom: 1px solid rgba(255,255,255,0.1)}
header.header2 .main{width:13.95rem;margin:0 auto;max-width:90%}
.banner2{position: relative;}
.banner2 .lanmu{position: absolute;left: 50%;top: calc(50% + 44px);transform:translate(-50%,-50%);z-index:100;color: #fff}
.banner2 .lanmu .tit p{font-size: 60px;font-weight: bold;text-transform: uppercase;margin-bottom: 5px;}
.banner2 .lanmu .tit span{font-size: 30px;font-weight: bold;position: relative;display: inline-block}
.banner2 .lanmu .tit span:after{content:'';display: block;width: 60px;height:8px;background:#fff;border-radius:4px;position: absolute;right: -75px;top:50%;transform: translateY(-50%);}

.container{position: relative;height:100%;}
.type{width: 5.4rem;min-height:100%;min-width:390px;padding:0.85rem 0;background:#f7f8fb url('../images/type.jpg') no-repeat bottom left;position: absolute;left: 0;top:0;overflow: hidden;z-index: 1}
.type li p{text-align:right;}
.type li{margin-bottom: 5px;}
.type li a{padding-right:70px;width:100%;height: 105px;font-size: 26px;color: #000000;transition: all 0.5s;background-position:center right 30px;}
.type li.active a,.type li:hover a{box-shadow:0 4px 8px rgba(0,0,0,0.1);color: #47bed5;background:#fff url('../images/jt.png') no-repeat center right 30px;transform: scale(1.01);}
.nr_right{padding-top:0.85rem;padding-left:4.55rem;}
.prod_list{padding-bottom:0.5rem;}

.cases_list .list li{width: 555px;max-width:48.5%;margin-bottom: 0.4rem}
.cases_list .list li .pic{position:relative;width:100%;height:0;padding-top:52%;border-radius:10px;}
.cases_list .list li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.cases_list .list li .tit{font-size: 22px;color: #000000;margin:15px 0 10px;}
.cases_list .list li .labels span{background:#eeeeee;padding:0 7px;line-height:28px;border-radius: 5px;font-size: 14px;color: #919090;margin-right: 7px;margin-bottom:7px;}
.cases_list .list li:hover .tit{color: #47bed5}

.empty{text-align:center;font-size: 22px;color: #000000;}

.cs{background:#f5f5f5;padding-top:35px;}
.nail{padding-left:29px;background:url('../images/nail.png') no-repeat center left;font-size: 16px;}
.nail a{color: #a09f9f}
.nail span{color: #404040}
.nail a:last-child{color: #404040}

.cs .tit{text-align:center;padding:0.75rem 0 0.65rem;font-size: 28px;color: #292929}
.cs .con{padding-bottom:0.85rem;line-height: 2;}

.fenye{padding:40px 0;border-top:1px solid #e1e1e1;}
.fenye .back{width: 175px;line-height: 40px;padding-left:26px;border:1px solid #c5c5c5;border-radius: 30px;background:#fff url('../images/jt2.png') no-repeat center right 22px;font-size: 15.77px;color: #adadad}
.fenye ul{width: calc(100% - 250px)}
.fenye li{margin-bottom: 25px;font-size: 18px;color: #595858}
.fenye li a{color: #595858}
.fenye li:hover a{color: #47bed5}

.fenye .back:hover{color: #47bed5;border:1px solid #47bed5;background:#fff url('../images/jt3.png') no-repeat center right 22px;}

.danye{padding-bottom:1rem;}


.prod_list .list li{width: 551px;max-width:48.5%;margin-bottom: 0.5rem}
.prod_list .list li .pic{position:relative;width:100%;height:0;padding-top:60%;border-radius:0.3rem;}
.prod_list .list li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.prod_list .list li .tit{font-size: 22px;color: #000000;margin-top:0.2rem;padding-left:0.65rem;position: relative;}
.prod_list .list li:hover .tit{color: #47bed5}
.prod_list .list li .tit:after{content:'';display: block;width: 0.52rem;height:0.08rem;background:#47bed5;border-radius: 0.04rem;position: absolute;left: 0;top:50%;transform: translateY(-50%);}

.ps{padding-top:30px;}
.ps .tit{text-align:center;padding:0.7rem 0 0.4rem;font-size:30px;color: #000000;border-bottom:1px solid #e1e1e1;}

.ps_swiper{margin:0.8rem 0 0.7rem;position: relative;padding:0 1.2rem;}
.ps_swiper .swiper-button-prev,.ps_swiper .swiper-button-next{width: 75px;height:75px;border:1px solid #111111;border-radius:50%;color: #111111;margin-top:0;transform: translateY(-50%);}
.ps_swiper .swiper-button-prev{left: 0}
.ps_swiper .swiper-button-next{right: 0}
.ps_swiper .swiper-button-next::after,.ps_swiper .swiper-button-prev::after{font-size: 26px;}

.ps_swiper .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:47%;border-radius:0.3rem;}
.ps_swiper .swiper-slide .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;object-position:center center}

.xq{padding-left:20px;background:url('../images/bor.jpg') no-repeat center left;font-size: 36px;color: #000000;margin-top:0.6rem;}

.ps .con{padding:0.2rem 0 0;}
.ps .fenye{border:0;}

.about1{padding:0.9rem 0 1.2rem;}
.a_tit{text-align:center;font-size: 40px;font-weight: bold;color: #000000;line-height: 1.2;}
.a_tit:after{content:'';display: block;width: 0.61rem;height:0.08rem;background:#47bed5;border-radius: 0.04rem;margin:0.2rem auto 0;}

.about1 .about1_nr{background:#f2f2f2;border-radius: 10px;overflow:hidden;}
.about1 .con{color: #2a2a2a;font-size:18px;line-height: 2.1;margin: 0.6rem 0}
.about1 .about1_nr .list{width: 3.45rem}
.about1 .about1_nr .about1_right{width: calc(100% - 3.45rem)}

.about1 .about1_nr .list li .des{color: #47bed5;font-size: 22px;line-height: 1.1;}
.about1 .about1_nr .list li .des span{font-size:0.58rem;font-weight: bold;}
.about1 .about1_nr .list li .tit{font-size:18px;color: #030303}
.about1 .about1_nr .list ul{height:100%;display: flex;flex-direction: column;}
.about1 .about1_nr .list li{flex: 1 1 33.33%;}
.about1 .about1_nr .list li .box{height:100%;border-bottom:1px solid #dadada;width: 195px;max-width: 90%;margin:0 auto;}
.about1 .about1_nr .list li:last-child .box{border:0;}

.about1_right .pic{position:relative;width:100%;height:0;padding-top:50%;}
.about1_right .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}

.about2{width:100%;background:url('../images/a2.jpg') no-repeat center;padding:0.9rem 0 1rem;background-size: cover;}

.about3{padding:0.9rem 0;background:#f5f5f5;}
.a3_nr{width:100%;padding-left: calc(50% - 8.05rem)}
.a3_left .tit{font-size:40px;font-weight: bold;color: #000000}
.a3_left .tit:after{content:'';width: 0.6rem;height:0.08rem;background: #47bed5;display: block;margin-top: 0.1rem;border-radius: 0.04rem}
.a3_left .des{margin-top: 0.55rem;font-size: 20px;color: #47bed5;line-height: 1.5;white-space:break-spaces;}
.a3_left .con{font-size: 16px;color: #2a2a2a;margin-top:0.2rem;line-height: 1.6;}
.a3_left{width: 410px}

.a3_right{width:1200px;max-width:calc(100% - 450px);position: relative;}
.a3_right .swiper-slide{transition: 300ms;}
/*.a3_right .swiper-slide-active{transform: scale(1);}*/
/*.a3_right .swiper-slide-active .box{padding:0.2rem;}*/
/*.a3_right .swiper-slide-active img{box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2)}*/

/*.a3_right:after{content:'';display: block;width: 200px;background:linear-gradient(to left, rgba(245,245,245,1),5%,rgba(245,245,245,1),rgba(245,245,245,0.2));position: absolute;top:0;right: 0;height:100%;z-index: 10;}*/


.a3_right .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:46%;}
.a3_right .swiper-slide .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;object-position:center center}



.a3_nr{position: relative;}
.about3 .swiper-button-next,.about3 .swiper-button-prev{width: 144px;height:58px;border-radius: 30px;margin-top: 0}
.about3 .swiper-button-prev{top:390px;left: calc(50% - 8rem)}
.about3 .swiper-button-next{top:390px;left: calc(50% - 8rem + 170px)}
.about3 .swiper-button-prev{background:#c0e4eb url('../images/j5.png') no-repeat center;}
.about3 .swiper-button-next{background:#c0e4eb url('../images/j6.png') no-repeat center;}
.about3 .swiper-button-prev::after{content:'';}
.about3 .swiper-button-next::after{content:'';}
.about3 .swiper-button-prev:hover{background:#47bed5 url('../images/j55.png') no-repeat center;}
.about3 .swiper-button-next:hover{background:#47bed5 url('../images/j66.png') no-repeat center;}

.about4{padding:0.7rem 0 1.3rem;}
.about4 .list{margin-top: 0.55rem;padding-bottom:65px;position: relative;}
.about4 .list .swiper-slide{padding:20px 10px 10px;}
.about4 .list .swiper-slide a{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: block;border-radius: 10px;padding:0.5rem 0.4rem;}
.about4 .list .swiper-slide .time{font-size: 16px;color: #47bed5;background:url('../images/time.png') no-repeat center left;padding-left:25px;}
.about4 .list .swiper-slide .tit{font-size: 20px;color: #000000;margin:0.2rem 0 0.34rem;}
.about4 .list .swiper-slide span{display: block;width: 170px;line-height:48px;background:#47bed5;border-radius: 30px;text-align:center;font-size: 16px;color: #fff;margin-bottom: 0.35rem}
.about4 .list .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:60%;}
.about4 .list .swiper-slide .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
.about4 .list .swiper-pagination{bottom: 0}
.about4 .list .swiper-pagination-bullet{width: 60px;height:5px;background:#d7d7d7;border-radius:3px;margin:0 0.2rem;opacity: 1;}
.about4 .list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#47bed5;}
.about4 .list .swiper-slide a{transition: all .3s linear;}
.about4 .list .swiper-slide a:hover{transform: translateY(-10px);}
.about4 .list .swiper-slide:hover .tit{color: #47bed5}

.about2_list1 .swiper-slide .tit span{
  display: inline-block;
  font-size: 40px;
  background: linear-gradient(to right,#1b9dc0,#156298);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 1;
 
}
.about2_list1 .swiper-slide .info{width: 470px;padding-left:20px;max-width:80%}
.about2_list1 .swiper-slide .des{font-size: 18px;color: #272727;line-height: 1.1;position: relative;}
.about2_list1 .swiper-slide .con{font-size: 16px;color: #848484;line-height: 32px;margin-top: 12px}
.about2_list1 .swiper-slide .info_box{border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;padding:15px 8px 40px;background:rgba(255,255,255,0.2);}
.about2_list1 .swiper-slide .des:after{content:'';display: block;width: 15px;height:15px;background:url('../images/j4.png') no-repeat center left;position: absolute;left:-28px;top:3px;background-size: 100%;}
.about2_list1 .swiper-slide .box{width: 480px;max-width:100%}
.about2_list1 .swiper-slide.swiper-slide-active .info_box{border:0;background:transparent;}

.about2 .list{margin-top: 1.3rem;}
.about2_list2{background:#fff;padding:10px 80px;border-radius: 30px;margin-top: 1.2rem;position: relative;color: #6b7575;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.about2_list2 .swiper-slide .tit{width: 100%;z-index: 1;line-height: 40px;border-radius: 20px;text-align: center;cursor: pointer;}
.about2_list2 .swiper-slide-active{background:#16899b;color: #fff;border-radius: 20px}

.about2_list1{position: relative;}
.about2_list1 .swiper-slide .tit{position: relative;margin-bottom: 0.25rem;line-height: 1.1;}
.about2_list1 .swiper-slide .line{width:calc(100% - 270px);height:1px;border-bottom:1px dashed #145a90;position: absolute;left: 230px;top:24px;}
.about2_list1 .swiper-slide .line:before{content: '';display: block;width: 6px;height:6px;background:#155b91;position: absolute;left: -6px;top:50%;transform: translateY(-50%);border-radius: 50%}
.about2_list1 .swiper-slide .line:after{content: '';display: block;width: 6px;height:6px;background:#155b91;position: absolute;right: -6px;top:50%;transform: translateY(-50%);border-radius: 50%}





.about2_list1 .last-real-slide + .swiper-slide .line {
    border-bottom: 0px;
    position: absolute;
    /* 精准宽度：6个点×6px + 5个间隔×6px = 72px */
    width: 28px; 
    height: 0;
    /* 核心：dashed边框模拟省略号 */
    border-top: 1px dashed #155b91; /* 虚线颜色和原线条一致 */
    /* 强制居中 */
    margin: 0 auto;
    /* 微调垂直位置（如果偏上/下） */
    transform: translateY(-3px); /* 垂直居中到原line位置 */
}

.about2_list1 .last-real-slide + .swiper-slide .line:before,
.about2_list1 .last-real-slide + .swiper-slide .line:after {
    content: none;
    display: none;
}




.about2_list1 .swiper{padding-left:20%;}
.about2_list1 .swiper-slide{opacity: 0.5;}
.about2_list1 .swiper-slide.swiper-slide-active{opacity: 1}

.about2_list2 .swiper-button-next,.about2_list2 .swiper-button-prev{color: #cacaca;top:50%;margin-top:0;transform: translateY(-50%);width:32px;height:32px;border:1px solid #cacaca;border-radius: 50%;}
.about2_list2 .swiper-button-next::after,.about2_list2 .swiper-button-prev::after{font-size: 10px;}
.about2_list2 .swiper-button-prev{left:20px;}
.about2_list2 .swiper-button-next{right:20px;}
.about2_list2 .swiper-button-next:hover,.about2_list2 .swiper-button-prev:hover{color:#15899b;border:1px solid #15899b;}

.type2 li{ flex: 1;text-align: center;line-height:90px;position: relative;}
.type2 li a{font-size: 30px;color:#3b3b3b;}
.type2{border-bottom: 1px solid #e5e4e4}
.type2 li.active:after{content:'';display: block;position: absolute;left: 0;bottom:-2px;width: 100%;height: 4px;background:#2d7988;}
.type2 li.active a,.type2 li:hover a{color: #2d7988}

.con_3g,.so_list_3g{display: none}
.so_typecon{padding:30px 0;}

.so_list{width:calc(16.1rem + 240px);padding:0 120px 0.6rem;position: relative;max-width: 90%;margin: 0 auto}
.so_list .swiper-button-next,.so_list .swiper-button-prev{color: #333333;top:50%;margin-top:0;transform: translateY(-50%);width:75px;height:75px;border:1px solid #333333;border-radius: 50%;}
.so_list .swiper-button-next::after,.so_list .swiper-button-prev::after{font-size:25px;}
.so_list .swiper-button-prev{left:0;}
.so_list .swiper-button-next{right:0;}
.so_list .swiper-button-next:hover,.so_list .swiper-button-prev:hover{color:#15899b;border:1px solid #15899b;}


.map{width: 100%;position:relative;}
.map .pic{width: 100%;height:575px;position:relative;}
.map .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}

.map .list{width: 100%;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.map .list ul{background:#fff;width: 510px;margin-left:3.5rem;padding:50px 50px 40px;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}

.map .list li .tit{font-size: 20px;color: #a4a4a4}
.map .list li .des{font-size: 30px;color: #2d7988}
.map .list li{margin-bottom: 10px}

.message{width: 1268px;margin:0 auto;max-width: 90%;padding:1rem 0 1.7rem;}

.message .tit{text-align:center;font-size: 48px;color: #2f2f2f}
.message .des{text-align:center;font-size: 20px;color: #2f2f2f;margin: 0.3rem 0 0.6rem}
.message label{display: block;font-size: 22px;color: #515151;margin-bottom:20px;}
.message label i{color: #ff0000;margin-left:5px;}

.message .item{width: 597px;margin-bottom:35px;max-width:48.5%}
.message .item input{width: 100%;line-height: 70px;border:1px solid #dfdfdf;padding:0 10px;}

.message textarea{width:100%;height:215px;border:1px solid #dfdfdf;padding:10px;resize: none;}
.message .item2{margin-bottom:45px;}
.message .submit{width:216px;line-height:65px;line-height:65px;background:#47bed5;color: #fff;font-size:24px;border:0;border-radius:35px;cursor: pointer;text-align:center;}

.nlist1 li{background:#f8f8f8;border-radius: 10px;margin-bottom:0.35rem;transition: all 0.5s}
.nlist1 li a{padding:0.4rem;}
.nlist1 li .date{width: 65px;color: #000000;text-align: center;}
.nlist1 li .date .d{font-size: 48px;font-weight: bold;line-height: 1;border-bottom:1px solid #dbdbdb;padding-bottom:7px;}
.nlist1 li .date .my{font-size: 16px;margin-top:4px;}
.nlist1 li .info{width:calc(100% - 65px);padding-left:0.4rem;}
.nlist1 li .tit{font-size: 20px;color: #515151;}
.nlist1 li .des{font-size: 16px;color: #9d9d9d;line-height: 26px;margin-top:10px;}
.nlist1 li:hover{box-shadow:0 0 15px rgba(0,0,0,0.1);transform: scale(1.02);}
.nlist1 li:hover .tit{color: #47bed5}
.nlist1{padding-bottom:0.35rem;}

.nlist3 li{background:#f1f1f1;border-radius: 10px;margin-bottom:0.25rem;transition: all 0.5s}
.nlist3 li a{padding:0.2rem 0.35rem;}
.nlist3 li .tit{padding-left:43px;width: calc(100% - 150px);font-size: 20px;color: #515151;background:url('../images/z.png') no-repeat center left;}
.nlist3 li span{font-size: 16px;color: #8a8989;padding-left:30px;background:url('../images/d.png') no-repeat center left;}
.nlist3 li:hover{box-shadow:0 0 5px rgba(0,0,0,0.1);}
.nlist3 li:hover .tit{color: #47bed5}
.nlist3 li:hover span{color: #47bed5;background:url('../images/d2.png') no-repeat center left;}

.nlist2{padding-bottom:0.1rem;}
.nlist2 li{width: 565px;max-width:49%;margin-bottom:0.6rem;}
.nlist2 li .video_pic{position:relative;width:100%;height:0;padding-top:67%;overflow:hidden;cursor: pointer;}
.nlist2 li .video_pic video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

.nlist2 li .video_pic  img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.nlist2 li .video_pic i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat center;
    background-color: 
    rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.nlist2 li .tit{text-align:center;font-size: 20px;color: #090909;margin-top:0.15rem;}
.nlist2 li:hover .tit{color: #47bed5}




html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
#sidebar {
    width: 0%;
    height: 100%;
    background:#fff;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 1001;
}
#sidebar ul li {
    display: block;
    min-height:45px;
    border-bottom: 1px solid #dddddd;
    font-size: 15px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li>a {
    display: block;
    color: #333333;
    padding: 0 15px;
    height:45px;
    line-height:45px;
    
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

#close{position: absolute;right:0.2rem;top:0.2rem;}
#close img{height:0.3rem;}


li.navitem{
    position: relative;
    top: 1rem;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open #sidebar{width:70%} 
body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}

.sub_nav{display: none;padding:0 0.15rem 0.1rem 0.25rem;}
.sub_nav li a{height:0.35rem;line-height:0.35rem;color: #333333;font-size: 14px;text-align: center;display: block;}
.sub_nav li{display: block;min-height:0.35rem;font-size: 1.3rem;width: 100%;}

body.open .navitem{position: relative;}
body.open .navitem.nav_down i{transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
body.open .navitem.nav_down i {
    position: absolute;
    top:0;
    right:0;
    content: "";
    display: block;
    width:45px;
    height:45px;
    background: url(../images/jiantou.png) center no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-size: 15px;
    cursor: pointer;
}
body.open .navitem.on.nav_down i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.sub_nav dd {
    margin:0;
    padding: 0 8px;
    height:34px;line-height:34px;
}

#sidebar ul li .sub_nav dd>a{display: block;padding-left:4px;color: #666666;font-size:13px;height:35px;line-height:35px;}


#sidebar ul li:nth-child(1){border:0;}


.banner .swiper-slide img:nth-child(2){display: none}
.map .pic img:nth-child(2){display: none}

.banner .swiper-slide-active  img{animation: shrink 6s linear infinite;}

@keyframes shrink{
    100%{ transform: perspective(0px) translate3d(0, 0, 0px);}
    100%{ transform: perspective(100px) translate3d(0, 0, 10px);}
}
@-webkit-keyframes shrink{
    100%{ transform: perspective(0px) translate3d(0, 0, 0px);}
    100%{ transform: perspective(100px) translate3d(0, 0, 10px);}
}

@media (max-width:1500px) {
  .about4 .list .swiper-slide span{width: 150px;line-height: 45px;font-size: 18px;}
  .about1 .about1_nr .list li .tit{font-size: 18px;}
  .about3 .swiper-button-prev,.about3 .swiper-button-next{top:300px;}
  .a3_left .tit,.a_tit{font-size: 50px;}
  .nlist2 li .video_pic i{background: url(../images/play.png) no-repeat center;background-size: 60px}
  .map .list li .des{font-size: 25px;}
  .map .list li .tit{font-size: 18px;}
  .more{width:180px;height:55px;line-height:55px;border-radius:30px;font-size: 22px;}
  .sec1_tit{margin-top:30px;}
  .sec1_right .con{margin:10px 0 40px;}
  .sec1_right .box{padding-bottom: 1rem}
}

@media (max-width:1400px) {
  .type li a{font-size: 22px;}
  header.header2 .main{width:16.1rem}
  .banner2 .lanmu .tit p{font-size: 50px;}
  header .navlist .two{width: 700px}
  .foot2{padding:25px 0;}
  .ps_swiper .swiper-button-prev,.ps_swiper .swiper-button-next{width: 0.75rem;height:0.75rem;}
  .ps_swiper .swiper-button-next::after,.ps_swiper .swiper-button-prev::after{font-size: 0.26rem;}
}

@media (max-width:1300px) {
    .about3 .swiper-button-prev,.about3 .swiper-button-next{top:280px;}
    .about3{padding-bottom: 1.5rem}
    .about4 .list .swiper-slide .tit{font-size: 22px;}
    .nr_right{padding-left:5.3rem;}

}
@media (max-width:1200px) {
  header .navlist li{margin: 0 0.1rem}
  header .navlist li>a{line-height:70px;padding:0 0.1rem;font-size: 15px;}
  header .navlist .two{width:320px}
  header .navlist .two.case_two{width: 400px}
  header .navlist .nav_pic{width:100%}
  header .navlist dl{width:100%}
  header .navlist dd a{display: block;}
  header .navlist .two{padding:15px 25px 25px;}

  .sec1_tit{font-size: 20px;margin-top:10px;}
  .sec1_right .con{font-size:15px;}
  .more{width:140px;height:40px;line-height:40px;border-radius:30px;font-size: 18px;}
  .sec1_right .box{padding-bottom:0;}
  .section2 li .info{padding:0 0.25rem;}
  .section2 li .tit{font-size: 0.31rem;}
  .sec3_box{padding-left:2rem;}
  .sec3_part2 .swiper-slide .tit{font-size: 18px;}
  .sec3_part1 .swiper-slide .tit{font-size: 20px;}
  .sec3_part1 .swiper-slide .des{font-size: 18px;}
  .sec3_part2{height:200px;}

  .sec3_part1 .swiper-button-next,.sec3_part1 .swiper-button-prev{width:0.75rem;height:0.75rem;font-size: 0.25rem;}
  .sec3_part1 .swiper-button-next::after,.sec3_part1 .swiper-button-prev::after{font-size: 0.25rem;}
  .sec3_part1{padding-bottom:1rem;}
  .section4 li .tit{font-size: 18px;}
  .section4{padding:0.7rem 0;}
 
  .type{width:4.2rem;min-width:auto;}
  .type li.active a, .type li:hover a {background: #fff url('../images/jt.png') no-repeat center right 0.2rem;}
  .type li a{padding-right: 0.7rem;background-position: center right 0.2rem;font-size: 18px;height:80px;}
  .nr_right{padding-left: 4.1rem;}

  .banner2 .lanmu .tit p{font-size: 0.6rem;}
  .banner2 .lanmu .tit span{font-size:0.35rem;}
  .banner2 .lanmu .tit span::after{width: 0.6rem;height:0.08rem;right:-0.75rem;}
  .prod_list .list li .pic{border-radius: 0.2rem}
  .prod_list .list li .tit{font-size: 18px;padding-left: 0.55rem;margin-top: 0.15rem;}
  .prod_list .list li .tit::after{width: 0.45rem;height: 0.06rem;}
  .prod_list .list li{margin-bottom:0.3rem;}
  .ps .tit{padding:0.4rem 0 0.3rem;font-size:22px;}
  .ps,.cs{padding-top: 0.3rem}
  .xq{padding-left:15px;background:url('../images/bor.jpg') no-repeat center left;font-size:25px;color: #000000;margin-top:0.4rem;background-size: auto 22px}
  .fenye{padding:0.4rem 0;}
  .fenye .back{width: 150px;line-height:37px;padding-left:22px;border-radius: 30px;background:#fff url('../images/jt2.png') no-repeat center right 17px;font-size: 15px;background-size: 35px}
  .fenye ul{width: calc(100% - 200px)}
  .fenye li{margin-bottom:15px;font-size:16px;}
  .fenye .back:hover{background:#fff url('../images/jt3.png') no-repeat center right 17px;background-size: 35px;}
  .foot1{padding:0.5rem 0;}
  .foot2{padding:0.25rem 0;}
  .banner2 .lanmu{top: calc(50% + 35px);}
  .type2 li a{font-size: 22px;}
  .type2 li{line-height: 70px;}
  .cases_list .list li .tit {font-size:18px;margin: 10px 0px;}
  .cases_list .list li{margin-bottom:0.2rem;}
  .cs .tit{padding:0.4rem 0 0.3rem;font-size:25px;}

  .about1{padding:0.7rem 0;}
  .a3_left .tit, .a_tit{font-size: 0.5rem;}
  .about1 .con{font-size:18px;line-height: 2;margin: 0.4rem 0;}
  .about1 .about1_nr .list li .des span{font-size: 0.6rem;}
  .about1 .about1_nr .list li .tit{font-size: 15px;}
  .about2_list1 .swiper-slide .con{font-size: 16px;line-height: 1.8;}
  .about2_list1 .swiper-slide .des{font-size: 22px;}
  .about2_list1 .swiper-slide .tit span{font-size: 40px;}
  .about2_list1 .swiper-slide .line{width: calc(100% - 210px);left: 165px;}

  .a3_nr{padding-left:5%;}
  .about3 .swiper-button-prev{left:5%;top: 300px;}
  .about3 .swiper-button-next{top: 300px;left: calc(5% + 150px);}
  .about3 .swiper-button-next,.about3 .swiper-button-prev{width:120px;height:50px;}
  .about3{padding-bottom:1rem;}

  .about4{padding:0.7rem 0 0.8rem;}
  .about4 .list{padding-bottom:0.65rem;}

  .nlist2 li{margin-bottom:0.3rem;}

  .map .list ul{margin-left:2rem;}

  .message{padding:0.7rem 0 1rem;}
  .message .tit{font-size: 35px;}
  .message .des{font-size: 18px;margin: 0.15rem 0 0.4rem;}
  .message .item input{line-height: 50px;}
  .message .submit{width: 200px;line-height: 55px;}

  .foot_nav{width: 550px}
  .foot_right{max-width:calc(100% - 580px)}
  .foot_right .code{width: 120px}
  .sec3_nr{margin-top:0.5rem;}

}

.head_3g,.sec3_nr_3g,.type_3g,.danye_3g,.con_3g, .so_list_3g{display: none}
@media (max-width:1000px) {
  .foot_nav{display: none}
  .foot_right{width: 100%;max-width: 100%}
  header{display: none}
  .head_3g{display: block;width: 100%;padding:0.2rem 0;position:absolute;left: 0;top:0;z-index: 1000;border-bottom: 1px solid rgba(255,255,255,0.3)}
  .head_3g .logo img{height: 0.6rem;}
  .head_3g .nav img{height: 0.36rem;display: block;width:auto;}
  body.open #sidebar{width:35%} 
  body.open .nr { transform: translate3d(35%,0,0);  -webkit-transform: translate3d(35%,0,0)}
 
  .section1{padding:0.6rem 0;display: block;}
  .sec1_right .con{font-size: 0.28rem;margin:0.15rem 0 0.4rem;}
  .sec1_left{width:100%;margin:0 auto;}
  .sec1_right{width:90%;max-width:100%;padding-left:0;margin:0 auto;padding-top: 0.4rem}

  .sec1_left .pic{position:relative;width:100%;height:0;padding-top:45%;}
  .sec1_left .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
  .sec1_left .pic:after{width:calc(100% - 0.8rem);height:calc(100% - 1rem);}
  .title span,.title2 span{font-size:0.4rem;}
  .sec1_tit{font-size: 0.42rem;margin-top:0.15rem;}
  .title p{margin-bottom: 0.1rem;}
  .more{width:2.5rem;height:0.76rem;line-height:0.76rem;border-radius:0.6rem;font-size:0.34rem;}
  .section2 ul{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
  .section2 li{width: 50%}
  .section2 li .info{padding: 0 0.5rem;}
  .section2 li .tit{}
  .section2 li .tit{font-size: 0.5rem;}
  .section2 li .des span{font-size:0.85rem;}
  .section2 li .des em{padding:0 0.24rem;line-height:0.55rem;border-radius:0.3rem;font-size:0.32rem;margin-left:0.2rem}
  .section2 li .intro{font-size: 0.3rem;}

  .sec3_nr{display: none}
  .sec3_nr_3g{display: block;}
  .sec3_list .list{position: relative;display: none}
  .sec3_type_3g{margin:0.5rem 0 0.4rem;}
  .sec3_type_3g li{width:50%;height:0.8rem;line-height:0.8rem;background:#f5f5f5;color: #333333;font-size:0.36rem;text-align: center;cursor: pointer;}
  .sec3_type_3g li.active{background:#47bed5;color: #fff;}
  
  .sec3_list .list .tit{color: #000;font-size: 0.36rem;font-weight: bold;margin: 0.4rem 0 0.05rem}
  .sec3_list .list .info span{color: #47bed5;font-size: 0.32rem;font-weight: bold;}
  .sec3_list .list .info p{font-size: 0.28rem;color: #000;margin-top: 0.15rem}
  .sec3_list .list .info{padding-bottom: 0.5rem}
  .section3{padding:0.6rem 0;}


  .sec3_list .list .swiper-button-next,.sec3_list .list .swiper-button-prev{top:auto;margin-top:0;bottom: 0;width: 0.8rem;height:0.8rem;border:1px solid #111111;border-radius: 50%;color: #111111}
  .sec3_list .list .swiper-button-next::after,.sec3_list .list .swiper-button-prev::after{font-size:0.3rem;}
  .sec3_list .list .swiper-button-next{right:3%;top:calc(50% - 1.1rem);bottom:auto;transform: translateY(-50%);}
  .sec3_list .list .swiper-button-prev{left:3%;top:calc(50% - 1.1rem);bottom:auto;transform: translateY(-50%);}
  .sec3_list .list .swiper-button-next:hover,.sec3_list .list .swiper-button-prev:hover{color:#47bed5;border:1px solid #47bed5;}
  
  .title2 p{margin-bottom:0;}
  .section4 .list{margin-top:0.5rem;padding-bottom:0.2rem;}
  .section4 ul{margin-left:0;display: flex;justify-content:space-between;}
  .section4 li{padding-left:0;width:48.5%;margin-bottom:0.3rem;}
  .section4 li .tit{font-size: 0.34rem;}

  .foot_right .list li{margin-bottom:0.3rem}
  .foot_right .list li .tit{font-size: 0.28rem;line-height:0.5rem;}
  .foot_right .list li .des{font-size: 0.28rem;margin-top: 0.1rem}
  .foot_right .list li.tel .des{font-size:0.6rem;}
  .foot_right .code{width:3.2rem;}
  .foot_right .code .pic{padding:0.2rem;}
  .foot_right .code .pic img{width: 100%}

  .foot2{padding:0.3rem 0;font-size:0.3rem;}
  
  .type{display: none}
  .nr_right{padding-left:0;}
  .banner2 .lanmu .tit span{font-size: 0.4rem;}
  .banner2 .lanmu .tit span::after{right: -0.8rem}
  .banner2 .lanmu{top: calc(50% + 0.27rem);}
  .banner2 .lanmu .tit p{margin-bottom:0;}

  .type_3g{display: block;}
  .cate-nav {
        width: 100%;
        height:1rem;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        position: relative;
    }
    .cate-nav-inner {
        width: 96%;
        margin: 0 auto;
    }
    .cate-list-wrap {
        width: 100%;
        overflow: hidden;
    }
    .cate-list {
        display: inline-flex;
        white-space: nowrap;
        transition: transform 300ms cubic-bezier(0.1, 0.57, 0.1, 1);
    }
    .cate-item {
        padding-right: 0.6rem;
    }
    .cate-item:last-child{padding-right: 0}
    .cate-link {
        font-size: 0.32rem;
        color: #000000;
        line-height: 1rem;
        display: block;
        position: relative;
    }
    .cate-item.active .cate-link:after {
        content: '';
        position: absolute;left: 0;bottom: 0;
        width: 100%;height: 3px;background:#2d7988;   
    }
    .cate-item.active .cate-link{color:#2d7988;}
    .danye{display: none}
    .danye_3g{display: block;padding-bottom:0.5rem;}

    .nr_right{padding-top: 0.5rem;overflow:hidden;}
    .prod_list .list li .tit{font-size: 0.34rem;}

    .ps, .cs{padding-top: 0.2rem}
    .ps_swiper{margin: 0.7rem 0 0;}
    .nail{font-size: 0.3rem;}
    .ps .tit{padding:0.4rem 0 0.3rem;font-size:0.4rem;}
    .xq{padding-left:0.25rem;background:url('../images/bor.jpg') no-repeat center left;font-size:0.4rem;margin-top:0.4rem;background-size: auto 0.38rem}
    
    .fenye .back{width: 2.4rem;line-height:0.6rem;padding-left:0.3rem;border-radius:0.6rem;background:#fff url('../images/jt2.png') no-repeat center right 0.3rem;font-size:0.28rem;background-size: 0.5rem}
    .fenye ul{width: calc(100% - 3rem)}
    .fenye li{margin-bottom:0.2rem;font-size:0.28rem;}
    .fenye .back:hover{background:#fff url('../images/jt3.png') no-repeat center right 0.3rem;background-size: 0.5rem;}

    .empty{font-size: 0.32rem;}

    .type2 li a{font-size: 0.32rem;}
    .type2 li{line-height: 1rem;}

    .so_typecon{padding:0.4rem 0;}
    .so_list_3g{width:100%;padding:0 1rem 0.6rem;position: relative;max-width: 90%;margin: 0 auto}
    .so_list_3g .swiper-button-next,.so_list_3g .swiper-button-prev{width:0.8rem;height:0.8rem;border:1px solid #333333;border-radius: 50%;color: #333333;}
    .so_list_3g .swiper-button-next::after,.so_list_3g .swiper-button-prev::after{font-size:0.3rem;}
    .so_list_3g .swiper-button-next{right: 0}
    .so_list_3g .swiper-button-prev{left: 0}
    .cases_list{padding-bottom:0.5rem;}
    .cases_list .list li .tit{font-size:0.32rem;margin:0.15rem 0px;}
    .cases_list .list li .labels span{padding:0 0.1rem;line-height:2;border-radius:0.1rem;font-size:0.26rem;margin-right:0.1rem;margin-bottom:0.1rem;}

    .cs .tit {padding:0.4rem 0 0.3rem;font-size: 0.44rem;}
    
    .so_typecon .con,.cs .con,.ps .con,.so_list{display: none}

    .con_3g, .so_list_3g{display: block;}
    .cs .con_3g{padding-bottom:0.5rem;}
    .con_3g{padding: 0.2rem 0 0;}

    .about1 .con{font-size: 0.28rem;line-height: 2;margin: 0.4rem 0;}
    .about1 .about1_nr .list li .des{font-size:0.4rem;}
    .about1 .about1_nr .list li .tit{font-size: 0.28rem;}
    
    .about2{padding:0.7rem 0;}
    .about2 .list{margin-top:0.6rem;}
    .about2_list1 .swiper-slide .tit span{font-size: 0.6rem;}
    .about2_list1 .swiper-slide .con{font-size: 0.28rem;line-height: 1.5;}
    .about2_list1 .swiper-slide .des{font-size: 0.36rem;}
    .about2_list1 .swiper-slide .line{width: calc(100% - 3rem);left: 2.4rem;top:0.3rem;}
    .about2_list1 .swiper-slide .info_box{padding: 0.2rem 0 0.4rem;}
    .about2_list1 .swiper-slide .info{padding-left:0.3rem;}
    .about2_list1 .swiper-slide .des:after{position: absolute;left:-0.4rem;top:2px;}

    .about2_list2{padding:0.15rem 1.6rem;border-radius:0.6rem;margin-top:0.6rem;}
    .about2_list2 .swiper-slide .tit{line-height: 0.7rem;border-radius: 0.4rem;}
    .about2_list2 .swiper-slide-active{border-radius: 0.4rem}

    .about3{padding:0.5rem 0;}
    .a3_nr{display: block;padding-left: 0}
    .a3_left{width: 90%;margin:0 auto;}
    .a3_right{width: 100%;max-width:94%;margin:0.2rem auto;}
    .a3_left .tit{font-size: 0.5rem;}
    .a3_left .tit:after{width: 0.8rem;height:0.04rem;margin-top:0.1rem}
    .a3_left .des{margin-top: 0.5rem;font-size:0.36rem}
    .a3_left .con{font-size: 0.28rem;margin-top: 0.2rem;line-height: 1.6;}

    .a3_right:after{display: none}
    .a3_right .swiper-slide{transition: 300ms;}
    /*.a3_right .swiper-slide-active{transform: scale(1);}*/
    /*.a3_right .swiper-slide-active .box{padding:0.2rem;}*/
    /*.a3_right .swiper-slide-active img{box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2)}*/

    .a3_nr{position: relative;padding-bottom:0.9rem;}
    .about3 .swiper-button-next,.about3 .swiper-button-prev{width:2rem;height:0.8rem;border-radius: 0.5rem;}
    .about3 .swiper-button-prev{top:auto;left:3%;bottom: 0}
    .about3 .swiper-button-next{top:auto;left:calc(2.2rem + 3%);bottom: 0}
    .about3 .swiper-button-prev{background-size: 0.3rem}
    .about3 .swiper-button-next{background-size: 0.3rem}
    .about3 .swiper-button-prev:hover{background-size: 0.3rem}
    .about3 .swiper-button-next:hover{background-size: 0.3rem}
    .a3_nr:after{content:'';display: block;width: calc(97% - 4.2rem);height:1px;background:#c7c7c7;position: absolute;right: 0;bottom: 0.4rem;display: none}
    .about4 .list .swiper-slide .tit{font-size: 0.36rem;margin: 0.15rem 0 0.25rem;}
    .about4 .list .swiper-slide .time{font-size: 0.28rem;}    
    .about4 .list .swiper-slide span{width:2.1rem;line-height:0.7rem;font-size: 0.32rem;}
    .about4 .list .swiper-pagination-bullet{width: 0.7rem;height:0.08rem;border-radius:3px;margin:0 0.2rem;}
    
    .nlist1 li{border-radius:0.15rem;margin-bottom:0.3rem;}
    .nlist1 li a{padding:0.4rem;}
    .nlist1 li .date{width:1.2rem;}
    .nlist1 li .date .d{font-size:0.6rem;font-weight: bold;padding-bottom:7px;}
    .nlist1 li .date .my{font-size:0.28rem;margin-top:4px;}
    .nlist1 li .info{width:calc(100% - 1.2rem);padding-left:0.4rem;}
    .nlist1 li .tit{font-size: 0.34rem;}
    .nlist1 li .des{font-size: 0.26rem;line-height:1.5;margin-top:0.1rem;}
    .nlist1{padding-bottom:0.3rem;}
    .nlist1 li:hover{box-shadow:0 0 0px rgba(0,0,0,0.0);transform: scale(1);}

    .nlist2 li{width:48.5%}
    .nlist2 li .tit{font-size:0.36rem;}
    .nlist2 li .video_pic i {background: url(../images/play.png) no-repeat center;background-size: 0.9rem;}
    .nr_right{padding-bottom:0.3rem;}

    .nlist3 li{border-radius:0.15rem;margin-bottom:0.25rem;}
    .nlist3 li a{padding:0.2rem 0.35rem;}
    .nlist3 li .tit{padding-left:35px;width: calc(100% - 150px);font-size:0.32rem;background:url('../images/z.png') no-repeat center left;background-size: 27px}
    .nlist3 li span{font-size:0.28rem;padding-left:30px;background:url('../images/d.png') no-repeat center left;}
    
    .map .pic{height:400px;}
    .map .list ul{margin-left:1rem;}
    .map .list ul{width:7.5rem;padding:0.7rem 0.7rem 0.6rem;border-radius: 0.15rem;}
    .map .list li .tit{font-size:0.28rem;}
    .map .list li .des{font-size:0.36rem;}
    .map .list li{margin-bottom:0.15rem}


    .message{padding:0.7rem 0;}
    .message .tit{font-size: 0.6rem;}
    .message .des{font-size: 0.27rem;margin: 0.15rem 0 0.5rem}
    .message label{font-size: 0.28rem;margin-bottom:0.2rem;}
    .message label i{margin-left:0.07rem;}
    .message .box{display: block;}
    .message .item{width: 100%;margin-bottom:0.3rem;max-width:100%}
    .message .item input{width: 100%;line-height:0.8rem;padding:0 0.2rem;}

    .message textarea{width:100%;height:3rem;padding:0.2rem;}
    .message .item2{margin-bottom:0.5rem;}
    .message .submit{width:4rem;line-height:1rem;line-height:1rem;font-size:0.44rem;border-radius:0.5rem;}


}


@media (max-width:750px) {
  .main{max-width:94%}
  .banner .swiper-slide img:nth-child(2){display: block;}
  .banner .swiper-slide img:nth-child(1){display: none}
  body.open #sidebar{width:70%} 
  body.open .nr{ transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}

  .section1,.section3{padding:0.5rem 0;}
  .sec1_left .pic::after{width: calc(100% - 0.4rem);height: calc(100% - 0.6rem);}
  .title p{font-size: 0.5rem;}
  .sec1_tit{font-size: 0.36rem;}
  .sec1_right .con{line-height: 1.8;}

  .section2 li{width: 100%}
  
  .title p{margin-bottom:0;}
  .section2 li .info{padding:0 0.6rem;}
  .section2 li .intro{font-size: 0.34rem;}

  .sec3_type_3g li{font-size: 0.32rem;}
  .sec3_list .list .info{padding-bottom:0.2rem;}
  .title2 p{font-size: 0.5rem;}

  .section4{padding:0.5rem 0;}
  .section4 li .pic{border-radius: 0.1rem}
  .section4 li .tit{font-size: 0.32rem;margin-top: 0.1rem;}
  .section4 li{margin-bottom: 0.2rem;}
  .foot_right .code{width: 2.5rem}
  .foot_right .code .pic{padding:0.15rem;}

  .foot_right .list li{margin-bottom:0.2rem;}
  .foot1{padding:0.4rem 0 0.2rem;}
  .foot2{padding:0.15rem 0;font-size: 0.27rem;}
  .foot_right .list li.tel .des{font-size: 0.45rem;}

  .banner2 .lanmu .tit p{font-size: 0.42rem;}
  .head_3g{padding:0.15rem 0;}
  .banner2 .lanmu{top: calc(50% + 0.4rem);}
  .banner2 .lanmu .tit span{font-size: 0.36rem;}
  .banner2 .lanmu .tit span::after{width: 0.5rem;height: 0.06rem;right:-0.7rem;}
  .cate-nav{height: 0.9rem;}
  .cate-link{line-height: 0.9rem;}
  .cate-item{padding-right: 0.5rem;}
  .nr_right{padding:0.4rem 0 0.3rem;}
  .prod_list .list li .pic{border-radius: 0.1rem;}
  .prod_list .list li .tit{font-size: 0.28rem;margin-top:0.13rem;}
  .prod_list .list li{margin-bottom: 0.2rem;}
  .nail{padding-left:0.42rem;background: url('../images/nail.png') no-repeat center left;background-size:0.32rem}
  .ps, .cs{padding-top: 0.15rem}
  .ps .tit{padding: 0.3rem 0 0.2rem;font-size: 0.36rem;}
  .cs .tit{padding: 0.3rem 0 0.2rem;font-size: 0.36rem;}
  .ps_swiper{padding:0;margin: 0.4rem 0 0;}
  .ps_swiper .swiper-button-prev{left:3%}
  .ps_swiper .swiper-button-next{right:3%}
  .xq{padding-left:0.2rem;background:url('../images/bor.jpg') no-repeat center left;font-size:0.36rem;margin-top:0.3rem;background-size: auto 0.35rem}
  .fenye .back{display:none}
  .fenye li{margin-bottom: 0.15rem}
  .fenye{padding:0.3rem 0;}
  .fenye ul{width: 100%}
  .type2 li{line-height:0.9rem;}
  .type2 li a{font-size:0.32rem;}
  .type2 li.active:after{bottom:-0.02rem;height:0.04rem;}

  .so_list_3g{padding:0 0.8rem 0.4rem;max-width: 94%;}
  .so_list_3g .swiper-button-next,.so_list_3g .swiper-button-prev{width:0.7rem;height:0.7rem;}
  .so_list_3g .swiper-button-next::after,.so_list_3g .swiper-button-prev::after{font-size:0.25rem;}

  .cases_list .list li{width:100%;max-width:100%}
  .cases_list .list li .pic{border-radius: 0.1rem}

  .about1{padding:0.4rem 0;}
  .about1 .con{margin:0.3rem 0;}
  
  .about1 .about1_nr .list{width: 2.1rem}
  .about1 .about1_nr .about1_right{width: calc(100% - 2.1rem);}
  .about1_right .pic{padding-top:75%;}
  .about1 .about1_nr .list li .des span{font-size: 0.5rem;}
  .about1 .about1_nr .list li .box{max-width:85%;}

  .about2{padding:0.5rem 0;}
  .about2_list1 .swiper{padding-left: 0}
  .about2_list1 .swiper-slide .info{max-width: 88%}
  .about2_list2 {padding: 0.1rem 1.2rem;border-radius: 0.6rem;margin-top: 0.4rem;}
  .about2_list2 .swiper-button-prev{left:0.3rem;}
  .about2_list2 .swiper-button-next{right:0.3rem;}
  .about2_list2 .swiper-button-next,.about2_list2 .swiper-button-prev{width:0.5rem;height:0.5rem;}
  .about2_list2 .swiper-slide .tit{line-height: 0.6rem;border-radius: 0.4rem;}
  .about2_list2 .swiper-slide-active{border-radius: 0.4rem}
  .about2_list1 .swiper-slide .con{margin-top:0.15rem;}

  .about4{padding:0.5rem 0;}
  .about4 .list .swiper-slide a:hover{transform: translateY(0px);}
  .about4 .list{margin-top:0.1rem;}
  .about4 .list .swiper-slide a{border-radius: 0.1rem;padding:0.4rem 0.3rem;}
  .about4 .list{padding-bottom: 0.4rem}
  .about4 .list .swiper-pagination-bullet{width: 0.5rem;height:0.06rem;border-radius:3px;margin:0 0.1rem;}

  .nlist1 li a{padding:0.2rem 0.3rem;}
  .nlist1 li .info{width:calc(100% - 1.2rem);padding-left:0.2rem;}
  .nlist1 li .tit{font-size: 0.32rem;}
  .nlist1 li .des{margin-top:0.07rem;font-size: 0.28rem;}
  .nlist1 li{margin-bottom:0.2rem;}

  .nlist2 li{width: 100%;max-width:100%}
  .nlist3 li .tit{padding-left:0.5rem;width: calc(100% - 1.7rem);font-size:0.32rem;background:url('../images/z.png') no-repeat center left;background-size:0.4rem}
  .nlist3 li span{font-size:0.28rem;padding-left:0.5rem;background:url('../images/d.png') no-repeat center left;background-size: 0.35rem}
  .nlist3 li a{padding:0.2rem 0.25rem;}

  .map .pic img:nth-child(1){display: none}
  .map .pic img:nth-child(2){display: block;}

  .map .pic{position:relative;width: 100%;height: 0;padding-top:77%;}
  .map .list ul{margin-left:0;}
  .map .list ul{width:80%;padding:0.3rem 0.4rem 0.2rem;border-radius: 0.15rem;}
  .map .list li .tit{font-size:0.28rem;}
  .map .list li .des{font-size:0.32rem;}
  .map .list li{margin-bottom:0.15rem}

  .message{padding:0.5rem 0;}
  .message .tit{font-size: 0.5rem;}
  .message .des{margin: 0.1rem 0 0.4rem}
  .message .item input{line-height:0.75rem;}

  .message textarea{width:100%;height:2.4rem;}
  .message .item2{margin-bottom:0.4rem;}
  .message .submit{width:2.8rem;line-height:0.8rem;line-height:0.8rem;font-size:0.36rem;border-radius:0.5rem;}
  
  
  .banner2 .pic{position:relative;width:100%;height:0;padding-top:50%;}
  .banner2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:center center}
     

}