@charset "utf-8";

/* Home Common Style */
.block-title{position: relative;display: flex;justify-content: space-between;margin: 10px 0;}
.block-title h1{padding: 0;font-size: 24px;font-weight: bold;color: #3f7ecd;}
.block-title h1 img{width: auto;height: 46px;}
.block-title h1 img.star{height: 68px;}
.block-title .more{position: relative;margin-top: 36px;color: #fff;;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.block-title .more.blue{color: #3f7ecd;}
.block-title .more img{vertical-align: middle;}

/* Home Banner */
.home-banner{width: 100%;padding: 10px 36px 0;overflow: hidden;background: url(../img/home_banner_bg.png) no-repeat center top / cover;}
.home-banner .inner{padding: 10px;background-color: #fff;box-shadow: 0 6px 18px rgba(0,0,0,.3);}
.banner-carousel{max-width: 100%;width: 100%;height: 28vw;margin: 0 auto;}
.banner-carousel .swiper-slide{display: block;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #999;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.banner-carousel-title{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding: 32px 0 48px;background: linear-gradient(to top, rgba(0,0,0,.6),rgba(0,0,0,.0));text-align: center;}
.banner-carousel-title h3{font-size: 30px;font-weight: bold;color: #fff;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.banner-carousel .swiper-slide:hover .banner-carousel-title h3{opacity: .6;}
.banner-pagination.swiper-pagination{bottom: 16px;}
.banner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;line-height: 10px;text-align: center;background-color: #fff;color: #fff;opacity: 1;border-radius: 50%;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.banner-pagination .swiper-pagination-bullet-active{width: 60px;background: #3f7ecd;border-radius: 5px;}
.swiper-button-prev.banner-button-prev,.swiper-button-next.banner-button-next{width: 52px;height: 52px;margin-top: -40px;background-color: rgba(0,0,0,.6);background-size: 20px auto;border-radius: 50%;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.swiper-button-prev.banner-button-prev:hover,.swiper-button-next.banner-button-next:hover{border: 1px solid #fff;background-color: rgba(255,255,255,.5);}

/* Home News */
.home-news{padding: 36px 0 48px;background: url(../img/home_news_bg.png) no-repeat center top /cover;}
.achievement-list{margin-top: 40px;padding: 20px;background-color: #fff;box-shadow: 0 10px 20px rgba(15, 59, 102, .2);}
.achievement-list ul{min-height: 420px;}
.achievement-list li{margin-bottom: 20px;}
.achievement-list li:last-child{margin-bottom: 0;}
.achievement-item{position: relative;min-height: 90px;padding: 0;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.achievement-item .photo{position: absolute;left: 0;top: 0;width: 160px;height: 90px;border-radius: 4px;background-color: #999;background-size: cover;background-repeat: no-repeat;background-position: center;}
.achievement-item .date{height: 20px;line-height: 20px;}
.achievement-item .date span{display: inline-block;width: auto;height: 20px;padding: 0 8px;background: linear-gradient(to right,#1a86d9,#00af97);color: #fff;}
.achievement-item .date span img{vertical-align: middle;margin: 0 4px 0 0;}
.achievement-item .text{padding-left:180px;}
.achievement-item .text h3{position: relative;padding-bottom: 0;font-size: 16px;font-weight:bold;color: #333;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.achievement-item .text p{width: 100%;margin-top: 4px;color: #999;font-size: 12px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.achievement-item .date{margin-top: 20px;color: #3f7ecd;}
.achievement-item:hover h3{color: #3f7ecd;}
.achievement-item:hover p{color: #3f7ecd;}

.block-item.i2{margin-top: 40px;}
.date-list{margin-top: 30px;padding: 30px 20px;background-color: #fff;box-shadow: 0 10px 20px rgba(15, 59, 102, .2)}
.date-list ul{min-height: 510px;}
.date-list li{border-bottom: 1px dashed #ccc;}
.date-list li:last-child{border-bottom: 1px dashed #ccc;}
.date-list-item{position:relative;width: 100%;height: 102px;-webkit-transition:.3s all ease;transition:.3s all ease;-ms-transition:.3s all ease}
.date-list-item .date{position:absolute;top:20px;left:0;width:62px;height:62px;overflow:hidden;border: 1px solid #005dbe;border-radius: 0;}
.date-list-item .date b,.date-list-item .date span{display:block;width:100%;text-align:center;white-space:nowrap;}
.date-list-item .date span{height: 38px;line-height: 38px;font-size:26px;color: #fff;font-weight:bold;font-style:italic;background: linear-gradient(to bottom, #1a86d9, #00af97);}
.date-list-item .date b{height: 24px;font-size:14px;color: #005dbe;font-weight:normal}
.date-list-item .content{display: block;width: 100%;line-height: 102px;padding:0 0 0 112px;color:#1a1a1a;background: url(../img/icon/date_dot.png) no-repeat 80px center;}
.date-list-item .content h3{line-height:102px;font-size:18px;color: #333;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.date-list-item:hover .content{background-image: url(../img/icon/date_dot_active.png);}
.date-list-item:hover .content h3{color: #0044a0;}


/* Home Link */
.home-link{padding: 60px 0;background: url(../img/home_link_bg.png) no-repeat center top / cover;}
.link-list{margin-top: 20px;padding: 20px 15px;background-color: #fff;box-shadow: 0 10px 20px rgba(15, 59, 102, .2);}
.link-carousel{height: 120px;}
.link-carousel .swiper-wrapper,.link-carousel .swiper-slide,.link-carousel{transition-timing-function: linear!important;}
.link-carousel .swiper-slide{width: 20%;padding: 15px 5px 5px 5px;}
.link-item{width: 100%;height: 72px;margin: 10px 0;background: no-repeat center/80% auto;border: 1px solid #ccc;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-transition:all .3s ease;}
.link-item:hover{box-shadow: 0 6px 18px rgba(0,0,0,.2);opacity: .8;transform: scale(1.05);}
.home-hero{padding: 40px 0;background: #fff url(../img/home_news_bg.png) no-repeat center bottom;}


/* Column */
.column-banner{}
.column-banner .img{position: relative;max-width: 100%;width: 100%;height: 350px;margin: 0 auto;background: #f1f1f1 url(../img/list_column_bg.jpg) no-repeat center/cover;}
.column-banner .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.column{margin-top: -100px;margin-bottom: 40px;}
.column-anchor{padding-left:15px;height:80px;font-weight:600;font-size:24px;line-height:80px;background: linear-gradient(to right,#1a86d9,#00af97);color: #fff;}
.column-nav{box-shadow: 0 7px 20px rgba(63,126,205,.1);}
.column-nav ul li a{display: block;padding-left:25px;height: 50px;background: #fff;color: #333;font-size: 16px;font-weight: 600;line-height: 50px;}
.column-nav ul li a:hover{background:#00af97;color:#fff;}
.column-nav ul li ul li a{padding-left: 40px;height:50px;background:#f0f0f0;font-size: 16px;line-height: 50px;font-weight: normal;}
.column-nav ul li.selected > a{background: #f1f1f1;color:#3f7ecd;font-weight: bold;}
.breadcrumb-nav{float: right;margin-top: -10px;padding:8px 0;color: #3f7ecd;font-size: 14px;font-weight: normal;}
.breadcrumb-nav a{font-weight: normal;color:#999;}
.breadcrumb-nav a:hover{color: #333;}
.column-content{min-height: 50vh;background-color: #fff;box-shadow: 0 7px 20px rgba(63,126,205,.1);}
.column-name{padding: 0 25px;height:80px;border-bottom:1px solid #efefef;color:#333;font-weight:bold;font-size:24px;line-height:80px;}

.date-list.column-date-list{margin-top: 0;padding: 10px 20px 20px;box-shadow: none;}
.column .wp_single{padding: 20px;}
.column-img-list{padding: 15px 25px;}
.column-img-item{margin: 15px 0;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-img-item .photo{width: 100%;height: 160px;background-color: #999;background-repeat: no-repeat;background-position: center;background-size: cover;}
.column-img-item .title{padding: 16px 12px}
.column-img-item .title h3{margin: 0 0 4px;font-size: 16px;font-weight: bold;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-img-item .title .date{color: #999;}
.column-img-item:hover{box-shadow: 0 0 10px rgba(63,126,205,.3);}
.column-img-item:hover .title h3{color: #3f7ecd;}
#wp_pager{text-align: center;}


/* Post */
.post-detail{margin: -100px auto 0;}
.post-detail .inner{background-color: #fff;box-shadow: 0 -20px 30px rgba(63, 126, 205, .1);}
.post-info{padding: 25px 25px 15px;border-bottom: 1px solid #eee;background:#fff;}
.post-title{padding-bottom:5px;color:#3f7ecd;text-align:center;font-size:24px;font-weight: bold;}
.post-attr{margin-bottom:15px;color:#999;text-align:center;font-size: 16px;}
.post-content{padding: 30px 20px;min-height: 400px;line-height: 1.5;}
.post-content img{margin:10px 0;height:auto!important;max-width:100%!important;}
#qrcode{padding: 30px 0 6px;border-top: 1px solid #eee;text-align: center;}
#qrcode img{display: block;margin:0 auto;padding:8px;border:2px solid #3f7ecd;border-radius: 12px;}
.qrcode-share{padding-bottom: 30px;text-align:center;color: #333;font-size: 16px;}

@media screen and (max-width: 1199px){
    /* Header */
    .header-logo img{height: auto;width: 100%;}
}
@media screen and (max-width: 991px){
    /* Header */
    .header-nav .container{width: 100%;}
    .navbar-nav > li > a{font-size: 18px;}
    .header-logo{padding: 20px 0 10px;text-align: center;}
    .header-logo img{width: auto;height: 80px;}
    .header-function{padding-top: 0;justify-content: center;}
    .header-link ul{justify-content: center;}
    .header-search{position: relative;top: auto;right: 0;margin: 0 auto;margin-bottom: 20px;}
    
    /* Home */
    .banner-carousel{height: 36vw;}
    .link-carousel .swiper-slide{width: 33.33%}

    /* Footer */
    .footer-info{text-align: center;}
    .footer-info p{display: inline-block;}
    .footer-qrcode{margin: 20px 0;text-align: center;}
}
@media screen and (max-width: 767px){
    /* Header */
    .header-logo img{max-width: 400px;width: 100%;height: auto;}
    .header-function{padding: 10px;}
    .header-nav::after,.site-nav::before,.site-nav::after{display: none;}
    .navbar-nav > li > a{width: 100%;border-bottom: none;}

    /* Nav */
    .header-nav{position: relative;width: auto;height: auto;margin: 0;background: #2c67b1;}
    .header-nav .container{margin: 0!important;padding: 0;}
    .site-nav{margin-left: 0!important;margin-right: 0!important;}
    .site-nav > ul{display: block;}
    .navbar-nav{margin: 0;}

    .site-nav li{width:100%;background: rgba(0,0,0,.8);}
    .site-nav li a{padding:9px 0 9px 30px;font-size:16px;text-align:left;}
    .navbar-nav > li > a{height: auto;line-height: initial;color: #fff;}
    .site-nav .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .dropdown-menu{display: none;padding: 0;}
    
    /* Footer */
    .footer{padding: 30px 0 0;;}
    .footer-contact,.footer-copyright p{font-size: 12px;}
    .footer-contact{padding-bottom: 10px;}


    /* Home */
    .achievement-item{height: auto;padding: 0;}
    .achievement-item .photo{position: relative;left: auto;right: auto;width: 100%;height: 40vw;}
    .achievement-item .text{padding: 16px 12px;}
    .link-carousel .swiper-slide{width: 50%}


    /* Column */
    .column-banner .img{height: 50vw;}
    .column-nav{margin-bottom: 25px;}
    .column .wp_single{padding: 20px;}
}
@media screen and (max-width: 600px){
    /* Header */
    .header{padding: 0;}
    .header-search{width: 100%;}

    /* Home */
    .home-banner{padding: 0;}
    .banner-carousel{height: 60vw;}
    .banner-carousel-title h3{font-size: 24px;}
    .swiper-button-prev.banner-button-prev, .swiper-button-next.banner-button-next{width: 36px;height: 36px;margin-top: -18px;}

    .home-news{padding: 30px 0 50px;background-position: left top;}
    .achievement-list,.date-list{margin: 0;padding: 20px 12px;}

    .news-img{height: 42vw;}
    .swiper-button-prev.news-button-prev, .news-button-next.news-button-next{width: 48px;height: 48px;}
    .section-more{justify-content: space-between;}
    .section-more-divider{display: none;}
    .swiper-button-prev.story-button-prev, .swiper-button-next.story-button-next{height: 36px;width: 36px;margin-top: -18px;}

    /* Column */
    .date-list-item .content h3{font-size: 14px;}
    .link-list > ul > li{width: 50%;}
}
@media screen and (max-width: 480px){
    /* Header */
    .header-nav{margin-top: 0;}
    .header-nav .navbar-toggle{color:#fff;}
    .header-link{float: none;}
    .search-toggle{display: none}

    /* Home */
    .banner-carousel{height: 90vw;}
    .block-title h1 img{height: 32px;}
    .block-title h1 img.star{height: 48px;}
    .block-title .more{margin-top: 20px;}
    
    /* Column */
    .column{padding: 0;}
    .column-name{height: auto;line-height: normal;padding: 15px 10px 0;text-align: center;}
    .column-list{padding: 10px;}
    .column-anchor{padding-left: 0;text-align: center;}
    .column-nav{margin-bottom: 0;}
    .breadcrumb-nav{float: none;padding: 4px 0 8px;margin-top: 2px;font-size: 12px;}
    .column .wp_single{padding: 20px 10px;}
    .common-list li a{width: 70%;}
    .common-list li span{width: 30%;}

    /* Post */
    .post-info{margin: 0 10px;}
    .post-content{margin: 20px 0;overflow: auto;}
}