.transition {
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
}
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.getflex {
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
}
.space-between {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-o-flex-wrap:wrap;
	flex-wrap:wrap;
}
.wrap {
	width:1156px;
	margin:0 auto;
}
.intro-30 {
	position:relative;
}
.commonnav {
	background:#fff!important;
}
.text-con .desc .desc-box {
	display:inline-block;
}
.text-con .desc .desc-box p {
	position:relative;
	text-align:left;
}
.text-con .desc .desc-box p::before {
	content:'';
	width:12.58px;
	height:14px;
	position:absolute;
	background-image:url(../images/arrow.png);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
	top:8px;
	left:-26px;
}
.section1 {
	width:100%;
	position:relative;

}
.section1 .wrap {
	height:100%;
}
.section1 .wrap .content-box {
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
	box-sizing:border-box;
	text-align:center;
	padding:50px 0 72px;
}
.section1 .wrap .content-box h1 {
	font-family:PingFangSC-Regular;
	font-size:32px;
	color:#1c1e20;
	text-align:center;
	line-height:48px;
	font-weight:400;
	margin-bottom:54px;
}
.section1 .wrap .content-box .section1-main1 {
	margin:0 auto 16px;
	width:1080px;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	flex-wrap:wrap;
}
.section1 .wrap .content-box .section1-main1 .item {
	width:495px;
	margin-bottom:36px;
	text-align:left;
}
.section1 .wrap .content-box .section1-main1 .item .img {
	width:126px;
	height:126px;
	margin-right:24px;
	margin-bottom:30px;
	float:left;
}
.section1 .wrap .content-box .section1-main1 .item .title {
	margin-top:5px;
	margin-bottom:13px;
	font-size:18px;
	color:#2344a5;
	line-height:28px;
	font-weight:600;
}
.section1 .wrap .content-box .section1-main1 .item .title span {
	margin-left:8px;
	font-size:14px;
	color:#545c63;
	line-height:22px;
	font-weight:400;
}
.section1 .wrap .content-box .section1-main1 .item .tag {
	margin-bottom:7px;
}
.section1 .wrap .content-box .section1-main1 .item .tag span {
	margin-right:6px;
	display:inline-block;
	background:#e0e7fc;
	border-radius:2px;
	    padding: 5px;
	line-height:26px;
	text-align:center;
	font-size:14px;
	color:#2344a5;
	font-weight:400;
}
.section1 .wrap .content-box .section1-main1 .item .info {
	font-size:14px;
	color:#1c1f21;
	line-height:20px;
	font-weight:400;
}
.section1 .wrap .content-box .section1-main1 .item.item1 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main1 .item.item2 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main1 .item.item3 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main1 .item.item4 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main1 .item.item5 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main1 .item.item6 .img {

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main2 {
	margin:0 auto 50px;
	width:955px;
	height:101px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main3 {
	margin:0 auto 57px;
	width:1128px;
	height:470px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main4 {
	position:relative;
	overflow:hidden;
	width:956px;
	margin:0 auto;
}
.section1 .wrap .content-box .section1-main4::after {
	content:" ";
	background:#d8d8d8;
	width:1px;
	height:156px;
	position:absolute;
	top:20px;
	right:221px;
}
.section1 .wrap .content-box .section1-main4 .left {
	float:left;
	width:680px;
}
.section1 .wrap .content-box .section1-main4 .left .title {
	width:569px;
	height:50px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section1 .wrap .content-box .section1-main4 .left .items {
	margin-top:30px;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.section1 .wrap .content-box .section1-main4 .left .items .item {
	width:314px;
}
.section1 .wrap .content-box .section1-main4 .left .items .item h4 {
	font-size:16px;
	color:#1c1f21;
	text-align:left;
	line-height:24px;
	font-weight:600;
	margin-bottom:14px;
}
.section1 .wrap .content-box .section1-main4 .left .items .item p {
	font-size:14px;
	color:#1c1f21;
	text-align:justify;
	line-height:22px;
	font-weight:400;
}
.section1 .wrap .content-box .section1-main4 .right {
	float:right;
	width:168px;
	font-size:14px;
	color:#545c63;
	text-align:center;
	line-height:22px;
	font-weight:400;
}
.section1 .wrap .content-box .section1-main4 .right .qrcode {
	margin:5px auto 16px;
	width:121px;
	height:121px;
	box-shadow:0 4px 6px 0 rgba(28,31,33,.15);
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 {
	width:100%;
	position:relative;
	background:#fff;
}
.section2 .wrap {
	height:100%;
}
.section2 .wrap .content-box {
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
	padding:64px 0 72px;
	box-sizing:border-box;
	text-align:center;
}
.section2 .wrap .content-box h1 {
	font-family:PingFangSC-Regular;
	font-size:32px;
	color:#1c1e20;
	text-align:center;
	line-height:48px;
	font-weight:400;
	margin-bottom:48px;
}
.section2 .wrap .content-box .section2-main {
	margin:0 auto 36px;
	width:1054px;
	height:122px;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper {
	width:1054px;
	height:422px;
	margin:0 auto;
}
.section2 .wrap .content-box .item-swiper .left {
	width:220px;
	float:left;
}
.section2 .wrap .content-box .item-swiper .left .item {
	cursor:pointer;
	width:220px;
	height:50px;
	font-size:18px;
	color:#1c1f21;
	letter-spacing:0;
	text-align:center;
	line-height:50px;
	font-weight:400;
	margin-bottom:12px;
	background:#f0f3fb;
	border-radius:6px;
}
.section2 .wrap .content-box .item-swiper .left .item:last-child {
	margin-bottom:0;
}
.section2 .wrap .content-box .item-swiper .left .item.active,.section2 .wrap .content-box .item-swiper .left .item:hover {
	background:#2344a5;
	border-radius:6px;
	color:#fff;
}
.section2 .wrap .content-box .item-swiper .right {
	width:816px;
	height:422px;
	background:#fff;
	box-shadow:0 2px 8px 0 rgba(35,68,165,.16);
	border-radius:8px;
	float:right;
}
.section2 .wrap .content-box .item-swiper .swiper-container {
	display:none;
	width:816px;
	height:422px;
}
.section2 .wrap .content-box .item-swiper .swiper-container:first {
	display:block;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide {
	box-sizing:border-box;
	padding:26px 36px;
	width:816px;
	height:422px;
	position:relative;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide h4 {
	font-size:16px;
	color:#2344a5;
	letter-spacing:0;
	text-align:center;
	line-height:24px;
	font-weight:600;
	text-align:left;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide p {
	margin-top:8px;
	margin-bottom:16px;
	font-size:14px;
	color:#383d42;
	letter-spacing:0;
	text-align:justify;
	line-height:24px;
	font-weight:400;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .items {
	text-align:left;
	margin-top:8px;
	line-height:24px;
	color:#383d42;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .items .item {
	display:inline-block;
	margin-right:38px;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img0-10 {
	position:absolute;
	left:50px;
	bottom:40px;
	width:242px;
	height:149px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img0-11 {
	position:absolute;
	right:173px;
	bottom:40px;
	width:311px;
	height:245px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img0-2 {
	position:absolute;
	right:38px;
	bottom:66px;
	width:459px;
	height:203px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img1-1 {
	position:absolute;
	right:85px;
	bottom:55px;
	width:284px;
	height:227px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img1-2 {
	position:absolute;
	right:38px;
	bottom:93px;
	width:528px;
	height:175px;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img1-3 {
	position:absolute;
	right:60px;
	bottom:60px;
	width:481px;
	height:210px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img2-1 {
	position:absolute;
	right:38px;
	bottom:84px;
	width:496px;
	height:188px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img2-2 {
	position:absolute;
	right:38px;
	bottom:101px;
	width:484px;
	height:169px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section2 .wrap .content-box .item-swiper .swiper-container .swiper-wrapper .swiper-slide .img2-3 {
	position:absolute;
	right:38px;
	bottom:84px;
	width:502px;
	height:187px;

	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}