/* CSS Document */
@media screen and (max-width :816px){
.box{ max-width:100%; padding-left:10px; padding-right:10px;box-sizing:border-box;}
#left{ display:none}
#left+#right{ width:100%; float:left; margin-top:0;}
body{ min-width:220px;}
.nav{ line-height:28px; padding-top:10px; padding-bottom:10px; float:left; width:100%;}
.nav .box{ padding:0;}
.nav ul{ display:block;}
.nav ul li{ width:25%; float:left;display:block;}
.nav ul li ul{ display:none}
.nav ul li a:hover,.nav .box>ul >li.active a,.nav .box>ul >li.hover a{
	background-color:rgba(255,255,255,0);	color:#FF9600;
}

.nav ul li a{ padding:0;}
#top .fr{ display:none}
#top .logo .t1{font-size: 12px;}
#top .logo .t2{ font-size:16px;}
.flash{ margin-top:2px;}
.hot .fr{ display:none;}
#foot{ padding-bottom:65px;}
#foot .logo{ width:100%; text-align:center }
.flx,.qrcode,#foot .logo{ min-height:0px;}	
.flx,.qrcode{ border:none; max-width:340px; margin:auto; float:none; padding-top:15px;}
#cms .picli{ width:48%; margin-left:1%; margin-right:1%;}
#cms .picli:nth-child(3n+1){ clear:none;}
#cms .picli:nth-child(2n+1){ clear:both;}

.banner img{ display:none}
.banner{ min-height:40vh;}
.banner .txt .t1{ font-size:28px; padding-bottom:10px;}
.banner .txt .t2{ margin-top:10px;}
.youshi ul{ width:100%; margin:auto; padding:0;}
.youshi ul li{ width:48%; margin-top:30px; margin-bottom:30px;}
.youshi .econtent .hc{ position:relative; top:auto; left:auto; margin:auto; width:100%;}
.youshi .econtent .hc .ftel{ margin-top:10px; font-size:28px;}
.youshi,.case,.news,.pro,.aboutin.sort30{ padding-top:50px; padding-bottom:50px;}
.pro .sort{ display:none}
.pro .econtent .picli,.case .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .econtent .picli:nth-child(2n+1),.case .econtent .picli:nth-child(2n+1){ clear:both;}

.news .econtent .li{ width:98%;}

.texing{ background-image:none;}
.texing .econtent{ margin-top:20px;}
.texing .econtent ul{ width:100%;}




.liucheng ul li{ display:block; width:25%;line-height:1.2;  float:left; margin-top:10px; margin-bottom:10px;}
.liucheng ul li .t1{  padding-top:5px; padding-bottom:5px;}
.liucheng ul li .t2{ padding-top:5px; padding-bottom:5px;}
.liucheng ul li:nth-child(4n+1){ clear:both;}
.youshi ul li .t2{ padding-top:20px; padding-bottom:20px;}

.proshow .img{ width:100%;}

.proshow .img+.right{ margin:auto; clear:both; width:100%;}
.contact .left+.right{ margin:auto; width:100%; clear:both;}
#cms1 .contact{ margin:auto; max-width:450px; padding-top:20px; padding-bottom:20px;}

.about .img{ float:right; width:100%;}
.about .img img{ width:100%;}
.about .img+.right{ float:left; width:100%;}
.aboutin .item{ padding:10px;}
#cms .picli.solution .img{ min-height:40vw; max-height:40vw; line-height:1.5;}
}
@media screen and (max-width :600px){
#top .logo{display: flex;
    justify-content:center;
    align-items:center; min-height:50px;}

#top .logo img{ max-width:150px;}
#top .logo .t2{ font-size:16px;}

.youshi .h1,.etitle .h1{ font-size:36px; line-height:1.2; padding-bottom:10px;}
.youshi .h2 span{ font-size:16px;}
.etitle .h2{ line-height:1.2;font-size:16px;}
.liucheng ul li{ width:48%;}
.liucheng ul li:nth-child(2n+1),.aboutin .item:nth-child(2n+1){ clear:both;}

.aboutin .item,.honorli{ width:48%; margin-top:10px; margin-bottom:10px;}
}