@charset "utf-8";
/* CSS Document */
html, body{ font-size: 14px;  font-family:"\5FAE\8F6F\96C5\9ED1";  }
body { font-size:14px; }
body a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;  -ms-transition: 0.5s all ease;  }
.float{float: left;}
.floatr{float: right;}
*{margin:0;padding:0;list-style-type:none;}
.clear{ clear:both; height:1px; overflow:hidden;}

@font-face {
    font-family: 'FZXKJW';
    src: url('../font/FZXKJW.TTF') ;
  }


.box{ width: 60%; height: 100vh; background: url(../img/bg.png) no-repeat center 0; background-size: 100% 100%;  display: block; margin: 0 auto; }

/* 轮播器 */
.swiper-container {
    width: 100%;
    height:95%;
    margin: 0 auto;
    padding: 90px 0 0 0;
    box-sizing: border-box;
    z-index: 999;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    
    /* 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 a{ width: 100%; height: 100%;  display: block;text-decoration: none;flex-direction:column; display: flex; align-items: center; justify-content:space-between; }
.swiper-slide a span{ width: 80%; height: auto; line-height: 40px; font-family: 'FZXKJW'; 
     font-size: 28px; color: #333; }

.swiper-slide a img{ width:auto; max-width: 60%; height: auto; max-height:70%; display: block; margin:0 auto 12% auto; }

.swiper-button-next, .swiper-button-prev{top: 75% !important;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background:url(../img/right.png) no-repeat center 0 !important; background-size: 100% auto !important;
    right: 50px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background:url(../img/left.png) no-repeat center 0 !important;background-size: 100% auto !important;
    left: 40px !important;
}

.toggle-btn{ width: 50px; height: 50px; position: fixed;  bottom: 80px; left: calc(50% - 25px); background: none !important;
     border: none !important;transform: translateX(0%); z-index: 99;
     transition: all 0.5s ease-in-out; cursor: pointer; }
.toggle-btn img{ width: 100%; height: auto; display: block; }

.btn{bottom: 60%;}

.tck{ width:60%; position: fixed; top:100%; left: 20%; right: 0; bottom: 0;  background: url(../img/bottom.png) no-repeat center bottom #fff;
  background-size: 100% 100%;  border-radius: 30px 30px 0 0; border-top: 3px solid #333; z-index: 999;
    transform: translateX(0%);
    transition: all 0.5s ease-in-out;
    cursor: pointer;   } 


.title{width: 100%;  height: auto;  border-bottom: 1px solid #E0E0E0; display: flex; align-items: center;
    justify-content: center; margin-top: 5px;}
.title a{ width: auto; height: 50px; line-height: 50px; color: #8D8D8D; text-decoration: none; font-family: 'FZXKJW'; 
        display: inline-block; font-size: 26px;  padding: 0 5%;  position:relative; }      
/* .title a:hover { 
    color: #000;
    border-bottom: 2px solid #000;
} */
.title a.over{
    color: #000; /* 文字颜色变为蓝色 */
    border-bottom: 2px solid #000;
}

.content{display:block; float:left; width:100%; height:calc(100% - 60px); overflow-y: auto; padding: 20px;  box-sizing: border-box;}
.content .js{  width:100%; height:auto;  }
.content .js p{width: 100%; height: auto; box-sizing: border-box; text-align: justify; text-indent: 2em;
            font-size: 18px; line-height: 35px; color: #333; margin-bottom: 15px; }
.yp{ width: 100%; padding: 40px 0; line-height: 50px; color: #777; display: flex; align-items: center; justify-content: center; }
.yp img{ width: 50px; height: 50px; margin: 0 auto; display:inline-block; }
.yp input{ width: 50px; height: 50px; margin: 0 auto; display:inline-block; border: none; }

.tck.active {
    top: 55%; 
 }