@charset "utf-8";
.banner {
    height:auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-container {
    width: 100%;
    height: 100%;
    cursor: pointer!important;
}
.banner .swiper-slide {
    display: block;
}
.banner .swiper-slide img{
    display: block;
    width:100%;
    height:auto;
}
.banner .swiper-slide img.mimg{
    display: none;
}
.swiper-slide .placeholder {
    height: 68px;
    background: transparent;
}
.swiper-slide .banner-c h2 {
    font-size:40px;
    color: #fff;
}

/* --------------------------------------------------------------1 */
.banner .slide1 {
    background-size: cover;
    background-image: url(../images/banner1.png);
}

.banner .slide1 .banner-c {
    display: flex;
    flex-direction: row;
    padding-top: 170px;
    /* padding-top: 110px; */
}

/* -------------- slide1 */
.banner .slide1 .pic  {
    margin-left: -64px;
}

.banner .slide1 .detail {
    flex: 1;
    padding-left: 120px;
    padding-top: 10px;
}

.slide1 .detail .big {
    color: #050946;
    font-size: 50px;
    font-weight:bold;
}
.slide1 .detail .small {
    color: #050946;
    font-size:28px;
    font-weight:bold;
    margin-top: 25px;
}
.slide1 .detail .featrue {
    margin-top: 82px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.slide1 .detail .feature-item {
    font-size:16px;
    color:#1A1A1A;
    text-align: center;
}
.slide1 .detail .feature-item .img-b {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: auto;
}

.slide1 .detail .feature-item p {
    margin-top: 12px;
}

/* -------------- slide2 */
.slide2 {
    background-size: cover;
    background-image: url(../images/banner2.png);
    color: #fff;
}
.slide2 .banner-c{
    box-sizing: border-box;
}

/* 标题 */
.slide2 .banner-c h2 {
    /* margin-top: 65px; */
    margin-top: 100px;
    text-align: center;
    letter-spacing: 2px;
} 

.slide2 .banner-c h2 .dot {
    padding: 0px 10px;
} 

/* feature */
.slide2 .banner-c .feature-box {
    /* width: 845px; */
    height: 310px;
    margin: auto;
    /* margin-top: 30px; */
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.slide2 .feature-box .feature {
    width:169px;
    height:40px;
    line-height: 40px;
    font-size: 18px;
    background:rgba(255,151,59,.2);
    border-radius:11px 11px 11px 11px;
    margin-bottom: 28px;
    vertical-align: middle;
}

.slide2 .feature-box .center-pic {
    margin-left: -5px;
    margin-right: 40px;
}

.slide2 .feature-box .feature img {
    width: 22px;
    height: 18px;
    vertical-align: middle;
    margin: 0px 15px 0px 20px;
}

/* -------------- slide3 */
.slide3 {
    background-size: cover;
    /* background-image: url(../images/banner3_1.png); */
    background-image: url(../images/banner3.png);
}
/* top */
.banner3_top {
    /* padding-top: 75px; */
    padding-top: 100px;
    text-align: center;
}
/* bottom */
.banner3_bottom {
    width: 730px;
    /* margin: 65px auto 0px; */
    margin: 125px auto 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.banner3_bottom_box {

}
.banne3_bottom_imgbox {
    text-align: center;
}
.banner3_bottom_box  .font {
    margin-top: 18px;
    color: #fff;
    font-size: 20px;
}

/* -------------- slide4 */
.slide4 {
    background-size: cover;
    /* background-image: url(../images/banner4_1.png); */
    background-image: url(../images/banner4.png);
}
.slide4 .banner-c{
    /* margin: 76px auto 0px; */
    margin: 120px auto 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.slide4 .article {
    padding-top: 45px;
    width: 660px;
}

.slide4 .article h2 {
    width: 408px;
    line-height: 60px;
    font-size: 40px;
}

.slide4 .article p {
    /* margin-top: 55px; */
    font-size: 22px;
    color: rgba(255,255,255,.8)
}

.slide4 .article p.one {
    margin-top: 55px;
}

.slide4 .article p.two {
    margin-top: 18px;
}

.slide4  img {
    margin-top: 8px;
}

/* -------------- slide5 */
.slide5 {
    background-size: cover;
    background-image: url(../images/banner5.png);
}
.slide5 .banner-c {
    padding-top: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.banner5_left  {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner5_left_font1 {
    font-size:56px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-shadow:0px 5px 4px rgba(0,2,34,0.45);
    letter-spacing: 2px;
}
.banner5_left_font2 {
    margin-left:-6px;
    margin-top: 33px;
    font-size:20px;
    letter-spacing: 1px;
    font-weight:400;
    color:rgba(255,255,255,0.8);
}
.banner5_left_font3 {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
}
.banner5_left_img img{
    width:105px;
    height:105px;
}
.banner5_left_img  p {
    font-size:16px;
    color:rgba(255,255,255,0.8);
    text-align: center;
    margin-top: 10px;
}
.banner5_left_explain {
    padding-top: 8px;
    margin-left: 38px;
}
.banner5_left_explain p{
    font-size:26px;
    color:rgba(255,255,255,1);
    line-height:42px;
}

/*--------------------------------------------------- swiper默认样式修改 */
.banner .swiper-button-prev {
    left: 24px!important;
    background-size: auto;
    background-image: url(../images/banner_pre.png);
    outline: none;
}

.banner .swiper-button-next {
    right: 24px!important;
    background-size: auto;
    background-image: url(../images/banner_next.png);
    outline: none;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 12px ;
    height: 12px;
    border-radius: 6px;
}

.banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: #FF6C00;
}

@media only screen and (max-width: 767px){
    .banner .swiper-slide img{
        display: none;
    }
    .banner .swiper-slide img.mimg{
        display: block;
    }
}