@charset "utf-8";
* { margin: 0;padding: 0;}

/* tell the browser to render HTML 5 elements as block */
#article, #aside, #figure, #footer, #header, #hgroup, #nav, #section {display:block;}

body { margin:0; font:12px "\5B8B\4F53", sans-serif;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,p { padding:0; margin:0; }
li { list-style-type:none; }
img { vertical-align:top; border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }

a { color:#252525; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { color:#ba2636; text-decoration:underline; }
a:active { color:#ba2636; }

.l{float:left;}
.r{float:right;}
.clean{ clear:both;}
.c8{ clear:both; height:10px;}

#main, #header {margin:6px auto 0 auto;width:1101px; overflow:hidden;}

#header{ margin:0 auto; padding: 10px 0; display: flex; align-items: center;justify-content: space-between}
#logo h1{padding:0px; float:left; padding-top:6px;}
#logo h1 a{display:block;width:476px;height:81px;background:url(../images/logo.png) no-repeat;text-indent:-9999em;}
#menu{ width:100%; background:url(../images/nav_bg.jpg) repeat-x; height:44px;}
#nav {height:44px;width: 1101px;  margin:0 auto;}
#nav ul{}
#nav ul li{ width:136px; text-align:center; color:#fff; font-weight:bold; float:left; font-size:14px; line-height:46px; display: flex;align-items: center;justify-content: space-between}
#nav ul li::before,#nav ul li:last-child::after{
    content: '';
    width: 1px;
    height: 20px;
    background:url(../images/nav.jpg) no-repeat;
    background-position: left center;
}
#nav ul li a {display:block;width:136px; height:44px;color:#fff;font-weight:bold;font-size:14px;}

#nav ul li a:hover,#nav ul li a.on {background:url(../images/n_cb.jpg) no-repeat; background-position: -1px 0; width:136px; height:44px;text-decoration:none; color:#fff;}
#nav ul li a:active{width:136px; height:44px;text-decoration:none; color:#fff;}
.nav-div{
    width: 136px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    float: left;
    font-size: 14px;
    line-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#flash{ float:left; width:820px; padding-top:4px;}
#Seo{width:275px; height:275px; margin-top:4px; position: relative; box-sizing: border-box; background: #eeeeee; float:right;}
.blue-bg{
    background: #0075dc;
    height: 100px;
    color: #fff;
    padding: 0 15px;
    padding-top: 15px;
    font-size: 16px;
    position: absolute;
    width: 100%;
}
.contact-form{
    height: 184px;
    border-radius: 5px;
    margin: 0 15px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    background: #fff;
}
.form-item{
    padding: 15px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.form-desc{height: 82px;width:100%; border: 1px solid #ccc;padding: 3px;}
.form-item label{font-size: 14px;}
.form-item input{height: 24px; width: 99%;border: 1px solid #ccc; padding: 3px;}
.submit-btn{background: #0075dc; border-radius: 5px; cursor: pointer; border: none; height: 28px; color:#fff;font-size: 14px;width: 100%;}
*{box-sizing: border-box;}
.flex-1{flex: 1}
.ml-15{margin-left: 15px}
.ml-10{margin-left: 10px}
.star{color:red}

.Btn{background:url(../images/btn.jpg) no-repeat; width:216px; height:48px; border:none;}
#article{ width:1100px; height:161px; background:url(../images/atr_bg.jpg) no-repeat; margin:10px auto;}
#article ul{}
#article ul li{ float:left; width:275px;}
#article ul li h2{FONT-WEIGHT:bold; FONT-SIZE: 1.2em; COLOR: #3169AE; LINE-HEIGHT: 100%; padding:14px 0 0 46px;}
#article ul li p{ font-size:12px; line-height:23px; text-align:left; padding:24px 14px 0; height: 93px;}
#article ul li .more{ text-align:right; padding:10px 6px 0 0;}

#sectionindex{ width:792px; border:4px solid #8DC9FD; float:left; }
.flex-aic-jcsb{display: flex; align-items: center; justify-content: space-between}
.flex-jcsb{display: flex;  justify-content: space-between}
.flex-jcc{display: flex;  justify-content: center}

.fl {FLOAT: left}
.fr {FLOAT: right}
.cl {WIDTH: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px}
.cont {MARGIN: 0; WIDTH: 790px}
.cont .Pic{ padding:0 0 10px 0px; padding-top:10px;}
.cont .right {WIDTH: 760px; margin:0 auto;}
.cont .right .top {WIDTH: 760px; HEIGHT: 79px}
.box_bgchange {POSITION: relative; WIDTH: 371px; HEIGHT: 79px; OVERFLOW: hidden}
.box_bgchange .box_change_1 {POSITION: absolute; BACKGROUND-COLOR: #fc3; WIDTH: 371px; HEIGHT: 79px; TOP: 0px; LEFT: -371px}
.box_bgchange .box_change_2 {POSITION: absolute; WIDTH: 371px; HEIGHT: 79px; FONT-SIZE: 20px; TOP: 0px; LEFT: 0px}
.cont .right .top .box {BORDER: #ebebed 1px solid; BACKGROUND-COLOR: #fff; WIDTH: 369px; HEIGHT: 77px; OVERFLOW: hidden;}
.cont .right .top .box .marg_left {DISPLAY: inline; MARGIN-LEFT: 23px}
.cont .right .top .box .marg_right {DISPLAY: inline; MARGIN-RIGHT: 23px}
.cont .right .content {MARGIN-TOP: 13px; WIDTH: 760px}
.cont .right .content .box_1 UL {WIDTH: 371px; OVERFLOW: hidden}
.cont .right .content .box_1 .tit  LI{TEXT-ALIGN: center; border:#e6e6e6 1px solid;LINE-HEIGHT: 22px; WIDTH: 123px; FLOAT: left; HEIGHT: 24px}
/*.cont .right .content .box_1 LI.fgx {WIDTH: 1px; BACKGROUND: none transparent scroll repeat 0% 0%}*/
.cont .right .content .box_1 .tit LI A {COLOR: #0088cc; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.cont .right .content .box_1 LI A:hover {TEXT-DECORATION: underline}
/*.cont .right .content .box_1 .change_bg {BORDER: #e6e6e6 1px solid;WIDTH: 121px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 23px;}*/
/*.cont .right .content .box_1 .change_bg A {COLOR: #0088cc}*/
.cont .right .content .box_1 .change_fgx {BORDER-BOTTOM: #e6e6e6 1px solid; WIDTH: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 23px}
.cont1 .right .content .box_1 .neirong {BORDER: #e6e6e6 1px solid; display: flex; align-items: center; justify-content: center;
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 369px; PADDING-RIGHT: 0px; DISPLAY: none; HEIGHT: 177px; border-top:none;}
.tablist{
    display: flex;
    align-items: flex-start;
}
.neirong .piclist{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 14px;
    height: 100%;
}
.neirong .piclist img{
    width: 90px;
    height: 90px;
}
.neirong .neirong-list{
    padding: 7px 14px;
    height: 100%;
}
.neirong .neirong-list li{
    margin-bottom:0.5px
}
.cont .right .content .box_1 .neirong {BORDER: #e6e6e6 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 369px; PADDING-RIGHT: 0px; DISPLAY: none; HEIGHT: 317px;border-top:none;}
.cont .right .content .box_1 .neirong P {LINE-HEIGHT: 20px; WIDTH: 220px; DISPLAY: inline; COLOR: #666; FONT-SIZE: 12px; MARGIN-RIGHT: 13px}
.cont .right .content .box_1 .neirong UL {WIDTH: 248px; padding-right: 10px; }
.cont .right .content .box_1 .neirong UL LI A { TEXT-DECORATION: none; font-weight:normal;}
.cont .right .content .box_1  .neirong-list>li>span{
    padding-right: 3px;
}
.cont .right .content .box_1  .neirong-list>li{
    background: url(../images/dot.gif) no-repeat 4px 8px;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
}
.cont .right .content .box_1  .neirong-list>li a{
    color: #252525
}
.cont .right .content .box_1  .tit .change_bg {BORDER: #0088cc 1px solid;WIDTH: 123px; BACKGROUND: #0088cc; }
.cont .right .content .box_1 .tit .change_bg a {COLOR: #fff}
/*BACKGROUND-COLOR: #0088cc; */
.cont .right .content .box_1 .bottom {WIDTH: 371px; BACKGROUND: url(../images/index_news_bottom_bg.jpg) no-repeat; HEIGHT: 4px; OVERFLOW: hidden}
.cont .right .content .box_2 UL.list {WIDTH: 371px; OVERFLOW: hidden}
.cont .right .content .box_2 UL.list LI {TEXT-ALIGN: center; LINE-HEIGHT: 22px; BACKGROUND-COLOR: #0088cc; WIDTH: 227px; FLOAT: left; HEIGHT: 24px}
.cont .right .content .box_2 UL.list LI.fgx {WIDTH: 1px; BACKGROUND: none transparent scroll repeat 0% 0%}
.cont .right .content .box_2 UL.list LI A {COLOR: #fff; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.cont .right .content .box_2 UL.list .change_bg {BORDER: #e6e6e6 1px solid; WIDTH: 141px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 23px;}
.cont .right .content .box_2 UL.list .change_a {COLOR: #0088cc}
.cont .right .content .box_2 UL.list .change_fgx {BORDER-BOTTOM: #e6e6e6 1px solid; HEIGHT: 23px}
.cont .right .content .box_2 .neirong {border: #e6e6e6 1px solid; BORDER-top: none; PADDING-BOTTOM: 9px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 369px; PADDING-RIGHT: 0px; COLOR: #666; FONT-SIZE: 12px;PADDING-TOP: 10px;}
.cont .right .content .box_2 .neirong .p_1 {BORDER-BOTTOM: #e6e6e6 1px solid; PADDING-BOTTOM: 12px; MARGIN: 0px auto; WIDTH: 336px}
.cont .right .content .box_2 .neirong .p_1 A {COLOR: #0088cc; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.cont .right .content .box_2 .neirong .box_down {MARGIN: 0px auto; WIDTH: 336px}
.cont .right .content .box_2 .neirong .box_down .bt {LINE-HEIGHT: 24px; HEIGHT: 24px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: bold}
.cont .right .content .box_2 .neirong .box_down .bt a {LINE-HEIGHT: 24px; HEIGHT: 24px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: bold}
.cont .right .content .box_2 .neirong .box_down UL {WIDTH: 336px; OVERFLOW: hidden}
.cont .right .content .box_2 .neirong .box_down LI {LINE-HEIGHT: 20px; TEXT-INDENT: 15px; WIDTH: 336px; BACKGROUND: url(../images/index_jiantou_ico.jpg) no-repeat left center; FLOAT: left; HEIGHT: 20px}
.cont .right .content .box_2 .neirong .box_down A {COLOR: #666; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.cont .right .content .box_2 .neirong .box_down .gengduo {CLEAR: both}
.cont .right .content .box_2 .neirong .box_down .gengduo A {COLOR: #0088cc; FONT-SIZE: 12px; TEXT-DECORATION: none}
.cont .right .linian {BORDER: #ebebeb 1px solid;PADDING-BOTTOM: 15px; MARGIN-TOP: 15px; WIDTH: 758px;PADDING-TOP: 10px; _padding-bottom: 12px}
.cont .right .linian UL {TEXT-ALIGN: left; WIDTH: 120px; FLOAT: left}
.cont .right .linian LI {LINE-HEIGHT: 22px; HEIGHT: 22px; OVERFLOW: hidden}
.cont .right .linian LI.biaoti {HEIGHT: 30px; COLOR: #333; FONT-SIZE: 12px; FONT-WEIGHT: bold; _height: 28px}
.cont .right .linian A {FONT-FAMILY: Arial; COLOR: #4d4d4d; FONT-SIZE: 12px; TEXT-DECORATION: none}

#aside{ width:290px; float:right;}
.News{ width:288px; margin:0 auto; overflow:hidden; padding-bottom:10px; border:1px solid #8DC9FD;}
.News .N_t{ height:38px; width:100%; background:url(../images/t_bg.jpg) repeat-x;}
.News .N_t h2{ color:#00479D;FONT-WEIGHT: lighter; FONT-SIZE: 1.4em;LINE-HEIGHT: 100%; FONT-FAMILY: '微软雅黑', Verdana, Arial, Sans-Serif; padding:10px 0 0 20px;}
.News .N_C{ overflow:hidden; padding:5px 0 0;}
.News .N_Tit{ background:url(../images/t1.png) no-repeat; width:288px; height:49px; text-align:left;}
.News .N_Tit h2{FONT-WEIGHT: lighter; FONT-SIZE: 1.4em; COLOR: #00479D; LINE-HEIGHT: 100%; FONT-FAMILY: '微软雅黑', Verdana, Arial, Sans-Serif; padding:20px 0 0 26px;}
.News .N_Con{ overflow:hidden; padding:6px 0; margin-bottom:6px; border-bottom:1px dotted #ccc; margin-left:20px;}
.News .N_Con h3{background:url(../images/dot.gif) no-repeat 4px 8px; line-height:25px; #626262; padding-left:20px;}
.News .Hb{ width:260px; margin:0 auto;}
.News .Hb h4{FONT-WEIGHT: lighter; FONT-SIZE: 1.2em; COLOR: #EB6100; FONT-FAMILY: '微软雅黑', Verdana, Arial, Sans-Serif; padding:2px 0 0 8px;}
.News .Hb h5{background:url(../images/start.jpg) no-repeat 4px 8px; line-height:20px; color:#626262; padding:4px 0 0 70px;}
.News .Hb h6{line-height:20px; color:#626262; padding:4px 0 0 6px;}
.News .Hb h3{line-height:20px; color:#626262; padding:4px 0 0 6px;}

#link{margin:0 auto;width:1099px; overflow:hidden; border:1px solid #8DC9FD;}
#link .L_top{ height:38px; width:100%; background:url(../images/t_bg.jpg) repeat-x;}
#link .L_top h2{ padding:10px 0 0 20px;}
#link .L_C{ overflow:hidden; height:96px;}
#link .L_C ul{ padding:16px 0 0;}
#link .L_C ul li{ float:left; width:156px; text-align:center;}

#footer{ width:100%; background:#000; height:210px; margin-top: 50px;color:#fff;}
.h20{height:20px; clear:both;}
#footer .F_bg{margin:0 auto; width:912px; height:188px;}
#footer .F_bg ul{}
#footer .F_bg ul li{ float:left; width:150px; text-align:left;padding:2px 0 0 35px;}
#footer .F_bg ul li h2{FONT-WEIGHT:bold;; FONT-SIZE: 1.2em; color:#fff;line-height:40px;}
#footer .F_bg ul li h3{ font-size:12px; color:#fff; line-height:25px;}
#footer #copyright{ width:912px; margin:0 auto;color:#fff; text-align:center; line-height:25px;}

.foot_banner_box {POSITION: fixed; FILTER: alpha(opacity=90); BACKGROUND-COLOR: #fff; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 70px; BORDER-TOP: #ccc 1px solid; LEFT: 0px; _position: absolute; opacity: 0.9}
.foot_banner_cotent {MARGIN: 0px auto; WIDTH: 1000px; HEIGHT: 52px; OVERFLOW: hidden; PADDING-TOP: 9px}
.foot_banner_cotent IMG {Z-INDEX: 10; POSITION: relative}
.foot_banner_cotent .margin_pic1 {DISPLAY: inline; MARGIN-LEFT: 14px}
.foot_banner_cotent .margin_pic2 {DISPLAY: inline; MARGIN-LEFT: 133px}
.foot_banner_cotent .margin_pic3 {DISPLAY: inline; MARGIN-LEFT: 44px}

.live_btn {width:36px;height:136px;display:none; cursor:pointer; background:url(../images/kefu_02.jpg) no-repeat;z-index:2; margin-top:15px;}
#float_layer .live_main {position:absolute; right:0px; background:url(../images/kefu_01.jpg) no-repeat; padding-top:50px; width:131px; height:313px; display:block;z-index:2; top:15px;}
#float_layer .live_main div {padding-bottom:3px;z-index:2;}
#live_close {display:block;position: absolute;right:1px;top:22px; cursor:pointer; z-index:10000; display:block;z-index:2;}
.float_layer_close {background:none;cursor:default;z-index:2;}
#float_layer .live_main div a {display: block;width:90px; height: 26px;margin:0 auto;z-index:2;}
#float_layer .live_main div a.qq {height:23px;z-index:2;}
#float_layer .live_main div a.qq1 {height:23px;z-index:2;}
#float_layer .live_main div a.kf {height:60px;z-index:2;}
#float_layer .live_main div a.kf1 {height:26px;z-index:2;}
.float_class{width:138px;z-index: 2}
.float_class2{width:40px;z-index: 2}

div#MainPromotionBanner{width:820px;height:275px;background:#feb900;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: 0 auto;}
#MainPromotionBanner .Slides{padding: 0;	margin: 0;list-style: none;height: 275px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width: 820px;height: 275px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 820px;height: 275px;}
#MainPromotionBanner .SlideTriggers{	margin: 0;padding: 0;list-style: none; position: absolute;top: 240px;right: 0px;z-index: 10;height: 25px;}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #74a8ed;text-align: center;line-height:16px;width: 16px;height: 16px;font-family: Arial;font-size: .9em;cursor: pointer;overflow: hidden;margin:3px 6px;
    background: url(../images/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0;font-weight:bold;font-size: 1.4em;line-height: 21px;height: 21px;width: 21px;margin:0 6px;}



.con {
    width: 1101px;
    margin: 0 auto;
}

.user-center {
    display: flex;
    background: #f6f6fb;
    margin-top: 20px;
}
.user-left {
    width: 300px;
    padding: 40px;
    padding-top: 20px;
}


.user-left .item {
    padding: 20px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}
.user-left .item.on {
    color: #0A246A;
    font-weight: bold;
}
.user-main {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 40px;
    padding-top: 40px;
}