/***头尾部***/
header .menu nav ul > li:nth-child(3) > a,header .sm-menu nav  ul > li:nth-child(3) > a{ color: #008fff;}
header .menu nav ul > li:nth-child(3) > a:after{ display: block;}
footer .menu nav a:nth-child(3){ display: none;}

/****banner****/
.banner{ width: 100%; overflow: hidden; margin-top: 90px; position: relative; }
.banner > img{width: 100%;vertical-align: middle; display: inline;}
.banner div{width:100%; height: 100%; position: absolute;z-index: 2; top:0; left:0; display: flex; justify-content: space-between; align-items: center;  flex-direction: column; padding:5% 0 0 0;
 box-sizing: border-box; }
.banner div h4{font-size:68px; line-height:90px; color: #fff; font-weight: bold; display: inline-block; position: relative;}
.banner div h4:after{ content: ""; display: inline-block; width:60%; height:3px; background: #fff; position: absolute;bottom: -10px; left:20%;}
.banner div img{ width: 70%;}


.pro-item{ width: 100%; padding: 5% 0 0 0; text-align: center; background: #f6f6f6; overflow: hidden; }
.pro-item:nth-child(2n){ background: #ffffff }
.pro-center{ width: 90%;max-width: 1080px; margin: 0 auto; display: flex; justify-content: space-between; }
.pro-item:nth-child(2n) .pro-center{flex-direction:row-reverse}

.pro-text{max-width: 50%; text-align: left; display: inline-block; width: auto;box-sizing:border-box; padding: 4%}
.pro-text h4{ font-size: 40px;color: #222; line-height: 70px; font-weight: bold;  }
.pro-text h4:nth-child(2){ position: relative; color: #0090ff;  display: inline-block;margin-bottom: 40px; }
.pro-text h4:nth-child(2):after{content: ""; display: inline-block; width:100%; height:2px; background: #0090ff; position: absolute;bottom: -20px; left:0;   }
.pro-text p{ line-height: 30px; font-size: 16px; color: #333;  }
.pro-text a{ height: 50px; line-height: 50px; background: #fff; width: 200px;text-align: center; border-radius: 30px; box-shadow: 0 1px 6px #ddd;
     display: inline-block;  color:#333; font-size: 16px;  margin: 20px 0 0 0; border:1px solid #008fff}
.pro-text a span{ display: inline-block; background: url(../images/recruit_06.png) no-repeat center; background-size: 100%; width: 12px; height: 12px; margin-left: 10px;}

.pro-img{ width: 50%; text-align: center; }
.pro-img img{ width: 80%; display:inline; vertical-align: middle;}


@media screen and (max-width:1400px){
.banner div h4{ font-size:58px; line-height:80px;}
.pro-text h4{ font-size: 36px; line-height: 60px;} 
}

@media screen and (max-width:1200px){

.banner div h4{ font-size:50px; line-height:70px;}
.pro-text h4{ font-size: 26px; line-height: 36px;} 
.pro-text p{ font-size: 14px; line-height: 28px;} 
.pro-text a{ font-size: 16px; line-height: 40px; height: 40px; width: 150px; margin-top: 16px} 

}

@media screen and (max-width:1024px){
.banner{ margin-top:70px;}
.banner div h4{ font-size:40px; line-height:60px;}
.pro-text h4{ font-size: 20px; line-height: 34px;} 
.banner div img{ width: 60%;}
.pro-text h4:nth-child(2){margin-bottom: 20px; }
.pro-text h4:nth-child(2):after{bottom: -10px;}
}

@media screen and (max-width:860px){
.banner div h4{ font-size:30px; line-height:50px;}
.pro-text{ padding: 0}
.pro-text h4{ font-size: 18px; line-height: 30px;}
.pro-text p {font-size: 12px;line-height: 24px;}
.pro-text a{ font-size: 14px; line-height: 36px; height: 36px; width: 120px; margin-top: 10px} 


}

@media screen and (max-width:680px){  
.banner div h4{ font-size:18px; line-height:40px;}
.pro-item{padding: 30px 0; overflow: hidden;}
.pro-item:nth-child(2n) .pro-center,.pro-item .pro-center{ flex-direction: column; justify-content: center; display: flex; }
.pro-img{width: 100%}
.pro-text{ width: 90%; flex-direction: column; max-width: 500%; display: inline-block; align-items: left; margin: 20px auto ;  }
.pro-text{}
.pro-text h4,.pro-text p{ text-align: left;width: 100% }
}