@charset "utf-8";
/* design by fen www.fenth.com */

body{ margin:0; padding:0; text-align:center; font:12px/18px Verdana, Arial, Helvetica, sans-serif; background:url(images/topbg.png) repeat-x top; color:#2C5F67}
ul{ list-style:none; margin:0; padding:0}
a{ text-decoration:none; color:#069}
a:hover{ text-decoration:underline; color:#c30}
.fontred{ color:#c30}
img{ vertical-align: middle; border:0}
p{ text-indent:2em}
/* Clear Fix */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

/* global */
#wrapper{ width:940px; text-align:left; margin:0 auto}
#wrap{ padding-top:35px}
#leftcolumn{ float:left; width:260px}
#maincontent{ width:640px; float:right}

/* header */
#header{ padding-top:168px; background:url(images/head.jpg) no-repeat top; position:relative}
.language{ position:absolute; top:130px; right:0}
.language img{ margin-left:10px}
#nav {}
#nav ul li{ float:left; display:inline}
#nav  ul li a{ color:#fff; font:bold 14px/41px Georgia, "Times New Roman", Times, serif;  display:block; padding-right:15px}
#nav ul li a span{  padding-left:15px}
#nav ul li a:hover{background:url(images/navbg.jpg); text-decoration:none}
#nav ul li a:hover span{background:url(images/navleft.jpg) no-repeat left;}

/* leftcolumn */
.turnimg{ width:268px; height:180px; background:url(images/turnimg.jpg) no-repeat; position:relative; margin:0 -4px}
.imgshow{ margin:30px 55px}
#leftcolumn .container{ padding-top:8px}
#leftcolumn .container .title{ height:34px; padding-left:30px; background:url(images/Bg.png) top; font:bold 14px/32px Georgia, "Times New Roman", Times, serif; color:#fff}

#leftcolumn .container ul li{ height:auto;line-height:20px;   padding-left:10px; margin:5px auto; border-left:5px solid #9999CC; border-bottom:1px solid #E3E3E3}
#leftcolumn .container ul li ul li{ line-height:20px;   padding-left:10px; margin:3px auto; border-bottom:none;}
#leftcolumn .container ul li a{font-family: Arial, Helvetica, sans-serif}
#leftcolumn .container ul li a:hover{ text-decoration:none}

.prolist li{ height:27px; background:url(images/Bg.png) bottom; line-height:27px; padding-left:40px; margin:5px auto}
.prolist a{font-family: Arial, Helvetica, sans-serif}
.prolist a:hover{ text-decoration:none}

/* maincontent */
#maincontent .title{ background:url(images/titlelinebg.gif); overflow:auto; height:1%; margin:10px auto 20px auto} 
#maincontent .title span{ float:left;  padding:0 20px 0 25px; background:url(images/quan.gif) #E6F0F3 no-repeat left; font: bold 18px/24px Georgia, "Times New Roman", Times, serif; color:#0E6C8F}
#maincontent .title a{ float:right; background-color:#E6F0F3; margin-right:30px; display:inline; line-height:24px; padding:0 8px; font-weight:bold}
#maincontent .container{}
.pro { float:left; width:150px; margin:0 5px; display:inline;}
.pro .img{ height:140px; position:relative; display:table-cell;text-align:center;vertical-align:middle; margin-bottom:5px; overflow:hidden;border:1px solid #ccc;background-color:#fff}
.pro .img div{ position:static; +position:absolute;top:50%}
.pro img{position:static; +position:relative;top:-50%;left:-50%;}
.pro span{ display:block; padding:5px;height:40px;text-align:center}
.pro a{color:#2B6395;font-weight:bold}

/* footer */
#footer{ background:url(images/footbg.png) repeat-x; padding:20px 0; font-size:10px; color:#fff; clear:both}

/* page of products */
.manu { padding:30px 0}
.manu A {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none}
.manu A:hover {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu A:active {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu .current {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4}
.manu .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}

/* page of feedback */
.feedback{ margin:30px 60px; width:500px}
.feedback span{ padding:10px 0 20px 0; display:block}
.feedbackline{ float:left; margin:5px 0}
label{ display:block; width:80px; float:left; text-align:right; padding-right:10px}
.feedbackline input{ float:left}
.feedback .btn{ padding-left:90px}