.banner3{ width: 100%; height: auto; }
.banner3 img{ width: 100%; height: auto; }
.banner2{ width: 100%; height: 300px; }
.banner2info{ text-align: center; color: #FFFFFF; width: 100%; }
.banner2info h1{ font-size: 2.4rem; line-height: 52px; color: #FFFFFF;}
.banner2info em{ display: block; width: 60px; height: 4px; background: #FFFFFF; margin: 0 auto; margin-top: 15px;}

.abmenu{ width: 100%; height: 72px;  line-height: 72px; position: relative; z-index: 333; border-bottom: 3px solid #EEEEEE;}
.abmenuL{}
.abmenuL a{ display: block; float: left; padding: 0 25px; font-size: 1rem; }
.abmenuL a:hover{ background: #00876d; color: #FFFFFF;}
#lm_hover{ color: #FFFFFF; background:#00876d;font-weight: bold; }
.abmenuR i{ padding-right: 10px; color: #00876d; margin-top: 26px; font-size: 20px;}
.abmenuR a{ margin: 0 5px; }

.pro-lanmu{ display: none;}
.navbar-nav-more-body{ display: none;}


.about-company{ padding: 70px 0;}
.about-company-left{ width: 48.5%; height: auto;}
.about-company-left em{ display: inline-block; background: #e5f3f0; margin-top: 20px; border-radius: 6px; height: 40px; line-height: 40px; color: #00876D; font-size: 0.9rem; padding: 0 40px;}
.about-company-left h2{ font-size: 2.1rem; line-height: 50px; margin-top: 10px;}
.about-company-left-info{ padding: 20px 0;line-height: 30px;}


.about-company-right{ width: 48.5%;}
.about-company-right img{ width: 100%; height: auto;}


.about-pro{padding: 70px 0; width:100%; background: url(../images/company1.jpg) no-repeat center; background-size:cover;}
.about-pro h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center; color:#fff;}
.about-pro .container{gap: 25px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.about-pro-item{ width:100%; border-radius:8px; background:#fff; padding:30px;}
.about-pro-item-top{ width:100%; height:62px; line-height:62px; font-size:1.4rem; font-weight:bold; color:#111;}
.about-pro-item-top img{ margin-right:15px; width:62px; height:62px;}
.about-pro-item-bot{ margin-top:20px;}


.about-choose{padding: 70px 0; width:100%; background:#fff;}
.about-choose h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center;}
.about-choose .container{gap: 25px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.about-choose-item{ width:100%; border-radius:8px; background:#00876d; padding:30px;}
.about-choose-item-top{ width:100%;}
.about-choose-item-top b{font-size:1.4rem; line-height:42px; color:#fff; display:block; margin-top:10px;}
.about-choose-item-top img{ margin-right:15px; width:62px; height:62px;}
.about-choose-item-bot{ margin-top:20px; color:#fff;}


.about-history{
    padding: 70px 0;
    width: 100%;
    background: url(../images/company2.jpg) no-repeat center; background-size:cover;
    overflow: hidden;
}
.about-history h2{
    font-size: 2.1rem;
    line-height: 50px;
    margin-bottom: 35px;
    text-align: center;
    color: #fff;
}
.about-history-box{
    position: relative;
    margin: 0 auto;
    padding: 0 70px;
    box-sizing: border-box;
    overflow: hidden;
}

/* 左右按钮 */
.about-history-box > a.fa{
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.18);
    color: #fff;
    font-size: 24px;
    z-index: 5;
    cursor: pointer;
    transition: all .3s ease;
}
.about-history-box > a.fa:hover{
    background: #fff;
    color: #00876d;
}
.about-history-box > a.fa-angle-left{
    left: 0;
}
.about-history-box > a.fa-angle-right{
    right: 0;
}
.about-history-box > a.disabled{
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}

/* 外层轨道 */
.about-history-track-wrap{
    width: 100%;
    overflow: hidden;
}

/* 滑动轨道 */
.about-history-track{
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
}

/* 单个 item */
.about-history-item{
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 0 12px;
}

.about-history-item-inner{
    background: #fff;
    border-radius: 14px;
    padding: 28px 22px;
    min-height: 240px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all .3s ease;
}
.about-history-item-inner:hover{
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.about-history-item h3{
    font-size: 2rem;
    line-height: 1.2;
    color: #00876d;
    margin-bottom: 10px;
    font-weight: bold;
}
.about-history-item h4{
    font-size: 1.1rem;
    line-height: 28px;
    color: #222;
    margin-bottom: 12px;
    font-weight: 600;
}
.about-history-item-info{
    width: 100%;
    margin-top: 10px;
    font-size: 0.96rem;
    line-height: 26px;
    color: #666;
}

/* 小圆点 */
.about-history-dots{
    text-align: center;
    margin-top: 28px;
}
.about-history-dots span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    cursor: pointer;
    transition: all .3s ease;
}
.about-history-dots span.active{
    background: #fff;
    transform: scale(1.15);
}

/* 4个以内居中显示 */
.about-history-box.no-slide{
    padding-left: 0;
    padding-right: 0;
}
.about-history-box.no-slide > a.fa{
    display: none !important;
}
.about-history-box.no-slide .about-history-track{
    justify-content: center;
}

.about-history-track{
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
    align-items: stretch;
}

.about-history-item{
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 0 12px;
    display: flex;
}

.about-history-item-inner{
    background: #fff;
    border-radius: 14px;
    padding: 28px 22px;
    min-height: 240px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.about-history-item-info{
    width: 100%;
    margin-top: 10px;
    font-size: 0.96rem;
    line-height: 26px;
    color: #666;
    flex: 1;
}


.about-brand{padding: 70px 0; width:100%;  background: url(../images/company3.jpg) no-repeat center; background-size:cover;}
.about-brand h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center; color:#fff;}
.about-brand .container{gap: 25px; grid-template-columns: repeat(6, 1fr); /* 3 列 */  display: grid;}
.about-brand a{ display:block; background:#fff; border-radius:6px; padding:15px;}
.about-brand a img{ width:100%; height:auto;}
.about-brand a:hover{ transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0,0,0,.08);}


.about-yj{padding: 70px 0; width:100%; background:#fff;}
.about-yj h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center;}

.about-yj-box{gap: 35px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid; margin-top: 30px;}

.about-yj-item{ width: 100%; position: relative; overflow: hidden; cursor: pointer;}
.about-yj-item img{ width: 100%; height: auto; border-radius:12px; display: block; transition: transform .5s ease, filter .5s ease;}
.about-yj-item-info{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 333; padding: 25px;}
.about-yj-item-info1{min-height: 340px; width: 100%; background: #FFFFFF; border-radius:12px; padding: 35px; text-align: center; position: relative;  transition: transform .35s ease, box-shadow .35s ease;}
.about-yj-item-info1 h4{ font-size: 1.2rem; line-height: 36px; margin-bottom: 5px; transition: color .35s ease;}
.about-yj-item-info1 p{ line-height: 22px;  transition: color .35s ease;}
.about-yj-item-info1 em{ width: 60px; height: 5px; position: absolute; bottom: 0; left: 50%; margin-left: -30px; background: #00876d;  transition: width .35s ease, margin-left .35s ease, background .35s ease;}


/* 鼠标经过效果 */
.about-yj-item:hover img {
    transform: scale(1.08);
    filter: brightness(0.92);
}

.about-yj-item:hover .about-yj-item-info1 {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.16);
}

.about-yj-item:hover .about-yj-item-info1 h4{
    color: #00876d;
}

.about-yj-item:hover .about-yj-item-info1 p{
    color: #666;
}

.about-yj-item:hover .about-yj-item-info1 em{
    width: 100px;
    margin-left: -50px;
    background: #111;
}

.about-contact{padding: 40px 0; width:100%;  background: url(../images/company4.jpg) no-repeat center; background-size:cover; color:#fff;}
.about-contact h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center; color:#fff;}
.about-contact-left{ width:60%; padding-right:50px; color:#111;}
.about-contact-left h3{ font-size:1.4rem; line-height:42px; margin:5px 0; color:#fff;}


.about-contact-right{ width:40%; }
.about-contact-right{
    width: 40%;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 135, 109, 0.08);
    box-sizing: border-box;
}

.about-contact-right .form-box{
    width: 100%;
}

.about-contact-right .form-box dl{
    margin: 0 0 5px 0;
}

.about-contact-right .form-box dt{
    font-size: 15px;
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 24px;
}

.about-contact-right .form-box dt .red{
    color: #e53935;
    margin-left: 4px;
    font-style: normal;
}

.about-contact-right .form-box dd{
    margin: 0;
}

.about-contact-right .form-box input,
.about-contact-right .form-box textarea{
    width: 100%;
    border: 1px solid #d9e4df;
    background: #fff;
    border-radius: 10px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    outline: none;
    transition: all 0.3s ease;
    font-family: inherit;
}

    .about-contact-right .form-box input {
        height: 36px;
        line-height: 36px;
    }

.about-contact-right .form-box textarea{
    height: 50px;
    padding: 14px 16px;
    line-height: 24px;
    resize: vertical;
    min-height: 50px;
}

.about-contact-right .form-box input::placeholder,
.about-contact-right .form-box textarea::placeholder{
    color: #999;
}

.about-contact-right .form-box input:focus,
.about-contact-right .form-box textarea:focus{
    border-color: rgb(0, 135, 109);
    box-shadow: 0 0 0 4px rgba(0, 135, 109, 0.10);
}

.about-contact-right .form-box input:hover,
.about-contact-right .form-box textarea:hover{
    border-color: rgba(0, 135, 109, 0.45);
}

.about-contact-right .form-box .txtex{
    display: block;
}

.about-contact-right .form-box button[type="submit"]{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    border-radius: 10px;
    background: rgb(0, 135, 109);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 8px;
    box-shadow: 0 8px 20px rgba(0, 135, 109, 0.22);
}


.about-envir{ width: 100%; height: auto; background: url(../images/abevenbg.jpg) no-repeat center; background-size:cover; padding: 70px 0 100px 0;}
.about-envir h2{font-size: 2.1rem; line-height: 50px; margin-bottom: 35px; text-align:center;}
.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual2 .owl-carousel .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual2 .owl-carousel .item img{ width: 100%;height: 100%; display: block;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{display: none; text-indent: -9999em;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: -40px;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 3px ;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 28px; height: 4px;background: #00A980; }
.main_visual2 .owl-dot.active span{background:#00876D;}
.main_visual2 .owl-controls{ height: 0;}
.main_visual2 .owl-nav{ height: 0;}



.about-info{ padding:30px; margin-bottom:30px; width:100%;}
.about-info h2{ font-size:1.8rem; line-height:36px;}
.about-info-content{ padding-top:20px; line-height:26px; font-size: 1rem;}
.about-info-content img{max-width:100%; height:auto;}

.about-info-list{ }
.about-info-list dl{ width:32.3%; margin-bottom:2%;}
.about-info-list dl dt img{ width:100%; height:auto;}
.about-info-list dl dd{ text-align:center; line-height:42px; height:42px; background:#eee;}


.home-advan{ padding: 80px 0;}
.home-advan-left{ width: 48.5%;}
.home-advan-left-info{ width: 100%;}
.home-advan-left-info h2{ font-size: 2.2rem; line-height: 50px; margin-top: 10px;}
.home-advan-left-info p{ line-height: 30px; margin-bottom: 35px; margin-top: 15px;}

.home-advan-left-num{ padding: 15px; border-radius: 12px; width: 100%; height: auto; background: #00876D; gap: 15px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-advan-left-num dl{ background: #FFFFFF; border-radius: 8px; padding:30px 22px;}
.home-advan-left-num dl dt{ width: 60px; height: 60px; }
.home-advan-left-num dl dd{ width: calc(100% - 60px); padding-left: 20px;}
.home-advan-left-num dl dd h3{ font-size: 2rem; margin-bottom: 14px;}
.home-advan-left-num dl dd p{ font-size: 0.9rem; line-height: 18px;}

.home-advan-right{ width: 48.5%;}
.home-advan-right img{ width: 100%; height: auto;}

/*support*/
.support-left-menu{ display:none;}
.support-left{ width:25%; background:#fff; padding:25px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.support-left h1{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-left a{ display:block; line-height:32px;}
.support-right{ width:73%; background:#fff; padding:25px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.support-right h2{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-right-info{ line-height:28px;}


/*Contact-Us*/
.contact-box{ margin-top: 20px; background: #FFFFFF; box-shadow: 0px 8px 16px 1px rgba(39,51,66,0.06);}
.contact-box-left{ width: 50%; background: url(../images/contactbg.jpg) no-repeat center; background-size:cover; color: #FFFFFF; padding: 75px 40px;}
.contact-box-left h2{ font-size: 1.6rem; text-transform: uppercase; color: #FFFFFF;  font-family: myFirstFont; line-height: 42px;}
.contact-box-left em{ display: block; background: #FFFFFF; width: 40px; height: 5px; margin-top: 20px;}
.contact-box-left-info{ padding-top: 20px; color: #FFFFFF; font-size: 1rem; line-height: 28px;}

.contact-feedback-left{ width: 50%;  padding: 40px;}
.contact-feedback-left h3{ color: #111111; font-size: 1.6rem; line-height: 32px;}
.contact-feedback-left h3 a{ color: #00876D; text-decoration: underline;}

.contact-box-right-fed1{ width: 100%; margin-top: 10px;} 
.contact-box-right-fed1 dl{ width: 48%;}
.contact-box-right-fed1 dl dt{ line-height: 36px; font-size: 1rem;}
.contact-box-right-fed1 dl dd{ width: 100%;}
.contact-box-right-fed1 dl dd input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}

.contact-box-right-fed2{ width: 100%; margin-top: 10px;}
.contact-box-right-fed2 em{ line-height: 36px; font-size: 1rem; display: block; width: 100%;}
.contact-box-right-fed2 input{ border: none; background: #ebeff2; padding: 0 15px; border-radius: 8px; width: 100%; height: 46px; line-height: 46px;}
.contact-box-right-fed2 textarea{ border: none; background: #ebeff2; padding: 15px; border-radius: 8px; width: 100%; height: 120px; line-height: 26px;}


.contact-box-right-fed3{ width: 100%; margin-top:25px;}
.contact-box-right-fed3 button{ width: 270px; height: 46px; text-align: center; color: #FFFFFF; line-height: 46px; border-radius: 8px; border: none; color: #FFFFFF; background: #00876D; font-weight: bold; font-size: 1rem;}
.contact-box-right-fed3 button img{ margin-right: 10px;}

.contact-map{ height: 500px; margin-top: 30px;}


/*Blogs*/
.blog-main{}

.blog-main-left{ width:75%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); float:left;}




.blog-tabs{ width:100%; height:auto; border-bottom:1px solid #eee;}
.blog-tabs li{ cursor:pointer; height:42px; line-height:42px; font-size:0.9rem; border:1px solid #eee; border-radius:4px 4px 0 0; border-bottom:none; background:#f7f7f7; margin-right:10px; padding:0 5px;}
.blog-tabs li.thistab{ background:#00876D; color:#fff;}
.blog-tabs li.thistab a{ color:#fff;}


.blog-tab-pane{ padding-top:15px;}


.blog-tab-pane-box{ width:100%;}

.blog-tab-pane-topblog{ width:39%;}
.blog-tab-pane-topblog dl{ width:100%; padding:10px 0; border-bottom:1px solid #eee;}
.blog-tab-pane-topblog dl dt{ width:40%; height:auto;}
.blog-tab-pane-topblog dl dt img{ width:100%; height:auto; border-radius: 6px;}
.blog-tab-pane-topblog dl dd{ width:60%; height:auto; padding-left:10px;}
.blog-tab-pane-topblog dl dd a{ display:block; line-height:20px; height:40px; overflow:hidden;}
.blog-tab-pane-topblog dl dd em{line-height:20px; height:20px; overflow:hidden; color:#999; margin-top:5px;}


.blog-tab-pane-hotblog{ width:59%;}
.blog-tab-pane-hotblog dl{ width:100%; height:auto; position:relative;}
.blog-tab-pane-hotblog dl dt{ width:100%; height:100%;}
.blog-tab-pane-hotblog dl dt img{ width:100%; height:100%; border-radius: 6px;}
.blog-tab-pane-hotblog dl dd{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); padding:15px; z-index:333; width:100%; height:auto; color:#fff; border-radius:0 0 6px 6px;}
.blog-tab-pane-hotblog dl dd a{ height:24px; line-height:24px; display:block; overflow:hidden; color:#fff;}
.blog-tab-pane-hotblog dl dd span i{ margin-right:5px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:20px;}
.blog-tab-pane-redblog dl{ width: 24%; background: #FFFFFF; box-shadow: 0px 6px 12px 1px rgba(0,48,119,0.1);border-radius: 6px; margin:0.5%;}
.blog-tab-pane-redblog dl dt img{ width: 100%; height: auto; border-radius: 6px 6px 0 0;}
.blog-tab-pane-redblog dl dd{ width: 100%; padding: 25px 15px;}
.blog-tab-pane-redblog dl dd em{  height:22px; line-height:22px; width:100%; color:#666;}
.blog-tab-pane-redblog dl dd em span{ display:block;}
.blog-tab-pane-redblog dl dd em span i{ margin-right:5px;}
.blog-tab-pane-redblog dl dd a{ display: block; font-weight: bold; color: #111111; font-size: 1rem; line-height: 26px; height: 26px; overflow: hidden;}
.blog-tab-pane-redblog dl dd span{ line-height: 18px; height: 36px; overflow: hidden; margin-top: 5px; display: block;}


.blog-all-tab{ width:100%; line-height:26px; padding:5px 0; border-bottom:1px solid #eee; position:relative; margin-top:15px;}


.blog-main-right{ width:23%; height:auto;  float:right;  position:relative; }

.blog-main-right-cate{width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06);}
.blog-main-right-cate a{ display:block; line-height:28px; font-size:16px;}
.blog-main-right-cate a i{ margin-right:10px;}


.blog-main-right-parts{ width:100%; background:#fff; border-radius:6px; padding:15px; box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.06); margin-top:15px; }
.blog-main-right-parts-title{ line-height:32px; margin-bottom:10px;}
.blog-main-right-parts-title b{display:block; font-size:1rem; }
.blog-main-right-parts-title a{ color:#00876D;}
.blog-main-right-parts-title a i{ padding-left:5px;}
.blog-main-right-parts-list{}
.blog-main-right-parts-list dl{ border-bottom:1px solid #eee; padding:10px 0;}
.blog-main-right-parts-list dl dt{ width:60px; height:60px;}
.blog-main-right-parts-list dl dt img{ width:60px; height:60px;}
.blog-main-right-parts-list dl dd{ width: calc(100% - 60px); height:60px; padding-left:15px;}
.blog-main-right-parts-list dl dd a{ display:block; font-weight:bold; color:#111; line-height:21px;}
.blog-main-right-parts-list dl dd em{ display:block;  line-height:21px;}



.blog-list{ width:100%;}
.blog-list dl{ width:24%; background:#fff; padding:20px; border-radius:6px; margin:0.5%; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.blog-list dl dt img{ width:100%; height:auto;}
.blog-list dl dd{ padding-top:15px;}
.blog-list dl dd em{  height:24px; line-height:24px; width:100%;}
.blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

.blog-show{ background:#fff; border-radius:6px; padding:30px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.blog-show h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.blog-time{ width:100%; height:24px; line-height:24px; text-align:center; color:#999;}
.blog-time i{ color:#00876d; margin-left:15px; padding-right:5px;}
.blog-info{ width:100%; padding:25px 0; line-height:26px;}
.blog-info img{ max-width:100%; height:auto;}
.next-prev-single{ line-height:32px;}
.next-prev-single p{ height:32px; overflow:hidden;}

.relate-blog{ margin-top:25px;}
.relate-blog h2{font-size:1.6rem; line-height:36px; text-align:center; margin-bottom:10px;}
.relate-blog-list dl{ width:24%; background:#fff; padding:20px; border-radius:6px; margin:0.5%; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.relate-blog-list dl dt img{ width:100%; height:auto;}
.relate-blog-list dl dd{ padding-top:15px;}
.relate-blog-list dl dd em{  height:24px; line-height:24px;}
.relate-blog-list dl dd a{ display:block; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}

/*brand*/
.brand-feature-box{ position:relative; padding-bottom:30px;}
.brand-feature-box b{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:20px; display:block;}
.home-brand-list{}
.home-brand-list a{ background: #FFFFFF; display: block; width: 15.66%; margin-bottom: 1.2%; padding: 15px 25px; text-align: center; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.08); border-radius: 6px; border: 1px solid #E7EBF2;}
.home-brand-list a img{ width: 100%; height: auto;}

/*brand*/
.brand-navigation-box{ position:relative;}
.brand-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.brand-navigation{position:sticky; left:0; top:0; z-index:777;}
.brand-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.brand-navigation ul li{ display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.brand-navigation ul li a{ display:block;  padding:5px 12px;}

.brand-navigation-list{ margin-top:15px;}
.brand-navigation-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-navigation-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-navigation-list dl dd a{ display:block; width:19%;  line-height:38px; overflow:hidden; margin:0.5%; text-align:center;}
.brand-navigation-list dl dd a img{ display:block; border:1px solid #eee; border-radius:6px; padding:10px; width:150px; margin:0 auto;}


.brand-info-box{ padding:30px; background:#fff;  border-radius:6px; position:sticky; left:0; top:65px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.brand-info-box-left{ width:15%; height:auto;}
.brand-info-box-left img{ width:100%; height:auto;}
.brand-info-box-right{ width:83%; height:auto;}
.brand-info-box-right h1{ font-size:1.5rem; line-height:30px; margin-bottom:10px;}
.brand-info-box-right-info{ line-height:26px;}


.brand-info-list{ margin-top:15px;}
.brand-info-list dl{ width:100%; margin-bottom:10px; background:#fff; border-radius:3px; padding:30px; border:1px solid #eee;}
.brand-info-list dl dt{ font-weight:bold; font-size:1.2rem; line-height:28px; margin-bottom:8px;}
.brand-info-list dl dd a{ display:block; width:32.3%; height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #eee; margin:0 0.5%;}

/*brand-pro*/
.brand-pro{ width:100%; height:auto; border:1px solid #eee; border-radius:6px; padding:30px; background:#fff; margin-top:20px;}
.brand-pro dl{ width:15.66%; margin:0.5%; text-align:center; overflow:hidden; border:1px solid #eee; border-radius:3px; padding:20px;}
.brand-pro dl dt img{ width:100%; height:auto;}
.brand-pro dl dd{ padding-top:10px;}
.brand-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.brand-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }

.brand-franchised-box{ position:relative;}
.brand-franchised-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:30px;}

.brand-franchised-list{}
.brand-franchised-list dl{ width: 49.3%; border-radius: 6px; background: #FFFFFF; margin-bottom: 1.4%; padding: 15px;}
.brand-franchised-list dl dt{ width: 120px; height: auto; text-align: center;}
.brand-franchised-list dl dt img{ width: 100%;height: auto;}
.brand-franchised-list dl dd{ width: calc(100% - 120px); padding-left:15px;}
.brand-franchised-list dl dd a{ display: block; font-weight: bold; font-size: 1rem; line-height: 26px; height: 26px; overflow: hidden; margin-bottom: 5px;}
.brand-franchised-list dl dd p{ line-height: 20px; height: 40px; overflow: hidden;}


/*posts*/
.post-list{}
.post-list dl{ width: 49.5%; box-shadow: 0px 4px 8px 1px rgba(56,60,147,0.1);
border-radius: 4px 4px 4px 4px;
border: 1px solid #E7EAEE; background: #FFFFFF; padding: 20px; margin-top: 1%;}
.post-list dl dt{ width: 100px; height: 100px; overflow: hidden;}
.post-list dl dt img{ width: 100px; height: 100px;}
.post-list dl dd{ width: calc(100% - 100px); padding-left: 20px; padding-top: 8px;}
.post-list dl dd a{ display: block; font-size: 1rem; font-weight: bold; color: #111111; font-family: myFirstFont1; line-height: 26px; height: 26px; overflow: hidden;}
.post-list dl dd a:hover{ color:#0359d8;}
.post-list dl dd p{ line-height: 22px; height: 44px; overflow: hidden; margin-top: 5px;}


.settled_banner{ width:100%; height:auto; padding:50px 0; background:url(../images/Supplier.jpg) no-repeat center;  background-size:cover; margin-bottom:50px;}
.settled_bannerBox{ background:#fff; width:550px; height:auto; border-radius:5px;  padding:30px; }
.settled_bannerBox h2{ text-align:center; font-size:24px; line-height:54px; color:#000; font-weight:bold;}
.settled_bannerBox dl{ width:100%; height:40px; margin-top:12px; margin-bottom:0;}
.settled_bannerBox dl dt{ float:left; padding-right:1%; width:30%; text-align:right; font-size:15px; line-height:40px; }
.settled_bannerBox dl dd{ float:left; width:70%;}
.settled_bannerBox dl dd input{ width:100%; height:40px; border:1px solid #eee; border-radius:3px; padding:0 15px; float:left;}
.settled_bannerBox dl.lastinp input{ width:20px; height:20px; float:none; }


.settled_bannerBox button{ width:100%; height:48px; line-height:48px; overflow:hidden; margin:10px auto 0 auto !important;  border:none; border-radius:5px; color:#fff; background:#00876d;  width:100%; font-size:1.1rem}

.application-menu{ }
/* ===== 解决方案频道列表 ===== */
.solution-channel{ padding: 0 0 40px 0; }
.solution-channel-head{ margin-bottom: 18px; }
.solution-channel-title{
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.solution-channel-title i{ font-size: 20px; }
.solution-channel-sub{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
  max-width: 860px;
}

/* grid */
.solution-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 18px;
}

/* card */
.solution-card{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solution-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
.solution-card:hover span{ color:#00876D;}
.solution-card-media{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f6f6f6;
  overflow: hidden;
}
.solution-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solution-card:hover .solution-card-media img{
  transform: scale(1.05);
}

.solution-card-body{ padding: 14px 14px 16px; }
.solution-card-title{
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: #111;
  font-weight: 700;
}
.solution-card-desc{
  margin: 8px 0 12px;
  font-size: 13px;
  line-height: 1.65;
  color: #666;
  min-height: 128px; /* 保证多卡片高度更整齐 */
}

.solution-card-cta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solution-card-cta i{ font-size: 16px; }




/* ===== Solutions List Page ===== */
.application-box{ padding: 20px 0 0 0; }

/* Header */
.solu-head{
  border: 1px solid #eee;
  background: #fff;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.solu-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 700;
  color: #3a3a3a;
  text-transform: uppercase;
}
.solu-kicker i{ font-size: 14px; }

.solu-title{
  margin: 10px 0 8px;
  font-size: 26px;
  line-height: 1.25;
  color: #111;
  font-weight: 800;
}
.solu-intro{
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  max-width: 980px;
}

/* List */
.solu-list{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Card item */
.solu-item{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 14px;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solu-item:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* Thumb */
.solu-thumb{
  position: relative;
  display: block;
  height: 100%;
  min-height: 180px;
  background: #f4f6f8;
  overflow: hidden;
}
.solu-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solu-item:hover .solu-thumb img{ transform: scale(1.05); }

/* Body */
.solu-body{
  padding: 14px 14px 14px 0;
  display: flex;
  flex-direction: column;
  min-height: 180px;
}
.solu-item-title{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
}
.solu-item-title a{
  color: #111; text-transform:capitalize;
  text-decoration: none;
}
.solu-item-title a:hover{ text-decoration: underline; color:#00876D;}

.solu-meta{
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.solu-meta i{ font-size: 14px; }

.solu-excerpt{
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Actions */
.solu-actions{
  margin-top: auto;
  padding-top: 12px;
}
.solu-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solu-btn i{ font-size: 16px; }

/* ===== Page Background ===== */
.application-show{
  width: 100%;
  padding: 50px 0;
  background: #f5f5f5;
}

/* 外层宽度容器（你已有 auto1280 就不用再写宽度） */
.sd-wrap{ padding: 0 12px; }

/* ===== Main White Panel ===== */
.sd-panel{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 26px 26px 30px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* ===== Header ===== */
.sd-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #555;
}

.sd-title{
  margin: 10px 0 10px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 900;
  color: #111;
}

.sd-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 13px;
  color: #777;
}
.sd-meta i{ font-size: 14px; }
.sd-meta-dot{ color: #c2c2c2; }

.sd-author{
  color: #111;
  font-weight: 800;
  text-decoration: none;
}
.sd-author:hover{ text-decoration: underline; }

/* ===== Abstract ===== */
.sd-abstract{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #fafafa;
  border: 1px solid #eee;
  position: relative;
}
.sd-abstract:before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  background: #111;
  border-radius: 4px;
}
.sd-abstract-title{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
}
.sd-abstract-text{
  margin: 0;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #555;
}

/* ===== Content ===== */
.sd-content{
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}
.sd-content h2{
  margin: 26px 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: #111;
}
.sd-content p{ margin: 0 0 14px; }
.sd-content ul,
.sd-content ol{
  padding-left: 20px;
  margin: 0 0 14px;
}
.sd-content li{ margin: 6px 0; }

.sd-content blockquote{
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eee;
  color: #555;
  position: relative;
}
.sd-content blockquote:before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background: #ddd;
  border-radius: 4px;
}

/* ===== Prev / Next ===== */
.sd-nav{
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sd-nav a{ display:block;}
.sd-nav-box{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 14px 14px 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-nav-box:hover{
  transform: translateY(-3px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-nav-kicker{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sd-nav-link{
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #111;
  text-decoration: none;
  line-height: 1.55;
}
.sd-nav-link:hover{ text-decoration: underline; }

/* ===== Related Solutions ===== */
.sd-related{
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px dashed #eee;
}

.sd-related-head{ margin-bottom: 12px; }
.sd-related-title{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sd-related-sub{
  margin: 8px 0 0;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
}

.sd-related-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.sd-card{
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-card-media{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f4f6f8;
  overflow: hidden;
}
.sd-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.sd-card:hover .sd-card-media img{ transform: scale(1.05); }

.sd-card-body{ padding: 12px 12px 14px; }
.sd-card-body h4{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
}

/* ===============================
   Application Menu One
   Theme Color: #00876D
================================= */

.application-menu-one{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 12px;
   
}

/* 每个卡片 */
.application-menu-one dl{
    background: #ffffff;
    border-radius: 14px;
    padding: 15px;
    text-align: center;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #e9f3f1;
}

/* hover 顶部渐变线条 */
.application-menu-one dl::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #00876D, #00B894);
    transform: scaleX(0);
    transition: transform .35s ease;
}

/* hover 效果 */
.application-menu-one dl:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 135, 109, 0.12);
    border-color: #d8eeea;
}

.application-menu-one dl:hover::before{
    transform: scaleX(1);
}

/* 图标区域 */
.application-menu-one dt{
    margin-bottom: 20px;
}

.application-menu-one dt img{
    width: 72px;
    height: 72px;
    object-fit: contain;
    transition: all .35s ease;
}

/* 图标 hover 微放大 */
.application-menu-one dl:hover dt img{
    transform: scale(1.08);
}

/* 文字 */
.application-menu-one dd{
    margin: 0;
}

.application-menu-one dd a{
    font-size: 1rem;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    transition: all .3s ease;
    display: inline-block;
}

/* 文字 hover */
.application-menu-one dl:hover dd a{
    color: #00876D;
}

/* 点击区域优化 */
.application-menu-one dt a,
.application-menu-one dd a{
    display: block;
}


.application-menu-one dl.active{
    background: linear-gradient(135deg, #00876D, #00A98F);
    color: #fff;
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 135, 109, 0.25);
    border: none; 
}

/* 取消顶部线条（因为已经是主色背景） */
.application-menu-one dl.active::before{
    display: none;
}

/* 文字 */
.application-menu-one dl.active dd a{
    color: #fff;
}

/* 图标轻微放大 */
.application-menu-one dl.active dt img{
    transform: scale(1.08); filter: brightness(0) invert(1);
}

/* active 状态禁止 hover 再变化 */
.application-menu-one dl.active:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 135, 109, 0.25);
}


.application-menu-three{
  /* 整体容器：深色底 */
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
  padding: 22px 18px;
  border-radius: 18px;
  background: radial-gradient(120% 180% at 20% 0%, rgba(0,135,109,.22) 0%, rgba(0,0,0,0) 55%),
              linear-gradient(180deg, #0d1626 0%, #0a1220 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
}

/* 背景装饰线条（网格 + 斜线光带） */
.application-menu-three::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    /* 细网格线 */
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px) 0 0/64px 64px,
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/64px 64px,
    /* 左上角斜向光带 */
    linear-gradient(120deg, rgba(0,135,109,.22) 0%, rgba(0,135,109,0) 55%);
  pointer-events:none;
  opacity:.75;
}

.application-menu-three::after{
  content:"";
  position:absolute;
  left:-10%;
  top:-40%;
  width:60%;
  height:120%;
  background: radial-gradient(closest-side, rgba(0,135,109,.25), rgba(0,135,109,0) 70%);
  transform: rotate(18deg);
  pointer-events:none;
}

/* 单个入口：深色小框 */
.application-menu-three dl{
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 14px 10px 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  overflow: hidden;
}

/* 入口框顶部“亮边线” */
.application-menu-three dl::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:2px;
  background: linear-gradient(90deg, rgba(0,135,109,0), rgba(0,135,109,.9), rgba(0,135,109,0));
  opacity:.0;
  transition: opacity .25s ease;
}

/* 入口框右下角装饰角标 */
.application-menu-three dl::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-22px;
  width:64px;
  height:64px;
  border-radius: 16px;
  background: radial-gradient(circle at 30% 30%, rgba(0,135,109,.35), rgba(0,135,109,0) 70%);
  transform: rotate(15deg);
  opacity:.65;
}

/* 链接区域铺满，点击体验更好 */
.application-menu-three dt,
.application-menu-three dd{ margin:0; }
.application-menu-three dt a,
.application-menu-three dd a{ text-decoration:none; display:block; }

/* 图标：做成小方块“芯片”底座 */
.application-menu-three dt a{
  width: 88px;
  height: 88px;
  margin: 0 auto 10px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,135,109,.14);
  border: 1px solid rgba(0,135,109,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.application-menu-three dt img{
  width: 77px;   /* 你HTML写100也没关系，这里会覆盖 */
  height: 77px;
  object-fit: contain;
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
  opacity: .95;
}

/* 标题 */
.application-menu-three dd a{
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(255,255,255,.90);
  letter-spacing: .2px;
  text-align: center;
  transition: color .25s ease;
}

/* Hover：上浮 + 发光 + 品牌色强调 */
.application-menu-three dl:hover{
  transform: translateY(-4px);
  border-color: rgba(0,135,109,.55);
  background: linear-gradient(180deg, rgba(0,135,109,.18), rgba(255,255,255,.03));
  box-shadow: 0 18px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(0,135,109,.18);
}

.application-menu-three dl:hover::before{
  opacity: 1;
}

.application-menu-three dl:hover dt a{
  background: rgba(0,135,109,.26);
  border-color: rgba(0,135,109,.55);
  box-shadow: 0 10px 20px rgba(0,135,109,.18), inset 0 0 0 1px rgba(255,255,255,.06);
  transform: translateY(-1px);
}

.application-menu-three dl:hover dt img{
  transform: scale(1.08);
}

.application-menu-three dl:hover dd a{
  color: #00d3aa; /* 比主色更亮一点，暗底更显眼 */
}

/*Stock-search*/
/* stock search */
.stock-search{
    padding: 28px 0 20px;
}

.stock-search-box{
    background: linear-gradient(135deg, rgba(0,135,109,.08) 0%, rgba(0,135,109,.03) 100%);
    border: 1px solid rgba(0,135,109,.15);
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.stock-search-title{
    margin-bottom: 18px;
}

.stock-search-title h2{
    margin: 0 0 8px;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #00876D;
    font-weight: bold;
}

.stock-search-title h2 i{
    margin-right: 8px;
    font-size: 1.2rem;
}

.stock-search-title p{
    margin: 0;
    font-size: 0.95rem;
    color: #666;
    line-height: 24px;
}

.stock-search-form{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: end;
}

.stock-search-item{
    margin: 0;
    flex: 1;
    min-width: 260px;
}

.stock-search-keyword{
    flex: 1.3;
}

.stock-search-item dt{
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 22px;
}

.stock-search-item dd{
    margin: 0;
}

.stock-search-item input{
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 1px solid #d7e7e2;
    background: #fff;
    border-radius: 10px;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    outline: none;
    box-sizing: border-box;
    transition: all .25s ease;
}

.stock-search-item input:focus{
    border-color: #00876D;
    box-shadow: 0 0 0 4px rgba(0,135,109,.10);
}

.stock-search-item input::placeholder{
    color: #999;
}

.stock-search-btns{
    display: flex;
    gap: 12px;
    align-items: center;
}

.stock-search-btns .btn-search,
.stock-search-btns .btn-reset{
    display: inline-block;
    min-width: 120px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all .25s ease;
    cursor: pointer;
    padding: 0 20px;
    box-sizing: border-box;
}

.stock-search-btns .btn-search i,
.stock-search-btns .btn-reset i{
    margin-right: 6px;
}

.stock-search-btns .btn-search{
    background: #00876D;
    color: #fff;
    border: 1px solid #00876D;
    box-shadow: 0 8px 18px rgba(0,135,109,.20);
}

.stock-search-btns .btn-search:hover{
    background: #006f5a;
    border-color: #006f5a;
    color: #fff;
}

.stock-search-btns .btn-reset{
    background: #fff;
    color: #00876D;
    border: 1px solid rgba(0,135,109,.25);
}

.stock-search-btns .btn-reset:hover{
    background: rgba(0,135,109,.06);
    color: #006f5a;
    border-color: #00876D;
}


@media (max-width: 768px) {
	
.home-order-now{ margin-top: 15px;}



.banner2{ width: 100%; height: 200px; margin-top:61px;}



.abmenu{ width: 100%; height: 52px; line-height: 52px; font-size: 0.9rem; font-size: 0.9rem !important;}
.abmenuL{ display: none;}
.abmenuR span{ float: left;}
.abmenuR i{ margin-top: 16px; }
.pro-lanmu{ display: block; font-size: 1.4rem;  }
.pro-lanmu i{ margin-top: 15px; color: #111;}
.navbar-nav-more-body{ display: block; position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#00876d; }
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding-top: 70px;}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between; color: #FFFFFF; border-bottom: 1px solid #EEEEEE;}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}
.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}


.about-company{ padding: 30px 0;}
.about-company-left{ width: 100%; height: auto;}
.about-company-left h2{ font-size: 1.4rem; line-height: 28px; margin-top: 10px;}
.about-company-left-info{ padding: 10px 0;line-height: 26px;}


.about-company-right{ width: 100%;}
.about-contact{padding: 30px 0;}
.about-pro,
    .about-choose,
    .about-history,
    .about-brand,
    .about-yj{
        padding: 30px 0;
    }

    .about-pro h2,
    .about-choose h2,
    .about-history h2,
    .about-brand h2,
    .about-contact h2,
    .about-yj h2 {
        font-size: 1.45rem;
        line-height: 34px;
        margin-bottom: 22px;
        padding: 0 12px;
    }

    .about-pro .container,
    .about-choose .container,
    .about-brand .container{
        gap: 14px;
    }

    .about-pro .container,
    .about-choose .container{
        grid-template-columns: repeat(1, 1fr);
    }

    .about-pro-item,
    .about-choose-item{
        padding: 18px 15px;
        border-radius: 10px;
    }

    .about-pro-item-top{
        width: 100%;
        height: auto;
        line-height: 1.4;
        font-size: 1.05rem;
        display: flex;
        align-items: center;
    }

    .about-choose-item-top b{
        font-size: 1.05rem;
        line-height: 28px;
        margin-top: 8px;
    }

    .about-pro-item-top img,
    .about-choose-item-top img{
        width: 46px;
        height: 46px;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .about-pro-item-bot,
    .about-choose-item-bot{
        margin-top: 14px;
        font-size: 0.92rem;
        line-height: 24px;
    }

    .about-history-box{
        padding: 0 38px;
    }

    .about-history-box > a.fa{
        width: 34px;
        height: 34px;
        line-height: 34px;
        margin-top: -17px;
        font-size: 16px;
    }

    .about-history-item{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 6px;
    }

    .about-history-item-inner{
        padding: 20px 16px;
        min-height: auto;
        border-radius: 12px;
    }

    .about-history-item h3{
        font-size: 1.4rem;
        margin-bottom: 8px;
    }

    .about-history-item h4{
        font-size: 0.98rem;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .about-history-item-info{
        margin-top: 6px;
        font-size: 0.9rem;
        line-height: 24px;
    }

    .about-history-dots{
        margin-top: 18px;
    }

    .about-history-dots span{
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .about-brand .container{
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .about-brand a{
        padding: 10px;
        border-radius: 8px;
    }

    .about-yj-box{
        grid-template-columns: repeat(1, 1fr);
        gap: 18px;
        margin-top: 16px;
    }

    .about-yj-item img{
        border-radius: 10px;
    }

    .about-yj-item-info{
        padding: 12px;
    }

    .about-yj-item-info1{
        padding: 18px 14px 20px;
        border-radius: 10px;
    }

    .about-yj-item-info1 h4{
        font-size: 1rem;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .about-yj-item-info1 p{
        font-size: 0.9rem;
        line-height: 22px;
        min-height: auto;
    }

    .about-yj-item-info1 em{
        width: 46px;
        margin-left: -23px;
    }

    .about-yj-item:hover .about-yj-item-info1{
        transform: translateY(-4px);
    }

    .about-yj-item:hover .about-yj-item-info1 em{
        width: 72px;
        margin-left: -36px;
    }

.about-envir{  padding: 30px 0 80px 0;}
.about-envir h2{font-size: 1.4rem; line-height: 30px; margin-bottom: 25px;}



.about-info{ padding:20px;}
.about-info h2{ font-size:1.4rem; line-height:30px;}


.about-info-list dl{ width:100%;}


/*support*/
.support-left-menu{ display:block; width:100%; height:42px; line-height:42px; background:#fff; padding:0 20px; cursor:pointer;}
.support-left-menu b{font-size:1.4rem;}
.support-left-menu i{ line-height:42px; font-size:1.2rem;}
.support-left{ width:100%; display:none; padding:20px;}
.support-left h1{display:none; }
.support-left a{ display:block; line-height:26px;}
.support-right{ width:100%; padding:20px; margin-top:10px;}
.support-right h2{ font-size:1.2rem; line-height:30px; }
.support-right-info{ line-height:26px;}


/*Contact-Us*/
.contact-box{ margin-top: 10px; }
.contact-box-left{ width: 100%; padding: 20px;}
.contact-box-left h2{ font-size: 1.2rem; line-height: 32px;}
.contact-box-left em{ margin-top: 10px;}
.contact-box-left-info{ padding-top: 10px; font-size:0.9rem; line-height: 25px;}

.contact-feedback-left{ width: 100%;  padding: 20px;}
.contact-feedback-left h3{ color: #111111; font-size: 1.2rem; line-height:26px;}


.contact-map{ height: 300px; margin-top: 10px;}


/*Blogs*/
.blog-main-left{ width:100%; float:none;}




.blog-tabs{ border-bottom:none;}
.blog-tabs li{ cursor:pointer; height:32px; line-height:32px; font-size:0.9rem;  border-bottom:1px solid #eee; margin-right:4px; padding:0 5px; margin-bottom:5px;}


.blog-tab-pane{ padding-top:0;}

.blog-tab-pane-topblog{ width:100%;}


.blog-tab-pane-hotblog{ width:100%; margin-top:10px;}

.blog-tab-pane-redblog{ width:100%; height:auto; margin-top:10px;}
.blog-tab-pane-redblog dl{ width: 100%; margin:0.5% 0;}


.blog-list{ width:100%;  float:none;}
.blog-main-right{width:100%;  float:none; margin-top:15px;}


.blog-list dl{ width:100%; margin:0.5% 0;}

.blog-show{ padding:20px;}
.blog-show h1{font-size:1.4rem; line-height:26px; }
.blog-info{padding:20px 0; }
.next-prev-single{ line-height:26px;}
.next-prev-single p{ height:26px; overflow:hidden;}

.relate-blog{ margin-top:15px;}
.relate-blog h2{font-size:1.3rem; line-height:26px;}
.relate-blog-list dl{ width:100%; margin:0.5% 0;}


/*brand*/
.brand-feature-box b{font-size:1.4rem; line-height:30px; }
/*brand*/
.brand-navigation-box h1{font-size:1.4rem; line-height:30px; }
.brand-navigation{top:60px;}
.brand-navigation ul{ padding:5px 0;}
.brand-navigation ul li{}

.brand-navigation-list{ margin-top:10px;}
.brand-navigation-list dl{padding:20px;}
.brand-navigation-list dl dt{ font-size:1rem; margin-bottom:5px;}
.brand-navigation-list dl dd a{ width:49%; }


.brand-info-box{ padding:20px; top:60px; }
.brand-info-box-left{ width:100%; height:auto; text-align:center;}
.brand-info-box-left img{ width:50%; height:auto;}
.brand-info-box-right{ width:100%; height:auto; padding-top:15px;}
.brand-info-box-right h1{ font-size:1.4rem; }
.brand-info-box-right-info{ line-height:24px;}



.brand-info-list dl{ padding:20px; }
.brand-info-list dl dt{  font-size:1.1rem; }
.brand-info-list dl dd a{ width:100%; margin:0;}

.home-brand-list a{ width: 49%; margin-bottom:2%;  }

/*brand-pro*/
.brand-pro{ padding:20px; }
.brand-pro dl{ width:48%; padding:10px;}

.brand-franchised-box h1{font-size:1.4rem; }

.brand-franchised-list{}
.brand-franchised-list dl{ width: 100%;  margin-bottom: 1.4%; padding: 10px;}



/*post*/
.post-list dl{ width: 100%; padding: 10px; margin-top: 1%;}


.home-advan{ padding: 30px 0;}
.home-advan-left{ width: 100%;}
.home-advan-left-info h2{ font-size: 1.4rem; line-height: 30px; margin-top: 10px;}
.home-advan-left-info p{ line-height: 26px; margin-bottom: 25px; margin-top: 10px;}

.home-advan-left-num{ padding: 10px; gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}
.home-advan-left-num dl{padding:15px;}
.home-advan-left-num dl dd h3{ font-size: 1.4rem; margin-bottom: 10px;}


.home-advan-right{ width: 100%; margin-top: 20px;}


/*Supplier*/
.settled_banner{ width:100%; height:auto; background:#00876d; padding:35px 0; margin-top:61px;}
.settled_bannerBox{ width:100%; height:auto;   padding:20px; }
.settled_bannerBox h2{ font-size:1.2rem; line-height:44px; }
.settled_bannerBox dl{ width:100%; height:auto; margin-top:5px; margin-bottom:0;}
.settled_bannerBox dl dt{ float:none; padding-right:0; width:100%; text-align:left; font-size:0.9rem; line-height:40px; }
.settled_bannerBox dl dd{ float:none; width:100%;}

.application-menu{ padding:30px 0}

 .solution-grid{ grid-template-columns: 1fr; gap: 12px; }
  .solution-card-body{ padding: 12px 12px 14px; }

.application-box{ padding:30px 0 0 0;}
/* Responsive */

  .solu-list{ grid-template-columns: 1fr; }
  .solu-title{ font-size: 22px; }
  .solu-item{grid-template-columns: 1fr;}
  .solu-thumb{ min-height: 190px; }
  .solu-body{ padding: 12px; min-height: auto; }


 .application-menu-one{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .application-menu-one dl{
        padding: 25px 15px;
    }

    .application-menu-one dt img{
        width: 70px;
        height: 70px;
    }

    .application-menu-one dd a{
        font-size: 0.95rem;
    }

.application-menu-three{ grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 18px 14px; }
  .application-menu-three dl{ padding: 12px 10px; }


 .stock-search-box{
        padding: 18px 16px;
        border-radius: 10px;
    }

    .stock-search-title h2{
        font-size: 1.3rem;
    }

    .stock-search-item{
        width: 100%;
        min-width: auto;
        flex: none;
    }

    .stock-search-btns{
        width: 100%;
        flex-wrap: wrap;
    }

    .stock-search-btns a{
        width: 100%;
        min-width: auto;
    }

}