.banner {
	/*height: 7rem;*/
}

.banner .swiper-slide {
	overflow: hidden;
}

.banner .swiper-slide video {
	width: 100%;
	height: 100%;
	background: #000;
}

.banner .swiper-slide img {
	transform: scale(1.2);
	transition: 4s;
}

.banner .swiper-slide-active img {
	transform: scale(1);
}

.banner .swiper-pagination {
	line-height: 0.13rem;
	bottom: 0.32rem !important;
	top: unset !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
	border: 0.01rem solid #fff;
	width: 0.13rem;
	height: 0.13rem;
	background-color: transparent;
	transition: var(--s_tran);
	margin: 0 0.1rem !important;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #fff;
}

.banner .banner_prev,
.banner .banner_next {
	width: 0.5rem;
	height: 0.5rem;
	background-color: rgba(255, 255, 255, 0.13);
	border-radius: 50%;
	transition: var(--s_tran);
	opacity: 0;
}

.banner .banner_prev:hover,
.banner .banner_next:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.banner .banner_prev {
	left: 0rem;
}

.banner .banner_next {
	right: 0rem;
}

.banner .banner_prev::after,
.banner .banner_next::after {
	font-size: 0.16rem;
	color: #fff;
}

.banner:hover .banner_prev {
	left: 0.5rem;
	opacity: 1;
}

.banner:hover .banner_next {
	right: 0.5rem;
	opacity: 1;
}



.box4 {
	position: relative;
	overflow: hidden;
	padding: 1rem 0 0 0;
	height: 8.68rem;

}

.box4 .leftbg {
	position: absolute;
	width: 55%;
	left: 0;
	right: 45%;
	top: -1.5rem;
	z-index: -1;
	height: 117.5%;
}

.box4 .rightbg {
	position: absolute;
	width: 45%;
	width: 40%;
	right: 0;
	top: 0;
	max-width: 8.14rem;
	overflow: hidden;
	height: 100%;

}

.box4 .rightbg img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	transform: scale(1);
}

.box4 .rightbg:hover img {
	transition: all 0.5s;
	transform: scale(1.08);
}

.box4con {
	position: absolute;
	right: 42%;
	top: 0;
	width: 50%;
	width: 55%;
}

.cont {
	width: 92%;
	margin-top: 1rem;
}

.cont h2 {
	display: flex;
	height: .28rem;
	font-family: Arial, Arial;
	font-weight: bold;
	font-size: .28rem;
	color: #C4C4C4;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-bottom: .1rem;
}

.cont h2 img {
	width: .17rem;
	height: .2rem;
	margin-top: .06rem;
	margin-left: .12rem;
}

.cont h3 {
	color: #000000;
	font-size: .36rem;
	margin-bottom: .2rem;
}

.box4con .cont .p1 {
	color: #000000;
	font-size: .16rem;
	line-height: .31rem;
}

.cont hr {
	width: .5rem;
	height: .03rem;
	background: #dddddd;
	margin-bottom: .53rem;

}

.imgab {
	margin-top: .3rem;
}

.imgmore {
	width: 1.6rem;
	height: .46rem;
	background: #1E5DAC;
	border-radius: .24rem;
	color: #fff;
	font-size: 0.14rem;
	text-align: center;
	line-height: .46rem;
	margin-top: .5rem;
}

.imgmore:hover{
    background: #019944;
}

.imgmore1 {
	width: 1.6rem;
	margin: 0 auto;
	height: .46rem;
	background: #1E5DAC;
	border-radius: .24rem;
	color: #fff;
	font-size: 0.14rem;
	text-align: center;
	line-height: .46rem;
	margin-top: .5rem;
}

.imgmore1:hover{
    background: #019944;
}

.about3 {
	padding-top: 0.65rem;
	padding-bottom: 0.6rem;
}

.about3 .main {
	position: relative;
	max-width: 14rem;
	max-width: 85%;
}

.about3 .swiper {
	margin: 0 -0.1rem;
}

.about3 .swiper-slide {
	padding: 0 0.1rem;
}

.about3 .swiper-button-prev,
.about3 .swiper-button-next {
	width: 0.5rem;
	height: 0.5rem;
	transition: var(--s_tran);
}


.about3 .swiper-button-prev::after,
.about3 .swiper-button-next::after {
	content: '';
	background-image: url('../images/about6.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 0.5rem;
	height: 0.5rem;
	transition: var(--s_tran);
}

.about3 .swiper-button-next::after {
	transform: rotate(180deg);
}

.about3 .swiper-button-prev {
	left: -0.82rem;
}

.about3 .swiper-button-next {
	right: -0.82rem;
}

.about3 .swiper-slide a {
	border: 1px solid #EAEAEA;
	padding: .2rem;
	margin-right: .1rem;
	margin-top: .1rem;
	margin-bottom: .1rem;
	border-radius: .08rem;
}

.about3 .swiper-slide .tit {
	font-size: 0.16rem;
	text-align: center;
	font-weight: bold;
}

.about3 .swiper-slide a:hover {
	box-shadow: 0px 0px .1rem .01rem #CEC5EB;
}

.about3 .swiper-slide a:hover .tit {
	color: #CB281F;
}

.box-title {
	font-size: .4rem;
	color: #1A3760;
	line-height: .38rem;
	text-align: center;
	font-weight: bold;
}

.box-desc {
	font-size: .16rem;
	color: #5F6973;
	text-align: center;
	margin-top: .2rem;
	line-height: .3rem;
	margin-bottom: .7rem;
}

.newslist {
	padding-bottom: .8rem;
}

.newslist .cont {
	margin-top: .5rem;
}

.newslist .main {
	max-width: 15rem;
	margin: 0 auto;
}

.newslist .cont h3 {
	font-weight: normal;
}

.newslist ul {
	height: auto;
	overflow: hidden;
}

.list li {
	width: 4.8rem;
	max-width: 31%;
	float: left;
	border: 1px solid #EEEEEE;
	background: #F7F8FB;
	margin-bottom: .3rem;
	margin-right: .3rem;

}

.list li img{
    height: 2.76rem;
    object-fit: cover;
}

.list li:nth-child(3) {
	margin-right: 0;
}

.list li .text {
	display: flex;
	height: 1.44rem;
	align-items: center;
}

.list li .text p {
    width: 100%;
	font-size: .22rem;
	line-height: .31rem;
	padding: 0rem .3rem;
	border-right: 1px solid #EEEEEE;
	color: #212529;
	text-align: left;
}

.list li .text .tie {
	width: 0.79rem;
	height: 100%;
	flex-shrink: 0;
	position: relative;
}

.list li .text .tie p {
	padding: 0 .1rem;
	text-align: center;

}

.list li .text .tie .p1y {
	font-weight: bold;
	font-size: 0.22rem;
	line-height: .3rem;
	padding-top: .3rem;
}

.list li .text .tie .p1d {
	font-weight: bold;
	font-size: 0.18rem;
	line-height: .3rem;
}

.list li .text .tie .more {
  font-size: 0.16rem;
  text-align: center;
  line-height: .3rem;
  background: #1E5DAC;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.list li:hover .text .tie .more {
	background: #019944;
	color: #fff;

}

.list li:hover .text .titt {
	color: #1E5DAC;
}

.box4right {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: .3rem;
	margin-bottom: .5rem;
}

.box4tex {
	position: absolute;
	right: 12%;
	top: 25%;
	width: 20%;
	z-index: 9;
}

.box3_box2_box {
	position: relative;
}

.box3_box_small {
	display: flex;
	align-items: start;
}

.box3_p5 {
	font-family: Arial, Arial;
	font-weight: bold;
	font-size: .48rem;
	color: #FFFFFF;
	line-height: .31rem;
	text-align: left;
}

.box3_p6 {

	font-size: 0.16rem;
	color: #fff;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 0.05rem;
	margin-left: .1rem;
}

.box3_p7 {
	font-weight: normal;
	font-size: 0.16rem;
	color: #fff;
	line-height: .3rem;

}
@media only screen and (max-width: 1024px) {
	.box4{
		height: 15rem;
	}
	.about3 .main{
	    max-width: 75%;
	}
.box4con{
	width: 94%;
	right: 3%;
}
.box4 .rightbg{
	width: 100%;
    height: 40%;
    top: 55%;

}
.box4tex {
  width: 80%;
  top: 58%;
  right: 10%;
}
.cont{
	width: 100%;
}
.cont hr{
	width: 1rem;
}
.box4con .cont .p1{
	font-size: 0.24rem;
	line-height: .4rem;
}
.imgmore{
	width: 30%;
	font-size: 0.24rem;
}
.box3_p6{
	font-size: 0.26rem;
}
.box3_p7{
	font-size: 0.24rem;
}
.box3_box2_box{
	margin-top: .2rem;
}
.about3{
	padding-top: 0;
}
.box-desc{
	padding: 0 .3rem;
	font-size: 0.24rem;
	line-height: .4rem;
}
.about3 .swiper-slide .tit{
	font-size: 0.24rem;
}
.imgmore1{
	font-size: 0.24rem;
}
.list li{
	width: 100%;
	max-width: none;
}
.list li .text p{
	font-size: 0.24rem;
	line-height: .4rem;
}
.list li .text .tie .more{
	font-size: 0.24rem;
}
.list li .text .tie{
	width: 20%;
}
.list li .text .tie .p1y{
	font-size: 0.24rem;
}
.list li .text .tie .p1d{
	font-size: 0.24rem;
}
}