/* CSS Document */
@charset "utf-8";




@media screen and (max-width :1650px){
.box{ width:1500px;}
.case .econtent .left .img img{ min-height:575px; max-height:575px;}
.pro .leftdh{ min-height:720px;}
.pro .leftdh ul li a{ padding-top:18px; padding-bottom:18px;}
}
@media screen and (max-width :1550px){
.box{ width:1400px;}

.case .econtent .left .img img{ min-height:525px; max-height:525px;}

.pro .leftdh{ min-height:670px;}
.pro .leftdh ul li a{ padding-top:15px; padding-bottom:15px;}
}
@media screen and (max-width :1450px){
.box{ width:1300px;}
.case .econtent .left .img img{ min-height:480px; max-height:480px;}
.pro .leftdh{ min-height:620px;}
.pro .leftdh ul li a{ padding-top:13px; padding-bottom:13px;}
}
@media screen and (max-width :1366px){
.box{ width:1200px; min-width:1000px;}

.case .econtent .left .img img{ min-height:435px; max-height:435px;}
.proshow .left{ width:48%;}
.proshow .right{ width:50%;}
.pro .leftdh{ min-height:570px;}
.pro .leftdh ul li a{ padding-top:12px; padding-bottom:12px;}
}
@media screen and (max-width :1230px){body{ min-width:1000px;} 
.box{ width:1100px; min-width:1000px;}
.case .econtent .left .img img{ min-height:385px; max-height:385px;}
.pro .leftdh{ min-height:530px;}
.pro .leftdh ul li a{ padding-top:10px; padding-bottom:10px;}
}


@media screen and (max-width :1024px){ 
.box{ padding-left:20px; padding-right:20px;}
#left{ width:100%;}
#left+#right{ width:100%;}
.pro .leftdh{ min-height:0px;}
.pro #right{ margin-top:20px;}
/*.pro #left{ display:none;}*/
#left.no{ display:none;}
.pro .leftdh ul li a{ padding-top:8px; padding-bottom:8px;}
#right{}
.about .econtent .left{ width:100%;}
.about .econtent .right img{ width:100%;}
.about .econtent .right{ width:100%;}
.about .econtent .left .more{ text-align:center;}
.about .econtent .left .more a,.pro .more a,.case .more a,.news .more a{ background-color:#0172C2; color:#FFFFFF; border:none;}
.case .econtent .left .img img{ min-height:320px; max-height:320px;}
#left .title{ background-image:none;}
.leftdh ul li{ float:left; width:23%; margin-left:1%; margin-right:1%;}
.leftdh ul li:nth-child(4n+1){ clear:both;}
.pro .leftdh ul li a{ padding-top:8px; padding-bottom:8px;}
}
@media screen and (max-width :768px){
.pro .leftdh{ min-height:0px;}

body,.box{ min-width:250px;--swiper-navigation-size:30px;}



.app_header{background-color:#fff; display:block; position:fixed; z-index:2;}

#pages,.box{ max-width:100%; min-height:0px;}
.box{ max-width:98%; }
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;  display:block; top:0px; left:0px; box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.bannerin { min-height:200px; background-size:auto 200px;text-shadow:0 0 5px rgba(0,0,0.3);}
.bannerin img{ display:none;}

	.app_header .app_logo{ width:250px; margin-top:-5px;    float:left; padding-top:5px; padding-bottom:10px;}
.app_header .app_logo img{  height:45px;}
	.app_header .morenav{ float:right; display:block; color:#000; width:40px; height:40px; margin-top:5px;  line-height:40px; text-align:center; position:absolute; top:0%; right:0px; margin-top:0px; height:55px; background-color:#1F4A9C; color:#FFFFFF; width:55px; text-align:center; line-height:55px;}

#menu{ z-index:999;}

#header{ display:none;}
#foot .foot {
  padding-top: 20px; padding-bottom:15px;
  margin-top: 0px;
}

#foot .foot .fnav,#foot .foot .qrcode{  display:none;}
#foot .foot .flx{}

#foot .copy{ margin-top:0; border:none;}

.contact .left
.contact * {
  line-height: 1.5;
}
.case .left{ display:none;}
.case .left+ .right{ width:100%; margin:auto; float:left;}
.news .picli,#cms .picli2{ width:100%; margin-left:0; margin-right:0;}

.contact .left{width:100%;}
.contact .map{ width:100%; margin-top:20px;}
.contact .map iframe{ min-height:28vw;}
.proshow .left{ width:100%;}
.proshow .right{ width:100%; margin-top:10px;}
.nav2{ display:block;}
.flash .phone{ display:block;}
.flash .pc{ display:none;}
.flash .picli{ min-height:0;}

.leftdh ul li{  width:48%; }
.leftdh ul li:nth-child(2n+1){ clear:both;}
.about .econtent .left .h1{ line-height:1.2; padding-top:10px;font-size:24px;}
.about .econtent .left .h2{line-height:1.2; padding-top:10px;}
.about .econtent .left .hc{ padding-top:10px;}
.case .econtent .right .picli{ width:48%;}
.case .econtent .right .picli:nth-child(3n+1){ margin-left:1%; clear:none;}
.case .econtent .right .picli:nth-child(2n+1){ clear:both;}
.etitle{ font-size:28px;}
#footnav{ display:block;}
#foot .copy{ padding-bottom:65px;}
.nav2{ display:none;}
.bannerin,.flash{ margin-top:55px;}
}

@media screen and (max-width :550px){
#cms .picli{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:10px; margin-top:10px;}
#cms .picli:nth-child(3n+1){ margin-left:1%; clear:none;}
#cms .picli:nth-child(2n+1){ clear:both;}
.box{ padding-left:10px; padding-right:10px;}
.pro .ptitle .t2{ display:none}
.news .picli,#cms .picli{ margin-top:5px; margin-bottom:5px;}
.leftdh ul li{ width:100%;}
.pro .ptitle{height: 45px;line-height: 45px;}
.pro .econtent{ padding-top:0;}

#left .title {
height: 45px;line-height: 45px;
  

}
}