.bl {
	display: block !important;
}

.cl {
	clear: both;
}

#float {
	width: 240px;
	height: 100%;
	background: url(../img/gw_01.png);
	background-size: 100% 100%;
	position: fixed;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding-top: 18%;
	z-index: 100;

}

.fl_nav li {
	width: 100%;
	height: 65px;
	padding-left: 65px;
	box-sizing: border-box;
	cursor: pointer;
}

.fl_nav li h2 {
	height: 17px;
	font-size: 18px;
	font-weight: 400;
	color: #6A6D7C;
}

.fl_nav li p {
	font-size: 14px;
	font-weight: 400;
	color: #9b9aa2;
	margin-top: 5px;
	opacity: 0;
}

.fl_nav .fl_act h2 {
	color: #313448;
	font-weight: bold;
	position: relative;
}

.fl_act h2::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #1fcea3;
	right: 25px;
	top: 8px;
}

.fl_nav .fl_act p {
	opacity: 1;
}

.main1 {
	width: 100%;
	height: 100vh;
	background: url(../img/gw2_01.png) center no-repeat;
	background-size: 100% 100%;
}

.m1_contains {
	padding-top: 14%;
	padding-left: 320px;
}

.main1 h2 {
	font-size: 54px;
	color: #313448;
	font-weight: normal;
}

.main1 h3 {
	font-size: 54px;
	color: #313448;

}

.m1_list {
	width: 744px;
	height: 168px;
	background: url(../img/gw_13.png);
	margin-top: 70px;
	box-sizing: border-box;
	padding: 46px 40px 0 40px;
}

.m1_list li {
	float: left;
	width: 132px;
	margin-bottom: 35px;
	text-align: center;
	font-size: 18px;
	color: #3e4153;
	position: relative;
}
.m1_list li::before{
	position: absolute;
content: '';
width: 20px;
height: 20px;
background: url(../img/j_03.png);
left: 0px;
top: 2px;
}
.m1_zx {
	margin-top: 96px;
	width: 600px;
	height: 56px;
	background: #FFFFFF;
	border: 1px solid #313448;
	border-radius: 28px;
	line-height: 56px;
	text-align: center;
	font-size: 16px;
	color: #8E919F;
}

.m1_zx span {
	display: inline-block;
	float: right;
	padding: 0 15px;
	line-height: 56px;
	height: 56px;
	background: #313448;
	border: 1px solid #313448;
	border-radius: 28px;
	color: #fff;
	font-weight: bold;
}

.m1_zx span img {
	vertical-align: middle;
}

.main2 {
	width: 100%;
	height: 100vh;
	background: url(../img/gw_03.png) center no-repeat;
	position: relative;
	background-size: 100% 100%;
	overflow: hidden;
}

.common_contains {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 710px;

	box-sizing: border-box;
	padding-left: 320px;
}

.m2_tit {
	font-size: 54px;
	color: #313448;
}

#m2_form {
	width: 700px;
	height: 500px;
	float: left;
	margin-top: 60px;
}

.m2-swiper {
	float: left;
	width: calc(100% - 700px);
	height: 430px;
	margin-top: 210px;
}

.m2-swiper .swiper-slide {
	width: 360px !important;
	height: 336px;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px 0px rgba(219, 222, 238, 0.26);
	border-radius: 24px;
	margin-right: 24px;
	box-sizing: border-box;
	/* padding: 60px 40px 0 40px; */
	padding-top: 60px;
}

.m2-swiper .swiper-slide h3 {
	font-size: 24px;
	color: #313448;
	font-weight: normal;
	padding-left: 40px;
}

.m2_cont {
	font-size: 16px;

	color: #6A6D7C;
	line-height: 28px;
	margin-top: 24px;
	padding: 0 40px;
}

.m2_zx {
	font-size: 0;
	text-align: center;
	margin-top: 36px;
}

.m2_zx span {
	height: 48px;
	line-height: 48px;
	display: inline-block;
	border: 1px solid #313448;
	border-radius: 24px;
	padding: 0 18px;
	font-size: 16px;
	color: #313448;
}

.swiper-button-next,
.swiper-button-prev {
	width: 40px !important;
	height: 40px !important;

}

.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

.m2-swiper .swiper-button-next {
	top: 90%;
	background: url(../img/gw2_06.png);
	right: auto;
	left: 190px;
}

.m2-swiper .swiper-button-prev {
	top: 90%;
	background: url(../img/gw2_04.png);
	left: 130px;
}

.main3 {
	width: 100%;
	height: 100vh;
	background: #f6f7fb;
	position: relative;
	overflow: hidden;
}

.m3_list li {
	width: 510px;
	height: 264px;
	margin-top: 60px;
	float: left;
	box-sizing: border-box;
	padding: 0 30px 0 180px;
	position: relative;
}

.m3_list li>img {
	position: absolute;
	left: 0;
	top: 0;
}

.m3_list li h3 {
	font-size: 24px;

	font-weight: 400;
	color: #313448;
	padding-top: 10px;
}

.m3_list li h3 span {
	font-size: 14px;
	color: #6A6D7C;
}

.m3_list li h3 span b {

	font-weight: 400;
	color: #1FCEA3;

}

.m3_desc {
	font-size: 16px;
	color: #313448;
	line-height: 24px;
	margin-top: 16px;
	margin-bottom: 20px;
}

.m3_adv {
	font-size: 14px;
	color: #313448;
	box-sizing: border-box;
	padding-left: 13px;
	position: relative;
	margin-bottom: 15px;
}

.m3_adv::before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #1fcea3;
	border-radius: 50%;
	top: 8px;
	left: 0;
}

.m3_zx {
	font-size: 0;
	margin-top: 30px;
}

.m3_zx span {
	display: inline-block;
	height: 40px;
	background: #1FCEA3;
	border-radius: 20px;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 16px;
	text-align: center;
	font-size: 14px;

	color: #FFFFFF;
}

.main4 {
	width: 100%;
	height: 100vh;
	background: url(../img/gw_27.png) center no-repeat;
	position: relative;
	background-size: 100% 100%;
	overflow: hidden;
}

.m4_contains {
	width: 100%;
	height: 750px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	box-sizing: border-box;
	padding-left: 240px;
}

.m4_tea {
	width: 50%;
	float: left;

}

.m4_form {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-top: 130px;
}

.m4_tit {
	text-align: center;
	font-size: 54px;
	color: #313448;
}

.tea-swiper {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 100px !important;
}

.m4_list {
	margin-left: 10%;
}

.m4_list li {
	width: 100%;
	height: 180px;
	position: relative;
	box-sizing: border-box;
	padding: 40px 130px 0 180px;
	transition: .5s;
}
.m4_list li:hover{
	background: url(../img/tb_03.png);
	background-size: 100% 100%;
}
.m4_list li img {
	position: absolute;
	left: 27px;
	top: 24px;
}

.m4_list li h3 {
	font-size: 24px;

	font-weight: 400;
	color: #313448;
}

.m4_list li h3 span {
	height: 28px;
	background: #5E6173;
	border-radius: 14px;
	display: inline-block;
	margin-left: 15px;
	line-height: 28px;
	font-size: 14px;
	padding: 0 10px;
	color: #FFFFFF;
}

.m4_list li p {
	font-size: 16px;
	color: #6A6D7C;
	line-height: 24px;
	margin-top: 20px;
}

.tea-swiper .swiper-button-next {
	top: 90%;
	background: url(../img/gw2_06.png);
	right: auto;
	left: 350px;
}

.tea-swiper .swiper-button-prev {
	top: 90%;
	background: url(../img/gw2_04.png);
	left: 290px;
}

.m4_list li::after {
	position: absolute;
	content: '';
	width: 617px;
	height: 1px;
	background: #E5E7EB;
	bottom: 0;
	left: 0;
}

.m4_form h3 {
	text-align: center;
	font-size: 24px;

	font-weight: 400;
	color: #313448;
}

.m4_form h3 b {
	font-size: 36px;
	color: #1fcea3;
	font-weight: 400;
}

.lb-swiper {
	margin: 0 auto;
	width: 335px !important;
	height: 28px;
	background: #E4E6ED;
	text-align: center;
	font-size: 14px;
	color: #6A6D7C;
	line-height: 28px;
}

.lb-swiper .swiper-slide>span {
	display: inline-block;
	position: relative;
}

.lb-swiper .swiper-slide>span::before {
	position: absolute;
	content: '';
	width: 5px;
	height: 1px;
	background: #1fcea3;
	left: -10px;
	top: 14px;
}

input,
select {
	display: block;
	width: 368px;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 38px;
	margin-top: 45px;
	border: none;
	font-size: 16px;
	color: #9b9aa2;
	appearance: none;
}

input:focus::placeholder {
	opacity: 0;
}

#name1 {
	background: url(../img/gw2_12.png);
}

#wechat1 {
	background: url(../img/gw2_15.png);
}

#content1 {
	background: url(../img/gw2_17.png);
}

.m4_btn {
	width: 160px;
	height: 48px;
	background: #1FCEA3;
	box-shadow: -1px 7px 16px 0px rgba(50, 227, 172, 0.51);
	border-radius: 24px;
	display: block;
	border: none;
	margin: 0 auto;
	margin-top: 64px;
	font-size: 16px;
	line-height: 48px;
	color: #FFFFFF;
}

.main5 {
	width: 100%;
	height: 100vh;
	background: url(../img/gw_29.png) center no-repeat;
	background-size: 100% 100%;
	position: relative;

}
.case-swiper{
	padding-bottom: 100px!important;
}
.case-swiper .swiper-slide {
	width: 488px;
	height: 384px;
	background: #FFFFFF;
	box-shadow: -2px 31px 55px 2px rgba(219, 222, 238, 0.46);
	border-radius: 24px;
	margin-top: 80px;
	box-sizing: border-box;
	padding: 60px 50px 0 50px;
	position: relative;
	margin-right: 24px;
}


.case-swiper .swiper-slide h3{
	font-size: 24px;

font-weight: 400;
color: #313448;
margin-bottom: 40px;
}
.m5_msg{
	font-size: 16px;
font-weight: 400;
color: #6a6d7c;
line-height: 28px;
margin-bottom: 25px;
}
.m5_msg span{
	color: #313448;
}
.m5_zx{
	position: absolute;
	width: 208px;
height: 88px;
background: #1FCEA3;
border-radius: 0 24px 0 24px;
top: 0;
right: 0;
text-align: center;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
padding-top: 28px;
line-height: 24px;
}
.case-swiper .swiper-slide-active{
	margin-top: 52px!important;
}
.case-swiper .swiper-slide-active h3{
	font-weight: bold!important;
}
.case-swiper  .swiper-button-next {
	top: 95%;
	background: url(../img/gw2_22.png);
	right: auto;
	left: 250px;
}

.case-swiper  .swiper-button-prev {
	top: 95%;
	background: url(../img/gw2_20.png);
	left: 190px;
}
.main6 {
	width: 100%;
	height: 100vh;
	background: #f6f7fb;
	position: relative;
	
}
.m6_list{
	padding-top: 48px;
}
.m6_list li{
	width: 232px;
	height: 560px;
	box-sizing: border-box;
	background: url(../img/gw_33.png);
	float: left;
	margin-right: 152px;
	padding-top: 80px;
	text-align: center;
	transition: 2s;
}
.m6_list li img{
	display: block;
}
.m6_list li h3{
	font-size: 56px;

font-weight: 400;
color: #313448;
margin-top: 50px;
}
.m6_list li p{
	font-size: 24px;

color: #313448;
margin-top: 10px;
}
.m6_list li:hover{
	background: url(../img/gw_31.png);
}