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


* {
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display: block
}
a {
	color:#333;
	text-decoration: none;
}
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body{padding:0; margin:0; font:normal 100% arial; background:#f3f3f3;}
*{padding:0; margin:0;}
ul,li,ol{list-style:none;}

img{width:100%; border:0;}
.clear{height:0; clear:both;}

#page {
	background:#fff;
	display: block;
	min-width: 320px;
	margin: 0 auto;
	max-width: 640px;
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


header
{	text-align:center;
	background: #323232;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 45px;
	padding: 0 50px;
	border-bottom:2px #1d60af solid;
}


header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
header a#menu
{
	background: center center no-repeat transparent;
	background-image: url(/m/images/menu.png);

	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 10px;
}
header a#home{
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 10px;
	color:#fff;
	background:url(../images/home142.png) center center no-repeat transparent;
	}

@-webkit-keyframes fa-spin{
	0%{
		right:2%
	}
	50%{
		right:5%;
	}

	100%{
		right:2%;
	}
}
@keyframes fa-spin{
	0%{
		right:2%
	}
	50%{
		right:5%;
	}

	100%{
		right:2%;
	}
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, footer {
	-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

.telphone {
	display: block;
	position: fixed;
	right: 2%;
	top: 20%;
	margin-top:-10px;
	z-index: 100;
	cursor: pointer;
	
	-webkit-animation-name:fa-spin;/*动画名称*/
	-webkit-animation-duration:1s;/*动画时间*/
	-webkit-animation-timing-function:linear;/*动画类型*/
	
	-moz-animation-name:fa-spin;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
}
.telphone img {
	width: 44px;
	height: 44px;	
}


.telnav {
	display: block;
	position: relative;
	width: 100%;
	-moz-perspective: 800px;/*将平面图形转换为具有透视的3D图形*/
	-moz-transform-style: preserve-3d;/*transform-style: flat,所有子元素在 2D 平面呈现 | preserve-3d,保留3D空间*/
	-webkit-perspective: 800px;
	-webkit-transform-style: preserve-3d;
 	-moz-backface-visibility:;/*定义当元素不面向屏幕时是否可见,如果在旋转元素不希望看到其背面时，该属性很有用*/
	-webkit-backface-visibility: hidden;/*visible背面是可见的,hidden背面是不可见的。*/
}
.telnav li {
	display: block;
	float: left;
	position: relative;
	font-size: 12px;
	color: #1d60af;
	background: #fff;
	width: 25%;
	-webkit-animation-name: wobble;/*动画名称，需要跟@keyframes定义的名称一致*/
	-webkit-animation-duration: 1s;/*表示动画持续的时间,如果没有设置duration的话，则表示为无穷大*/
	-webkit-animation-timing-function: linear;/*表示动画使用的时间曲线*/
	-webkit-animation-delay: 0;/*表示开始动画之前的延时*/
	-webkit-animation-iteration-count: 1;/*播放1数，infinite;播放无限次数*/
 	-webkit-animation-direction:;/*表示动画的方向*/
	-moz-animation-name: wobble;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
 	-moz-animation-direction:;
}
.telnav li span {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 2% 0% 18% 0%;
}


.telnav .icon {
	display: block;
	float: left;
	width: 100%;
	padding: 5% 0%;
}
.telnav .icon img {
	display: block;
	float: left;
	width: 60%;
	margin: 16% 20% 0% 20%;
}






.telnav2 {
	display: block;
	position: relative;
	width: 94%;
	-moz-perspective: 800px;/*将平面图形转换为具有透视的3D图形*/
	-moz-transform-style: preserve-3d;/*transform-style: flat,所有子元素在 2D 平面呈现 | preserve-3d,保留3D空间*/
	-webkit-perspective: 800px;
	-webkit-transform-style: preserve-3d;
 	-moz-backface-visibility:;/*定义当元素不面向屏幕时是否可见,如果在旋转元素不希望看到其背面时，该属性很有用*/
	-webkit-backface-visibility: hidden;/*visible背面是可见的,hidden背面是不可见的。*/
	border-top:5px solid #ddd;
	margin:auto;
}
.telnav2 h3{
	padding:10px 20px;
	}

.telnav2 li {
	display: block;
	float: left;
	position: relative;
	font-size: 12px;
	background: #fff;
	width: 45%;
	margin-left:2%;
	margin-right:2%;
	-webkit-animation-name: wobble;/*动画名称，需要跟@keyframes定义的名称一致*/
	-webkit-animation-duration: 1s;/*表示动画持续的时间,如果没有设置duration的话，则表示为无穷大*/
	-webkit-animation-timing-function: linear;/*表示动画使用的时间曲线*/
	-webkit-animation-delay: 0;/*表示开始动画之前的延时*/
	-webkit-animation-iteration-count: 1;/*播放1数，infinite;播放无限次数*/
 	-webkit-animation-direction:;/*表示动画的方向*/
	-moz-animation-name: wobble;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
 	-moz-animation-direction:;
}
.telnav2 li span {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 2% 0% 18% 0%;
}


.telnav2 .icon {
	display: block;
	float: left;
	width: 100%;
	padding: 5% 0%;
}
.telnav2 .icon img {
	display: block;
	float: left;
	width: 99%;
	height:100px;
	border:1px #ccc solid;
}

@-webkit-keyframes wobble {
 0% {
 -webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 25% {
 -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 50% {
 -webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 75% {
 -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 100% {
 -webkit-transform:rotateY(00deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
}
@-moz-keyframes wobble {
 0% {
 -moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 25% {
 -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 50% {
 -moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 75% {
 -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 100% {
 -moz-transform:rotateY(00deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
}
.index-pic ul { padding:10px 0; background:#fff}
.index-pic ul li{ margin-bottom:10px;}
.index-pic ul li img{ border:1px solid #ccc; border-left:0; border-right:0; width:100%;}


footer { background: #494949; padding: 20px 0; text-align:center;}
footer p { margin: 0 0; }
footer p.strong { color: #313131; margin-bottom: 8px; height: auto; margin-top: 0; }
footer p.strong a { color: #ffffff; margin: 0 4px; font-size: 14px; }
footer p.copy { font-size: 10px; color: #FFF; }

.buyICON img{width:80%;margin:10px 10% 10px 10%;}
#historyUL{position:relative;}
#historyUL h4{display:block;color:#B48E5A;font-size:16px;}
#historyUL p{font-size:13px;margin-bottom:15px;}
.featureProducts{position:relative;margin-top:15px;}
.featureProducts ul{margin-top:10px;}
.featureProducts h2{font-size:16px;color:#1d60af;}
.featureProducts strong{color:#63b53b;}
.featureProducts ul li{border-bottom:1px #1d60af dotted;font-size:13px;}
.baodianBox{width:auto;margin:auto;padding-top:20px;}
.baodianBox .pic{margin-top:20px;}
.baodianBox .pic img{margin-bottom:10px;}
.baodianBox .txt{font-size:13px;padding-top:10px;}
.baodianBox .txt p{border-bottom:1px #1d60af dotted;padding-bottom:5px;}
.article {
    color: #3c3c3c;
	min-height:520px;
	background:#fff;
}
.article .text h3{background: none; color:#000;line-height: normal;padding-left:0;}
.article h1 {
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid #1d60af;
    padding-left: 15px;
    margin:0;
}
.article .info{padding-top:10px;}
.adddate{color:#6a6a6a;padding-left:20px;font-size:12px;}
.article .info p {
    margin: 5px 20px 10px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding-bottom: 10px;
}

.article .text {
    padding: 10px 20px 20px 20px;
    line-height: 1.6;
}


.listmain{min-height:320px;}
.listmain ul{background:#fff;}
.listmain ul li{ border-bottom:1px solid #ddd; padding:10px 5px;}
.listmain ul li img{ width:100%; border-radius: 5px 5px 0px 0px;}
.listmain ul li div.libox{ width:35%; float:left; }
.listmain ul li div.info{ width:60%; float:right; line-height:20px;}
.listmain ul li div.info h3{ margin:20px 0 10px 0;}
.listmain ul li div.info p{ color:#999;}
.listmain ul li div.info a{ color:#333}

#searcher{ padding:20px; background:#fff; border-bottom:1px solid #ddd;}
#searcher #dr_search_keyword{ 
float: left;
line-height: 18px;
height: 18px;
_height: auto;
overflow: hidden;
padding: 10px;
border: none;
width: 150px;
border:1px solid #ddd;
}
#searcher .button{
border: 2px solid #fff;
background: #6c9e1e;
color: #fff;
width: 64px;
vertical-align: middle;
line-height: 36px;
font-size: 14px;
cursor: pointer;
float: right;
	}

.catalog-choose { overflow: hidden; margin-bottom: 10px; }
.catalog-choose h3{ clear:both; height: 30px; line-height: 50px; overflow:hidden }
.catalog-choose li { float: left; width: 33.3%; }
.catalog-choose li a, .catalog-choose li span { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #545454; text-align: center; background: #dcdcdc; margin-top: 10px; }
.catalog-choose li span { color: #fff; background: #6c9e1e; }
.catalog-choose li:nth-child(3n+1) a, .catalog-choose li:nth-child(3n+1) span { margin-right: 7px; }
.catalog-choose li:nth-child(3n+2) a, .catalog-choose li:nth-child(3n+2) span { margin-left: 3px; margin-right: 3px; }
.catalog-choose li:nth-child(3n+3) a, .catalog-choose li:nth-child(3n+3) span { margin-left: 7px; }

.pro_canshu{border:1px solid #eee; padding:10px;}
.pro_canshu img{max-width:100%;}
.pro_canshu ul li{ height:30px; line-height:30px; border-bottom:1px solid #eee; font-family:Microsoft Yahei}
.pro_canshu em{ display:inline-block; font-weight:inherit; font-style:normal; background:#eee; color:#333; width:120px;height:30px; line-height:30px; padding-left:5px; margin-right:10px;}


/* tabbed_content */
.tabbed_content{background-color:none;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");}
.tabs{width:100%;height:45px;line-height:45px;position:relative;background:#F3F3F3;border-bottom:solid 1px #CCC;overflow:hidden;}
.tabs h2{padding-left:10px;float:left;}
.tabs .moving_bg{width:33.333333%;_width:23.33333%;height:43px;border-bottom:solid 2px #6c9e1e;background-color:#FFF;position:absolute;z-index:190;left:0;background-position:bottom left;background-repeat:no-repeat;font-weight:bold;overflow:hidden;}
.tabs .tab_item{display:block;float:left;width:33.3333%;color:#ffffff;text-align:center;z-index:200;position:relative;cursor:pointer;color:#000;font-weight:bold;overflow:hidden;}


.tabbed_content .slide_content{overflow:hidden;background-color:none;position:relative;width:100%;}
.tabslider{width:400%}

.tabslider ul{float:left;margin:0px;width:25%;text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding和border被包含在定义的width和height之内 */background:none;}
.tabslider ul li p{color:#C5C5C5;padding:10px;border-bottom:solid 1px #ddd;}
.tabslider ul a{margin-bottom:10px;display:block;color:#000;text-decoration:none;}
.tabslider ul a:hover{color:#00;text-decoration:underline;}
.tabslider .hidden div{padding:10px 10px;_padding:10px 0;*padding:10px 0;font-size:16px;}
.tabslider ul li span,.tabslider .hidden div span{display:block;width:100%;color:#C5C5C5;text-align:right;font-size:0.875em;}
.tabslider ul li span em,.tabslider .hidden div em{float:left;font-style:normal;}
.tabslider ul li{padding:10px;border-bottom:solid 1px #EFEFEF;}


.main_case a{
	padding:12px 8px;
	color:#333;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px dashed #d4d4d4;
	display:block;
}
.main_case a.last{
	border-bottom:none;
}
.main_case dl dt{
	float:left;
	width:42%;
}
.main_case dl dt img{
	width:100%;
	padding:8px 0;
	vertical-align:middle;
}
.main_case dl dd{
	width:55%;
	padding-left:10px;
	overflow:hidden;
	float:left;
	padding-top:8px;
	line-height:19px;
	font-size: 100%;
}
.main_case dl dd p{
	color:#ccc;
	padding-top:10px;
	}
.main_case dl dd.mc_icon{
	float:left;
	width:5%;
	padding-left:4px;
}
.main_case dl dd.mc_icon i{
	line-height:55px;
}
/*主体结束*/