@charset "utf-8";
@import url("aos.css");
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex;}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,.5)}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#000;padding:0px 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold6);max-width:700px;margin:0px auto 30px}
.home-banner .banner-animote .p2{display:flex;justify-content:center;margin-top:50px}
.home-banner .banner-animote .p3{justify-content:center;font-size:var(--fontsize24);}
.home-banner .banner-animote .p2 a{margin-right:20px;min-width:160px;height:48px;font-size:var(--fontsize14);background:var(--color);border-radius:30px;color:#FFFFFF;font-weight:var(--fontbold6);text-transform:capitalize;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-banner .banner-animote .p2 a:nth-child(2){background:var(--color1);color:var(--headercolor)}
.home-banner .banner-animote .p2 a:hover{opacity:.9}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:20px!important;max-width:1400px;padding:0px 70px;left:50%!important;transform:translateX(-50%)}
.home-banner .swiper-pagination-bullet{width:20px;height:8px;background:rgba(28,206,126,0);border:2px solid var(--color);border-radius:5px;transition:all .1s linear;position:relative;overflow:hidden}
.home-banner .swiper-pagination-bullet-active{width:35px;height:10px;border-width:1px}
.home-banner .swiper-pagination-bullet-active::after{content:'';position:absolute;left:0px;top:0px;width:0px;height:100%;background:var(--color)}
.home-banner .swiper-pagination-bullet-active.cur::after{animation:paginationwidth 6s linear forwards}
@keyframes paginationwidth{0%{width:0px}100%{width:100%}}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:0 0;border:2px solid rgba(231,231,231,.5);color:#FFFFFF;z-index:9;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(255,255,255,.6);color:var(--fontcolor)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:70px}
.home-banner .bannerswiper-next{right:70px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
.home-case,.home-indexadv,.home-news,.home-solution{padding:4% 0;position:relative}
.home-indexadv{background:no-repeat center;background-size:cover}
.home-indexadv .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-indexadv .indexadv-left{width:45%}
.home-indexadv .indexadv-left .indexadv-left-text p{margin-bottom:10px}
.home-indexadv .indexadv-left .home-title{text-align:left;margin-bottom:20px}
.home-indexadv .indexadv-left .indexadv-video{display:flex;flex-wrap:wrap;align-items:center;margin-top:2em}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:228px;height:100px;background:#F7F7F7;position:relative}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#F7F7F7;border-radius:50%;color:var(--color);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize22);cursor:pointer}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap iframe,.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap video{width:100%;height:100%;object-fit:cover}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{flex:1;padding-left:20px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content span{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.home-indexadv .indexadv-left .home-more{margin-top:2em}
.home-indexadv .indexadv-right{flex:1;padding-left:30px}
.home-indexadv .indexadv-right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0px}
.home-indexadv .indexadv-right ul li{width:48%;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius);background:#FFFFFF;padding:30px 20px;transition:all .2s linear}
.home-indexadv .indexadv-right ul li:nth-child(1),.home-indexadv .indexadv-right ul li:nth-child(2){margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:70px;height:70px;background:var(--bgcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.home-indexadv .indexadv-right ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01);background:#f3f8f6;z-index:-1;width:100%;height:100%;transition:all .3s linear;border-radius:50%}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize32);background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize22);font-weight:var(--fontbold6);display:inline-block;padding:15px 0px 10px;text-transform:capitalize}
.home-indexadv .indexadv-right ul li p{color:var(--introcolor)}
.home-indexadv .indexadv-right ul li:hover .icon::after{transform:translate(-50%,-50%) scale(0)}
.home-indexadv .indexadv-right ul li:hover .icon em{color:#FFFFFF}
.indexadv-video-fixed{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:999;display:none}
.indexadv-video-fixed>iframe,.indexadv-video-fixed>lite-youtube,.indexadv-video-fixed>video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%}
.indexadv-video-fixed .indexadv-video-colse{position:absolute;top:38px;right:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
@keyframes loading{0%{transform:rotate(0)}
100%{transform:rotate(180deg)}}
.home-solution{background-color:#171717;background-size:cover;overflow:hidden;padding-bottom:10%}
.home-solution .loading{position:absolute;right:40px;top:-12%;border-radius:50%;animation:loading 10s linear infinite}
.home-solution .home-title{color:#FFFFFF;position:relative;z-index:2}
.home-solution .homesolution-wrap{margin-top:2%;position:relative}
.home-solution .mySwiper2 .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.home-solution .mySwiper2 .swiper-slide img{width:45%;border-radius:var(--borderradius)}
.home-solution .mySwiper2 .swiper-slide .content{flex:1;color:#FFFFFF;padding-left:50px;padding-top:20px}
.home-solution .mySwiper2 .swiper-slide .content .title{font-size:var(--fontsize30);font-weight:var(--fontbold6);margin-bottom:20px}
.home-solution .mySwiper2 .swiper-slide .content .text{font-size:var(--fontsize16);opacity:.8;margin-bottom:2em}
.home-solution .mySwiper2 .swiper-slide .content .more{min-width:160px;height:48px;font-size:var(--fontsize14);border:1px solid #FFFCFC;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;cursor:pointer}
.home-solution .mySwiper2 .swiper-slide .content .more::before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:#FFFFFF;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.home-solution .mySwiper2 .swiper-slide .content .more:hover{color:var(--fontcolor)}
.home-solution .mySwiper2 .swiper-slide .content .more:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.home-solution .mySwiper{position:absolute;left:48%;bottom:20px;padding:0px 30px;width:45%}
.home-solution .mySwiper .swiper-slide{display:flex;align-items:center;justify-content:center}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon{box-sizing:border-box;padding:5px;border-radius:50%;background-image:var(--bgcolor)}
.home-solution .mySwiper .swiper-slide .icon{border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:4px;position:relative;z-index:1;cursor:pointer}
.home-solution .mySwiper .swiper-slide .icon::after{content:"";width:95%;height:95%;background:#000000;position:absolute;border-radius:50%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-solution .mySwiper .swiper-slide .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .1s linear}
.homepro-recommend-item .home-solution .mySwiper .swiper-slide .icon:hover img{transform:scale(1.02)}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon img{animation:float 5s linear infinite}
@keyframes float{0%{transform:scale(1)}
25%{transform:scale(1.05)}
50%{transform:scale(1)}
75%{transform:scale(.95)}
100%{transform:scale(1)}}
.home-solution .mySwiper-button-next,.home-solution .mySwiper-button-prev{position:absolute;cursor:pointer;left:0px;top:50%;transform:translateY(-50%);z-index:1}
.home-solution .mySwiper-button-next.swiper-button-disabled em,.home-solution .mySwiper-button-prev.swiper-button-disabled em{color:var(--introcolor)}
.home-solution .mySwiper-button-next em,.home-solution .mySwiper-button-prev em{color:#FFFFFF;font-weight:var(--fontbold3);font-size:var(--fontsize30)}
.home-solution .mySwiper-button-next{left:auto;right:0px}
.home-callus{position:relative;z-index:1}
.home-callus .l-wrap{margin-top:-90px}
.home-callus .homecallus-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#FFFFFF;border-radius:var(--borderradius);overflow:hidden;height:160px;width:100%;box-shadow:0px 3px 20px 0px rgba(233,233,233,.60)}
.home-callus .homecallus-wrap .homecallus-img{width:35%;height:100%}
.home-callus .homecallus-wrap .homecallus-img img{width:100%;height:100%;object-fit:cover}
.home-callus .homecallus-wrap .homecallus-info{flex:1;padding:0 8%}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top{font-size:var(--fontsize32);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:15px}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top .homecallus-tel{color:var(--color);margin-left:20px}
.home-products{padding-top:4%}
.homepro-recommend-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2%}
.homepro-recommend-item{width:49%;margin-bottom:2em;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#FFFFFF;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius)}
.homepro-recommend-item:nth-last-child(-n+2){margin-bottom:0px}
.homepro-recommend-item:hover img{transform:translateY(-5px)}
.homepro-recommend-item:hover .name{color:var(--color)}
.homepro-recommend-item .img{width:40%;display:flex;align-items:center;justify-content:center}
.homepro-recommend-item .img a{overflow:inherit}
.homepro-recommend-item .img img{width:100%;border-radius:var(--borderradius);transition:all .2s linear}
.homepro-recommend-item .img .icon-videoplay{margin-bottom:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:rgba(0,0,0,.5);color:#FFFFFF;font-size:var(--fontsize18);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.homepro-recommend-item .info{flex:1;padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.homepro-recommend-item .info .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4;position:relative;padding-bottom:10px;margin-bottom:10px}
.homepro-recommend-item .info .name::after{content:"";position:absolute;bottom:0px;left:0px;width:59px;height:3px;background:var(--color)}
.homepro-recommend-item .info .text{margin-bottom:1em;color:var(--introcolor)}
.homepro-recommend-item .info .home-more{min-width:140px;height:45px}
.home-mainpro {position:relative;padding:4% 0;background: #f2f3f5}
.home-mainpro .mainpro-list{margin-top:3%;display:flex;flex-wrap:wrap;list-style:none}
.home-mainpro .mainpro-list li{width:23%;margin-right:2.6%;margin-bottom:2em}
.home-mainpro .mainpro-list li:nth-child(4n){margin-right:0px}
.home-mainpro .mainpro-list li a{background:#FFFFFF;box-shadow:0px 10px 40px 0px rgba(0,0,0,.1);display:block;width:100%;height:100%;position:relative;padding-bottom:5px}
.home-mainpro .mainpro-list li a .img{width:100%;aspect-ratio:1/1;position:relative}
.home-mainpro .mainpro-list li a .img img{width:100%;height:100%;object-fit:cover}
.home-mainpro .mainpro-list li a .title{margin-bottom:10px;padding:10px 15px 0px;font-size:var(--fontsize18);transition:all .1s linear;position:relative;border-top:1px solid #EEEEEE}
.home-mainpro .mainpro-list li a .title::before{content:"";position:absolute;top:-1px;left:0px;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
.home-mainpro .mainpro-list li a .title::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0px;opacity:0;width:0;height:0px;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
.home-mainpro .mainpro-list li a:hover .img img{transform:scale(1.02)}
.home-mainpro .mainpro-list li a:hover .title{color:var(--color)}
.home-mainpro .mainpro-list li a:hover .title::before{width:100%}
.home-mainpro .mainpro-list li a:hover .title::after{opacity:1;left:calc(100% - 4px)}
.home-certi {
    background: url(../images/01.png);
   background-size:auto;background-repeat: no-repeat;background-position: right;padding-top: 4% ;position: relative;z-index: 0;
}
.home-certi:after {
  content: "";
  position: absolute;
 
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1; background: rgba(0, 0, 0, 0.50);
}

.certi-swiper{padding:30px 0 40px;overflow: hidden;}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease;display:block}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:140%}
.certi-swiper .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.certi-swiper .certi-name{padding:10px 0;font-size:20px;text-align:center;color:#fff}
.certi-swiper .certi-dot{width:10px;height:10px;background:#fff;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
@media (min-width:1025px){.certi-swiper .swiper-slide-next+.swiper-slide{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide-next+.swiper-slide .certi-dot{display:none}
.certi-swiper .swiper-slide-next+.swiper-slide .certi-name{background:#fff;color:var(--color);position:relative}
.certi-swiper .swiper-slide-next+.swiper-slide .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:#5b62b5}}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#fff;left:0}
@media (max-width:1024px){.certi-swiper .swiper-slide-next{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide-next .certi-dot{display:none}
.certi-swiper .swiper-slide-next .certi-name{background:#fff;color:var(--color);position:relative}
.certi-swiper .swiper-slide-next .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:#5b62b5}}
@media (max-width:768px){.home-certi{padding:50px 0}.home-certi{background:silver}
.certi-swiper .certi-name{font-size:16px}}
@media (max-width:540px){.home-certi{padding:20px 0}
.certi-swiper .certi-name{font-size:13px;padding:5px 0}}

.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:var(--borderradius);z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#FFFFFF}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}
.home-about{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about>div{width:50%}
.home-about .homeabout-info{padding:4% 0;padding-right:30px;padding-left:180px;color:#FFFFFF;background:var(--bgcolor)}
.home-about .homeabout-info p{margin-bottom:1em;flex:1}
.home-about .homeabout-info .homeabout-p2{font-size:36px;font-weight:var(--fontbold6);line-height:1.2;margin:20px 0px}
.home-about .homeabout-info ul{list-style:none}
.home-about .homeabout-info .homeabout-list{margin:2em 0}
.home-about .homeabout-info .homeabout-list li{display:flex;align-items:center;margin-bottom:20px}
.home-about .homeabout-info .homeabout-list li p{margin:0px}
.home-about .homeabout-info .homeabout-list li span{width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:2px solid #e7e7e7;border-radius:50%;margin-right:15px}
.home-about .homeabout-info .homeabout-more{min-width:160px;height:48px;font-size:var(--fontsize14);background:#FFFFFF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);font-weight:var(--fontbold6);transition:all .2s linear}
.home-about .homeabout-info .homeabout-more:hover{opacity:.9}
.home-about .homeabout-img img,.home-about .homeabout-img iframe,.home-about .homeabout-img video{width:100%;height:100%;object-fit:cover}
.home-about .homeabout-img lite-youtube{margin:0;max-width:100%;width:100%;height:100%;object-fit:cover;}
@media(max-width:1845px){.home-about .homeabout-info{padding-left:140px}}
@media(max-width:1780px){.home-about .homeabout-info{padding-left:70px}}
@media(max-width:1600px){.home-about .homeabout-info{padding-left:70px}}


.home-seo{padding-top: 2% }

.home-seo .home-title{line-height:1.6;margin-bottom:20px}
.home-seo .home-des a{color:#006cff;white-space:nowrap}

.home-seo .homeseo-module{margin-top:30px}
.home-seo .homeseo-module .homeseo-module-title{font-size:24px;color:#222;padding-bottom:15px}
.home-seo .homeseo-module .homeseo-culture{display:flex;flex-wrap:wrap}
.home-seo .homeseo-module .homeseo-culture li{width:20%;padding:20px;margin-right:10px;background:#1c3f9b;box-shadow:0 14px 32px 0 rgba(17,144,243,.14);opacity:.6;border-radius:10px;color:#fff}
.home-seo .homeseo-module .homeseo-culture li:hover img{transform:rotateY(360deg)}
.home-seo .homeseo-module .homeseo-culture li img{transition:all .6s linear}
.home-seo .homeseo-module .homeseo-culture li p:nth-of-type(1){font-size:20px;font-weight:700;padding:10px 0}
.home-seo .homeseo-module .ceremony .ceremony-left,.home-seo .homeseo-module .ceremony .ceremony-right{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:9;width:20px;height:52px;background:linear-gradient(119deg,#e04f00,#f76b1e);opacity:.9;border-radius:0 5px 5px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.home-seo .homeseo-module .ceremony .ceremony-right{left:auto;right:0;border-radius:5px 0 0 5px}
.home-seo .homeseo-module .ceremony .ceremony-list{display:flex;justify-content:space-between}
.home-seo .homeseo-module .ceremony .ceremony-item{width:10%;height:420px;background:#0b103e;border-radius:10px;overflow:hidden;margin-right:20px;transition:all .2s linear}
.home-seo .homeseo-module .ceremony .ceremony-item:last-child{margin-right:0}
.home-seo .homeseo-module .ceremony .ceremony-item.act{flex:1}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info{bottom:auto;top:20px}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(1){display:block;font-size:22px;font-weight:700;padding-bottom:20px;transition:all .2s linear}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(1):hover{color:#006cff}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(1) span{font-size:inherit;display:inline;padding-top:0}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info .text{line-height:1.8}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(3){display:inline-block;padding-top:20px;font-size:14px;font-weight:400;color:#999;transition:all .1s linear;margin-left:-10px}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(3)::before{content:">";transition:all .1s linear;opacity:0}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(3):hover{margin-left:0;color:#fff}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(3):hover::before{opacity:1}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info .text{display:block}
.home-seo .homeseo-module .ceremony .ceremony-item>a{display:block;width:100%;height:100%}
.home-seo .homeseo-module .ceremony .ceremony-item>a img{width:100%;height:100%;object-fit:cover}
.home-seo .homeseo-module .ceremony .ceremony-item .info{position:absolute;bottom:0;color:#fff;padding:20px 5%}
.home-seo .homeseo-module .ceremony .ceremony-item .info a:nth-child(1){color:#fff;font-size:18px;white-space:nowrap}
.home-seo .homeseo-module .ceremony .ceremony-item .info a:nth-child(1) span{font-size:14px;padding-top:5px}
.home-seo .homeseo-module .ceremony .ceremony-item .info .text,.home-seo .homeseo-module .ceremony .ceremony-item .info a:nth-child(3){display:none}
@media (max-width:1300px) and (min-width:769px){
.home-seo .home-des{max-width:100%;margin-top:10px}
.home-seo .homeseo-module .homeseo-culture li img{width:25px;margin-right:10px}
.home-seo .homeseo-module .homeseo-culture li p:nth-of-type(1){display:inline}
.home-seo .homeseo-module .homeseo-culture li p:nth-of-type(2){margin-top:10px}
.home-seo .homeseo-module{margin-top:15px}
.home-seo .homeseo-module .homeseo-culture li{width:22%;padding:10px 20px}
.home-seo .homeseo-module .homeseo-culture{font-size:14px}
.home-seo .home-title{font-size:28px}
.home-seo .homeseo-module .ceremony .ceremony-item .info{width:100%}
.home-seo .homeseo-module .ceremony .ceremony-item{height:290px}
.home-seo .homeseo-module .ceremony .ceremony-item .info a:nth-child(1){text-align:center;white-space:pre-wrap;display:block}
.home-seo .homeseo-module .ceremony .ceremony-item .info a:nth-child(1) span{display:none}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(1){text-align:left}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info a:nth-child(1) span{display:inline}
.home-seo .homeseo-module .ceremony .ceremony-item.act .info .text{padding-right:30px}
  }
@media (max-width:1024px){
  .home-seo .homeseo-module .homeseo-culture{justify-content:space-between}
.home-seo .homeseo-module .homeseo-culture li{width:24%;margin-right:0}
}

@media (max-width:768px){.home-seo .homeseo-module .homeseo-module-title{font-size:20px}
.home-seo .homeseo-module .ceremony{padding-bottom:50px}
.home-seo .homeseo-module .ceremony .ceremony-left,.home-seo .homeseo-module .ceremony .ceremony-right{display:none}
.home-seo .homeseo-module .homeseo-culture li{margin:0;width:48%;margin-bottom:20px;padding:10px}
.home-seo .homeseo-module .ceremony-item .info a:nth-child(1) span{font-size:12px}

.home-seo{padding-top:30px;padding-bottom:30px}
.home-seo .homeseo-module:nth-child(3){display:none}
.home-seo .home-des{font-size:14px}
.home-seo .homeseo-module .ceremony .ceremony-item{height:280px}
.home-seo .homeseo-module .ceremony .ceremony-item .info p{position:relative;padding-top:10px;margin-top:10px}
.home-seo .homeseo-module .ceremony .ceremony-item .info p::before{content:"";position:absolute;top:0;left:0;width:15px;height:2px;border-radius:5px;background:#fff}
.home-seo .homeseo-module .ceremony .ceremony-item .info p span{display:block}
}


.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #eaeaea}
.homenews-list li.act .icon{background:var(--color);color:#FFFFFF;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0px}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
.home-foottop{position:relative;padding:2% 0;background:var(--bgcolor);color:var(--headercolor);z-index:1}
.home-foottop::after,.home-foottop::before{content:"";position:absolute;top:0px;right:0px;width:100%;height:100%;background:url(../images/foottop-bg.png) no-repeat right;z-index:-1}
.home-foottop::after{transform:rotate(180deg)}
.home-foottop .l-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-foottop .title{text-align:center;font-size:var(--hometitlefont);font-weight:var(--fontbold6);line-height:1.2}
.home-foottop .btn{margin-top:2em}
.home-foottop .btn a{min-width:160px;height:48px;font-size:var(--fontsize14);  background: linear-gradient(119deg, #263d90, #01A6FF);border:1px solid #FFFCFC;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;margin:0px 15px;font-weight:var(--fontbold6);transition:all .2s linear}
.home-foottop .btn a:nth-child(2){background: linear-gradient(119deg, #f76b1e, #ee5400);color:var(--headercolor)}
.home-foottop .btn a:nth-child(2):hover{opacity:.8}
.home-foottop .btn a:hover{background:#FFFFFF;color:var(--fontcolor)}
@media(max-width:1440px){
.home-banner .banner-animote .p1{font-size:40px}
.home-solution .mySwiper2 .swiper-slide .content{padding-top:0px}
.home-solution .mySwiper2 .swiper-slide .content .title{margin-bottom:10px}
.home-solution .mySwiper2 .swiper-slide .content .text{margin-bottom:15px}
.home-solution .mySwiper{width:40%}
.home-solution .mySwiper .swiper-slide .icon{width:90px;height:90px}
.home-about .homeabout-info .homeabout-p2,.home-foottop .title,.home-solution .mySwiper2 .swiper-slide .content .title{font-size:var(--fontsize26)}}
@media(max-width:1280px){
.home-solution .mySwiper{position:relative;left:auto;bottom:auto;width:100%;margin-top:20px}
.home-callus .l-wrap{margin-top:2em}
.home-solution{padding-bottom:4%}
.home-callus .homecallus-wrap .homecallus-img{width:24%}
.home-callus .homecallus-wrap .homecallus-info{padding:20px 20px}}
@media(max-width:1024px){
.home-banner .banner-animote .p1{font-size:var(--fontsize24)}
.home-banner .banner-animote .p2 a{min-width:150px;height:45px}
.home-indexadv .indexadv-left{width:100%}
.home-indexadv .indexadv-right{padding-left:0px;padding-top:30px}
.homepro-recommend-item{padding:10px 10px}
.homepro-recommend-item .img{width:35%}
.homepro-recommend-item .info .name{padding-bottom:5px;font-size:var(--fontsize18)}
.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0px}
.home-about .homeabout-info{padding-left:20px}}
@media(max-width:768px){
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block;height:260px}
.home-case,.home-indexadv,.home-news,.home-solution,.home-mainpro{padding:40px 0px}
.home-mainpro .mainpro-list{justify-content:space-between}
.home-mainpro .mainpro-list li{width:48%;margin-right:0px;margin-bottom:1em}
.home-products{padding-top:40px}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);margin:0px}
.home-banner .banner-animote .p2{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .swiper-pagination{bottom:10px!important}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:28px;height:8px;background:var(--color)}
.home-indexadv{background:none !important}
.home-indexadv .indexadv-left .home-title{text-align:center}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li{width:100%;margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}
.home-solution .mySwiper2 .swiper-slide img{width:100%}
.home-about .homeabout-info .homeabout-p2,.home-foottop .title,.home-solution .mySwiper2 .swiper-slide .content .title,.homepro-recommend-item .info .name{font-size:var(--fontsize18)}
.home-solution .mySwiper2 .swiper-slide .content{padding-left:0px;padding-top:20px}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top{font-size:var(--fontsize22)}
.homepro-recommend-item{width:100%;margin-bottom:1em!important}
.homepro-recommend-item .info{padding-left:10px}
.homepro-recommend-item .info .text{margin-bottom:0px}
.homepro-recommend-item .info .home-more{display:none}
.home-about>div{width:100%}
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0px}
.homenews-list li{padding-left:0px}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18)}
.home-foottop{padding:30px 0px}
.home-foottop .btn{display:flex;justify-content:space-between;width:100%}
.home-foottop .btn a{min-width:inherit;width:48%}
.home-callus .homecallus-wrap{height:auto}
.home-callus .homecallus-wrap .homecallus-img{width:100%}}