@charset "utf-8";
.wrap{ width: 1200px; margin: 0 auto; clear: both;}
.wrap:after{content:"";display: block;clear: both;}



.mb30{ margin-bottom: 30px !important;}
.mb50{ margin-bottom: 50px !important;}
.mt50{ margin-top: 50px !important;}
.img-box{
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.img-box img{
	display: block;
	margin: 0 auto;
}
.img-box img.full{
	width: 100%;
}
.about-title h2{
	height: 120px;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}
.about-title h2.t1{
	background-image: url(../images/about_title_1.png);
}
.about-title h2.t2{
	background-image: url(../images/about_title_2.png);
}
.about-title h2.t3{
	background-image: url(../images/about_title_3.png);
}
/*about-img*/
.company-about{
	padding-left: 430px;
	height: 280px;
	background: url(../images/about_img_1.jpg) no-repeat left top;
}
.company-about h2{
	font-size: 24px;
	padding: 20px 0 30px 0;
}
.company-about p{
	font-size: 16px;
	line-height: 180%;
}
/*company-team*/
.company-team{
	padding-right: 430px;
	height: 240px;
	background: url(../images/about_img_2.jpg) no-repeat right top;
}
.company-team h2{
	font-size: 24px;
	padding: 20px 0 30px 0;
}
.company-team p{
	font-size: 16px;
	line-height: 180%;
}
/*company-culture*/
.company-culture{
	background: url(../images/about_img_3.png) no-repeat left top #00A0EA;
	padding-left: 380px;
	height: 249px;
}
.company-culture p{
	color: #FFF;
	font-size: 16px;
	padding: 60px 20px 0 20px;
	line-height: 180%;
}
/*culture-item*/
.culture-item{
	height: 410px;
	clear: both;
}
.culture-item .item{
	width: 33.333333%;
	float: left;
	padding-top: 200px;
	background-repeat: no-repeat;
	background-position: center 40px;
}
.culture-item .t1{
	background-image: url(../images/wenhua_img_1.png);
}
.culture-item .t2{
	background-image: url(../images/wenhua_img_2.png);
}
.culture-item .t3{
	background-image: url(../images/wenhua_img_3.png);
}
.culture-item .item h2{
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}
.culture-item .item p{
	font-size: 16px;
	padding: 0 30px;
	line-height: 180%;
}
.about-dashiji{
	position: relative;
	width: 100%;
	height: 416px;
	background: url(../images/dashiji.jpg) no-repeat center top;
	margin-bottom: 30px;
}
.about-dashiji dl dd,.about-dashiji dl dd a{
	font-size: 16px;
	color: #48abfc;
	text-align: center;
}
.about-dashiji dl.step1{
	position: absolute;
	bottom: 50px;
    left: 123px;
}
.about-dashiji dl.step2{
    position: absolute;
    top: 130px;
    left: 245px;
}
.about-dashiji dl.step3{
    position: absolute;
    bottom: 30px;
    left: 480px;
}
.about-dashiji dl.step4{
	position: absolute;
    left: 690px;
    top: 127px;
}
.about-dashiji dl.step5{
	position: absolute;
    left: 948px;
    bottom: 30px;
}
.about-dashiji dl.step6{
	position: absolute;
	right: 25px;
    top: 130px;
}
.foot-fix{
	height: 95px;
	clear: both;
	width: 100%;
	background: url(../images/foot_fix.png) no-repeat center #EEE;
}
/*join*/
.join-banner{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/join_banner.jpg);
	height: 392px;
}
.join-about{
	padding: 55px 0 55px 210px;
	width: 990px;
	font-size: 16px;
	line-height: 180%;
	background: url(../images/join_about.jpg) no-repeat left center;
}
.join-tip h1{
	height: 120px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
.join-tip h1.t1{
	background-image: url(../images/join_title_1.png);
}
.join-tip h1.t2{
	background-image: url(../images/join_title_2.png);
}
.join-tip .con{
	clear: both;
	height: 240px;
}
.join-tip .con .row{
	width: 280px;
	float: left;
	margin-right: 180px;
}
.join-tip .con .noright{
	margin-right: 0;
}
.join-tip .con .row h2{
	display: block;
	height: 120px;
	line-height: 120px;
	text-indent: 125px;
	background-color: #D2D2D2;
	color: #FFF;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 60px center;
}
.join-tip .con .row h2.b1{ background-image: url(../images/join_b1.png); }
.join-tip .con .row h2.b2{ background-image: url(../images/join_b2.png); }
.join-tip .con .row h2.b3{ background-image: url(../images/join_b3.png); }
.join-tip .con .row h2.b4{ background-image: url(../images/join_b4.png); }
.join-tip .con .row h2.b5{ background-image: url(../images/join_b5.png); }
.join-tip .con .row h2.b6{ background-image: url(../images/join_b6.png); }
.join-tip .con .row p{
	color: #B4B4B4;
	font-size: 14px;
}
.join-tip .con .row a:hover h2{
	background-color: #00A0EA;
}
.join-tip .con .row a:hover p{
	color: #434343;
}
.box-bg-img{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.join-img1{
	background-image: url(../images/join_img1.png);
	height: 502px;
}
.join-img2{
	background-image: url(../images/join_img2.png);
	height: 366px;
}
.join-aboutus{
	background-color: #313131;
	clear: both;
}
.join-aboutus .wrap{
	height: 365px;
	background: url(../images/join_aboutus.jpg) no-repeat left top;
}
.join-aboutus .con{
	color: #D7D7D7;
	padding-top: 50px;
	padding-left: 415px;
	font-size: 15px;
	line-height: 190%;
}
.join-aboutus .con p{
	margin-bottom: 15px;
	text-indent: 2em;
}
.about-page{
	padding-bottom: 40px;
	line-height: 200%;
	padding-top: 20px;
}
.about-page h1.title{
	font-size: 22px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
.about-page h2.title{
	font-weight: bold;
	padding: 20px 0;
	color: #FF0000;
}
.about-page h3.title{
	font-weight: bold;
	padding: 20px 0;
}
.nav{
	position: relative;
	bottom: 70px;
	width: 1200px;
	height: 70px;
	margin:0 auto;
	overflow: hidden;
}
.nav ul{
	position: relative;
	top: 27px;
	width: 600px;
	margin: 0 auto;
	float: right;
}
.nav ul li{
	float: left;
	width: 20%;
	height: 100%;
	line-height: 42px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}
.nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
.nav ul li a:hover{
	position: relative;
	bottom: 27px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	background-color: #2eb2d9;
}
.nav_selected{
	position: relative;
	bottom: 27px;
	height: 70px;
	line-height: 70px;
	color: #fff !important;
	background-color: #2eb2d9;
}

.thanks{width:420px; height: 320px; float: left;}
.thanks p.thankBlue{font-size: 16px; color: #EF820D; font-weight: bold; line-height: 30px;}
.thanks p{font-size: 14px; color: #333333; line-height: 24px;}
.thanks p.thanksTel{font-size: 25px; color: #de0711; font-family: "ËÎÌå"; margin-top: 8px;}
.thanks p.thanksP{font-size: 12px;}
.thanks p.thanksP span,.thanks p.thanksTel span{width: 50%; display: inline-block;}

.thanksCall{ margin-top: 30px;}
.thanksCall a{display: inline-block; width: 150px; height: 40px; line-height: 40px; font-size: 16px; color: #FFFFFF; background: #fb4f4f; margin-bottom: 12px; text-align: center; border-radius: 2px;}
.thanksCall a.help{background: #017dc5; margin-right: 62px;}
.map{width:700;  }
iframe{border: none;}
.mapmessage{width: 100%; height: 55px; background: #017dc5; padding-top: 20px;}
.mapmessage ul li{ background: url(../img/line.jpg) no-repeat right center; font-size: 14px; color: #FFFFFF; line-height: 20px; padding-left: 30px; float: left;}
.mapmessage ul li.address1{width: 357px; }
.mapmessage ul li.address2{width: 132px; }
.mapmessage ul li.address3{width: 132px; }
.mapmessage ul li.address4{width: 132px; background: none;}