#banner{position:relative;}
#banner .swiper-slide{width:100%;position:relative;}
#banner .swiper-slide .pic img{width:100%;}
#banner .swiper-slide .box{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;}
#banner .swiper-slide .wp{height:100%;display:flex;align-items:center;}
#banner .swiper-slide .t{position:relative;z-index:20;}
#banner .swiper-slide .t h2{font-size:clamp(20px, 3.99vw, 4rem);line-height:1.2;color:#fff;font-weight:700;}
#banner .swiper-slide .t p{margin-top:2rem;font-size:1.125rem;line-height:1.66;color:#fff;font-weight:500;}
#banner .swiper-slide .t .more{margin-top:2rem;display:flex;justify-content:center;gap:15px;}
#banner .swiper-slide .t .more a{transition:0.5s;background:#000;font-size:1.125rem;color:#fff;width:13.25rem;height:3.4375rem;display:inline-flex;justify-content:center;align-items:center;}
#banner .swiper-slide .t .more a:first-child{background:var(--color-primary);border:1px solid rgba(255, 255, 255, 0.20);}
#banner .swiper-slide .t .more a:last-child{border:1px solid rgba(255, 255, 255, 0.20);background:rgba(255, 255, 255, 0.10);}
#banner .swiper-slide .t .more a:hover{}

#banner .swiper-pagination-horizontal.swiper-pagination-bullets{font-size:0;bottom:3rem;display:flex;justify-content:center;align-items:center;}
#banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:3.5rem;height:1px;margin:0 4px;background:rgba(255, 255, 255, 0.55);border-radius:0;opacity:1;}
#banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-primary);height:3px;}



.indexA{padding:120px 0;background:url("../images/ibg1.jpg") no-repeat center top;}
.indexA .tit{text-align:center;}
.indexA .tit h3{color:var(--font-color);font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:700;}
.indexA .tit p{font-size:16px;color:var(--font-color);font-weight:500;line-height:25px;max-width:60%;margin:20px auto 0;}

.indexA ul{margin:4rem 0 0;display:flex;justify-content:space-between;}
.indexA ul li{width:48%;text-align:center;cursor:pointer;}
.indexA ul li .pic{display:block;width:100%;aspect-ratio:1.2 / 1;overflow:hidden;position:relative;}
.indexA ul li .pic img{width:100%;height:100%;object-fit:cover;transition:all 0.4s;}
.indexA ul li .txt{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;flex-direction:column;}
.indexA ul li .txt h4{font-size:34px;font-weight:800;color:#fff;line-height:1;}
.indexA ul li .txt h4::after{content:"";width:43px;height:3px;background:#fff;margin:10px auto 0;display:block;}
.indexA ul li .txt p{font-size:14px;max-width:80%;line-height:1.6;color:#fff;margin:20px auto 0;opacity:0;display:none;transition:all 0.5s ease 0s;}
.indexA ul li .txt .more{width:135px;height:38px;line-height:38px;color:#fff;font-size:14px;background:var(--btn-color);border-radius:7px;margin:35px 0 0;opacity:0;transition:all 0.5s;display:inline-flex;align-items:center;justify-content:center;}
.indexA ul li .txt .more i{font-size:15px;vertical-align:middle;margin-left:10px;}

.indexA ul li:hover{box-shadow:0 0 15px 0 rgba(50,50,50,0.14);}
.indexA ul li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.indexA ul li:hover .txt{background:rgba(0,58,98,50%);}
.indexA ul li:hover .txt p{opacity:1;display:block;transform:translateY(0);}
.indexA ul li:hover .txt .more{opacity:1;display:block;transform:translateY(0);}


.indexabout{padding:90px 0;background:url("../images/ibg2.jpg") no-repeat center top;}

.indexabout .wp{display:flex;align-items:center;justify-content:space-between;}


.indexabout .left{width:48%;}

.indexabout .tit{}
.indexabout .tit h3{color:#fff;font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:bold;}
.indexabout .tit h3 span{font-weight:bold;color:#fff;text-transform:uppercase;margin-right:20px;}
.indexabout .tit p{color:#fff;max-width:70%;margin:35px auto 0;line-height:28px;font-size:16px;}

.indexabout .txt{margin:20px 0 0;font-size:15px;color:#fff;line-height:1.5;}
.indexabout .txt p~p{margin-top:10px;}

.indexabout ul{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.indexabout ul li{width:25%;position:relative;cursor:pointer;transition:all 0.3s ease 0s;}
.indexabout ul li h5{font-size:32px;font-family:Impact;color:#fff;line-height:1;transition:all 0.3s ease 0s;position:relative;display:inline-block;}
.indexabout ul li h5 span{color:#fff;}
.indexabout ul li h5::after{content:attr(date-txt);position:absolute;right:-35px;bottom:5px;color:#fff;font-size:24px;}
.indexabout ul li p{font-size:17px;color:var(--color-active);margin:15px 0 0;}
.indexabout ul li p::after{content:"";width:40px;height:3px;background:var(--color-active);display:block;margin:15px auto 0 0;}

.indexabout ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);}



.indexabout .more{margin-top:40px;}
.indexabout .more a{width:175px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;background:var(--color-active);display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.indexabout .more i{margin-left:32px;font-size:19px;width:32px;height:32px;line-height:34px;overflow:hidden;text-align:center;background:#fff;display:inline-block;color:#76A441;border-radius:50%;}
.indexabout .more a:hover{background:#4B7917;}

.indexabout .pic{width:48%;}
.indexabout .pic .v{display:block;position:relative;}
.indexabout .pic .v .play{width:70px;height:70px;border-radius:50%;cursor:pointer;display:block;position:relative;position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);}
.indexabout .pic .v .play .circle{animation:rotate0 2s ease infinite;}
.indexabout .pic .v .play .icon{position:absolute;left:50%;top:50%;width:18px;left:calc(50% - 9px);top:calc(50% - 11px);}

@keyframes rotate0 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(359deg);}
}

/*
.indexabout{padding:90px 0;background:url("../images/ibg2.jpg") no-repeat center top;}

.indexabout .tit{text-align:center;}
.indexabout .tit h3{color:#fff;font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:bold;}
.indexabout .tit h3 span{font-weight:bold;color:#fff;text-transform:uppercase;margin-right:20px;}
.indexabout .tit p{color:#fff;max-width:70%;margin:35px auto 0;line-height:28px;font-size:16px;}


.indexabout ul{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.indexabout ul li{width:25%;padding:0 70px;box-sizing:border-box;position:relative;cursor:pointer;transition:all 0.3s ease 0s;}
.indexabout ul li:not(:last-child)::after{content:"";position:absolute;top:27px;right:-1px;width:1px;height:70px;background:var(--color-active);display: block;}
.indexabout ul li h5{font-size:72px;font-family:Impact;color:#fff;line-height:1;transition:all 0.3s ease 0s;position:relative;display:inline-block;}
.indexabout ul li h5 span{color:#fff;}
.indexabout ul li h5::after{content:attr(date-txt);position:absolute;right:-35px;bottom:5px;color:#fff;font-size:24px;}
.indexabout ul li p{font-size:18px;color:var(--color-active);margin:20px 0 0;}
.indexabout ul li p::after{content:"";width:61px;height:3px;background:var(--color-active);display:block;margin:30px auto 0 0;}

.indexabout ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);}

.indexabout .txt{margin:70px 0 0;font-size:16px;color:#fff;line-height:30px;}
.indexabout .txt p{text-indent:32px;}

.indexabout .more{margin-top:80px;text-align:center;}
.indexabout .more a{width:175px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;background:var(--color-active);display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.indexabout .more i{margin-left:32px;font-size:19px;width:32px;height:32px;line-height:34px;overflow:hidden;text-align:center;background:#fff;display:inline-block;color:#76A441;border-radius:50%;}
.indexabout .more a:hover{background:#4B7917;}
*/



.indexD{padding:80px 0 80px;background:url(../images/ibg3.jpg) no-repeat center top;}

.indexD .tit{text-align:center;position:relative;padding-top:12px;}
.indexD .tit::before{content:"CUSTOMER CASE";font-size:43px;font-weight:bold;font-family:Arial;color:rgba(218,218,218,0.5);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;}
.indexD .tit h3{font-size:clamp(22px, 2.1vw, 40px);color:#333;font-weight:bold;line-height:1;position:relative;z-index:10;}
.indexD .tit h3 span{color:var(--color-active);}
.indexD .tit h3 em{font-size:72px;font-family:Arial;font-weight:bold;}
.indexD .tit p{font-size:16px;color:#666;margin:10px 0 0;letter-spacing:3px;}


.indexD .list{margin-top:4rem;}
.indexD .box{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.05);display:none;}
.indexD .box.active{display:flex;}
.indexD .box .pic{width:50%;display:block;position:relative;overflow:hidden;}
.indexD .box .pic img{width:100%;display:block;transition:all 0.3s;}

.indexD .box .t{flex:1;overflow:hidden;padding:50px 60px 0;}
.indexD .box .t .num{color:var(--color-active);font-size:28px;font-family:Arial;}
.indexD .box .t .num em{font-size:60px;line-height:1;margin-right:12px;font-weight:bold;}
.indexD .box .t h5{color:#333;font-size:24px;font-weight:bold;margin:43px 0 0;}
.indexD .box .t h6{color:#333;font-size:18px;margin:10px 0 0;}
.indexD .box .t ul{margin:24px 0 0;}
.indexD .box .t ul li{background:url(../images/dot2.png) no-repeat left 5px;padding:0 0 0 21px;line-height:26px;color:#666;font-size:15px;}
.indexD .box .t ul li+li{margin-top:5px;}

.indexD .box .more{margin:30px 0 0;width:150px;line-height:42px;color:#fff;background:#0056CB;display:inline-block;border-radius:20px;text-align:center;font-size:16px;}
.indexD .box .more img{vertical-align:text-top;margin-right:9px;}


.indexD .tab{margin-top:15px;text-align:center;}
.indexD .tab ul{display:flex;justify-content:space-between;cursor:pointer;gap:15px;}
.indexD .tab ul li{flex:1;height:110px;background:#12203A;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:20px;color:#fff;-webkit-transition:all 0.3s ease 0s;}
.indexD .tab ul li img{margin-right:20px;}
.indexD .tab ul li.active{background:var(--color-active);}

.index-cert{padding:80px 0 40px;}
.index-cert h3{text-align:center;color:var(--font-color);font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:700;}
.index-cert p{font-size:16px;color:var(--font-color);font-weight:500;margin:20px 0 0;text-align:center;}

.index-cert .list{margin-top:40px;padding:15px 0;position:relative;text-align:center;}
.index-cert .swiper-slide{padding:15px;width:465px;}
.index-cert .swiper-slide a{display:block;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.41);}
.index-cert .swiper-slide img{display:block;}

.index-cert .swiper-button-prev,.index-cert .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:8px;background:none;margin-top:-25px;text-align:center;color:#000;}
.index-cert .swiper-button-next::after,.index-cert .swiper-button-prev::after {display:none;}
.index-cert .swiper-button-prev i,.index-cert .swiper-button-next i{color:inherit;font-size:30px;display:inline-block;margin-top:1px;}
.index-cert .swiper-button-prev,.index-cert .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.index-cert .swiper-button-next,.index-cert .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.index-cert .swiper-button-prev:hover,.index-cert .swiper-button-next:hover{color:#355FA0;}

.index-cert .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;}
.index-cert .swiper-pagination-bullet {height:19px;width:19px;margin:0 7px;background:#fff;border:1px solid #BEBEBE;border-radius:50%;opacity:1;}
.index-cert .swiper-pagination-bullet-active{background:#017956;border-color:#017956;}


.indexF{padding:80px 0;background:#fff;}
.indexF .tit{text-align:center;}
.indexF .tit h3{color:var(--font-color);font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:700;}
.indexF .tit p{font-size:16px;color:var(--font-color);font-weight:500;line-height:25px;max-width:60%;margin:20px auto 0;}
.indexF ul{margin:3.5rem 0 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
.indexF ul li{}
.indexF ul li .pic{width:100%;display:block;aspect-ratio:1.42 / 1;}
.indexF ul li .pic img{width:100%;height:100%;object-fit:cover;}
.indexF ul li .t{margin:20px 0 0;overflow:hidden;}
.indexF ul li .t h5{font-size:18px;color:#1b1b1b;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.indexF ul li .t span{display:block;margin:15px 0 0;font-size:14px;color:#6e6e6e;}
.indexF ul li .t p{font-size:14px;color:#6e6e6e;line-height:24px;height:48px;overflow:hidden;margin:12px 0 0;}
.indexF ul li .t .more{margin:15px 0 0;font-size:14px;color:var(--color-active);display:inline-block;}



.indexE{background:url(../images/panermainbg.png) repeat-y center;padding:80px 0;}
.indexE .tit{text-align:center}
.indexE .tit h3{color:var(--font-color);font-size:clamp(22px, 2.1vw, 40px);line-height:1;font-weight:700;}
.indexE .tit p{font-size:16px;color:var(--font-color);font-weight:500;line-height:25px;max-width:60%;margin:20px auto 0;}

.indexE .list{position:relative;margin:3.5rem 0 0;}
.indexE .list .swiper-slide{text-align:center;position:relative;}
.indexE .list .swiper-slide .pic{width:100%;height:84px;display:flex;justify-content:center;align-items:center;background:#fff;}
.indexE .list .swiper-slide .pic img{max-width:90%;max-height:90%}

.indexE .list-bot{margin:48px auto 0;padding:0 36px;text-align:center;font-size:0;overflow:hidden;background:url(../images/pbotbg.png) no-repeat center;display:flex;justify-content:center;align-items:center;}
.indexE .list-bot .swiper-button-prev,.indexE .list-bot .swiper-button-next{width:40px;height:40px;background:#3C3E46;position:static;display:inline-block;margin:0 2px;text-align:center;}

.indexE .list-bot .swiper-button-prev i,.indexE .list-bot .swiper-button-next i{font-size:25px;line-height:40px;color:#fff;}

.indexE .swiper-button-prev:hover,.indexE .swiper-button-next:hover{background:var(--color-active);}