/* CSS Document */
.qrcode .phone{ display:none}
@media screen and (max-width :1600px){#cms .list .img{ min-height:185px; max-height:185px;_height:185px; }
}
@media screen and (max-width :1366px){
#cms .list .img{ min-height:165px; max-height:165px;_height:165px; }
#left{ width:21%;}
#right{ width:75%;}
#cms .picli{ width:96%; clear:both;}
 .pro .econtent .picli .img{ height:240px;}
#cms1 .about .box{max-width:100%;min-width:0px;}
}

@media screen and (max-width :1280px){
#cms .list .img{ min-height:150px; max-height:150px;_height:150px; }
#left{ width:21%;}
#right{ width:75%;}
body{ min-width:900px;}
.box{max-width:96%;min-width:800px;}
.header div.box>div{  max-width:96%;min-width:800px;}
.contact .box{ min-width:250px; max-width:98%;}
 .pro .econtent .picli .img{ height:210px;}
}
@media screen and (max-width :1150px){
#cms .list .img{ min-height:125px; max-height:125px;_height:125px; }
#foot .flx{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333; padding-bottom:10px;
}
#foot .qrcode{ width:100%; border:none; padding:0px; padding-left:80px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 
 
}
#foot .qrcode .tel{text-align:left;}
 .pro .econtent .picli .img{ height:200px;}
}
@media screen and (max-width :1024px){
#cms .list .img{ min-height:120px; max-height:120px;_height:120px; }
.about .img{ width:100%; display:none}
.about .right{ width:100%; padding-top:20px;}
.bg{ padding-top:35px; padding-bottom:35px;}
 .etitle{font-size: 32px; padding-bottom:20px;}
 .news .econtent .picli{ width:100%; margin-left:auto; margin-right:auto;}
 .pro .econtent .picli .img{ height:165px;}
 .pro{ padding-top:0px;}
.about{ background-color:#ffffff; padding-top:0px; padding-bottom:0px;}
 .about .right .img{ display:block; padding-top:0px; margin-top:10px;}
 .about .newstop{ position:relative; width:100%; top:0px; padding:0px; padding-top:30px;}
 .about .right{
	background-image: none; padding-top:30px; padding-bottom:0px; max-width:100%; 
}

 .about .right .econtent{ padding-top:15px; float:left; width:100%; clear:both;} 
 .about .right .more{ clear:both; padding-top:20px; padding-bottom:20px;}
 .about .newstop .dp{  max-height:100em;min-height:0em; }
}
@media screen and (max-width :900px){
.qrcode .phone{ display:block}
.qrcode .pc{ display:none}
 .pro .econtent .picli .img{ height:265px;}
#top,.header{ display:none}
/*.flash .swiper-slide a{  height:300px;}
.flash .swiper-slide a img{ display:none}*/
.app_top,#footnav,.app_header{ display:block}

.app_top{ height:52px; float:left; width:100%;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22; background-color:#ffffff; background-color:rgba(255,255,255,0.95);display:block; top:0px; left:0px; height:50px; 
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.app_header img{ height:50px;}

	.app_header .app_logo{ width:230px;  float:left; padding-top:5px;}
.app_header .app_logo img{ max-width:100%; height:40px;}
	.app_header .morenav{ float:right; display:block; background:#0065b2; width:40px; height:40px; margin-top:5px; margin-right:10px; color:#FFFFFF; text-align:center; line-height:40px;}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}

#foot{ padding-bottom:45px;}



#postion .postion{ float:left}
#postion{ padding-top:10px; padding-bottom:10px;}
#postion b{ display:none}
#left,#right:after,#left:after{ display:none}
#right{ width:100%;}


.contact .left,.contact .right{ width:100%;}
.contact.bg { width:90%; padding-left:5%; padding-right:5%; overflow:hidden;}
.contact .left form .h1{ display:block}
/*.contact .right .econtent iframe{ width:100%; margin:auto;}*/
.about .box{ padding:10px;}
}
@media screen and (max-width :812px){
#cms .list .img{ min-height:125px; max-height:125px;_height:125px; }
 .pro .econtent .picli .img{ height:255px;}
body{ min-width:640px;}
.box{min-width:64px;}
.header div.box>div{min-width:640px;}
.proshow .right .h1{ font-size:18px}
}


@media screen and (max-width :740px){
 .pro .econtent .picli .img{ height:245px;}
#cms .list .img{ min-height:105px; max-height:105px;_height:105px; }
body{ min-width:250px;}
.box{max-width:96%;min-width:250px;}
.header div.box>div{  max-width:96%;min-width:250px;}
#cms .list{ width:46%;}
#cms .list:nth-child(2n+1){ clear:both}
}
@media screen and (max-width :640px){
.proshow .right{ margin:auto; clear:both; padding-top:30px;}
.proshow .img{ width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ overflow:hidden; height:auto;
	max-height:1000px;
	min-height:50px;

}
/*.flash .swiper-slide a{  height:250px;}*/

.proshow .img img{  	max-height:1000px;
	min-height:50px;
}
	
#cms .picli .img,.news .econtent .picli .img{ width:120px; height:80px;}
#cms .picli .sort,.news .econtent .picli .sort{ display:none}
.news .econtent .picli .more{ display:none}
#cms .picli .right,.news .econtent .picli .right{ margin-left:135px;}
#cms .picli .right .ntitle,.news .econtent .picli .right .ntitle{ font-size:18px; }
#foot .flx .title{ font-size:18px;}
#cms1 h1.h1{ font-size:18px;}
.back{ padding-bottom:15px;}
.back a{ font-size:16px; line-height:35px; padding-left:20px; padding-right:20px;}
.kefu { width:35px; right:5px;}
.kefu .item{ line-height:35px;} 
.kefu .item i{ font-size:24px;}
#cms1{ padding-bottom:0px; margin-bottom:0px;}
.pro .econtent .picli .img{ height:180px;}

}
@media screen and (max-width :415px){
#cms .list .img{ min-height:105px; max-height:105px;_height:105px; }
#foot .flx .title{ font-size:16px; line-height:1.2; padding-bottom:10px;}
/*.flash .swiper-slide a{  height:200px;}*/
.pro .econtent .picli .img{ height:135px;}
}
@media screen and (max-width :375px){
.pro .econtent .picli .img{ height:120px;}
}
@media screen and (max-width :360px){
.pro .econtent .picli .img{ height:115px;}
}