.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.12rem;height: 0.12rem;border-radius: 0.06rem;} .banner .swiper-pagination-bullet-active{background: #a01921;width: 0.3rem;} .banner .swiper-button-prev,.banner .swiper-button-next{width:0.4rem;height:0.5rem;background:none;color:#ffffff;line-height:0.47rem;top:50%;transform:translateY(-50%);text-align:center;opacity:0;transition:0.2s all;z-index:2;} .banner .swiper-button-prev i,.banner .swiper-button-next i{font-size:0.4rem;} .banner .swiper-button-prev{left:0.2rem;} .banner .swiper-button-next{right:0.2rem;} .banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity:1;} .title{width: 100%;margin-bottom: 0.3rem;line-height: 0.3rem;position: relative;} .title .tit{background: url(../images/title_bg.png) no-repeat center center;background-size: auto 0.28rem;} .title .tit h3{font-size: 0.3rem;color: #434343;font-family: myfont;} .title .tit h3:first-of-type{margin-right: 0.5rem;} .title a{font-size: 0.16rem;color: #999999;display: block;padding-right: 0.6rem;background-image: url(../images/more.png);background-repeat: no-repeat;background-position: right center;background-size: auto 0.3rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .title a:hover{color: #a01921;background-image: url(../images/more_hover.png);} .part{width: 100%;padding: 0.4rem 0;background: url(../images/part_bg1.jpg) no-repeat top center;background-size: 100% auto;position: relative;} .part .w90{position: relative;z-index: 1;} .part::after{content: "";width: 100%;height: 100%;background: url(../images/part_bg2.png) no-repeat center bottom;background-size: 100% auto;position: absolute;left: 0;bottom: 0;z-index: 0;} .parta,.partb{width: 100%;margin-bottom: 0.4rem;} .pa-left,.pa-right{width: calc( 50% - 0.2rem );} .news-scroll{width: 100%;position: relative;margin-bottom: 0.05rem;padding-bottom: 0.2rem;} .news-scroll .img-scroll{width: 100%;z-index: 0;position: relative;} .img-scroll ul li .news_img{width: 100%;height: 4rem;position: relative;overflow: hidden;} .img-scroll ul li .news_img a{display: block;transition: 0.2s all;} .img-scroll ul li:hover .news_img a{transform: scale(1.1,1.1);} .txt-scroll{width: calc(100% - 0.4rem);background: url(../images/txt_bg1.png) no-repeat center bottom;background-size:cover;position: absolute;left: 0;bottom: 0;padding: 0.2rem 0.3rem;} .txt-scroll ul li{line-height: 0.3rem;height: 0.6rem;} .txt-scroll ul li a{font-size: 0.18rem;color: #ffffff;line-height: 0.3rem;} .txt-scroll ul li p{font-size:0.14rem;line-height:0.3rem;color:#ffffff;opacity:0.8;} .txt-scroll .swiper-pagination{position: relative;text-align: right;} .txt-scroll .swiper-pagination-bullet{margin-left: 0.06rem;} .news-scroll .swiper-button-prev,.news-scroll .swiper-button-next{width:0.3rem;height:0.4rem;background:none;color:#ffffff;line-height:0.37rem;top:50%;transform:translateY(-50%);text-align:center;margin-top:-0.45rem;opacity:0;transition:0.2s all;z-index:2;} .news-scroll .swiper-button-prev i,.news-scroll .swiper-button-next i{font-size:0.3rem;} .img-scroll .swiper-button-prev{left:0.1rem;} .img-scroll .swiper-button-next{right:0.1rem;} .news-scroll:hover .swiper-button-prev,.news-scroll:hover .swiper-button-next{opacity:1;} .news-list{width:100%;position:relative;} .news-list .swiper-container{height:1.62rem;} .news-list ul li{padding-bottom: 0.15rem;width: 100%;border-bottom: 1px dashed #dedede;padding-top: 0.15rem;} .news-list ul li a{font-size:0.16rem;color:#434343;line-height:0.24rem;max-width:calc(100% - 1.55rem );transition: 0.2s all;} .news-list ul li span{line-height: 0.24rem;display: block;font-size: 0.18rem;color: #999999;padding-left: 0.2rem;background: url(../images/txt_icon.png) no-repeat left center;background-size: auto 0.1rem;margin-right:0.25rem;} .news-list ul li:hover a,.news-list ul li:hover span{color: #a01921;} .news-list .btn{width:0.2rem;height:calc(100% - 0.15rem);position:absolute;right:0;top:0.15rem;opacity:0;transition:0.2s all;} .news-list:hover .btn{opacity:1;} .news-list .btn div{width:0.2rem;height:0.2rem;background:#d8d8d8;font-size:0.16rem;color:#a01921;text-align:center;line-height:0.19rem;position:relative;transform:rotate(90deg);z-index:2;} .news-list .btn div i{font-size:0.12rem;} .news-list .btn div.swiper-button-next{background:#a01921;color:#ffffff;position:absolute;left:0;bottom:0;} .pa-right .headline{width: 100%;box-shadow: 0 0 0.3rem 0 rgba(143, 143, 143, 0.4);padding: 0.25rem 0.3rem;margin-bottom: 0.2rem;background: #ffffff url(../images/txt_bg.png) no-repeat right bottom;} .pa-right .headline h3{font-size: 0.18rem;color: #333333;line-height: 0.24rem;width: 100%;font-weight: normal;margin-bottom: 0.1rem;} .pa-right .headline h3 a{color: #a01921;} .pa-right .headline p{font-size: 0.14rem;color: #999999;line-height: 0.25rem;height: 0.5rem;display: block\0;margin-bottom: 0.15rem;} .pa-right .headline span{display: block;font-size: 0.14rem;color: #a01921;padding-left: 0.25rem;background: url(../images/time.svg) no-repeat left center;background-size: auto 0.18rem;} .pa-right ul li{width: 100%;border-bottom: 1px dashed #dedede;position:relative;} /*.pa-right ul li.on{background: #ffffff url(../images/txt_bg.png) no-repeat right bottom;box-shadow: 0 0 0.3rem 0 rgba(143, 143, 143, 0.4);background-size: auto 90%;border-bottom: none;} .pa-right ul li.on p{color: #a01921;}*/ .pa-right ul li a{width: 100%;padding: 0.208rem 0.15rem;transition: 0.2s all;position:relative;z-index:1;} .pa-right ul li::after{content:"";width:100%;height:100%;position:absolute;display:block;left:0;top:0;transition:0.2s all;opacity:0;background: url(../images/txt_bg1.png) no-repeat center bottom;background-size:cover;z-index:0;} .pa-right ul li .time{margin-right:0.15rem;color: #a01921;width: 0.6rem;flex-shrink: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding: 0.04rem 0 0.05rem;} .pa-right ul li .time h3{font-size: 0.24rem;line-height: 1;margin-bottom: 0.05rem;} .pa-right ul li .time span{font-size: 0.14rem;} .pa-right ul li p{font-size: 0.16rem;color: #333333;line-height: 0.28rem;max-height: 0.56rem;display: block\0;width: calc(100% - 0.75rem);} .pa-right ul li:hover::after,.pa-right ul li.on::after{opacity:1;} .pa-right ul li:hover .time,.pa-right ul li:hover p{color: #ffffff;} .pa-right ul li.on .time,.pa-right ul li.on p{color: #ffffff;} .pb-list ul li .pb-img{width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 62.8%;} .pb-list ul li .pb-img a{display: block;transition: 0.2s all;} .pb-list ul li .pb-txt{width: 100%;background: #ffffff;position:relative;} .pb-list ul li .pb-txt a{display:block;padding: 0.25rem 0.3rem;position:relative;z-index:1;} .pb-list ul li .pb-txt::after{content:"";width:100%;height:100%;position:absolute;display:block;left:0;top:0;transition:0.2s all;opacity:0;background: url(../images/txt_bg1.png) no-repeat center bottom;background-size:cover;z-index:0;} .pb-list ul li .pb-txt a>h3{font-size: 0.16rem;line-height: 0.26rem;width: 100%;font-weight: normal;margin-bottom: 0.1rem;height: 0.52rem;display: block\0;color: #333333;} .pb-list ul li .pb-txt p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;height: 0.48rem;display: block\0;margin-bottom: 0.15rem;} .pb-list ul li .pb-txt .flex-right{align-items: flex-end;} .pb-list ul li .pb-txt .flex-right h3{color: #a01921;font-size: 0.24rem;margin-right: 0.05rem;line-height: 1;} .pb-list ul li .pb-txt .flex-right span{font-size: 0.14rem;color: #999999;} .pb-list ul li:hover .pb-txt::after{opacity:1;} .pb-list ul li:hover .pb-img a{transform: scale(1.1,1.1);} .pb-list ul li:nth-child(2n) .pb-img{order: 1;} .pb-list ul li:nth-child(2n) .pb-txt{order: 0;} .pb-list ul li:hover .pb-txt{background:#a01921;} .pb-list ul li:hover .pb-txt a>h3,.pb-list ul li:hover .pb-txt p{color:#ffffff;} .pb-list ul li:hover .pb-txt .flex-right h3,.pb-list ul li:hover .pb-txt .flex-right span{color:#ffffff;} .pc-right{width: 24%;padding-top: 0.2rem;} .pc-right ul li{width: 100%;margin-bottom:0.22rem;position:relative;background:#ffffff;box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1);} .pc-right ul li:last-of-type{margin-bottom:0;} .pc-right ul li a{padding:0.2rem;display:block;transition:0.2s all;position:relative;z-index:1;} .pc-right ul li::after{content:"";width:100%;height:100%;position:absolute;display:block;left:0;top:0;transition:0.2s all;opacity:0;background: url(../images/txt_bg1.png) no-repeat center bottom;background-size:cover;z-index:0;} .pc-right ul li p{font-size: 0.16rem;color: #333333;line-height: 0.3rem;width: 100%;margin-bottom: 0.1rem;} .pc-right ul li span{display: block;text-align: right;width: 100%;font-size: 0.16rem;color: #999999;line-height:1;} .pc-right ul li:hover::after,.pc-right ul li.on::after{opacity:1;} .pc-right ul li:hover p,.pc-right ul li:hover span{color:#ffffff;} .pc-right ul li.on p,.pc-right ul li.on span{color:#ffffff;} .pc-left{width: calc(76% - 0.4rem);position: relative;} .pc-left .pc-txt{width: 63%;background: #ffffff;position: relative;padding: 0.4rem 0.4rem 0.7rem;box-shadow: 0 0 0.32rem 0 rgba(143, 143, 143, 0.17);} .pc-left .pc-txt .swiper-container{width: 52%;margin: 0;} .pc-left .pc-txt ul li .time{width: 0.6rem;text-align: center;margin-bottom: 0.2rem;} .pc-left .pc-txt ul li .time h3{font-size: 0.24rem;color: #a01921;} .pc-left .pc-txt ul li .time span{font-size: 0.14rem;color: #999999;} .pc-left .pc-txt ul li a{width: 100%;display: block\0;line-height: 0.3rem;height: 0.6rem;font-size: 0.18rem;color: #333333;margin-bottom: 0.2rem;} .pc-left .pc-txt ul li p{font-size: 0.14rem;color: #999999;line-height: 0.27rem;height: 2.16rem;display: block\0;width: 100%;} .pc-left .pc-txt ul li:hover a{color: #a01921;} .pc-left .pc-txt .btn{width: 1.4rem;position: absolute;right: -0.7rem;bottom: 0;display: flex;} .pc-left .pc-txt .btn div{width: 0.7rem;height: 0.7rem;background: #d8d8d8;position: relative;text-align: center;line-height: 0.7rem;color: #a01921;outline: none;border: none;} .pc-left .pc-txt .btn div i{font-size: 0.24rem;} .pc-left .pc-txt .btn div.swiper-button-next{background: #a01921;color: #ffffff;} .pc-left .pc-img{width: 65%;position: absolute;right: 0;top: 0.2rem;} .pc-left .pc-img ul li{width: 100%;height: 3.81rem;position: relative;overflow: hidden;} .pc-left .pc-img ul li a{display: block;transition: 0.2s all;} .pc-left .pc-img ul li:hover a{transform: scale(1.1,1.1);}