.matop100{
  margin-top: 100px;
}

.kele-home-container{
  position: relative;
  margin: auto;
  /* max-width: 1640px; */
  max-width: 1200px;
  width: 100%;
  box-sizing: border-box;
}
.kele-home-main{
  background: url(/public/images/2024index_bg.jpg) no-repeat center bottom;
  background-size: 100%;
  overflow: hidden;
}
.kele-home-main1{
  padding-bottom: 80px;
  background: url(/public/images/2023/home-bg02.jpg) no-repeat center right;
  background-size: 100% 100%;
  overflow: hidden;
}
.kele-home-main2{
  background: url(/public/images/2023/home-bg03.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.kele-home-main3{
  background: url(/public/images/2023/home-bg04.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.flex{
  display: flex;
  justify-content: space-between;
}


/* banner */
.slider {
    position: relative;
    width: 100%; 
    height: calc(100vh - 110px); 
    overflow: hidden;
}

.slider-images {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
    
}
.banner-images {
  display: flex;
}

.m-banner-images {
  display: none;
}

/* 在移动设备上显示移动端图片 */
@media only screen and (max-width: 768px) {
  .banner-images {
      display: none;
  }
  .m-banner-images {
      display: flex;
  }
  
}

.slider-images img {
    width: 100vw; 
    height: calc(100vh - 110px);
    object-fit: cover; 
}

.slider-arrow {
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-color: rgba(2, 9, 99, 0.5);
    padding: 10px;
    z-index: 10;
}

.left-arrow {
    left: 10px;
}

.right-arrow {
    right: 10px;
}

.slider-indicators {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    z-index: 10;
}

.slider-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #bbb;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
}

.slider-indicator.active {
    background-color: #fff;
}



/* about */

.partners-con{
  /* margin-top: 80px; */
  display: flex;
  justify-content: space-evenly;
}
.partners-logo > img{
  /* box-shadow: 0 0 6px #065e98; */
  width: 590px;
}

.partners-item{
  flex-direction: column;
  padding: 26px 0;
  width: 190px;
  height: 66px;
  font-family: 'HarmonyOS_Sans_SC_Black';
  /* background-color: #fff; */
  /* box-shadow: 0 0 6px #065e98; */
  box-sizing: border-box;
  cursor: pointer;
  transition: all .5s;
  background-size: 100%;
  background-repeat: no-repeat;
}
.partners-con .partners-item:nth-child(1){
  background-image: url(http://www.iibe-expo.com/public/images/partners202501.png);
}
.partners-con .partners-item:nth-child(1):hover{
  background-image: url(http://www.iibe-expo.com/public/images/partners202501-1.png);
}
.partners-con .partners-item:nth-child(2){
  background-image: url(http://www.iibe-expo.com/public/images/partners202502.png);
}
.partners-con .partners-item:nth-child(2):hover{
  background-image: url(http://www.iibe-expo.com/public/images/partners202502-1.png);
}
.partners-con .partners-item:nth-child(3){
  background-image: url(http://www.iibe-expo.com/public/images/partners202503.png);
}
.partners-con .partners-item:nth-child(3):hover{
  background-image: url(http://www.iibe-expo.com/public/images/partners202503-1.png);
}
.partners-con .partners-item:nth-child(4){
  background-image: url(http://www.iibe-expo.com/public/images/partners202504.png);
}
.partners-con .partners-item:nth-child(4):hover{
  background-image: url(http://www.iibe-expo.com/public/images/partners202504-1.png);
}




.partners-item > div{
  display: flex;
  justify-content: space-evenly;
}
.partners-item img{
  /* margin-left: 26px; */
}
.partners-item h2{
  margin: 0;
  /* float: right; */
  /* margin-right: 26px; */
  color: #bababa;
  font-size: 32px;
}
.partners-item dl{
  margin: 0;
  text-align: end;
  color: #1c2048;
  transition: all .5s;
}
.partners-item dt{
  margin: 0;
  padding-right: 20px;
  font-size: 19px;
  font-weight: bold;
}
.partners-item dd{
  margin: 0;
  margin-top: 6px;
  padding-right: 4px;
  font-size: 12px;
  font-family: 'HarmonyOS_Sans_SC_Light';
  font-weight: bold;
  white-space: nowrap;
}



.about{
  background: url(/public/images/2024index_bg.jpg) no-repeat center bottom;
  background-size: 100%;
  padding-top: 80px;
  position: relative;
}
.about p{
  font-size: 16px;
  line-height: 33px;
  text-indent: 2em;
  margin: 0;
  /* padding: 30px; */
  /* vertical-align: middle; */
  text-align: justify;
  text-justify: inter-ideograph;
}
.about img{
  width: 90%;
}
.about-top{
  display: flex;
}
.ab-center{
  text-align: center;
}
.ab-logo{
  width: 50%;
  /* text-align: center; */
}
.ab-logo img{
  width: 90%;
}
.about-p{
  width: 60%;
  padding-top: 40px;
}
.about-bom a{
  margin-left: auto;
  width: max-content;
  color: #016dd2;
  display: block;
  text-decoration: underline;
}

/*live*/
.live-box{
    margin: 50px auto 0;
    width:1200px;
    position: relative;
    box-shadow: 10px 10px 20px #b5dbff;
    border: 2px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all .5s;
}
.live-box a::before,
.live-box a::after{
  content: '';
  position: absolute;
  transition: background .5s;
}
.live-box:hover{
  box-shadow: 10px 10px 20px #66abff;
}
.live-box a:hover::before{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .5);
}
.live-box a:hover::after{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-image: url(/public/images/live-play.png);
  width: 48px;
  height: 48px;

}
/*.live-box img{transition: all ease .3s;width:100%}*/
/*.live-box:hover img{transform: scale(1.05);*/

}}
/* jiabin */
.jiabin{
  /* background: url('/public/images/2024zq_bg.jpg') no-repeat center bottom; */
  /* background-size: 100%; */
  /* padding-bottom: 145px; */
}
.jiabin-title{
  margin-bottom: 50px;
}
.jbcon {
  position: relative;
  margin-bottom: 80px;
}

.jbslider {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.guests {
  display: flex;
  transition: transform 0.5s ease;
}
.guest-group {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
}

.guest-li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.guest {
  text-align: center;
  flex: 1;
  margin: 0 10px;
  position: relative;
}

.guest .name {
  background: url('/public/images/jbname.png') no-repeat center center;
  font-size: 32px;
  font-weight: 600;
  padding: 10px 0;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 160px;
  width: 100%;
}

.guest .title {
  font-size: 20px;
  line-height: 30px;
  color: #666;
  /* font-weight: 500; */
}

.jbnav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
}
.jbleft{
  left: -100px;
}
.jbright{
  right: -100px;
}

/* zhanqu */

.guihua{
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.map {
  width: 100%;
  display: block;
}

.overlay {
  position: absolute;
  cursor: pointer;
  color: #1c2048;
  text-align: center;
}
.overlay strong,.overlay span{
  display: block;
}
.overlay strong{
  margin-top: 50px;
  font-size: 48px;
}
#area1 strong{margin-top: 160px;margin-left: 50px;}
#area1 span{margin-left: 50px;}
#area2 strong{margin-top: 20px;margin-left: 80px;}
#area2 span{margin-left: 80px;}
#area3 strong{margin-top: 58px;}
#area4 strong{margin-top: 0;margin-left: 80px;}
#area4 span{margin-left: 90px;}
#area5 strong{margin-top: 31px;}
#area7 strong{margin-top: 0;}
#area8 span{margin-top: 50px;}
.overlay span{
  font-size: 18px;
  font-weight: 600;
}

#area1 {top: 64px;left: 247px;width: 498px;height: 330px;background: url(/public/images/area1.png) no-repeat;}
#area2 {top: 107px;right: 193px;width: 379px;height:164px;background: url(/public/images/area2.png) no-repeat;}
#area3 {top: 43px;left: 316px;width: 284px;height: 210px;background: url(/public/images/area3.png) no-repeat;}
#area4 {top: 1px;left: 505px;width: 334px;height: 152px;background: url(/public/images/area4.png) no-repeat;}
#area5 {top: 202px;right: 292px;width: 302px;height: 190px;background: url(/public/images/area5.png) no-repeat;}
#area6 {top: 316px;left: 451px;width: 328px;height: 218px;background: url(/public/images/area6.png) no-repeat;}
#area7 {top: 336px;left: 315px;width: 186px;height: 108px;background: url(/public/images/area7.png) no-repeat;}
#area8 {top: 243px;left: 157px;width: 236px;height: 138px;background: url(/public/images/area8.png) no-repeat;}

.overlay:hover{
  transition: all .8s;
}
#area1:hover{background: url(/public/images/area1_1.png) no-repeat;}
#area2:hover{background: url(/public/images/area2_1.png) no-repeat;}
#area3:hover{background: url(/public/images/area3_1.png) no-repeat;}
#area4:hover{background: url(/public/images/area4_1.png) no-repeat;}
#area5:hover{background: url(/public/images/area5_1.png) no-repeat;}
#area6:hover{background: url(/public/images/area6_1.png) no-repeat;}
#area7:hover{background: url(/public/images/area7_1.png) no-repeat;}
#area8:hover{background: url(/public/images/area8_1.png) no-repeat;}


/* 全球战略合作伙伴 */
/* .partners-title{
  padding-top: 90px;
  padding-bottom: 36px;
  text-align: center;
}
.partners-con{
  margin-top: 10px;
}
.partners-logo > img{
  box-shadow: 0 0 6px #065e98;
  width: 590px;
}
.partners-item{
  flex-direction: column;
  padding: 26px 0;
  width: 220px;
  height: 170px;
  font-family: 'HarmonyOS_Sans_SC_Black';
  background-color: #fff;
  box-shadow: 0 0 6px #065e98;
  box-sizing: border-box;
  cursor: pointer;
  transition: all .5s;
}
.partners-item > div{
  display: flex;
  justify-content: space-evenly;
}
.partners-item img{
  width: 48px;
}
.partners-item h2{
  margin: 0;
  color: #bababa;
  font-size: 32px;
}
.partners-item dl{
  margin: 0;
  text-align: center;
  color: #1c2048;
  transition: all .5s;
}
.partners-item dt{
  margin: 0;
  padding-right: 0;
  font-size: 19px;
  font-weight: bold;
}
.partners-item dd{
  margin: 0;
  margin-top: 6px;
  padding-right: 0;
  font-size: 12px;
  font-family: 'HarmonyOS_Sans_SC_Light';
  font-weight: bold;
  white-space: nowrap;
}
.partners-item:hover{
  background-color: #2c8cef;
}
.partners-item:hover dl{
  color: #fff;
} */


/* 新闻动态 */
.kele-news-container{
  background-color: #fff;
  box-shadow: 0 0 8px #ccc;
  /* padding-top: 50px; */
}

.kele-news-con{
  position: relative;
  margin-top: 100px;
  padding-top: 50px;
  padding-left: 20px;
  background-size: 100% 100%;
  font-family: 'HarmonyOS_Sans_SC_Black';
  background: url(/public/images/2024newsbg.jpg) no-repeat left bottom;
}
.kele-news-left{
  position: relative;
  z-index: 2;
  display: inline-block;
}
.kele-news-left img{
  vertical-align: middle;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}
/* .kele-news-left img:last-child{
  margin-top: 20px;
} */
.kele-news-left video{
  width: 540px;
  height: 340px;
  padding-bottom: 20px;
}

.kele-news-list{
  position: relative;
  z-index: 1;
  display: inline-block;
  /* margin-left: -15px; */
  max-width: 580px;
  width: 100%;
  height: 492px;
  background-color: #fff;
  border: 1px solid #000;
  vertical-align: top;
  margin-left: 15px;
  margin-top: 60px;
}
.kele-news-item{
  position: relative;
  z-index: 1;
  margin-top: -35px;
  margin-left: -1px;
  margin-right: -1px;
  height: 114px;
  border: 1px solid #000;
  border-bottom: none;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
  transition: all .5s;
  background-color: #fff;
}
.kele-news-item:nth-child(5){
  height: 90px;
}
.kele-news-item a{
  display: flex;
  height: 100%;
}
.kele-news-item .news-time{
  border-bottom-left-radius: 15px;
}
.kele-news-item dl{
  margin: 0;
  padding: 10px 2px 10px;
  height: 118px;
  width: 40px;
  color: #fff;
  background-color: pink;
  line-height: 1;
  text-align: end;
  box-sizing: border-box;
  white-space: nowrap;
}
.news-time>div{
  display: block;
  height: 30px;
  margin-top: -29px;
  background-color: #fff;
}
.kele-news-item .left,
.kele-news-item .right{
  font-size: 0;
}
.kele-news-item .right{
  margin-top: -1px;
  background-color: pink;
}

.kele-news-item .left::before,
.kele-news-item .right::before,
.kele-news-item .left::after,
.kele-news-item .right::after{
  content: '';
  display: inline-block;
  width: 20px;
  height: 15px;
  box-sizing: border-box;
}
.kele-news-item .left::before{
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 15px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
.kele-news-item .right::after{
  border-top-right-radius: 15px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.kele-news-item .left::before,
.kele-news-item .left::after{
  background-color: transparent;
  background-color: pink;
}
.kele-news-item .right::before,
.kele-news-item .right::after{
  background-color: #fff;
}
.kele-news-item dt{
  font-size: 18px;
  vertical-align: bottom;
}
.kele-news-item dd{
  margin-left: 0;
  margin-top: 5px;
  font-size: 16px;
}
.kele-news-item dt sub{
  font-size: 12px;
  vertical-align: middle;
}
.kele-news-item dd sub{
  font-size: 12px;
  vertical-align: middle;
}
.kele-news-item .news-time img{
  position: absolute;
  left: -1px;
  margin-top: -30px;
}
.kele-news-item:nth-child(1) dl,
.kele-news-item:nth-child(1) .left::before,
.kele-news-item:nth-child(1) .left::after,
.kele-news-item:nth-child(1) .right{
  background-color: #0ec497;
}
.kele-news-item:nth-child(2) dl,
.kele-news-item:nth-child(2) .left::before,
.kele-news-item:nth-child(2) .left::after,
.kele-news-item:nth-child(2) .right{
  background-color: #45b4ff;
}
.kele-news-item:nth-child(3) dl,
.kele-news-item:nth-child(3) .left::before,
.kele-news-item:nth-child(3) .left::after,
.kele-news-item:nth-child(3) .right{
  background-color: #0048db;
}
.kele-news-item:nth-child(4) dl,
.kele-news-item:nth-child(4) .left::before,
.kele-news-item:nth-child(4) .left::after,
.kele-news-item:nth-child(4) .right{
  background-color: #0ba39b;
}
.kele-news-item:nth-child(5) dl,
.kele-news-item:nth-child(5) .left::before,
.kele-news-item:nth-child(5) .left::after,
.kele-news-item:nth-child(5) .right{
  background-color: #162d8e;
}



.news-item-right{
  flex: 1;
  padding: 20px 30px;
  height: 100%;
  color: #000;
  background-color: #fff;
  border-left: 1px solid #000;
  box-sizing: border-box;
}
.news-item-right h3{
  margin: 0;
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  background: url(/public/images/news-right-go.png) no-repeat;
  background-size: 16px;
  background-position: right;
}
.news-item-right p{
  margin-top: 0px;
  margin-bottom: 0;
  height: 120px;
  text-indent: 2em;
  font-size: 13px;
  color: #555;
  font-weight: lighter;
  line-height: 28px;
  height: 30px;
  transition: all .5s;
  font-family: "HarmonyOS_Sans_SC_Light";
  font-weight: bold;
}
.kele-news-item-active p{
  -webkit-line-clamp:4;
  line-clamp: 4;
  height: 110px;
  
}
.kele-news-list>a{
  position: absolute;
  top: -14px;
  right: -30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 4px;
  background-color: #0048db;
  border: 1px solid #000;
  writing-mode: vertical-rl;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.kele-news-list>a img{
  width: 16px;
}
.kele-news-item-active .news-item-right{
  box-sizing: border-box;
  height: auto;
}
.kele-news-item-active{
  height: 230px;
}
.kele-news-item:nth-child(5).kele-news-item-active{
  height: 206px;
}

.news-line{
  position: absolute;
  top: 0;
  left: 40px;
  height: 100%;
  width: 0;
  border-left: 1px solid #000;
}
.news-bg{
  position: absolute;
  left: -20px;
  bottom: -4px;
}
.news-bg img{
  vertical-align: middle;
}



/* 同期活动 */
.period-title{
  padding: 120px 0 60px 80px;
}
#certify{
  position: relative;
  margin: auto;
  padding-bottom: 90px;
  width: 1200px;
}
#certify .swiper-slide{
  position: relative;
  width: 415px;
  background-color: #fff;
  /* box-shadow: 0px 0px 4px 10px #00000040; */
}
#certify .swiper-slide img{
  width: 100%;
  vertical-align: middle;
}
.swiper-button-prev,
.swiper-button-next{
  position: absolute;
  top: 40%;
  width: 69px;
  height: 54px;
  background: url(/public/images/jiabin-r.png) no-repeat;
  background-size: 100%;
}
.swiper-button-prev{
  left: -100px;
  transform: rotate(180deg);
}
.swiper-button-next{
  right: -100px;
}




/* 展区规划 */
.exhibition-con{
  position: relative;
  min-height: 955px;
}
.kele-exhibition-container{
  position: relative;
}
.exhibition-title{
  padding-left: 80px;
  padding-top: 110px;
}

.exhibition-bg{
  position: absolute;
  top: 140px;
  left: 70px;
  width: 1100px;
}

.exhibition-con .rongqi{
  position: absolute;
  top: 496px;
  left: 70px;
  width: 732px;
  height: 616px;
  transform-origin: top left;
  transform:rotatez(-40deg) skewX(7deg) skewY(9deg);
}

.rongqi div{
  position: absolute;
  height: 20.5%;
}
.rongqi a{
  display: block;
  height: 100%;
  width: 100%;
}
.rongqi .n18{
  left: 12%;
  top: 15%;
  width: 35.5%;
  transform: rotate(1deg);
}
.rongqi .n23{
  left: 57%;
  top: 16%;
  width: 33%;
}
.rongqi .n17{
  left: 12%;
  top: 40%;
  height: 22%;
  width: 37%;
  transform: rotate(0);
}
.rongqi .n24{
  left: 59%;
  top: 40%;
  height: 20.5%;
  width: 33.5%;
  transform: rotate(0);
}
.rongqi-active{
  position: absolute;
  top: 140px;
  left: 70px;
  width: 100%;
}
.rongqi-active a{
  position: absolute;
  opacity: 0;
  transition: all .5s;
}
.rongqi-active img{
  width: 1100px;
}
/* .rongqi-active .n18{
  left: 125px;
  top: 230px;
}
.rongqi-active .n17{
  left: 243px;
  top: 333px;
}
.rongqi-active .n23{
  left: 423px;
  top: 56px;
}
.rongqi-active .n24{
  left: 539px;
  top: 151.5px;
} */

/* 合作媒体 */
.medium-title{
  padding: 90px 0 80px 80px;
}
.medium-list{
  flex-wrap: wrap;
  padding-bottom: 190px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  perspective: 8000px;
  -webkit-perspective: 8000px;
}
.medium-item{
  margin-top: 12px;
  width: 230px;
  
}
.medium-item img{
  transform: rotateY(0deg);
  box-shadow: 0 0 6px #065e98;
  vertical-align: middle;
}
.medium-item:hover img{
  transform: rotateY(360deg);
  transition: all 1s;
}

/* 天津风采 */
.style-title{
  padding: 165px 0 65px 80px;
}
.style-con{
  /* display: flex; */
  padding-bottom: 120px;
}
.style-con > div{
  width: 286px;
}
.style-img{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
  
}
.style-img img{
  width: 100%;
  height: 286px;
  transition: all .5s;
}
.style-img:hover img{
  transform: scale(1.2);
}
.style-text{
  position: absolute;
  left: 44px;
  bottom: 28px;
  color: #fff;
  font-size: 17px;
  font-family: "HarmonyOS_Sans_SC_Black";
}
.style-text div{
  width: 28px;
  height: 2px;
  background-color: #fff;
}
.style-text p{
  margin-top: 15px;
}
.style-list{
  padding: 15px 10px 0;
  box-sizing: border-box;
}

.style-item{
  padding-left: 30px;
  font-size: 16px;
  font-weight: lighter;
  color: #fff;
  line-height: 32px;
  background: url(/public/images/2023/icon-crown.png) no-repeat 5px 8px;
  box-sizing: border-box;
  font-family: "HarmonyOS_Sans_SC_Light";
}
.style-item:hover{
  color: #2bfeff;
}


@media (min-width: 1200px) and (max-width: 1640px){

  .kele-home-container{
    max-width: 1200px;
  }
  .kele-overview{
    padding: 40px 30px 60px;
  }
  .kele-overview-con img{
    padding-top: 24px;
    padding-left: 5%;
    width: 50%;
    box-sizing: border-box;
  }
  .kele-overview-con div{
    font-size: 14px;
    line-height: 36px;
  }
  .kele-overview-con div p:first-child::first-letter{
    font-size: 2em;
  }
  .overview-con-img{
    margin-top: -110px;
    margin-left: -50px;
    margin-right: -50px;
  }
  .overview-con-img img{
    width: 100%;
  }
  .kele-overview>p{
    padding-top: 30px;
    font-size: 14px;
    line-height: 36px;
  }

  
}

@media (min-width: 992px) and (max-width: 1199px){
  .kele-home-container{
    padding: 0 10px;
    max-width: 992px;
  }
  .partners-logo > img{
    width: 49%;
  }
  .partners-item{
    width: 155px;
    height: 155px;
  }
  .partners-item dd{
    zoom: .8;
  }
.live-box{width:100%;}
  .kele-news-con{
    padding-left: 15px;
    padding-top: 70px;
    padding-bottom: 30px;
    margin-top: 70px;
  }
  .kele-news-left img{
    width: 400px;
  }
  .kele-news-list{
    width: 530px;
    height: 472px;
  }
  .kele-news-item-active{
    height: 210px;
  }
  .kele-news-item:nth-child(5).kele-news-item-active{
    height: 186px;
  }
  .news-bg{
    left: -10px;
    right: -10px;
  }
  .news-bg img{
    width: 100%;
  }

  .period-title{
    padding: 80px 0 40px 60px;
  }
  #certify{
    zoom: .8;
  }

  .exhibition-con{
    min-height: 760px;
  }
  .exhibition-title{
    padding-left: 60px;
    padding-top: 110px;
  }
  .exhibition-title img{
    width: 200px;
  }
  .exhibition-bg,
  .rongqi-active,
  .exhibition-con .rongqi{
    zoom: .8;
  }

  .medium-title{
    padding: 60px;
  }
  .medium-list{
    padding-bottom: 100px;
  }
  .medium-item,
  .medium-item img{
    width: 180px;
  }

  .style-title{
    padding: 100px 0 50px 60px;
  }
  .style-con{
    padding-bottom: 80px;
  }
  .style-con > div{
    width: 230px;
  }
  .style-img img{
    height: 230px;
  }
  .style-text{
    left: 24px;
    bottom: 10px;
  }
  .style-item{
    font-size: 14px;
  }
  .style-list{
    padding: 10px 5px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .kele-home-container{
    padding: 0 10px;
    max-width: 768px;
  }
  .partners-logo > img{
    width: 49%;
  }
  .partners-title{
    padding-top: 60px;
  }
  .partners-item{
    width: 115px;
    height: 115px;
    padding: 15px 0;
  }
  .partners-item img{
    width: 36px;
  }
  .partners-item dt{
    padding-right: 10px;
    font-size: 14px;
  }
  .partners-item dd{
    zoom: .6;
  }
  .live-box{width:100%;}
  .kele-news-con{
    padding-top: 50px;
    padding-left: 10px;
    padding-bottom: 30px;
  }
  .kele-news-left{
    margin-top: 110px;
  }
  .kele-news-left img{
    width: 300px;
  }
  .kele-news-list{
    width: 410px;
    height: 452px;
  }
  .news-bg{
    left: -10px;
    right: -10px;
  }
  .news-bg img{
    width: 100%;
  }
  .news-item-right{
    padding: 15px;
  }
  .kele-news-item-active{
    height: 190px;
  }
  .kele-news-item:nth-child(5).kele-news-item-active{
    height: 166px;
  }

  .period-title{
    padding: 60px 0 40px 40px;
  }
  #certify{
    zoom: .6;
  }
  .kele-home-main1{
    padding-bottom: 40px;
  }
  .exhibition-con{
    min-height: 570px;
  }
  .exhibition-title{
    padding-left: 40px;
    padding-top: 40px;
  }
  .exhibition-title img{
    width: 200px;
  }
  .exhibition-bg,
  .rongqi-active,
  .exhibition-con .rongqi{
    zoom: .6;
  }

  .medium-title{
    padding: 60px 0 40px 40px;
  }
  .medium-list{
    padding-bottom: 80px;
  }
  .medium-item,
  .medium-item img{
    width: 140px;
  }

  .style-title{
    padding: 60px 0 40px 40px;
  }

  .style-con{
    padding-bottom: 60px;
  }
  .style-con > div{
    width: 180px;
  }
  .style-img img{
    height: 180px;
  }
  .style-text{
    left: 20px;
    bottom: 0;
  }
  .style-list{
    padding: 10px 5px;
  }
  .style-item{
    font-size: 12px;
    line-height: 24px;
  }
}

@media (min-width: 320px) and (max-width: 767px){
  .kele-home-container{padding: 0 10px;}
  .period-title{text-align: center;padding: 30px 0;}
  .kele-home-main{background: transparent;}
  
  /*2024*/
  .slider,.slider-images img,.slider-images img{
    height: 100%;
  }
  .live-box,.live-box img{width:100%;}
  .ab-logo img{width: 60%;}
  .yudengji.fixed{display: none;}
  .about-top{padding:0;display: block;}
  .about{padding-top: 30px;background: url(/public/images/2024index_bg.jpg) no-repeat left center;background-size: 100%;}
  .ab-logo{text-align: center;}
  .ab-logo,.about-p{width: 100%;}
  .about p{padding: 0 20px}
  .kele-news-left img{width: 100%;margin-bottom: 0;}
  .kele-news-left img:first-child{margin-top: 20px;width: 60%}
  .kele-news-con{margin-top: 50px;padding: 0;box-shadow: none;}
  .kele-news-list{margin-left: 0;width: 100%;}
  .kele-news-list>a{display: none;}
  .news-bg{left: -10px;right: -10px;}
  .news-bg img{width: 100%;}
  .period-title img{width: 200px;}
  #certify .swiper-slide img{width: 60%;}
  
}