@charset "gb2312";
*{-webkit-font-smoothing: subpixel-antialiased}
.main_about {

	width: 100%;

	overflow: hidden;

	padding-top: 10px;

}

.who {

	width: 995px;

	margin: 0px auto;

	overflow: hidden;

	text-align: left;

}

.who h1 {

	font-size: 28px;

	color: #333;

	font-weight: normal;

	text-align: center;

	margin-top: 50px;

}

.who p {

	margin: 0px auto;

	overflow: hidden;

	line-height: 30px;

	font-size: 14px;

	color: #333;

	margin-top: 30px;

}

.main_about .bottom {

	width: 1180px;

	margin: 70px auto 90px auto;

	overflow: hidden;

}

.main_about .bottom dl {

	width: 31%;

	margin: 0 1.1%;

	float: left;

	text-align: center;

}

.main_about .bottom dl dd {

	margin-bottom: 10px;

}

.main_about .bottom dl dt h2 {

	font-size: 18px;

	line-height: 32px;

	color: #333;

	font-weight: normal;

}

.project_gray {

	background: #f6f6f6;

	overflow: hidden;

	padding-bottom: 60px;

}

.project {

	width: 1270px;

	overflow: hidden;

	margin: 60px auto 0px auto;

}

.project .about_title {

	width: 100%;

	text-align: center;
	color:#6A7884;
	

}

.project .about_title h1 {

	font-size: 26px;
    width:200px;height:53px;line-height:53px;text-indent:25px;
	color: #6A7884;
	background:url(../images/ablut_logo.png) no-repeat left center;background-size:53px;
	

	

	font-weight: normal;

}

.project .about_title span {

	font-size: 16px;

	color: #666;

}

.project_con {
    
	width: 1270px;
	height:600px;
    
	overflow: hidden;

	clear: both;
    padding-top:40px;
	margin:0 auto;
	
	background-image:url(../images/about_bg.png);background-repeat:no-repeat;background-position:20px top;background-size:1245px;

}

.project_con dl {
    margin-right:47px;
	width: 410px;
	height:240px;
    cursor:pointer;
	float: left;

	font-size: 14px;

	margin-top: 40px;

	overflow: hidden;

	color: #333;

	line-height: 26px;

}
#about_dl{margin-right:0px;margin-left:3px;width:350px}

.project_con dl dd {

	height: 42px;
	width:42px;
	background:url(/style/images/about_icon.jpg);
    background-size:100%;background-repeat:no-repeat;background-position:0px 0px;
	margin-bottom: 12px;
    border-radius:4px;
	padding: 1px;
    


}
.project_con dl dt{width:330px;color:#6A7884}
.project_con dl dt:nth-child(2){font-size:20px;text-shadow:1px 1px 1px #ccc;line-height:40px}
.project_con dl dt:nth-child(3){font-size:18px;line-height:35px;}
.project_con dl:hover dd {
 	animation:icon_key 1s;
	

}
.project_con dl:hover dt:nth-child(2){
 	font-weight:bold;
	

}
@keyframes icon_key{
   0%{transform:translate(0px,10px);}
   20%{transform:translate(0px,0px);}
   40%{transform:translate(0px,7px);}
   60%{transform:translate(0px,0px);}
   80%{transform:translate(0px,3px);}
   100%{transform:translate(0px,0px);}
}

.project_con dl dd a {

	display: block;

	width: 100%;

	height: 100%;

}

.project_con dl dt a {

	margin-right: 25px;

	display: inline-block;

	line-height: 24px;

	color: #333;

}

.project_con dl dt a:hover {

	color: #24b727;

}

.team_box {

	padding-top: 80px;

	overflow: hidden;

}

.team {

	width: 1270px;

	margin: 0px auto;

	lear: both;

	overflow: hidden;

}

.team h1 {
	font-size: 26px;
    width:200px;height:53px;line-height:53px;text-indent:15px;
	color: #6A7884;
	background:url(../images/ablut_logo.png) no-repeat left center;background-size:53px;
	font-weight:normal;
}

.team .top {

	width: 995px;

	margin: 0 auto;

}

.team .top p {

	font-size: 14px;

	line-height: 28px;

	text-align: left;

}
.team .about_title h1{text-indent:63px;}
.product_show .about_title h1{color:#fff;background-image:url(../images/product_icon.png)}
.product_data .about_title h1,.product_data .about_title h3{width:100%;color:#fff;background-image:none;color:#6A7884;text-indent:0px;font-size:40px;text-align:center;}
.product_data .about_title h3{font-size:30px;font-weight:normal;color:6a7884;margin-top:30px;}
.product_show .about_title h2{font-size:30px;font-weight:normal;color:#fff;text-align:center;}
.product_data .about_title h2{width:60px;height:20px;border-bottom:4px solid #1B84B3;margin:0 auto;}
.team_con {
    position:relative;
	width: 1270px;
	background:url(../images/product_advantage.jpg) no-repeat;
	height:700px;

	clear: both;

	overflow: hidden;

	margin: 50px auto;

}
.product_con {
    position:relative;
	width: 1270px;
	
	height:383px;

	clear: both;

	overflow: hidden;

	margin: 40px auto;

}


.product_con dt{height:383px;float:left;background-repeat:no-repeat;background-position:center center;}
.product_con dt:nth-child(1){width:179px;background-image:url(../images/guider.png);cursor:pointer;}
.product_con dt:nth-child(2){width:913px;border-radius:10px;overflow:hidden;}
.product_con dt:nth-child(3){width:178px;background-image:url(../images/guider2.png);cursor:pointer;}
.product_con  dt:nth-child(2) a{display:block;width:913px;height:383px;background-size:100%;float:left;}
#pro_square{width:4000px;height:383px;margin-left:0;}
.pro_point{width:180px;height:50px;margin:0 auto;}
.pro_point dl dt{float:left;width:20px;height:20px;border-radius:10px;background-color:#fff;margin-right:30px;opacity:0.5}
.pro_point dl dt:last-child{margin-right:0px;}
.team_con dl{
   position:absolute;
   width:360px;height:280px;
   transition:all 0.3s;
   float:left;
   cursor:pointer;
}
.team_con dl:hover{transform:translate(10px,20px)}
.team_con dl:nth-child(1)
{
   top:520px;width:500px;
   left:100px;
}
.team_con dl:nth-child(2)
{
   left:400px;
   top:100px;
}
.team_con dl:nth-child(3)
{
   left:800px;
   top:430px;
}
.team_con dl:nth-child(4)
{
   left:980px;width:260px;top:30px;
}


.team_con dd{font-size:24px;color:#6A7884;font-weight:bold;}

.team_con dt{font-size:20px;color:#6A7884;line-height:40px;}

.team_con .left_cor {

	width: 66.6%;

	float: left;

}

.team_con .left_cor .boxgrid {

	width: 50%;

	height: 220px;

	border: 1.5px solid #FFF;

	float: left;

	overflow: hidden;

	position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	background-position: center top;

}

.team_con .left_cor .boxgrid img {

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

}

.team_con .left_cor .boxgrid .cover {

	position: absolute;

	background: #000;

	height: 220px;

	width: 100%;

	opacity: .7; /* For IE 5-7 */

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */

	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}

.team_con .left_cor .boxgrid .cover {

	top: 220px;

	left: 0;

}

.team_con .left_cor .boxgrid .cover h3 {

	font-size: 14px;

	color: #FFF;

	line-height: 40px;

	text-align: left;

	margin-left: 15px;

}

.team_con .right_cor {

	width: 33.3%;

	float: right;

	margin-top: 1px;

}

.team_con .right_cor .boxgrid {

	width: 100%;

	height: 438px;

	overflow: hidden;

	position: relative;

	background-position: center top;

}

.team_con .right_cor .boxgrid img {

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

}

.team_con .right_cor .boxgrid .cover1 {

	position: absolute;

	background: #000;

	height: 438px;

	width: 100%;

	opacity: .7; /* For IE 5-7 */

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */

	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}

.team_con .right_cor .boxgrid .cover1 {

	top: 438px;

	left: 0;

}

.team_con .right_cor .boxgrid .cover1 h3 {

	font-size: 14px;

	color: #FFF;

	line-height: 40px;

	text-align: left;

	margin-left: 15px;

}
/*产品演示 */
.product_show{background-color:#6493C4;}
/*产品数据*/
.pro_pic{width:1270px;margin:0 auto;margin-top:60px;}
.pro_pic div.pro_title{width:548px;height:65px;background-color:#1B84B3;color:#fff;font-size:30px;text-align:center;line-height:65px;}
.product_data{background-color:#F5F6F9;}
.pro_pic .product_pic{width:1266px;height:584px;background-image:url(../images/pro_pic.jpg);}
.pro_contact{height:284px;width:100%;background-color:#1FA2DC;}
.pro_con_txt{width:500px;height:100px;margin:0 auto;}
.pro_con_txt dt{float:left;width:200px;height:60px;border-radius:30px;background-color:#fff;line-height:60px;font-size:25px;text-align:center;color:#1FA2DC}
.pro_con_txt dt:first-child{background-color:#FFBF12;color:#fff;margin-right:100px;}

/*-人才招聘-*/

.week_job {

	width: 1140px;

	margin: 0 auto;

}

.week_job .top {

	overflow: hidden;

	text-align: center;

	color: #666;

	font-size: 16px;

}

.week_job .top h1 {

	font-size: 28px;

	line-height: 35px;

	color: #333;

	margin-bottom: 15px;

	margin-top: 75px;

	font-weight: normal;

}

.week_job .con {

	overflow: hidden;

	margin-top: 50px;

}

.week_job .list {

	float: left;

	width: 315px;

	color: #333;

	line-height: 26px;

	margin-right: 97px;

}

.week_job .list.last {

	margin: 0;

}

.week_job .list h2 {

	font-size: 20px;

	margin-top: 25px;

	font-weight: normal;

}

.week_job .list strong {

	font-size: 14px;

	display: inline-block;

	margin-top: 20px;

}

.week_job .list ul {

	overflow: hidden;

}

.week_job .bottom {

	text-align: center;

	clear: both;

	overflow: hidden;

	margin: 65px auto;

	font-size: 20px;

}

.week_job .bottom a {

	background: #ee302f;

	color: #FFF;

	font-size: 24px;

	display: inline-block;

	line-height: 50px;

	padding: 0 40px;

	margin-top: 15px;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	border-radius: 2px;

}

.week_job .bottom a:hover {

	background: #d90100;

}

.week_follow {

	width: 100%;

	border-top: 1px solid #e2e2e2;

	padding-top: 80px;

	text-align: center;

}

.week_follow_kd {

	width: 1140px;

	margin: 0 auto;

}

.week_follow h1 {

	font-size: 28px;

	color: #333;

	line-height: 30px;

	font-weight: normal;

}

.week_follow ul {

	width: auto;

	overflow: hidden;

	margin: 30px auto 70px auto;

}

.week_follow ul li {

	width: 120px;

	display: inline-block;

	margin: 0 10px;

}

/*-联系我们-*/

.week_container {

	margin: 0 auto;

	padding: 0 12px;

	max-width: 1164px;

	min-width: 1024px;

}

.week_contact {

	width: 100%;

	min-width: 1024px;

}

.contact-ways {

	overflow: hidden;

}

.contact-ways li {

	float: left;

	width: 33%;

	height: 420px;

	border-left: 1px solid #E9E9E9;

}

.contact-ways li:last-child {

	border-right: 1px solid #E9E9E9;

}

.contact-ways li a, .contact-ways li a:hover {

	display: block;

	padding: 88px 0;

	text-align: center;

	text-decoration: none;

}

.contact-ways li h4 {

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin: 0;

	font-weight: 100;

}

.contact-ways li p.cway-txt {

	font-size: 30px;

	line-height: 50px;

	color: #121212;

}

.contact-ways li:hover p.cway-txt {

	color: #00A0E9;

}

.contact-ways li a i {

	margin: 0 auto 20px;

	display: block;

	width: 128px;

	height: 128px;

	background-color: #f8f8f8;

	border-radius: 64px;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

.contact-ways li a:hover i {

	background-color: #00A0E9;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

.contact-ways li a i.i-phone {

	background-image: url(../images/icon_phone.png);

	background-size: 128px;

	background-repeat: no-repeat;

	background-position: 0 0;

}

.contact-ways li a:hover i.i-phone {

	background-position: 0 -128px;

}

.contact-ways li a i.i-qq {

	background-image: url(../images/icon_qq.png);

	background-size: 128px;

	background-repeat: no-repeat;

	background-position: 0 0;

}

.contact-ways li a:hover i.i-qq {

	background-position: 0 -128px;

}

.contact-ways li a i.i-mail {

	background-image: url(../images/icon_mail.png);

	background-size: 128px;

	background-repeat: no-repeat;

	background-position: 0 0;

}

.contact-ways li a:hover i.i-mail {

	background-position: 0 -128px;

}

.week_weixin {

	background: url(../images/bg_weixin.jpg) no-repeat center;

	background-size: cover;

	background-attachment: fixed;

	padding: 80px 0;

}

.week_weixin h3 {

	margin: 0 auto;

	font-size: 32px;

	width: 60%;

	line-height: 1.75;

	text-align: center;

	color: #FFF;

	font-weight: normal;

}

.week_weixin p {

	margin: 0 auto 20px;

	font-size: 16px;

	width: 80%;

	line-height: 1.75;

	text-align: center;

	color: #eee;

}

.week_weixin-p img {

	display: block;

	margin: 0 auto;

	width: 160px;

	height: 160px;

}

.week_weixin p span {

	display: inline-block;

	margin: 0 20px;

}

.week_map {

	position: relative;

	height: 520px;

	min-width: 1024px;

	margin-bottom: -5px;

}

#allmap {

	width: 100%;

	height: 100%;

	overflow: hidden;

	margin: 0;

}

.mark-info {

	position: absolute;

	bottom: 0px;

	left: 0;

	width: 100%;

	text-align: center;

	padding: 25px 0;

	background: url(../images/tmbg.png) repeat;

	color: #FFF;

}

.mark-info h4 {

	margin: 0;

	line-height: 36px;

	font-size: 26px;

	font-weight: normal;

}

.mark-info p {

	font-size: 16px;

	line-height: 32px;

}

/*-发展历程-*/

.wk_about_hty-box {

	position: relative;

	margin-top: 20px;

}

.wk_about_hty-box .slogan {

	margin-bottom: 30px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 26px;

	color: #b8b8b8;

}

.wk_about_hty {

	width: 960px;

	margin: 0 auto;

	position: relative;

	padding: 46px 0;

}

.wk_about_hty .line {

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -1px;

	width: 3px;

	height: 100%;

	background-color: #d4d4d4;

}

.wk_about_hty .item {

	position: relative;

	height: 90px;

}

.wk_about_hty .item:before {

	content: '';

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -7px;

	width: 12px;

	height: 12px;

	border: 2px solid #00A0E9;

	background-color: #fff;

	border-radius: 50%;

}

.wk_about_hty .item .desc {

	position: absolute;

	top: -18px;

	left: 50%;

	padding: 10px 20px;

	margin-left: 38px;

	width: 45%;

	line-height: 30px;

	background-color: #f9f9f9;

	border: 1px solid #eae9e9;

	border-radius: 4px;

	font-size: 14px;

	color: #666;

}

.wk_about_hty .item .desc .arrow {

	position: absolute;

	top: 15px;

	left: -20px;

	border-style: solid;

	border-width: 9px 10px;

	border-color: transparent #eae9e9 transparent transparent;

}

.wk_about_hty .item .desc .arrow:after {

	content: '';

	position: absolute;

	top: -9px;

	left: -8px;

	border-style: solid;

	border-width: 9px 10px;

	border-color: transparent #f9f9f9 transparent transparent;

}

.wk_about_hty .item .date {

	position: absolute;

	top: -6px;

	left: 50%;

	margin-left: -110px;

	width: 78px;

	height: 26px;

	line-height: 26px;

	text-align: center;

	font-size: 12px;

	color: #fff;

	background-color: #00A0E9;

}

.wk_about_hty .item .date:after {

	content: '';

	position: absolute;

	top: 9px;

	right: -8px;

	border-style: solid;

	border-width: 5px 4px;

	border-color: transparent transparent transparent #00A0E9;

}

.wk_about_hty .item.odd .desc {

	left: auto;

	right: 50%;

	margin: 0 36px 0 0;

	text-align: right;

}

.wk_about_hty .item.odd .desc .arrow {

	left: 100%;

	border-color: transparent transparent transparent #eae9e9;

}

.wk_about_hty .item.odd .desc .arrow:after {

	left: -12px;

	border-color: transparent transparent transparent #f9f9f9;

}

.wk_about_hty .item.odd .date {

	margin-left: 31px;

}

.wk_about_hty .item.odd .date:after {

	right: 100%;

	border-color: transparent #00A0E9 transparent transparent;

}
.rader_top{width:100%;height:100%;cursor:pointer}
.team2{width:100%;position:relative;}
.dbs_con{width:780px;margin:0 auto;}
.dbs_con a{display:block;width:260px;float:left;height:60px;text-align:center;line-height:60px;font-size:16px;text-decoration:none;}
.dbs_con a:first-child{background-color:#ddd;}
.team4{width:100%;height:500px;background-image:url(../images/dbs_txt1.jpg);background-size:100% 100%;}
.team4 p{width:500px;height:300px;line-height:40px;font-size:16px;text-indent:60px;color:#666;padding-top:100px;margin-left:20%}
.shenqing{height:auto;background-color:#fff;}
.dbssq_title{width:260px;margin:0 auto;}
.dbssq_title2{font-size:16px;color:#666;text-align:center;margin-top:30px;}
.dbs_tab{width:800px;height:400px;margin:0 auto;}
.dbs_tab tr td:first-child{width:100px;font-size:16px;color:#666;text-align:right;}
.dbs_tab tr{height:80px;line-height:80px;}
.dbs_tab input{border-color:#999999;border:1px solid #999;height:40px;border-radius:6px;width:600px;color:#999;margin-left:20px;padding-left:20px}
#dbs_tast{width:150px;background-color:#1FA2DC;color:#fff;padding:0px;position:absolute;left:50%;margin-left:-75px;float:left;border:0;font-size:16px;}
.dbs_tab tr:last-child td:last-child{margin:0;padding:0}
.dbs_tel{width:337px;height:92px;background-image:url(../images/dbs_tel.png);margin:0 auto;margin-top:30px;margin-bottom:130px}