*, *:after, *:before {
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

article, aside, footer, header, hgroup, menu, nav, section, blockquote {
	display: block;
	margin: 0;
	padding: 0;
}

body {
	font-family: "宋体", Arial;
	background: #fff;
	color: #000;
	font-size: 14px;
	height: 100%;
	overflow: auto;
}

body, h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-size: 12px;
	-webkit-appearance: none;
	font-family: "Microsoft YaHei";
	outline: none;
}

li {
	list-style: none;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
}

em, i {
	font-style: normal;
}

header {
	width: 100%;
	height: 60px;
	background: #323232;
}

.index-logo {
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 101;
}

.index-logo a {
	display: block;
	width: 90px;
	height: 90px;
	background: url("../img/logo.png");
}

.index-logo a:hover, .index-logo a.hover {
	background: url("../img/logo_on.png");
}

.header {
	width: 100%;
	height: 60px;
	max-width: 1100px;
	margin: 0 auto;
}

.menus {
	position: relative;
	float: left;
	left: 50%;
	z-index: 100;
	padding-right: 28px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.menus li {
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 68px;
	height: 60px;
	width: 70px;
	color: #ffffff;
	padding: 0 10px;
	text-align: center;
}

.menus .fix1 {
	width: 60px;
}

.menus .fix2 {
	width: 68px;
}

.menus .fix3 {
	width: 50px;
}

.menus .fix4 {
	width: 56px;
}

.menus .index-logo-p {
	width: 90px;
	height: 60px;
	padding: 0 20px;
}

.menus li a {
	color: #ffffff;
	font-family: Arial;
}

.menus li a:hover {
	font-size: 14px;
	font-weight: bold;
}

.partner {
	float: right;
	padding-right: 65px;
}

.partner li {
	float: left;
	font-size: 14px;
	line-height: 68px;
	height: 60px;
}

.partner li a {
	color: #2dc2a4;
}

.container {
	width: 100%;
	height: 100%;
	background: #efeeec;
}

.slider-container {
	width: 100%;
}

.button-container {
	display: none;
	width: 100%;
	max-width: 985px;
	z-index: 10;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.swiper-button-next, .swiper-button-prev {
	width: 24px;
	height: 44px;
	cursor: pointer;
	background-size: 50px 44px;
}

.swiper-button-prev {
	background-image: url("../img/arrow.png");
	background-position: -2px 0;
}

.swiper-button-next {
	background-image: url("../img/arrow.png");
	background-position: -25px 0;
}

.
swiper-container {
	width: 100%;
	height: auto;
}

.swiper-slide .banner {
	display: block;
	width: 100%;
	height: 500px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-pagination-bullet {
	width: 40px;
	height: 4px;
	display: inline-block;
	border: solid 1px #fff;
	border-radius: 0;
	background: none;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-container-horizontal .swiper-pagination-bullets {
	bottom: 5px;
}

.main-container {
	padding-top: 70px;
	width: 100%;
	height: 100%;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

.main-container .banner, .main-container .banner2, .main-container .banner3
	{
	text-align: center;
}

.main-container .banner img, .main-container .banner2 img,
	.main-container .banner3 img {
	display: inline-block;
}

.tabs {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

.tab {
	float: left;
	width: 20%;
	margin-bottom: 57px;
}

.tab img {
	height: 20px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.tab span {
	display: block;
	width: 170px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
	padding-top: 17px;
	color: #848381;
	text-align: left;
}

.tab i {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 172px;
	min-height: 180px;
	max-width: 100%;
}

.tab i.on {
	background: url("../img/tab_on.png") no-repeat;
	background-size: contain;
}

.tab i em {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.tab1 i em {
	background: url("../img/tab1.png") no-repeat;
	background-size: contain;
}

.tab2 i em {
	background: url("../img/tab2.png") no-repeat;
	background-size: contain;
}

.tab3 i em {
	background: url("../img/tab3.png") no-repeat;
	background-size: contain;
}

.tab4 i em {
	background: url("../img/tab4.png") no-repeat;
	background-size: contain;
}

.tab5 i em {
	background: url("../img/tab5.png") no-repeat;
	background-size: contain;
}

.service-tabs {
	padding-top: 40px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	width: 100%;
	margin-left: -6px;
	margin-right: -6px;
}

.service-tab1, .service-tab2, .service-tab3, .service-tab4,
	.service-tab5 {
	position: relative;
	float: left;
	height: 564px;
	width: 540px;
	max-width: 50%;
	margin: 6px 6px;
}

.service-tab3, .service-tab5 {
	margin: 6px 0 6px 6px;
	float: right;
}

.service-tab1 {
	width: 100%;
	max-width: 100%;
	background: url("../img/service_tab1.jpg") no-repeat;
	background-size: contain;
}

.service-tab2 {
	background: url("../img/service_tab2.jpg") no-repeat;
	background-size: contain;
}

.service-tab3 {
	background: url("../img/service_tab3.jpg") no-repeat;
	background-size: contain;
}

.service-tab4 {
	background: url("../img/service_tab4.jpg") no-repeat;
	background-size: contain;
}

.service-tab5 {
	background: url("../img/service_tab5.jpg") no-repeat;
	background-size: contain;
}

.service-info {
	height: 100%;
	padding-left: 34px;
}

.service-item {
	overflow: hidden;
	padding: 49px 0 34px;
}

.service-item li {
	float: left;
	color: #ffffff;
	font-size: 19px;
	padding-right: 10px;
}

.service-item li:hover, .service-item li.on {
	color: #ffd255;
}

.service-title {
	font-size: 50px;
	color: #ffffff;
	font-family: "黑体";
	display: inline-block;
	padding-bottom: 13px;
	border-bottom: solid 1px #ffb736;
}

.service-intro {
	font-family: "黑体";
	padding-top: 18px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 18px;
	max-width: 296px;
	line-height: 1.5;
}

.service-bottom {
	position: absolute;
	bottom: 20px;
	left: 34px;
	width: 85%;
}

.service-icon {
	float: left;
	width: 80px;
	height: 80px;
	background: url("../img/service_contact.png") no-repeat;
}

.service-detail {
	float: left;
	padding: 13px 0 13px 20px;
	width: 75%;
}

.service-detail-list li i {
	display: inline-block;
	background: url("../img/icon_dot.png") no-repeat;
	width: 14px;
	height: 15px;
	vertical-align: middle;
	padding-right: 10px;
}

.service-detail-list li span {
	font-size: 18px;
	color: #efeeee;
	line-height: 1.5;
	vertical-align: middle;
}

.work-list {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

.work_cat {
	margin-bottom: 5 px;
}

.cat {
	width: 100%;
	height: 100px;
}

.cat1 {
	background: url("../img/cat1.png") 50% 50% no-repeat;
}

.cat2 {
	background: url("../img/cat2.png") 50% 50% no-repeat;
}

.cat3 {
	background: url("../img/cat3.png") 50% 50% no-repeat;
}

.cat4 {
	background: url("../img/cat4.png") 50% 50% no-repeat;
}

.cat5 {
	background: url("../img/cat5.png") 50% 50% no-repeat;
}

.cat-list {
	height: 100%;
	overflow: hidden;
	margin: 0 -6px 130px;
}

.cat-item {
	float: left;
	margin: 12px 5.6px;
	height: 368px;
	width: 209px;
	border: solid 1px #c7dce2;
	box-shadow: 0 2px 0 #d3d2cf;
	overflow: hidden;
	background: #ffffff;
}

.cat-item img {
	display: block;
	margin: auto;
	width: 100%;
	height: auto;
}

.item-intro {
	padding: 10px;
}

.item-intro .item-title {
	font-size: 14px;
	line-height: 1.5;
	color: #3f474b;
}

.item-intro .item-desc {
	padding-top: 6px;
	font-size: 12px;
	line-height: 1.5;
	color: #7c8a8f;
	font-size: 12px;
}

.works {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-family: Arial;
	color: rgba(255, 255, 255, .5);
}

.works:hover {
	color: rgba(255, 255, 255, 1);
}

.banner.corp {
	padding-top: 217px;
}

.corps {
	padding-top: 116px;
	padding-bottom: 170px;
}

.logo-group {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.logo-item {
	display: inline-block;
	margin-top: -40px;
}

.logo-item ul {
	height: 100%;
	overflow: hidden;
}

.logo-item ul li {
	float: left;
	padding: 0 10px;
}

footer {
	background: #323232;
	min-height: 50px;
}

.foot {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	padding-top: 12px;
}

.foot a {
	color: #908d83;
	font-size: 14px;
	line-height: 2;
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .85);
	z-index: 99995;
	text-align: center;
	overflow: scroll;
	position: fixed;
}

.popup .close {
	position: fixed;
	width: 100%;
	height: 60px;
	display: block;
}

.popup .close a {
	float: right;
	display: inline-block;
	background: url("../img/close.png") 50% 50% no-repeat;
	height: 40px;
	width: 40px;
	margin: 10px 40px;
}

.popup .content {
	margin-top: 60px;
}

.popup .content img {
	max-width: 100%;
	height: auto;
}

.joinus-desc {
	text-align: center;
	margin: 18px 0 34px 0;
}

.joinus-desc p {
	font-size: 14px;
	color: #000;
	line-height: 2;
}

.joinus-profit {
	margin: 99px auto 104px auto;
	text-align: center;
}

.joinus-profit img {
	max-width: 100%;
}

.joinus-job {
	height: 100%;
	overflow: hidden;
	background: #79e0ac;
}

.joinus-job h1 {
	font-family: "黑体";
	font-size: 32px;
	color: #008655;
	text-align: center;
	margin: 1em 0 2em;
}

.jobs {
	max-width: 1100px;
	margin: 0 auto 175px;
}

.jobs ul {
	height: 100%;
	overflow: hidden;
}

.jobs ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	margin: 1em 0;
}

.about-list {
	margin: 99px -19px 109px;
	height: 100%;
	overflow: hidden;
}

.about-list-item {
	float: left;
	padding: 0 19px;
	width: 340px;
	max-width: 30%;
}

.about-list-item .wrapper {
	background: #e4e3e1;
}

.about-list-item img {
	width: 100%;
}

.about-info {
	height: 260px;
	padding: 20px;
}

.about-info h1 {
	font-family: "黑体";
	font-size: 20px;
	color: #000;
	line-height: 1.8;
	margin-bottom: 1em;
}

.about-info h1 span {
	font-size: 16px;
}

.about-info p {
	font-family: "宋体";
	font-size: 14px;
	line-height: 1.8;
}

.about-addr {
	height: 100%;
	overflow: hidden;
	margin-bottom: 175px;
}

.addr-map {
	width: 810px;
	float: left;
}

.addr-txt {
	position: relative;
	width: 230px;
	height: 340px;
	background: #33aae7;
	float: left;
	color: #efeeec;
	padding: 20px 40px 20px 20px;
	font-family: "黑体";
	line-height: 1.8;
}

.addr-txt h1 {
	font-size: 20px;
}

.addr-txt h2 {
	font-size: 16px;
}

.addr-txt .addr {
	margin-bottom: 20px;
}

.addr-txt .welcome {
	font-size: 16px;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.course-works {
	width: 100%;
	position: relative;
}

.course-works .swiper-pagination {
	position: absolute;
	left: 50%;
	bottom: 1em;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.course-works .swiper-pagination-clickable .swiper-pagination-bullet {
	margin: 0 5px;
}

.course-works-wrapper {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	overflow: hidden;
	transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	-webkit-transform: translateY(-35%);
	-moz-transform: translateY(-35%);
}

.course-works-wrapper .button-container {
	max-width: 1200px;
}

.course-works-bg {
	width: 100%;
	height: auto;
	display: block;
}

.course-works-list {
	margin: 0 auto;
	width: 1100px;
	max-width: 100%;
	overflow: hidden;
	height: 100%;
	text-align: center;
}

.course-works-list li {
	display: inline-block;
	width: 28%;
	padding: 2%;
}

.course-works-list li img {
	width: 100%;
}

.course-intro1 {
	height: 100%;
	overflow: hidden;
	background: #2c2930;
	text-align: center;
	padding: 150px 0;
}

.course-intro2 {
	height: 100%;
	overflow: hidden;
	background: #2c2930;
	text-align: center;
}

.course-intro3 {
	padding-top: 192px;
	height: 100%;
	overflow: hidden;
	background: #2c2930;
	text-align: center;
}

.course-intro1 img, .course-intro2 img, .course-intro3 img {
	max-width: 100%;
}

.course-contact {
	display: block;
	margin: 104px 0 234px;
}

.mobile-show {
	display: none;
}

.static-bottom {
	position: fixed;
	right: 20px;
	bottom: 90px;
}

.static-bottom ul {
	width: 72px;
}

.static-bottom ul li a {
	display: inline-block;
	height: 72px;
	width: 72px;
}

.weixin-qrcode {
	display: none;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 36px;
	left: -172px;
}

.weixin-qrcode img {
	width: 100%;
	height: auto;
}

.qq-contact {
	background: url("../img/qq_contact.png") no-repeat;
}

.qq-contact:hover, .qq-contact.on {
	background: url("../img/qq_contact_on.png") no-repeat;
}

.weixin-contact {
	background: url("../img/weixin_contact.png") no-repeat;
}

.weixin-contact:hover, .weixin-contact.on {
	background: url("../img/weixin_contact_on.png") no-repeat;
}

@media only screen and (max-width:768px) {
	.menus li a:hover {
		font-size: 10px;
		font-weight: normal;
	}
	.swiper-container-horizontal .swiper-pagination-bullets {
		bottom: 0;
	}
	.service-intro {
		padding-top: 8px;
		color: rgba(255, 255, 255, 0.5);
	}
	.tabs {
		width: 96%;
		margin: 0 2%;
	}
	.tab i {
		width: 80%;
		margin: 0 auto;
		min-height: 130px;
	}
	.tab i em {
		width: 100%;
	}
	.cat-list {
		margin: 0 7px 50px;
	}
	.work-list {
		margin-bottom: 0;
	}
	.mobile-show {
		display: block;
	}
	.mobile-hide {
		display: none;
	}
	header, .header {
		height: 48px;
	}
	.swiper-container {
		height: 333px;
	}
	.swiper-slide {
		height: 100%;
	}
	.swiper-slide .banner {
		height: 100%;
		width: auto;
	}
	.swiper-slide .banner img {
		height: 100%;
		width: auto;
	}
	.main-container .banner2 {
		margin-top: 12px;
	}
	.main-container .banner2 img {
		width: 50%;
	}
	.main-container .banner3 {
		position: relative;
	}
	.main-container .banner3 img {
		width: 200%;
		left: 50%;
		top: 0;
		position: relative;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.course-works .swiper-pagination {
		bottom: 0;
	}
	.joinus-desc {
		width: 80%;
		margin: 8px auto 34px;
		text-align: left;
	}
	.menus li {
		font-size: 10px;
		width: 46px;
		padding: 0 3px;
		line-height: 48px;
		height: 48px;
	}
	.menus .fix1 {
		width: 48px;
	}
	.menus .fix2 {
		width: 54px;
	}
	.menus .fix3 {
		width: 40px;
	}
	.menus .fix4 {
		width: 44px;
	}
	.swiper-button-prev {
		left: 10px;
	}
	.swiper-button-next {
		right: 10px;
	}
	.menus {
		padding-right: 14px;
	}
	.menus .index-logo-p {
		height: 48px;
		width: 72px;
		padding: 0 5px;
	}
	.index-logo a {
		width: 72px;
		height: 72px;
		background-size: 72px 72px;
	}
	.index-logo a:hover, .index-logo a.hover {
		background-size: 72px 72px;
		.
	}
	.partner {
		display: none;
	}
	.main-container {
		padding-top: 20px;
	}
	.main-container .banner img {
		width: 80%;
	}
	.swiper-pagination-bullet {
		width: 20px;
		height: 2px;
	}
	.tab {
		width: 50%;
		margin-bottom: 20px;
	}
	.cat-item {
		width: 48%;
		margin: 12px 0;
		height: 310px;
		background-size: contain;
	}
	.cat-item:nth-child(2n) {
		float: right;
		width: 48%;
		margin: 12px 0;
	}
	.cat-item img {
		width: 100%;
		height: auto;
	}
	.cat {
		height: 50px;
	}
	.cat1 {
		background-size: 550px 50px;
	}
	.cat2 {
		background-size: 550px 50px;
	}
	.cat3 {
		background-size: 550px 50px;
	}
	.cat4 {
		background-size: 550px 50px;
	}
	.cat5 {
		background-size: 550px 50px;
	}
	.tab {
		height: 243px;
	}
	.tab span {
		width: 85%;
	}
	.service-bottom {
		left: 5%;
		width: 95%;
	}
	.service-tab1 {
		background: #543D95;
	}
	.service-info {
		padding-left: 5%;
	}
	.service-item {
		padding: 20px 0 10px 0;
	}
	.service-tabs {
		margin: 0;
		padding-top: 20px;
	}
	.service-tab1, .service-tab2, .service-tab3, .service-tab4,
		.service-tab5 {
		margin: 6px 0;
	}
	.service-tab2, .service-tab3, .service-tab4, .service-tab5 {
		width: 100%;
		max-width: 100%;
	}
	.service-tab2 {
		background: #4155B4;
	}
	.service-tab3 {
		background: #49BCAB;
	}
	.service-tab4 {
		background: #A44541;
	}
	.service-tab5 {
		background: #87499F;
	}
	.service-item li {
		font-size: 12px;
	}
	.service-title {
		font-size: 36px;
		padding-bottom: 8px;
	}
	.service-intro {
		width: 70%;
		font-size: 12px;
	}
	.service-detail-list li span {
		font-size: 12px;
	}
	.service-tab1, .service-tab2, .service-tab3, .service-tab4,
		.service-tab5 {
		height: 300px;
	}
	.service-icon {
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
	}
	.service-detail {
		padding: 0 0 0 1em;
	}
	.banner.corp {
		padding-top: 40px;
	}
	.corps {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.corps img {
		width: 100%;
	}
	.logo-item {
		margin-top: -6%;
	}
	.logo-item ul li {
		padding: 0 1%;
		width: 28%;
		display: inline-block;
		float: none;
	}
	.works {
		top: 20px;
	}
	.joinus-profit {
		margin: 25px auto 30px auto;
	}
	.jobs ul li {
		width: 100%;
	}
	.jobs ul li img {
		width: 80%;
	}
	.joinus-job h1 {
		font-size: 20px;
		margin: 2em 0 1em;
	}
	.jobs {
		margin: 0 auto 80px;
	}
	.about-list-item {
		width: 100%;
		max-width: 100%;
	}
	.addr-map, .addr-map img {
		width: 140%;
		display: block;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
	.about-info {
		height: 100%;
		margin-bottom: 0;
	}
	.about-list {
		margin: 60px 0 70px
	}
	.about-list-item {
		padding: 0;
	}
	.about-addr {
		margin-bottom: 0;
	}
	.addr-txt {
		width: 100%;
	}
	.addr-txt .welcome {
		bottom: 55px;
	}
	.course-works-list li {
		width: 22%;
		padding: 1%;
	}
	.static-bottom {
		display: none;
	}
	.course-intro1 {
		padding: 30px 0;
	}
	.course-intro3 {
		padding-top: 30px;
	}
	.course-contact {
		margin: 30px 0 40px;
	}
	.course-intro2 img {
		width: 150%;
		max-width: 150%;
		left: 50%;
		top: 0;
		position: relative;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		position: relative;
	}
}