@charset "utf-8";
.swiper-container{ width:100%;}
.swiper-container img{ width:100%;}
.swiper-button-prev,.swiper-button-next{width:60px; height:60px; position:absolute;top:45%;}
.swiper-button-prev{background:url(/images/left.png); left:2%;}
.swiper-button-next{background:url(/images/right.png); right:2%;}
.swiper-slide{
    position: relative;
    max-height: 950px;
    /*background: #000;*/
}
.swiper-wrapper .main{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.swiper-wrapper .main h2{
    margin: 0px auto;
}
.swiper-wrapper .main p{
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 30px;
    line-height: 50px;
}

.swiper-wrapper .main a{
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    width: 200px;
    line-height: 40px;
    display: inline-block;
    margin-top: 70px;
    font-weight: lighter;
}
.swiper-wrapper .banVideo{
    width: 100%;
    opacity: 1;
}

.rkdiv{ width:100%; margin-top:26px; margin-bottom:100px;max-width: 75%;margin: 26px auto;min-width: 1200px;}
.rk{ width:30%; display:inline-block; transition: background-image 0.5s ease-in-out; text-align:center; margin-left:2%;height: 100%; overflow: hidden;background-size: cover;}
.rkjj{background-image:url(/images/i_about.png); background-position:center;}
.rkwh{background-image:url(/images/i_culture.png);background-position:center;}
.rkfc{background-image:url(/images/i_employee.png); width:32%;background-position:center;}
.rkjj:hover{background-image:url(/images/i_about_hover.png);}
.rkwh:hover{background-image:url(/images/i_culture_hover.png);}
.rkfc:hover{background-image:url(/images/i_employee_hover.png);}
.rkname{ font-size:48px; color:#fff; padding-top:100px;font-weight: bold;}
.rkline{width: 70px;height: 8px;background: #017BE1; margin:0 auto; margin-top:20px; }
.rktitle{ font-size:28px; color:#fff; margin-top:20px; padding-bottom:100px;}
.rk:hover .rkline{ background:#fff;}

.prdiv{ width:100%; text-align:center;}
.prname{ font-size:24px; color:#272E54; margin-top:100px;}
.prtitle{ font-size:48px; color:#272E54; margin-top:25px; margin-bottom:90px;font-weight: bold;}
.slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pprev,.pnext{width:58px; height:58px; position:absolute; top:91%;}
.pprev{background:url(/images/pleft.png); left:45%;}
.pnext{background:url(/images/pright.png); right:45%;}

.prli{ width:380px; height:600px; display:inline-block; background-image:url(/images/pbg1.png); transition: background-image 0.5s ease-in-out; margin-right:25px; margin-bottom:100px; position:relative;}
.prli:nth-child(3n){ margin-right:0px;}
.prli:hover{ background-image:url(/images/pbg2.png);}
.prw{ position:absolute; top:120px; left:0px; width:300px; padding:0 40px;text-align:center;color:#333; transition: top 0.5s ease-in-out;}
.prli:hover .prw{ color:#fff; top:80px;}
.primg{ width:210px!important; height:210px;}
.prname{ font-size:26px; margin-top:33px;}
.prli:hover .prname{ color:#fff; top:80px;}
.prinfo{ font-size:16px; line-height:32px; margin-top:33px;}
.prmore{ display:none;}
.prli:hover .prmore{ display:block;width: 150px;height: 50px; margin:0 auto; margin-top:35px;border: 1px solid #FFFFFF;border-radius: 4px; font-size:18px; color:#fff; line-height:50px; text-align:center; vertical-align:middle;}
.prli:hover .prmore i{ display:inline-block; width:18px; height:18px; margin-left:20px; background:url(/images/prmore.png); vertical-align:middle;}