@charset "utf-8";
/* CSS Document */

#staff{ position: relative;z-index: 5; background:#fff url("../img/staff_bg.jpg") no-repeat; background-position: 0 0; background-size: cover; margin: 0 auto;}

#staff .container{padding:30px 0 160px 0;}
#staff .describe{text-align: center; color: #666; font-size: 1.6rem; line-height: 2.4rem; padding-bottom: 50px;}
#staff .container .swiper-wrapper{padding: 10px 0;}
#staff .container .swiper-slide{ transition: all .35s;}
#staff .container .swiper-slide>a{display: block; background: #fff; box-sizing: border-box; transition: all .36s;}
#staff .container .swiper-slide>a>.img{ display: block;}
#staff .container .swiper-slide>a>.img>img{width: 100%;height: auto;}
#staff .container .swiper-slide>a>.tit{ padding: 20px;  font-size: 1.6rem; color: #fff; background: rgba(1,64,153,1); transition: all .35s; }
#staff .container .swiper-slide:hover{box-shadow: 0 3px 8px rgba(0,0,0,.2);}
#staff .container .button{text-align: left; padding-top: 30px;}
#staff .container .button>.next, #staff .container .button>.prev{ display: inline-block; width: 50px;height: 50px; line-height: 50px; text-align: center; margin-right: 10px; border-radius: 100%; border: 2px solid #000; color: #000; opacity: .4; cursor: pointer; transition: all .35s; }
#staff .container .button i{font-size: 3.4rem;}
#staff .container .button div:hover{color: rgba(1,64,153,1); border: 2px solid rgba(1,64,153,1);opacity: 1; }
#staff .container .swiper-slide>a:hover .tit{ background: rgba(240,130,0,1); }

@media only screen and (max-width: 860px){
    #staff .container{padding:30px 0 100px 0;}
    #staff .container .button>.next, #staff .container .button>.prev{ width: 40px;height: 40px; line-height: 40px; margin: 0 5px; }
    #staff .container .button i{font-size: 3rem;}
}

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

    #staff .container{padding:0 0 50px 0;}
    #staff .describe{font-size: 1.4rem; line-height: 2rem;}
    #staff .container .button{text-align: center;}

}

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

    #staff .container .button>.next, #staff .container .button>.prev{ width: 30px;height: 30px; line-height: 30px; }
    #staff .container .button i{font-size: 2rem;}

}