@charset "utf-8";
.banner{width:100%;height:640px;margin-top:90px;}
.swiper-container{width:100%;height:100%}
.swiper-slide img{width:100%;}
.swiper-slide .info{width:80%;left:50%;margin-left:-40%;position:absolute;height:100%;z-index:2}
.swiper-slide .info h1{color:#fff;text-align:center;font-size:48px;font-weight:600;margin-bottom:12px;position:absolute;top:250px;left:0;z-index:2;font-family:"OPPOSans-Ver2-Bold",sans-serif;line-height:2;width:100%;}
.swiper-slide .info p{color:#fff;text-align:center;font-size:20px;line-height:36px;position:absolute;top:345px;left:0;z-index:2;width:100%;}
.swiper-slide .info a{
    line-height: 20px;
    width: auto;
    font-size: 16px !important;
    color: #fff;
    border: none;
    border-bottom: 2px solid #fff;
    background: 0 0;
    position: absolute;
    top: 425px;
    z-index: 2;
    display: block;
    padding-bottom: 10px;
    text-align: center;
    margin: auto;
    left: 0px;
    right: 0px;
    max-width: 100px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:45px}
.swiper-slide .info a:hover{color:#00c1de}
.swiper-pagination-bullet{width:40px;height:5px;border-radius:0}
.swiper-pagination-bullet-active{width:40px;background:#c1272d}
.recommend{position:absolute;z-index:2;bottom:0;left:0;height:136px;overflow:hidden;width:100%;background:#2d3035;background-color:hsla(0,0%,100%,.1)}
.recommend ul{margin:0 auto;min-width:1200px;transition:opacity .3s linear}
.recommend ul li{width:20%;float:left}
.recommend ul li a{box-sizing:border-box;height:136px;position:relative;display:block;padding:30px 26px 24px;border-left:1px solid #727577;border-color:hsla(0,0%,100%,.06)}
.recommend ul li a:hover{background-color:hsla(0,0%,100%,.06);text-decoration:none;border-color:transparent!important}
.recommend ul li:last-child a{border-right:1px solid #727577;border-color:hsla(0,0%,100%,.06)}
.recommend ul li a h2{color:#fff;font-weight:bolder;height:18px;font-size:16px;margin-bottom:8px}
.recommend ul li a p{color:#fff;font-size:14px;line-height:24px;height:24px;opacity:.6}

.banner .swiper-container .swiper-wrapper .swiper-slide{position:relative}
.banner .swiper-container .swiper-wrapper .swiper-slide:before{content: "";position:absolute;left:0px;top:0px;width:100%;height:100%;display:block;background:rgba(4, 57, 131, 0.4);}