@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:#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('icomoon.eot?-feqkfd');

	src:url('icomoon.eot?#iefix-feqkfd') format('embedded-opentype'),

		url('icomoon.woff?-feqkfd') format('woff'),

		url('icomoon.ttf?-feqkfd') format('truetype'),

		url('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:#eb6100;}

.icon-home:before {

	content: "\e900"; 

	  font-size:25px;  color:#eb6100;

}



.icon-images:before {

	content: "\e90e"; font-size:25px;color:#eb6100;

}



.icon-phone:before {

	content: "\e942"; font-size:25px;color:#eb6100;

}



.icon-location2:before {

	content: "\e948";  font-size:25px; color:#eb6100;

}



.icon-menu3:before {

	content: "\e9bf";

	color:#eb6100; 

	font-size:30px;

	line-height:45px;

}











.top{   max-width: 640px; overflow:hidden;   height:71px; background:#fff url(/images/topbg.jpg) repeat-x; 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(/images/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:#eb6100; cursor: pointer; border:1px solid #eb6100;}

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



.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(/other/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 url(/images/topbg.jpg) repeat-x bottom;  padding-top:5px;}

.foot1{ float:left;}

.footmenu li{float:left;width:25%}

 

 

 #img img{ width:100%;}

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



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

 

 

/*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 .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(/images/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(/images/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;

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%

}

#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(/images/loader.gif) no-repeat center center; 

}



div.ps-carousel-item-error 

{ 

	background: url(/images/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);

	}

}