@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/jion_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 59px 0; position: relative;}
.news_tab{padding-bottom: 60px; display: flex; justify-content: center;}
.news_tab li{float: left; height: 24px; padding: 8px 15px; font-size: 18px; color: #595757; cursor: pointer;}
.news_tab>div{float: left; margin-top:12px; width: 1px; height: 20px; background-color: #595757;}
.tab_bg{background-color: #4c88de; color: #fff!important;}
.logo_bg1{position: absolute; bottom: 188px; right: 50px; }
.tit_cn{font-size: 50px; color: #000; text-align: center;}
.tit_en{font-size: 24px; color: #6b6b6b; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.line{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.zhaopin{padding-top: 10px;}
.zhaopin .list{float: left; width: 50%; height: 55px; line-height: 55px; border-bottom:1px dashed #d1d1d1; 
	font-size: 19px; }
.zhaopin .list a{color: #666; transition: .5s;}
.zhaopin .list:hover a{color: #4c88de;}

.zp_menu{width: 280px; height: 50px; border: 1px solid #bfbfbf; box-sizing: border-box; margin-top: 40px;}
.zp_menu>a{width: 50%; float: left; text-align: center; line-height: 48px; font-size: 20px; color: #999;
	border-left: 1px solid #bfbfbf; box-sizing: border-box; transition: .3s;}
.zp_menu>a:first-child{border-left: none;}
.zp_active{background-color: #4c8ae3; color: #fff!important;}
.zp_menu>a:hover{background-color: #4c8ae3; color: #fff;}
@media screen and (max-width: 1440px){
    .logo_bg1{width: 400px; right: 0;}
}
@media screen and (max-width: 800px){
	.news_tab{display: none;}
	.about{padding: 30px 0;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 20px;}
	.line{width: 40px;}
	.zhaopin{padding-top: 10px;}
	.zhaopin .list{width: 100%; font-size: 14px; height: 40px; line-height: 40px;}
	.wap_banner{background: url(../images/wap_join_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}

	.zp_menu{width: 100%; height: 40px; margin-top: 20px;}
	.zp_menu>a{line-height: 38px; font-size: 16px;}
}