﻿/* 公司动态*/
.banner-new{
	width:100%;
	height:300px;
	background:url(../images/banner-new.jpg) no-repeat center;
	margin-top: 90px;
}
.job-list dd{	
	line-height: 1.6;
}
.job-list dt h4{
	font-size: 20px;
	color:#3788c5;
}
.job-list dd em{
	margin:5px 0;
	display:block;
	color:#999;
}
.job-list dd a{
	display:block;
	margin-top: 5px;
	color:#1270b7;
}
.content h3{
	font-size: 30px;
	text-align: center;
	padding:30px 0 0;
	color:#333;
}
.content time{
	text-align: center;
	display:block;
	padding-bottom: 30px;
	color:#999;
}
.new-detail p{
	margin-bottom: 15px;
}
.new-detail p.m0{
	margin-bottom: 0;
}
.black{
	color:black;
}
.new-detail a{
	color:#1270b7;
}
/* 分页 */
#pageGro{
	width:100%; 	
	height:25px;
	margin:30px auto;	
	display: flex;
	justify-content: center;
	align-items: center;
}
#pageGro div,#pageGro div ul li{ 
	font-size:1.2rem;		
	float:left; 
	margin-left:5px;
}
@media screen and (max-width: 800px) { 
img{ max-width:100%;}
} 
#pageGro div ul li a{ 
	width:26px; 
	text-align:center; 
	border:1px solid #999; 
	cursor:pointer;
	display:inline-block;
}
#pageGro div ul li a#on{ 
	color:#fff; 
	background:#3c90d9; 
	border:1px solid #3c90d9;	
}
#pageGro .pageUp,#pageGro .pageDown{ 
	width:63px; 
	border:1px solid #999; 
	cursor:pointer;
}
#pageGro .pageUp{ 
	text-indent:20px; 
	background:url(../images/pageup.png) 5px 7px no-repeat;
}
#pageGro .pageDown{ 
	text-indent:5px; 
	background:url(../images/pagedown.png) 46px 6px no-repeat;
}

/* 菁英计划*/
.banner-job{
	width:100%;
	height:300px;
	background:url(../images/banner-job.jpg) no-repeat center;
	margin-top: 90px;
}
.banner-px{
	width:100%;
	height:300px;
	background:url(../images/banner-px.jpg) no-repeat center;
	margin-top: 90px;
}
.content{
	width:100%;
	max-width:990px;
	margin:30px auto 0;
	padding:0 15px;
}
.job-list{
	padding:30px 0;
	border-bottom:1px solid #e1e1e1;
	position:relative;
}
.job-ico{
	position:absolute;
	right:0;
	top: 47px;
    width: 53px;
    height: 27px;
    background-size: 53px 27px;
    background-image: url(../images/jobbottom.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.job-ico.on{
	transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.job-list .name{
	font-size: 30px;
	color:#1270b7;
}
.job-list .nameEn{
	font-size: 18px;	
}
.job-content{
	display:none;
}
.px-content{
	height:60px;	
	overflow: hidden;
	background-image: -webkit-gradient(linear, 0 50%, 0 bottom, from(rgba(102, 102, 102, 1)), to(rgba(255, 255, 255, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.px-content.active{
	height:auto;
	overflow:auto;
	background-image:-webkit-linear-gradient(top,rgba(102,102,102,1),rgba(102,102,102,1));
}
.job-list h6{	
	margin: 20px 0;
	font-size: 1.6rem;
}
.apply{	
	margin: 30px auto 0;	
}
/* 联系我们*/
.address-list{
	width: 580px;
	margin: 0 auto;
	padding: 30px 0 48px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	text-align: center;
}
.address-list h5{	
	font-size: 1.8rem;
	padding-bottom: 10px;
}
.m-50{
	margin-bottom: 50px;
}
.f14{font-size:14px;}

/*八大优势*/
#b2b{margin-top: 90px;}
#b2b,#platform,#gsfm{background: #f8f8f8;}
#gywm,#acount,#zzjg{background: #f8f8f8;}
#hgfk,#tzln{background: #717171;}
.why-wrapper{
	width: 100%;
    max-width: 1090px;
    margin: 0px auto;    
    padding: 100px 15px;
    color: #1d1d1d;
}
#hgfk .why-wrapper,#tzln .why-wrapper{color: #fff;}
.why-img{
	width: 50%;
	float: left;
	text-align: center;
}
.why-img img{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;	
	max-width: 100%;
	max-width: 520px; 
}
#b2b .why-img img,#platform .why-img img,#gsfm .why-img img{	
	-moz-box-shadow:0px 20px 50px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 20px 50px rgba(0,0,0,0.1);
	box-shadow:0px 20px 50px rgba(0,0,0,0.1);
}
#gywm .why-img img,#acount .why-img img,#zzjg .why-img img{	
	-moz-box-shadow:0px 20px 50px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 20px 50px rgba(0,0,0,0.2);
	box-shadow:0px 20px 50px rgba(0,0,0,0.2);
}
#hgfk .why-img img,#tzln .why-img img{	
	-moz-box-shadow:0px 20px 50px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 20px 50px rgba(0,0,0,0.3);
	box-shadow:0px 20px 50px rgba(0,0,0,0.3);
}
.why-content{
	width: 50%;
	float: left;
	position: relative; 	
}
.why-content h3{
	font-size: 3.6rem;
	text-align: center;
	
	margin-bottom: 10px;
}
.why-content p:before,.why-content p:after{
	content: "";
	width: 38px;
	height: 1px;
    display: block;
    border-bottom: 1px solid #171717;    
    position: absolute;      
}
#b2b .why-content p:before{
	left:130px;
	top:127px;
}
#b2b .why-content p:after{
	right:130px;
	top:127px;
}
#gywm .why-content p:before{
	left:155px;
	top:127px;
}
#gywm .why-content p:after{
	right:155px;
	top:127px;
}
#hgfk .why-content p:before{
	left:120px;
	border-bottom: 1px solid #fff; 
	top:127px;
}
#hgfk .why-content p:after{
	right:120px;
	border-bottom: 1px solid #fff; 
	top:127px;
}
#tzln .why-content p:before{
	left:68px;
	border-bottom: 1px solid #fff; 
	top:87px;
}
#tzln .why-content p:after{
	right:68px;
	border-bottom: 1px solid #fff; 
	top:87px;
}
#platform .why-content p:before{
	left:147px;
	top:87px;
}
#platform .why-content p:after{
	right:147px;
	top:87px;
}
#zzjg .why-content p:before{
	left:147px;
	top:72px;
}
#zzjg .why-content p:after{
	right:147px;
	top:72px;
}
#acount .why-content p:before{
	left:123px;
	top:72px;
}
#acount .why-content p:after{
	right:135px;
	top:72px;
}
#gsfm .why-content p:before{
	left:125px;
	top:97px;
}
#gsfm .why-content p:after{
	right:125px;
	top:97px;
}
#gsfm h3{margin-top: 0;}
#platform h3,#tzln h3{margin-top: -10px;}
#acount h3,#zzjg h3{margin-top: -25px;}
.why-content>p{		   
    padding:0 55px;      
    text-align: center;       font-size: 1.8rem;      
}
.why-content div{
	margin-top: 35px;
	padding:0 20px; font-size:20px; 
}
#platform .why-content div,#acount .why-content div,#zzjg .why-content div,#gsfm .why-content div{margin-top: 30px;}
.why-content div p{
	margin-top: 10px;
}
#b2b .why-content div{
	padding-left:70px;
}
@media only screen and (max-width:1090px) {
	.why-wrapper{		
	    padding: 70px 15px 100px;	    
	}
	.why-img,.why-content{
		width: 100%;
		max-width: 530px;
		float: none;
		margin: 0 auto;
	}
	#b2b .why-content p:before,#b2b .why-content p:after,#gywm .why-content p:before,#gywm .why-content p:after,#hgfk .why-content p:before,#hgfk .why-content p:after,#tzln .why-content p:before,#tzln .why-content p:after,#platform .why-content p:before,#platform .why-content p:after,#zzjg .why-content p:before,#zzjg .why-content p:after,#acount .why-content p:before,#acount .why-content p:after{		
		top:97px;
	}		
	#gsfm .why-content p:before{
		top:97px;
	}
	#gsfm .why-content p:after{
		top:97px;
	}
	.why-img{margin: 30px auto;}
	#platform h3,#tzln h3{margin-top: 30px;}
	#acount h3,#zzjg h3{margin-top: 30px;}
}
@media only screen and (max-width:600px) {
	.job-list,.address-list{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.news-list{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;		
		margin-bottom: 50px;
	}
	.news-list .content{
		width:100%;
	}
	.news-list h4{
		font-size: 1.8rem;
		margin-top: 20px;
	}
	.wrapper{
		padding-bottom: 0;
	}
}