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

/*common*/



body { font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; margin: 0px; padding: 0px; color: #555; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
hr { color: #eee; background: #eee; }
a { color: #666; text-decoration: none; }
p { padding: 0px; margin: 0px; }
a:hover { text-decoration: none !important; }
.container { width: 1200px; margin-left: auto; margin-right: auto; display: block; }
.full-container { width: 100%; margin-left: auto; margin-right: auto; display: block; clear: both; overflow: hidden; }
.adv-container { width: 100%; text-align: center; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; clear: both; overflow: hidden; font-size: 1px; line-height: 1px; }
.link { color: #F60; }
.nodata { color: #ccc; font-size: 18px; text-align: center; display: block; padding: 50px; }
.nodata img { display: block; margin: 50px auto; }
.border-top { border-top: #eee solid 1px; }
.border-left { border-left: #eee solid 1px; }
.border-right { border-right: #eee solid 1px; }
.border-bottom { border-bottom: #eee solid 1px; }
.nav_tab_bar { height: 45px; background: #fff; display: block; clear: both; }
.nav_tab_bar ul { list-style: none; display: block; width: 100%; padding: 0px; margin: 0px; border-bottom: 1px solid #e8e8e8; }
.nav_tab_bar ul li { list-style: none; width: 20%; height: 45px; background: #fff; display: block; float: left; line-height: 45px; font-size: 14px; color: #666; text-align: center; }
.nav_tab_bar ul li a { display: block; }
.nav_tab_bar .active { height: 44px; color: #ff3c00; border-bottom: 2px solid #ff3c00; }
.nav_tab_bar .active a { color: #ff3c00; }
/*==============================================================================================*/

/*页顶模块 toper

/*==============================================================================================*/

.toper { background: #f4f4f4; height: 35px; line-height: 35px; border-bottom: #ddd solid 1px; display: block; clear: both; width: 100%; }
.topbd { display: block; color: #888; }
.topbd-nav li { float: left; display: block; list-style: none; height: 35px; line-height: 35px; color: #888; position: relative; }
.topbd-nav li a { padding: 0 8px; height: 35px; line-height: 35px; color: #888; }
.topbd-nav li a:hover { padding: 0 8px; height: 35px; line-height: 35px; color: #C33; }
.topbd-nav .dropdown-menu { min-width: 100px; }
.topbd-nav .dropdown-menu li a { color: #666; }
.topbd-nav .user_nav { min-width: 100px; }
.topbd-nav .user_nav li a { color: #666; }
.topbd-nav .user_nav li a:hover { color: #666; }
.topbd-nav .user_nav li { float: none; line-height: 25px; height: 25px; }
.dropdown-hd { display: block; height: 30px; line-height: 30px; border-bottom: #eee solid 1px; }
.topbd-nav li.hoverdown { border-left: #f4f4f4 solid 1px; border-right: #f4f4f4 solid 1px; }
.topbd-nav li.hoverdown:hover { background: #fff; color: #666; border-left: #ddd solid 1px; border-right: #ddd solid 1px; }
.topbd-nav li.hoverdown:hover a { color: #666; }
.topbd-nav ol.dropdown { margin: 0px; padding: 0px 0px 8px 0px; display: none; min-width: 84px; overflow: hidden; position: absolute; z-index: 1000; background: #fff; border: #ddd solid 1px; top: 35px; right: -1px; border-top: none; }
.topbd-nav ol.dropdown li { line-height: 25px; height: auto; margin-left: 0px; clear: both; display: block; text-align: center; overflow: hidden; width: 100%; }
.topbd-nav ol.dropdown li a { font-size: 12px; color: #666; line-height: 25px; height: auto; display: block; margin: 0 auto; }
.topbd-nav ol.dropdown li a:hover { color: #C33; }
/*==============================================================================================*/

/*页头模块 header

/*==============================================================================================*/

.header { display: block; clear: both; background: #fff; }
.headbd { padding-top: 20px; padding-bottom: 10px; display: block; overflow: hidden; }
.headbd .logo { width: 300px; display: inline-block; float: left; margin-top: 0px; }
.nav-bar { margin-top: 12px; list-style: none; float:right;}
.nav-bar li { list-style: none; float: left; margin-left: 30px; height: 30px; line-height: 30px; }
.nav-bar li a { display: block; font-size: 16px; line-height: 30px; color: #333; }
.lanset { position: relative; z-index: 2; float: left; background: none !important; width: 110px; color: #a0a0a0; margin-top: 6px; }
.lanset img { margin-right: 3px; margin-left: 0px; }
.lancur { background: #ccc !important; float: left; display: block; }
.lan { position: absolute; display: none; width: 110px; z-index: 22; top: 22px; right: 0px; overflow: hidden; background: #eeeeee; }
.lan li { padding: 0 0px 0 0px; clear: both; display: block; width: 110px; border-bottom: #ddd solid 1px; line-height: 30px; }
.lan li:last-child { border: none; }
.lan li:hover { background: #dddddd; display: block; }
.lan li.lan-en a { background: url(../images/lan-en.png) 15px 10px no-repeat; }
.lan li.lan-cn a { background: url(../images/lan-cn.png) 15px 10px no-repeat; }
.lan li.lan-hk a { background: url(../images/lan-hk.png) 15px 10px no-repeat; }
.lan li a { display: block; overflow: hidden; padding-left: 35px; color: #666666; }
.message_toast { position: relative !important; padding: 5px !important; margin: 5px !important; }
.message_toast_sign { position: absolute; right: 0px; top: 0px; z-index: 88; display: block; width: 8px !important; height: 8px !important; font-size: 0px !important; line-height: none !important; background: #f15340; -moz-border-radius: 4px;      /* Gecko browsers */ -webkit-border-radius: 4px;   /* Webkit browsers */ border-radius: 4px;            /* W3C syntax */ }
.message_toast_num { position: absolute; right: -4px; top: -3px; z-index: 88; display: table; width: 12px !important; height: 12px !important; font-size: 10px !important; line-height: none !important; background: #f15340; line-height: 10px !important; text-align: center; vertical-align: middle; color: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 6px;      /* Gecko browsers */ -webkit-border-radius: 6px;   /* Webkit browsers */ border-radius: 6px;            /* W3C syntax */ }
/*==============================================================================================*/

/*内容模块 bodyer

/*==============================================================================================*/

.bodyer { position: relative; display: block; width: 100%; margin-bottom: 30px; min-height: 520px; }
.crumb { background: #f5f5f5; margin-bottom: 20px; padding: 0px 15px; }
/*==============================================================================================*/

/*左栏模块 lefer

/*==============================================================================================*/



.lefter { width: 200px; float: left; overflow: hidden; clear: both; background: #f8f8f8; min-height: 500px; }
.cate_box { display: block; overflow: hidden; }
.cate_box h2 { display: block; overflow: hidden; background: #e03a23; text-align: center; padding: 0px; margin: 0px; color: #fff; height: 45px; line-height: 45px; font-weight: normal; }
.cate_box ul { display: block; overflow: hidden; list-style: none; }
.cate_box ul li { display: block; overflow: hidden; list-style: none; }
.cate_box ul li a { display: block; overflow: hidden; list-style: none; line-height: 35px; height: 35px; padding: 0px 15px; margin: 0px; border-bottom: #eee solid 1px; }
.cate_box ul li:last-child a { border-bottom: #eee solid 0px; }
.cate_box ul li a:hover { background: #eee; }
.cate_box ul li.active a { color: #e03a23; }
.menu { width: 200px; display: block; overflow: hidden; clear: both; }
.menu > .nav > li.show > a.active { background: #31ab66 !important; border-color: #31ab66; color: #fff; }
.nav-default { width: 100%; background-color: #fff; }
.nav-default * { list-style: none; }
.nav-default > li.nav-item { height: 38px; line-height: 38px; overflow: hidden; padding-left: 6px; }
.nav-default > li.nav-item a { display: block; }
.nav-default > li > div { height: 50px; line-height: 50px; overflow: hidden; color: #333; padding-left: 6px; font-size: 16px; background: #fafafa; }
.nav-default > li > div i { color: #888; }
.nav-default > li > div a { color: #333; }
.nav-default > li:last-child > div.header { border-bottom: none; }
.nav-default > li ol li { color: #727272; }
.nav-default > li ol li a { display: block; padding: 10px 10px 10px 35px; font-size: 14px; }
.nav-default > li ol li:last-child { border-bottom: none; }
.nav-default > li ol li.selected { background-color: #fff; }
.nav-default div { color: #666; display: block; background: #f8f8f8; }
.nav-default > li > div > .label { padding-left: 24px; background: no-repeat; }
.nav-default > li > div > .up { display: block; width: 16px; height: 16px; margin-top: 8px; padding: 11px 11px 11px 20px; background: no-repeat center; float: right; background-image: url(../images/arrow_d.png); }
.nav-default > li > div > .down { display: block; width: 16px; height: 16px; margin-top: 8px; padding: 11px 11px 11px 20px; background: no-repeat center; float: right; background-image: url(../images/arrow_u.png); }
.nav-default .active a { background-color: #fdfdfd; color: #1b9ad5; }
/*==============================================================================================*/

/*righter

/*==============================================================================================*/

.righter { position: relative; display: inline-block; width: 990px; float: right; margin-bottom: 30px; }
/*==============================================================================================*/

/*page

/*==============================================================================================*/

.page { overflow: hidden; }
.pager { display: block; padding-left: 0; margin: 20px 0; float: right; }
.pager .rows { height: 30px; line-height: 30px; padding-left: 15px; }
.pager > li { display: inline; padding-left: 5px }
.pager > li > a,  .pager > li > span { color: #666; padding: 10px 12px; font-family: "宋体", Arial, Helvetica, sans-serif; font-size: 14px; background-color: #fafafa; border: 1px solid #ddd; border-radius: 0px; }
.pager > li > a.prev, .pager > li > a.next { font-family: "宋体"; }
.pager > li > a:hover,  .pager > li > span:hover,  .pager > li > a:focus,  .pager > li > span:focus { background-color: #f2f2f2; }
.pager > li > .current:hover { background: none; }
.pager > .active a { color: #dd2a2d; background: none; border: 0px solid #dd2a2d; }
.pager > .disabled > span,  .pager > .disabled > span:hover,  .pager > .disabled > span:focus,  .pager > .disabled > a,  .pager > .disabled > a:hover,  .pager > .disabled > a:focus { color: #fff; background-color: #fff; border-color: #ddd; }
/*==============================================================================================*/

/*页脚模块 footer

/*==============================================================================================*/

.footer { position: relative; display: block; clear: both; background: #323232; overflow: hidden; }
.linker { display: block; overflow: hidden; margin-top: 20px; padding: 40px 20px; }
.linker h2 { color: #ccc; display: block; margin-bottom: 20px; font-size: 16px; }
.linker h2 i { font-size: 18px; color: #ccc; margin-right: 5px; }
.linker .col { width: 130px; margin-right: 20px; float: left; }
.linker .xcol { width: 500px; float: right; }
.linker .xcol .bd { width: 500px; float: right; }
.linker .xcol p { width: 280px; float: left; color: #888; line-height: 25px; padding: 0px; margin: 0px; }
.linker .xcol img { margin-bottom: 5px; }
.linker .xcol span { width: 180px; float: right; color: #888; line-height: 20px; text-align: center; }
.linker a { line-height: 28px; color: #999; }
.linker a:hover { color: #ddd; }

.foot_nav{ list-style:none; margin:10px auto 5px auto; overflow:hidden; text-align:center;}
.foot_nav li{ display:inline-block; margin-right:10px; padding-right:11px; border-right:#ccc solid 1px; line-height:15px; height:15px;}
.foot_nav li a{ display:block; overflow:hidden;}
.foot_nav li:last-child{  border-right:#ccc solid 0px; }
.copyright{ margin:0px auto 30px auto;}
/*==============================================================================================*/

/*浮动模块 pop

/*==============================================================================================*/

#popbar { position: relative; }
/*==============================================================================================*/

/*浮动框

/*==============================================================================================*/



.kefu { position: fixed; bottom: 30%; _position: absolute;  _top: expression(eval(document.documentElement.scrollTop + 365));
z-index: 20; right: 17px; width: 45px }
.kefu ul li { height: 45px; list-style: none; margin-bottom: 1px; float: right; background: #333; line-height: 35px; font-size: 14px; cursor: pointer; position: relative }
.kefu ul li a { color: #fff; }
.kefu ul li.qq_cza { overflow: hidden }
.kefu ul li:hover { background: #e03821; }
.kefu ul li.top { color: #fff; font-weight: 800; text-align: center; line-height: 45px; position: relative; width: 45px; cursor: pointer }
.kefu ul li.top span { position: absolute; overflow: hidden; display: block; left: 0; top: 0px; height: 45px; width: 45px; background: #e03821 url(../images/czx1.png) no-repeat center; }
.kefu ul li.top:hover { background: #333; }
.kefu ul li.top:hover span { background: url(../images/czx2.png) no-repeat center; }
.kefu ul li b { width: 45px; height: 45px; display: block; overflow: hidden; float: left }
.kefu ul li.slow { line-height: 45px; }
.kefu ul li b.a { background: url(../images/czx4.png) no-repeat center center; }
.kefu ul li b.b { background: url(../images/czx3.png) no-repeat center center; }
.kefu ul li b.c { background: url(../images/czx5.png) no-repeat center center; }
.kefu ul li b.d { background: url(../images/phone0.png) no-repeat center center; }
.erweima { /*width: 390px;*/

width: 188px; height: 218px; position: absolute; top: -107px; left: -205px; background: #FFF; border: 1px solid #CCC; float: right; cursor: default !important; display: none }
.erweima p { height: 30px; line-height: 30px; color: #000; font-size: 12px; text-align: center; }
.erweima p img { width: 178px; height: 178px; margin: 5px 5px 0px 5px; }
.erweima .arrow3 { width: 6px; height: 10px; display: block; background: url(../images/czx6.png) no-repeat; position: absolute; right: -6px; top: 122px; }
.phone { width: 137px; height: 220px; padding-left: 8px; background: url(../images/phone_hoer.png) no-repeat; display: none; position: absolute; top: -128px; left: -145px; }


.header_nav {
    background:url("../images/navBg.png") repeat-x scroll left center;
    height: 57px;
    width: 100%;
}
.header_nav > ul > li {
    background:url("../images/navBor.png") no-repeat scroll right center;
    float: left;
    font-size: 14px;
    line-height: 57px;
    position: relative;
    white-space: nowrap;
}
.header_nav > ul > li > a {
    color: #fff;
    display: block;
    padding: 0 39px;
    text-decoration: none;
}
.header_nav > ul > li.last {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.header_nav > ul > li.cur, .header_nav > ul > li:hover {
    background: rgba(0, 0, 0, 0) url("../images/navCur.png") repeat-x scroll left center;
}