@charset "utf-8";
/* CSS Document */

html,body{height:100%;background:#f5f5f5;}
*{box-sizing: border-box;}
.top{
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,.72);
    transition: background-color .5s cubic-bezier(.28,.11,.32,1);
    transition-property: background-color,-webkit-backdrop-filter;
    transition-property: background-color,backdrop-filter;
    transition-property: background-color,backdrop-filter,-webkit-backdrop-filter;
    padding:20px 10px;position: fixed;top:0;left:50%;width:50%;width:1100px;border-bottom:1px #ddd solid;font-size:20px;margin-left:-550px;color:#333;z-index:100}
.head{width:1100px;margin:0 auto;padding:85px 15px 0;background:#fff;}
.head .img{float:left;}
.head .img img{width:160px;border-radius:10px;}
.head .head-body{font-size:16px;float:left;padding:0 0 0 20px;width:calc(100% - 160px);line-height: 1.6;}
.head .head-body h1{font-size:24px;font-weight: bold;padding:0 0 10px;}
.head .head-body span{text-align: justify;display: block;}
.head::after{clear: both;content:'';display: block;}
.body{clear: both;width:1100px;margin:0 auto;padding:20px 15px;background:#fff;}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border:3px #f5f5f5 solid;
  }