/* CSS Document */

@media screen and (max-width :1366px){
#header .box{ width:95%;}
.box{ width:1150px; min-width:1000px; max-width:95%;}
/*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 .econtent .img{ float:right; width:38%; }
.about .econtent .right{ float:left; width:60%;}
#right{ float:right; width:calc(100% - 300px);}

.fnav{
	width:15%; padding-left:3%;

}
.fnav.f2{ width:20%;}

#cms .list .img{ min-height:183px; max-height:183px;
}
}
@media screen and (max-width :1280px){
body{ min-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{}*/

.qrcode{ width:220px;}
#header .tel{
	line-height:1.2;
	background-image: url(tel2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px; margin-top:5px; background-size:35px;
}

#header .tel span{

	font-size: 14px;

}
#header .tel b{

	font-size: 20px;

}
#nav > ul> li>a{ padding-left:15px; padding-right:15px;}
}
@media screen and (max-width :1150px){

#nav > ul> li>a{ padding-left:10px; padding-right:10px; font-size:14px}
#header .tel span{

	font-size: 12px;

}
#header .tel b{

	font-size: 18px;

}
#header .logo{ max-width:300px;}
#header .logo *{ max-width:100%;}

.fnav{
	width:13%; padding-left:3%;

}


.fnav.f2{ width:18%;}

}

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

body{ min-width:250px;}
.box{ width:95%; min-width:250px;}
.qrcode{ width:18%; background-size:100%;}

.app_rt a{ color:#FFFFFF}
.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:#0A4D9E; 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;}
.app_top{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ 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:rgba(255,255,255,0.95);
}
.app_header{ display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}

#pages{ max-width:100%; min-height:0px;}
#header{ display:none}
/*.qrcode{ width:100%; background-size:250px; float:left; width:100%;	background-position: left; margin-top:20px; display:none}*/

.fnav{ width:15%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;margin:auto;}
.fnav.f2{ width:20%;}

.flx{width:35%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; margin:auto; padding-left:20px;}
#cms .list .img{ min-height:125px; max-height:125px;
}
}

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


*{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
#nav,#top{ display:none}
.search{ display:none}
body{ padding-top:60px; min-width:0px;}
#cms1,#cms2,#cms {min-height:0px;}

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

#cms .list:nth-child(2n+1){ clear:both}

.nav{ display:none;}
.header{ display:none}

#right,.box{ max-width:100%; min-height:0px;}


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



#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:33.3vw; max-height:33.3vw;}
#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;}
.fnav,.fnav.f2,.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;}
.fnav{ width:33.33333%; float:left;border:none; margin:auto; min-height:0px;}
.fnav.f2{ width:66.666666%; clear:none;float:left;  border:none; margin:auto; min-height:0px;}
.flx{
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(255,255,255,0.3);
}
.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; }


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



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

.fnav .title{ font-size:14px;}
.fnav,.flx{	font-size:12px; min-height:0px;}
.fnav{ width:40%;}
.fnav.f2{ width:60%;}
.about{ background-size:auto 100%; margin-bottom:30px;}

/*棣栭〉*/


.about .econtent .img:before{ display:none}
.about .econtent .img{  width:100%; max-width:100%;margin:auto; padding-top:20px;}
.about .econtent .img img{ width:100%;}
.about .econtent .right{width:100%; line-height:2; padding:10px; margin:auto; clear:both; font-size:14px; float:left; margin:auto;}


.news .box > .more{ padding-top:0px;}
.news .econtent> .right,.news .econtent >.left{ width:100%; float:left;}
.news .econtent .picli{ width:100%;}
.news .econtent .picli .img{ width:100%;}

.news .econtent .left .picli,.news .econtent .left .picli:nth-child(1){ width:100%; padding-top:5px; padding-bottom:5px;}

.news .econtent .picli:nth-child(1){ width:100%;margin-right:0%;}
.news .econtent .left .picli:nth-child(1) .img,.news .econtent .left .picli:nth-child(1) .img + .right .dp{ display:none}
.news .econtent .left .picli:nth-child(1) .right{ margin:auto;}
.news .econtent .left .picli:nth-child(1) .img+.right .ntitle b{ font-size:14px;}
.news .econtent .left .picli:nth-child(1) .img+.right .ntitle b,.news .econtent .left .picli .img+.right .ntitle b{ float:left;width: calc(100% - 80px); overflow:hidden;}
.news .econtent .left .picli:nth-child(1) .img+.right .ntitle span{ display:block}
.news .econtent >.left{ margin-left:20px; width: calc(100% - 20px);  margin-top:20px;}

.news .econtent{ padding-top:20px; padding-bottom:30px;}

.pro .econtent .picli{ width:48%; margin-left:0%; margin-right:0px;}
.pro .econtent .picli:nth-child(3n+1){ clear:none;}
.pro .econtent .picli:nth-child(2n+1){ margin-left:0px; clear:both;}
.pro .econtent .picli:nth-child(2n){ float:right }
.pro #right .title{  line-height:50px; height:50px;}
.pro #right .title .tel{ 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;}

.proshow .right{}

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

.jqzoom{  height:220px;}
.proshow .right .h2{ padding-top:0px; display:none}
.proshow .right .btn a{ width:100%;}
.hot .fr{ display:none}
.sorti{font-size:14px;}
.sorti ul li { width:48%; float:left; }
.sorti ul li a{ display:block;}
.case,.news,.pro,.about .box{ padding-top:15px; padding-bottom:15px;}

.etitle{ padding-bottom:10px;}
.about .econtent,.case .econtent,.news .econtent{ padding-top:0px; }

.gotop{
	background-image: url(jt.png);
	background-repeat: no-repeat; cursor:pointer;
	background-position: center center; background-size:30px; width:40px; height:40px; background-color:rgba(0,0,0,0.8); position:fixed; bottom:50px; right:10px; z-index:99;
}

.fuwu{ margin-top:0px;}
.about{ margin-bottom:10px;}
.fuwu .econtent .picli{  width:48%; }
.fuwu .econtent .picli:nth-child(2n+1){ clear:both;}
.fuwu .econtent{ padding-top:30px; float:left; width:100%; }
.about .econtent,.about .box { padding-bottom:0px;}

#footer .box .flx .title b,#footer .box .qrcode .title b,#footer .box .fnav .title b{ font-size:16px; }
.nextpage>div{ width:100%; float:left}
.copy .fl.logo img{ max-height:30px;}
.copy .fl.logo{ padding-left:20px;}


.job{ padding-left:10px; padding-right:10px;}
.job .jobli .t1{ width:calc(100% - 90px);}
/*.job .jobli .t2{width:100px;}
.job .jobli .t3{ display:none}*/
.job .jobli .t4{ width:90px;}

.job .jobli.td{ font-size:12px; color:#666666}
.job .jobli.th{ font-size:14px;}
.jobin .jobli .it>b{ float:left; width:100% ; background-color:#f5f5f5;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; }
.jobin .jobli .it> span{padding:10px; display:block; margin-left:0px;position:relative; clear:both; }
#postion.bg3 .postion{ float:left;}
#postion.bg3 { line-height:30px;}
}


@media screen and (max-width :400px){
/*.flx .title{
	font-size:28px;

}*/
#footer{ padding-top:0px; padding-bottom:0px;}
.pro .econtent{ padding-top:15px; padding-bottom:15px;}
.pro .econtent .picli{ width:98%; margin:auto }
.proshow .right .tel span{  font-size:28px; }
.flx{  padding-bottom:0px;}
#cms .list .img{  max-height:31vw; min-height:31vw; padding:2px;}
}
@media screen and (max-width :350px){



.fnav,.flx{	font-size:12px; min-height:0px;}
.fnav{ width:42%;}
.fnav.f2{ width:58%;}
.pro .left .leftnav .sort ul li  ul{ padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;}
.pro .left .leftnav .sort ul li  ul li a{ font-size:12px; padding-right:10px;} 


.flx .hc, .fnav .hc{ font-size:12px;}
}


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


.fnav{ width:100%;	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.3);}
.fnav.f2{ width:100%;}

}