.section .fix{
	position: fixed;
	left: 0;
	top: 0;
}
.num-tit{
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	margin-bottom: 10px;
}
.box1-wrap{
	height: 200vh;
}
.box1{
	width: 100%;
	height: 100vh;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.box1 .img{
	position: absolute;
	right: 18.23%;
	top: 15.625%;
	width: 37.92%;
	transform: scale(3.5);
    transform-origin: 63% 30%;
}
.box1 .img img{
	width: 100%;
	position: relative;
}
.box1 .img.on img{
	animation: imgfd 1.5s linear infinite alternate;
    -moz-animation: imgfd 1.5s linear infinite alternate;
    -webkit-animation: imgfd 1.5s linear infinite alternate;
    -o-animation: imgfd 1.5s linear infinite alternate;
}
@keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-moz-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-webkit-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-o-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}
.box1 .text-img{
	position: absolute;
	left: 16.67%;
	top: 70%;
	width: 400px;
	opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}
.box1 .text-img img{
	width: 100%;
}
.box2-wrap{
	margin-top: 100vh;
	position: relative;
	height: 300vh;
}
.box2{
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.box2 .text{
	position: absolute;
	left: 0;
	top: 9.375%;
	width: 100%;
	text-align: center;
}
.box2 .pro-tit{
	color: #fff;
}
.box2 .box2-img{
	position: absolute;
	/* width: 36.09375%; */
	width: 693px;
	bottom: 0;
	left: 44.79%;
}
.box2 .box2-img img{
	width: 100%;
}
.box2 .box2-img .text-item{
	position: absolute;
	width: 10px;
	height: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.box2 .box2-img .line-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
}
.box2 .box2-img .text-item .point1{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	border: 2px solid rgba(255,255,255,.5);
}
.box2 .box2-img .text-item .line{
	height: 1px;
	position: absolute;
	background-color: rgba(255,255,255,.1);
	top: 50%;
	right: 100%;
}
.box2 .box2-img .text-item .point2{
	position: absolute;
	width: 12px;
	height: 12px;
	border: 1px solid rgba(255,255,255,.3);
	border-radius: 100%;
	top: -2px;
}
.box2 .box2-img .text-item .point2:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	margin: -4px 0 0 -4px;
	border: 1px solid rgba(255,255,255,.3);
}
.box2 .box2-img .txt-wrap{
	position: absolute;
	top: 18px;
}
.box2 .box2-img .text-item:nth-child(1){
	left: 19.91%;
	top: 13.235%;
	opacity: 1;
	filter: alpha(opacity=100);
}
.box2 .box2-img .text-item:nth-child(1) .line{
	width: 458px;
}
.box2 .box2-img .text-item:nth-child(1) .point2{
	right: 468px;
}
.box2 .box2-img .text-item:nth-child(1) .txt-wrap{
	left: -474px;
}

.box2 .box2-img .text-item:nth-child(2){
	left: 27.1%;
	top: 18.5294%;
}
.box2 .box2-img .text-item:nth-child(2) .line{
	width: 506px;
}
.box2 .box2-img .text-item:nth-child(2) .point2{
	right: 517px;
}
.box2 .box2-img .text-item:nth-child(2) .txt-wrap{
	left: -522px;
}

.box2 .box2-img .text-item:nth-child(3){
	left: 36%;
	top: 29.41%;
}
.box2 .box2-img .text-item:nth-child(3) .line{
	width: 565px;
}
.box2 .box2-img .text-item:nth-child(3) .point2{
	right: 576px;
}
.box2 .box2-img .text-item:nth-child(3) .txt-wrap{
	left: -581px;
}

.box2 .box2-img .text-item:nth-child(4){
	left: 57.72%;
	top: 23.235%;
}
.box2 .box2-img .text-item:nth-child(4) .line{
	width: 717px;
}
.box2 .box2-img .text-item:nth-child(4) .point2{
	right: 728px;
}
.box2 .box2-img .text-item:nth-child(4) .txt-wrap{
	left: -733px;
}

.box2 .box2-img .text-item:nth-child(5){
	left: 16.5945%;
	top: 56.62%;
}
.box2 .box2-img .text-item:nth-child(5) .line{
	width: 434px;
}
.box2 .box2-img .text-item:nth-child(5) .point2{
	right: 444px;
}
.box2 .box2-img .text-item:nth-child(5) .txt-wrap{
	left: -450px;
}

.box2 .box2-img .text-item:nth-child(6){
	left: 55.4%;
	top: 47.794%;
}
.box2 .box2-img .text-item:nth-child(6) .line{
	width: 703px;
}
.box2 .box2-img .text-item:nth-child(6) .point2{
	right: 713px;
}
.box2 .box2-img .text-item:nth-child(6) .txt-wrap{
	left: -719px;
}

.box2 .box2-img .text-item:nth-child(7){
	left: 60.6%;
	top: 17.647%;
}
.box2 .box2-img .text-item:nth-child(7) .line{
	width: 740px;
}
.box2 .box2-img .text-item:nth-child(7) .point2{
	right: 750px;
}
.box2 .box2-img .text-item:nth-child(7) .txt-wrap{
	left: -719px;
}

.box2 .box2-img .text-item:nth-child(8){
	left: 66.08%;
	top: 34.5588%;
}
.box2 .box2-img .text-item:nth-child(8) .line{
	width: 775px;
}
.box2 .box2-img .text-item:nth-child(8) .point2{
	right: 786px;
}
.box2 .box2-img .text-item:nth-child(8) .txt-wrap{
	left: -791px;
}

.box2 .box2-img .text-item:nth-child(9){
	left: 38.961%;
	top: 60.3%;
}
.box2 .box2-img .text-item:nth-child(9) .line{
	width: 589px;
}
.box2 .box2-img .text-item:nth-child(9) .point2{
	right: 599px;
}
.box2 .box2-img .text-item:nth-child(9) .txt-wrap{
	left: -605px;
}

.box2 .box2-img .text-item:nth-child(10){
	left: 50.5%;
	top: 64.7%;
}
.box2 .box2-img .text-item:nth-child(10) .line{
	width: 669px;
}
.box2 .box2-img .text-item:nth-child(10) .point2{
	right: 680px;
}
.box2 .box2-img .text-item:nth-child(10) .txt-wrap{
	left: -685px;
}

.box2 .box2-img .tit{
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
.box2 .box2-img .con{
	font-size: 16px;
	line-height: 20px;
	color: #8b704c;
	white-space: nowrap;
}
.box3-wrap{
	height: 100vh;
	position: relative;
	margin-top: 150vh;
}
.box3{
	width: 100%;
	height: 100vh;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.box3 .tit-box{
	position: absolute;
	left: 0;
	top: 11.458%;
	width: 100%;
	text-align: center;
}
.box3 .tit-box .pro-tit{
	color: #fff;
}
.box3 .tit-box .pro-con{
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}
.box3 .img{
	position: absolute;
	left: 0;
	bottom: 2%;
	width: 59.11458%;
}
.box3 .img img{
	width: 100%;
	transition: all .3s;
}
.box3 .img .hover{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.box3 .img.on .init{
	opacity: 0;
	filter: alpha(opacity=0);
}
.box3 .img.on .hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.box3 .text{
	position: absolute;
	right:19%;
	top: 39.0625%;
}
.box3 .text .d7-tit{
	color: #fff;
}
.box3 .d7-con .sub-tit{
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
}
.box3 .d7-con .text-item{
	padding-left: 44px;
	background-repeat: no-repeat;
	background-position: left center;
}
.box3 .d7-con .text-item:nth-child(1){
	background-image: ;
}
.box3 .d7-con .text-item:nth-child(2){
	background-image: ;
}
.box3 .d7-con .text-item:nth-child(3){
	background-image: ;
}
.box4-wrap{
	height: 100vh;
	position: relative;
}
.box4{
	position: relative;
	height: 100vh;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.box4 .fruit-bg{
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .3s;
}
.box4-content{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.box4 .tit-box{
	position: absolute;
	left: 0;
	/* top: 13%; */
	top: 50%;
	transform: translatey(-50%);
	width: 100%;
	text-align: center;
	transition: transform 1s,top 1s;
}
.box4.animate .tit-box{
	top: 13%;
	transform: translatey(0);

}
.box4 .pro-tit{
	color: #4d4e50;
}
.box4 .num-tit{
	color: #8b704c;
	opacity: 1;
	filter: alpha(opacity=100);
}
.box4-content .text-box{
	position: absolute;
	left: 0;
	top: 30.2%;
	width: 100%;
}
.box4-content .img{
	float: right;
	margin-right: 21.354%;
	width: 24.6354%;
}
.box4-content .img img{
	width: 100%;
}
.box4-content .text{
	position: absolute;
	left: 23.177%;
	top: 14%;
}
.d7-tit{
	font-size: 24px;
	line-height: 30px;
	color: #020202;
}
.d7-con .text-item{
	margin-bottom: 20px;
}
.d7-con .sub-tit{
	font-size: 18px;
	line-height: 28px;
}
.d7-con .sub-con{
	font-size: 16px;
	line-height: 26px;
	margin-top: 10px;
}
.d7-con{
	margin-top: 30px;
}
.box4-content .sub-tit{
	color: #8b704c;
}
.box4-content .sub-con{
	color: #808080;
}
.box4.animate .fruit-bg{
	opacity: 0;
	filter: alpha(opacity=0);
}
.box4.animate .box4-content{
	opacity: 1;
	filter: alpha(opacity=100);
}
.box5-wrap{
	height: 100vh;
	position: relative;
}
.box5{
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.box5 .tit-box{
	position: absolute;
	left: 0;
	top: 10.63%;
	width: 100%;
	text-align: center;
}
.box5 .tit-box .pro-con{
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}
.box5 .tit-box .pro-tit{
	color: #fff;
}
.box5 .img{
	position: absolute;
	left: 18.23%;
	top: 23.4%;
	width: 32.76%;
}
.box5 .img img{
	width: 100%;
}
.box5 .text{
	position: absolute;
	right: 16.67%;
	top: 38.3%;
}
.box5 .text .d7-tit{
	color: #fff;
}
.box5 .text .sub-tit{
	color: #fff
}
.box5 .text .sub-con{
	color: #fff;
	opacity: .4;
	filter: alpha(opacity=40);
}
.box6-wrap{
	height: 200vh;
	position: relative;
}
.box6{
	width: 100%;
	height: 100vh;
	position: relative;
}
.box6 .left{
	float: left;
	width: 75%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.box6 .left .img-list{
	position: absolute;
	right: 10%;
	top: 17.6%;
	width: 38.8%;
}
.box6 .left .img-list .item{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.box6 .left .img-list .item.cur{
	opacity: 1;
	filter: alpha(opacity=100);
}
.box6 .left .img-list img{
	position: relative;
	width: 100%;
	animation: imgfd 1.5s linear infinite alternate;
	    -moz-animation: imgfd 1.5s linear infinite alternate;
	    -webkit-animation: imgfd 1.5s linear infinite alternate;
	    -o-animation: imgfd 1.5s linear infinite alternate;
}
@keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-moz-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-webkit-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}

@-o-keyframes imgfd{
    from {top:-10px;}
    to {top: 10px;}
}
.box6 .left .text-list{
	position: absolute;
	left: 22.22%;
	top: 36.11%;
}
.box6 .left .text-item{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	white-space: nowrap;
	transform: translatey(50%);
}
.box6 .left .text-item.cur{
	transform: translatey(0);
	opacity: 1;
	filter: alpha(opacity=100);
}
.box6 .left .num-tit{
	color: #888;
	opacity: 1;
	filter: alpha(opacity=100);
}
.box6 .left .pro-tit{
	color: #333;
}
.box6 .left .pro-con{
	color: #666;
}
.box6 .right{
	float: right;
	height: 100vh;
	width: 25%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	position: relative;
}
.box6 .right .pro-tit{
	position: absolute;
	left: 33.33%;
	top: 12.4%;
	color: #fff;
}
.box6 .right .list{
	position: absolute;
	left: 33.33%;
	top: 32.167%;
	width: 66.67%;
	overflow: hidden;
}
.box6 .right .list li{
	font-size: 16px;
	line-height: 26px;
	color: #888;
	margin-bottom: 36px;
	position: relative;
	transition: all .3s;
}
.box6 .right .list li:last-child{
	margin-bottom: 0;
}
.box6 .right .list li:before{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 54.6875%;
	height: 1px;
	border-top: 1px dashed rgba(255,255,255,.2);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
}
.box6 .right .list li.cur{
	color: #fff;
}
.box6 .right .list li.cur:before{
	opacity: 1;
	filter: alpha(opacity=100);
}
.box7-wrap{
	position: relative;
	margin-top: 100vh;
}
.box7{
	background-color: #fff;
}
.box7 .item{
	width: 100%;
	padding-top: 50%;
	position: relative;
}
.box7 .item .img-box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	transition: all .3s;
}
.box7 .item .img-box:nth-child(2n){
	left: auto;
	right: 0;
}
.box7 .item img{
	width: 100%;
}
.box7 .item .text{
	position: absolute;
	left: 0;
	top: 10.4%;
	width: 100%;
	text-align: center;
}
.box7 .item .text .num-tit{
	font-size: 18px;
	line-height: 28px;
}
.box7 .item .text .box7-tit{
	font-size: 26px;
	line-height: 36px;
	color: #fff;
}
.box7 .item .text .box7-con{
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	margin-top: 10px;
}
.box7 .anix.animate,
.box7 .ani_x.animate{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translatex(0);
}
.box8-wrap{
	height: 100vh;
	position: relative;
}
.box8{
	width: 100%;
	height: 100vh;
	background-color: #202226;
	position: relative;
}
.box8 .img{
	position: absolute;
	right: 12.29%;
	top: 19.79%;
	width: 53%;
}
.box8 .img img{
	width: 100%;
}
.box8 .text{
	position: absolute;
	left: 22.3958%;
	top: 41.67%;
}
.box8 .text .num-tit{
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}
.box8 .text .pro-tit{
	color: #fff;
}
.box8 .text .pro-con{
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
}
.box9-wrap{
	position: relative;
}
.table-wrap .wrap .text-box .text{
	padding: 0;
}
.table-wrap .wrap .text-box .table-box table tr td{
	padding: 20px;
}
.table-wrap .wrap .text-box .table-box table tr:nth-child(2) td:nth-child(1){
	text-align: center;
	vertical-align: middle;
}
.table-wrap .wrap .img-box{
	transition: none;
	transform: scale(1.5);
    transform-origin: -170% 0%;
    transition: transform 1s;
    position: relative;
    z-index: 3;
}
.table-wrap .wrap .text-box{
	opacity: 0;
	filter: alpha(opacity=0);
}
.table-wrap.animate .wrap .img-box{
	transform: scale(1);
	transition: transform 1s;
}
.table-wrap.animate .wrap .text-box{
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 1s 1s;
}
.bocweb-footer{
	position: relative;
}
@media (max-width: 1600px){
	.box2 .box2-img{
		width: 550px;
	}
}
@media (max-width: 1200px){
	
}
@media (max-width: 1024px){
	.box1 .img{
		right: 10%;
		width: 80%;
		transform-origin: 51% 30%;
	}
	.box1 .text-img{
		left: 30%;
		transform: scale(.8);
	}
	.box2 .box2-img{
		width: 80%;
		left: 15%;
	}
	.box2 .box2-img .text-item .line{
		top: auto;
		bottom: 10px;
		right: auto;
		left: 5px;
	}
	.box2 .box2-img .txt-wrap{
		top: auto;
		text-align: center;
	}
	.box2 .box2-img .text-item .point2{
		top: auto;
		
		left: -1px;
	}
	.box2 .box2-img .text-item:nth-child(1) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(1) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(1) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(2) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(2) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(2) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(3) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(3) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(3) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(4) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(4) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(4) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(5) .line{
		width: 1px;
		height: 500px;
	}
	.box2 .box2-img .text-item:nth-child(5) .txt-wrap{
		bottom: 535px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(5) .point2{
		top: -515px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(6) .line{
		width: 1px;
		height: 500px;
	}
	.box2 .box2-img .text-item:nth-child(6) .txt-wrap{
		bottom: 535px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(6) .point2{
		top: -515px;
		right: auto;
	}
	.box2 .box2-img .text-item:nth-child(7) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(7) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(7) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(8) .line{
		width: 1px;
		height: 200px;
	}
	.box2 .box2-img .text-item:nth-child(8) .txt-wrap{
		bottom: 235px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(8) .point2{
		top: -215px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(9) .line{
		width: 1px;
		height: 500px;
	}
	.box2 .box2-img .text-item:nth-child(9) .txt-wrap{
		bottom: 535px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(9) .point2{
		top: -515px;
		right: auto;
	}

	.box2 .box2-img .text-item:nth-child(10) .line{
		width: 1px;
		height: 600px;
	}
	.box2 .box2-img .text-item:nth-child(10) .txt-wrap{
		bottom: 635px;
		left: 50%;
		transform: translatex(-50%);
	}
	.box2 .box2-img .text-item:nth-child(10) .point2{
		top: -615px;
		right: auto;
	}
	.box3 .img{
		width: 90%;
	}
	.box3 .text{
		top: 25%;
	}
	.box4-content .img{
		width: 50%;
		margin-right: 25%;
	}
	.box4-content .text{
		top: 100%;
		left: 30%;
	}
	.box5 .img{
		width: 50%;
		left: 25%;
	}
	.box5 .text{
		right: 25%;
	    top: 65%;
	}
	.box6 .left .text-list{
		top: 25%;
	}
	.box6 .left .img-list{
		top: 45%;
		width: 60%;
	}
	.box6 .right .pro-tit{
		left: 15%;
	}
	.box6 .right .list{
		top: 20%;
		width: 85%;
		left: 15%;
	}
	.box7 .item .text .num-tit{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}
	.box7 .item .text .box7-tit{
		font-size: 20px;
		line-height: 30px;
	}
	.box7 .item .text .box7-con{
		font-size: 16px;
		line-height: 26px;
		margin-top: 5px;
	}
	.box8 .img{
		right: 10%;
		width: 80%;
	}
	.box8 .text{
		left: 45%;
	    top: 60%;
	}
}
@media (max-width: 992px){
	.box2 .box2-img{
		bottom: -8%;
	}
	.table-wrap .wrap .img-box{
		transform-origin: 50% 0%;
	}
}
@media (max-width: 480px){
	.box1 .text-img{
		left: 0;
		transform: scale(.5);
	}
	.box2 .box2-img{
		width: 90%;
		left: 10%;
	}
	.box2 .box2-img .tit{
		font-size: 16px;
	    line-height: 26px;
	}
	.box2 .box2-img .con{
		font-size: 12px;
	    line-height: 14px;
	}
	.box2 .box2-img .text-item:nth-child(1) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(1) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(1) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(2) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(2) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(2) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(3) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(3) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(3) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(4) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(4) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(4) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(5) .line{
		height: 300px;
	}
	.box2 .box2-img .text-item:nth-child(5) .point2{
		top: -315px;
	}
	.box2 .box2-img .text-item:nth-child(5) .txt-wrap{
		bottom: 335px;
	}

	.box2 .box2-img .text-item:nth-child(6) .line{
		height: 300px;
	}
	.box2 .box2-img .text-item:nth-child(6) .point2{
		top: -315px;
	}
	.box2 .box2-img .text-item:nth-child(6) .txt-wrap{
		bottom: 335px;
	}

	.box2 .box2-img .text-item:nth-child(7) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(7) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(7) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(8) .line{
		height: 150px;
	}
	.box2 .box2-img .text-item:nth-child(8) .point2{
		top: -165px;
	}
	.box2 .box2-img .text-item:nth-child(8) .txt-wrap{
		bottom: 185px;
	}

	.box2 .box2-img .text-item:nth-child(9) .line{
		height: 300px;
	}
	.box2 .box2-img .text-item:nth-child(9) .point2{
		top: -315px;
	}
	.box2 .box2-img .text-item:nth-child(9) .txt-wrap{
		bottom: 335px;
	}

	.box2 .box2-img .text-item:nth-child(10) .line{
		height: 300px;
	}
	.box2 .box2-img .text-item:nth-child(10) .point2{
		top: -315px;
	}
	.box2 .box2-img .text-item:nth-child(10) .txt-wrap{
		bottom: 335px;
	}
	.d7-tit{
		font-size: 18px;
		line-height: 28px;
	}
	.box3 .d7-con .text-item{
		padding-left: 30px;
	}
	.d7-con .sub-tit{
		font-size: 16px;
		line-height: 24px;
	}
	.d7-con{
		margin-top: 10px;
	}
	.box3 .text{
		right: 25%;
		top: 30%;
	}
	.d7-con .text-item{
		margin-bottom: 10px;
	}
	.d7-con .sub-con{
		margin-top: 5px;
		font-size: 14px;
		line-height: 24px;
	}
	.box4-content .text{
		left: 10%;
	}
	.num-tit{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 5px;
	}
	.box5 .text{
		top: 55%;
		right: 10%;
		width: 80%;
	}
	.box6 .left{
		width: 100%;
	}
	.box6 .right{
		display: none;
	}
	.box7 .item{
		padding-top: 200%;
	}
	.box7 .item .img-box{
		width: 100%;
		height: 50%;
	}
	.box7 .item .img-box:nth-child(2n){
		top: auto;
		bottom: 0;
	}
	.box7 .item .text .num-tit{
		font-size: 14px;
		line-height: 24px;
	}
	.box7 .item .text .box7-tit{
		font-size: 18px;
		line-height: 20px;
	}
	.box7 .item .text .box7-con{
		font-size: 14px;
		line-height: 24px;
	}
	.box8 .text{
	    left: 35%;
	    top: 60%;
	}
	.box2 .text{
		top: 12%;
	}

}
@media (min-width: 1024px){
	.box7 .item .img-box:hover{
		width: 51%;
		z-index: 3;
	}
}