<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-family: Proxima;
	src: url(../fonts/proximanovabold.woff);
}
@font-face {
	font-family: BEBAS;
	src: url(../fonts/bebas.woff2);
}
@font-face {
	font-family: moolbor;
	src: url(../fonts/moolbor.woff);
}
*, html, body {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
	color: #333;
}
ul, ol, dl, li, dt, dd {
	padding: 0;
	margin: 0;
	list-style: none;
}
img {
	vertical-align: middle;
	border: 0;
}
a {text-decoration:none;}
input, a, img, select {
	outline: none;
}
/*=========
	common
===============================*/
@media screen and (max-width: 767px) {
	.ewm{ display:none;}
	#ban1{ display:none;}
	.font1122{ font-size:12px;}
	.font1122 tr td{padding-top:5px;padding-bottom:5px;padding-left:5px;}
}


	.font1122{ font-size:14px;}
	.font1122 tr td{padding-top:10px;padding-bottom:10px;padding-left:10px;}

.index-title {position:relative;}
.sq_more {position:absolute;right:0;top:130px;border:2px solid #292929;padding:5px 37px;font-weight:bold;font-size:15px;color:#292929;}
.sq_more:hover {background:#bc9f5f;border:2px solid #bc9f5f;color:#fff;}
.index-more {
	font-family:'BEBAS';
	text-transform:uppercase;
	display:inline-block;
	width:200px;
	height:52px;
	line-height:52px;
	color:#fff;
	text-align:center;
	font-size:14px;
	margin-top:12%;
	transition:all 0.5s;
	background:#bc9f5f;
}
.index-more:hover {cursor:pointer;letter-spacing:2px;}
.index-more.border {color:#999;border:1px solid #999;background:transparent;}
/**/
.index-title h1 {
	position:relative;
	color:#292929;
	text-transform:uppercase;
	margin-top:0;
	/*font-weight: 500;*/
	line-height:60px;
	margin-bottom:3%;
	font-size:36px;
	letter-spacing:1px;
	font-family:微软雅黑;
	/*padding: 6px 10px 20px;*/
}
.index-title h1 span {
	display:block;
	font-size:3.6rem;
	line-height:1.2;
	text-transform:uppercase;
	vertical-align:top;
	letter-spacing:-2px;
	color:#bc9f5f;
	/*font-family: 'BEBAS';*/
	position:relative;
	font-weight:bold;
}
/*main-title*/
.main-title {position:relative;}
.main-title h1 {position:relative;color:#292929;text-transform:uppercase;margin-top:0;line-height:60px;margin-bottom:30px;font-size:36px;letter-spacing:1px;font-family:微软雅黑;padding:6px 10px 20px;}
.main-title h1 span {display:block;font-size:2.6rem;line-height:1.2;text-transform:uppercase;vertical-align:top;
color:#bc9f5f;position:relative;font-weight:500;}
/*main-banner*/
.main-banner {}
.main-banner img {width:100%;}
.main-banner .main-banner-imgs {display:none;}
/*inner-wrap*/
.inner-wrap {width:86%;margin:0 auto;max-width:1400px;}
/*page*/
.page {clear:both;margin:3% auto 0;text-align:center;}
.page ul {}
.page ul li {display:inline-block;border:1px solid #eee;padding:4px 10px;}
.page ul li.active {background:#bc9f5f;}
.page ul li.active a {color:#fff;}
.page ul li a {font-size:14px;}
.page ul li:hover {background:#bc9f5f;cursor:pointer;}
.page ul li:hover a {color:#fff;}

/**/
.page a{display:inline-block;border:1px solid #eee;padding:4px 10px;}
.page a.info{display:none;}
.page a.current{background:#bc9f5f;color:#fff;}
.page a:hover {background:#bc9f5f;cursor:pointer;color:#fff;}
/*=========
	header
===============================*/
.head {width:100%;position:fixed;left:0;top:0;z-index:999;transition:all .8s;border-bottom:1px solid rgba(255, 255, 255, 0.2) }
.head .logo {display:inline-block;z-index:3;float:left;vertical-align:middle;width:378px;position:absolute;left:2%;top:3px;}
.head .logo img {vertical-align:middle;width:100%;}
.head .nav {text-align:right; padding-right:11%;position:relative;left:0;}
.head .nav ul li {height:82px;display:inline-block;margin:0 0.7vw;}
.head .nav ul li:last-child {margin-right:0;}
.head .nav li a {display:inline-block;font-size:16px;height:82px;line-height:82px;position:relative; }
.head .nav li a span {display:inline-block;color:#ddd;position:relative;transition:all ease-out .5s; }
.head .nav li a em {position:absolute;left:50%;top:0;color:#bc9f5f;text-align:center;transform:translate(-50%, 100%);transition:ease .65s;white-space:nowrap;opacity:0;visibility:hidden; }
.head .nav li a:hover span {color:#bc9f5f }
.head .down_con {position:absolute;left:0;top:82px;width:100%;padding:40px 0;background:rgba(255, 255, 255, 0.88);text-align:left;display:none;}
.head .down_con:before {content:"";display:block;width:0;height:2px;position:absolute;left:50%;top:0;background: #bc9f5f;transition:all .8s;-webkit-transition:all .8s;}
.head .down_con.on:before {width:100%;left:0;}
.head .down_con .content {width:53%;margin-left:27.5%;}
.head .down_con .content .left {width:70%;float:left;}
.head .down_con .content .right {width:30%;float:right;text-align:right;}
.head .down_con .content .right img {width:100%;opacity:0.88;}
.head .down_con .content h3 {font-size:20px;font-weight:bold;margin-bottom:20px;letter-spacing:1px;}
.head .down_con .content p {color:#9aa1b2;line-height:24px;}
.head .down_con .content .subnav {width:1200px;}
.head .down_con .content .subnav a {display:inline-block;position:relative;padding-left:20px;margin-right:3%;letter-spacing: 1px;}
.head .down_con .content .subnav a:before {content:"";display:block;width:12px;height:3px;background:#bc9f5f;position: absolute;left:0;top:50%;}
.head .down_con .content .subnav a:hover {color:#bc9f5f;}
.head .down_con .content .right {font-size:36px;}
/**/

.header-icon {
	position:absolute;right:1%;top:5px;
	vertical-align:top;
	width:8%;
	padding:12px 0 0;
	text-align:center;
	margin-top:6px;
}
.header-icon div {
	cursor:pointer;
	margin-bottom:10px;
	display:inline-block;
	border:1px solid rgba(238, 238, 238, 0.56);
	padding:6px 10px;
}
.header-icon div:hover {background:#bc9f5f;}
.header-icon span {
	color:#ffffff;
	font-size:16px;
}
.head &gt; div {
	position:relative;
	height:82px;
	width:100%;
}
.head &gt; div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: -1;
	-webkit-transition: all 0.28s;
	transition: all 0.28s;
	opacity: 0;
}
.head.on &gt; div:before {opacity:1;}
.head.on .nav li a span {color:#333;}
.head.on .nav li a:hover span {color:#bc9f5f;}
.head.on .header-icon div {border:1px solid #999;}
.head.on .header-icon span {color:#666;}
.head.on .header-icon div:hover span {color:#ffffff;}
/*=========
	footer
===============================*/
.footer .footer-top .footer-l .info__address,
.footer .footer-top .footer-l .info__phone li,
.footer .footer-top .footer-l .info__sub-title,
.footer .footer-top .footer-l .footer-title {
	opacity:1;
	-ms-transform:translate(0, 0);
	transform:translate(0, 0);
	transition-duration:.75s;
	transition-property:transform, opacity;
	transition-timing-function:cubic-bezier(.215, .61, .355, 1);
}
.footer {
	background-color:#2e2e2e;
	color:#fff;
	clear:both;
	width:100%;
}
.footer .index-footer {
	/*width: 80%;*/
	/*max-width: 1400px;*/
	/*margin: 0 auto;*/
	overflow:hidden;
}
.footer .index-footer .footer-l {float:left;}
.footer .index-footer .footer-r {float:right;}
.footer * {color:#ffffff;}
.footer-top {padding:3% 0;}
.footer-top .footer-l {width:35%;display:block;}
.footer .share-wechat {float:right;display:inline-block;}
.footer .ewm_sq_footer {display:inline-block;width:100px;position:relative;top:-12px;}
.footer .ewm_sq_footer img {width:100%;}
.footer .ewm_sq_footer p {
	font-size:13px;
	text-align:center;
	margin-top:5px;
	letter-spacing:1px;
}
.footer-top .footer-l .footer-title {max-width:450px;}
.footer-copy .index-footer p {font-size:13px;color:#aeb8bd;}
.footer-copy .index-footer p a {color:inherit;}
.footer-copy .index-footer p img{vertical-align:middle;margin:0 3px;width:28px;}
.footer-copy p span {float:right;font-size:13px;color:#aeb8bd;}
.footer .footer-top .footer-l .footer-title {
	transition-delay:.1s;
	font-size:30px;
	font-family:"BEBAS";
	text-transform:uppercase;
	font-weight:bold;
}
.footer .footer-top .footer-l .info__sub-title {
	transition-delay:.15s;
	font-size:15px;
	line-height:2;
	color:#fff;
	margin:36px 0 29px;
	opacity:0.8;
}
.footer .footer-top .footer-l .info__sub-title img {width:36px;margin-right:10px;margin-top:-6px;}
.footer-top .footer-l .info__phone {display:inline-block;vertical-align:top;}
.footer .footer-top .footer-l .info__phone li {
	transition-delay:.2s;
	font-size:15px;
	letter-spacing:1px;
	line-height:2.6;
	color:#fff;
	opacity:0.8;
}
.footer .footer-top .footer-l .info__phone li span {font-family:"BEBAS";}
.footer .footer-top .footer-l .info__address {
	transition-delay:.25s;
	font-size:13px;
	letter-spacing:1px;
	line-height:2;
	color:#aeb8bd;
}
.footer-top .footer-r {width:65%;}
.footer .footer-top .footer-r .footeri-nav {transition-delay:.1s;}
.footer-top .footer-r .footeri-nav .nav__list {
	-ms-flex-pack:end;
	justify-content:flex-end;
	text-align:right;
}
.footeri-nav .menu-item,
.footeri-nav .nav__item {
	margin-left:1%;
	position:relative;
	display:inline-block;
}
.footer-top .footer-r .footeri-nav .nav__item a {
	padding:0;
	line-height:28px;
	font-size:15px;
	letter-spacing:1px;
	transition-duration:.6s;
	transition-property:color;
	transition-delay:0s;
	color:inherit;
	transition-timing-function:cubic-bezier(.215, .61, .355, 1);
}
.footer .footer-top .footer-r .footer-icon {
	transition-delay:.15s;
	margin-top:10px;
	text-align:right;
}
.footer-icon {margin-left:28px;width:auto;}
.footer-icon img {width:80px;margin:0 10px;}
.footer-icon .nav__list {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	display: inline-block;
}
.footer-icon.nav--big .nav__item {
	display:inline-block;
	/*width:24px;*/
	position:relative;
	margin:0 2px;
}
.footer-icon.nav--big .nav__item a {
	width:50px;
	height:50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#373839;
	display:inline-block;
	padding:16px;
	position:relative;
	overflow:hidden;
}
.footer-icon.nav--big .nav__item a img {position:relative;z-index:99;}
.footer-icon.nav--big .nav__item a:before {
	content:"";
	position:absolute;
	top:2%;
	left:2%;
	width:96%;
	height:96%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#bc9f5f;
	-webkit-transition:all 0.48s;
	-moz-transition:all 0.48s;
	-ms-transition:all 0.48s;
	-o-transition:all 0.48s;
	transition:all 0.48s;
}
.footer-icon.nav--big .nav__item a:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#373839;
	-webkit-transition: all 0.48s;
	-moz-transition: all 0.48s;
	-ms-transition: all 0.48s;
	-o-transition: all 0.48s;
	transition: all 0.48s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.footer-icon.nav--big .nav__item a:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.footer-icon.nav--big .nav__item a:hover:after {
	opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.footer .footer-top .footer-r .footer-comp {
	transition-delay: .2s;
	text-align:right;
	display:block;
}
.footer .footer-top .footer-r .footer-comp h3 {
	font-weight:400;
	display:inline-block;
	width:100%;
	letter-spacing:.15em !important;
	line-height:1.5 !important;
	padding:15px 0;
	text-transform:uppercase;
	text-align:right;
	max-width:420px;
}
.footer-comp label {
	max-width:420px;
	display:block;
	position:relative;
	width:100%;
	float:right;
	font-size:13px;
	text-align:right;
}
.footer-top .footer-r p {
	letter-spacing:2px;
	width:auto;
	margin-top:0;
	margin-bottom:0;
}
.footer-comp .newsletter__input {
	background: #373839;
	height: 100%;
	border-bottom: 1px solid transparent;
	transition-property: border-bottom;
	line-height: 42px;
	display: inline-block;
	margin: 0 0 5px 5px;
	width: 48%;
	letter-spacing: 2px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.footer-comp .newsletter__input span {position:relative;z-index:9;}
.footer-comp .newsletter__input:before {
	content:"";
	z-index:6;
	position:absolute;
	top:2%;
	left:2%;
	width:96%;
	height:96%;
	background:#bc9f5f;
}
.footer-comp .newsletter__input:after {
	content: "";
	z-index: 6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #373839;
	-webkit-transition: all 0.48s;
	-moz-transition: all 0.48s;
	-ms-transition: all 0.48s;
	-o-transition: all 0.48s;
	transition: all 0.48s;
}
.footer-comp .newsletter__input:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.footer-comp .newsletter__input:hover:after {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}
.footer-comp .newsletter__button {
	background: #373839;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.footer-comp .btn__line__container .arrow-line {
	width:15px;
	height:10px;
	max-width:40px;
}
.footer .arrow-line span:nth-child(1) {height:1px;}
.footer .arrow-line span:nth-child(1)::after,
.footer .arrow-line span:nth-child(1)::before {
	content: "";
	background-color: #fff;
}
.footer .arrow-line span:nth-child(1)::after {
	transform: translate3d(-100%, 0, 0);
	transition-duration: .3s;
	transition-property: transform;
	transition-timing-function: ease-in-out;
	transition-delay: .2s;
}
.footer-comp .btn__line__container .arrow-line span:nth-child(1)::after,
.footer-comp .btn__line__container .arrow-line span:nth-child(1)::before {background-color:#4ea6ee;}
.footer .arrow-line span:nth-child(2) {
	left:auto;
	right:0;
	width:3px;
	height:6px;
}
.footer .arrow-line span,
.footer .arrow-line span:nth-child(2),
.footer .component-gallery-full .slick-arrow,
.footer .component-top .top__circle,
.footer .page-pands .pands__wrapper .content__list .list__item button .arrow-line,
.footer .page-tiers .tiers__more,
.footer .index-footer-ver {
	top:50%;
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
}
.footer .arrow-line span:nth-child(2)::after,
.footer .arrow-line span:nth-child(2)::before {
	content:"";
	width:0;
	height:0;
	right:-1px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:3px solid #fff;
	transition-duration:.35s;
	transition-property:transform, opacity;
	transition-timing-function:ease-in-out;
}
.footer-comp .btn__line__container .arrow-line span:nth-child(2)::after,
.footer-comp .btn__line__container .arrow-line span:nth-child(2)::before {
	border-left-color:#4ea6ee;
}
.footer-copy {
	position:relative;
	padding:20px 0;
}
.footer-copy:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:"";
	height:1px;
	background-color:rgba(174, 184, 189, .5);
}
.footer-icon p {position:relative;top:-18px;}
/*=========
	banner
===============================*/
.banner {
	position:relative;
	width:100%;
	height:100vh !important;
	min-height:538px;
	overflow:hidden;
}
/**/
.banner .item{min-height:538px;}
.banner .slick-arrow {
	width:60px;
	height:52px;
	z-index:105;
	bottom:100px;
	-webkit-transition:all 800ms;
	-moz-transition:all 800ms;
	-ms-transition:all 800ms;
	-o-transition:all 800ms;
	transition:all 800ms;
}
.banner .slick-arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.banner .slick-prev {
	background:#666 url(../images/i_banner_l.png) no-repeat center;
	left:7%;
}
.banner .slick-next {
	background:#666 url(../images/i_banner_r.png) no-repeat center;
	left:7%;
	margin-left:74px;
}
.banner .slick-prev:hover {background:url(../images/i_banner_l1.png) no-repeat center;}
.banner .slick-next:hover {background:url(../images/i_banner_r1.png) no-repeat center;}
.banner .slick-prev:hover i {
	transform:translateX(-5px);
	-webkit-transform:translateX(-5px);
}
.banner .slick-next:hover i {
	transform:translateX(5px);
	-webkit-transform:translateX(5px);
}
.banner-yy {
	background:url(../images/bg_yy.png) repeat-x scroll left bottom;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
}
.banner .slick-active .pimg {
	visibility:visible !important;
	-webkit-animation:scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation:scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.binbox {
	position:absolute;
	left:6%;
	bottom:200px;
	color:#fff;
}
.banner .slick-active .binbox {
	visibility:visible;
	-webkit-transition-timing-function:cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function:cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation:fadeInRightBig 1.2s 1;
	animation:fadeInRightBig 1.2s 1;
}
/*字体*/
.banner .item .pimg {
	position:absolute;
	right:0;
	left:0 !important;
	top:0;
	width:100%;
	display:block;
}
.binbox .t {
	color:#fff;
	font-size:2.6vw;
	font-weight:bold;
	letter-spacing:1px;
	font-family:"微软雅黑", sans-serif;
	margin-top:1%;
	line-height:4vw;
	margin-bottom:2%;
	opacity:0.88;
}
.binbox .en {
	line-height:1.2;
	font-size:20px;
	font-family:'Proxima', sans-serif;
	text-transform:uppercase;
	color:#fff;
}
.binbox .con {overflow:hidden;}
.binbox .moreBox {font-family: "pf_din_text_comp_proregular";}
/**/
.banner .slick-dots {
	opacity:0;
	position:absolute;
	left:0;
	bottom:1%;
	margin-bottom:0;
	width:100%;
	text-align:center;
	-webkit-transition:all 800ms;
	-moz-transition:all 800ms;
	-ms-transition:all 800ms;
	-o-transition:all 800ms;
	transition:all 800ms;
}
.banner .slick-dots li {
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.banner .slick-dots li a {
	height:8px;
	width:8px;
	line-height:8px;
	display:block;
	overflow:hidden;
	margin:3px;
	cursor:pointer;
	border-radius:50%;
	background:#fff;
}
.banner .slick-dots li.slick-active a {background:#bc9f5f;}
/*=========
	index
===============================*/
/*about*/
.index-about {
	height: 100vh;
	min-height: 538px;
	text-align: center;
}
.about_all {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.aboutright {
	width: 30%;
	height: 100%;
	float: right;
	position: relative;
	overflow: hidden;
}
.aboutright-img {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(1%);
	filter: grayscale(1%);
}
.aboutright-img &gt; img {
	display: none;
	width: 100%;
}
.aboutright-img div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, .38);
}
.aboutright-img div img {
	cursor: pointer;
	position: relative;
	top: 50%;
	width: 66px;
	margin-top: -20px;
	z-index: 9;
}
.aboutright-img:hover img {-webkit-animation:aboutImg 0.68s alternate; -o-animation:aboutImg 1s alternate; animation:aboutImg 1s alternate;}
@keyframes aboutImg {
	0% {
		-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
	}

}
.aboutleft {
	display: inline-block;
	position: relative;
	width: 28%;
	text-align: left;
	top: 50%;
	-webkit-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.about-text {overflow:hidden;}
.aboutleft p {font-size:15px;line-height:32px;}
.about_nub {
	float: right;
	overflow: hidden;
	text-align: left;
	position: relative;
	top: 54%;
	transform: translateY(-50%);
	width: 218px;
	margin-right: 3%;
}
.about_nub li {
	height:20vh;
	min-height:120px;
}
.about_nub li p {
	font-size:14px;
	color:#666666;
}
.about_nub li p span {
	font-size: 2.6rem;
	color: #444;
	line-height: 55px;
	font-family: 'BEBAS';
	margin-bottom: 5px;
	font-weight: bold;
	margin-right: 12px;
	letter-spacing: -1px;
}
.about_nub li span img {
	width:30px;
	position:relative;
	top:12px;
	margin-right:5px;
	vertical-align:super;
}
.about_nub li .intro {
	display:block;
	font-size:15px;
	line-height:20px;
}
/*index-work*/
.p-case-list-index {position:relative;overflow:hidden;}
.p-case-list-index .areas {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch; }
.p-case-list-index .areas .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	z-index: 1;
	height: 85vh;
	min-height: 538px;
}
.p-case-list-index .areas .item a {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; }
.p-case-list-index .areas .item a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	border-left: solid 1px rgba(245, 245, 245, 0.3);
}
.p-case-list-index .areas .item:first-child a:before {content:none;}
.p-case-list-index .areas .item.disp .txt-wrap .lead {opacity:1;height:auto;}
.p-case-list-index .areas .item .txt-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 10;
	color: #fff;
	padding: 0 12%; }
.p-case-list-index .areas .item .txt-wrap .ttl {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.1em;
	padding-top: 40px;
}
.p-case-list-index .areas .item .txt-wrap .ttl span {color:#fff;}
.p-case-list-index .areas .item .txt-wrap .ttl:before {
	content: "";
	display: block;
	position: absolute;
	width: 32px;
	height: auto;
	top: 0;
	border-top: solid 2px #fff;
	-webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms;
}
.p-case-list-index .areas .item .txt-wrap .ttl .em {
	display: block;
	font-size: 22px;
	position: relative;
	letter-spacing: 2px;
}
.p-case-list-index .areas .item .txt-wrap .ttl span:last-child {
	text-transform: uppercase;
	line-height: 23px;
	margin-top: 12px;
	display: inline-block;
}
.p-case-list-index .areas .item .txt-wrap .lead {
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	opacity: 0;
	width: 100%;
	height: 0;
	line-height: 1.5; }
.p-case-list-index .areas .item .txt-wrap .lead span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	width: 100%;
	padding-top: 36px;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
}
.p-case-list-index .areas .item .txt-wrap .more {
	display: inline-block;
	margin-top: 36px;
	width: 43px;
	height: 43px;
	background: url(../images/ico_plus.svg) no-repeat 0 0;
	background-size: 40px 40px;
	font-weight: bold;
	font-size: 14px; }
.p-case-list-index .areas .item .txt-wrap .more span {
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
	transition: all 300ms cubic-bezier(0.4, 0, 0.25, 1.01);
	display: inline-block;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	vertical-align: middle;
	color: #fff }
.p-case-list-index .areas .item .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
.p-case-list-index .areas .item .img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9;
}
.p-case-list-index .areas .item .img img {
	width: 100vw;
	max-width: 100vw;
	height: auto;
/*	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);*/
}
.p-case-list-index .areas .item.item--itokin .img img {
	-webkit-transform: translateX(-32.7%);
	transform: translateX(-32.7%); }
.p-case-list-index .areas .item.item--mizuno .img img {
	-webkit-transform: translateX(-48.9%);
	transform: translateX(-48.9%); }
.p-case-list-index .areas .item.item--enfold .img img {
	-webkit-transform: translateX(-56.4%);
	transform: translateX(-56.4%); }
.p-case-list-index.active .imgs li {
	position:absolute;
	top:0;
	left:0;
	width:100%;}
.p-case-list-index .imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	letter-spacing: -0.4em;
	white-space: nowrap; }
.p-case-list-index .imgs img {
	width: 100vw;
	height: auto; }
.p-case-list-index .imgs li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; }
.p-case-list-index .imgs li &gt; div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
/*	background: rgba(0, 0, 0, .48);
	-webkit-transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	transition: -webkit-transform 10000ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;*/
}
.p-case-list-index .imgs li.is-hover {
	-webkit-transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 18000ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1); }
.p-case-list-index .imgs li.is-hover div {opacity:1;}
.p-case-list-index .imgs li span {display:block;}
/*index-news*/
.index-news {padding:5% 0 1%;background:#ffffff;}
.index-news .index-title h1 {display:inline-block;}
.index-news .index-title .index-more {margin-top:2%;display:inline-block;float:right;}
.index-news-more {
	display:none;
	text-align:center;
}
.index-news-more .index-more {margin:6% 0;}
.index-news .l-contents {
	width:80%;
	margin:0 auto;
	max-width:1400px;
}
.index-news-img {display:none;}
.index-news-img img {width:100%;}
@media (max-width: 1440px) {
	.index-news .l-contents {
		width:80%;
		margin:0 auto;
		max-width:1080px;
	}
}
@media (max-width: 1366px) {
	.index-news .l-contents {
		width:80%;
		margin:0 auto;
		max-width:968px;
	}
}
.index-news .index-title { }
.s-home_service .service_header {
	padding:75px 0 75px 200px;
	background:#fff;
	line-height:1.2;
}
.s-home_service .service_body {background:#fff;padding-bottom:32px;}
.m-service_lines {position:relative;}
.m-service_lines .unit {
	display:block;
	overflow:hidden;
	position:relative;
	height:460px;
	background:#f5f5f5;
}
.m-service_lines .unit_header {
	position:relative;
	z-index:2;
	height:180px;
	padding:30px;
	-webkit-transition:color 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition:color 550ms cubic-bezier(.23, 1, .32, 1);
	transition:color 550ms cubic-bezier(.23, 1, .32, 1);
}
.m-service_lines .unit_header:before {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 16px;
	height: 3px;
	background: #111;
	content: " ";
	-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	transition: background 550ms cubic-bezier(.23, 1, .32, 1);
}
.m-service_lines .unit_header .en {
	margin-bottom: 20px;
	padding-top: 30px;
	font-size: 1rem;
	max-height:78px;
	line-height: 145%;
	font-weight: 500;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m-service_lines .unit_header .jp {font-size:13px;font-weight:700;}
.m-service_lines .unit_header .jp img {display:none;width:24px;float:right;}
.m-service_lines .unit_body {
	position: absolute;
	top: 180px;
	height: 280px;
	left: 0;
	z-index: 1;
	width: 100%;
	-webkit-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
	transition: top 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_body:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: 0 0;
	content: ""
}
.m-service_lines .body_inner {
	position: relative;
	z-index: 2;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	-webkit-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
	transition: height 550ms cubic-bezier(.23, 1, .32, 1);
}
.m-service_lines .body_inner:after,
.m-service_lines .body_inner:before {
	top: 0;
	-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	transition: background 550ms cubic-bezier(.23, 1, .32, 1);
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	content: " "
}
.m-service_lines .body_inner:before {
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 50%;
	-moz-background-size: auto 580px;
	background-size: auto 580px;
}
.m-service_lines .body_inner:after {
	z-index: 2;
	background: 0 0;
}
.m-service_lines .body_inner .lead {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 0 30px;
	text-align: justify;
	color: #fff;
	font-size: 13px;
	line-height: 1.85;
	-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
	opacity: 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m-service_lines .body_inner .list {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 0 40px 40px
}
.m-service_lines .body_inner .list li {
	-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
	opacity: 0
}
.m-service_lines .body_inner .list a {font-family:"Inter UI", sans-serif;}
.m-service_lines .unit_body:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 0;
	height: 100%;
	background: #e5e5e5;
	content: " "
}
.m-detail_header:after,.m-kv_header:after {content:""}
.m-service_lines .unit_inner.app_is_active .unit_body:after {
	-webkit-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
	-moz-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
	animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s
}
.m-service_lines .unit_inner.app_is_active .body_inner:before {
	-webkit-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
	-moz-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
	animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s
}
.m-service_lines .unit.is_active .unit_header .en,
.m-service_lines .unit.is_active .unit_header .jp {color:#fff;}
.m-service_lines .unit.is_active .unit_header:before {background:#bc9f5f;}
.m-service_lines .unit.is_active .unit_body {top:0;}
.m-service_lines .unit.is_active .unit_body:before {height:620px;}
.m-service_lines .unit.is_active .body_inner {height:460px;}
.m-service_lines .unit.is_active .body_inner:before {background-position:50% 0;}
.m-service_lines .unit.is_active .body_inner:after {background:rgba(0, 0, 0, .65);}
.m-service_lines .unit.is_active .body_inner .lead {top:180px;opacity:1;}
.m-service_lines .unit.is_active .body_inner .list li {opacity:1;}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(1) {
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s
}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(2) {
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s
}
/**/
.unitDemo {padding:0 6px;}
.unitDemo .item {border-radius:5px;background-color:#d7d7d7;font-size:14px;color:#333;padding:10px 10px;margin:0 7px; display:block;text-align:center;}
.unitDemo .item:hover, .unitDemo .item.act {background-color:#cc0000;color:#fff;}
.unitDemo .slick-arrow {width:40px;height:68px;display:block;background-color:rgba(188, 159, 95, 1);top:50%;margin-top: -30px;}
.unitDemo .slick-arrow i {width:100%;height:100%;margin:0 auto;display:block;transition:300ms;-webkit-transition:300ms;}
.unitDemo .slick-prev {left:6px;}
.unitDemo .slick-next {right:6px;}
.unitDemo .slick-prev i {background:url("../images/arrow-left-light.png") no-repeat center;background-size:38%;}
.unitDemo .slick-next i {background:url("../images/arrow-right-light.png") no-repeat center;background-size:38%;}
.unitDemo .itemA {display:block;margin:0 5px;cursor:pointer;}
.unitDemo .unitDemo-img {position:relative;overflow:hidden;}
.unitDemo.slick-slider {position:relative;display:block;box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list {position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-slide {float:left;height:100%;min-height:1px;display:none;}
.slick-prev, .slick-next {position:absolute;display:block;height:20px;width:20px;z-index:99;line-height:0;font-size:0; cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;}
.unitDemo .slick-dots {text-align:center;margin-top:3%;}
.unitDemo .slick-dots li {display:inline-block;margin:0 5px;width:10px;height:10px;background:#cecece;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.unitDemo .slick-dots li a {}
.unitDemo .slick-dots li.slick-active {background:url("../images/op04_h.png");}


/*about-dsz*/
.about-zc {
	padding: 4% 0;
	background: url("../images/dsz_bg.jpg") no-repeat center;
	background-size: cover;
}
.about-zc .index-title h1 {margin-bottom:2%;}
.about-zc-box {}
.about-zc-box .inner-wrap {overflow:hidden;position:relative;}
.about-zc .about-img {
	text-align: left;
	width: 32%;
	position: absolute;
	height: 100%;
}
.about-zc .about-img img {
	display: none;
	width: 100%;
}
.about-zc .about-con {
	float: right;
	width: 62%;
	text-align: left;
}
.about-zc .about-con h4 {
	font-size: 1.3rem;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #bc9f5f;
}
.about-zc .about-con h4 span {
	font-size: 13px;
	color: #999;
	line-height: 20px;
	margin-bottom: 3%;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: initial;
}
.about-zc .about-con-p {}
.about-zc .about-con-p p {
	letter-spacing: 0.5px;
	font-size: 14px;
	line-height: 32px;
}
.about-zc .about-con &gt; p {
	font-size: 0.875rem;
	line-height: 2rem;
	color: #333;
	margin-top: 3%;
}
.about-zc .about-con &gt; p span {
	font-weight: bold;
	font-size: 20px;
}
/*about-ab*/
.about-ab {
	padding: 3% 0 1%;
	text-align: center;
}
.about-ab-p {
	width: 80%;
	margin: 0 auto;
}
.about-ab-p p {line-height:40px;}
.about-ab .about_nub {
	float: none;
	position: relative;
	width: 100%;
	transform: none;
	text-align: center;
	margin: 3% 0;
	top: 0;
}
.about-ab .about_nub li {
	width: 24%;
	display: inline-block;
	margin: 0;
}
.about-ab .about_nub li p span {
	font-weight: 500;
	color: #bc9f5f;
	font-size: 3.8rem;
}
.about-ab .about_nub li .intro {
	font-size: 14px;
	margin-top: 2%;
	letter-spacing: 0.5px;
}
.abDemo { padding: 0 6px; }
.abDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.abDemo .item:hover, .abDemo .item.act { background-color: #cc0000; color: #fff; }
.abDemo .slick-arrow { width: 40px;
	height: 68px;
	display: block;
	background-color: rgba(188, 159, 95, 1);
	top: 50%;
	margin-top: -30px; }
.abDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.abDemo .slick-prev { left: 6px; }
.abDemo .slick-next { right: 6px; }
.abDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.abDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.abDemo .itemA { display: block; margin: 0 1px; cursor: pointer; }
.abDemo .abDemo-img { position: relative; overflow: hidden; }
.abDemo .abDemo-img img {
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.abDemo-name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.abDemo-name h1 {
	font-weight: 500;
	position: absolute;
	bottom: 8%;
	left: 5%;
	width: 88%;
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.2rem;
	letter-spacing: 1px;
	line-height: 40px;
	text-align: left;
}
.abDemo-name h1:before { position: absolute; bottom: -10px; left: 50%; width: 20px; height: 3px; margin-left: -10px; content: ""; background: #fff }
.abDemo .abDemo-img:hover img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.abDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/**/
.about-deve {
	padding: 4% 0 6%;
	text-align: center;
	position: relative;
}
.about-deve .inner-wrap {
	position: relative;
}
.about-deve-box {
	height: 66vh;
	min-height: 538px;
	width: 100%;
	position: relative;
}
.about-deve-box &gt; div {
	height: 100%;
	vertical-align: top;
}
.about-deve-tab {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	/*border: 1px solid red;*/
}
.about-deve-tab .to {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 1.3rem;
	color: #bc9f5f;
}
.about-deve-tab .from {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 1.3rem;
	color: #bc9f5f;
}
.about-deve-tab .next {
	position: absolute;
	left: 50%;
	bottom: 60%;
	margin-left: -20px;
	background: url(../images/date_arr.png) center top no-repeat;
	width: 39px;
	height: 39px;
}
.about-deve-tab .prev {
	position: absolute;
	left: 50%;
	top: 60%;
	margin-left: -20px;
	background: url(../images/date_arr.png) center bottom no-repeat;
	width: 39px;
	height: 39px;
}
.about-deve-items {
	border-bottom: 1px solid #eeeeee;
	padding: 3% 0;
	overflow: hidden;
}
.about-deve-items &gt; div {
}
.about-deve-time {
	float: left;
	width: 12%;
	background: #eee;
	padding: 3% 0;
}
.about-deve-time span {
	font-size: 1.6rem;
}
.about-deve-time p {
	font-size: 1rem;
	color: #666;
}
.about-deve-con {
	float: right;
	width: 82%;
	text-align: left;
}
.about-deve-con p {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 30px;
}
.deveDemo { width: 100%; float: right; background: url(../images/date_line.png) no-repeat 9.5% center; background-size: auto 80%; }
.deveDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.deveDemo .item:hover, .deveDemo .item.act { background-color: #cc0000; color: #fff; }
.deveDemo .slick-arrow {
	width: 39px;
	height: 39px;
	display: block;
}
.deveDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.deveDemo .slick-prev { left: 8.5%; top: 35%; }
.deveDemo .slick-next { left: 8.5%; bottom: 35%; }
.deveDemo .slick-prev i { background: url(../images/date_arr.png) center top no-repeat; background-size: cover; }
.deveDemo .slick-next i { background: url(../images/date_arr.png) center bottom no-repeat; background-size: cover; }
.deveDemo .itemA { display: block; cursor: pointer; overflow-y: auto; height: 100%; padding-left: 1.3%; }
.deveDemo .itemA .now {
	/*border: 1px solid red;*/
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	text-align: center;
	font-size: 3rem;
	width: 20%;
}
.deveDemo .about-deve-div {
	height: 100%;
	overflow: auto;
}
.deveDemo .about-deve-div::-webkit-scrollbar {
	width: 6px;
	height: 100%;
}
.deveDemo .about-deve-div::-webkit-scrollbar-track {
	background: #eeeeee;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.deveDemo .about-deve-div::-webkit-scrollbar-thumb {
	background: #bc9f5f;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.deveDemo .itemA img {
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.slick-track { height: 100% }
.deveDemo.slick-slider { position: relative; z-index: 1; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.deveDemo .slick-list { position: relative; z-index: 1; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/**/
.about-honor {
	padding: 5% 0;
	background: #f4f4f4 url("../images/bg2.jpg") no-repeat left bottom;
	background-size: 100% auto;
}
.about-honor .inner-wrap{position: relative}
.honorDemo { }
.honorDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.honorDemo .item:hover, .honorDemo .item.act { background-color: #cc0000; color: #fff; }
.honorDemo .slick-arrow {
	border: 1px solid #cecece;
	top: 2%;
	width: 58px;
	height: 68px;
}
.honorDemo .slick-arrow i { width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.honorDemo .slick-prev { right: 78px; }
.honorDemo .slick-next { right: 10px; }
.honorDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25% }
.honorDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25% }
.honorDemo .itemA { display: block; margin: 0 10px; cursor: pointer }
.honorDemo .itemA img {
	width: 100%;
}
.honorDemo.slick-slider {  display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 9999; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.honorDemo .slick-dots { margin-top: 3%; text-align: center; }
.honorDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.honorDemo .slick-dots li a {
}
.honorDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/*=========
	work
===============================*/
/*业务页面导航*/
.workNav {
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.workNav li {
	float: left;
	margin-right: 23px;
	line-height: 74px;
}
.workNav li a {
	display: block;
	font-size: 16px;
	padding: 0 18px;
}
.workNav li.active a {
	color: #bc9f5f;
	border-bottom: 2px solid #bc9f5f;
	position: relative;
}
.workNav li:hover a {
	color: #bc9f5f;
	border-bottom: 2px solid #bc9f5f;
}
/**/
.group {
}
.group .group-box {
}
.group .group-items {
	overflow: hidden;
	background: url("../images/bg2.jpg") no-repeat center;
	background-size: cover;
	position: relative;
	text-align: right;
}
.group .group-items:nth-child(2n) {
	text-align: left;
}
.group .group-img {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	cursor: pointer;
}
.group .group-items:nth-child(2n) .group-img {
	left: auto;
	right: 0;
}
.group .group-img &gt; img {
	width: 100%;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.group .group-img:hover &gt; img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.group .group-img .group-play {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 899;
	text-align: center;
}
.group .group-img .group-play img {
	margin: 0 auto;
	width: 66px;
}
.group .group-con {
	display: inline-block;
	padding: 5% 8%;
	width: 50%;
	text-align: left;
}
.group .main-title span {
	background: #bc9f5f;
	margin-top: 13px;
	display: inline-block;
	width: 46px;
	height: 2px;
	margin-bottom: 20px;
}
.group .group-con .main-title {
	margin-bottom: 3%;
}
.group .group-con .main-title h3 {
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0.2px;
	color: #bc9f5f;
}
.group .group-con .main-title p {
	line-height: 26px;
	font-size: 12px;
	color: #666;
	letter-spacing: 1px;
}
.group .group-con &gt; p {
	font-size: 14px;
	line-height: 28px;
}
.group .group-con .index-more {
	color: #ffffff;
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin-top: 6%;
}
/*=========
	work-yy
===============================*/
.work-yy {
	text-align: left;
}
/**/
.work-yy-ab {
	padding: 4% 0;
	text-align: left;
}
.work-yy-ab .inner-wrap {
	position: relative;
	overflow: hidden;
}
.work-ab-con {
	width: 52%;
	float: right;
	text-align: left;
}
.work-ab-con h1 {
	font-size: 1.5rem;
	color: #bc9f5f;
	margin-bottom: 2%;
}
.work-yy-p {
}
.work-yy-p p {
	line-height: 36px;
	text-indent: 2em;
}
.work-yy-p ul {
}
.work-yy-p ul li {
	margin-left: 20px;
	list-style-type: square;
	color: #bc9f5f;
}
.work-yy-three {
	overflow: hidden;
	margin-top: 2%;
}
.about-three-item {
	float: left;
	width: 24%;
	min-height: 150px;
	height: 26vh;
	margin-right: 1.3%;
	position: relative;
	background: #d0d0d0;
	text-align: center;
	overflow: hidden;
}
.about-three-item:last-child {
	margin-right: 0;
}
.about-three-num {
	font-size: 8rem;
	line-height: 126px;
	color: rgba(199, 183, 148, 0.28);
	position: absolute;
	right: 14px;
	font-family: BEBAS;
	bottom: -50px;
	z-index: 2;
}
.about-three-item img {
	/*width: 100%;*/
}
.about-three-bg {
	width: 100%;
	height: 100%;
	padding: 8%;
}
.about-three-bg &gt; div {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
}
.about-three-bg h3 {
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.about-three-bg h3::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: calc(50% - 15px);
	height: 2px;
	width: 30px;
	background: #2f318b;
}
.about-three-bg p {
	line-height: 28px;
	text-align: left;
	font-size: 0.96rem;
	letter-spacing: 1px;
}
.about .about-ab-box {
}
.work-yy-con {
	margin: 0 auto 3%;
}
.work-yy-con p {
	line-height: 42px;
}
.work-ab-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 45%;
	text-align: center;
	padding: 1px;
}
.work-ab-img img {
	position: relative;
	top: 50%;
	width: 80%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/**/
.work-yy-team {
	padding: 4% 0;
}
.work-yy-team .inner-wrap {
	position: relative;
}
.teamDemo { }
.teamDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0 7px; display: block; text-align: center; }
.teamDemo .item:hover, .teamDemo .item.act { background-color: #cc0000; color: #fff; }
.teamDemo .slick-arrow { width: 58px;
	height: 68px;
	display: block;
	top: 6%;
	border: 1px solid #cecece; }
.teamDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.teamDemo .slick-prev { right: 84px; }
.teamDemo .slick-next { right: 16px; }
.teamDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.teamDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.teamDemo .itemA { display: block; position: relative; top: 0; margin: 0 10px; cursor: pointer; -webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s; }
.teamDemo .index-team-img {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	text-align: center; }
.teamDemo .index-team-img img {
	width: 100%;
}
.index-team-con {
	padding: 0 1% 6%;
}
.index-team-con h3 {
	font-size: 16px;
	line-height: 2rem;
	padding: 2% 1%;
	font-weight: 500;
}
.index-team-con span {
	letter-spacing: 0.5px;
	color: #666;
}
.teamDemo.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.teamDemo .slick-dots { margin-top: 3%; text-align: center; }
.teamDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.teamDemo .slick-dots li a {
}
.teamDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.work-yy-pro {
	padding: 4% 0;
	background: #efefef;
}
.work-yy-pro .inner-wrap {
	position: relative;
}
.workDemo { padding: 1px; border-right: 1px solid #eee; }
.workDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.workDemo .item:hover, .workDemo .item.act { background-color: #cc0000; color: #fff; }
.workDemo .slick-arrow {
	width: 58px;
	height: 68px;
	display: block;
	top: 6%;
	border: 1px solid #cecece;
}
.workDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.workDemo .slick-prev { right: 68px }
.workDemo .slick-next { right: 0 }
.workDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.workDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.workDemo .itemA { display: block; cursor: pointer; overflow: hidden; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee }
.workDemo .work-pro-img {
	overflow: hidden;
	margin-bottom: 32%;
}
.workDemo .work-pro-img img {
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.work-pro-con {
	text-align: center;
	padding: 5% 10%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32%;
	background: rgba(255, 255, 255, 0.96);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.work-pro-con h4 {
	font-weight: 500;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 0 3%;
	transition: all 0.3s;
	position: relative;
	top: 16%;
}
/*.work-pro-con p {
	margin: 3% 0;
	font-size: 13px;
	color: #666;
	line-height: 26px;
}*/
.work-pro-con img {
	width: 50px;
	margin: 0 auto;
}
.work-pro-con span {
	margin-top: 12px;
	font-size: 30px;
	color: #bc9f5f;
	text-align: center;
	display: block;
	background: url(../images/wel18.png) no-repeat center;
	line-height: 22px;
	position: absolute;
	left: 0;
	bottom: 18%;
	width: 100%;
}
.work-pro-p {
	display: none;
	margin-bottom: 6%;
	text-align: left;
}
/*.workDemo .itemA:hover .work-pro-img img {*/
	/*-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/
	/*-webkit-filter: grayscale(0);*/
	/*filter: grayscale(0);*/
/*}*/
/*.workDemo .itemA:hover .work-pro-p {*/
	/*display: block;*/
/*}*/
/*.workDemo .itemA:hover .work-pro-con {*/
	/*height: 80%;*/
/*}*/
/*.workDemo .itemA:hover .work-pro-con h4 { top: 0 }*/
.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.workDemo .slick-dots { margin-top: 3%; text-align: center; }
.workDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.workDemo .slick-dots li a {
}
.workDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.work-yy-yf {
	padding: 4% 0;
	overflow: hidden;
	position: relative;
}
.work-yf-box {
	position: relative;
	overflow: hidden;
}
.fxl {
	width: 46%;
	position: absolute;
	top: 0;
	height: 100%;
}
.fxl div {
	height: 100%;
}
.fxl img {
	display: none;
	width: 100%;
}
.fxr {
	float: right;
	width: 50%;
	overflow: hidden;
}
.fxr p {
	line-height: 34px;
	text-indent: 2em;
	font-size: 14px;
	text-align: left;
}
/**/
.work-yy-xs {
	padding: 4% 0;
	background: #efefef;
}
.work-yy-xs .index-title h1 {
	display: inline-block;
}
.work-yy-xs .index-title .index-more {
	float: right;
	margin-top: 3%;
}
.work-xs-view {
}
.work-xs-view .work-xs-ul {
}
.work-xs-view .work-xs-ul li {
	display: inline-block;
	padding: 8px 20px;
	/*background: #fff;*/
	cursor: pointer;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.work-xs-view .work-xs-ul .work-xs-li1 {
	background: rgb(212, 96, 4);
}
.work-xs-view .work-xs-ul .work-xs-li2 {
	background: rgb(230, 108, 11);
}
.work-xs-view .work-xs-ul .work-xs-li3 {
	background: rgba(244, 125, 30, 1)
}
.work-xs-view .work-xs-ul .work-xs-li4 {
	background: rgb(247, 153, 79)
}
.work-xs-view .work-xs-ul .work-xs-li5 {
	background: rgb(232, 175, 129)
}
.work-xs-view .work-xs-ul li a {
	color: #fff;
}
.work-xs-view .work-xs-ul li.active {
	background: #bc9f5f;
}
.work-xs-view .work-xs-ul li.active a {
	color: #fff;
}
.work-xs-view .work-xs-ul li:hover {
	background: #bc9f5f;
}
.work-xs-view .work-xs-ul li:hover a {
	color: #fff;
}
.work-xs-view .work-xs-items {
	display: none;
}
.work-xs-view .work-xs-items:first-child {
	display: block;
}
.work-xs-view .work-xs-items span {
	width: 31px;
	height: 36px;
	background: url(../images/icon-load.png) no-repeat 0 0;
	background-size: 68px;
	margin-top: 1%;
}
.work-xs-view .work-xs-items em {
	width:;
	height: 33px;
	/*background: url(../images/icon-load.png) no-repeat -50px 3px;*/
	background-size: 80px;
	margin-top: 1%;
}
.work-xs-view .work-xs-items .join-news-items h2 {
	width: calc(100% - 88px);
	max-width: 100%;
}
.work-xs-view .work-xs-items .join-news-items:hover span {
	background: transparent;
	background: url(../images/icon-load.png) no-repeat 0 -45px;
	background-size: 68px;
}
.work-xs-view .work-xs-items .join-news-items:hover em {
	/*background: url(../images/icon-load.png) no-repeat -50px -55px;*/
	background-size: 80px;
}
.work-xs-more {
	display: none;
	text-align: center;
}
/**/
.work-yy-tg {
	padding: 4% 0;
	overflow: hidden;
}
.work-yy-tg .index-title h1 {
	display: inline-block;
	margin-bottom: 1%;
}
.work-yy-tg .index-more {
	margin-top: 2%;
	float: right;
}
.work-tg-box .gc-active-more {
	text-align: center;
	display: none;
}
.work-yy-tg .gcnewsDemo .media-items {
	padding: 0 6px;
}
.work-yy-tg .media-con p {
	height: 50px;
}
/*=========
	xueshu
===============================*/
.sq_xueshu {
	background: #fafafa;
}
.sq_xueshu .work-xs-box {
	margin-top: 3%;
}
.sq_xueshu .work-yy-xs {
	text-align: center;
	background: transparent;
}
.sq_xueshu .work-xs-ul li {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid #d6d6d6;
}
.sq_xueshu .work-xs-view .work-xs-ul li a {
	color: #333;
}
.sq_xueshu .work-xs-ul li.active {
	background: #bc9f5f;
}
.sq_xueshu .work-xs-ul li.active a {
	color: #fff;
}
.sq_xueshu .work-xs-ul li:hover {
	background: #bc9f5f;
}
.sq_xueshu .work-xs-ul li:hover a {
	color: #fff;
}
.sq_xueshu .work-xs-items .index-more {
	margin-top: 3%;
}
/*=========
	work-jy
===============================*/
.work-jy {
	text-align: center;
}
/**/
.work-jy-about {
	overflow: hidden;
	padding: 4% 0;
}
.work-jy-about .inner-wrap {
	position: relative;
	text-align: left;
}
.work-jy-about .inner-wrap:first-of-type
{
	text-align: center;
}
.work-jy-about .work-jy-con {
	text-align: left;
	display: inline-block;
	width: 38%;
	padding: 4% 5%;
}
.work-jy-about .work-jy-con h1 {
	font-size: 1.5rem;
	color: #bc9f5f;
	margin-bottom: 4%;
}
.work-jy-about .work-jy-con p {
	line-height: 36px;
	letter-spacing: 1px;
}
.work-jy-about .work-jy-img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 62%;
}
.work-jy-about .work-jy-img img {
	display: none;
	width: 100%;
}
.work-jy-about:hover .work-jy-con {
	background: #eeeeee;
}
/**/
.work-jy-gd {
	position: relative;
	clear: both;
	padding: 8% 0;
}
.work-jy-gd div {
	position: relative;
	text-align: center;
}
.work-jy-gd span {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 68px;
	letter-spacing: 2px; color: #fff;
}
.work-jy-gd p {
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 3.8rem;
	color: #fff;
}
/**/
.zhxyDemo { padding: 1px; border-right: 1px solid #eee; position: relative }
.workDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.workDemo .item:hover, .workDemo .item.act { background-color: #cc0000; color: #fff; }
.zhxyDemo .slick-arrow {
	width: 58px;
	height: 68px;
	display: block;
	top: 50%;
	margin-top: -34px;
	border: 1px solid #cecece;
}
.zhxyDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.zhxyDemo .slick-prev { left: -68px }
.zhxyDemo .slick-next { right: -68px }
.zhxyDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.zhxyDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.zhxyDemo .itemA { display: block; margin: 2px 0; cursor: pointer; overflow: hidden; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee }
.zhxyDemo .work-pro-img {
	overflow: hidden;
	margin-bottom: 26%;
}
/* .workDemo .work-pro-img img {
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s; */
	/* -webkit-filter: grayscale(60%);
	filter: grayscale(60%); */
/* } */
.zhxyDemo .work-pro-con {
	text-align: center;
	padding: 5% 10%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28%;
	background: rgba(255, 255, 255, 0.96);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.zhxyDemo .work-pro-con h4 {
	font-weight: 500;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1;
	/*padding: 3%;*/
	transition: all 0.3s;
	position: relative;
	top: 16%;
}
.work-pro-con p {
	margin: 3% 0;
	font-size: 13px;
	line-height: 26px;
}
.work-pro-con img {
	width: 50px;
	margin: 0 auto;
}
.work-pro-con span {
	margin-top: 12px;
	font-size: 30px;
	color: #bc9f5f;
	text-align: center;
	display: block;
	background: url(../images/wel18.png) no-repeat center;
	line-height: 22px;
	position: absolute;
	left: 0;
	bottom: 18%;
	width: 100%;
}
.work-pro-p {
	display: none;
	margin-bottom: 6%;
	text-align: left;
}

/*0823*/
.workDemo .itemA .work-pro-con.on .work-pro-img img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.workDemo .itemA .work-pro-con.on{
	height: 88%;
}
.workDemo .itemA .work-pro-con.on .work-pro-p{
	display: block;
}
.workDemo .itemA .work-pro-con.on  h4 { top: 0 }
/*.workDemo .itemA:hover .work-pro-img img {*/
	/*-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/
	/*-webkit-filter: grayscale(0);*/
	/*filter: grayscale(0);*/
/*}*/
/*.workDemo .itemA:hover .work-pro-p {*/
	/*display: block;*/
/*}*/
/*.workDemo .itemA:hover .work-pro-con {*/
	/*height: 80%;*/
/*}*/
/*.workDemo .itemA:hover .work-pro-con h4 { top: 0 }*/
.zhxyDemo.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.zhxyDemo .slick-dots { text-align: center; }
.zhxyDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.zhxyDemo .slick-dots li a {
}
.zhxyDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.work-jy-school {
	padding: 5% 0;
	text-align: center;
}
.work-jy-school .index-more {
	margin-top: 3%;
}


.work-jy-school .index-title p {
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.work-jy-school h2 {
	margin-top: 2%;
	text-align: left;
	line-height: 4rem;
	margin-left: 1%;
	letter-spacing: 1px;
	color: #bc9f5f;
}
.work-school-img {
	overflow: hidden;
	position: relative;
	margin: 2% 0;
}
.work-school-img img {
	width: 100%;
}
.work-school-img .work-school-imgs {
	display: none;
}
/**/
.work-jy-serive {
	padding: 4% 0 6%;
	text-align: center;
	background: #e6e6e6;
}
.work-serive-box {
	overflow: hidden;
}
.work-serive-items {
	float: left;
	width: 49%;
	margin: 0.5%;
}
.work-serive-items &gt; div {
	float: left;
	width: 50%;
	height: 32vh;
	min-height: 180px;
	position: relative;
}
.work-jy-serive .work-serive-img {
	overflow: hidden;
}
.work-jy-serive .work-serive-img img {
	width: 100%;
	display: none;
}
.work-jy-serive .work-serive-items:nth-child(n+3) .work-serive-img {
	float: right;
}
.work-jy-serive .work-serive-img .work-serive-div {
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.work-jy-serive .work-serive-icon {
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	height: 28px;
	width: 28px;
	margin-top: -14px;
	margin-right: -14px;
	background: #efefef;
	-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
}
.work-jy-serive .work-serive-items:nth-child(n+3) .work-serive-icon {
	right: auto;
	left: 0;
	margin-right: 0;
	margin-left: -14px;
}
.work-jy-serive .work-serive-con {
	background: #efefef;
	text-align: center;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.work-jy-serive .work-serive-con &gt; div {
	position: relative;
	top: 50%;
	width: 82%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.work-jy-serive .work-serive-con img {
	width: 52px;
	margin: 0 auto;
}
.work-jy-serive .work-serive-con p {
	margin: 5% 0 3%;
	font-size: 13px;
	letter-spacing: 0.2px;
}
.work-jy-serive .work-serive-con span {
	text-align: center;
	font-size: 1.6rem;
	color: #999;
	background: url(../images/wel18.png) no-repeat center;
	line-height: 40px;
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: all 0.2s;
}
.work-jy-serive .work-serive-items:hover .work-serive-con {
	background: #bc9f5f;
}
.work-jy-serive .work-serive-items:hover .work-serive-con * {
	color: #fff;
}
.work-jy-serive .work-serive-items:hover .work-serive-div {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.work-jy-serive .work-serive-items:hover .work-serive-icon {
	background: #bc9f5f;
}
/*合作成果*/
.work-jy-part {
	padding: 4% 0 2%;
	text-align: center;
}
.work-jy-part .inner-wrap {
	position: relative;
}
.work-part-div {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	transition: 400ms;
	-webkit-transition: 400ms;
	-ms-transition: 400ms;
	vertical-align: top;
}
.work-part-div span {
	display: inline-block;
	color: #bc9f5f;
	font-size: 2rem;
	line-height: 1;
	width: 30%;
	font-family: 'BEBAS';
}
.work-part-div p {
	line-height: 68px;
	vertical-align: top;
	font-size: 1.16rem;
	letter-spacing: 1px;
	color: #666;
}
.work-part-items {
	position: relative;
	overflow: hidden;
	margin: 1% 0 0;
	background: #ece4cf;
	text-align: right;
}
.work-part-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.work-part-img img {
	width: 100%;
	display: none !important;
}
.work-part-con {
	display: inline-block;
	padding: 6% 8%;
	width: 50%;
	text-align: left;
}
.work-part-con h1 {
	font-size: 1.2rem;
	color: #bc9f5f;
}
.work-part-con p {
	line-height: 28px;
	margin-top: 2%;
	letter-spacing: 1px;
}
.work-part-con img {
	width: 86%;
	margin: 3% auto 0;
	display: block;
}
.work-part-con ul {
	float: left;
	width: 46%;
	margin-left: 4%;
}
.work-part-con ul li {
	list-style-type: disc;
	color: #bc9f5f;
	margin-left: 10px;
}
.work-part-con ul p {
	margin: 0;
	line-height: 26px;
	color: #444;
	font-size: 13px;
	letter-spacing: 0;
}
/**/
.wpartDemo { }
.wpartDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.wpartDemo .item:hover, .wpartDemo .item.act { background-color: #cc0000; color: #fff; }
.wpartDemo .slick-arrow {
	top: 0;
	width: 40px;
	height: 68px;
	z-index: 9;
}
.wpartDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.wpartDemo .slick-prev { left: 32%; }
.wpartDemo .slick-next { right: 32%; }
.wpartDemo .slick-prev i { background:#eee url(../images/arrow-left-h.png) no-repeat center; background-size: 25% }
.wpartDemo .slick-next i { background:#eee url(../images/arrow-right-h.png) no-repeat center; background-size: 25% }
.wpartDemo .itemA { display: block; cursor: pointer }
.wpartDemo.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.wpartDemo .slick-list { position: relative; z-index: 8; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.wpartDemo .slick-dots { text-align: center; margin-top: 3%; }
.wpartDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.wpartDemo .slick-dots li a {}
.wpartDemo .slick-dots li.slick-active {}
/*=========
	work-gc
===============================*/
/*园区招商 &amp; 园区服务*/
.work-gc-serive {
	padding: 4% 0;
	text-align: center;
	overflow: hidden;
	background: #fafafa;
}
.work-gc-yq {
	overflow: hidden;
	position: relative;
}
.work-gc-serive .work-gc-img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 64%;
}
.work-gc-wy {margin-bottom:3%;}
.work-gc-wy .work-gc-img {right:0;}
.work-gc-sw {}
.work-gc-sw &gt; div {float:right;}
.work-gc-sw .work-gc-img {left:0;}
.work-gc-serive .work-gc-img img {
	width: 100%;
	display: none;
}
.work-gc-serive .work-gc-con {
	width: 36%;
	text-align: left;
	padding:3% 4%;
	-webkit-transition: all 0.48s;
	-moz-transition: all 0.48s;
	-ms-transition: all 0.48s;
	-o-transition: all 0.48s;
	transition: all 0.48s;
}
.work-gc-serive .work-gc-con h1 {font-size:1.5rem;color:#bc9f5f;margin-bottom:4%;}
.work-gc-serive .work-gc-con p {line-height:34px;font-size:14px;}
.work-gc-serive .work-gc-con:hover {background:#fff;}
/*交通配套*/
.work-gc-traffic {
	padding:5% 0;
	text-align:center;
}
.work-gc-traffic .index-title h1 {
	color:rgba(255, 255, 255, 0.9);
}
.work-gc-traffic .index-title span {
	color:rgba(255, 255, 255, 0.9);
}
.work-gc-traffic .inner-wrap {}
.work-gc-traffic .inner-wrap &gt; div {
	display: inline-block;
}
.work-traffic-items {line-height:34px;}
.work-gc-traffic span {
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
}
.work-gc-traffic p {
	display: inline-block;
	color: #fff;
	opacity: 0.8;
	margin-bottom: 2%;
	letter-spacing: 1px;
}
/*经济指标*/
.work-gc-index {
	overflow: hidden;
	padding: 4% 0;
	text-align: center;
}
.work-gc-items {
	min-height: 400px;
	text-align: center;
	float: left;
	width: 24%;
	margin: 0.5%;
	padding: 2% 1%;
	background: #eee;
	position: relative;
	z-index: 3;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
	cursor: pointer;
}
.work-gc-items:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #bc9f5f;
	content: "";
	z-index: -1;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.work-gc-items img {
	margin-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.work-gc-items span {
	font-size: 1rem;
	letter-spacing: 1px;
}
.work-gc-items &gt; div &gt; p {
	padding-bottom: 6%;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px dashed #ccc;
	color: #999999;
}
.work-gc-items .work-gc-div {
	padding: 20px 10px 0;
	font-size: 14px;
	line-height: 2;
	display: inline-block;
}
.work-gc-items .work-gc-div li {
	text-align: left;
	list-style-type: initial;
	color: #bc9f5f;
}
.work-gc-items .work-gc-div li p {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 20px;
}
.work-gc-items:hover:before {
	height: 100%;
}
.work-gc-items:hover span, .work-gc-items:hover &gt; div &gt; p, .work-gc-items:hover .work-gc-div li p {color:#fff;}
.work-gc-items:hover .work-gc-div li {color:#fff;}
/**/
.work-gc-pm {padding:5% 0 3%;position:relative;}
.work-gc-pm .inner-wrap{position: relative;}
.pmDemo {}
.pmDemo .item {border-radius:5px;background-color:#d7d7d7;font-size:14px;color:#333;padding:10px 10px;margin:0px 7px;display:block;text-align:center;}
.pmDemo .item:hover, .pmDemo .item.act {background-color:#cc0000;color:#fff;}
.pmDemo .slick-arrow {
	width:58px;
	height:68px;
	display:block;
	top:2%;
	border:1px solid #cecece;
}
.pmDemo .slick-arrow i { width:100%;height:100%;margin:0 auto;display:block;transition:300ms;-webkit-transition: 300ms;}
.pmDemo .slick-prev { right:68px;}
.pmDemo .slick-next { right:0;}
.pmDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.pmDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.pmDemo .itemA { display: block; margin: 0 10px; cursor: pointer }
.pmDemo .itemA img {
	width:100%;
	border:2px solid rgba(188, 159, 95, 0.6);
	border-radius:6px;
}
.pmDemo .itemA p {
	line-height: 3rem;
	font-size: 1rem;
	letter-spacing: 1px;
	text-align: center;
}
.pmDemo.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.pmDemo .slick-dots { margin-top: 3%; text-align: center }
.pmDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.pmDemo .slick-dots li a {}
.pmDemo .slick-dots li.slick-active {background:url("../images/op04_h.png");}
/**/
.work-gc-logo {padding:4% 0;}
.logoDemo {}
.logoDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.logoDemo .item:hover, .logoDemo .item.act { background-color: #cc0000; color: #fff; }
.logoDemo .slick-arrow {
	border: 1px solid #cecece;
	top: -36%;
	width: 58px;
	height: 68px;
}
.logoDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.logoDemo .slick-prev { right:68px; }
.logoDemo .slick-next { right:0; }
.logoDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.logoDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.logoDemo .itemA { display: block; cursor: pointer }
.logoDemo .itemA:first-child {border-left:0;}
.logoDemo .itemA img {
	width:100%;
	-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.logoDemo .itemA:first-child .work-logo-img {}
.logoDemo .itemA .work-logo-img:first-child {}
.work-logo-img {margin:10px 5px;border:1px solid #eeeeee;}
.work-logo-img:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.logoDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.logoDemo .slick-dots { text-align: center; }
.logoDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.logoDemo .slick-dots li a {}
.logoDemo .slick-dots li.slick-active {background:url("../images/op04_h.png");}
/**/
.work-gc-active {padding:4% 0;}
.work-gc-active .index-title h1 {display:inline-block;}
.work-gc-active .index-title a {
	float: right;
	margin-top: 2%;
}
.work-gc-active .media-con {
	background: #fff;
}
.gcnewsDemo { }
.gcnewsDemo .media-items { width: 100%; margin: 3% 0;     padding: 0 6px;}
.gcnewsDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.gcnewsDemo .item:hover, .gcnewsDemo .item.act { background-color: #cc0000; color: #fff; }
.gcnewsDemo .slick-arrow { border: 1px solid #cecece; top: -36%; width: 58px; height: 68px; }
.gcnewsDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.gcnewsDemo .slick-prev { right: 68px; }
.gcnewsDemo .slick-next { right: 0; }
.gcnewsDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.gcnewsDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.gcnewsDemo .itemA { display: block; cursor: pointer }
.gcnewsDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.gcnewsDemo .slick-dots { text-align: center; }
.gcnewsDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.gcnewsDemo .slick-dots li a {
}
.gcnewsDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
.gc-active-more {
	display: none;
	text-align: center;
}
/*=========
	culture
===============================*/
.culture {
	width: 100%;
}
/*文化体系*/
.culture-tx {
	padding: 4% 0 6%;
	overflow: hidden;
	text-align: center;
}
.culture-tx-box {
}
.culture-tx-items {
}
.culture-tx-img {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div {
	cursor: pointer;
	position: relative;
	float: left;
	width: 32%;
	height: 230px;
	margin: 0 2% 2% 0;
	overflow: hidden;
	background: #fafafa;
	padding: 0 0 0 5%;
}
.culture-tx-div &gt; img {
	position: absolute;
	right: 5%;
	bottom: 10%;
	width: 88px;
	opacity: 0.5;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div:nth-child(3n) {
	margin: 0 0 2% 0;
}
.culture-tx-div div {
	position: relative;
	top: 46%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
	text-align: left;
}
.culture-tx-div h1 {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
	position: relative;
	padding-bottom: 4%;
	margin-bottom: 10%;
}
.culture-tx-div h1:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 38%;
	background: #bc9f5f;
}
.culture-tx-div p {
	letter-spacing: 2px;
	font-size: 0.9rem;
	line-height: 1.8rem;
	width: 80%;
	max-width: 218px;
}
.culture-tx-div p span {
	display: block;
}
.culture-tx-div:hover h1 {
	color: #bc9f5f;
}
.culture-tx-div:hover &gt; img {
	bottom: 16%;
	opacity: 0.8;
}
/*杂志*/
.culture-zz {
	background: #f5f5f5 url("../images/bg3.jpg") no-repeat center;
	background-size: cover;
	padding: 4% 0;
}
.culture-zz .inner-wrap {
	position: relative;
}
.culture-zz .index-title span {
}
.zzDemo { }
.zzDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.zzDemo .item:hover, .zzDemo .item.act { background-color: #cc0000; color: #fff; }
.zzDemo .slick-arrow { border: 1px solid #cecece; top: 2%; width: 58px; height: 68px }
.zzDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.zzDemo .slick-prev { right: 68px; }
.zzDemo .slick-next { right: 0; }
.zzDemo .slick-prev i { background: url(../images/arrow-left-h.png) no-repeat center; background-size: 25% }
.zzDemo .slick-next i { background: url(../images/arrow-right-h.png) no-repeat center; background-size: 25% }
.zzDemo .slick-arrow:hover { background-color: #bc9f5f; }
.zzDemo .slick-prev:hover i { background: url(../images/arrow-left-light.png) no-repeat 30% center; background-size: 25% }
.zzDemo .slick-next:hover i { background: url(../images/arrow-right-light.png) no-repeat 70% center; background-size: 25% }
.zzDemo .itemA { display: block; margin: 0 10px; /*box-shadow: 6px -6px 8px #d0d0d0; */ background: #ffffff;    padding:20px; cursor: pointer }
.zzDemo .zzDemo-con {
	display: inline-block;
	width: 40%;
	text-align: center;
}
.zzDemo .zzDemo-con h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	margin-top: 10%;
	letter-spacing: 1px;
}
.zzDemo p {
	clear: both;
	width: 50%;
	max-width: 132px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #e0e0e0;
	border-radius: 30px;
	margin-top: 26px;
	transition: background 0.3s, border 0.3s;
}
.zzDemo p span {
	display: inline-block;
	padding-left: 24px;
	background: url(../images/op09.png) no-repeat left center;
	font-size: 13px;
	color: #666;
	transition: background 0.3s, color 0.3s;
}
.zzDemo .zzDemo-img {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	text-align: center;
	float: right;
	width: 55%;
}
.zzDemo .zzDemo-img img {
	width: 100%;
}
.zzDemo .itemA:hover p {
	background: #bc9f5f;
}
.zzDemo .itemA:hover p span {
	color: #ffffff;
	background: url(../images/op09_h.png) no-repeat left center;
}
.zzDemo.slick-slider { /*position: relative; */ display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.zzDemo .slick-dots { text-align: center; margin-top: 3%; }
.zzDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.zzDemo .slick-dots li a {
}
.zzDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/*风采*/
.culture-fc {
	padding: 4% 0;
}
.culture-fc .inner-wrap {
	position: relative;
}
/**/
.fcDemo { }
.fcDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.fcDemo .item:hover, .fcDemo .item.act { background-color: #cc0000; color: #fff; }
.fcDemo .slick-arrow {
	border: 1px solid #cecece;
	top: 2%;
	width: 58px;
	height: 68px;
}
.fcDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.fcDemo .slick-prev { right: 68px; }
.fcDemo .slick-next { right: 0; }
.fcDemo .slick-prev i { background: url("../images/arrow-left-h.png") no-repeat center; background-size: 25%; }
.fcDemo .slick-next i { background: url("../images/arrow-right-h.png") no-repeat center; background-size: 25%; }
.fcDemo .itemA { display: block; cursor: pointer; padding: 8px }
.fcDemo .itemA:first-child { border-left: 0 }
.fcDemo .itemA img {
	width: 100%;
}
.fcDemo .fcDemo-img {
	position: relative;
	overflow: hidden;
}
.fcDemo .culture-fc-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.fcDemo .culture-fc-bg p {
	position: absolute;
	bottom: 8%;
	left: 5%;
	width: 88%;
	color: rgba(255, 255, 255, 0.88);
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 40px;
	text-align: left;
}
.fcDemo .fcDemo-img:hover img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.fcDemo.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.fcDemo .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.fcDemo .slick-slide { float: left; height: 100%; min-height: 1px; display: block; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.fcDemo .slick-dots { text-align: center; }
.fcDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.fcDemo .slick-dots li a {
}
.fcDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/*=========
	school
===============================*/
.school {
	text-align: center;
	padding: 3% 0;
	margin: 0 auto;
	overflow: hidden;
}
.school-box {
}
.school .index-more {
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin-top: 3%;
}
.school-img {
	width: 55%;
	display: inline-block;
}
.school-img img {
	width: 100%;
}
.school-con {
	text-align: left;
}
.school-con h3 {
	font-size: 26px;
	color: #333;
	margin-top: 0;
	text-transform: uppercase;
}
.school-con h4 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #666;
}
.school-con p {
	font-size: 14px;
	line-height: 26px;
	overflow: hidden;
	letter-spacing: 1px;
}
.school-con p:first-of-type {
	margin-bottom: 10px;
}
.school-con p span {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #bc9f5f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.school-con .link:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #333;
	top: 100%;
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.school-view {
	padding-bottom: 80px;
	position: relative;
	text-align: left;
}
.school-view:nth-child(2n){
	text-align: right;
}

.school-view:nth-child(2n) .school-con
{
	right: auto;
	left: 0;
}
.school-items-box {
}
.school-items-box &gt; div {
	float: left;
	width: 48%;
}
.school-view .school-con {
	background: #eee;
	position: absolute;
	right: 0;
	width: 46%;
	top: 43%;
	padding: 4% 5%;
	text-align: left;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.school-items:first-child {
	margin-right: 4%;
}
.school-items .school-img {
	width: 100%;
}
.school-items .school-img-moblie {
	display: none;
	width: 100%;
}
.school-items .school-con {
	width: 100%;
	padding: 50px 0 50px;
}
/*=========
	s-coop
===============================*/
.s-coop {
}
/**/
.s-coop-ab {
	text-align: center;
	padding: 3% 0 5%;
}
.s-ab-box {
	position: relative;
	overflow: hidden;
}
.s-ab-box .about-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.s-ab-box .about-img img {
	display: none;
	width: 100%;
}
.s-ab-box .about-con {
	float: right;
	display: inline-block;
	padding: 2% 4%;
	width: 50%;
	text-align: left;
}
.s-ab-box .about-con h4 {
	font-size: 1.3rem;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #bc9f5f;
}
.s-ab-box .about-con-p {
}
.s-ab-box .about-con-p p {
	    font-size: 14px;
    line-height: 38px;
    letter-spacing: 0.5px;
}
.s-ab-box .about-con &gt; p {
	font-size: 0.875rem;
	line-height: 2rem;
	color: #333;
	margin-top: 3%;
}
.s-ab-box .about-con &gt; p span {
	font-weight: bold;
	font-size: 20px;
}
/**/
.s-coop-obj {
	padding: 4% 0;
	text-align: center;
}
.s-coop-obj .index-title h1, .s-coop-obj .index-title h1 span {
	color: #fff;
}
.s-obj-box {
	overflow: hidden;
}
.s-obj-items {
	height: 248px;
	min-height: 248px;
	width: 19%;
	background: rgba(0, 0, 0, 0.1);
	margin: 0.5%;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0;
	position: relative;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.s-obj-items:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #bc9f5f;
	-webkit-transition: all 0.48s;
	-moz-transition: all 0.48s;
	-ms-transition: all 0.48s;
	-o-transition: all 0.48s;
	transition: all 0.48s;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.s-obj-items:last-child {
	margin-right: 0;
}
.s-obj-items &gt; div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.s-obj-items img {
	display: block;
	max-width: 50px;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.s-obj-items span {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 28px;
	margin: 8% auto 5%;
}
.s-obj-items em {
	display: block;
	width: 8%;
	height: 2px;
	margin: 0 auto;
	background: #ffffff;
}
.s-obj-items p {
	color: #eeeeee;
	letter-spacing: 1px;
	display: block;
	max-width: 88%;
	margin: 8% auto 0;
}
.s-obj-items:hover img {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.s-obj-items:hover:before {
	height: 100%;
}
/**/
.s-coop-logo {
	text-align: center;
	padding: 4% 0;
}
.coopDemo {    margin-top: 100px; }
.coopDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.coopDemo .item:hover, .coopDemo .item.act { background-color: #cc0000; color: #fff; }
.coopDemo .slick-arrow {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 5px;
	top: -66px;
}
.coopDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.coopDemo .slick-prev { left: 50%;margin-left: -50px; }
.coopDemo .slick-next {  right: 50%;margin-right: -50px; }
.coopDemo .slick-prev i {   background: url(../images/prev.png) no-repeat center;background-size: contain;  }
.coopDemo .slick-next i {    background: url(../images/next.png) no-repeat center;background-size: contain; }
.coopDemo .itemA { display: block; cursor: pointer; }
.coopDemo .work-logo-img {
	margin: 5px;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
	padding: 10px
}
.coopDemo .itemA img {
	width: 42%;
	margin: 0 auto;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.coopDemo .work-logo-img:hover img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.coopDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.coopDemo .slick-dots { }
.coopDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.coopDemo .slick-dots li a {
}
.coopDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.s-coop-ts {
	padding: 3% 0;
	text-align: center;
	overflow: hidden;
	background: #eeeeee;
}
.s-coop-ts .inner-wrap {
	overflow: hidden;
	position: relative;
}
.s-coop-ts .s-ts-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.s-coop-ts .s-ts-img img {
	display: none;
	width: 100%;
}
.s-coop-ts .s-ts-con {
	float: right;
	width: 50%;
	background: #fff;
	padding: 50px 80px;
	text-align: left;
}
.s-coop-ts .s-ts-con .cont_lis {
	margin-top: 40px;
}
.s-coop-ts .s-ts-con h2 {
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.s-coop-ts .s-ts-con p {
	font-size: 14px;
	line-height: 32px;
	margin: 0;
	letter-spacing: 1px;
}
.s-coop-ts .s-ts-con p span {
	display: block;
	font-size: 15px;
	color: #bc9f5f;
	float: left;
	margin-right: 5px;
}
/*=========
	s-team
===============================*/
.s-team-fc {
	padding: 3% 0;
	text-align: center;
	position: relative;
	background-color: #f5f5f5;
}
.s-team-fc p {
	font-size: 15px;
	line-height: 30px;
	max-width: 68%;
	margin: 0 auto;
}
.s-team-fc:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	background: #eeeeee;
	z-index: -1;
}
/**/
.fteamDemo { margin-top: 100px; }
.fteamDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.fteamDemo .item:hover, .fteamDemo .item.act { background-color: #cc0000; color: #fff; }
.fteamDemo .slick-arrow {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 5px;
	top: -66px;
}
.fteamDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.fteamDemo .slick-prev { left: 50%; margin-left: -50px }
.fteamDemo .slick-next { right: 50%; margin-right: -50px }
.fteamDemo .slick-prev i { background: url("../images/prev.png") no-repeat center;background-size: contain;}
.fteamDemo .slick-next i { background: url("../images/next.png") no-repeat center;background-size: contain; }
.fteamDemo .itemA { display: block; margin: 0 5px; cursor: pointer; overflow: hidden; }
.fteamDemo .itemA img {
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.fteamDemo .itemA:hover img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.fteamDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.fteamDemo .slick-dots { text-align: center; position: absolute; bottom: 3%; left: 0; width: 100%; }
.fteamDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.fteamDemo .slick-dots li a {
}
.fteamDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.s-team-py {
	text-align: center;
	padding: 4% 0;
}
.s-team-py .index-title h1 {
	margin-bottom: 1%;
}
.s-team-py .index-title p {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 30px;
	max-width: 68%;
	margin: 0 auto 2%;
}
/*=========
	s-train
===============================*/
/**/
.coo-idea {
}
.coo-idea .coo-idea-more {
	display: none;
	text-align: center;
}
.coo-idea .coo-idea-more a {
}
.coo-idea p {
	font-size: 0.875rem;
	text-align: justify;
	line-height: 38px;
	color: #555;
	margin-left: 4px;
}
.coo-idea .ilist {
	position: relative;
}
.coo-idea .core_por {
	width: 20%;
	color: #989898;
	text-align: center;
	float: left;
}
.coo-idea .core_por .in {
	width: 100%;
	margin: 0 auto;
}
.coo-idea .core_por .top {
	padding: 8% 16%;
}
.coo-idea .core_por .line {
	width: 40%;
	height: 1px;
	background: #c0c0c0;
	margin: 0 auto 6%;
	transition: background 0.5s;
}
.coo-idea .core_por h3 {
	margin-bottom: 4%;
	font-size: 17px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.coo-idea .core_por .num {
	height: 96px;
	/*background: url("../images/join01.png") no-repeat center top;*/
	transition: background 0.5s;
	color: #cecece;
	font-size: 48px;
}
.coo-idea .core_detail {
	padding-bottom: 40px;
}
.coo-idea .core_detail ul {
	display: inline-block;
}
.coo-idea .core_detail p {
	text-align: center; }
.coo-idea .ilist .num.se {
	background-image: url("../images/join02.png");
}
.coo-idea .ilist .num.th {
	background-image: url("../images/join03.png");
}
.coo-idea .ilist .num.sv {
	background-image: url("../images/join04.png");
}
.coo-idea .ilist .num.six {
	background-image: url("../images/join05.png");
}
.coo-idea .ilist a {
	display: inline-block;
	width: 100%;
	min-height: 42vh;
	height: 100%;
	background: #fff;
	transition: background 0.5s;
}
.coo-idea .ilist a:hover {
	background: #bc9f5f;
}
.coo-idea .ilist a:hover h3 {
	color: #fff;
}
.coo-idea .ilist a:hover p {
	color: #fff;
}
.coo-idea .ilist a:hover .num {
	background-position: center -96px;
}
.coo-idea .ilist a:hover .line {
	background: #fff;
}
/**/
.s-train-six {
	text-align: center;
	padding: 4% 0;
	position: relative;
}
.s-train-six .index-more {
	margin-top: 3%;
}
/**/
.s-train-ntop {
	position: relative;
	background-color: #f5f5f5;
	padding: 80px 0 120px;
}
.s-train-ntop .index-title h1 {
	display: inline-block;
}
.s-train-ntop .index-title a {
	float: right;
	margin-top: 1%;
}
.s-train-ntop p {
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 28px;
}
.s-train-nbtm {
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
	margin-top: -100px;
	position: relative;
}
.s-train-nbtm .index-more {
	margin: 3% 0 6%;
}
.s-train-items {
	float: left;
	width: 19.5%;
	margin: 0.25%;
	position: relative;
}
.s-train-img {
}
.s-train-img img {
	display: block;
	width: 100%;
}
.s-train-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.18);
}
.s-train-con &gt; div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.s-train-con img {
	max-width: 48px;
	margin: 0 auto;
	display: block;
}
.s-train-con span {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
}
.s-train-con p {
	font-size: 22px;
	line-height: 26px;
	margin-top: 10px;
	letter-spacing: 4px;
	color: #fff;
}
/**/
.s-six-box {
	overflow: hidden;
}
.s-six-items {
	display: block;
	cursor: pointer;
	width: 32%;
	margin: 0.5%;
	float: left;
	position: relative;
}
.s-six-img {
	overflow: hidden;
}
.s-six-img img {
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	filter: grayscale(40%);
	width: 100%;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.s-six-name {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10% 6% 6%;
	text-align: left;
	z-index: 10;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.s-six-name img {
	width: 42px;
	margin-bottom: 1%;
}
.s-six-name h1 {
	color: #fff;
	font-weight: 500;
	position: relative;
	z-index: 10;
	text-transform: uppercase;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.s-six-name span {
	font-size: 0.875rem;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.s-six-items:hover .s-six-img img {
	-webkit-filter: grayscale(0);
	-moz--filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.s-six-items:hover .s-six-name {
	padding: 10% 6% 10%;
}
/*=========
	s-train-dn
===============================*/
.s-train-dnDet {
	padding: 3% 0 0;
	text-align: center;
}
.s-train-dnBox {
}
.s-train-dnDiv {
	padding: 6% 0;
	text-align: right;
}
.s-train-dnDiv:first-child {
	padding: 1% 0 6%;
}
.s-train-dnDiv:nth-child(2n) {
	background: #f3f2f0;
	text-align: left;
}
.s-train-dnUnm {
	position: relative;
	overflow: hidden;
}
.s-train-dnDet &gt; .s-train-dnUnm {
	background: #f3f2f0;
}
.s-train-dnImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 46%;
	height: 100%;
}
.s-train-dnDiv:nth-child(2n) .s-train-dnImg {
	right: 0;
	left: auto;
}
.s-train-dnImg img {
	display: none;
	width: 100%;
}
.s-train-dnCon {
	display: inline-block;
	width: 50%;
	text-align: left;
}
.s-train-dnCon .index-more {
	margin-top: 3%;
}
.s-train-dnUnm .inner-wrap .s-train-dnCon {
	float: left;
}
.inner-wrap .s-train-dnUnm .s-train-dnCon {
	float: right;
}
.s-train-dnCon h1 {
	text-align: justify;
	font-size: 1.5rem;
	font-weight: bold;
}
.s-train-dnCon p {
	font-size: 14px;
	letter-spacing: 1px;
	margin: 1% 0 3%;
	line-height: 26px;
}
.s-train-dnCon ul {
}
.s-train-dnCon li {
	line-height: 32px;
	letter-spacing: 2px;
	color: #666;
}
.blank_core {
	margin-top: 30px;
}
.blank_core a {
	background: #666;
	padding: 12px 48px;
	color: #fff;
	border-radius: 2px;
	transition: all 0.5s;
}
.blank_core a:hover {
	background: #ccc;
}
.core-war {
	margin: 0 auto;
	overflow: hidden;
}
/*=========
	s-train-dw
===============================*/
.s-dwDet-box .index-more {
	margin: 0;
	cursor: pointer;
}
.s-dwDet-img {
	text-align: left;
}
.s-dwDet-img2 .s-dwimg-div {
	width: 19%;
}
.s-dwDet-img h4 {
	margin: 1%;
	font-size: 1.1rem;
	letter-spacing: 2px;
}
.s-dwDet-box {
	text-align: center;
	padding: 3% 0;
	background: #fafafa;
}
.s-dwimg-box {
	overflow: hidden;
	border-bottom: 1px dashed #bbb;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
.s-dwDet-img:last-child .s-dwimg-box {
	border-bottom: 0;
}
.s-dwimg-box&gt;p
{
	overflow: hidden;
	width: 24%;
	float: left;
	margin: 0.5%;
}
.s-dwimg-box&gt;p img
{
	width: 100%;
}
.s-dwimg-div {
	overflow: hidden;
	width: 24%;
	float: left;
	margin: 0.5%;
}
.s-dwimg-div img {
	width: 100%;
}
.s-dwDet-p {
}
.s-dwDet-p p {
	text-align: left;
	line-height: 32px;
	letter-spacing: 1px;
	font-size: 15px;
}
/*=========
	play
===============================*/
.play {
	text-align: center;
}
.play-ab {
	padding: 4% 0;
	text-align: center;
	overflow: hidden;
	background: #fafafa;
}
.play-p {
	font-size: 0.96rem;
	color: #666;
	line-height: 2rem;
}
.play-p span {
	display: block;
	font-size: 0.96rem;
	color: #666;
	line-height: 2rem;
}
.play-box {
	margin-top: 1%;
}
.play-items {
	padding: 3%;
}
.play-items div {
	position: relative;
	z-index: 1;
}
.play-items img {
	width: 50px;
	margin: 0 auto;
}
.play-items h4 {
	font-size: 1rem;
	line-height: 48px;
	margin-bottom: 1%;
	letter-spacing: 1px;
	position: relative;
}
.play-items h4:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 45%;
	width: 10%;
	height: 2px;
	background: #bc9f5f;
}
.play-items div.p-animate {
	display: none;
    text-indent: 2em;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 32px;
    padding: 6% 5%;
    text-align: left;
}
.play-items:hover {
	background: #fff;
}
/**/
.playDemo { margin-top: 3%; }
.playDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.playDemo .item:hover, .playDemo .item.act { background-color: #cc0000; color: #fff; }
.playDemo .slick-arrow { width: 40px;
	height: 68px;
	display: block;
	background-color: rgba(188, 159, 95, 1);
	top: 50%;
	margin-top: -30px; }
.playDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.playDemo .slick-prev { left: 6px; }
.playDemo .slick-next { right: 6px; }
.playDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.playDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.playDemo .itemA { display: block; background: #fff; cursor: pointer; margin: 0 10px }
.playDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.playDemo .slick-dots { text-align: center; margin-top: 3%; }
.playDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.playDemo .slick-dots li a {
}
.playDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.play-honor {
	clear: both;
	padding: 4% 0;
	text-align: center;
}
.play-honor .play-honor-box {
	overflow: hidden;
	text-align: right;
	position: relative;
}
.play-honor-r {
	display: inline-block;
	position: relative;
}
.play-honor .play-honor-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 34%;
	height: 100%;
}
.play-honor .play-honor-l img {
	display: none;
	width: 100%;
}
.play-honor .play-honor-icon img {
	position: absolute;
	z-index: 10;
}
.play-honor .play-honor-lt {
	left: 12px;
	top: 0;
}
.play-honor .play-honor-rt {
	top: 0;
	right: 12px;
}
.play-honor .play-honor-lb {
	bottom: 0;
	right: 12px;
}
.play-honor .play-honor-rb {
	bottom: 0;
	left: 12px;
}
.play-honor .play-honor-r {
	width: 64%;
	padding: 3% 0 3% 5%;
	margin-left: 2%;
	background: #bc9f5f;
}
.play-honor .play-honor-r h3 {
	text-align: left;
	font-weight: 500;
	color: #fff;
	font-size: 26px;
	line-height: 50px;
	margin-bottom: 42px;
}
.play-honor .play-honor-r h3 span {
	text-transform: uppercase;
	color: rgba(238, 238, 238, 0.2);
	font-size: 30px;
	margin-left: 20px;
	line-height: 46px;
	vertical-align: bottom;
}
.play-honor .play-honor-r ul {
}
.play-honor .play-honor-r ul li {
	padding: 0 0 10px;
	float: left;
	width: 48%;
	margin-right: 3%;
	border-bottom: 1px dotted rgba(250, 250, 250, 0.16);
	list-style-type: square;
	text-align: left;
	margin-bottom: 12px;
	color: #fff;
}
.play-honor .play-honor-r ul li p {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}
.play-honor .play-honor-r ul li:nth-child(2n) {
	margin-right: 0;
}
/**/
.play-team {
	padding: 4% 0;
	background: #eeeeee;
}
.play-team-box {
	overflow: hidden;
}
.play-team-items {
	/*float: left;*/
	/*width: 31%;*/
	/*margin: 1%;*/
	position: relative;
}
.play-team-img {
}
.play-team-img img {
	width: 100%;
}
.play-team-con {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 3%;
	text-align: center;
}
.play-team-con &gt; div {
	position: relative;
	top: 50%;
	padding-left: 10%;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.play-team-con &gt; div &gt; div {
	float: left;
	vertical-align: top;
}
.play-team-num {
	width: 16%;
}
.play-team-num span {
	font-size: 46px;
	font-family: icomoon;
	letter-spacing: -10px;
	color: #333;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 16px;
	display: block;
}
.play-team-num img {
	width: 100%;
	display: block;
}
.play-team-det {
	text-align: left;
	width: 80%;
	margin-left: 4%;
}
.play-team-det p {
	font-size: 13px;
	line-height: 34px;
	letter-spacing: 1px;
}
.play-team-det p span {
	font-size: 16px;
	margin-right: 10px;
	color: #000;
}
/**/
.pteamDemo { }
.pteamDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.pteamDemo .item:hover, .pteamDemo .item.act { background-color: #cc0000; color: #fff; }
.pteamDemo .slick-arrow { width: 40px;
	height: 68px;
	display: block;
	background-color: rgba(188, 159, 95, 1);
	top: 50%;
	margin-top: -30px; }
.pteamDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.pteamDemo .slick-prev { left: 6px; }
.pteamDemo .slick-next { right: 6px; }
.pteamDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.pteamDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.pteamDemo .itemA { display: block; padding: 3px 8px; cursor: pointer; }
.pteamDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.pteamDemo .slick-dots { text-align: center; }
.pteamDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.pteamDemo .slick-dots li a {
}
.pteamDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png");
}
/**/
.play-zc {
	padding: 4% 0;
	text-align: center;
}
.play-zc-img {
}
.play-zc-img img {
	max-width: 90%;
	/*width: 100%;*/
	/*height: 56vh;*/
}
/*=========
	news
===============================*/
.news {
	text-align: center;
}
.news-top {
	padding: 4% 0;
	background: url("../images/bg1.jpg") no-repeat center;
	background-size: cover;
}
/**/
.news-search {
	text-align: right;
}
.news-search form {
	border-bottom: 1px solid rgba(188, 159, 95, 0.38);
	overflow: hidden;
	padding: 1% 0;
}
.news-search form &gt; div {
	width: 28%;
	float: right;
}
.news-search input {
	width: 72%;
	padding: 10px 4%;
	line-height: 20px;
	height: 42px;
	border: 1px solid #e2e2e2;
	border-right: 0;
	color: #999;
	font-size: 12px;
	background: #fff;
}
.news-search .news-search-txt {
}
.news-search .news-search-btn {
	width: 28%;
	background: #bc9f5f;
	color: #ffffff;
	text-align: center;
	padding: 0;
	border: 0;
	cursor: pointer;
}
/**/
.news-view-box {
	text-align: left;
	margin: 2% auto 0;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	transition: all .25s;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
}
.news-view-items {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: block;
	transition: all ease-out .2s;
}
.news-view-items &gt; div {
	position: relative;
	left: 0;
	-webkit-transition: all 0.68s; -moz-transition: all 0.68s; -ms-transition: all 0.68s; -o-transition: all 0.68s; transition: all 0.68s;
}
.news-view-items &gt; div &gt; div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	background: #fff;
}
.news-view-img {
}
.news-view-img img {
	width: 100%;
}
.news-view-img span {
	font-size: 42px;
	line-height: 50px;
	text-align: right;
	color: #5ec3cf;
}
.news-view-img p {
	color: #666;
	font-size: 16px;
	text-align: right;
}
.news-view-con {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.news-view-con &gt; div {
	position: relative;
	top: 50%;
	left: 14%;
	width: 72%;
	text-align: left;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.news-view-con h2 {
	/*font-weight: 100;*/
	line-height: 4rem;
	font-size: 1.2rem;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-view-con span {
	display: block;
	margin: 20px 0 10px;
	color: #999;
	font-size: 13px;
}
.news-view-con span img {
	margin-right: 6px;
	vertical-align: sub;
}
.news-view-con p {
	height: 132px;
	font-size: 0.875rem;
	line-height: 2rem;
	letter-spacing: 1px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.news-view-con .news-more {
}
.news-view-con .news-more span {
	color: #666;
	font-size: 13px;
	border: 1px solid #dadada;
	display: inline-block;
	line-height: 22px;
	padding: 6px 28px;
	letter-spacing: 1px;
}
.news-view-box:hover {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .4);
}
.news-view-box:hover .news-view-con h2 {
	color: #bc9f5f;
}
/*=========
	media
===============================*/
.media-box {
	overflow: hidden;
	padding: 3% 0;
}
.media-div {
	overflow: hidden;
}
.media-items {
	display: block;
	width: 31.33%;
	margin: 1%;
	float: left;
}
.media-img {
	overflow: hidden;
	height: 240px;
}
.media-img img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.media-con {
	padding: 6% 8%;
	height: 200px;
	border: 1px solid #eee;
	text-align: left;
	background: #f5f5f5;
}
.media-con h3 {
	font-size: 1rem;
	line-height: 2rem;
	margin-bottom: 4%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.5px;
}
.media-con p {
	font-size: 13px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	letter-spacing: 0.5px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.media-con span {
	display: block;
	margin: 20px 0 10px;
	font-size: 13px;
}
.media-con span img {
	display: inline-block;
	margin-right: 6px;
	vertical-align: sub;
}
.media-items:hover .media-img img {
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.media-items:hover .media-con h3 {
	color: #bc9f5f;
}
/*=========
	video
===============================*/
.video {
	padding: 4% 0;
	text-align: center;
}
.video-box {
	overflow: hidden;
}
.video-items {
	cursor: pointer;
	width: 31%;
	margin: 1%;
	float: left;
	position: relative;
}
.video-img {
	position: relative;
	overflow: hidden;
}
.video-img img {
	width: 100%;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.video-items-icon {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .28);
}
.video-items-icon img {
	position: relative;
	top: 50%;
	width: 52px;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.68;
}
.video-items h3 {
	font-weight: 500;
	font-size: 1rem;
	line-height: 3rem;
	letter-spacing: 1px;
	border-bottom: 1px solid #d6d6d6;
}
.video-items:hover .video-img &gt; img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.video-items:hover .video-items-icon {
	background: rgba(255, 255, 255, 0.1);
}
.video-items:hover h3 {
	color: #bc9f5f;
}
/*=========
	news-con
===============================*/
.news-details {
	padding: 3% 0;
	text-align: center;
}
.news-details img
{
	margin-top: 20px;
	max-width: 100%;
	position: relative;
	left: -2em;
}
.news-details .inner-wrap {
	min-height: 600px;
	margin: 0 auto;
	background: #fff;
}
.news-details-title {
	border-bottom: 1px solid #eeeeee;
	padding: 2% 3%;
	margin-bottom: 4%;
}
.news-details-title h1 {
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 3%;
}
.news-details-title p {
	font-size: 13px;
}
.news-details-title span {
	color: #666;
	font-size: 13px;
	margin: 0 4px;
}
.news-details-title img {
	margin-left: 5%;
	vertical-align: middle;
	left: 0;
	margin-top: 0;
}
.news-details-con {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5%;
}
.news-details-con video
{
	max-width: 820px;
    border: 1px solid #eee;
    padding: 5px;
    background: #f8f8f8;
    /*background:  url(../images/banner4.jpg) no-repeat center;
    background-size: cover;*/
}
.news-details-con &gt; p {
	text-indent: 2em;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 42px;
}
.news-details-con div {
	text-align: center;
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin: 1%;
}
.news-details-con div.one {
	width: 100%;
}
.news-details-con div img {
	max-width: 72%;
	display: inline-block;
}
.news-details-con div p {
	margin-top: 2%;
	line-height: 23px;
	color: #333;
	letter-spacing: 0.4px;
}
.news-details-back {
	text-align: center;
	margin-top: 5%;
}
.news-details-back a {
	display: inline-block;
	background: #bc9f5f;
	color: #fff;
	margin-top: 0;
}
/*=========
	join
===============================*/
/*招聘页面*/
.join {
	height: 100vh;
	min-height: 538px;
	padding-top: 127px;
	background: url("../images/join-bg1.jpg") no-repeat center;
	text-align: center;
}
.join &gt; div {
	position: absolute;
	top: 58%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
.join .tit {
	display: block;
	line-height: 50px;
	font-size: 42px;
	color: #fff;
	margin-bottom: 2%;
}
.join .join-div {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.68);
	padding: 5% 0;
	width: 31%;
	margin: 1%;
	position: relative;
	vertical-align: top;
}
.join .join-div &gt; div {
	position: relative;
	text-align: center;
}
.join .join-div:before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 4%;
	left: 2%;
	width: 96%;
	height: 92%;
	background: rgba(255, 255, 255, 0.2);
}
.join span {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 1px;
}
.join .index-more {
	width: 170px;
	height: 46px;
	line-height: 46px;
	margin-top: 8%;
}
.join-ewm {
}
.join-ewm img {
	height: 120px;
}
/*common*/
/* 招聘banner*/
.bannerDemo { position: relative; }
.bannerDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.bannerDemo .item:hover, .bannerDemo .item.act { background-color: #cc0000; color: #fff; }
.bannerDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #999999; top: 50%; margin-top: -16px; }
.bannerDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.bannerDemo .slick-prev { left: 0; }
.bannerDemo .slick-next { right: 0; }
.bannerDemo .slick-prev i { }
.bannerDemo .slick-next i { }
.bannerDemo .itemA { display: block; cursor: pointer }
.bannerDemo .itemA img {
	width: 100%;
}
.bannerDemo.slick-slider { /* position: relative; */ display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.bannerDemo .slick-dots { position: absolute; bottom: 5%; left: 0px; width: 100%; text-align: center; }
.bannerDemo .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #cecece;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.bannerDemo .slick-dots li a {
}
.bannerDemo .slick-dots li.slick-active {
	background: url("../images/op04_h.png") no-repeat center;
}
.join-xy.bannerDemo .slick-dots li.slick-active {
	background: url("../images/op05_h.png") no-repeat center;
}
/*招聘 查看更多 按钮*/
.join-sh .index-title h1 {
	display: inline-block;
}
/*招聘筛选*/
.join-job-choose {
}
.jobsearch {
	padding-bottom: 20px;
	overflow: hidden;
}
.jobsearch form &gt; div {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.job-area {
	margin-bottom: 20px;
	overflow: hidden;
}
.jobsearch form .job-area select {
	width: 33%;
}
.jobsearch .optin {
	float: left;
	width: 20%;
	margin-right: 2.5%;
	height: 44px;
	padding-left: 1.5%;
	line-height: 44px;
	border: none;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	box-sizing: border-box;
	outline: none;
	display: block;
}
.jobsearch .job-area .optin:last-of-type {
	margin-right: 0;
}
.jobsearch .job-search {
	position: relative;
}
.jobsearch .tbsearchbtn {
	float: left;
	width: 10%;
	background-color: #bc9f5f;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	height: 44px;
	font-size: 12px;
	color: #fff;
}
/*招聘岗位*/
.join-job {
	padding: 3% 0;
	background-color: #f5f5f5;
}
.join-job .index-title h1 {
	display: inline-block;
}
.join-job .index-title a {
	float: right;
	margin-top: 1%;
}
.join-job-more {
	text-align: center;
}
.join-job-more .index-more {
	margin-top: 3%;
}
.join-xy .join-job-more .index-more {
	/*background: #15c79e;*/
}
.join-job-box {
	overflow: hidden;
}
.join-job-hot {
	text-align: left;
	width: 23%;
	float: right;
	padding: 25px 3%;
	background-color: #fff;
}
.join-job-hot h1 {
	font-size: 18px;
	color: #bc9f5f;
	line-height: 22px;
	margin-bottom: 20px;
}
.join-job-hot ul {
}
.join-job-hot li {
	cursor: pointer;
	line-height: 49px;
	border-bottom: 1px solid #eee;
	padding: 0 0 0 6%;
	position: relative;
	-webkit-transition: all 0.48s;
	-moz-transition: all 0.48s;
	-ms-transition: all 0.48s;
	-o-transition: all 0.48s;
	transition: all 0.48s;
}
.join-job-hot li:before {
	content: "›";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	color: #999;
}
.join-job-hot a {
	display: block;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.join-job-list {
	float: left;
	width: 74%;
}
.join-job .title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #bc9f5f;
	font-size: 14px;
	color: #ffffff;
	padding: 0 4%;
}
.join-job .title span {
	/*width: 29%;*/
	float: left;
	text-align: center;
	color: #ffffff;
}
.join-job .title .one {
	width: 40%;
	padding-left: 40px;
	text-align: left;
}
.join-job .title .two {
	width: 20%;
}
.join-job .title .the {
	width: 20%;
}
.join-job .title .four {
	width: 20%;
}
.join-job .join-list-ul {
	width: 100%;
	background: #fff;
	padding: 0 4% 24px;
	text-align: left;
}
.join-job .join-list-ul &gt; li:first-child .box-s {
	/*display: block;*/
}
.join-job .tit {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	padding: 10px 0;
	cursor: pointer;
	border-bottom: 1px solid #f2f2f2;
}
.join-job .tit span {
	display: block;
	float: left;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.join-job .tit span.one {
	width: 40%;
	text-align: left;
	padding-left: 40px;
}
.join-job .tit span.two {
	width: 20%;
}
.join-job .tit span.the {
	width: 20%;
}
.join-job .tit span.four {
	width: 20%;
}
/*=========
	plan
===============================*/
.plan {
	padding: 4% 0;
	text-align: center;
}
/*员工发展*/
.join-three {
	overflow: hidden;
}
.join-three-box {
	overflow: hidden;
	padding: 2% 0;
}
.join-three-items {
	cursor: pointer;
	float: left;
	width: 31%;
	margin: 2% 1%;
	position: relative;
	text-align: center;
	box-shadow: 6px 10px 16px #999;
}
.join-three-items img {
	width: 100%;
}
.join-three-imgs {
	display: none;
}
.join-three-name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 12% 12% 6%;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.join-three-name h1 {
	font-weight: 500;
	margin-bottom: 2%;
	font-size: 1.5rem;
	letter-spacing: 4px;
	color: #ffffff;
	position: relative;
	top: 0;
	-webkit-transition: all 0.38s;
	-moz-transition: all 0.38s;
	-ms-transition: all 0.38s;
	-o-transition: all 0.38s;
	transition: all 0.38s;
}
.join-three-name span {
	color: #eeeeee;
	font-size: 14px;
	text-decoration: underline;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.join-three-items:hover .join-three-name h1 {
	top: -10px;
}
.join-three-items:hover .join-three-name span {
	color: #bc9f5f;
	letter-spacing: 2px;
}
/*=========
	join-jz 晋升机制
===============================*/
.join-jz {
	padding: 3% 0;
	overflow: hidden;
	text-align: center;
}
.join-jz .main-title h1 span {
	color: #bc9f5f;
}
.join-jz .index-more {
	margin: 6% 3% 0;
	background: #bc9f5f;
}
.join-jz p {
	font-size: 15px;
	letter-spacing: 1px;
}
.join-jz .join-jz-box {
	margin-top: 5%;
}
.join-jz  img {
	max-width: 100%;
	margin: 20px 0;
}
/*=========
	join-team 员工寄语
===============================*/
.join-team {
	padding: 4% 0;
	text-align: center;
}
.join-team .index-more {
	margin-top: 3%;
}
.join-team .join-team-box {
	overflow: hidden;
}
.join-team .join-team-items {
	width: 49%;
	margin-right: 2%;
	float: left;
	margin-bottom: 2%;
	padding: 3%;
	background: url("../images/bg.jpg") no-repeat center;
	background-size: cover;
}
.join-team .join-team-items:nth-child(2n) {
	float: right;
	margin-right: 0;
}
.join-team .join-team-con {
	text-align: left;
	border-left: 1px solid rgba(188, 159, 95, 0.38);
	padding-left: 16px;
}
.join-team .join-team-con h1 {
	font-size: 1.2rem;
	color: #bc9f5f;
	margin-bottom: 2%;
	padding-top: 2px;
}
.join-team .join-team-con h1 em {
	font-style: inherit;
	font-size: 0.875rem;
	display: inline-block;
	margin-left: 1%;
}
.join-team .join-team-con .join-team-job {
	display: inline-block;
	background: #bc9f5f;
	color: #fff;
	padding: 5px 12px;
	font-size: 12px;
	letter-spacing: 1px;
}
.join-team .join-team-con span {
	display: block;
	font-weight: bold;
	font-size: 1rem;
	margin: 2% 0 0;
	position: relative;
}
.join-team .join-team-con span:before {
	content: "";
	position: absolute;
	left: -22px;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	background: #bc9f5f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 800ms;
	-o-transition: all 800ms;
	transition: all 800ms;
}
.join-team .join-team-con p {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
}
.join-team .join-team-tit {
}
.join-team .join-team-tit &gt; div {
	display: inline-block;
}
.join-team .join-team-tit .join-team-img {
	cursor: pointer;
	vertical-align: top;
	height: 83px;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
}
.join-team .join-team-tit .join-team-img img {
	height: 100%;
}
.join-team .join-team-tit .join-team-man {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.join-team .join-team-tit .join-team-border {
	position: relative;
	z-index: 10;
}
.join-team .join-team-tit .join-team-name {
	width: calc(100% - 100px);
}
/*=========
	join-money  薪酬福利
===============================*/
/**/
.join-money {
	text-align: center;
}
.join-money .main-title h1 span {
	color: #bc9f5f;
}
.join-money .index-more {
	margin: 3%;
	background: #bc9f5f;
}
.join-money-three {
	padding: 3% 0;
	text-align: center;
	overflow: hidden;
}
.join-money-three .index-title h1 {
	margin-bottom: 1%;
}
.join-money-three .index-title h1 span {
	color: #bc9f5f
}
.join-money-three .index-title p {
	font-size: 0.86rem;
	letter-spacing: 1px;
	margin-bottom: 2%;
}
.join-money-con {
	text-align: center;
}
.join-money-div {
	display: inline-block;
    width: 31%;
    text-align: center;
    margin: 1%;
    vertical-align: top;
    min-height: 216px;
    margin-bottom: 2%;
    border: 1px solid #eee;
    padding: 1% 2%;
}
.join-money-div span {
	margin-bottom: 5px;
	font-size: 30px;
	color: #bc9f5f;
	display: block;
	font-family: BEBAS;
}
.join-money-div h4 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 4%;
}
.join-money-div p {
	letter-spacing: 1px;
	font-size: 13px;
}
.join-money-img {
}
.join-money-img img {
	width: 100%;
}
/**/
.join-money-four {
	padding: 3% 0;
	text-align: center;
	background: #f8f8f8;
	overflow: hidden;
}
.join-money-four .index-title h1 span {
	color: #bc9f5f
}
.join-money-box {
	padding-top: 2%;
}
.join-money-items {
	width: 23%;
	min-height: 400px;
	float: left;
	margin: 1%;
	border: 1px solid #e8e8e8;
	position: relative;
	background: #ffffff;
}
.join-money-quan {
	position: absolute;
	width: 80px;
	height: 80px;
	border: 1px solid #e8e8e8;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background-color: #fff;
	left: 50%;
	margin-left: -40px;
	top: -40px;
	z-index: 10;
}
.join-money-quan img {
	width: 68%;
	margin: 13px auto;
	position: relative;
}
.join-money-p {
	padding: 20% 0 12%;
}
.join-money-p h3 {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 4%;
	position: relative;
}
.join-money-p h3:before {
	position: absolute;
	bottom: 0;
	width: 28%;
	left: 36%;
}
.join-money-p p {
	line-height: 32px;
	font-size: 14px;
	letter-spacing: 1px;
}
/*=========
	join-con
===============================*/
.join-con {
	text-align: center;
	padding: 4% 0;
}
.div-a {
	background: #fff;
	padding: 30px 30px 34px;
	overflow: hidden;
}
.div-a-box {
	width: 100%;
	height: calc(100% - 68px);
	overflow-y: auto;
}
.div-a-box dl {
	padding: 3% 0;
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.div-a-box dd {
	float: left;
	width: 33.33%;
	color: #666;
	line-height: 36px;
	font-size: 12px;
}
.div-a .a-top {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
}
.a-cls {
	position: absolute;
	width: 39px;
	height: 39px;
	background: url("../images/cls.png");
	right: 2px;
	top: 2px;
}
.div-a .a-top span {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 4rem;
	margin-bottom: 1rem;
	display: block;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 40px;
}
.div-a .a-top span label {
	font-size: 17px;
}
.div-a .a-top .a-span {
	font-size: 16px;
	color: #666;
	font-weight: normal;
}
.div-a .a-top i {
	font-style: normal;
	float: right;
	color: #999;
	line-height: 40px;
}
.div-a .a-middle {
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 68px;
	position: relative;
}
.div-a .a-middle p.bold {
	font-weight: bold;
}
.div-a .a-inline {
	width: 122px;
	height: 36px;
	font-size: 15px;
	color: #fff;
	display: block;
	background: #bc9f5f;
	text-align: center;
	line-height: 36px;
	margin-top: 28px;
}
/**/
.join-upload {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	text-align: center;
}
.join-upload-box {
	position: relative;
	display: inline-block;
	width: 56vh;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.join-upload-box .join-upload-cls {
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: -33px;
	right: 5px;
	font-size: 3rem;
	color: #fff;
}
.join-upload-div {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	padding: 3% 6%;
	text-align: center;
}
.join-upload-div h1 {
	font-size: 1.4rem;
	border-bottom: 1px solid rgba(153, 153, 153, 0.28);
	margin-bottom: 1rem;
	font-weight: 500;
	line-height: 3rem;
	padding-bottom: 0.4rem;
	letter-spacing: 1px;
}
.join-upload-div p {
	margin-bottom: 3%;
}
.join-upload-div div {
	display: inline-block;
	text-align: left;
}
.join-upload-div div span {
	font-size: 13px;
	display: block;
	line-height: 40px;
}
.join-upload-div input {
	margin: 0 auto;
	width: 60%;
}
.join-upload-div button {
	padding: 10px 20px;
	background: #bc9f5f;
	margin: 6% 0 3%;
	color: #fff;
}
/*=========
	faq
===============================*/
ul.faq {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
ul.faq li {
	border: 1px solid #d9d9d9;
	margin: 0 0.5% 0.5%;
	width: 48.8%;
	float: left;
	position: relative;
	z-index: 3;
}
ul.faq li:nth-child(2n-1)
{
	clear: both;
}

ul.faq li &gt; a {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 12px 20px;
}
ul.faq li &gt; a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: -1;
	background: #bc9f5f;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.faq_bg
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #bc9f5f;
	/*background: #15c79e;*/
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}

.question {
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 3;
}

.question dt {
	float: left;
	width: 40px;
	border-right: 1px solid #d9d9d9;
}
.question dd {
	float: left;
	line-height: 30px;
	padding-left: 20px;
	font-size: 14px;
	color: #464646;
	width: calc(100% - 40px);
	text-align: left;
}
.question .question-img2 {
	display: none;
}
/*ul.faq li:hover .question-img1 {*/
	/*display: none;*/
/*}*/
/*ul.faq li:hover .question-img2 {*/
	/*display: inline-block;*/
/*}*/
/*ul.faq li:hover .question dd {*/
	/*color: #fff;*/
/*}*/
ul.faq li.on .faq_bg{
	height: 100%;
}
ul.faq li.on .question-img1 {
	display: none;
}
ul.faq li.on .question-img2 {
	display: inline-block;
}
ul.faq li.on .question dd {
	color: #fff;
}
ul.faq li a .type1 {
	font-size: 18px;
	color: #777;
	font-weight: 300;
	margin-bottom: 7px
}
ul.faq li a .icon {
	display: block;
	position: absolute;
	top: 33px;
	right: 0;
	width: 45px;
	height: 24px;
}
ul.faq li a .icon img {
	position: absolute;
	top: -7px;
	right: 0;
	width: 28px;
	-webkit-transform: matrix(-1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(-1, 0, 0, -1, 0, 0);
	-ms-transform: matrix(-1, 0, 0, -1, 0, 0);
	transform: matrix(-1, 0, 0, -1, 0, 0);
}
ul.faq li a .icon img.on {
	opacity: 0
}
ul.faq li .answerDiv {
	display: none;
	width: 100%;
	padding: 26px 36px 26px 80px;
	background: url(../images/icon_a.png) no-repeat 32px 25px;
	border-top: 1px dashed #d4d4d4;
	box-sizing: border-box;
	font-size: 13px;
	color: #757575;
	/*word-break: keep-all;*/
}
ul.faq li .answerDiv p {
	position: relative;
	text-align: left;
}
ul.faq li .answerDiv p:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 30px;
	left: -22px;
	top: -4px;
	background: #d9d9d9;
}
ul.faq li .answerDiv a {
	display: inline;
	position: relative;
	width: auto;
	padding: 0;
	line-height: auto;
	box-sizing: border-box;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}
/*=========
	join-con 职位详情
===============================*/
.join-con .box-s {
	padding: 0 40px 30px;
	background: #fafafa;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
.join-con .box-s dl {
	padding: 3% 0;
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.join-con .box-s dd {
	float: left;
	width: 18%;
	color: #666;
	line-height: 36px;
	font-size: 13px;
}
.join-con .box-s dd:nth-child(2) {
	width: 28%;
}
.join-con .requir {
	overflow: hidden;
	padding: 22px 0 42px;
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
}
.join-con .requir h2 {
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	padding-bottom: 10px;
	font-weight: 500;
}
.join-con .requir ul {
}
.join-con .requir li {
	margin-left: 20px;
	list-style: decimal;
	color: #bc9f5f;
}
.join-con .requir li p {
	color: #666;
	line-height: 28px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 14px;
}
.join-con .requir-l {
	width: 48%;
	float: left;
	display: inline-block;
}
.join-con .requir-r {
	width: 48%;
	float: right;
}
.join-con-tip {
	margin: 20px 0;
	letter-spacing: 0.5px;
}
.join-con-tip span {
	color: red;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.8rem;
	margin-right: 10px;
	vertical-align: sub;
}
.join-con-tip p {
	letter-spacing: 1px;
	color: #666;
}
.join-con .join-con-more {
}
.join-con .join-con-a {
	margin: 27px 10px 0 0;
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #bc9f5f;
	color: #fff;
	font-size: 15px;
	display: inline-block;
}
.join-con .join-list-ul li:hover .tit span {
	color: #bc9f5f;
}
.join-job-hot li:hover {
	padding-left: 8%;
}
.join-job-hot li:hover p {
	color: #bc9f5f;
}
/*=========
	join-sh 社招
===============================*/
/*最新动态*/
.join-new {
	overflow: hidden;
	text-align: center;
	padding: 3% 0;
	background: #fafafa;
}
.join-new .index-more {
	margin-top: 3%;
}
.join-new .index-title h1 {
	margin-bottom: 1%;
}
.join-new .inner-wrap {
	overflow: hidden;
}
.join-new-items {
	cursor: default;
	float: left;
	width: 31%;
	margin: 2% 1%;
	position: relative;
	overflow: hidden;
	padding: 2% 4%;
	text-align: center;
	background: #fff;
}
/* .join-new-items:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #bc9f5f;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
} */
.join-new-num {
	display: inline-block;
	font-size: 172px;
	line-height: 126px;
	color: #fafafa;
	position: absolute;
	right: 25px;
	font-family: BEBAS;
	bottom: -41px;
	z-index: 2;
}
.join-new-con {
	position: relative;
	z-index: 3;
	display: inline-block;
	text-align: left;
	width: 100%;
}
.join-new-con span {
	font-size: 12px;
	color: #fff;
	background: #bc9f5f;
	padding: 6px 12px;
	border-radius: 4px;
	line-height: 30px;
}
.join-new-con p {
	line-height: 26px;
	height: 50px;
	color: #666;
	letter-spacing: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
	margin: 5% 0 3%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.join-new-con em {
	float: right;
	font-style: inherit;
	position: relative;
	-webkit-transition: all 0.38s; -moz-transition: all 0.38s; -ms-transition: all 0.38s; -o-transition: all 0.38s; transition: all 0.38s;
}
/* .join-new-items:hover:before {
	height: 100%;
}
.join-new-items:hover .join-new-num {
	color: rgba(255, 255, 255, 0.38)
} */
/* .join-new-items:hover span {
	background: #ffffff;
	color: #bc9f5f;
}
.join-new-items:hover p {
	color: #ffffff;
}
.join-new-items:hover em {
	left: -12px;
} */
/*招聘流程*/
.join-sh .join-lc {
	padding: 5%;
	text-align: center;
	overflow: hidden;
	background: url("../images/icon-join.jpg") repeat-x center;
}
.join-sh .join-lc-box {
	margin-top: 3%;
	overflow: hidden;
}
.join-sh .join-lc-items {
	float: left;
	width: 12.5%;
	text-align: center;
	position: relative;
}
.join-sh .join-lc-items:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/icon-arrow.png) no-repeat right center;
	right: 0;
	height: 100%;
	width: 10%;
	background-size: 100% auto;
}
.join-sh .join-lc-items:last-child:after {
	background: none;
}
.join-sh .join-lc-items &gt; div {
	display: inline-block;
	min-width: 50%;
}
.join-sh .join-lc-items img {
	height: 36px;
	margin-bottom: 16px;
}
.join-sh .join-lc-items p {
	font-size: 1rem;
	color: #666;
	letter-spacing: 2px;
}
.join-sh .join-lc-items span {
	color: #999999;
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	background: url("../images/bg_22.png") no-repeat center;
	background-size: 100% auto;
}
/*=========
	join-news  招聘动态
===============================*/

.dynamics {
	text-align: center;
}
.dynamics .index-more {
	margin-top: 4%;
}
.join-news {
	background: #f5f5f5;
	overflow: hidden;
	padding: 3% 0;
}
.join-news .index-title h1 {
	display: inline-block;
}
.join-news .index-title a {
	float: right;
	margin-top: 1%;
}
.join-news-box {
	overflow: hidden;
	background: #fff;
	padding: 3% 3% 4%;
}
.join-news-box .join-news-div {
	overflow: hidden;
}
.join-news-items {
	width: 46%;
	float: left;
	text-align: left;
	padding: 12px;
	position: relative;
	left: 0;
	margin: 0 auto;
	line-height: 42px;
	border-bottom: rgba(188, 188, 188, 0.2) 1px solid;
	-webkit-transition: all ease-out .68s;
	-moz-transition: all ease-out .68s;
	-ms-transition: all ease-out .68s;
	-o-transition: all ease-out .68s;
	transition: all ease-out .68s;
}
.join-news-items:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #bc9f5f;
	-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.join-news-items:nth-child(2n) {
	float: right;
}
.join-news-items a {
	display: block;
	position: relative;
	z-index: 3;
}
.join-news-items span {
	font-size: 12px;
	color: #fff;
	background: -webkit-linear-gradient(#bc9f5f, #bc9f5f);
	background: -o-linear-gradient(#bc9f5f, #bc9f5f);
	background: -moz-linear-gradient(#bc9f5f, #bc9f5f);
	background: linear-gradient(#bc9f5f, #bc9f5f);
	padding: 6px 14px;
	border-radius: 4px;
	margin-right: 12px;
}
.join-news-items h2 {
	font-size: 15px;
	font-weight: 100;
	display: inline-block;
	width: calc(100% - 218px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.join-news-items em {
	font-style: inherit;
	color: #999;
	float: right;
	font-size: 13px;
}
.join-news-items:hover:before {
	height: 100%;
}
.join-news-items:hover span {
	background: #ffffff;
	color: #bc9f5f;
}
.join-news-items:hover h2 {
	color: #ffffff;
}
.join-news-items:hover em {
	color: #ffffff;
}
/*=========
	join-xy  校招
===============================*/
.join-xy .index-title h1 span {
	/*color: #15c79e;*/
}
/*招聘筛选*/
.join-xy .jobsearch .tbsearchbtn {
	/*background-color: #15c79e;*/
}
/*招聘职位*/
.join-xy .join-job .index-title h1 span {
	/*color: #15c79e;*/
}
.join-xy .join-job .title {
	/*background: #15c79e;*/
}
.join-xy .join-job .requir li {
	/*color: #15c79e;*/
}
.join-xy .join-job .box-s .once {
	/*background: #15c79e;*/
}
.join-xy .join-job .join-list-ul li:hover .tit span {
	/*color: #15c79e;*/
}
.join-xy .join-job-hot li:hover {
	padding-left: 8%;
}
.join-xy .join-job-hot li:hover p {
	/*color: #15c79e;*/
}
/*热门职位*/
.join-xy .join-job-hot h1 {
	/*color: #15c79e;*/
}
/*校招行程*/
.join-xc {
	padding: 3% 0 6%;
	text-align: center;
	background: #fafafa;
}
.join-xc table {
	width: 100%;
	background: #ffffff;
}
.join-xc thead {
	/*background: #15c79e;*/
	background: #bc9f5f;
}
.join-xc thead td {
	position: relative;
	border: 2px solid #fafafa;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.join-xc thead .join-xc-city {
	width: 15%;
}
.join-xc thead .join-xc-school {
	width: 25%;
}
.join-xc thead .join-xc-type {
	width: 15%;
}
.join-xc thead .join-xc-time {
	width: 30%;
}
.join-xc thead .join-xc-area {
	width: 15%;
}
.join-xc thead .join-xc-area img {
	position: absolute;
	bottom: 78px;
	left: 0;
	width: 100%;
}
.join-xc thead tr:last-child td {
}
.join-xc tbody tr:nth-child(2n) {
	background: #d0d0d0;
}
.join-xc tbody td {
	line-height: 48px;
	color: #666;
	border: 1px solid #eee;
}
/*流程*/
.join-xy .join-xy-lc {
	text-align: center;
	padding: 5% 0;
	overflow: hidden;
	background: url("../images/icon-join.jpg") repeat-x center;
}
.join-xy-box {
	width: 100%;
	overflow: hidden;
}
.join-xy-box .join-xy-none .join-lc-img {
	padding: 0;
	float: right;
	margin-right: 6%;
	width: 28%;
	transform: rotate(90deg);
}
.join-xy-div {
	width: 33.33%;
	float: left;
	/*background: url(../images/arrow-right-h.png) no-repeat right 40%;*/
	/*background-size: 18px;*/
}
.join-xy-div:last-of-type {
	background: none;
}
.join-xy-items {
	height: 20vh;
	min-height: 150px;
	padding: 3% 0 0;
	text-align: center;
	margin-bottom:28px;
	position: relative;
}
.join-xy-div:nth-child(-n+3) .join-xy-items:first-child:before {
	content: "";
	position: absolute;
	bottom: -8vh;
	left: 50%;
	margin-left: -25px;
	/*background: url(../images/line.png) no-repeat center;*/
	/*background-size: auto 68%;*/
	width: 50px;
	height: 10vh;
}
.join-lc-img {
	float: left;
	width: 5%;
	padding: 42px 0 0;
	font-size: 2.6rem;
	color: #bc9f5f;
	font-family: monospace;
}
.join-xy-items &gt; div {
	display: inline-block;
	width: 68%;
}
.join-xy-items em {
	font-family: BEBAS;
	font-size: 2rem;
	font-style: inherit;
	color: #bc9f5f;
	/*color: #15c79e;*/
}
.join-xy-items h4 {
	font-size: 15px;
	padding: 2% 0;
	letter-spacing: 1px;
	position: relative;
	background: #eee;
	margin-bottom: 1%;
}
.join-xy-items h4 img {
	margin-right: 10px;
	vertical-align: middle;
}
.join-xy-items p {
	font-size: 13px;
	color: #666666;
	line-height: 28px;
	text-align: center;
}
.join-xy-items p span {
	display: block;
}
/**/
.join-qa {
	text-align: center;
	padding: 4% 0;
}
/*=========
	contact
===============================*/
.contact {

	/*background: #f8f8f8;*/
}
.contact-box {
	text-align: center;
	background: url("../images/bg1.jpg") no-repeat center;
	background-size: cover;
	overflow: hidden;
	padding: 3% 0;
}
.contact-view {overflow:hidden;}
.contact-view &gt; div {
	float: left;
	margin: 1%;
	height:400px;
	text-align: center;
}
.contact-con {
	width: 33%;
	text-align: left;
	background: #ffffff;
}
.contact-con ul {
	display: inline-block;
	text-align: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.contact-con-li {
	position: relative;
	padding: 10px 10px 15px 50px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
}
.contact-con-li:last-child {border:none;}
.contact-con-li .ico {
	position: absolute;
	left: 0;
	top: 26px;
	display: block;
	width: 32px;
	height: 32px;
	background-position: 0 0;
	background-size: 100% 100%;
}
.contact-con-li .addr {background-image:url(../images/h_ctc_ico1.png);}
.contact-con-li .tel {background-image:url(../images/h_ctc_ico2.png);}
.contact-con-li .fax {background-image:url(../images/h_ctc_ico3.png);}
.contact-con-li .mail {background-image:url(../images/h_ctc_ico4.png);}
.contact-con-li .tit {font-size:16px;color:#000;}
.contact-con-li .txt {
	color:#333;
    letter-spacing:0.5px;
    font-size:15px;
}
.contact-img {
	width:62%;
	padding:5px;
	border:1px solid #eeeeee;
}
#allmap {
	height:100%;
	width:100%;
	margin:0 auto;
}
.contact-com {clear:both;padding:5% 0;}
.contact-item-box {overflow:hidden;}
.contact-item {
	text-align: left;
	cursor: pointer;
	width: 31%;
	margin: 1%;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	background: #f4f4f4;
	padding: 2% 3%;
}
.contact-item .contact-item-line {
	position: absolute;
	left: 0;
	width: 3px;
	z-index: 9;
	top: 30px;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	display: block;
	transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.contact-item .contact-item-line1 {background:#bc9f5f;}
.contact-item .contact-item-line2 {
	background: #444;
	height: 0;
	z-index: 12;
}
.contact-item h4 {
	font-size: 1rem;
	color: #bc9f5f;
	margin-bottom: 3%;
	transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
	-moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.contact-item-p {height:142px;}
.contact-item p {
	line-height: 30px;
	font-size: 13px;
}
.contact-item img {
	width: 20px;
	vertical-align: middle;
}
.contact-item em {
	display: inline-block;
	width: 15px;
	height: 20px;
	text-align: center;
	color: #dddddd;
	overflow: hidden;
	vertical-align: sub;
	font-style: inherit;
}
.contact-item span {}
.contact-item-ewm {
	position: absolute;
	right: 6%;
	bottom: 12%;
	width: 18%;
}
.contact-item-ewm img {width:100%;}
.contact-item:hover .contact-item-line2 {
	height: 24px;
	line-height: 24px;
}
.contact-item:hover h4 {color:#000;}
/*=======
	media 1440
========================================*/
@media (max-width: 1440px) {

	.index-title h1 span {font-size:3rem;}
	.header-menu .header-menu-div {width:78px;height:78px;padding:24px 18px;}
	.header-menu .header-menu-div span {margin-bottom:10px;}
	/*index*/
	.aboutleft {left:2%;}
	/*about*/
	.about-ab .aboutleft {width:37%;left:0;margin-left:0;}
	.about_nub li p span {font-size:2.3rem;}
	/*header*/
	.head .down_con .content {width:60%;margin-left:21%;}
	/*footer*/
	.footer .footer-top .footer-r .footer-icon.nav--big {margin-top:0 !important;}
	.footer .footer-top .footer-r .footer-comp {margin:0 !important;}
}</pre></body></html>