@charset "utf-8";

html,
body,
.banner,
.banner ,
.banner .slick div,
.banner ul li,
.banner .slick-slide a,
.banner ul li a,
.banner ul li a img,
.banner .slick-slide a img {
    width: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
}

.banner {
    position: relative;
    /* z-index: 9; */
    overflow: hidden;
}

.banner a {
    display: block;
}
/*
.banner>img {
    display: block;
    width: 100%;
}

.banner .slick {
    position: relative;
    z-index: 9;
}

.banner .slick-slide a {
    display: block;
    position: relative;
}

.banner .slick-slide a img {
    display: block;
    width: 100%;
    object-fit: cover;
}



.banner .slick-slide a p {
    position: absolute;
    z-index: 9;
    color: #fff;
    left: 0;
    right: 0;
    bottom: .35rem;
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
    font-size: .3rem;
    line-height: .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 1rem;
}

.banner .slick-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/banner-zzc.png) repeat-x;
    background-position: center top;
    z-index: 9;
}



.banner .slick-dots {
    left: 0;
    right: 0;
    max-width: 14rem;
    margin: auto;
    text-align: right;
    bottom: .6rem;
    z-index: 9;
}

.banner .slick-dots li {
    width: auto;
    margin: 0 .2rem;
}

.banner .slick-dots li button {
    display: inline-block;
    color: #fff;
    font-size: .16rem;
    vertical-align: middle;
    width: auto;
    padding: 0;
}

.banner .slick-dots li::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: .01rem;
    background-color: #fff;
    transition: all 0.3s;
    margin-left: .1rem;
}

.banner .slick-dots li.slick-active button {
    font-size: .2rem;
    font-weight: 600;
    font-style: italic;
}

.banner .slick-dots li.slick-active::after {
    width: .6rem;
}

.banner .slick-prev {
    width: .7rem;
    height: .7rem;
  
    background-size: cover;
    left: 2%;
}

.banner .slick-next {
    width: .7rem;
    height: .7rem;

    background-size: cover;
    right: 2%;
}
*/
.banner-tx {
    position: absolute;
    left: 8%;
    bottom: 0;
    z-index: 99;
    width: 53%;
    padding: .6rem .8rem .8rem .8rem;
    background-color: rgba(0, 0, 0, .4);
}

.banner-tx p {
    font-family: Georgia;
    font-size: .34rem;
    line-height: .5rem;
    height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.01rem;
    color: #ffffff;
}

.banner-tx a {
    font-size: .16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .73rem;
    letter-spacing: 0rem;
    color: #ffffff;
    padding-left: .8rem;
    display: block;
        background-position: left center;
    background-size: .7rem;
}

.banner-tx a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.index {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99;
    background: #fff;
}

.s1-tit{position: relative;width: 100%;margin-bottom: 0.3rem;}
.s1-tit h2{font-family: titlefont;font-size: .34rem;letter-spacing: .02rem;color: #333333;text-align: center;background-image: url(../img/icon-tit.png);background-repeat: no-repeat;background-size: .3rem !important;background-position: right center;padding-right: .5rem;}
.s1-more a{background-color: #0d6db9;border-radius: .16rem;padding: 0rem .25rem;line-height: .36rem;font-size: .14rem;color: #ffffff;display: inline-block;}
.s1-more a:hover{opacity: 0.7;}
.s2 .s1-tit h2{background-image: url(../img/icon-tit2.png);color: #ffffff;}
.s2 .s1-more a{background-color: #ffffff;color: #0d6db9;opacity: 1;}

.s1 {
    padding-top: 1.6rem;
    padding-bottom: .5rem;
    background: url(../img/parta_bg.jpg) no-repeat center bottom;
    background-size: cover;
	width: 100%;
}
.s1-left{width: calc(68% - 0.2rem);}
.s1-right{width: calc(32% - 0.2rem);}

.s1-banner,.s1-list{
    width: calc(50% - 0.15rem);
}

.s1-banner .pic {
    height:3.15rem;padding-top:0;
}

.s1-tx {
    background-color: #fff;
    padding: .25rem;
    position: relative;
}
.s1-list .s1-tx{padding: 0.2rem 0.25rem;}
.s1-tx p {
    font-size: .18rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .01rem;
    color: #333333;
    margin-bottom: .22rem;
}

.s1-tx span {
    display: block;
    background: url(../img/icon-date1.png) no-repeat;
     background-size: .19rem !important;
    background-position: left bottom;
    padding-left: .3rem;
    font-family: Arial;
    font-size: .16rem;
    line-height: .19rem;
    color: #666666;

}
.s1-banner .slick-arrow{
    width: .36rem;
    height: .36rem;
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom;
	margin-top: -0.73rem;z-index: 2;
}
.s1-banner .slick-prev{
    background: url(../img/arrow-prev.png) no-repeat;
    background-size: cover;left: 0.2rem;
}

.s1-banner .slick-prev:hover {
    background: url(../img/arrow-prev-hover.png) no-repeat;
    background-size: cover;
}

.s1-banner .slick-next {
    background: url(../img/arrow-next.png) no-repeat;
    background-size: cover;right: 0.2rem;
}

.s1-banner .slick-next:hover {
    background: url(../img/arrow-next-hover.png) no-repeat;
    background-size: cover;
}

.s1-list ul li:nth-child(n+2){margin-top: 0.22rem;}
.s1-left li a:hover .s1-tx {
    background-color: #0d6db9;
}

.s1-left li a:hover .s1-tx::after {
    background: url(../img/icon-arrow2.png) no-repeat;
    background-size: .3rem;
}

.s1-left li a:hover span {
    color: #fff;
    background: url(../img/icon-date2.png) no-repeat;
    background-position: left bottom;
}

.s1-left li a:hover p {
    color: #fff;
}

.s2 {
	width: 100%;
	background: url(../img/partb_bg.jpg) no-repeat center bottom;
	background-size: cover;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.s2-left,.s2-right{width: calc(50% - 0.2rem);}
.s2-list ul li {
    float: left;
    width: 100%;
}
.s2-list ul li a{padding: .2rem;background: #ffffff;}
.s2-list ul li:nth-child(n+2) {
    margin-top: 0.225rem;
}

.s2-date b {
    font-family: Arial;
    font-size: .36rem;
    line-height: .31rem;
    letter-spacing: -0.01rem;
    color: #0d6db9;
    display: block;
	margin-bottom: 0.05rem;
}

.s2-date span {
    font-family: Arial;
    font-size: .14rem;
    line-height: .2rem;
    color: #0d6db9;
    display: block;
}

.s2-date {
    width: 0.56rem;
    text-align: center;
    margin-right: .15rem;
}

.s2-tx {
	width: calc(100% - 0.71rem);
    padding-left: .15rem;
    overflow: hidden;
    border-left: .01rem dashed rgba(153, 153, 153, .5);
}

.s2-tx p {
    font-size: .18rem;
    line-height: .3rem;
    letter-spacing: .01rem;
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
}


.s2-list ul li a:hover p {
	color: #0d6db9;
}

.pb-head{width: 100%;margin-bottom: 0.15rem;}
.pb-head .pb-img{width: 3.2rem;}
.pb-head .pb-img a{display: block;width: 100%;height: 2.2rem;position: relative;overflow: hidden;}
.pb-head .pb-img .image{transition: 0.2s all;}
.pb-head:hover .pb-img .image{transform: scale(1.1,1.1);}
.pb-head .pb-txt{width: calc( 100% - 3.2rem );padding: 0.2rem;display: flex;flex-direction: column;justify-content: space-between;background: #006fc1;transition: 0.2s all;}
.pb-head .pb-txt h3{font-size: 0.16rem;color: #ffffff;line-height: 0.28rem;max-height: 0.56rem;width: 100%;font-weight: normal;}
.pb-head .pb-txt h3 a{color: #ffffff;}
.pb-head .pb-txt p{font-size: 0.14rem;color: rgba(255,255,255,0.7);line-height: 0.26rem;height: 0.78rem;display: block\0;width: 100%;}
.pb-head .pb-txt .time{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-left: 5px;}
.pb-head .pb-txt .time i{width: calc( 100% - 0.8rem );height: 1px;margin-right: 0.2rem;background: rgba(255,255,255,0.5);position: relative;}
.pb-head .pb-txt .time i::before{content: "";width: 5px;height: 5px;border-radius: 100%;background: rgba(255,255,255,0.5);display: block;position: absolute;left: -5px;top:50%;transform: translateY(-50%);}
.pb-head .pb-txt .time span{font-size: 0.14rem;color: rgba(255,255,255,0.5);flex-shrink: 0;}
.pb-head:hover .pb-txt{background: #f39801;}
.pb-list{width: 100%;}
.pb-list ul li{width: 100%;padding-bottom: 0.15rem;margin-bottom: 0.15rem;border-bottom: 1px dashed rgba(255,255,255,0.3);}
.pb-list ul li a{transition: 0.2s all;line-height: 0.3rem;color: #ffffff;font-size: 0.16rem;padding-left: 0.2rem;background: url(../img/m-nav_down.png) no-repeat left center;background-size: auto 0.1rem;}
.pb-list ul li:last-of-type{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.pb-list ul li:hover a{}

.s3{
    background: url(../img/parta_bg.jpg) no-repeat center bottom;
    background-size: cover;
	width: 100%;padding: 0.5rem 0;
}
.s4{
	background: url(../img/partd_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	width: 100%;padding: 0.5rem 0;
}
.s4 .s1-tit .s1-more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.s4-left,.s4-right{width: calc(50% - 0.2rem);}
.s4-left{position: relative;}
.s4-left .swiper-pagination{width: 100%;text-align: right;position: absolute;left: 0;bottom: 1.05rem;padding-right: 0.15rem;}
.s4-left .swiper-pagination-bullet{margin: 0 0 0 0.06rem !important;}
.s4-left ul li .s4-img{width: 100%;height: 4.31rem;position: relative;overflow: hidden;}
.s4-left ul li .s4-img .image{transition: 0.2s all;}
.s4-left ul li .s4-txt{width: 100%;background: #f6f7fc;padding: 0.15rem 0.2rem;}
.s4-left ul li .s4-txt h3{font-size: 0.18rem;color: #333333;width: 100%;line-height: 0.28rem;width: 100%;margin-bottom: 0.06rem;}
.s4-left ul li .s4-txt h3 a{color: #333333;}
.s4-left ul li .s4-txt p{font-size: 0.14rem;color: #999999;line-height: 0.28rem;width: 100%;}
.s4-left ul li:hover .s4-txt h3 a{font-weight: bold;color: #0d6db9;}
.s4-left ul li:hover .s4-img .image{transform: scale(1.1,1.1);}

.s4-right ul li{width: 100%;padding: 0.2rem 0;border-bottom: 1px solid #eeeeee;}
.s4-right ul li .time{width: 0.7rem;text-align: center;color: #999999;margin-right: 0.2rem;padding-top: 0.04rem;}
.s4-right ul li .time h3{font-size: 0.3rem;font-weight: bold;margin-bottom: 0.1rem;}
.s4-right ul li .time span{font-size: 0.16rem;line-height: 0.2rem;}
.s4-right ul li .txt{width: calc(100% - 0.9rem);}
.s4-right ul li .txt h3{font-size: 0.18rem;color: #333333;width: 100%;line-height: 0.28rem;width: 100%;margin-bottom: 0.06rem;}
.s4-right ul li .txt h3 a{color: #333333;}
.s4-right ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.28rem;width: 100%;height: 0.56rem;display: block\0;}
.s4-right ul li.on .time{color: #0d6db9;}
.s4-right ul li.on .txt h3 a{font-weight: bold;}

@media screen and (max-width: 1200px) {
    #downPage {
        display: none;
    }

    html,
    body,
    .banner,
    .banner .slick,
    .banner .slick div,
    .banner .slick-slide a,
    .banner .slick-slide a img {
        height: auto !important;
    }

    .index {
        position: static;
        padding-top: 0;
    }
	.s1,.s2,.s3,.s4{padding: 0.4rem 0;}
    .banner .slick-dots{bottom: 0.2rem;}
	.banner .slick-slide a::before{content: none;}
}


@media screen and (max-width: 1024px) {
    .s1-left,.s1-right{width:100%;}
    .s1-left{margin-bottom:0.4rem;}
	.s2-left, .s2-right{width: 100%;}
	.s2-left{margin-bottom: 0.4rem;}
}
@media screen and (max-width: 980px) {
	.s4-left{width: 100%;}
	.s4-right{display: none;}
	.s4-left ul li .s4-img{height: 0;padding-bottom: 70%;}
}
@media screen and (max-width: 780px) {
    .s1-banner,.s1-list{width: 100%;}
	.s1-banner{margin-bottom: 0.2rem;}
	.s1-banner .pic{height: 0;padding-bottom: 70%;}
	.s1-tx p{display: block;white-space: nowrap;height: 0.3rem;}
}
@media screen and (max-width: 480px) {
	.pb-head .pb-img,.pb-head .pb-txt{width: 100%;}
	.pb-head .pb-img a{height: 0;padding-bottom: 70%;}
	.pb-head .pb-txt h3{display: block;white-space: nowrap;height: auto;margin-bottom: 0.06rem;}
	.pb-head .pb-txt p{margin-bottom: 0.1rem;}
    .s2-list ul li{width: 100%;}
	.s1-tit h2{font-size: 0.26rem;padding-right: 0.4rem;}
}
@media screen and (max-width: 380px) {
	.s1-tit h2{background: none !important;padding-right: 0;}
}