@charset "utf-8";
/*
* Homepage
*/

/* Home Banner */
.banner-carousel{display:block;width: 100%;height: 610px;background-color: #999;}
.banner-carousel .swiper-slide{position: relative;display:block;width:100%;background-size:cover;background-repeat: no-repeat;background-position: center;background-color: #999;}
.banner-pagination.swiper-pagination{bottom: 20px;}
.banner-pagination.swiper-pagination .swiper-pagination-bullet{width: 18px;height: 18px;background: #fff;opacity: 1;}
.banner-pagination.swiper-pagination .swiper-pagination-bullet-active{background: #b52226;}
.banner-pagiantion-prev{position: relative;color: #0957b5;font-size: 18px;}
.banner-pagiantion-prev::after{content: "—";margin-left: 6px;font-weight: bold;}
.banner-pagiantion-next{position: relative;color: #fff;font-size: 18px;}
.banner-pagiantion-next::before{content: "—";margin-right: 6px;font-weight: bold;}
.swiper-button-prev.banner-button-prev{top: auto;bottom: 22px;left:43%;background-image: none;width: 10px;height: 8px;border: 12px solid transparent;border-right-color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.swiper-button-next.banner-button-next{top: auto;bottom: 22px;right:43%;background-image: none;width: 10px;height: 8px;border: 12px solid transparent;border-left-color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.swiper-button-prev.banner-button-prev:hover{border-right-color: #0957b5;}
.swiper-button-next.banner-button-next:hover{border-left-color: #0957b5;}

/* Home News */
.home-news{padding: 96px 0 40px;background-color: #f3f7f9;}
.home-news .section-title{margin-bottom: 56px;}
.news-tab li{margin-bottom: 8px;}
.news-tab-toggle{display: block;width: 100%;height: 110px;line-height: 110px;text-align: center;background-color: #53a6f4;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-tab-toggle:hover,.news-tab-toggle.active{background-color: #0d54a6;}
.news-more{padding-top: 20px;text-align: right;}
.news-carousel{height: 346px;background-color: #999;}
.news-carousel .swiper-slide{background-size: cover;background-repeat: no-repeat;background-position: center;}
.news-carousel-title{position: absolute;left: 0;right: 0;bottom: 0;height: 40px;line-height: 40px;padding: 0 20px;font-size: 16px;background-color: rgba(0,0,0,.3);color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-carousel .swiper-slide:hover .news-carousel-title{background-color: rgba(0,0,0,.6);}
.swiper-pagination.news-pagination{padding: 0 20px;text-align: right;}
.swiper-pagination.news-pagination .swiper-pagination-bullet{opacity: 1;background-color: #fff;}
.swiper-pagination.news-pagination .swiper-pagination-bullet-active{background-color: #0957b5;}

.news-tab-content{position: relative;}
.news-tab-content > ul > li{position: absolute;top: 0;left: 0;right: 0;z-index: -1;opacity: 0;visibility: hidden;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.news-tab-content > ul > li.active{position: relative;z-index: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}

.img-news-list ul{min-height: 348px;}
.img-news-item{position: relative;display: block;padding: 20px 0;border-bottom: 1px solid #ccc;}
.img-news-item p{min-height: 24px;margin: 0;font-size: 16px;color: #333;font-family: Bahnschrift, Arial, sans-serif;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.img-news-item h3{min-height: 21px;margin: 0;padding-top:2px;font-size: 18px;color: #000;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.img-news-item i{position: absolute;right: 12px;top: 50%;width: 26px;height: 26px;margin-top: -13px;background: #666 url(../img/icon/icon_arrow_more.png) no-repeat center;border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.img-news-item:hover h3,.img-news-item:hover p{color: #0957b5;}
.img-news-item:hover i{background-color: #0957b5;}
.list-news ul{min-height: 346px;}
.list-news-item{position: relative;display: block;height: 110px;margin-bottom: 8px;border-bottom: 1px solid #ccc;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.list-news-item:hover{background-color: #f3f7f9;}
.list-news-item .date{position: absolute;left: 12px;top: 10px;width: 100px;overflow: hidden;border-right: 1px solid #808080;}
.list-news-item .date span,.list-news-item .date b{display: block;font-weight: normal;color: #808080;white-space: nowrap;}
.list-news-item .date span{font-size: 30px;border-bottom: 1px solid #ccc;}
.list-news-item .date b{font-size: 18px;}
.list-news-item .text{padding-left: 132px;padding-top: 26px;padding-right: 80px;}
.list-news-item .text h3{font-size: 18px;font-weight: 600;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.list-news-item:hover .text h3{color: #0957b5;}
.list-news-item .text p{padding-top: 6px;font-size: 16px;color: #808080;}
.list-news-item .text i{position: absolute;right: 12px;top: 50%;width: 26px;height: 26px;margin-top: -13px;background: #666 url(../img/icon/icon_arrow_more.png) no-repeat center;border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.list-news-item:hover .text i{background-color: #0957b5;}

/* Home Research */
.home-research{padding: 60px 0 40px;background-color: #fff;}
.home-research .section-title{margin-bottom: 40px;}
.research-more{padding-top: 24px;text-align: right;}
.research-blcok-title{display: block;height: 98px;padding-top: 40px;padding-right: 40px;font-size: 30px;font-weight: 700;letter-spacing: 8px;color: #fff;text-align: right;background-size: auto;background-position: top left;background-repeat: no-repeat;}
.research-block.i1 .research-blcok-title{background-image: url(../img/home_research_1.png);}
.research-block.i2 .research-blcok-title{background-image: url(../img/home_research_2.png);}
.research-list{padding-top: 14px;}
.research-list ul{min-height: 294px;}
.research-list-item{position: relative;display: block;height: 98px;border-bottom: 1px solid #ccc;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.research-list-item:hover{background-color: #f3f7f9;}
.research-list-item .date{position: absolute;left: 12px;top: 10px;width: 100px;overflow: hidden;}
.research-list-item .date span,.research-list-item .date b{display: block;font-weight: normal;color: #808080;white-space: nowrap;}
.research-list-item .date span{font-size: 28px;border-bottom: 1px solid #ccc;}
.research-list-item .date b{font-size: 18px;}
.research-list-item .text{padding-left: 132px;padding-top: 26px;padding-right: 80px;}
.research-list-item .text h3{font-size: 18px;font-weight: 600;color: #000;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.research-list-item:hover .text h3{color: #0957b5;}
.research-list-item .text p{padding-top: 6px;font-size: 16px;color: #808080;}
.research-list-item .text i{position: absolute;right: 12px;top: 50%;width: 26px;height: 26px;margin-top: -13px;background: #666 url(../img/icon/icon_arrow_more.png) no-repeat center;border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.research-list-item:hover .text i{background-color: #0957b5;}
/* 品牌活动 */
.home-activity{padding: 0 0 78px;}
.home-activity .inner{overflow: hidden;}
.activity-expand{display: flex;}
.activity-card{position: relative;z-index: 10;width: 135px;height: 580px;background-color: #1a6f8b;cursor: pointer;}
.activity-card.active{box-shadow: 20px 0 20px rgba(0,0,0,.2);}
.activity-card.i1{background-image: url(../img/home_activity_1.png);background-color: #1a6f8b;}
.activity-card.i2{background-image: url(../img/home_activity_2.png);background-color: #407daa;}
.activity-card.i3{background-image: url(../img/home_activity_3.png);background-color: #3aa2ba;}
.activity-card.i4{background-image: url(../img/home_activity_4.png);background-color: #7fd5cc;}
.activity-content{width: 0;opacity: 0;visibility: hidden;}
.activity-content h2{display: none;font-size: 20px;margin-bottom: 20px;font-weight: 600;}
.activity-content.active{display: block;width: calc(100% - 540px);opacity: 1;visibility: visible}
.activity-carousel-item .photo{width: 100%;height: 458px;background-color: #999;background-size: cover;background-repeat: no-repeat;background-position: center;}
.activity-carousel-item .text{width: 100%;height: 122px;line-height: 36px;padding: 24px 40px;background-color: #e0e0e0;}
.activity-carousel-item .text p{margin: 0;font-size: 18px;font-weight: 600;}
.swiper-pagination.activity-pagination{bottom: 140px;}
.swiper-pagination.activity-pagination .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.swiper-pagination.activity-pagination .swiper-pagination-bullet-active{background-color: #0957b5;}
.activity-more{padding-top: 26px;text-align: right;}
/* Home Member */
.home-member .view-more{position: absolute;top: 6px;margin-left: 16px;}
.member-carousel{margin: 65px 0 65px;border-left: .5px solid #ccc;border-right: .5px solid #ccc;}
.member-carousel .swiper-slide{width: 25%}
.member-carousel .swiper-wrapper > div:last-of-type .member-carousel-item{border-right: none;}
.member-carousel-item{display: block;width: 100%;margin: 0 auto;border-right: .5px solid #ccc;}
.member-photo{position: relative;max-width: 260px;width: 100%;height: 260px;overflow: hidden;margin: 0 auto;border-radius: 50%;background-color: #999;}
.member-photo .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.member-carousel-item:hover .member-photo .overlay{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.member-info{height: 92px;padding-top: 24px;text-align: center;}
.member-info h3{position: relative;padding-bottom: 20px;font-size: 18px;color: #000;text-align: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.member-info h3::after{content: "";position: absolute;left: 0;right: 0;bottom: 4px;width: 9px;height: 9px;margin: 0 auto;background-color: #dde3e8;border-radius: 50%;}
.member-carousel-item:hover .member-info h3{color: #0957b5}
.member-info p{font-size: 16px;color: #4d4d4d;}
.member-control{position: relative;padding-bottom: 105px;text-align: center;}
.swiper-button-prev.member-button-prev,.swiper-button-next.member-button-next{position: relative;left: 0;right: 0;top: 0;display: inline-block;width: 42px;height: 42px;margin: 0 10px 0;border: 1px solid #000;background-repeat: no-repeat;background-position: center;background-size: auto;border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.swiper-button-prev.member-button-prev{background-image: url(../img/icon/icon_arrow_b_l.png);}
.swiper-button-next.member-button-next{background-image: url(../img/icon/icon_arrow_b_r.png);}
/* Home Call to Action */
.home-cta{background: url(../img/home_cta_bg.png) no-repeat center/cover;}
.cta-text{padding: 190px 0 180px;text-align: center;color: #fff;}
.cta-text h1{line-height: 1.8;font-size: 40px;letter-spacing: 4px;}
.cta-text p{padding-top: 24px;color: #f6f1ee;letter-spacing: 13.2px;}


/*
 * Column Style
 */
/* Column Banner */
.column-banner{position: relative;background-color: #f1f1f1;text-align: center;}
.column-banner .inner{padding: 100px 0 60px;z-index: 2;}
.column-banner .overlay{position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.column-banner .overlay-bg{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);}

.column-breadcrumb{padding: 18px 0;font-size: 14px;color: #999;text-align: right;}
.column-breadcrumb a{color: #999;}
.column-root-name{padding: 0;font-size: 30px;font-weight: 600;color: #fff;text-shadow: 0 0 3px rgba(0,0,0,.5);}
/* Column Nav */
.column-list{background-color: #fff;border-bottom: 1px solid #ccc;}
.column-nav{display: flex;justify-content: center;}
.column-nav > li{position: relative;margin: 0 12px}
.column-nav > li > a{display: block;padding: 20px 10px;color: #1d1d1d;font-size: 18px;border-bottom: 2px solid transparent;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-nav > li > a:hover{border-bottom-color: #0957b5;}
.column-nav > li.selected > a{font-weight: 600;text-shadow: 0 0 3px rgba(0,0,0,.5);}
/* Column List */
.column-article-list{margin:0 0 60px;}
.column-photo-list .member-photo{width: 200px;height: 200px;}
.column-photo-list .member-carousel-item{margin: 20px 0;border-right: none;}
.subcolumn-toggle{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;border: 8px solid transparent;border-top: 8px solid #0954af;width: 8px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.wp_subcolumn{position: absolute;z-index: -99;display: block;left: -10%;right: 0;top: 100%;width: 120%;text-align: center;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);opacity: 0;visibility: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-nav > li:hover .wp_subcolumn{z-index: 10;opacity: 1;visibility: visible;}
.column-nav > li:hover .subcolumn-toggle{border-top-color: #333;}
.wp_subcolumn > li > a{display: block;padding: 16px 0;font-size: 16px;white-space: normal;}
.column-img-list{padding: 20px 25px;}
.column-img-item{width: 100%;overflow: hidden;padding: 5px 0 25px;}
.column-img-item .photo{width: 100%;padding-bottom: 120%;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #999;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.column-img-item .title{position: relative;width: 92%;margin: 0 auto;padding: 12px 15px;margin-top: -60px;background-color: #fff;font-size: 16px;text-align: center;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-img-item .title p{margin: 0;}
.column-img-item:hover .title{color: #a72326;box-shadow: 0 0 10px rgba(0,0,0,.3);-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px);}

#wp_pager .pages{display: flex;min-height: auto;margin: 40px 0 20px;justify-content: center;align-items: center;}
#wp_pager .pages li a{display: inline-block;width: 40px;height: 40px;line-height: 40px;padding: 0;margin: 0 4px;text-align: center;background-color: #f1f1f1;border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
#wp_pager .pages li a:hover{background-color: #0957b5;color: #fff;}
#wp_pager .pages li a.pgCurrent{font-weight: 700;color: #0957b5;background-color: #f1f1f1;}


/*
* Post
*/
.article-breadcrumb{padding: 16px 0;background-color: #f0f0f0;font-size: 16px;color: #808080;}
.article-breadcrumb a{color: #808080;}
.article-banner{position: relative;background-color: #fff;text-align: center;background-size: cover;background-repeat: no-repeat;background-position: center;}
.article-banner .inner{position: relative;max-width: 1920px;width: 100%;height: 255px;margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.article-date{font-size: 14px;color: #fff;color: #fff;text-shadow: 0 0 3px rgba(0,0,0,.5);}
.article-title{padding: 30px 6px 6px;font-size: 28px;font-weight: 600;color: #333;text-align: center;}
.article-banner .overlay{position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.article-banner .overlay-bg{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);}
.article-content .inner{z-index: 1;margin-top: -80px;margin-bottom: 40px;background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.read-content{width: 100%;min-height: 400px;line-height: 2!important;margin:0 auto;padding:20px 20px 40px;font-size: 18px!important;color: #333;}
.read-content img{margin:10px 0;max-width:100%!important;height:auto}
.read-content p,.read-content a,.read-content span,.read-content b{font-size: 18px!important;line-height: 2!important;}
.post-attr{padding: 0 0 20px;font-size: 16px;text-align: center;border-bottom: 1px dashed #ccc}
.post-attr span{margin: 0 6px;color: #999;}
.post-attr b{margin: 0 8px;}
.sudy-mgc{color: inherit!important;text-decoration: none!important;}

@media screen and (max-width: 1440px){
    /* Header */
    .header .container{width: 100%;}

    /* Home */
    .news-tab-toggle img{width: auto;height: 30px;}
    .img-news-item h3{padding-right: 30px;}
    .member-photo{max-width: 220px;width: 100%;height: 220px;}
    .section-title{background-position: -160px 0;}
}
@media screen and (max-width: 1200px) {
    /* Header */
    .header-logo{margin-top: -32px;}
    .header-search{top: 10px}
    .header-nav > ul > li > a{margin: 0 6px;font-size: 18px;}
    .section-title{background-position: -244px 0;}
    .header-logo{overflow: hidden;}

    /* Home */
    .banner-carousel{height: 30vw;}
    .home-news{padding: 40px 0;}
}
@media screen and (max-width: 991px) {
    /* Header */
    .header-logo{width: auto;overflow: auto;}
    .nav-toggle{display: inline-block;}
    .header-nav{height: 100px;}
    .header-nav > ul{display: none;position: absolute;top: 100%;right: 0;max-width:160px;width: 100%;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);}
    .header-nav > ul > li > a{width: 100%;padding: 16px 16px;margin: 0;padding: 8px 16px;font-size: 18px;border-bottom: 1px solid #ccc;}
    .header-nav > ul > li:hover .header-submenu{z-index: 1;opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    .header-submenu{left: auto;right: 100%;top: 0;width: 160px;background-color: #0957b5;}
    .header-submenu a{color: #fff;}

    /* Home */
    .news-tab ul{display: flex;}
    .news-tab li{width: 33.333%;}
    .news-tab li:nth-child(2){padding: 0 8px}
    .img-news-item h3{font-size: 18px;}
    .activity-expand{flex-wrap: wrap;}
    .activity-card{display: none;}
    .activity-content{margin: 10px 0;}
    .activity-content,.activity-content.active{display: block;width: 50%;opacity: 1;visibility: visible;}
    .activity-content h2{display: block;}
    .activity-carousel-item .photo{height: 22vw;}
    .research-list-item .text h3{font-size: 18px;}
    .activity-carousel-item .text{font-size: 18px;}
    .member-photo{max-width: 180px;height: 180px;}
    .cta-text h1{font-size: 32px;}
    .cta-text p{letter-spacing: 8px;}

    /* Post */
    .article-content{z-index: 1;margin: 0 10px;}
}

@media screen and (max-width: 768px) {
    /* Common */
    .section-title{background-position: -250px 0px;}
    
    /* Footer */
    .footer{padding: 30px 0;}
    .footer-link{margin: 20px 0}
    .footer-back{top: -200%;right: 30px}

    /* Home */
    .home-news{padding: 40px 0 30px;}
    .home-activity{padding-bottom: 20px;}
    .banner-carousel{height: 40vw;}
    .swiper-button-prev.banner-button-prev,.swiper-button-next.banner-button-next{display: none;}
    .news-tab-toggle{height: auto;line-height: 1;padding: 12px 0;text-align: center;}
    .news-tab-toggle img{max-width: 90%;height: auto;}
    .news-carousel{height: 58vw;}
    .cta-text h1{font-size: 22px;}
    .member-carousel .swiper-slide{width: 50%;}
    .research-blcok-title{background-position: top left;border-radius: 18px;}
    .activity-content, .activity-content.active{width: 100%;}
    .activity-carousel-item .text{height: auto;line-height: 26px;padding: 12px 20px;font-size: 16px;}
    .activity-carousel-item .photo{height: 50vw;}

    /* Column */
    .column-nav > li > a{font-size: 14px;}

    /* Post */
    .read-content{font-size: 14px!important;}
    .read-content img{max-width: 100%;height: auto!important;}
    .read-content p,.read-content a,.read-content span,.read-content b{font-size: 14px!important;}
}
@media screen and (max-width: 480px) {
    /* Header */
    .header-logo{margin-left: 20px;}
    .header-nav > ul > li > a{font-size: 16px;}
    .header-submenu a{padding: 8px 12px;font-size: 14px;}

    /* Common */
    .section-title{height: 80px;background-size: contain;background-position: -230px 0}
    .section-title.i3{background-size: auto;}

    /* Home */
    .home-news .section-title{margin-bottom: 30px;}
    .img-news-item h3{font-size: 16px;}
    .member-carousel .swiper-slide{width: 100%}
    .research-list-item .date,.list-news-item .date{width: 60px;top: 28px}
    .research-list-item .date span,.list-news-item .date span{font-size: 18px}
    .research-list-item .date b,.list-news-item .date b{font-size: 12px;}
    .research-list-item .text,.list-news-item .text{padding-left: 84px;padding-top: 30px;padding-right: 45px;}
    .research-list-item .text h3,.list-news-item .text h3{font-size: 16px;}
    .research-list-item .text p,.list-news-item .text p{font-size: 14px;}
    .cta-text{padding: 80px 0;}

    /* Column */
    .column-nav > li{margin: 0 4px;}

    /* Post */
    .article-breadcrumb{font-size: 14px;}
    .article-title{padding-left: 0;padding-right: 0;font-size: 22px;text-align: left;}
    .post-attr span{margin: 0;font-size: 14px;}
    .post-attr{text-align: left;}
    .read-content{padding: 20px 0 40px;}
}

@media screen and (max-width: 424px){
    .section-title{background-position: center right;}
}