/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
@media screen and (min-width :1920px){
.about,.pro,.case,.news{ background-size:100% 100%;}
}
@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}

#right{ float:right; width:calc(100% - 300px);}


#cms .list .img div{ min-height:280px; max-height:280px; }
.flash .swiper-slide img{ margin-left:-410px;}
.flash .swiper-slide a{ width:1100px; }

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

#footer .footlogo{ width:250px;  margin-right:0px;}
.abt .abtleft{ float:left; width:250px; clear:both; line-height:1.9;}
}
@media screen and (max-width :1150px){

body{ min-width:1000px;}
.box{ width:1000px;}

.flash .swiper-slide img{ margin-left:-460px;}
.flash .swiper-slide a{ width:1000px; }


#cms .list .img div{ min-height:240px; max-height:240px; }
.abt .abtleft{ float:left; width:250px; clear:both; line-height:1.5;}
#footer .flx{ max-width:350px;}
}
@media screen and (max-width :816px){
/*底部*/
#footer{ padding-top:15px; padding-bottom:10px;}
#footer .box {background-position: center 100px;}
#footer .footlogo{ display:none;}
#footer .fnav.f2{ display:none}
#footer .fnav .title,#footer .fnav .titledp{ display:none}
#footer .fnav{ margin:auto; width:100%; text-align:center} 
#footer .fnav .hc { padding-top:0px;}
#footer .fnav ul li{ display:inline-block;}
#footer .fnav ul li a{ display:block; padding-left:10px; padding-right:10px;}

#footer .flx{ text-align:center; width:100%; margin:auto;}
#footer .flx .lx{ padding:0px;}

.copy{ padding-bottom:50px; font-size:12px}
.copy .share{ display:none}
.copy .banquan{ width:100%; text-align:center;}





#cms .list .img div{ min-height:33vw; max-height:33vw; }

#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:#DBDBDB;
}

.box,.box1,.box2{ max-width:100%;}

#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 .app_rt a{ padding-left:5px; padding-right:5px; float:right; display:block; height:40px; margin-top:5px; margin-right:5px; background-color:#E7981F; text-align:center; line-height:40px; font-weight:bold; font-size:14px; min-width:30PX;}

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




.ny{ padding-bottom:30px; float:left; width:100%;}

/*内页*/

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


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




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





/*内页*/



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



.etitle{font-size:28px; margin-bottom:10px;}



#cms .newsli{ padding-top:10px; padding-bottom:10px; margin:0px;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;} 
#cms .newsli .right{ padding-bottom:0px; border:none;}
 #cms .newsli .date{ display:none}
 
#cms .newsli div.img{ width:120px; max-height:80px; min-height:0px; position:relative; top:0px; right:5px; float:right}
 #cms .newsli .right{
	 margin-left:0px; float:left; width:98%; padding:0px; padding-left:2%;}
	#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; font-size:14px; }
	 #cms .newsli .right .ntitle{ font-size:16px; padding-bottom:5px;}
/*#cms .newsli:hover{ background-color:#ffffff;}*/

/*首页*/
.pro,.case,.about{ background-size:100% 100%;}
.pro .proli{ width:48%; margin-left:1%; margin-right:1%;}
.pro .proli:nth-child(2n+1){ clear:both;}
.case .etitle{ display:block;}
.case .sorts{ width:100%;padding-top:0px;}
.case .sorts ul li{ float:left; width:32.33333%; margin-left:1%;}
.case .sorts .tel{ clear:both; text-align:center;}
.case .econtent{ margin:auto; clear:both;margin-left:10px; margin-right:10px;}

.news .left{ width:100%;}
.news .econtent{ margin:auto; clear:both; padding-top:10px;padding-left:20px; padding-right:20px;}
.news .econtent .li{ padding-top:10px; padding-bottom:10px;}
.news .titledp,.pro .titledp{ padding-left:20px; padding-right:20px; line-height:1.5;}

.case .sorts ul li{ font-size:20px; line-height:55px; margin-bottom:0px;}
.case .sorts  .tel{ line-height:50px; padding-top:20px; padding-bottom:20px; background-color:rgba(0,0,0,0.2); margin-top:20px; clear:both; color:#FFFFFF;border-radius:5px; margin-bottom:20px; margin-left:20px; margin-right:20px;}
.case .sorts  .tel i{display:inline-block;font-size:36px;}
.case .sorts  .tel span{color:#E7981F; font-size:36px; display:inline-block;}
.about { padding-left:10px; padding-right:10px;}
.proli .right  .title{ font-size:20px;}
.ny{ padding-bottom:0px;}
#cms1,#cms{ padding-bottom:20px;}
.nextpage { margin-top:10px; padding-bottom:0px;}
.nextpage>div{ float:left; width:100%; text-align:left;}
.nextpage > div.fr{text-align:left;}
/*.abt .img{ display:none}*/
.abt .abtleft{width:220px;line-height:2.1;}
.abt .abtleft+.img{ margin-left:230px; display:block;}
#footer .flx{ margin:auto; float:none; line-height:1.2; padding-top:20px; clear:both;}
}
@media screen and (max-width :660px){

.case .sorts ul li a{ font-size:14px;}
}
@media screen and (max-width :550px){
body{ font-size:14px;}
.case .sorts ul li{ font-size:16px; line-height:55px; margin-bottom:0px;}

.case .sorts  .tel{ margin-left:10px; margin-right:10px;padding-top:10px; padding-bottom:10px;}
.case .sorts  .tel i,.case .sorts  .tel span{font-size:32px; }
.about .econtent{ padding-top:0px; line-height:1.5;/*font-size:14px;*/}
.proli .right  .title{ font-size:18px;}
.proli .right .dp{ font-size:14px; }

.proli .right  .moremin{ line-height:30px; text-align:left; padding-top:25px;}
.proli .right  .moremin span{border-radius:30px; border:none; display:inline-block; padding-left:20px; padding-right:20px; background-color:rgba(255,255,255,0.8); color:#666666; font-size:14px;}
.proli a:hover .right  .moremin span{ background-color:#EB9C1D; color:#ffffff;}

.news .econtent .li .title{ font-weight:lighter;}
.etitle{ font-size:28px;}
h2{ font-size:22px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
.pro,.case,.about,.news{ padding-top:15px; padding-bottom:15px;}
.pro .econtent{ padding-top:20px; margin-bottom:0px;}
.case .econtent,.about .econtent{ font-size:14px; line-height:1.5;} 
.case .econtent .title { padding:0px; font-size:24px;}
.abt .img{ display:block;}
.abt .abtleft{width:100%; line-height:1.5;}
.abt .abtleft+.img{ margin-left:0px; clear:both; }
}
@media screen and (max-width :480px){

#cms .list .img div{ min-height:31vw; max-height:31vw; }

 #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;}
.case .sorts  .tel i,.case .sorts  .tel span{font-size:28px;}
.case .sorts ul li a{ font-size:12px;white-space: nowrap;}
}


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

#cms .list .img div{ min-height:30vw; max-height:30vw; }

}