﻿﻿@charset "utf-8";
/* Css Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
html { line-height: 1; }
ol, ul { list-style: none; }
div, dl, dt, dd, ol, ul, li { *zoom: 1; list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.hide { display: none; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.clear { clear: both; *height: 0; *font-size: 0; *line-height: 0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

body { color: #333; font: 14px "Microsoft Yahei","宋体","Arial Narrow",HELVETICA ;  background: #f2f2f2; }
a { text-decoration: none; color: #333; }
a:hover { color: #ca2c07; text-decoration: none; }

.siteWidth{width: 1200px; margin: 0 auto; }

/* topbar */
#topbar{height: 34px;line-height: 34px;font-size: 12px; background: url(../Images/topbar.gif) repeat-x; color: #fff;}
#topbar .siteWidth{overflow: hidden;}
#topbar .fr{margin-right: 5px; color: #fff}
#topbar .fr a { margin: 0 5px; color: #fff}
#topbar .fr a:hover{color: #f60}
#topbar #miniLogined a{margin: 0px;}

/* header */
#header{background: #fafafa;}
#header .logoBar{height: 130px; position: relative; z-index: 10;}
#header #logo{width: auto; height: auto; float: left; *display: inline; padding-top: 28px}
#header .gzh{width: 136px; height: 34px; position: absolute; top: 46px; right: 0px; line-height:28px;}
#header .gzh dl { margin: 0 5px; position: relative; float: left; width: 30px; height: 34px; }
#header .gzh dt {display:block;width: 30px;height:34px;overflow:hidden;text-align:left;text-indent: 300%;background: url(../Images/icons.png) -10px 6px no-repeat;}
#header .gzh dt a{display: block;height: 34px; line-height: 34px; text-align:left; text-indent: 300%;}
#header .gzh .site { margin: 0 0 0 5px;}
#header .gzh dd { clear: both; display: none; padding: 2px; background: #f3582e; position: absolute; right: 50%; top: 40px; margin-right: -52px; width: 100px; height: 100px;}
#header .gzh dd img { width: 100px; height: 100px; }
#header .gzh dd i { z-index: 8; position: absolute; top: -10px; left: 50%; margin-left: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-bottom-color: #f3582e; border-bottom-style: solid; display: block; font-size: 0; line-height: 0; width: 0; }
#header .gzh .on dd { display: block; }
#header .gzh .weixin dt{background-position: -10px -117px;}
#header .gzh .toutiao dt{background-position: -10px -243px;}

/* siteSearch */
.siteSearch{width: 324px; height: 34px; position: absolute; top: 46px; right: 142px;}
.siteSearch .keyword{height: 22px;line-height: 22px;padding: 4px 0px 4px 38px;background: url(../Images/icon-search.png) 10px 6px no-repeat #fff;float: left; *display: inline;border: 2px solid #f3582e;width: 228px;}
.siteSearch .submit{width: 50px; height: 34px; line-height: 34px; float: right;*display: inline; background: #f3582e; color: #fff; font-size: 14px; text-align: center; border: none; cursor: pointer;}

/* topNav */
.topNav{height: 50px;background: url(../Images/topnav.gif) repeat-x; }
.mainNav{height: 50px; position: relative;}
.mainNav .spe{width: 10px; text-align: center; line-height: 50px; height: 50px; color: #fff; font-size: 14px; float: left;*display: inline; }
.mainNav .li1{width: 124px;float: left;*display: inline;height: 50px;position: relative;z-index: 2;}
.mainNav .h1{display: block;height: 50px; line-height: 50px; text-align: center; font-size: 16px;}
.mainNav .a1{display: block; color: #fff; line-height: 50px; height: 50px; text-align: center;}
.mainNav .a1:hover{text-decoration: none;}
.mainNav .on1{background: #ff7f1f;}

/* 菜单效果1 */
.mainNav .ul1{  display:none; width: 100%; float:left; position:absolute; z-index:1;  left:0%; top: 50px; background-color:#ed6f11;}
.mainNav .ul1 .li2{width:100%;height:auto;float:left;border-bottom: 1px solid #c65500;text-align:center;}
.mainNav .ul1 .last2{border:0;}
.mainNav .ul1 .a2{ display:block; line-height:20px; padding:6px 10px; width:auto; color:#fff;}
.mainNav .ul1 .a2:hover{background: #e16c13;color:#fff;}



/* content */
#content{width: 1200px; margin: 10px auto 0px;}

/* path */
.path{padding: 6px 0px 6px 30px;height: 26px;line-height: 26px;background: url(../Images/path.png) 10px 9px no-repeat #fafafa;text-align: left;font-size: 14px;font-family: "Microsoft Yahei";color: #333;border:1px solid #ebebeb;}
.path em{font-style: normal;}
.path span,
.path a { margin: 0 5px; color: #333;}
.path a:hover{color: #ff7f1f}

/* 通用盒子 */
.box { }
.box .hd {height: 42px; border-bottom: 1px solid #e6e6e6; padding-right: 10px; padding-top: 7px }
.box .hd h3{float: left;*display: inline;padding-left: 36px;height: 42px;line-height: 42px;font-size: 18px;font-weight: bold;color: #333333;background: url(../Images/box-hd-01.png) 6px 13px no-repeat;}
.box .hd h3 a{color: #333333}
.box .hd h3 a:hover{color: #e60012}
.box .hd .more{float: right; _display: inline; height: 42px; line-height: 42px; color: #a8a8a8}
.box .bd{padding: 8px 0px;}

.boxA{}
.boxA .hd{height: 50px; line-height: 50px; border-bottom: 1px solid #dddddd; overflow: hidden;}
.boxA .hd h3{float: left; *display: inline; padding-left: 5px; font-size: 18px; font-weight: bold; color: #333; height:48px; line-height:48px; border-bottom:2px solid #ff7f1f; padding: 0 20px}
.boxA .hd h3 a{color: #333}
.boxA .hd h3 a:hover{color: #ff7f1f}
.boxA .bd{padding: 8px 0px;}

.boxB{}
.boxB .hd{height: 38px; line-height: 38px; border-bottom: 2px solid #ff7f1f; overflow: hidden;}
.boxB .hd h3{float: left;*display: inline; padding: 0 25px; background: #ff7f1f; font-size: 16px; color: #fff; }
.boxB .hd h3 a{color: #fff}
.boxB .bd{padding: 10px 0px}

/* sideBox */
.sideBox{ }
.sideBox .hd{ height:48px; border-top: 2px solid #ffa517; background:#fafafa; padding-right: 10px;}
.sideBox .hd h3{float: left; _display: inline; height: 48px; line-height: 48px; padding-left: 20px; font-size: 18px; color: #333; font-weight:bold;}
.sideBox .hd h3 a{color: #333;}
.sideBox .hd h3 a:hover{color: #e60012}
.sideBox .hd .more{float: right; _display: inline; height: 48px; line-height: 48px; color: #a8a8a8}
.sideBox .bd{ background:#fff; padding:10px 20px;}

/* sideBoxA */
.sideBoxA{}
.sideBoxA .hd{height: 40px; line-height: 40px; background: #fa964e;}
.sideBoxA .hd h3{float: left;height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #fff}
.sideBoxA .hd h3 a{color: #fff}
.sideBoxA .bd{padding:10px; background: #f2f2f2;}


/* tabBox */
.tabBox{}
.tabBox .tHd{height:33px; background: url(../Images/tabboxhdbg-01.png) repeat-x; overflow: hidden;}
.tabBox .tHd ul{float: left; _display: inline; }
.tabBox .tHd ul li{height: 33px;  float: left; _display: inline; font-size: 16px; color: #5e5e5e; position: relative; }
.tabBox .tHd ul li a{height: 30px; float: left; _display: inline; line-height: 30px;  padding: 1px 11px 2px; color: #5e5e5e;}
.tabBox .tHd ul li.on a,
.tabBox .tHd ul li a:hover{padding: 0px 10px; border: 1px solid #97c1f6; border-bottom: 2px solid #97c1f6; color: #ca2c07; background: url(../Images/tabboxhd-01.png) 0px 0px no-repeat #fff;}
.tabBox .tHd .more{float: right; _display: inline; height: 33px; line-height: 33px; font-size: 12px; color: #a8a8a8; padding-right: 10px}
.tabBox .tHd .more a{color: #a8a8a8}
.tabBox .tHd .more a:hover{color: #ca2c07}
.tabBox .tBd{padding: 8px 0px;}

/* 友情链接 */
#friendLinks{width: 1180px; margin: 0 auto 10px; overflow: hidden; background:#fff; padding:10px;}
#friendLinks .hd{float:left; height:30px; line-height:30px; width:100px; text-align:right;}
#friendLinks .hd h3{display:block; text-align:right; font-weight:bold;}
#friendLinks .bd{overflow:hidden}
#friendLinks .bd ul{overflow: hidden; padding-left: 10px;}
#friendLinks .bd ul li{ height: 30px; line-height: 30px; overflow: hidden; padding-left: 12px; font-size: 14px; background: url(../Images/dot-01.gif) 2px 50% no-repeat; float: left; margin-right: 15px;}
#friendLinks .bd select{width:23%; height:30px; line-height:30px; float:left; margin:0 1%;}

/* footer */
#footer { text-align: left; padding: 30px 0px; background: #505050; color: #cccccc;}
#footer .siteWidth{position: relative; }
#footer .areaL{width: 660px; padding-left: 30px;}
#footer .footNav{ height:26px; line-height:26px; color: #cccccc; text-align: left;}
#footer .footNav a{ margin:0; color: #cccccc}
#footer .footNav .spe{margin: 0 10px;}
#footer .copyright {height: auto; line-height: 26px;font-size: 12px; font-family: Arial; text-align: left; color: #cccccc}
#footer .areaR{float: right;}
#footer .gzh{float: right;}
#footer .gzh dl{width: 80px; height: 90px; float: left; *display: inline; position: relative;}
#footer .gzh dt {display:block;width: 80px; height:90px; text-align: center;overflow:hidden;}
#footer .gzh dt a{display: block;height: 26px;line-height: 26px;padding-top: 64px;text-align: center;color:#cccccc;background: url(../Images/icons.png) 13px -613px no-repeat;}
#footer .gzh .site { margin: 0 0 0 5px;}
#footer .gzh dd {clear: both;display: none;padding: 2px;background: #cccccc;position: absolute;right: 50%;bottom: 95px;margin-right: -48px;width: 100px;height: 100px;}
#footer .gzh dd img { width: 100px; height: 100px; }
#footer .gzh dd i { z-index: 8; position: absolute; bottom: -10px; left: 50%; margin-left: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-top-color: #cccccc; border-top-style: solid; display: block; font-size: 0; line-height: 0; width: 0; }
#footer .gzh .on dd { display: block; }
#footer .gzh .weibo dt a{background-position: 13px -736px;}
#footer .gzh .toutiao dt a{background-position: 13px -861px;}
#footer .pics{float: left;*display: inline; }
#footer .pics #_span_jiucuo{float: right;*display: inline;margin: 12px 28px 0px 28px;}
#footer .pics #_ideConac{float: right;*display: inline; }

#footer .btn-bgt {position:  absolute;right:  340px;top: 12px;}
#footer .btn-bgt img { width:110px;}

/* 悬浮栏 */
.pinned{position:fixed;top: 250px;right:10px;z-index:101;background: #fff;}
.pinned li a{display:block;cursor:pointer; border-bottom: 1px solid #e9e9e9; width:62px; height:58px; overflow:hidden; text-align:center;}
.pinned li span{display:block;height:58px;}
.pinned li span.i2{background: #e9f0f8;}
.pinned li span i{display: block; width: 62px; height: 35px;}
.pinned li b{display:block;color:#888;font-weight:normal; height: 20px; text-align: center;line-height: 20px; font-size: 12px;}
.pinned li a:hover .i2 b{color:#2c70c5;}
.pinned .wx{position:relative;}
.pinned .wx .pic{position:absolute;right:70px;top:0;display:none;}
.pinned .iconSideHome{background: url(../Images/icons-2.png) 19px -471px no-repeat;}
.pinned .iconSideHomeOn{background: url(../Images/icons-2.png) 19px 12px no-repeat;}
.pinned .iconSideWx{background: url(../Images/icons-2.png) 17px -553px no-repeat;}
.pinned .iconSideWxOn{background: url(../Images/icons-2.png) 17px -69px no-repeat;}
.pinned .iconSideWb{background: url(../Images/icons-2.png) 17px -632px no-repeat;}
.pinned .iconSideWbOn{background: url(../Images/icons-2.png) 17px -148px no-repeat;}
.pinned .iconSideBackUp{background: url(../Images/icons-2.png) 21px -713px no-repeat;}
.pinned .iconSideBackUpOn{background: url(../Images/icons-2.png) 21px -228px no-repeat;}


/* goTop */
#goTop {
    position: fixed;
    display: none;
    _display: none !important;
    bottom: 60px;
    right: 5px;
    z-index: 99;
    cursor: pointer;
    margin: 5px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 0 5px #9c9c9c;
    -webkit-box-shadow: 0 0 5px #9c9c9c;
    background: url(../Images/gotop.png) 0px 0px no-repeat;
}
