@charset "utf-8";
.clear{clear: both;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#wp_pager{text-align: center;}

.news-carousel{height: 275px;margin-top: 10px;padding: 0;}
.news-carousel .swiper-slide{position: relative;display: block;background-color: #fff;}
.news-carousel .swiper-slide{overflow:hidden;height:240px;background:#fff;}
.news-carousel .swiper-slide .title{font-size:14px;font-weight:bold;text-align:center;margin:12px 0 10px 0;}
.news-carousel .swiper-slide .pic{width:100%;margin:0 auto;height:240px;position:relative;overflow:hidden;}
.news-carousel .swiper-slide .pic img{width:100%;height:210px;display:block;}
.news-pagination.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #d0d0d0;opacity: 1;}
.news-pagination.swiper-pagination .swiper-pagination-bullet-active{background-color: #6baad1;}
.banner{float: left;max-width: 640px;width: 100%;}
.banner-carousel{width: 100%;height: 328px;margin: 0 auto;}
.banner-carousel .swiper-slide{position: relative;display: block;background-color: #fff;background-size: cover;background-position: center;background-repeat: no-repeat;}

.home-intro{box-sizing: border-box;width: 300px;height: 198px;padding: 10px;}

#topphoto{width:958px;}

.photo-carousel{margin: 25px 50px;padding:0;height:136px;overflow:hidden;}
.photo-carousel .swiper-slide{display: block;width: 20%;text-align: center;}
.photo-carousel img{display: inline-block;width:140px;height:100px;border:1px solid #ddd;padding:2px;margin:0;}
.photo-carousel span{display: inline-block;background:#f3f3f3;width:146px;height:30px;line-height:30px;}
.photo-button-prev{left: 10px;top: 55%;background-image: url(../images/arr_left.gif);}
.photo-button-next{right: 10px;top: 55%;background-image: url(../images/arr_right.gif);}

.column-photolist, .column-photolist li{list-style: none;margin: 0;padding: 0;}
.column-photolist li{float: left;width: 25%;height: 205px;margin-bottom: 8px;box-sizing: border-box;text-align: center;}
.column-photolist li .inner{margin: 0 5px;background-color: #f3f3f3;}
.column-photolist li .img{display: block;height: 165px;}
.column-photolist li img{width: 130px;height: 160px;margin-top: 10px;box-shadow: 2px solid rgba(0,0,0,.5);}
.column-photolist li .title{text-align: center;font-weight: bold;}
.column-photolist li .title a{font-weight: bold;}
#wp_iframe_hotArticle_w5{display: block;margin: 10px auto;}

.mobile-menu{display: none;position: absolute;right: 0;top: 5px;background-color: transparent;border: none;outline: none;}
.mobile-menu:focus,.mobile-menu:hover{outline: none;}
.mobile-menu img{width: 28px;}

.menu > li:hover > dl{display: block;}

@media screen and (max-width: 1024px) {
    .w980, .w978, .w610{width: 100%;box-sizing: border-box;}
    #header{width: 100%;background: #fff url(../images/mobile_logo.png) no-repeat center}
    #header .r{display: none;}
    #nav{width: 100%;}
    .nav-menu{float: none;position: relative;display: block;}
    .nav-menu.open{display: block;}
    .nav-menu.open .menu{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
    .nav-menu .inner{display: none;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0,0,0,.8)}
    .nav-menu .menu{width: 50%;height: 100%;padding: 0;overflow-y: auto;text-align: center;background: #0b329e;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
    .nav-menu .empty{position: absolute;width: 50%;height: 100%;right: 0;top: 0;display: block;background: transparent;border: none;}
    .menu li{position: relative;float: none;width: 100%;padding: 0;}
    .menu li a{width: 100%;}
    .menu li a:hover{background: #fff;color: #0b329e;}
    .menu li .subnav{position: relative;display: block;margin: 0;}
    .menu li .subnav dt a{width: 100%;height: 24px;line-height: 24px;background: rgba(0,0,0,.2);}
    .nav-overlay{display: none;}
    #container .left, #container .right{width: 100%;float: none;}
    .block{width: 100%;float: none;}
    #topphoto{width: 98%;}
    .column-photolist li{width: 33.33%;}
    #position{width: 100%;box-sizing: border-box;}
    .photo-carousel .swiper-slide{width: 33.33%;}
    .home_flash{width: 100%;padding: 0;}
    .mobile-menu{display: inline-block;}
    /* Homepage */
    .home-intro{width: 100%;}
    .banner{float: none;}
    /* Post */
    .content img{max-width: 100%;height: auto;}
}
@media screen and (max-width: 600px) {
    #header{height: 18vw;background-size: cover;}
    .column-photolist li{width: 50%;}

    /* Homepage */
    .b{border: none;}
    .photo-carousel .swiper-slide{width: 100%;}
    .photo-carousel img{display: block;margin: 0 auto;}
    .banner{float: none;}
    .banner-carousel{height: 50vw;}
}