/**global style **/
html {
	font-size: 100%;
	
}
p,
h1 {
	padding: 0;
	margin: 0;
}
body {
	font-family: "Microsoft YaHei", "San Francisco" ! important;
	font-size: 14px;
	color: #212121;
	font-weight: normal;
	width: 100%;
	overflow-x: hidden !important;
	line-height: 25px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/** preloader end**/
/** nav bar start**/
header {
	position: relative;
	height: 100px;
	
	
}
.navbar {
	overflow: hidden;
	text-align: left;
}
#main-nav {
	position: absolute;
	width: 100%;
	z-index: 1000;
	margin-bottom: 0;
}
#main-nav { position: absolute; width: 100%; z-index: 2200; position: fixed; margin-bottom: 0; transition: all 1s ease 0s; background:rgba(0,0,0,0.5) !important; }
#main-nav.fixed {
	position: fixed !important;
	top: 0;
}
.responsive-logo img {
	max-width: 100%;
}
.navbar-brand {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 0 0 50px;
	min-width: 80px;
}
.navbar-brand img {
	width: 123px;
	height: 67px;
}
/*.navbar-brand a{ width: 100px; url(../images/toplogo.png) no-repeat left center;*/
/*background:red;*/
/*}*/
.navbar-toggle {
	margin: 36px 10px;
}
#main-nav .navbar-collapse li {
	display: inline;
}
#main-nav .navbar-collapse.collapsing li,
#main-nav .navbar-collapse.in li {
	display: inline;
	width: 100%;
	height: 37px;
}
#main-nav .navbar-collapse li img {
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-ms-transition: transform .3s;
	-moz-transition: transform .3s;
}
#main-nav .navbar-collapse li img:hover {
	transform: rotate(360deg);
}
#main-nav .navbar-collapse li:last-child {
	margin-right: 0;
}
#main-nav .navbar-collapse li>a {
	color: #0f0f0f;
	font-size: 16px;
	height: 100px;
	width: 100px;
	line-height: 100px;
	text-align: center;
	box-sizing: border-box;
	color: #FFFFFF;
	padding: 0;
}
#main-nav .navbar-collapse.collapsing li>a,
#main-nav .navbar-collapse.in li>a {
	line-height: 37px;
	text-align: left;
	padding-left: 16px;
}
#main-nav .navbar-collapse.in li>a {
	width: 100%;
}
#main-nav .navbar-collapse.in li>a.linking {
	background: 0;
}
#main-nav .navbar-collapse.collapsing li>a:focus,
#main-nav .navbar-collapse.collapsing li>a:hover,
#main-nav .navbar-collapse.in li>a:focus,
#main-nav .navbar-collapse.in li>a:hover {
	background: #666666;
	color: #fff;
}
.main{background:#FFFFFF!important;border-bottom: solid 1px #ececec;}
.main-nav .navbar-collapse li>a {
    color:#666666!important;
}
.main-nav.navbar-default .navbar-toggle span{
    background: #333333!important;
}
/** nav bar end**/
/*topnav*/
.topnav {
	background-image: url("../images/top.jpg");
	height: 20rem;
	background-size: cover;
}
.toptext {
	width: 100%;
	text-align: center;
	color: #FFFFFF
}
.toptext h1 {
	font-size: 3.75rem;
	font-weight: normal;
	margin-bottom: 2.5rem;
	margin-top: 4.375rem;
}
.toptext p {
	font-size: 13px;
}
.toptext p:last-child {
	padding-bottom: 70px;
}
/*联系地址三栏*/
.addresslist {
	background: #FFFFFF;
	padding: 100px 0px 90px 0;
}
.addresslist dl dt {
	float: left;
	width: 73px;
	height: 92px;
	border-right: solid 1px #dedede;
	margin-right: 30px;
	position: relative;
}
.addresslist dl dt img {
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -19px;
}
.addresslist dl dd:nth-child(2) {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 27px;
}
.addresslist dl dd {
	font-size: 13px;
	color: #666;
	margin-bottom: 6px;
}
.addresslist .last dd:nth-child(2) {
	margin-top: 14px;
}
/*底部*/
/*.footer .line{ width: 280px; border-right: 1px solid #323232;*/
/*height:180px;*/
/*font-size:13px; color: #969696;*/
/*margin-bottom: 25px;*/
/*}*/
/*.footer .line img{padding-right: 8px;}*/
/*.footer .line strong{*/
/*font-size: 24px; color: #FFFFFF}*/
/*.footer .line p{ margin-bottom: 28px;*/
/*}*/



/*关于开始*/
.about {}
.aboutitle {
	padding-bottom: 25px;
	padding-top: 80px;
	position: relative;
}
.aboutitle h3 {
	font-size: 24px;
	color: #979797;
	text-align: center;
}
.aboutitle h4 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}
.aboutitle .long {
	width: 250px;
	height: 1px;
	background-color: #ff2832;
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -125px;
}
.aboutitle .short {
	width: 148px;
	height: 3px;
	background-color: #ff2832;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -74px;
}
.companyintroduce {
	padding-top: 50px;
}
.companyintroduce .p1 {
	font-size: 13px;
	color: #333;
	text-align: center;
	width: 840px;
	margin: 0 auto;
	line-height: 30px;
}
.companyintroduce .p2 {
	font-size: 13px;
	color: #333;
	text-align: center;
	margin: 0 auto;
	line-height: 30px;
	padding-top: 40px;
}
.companyintroduce .p3 {
	font-size: 13px;
	color: #333;
	text-align: center;
	margin: 0 auto;
	line-height: 30px;
}
.companyintroduce .p4 {
	font-size: 13px;
	color: #333;
	text-align: center;
	margin: 0 auto;
	line-height: 30px;
	padding-top: 30px;
}
.companyintroduce .p5 {
	font-size: 13px;
	color: #333;
	text-align: center;
	margin: 0 auto;
	line-height: 30px;
}
.companyintroduce .h3 {
	font-size: 24px;
	color: #ff2832;
	text-align: center;
	padding: 55px 0;
	font-weight: bold;
}
.seogood {
	background-image: url("../images/seogood.jpg");
	background-position: center center;
	height: 260px;
	margin-top: 105px;
}
.seogood .seoinner:first-child {
	margin-left: 60px;
}
.seogood .seoinner {
	float: left;
	margin-left: 72px;
	margin-top: 70px;
	text-align: center;
	width: 115px;
}
.seogood .seoinner img {
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	
	
}
.seogood .seoinner:hover img {
	-webkit-transform:rotate(360deg) scale(1.2); 
	-moz-transform:rotate(360deg) scale(1.2); 
	-ms-transform:rotate(360deg) scale(1.2); 
	-o-transform:rotate(360deg) scale(1.2);
}
.seogood .seoinner p {
	color: #fff;
	font-size: 14px;
	padding-top: 15px;
}
/*关于-我们的优势*/
.advantage .aboutitle {
	padding-bottom: 25px;
	padding-top: 80px;
	position: relative;
}
.advantage .aboutitle h3 {
	font-size: 24px;
	color: #979797;
	text-align: center;
}
.advantage .aboutitle h4 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}
.advantage .aboutitle .long {
	width: 250px;
	height: 1px;
	background-color: #ff2832;
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -125px;
}
.advantage .aboutitle .short {
	width: 148px;
	height: 3px;
	background-color: #ff2832;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -74px;
}
.advantagelist {
	margin-bottom: 90px;
}
.advantagelist .advantages {
	float: left;
	width: 198px;
	margin-left: 45px;
	margin-top: 60px;
}
.advantagelist .advantages:first-child {
	margin-left: 0;
}
.advantagelist .advantages p {
	font-size: 13px;
	color: #333;
	padding-top: 15px;
}
.advantagelist .advantages .advantageinnner {
	width: 196px;
	height: 176px;
	border: 2px solid #ff2832;
	transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-webkit-transition: all .8s ease;
display: table-cell;
    vertical-align: middle;
}
.advantagelist .advantages .advantageinnner:hover {
	box-shadow: 0 0 20px #ff2832;
	cursor: pointer;
	-webkit-transform:rotate(360deg) scale(1.1); 
	-moz-transform:rotate(360deg) scale(1.2); 
	-ms-transform:rotate(360deg) scale(1.2); 
	-o-transform:rotate(360deg) scale(1.2);
}
.advantagelist .advantages .advantageinnner h3 {
	color: #878787;
	margin: 0 auto;
	text-align: center;
	width: 120px;
font-size:18px;
}
.advantagelist .advantages .advantageinnner h4 {
	color: #ff2832;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}
.about .curtomerbanner {
	background-image: url("../images/curtomerbanner.jpg");
	height: 260px;
	text-align: center;
	width: 100%
}
.about .curtomerbanner img {
	margin-top: 42px;
}
.about .curtomerbanner p {
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	margin: 0 auto;
	text-align: center;
	width: 900px;
	margin-top: 22px;
}
/*服务领域*/
.serviceareas {
	background-image: url("../images/serviceareas.png");
	height: 516px;
	margin-top: 60px;
	margin-bottom: 100px;
	position: relative;
	padding-left: -15px;
}
.serviceone {
	background-color: #ff2832;
}
.serviceone:hover,
.servicetwo:hover,
.servicethree:hover,
.servicefour:hover,
.servicefive:hover,
.servicesix:hover,
.serviceseven:hover,
.serviceeight:hover,
.servicenine:hover {
	box-shadow: 0 0 30px #ff2832;
	-webkit-transform:rotate(90deg) scale(0.8); 
	-moz-transform:rotate(90deg) scale(0.8);
	-ms-transform:rotate(90deg) scale(0.8);
	-o-transform:rotate(90deg) scale(0.8);
}
.servicetwo {
	background-color: #4b3b5d;
}
.servicethree {
	background-color: #3a7e9f;
}
.servicefour {
	background-color: #31b652;
}
.servicefive {
	background-color: #4073cf;
}
.servicesix {
	background-color: #de7b5c;
}
.serviceseven {
	background-color: #47a193;
}
.serviceeight {
	background-color: #185aa3;
}
.servicenine {
	background-color: #ff2832;
}
.serviceinner {
	height: 150px;
	overflow: hidden;
	position: absolute;
	transform: rotate(45deg);
	width: 150px;
	transition: all .8s ease;
	-ms-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	cursor: pointer;
}
.serviceinner h3 {
	bottom: 20px;
	color: #fff;
	font-size: 138px;
	font-weight: bold;
	left: 0;
	opacity: 0.15;
	position: absolute;
	transform: rotate(-45deg);
}
.serviceinner p {
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	padding: 50px 10px;
	text-align: center;
	transform: rotate(-45deg);
	width: 125px;
}
.serviceone {
	left: 32px;
	top: 133px;
}
.servicetwo {
	left: 152px;
	top: 253px;
}
.servicethree {
	left: 276px;
	top: 133px;
}
.servicefour {
	left: 400px;
	top: 253px;
}
.servicefive {
	left: 525px;
	top: 133px;
}
.servicesix {
	left: 647px;
	top: 256px;
}
.serviceseven {
	left: 769px;
	top: 138px;
}
.serviceeight {
	left: 895px;
	top: 256px;
}
.servicenine {
	left: 1012px;
	top: 133px;
}
/*关于结束*/
/*人才招聘*/
.reruitment .title {width: 100%;text-align: center;}
			
			.reruitment .title h1 {
				font-size: 24px;
				font-weight: bold;
				color: #333;
				padding-top: 100px;
				padding-bottom: 64px;
			}
			
			.recruit-list {
				width: 100%;
				height: auto;
				margin-bottom: 65px;
				
			}
			
			.recruit-list .recruit-lists {
				width: 100%;
				height: auto;
				margin: 0 auto;
				position: relative;
				
			}
			
			.recruit-list .jcarousel {
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			.recruit-list .recruit-lists ul {
				width: 2000em;
				position: relative;
			}
			
			.recruit-list .recruit-lists li {
				/*width: 30%;*/
				height: auto;
				float: left;
				margin-right: 10px;
				list-style: none;
			}
			
			.recruit-list .recruit-lists li h1 {
				width: 96%;
				height: 50px;
				border-radius: 25px;
				text-align: center;
				line-height: 50px;
				font-size: 24px;
				color: #fff;
				margin-bottom: 23px;
			}
			
			.recruit-list .recruit-lists li div {
				/*width: 380px;*/
				height: auto;
				box-sizing: border-box;
				padding: 0 20px;
			}
			
			.recruit-list .recruit-lists li div h5 {
				font-size: 15px;
				color: #666;
				font-weight: bold;
				margin-bottom: 6px;
			}
			
			.recruit-list .recruit-lists li div p {
				font-size: 13px;
				color: #666;
				line-height: 24px;
			}
			
			.recruit-list .recruit-lists li .ZY-cont {
				min-height: 240px;
			}
			
			.recruit-list .recruit-lists .img img {
				width: 17px;
				height: 31px;
			}
			
			.recruit-list .recruit-lists .img {
				position: absolute;
				top: 50%;
				margin-top: -15px;
				cursor: pointer;
				display: inline-block;
				z-index: 2000;
			}
			
			.recruit-list .recruit-lists .prev {
				left: -64px;
			}
			
			.recruit-list .recruit-lists .next {
				right: -64px;
			}
			.recruit-bot{
	width: 100%;
	height: auto;
	margin-bottom: 80px;
}
.recruit-bot .recruit-bottom{
	width: 100%;
	height: 75px;
	text-align: center;
	margin:0 auto;
}
.recruit-bot .recruit-bottom span{
	font-size: 15px;
	color: #333;
}
.recruit-bot .recruit-bottom a{
	display: inline-block;
	width: 255px;
	height: 50px;
	background: #16babb;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
}
.recruit-bot .recruit-bottom a:hover{
	box-shadow: 0 0 10px #333;
}
			
/*人才招聘结束*/
/*头部文字飞入*/
@keyframes fly1 {
	0% {
		transform: translateX(-2000px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}
@-webkit-keyframes fly1 {
	0% {
		-webkit-transform: translateX(-2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-o-keyframes fly1 {
	0% {
		-webkit-transform: translateX(-2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-ms-keyframes fly1 {
	0% {
		-webkit-transform: translateX(-2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-moz-keyframes fly1 {
	0% {
		-webkit-transform: translateX(-2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
.fly1 {
	animation: fly1 1s ease 1;
	-webkit-animation: fly1 1s ease 1;
	-ms-animation: fly1 1s ease 1;
	-o-animation: fly1 1s ease 1;
	-moz-animation: fly1 1s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
@keyframes fly2 {
	0% {
		transform: translateX(2000px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}
@-webkit-keyframes fly2 {
	0% {
		-webkit-transform: translateX(2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-o-keyframes fly2 {
	0% {
		-webkit-transform: translateX(2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-ms-keyframes fly2 {
	0% {
		-webkit-transform: translateX(2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
@-moz-keyframes fly2 {
	0% {
		-webkit-transform: translateX(2000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}
.fly2 {
	animation: fly2 1s ease 1;
	-webkit-animation: fly2 1s ease 1;
	-moz-animation: fly2 1s ease 1;
	-ms-animation: fly2 1s ease 1;
	-o-animation: fly2 1s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	margin-top: -4px;
}
.position{
	width: 100%;
	height: 60px;
	background: #27baba;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	display: none;
}
.uls{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.uls li{
	width: 25%;
	height: 60px;
	float: left;
	text-align: center;
}
.uls li img{
	width: auto;
	height: 24px;
	margin: 9px auto 0;
}
.uls li a p {
	font-size: 14px;
	color: #fff;
	height: 20px;
}
@media screen and (min-width: 768px) and (max-width: 992px){
.dynamic .container .prev {
    min-height: 162px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;
    margin-bottom: 50px;
}
}
@media screen and (max-width: 768px){
.dynamic .title ul li{
padding-right:0;
}
.case-title .case-color span{
	float:none;
	margin-bottom:10px;
}
.case-details .title {
	padding-top: 40px;
}
.case-title .case-industry span{
	float:none;
	margin-bottom:10px;
}
.case-title .case-industry li {
    float: left;
    width: 23%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #ededed;
    font-size: 12px;
    color: #666;
    margin: 0 1%;
    /* margin-right: 5px; */
    cursor: pointer;
    transition: all .8s;
    margin-bottom: 10px;
}
.case-title .case-color li {
    float: left;
    width: 25%;
    height: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
}
.case-details .case-bottom .people{
margin-top:-50px;
}
	.footer{
		display: none;
	}
	.position{
		display: block;
	}
	#main-nav{
		position: fixed;
		top: 0;
	}
}