@charset "utf-8";
/* ===================首页样式========================== */
/* common */
.com-tit{font-size:40px;color:#333;font-weight:700;line-height:1}
.com-tit span{text-transform:uppercase;font-size:14px;color:#a9a9a9;display:block;font-weight:400;margin-top:10px}
.com-tit.center{text-align:center}

/* banner */
.banner{position:relative;z-index:1}
.banner:after{content:'';height:62%;width:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,#fff 0,#f5f5f5 80%);z-index:-1}
.banner .swiper-container{width:95%;margin-left:0}
.banner-bg-mb{display:none}
.banner-bg img{width:100%;object-fit:cover}
.banner-cont{position:absolute;left:5%;top:0;width:90%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}
.banner-cont h1{font-size:50px;font-weight:700;color:#fff;line-height:1;padding-bottom:20px;margin-bottom:16px;position:relative}
.banner-cont h1:after{content:'';position:absolute;bottom:0;left:0;width:50px;transform:scale(0);height:4px;background:#fff;transition:all 1s ease}
.banner .swiper-slide-active h1{animation:to-lft 1.5s ease both .2s}
.banner .swiper-slide-active h1:after{transform:scale(1);transition-delay:1s}
.banner-cont p{font-family:Arial;font-size:14px;color:#fff;text-transform:uppercase;max-width:330px;line-height:26px}
.banner .swiper-slide-active p{animation:to-up 1.5s ease both .5s}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{width:auto;bottom:82px;left:5%}
.banner .swiper-pagination-bullet:first-child{margin-left:0}
.banner .swiper-pagination-bullet{border-radius:0;width:40px;height:4px;background:#fff;opacity:1;position:relative;overflow:hidden}
.banner .swiper-pagination>span:after{content:'';width:100%;height:100%;position:absolute;left:-100%;background:#aacf6f;z-index:1}
.banner .swiper-pagination>span.active:after{left:0;transition:all 4s linear}
.banner .swiper-num{position:absolute;left:5%;bottom:100px;font-size:18px;color:#aacf6f;z-index:11;font-family:Arial}
.banner-rgt{text-transform:uppercase;position:absolute;width:5%;right:0;bottom:0;height:38%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
.banner-rgt h6{writing-mode:vertical-lr;font-size:14px;color:#acacac;font-family:Arial;font-weight:600;transition:all .4s ease}
.banner-rgt:hover h6{color:#aacf6f}
.banner-rgt i{position:relative;width:2px;height:60px;display:block;margin-top:18px;background:#e5e5e5;overflow:hidden}
.banner-rgt i:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;animation:height1 1s infinite ease-out;background:#bbb}
.banner-rgt:hover i:after{background:#aacf6f}
@keyframes height1{0%{height:0;opacity:1}100%{height:150%;opacity:0}}
@keyframes to-lft{0%{opacity: 0;transform: translate3d(-50px, 0, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes to-up{0%{opacity: 0;transform: translate3d(0, 50px, 0);}100%{opacity: 1;transform: translate3d(0, 0, 0);}}

/* 解决方案 */
.solution-top{display:flex;align-items:center;justify-content:space-between;padding:100px 0 40px}
.solution-nav{max-width:85%}
.solution-nav .swiper-wrapper{justify-content: space-between}
.solution-nav .swiper-slide{width: auto;cursor: pointer;padding:0 20px}
.solution-nav-item i{display:block;height:60px;width:auto;position:relative}
.solution-nav-item i img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease}
.solution-nav-item i .off{opacity:0}
.solution-nav-item.active i .off,.solution-nav-item:hover i .off{opacity:1}
.solution-nav-item h3{font-size:18px;color:#555;margin-top:20px;transition:all .4s ease;white-space:nowrap}
.solution-nav-item:hover h3{color:#df684f}
.solution-nav-item.active h3{color:#df684f;font-weight:700}
.solution-item{display:flex;height:590px;position:relative}
.solution-item .solution-bg{width:100%;height:100%;object-fit:cover}
.solution-item-l{width:28%}
.solution-item-r{width:72%}
.solution-item-txt{position:absolute;width:100%;height:100%;left:0;top:0}
.solution-item-txt .contain{height:100%;display:flex;align-items:center}
.solution-inner{width:46%;background:rgba(255,255,255,.95);border-radius:10px;height:365px;display:flex;flex-direction:column;padding:0 68px;justify-content:center}
.solution-inner h3{font-size:28px;color:#8bb549;font-weight:700;margin-bottom:26px}
.solution-inner p{font-size:15px;line-height:26px;color:#777}
.solution-inner a{display:flex;align-items:center;justify-content:center;width:180px;height:50px;color:#8bb549;border:2px solid #8bb549;border-radius:2px;font-size: 15px;transition: all .4s ease}
.solution-inner a:hover{background:#93bd51;color:#fff}
.solution-item-bott{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.solution-cont .swiper-slide-active h3{animation:to-up .6s ease both .2s}
.solution-cont .swiper-slide-active p{animation:to-up .6s ease both .4s}
.solution-cont .swiper-slide-active a{animation:to-up .6s ease both .6s}
.solution-cont .swiper-slide-active i{animation:to-up .6s ease both .7s}
@keyframes to-up-2{0%{transform: translate3d(0, 50px, 0);}100%{transform: translate3d(0, 0, 0);}}

/* 关于我们 */
.about{padding:116px 0 112px;background:url(../images/index/about-bg.jpg) no-repeat bottom/cover;position:relative;overflow: hidden}
.about-num{display:flex;justify-content:center;text-align:center;margin-top:46px;position:relative;z-index:1;overflow: hidden}
.data-num:not(:first-child){margin-left:140px}
.about-num .timer{font-size:180px;line-height:1;color:#7db12a;font-family:impact}
.about-num p{font-size:24px;color:#444}
.about-desc{padding:0 50px;margin:30px 0 50px}
.about-desc p{font-size:15px;color:#888;line-height:30px;text-align:center}
.about-btn{text-align:center}
.about-btn a{display:inline-flex;align-items:center;justify-content:center;width:180px;height:50px;border-radius:30px;color:#fff;background:#93bd51;font-size: 16px;transition: all .4s ease}
.about-btn a:hover{box-shadow: inset 0 0 0 2px #93bd51;color: #93bd51;background:transparent}
.dots_block{position:absolute;left:0;top:240px;z-index:0;width:100%}
.dots_block .line img{position:absolute;left:-50%;top:0}
.dots_block .dots .dot:nth-child(1):after{background:#93bd51}
.dots_block .line img:nth-child(1){animation:wave1 10s ease-in-out alternate infinite}
.dots_block .line img:nth-child(2){animation:wave2 10s ease-in-out alternate infinite}
.dots_block .line img:nth-child(3){animation:wave3 10s ease-in-out alternate infinite}
@keyframes wave1{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-20vw,-30px);-moz-transform:translate(-20vw,-30px);-ms-transform:translate(-20vw,-30px);transform:translate(-20vw,-30px)}100%{-webkit-transform:translate(10vw,30px);-moz-transform:translate(10vw,30px);-ms-transform:translate(10vw,30px);transform:translate(10vw,30px)}}
@keyframes wave2{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-10vw,-80px);-moz-transform:translate(-10vw,-80px);-ms-transform:translate(-10vw,-80px);transform:translate(-10vw,-80px)}100%{-webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);-ms-transform:translate(0,-30px);transform:translate(0,-30px)}}
@keyframes wave3{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(10vw,-30px);-moz-transform:translate(10vw,-30px);-ms-transform:translate(10vw,-30px);transform:translate(10vw,-30px)}100%{-webkit-transform:translate(-15vw,10px);-moz-transform:translate(-15vw,10px);-ms-transform:translate(-15vw,10px);transform:translate(-15vw,10px)}}
.dots_block .dots .contain{position:relative}
.dots_block .dots .dot{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px;color:#888;animation:sec7Dot 5s linear infinite}
.dots_block .dots .dot.reverse{flex-direction:column-reverse}
.dots_block .dots .dot i{width:19px;height:19px;display:block;border-radius:50%;background:#93bd51;margin:8px 0}
.dots_block .dots .dot.gray i{background:#437075}
.dots_block .dots .dot.red i{background:#df674f}
.dots_block .dots .dot.w13 i{width:13px;height:13px}
.dots_block .dots .dot.w15 i{width:15px;height:15px}
.dots_block .dots .dot.w14 i{width:14px;height:14px}
.dots_block .dots .dot.w11 i{width:11px;height:11px}
.dots_block .dots .dot:nth-child(1){left:0;top:0}
.dots_block .dots .dot:nth-child(2){left:100px;top:30px;animation-delay:.2s}
.dots_block .dots .dot:nth-child(3){left:52px;top:110px;animation-delay:.5s}
.dots_block .dots .dot:nth-child(4){right:50px;top:30px;animation-delay:.4s;animation-duration:4s}
.dots_block .dots .dot:nth-child(5){right:116px;top:118px;animation-delay:.2s;animation-duration:3s}
.dots_block .dots .dot:nth-child(6){right:32px;top:130px;animation-delay:.4s;animation-duration:6s}
@keyframes sec7Dot{50%,form,to{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}25%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}75%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}}

/* 新闻中心 */
.news{padding:110px 0 142px;background:url(../images/index/news-bg.jpg) no-repeat top/cover}
.news-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:40px}
.news-nav{display:flex;justify-content:space-between;width:80%}
.news .swiper-slide{width:600px}
.news-nav-l a{font-size:24px;color:#888}
.news-nav-l a+a{margin-left:40px}
.news-nav-l a.active,.news-nav-l a:hover{color:#93bd51}
.news-nav-l a.active{font-weight:700}
.news-nav-r{display:flex}
.news-nav-r a{display:flex;width:58px;height:58px;align-items:center;justify-content:center;transition:all .4s ease;border-radius:50%}
.news-nav-r a i{background:url(../images/index/arr-icon.png) no-repeat center/100%;width:12px;height:13px;display:block}
.news-nav-r a:nth-child(2) i{transform:rotate(180deg)}
.news-nav-r a:hover{box-shadow:inset 0 0 0 4px #93bd51}
.news-nav-r a:hover i{background:url(../images/index/arr-iconc.png) no-repeat center/100%}
.news-cont{width:1710px;margin-left:auto}
.news-cont a{display:block;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;position: relative}
.news-pic{height:342px;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;height:100%;transition:all .6s ease}
.news-cont a:hover img{transform:scale(1.1)}
.news-info{display:flex;height:136px;align-items:center}
.news-time{width:15%;display:flex;justify-content:center;flex-direction:column;padding-left:25px;background:linear-gradient(90deg,#fff 0,#f9f9f9 80%);height:100%;font-family:samsung;color:#989898;font-size:32px;line-height:1;transition:all .4s ease}
.news-cont a:hover .news-time{background:#93bd51;color:#fff}
.news-time span{display:block;font-size:13px;margin-top:14px}
.news-tit{width:85%;height:100%;background:#fff;display:flex;align-items:center;padding:0 52px 0 55px;font-size:18px;line-height:30px;transition:all .4s ease}
.news-tit span{overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;height: 60px}
.news-cont a:hover .news-tit{background:#82b039;font-weight:700;color:#fff}
.news-cont:not(:first-child){display:none}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .news-cont{width: 1555px}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont h1{font-size: 42px}
    .solution-top{padding: 50px 0 40px}
    .com-tit{font-size: 36px}
    .solution-item{height: 550px}
    .data-num:not(:first-child){margin-left: 90px}
    .about-num .timer{font-size: 130px}
    .about-num p{font-size: 22px}
    .news .swiper-slide{width: 500px}
    .news-pic{height: 300px}
    .news-nav-l a{font-size: 22px}
    .news-tit{padding: 0 30px;line-height: 28px}
    .news-time{font-size: 26px;padding-left: 12px}
    .news-time span{margin-top: 8px}
    .news-cont{width: 1320px}
    .news-info{height: 110px}
    .dots_block .dots .dot:nth-child(3){top: 90px}
    .dots_block .dots .dot:nth-child(4){top: 0}
    .dots_block .dots .dot:nth-child(5),.dots_block .dots .dot:nth-child(6){top: 70px}
    .solution-nav .swiper-slide{padding:0 10px}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .news-cont{width: 1280px}
    .solution-nav{max-width:80%}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .news-cont{width: 1240px}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .about,.news{padding: 80px 0}

    .banner-cont h1{font-size: 38px}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px}
    .banner .swiper-num{bottom: 70px}
    .com-tit{font-size: 32px}
    .solution-nav{max-width: 70%}
    .solution-nav-item h3{font-size: 16px;margin-top: 10px}
    .solution-nav-item i img{width: 50px}
    .solution-item{height: 470px}
    .solution-inner{padding: 0 40px;width: 50%}
    .solution-cont i img{width: 80px}
    .solution-inner a{width: 140px;height: 46px}
    .solution-inner h3{font-size: 24px;margin-bottom: 16px}
    .about-num .timer{font-size: 90px}
    .dots_block .dots .dot{font-size: 14px}
    .news-cont{width: 1055px}
    .dots_block{top: 160px}
    .news .swiper-slide{width: 400px}
    .news-pic{height: 240px}
    .news-nav-l a+a{margin-left: 20px}
    .news-time{position: absolute;left: 0;bottom: 110px;height: 60px;text-align: center;font-size: 20px;padding: 0 10px;width: auto;background: rgba(0,0,0,.5);color: #fff}
    .news-tit{width: 100%;padding: 0 20px;font-size: 16px}
    .news-time span{font-size: 12px}
    .news-nav-r a{width: 40px;height: 40px}
    .news-nav-r a:hover{box-shadow: inset 0 0 0 2px #93bd51}
    .about-desc{padding: 0}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .about, .news{padding: 40px 0}

    .news-cont{width: 92%;margin: 0 auto}
    .banner-cont h1{font-size: 32px;padding-bottom: 15px;margin-bottom: 15px}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px}
    .banner .swiper-num{bottom: 35px;font-size: 16px}
    .banner .swiper-slide-active h1,.banner .swiper-slide-active p,.solution-cont .swiper-slide-active h3,.solution-cont .swiper-slide-active p,.solution-cont .swiper-slide-active a,.solution-cont .swiper-slide-active i{animation: none}
    .banner-rgt h6{font-size: 12px}
    .banner-rgt i{height: 30px;margin-top: 5px}
    .banner .swiper-pagination-bullet{width: 30px;height: 3px}
    .com-tit{font-size: 28px}
    .solution-nav-item i img{width: 40px}
    .solution-nav{width: 75%}
    .solution-nav-item h3{font-size: 14px}
    .solution-nav-item i{height: 35px}
    .solution-top{padding: 40px 0 30px}
    .solution-item{height: 360px}
    .solution-inner{width: 60%;padding: 30px;height: auto}
    .solution-cont i img{width: 60px}
    .solution-inner h3{font-size: 20px;margin-bottom: 10px}
    .solution-inner p{font-size: 14px;line-height: 24px}
    .solution-inner a{width: 130px;height: 38px;font-size: 14px}
    .about-num .timer{font-size: 50px}
    .dots_block{position: static}
    .dots_block .line{display: none}
    .dots_block .dots .dot{position: static;animation: none}
    .dots_block .dots .contain{display: flex;justify-content: center}
    .dots_block .dots .dot i{width: 20px!important;height: 20px!important;}
    .dots_block .dots .dot.reverse{flex-direction: column}
    .dots_block .dots .dot:not(:first-child){margin-left: 20px}
    .about-desc{margin: 30px 0 20px}
    .about-btn{margin-top: 30px}
    .news-nav{width: 70%}
    .news-nav-l a{font-size: 20px}
    .news .swiper-slide{width: 48%}
    .news-pic{height: 190px}
    .news-tit{padding: 0 15px}
    .news-top{margin-bottom: 30px}
    .about-num p{font-size: 18px;margin-top: 5px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg-pc,.banner-rgt{display: none}
    .banner-bg-mb{display: block}
    .banner .swiper-container{width: 100%}
    .banner-bg img{height: 300px}
    .banner-cont h1{font-size: 28px}
    .banner-cont h1:after{width: 40px;height: 2px}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 50%;transform: translateX(-50%)}
    .banner .swiper-num{display: none}
    .solution-top{flex-direction: column;padding-bottom: 20px}
    .solution-nav{width: 100%;margin-top: 20px;max-width:100%}
    .com-tit span{text-align: center}
    .solution-item-txt{position: static;height: auto;background:#fff}
    .solution-item{height: auto;flex-wrap: wrap}
    .solution-item-l{height: 200px}
    .solution-inner{width: 100%;padding: 20px 0}
    .solution-inner h3{font-size: 18px}
    .solution-cont i img{width: 50px}
    .about-num{margin-top: 30px}
    .about-num .timer{font-size: 40px}
    .data-num:not(:first-child){margin-left: 30px}
    .about-num p{font-size: 16px}
    .about-desc p{font-size: 14px;line-height: 26px}
    .about-desc{margin: 20px 0}
    .dots_block .dots .dot{font-size: 12px}
    .dots_block .dots .dot i{width: 15px!important;height: 15px!important;margin: 0 0 5px}
    .about-btn a{width: 140px;height: 40px;font-size: 14px}
    .news-top{flex-direction: column;margin: 0}
    .news-nav{width: 100%;margin:20px 0}
    .news-nav-l a{font-size: 18px}
    .news .swiper-slide{width: 100%}
    .news-nav-r{display: none}
    .solution-item-r{height:200px}
}