/*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;}

/* 站群导航 */
.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: 1100px; *//* height: 100%; *//* padding: 0 50px; *//* 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: 69px;}
.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: 49px; 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;  }





@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%;}
}