@charset "utf-8";
/* banner */
#banner{width:100%;overflow:hidden;margin:0px auto;position:relative;background:#DCDCED;}
#banner .ibbg{width:100%;min-height:720px;}
#banner a{display:block;width:100%;height:100%;position:absolute; z-index:1}
.swiper-container{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.swiper-slide{background-position:center;background-size:cover}
.swiper-button-next{right:60px;}
.swiper-button-prev{left:60px;}
#banner:hover .swiper-button-next,#banner:hover .swiper-button-prev{opacity:0.4;}
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{opacity:0.9;}

/* container */
.container{width:100%;margin:0px auto;}
.container .title{width:100%;padding:66px 0px 40px;}
.container .title h2{font-size:38px;margin:0px auto;color:#232323;font-weight:normal}
.container .title span{margin:0px auto;font-size:18px;color:#ccc;letter-spacing:2px; line-height:115%}
.container .title p{margin:25px auto 0px;font-size:16px;color:#999;padding:0px 5%}

/* exhibition */
#exhibition{width:100%; display:block;overflow:hidden;}
#exhibition .wrap{overflow:hidden;}
#exhibition .title{padding-bottom:7.25%}
#exhibition .expo-list{width:102%;display:block;margin-left:-0.999%;overflow:hidden;text-align:center;padding-bottom:7.6%}
#exhibition .expo-list li{width:25%;background:#888;display:block;float:left;text-align:center;background:#fff;overflow:hidden;padding-bottom:2%}
#exhibition .expo-list li .ibox{overflow:hidden;padding-bottom:52%;width:92.15%; box-sizing:border-box;border:1px solid #DDDDDD;border-radius:2px;margin:0px auto;text-align:center;position:relative;overflow:hidden}
#exhibition .expo-list li .ibox a{width:100%;height:100%;margin:0px auto;display:block;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
#exhibition .expo-list li .ibox img{max-width:100%;max-height:100%;width:84%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#exhibition .expo-list li .ibox:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#exhibition .expo-list li .content{width:70%; text-align:center;margin:0px auto}
#exhibition .expo-list li .content h3{margin-top:26px;font-size:16px;font-weight:normal;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:48px;}
#exhibition .expo-list li .content h3 a{color:#222}
#exhibition .expo-list li .content h3 a:hover{color:#52529D}

@media screen and (max-width:1240px) and (min-width:769px){
  #banner .ibbg{min-height:auto;padding-bottom:14%}
  #exhibition.container{width:96%;}
  #exhibition .expo-list li .content h3{font-size:15px;}
}

@media screen and (max-width:1240px) and (min-width:1040px){
  .container .title span{font-size:17px;}
  .container .title p{font-size:15px;}
  #exhibition .expo-list li .content h3{font-size:15px;}
}

@media screen and (max-width:1039px) and (min-width:769px){
  .container .title span{font-size:16px;}
  .container .title p{font-size:15px;}
  #exhibition .expo-list li .content h3{font-size:14px;}
}

@media screen and (max-width:920px){
  .container .title{padding-top:7.2%;padding-bottom:7%!important;}
  .container .title h2{font-size:34px;}
  .container .title span{font-size:18px;}
  .container .title p{font-size:16px;}

  .swiper-pagination{margin-bottom:0px}
  .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px!important}
  
  #exhibition .expo-list{padding-bottom:6.5%}
  #exhibition .expo-list li{width:50%;}
  #exhibition .expo-list li .content{width:80%;}
  #exhibition .expo-list li .content h3{font-size:16px;height:50px;margin-top:11px;}
}

@media screen and (max-width:768px){
  #banner .ibbg{min-height:auto;padding-bottom:20%}
  
  .container .title{padding-bottom:8.9%!important;}
  .container .title h2{font-size:28px;}
  .container .title span{font-size:14px;}
  .container .title p{font-size:13px;margin-top:3%;}
  
  #exhibition.container{width:96%;padding:0px 2%}
  #exhibition .expo-list{padding-bottom:5%}
  #exhibition .expo-list li{padding-bottom:24px;}
  #exhibition .expo-list li .content h3{font-size:15px;height:45px;padding:0px;}
}