body {
	background: #fff;
}

.banner-one img {
	max-width: 100%;
	height: auto;
}

.cur-site {
	margin-top: 19px;
	font-size: 0;
}
.cur-site .container {
    padding-right: .9375rem;
    padding-left: .9375rem;
	margin-top: 19px;
	font-size: 0;
}
.cur-site a {
	display: inline-block;
	line-height: 14px;
	font-size: 14px;
}
.cur-site a span {	
	color: #999;
	transition: color .3s;
}
.cur-site a span:hover  {
	color: #ee4049;
}
.cur-site a::after {
	content: '/';
	margin-right: 8px;
	margin-left: 8px;
	color: #999;
}
.cur-site a:last-child::after {
	display: none;
}

.inside-cntr {
	margin-top: 44px;
	margin-bottom: 125px;
	border: 1px solid #e2e2e2;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inside-cntr-2 {
	border: 1px solid #fff;
}

.inside-nav {
	padding-top: 94px;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
@media (min-width: 62em) {
	.inside-nav.letmove {
		transform: translateY(30px);
		opacity: 0;
		transition: transform 1s, opacity 1s;
	}
	.inside-nav.move {
		transform: translateY(0);
		opacity: 1;
	}
}
.inside-nav > ul {
	font-size: 0;
}
.inside-nav > ul > li {
	display: inline-block;
	position: relative;
	padding-bottom: 26px;
	margin-right: 51px;
	margin-left: 51px;
	min-width: 145px;
	vertical-align: top;
}
.inside-nav span {
	display: block;
	line-height: 16px;
	font-size: 16px;
	color: #999;
	transition: .45s, color .3s;
}
.inside-nav > ul > li:hover span,
.inside-nav > ul > li.move span {
	transform: translateY(-14px);
	color: #ee4049;
}
.inside-nav > ul > li i {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 16px;
	background: #e1e1e1;
	transition: .45s;
}
.inside-nav > ul > li:hover i,
.inside-nav > ul > li.move i {
	height: 30px;
	background: #ee3f48;
}
.nav-circle {
	position: absolute;
	left: 50%;
	bottom: -6px;
	border: 1px solid #e1e1e1;
	margin-left: -5px;
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav-circle::after {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 5;
	border: 2px solid #ee3f48;
	left: -1px;
	top: -1px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	clip:rect(0px 11px 0px 0px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .225s .225s;
}
.inside-nav > ul > li:hover .nav-circle::after,
.inside-nav > ul > li.move .nav-circle::after {
	clip:rect(0px 11px 11px 0px);
	transition: .225s;
}
.nav-circle::before {
	content: ' ';
	display: block;
	position: absolute;
	z-index: -10;
	border: 2px solid #fff;
	left: -1px;
	top: -1px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	clip: rect(0px 5px 11px 0px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*transition: .225s;*/
	transition: clip .225s, z-index 0s .45s;
}
.inside-nav > ul > li:hover .nav-circle::before,
.inside-nav > ul > li.move .nav-circle::before {
	z-index: 10;
	clip: rect(0px 5px 0px 0px);
	transition: clip .225s .225s, z-index 0s;
}

.inside-fix-nav {
	position: fixed;
	left: 0;
	top: -90px;
    z-index: 99999;
	width: 100%;
	height: 90px;
	font-size: 0;
	text-align: center;
	background: #fff;
	opacity: 0;
	box-shadow: 0px 0px 15px 0px  #ddd;
	transition: .6s .05s;
}
.inside-fix-nav.on {
	top: 0;
	opacity: 1;
}
.inside-fix-nav > ul {
	margin-top: 24px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
/*.inside-fix-nav > ul {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0); 
}*/
.inside-fix-nav > ul > li {
	display: inline-block;
	position: relative;
	margin-right: 34px;
	margin-left: 34px;
	font-size: 16px;
	vertical-align: top;
}
.inside-fix-nav > ul > li a {
	color: #666;
	transition: .3s;
}
.inside-fix-nav > ul > li a span {
	line-height: 37px;
}
.inside-fix-nav > ul > li:hover a,
.inside-fix-nav > ul > li.cur a {
	color: #dd000b;
}
.inside-fix-nav > ul > li::before {
	content: '';
	position: absolute;
	left: -34px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 37px;
	background: #e1e1e1;
}
.inside-fix-nav > ul > li:first-child::before {
	display: none;
}
.if-nav-img {
	display: inline-block;
	position: relative;
}
img.if-nav-img-h {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	/*transition: .45s .05s;*/
	transition: 0s;
}
.inside-fix-nav > ul > li:hover img,
.inside-fix-nav > ul > li.cur img {
	opacity: 0;
}
.inside-fix-nav > ul > li:hover img.if-nav-img-h,
.inside-fix-nav > ul > li.cur img.if-nav-img-h {
	opacity: 1;
}
.if-nav-img img {
	transform: scale(.8);
}

.history-list {
	position: relative;
	padding-top: 31px;
	padding-bottom: 31px;
	margin-top: 99px;
	margin-bottom: 137px;
	font-size: 0;
}
.history-list::after {
	content: ' ';
	position: absolute;
	z-index: 1;
	left: 222px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e1e1e1;
}
@media(min-width: 62em) {
	.history.letmove .history-list::after {
		height: 0;
		opacity: 0;
		transition: height 4s, opacity 1.5s;
	}
	.history.move .history-list::after {
		height: 100%;
		opacity: 1;
	}
}
.history-list > ul > li {
	position: relative;
	z-index: 2;
	margin-bottom: 21px;
}
.history-list > ul > li:last-child {
	margin-bottom: 0;
}
.history-one {
	font-size: 0;
}
@media (min-width: 62em) {
	.history-one.letmove {
		transform: translateY(30px);
		opacity: 0;
		transition: transform 1s, opacity 1s;
	}
	.history-one.move {
		transform: translateY(0);
		opacity: 1;
	}
}
.history-one-l,
.history-one-r {
	display: inline-block;
	vertical-align: top;
}
.history-one-l {
	margin-left: 141px;
	width: 86px;
}
.hol-time {
	display: inline-block;
	line-height: 20px;
	font-size: 20px;
	font-family: tt;
	color: #999;
	vertical-align: top;
	transition: color .3s;
}
.history-list > ul > li:hover .hol-time {
	color: #ee3b44;
}
.hol-time em {
	display: block;
	margin: 4px 0 4px 4px;
	width: 1px;
	height: 9px;
	background: #ccc;
	transition: background .3s;
}
.history-list > ul > li:hover .hol-time em {
	background: #ee3b44;
}
.history-one-l i {
	display: inline-block;
	float: right;
	margin-top: 6px;
	width: 9px;
	height: 9px;
	background: #ccc;
	border-radius: 50%;
	vertical-align: top;
	transition: background .3s;
}
.history-list > ul > li:hover .history-one-l i {
	background: #ee3b44;
}
.history-one-r {
	margin-left: 143px;
	width: 770px;
	min-height: 88px;
}
.history-list > ul > li:last-child .history-one-r {
	min-height: 0;
}
.history-one-r p {
	line-height: 22px;
	font-size: 14px;
	color: #777;
	transition: .3s;
}
.history-list > ul > li:hover .history-one-r p {
	color: #ee3b44;
}

.page-ctrl {
	text-align: center;
}
@media (min-width: 62em) {
	.page-ctrl.letmove {
		transform: translateY(25px);
		opacity: 0;
		transition: .8s;
	}
	.page-ctrl.move {
		transform: translateY(0);
		opacity: 1;
	}
}
.page-ctrl > ul {
	font-size: 0;
}
.page-ctrl > ul > li {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: top;
}
.page-ctrl > ul > li a,
.page-ctrl > ul > li span {
	display: block;
	/*padding: 9px 13px;*/
	border: 1px solid #e1e1e1;
	width: 37px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .3s;
}
.page-ctrl > ul > li:first-child,
.page-ctrl > ul > li:last-child {
	font-family: arrow;
}
.page-ctrl > ul > li a:hover,
.page-ctrl > ul > li.active a,
.page-ctrl > ul > li span:hover,
.page-ctrl > ul > li.active span {
	border: 1px solid #ee3b44;
	color: #fff;
	background: #ee3b44;
	border-radius: 4px;
}

/*职位搜索*/
.job-search {
	position: relative;
	margin: 0 auto;
	width: 1160px;
	height: 48px;
	line-height: 48px;
	background: #f2f2f2;
	overflow: hidden;
}
@media (min-width: 62em) {
	.job-search.letmove {
		transform: translateY(30px);
		opacity: 0;
		transition: transform 1s, opacity 1s;
	}
	.job-search.move {
		transform: translateY(0);
		opacity: 1;
	}
}
.job-search input[type="text"] {
	margin-left: 20px;
	border: 0;
	width: 94.5%;
	font-size: 14px;
	font-family: Microsoft Yahei;
    color: #666;
	outline: none;
	background: #f2f2f2;
}
.job-search button {
	/*float: right;*/
	position: absolute;
	top: 14px;
	right: 16px;
	/*margin-top: 14px;*/
	/*margin-right: 16px;*/
	border: 0;
	outline: none;
	background: #f2f2f2;
	cursor: pointer;
}

/*产品*/
.pros-list {
    margin-bottom: 55px;
    width: 1290px;
    font-size: 0;
}
.pros-one {
	display: inline-block;
    margin-right: 40px;
    margin-bottom: 55px;
    width: 390px;
    vertical-align: top;
}
@media (min-width: 62em) {
	.pros-one.letmove {
		transform: translateY(30px);
		opacity: 0;
		transition: 1.2s;
	}
	.pros-one.move {
		transform: translateY(0);
		opacity: 1;
	}
}
.pros-one-img {
	margin-bottom: 30px;
	overflow: hidden;
}
.pros-one-img img {
	max-width: 100%;
	height: auto;
    transition: transform .7s .03s;
}
.pros-one-img:hover img {
    transform: scale(1.09);
}
.pros-one-desc h3 {
	/*line-height: 14px;*/
	font-size: 14px;
}
.pros-one-desc h3 a {
	color: #999;
	transition: color .3s;
}
.pros-one-desc h3 strong {
	margin-right: 16px;
	font-size: 18px;
}
.pros-one-desc h3 a strong {
	color: #333;
	transition: color .3s;
}
.pros-one-desc h3:hover a,
.pros-one-desc h3:hover a strong {
	color: #dd000b;
}
.pros-one-desc article {
	position: relative;
	padding-top: 10px;
	border-top: 1px solid #e1e1e1;
	margin-top: 10px;
}
.pros-one-desc article::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 0;
	height: 1px;
	background: #ee3d46;
	transition: .5s .05s;
}
.pros-one:hover .pros-one-desc article::before {
	width: 100%;
}
.pros-one-desc article p {
	position: relative;
	padding: 4px 0 4px 24px;
	font-size: 12px;
	color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pros-one-desc article p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border: 1px solid #ee3d46;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.box-arrow {
	position: relative;
}
.box-arrow::after {
	content: '';
	position: absolute;
	right: 19px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 9px;
	height: 5px;
	background-image: url(../images/box-arrow.png);
	background-size: 9px 5px;
	background-repeat: no-repeat;
}

@media (max-width: 1330px) {
	.pros-list {
		width: 100%;
		text-align: center;
	}
	.pros-one {
		margin-right: 1.5%;
		margin-left: 1.5%;
		width: 30.33%;
		text-align: left;
	}
}


@media (max-width: 1241px) {
	.inside-nav > ul > li {
		margin-right: 2%;
		margin-left: 2%;
	}

	.pros-one {
		text-align: center;
	}
	.pros-one-desc article {
		display: none;
	}
	.job-search {
	    width: calc(100% - 80px); 
	}
}

@media (max-width: 48em) {
	.inside-cntr {
		border: 0;
		margin-top: 40px;
	}
	.inside-nav {
		padding-top: 0;
		border: 1px solid #e1e1e1;
	    width: 100%;
	    overflow-x: auto;
	    overflow-y: hidden;
	    white-space: nowrap;
	    -webkit-overflow-scrolling: touch;
	}
	.inside-nav > ul > li:hover span, 
	.inside-nav > ul > li.move span {
	    transform: translateY(0px);
	}
	.inside-nav > ul > li {
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #e1e1e1;
		margin-right: 0;
		margin-left: 0;
		width: 33.33%;
	    min-width: 0;
	}
	.inside-nav > ul > li:last-child {
		border-right: 0;
	}
	.inside-nav > ul > li i {
		display: none;
	}
	.nav-circle {
		display: none;
	}
	.inside-nav span {
	    line-height: 14px;
	    font-size: 14px;
	}

	.inside-fix-nav {
		height: 36px;
		box-shadow: 0px 0px 10px 0px #ddd;
	}
	.if-nav-img {
		display: none;
	}
	.inside-fix-nav > ul {
		margin-top: 0;
	}
	.inside-fix-nav > ul > li {
		margin-right: 0;
		margin-left: 0;
		width: 33.4vw;
		font-size: 14px;
	}
	.inside-fix-nav > ul > li::before {
		left: 0;
	}

	.pros-one {
		margin-right: 2%;
		margin-bottom: 30px;
		margin-left: 2%;
		width: 46%;
	}
	.pros-one-img {
		margin-bottom: 16px;
	}

	.pros-one-desc h3 strong {
		display: block;
	    margin-right: 0;
	    font-size: 16px;
	}


	.page-ctrl > ul > li {
		margin-right: 4px;
		margin-left: 4px;
	}
	.page-ctrl > ul > li a, 
	.page-ctrl > ul > li span {
	    /*padding: 7px 11px;*/
		width: 32px;
		height: 30px;
		line-height: 28px;
	    /*line-height: 14px;*/
	    font-size: 14px;
	}

	.need h2 {
		margin-bottom: 0;
	}
}

@font-face {
    font-family: "tttt"; 
    src: url("../fonts/tt.ttf")
}
@font-face {
    font-family: "tt"; 
    src: url("../fonts/tt.ttf")
}