.ui-pages-banner {
	width: 100%;
	height: 540px;
	display: block;
	text-indent: -9999px;
	min-width: 1250px
}

.ui-pages-about {
	background: #670606 url(../images/002.png) top no-repeat
}

.ui-about-menu {
	width: 100%;
	margin-top: 55px
}

.ui-about-nav {
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #d4d4d4
}

.ui-about-menu-title {
	font-size: 24px;
	line-height: 38px
}

.ui-about-menu-list {
	height: 30px;
	margin-top: 8px;
	position: relative
}

.ui-about-menu-list li:last-child a {
	margin: 0
}

.ui-about-menu-list li {
	float: left
}

.ui-about-menu-list a {
	font-size: 18px;
	line-height: 29px;
	position: relative;
	display: block;
	margin-right: 30px;
	transition: color .5s ease;
	color: #666
}

.ui-about-menu-list a.ui-about-active,
.ui-about-menu-list a:hover {
	color: red;
	border-bottom: 2px solid red
}

main {
	width: 1200px;
	margin: 0 auto
}

.ui-details {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	border-bottom: 1px solid #dedede
}

.ui-details-banner {
	width: 100%;
	text-align: center;
	margin-bottom: 40px
}

.ui-details-banner img {
	padding-top: 30px;
	width: 600px;
	height: auto;
}

.ui-details p {
	width: 998px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 350;
	color: #333;
	text-indent: 36px;
	line-height: 2;
	text-align: justify;
}

.ui-details p+p {
	margin-top: 20px
}

.ui-construction {
	width: 1200px;
	margin: 0 auto;
	text-align: center
}

.ui-construction h2 {
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	margin-top: 20px
}

.ui-construction>p {
	font-size: 19px;
	color: #999;
	text-align: center;
	margin-bottom: 40px;
	line-height: 3
}

.ui-first-floor,
.ui-second-floor {
	border-bottom: 2px solid #dac6ae
}

.ui-first-floor>div,
.ui-second-floor>div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 600px;
	height: 500px
}

.ui-title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: all .25s linear;
	padding: 20px 25px;
	background: url(../images/top.png) no-repeat top, url(/Assets/images/about/culture/bottom.png) no-repeat bottom
}

.ui-title p {
	font-size: 34px;
	font-weight: 300;
	color: #bb9b76;
	text-align: center
}

.ui-title p+p {
	color: #666;
	font-size: 26px
}

.ui-animate-box>img {
	position: absolute;
	opacity: 0
}

.ui-desk {
	bottom: 0;
	left: 97px;
	z-index: 1
}

.ui-animate-box.move .ui-desk {
	animation: up .75s ease-in-out .5s forwards
}

.ui-man {
	left: 210px;
	bottom: 0;
	z-index: 6
}

.ui-animate-box.move .ui-man {
	animation: left .75s ease-in-out 1.8s forwards
}

.ui-book {
	left: 465px;
	bottom: 102px
}

.ui-animate-box.move .ui-book {
	animation: up .75s ease-in-out 1.5s forwards
}

.ui-laptop {
	bottom: 102px;
	left: 312px
}

.ui-animate-box.move .ui-laptop {
	animation: up .75s ease-in-out 1.75s forwards
}

.ui-pen {
	bottom: 102px;
	left: 450px
}

.ui-animate-box.move .ui-pen {
	animation: up .75s ease-in-out 1.25s forwards
}

.ui-pen-box {
	bottom: 102px;
	left: 110px
}

.ui-animate-box.move .ui-pen-box {
	animation: up .75s ease-in-out .75s forwards
}

.ui-diagram {
	bottom: 102px;
	left: 150px
}

.ui-animate-box.move .ui-diagram {
	animation: up .75s ease-in-out 1s forwards
}

.ui-drawer {
	left: 37px;
	bottom: 0
}

.ui-animate-box.move .ui-drawer {
	animation: up .75s ease-in-out 2.6s forwards
}

.ui-cup {
	bottom: 102px;
	left: 531px
}

.ui-animate-box.move .ui-cup {
	animation: up .75s ease-in-out 2s forwards
}

.ui-fox {
	left: 368px;
	bottom: 208px
}

.ui-animate-box.move .ui-fox {
	animation: up .75s ease-in-out 2.15s forwards
}

.ui-computer {
	bottom: 0;
	left: 494px
}

.ui-animate-box.move .ui-computer {
	animation: up .75s ease-in-out 2.4s forwards
}

.ui-second-floor .ui-animate-box {
	overflow: hidden
}

.ui-board-line {
	left: 147px;
	top: 0;
	transform-origin: top center
}

.ui-animate-box.move .ui-board-line {
	animation: down .35s linear forwards
}

.ui-board {
	left: 121px;
	top: 81px
}

.ui-animate-box.move .ui-board {
	animation: opacity .4s linear .35s forwards
}

.ui-boy {
	left: 253px;
	top: 50px
}

.ui-animate-box.move .ui-boy {
	animation: up .75s ease-in-out 1.7s forwards
}

.ui-chair {
	left: 310px;
	bottom: 0
}

.ui-animate-box.move .ui-chair {
	animation: up .75s ease-in-out .6s forwards
}

.ui-girl {
	left: 38px;
	bottom: 0
}

.ui-animate-box.move .ui-girl {
	animation: left .75s ease-in-out 1.3s forwards
}

.ui-helloworld {
	left: 150px;
	top: 120px
}

.ui-animate-box.move .ui-helloworld {
	animation: width .35s ease-in-out 2s forwards
}

.ui-cupboard {
	bottom: 0;
	right: 68px
}

.ui-animate-box.move .ui-cupboard {
	animation: up .75s ease-in-out .9s forwards
}

.ui-fox-2 {
	bottom: 80px;
	right: 82px
}

.ui-animate-box.move .ui-fox-2 {
	animation: up .75s ease-in-out 1.2s forwards
}

.ui-flower {
	right: 18px;
	bottom: 0
}

.ui-animate-box.move .ui-flower {
	animation: up .75s ease-in-out 1.5s forwards
}

.ui-third-floor {
	padding-top: 20px
}

.ui-third-floor>div {
	position: relative;
	width: 100%;
	height: 310px
}

.ui-third-floor .ui-title {
	background: url(../images/top-2.png) no-repeat top, url(/Assets/images/about/culture/bottom-2.png) no-repeat bottom
}

.ui-core-values {
	margin-bottom: 125px;
	opacity: 0
}

.ui-core-values.move {
	animation: opacity .75s linear .35s forwards
}

.ui-core-values li {
	float: left;
	width: 300px;
	min-height: 380px;
	box-sizing: border-box;
	padding: 0 25px;
	border-right: 1px dotted #d4d4d4
}

.ui-core-values li:last-child {
	border: none
}

.ui-core-values li>img {
	display: block;
	margin: 0 auto
}

.ui-core-values li>h3 {
	font-size: 22px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 300;
	margin-top: 26px
}

.ui-core-values li>h3+p {
	margin-bottom: 30px
}

.ui-core-values li>p {
	font-size: 15px;
	color: #666
}

.ui-title.move {
	transform: translate(-50%, -50%) scale(1)
}

@keyframes up {
	0% {
		transform: translateY(102px);
		opacity: 0
	}
	80% {
		transform: translateY(-10px);
		opacity: 1
	}
	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes left {
	0% {
		transform: translateX(-300px);
		opacity: 0
	}
	80% {
		transform: translateX(30px);
		opacity: 1
	}
	to {
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes down {
	0% {
		opacity: 1;
		transform: translateY(-102px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes opacity {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes width {
	0% {
		transform: scale(0);
		opacity: 1
	}
	to {
		opacity: 1;
		transform: scale(1)
	}
}


/*企业文化*/

.container {
	margin: 0 auto;
	max-width: 1000px;
	overflow: hidden;
}

.gsjj {
	padding: 20px 0px;
	text-align: center;
	position: relative;
}

.gsjj .title {
	text-align: center;
	padding: 20px 0px;
}


/*企业照片*/
.ui-introduce {
	width: 100%;
	/*height: 900px;*/
	height: 500px;
	background: #fff;
	padding-top: 25px
}

.ui-introduce-content {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	background: #fff
}

.ui-introduce-content>h2 {
	height: 93px;
	background: url(../images/introbg_1.png) no-repeat bottom;
	text-align: center
}

.ui-introduce-content>h2>span {
	font-weight: 900;
	font-size: 35px
}

.ui-introduce-content>ul>li {
	width: 590px;
	float: left
}
.ui-introduce-content img{
	width: 590px;
	height: auto;
}
.ui-intro-1 {
	margin-bottom: 26px
}

.ui-intro-1,
.ui-intro-3 {
	margin-right: 20px
}


/*招聘信息*/
.ui-recruitment {
	width: 100%;
	height: 100px;
	background: #fff;
	padding-top: 50px
}

.ui-recruitment-content {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	background: #fff
}

.ui-recruitment-content>h2 {
	height: 93px;
	background: url(../images/introbg_1.png) no-repeat bottom;
	text-align: center
}

.ui-info {
	width: 100%;
	min-width: 1250px
}

.ui-info-box {
	width: 1200px;
	margin: 0 auto;
	height: 800px;
	/*padding: 20px 0 0*/
}

.ui-info-header {
	font-size: 24px;
	line-height: 38px;
	color: #333;
	margin: 0 10px 0 0;
	padding: 0;
	border-bottom: 1px solid #dedede
}

/*.ui-info-content {
	padding-top: 16px
}*/

.ui-info-content>p {
	font-size: 20px;
	color: #666;
	margin-bottom: 26px;
	float: left;
	width: 1180px
}
.ui-info-content>p>span {
	font-size: 24px;
	color: #000;
	margin-bottom: 10px;
	float: left;
	width: 1180px;
	font-weight: bold;
}
.ui-info-content>i {
	width: 4px;
	height: 18px;
	background: #6081be;
	border-radius: 4px;
	display: block;
	margin-right: 10px;
	margin-top: 7px;
	float: left
}

/* 招贤纳士 */
.containerzp {
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
}
.jsns{ width: 1200px; padding-bottom: 30px;}
.jsns .item{ width: 100%; height: auto; overflow: hidden; border-bottom: 3px solid #ccc; padding-bottom: 20px;}
.jsns .item dt{ float: left; width: 50%;}
.jsns .item dt .tit{ width: 100%; height: 130px; margin-bottom: 10px;}
.jsns .item dt .tit img{ width:113px; height: 130px; }
.jsns .item dt .tit h1{ display: inline; color: #2dafbc; font-size: 24px; font-weight: bold; }
.jsns .item dd{ float: left; width: 50%;color: #2dafbc; line-height: 22px;}
.jsns .item2 dt,.jsns .item2 dt .tit{text-align: right;}