.banner {

	width: 100%;

}



.banner img {

	display: block;

	width: 100%;

}



.main {

	background-color: #FFFFFF;

	padding-bottom: 120px;

}



.main .item1 {

	padding-top: 55px;

	padding-bottom: 40px;

}



.main .item1 .l {

	width: calc(100% - 690px);

	box-sizing: border-box;

	padding-right: 35px;

}



.main .item1 .l h4 {

	font-family: pingfang;

	font-size: 48px;

	color: #4d4d4d;

	padding-top: 60px;

	line-height: 48px;

	padding-bottom: 35px;

}



.main .item1 .l h5 {

	font-family: pingfang;

	font-size: 24px;

	color: #050505;

	font-weight: 500;

	line-height: 24px;

	padding-bottom: 50px;

}



.main .item1 .l .article p {

	font-size: 14px;

	color: #444444;

	text-indent: 2em;

	line-height: 30px;

}



.main .item1 .r {

	width: 690px;

}



.main .item1 .r ul {

	margin-left: -10px;

	margin-right: -10px;

	margin-top: 140px;

}



.main .item1 .r ul:after {

	display: table;

	content: "";

	clear: both;

}



.main .item1 .r ul li {

	float: left;

	margin: 0 10px;

	width: calc(50% - 20px);

}



.main .item1 .r ul li img {

	width: 100%;

	display: block;

}



.main .item1 .r ul li p {

	font-size: 16px;

	color: #444444;

	width: 100%;

	text-align: center;

	line-height: 80px;

}



.main .item2 {

	background-image: url(../images/about_bg.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 100%;

	padding-top: 130px;

	padding-bottom: 203px;

}



.main .item2 h4.title {

	font-family: pingfang;

	font-size: 48px;

	color: #FFFFFF;

	font-weight: 500;

	text-align: center;

	line-height: 48px;

	padding-bottom: 115px;

}



.main .item2 ul {

	display: flex;

	flex-flow: row nowrap;

	justify-content: space-around;

}



.main .item2 ul li i {

	display: block;

	width: 165px;

	height: 224px;

	background-repeat: no-repeat;

	background-position: center center;

	margin: 0 auto;

}



.main .item2 ul li:nth-of-type(1) i {

	background-image: url(../images/icon1.png);

}



.main .item2 ul li:nth-of-type(2) i {

	background-image: url(../images/icon2.png);

}



.main .item2 ul li:nth-of-type(3) i {

	background-image: url(../images/icon3.png);

}



.main .item2 ul li:nth-of-type(4) i {

	background-image: url(../images/icon4.png);

}



.main .item2 ul li p {

	font-family: pingfang;

	color: #ffffff;

	font-size: 24px;

	text-align: center;

	line-height: 24px;

	padding-top: 50px;

}



.main .item3 {

	width: 100%;

	background-color: #eaeaea;

	height: 660px;

}



.main .item3:after {

	display: table;]

	content: "";

	clear: both;

}



.main .item3 .l {

	float: left;

	width: 50%;

	padding-top: 160px;

	height: 660px;

	box-sizing: border-box;

}



.main .item3 .l h3 {

	font-family: pingfang;

	font-size: 26px;

	color: #2d77bb;

	text-align: center;

	line-height: 38px;

	font-weight: 500;

}



.main .item3 .l h4 {

	font-family: pingfang;

	font-size: 20px;

	color: #050505;

	text-align: center;

	line-height: 20px;

	font-weight: 500;

	padding-top: 30px;

	padding-bottom: 50px;

}



.main .item3 .l h5 {

	font-size: 16px;

	color: #464646;

	text-align: center;

	line-height: 16px;

	font-weight: 500;

	padding-bottom: 30px;

}



.main .item3 .l .swiper-container {

	width: 550px;

	margin: 0 auto;

}



.main .item3 .l .swiper-container .swiper-slide p {

	font-size: 16px;

	color: #4e4e4e;

	text-align: center;

	line-height: 54px;

}



.main .item3 .l .swiper-button {

	position: relative;

}



.main .item3 .l .swiper-button .swiper-button-prev,

.main .item3 .l .swiper-button .swiper-button-next {

	background-size: 20px 20px;

	background-position: center center;

	border: 1px solid #bfbfbf;

	width: 40px;

	height: 40px;

	top: 40px;

	outline: none;

}



.main .item3 .l .swiper-button .swiper-button-prev {

	left: 245px;

}



.main .item3 .l .swiper-button .swiper-button-next {

	right: 245px;

}



.main .item3 .r {

	float: left;

	width: 50%;

	height: 660px;

	background-image: url(../images/about_bg1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}