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

/*重用样式*/
.w-100{ float:left; width:100%;}
.Width{ margin:0 auto; width:1000px; background:none;}
.clear{ clear:both; width:100%; background-color:none; height:1px; zoom:1}
a{font-family:"微软雅黑",Microsoft Yahei,Arial;}

/*
product and product-detail add css code
time:2015.03.04.14.20
author:He
Powered by:HWAQ
*/
/*product*/
.hrht-ban{ float:left; width:100%; overflow:hidden;}
.hrht-ban img{width:1920px; height:300px;}
.hr-bread{ float:left; width:100%; margin-top:10px;}
#loc{ height:27px; padding-bottom:7px; background:url(../images/locbg.jpg) 0 bottom repeat-x; overflow:hidden}
.loc{ float:right; text-align:right; line-height:1.5em; padding-left:22px; padding-top:5px; color:#666666; font-size:12px;}
.loc a{color:#666666}
.loc a:hover{color:#ff3333}
.loc span{ color:#666666}
.pro-cate{float:left; width:100%;/* margin-top:40px;*/}
#tabcon{width:100%; height:55px; background:url(../images/tabbg.jpg) 0 bottom repeat-x; overflow:hidden}
.tabcon{ width:100%; margin:0 auto; height:50px; overflow:hidden}
.tablist{float:left;height:50px;border-left:1px solid #d8d8d8; overflow:hidden; margin-top:1px;}
.tablist li{ float:left; height:50px; border-right:1px solid #d8d8d8; font-size:14px; overflow:hidden}
.tablist li a{ display:block; line-height:50px; width:120px; text-align:center; color:#8d8d8d}
.tablist li:hover a,.tablist li.tabcur a{ background:#f0f0f0;color:#df9f26}
.tablistpro{height:50px;float:left;border-left:1px solid #d8d8d8; overflow:hidden}
.tablistpro li{ float:left; height:50px; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; font-size:14px; overflow:hidden}
.tablistpro li a{ display:block; line-height:50px; padding:0px 16px; text-align:center; color:#666666}
.tablistpro li:hover a,.tablistpro li.tabcur a{ background:#f0f0f0;color:#000}
.hr-pro-lst{float:left; width:100%; margin-top:30px;}
.hr-pro-lst ul{float:left; width:100%;}
.hr-pro-lst ul li{ float:left; width:325px; display:block; margin:15px 4px;}
.hr-pro-lst ul li a{float:left; width:325px; border:1px solid #eee; display:block;}
.hr-pro-lst ul li a:hover{ border:1px solid #eee;}
.pr-pic{float:left; width:321px;}
.pr-pic img{width:321px; height:253px;}
.hr-p-st{float:left; width:100%;font-size:14px; color:#000; font-weight:600; line-height:1.8em; margin-top:10px; text-indent:1em;}
.hr-p-nm{ float:left; width:100%; font-size:12px; color:#666666; line-height:1.8em; text-indent:1.2em; }
.hr-dtbox{float:left; width:83px; height:25px; line-height:25px; text-align:center; border:1px solid #33cc99; margin:15px 0px 20px 15px; color:#666; display:block; background:#fff; font-size:12px;}
.hr-dtbox:hover{color:#fff; background:#33cc99;}

/*分页*/
/* 普通翻页器-默认居中 */
.m-page{margin:30px 0px;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i{display:inline-block; vertical-align:top; padding:2px 12px; margin-left:-1px; border:1px solid #ddd; font-size:12px; letter-spacing:normal; text-shadow:0 1px #fff; background:#fff; -webkit-transition:background-color 0.1s; -moz-transition:background-color 0.1s; -ms-transition:background-color 0.1s; -o-transition:background-color 0.1s; transition:background-color 0.1s;}
.m-page a{text-decoration:none;color:#39c;}

.m-page a:first-child{margin-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:2px;border-bottom-right-radius:2px;}

/*.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}*/
/*
::after,::before,会让>>和标签的开始符<>,结束符</>起冲突，故在此忽略
把"上一页""下一页"改为符号"<<"">>"后加此标注
2015.01.09.1200     (he)
*/
.m-page a:hover{ color:#fff; background:#33cc99;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;background:#33cc99;}
.m-page a.z-dis,.m-page a.z-dis:active{cursor:default;}
.m-page a.z-dis:hover{color:#fff; background:#33cc99;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm{ float:left;width:100%;line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:5 10px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;border-radius:2px;}
.m-page-sr i{border:0;}
.m-page-sr a:first-child,.m-page-sr a:last-child{border-radius:2px;}

/*product detail*/
.hr-pro-dtil{float:left; width:100%; margin-top:20px;}
.detail-zoom{float:left; width:100%;}

#preview { float:left; margin:10px auto 0px; width:420px;}
.jqzoom { border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 420px; margin-bottom: 10px; height:333px; overflow: hidden; border-top:#ddd 1px solid; border-right:#ddd 1px solid; _height:333px; position: relative; }
.zoomdiv { width: 310px; height: 310px; left: 859px; z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px }
#spec { position: relative; width: 410px; height:60px; margin-left: 6px; overflow: hidden; padding-top: 6px }
.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:25px; cursor: pointer; left: 0px }
.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:25px; cursor: pointer; right: 0px }
.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:25px; cursor: pointer; left: 0px }
.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:25px; cursor: pointer; right: 0px }
#specList { display: inline; float: left; margin-left: 2px }
#specList ul li { float:left; width:65px; display:inline; margin-right:10px }
#specList ul li img { border:#ccc 1px solid; padding-bottom:2px; padding-left:2px; width:65px; padding-right:2px; margin-bottom:1px; height:52px; padding-top:2px }
.bigimg { width:800px; height:634px }
.jqZoomPup { z-index:10; border-bottom:#aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width:50px; height:50px; background:#666 no-repeat 50% top; visibility:hidden; border-top:#aaa 1px solid; top:0px; cursor:move; border-right:#aaa 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}
#specList { position:absolute; text-align:left; width:380px; height:58px; overflow:hidden; top:0px; left:13px }
#specList ul{ position:absolute; width: 380px; left:4px }

.det-des{float:right; width:52%; margin-top:10px;}
.det-des-t{float:left; width:100%;}
.det-des-t h1{ font-size:20px; font-weight:bold; color:#000; line-height:1.8em;}
.det-des-t p{ font-size:12px;color:#000; line-height:1.8em;}
.det-des-intro{float:left; width:100%; margin-top:40px; font-size:12px;color:#000; line-height:1.8em;}

.hrht-inquery{float:left; width:100%; margin-top:40px;}
.hrht-qry-tit{float:left; width:100%; border-bottom:2px solid #33cc99;}
.hrht-tna{ float:left; height:36px; line-height:36px; padding:0px 15px; color:#fff; background:#33cc99;}
.hrht-qry-form{float:left; width:100%; margin-top:20px;}
.fd-back{ float:left; width:100%;}
.fb_form{ width:80%; margin: 0px auto; }
.td_fl { line-height:32px; float:left; display:block; padding-left:10px;}
.tr_fl { line-height:32px;}
.tr_fl td{ height:32px; line-height:32px; text-align:left;}
.text{ float:left; line-height:42px; font-size:12px;width: 65px;}
.info{ font-size:12px; font-family:"微软雅黑", Microsoft Yahei, Arial; color:#c43333;}
input.input-text,input.input-file,input.code { float:left; padding:4px; font-size:12px; height:32px; line-height:32px; font-family:"微软雅黑", Microsoft Yahei, Arial; color:#454545; outline:none; text-shadow: 0px 1px 0px #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;}
textarea{ float:left; padding:4px; font-size:12px; line-height:32px; font-family:"微软雅黑", Microsoft Yahei, Arial; color:#454545; outline: none; text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e1e1e1; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;}
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border:1px solid #d1d1d1; -webkit-box-shadow: 0px 0px 6px #33cc99; -moz-box-shadow: 0px 0px 6px #33cc99; -o-box-shadow: 0px 0px 6px #33cc99;-ms-box-shadow: 0px 0px 6px #33cc99; box-shadow: 0px 0px 6px #33cc99;}

.con_oth_button { float: right; width: 100%; }
.final_butn { float: left; width: 100%; padding-bottom: 20px; *padding-bottom:20px;}
.final_butn button { border: none; }
.final_button { float:left; margin:20px 0px 0px 60px; width:120px; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #66cc33; font-family: "微软雅黑", Microsoft yahei; font-size:16px;}
.final_button:hover { color:#fff; background:#66dd33; -webkit-box-shadow:0px 0px 6px #66dd33; -moz-box-shadow:0px 0px 6px #66dd33; -o-box-shadow:0px 0px 6px #66dd33; -ms-box-shadow:0px 0px 6px #66dd33; box-shadow:0px 0px 6px #66dd33; }