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

/*统一*/
html,body{
font-family:微软雅黑,宋体; font-size:14px;line-height:2; min-width: 320px; max-width: 640px; margin:0 auto; 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:#008fd7; }
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:#008fd7; 
	font-size:30px;
	line-height:45px;
}


.top{   max-width: 640px; overflow:hidden;   height:80px;
}
.logo{ float:left; width:85%; overflow:hidden; padding-top:15px; }
.menu{ float:right; width:10%; overflow:hidden; text-align:right;   padding-right:5%; padding-top:4%;}
.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}

.flexslider { text-align:center; width:100%; margin:0 auto; position: relative; height: auto; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align:center }
.slides { position: relative; z-index: 1;}
.slides li { height: auto;}
.slides li img{ width:100%;}
.slides li a{ width:100%; height:auto; display:block;}
.flex-control-nav { position: absolute; bottom: 5px;  z-index: 2; width: 100%; text-align:center;}
.flex-control-nav li { display: inline-block; width:22px; height: 20px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 22px; height: 20px; line-height: 20px; overflow: hidden; background:#fff; color:#d94d2c; cursor: pointer; border:1px solid #d94d2c;}
.flex-control-nav .flex-active { background:#d94d2c; color:#fff;}


.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 #008fd7; font-size:16px;  float:left; padding:0 1%;color: #444;}

.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;}
.comtest{ padding:5px;}
.comtest img{ float:left; padding-right:5px; width:180px;}
.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,.arList li{  border-bottom:1px dotted #898989; color:#6b6b6b}
.news li a{float:left;}
.news li span{float:right;}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
 
   
 
.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:url(../images/bg.jpg) repeat; 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;}
 
/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both;   }
.arTitle {   line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arKeywords { height: 24px; margin: 10px auto; line-height: 24px; text-indent: 10px; color: #007ee0; border-top: dashed 1px #858585; border-bottom: dashed 1px #858585; }
.arContent { margin: 10px auto; line-height: 24px;  }
.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;}

 
/*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;}