@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}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
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}
hr{margin: 4px 0;}
input::-ms-clear{display:none!important}
body{font: 14px/1.5 Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,Arial,sans-serif;background:#fff}
a{text-decoration:none;color:#999;transition:color .2s ease;-moz-transition:color .2s ease;-webkit-transition:color .2s ease}
a:focus,a:hover{text-decoration:none;color:#0068b7}
:focus{outline:0}


/*
* Header Style
*/
.header{background:#2769b1;}
.header .inner{padding-top:30px;padding-bottom:30px}
.header-logo{width: 100%;}
.header-logo img{width:auto;height:100px}
.header-right{float:right;margin-top: 4px;}
.header-link{display:block;text-align: right;color:#fff;font-weight: normal;}
.header-link a{display: inline-block;padding: 0 8px;color: #fff;border-right: 1px solid #8ab3d7;}
.header-link a:hover{opacity: .7;}
.header-link span:last-of-type a{border-right: 0;}
.header-link img{margin-left: 5px;}
.header-search{position:relative;width:280px;height:40px;margin-top:16px}
.search-input{display:block;width:100%;height:40px;padding:0 10px;line-height:40px;background:transparent;font-size: 16px;border:1px solid #fff;color:#fff;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color:#fff;opacity:.8}
.search-input::-moz-placeholder{color:#fff;opacity:.8}
.search-input::-ms-input-placeholder{color:#fff;opacity:.8}
.search-submit{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background: transparent url(../img/icon/icon_search.png) no-repeat center;background-size:20px;border:none;border-radius: 4px;}
.search-input:focus,.search-submit:focus{box-shadow:0 0 10px rgba(0,0,0,.2)}
.search-submit:hover{background-color:rgba(0,0,0,.2)}


/*
* Header Nav
*/
.header-nav{background-color: #2c5c8b;}
.navbar-toggle{width:30px;height:30px;padding:0;line-height:30px;text-align:center;background:rgba(0,0,0,.3);border-radius:50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.navbar-toggle img{width:20px;height:20px;vertical-align:text-bottom}
.navbar-toggle.collapsed{background: none}

.site-nav,.site-nav ul{width:100%}
.site-nav li{position:relative;width:9.09%}
.site-nav li a{display:block;padding:30px 0;width:100%;font-size:20px;font-weight: bold;text-align:center;color:#fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.site-nav>ul>li:hover>a{background:#93aec4;color:#fff}
.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:#93aec5;color:#fff}
.dropdown-menu{left:0;padding:0;width:100%;min-width: 115px;border:none;background: #2c5c8a}
.dropdown-menu>li{position: relative;width:100%}
.dropdown-menu>li>a{display:block;padding: 12px 8px;text-align:center;background:transparent;color:#fff;font-size:16px;font-weight:400;white-space: normal;}
.dropdown-menu>li>a:hover{background:#286ab0;color:#fff}

.dropdown-menu li ul {position:absolute;top:0px;left:100%;width:120%;visibility: hidden;height:0;opacity: 0;}
.dropdown-menu li:hover ul {display: block;opacity: 1;visibility: visible;height: auto;transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);}
.dropdown-menu li ul li a {display: block;padding: 9px 0 9px 9px;text-align:left;font-size:14px;color: #fff}
.dropdown-menu li ul li:hover {background: rgba(0,0,0,.2)}


/*
* Common Footer
*/
.footer{padding-top: 20px;background: #0068b7;color:#fff;font-size: 16px;}
.footer-info{padding: 20px 0;line-height: 30px;text-align: left;}
.footer-logo{padding: 20px 0;text-align: center;}
.footer-logo img{max-width: 1000px;width: 100%;height: auto;}
.footer-qrcode{padding-top: 10px;text-align: right;}
.footer-qrcode p{padding-top: 4px;padding-right: 8px;font-size: 16px;color: #fff;}
.footer-qrcode img{width: 100px;height: 100px;}

.footer-bar{border-top: 1px solid rgba(255,255,255,.5)}
.footer-copyright{padding: 20px 0 25px;text-align: left;}
.footer-link{position:relative;float: right;width:300px;height:40px;line-height:40px;margin-top: 40px;padding: 0 20px;text-align: left;color: #fff;background: transparent;border-radius: 0;cursor: pointer;border: 1px solid rgba(255,255,255,.4);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-link-icon{float: right;margin-top:2px;margin-right:8px;font-size: 12px;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link ul{position: absolute;left:0;right:0;bottom:110%;width:100%;margin:0 auto;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);overflow: hidden;opacity: 0;visibility: hidden;transform: translateY(20px);transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link:hover{box-shadow: 0 0 5px rgba(0,0,0,.3);}
.footer-link:hover .footer-link-icon{transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: translateY(180px)}
.footer-link:hover ul{opacity: 1;visibility: visible;transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);}
.footer-link li{border-bottom: 1px dashed #f1f1f1;}
.footer-link li:last-child{border-bottom: none;}
.footer-link li a{display: block;width: 100%;padding: 4px 20px;color: #222;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.footer-link li a:hover{background:#f0f0f0;color:#0068b7;}


/*
* Homepage
*/
.block-title{position: relative;padding: 0 0 40px;line-height:30px;font-size:28px;font-weight:600;color:#333}
.block-title span{display: inline-block;width: 12px;height: 12px;margin-left: 12px;background: url(../img/icon/icon_title_circle.png) no-repeat center;}
.block-title.text-center{text-align: center;}
.block-title .more{position: absolute;right: 0;width: 90px;height: 30px;line-height: 30px;font-size: 16px;color: #0068b7;font-weight: normal;text-align: center;border: 1px solid #0068b7;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-title .more:hover{background-color: #0068b7;color: #fff;}
.block-item{margin:20px 0}
.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;}

/* Home Banner */
.home-banner{background-color: #fff;}
.banner-carousel{width: 100%;height: 600px;}
.banner-carousel .swiper-slide{background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #999;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-carousel .container{position: relative;height: 100%;}
.banner-text{position: absolute;top: 20%;right: 0;max-width: 480px;width: 100%;padding: 40px;background-color: rgba(0,0,0,.3);border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-text:hover{background-color: rgba(0,0,0,.5);}
.banner-text h2{margin-bottom: 20px;font-size: 28px;color: #fff;}
.banner-text p{margin-bottom: 20px;max-height: 144px;line-height: 36px;font-size: 16px;color: #fff;}
.banner-more{padding: 8px 18px;border: 1px solid #fff;color: #fff;background: transparent;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.banner-text:hover .banner-more{background: #fff;color: #2769b1;}
.swiper-pagination.banner-pagination{bottom: 18px;}
.swiper-pagination.banner-pagination .swiper-pagination-bullet{width: 18px;height: 18px;background: rgba(0,0,0,.2);}
.swiper-pagination.banner-pagination .swiper-pagination-bullet-active{background: #0068b7;}

/* Home News */
.home-news{padding: 80px 0 20px;background: #fff url(../img/home_news_bg.png) no-repeat center bottom;}
.news-carousel{width: 100%;height:495px;margin-bottom: 80px;}
.news-carousel .swiper-slide{position:relative;background-color:#333;background-size:100% 100%;background-repeat: no-repeat;background-position: center;}
.news-carousel-title{position:absolute;bottom:0;left:0;right:0;height: 80px;line-height: 80px;padding: 0 74px 0 30px;font-size:16px;color:#fff;background-color:rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s all ease;-webkit-transition:.2s all ease;-moz-transition:.2s all ease}
.news-carousel-title span{margin: 0 12px;}
.news-carousel:hover .news-carousel-title{background-color: rgba(0,0,0,.8);}
.news-button-prev,.news-button-next{width: 12px;height: 16px;background-size: auto;}
.news-button-prev{top:auto;bottom: 32px;left: auto;right: 56px;background-image: url(../img/icon/icon_arrow_left.png);}
.news-button-next{top: auto;bottom: 32px;right: 20px;background-image: url(../img/icon/icon_arrow_right.png);}
.news-button-prev:hover{background-image: url(../img/icon/icon_arrow_left_active.png);}
.news-button-next:hover{background-image: url(../img/icon/icon_arrow_right_active.png);}

.block-date-list{min-height: 425px;}
.block-date-list li:last-child{margin-bottom: 0;}
.date-block-item{position: relative;width: 100%;height: 60px;margin-bottom: 13px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-block-item .date-block{position: absolute;top: 0;left: 0;width: 60px;height: 60px;overflow: hidden;background-color: transparent;border: 1px solid #999;color: #999;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-block-item:hover .date-block{background-color: #0068b7;color: #fff}
.date-block-item .date-block b,.date-block-item .date-block span{display: block;line-height: 1;font-size: 16px;font-weight: normal;text-align: center;white-space: nowrap;}
.date-block-item .date-block b{padding-top: 12px;font-size: 20px;}
.date-block-item .date-block span{padding-top: 6px;font-size: 12px;}
.date-block-item .news-title{padding-left: 84px;padding-right: 20px;color: #333;}
.date-block-item .news-title h3{padding-top: 10px;font-size: 16px;color: #333;font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-block-item:hover .news-title h3{color: #0068b7;}
.date-block-item .news-title p{padding-top: 6px;font-size: 14px;color: #999;}

.text-date-item{padding: 14px 0;font-size: 16px;color: #333;}
.text-date-item a{color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.text-date-item:hover a{color: #0068b7;}
.text-date-item span{color: #999;}
.text-date-item b{margin: 0 18px;color: #e0e0e0}

.block-report-list{min-height: 460px;}
.block-report-list > ul > li{margin-bottom: 20px;}
.report-list-item{position: relative;padding: 22px 30px;margin-bottom: 20px;background-color: transparent;border: 1px solid #e0e0e0;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item:hover{box-shadow: 0 0 30px rgba(0,0,0,.1);background-color: #0068b7;}
.report-list-item:hover .text h3{color: #fff;}
.report-list-item .text{padding-bottom: 20px;}
.report-list-item .text h3{min-height: 56px;line-height: 28px;font-size: 16px;font-weight: 600;font-size: 16px;margin-bottom: 6px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item .text li{line-height: 24px;padding-left: 24px;font-size: 14px;color: #999;background-repeat: no-repeat;background-position: center left;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item .text li.host{background-image: url(../img/icon/icon_host.png);}
.report-list-item .text li.time{background-image: url(../img/icon/icon_time.png);}
.report-list-item .text li.location{background-image: url(../img/icon/icon_location.png);}
.report-list-item:hover .text li{color: #fff;}
.report-list-item:hover .text li.host{background-image: url(../img/icon/icon_host_white.png);}
.report-list-item:hover .text li.time{background-image: url(../img/icon/icon_time_white.png);}
.report-list-item:hover .text li.location{background-image: url(../img/icon/icon_location_white.png);}

.home-photo{padding: 70px 0;background: url(../img/home_photo_bg.png) no-repeat center;}
.photo-carousel{height: 350px;}
.photo-carousel .swiper-slide{width: 20%;}


.block-text-list{min-height: 408px;}
.block-text-list li{margin-bottom: 22px;}
.block-text-item{height: 64px;line-height: 64px;padding-left: 26px;padding-right: 26px;border-left: 4px solid #0068b7;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-text-item:hover{background-color: #fcbb2f;}
.block-text-item h3,.block-text-item p{line-height: 1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-text-item h3{padding-top: 10px;font-size: 16px;line-height: 24px;color: #333;font-weight: 600;}
.block-text-item p{padding-top: 4px;font-size: 14px;color: #999;}
.block-text-item:hover h3,.block-text-item:hover p{color: #fff;}



.photo-item{width: 100%;margin: 15px auto 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.photo-item .photo{position: relative;max-width: 256px;width: 100%;padding-bottom: 100%;margin: 0 auto;background-color: #333;background-repeat: no-repeat;background-position: center;background-size: cover;}
.swiper-slide-active .photo-item .photo{max-width: 100%;}
.photo-item .title{height: 85px;padding: 20px 15px;background: transparent;font-size: 16px;font-weight: 600;color: #333;text-align: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.photo-item:hover{-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}



/* Column */
.column-banner .inner{position:relative;padding: 80px 0;background-color: #666;color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center;}
.column-banner .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.column-banner .container{position: relative;z-index: 1;}
.column-banner-title{font-size: 26px;font-weight: 500;}
.breadcrumb-nav{padding:8px 0;;color: #fff;font-size: 14px;}
.breadcrumb-nav i{display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 20px;text-align: center;border-radius: 50%;border: 1px solid #fff;}
.breadcrumb-nav a{margin: 0 4px;color: #fff;opacity: .8;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.breadcrumb-nav a:hover{opacity: 1;}
.possplit{display: none;}

.column{margin-top: -30px;padding-bottom:50px}
.column-anchor{height:60px;line-height:60px;padding-left:15px;font-size:20px;border-left: 4px solid #0068b7;color:#333;background: #fff;font-weight: 600;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 4px;}

.column-menu{margin-top: 20px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 4px;}
.column-menu > ul > li > a{display: block;padding: 14px 15px;font-size: 18px;border-bottom: 1px dashed #ccc;}
.column-menu > ul > li:last-child > a{border-bottom: none;}
.column-submenu > li > a{position: relative;display: block;padding: 12px 25px;font-size: 16px;background: #f0f0f0;}
.column-submenu > li > a::after{content: "";position: absolute;top: 12px;right:0;height: 50%;border-left: 4px solid #0068b7;}
.column-menu li a:hover{background-color: #0068b7;color: #fff;}


.column-name{height:55px;line-height:55px;padding:0 15px;font-size:18px;border:1px solid #e7e7e7;border-top: 4px solid #0068b7;background:#f7f7f7;color:#0068b7;font-weight: 400;}
.column-content{padding:30px 30px 16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);border-radius: 4px;overflow: hidden;}
.column-content .block-title{padding-bottom: 18px;margin-bottom: 20px;border-bottom: 1px dotted #e0e0e0;}
.column-photo-item{display: block;padding: 30px 0;}
.column-photo-item .photo{max-width: 210px;margin:0 auto;padding-bottom: 86%;background-color: #999;background-size: cover;background-repeat: no-repeat;background-position: center;}
.column-photo-item .title{margin: 14px 0;font-size: 18px;text-align: center;}

/* Post Content */
.post-detail{position: relative;z-index: 1;margin-top: -30px;padding-bottom:50px}
.post-wrapper{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.post-info{padding:30px 10px 10px;background:#fff;border-top:4px solid #0068b7;border-bottom: 1px dotted #e0e0e0}
.post-title{padding-bottom:5px;font-size:26px;text-align:center;color:#0068b7}
.post-attr{margin-top: 10px;margin-bottom:15px;text-align:center;color:#979797;}
.post-attr span{padding: 4px 6px;border: 1px solid #0068b7;border-radius: 4px;}
.post-content{margin:20px 30px;min-height: 400px;}
.post-content img{margin:10px 0;max-width:100%!important;height:auto!important}
#qrcode {padding-top:20px;border-top: 1px solid #f1f1f1}
#qrcode img{display: block;padding:8px;margin:0 auto;border:2px solid #0068b7}
.qrcode-share{margin-top:5px;text-align:center;}



@media screen and (max-width:1200px){

    /* Header */
    .header-logo img{width: 100%;height: auto;}
    .header-right{margin-top: 0;}
    .header-search{width: 100%;margin-top: 8px;}

    /* Header Nav */
    .site-nav li a{font-size: 16px;}

    /* Home */
    .banner-carousel{height: 30vw;}
    .banner-text{top: 10%;}
    .banner-text h2{font-size: 24px;}
    .news-carousel .swiper-slide{background-size: cover;}
    .photo-carousel .swiper-slide{width: 33.33%;}
}

@media screen and (max-width:992px) {

    /* Header */
    .header-logo{text-align: center;}
    .header-right{float: none;}
    .header-link{display: none;}
    .header-search{margin-top: 20px;}

    /* Header Nav */
    .header-nav .inner{width: 100%;}
    .site-nav li a{font-size: 16px;white-space: nowrap;}
    
    /* Footer */
    .footer{font-size: 14px;}
    .footer-logo{display: none;}
    .footer-info{padding-right: 0;text-align:center;}
    .footer-qrcode{padding: 10px 0 0;text-align: center;}
    .footer-copyright{text-align:center;}
    .footer-link{float: none;max-width: 320px;width: 100%;margin: 0 auto 20px}
    
    /* Column */
    .column-banner .inner{padding: 100px 0;}
    .column-content{margin-top: 30px;}
    .column-name{margin-top:30px;}

    /* Home */
    .block-title{padding-bottom: 20px;}
    .banner-text{top: auto;bottom: 0;left: 0;right: 0;max-width: 100%;width: 100%;}
    .home-news{padding: 20px 0;}
    .news-carousel{height: 48vw;margin-bottom: 0;}
    .home-photo .inner{width: 100%;}
    .photo-carousel{height: auto;}
}

@media screen and (max-width:768px){

    /* Header */
    .header .inner{padding:20px 15px}

    /* Header Nav */
    .header-nav .inner{padding-left: 0;padding-right: 0;}
    .header-nav .navbar-toggle{color:#fff;}
    .site-nav, .site-nav ul{width: 100%;margin:0}
    .site-nav{padding:0!important;margin:0!important}
    .site-nav li{width:100%;background:rgba(0,0,0,.1)}
    .site-nav li a{padding:15px 0 15px 30px;font-size:16px;text-align:left;}
    .site-nav li:last-child{width: 100%;}
    .dropdown-menu li ul {position: relative;left:0;right:0;width: 100%;}
    .dropdown-menu li a {padding: 5px}
    .dropdown-menu > li > a { padding: 10px 10px 10px 40px!important}
    .dropdown-menu li ul li a {padding:8px 0 8px 50px;font-size: 12px!important}

    /* Column */
    .column-banner .inner{padding: 60px 0;}

    /* Home */
    .banner-carousel{height: 50vw;}
    .photo-carousel .swiper-slide{max-width: 320px;width: 100%;}
}
@media screen and (max-width:480px){

    /* Header Nav */
    .site-nav li a{padding:10px 0 10px 30px;font-size: 14px;}

    /* Homepage */
    .block-title{padding: 15px 0;margin-bottom: 20px;font-size: 20px;}
    .banner-carousel{height: 80vw;}
    .home-news,.home-list-1,.home-photo,.home-list-2{padding: 15px 0;}
    .photo-carousel .swiper-slide{width: 100%;}
    .img-link-item{padding: 8px}
    .img-link-item .overlay{height: 32vw;}


    .column-content{padding: 10px 12px;box-shadow: none;}

    /* Post */
    .post-title{font-size: 20px;font-weight: 600;}
    .post-content{padding: 14px 16px 20px;margin: 0;}
}