.banner{position: relative;overflow: hidden;width: 100%;}
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{display: block;width: 100%;}
.page{width: 100%;position: absolute;left: 0;bottom: 0.2rem;z-index: 2;}
.banner .page .swiper-pagination{width: 100%;text-align: right;position: relative;}
.banner .page .swiper-pagination-bullet{transition: 0.4s all;width: auto;height: auto;background: none;margin: 0 0.08rem !important;font-size: 0.24rem;color: #ffffff;font-weight: bold;opacity: 1;vertical-align: 0;}
.banner .page .swiper-pagination-bullet-active{color: #fbc228;vertical-align: 0.1rem;}

.parta{width: 100%;padding: 0.3rem 0 0.4rem;background: url(/jcc/img/parta_bg.jpg) no-repeat right bottom;background-size: cover;}
.partb{width: 100%;padding: 0.3rem 0 0.4rem;background: url(/jcc/img/partb_bg.png) no-repeat center top;background-size: cover;}
.partc{width: 100%;padding: 0.3rem 0 0.25rem;background: #f0f0f0;;background-size: cover;}
.partd{width: 100%;padding: 0.5rem 0 0.5rem;background: url(/jcc/img/partc_bg.jpg) no-repeat center bottom;;background-size: cover;}
.title{width: 100%;line-height: 0.3rem;margin-bottom: 0.3rem;}
.titles{width: 100%;line-height: 0.3rem;margin-bottom: 0.3rem;}
.title h3{font-size: 0.24rem;color: #434343;padding-left: 0.35rem;background-repeat: no-repeat;background-size: auto 0.28rem;}
.titles h3{font-size: 0.24rem;color: #434343;padding-left: 0.1rem;background-repeat: no-repeat;background-size: auto 0.28rem;}
.parta .title h3{background-image: url(/jcc/img/title1.svg);background-position: left 0.02rem;}
.pb-left,.pb-right{width: calc( 50% - 0.2rem );}
.pb-left .title h3{background-image: url(/jcc/img/title2.svg);background-position: left 0.02rem;color: #ffffff;}
.pb-right .title h3{background-image: url(/jcc/img/title3.svg);background-position: left 0.02rem;color: #ffffff;}
.title a{color: #0d459a;display: inline-block;padding-left: 0.34rem;font-size: 0.14rem;position: relative;}
.title a i{display: block;width: 0.1rem;height: 0.1rem;background: #93a8ff;border-radius: 100%;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.title a i::before{content: "";width: 0.1rem;height: 0.1rem;background: #2953ff;border-radius: 100%;position: absolute;left: 0.08rem;top:0;z-index: 1;}
.title a i::after{content: "";width: 0.1rem;height: 0.1rem;background: #fbc228;border-radius: 100%;position: absolute;left: 0.16rem;top:0;z-index: 0;}

.titles a{color: #0d459a;display: inline-block;padding-left: 0.34rem;font-size: 0.14rem;position: relative;}
.titles a i{display: block;width: 0.1rem;height: 0.1rem;background: #93a8ff;border-radius: 100%;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.titles a i::before{content: "";width: 0.1rem;height: 0.1rem;background: #2953ff;border-radius: 100%;position: absolute;left: 0.08rem;top:0;z-index: 1;}
.titles a i::after{content: "";width: 0.1rem;height: 0.1rem;background: #fbc228;border-radius: 100%;position: absolute;left: 0.16rem;top:0;z-index: 0;}
.partb .title{margin-bottom: 0;}
.partb .title a{color: #ffffff;}
.partc .title h3{background-image: url(/jcc/img/title4.svg);background-position: left 0.02rem;}

.pcbox{margin-left: -0.2rem;margin-right: -0.2rem;}
.pcbox .swiper-container{padding: 0.4rem 0 0.15rem;}
.pcbox .swiper-slide{padding: 0 0.2rem;}
.pcbox .swiper-slide a{padding: 0.2rem;display: block;background: #ffffff;box-shadow: 0 0 0.1rem 0 rgba(84, 84, 84, 0.48);width: 100%;transition:0.4s all;}
.p3img{width: 100%;height: 0;padding-bottom:62.5%;overflow: hidden;position: relative;}
.p3img .image{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.pcbox .swiper-slide h3{color: #434343;line-height: 0.26rem;height: 0.52rem;margin: 0.1rem 0 0.15rem;width: 100%;font-size: 0.16rem;font-weight: normal;}
.pcbox .swiper-slide .p3ifo span{color: #888888;}
.pcbox .swiper-slide .p3ifo .in{display:block;width:0.3rem;height:0.3rem;border:1px solid #888888;border-radius:50%;background-color: #ffffff;background-image: url(/jcc/img/arrow_r_blue.svg);background-position: center center;background-size: auto 0.15rem;background-repeat: no-repeat;transition: 0.4s all;}
.pcbox .swiper-slide-active a,.pcbox .swiper-slide:hover a{background:#0d459a;margin-top:-0.3rem;}
.pcbox .swiper-slide-active h3,.pcbox .swiper-slide:hover h3,.pcbox .swiper-slide-active.out h3{color:#ffffff;}
.pcbox .swiper-slide-active .p3ifo span,.pcbox .swiper-slide:hover .p3ifo span,.pcbox .swiper-slide-active.out .p3ifo span{color:#ffffff}
.pcbox .swiper-slide-active .p3ifo .in,.pcbox .swiper-slide:hover .p3ifo .in,.pcbox .swiper-slide-active.out .p3ifo .in{border:1px solid #fbc228;background-color:#fbc228;background-image: url(/jcc/img/arrow_r.svg);}
.pcbox .swiper-slide-active.on a{background:#ffffff;margin-top:0;}
.pcbox .swiper-slide-active.on h3{color: #434343;}
.pcbox .swiper-slide-active.on .p3ifo span{color: #888888;}
.pcbox .swiper-slide-active.on .p3ifo .in{border:1px solid #888888;background-color:#ffffff;background-image: url(/jcc/img/arrow_r_blue.svg);}
.pcbox .swiper-slide-active.out a{background:#0d459a !important;margin-top:-0.3rem !important;}
.pcbox .swiper-slide-active.out h3{color:#ffffff !important;}
.pcbox .swiper-slide-active.out .p3ifo span{color:#ffffff !important;}
.pcbox .swiper-slide-active.out .p3ifo .in{border:1px solid #fbc228 !important;background-color:#fbc228 !important;background-image: url(/jcc/img/arrow_r.svg) !important;}

.ky-list ul li{width: calc( 50% - 0.15rem );background: #e4efff;margin-top: 0.3rem;}
.ky-list ul li a{display: block;padding: 0.24rem 0.3rem;}
.ky-list ul li p{font-size: 0.16rem;color: #434343;line-height: 0.3rem;height: 0.6rem;width: 100%;margin-bottom: 0.1rem;}
.ky-list ul li a>span{display: block;color: #fbc228;line-height: 0.25rem;font-size: 0.14rem;padding-left: 0.25rem;background: url(/jcc/img/time.svg) no-repeat left center;background-size: auto 0.18rem;}
.ky-list ul li:hover p{color: #0d459a;}
.notice-list ul li{width: 100%;margin-top: 0.3rem;}
.notice-list ul li .time{width: 0.82rem;height: 0.74rem;background: #ffffff;border-radius: 0.04rem;margin-right: 0.2rem;padding-top: 0.05rem;}
.notice-list ul li .time span{color: #0d459a;display: block;text-align: center;}
.notice-list ul li .time span:first-of-type{font-size: 0.3rem;font-weight: bold;}
.notice-list ul li p{width: calc( 100% - 1.02rem );line-height: 0.3rem;max-height: 0.6rem;font-size: 0.16rem;color: #ffffff;}
.notice-list ul li p a{color: #ffffff;}

.news-scroll,.news-list{width: calc( 50% - 0.2rem );}
.news-scroll ul li .news-img{width: 100%;height: 4.4rem;position: relative;overflow: hidden;}
.news-scroll ul li .news-img a{display: block;background-size: cover;transition: 0.2s all;}
.news-scroll ul li:hover .news-img a{transform: scale(1.1,1.1);}
.news-scroll ul li .news-txt{width: 100%;background-image: linear-gradient(180deg,rgba(13,69,154,0) 0%,rgba(13,69,154) 99%);height: 0.8rem;position: absolute;left: 0;bottom: 0;}
.news-scroll ul li .news-txt a{padding: 0.4rem 0.1rem;display: block;}
.news-scroll ul li .news-txt h3{font-size: 0.16rem;line-height: 0.3rem;color: #ffffff;font-weight: normal;padding: 0 0.2rem;}

.news-list ul li{width: 100%;padding: 0.15rem 0;border-bottom: 1px solid #d3d3d3;}
.news-list ul li .time{width: 0.7rem;flex-shrink: 0;position: relative;margin-right: 0.2rem;}
.news-list ul li .time::after{content: "";width: 1px;height: 0.7rem;display: block;background: #d3d3d3;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-list ul li .time span{font-size: 0.2rem;color: #434343;display: block;line-height: 0.24rem;}
.news-list ul li .txt{width: calc( 100% - 0.9rem );}
.news-list ul li .txt a{line-height: 0.24rem;color: #333333;width: 100%;margin-bottom: 0.08rem;}
.news-list ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.48rem;}
.news-list ul li:hover .time span,.news-list ul li:hover .txt a{color: #0d459a;}
.news-list ul li:hover{border-bottom: 1px solid #0d459a;}

.parte{width:100%;padding:0.3rem 0;}
.parte ul li a{display: block;width: 100%;height: 0;padding-bottom: 22.727%;position: relative;overflow: hidden;}
.parte ul li .image{background-size: cover;background-position: center center;background-repeat: no-repeat;}




.partd{width:100%;}

.partd .p30 {
    width: calc( ( 100% - 0.6rem ) / 3 );
    border: 1px solid #e1e1e1;
    padding: 0.15rem;
   background:#ffffff;
}

.title2 {
    width: 100%;
    line-height: 0.24rem;
    margin-bottom: 0.2rem;
}

.title2 h3 {
    font-size: 0.22rem;
    color: #ce0302;
    position: relative;
}

.title2 h3::before {
    content: "";
    width: 0.03rem;
    height: 0.22rem;
    background: #ce0302;
    display: block;
    position: absolute;
    left: -0.15rem;
    top: 50%;
    transform: translateY(-50%);
}

.title2 a {
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    background: rgba(206,3,2,0.4) url() no-repeat center center;
    background-size: auto 0.1rem;
}

.pdlist ul li {
    width: 100%;
    line-height: 0.3rem;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 0.11rem;
    margin-bottom: 0.1rem;
}

.pdlist ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.pdlist ul li span {
    display: block;
    font-size: 0.14rem;
    color: #999999;
    margin-left: 0.2rem;
    flex-shrink: 0;
}

.pdlist ul li a {
    color: #434343;
    width: calc( 100% - 0.6rem );
    padding-left: 0.15rem;
    position: relative;
}

.pdlist ul li a::before {
    content: "";
    width: 0.06rem;
    height: 0.06rem;
    display: block;
    background: #c5c5c5;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pdlist ul li:hover a,.pdlist ul li:hover span {
    color: #0d459a;
}

.pdlist ul li:hover a::before {
    background: #0d459a;
}