@charset "utf-8";
/* CSS Document */

/*统一*/
html,body{
font-family:微软雅黑,宋体; font-size:14px;line-height:2; min-width: 320px; max-width: 640px; margin:0 auto; background:rgb(239, 239, 239); color:rgb(51,51,51);-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/   }
body, div, ul, li, iframe, form, p,span,h1,h2,h3,h4 ,input{ margin: 0px; padding: 0px; }
a{text-decoration:none;color:rgb(51,51,51);}
a:hover{text-decoration:none;color:#ff0411; }
ul,li{list-style-type:none;}
iframe, img ,input{ border: 0px; }
 
 .clear{clear:both; height:0; overflow:hidden;}
h1{font-size:26px;}
h2{ font-size:18px;}
h3{ font-size:14px;  }
h4{ font-size:16px;}
/*统一结束*/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-feqkfd');
	src:url('fonts/icomoon.eot?#iefix-feqkfd') format('embedded-opentype'),
		url('fonts/icomoon.woff?-feqkfd') format('woff'),
		url('fonts/icomoon.ttf?-feqkfd') format('truetype'),
		url('fonts/icomoon.svg?-feqkfd#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mls{   font-size:14px; line-height:20px;color:#fff;}
.icon-home:before {
	content: "\e900"; 
	  font-size:25px;  color:#fff;
}

.icon-images:before {
	content: "\e90e"; font-size:25px;color:#fff;
}

.icon-phone:before {
	content: "\e942"; font-size:25px;color:#fff;
}

.icon-location2:before {
	content: "\e948";  font-size:25px; color:#fff;
}

.icon-menu3:before {
	content: "\e9bf";
	color:#ec242b; 
	font-size:30px;
	line-height:45px;
}





.top{   max-width: 640px; overflow:hidden; background:#e3e3e5; height:77px;
}
.logo{ float:left; width:85%; overflow:hidden; padding-top:5px; }
.logo img{ float:left;}
.menu{ float:right; width:10%; overflow:hidden; text-align:right;   padding-right:5%; padding-top:5%;}
.page_menu{position:absolute; width:50%; right:0;    z-index:999;}
.menutest{background:#868686; overflow:hidden; display:none;   text-align:center;}
.menutest a{ display:block; color:#fff;   border-bottom:1px solid #fff;}
.dmenu li  { width:25%;float:left; text-align:center; height:30px; line-height:30px; }
.dmenu a{   font-size:14px; display:block; }
.dmenu li a:hover,.menucho{ display:block;color:#b60b0a;  background:url(navigationlist_ahover.png) no-repeat center bottom}
.menuimg span{ display:block}


.content{ width:100%; margin:0 auto; overflow:hidden;}
.testmenu{ background:#f5f5f5}
.testmenu li{ border-top:1px solid #e5e5e5; height:40px; line-height:40px; width:33%; float:left; text-align:center;}
.title { margin-top:5px; width:100%;}
.title a{ float:right; }
.titname{ border-left:3px solid #3da0fd; line-height:30px;width:80px; background:#fff;font-size:14px;  float:left; color: #000; font-weight:bold; text-align:center;}
.protest{ padding-top:10px;background:#fff;  }
.protest ul{border:3px solid #eeedf3; background:#fff; text-align:center; }
.protest ul li{ width:47%; float:left; padding:1%; border-left:1px solid #eeedf3; border-top:1px solid #eeedf3; text-align:center;}
.protest ul li img{ width:100%;}
.protest ul li p{ height:30px; overflow:hidden; line-height:30px;}

/*.content{ width:100%; margin:0 auto;}
.title { height:40px; line-height:40px; border-bottom:2px solid #999;border-top: 1px solid #F0F0F0; margin-top:5px;}
.title a{ float:right; }
.titname{height:40px;  border-bottom:2px solid #f00; font-size:16px;  float:left; padding:0 1%;color: #00459b;}
.comtest{ padding:5px;}
*/
.casetest li{ width:44%; height:auto; float:left; text-align:center; margin:2%; padding:1% 1% 0 1%;vertical-align: middle; display: table-cell;-ms-behavior: url(ie-css3.htc);   box-shadow: 0px 1px 3px rgba(0,0,0,0.27), inset 0px 0px 60px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.27), 0px 0px 60px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 1px 3px rgba(0px, 0px, 0px, 0.27), 0px 0px 60px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.27), 0px 0px 60px rgba(0, 0, 0, 0.1) inset;}
.casetest ul li img{ width:100%;}
.casetest ul li p{ height:30px; overflow:hidden;}

.caset img,.prot img{ width:100%;}

/*.product,.news{ padding:15px;}
.product li,.prod{padding:10px 0; border-bottom:1px dotted #ccc}
.pro{  height:120px;}
.product img,.prod img{ float:left; padding-right:10px; width:140px; height:105px;}
.product h3{ font-size:14px; height:25px; overflow:hidden; line-height:25px;}
.pro{ height:95px; overflow:hidden; line-height:24px;}
.news li{  border-bottom:1px dotted #898989; color:#6b6b6b}
*/
 
   
 
.foot{ text-align:center; padding:0 5px;  padding-top:10px; margin-top:10px;}
.foota{ padding-bottom:70px; text-align:center; }
.footmenu{ left:0; right:0; z-index:999;position:fixed;margin:auto; bottom:0px; text-align:center;max-width:640px; width:100%; background:#a8a8a8; padding-top:5px;}
.foot1{ float:left;}
.footmenu li{float:left;width:25%}
 
 
 #img img{ width:100%;}
  #mcover {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.7);
				display: none;
				z-index: 20000;  
			 }
			 #mcover img {
				position: fixed;
				right: 18px;
				top: 5px;
				width: 260px!important;
				height: 180px!important;
				z-index: 20001;
			 }
			 .text {
				margin: 15px 0;
				font-size: 14px;
				word-wrap: break-word;
				color: #727272;
			 }
			 #mess_share {
				margin: 15px 0;
				display: block;
			 }
			 #share_1 {
				float: left;
				width: 49%;
				display: block; 
			 }
			 #share_2 {
				float: right;
				width: 49%;
				display: block;
			 }
			 .clr {
				display: block;
				clear: both;
				height: 0;
				overflow: hidden;
			 }
			 .button2 {
				 font-family:微软雅黑;
				font-size: 16px;
				padding: 8px 0;
				border: 1px solid #adadab;
				color: #000000;
				background-color: #e8e8e8;
				background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;
				text-shadow: 0.5px 0.5px 1px #fff;
				text-align: center;
				border-radius: 3px;
				width: 100%;
			 }
			 #mess_share img {
				width: 22px!important;
				height: 22px!important;
				vertical-align: top;
				border: 0;
			 }
 
 
 
 .maintest{ padding:15px 5px;border-bottom:1px dotted #898989; margin-bottom:10px;}
.maintop h3{ margin-top:15px; font-size:20px; font-weight:bold; text-align:center;}
.menulist li{ width:50%; float:left; text-align:center; padding:10px 0; }
 .sidelist li{ width:46%; float:left; text-align:center; background:#a6a6a6; margin:2%; height:30px; overflow:hidden; line-height:30px;}
.sidelist li a{ color:#fff;}
.sidelist li a:hover{ background:#cfcbcb; display:block;}

.newstitle{ text-align:center;}
.newstitle span{ padding:0 10px;}
 
 
/*PageBar*/
.PageBar { clear: both;   height: 54px; margin: 20px auto 0px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #00a2b1; color:#fff;}
.PageInfo { height: 24px; line-height: 24px; }
.xgwz{overflow:hidden;}
.z_pro li{margin:0 15px !important;}
.zbanner{width: 100%;height: 240px;margin: 0 auto;text-align: center;overflow: hidden;}