.main{width:96%;max-width: 1500px;margin:0 auto;display: block;}
@media screen and (max-width: 1875px) and (min-width: 1600px) {
    .main{width:80%;max-width:1500px;}
    .header .main{width:96%;max-width: 1600px;}
}
@media screen and (max-width: 1600px) and (min-width: 750px) {
    .main{width:80%;max-width:1280px;}
    .header .main{width:100%;max-width: 1600px;}
}

.banner{height: 100vh;}
.banner a{cursor: default;}
.banner .video,.banner .video video{width:100%;height: 100%;display: block;}
.banner .video video{object-fit: cover;}
.banner .banner-play{width:100%;height:100%;position: absolute;top:0;left:0;right:0;bottom:0;z-index:9;}
.banner .banner-play i{width:50px;height: 50px;line-height: 50px;color:#fff;font-size:50px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: block;transition: opacity .5s ease;}
.banner-scroll{width:100%;position: absolute;bottom:0;left:0;right:0;text-align: center;}
.banner-scroll span{font-size:14px;display: block;color:#fff;}
.banner-scroll i{font-size: 20px;line-height:30px;position: relative;display: block;}
.banner-scroll i.banner-scroll-icon{color:#fff;animation:banner-scroll-icon-color .5s infinite;-webkit-animation:banner-scroll-icon-color .5s infinite; /* Safari 和 Chrome */}
.banner-scroll i.banner-scroll-icon-one{top:-23px;color:#aaa;animation:banner-scroll-icon-one-color .5s infinite;-webkit-animation:banner-scroll-icon-one-color .5s infinite; /* Safari 和 Chrome */}
@keyframes banner-scroll-icon-color {
    0%{color:#fff;}
    50%{color:#aaa;}
    100%{color:#fff;}
}
@keyframes banner-scroll-icon-one-color {
    0%{color:#aaa;}
    50%{color:#fff;}
    100%{color:#aaa;}
}

@media screen and (max-width: 1200px) {
    .banner{margin-top: 40px;height: calc(100vh - 40px);}
}
.web-video{display: none !important;}
@media screen and (max-width: 750px) {
    .pc-video{display: none !important;}
    .web-video{display: block !important;}
}

.title{width:96%;margin:0 auto;text-align: center;display: block;}
.title h2{width:100%;font-size:50px;line-height:60px;color:#000;display: block;font-family: futurabt_diy;}
.title p{width:100%;font-size:16px;line-height: 50px;color:#555;display: block;font-family: sourcehansanscn_regular_diy;}
.title span{width:80px;height: 2px;background: #000;margin:20px auto;display: block;}
.title p span{width:100%;height:auto;background:unset !important;margin:0 auto;display: block;}
.white-title.title h2,.white-title.title p{color:#fff;}
.white-title.title span{background: #fff;}


@media screen and (max-width: 1600px) {
    .mr-top-90{margin-top:5.625vw !important;}
    .title h2{font-size:3.125vw;line-height: 3.75vw;}
    .title span{margin:1.25vw auto;}
}
@media screen and (max-width: 750px) {
    .title h2{font-size:6.66vw;line-height:8vw;}
    .title p{font-size:3.2vw;line-height: 6.4vw;}
}

.index-box{width:100%;display: block;position: relative;padding-bottom: 65px;}
.index-box .main{position: relative;z-index:2;}
.index-box-left-img{width:360px;height: 460px;display: block;overflow:hidden;}
.index-box-center-img{width:680px;height: 460px;display: block;overflow:hidden;}
.index-box-left-img img ,.index-box-center-img img{width:100%;height: 100%;object-fit: cover;display: block;transition: .4s ease .1s;}
.index-box-left-img:hover img ,.index-box-center-img:hover img{transform: scale(1.05);}
.index-box-one-bg{width:100%;height: 395px;position: absolute;bottom:0;left:0;z-index:1;background: #e8ecef;display: block;}

@media screen and (max-width: 1875px) and (min-width: 1600px) {
    .index-box-left-img{width:19.2vw;height: 24.55vw;}
    .index-box-center-img{width:35.2vw;height: 24.55vw;}
}
@media screen and (max-width: 1600px) {
    .index-box{padding-bottom: 4.0625vw;}
    /*.index-box-left-img{width:24vw;height: 30.6875vw;}*/
    .index-box-left-img{width:19.2vw;height: 24.55vw;}
    .index-box-center-img{width:35.2vw;height: 24.55vw;}
    .index-box-one-bg{height: 19.75vw;}
}

.index-box-one{display: block;}
.index-box-one-list{width:33.33%;height:350px;float: left;display: inline-block;overflow:hidden;}
.index-box-one-list a{width:100%;height: 100%;display: block;position: relative;}
.index-box-one-list a img.index-box-one-list-img{width:100%;height: 100%;object-fit: cover;display: block;transition: .4s ease .1s;}
.index-box-one-list:hover a img.index-box-one-list-img{transform: scale(1.05);}
.index-box-one-list .index-box-one-list-mask{width:100%;height:100%;position: absolute;bottom:calc(-100% + 50px);background: rgba(0,0,0,.6);transition: all linear .5s;}
.index-box-one-list .index-box-one-list-mask img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:auto;max-width:60%;height:auto;object-fit:contain;display: block;}
.index-box-one-list .index-box-one-list-mask p{width:100%;line-height: 50px;font-size:36px;color:#fefefe;text-align:center;opacity: 1;transition: all ease .3s;font-family: futurabt_diy;}
.index-box-one-list:hover .index-box-one-list-mask{bottom: 0;}
.index-box-one-list:hover .index-box-one-list-mask p{opacity: 0;}
@media screen and (max-width: 1875px) and (min-width: 1600px) {
    .index-box-one-list{height: 18.455vw;}
}
@media screen and (max-width: 1600px) {
    .index-box-one-list{height: 18.4375vw;}
    .index-box-one-list .index-box-one-list-mask{bottom:calc(-100% + 3.125vw);}
    .index-box-one-list .index-box-one-list-mask p{line-height: 3.125vw;font-size:2.25vw; }
}
@media screen and (max-width: 750px) {
    .index-box-one-list{width:50%;height: 33.4666vw;}
    .index-box-one-list .index-box-one-list-mask{bottom:calc(-100% + 30px);}
    .index-box-one-list .index-box-one-list-mask p{line-height: 30px;font-size:16px; }
}


.index-box-two{width:100%;background: url("../images/index_10.jpg") center top no-repeat;background-size: cover;padding:60px 0;}
.index-box-two-swiper{width:100%;display: block;position: relative;}
.index-box-two-swiper .swiper-slide{width:50% !important;padding:0 2.6%;box-sizing: border-box;}
.index-box-two-swiper .swiper-slide a{width:100%;display: block;position: relative;overflow:hidden;}
.index-box-two-swiper .swiper-slide img{width:100%;height:24.739vw;object-fit:cover;display: block;transition: .4s ease .1s;}
.index-box-two-swiper .swiper-slide:hover img{transform: scale(1.05);}
.index-box-two-text{width:100%;height: 100%;background: rgba(0,0,0,.6);position: absolute;top:0;left:0;}
.index-box-two-text p{display: none;}
.swiper-slide-active .index-box-two-text{text-align: center;font-size:20px;line-height: 60px;height: 60px;top:unset;bottom:0;color:#fff;}
.swiper-slide-active .index-box-two-text p{display: block;}
.index-box-two-swiper .swiper-pagination{position:unset;bottom:unset;color:#fff;font-size:24px;line-height: 30px;font-family: futurabt_diy;}
.index-box-two-swiper .swiper-button-next,.index-box-two-swiper .swiper-button-prev{top:unset;bottom:0;background-size: 164px 25px;background-position: center center;background-repeat: no-repeat;width:164px;height: 25px;}
.index-box-two-swiper .swiper-button-next{right:calc(50% - 220px);background-image: url("../images/right.png");}
.index-box-two-swiper .swiper-button-prev{left:calc(50% - 220px);background-image: url("../images/left.png");}

@media screen and (max-width: 1600px) {
    .swiper-slide-active .index-box-two-text{line-height: 3.75vw;height:3.75vw;font-size:1.25vw;}
}
@media screen and (max-width: 750px) {
    .index-box-two{background:url("../images/mall_bg_web.jpg") center top no-repeat;background-size: cover;}
    .index-box-two-swiper{margin-top:13.33vw !important;}
    .index-box-two-swiper .swiper-slide{width:100% !important;padding:0 2.6%;box-sizing: border-box;}
    .index-box-two-swiper .swiper-slide img{height:75vw;}
    .index-box-two-swiper .swiper-pagination{font-size:16px;line-height: 30px;}
    .swiper-slide-active .index-box-two-text{font-size: 16px;line-height: 30px;height: 30px;}
    .index-box-two-swiper .swiper-button-next,.index-box-two-swiper .swiper-button-prev{background-size: 21.8666vw 3.333vw;width:21.8666vw;height: 3.333vw;bottom:calc(15px - 1.665vw);}
    .index-box-two-swiper .swiper-button-next{right:calc(50% - 29.333vw);}
    .index-box-two-swiper .swiper-button-prev{left:calc(50% - 29.333vw);}
}

.index-news-list{width:49%;margin-right: 2%;float: left;display: inline-block;}
.index-news-list:nth-child(2n){margin-right: 0;}
.index-news-list .index-news-list-url{width:100%;height: 100%;display: flex;justify-content: start;}
.index-news-list-img{width:286px;min-width:286px;height: 222px;flex-grow:0;display: block;overflow:hidden;}
.index-news-list-url .index-news-list-img img{width:100%;height: 100%;object-fit: cover;display: block;transition: .4s ease .1s;}
.index-news-list-url:hover .index-news-list-img img{transform: scale(1.05);}
.index-news-list-url:hover .index-news-list-img{box-shadow: 0 0 32px rgba(0,0,0,0.23);}

.index-news-list .index-news-list-text-main h2,.index-news-list .index-news-list-text-main p,.index-news-list .index-news-list-text-main i{transition: .4s ease .1s;}

.index-news-list-text{margin-left:40px;flex-grow:1;display: block;position: relative;}
.index-news-list-text-main{width:100%;position: absolute;top:50%;left:0;transform: translateY(-50%);}
.index-news-list-text-main h2,.index-news-list-text-main span,.index-news-list-text-main p{width:100%;display: block;}
.index-news-list-text-main h2{font-size:28px;line-height: 32px;color:#000;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news-list-text-main  p{font-size:16px;line-height: 32px;color:#555;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: none;}
.index-news-list-text-main span{font-size:16px;color:#cfcdd1;line-height: 32px;margin:5px 0 10px;font-family: futurabt_diy;}
.index-news-list-text-main i{width:115px;height:32px;line-height: 32px;border:1px solid #535353;color:#535353;margin:0 0;text-align: center;font-size:16px;display: none;}
.index-news-list:hover .index-news-list-text-main  p{display: -webkit-box;}
.index-news-list:hover .index-news-list-text-main i{display: block;}
.index-news-list:hover h2{display: none;}
@media screen and (max-width: 1600px) {
    .index-news-list-img{width:17.875vw;min-width:17.875vw;height: 13.875vw;}
    .index-news-list-url:hover .index-news-list-img{box-shadow: 0 0 2vw rgba(0,0,0,0.23);}
    .index-news-list-text{margin-left:2.5vw;}
    .index-news-list-text-main h2{font-size:1.75vw;line-height: 2vw;}
    .index-news-list-text-main  p{font-size:1vw;line-height: 2vw;}
    .index-news-list-text-main span{font-size:1vw;line-height: 2vw;margin:0.3125vw 0 0.625vw;}
    .index-news-list-text-main i{width:7.1875vw;height:2vw;line-height: 2vw;font-size:1vw;}
}
@media screen and (max-width: 750px) {
    .index-news-list{width:100%;margin-right: 0;}
    .index-news-list-img{width:38.1333vw;min-width:38.1333vw;height: 29.6vw;}
    .index-news-list-url:hover .index-news-list-img{box-shadow: 0 0 4.2666vw rgba(0,0,0,0.23);}
    .index-news-list-text{margin-left:5.333vw;}
    .index-news-list-text-main h2{display: -webkit-box;font-size:18px;line-height: 36px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}
    .index-news-list-text-main  p{font-size:16px;line-height: 24px;-webkit-line-clamp: 2;}
    .index-news-list-text-main span{font-size:16px;line-height: 24px;margin:5px 0 10px;}
    .index-news-list-text-main i{width:115px;height:24px;line-height: 24px;font-size:16px;}
}

.index_box_web{display: none !important;}

.index_box_one_web{display: none;}
@media screen and (max-width: 750px) {
    .index_box_one_pc{display: none;}
    .index_box_one_web{width:100%;display: block;}
    .index_box_one_web ul{width:100%;display: flex;justify-content: start;flex-wrap: wrap;}
    .index_box_one_web ul li{width:33.33%;display: block;text-align: center;border-right: 1px solid #f8f8f8;border-bottom: 1px solid #f8f8f8;box-sizing: border-box;transition: .4s ease .1s;}
    .index_box_one_web ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1) inset;}
    .index_box_one_web ul li img{max-width: 100%;width:60%;margin:0 auto;display: block;
        filter: invert(100%);  }
    .index_box_one_web ul li:nth-child(3n){border-right: none;}
    .index_box_one_web ul li:nth-child(4),.index_box_one_web ul li:nth-child(5),.index_box_one_web ul li:nth-child(6){border-bottom: none;}

    .index_box_one_web dl,.index_box_one_web dl dd{width:100%;display: block;}
    .index_box_one_web dl{position: relative;height:66vw;}
    .index_box_one_web dl dd{position: absolute;top:0;left:0;opacity: 0;}
    .index_box_one_web dl dd img{width:100%;height: 100%;object-fit: cover;display: block;}
    .index_box_one_web dl dd p{position: absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.16);color:#fff;text-align: center;font-size:6.66vw;line-height: 9.33vw;}
    .index_box_one_web dl dd:first-child{opacity: 1;}

    .index_box_pc{display: none !important;}
    .index_box_web{display: block !important;justify-content: unset;}
    .index-box-swiper{width:100%;margin-top:5.33vw !important;}
    .index-box-swiper .swiper-slide,.index-box-swiper .swiper-slide a{width:100%;display: block;}
    .index-box-swiper .swiper-slide img{width:100%;height: 64vw;object-fit: cover;display: block;}
    .index_box_pagination{position: relative !important;}
    .index_box_pagination span{width:3.066vw;height: 3.066vw;margin:0 3.066vw;border:1px solid #060607;border-radius: 50%;background: none;box-sizing: border-box;}
    .index_box_pagination span.swiper-pagination-bullet-active{background: #060607;}
}

