body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,figure,legend,button,input,textarea,th,td,html{margin:0;padding:0;}body,button,input,select,textarea{ font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#535353;}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}em,i{font-style:normal;}ul,ol,nav{list-style:none;}a{text-decoration:none;outline:0 none; color:#535353;}a:hover{text-decoration:underline;}sup{vertical-align:inherit;}sub{vertical-align:inherit;}legend{color:#000;}fieldset,img{display:block;border:0;}button,input,select,textarea{font-size:100%;}input{ border:none; outline:none;}table{width:100%;border-collapse:collapse;border-spacing:0;}
*html{ _background-image:url(about:blank); _background-attachment:fixed;}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder{color:#999;}

/*public*/
.hid{position:absolute;left:-999em;top:-999em;}
.clearfix:after{content:'\200B';display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.no-indent{ text-indent:0!important;}
.btn-default{ color:#eee!important; background-color:#909090!important; cursor:default;}

@font-face {
    font-family:"zqb";
    src: url("../../font/zqb.eot?ver=1217"); /* IE9 */
    src: url("../../font/zqb.eot?#iefix?ver=1217") format("embedded-opentype"), /* IE6-IE8 */
    url("../../font/zqb.woff?ver=1217") format("woff"), /* chrome、firefox */
    url("../../font/zqb.ttf?ver=1217") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../font/zqb.svg#zqb Regular?ver=1217") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
.ifont{ font-family:"zqb"}

@font-face {
    font-family:"zqb-light";
    src: url("../../font/zqblight.eot?ver=1217"); /* IE9 */
    src: url("../../font/zqblight.eot?#iefix?ver=1217") format("embedded-opentype"), /* IE6-IE8 */
    url("../../font/zqblight.woff?ver=1217") format("woff"), /* chrome、firefox */
    url("../../font/zqblight.ttf?ver=1217") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../font/zqblight.svg#zqb Regular?ver=1217") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
.ifont-light{ font-family:"zqb-light"}

.hd,.nav,.subnav,.sub-hd,.bd,.bdbox,.ban,.ft,.sitetip,.sitetip-bg{ width:100%; min-width:1200px;}
.main{ position:relative; margin:0 auto; width:1200px;}

.logo,.ft-logo{ background:url(../images/logo_index.png) no-repeat; _background:url(../images/logo_ie6_index.png) no-repeat; text-indent:-300%; overflow:hidden;}
.i-userico,.i-sitetip,.sitetip-close,.i-index-arrow,.i-index-star{ text-indent:-300%; background:url(../images/spr_index.png) no-repeat 0 0; overflow:hidden; cursor:pointer;}

/*btn*/
.btn-normal:hover{ text-decoration:none; color:#fff; filter:alpha(opacity=90); opacity:.9;}
/*public--end*/

.sub-hd{ position:relative; z-index:10;}
.hd{ position:fixed; _position:absolute; left:0; top:30px; z-index:20; -webkit-transition:top .2s linear; transition:top .2s linear;}
.fixedtop{ top:0;}
.nav{ position:relative; height:70px; background:#f8f8f8; background:rgba(248,248,248,.9); z-index:2;}
.nav .main{ height:70px;}
.logo{ float:left; margin-top:15px; width:60px; height:40px; background-position:0 0;}
.logo a{ display:block; height:100%;}
.hd-aside,.hd-user,.hd-user-loged,.hd-nav{ float:right;}
.hd-user,.hd-user-loged{ position:relative; margin-left:24px; padding:10px 22px; width:50px; height:50px;}
.i-userico{ display:block; width:50px; height:50px; text-indent:-300%; background:url(../images/spr_index.png) no-repeat 0 0; overflow:hidden;cursor:pointer;}

.hd-user-hover{ background-color:#eb0028;}
.hd-user-hover .i-userico{ background-position:-50px 0;}

.hd-user-loged .i-userico{ background-position:-150px 0;}
.hd-user-loged-hover{ background-color:#eb0028;}
.hd-user-loged-hover .i-userico{ background-position:-100px 0;}
.userinfo{ position:absolute; right:0; top:70px; padding:25px; width:110px; background-color:#f5f5f5; border-top:2px solid #eb0028;}
.btn-pupnav{ margin-bottom:10px; display:block; width:100%; height:32px; line-height:32px; font-size:14px; text-align:center; color:#fff; background-color:#f66;}
.btn-pupnav:hover{ text-decoration:none; background-color:#eb0028;}
.btn-pupnav:active{ text-decoration:none; background-color:#da0025;}
.no-account{ margin-bottom:10px; color:#999;}
.no-account a{ color:#666;}
.userhandler{ padding-top:10px; border-top:1px solid #ccc;}
.userhandler li{ padding:5px 0;}
.hd-nav-list li{ position:relative; float:left; display:inline;}
.hd-nav-list a{ display:inline-block; padding:0 34px; height:70px; line-height:70px; font-size:16px; -webkit-transition:background-color .3s linear; transition:background-color .3s linear;}
.hd-nav-list a:hover,.hd-nav-list .on a{ color:#fff; text-decoration:none; background-color:#eb0028;}
.i-index-arrow{ display:inline-block; width:16px; height:10px; background-position:-75px -50px;}
.hd-nav-list a:hover .i-index-arrow,.hd-nav-list .on .i-index-arrow{ background-position:-75px -75px;}
.sub-hdnav{ position:absolute; right:0; top:70px; width:160px; border-top:2px solid #eb0028; background-color:#f5f5f5;}
.sub-hdnav li{ float:none; display:block; border-top:1px solid #aeaeae;}
.sub-hdnav li:first-child{ border-top:none;}
.sub-hdnav a{ display:block; padding:0; height:60px; line-height:60px; font-size:14px; text-align:center;}
.sub-hdnav a:hover,.on .sub-hdnav a{ color:#333; background-color:#f5f5f5;}
.sub-hdnav a:hover{ color:#eb0028;}
.i-index-star{ margin:-4px 2px 0 0; display:inline-block; vertical-align:middle; width:24px; height:24px; text-indent:0; background-position:-100px -50px;}
.i-index-new{ margin-right:10px; font-size:13px; font-weight:bold; color:#eb0028; text-transform:uppercase; text-decoration:none;}
.sub-hdnav a:hover .i-index-new{ text-decoration:none;}
.subnav{ background:#fff; background:rgba(255,255,255,.9);}
.subnav .main{ padding:12px 0; height:auto!important; min-height:30px; height:30px; line-height:30px;}
.subnav-pro,.subnav-pro a{ vertical-align:middle; font-size:14px; color:#535353;}
.subnav-pro span{ font-family:serif;}
.subnav-pro a.on{ font-size:18px; color:#000;}
.subnav-pro a:hover{ color:#000; text-decoration:none;}
.subnav-nav{ position:absolute; right:0; top:12px; font-size:14px;}
.btn-subnav{ float:right; margin-left:20px; padding:0 20px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#d52b2b;}
.btn-subnav:hover{ color:#fff; text-decoration:none; background-color:#eb0028;}
.btn-subnav:active{ background-color:#da0025;}
.subnav-navlist{ float:right; margin-left:40px;}
.subnav-navlist li{ float:left; display:inline; margin:0 10px;}
.subnav-navlist .on a,.subnav-navlist a:hover{ text-decoration:none; color:#d52b2b;}
.spline{ font-family:serif;}
.subnav-num{ float:right; width:250px; font-weight:bold; font-size:18px; color:#000; white-space:nowrap;}
.subnav-num em{ margin-left:10px; font-size:20px; color:#d52b2b}

/*ft*/
.ft{ position:relative; background-color:#1b1b1b; z-index:10;}
.ft .main{ padding:40px 0; font:12px/24px arial; color:#959595;}
.ft-link{ margin:0 200px;}
.ft-link a{ color:#959595;}
.ft-link span{ margin-right:4px;}
.ft-nav{ font-size:14px;}
.ft-nav span{ margin:0 4px; font-family:serif;}
.ft-logo{ position:absolute; left:0; top:44px; width:150px; height:40px; background-position:0 -60px;}
.ft-ect{ position:absolute; right:0; top:40px; text-align:center; color:#fff;}
.ft-phone{ font-size:24px;}

.back-to-top{ position:fixed; _position:absolute; right:5%; bottom:10%; width:50px; height:50px; background:url(../images/backtotop.png) no-repeat; filter:alpha(opacity=40); opacity:.4; text-indent:-300%; overflow:hidden; display:none; z-index:100;}
.back-to-top:hover{ filter:alpha(opacity=80); opacity:.8;}

.dots{ position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.dotswrap{ display:inline-block; *display:inline; *zoom:1;}
.dotswrap li{ float:left; display:inline; margin:0 6px; width:16px; height:16px;}
.i-dot{ display:block; margin:3px auto 0; width:10px; height:10px; background:#000; background:rgba(0,0,0,.7); border:1px solid #fff; border:1px solid rgba(255, 255, 255, 0.7); border-radius:100%; -webkit-transition:background .2s linear; transition:background .2s linear; overflow:hidden;}
.on .i-dot,.i-dot:hover{ margin-top:1px; width:14px; height:14px; background:#fff; background:rgba(255,255,255,.7); border:1px solid #000; border-color:rgba(0,0,0,.7);}

.sitetip{ position:absolute; left:0; top:70px; overflow:hidden; z-index:1;}
.sitetip .main{ position:relative; color:#fff; z-index:3;}
.sitetip-txt{ position:relative; margin:0 40px; padding:8px 0;}
.sitetip-bg{ position:absolute; left:0; top:0; height:160px; background-color:#000; filter:alpha(opacity=30); opacity:.3; z-index:2;}
.i-sitetip,.sitetip-close{ position:absolute; top:50%; margin-top:-12px; width:25px; height:25px; text-indent:-200%;}
.i-sitetip{ left:0; background-position:-50px -75px;}
.sitetip-close{ right:0; background-position:-50px -50px; transition:transform .3s linear;}
.sitetip-close:hover{ transform:rotate(90deg);}