@charset "utf-8";
/* ===================首页样式========================== */

.contain{width: 1680px;margin: 0 auto;}

/* banner */
.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 img{width: 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;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: 6px;height: 6px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet::after{background-color: #2970d6;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(255, 255, 255, .8);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;width: 48px;height: 48px;}

.banner .swiper-pagination-bullet svg{width: 48px;height: 48px;position: absolute;z-index: 10;left: -1px;top: -1px;transform: rotate(-90deg);}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet .ring {opacity: 1;animation: show100 5s linear;}
.ban_video video{width: 100%;height: 100%;object-fit: cover;min-height: 320px;max-height: 760px;}
.ring {z-index: 1000;fill: transparent;stroke: #2970d6;stroke-width: 2;stroke-dasharray: 146;stroke-dashoffset: 0;stroke-linecap: round;
opacity: 0;}
@keyframes show100 {from {stroke-dashoffset: 146;}to {stroke-dashoffset: 0;}}

/* inx-tit */
.ind-tit{width: 100%;text-align: center;}
.ind-tit h6{font-size: 40px;color: #111;font-family: 'Dineng';position: relative;padding-bottom: 20px;text-transform: uppercase;}
.ind-tit h5{font-size: 40px;color: #111;font-family: 'Dineng';position: relative;text-transform: uppercase;}
.ind-tit h6::after{content: '';width: 36px;height: 1px;background-color: #000;position: absolute;left: 50%;bottom: 0;margin-left: -18px;}

.ind-botton{width: 196px;height: 48px;border: 1px solid #ddd;border-radius: 30px;margin: 0 auto;overflow: hidden;font-size: 14px;color: #333;line-height: 48px;text-align: center;font-family: 'Dineng';transition: all .3s;position: relative;z-index: 3;}
.ind-botton:hover{border-color: #2970d6;color: #fff;}
.ind-botton::after{content: '';width: 0;height: 48px;position: absolute;left: 0;top: 0;transition: all .4s;background-color: #2970d6;z-index: -1;}
.ind-botton:hover::after{width: 100%;}
.ind-botton a{display: block;}

/* 产品 */
.ind-pro{width: 100%;overflow: hidden;padding: 100px 0;}
.pro-list{width: 100%;padding: 50px 0 30px;}
.pro-list ul{margin-left: -3%;}
.pro-list ul li{width: 30.333%;float: left;height: auto;border: 1px solid #fff;padding: 50px 30px;margin-left: 3%;transition: all .4s;position: relative;}
.pro-list ul li .img{float: left;width: 58%;overflow: hidden;text-align: center;height: 260px;display:flex;align-items: center;justify-content: center;}
.pro-list ul li .img img{max-width: 100%;max-height: 100%;object-fit: cover;}
.pro-list ul li .text{width: 40%;float: right;height: 180px;overflow: hidden;padding-top: 20px;}
.pro-list ul li .text h6{font-size: 20px;color: #111;font-family: 'Arial';line-height: 30px;height: 60px;overflow:hidden;transition: all .4s;overflow:hidden;}
.pro-list ul li .text p{font-size: 14px;color: #888888;line-height: 22px;margin-top: 10px;height: 88px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.pro-list ul li:hover{border-color: #efefef;box-shadow: 8px 8px 8px rgba(123, 123, 123, .2);}
.pro-list ul li::after{content: '';width: 36px;height: 118px;background: url('../images/index/ind-bg1.jpg') no-repeat center center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .4s;z-index: -1;display: none;}
.pro-list ul li:hover::after{opacity: 1;}
.pro-list ul li:hover .text h6{color: #2970d6;font-size: 22px;}

/* 解决方案 */
.ind-solution{width: 100%;padding: 110px 0 90px;overflow: hidden;background-color: #2a2a38;position: relative;}
.ind-solution::before{width: 742px;height: 742px;position: absolute;content: '';background: url('../images/index/ind-bg4.png') no-repeat center center;background-size: 100%;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);display: none;}
.ind-solution .ind-tit h6{color: #fff;}
.ind-solution .ind-tit h6::after{background-color: #fff;}
.ind-solution .ind-botton{border-color: #fff;color: #fff;}
.ind-solution .ind-botton:hover{border-color: #2970d6;}
.sol-list{width: 100%;padding: 35px 0 40px;position: relative;}

.sol-list .swiper-button-prev{left: -60px;}
.sol-list .swiper-button-next{right: -60px;}
.sol-list .swiper-button-next,.sol-list .swiper-button-prev{width: 48px;height: 48px;border: 0px solid #fff;border-radius: 50%;background-size: 18px;}
.sol-list .swiper-button-next:hover,.sol-list .swiper-button-prev:hover{background-color: #2970d6;border-color: #2970d6;}

.sol-list .swiper-button-next.swiper-button-disabled,.sol-list .swiper-button-prev.swiper-button-disabled{opacity: 0;}
/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{} */


.sul-button{width: 340px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
.sol-box{width: 100%;overflow: hidden;position: relative;height: 520px;}
.sol-img {width: 100%;height: auto;overflow: hidden;}
.sol-img img{width: 100%;height: 360px;object-fit: cover;transition: all .4s;}
.sol-text{width: 100%;background-color: #fff;padding: 40px 140px 40px 50px;position: absolute;left: 0;bottom: 0;height: 166px;transition: all .4s;overflow: hidden;z-index: 10;}
.sol-text::after{content: '';position: absolute;right: 0;top: 50px;width: 130px;height: 150px;right: 0;top: 50px;background: url('../images/index/ind-bg2.png') no-repeat center center;z-index: -1;transition: all .4s;background-size: 100%;}
.sol-text h6{font-size: 22px;color: #111;font-family: 'Dineng';line-height: 32px;height: 32px;white-space:nowrap;text-overflow:ellipsis;}
.sol-text p{font-size: 14px;color: #888888;line-height: 22px;margin-top: 10px;height: 44px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: all .4s;}
.sol-text i{width: 24px;height: 8px;background: url('../images/index/ind-bg3.png') no-repeat center center;margin-top: 20px;display: block;}
.sol-box:hover .sol-text{height: 220px;background-color: #2970d6;}
.sol-box:hover .sol-text h6{color: #fff;}
.sol-box:hover .sol-text p{color: #fff;height: auto;max-height: 88px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.sol-box:hover .sol-text::after{opacity: .2;}
.sol-box:hover .sol-img img{transform: scale(1.06);}

/* 成功案例 */
.ind-case{width: 100%;overflow: hidden;padding: 100px 0 80px;}
.case-tit{width: 100%;overflow: hidden;text-align: center;padding: 20px 0 30px;}
.case-tit ul li{display: inline-block;margin: 0 20px;font-size: 18px;color: #111;line-height: 30px;font-family: 'Dineng';cursor: pointer;text-transform: uppercase;}
.case-tit ul li.ontrue,.case-tit ul li:hover{color: #2970d6;text-decoration: underline;}
.case-box{width: 100%;display: none;margin-bottom: 10px;}
.case-box .swiper-container{padding-bottom: 50px;}
.case-img{width: 100%;position: relative;}
.case-img img{width: 100%;opacity: .2;min-height: 360px;object-fit: cover;transition: all .4s;}
.case-box .swiper-slide-active .case-img img{opacity: 1;}
.case-box .swiper-button-next{width: 60px;height: 60px;border-radius: 50%;background: rgba(42, 42, 42, .4) url('../images/index/ind-bg3.png') center center no-repeat;right: 21%;margin-top: -30px;}
.case-box .swiper-button-next:hover{background: rgba(41, 112, 214, .9) url('../images/index/ind-bg3.png') center center no-repeat;}
.case-box .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;background: rgba(42, 42, 42, .4) url('../images/index/ind-bg3.png') center center no-repeat;left: 20%;margin-top: -30px;transform: rotateY(180deg);}
.case-box .swiper-button-prev:hover{background: rgba(41, 112, 214, .9) url('../images/index/ind-bg3.png') center center no-repeat}

.case-text{position: absolute;left: 60px;bottom: -40px;background-color: #fff;padding: 40px;width: 360px;height: 50%;box-shadow: 3px 6px 6px rgba(123, 123, 123, .1);opacity: 0;transition: all .4s;display:none;}
.case-text::before{width: 60px;height: 2px;background-color: #2970d6;content: '';position: absolute;left: -30px;top: 60px;display: none;}
.case-text h6{font-size: 40px;font-family: '微软雅黑';color: #222;overflow: hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case-text p{font-size: 14px;font-family: '微软雅黑';line-height: 24px;color: #666;margin-top: 14px;height:90px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case-text i{display: block;width: 23px;height: 11px;background: url('../images/index/ind-bg5.png') no-repeat center center;margin: 10px 0;}
.case-box .swiper-slide-active .case-text{opacity: 1;}

/* 关于我们 */
/* .ind-abo{width: 100%;padding: 100px 0;background: #2a2a38 url('../images/index/ind-bg6.png') no-repeat right bottom;overflow: hidden;} */
.ind-abo{width: 100%;padding: 100px 0;background: #2a2a38;overflow: hidden;}
.abo-left{width: 61%;float: left;overflow: hidden;}
.abo-left .tit{position: relative;font-size: 40px;color: #fff;text-transform: uppercase;font-family: 'Dineng';padding-bottom: 10px;line-height: 1em;}
.abo-left .tit::after{width: 34px;height: 1px;background-color: #fff;content: '';position: absolute;left: 0;bottom: 0;}
.abo-num{width: 100%;height: auto;overflow: hidden;padding-top: 50px;}
.abo-num ul li{float: left;width: 22%;overflow: hidden;margin-right: 3%;}
.abo-num ul li h5{overflow: hidden;font-size: 18px;color: #2970d6;font-family: 'Dineng';}
.abo-num ul li h5 span{font-size: 60px;color: #2970d6;font-family: 'Dineng';font-weight: bold;}
.abo-num ul li h6{font-size: 15px;color: #fff;padding-top: 4px;line-height: 22px;}
.abo-text{width: 100%;overflow: hidden;margin-top: 30px;}
.abo-text h6{font-size: 32px;color: #fff;font-family: 'Dineng';}
.abo-text h6 span{color: #2970d6;}
.abo-text p{font-size: 15px;color: #ccc;line-height: 28px;margin: 30px 0;height: 168px;}
.abo-left .ind-botton{margin: 30px 0 0 0;border-color: #2970d6;color: #fff;background-color: #2970d6;}

.abo-img{width: 34%;float: right;overflow: hidden;}
.abo-img img{max-width: 100%;}

/* 新闻中心 */
.ind-news{width: 100%;padding: 100px 0 80px;overflow: hidden;}
.news-tit{width: 100%;overflow: hidden;text-align: center;padding: 20px 0 30px;}
.news-tit ul li{display: inline-block;margin: 0 20px;font-size: 18px;color: #111;line-height: 30px;font-family: 'Dineng';cursor: pointer;text-transform: uppercase;}
.news-tit ul li.ontrue,.news-tit ul li:hover{color: #2970d6;text-decoration: underline;}
.news-box{width: 100%;overflow: hidden;margin-bottom: 30px;display: none;}
.news-box ul{margin-left: -2%;}
.news-box ul li{width: 23%;float: left;margin-left: 2%;overflow: hidden;}
.news-box ul li .img{width: 100%;overflow: hidden;}
.news-box ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.news-box ul li .text{width: 100%;height: 135px;padding: 20px 30px 0;transition: all .4s;}
.news-box ul li .text h6{font-size: 18px;font-family: Arial;color: #111;line-height: 26px;height: 52px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: all .4s;}
.news-box ul li .text p{font-size: 12px;font-family: "Arial";color: #999999;margin-top: 20px;transition: all .4s;}
.news-box ul li:hover .text{background-color: #2970d6;}
.news-box ul li:hover .text h6,.news-box ul li:hover .text p{color: #fff}
.news-box ul li:hover .img img{transform: scale(1.06);}

/* 视频 */
.ind-video{width: 100%;overflow: hidden;position: relative;}
.ind-video img{width: 100%;height: 100%;object-fit: cover;min-height: 280px;}

.video-click{cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100px;}
.video-click i{display: block;width: 76px;height: 76px;background: url('../images/index/video-ico.png') no-repeat center center;background-size: 100%;margin: 0 auto;position: relative;}
.video-click i:before,
.video-click i:after {content: "";display: block;width: 80px;height: 80px;border: 1px solid #fff;border-radius: 100%;position: absolute;
top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;animation: runquan 1.5s linear infinite;opacity: 0.9;}
.video-click i:before {animation-delay: .6s;}
.video-click i:after {animation-delay: 0s;}
@keyframes runquan {from {transform: scale(1, 1);opacity: 0.5;}to {transform: scale(1.8, 1.8);opacity: 0;}}

.video-click p{font-size: 20px;font-family: Arial;color: #fff;margin-top: 10px;text-align: center;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .ind-pro,.ind-solution,.ind-case{padding: 70px 0;}
    .sol-box{height: 480px;}
    .case-text h6{font-size: 38px;}
    .abo-text h6{font-size: 32px;}
    .sol-list .swiper-button-prev{left: 10px;}
    .sol-list .swiper-button-next{right: 10px;}
    .contain{width: 94%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .ind-tit h6{font-size: 48px;padding-bottom: 14px;}
    .ind-tit h5{font-size: 48px;}
    .sol-box{height: 440px;}
    .case-text h6{font-size: 36px;}
    .case-text{padding: 30px;height:60%}
    .case-text::before{width: 40px;left: -20px;top: 50px;}
    .case-tit,.news-tit{padding: 20px 0;}

    .case-box .swiper-button-next{width: 50px;height: 50px;margin-top: -25px;}
    .case-box .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;}
    .ind-abo,.ind-news{padding: 60px 0;}
    .abo-text h6{font-size: 32px;}
    .abo-text p{margin: 15px 0;}
    .news-box ul li .text{padding: 15px 20px;height: 120px;}
    .news-box ul li .text h6{font-size: 16px;}
    .pro-list ul li .img{padding-right: 5px;}
    .sol-img img{height: 330px;}
    
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .ind-tit h6{font-size: 40px;padding-bottom: 10px;}
    .ind-tit h5{font-size: 40px;}
    .sol-box{height: 420px;}
    .sol-text{padding: 30px 130px 30px 30px;}
    .sol-box:hover .sol-text{height: 220px;}
    .case-box .swiper-button-next{right: 20.5%;}
    .abo-text h6{font-size: 32px;}
    .abo-left .ind-botton{margin: 10px 0 0 0;}
    .abo-num ul li h5 span{font-size: 54px;}

    .sol-img img{height: 300px;}
    
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .ind-pro, .ind-solution, .ind-case{padding: 60px 0;}
    .pro-list ul li{padding: 30px;}
    .pro-list{padding: 30px 0;}
    .sol-box{height: 400px;}
    .case-box .swiper-button-next{right: 17.5%;}
    .case-text h6{font-size: 30px;}
    .abo-num{padding-top: 30px;}
    .abo-text{margin-top: 20px;}
    .abo-text h6 {font-size: 32px;}
    .news-box ul li .text h6{font-size: 14px;}
    .ind-botton{width: 170px;height: 40px;line-height: 40px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    /* .pro-list ul li .text h6{font-size: 20px;}
    .pro-list ul li .text h6:hover{font-size: 22px;} */
    .ind-tit h6{font-size: 36px;}
    .ind-tit h5{font-size: 36px;}
    .sol-box{height: 370px;}

    .case-box .swiper-button-next{right: 20px;}
    .case-box .swiper-button-prev{left: 20px;}
    .case-text{left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);height: auto;}
    .case-box .swiper-container{padding-bottom: 20px;}
    .ind-pro, .ind-solution, .ind-case,.ind-abo, .ind-news{padding: 50px 0;}
    .abo-num ul li h5 span{font-size: 44px;}
    .abo-text p{height: auto;}
    .abo-text{margin-top: 10px;}
    .abo-text h6{font-size: 32px;}
    .case-tit, .news-tit {padding: 14px 0;}
    .video-click i{width: 60px;height: 60px;}
    .video-click i:before, .video-click i:after{width: 60px;height: 60px;margin-top: -30px;margin-left: -30px;}

    .sol-box{height: auto;}
    .sol-text::after{width: 70px;height: 90px;}
    .sol-text{padding: 20px 60px 20px 20px;position: relative;}
    
    .sol-img img{height: 200px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .sol-box{height: auto;}
    .sol-text{height: 150px;}
    .sol-box:hover .sol-text{height: 150px;background-color: #2970d6;}
    .sol-box:hover .sol-text p{color: #fff;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner .swiper-pagination{bottom: 10px;}

    .banner .swiper-pagination-bullet svg{display: none !important;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0 2px;}
    .banner .swiper-pagination-bullet-active.swiper-pagination-bullet{border: 1px solid rgba(235, 97, 3, 1);}

    .ind-tit h6{font-size: 24px;}
    .ind-tit h5{font-size: 24px;}
	.abo-left .tit{font-size: 24px;}
    .ind-pro, .ind-solution, .ind-case, .ind-abo, .ind-news{padding: 40px 0;}
    .pro-list ul li .img{padding-right: 0;}
  
    .pro-list ul li{padding: 10px;}
    .pro-list ul li .text p{font-size: 12px;}
    .pro-list{padding: 25px 0;}
    .abo-left{width: 100%;}
    .abo-img{width: 100%;margin-top: 20px;}
    .news-box ul li{width: 48%;margin: 0 0 2% 2%;}
    .news-box ul li .text{padding: 10px;height: 102px;}
    .news-box ul li .text p{margin-top: 10px;}
    .ind-botton{width: 140px;}
    

    .sol-list .swiper-button-prev{left: 0px;}
    .sol-list .swiper-button-next{right: 0px;}
    .pro-list ul li .text{font-size: 12px;}
    
    
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .ind-pro, .ind-solution, .ind-case, .ind-abo, .ind-news{padding: 30px 0;}
    .pro-list ul{margin-left: 0;}
    .pro-list ul li{width: 100%;margin-bottom: 4%;margin-left: 0;}
    .pro-list ul li{border-color: #efefef;box-shadow: 8px 8px 8px rgba(123, 123, 123, .2);}
    .pro-list ul li::after{opacity: 1;}
    .pro-list ul li .text h6{color: #2970d6;}
    .sol-img{height: 180px;}
    .sol-img img{height: 100%;width: 100%;object-fit: cover;}
    .sol-text{height: 120px;padding: 10px 50px 20px 16px;}
    .sul-button{width: 300px;}
    .sol-text::after{top: 30px;}
    .sol-list {padding: 25px 0 30px;}
    .sol-list .swiper-button-next, .sol-list .swiper-button-prev{width: 40px;height: 40px;}
    .case-text{width: 80%;}
    .case-tit, .news-tit{padding: 10px 0;}
    .case-tit ul li,.news-tit ul li{margin: 0 10px;font-size: 13px;}
    .case-text h6 {font-size: 20px;}
    .case-text p{margin-top: 5px;overflow: hidden;}
    .case-text::before{top: 44px;}
    .case-text p{line-height: 24px;height: 48px;overflow: hidden;}
    .abo-num ul li{width: 47%;margin-bottom: 2%;}
    .abo-num{padding-top: 20px;}
    .abo-text h6{font-size:22px;}
	.sol-text h6{font-size:18px;}
    .abo-text p{font-size: 13px;line-height: 22px;}
    .news-box ul li .text h6{height: 44px;line-height: 22px;}
    .news-box ul li .text p{margin-top: 5px;}
    .news-box ul li .text{height: 80px;}
    
    .abo-num ul li h5 span{font-size: 30px;}
    .case-box .swiper-button-prev{width: 40px;height: 40px;left: 5px;}
    .case-box .swiper-button-next{width: 40px;height: 40px;right: 5px;}
    .news-box{margin-bottom: 20px;}
    .abo-num ul li h5{line-height: 40px;}
    .video-click p{font-size: 18px;}
   
}