/* banner*/
.Container-wrapper{margin-top: 0px;}
.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;overflow: hidden;}
.banner-pic img{width: 100%;height: 100%;object-fit: cover;}
.banner-pic .banner-pc{display: block;min-height: 520px;}
.banner-pic .banner-mb{display: none;min-height: 320px;}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet{position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;opacity: 1;}
.banner .swiper-pagination-bullet::after{content: '';width:10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border:2px solid #fff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .8);background-color: rgba(255, 255, 255, .2);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 40px;width: 26px;height: 26px;}
.banner .swiper-pagination-bullet::before{content: '';width: 0px;height: 1px;position: absolute;left: 16px;top: 50%;background-color: #fff;}
.banner .swiper-pagination-bullet:last-child::before{left: auto;right: 16px;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet::before{animation: bannerlong 6s linear;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:last-child:before{animation: bannerlong2 6s linear;}
.banner .swiper-pagination-bullet i{position: absolute;width: 99px;height: 1px;background-color: rgba(255, 255, 255, .2);left: 16px;top: 50%;}
.banner .swiper-pagination-bullet:last-child i{display: none;}
.banner-text{position: absolute;top: 50%;left: 13.5%;transform: translateY(-50%);}
.banner-text p{font-size: 46px;color: #fff;}
.banner-text a{color: #fff;font-size: 16px;margin-top: 30px;border-color: #fff;transition: all .4s;}
.banner-text a:hover{border-color: #fff;color: #fff;}
.banner .swiper-slide-active .banner-text h6{animation: bannertextRight 1.2s ease both 800ms;}
.banner .swiper-slide-active .banner-text p{animation: bannertextRight 1.2s ease both 1000ms;}
.banner .swiper-slide-active .banner-text a{animation: bannertextRight 1.2s ease both 1200ms;}

@keyframes bannertextRight{0%{transform: translateX(100px);opacity: 0;}
100%{transform: translateX(0);opacity: 1;}}
@keyframes bannerlong{0%{width: 0;}
100%{width: 99px;}}
@keyframes bannerlong2{0%{width: 99px;}
100%{width: 0px;}}
/* 优势 */
.advantagebox{ width: 100%; margin-bottom: 20px;}
.advantagebox dl{ height:240px; overflow: hidden;}
.advantagebox dl dt{background: #eaeaea; width: 239px;height:240px; box-sizing: border-box; padding:60px 40px; font-size: 18px; color: #e94816; position: relative;}
.advantagebox dl dt img{width: 66px; height: 66px; margin: 0 auto 10px;}
.advantagebox dl dt:after{content: "";width: 160px;position: absolute;border-bottom: 1px dotted #e94816;left:40px;bottom: 60px;}
.advantagebox dl dd{ width: 240px;height:240px;box-sizing: border-box; padding:70px 40px; font-size: 14px;color: #fff; background:url("../img/indexbg4.jpg") no-repeat; position: relative; display: none;}
.advantagebox dl dd:after{content: "";width: 160px;position: absolute;border-bottom: 1px dotted #fff;left:40px;bottom: 60px;}
.advantagebox dl.active dd{ display: block;}
/* 产品 */
.productbox{ background: url(../img/indexbg1.jpg) no-repeat center top;}
.productbox .titlebox{ color: #fff;}
.productbox .text{ color: #fff; text-align: center;}
.productbox .itembox{margin-top: 30px;}
.productbox .itembox dl{ background: url(../img/indexbg3.jpg) no-repeat bottom center; width:574px; height: 261px; padding-top: 45px;}
.productbox .itembox dl dt{flex: 1; text-align: center; color: #231815;}
.productbox .itembox dl dt span{font-size: 24px; font-weight: 600;}
.productbox .itembox dl dt a{ margin-top: 100px;}
.productbox .itembox dl dd img{width: 336px; height: 235px; margin-bottom: 118px;}
/* 案例 */
.casebox{ margin-bottom: 140px;}
.casebox .text{ color: #3e3a39; margin-top: 10px;}
.casebox .itembox{ margin-top: 30px;}
.casebox .itembox .imgbox{ width: 913px; height: 453px; position: relative;}
.casebox .itembox .imgbox li{ display: none;}
.casebox .itembox .imgbox li.active{display: block;}
.casebox .itembox .imgbox img{width: 913px; height: 453px;}
.casebox .itembox .imgbox .title{ padding:20px; position: absolute; bottom: 0; z-index: 9;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.5)); color: #fff; width: 100%; box-sizing:border-box;}
.casebox .itembox .imgbox .title span{ font-size: 16px;}
.casebox .itembox .imgbox .title a{ width:120px; height: 30px; line-height: 30px; margin-left: 50px; border-radius: 15px; border: 1px solid #fff; color: #fff; text-align: center;}
.casebox .textbox{ background: #fff; height: 453px; width:287px;}
.casebox .textbox ul li{font-size: 16px; font-weight: 600; padding:30px; width: 100%; height:182px; box-sizing: border-box; display: flex;align-items: center;}
.casebox .textbox ul li.active{ color: #fff; background: #e94816;}
.casebox .textbox .more{font-size: 16px; font-weight: 600;box-sizing: border-box; display: flex;align-items: center; width: 100%; height: 88px; line-height: 88px;justify-content: center; color: #e94816; border-top: 1px solid #c3c4c4;}
/* 三优势 */
.sanyoushi{background: url(../img/indexbg2.jpg) no-repeat center top; padding-top:100px; height: 700px;}
.sanyoushi .titlebox{ color: #fff;}
.sanyoushi dl{ width: 400px; height: 400px; border-radius: 10px; box-sizing: border-box; padding:70px; color: #fff;}
.sanyoushi dl:hover{ background: rgba(255, 255, 255, 0.2);}
.sanyoushi dl dt{font-size: 28px;}
.sanyoushi dl dt img{width: 95px; height: 95px; margin: 0 auto 10px;}
.sanyoushi dl dd{ display: none;  margin-top: 30px;}
.sanyoushi dl:hover dd{display: block;}
/* 新闻 */
.newsbox .titlebox a.morebox{ position: absolute; right: 0; top: 13px; width: 130px; box-sizing: border-box; font-size: 16px; }
.newsbox .item{ width: 390px; display: block; background: #fff;}
.newsbox .item img{ width: 390px; height: 195px;}
.newsbox .item dl{ padding:20px 30px; width: 100%; box-sizing: border-box;}
.newsbox .item dl dt{font-weight: 600; font-size: 16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; height: 48px; line-height: 24px;}
.newsbox .item dl dd{ margin-top: 10px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;height: 36px; line-height: 18px;}
.newsbox .item dl dd.time{ margin-top: 20px; background: url(../img/right.png) no-repeat right; height: 24px; line-height: 24px;}
.newsbox .item:hover{ background: #e94816; color: #fff;}
.newsbox .item:hover dl dd.time{ background: url(../img/rightw.png) no-repeat right;}
/* 伙伴 */
.huobanbox{}
/* .huobanbox .itemlist a{ width: 160px; height: 50px;} */
.huobanbox .itemlist img{width: 160px; height: 50px; margin:30px;}
.huobanbox .itemlist img:hover{opacity: 0.7;}