
/* CSS Document */

/* 重置 CSS */
html { font-size:625%; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body { font-size:16px; line-height:2em; font-family:"Microsoft YaHei", "微软雅黑", sans-serif; color:#333333;  -webkit-text-size-adjust:none; }
body { min-width:1200px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal}
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol {list-style:none}
a { color:#333333; text-decoration:none }
a:active, a:hover { text-decoration:none; color: #CC0000; }
a { outline: none; }
legend { color: #000; }
fieldset,img {border:0 none}
button, input, select, textarea { font-size: 100%; vertical-align:middle; }
button { border:0 none; background-color:transparent; cursor:pointer }
caption { display:none; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {  content:none }


/*常用 CSS*/
.bg_w{background-color: white;padding: 10px;overflow: hidden;}
.p0{padding: 0;}
.clearfix:after { content:"."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; }
.container { width:1200px; margin:0 auto; clear:both; }
.time { float: right; color: #999999; font-size: 14px; }
.left { float: left; }
.right { float: right; }
.blank20 { clear: both; height: 20px; width: 100%; }
.blank1 { clear: both; height: 1px; width: 100%; font-size: 0; line-height: 0; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mr25 { margin-right: 25px; }
.relative { position: relative; }


.tabs_wrap { background-color: #FFFFFF; position: relative;padding:20px 20px 20px 90px }
.channel-common { background-color: #FFFFFF; padding: 20px; }

/*主体*/
.main-wrap { background-color: #ebeff8; margin-top: 0; margin-bottom: 0; }
.main-wrap .container { background-color: #ebeff8; padding-top: 20px; padding-bottom: 20px; }





/*头部   底部   广告  分页  推荐  */

.header {
    width: 1200px;
    margin: auto;
    height: 100px;
}
.header h1 {
    /* width: 181px; */
    float: left;
    margin-top: 36px;
}
.header h1 a {
    /* width: 200px;
    height: 60px; */
    overflow: hidden;
}
.header h1 a img {
    width: 100%;
    height: 100%;
}
.header .search_box {
    width: 300px;
    float: right;
    margin: 34px 0 0 0;
}
.header .search_box .formbox {
    width: 300px;
    height: 32px;
    background: url(../images/search_ipt.png) 0 0;
    border: #0068B7 solid 1px;
    overflow: hidden;
}
.header .search_box .formbox .searchtext {
    width: 260px;
    height: 32px;
    background: none;
    border: none;
    float: left;
    line-height: 32px;
    text-indent: 10px;
    font-size: 14px;
    color: #999999;
    outline: none;
}
.header .search_box .formbox .searchbtn {
    width: 30px;
    height: 32px;
    float: left;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
}

/*当前位置*/
.bread {
    margin-bottom: 15px;background-color: #F6F6F6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c6d5e9;line-height: 24px;padding: 14px 20px 14px 20px;}
.bread a { margin-right: 5px;margin-left: 5px;}

.navBar{  position:relative; margin:0 auto ;  z-index:1;  background:#0068B7; color:#fff; height:40px; line-height:40px;   }
.navBar a{ font-size:14px;}
.nav{ overflow:hidden; zoom:1; width: 1200px;margin: auto}
.nav .m{ float:left;  padding:0 10px; display:inline;}
.nav h3{ float:left; font-weight:normal; font-size:16px;}
.nav .s{ float:left;  text-align:center; color: white;}
.nav h3 a{ float:left;  display:block;padding: 0 9px; color:#fff; font-size:16px;}
.nav h3 a:hover,.nav .on h3 a{ height:36px; line-height:36px;   background: #1181d5; margin-top:4px;  color:#fff;   }





.page_fenye {
    margin-top:20px;
    overflow: hidden;
    border-radius: 3px;
    font-size: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
}
.page_fenye a,
.page_fenye span {
    float: left;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 12px;
    margin-left: -1px;
    border: 1px solid #ddd;
    line-height: 1.5;
    color: #999;
    background: #fff;
}
.page_fenye a:first-child,
.page_fenye span:first-child {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
}
.page_fenye a:last-child,
.page_fenye span:last-child {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0;
    border-radius: 0 50px 50px 0;
}
.page_fenye a:hover,
.page_fenye span:hover {
    border-color:#0068B7;
    background: #0068B7;
    color: #fff;
}
.page_fenye span {
    border-color:#0068B7;
    background:#0068B7;
    color: #fff;
}

.closead {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    user-select: none;
}
.adversiment {
    position: relative;
    width: 300px;
    height: 300px;
    margin-bottom: 20px;
}
.adversiment a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.adversiment a img {
    width: 100%;
    height: 100%;
}
.adversiment a p {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 50px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 20px;
    border-radius: 0 5px 0 0;
}

.turn_Page {
    margin-top: 10px;
    overflow: hidden;
}
.turn_Page p {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
}
.turn_Page p span {
    font-size: 16px;
    color: #333333;
}
.turn_Page p span:hover a {
    color:#0068B7;
}
#footer {
    padding-top: 20px;
    background: white;
    color: #333333;
    overflow: hidden;
    position: relative;
}
#footer::before {
    content: "";
    background: #0068B7;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#footer  .footer_container {
    margin: 0px auto;
    width: 1180px;
    position: relative;
    margin-top: 10px;
}
#footer  .footer_container .friendsLink {
    width: 1200px;
    margin: 10px auto;
    align-items: baseline;
}
#footer  .footer_container .friendsLink h3 {
    color: #333333;
    font-size: 16px;
    margin-right: 20px;
}
#footer  .footer_container .friendsLink ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 29px;
}
#footer  .footer_container .friendsLink ul li {
    font-size: 14px;
    float: left;
    margin-right: 15px;
    margin-bottom: 3px;
}
#footer  .footer_container .friendsLink ul li:hover {
    text-decoration: underline;
}
#footer  .footer_container .friendsLink ul li a {
    color: #333333;
}
#footer  .footer_container .banquan {
    text-align: center;
    font-size: 14px;
    padding: 30px 9px;
    line-height: 25px;
}
#footer  .footer_container .banquan p{
    color: black;
}
#footer  .footer_container .banquan a {
    color: black;
}
.header_ad {
    width: 1200px;
    height: 90px;
    margin: 10px auto;
    position: relative;
}
.header_ad .closead {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    user-select: none;
}
.header_ad img {
    width: 100%;
    height: 100%;
}




.show_left_part{
    padding: 20px 30px;
}
.show_left_part .show_tit{
    text-align: center;
}
.show_left_part .show_tit h1 {
    font-size: 26px;
    font-weight: normal;
    line-height: 36px;
}
.show_left_part  .show_meta{
    color: #666666;
    background: #f5f5f5;
    font-size: 14px;
    border-bottom: #e5e5e5 1px solid;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
}
.show_left_part  .show_meta span{
    margin-left: 15px;
}
.show_left_part  .show_body{
    clear: both;
    line-height: 2;
    font-size: 16px;
    overflow: hidden;
    padding: 30px 20px;
}
.show_left_part  .show_body p{
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 2.0;
    font-size: 16px;
    /* text-indent: 2em; */

}
.show_left_part  .show_body img{
    display: block;
    max-width: 600px;
    margin: 20px auto;
}
.recommend_tit{
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
.recommend_tit a{
    font-size: 18px;
    font-weight: bold;
    color: #306BBB;
    float: left;
}
.recommend_tit .more{
    float: right;
    margin-right: 20px;
}
.recommend_tit .more a{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
}
.show_body .tags{
    margin-top: 20px;
    color: white;
    font-size: 16px;
}
.show_body .tags a{
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    color: white;
}
.rec_part{
    margin-top: 10px;
}
.listbox a.notImg{display: inline-block;}
.listbox span{ font-size:18px;}
.listbox .clist{ border-bottom:1px solid #e5e5e5; padding:15px 0px ;height:102px; overflow:hidden;}
.listbox .clist h2{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listbox .clist p{height: 48px;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 24px;}
.listbox .clist em{ color:#52d3c6;font-size: 14px;}
.listbox .clist img{ float:left; width: 153px; height: 105px; margin:0 15px 0 0}

