@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  .container1{ max-width: 1200px; width: 96%; margin: 0px auto;}

/* banner */
.f-1{flex:1;}
.nybanner{ position: relative;}
.nybanner img{ width: 100%; height: auto;display: block;}
.nybanner .container1{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);color: #fff;}
.nybanner .content{max-width:725px;text-align: center; line-height: 1.1;}
.nybanner .content .lab{font-size: 39px;}
.nybanner .content .tit{font-size: 48px; margin-top: 30px;}

.ve_part1{ padding-top: 131px; padding-bottom: 141px;color: #000;}
.index_bt{text-align: center; line-height: 1.1; max-width: 720px; margin: 0px auto; margin-bottom: 86px;color: #000;}
.index_bt .title{ font-size: 50px; line-height: 2;}
.index_bt .desc{ font-size: 14px; line-height: 2; margin-top: 30px; letter-spacing: 0px;}
.ve_part1 .index_bt{ max-width: 100%;}

.feature_list {
	background: url(../images/product_01_03.jpg) center no-repeat;
	background-size: cover;
	padding: 0 80px;
}
.feature_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 150px;
align-items: stretch;}
.feature_list ul li{border-bottom: solid 1px #b2c4d5; position: relative;text-align: left; display: flex; align-items: center; padding: 65px 40px; gap:60px;}
.feature_list ul li:nth-last-child(2),
.feature_list ul li:last-child{
	border: none;
}
.feature_list ul li img{ width: auto; height: 84px;}
.feature_list ul li .content{ font-size: 25px; flex:1;}
.feature_list ul li .content .tit{ font-weight: 600; margin-bottom: 5px;}

.ve_part2{color: #fff; position: relative;}
.ve_part2 .bg{display: block;}
.ve_part2 .bg{ width: 100%; height: auto;display: block;}
.ve_part2 .container1{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 2;}
.ve_part2 .container1 .box{ max-width: 500px;}
.ve_part2 .container1 .box .title{ font-size: 50px; line-height: 2;}
.ve_part2 .container1 .box .desc{font-size: 14px; margin-top: 20px; margin-bottom: 50px; line-height: 2;}
.ve_part2 .container1 .box .list1{gap: 40px 160px;display:grid;grid-template-columns:repeat(2,1fr);font-size: 19px; line-height: 1;}
.ve_part2 .container1 .box .list1 .item .num{ margin-bottom: 30px; color: #0091fe; font-size: 40px;font-weight: bold;}

.ve_part3{text-align: center; position: relative;}
.ve_part3 .bg{ width: 100%; height: auto; display: block;}
.ve_part3 .photo {margin-top: 50px;}
.ve_part3 .photo img{width: 60%; max-width: 730px; margin: auto; display: block;}
.ve_part3 .container1{  position: absolute; left: 50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top: 50%;}
.ve_part3 .container1 .index_bt{color: #ffffff; margin-bottom: 30px;}

.ve_part4{ padding: 120px 0px;color: #000;}
.ve_part4 .container1{width:88.5%; max-width: 1700px;}
.ve_part4 .index_bt{ margin-bottom: 70px; max-width: 620px;}
.ve_part4 .list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
align-items: stretch;}
.ve_part4 .list ul li{text-align: center;font-size: 24px;}
.ve_part4 .list ul li .txt{ margin-top: 18px; font-size: 40px;color: #4e7bce; font-weight: bold;}
.ve_part4 .list ul li img{ display: block;}
.ve_part2.no1 .container1{color:#000000;display: flex; justify-content: flex-end;}
.ve_part2.no1 .container1 .box{max-width: 450px;}
.ve_part2.no1 .container1 .box .desc{ margin-bottom: 0px;}
.ve_part2.no1 .container1 .box .title{ letter-spacing: 3px;}

.ve_part5{ padding: 125px 0px 0;}
.ve_part5 .index_bt{ margin-bottom: 0px;}
.ve_part5 .container1{width: 100%; max-width: 100%;}
.ve_part5 .container1 .pic{ position: relative; margin-top: 10px;}
.ve_part5 .container1 .pic img{display: block;}
.ve_part5 .container1 .pic .desc{position: absolute;  text-align: center; top: 0; left: 0; right: 0;width:80%; margin: auto; max-width: 940px;}

.ve_part6 .container1 .box{
	color: #ffffff;
}


@media (max-width:1200px){
	.nybanner .content .lab{
		font-size: 31px;
	}
	.nybanner .content .tit{
		font-size: 38px;
	}

	.index_bt .title{
		font-size: 40px;
		line-height: 1.7;
	}

	.feature_list{
		padding: 0 64;
	}

	.feature_list ul{
		gap:0 120px;
	}

	.feature_list ul li{
		gap:48px;
		padding: 52px 32px;
	}

	.feature_list ul li .content{
		font-size: 20px;
	}

	.feature_list ul li img{
		width:67px;
		height: 67px;
	}

	.ve_part1{
		padding-top: 105px;
		padding-bottom: 105px;
	}

	.index_bt{
		margin-bottom: 68px;
	}

	.nybanner .content .tit,
	.index_bt .desc{
		margin-top: 24px;
	}

	.ve_part2 .container1 .box .title{
		font-size: 40px;
		line-height: 1.7;
	}

	.ve_part2 .container1 .box .desc{
		margin: 16px 0 40px;
	}

	.ve_part2 .container1 .box .list1{
		gap: 32px 128px;
	}

	.ve_part2 .container1 .box .list1 .item .num{
		font-size: 32px;
		margin-bottom: 24px;
	}

	.ve_part3 .photo{
		margin-top: 40px;
	}

	.ve_part4{
		padding: 96px 0;
	}

	.ve_part4 .index_bt{
		margin-bottom: 56px;
	}
	.ve_part4 .list ul li .txt{
		font-size: 32px;
	}
	.ve_part2 .container1 .box .list1{
		font-size: 16px;
	}
	.ve_part5{
		padding-top: 120px;
	}
}

@media (max-width:1024px){
	.nybanner .content .lab {
		font-size: 24.8px;
	}
	.nybanner .content .tit {
		font-size: 30.4px;
	}
	
	.index_bt .title {
		font-size: 32px;
		line-height: 1.7;
	}
	
	.feature_list {
		padding: 0 51.2px;
	}
	
	.feature_list ul {
		gap: 0 96px;
	}
	
	.feature_list ul li {
		gap: 38.4px;
		padding: 41px 25px;
	}
	
	.feature_list ul li .content {
		font-size: 16px;
	}
	
	.feature_list ul li img {
		width: 53.6px;
		height: 53.6px;
	}

	.ve_part1{
		padding-top: 84px;
		padding-bottom: 84px;
	}

	.index_bt{
		margin-bottom: 54px;
	}

	.nybanner .content .tit,
	.index_bt .desc {
		margin-top: 19.2px;
	}
	
	.ve_part2 .container1 .box .title {
		font-size: 32px;
		line-height: 1.7;
	}
	
	.ve_part2 .container1 .box .desc {
		margin: 12.8px 0 32px;
	}
	
	.ve_part2 .container1 .box .list1 {
		gap: 25.6px 102.4px;
	}
	
	.ve_part2 .container1 .box .list1 .item .num {
		font-size: 25.6px;
		margin-bottom: 19.2px;
	}
	
	.ve_part3 .photo {
		margin-top: 32px;
	}
	
	.ve_part4 {
		padding: 76.8px 0;
	}
	
	.ve_part4 .index_bt {
		margin-bottom: 44.8px;
	}
	.ve_part4 .list ul li .txt{
		font-size: 25px;
	}
	.ve_part2 .container1 .box .list1{
		font-size: 14px;
	}
	.ve_part5{
		padding-top: 96px;
	}
}

@media (max-width:992px){
	.feature_list{
		padding: 0 24px;
	}
	.feature_list ul li {
		gap:20px;
	}
	.feature_list ul {
		gap: 0 40px;
	}
	.ve_part1,
	.ve_part3 .container1,
	.ve_part2 .container1{
		position: static;
		transform: none;
		padding: 15% 0;
	}
	.ve_part5{
		padding-top: 15%;
	}
	.ve_part3 .bg,
	.ve_part2 .bg{
		position: absolute;
		z-index: -1;
		pointer-events: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: top center;
	}
	.ve_part3 .container1 .index_bt{
		margin-bottom: 0;
	}
	.ve_part2.no1 .container1 .box{
		max-width: 380px;
	}
}

@media (max-width:768px){
	.nybanner .content .lab {
		font-size: 18.6px;
	}
	.nybanner .content .tit {
		font-size: 22.8px;
	}
	
	.index_bt .title {
		font-size: 24px;
		line-height: 1.7;
	}
	
	.feature_list {
		padding: 0 38.4px;
	}
	
	.feature_list ul {
		gap: 0 72px;
	}
	
	.feature_list ul li {
		gap: 28.8px;
		padding: 30.75px 18.75px;
	}
	
	.feature_list ul li .content {
		font-size: 12px;
	}
	
	.feature_list ul li img {
		width: 40.2px;
		height: 40.2px;
	}
	
	.ve_part1 {
		padding-top: 63px;
		padding-bottom: 63px;
	}
	
	.index_bt {
		margin-bottom: 40.5px;
	}
	
	.nybanner .content .tit,
	.index_bt .desc {
		margin-top: 14.4px;
	}
	
	.ve_part2 .container1 .box .title {
		font-size: 24px;
		line-height: 1.7;
	}
	
	.ve_part2 .container1 .box .desc {
		margin: 9.6px 0 24px;
	}
	
	.ve_part2 .container1 .box .list1 {
		gap: 19.2px 76.8px;
	}
	
	.ve_part2 .container1 .box .list1 .item .num {
		font-size: 19.2px;
		margin-bottom: 14.4px;
	}
	
	.ve_part3 .photo {
		margin-top: 24px;
	}
	
	.ve_part4 {
		padding: 57.6px 0;
	}
	
	.ve_part4 .index_bt {
		margin-bottom: 33.6px;
	}
	.ve_part4 .list ul li .txt {
		font-size: 18.75px;
	}
	.ve_part2.no1 .container1 .box{
		max-width: 330px;
	}
}

@media (max-width:768px){
	.nybanner .content .lab {
		font-size: 13.95px;
	}
	.nybanner .content .tit {
		font-size: 17.1px;
	}
	
	.index_bt .title {
		font-size: 18px;
		line-height: 1.7;
	}
	
	.feature_list {
		padding: 0 28.8px;
	}
	
	.feature_list ul {
		gap: 0 54px;
	}
	
	.feature_list ul li {
		gap: 21.6px;
		padding: 23.0625px 14.0625px;
	}
	
	.feature_list ul li .content {
		font-size: 9px;
	}
	
	.feature_list ul li img {
		width: 30.15px;
		height: 30.15px;
	}
	
	.index_bt {
		margin-bottom: 30.375px;
	}
	
	.nybanner .content .tit,
	.index_bt .desc {
		margin-top: 10.8px;
	}
	
	.ve_part2 .container1 .box .title {
		font-size: 18px;
		line-height: 1.7;
	}
	
	.ve_part2 .container1 .box .desc {
		margin: 7.2px 0 18px;
	}
	
	.ve_part2 .container1 .box .list1 {
		gap: 14.4px 57.6px;
	}
	
	.ve_part2 .container1 .box .list1 .item .num {
		font-size: 14.4px;
		margin-bottom: 10.8px;
	}
	
	.ve_part3 .photo {
		margin-top: 18px;
	}
	
	.ve_part4 {
		padding: 43.2px 0;
	}
	
	.ve_part4 .index_bt {
		margin-bottom: 25.2px;
	}
	.ve_part4 .list ul li .txt {
		font-size: 14.0625px;
	}
	.ve_part2.no1 .container1 .box {
		max-width: 247.5px;
	}
}

@media (max-width:640px){
	.feature_list{
		padding:0 2%;
	}
	.feature_list ul{
		gap:0 15px;
	}
	.feature_list ul li{
		padding: 30px 2%;
	}
	.ve_part2.no1 .container1 .box{
		width: 50%;
	}
	.ve_part2 .container1 .box .title{
		font-size: 16px;
	}
	.index_bt .desc,
	.ve_part5 .container1 .pic .desc,
	.ve_part2 .container1 .box .desc{
		font-size: 12px;
	}
}