@charset "utf-8";
/* CSS Document */

body{ font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; background:#f4f4f4;}
a{ text-decoration:none;}
ul,ol,div,p,span,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
li{ list-style:none;}
img{ border:0px;}
*:focus {outline:none;} 
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-track {    border-radius: 10px;}
::-webkit-scrollbar-thumb { border-radius: 10px;    background: rgba(0,0,0,0.08);}*/




.recruiting{ width:100%; height:auto; background:#f4f4f4;}
.recruiting .head{ width:100%; height:702px; background:url(../../images/head.png); background-position:center center;  position:relative; z-index:10;}
.recruiting .head img{ width:100%;}
.recruiting .parsing{ width:805px; height:228px; background:#2196f3; z-index:9; margin:0 auto; margin-top:-220px; position:relative; /*position:absolute; left:50%; margin-left:-403px; top:54%;*/ transform:skewY(-8deg); box-shadow:9px 10px 0 #cbcbcb; color:#fff;}
.recruiting .parsing p{ font-size:26px; margin:30px 0 0 80px; float:left;}
.recruiting .parsing p span{ font-size:38px;}
.recruiting .parsing p i{ font-size:34px; font-style:normal;}
.recruiting .content{ width:100%; height:2104px; background:url(../../images/content_bg.png); background-position:center center; margin-top:-200px; position:relative;}
.recruiting .content .content_zi{ width:996px; height:auto;  position:absolute; left:50%; margin-left:-498px; top:300px;}
.recruiting .content .content_zi .advantage{ width:100%; height:auto; float:left;}
.recruiting .content .content_zi .advantage h2{ width:100%; color:#2196f3; text-align:center; line-height:40px; font-size:20px;}
.recruiting .content .content_zi .advantage ul{ width:100%; height:auto; float:left;}
.recruiting .content .content_zi .advantage ul li{ width:25%; height:auto; float:left; text-align:center; }
.recruiting .content .content_zi .advantage ul li .title{width:110px; height:auto; text-align:left; margin-bottom:30px; font-size:14px; color:#2196f3; padding:35px 25px;position:relative;}
.recruiting .content .content_zi .advantage ul li .advantage_left{ position:absolute; top:0px; left:0px;}
.recruiting .content .content_zi .advantage ul li .advantage_right{ position:absolute; bottom:0px; right:0px;}
.recruiting .content .content_zi .advantage ul li img{ width:65%;}
.recruiting .content .content_zi .advantage ul li .title img{ width:48px;}
.recruiting .content .content_zi .advantage ul li.one{ margin-top:120px;}
.recruiting .content .content_zi .advantage ul li.two{ margin-top:80px;}
.recruiting .content .content_zi .advantage ul li.three{ margin-top:40px;}
.recruiting .content .content_zi .make{ width:100%; height:auto; float:left; margin-top:40px;}
.recruiting .content .content_zi .make h2{ width:100%; color:#ffe04d; text-align:center; line-height:40px; font-size:20px;}
.recruiting .content .content_zi .make p{ color:#d6e8fc; line-height:25px; margin-left:120px; font-size:14px;}
.recruiting .content .content_zi .make .table_img{ margin-left:60px; margin-top:40px;}
.recruiting .content .content_zi .make .make_bottom{width:450px; font-weight:bold; height:auto; text-align:left; margin-left:90px; margin-top:40px; font-size:14px; color:#fff; padding:15px 25px;position:relative;}
.recruiting .content .content_zi .make .make_left{ position:absolute; top:0px; left:0px;}
.recruiting .content .content_zi .make .make_right{ position:absolute; bottom:0px; right:0px;}
.recruiting .content .content_zi .help{ width:100%; height:auto; float:left; margin-top:150px;}
.recruiting .content .content_zi .help h2{ width:100%; color:#2196f3; text-align:center; line-height:40px; font-size:20px;}
.recruiting .content .content_zi .help .help_con{ width:848px; height:183px; background:url(../../images/help_bg.png); margin:0 auto; margin-top:80px;}
.recruiting .content .content_zi .help .help_con ul{ width:100%; height:auto; float:left; margin-top:20px;}
.recruiting .content .content_zi .help .help_con ul li{ float:left; width:100px; height:80px;  margin-left:55px; font-size:24px;color:#2196f3; text-align:center; padding-top:40px;}

.recruiting .ApplyFor{ width:100%; height:450px; position:relative; margin-top:-110px;}
.recruiting .ApplyFor .ApplyFor_zi{ width:996px; height:auto;  position:absolute; left:50%; margin-left:-498px;}
.recruiting .ApplyFor .ApplyFor_zi h2{ width:100%; color:#2196f3; text-align:center; line-height:40px; font-size:20px;}
.recruiting .ApplyFor .ApplyFor_zi ul{ width:100%; float:left; height:auto; margin-top:30px;}
.recruiting .ApplyFor .ApplyFor_zi ul li{ width:167px; float:left; margin-right:60px;}
.recruiting .ApplyFor .ApplyFor_zi ul li.li1{ height:358px; margin-left:80px; background:url(../../images/ApplyFor1.png) no-repeat;}
.recruiting .ApplyFor .ApplyFor_zi ul li.li2{ height:352px;background:url(../../images/ApplyFor2.png) no-repeat;}
.recruiting .ApplyFor .ApplyFor_zi ul li.li3{ height:293px;background:url(../../images/ApplyFor3.png) no-repeat;}
.recruiting .ApplyFor .ApplyFor_zi ul li.li4{ height:261px;background:url(../../images/ApplyFor4.png) no-repeat;}

.recruiting .ApplyFor .ApplyFor_zi ul li span{ display:block; margin:50px 0 0 50px; font-size:40px; color:#666666; font-weight:bold; margin-bottom:90px;}
.recruiting .ApplyFor .ApplyFor_zi ul li p{ color:#fff; padding:0 33px 0 20px; line-height:25px; width:110px; font-size:15px;}


.recruiting .bottom{ width:100%; height:561px; background:url(../../images/bottom_bg.png);background-position:center center; float:left; position:relative; margin-top:-130px;}
.recruiting .bottom .bottom_zi{ width:996px; height:auto;  position:absolute; left:50%; margin-left:-498px; margin-top:250px;}
.recruiting .bottom .bottom_zi p{ font-size:28px; font-weight:bold; text-align:center; width:100%; line-height:35px; color:#fff; text-shadow:3px 3px 0 rgba(0,0,0,0.3)}
.recruiting .bottom .bottom_zi a{ display:block; width:190px; height:50px; background:url(../../images/btn.png); background-size:100% 100%; font-size:20px; color:#fff; font-weight:bold; text-align:center; line-height:50px; margin:0 auto; margin-top:50px;}



.recruiting_logo{ height:auto; position:absolute; top:5%; left:3%; z-index:15;}
.recruiting_logo img{ width:100%;}

@media screen and (min-width:1441px) and (max-width:1601px){
	   
	 


	}
	
	
@media screen and (max-width:1440px){
	  .recruiting .head{height:502px; background-size:100% 100%; }
.recruiting .parsing{height:200px; width:580px;margin-top:-160px;transform:skewY(-9deg); position:relative; left:30px;}
.recruiting .parsing p{ font-size:22px; margin:25px 0 0 40px; float:left;}
.recruiting .parsing p span{ font-size:34px;}
.recruiting .parsing p i{ font-size:30px; font-style:normal;}
.recruiting .content{ width:100%; height:2104px; background:url(../../images/content_bg.png);background-position:center center; margin-top:-250px; position:relative;}

.recruiting .content .content_zi .advantage{ width:100%; height:auto; float:left; margin-left:20px;}

.recruiting .content .content_zi .make{ width:100%; height:auto; float:left; margin-top:80px;}
.recruiting .ApplyFor{ width:100%; height:450px; position:relative; margin-top:-50px;}

.recruiting_logo{ width:160px; height:auto; position:absolute; top:7%; left:4%; z-index:15;}


	}
	@media screen and (max-width:1180px){
		 	  .recruiting .head{height:422px; background-size:100% 100%; }
           .recruiting .parsing{height:180px; width:520px;margin-top:-135px;transform:skewY(-9deg); position:relative; left:30px;}
.recruiting .parsing p{ font-size:20px; margin:25px 0 0 40px; float:left;}
.recruiting .parsing p span{ font-size:32px;}
.recruiting .parsing p i{ font-size:28px; font-style:normal;}
.recruiting .content{ width:100%; height:2104px; background:url(../../images/content_bg.png);background-position:center center; margin-top:-210px; position:relative;}
.recruiting .content .content_zi .advantage{ width:100%; height:auto; float:left; margin-left:15px;}

.recruiting .content .content_zi .make{ width:100%; height:auto; float:left; margin-top:40px;}
.recruiting .ApplyFor{ width:100%; height:450px; position:relative; margin-top:-70px;}
.recruiting_logo{ width:130px; height:auto; position:absolute; top:7%; left:4%; z-index:15;}


	}
	
