div {
	box-sizing: border-box;
}

#banner1.wait {
	opacity: 0;
}

#banner1 {
	padding-top: 80px;
	opacity: 1;
	transition: all 1.5s 1s;
	margin-bottom: 80px;
}
@media (max-width: 768px) {
	#banner1 {
		padding-top: 7%;
	}
}

/* ---------第一部分--------------------------------- */
.banner1row {
	width: 100%;
	height: 437px;
	color: #fff;
	/*position: relative;*/
	background: url(../images/banner-bg1.png) no-repeat center;
	background-size: 100% 100%;
}

.banner1row h1 {
	font-size: 40px;
	opacity: 1;
	transition: all 1.2s 1s;
}

.wait .banner1row h1 {
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.banner1row p {
	width: 350px;
	color: #fff;
	font-size: 20px;
	white-space: normal;
	position: absolute;
	top:102px;
	opacity: 1;
	transition: all 1.2s 2s;
}

.wait .banner1row p {
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

/* 第二导航栏 */
.secondary {
	height: 80px;
	line-height: 80px;
	padding: 0 400px;
	color: #B0B9BD;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.secondary div{
	cursor: pointer;
}
.secondary .pick {
	color: #404F54;
}
.secondary .pick::after {
	content: "";
	display: block;
	width: 72px;
	height: 3px;
	background: rgba(33, 128, 215, 1);
	margin-top: -3px;
}

/* 第三部分 */
.banner3 {
	padding: 180px 360px;
	display: flex;
	font-size: 16px;
	color: #B0B9BD;
	position: relative;
}

.banner3>div {
	width: 50%;
}
.banner3>div img{
	width: 100%;
}
.banner3 h4 {
	font-size: 24px;
	color: #000000;
	margin-bottom: 20px;
}

.banner3 .p1 {
	font-size: 18px;
	color: #0A1A27;
	margin-bottom: 32px;
}

.banner3 .price {
	width: 100%;
	/* height: 110px; */
	line-height: 110px;
	background-color: #FAF9FE;
	padding: 0 20px 0 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 35px;
	box-sizing: border-box;
}

.banner3 .price span {
	font-size: 30px;
	color: #FF0202;
}

.banner3 button {
	width: 130px;
	height: 40px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(176, 185, 189, 1);
	opacity: 1;
	border-radius: 21px;
	font-size: 16px;
	color: #B0B9BD;
	cursor: pointer;
	margin-bottom: 20px;
}

.banner3 .grade {
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
}

.banner3 .grade span {
	margin-right: 30px;
}

.banner3 .grade button {
	margin-right: 30px;
}

.banner3 .grade .selected {
	background-color: #3D2F89;
	color: #fff;
	border: none;
}

.banner3 .sure {
	background-color: #EFB674;
	color: #fff;
	border: none;
	margin-right: 30px;
}

/* 第四部分 */
.banner4 {
	width: 100%;
	margin-bottom: 180px;
}

.banner_title {
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 80px;
}

.banner4_content {
	width: 100%;
	display: flex;
	padding: 0 296px;
}

.banner4_module {
	width: 308px;
	/* height: 263px; */
	background-color: #FAF9FE;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 35px;
	margin: 0 16px;
	box-sizing: border-box;
}

.banner4_p1 {
	font-size: 24px;
	color: #404F54;
	margin-bottom: 34px;

}

.banner4_p2 {
	font-size: 16px;
	color: #B0B9BD;
	margin-bottom: 34px;
	text-align: center;
}

/* 第五部分 */
.banner5 {
	width: 100%;
	margin-bottom: 236px;
}

.banner5_content {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	transition: all 1s 1s;
}
.banner5_content_box {
	opacity: 1;
}
/* .banner5_content_box:nth-child(1) {transition: all 1s 0.1s;}
.banner5_content_box:nth-child(3) {transition: all 1s 0.5s;}
.banner5_content_box:nth-child(5) {transition: all 1s 0.9s;}
.banner5_content_box:nth-child(7) {transition: all 1s 1.3s;}
.banner5_content_box:nth-child(9) {transition: all 1s 1.7s;}
.banner5_content_box:nth-child(11) {transition: all 1s 2.1s;}
.banner5_content_box:nth-child(13) {transition: all 1s 2.5s;} */
.wait .banner5_content {
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.banner5_p1 {
	font-size: 16px;
	color: #404F54;
	margin: 24px 0;
	text-align: center;
}

.banner5_right_arrow {
	margin: 0 16px;
	width: 35px;
	height: 28px;
	margin-top: -60px;
	opacity: 1;
}
/* .banner5_right_arrow:nth-child(2) {transition: all 1.2s 0.2s;}
.banner5_right_arrow:nth-child(4) {transition: all 1.2s 0.6s;}
.banner5_right_arrow:nth-child(6) {transition: all 1.2s 1s;}
.banner5_right_arrow:nth-child(8) {transition: all 1.2s 1.4s;}
.banner5_right_arrow:nth-child(10) {transition: all 1.2s 1.8s;}
.banner5_right_arrow:nth-child(12) {transition: all 1.2s 2.2s;} */
/* .wait .banner5_right_arrow {
	opacity: 0;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
} */
/* 第六部分 */
.banner6 {
	height: 548px;
	margin: 0 296px;
	background: rgba(250, 249, 254, 1);
	padding: 64px;
	margin-bottom: 293px;

}

.banner6_content {
	width: 100%;
	height: 300px;
	background-color: #fff;
	display: flex;
}

.banner6_content_img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.banner6_content_img img {
	width: 100%;
}

.banner6_content_text {
	padding: 44px;
}

.banner6_p1 {
	font-size: 30px;
	margin-bottom: 34px;
	font-weight: 500px;
}

.banner6_p2 {
	font-size: 20px;
	color: #808080;
}

/* 第七部分 */
.banner7 {
	width: 100%;
}

.banner7_content {
	padding: 0 296px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.banner7_content_module {
	width: 30%;
	min-width: 280px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
	border-radius: 10px;
	padding: 40px;
	margin: 30px;
}

.banner7_p1 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 35px;
	text-align: center;
}

.banner7_content_module img {
	width: 100%;
}

.banner7_price {
	font-size: 16px;
	color: #B0B9BD;
	text-align: center;
	margin-bottom: 25px;
}

.banner7_price span:first-child {
	font-size: 24px;
	color: #FF0202;
}

.cut_line {
	width: 100%;
	height: 1px;
	border: 1px solid rgba(215, 208, 242, 1);
	margin-bottom: 55px;
}

.banner7_p2 {
	font-size: 16px;
	color: #707070;
	display: flex;
	justify-content: space-between;
	margin-bottom: 21px;
}

/* 第八部分 */
.banner8 {
	width: 100%;
	margin-bottom: 205px;
}

.banner8_content {
	padding: 0 296px;
	display: flex;
	justify-content: space-between;
}

.banner8_content_module {
	width: 48%;
	min-height: 357px;
	background: rgba(245, 248, 250, 1);
	border-radius: 20px;
	padding: 40px 66px 0 70px;
}

.question {
	width: 100%;
	line-height: 30px;
	margin-bottom: 40px;
}

.question_title {
	font-size: 20px;
}

.answer {
	font-size: 16px;
	color: #808080;
}

.answer a {
	text-decoration: none;
	color: #8878C7;
}

/* 第九部分 */
.banner9 {
	width: 100%;
	margin-bottom: 251px;
}

.banner9_content {
	padding: 0 296px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 44px;
}

.banner9_content_module {
	width: 38%;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 100px;
}

.banner9_content_module_img {
	margin-right: 21px;
}

.banner9_p1 {
	color: #0A1A27;
	margin-bottom: 21px;
}

.banner9_p2 {
	color: #B0B9BD;
}

/* 第十部分 */
.banner10 {
	width: 100%;
	margin-bottom: 145px;
}

.banner10_content {
	width: 100%;
	height: 300px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 75%, rgba(128, 128, 128, 0.35) 95%);
	margin-top: 80px;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	opacity: 1;
	transition: all 1s 1s;
}
.wait .banner10_content {
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.banner10_content_module {
	width: 280px;
	height: 160px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
	opacity: 1;
	border-radius: 20px;
	margin: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.banner10_box {
	height: 100%;
	overflow-x: auto;
	display: flex;
	align-items: center;
}
.banner10_box::-webkit-scrollbar{
	display: none;
}

/* 第十一部分 */
.banner11 {
	width: 100%;
	margin-bottom: 145px;
	display: flex;
}
.banner11_content{
	width: 50%;
}
.banner11_content_module{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.banner11 ul{
	list-style: none;
}
.banner11 ul li img{
	width: 120px;
	height: 120px;
}
.banner11 .content2{
	padding-left: 350px;
}
.banner11 .content2 div:first-child li{
	text-align: center;
}
.banner11 .content2 div:last-child ul{
	margin-top: 61px;
}
.banner11_p1{
	font-size: 20px;
	color: #404F54;
	font-weight: bold;
	margin-bottom: 30px;
}
.banner11_p2{
	font-size: 14px;
	color: #8D9599;
	margin-bottom: 10px;
}
.banner11_p3{
	font-size: 20px;
	color: #8D9599;
	margin-top: 136px;
}
.banner11_p4{
	font-size: 16px;
	color: #404F54;
}


/* 媒介查询 */
@media (max-width: 1900px) and (min-width: 1600px){
/* 第三部分 */
	.banner3 {
		padding: 90px 260px;
	}
	.banner3 .price {
		padding: 0 15px 0 25px;
		margin-bottom: 25px;
	}
	
	.banner3 .price span {
		font-size: 26px;
	}
	
	.banner3 button {
		width: 100px;
		height: 36px;
		font-size: 16px;
	}
}
@media screen and (max-width: 1600px){
/* 第二部分 */
	.secondary {
		padding: 0 200px;
	}
/* 第三部分 */
	.banner3 {
		padding: 90px 160px;
	}
	.banner3 .price {
		padding: 0 15px 0 25px;
		margin-bottom: 25px;
	}
	
	.banner3 .price span {
		font-size: 26px;
	}
	
	.banner3 button {
		width: 100px;
		height: 36px;
		font-size: 16px;
	}
	.banner3 .grade button {
	    margin-right: 20px;
	}
	.banner3 .grade span {
	    margin-right: 20px;
	}
/* 第四部分 */
	.banner4_content {
		padding: 0 200px;
	}
/* 第五部分 */
	.banner5_content {
		padding: 0 200px;
	}
/* 第六部分 */
	.banner6 {
		height: 548px;
		margin: 0 200px;
		padding: 64px;
		margin-bottom: 293px;
	}
	.banner6_content_img {
	    width: 120%;
	}
/* 第七部分 */
	.banner7_content {
		padding: 0 160px;
	}
/* 第八部分 */
	.banner8_content {
	    padding: 0 200px;
	}
	.question {
	    line-height: 26px;
	    margin-bottom: 30px;
	}
	.banner8_content_module {
	    padding: 30px 46px 0 50px;
	}
/* 第九部分 */
	.banner9_content {
	    padding: 0 200px;
	}
/* 第十部分 */
	.banner10_content {

	}
/* 第十一部分 */
	.banner11 {
	    padding: 0 220px;
	}
	.banner11 .content2 {
    padding-left: 150px;
}
}
@media screen and (max-width: 1250px){
	/* 第二部分 */
		.secondary {
			padding: 0 100px;
		}
	/* 第三部分 */
		.banner3 {
			padding: 90px 60px;
		}
		.banner3 .price {
			padding: 0 15px 0 20px;
			margin-bottom: 25px;
		}
		.banner6_p3 {
		    font-size: 90px;
		    margin-bottom: 11px;
		}
		
		.banner3 .price span {
			font-size: 26px;
		}
		
		.banner3 button {
			width: 92px;
			height: 32px;
			font-size: 16px;
		}
	/* 第四部分 */
		.banner4_content {
			padding: 0 100px;
		}
	/* 第五部分 */
		.banner5_content {
			padding: 0 100px;
		}
	/* 第六部分 */
		.banner6 {
			height: 548px;
			margin: 0 100px;
			padding: 34px;
			margin-bottom: 293px;
		}
		.banner6 .banner_title{
			margin-bottom: 40px;
		}
		.banner6_content_img {
		    width: 200%;
		}
		.banner6_p1 {
		    font-size: 22px;
		    margin-bottom: 34px;
		}
		.banner6_p2 {
		    font-size: 16px;
		}
	/* 第七部分 */
		.banner7_content {
			padding: 0 160px;
		}
	/* 第八部分 */
		.banner8_content {
		    padding: 0 100px;
		}
		.question {
		    line-height: 26px;
		    margin-bottom: 30px;
		}
		.banner8_content_module {
		    padding: 30px 46px 0 50px;
		}
	/* 第九部分 */
		.banner9_content {
		    padding: 0 100px;
		}
	/* 第十部分 */
		.banner10_content {

		}
	/* 第十一部分 */
		.banner11 {
		    padding: 0 120px;
		}
		.banner11 .content2 {
	    padding-left: 150px;
		}
	/*  */
		.float_left {
		    width: 140px;
		    height: 198px;
			left: 0px;
		}
		.float_right {
		    right: 0px;
		}
		.float_right img {
		    width: 90%;
		}
}

@media screen and (max-width: 768px){
	/* 第二部分 */
	.secondary {
		padding: 0 20px;
	}
	/* 第三部分 */
	.banner3 {
		padding: 90px 20px;
	}
}