body * { max-height: 999999px; }
*{
	margin: 0px;
	padding: 0px;
}
.index{
	width: 19.2rem;
	background: url(../img/index.jpg) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	height: 100%;
	
}
.index>img:nth-child(1){
	width: 7.84rem;
	height: 0.75rem;
	position: absolute;
	left: 0.69rem;
	top: 0.56rem;
	opacity: 0;
	animation: flipInY 1s 0.5s linear forwards;
}
.index>img:nth-child(2){
	width: 12.76rem;
	height: 1.34rem;
	position: absolute;
	left: 3.06rem;
	top: 2.63rem;
	opacity: 0;
	animation: bounceInDown 1s 1s linear forwards;
}
.index>img:nth-child(3){
	width: 6.23rem;
	height: 0.97rem;
	position: absolute;
	left: 6.35rem;
	top: 4.28rem;
	opacity: 0;
	animation: bounceInUp 1s 1.5s linear forwards;
}
.index>a:nth-child(4){
	position: absolute;
	right: 1.95rem;
	bottom: 0.65rem;
	opacity: 0;
	animation: wobble 1s 2s linear  infinite;
}
.index>a>img{
	width: 1.94rem;
	height: 0.59rem;
}
.wrap{

	position:relative;

	width: 100%;

	/*background: url(../images/wrap_bg.png) repeat-y left top/100%;*/

}

.container{

	width: 1280px;

	margin: 0 auto;

}

.title{

	width: 100%;

	text-align: center;

	margin: 30px auto 40px;

}


.newsContent{
	margin: 30px auto;
}

.newsContent>p{
	text-align: justify;
	text-indent: 2em;
	    font-size: 18px;
    line-height: 40px;
}
.newsContent1{
	margin: 30px auto;
}

.newsContent1>p{
	text-align: left;
	text-indent: 2em !important;
	
}

.header .logo{

	float: left;

	padding: 10px 0;

	width: 470px;

	height: 56px;
	/*background: url(../img/logo.png) no-repeat center center; */
	/*background-size:100% 100% ;*/
}
.logo img{
	width: 100%;
	margin-top: 10px;
}
.header .logo a{

	display: block;

	width: 100%;

	height: 100%;

	

}

.header .nav{

	float: right;

}

.header .nav li{

	float:left;

	width: 160px;

	height: 80px;

	line-height: 80px;

	font-size: 20px;

	text-align: center;

} 

.header .nav li a{

	display:block;

	width:100%;

	height:100%;

   color: #333;

   background: #;

}

.header .nav li a.on,

.header .nav li a:hover{

	color: #fff;

	background: #12419a;

	transition:all 0.3s;

}

/*end header*/





/*main*/

.main{

	/*background:url(../images/main_bg) no-repeat top left/100%;*/

}

.main .box1{

	overflow:hidden;

	position:relative;

	margin-bottom:25px;

}

.main .box1.r{

	margin-right:160px;

}

.main .box1.l{

	margin-left:160px;

}

.main .box1 p{

	padding-bottom:30px;

	font-size:15px;

	color:#333;

	line-height:30px;

	text-indent:2em;

	background:#f5f5f5;
	text-align: left;

}

.main .box1 .p1{

	padding-bottom:55px;

	position:absolute;

	top:0;

	right:393px;

	padding-right:10px;

}

.main .box1 .p2{

	padding-bottom:83px;

	position:absolute;

	top:0;

	left:393px;

	padding-left:10px;

}

.main .box1 .p3{

	padding-bottom:83px;

	position:absolute;

	top:0;

	right:393px;

	padding-right:10px;

}

.main .box1 .p4{

    padding-bottom: 137px;

	position:absolute;

	top:0;

	left:393px;

	padding-left:10px;

}

.main .box1 p span{

	font-weight:bold;

	color:#064ea3;

}

.main .box2{

    font-size:18px;

    color:#222;

    line-height:40px;

    margin-bottom:80px;

}
.box2 p{
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
	line-height: 35px;
}
.main .box2 .sj{

    /*text-indent:3em;*/

    padding-left:55px;

}



/*end main*/



.banner{

	width: 100%;

	margin: 0 auto;

}

.banner img{

	display:block;

	width: 100%;

} 

.footer{

	/*position:absolute;*/

	bottom:0;

	width: 100%;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    background: #12419a;

}

.footer img{

	vertical-align: middle;

}





html,body{

    width: 100%;

    height: 100%;

   

}

*{

    margin: 0;

    padding: 0;

}

.box{

    width: 100%;

    height: auto;

    min-width: 1280px;

    position: relative;

 

}

.banner02{

    position: relative;

    width: 100%;

    height: auto;

    /* margin-top: 66px; */

}

.banner02>img{

    width: 100%;

    display: block;

}





.clearfix{

	overflow: hidden;

  	zoom: 1;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.max-content02{

    width: 100%;

}



.tit{

    width: 100%;

    text-align: center;

    margin-top: 50px;

    margin-bottom: 30px;

}



.job-box{

    width: 100%;

    text-align: center;

   margin-bottom: 20px;

}

.job-box li{

    width: 170px;

    height: 50px;

    /* border: 1px solid red; */

    font-size: 24px;

    color: #666666;

    text-align: center;

    line-height: 50px;

    display: inline-block;

    cursor: pointer;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.job-box li:nth-child(2){

   margin-left:85px;

   margin-right:85px;

}

.job-box li:nth-child(3){



    margin-right:85px;

}

.job-ac{

    background: url(../img/tit-bg.png) no-repeat;

    background-size: 100% 100%;

    color: #ffffff !important;

}

.job-box li:hover{

    background: url(../img/tit-bg.png) no-repeat;

    background-size: 100% 100%;

    color: #ffffff !important;

}

.yc{

    width: 100%;

    margin-bottom: 100px;

}

.yc-con1{

    width: 100%;

    background: url(../images/yc-bg.png) no-repeat;

    background-size: 100% 100%;

    padding-top: 25px;

    padding-bottom: 25px;

    box-sizing: border-box;

}

.yc-content{

    width: 960px;

    margin: 0 auto;

}

.yc-job01>p{

    font-size: 18px;

    color: #12419a;

    font-weight: bolder;

    margin-bottom: 20px;
	text-align: left;
}



.yc-job01>p>img{

   vertical-align: middle;

   margin-top: -2px;

}

.yc-job01 table{

    width: 960px;

    border: 1px solid #12419a;

}

table>tbody>tr>th{

    font-size: 16px;

    color: #ffffff;

    background: #12419a;

    height: 35px;

    line-height: 35px;

}

table>tbody>tr>td{

   padding: 25px;

   box-sizing: border-box;

   /* line-height: 120px; */

   height: 120px;

}

table>tbody>tr>td p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    /*text-align: justify;*/

    text-align:center;

}

table>tbody>tr>td:nth-child(1){

    width: 213px;

}

table>tbody>tr>td:nth-child(2){

    width: 150px;

}

table>tbody>tr>td:nth-child(3){

    width: 150px;

}

table>tbody>tr>td:nth-child(4){

    width: 230px;

    text-align:center;

}



.job-a{

    display: block;

    width: 140px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    text-decoration: none !important;

    border: 2px solid #bc0112;

    margin: 0 auto;

    color: #bc0112;

    font-size: 20px;

    margin-top: 25px;

   

}

.job-a:hover{

    font-weight: bolder;

}

.content{
	width: 1200px;
	margin: 0px auto;
}


@media screen and (max-width: 900px) {
	
	.index{
		width: 19.2rem;
		background: url(../img/index.jpg) no-repeat;
		background-size: 100% 100%;
		position: relative;
		height: 10.8rem;
		
	}
	.newsContent>p>span{
		font-size: 14px;
		line-height: 82px;
	}
	.newsContent1>p>span{
		font-size: 18px;
		line-height: 82px;
	}
	.yc-job01>div>p{
		font-size: 40px;
	}
	.title>img{
		width: 33%;
	}
	.yc-job01>p{
		    font-size: 50px;
	}
	.job-a{
		    font-size: 40px;
		        width: 500px;
    	height: 100px;
    	line-height: 100px;
    	    margin-top: 100px;
	}
	.yc-content>p{
		font-size: 40px !important;
		margin-top: 50px;
	}
	.tit>img{
		width: 33%;
	}
	.footer{
		width: 100%;
		height: 100px;
		line-height: 100px;
		font-size: 30px;
	}
}