﻿/* CSS Document */
@charset "utf-8";
* {margin:0; padding:0;}
body {font-family:Arial;font-size:12px;background:#FFF;}
img {border:0;}
ul,ol{ list-style:none;}
A {color:#333;text-decoration:none; padding:0px; font-size:12px; font-weight:normal;}
A:hover {color:#bc2931;text-decoration:none;}
button {cursor:pointer;}
div,p{display:block;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}


/* 颜色属性 [定义规则，小写c加颜色名称] */
.cRed,a.cRed:link,a.cRed:visited{ color:red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}

/*顶部*/
.black-top{ height:14px; line-height:14px; font-size:0px; background:#000;}

.main{ margin:0px auto; width:1002px; clear:both;}

.top{ height:97px; overflow:hidden;}
.top .logo{ width:295px; float:left; margin-left:10px;}
.top .nav{ width:611px; float:right;}
.top .nav .search{ height:20px; line-height:20px; text-align:right; margin-top:11px; padding-right:10px;}
.top .nav .search input{ margin-left:8px;}
.top .nav .nav_b{ margin-top:40px;}
.top .nav .nav_b ul{ list-style:none;}
.top .nav .nav_b li{ float:left; padding-top:6px; overflow:hidden;}
.top .nav .nav_b li.active{ background:url(../Images/N_bg.jpg) center top no-repeat;}
.top .nav .nav_b li a{ display:block; height:20px; padding:0 27px; border-left:1px solid #dedfe1; _float:left;}
.top .nav .nav_b li a.first{ border-left:none!important;}
.top .nav .nav_b li a img{ margin-top:4px;}

.banner{ margin-top:9px; padding-bottom:4px; margin-bottom:4px; border-bottom:1px solid #dedfe1;}

.body{}

.body .left{width:228px; margin-left:1px; border-right:1px solid #dedfe1; float:left;}
.body .left .prodcut-list .content{ margin:0 13px;}
.body .left .prodcut-list .content ul{ list-style:none;}
.body .left .prodcut-list .content li{ line-height:28px;}
.body .left .prodcut-list .content li a{ display:block; border-bottom:1px dashed #dedfe1;}
.body .left .prodcut-list .content li a.big{ padding-left:16px; font-weight:bold; background:url(../Images/jia.jpg) 8px  no-repeat; color:#232937;}
.body .left .prodcut-list .content li a.big-active{ background-color:#e2ffce;}
.body .left .prodcut-list .content li a.big span{ margin-left:12px;}
.body .left .prodcut-list .content li a.small{ padding-left:28px; background:url(../Images/jian.jpg) 18px 12px  no-repeat; color:#22293b;}
.body .left .prodcut-list .content li a.small span{margin-left:10px;}

.body .left .contactus{ margin-top:20px;}
.body .left .contactus .content{ line-height:20px; padding:8px 13px;}
.body .left .contactus .content span{ color:#212121; font-weight:bold;}


.body .right{ width:753px; float:right; margin-right:6px;}
.body .right .about .title{ border-bottom:1px solid #dedfe1; overflow:auto;}
.body .right .about .title a{ float:right; margin-right:6px; margin-top:18px;}
.body .right .about .content{line-height:20px; padding:15px 8px 27px 30px;}
.body .right .about .content p{text-indent:2em; margin:0;}
.body .right .product .title{ border-bottom:1px solid #dedfe1; overflow:auto;}
.body .right .product .title a{ float:right; margin-right:6px; margin-top:18px;}
.body .right .product .title span{ color:#016ee8; font-weight:bold;}
.body .right .product ul{ list-style:none; margin-top:12px; overflow:auto; zoom:1;}
.body .right .product ul li{ width:186px; margin:5px 32px; overflow:hidden; float:left; _display:inline;}
.body .right .product ul li a{ display:block; overflow:auto; cursor:pointer;}
.body .right .product ul li span{ display:block; text-align:center; cursor:pointer;}
.body .right .product ul li span.img{ height:180px; overflow:hidden; line-height:0; font-size:0; border:1px solid #dedfe1;}
.body .right .product ul li span.word{ font-weight:bold; line-height:25px; margin-top:5px; height:25px; overflow:hidden;}
.body .right .product ul li img{ height:190px;}

.body .right .sMain{}
.body .right .sMain .title{ line-height:35px;border-bottom:1px solid #dedfe1; }
.body .right .sMain .title span{ color:#66cc00; font-weight:bold;}

.body .right .product-detail{}
.body .right .product-detail .content{}
.body .right .product-detail .content .picWord{ overflow:auto; zoom:1; margin-top:20px;}
.body .right .product-detail .content .pic{ width:223px; float:left; text-align:center;}
.body .right .product-detail .content .pic img{width:154px;}
.body .right .product-detail .content .word{ width:517px; float:right;}
.body .right .product-detail .content .word table{ width:100%;}
.body .right .product-detail .content .word table tr.tBg{ background:#f2f7fc;}
.body .right .product-detail .content .word table td{ line-height:30px;}
.body .right .product-detail .content .word table td.tLeft{ border-right:1px solid #f2f7fc; width:100px; text-align:right; color:#2f2f2f; font-weight:bold; padding-right:8px;}
.body .right .product-detail .content .word table td.tRight{ padding-left:8px;}
.body .right .product-detail .content .detail-title{ background:#dde0e2; line-height:30px; color:#2f2f2f; font-weight:bold; margin-top:10px; padding-left:10px;}
.body .right .product-detail .content .detail{ line-height:20px; margin:10px;}


.body .right .product-order{}
.body .right .product-order .intro{ border-bottom:1px solid #dedfe1; line-height:20px; padding-left:8px; padding-bottom:10px;}
.body .right .product-order .intro span{ display:block; font-weight:bold; line-height:30px;}

.body .right .contactus{}
.body .right .contactus .content{ margin:8px;}
.body .right .contactus .content ul{ list-style:none;}
.body .right .contactus .content li{ line-height:25px;}
.body .right .contactus .content li span{ color:#366700; font-weight:bold;}



/*wenruo 8.13*/
.body{overflow:hidden;}
.body .left, .body .right{ margin-bottom:-32767px!important; padding-bottom:32767px!important;}
.body .left:after, .body .right:after, .body:after{content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear:both; visibility:hidden;}

@media all and (min-width: 0px){
.body .left, .body .right{padding-bottom:0!important; margin-bottom:0!important;}
.body .left:before, .body .right:before{
 content: '[DO NOT LEAVE IT IS NOT REAL]';
 display: block;
 background: inherit;
 padding-top: 32767px !important;
 margin-bottom: -32767px !important;
 height: 0;}
}

@-moz-document url-prefix(){ 
 .body .left, .body .right{margin-bottom:-32767px!important; padding-bottom:32767px!important;}
}
.body .left, .body .right{*margin-bottom:-32767px!important; *padding-bottom:32767px!important;}
/*wenruo 8.13 end*/


.footer{ margin-top:10px; margin-bottom:10px;}
.footer .nav{ border-bottom:1px solid #dedfe1;border-top:1px solid #dedfe1; height:30px; line-height:30px; background:url(../Images/footerBg.jpg) 10px 3px no-repeat; padding-left:24px;}
.footer .nav a{ margin:0 5px;}
.footer p{ font-size:11px; line-height:20px; padding:5px 0;}


.blank12{ height:12px; font-size:0px;}
.blank7{ font-size:0px; height:7px; }
.blank10{ font-size:0px; height:10px;}
.blank5{ font-size:0px; height:5px;}
.blank3{ font-size:0px; height:3px;}
.blank20{font-size:0px; height:20px;}
.blank18{font-size:0px; height:18px;}
.blank25{ font-size:0px; height:25px;}

/*底部*/


.textbox{ border:1px #CDCCC8 solid;}
.width342{ width:342px;}

/*page*/
.page{ margin:3px; padding: 3px; text-align:right; padding-right:18px;}
.page a { padding:2px 6px; background-position:50% bottom; border:#dedfde 1px solid; color:#99210b; margin-right:3px; text-decoration:none}
.page a:hover {background-image:none; color:#fff; border:#000 1px solid; background-color:#777777}
.page a:active { background-image:none; color:#fff; border:#000 1px solid; background-color:#777777}
.page span.current{ font-weight:bold; color:#99210b; margin-right:3px; padding-top:2px 6px;}
.page span.disabled {color:#adaaad; margin-right:3px; padding:2px 6px;}

.float{ position:absolute; width:148px; z-index:999; }
.float .content{ border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;padding:0 3px; background:#fff;}
.float .content .sTitle{}
.float .content ul{ list-style:none; margin-top:10px; margin-bottom:20px;}
.float .content ul li{ line-height:30px; background:url(../Images/float/bg.jpg) no-repeat 8px 7px; padding-left:30px;}
.float .content .sBottom{}
