.w100{
width: 100%;
height: auto;
}

.w1200{
width: 1200px;
height: auto;
margin: 0 auto;
}

.h3_title {
padding: 30px 0;
font-size: 20px;
font-weight: bold;
}

.f14{
font-size: 14px;
}

.bg{
background:#fafaff;
/*background: wheat;*/
}

.pb{
padding-bottom: 20px;
}
.shadow{
-webkit-transition: transform .3s;
-moz-transition: transform .3s;
-ms-transition: transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
box-shadow: 0 3px 0 #e9e9e9;
}
.pl{
padding-left: 80px;
}
.mb{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mr10{margin-right: 10px;}
.banner{ width: 100%; height:430px; }
.banner img{
width: 100%;
height: 100%;
}
.xy{
height: 480px;
}
.xy_left{
width: 491px;
height: 374px;
float: left;
margin-right: 120px;
}
.xy_right{
width:589px;
height: 374px;
float: right;
}
.xy_text{
width: 100%;
height: 60px;
margin-bottom: 40px;
}
.circlr{
width: 60px;
height: 60px;
background: orange;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 60px;
font-size: 25px;
font-weight: bold;
color: white;
}
.describe{
width: 510px;
float: right;
height: 60px;
line-height: 30px;
font-size: 15px;
letter-spacing: 1px;
}
.xy_btn{
width: 409px;
height: 47px;
margin: 0px auto;
}
.xy_btn a{
width: 180px;
height: 45px;
line-height: 45px;
text-align: center;
display: inline-block;
font-size: 16px;
text-decoration: none;
color: black;

}
.xy_bth_left{border: 1px solid steelblue; margin-right: 40px;float: left;}
.xy_bth_right{
border: 1px solid orange; float: right;
}
.java{
height: 400px;
}
.java li {
box-sizing: border-box;
height: 370px;
margin-right: 10px;
width: 291.25px;
float: left;
border-radius: 10px;
background: white;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.java li:hover,
.xq li:hover{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
-o-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
}
.java-box{
width: 100%;
height: 350px;
margin-top: 40px;
}

.java li:nth-child(4){
margin-right: 5px;
}
.java li img{
width: 100%;
height: 100%;
}
.java_top{
width: 100%;
height: 190px;
}
.java_top img{
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.java_title{
font-size: 20px;
font-weight: bold;
padding:25px 30px 10px;
}
.java li p{
font-size: 14px;
line-height: 30px;
padding:0 30px 20px;
}
.java .btn{
width: 150px;
height: 40px;
line-height: 40px;
display: block;
border: 1px solid black;font-size: 16px;
margin: 35px auto;
text-align: center;
color: #3B3B3B;
}

/*四大就业中心*/
.xq{
height: 370px;
}
.xq li{
width: 595px;
height: 167px;
float: left;
background-size: 100% 100%;
margin-bottom: 13px;
transition: all .5s;
border-radius: 10px;
overflow: hidden;
}

.xq li:nth-child(1){
background: url("/templets/zl/images/b1.jpg") no-repeat center;
margin-right: 10px;
}
.xq li:nth-child(2){
background: url("/templets/zl/images/b2.jpg") no-repeat center;
}
.xq li:nth-child(3){
background: url("/templets/zl/images/b3.jpg") no-repeat center;
margin-right: 10px;
}
.xq li:nth-child(4){
background: url("/templets/zl/images/b4.png") no-repeat center;
}
.xq h4{
font-size: 20px;
font-weight: bold;
color: white;
padding-bottom: 10px;
letter-spacing: 1px;
}
.xq .xq-text{
width: 300px;
height: 80px;
margin: 45px 0 0 45px;
}
.xq .xq-text p{
font-size: 14px;
color: white;
line-height: 20px;
}
/*合作企业*/
.componeny-box{
width: 1200px;
height:500px ;
margin-top:0px;
margin-bottom: 15px;
}
.componeny{
width: 1200px;
height: auto;
display: flex;
justify-content: space-around;
}
.componeny li{
border: 1px solid gainsboro;
height: auto;
margin:0 5px 5px;
}
.componeny li:hover{
border:1px solid darkblue;
}
.componeny li img{
width: 100%;
}
.componeny li:hover p{
background:#013a89 ;
color: white;
transition-duration:1s;
}
.componeny li p{
width: 100%;
height: 30px;
line-height: 32px;
background: gainsboro;
font-size: 14px;
text-align: center;
display: block;
margin-top: -3px;
font-family: "??????";
}
.fd_content{
width: 1200px;
height: 350px;
background: url("/templets/zl/images/fd.jpg") center center no-repeat;
background-size: 100% 100%;
position: relative;
color: white;
}
.fd_top{
width: 950px;
height: 150px;
margin-left: 30px;
position: absolute;
top: 30px;
}
.fd_top li{
width: 180px;
height:150px ;
float: left;
text-align: center;
/*background: rgba(0,0,0,.1);*/
}
.fd_top li:nth-child(2){
margin: 0px 195px 0px 215px;
}
.fd_top li h4{
font-size: 16px;
font-weight: bold;
padding: 10px 0;
}
.fd_top li p{
font-size: 14px;
line-height: 23px;
padding: 0 20px 0 15px;

}
.bottom{
position: absolute;
right: 15px;
top: 170px;
/*background: salmon;*/
}
.bottom li:nth-child(2){
margin: 0px 200px 0px 195px;
}
/*就业服务体系保障*/
.jytx{
height: 490px;
}
.jy_left{
width: 342px;
height:381px;
background: url("/templets/zl/images/bz4.jpg") center no-repeat;
float: left;
position: absolute;
background-position-y: 50px;
}
.jy_right{
width:736px;
height:381px;
background: olivedrab;
float: right;
}
.jy_left p{
font-size: 15px;
position: relative;
top: 20px;
width:300px;
height:50px;
line-height: 50px;
text-align: center;
display: block;
margin: -20px auto 0px;
}
.jy_left p:nth-child(2){
font-size: 15px;
margin-top: 280px;
line-height: 25px;
text-align: left;
}