main section.banner-home {
	background-image: url( recommend/recommend_bg_f1d2de3.png);
	background: -webkit-linear-gradient(130deg, #3473e0, #27a0f1);
	/* background: linear-gradient(180deg,#01c0b7 0,#04cb94 100%); */
	background: linear-gradient(130deg, #3473e0, #27a0f1);
	height: 700px
}

@media screen and (max-width:1080px) {
	main section.banner-home {
		background-image: url( recommend/recommend_bg_m_daa5557.png);
		background: -webkit-linear-gradient(270deg,#01c0b7 0,#04cb94 100%);
		background: linear-gradient(130deg, #3473e0, #27a0f1);
		height: 865px
	}
}

main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4 {
	text-align: left
}

@media screen and (max-width:1080px) {
	main section.banner-home h1,main section.banner-home h2,main section.banner-home h3,main section.banner-home h4,main section.banner-home .h1,main section.banner-home .h2,main section.banner-home .h3,main section.banner-home .h4 {
		text-align: center
	}
}

@media screen and (max-width:1080px) {
	main section.banner-home article {
		padding-top: 100px
	}
}

main section.banner-home h2,main section.banner-home h3,main section.banner-home .h2,main section.banner-home .h3 {
	max-width: 460px
}

main section.banner-home .slogen {
	text-align: left;
	position: absolute;
	left: 159px;
	top: 200px
}

main section.banner-home .slogen>span.h4 {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 27px;
	margin-bottom: 10px
}

@media screen and (max-width:1080px) {
	main section.banner-home .slogen {
		text-align: center
	}
}

main section.banner-home .slogen p:nth-of-type(1) {
	font-weight: 500;
	line-height: 1.33
}

@media screen and (max-width:1080px) {
	main section.banner-home .slogen p:nth-of-type(1) {
		line-height: 1.46
	}
}

main section.banner-home .slogen p:nth-of-type(2) {
	line-height: 1.88;
	margin-top: 14px;
	max-width: 460px
}

@media screen and (max-width:1080px) {
	main section.banner-home .slogen p:nth-of-type(2) {
		margin-top: 11px;
		line-height: 1.75;
		margin: 14px auto 0
	}
}

main section.banner-home .slogen .buttons {
	margin-top: 40px;
	float: left
}

@media screen and (max-width:1080px) {
	main section.banner-home .slogen .buttons {
		margin-top: 40px;
		float: none
	}
}

@media screen and (max-width:1080px) {
	main section.banner-home .slogen {
		position: static
	}
}

main section.banner-home .show .grid {
	left: 538px;
	top: 56px;
	width: 858px;
	position: absolute
}

@media screen and (max-width:1000px) {
	main section.banner-home .show .grid {
		left: 50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
		top: 381px;
		height: 60%;
		width: auto
	}
}

main section.banner-home .show .shape {
	position: absolute;
	right: 20px;
	top: 138px
}

@media screen and (max-width:1000px) {
	main section.banner-home .show .shape {
		left: 50%;
		top: 381px;
		height: 8rem;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0)
	}
}




main section.banner-home {
	height: 500px
}

@media screen and (max-width:1000px) {
	main section.banner-home {
        height: 550px;
        padding-top: 0px;
	}
}

main section.banner-home .show .shape {
	transform: scale(.6);
	top: -80px;
	right: -50px;
}

@media screen and (max-width:1000px) {
	main section.banner-home .show .shape {
/* 		top: 311px;
    left: 90px; */
    transform: scale(2) translate(-25%, 145%);
	}
}

main section.banner-home .slogen {
	top: 186px
}

main section.banner-home .slogen p:nth-child(2) {
	max-width: 570px
}

@media screen and (max-width:1330px) {
	main section.banner-home .slogen p:nth-child(2) {
		max-width: 500px
	}
}




































.page.about .company-introduction,
.page.about .top-team,
.page.about .development-course {
	width: 1180px;
	margin: 0 auto;
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden;
}

.page.about .company-introduction .container,
.page.about .top-team .container,
.page.about .development-course .container {
	width: 1180px;
	margin: 0 auto;
	padding: 0px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container,
  .page.about .top-team .container,
  .page.about .development-course .container {
		width: 100%;
	}
}

.page.about .company-introduction .left,
.page.about .top-team .left,
.page.about .development-course .left {
	float: left;
	width: 220px;
	margin-right: 46px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .left,
  .page.about .top-team .left,
  .page.about .development-course .left {
		width: 100%;
	}
}

.page.about .company-introduction .left .title,
.page.about .top-team .left .title,
.page.about .development-course .left .title {
	height: 40px;
	width: 160px;
	color: #191140;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 40px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .left .title,
  .page.about .top-team .left .title,
  .page.about .development-course .left .title {
		width: 100%;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		height: 30px;
	}
}

.page.about .company-introduction .right,
.page.about .top-team .right,
.page.about .development-course .right {
	float: left;
	width: 827px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .right,
  .page.about .top-team .right,
  .page.about .development-course .right {
		width: 100%;
	}
}

.page.about .company-introduction .right .desc,
.page.about .top-team .right .desc,
.page.about .development-course .right .desc {
	width: 827px;
	color: #65697F;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 36px;
	text-align: justify;
}

@media (max-width: 991px) {
	.page.about .company-introduction .right .desc,
  .page.about .top-team .right .desc,
  .page.about .development-course .right .desc {
		width: 100%;
		font-size: 12px;
		line-height: 16px;
	}
}

.page.about .company-introduction .right .desc:first-child,
.page.about .top-team .right .desc:first-child,
.page.about .development-course .right .desc:first-child {
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .right .desc:first-child,
  .page.about .top-team .right .desc:first-child,
  .page.about .development-course .right .desc:first-child {
		margin-bottom: 20px;
	}
}

.page.about .company-introduction {
	padding: 100px 0px 60px 0px;
}

@media (max-width: 991px) {
	.page.about .company-introduction {
		padding: 40px 0px 20px 0px;
		width: 90%;
		margin: 0% 5%;
	}
}

.page.about .company-introduction .container .left {
	margin-left: 86px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .left {
		text-align: center;
		margin: 0px 0px 12px 0px;
	}
}

.page.about .company-introduction .container .left img {
	width: 154px;
	height: auto;
	margin-top: 10px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .left img {
		height: 41px;
		width: auto;
	}
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .desc {
		color: #65697F;
		font-size: 14px;
		line-height: 22px;
	}

	.page.about .company-introduction .container .right .desc:nth-child(2) {
		margin-bottom: 28px;
	}
}

.page.about .company-introduction .container .right h1 {
	margin-top: 82px;
	color: #271F4B;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 37px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right h1 {
		font-size: 16px;
		line-height: 24px;
		margin-top: 0px;
		text-align: center;
	}
}

.page.about .company-introduction .container .right .content {
	margin-top: 36px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .content {
		margin-top: 28px;
	}
}

.page.about .company-introduction .container .right .content .data {
	text-align: center;
	float: left;
	width: 185px;
	height: 90px;
	margin-right: 80px;
	position: relative;
	padding-top: 28px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .content .data {
		width: 33%;
		height: 60px;
		margin-right: 0%;
		position: relative;
		padding-top: 0px;
	}
}

.page.about .company-introduction .container .right .content .data:nth-child(1) {
	margin-left: -35px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .content .data:nth-child(1) {
		margin-left: 0px;
	}
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .content .data img.num {
		width: auto;
		height: 45%;
		margin: 0 auto;
	}
}

.page.about .company-introduction .container .right .content .data .subtitle {
	position: absolute;
	bottom: 18px;
	width: 100%;
	height: 37px;
	color: #3473e3;
    font-size: 28px;
    font-weight: 700;
	line-height: 37px;
}

@media (max-width: 991px) {
	.page.about .company-introduction .container .right .content .data .subtitle {
		height: 12px;
		font-size: 18px;
		line-height: 12px;
	    position: absolute;
    top: 50%;
	}
}































.page.about .contact-us {
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.page.about .contact-us {
		padding: 0px 0px 0px 0px;
		width: 90%;
		margin: 0% 5%;
	}
}

.page.about .contact-us .container {
	width: 1180px;
	padding: 0px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container {
		width: 100%;
	}
}

.page.about .contact-us .container h1 {
	margin: 60px 0px 40px 0px;
	color: #191140;
    font-size: 32px;
	font-weight: 500;
	line-height: 40px;
    text-align: center;
    position: relative;
}

.page.about .contact-us .container h1::after {
    content: '';
    width: 85px;
    height: 3px;
    border-radius: 4px;
    background-color: #3271e1;
    display: block;
    margin: 20px auto 40px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container h1 {
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		height: 55px;
		padding: 0px 0px 25px 0px;
	 
	}
}
.page.about .contact-us .container {
    margin: 0 auto;
}
.page.about .contact-us .container .content {
	width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content {
		width: 100%;
		min-height: 300px;
	}
}

.page.about .contact-us .container .content .box {
	float: left;
	/* height: 358px; */
	height: 420px;
	width: 278px;
	border-radius: 8px;
	box-shadow: 0 3px 17px -1px rgba(234, 234, 234, 0.5);
	margin-right: 22px;
	padding: 40px 30px 0px 30px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box {
		width: 45%;
		height: 195px;
		padding: 20px 0px 0px 0px;
		margin: 0px 0px 25px 0px;
	}
}

@media (max-width: 338px) {
	.page.about .contact-us .container .content .box {
		width: 48%;
	}
}

.page.about .contact-us .container .content .box:nth-child(1) {
	background: url(../images/contact-bg1.png) no-repeat center center;
	background-size: cover;
}

.page.about .contact-us .container .content .box:nth-child(2) {
	background: url(../images/contact-bg2.png) no-repeat center center;
	background-size: cover;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box:nth-child(2) {
		margin-left: 10%;
	}
}

@media (max-width: 338px) {
	.page.about .contact-us .container .content .box:nth-child(2) {
		margin-left: 4%;
	}
}

.page.about .contact-us .container .content .box:nth-child(3) {
	background: url(../images/contact-bg3.png) no-repeat center center;
	background-size: cover;
}

.page.about .contact-us .container .content .box:nth-child(3) > a {
	text-decoration: underline;
}

.page.about .contact-us .container .content .box:nth-child(4) {
	margin-right: 0px;
	background: url(../images/contact-bg4.png) no-repeat center center;
	background-size: cover;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box:nth-child(4) {
		margin-left: 10%;
	}
}

@media (max-width: 338px) {
	.page.about .contact-us .container .content .box:nth-child(4) {
		margin-left: 4%;
	}
}

.page.about .contact-us .container .content .box:nth-child(4) > a {
	text-decoration: underline;
}

.page.about .contact-us .container .content .box .title {
	text-align: left;
	color: #191140;
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .title {
		font-size: 16px;
		line-height: 16px;
		margin-bottom: 8px;
		padding: 0px 15px;
	}
}

.page.about .contact-us .container .content .box .desc {
	color: #65697F;
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 38px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .desc {
		height: 45px;
		font-size: 14px;
		letter-spacing: 0;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 0px 15px;
	}
}

.page.about .contact-us .container .content .box .phone {
	/* margin-bottom: 50px; */
	margin-bottom: 25px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .phone {
		margin-bottom: 23px;
		padding: 0px 15px;
	}
}

.page.about .contact-us .container .content .box .phone img {
	width: auto;
	height: 19px;
	margin: -5px 6px 0px 0px;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .phone img {
		width: auto;
		height: 10px;
		margin: -2px 3px 0px 0px;
	}
}

.page.about .contact-us .container .content .box .phone a {
	height: 20px;
	color: #65697F;
	font-size: 20px;
	line-height: 20px;
	text-align: justify;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .phone a {
		font-size: 12px;
	}
}

.page.about .contact-us .container .content .box .btn-link {
	width: 100%;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .btn-link {
		padding: 0px 15px;
	}
}

.page.about .contact-us .container .content .box .btn-link .btn {
	padding: 0px;
	height: 47px;
	width: 221px;
	border-radius: 2px;
	background-color: #3A95FF;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .btn-link .btn {
		width: 100%;
		height: 23px;
		border-radius: 2px;
		border: none;
	}
}

.page.about .contact-us .container .content .box .btn-link .btn:hover {
	background-color: #1773DF;
}

.page.about .contact-us .container .content .box .btn-link .btn a {
	display: inline-block;
	width: 100%;
	height: 47px;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 47px;
	text-align: center;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .btn-link .btn a {
		height: 23px;
		font-size: 12px;
		line-height: 23px;
		border: none;
	}
}

.page.about .contact-us .container .content .box .text-link {
	text-align: left;
	padding: 0 20px;
}

.page.about .contact-us .container .content .box .text-link a {
	height: 47px;
	color: #3473e3;
	font-size: 20px;
	line-height: 47px;
	text-align: justify;
}

@media (max-width: 991px) {
	.page.about .contact-us .container .content .box .text-link a {
		height: 23px;
		font-size: 12px;
		line-height: 23px;
	}
}


.page.about {
    padding-top: 0px;
}








main section.callme {
	background-color: #f8fbfd
}

main section.callme .city {
	margin-top: 85px;
	max-width: 1254px;
	display: inline-block;
	font-size: 0
}

@media screen and (max-width:1080px) {
	main section.callme .city {
		margin-top: 35px
	}
}

main section.callme .city li {
	vertical-align: top;
	padding: 0 41px;
	display: inline-block;
	margin-bottom: 85px;
	min-height: 248px
}

@media screen and (max-width:1080px) {
	main section.callme .city li {
		text-align: left;
		padding: 24px 0 24px 80px;
		margin-bottom: 0;
		min-height: auto
	}

	main section.callme .city li:nth-child(n+2) {
		border-top: solid 1px #e9e9e9
	}

	main section.callme .city li:first-child {
		padding-top: 0
	}

	main section.callme .city li:last-child {
		padding-bottom: 0
	}
}

main section.callme .city li img {
	width: 126px;
	height: 126px
}

@media screen and (max-width:1080px) {
	main section.callme .city li img {
		width: 69px;
		height: 69px;
		left: 0;
		position: absolute
	}
}

main section.callme .city li p:nth-of-type(1) {
	font-weight: 500;
	color: #7d8b86
}

main section.callme .city li p:nth-of-type(1) em {
	font-style: normal;
	color: #c6cdd2
}

main section.callme .city li p:nth-of-type(2) {
	margin-top: 10px;
	line-height: 1.56;
	text-align: center;
	color: #757575
}

@media screen and (max-width:1080px) {
	main section.callme .city li p:nth-of-type(2) {
		text-align: left
	}
}

main section.callme .way {
	margin-top: 5px
}

@media screen and (max-width:1080px) {
	main section.callme .way {
		margin-top: 45px
	}
}

main section.callme .way li {
	display: inline-block;
	width: 30%;
	min-width: 400px;
	height: 142px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(26,52,45,.1);
	position: relative;
	margin: 0 27px
}

@media screen and (max-width:1080px) {
	main section.callme .way li {
		height: 100px;
		padding: 0;
		margin: 10px 0;
		width: 100%;
		min-width: auto
	}
}

main section.callme .way li img {
	width: 98px;
	height: 98px;
	position: absolute;
	left: 47px;
	top: 25px
}

@media screen and (max-width:1080px) {
	main section.callme .way li img {
		width: 69px;
		height: 69px;
		left: 7px;
		top: 16.5px
	}
}

main section.callme .way li p {
	margin-left: 156px;
	text-align: left
}

@media screen and (max-width:1080px) {
	main section.callme .way li p {
		margin-left: 98px
	}
}

main section.callme .way li p:nth-of-type(1) {
	margin-top: 37px;
	font-weight: 500;
	color: #40d88e
}

@media screen and (max-width:1080px) {
	main section.callme .way li p:nth-of-type(1) {
		margin-top: 26px
	}
}

main section.callme .way li p:nth-of-type(2) {
	margin-top: 13px;
	line-height: 1.39;
	text-align: justify;
	color: #757575
}

@media screen and (max-width:1080px) {
	main section.callme .way li p:nth-of-type(2) {
		margin-top: 6px
	}
}

main section.callme .way li:nth-of-type(2) p:nth-of-type(1) {
	color: #26b2f0
}









section.section_06 {
	height: 240px;
	background: linear-gradient(to right, #4aaded, #3476e1);
	background-size: auto 100%;
	padding-top: 64px;
	text-align: center
}

section.section_06 h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	color: #FFF
}

section.section_06 .sd-button {
	padding: 8px 40px;
	margin-top: 25px
}

@media screen and (max-width:1080px) {
	section.section_06 {
		height: 160px;
		padding-top: 38px
	}

	section.section_06 h2 {
		font-size: 16px;
		line-height: 24px
	}

	section.section_06 .sd-button {
		padding: 11px 40px;
		margin-top: 15px
	}
}