@charset "utf-8";
/*global*/
*{margin:0;padding:0;line-height:180%;}
body{margin:0;background:#DDD;color: #222;}
body,th,td,a,input,select,textarea{font-size:12px;color:#333;font-family:Arial,'宋体',Verdana; line-height:18px;}
ul,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
input{line-height:15px;}
input.submit{cursor:pointer;padding:0 15px;}
form{margin:0;padding:0;}
p {margin-bottom:16px;line-height:200%;}
img{border:0px;}
hr{height:1px;border:none;border-top:1px solid #ccc; margin-bottom:10px; _margin-bottom:5px;}
a:link,a:visited{ color:#03688a; text-decoration:none;}
a:active,a:hover{ color:#03688a; text-decoration:underline;}
.clr{ clear:both;}
h1{
	margin: 15px 0px 10px 0px;
	color: #036;
	font-size: 18px;
	font-family: Arial, Tahoma, Verdana;
}
h1 span{
	font-size: 14px;
	color: #999;
}
h3{ 
	color: #202020;
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: double silver;
}
h3 a{
	float:right;
	display:block;
	font-size: 12px;
	padding-top:3px;
}
h3 a:link,h3 a:visited{
	color: #ABAAAA;
	text-decoration: none;
}
h3 a:active,h3 a:hover{
	color: #ABAAAA;
	text-decoration: underline;
}

.blank10px{ height:10px; overflow:hidden;}
.blank5px{ height:5px; overflow:hidden;}
.more{ clear:both; float:right; padding-bottom:0px;}

/*layout*/
#wrapper{width: 990px;background: white;margin: 10px auto;border: double silver;}

#header{ }
	#top{ margin:0 auto; height:140px; background: white; width: 990px;overflow: hidden;}
		.logo{ float:left; width: 304px;}
		.logo a{ display: block;height: 140px;}
		.topRight{float:right;width: 686px;}
			.language{ float:right; width:200px; height:30px; }
			.language ul{ overflow:hidden; zoom:1; list-style: none; z-index:100;}
			.language ul li{ float:left; margin:3px 0 0 10px; padding:3px 0 3px 15px; color:#000;}
			.language ul li.en{ background:url(../img/lang_en.gif) no-repeat 0 center;}
			.language ul li.zh{ background:url(../img/lang_zh.gif) no-repeat 0 center;}
			.language ul li a:link,.language ul li a:visited{ color:#000; padding:3px 5px;}
			.tel{ clear:both; float:right; text-align:right; width:225px;font-size:20px;font-weight:bold;color:#858585;margin:35px 30px 0 0;font-family:Georgia,Tahoma;background: url(../img/tel.gif) no-repeat 0 3px;}

/* Navigation
------------------------------------------------------------- */
/* Main Navigation */
#mNav {
	position: relative;
	height:26px;
	z-index:1;
	border-top:1px solid #CDCDCD;
}
#mNav ul {
	list-style: none;
	/*padding-right:20px;*/
	float:left;
	background: black url(../img/navbar.gif);
	width: 990px;
	height: 26px;
}
#mNav ul li {
	float: left;
	background-image: none; 
	margin: 0;
	border-right:1px solid #555;
}
#mNav a {
	text-decoration:none;
	display: block;
}
#mNav a.sub {
	background: url('../img/mNavArrow.gif') 95% 50% no-repeat;
}
#mNav a:hover {
	background: black url(../img/navbar_hover.gif);
}


#dropDowns li {
	float: left;
	line-height:26px;
}
#dropDowns li a {
	display: block;
	width: 65px;
	padding:0 30px 0 15px;
	font-size:13px;
	text-decoration:none;
	color:white;
	height:26px;
	line-height:26px;
	font-weight:bold;
}
#dropDowns li a:hover, #dropDowns li a:active{
	text-decoration:none;
}
#dropDowns li a.cur{
	color:#fd2016;
}
#dropDowns li ul {
	position: absolute;
	width: 160px;
	top: -999em;
}
#dropDowns li:hover ul {
	top: auto;
}
#dropDowns li:hover ul, #dropDowns li.sfhover ul {
	top: auto;
}
#dropDowns li:hover ul li, #dropDowns li.sfhover ul li {
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background: black;
	margin-right:0;
	z-index:1000; /*show up over JS homepage highlight*/
}
#dropDowns li ul li {
	line-height:18px;
	background: black;
}
#dropDowns li ul li a {
	display: block;
	background-image:none;
	font-weight:normal;
	font-size:12px;
	width: 120px;
}
#dropDowns li ul li a:hover, #dropDowns li ul li a:active{
	background: #404040;
}

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after { line-height: 0; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#main{ width:990px; margin:0 auto; padding:0 0 15px;}
	.banner{ padding:5px 0 10px; height:180px;}
	.scroll{ padding:15px; background:url(../img/scroll.jpg) no-repeat 0 0; height:85px;}
		.scroll img { width:82px; height:80px; border:1px solid #ccc; padding:1px;}
	.scroll-products{}
	.scroll-products li{ float:left; width:85px;}
	.side{ float:right; width:250px; overflow:hidden;}
		.sidebox{ }
			.side-cat{ }
				.side-cat .category ul{ list-style-type: circle; padding:5px 0; color: #333;}
				.side-cat .category ul li{ border-bottom:1px dotted #CCC;}
				.side-cat .category ul li a{ color: #03688a;font-size:13px;display:block;width:230px;padding: 5px 0px 3px 20px;background:url(../img/triangle_0.jpg) 5px 8px no-repeat;}
				.side-cat .category ul li a.cur{ color:#D51515;font-weight:bold;background:url(../img/triangle_1.jpg) 5px 8px no-repeat;}
				.side-cat .category ul li ul{ margin:0; padding:0 0 0 10px;}
				.side-cat .category ul li ul li a{ font-weight:normal;font-size:12px;}
				.side-cat .category ul li ul li a.cur{ color:#E88D0A;}
				.side-cat .video ul{ width:160px; padding:10px 0 0; }
				.side-cat .video ul li{ margin:0 auto; padding:5px 0; line-height:14px; margin:5px 0;}
				.side-cat .video ul li a{ font-size:12px;}
				.side-cat .video ul li a img{ display:block; margin-bottom:3px; width:160px; height:120px; border:1px solid #ccc; padding:1px;}
			
	.main{ float:left; width:700px; padding:0 30px 0 10px;_padding:0 20px 0 10px;}
		.aboutus{ float:left; width:380px;}
		.contactus{ float:right; width:300px;}
			.box350{ padding:0;}
			.box350-content{ padding:5px 0 0;}
		.products-cat{margin-top:0;}
			.products{ overflow:hidden; zoom:1; list-style:none; padding:10px 0 5px 0;}
				.products li{ float:left; width:158px; margin:0 10px 15px 0;text-align:center;}
				.products li span{ width:154px; height:160px; padding:2px; border:1px solid #DDD; }
				.products li img{ display:block;; margin-bottom:3px; }
				.products li a{ font-weight:normal; font-size:12px;  line-height:14px;}
		.content_list{padding:5px;}
		.content_list ul{min-height: 500px;}
			.content_list ul li{padding:10px 0;}
			.content_list ul li a.title{font-size:14px;font-weight:bold; background: transparent url(../img/bg_selector_arrow.gif) 0 3px no-repeat; padding: 0 0 0 16px;}
			.content_list ul li i{font-size:10px;color:#999;padding-left:10px;}
			.content_list ul li .short_text{color:#666;padding:0px 0 0 16px;}
			.content_list ul li .short_text a.more{padding-left:10px;}
		.back{margin:25px 0 0;text-align:right;color:#CCC;}
		.back a{color:#999;padding:0 3px;}
		.content_title{text-align:center;}
			.content_title h4{border-bottom:1px solid #ccc; padding:0 0 5px; margin:0; font-size:1.8em;color:#03688a;font-family:黑体;font-weight:normal;}
			.content_title div{padding:8px 0;}
			.content_title span{padding-left:15px;color:#999;}

/* Product List */
#Single{
	margin:0;
	padding:0;
}
#Single ul{
	display:block;
	margin:10px 0 0;
	padding:0;
	list-style:none;
	min-height: 500px;
}
#Single ul li{
	float:left;
	margin:0 12px 12px 0;
	text-align:center;
}
#Single ul li:nth-child(4n+0){
	margin-right: 0;
}
#Single ul li div.pic a{
	/*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	/*设置水平居中*/
	text-align:center;
	/* 针对IE的Hack */
	width:164px;
	height:143px;
	border: 1px solid #DDD;
}
#Single ul li div.pic a:hover{
	border-color: #aaa;
}
#Single ul li .pic img{
	vertical-align:middle;
	transition: all .6s;
	width: 156px;
}
#Single ul li .pic img:hover{
	transform: scale(1.05);
}
#Single ul li .text{
	height:28px;
	line-height:28px;
	background:#EFFEE;
}
#Single ul li .text a{
	display:block;
	height:25px;
	padding:5px 0 0 0;
	font-size:12px;
	font-family: arial;
	font-weight:normal;
}

#footer{
	background: #333;
	width: 990px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
}
	#footer	.link{ margin: 15px 0 5px 0; }
	#footer a{
		color: white;
		font: normal 12px Arial;
	}

.search{ margin:0 2px 10px 0;}
	.search input{ width:118px;}
	.search .submit{ background:url(../img/Search-Button.gif) no-repeat 0 0; border:0px; width:60px; height:18px; margin-top:6px;}
.content{ padding:5px 0 0px;min-height: 500px; }
.content p img{ max-width: 700px;}
.content p a[rel=shadowbox] {
	position: relative;
	display: inline-flex;
}
.content p a[rel=shadowbox]:after{
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url('../img/zoom-in.svg');
	background-size: 30px 30px;
	opacity: .8;
}
.content p a[rel=shadowbox]:hover:after{
	opacity: 1;
}
.content img.img{ border:1px solid #d8d9d9;}

.products-detail{ margin-top:40px;}
	.products-text{}

.page_nav{ font-family:Verdana; font-size:12px; text-align:right; margin:20px 0; clear:both;color: #666;}
.page_nav span{padding: 0 8px;}
.page_nav .nolink{font-weight:bold;color:#fff;background:#36c;}
.page_nav a{ margin-left: 5px;padding:2px 8px;display:inline-block;border:1px solid #DBDBDB; font-size:10px;text-decoration:none;}
.page_nav a:hover{ background:#a7a8ab;color:#fff;}
.page_nav span.current{ font-weight: 600;}

#backTop {
    position: fixed;
    left: 50%;
    margin-left: 560px;
    bottom: 60px;
    display: inline-block;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}
#backTop.showBackTop {
    opacity: 1;
}
#backTop>i {
    display: block;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #FFF;
}