﻿.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{width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;transition:0.3s all;opacity: 1 !important;position: relative;background: none;margin: 0 6px !important;background: #ffffff;}
.banner .swiper-pagination-bullet-active{background: #e8c456;width: 0.3rem;}

.title{width: 100%;margin-bottom: 0.3rem;position: relative;}
.title h3{font-size: 0.3rem;color: #333333;line-height: 1;padding-left: 0.36rem;background: url(../img/title_ico.png) no-repeat left center;background-size: auto 0.18rem;}
.title a{width: 1.12rem;height: 0.3rem;border: 1px solid rgba(206,206,206,0.5);line-height: 0.28rem;transition: 0.2s all;padding: 0 0.04rem 0 0.08rem;}
.title span{font-size: 0.14rem;color: #999999;}
.title i{display: block;width: 0.22rem;height: 0.22rem;background: #c8350d;text-align: center;line-height: 0.2rem;font-style: normal;color: #ffffff;}
.title a:hover{border: 1px solid #c8350d;}
.title a:hover span{color: #c8350d;}

.parta{width: 100%;padding: 0.4rem 0;background: #f9feff;}
.pa-left{width: calc(68% - 0.15rem);}
.pa-right{width: calc(32% - 0.15rem);}
.news-scroll,.news-list{width: 100%;position: relative;}
.news-scroll ul li a{display: block;width: 100%;height: 5.41rem;position: relative;overflow: hidden;}
.news-scroll ul li a::after{content: "";width: 100%;height: 2rem;display: block;background-image: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 98%);position: absolute;left: 0;bottom: 0;z-index: 1;}
.news-scroll ul li .image{transition: 0.2s all;z-index: 0;}
.news-scroll ul li:hover .image{transform: scale(1.1,1.1);}
.news-scroll ul li .txt{width: 100%;z-index: 2;padding: 0 1.8rem 0.18rem 0.2rem;position: absolute;left: 0;bottom: 0;}
.news-scroll ul li .txt p{line-height: 0.26rem;width: 100%;font-size: 0.16rem;color: #ffffff;}
.news-scroll .swiper-pagination{bottom: 0.21rem;right: 0.15rem;}
.news-scroll .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border-radius: 0.05rem;transition:0.3s all;opacity: 1 !important;position: relative;background: none;margin: 0 5px !important;background: #ffffff;}
.news-scroll .swiper-pagination-bullet-active{background: #e8c456;width: 0.26rem;}

.news-list{border-left: 1px solid #dedede;padding-top: 0.1rem;}
.news-list ul li{width: 100%;}
.news-list ul li a{width: 100%;padding: 0.1rem 0 0.1rem 0.15rem;transition: 0.2s all;position: relative;}
.news-list ul li a::before{content: "";width: 3px;height: 0.12rem;display: block;background: #0d5cc8;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);margin-top: 0.01rem;transition: 0.2s;}
.news-list ul li p{font-size: 0.16rem;color: #333333;line-height: 0.3rem;max-width: calc(100% - 0.9rem);transition: 0.2s all;}
.news-list ul li span{font-size: 0.14rem;color: #0d5cc8;}
.news-list ul li:hover p{color: #0d5cc8;}
.news-list ul li:hover a::before{height: 0.2rem;}

.notice-list{width: 100%;}
.notice-list ul li{width: 100%;background: #ffffff;border: 1px solid #e5e5e5;}
.notice-list ul li:nth-child(n+2){margin-top: 0.13rem;}
.notice-list ul li a{padding: 0.21rem 0.3rem 0.32rem;position: relative;}
.notice-list ul li a::after{content: "";width: 0;height: 100%;display: block;background: #0d5cc8;position: absolute;left: 0;top: 0;z-index: 0;transition: 0.3s;}
.notice-list ul li .time{width: 0.68rem;position: relative;flex-shrink: 0;margin-right: 0.3rem;z-index: 1;}
.notice-list ul li .time::after{content: "";width: 0.5rem;height: 1px;display: block;background: #ea9425;position: absolute;left: 0;bottom: -0.12rem;}
.notice-list ul li .time::before{content: "";width: 1px;height: 0.26rem;display: block;background: #c1c1c1;position: absolute;right: -0.15rem;top: 0.12rem;transition: 0.2s;}
.notice-list ul li .time h3{font-size: 0.24rem;color: #333333;line-height: 1;font-weight: normal;margin-bottom: 0.05rem;transition: 0.2s;}
.notice-list ul li .time span{font-size: 0.14rem;color: #999999;transition: 0.2s;}
.notice-list ul li p{font-size: 0.16rem;color: #333333;line-height: 0.3rem;width: calc(100% - 0.98rem);max-height: 0.6rem;position: relative;z-index: 1;display: block\0;}
.notice-list ul li:hover a::after{width: 100%;}
.notice-list ul li:hover .time h3,.notice-list ul li:hover p,.notice-list ul li:hover .time span{color: #ffffff;}
.notice-list ul li:hover .time::before{background: #ffffff;}

.partb{width: 100%;position: relative;}
.partb img{display: block;width: 100%;}
.pb-button{width: 3.4rem;height: 0.82rem;position: absolute;left: 50%;bottom: 20%;transform: translateX(-50%);border-radius: 0.41rem;background-image: linear-gradient(90deg, #a72126 0%, #d64c52 100%);}
.pb-button a{width: 100%;height: 100%;display: block;text-align: center;line-height: 0.82rem;}
.pb-button p{display: inline-block;font-weight: bold;font-size: 0.24rem;color: #ffffff;padding-right: 0.5rem;background: url(../img/click.svg) no-repeat right center;background-size: auto 0.38rem;letter-spacing: 0.1rem;}

.partc{width: 100%;padding: 0.4rem 0;background: url(../img/partc_bg.jpg) no-repeat center bottom;background-size: cover;}
.partc .title a{position: absolute;right: 0;top: 0;}
.partc .title h3{padding-left: 0;padding-bottom: 0.2rem;background: url(../img/title_bg2.jpg) no-repeat center bottom;background-size: auto 0.04rem;}

.pc_box{width: 100%;overflow: hidden;}
.pc_box ul{margin-left: -0.15rem;margin-right: -0.15rem;}
.pc_box ul li{width: 25%;padding: 0 0.15rem;}
.pc_box ul li a{display: block;width: 100%;border: 1px solid #cccccc;border-radius: 0.1rem;padding: 0.3rem 0;transition: 0.2s;}
.pc_box ul li .icon{width: 0.6rem;height: 0.6rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto 0.1rem;transition: 0.2s;}
.pc_box ul li .icon i{font-size: 0.24rem;font-style: normal;}
.pc_box ul li p{font-size: 0.18rem;color: #333333;line-height: 0.3rem;font-weight: bold;text-align: center;transition: 0.2s;}
.pc_box ul li:first-of-type .icon{background: rgba(59,130,246,0.1);color: #3b82f6;}
.pc_box ul li:nth-of-type(2) .icon{background: rgba(34,197,94,0.1);color: #22c55e;}
.pc_box ul li:nth-of-type(3) .icon{background: rgba(168,85,247,0.1);color: #a855f7;}
.pc_box ul li:nth-of-type(4) .icon{background: rgba(249,115,22,0.1);color: #f97316;}
.pc_box ul li:first-of-type:hover p{color: #3b82f6;}
.pc_box ul li:nth-of-type(2):hover p{color: #22c55e;}
.pc_box ul li:nth-of-type(3):hover p{color: #a855f7;}
.pc_box ul li:nth-of-type(4):hover p{color: #f97316;}
.pc_box ul li:first-of-type:hover a{border: 1px solid #3b82f6;}
.pc_box ul li:nth-of-type(2):hover a{border: 1px solid #22c55e;}
.pc_box ul li:nth-of-type(3):hover a{border: 1px solid #a855f7;}
.pc_box ul li:nth-of-type(4):hover a{border: 1px solid #f97316;}
.pc_box ul li:first-of-type:hover .icon{background: rgba(59,130,246,1);color: #ffffff;}
.pc_box ul li:nth-of-type(2):hover .icon{background: rgba(34,197,94,1);color: #ffffff;}
.pc_box ul li:nth-of-type(3):hover .icon{background: rgba(168,85,247,1);color: #ffffff;}
.pc_box ul li:nth-of-type(4):hover .icon{background: rgba(249,115,22,1);color: #ffffff;}

@media screen and (max-width:1420px) {
	.pb-button{width: 2.6rem;height: 0.7rem;border-radius: 0.35rem;}
	.pb-button a{line-height: 0.7rem;}
	.pb-button p{font-size: 0.2rem;letter-spacing: 0.05rem;background-size: auto 0.3rem;}
}