@charset "utf-8";
:root {
    --main-color: #31a696;
    --second-colr: #279760;
    --forth-colr: #eaa200;
}

	

.modal-body .spec-box .btn-box.st {
    height: 100%;
}
.modal-body .spec-box .btn-box.st .btn {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
span.radio-inline + span.radio-inline {
    margin: 0 10px;
    display: inline-block;
}

.editor {
    line-height: 1.8;
}

.h5 .sub-txt {
    color: #333;
}
/*字主色*/
.btn.btn-bord, body.about .page-content .txt h2 {
    color: var(--main-color);
}

/*字副色*/
a:hover,
.footer .footer_content .sitemap > ul > li > a:hover {
    color: var(--second-color);
}

/*背景主色*/


/*.anchor-title.scroll-to-fixed-fixed,
.list-creative .list-terms:before, .gotop a, .bsnav-mobile.full .navbar-nav .nav-item:hover, .btn.cover:before {
    background: var(--main-color);
}*/

/*背景副色*/
.anchor-title.scroll-to-fixed-fixed,
.list-creative .list-terms:before, .gotop a, .bsnav-mobile.full .navbar-nav .nav-item:hover, .btn.cover:before {
    background: var(--second-color);
}
/*背景第五色*/
.toast,
.list-creative > li:nth-child(2n) .list-terms:before {
    background: var(--fifth-color);
}

body.home section .more-btn-area {
    text-align: center;
    margin: 25px 0;
}
/*描邊 currentColor*/

.btn.btn-bord, .page-link {
    border-color: currentColor;
}

.header .navbar-nav .nav-item:hover > .nav-link .caret, .header .navbar-nav .nav-link .caret {
    border-top-color: currentColor;
}


.header .navbar .nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}

/*背景主色，白字*/
.header .navbar .nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover,
body.show .page-item .page-link:hover, body.home .home_about .btn-more:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover,
.btn.btn-primary,
.btn-info, .tab-area .tab-title a.active,
.nav-tabs .nav-link.active,
.btn.btn-primary:hover, .side .h3 .txt-tw,
body.show .page-item:first-child .page-link, body.show .page-item:last-child .page-link {
    background: var(--main-color);
    color: #fff;
}
    /*.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover,
body.show .page-item .page-link:hover, body.home .home_about .btn-more:hover,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover {
    background: var(--main-color);
    color: #000;
}*/

    /*背景副色，白字*/
.iso-kind li.active a, .iso-kind li a:hover,
.header .bsnav-mobile.full .navbar-nav .nav-item:hover > .nav-link,
.article-grid .item .info .kind a, .btn-info:hover, body.article .page-content .tag_group li .tag:hover {
        background: var(--second-color);
        color: #fff;
    }

    /*背景第三色，白字*/
/*.btn.btn-primary:hover, .side .h3 .txt-tw {
    background: var(--third-color);
    color: #fff;
}*/

/*背景第五色，白字*/
/*.nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.member-function-box .item > a:hover,.btn.more {
    background: var(--fifth-color);
    color: #fff;
}*/

/*footer*/

.footer .footer_content.fc_seperate_bottom {
    background: var(--main-color);
    padding-top: 40px;
}
.footer .footer_content.fc_seperate_bottom .footer_right, 
.footer .footer_content.fc_seperate_bottom .footer_left {
    flex: 1;
    padding: 0 15px;
}

.footer .footer_content.fc_seperate_bottom .footer-bottom{
    background-color: #006f68;
}
.footer .editor{
   /* padding: 40px 0;
    background: var(--main-color);*/
}

.footer .footer_mid {
    margin-top: 20px;
}

.footer .footer_mid .container {
    padding: 0 var(--bs-gutter-x, 0.75rem) !important;
}
.footer .footer_left .social-box {
    margin-top: 18px;
}
.footer .footer_left .social-box ul li.list-inline-item a {
    background: #ffffffbe;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
}
.footer .footer_left .social-box ul li.list-inline-item a:hover {
    background: #ffffff;
}
.footer .footer_left .cominfo-list li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 9px;
}
.footer .footer_left .cominfo-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url(../images/ctBG.png) no-repeat center top;
    left: 1px;
    top: 3px;
}

.footer .footer_left .cominfo-list li.add:before {
    background-position: center  top -93px;
}

.footer .footer_left .cominfo-list li.fax:before {
    background-position: center top -345px;
}

.footer .footer_left .cominfo-list li.mail:before {
    background-position: center top -406px;
}

.footer .footer_left .cominfo-list li.bstime:before,.footer .footer_left .cominfo-list li.comname:before {
    background-position: center top -282px;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .cologo-box {
    display: none;
}
.footer .footer-oth-det .footer_left {
    order: 2;
}
.footer .footer_content .sitemap > ul > li > a {
    padding: 5px 12px;
}
.footer .footer_content.fc_seperate_bottom .foo-sit .sitemap > ul > li {
    margin: 8px 0px;
}

.footer .footer_left .cominfo-list li a {
    display: block;
}

.footer .footer_left .cominfo-list li label, .footer .footer_left .cominfo-list li i {
    display: none;
}

.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .coinfo-box {
    display: block;
    width: 100%;
    text-align: center;
}
.footer .footer_left ul li a, 
.footer .footer_left ul li, 
.footer .footer-info .desc,
.footer .footer_content.fc_seperate_bottom .right-area a,
.footer .footer_content.fc_seperate_bottom .social-box svg,
.footer .footer-seo .h4, .footer .footer-seo .desc,
.footer .editor, .footer .editor ul li a, 
.footer .footer_content .sitemap > ul > li > a, .footer .footer_content .sitemap > ul > li > a:hover, .footer .footer-info ul li .icon, .footer .social-box a, .footer .copyrights-info a, .footer .copyrights, .footer .powered a, .footer .footer_content.fc_seperate_bottom .footer_left {
    color: #fff;
}

.footer .copyrights-info a, 
.footer .footer_content .sitemap > ul > li > a:hover,
.anchor-title a:hover, .footer .footer_content .sitemap > ul > li > a,
.footer .footer_content .sitemap > ul > li > a:hover {
        opacity: 0.7;
    }

.footer .footer-info .nav.tat_x {
    display: block;
}

/*side*/

.side .wid ul li .collapsed-sub-btn {
    display: block;
    padding: 5px 0 5px 20px;
    background: url(../images/list_icon.png) no-repeat 0 7px;
}
.side .wid ul li {
    line-height: 1.5;
    font-size: 16px;
}




/*header*/

.header .navbar {
    background: url(../images/navbg.jpg) left 30% no-repeat #fff;
    background-size: 80% 100%;
}

.is_scroll .header .navbar, .header .navbar {
    border-bottom: 0;
}


.header .navbar .nav-brand-wrapper{
    z-index:1;
}

/*.header .navbar .nav-brand-wrapper:after {
    content: "";
    position: absolute;
    width: 122px;
    top: -62px;
    bottom: -59px;
    background: #31a696;
    transform: rotate(15deg);
    pointer-events: none;
}
.header .navbar .nav-brand-wrapper:before {
    content: "";
    position: absolute;
    width: 300%;
    top: -17px;
    left: -350px;
    bottom: -22px;
    background: #31a696;
   
    pointer-events: none;
}*/
.header .navbar .nav-brand-wrapper:after,.header .navbar .nav-brand-wrapper:before{
    z-index:-1;
} 



.header .navbar .navbar-brand{
    height: auto;
}
.header .navbar .collapse {
    padding-left: 160px;
}


.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:hover:before {
    border-color: transparent transparent transparent var(--main-color);
}


.page-content .btn-more {
    display: block;
    width: 150px;
    /* height: 40px; */
    text-align: center;
    background: #279760;
    border-radius: 15px;
    margin: 30px auto;
    transition: 0.5s ease;
    color: #fff;
    /* padding-top: 10px; */
    line-height: 3;
}

body.home .page-content .h2, body.home .page-content h2.h3, body.home .page-content .news_box .h3 {
    background: url(../images/titleBG.png) center bottom no-repeat;
    border-bottom: 0;
    text-align: center;
    padding-bottom: 12px;
    font-size: 30px;
    color: #333;
    font-weight: normal;
    margin-bottom: 30px;
}
.banner, .header .navbar .nav-brand-wrapper {
    position: relative;
}
body.home .banner::before {
    content: "";
    border-bottom: 44px solid #fff;
    border-right: 120px solid rgba(54, 185, 192, 0);
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
}

body.home .banner::after {
    content: "";
    border-bottom: 44px solid #fff;
    border-left: 120px solid rgba(54, 185, 192, 0);
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index:2;
}

.banner::before, .banner::after {
    pointer-events: none;
}
body.home .page-content .ab_box {
    background: url(../images/ab_bg.jpg) top 108px center no-repeat;
   
}

body.home .page-content .ab_box .wid-page_unit {
    width: 80%;
    margin: 0 auto;
}
body.home .page-content .news_box, body.home .page-content .ab_box {
    padding: 50px 0 !important;
}

body.home .page-content .news_box {
    background: url(../images/news_bg.jpg) no-repeat center bottom;
}



body.home .page-content .news_box .item .info, body.home .page-content .news_box .list_item .info {
    background: #fff;
    transition: all 0.3s ease-in;
    padding: 15px 20px;
    display: block;
    border-bottom: solid 5px transparent;
}
body.home .page-content .news_box .item .title,
body.home .page-content .news_box .list_item .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


body.home .page-content .news_box .item:hover .info,
body.home .page-content .news_box .list_item:hover .info{
    border-color: var(--forth-color);
}

body.home .page-content .news_box .item .info .date,
body.home .page-content .news_box .home-pagelist-area .list_item a:hover .info{
    color: #333;
}

body.home .page-content .news_box .item:hover .info .tt_1 a {
    color: var(--forth-color);
}

body.home .page-content .news_box .item .info .desc{
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


body.home .page-content .news_box .slick-arrow {
    width: 40px;
    background: url(../images/news_control.png)right bottom no-repeat;
    height: 64px;
    transform: none;
    border: none;
    padding:0;
}
body.home .page-content .news_box .btn-prev.slick-arrow, 
body.home .page-content .news_box .slick-arrow.slick-prev {
    transform: rotate(-180deg);
}
body.home .page-content .news_box .item {
    padding: 0;
    margin: 0 12px 0 12px;
}

body.home .page-content .news_box h2.h3,
body.home .page-content .news_box .h3,
.ezshare-box a:hover {
    color: #fff;
}

body.news.show .subject-sec .h1 {
    font-size: 30px;
}
body.about .kind-info .h2, .kind-info .h2, body.contact .section h3.h1 {
    color: var(--main-color);
    font-size: 30px;
    background: url(../images/h1_icon.png) no-repeat top left;
    border-bottom: 1px solid #ddd;
    padding: 22px 0px 17px 59px;
    margin-top: 0;
    margin-bottom: 30px;
}
.kind-info .h2 .txt-tw, body.contact .section h3.h1 .txt-tw {
    margin-left: 10px;
    color: #333;
}
body.news.show .main,
body.album .main-content,
body.contact .main{
    padding: 46px 0;
}
body.news.p02 .main-content {
    padding-top: 46px;
}
body.news.p02 .main{
    padding-bottom: 46px;
}
body.product.show .section.pt-md-5 {
    padding-top: 0 !important;
}

.section.breadcrumb-section.mb-5 {
    margin-bottom:0 !important;
}