@charset "gb2312";
/* CSS Document */
html,body{position: relative;height: 100%;}

.picmain{width: 980px;margin: 0 auto;padding-top: 10px;}
.pictit{width: 700px;margin: 10px 0;}
.pictit h2{text-align: center;font-size: 24px;}
.pictit .picinfo{display: -webkit-flex;display: flex;justify-content: center;border-bottom: 1px solid #DDD;}
.pictit .picinfo p{height: 30px;line-height: 30px;margin: 10px;}

.picmain-left{float: left;width: 700px;height: 100%;}
.wt-gallery{width: 700px;height: 450px;margin: 0 auto;}
.swiper-container {width: 100%;height: 360px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.swiper-slide .img-txt{position: absolute; width: 100%; height: 2rem; padding-left: 10px; font-size: 1rem; line-height: 2rem; background-color: rgba(0,0,0,0.5); color: #fff; bottom: 0;}
.swiper-slide .img-txt b{font-size: 1.5rem;}
.swiper-slide .img-txt span{}

.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide{height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active{opacity: 1;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{padding: 5px;background-color: rgba(0,0,0,.6)}


.list_page {
    margin-top: 100px;
}