*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
}
html{

　　　　overflow:hidden;

　　}
.popup-container{
	position: relative;
	z-index: 9999;
	width: 100%;
	height:438px;
	background-image: url(../img/banner.png);
	overflow: hidden;
	top: 0px;
}
.banner {
	width: 100% !important;
	height:438px;
	position: absolute;
}
.banner ul{
	font-size: 0;
}
.banner ul li{
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: relative;
}
.banner img{
	height: 438px;
}
.nav{
	width: 100%;
	height:58px;
	background: url(../img/nav.png) no-repeat 100%;
}
.nav-c{
	width:1200px;
	margin: 0 auto;
	height: 58px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-c a{
	font-size: 26px;
	color: #252525;
}
.preface{
	width: 100%;
	height: 466px;
	background: #f5f9fd;
	display: flex;
}
.preface-c{
	width: 1200px;
	height:348px;
	margin: 0 auto;
	margin-top: 44px;
	background: url(../img/1.png) no-repeat ;
	background-size: 1200px 348px;
}
.title{
	width: 100%;
	margin-top:92px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:34px;
	color: #181818;
}
.title img{
	margin: 0 44px;
}
.preface-c p{
	width: 1116px;
	text-align: justify;
	font-size:16px;
	color: #343434;
	text-indent: 32px;
	margin: 0 auto;
	line-height: 32px;
	margin-top: 44px;
}
.present{
	width:100%;
	background: #f0f4ff;
}
.present-c{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.titles{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:34px;
	color: #181818;
	margin-top: 52px;
}
.titles span{
	display: block;
	width:138px;
	height: 1px;
	background: #caced6;
	margin: 0 12px;
}
.titles img{
	margin: 0 12px;
}
.titles-a{
	width: 100%;
	height: 66px;
	position: relative;
	margin-top: 52px;
}
.titles-a span{
	display: block;
	width:66px;
	height: 66px;
	color: #fff;
	text-shadow: 2px 3px 1px #000;
	border-radius: 50%;
	text-align: center;
	line-height: 66px;
	font-size: 32px;
	position: absolute;
	left: 0px;
	z-index: 100;
}
.t-span1{
	background: #fcc674;
}
.t-span2{
	background: #42d4ac;
}
.t-span3{
	background: #f559b2;
}
.t-span4{
	background: #d78af5;
}
.t-span5{
	background: #f3834c;
}
.t-span6{
	background: #76adff;
}
.t-span7{
	background: #39e5bf;
}
.t-span8{
	background: #ababfc;
}
.t-span9{
	background: #fab346;
}
.titles-a div{
	width:308px;
	height: 66px;
	background: url(../img/titles-a.png) no-repeat;
	background-size: 100% 66px;
	text-indent: 32px;
	line-height: 66px;
	font-size: 28px;
	color: #171747;
	position: absolute;
    left: 43px;
}
.present-p{
	font-size:16px;
	color: #343434;
	text-indent: 32px;
	height: 94px;
	line-height: 94px;
}
.present-img{
	width: 100%;
}
.present-img img{
	width: 100%;
}
.present-p1{
	padding: 0 40px;
	font-size: 16px;
	color: #343434;
	text-indent: 32px;
	line-height: 28px;
	margin-top: 80px;
}
.present-img{
	margin-top: 40px;
}
.mushroom{
	width: 100%;
	height: auto;
	background: url(../img/bg.png) no-repeat;
	background-size: 100%;
}
.mushroom-c{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.mushroom-1p{
	width:392px;
	padding-top:32px;
	float: left;
}
.mushroom-1p p{
	text-indent: 34px;
	font-size: 16px;
	margin-bottom:14px;
}
.mushroom-1 img{
	float: right;
}
.rare{
	width: 100%;
	height: auto;
	background: #f5f9fd;
}
.rare-c{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.rare-p{
	padding-top: 58px;
	padding-bottom: 111px;
}
.rare-p p{
	font-size: 16px;
	text-indent: 32px;
	line-height: 24px;
}
.advantage{
	width: 100%;
	height: auto;
	background: #f1f6ff;
}
.advantage-c{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom:114px;
}
.advantage-t{
	width: 1200px;
	margin-top:78px;
}
.advantage-tp{
	width:766px;
	margin-top:74px;
	float: left;
}
.advantage-tp p{
	font-size:16px;
	text-indent: 32px;
	padding: 0 34px;
	line-height: 26px;
}
.advantage-timg{
	width:380px;
	height: 240px;
	background: #76adff;
	float: right;
}
.advantage-timg img{
	margin-left: -12px;
	margin-top: -12px;
}
.advantagep{
	color: #0b3779;
	font-size: 20px;
	width: 100%;
	text-indent: 34px;
}
.advantage-b{
	width: 1200px;
	display: flex;
	justify-content: space-around;
	margin-top:40px;
}
.advantagei{
	width:152px;
}
.advantagei p{
	text-align: justify;
	line-height: 24px;
	font-size:14px;
}
.summary{
	width: 100%;
	height: auto;
	background: url(../img/bg1.png) no-repeat;
	background-size:100% 100%;
}
.summary-c{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom:134px;
}
.summary1-c{
	width: 100%;
	margin-top: 40px;
}
.summary1-img{
	width:554px;
	height:356px;
	float: left;
}
.summary1-img img{
	width: 100%;
	height: 356px;
}
.summary1-p{
	width:598px;
	float: right;
	margin-top: 16px;
}
.summary1-p p{
	font-size: 16px;
	line-height:28px;
	text-indent: 32px;
}
.summary2-c{
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.summary2-p{
	width:762px;
	float: left;
	margin-top: 16px;
}
.summary2-p p{
	font-size: 16px;
	text-indent: 32px;
	line-height:28px;
}
.summary2-img{
	width:384px;
	height:260px;
	float: right;
}
.summary3-c{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.summary3-img{
	width:554px;
    height:265px;
	float: left;
}
.summary3-p{
	float: right;
	width:599px;
	margin-top:50px;
}
.summary3-p p{
	line-height: 28px;
}
.summary4-c{
	width: 100%;
	margin-top:40px;
}
.summary4-p{
	width:602px;
	float: left;
}
.summary4-p p{
	font-size: 16px;
	line-height: 28px;
	text-indent: 32px;
	margin-top: 52px;
}
.summary4-img{
	width: 554px;
	height: 368px;
	float: right;
}
.summary5-c{
	width: 100%;
	margin-top: 28px;
}
.summary5-img{
	width:554px;
	height:auto;
	float: left;
}
.summary5-img img{
	width: 554px;
	height:416px;
	display: block;
	margin-top: 38px;
}
.summary5-p{
	width:602px;
	float: right;
}
.summary5-p p{
	font-size: 16px;
	line-height: 28px;
	text-indent: 32px;
}
.problem{
	width: 100%;
	height: auto;
	background: #f5f9fd;
}
.problem-c{
	width:1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 114px;
}
.problem-t{
	width: 100%;
	text-indent: 42px;
	font-size:20px;
	color: #0b3779;
	margin-top: 48px;
}
.problem-b{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.problem-bs{
	width:356px;
	height:208px;
	background-repeat: no-repeat !important;
	background-size:100% 208px !important;
	margin-top: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.problem-bs p{
	width:258px;
	font-size: 18px;
	color: #555555;
	line-height: 28px;
}
.problem1{
	background: url(../img/2-1.png);
}
.problem2{
	background: url(../img/2-2.png);
}
.problem3{
	background: url(../img/2-3.png);
}
.problem4{
	background: url(../img/2-4.png);
}
.problem5{
	background: url(../img/2-5.png);
}
.problem6{
	background: url(../img/2-6.png);
}
.deve-c{
	width:1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 80px;
}
.deve-b{
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 70px;
}
.deve-b li{
	width: 600px !important;
	margin-bottom: 38px;
	display: flex;
	align-items: center;
}
.deve-b li img{
	margin-right: 14px;
}
.review{
	width: 100%;
	height: auto;
    background: url(../img/bg2.png) no-repeat;
	background-size: 100%;
}
.review-t{
	width:1122px;
	margin: 40px auto;
}
.review-t p{
	font-size: 16px;
	text-indent: 32px;
	line-height: 28px;
}
.review-c{
	width:1362px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.review-b{
	width: 100%;
	position: relative;
	height: 310px;
	margin-bottom: 140px;
}
.review-bc{
	width: 1160px;
	height:270px;
	margin: 0 auto;
	padding:20px !important;
	border: 1px solid #606dff;
}
.mySwipesr{
	width: 1160px;
    position: relative !important;
	height:270px;
	
}
.mySwipesr  .swiper-slide {
	width:420px !important;
	height: 270px !important;
	margin-right: 14px;
}
.swiper-slide:nth-last-child(1){
	margin-right: 0px !important;
}
.mySwipesr  .swiper-slide img{
	display: block;
	width:420px !important;
	height: 270px !important;
}
.swiper-button-next, .swiper-button-prev{
	color:#2030ff !important;
}
.expectation{
	width: 100%;
	height: auto;
	background: #f5f9fd;
}
.expectation-c{
	width:1210px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.expectatio-c{
	width:100%;
	height:210px;
	background: url(../img/bg3.png) no-repeat;
	background-size: 100%;
	margin: 68px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.expectatio-c p{
	width:1120px;
	font-size: 16px;
	line-height:28px;
	text-indent: 32px;
}
.footer{
	width: 100%;
	height:282px;
	background: url(../img/footer.png) no-repeat;
	background-size: 100%;
}
.footer-c{
	width:1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.footer-c p{
	width: 100%;
	text-align: center;
	font-size:22px;
	color: #ffffff;
}