@charset "utf-8";


/**************************** 首页 ****************************/
.grid {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.grid>.row>.col, .grid .row>[class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.grid .row {
    margin-right: -10px;
    margin-left: -10px;
}


@media (max-width: 1200px) {

    .grid {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.headline {
    text-align: center;
    background: url(../images_2020/headline.jpg) 8% 50% no-repeat;
}

.headline h4 {
    line-height: 42px;
    font-weight: bold;
    font-size: 28px;
    color: #444;
}

@media (max-width: 1200px) {
    .headline {
        text-align: left;
        background: none;
    }
}


/* 焦点图 */
.focus{
    margin:0;
}

.focus,
.focus .pic {
    position: relative;
    width: auto;
    width: 668px\9;
    height: 375.75px;
}

.focus .pic>div {
    position: relative;
    overflow: hidden;
}

.focus .pic img {
    width: 100%;
    height: 100%;
}

.focus .pic span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 80px 10px 10px;
    line-height: 26px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #333;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
}

.focus .focus-prev,
.focus .focus-next {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    background-size: 24px auto;
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.focus .focus-prev .iconfont,
.focus .focus-next .iconfont {
    font-size: 28px;
    font-weight: normal;
}

.focus .focus-prev {
    transform: translate(-50px, 0);
    left: 0;
    background-image: none;
}

.focus .focus-next {
    transform: translate(50px, 0);
    right: 0;
    background-image: none;
}

.focus:hover .focus-prev,
.focus:hover .focus-next {
    opacity: 1;
    transform: translate(0, 0);
}

.focus .navi {
    position: absolute;
    bottom: 14px;
    left: auto;
    right: 0;
    z-index: 9;
    width: auto;
    margin-bottom: 4px\9;
    padding: 0 10px;
    text-align: right;
}

.focus .navi li {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    font: 0/0 lx;
    border-radius:0px;
    background-color: #fff;
    color: transparent;
    transition: all .3s;
}

.focus .navi li.on {
    background-color: #ffc562;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.focus .swiper-pagination-bullet {
    border-radius:0px;
    background-color: #fff;
}

.focus .swiper-pagination-bullet-active {
    background-color: #ffc562;
}

@media (max-width: 1200px) {

    .focus,
    .focus .pic {
        position: relative;
        width: 100%;
        height: auto;
    }

    .focus .pic>div {
        position: relative;
        overflow: hidden;
        width: 100%;
        /*padding: 80% 0 0;*/
    }

    .focus .pic img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .focus {
        margin-bottom: 20px;
    }

}
/* part2 */

.p2 .box,
.p3 .box{
    padding:20px 20px 0px 20px;
}


.gkzl {
    height: 66px;
    background-size: cover;
}

.gkzl {
    background: url(../images_2020/zwgk.jpg) center no-repeat;
}

.gkzl a{
    display:block;
    width: 100%;
    height:100%;
	background:none!important;
}

.notice>h3 a{
    display: block;
    height:100%;
}

.notice .list-t li{
    display: block;
    width: 100%;
    height:auto;
    line-height: 2em;
    padding: 5px 0 5px 20px;
}

.notice .list-t li:before{
    top: 16px;
}

.notice .list-t li a{
    width:100%;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list-a li i {
    background-image: url(../images_2020/icons.png);
    background-image: url(../images_2020/icons_ie8.png)\9;
    background-size: 320px auto;
}

@media (min-width: 1200px) {
    .notice .pane {
        min-height: 232px;
    }
}

/* part2 */

.a01 {
    margin: 0 -5px;
}

.a01 li {
    width: 50%;
}

.a01 li a {
    position: relative;
    overflow: hidden;
    height: 40px;
    margin: 5px;
    color: #333;
    text-align:left;
    line-height: 40px;
    background-color: #fff;
    border-radius: 10px 0 10px 10px;
}

.a01 li a i {
    width: 40px;
    height:40px;
    display: inline-block;
    margin: 0px 10px 0px 20px;
    transition: all .6s;
}

.a01 li a:hover i {
    transform: rotateY(360deg);
}

.a01 .s1 {
    background-position: -120px 40px;
}

.a01 .s2 {
    background-position: -160px 40px;
}

.a01 .s3 {
    background-position: -200px 40px;
}

.a01 .s4 {
    background-position: -240px 40px;
}

.a05 {
    margin:-5px;
}

.a05 li {
    width: 33.33%;
}

.a05 li a {
    position: relative;
    overflow: hidden;
    height: 104px;
    margin: 5px;
    padding:10px 20px;
    color: #333;
    font-size: 16px;
    text-align:center;
    line-height: 24px;
    background-color: #fff;
    border-radius: 10px 0 10px 10px;
    border: 1px solid #cde1f4;
}

.a05 li a i {
    width: 40px;
    height:40px;
    display: block;
    margin:0px auto;
    transition: all .6s;
}

.a05 li a:hover i {
    transform: rotateY(360deg);
}

.a05 .s1 {
    background-position: 0px 40px;
}

.a05 .s2 {
    background-position: -40px 40px;
}

.a05 .s3 {
    background-position: -80px 40px;
}

@media (max-width: 1200px) {

    .a05{
        margin:0px;
    }

    .a05 li a{
        padding:10px 5px;
    }
}


@media (max-width: 480px) {

    .news .t0 a {
        display: inline-block;
        /*margin: 5px!important;*/
    }

}

@media (max-width: 320px) {

    .a01 li a i {
        margin: 0;
    }

    .a05 li{
        width: 100%;
     }

}
/* part4 */

.policy {
    margin: 0 -10px;
}

.policy li {
    width: 50%;
    transition: all .3s;
}

.policy li:hover {
    transform: translate(0, -3px);
}

.policy li a {
    position: relative;
    display: block;
    height: 170px;
    margin: 10px;
    padding: 20px;
    line-height: 24px;
    background: #fbfbfb url(../images_2020/file_bg.jpg) 0 100% no-repeat;
    background-size: 100% auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2), 6px -6px 0 rgba(0, 0, 0, .05);
}

.policy li a:hover {
    color: #048;
}

.policy li:not(.panel-more) a:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    border-top: 1px dashed #bbb;
    border-left: 1px dashed #bbb;
    border-radius: 10px 0 0 0;
}

.policy li.panel-more {
    width: 100%;
}

.policy li.panel-more a {
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 40px;
    background: #fff;
    box-shadow: none;
}

.a02 li a {
    display: table;
    width: 100%;
    padding: 0 20px;
    line-height: 1.5;
    height: 80px;
    text-align: left;
    background-color: #e9f0f6;
    border-radius: 10px 0 10px 10px;
    transition: all .3s;
    margin-bottom: 20px;
}

.a02 li:last-child a:first-child {
    margin-bottom: 10px;
}

.a02 li a span{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.a02 li a:hover {
    background-color: #0560a5;
    color: #fff;
}

.a02 li i {
    float: left;
    margin:20px 10px 0 0;
    transition: all .3s;
}

.a02 .s1 {
    background-position: -80px -40px;
}

.a02 .s2 {
    background-position: -120px -40px;
}

.a02 .s3 {
    background-position: -160px -40px;
}

.a02 .s4 {
    background-position: -200px -40px;
}

.a02 .s5 {
    background-position: -240px -40px;
}

.a02 .s6 {
    background-position: -280px -40px;
}

.a02 .s7 {
    background-position: 0 -120px;
}

.a02 .s8 {
    background-position: -40px -120px;
}

.a02 .s9 {
    background-position: -80px -120px;
}

.a02 a:hover .s1 {
    background-position: -80px -80px;
}

.a02 a:hover .s2 {
    background-position: -120px -80px;
}

.a02 a:hover .s3 {
    background-position: -160px -80px;
}

.a02 a:hover .s4 {
    background-position: -200px -80px;
}

.a02 a:hover .s5 {
    background-position: -240px -80px;
}

.a02 a:hover .s6 {
    background-position: -280px -80px;
}

.a02 a:hover .s7 {
    background-position: 0 -160px;
}

.a02 a:hover .s8 {
    background-position: -40px -160px;
}

.a02 a:hover .s9 {
    background-position: -80px -160px;
}

.survey .orange{
    background-color: #feb659;
}

.a06 li a {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {

    .survey h4{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .p4 .survey {
        height: 220px;
    }

    .p4 .interview {
        height: 220px;
    }
}

@media (max-width: 1200px) {
    .p4 .a02 {
        margin:0px;
    }

    .p4 .box{
        padding:20px;
        margin-top: -20px;
    }

    .p4 .box h2 {
        margin: 0 -10px;
    }

    .a02 {
        margin: 0 5px 20px;
    }

    .a02>.col,
    .a02>[class*="col-"] {
        margin-top: 10px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .t0 {
        font-size: 16px;
    }

    .policy {
        margin: 0;
    }

    .zwfw {
        margin: 0 10px;
        background-size: auto 120%;
    }

    .zwfw h3 a {
        width: 100%;
        height: 80px;
        background-size: auto 60px;
    }

    .zwfw p {
        display: none;
    }

    .a02 li a{
        padding:0px 9px;
    }

    .p3 .box{
        padding:20px;
    }

    .policy li a{
        padding:13px;
        margin: 5px;
    }
}

@media (max-width: 480px) {
    .a02 li:last-child a:first-child {
        margin-bottom: 20px;
    }

    .a02 li:last-child a:last-child {
        margin-bottom: 0;
    }

    .policy li a{
        padding: 5px;
    }

    .policy li:not(.panel-more) a:before {
        display: none;
    }
}

/* part5 */
/* video-audio */
.video {
    margin: 0 -10px;
}

.video li {
    position: relative;
    min-height: 200px;
}

.video li a {
    display: block;
    margin: 10px 0px;
}

.video li .pic {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 3px;
    width:100%;
    height: 150px;
    object-fit: cover;
}

.video li a i {
    position: absolute;
    top: 40%;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background: url(../images_2020/icons.png) -120px -160px no-repeat;
    background-size: 320px auto;
}

.video li a b {
    position: absolute;
    left: 0px;
    right: 0px;
    display: block;
    line-height: 40px;
    color: #333;
    text-align: center;
}


@media (max-width: 1200px) {

    .video {
        margin: 0px;
    }

    .video li a b {
        left: 20px;
        right: 20px;
        line-height: 30px;
    }

    .p4 .list-b li .pic {
        width: 140px;
        height: 70px;
        border-radius: 3px;
    }
}


@media (max-width: 768px) {
    .video li{
        width: 33.33%;
        float: left;
    }
}

@media (max-width: 480px) {
    .video li{
        width: 100%;
        float: left;
    }

    .video li a{
        margin:10px;
    }

}

@media (max-width: 360px) {

    .list-a01 li a {
        padding-left: 5px;
        font-size: 14px;
    }
}

/* 侧边栏 */

 #ad-side #right {
    display:block;
    width:100px;
    top: 35%;
    right:20px;
    border-radius:3px;
    background-color:#effaff;
    border:1px solid #cbe1f6;
     z-index: 2;
}

#ad-side #right ul li{
    text-align:center;
}

#ad-side #right ul li a{
    color: #0560a5;
    height:90px;
    padding:10px 0px;
    display: block;
}

#ad-side #right ul li+li{
    border-top:1px solid #cbe1f6;
}

#ad-side #right .wx{
    position: relative;
}

#ad-side #right .wx .qr {
    display: none;
    position: absolute;
    top: -10px;
    right: 100px;
}

#ad-side #right .wx:hover .qr {
    display: block;
}

#ad-side #right ul li i{
    width: 40px;
    height:40px;
    display: block;
    margin:0 auto;
    background:url(../images_2020/icons2.png) no-repeat;
    background-size: 320px auto;
}

#ad-side #right ul li i.s1{
    background-position: -141px -280px;
}

#ad-side #right ul li i.s2{
    background-position: -247px -350px;
}

#ad-side #right ul li i.s3{
    background-position: -283px -280px;
}

#ad-side #right ul li a:hover i.s1{
background-position: -141px -246px;
}

#ad-side #right ul li a:hover i.s2{
background-position: -247px 0px;
}

#ad-side #right ul li a:hover i.s3{
background-position: -283px -245px;
}

#ad-side #right ul li a:hover i.s4{
    background-position:-280px -280px;
}

#ad-side #right ul li a:hover{
    color: #fff;
    background-color:#19548c;
}

#ad-side #close {
    float:right;
    margin-top: -15px;
    margin-right: 3px;
    position:relative;
    _display:inline;
}

#close {
    display:block;
    width:10px;
    height:10px;
    background:url(../images_2020/close.png) no-repeat;
    cursor:pointer;
    text-align: left;
    letter-spacing: -3em;
    overflow: hidden;
}
#close:first-letter {
    margin-left: -20em;
}
#close:hover {
    background:url(../images_2020/close.png) -10px 0 no-repeat!important;
}

@media (max-width:1024px) {
    
    #ad-side #right{
        display: none;
    }
}

.backtop {
    top: auto;
    bottom: 10px;
}




/* ***************20200807新增*************** */

.interview .pic{
    width: 45%;
}

.interview_con{
    width: 50%;
    margin-bottom: 0;
}

.interview_con p{
    margin-top:6px;
}

.interview .pic {
    margin-top: 5px;
}

@media (max-width:1024px) {

    .interview .pic{
        width: 35%;
    }

    .interview_con{
        width: 60%;
    }

    .interview_con h4 {
        line-height: 24px;
        font-size: 16px;
    }

}

@media (max-width:480px) {
    
    .interview .pic,
    .interview_con{
        width: 100%;
        margin-bottom: 10px;
    }

    .interview_con p{
        margin-top:10px;
    }
}

/* ***************20200824新增*************** */

.p1{
    padding:20px;
    margin: 0 auto 20px;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
}

.p4{
    margin: 0 auto 20px;
}

.ztzl{
    display: inline-block;
    margin:10px 0px 0px 10px;
}

.ztzl li a{
    display: block;
    width: 100%;
    height:100%;
}

.ztzl li img{
    width: 100%;
    height:100%;
}

.ztzl li+li{
    margin-left: 25px;
}

.notice{
    padding-bottom: 10px;
}

.notice h3{
    height:30px;
    font-size:0px;
    margin-bottom: 10px;
    background: url(../images_2020/notice.png) 0px center no-repeat;
}

.bsfw li {
    width: 30%;
}

.bsfw li.s {
    height: 170px;
    display: block;
}

.bsfw li+li{
    margin-left: 30px;
}

.bsfw .s1 a{
    background: url(../images_2020/zw_01.jpg) center no-repeat;
    background-size: cover;
}

.bsfw .s2 a{
    background: url(../images_2020/zwxt_01.jpg) center no-repeat;
    background-size: cover;
}

.bsfw li.s a{
    display:block;
    width: 100%;
    height:100%;
    border-radius:8px 0 8px 8px;
}

.video_bt{
    position: relative;
}

.video_bt span{
    position: absolute;
    top: 20px;
    right: 0px;
}

.video_bt span a{
    font-size:18px;
    padding:0px 10px;
}

.index_topic {
    position: relative;
	overflow:hidden;
}

.index_topic .scroll {
    position: relative;
    margin: 0 -10px;
}

.index_topic li {
    width: 33.33%;
    height:90px;
}

.index_topic li a {
    display: block;
    width: 250px\9;
    height: 90px;
    margin:0px 10px;
}

.index_topic li img {
    width: 100%;
    max-width: 250px\9;
    height:100%;
}

.index_topic .index_topic-prev,
.index_topic .index_topic-next {
    position: absolute;
    top: 50%;
    z-index: 9;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3f000000, endcolorstr=#3f000000);
    color: #fff;
    opacity: 0;
    transition: all .3s;
}

.index_topic .index_topic-prev {
    transform: translate(-50px, 0);
    left: 0;
}

.index_topic .index_topic-next {
    transform: translate(50px, 0);
    right: 0;
}

.index_topic:hover .index_topic-prev,
.index_topic:hover .index_topic-next {
    opacity: 1;
    transform: translate(0, 0);
}

.tv{
    height: 90px;
    background: url(../images_2020/gbds.jpg) center 100% no-repeat;
}

.tv a{
    display: block;
    height: 100%;
}


@media (max-width: 1200px) {

    .index_topic .scroll {
        position: relative;
        margin: 0 -10px;
    }

}

@media (max-width:1024px) {

    .ztzl li{
        width: 31.33%;
    }
}

@media (max-width: 768px){
    .ztzl li {
        width: 30.7%;
    }

    .tv{
        margin-top: 20px;
    }
}

@media (max-width:480px) {
    .bsfw .s2 a {
    background: url(../images_2020/zwxt_01.jpg) 100% 0% no-repeat;
    background-size: cover;
}
.bsfw .s1 a {
    background: url(../images_2020/zw_01.jpg) 0% 20% no-repeat;
    background-size: cover;
}
    .bsfw li{
        width: 100%;
    }

    .bsfw li {
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .ztzl{
        margin:10px 10px 0px 10px;
    }

    .ztzl li {
        width: 100%;
    }

    .ztzl li+li{
        margin-left: 0;
        margin-top: 20px;
    }

    .video_bt span{
        display: none;
    }

    .index_topic li img {
        width: 100%;
        height: 100%;
    }

    .index_topic li {
        height: auto;
    }

    .index_topic li a {
        height: auto;
    }

    .tv{
        margin-bottom:20px;
    }

}
/*20221013*/

.bs2022{
margin-left:-10px;
margin-right:-10px;
}
.bs2022 .col-md-4{
padding-left:10px;
padding-right:10px
}
.bscx a{
display:block;
width:100%;
height:80px;
box-shadow: 0 0px 10px rgb(199 223 251 / 77%);
border-radius:3px;
margin-bottom:20px
}
.bsfw2022{
	position:relative
}
.bsfw2022>a{
	background:url(/material/images_2022/bsfw_.png) top left no-repeat;
	display:block;
	width:100%;
	height:280px;
	background-size:100%
} 
.bsfw2022 .fwxx{
		background:url(/material/images_2022/bs_fw.png) center center no-repeat;
		position:absolute;
		bottom:56px;
		width:100%;
		height:46px;
		text-align:center
}
.bsfw2022 .fwxx span{
	    display:inline-block;
		margin:0 auto;
		line-height: 46px;
		margin:0px 3px;
		color:#fff
}
.bsfw2022 .fwxx span a{
	color:#fff;
	font-size:16px;
	font-family:"微软雅黑";
	font-weight:600
}
.bscx .moremore{
	text-align:center;
}
.bscx .moremore span{
color:#c5c5c5;
line-height:48px;
text-align:center;
margin-left: 20px;
}
.bscx .moremore i{
	float:none;
	    position: relative;
    top: 5px;
	margin-right: 0px;
}
.p3 .pane{
	padding-top:20px
}
.p2 .box{
	padding-bottom:20px
}
.p3 .box {
    padding: 20px 20px 40px 20px;
}
.bscx i{
	width: 40px;
    height: 40px;
    display: inline-block;
    margin: 4px 10px 4px 20px;
	float: left;
	transition: all .6s;
}
.bscx a:hover i {
    transform: rotateY(360deg);
}
.bscx span{
	font-size:16px;
	color:#333333;
	line-height:24px;
	font-family: "微软雅黑";
}
.bscx a{
	padding-top:16px;
	padding-bottom:16px;
	padding-right:20px
}
.bscx a.moremore i{
	width:16px;
	height:16px;
	display:inline-block;
	background:url(/material/images_2022/moremore.png) center center no-repeat;
}
.bscx i.s1{
	background:url(/material/images_2022/bs_i1.png) center center no-repeat;
}
.bscx i.s2{
	background:url(/material/images_2022/bs_i2.png) center center no-repeat;
}
.bscx i.s3{
	background:url(/material/images_2022/bs_i3.png) center center no-repeat;
}
.bscx i.s4{
	background:url(/material/images_2022/bs_i4.png) center center no-repeat;
}
.bscx i.s5{
	background:url(/material/images_2022/bs_i5.png) center center no-repeat;
}
.bsfw2022 .fwxx span a:hover{
	color:#8bf5ff
	
}
@media(max-width:1200px){
	.bsfw2022>a{
	background-size: 100% 100%;
	}
	.bscx i{
		margin: 4px 5px 4px 5px;
	}
	.jhx{
		position:relative
	}
	.fwxx{
		right:0px
	}
	.bscx a{
		padding-right:5px
	}
	.bscx span{
font-size:14px}
}
@media(max-width:992px){
.p4 .box{
	margin-top:10px!important
}
.bsfw2022{
	margin-bottom:10px
}
.bsfw2022>a{
background: url(/material/images_2022/bsfw_.png) center center no-repeat;
}
.bscx span{
font-size:20px;
line-height: 44px;
}

}
@media(max-width:480px){
	.bscx span{
font-size:16px;
line-height: 18px;

}
	
}