/* ZT模板网 整站模板下载 */
/* 模板：Www.zhuatou.cn/ */
/* 仿站：Fang.zhuatou.cn/ */
/* 素材：Sc.zhuatou.cn/ */
/* js特效：js.zhuatou.cn/ */
/* 在线工具 Tool.zhuatou.cn/ */
/* QQ：414778833 */
@charset "utf-8";
.home-banner{width:100%}
.home-banner .mobimg{display:none}
#indexbanner{width:100%}
.indexbanner-item{display:block;overflow:hidden}
.indexbanner-item,.indexbanner-item img{width:100%}
#indexbanner .swiper-button-next::after,#indexbanner .swiper-button-prev::after{content:''}
#indexbanner .swiper-button-next em,#indexbanner .swiper-button-prev em{font-size:48px}
#indexbanner .swiper-button-next,#indexbanner .swiper-button-prev{width:45px!important;height:45px!important;border-radius:50%;background-color:#303030}
#indexbanner .iconfont{font-size:16px;color:#FFF}
#indexbanner .swiper-button-prev{left:40px;font-size:14px}
#indexbanner .swiper-button-next{right:40px}
.home-banner .indexbanner-text{color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.home-banner .indexbanner-text .theme{font-size:24px;text-transform:uppercase}
.home-banner .indexbanner-text .title{font-size:44px;font-weight:var(--fontweight5)}
.home-banner .indexbanner-text .text{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{background-color:#11b97f;display:inline-flex;color:#FFF;font-size:18px;box-sizing:border-box;padding:12px 30px;border-radius:var(--border)}
.home-banner .indexbanner-text{color:#FFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;opacity:0}
.home-banner .indexbanner-text .theme{font-size:24px;text-transform:uppercase}
.home-banner .indexbanner-text .title{font-size:44px;font-weight:var(--fontweight5)}
.home-banner .indexbanner-text .text{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{background-color:#11b97f;display:inline-flex;color:#FFF;font-size:18px;box-sizing:border-box;padding:12px 30px;border-radius:5px}
.home-more{position:relative;z-index:1;overflow:hidden;box-shadow:0 0 10px transparent;transition:all .3s linear}
.home-more:hover{box-shadow:0 0 10px #11b97f}
#indexbanner .swiper-button-next:hover,#indexbanner .swiper-button-prev:hover{background-color:#11b97f}
#indexbanner .swiper-pagination{bottom:80px}
.home-banner .swiper-slide.swiper-slide-active img{animation:bannerimg 4s forwards}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.08)}
100%{transform:scale(1.05)}}
.home-banner .swiper-slide-active .indexbanner-text{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}}
.home-banner .swiper-pagination-bullet {background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after {background-color:#11b97f;border-radius:999px;content:"";display:block;height:100%;width:0px}
.home-banner .swiper-pagination-bullet-active.cur::after {transition:width 6s linear;width:100%}
.home-banner .swiper-pagination-bullet-active.cur{border-radius:999px;overflow:hidden}
.home-introduction{transform:translateY(-50px);position:relative;z-index:10}
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-introduction .introduction .item{width:23.4%;align-items:center;box-sizing:border-box;padding:1.5%;background-color:#FFF;border-bottom:3px solid #11b97f;border-radius:var(--border);box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transform:translateY(0);transition:all .3s linear}
.home-introduction .introduction .item .top {display: flex;justify-content: center;margin-bottom: 10px}
.home-introduction .introduction .item .left{width:70px;height:70px;text-align:center;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:#11b97f;transition:all .3s linear}
.home-introduction .introduction .item .left em{font-size:32px;transform:rotateY(0);transition:all .3s linear}
.home-introduction .introduction .item .right{flex:1}
.home-introduction .introduction .item .right .title{text-align:center;color:var(--fontcolor);text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:0;overflow:display;font-size:13px}
.home-introduction .introduction .item .right .text{color:#333;font-size:12px;margin-bottom:0px;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-introduction .introduction .item:hover .left{background-color:#11b97f;color:#FFF}
.home .unify{box-sizing:border-box;padding:5% 70px}
.home .unify .theme{font-weight:var(--fontweight5);color:#11b97f;text-transform:uppercase;text-align:center}
.home .unify .title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontweight5);text-transform:capitalize;text-align:center}
.home-about{width:100%;height:auto;background-image:url(../images/home-moreb.jpg);background-repeat:no-repeat;background-size:100% 100%}
.home-about .l-wrap{display:flex;align-items:center;padding-top:2%}
.home-about .l-wrap .left{width:50%;box-sizing:border-box;padding:0px 5%;border-radius:10%;position:relative}
.home-about .l-wrap .left .img{width:100%}
.home-about .l-wrap .left .img img{width:100%;transform:scale(1);transition:all .2s linear}
.home-about .l-wrap .left:hover img{transform:scale(.95)}
.home-about .l-wrap .left .top{position:absolute;width:60px;height:60px;border-radius:10px;background-color:#f7f9fd;display:flex;align-items:center;justify-content:center;top:-5%;right:7%;z-index:1}
.home-about .l-wrap .left .top::after{content:'';display:inline-block;width:70%;height:70%;border-radius:var(--border);background-color:#11b97f}
.home-about .l-wrap .left .bottom{position:absolute;bottom:-8%;left:0px;background-color:#f7f9fd;border-radius:10px;width:170px;height:170px;display:flex;align-items:center;justify-content:center}
.home-about .l-wrap .left .bottom div{width:75%;height:75%;background-color:#ebf0fb;border-radius:var(--border);display:flex;align-items:center;justify-content:center;flex-direction:column}
.home-about .l-wrap .left .bottom div .num{color:#11b97f;font-size:30px;font-weight:var(--fontweight5);line-height:1.2}
.home-about .l-wrap .left .bottom div span{color:var(--summarycolor);font-size:18px;font-weight:var(--fontweight5)}
.home-about .l-wrap .right{width:50%;box-sizing:border-box}
.home-about .l-wrap .right .title{margin:10px 0 20px 0;text-align:left}
.home-about .l-wrap .right .title span{color:#11b97f}
.home-about .l-wrap .right>.text{color:var(--summarycolor);font-weight:var(--fontweight5);margin:30px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.home-about .l-wrap .right ul{display:flex;align-items:center;width:100%;padding:0px;flex-wrap:wrap}
.home-about .l-wrap .right ul li{list-style:none;margin:6px 0;width:50%}
.home-about .l-wrap .right ul li .item{width:100%;display:flex;align-items:center}
.home-about .l-wrap .right ul li .circle{color:#11b97f}
.home-about .l-wrap .right ul li .text{color:var(--summarycolor);font-weight:var(--fontweight4)}
.home-about .l-wrap .right .btn{display:flex;align-items:center;justify-content:center;background-color:#11b97f;color:#FFF;width:150px;height:46px;border-radius:var(--border);text-decoration:none;margin-top:4%;text-transform:lowercase}
.home-product{}
.home-product .l-wrap .theme{text-align:center}
.home-product .l-wrap .title{text-align:center}
.home-product .l-wrap .product{margin-top:4%}
.home-product .l-wrap .product .pro-list{align-items: flex-end;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0px}
.home-product .l-wrap .product .pro-list .item{list-style:none;width:22.875%;background-color:#f9f9f9;border-radius:var(--border);border-bottom:4px solid #11b97f;box-shadow:0 4px 13px 0 rgba(17,26,58,0);transition:all .2s ease;margin-bottom:2em;overflow:hidden;border: 1px solid #f1f1f1;}
.home-product .l-wrap .product .pro-list .item .img{width:100%;overflow:hidden;position:relative}
.home-product .l-wrap .product .pro-list .item .img img{transform:scale(1);transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item .text{box-sizing:border-box;padding:6% 4%;border-top:1px solid #EEE}
.home-product .l-wrap .product .pro-list .item .text .name{margin:0px;font-size:18px;color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item .text .merchandise{color:var(--summarycolor);margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-product .l-wrap .product .pro-list .item .text .btn{padding:4px 0px;border-radius:var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--summarycolor);text-transform:lowercase;position:relative;z-index:1;overflow:hidden}
.home-product .l-wrap .product .pro-list .item .text .btn em{margin-left:4px;transition:all .2s linear}
.home-product .l-wrap .product .pro-list .item:hover .text .btn em{color:#FFF}
.home-product .l-wrap .product .pro-list .item:hover img{transform:scale(1.05)}
.home-product .l-wrap .product .pro-list .item:hover .name{color:#11b97f}
.home-product .l-wrap .product .pro-list .item .text .btn::after{content:'';display:inline-block;position:absolute;border-radius:var(--border);z-index:-1;width:0%;height:110%;top:0px;left:0px;background-color:#11b97f;transition:all .2s ease}
.home-product .l-wrap .product .pro-list .item:hover .text .btn::after{width:110%}
.home-product .l-wrap .product .pro-list .item:hover .text .btn{color:#FFF;padding:4px 10px}
.home-product .l-wrap .product .pro-list .item .icon-videoplay{position:absolute;top:50%;left:50%;transform:translate(-36%,-50%);width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:1;border-radius:50%;background-color:rgba(0,0,0,.5);color:#FFF}
.home-contact{background-repeat:no-repeat;background-size:100% 100%;background:#11b97f repeating-linear-gradient(30deg,rgba(0,0,0,.2),rgba(0,0,0,.2)15px,transparent 0,transparent 30px)}
.home-contact-content{display:flex;justify-content:space-between}
.contact-left{width:42.5%}
.contact-left-img,.contact-left-img img{width:100%;border-radius:var(--border);border-top-right-radius:0;border-top-left-radius:0}
.contact-left-bottom{display:flex;justify-content:space-between;box-sizing:border-box;padding:50px 0}
.contact-left-bottom div{display:flex;flex-direction:column;justify-content:center;align-items:center}
.contact-left-num{font-size:38px;color:#FFF;font-weight:var(--fontweight5);margin:0px}
.contact-left-txt{font-size:20px;color:#FFF;margin-top:10px}
.contact-right{width:50%;position:relative}
.contact-right .play{margin-top:12%;width:50px;height:50px;border-radius:50px;background-color:#FFF;transition:all .3s ease-in-out;-webkit-animation:ripple 1s linear infinite;animation:ripple 1s linear infinite;display:inline-flex;align-items:center;justify-content:center}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgb(255 255 255 / 50%),0 0 0 5px rgb(255 255 255 / 50%),0 0 0 10px rgb(255 255 255 / 50%)}
100%{box-shadow:0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%),0 0 0 20px rgba(50,100,245,0)}}
@keyframes ripple{0%{box-shadow:0 0 0 0 rgb(255 255 255 / 25%),0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%)}
100%{box-shadow:0 0 0 5px rgb(255 255 255 / 25%),0 0 0 10px rgb(255 255 255 / 25%),0 0 0 20px rgba(50,100,245,0)}}
.contact-right .img-box em{color:#11b97f;font-size:24px}
.contact-phone-number{font-size:32px;font-weight:var(--fontweight5);color:#FFF;margin:32px 0;display:inline-block;margin-left:30px}
.contact-right-txt{width:88%;font-size:20px;color:#FFF;margin-top:4%}
.contact-right-btn{width:150px;height:46px;background-color:#FFF;border-radius:var(--border);display:flex;justify-content:center;align-items:center;color:#11b97f;font-size:18px;margin-top:50px;transition:all .4s linear;position:relative;z-index:1;box-shadow:0 0 0 #FFF;text-decoration:none}
.contact-right-btn::after{position:absolute;left:0px;top:0px;content:'';display:inline-block;width:0%;height:100%;background-color:#11b97f;z-index:-1;border-radius:var(--border);box-shadow:0 0 0 #11b97f;transition:all .2s linear}
.contact-right-btn:hover{color:#FFF;box-shadow:0 0 3px #FFF}
.contact-right-btn:hover::after{width:100%;box-shadow:0 0 4px #11b97f}
.contact-right-bottom{position:absolute;bottom:0px;left:0px;width:100%;background-color:#FFF;border-radius:5px 5px 0 0;box-sizing:border-box;padding:30px 40px}
.contact-right-bottom p:nth-child(1){font-size:30px;color:var(--fontcolor);font-weight:var(--fontweight5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:0}
.contact-right-bottom p:nth-child(2){color:var(--summarycolor);line-height:24px;margin-top:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-process .l-wrap .theme{text-align:center}
.home-process .l-wrap .title{text-align:center}
.home-process .l-wrap ul{display:flex;justify-content:space-between;margin-top:4%;background-repeat:no-repeat;background-size:contain;background-position:center 20%;padding:0px}
.process-item{width:16%;display:flex;flex-direction:column;align-items:center;background-color:#FFF}
.home-process-content ul li:nth-child(1){transition:all .4s linear}
.home-process-content ul li:nth-child(2){transition:all .5s linear}
.home-process-content ul li:nth-child(3){transition:all .6s linear}
.home-process-content ul li:nth-child(4){transition:all .7s linear}
.process-item-top{width:100px;height:100px;border-radius:50%;background-color:#11b97f;display:flex;justify-content:center;align-items:center;position:relative}
.process-item-top em{color:#FFF;font-size:36px;transition:all .3s linear}
.process-item-top:hover em{transform:rotateY(180deg)}
.process-item-num{position:absolute;width:38px;height:38px;background-color:#FFF;border-radius:50px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#11b97f;top:0px;right:0px;box-shadow:0 0 10px #FFF}
.process-item-center{margin-top:4%;margin-bottom:5%}
.process-item-title{font-size:20px;color:var(--fontcolor);text-align:center;margin:10px 0px}
.process-item-txt{color:var(--summarycolor);text-align:center;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
/* home-case */
.home-case{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-bottom:0px;background:linear-gradient(to top right,#11b97f,#95d6f0)}
.home-case .l-wrap{}
.home-case .l-wrap .theme{text-align:center;}
.home-case .l-wrap .title{text-align:center;}
.home-case .l-wrap .case{transform:translateY(12%);padding:0px;overflow:inherit}
.home-case .l-wrap .case .case-content{display:flex;align-items:center;justify-content:space-between}
.home-case .l-wrap .case .item{position:relative;width:31.25%;list-style:none;border-radius:var(--border);overflow:hidden;transition:all .4s ease}
.home-case .l-wrap .case .item img{width:100%}
.home-case .l-wrap .case .item .text{background: #2A4365;width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;justify-content:center;align-items:center;opacity:0;border-radius:var(--border);transition:all .4s linear}
.home-case .l-wrap .case .item .text .content{background-color:#FFF;width:80%;height:80%;box-sizing:border-box;padding:6%;border-radius:var(--border);overflow:hidden}
.home-case .l-wrap .case .item .text .content p{margin:0px}
.home-case .l-wrap .case .item .text .content .show-title{color:var(--fontcolor);font-size:22px;line-height:1.1;text-align:center;font-weight:var(--fontweight5)}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--summarycolor);text-align:center;line-height:1.6;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.home-case .l-wrap .case .item:hover .text{opacity:1;box-shadow:0 3px 18px 0 rgba(0,0,0,.16)}
.home-case .l-wrap .case .item:hover{transform:translateY(-20px)}
.home-new .l-wrap .theme{text-align:center;text-transform:uppercase}
.home-new .l-wrap .title{text-align:center;text-transform:capitalize}
.news-bottom{margin-top:4%;position:relative}
.news-item-slide{border:1px solid #e5e5e5}
.news-item-img{overflow:hidden}
.news-item-img img{transform:scale(1);transition:all .2s ease}
.news-item-bottom{box-sizing:border-box;padding:20px}
.news-item-bottom p{color:var(--summarycolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-item-title{font-size:18px;line-height:1.2;margin:10px 0px;color:var(--fontcolor);transition:all .2s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-decoration:none}
.news-item-read{display:inline-flex;align-items:center;color:var(--fontcolor);padding:4px 0px;margin-top:10px;border-radius:var(--border);transition:all .2s ease;text-decoration:none;text-transform:lowercase;position:relative;z-index:1}
.news-item-read::after{content:'';position:absolute;z-index:-1;width:0%;border-radius:var(--border);height:100%;left:0px;top:0px;transition:all .2s ease}
.news-item-slide{box-shadow:0 4px 13px 0 rgba(17,26,58,0);transition:all .2s ease;border-radius:var(--border);overflow:hidden}
.news-item-slide:hover{box-shadow:0 4px 13px 0 rgba(17,26,58,.17)}
.news-item-slide:hover .news-item-img img{transform:scale(1.03)}
.news-item-slide:hover .news-item-title{color:#11b97f}
.news-item-slide:hover .news-item-read{color:#FFF;padding:4px 10px}
.news-item-slide:hover .news-item-read::after{width:100%;background-color:#11b97f}
#swiper-news{width:90%;padding:1px 0;padding-bottom:40px}
.news-bottom .swiper-button-next,.news-bottom .swiper-button-prev{width:50px!important;height:50px!important;background-color:#11b97f!important;border-radius:50%;z-index:99!important;display:flex!important;opacity:1!important}
.news-bottom .swiper-button-disabled{background-color:#FFF!important;border:1px solid #11b97f!important}
.news-bottom .swiper-button-disabled em{color:#11b97f!important}
.swiper-button-lock{display:flex!important}
.news-bottom .swiper-button-next:after,.news-bottom .swiper-button-prev:after{content:''!important}
.news-bottom .swiper-button-next em,.news-bottom .swiper-button-prev em{font-size:24px;color:#FFF}
.news-bottom .swiper-button-next{right:0!important}
.news-bottom .swiper-button-prev{left:0!important}
.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal{display:none}
@media screen and (max-width:1366px){.contact-left-num{font-size:32px}
.contact-left-txt{font-size:16px}
.contact-right .play{margin-top:6%}
.contact-right-bottom p:nth-child(1){font-size:24px}
.contact-right-bottom p:nth-child(2){margin-top:20px;font-size:14px}
.contact-right-bottom{padding:35px 40px}
.news-item-bottom p{line-height:20px}
.home-about .l-wrap .left .bottom{bottom:-8%;left:0px;width:150px;height:150px}
.home-about .l-wrap .left .top{width:60px;height:60px}
.home-banner .indexbanner-text .title{font-size:40px}
.home-banner .indexbanner-text .text{font-size:14px}
.home-banner .indexbanner-text .theme{font-size:18px}
.home-banner .indexbanner-text .btn{margin-top:2em}
.home-banner .indexbanner-text .btn .home-more{font-size:16px;padding:10px 24px}}
@media screen and (max-width:1240px){.contact-phone-number{font-size:32px;margin:24px 0}
.contact-right-txt{line-height:24px;font-size:16px;width:90%}
#indexbanner .swiper-pagination{bottom:40px}
.home-introduction{transform:translateY(-30px);position:relative;z-index:10}}
@media screen and (max-width:1090px){.home-about .l-wrap{flex-wrap:wrap}
.home-about .l-wrap .left{width:100%}
.home-about .l-wrap .right{width:100%;margin-top:6%}}
@media screen and (max-width:1024px){.home-introduction .introduction .item{width:48%;margin-top:20px}
.process-item-num{width:40px;height:40px;top:0px;right:-8px}
.process-item-top{width:100px;height:100px}
.home .unify{padding:5% 15px}}
@media screen and (max-width:900px){.home-contact-content{flex-direction:column;align-items:center}
.contact-left{width:100%}
.contact-left-bottom{padding:40px 0px}
.contact-right{width:95%;box-sizing:border-box;padding-bottom:200px}
.contact-right-bottom{padding:20px 40px}
.home-case .l-wrap .case .item .text .content .show-title{font-size:16px}
.home-case .l-wrap .case .item .text .content .show-des{font-size:14px;line-height:1.4;-webkit-line-clamp:3}
.news-bottom .swiper-button-next, .news-bottom .swiper-button-prev{width:36px !important;height:36px !important}
.news-bottom .swiper-button-prev {left:-4px !important}
.news-bottom .swiper-button-next{right:-4px !important}
.home-product .l-wrap .product .pro-list .item .text{padding:10px}}
@media screen and (max-width:768px){#indexbanner .swiper-pagination{bottom:10px}
.home-introduction .introduction .item{width:100%;padding:3% 2.5%}
.home-introduction{transform:translateY(0)}
.home-introduction .introduction .item .left{width:75px;height:75px}
.home-about .l-wrap .right ul li{width:100%}
.home-process .l-wrap ul{flex-wrap:wrap;background-image:none}
.process-item{width:48%;margin-top:20px}
.home-case .l-wrap .case{display:flex;align-items:center;justify-content:space-between;transform:translateY(25%);padding:0px;overflow-x:auto}
.home-case .l-wrap .case .item{position:relative;width:400px;margin:0px 40px;list-style:none;flex-shrink:0}
.home-case .l-wrap .case::-webkit-scrollbar{display:none}
.home-case .l-wrap .case .item .text .content .show-title{font-size:18px}
.home-case .l-wrap .case .item .text .content .show-des{color:var(--summarycolor);text-align:center;line-height:1.6;margin-top:10px;font-size:15px}
.home-case .l-wrap .case .item:hover{transform:translateY(0)}
.news-bottom .swiper-pagination-bullets.swiper-pagination-horizontal{display:block}
.news-bottom .swiper-button-next,.news-bottom .swiper-button-prev{display:none!important}
.home-banner .indexbanner-text .title{font-size:24px}
.home-banner .indexbanner-text .text{font-size:12px}
.home-banner .indexbanner-text .theme{font-size:14px}
.home-banner .indexbanner-text .btn{display:none}
#indexbanner .swiper-pagination{display:block}
.home-case .l-wrap .case .item .text .content{padding:2%}
.home-product .l-wrap .product .pro-list .item{width:48%;margin-top:20px}
.home-product .l-wrap .product .pro-list{flex-wrap:inherit}
.home-product .l-wrap .product .swiper-pagination{bottom:0px}
.home-product .l-wrap .product .pro-list .item .icon-videoplay{width:30px;height:30px}}
@media screen and (max-width:500px){.home-banner .indexbanner-text .title{font-size:18px}
.home .unify{padding:10% 15px}
.home-introduction .introduction .item{width:100%;padding:5% 2.5%;margin:10px auto}
.home-about .l-wrap .left .bottom div .num{font-size:28px}
.home-about .l-wrap .left .bottom div span{font-size:12px}
.home-about .l-wrap .left .bottom{width:100px;height:100px}
.home-about .l-wrap .left .top{width:50px;height:50px;right:0px}
.home .unify .title{font-size:22px}
.home-about .l-wrap .right>.text{margin:5% 0px}
.home-about .l-wrap .right ul li{margin:6px 0}
.contact-left-bottom{padding:20px 0px}
.contact-left-num{font-size:26px}
.contact-left-txt{font-size:12px}
.contact-phone-number{font-size:24px;margin:16px 0;margin-left:30px}
.contact-right .play{margin:6% 0;margin-left:6%;width:40px;height:40px}
.contact-right .img-box em{font-size:18px}
.contact-right-txt{line-height:22px;font-size:14px;width:100%}
.contact-right-btn{width:150px;height:40px;font-size:15px;margin-top:20px}
.contact-right-bottom p:nth-child(1){font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.contact-right-bottom p:nth-child(2){margin:0px;font-size:14px}
.contact-right-bottom{padding:20px;border-radius:3px 3px 0 0}
.contact-right{width:100%;padding-bottom:150px}
.process-item-top{width:80px;height:80px}
.process-item-num{width:30px;height:30px;top:0px;right:-4px}
.home-case .l-wrap .case .case-content{justify-content:inherit}
.home-case .l-wrap .case .item{margin:0px}
.home-case .l-wrap .case{transform:translateY(15%);padding-bottom:25px;box-sizing:content-box;overflow:hidden}
.home-case .l-wrap .case .swiper-pagination{bottom:0px}
.home-case .l-wrap .case .item .text .content .show-des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.home-case{margin-bottom:50px}
.home-case .unify{padding-bottom:0px}
#swiper-news{width:100%}
.news-item-bottom{padding:10px 15px}
.news-item-read{margin-top:10px}
.news-bottom{margin:4% 0px;position:relative}
#indexbanner .swiper-button-next,#indexbanner .swiper-button-prev{width:40px!important;height:40px!important}
#indexbanner .swiper-button-prev{left:10px}
#indexbanner .swiper-button-next{right:10px}
.process-item-top em{font-size:34px}}
@media(min-width:1025px){[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}


:root {
    --primary-blue: #1A365D;
    --accent-gold: #D4AF37;
    --neutral-white: #FFFFFF;
    --neutral-gray:#333;
}

/* 国际赛事全屏图片三列布局 */
.tournament-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}
.hero-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.hero-card {
    position: relative;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}
.hero-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background: linear-gradient(0deg, rgba(26,54,93,0.9) 40%, transparent 100%);
    color: var(--neutral-white);
}
.partner-logo {
    height: 50px;
    margin-bottom: 20px;
}
.partner-title {
    font-size: 1.8rem;
    margin: 15px 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.partner-points {
    list-style: none;
    padding: 0;
    opacity: 0.9;
}
.partner-points li {
    margin: 12px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.partner-points li:before {
    content: "•";
    color: var(--accent-gold);
    font-size: 1.5rem;
    line-height: 1;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .hero-grid { grid-template-columns: 1fr 1fr; }
    .hero-card { height: 360px; }
}
@media (max-width: 768px) {
    .hero-grid { grid-template-columns: 1fr; }
    .hero-card { height: 400px; }
    .partner-title { font-size: 1.5rem; }
}

/* 窄版俱乐部案例 */
.club-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 25px;
    margin: 40px 25px;

    max-width: 1200px;
}
.club-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.club-image {
	position: relative;
    height: 200px;
    background-size: cover;
    background-position: center;
}
.club-content {
    padding:15px 20px;
}
.club-quote {
    color: var(--neutral-gray);
    border-left: 3px solid var(--accent-gold);
    padding-left: 12px;
    margin: 0 0 15px 0;
    font-size: 0.9rem;
    line-height: 1.5;
}
.club-stats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.stat-pill {
    background: rgba(212, 175, 55, 0.1);
    color: var(--accent-gold);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
}


@keyframes zoomInOut {
  0% {
    transform: scale(1); /* 初始状态，无放大 */
  }
  50% {
    transform: scale(1.2); /* 放大到1.5倍 */
  }
  100% {
    transform: scale(1); /* 再次缩小回原始大小 */
  }
}
.club-name {
	color: var(--neutral-gray);
    padding:35px 10px 15px 18px;
    font-size: 1rem;
    display:flex;
    justify-content:space-between;

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(26,54,93,0.9) 40%, transparent 100%);
    color: var(--neutral-white);
   
}
.club-name-agent{
/*	font-weight: bold;*/
	line-height: 30px;
}
.club-name-link{
	margin-top: 0px;
    background-color: #11b97f;
/*     width: 7.5rem; */
     height:2rem;
     text-align: center;
    color: #fff;
    padding: 5px 12px;
    font-size: 0.85rem;
    border-radius: 20px 20px;
/*    line-height: 2rem;*/
    animation: zoomInOut 2s infinite; /* 动画名称 持续时间 无限循环 */
  	transition: transform 0.3s ease-in-out;
}
/* 响应式设计 */
@media (max-width: 1024px) {
    .club-grid { grid-template-columns: repeat(2, 1fr); }
    .tournament-group { gap: 25px; padding: 0 30px; }
}
@media (max-width: 768px) {
    .club-grid, .tournament-group { grid-template-columns: 1fr; }
    .tournament-card { flex-direction: column; text-align: center; }
    .tournament-scroll { height: auto; }
}




:root {
            --golden-ratio: 61.8%;
            --content-ratio: calc(100% - var(--golden-ratio));
            --primary-blue: #1A365D;
            --accent-gold: #D4AF37;
        }

        /* 全局重置 */
       /* body {
            margin: 0;
            overflow-x: hidden;
            font-family: 'Arial', sans-serif;
        }*/

        /* 核心布局系统 */
        .product-section {
            position: relative;
            min-height: 100vh;
            display: flex;
            margin:40px 0;
        }

        /* 第一行：图片左贴边 */
        .image-left {
            flex-direction: row;
        }
        .image-left .image-wrapper {
            left: 0;
           
            width: var(--golden-ratio);
        }
        .image-left .content-wrapper {
            margin-left: var(--golden-ratio);
        }

        /* 第二行：图片右贴边 */
        .image-right {
            flex-direction: row-reverse;
        }
        .image-right .image-wrapper {
            right: 0;
            left: auto;
            width: var(--golden-ratio);
        }
        .image-right .content-wrapper {
            margin-right: var(--golden-ratio);
        }

        /* 图片容器绝对定位 */
        .image-wrapper {
            position: absolute;
            top: 0;
            bottom: 0;
        }
        .image-left-inner {
/*        	border-radius: 42px;*/
        	border-top-right-radius: 42px;
        	border-bottom-right-radius: 42px;
        	position: absolute;
            top: 0;
            bottom: 0;
            overflow: hidden;
            z-index: 200;
            width: 100%;
        }
        .image-right-inner {
/*        	border-radius: 42px;*/
        	border-top-left-radius: 42px;
        	border-bottom-left-radius: 42px;
        	position: absolute;
            top: 0;
            bottom: 0;
            overflow: hidden;
            z-index: 200;
            width:100%;
        }
        .image-left-rt {
        	position: absolute;
        	right: -20px;
        	top:-20px;
        	width: 70%;
        	height:90%;
        	background: #2A4365;
        	z-index: 100;
        	border-top-right-radius: 42px;
        }
        .image-right-rt {
        	position: absolute;
        	left: -20px;
        	top:-20px;
        	width: 70%;
        	height:90%;
        	background: #2A4365;
        	z-index: 100;
        	border-top-left-radius: 42px;
        }
        .court-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .court-image:hover {
            transform: scale(1.03);
        }

        .cert-badge-container {
        	position: absolute;
		    top: 2rem;
		    left: 2rem;
        }
        .cert-badge {
		    margin: 0 10px 0 0px;
		    background: rgba(0,0,0,0.7);
		    color: white;
		    padding: 1rem 2rem;
		    border-radius: 50px;
		    font-weight: bold;
		    backdrop-filter: blur(5px);
		}

		.client-logos {
		    position: absolute;
		    bottom: 2rem;
		    right: 2rem;
		    display: flex;
		    gap: 1.5rem;
		    background: rgba(255,255,255,0.9);
		    padding: 1.5rem;
		    border-radius: 12px;
		    backdrop-filter: blur(5px);
		    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
		}

		.client-logos img {
		    height: 40px;
		    opacity: 0.8;
		    transition: all 0.3s ease;
		    filter: grayscale(100%);
		}

.client-logos img:hover {
    opacity: 1;
    filter: grayscale(0%);
    transform: translateY(-3px);
}
/* 内容区域样式优化 */
.content-wrapper {
    padding: 4vw;
  /*  background: linear-gradient(
        to left,
        rgba(255,255,255,0.98) 0%,
        rgba(255,255,255,0.95) 100%
    );*/
/*    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(26,54,93,0.08);*/
}

/* 标题样式 */
.product-title {
    font-size: clamp(2rem, 3vw, 3.5rem);
    color: var(--primary-blue);
    line-height: 1.2;
    margin-bottom: 2rem;
    position: relative;
}
.product-title::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 120px;
    height: 4px;
    background: var(--accent-gold);
}

/* 特性列表 */
.spec-list {
    margin: 2rem 0;
}
.spec-item {
    margin: 2.5rem 0;
    padding-left: 2rem;
    border-left: 2px solid rgba(212,175,55,0.2);
    transition: all 0.3s ease;
}
.spec-item:hover {
    border-left-color: var(--accent-gold);
    transform: translateX(10px);
}
.spec-item h3 {
    font-size: 1.5rem;
    color: var(--primary-blue);
    margin-bottom: 0.5rem;
    position: relative;
}
.spec-item h3::before {
    content: "•";
    position: absolute;
    left: -2rem;
    color: var(--accent-gold);
    font-size: 2rem;
    line-height: 1;
}
.spec-item p {
    color: var(--neutral-gray);
    line-height: 1.6;
    margin: 0;
}



/* 响应式优化 */
@media (max-width: 1024px) {
    .content-wrapper {
        padding: 8%;
        border-left: none;
/*        border-top: 4px solid var(--accent-gold);*/
    }
    .image-left-inner,.image-right-inner {
        	border-radius: 10px;
	}
    .spec-item {
        margin: 2rem 0;
        padding-left: 1.5rem;
    }
    .spec-item h3 {
        font-size: 1.3rem;
    }
    .image-right-rt{
    	display: none;
    }
    .image-left-rt{
    	display: none;
    }
}

 @media (max-width: 1024px) {
            .product-section {
                flex-direction: column;
                min-height: auto;
            }
            .image-wrapper {
                position: relative;
                width: 100% !important;
                height: 60vh;
            }
            .content-wrapper {
                width: 100% !important;
                margin: 0 !important;
                padding: 10% 8%;
            }
        }





/* 三列均分布局 */
.compact-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1440px;
  margin: 2rem auto;
  padding: 0 3rem;
}

/* 案例卡片样式 */
.case-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(26,54,93,0.1);
  height: 420px; /* 高度减少30% */
}

.case-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.case-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(180deg, transparent 0%, rgba(26,54,93,0.85) 100%);
  color: white;
}
.case-subtitle {
	max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.case-title {
  max-width: 350px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case-tag {
  display: inline-block;
  padding: 0.4rem 1.2rem;
  background: rgba(212,175,55,0.9);
  border-radius: 2rem;
  font-size: 0.9rem;
  margin-bottom: 0.8rem;
}

/* 新闻列样式 */
.news-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.news-card {
  flex: 1;
  background: white;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
}

.news-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.news-date {
  color: #4A5568;
  font-size: 0.9rem;
}

.news-category {
  background: rgba(212,175,55,0.1);
  color: #D4AF37;
  padding: 0.3rem 0.9rem;
  border-radius: 2rem;
  font-size: 0.9rem;
}

.news-card p {
  color: #4A5568;
  line-height: 1.5;
  margin: 0.5rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 交互细节 */
.cta, .news-link {
  color: white;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  padding-bottom: 0.2rem;
  width: fit-content;
  transition: all 0.3s;
}

.news-link {
  color: #1A365D;
  border-color: rgba(26,54,93,0.2);
  margin-top: auto;
}

.cta:hover, .news-link:hover {
  border-color: #D4AF37;
  color: #D4AF37;
}

/* 响应式布局 */
@media (max-width: 1200px) {
  .compact-layout {
    grid-template-columns: 1fr;
    padding: 0 2rem;
  }
  .case-card {
    height: 240px;
  }
  .news-column {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  .compact-layout {
    padding: 0 1rem;
  }
  .news-column {
    flex-direction: column;
  }
  .language {overflow: display}
  .hotspot-title,.hotspot-subtitle {
  	display: none;
  }
  .hotspot-count {
  	left:40%;
  }
  
}