.index1{position: relative;display: flex;align-items: center;}
.index1 .content h1{font-size:3.75vw;color: #333;line-height: 1.458;}
.index1 .content p{font-size:1.45vw;color: #666;line-height: 1.714;padding-right: 3vw;margin-top: 2.5vw}
.index1 .content{width: 50%;position: absolute;right: 0;padding-left: 7vw;padding-right: 12vw}
.index1 .imgbox{width: 60%}

.index2{position: relative;display: flex;align-items: center;}
.index2 .content h1{font-size:3.75vw;color: #333;line-height: 1.458;margin-bottom: 2.5vw}
.index2 .content p{margin-top: .2rem}
.index2 .content p img{display: inline-block;margin-right: .2rem;width: 2vw}
.index2 .content p span{font-size: 1.45vw;color: #666;display: inline-block;vertical-align: middle;}
.index2 .content{width: 70%;position: absolute;left: 0;padding-left: 12vw;padding-right: 10vw}
.index2 .imgbox{padding-left: 46.25%}

.index3{padding: 5vw 0}
.index3 .itembox{flex: 1;padding: 4vw 5vw}
.index3 .box{display: flex;align-items: center;}
.index3 .imgbox{width: 26%}
.index3 .title{font-size:3.75vw;text-align: center;color:#333;margin-bottom: 2.5vw}
.index3 .item h1{font-size: 1.85vw;color: #333;margin-bottom: .15rem;position: relative;}
.index3 .item p{font-size: 1.25vw;line-height: 1.75;color: #888}
.index3 .left .item{text-align: right;}
.index3 .left .item:not(:last-child){margin-bottom: 5vw}
.index3 .right .item:not(:last-child){margin-bottom: 3vw}
.index3 .left .item h1:before{content:"";width: .13rem;height: .13rem;background: url(../images/idx3point.png);-webkit-background-size: cover;background-size: cover;position: absolute;right: -2.5vw;top: 50%;transform:translateY(-50%);}
.index3 .right .item h1:before{content:"";width: .13rem;height: .13rem;background: url(../images/idx3point.png);-webkit-background-size: cover;background-size: cover;position: absolute;left: -2.5vw;top: 50%;transform:translateY(-50%);}

.index4 .box{position: relative;}
.index4 .content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;padding-left: 4vw;padding-right: 4.5vw}
.index4 .content .left h1{font-size: 3.75vw;color: #fff;margin-bottom: 1.5vw}
.index4 .content .left p{font-size: 1.25vw;line-height: 1.75;color: #fff}
.index4 .content .left a{width: ;margin-top: 2vw;color: #ff7e94;width:12.8vw;line-height:3.4vw;border-radius: 40px;background: #fff;text-align: center;display: block;font-size: 1.55vw;}


.index4 .content .right h1{font-size: 1.55vw;color: #fff;margin-top: .9vw}
.index4 .content .right p{font-size: 0.95vw;color: #fff;margin-top: .5vw}
.index4 .content .right{text-align: center;}
.index4 .content .right img{margin: 0 auto;width: 11.4vw}

.index5{padding-top: 7vw;padding-bottom: 4vw}
.index5 h1{font-size:3.75vw;color: #333;margin-bottom: .2rem}
.index5 h2{font-size: 1.45vw;color: #666}
.index5 .title{text-align: center;}

.index5 .swiper-box{position: relative;}
.index5 .btn1{position: absolute;top: 50%;width: .6rem;margin-top: -.3rem;z-index: 10;cursor: pointer;}
.index5 .prev{left: 0}
.index5 .next{right: 0}.index5 .item .imgbox{cursor:pointer;}
.index5 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}


@media (min-width: 767px){
	.index5 .item .imgbox{transform:scale(0.6);transition: all .3s ease-in-out}
.index5 .swiper-slide-active .item .imgbox{transform: scale(1.2);}
}

.index5 .swiper-container{padding: 5vw 0}
.index6{padding-top: 4vw;padding-bottom: 6vw;position: relative;}
.index6 .bgimg{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: -1;width: 70vw}
.index6 .title{font-size:3.75vw;color: #333;text-align: center;margin-bottom: 4vw}
.index6 .bottom h1{font-size: 1.25vw;color: #333}
.index6 .bottom p{font-size: 0.95vw;color: #666;margin-top: .5vw}
.index6 .bottom{text-align: center;margin-top: 6vw}
.index6 .swiper-box{padding:0 9.5vw;position: relative;}
.index6 .item{padding: 0 1.5vw}
.index6 .btn1{position: absolute;top: 50%;width: .6rem;margin-top: -.3rem}
.index6 .prev{left: 0}
.index6 .next{right: 0}
.index6 .item img{margin: 0 auto}


@media (max-width:767px){
	.index1{display: block;padding: 5vw 15px}
	.index1 .content{width: 100%;position: static;padding: 0;text-align:center;}
	.index1 .imgbox{width: 100%;}
	.index1 .content h1{font-size: 20px;}
	.index1 .content p{font-size: 16px;}

	.index2{display: block;padding: 5vw 0}
	.index2 .content{position: static;padding: 0;text-align:left;display:block;margin:0 auto}
	.index2 .imgbox{padding: 0}
	.index2 .content h1{font-size: 20px;}
	.index2 .content p span{font-size: 16px;}
	.index2 .content p img{width: .4rem}
	.index3 .title{font-size: 20px}
	.index5 h1{font-size: 20px}
	.index5 h2{font-size: 16px}
	.index6 .bottom h1{font-size: 14px;line-height: 1.3}
	.index6 .bottom h1 span{display: block;}
	.index6 .bottom p{font-size: 12px;margin-top: .1rem}
	.index3{padding: 30px 15px}
	.index3 .box{display: block;}
	.index3 .imgbox{display: none;}
	.index3 .left .item{text-align: center;}
	.index3 .left .item h1:before{right: auto;left:-15px}
	.index3 .right .item h1:before{left:-15px}
	.index3 .itembox{padding: 0}
	.index3 .item{margin-bottom: 15px;text-align:center;}
	.index3 .item h1{font-size: 16px;display:inline-block;}
	.index3 .item p{font-size: 14px;}
	.index3 .title{margin-bottom: .5rem}
	.index4 .content{display: block;position: static;}
	.index4 .bgimg{object-fit: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1}
	.index4 .content .left h1{font-size: 20px}
	.index4 .content{padding:30px 15px;text-align:center;}
	.index4 .content .left p{font-size: 14px;}
	.index4 .content .left p br{display: none;}
	.index4 .content .right{margin-top: 20px}
	.index4 .content .right h1{font-size: 16px;margin-top: .2rem}
	.index4 .content .right p{font-size: 14px;margin-top: .2rem}
	.index4 .content .right img{width: 40%}
	.index4 .content .left a{width: 2.4rem;line-height: .66rem;font-size: 14px;margin:.2rem auto 0;}
	.index6 .bgimg{display: none;}
	.index6{background: #fff3f3;padding-top: .5rem}
	.index6 .title{font-size: 20px;margin-bottom: .5rem}
}.video-box{position: fixed;top:40%;left:50%;padding-bottom: .2rem;border-radius: .1rem;background: #fff;width:55vw;display: none;z-index:15}.video-box .videoclose{float: right;margin-right: .1rem;cursor:pointer;}.video-box video{display: block;width: 100%}.video-box .top{padding: .15rem 0}@media (max-width: 767px){	.video-box{width: 100vw;}	.video-box .videoclose{width: 10px;}}

.index7{text-align: center;}
.index7 .txtbox{position: relative;z-index: 2;}
.index7 .imgbox{max-width:95%;margin:-10vw auto -2vw}
.index7 .h1{font-size: 3.7vw;color: #333;margin: 0;margin-bottom:.2rem;}
.index7 .h2{margin: 0;font-size: 1.44vw;color: #333;margin-bottom: .3rem}
.index7 .h3{font-size:2.26vw;color: rgb(51, 51, 51);margin: 0;margin-bottom:.2rem}
.index7 .h4{font-size: 0}
.index7 .h4>div{display: inline-block;vertical-align: middle;font-size: 0;margin: 0 1.4vw}
.index7 .h4>div:before{content: "";width: .1rem;height: .1rem;background: url(../images/idx3point.png);-webkit-background-size: cover;background-size: cover;display: inline-block;vertical-align: middle;margin-right: .14rem;}
.index7 .h4>div span{display: inline-block;vertical-align: middle;font-size: 1.44vw;color: #666}

@media (max-width: 767px){
	.index7{padding: 30px 15px;}
	.index7 .h1{font-size: 20px;}
	.index7 .imgbox{max-width: none;margin: 0}
	.index7 .h4>div span{font-size: 14px;}
	.index7 .h2{font-size: 14px;}
	.index7 .h3{font-size: 16px;}
}