﻿.banner{position: relative;width: 100%;}
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-pagination{bottom: 0.3rem;width: 100%;}
.banner .swiper-pagination-bullet{transition: 0.3s all;width: 0.16rem;height: 0.16rem;border-radius: 0.08rem;opacity: 1 !important;}
.banner .swiper-pagination-bullet-active{background: #e3a944;width: 0.42rem;}

.title{width: 100%;margin-bottom: 0.5rem;position: relative;}
.title h3{color: #333333;font-family: titlefont;font-size: 0.36rem;font-weight: normal;line-height: 1;}
.title h3 span{color: #0b6cb8;}
.title a{transition: 0.2s all;width: 1.05rem;height: 0.36rem;border: 1px solid #cccccc;border-right: none;border-radius: 0.18rem;padding-left: 0.18rem;display: block;position: relative;}
.title a span{transition: 0.2s all;font-size: 0.18rem;color: #999999;line-height: 0.34rem;}
.title a i{transition: 0.2s all;display: block;width: 0.35rem;height: 0.35rem;border: 1px solid #cccccc;border-radius: 100%;position: absolute;right: 0;top: 0;background-image: url(../img/arrow_r_gray.svg);background-position: center center;background-repeat: no-repeat;background-size: auto 0.15rem;}
.title a:hover{border: 1px solid #0b6cb8;border-right: none;}
.title a:hover span{color: #0b6cb8;}
.title a:hover i{border: 1px solid #0b6cb8;background-image: url(../img/arrow_r.svg);background-color: #0b6cb8;}
.qh-title{width: 100%;margin-bottom: 0.5rem;}
.qh-title ul li{opacity: 0.7;cursor: pointer;}
.qh-title ul li.on{opacity: 1;}
.qh-title ul li:first-of-type{margin-right: 0.4rem;}
.qh-title ul li h3{color: #ffffff;font-family: titlefont;font-size: 0.36rem;font-weight: normal;line-height: 1;}
.qh-title ul li h3 span{color: #e3a944;}
.qh-title a{transition: 0.2s all;width: 1.05rem;height: 0.36rem;border: 1px solid #ffffff;border-right: none;border-radius: 0.18rem;padding-left: 0.18rem;display: block;position: relative;}
.qh-title a span{transition: 0.2s all;font-size: 0.18rem;color: #ffffff;line-height: 0.34rem;}
.qh-title a i{transition: 0.2s all;display: block;width: 0.35rem;height: 0.35rem;border: 1px solid #ffffff;border-radius: 100%;position: absolute;right: 0;top: 0;background-image: url(../img/arrow_r_gray.svg);background-position: center center;background-repeat: no-repeat;background-size: auto 0.15rem;}
.qh-title a:hover{border-right: none;}
.qh-title a:hover i{background-image: url(../img/arrow_r_red.svg);background-color: #ffffff;}

.parta{width: 100%;padding: 0.6rem 0;background: url(../img/parta_bg.png) no-repeat right bottom;}
.pa1{width: 100%;margin-bottom: 0.6rem;}
.news-scroll{width: calc(50% - 0.25rem);}
.img-scroll{width: 100%;height: auto;z-index: 0;}
.img-scroll ul li a{display: block;width: 100%;height: 5.16rem;position: relative;overflow: hidden;}
.img-scroll ul li .image{transition: 0.2s all;}
.img-scroll ul li .time{width: 0.82rem;height:0.76rem;text-align: center;color: #ffffff;margin-right: 0.2rem;background: #e3a944;padding-top: 0.09rem;position: absolute;left: 0.3rem;top: 0.3rem;}
.img-scroll ul li .time h3{font-size: 0.36rem;line-height: 1;}
.img-scroll ul li .time span{font-size: 0.18rem;}
.img-scroll ul li:hover .image{transform: scale(1.1,1.1);}
.img-scroll .swiper-button{width: 0.4rem;height: 0.4rem;position: absolute;background-repeat: no-repeat;background-position: center center;background-size: auto 0.34rem;top: 50%;transform: translateY(-50%);}
.img-scroll .swiper-button-next{right: 0.2rem;background-image: url(../img/right.svg);}
.img-scroll .swiper-button-prev{left: 0.2rem;background-image: url(../img/left.svg);}
.txt-scroll{width: calc(100% - 1rem);padding: 0.3rem 0.4rem;background-image: linear-gradient(90deg, #0b6cb8 0%, #0761a7 100%);margin-top: -0.67rem;position: relative;z-index: 1;}
.txt-scroll ul li h3{width: 100%;font-size: 0.22rem;color: #ffffff;line-height: 0.36rem;margin-bottom: 0.06rem;}
.txt-scroll ul li h3 a{color: #ffffff;}
.txt-scroll ul li p{width: 100%;font-size: 0.18rem;color: #ffffff;line-height: 0.32rem;}

.news-list{width: calc(50% - 0.25rem);}
.news-list ul li{width: 100%;border-bottom: 1px solid #ede9da;padding-bottom: 0.25rem;}
.news-list ul li:nth-child(n+2){margin-top: 0.25rem;}
.news-list ul li:last-of-type{padding-bottom: 0;border-bottom: none;}
.news-list ul li .time{width: 0.82rem;height:0.76rem;text-align: center;color: #ffffff;margin-right: 0.2rem;background: #0b6cb8;padding-top: 0.09rem;transition: 0.2s;}
.news-list ul li .time h3{font-size: 0.36rem;line-height: 1;}
.news-list ul li .time span{font-size: 0.18rem;}
.news-list ul li .txt{width: calc(100% - 1.02rem);}
.news-list ul li .txt a{display: block;}
.news-list ul li .txt h3{font-size: 0.2rem;color: #333333;line-height: 0.35rem;transition: 0.2s;margin-bottom: 0.03rem;}
.news-list ul li .txt p{font-size: 0.18rem;color: #999999;line-height: 0.35rem;}
.news-list ul li:hover .txt h3{color: #0b6cb8;}
.news-list ul li:hover .time{background: #e3a944;}

.pa2{width: 100%;}
.notice-list{width: 100%;overflow: hidden;}
.notice-list ul{margin-left: -0.2rem;margin-right: -0.2rem;}
.notice-list ul li{width: 33.3333%;padding: 0 0.2rem;}
.notice-list ul li:nth-child(n+4){margin-top: 0.4rem;}
.notice-list ul li a{width: 100%;border: 1px solid #e7e7e7;padding: 0.3rem;position: relative;background: #ffffff;}
.notice-list ul li a::before{content: "";width: 0;height: 100%;background-image: linear-gradient(90deg, #0b6cb8 0%, #0761a7 100%);position: absolute;left: 0;top: 0;transition: 0.3s;z-index: 0;}
.notice-list ul li .time{width: 0.8rem;position: relative;color: #0b6cb8;text-align: center;flex-shrink: 0;margin-right: 0.4rem;transition: 0.2s;}
.notice-list ul li .time::after{content: "";width: 1px;height: 0.54rem;display: block;background: #e7e7e7;position: absolute;right: -0.2rem;top: 50%;transform: translateY(-50%);}
.notice-list ul li .time h3{font-size: 0.36rem;line-height: 1;margin-bottom: 0.06rem;}
.notice-list ul li .time span{font-size: 0.18rem;}
.notice-list ul li p{font-size: 0.2rem;color: #333333;line-height: 0.34rem;max-height: 0.68rem;position: relative;transition: 0.2s;width: calc(100% - 1.2rem);}
.notice-list ul li:hover a::before{width: 100%;}
.notice-list ul li:hover p{color: #ffffff;}
.notice-list ul li:hover .time{color: #e3a944;}

.partc{width: 100%;position: relative;}
.pc-left{width: calc(50% - 0.25rem);position: relative;}
.pc-right{width: calc(50% + 0.25rem);background: url(../img/partc_bg.jpg) no-repeat right bottom;background-size: cover;}
.pc-left ul li a{display: block;width: 100%;height: 0;padding-bottom: 64%;position: relative;overflow: hidden;}
.pc-left ul li .image{transition: 0.2s;}
.pc-left ul li:hover .image{transform: scale(1.1,1.1);}
.pc-left .swiper-button{position: absolute;right: 0;bottom: 0;}
.pc-left .swiper-button div{width: 0.5rem;height: 0.5rem;background-repeat: no-repeat;background-position: center center;background-size: auto 0.2rem;position: relative;transition: 0.2s;}
.pc-left .swiper-button .swiper-button-prev{background-image: url(../img/left.svg);background-color: #0162a7;}
.pc-left .swiper-button .swiper-button-next{background-image: url(../img/right.svg);background-color: #e3a944;}
.pc-right{padding-right: calc((100% - 17rem) / 2);padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 0.5rem;}
.qh-box ul li{width: 100%;font-size: 0.2rem;line-height: 0.3rem;margin-top: 0.33rem;}
.qh-box ul li a{color: #ffffff;width: calc(100% - 1.1rem);transition: 0.2s;}
.qh-box ul li span{color: #ffffff;font-size: 0.18rem;}
.qh-box ul li:hover a{padding-left: 0.2rem;}

.partd{width: 100%;padding: 0.6rem 0;background: url(../img/partd_bg.jpg) no-repeat center bottom;background-size: 100% auto;}
.pd1{width: 100%;margin-bottom: 0.6rem;}
.pd-left,.pd-right{width: calc(50% - 0.25rem);}
.pd-left .title h3 span{color: #de0a09;}
.pd-left .title a:hover{border: 1px solid #de0a09;}
.pd-left .title a:hover span{color: #de0a09;}
.pd-left .title a:hover i{border: 1px solid #de0a09;background-color: #de0a09;}
.dj-list{width: 100%;}
.dj-list ul li{width: 100%;position: relative;}
.dj-list ul li::before{content: "";width: 0;height: 100%;display: block;background: #de0a09;position: absolute;left: 0;top: 0;transition: 0.3s;}
.dj-list ul li:nth-child(n+2){margin-top: 0.3rem;}
.dj-list ul li a{background: rgba(1,98,167,0.1);position: relative;}
.dj-list ul li .time{width: 1.25rem;height: 1.04rem;color: #de0a09;text-align: center;display: flex;flex-direction: column;justify-content: center;position: relative;transition: 0.2s;}
.dj-list ul li .time::after{content: "";width: 1px;height: 0.64rem;display: block;background: #de0a09;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.dj-list ul li .time h3{font-size: 0.36rem;}
.dj-list ul li .time span{line-height: 0.3rem;font-size: 0.18rem;transition: 0.2s;}
.dj-list ul li p{font-size: 0.2rem;color: #333333;line-height: 0.32rem;max-height: 0.64rem;width: calc(100% - 1.25rem);padding: 0 0.3rem 0 0.2rem;transition: 0.2s;}
.dj-list ul li:hover::before{width: 100%;}
.dj-list ul li:hover p,.dj-list ul li:hover .time{color:#ffffff;}
.dj-list ul li:hover .time::after{background: #ffffff;}

.xg-list{width: 100%;}
.xg-list ul li{width: 100%;position: relative;}
.xg-list ul li::before{content: "";width: 0;height: 100%;display: block;background: #0b6cb8;position: absolute;left: 0;top: 0;transition: 0.3s;}
.xg-list ul li:nth-child(n+2){margin-top: 0.3rem;}
.xg-list ul li a{background: rgba(1,98,167,0.1);position: relative;}
.xg-list ul li .time{width: 1.25rem;height: 1.04rem;color: #0b6cb8;text-align: center;display: flex;flex-direction: column;justify-content: center;position: relative;transition: 0.2s;}
.xg-list ul li .time::after{content: "";width: 1px;height: 0.64rem;display: block;background: #0b6cb8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.xg-list ul li .time h3{font-size: 0.36rem;}
.xg-list ul li .time span{line-height: 0.3rem;font-size: 0.18rem;transition: 0.2s;}
.xg-list ul li p{font-size: 0.2rem;color: #333333;line-height: 0.32rem;max-height: 0.64rem;width: calc(100% - 1.25rem);padding: 0 0.3rem 0 0.2rem;transition: 0.2s;}
.xg-list ul li:hover::before{width: 100%;}
.xg-list ul li:hover p{color:#ffffff;}
.xg-list ul li:hover .time{color: #e3a944;}
.xg-list ul li:hover .time::after{background: #ffffff;}

.pd-list{width: 100%;position: relative;}
.pd-list ul li a{display: block;width: 100%;height: 0;padding-bottom: 68%;position: relative;overflow: hidden;}
.pd-list ul li .image{transition: 0.2s;}
.pd-list ul li .txt{width: 100%;padding: 0.15rem 0.3rem;background: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;}
.pd-list ul li .txt p{font-size: 0.2rem;color: #ffffff;width: 100%;line-height: 0.24rem;}
.pd-list ul li:hover .image{transform: scale(1.1,1.1);}
.pd-list .swiper-button{width: 0.4rem;height: 0.4rem;position: absolute;background-repeat: no-repeat;background-position: center center;background-size: auto 0.34rem;top: 50%;transform: translateY(-50%);}
.pd-list .swiper-button-next{right: -0.6rem;background-image: url(../img/right-blue.svg);}
.pd-list .swiper-button-prev{left: -0.6rem;background-image: url(../img/left-blue.svg);}
.pd-list .swiper-pagination{display: none;width: 100%;position: relative;margin-top: 0.2rem;}
.pd-list .swiper-pagination-bullet{transition: 0.3s all;width: 0.16rem;height: 0.16rem;border-radius: 0.08rem;opacity: 1 !important;background: #0162a7;margin: 0 4px;}
.pd-list .swiper-pagination-bullet-active{background: #e3a944;width: 0.42rem;}