@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:#149c41; }
ul,li{list-style-type:none;}
iframe, img ,input{ border: 0px; }
 .C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; } 
.C { zoom: 1; }

 .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:#149c41;}
.icon-home:before {
	content: "\e900"; 
	  font-size:25px;  color:#149c41;
}

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

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

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

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



#feedback_form td{ font-size:14px; text-align:left;}
#feedback_form input{ border:1px solid #ccc; border-radius:5px; width:98%; height:30px;}
#feedback_form textarea{ width:98%; height:100px; border:1px solid #ccc; border-radius:5px;}
#feedback_form input#ValidateCode{ width:80px;}


.top{   max-width: 640px; overflow:hidden;   height:71px; background:#f4f4f4 ; padding:1px 0;
}
.logo{ float:left; width:85%; overflow:hidden;      }
.menu{ float:right; width:10%; overflow:hidden; text-align:right;   padding-right:4%; 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}

.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:#149c41; cursor: pointer; border:1px solid #149c41;}
.flex-control-nav .flex-active { background:#149c41; 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 #149c41; font-size:16px;  float:left; padding:0 1%;color: #149c41;}

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

 
   
 
.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:#f4f4f4;  padding-top:5px;}
.foot1{ float:left;}
.footmenu li{float:left;width:25%}
 
 
 #img img{ 
     width:100%;
     height:auto;
 }
  #imga img{ width:auto;}

  #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; /* overflow:hidden; */}
.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;}
.sidelist ul li{ width:29%;  float:left;} 
.sidelist ul{ display:block;}

.newstitle{ text-align:center;}
.newstitle span{ padding:0 10px;}
 

/*Article List*/
.arList li { border-bottom:1px solid #d5d5d6; margin-bottom:15px; line-height:26px;}
.arList li h3{ font-size:18px; font-weight:normal; line-height:44px; color:#333333; text-align:left; }
.arList li h3:hover{ color: #154999;-webkit-transition: all .5s;transition: all .5s;}
 .arList li img{ width:107px; height:80px; float:left; padding-right:15px;}
.arList .newsl{ float:left; width:715px;}
.arList .newsl a{ color: #666;}
.arList .newsl:hover a{ color: #154999;-webkit-transition: all .5s;transition: all .5s;}
.newsr h2{ font-size:35px; line-height:32px; padding-top:16px;}
.newsr{ width:85px; height:80px; float:right; background:#e3e3e3; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px;}

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



 
/*photo*/
#photo{
	 
	margin: 0 auto;
    min-width: 320px;
	overflow-x: hidden;
}
#photo #main{min-height:30px;
}
#photo .qiandaobanner{
	display:block;
	text-align:center;
}
#photo .qiandaobanner img{
	width:100%;
	border:0;
}
#photo .chatPanel{ 
}
#photo .chatPanel .media {
	border:0px solid #D1D1D1;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-webkit-border-radius:5px 5px 10px 10px;
	-moz-border-radius:5px 5px 10px 10px;
	border-radius:5px 5px 10px 10px;
	background: url(img/bottom.png) repeat-x scroll left bottom #FFFFFF;
background-size:2px auto;
	margin: 15px 9px 0 10px;
}

#photo .chatPanel .media .mediaPanel {
	padding:0px;
	margin:0px;
}

#photo .chatPanel .media .mediaHead {
	/*height:48px;*/
		padding:10px 10px 8px;
	border-bottom:0px solid #D3D8DC;
	color:#000000;
	font-size:20px;
}
#photo .chatPanel .media .mediaHead .title {
	line-height:1.2em;
	font-size:18px;
	display:block;
	text-align: left;/*height:25px;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden;*/
	}

#photo .chatPanel .media .mediaHead .time {
	margin:0px;
	color:#8C8C8C;
	background:none;
	width:auto;
	font-size:12px;
	display:block;
}
#photo .chatPanel .media .mediaImg {
	padding: 0px 10px 0px 10px;
	overflow:hidden;
	position: relative;
	/*max-height:164px;*/
}
#photo .chatPanel .media .mediaImg img {
	width: 100%;
}
#photo .chatPanel .mediaFullText .mediaContent {
	padding:0 0 10px;
	font-size:16px;
	text-align:left;
	color:#222222;
}
#photo .chatPanel .mediaFullText .mediaContentP {
	margin:10px 10px 0;
	border-bottom:1px solid #D3D8DC;word-break:normal;
	word-wrap:word-break;
}
#photo .chatPanel .mediaFullText .mediaContent p{
	max-height:40px; overflow:hidden; font-size:14px; 
	line-height: 1.5em;
}
#photo .chatPanel .media .mediaFooter {
	-webkit-border-radius:0px 0px 12px 12px;
	-moz-border-radius:0px 0px 12px 12px;
	border-radius:0px 0px 12px 12px;
	padding: 0 10px;
	overflow: hidden;
}
#photo .chatPanel .media .mediaFooter .bt{
	line-height:38px;
	display:block;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#666;
		
}
#photo .chatPanel .media .mesgIcon {
	display:inline-block;
	height:19px;
	width:13px;
	margin:8px 0px -2px 4px;
	background:url(img/ico-next2.png) no-repeat;
	background-size: 10px auto;
}
#photo .chatPanel .media .mediaFooter .mesgIcon {
	margin:10px 0px 15px 0;
}


/*Gallery*/
 #Gallery {
list-style-type: none;
position: relative; 
margin: 0;
}
#Gallery li {
width: 140px;
min-height:150px;
background-color: #eee;
border: 1px solid #eee;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none;
cursor: pointer;
padding: 4px;

box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1);


}

#Gallery li img {
display: block;
width:100%; height:auto;
}
#Gallery li p {
color: #666;
font-size: 12px;
margin: 5px 0 0 0px;
white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:center
}
#Gallery ali:nth-child(3n) {
height: 175px;
}

#Gallery ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#Gallery ali:nth-child(5n) {
height: 250px;
}
/*page*/
.pagination{
    margin: 20px 9px 20px 10px;
    text-align: center;
    text-align: center;
	min-width:301px;
}
.pagination a {
	margin: 0 ;
    padding: 6px 27px;
	border:1px solid #D1D1D1;
	background:#fefefe;
	border:1px solid #ABABAB;
	background-image: linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #E1E1E1),
	color-stop(1, #ffffff)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#666;
	text-shadow:0 1px #fff;
	display:block;
}
.pagination a:hover {
	background-image: linear-gradient(bottom, #F5F2F2 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #F5F2F2 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #F5F2F2 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #F5F2F2 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #F5F2F2 0%, #ffffff 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #F5F2F2),
	color-stop(1, #ffffff)
	);
}
.pagination a:active {
	background-image: linear-gradient(bottom, #ffffff 0%, #E1E1E1 100%);
	background-image: -o-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -ms-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ffffff),
	color-stop(1, #E1E1E1)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
.pagination .disabled a, .pagination .disabled a:hover {
	background:none;
	border:1px solid #cbcbcb;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:A4A3A3;
}
.pagination .allpage{
	position: relative;
    text-align: center;
    vertical-align: baseline;
	display: inline-block;
}
.pagination .currentpage{
    line-height: 36px;
    width: 80px;
}
#dropdown-select{position:absolute;
	top:0;
	left:0;
	height:36px;
	width:80px;
	opacity:0;
}
.pagination .left{ float:left}
.pagination .right{ float:right}


/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

 
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #000;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(img/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(img/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(../images/icons.png);
	}
}