/* CSS Document */
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li,ol li{list-style-type:none;}a,label{cursor:pointer;}img,svg{vertical-align:middle;margin:0;padding:0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}button{border: none;cursor: pointer;}
body { margin:0; padding:0; line-height:24px; font-family:'Microsoft YaHei'; font-size:12px; background:#ffffff;
	color: #434343;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-top: 0;
	margin-bottom: 0;
}

img{display:block;
    width: auto;
  height: auto;
max-width: 100%;}

input:focus {
  outline: none;
}
/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { outline: none; border:0px; background-color:Transparent;}
a{display:block;}
a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/
.clearfix::after {
  content:".";/*加一段内容*/
  display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
  height:0;/*避免生成的内容破坏原有布局高度*/
  clear:both;/*清除浮动*/
  visibility:hidden;/*让生成的内容不可见*/
}
/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}

.inner{width:1200px; height:auto;  position:relative; z-index:50; margin:0 auto;}

/*首页*/
span {
	display: block;
}
.header {
	padding: 20px 0;
}
.logo {
	float: left;
}
.header_right {
	float: right;
	margin-top: 11.5px;
}
.header_tel {
	font-size: 26px;
	line-height: 48px;
	color: #31bcb7;
	font-weight: bold;
	background: url(../images/tel.png) no-repeat left center;
	background-size: 61px 48px;
	padding-left: 75px;
}
.nav {
	background: #31bcb7;
}
.nav_item {
	float: left;
	width: 171px;
}
.nav_item a {
	padding: 18px 0;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}
.nav_current a {
	background: url(../images/nav1.png) no-repeat center top;
	background-size: 74px 4px;
	color: #383735;
}
.nav_item a:hover {
	background: url(../images/nav1.png) no-repeat center top;
	background-size: 74px 4px;
	color: #383735;
}
.title {
  padding: 67px 0 45px 0;
}
.title_text {
  font-size: 32px;
  color: #31bcb7;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  margin-bottom: 20px;
}
.title_caption {
  font-size: 24px;
  color: #383735;
  text-align: center;
  line-height: 24px;
}

.banner2 img {
	max-width: 100%;
}
.index_outsource_section {
  position: relative;
}
.index_outsource_title {
  font-size: 36px;
  font-weight: bold;
  color: #31bcb7;
  line-height: 36px;
  position: absolute;
  top: 48%;
  left: 7.5%;
  transform: translateY(-50%);
}
.index_outsource_list {
  width: 660px;
  position: absolute;
  top: 50%;
  right: 7.5%;
  transform: translateY(-50%);
}
.index_outsource_item {
  float: left;
}
.index_outsource_item img {
  width: 220px;
  height: 170px;
}
.index_team_block {
	margin-bottom: 60px;
}
.index_team_left {
	float: left;
	margin-top: 47px;
	width: 600px;
}
.index_team_left_text {
	font-size: 18px;
	color: #999999;
	line-height: 40px;
	text-indent: 25px;
}
.index_team_left img {
	float: right;
	margin-top: 40px;
}
.index_team_right {
	width: 535px;
	float: right;
	height: 338px;
}
.index_team_right img {
	width: 535px;
	height: 338px;
}
.index_team_item {
	float: left;
	width: 300px;
}
.index_team_num {
	font-size: 72px;
	line-height: 72px;
	font-weight: bold;
	color: #31bcb7;
	text-align: center;
	margin-bottom: 20px;
}
.index_team_caption {
	font-size: 24px;
	color: #2a2927;
	text-align: center;
	line-height: 24px;
}
.index_engineering {
	background: url(../images/bg2.png) no-repeat left top;
	background-size: 100% 100%;
	padding: 180px 0 100px 0;
}
.index_engineering .title {
	padding-bottom: 25px;
}
.index_engineering_text {
	font-size: 24px;
	color: #999999;
	line-height: 40px;
	text-align: center;
	margin-bottom: 80px;
}
.index_engineering_list {
	margin-bottom: 70px;
}
.index_engineering_item {
	float: left;
	margin-left: 60px; 
	width:360px;
}
.index_engineering_item img {
	width: 360px;
	height: 235px;
}
.index_engineering_item:first-of-type {
	margin-left: 0;
}
.index_engineering_info {
	background: #ffffff;
	padding: 15px 30px;
}
.index_engineering_info_text {
	font-size: 18px;
	color: #383735;
	background: url(../images/ico1.png) no-repeat left center;
	background-size: 21px 21px;
	padding-left: 30px;
	line-height: 21px;
}
.index_engineering_info:hover {
	background: #31bcb7;
}
.index_engineering_info:hover .index_engineering_info_text {
	color: #ffffff;
	background: url(../images/ico2.png) no-repeat left center;
}
.index_engineering_link {
	width: 200px;
	background: #31bcb7;
	padding: 15px 0;
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
}
.index_play_item {
	float: left;
	width: 370px;
	margin-left: 45px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: -webkit-linear-gradient(#eeeeee, #fcfcfc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#eeeeee, #fcfcfc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#eeeeee, #fcfcfc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#eeeeee, #fcfcfc); /* 标准的语法 */
}
.index_play_item:first-of-type {
	margin-left: 0;
}
.index_play_item img {
	width: 370px;
	height: 295px;
	border-radius: 10px;
}
.index_play_title {
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
	margin: 25px 0;
}
.index_play_item:first-of-type .index_play_title {
	color: #ff9c00;
}
.index_play_item:nth-child(2) .index_play_title {
	color: #373eda;
}
.index_play_item:nth-child(3) .index_play_title {
	color: #ff4e4e;
}
.index_play_text {
	font-size: 18px;
	color: #505050;
	line-height: 30px;
	padding: 0 45px 0 45px;
}
.index_play_text:last-of-type {
	padding-bottom: 30px;
}
.index_process_section {
	background: #f8f8f8;
	padding: 45px 0;
}
.index_process_section img {
	margin: 0 auto;
}
.index_epiboly .title_text {
	margin-bottom: 0;
}
.index_eg {
	position: relative;
}
.index_eg_bg {
	position: absolute;
	top: 5%;
	left: 2%;
}
.index_eg_item {
	float: left;
	width: 580px;
	margin-left: 40px;
	margin-bottom: 30px;
}
.index_eg_item:nth-child(odd) {
	margin-left: 0;
}
.index_eg_item img {
	width: 290px;
	height: 200px;
	float: left;
}
.index_eg_box {
	background: #f8f8f8;
	padding: 20px;
	height: 200px;
	overflow: hidden;
}
.index_eg_text {
	display: none;
}
.index_eg_title {
  font-size: 24px;
  color: #31bcb7;
  text-align: center;
  padding: 67px 0;
  border: 2px solid #31bcb7;
}
.index_eg_item:hover .index_eg_box {
	background: #31bcb7;
}
.index_eg_item:hover .index_eg_title {
	color: #ffffff;
	border: none;
	padding: 14px 0;
	text-align: left;
}
.index_eg_text {
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
}
.index_business {
	background: url(../images/bg3.jpg) no-repeat left top;
	background-size: 100% 100%;
	padding: 220px 0 0 0;
}
.index_business_section img {
	width: 275px;
	height: 210px;
}
.footer {
	background: #f8f8f8;
	padding: 150px 0 90px 0;
}
.footer_left {
	float: left;
}
.footer_item {
	margin-bottom: 15px;
	font-size: 18px;
	color: #363534;
	padding-left: 25px;
	line-height: 20px;
}
.footer_item:nth-child(1) {
	background: url(../images/ico4.png) no-repeat left center;
	background-size: 20px 20px;
	margin-top: 30px;
}
.footer_item:nth-child(2) {
	background: url(../images/ico5.png) no-repeat left center;
	background-size: 20px 20px;
}
.footer_item:nth-child(3) {
	background: url(../images/ico6.png) no-repeat left center;
	background-size: 20px 20px;
}
.footer_right {
	width: 200px;
	float: right;
	margin-top: 30px;
}
.footer_right img {
	margin: 0 auto;
	width: 124px;
	height: 124px;
}
.footer_right_text {
	font-size: 18px;
	line-height: 18px;
	color: #363534;
	margin-top: 10px;
	text-align: center;
}
.about_title {
	padding: 50px 0 30px 0; 
}
.about_zh {
	font-size: 24px;
	line-height: 24px;
	color: #38baba;
	text-align: center;
	margin-bottom: 10px;
}
.about_en {
	font-size: 18px;
	color: #363533;
	text-align: center;
	line-height: 18px;
}
.about_profile_section {
	margin-bottom: 60px;
}
.about_profile_section img {
	float: left;
	width: 541pa;
	height: 442px;
}
.about_profile_right {
	width: 625px;
	float: right;
}
.about_profile_title {
	font-size: 24px;
	color: #363533;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 50px;
}
.about_profile_text {
	font-size: 18px;
	color: #999999;
	line-height: 40px;
}
.about_learning {
	background: url(../images/bg4.jpg) no-repeat left top;
	background-size: 100% 100%;
	padding: 10px 0 60px 0;
}
.about_learning_text {
	font-size: 18px;
	color: #999999;
	line-height: 40px;
}
.index_business_section {
	height: 450px;
}
.about_learning_section {
	margin-top: 40px;
	position: relative;
	width: 1300px;
	height: 245px;
}
.about_team_text {
	font-size: 18px;
	line-height: 40px;
	color: #999999;
}
.about_team .index_team_left {
	margin-top: 0;
}
.about_team {
	padding-bottom: 67px;
}
.clean_item {
	float: left;
	width: 255px;
	height: 255px;
	border-radius: 10px;
	margin-left: 60px;
	padding: 30px 0;
	margin-bottom: 30px;
	background: #ffffff;
}
.clean_item img {
	margin: 0 57.5px;
}
.clean_item:nth-child(4n-3) {
	margin-left: 0;
}
.cle_none {
	display: none;
}
.clean_text {
	font-size: 18px;
	line-height: 18px;
	color: #505050;
	text-align: center;
	padding: 35px 0;
}
.clean_item:hover .clean_text {
	color: #ffffff;
}
.clean_item:nth-child(1):hover {
	background: #ff9898;
}
.clean_item:nth-child(2):hover {
	background: #d998ff;
}
.clean_item:nth-child(3):hover {
	background: #98b3ff;
}
.clean_item:nth-child(4):hover {
	background: #98cbff;
}
.clean_item:nth-child(5):hover {
	background: #ff8657;
}
.clean_item:nth-child(6):hover {
	background: #ffba57;
}
.clean_item:nth-child(7):hover {
	background: #ffe13d;
}
.clean_item:nth-child(8):hover {
	background: #58e995;
}
.clean_item:nth-child(9):hover {
	background: #ff9898;
}
.clean_item:nth-child(10):hover {
	background: #d998ff;
}
.clean_item:nth-child(11):hover {
	background: #98b3ff;
}
.clean_item:nth-child(12):hover {
	background: #98cbff;
}
.clean_item:nth-child(13):hover {
	background: #ff8657;
}
.clean_item:nth-child(14):hover {
	background: #ffba57;
}
.clean_item:nth-child(15):hover {
	background: #ffe13d;
}
.clean_item:nth-child(16):hover {
	background: #58e995;
}
.clean_item:nth-child(17):hover {
	background: #ff9898;
}
.clean_item:nth-child(18):hover {
	background: #d998ff;
}
.clean_item:nth-child(19):hover {
	background: #98b3ff;
}
.clean_item:nth-child(20):hover {
	background: #98cbff;
}
.clean_ex_title {
	font-size: 18px;
	color: #31bcb7;
	text-align: center;
	line-height: 18px;
}
.box {
	margin: 40px 0;
}
.box img {
	margin: 0 auto;
	width:100%;
}
.box span {
	font-size: 18px;
	 color: #999999;
	 line-height: 30px;
}
.clean_ex_link {
	background: #31bcb7;
	text-align: center;
	width: 200px;
	padding: 15px 0;
	font-size: 18px;
	color: #ffffff;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 60px;
}
.eg_section {
	position: relative;
	min-height: 460px;
	margin-bottom: 60px;
}
.eg_photo1 {
	position: absolute;
	top: 5%;
	left: 2%;
}
.eg_photo2 {
	position: absolute;
	top: 5%;
	right: 2%;
}
.eg_photo3 {
	position: absolute;
	bottom: 5%;
	right: 2%;
}
.main {
	min-height: 650px;
}
/*翻页*/
DIV.quotes {
PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN:left;
margin-top: 20px;
text-align: center;
}
.quotes span {
	display: inline-block;
}
DIV.quotes A {
 padding:0 10px; text-align:center; font-family:Arial; font-size:14px; COLOR: #000000; MARGIN-RIGHT:8px; TEXT-DECORATION: none;display: inline-block;
}
DIV.quotes A:hover {
  COLOR: #ffffff; 
	 background: #31bcb7;
	 border-radius: 10px;
	
	}
DIV.quotes A:active {
  padding:5px 8px 5px 8px; MARGIN-RIGHT: 8px;  font-family:Arial; font-size:14px; color:#fff;}
DIV.quotes SPAN.current {
  padding:0 10px; 
	 text-align:center;  
	 font-family:Arial; 
	 font-size:14px; 
	 COLOR: #ffffff; 
	 background: #31bcb7;
	 MARGIN-RIGHT:8px;
	 border-radius: 10px;
}
DIV.quotes .disabled {
  padding:0 10px;  font-family:Arial; font-size:14px; COLOR: #000000; MARGIN-RIGHT: 8px;}

.eg_ex_link {
	font-size: 18px;
	color: #999999;
	line-height: 18px;
	margin-bottom: 20px;	
}
.con_left {
	float: left;
	width: 490px;
}
.con_en{
	font-size: 72px;
	font-weight: bold;
	color: #f2f2f2;
	line-height: 72px;
	margin-bottom: 10px;
}
.con_zh {
	font-size: 18px;
	color: #383735;
	line-height: 18px;
}
.con_form {
	width: 100%;
	display: inline-block;
	margin-top: 25px;
}
.con_form_text {
	font-size: 18px;
	color: #383735;
	line-height: 18px;
}
.con_info_text {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #505050;
	width: 20%;
	margin-top: 6px;
}
.con_info {
	margin-top: 20px;
}
.con_info input {
	background: #f8f8f8;
	border-radius: 15px;
	height: 30px;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #505050;
	float: right;
	width: 78%;
	border: none;
}
.con_info textarea {
	background: #f8f8f8;
	border-radius: 15px;
	height: 130px;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #505050;
	float: right;
	width: 78%;
	border: none;
font-family: auto;
}
.con_btu {
	background: #31bcb7;
	font-size: 18px;
	color: #ffffff;
	border: none;
	border-radius: 15px;
	width: 78%;
	float: right;
	margin-top: 20px;
	padding: 5px 0;
}
.con_right {
	float: right;
	width: 607px;
}
.contact_section {
	margin-bottom: 70px;
}
@media screen and (max-width:1650px){
	.index_eg_bg {
		display: none;
	}
	.eg_photo1 {
		display: none;
	}
		.eg_photo2 {
		display: none;
	}
		.eg_photo3 {
		display: none;
	}
}