@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
:root {
    --main-color: #1575b9;
    --second-color: #774320;
}
.form-control {
    padding: 10px;
    font-size: 18px;
}
.txt-en, body.home .servicearea .list .list_item .info:after {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.btn.more {
    background: #713f1d;
}


.header .navbar {
    padding: 0 10px;
    border: none;
}
.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;
}


.is_scroll .header .navbar .navbar-brand {
    width: 200px;
    height: 77px;
}


.h2 {
    border-bottom: 1px solid #dcdcdc;
    color: var(--main-color);
}

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

.header .bsnav-mobile.full.in .navbar .nav-share-btn-area li a, .ezshare-box a:hover {
    color: #fff;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border: 1px solid;
}
/*背景主色，白字*/
.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover,
body.show .page-item .page-link:hover, .article-grid .item .info .kind a,
.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover, .kind-tag-area a,
.side .filter-sidebar.multiple-collapse .collapsed-btn, .side .filter-title .collapsed-btn {
    background: var(--main-color);
    color: #fff;
}

/*背景副色，白字*/

.nav-item.dropdown > .navbar-nav .nav-item:hover > a,
.iso-kind li.active a, .iso-kind li a:hover {
    background: var(--second-color);
    color: #fff;
}

/*背景副色，白字*/
.btn.btn-primary {
    background: var(--second-color);
    color: #fff;
}


/*side*/
.is_scroll .side .navbar, .side .bsnav, .side .nav-item.dropdown > .navbar-nav {
    background: none;
}

.side .navbar-nav .dropdown-menu li.nav-title > ul {
    background: #fff;
}

.side .navbar-nav .dropdown-menu li a, .side .nav-item:not(.nav-title).dropdown > .navbar-nav .nav-item:not(.nav-title) .nav-link {
    background: #fff;
    font-size: 16px;
    padding: 5px 10px;
}
.side .navbar-nav .dropdown-menu li.nav-title {
    border-bottom: 1px solid #dadada;
    margin-bottom:0;
}
.side .navbar-nav .dropdown-menu li.nav-title a {
    background: rgb(249 249 249 / 80%);
}


body, .editor,
.desc {
    font-size: 18px;
}

p, .editor {
    line-height: 1.8;
}

ul {
    padding-left: 0;
}

.second-line, .kind-info .h2 .txt-en {
    display: block;
}
.sec01 {
    padding: 60px 0 !important;
}

/*字主色*/
.btn.btn-bord,
body.about .page-content .txt h2,
.header .navbar .topbtn_group ul li label {
    color: var(--main-color);
}

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

/*.wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
        color: var(--third-color);
}*/

.anchor-title a.active {
    color: var(--fifth-color);
}




.gallery-list.border-solid .item .item-detail .btn-box .btn,
.ezshare-box a:hover, .anchor-title.scroll-to-fixed-fixed ul li a:hover,
.anchor-title.scroll-to-fixed-fixed ul li a.active,
body.home .servicemore .editor, body.home .servicemore .editor a,
.tag:hover, .wid-float-section ul li a:hover, .wid-float-section ul li a:hover .icon {
    color: #fff;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border: 1px solid;
    border-radius: 0;
}
body.home section .more-btn-area {
    text-align: center;
    margin: 25px 0;
}
/*背景主色*/
.header .navbar .btnbox .btn-primary {
    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 > .nav-link,
.header .navbar .btn-group .btn-primary {
    background: var(--second-color);
}
/*背景第五色*/
.toast,
.list-creative > li:nth-child(2n) .list-terms:before {
    background: var(--fifth-color);
}


/*描邊 currentColor*/

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

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:before {
    border-left-color: currentColor;
}

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

.list_item img {
    width: 100%;
}

.h5 .sub-txt, body.news .subject-sec .small-title {
    color: #686868;
}

.btn.btn-light {
    background: #b12e2e;
}

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



/*背景主色，白字*/
.gallery-list.cover.hov-cart .item-detail .cover .btn-box .btn:hover, body.show .page-item .page-link, .nav-item.dropdown > .navbar-nav .nav-item:hover > a, .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-link:hover, body.news .tab-area .tab-title a.active {
    background: var(--second-color);
    color: #fff;
}

/*背景副色，白字*/


.iso-kind li.active a, .iso-kind li a:hover,
body.news .page-content .article-grid .item .info .kind a, .tag {
    background: var(--second-color);
    color: #fff;
}






/*gallery-list共用*/
.gallery-list.border-solid .item .item-detail {
    border-radius: 5px;
}




.gallery-list .item .info {
    padding: 10px;
}

.gallery-list p.price, .product-info-area .item.price .cont {
    color: #b12e2e;
}


.gallery-list.border-solid .item .item-detail .btn-box .btn {
    background: #dc3545;
}

.page-link {
    color: #adadad;
}

span.radio-inline + span.radio-inline {
    margin: 0 10px;
    display: inline-block;
}

span.radio-inline input {
    margin-right: 4px;
}

ul.slick-slider {
    padding-left: 0;
}
.btn-more, .btn.more {
    padding: 15px 70px 15px 25px;
    letter-spacing: 4px;
    border: 1px solid;
}
.btn-more:after, .btn.more::after {
    content: "";
    width: 32px;
    height: 32px;
    background: url(../images/more.svg) no-repeat center;
    display: block;
    position: absolute;
    right: 20px;
    top: calc(50% - 32px / 2);
}
.gotop {
    bottom: 9px;
}


body.home .d-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btn.btn-primary, a, body.home .newsarea  .decoarea .deco.fish {
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}


.header .navbar .small-btn-box .navbar-toggler {
    width: 48px;
    height: 48px;
}
.header .navbar .small-btn-box .navbar-toggler:before {
    content: "主選單";
/* position: absolute; */
display: block;
font-size: 15px;
margin-top: 32px;
}
.header .navbar-nav > .nav-item .nav-link {
    font-weight: bold;
    font-size: 20px;
}

.header .navbar-nav > .nav-item .nav-link ul li a {}

.header .navbar-nav > .nav-item ul .nav-item .nav-link {
    font-size: 18px;
    font-weight:normal;
}

.header .navbar-nav .nav-link {
    padding: 42px 16px 10px;
    position:relative;
}

.header .navbar-nav > .nav-item.fadeup > .nav-link::before {
    content: "";
    width: 14px;
    height: 24px;
    background: url(../images/nav.png) no-repeat center top;
    display: block;
    opacity: 0;
    position: absolute;
    right: 50%;
    top: 12px;
    transform: translateX(50%);
}

.header .navbar-nav > .nav-item.fadeup:hover > .nav-link::before {
    -webkit-animation: flicker-in-1 2s linear both;
    animation: flicker-in-1 2s linear both;
}

.header .bsnav-mobile .navbar .navbar-brand {
    /* width: 168px; */
    /* display: inline-block; */
    /* height: 60px; */
    background: url(../../../upload/admin/202406131141203.png) no-repeat top center;
    background-size: contain;
    padding: 0;
    width: 200px;
    height: 77px;
}


.bsnav-mobile.full.in .navbar {
    background: url(../images/footer.jpg) no-repeat top center;
    /* background: url(../images/videobg.jpg) no-repeat top -6px center; */
    background-size: cover;
}

.header .bsnav-mobile.full .navbar-nav .nav-item:hover > .nav-link {
    background: #438cb5;
    color: #fff;
}
.header .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-item:hover .nav-link {
    background: #29749f;
}
.header .bsnav-mobile.full .navbar-nav > .nav-item.fadeup > .nav-link::before {
    right: auto;
    top: 12px;
    transform: none;
    left: 14px;
}
.header .bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
    background: rgb(255 255 255 / 40%);
}
/* ----------------------------------------------
 * Generated by Animista on 2024-2-16 13:59:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * @animation flicker-in-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }


    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}



body.home .storyarea .page-box .wid-page_unit .pic,
body.home .storyarea .page-box .wid-page_unit h3,
body.home .servicearea .list, .sec01,
.btn-more, .btn.more, body.home .servicemore .container,
body.home .servicemore .page-box, body.home .videoarea .gallery-list .item .item-wrap {
    position: relative;
}

body.home .page-box .wid-page_unit .title.h2,
body.home .storyarea .home-pagelist-area .h3,
body.home .servicemore .home-pagelist-area .h3 {
    display: none;
}

body.home  .about01 {
    background: url(../images/abbg1.jpg) no-repeat top right;
    /* right: 0; */
}


body.home .about01 .d-flex {
    margin-top: 38px;
}
body.home .about01 .flex_item {
    width: 24%;
    text-align: center;
    color: #333;
    padding: 20px;
    background: #eee;
    border-radius: 14px;
}
body.home .about01 .flex_item i {
    font-size: 28px;
    color: #8f8f8f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #eeeeee;
    line-height: 50px;
    /* margin-top: -37px; */
    margin: -37px auto 0;
    display: block;
    padding: 4px;
}
body.home .about01 .flex_item label {
    display: block;
}
body.home .about01 .flex_item p {
    text-align: center;
    margin-bottom: 0;
}

body.home .about01 .flex_item .counter {
    color: #774320;
    font-size: 26px;
    font-weight: bold;
    margin-right: 8px;
}

body.home .home_factory {
    background: url(../images/all/deco.png) top center no-repeat #f7f7f7;
    background-size: 100% auto;
}

body.home .home_factory .wid-page_unit {
    margin-bottom: 35px;
}
body.home .home_factory .list_item .info, 
body.home .home_factory .list_item .effect {
    padding: 10px;
    color: #333;
}
body.home .home_factory .list_item a.d-block {
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #fff;
}

body.home .home_factory .list_item a i {
    margin-right: 8px;
    color: #a9a9a9;
}
body.home .home_factory .list_item .info .d-flex {
    margin-top: 10px;
}

body.home .home_factory .list_item .date label {
    margin-right: 5px;
    color: #8e8e8e;
}
body.home .home_factory .list_item .effect i {
}
body.home .home_factory .list_item a .effect .num {
    /* display: block; */
    color: #774320;
    font-size: 24px;
    font-weight: bold;
}
body.home .home_factory .list_item .effect ul {
    margin-bottom: 0;
}
body.home .home_factory .list_item .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
}
body.home .home_factory .list_item .status {
    display: inline-block;
    padding: 2px 10px;
    background: var(--main-color);
    color: #fff;
    border-radius: 7px;
    margin-right: 8px;
}
body.home .home_factory .list_item .loca,
body.home .home_factory .list_item .loca, 
body.home .home_factory .list_item .meters .num {
    font-size: 22px;
    font-weight: bold;
}
body.home .home_factory .list_item .effect {
    text-align: center;
}
body.home .home_factory .list_item .effect ul li + li,
body.home .home_factory .list_item .info .d-flex {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
body.home .home_factory .list_item .d-flex label, body.home .home_factory .list_item a .effect label{
    display: block;
    font-size: 16px;
    font-weight: normal;
}
body.home .home_factory .list_item .pic{
    position: relative;
}
body.home .home_factory .list_item .pic .d-flex {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 18px;
    background: rgb(0 0 0 / 50%);
    color: #fff;
}
body.home .home_factory .note p,
body.home .home_calculator .calculatorArea .note p.desc{
    margin: 14px 0 42px;
    font-size: 15px;
}
body.home .home_factory .note p{

    text-align: right;
}
body.home .home_calculator .calculatorArea {
    border-radius: 20px;
    padding: 50px;
    background: #ffffff;
    box-shadow: #ececec 0 0 12px;
    padding-left: 40%;
    margin-top: 54px;
    z-index: 1;
}

body.home .home_calculator .calculatorArea:after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    left: -150px;
    top: -150px;
    background: url(../images/all/circleText.png) no-repeat center;
    background-size: contain;
    z-index: -1;
    animation: spinning linear forwards infinite 60s;
}
@keyframes spinning {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

body.home .home_calculator .calculatorArea:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36%;
    left: 0;
    background: url(../images/all/solarenergy-01.svg) no-repeat center #d6efff;
    background-size: contain;
    border-radius: 20px 0 0 20px;
}

body.home .home_calculator .calculatorArea .result {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 28px;
    border-top: 1px solid #dedede;
}

body.home .home_calculator .calculatorArea .result label small {
    color: #a5a5a5;
}

body.home .home_calculator .calculatorArea .result label {
    display: block;
}

body.home .home_calculator .calculatorArea .result .income {
    width: 48%;
    background: url(../images/all/coin.svg) no-repeat left 2px top 4px;
    padding-left: 94px;
}

body.home .home_calculator .calculatorArea .result .income:nth-child(2) {
    background-position:left 2px top -313px;
}


body.home .home_calculator .calculatorArea .result .income .number {
    color: #774320;
    font-size: 45px;
    font-weight: bold;
}

body.home .home_calculator .calculatorArea .input-group + .input-group, 
body.home .home_calculator .calculatorArea .btn-primary {
    margin-top: 18px;
}
body.home .home_calculator .calculatorArea .btn.btn-primary {
    max-width: 300px;
    display: block;
    font-size: 18px;
}

body.home .storyarea .page-box .wid-page_unit .editor > .row .col-md-6:nth-child(2) {
    padding: 0 0 0 50px;
}


body.home .storyarea .page-box + .page-box {
    margin: 80px 0;
}

body.home .storyarea .page-box .wid-page_unit h3 {
    z-index:2;
    padding-bottom: 24px;
    font-size: 36px;
    margin-bottom: 40px;
}

body.home .storyarea .page-box .wid-page_unit h3:after, 
body.home .storyarea .page-box .wid-page_unit h3:before {
    content: "";
    height: 1px;
    position: absolute;
}

body.home .storyarea .page-box .wid-page_unit h3:before {
    /* width: 100%; */
    background: #ddd;
    bottom: 0;
    left: -62px;
    right: 0;
}


body.home .storyarea .page-box .wid-page_unit h3:after {
    width: 35px;
    background: #fff;
    left: -97px;
    bottom: 0;
}

body.home .storyarea .page-box:nth-child(3) .wid-page_unit h3:after {
    width: 35px;
    background: #fff;
    left: -97px;
    bottom: 0;
}


body.home .storyarea .page-box:nth-child(3) .wid-page_unit .editor > .row .col-md-6:nth-child(2) {
    padding: 0 50px 0 0;
}

body.home .storyarea .page-box:nth-child(3) .wid-page_unit .editor > .row {
    flex-direction: row-reverse;
}
body.home .storyarea .page-box:nth-child(3) .wid-page_unit h3:after {
    left: auto;
    right: -97px;
}
body.home .storyarea .page-box:nth-child(3) .wid-page_unit h3:before {
    left: 0;
    right: -62px;
}
body.home .storyarea {
    background: url(../images/abbg1.jpg) no-repeat right top,url(../images/abbg2.jpg) no-repeat center bottom;
}
body.home .storyarea .page-box .wid-page_unit .pic{
    z-index:1;
}
body.home .storyarea .page-box .wid-page_unit .pic img {
    width: 100%;
}
body.home .storyarea .page-box .wid-page_unit .pic:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #cee4ff;
    left: -30px;
    top: 30px;
    z-index: -1;
}

body.home section .h2, .kind-info .h2, body.contact h3.h1 {
    margin-bottom: 50px;
    font-size: 35px;
    color: #333;
    /* background: url(../images/title.svg) no-repeat top -8px left -6px; */
    padding-top: 42px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: center;
    position: relative;
    border-bottom: 0;
    margin: 0 auto 26px;
    display: table;
    /* position: relative; */
    z-index: 1;
}
body.home section .h2{
    margin-bottom:15px;
}
body.home .sec01 .wid-page_unit .desc {
    text-align: center;
    letter-spacing: 1.5px;
    font-size: 16px;
}



body.home section .h2::after, .kind-info .h2::after, body.contact h3.h1::after {
    background: url(../images/sun.png) no-repeat;
    content: "";
    position: absolute;
    background-size: contain;
}
body.home section .h2:before, .kind-info .h2:before, body.contact h3.h1:before {
    content: "";
    position: absolute;
    
    background: url(../images/sun2.png) no-repeat top left;
    background-size: contain;
    -webkit-animation: scale 4s linear infinite;
    animation: scale 4s linear infinite;
}
body.home section .h2::after, .kind-info .h2::after, body.contact h3.h1::after, 
body.home section .h2:before, .kind-info .h2:before, body.contact h3.h1:before {
    right: -25px;
    top: 22px;
    width: 50px;
    height: 50px;
    z-index: -1;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity:0.9;
    }

    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
}
body.home .about02 .wid .list_item {
    width: calc(100% / 3);
    margin: 0;
    text-align: right;
    position: relative;
    /* padding-bottom: 52px; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: 100px;
    color: #fff;
    padding: 0 30px;
}
body.home .about02 .wid .list_item .info {
    padding: 0;
    writing-mode: vertical-rl;
    max-height: 330px;
    text-align: justify;
    color: #fff;
    letter-spacing: 2px;/*
    opacity: 0;*/
}
body.home .about02 .wid .list_item h4 {
    /* position: absolute; */
    /* left: 0; */
    /* bottom: 0; */
    text-align: left;
    margin: 20px 0 0 0;
    font-size: 30px;
    font-weight: bold;
    padding-left: 90px;
    position: relative;
}

body.home .about02 .wid .list_item h4 small {
    display: block;
    font-size: 22px;
    margin-top: 6px;
    font-weight: normal;
}

/*body.home .about02 .wid .list_item:hover .info {
    opacity: 1;
}
*/
body.home .about02 .wid .list_item .info p {margin: 0;}
body.home .about02 .wid .d-flex.justify-content-between {
    /* gap: 0 4px; */
    counter-reset: num;
}

/*body.home .about02 .container {
    max-width: 100%;
}
*/
body.home .about02 .wid .list_item h4:before {
    content: "";
    /* display: flex
; */
    justify-content: center;
    /* align-items: center; */
    position: absolute;
    counter-increment: num;
    content: "0" counter(num);
    z-index: 1;
    font-size: 68px;
    /* color: rgb(0 0 0 / 10%); */
    left: 0;
    bottom: 0;
    line-height: 1;
    opacity: 0.6;
}
body.home section.servicearea .h2 {
    display: table;
    margin: 0 auto 50px;
    color: #fff;
    text-align: center;
}


body.home section .h2 .txt-en, .kind-info .h2 .txt-en, body.contact h3.h1 .txt-en {
    display: block;
    font-size: 20px;
    opacity: 0.7;
}

body.home .about02 {
    background: url(../images/servicebg.jpg) no-repeat center;
    background-size: cover;
    background-attachment:fixed;
}

body.home .home_news {
    background: url(../images/abbg2.jpg) no-repeat center bottom;
    background-size: 100% auto;
}
body.home .home_news .item {
    margin-bottom: 0;
    width:100% !important;
}
body.home .home_news .item:nth-child(even) {
    background: #f6f6f6;
}
body.home .home_news .item-wrap {
    display: flex !important;
    justify-content: space-between;
    gap: 25px;
    padding: 12px 25px;
    align-items: center;
}

body.home .home_news .item-wrap .pic {
    width: 15%;
    order: 3;
}
body.home .home_news .item-wrap .pic img {
    border-radius: 20px;
}
body.home .home_news .item-wrap .info {
    width: 75%;
    padding: 0;
}
body.home .home_news .item-wrap .date {
    text-align: center;
    align-self: center;
    width: 6%;
}
body.home .home_news .item-wrap .date .year {
    display: block;
}
body.home .home_news .item-wrap .info .title {
    font-size: 20px;
    margin-bottom: 2px;
}
body.home .home_news .item-wrap .info .title a {
    /* color: var(--main-color); */
    color: #333;
}

body.home .servicearea:before {
    content: "";
    left: 0;
    width: 80%;
    bottom: 0;
    height: 75%;
    background: #fff;
    position: absolute;
}
body.home .servicearea .list {
    counter-reset: num;
}


body.home .servicearea .list .list_item {
    width: 46%;
    margin: 0;
    margin-bottom: 36px;
    text-align: left;
    overflow: hidden;
}
body.home .servicearea .list .list_item .info {
    padding: 34px;
    background: #daf0ff;
    z-index: 1;
    padding-bottom: 56px;
}
body.home .servicearea .list .list_item .info .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
body.home .servicearea .list .list_item a:hover .info, body.home .servicearea .list .list_item a:hover .info .desc {
    color: #333;
}


body.home .servicearea .list .list_item .info .desc,body.home .videoarea .gallery-list .item .title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

body.home .servicearea .list .list_item .info::before {
    width: 45px;
    height: 45px;
    background: url(../images/whitearrow.svg) no-repeat center var(--main-color);
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
}
body.home .servicearea .list .list_item .info:after {
    content: "";
    /* display: flex; */
    counter-increment: num;
    content: "0" counter(num);
    z-index: -1;
    line-height: 1;
    position: absolute;
    left: -10px;
    bottom: -15px;
    align-items: center;
    justify-content: center;
    /* padding: 14px; */
    font-size: 120px;
    font-weight: bolder;
    color: rgb(21 117 185 / 10%);
}

body.home .servicemore {
    width: 85%;
    padding: 65px 0 !important;
    background: var(--main-color);
    /* color: #fff; */
    position: relative;
    border-radius: 0 0 80px 0;
}
body.home .servicemore .container {
    /* max-width: 100%; */
    margin-right: 0;
}
body.home .servicemore p {
    font-size: 24px;
    letter-spacing: 5px;
    font-weight: bold;
    margin-bottom: 0;
}
body.home .servicemore .btn-more {
    border: none;
}

body.home .servicemore .page-box:before {
    content: "";
    width: 433px;
    height: 268px;
    display: block;
    position: absolute;
    background: url(../images/house.png) no-repeat center top;
    left: -95px;
    top: -40px;
}
body.home .servicemore .page-box {
    padding-left: 355px;
}

body.home .servicemore:after,body.home .videoarea .gallery-list .item .item-wrap:after {
    right: 0;
    top: 0;
    bottom: 0;
    left: -100%;
    background: #fff;
    z-index: 2;
    width: 0;
    content: "";
    position: absolute;
    pointer-events: none;
}
body.home .servicemore.aos-animate:after,body.home .videoarea.aos-animate .gallery-list .item .item-wrap:after {
        animation: move_in_out 1s cubic-bezier(.165,.84,.44,1) forwards;
}

@keyframes move_in_out {
    0% {
        width: 0%;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    100% {
        width: 0%;
        left: 100%
    }
}

body.home .newsarea .container {
    /* width: 50%; */
    padding-right: 35%;
}


body.home .newsarea .decoarea {
    position: absolute;
    right: 54px;
    bottom: 38px;
}

body.home .newsarea .decoarea .main-pic img {
    width: 750px;
}

body.home .newsarea .decoarea .main-pic {
    position: relative;
}





body.home .newsarea .decoarea .deco.sun img {
    width: 135px;
}



body.home .newsarea .article-list .item .main-info .d-flex {
    align-items: center;
    position: relative;
    padding-right: 36px;
    display: block !important;
    padding-left: 114px;
}
body.home .newsarea .article-list .item .main-info .time {
    padding: 8px 12px;
    background: #33a666;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -6px;
}
body.home .newsarea .article-list .item {
    /* padding-top: 10px; */
    padding: 18px 0;
    margin-top: 0;
}
body.home .newsarea .article-list .item .main-info .icon {
    width: 28px;
    height: 28px;
    background: url(../images/newsarrow.svg) no-repeat top -6px center;
    position: absolute;
    right: 0;
    top: -2px;
}
body.home .newsarea .article-list .item .main-info .icon svg {
    display: none;
}
body.home .newsarea .more-btn-area {
    text-align: left;
}
body.home .newsarea .more-btn-area .btn.more {
    background: #9d9d9d;
}

body.home .videoarea:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    top: 0;
    background: url(../images/videobg.jpg) no-repeat top -6px center;
    background-size: cover;
    z-index: -1;
}
body.home .videoarea .h3 {
    color: #fff;
}



body.home .videoarea .container {
    position: relative;
}

body.home .videoarea .more-btn-area .btn.more {
    background: none;
}

body.home .videoarea .gallery-list .item .item-wrap,
body.news .article-grid .item article,
body.product .gallery-list .item .item-detail {
    box-shadow: 0 0 13px rgb(58 58 58 / 11%);
}

body.home .videoarea .gallery-list .item .title {
    font-size: 18px;
    font-weight: normal;
}

body.home .videoarea .gallery-list .item .title a {
    color: #333;
}

body.home .videoarea .gallery-list .item .info {
    background: #fff;
    padding: 20px;
}

.footer .footer_content {
    background: url(../images/all/deco.png) top center no-repeat, url(../images/footer.jpg) no-repeat top center;
    background-size: 100% auto, cover;
    padding: 100px 0;
}
.footer .footer-info .desc, .footer .footer-info ul li,
.footer .footer-info ul li .icon,
.footer .footer-info ul li a, 
.footer .footer-seo .desc, 
.footer .footer-seo .h4,
.footer .footer_content .sitemap>ul>li>a,
.footer .footer_content .sitemap>ul>li>a:hover,
.footer .footer_content.fc_seperate_bottom .right-area a,
.footer .footer_content.fc_seperate_bottom .social-box svg,
.right-area .editor,.footer .copyrights-info a,.footer .copyrights-info {
    color: #fff;
}
.footer .copyrights-info {
    border-top: solid 1px #7d7f9b;
}
.footer .footer-seo {
    display: none;
}
.footer .footer_content .footer-logo a img, .header .bsnav-mobile .navbar .navbar-brand img {
    /*display: none;*/
}

/*.footer .footer_content .footer-logo a {
    width: 230px;
    display: inline-block;
    height: 90px;
    background: url(../images/logof.svg) no-repeat top center;
}*/
.footer .footer-info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer .footer-info ul li {
    position: relative;
    width: 49%;
    padding-left: 70px;
    margin-bottom: 24px;
}
.footer .footer-info ul li .icon {
    display: none;
}

.footer .footer-info ul li label {
    display: block;
    margin-bottom: 6px;
    opacity: 0.8;
}
.footer .footer-info ul li:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(../images/ficonColor-01.svg) no-repeat top -9px center;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 40%);
}
.footer .footer-info ul li.taxid:before {
    background: url(../images/all/tax.svg) no-repeat center;
    background-size: 32px;
}


.footer .footer-info ul li.fax:before {
    background-position: top -132px center;
}
.footer .footer-info ul li.mail:before {
    background-position: top -245px center;
}
.footer .footer-info ul li.add:before {
    background-position: top -367px center;
}
.footer .footer-info ul li.bstime:before {
    background-position: top -522px center;
}
.footer .social-box a svg {
    display: none;
}
.footer .social-box a {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url(../images/social_square-02-01.svg) no-repeat top -11px left -5px;
}
.footer .social-box ul li.icon_i a {
    background-position: top -161px left -5px;
}
.footer .social-box ul li.icon_t a {
    background-position: top -365px left -5px;
}
.footer .social-box ul li.icon_p a {
    background-position: top -532px left -5px;
}
.footer .social-box ul li.icon_l a {
    background-position: top -715px left -5px;
}
.footer .social-box ul li.icon_y a {
    background-position: top -869px left -5px;
}
.footer .footer_content .sitemap > ul > li > a {
    font-weight: normal;
    font-size: 18px;
}
.footer .left-area {
    width: 60%;
}
.footer .right-area {
    text-align: right;
    width: 40%;
}
.footer .copyrights-info a, .footer .copyrights-info {
    font-size: 16px;
}


body.about section.mb-5, body.about .editor {
    margin-bottom: 0 !important;
}

body.about .main, body.news .main, body.contact .main, body.product .main {
    padding: 50px 0;
    background: url(../images/abbg2.jpg) no-repeat center bottom;
    min-height: 354px;
}

.kind-info .h2,body.contact h3.h1 {
    margin-bottom: 50px;
    font-size: 35px;
    border-bottom: 0;
    display: table;
    margin: 0 auto;
    background-size: 100px;
   
}
.article-grid .item .info .desc, .article-grid .item .info .desc a,
.article-grid .item .info .title, .article-grid .item .info .title a,
body.product .gallery-list p.desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}
.article-grid .item .info .desc, .article-grid .item .info .desc a{
    font-size: .875rem;
    color: #a0a0a0;
}

body.news .mainSection, body.album.show .mainSection {
    padding: 50px 0 !important;
    margin: 0 !important;
}

body.news .article-grid .item article .info {
    background: #fff;
    border: none;
}
body.show .main {
    padding-bottom: 70px;
}
body.news.show .subject-sec .h1 {
    font-size: 30px;
}
body.product.show .tag-area {
    display: none;
}

body.album.p01 .main {

    background: url(../images/abbg2.jpg) no-repeat center bottom;
}
body.album.p01 .main-content{
    margin-top: 50px;
}
body.product .gallery-list .item .title {
    font-size: 1.125rem;
    color: #000;
    font-weight: normal;
    margin: 8px 0 !important;
}
body.product .gallery-list .item .info {
    margin: 0 !important;
    padding: 20px;
}
.gotop a {
    width: 66px;
    height: 66px;
    border-radius: 0;
    background: url(../images/top.png) center rgb(51 51 51 / 60%) no-repeat;
    display: block;
    text-indent: 99999px;
    /* opacity: 0.8; */
}
.wid-float-section ul li + li {
    border-top: 0;
    padding: 0;
}
.wid-float-section ul {
    background: none;
}
.wid-float-section ul li a {
    width: 70px;
    height: 70px;
    font-size: 16px;
    color: #ffffff;
    background: #fba200;
    padding: 12px;
    border-radius: 50%;
}
/*side*/
.main .side .h3 {
    background: #fba200;
    /* background-size: cover; */
    padding: 12px 10px;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: #fff;
    font-size: 20px;
}
.main .side .h3 .txt-tw {
    border: none;
    color: #fff;
    padding: 0;
    font-size: 20px;
}
.side .filter-sidebar.multiple-collapse .collapsed-btn, .side .filter-title .collapsed-btn {
    font-size: 18px;
    border: none;
}

.side .filter-sidebar.multiple-collapse .filter-content .collapsed-btn {
    background: 0 0;
    border: none;
    padding: 5px;
    font-size: 16px
}

.side .filter-content {
    background: #fff
}

.side .filter-content ul li a {
    display: block;
    padding: 8px;
    background: url(../images/nav.png) no-repeat left 7px top 12px;
    padding-left: 22px;
    background-size: 10px auto;
}

.side .filter-content ul li {
    font-size: 16px;
    border-bottom: 1px solid #ddd
}
.side .filter-content ul li:last-child {
    border-bottom: none;
}

.page-content .side .navbar {
    padding: 22px;
    background: #edf5fa;
    border-radius: 12px;
}