@import url("https://css02.v15cdn.com/m430/aos.css");
@import url('https://fonts.googleapis.com/css2?family=Cascadia+Code&display=swap');
.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:0;top:0;width:100%;height:100%;background:rgba(21,21,21,.6)}*/
.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:#fff;padding:0 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold6);max-width:700px;margin:0 auto 30px}
.home-banner .banner-animote .p2{display:flex;justify-content:center;margin-top:50px}
.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:#fff;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:#fff;color:var(--fontcolor)}
.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:0 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:0;top:0;width:0;height:100%;background:var(--color)}
.home-banner .swiper-pagination-bullet-active.cur::after{animation:paginationwidth 6s linear forwards}
@keyframes paginationwidth{0%{width:0}
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:#fff;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:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@media(max-width:1440px){.home-banner .banner-animote .p1{font-size:40px}}
@media(max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize24)}
.home-banner .banner-animote .p2 a{min-width:150px;height:45px}}
@media(max-width:768px){.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block;height:260px}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);margin:0}
.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)}}
@media (min-width:1025px){body.index{padding-top:0}
body.index header:not(.is-active){box-shadow:none}
body.index header:not(.is-active) .head-info{background:0 0}
body.index header:not(.is-active) .head-info:hover{background:#fff}
body.index header:not(.is-active) .head-info .head-nav .nav-ul>li>a{color:#fff}
body.index header:not(.is-active) .head-info .head-nav .nav-ul>li:hover>a{color:var(--color)}
body.index header:not(.is-active) .head-info:hover .head-nav .nav-ul>li>a{color:var(--fontcolor)}
body.index header:not(.is-active) .head-info:hover .head-nav .nav-ul>li:hover>a{color:var(--color)}
body.index .head-logo a img:nth-child(2){display:none}
body.index header.is-active .head-info .head-logo a img:first-child,body.index header:not(.is-active) .head-info:hover .head-logo a img:first-child{display:none}
body.index header.is-active .head-info .head-logo a img:nth-child(2),body.index header:not(.is-active) .head-info:hover .head-logo a img:nth-child(2){display:block}}
main{background:#d7d2c8}
main .l-wrap{max-width:1860px}
.index-banner{position:relative}
.index-banner video{width:100%;height:auto;display:block;min-height:initial}
.index-banner .ban-inner{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:50px;text-align:center}
.index-banner .ban-inner .ban-title{font-size:60px;font-weight:var(--fontbold9);line-height:1.2}
.index-banner .ban-inner .ban-title span{font-family:Impact,sans-serif;font-weight:var(--fontbold5);color:var(--color)}
.index-banner .ban-inner .ban-des{max-width:720px;margin:3% 0 5%;font-size:var(--fontsize20)}
.index-banner .ban-inner .ban-btn-box{display:flex;justify-content:center}
.index-banner .ban-inner .ban-btn-box>a{font-size:var(--fontsize20);font-family:Impact,sans-serif;font-weight:var(--fontbold4);display:inline-flex;align-items:center;line-height:1;padding:15px 40px;border-radius:30px;overflow:hidden;transition:all .3s;letter-spacing:1px;margin:0 15px}
.index-banner .ban-inner .ban-btn-box>a img{margin-right:10px}
.index-banner .ban-inner .ban-btn-box>a:first-child{background:#f10b0b}
.index-banner .ban-inner .ban-btn-box>a:nth-child(2){background:var(--color)}
.index-banner .ban-inner .ban-btn-box>a:first-child:hover{background:var(--color)}
.index-banner .ban-inner .ban-btn-box>a:nth-child(2):hover{background:#f10b0b}
.index-banner .ban-inner .ban-icon{margin:5% 0 3%}
.index-about{padding:5% 0}
.index-about .about-title{display:flex;align-items:center;justify-content:center}
.index-about .about-title .index-title{font-style:italic;font-weight:var(--fontbold7);font-size:120px;line-height:1}
.index-about .about-title .icon-logo{margin-left:3%;font-style:italic;font-size:118px;font-weight:var(--fontbold7);color:var(--color);}
.index-about .about-title .icon-logo span{color:var(--fontcolor);font-family:Impact ,sans-serif;font-weight:normal;letter-spacing:3px;}
.index-about .about-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4%}
.index-about .about-list li{text-align:center;display:flex;flex-direction:column;justify-content:space-between}
.index-about .about-list li p{font-size:var(--fontsize24)}
.index-about .about-list li p strong{font-weight:var(--fontbold7);font-size:58px;display:inline-block;margin:10% 0 7%}
@media (min-width:769px){.index-about .about-list li:nth-child(3) p strong{transform:translateY(8px)}}
.index-work{padding:0 0 2%;text-align:center}
.index-work .l-wrap{max-width:1900px}
.index-work .index-title{font-weight:var(--fontbold9);text-transform:uppercase;font-size:108px;margin-bottom:2%}
.index-work .index-title span{color:var(--color)}
.index-video video{width:100%;display:block;min-height:initial}
.index-visit{padding:5% 0}
.index-visit .index-title{font-family:"Cascadia Code",sans-serif;text-align:center;font-size:70px;text-transform:initial}
.index-visit .visit-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3%}
@media (min-width:1441px){.index-visit .visit-list{padding:0 50px}}
.index-visit .visit-list li{width:45.95%;cursor:pointer}
.index-visit .visit-list li:nth-child(n+3){margin-top:6%}
.index-visit .visit-list li .img{overflow:hidden}
.index-visit .visit-list li img{width:100%;display:block;transition:all .3s}
.index-visit .visit-list li:hover img{transform:scale(1.05)}
.index-visit .visit-list li p{background:#fff;padding:10px 0;text-align:center;font-size:42px}
.index-visit .visit-list li p span{font-size:50px;transition:all .3s;display:inline-block;font-family:"Cascadia Code",sans-serif}
.index-visit .visit-list li:hover p span{font-weight:700}
.index-logo .indexlogoSwiper .swiper-slide{width:auto}
.index-logo .indexlogoSwiper .swiper-slide img{width:auto;height:100px}
.index-logo .swiper-wrapper{transition-timing-function:linear}
.index-siybox{padding:5% 0}
.index-siybox .title-top{text-align:center;margin-top:2%;}
.index-siybox .title-top .des{font-weight:var(--fontbold7);font-size:40px;margin:15px 0;text-transform:inherit;}
.index-siybox .title-top .art{font-size:var(--fontsize24)}
.index-siybox .siy-inner-top{display:flex;flex-wrap:wrap;justify-content:space-between;margin:3% 0 2%}
.index-siybox .siy-inner-top .item{width:49%}
.index-siybox .item{background:#efefef;padding:30px 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.index-siybox .siy-inner-top .item .item-left{width:65%}
.index-siybox .siy-inner-top .item .item-right{width:33%}
.index-siybox .siy-inner-bot .item .item-left{width:31%}
.index-siybox .siy-inner-bot .item .item-right{width:66%}
.index-siybox .item .tit{font-size:34px;font-weight:var(--fontbold7);text-align:center}
.index-siybox .item .more-btn{justify-content:center;display:flex;align-items:center}
.index-siybox .item .more-btn>a{font-size:var(--fontsize22);font-weight:var(--fontbold7);padding:10px 25px;margin:0 7px;border-radius:30px;transition:all .3s}
.index-siybox .item .more-btn>a:first-child{border:2px solid var(--fontcolor);background:#ffff;color:var(--fontbold7)}
.index-siybox .item .more-btn>a:first-child:hover{background:var(--color);color:#fff;border-color:#fff}
.index-siybox .item .more-btn>a:nth-child(2){border:2px solid #f10b0b;background:#f10b0b;color:#fff}
.index-siybox .item .more-btn>a:nth-child(2):hover{background:var(--color);color:#fff;border-color:var(--color)}
@media (min-width:1441px){.index-siybox .siy-inner-bot,.index-siybox .siy-inner-top{padding:0 50px}
.index-siybox .siy-inner-bot .item .tit{font-size:28px}}
.index-siybox .item .des{/*text-indent:2em;*/font-size:var(--fontsize18);margin:5% 0 20%}
.index-siybox .item .item-right{text-align:center}
.index-siybox .item .item-right img{transition:all .3s}
.index-siybox .item:hover .item-right img{transform:scale(1.03)}
.index-siybox .siy-inner-top .item .item-right img{max-height:380px;}
.index-contact{position:relative}
.index-contact .inner{position:absolute;bottom:0;left:0;text-align:center;width:100%}
.index-contact .more-btn-box{display:flex;justify-content:center;align-items:center}
.index-contact .more-btn-box a{font-size:var(--fontsize30);font-family:Impact,sans-serif;letter-spacing:1px;border:5px solid var(--color);border-radius:50px;padding:5px 25px;margin:0 2.5%;transition:all .5s}
.index-contact .more-btn-box a:first-child{background:#fff;color:var(--color)}
.index-contact .more-btn-box a:first-child:hover{background:var(--color);color:#fff}
.index-contact .more-btn-box a:nth-child(2){background:var(--color);color:#fff}
.index-contact .more-btn-box a:nth-child(2):hover{background:#fff;color:var(--color)}
.index-contact .inner .des{color:#fff;font-size:25px;max-width:1060px;margin:4.5% auto 3%;line-height:1.3}
@media (max-width:1600px){.index-banner .ban-inner .ban-title{font-size:3.75vw}
.index-banner .ban-inner .ban-des{font-size:1.25vw}
.index-banner .ban-inner .ban-btn-box>a{font-size:1.3vw}
.index-about .about-title .index-title{font-size:7.5vw}
.index-about .about-title .icon-logo{font-size:7.2vw;}
.index-about .about-list li .icon img{max-height:85px;width:auto}
.index-work .index-title{font-size:6.9vw}
.index-visit .index-title{font-size:4vw}
.index-siybox .item .more-btn>a{font-size:var(--fontsize18);padding:5px 20px}
.index-siybox .item .tit{font-size:var(--fontsize28)}
.index-siybox .siy-inner-bot .item .tit{font-size:var(--fontsize24)}
.index-contact .more-btn-box a{font-size:var(--fontsize26)}
.index-contact .inner .des{margin-top:3%}}
@media (max-width:1440px){.index-about .about-list li p strong{font-size:50px}
.index-visit .visit-list li p{font-size:34px}
.index-visit .visit-list li p span{font-size:44px}
.index-siybox .siy-inner-top .item .item-left{width:62%}
.index-siybox .siy-inner-top .item .item-right{width:35%}
.index-siybox .siy-inner-bot .item .item-left{width:29.14%}
.index-siybox .siy-inner-bot .item .item-right{width:69%}
.index-siybox .item .des{margin-bottom:15%}}
@media (max-width:1366px){.index-banner .ban-inner .ban-btn-box>a{padding:10px 20px}
.index-about .about-list li p{font-size:var(--fontsize20)}
.index-about .about-list li .icon img{max-height:65px}
.index-logo .indexlogoSwiper .swiper-slide img{height:75px}
.index-siybox .item .des{font-size:var(--fontsize16)}
.index-visit .visit-list li p{font-size:30px}
.index-visit .visit-list li p span{font-size:38px}
.index-siybox .title-top .des{font-size:34px}
.index-siybox .title-top .art{font-size:var(--fontsize20)}}
@media (max-width:1024px){.index-about .about-list li p strong{font-size:38px}
.index-siybox .item .more-btn>a{padding:5px 10px}
.index-contact .inner .des{font-size:var(--fontsize20)}
.index-contact .more-btn-box a{font-size:var(--fontsize22)}}
@media (max-width:768px){.index-banner .ban-inner .ban-title{font-size:28px}
.index-banner .ban-inner .ban-btn-box>a,.index-banner .ban-inner .ban-des{font-size:var(--fontsize14)}
.index-banner .ban-inner{padding-bottom:0;justify-content:center}
.index-banner .ban-inner .ban-icon{margin-bottom:0}
.index-siybox .index-title span,.index-title,.index-about .about-title .icon-logo{font-size:50px!important}
.index-about,.index-siybox,.index-visit{padding:40px 0}
.index-about .about-list li{width:49%}
.index-about .about-list li:nth-child(n+3){margin-top:20px}
.index-about .about-list li p strong{font-size:34px;margin:20px 0 5px}
.index-about .about-list,.index-visit .visit-list{margin-top:25px}
.index-work{padding-bottom:25px}
.index-work .index-title{margin-bottom:15px}
.index-visit .visit-list li{width:49%}
.index-visit .visit-list li:nth-child(n+3){margin-top:2%}
.index-visit .visit-list li p{font-size:var(--fontsize22)}
.index-visit .visit-list li p span{font-size:var(--fontsize26)}
.index-logo .indexlogoSwiper .swiper-slide img{height:50px}
.index-siybox .title-top .des{font-size:var(--fontsize26)}
.index-siybox .title-top .art{font-size:var(--fontsize16)}
.index-siybox .siy-inner-top .item{width:100%}
.index-siybox .siy-inner-top{margin:20px 0}
.index-siybox .siy-inner-top .item:nth-child(2){margin-top:20px}
.index-siybox .siy-inner-bot .item .item-left{width:100%}
.index-siybox .item{padding:20px}
.index-siybox .title-top{margin-top:20px;}
.index-siybox .siybox-logo-box{max-width:65%;margin:0 auto;}
.index-siybox .item .des{margin:10px 0 20px}
.index-siybox .siy-inner-bot .item .item-right{width:100%;margin-top:15px}
.index-siybox .item .tit{font-size:var(--fontsize24)!important}
.index-contact .inner{padding:20px}
.index-contact .more-btn-box a{font-size:var(--fontsize18)}
.index-contact .inner .des{margin:10px 0 0;font-size:var(--fontsize16)}}
@media (max-width:600px){.index-banner .ban-inner{padding:10px}
.index-banner .ban-inner .ban-btn-box,.index-banner .ban-inner .ban-des{display:none}
.index-banner .ban-inner .ban-title{font-size:var(--fontsize18)}
.index-banner .ban-inner .ban-icon img{width:80%}
.index-siybox .index-title span,.index-title,.index-about .about-title .icon-logo{font-size:34px!important}
.index-visit .index-title{font-size:var(--fontsize26)!important}
.index-about .about-list li .icon img{max-height:45px}
.index-about .about-list li p strong{font-size:var(--fontsize26)}
.index-about .about-list li p{font-size:var(--fontsize16)}
.index-visit .visit-list li p span{display:block;font-size:var(--fontsize24)}
.index-visit .visit-list li p{font-size:var(--fontsize18)}
.index-logo .indexlogoSwiper .swiper-slide img{height:30px}
.index-siybox .title-top .des{font-size:var(--fontsize20);margin:10px 0}
.index-siybox .siy-inner-top .item{flex-direction:column}
.index-siybox .siy-inner-top .item .item-left{width:100%}
.index-siybox .siy-inner-top .item .item-right{width:50%;margin-top:15px}
.index-contact{background:url(/uploads/47066/index/contact-bg.jpg) no-repeat center/cover;padding:40px 0}
.index-contact:before{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,.4);z-index:1;position:absolute;top:0;left:0}
.index-contact .contact-img{display:none}
.index-contact .inner{position:relative;padding:0;z-index:2}
.index-contact .more-btn-box{flex-direction:column}
.index-contact .more-btn-box a{width:100%;border:2px solid var(--color);margin:0 0 10px 0}}