/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}
/*body{ width:100%; min-width:1000px;}
.about{ background-size:auto 100%;	background-position: left top;}
.pro .left{ min-height:560px;}
.pro .picli{ min-height:280px;}*/
.about .box .img{  width:45%;}
.about .left{ width:50%;}
#right{ float:right; width:calc(100% - 300px);}


#header .tel{

	padding-left: 75px;
	 width:200px; 
}
.flash .swiper-slide img{ margin-left:-410px;}
.flash .swiper-slide a{ width:1100px; }

#cms .newsli div.img{ top:-20px; }



.pro .econtent .left .proli .img{
 max-height:400px; min-height:400px;
}

.pro .econtent .right .proli .img{
	 max-height:195px; min-height:195px;
}

#cms .list .img{ 
	 min-height:175px; max-height:175px;_height:175px; 
}
.tjpro .swiper-slide a{min-height:calc(15vw); max-height:calc(15vw); }
}
@media screen and (max-width :1150px){
#header .tel{

	padding-left: 65px;
	 width:170px; background-size:55px; 
}
#header .tel b{ font-size:28px;}
body{ min-width:1000px;}
.box{ width:1000px;}
#header .logo{ width:300px;}
#header #nav{ font-size:16px}
/*#header #nav{ margin-left:30px; padding-top:27px;}
#header .lan{padding-top:42px;}
#header .lan .ul{top:70px;}}
#header .nav ul li{}*/
.flash .swiper-slide img{ margin-left:-460px;}
.flash .swiper-slide a{ width:1000px; }


.pro .econtent .left .proli .img{
 max-height:370px; min-height:370px;
}

.pro .econtent .right .proli .img{
	 max-height:180px; min-height:180px;
}

#cms .list .img{ 
	 min-height:155px; max-height:155px;_height:155px; 
}

}
@media screen and (max-width :816px){
#nav,#top{ display:none}
.search{ display:none}
.flash{ margin-top:50px;}
#cms1,#cms2,#cms {min-height:0px;}
#header{ display:none}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}
/*.box{ width:98%;}*/
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}
#cms .list:nth-child(2n+1){ clear:both}
.app_top{ display:block}
.nav{ display:none;}
.header{ display:none}
.app_header{ display:block;}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.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; height:50px; background-color:#EBEBEB;
}

.box,.box1,.box2{ padding-left:10px; padding-right:10px; width:100%;box-sizing:border-box}

#right{ width:98%; float:none; margin:auto;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}
.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:#0172C2; text-align:center; line-height:40px; font-weight:bold}

	.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;}


#banner{ height:100px; max-width:100%; }

#postion{ line-height:1.2; padding-top:10px; padding-bottom:10px;}
#postion b{ display:none}
#postion>div.postion{ float:left;}

#cms .list,.pro .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:auto}
#cms .list:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1){ clear:both}
#cms .list .ntitle{ font-size:14px;}
#cms .list .img{  min-height:0px;
}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

#cms .list.appli .img img{ min-height:0px;}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

#cms .picli .right .ntitle,#cms .picli .right .time{ width:100%; text-align:left; padding:0px; margin:auto; line-height:1.2;}
#cms .picli .right .title{ padding-bottom:5px; }

/*底部*/
#footer{ padding-top:15px; padding-bottom:10px;}
.copy{ padding-bottom:50px; font-size:12px}
.copy .logo+.fl{ padding-top:10px;}
.qrcode,.flx{ width:100%; box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
padding:20px; border:none; min-height:0px;
}

.footnavs{ font-size:12px;}
.footnavs a{ margin:2px;}

.ny{ padding-bottom:30px; float:left; width:100%;}
.qrcode{ display:none}
/*内页*/

.gotop{bottom:80px;}

#cms .picli{width:100%;height:auto;}
/*#cms .picli .img {height:80px;margin-left:5px;}

#cms .picli .img img{ width:120px; height:80px; }
#cms .picli .img+.right { margin-left:140px; margin-right:10px; }
*/
#cms .picli:hover{ margin-left:0px;}
.bannerin .h1{
	font-size: 24px;

}
.bannerin .h1 span{font-size: 18px;
}
.bannerin .h1 i{
	
	font-size: 18px;

}

#cms1{ width:90%; margin-left:5%; margin-right:5%;}
#cms1 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#left{ display:none;width:100%;}
#left.shownav{ display:block;}
/*.in1 #left,ins1 #left{ display:block; width:100%;}*/
.in1 #left .etitle,ins1 #left .etitle{ background-size:100% 100%;}
.in1 #left .tel,.ins1 #left .tel{ display:none}
.ins1 .back,.in1 .back{ display:none;}

.flx .title,.qrcode .title{ font-size:14px; }
.flx .title{ display:none}

.flx{	font-size:12px; min-height:0px;}


#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}
.proshow .right  .xq{min-height:0px;}



#cms .picli.newsli .img img{ width:105px; }
#cms .picli.newsli .img+.right{ margin-left:125px;}

.fnav{ display:none}



/*内页*/
.about .left{ width:100%;}
.about .box .img{ display:none;}
.about .left .img img{ width:100%;}
.about .left .img{ display:block; width:100%; margin-bottom:20px;}

.pro .econtent .left{ width:100%;}
.pro .econtent .left .proli{ width:100%;}
.pro .econtent .left .proli .img img{ width:100%;}

.pro .econtent .right{ width:100%;}
.pro .econtent .right  .proli:nth-child(2n+1){ margin-left:0px;}

.kuai{ padding:0px; background-image:none;}
.kuai .box{ width:100%; padding-left:0; padding-right:0;}
.kuai .picli{ width:100%; clear:both; margin:auto; float:left;box-sizing:border-box; padding:20px; padding-top:30px; padding-bottom:30px;}
.kuai .picli:nth-child(1){ background-color:#0172C2;}
.kuai .picli:nth-child(2){ background-color:#F1A72C;}

.kuai .picli:nth-child(1)>div,.kuai .picli:nth-child(2)>div{ padding:0px;}
.kuai .picli .dp{ min-height:0px;}
.kuai{ padding-bottom:30px; float:left; width:100%;background-color:#F1A72C; }
.kuai:after{ position:relative; bottom:auto; left:auto; margin-left:auto; float:left; width:100%; background-color:#F1A72C; background-size:100%;height:65vw;}
.kuai .picli .more{ text-align:center;}

.kuai ul{ max-width:320px; margin:auto;}
.kuai .picli .dp ul li{ float:left; width:48%; margin-left:1%; margin-right:1%; text-align:center; padding-left:0; padding-right:0;}


.case .econtent .picli{ width:48%;}
.case .econtent .picli:nth-child(2n+1){ clear:both;}
.news .econtent .picli{ width:100%;}
.sales .econtent .picli .right{ background-size:100% 100%;}
.sales .econtent .picli{ width:48%; }


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:140%; margin-left:-20%;}

.about .box{ padding-top:10px;}
.about .left .title { font-size:22px;}
.about .more { text-align:center;}

 .more{ padding-top:20px;  line-height:35px; font-size:16px;}
 .more a{
	display:inline-block;
	background-image: none;
	padding-right: 30px;
padding-left:30px;border-radius:30px;
}
 .more a:hover{ background-color:#EB9C1D; color:#ffffff;	background-image: url(morehover.png);}
.etitle{font-size:28px; margin-bottom:10px;}
.pro { background-image:none; background-color:#f5f5f5;}
.sorts { font-size:18px; line-height:35px;}
.pro .econtent ,.case .econtent,.news .econtent,.about .econtent{ padding-top:10px; padding-bottom:0px;}
.kuai{ margin-bottom:auto;}
.kuai .picli .title{ font-size:28px; text-align:center;}
.kuai .picli .title span{ display:inline-block;}
.kuai .picli:nth-child(1) .dp strong { font-size:16px;}
.sales,.news{ padding-top:30px; }
.about .box{ width:100%; padding-left:0; padding-right:0;}
.about .left .hc,.about .left .title{ padding-left:20px; padding-right:20px; }
.about .left .hc h2,.about .left .title {
  font-size: 24px; line-height:1.5; padding-bottom:10px; padding-top:10px;
}

.about .left .img{ overflow:hidden; width:100%; float:left;}
.about .left .img img{ width:120%; max-width:120%; margin-left:-10%;}
.ny{ padding-top:10px;}
#right{ width:100%; margin:auto;}
#cms,#cms1{ padding:0;}
#postion{ margin:0; margin-bottom:10px;}
/* .more{ clear:both; padding-top:20px; text-align:center; line-height:40px;}
 .more a{

	padding-right: 75px;
	padding-left:30px;border-radius:30px;
}*/

 .news .econtent .picli .img{
	float:left;
	border: 1px solid #dddddd; width:150px; overflow:hidden; min-height:0px;max-height:1451px;
}
.news .econtent .picli .img img{ min-height:0px;max-height:1451px;}
.case .econtent .picli:nth-child(3n+1){ clear:none;}
.case .econtent .picli:nth-child(2n+1){ clear:both;}


#cms .newsli{ padding-top:10px; padding-bottom:10px;} 
#cms .newsli .right{ padding-bottom:0px;}
 #cms .newsli .date{ display:none}
 
 #cms .newsli div.img{ width:120px; min-height:0px; position:relative; top:auto; right:auto; float:right}
 #cms .newsli .right{
	 margin-left:0px; float:left; width:100%;}
	#cms .newsli .right .hc{margin-right:0px;width:calc(100% - 130px); float:left;}
	 #cms .newsli .right .share{ display:none}
	 #cms .newsli .right .dp{ min-height:0px; line-height:1.5; }
	 #cms .newsli .right .ntitle{ font-size:18px;}
#cms .newsli:hover{ background-color:#ffffff;}


.pro .econtent .left .proli .img{
 max-height:3700px; min-height:0px;
}

.pro .econtent .right .proli .img{
	 max-height:35vw; min-height:35vw;
}
.case .sorts li{ float:left; width:48%; margin-left:1%; margin-right:1%; text-align:center; padding-left:0px; padding-right:0px;}

.tjpro .swiper-slide a{min-height:calc(18vw); max-height:calc(18vw); }

.kuai .picli:nth-child(2) .more { text-align:center;}
.kuai .picli:nth-child(1) .more a { background-image:none}
strong{ font-weight:bold;}
}

@media screen and (max-width :600px){
.sales .econtent{ padding-top:10px;}
.sales .econtent  .picli{ width:100%; clear:both; background-color:#FFFFFF; margin-bottom:10px; margin-left:0px; background-color:#f5f5f5;}
.sales .econtent  .picli .img{ float:left; width:180px;}
.sales .econtent  .picli .img+.right{ margin-left:190px; background-image:none; padding:0px; padding-right:10px;}
.sales .econtent .picli .right .title { text-align:left;}
.sales .econtent .picli .img{border-radius:0px 0px 0 0; }

.tjpro .swiper-slide a{min-height:calc(25vw); max-height:calc(25vw); }

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

#footer{ padding-top:0px; padding-bottom:0px;}
.tjpro .swiper-slide a{min-height:calc(48vw); max-height:calc(48vw); }
}
@media screen and (max-width :350px){

#footer .box .flx .title b,#footer .box .qrcode .title b,#footer .box .fnav .title b{ font-size:18px; }


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

 #cms .newsli{ padding:0px;}
 	 #cms .newsli .right .ntitle{ font-size:16px;}
  #cms .newsli .dp{ display:none}
 #cms .newsli .right{ padding-bottom:20px; padding-top:20px;}
#cms .newsli .right .time{ display:block; color:#999; font-size:12px;}

}

@media screen and (max-width :320px){.sorts li{ font-size:14px;}}