﻿.exhibitions-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active, .exhibitions-swiper .swiper-pagination-bullet:hover {width: 30px;background: var(--color);}
.exhibitions-swiper .swiper-pagination-bullet {background-color: #bfbfbf;border-radius: 50px;opacity: 1;overflow: hidden;position: relative;width: 10px;height: 10px;transition: all .1s linear;cursor: pointer;}
.exhibitions-swiper .exhibitions-next, .exhibitions-swiper .exhibitions-prev {position: absolute;top: 40%;left: 15px;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: var(--color);color: #fff;z-index: 9;cursor: pointer;transition: all .15s linear;border-radius: 50%;}
.exhibitions-swiper .exhibitions-next {left: auto;right: 15px;}
.exhibitions-swiper{padding-bottom: 40px;}
@media screen and (max-width:768px) {.exhibitions-swiper .exhibitions-next, .exhibitions-swiper .exhibitions-prev{width: 32px;height: 32px;top: 30%;left: 10px;}
.exhibitions-swiper .exhibitions-next {left: auto;right: 10px;}
p span{font-size: 22px !important;}}
.exhibitions{padding:0;max-width:1920px;margin:0 auto;overflow: hidden;}
.head-title p{text-align:center}
.page-title{text-align:center;font-weight:bold;font-size:32px;color:#232323;line-height:1.25;display:block;margin-bottom:0}
.page-title::before{display:none;}
.page-tit p{text-align:center;font-size:32px;font-weight:700}
.page1{position:relative;padding:5% 0;z-index:2}
.page1::after{content:"";position:absolute;top:0;right:0;height:100%;width:100vw;background:url(/uploads/42267/banner/202511060940555422b.jpg) center no-repeat;background-size:cover;z-index:-1}
.page1-left{width:50%;padding:60px 0}
.page1-item{display:flex;flex-wrap:wrap}
.page1-box{display:flex;align-items:center;margin-bottom:20px}
.page1-box:nth-of-type(2n-1){width:35%}
.page1-box:nth-of-type(2n){width:60%}
.page1-icon{margin-right:10px}
.page1-contant{display:flex;align-items:center;margin-top:45px;position:relative}
.page1-text p:nth-of-type(1){font-weight:bold;font-size:18px;color:#232323}
.page1-text p:nth-of-type(2){font-weight:400;color:#555}
.page1-right{position:absolute;right:-180px}
.page1-btns{display:flex;margin-top:25px}
.page1-btns a{font-size:16px;color:#fff;padding:18px 25px;background:#007ab9;overflow:hidden;border-radius:10px;line-height:1}
.page2{padding: 0 0 5%;}
.page2-sub{display:flex;align-items:end;margin:50px 0 40px}
.page2-sub p:nth-of-type(1){background:#007ab9;font-size:28px;color:#fff;height:60px;padding:0 40px 0 20px;line-height:60px;clip-path:polygon(0 0,100% 0,95% 100%,0 100%);position:relative;z-index:3}
.page2-sub p:nth-of-type(2){background:#eef5fd;font-size:18px;color:#007ab9;height:40px;padding:0 40px;line-height:40px;clip-path:polygon(0 0,100% 0,90% 100%,0 100%);transform:translateX(-40px);z-index:1;position:relative}
.exhibitions-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,.exhibitions-swiper .swiper-pagination-bullet:hover{background:#007ab9}
.page3{padding:5% 0;background:url(/Content/uploads/20251060190/20250924093939a0961befa952488ab89435e83d807165.webp) center no-repeat;background-size:cover;position:relative;z-index:3}
.page3::after{position:absolute;content:'';top:0;right:-180px;height:100%;width:1920px;background:url(/uploads/42267/banner/20251106094832a3e04.jpg) center no-repeat;background-size:cover;z-index:-1}
.exhibitions-swiper .exhibitions-next:hover,.exhibitions-swiper .exhibitions-prev:hover{background:#007ab9}
.page3-top{display:flex;align-items:center}
.page3-tix{font-weight:bold;font-size:32px;color:#fff;line-height:1}
.page3-span{display:flex;margin-top:40px}
.page3-left{width:20%}
.page3-right{flex:1;padding-left:90px;margin-left:90px;border-left:1px solid #fff}
.page3-bo p:nth-of-type(1){font-weight:bold;font-size:56px;color:#fff;line-height:1}
.page3-bo p:nth-of-type(2){font-size:28px;color:#f27721;line-height:1;margin-top:15px}
.page3-bo:nth-of-type(1){display:flex;flex-direction:column;text-align:end;padding-right:8%}
.page3-bo:nth-of-type(1) p:nth-of-type(1){color:#f27721}
.page3-bottom{text-align:center;margin-top:60px;color:#fff}
@media (max-width:1700px) {.page1-right {position: relative;right: 0;width: 48%;}
.page1-contant{justify-content: space-between;margin-top: 30px;}
.page1-left {width: 48%;padding: 25px 0;}}
@media (max-width:1460px) {.page2-sub p:nth-of-type(1){font-size: 24px;}
.page3-bo p:nth-of-type(1){font-size: 42px;}
.page3-span{margin-top: 20px;}
.page3-bo p:nth-of-type(2){font-size: 22px;margin-top: 10px;}
.page2-sub{margin: 30px 0 25px;}}
@media (max-width:1024px) {.page1-contant{flex-direction: column;}
.page1-right{width: 100%;}
.page1-left {width: 100%;padding: 25px 0;}
.page1-right img{width: 100%;}
.head-title p br{display: none;}
.page2-sub p:nth-of-type(1) {font-size: 18px;height: 45px;line-height: 45px;}
.page2-sub p:nth-of-type(2){line-height: 30px;height: 30px;font-size: 16px;}
.page2-sub {margin: 15px 0;}
.page3-right{padding-left: 55px;margin-left: 55px;}
.page3-tix{font-size: 24px;}
.page3-bo p:nth-of-type(1) {font-size: 34px;}
.page3-bo p:nth-of-type(2){font-size: 18px;}
.page3-bottom{margin-top: 30px;}}
@media (max-width:768px) {.page-tit p{font-size: 20px;}
.page1-contant{margin-top: 0;}
.exhibitions-swiper .swiper-pagination-bullet{height: 6px;width: 6px;}}
@media (max-width:550px) {.page-title{font-size: 24px;}
.page1-box {width: 100% !important;justify-content: center;flex-direction: column;text-align: center;}
.page1-btns{margin-top: 10px;justify-content: center;}
.page1-btns a{padding: 15px 25px;font-size: 14px;border-radius: 6px;}
.page3-top{flex-direction: column;}
.page3-left{width: 100%;text-align: center;}
.page3-left img{max-width: 30%;}
.page3-right {padding-left: 0;margin-left: 0;border: none;margin-top: 20px;width: 100%;}
.page3-bo{width: 48%;padding: 0 !important;text-align: center !important;}
.page3-span{justify-content: space-between;}
.page3-bo p:nth-of-type(1){font-size: 28px;}
.page3-tix{text-align: center;}}