/*上部分菜单*/
@charset "UTF-8";

.menu-tab {background: rgba(49,49,49,.4);position: absolute;top: 66px;left: 0;width: 100%;z-index: 10;}
.menu-tab ul {display: flex;align-items: center;justify-content: center;}
.menu-tab ul li {position: relative;text-align: center;padding: 0 55px;box-sizing: border-box;font-size: 18px;color: #fff;font-weight: 500;transition: all .5s ease;overflow: hidden;}
.menu-tab ul li .btns {display: block;color: inherit;line-height: 85px;text-decoration: none;overflow: hidden;height: 85px;}
.menu-tab ul li+li::before {content: '';width: 1px;height: 16px;background: #CBCBCB;position: absolute;top: calc(50% - 8px);left: 0;}
.menu-tab ul li:last-child::after {content: '';width: 0px;height: 16px;background: #CBCBCB;position: absolute;top: calc(50% - 8px);right: 0;}

.menu-tab ul li .btns:hover::before,.menu-tab ul li .btns.active::before{content:attr(data-text);display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);animation: animation_btn1 .4s ease-in-out;}
@keyframes animation_btn1{
  0% {width: 100%;height: 100%;transform: translate(0%, 100%);}
  30% {width: 100%;height: 100%;}
  100% {width: 100%;height: 100%;transform: translate(0%, 0%);}
}

@media screen and (max-width: 1550px) {
.menu-tab ul li {padding: 0 45px;font-size: 17px;}
.menu-tab ul li .btns {line-height: 75px;height: 75px;}
}
 
@media screen and (max-width: 1440px) {
}
                                          
@media screen and (max-width: 1367px) {
.menu-tab ul li {padding: 0 35px;font-size: 16px;}
.menu-tab ul li .btns {line-height: 65px;height: 65px;}
}
                                    
@media screen and (max-width: 1280px) {
}
                                
@media screen and (max-width: 992px) {
.menu-tab {display: none;}
.menu-tab ul li {padding: 0 20px;font-size: 15px;width: 33.333%;}
.menu-tab ul li .btns {line-height: 50px;height: 50px;}
}
                                
@media screen and (max-width: 768px) {
.menu-tab ul {flex-wrap: wrap;}
.menu-tab ul li {width: 50%;}
.menu-tab ul li::before {display: none;}
.menu-tab ul li:last-child::after {display: none;}
}

/*partner*/



.partner {background: #000;position: relative;padding-top:85px;}
.partner > img {display: block;margin: 0 auto;}
.partner .container {position: absolute;top: 152px;right: 0;bottom: 0;left: 0;padding: 100px 0 70px;}
.partner .tit {max-width: 1000px;margin: 0 auto;text-align: center;}
.partner .tit h3 {font-size:clamp(22px, 2.5vw, 48px);line-height: 1;font-weight: 600;color: #fff;}
.partner .tit p {font-size: 18px;line-height:1.6;color: #8A8A8A;margin-top: 30px;}
.partner .list .item {position: absolute;}
.partner .list .item1 {left: 26%;bottom: 28.6%;}
.partner .list .item2 {left: 40.6%;bottom: 40%;}
.partner .list .item3 {left: 55.8%;bottom: 38%;}
.partner .list .item4 {left: 71%;bottom: 34%;}
.partner .list .item5 {left: 15.6%;bottom: 15.4%;}
.partner .list .item6 {left: 35.8%;bottom: 12.6%;}
.partner .list .item7 {left: 52.4%;bottom: 17%;}
.partner .list .item8 {left: 76.8%;bottom: 14%;}

.case {padding: 90px 0 115px;background: #000;}
.case .tit {display: flex;align-items: flex-end;justify-content: space-between;}
.case .tit .t {width: 74%;text-align: left;}
.case .tit .t h3{line-height: 1;color: #fff;}
.case .tit .t p {font-size: 18px;line-height: 30px;color: #8A8A8A;margin-top: 15px;}
.case .tit .page{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;align-items: center;-webkit-align-items:center;position: static;}
.case .tit .swiper-button-prev,.case .tit .swiper-button-next{position:static;overflow:hidden;background:none;margin-top:0;color:#fff;margin: 0 5px;width: 48px;height: 48px;border-radius: 50%;line-height: 46px;background: transparent;transition: all .4s ease 0s;border: 1px solid #fff;box-sizing: border-box;position: relative;left: auto !important;top: auto !important;right: auto !important;}
.case .tit .swiper-button-next::after,.case .tit .swiper-button-prev::after {display:none;}
.case .tit .swiper-button-prev i,.case .tit .swiper-button-next i{color:inherit;font-size:16px;display:inline-block;}
.case .tit .swiper-button-next::before{content: '\e650';}
.case .tit .swiper-button-prev::before{content: '\e64f';}
.case .tit .swiper-button-next::before,.case .tit .swiper-button-prev::before {font-family: "qico" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;background: var(--color-primary);position: absolute;top: 100%;left: 0;width: 100%;height: 100%;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;transition: top .3s ease-in-out;z-index: 2;pointer-events: none;}
.case .tit .swiper-button-next:hover::before,.case .tit .swiper-button-prev:hover::before{top: 0;}
.case .tit .swiper-button-next:hover,.case .tit .swiper-button-prev:hover{border-color: var(--color-primary);}

.case .list {margin-top: 100px;position: relative;}
.case .list .pic {border-radius: 12px;overflow: hidden;position: relative;}
.case .list .pic::after {content: '';position: absolute;left: 0;width: 100%;bottom: 0;height: 0;background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: -moz-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: -o-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);z-index: 9;transition: all 1s ease;opacity: 0;}
.case .list .swiper-slide.swiper-slide-active .pic::after {height: 70%;opacity: 1;}
.case .list .pic img {width: 100%;}
.case .list .pic .txt {position: absolute;left: 0;bottom:0;width: 100%;padding: 0 45px 25px;display: flex;align-items: flex-end;justify-content: space-between;z-index: 10;opacity: 0;transform: translateY(30px);transition: all 1.3s ease;}
.case .list .swiper-slide.swiper-slide-active .pic .txt {opacity: 1;transform: translateY(0);}
.case .list .pic .txt .t {width: 62%;}
.case .list .pic .txt .case-tab ul {display: flex;flex-wrap: wrap;margin: 0 -4px;}
.case .list .pic .txt .case-tab ul li {padding: 0 4px;}
.case .list .pic .txt .case-tab ul li a {display: block;line-height: 25px;padding: 0 12px;background: #000;border-radius: 13px;color: #ACACAC;font-size: 14px;position: relative;overflow: hidden;}
/*.case .list .pic .txt .case-tab ul li a:hover::before{content:attr(data-text);display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;}*/
.case .list .pic .txt .t h5 {font-size: 24px;color: #fff;line-height: 1;text-transform: capitalize;margin-top: 15px;}
.case .list .pic .txt .t p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 30px;color: #8A8A8A;margin-top: 10px;}
.case .list .pic .txt .t span.date {display: block;font-size: 16px;line-height: 1;color: #8A8A8A;margin-top: 10px;}
.case .list .pic .txt a.more {position: relative;line-height: 38px;padding:0 25px;font-size:16px;border-radius: 20px;color: #fff;box-sizing: border-box;border: 1px solid #fff;transition: all .8s ease;font-size: 16px;overflow: hidden;}
.case .list .pic .txt a.more:hover {border-color: var(--color-primary);}
.case .list .pic .txt a.more:hover::before {content: 'Explore More';padding:0 25px;font-size:16px;display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;}

.case .swiper-pagination-bullets{position:static;margin-top: 20px;display: none;}
.case .swiper-pagination-bullet {width:10px;height:10px;margin:0 3px;background:#5E5E5E;border-radius:50%;opacity:1;box-sizing:border-box;}
.case .swiper-pagination-bullet-active{background:var(--color-primary);}

.exhibition {position: relative;}
.exhibition > img {width: 100%;}
.exhibition .tit {position: absolute;left: 0;right: 0;top: 15px;text-align: center;margin: 0 auto;max-width: 1350px;z-index: 9;}
.exhibition .tit h3 {line-height: 1;color: #fff;}
.exhibition .tit p {font-size: 18px;line-height:1.66;color: #8A8A8A;margin-top: 5px;}
.exhibition .global {position: relative;}
.exhibition .global > img {display: block;margin: 0 auto;}
.exhibition .global .item {position: absolute;display:flex;justify-content:center;}
.exhibition .global .item:nth-child(8) {display:none}
.exhibition .global .item p {font-size: 16px;color: #fff;line-height: 1;margin-left: 15px;}
.exhibition .global .item .pulse {width: 12px;height: 12px;border-radius: 50%;background-color: #fff;position: relative;margin: auto;z-index: 0;cursor: pointer;transition: all .5s ease;}
.exhibition .global .item .ring{width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;border-radius: 50%;background-color:#fff;animation:pulsing 3s ease-out infinite;}
.exhibition .global .item .ring:nth-of-type(1){-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.exhibition .global .item .ring:nth-of-type(2){-webkit-animation-delay:-1s;animation-delay:-1s}
.exhibition .global .item .ring:nth-of-type(3){-webkit-animation-delay:-1.5s;animation-delay:-1.5s}

.exhibition .global .item:hover .pulse,.exhibition .global .item.active .pulse {width: 20px;height: 20px;background: var(--color-primary);}
.exhibition .global .item:hover .pulse .ring,.exhibition .global .item.active .pulse .ring{background-color:var(--color-primary);}

.exhibition .global .item.item1 {bottom: 49%;left: 20.2%;}
.exhibition .global .item.item2 {bottom: 29.8%;left: 30.8%;}
.exhibition .global .item.item3 {bottom: 62.6%;left: 47%;}
.exhibition .global .item.item4 {bottom: 59%;left: 54%;}
.exhibition .global .item.item5 {bottom: 51.3%;left: 59.8%;}
.exhibition .global .item.item6 {bottom: 34.3%;left: 74%;}

@-webkit-keyframes pulsing{
	100%{transform:scale(3);opacity:0}
}
@keyframes pulsing{
	100%{transform:scale(3);opacity:0}
}

.exhibition .list .box {position: absolute;bottom: 60px;width: 900px;left: calc(50% - 450px);background: #fff;border-radius: 12px;overflow: hidden;padding: 15px 20px;display:none;}
.exhibition .list .box.active {display: block;}
.exhibition .list .box .swiper-slide {display: flex;align-items: center;}
.exhibition .list .box .swiper-slide .txt {flex: 1;margin-right: 45px;margin-left: 10px;}
.exhibition .list .box .swiper-slide .txt h5 {font-size: 34px;line-height: 1;color: #050505;font-weight: 600;}
.exhibition .list .box .swiper-slide .txt .t {margin-top: 15px;font-size: 18px;line-height: 30px;color: #555;}
.exhibition .list .box .swiper-slide .txt .t p + p {margin-top: 8px;}
.exhibition .list .box .swiper-slide .pic {width: 64%;display: flex;gap: 10px;}
.exhibition .list .box .swiper-slide .pic img {width: 50%;}

.exhibition .list .box .swiper-pagination-bullets{display: block;text-align: left;left: 29px;bottom: 20px;}
.exhibition .list .box .swiper-pagination-bullet {width:14px;height:14px;margin:0 6px !important;border-radius:50%;background:#CCC;opacity:1;position: relative;}
.exhibition .list .box .swiper-pagination-bullet-active{background:var(--color-primary);}
a.active {
    text-decoration: none;
    background: var(--color-primary)!important;
    color: #fff!important;
  }

@media screen and (max-width: 1550px) {

.partner .container {padding: 70px 0 50px;}
.partner .tit p {font-size: 17px;line-height: 28px;margin-top: 20px;}

.case {padding: 70px 0 85px;}
.case .tit .t p {font-size: 17px;line-height: 28px;margin-top: 20px;}
.case .list {margin-top: 80px;}
.case .list .pic .txt {padding: 0 35px 20px;}
.case .list .pic .txt .case-tab ul li a {padding: 0 10px;font-size: 13px;}
.case .list .pic .txt .t {width: 66%;}
.case .list .pic .txt .t h5 {font-size: 22px;margin-top: 12px;}
.case .list .pic .txt .t p {line-height: 28px;margin-top: 8px;}

.exhibition .tit {top: 25px;width: 80%}
.exhibition .tit p {font-size: 17px;margin-top: 12px;}
.exhibition .tit p br {display: none;}
.exhibition .global .item .pulse {width: 10px;height: 10px;}
.exhibition .global .item p {font-size: 15px;margin-left: 12px;}
.exhibition .list .box {bottom: 30px;width: 760px;left: calc(50% - 380px);padding: 13px 17px;}
.exhibition .list .box .swiper-slide .txt h5 {font-size: 31px;}
.exhibition .list .box .swiper-slide .txt .t {margin-top: 15px;font-size: 17px;line-height: 28px;}
.exhibition .list .box .swiper-slide .txt .t p + p {margin-top: 6px;}
.exhibition .list .box .swiper-pagination-bullets {left: 24px;bottom: 16px;}
}

@media screen and (max-width: 1440px) {

}
                                          
@media screen and (max-width: 1367px) {

.partner .container {padding: 40px 0 30px;}
.partner .tit p {font-size: 16px;line-height: 26px;margin-top: 10px;}

.case {padding: 50px 0 55px;}
.case .tit .t p {font-size: 16px;line-height: 26px;margin-top: 15px;}
.case .list {margin-top: 60px;}
.case .list .pic .txt {padding: 0 25px 15px;}
.case .list .pic .txt .case-tab ul li a {padding: 0 8px;font-size: 12px;}
.case .list .pic .txt .t {width: 70%;}
.case .list .pic .txt .t h5 {font-size: 20px;margin-top: 9px;}
.case .list .pic .txt .t p {line-height: 26px;margin-top: 6px;}

.exhibition .tit {top: 15px;}
.exhibition .tit p {font-size:16px;line-height:1.5;margin-top: 9px;}
.exhibition .global .item .pulse {width: 8px;height: 8px;}
.exhibition .global .item:hover .pulse, .exhibition .global .item.active .pulse{width:16px;height:16px;}
.exhibition .global .item p {font-size: 14px;margin-left: 9px;}
.exhibition .list .box {bottom: 20px;width: 700px;left: calc(50% - 350px);padding: 11px 14px;}
.exhibition .list .box .swiper-slide .txt h5 {font-size: 28px;}
.exhibition .list .box .swiper-slide .txt .t {margin-top: 9px;font-size: 16px;line-height: 26px;}
.exhibition .list .box .swiper-slide .txt .t p + p {margin-top: 4px;}
.exhibition .list .box .swiper-pagination-bullets {left: 19px;bottom: 12px;}
}
                                    
@media screen and (max-width: 1280px) {

}
                                
@media screen and (max-width: 992px) {
	
.partner {padding-top: 70px;}
.partner .container {padding: 30px 0;top: 70px;}
.partner .tit p {font-size: 15px;line-height: 24px;margin-top: 5px;}
.partner .list .item img {width: 60%;}


.case {padding: 30px 0;}
.case .tit {display: block;}
.case .tit .t {width: 100%;text-align: center;}
.case .tit .t p {font-size: 15px;line-height: 24px;margin-top: 10px;}
.case .tit .page {display: none;}
.case .list {margin-top: 30px;}
.case .list .pic .txt {padding: 0 20px 15px;display: block;text-align: center;}
.case .list .pic .txt .t {width: 100%;}
.case .list .pic .txt .case-tab ul {width: 100%;justify-content: center;}
.case .list .pic .txt .t h5 {font-size: 18px;margin-top: 5px;}
.case .list .pic .txt .t p {line-height: 24px;margin-top: 5px;font-size: 15px;}
.case .list .pic .txt .t span.date {font-size: 14px;margin-top: 5px;}
.case .list .pic .txt a.more {line-height:32px;padding:0 15px;font-size:15px;display: inline-block;margin-top:15px;}

.case .list .pic .txt a.more:hover::before{padding:0 15px;font-size:15px;}


.case .swiper-pagination-bullets{display: block;}

.exhibition .tit {width: 100%;position: static;}
.exhibition .list .box {width: 100%;position: static;border-radius: 0;display: none;}
.exhibition .list .box.active {display: block;}
.exhibition .list .box .swiper-slide {display: block;text-align: center;}
.exhibition .list .box .swiper-slide .txt {margin-right: 0;margin-left: 0;}
.exhibition .list .box .swiper-slide .pic {width: 100%;margin-top: 15px;}
.exhibition .list .box .swiper-pagination-bullets {text-align: center;position: static;margin-top: 15px;}
.exhibition .list .box .swiper-slide .txt h5 {font-size: 24px;}
.exhibition .list .box .swiper-slide .txt .t {margin-top: 5px;font-size: 15px;line-height: 24px;}
.exhibition .global .item:hover .pulse, .exhibition .global .item.active .pulse {width: 12px;height: 12px;}

.exhibition .global .item p{font-size:12px;}

}
                                
@media screen and (max-width: 768px) {

.exhibition .list .box .swiper-slide .txt h5 {font-size: 22px;}

.case .list .pic {background: #1f1f1f;}
.case .list .pic .txt .case-tab ul li a {padding: 0 4px;font-size: 10px;}

.exhibition .tit p {font-size:15px;line-height:1.4}
.exhibition .global .item p {display:none;}
}

@media screen and (max-width: 480px) {

.partner .container {padding: 0 0 30px;position: static;}
.partner .list {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.partner .list .item {position: static;width: 33.333%;text-align: center;padding: 5px;}

.case .list .pic .txt {position: static;margin-top: 20px;}
.case .list .pic::after {display: none;}

.case .list .pic .txt a.more{font-size:14px;}
.case .list .pic .txt a.more:hover::before{font-size:14px;}

.exhibition .tit p {font-size:14px;}
.exhibition .list .box .swiper-slide .txt h5 {font-size: 20px;}

.exhibition .global .item .pulse{width:5px;height:5px;}
.exhibition .global .item .ring:nth-of-type(2){animation:none;}
.exhibition .global .item .ring:nth-of-type(3){animation:none;}
.exhibition .global .item:hover .pulse, .exhibition .global .item.active .pulse{width:6px;height:6px;}

}

@media screen and (max-width: 400px) {

}