@charset "utf-8";

/*全局控制*/
body{width:100%;margin:0;padding:0;font-family:"微软雅黑"; color:#565656;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{width:100%;height:auto;display: block;border:0;vertical-align:center;}ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.op{opacity: 0}
.flex{display:flex;}
.wrap{flex-wrap: wrap;}
a{text-decoration:none;color:#000;cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor: pointer;border:0;}


.box{width:1320px;margin:auto;}

body{
	overflow-x: hidden
}


/*头部*/
.head{height:110px;}
.head .logo{
	width: 74px;
}
.head .nav{
	width:945px;
	line-height: 110px;
	margin-left: 100px;
}
.head .nav ul{
	display: block;width: 100%;height: 100%;
	line-height: 110px;
}
.head .nav ul li{
	margin:0 25px;
	display: inline-block;
	font-size: 0;text-align: center;
}
.head .nav ul li a{
	color: #333333;font-size: 18px;
	display: inline-block;
	position: relative;
}

.head .nav ul li:hover a{
	color: #4bd68a;
}
.head .nav ul li:hover a:after{
	position: absolute;
	content: '';
	width: 90%;
	height: 3px;
	background: #4bd68a;
	border-radius: 3px;
	bottom:35px;
	left: 0;
	right: 0;
	margin: auto;
}
.head .nav ul li.active a{
	color: #4bd68a;
}
.head .nav ul li.active a:after{
	position: absolute;
	content: '';
	width: 90%;
	height: 3px;
	background: #4bd68a;
	border-radius: 3px;
	bottom:35px;
	left: 0;
	right: 0;
	margin: auto;
}

.head .tel{
	height: 110px;line-height: 110px;
	position: relative;
}
.head .tel:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 20px;
	background: #d9d9d9;
	border-radius: 3px;
	bottom:0;
	left: -40px;
	top: 0;
	margin: auto;	
}
.head .tel img{
	width: 24px;display: inline-block;
	vertical-align: text-top;
	margin-right: 9px;
}

.banner{
	position: relative;
}
.banner{} .slideBox .hd {
	width: 1320px;
	height: 4px;
	position: absolute;
	bottom: 60px;
	left: 0;right: 0;
	margin: auto;
}
.banner .slideBox .hd ul{
	display: block;
}
.banner .slideBox .hd ul li{
	display: inline-block;font-size: 0;
	width: 55px;height: 4px;
	background:rgba(255,255,255,.7);
	border-radius: 4px;
	margin-right: 15px;
}
.banner .slideBox .hd ul li.on{
	background:rgba(255,255,255,1)
}


/* 招募 */

.idx_zhaomu{
	height: 320px;margin-top: 70px;
	position: relative;
}
.idx_zhaomu .zhaomu{
	width: 570px;height: 270px;
}
.idx_zhaomu .zhaomu .title{
	font-size: 32px;color: #4bd68a;font-weight: bold;
}
.idx_zhaomu .zhaomu .key{
	color: #989a9e;font-size: 16px;
	text-transform: uppercase;margin-top: 10px;letter-spacing: 1px;
}
.idx_zhaomu .zhaomu .con{
	margin-top: 40px;
}
.idx_zhaomu .zhaomu>img{
	position: absolute;
	bottom: 0;right: 0;
	display: block;
	width: 650px;
}

.idx_zhaomu .qie{
	height: 40px;width: 500px;
	position: absolute;bottom:0;left: 0;
}
.idx_zhaomu .qie a{
	display: inline-block;font-size: 0;
	font-size: 16px;padding: 0 20px;
	border-radius: 40px;
	margin-right: 30px;
	background: #f9f8fd;
	color: #989a9e;height: 40px;line-height: 40px;
}
.idx_zhaomu .qie a img{
	display: inline-block;width: 15px;
	vertical-align:middle;
}
.idx_zhaomu .qie a.active{
	background: #45d48e;
	color: #fff;
}
.idx_zhaomu .qie a .img1{
	display: inline;
}
.idx_zhaomu .qie a .img2{
	display: none;
}
.idx_zhaomu .qie a.active .img1{
	display: none;
}
.idx_zhaomu .qie a.active .img2{
	display: inline;
}



/* 核心业务 */

.idx_yw{
	margin-top: 230px;
}
.idx_yw .yw_s{
	width: 820px;
	height: 450px;
	float: right;
	position: relative;
}
.idx_yw .yw_s>img{
	position: absolute;
	height: 100%;
	width: auto;bottom: 0;
	right: 820px;
	
}
.idx_yw .yw_s .title{
	margin-top: 17px;
}
.idx_yw .yw_s .title p{
	font-size: 32px;color: #4bd68a;font-weight: bold;
}
.idx_yw .yw_s .title span{
	color: #989a9e;font-size: 16px;
	text-transform: uppercase;margin-top: 10px;letter-spacing: 4px;
}
.idx_yw .yw_s .list{
	margin-top: 50px;
}
.idx_yw .yw_s .list>div{
	width: 410px;height:320px;
	float: left;
}
.idx_yw .yw_s .list>div:nth-child(1){
	background: url(../images/yw1.png);
	background-size: 100% 100%;
}
.idx_yw .yw_s .list>div:nth-child(2){
	background: url(../images/yw2.png);
	background-size: 100% 100%;
}

.idx_yw .yw_x{
	width: 820px;
	height: 320px;
	float: left;
	position: relative;
}
.idx_yw .yw_x>img{
	position: absolute;
	height: 100%;
	width: auto;bottom: 0;
	left: 820px;
}
.idx_yw .yw_x .list>div{
	width: 410px;height:320px;
	float: left;
}
.idx_yw .yw_x .list>div:nth-child(1){
	background: url(../images/yw3.png);
	background-size: 100% 100%;
}
.idx_yw .yw_x .list>div:nth-child(2){
	background: url(../images/yw4.png);
	background-size: 100% 100%;
}
.idx_yw .list>div{
	position: relative;overflow: hidden;
}
.idx_yw .list>div>p{
	font-size: 26px;
	position: absolute;
	font-weight: bold;
	display: block;
	top: 125px;
	left: 189px;
}
.idx_yw .list>div>div{
	width: 270px;
	height: 130px;
	position: absolute;
	left: 0;right: 0;bottom: 0;
	margin: auto;text-align: center;
	line-height: 2;
}

.idx_yw .yw_s .list>div>p{
	color: #000;
}
.idx_yw .yw_s .list>div>div{
	color: #999;
}

.idx_yw .yw_x .list>div>p{
	color: #fff;
}
.idx_yw .yw_x .list>div>div{
	color: #fff;
}

/* 我们的优势 */

.idx_ys{
	background: url(../images/ysbg.png);
	background-size: 100% 100%;
	padding:75px 0 180px 0 ;
	margin-top: 200px;
}
.idx_ys .title{
	margin-top: 17px;
}
.idx_ys .title p{
	font-size: 32px;color: #4bd68a;font-weight: bold;
}
.idx_ys .title span{
	color: #989a9e;font-size: 16px;
	text-transform: uppercase;margin-top: 10px;
	letter-spacing: 4px;
}
.idx_ys .list{
	margin-top: 70px;
}

.idx_ys .list>div{
	width: 420px;height: 340px;background: #fff;
	float: left;margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;position: relative;
}
.idx_ys .list>div:nth-child(3n){
	margin-right: 0;
}


.idx_ys .list>div .img{
	width: 68px;
	margin:39px auto 30px auto;
	border-radius: 50%;
	border: 1px solid #c3f6da;
}
.idx_ys .list>div .title{
	color: #333333;
	font-size: 16px;text-align: center;
}
.idx_ys .list>div .con{
	width: 360px;
	margin: auto;
	color: #999999;
	font-size: 14px;margin-top: 18px;
	text-align: center;
}

.idx_ys .list>div .biao{
	width: 100%;
	font-size: 26px;
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0;
}

.idx_ys .list>div .biao:after{
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	bottom:-5px;
	left: 0;right: 0;
	margin: auto;
	background: #d9d9d9;
}


/* 底部 */

.foot{
	background: #2b323a;
	min-height: 280px;
}
.foot .left{
	width: 1088px;
}
.foot .left .link{
	min-height: 80px;
	border-bottom: 1px solid #424951;
}
.foot .left .link li{
	font-size: 14px;
	margin-right: 55px;
	color: #696d72;
	display: inline-block;
	line-height: 80px;
}
.foot .left .link li a{
	color: #696d72;
}
.foot .left .link li:first-child{
	color: #fff;font-size: 16px;
}
.foot .left .con{
	margin-top: 30px;
}
.foot .left .con .title{
	color: #fff;font-size: 16px;
	display: inline-block;margin-right: 60px;
}
.foot .left .con .title+div{
	width: 950px;
}



.foot .right{
	width: 120px;
	font-size: 14px;
	margin-top:64px;
}
.foot .right p{
	margin-top: 20px;
	text-align: center;
}



.dibu{
	background: #242a31;
	font-size: 14px;color: #87888c;
	text-align: center;line-height: 60px;
}


/* 右侧篇幅 */


.y_link{
	position: fixed;
	width: 60px;
	height: 150px;
	top: 30%;
	right: 108px;
	z-index:888
}
.y_link>div{
	width: 60px;height: 60px;
	border: 1px solid #f1eff9;
	margin-bottom: 10px;
	border-radius: 5px;
	position: relative;
	background: #fff;
}
.y_link>div .img2{
	display: none;
}
.y_link>div:hover{
	background:#4bd68a ;
	border-color: #4bd68a;
}

.y_link>div:hover .img1{
	display: none;
}
.y_link>div:hover .img2{
	display: block;
}
.y_link>div:hover .con{
	display: block;
}
.y_link>div .con{
	position: absolute;
	width: 85px;padding:20px;
	background: #fff;
	border-radius: 5px;
	border:1px solid #f1eff9;
	text-align: center;
	font-size: 14px;color: #999999;
	top: 0;left: -140px;
	display: none;
}
.y_link>div .con img{
	margin-bottom: 13px;
}



/* 新闻列表 */

.news_left{
	width: 1065px;
}
.news_list>div{
	padding:20px;
	background: #fff;
	margin-bottom: 22px;
}
.news_list>div .img{
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.news_list>div .con{
	width: 840px;
	height: 150px;
	overflow: hidden;
}

.news_list>div .con p{
	font-size: 16px;color: #333;
	font-weight: bold;margin-top: 7px;
}
.news_list>div .con p span{
	font-size: 14px;color: #999;
	display: inline-block;
	float: right;font-weight: 100;
}
.news_list>div .con div{
	font-size: 14px;color: #999;
	line-height: 1.5;margin-top: 15px;
	height: 65px;overflow: hidden;
}
.news_list>div .con a{
	display: block;
	width: 103px;height: 35px;
	border:1px solid #e6e6e6;
	text-align: center;line-height: 35px;
	color: #999999;
}

.page{margin-top: 56px;margin-bottom: 130px;text-align: center;}
.page a{
	display: inline-block;width: 38px;
	height: 38px;border-radius: 5px;
	background: #ffffff;color: #333333;
	margin: 4px;line-height: 38px;
}
.page a:hover,
.page a.select{
	background: #4bd68a;color: #ffffff;
}




.news_right{
	
}
.news_right>div{
	background: #fff;
	width:140px;padding: 15px;
	margin-bottom: 20px;
}
.news_right>div .video{
	position: relative;
}
.news_right>div .video video{
	display: block;
	width: 100%;height: auto;
}
.news_right>div .video img{
	position: absolute;
	width: auto;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
}
.news_right>div p{
	color:#333333;font-weight: bold;
	width:140px;margin-top: 15px;
	font-size: 16px;
}


/* 新闻详情 */
.show_con{
	width: 1240px;
	padding:40px;
	margin: 35px auto;
	background: #fff;
}
.show_con .show_title{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.show_con .show_time{
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin-top: 18px;
}
.show_con .show_xian{
	height: 1px;background: #f4f4f4;
	margin: 30px 0;
}

.con_con img{
	display: inline-block;width: auto;
	max-width: 100%;
}

.fanye{margin-top: 30px;}
.fanye a{
	display: block;font-size: #666;
	margin:15px 0
}
.fanye a:hover{
	color: #333;
}

/* 视频详情 */

.show_video{
	position: relative;
}
.show_video video{
	display: block;
	width: 100%;height: auto;
}
.show_video img{
	position: absolute;
	width: 65px;
	top: 0;left: 0;right: 0;bottom: 0;
	margin: auto;
}
.show_video_title{
	color:#333333;font-weight: bold;
	margin-top: 15px;
	font-size: 16px;	
}
.show_video_title span{
	display: inline-block;
	float: right;font-weight: 100;
	color: #999;font-size: 14px;
}



/* 单页 */

.ab_type{
	background: #fff;
	height: 66px;
}

.ab_type a{
	display: block;
	float: left;
	margin-right: 50px;
	font-size: 14px;
	height: 66px;line-height: 66px;
	border-bottom: 2px solid #fff;
}
.ab_type a:hover,
.ab_type a.active{
	border-bottom: 2px solid #4bd68a;
}

.ab_type select{
	display: block;
	float: left;
	margin-right: 50px;
	font-size: 14px;
	border: 0;
	height: 66px;line-height: 66px;
	border-bottom: 2px solid #fff;
	outline: none;
	text-align: center!important;
	
}
.ab_type select:hover{
	border-bottom: 2px solid #4bd68a;
}

.show_title2{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}
.show_key{
	text-transform: uppercase;
	font-size: 12px;color: #989a9e;
	text-align: center;
	margin-top: 10px;
}
.show_xian2{
	width:42px;
	height: 2px;
	background: #4bd68a;
	margin:20px auto
}


/* 招募 */

.news_pro>div{
	margin-top: 20px;
	width: 385px;
	height: 240px;
	background: #fff;
	border-radius: 5px;
	float: left;
	margin-right: 20px;
	padding: 20px;
}
.news_pro>div:nth-child(3n){
	margin-right: 0;
}

.news_pro>div .title img{
	display: inline-block;
	vertical-align: text-bottom;
	width: 20px;margin-right: 5px;
}
.news_pro>div .title{
	color: #333333;font-weight: bold
}
.news_pro>div .x_biao{
	margin-top: 12px;
	min-height: 22px;
}
.news_pro>div .x_biao span{
	display: inline-block;
	padding: 0 9px;height: 22px;
	color: #4bd68a;
	font-size: 14px;
	background: #e9faf1;
	margin-right: 20px;
}
.news_pro>div .con{
	background: #fcfaf7;
	padding: 20px;
	margin-top: 15px;
	font-size: 14px;
	color: #333333;
	line-height: 1.8;
}

.show_zhaomu{
	margin-top: 40px;
}

.show_zhaomu .title img{
	display: inline-block;
	vertical-align: text-bottom;
	width: 20px;margin-right: 5px;	
}
.news_pro>div .title{
	color: #333333;font-weight: bold
}
.show_zhaomu .x_biao{
	margin-top: 12px;
}
.show_zhaomu .x_biao span{
	display: inline-block;
	padding: 0 9px;height: 22px;
	color: #4bd68a;
	font-size: 14px;
	background: #e9faf1;
	margin-right: 20px;
}

.show_zhaomu .con{
	padding:30px;
	border-radius: 10px;
	background: #fcfaf7;
	margin:25px auto
}

.show_zhaomu .con>p{
	width: 50%;
	display: block;
	float: left;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
}

.go_form{
	width: 200px;height: 40px;
	background: url(../images/button.png);
	background-size: 100% 100%;
	color: #Fff;display: block;
	margin-top:40px ;margin-bottom: 100px;
	font-size: 16px;text-align: center;
	line-height: 40px;
}
.go_form:hover{
	color: #fff;
}

/* 表单1 */

.form{
	width: 605px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 195px;
}
.form_title{
	font-size: 18px;
	color: #333;position: relative;
	height: 20px;line-height: 20px;
	font-weight: bold;
	text-indent: 10px;
	margin-bottom: 35px;
}
.form_title:before{
	content: '';
	width: 2px;height: 18px;
	position: absolute;
	left: 0;top: 0;bottom: 0;
	margin: auto;
	background: #4bd68a;
}

.form .input{
	height: 40px;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

.form .input>p{
	display: block;
	text-align: right;
	color: #333;
	float: left;height: 40px;
	line-height: 40px;
	white-space: nowrap;
	position: absolute;
	top: 0;right:530px;
}
.form .input>p span{
	font-size: 20px;
	color: red;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.form .input .get_yzm{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #4bd68a;
	position: absolute;
	right: 40px;top: 0;
	width: auto;
	cursor: pointer;
}
.form .input input[type='text'],
.form .input select,
.form .input select,option{
	width: 500px;height: 40px;
	border: 0;background: #f9f8fd;
	text-indent: 25px;
	display: block;float: right;
	font-size: 16px;
	border: 0;outline: none;
	border-radius: 5px;
}
.form .input textarea{
	width: 500px;height: 80px;
	resize: none;
	border-radius: 5px;
	border: 0;background: #f9f8fd;
	display: block;float: right;
	outline: none;
	font-size: 16px;
	text-indent:25px;line-height: 1.5;
	font-family: "微软雅黑";
	padding-top: 5px;
}
.form .input .radio{
	width: 500px;height: 40px;
	display: block;float: right;
	position: relative;
}
.form .input .radio input{
	width: 20px;height: 20px;
	display: inline-block;
	position: relative;
	margin-top: 10px;
}
.form .input .file{
	width: 500px;height: 150px;
	display: block;float: right;
	position: relative;
}
.form .input .file div{
	width: 150px;height: 150px;
	float: left;background: url(../images/filebg.png);
	position: relative;
}
.form .input .file div input{
	width: 100%;height: 100%;
	position: absolute;top: 0;left: 0;
	opacity: 0;
}
.form .input .file p{
	position: absolute;
	width: 330px;bottom: 0;
	height: 50px;right: 0;
	font-size: 14px;color: #989a9e;
}
.form .result::after{
        content: "";
        display: block;
        clear: both;
}
.form .result img{
	display: block;
	width: 18%;margin:5px 1%;
	float: left;
}
.form .result img:last-child{
	margin-bottom: 20px;
}



.tijiao{
	width: 200px;height: 40px;
	background: url(../images/button.png);
	background-size: 100% 100%;
	color: #Fff;display: block;
	margin:40px auto 20px auto;
	font-size: 16px;text-align: center;
	line-height: 40px;
}


.xieyi input{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-top: 10px;
}
.xieyi p{
	width: 580px;
	display: block;
	float: right;
	font-size: 14px;
	color: #999999;
}







