﻿@charset "UTF-8"; /*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    font-family: Helvetica, "microsoft yahei", 微软雅黑, 宋体, 仿宋, Arial, Verdana, sans-serif;
}

fieldset, img, input, button, select {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

ul, ol {
    list-style: none;
}

input, button {
    padding-top: 0;
    padding-bottom: 0;
}

button {
    cursor: pointer;
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

/*防止拖动*/
textarea {
    resize: none;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

body {
    font: 14px/150% "Microsoft YaHei,微软雅黑, SimHei,黑体, SimSun,仿宋" !important;
    color: #000;
    background: url(../images/1.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    /*background: url(../images/bg-jieri.jpg) top no-repeat;*/
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

em, i {
    font-style: normal;
    text-decoration: none;
}

.inner {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}

.logo {
    margin: 12px auto 53px;
}

.logo img{
    position: relative;
    top: 20px;
}

.nav {
    background-color: #1c4a89;
}

.nav li {
    float: left;
    width: 10%;
    text-align: center;
    position: relative;
}

.nav li h3 {
    font-size: 20px;
    line-height: 56px;
    color: #fff;
    cursor: pointer;
}

.nav_con {
    width: 100%;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 99;
    background: rgba(28, 74, 137, .7);
    display: none;
}

.nav_con a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 32px;
    font-size: 17px;
}



.swpr {
    padding-top: 20px;
    background-color: #fff;
}

.banner {
    margin-top: 5px;
    float: left;
    width: 619px;
    height: 384px;
    position: relative;
    overflow: hidden;
}

.banner .inner {
    position: relative;
}

.banner-btn {
    display: none;
}

.banner-btn a {
    display: block;
    line-height: 82px;
    position: absolute;
    top: 200px;
    width: 82px;
    height: 82px;
    overflow: hidden;
    z-index: 4;
}

.prevBtn {
    left: 0px;
}

.nextBtn {
    right: 0px;
}

.banner-img {
    font-size: 0;
    *word-spacing: -1px; /* IE6、7 */
    letter-spacing: -3px;
    position: relative;
}

.banner-img li {
    width: 25%;
    height: 500px;
    display: inline-block;
    *display: inline;
    *zoom: 1; /* IE6、7 */
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 12px;
    position: relative;
}

.banner-img li img {
    width: 100%;
}

.banner i {
    width: 82px;
    height: 82px;
    cursor: pointer;
    display: block;
}

.banner .nextBtn i {
    background: url(../images/6.png) no-repeat center;
    -webkit-background-size: 82px 82px;
    background-size: 82px 82px;
}

.banner .prevBtn i {
    background: url(../images/5.png) no-repeat center;
    -webkit-background-size: 82px 82px;
    background-size: 82px 82px;
}

.banner-circle {
    position: absolute;
    right: 50px;
    bottom: 0;
    height: 46px;
    z-index: 9;
    text-align: center;
    padding-top: 17px;
    box-sizing: border-box;
}

.banner-circle li {
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    background-color: #b5b5b5;
    margin: 0 4px;
}

.banner-circle li a {
    display: block;
    height: 16px;
    width: 20px;
    background: #b5b5b5;
    overflow: hidden;
    color: #333;
}

.banner-circle .selected a {
    background: #fff;
    cursor: pointer;
}

.banner-img li .banner_img_con {
    width: 723px;
    background: rgba(0, 0, 0, .5);
    height: 46px;
    position: absolute;
    bottom: 36px;
    left: 0;
    padding: 0 322px 0 88px;
    box-sizing: border-box;
}

.banner-img li .banner_img_con p {
    font-size: 13px;
    line-height: 46px;
    color: #fff;
    width: 313px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news {
    float: right;
    width: 550px;
    padding-right: 8px;
}

.title {
    border-bottom: 1px solid #1c4a89;
}

.title h3 {
    float: left;
    font-size: 24px;
    line-height: 40px;
    color: #1c4a89;
    font-weight: bold;
}

.title a {
    float: right;
    font-size: 13px;
    line-height: 40px;
    color: #1c4a89;
}

.news_con {
    padding-top: 8px;
}

.news_con > a {
    display: block;
    font-size: 18px;
    line-height: 48px;
    color: #1c4a89;
    overflow: hidden;
    padding-left: 10px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px dashed #dbdbdb;
}

/*.news_con>a::before{*/ /*content: "";*/ /*display: block;*/ /*width: 6px;*/ /*height: 6px;*/ /*background-color: #c6c6c6;*/ /*position: absolute;*/ /*top: 50%;*/ /*margin-top: -3px;*/ /*left: 0;*//*}*/
.news_con > a:hover {
    cursor: pointer;
}

.news_con > a p {
    float: left;
    width: 420px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_con > a p img {
    width: 6px;
    height: 6px;
    margin-right: 10px;
}

.news_con > a span {
    float: right;
    color: #6c6d6f;
}

.ad_nav {
    margin-top: 28px;
}

.ad_nav > a {
    float: left;
    width: 215px;
    height: 100px;
    margin-right: 111px;
    overflow: hidden;
}

.ad_nav div {
    float: left;
    width: 220px;
    height: 100px;
    margin-right: 0px;
    overflow: hidden;
}

.ad_nav div a {
    float: left;
    width: 50%;
    height: 50%;
}

.ad_nav div a img {
    width: 110px;
    height: 50px;
}

.ad_nav div p {
    float: left;
}

.ad_nav > a img {
    width: 100%;
    height: 100%;
}

.news_all {
    margin-top: 20px;
}

.news_all .news {
    float: left;
    width: 350px;
    margin-right: 63px;
}

.news_all .news.last {
    margin-right: 0;
}

.news_all .news .news_con > a {
    font-size: 16px;
    line-height: 42px;
    color: #333;
}

.news_all .news .news_con > a:hover {
    color: #015293;
    cursor: pointer;
}

.news_all .news .news_con > a p {
    width: 325px;
}

.ad {
    margin-top: 30px;
}

.CPPCC_img {
    margin-top: 20px;
}

.CPPCC_img_con {
    margin-top: 14px;
}

.CPPCC_img_con a {
    float: left;
    width: 278px;
    height: 174px;
    margin-right: 27px;
    position: relative;
}

.CPPCC_img_con a img {
    width: 100%;
    height: 100%;
}

.CPPCC_img_con a.last {
    margin-right: 0;
}

.CPPCC_img_con a p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 39px 0 32px;
    font-size: 12px;
    line-height: 22px;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_tit {
    border-bottom: 1px solid #ddd;
    margin-top: 7px;
}

.news_tit a {
    float: left;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    padding: 0 10px;
}

.news_tit a.on {
    background-color: #f35e1c;
    color: #fff;
}

.news_con2 {
    display: none;
}

.news_con2.active {
    display: block;
}

.friend {
    margin-top: -23px;
}

.friend h3 {
    float: left;
    font-size: 24px;
    line-height: 43px;
    color: #333;
    margin-right: 20px;
}

.friend select {
    width: 243px;
    height: 43px;
    margin-left: 24px;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 12px;
    font-size: 16px;
    background: url(../images/14.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.footer {
    margin-top: 20px;
    height: 140px;
    background: url(../images/17.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 0px;
}

.footer_con {
    width: 860px;
    margin: 0 auto;
}

.footer_con > img {
    float: left;
    height: 96px;
    margin-top: 24px;
}

.footer_con_center {
    float: left;
    width: 678px;
    text-align: center;
    margin-top: 24px;
}

.footer_con_center p {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}

.footer_con_right {
    float: right;
    text-align: center;
}

.footer_con_right img {
    width: 98px;
    margin-bottom: 10px;
}

.footer_con_right p {
    font-size: 13px;
    line-height: 19px;
    color: #fff;
}


.dianji .print {
    display: inline-block;
    background: url(../images/print.jpg) 20px center no-repeat;
    padding-left: 42px;
}

.article_pushtime .print{
    display: inline-block;
    background: url(../images/print.jpg) 20px center no-repeat;
    padding-left: 42px;
}

/* tab标签页 */
.slideTxtBox{ width:350px; text-align:left;  }
.slideTxtBox .hd{ height:42px; line-height:42px; background:#f4f4f4; padding:0 10px 0 20px; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:42px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  line-height: 42px;height: 42px }
.slideTxtBox .hd ul li.on{ height:42px;  color: #fff; background:#f35e1c; border:1px solid #ddd; border-bottom:2px solid #fff; line-height: 42px}
.slideTxtBox .bd ul{ padding:8px;  zoom:1;  }
.slideTxtBox2 { width:550px; text-align:left;  }
.slideTxtBox2 .hd{ height:42px; line-height:42px; padding:0 10px 0 20px; position:relative; }
.slideTxtBox2 .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:42px;   }
.slideTxtBox2 .hd ul li{ float:left; padding-left:5px;padding-right:5px; cursor:pointer;  line-height: 42px;height: 42px }
.slideTxtBox2 .hd ul li.on{ height:42px;  color: #fff; background-color:#1c4a89 ;border-bottom:2px solid #fff; line-height: 42px}
.slideTxtBox2 .hd ul li.on h3 {color:#fff;}
.slideTxtBox2 .bd ul{ padding:8px;  zoom:1;  }
/* 滚动css */
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:278px; height:174px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .pic-title{ line-height:24px;}
.focusBox {position: relative;width: 619px;height: 384px;overflow: hidden;font: 12px/1.5 Verdana, Geneva, sans-serif;text-align: left;background: white;}
@media only screen and (max-width: 600px) {
    .toutiao{display:none;}
    .focusBox {position: relative;width: 100%;height: 242px;overflow: hidden;font: 12px/1.5 Verdana, Geneva, sans-serif;text-align: left;background: white;}
    .focusBox .pic{height: 242px!important;}
    .focusBox .pic img {width: 100%;height: 242px;display: block;}
    .focusBox .txt li a {display: block;color: white;padding: 0 0 0 10px;font-size: 16px;font-weight: bold;text-decoration: none;text-overflow: ellipsis;overflow: hidden;width: 54%!important;}
    #imgDiv a{display: inline-block;margin:0 0 5px 0 ;}
}
.focusBox .pic img {width: 619px;height: 384px;display: block;}
.focusBox .txt-bg {position: absolute;bottom: 0;z-index: 1;height: 30px;width:100%;background: #333;filter: alpha(opacity=40);opacity: 0.4;overflow: hidden;}
.focusBox .txt {position: absolute;bottom: 0;z-index: 2;height: 30px;width:100%;overflow: hidden;}
.focusBox .txt li {height:30px;line-height:30px;position:absolute;bottom:-30px;}
.focusBox .txt li a {display: block;color: white;padding: 0 0 0 10px;font-size: 16px;font-weight: bold;text-decoration: none;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.focusBox .num {position: absolute;z-index: 3;bottom: 8px;right: 5px;}
.focusBox .num li {float: left;position: relative;width: 18px;height: 15px;line-height: 15px;overflow: hidden;text-align: center;margin-right: 1px;cursor: pointer;}
.focusBox .num li a, .focusBox .num li span {position: absolute;z-index: 2;display: block;color: white;width: 100%;height: 100%;top: 0;left: 0;text-decoration: none;}
.focusBox .num li span {z-index: 1;background: black;filter: alpha(opacity=50);opacity: 0.5;}
.focusBox .num li.on a, .focusBox .num a:hover {background:#2267b5;}
#imgDiv a{display: inline-block;margin:0 0 5px 0 ;}
.toutiao {width: 100%;margin: 0 auto;font-family: "微软雅黑";font-weight: normal;padding: 20px 0 0px 0px;}
.toutiao h1 {width: 100%;text-align: center;line-height: 50px;background: #e1f2ff;height: auto;}
.toutiao h1 a{width:100%;font-size: 29px;color: #314ea3;font-weight: bold;display: inline-block;height: auto;margin-top: 5px;}
@media only screen and (max-width:768px){
    .swpr .news{width:98%;left:0px;}
}
.banimg li{float: left;}
.banimg li img{height:94px;}
.banimg li:nth-child(2){margin-left:24px;}
@media (max-width: 767px) {
    .banimg li:nth-child(2){margin-left:0px;margin-top:10px;}
}