/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}



/******************** 公共部分  ********************/
.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.w1200 { width: 1200px; margin: 0 auto;}


/* header */
.header { height: 107px;}
.header .w1200 { position: relative;}
.header .logo { float: left; padding-top: 21px;}
.header .logo a { display: block; height: 65px; background: url(national_emblem.png) no-repeat left center; padding-left: 70px;}
.header .logo h1 { font-size: 30px; line-height: 40px; color: #e01919; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; text-align: left;}
.header .logo span { font-size: 12px; color: #999; text-align: left;}
.header .search { float: right; border: 1px solid #c0cad1; border-radius: 5px; width: 408px; height: 28px; margin-top: 52px; overflow: hidden;}
.header .search .search-txt { float: left; border: 0; width: 287px; height: 28px; background: #fff url(2020css_bm_search.png) no-repeat 8px center; font-size: 14px; line-height: 28px; padding: 0 15px 0 32px; cursor: text; outline: none;}
.header .search .search-btn { float: left; border: 0; border-left: 1px solid #c0cad1; width: 74px; height: 28px; background: #fff; font-size: 16px; color: #0d7abf; cursor: pointer; outline: none;}

.header-right { position: absolute; top: 10px; right: 0;}
.header-right .menu { float: left; line-height: 25px;}
.header-right .menu a { float: left; font-size: 12px; color: #999; margin-right: 10px;}
.header-right .menu a img { vertical-align: middle; margin-left: 5px;}
.header-right .menu a:hover { color: #0d7abf;}
.Senior-edition { display: inline-block; line-height: initial; vertical-align: middle; margin-top: -5px; margin-right: 10px; padding:3px 10px;border:1px solid #999999;border-radius:17px;margin-bottom:0;}
.Senior-edition a {float:left;position:relative; color: #999999;display:block;margin: 0!important;padding-left:10px;}
.Senior-edition a:first-child {padding-right:11px;padding-left:0;}
.Senior-edition a:first-child:after {content:'';width:1px;height:12px;background: #999999;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}

/* 站群导航 */
.site-nav{ float: right;}
.site-nav>h4{ width: 85px; height: 23px; border-radius: 12px; background: #0d7abf; font-size: 14px; font-size: 12px; text-align: center; line-height: 23px; color: #fff;}
.site-nav.active>h4 { background: #fff; color: #0d7abf;}
.site-nav .site-nav-main { position: absolute; right: 0; z-index: 8; top: 23px; width: 1100px;background: #fff; padding: 30px 50px; overflow: hidden; display: none;}
.site-nav-main .hd { float: left; width: 100%;}
.site-nav-main .hd li { position: relative; float: left; width: 183px; background: #f4f4f4; font-size: 16px; line-height: 30px; text-align: center; cursor: pointer;}
.site-nav-main .hd li.on { border-radius: 5px; box-shadow: 0 0 #ccc; line-height: 38px; top: -4px; background: #0d7abf; color: #fff;}
.site-nav-main .bd { clear: both; margin-top: 20px;}
.site-nav-main .bd ul{ display: none;}
.site-nav-main .bd ul:first-child { display: block;}
.site-nav-main .bd ul li { float: left; width: 156px; text-align: center; font-size: 16px; line-height: 18px; padding: 15px 0;}
.site-nav-main .bd ul li a { color: #666;}
.site-nav-main .bd ul li a:hover { color: #0d7abf;}


/* 导航 */
.nav-bar { background: #1c80c7;}
.nav-bar .nav { overflow: hidden;}
.nav-bar li { float: left; width: 170px; height: 60px;}
.nav-bar li a { display: block; width: 100%; height: 100%; color: #fff; font-size: 20px; text-align: center; line-height: 60px;}
.nav-bar li.on { background: #12639c;}

/* footer */
.footer { padding: 20px 0; background: #1c80c7;}
.footer .w1200 { width: 1140px; height: 100%; padding: 0 30px; overflow: hidden;}
.footer p { font-size: 14px; line-height: 26px; color: #fff;}
.footer p a { color: #fff;}
.footer .f-l { float: left; width: 300px; }
.footer .f-c { float: left; height: 104px; padding-left: 49px;}
.footer .f-c p { padding-left: 25px;}
.footer .f-c p:first-child { padding-left: 0;}
.footer .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer .f-r { float: right; height: 104px; padding-left: 40px; line-height: 104px;}
.footer .f-r img { vertical-align: middle; margin: 0 5px;}  

/* 通用信息标题 */
.title{ position: relative; /*background: url(title_icon.png) no-repeat left center;*/ padding-left: 12px;}
.title ul { border-bottom: 2px solid #e5e5e5; height: 28px;}
.title li { float: left; font-size: 20px; margin-right: 20px;}
.title li a { display: block;}
.title li.on a { height: 28px; border-bottom: 2px solid #0d7abf; font-weight: bold;}
.title .more { position: absolute; right: 0; top: 0; height: 100%;}
.title .more a { display: block; width: 24px; height: 100%; background: url(list_more.png) no-repeat center center;}

/* 通用信息列表 */
.list { margin-top: 10px;}
.list ul { display: none;}
.list ul:first-child { display: block;}
.list li { background: url(index_dot.png) no-repeat left center; padding-left: 15px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list li a:hover{ color: #0d7abf;}
.list-date li{ position: relative; padding-right: 80px;}
.list-date li span { position: absolute; right: 0; bottom: 0; font-size: 14px;}
.list-date li span b { font-size: 18px; font-weight: normal;}

/* 面包屑 */
.crumbs { background: #f2f2f2; line-height: 24px; padding: 13px 0;}
.crumbs .w1200 { box-sizing: border-box; background: url(2020css_bm_crumbs.png) no-repeat 5px center; padding-left: 30px;}
.crumbs a:hover { color: #0d7abf;}

.main { margin: 20px auto; overflow: hidden;}

/* 分页 */
.div_cutPage{ padding: 20px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; *display: inline; *zoom: 1; padding: 2px 8px; cursor: pointer; margin: 2px;}
.div_cutPage a:hover{ background-color: #0d7abf; color:white;  }
.div_cutPage .on{ background-color: #0d7abf; color:white;  }

/* 快捷菜单 */
.kuaiJie {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

.kuaiJie.show {
    opacity: 1;
    transition: opacity 0.3s;
    pointer-events: auto;
}

.kuaiJie_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 3600px;
    height: 3600px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    z-index: 1;
    transform: translate(-100%, -100%);
    transition: all 0.8s;
}

.kuaiJie.show .kuaiJie_bg {
    transition: all 0.8s;
    transform: translate(-30%, -25%);
}

.kuaiJie_cont {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.kuaiJie_cont .contained {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    margin-top: 65px;
}

.kuaiJie_cont span {
    position: absolute;
    right: 0px;
    top: -30px;
    cursor: pointer;
    width: 19px;
    height: 18px;
    left: auto;
}

.kuaiJie_cont .contained .cont {
    transform: translateY(500px);
    transition: all 0.5s;
}

.kuaiJie.show .contained .cont {
    transform: translateY(0);
    transition: all 0.5s;
}

.kuaiJie_cont .cont_hd img {
    display: block;
    margin: 0 auto;
}

.kuaiJie_cont .cont_bd {
    /*padding-left: 50px;*/
    margin-top: 70px;
}

.kuaiJie_cont .cont_bd>div {
    float: left;
    width: 406px;
    height: 270px;
    background-color: #015293;
    border-radius: 5px;
    margin-right: 30px;
    margin-bottom: 33px;
    padding-top: 26px;
    padding-left: 40px;
    box-sizing: border-box;
}

.kuaiJie_cont .cont_bd>div * {
    color: #fff;
    font-size: 16px;
}

.kuaiJie_cont .cont_bd>div a:hover {
    opacity: 0.8;
}

.kuaiJie_cont .cont_bd>div h3 a {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
}

.kuaiJie_cont .cont_bd>div ul {
    padding-top: 15px;
}

.kuaiJie_cont .cont_bd>div li {
    float: left;
    width: 50%;
    line-height: 30px;
    box-sizing: border-box;
    padding-right: 10px;
}

.kuaiJie_cont .cont_bd>div li a {
    display: block;
}

.kuaiJie_cont .cont_bd>div:nth-child(3n) {
    margin-right: 0;
}



@media only screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .mt30 { margin-top: 10px;}
    .w1200,.tzgg,.recommend,.xzfg,.column-left { width: 100%;}
    .header-right,.content .qrcode,.content-bottom { display: none;}
    .header { height: auto; padding: 25px 0; overflow: hidden;}
    .header .logo { float: none; text-align: center; font-size: 0; padding-top: 0;}
    .header .logo a { display: inline-block;}


    .header .search { float: none; margin: 25px auto 0; padding-top: 0;}
    .header .search { width: 420px;}
    .header .search .search-txt { width: calc(100% - 74px);}

    .nav-bar { background: transparent;}
    .nav-bar li { width: calc(100% / 6); background: #1c80c7; margin-top: 1px; border-left: 1px solid #fff;}
    .nav-bar li:first-child{ border-left: 0;}

    .footer .w1200{ width: 100%; padding: 0;}
    .footer .f-l,.footer .f-c { width: 50%; padding: 0; text-align: center;}
    .footer .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto; padding-left: 0;}
}

@media only screen and (max-width: 768px) {
    .nav-bar li { width: calc(100% / 3); height: 46px;}
    .nav-bar li a { line-height: 46px; font-size: 16px; line-height: 46px;}
    .nav-bar li:nth-child(4) { border-left: 0;}

    .slideBox,.slideBox .bd,.slideBox .bd li{ height: 320px;}
}

@media only screen and (max-width: 480px) {  
    .header .logo a { background-size: 48px 50px; padding-left: 55px;}
    .header .logo a h1 { font-size: 24px; white-space: nowrap;}
    .header .logo a span { font-size: 10px; white-space: nowrap;}
    .header .search { width: 90%;}

    .footer .f-l,.footer .f-c { width: 100%;}
}