.banner{position: relative;width: 100%;}
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .swiper-pagination{bottom: 0.2rem;width: 100%;}
.banner .swiper-pagination-bullet{transition: 0.3s all;width: 0.1rem;height: 0.1rem;border-radius: 100%;opacity: 1 !important;position: relative;margin: 0 0.1rem !important;}
.banner .swiper-pagination-bullet::after{content: "";width: 0.2rem;height: 0.2rem;border-radius:100%;display: block;border: 1px solid #ffffff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;transition: 0.2s all;}
.banner .swiper-pagination-bullet-active::after{opacity: 1;}

.parta{width: 100%;background: #f2f2f2;padding: 0.4rem 0 0.35rem;}
.pa1{width: 100%;margin-bottom: 0.4rem;}
.pa1 ul li a{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}
.pa1 ul li .flex-center{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0);transition: 0.2s all;}
.pa1 ul li:first-of-type a{background: #e4a029;}
.pa1 ul li:nth-of-type(2) a{background: #cb5074;}
.pa1 ul li:nth-of-type(3) a{background: #ba434c;}
.pa1 ul li:nth-of-type(4) a{background: #395a91;}
.pa1 ul li:nth-of-type(5) a{background: #3eabc7;}
.pa1 ul li:nth-of-type(6) a{background: #32c0b4;}
.pa1 ul li:nth-of-type(7) a{background: #69aa46;}
.pa1 ul li:nth-of-type(8) a{background: #cb6f6f;}
.pa1 ul li:nth-of-type(9) a{background: #e4a029;}
.pa1 ul li:nth-of-type(10) a{background: #cb5074;}
.pa1 ul li .icon{width: 50%;height: 50%;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;}
.pa1 ul li p{font-size: 0.14rem;color: #ffffff;line-height: 0.3rem;text-align: center;white-space: nowrap;}
.pa1 ul li:hover .flex-center{background: rgba(0,0,0,0.2);}
.pa2{width: 100%;}
.pa2 .hd{width: 100%;background: rgba(205, 205, 205, 0.5);margin-bottom: 0.3rem;}
.pa2 .hd ul li{line-height: 0.6rem;font-size: 0.2rem;cursor: pointer;position: relative;}
.pa2 .hd ul li::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transition: 0.2s all;background-image: linear-gradient(90deg, #054ec0 0%, #007dfd 100%);}
.pa2 .hd ul li h3{color: #434343;font-weight: normal;padding: 0 0.4rem;transition: 0.2s all;z-index: 1;position: relative;}
.pa2 .hd ul li.on::after{opacity: 1;}
.pa2 .hd ul li.on h3{color: #ffffff;font-weight: bold;}
.pa2 .bd ul li a{display: flex;width: 100%;flex-direction: column;align-items: center;}
.pa2 .bd ul li .icon{width: 0.8rem;height: 0.8rem;border: 1px dashed #0453c7;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.pa2 .bd ul li .icon img{display: block;max-height: 0.35rem;transition: 0.2s all;}
.pa2 .bd ul li p{font-size: 0.14rem;color: #333333;line-height: 0.2rem;text-align: center;white-space: nowrap;margin-top: 0.1rem;}
.pa2 .bd ul li:hover p{color: #0453c7;}
.pa2 .bd ul li:hover .icon img{transform: rotateY(180deg);}

.partb{width: 100%;padding: 0.35rem 0 0.4rem;background: url(../img/partc_bg.jpg) no-repeat left bottom;background-size: cover;}
.pb1{width: 100%;margin-bottom: 0.3rem;}
.pb1 .title{width: 100%;margin-bottom: 0.3rem;position: relative;}
.pb1 .title h3{font-size: 0.3rem;color: #434343;line-height: 1;font-family: myfont;}
.pb1 .title a{line-height: 0.3rem;font-size: 0.14rem;color: #999999;position: absolute;right: 0;top: 0;}

.news-scroll{width: calc( 54% - 0.15rem );position: relative;}
.news-time{width: 1.3rem;height: 0.34rem;background-image: linear-gradient(90deg, #054ec0 0%, #007dfd 100%);position: absolute;top: 0.25rem;left: -0.1rem;z-index: 3;}
.news-time ul li span{display: block;text-align: center;line-height: 0.34rem;font-size: 0.14rem;color: #ffffff;font-family: myfont;}
.news ul li a{display: block;width: 100%;height: 4.3rem;position: relative;overflow: hidden;}
.news ul li .image{transition: 0.2s all;background-position: center center;background-repeat: no-repeat;background-size: cover;transition: 0.2s all;}
.news ul li:hover .image{transform: scale(1.1,1.1);}
.news ul li .txt{width: 100%;position: absolute;right: 0;bottom: 0;z-index: 2;padding: 0 0.2rem 0.1rem;}
.news ul li .txt::after{content: "";width: 100%;height: 1rem;display: block;background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);position: absolute;left: 0;bottom: 0;z-index: 0;}
.news ul li .txt h3{font-size: 0.18rem;color: #ffffff;line-height: 0.3rem;position: relative;width: 100%;z-index: 1;}
.news ul li .txt h3::after{content: "";width: 0.35rem;height: 2px;display: block;background: #ffb400;margin: 0.1rem 0;}
.news ul li .txt p{width: 100%;font-size: 0.14rem;color: rgba(255,255,255,0.8);line-height: 0.26rem;display: block\0;position: relative;z-index: 1;}
.news-list{width: calc( 46% - 0.15rem );}
.news-list ul li{padding-bottom: 0.2rem;margin-top: 0.215rem;border-bottom: 1px solid #ececec;width: 100%;}
.news-list ul li:last-of-type{margin-bottom: 0;}
.news-list ul li .left{position: relative;padding-left: 0.2rem;width: calc( 100% - 0.9rem );}
.news-list ul li .left a{font-size: 0.16rem;color: #171717;line-height: 0.3rem;margin-bottom: 0.05rem;font-weight: bold;}
.news-list ul li .left p{font-size: 0.14rem;color: #8f8f8f;line-height: 0.3rem;}
.news-list ul li .right{width: 0.7rem;text-align: left;font-family: myfont;}
.news-list ul li .right span{font-size: 0.16rem;color: #0454c7;display: block;padding-right: 0.03rem;}
.news-list ul li .right h3{font-size: 0.24rem;color: #0454c7;font-weight: normal;margin-bottom: 0.05rem;}
.news-list ul li:hover .left a,.news-list ul li:hover .left p{color: #0454c7;}
.news-list ul li:hover{border-bottom: 1px solid #0454c7;}

.news-scroll1{width: 100%;margin-top: 0.4rem;position: relative;}
.news-scroll1 ul li{border-top: 3px solid #ffb400;padding-bottom: 5px;}
.news-scroll1 ul li .news-img{width: 100%;height: 0;padding-bottom: 68.55%;position: relative;overflow: hidden;z-index: 1;}
.news-scroll1 ul li .news-img .image{background-position: center center;background-repeat: no-repeat;background-size: cover;transition: 0.2s all;}
.news-scroll1 ul li:hover .news-img .image{transform: scale(1.1,1.1);}
.news-scroll1 ul li .news-txt{width: 100%;border: 1px solid #d3d3d3;background: #ffffff;padding: 0.15rem 0.2rem;position: relative;z-index: 1;}
.news-scroll1 ul li .news-txt a{font-size: 0.16rem;color: #333333;line-height: 0.26rem;height: 0.52rem;display: block\0;width: 100%;}
.news-scroll1 ul li::after{content: "";width: 90%;height: 0.2rem;border: 1px solid #d3d3d3;background: #ffffff;position: absolute;left: 5%;bottom: 0;z-index: 0;}
.news-scroll1 ul li:hover .news-txt a{color: #0454c7;}
.news-scroll1 .swiper-button-prev,.news-scroll1 .swiper-button-next{width: 0.3rem;height: 0.4rem;background-repeat: no-repeat;background-size: 100% auto;background-position: center center;position: absolute;top: 50%;transform: translateY(-50%);margin-top: -0.42rem;z-index: 2;}
.news-scroll1 .swiper-button-prev{background-image: url(../img/arrow_l_gray.svg);left: -0.6rem;}
.news-scroll1 .swiper-button-next{background-image: url(../img/arrow_r_gray.svg);right: -0.6rem;}

.pb2{margin-bottom: 0.4rem;}
.pb2 ul li a{display: flex;align-items: center;justify-content: center;width: 100%;padding: 0.4rem 0;position: relative;}
.pb2 ul li a::after{content: "";width: 100%;height: 100%;background: url(../img/hover_bg.png) no-repeat center center;background-size: auto 100%;position: absolute;left: 0;top: 0;z-index: 0;transition: 0.2s all;opacity: 0;}
.pb2 ul li .icon_box{width: 100%;position: relative;z-index: 1;}
.pb2 ul li .icon_box .icon{width: 100%;height: 0.6rem;background-position: center center;background-repeat: no-repeat;background-size: auto 100%;transition: 0.2s all;}
.pb2 ul li p{font-size: 0.16rem;color: #434343;text-align: center;line-height: 0.3rem;margin-top: 0.15rem;transition: 0.2s all;}
.pb2 ul li .icon_box::after{content: "";width: 0.25rem;height: 1px;display: block;background: #064ec0;position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.2rem;}
.pb2 ul li:hover a::after{opacity: 1;}
.pb2 ul li:hover p{color: #ffffff;}
.pb2 ul li:hover .icon_box .icon1{background-image: url(../img/item_1_hover.png) !important;}
.pb2 ul li:hover .icon_box .icon2{background-image: url(../img/item_2_hover.png) !important;}
.pb2 ul li:hover .icon_box .icon3{background-image: url(../img/item_3_hover.png) !important;}
.pb2 ul li:hover .icon_box .icon4{background-image: url(../img/item_4_hover.png) !important;}
.pb2 ul li:hover .icon_box .icon5{background-image: url(../img/item_14_hover.png) !important;}
.pb2 ul li:hover .icon_box .icon6{background-image: url(../img/item_5_hover.png) !important;}



.pb3 ul li{border-right: 1px solid #cccccc;}
.pb3 ul li:last-of-type{border-right: none;}
.pb3 ul li .flexbox{align-items: flex-end;}
.pb3 ul li img{display: block;height: 0.34rem;margin-right: 0.1rem;}
.pb3 ul li h3{color: #0453c7;font-size: 0.3rem;font-family: myfont1;font-weight: normal;margin-right: 0.05rem;line-height: 0.24rem;}
.pb3 ul li span{font-size: 0.16rem;color: #434343;line-height: 1;}
.pb3 ul li p{font-size: 0.16rem;color: #434343;line-height: 0.2rem;margin-top: 0.1rem;}

@media only screen and (max-width:1366px){
.news-list ul li{margin-top: 0.15rem;padding-bottom: 0.15rem;}
.news ul li a{height: 3.83rem;}
}
@media only screen and (max-width:1780px){
.news-scroll1 .swiper-button-prev,.news-scroll1 .swiper-button-next{background-color: rgba(0,0,0,0.5);background-size: 60% auto;}
.news-scroll1 .swiper-button-prev{background-image: url(../img/arrow_l.svg);left: 0;}
.news-scroll1 .swiper-button-next{background-image: url(../img/arrow_r.svg);right: 0;}
}