@charset "utf-8";
/*轮播*/
.in-banner{
	width: 100%;
	/*height: calc(100% - 50px);*/
	position: relative;
	z-index: 999;
	overflow: hidden;
}
.in-banner .swiper-container,
.in-banner .swiper-slide a{
	width: 100%;
	height: 100%;
	display: block;
}
.in-banner .swiper-slide{
	width: 100%;
	height: 100%;
}
.in-banner .swiper-slide > a{
	position: relative;
}
.in-banner .swiper-slide > a > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.in-banner .swiper-button-prev{
	left:3%;
}
.in-banner .swiper-button-next{
	right:3%;
}
.in-banner .swiper-button-prev,
.in-banner .swiper-button-next{
	width: 20px;
	height: 40px;
}
.in-banner .swiper-button-prev:after,
.in-banner .swiper-button-next:after{
	font-size: 40px;
}
.in-banner .swiper-pagination{
	bottom: 72px;
}
.in-banner .swiper-pagination .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	margin:0 20px;
	background: none;
	border-radius: 50%;
	position: relative;
	background: #fff;
	opacity: 1;
}
.in-banner .swiper-pagination .swiper-pagination-bullet-active{
	width: 10px;
	height: 10px
}

.in-box1{
	width: 100%;
	display: flex;
	align-items: stretch;
	overflow: hidden;
}
.in-box1 .left{
	width: 72.553083%;
}
.in-box1 .left img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}
.in-box1 .right{
	width: 27.446917%;
	background: #ffff00;
	padding:4%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.in-box1 .right h1{
	font-size: 22px;
	font-weight: bolder;
}
.in-box1 .right h2{
	margin-top: 20px;
}
.in-box1 .right h3{
	margin-top: 40px;
}
.in-box1 .right h3 img{
	display: block;
}

.in-box2{
	width: 66.5625%;
	margin:130px auto 0;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.in-box2 .left{
	width: 36.541471%;
	display: flex;
	padding:10% 0;
	flex-direction: column;
	justify-content: space-between;
}
.in-box2 .left .top h1{
	font-weight: bolder;
	font-size: 40px;
	line-height: 40px;
}
.in-box2 .left .top h2{
	font-weight: bolder;
	font-size: 20px;
	margin-top: 20px;
}
.in-box2 .left .top h3{
	margin-top: 40px;
}
.in-box2 .left .bottom a{
	display: block;
	width: 206px;
	height: 38px;
	background: #ffff00;
	font-weight: bolder;
	text-align: center;
	line-height: 38px;
}
.in-box2 .right{
	width: 63.458529%;
}
.in-box2 .right img{
	width: 100%;
	display: block;
}

.in-box3{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.in-box3 > img{
	width: 100%;
	display: block;
}
.in-box3 .word{
	width: 250px;
	position: absolute;
	left: 11.5%;
	top: 11.7%;
}
.in-box3 .word h1{
	font-size: 22px;
}
.in-box3 .word h2{
	margin-top: 20px;
	font-weight: bolder;
	font-size: 28px;
}
.in-box3 .word h3{
	margin-top: 44px;
}
.in-box3 .word h4{
	margin-top: 24px;
	font-size: 12px;
	line-height: 20px;
}

.in-box4{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	overflow: hidden;
}
.in-box4 .left{
    width: 50%;
}
.in-box4 .left img{
	width: 100%;
	display: block;
}
.in-box4 .right{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.in-box4 .right .box{
	width: 55.625%;
	background: url(../images/index-img6.jpg) no-repeat right bottom;
	padding-bottom: 96px;
	padding-right: 6.25%;
}
.in-box4 .right .box h1{
	font-weight: bolder;
	font-size: 44px;
	line-height: 48px;
}
.in-box4 .right .box h2{
	margin-top: 20px;
}
.in-box4 .right .box h3{
	margin-top: 70px;
}
.in-box4 .right .box h3 img{
	max-width: 100%;
	display: block;
}

.in-box5{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.in-box5 a > img{
	width: 100%;
	display: block;
}
.in-box5 .word{
	width: 498px;
	background: #fff;
	position: absolute;
	left: 12%;
	top:20%;
	padding:50px;
}
.in-box5 .word h1 img{
	width: 206px;
	filter: brightness(0);
	display: block;
}
.in-box5 .word h2{
	font-weight: bolder;
	font-size: 36px;
	line-height: 42px;
	margin-top: 110px;
}
.in-box5 .word h3{
	margin-top: 44px;
}

.in-box6{
	width: 81.40625%;
	margin:160px auto 100px;
	overflow: hidden;
}
.in-box6 .title{
	width: 86.7%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.in-box6 .title .left h1{
	font-weight: bolder;
	font-size: 36px;
	line-height: 36px;
}
.in-box6 .title .left h2{
	margin-top: 24px;
	font-size: 22px;
}
.in-box6 .title .right img{
	display: block;
}
.in-box6 .content{
	width: 100%;
	margin-top: 60px;
}
.in-box6 .content img{
	width: 100%;
	display: block;
}
.in-box6 .content .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
}
.in-box6 .content .swiper-slide-active{
    transform: scale(1);
    z-index: 1;
}
.in-box6 .content .swiper-pagination{
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 48px;
}
.in-box6 .content .swiper-pagination .swiper-pagination-bullet{
	width: 52px;
	height: 4px;
	background: #e6e6e6;
	opacity: 1;
	border-radius: 0;
}
.in-box6 .content .swiper-pagination .swiper-pagination-bullet-active{
	width: 106px;
	background: #999999;
}

.in-box7{
	width: 100%;
	background: #f5f5f5;
	padding:118px 0;
	overflow: hidden;
}
.in-box7 .box{
	width: 71.25%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.in-box7 .box .left{
	width: 56.4%;
}
.in-box7 .box .left img{
	width: 100%;
	display: block;
}
.in-box7 .box .right{
	width: 28%;
}
.in-box7 .box .right h1{
	font-weight: bolder;
	font-size: 36px;
	line-height: 36px;
}
.in-box7 .box .right h2{
	margin-top: 20px;
	font-size: 32px;
	font-weight: bolder;
}
.in-box7 .box .right h3{
	margin-top: 36px;
}
.in-box7 .box .right h3 img{
	display: block;
}
.in-box7 .box .right h4{
	margin-top: 50px;
}

.in-box8{
	width: 71.98%;
	margin:160px auto;
	overflow: hidden;
}
.in-box8 .box1 .title h1{
	font-weight: bolder;
	font-size: 34px;
	line-height: 34px;
}
.in-box8 .box1 .title h2{
	font-size: 22px;
	margin-top: 14px;
}
.in-box8 .box1 .list{
	margin-top: 60px;
}
.in-box8 .box1 .list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.in-box8 .box1 .list li{
	width: 19%;
}
.in-box8 .box1 .list a{
	width:100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.in-box8 .box1 .list .t{
	font-size: 17px;
}
.in-box8 .box1 .list .d{
	color: #999;
	font-size: 12px;
	margin-top: 70px;
}
.in-box8 .box2{
	margin-top: 120px;
	background: #f5f5f5;
	padding:30px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.in-box8 .box2 .left h1{
	font-weight: bolder;
	font-size: 34px;
}
.in-box8 .box2 .left h2{
	font-size: 22px;
	margin-top: 14px;
}
.in-box8 .box2 .right{
	width:620px;
}
.in-box8 .box2 .right .content{
	margin-top: 10px;
}
.in-box8 .box2 .right .content input{
	width:100%;
	border:none;
	background: #fff;
	padding:0 10px;
	height: 30px;
}