@media screen and (max-width :1550px){.nav > ul > li > a { padding-left:25px; padding-right:25px;}}
@media screen and (max-width :1300px){

body{ min-width:800px;}

.box{ min-width:800px; max-width:95%;}

.news{ background-color:#f7f7f7; padding-top:60px;}

/*.nav{ float:left }*/

.nav > ul > li > a { padding-left:20px; padding-right:20px;}

/*#top .lang{ position:relative; top:auto; right:auto; float:left; margin-top:20px;}*/

.topnav{ float:right}

.case .picli .img{ width:58%;}

.case .picli .right{ width:40%;}

}



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

.newstop .swiper-slide .pic .img{ width:40%; float:left; clear:both;}

.newstop .swiper-slide .pic .img img{ width:100%;}

.newstop .swiper-slide .pic .right{ width:58%; }

.nav > ul > li > a { padding-left:10px; padding-right:10px;}

}

@media screen and (max-width :1024px){
#top .lang figure{ margin-top:0;}
#top .nav{ display:none;}

#top,#top .logo a{ height:60px;}

#top .logo{ left:5px; height:60px;}

#top .lang{ right:5px; top:12.5px; position:relative; top:auto; right:auto; float:right; line-height:35px; margin-top:12.5px;}

body{ min-width:250px;}

#top.fixed2+ .clear{ margin-top:60px;}

#top.fixed2 .t1 { display:none;}

#top.fixed2 .t2 { display:block;}

.morenav{ display:block; float:right; background-color:#257d95; color:#FFFFFF; line-height:40px;margin-top:10px; margin-left:5px; padding-left:10px; padding-right:10px; margin-right:5px;}

#top a.morenav:hover{background-color:#257d95; color:#FFFFFF;}

#menu{background-color:#257d95;}

.nav2{ display:block;}

#top .box{ padding:0;}

.bannerin{ overflow:hidden; width:100%;}

.bannerin .pc{ display:none;}

.bannerin .phone{ display:block;}

.bannerin img{ min-height:150px;}



news .swiper-button-next,.news .swiper-button-prev,.solutions .swiper-button-next,.solutions .swiper-button-prev,.why .swiper-button-next,.why .swiper-button-prev{ display:block;}



.why .econtent,.news .econtent,.solutions .econtent,.newstop{ position:relative;/* padding-left:60px; padding-right:60px;*/box-sizing:border-box;}




.aboutli .swiper-button-next,.aboutli .swiper-button-prev,.news .swiper-button-next,.news .swiper-button-prev,.solutions .swiper-button-next,.solutions .swiper-button-prev,.why .swiper-button-next,.why .swiper-button-prev{--swiper-navigation-size:24px; font-size:24px; height:40px; width:40px; line-height:40px;

border-width:2px;}



news .swiper-button-next:after,.news .swiper-button-prev:after,.solutions .swiper-button-next:after,.solutions .swiper-button-prev:after,.why .swiper-button-next:after,.why .swiper-button-prev:after{ line-height:40px;}



.prosort .box{ padding:0; max-width:100%;}

.prosort ul li.no{ display:block; float:right}

.prosort ul.no li.no:nth-child(4),.prosort ul.no li.no:nth-child(5),.prosort ul.no li.no:nth-child(6){ display:none;}

.prosort ul li{

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: #dddddd;

	border-left-color: #dddddd;box-sizing:border-box;

}

.prosort ul li span{ padding-left:10px; padding-right:10px;}

.prosort ul li{ width:calc(100% / 3); }

.prosort ul li span,.prosort ul li a{font-size:16px; line-height:1.2; height:2.4em; display: flex;

    justify-content:center;

    align-items:center; padding-top:10px; padding-bottom:10px; background-color:rgba(255,255,255,0); margin:auto;border-radius:0;}

	.prosort ul li.get a i{ display:none;}

.prosort.fixed{ top:60px;}

.prosort ul li.get{ position:relative; right:auto; top:auto; }

.prosort ul li.get a{ display:none;}

.prosort ul li.get span{ display: flex;}

}

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

body{ min-width:250px;}

.box{ min-width:250px; max-width:100%;}

#top .nav{ display:none;}

#top,#top .logo a{ height:60px;}

#top .logo{ left:5px; height:60px;}
#top .logo img{ max-height:100%; max-width:100%; width: 163px;margin-top:10px;}

#top .lang{ right:5px; top:12.5px; position:relative; top:auto; right:auto; float:right; line-height:35px; margin-top:12.5px;}

#top .lang div>a,#top.fixed .lang div > a {color:#ffffff;display:inline-block;padding-left:20px;padding-right:20px;background-color:#257D95;border-radius:35px;line-height:35px;font-size: 14px;line-height:35px;}
/*#top .lang a{color:#ffffff;display:inline-block;padding-left:20px;padding-right:20px;background-color:#257D95;border-radius:35px;line-height:35px;font-size: 14px;line-height:35px;}*/

body{ min-width:250px;}

#top.fixed2+ .clear{ margin-top:60px;}

#top.fixed2 .t1 { display:none;}

#top.fixed2 .t2 { display:block;}


#top .morenav{ display:block;float:right;background-color:#257d95;color:#FFFFFF;line-height: 35px;margin-top:12.5px;margin-left:5px;padding-left:10px;padding-right:10px;margin-right:5px;border-radius: 35px;}

#top .lang a i{margin-right:5px;font-size: 16px;line-height:35px;float:left;}
#top a.morenav:hover{background-color:#257d95; color:#FFFFFF;}

#menu{background-color:#257d95;}

.nav2{ display:block;}

#top .box{ padding:0;}


.flash .swiper-button-next,.flash .swiper-button-prev{ --swiper-theme-color:#A0C9CE;border-radius:100%;--swiper-navigation-size:10px; width:10px; padding:10px;
	border: 3px solid #A0C9CE;display: none;}

.flash .swiper-pagination-bullet{
	width: 5px;
	height: 5px;
	background-color:rgba(255,255,255,0);
	border: 2px solid #FFFFFF;
}

.flash .swiper-slide{ height:50vw; position:relative;}

.flash .swiper-slide .picli .pc{ display:none;}

.flash .swiper-slide .picli .phone{ display:block; position:absolute; top:0; height:50vw; min-width:100%;}

.flash .swiper-slide .picli .txt{box-sizing:border-box; padding:20px;}

.flash .swiper-slide .picli .txt .box .t{ font-size:14px;}

.flash .swiper-slide .picli .txt .box .t + .title{ font-size:24px; padding-top:10px;}

.flash .swiper-slide .picli .txt .box .title + .more{ padding-top:20px; line-height:32px;}

.flash .swiper-slide .picli .txt .box .more a{ line-height:35px; padding-left:20px; padding-right:20px; border-radius:35px; font-size:16px;}

.flash .swiper-slide .picli .txt .box .more a i{ line-height:35px;}

.box{ padding-left:20px; padding-right:20px;box-sizing:border-box; max-width:100%;}

.liuyan{background-image: url(sjlxbg.webp);}

.solutions{background-image: url(sj-solutionbg.webp);background-repeat: no-repeat;background-position: center top;padding-top:180px;padding-bottom:100px;}

.title2{ font-size:32px;}



/*首页*/

.tv,.pro,.solutions,.why,.about,.news,.liuyan{ padding-top:50px; padding-bottom:50px;}

.news{ background-color:#f7f7f7;}

.tv *{ max-width:100%;}

.tv .left{ margin-top:0; width:100%;}

.tvbg::after{ display:none;}

.tv .img{ width:100%; margin:auto; margin-top:20px;}

.tv .tvbg{ float:left; clear:both; width:100%;}

.about .img{ width:100%; margin:auto; margin-top:20px; max-width:100%;box-sizing:border-box;}

.footnav{ display:none;}

#foot{ padding-bottom:80px; padding-top:0px;}



.pro{}

.pro .sort{ max-width:100%;}

.pro .sort li{ float:left; width:48%; margin-left:1%; margin-right:1%;}

.pro .sort li a{}

.pro .econtent .picli{ width:100%; padding:5px;}

.pro .econtent .picli:nth-child(2n+1){ margin-left:0; clear:both;}

.pro .econtent .picli:nth-child(2n){ float:right;}



.solutions{ background-size:100% 35vw;}

.solutions .econtent{ padding-top:20px;}



.why .left{ width:100%;}

.why .econtent{ float:left; width:100%; margin-top:20px;}

.about .img { width:100%;}



.about .econtent{ margin:auto; margin-top:20px; width:100%;}







.liuyan .item{ width:100%;}



/*内页产品列表*/

.products .picli{ padding:5px;}

.products .picli .img{ width:100%; margin-left:auto; margin-right:auto;border-radius: 10px;}

.products .picli .img img{ width:100%;}

.products .picli .right{ clear:both; margin:auto; width:100%; float:left;  padding:10px;box-sizing:border-box;}

.products .picli .right .ntitle{ font-size:18px;}

.products .picli .right .morei span{ display:block; padding:0;}

.products .picli .right .morei {

  padding-top: 10px;}

  

  /*内页解决方案列表*/

.solutionin .solutionbg .picli{ padding:10px;}

.solutionin .solutionbg .picli .img{ width:100%;}

.solutionin .solutionbg .picli .right{ margin:auto; width:100%;}

.solutionin .solutionbg{ padding-top:30px; padding-bottom:30px;}

/*内页案例列表*/

.case{ padding-bottom:30px;}

.case .picli{ padding-top:30px; padding-bottom:30px;}

.case .picli .img{ width:100%;border-radius: 10px;}

.case .picli .right{ float:left; width:100%; margin-top:10px;}

.case .picli .right .dp { margin-top:10px;}



/*内页新闻列表*/

.newstop{ display:none;}

.news{ padding-top:30px; padding-bottom:30px;}

.news #cms .picli{ width:100%;}

.news #cms .picli .img{ height:50vw; }

.news #cms .picli .img img{ width:100%;}


/*内页联系方式*/

.lianxi{ padding-bottom:0px; background-image:none;}

.lianxi .contact .title2{ font-size:24px;}

.lianxi .liuyan{ padding-top:0px; padding-bottom:30px;}

.lianxi .contact{ max-width:100%; padding:20px;}

.lianxi .contact .hc>.tel{ padding-left:70px;}

.lianxi .contact .hc>.tel:after{ left:0px;  top:0px; }

.lianxi .contact .hc > .tel .t2{ font-size:24px;}

.two > div{ width:100%; clear:both;}

.lianxi .contact .content{font-size:16px; line-height:1.5;}

.lianxi .contact .hc{ margin-top:20px; }

.lianxi .bg2{background-image: url(contactbg.jpg);

background-repeat: no-repeat;

background-position: center bottom; background-size:100% 50%; padding-bottom:100px;}

.bannerin{ overflow:hidden; width:100%;}

.bannerin .pc{ display:none;}

.bannerin .phone{ display:block;}

.bannerin img{ min-height:150px;}



/*内页关于我们*/



.aboutli{ padding-top:50px; padding-bottom:50px;}

.about7{ background-size:50%; background-image:none;}

.ab .ys .item .img{ margin:auto;}



.ab .ys .item+.item{

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #dddddd; text-align:center; padding-left:10px; padding-right:10px; font-size:14px; padding-bottom:10px;

}

.hist{ display:none;}

.his .swiper-slide .img{ width:100%;}

.his   .swiper-slide .right{ width:100%; float:left;}

.his { padding:0;}

.his .swiper-slide .img{border-radius:10px;}

.his .ntitle{ display:block; background-color:#257d95; color:#FFFFFF; text-align:center; margin-top:20px; font-size:24px;}

.his   .swiper-slide .hc h1{color: #257d95; font-size:22px;}

.his   .swiper-slide .hc h2{color: #333333; font-size:20px;}

.his h1,.his h2{ margin:auto;}



.his .swiper-button-next,.his  .swiper-button-prev{ background-color:#FFFFFF; background-color:rgba(255,255,255,0.9);}

.honor{ padding-left:60px; padding-right:60px;}

.aboutli .swiper-container,.culture .econtent{ margin-top:20px;}

.culture .li{ width:100%; margin-top:2px; margin-bottom:2px; background-size:100% 100%;}

.culture .li .img{ display:none;}

.culture .li .txt{ position:relative; top:auto; left:auto;}



/*顶部导航*/

/*产品详细页*/

#cms1 .content{ overflow-x:auto; line-height:1.5;}

#cms1 .content *{ max-width:100%;}

#cms1 h1.h1{ line-height:1.2;}

.ys ul li{ width:100%;white-space:normal; line-height:1.5; font-size:12px; margin-top:5px; margin-bottom:5px;}

.youshi .t{ padding-top:30px; padding-bottom:30px; }

.ca .hc .tli{ margin-left:auto; width:100%;}



.block .back a{line-height:45px; font-size:16px; display:block;}



.block .nextpage>div>a { line-height:45px;font-size:16px; }



.prosort .box{ padding:0;}

.prosort ul li.no{ display:block; float:right}

.prosort ul.no li.no:nth-child(4),.prosort ul.no li.no:nth-child(5),.prosort ul.no li.no:nth-child(6){ display:none;}

.prosort ul li{

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: #dddddd;

	border-left-color: #dddddd;box-sizing:border-box;

}

.prosort ul li span{ padding-left:10px; padding-right:10px;}

.prosort ul li{ width:calc(100% / 3); }

.prosort ul li span,.prosort ul li a{font-size:16px; line-height:1.2; height:2.4em; display: flex;

    justify-content:center;

    align-items:center; padding-top:10px; padding-bottom:10px; background-color:rgba(255,255,255,0); margin:auto;border-radius:0;}

	.prosort ul li.get a i{ display:none;}

.prosort.fixed{ top:60px;}

.prosort ul li.get{ position:relative; right:auto; top:auto; }

.prosort ul li.get a{ display:none;}

.prosort ul li.get span{ display: flex;}



.proly{ width:100%; position:relative; top:auto; left:auto; margin:auto; display:block; z-index:0;border-radius:0; padding-bottom:30px; padding-top:20px; height:auto;}

.proly.hover+div,.proly .close{ display:none;}



.probanner img{ width:100%;}

.probanner .txt .t1{

	font-size:16px;

	

}

.probanner .txt .t2{ font-size:12px; margin-top:10px;}	

.probanner .txt .downbtn{ margin-top:10px;}

.probanner .txt .downbtn i{



	font-size:18px;

	border: 2px solid #FFFFFF;  line-height:30px;  width:30px; 

}

.about .econtent .more a{ padding:0; display:block;}



.postion{ top:0px;}

.bannerin .title{ top:0px; height:100%;}
.probanner .phone{ display:block;}
.probanner .pc{ display:none;}



 .solutions .swiper-button-prev, .news .swiper-button-next, .news .swiper-button-prev ,.solutions .swiper-button-next{
  border-color: rgb(255 255 255 / 49%);
  color: rgb(255 255 255 / 35%);
  }
   .solutionin .solutions .swiper-button-prev,  .solutionin .solutions .swiper-button-next{
 color:#BAC671;border-color:#BAC671;
  }
    .solutionin .solutions .swiper-container:hover .swiper-button-prev,  .solutionin .solutions .swiper-container:hover .swiper-button-next{
 color:#ffffff;border-color:#ffffff;
  }
  
 .why .swiper-button-prev, .why  .swiper-button-next{color: #51a1ac;border-color: #51a1ac;}
  .why .econtent .picli > div .right {
  padding: 30px 60px 0px 60px;
}



.tv .left .more a{padding-left: 20px;
padding-right: 20px;
border-radius: 35px;
line-height: 35px;}
.pro .econtent .picli .txt {
  width: 80px;
  margin-left: -40px;
  margin-top: -15px;
  font-size: 16px;
  border-radius: 30px;
  line-height: 30px;
}
.kefu .phone{ display:block;}
.kefu .pc{ display:none;}
#right .youshi .t{ padding-left:20px; padding-right:20px;}
}