@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;height: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;}
.swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;}
.banner-pic .banner-pc{display: block;min-height: 520px;}
.banner-pic .banner-mb{display: none;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.banner .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;vertical-align: middle;position: relative;}
.banner .swiper-pagination-bullet-active {width: 22px;height: 6px;opacity: 1;position: relative;border-radius: 10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}



.index-list{width: 100%;height: auto;overflow: hidden;padding-top: 40px;}
.index-list ul{margin-left: -1%;}
.index-list ul li{margin-left: 1%;width: 49%;float: left;margin-bottom: 1%;height: auto;overflow: hidden;position: relative;}
.index-list ul li .img{width: 100%;height: auto;overflow: hidden;}
.index-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease-in-out;}
.index-list ul li:hover .img img{transform: scale(1.1);}
.index-list ul li .text{position: absolute;width: 100%;padding: 0 10px;top: 10%;left: 0;}
.index-list ul li .text h5{font-size: 44px;color: #f5f5f5;text-align: center;}
.index-list ul li .text h6{font-size: 16px;color: #f5f5f5;text-align: center;line-height: 30px;padding-top: 40px;}
.index-list ul li .text2{position: absolute;width: 100%;padding: 0 10px;top: 10%;left: 0;}
.index-list ul li .text2 h5{font-size: 44px;color: #000;text-align: center;}
.index-list ul li .text2 h6{font-size: 16px;color: #000;text-align: center;line-height: 30px;padding-top: 40px;}

/* 签约客户 */
.index-signed-box{width: 100%;height: auto;overflow: hidden;background-color: #dfdfdf;}
.index-signed{width: 1400px;margin: 0 auto;height: auto;overflow: hidden;padding: 100px 0;}
.signed-title{width: 100%;float: left;overflow: hidden;}
.signed-title h4{font-size: 48px;color: #000;font-weight: bold;text-align: center}
.signed-title h5{font-size: 30px;color: #000;opacity: 0.39;padding-top: 20px;font-family: '\6977\4F53_GB2312';font-weight: lighter;text-align: center}
.index-signed ul{width: 100%;float: right;padding-top: 30px;}
.index-signed ul li{width: 16.666%;float: left;line-height: 80px;margin-bottom: 10px;text-align: center;height: 80px; overflow: hidden;}
.index-signed ul li img{max-width: 100%;max-height: 100%;object-fit: cover;transition: all 0.6s ease-in-out;}
.index-signed ul li:hover img{transform: translateY(-10px)}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .index-signed{width: 92%;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */

.index-list ul li .text h5{font-size: 40px;}
.index-list ul li .text2 h5{font-size: 40px;}

.signed-title h4{font-size: 40px;}
.signed-title h5{font-size: 24px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .index-list ul li .text h5{font-size: 34px;}
    .index-list ul li .text2 h5{font-size: 34px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
    .banner-pic img{object-fit: contain;height: auto; }
    .banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1, 0, 0, 1, 0, 0);}
    


    .index-signed{padding: 40px 0;}
    .signed-title{width: 100%;}
    .signed-title h4{font-size: 30px;}
    .signed-title h5{font-size: 18px;padding-top: 10px;}

    .index-signed ul{width: 100%;padding-top: 16px;}
    .index-signed ul li{width: 50%;float: left;line-height: 60px;margin-bottom: 20px;text-align: center;padding: 0 10px;height: 60px;}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
.index-list{width: 100%;height: auto;overflow: hidden;padding-top: 20px;}
.index-list ul{margin-left: 0%;}
.index-list ul li{margin-left: 0%;width: 100%;float: left;margin-bottom: 2%;}
.index-list ul li .text{position: absolute;width: 100%;padding: 0 10px;top: 10%;left: 0;}
.index-list ul li .text h5{font-size: 28px;color: #f5f5f5;text-align: center;}
.index-list ul li .text h6{font-size: 14px;color: #f5f5f5;text-align: center;line-height: 24px;padding-top: 20px;}
.index-list ul li .text2{position: absolute;width: 100%;padding: 0 10px;top: 10%;left: 0;}
.index-list ul li .text2 h5{font-size: 28px;color: #000;text-align: center;}
.index-list ul li .text2 h6{font-size: 14px;color: #000;text-align: center;line-height: 24px;padding-top: 20px;}
}

