@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu{display: flex;flex-wrap: wrap;}
.paging-menu a{width: max(34px,0.7rem);height: max(34px,0.7rem);;margin: 0 max(3px,0.05rem);font-size: max(14px,0.2rem);color: #666;transition: all .4s ease;background: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.prev, .paging-menu a.next{font-size: max(18px,0.36rem);}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #2998e7 !important;background: #2998e7 !important;color: #fff !important;}

/* 隐私协议 */
.privacy .contain{max-width: 14rem;padding: 0;margin: 0 auto;}
.privacy-con h1,.privacy-con h2,.privacy-con h3,.privacy-con h4,.privacy-con h5,.privacy-con h6{color: #2998e7;font-weight: 700;font-size: max(14px,0.19rem);}
@media all and (max-width:1100px){.privacy .contain{max-width: 100%;padding: 0 4%;}}

/* 搜索页面 */
.search .contain{max-width: 15rem;padding: 0;margin: 0 auto;}
.search .sonBan-cont .title{animation: none;opacity: 1;}
.search .sonBan-wrap{padding-bottom: max(20px,1rem);}
.search-head{text-align: left;}
.search-form input{flex: 1;background: #f2f2f2;height: max(40px,0.7rem);padding: 0 max(14px,0.26rem);}
.search-form .btn{user-select: none;cursor: pointer;width: max(90px,1.4rem);background: #000;}
.search-form .btn:hover{background: #333;}
.search-nav{position: absolute;width: 15rem;left: 0;right: 0;margin: 0 auto;bottom: 0;justify-content: space-between;}
.search-nav .link{padding-bottom: max(12px,0.2rem);position: relative;}
.search-nav .link::after{content: "";position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background: #fff;opacity: 0;}
.search-nav .link.active::after{opacity: 1;}
.search-foot{background: #f2f2f2;}
.search-module{border-bottom: 1px solid #d8d8d8;}
.search-img{width: 2.77rem;height: max(80px,1.65rem);background: #fff;}
.search-img img{width: 100%;height: 100%;}
.search-con{width: calc(100% - 2.77rem);padding-left: max(12px,0.4rem);flex-direction: column;justify-content: space-between;}
.search-item:first-child{margin-top: 0;}
.search-item:hover .search-img img{transform: scale(1.08);}
.search-item:hover .search-con .title{color: #2998e7;}
@media all and (max-width:1100px){.search .contain{max-width: 100%;padding: 0 4%;}}
@media all and (max-width:720px){
    .search-nav{justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;font-size: 14px;padding: 0 4%;}
    .search-nav .link::after{content: "\e736";width: auto;font-family: "icon";height: auto;background: transparent;transform: rotate(-90deg);font-size: 10px;left: 50%;margin-left: -5px;line-height: 1;}
    .search-nav .link{margin-left: 20px;}
    .search-nav .link:first-child{margin-left: 0;}
}

/* 公共部分 */
.sonBan{width: 100%;position: relative;z-index: 99;transform: translate3d(0,0,20px);padding-top: calc(max(70px,0.8rem) + 5px);background: url("../images/pages/sonBanBg.jpg") repeat-x left top/auto 100%;overflow: hidden;animation: sonBanRun 300s linear infinite;}
@keyframes sonBanRun{from{background-position:0 center}to{background-position:-10000px center}}
.sonBan-wrap{width: 100%;height: max(220px,5.32rem);display: flex;align-items: center;position: relative;}
.sonBan-cont{width: 100%;position: relative;z-index: 10;transform: translate3d(0,0,10px);}
.sonBan-cont .title{opacity: 0;line-height: 1.24;animation: sonBanDown 1.4s ease both .4s;}
.sonBan-cont .text{opacity: 0;line-height: 1.5;animation: sonBanDown 1.4s ease both .6s;}
@keyframes sonBanDown{0%{opacity: 0;transform: translateY(max(30px,1rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.sonBan-logo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 0 0.5rem;display: flex;align-items: center;justify-content: flex-end;}
.sonBan-logo img{width: 14.4rem;opacity: 0;animation: sonBanImg 1.4s ease both .4s;}
@keyframes sonBanImg{0%{opacity: 0;filter: blur(6px);}100%{opacity: 1;filter: blur(0);}}
.sonBan-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sonBan-bg img{width: 100%;height: 100%;animation: imgScale 3s ease both;}
/* ----- */
.sonPlace{align-items: center;font-size: max(14px,0.16rem);position: absolute;width: 100%;top: max(12px,0.18rem);padding: 0 0.5rem;z-index: 12;transform: translate3d(0,0,12px);}
.sonPlace a{transition: color .4s ease;display: flex;align-items: center;color: #fff;}
.sonPlace a::before{content: "\e80b";font-family: "icon";margin: 0 max(5px,0.08rem);pointer-events: none;font-size: 10px;transform: rotate(180deg);line-height: 1;color: #fff;}
.sonPlace a:first-child::before{content: "\e60b";transform: rotate(0);font-size: max(14px,0.16rem);margin: -2px max(4px,0.06rem) 0 0;color: inherit !important;}
.sonPlace a:last-child span{display: block;max-width: 6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sonPlace a:hover{color: rgba(255,255,255,.7);}
@media (max-width: 1100px) {
    .sonBan {padding-top: 61px;}
    .sonPlace, .sonBan-logo{padding: 0 4%;}
}
@media all and (max-width:1000px){
    .sonBan-cont{text-align: center;}
    .sonBan-logo img{width: 100%;}
}
@media all and (max-width:720px){
    .sonPlace{display: none;}
}

/* 下载中心 */
.down{background: #f7f7f7;}
.down-wrap{width: 100%;align-items: flex-start;}
.down-menu{width: max(240px,5.87rem);flex-shrink: 0;}
.down-menu a{position: relative;overflow: hidden;background: #fff;border-radius: max(10px,0.16rem) 0;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));padding-right: max(50px,1rem);}
.down-menu a:first-child{margin-top: 0;}
.down-menu a span{position: relative;z-index: 4;}
.down-menu a .sd{position: absolute;width: 100%;height: 102%;left: 0;top: -1%;z-index: 2;white-space: nowrap;overflow: hidden;opacity: 0;}
.down-menu a .sd .arr{white-space: nowrap;animation: 40s linear infinite downRun;display: inline-block;position: relative;z-index: 4;height: 100%;}
.down-menu a .sd .arr i{width: max(36px,0.9rem);height: 100%;background: url("../images/pages/downSd2.png") no-repeat center center/100% 102%;display: inline-block;margin-left: min(-12px,-0.32rem);}
@keyframes downRun{0%{transform: translate(0,0)}100%{transform: translate(-100%)}}
.down-menu a .zz{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;background: linear-gradient(to right, #fff 65%, rgba(255, 255, 255, 0));}
.down-menu a i.icon{position: absolute;width: max(40px,1rem);height: 100%;top: 0;right: 0;font-size: max(16px,0.24rem);opacity: 0;transform: translateX(min(-10px,-0.2rem));transition: opacity .4s ease,transform .4s ease;z-index: 4;}
.down-menu a i.icon::before{transform: rotate(180deg);}
.down-menu a:hover .sd{opacity: 1;transform: translateX(0);}
.down-menu a:hover i.icon{opacity: 1;transform: translateX(0);}
.down-menu a:hover .sd{opacity: 0.4;}
.down-menu a.active{box-shadow: max(14px,0.24rem) max(16px,0.32rem) max(27px,0.54rem) max(3px,0.06rem) rgba(0, 0, 0, 0.11);}
.down-menu a.active .sd{opacity: 0.4;}
.down-menu a.active i.icon{opacity: 1;transform: translateX(0);}
.down-right{flex: 1;}
.down-list{width: 100%;}
.down-list .link{position: relative;overflow: hidden;background: #fff;border-radius: max(10px,0.16rem) 0;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));padding-right: max(50px,1.2rem);transition: background .4s ease, color .4s ease;margin-top: max(8px,0.1rem);}
.down-list .link:first-child{margin-top: 0;}
.down-list .link i{position: absolute;width: max(40px,1rem);height: 100%;top: 0;right: 0;}
.down-list .link i::before, .down-list .link i::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/pages/downArr.png") no-repeat center center/max(16px,0.28rem) auto;transition: opacity .4s ease;}
.down-list .link i::after{opacity: 0;background-image: url("../images/pages/downArrH.png");}
.down-list .link:hover{background: #2998e7; color: #fff;}
.down-list .link:hover i::before{opacity: 0;}
.down-list .link:hover  i::after{opacity: 1;}

/* 常见问题 */
.ques-list{width: 100%;user-select: none;}
.ques-list li{position: relative;overflow: hidden;background: #fff;border-radius: max(10px,0.16rem) 0;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));margin-top: max(8px,0.1rem);padding-bottom: max(14px,0.34rem);}
.ques-list li:first-child{margin-top: 0;}
.ques-list li .menu{position: relative;padding-right: max(50px,1.2rem);cursor: pointer;z-index: 2;transition: color .4s ease;}
.ques-list li .menu::after{content: "";position: absolute;width: 100%;height: max(14px,0.34rem);left: 0;top: 100%;}
.ques-list li .menu i{position: absolute;width: max(40px,1rem);height: calc(100% + max(14px,0.34rem));top: 0;right: 0;}
.ques-list li .menu i::before{transform: rotate(180deg);}
@media (hover: hover) {.ques-list li .menu:hover{color: #2998e7;}}
.ques-list li .cont{display: none;}
.ques-list li .cont .da{background: #f7f7f7;width: max(28px,0.36rem);height: max(28px,0.36rem);border-radius: 50%;flex-shrink: 0;}
.ques-list li .cont .text{flex: 1;padding-left: max(8px,0.1rem);padding-top: max(4px,0.04rem);}
.ques-list li.active .menu i::before{transform: rotate(0);}
.ques-list li.active .menu{color: #2998e7;padding-bottom: 0;}
.ques-list li.active .menu::after{visibility: hidden;pointer-events: none;}

/* 联系天城 */
.rel-wrap{width: 100%;align-items: flex-start;justify-content: space-between;}
.rel-amin{width: calc(50% - max(10px,0.21rem));}
.rel-map{width: 100%;position: relative;}
.rel-map img.bg{width: 100%;}
.rel-map .dot{position: absolute;width: 1px;height: 1px;top: 40.5%;left: 55.5%;animation: relJump 1.2s ease-in-out infinite;}
.rel-map .dot img{width: 1.79rem;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@keyframes relJump{0%,100%{transform: translateY(0);}50%{transform: translateY(min(-4px,-0.08rem));}}
.rel-form{width: calc(50% - max(10px,0.21rem));position: relative;}
.rel-form::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #efefef;overflow: hidden;border-radius: 1.24rem 0 1.24rem 0;clip-path: polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);}
.rel-form ul{position: relative;z-index: 10;margin: min(-16px,-0.42rem) 0 0 min(-16px,-0.42rem);}
.rel-form li{width: calc(50% - max(16px,0.42rem));margin: max(16px,0.42rem) 0 0 max(16px,0.42rem);}
.rel-form li.long{width: calc(100% - max(16px,0.42rem));}
.rel-form li .hint{margin-bottom: max(7px,0.14rem);}
.rel-form li .ipt{width: 100%;}
.rel-form li .ipt input, .rel-form li .ipt textarea{width: 100%;border: 1px solid #e6e6e6;border-radius: max(6px,0.1rem);padding: 0 max(12px,0.18rem);font-size: max(14px,0.16rem);color: #000;background: #fff;height: max(38px,0.6rem);transition: border .4s ease;}
/* .rel-form li .ipt input:focus, .rel-form li .ipt textarea:focus{border-color: #2998e7;} */
.rel-form li .ipt textarea{height: max(110px,1.88rem);resize: none;padding: max(8px,0.16rem) max(12px,0.18rem);}
/* -- */
.rel-form .isSelect.focus{z-index: 4;}
.rel-form .isSelect label{color: #999;height: max(38px,0.6rem);padding: 0 max(12px,0.18rem);font-size: max(14px,0.16rem);}
.rel-form .customSelect-name{background: #fff;border-radius: max(6px,0.1rem);color: #000;font-size: max(14px,0.16rem);height: max(38px,0.6rem);padding: 0 max(12px,0.18rem);border-color: #e6e6e6;}
.rel-form .customSelect.hasInput .customSelect-name {background: #fff;}
.rel-form .customSelect-name::after{color: #000;right: max(8px,0.16rem);font-size: max(14px,0.16rem);}
.rel-form .customSelect input{background: transparent;color: #101010;font-size: max(14px,0.16rem);height: max(38px,0.6rem);padding: 0 max(30px,0.5rem) 0 max(12px,0.18rem);border-radius: max(6px,0.18rem);}

.rel-form .customSelect-drop{border-radius: max(6px,0.1rem);top: 100%;box-shadow: none;border-color: #e6e6e6;border-top: none;padding: max(12px,0.18rem) 0;transition: border-radius .4s ease, border .4s ease;}
.rel-form .customSelect-drop::before{content: "";position: absolute;width: calc(100% - max(12px,0.18rem) * 2);top: 0;left: 0;right:0;margin: 0 auto;height: 1px;background: #f7f7f7;}

.rel-form .customSelect-drop .scroll{max-height: max(134px,1.98rem);}
.rel-form .customSelect-drop .select{height: max(34px,0.5rem);font-size: max(14px,0.16rem);color: #333;padding: 0 max(12px,0.18rem);}
.rel-form .customSelect-drop .select::after{display: none;}
.rel-form .customSelect-drop .select::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 2px;height: max(16px,0.18rem);background: #2998e7;margin: auto 0;opacity: 0;transition: opacity .4s ease;}
.rel-form .customSelect-drop .select:hover{color: #2998e7;}
.rel-form .customSelect-drop .select.active{color: #2998e7;}
.rel-form .customSelect-drop .select.active::before{opacity: 1;}
.rel-form .customSelect-name.noRadius{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom-color: #fff;}
.rel-form .customSelect-name.noRadius ~ .customSelect-drop{border-top-left-radius: 0;border-top-right-radius: 0;}
/* -- */
.rel-form li.btn{display: flex;justify-content: center;}
.rel-form li button{height: max(38px,0.6rem);padding: 0 max(20px,0.36rem);font-size: max(14px,0.16rem);position: relative;border-radius: max(14px,0.2rem) 0 max(14px,0.2rem) 0;transition: box-shadow .4s ease;box-shadow: max(14px,0.28rem) max(16px,0.32rem) max(27px,0.54rem) max(3px,0.06rem) rgba(0, 0, 0, 0.11);cursor: pointer;}
.rel-form li button span{position: relative;z-index: 2;color: #fff;}
.rel-form li button::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: max(10px,0.16rem) 0;background: #2998e7;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));}
.rel-form li button:hover{box-shadow: 0 0 max(14px,0.24rem) 0 rgba(41, 152, 231, .5);}

/* 公司新闻 */
.news{background: #f7f7f7;}
.news .sonBan .sonBan-wrap{height: max(140px,3.94rem);}
.news .sonBan{padding-bottom: 3.42rem;}
.news-box{width: 100%;}
.news-loop{width: 100%;position: relative;z-index: 100;margin-top: -3.42rem;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);overflow: hidden;background: #fff;}
.news-loop-imgs{width: 13.24rem;overflow: hidden;position: relative;display: block;}
.news-loop-link .img{width: 100%;overflow: hidden;position: relative;display: block;}
.news-loop-link .img img{width: 100%;height: 6.84rem;transition: transform .6s ease;}
.news-loop-cont{width: calc(100% - 13.24rem);background: #fff;position: relative;z-index: 4;}
.news-loop-cont::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;right: calc(100% - 2px);z-index: 4;transform: translate3d(0,0,10px);background: url("../images/pages/news1sd.png") no-repeat right bottom/auto 100%;pointer-events: none;}
.news-loop-cont .swiper-container, .news-loop-cont .news-loop-link{height: 100%;}
.news-loop-link .cont{width: 100%;height: 100%;background: #fff;padding: max(18px,0.36rem) max(18px,0.36rem) max(18px,0.36rem) 0;display: flex;align-items: center;position: relative;z-index: 4;}
.news-loop-link .cont .limit{position: relative;z-index: 4;width: 100%;}
.news-loop-link .cont .title h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-loop-link .cont .link i{display: flex;transition: color .4s ease;}
.news-loop-link .cont .link i::before{transform: rotate(180deg);}
.news-loop-link .img:hover img{transform: scale(1.06);}
.news-loop-link .cont .title:hover{color: #2998e7;}
.news-loop-link .cont .link .arrow{width: max(30px,0.6rem);height: max(20px,0.24rem);color: #000;transition: color .4s ease;position: relative;z-index: 6;overflow: hidden;}
.news-loop-link .cont .link .arrow i{display: flex;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;transition: transform .6s ease;align-items: center;font-style: normal;line-height: 1;font-size: max(16px,0.24rem);line-height: 1;}
.news-loop-link .cont .link .arrow i::before{transform: rotate(180deg);}
.news-loop-link .cont .link .arrow i:last-child{position: absolute;right: 100%;top: 0;}
.news-loop-link .cont .link .arrow:hover{color: #2998e7;}
.news-loop-link .cont .link .arrow:hover i{transform: translateX(100%);}
.swiper-slide-active .news-loop-link .cont .title{animation: newsRun 1s ease both 0.6s;}
.swiper-slide-active .news-loop-link .cont .time{animation: newsRun 1s ease both 0.8s;}
.swiper-slide-active .news-loop-link .cont .text{animation: newsRun 1s ease both 1s;}
.swiper-slide-active .news-loop-link .cont .link{animation: newsRun 1s ease both 1.2s;}
@keyframes newsRun{0%{opacity: 0;transform: translateY(max(30px,0.6rem));filter: blur(max(4px,0.06rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.news-loop .swiper-button{position: absolute;left: 10px;z-index: 10;transform: translate3d(0,0,10px);bottom: 10px;}
.news-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: #fff;cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #000;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.news-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.news-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.news-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.news-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.news-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.news-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.news-loop .swiper-button>div:hover{color: #fff;}
.news-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.news-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.news-loop .swiper-button>div.next:hover i{transform: translateX(4px);}
.news-wrap{width: 100%;align-items: flex-start;}
.news-list{flex: 1;padding-right: max(16px,0.42rem);}
.news-list-more{width: 100%;}
.news-list-link{width: 100%;display: block;position: relative;height: 100%;overflow: hidden;border-radius: 1rem 0 0 0;clip-path: polygon(0.8rem 0,100% 0,100% 100%,100% 100%,0 100%,0 0.8rem);}
.news-list-link .shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #fff;border-radius: 0 0 max(58px,1rem) 0;clip-path: polygon(0 0,100% 0,100% calc(100% - max(40px,0.8rem)),calc(100% - max(40px,0.8rem)) 100%,0 100%,0 0);overflow: hidden;transition: background .4s ease;}
.news-list-link .shade::before{content: "";position: absolute;width: 0;height: 100%;top: 0;left: 0;background: #228cd8;transform: skewX(-45deg);transition: width .8s ease;}
.news-list-link .cont .time, .news-list-link .cont .title{transition: color .6s ease;}
.news-list-link .img, .news-list-link .cont{position: relative;z-index: 2;}
.news-list-link .img{width: 100%;overflow: hidden;}
.news-list-link .img img{width: 100%;height: 2.68rem;transition: transform .6s ease;}
.news-list-link .arrow{position: absolute;right: 0;bottom: 0;overflow: hidden;width: max(20px,0.4rem);}
.news-list-link .arrow i{display: flex;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;transition: transform .6s ease;align-items: center;font-style: normal;line-height: 1;line-height: 1;}
.news-list-link .arrow i::before{transform: rotate(180deg);}
.news-list-link .arrow i:last-child{position: absolute;right: 100%;top: 0;}
.news-list-link:hover .shade::before{width: 130%;}
.news-list-link:hover .shade{background: #228cd8;transition: background .4s ease .8s;}
.news-list-link:hover .img img{transform: scale(1.06);}
.news-list-link:hover .cont .title{color: #fff;}
.news-list-link:hover .cont .time{color: #fff;}
.news-list-link:hover .arrow{color: #2998e7;}
.news-list-link:hover .arrow i{transform: translateX(100%);}
.news-other{width: max(200px,5.84rem);flex-shrink: 0;position: sticky;top: calc(max(70px,0.8rem) + max(10px,0.2rem));}
.news-other.news-other-mb{display: none;}
.news-other li{width: 100%;margin-top: max(12px,0.26rem);}
.news-other li:first-child{margin-top: 0;}
.news-other .isSelect.focus{z-index: 4;}
.news-other .isSelect label{color: #333;height: max(38px,0.86rem);padding: 0 max(12px,0.34rem);font-size: max(14px,0.19rem);}
.news-other .customSelect-name{background: #fff;border-radius: max(10px,0.2rem) 0 max(10px,0.2rem) 0;color: #333;font-size: max(14px,0.19rem);height: max(38px,0.86rem);padding: 0 max(12px,0.34rem);border-color: #fff;}
.news-other .customSelect.hasInput .customSelect-name {background: #fff;}
.news-other .customSelect-name::after{color: #000;right: max(8px,0.28rem);font-size: max(14px,0.19rem);}
.news-other .customSelect input{background: transparent;color: #101010;font-size: max(14px,0.16rem);height: max(38px,0.86rem);padding: 0 max(30px,0.5rem) 0 max(12px,0.34rem);border-radius: max(10px,0.2rem) 0 max(10px,0.2rem) 0;}
.news-other .customSelect-drop{border-radius: 0 0 max(10px,0.2rem) 0;top: 100%;box-shadow: none;border: none;padding: max(10px,0.2rem) 0;}
.news-other .customSelect-drop::before{content: "";position: absolute;width: calc(100% - max(12px,0.34rem) * 2);top: 0;left: 0;right:0;margin: 0 auto;height: 1px;background: #f7f7f7;}
.news-other .customSelect-drop .scroll{max-height: max(134px,2.78rem);}
.news-other .customSelect-drop .select{height: max(30px,0.6rem);font-size: max(14px,0.19rem);color: #333;padding: 0 max(12px,0.34rem);}
.news-other .customSelect-drop .select::after{display: none;}
.news-other .customSelect-drop .select::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 2px;height: max(16px,0.18rem);background: #2998e7;margin: auto 0;opacity: 0;transition: opacity .4s ease;}
.news-other .customSelect-drop .select:hover{color: #2998e7;}
.news-other .customSelect-drop .select.active{color: #2998e7;}
.news-other .customSelect-drop .select.active::before{opacity: 1;}
.news-other .customSelect-name.noRadius{border-bottom-right-radius: 0;}
/* -- */
.news-search{width: 100%;position: relative;}
.news-search input{background: #fff;border-radius: max(10px,0.2rem) 0 max(10px,0.2rem) 0;color: #333;font-size: max(14px,0.19rem);height: max(38px,0.86rem);padding: 0 max(36px,0.8rem) 0 max(12px,0.34rem);border: 1px solid #fff;transition: border .4s ease;width: 100%;}
.news-search button{position: absolute;width: max(34px,0.8rem);height: 100%;top: 0;right: 0;z-index: 4;font-size: max(14px,0.22rem);color: #333;display: flex;align-items: center;justify-content: center;line-height: 1;transition: color .4s ease;cursor: pointer;font-weight: 700;}
.news-search button:hover{color: #2998e7;}
.news-share{display: flex;justify-content: flex-end;}
.news-share a{display: flex;align-items: center;justify-content: center;position: relative;margin-right: max(10px,0.16rem);cursor: pointer;width: max(36px,0.5rem);height: max(36px,0.5rem);border-radius: 50%;border: 1px solid #333;transition: background .4s ease, border .4s ease;}
.news-share a span{width: max(26px,0.26rem);height: max(26px,0.26rem);border-radius: 50%;background: #333;color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;font-size: max(14px,0.15rem);transition: all .4s ease;flex-shrink: 0;}
.news-share a:last-child{margin-right: 0;}
.news-share a:hover{background: #2998e7;border-color: #2998e7;}
.news-share a:hover span{background: #fff;color: #2998e7;}

/* 公司新闻-详情 */
.newsxq{background: #f7f7f7;}
.newsxq-main{position: relative;width: 100%;align-items: flex-start;}
.newsxq-main .sonPlace{top: calc(max(70px,0.8rem) + 5px + max(10px,0.16rem));}
.newsxq-main .sonPlace a{color: #333;}
.newsxq-main .sonPlace a::before{color: #333;}
.newsxq-main .sonPlace a:hover{color: #2998e7;}
.newsxq-content{width: calc(100% - max(280px,6.2rem));padding: calc(max(70px,0.8rem) + 5px + 1.28rem) 0.5rem 0;}
.newsxq-content .content{width: 100%;}
.newsxq-content .content img, .newsxq-content .content video{height: auto !important;}
.newsxq-side{width: max(280px,6.2rem);position: sticky;top: calc(max(70px,0.8rem) + max(10px,0.2rem));margin-top: calc(max(70px,0.8rem) + 5px + 1.28rem);}
.newsxq-side::before{content: "";position: absolute;width: 100%;height: calc(max(70px,0.8rem) + 7px + 1.28rem);bottom: 100%;left: 0;background: #fbfbfb;}
.newsxq-side-main{background: #fbfbfb;width: 100%;padding: 0 max(16px,0.42rem) max(24px,0.68rem);overflow: hidden;}
.newsxq-side-tui-list{width: 100%;}
.newsxq-side-tui-list a:first-child{margin-top: 0;}
.newsxq-side-tui-list a:hover .title{color: #2998e7;}
.newsxq-side-guan-link{width: 100%;}
.newsxq-side-guan-link .link{display: flex;align-items: center;justify-content: center;position: relative;margin-right: max(10px,0.16rem);cursor: pointer;width: max(36px,0.5rem);height: max(36px,0.5rem);border-radius: 50%;border: 1px solid #333;transition: background .4s ease, border .4s ease;}
.newsxq-side-guan-link .link span{width: max(26px,0.26rem);height: max(26px,0.26rem);border-radius: 50%;background: #333;color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;font-size: max(14px,0.15rem);transition: all .4s ease;flex-shrink: 0;}
.newsxq-side-guan-link .link:last-child{margin-right: 0;}
.newsxq-side-guan-link  .Footer-code-img{background: #2998e7;}
.newsxq-side-guan-link  .Footer-code-img::after{border: max(6px,0.08rem) solid transparent;border-top-color: #2998e7;}
.newsxq-side-guan-link .link:hover{background: #2998e7;border-color: #2998e7;}
.newsxq-side-guan-link .link:hover span{background: #fff;color: #2998e7;}
.newsxq-side-guan-link .link:hover .Footer-code-img{display: block;animation: FooterCode .6s ease-in-out both;}
.newsxq-slide-back a{display: flex;align-items: center;}
.newsxq-slide-back a i{width: max(34px,0.68rem);height: max(34px,0.68rem);border-radius: 50%;background: #fff;color: #000;margin-right: max(8px,0.12rem);font-size: max(16px,0.26rem);line-height: 1;transition: background .4s ease,color .4s ease;}
.newsxq-slide-back a i::before{transform: rotateY(180deg);}
.newsxq-slide-back a span{font-size: max(14px,0.16rem);color: #000;transition: color .4s ease;}
.newsxq-slide-back a:hover i{background: #2998e7;color: #fff;}
.newsxq-slide-back a:hover span{color: #2998e7;}
.newsxq-control{width: 100%;overflow: hidden;}
.newsxq-control a{background: #fff;padding: max(14px,0.28rem) max(40px,1rem) max(14px,0.28rem) max(12px,0.24rem);margin-top: 8px;align-items: center;position: relative;display: block;width: 100%;border-radius: max(10px,0.16rem) 0;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));overflow: hidden;}
.newsxq-control a:first-child{margin-top: 0;}
.newsxq-control a .arrow{width: max(40px,1rem);height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}
.newsxq-control a .arrow i{width: 100%;height: 100%;transition: transform .6s ease;display: block;font-style: normal;}
.newsxq-control a .arrow i::before, .newsxq-control a .arrow i::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/pages/newsxqArr.png") no-repeat center/max(16px,0.29rem) auto;transition: opacity .4s ease;}
.newsxq-control a .arrow i:last-child{position: absolute;left: 100%;top: 0;}
.newsxq-control a .arrow i::after{background-image: url("../images/pages/newsxqArrH.png");opacity: 0;}
.newsxq-control a span{transition: color .4s ease;}
.newsxq-control a.next .arrow{transform: rotate(180deg);}
.newsxq-control a:hover span{color: #2998e7;}
.newsxq-control a:hover .arrow i::before{opacity: 0;}
.newsxq-control a:hover .arrow i::after{opacity: 1;}
.newsxq-control a:hover .arrow i{transform: scale(0.8);}
.newsxq-more{width: 100%;overflow: hidden;}

/* 加入我们 */
.join-info{width: 100%;padding-left: 0.5rem;background: #fff;}
.join-info .cont{width: calc(100% - 12.94rem);position: relative;z-index: 4;padding-right: 0.8rem;display: flex;flex-direction: column;justify-content: center;}
.join-info .cont::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: calc(100% - 1px);background: url("../images/pages/join1sd.png") no-repeat left top/auto 100%;pointer-events: none;}
.join-info .img{width: 12.94rem;position: relative;overflow: hidden;}
.join-info .img img{width: 100%;height: 7rem;}
.join-info .img i{position: absolute;width: 0%;height: 100%;top: 0;left: 0;background: #fff;z-index: 4;clip-path: polygon(0 0, calc(100% - 1rem) 0%, 100% 100%, 0% 100%);display: none;}
@media all and (min-width:1000px) {
    .join-info .img.animated i{animation: joinInfoImg 2s cubic-bezier(0.22, 0.61, 0.36, 1) both .5s;}
    @keyframes joinInfoImg{0%{width: 120%;}100%{width: 0%;}}
}
.join-main{width: 100%;overflow: hidden;background: #f7f7f7;}
.join-main-loop{width: 100%;}
.join-main-link{display: block;width: 100%;overflow: hidden;background: #fff;padding: 1.1rem max(16px,0.3rem) max(16px,0.3rem) max(16px,0.3rem);border-radius: 1rem 0;clip-path: polygon(0.8rem 0,100% 0,100% calc(100% - 0.8rem),calc(100% - 0.8rem) 100%,0 100%,0 0.8rem);transition: background .4s ease;position: relative;}
.join-main-link::before{content: "";position: absolute;width: 0%;height: 120%;top: -20%;left: -20%;background: #2998e7;transform: skewX(-45deg);transition: width .8s ease;}
.join-main-link .limit{position: relative;z-index: 4;}
.join-main-link .hint p{margin-right: max(10px,0.2rem);}
.join-main-link .hint p:last-child{margin-right: 0;}
.join-main-link .name, .join-main-link .hint{transition: color .4s ease;}
.join-main-link .link .comBtn.son{box-shadow: none;}
.join-main-link:hover{background: #2998e7;transition: background .4s ease .8s;}
.join-main-link:hover::before{width: 150%;}
.join-main-link:hover .name, .join-main-link:hover .hint{color: #fff;}
.join-main-link:hover .link .comBtn.color .btn_txt::before{background: #fff;}
.join-main-link:hover .link .comBtn.color .btn_arr::before{background: #fff;}
.join-main-link:hover .link .comBtn.color{color: #2998e7;}
.join-main-loop .swiper-button{position: relative;justify-content: center;}
.join-main-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: #fff;cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #000;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.join-main-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.join-main-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.join-main-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.join-main-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.join-main-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.join-main-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.join-main-loop .swiper-button>div:hover{color: #fff;}
.join-main-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.join-main-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.join-main-loop .swiper-button>div.next:hover i{transform: translateX(4px);}

/* 产品中心 */
.pro{width: 100%;position: relative;overflow: hidden;}
.pro .sonPlace{top: calc(max(70px,0.8rem) + max(12px,0.16rem));}
.pro-list{width: 100%;}
.pro-list .item{width: 100%;position: relative;overflow: hidden;padding-bottom: max(40px,1.46rem);overflow: hidden;}
.pro-banner{width: 100%;position: absolute;width: 100%;top: 0;left: 0;overflow: hidden;}
.pro-banner img{width: 100%;height: 8.66rem;min-height: 360px;}
.pro-wrap{width: 100%;position: relative;z-index: 10;}
.pro-head{width: 100%;padding-top: max(28px,0.88rem);}
.pro-tags{width: 100%;margin-top: 3.5rem;}
.pro-tags-ul{justify-content: center;}
.tags-link{height: max(40px,0.94rem);display: flex;align-items: center;border-radius: max(20px,0.47rem);position: relative;overflow: hidden;margin-right: max(16px,0.42rem);margin-bottom:0.2rem}
.tags-link:last-child{margin-right: 0 !important;}
.tags-link i, .tags-link span{position: relative;z-index: 4;}
.tags-link i{width: max(40px,0.94rem);height: max(40px,0.94rem);border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #fff;overflow: hidden;transition: background .4s ease;flex-shrink: 0;}
.tags-link i img{max-height: 76%;max-width: 76%;transition: transform .6s ease;}
.tags-link span{font-size: max(14px,0.19rem);padding: 0 max(12px,0.2rem);color: #000;transition: color .4s ease;width: max(188px,2.6rem);display: flex;justify-content: center;}
.tags-link::before, .tags-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.tags-link::before{background: rgba(255,255,255,.4);backdrop-filter: blur(6px);transition: background .4s ease;}
.tags-link::after{border: 1px solid rgba(255,255,255,.67);z-index: 1;border-radius: max(20px,0.47rem);transition: border .4s ease;z-index: 4;}
.tags-link:hover{border-color: #fff;}
.tags-link:hover::before{background: rgba(255,255,255,1);}
.tags-link:hover::after{border-color: #fff;}
.tags-link:hover i{background: #2998e7;}
.tags-link:hover i img{transform: scale(1.1);}
.tags-link:hover span{color: #2998e7;}
.pro-list .item:first-child .pro-head{padding-top: calc(max(70px,0.8rem) + 2.26rem);}
.pro-list .item:first-child .pro-tags{margin-top: max(30px,0.6rem);}
.pro-main{width: 100%;margin-top: 1.18rem;}
.pro-main-link{display: flex;background: linear-gradient(to bottom,#e0e0e0,#f5f5f5);border-radius: 1rem 0;clip-path: polygon(0.8rem 0,100% 0,100% calc(100% - 0.8rem),calc(100% - 0.8rem) 100%,0 100%,0 0.8rem);overflow: hidden;}
.pro-main-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: linear-gradient(to bottom,#d8efff,#f1f9ff);pointer-events: none;opacity: 0;transition: opacity .4s ease;}
.pro-main-link .img{width: 4.5rem;height: 4.6rem;position: relative;z-index: 3;transition: width .6s ease;}
.pro-main-link .img img{max-width: 100%;max-height: 100%;transition: transform .6s ease;}
.pro-main-link .cont{flex: 1;display: flex;align-items: center;padding-right: 1.3rem;position: relative;z-index: 4;transition: padding .6s ease}
.pro-main-link .shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #2998e7;opacity: 0;transition: opacity .4s ease;}
.pro-main-link .shade::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;background: url("../images/pages/proSd.png") no-repeat top right/auto 100%;right: calc(100% - 1px);}
.pro-main-link .cont .limit{position: relative;z-index: 4;}
.pro-main-link .cont .link .arrow{width: max(30px,0.6rem);height: max(20px,0.24rem);color: #000;transition: color .4s ease;position: relative;z-index: 6;overflow: hidden;}
.pro-main-link .cont .link .arrow i{display: flex;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;transition: transform .6s ease;align-items: center;font-style: normal;line-height: 1;font-size: max(16px,0.24rem);line-height: 1;}
.pro-main-link .cont .link .arrow i::before{transform: rotate(180deg);}
.pro-main-link .cont .link .arrow i:last-child{position: absolute;right: 100%;top: 0;}
.pro-main-link:hover .img{width: calc(4.5rem + 1rem);}
.pro-main-link:hover .img img{transform: scale(1.1);}
.pro-main-link:hover .cont{padding-right: 0.3rem;}
.pro-main-link:hover .cont .title, .pro-main-link:hover .cont .text{color: #fff;}
.pro-main-link:hover::before{opacity: 1;}
.pro-main-link:hover .shade{opacity: 1;}
.pro-main-link:hover .cont .link .arrow{color: #fff;}
.pro-main-link:hover .cont .link .arrow i{transform: translate(100%,0);}
.pro-list{width: 100%;}
.pro-list-link{display: block;width: 100%;}
.pro-list-link .img{width: 100%;height: 3.6rem;background: linear-gradient(to bottom,#e0e0e0,#f5f5f5);position: relative;}
.pro-list-link .img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: linear-gradient(to bottom,#d8efff,#f1f9ff);pointer-events: none;opacity: 0;transition: opacity .4s ease;}
.pro-list-link .img img{max-width: 100%;max-height: 100%;transition: transform .6s ease;position: relative;z-index: 2;}
.pro-list-link .cont{padding: max(16px,0.3rem) max(12px,0.24rem);position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.pro-list-link .cont::before, .pro-list-link .cont::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: opacity .4s ease;animation: sonBanRun 400s linear infinite;}
.pro-list-link .cont::before{background: url("../images/pages/prosdm.png") repeat-x center center/cover;}
.pro-list-link .cont::after{background: url("../images/pages/prosdmH.png") repeat-x center center/cover;opacity: 0;}
.pro-list-link .cont .title{width: calc(100% - max(30px,0.6rem));position: relative;z-index: 4;}
.pro-list-link .cont .arrow_box .arrow{width: max(30px,0.6rem);height: max(20px,0.24rem);color: #000;transition: color .4s ease;position: relative;z-index: 6;overflow: hidden;}
.pro-list-link .cont .arrow_box .arrow i{display: flex;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;transition: transform .6s ease;align-items: center;justify-content: center;font-style: normal;line-height: 1;font-size: max(16px,0.24rem);line-height: 1;}
.pro-list-link .cont .arrow_box .arrow i::before{transform: rotate(180deg);}
.pro-list-link .cont .arrow_box .arrow i:last-child{position: absolute;right: 100%;top: 0;}
.pro-list-link:hover .img::before{opacity: 1;}
.pro-list-link:hover .img img{transform: scale(1.1);}
.pro-list-link:hover .cont::after{opacity: 1;}
.pro-list-link:hover .cont::before{opacity: 0;}
.pro-list-link:hover .cont .title{color: #fff;}
.pro-list-link:hover .cont .arrow_box .arrow{color: #fff;}
.pro-list-link:hover .cont .arrow_box .arrow i{transform: translate(100%,0);}
/* -- */
.pro-menu{position: fixed;z-index: 99;top: 0;right: max(6px,0.1rem);user-select: none;opacity: 0;visibility: hidden;transition: opacity .4s ease,visibility .4s ease;pointer-events: none;flex-direction: column;height: 100%;justify-content: center;padding-bottom: max(30px,0.6rem);}
body.scroll_cp .pro-menu{opacity: 1;visibility: visible;}
.pro-menu .link{display: flex;align-items: center;height: max(36px,0.7rem);display: flex;align-items: center;justify-content: center;width: max(100px,1.56rem);font-size: max(12px,0.16rem);color: #333;margin-top: max(6px,0.1rem);transition: color .4s ease;cursor: pointer;position: relative;border-radius: max(12px,0.18rem) 0;box-shadow: 0 0 max(10px,0.24rem) rgba(0,0,0,.16);overflow: hidden;pointer-events: auto;}
.pro-menu .link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #fff;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));transition: background .4s ease;}
.pro-menu .link::after{content: "";position: absolute;width: 0;height: 102%;transform-origin: left center;background: #2998e7;left: 0;top: -1%;clip-path: polygon(0% 0%,100% 0%,calc(100% - max(6px,0.1rem)) 100%,0% 100%);transition: width .6s ease;z-index: 2;}
.pro-menu .link span{position: relative;z-index: 4;}
.pro-menu .link:first-child{margin-top: 0;}
@media (hover: hover) {
    .pro-menu .link:hover{color: #fff;}
    .pro-menu .link:hover::before{background: #2998e7;transition: background .4s ease .6s;}
    .pro-menu .link:hover::after{width: calc(100% + max(6px,0.12rem));}
}
.pro-menu .link.active{color: #fff;}
.pro-menu .link.active::before{background: #2998e7;transition: background .4s ease .6s;}
.pro-menu .link.active::after{width: calc(100% + max(6px,0.12rem));}

/* 产品中心-列表 */
.prolb{width: 100%;position: relative;overflow: hidden;}
.prolb .paging-menu a{background: #f2f2f2;}
.pro-control{width: 100%;margin-top: max(20px, 0.7rem);}
.pro-control .isSelect{width: max(180px,3rem);}
.pro-control .isSelect.focus{z-index: 4;}
.pro-control .isSelect label{color: #333;height: max(36px,0.6rem);padding: 0 max(12px,0.24rem);font-size: max(14px,0.16rem);}
.pro-control .customSelect-name{background: transparent;border-radius: max(18px,0.3rem);color: #333;font-size: max(14px,0.16rem);height: max(36px,0.6rem);padding: 0 max(12px,0.24rem);border-color: #ccc;transition: border-radius .4s ease, border .4s ease;}
.pro-control .customSelect.hasInput .customSelect-name {background: #fff;}
.pro-control .customSelect-name::after{color: #000;right: max(8px,0.2rem);font-size: max(14px,0.16rem);}
.pro-control .customSelect input{background: transparent;color: #101010;font-size: max(14px,0.16rem);height: max(36px,0.6rem);padding: 0 max(30px,0.5rem) 0 max(12px,0.24rem);border-radius: max(18px,0.3rem);}
.pro-control .customSelect-drop{border-radius: max(18px,0.3rem);top: 100%;box-shadow: none;border-color: #ccc;border-top: none;padding: max(10px,0.2rem) 0;transition: border-radius .4s ease, border .4s ease;}
.pro-control .customSelect-drop::before{content: "";position: absolute;width: calc(100% - max(12px,0.24rem) * 2);top: 0;left: 0;right:0;margin: 0 auto;height: 1px;background: #f7f7f7;}
.pro-control .customSelect-drop .scroll{max-height: max(120px,2rem);}
.pro-control .customSelect-drop .select{height: max(30px,0.5rem);font-size: max(14px,0.16rem);color: #333;padding: 0 max(12px,0.24rem);}
.pro-control .customSelect-drop .select::after{display: none;}
.pro-control .customSelect-drop .select::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 2px;height: max(16px,0.18rem);background: #2998e7;margin: auto 0;opacity: 0;transition: opacity .4s ease;}
.pro-control .customSelect-drop .select:hover{color: #2998e7;}
.pro-control .customSelect-drop .select.active{color: #2998e7;}
.pro-control .customSelect-drop .select.active::before{opacity: 1;}
.pro-control .customSelect-name.noRadius{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom-color: #fff;}
.pro-control .customSelect-name.noRadius ~ .customSelect-drop{border-top-left-radius: 0;border-top-right-radius: 0;}
.pro-control .search{width: max(300px,5.8rem);margin-left: max(8px,0.12rem);position: relative;}
.pro-control .search input{width: 100%;background: transparent;border-radius: max(18px,0.3rem);height: max(36px,0.6rem);padding: 0 calc(max(36px,0.6rem) + max(12px,0.24rem)) 0 max(12px,0.24rem);border: 1px solid #ccc;font-size: max(14px,0.16rem);transition: border .4s ease;}
.pro-control .search button{position: absolute;width: max(34px,calc(0.6rem - 2px));height: max(34px,calc(0.6rem - 2px));background: #fff;z-index: 4;cursor: pointer;right: 1px;top: 1px;border-radius: 50%;font-size: max(14px,0.16rem);line-height: 1;color: #333;font-weight: 700;transition: background .4s ease,color .4s ease;}
.pro-control .search button:hover{background: #2998e7;color: #fff;}

/* 产品中心-详情 */
.proxq{width: 100%;background: linear-gradient(to bottom,#c5c5c5,#f6f6f6);padding: max(70px,0.8rem) 0 2.5rem;;overflow: hidden;}
.proxq .sonPlace{position: relative;top: 0;margin-top: max(12px,0.18rem);}
.proxq .sonPlace a{color: #333;}
.proxq .sonPlace a::before{color: #333;}
.proxq .sonPlace a:hover{color: #2998e7;}
.proxq-wrap{width: 100%;padding-right: 0.5rem;position: relative;align-items: center;}
.proxq-imgs{width: 11rem;position: relative;position: relative;justify-content: flex-end;}
.proxq-imgs .big{width: 5.9rem;position: absolute;overflow: hidden;left: 0;top: 0;}
.proxq-imgs .big img{width: 100%;height: 6.3rem;}
.proxq-imgs .big i{position: absolute;width: 0%;height: calc(100% + 4px);top: -2px;right: 0;background: linear-gradient(to bottom,#e0e0e0,#f5f5f5);z-index: 2;clip-path: polygon(0.88rem 0%, 100% 0%, calc(100% - 0.88rem) 100%, 0% 100%);}
.proxq-imgs .big.animated i{animation: proxqImg 2s cubic-bezier(0.22, 0.61, 0.36, 1) both .2s;}
@keyframes proxqImg{0%{width: 120%;}100%{width: 0%;}}
.proxq-imgs .small{width: 6.14rem;height: 6.3rem;position: relative;z-index: 3;}
.proxq-imgs .small img{position: relative;z-index: 4;max-width: 80%;max-height: 80%;}
.proxq-imgs .small::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;transform-origin: center;background: linear-gradient(to bottom,#e0e0e0,#f5f5f5);clip-path: polygon(0.88rem 0%, 100% 0%, calc(100% - 0.88rem) 100%, 0% 100%);}
.proxq-imgs .small.animated img{animation: proxqImg2 2s cubic-bezier(0.22, 0.61, 0.36, 1) both .2s;}
@keyframes proxqImg2{0%{transform: scale(0.5);opacity: 0;}100%{transform: scale(1);opacity: 1;}}
.proxq-cont{width: calc(100% - 11rem);padding: 0 max(10px,0.3rem) 0 max(20px,0.44rem);}
.proxq-back{position: absolute;right: 0.5rem;top: 0;}
.proxq-back a{display: flex;align-items: center;}
.proxq-back a i{width: max(34px,0.68rem);height: max(34px,0.68rem);border-radius: 50%;background: #fff;color: #2998e7;margin-right: max(8px,0.12rem);font-size: max(16px,0.26rem);line-height: 1;transition: background .4s ease,color .4s ease;}
.proxq-back a i::before{transform: rotateY(180deg);}
.proxq-back a span{font-size: max(14px,0.16rem);color: #000;transition: color .4s ease;}
.proxq-back a:hover i{background: #2998e7;color: #fff;}
.proxq-back a:hover span{color: #2998e7;}

/* 解决方案 */
.case .sonBan{background: none;animation: none;}
.case-menu-box{position: relative;height: max(36px,0.7rem);}
.case-menu{pointer-events: none;flex-wrap: nowrap;position: absolute;top: 0;right: 50%;transform: translateX(50%);transition: opacity .4s ease, visibility .4s ease;z-index: 99;}
body.scroll_cp .case-menu.fixed{opacity: 1;visibility: visible;}
.case-menu .link{display: flex;align-items: center;height: max(36px,0.7rem);display: flex;align-items: center;justify-content: center;width: max(100px,1.56rem);font-size: max(12px,0.16rem);color: #333;margin-right: max(6px,0.1rem);transition: color .4s ease;cursor: pointer;position: relative;border-radius: max(12px,0.18rem) 0;box-shadow: 0 0 max(10px,0.24rem) rgba(0,0,0,.16);overflow: hidden;pointer-events: auto;}
.case-menu .link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: #fff;clip-path: polygon(max(8px,0.12rem) 0,100% 0,100% calc(100% - max(8px,0.12rem)),calc(100% - max(8px,0.12rem)) 100%,0 100%,0 max(8px,0.12rem));transition: background .4s ease;}
.case-menu .link::after{content: "";position: absolute;width: 0;height: 102%;transform-origin: left center;background: #2998e7;left: 0;top: -1%;clip-path: polygon(0% 0%,100% 0%,calc(100% - max(6px,0.1rem)) 100%,0% 100%);transition: width .6s ease;z-index: 2;}
.case-menu .link span{position: relative;z-index: 4;}
.case-menu .link:last-child{margin-right: 0;}
.case-menu.fixed{position: fixed;right: max(6px,0.1rem);top: 0;height: 100%;flex-direction: column;justify-content: center;padding-bottom: max(30px,0.6rem);transform: translateX(0);opacity: 0;visibility: hidden;}
.case-menu.fixed .link{margin-right: 0;margin-top: max(6px,0.1rem);}
.case-menu.fixed .link:first-child{margin-top: 0;}
@media (hover: hover) {
    .case-menu .link:hover{color: #fff;}
    .case-menu .link:hover::before{background: #2998e7;transition: background .4s ease .6s;}
    .case-menu .link:hover::after{width: calc(100% + max(6px,0.12rem));}
}
.case-menu .link.active{color: #fff;}
.case-menu .link.active::before{background: #2998e7;transition: background .4s ease .6s;}
.case-menu .link.active::after{width: calc(100% + max(6px,0.12rem));}
.case-list{width: 100%;}
.case-list .item{width: 100%;margin-top: max(30px,1.6rem);}
.case-list .item:first-child{margin-top: max(24px,0.84rem);}
.case-main{width: 100%;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);overflow: hidden;position: relative;}
.case-main .imgbox{width: 100%;position: relative;}
.case-main .imgbox img.bg{width: 100%;height: auto;}
.case-main .cont{position: absolute;width: 33%;height: 100%;top: 0;right: 0;padding-right: 1rem;display: flex;flex-direction: column;justify-content: center;color: #fff;z-index: 10;}
.case-loop{width: 100%;position: relative;}
.case-loop .swiper-button{position: absolute;justify-content: flex-start;z-index: 66;top: 0;left: 0;}
.case-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: #389fe8;cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #fff;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.case-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.case-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.case-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.case-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.case-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.case-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.case-loop .swiper-button>div:hover{color: #fff;}
.case-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.case-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.case-loop .swiper-button>div.next:hover i{transform: translateX(4px);}
.case-main .imgbox-san{width: 1px;height: 1px;position: absolute;z-index: 1;top: 42%;left: 52%;}
.case-main .imgbox-san .limit{position: absolute;width: 4.63rem;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 1.83rem;}
.case-main .imgbox-san .limit img.bg{width: 100%;height: 100%;border-radius: 0.91rem;}
.case-main .imgbox-san .run{font-style: normal;width: 1px;height: 1px;position: absolute;top: 77%;left: 49.6%;}
.case-main .imgbox-san .run i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 2.06rem;}
.case-main .imgbox-san .run i img{width: 100%;transform-origin: top center;animation: imgboxSan 3s ease infinite;}
@keyframes imgboxSan{0%{transform: scale(0);}100%{transform: scale(1);}}
.imgbox-dot{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.imgbox-dot .dot{width: 1px;height: 1px;position: absolute;z-index: 1;}
.imgbox-dot .dot i{position: absolute;width: 0.18rem;height: 0.18rem;border-radius: 50%;background: #228cd8;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.imgbox-dot .dot i::before,.imgbox-dot .dot i::after {content: "";display: block;width: 100%;height: 100%;background: rgba(41, 152, 231, .5);border-radius: 50%;position: absolute;top: 0;left: 0;animation: imgboxDotRing 1.5s linear infinite;opacity: 0;}
.imgbox-dot .dot i::before {animation-delay: .6s;}
.imgbox-dot .dot i::after {animation-delay: 0s;}
@keyframes imgboxDotRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(5)}}
.imgbox-dot .dot .tu{position: absolute;width: 2.8rem;height: 1.8rem;border-radius: 0.9rem;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: center;top: 50%;margin-top: -0.6rem;left: 0.5rem;opacity: 0;transition: opacity .4s ease;}
.imgbox-dot .dot .tu img{max-width: 80%;max-height: 80%;}
.imgbox-dot .dot i:hover ~ .tu{opacity: 1;}
.imgbox-dot .dot.dot_l{top: 12%;left: 9%;}
.imgbox-dot .dot.dot_c{top: 51.4%;left: 28.5%;}
.imgbox-dot .dot.dot_r{top: 12%;left: 46.5%;}
/* -- */
.imgbox-dan{width: 1px;height: 1px;position: absolute;z-index: 1;top: 46%;left: 50%;}
.imgbox-dan .tu{position: absolute;width: 2.8rem;height: 1.8rem;border-radius: 0.9rem;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.imgbox-dan .tu img{max-width: 80%;max-height: 80%;}

/* 关于天城 */
.abo{width: 100%;}
.abojs{background: #fff;overflow: visible;}
.abojs-main{position: relative;z-index: 20;overflow: hidden;}
.abojs-main .contain{justify-content: space-between;align-items: flex-start;}
.abojs-main-info{width: auto;}
.abojs-main-info .img{width: 4.88rem;height: 1.52rem;position: relative;cursor: pointer;}
.abojs-main-info .img::before,.abojs-main-info .img::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.abojs-main-info .img::before{box-shadow: max(13px,0.26rem) max(15px,0.3rem) max(30px,1.98rem) max(10px,0.2rem) rgba(0, 0, 0, 0.38);border-radius: 0.6rem 0 0.6rem 0;}
.abojs-main-info .img img{width: 100%;height: 100%;position: relative;z-index: 4;border-radius: 0.4rem 0;clip-path: polygon(0.3rem 0,100% 0,100% calc(100% - 0.3rem),calc(100% - 0.3rem) 100%,0 100%,0 0.3rem);}
.abojs-main-info .img::after{border-radius: 0.4rem 0;clip-path: polygon(0.3rem 0,100% 0,100% calc(100% - 0.3rem),calc(100% - 0.3rem) 100%,0 100%,0 0.3rem);background: rgba(0, 0, 0, 0.5);z-index: 5;}
.abojs-main-info .img .play{position: absolute;z-index: 6;width: 0.68rem;height: 0.68rem;border-radius: 50%;top: 50%;left: 50%;margin: -0.34rem 0 0 -0.34rem;background: linear-gradient(135deg,#cdd1d6,#e3f3f9);font-size: 0.2rem;color: #000;padding-left: 0.04rem;box-shadow: 14.052px 15.606px 69.16px 6.84px rgba(0, 0, 0, 0.004);transition: color .4s ease;}
.abojs-main-info .img .play::before{content: "";position: absolute;width: calc(100% + 0.1rem);height: calc(100% + 0.1rem);border-radius: 50%;top: -0.05rem;left: -0.05rem;border: 1px dashed #fff;animation: abojsMainRun 10s linear infinite;}
.abojs-main-info .img .play::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #389fe8;border-radius: 50%;opacity: 0;transition: opacity .4s ease;}
.abojs-main-info .img .play i{position: relative;z-index: 4;}
@keyframes abojsMainRun{0%{transform: rotate(-360deg);}100%{transform: rotate(0);}}
.abojs-main-info .img:hover .play{color: #fff;}
.abojs-main-info .img:hover .play::after{opacity: 1;}
.abojs-main-cont{width: max(650px,9.36rem);}
.abojs-wrap{width: 100%;position: relative;margin: max(20px,1rem) auto 0;height: 300vh;}
.abojs-sticky{position: sticky;width: 100%;top: max(70px,0.8rem);height: calc(100vh - max(70px,0.8rem));left: 0;overflow: hidden;}
/* ====== */
.abojs-xiao-img{position: absolute;width: 100%;margin: 0 auto;overflow: hidden;top: 54%;left: 0;right: 0;transform: translateY(-37%);z-index: 2;pointer-events: none;}
.abojs-xiao-img img{width: 100%;}
.abojs-wang{width: 44%;margin: 0 auto;position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);}
.abojs-wang .head{position: absolute;align-items: center;width: 100%;height: 1.2rem;left: 0;top: -1.2rem;overflow: hidden;}
.abojs-wang .head .line{flex: 1;height: 1px;position: relative;margin-left: max(12px,0.26rem);}
.abojs-wang .head .line::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: #ccc;transform-origin: right center;}
.abojs-wang .head .line i{position: absolute;width: max(6px,0.1rem);height: max(6px,0.1rem);border-radius: 50%;background: #389fe8;top: 50%;margin-top: min(-3px,-0.05rem);left: 0;}
.abojs-wang .head .line i::before,.abojs-wang .head .line i::after {content: "";display: block;width: 100%;height: 100%;background: rgba(41, 152, 231, .5);border-radius: 50%;position: absolute;top: 0;left: 0;animation: abojsHead 1.5s linear infinite;opacity: 0;}
.abojs-wang .head .line i::before {animation-delay: .6s;}
.abojs-wang .head .line i::after {animation-delay: 0s;}
@keyframes abojsHead{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(4)}}
.abojs-wang .loop{width: 100%;position: relative;overflow: hidden;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);}
.abojs-wang .loop-cont{position: absolute;width: calc(100% - 10px);bottom: 5px;left: 5px;z-index: 4;height: max(68px,1.38rem);display: flex;align-items: center;}
.abojs-wang .loop-link{width: 100%;position: relative;overflow: hidden;}
.abojs-wang .loop-link img{width: 100%;transform: matrix(1.16, 0, 0, 1.16, 0, 0);transition: transform .4s ease 1s;}
.abojs-wang .loop-link .cont{padding: 0 max(40px,0.88rem);display: flex;align-items: center;justify-content: flex-end;color: #fff;}
.abojs-wang .loop-link .cont .title{position: relative;z-index: 4;}
.abojs-wang .swiper-slide-active .loop-link img{transform: matrix(1, 0, 0, 1, 0, 0);transition: transform 4s ease .4s;}
.abojs-wang .swiper-slide-active .loop-link .cont .title{animation: abozzIn 1s ease both 0.5s;}
.abojs-wang .loop-shade{position: absolute;width: calc(100% - 10px);bottom: 5px;left: 5px;z-index: 1;height: max(68px, 1.38rem);}
.abojs-wang .loop-shade::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,.3);backdrop-filter: blur(40px);border-radius: 0 0 1.4rem 0;clip-path: polygon(0 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 0);overflow: hidden;}
.abojs-wang .swiper-button{position: absolute;left: 13px;z-index: 10;transform: translate3d(0,0,10px);bottom: max(20px,calc(0.32rem + 5px));}
.abojs-wang .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: rgba(255,255,255,.2);cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #fff;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.abojs-wang .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.abojs-wang .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.abojs-wang .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abojs-wang .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abojs-wang .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.abojs-wang .swiper-button>div.next i::before{transform: rotateY(180deg);}
.abojs-wang .swiper-button>div:hover{color: #fff;}
.abojs-wang .swiper-button>div:hover::before{width: calc(100% + 10px);}
.abojs-wang .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.abojs-wang .swiper-button>div.next:hover i{transform: translateX(4px);}
/* ---- */
.abojs-ban-img{width: 44%;margin: 0 auto;position: absolute;left: 100%;top: 114%;transform: translate(-50%, -50%);z-index: 2;overflow: hidden;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);opacity: 0;margin-top: 2rem;transition: opacity .4s ease, margin-top .4s ease;}
.abojs-ban-img img{width: 100%;}
.abojs-ban{top: 114%;left: 100%;opacity: 0;margin-top: 2rem;transition: opacity .4s ease, margin-top .4s ease;}
.abojs-ban .head .title{opacity: 0;transition: opacity .4s ease;}
.abojs-ban .head .line i{opacity: 0;transition: opacity .4s ease;}
.abojs-ban .head .line::before{width: 150%;transition: transform .4s ease, width .6s ease;}
/* ---- */
.abojs-xiao .head .title{opacity: 0;transition: opacity .4s ease;}
.abojs-xiao .head .line::before{transform: scaleX(0);transition: transform .4s ease;}
.abojs-xiao .head .line i{opacity: 0;transition: opacity .4s ease;}
.abojs-wrap.on .abojs-xiao .head .title{opacity: 1;transition: opacity .4s ease;}
.abojs-wrap.on .abojs-xiao .head .line::before{transform: scaleX(1);transition: transform 1s ease;}
.abojs-wrap.on .abojs-xiao .head .line i{opacity: 1;transition: opacity .4s ease 1s;}
.abojs-wrap.on .abojs-xiao-img{opacity: 0;visibility: hidden;transition: opacity .4s ease, visibility .4s ease;}
.abojs-wrap.on .abojs-ban{opacity: 1;margin-top: 0;transition: opacity 1s ease, margin-top 1s ease;}
.abojs-wrap.on .abojs-ban-img{opacity: 1;margin-top: 0;transition: opacity 1s ease, margin-top 1s ease;}
/* ---- */
.abojs-ban .head .line.s::before{width: 0%;transform: scaleX(0);}
.abojs-wrap.on2 .abojs-ban .head .line.s::before{width: 100%;transform: scaleX(1);transition: transform 1s ease;}
.abojs-wrap.on2 .abojs-ban .head .title{opacity: 1;transition: opacity .4s ease;}
.abojs-wrap.on2 .abojs-ban .head .line i{opacity: 1;transition: opacity .4s ease 1s;}
.abojs-wrap.on2 .abojs-ban-img{opacity: 0;visibility: hidden;transition: opacity .4s ease, visibility .4s ease;}
/* -- */
.abojs-wrap.on3 .abojs-ban .head .title{opacity: 0;transition: opacity .4s ease;}
.abojs-wrap.on3 .abojs-ban .head .line i{opacity: 0;transition: opacity .4s ease;}
.abojs-wrap.on3 .abojs-ban .head .line.s::before{transform: scaleX(0);transition: transform 1s ease;}
.abojs-wrap.on3 .abojs-ban-img{opacity: 1;visibility: visible;transition: none;}
/* -- */
@media all and (min-width:1100px) {
    .abo.cg .abojs{position: fixed;bottom: 0;left: 0;}
    .abo.cg .abofz{margin-top: 330vh;}
}
/* -- */
/* ====== */
.abofz{background: linear-gradient( to bottom,#00111a,#020B14);position: relative;z-index: 10;}
.abofz-loop{width: 100%;position: relative;user-select: none;}
.abofz-loop .gallery{width: max(400px,5rem);margin: 0 auto;position: relative;z-index: 4;}
.abofz-loop .gallery .swiper-container{overflow: visible;}
.abofz-loop .gallery-cont{color: #fff;padding-top: 0.8rem;transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);}
.abofz-loop .gallery-cont .img{border-radius: 0.46rem 0;clip-path: polygon(0.36rem 0,100% 0,100% calc(100% - 0.36rem),calc(100% - 0.36rem) 100%,0 100%,0 0.36rem);overflow: hidden;background: #fff;height: 1.75rem;}
.abofz-loop .gallery-cont .img img{width: 100%;height: 100%;}
.abofz-loop .swiper-slide-active .gallery-cont{transform: translateY(-1rem);}
.abofz-loop .thumbs{width: 100%;margin-top: max(20px,0.6rem);position: relative;z-index: 4;}
.abofz-loop .thumbs::after{content: "";position: absolute;width: 100%;height: 2.5rem;background: url("../images/pages/abo4H.jpg") no-repeat center bottom/100% 100%;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.abofz-loop .thumbs-click{font-size: 0.32rem;color: rgba(255,255,255,.42);height: 2.8rem;text-align: center;transition: all .4s ease;position: relative;cursor: pointer;overflow: hidden;}
.abofz-loop .thumbs-click .year{position: relative;line-height: 1;transition: transform 0.6s ease;}
.abofz-loop .thumbs-click .year span{position: relative;z-index: 4;}
.abofz-loop .swiper-slide-active .thumbs-click{color: #fff;font-size: 0.54rem;}
.abofz-loop .thumbs .p1 .year, .abofz-loop .thumbs .n1  .year{transform: translateY(0.42rem);}
.abofz-loop .thumbs .p2 .year, .abofz-loop .thumbs .n2  .year{transform: translateY(1rem);}
.abofz-loop .thumbs .p3 .year, .abofz-loop .thumbs .n3  .year{transform: translateY(2rem);}
.abofz-loop .thumbs .p4 .year, .abofz-loop .thumbs .n4  .year{transform: translateY(3.5rem);}
.abofz-loop .thumbs .p5 .year, .abofz-loop .thumbs .n5  .year{transform: translateY(5.5rem);}
.abofz-loop .swiper-button{position: absolute;left: 0;z-index: 10;transform: translate3d(0,0,10px);bottom: 0.54rem;width: 100%;justify-content: center;pointer-events: none;}
.abofz-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: #000;cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #fff;transition: background .4s ease, color .4s ease;pointer-events: auto;position: relative;overflow: hidden;}
.abofz-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.abofz-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.abofz-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abofz-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abofz-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.abofz-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.abofz-loop .swiper-button>div:hover{color: #fff;}
.abofz-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.abofz-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.abofz-loop .swiper-button>div.next:hover i{transform: translateX(4px);}
.abory{background: #f7f7f7;}
.abory-wrap{width: 100%;padding-left: 0.5rem;}
.abory-info{width: calc(100% - 12.42rem);background: #fff;display: flex;flex-direction: column;justify-content: space-between;border-radius: 1rem 0;clip-path: polygon(0.8rem 0,100% 0,100% calc(100% - 0.8rem),calc(100% - 0.8rem) 100%,0 100%,0 0.8rem);overflow: hidden;padding: 0.8rem 0.42rem;}
.abory-info .mix{align-items: center;justify-content: space-between;}
.abory-info .mix .text{align-items: center;line-height: 1;}
.abory-info .mix .text img{width: max(22px,0.45rem);margin-right: max(8px,0.18rem);}
.abory-info .mix .num{line-height: 1;}
.abory-info .mix .num span{margin-right: max(2px,0.04rem);}
.abory-loop{width: 12.42rem;padding-left: max(20px,0.38rem);padding-right: 1.7rem;position: relative;overflow: hidden;}
.abory-loop .swiper-container{overflow: visible;}
.abory-link{width: 100%;height: 6.8rem;position: relative;background: url("../images/pages/abo5sd.jpg") no-repeat center/cover;overflow: hidden;}
.abory-link img{width: 100%;height: 100%;transition: transform .6s ease;transform-origin: bottom center;}
.abory-link .cont{width: 100%;position: absolute;z-index: 2;padding: 0.5rem 0.4rem 0;left: 0;text-align: center;transform: translate3d(0,0,4px);}
.abory-link .cont .text{line-height: 1.6;}
.abory-link:hover img{transform: scale(1.04);}
.abory-loop .swiper-button{position: absolute;left: max(20px,0.38rem);z-index: 10;transform: translate3d(0,0,10px);bottom: 0;}
.abory-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: #000;cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #fff;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.abory-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.abory-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.abory-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abory-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abory-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.abory-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.abory-loop .swiper-button>div:hover{color: #fff;}
.abory-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.abory-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.abory-loop .swiper-button>div.next:hover i{transform: translateX(4px);}
.abozz{background: linear-gradient(to bottom,#000,#151515);height: 100vh;overflow: visible;}
.abozz-sticky{position: sticky;top: max(70px,0.8rem);z-index: 10;width: 100%;left: 0;height: calc(100vh - max(70px,0.8rem));display: flex;align-items: center;}
.abozz .contain{padding-right: 0;}
.abozz-list{width: 100%;overflow: hidden;}
.abozz-list-scroll{width: auto;display: flex;}
.abozz-list-scroll .item{display: flex;align-items: center;flex-wrap: wrap;width: 17.5rem;flex-shrink: 0;}
.abozz-loop{width: 11.68rem;position: relative;}
.abozz-loop .imgs{width: 100%;position: relative;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);overflow: hidden;}
.abozz-loop .imgs .img{width: 100%;overflow: hidden;}
.abozz-loop .imgs .img img{width: 100%;height: 6.42rem;transition: transform .4s ease;}
.abozz-loop .imgs .img:hover img{transform: scale(1.04);}
.abozz-loop .info{position: absolute;width: calc(100% - 10px);bottom: 5px;left: 5px;z-index: 4;height: max(68px,1.38rem);padding: 0 max(40px,0.92rem);display: flex;align-items: center;}
.abozz-hint{display: flex;align-items: center;justify-content: flex-end;color: #fff;}
.abozz-loop .shade {position: absolute;width: calc(100% - 10px);bottom: 5px;left: 5px;z-index: 1;height: max(68px, 1.38rem);}
.abozz-loop .shade::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,.3);backdrop-filter: blur(40px);border-radius: 0 0 1.4rem 0;clip-path: polygon(0 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 0);overflow: hidden;}
.swiper-slide-active .abozz-hint .title{animation: abozzIn 1s ease both 0.5s;}
@keyframes abozzIn{0%{opacity: 0;filter: blur(max(4px,0.06rem));}100%{opacity: 1;filter: blur(0);}}
.abozz-info{width: calc(100% - 11.68rem);color: #fff;}
.abozz-loop .swiper-button{position: absolute;left: 13px;z-index: 10;transform: translate3d(0,0,10px);bottom: max(20px,calc(0.32rem + 5px));}
.abozz-loop .swiper-button>div{height: max(30px,0.74rem);padding: 0 max(12px,0.36rem);background: rgba(255,255,255,.2);cursor: pointer;line-height: 1;font-size: max(14px,0.24rem);color: #fff;transition: background .4s ease, color .4s ease;position: relative;overflow: hidden;}
.abozz-loop .swiper-button>div::before{content: "";position: absolute;width: 0%;height: 102%;background: #2998e7;clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);top: -1%;left: 0;transition: width .4s ease;}
.abozz-loop .swiper-button>div.prev{clip-path: polygon(0% 0%, 100% 0%, calc(100% - max(4px,0.07rem)) 100%, 0% 100%);}
.abozz-loop .swiper-button>div.prev::before{right: 0;left: auto;clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abozz-loop .swiper-button>div.next{clip-path: polygon(max(4px,0.07rem) 0%, 100% 0%, 100% 100%, 0% 100%);}
.abozz-loop .swiper-button>div i{display: flex;transition: transform .4s ease;position: relative;z-index: 4;}
.abozz-loop .swiper-button>div.next i::before{transform: rotateY(180deg);}
.abozz-loop .swiper-button>div:hover{color: #fff;}
.abozz-loop .swiper-button>div:hover::before{width: calc(100% + 10px);}
.abozz-loop .swiper-button>div.prev:hover i{transform: translateX(-4px);}
.abozz-loop .swiper-button>div.next:hover i{transform: translateX(4px);}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1800px){
    /* 1600 × (900) */
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .join-info .cont{width: calc(100% - 12rem);}
    .join-info .img{width: 12rem;}
    .join-info .img img {height: 6.5rem;}
    .pro-main-link .cont {padding-right: 0.8rem;}
    .pro-main-link:hover .img{width: calc(4.5rem + 0.5rem);}
    .pro-main-link:hover .cont{padding-right: 0.3rem;}
    .case-main .cont{padding-right: 0.6rem;}
    .abozz-list-scroll .item{width: 17rem;}
}

@media all and (max-width:1430px){
    /* 1360 */
}

@media all and (max-width:1350px){
    /* 1280 */
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    .tags-link {margin-right: max(10px,0.18rem);}
}

/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){
    .newsxq-content{padding: calc(max(70px,0.8rem) + 5px + 1.28rem) 4% 0;}
    .join-info{padding-left: 4%;}
    .join-info .cont{width: calc(100% - 11rem);}
    .join-info .img{width: 11rem;}
    .join-info .img img {height: 6rem;}
    .tags-link span{width: 140px;}
    .proxq-wrap{padding-right: 4%;}
    .proxq-back{right: 4%;}
    .proxq-cont{padding-right: 0;}
    .abojs-main-info{width: 100%;}
    .abojs-main-cont{width: 100%;margin-top: 40px;}
    .abojs-main-info .img{width: 100%;height: auto;}
    .abojs-main-info .img::before{display: none;}
    .abojs-wrap{height: auto;margin: 0;padding: 40px 0;overflow: hidden;}
    .abojs-sticky {position: relative;width: 100%;top: 0;height: auto;left: 0;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: visible;}
    .abojs-xiao-img, .abojs-ban-img{display: none;}
    .abojs-wang {width: 44%;margin: 0 auto;position: relative;left: 0;top: 0;transform: none;opacity: 1;transition: none;}
    .abojs-wang .head{position: relative;top: 0;height: auto;}
    .abojs-wang .head .title{opacity: 1;}
    .abojs-wang .head .line::before{width: 100%;}
    .abojs-wang .head .line i{opacity: 1;}
    .abojs-wang .loop{margin-top: 24px;}
    .abojs-wang .head .line::before{transform: none;}
    .abofz-loop .gallery-cont .img{height: 142px;}
    .abozz .contain{padding: 0 4%;}
    .abory-wrap{padding-left: 4%;}
    .abozz{height: auto;padding: 60px 0;overflow: hidden;}
    .abozz-sticky{position: relative;width: 100%;top: 0;height: auto;left: 0;}
    .abozz-list{overflow: visible;}
    .abozz-list-scroll{width: 100%;margin: -30px 0 0;flex-wrap: wrap;}
    .abozz-list-scroll .item{width: 100%;margin: 30px 0 0;}
    .news-loop-imgs{width: 12.24rem;}
    .news-loop-cont{width: calc(100% - 12.24rem);}
}

/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){
    .down-menu{width: 240px;}
    .rel-amin{width: 100%;}
    .rel-form{width: 100%;margin-top: 40px;}
    .news-loop-imgs{width: 100%;}
    .news-loop-cont{width: 100%;}
    .news-loop-link .img img{height: 365px;}
    .news .sonBan {padding-bottom: 182px;}
    .news-loop {margin-top: -182px;}
    .news-loop-link .cont::before{display: none;}
    .news-loop-link .cont{width: 100%;padding: 30px 20px;}
    .news-other{width: 200px;}
    .news-list-link .img img{height: 110px;}
    .newsxq-content{width: 100%;}
    .newsxq-side{width: 100%;position: relative;top: 0;margin-top: 34px;padding: 0 4%;}
    .newsxq-side::before{display: none;}
    .newsxq-side-main{padding: 24px 16px;}
    .join-info{padding: 60px 4%;overflow: hidden;}
    .join-info .cont{width: 100%;padding: 0;}
    .join-info .img{width: 100%;margin-top: 28px;border-radius: 1rem 0;clip-path: polygon(0.8rem 0,100% 0,100% calc(100% - 0.8rem),calc(100% - 0.8rem) 100%,0 100%,0 0.8rem);transition: background .4s ease;}
    .join-info .img img {height: auto;}
    .join-info .cont::after{display: none;}
    .join-main-list ul{margin: -16px 0 0 -16px !important;}
    .join-main-list li{width: calc(50% - 16px) !important;margin: 16px 0 0 16px !important;}
    .join-main-link::before{height: 140%;top: -40%;left: -40%;}
    .join-main-link:hover::before {width: 210%;}
    .pro-tags{overflow-x: auto;display: flex;justify-content: center;padding-bottom: 10px;}
    .pro-tags-ul{flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;}
    .tags-link{flex-shrink: 0;}
    .tags-link span{width: calc(100% - max(40px,0.94rem));justify-content: flex-start;}
    .tags-link::after{border: 1px solid #d8d8d8;}
    .pro-main-link{flex-wrap: wrap;}
    .pro-main-link .img{width: 100% !important;}
    .pro-main-link .shade::before{right: 0;top: auto;bottom: calc(100% - 3px);background: url("../images/pages/proSd2.png") no-repeat left bottom/100% auto;}
    .pro-main-link .cont{width: 100%;padding: 0 16px !important;height: 200px;transition: height .4s ease;}
    .pro-main-link .img{transition: height .4s ease;}
    .pro-main-link:hover .img{height: calc(4.86rem + 20px);}
    .pro-main-link:hover .cont{height: 180px;}
    .pro-menu {top: 0;background: #fff;box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.06);padding: 10px 0;justify-content: center;flex-direction: row;height: auto;width: 100%;right: auto;left: 0;}
    .pro-menu .link{height: 36px;margin-top: 0;margin-right: max(6px,0.1rem);}
    .pro-menu .link:last-child{margin-right: 0;}
    .case-menu-box, .case-menu .link{height: 36px;}
    .case-menu .link{height: 36px;}
    .case-menu.fixed {width: 100%;transform: translateX(0);background: #fff;box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.06);padding: 10px 0;justify-content: center;flex-direction: row;height: auto;width: 100%;right: auto;left: 0;}
    .case-menu.fixed .link{margin-top: 0;margin-right: max(6px,0.1rem);}
    .case-menu.fixed .link:last-child{margin-right: 0;}
    .proxq-back{position: relative;right: 0;justify-content: center;margin-top: 40px;width: 100%;}
    .abory-info{width: 100%;}
    .abory-loop{width: 100%;padding: 0;margin-top: 30px;}
    .abory-wrap{padding: 0 4%;}
    .abory-link{height: 470px;}
    .abory-loop .swiper-button{left: 0;}
    .abozz-loop{width: 100%;}
    .abozz-loop .imgs .img img{height: 388px;}
    .abozz-info{width: 100%;padding: 20px 0 0;}
    .abozz-loop .swiper-button{bottom: auto;top: 331px;}
}

/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .down-menu{width: 100%;padding: 16px 12px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;background: #e7f3fc;clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
    .down-right{flex: none;width: 100%;margin-top: 20px;padding: 0;}
    .rel-form ul{margin: -16px 0 0;}
    .rel-form li{width: 100% !important;margin: 16px 0 0;}
    .news-loop-link .img img{height: 172px;}
    .news .sonBan {padding-bottom: 86px;}
    .news-loop {margin-top: 30px;}
    .news-loop-link .cont{padding: 20px 16px;}
    .news-list{flex: none;width: 100%;padding-right: 0;}
    .news-list-more ul{margin: -14px 0 0 !important;}
    .news-list-more li{width: 100% !important;margin: 14px 0 0 !important;}
    .news-list-link .img img{height: 152px;}
    .news-other{width: 100%;margin-top: 10px;position: relative;top: 0;}
    .news-other li{display: none;}
    .news-other li:last-child{display: block;}
    .news-other.news-other-mb{display: block;margin-top: -86px;z-index: 999;padding: 24px 16px;}
    .news-other.news-other-mb::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #fff;border-radius: 1.4rem 0;clip-path: polygon(1.1rem 0, 100% 0, 100% calc(100% - 1.1rem), calc(100% - 1.1rem) 100%, 0 100%, 0 1.1rem);overflow: hidden;}
    .news-other.news-other-mb li{display: block;}
    .news-share{justify-content: center;}
    .newsxq-content{padding-top: 90px;}
    .newsxq-side-guan{display: flex;align-items: center;justify-content: space-between;}
    .newsxq-side-guan-link{width: auto;margin-top: 0;}
    .newsxq-side-main {padding: 20px 12px;}
    .join-info{padding: 36px 4%;}
    .join-info .img{width: 100%;margin-top: 20px;}
    .join-main-list ul{margin: -10px 0 0 -10px !important;}
    .join-main-list li{width: calc(50% - 10px) !important;margin: 10px 0 0 10px !important;}
    .join-main-link .hint{flex-direction: column;}
    .join-main-link .hint p{margin-right: 0;}
    .pro-list .item:first-child .pro-head {padding-top: 80px;}
    .pro-tags{justify-content: flex-start;}
    .tags-link span{font-size: 12px;}
    .pro-list .item:first-child .pro-tags {margin-top: 100px;}
    .pro-main ul{margin: -14px 0 0 !important;}
    .pro-main li{width: 100% !important;margin: 14px 0 0 !important;}
    .pro-main-link .img{height: 240px;}
    .pro-main-link:hover .img{height: calc(240px + 20px);}
    .pro-main-link:hover .cont{height: 180px;}
    .pro-list ul{margin: -10px 0 0 !important;}
    .pro-list li{width: 100% !important;margin: 10px 0 0 !important;}
    .pro-list-link .img{height: 180px;}
    .pro-menu{padding: 13px 0;}
    .pro-menu .link {width: auto;padding: 0 7px;margin-right: 3px;font-size: 10px;box-shadow: 0 0 4px rgba(0, 0, 0, .1);}
    .pro-menu .link{height: 30px;white-space: nowrap;}
    .case-menu.fixed{padding: 13px 0;}
    .case-menu .link{width: 78px;height: 30px;box-shadow: 0 0 4px rgba(0, 0, 0, .1);}
    .pro-control .isSelect{width: 124px;}
    .pro-control .search{width: calc(100% - 130px);margin: 0 0 0 6px;}
    .proxq{padding: 56px 0 60px;}
    .proxq-imgs{width: 100%;}
    .proxq-imgs{width: 100%;}
    .proxq-imgs .big{width: calc(100% - 6.14rem + 0.9rem);}
    .proxq-cont{width: 100%;padding: 24px 0 0 4%;}
    .case-main .cont{position: relative;width: 100%;padding: 20px 16px;background: #d8efff;}
    .case-main .cont .title{color: #333;}
    .case-main .cont .text{color: #666;}
    .case-main .imgbox-san{left: 67%;}
    .imgbox-dan{left: 60%;}
    .imgbox-dot .dot .tu {height: 1.4rem;margin-top: -0.3rem;left: 0.2rem;}
    .abojs-wrap{padding: 24px 4% 38px;}
    .abojs-wang{width: 100%;margin-top: 28px;}
    .abojs-wang:first-child{margin-top: 0;}
    .abojs-wang .loop{margin-top: 12px;}
    .abojs-main-cont {margin-top: 28px;}
    .abojs-wang .loop-cont{height: 54px;}
    .abojs-wang .loop-link .cont{height: 54px;padding: 0 40px 0 100px;}
    .abojs-wang .loop-shade{height: 54px;}
    .abojs-wang .swiper-button{bottom: 17px;}
    .abofz-loop .gallery .swiper-container{overflow: hidden;}
    .abofz-loop .gallery{width: 100%;padding: 0 4%;}
    .abofz-loop .gallery-cont .img{height: 118px;}
    .abofz-loop .thumbs{margin-top: 20px;}
    .abofz-loop .thumbs .p1 .year, .abofz-loop .thumbs .n1  .year{transform: translateY(0.6rem);}
    .abofz-loop .thumbs .p2 .year, .abofz-loop .thumbs .n2  .year{transform: translateY(1.2rem);}
    .abofz-loop .thumbs .p3 .year, .abofz-loop .thumbs .n3  .year{transform: translateY(2.4rem);}
    .abofz-loop .thumbs .p4 .year, .abofz-loop .thumbs .n4  .year{transform: translateY(3.8rem);}
    .abofz-loop .thumbs .p5 .year, .abofz-loop .thumbs .n5  .year{transform: translateY(6rem);}
    .abory-link{height: 450px;}
    .abozz{padding: 44px 0;}
    .abozz-loop .imgs .img img{height: 182px;}
    .abozz-loop .info{height: 54px;justify-content: flex-start;padding: 0 40px 0 12px;}
    .abozz-loop .shade{height: 54px;}
    .abozz-hint{justify-content: flex-start;}
    .abozz-loop .swiper-button{top: 5px;width: auto;left: auto;right: 5px;}
}