/* CSS Document */

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

.header ul li{ width:90px;
}
body{ min-width:1000px;}
.box,.box1{ max-width:98%;}
}
@media screen and (max-width : 1150px){

.header ul li{ width:80px;
}
	.footer2 .left{ width:100%; max-width:100%;}
	.footer2 .right{ width:100%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; margin-top:20px;}
}
@media screen and (max-width : 1080px){
*,body{ min-height:0px; min-width:0px;}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:50px; float:left; width:100%;}
#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; 
}
/*.app_header img{ height:50px;}*/
.box,.box1{ max-width:98%;}
	.app_header .app_logo{ width:180px;  float:left; margin-top:15px; margin-left:10px;}
.app_header .app_logo img{ max-width:100%;}
	.app_header .morenav{ float:right; display:block; background:#d50400 url(app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:5px; margin-right:10px;}

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

}

@media screen and (max-width : 767px){
.hot{ display:none}
blockquote blockquote{ padding:0px; margin:auto;}

*,body{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
#postion div{ display:none}
.message{ max-width:100%; }
.message .econtent .item{ width:100%; margin:auto}
.app_top{ display:block}
#left{ display:none}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:50px; float:left; width:100%;}
#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; 
}
/*.app_header img{ height:50px;}*/
.box,.box1{ max-width:100%;}
	.app_header .app_logo{ width:180px;  float:left; margin-top:15px; margin-left:10px;}
.app_header .app_logo img{ max-width:100%;}
	.app_header .morenav{ float:right; display:block; background:#d50400 url(app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:5px; margin-right:10px;}

	.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 .bd li a .img{ display:none}
.banner .bd li a img{ display:block; max-width:100%; }
/*.banner .bd li{height:100px}*/
.changrong,.yingyong{ display:none}
.yphone{ display:block}
#banner{ height:100px; max-width:100%; }
#main,#main1,#main2{ background:none;}
#right{
	width:96%;
	background-color: #FFFFFF;
	margin-right: 2%;
	margin-left: 2%;
	float: left; 
}
#postion{

}
#cms .list,.pro .list,#cms .sorts .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img,#cms .sorts  .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,#cms .sorts .list .img img{ height:auto}
#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}



#foot1{ background:none;	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:10px; margin-top:10px; height:auto; min-height:0px;}
#foot1 .footnav{ display:none}	
#foot1 .copy{padding-top:0px;}
.link {
	clear:both;

	background-position: left top;
	padding-top: 30px;
	padding-bottom: 0px;
	float: left;
	width: 100%;
	background-image: none;
	padding: 0px; margin-bottom:20px;
}
.link .share{ display:none}
.link .etitle{
	display:block;
	color: #FFFFFF;
	background-color: #e70010;
	float: left;
	width: 100%;
	font-size: 14px;
	text-align: left;
	text-indent: 5px;
}
.link .econtent{
	padding: 5px;
	clear: both; margin:auto; float:none; width:98%; padding-left:1%; padding-right:1%;
}
.box1{ max-width:100%;}
#foot .foot{ display:none}
#foot .copyright .fl,#foot .copyright .fr{ width:100%; text-align:center;}
.about,.message{ width:100%; height:auto;padding-top:25px; padding-bottom:25px;}
.about .hc{ line-height:1.5; text-align:left}
.about .h1,.message .etitle{ text-align:center; line-height:80px;}
.about .econtent{float:none; width:90%; margin:auto; clear:both; }
.pro .econtent .picli{ width:100%;}
.pro .sort{ width:90%; margin:auto}
.pro .etitle{ font-size:24px;width:90%; margin:auto}

.footer2 { padding-top:20px; padding-bottom:0px; width:98%; padding-left:1%; padding-right:1%;}
.footer2 .right{ padding:0px; width:100%; margin:auto; background-image:none;border:none;border-radius:0px;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333; margin-top:20px;}
.footer2 .right .t1{ text-align:left; }
.leftlx,.message2{ width:96%; overflow:hidden; margin-left:2%; margin-right:2%; padding:0px;border:none;  height:auto; float:left; clear:both; margin-top:20px;}
.leftlx{ padding-bottom:20px;}
.message2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; clear:both
}
}