@import url("https://css02.v15cdn.com/m526/aos.css");
.index{overflow-x:hidden}
@media (min-width:1025px){.index{padding-top:0}
.index .l-wrap{max-width:1450px}
.index header{border:none;box-shadow:none}
.index .head-info{background:0 0;transition:all .3s linear}
.index .head-top{display:none}
.index .head-nav .nav-ul>li>a{color:#FFF}
.index .head-nav .nav-ul>li:hover>a,.index .head-nav .nav-ul>li>a.inmenu_1{background:0 0!important}
.index .head-nav .nav-ul>li>a::after{background:0 0}
.index .head-logo{height:100%}
.index .head-logo a{height:100%;padding:0px 20px;background:#FFF;border-radius:0 0 30px 30px}
.index .head-nav .search-box .head-search button{background:0 0;border:none}
.index .head-nav .search-box .head-search button em{color:#FFF}
.index header.is-active .head-info{background:#FFF}
.index header.is-active .head-info{height:92px;box-shadow:1px 2px 5px rgba(0,0,0,.1)}
.index header.is-active .head-nav .nav-ul>li>a{color:#000}
.index header.is-active .head-nav .search-box .head-search button em{color:#000}}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .swiper-slide video{width:100%;height:100%;min-height:inherit}
.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:0px 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold6)}
.home-banner .banner-animote .p2{display:flex;justify-content:center;font-size:38px}
.home-banner .banner-animote .p3{margin-top:30px}
.home-banner .banner-animote .p3 a{min-width:200px;height:45px;border-radius:17px;padding:0px 20px;border:3px solid #FFF;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize20);font-weight:var(--fontbold6);transition:all .1s linear}
.home-banner .banner-animote .p3 a:hover{background:#FFF;color:#333333}
.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:10px;height:10px;background:#FFF;opacity:1;border-radius:50%;transition:all .1s linear;position:relative;overflow:hidden}
.home-banner .swiper-pagination-bullet-active{background:var(--color)}
.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:#000}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:24px}
.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:1600px){.home-banner .banner-animote .p1{font-size:40px}}
@media (max-width:1440px){.home-banner .banner-animote .p1{font-size:40px}}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:34px}
.home-banner .banner-animote .p2 a{min-width:150px;height:45px}}
@media (max-width:1024px){.home-banner .banner-animote .p2{font-size:24px}
.home-banner .banner-animote{padding:0px 15px}}
@media (max-width:768px){.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner .banner-animote .p1{font-size:24px}
.home-banner .banner-animote .p2{font-size:var(--fontsize20)}
.home-banner .banner-animote .p3 a{font-size:var(--fontsize18);font-weight:var(--fontbold4);border-width:2px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .swiper-pagination{bottom:10px!important}}
.home-about{background:no-repeat top;padding-bottom:4%;background-size:cover}
.home-about .homeabout-count{padding:8% 0}
.home-about .homeabout-count ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.home-about .homeabout-count ul li{width:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#FFF}
.home-about .homeabout-count ul li P:nth-child(1){font-size:70px;font-weight:var(--fontbold6)}
.home-about .homeabout-count ul li p:nth-child(2){font-size:var(--fontsize20)}
.home-about .homeabout-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .homeabout-flex>div{width:49%;overflow:hidden}
.home-about .homeabout-flex .about-img{border-radius:20px;position:relative;aspect-ratio:5/3}
.home-about .homeabout-flex .about-img em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#FFF;font-size:100px;opacity:.8;cursor:pointer}
.home-about .homeabout-flex .about-img img{width:100%;height:100%;object-fit:cover;background:#EEE}
.home-about .homeabout-flex .about-img video{display:none;width:100%;height:100%;object-fit:contain;background:#333333}
.home-about .homeabout-flex .about-info{border-radius:20px;background:linear-gradient(#fbfdfe,#e0f1fa);padding:3% 5%}
.home-about .homeabout-flex .about-info .title{color:var(--color);position:relative;font-size:var(--fontsize28);font-weight:var(--fontbold6);padding-bottom:10px;margin-bottom:20px}
.home-about .homeabout-flex .about-info .title::before{content:"";position:absolute;left:0px;bottom:2px;width:120px;height:2px;background:#a6a6a6}
.home-about .homeabout-flex .about-info .title::after{content:"";position:absolute;left:0px;width:60px;border-radius:3px;bottom:0px;height:5px;background:var(--color)}
.home-about .homeabout-flex .about-info .text{color:#5b5b5b;margin-bottom:20px}
.home-about .homeabout-flex .about-info .more{min-width:100px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;font-weight:var(--fontbold6);padding:0px 20px;background:#0088d4;border-radius:16px}
.home-about .homeabout-flex .about-info .more:hover{opacity:.8}
.home-hotpro{padding:4% 0;background:no-repeat center;background-size:cover}
.home-hotpro .home-title{color:var(--color);text-transform:uppercase;margin-bottom:10px}
.home-hotpro .home-des{font-size:var(--fontsize17)}
.home-hotpro .hotpro-bot{margin:2em 0;display:flex;align-items:center;justify-content:center}
.home-hotpro .hotpro-bot .more{min-width:220px;height:46px;color:#FFF;background:#0088d4;border-radius:30px;display:flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);text-transform:capitalize}
.home-hotpro .hotpro-bot .more:hover{opacity:.8}
.home-hotpro .hotprocate{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-hotpro .hotprocate li{width:24%;height:60px;line-height:60px;padding:0px 20px;background:#aaa;border-radius:30px;color:#FFF;font-size:var(--fontsize18);font-weight:var(--fontbold6);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;cursor:pointer;transition:all .1s linear;margin-bottom:1em}
.home-hotpro .hotprocate li.act{background:var(--color)}
.home-hotpro .hotpro-list{display:flex;flex-wrap:wrap;display:none}
.home-hotpro .hotpro-list.act{display:flex}
.home-hotpro .hotpro-list li{border-radius:20px;overflow:hidden;margin-bottom:1em;width:24%;margin-right:1.3%;position:relative;aspect-ratio:1/1}
.home-hotpro .hotpro-list li:nth-child(4n){margin-right:0px}
.home-hotpro .hotpro-list li img{width:100%;height:100%;object-fit:cover}
.home-hotpro .hotpro-list li p{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.6);color:#FFF;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--fontsize20);opacity:0;visibility:hidden;overflow:hidden;transition:all .1s linear}
.home-hotpro .hotpro-list li:hover p{opacity:1;visibility:inherit;overflow:inherit}
.home-adv{padding:5% 0}
.home-adv .box{border-radius:30px;border:1px solid #939393;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:20px 40px}
.home-adv .box>img{width:45px}
.home-adv .box p{flex:1;font-weight:var(--fontbold6);font-size:var(--fontsize30);color:#000;padding:0 5%}
.home-adv .box .more{min-width:260px;height:65px;background:#0088d5;border-radius:42px;display:flex;align-items:center;justify-content:center;color:#FFF;font-size:var(--fontsize20);font-weight:var(--fontbold6);text-transform:uppercase}
.home-adv .box .more:hover{opacity:.9}
.home-adv .box .more:hover img{transform:scale(1.2)}
.home-adv .box .more img{width:22px;margin-left:20px;transition:all .1s linear}
.home-adv .home-title{margin-top:5%}
.home-adv .list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;list-style:none;margin-top:5%}
.home-adv .list li{width:25%;text-align:center;padding:0px 30px;position:relative}
.home-adv .list li::after{content:"";position:absolute;right:0px;top:0px;background:#898989;width:1px;height:120px}
.home-adv .list li:last-child::after{display:none}
.home-adv .list li img{height:50px;margin-bottom:15px}
.home-our{padding-bottom:4%}
.home-our .home-title{text-transform:uppercase}
.home-our .homeour-list{padding:0 100px;position:relative;margin-top:3%}
.home-our .homeour-list .swiper-slide img{width:100%}
.home-our .homeour-list .indexour-next,.home-our .homeour-list .indexour-prev{position:absolute;left:0px;top:50%;transform:translateY(-50%) rotate(90deg);cursor:pointer}
.home-our .homeour-list .indexour-next:hover em,.home-our .homeour-list .indexour-prev:hover em{color:#999}
.home-our .homeour-list .indexour-next em,.home-our .homeour-list .indexour-prev em{font-size:70px;font-weight:var(--fontbold3);color:#d8d8d8;transition:all .1s linear}
.home-our .homeour-list .indexour-next{transform:translateY(-50%) rotate(-90deg);left:auto;right:0px}
.home-partner{background:#f5f5f5;padding:4% 0}
.home-partner .partner-list{padding:0 100px;position:relative;margin-top:4%}
.home-partner .partner-list #indepartner{padding:7% 0}
.home-partner .partner-list .indepartner-next,.home-partner .partner-list .indepartner-prev{position:absolute;left:0px;top:50%;transform:translateY(-50%) rotate(90deg);cursor:pointer}
.home-partner .partner-list .indepartner-next:hover em,.home-partner .partner-list .indepartner-prev:hover em{color:#999}
.home-partner .partner-list .indepartner-next em,.home-partner .partner-list .indepartner-prev em{font-size:40px;font-weight:var(--fontbold6);color:#d8d8d8;transition:all .1s linear}
.home-partner .partner-list .indepartner-next{transform:translateY(-50%) rotate(-90deg);left:auto;right:0px}
.home-partner .partner-list .swiper-slide{transition:transform .3s}
.home-partner .partner-list .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-partner .partner-list .swiper-slide.swiper-slide-next{transform:scale(.8) translateX(28%)}
.home-partner .partner-list .swiper-slide.swiper-slide-prev{transform:scale(.8) translateX(-28%)}
.home-partner .partner-list .swiper-slide.swiper-slide-active{transform:scale(1.57)}
.home-logo{background:var(--color);padding:3% 0}
.home-logo .list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}
.home-logo .list li{width:12.6%;margin-bottom:2em;aspect-ratio:1/1;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .1s linear}
.home-logo .list li:hover{transform:scale(.95)}
.home-logo .list li::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.2);width:calc(100% + 12px);height:calc(100% + 12px);border-radius:50%;z-index:-1}
.home-news{padding:4% 0}
.home-news .newslist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3%}
.home-news .newslist .newsitem{width:33%;background:#f5f5f5;border-radius:30px;overflow:hidden;transition:all .1s linear;border:1px solid #f5f5f5}
.home-news .newslist .newsitem .img{width:100%;aspect-ratio:3/2}
.home-news .newslist .newsitem .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-news .newslist .newsitem .info{padding:30px 30px}
.home-news .newslist .newsitem .info .title{color:var(--color);font-weight:var(--fontbold6);font-size:var(--fontsize20);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-news .newslist .newsitem .info .meta{margin-top:1em;color:#000;display:flex;justify-content:space-between}
.home-news .newslist .newsitem .info .meta i{font-style:normal;text-transform:uppercase}
.home-news .newslist .newsitem .info .meta em{margin-right:5px}
.home-news .newslist .newsitem .info .meta a{text-transform:capitalize;padding:4px 10px;border-radius:30px}
.home-news .newslist .newsitem:hover .info .meta a{background:var(--color);color:#FFF}
.home-news .newslist .newsitem:hover{transform:translateY(-10px)}
.home-foottop{background:#f8f8f8;padding:20px 0px}
.home-foottop .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1600px}
.home-foottop .img img{height:70px}
.home-foottop .info{display:flex;flex-wrap:wrap;align-items:center}
.home-foottop .info span,.home-foottop .info>a{font-size:24px;font-weight:var(--fontbold6);color:var(--color);margin-right:40px;white-space:nowrap}
.home-foottop .info>a:hover{text-decoration:underline}
.home-foottop .info .follow{display:flex;align-items:center;flex-wrap:wrap}
.home-foottop .info ul{list-style:none;display:flex;align-items:center}
.home-foottop .info ul a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#FFF;border-radius:50%;background:var(--color);margin-left:10px;transition:all .1s linear}
.home-foottop .info ul a:hover{background:#FFF;color:var(--color)}
@media (max-width:1600px){.home-about .homeabout-count{padding:6% 0}
.home-about .homeabout-count ul li P:nth-child(1){font-size:60px}}
@media (max-width:1280px){.home-about .homeabout-count ul li P:nth-child(1){font-size:50px}}
@media (max-width:1024px){.home-about .homeabout-count ul li P:nth-child(1){font-size:36px}}
@media (max-width:768px){.home-about .homeabout-flex>div{width:100%}
.home-about .homeabout-flex .about-info{margin-top:20px;padding:20px 15px 30px}
.home-hotpro .hotprocate li{width:49%}
.home-hotpro .hotpro-list{justify-content:space-between}
.home-hotpro .hotpro-list li{width:49%;margin-right:0px}
.home-adv .box{justify-content:center}
.home-adv .box>img{width:30px}
.home-adv .box p{font-size:24px;flex:none;line-height:1.2}
.home-adv .box .more{width:100%;margin-top:15px;font-size:var(--fontsize18);height:45px}
.home-adv .box .more img{width:16px}
.home-adv .list li{width:50%;margin-bottom:20px}
.home-partner .partner-list .swiper-slide{transform:none!important}
.home-our .homeour-list,.home-partner .partner-list{padding:0 50px}
.home-logo .list li{width:21%}
.home-news .newslist .newsitem{width:48%;margin-bottom:2em}
.home-foottop .l-wrap{display:block}
.home-foottop .info{margin-top:20px}
.home-about .homeabout-count ul li{width:100%;margin-bottom:20px}
.home-adv .box{padding:20px 15px}
.home-about{padding-bottom:40px}
.home-adv,.home-logo,.home-news,.home-partner{padding:40px 0px}
.home-our{padding-bottom:40px}
.home-foottop .info .follow{width:100%;margin-top:10px}
.home-foottop .info .follow span{margin-right:10px}}
@media (max-width:500px){.home-banner .banner-animote{top:50%}
.home-banner .banner-animote .p3{margin-top:10px}
.home-banner .banner-animote .p3 a{min-width:150px}
.home-hotpro .hotprocate li{height:50px;line-height:50px;padding:0px 10px}
.home-adv .list li{width:100%}
.home-adv .list li::after{display:none}
.home-our .homeour-list,.home-partner .partner-list{padding:0px 20px}
.home-our .homeour-list .indexour-prev{left:-10px}
.home-our .homeour-list .indexour-prev em{font-size:34px}
.home-our .homeour-list .indexour-next{right:-10px}
.home-our .homeour-list .indexour-next em{font-size:34px}
.home-partner .partner-list .indepartner-prev{left:-10px}
.home-partner .partner-list .indepartner-prev em{font-size:24px}
.home-partner .partner-list .indepartner-next{right:-10px}
.home-partner .partner-list .indepartner-next em{font-size:24px}
.home-adv .box p{font-size:var(--fontsize18);padding:0 0 0 10px}
.home-adv .list li img{height:auto;width:30px}
.home-news .newslist .newsitem{width:100%}
.home-news .newslist .newsitem .info{padding:20px 15px}}
