@charset "utf-8";
a, body, div, font, form, iframe, img, li, ol, p, span, ul { border:0; margin:0; padding:0; }
input, select, table, td, textarea, th, tr { margin:0; padding:0; }
* { cursor:default; text-decoration:none; -webkit-text-size-adjust:none; -webkit-print-color-adjust:exact; }
li { list-style:none outside; }
a { cursor:pointer; text-decoration:none; }
a:hover { text-decoration:underline; }
a img{cursor:pointer;}
body { background:url(../images/bg.jpg) repeat-x top #f3f3f3; }
div.header { background:url(../images/logo.jpg) no-repeat 28px 21px; clear:both; font-size:0; height:107px; line-height:0; margin:0 auto; position:relative; width:982px; }
form.search { background:url(../images/search.jpg) no-repeat left top; clear:both; float:right; height:20px; margin:24px 90px 0 0; padding:4px 0 0 10px; width:159px; }
form.search input { background:transparent; border:0; cursor:pointer; float:left; height:16px; width:17px; }
form.search input#keyword { color:#a0a0a0; cursor:auto; font-family:Arial; font-size:14px; font-style:italic; margin-right:5px; width:130px; }
div.header a.cn{background:url(../images/cn.jpg) no-repeat left top; cursor:pointer; height:16px; position:absolute; right:44px; top:27px; width:22px;}
div.header a.en{background:url(../images/en.jpg) no-repeat left top; cursor:pointer; height:16px; position:absolute; right:15px; top:27px; width:22px;}
div.menu { clear:both; float:right; font-size:0; line-height:0; padding:15px 10px 0 0; }
div.menu a { color:#040404; display:inline-block; font-family:Verdana; font-size:12px; line-height:24px; margin-left:26px; padding:0 5px; text-decoration:none; }
div.menu a.active, div.menu a:hover { border-bottom:3px #897155 solid; text-decoration:none; }
.index div.banner { clear:both; font-size:0; height:375px; line-height:0; margin:0 auto; width:982px; }
.inner div.banner{clear:both; font-size:0; height:209px; line-height:0; margin:0 auto; width:982px;}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0; }
.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; top: 0; left: 0; }
div.banner-menu { background:url(../images/banner-bg.jpg) repeat-x top #FFFFFF; clear:both; font-size:0; height:45px; line-height:0; margin:0 auto; padding-right:16px; text-align:right; width:966px; }
div.banner-menu font{color:#252525; float:right; font-family:Verdana; font-size:12px; font-style:italic; line-height:20px; padding-top:20px; width:300px;}
div.banner-menu div#nav{float:left; font-size:0; line-height:0;}
div.banner-menu ul{float:left; font-size:0; line-height:0; overflow:hidden; padding:16px 0 0 22px;}
div.banner-menu li{float:left; padding-right:11px;}
div.banner-menu li a { background:url(../images/ico1.jpg) no-repeat left top; cursor: pointer; display: block; float: left; font-size: 0; height: 13px; line-height: 0; text-decoration: none; text-indent: -9999px; width: 13px; }
div.banner-menu li.showPage a{background-image:url(../images/ico2.jpg);}
ul.pro-list{background-color:#FFFFFF; border-top:5px #897155 solid; clear:both; font-size:0; line-height:0; margin:0 auto; width:982px;}
ul.pro-list li{background:url(../images/pro.jpg) repeat-x top; border-left:1px #c1c1c1 solid; float:left; height:67px;}
ul.pro-list li.last{border-right:1px #c1c1c1 solid;}
ul.pro-list li a{background:url(../images/ico3.jpg) no-repeat right 28px; color:#462e13; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; height:66px; line-height:66px; padding:0 10px 0 0; text-align:center; text-decoration:none;}
ul.pro-list li.active, ul.pro-list li:hover{background-image:url(../images/pro-active.jpg);}
ul.pro-list li.active a, ul.pro-list li:hover a{background-image:url(../images/ico4.jpg); color:#FFFFFF;}
.index div.detail{background-color:#FFFFFF; clear:both; font-size:0; line-height:0; margin:0 auto; overflow:hidden; padding:10px 0 5px 3px; width:979px;}
.index div.about{background:url(../images/about.jpg) no-repeat left top; color:#020202; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:156px; line-height:18px; padding:35px 18px 0 20px; position:relative; width:345px;}
.index div.about a.more{color:#020202; font-family:Verdana; font-size:12px; position:absolute; right:10px; top:5px;}
.index .products{float:left; font-size:0; line-height:0; overflow:hidden; margin:0 9px 0 11px;}
.index div.float{background:url(../images/code.jpg) no-repeat right 65px; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:182px; line-height:25px; overflow:hidden; padding-top:9px; padding-left:10px; width:300px;}
.index div.float font{background:url(../images/temp3.jpg) no-repeat left top; clear:both; display:block; height:30px;}
.index div.float b{color:#3f3f3f;}
.index .pdf{clear:both; float:left; font-size:0; line-height:0; margin:0 0 17px 9px;}
.index .contact{float:left; font-size:0; line-height:0; margin-left:2px;}
.index .feedback{float:left; font-size:0; line-height:0; margin-left:10px;}
.inner div.detail{background:url(../images/detail-bg.jpg) repeat-x top #FFFFFF; clear:both; margin:0 auto; overflow:hidden; width:982px;}
div.log{border-bottom:1px #d0d0d0 solid; clear:both; font-family:Verdana; font-size:14px; height:40px; line-height:0; margin:0 13px; padding:13px 10px 0; text-align:right;}
div.log font{color:#454545; float:left; font-family:Verdana; font-size:14px; font-weight:bold; line-height:40px;}
div.log span.logout{color:#020202; float:left; font-family:Verdana; font-size:12px; line-height:40px; padding-left:15px;}
span.logout a{color:#020202;}
div.log a{color:#020202; display:inline-block; font-family:Verdana; font-size:14px; line-height:40px;}
div.log a.back{background:url(../images/btn1.jpg) no-repeat left top; font-size:11px; height:20px; line-height:20px; text-align:center; text-decoration:none; width:55px;}
.inner div.about-font{background:url(../images/temp1.jpg) no-repeat right 130px; clear:both; font-size:0; line-height:0; margin:0 auto; padding:20px 10px 100px;}
.inner div.about-font p{color:#020202; font-family:Verdana; font-size:14px; line-height:22px; padding:5px 0; text-align:justify;}
iframe.map{float:left; margin:20px 15px;}
.inner div.contact{color:#020202; float:left; font-family:Verdana; font-size:12px; line-height:28px; padding:30px 0 0 10px; width:410px;}
div.contact a{color:#020202; font-family:Verdana; font-size:12px;}
div.contact form{clear:both; font-size:0; line-height:0; overflow:hidden; padding:15px 0;}
div.contact form div{clear:both; color:#020202; font-family:Verdana; font-size:12px; line-height:20px; padding:5px 0;}
div.contact form div.title{color:#5b9010; font-size:14px; font-weight:bold; line-height:30px; overflow:hidden;}
div.contact form span{float:left; width:90px;}
div.contact form input.trim{border:1px #a9a9a9 solid; cursor:auto; float:left; height:18px; line-height:18px; width:148px;}
div.contact form input#verifyCode{width:58px;}
div.contact form input.button{background:url(../images/btn2.jpg) no-repeat left top; border:0; color:#FFF; cursor:pointer; font-family:Verdana; font-size:12px; height:24px; line-height:24px; margin:10px 0; text-align:center; width:97px;}
div.contact form textarea{border:1px #a9a9a9 solid; cursor:auto; float:left; height:90px; width:350px;}
div.contact form img{float:left; margin-left:5px;}
table.contact{border-bottom:2px #f0e9ce solid; clear:both; margin:0 auto;}
table.contact td{color:#020202; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:20px 0 20px 20px;}
table.contact td b{clear:both; color:#ca9b19; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:30px;}
table.contact td a{color:#020202; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
table.feedback{clear:both; margin:0 auto;}
table.feedback td{color:#020202; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding:5px 0 5px 20px;}
table.feedback td b{clear:both; color:#ca9b19; display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:30px; padding-top:20px;}
table.feedback td input.trim{border:1px #a9a9a9 solid; cursor:auto; float:left; height:18px; line-height:18px; width:148px;}
table.feedback td input.btn{background:url(../images/btn2.jpg) no-repeat left top; border:0; color:#FFF; cursor:pointer; font-family:Verdana; font-size:12px; height:24px; line-height:24px; margin:10px 0; text-align:center; width:97px;}
table.feedback td textarea{border:1px #a9a9a9 solid; cursor:auto; float:left; height:90px; width:350px;}
form.login{background:url(../images/login.jpg) no-repeat left top; height:255px; margin:100px auto; position:relative; width:350px;}
form.login input#username{border:0; cursor:auto; height:20px; line-height:20px; left:170px; position:absolute; top:54px; width:120px;}
form.login input#password{border:0; cursor:auto; height:20px; line-height:20px; left:170px; position:absolute; top:102px; width:120px;}
form.login input#verifyCode{border:0; cursor:auto; height:20px; line-height:20px; left:130px; position:absolute; top:148px; width:67px;}
form.login input#loginsubmit{background:transparent; border:0; cursor:pointer; height:30px; left:52px; position:absolute; top:184px; width:246px;}
form.login img.verifyCode{cursor:pointer; left:210px; position:absolute; top:149px;}
ul.sample{clear:both; font-size:0; line-height:0; margin:10px auto; overflow:hidden; width:940px;}
ul.sample li{background:url(../images/dot1.jpg) no-repeat 5px center; border-bottom:1px #c1c1c1 dashed; font-size:0; line-height:0; padding:5px 5px 5px 15px;}
ul.sample li a{color:#020202; font-family:Verdana; font-size:14px; line-height:20px; text-decoration:none;}
div.sample-title{clear:both; color:#000000; font-family:Verdana; font-size:18px; font-weight:bold; line-height:40px; margin:0 auto; overflow:hidden; padding-top:10px; text-align:center; width:940px;}
div.sample-date{border-bottom:1px #c1c1c1 dashed; clear:both; color:#020202; font-family:Verdana; font-size:12px; line-height:30px; margin:0 auto; overflow:hidden; padding-bottom:5px; text-align:center; width:940px;}
div.sample-detail{clear:both; margin:0 auto; overflow:hidden; padding:15px 0 20px; text-align:justify; width:920px;}
ul.news{clear:both; font-size:0; line-height:0; margin:10px auto; overflow:hidden;}
ul.news li{background:url(../images/dot2.jpg) no-repeat 5px center; border-bottom:1px #c1c1c1 dashed; font-size:0; line-height:0; padding:5px 5px 5px 15px;}
ul.news li a{color:#020202; font-family:Verdana; font-size:14px; line-height:20px; text-decoration:none;}
ul.news li span.date{color:#020202; font-family:Arial, Helvetica, sans-serif; float:right; font-size:12px; line-height:20px;}
div.news-title{clear:both; color:#000000; font-family:Verdana; font-size:18px; font-weight:bold; line-height:40px; margin:0 auto; overflow:hidden; padding-top:10px; text-align:center;}
div.news-date{border-bottom:1px #c1c1c1 dashed; clear:both; color:#020202; font-family:Verdana; font-size:12px; line-height:30px; margin:0 auto; overflow:hidden; padding-bottom:5px; text-align:center;}
div.news-detail{clear:both; margin:0 auto; overflow:hidden; padding:15px 10px 20px; text-align:justify;}
div.privacy{clear:both; font-size:0; line-height:0; margin:100px auto; text-align:center; width:900px;}
div.left-detail{float:left; font-size:0; line-height:0; margin:18px 30px 0 13px; width:218px;}
div.left-title{background:url(../images/left-top.jpg) repeat-x left top; clear:both; color:#FFFFFF; font-family:Verdana; font-size:14px; font-weight:bold; height:32px; line-height:32px; padding-left:17px; text-align:left;}
div.left-detail ul{border-color:#d6d6d6; border-style:solid; border-width:1px 1px 0; clear:both; font-size:0; line-height:0; overflow:hidden; _height:258px;}
div.left-detail ul li{font-size:0; line-height:0; overflow:hidden;}
div.left-detail ul li a{background:url(../images/ico5.jpg) no-repeat right 10px #FFFFFF; border-bottom:1px #d6d6d6 solid; color:#000000; float:left; font-family:Verdana; font-size:11px; line-height:20px; padding:5px 15px 5px 14px; text-decoration:none; width:187px;}
div.left-detail ul li.active a, div.left-detail ul li a:hover{background:url(../images/ico6.jpg) no-repeat right 10px #fbf4e0;}
div.left-detail ul ul{border:0; display:none;}
div.left-detail li.active ul{display:block;}
div.left-detail li ul a, div.left-detail li.active ul a{background:#FFFFFF; padding:5px 5px 5px 24px;}
div.left-detail ul ul li.active a, div.left-detail ul ul li a:hover{background:#fbf4e0;}
div.left-detail div.cart{border-color:#d6d6d6; border-style:solid; border-width:0 1px 1px; font-size:0; line-height:0; overflow:hidden; _height:43px;}
div.left-detail div.cart a{background:url(../images/mycart.jpg) no-repeat left top; cursor:pointer; float:left; height:32px; margin:5px 0 5px 5px; width:205px;}
div.right-detail{float:left; width:706px;}
div.right-detail div.log{margin:0;}
ul.prolist{clear:both; font-size:0; line-height:0; overflow:hidden;}
ul.prolist table{float:left; margin:15px 9px 0; overflow:hidden;}
ul.prolist td{padding:5px;}
ul.prolist td a{color:#000000; font-family:Verdana; font-size:11px; line-height:18px;}
ul.prolist td.img{border:1px #d0d0d0 solid; height:150px; padding:0; width:214px;}
ul.prolist td.img a{font-size:0; line-height:0; text-align:center; width:210px;}
ul.prolist td.img img{cursor:pointer; max-height:145px; _height: expression(this.height > 145 ? 145 : true); max-width:210px; _width: expression(this.width > 210 ? 210 : true);}
div.pro-info{border:2px #d0d0d0 solid; clear:both; font-size:0; line-height:0; margin:5px 0; overflow:hidden; padding:1px;}
div.pro-info div.inner{border:1px #d0d0d0 solid; clear:both; color:#000000; font-family:Verdana; font-size:14px; line-height:20px; overflow:hidden; padding:10px;}
div.pro-detail{clear:both;}
div.right-detail a.add{background:url(../images/add.jpg) no-repeat left top; clear:both; float:left; height:32px; margin:10px 0 10px 250px; width:148px;}
div.right-detail div.cart{clear:both; overflow:hidden; padding:15px 0; text-align:center;}
div.pro-img{clear:both; padding:30px 0 10px; text-align:center;}
div.pro-img td.big{height:600px; width:500px;}
div.pro-img td.big div{text-align:center; width:500px;}
div.pro-img td.big img{max-height:600px; _height: expression(this.height > 600 ? 600 : true); max-width:500px; _width: expression(this.width > 500 ? 500 : true);}
div.pro-img td.small{height:200px; width:200px;}
div.pro-img td.small div{text-align:center; width:200px;}
div.pro-img td.small img{cursor:pointer; max-height:200px; _height: expression(this.height > 200 ? 200 : true); max-width:200px; _width: expression(this.width > 200 ? 200 : true);}
div.cart ul{border-top:1px #1f5b42 dashed; clear:both; margin:20px auto 0; overflow:hidden; padding:20px 100px 0; width:500px;}
div.cart ul li{clear:both; font-size:0; line-height:0; overflow:hidden; padding:5px 0;}
div.cart ul li span{color:#000000; float:left; font-family:Verdana; font-size:12px; line-height:20px;}
div.cart ul li span.f_1{padding-right:5px; text-align:right; width:85px;}
div.cart ul li span.f_2{text-align:left; width:150px;}
div.cart ul li input.trim{border:1px #a9a9a9 solid; cursor:auto; float:left; height:18px; line-height:18px; width:148px;}
div.cart ul li input#verifyCode{width:58px;}
div.cart ul li input.button{background:url(../images/btn2.jpg) no-repeat left top; border:0; color:#FFF; cursor:pointer; font-family:Verdana; font-size:12px; height:24px; line-height:24px; margin:10px; text-align:center; width:97px;}
div.cart ul li textarea{border:1px #a9a9a9 solid; cursor:auto; float:left; height:90px; width:350px;}
div.cart ul li img{float:left; margin-left:5px;}
div.right-detail div.font{clear:both; color:#020202; font-family:Verdana; font-size:14px; line-height:20px; margin:20px auto; text-align:left;}
div.footer { background-color:#FFFFFF; clear:both; font-size:0; line-height:0; margin:0 auto; width:982px; }
div.footer div.font { border-top:3px #f5f5f5 solid; color:#333333; font-family:Verdana; font-size:11px; height:50px; line-height:20px; margin:0 auto; padding-top:18px; text-align:center; width:972px; }
div.footer div.font a { color:#333333; font-family:Verdana; font-size:11px; }
div.footer div.font a.cn { font-family:"宋体"; font-size:12px; }
table.job{background-color:#d6d6d6; clear:both; margin:20px auto 50px;}
table.job th{background-color:#fbf4e0; font-size:14px; font-weight:100; line-height:30px;}
table.job td{background-color:#FFF; font-size:12px; line-height:20px; padding:5px;}
table.job td a{color:#202020; text-decoration:underline;}
table.jobdetail{background-color:#d6d6d6; clear:both; margin:20px auto 50px;}
table.jobdetail th{background-color:#FFF; font-size:14px; line-height:25px; padding:5px;}
table.jobdetail td{background-color:#FFF; font-size:14px; line-height:25px; padding:5px;}
table.jobdetail td a.btn, table.jobdetail td input.btn{background:url(../images/btn2.jpg) no-repeat left top; border:0; color:#FFF; cursor:pointer; float:left; font-family:Verdana; font-size:12px; height:24px; line-height:24px; margin:10px 0; text-align:center; text-decoration:none; width:97px;}
table.jobdetail td input.trim{border:1px #a9a9a9 solid; cursor:auto; float:left; height:18px; line-height:18px; width:148px;}
table.jobdetail td textarea{border:1px #a9a9a9 solid; cursor:auto; float:left; height:90px; width:350px;}
table.jobdetail th font{font-weight:100;}
table.cart td{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*** page css ***/
div.page { clear:both; height:24px; margin:10px 20px 10px 0; float:right; overflow:hidden; }
div.page div.remark { float:left; }
.page form { margin:0px; padding:0px; border:0px; float:left; }
.page form div { float:left; width:auto; line-height:22px; margin-left:5px; }
div.total { color:#555555; border:1px #e6dcc6 solid; font-size:12px; text-align:center; padding:0px 10px; height:22px; }
div.paging ul { margin:0px; padding:0px; border:0px; }
div.paging ul li { float:left; list-style:none; margin:0 3px; padding:0px; color:#555555; border:1px #e6dcc6 solid; font-size:0; line-height:0; text-align:center; }
div.paging ul li span { min-width:25px; color:#555555; font-size:12px; line-height:22px; padding:5px 8px; }
div.paging ul li span.disabled { color:#ABABAB; text-align:center; }
div.paging ul li span.active { background:#b78600; color:#FFFFFF; font-weight:bold; }
div.page-go { display:none; }