/* CSS Document */
.phone{
	position: fixed;
	z-index: 2222;
	right: 10px;
	bottom: 50px;background-color:rgba(25,39,52,0.8); float:left; line-height:38px; width:38px; text-align:center;border-radius:3px; overflow:hidden; display:none;

}
.phone i{ font-size:32px;color:#FFFFFF}
.app_header .lang{ margin-right:10px; margin-top:10px;}
.box,.box1,body{ min-width:1200px;}
@media screen and (max-width : 767px){
.phone{ display:block}
.box,.box1,body{ min-width:0px;}
blockquote blockquote{ padding:0px; margin:auto;}

*,body{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms img,#cms1 img{ height:auto}
#cms,#cms1{min-height:0px;}
#postion div{ display:none}

.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; background-color:#ffffff; display:block; top:0px; left:0px; height:50px; 
}
.app_header img{ height:50px;}
.box,.box1{ max-width:100%;}
	.app_header .app_logo{ width:250px;  float:left;}
.app_header .app_logo img{ max-width:100%;}
	.app_header .morenav{ float:right; display:block; background:#192734 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 .hzlist,#cms .honor{
	width:48%;
	margin-right: 1%;
	margin-left: 1%; border:none
}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}
/*首页*/



.pro{ background-image:none; height:auto; min-height:0px; float:left; width:100%;}
.pro .sort { width:96%; margin-left:2%; margin-right:2%;}
.pro .sort a{ font-size:14px;
	float:left;
	width:50%;
	text-align:center;
	padding:0px; margin:0px;
	border: 1px solid #dddddd; margin:-1px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.pro .econtent{width:96%; margin-left:2%; margin-right:2%;}
.pro .item{	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	width:100%;
	min-height:0px;
	height:auto;
	border: 1px solid #dddddd;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;border-radius:3px; overflow:hidden;
}
.pro .item .img{ display:none}
.pro .item .img2{ display:block}
.pro .item .right .more a{ color:#CC0000}
.pro .item .right{ text-align:left; margin:auto; width:100%; clear:both}

.about{ width:96%; padding-left:2%; padding-right:2%; float:left; background-size:100% 100%;}
.about .econtent,.about .tv{ width:100%; clear:both;}
.about .tv{ margin-top:30px;}
.news{width:96%; padding-left:2%; padding-right:2%; float:left;}
.news .nleft,.news .nright{ width:98%; float:left;}
.news .nright .li{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
overflow:hidden;
}
.news .nright .li .time{ display:none}
.news .nright .li .ntitle{ width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.footnav{ width:50%; text-align:center}
.flx{
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC; margin-top:30px;
}
.flx,.message{ width:90%; margin-left:5%; margin-right:5%;}
.qrcode{ display:none}
.copy{ width:96%; padding-left:2%; padding-right:2%;}
.news .nleft .econtent { border:none}
.news .nleft .econtent .picli .img{ width:100%; width:100%; height:auto}
.news .nleft .econtent .picli .img img{ width:100%; height:auto}
.news .nleft .econtent .picli .right{ width:100%; margin:auto; clear:both; float:left; padding-top:20px;}
.news .nleft .econtent .picli .right .more{ text-align:right}
.news .nright{
	margin-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:5px;
}
#cms .newstop .picli .img{ width:100%; height:auto}
#cms .newstop .picli .img img{ width:100%;}
#cms .newstop  .right{ margin-left:0px; clear:both; padding-top:10px;}


.pro  .item4{ background-color:#FFFFFF}
.pro  .item4 .img,.pro  .item4 .img2{ text-align:center; width:100%; float:left;}
.pro  .item4 .right{
	float:left;
	text-align:left;
	margin-top:0px;
	position:none;
	top: auto;
	right: auto;position: relative;
}
.pro .item4 .hc{ display:none}


.pro .dp{padding-top:20px;padding-bottom:20px; }

.pro .item4 .title{ text-align:left; margin-right:0px;}
.pro .item{ background-color:#FFFFFF}
.pro .item0 .img,
.pro .item1 .img,
.pro .item2 .img,
.pro .item3 .img,
.pro .item4 .img,
.pro .item5 .img{ text-align:center; clear:both; width:100%; float:left}
.pro .item0 .img2,
.pro .item1 .img2,
.pro .item2 .img2,
.pro .item3 .img2,
.pro .item4 .img2,
.pro .item5 .img2{ text-align:center; clear:both; width:100%; float:left}
}