@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;}
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,button,textarea,select{border-radius: 0;}
input::-ms-clear{display:none!important}
a{text-decoration:none;color:#1b78dd;-webkit-transition:color .2s ease;-ms-transition: color .2s ease;transition: .2s color ease;}
a:focus,a:hover{text-decoration:none;color:#1d1d1d}
a,button,input,textarea{outline:0}
html{background-color: #fff;}
body{position: relative;font: 14px/1.6 "Helvetica Neue","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;background:#fff;}

/*
* Common Style
*/
.outer, .inner{position: relative;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#backToTop{position: fixed;right: 20px;bottom: 20px;width: 50px;height: 50px;line-height: 50px;background-color: #fff;text-align: center;vertical-align: middle;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.1);}
#backToTop img{width: auto;height: auto;}

/*
*   Header Style
*/
.header{position: relative;top: 0;left: 0;right: 0;z-index: 10;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3)}
.header-bar{height: 40px;line-height: 40px;background-color: #5194a0;}
.header-welcome{float: left;font-size: 14px;color: #fff;}
.header-function{float: right;}
.header-link{float: left;color: #fff;font-weight: 600;}
.header-link span{margin: 0 5px;}
.header-link a{color: rgba(255,255,255,.9);}
.header-search{float: left;position: relative;width: 160px;height: 26px;line-height: 26px;margin-top: 6px;margin-left: 20px}
.header-search .search-input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 8px;font-size: 13px;color: #fff;border: 0;background: #4d6e75;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header-search .search-input:hover{background-color: #fff;background-color: rgba(0,0,0,.5);}
.header-search .search-input::-webkit-input-placeholder{color: #bdc8cb;}
.header-search .search-input:hover,.header-search .search-input:focus{border: 1px solid #fff}
.search-button{position: absolute;top: 0;right: 0;width: 26px;height: 100%;border: none;background-image: url(../img/icon/icon_search.png);background-repeat: no-repeat;background-position: center;background-color: transparent;}

.header-menu{height: 110px;}
.header-logo{height: 110px;line-height: 110px;vertical-align: middle;}
.header-logo img{width: auto;height: 62px;}
.header-nav{float: right;height: 110px;line-height: 110px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.header-nav li{position: relative;float: left;line-height: 110px;margin: 0 8px;font-size: 16px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.header-nav li a{position: relative;color: #141414;font-weight: 400;}
.header-nav li a:hover{font-weight: 600;}
.header-nav li::after{content: "";position: absolute;bottom: 20px;left: 0;width: 0;border-bottom: 5px solid #c2ab42;opacity: 0;visibility: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.header-nav li:hover::after{content: "";width: 100%;opacity: 1;visibility: visible;}
.sub-nav{display: none;}
.header-toggle{float: right;display: none;width: 24px;height: 24px;margin-top: -70px;background: url(../img/icon/icon_menu.png) no-repeat center/cover;border: 0;}
.open .header-toggle{box-shadow: 0 0 5px rgba(0,0,0,.2);}
.header-menu.open .header-nav{opacity: 1;visibility: visible;}

/*
*   Footer
*/
.footer{padding: 0;background: #61a2ae url(../img/footer_bg.png) no-repeat center;}
.footer-logo{padding: 40px 0;text-align: left;}
.footer-logo img{width: auto;height: 65px}
.footer-social{padding: 40px 0 5px;text-align: right;}
.footer-social .item{position: relative;display: inline-block;margin: 0 20px;}
.footer-social .hide-content{position: absolute;left: -50px;right: 0;bottom: 130%;width: 140px;padding: 20px 5px;text-align: center;background-color: rgba(0,0,0,.4);color: #fff;opacity: 0;visibility: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.footer-social .hide-content::after{content: "";position: absolute;bottom: -20px;left: 44%;right: 0;width:0;height:0;border: 10px solid transparent;border-top-color: rgba(0,0,0,.4);}
.footer-social .item:hover .hide-content{opacity: 1;visibility: visible;}
.footer-social .social-button{display: inline-block;width: 45px;height: 45px;background-color: rgba(0,0,0,.1);border-radius: 50%;border: none}
.footer-social .social-button img{width: auto;height: 25px;}
.footer-copyright{padding-bottom: 40px;color: #fff;font-size: 14px;text-align: right;}
.footer-bar{height: 35px;background-color: #282b2b;}

/*
*   Homepage
*/
.banner{background-color: #333;}
.banner .inner{max-width: 1920px;width: 100%;margin: 0 auto;}
.banner-carousel{width: 100%;height: 665px;background-color: #f1f1f1;}
.banner-carousel .swiper-slide{position: relative;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner-carousel .swiper-slide .title{position: absolute;bottom: 50px;left: 0;right: 0;}
.banner-carousel .swiper-slide .title h2{width: 300px;height: 40px;line-height: 40px;margin: 0 auto;font-size: 18px;text-align: center;color: #fff;background-color: #49a59e;border-radius: 4px;}
.banner-carousel .swiper-slide .title p{width: 64px;height: 20px;line-height: 20px;margin: -6px auto 0;background: #314241 url(../img/iccs_small_logo.png) no-repeat center;border-radius: 2px;}
.banner-pagination .swiper-pagination-bullet{width: 40px;height: 5px;background-color: #fff;border: none;opacity: .3;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet-active{opacity: 1;}

.home-news{padding: 40px 0;}
.block-title{margin-bottom: 10px;background: url(../img/home_title/home_title_dot.png) no-repeat;background-position: 125px center;}
.block-title h1 img{width: auto;height: 30px;}
.block-more{float: right;width: 46px;height: 24px;margin-top: -32px;background: url(../img/home_title/home_title_more.png) no-repeat center;border: 1px solid #919191;}
.block-more:hover{background-image: url(../img/home_title/home_title_more_hover.png);background-color: #146862;border-color: #146862;}

.news-carousel{height: 700px;}
.news-pagination{bottom: 4px;}
.news-pagination .swiper-pagination-bullet{width: 40px;height: 5px;background-color: #bcbcbc;border-radius: 0;opacity: 1;}
.news-pagination .swiper-pagination-bullet-active{background-color: #2e6966;}

.img-item{position: relative;height: 245px;margin: 10px;background-color: #eaeaea;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.img-item:hover{background-color: #146862;box-shadow: 0 0 10px rgba(0,0,0,.5);}
.img-item .img{position: relative;width: 100%;height: 145px;background-color: #333;}
.img-item .img .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.img-item .content{position: absolute;left: 15px;right: 15px;bottom: 20px;padding: 12px 15px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.img-item .content h3{font-size: 16px;color: #002d25;}
.img-item .content h3 a{color: #002d25;}
.img-item .content p{display:-webkit-box;height: 44px;margin-top: 8px;overflow: hidden;font-size: 14px;color: #494949;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.img-item .content p a{color: #494949;}
.img-item:hover .content{box-shadow: 0 5px 15px rgba(0,0,0,.8);}
.img-item .more{margin-top: 12px;text-align: left;}
.img-item .view-more{width: 65px;height: 20px;color: #919191;border: 1px solid #919191;background-color: transparent;font-size: 12px;font-family: "Bahnschrift",Arial, Helvetica, sans-serif;}
.img-item .view-more:hover{background-color: #146862;border-color: #146862;color: #fff;}
.img-item .more span{float: right;max-width: 80px;overflow: hidden;padding-left: 16px;color: #2e6966;background: url(../img/icon/icon_time.png) no-repeat center left;font-family: "Bahnschrift",Arial, Helvetica, sans-serif;white-space: nowrap;}
.img-item.feature{height: 385px;margin-bottom: 20px;}
.img-item.feature .img{height: 305px;}
.img-item.feature .content{width: 445px;right: auto;padding: 18px 15px;}
.img-item.feature .content h3{font-size: 18px;font-weight: 600;}
.img-item.feature .content p{font-size: 14px;}

.time-list{min-height: 385px;margin-top: 10px;}
.time-list li{position: relative;width: 100%;height: 74px;border-bottom: 1px dotted #dbdbdb;background-color: #fff;}
.time-list li:last-child{border-bottom-color: transparent;}
.time-list .date{position: absolute;left: 15px;top: 10px;font-size: 24px;color: #7a7a7a;font-family: "Bahnschrift",Arial, Helvetica, sans-serif;white-space: nowrap;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.time-list .date::after{content: "";position: absolute;left: 0;bottom: 0;width: 35px;border-bottom: 2px solid #ddd;}
.time-list .content{padding: 16px 0 16px 95px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.time-list .content h3{margin-bottom: 4px;font-size: 16px;color: #002d25;}
.time-list .content h3 a{color: #002d25;}
.time-list .content p a{color: #494949;}
.time-list li:hover{background-color: #55c2bd;}
.time-list li:hover .date{color: #fff;-webkit-transform: translateX(15px);-ms-transform: translateX(15px);transform: translateX(15px);}
.time-list li:hover .content{-webkit-transform: translateX(15px);-ms-transform: translateX(15px);transform: translateX(15px);}
.time-list li:hover h3 a,.time-list li:hover .content p a{color: #fff;}

.block-link{margin-top: 20px;}
.link-item{margin: 9px 0;height: 115px;padding: 15px 20px;box-sizing: border-box;background-color: #f1f1f1;background-repeat: no-repeat;background-position: center right;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.link-item.i1{background-color: #f2f9f8;color: #002d25;background-image: url(../img/block_link_bg_1.png);}
.link-item.i2{background-color: #ccecf2;color: #18687a;background-image: url(../img/block_link_bg_2.png);}
.link-item.i3{background-color: #f6f7f2;color: #2b2300;}
.link-item.i4{background-color: #e2f2e8;color: #002d25;}
.link-item.i5{background-color: #f2e7e2;color: #753b1c;}
.link-item:hover{background-color: #fff;box-shadow: 0 8px 15px rgba(0,0,0,.35);}
.link-item i{display: block;width: 45px;height: 45px;line-height: 45px;}
.link-item h2{margin-top: 8px;font-size: 20px;font-weight: 600;font-family: "Bahnschrift",Arial, Helvetica, sans-serif;}

.block-list{min-height: 340px;}
.block-list li{padding: 8px 10px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-list li h4{font-size: 16px;color: #001e42;}
.block-list li h4 a{color: #001e42;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-list li:hover{background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.2);}
.block-list li:hover a{color: #61a2ae;}
.block-list .date{margin-top: 2px;padding-left: 25px;color: #91a4af;background: url(../img/icon/icon_date.png) no-repeat center left;}

.home-list{padding: 40px 0 80px;background-color: #f2f9f8;background-image: url(../img/home_news_bg.png);background-position: bottom right;background-repeat: no-repeat;}
.section-title{padding: 15px 0;text-align: center;}
.section-title img{width: auto;height: 30px}
.home-links{padding: 25px 0 35px;font-size: 14px;text-align: center;}
.home-links span{display: inline-block;padding-left: 15px;margin: 0 10px;background: url(../img/icon/icon_point.png) no-repeat center left;}
.home-links span a{color: #333;}
.home-links span a:hover{color: #61a2ae;}


/*
*   Column
*/
.column-banner{position: relative;padding-top: 40px;background: #fff url(../img/home_news_bg.png) no-repeat center right}
.column-breadcrumb{padding: 40px 0 0;font-size: 14px;color: #2b2b2b;}
.column-breadcrumb a{color: #2b2b2b;}
.column-root-name{padding-bottom: 40px;text-align: left;font-size: 30px;font-weight: 600;color: #66a2ae;text-shadow: 0 0 1px rgba(0,0,0,.5);}
.column-content{box-shadow: 0 0 50px rgba(0,0,0,.3);border-top: 2px solid #2b2b2b;}

.column-list{margin-top: -30px;}
.column-list > ul > li{float: left;width: 20%;box-sizing: border-box;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.column-list a{display: block;padding: 10px;margin: 5px 15px 5px 0;color: #1d1d1d;font-size: 16px;background-color: #fff;border-bottom: 2px solid #146862}
.column-list a:hover{background-color: #146862;color: #fff;;}
.column-list li.selected > a{font-weight: 600;border-bottom-color: #146862;color: #176ce3;}
.wp_subcolumn{display: none;}

.content-list{min-height: calc(100vh - 400px);margin-top: 50px;}
.content-list .item{margin: 15px 10px;padding: 8px 10px;border-left: 4px solid #146862;box-shadow: 0 0 5px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.content-list .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.content-list .item h4{font-size: 16px;color: #001e42;}
.content-list .item h4 a{color: #001e42;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.content-list .item:hover{background-color: #fff;}
.content-list .item:hover a{color: #61a2ae;}
.content-list .date{margin-top: 2px;padding-left: 25px;color: #91a4af;background: url(../img/icon/icon_date.png) no-repeat center left;}

/*
*   Post
*/
.post-detail{margin: 40px 0 80px;}
.post-detail .inner{max-width: 1024px;width: 100%;margin: 0 auto}
.post-metas{padding-bottom: 20px;color: #999;text-align: center;border-bottom: 1px solid #efefef;}
.post-title{font-size: 24px;font-weight: 600;color: #61a2ae;}
.post-attr span{margin: 0 5px;}
.post-content{min-height: calc(100vh - 400px);padding: 30px 10px}
.post-content img{max-width: 100%;height: auto;}


/*
*   Responsive
*/
@media screen and (max-width: 1439px){
    .banner-carousel{height: 490px;}
    .hero-news-item .img{height: 210px;}
    .news-more{margin-top: 35px;}
}
@media screen and (max-width: 1199px){
    .header-menu{height: auto;}
    .header-nav{float: none;height: auto;line-height: inherit;}
    .header-nav li{width: 11.111%;line-height: inherit;margin: 0;text-align: center;}
    .header-nav li a{display: block;padding: 8px 0 14px;}
    .img-item.feature .content{width: auto;right: 15px}
}
@media screen and (max-width: 991px){
    .header-welcome{display: none;}
    .header-bar .pull-right{float: none!important;}
    .banner-carousel{height: 35vw;}
    .news-carousel{height: auto;}
    .footer-social{padding-top: 10px;text-align: left;}
    .footer-copyright{text-align: left;}
    /* Home */
    .block-title{margin-top: 30px;}
}
@media screen and (max-width: 767px) {
    /* Nav */
    .header-nav{border-top: 1px solid #efefef;}
    .header-toggle{display: inline-block;}
    .header-menu{position: relative;}
    .header-nav{position: absolute;top: 100%;right: 0;width: 250px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);opacity: 0;visibility: hidden;}
    .header-nav > ul > li{float: none;width: 100%;height: auto;border-bottom: 1px dashed #efefef;}
    .header-nav > ul > li > a{height: 45px;line-height: 45px;padding: 0;}
    .sub-nav{position: relative;height: 0;}
    .header-nav > ul > li:hover .sub-nav{height: auto;}
    .header-nav li::after{bottom: 0;}
    /* Footer */
    .footer-logo{padding: 30px 0 10px;}
    .footer-logo,.footer-social,.footer-copyright{text-align: center;}
    /* Home */
    .banner-carousel .swiper-slide .title{bottom: 30px}
}
@media screen and (max-width: 480px) {
    /* Header */
    .header-function{float: none;}
    .header-logo img{width: 100%;height: auto;}
    /* Footer */
    .footer-logo{max-width: 100%;width: 100%;height: auto;}
    /* Nav */
    .header-toggle{margin-top: -18px;margin-bottom: 8px}
    .banner-carousel .swiper-slide .title h2{max-width: 250px;width: 100%;height: 30px;line-height: 30px;font-size: 14px;}
}