@charset "utf-8";
/* CSS Document */
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
body{background:#fff;color:#666;font-family:"microsoft yahei","Arial,Helvetica,sans-serif"; line-height:1.5; width:100%; height:100%;}
a{color:#666;text-decoration:none}
a:link{}
a:visited{}
a:hover{color:#f70;text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0px;}
fieldset,img{ border:0px;}
address,caption,cite,code,dfn,em,th,var,i{ font-style:normal; font-weight:normal;}
ol,ul,li{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{content:''}
abbr,acronym{ border:0px;}
*{ outline:none;}
input{ vertical-align:middle;}
*html, *htmlbody{background-image: url(about:blank);background-attachment: fixed;}/*修正IE6振动bug*/
/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline-block; }
.fr{ float:right; display:inline-block;}
.clear{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
*html .clearfix{ height:1%;}
html[xmlns] .clearfix { display: block;}
.vm{ vertical-align:middle;}
.pr{ position:relative;}
.pa{ position:absolute;}
.zoom{ zoom:1}
.hidden{ overflow:hidden;}
.none{ display:none;}
.db{ display:block;}

/*width*/
.warp{ width:1080px; margin:0 auto;}
.warp22{ width:1400px; margin:0 auto;}
/*color*/

/*border*/

/*background*/

/*margin*/
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt25{ margin-top:25px;}
/*padding*/


/*qq css*/
.QQ{position: fixed; top: 110px; left: 10px;z-index: 999; }
.Q{width: 158px; background:#f6f7f8; border:1px solid #ddd; border-radius:8px; overflow:hidden; display: none;}
.hottel{ background:#f5f6f7; font-size: 12px; color: #444; padding:10px;}
.hottel h2{ font-size:18px;color:#ff5151;}
.qq,.phone{ border-top:1px solid #ddd; padding:10px;}
.qq h4,.phone h4{ font-size:14px; margin-bottom:10px; font-size:16px;color: #444;}
.qq p{ margin-bottom:10px;}
.qq p a{ border: 1px solid #ddd; display: block; border-radius: 100px; padding: 6px 0 6px 40px; font-size: 14px; line-height: 18px; position: relative; background: url(../images/qq/qq.png) 15px center no-repeat;}
.phone p{ font-size:14px; color:#1b6b9d; line-height:24px;}
.Qs{width: 18px; height: 86px; background: url(../images/qq/qs_bg.png) no-repeat;padding-top: 4px; padding-left: 5px; position:absolute; left:160px; top:80px;}
.Qs p{font-size: 12px; color: #444; line-height: 16px;}
.Qs_jt{width: 11px; height: 11px; margin-top: 4px; cursor:pointer; }
.Qs_in{display: none; }
.Qs_inopen{} 
.Q_index{display: block; }
.Qs_in_index{display: block;}
.Qs_inopen_index{display: none;}


/*Public background*/
.clickon em,.qr_weixin em,.HeadMiddle .Nav li.curr a b,.HeadMiddle .Nav li a:hover b,.HeadMiddle .Nav li.curr a em,.HeadMiddle .Nav li a:hover em,.HeadMiddle .Nav li a s,.HeadMiddle .Tel,.S-first dd em,.Pro_list li em,.E-Ds01 .E-prolist li s,.E-dslist li em,.E-p2psty li h4 em{ background:url(../image/1.png) no-repeat;}


/*header*/
.Header{ width:100%; min-width:1080px; background:#fff;  color:#ddd; z-index:100; }
.HeadMiddle{ z-index:98;}
.HeadMiddle .logo{ padding:20px 0;}
.HeadMiddle .Nav{max-width:820px; font-size:16px; }
.HeadMiddle .Nav li{ float:left;}
.HeadMiddle .Nav li>a{ float: left; display:inline-block;line-height:100px; padding:0 15px; color:#333; *zoom:1; *display:inline; position:relative;}
.HeadMiddle .Nav li a s{position:absolute; right:0; top:46px; display:block; width:13.7px; height:7.2px;  overflow: hidden; background-position:-39px 0; background:url(../image/1.png) no-repeat;}
/*.HeadMiddle .Nav li a b{ position: relative; float: left; display:block; height: 30px; padding:0 10px; font-weight:100; line-height: 30px;}
.HeadMiddle .Nav li a b i{ float: left; display: block;}
.HeadMiddle .Nav li a b s{ display:block; float: left; width:8px; height:6px; margin-top: 12px; margin-left: 3px; line-height:6px; overflow: hidden; background-position:-42px 0;}
.HeadMiddle .Nav li a em{ width:4px; height:30px;display:none; float:left;}
.HeadMiddle .Nav li.curr a b,.HeadMiddle .Nav li a:hover b{background-position:0px -18px;  padding:0 6px 0 10px;}
.HeadMiddle .Nav li.curr a em,.HeadMiddle .Nav li a:hover em{ display:inline-block; background-position:-116px -18px;}
*/
.navbox{ width: 1200px; margin:0 auto; padding: 32px 0; overflow: hidden; background: rgba(0,0,0,0.9);}
.navbox2{ width: 150px; margin:0 auto; padding: 32px 0; overflow: hidden; background: rgba(0,0,0,0.9);    transform: translateX(115px);}
.navbox2>.navboxa_ul{width: 100%;}
.navbox2>.navboxa_ul>li,.navbox2>.navboxa_ul>li>a{
  text-align: left;
  line-height: 40px ;
  vertical-align: bottom;
  color: #fff ;
  float: inherit ;
}
.navbox2>.navboxa_ul>li>a>img{
  height: 16px;
  transform: translateY(3px);
}
.navRow{ width: 500px;  margin:0 50px; }
.navRow2{width: 250px;}
.navRow2:first-child{ margin-left:50px;}
.Subnav .navRow em{ width:37px; height:25px; display:inline-block;}
.Subnav .navRow em.hot{ background:url(../images/public/hot.png) no-repeat;}
.Subnav .navRow em.new{ background:url(../images/public/new.png) no-repeat;}
.Subnav .navRow2 dd{ width:100%; margin-right:0;}
.navRowed{margin-right: 0;}
.HeadMiddle .Subnav{ position:absolute; z-index:98; width:100%; top:99px; left:0; display:none; }
.HeadMiddle .Nav li .Subnav a:hover{ color:#f06a0b;}
.HeadMiddle .Arr{ clear: left; position: absolute; top:75px; left: 370px; width:33px; height:10px; background:url(../images/public/ArrowT_b.png) no-repeat;margin: 15px auto 0; display:none; }
.Subnav dl{  float:left;}
.HeadMiddle .Nav .Subnav dl a{ font-size:14px; float: none; padding:0; line-height:30px; color: #fff;}
.HeadMiddle .Nav .Subnav dl a img{height: 14px;margin-left: 5px;transform: translateY(2px);}
.HeadMiddle .Nav .Subnav dl a u{color: #a7a7a7;}
.Subnav dt{width:100%; float: left; font-size:18px; margin-bottom:5px; color:#fff; border-bottom:1px solid #fff;height: 39px;line-height: 39px; margin-bottom: 8px;}
.Subnav dt.new_dt{ color:#539110;}
.HeadMiddle .Nav .Subnav dt a{ text-decoration:none; color: #ef6a0d; font-weight: bold;}
.Subnav dd{ float: left; width: 240px; background: url(../images/public/Subnav_dd_jt.png) no-repeat right center; }
.Subnav dd:nth-child(even){ margin-right:20px;}
.Subnav dd.nbg{background: none;}
/* .Subnav dd a{ } */
.Subnav dd p{color: #a5a3a3;font-size: 12px;color: #a5a3a3; line-height: 14px; margin-bottom: 32px;}
.Subnav dd a i{ position: relative; display: inline-block; width: 30px; height: 20px;}
.HeadMiddle .Nav .Subnav dt a.Qj_shop_a{font-weight: normal;}
.HeadMiddle .Tel{float: right; width:185px; height:30px; margin: 5px 5px 5px 0; background-position:-128px -18px; line-height:100em; overflow:hidden;}
.HeadMiddle ul{ clear: both;}
.titfgs{ width: 7px; height: 6px;
    margin-left: 8px; background: url(../images/title_fgsjt.png) no-repeat 0 0; margin-right: 5px;  display: inline-block;}
.titfgz{position: absolute; top:34px; left: -96px; width: 243px; background: url(../images/title_fgsbg.png) no-repeat left bottom; height: 250px; z-index: 92; display: none;}
.titfgzt{width: 243px; height: 6px; background: url(../images/title_fgsbg.png) no-repeat left 2px;}
.titfgz ul{width: 243px; height: 240px; }
.titfgz ul li{height: 40px; width: 243px; background: none; padding: 0;}
.titfgz ul li a{background: #1f2127; height: 40px; width: 228px; display: block; text-align: right; padding-right: 15px; color: #ddd; line-height: 40px;}
.titfgz ul li a:hover{background: #282a31; color: #ef6a0d;}
.titfg.on .titfgs{background: url(../images/title_fgsjt.png) no-repeat -7px 0;}
.HeadMiddle .Nav .Subnav dt a.p2pa{font-weight: normal;}

/*footer*/
.footer{ background:#2D3A4A ; width:100%; min-width:1080px; color:#ddd;}
.footer a{ color:#ccc;}.footer a:hover{ color:#fff;}
.Help{ padding-bottom:30px; border-bottom:1px solid #484848;width:100%; min-width:1080px;}
.Help .F-img{ background: url(../images/public/line03.png) no-repeat right center; width:180px; padding:50px 40px 50px 10px;}
.Help .F-qr{ background:#fff; padding:5px; width:120px; height:120px; margin:25px auto 10px;}
.Help .F-qr img{ width:100%;}
.Helplist{ width:1160px; padding-top:50px;}
.Helplist dl{ padding-left:50px; float:left; line-height:24px;}
.Helplist dt{ font-size:14px; margin-bottom:10px; color: #FFD800;}
.Helplist dl.Contactus{ width:250px;}
.Helplist dl.Contactus dd{ width:190px;}
.Helplist dl.Contactus h4{ margin:25px 0;}

.Copyright{ border-top:1px solid #6e6e6e; padding:20px 0 30px;width:100%; min-width:1080px;}
.Copyright dt,.Copyright dd{ display:inline;}
.font_p{float: left; margin-left: 200px;}
.font_log{ float: left; margin-left: 10px; width: 40px; height: 33px; display: block; margin-top: -11px; }