@charset "utf-8";
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ol,ul{list-style:none;}
img{border:0 none;vertical-align:top;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:none;}
table{border-collapse:collapse;border-spacing:0;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:0 0;}
input::-ms-clear{display:none!important;}
a{color:#af251b;text-decoration:none;-webkit-transition:color .2s ease;transition: .2s color ease;-ms-transition: color .2s ease;}
a:focus,a:hover{color:#1d1d1d;text-decoration:none;}
a,button,input,textarea{outline:0;}
html{background-color: #fff;scroll-behavior: smooth;}
body{position: relative;background:#fff;font: 14px/1.6 'PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif;}


/* Common */
.outer, .inner{position: relative;display: block;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-two-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-three-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.section-title{padding: 15px 0;text-align: center;}
.section-title h1{font-size: 36px;font-weight: 700;color: #af251b;}
.section-title h1 span{font-size: 20px;color: #999;}
.section-title a{float: right;margin-top: 16px;font-size: 16px;color: #af251b;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.section-title a:hover{color: #333;}

/* Header */
.header{background: #af251b;border-bottom: 1px solid rgba(255,255,255,.5);}
.header .container{position: relative;}
.header-logo{padding: 30px 0 25px;}
.header-logo img{width: auto;height: 74px;}
.header-search{position: absolute;top: 50%;right: 0;margin-top: -16px;width: 220px;height: 32px;line-height: 32px;}
.search-input{position: absolute;padding: 0 10px;width: 100%;height: 100%;border: none;background-color: rgba(255,255,255,.3);color: #fff;font-size: 14px;border-radius: 13px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color: rgba(255,255,255,.8);}
.search-input:focus{box-shadow: 0 0 5px rgba(0,0,0,.6);}
.search-button{position: absolute;top: 0;right: 0;width: 32px;height: 32px;border: 0;border-top-right-radius: 13px;border-bottom-right-radius: 16px;background: url(../img/icon/icon_search.png) no-repeat center;background-size: 18px 18px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.search-button:hover{background-color: rgb(0,0,0,.1);}


/* Footer */
.footer{background-color: #af251b;}
.footer-copyright{padding: 45px 0;line-height: 2;color: #fff;text-align: center;}
#backTop{float: right;margin-top: -90px;}
.back-btn{width: 40px;height: 40px;border: none;border-radius: 50%;background: #fff url(../img/icon/icon_back.png) no-repeat center;box-shadow: 0 0 5px rgba(3, 96, 217,.2);}


/* Header Nav */
.header-nav{width: 100%;height: 50px;z-index: 10;background: #af251b;line-height: 50px;}
.navbar-toggle{padding:0;width:30px;height:30px;border-radius:50%;background: rgba(0,0,0,.3) url(../img/icon/icon_menu.png) no-repeat center;background-size: 26px auto;-webkit-transition:.3s background-color ease;-moz-transition:.3s background-color ease;transition:.3s background-color ease;}
.navbar-toggle.collapsed{background-color: transparent;}
.site-nav{padding-right: 0;padding-left: 0;}
.site-nav,.site-nav > ul{width: 100%;height: 50px;}
.navbar-nav > li{position: relative;width: 10%;}
.navbar-nav > li:first-child{width: 5%;}
.navbar-nav > li:nth-child(5),.navbar-nav > li:nth-child(6){width: 12.5%;}
.navbar-nav > li > a{position: relative;display:block;padding: 0;width: 100%;height: 50px;color: #fff;text-align: center;font-size: 18px;line-height: 50px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.navbar-nav > li:last-child > ul{right: 0;left: auto;}
.site-nav .open>a,.site-nav .open>a:focus,.site-nav .open>a:hover,.site-nav>li>a:focus,.site-nav>li>a:hover{border:none;background:#fff;color:#af251b}
.dropdown i{position: absolute;right: 0;top: 20px;display: inline-block;width: 12px;height: 12px;background: url(../img/icon/icon_right.png) no-repeat center/cover;transform: rotate(90deg);}
.dropdown-menu{position: absolute;right: 0;left: 0;display: block;visibility: hidden;width: 100%;min-width: auto;border: none;border-radius: 0;background-color: transparent;box-shadow: 0 0 8px rgba(0,0,0,.1);text-align: center;font-size: 16px;opacity: 0;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);}
.dropdown-menu > li{width: 100%;}
.dropdown-menu > li > a{display:block;padding: 15px 0 15px 15px;background: #91150c;color:#fff;text-align: left;font-size: 14px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu>li>a:hover{background-color:#af251b;color: #fff;}
.open > .dropdown-menu{visibility: visible;opacity: 1;transform: translateY(0);}


/*
*   Homepage
*/
.home-banner{width: 100%;overflow: hidden;background-color: #333;}
.banner-carousel{max-width: 1920px;width: 100%;height: 550px;margin: 0 auto;background-color: #999;}
.banner-carousel .swiper-slide{display: block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;border: none;box-shadow: 0 0 5px rgba(0,0,0,.2);opacity: 1;border-radius: 6px;}
.banner-pagination .swiper-pagination-bullet-active{width: 30px;background: #af251b;}
.banner-button{width: 80px;height: 80px;background-color: rgba(255,255,255,.5);background-size: auto 20px;opacity: 1;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.banner-button:hover{background-color: rgba(0,0,0,.55);}
.banner-button-prev{left: 0;background-image: url(../img/icon/icon_arrow_left.png);}
.banner-button-next{right: 0;background-image: url(../img/icon/icon_arrow_right.png);}

.home-news{padding: 50px 0;}
.block-item{position: relative;padding: 20px 0;}
.block-item h3{font-size: 16px;}
.block-title{position: relative;margin-bottom: 20px;background: url(../img/icon/icon_title_dot.png) no-repeat center left;}
.block-title h3{padding-left: 22px;font-size: 21px;color: #111;}
.block-title p{line-height: 1.4;padding-left: 22px;font-size: 14px;color: #cecece;}
.more-btn{position: absolute;right: 0;top: 50%;width: 52px;height: 14px;margin-top: -7px;background: url(../img/icon/icon_more.png) no-repeat center/cover;border: none;}
.more-btn:hover{background-image: url(../img/icon/icon_more_hover.png);}

.news-block-item{position: relative;z-index: 1;display: block;margin: 0 10px;padding-bottom:15px;background-color: #fff;border-radius: 4px;box-shadow: 0 5px 15px rgba(0,0,0,.1);-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-block-item .img{position: relative;overflow: hidden;width: 100%;height: 155px;background-color: #f1f1f1;}
.news-block-item .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-block-item:hover .img .overlay{-webkit-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);}
.news-block-item .content{padding: 20px 15px;width: 100%;background-color: #fff;}
.news-block-item .content h3{min-height: 52px;margin-top: 8px;color: #333;font-size: 16px;font-weight: 600;line-height: 26px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-block-item .content p{min-height: 66px;margin-top: 10px;color: #999;text-align: left;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-block-item .date{position: relative;z-index: 1;width: 60px;height: 65px;overflow: hidden;margin-top: -45px;font-size: 12px;text-align: center;color: #fff;background: #af251b;}
.news-block-item .date span,.news-block-item .date b{display: block;width: 100%;line-height: 1;white-space: nowrap;}
.news-block-item .date span{padding: 10px 0 8px;font-size: 26px;font-weight: 700;}
.news-block-item .date b{font-size: 12px;}
.news-block-item:hover{box-shadow: 0 10px 20px rgba(0,0,0,.2);}
.news-block-item:hover h3{color: #af251b;}

.news-list li{padding: 8px 15px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-list li h3{height: 52px;line-height: 26px;color: #333;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-list li .date{padding-left: 25px;background: url(../img/icon/icon_time.png) no-repeat center left;color: #999;}
.news-list li:hover{background: #af251b;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.news-list li:hover h3,.news-list li:hover .date{color: #fff;}
.news-list li:hover .date{background-image: url(../img/icon/icon_time_w.png);}

.home-list{padding: 50px 0;background: #f5f9ff url(../img/home_news_2_bg.png) no-repeat center/cover}
.date-list{position: relative;min-height: 390px;}
.date-list li{position: relative;min-height: 62px;margin: 20px 0;}
.date-list li .date{position: absolute;top: 0;left: 0;overflow: hidden;width: 50px;color: #fff;}
.date-list li .date span,.date-list li .date b{display: block;width: 100%;text-align: center;white-space: nowrap;}
.date-list li .date span{height: 30px;line-height: 30px;font-size: 21px;background: #af251b;color: #fff;}
.date-list li .date b{height: 25px;line-height: 25px;font-size: 12px;font-weight: 400;border: 1px solid #af251b;color: #af251b;}
.date-list li h3{height: 52px;padding-left: 80px;padding-top: 2px;line-height: 26px;font-size: 16px;color: #333;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.date-list li:hover h3{color: #af251b}

.home-event{padding: 50px 0;background: url(../img/home_event_bg_pattern.png) repeat center;}
.event-title{position: absolute;top: -100px;right: 0;width: 390px;height: 465px;padding: 20px 30px;background: #af251b;color: #fff;}
.event-title h1{font-size: 36px;font-weight: 700}
.event-title p{font-size: 20px;color: #e0e0e0;}
.event-title a{position: absolute;top: 100px;right: 30px;color: #fff;}
.img-list{background: url(../img/home_event_bg.png) no-repeat left bottom;}
.img-list li{float: right;position: relative;margin: 0 7.5px;}
.img-list li .img{position: relative;display: block;width: 240px;height: 240px;overflow: hidden;margin: 15px 0;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #333;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.img-list li .overlay{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;padding: 10px 15px;background-color: rgba(0,0,0,.5);opacity: 0;transform: translateY(30px);-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.img-list li .overlay h3{padding-bottom: 6px;font-size: 18px;color: #fff;}
.img-list li .overlay p{line-height: 26px;font-size: 14px;color: #fff;}
.img-list li .img:hover{box-shadow: 0 0 15px rgba(0,0,0,.3);}
.img-list li .img:hover .overlay{opacity: 1;transform: translateY(0);}
.img-list li:first-child{margin-top: 50px;;}

.home-subject{padding: 50px 0;background: url(../img/home_subject_bg.png) no-repeat center/cover;color: #fff;}
.section-title.left{text-align: left;}
.section-title.has-border{border-bottom: 2px solid #af251b;}
.section-title.vert{font-size: 36px;font-weight: 700;line-height: 1.2;}
.section-title.vert span{padding-top: 10px;font-size: 20px;color: #e0e0e0;writing-mode: vertical-lr;}
.subject-item{position: relative;display: block;width: 100%;height: 560px;overflow: hidden;background-color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.subject-item .photo{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.subject-item .overlay{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.subject-item .line{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;background: url(../img/home_subject_item_line.png) no-repeat center;-webkit-transition: .8s all ease;-ms-transition: .8s all ease;transition: .8s all ease;}
.subject-item h2{position: absolute;right: 45%;bottom: 40%;text-align: center;z-index: 4;color: #fff;writing-mode: vertical-lr;-webkit-transition: .8s all ease;-ms-transition: .8s all ease;transition: .8s all ease;}
.subject-item:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);box-shadow: 0 10px 15px rgba(0,0,0,.2);}
.subject-item:hover h2{right: 20px;bottom: 20px;width: auto;height: auto;}
.subject-item:hover .line{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}
.subject-item:hover .overlay{opacity: 0;}

.home-link{padding: 50px 0;text-align: center;background: url(../img/home_guide_bg.png) no-repeat center bottom;}
.link-item{float: left;width: 20%;padding: 15px 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.link-item i{display: block;width: 70px;height: 70px;margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.link-item p{line-height: 20px;padding: 8px 10px;font-size: 16px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.link-item:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.link-item:hover p{color: #91150c;}
.subject-item:hover .photo{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: 2s all ease;transition: 2s all ease;-ms-transition: 2s all ease;}


/* Column */
.column-banner{position: relative;}
.column-banner .inner{height: 300px;}
.column-banner .photo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.column-banner .overlay{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 100%;background: rgba(0,0,0,.4);}

.column{z-index: 2;margin-top: -80px;padding: 0 0 80px;}
.column-anchor{padding-left:15px;height:60px;background-color:transparent;color:#fff;font-weight:600;font-size:28px;line-height:60px;text-shadow: 0 0 15px #000;}
.column-nav{box-shadow: 0 0 5px rgb(0,0,0,.1);}
.column-nav ul{min-height: 50px;background-color: #fff;}
.column-nav ul li a{display: block;padding-left:25px;height: 50px;background: #fff;color: #333;font-size: 16px;line-height: 50px;border-bottom: #cecece 1px dotted;}
.column-nav ul li a:hover{background:#af251b;color:#fff;}
.column-nav ul li ul li a{padding-left: 40px;height: 45px;background:#f0f0f0;font-size: 14px;line-height: 45px;}
.column-nav ul li.selected > a{color:#91150c;font-weight: 600;}
.breadcrumb-nav{float: right;margin-top: 10px;padding:8px 0;color:#af251b;font-size: 14px;line-height: 20px;}
.breadcrumb-nav a{color:#af251b;}
.breadcrumb-nav a:hover{color: #333;}
.column-content{position: relative;z-index: 2;min-height: calc(100vh - 300px);margin-top: 56px;background-color: #fff;box-shadow: 0 0 5px rgb(0,0,0,.1);}
.column-name{padding: 0 25px;height:60px;border-top:4px solid ;border-bottom:1px solid #efefef;color:#333;font-weight:bold;font-size:18px;line-height:60px;}
.column-list{padding: 10px 25px;}
.column-list li{padding-top: 8px;padding-bottom: 10px;border-bottom: 1px dashed #efefef;}
.column-list li h2 a{color: #333;font-size: 16px;}
.column-list li h2:hover a{color: #af251b;}
.column-list li p{color: #af251b;}
.photo-list{padding: 20px 30px;}
.photo-item{position: relative;display: block;width: 100%;margin: 15px 0;background-color: #333;box-shadow: 0 0 10px rgb(0,0,0,.2);-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.photo-item .img{width: 100%;padding-bottom: 58%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.photo-item .title{position: relative;width: 100%;padding: 16px 15px;background-color: #fff;-webkit-transition: .5s all ease;-ms-transition: .5s all ease;transition: .5s all ease;}
.photo-item .title h3{font-size: 16px;font-weight: 600;color: #333;}
.photo-item .title p{min-height: 28px;padding-top: 5px;font-size: 14px;color: #333;opacity: .8;}
.photo-item:hover{box-shadow: 0 0 20px rgb(0,0,0,.3)}
.photo-item:hover .title h3{color: #91150c;}

/* Post */
.post-detail{padding: 40px 0;}
.post-detail .inner{max-width: 1024px;margin: 0 auto;padding: 15px;background-color: #fff;}
.post-breadcrumb{padding: 10px 15px;background: #f4f4f4;font-size: 16px;}
.post-breadcrumb a{color: #af251b;}
.post-info{padding:15px 10px;background:#fff;box-shadow: 0 15px 20px rgba(175, 37, 27, .1);}
.post-title{padding-bottom:5px;color:#af251b;text-align:center;font-size:24px;}
.post-attr{padding: 10px 0;color:#666;text-align:center;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.post-attr span{margin: 0 10px;}
.post-content{margin:20px 30px;min-height: 400px;}
.post-content img{margin:10px 0;height:auto!important;max-width:100%!important;}
#qrcode {padding-top:30px;border-top: 1px solid #f1f1f1;}
#qrcode img{display: block;margin:0 auto;padding:8px;}
.qrcode-share{margin-top:5px;text-align:center;}

@media screen and (max-width: 1199px){
    /* Nav */
    .navbar-nav > li > a{font-size: 14px;}
    /* Home */
    .img-list li .img{width: 200px;height: 200px;}
    /* Column */
    .photo-item .overlay h3{font-size: 16px;}
}
@media screen and (max-width: 991px){
    /* Nav */
    .header-logo{text-align: center;}
    .header-search{display: none;}
    .header-nav .container{width: 100%;}

    /* Home */
    .banner-carousel{height: 34vw;}
    .news-block-item{margin: 20px 0;}
    .event-title{top: 0;left: 0;}
    .event-title a{top: 40px}
    .img-list{padding-top: 80px;}
    .img-list li{float: left;width: 50%;padding: 5px;margin: 0;}
    .img-list li:first-child{margin-top: 0;}
    .img-list li .img{width: 100%;height: auto;padding-bottom: 100%;}
    .section-title.vert p{display: inline-block;}
    .section-title.vert span{writing-mode: horizontal-tb;}
    .subject-item{width: 100%;height: auto;padding-bottom: 100%;margin-bottom: 15px;}
    .link-item{width: 20%;}
    .link-item i{width: 50px;height: 50px;}
}
@media screen and (max-width: 767px){
    /* Header */
    .header{background-size: auto 100%;}
    .header-logo img{width: 380px;height: auto;}

    /* Nav */
    .site-nav, .site-nav > ul{height: auto;}
    .header-nav .navbar-toggle{color:#fff;}
    .header-nav .container{padding:0}
    .header-nav .navbar-nav{margin:0}
    .site-nav{padding:0!important;margin:0!important}
    .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;}
    .site-nav li:first-child, .site-nav li:nth-child(5), .site-nav li:nth-child(6){width: 100%;}
    .navbar-nav > li > a{height: auto;line-height: initial;color: #fff;white-space: nowrap;}
    .site-nav .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .dropdown-menu{padding: 0;}
    .dropdown i{right: 15px;}
    
    /* Footer */
    .footer-copyright{padding: 30px 0;text-align: center;}

    /* Home */
    .banner-button{width: 30px;height: 30px;}
    .section-title h1{font-size: 24px;}
    .section-title h1 span{font-size: 14px;}
    .section-title a{float: none;display: block;font-size: 14px;margin-top: 5px;}
    .link-item{width: 33.333%;}
    /* Column */
    .column-nav{margin-bottom: 25px;}
    .column-banner .inner{height: 200px;}

    /* Post */
    .post-title{padding-top: 10px;font-size: 20px;}
}
@media screen and (max-width: 480px){
    /* Header */
    .header{background-size: auto 100%;}
    .header-logo{padding: 20px 0;}
    .header-logo img{max-width: 100%;width: 100%;height: auto;}

    /* Home */
    .event-title{max-width: 100%;width: 100%}
    .img-list li{width: 100%;}
    .link-item{width: 50%;}

    /* Column */
    .column-name{padding: 0 10px;}
    .column-list{padding: 10px;}

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