@charset "utf-8";

a,body,html {
	color: #2a2a2a
}

@font-face {
	font-family:Gilroy-Bold;font-style:normal;src:url(../fonts/avantgarde-book-bold.ttf)
}

::-webkit-scrollbar-track-piece {
	width: 8px;
	height: 4px;
	background-color: #f0f0f0
}

::-webkit-scrollbar {
	width: 8px;
	height: 4px;
	background-color: #666
}

::-webkit-scrollbar-thumb {
	width: 8px;
	height: 4px;
	background-color: #666
}

::-webkit-scrollbar-thumb:hover {
	width: 8px;
	height: 4px;
	background-color: #2e2e2e
}

body,html {
	width: 100%;
	height: 100%;
	/*font: 14px "PingFang SC",Microsoft Yahei,Arial;*/
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	min-width: 1260px
}

* {
	margin: 0;
	padding: 0
}

ul li {
	list-style: none
}

a {
	text-decoration: none;
	transition: all ease .4s
}

button,input,textarea {
	outline: 0;
	border: none;
	background: 0 0;
	-webkit-appearance: none;
	font: 14px "PingFang SC",Microsoft Yahei,Arial
}

input::placeholder {
	opacity: 1;
	color: #999
}

input::-webkit-input-placeholder {
	color: #999
}

.clear {
	clear: both
}

:focus {
	outline: 0
}

:-moz-focus-inner {
	border-color: transparent
}

.fl {
	float: left
}

.fr {
	float: right
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

img {
	border: none
}

.clearfix:after {
	clear: both;
	display: block;
	content: ''
}

.clearfix {
	zoom: 1
}

.icon {
	display: inline-block
}

.icon_play {
	background-image: url(../images/icon_play.png);
	width: 14px;
	height: 19px
}

.icon_play_w {
	background-image: url(../images/icon_play_w.png);
	width: 18px;
	height: 20px
}

.icon_cmore,.icon_sn,.icon_sn2,.icon_sn3,.icon_sn4,.icon_sn5 {
	width: 16px;
	height: 10px
}

.icon_cmore {
	background-image: url(../images/icon_cmore.png)
}

.icon_sn {
	background-image: url(../img/icon_sn.png)
}

.icon_sn2 {
	background-image: url(../images/icon_sn2.png)
}

.icon_sn3 {
	background-image: url(../images/icon_sn3.png)
}

.icon_sn4 {
	background-image: url(../images/icon_sn4.png)
}

.icon_sn5 {
	background-image: url(../images/icon_sn5.png)
}

.icon_list {
	background-image: url(../images/icon_list.png);
	width: 19px;
	height: 19px
}

.icon_address {
	background-image: url(../images/icon_address.png);
	width: 16px;
	height: 21px
}

.icon_weixin {
	background-image: url(../images/icon_weixin.png);
	width: 23px;
	height: 20px
}

.icon_time {
	background-image: url(../images/icon_time.png);
	width: 19px;
	height: 19px
}

.icon_drag {
	background-image: url(../images/icon_drag.png);
	width: 19px;
	height: 3px
}

.icon_input_success {
	background-image: url(../images/icon_input_success.png);
	width: 22px;
	height: 22px
}

.icon_input_error {
	background-image: url(../images/icon_input_error.png);
	width: 22px;
	height: 22px
}

.icon_download {
	background-image: url(../images/icon_download.png);
	width: 15px;
	height: 16px
}

.vhide,.vshow {
	visibility: hidden
}

.hide {
	display: none
}

@keyframes spread {
	0% {
		opacity: .8;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes spread {
	0% {
		opacity: .8;
		-webkit-transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes animateQBG {
	0% {
		transform: translate3d(0,80px,0)
	}

	100% {
		transform: none
	}
}

@-webkit-keyframes animateQBG {
	0% {
		-webkit-transform: translate3d(0,80px,0)
	}

	100% {
		-webkit-transform: none
	}
}

.animateQBG {
	-webkit-animation-name: animateQBG;
	animation-name: animateQBG
}

@keyframes animateQBG2 {
	0% {
		transform: translate3d(0,220px,0)
	}

	100% {
		transform: none
	}
}

@-webkit-keyframes animateQBG2 {
	0% {
		-webkit-transform: translate3d(0,220px,0)
	}

	100% {
		-webkit-transform: none
	}
}

.animateQBG2 {
	-webkit-animation-name: animateQBG2;
	animation-name: animateQBG2;
	animation-duration: .6s
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	z-index: 100;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

.popup .popup_container {
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%
}

.popup .popup_container.center {
	left: 50%;
	top: 50%
}

.popup .popup_close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: #c36;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	z-index: 999999999;
}

.popup.video {
	overflow: hidden;
	background: 0 0
}

.popup.video .popup_container {
	margin-left: -400px;
	margin-top: -300px;
	width: 800px;
	height: 600px;
	background-color: #232323
}

.popup.slide {
	background: 0 0
}

.popup.slide .content_list {
	width: 100%;
	height: 100%
}

.popup.slide .content_list .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.popup.slide .content_list .swiper-slide img {
	display: block;
	max-width: calc(100vw - 100px);
	max-height: calc(100vh - 100px);
	margin: 0 auto;
	width: auto;
	height: auto
}

.popup.slide .navigation a {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	z-index: 3
}

.popup.slide .navigation a.prev {
	left: 60px
}

.popup.slide .navigation a.next {
	right: 60px
}

.popup.slide.thumb .content_list {
	position: absolute;
	width: 100%;
	top: 40px;
	bottom: 200px;
	height: auto
}

.popup.slide.thumb .thumb_list {
	width: 908px;
	height: 161px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -454px
}

.popup.slide.thumb .thumb_list .swiper-slide {
	width: 212px;
	height: 119px;
	background: #000;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.popup.slide.thumb .thumb_list .swiper-slide:after {
	position: absolute;
	content: '';
	width: 206px;
	height: 113px;
	border: 3px solid #ffa600;
	left: 0;
	top: 0;
	border-radius: 16px;
	opacity: 0;
	transition: all ease .4s
}

.popup.slide.thumb .thumb_list .swiper-slide img {
	width: 100%;
	height: 100%;
	opacity: .3;
	transition: all ease .4s
}

.popup.slide.thumb .thumb_list .swiper-slide-thumb-active img,.popup.slide.thumb .thumb_list .swiper-slide-thumb-active:after,.popup.slide.thumb .thumb_list .swiper-slide:hover img,.popup.slide.thumb .thumb_list .swiper-slide:hover:after {
	opacity: 1
}

a.openMBtn {
	width: 19px;
	height: 14px;
	position: relative;
	background-color: rgba(0,0,0,0);
	display: block
}

a.openMBtn .rect {
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 0;
	transition: all ease .4s
}

a.openMBtn .rect.middle {
	transform: translateY(6px)
}

a.openMBtn .rect.bottom {
	transform: translateY(12px)
}

a.openMBtn.close .rect.top {
	transform: translateY(6px) rotate(45deg)
}

a.openMBtn.close .rect.middle {
	opacity: 0
}

a.openMBtn.close .rect.bottom {
	transform: translateY(6px) rotate(-45deg)
}

#pages.center {
	margin: 0;
	display: flex;
	justify-content: center
}

#pages a.prev {
	margin-right: 17px
}

#pages a.next {
	margin-left: 17px
}

#pages a.nums {
	display: block;
	height: 52px;
	line-height: 52px;
	float: left;
	font-size: 18px;
	color: #666;
	margin: 0 17px
}

#pages a.nums.active,#pages a.nums:hover {
	background: 0 0;
	color: #000;
}

.module>.module_container {
	margin: 0 auto;
	width: 1344px;
	position: relative
}

@media screen and (max-width:1600px) {
	.module>.module_container {
		width: 1200px
	}
}

.item_img img {
	width: 100%;
	height: 100%
}

#header {
	width: 100%;
	height: 80px;
	position: fixed;
	min-width: 1200px;
	z-index: 99;
	transition: all ease .4s
}

#header.mini {
	background: #fff;
	box-shadow: 0 5px 10px -10px rgba(0,0,0,.6)
}

#header .module_container {
	margin-top: 15px
}

#header .module_container .logo {
	height: 44px;
	width: auto;
	display: block;
	margin-top: 3px
}

#header .module_container .logo img {
	height: 100%
}

#header .nav {
	height: 65px
}

#header .nav li.navItem {
	float: left;
	margin-right: 44px;
	height: 65px;
	position: relative
}

#header .nav li.navItem>a {
	font-size: 14px;
	color: rgba(51,51,51,.6);
	display: block;
	position: relative;
	line-height: 48px;
	height: 65px
}

#header .nav li.navItem>a:before {
	position: absolute;
	content: '';
	background-color: #f80;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 50%;
	margin-left: -2px;
	bottom: -5px;
	opacity: 0;
	transition: all ease .4s
}

#header .nav li.navItem:hover>a,#header .nav li.navItem>a.active {
	color: #ffa600
}

#header .nav li.navItem:hover>a:before,#header .nav li.navItem>a.active:before {
	bottom: 15px;
	opacity: 1
}

#header .nav li.navItem .subnav {
	position: absolute;
	top: 100%;
	left: -10px;
	z-index: 2;
	width: 180px;
	height: auto;
	background-color: #fff;
	box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
	transition: all .4s ease;
	border-top: 2px solid #999;
	overflow: hidden;
	visibility: hidden;
	opacity: 0
}

#header .nav li.applyBtn a:hover,#indexCon #mCounter .info .more:hover {
	box-shadow: 0 16px 40px 0 rgba(255,166,0,.43)
}

#header .nav li.navItem .subnav a {
	font-size: 13px;
	color: #666;
	display: block;
	line-height: 42px;
	text-indent: 15px
}

#header .nav li.navItem .subnav a.active,#header .nav li.navItem .subnav a:hover {
	background-color: #f9f9f9;
	color: #333;
	text-indent: 25px
}

#header .nav li.navItem:hover .subnav {
	visibility: visible;
	opacity: 1
}

#header .nav li.applyBtn {
	float: left
}

#header .nav li.applyBtn a {
	background-image: -moz-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -ms-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	width: 136px;
	color: #fff;
	display: block;
	text-align: center;
	border-radius: 25px;
	line-height: 48px;
	height: 50px
}

#footer {
	height: 444px;
	background-image: url(../images/foot_bg.jpg);
	position: relative
}

#footer>.module_container {
	padding-top: 106px
}

#footer .info .logo {
	height: 58px;
	width: auto;
	display: block
}

#footer .info .logo img {
	height: 100%
}

#footer .info .address {
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	color: #999;
	margin-top: 3px
}

#footer .info .apply,#footer .nav li .title {
	font-size: 16px;
	color: #b3b3b3
}

#footer .info .address span {
	margin-right: 11px;
	position: relative;
	top: 4px
}

#footer .info .apply {
	border: 1px solid rgba(220,220,220,.2);
	width: 143px;
	height: 48px;
	line-height: 44px;
	text-align: center;
	display: block;
	border-radius: 25px;
	margin-top: 35px
}

#footer .nav {
	margin-left: 136px;
	line-height: 20px
}

#footer .nav li {
	width: 134px;
	margin-right: 12px;
	float: left
}

#footer .nav li a {
	font-size: 14px;
	color: rgba(153,153,153,.7);
	margin-top: 24px;
	display: block
}

#footer .nav li .title a {
	margin-top: 0
}

#footer .contact {
	text-align: right
}

#footer .contact .tel {
	font-size: 40px;
	font-family: Gilroy-Bold;
	color: #fff;
	line-height: 100%
}

#footer .contact .desc {
	color: #999;
	margin-top: 2px;
	font-size: 16px
}

#footer .contact .weixin {
	display: inline-block;
	margin-top: 32px;
	position: relative
}

#footer .contact .weixin span.icon {
	opacity: .7;
	transition: all ease .4s
}

#footer .contact .weixin div {
	width: 140px;
	height: 140px;
	position: absolute;
	left: -160px;
	top: -10px;
	opacity: 0;
	transform: scale(0);
	transform-origin: right 10px;
	transition: all ease .4s
}

#footer .contact .weixin div:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotate(45deg);
	top: 16px;
	right: -5px
}

#footer .contact .weixin div img {
	width: 100%;
	height: 100%;
	border-radius: 10px
}

#footer .copyright {
	height: 60px;
	line-height: 54px;
	margin-top: 10px;
	color: #666;
	font-size: 13px;
	border-top: rgba(255,255,255,.1) 1px solid
}

#footer .contact .weixin:hover span.icon {
	opacity: 1
}

#footer .contact .weixin:hover div {
	transform: scale(1);
	opacity: 1
}

#footer .copyright a {
	color: #666
}

@media screen and (max-width:1600px) {
	#footer .nav {
		margin-left: 80px
	}

	#footer .nav li {
		width: 120px
	}

	#footer .nav li:last-child {
		margin-right: 0
	}
}

#indexCon {
	position: relative;
	background-image: url(../images/index_bg.jpg)
}

#indexCon #mSlide {
	transform: translateZ(0)
}

#indexCon #mSlide .item_block {
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}

#indexCon #mSlide .item_block a.links {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1
}

#indexCon #mSlide .item_block a.videoBtn {
	border-radius: 50%;
	background-color: #fff;
	left: 50%;
	margin-left: -48px;
	top: 50%;
	margin-top: 38px;
	width: 95px;
	height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute
}

#indexCon #mSlide .item_block a.videoBtn:after,#indexCon #mSlide .item_block a.videoBtn:before {
	position: absolute;
	content: '';
	border: 1px solid #fff;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transform-origin: center;
	border-radius: 50%;
	transform: scale(1);
	animation: spread 1.5s infinite
}

#indexCon #mSlide .item_block a.videoBtn:after {
	animation-delay: .7s
}

#indexCon #mSlide .navigation a {
	margin: -24px 0 0;
	position: absolute;
	top: 50%;
	z-index: 3
}

#indexCon #mSlide .navigation a.prev {
	left: 20px
}

#indexCon #mSlide .navigation a.next {
	right: 20px
}

#indexCon #mCounter {
	position: relative;
	margin-top: -191px;
	height: 858px
}

#indexCon #mCounter .bg {
	position: relative
}

#indexCon #mCounter .bg>div {
	position: absolute;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0
}

#indexCon #mCounter .info .more:hover span,.navigation a.btn:hover span {
	background-position: -16px 0
}

#indexCon #mCounter .bg>div.bg_1 {
	background-image: url(../images/c_bg_1.png);
	height: 562px;
	top: 278px
}

#indexCon #mCounter .bg>div.bg_2 {
	background-image: url(../images/c_bg_2.png);
	height: 562px;
	top: 278px
}

#indexCon #mCounter .bg>div.bg_3 {
	background-image: url(../images/c_bg_3.png);
	height: 324px;
	top: 16px
}

#indexCon #mCounter .bg>div.bg_4 {
	background-image: url(../images/c_bg_4.png);
	height: 324px;
	top: 16px
}

#indexCon #mCounter .bg>div.bg_5 {
	background-image: url(../images/c_bg_5.png);
	height: 888px
}

#indexCon #mCounter>.module_container {
	padding-top: 236px;
	overflow: hidden
}

#indexCon #mCounter .mainCon .title {
	color: #454545;
	font-size: 34px;
	opacity: .9;
	line-height: 100%
}

#indexCon #mCounter .mainCon .title.big {
	font-size: 46px;
	opacity: 1;
	margin-top: 6px;
	margin-bottom: 9px;
	font-weight: 700
}

#indexCon #mCounter .mainCon .title.small {
	font-size: 24px
}

#indexCon #mCounter .mainCon .content_list {
	margin-top: 44px
}

#indexCon #mCounter .mainCon .content_list .item_block {
	float: left;
	position: relative;
	margin-right: 88px
}

#indexCon #mCounter .mainCon .content_list .item_block p {
	color: #fff
}

#indexCon #mCounter .mainCon .content_list .item_block p.number .counterDX {
	font-size: 60px;
	font-family: Gilroy-Bold;
	line-height: 68px
}

#indexCon #mCounter .mainCon .content_list .item_block p.number .unit,#indexCon #mCounter .mainCon .content_list .item_block p.title {
	font-size: 14px;
	opacity: .7
}

#indexCon #mCounter .mainCon .content_list .item_block p.number .unit {
	position: relative;
	top: -30px;
	margin-left: 12px
}

#indexCon #mCounter .info {
	margin-top: 16px
}

#indexCon #mCounter .info .mTitle {
	font-family: Gilroy-Bold;
	font-size: 70px;
	color: #454545
}

#indexCon #mCounter .info .more {
	border-radius: 35px;
	background-color: #fff;
	width: 290px;
	height: 74px;
	font-size: 18px;
	text-indent: 41px;
	margin-top: 24px;
	margin-left: 92px;
	display: flex;
	align-items: center
}

#indexCon #mCounter .info .more span {
	margin-left: 12px;
	transition: all ease .4s
}

#indexCon #mCounter .info .more:hover {
	color: #ffa600
}

#indexCon .module_container>.mTitle {
	color: #333;
	font-size: 0;
	height: 70px
}

#indexCon .module_container>.mTitle span {
	display: inline-block
}

#indexCon .module_container>.mTitle .title {
	font-size: 60px;
	line-height: 70px;
	font-family: Gilroy-Bold
}

#indexCon .module_container>.mTitle .subtitle {
	font-size: 28px;
	margin-left: 44px;
	line-height: 36px;
	position: relative;
	top: -2px
}

#indexCon #mGrade .category {
	margin-top: 53px;
	height: 78px;
	border-top: rgba(0,0,0,.1) 2px solid;
	border-bottom: rgba(0,0,0,.1) 2px solid
}

#indexCon #mGrade .category .item_block {
	height: 78px;
	align-items: center;
	display: flex;
	width: auto
}

#indexCon #mGrade .category a {
	font-size: 18px;
	color: #999;
	display: block;
	position: relative
}

#indexCon #mGrade .category a:before {
	position: absolute;
	content: '';
	background-color: #ffa807;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	bottom: -10px;
	left: 50%;
	margin-left: -2.5px;
	opacity: 0;
	transition: all ease .4s
}

#indexCon #mGrade .category a:hover,#indexCon #mGrade>.module_container .category a.active {
	color: #ffa807;
	transform: translateY(-5px)
}

#indexCon #mGrade .category a.active:before,#indexCon #mGrade .category a:hover:before {
	opacity: 1
}

#indexCon #mGrade>.module_container {
	position: relative
}

#indexCon #mGrade>.module_container:before {
	position: absolute;
	content: '';
	width: 100%;
	border-radius: 16px;
	box-shadow: 0 31px 73px 0 rgba(33,33,33,.15);
	height: 606px;
	background-color: #fff;
	top: 399px
}

#indexCon #mGrade .content_wrapper {
	margin-top: 82px;
	position: relative;
	height: 718px
}

#indexCon #mGrade .content_wrapper .conHeader {
	height: 64px
}

#indexCon #mGrade .content_wrapper .conHeader>.title {
	color: #ffa807;
	font-size: 48px
}

#indexCon #mGrade .content_wrapper .conHeader .wrapper {
	margin-left: 82px;
	margin-top: 9px;
	color: #666
}

#indexCon #mGrade .content_wrapper .conHeader .wrapper .title {
	font-size: 20px;
	font-weight: 700
}

#indexCon #mGrade .content_wrapper .conHeader .wrapper .subtitle {
	font-size: 16px;
	margin-top: 6px
}

#indexCon #mGrade .content_wrapper .conContent {
	margin-top: 48px;
	height: 606px;
	padding: 0 32px 0 72px;
	overflow: hidden
}

#indexCon #mGrade .content_wrapper .conContent .tabButton {
	height: 72px;
	display: flex;
	justify-content: center;
	padding-top: 16px;
	padding-right: 40px
}

#indexCon #mGrade .content_wrapper .conContent .tabButton a {
	height: 72px;
	line-height: 72px;
	margin: 0 74px;
	font-size: 18px;
	color: #333;
	position: relative
}

#indexCon #mGrade .content_wrapper .conContent .tabButton a:before {
	background-color: #ffa600;
	position: absolute;
	left: -6px;
	right: -6px;
	bottom: 0;
	content: '';
	height: 2px;
	transform: scaleX(0);
	opacity: 0;
	transition: all ease .4s
}

#indexCon #mGrade .content_wrapper .conContent .tabButton a.active,#indexCon #mGrade .content_wrapper .conContent .tabButton a.active:hover {
	color: #ffa600
}

#indexCon #mGrade .content_wrapper .conContent .tabButton a.active:before,#indexCon #mGrade .content_wrapper .conContent .tabButton a:hover:before {
	transform: scaleX(1);
	opacity: 1
}

#indexCon #mGrade .content_wrapper .conContent .tabContent {
	height: 452px;
	overflow: hidden;
	position: relative;
	padding-right: 40px
}

#indexCon #mGrade .content_wrapper .conContent .tabContent .scrollbar {
	position: absolute;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #f6f6f6
}

#indexCon #mGrade .content_wrapper .conContent .tabContent .scrollbar .handle {
	width: 100%;
	background-color: #ffa600;
	cursor: pointer
}

#indexCon #mGrade .content_wrapper .conContent .gradeList {
	height: 100%;
	position: relative
}

#indexCon #mGrade .content_wrapper .conContent .gradeList:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #f3f3f3;
	top: 0;
	z-index: 2
}

#indexCon #mGrade .content_wrapper .conContent .gradeList>.mask {
	background-image: -moz-linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);
	position: absolute;
	width: 100%;
	height: 113px;
	bottom: 0;
	content: ''
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block {
	width: calc(50% - 20px);
	margin-right: 40px;
	height: 113px;
	float: left;
	cursor: pointer;
	position: relative
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:nth-child(2n) {
	margin-right: 0
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .wrapper {
	padding: 24px;
	border: 1px solid #f3f3f3;
	background-color: #fff;
	position: relative;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top: none
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .wrapper:before {
	content: "";
	position: absolute;
	bottom: 7px;
	width: 80%;
	box-shadow: 0 0 57px rgba(0,0,0,.14);
	height: 40px;
	z-index: -1;
	transition: .1s ease;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .avatar {
	width: 64px;
	height: 64px;
	position: relative;
	border-radius: 32px;
	overflow: hidden
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .avatar:before {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #ffa600;
	left: 0;
	top: 0;
	content: '';
	opacity: 0;
	transition: all ease .4s;
	transform: scale(1.2);
	transform-origin: center
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content {
	margin-left: 95px;
	margin-top: 4px
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .title {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	transition: all ease .4s
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .title span {
	color: #666;
	font-size: 13px;
	margin-left: 10px;
	font-weight: 100
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .qualified {
	margin-top: 4px;
	color: #333;
	font-size: 16px;
	height: 21px;
	overflow: hidden;
	transition: all ease .4s
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .qualified ul {
	margin-left: 68px
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .qualified ul li {
	width: 158px;
	float: left;
	margin-right: 10px;
	margin-bottom: 6px
}

#indexCon #mGrade>.module_container .navigation a.prev,.navigation a.prev {
	margin-right: 18px
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .qualified ul li a {
	font-size: 12px;
	color: #666;
	margin-left: 2px;
	margin-top: 4px
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block .content .qualified ul li a:hover {
	color: #f80
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:hover {
	z-index: 1
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:hover .wrapper {
	border-color: #f3f3f3
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:hover .wrapper:before {
	opacity: 1
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:hover .avatar:before {
	opacity: 1;
	transform: scale(1)
}

#indexCon #mGrade .content_wrapper .conContent .gradeList .item_block:hover .wrapper .content .title {
	color: #ffa600
}

#indexCon #mGrade>.module_container .navigation {
	width: 122px;
	position: absolute;
	top: 296px;
	right: 0;
	z-index: 33
}

.navigation a.btn {
	border: 2px solid #000;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left
}

#indexCon #mRanking .content_list .item_block ul li.exceed,#indexCon #mRanking .list_bg>div.exceed {
	display: none
}

.navigation a.disabled,.navigation a.swiper-button-disabled {
	opacity: .3;
	pointer-events: none
}

.navigation a.btn span {
	transition: all ease .4s
}

.navigation a.prev span {
	transform: rotate(-180deg)
}

.navigation a.btn:hover {
	box-shadow: 0 13px 29px 0 rgba(33,33,33,.24);
	background-color: #fff;
}

.navigation.t2 a.btn {
	border-color: rgba(0,0,0,.1);
	border-width: 1px;
	width: 50px;
	height: 50px
}

.navigation.t2 a.btn:hover {
	border-color: #ffa600
}

#indexCon #mGrade>.module_container .navigation a.hide {
	opacity: 0
}

#indexCon #mRanking {
	position: relative
}

#indexCon #mRanking:before {
	position: absolute;
	content: '';
	top: 609px;
	bottom: 0;
	background: #fff;
	width: 100%
}

#indexCon #mRanking>.module_container {
	padding-top: 142px;
	padding-bottom: 80px
}

#indexCon #mRanking .listWrapper {
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 15px 27px 0 rgba(33,33,33,.07);
	min-height: 666px;
	margin-top: 56px;
	padding: 0 25px;
	position: relative
}

#indexCon #mRanking .listWrapper:before {
	background-image: -moz-linear-gradient(90deg,#fff 49%,#fff 49%,rgba(255,255,255,.21176) 100%);
	background-image: -webkit-linear-gradient(90deg,#fff 49%,#fff 49%,rgba(255,255,255,.21176) 100%);
	background-image: -ms-linear-gradient(90deg,#fff 49%,#fff 49%,rgba(255,255,255,.21176) 100%);
	bottom: -50px;
	position: absolute;
	content: '';
	width: 100%;
	height: 139px;
	left: 0
}

#indexCon #mRanking .listWrapper:after {
	background-color: #ffa600;
	width: 100%;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

#indexCon #mRanking .content_list {
	position: relative;
	z-index: 3
}

#indexCon #mRanking .content_list .item_block {
	width: 122px;
	float: left;
	margin-right: 45px;
	text-align: center
}

#indexCon #mRanking .content_list>.item_block:last-child {
	margin-right: 0
}

#indexCon #mRanking .content_list .item_block .title {
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	color: #fff
}

#indexCon #mRanking .content_list .item_block ul {
	padding-top: 6px
}

#indexCon #mRanking .content_list .item_block ul li {
	height: 58px;
	line-height: 57px;
	font-size: 14px
}

#indexCon #mRanking .list_bg {
	position: absolute;
	top: 86px;
	left: 25px;
	right: 25px
}

#indexCon #mRanking .list_bg>div {
	height: 57px;
	border-bottom: #f3f3f3 1px solid
}

#indexCon #mRanking .list_bg>div:nth-child(2n) {
	background-color: #f9f9f9
}

#indexCon #mRanking .listWrapper a.more {
	font-size: 15px;
	color: #ffa600;
	position: absolute;
	left: 50%;
	bottom: -72px;
	margin-left: -42px;
	height: 20px;
	display: flex;
	align-items: center
}

#indexCon #mRanking .listWrapper a.more:after,#indexCon #mRanking .listWrapper a.more:before {
	display: inline-block;
	content: '';
	width: 4px;
	height: 4px;
	background-color: #ffa600;
	border-radius: 50%
}

#indexCon #mRanking .listWrapper a.more:before {
	margin-right: 12px
}

#indexCon #mRanking .listWrapper a.more:after {
	margin-left: 9px
}

#indexCon #mRanking .listWrapper .navigation a {
	position: absolute;
	top: 315px
}

#indexCon #mRanking .listWrapper .navigation a.hide {
	display: none
}

#indexCon #mRanking .listWrapper .navigation a.prev {
	left: -98px
}

#indexCon #mRanking .listWrapper .navigation a.next {
	right: -98px
}

@media screen and (max-width:1600px) {
	#indexCon #mRanking .listWrapper .navigation {
		top: -100px;
		right: 0;
		width: 122px;
		position: absolute
	}

	#indexCon #mRanking .listWrapper .navigation a {
		position: initial
	}

	#indexCon #mRanking .content_list .item_block {
		width: 12.5%;
		margin-right: 0
	}
}

#indexCon #mAdvantage {
	position: relative;
	background: #fff
}

#indexCon #mAdvantage>.module_container {
	padding-top: 163px;
	padding-bottom: 153px;
	position: relative;
	z-index: 3
}

#indexCon #mAdvantage .module_container>.mTitle {
	height: auto
}

#indexCon #mAdvantage .module_container>.mTitle .title {
	float: left
}

#indexCon #mAdvantage .module_container>.mTitle .subtitle {
	margin-left: 50px;
	margin-top: 10px;
	line-height: 36px
}

#indexCon #mAdvantage .module_container>.mTitle .subtitle p:nth-child(2) {
	margin-top: 8px
}

#indexCon #mAdvantage .module_container>.mTitle .subtitle span {
	font-size: 46px;
	color: #ffa600;
	font-weight: 700
}

#indexCon #mAdvantage .module_container>.wrapper {
	margin-top: 70px;
	margin-left: 3px
}

#indexCon #mAdvantage .module_container .image_list,#indexCon #mAdvantage .module_container .image_list .item_block {
	width: 1028px;
	height: 656px
}

#indexCon #mAdvantage .module_container .image_list .item_block img {
	width: 100%;
	height: 100%
}

#indexCon #mAdvantage .module_container .rightCon {
	float: right;
	width: 266px
}

#indexCon #mAdvantage .module_container .rightCon .nums {
	font-family: Gilroy-Bold
}

#indexCon #mAdvantage .module_container .rightCon .nums .current {
	font-size: 120px;
	line-height: 100%;
	color: #333
}

#indexCon #mAdvantage .module_container .rightCon .nums .current .cItem {
	height: 120px;
	overflow: hidden;
	text-align: center
}

#indexCon #mAdvantage .module_container .rightCon .nums .line {
	background-color: #e1e1e1;
	width: 1px;
	height: 11px;
	margin-top: 90px;
	margin-left: 8px
}

#indexCon #mAdvantage .module_container .rightCon .nums .total {
	font-size: 20px;
	color: #d8d8d8;
	margin-top: 84px;
	margin-left: 8px
}

#indexCon #mAdvantage .module_container .rightCon .info_list {
	line-height: 26px;
	margin-top: 2px;
	margin-left: 3px
}

#indexCon #mAdvantage .module_container .rightCon .info_list .title {
	color: #333;
	font-size: 24px
}

#indexCon #mAdvantage .module_container .rightCon .info_list .subtitle {
	color: #666;
	font-size: 15px;
	margin-top: 3px
}

#indexCon #mAdvantage .module_container .rightCon .navigation {
	margin-top: 30px;
	margin-left: 4px
}

#indexCon #mAdvantage>.advBg {
	bottom: -240px
}

.advBg {
	height: 787px;
	position: absolute;
	width: 100%;
	overflow: hidden
}

.advBg .wrapper {
	background-image: url(../images/q_bg.png);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.advBg .citem {
	position: absolute;
	color: #ffa600;
	font-size: 15px;
	line-height: 24px
}

.advBg .citem:after,.advBg .citem:before {
	position: absolute;
	content: ''
}

.advBg .citem:before {
	border-radius: 50%;
	background-color: #ffa600;
	width: 5px;
	height: 5px;
	box-shadow: 0 0 9px #ffcc6f;
	border: 1px #ffdea2;
	left: -28px;
	top: 10px
}

.advBg .citem#mABg_1:before,.advBg .citem:after {
	background-color: #fff4e1
}

.advBg .citem:after {
	position: absolute;
	left: -26px;
	top: 18px;
	width: 1px;
	height: 242px
}

.advBg .citem#mABg_1 {
	left: 709px;
	top: 514px;
	color: #ffedcc
}

.advBg .citem#mABg_1:after {
	height: 136px;
	top: 10px
}

.advBg .citem#mABg_2 {
	left: 1111px;
	top: 407px
}

.advBg .citem#mABg_3 {
	left: 1511px;
	top: 268px
}

.advBg .citem#mABg_3:after {
	height: 461px
}

@media screen and (max-width:1600px) {
	#indexCon #mAdvantage .module_container .image_list,#indexCon #mAdvantage .module_container .image_list .item_block {
		width: 820px;
		height: 523px
	}
}

#indexCon #mEnvir>.module_container {
	padding-top: 251px;
	padding-bottom: 73px
}

#indexCon #mEnvir .module_container>.mTitle .subtitle {
	margin-left: 38px
}

#indexCon #mEnvir .module_container .content_list {
	margin-top: 48px;
	border-radius: 16px;
	background-color: #eaeaea;
	box-shadow: 0 39px 73px 0 rgba(33,33,33,.26)
}

#indexCon #mEnvir .module_container .navigation {
	margin: 50px auto 0;
	width: 224px
}

#indexCon #mEnvir .module_container .navigation a.prev {
	margin-right: 0
}

#indexCon #mEnvir .module_container .navigation a.list {
	border: none;
	margin: 0 50px;
	display: flex;
	float: left;
	align-items: center;
	height: 52px
}

#indexCon #mBrand {
	position: relative;
	height: 848px
}

#indexCon #mBrand>.module_container {
	padding-top: 332px
}

#indexCon #mBrand .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#indexCon #mBrand .bg>div {
	position: absolute;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat
}

#indexCon #mBrand .bg>div.bg_1 {
	background-image: url(../images/b_bg_1.png);
	height: 868px
}

#indexCon #mBrand .bg>div.bg_2 {
	background-image: url(../images/b_bg_2.png);
	height: 852px;
	top: 16px
}

#indexCon #mBrand .bg>div.bg_3 {
	background-image: url(../images/b_bg_3.png);
	height: 852px;
	top: 16px
}

#indexCon #mBrand .mInfo {
	color: #fff
}

#indexCon #mBrand .mInfo .text_t .title {
	font-size: 60px;
	font-family: Gilroy-Bold;
	line-height: 100%
}

#indexCon #mBrand .mInfo .text_t .subtitle {
	font-size: 30px
}

#indexCon #mBrand .mInfo .text_d {
	margin-top: 60px;
	font-size: 24px
}

#indexCon #mBrand .mInfo .text_d p {
	line-height: 36px;
	height: 36px
}

#indexCon #mBrand .mInfo .text_d .subtitle {
	margin-top: 4px
}

#indexCon #mBrand .mInfo .text_d .subtitle span {
	font-size: 46px;
	color: #454545;
	font-weight: 700
}

#indexCon #mBrand .mInfo a.more {
	border-radius: 35px;
	background: #fff;
	width: 322px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	font-size: 18px;
	color: #454545;
	display: block;
	margin-top: 52px
}

#indexCon #mBrand .mInfo a.more span {
	margin-left: 14px;
	transition: all ease .4s
}

#indexCon #mBrand .mInfo a.more:hover {
	color: #ffa600;
	box-shadow: 0 16px 40px 0 rgba(255,166,0,.43)
}

#indexCon #mBrand .mInfo a.more:hover span {
	color: #ffa600;
	background-position: -16px 0
}

#indexCon #mBrand .image {
	border: 5px solid #fff;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 0 73px 0 rgba(33,33,33,.2);
	width: 665px;
	height: 373px
}

#indexCon #mBrand .image img {
	width: 100%;
	height: 100%
}

@media screen and (max-width:1600px) {
	#indexCon #mBrand .image {
		width: 625px;
		height: 333px
	}
}

body.inner #header {
	background: #fff
}

body.inner>.pageCon {
	padding-top: 50px
}

body.inner>.pageCon .module>.module_container {
	width: 1200px
}

body.inner>.pageCon .mContent {
	min-height: 720px
}

body.inner #mBanner {
	position: relative;
	width: 100%;
	height: 446px
}

body.inner #mBanner .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

body.inner #mBanner .bg {
	position: absolute;
	width: 100%;
	height: 303px;
	bottom: 0
}

body.inner #mBanner .bg>div {
	position: absolute;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat
}

body.inner #mBanner .bg>div.bg_1 {
	background-image: url(../images/i_bg_1.png);
	height: 823px;
	top: 4px
}

body.inner #mBanner .bg>div.bg_2 {
	background-image: url(../images/i_bg_2.png);
	height: 562px;
	top: 3px
}

body.inner #mBanner .bg>div.bg_3 {
	background-image: url(../images/i_bg_3.png);
	height: 562px
}

body.inner #mBanner .module {
	position: absolute;
	width: 100%;
	top: 100px;
	left: 0
}

body.inner #mBanner .info .title {
	font-size: 34px;
	color: #fff;
	line-height: 40px
}

body.inner #mBanner .info .subtitle {
	font-size: 14px;
	color: rgba(255,255,255,.5)
}

.pageCon.example .mContent {
	margin-top: -90px
}

.pageCon.example .mContent>.module_container {
	padding-bottom: 112px
}

.pageCon.example .mContent .category {
	width: 188px
}

.pageCon.example .mContent .category a {
	font-size: 18px;
	display: block;
	color: #999;
	text-indent: 18px;
	position: relative;
	margin-bottom: 25px
}

.pageCon.example .mContent .category a:before {
	position: absolute;
	content: '';
	background-color: #ffa600;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	top: 11px;
	left: -10px;
	opacity: 0;
	transition: all ease .4s
}

.pageCon.example .mContent .category a.active,.pageCon.example .mContent .category a:hover {
	color: #ffa600
}

.pageCon.example .mContent .category a.active:before,.pageCon.example .mContent .category a:hover:before {
	left: 0;
	opacity: 1
}

.pageCon.example .mContent .mainCon {
	margin-left: 198px
}

.pageCon.example .mContent .content_list {
	width: 100%;
	padding-top: 4px
}

.pageCon.example .mContent .content_list .item_block {
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 16px;
	height: 198px;
	padding: 36px 33px 35px 34px;
	margin-bottom: 40px;
	transition: all ease .4s;
	background-color: #fff
}

.pageCon.example .mContent .content_list .item_block:last-child {
	margin-bottom: 0
}

.pageCon.example .mContent .content_list .item_block .item_img {
	width: 352px;
	height: 198px;
	float: left;
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.pageCon.example .mContent .content_list .item_block .item_info {
	margin-left: 389px;
	margin-top: 25px
}

.pageCon.example .mContent .content_list .item_block:hover {
	box-shadow: 0 16px 40px 0 rgba(0,0,0,.17);
	border-color: transparent
}

.pageCon.example .mContent #pages {
	margin-left: 264px;
	margin-top: 63px
}

#caseCon .mContent .mainCon>.description {
	line-height: 40px;
	font-size: 20px;
	color: #666;
	margin-bottom: 67px
}

#caseCon .mContent .content_list .item_block .item_img a.videoBtn {
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 16px 40px 0 rgba(68,68,68,.43);
	left: 50%;
	margin-left: -28px;
	top: 50%;
	margin-top: -28px;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transform: translateY(130px);
	transition: all ease .4s
}

#caseCon .mContent .content_list .item_block .item_img a.videoBtn span {
	transform: translateX(3px) scale(.9)
}

#caseCon .mContent .content_list .item_block .item_info .title span {
	display: inline-block
}

#caseCon .mContent .content_list .item_block .item_info .title .name {
	color: #333;
	font-size: 22px
}

#caseCon .mContent .content_list .item_block .item_info .title .profession {
	color: #333;
	font-size: 18px;
	margin-left: 10px
}

#caseCon .mContent .content_list .item_block .item_info .title .school {
	color: #666;
	font-size: 14px;
	margin-left: 13px
}

#caseCon .mContent .content_list .item_block .item_info .subtitle {
	font-size: 13px;
	color: #999;
	margin-top: 7px
}

#caseCon .mContent .content_list .item_block .item_info .buttons {
	float: right;
	margin-top: 57px
}

#caseCon .mContent .content_list .item_block .item_info .buttons>a {
	height: 50px;
	border-radius: 25px;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	float: left
}

#caseCon .mContent .content_list .item_block .item_info .buttons>a.button_a {
	width: 240px;
	background: #f80;
	color: #fff;
	margin-right: 19px
}

#caseCon .mContent .content_list .item_block .item_info .buttons>a.button_b {
	width: 173px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	line-height: 48px;
	box-sizing: border-box;
	color: #666
}

#articleCon .mContent .content_list .item_block:hover .item_info .navigation a span,#articlePostCon .mControl>div:hover .navigation a.btn span {
	background-position: -16px 0
}

#caseCon .mContent .content_list .item_block:hover .item_info .buttons>a.button_a {
	background-image: -moz-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -ms-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	box-shadow: 0 16px 40px 0 rgba(255,166,0,.43)
}

#caseCon .mContent .content_list .item_block:hover .item_img a.videoBtn {
	transform: translateY(0)
}

#caseCon .mContent #pages {
	margin-left: 264px;
	margin-top: 63px
}

#articleCon .mContent .content_list .item_block .item_img {
	display: block
}

#articleCon .mContent .content_list .item_block .item_info {
	margin-top: 26px
}

#articleCon .mContent .content_list .item_block .item_info .subtitle,#articleCon .mContent .content_list .item_block .item_info .title {
	transition: all ease .4s
}

#articleCon .mContent .content_list .item_block .item_info .title {
	color: #333;
	font-size: 20px
}

#articleCon .mContent .content_list .item_block .item_info .subtitle {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 10px
}

#articleCon .mContent .content_list .item_block .item_info .navigation {
	float: right;
	margin-top: 37px;
	margin-right: 20px
}

#articleCon .mContent .content_list .item_block:hover .item_info .subtitle,#articleCon .mContent .content_list .item_block:hover .item_info .title {
	transform: translateX(20px)
}

#articleCon .mContent .content_list .item_block:hover .item_info .navigation a {
	border-color: #ffa600;
	box-shadow: 0 13px 29px 0 rgba(33,33,33,.24);
	background-color: #ffa600
}

body.inner #articlePostCon #mBanner .image {
	background-image: -moz-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%);
	background-image: -ms-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%)
}

body.inner #articlePostCon #mBanner .bg {
	height: 220px
}

body.inner #articlePostCon #mBanner .bg>div.bg_1 {
	background-image: url(../images/in_bg_1.png);
	height: 745px
}

body.inner #articlePostCon #mBanner .bg>div.bg_2 {
	background-image: url(../images/in_bg_2.png);
	height: 293px
}

body.inner #articlePostCon #mBanner .bg>div.bg_3 {
	background-image: url(../images/in_bg_3.png);
	height: 293px
}

body.inner #articlePostCon #mBanner .module {
	top: 116px
}

body.inner #articlePostCon #mBanner .info p {
	text-align: center
}

body.inner #articlePostCon #mBanner .info .title {
	font-size: 24px
}

body.inner #articlePostCon #mBanner .info .subtitle {
	font-family: Arial;
	font-size: 14px;
	color: rgba(255,255,255,.4);
	margin-top: 2px
}

#articlePostCon .mContent {
	margin-top: -65px
}

.postBody {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.postBody img {
	max-width: 100%!important;
	height: auto!important;
	display: block;
	margin: 0 auto
}

#articlePostCon .mControl {
	height: 144px;
	width: 100%;
	position: relative
}

#articlePostCon .mControl:after,#articlePostCon .mControl:before {
	background-color: rgb(0,0,0,.1);
	width: 100%;
	height: 1px;
	position: absolute;
	content: '';
	left: 0
}

#articlePostCon .mControl:after {
	bottom: 0
}

#articlePostCon .mControl>div {
	width: 50%;
	position: relative;
	z-index: 1;
	height: 100%;
	transition: all ease .4s
}

#articlePostCon .mControl>div .content {
	width: 600px;
	height: 100%
}

#articlePostCon .mControl>div .wrapper {
	line-height: 52px;
	height: 52px;
	margin-top: 46px
}

#articlePostCon .mControl>div .wrapper a.title {
	color: #666;
	font-size: 18px;
	display: block
}

#articlePostCon .mControl>div.prevPost .content {
	position: relative
}

#articlePostCon .mControl>div.prevPost .content:after {
	position: absolute;
	content: '';
	right: 0;
	width: 1px;
	height: 40px;
	background-color: rgb(0,0,0,.1);
	top: 52px
}

#articlePostCon .mControl>div.prevPost .wrapper a.title {
	margin-left: 132px;
	margin-right: 100px
}

#articlePostCon .mControl>div.nextPost .wrapper a.title {
	margin-right: 132px;
	margin-left: 100px
}

#articlePostCon .mControl>div:hover {
	background-image: -moz-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%);
	background-image: -ms-linear-gradient(-56deg,#ffc53b 0,#ffa600 100%)
}

#articlePostCon .mControl .navigation a.btn:hover,#articlePostCon .mControl>div:hover .navigation a.btn {
	border-color: #fff;
	background-color: #fff;
	box-shadow: 0 13px 29px 0 rgba(33,33,33,.24)
}

#articlePostCon .mControl>div:hover .wrapper a.title {
	color: #fff
}

.pageCon.live .mContent .content_list .item_block .item_img {
	display: block
}

.pageCon.live .mContent .content_list .item_block .item_info {
	margin-top: 18px;
	line-height: 24px
}

.pageCon.live .mContent .content_list .item_block .item_info .title {
	color: #333;
	font-size: 20px
}

.pageCon.live .mContent .content_list .item_block .item_info .time {
	font-size: 14px;
	color: #ffb01d;
	margin-top: 4px
}

.pageCon.live .mContent .content_list .item_block .item_info .time .icon {
	margin-right: 10px;
	position: relative;
	top: 3px
}

.pageCon.live .mContent .content_list .item_block .item_info .subtitle {
	font-size: 14px;
	color: #666;
	height: 24px;
	margin-top: 18px
}

.pageCon.live .mContent .content_list .item_block .item_info a.more {
	display: block;
	float: right;
	margin-top: 34px;
	width: 172px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background-color: #f80;
	border-radius: 25px
}

.pageCon.live .mContent .content_list .item_block .item_info a.more:hover {
	background-image: -moz-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -ms-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	box-shadow: 0 16px 40px 0 rgba(255,166,0,.43)
}

body.inner .mContent .mCategory {
	height: 52px;
	border-top: rgba(0,0,0,.1) 1px solid;
	border-bottom: rgba(0,0,0,.1) 1px solid;
	padding-left: 16px;
	padding-top: 7px;
	margin-bottom: 50px
}

body.inner .mContent .mCategory a {
	font-size: 14px;
	color: #666;
	position: relative;
	line-height: 40px;
	height: 40px;
	float: left;
	margin-right: 42px
}

body.inner .mContent .mCategory a:before {
	position: absolute;
	content: '';
	background-color: #ffa600;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	left: 50%;
	margin-left: -3px;
	bottom: -5px;
	opacity: 0;
	transition: all ease .4s
}

body.inner .mContent .mCategory a.active,body.inner .mContent .mCategory a:hover {
	color: #ffa600
}

body.inner .mContent .mCategory a.active:before,body.inner .mContent .mCategory a:hover:before {
	bottom: 0;
	opacity: 1
}

#sLiveCon #mBanner .info .title {
	color: #f80
}

#sLiveCon #mBanner .info .subtitle {
	color: rgba(255,136,0,.5)
}

#sLiveCon .mContent {
	margin-top: -100px
}

#sLiveCon .mContent>.module_container {
	padding-bottom: 82px
}

#sLiveCon .mContent .content_list .item_block .item_info .time .label {
	color: #999;
	margin-left: 20px
}

#sLiveCon .mContent .content_list .item_block .item_info .time .label.jiabing {
	margin-left: 50px
}

#sLiveCon .mContent .content_list .item_block .item_info .subtitle {
	height: 48px
}

#sLiveCon .mContent .content_list .item_block .item_info a.more {
	margin-top: 9px
}

#sLiveCon .mContent #pages {
	margin-top: 75px;
	margin-left: 0
}

.pageCon.work .mContent>.module_container {
	padding-bottom: 89px
}

.pageCon.work .mContent .tabs {
	height: 58px;
	line-height: 58px;
	overflow: hidden;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	width: 330px
}

.pageCon.work .mContent .tabs a {
	display: block;
	text-align: center;
	font-size: 18px;
	background-color: #f5f5f5;
	color: #999;
	width: 50%;
	float: left
}

.pageCon.work .mContent .tabs a.active,.pageCon.work .mContent .tabs a:hover {
	background-color: #ffa600;
	color: #fff
}

.pageCon.work .mContent .mCategory {
	margin-top: -1px
}

.pageCon.work .mContent .content_list.vhide {
	opacity: 0
}

.pageCon.work .mContent .content_list .item_block {
	width: 380px;
	margin-bottom: 48px;
	margin-right: 30px
}

.pageCon.work .mContent .content_list .item_block a {
	display: block
}

.pageCon.work .mContent .content_list .item_block a.item_img {
	overflow: hidden;
	border-radius: 15px;
	position: relative;
	transition: all ease .4s
}

.pageCon.work .mContent .content_list .item_block a.item_img img {
	width: 100%;
	height: auto;
	transition: .8s;
    transform: translate3d(0,0,0);
}
.pageCon.work .mContent .content_list .item_block a.item_img img:hover {
	transform: scale(1.1);
}

.pageCon.work .mContent .content_list .item_block:hover .item_img {
	box-shadow: 0 16px 40px 0 rgba(77,77,77,.24)
}

.item_img.zoomBtn .btn {
	border-radius: 50%;
	background-color: #cac40b;
	position: absolute;
	width: 218px;
	height: 218px;
	right: -218px;
	bottom: -218px;
	transition: all ease .6s
}

.item_img.zoomBtn .btn div {
	position: absolute;
	left: 48px;
	top: 48px
}

.item_img.zoomBtn .btn div:after,.item_img.zoomBtn .btn div:before {
	background-color: #000;
	position: absolute;
	content: ''
}

.item_img.zoomBtn .btn div:before {
	width: 14px;
	height: 2px;
	top: 6px
}

.item_img.zoomBtn .btn div:after {
	width: 2px;
	height: 14px;
	left: 6px
}

.item_img.zoomBtn:hover .btn {
	right: -130px;
	bottom: -130px
}

.pageCon.work #pages {
	margin-top: 40px
}

#workVideoCon .mContent .content_list .item_block {
	float: left;
	margin-bottom: 52px
}

#workVideoCon .mContent .content_list .item_block:nth-child(3n) {
	margin-right: 0
}

#workVideoCon .mContent .content_list .item_block .item_img img {
	height: 228px
}

#workVideoCon .mContent .content_list .item_block .item_img .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all ease .4s
}

#workVideoCon .mContent .content_list .item_block .item_img .btn {
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 43px 0 rgba(42,42,42,.21);
	left: 50%;
	margin-left: -28px;
	top: 50%;
	margin-top: -33px;
	width: 66px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transform: translateY(150px);
	transition: all ease .4s
}

#workVideoCon .mContent .content_list .item_block .item_img .btn span {
	transform: translateX(3px) scale(.9)
}

#workVideoCon .mContent .content_list .item_block .title {
	color: #333;
	line-height: 20px;
	font-size: 16px;
	margin-top: 19px
}

#workVideoCon .mContent .content_list .item_block:hover .item_img .mask {
	background-color: rgba(255,167,3,.8)
}

#workVideoCon .mContent .content_list .item_block:hover .item_img .btn {
	transform: translateY(0)
}

#envirCon #mBanner .info .title {
	color: #735840
}

#envirCon #mBanner .info .subtitle {
	color: rgba(115,88,64,.5)
}

body.inner #mBanner.t2 .module {
	bottom: 0
}

body.inner #mBanner.t2 .info {
	height: 100%
}

body.inner #mBanner.t2 .info .videoBtn {
	border-radius: 50%;
	background-color: #ffa600;
	box-shadow: 0 9px 43px 0 rgba(255,166,0,.67);
	position: absolute;
	width: 95px;
	height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 115px;
	bottom: -25px;
	z-index: 2
}

#activityCon #mBanner .bg {
	height: 276px
}

#activityCon .mContent {
	margin-top: 60px;
	overflow: hidden
}

#activityCon .mContent>.module_container {
	padding-bottom: 60px
}

#activityCon .mContent .list_block {
	margin-bottom: 108px
}

#activityCon .mContent .list_block>.title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	line-height: 28px
}

#activityCon .mContent .list_block>.title span {
	font-size: 14px;
	color: #858585;
	margin-left: 23px;
	font-weight: 400
}

#activityCon .mContent .content_list {
	margin-top: 39px;
	padding-bottom: 68px;
	overflow: initial
}

#activityCon .mContent .content_list .item_block {
	width: 480px;
	height: 282px
}

#activityCon .mContent .content_list .item_block .item_img {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 17px 49px 0 rgba(7,7,7,.36);
	width: 100%;
	height: 100%
}

#activityCon .mContent .content_list .item_block.more .item_img {
	background: #ffbd00;
	display: flex;
	align-items: center;
	justify-content: center
}

#activityCon .mContent .content_list .item_block.more .btn {
	text-align: center
}

#activityCon .mContent .content_list .item_block.more .btn div {
	position: relative;
	width: 31px;
	height: 31px;
	margin: 0 auto
}

#activityCon .mContent .content_list .item_block.more .btn div:after,#activityCon .mContent .content_list .item_block.more .btn div:before {
	background-color: #fff;
	position: absolute;
	content: ''
}

#activityCon .mContent .content_list .item_block.more .btn div:before {
	width: 31px;
	height: 1px;
	top: 15px;
	left: 0
}

#activityCon .mContent .content_list .item_block.more .btn div:after {
	width: 1px;
	height: 31px;
	left: 15px;
	top: 0
}

#activityCon .mContent .content_list .item_block.more .btn p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-top: 19px
}

#activityCon .mContent .swiper-container-horizontal>.swiper-scrollbar {
	width: 100%;
	height: 1px;
	left: 0
}

#activityCon .mContent .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(7,7,7,.08);
	position: absolute;
	width: 74px;
	height: 34px;
	top: -17px;
	border-radius: 17px;
	background-image: url(../images/icon_drag.png);
	background-repeat: no-repeat;
	background-position: center
}

#contactCon #mBanner .bg {
	height: 264px
}

#contactCon #mBanner .info .title {
	color: #333
}

#contactCon #mBanner .info .subtitle {
	color: #999
}

#contactCon .mContent {
	margin-top: -123px;
	padding-bottom: 136px
}

#contactCon .mContent .module_container {
	background-color: #fff;
	box-shadow: 0 35px 57px 0 rgba(68,68,68,.17);
	border-radius: 16px;
	width: 1200px;
	height: 881px;
	box-sizing: border-box
}

#contactCon .mContent .header {
	text-align: center;
	padding-top: 71px
}

#contactCon .mContent .header .title {
	font-size: 24px;
	color: #666;
	line-height: 30px
}

#contactCon .mContent .header .subtitle {
	font-size: 16px;
	color: #999;
	margin-top: 2px
}

#contactCon .mContent .formContent {
	width: 1000px;
	margin: 58px auto 0
}

#contactCon .mContent .formContent .fItem {
	width: 100%;
	float: left;
	margin-bottom: 30px
}

#contactCon .mContent .formContent .fItem .label {
	font-size: 16px;
	color: #666;
	line-height: 50px;
	width: 176px;
	text-align: justify;
	text-align-last: justify;
	position: relative
}

#contactCon .mContent .formContent .fItem .label span {
	color: #ff310b;
	font-size: 14px;
	display: inline-block;
	opacity: 0;
	position: absolute;
	top: -7px
}

#contactCon .mContent .formContent .fItem.required .label span {
	opacity: 1
}

#contactCon .mContent .formContent .fItem .content {
	margin-left: 18px;
	float: left;
	width: 806px
}

#contactCon .mContent .formContent .fItem .input_text {
	border: 1px solid #ececec;
	border-radius: 6px;
	height: 50px;
	box-sizing: border-box;
	line-height: 48px;
	padding: 0 26px;
	width: 100%;
	font-size: 16px;
	color: #333
}

#contactCon .mContent .formContent .umGroup .fItem {
	width: auto;
	margin-right: 40px
}

#contactCon .mContent .formContent .umGroup .fItem .label {
	width: 48px;
	text-align: left;
	text-align-last: left
}

#contactCon .mContent .formContent .umGroup .fItem .content {
	width: 220px;
	margin-left: 22px
}

#contactCon .mContent .formContent .umGroup .fItem:last-child {
	margin-right: 0
}

#contactCon .mContent .formContent .umGroup .fItem:last-child .label {
	width: 96px
}

#contactCon .mContent .formContent .fItem .message {
	height: 22px;
	line-height: 22px;
	color: #f2533b;
	font-size: 13px;
	margin-top: 65px;
	display: none
}

#contactCon .mContent .formContent .fItem .message span.icon {
	margin-right: 8px
}

#contactCon .mContent .formContent .fItem .message span {
	display: none;
	float: left
}

#contactCon .mContent .formContent .fItem.error .message,#contactCon .mContent .formContent .fItem.error span.icon_input_error,#contactCon .mContent .formContent .fItem.error span.text,#contactCon .mContent .formContent .fItem.success .message,#contactCon .mContent .formContent .fItem.success span.icon_input_success {
	display: block
}

#contactCon .mContent .formContent .fItem.type .content .ui-selectmenu-button {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ececec;
	border-radius: 6px;
	height: 50px;
	font-size: 16px;
	line-height: 48px;
	color: #666;
	padding: 0;
	text-indent: 26px
}

#contactCon .mContent .formContent .fItem.type .content .ui-selectmenu-button-open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
	border-color: #d1d1d1
}

#contactCon .mContent .formContent .fItem.type .content .ui-selectmenu-icon.ui-icon {
	width: 0;
	height: 0;
	border-width: 0 5px 7px;
	border-style: solid;
	border-color: transparent transparent #999;
	margin-right: 16px;
	margin-top: 20px;
	transition: all ease .4s
}

#contactCon .mContent .formContent .fItem.type .content .ui-selectmenu-button-open .ui-selectmenu-icon.ui-icon {
	transform: rotate(180deg)
}

.ui-selectmenu-menu .ui-menu {
	border: 1px solid #d1d1d1;
	border-top: none;
	background: #fff;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
	margin: 0;
	padding: 0 0 0 26px;
	line-height: 50px;
	font-size: 16px;
	color: #666
}

.ui-selectmenu-menu .ui-menu .ui-state-active {
	border: none;
	background: #f6f6f6
}

#contactCon .mContent .formContent .fItem textarea.input_text {
	resize: none;
	height: 156px
}

#contactCon .mContent .formContent .formSubmit {
	background-color: #f80;
	width: 245px;
	height: 67px;
	line-height: 67px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 33px;
	margin: 9px auto 0;
	display: block;
	cursor: pointer;
	transition: all ease .4s
}

#contactCon .mContent .formContent .formSubmit:hover {
	background-image: -moz-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -webkit-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	background-image: -ms-linear-gradient(-56deg,#ffa600 0,#ffbb3d 100%);
	box-shadow: 0 16px 40px 0 rgba(255,166,0,.43)
}

#eduCon #mBanner {
	height: 690px
}

#eduCon #mBanner .module {
	top: 120px
}

#eduCon #mBanner .info .title {
	font-size: 44px
}

#eduCon #mBanner .info .subtitle {
	margin-top: 8px
}

#eduCon #mBanner .info .videoBtn {
	right: 75px;
	bottom: 138px;
	box-shadow: 0 0 43px 0 rgba(42,42,42,.21)
}

#eduCon #mBanner .bg {
	height: 448px
}

#eduCon .mContent {
	margin-top: -240px
}

#eduCon .mContent .mTitle p {
	line-height: 100%
}

#eduCon .mContent .mTitle .title {
	font-size: 60px;
	font-family: Gilroy-Bold;
	color: #333
}

#eduCon .mContent .mTitle .subtitle {
	font-size: 28px;
	color: #666;
	position: relative;
	text-indent: 18px
}

#eduCon .mContent .mTitle .subtitle:before {
	position: absolute;
	content: '';
	border-radius: 50%;
	background-color: #666;
	width: 6px;
	height: 6px;
	top: 13px;
	left: 0
}

#eduCon .mContent .c7s {
	padding-bottom: 146px
}

#eduCon .mContent>.module {
	background: #fafafa
}

#eduCon .mContent .c9c {
	padding-top: 124px;
	padding-bottom: 164px
}

#eduCon .mContent .c9c .content_list {
	margin-top: 103px
}

#eduCon .mContent .c9c .content_list .item_block {
	color: #666;
	margin-bottom: 132px
}

#eduCon .mContent .c9c .content_list .item_block:last-child {
	margin-bottom: 0
}

#eduCon .mContent .c9c .content_list .item_block .label {
	font-size: 30px;
	line-height: 50px;
	width: 445px
}

#eduCon .mContent .c9c .content_list .item_block .content {
	margin-left: 445px;
	line-height: 26px;
	font-size: 15px;
	padding-top: 4px
}

#c9cControl {
	background-color: #fff;
	box-shadow: 0 16px 40px 0 rgba(51,51,51,.17);
	left: -150px;
	top: 350px;
	width: 39px;
	height: 227px;
	box-sizing: border-box;
	padding-left: 12px;
	padding-top: 21px;
	position: fixed;
	transition: all ease .4s;
	border-radius: 20px
}

#c9cControl.show {
	left: 99px
}

#c9cControl a {
	border: 2px solid transparent;
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 7px;
	position: relative
}

#c9cControl a span {
	transition: all ease .4s;
	background-color: #ffa704;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: block
}

#c9cControl a p {
	position: absolute;
	font-size: 16px;
	color: #333;
	left: 39px;
	top: -5px;
	width: 80px;
	opacity: 0;
	transition: all ease .4s;
	transform: translateY(15px);
	visibility: hidden
}

#c9cControl a.active,#c9cControl a:hover {
	border-color: #ffa704
}

#c9cControl a.active span,#c9cControl a:hover span {
	opacity: 0
}

#c9cControl a.active p,#c9cControl a:hover p {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}

@media screen and (max-width:1600px) {
	#c9cControl.show {
		left: 10px
	}
}

#cultureCon #mBanner {
	height: 680px
}

#cultureCon #mBanner .info .title {
	font-size: 44px;
	padding-top: 60px
}

#cultureCon #mBanner .info .subtitle {
	margin-top: 8px
}

#cultureCon #mBanner .info .videoBtn {
	right: 115px;
	bottom: 138px;
	box-shadow: 0 9px 43px 0 rgba(255,166,0,.67)
}

#cultureCon #mBanner .bg {
	height: 448px
}

#cultureCon #mBanner .module {
	top: 120px
}

#cultureCon .mContent {
	position: relative;
	margin-top: -170px
}

#cultureCon .mContent .advBg {
	top: 14px
}

#cultureCon .module_container #cIB_1.item_block {
	margin-bottom: 538px
}

#cultureCon .module_container .label {
	color: #666;
	width: 445px
}

#cultureCon .module_container .label .title {
	font-size: 90px;
	line-height: 110px;
	font-family: Gilroy-Bold
}

#cultureCon .module_container .label .subtitle {
	font-size: 24px;
	margin-top: -12px
}

#cultureCon .module_container .content {
	margin-left: 445px;
	color: #666;
	font-size: 14px;
	line-height: 26px;
	padding-top: 10px
}

#cultureCon .module_container #cIB_1.item_block .label .subtitle {
	margin-top: 10px
}

#cultureCon .module_container #cIB_2.item_block .content hr {
	border: none;
	border-top: rgba(0,0,0,.1) 1px solid;
	margin: 20px 0
}

#cultureCon .module_container #cIB_2.item_block .content .quote {
	position: relative
}

#cultureCon .module_container #cIB_2.item_block .content .quote:before {
	position: absolute;
	background: url(../images/icon_quote.png);
	content: '';
	width: 80px;
	height: 67px;
	left: -146px;
	top: -3px
}

#cultureCon #cBrand {
	position: relative
}

#cultureCon #cBrand .module_container {
	padding-top: 102px;
	height: 856px
}

#cultureCon #cBrand .bg {
	background: url(../images/cbrand_bg.png) center no-repeat;
	height: 700px;
	position: absolute;
	top: 226px;
	width: 100%
}

#cultureCon #cBrand .listWrapper {
	position: relative;
	margin-top: 76px
}

#cultureCon #cBrand .content_list {
	box-shadow: 0 35px 57px 0 rgba(68,68,68,.17)
}

#cultureCon #cBrand .content_list,#cultureCon #cBrand .listWrapper img {
	border-radius: 16px;
	width: 1200px;
	height: 524px;
	overflow: hidden
}

#cultureCon #cBrand .listWrapper .navigation a.btn {
	position: absolute;
	top: 257px;
	border-color: #fff
}

#cultureCon #cBrand .listWrapper .navigation a.btn:hover {
	background: #fff
}

#cultureCon #cBrand .listWrapper .navigation a.prev {
	left: -152px;
	margin-right: 0
}

#cultureCon #cBrand .listWrapper .navigation a.next {
	right: -152px
}

#cultureCon #cDownload .module_container {
	padding-top: 122px;
	padding-bottom: 112px
}

#cultureCon #cDownload .module_container .content {
	color: #868686
}

#cultureCon #cDownload .module_container .content .downloadBtn {
	border: 1px solid rgba(0,0,0,.102);
	width: 265px;
	height: 63px;
	font-size: 16px;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 33px;
	margin-top: 27px
}

#cultureCon #cDownload .module_container .content .downloadBtn span {
	margin-left: 20px
}

@media screen and (max-width:1600px) {
	#cultureCon #cBrand .content_list,#cultureCon #cBrand .listWrapper img {
		width: 1100px
	}

	#cultureCon #cBrand .listWrapper .navigation a.prev {
		left: -20px
	}

	#cultureCon #cBrand .listWrapper .navigation a.next {
		right: -20px
	}
}

#recruitCon.pageCon .module > .module_container {
	width: 80%
}