@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{text-decoration:none;color:#124f57;-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;scroll-behavior: smooth;}
body{position: relative;font: 14px/1.6 'PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif;background:#fff;}

/* Common */
.outer, .inner{position: relative;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block-item{padding: 20px 0;}

/* 1.1 Common Header*/
.header{background-color: #fefdfc;background: url(../img/header_bg.jpg) center;background-attachment: fixed;}
.header .inner{padding-top: 30px;padding-bottom: 30px;}
.header-logo img{height: 80px;}
.header-search{position: absolute;top: 50%;right: 15px;width: 280px;height: 38px;margin-top: -19px;}
.search-input{display: block;width: 100%;height: 38px;padding: 0 18px;line-height: 38px;background-color: #5a878c;border: none;color: #fff;border-radius: 18px;-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-button{position:absolute;top:0;right:-1px;display:block;width:55px;height:38px;background: #446668 url(../img/icon/icon_search.png) no-repeat center;border: none;border-radius: 19px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input:focus,.search-button:focus{box-shadow:0 0 10px rgba(0,0,0,.2)}
.search-input:hover,.search-input:focus{background-color: #5c9d92}
.search-button:hover,.search-button:focus{background-color: #3b5959}

/* 1.2 Common Navigation */
.header-nav{background-color: #559f93;background: -webkit-linear-gradient(#559f93, #4e867c);background:-ms-linear-gradient(#559f93, #4e867c);background: linear-gradient(#559f93, #4e867c);}
.navbar-toggle{width:30px;height:30px;padding:0;line-height:30px;text-align:center;background:rgba(0,0,0,.3);border-radius:50%;transition:.3s all ease;-moz-transition:.3s all ease;-webkit-transition:.3s all ease;}
.navbar-toggle img{width:20px;height:20px;vertical-align:text-bottom;}
.navbar-toggle.collapsed{background:transparent;}
.site-nav,.site-nav > ul{width:100%;height: 50px;}
.navbar-nav > li{position:relative;width:10%}
.navbar-nav > li > a{display:block;height: 50px;line-height: 50px;padding: 0;font-size:18px;text-align:center;color:#fff;-webkit-transition: .2s background-color ease;-ms-transition: .2s background-color ease;transition: .2s background-color ease;}
.navbar-nav > li:hover > a{background-color: rgba(0,0,0,.2);}
.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:rgba(0,0,0,.2);color:#fff;}
.dropdown-menu{display: block;left: 0;right: 0;padding: 0;border: none;text-align: left;font-size: 16px;background-color: transparent;opacity: 0;visibility: hidden;border-radius: 0;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu > li{width:100%;}
.dropdown-menu > li > a{display:block;padding: 10px 15px;text-align: left;background:rgba(0,0,0,.75);color:#fff;font-size: 16px;white-space: normal;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu>li>a:hover{background-color:#58958a;color: #fff}
.open > .dropdown-menu{transform: translateY(0);opacity: 1;visibility: visible;}

/* 1.3 Common Footer */
.footer{position: relative;bottom: 0;left: 0;right: 0;background-color: #528b80;}
.footer.footer-absolute{position: absolute;background-color: rgba(82,139,128,.88);}
.footer-logo{padding-top: 35px;padding-bottom: 35px;}
.footer-logo img{width: auto;height: 75px;}
.footer-copyright{padding: 4px 0;font-size: 14px;color: #e1ffff;background-color: #336666;text-align: center;}
.footer-absolute .footer-copyright{background-color: #528b81}
.footer-contact{position:relative;padding-top: 20px;font-size: 14px;color: #fff;overflow: hidden;}
.footer-contact .title{height: 40px;}
.footer-contact p{line-height: 1.4;}
.footer-contact a{color: #fff;}
.footer-qrcode{position: absolute;top: 50%;right: 0;}
.footer-qrcode img{width: 80px;height: auto;margin-top: -30px;}


/* 2.1 Homepage */
.banner{background-color: #f1f1f1;}
.news-row-1{padding: 20px 0 60px;border-top: 6px solid#559f93;background: #fff url(../img/news_row_1_bg.png) no-repeat center bottom;}
.news-row-1 .inner{z-index: 1;}
.news-row-1 .overlay{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100px;background: -webkit-linear-gradient(rgba(85,255,162,.03),transparent);background:-ms-linear-gradient(rgba(85,255,162,.03),transparent);background: linear-gradient(rgba(85,255,162,.03),transparent);}
.news-row-2{}
.banner-carousel{width: 100%;height: 450px;}
.banner-carousel .swiper-slide{position: relative;display: block;width: 1600px;background-color: #f1f1f1;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-carousel-title{position: absolute;left: 0;right: 0;bottom: 45px;width: 330px;height: 40px;line-height: 40px;margin: 0 auto;padding: 0 15px;background-color: rgb(45,102,88,.7);font-size: 18px;color: #fff;text-align: center;border-radius: 20px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease}
.banner-carousel .swiper-slide:hover .banner-carousel-title{background-color: rgb(45,102,88,.95);}
.banner-overlay{position: absolute;z-index: 1;top: 0;width: 50%;height: 100%;background-color: rgba(30,89,72,.8);}
.banner-overlay.left{right: -800px}
.banner-overlay.right{left: -800px}
.banner-button-container{position: absolute;top: 0;left: 0;right: 0;max-width: 1600px;width: 100%;height: 100%;margin: 0 auto;}
.banner-pagination .swiper-pagination-bullet{width: 16px;height: 8px;background-color: #f3f3f2;border-radius: 4px;opacity: .5;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-pagination .swiper-pagination-bullet-active{width: 50px;opacity: 1!important;}

.banner-button{width: 35px;height: 85px;margin-top: -42px;background-color: #c2a984;background-size: 12px 21px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease}
.banner-button:hover{background-color: #d8bb95;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.banner-button-next{right: -20px;background-image: url(../img/icon/icon_banner_next.png);}
.banner-button-prev{left: -20px;background-image: url(../img/icon/icon_banner_prev.png);}

.block-title{width: 100%;height: 50px;line-height: 50px;margin-bottom: 25px;font-size: 21px;color: #1f3531;font-weight: 600;background-position: center right;background-repeat: no-repeat;background-image: url(../img/title_line_l.png);}
.block-title.short{background-image: url(../img/title_line_s.png);}
.block-title img{width: auto;height: 100%;}
.block-title .more{float: right;width: 20px;height: 17px;margin-top: 15px;background: url(../img/icon/icon_more.png) no-repeat center;}
.block-title .more:hover{box-shadow: 0 0 5px rgb(0,0,0,.3);}

.block-item h4{font-size: 17px;font-weight: 600;color: #233a35;-webkit-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
.block-item p{font-size: 14px;}
.block-item li:hover h4{color: #09686d;}
.block-item li .date{position: absolute;top: 0;left: 0;line-height: 1;text-align: center;overflow: hidden;}
.block-item li .date span, .block-item li .date b{display: block;white-space: nowrap;}

.img-list{min-height: 380px;}
.img-list li{position: relative;min-height: 110px;margin-bottom: 25px;background-color: #fff;border-radius: 8px;border: 1px solid #efefef;overflow: hidden;cursor: pointer;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.img-list li:hover{box-shadow: 0 5px 8px rgba(0,0,0,.1);}
.img-list li .img{position: absolute;top: 0;left: 0;display: block;width: 185px;height: 100%;overflow: hidden;background-color: #f1f1f1;}
.img-list li .img span{position: absolute;bottom: 10px;left: 10px;padding: 0 8px;background-color: #268fa6;color: #fff;font-size: 12px;border-radius: 2px;}
.img-list li .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.img-list li:hover .img .overlay{transform: scale(1.1);-webkit-transition: 2s all linear;-ms-transition: 2s all linear;transition: 2s all linear}
.img-list li .content{display: block;padding: 20px 10px 0 205px;}
.img-list li .content p{width: 100%;margin-top: 5px;color: #8e8e8e;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.img-list li:nth-child(even) .img{left: auto;right: 0;}
.img-list li:nth-child(even) .content{text-align: right;padding: 20px 205px 0 10px;}
.img-list li:nth-child(even) .img span{left: auto;right: 10px;}

.date-list{min-height: 380px;}
.date-list li{position: relative;margin-bottom: 14px;background-color: #fff;-webkit-transition: .3s box-shadow ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-list li .date{width: 52px;height: 52px;color: #064f57;background: #fff;}
.date-list li .date span{padding-top: 8px;font-size: 21px;font-weight: 400;}
.date-list li .date b{padding-top: 4px;font-size: 12px;}
.date-list li .content::before{content: "";position: absolute;top: 9px;left: 52px;height: 34px;border-left: 1px solid #bbb;}
.date-list li .content h4{display:block;height: 52px;line-height: 52px;padding-left: 65px;color: #444;font-weight: normal;}
.date-list li:hover{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.date-list li:hover .content h4{color: #09686d;}

.common-list li{position: relative;margin-bottom: 25px;}
.common-list li .date{width: 45px;height: 60px;background-color: #268fa6;color: #fff;}
.common-list.green li .date{background-color: #559f93;}
.common-list li .date span{display:block;height: 35px;line-height: 35px;font-size: 21px;font-weight: 400;}
.common-list li .date b{display: block;height: 25px;line-height: 25px;background-color: rgba(0,0,0,.1);color: #bee1ea;font-size: 12px;}
.common-list li .content{display: block;padding-left: 60px;line-height: 1;}
.common-list li .content h4{position: relative;padding: 8px 0 6px;}
.common-list li .content h4::before{content: "";position: absolute;bottom: 0;left: 0;width: 25px;border-bottom: 2px solid rgba(191,167,130,.4);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.common-list li .content p{min-height: 20px;padding-top: 6px;color: #444;}
.common-list li:hover .content h4::before{border-bottom-color: rgba(191,167,130,.9);}

.news-row-2{min-height: 670px;background-image: url(../img/news_row_2_bg.jpg);background-repeat: no-repeat;background-position: center bottom;background-color:#fff;}
.links{position:relative;height: 435px;margin-top: -80px;background-image: url(../img/contact_bg.png);background-position: center;background-repeat: no-repeat;}
.icon-link-item{float: left;width: 20%;text-align: center;}
.icon-link-item .icon{display:block;width: 50px;height: 50px;margin: 0 auto;line-height: 50px;text-align: center;background: #fff;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.icon-link-item .icon img{vertical-align: middle;}
.icon-link-item .icon:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.icon-link-item .title{display: block;width: 125px;height: 50px;line-height: 50px;margin: 15px auto 0;color: #fff;font-size: 21px;border-radius: 8px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.icon-link-item .title:hover{margin-top: 10px;opacity: .95;box-shadow: 0 0 5px rgba(0,0,0,.3);}
.icon-link li:nth-child(1){margin-top: -55px;}
.icon-link li:nth-child(1) .title{background-color: #268fa6;}
.icon-link li:nth-child(2){margin-top: -65px;}
.icon-link li:nth-child(2) .title{background-color: #a5cc6b;}
.icon-link li:nth-child(3){margin-top: -80px;}
.icon-link li:nth-child(3) .title{width: 150px;background-color: #93c1a4;}
.icon-link li:nth-child(4){margin-top: -65px;}
.icon-link li:nth-child(4) .title{background-color: #559f93;}
.icon-link li:nth-child(5){margin-top: -55px;}
.icon-link li:nth-child(5) .title{line-height: 25px;font-size: 16px;background-color: #064f57;}

.text-link{padding-top: 40px;text-align: center;}
.text-link .title img{height: 42px;}
.text-link-item a{display: inline-block;padding: 2px 6px;margin: 0 5px;background-color: rgba(0,0,0,.6);color: #fff;border-radius: 4px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease;}
.text-link-item a:hover{background-color: rgba(0,0,0,.8);}

/* 3.1 Column */
.column-banner{background-color:#f1f1f1}
.column-banner .img{position:relative;width:100%;height:375px;margin:0 auto;background-repeat: no-repeat;background-position: center;background-size: cover;background-position: center;}
.column-banner .overlay{position: absolute;height: 40%;width: 100%;bottom: 0;left :0;background: transparent;background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);background:-ms-linear-gradient(bottom, rgba(0,0,0,.5), transparent);background: linear-gradient(bottom,(0,0,0,.5), transparent);}

.column{min-height: calc(100vh - 400px);background: url(../img/news_row_1_bg.png) no-repeat center bottom}
.column .block-item{background-color: #fff;}
.left-nav{margin-top:-70px}
.col-anchor{padding:25px 20px;background: #268fa6;color:#fff;font-size:24px}
.col-name{margin: 0;padding:5px 0 15px;font-size:26px;font-weight: 600;color:#348fa6;border-bottom: 1px dashed #efefef;}
.col-list{margin-bottom:30px;background:#fff}
.col-list>ul{position:relative;border-left:8px solid #064f57;padding: 0}
.col-list li{position:relative;font-size:16px;border-left:none;border-top:1px dashed #ededed;border-bottom:1px dashed #ededed}
.col-list li.selected{background: #fff;}
.col-list li.selected > a{color:#064f57;font-weight:600}
.col-list ul li a{color:#636363;display:block;padding:15px 20px}
.submenu-toggle{position:absolute;right:0;top:0;background:#fafafa;color:#2566bf!important;padding:15px 20px!important;border-left:1px solid #ededed}
.col-sublist{position:relative;padding:0}
.col-sublist li{font-size:14px;border-left:none;background:#f7f7f7;border-left:5px solid #93c1a4;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.col-sublist li a{color:#636363;display:block;padding:10px 20px}
.col-sublist li span{position:relative;top:3px;font-size:12px;float:right}
.col-sublist li:hover a+span{color:#4863d2}
.col-breadcrumbs{float:none;margin-top:24px;}
.article-list{margin:10px 0;min-height:300px}
.article-list li{background:url(../img/icon_list_arrow.png) no-repeat left center;font-size:14px;padding:12px 0 12px 20px;margin:0 10px}
.article-list li a{color:#393939}
.article-list li:hover a{color:#3676d0}
.article-list li span{color:#636363;float:right}
.page_jump{display:none!important}
#wp_paging_w5{text-align:center}
.wp_paging{float:none!important;display:inline-block!important;overflow:auto;zoom:1}
.page_nav .prev span{display:none!important}
.page_nav .prev::before{content:"上一页"}
.page_nav .next span{display:none!important}
.page_nav .next::before{content:"下一页"}
.wp_paging li{height:auto!important;line-height:auto!important;margin:10px!important}
.wp_paging li a{height:auto;background:#fafafa;padding:5px 10px;border-radius:5px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s}
.wp_paging li a:hover{background:#f0f0f0;box-shadow:0 0 10px rgba(95,121,218,.4);color:#5f79da}
#wp_paging_w6{display:block;text-align:center}

/* 4.1 Post */
.post{margin: 30px 0 60px;}
.breadcrumbs{text-align:left;color:rgba(0,0,0,.5);margin-bottom:5px}
.breadcrumbs .glyphicon{color: #09686d;}
.breadcrumbs span:first-child{margin-right:8px}
.page-content{padding:30px;border-top:5px solid #558c82;box-shadow:0 2px 20px rgba(65,136,206,.2)}
.post-title{margin:10px 0 5px;text-align:center;font-size:26px;color:#363636}
.post-meta{display:block;padding:0 10px 5px;color:#636352;text-align:center;font-size:12px}
.post-meta > span{display: inline-block;padding: 2px 4px;border-bottom:1px solid #558c82;background:#fafafa;margin:5px 8px}
.post-meta > span i{color:rgba(85,140,130,.5);margin-right:10px}
.post-divider{margin:10px auto;height:1px;max-width:1000px;background:#ededed}
.post-content{margin:0 auto;padding:20px 0;max-width:1000px;font-size:14px;min-height:300px}
.post-content img{height:auto;max-width:100%;margin:0 20px}

@media screen and (max-width: 1659px) {
    .banner-button-prev{left: 10px;}
    .banner-button-next{right: 10px;}
}
@media screen and (max-width: 991px) {
    .navbar-nav > li > a{font-size: 16px;}
    .banner-carousel{height: 45vw}
    .links{margin-top: 180px;}
}
@media screen and (max-width: 767px){
    .header{background-image: none;}
    .header .inner{padding-top: 20px;padding-bottom: 20px;}
    .header-logo{display: block;text-align: center;}
    .header-logo img{width: 280px;height: auto;}
    .header-search{display: none}
    .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,.1)}
    .site-nav li a{padding:9px 0 9px 30px;font-size:16px;text-align:left;}
    .navbar-nav > li > a{height: auto;line-height: initial;}
    .site-nav .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .banner-carousel .swiper-slide{width: 100%;}
    .banner-button{width: 18px;height: 55px;margin-top: -27px;}
    .column-banner .img{height: 20vw}
    .banner-carousel-title{bottom: 35px;width: 220px;height: 30px;line-height: 30px;font-size: 12px;}
    .img-list li .img{position: relative;width: 100%;height: 25vw;}
    .img-list li .content{padding-left: 10px;padding-bottom: 20px;}
    .img-list li:nth-child(even) .content{padding-right: 10px;padding-bottom: 20px;text-align: left;}
    .img-list li:nth-child(even) .img span{left: 10px;right: auto;}
    .footer.footer-absolute{position: relative;}
    .links{height: auto;padding: 30px 0 20px;margin-top: 0;background-size: cover;}
    .icon-link-item{width: 50%;margin: 10px 0!important}
    .icon-link-item .title{height: 30px;line-height: 30px;font-size: 14px;width: 100px!important;}
    .icon-link li:nth-child(5) .title{height: auto;}
    .left-nav{margin-top: -20px;}
    .col-anchor{padding: 10px 20px;}
    .page-content{padding: 10px 20px}
}