@charset "utf-8";
/*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-size:12px;font-family:"microsoft yahei","Arial,Helvetica,sans-serif"; line-height:16px; 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;}
/*color*/

/*border*/

/*background*/

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

/*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 b 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(../images/E-icn.png) no-repeat;}


/*header*/
.Header{ width:100%; min-width:1080px; background:url(../images/Top_bg.png) repeat-x; height:131px; color:#ddd; z-index:100; }
.HeadTop{ width:100%; height:34px; line-height:34px;}
.clickon{ z-index:99;}
.clickon a{ color:#ddd;}
.clickon em{ width:14px; height:14px; display:inline-block; background-position:0px 0px; float:left; margin:9px 5px 10px 0;}
.qr_weixin{ width: 128px; z-index:99; cursor:pointer;}
.qr_wx{width:108px;}
.qr_jr{width:72px;}
.qr_weixin em{ position: absolute; top: 0; right: 0; width:15px; height:15px; display:block; background-position:-20px 0px;margin:9px 0 10px 5px; float:right;}
.qr_weixin.on{ color:#ff6d00;}
.qr_weixin.on em{background-position:-52px 0px;}
.qr_box{ position:absolute; right:0; display:none;}
.qr_box .Arr{ width:33px; height:20px; background:url(../images/ArrowU.png) no-repeat; margin-left:230px; margin-top:10px;}
.qr_box .box{ padding:15px; background:#fff; width:228px; height:228px; border:25px solid #1f2127; margin-top:-8px;}
.top_nav{position: relative; width: 676px;}
.top_nav li{ display:inline-block; padding:0 10px; float:left; background:url(../images/line01.png) no-repeat right center;}
.top_nav li a{ color:#ddd;}
.top_nav li a:hover{ color:#da752d; text-decoration:none;}

.HeadMiddle{ z-index:98;}
.HeadMiddle .logo{ padding:34px 0;}
.HeadMiddle .Nav{ width:710px; font-size:14px;}
.HeadMiddle .Nav li{ padding-left:10px; padding-bottom: 25px; line-height:30px; float:left;}
.HeadMiddle .Nav li a{ float: left; display:inline-block; height: 30px; color:#fff; *zoom:1; *display:inline;}
.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: 25px 0; overflow: hidden;}
.navRow{ width: 400px; border-right:dashed 1px #989898; margin-right: -1px;}
.navRow dl{ padding-bottom: 30px; padding-left: 15px;}
.HeadMiddle .Subnav{ position:absolute; z-index:98; width:100%; top: 130px; left:0; background:#fff; filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9; border-bottom: solid 1px #d4d1cc; display:none; }
.HeadMiddle .Nav li .Subnav a{ color:#323232;}.HeadMiddle .Nav li .Subnav a:hover{ color:#f06a0b;}
.HeadMiddle .Arr{ clear: left; position: absolute; top:105px; left: 370px; width:33px; height:10px; background:url(../images/ArrowT.png) no-repeat;margin: 15px auto 0; display:none; }
.Subnav dl{ width:370px; float:left; margin-left:8px;}
.HeadMiddle .Nav .Subnav dl a{ float: none;}
.Subnav dt{ float: left; width: 370px; font-size:16px; margin-bottom:5px; color:#ef6a0b;}
.Subnav dt.new_dt{ color:#539110;}
.HeadMiddle .Nav .Subnav dt a{ text-decoration:none; color: #ef6a0d; font-weight: bold;}
.Subnav dd{ float: left; width: 185px; font-size:13px; line-height:24px;}
.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: 200px; background: url(../images/title_fgsbg.png) no-repeat left bottom; height: 250px; z-index: 92; display: none;}
.titfgzt{width: 200px; height: 6px; background: url(../images/title_fgsbg.png) no-repeat left 2px;}
.titfgz ul{width: 200px; height: 240px; }
.titfgz ul li{height: 40px; width: 200px; background: none; padding: 0;}
.titfgz ul li a{background: #1f2127; height: 40px; width: 185px; 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;}

 


/*E-index*/
.E-index1{ margin-top:1px;width:100%; min-width:1080px; background:#f5f5f5 url(../images/E-bg01.jpg) repeat-x;}
.Firstclass{ width:1100px; padding:50px 0;}
.Firstclass li{ width:245px; border:5px solid #f3f4f4; float:left; margin-right:20px; position:relative; cursor:pointer; overflow:hidden;}
.M-first{background:#fff; padding:35px 35px 0; height:270px; text-align:center;}
.M-first .Icn{ width:122px; height:140px; margin:0 auto; background:url(../images/E-bg02.png) no-repeat;}
.M-first .Icn em{ display:inline-block; width:65px; height:60px; margin:40px auto;}
.M-first .Icn.I01 em{ background:url(../images/Icn01_1.png) no-repeat;}
.M-first .Icn.I02 em{ background:url(../images/Icn02_1.png) no-repeat;}
.M-first .Icn.I03 em{ background:url(../images/Icn03_1.png) no-repeat;}
.M-first .Icn.I04 em{ background:url(../images/Icn04_1.png) no-repeat;}
.M-first h3{ font-size:24px; line-height:28px; margin:20px 0 10px;}

.S-first{ position:absolute; left:255px; top:0; width:205px; height:265px; padding:40px 20px 0;}
.S-first.S01{ background:#2786b9 url(../images/Icn01.png) no-repeat right bottom;}
.S-first.S02{ background:#2786b9 url(../images/Icn02.png) no-repeat right bottom;}
.S-first.S03{ background:#2786b9 url(../images/Icn03.png) no-repeat right bottom;}
.S-first.S04{ background:#2786b9 url(../images/Icn04.png) no-repeat right bottom;}
.S-first dd{ color:#fff; font-size:14px; line-height:30px;}
.S-first dd em{ display:inline-block; width:25px; height:21px; background-position:0 -50px; float:left; margin:5px 3px 0 0;}

.E-Tit{ margin-top:10px;}
.E-Tit h2{ font-size:32px; line-height:46px;}
.E-Tit p{ font-size:20px; line-height:32px;}
.I-Tit1{ background:#025988 url(../images/ArrowD.png) no-repeat center top; color:#fff; padding:35px 0;}
.I-Tit2{ background:#f5f5f5 url(../images/ArrowD.png) no-repeat center top; color:#328cbd; padding:60px 0 0;}
.I-Tit3{color:#328cbd; padding:60px 0 37px; border-bottom:1px solid #e2e2e0;}
.I-Tit4{color:#fff; padding:60px 0 37px; margin-top:0;}
.I-Tit5{color:#328cbd;}


/*-----------------------------custom 项目定制---------------------------------*/

.Cus-tit{ width:100%; min-width:1080px; background:#f5f5f5; height:150px; text-align:center;}
.Cus-tit h1{ font-size:50px; line-height:50px; color:#31363a; font-weight:600; padding-top:30px;}
.Cus-tit p{ font-size:24px; line-height:24px; padding-top:20px;}

 
.Cus-box .Tit{ text-align:center;}

.Cus-box .Tit h2{ font-size:28px; color:#31363a; line-height:28px; padding-top:15px;}
.Cus-box .Tit h3{ font-size:28px; color:#31363a; line-height:28px; padding-top:15px;padding-bottom:15px;}
.Cus-box .Tit p{ font-size:20px; color:#9eacb7; line-height:20px; margin-top:14px;}

 


.Mobile-series .Icn{ background-position:-120px 0;} 
.Mobile-list{ width:1100px; padding:15px 0;}
.Mobile-list li{width:346px; float:left; margin:0 20px 0 0; position:relative; overflow:hidden;}
 
.Mobile-list .text{ position:absolute; bottom:-112px; width:306px; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; padding:14px 20px; height:135px; }
.Mobile-list .text h4{ color:#fff; font-size:18px; line-height:30px; text-align:center;}
.Mobile-list .text p{ font-size:14px; line-height:20px; margin-top:5px; color:#fff;}