body{
    line-height:24px;
    font-size:14px;
    font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB";
    color:#333;
    background:#FFF;
}
.container{
    display: -webkit-flex;
    display:flex;
    margin:0 auto;
    width:100%;
    max-width:1600px;
    height:100%;
    box-sizing:border-box;
}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
.overflow{
    overflow: hidden;
}
.none{
    display: none;
}
.rel{
    position: relative;
}
.abs{
    position: absolute;
}
/*网站头（PC: top.jpg 背景，移动端: top_m.jpg 背景 + logo.png）*/
header.site-header,
header{
    width:100%;
    line-height:normal;
    font-size:14px;
    background:#a4cbe8 url(../images/top.jpg) no-repeat center top;
    background-size:100% auto;
}
.site-header-inner.container{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    height:auto;
    padding-top:12px;
    padding-bottom:12px;
}
.site-logo-wrap,
header h1.site-logo-wrap{
    display:block;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:0;
    line-height:0;
    -webkit-flex:0 0 auto;
    flex:0 0 auto;
}
.site-header-slogan{
    -webkit-flex:0 1 auto;
    flex:0 1 auto;
    margin-left:16px;
    min-width:0;
    overflow:hidden;
}
.site-slogan-text{
    margin:0;
    padding:0;
    max-width:100%;
}
.site-slogan-inner{
    display:inline-block;
    max-width:100%;
    padding:10px 18px 10px 22px;
    font-size:18px;
    line-height:1.45;
    font-weight:700;
    color:#0f4214;
    letter-spacing:.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    background:-webkit-linear-gradient(135deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.28) 100%);
    background:linear-gradient(135deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.28) 100%);
    border:1px solid rgba(255,255,255,.42);
    border-radius:8px;
    box-shadow:none;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    text-shadow:0 0 10px rgba(255,255,255,.95), 0 0 3px rgba(255,255,255,.85), 0 1px 1px rgba(255,255,255,.9);
    position:relative;
}
.site-slogan-inner::before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:60%;
    margin-top:-30%;
    border-radius:0 3px 3px 0;
    background:-webkit-linear-gradient(180deg, #6bc865 0%, #4ab344 100%);
    background:linear-gradient(180deg, #6bc865 0%, #4ab344 100%);
}
.site-logo-link,
header h1 a.site-logo-link{
    display:inline-block;
    line-height:0;
}
.site-brand-logo{
    display:block;
    max-height:64px;
    width:auto;
    height:auto;
    margin:0;
    border:0;
    vertical-align:top;
}
nav{
    height:50px;
    line-height:50px;
    background-color:#4ab344;
    position:relative;
}
nav > .container{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    height:50px;
}
.nav-links{
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1;
    flex:1;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    min-width:0;
}
.nav-links a{
    padding:0 24px;
    font-size:18px;
    color:#fff;
    border-left:1px solid rgba(255,255,255,.08);
    border-right:none;
    white-space:nowrap;
}
.nav-links a:first-child{
    border-left:none;
}
.nav-links a:last-child{
    border-right:none;
}
.nav-links a:hover{
    color:#ff0;
}
.nav-user{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    margin-left:12px;
    gap:8px;
    font-size:16px;
    line-height:1.4;
}
.nav-user-name{
    display:inline-block;
    max-width:72px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-weight:600;
    padding-right:8px;
    margin-right:2px;
    border-right:1px solid rgba(255,255,255,.2);
}
.nav-user a{
    display:inline-block;
    padding:6px 14px;
    font-size:16px;
    line-height:1.3;
    color:#fff;
    white-space:nowrap;
    border-radius:4px;
    border:1px solid rgba(255,255,255,.45);
    background:rgba(255,255,255,.14);
    transition:background .2s,color .2s,border-color .2s;
}
.nav-user a:hover{
    color:#fff;
    background:rgba(255,255,255,.26);
    border-color:rgba(255,255,255,.65);
}
.nav-user-register{
    background:#fff;
    color:#3a9636;
    border-color:#fff;
    font-weight:600;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.nav-user-register:hover{
    color:#2d7a2a;
    background:#f4faf3;
    border-color:#f4faf3;
}
.nav-user-logout{
    background:rgba(255,255,255,.08);
}
nav a:hover{
    color:#ff0;
}
/*网站首页 Banner（HTML 语义轮播，利于 SEO）*/
.home-banner{
    position:relative;
    width:100%;
    height:485px;
    overflow:hidden;
    background:#1f3d18;
}
.home-banner-viewport{
    position:relative;
    width:100%;
    height:100%;
}
.home-banner-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .55s ease, visibility .55s ease;
    z-index:1;
}
.home-banner-slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:2;
}
.home-banner-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}
.home-banner-panel{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:32px 20px;
    color:#fff;
    background-size:cover;
    background-position:center;
}
.home-banner-panel--hero{
    background-image:linear-gradient(105deg, rgba(18,48,16,.9) 0%, rgba(18,48,16,.55) 48%, rgba(18,48,16,.22) 100%), url(../images/kiwi004.jpg);
}
.home-banner-panel--origin{
    background-image:linear-gradient(105deg, rgba(24,58,20,.88) 0%, rgba(24,58,20,.55) 48%, rgba(24,58,20,.25) 100%), url(../images/kiwi002.jpg);
}
.home-banner-panel--xuxiang{
    background-image:linear-gradient(105deg, rgba(28,70,24,.9) 0%, rgba(28,70,24,.5) 50%, rgba(28,70,24,.22) 100%), url(../images/kiwi001.jpg);
}
.home-banner-panel--cuixiang{
    background-image:linear-gradient(105deg, rgba(20,52,30,.9) 0%, rgba(20,52,30,.5) 50%, rgba(20,52,30,.22) 100%), url(../images/kiwi003.jpg);
}
.home-banner-panel-inner{
    width:100%;
    max-width:1100px;
    text-align:center;
}
.home-banner-kicker{
    margin:0 0 10px;
    font-size:14px;
    letter-spacing:.08em;
    color:rgba(255,255,255,.88);
}
.home-banner-title{
    margin:0 0 14px;
    font-size:42px;
    line-height:1.25;
    font-weight:700;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.25);
}
.home-banner-desc{
    margin:0 auto 18px;
    max-width:620px;
    font-size:16px;
    line-height:1.85;
    color:rgba(255,255,255,.95);
}
.home-banner-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin:0 0 22px;
    padding:0;
    list-style:none;
}
.home-banner-tags li{
    padding:4px 12px;
    font-size:14px;
    color:#e8f7df;
    border:1px solid rgba(232,247,223,.45);
    border-radius:999px;
    background:rgba(255,255,255,.08);
}
.home-banner-cta{
    display:inline-block;
    padding:10px 22px;
    font-size:15px;
    color:#fff;
    background:#2ca501;
    border-radius:4px;
    text-decoration:none;
    transition:background .2s ease;
}
.home-banner-cta:hover{
    color:#fff;
    background:#249000;
}
.home-banner-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:18px;
    z-index:5;
    display:flex;
    justify-content:center;
    gap:8px;
}
.home-banner-dots button{
    width:28px;
    height:5px;
    padding:0;
    border:0;
    border-radius:5px;
    background:rgba(255,255,255,.45);
    cursor:pointer;
}
.home-banner-dots button.is-active,
.home-banner-dots button:hover{
    background:#2ca501;
}
/*.index-content{
    background: url(../images/content-bg.jpg) repeat-x;
}
/*.notice{
    padding:15px 0;
}
.notice span{
    display: block;
    margin-right:10px;
    width:115px;
    height:29px;
    line-height: 29px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/index_01.jpg) no-repeat left center; 
}
.notice div{
    width:40%;
    color:#9e0000;
}*/
.product,.news{
    padding:70px 0;
}
.product .index-title,.news .index-title{
    margin-bottom:35px;
    text-align: center;
    background: url(../images/title_bg.png) no-repeat top center;
}
.product .index-title h3,.news .index-title h3{
    height: 42px;
    line-height: 42px;
    font-size: 28px;
    font-weight: 400;
}
.product .index-title p,,.news .index-title p{
    height: 21px;
    color: #222;
    font-weight: 400;
}
.product .container a{
    display: block;
    width:100%;
    margin:0;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 5px;
    box-sizing:border-box;
}
.pro-list a{
    display: block;
    width:100%;
    margin:0;
    background:#fff;
    border:1px solid #ddd;
    border-radius: 5px;
    box-sizing:border-box;
}
.product .container a:hover,.pro-list a:hover{
    border-color:#26a900;
}
.product .container a .thumb{
    display: flex;
    display: -webkit-flex;
    width:100%;
    height:auto;
    aspect-ratio:1;
    justify-content: center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items:center;
}
.pro-list a .thumb{
    display: flex;
    width:100%;
    height:auto;
    aspect-ratio:1;
    overflow:hidden;
    justify-content: center;
    align-items: center;
}
.product .container a .thumb img,.pro-list a .thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius: 5px 5px 0 0;
}
.product .container a span,.pro-list a span{
    display: block;
    padding:0 16px;
    height:68px;
    line-height: 68px;
    font-size:16px;
    text-align:center;
    border-top:1px solid #eee;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro-list a span{
    height:50px;
    line-height: 50px;
}
.product .container a:hover span,.pro-list a:hover span{
    color:#fff;
    background:#26a900;
}
/* 首页产品：1600 下一行 4 列自适应 */
.product > .container,
.product > .container.flex-wrap{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:26px;
    align-content:start;
}
.adv-1{
    width:100%;
    min-height:200px;
    height:auto;
    padding:22px 0;
    overflow:hidden;
    box-sizing:border-box;
    background: url(../images/adv-1.jpg) no-repeat center top #27a503;
}
.adv-1 > .container{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding-left:15px;
    padding-right:15px;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
}
.adv-tip{
    line-height: 28px;
    flex:1 1 auto;
    min-width:0;
    max-width:720px;
    font-size: 20px;
    color:#fff;
    position:relative;
    z-index:1;
}
.adv-tip p{
    margin:0;
    color:#fff;
}
.adv-tip span{
    display: block;
    font-size:40px;
    margin-bottom:25px;
}
.adv-contact{
    flex:0 0 300px;
    margin-left:16px;
    margin-right:0;
    position:relative;
    z-index:1;
}
.adv-contact > div{
    width:300px;
    height:50px;
    line-height: 50px;
    color:#fff;
    font-size:26px;
    font-family: arial;
    text-align: center;
    border-radius: 30px;
    font-weight: bold;
    border:1px solid #65b44e;
}
.adv-contact > div:first-child{
    margin-bottom:20px;
}
.adv-contact > div:first-child i{
    display:inline-block;
    width:30px;
    height:30px;
    font-size:30px;
    margin-right:15px;
    animation-name: tel; /*@keyframes 动画的名称*/
    animation-duration:1s; /*动画完成周期*/
    animation-iteration-count:infinite /*循环模式：无限次*/
}
@keyframes tel { /*动画模式*/
    0% {-webkit-transform: scale(1);transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
.adv-contact > div:last-child{
    font-size: 20px;
    background: #ff0;
    color: #176200;
    font-weight: normal;
    border:none;
}
.adv-contact > div:last-child i{
    display: inline-block;
    font-size:26px;
    padding-right:15px;
    transform: rotate(-180deg);
}
.adv-code{
    flex:0 0 120px;
    width:120px;
    height:120px;
    margin-left:16px;
    align-self:center;
    position:relative;
    z-index:1;
}
.adv-code img{
    display: block;
    width:100%;
    height:auto;
    max-height:120px;
    object-fit:contain;
}
.advantage .index-title{
    padding-top:70px;
    padding-bottom:60px;
    text-align: center;
    font-size:45px;
    font-weight: bold;
}
.base-display .index-title,
.base-display-head{
    padding-top:36px;
    padding-bottom:12px;
    text-align:center;
    font-weight:bold;
}
.advantage .index-title h3{
    height:50px;
    line-height: 50px;
    margin-bottom: 5px;
    font-weight: bold;
}
.base-display .index-title h3,
.base-display-head h3{
    height:auto;
    line-height:1.3;
    margin:0;
    padding:0;
    font-size:28px;
    font-weight:bold;
    color:#fff;
}
.advantage .index-title span{
    display: block;
    height:78px;
    line-height: 78px;
    font-size:60px;
    color: #2ca501;
}
.advantage .index-title span font{
    display: inline-block;
    margin: 0 15px;
    font-size:74px;
    font-family: Arial;
    color:#f95927;
    vertical-align: text-bottom;
}
.advantage-con{
    /* 该区为按 1200 设计的绝对定位构图，保持原宽居中，避免 1600 拉伸错位 */
    width:1200px;
    max-width:100%;
    height:660px;
    margin:0 auto;
    background:url(../images/ys.jpg) no-repeat top center;
}
.advantage-con dl{
    display: flex;
    width:390px;
}
.advantage-con dl h3{
    font-weight: bold;
    color: #2ca501;
    font-size: 32px;
}
.advantage-con dl h3 font{
    font-style: oblique;
    display: inline-block;
    line-height: 40px;
    color: #f95927;
    font-size: 40px;
    font-family: arial;
    vertical-align: text-bottom;
}
.advantage-con dl p{
    padding-top:18px;
}
.advantage-con dl.advantage-1{
    left:0;
    top:0;
}
.advantage-con dl.advantage-2{
    right:0;
    top:0;
}
.advantage-con dl.advantage-3{
    left:0;
    top:280px;
}
.advantage-con dl.advantage-4{
    right:0;
    top:280px;
}
.advantage-con dl.advantage-5{
    top:420px;
    left:405px;
}
.advantage-con dl dt{
    width:186px;
    padding-top:20px;
}
.advantage-con dl dd{
    margin-left:auto;
    width:173px;
}
.advantage-con dl.advantage-2 dd,.advantage-con dl.advantage-4 dd,.advantage-con dl.advantage-5 dd{
    margin-right:auto;
    margin-left:0;
}
.base-display{
    background:url(../images/ifeatbg.jpg) repeat-x center top;
    padding-bottom:36px;
    box-sizing:border-box;
    overflow:hidden;
}
.base-display-box{
    position:relative;
    width:1600px;
    max-width:100%;
    margin:0 auto;
    padding:0 52px 28px;
    box-sizing:border-box;
}
.base-display-list{
    display:none;
}
.base-display-track{
    position:relative;
    overflow:hidden;
}
.base-display-viewport{
    overflow:hidden;
    width:100%;
    transition:height .35s ease;
}
.base-display-pages{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
}
.base-display-page{
    flex:0 0 100%;
    width:100%;
    box-sizing:border-box;
}
.base-display-grid{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:20px;
    width:100%;
    box-sizing:border-box;
}
.base-display-grid a{
    flex:1 1 0;
    min-width:0;
    display:block;
    overflow:hidden;
    background:#fff;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(0,0,0,.15);
    transition:transform .25s ease,box-shadow .25s ease;
    text-decoration:none;
}
.base-display-grid a:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.base-display-grid a img{
    width:100%;
    height:200px;
    display:block;
    object-fit:cover;
    border-radius:12px 12px 0 0;
}
.base-display-grid a span{
    display:block;
    height:42px;
    font-size:15px;
    text-align:center;
    line-height:42px;
    color:#26a900;
    background:#fff;
    border-radius:0 0 12px 12px;
}
.base-display-arrow{
    position:absolute;
    top:50%;
    z-index:5;
    width:40px;
    height:40px;
    margin-top:-20px;
    padding:0;
    border:none;
    border-radius:50%;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:28px;
    line-height:36px;
    text-align:center;
    cursor:pointer;
    transition:background .2s ease;
}
.base-display-arrow:hover{
    background:rgba(38,169,0,.85);
}
.base-display-prev{
    left:8px;
}
.base-display-next{
    right:8px;
}
.base-display-dots{
    margin-top:18px;
    text-align:center;
}
.base-display-dots button{
    display:inline-block;
    width:30px;
    height:5px;
    margin:0 4px;
    padding:0;
    border:none;
    border-radius:5px;
    background:rgba(255,255,255,.45);
    cursor:pointer;
    vertical-align:middle;
    transition:background .2s ease,opacity .2s ease;
}
.base-display-dots button.is-active,
.base-display-dots button:hover{
    background:#fff;
    opacity:1;
}
.news .container{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px 40px;
    align-items:stretch;
}
.news .container > li{
    flex:none;
    width:100%;
    max-width:100%;
    margin-left:0 !important;
    overflow: hidden;
    box-sizing:border-box;
}
.news .container > li:nth-child(2n){
    margin-left:0 !important;
}
.news .container li,.news-list ul li{
    display: flex;
    padding:20px;
    line-height: 24px;
    border-bottom:1px solid #eee;
    color:#666;
}
.news .container li a:first-child,.news-list ul li a:first-child{
    flex:0 0 230px;
    height:118px;
}
.news .container li a:first-child img,.news-list ul li a:first-child img{
    display:inline-block;
    width:210px;
    border-radius: 5px;
}
.news .container li > a:nth-child(2),
.news-list ul li > a:nth-child(2){
    flex:1 1 auto;
    min-width:0;
}
.news .container li span,.news-list ul li span{
    display: block;
    width:auto;
    max-width:100%;
    height:28px;
    line-height: 28px;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news .container li p,.news-list ul li p{
    height:48px;
    color:#666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp:2; /*可指定任一行显示...效果*/ 
   -webkit-box-orient: vertical; 
}
.news .container li em,.news-list ul li em{
    display: block;
    height:28px;
    line-height: 28px;
    margin-top:10px;
    font-style: normal;
    color:#333;
	float:left;
	padding-right: 10px;
	
}
.news .container li:hover,.news-list ul li:hover{
    background:#f9f9f9;
}
.news .container li:hover span,.quick-news ul li a:hover,.news-list ul li:hover span,.pre-next span a:hover{
    color:#2ca501;
}
.news button{
    display: block;
    margin:40px auto 0 auto;
    padding:0 60px;
    height:40px;
    line-height: 40px;
    border:1px solid #2ca501;
    border-radius: 30px;
    cursor: pointer;
    background: none;
}
.news button:hover{
    background:#2ca501;
    color:#fff;
}
/*二级页面横幅（PC：860×320，与设计稿一致）*/
.second-banner{
    background:#EFEFEF;
    height:320px;
    line-height:0;
    text-align:center;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.second-banner img,
.second-banner-img{
    display:block;
    width:1220px;
    max-width:100%;
    height:320px;
    margin:0 auto;
    object-fit:contain;
    object-position:center center;
}
.content{
    background:#F5F5F5;
}
.location{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:20px 15px;
    box-sizing:border-box;
}
/*网站尾*/
footer{
    width: 100%;
    padding: 28px 0 24px;
    background: #38921d;
    color: #fff;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#fff;
    text-decoration: underline;
}
footer .flink{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px 12px;
    padding:0 24px 18px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height:1.7;
    border-bottom: 1px solid rgba(255,255,255,.22);
    box-sizing:border-box;
}
footer .flink-label{
    flex:0 0 auto;
    font-weight:600;
    white-space:nowrap;
}
footer .flink-label::after{
    content:"：";
}
footer .flink-links{
    flex:1 1 0;
    min-width:0;
}
footer .flink a{
    display: inline-block;
    color: rgba(255,255,255,.92);
    padding-right:16px;
    margin-bottom:4px;
}
footer .copyright{
    border: 1px solid rgba(255,255,255,.22);
    font-size:14px;
    padding: 12px 24px;
    margin-top: 28px;
    min-height: 0;
    height: auto;
    line-height: 1.7;
    text-align: center;
    color:rgba(255,255,255,.9);
    box-sizing: border-box;
}
footer .copyright a{
    margin-right:0;
    color:rgba(255,255,255,.95);
}
footer .footer-body{
    display:flex;
    flex-wrap:nowrap;
    align-items:flex-start;
    justify-content:space-between;
    gap:32px 48px;
    padding:0 24px;
    box-sizing:border-box;
}
.footer-col-title{
    display:block;
    margin:0 0 12px;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    color:#fff;
}
.botnav{
    flex:1 1 auto;
    max-width:none;
    min-width:0;
    width:auto;
    display:flex;
    flex-wrap:nowrap;
    gap:0 56px;
    padding:0;
    margin:0;
    list-style:none;
    overflow:visible;
}
.botnav li,
.botnav .botnav-col{
    float:none;
    flex:0 0 auto;
    width:auto;
    min-width:0;
    display:block;
    list-style:none;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    overflow:visible;
    padding-left:0;
    margin:0;
}
.botnav .botnav-title{
    display:block;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
}
.botnav li > div,
.botnav .botnav-links{
    padding-top:0;
}
.botnav .botnav-links-2col{
    display:grid;
    grid-template-columns:auto auto;
    column-gap:40px;
    row-gap:10px;
}
.botnav li > div a,
.botnav .botnav-links a{
    display:block;
    line-height:1.6;
    width:auto;
    max-width:100%;
    font-size:14px;
    color:rgba(255,255,255,.9);
    white-space:nowrap;
    word-break:keep-all;
}
.botnav .botnav-links a:hover{
    color:#fff;
}
.botcontcat{
    flex:0 1 240px;
    width:auto;
    max-width:280px;
    margin-left:0;
    flex-shrink:0;
}
.botcontcat a{
    display: block;
    line-height: 30px;
    font-size: 16px;
}
.footer-contact-list{
    margin:0;
    padding:0;
    list-style:none;
}
.footer-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:0 0 10px;
    font-size:14px;
    line-height:1.55;
    color:rgba(255,255,255,.92);
}
.footer-contact-list li:last-child{
    margin-bottom:0;
}
.footer-contact-list em{
    flex:0 0 36px;
    font-style:normal;
    font-weight:600;
    color:rgba(255,255,255,.78);
}
.footer-contact-list span{
    flex:1 1 auto;
    min-width:0;
    word-break:break-all;
}
.botcontcat > div{
    font-size:14px;
}
.botcontcat > div span{
    display: block;
}
.botcontcat > div span.tel{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
}
.botcontcat .order-btn{
    margin-top:20px;
    width:60%;
    height:32px;
    background:#ff0;
    text-align: center;
}
.botcontcat .order-btn-query{
    float:left;
    width:48%;
}
.botcontcat .order-btn-shop{
    float:left;
    width:48%;
    margin-left:4%;
}
.botcontcat::after{
    content:"";
    display:table;
    clear:both;
}
.botcontcat .order-btn a,.botcontcat .order-btn a:hover{
    font-size:14px;
    line-height:32px;
    color:#333;
}
.bewm,
.bewm.bewm-row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-end;
    align-items:stretch;
    width:auto;
    flex:0 0 auto;
    flex-shrink:0;
    margin:0;
    padding:0;
    list-style:none;
    clear:none;
    gap:12px;
}
.bewm li{
    float:none;
    flex:0 0 118px;
    width:118px;
    max-width:118px;
    height:auto;
    min-height:0;
    padding:10px 8px 12px;
    margin:0;
    border:1px solid rgba(255,255,255,.28);
    border-radius:6px;
    background:rgba(255,255,255,.06);
    box-sizing:border-box;
}
.bewm li img{
    width:100%;
    max-width:96px;
    height:auto;
    aspect-ratio:1;
    padding:0;
    display:block;
    margin:0 auto;
    object-fit:contain;
    background:#fff;
    border-radius:4px;
}
.bewm li p{
    text-align:center;
    line-height:1.35;
    margin:0;
    padding-top:8px;
    font-size:14px;
    color:rgba(255,255,255,.92);
}
/* 内页：主内容区与侧边栏间距（1600 内主栏自适应填满） */
.content > .container{
    gap:40px;
    align-items:flex-start;
    justify-content:flex-start;
}
.common-con{
    flex:1 1 auto;
    width:auto;
    max-width:none;
    min-width:0;
    padding:20px;
    margin-bottom:25px;
    background:#fff;
    box-sizing:border-box;
}
.common-con .title{
    padding-bottom:25px;
    text-align:center;
}
.common-con .title h1{
    font-size: 22px;
    font-weight: 500;
    text-align:center;
}
.common-con .page-con{
    font-size:16px;
    line-height:1.85;
    color:#333;
    word-wrap:break-word;
}
/* 段落 */
.common-con .page-con p{
    text-indent:2em;
    margin:0 0 18px;
}
.common-con .page-con p:last-child{
    margin-bottom:0;
}
/* 标题：绿色左边线，与站点主色一致 */
.common-con .page-con h2,
.common-con .page-con h3,
.common-con .page-con h4{
    text-indent:0;
    font-weight:600;
    color:#222;
    line-height:1.4;
}
.common-con .page-con h2{
    margin:32px 0 16px;
    padding:8px 0 8px 14px;
    font-size:22px;
    border-left:4px solid #26a900;
    background:linear-gradient(90deg,rgba(38,169,0,.08) 0%,transparent 100%);
}
.common-con .page-con h2:first-child{
    margin-top:0;
}
.common-con .page-con h3{
    margin:26px 0 12px;
    padding-left:12px;
    font-size:18px;
    border-left:3px solid #4cb82e;
}
.common-con .page-con h4{
    margin:20px 0 10px;
    font-size:16px;
    color:#26a900;
}
/* 列表 */
.common-con .page-con ul,
.common-con .page-con ol{
    margin:0 0 18px;
    padding:0 0 0 2em;
    text-indent:0;
}
.common-con .page-con li{
    margin-bottom:8px;
    line-height:1.75;
}
.common-con .page-con ul li{
    list-style:disc;
}
.common-con .page-con ol li{
    list-style:decimal;
}
/* 引用 */
.common-con .page-con blockquote{
    margin:0 0 18px;
    padding:14px 18px;
    text-indent:0;
    color:#555;
    background:#f7fbf5;
    border-left:4px solid #26a900;
    border-radius:0 4px 4px 0;
}
/* 强调与链接 */
.common-con .page-con strong,
.common-con .page-con b{
    font-weight:600;
    color:#222;
}
.common-con .page-con a{
    color:#26a900;
    text-decoration:underline;
}
.common-con .page-con a:hover{
    color:#1d8500;
}
/* 图片 */
.common-con .page-con img{
    display:block;
    max-width:100%;
    height:auto;
    margin:12px auto 20px;
    border-radius:4px;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.common-con .page-con p img,
.common-con .page-con div img{
    margin-left:auto;
    margin-right:auto;
}
/* 表格 */
.common-con .page-con table{
    width:100%;
    margin:0 0 18px;
    border-collapse:collapse;
    font-size:15px;
    text-indent:0;
}
.common-con .page-con table th,
.common-con .page-con table td{
    padding:10px 12px;
    border:1px solid #e8e8e8;
    text-align:left;
}
.common-con .page-con table th{
    background:#f0f9ed;
    color:#222;
    font-weight:600;
}
.common-con .page-con table tr:nth-child(even) td{
    background:#fafafa;
}
/* 分割线 */
.common-con .page-con hr{
    margin:24px 0;
    border:0;
    border-top:1px dashed #ddd;
}
.common-right{
    flex:0 0 340px;
    width:340px;
    margin-left:0;
    min-width:0;
}
.adv-2 img{
    border-radius: 4px;
}
.quick-news{
    padding:15px;
    margin-top:20px;
    margin-bottom:25px;
    background:#fff;
}
.quick-news .title{
    display: flex;
    justify-content: center;
    height:16px;
    line-height: 16px;
    padding-bottom:15px;
    border-bottom: 1px solid #eee;
}
.quick-news .title h3{
    font-size:16px;
    font-weight: 500;
}
.quick-news .title a{
    margin-left:auto;
    color:#828282;
}
.quick-news ul li{
    position: relative;
    padding: 5px 0 5px 18px;
    border-bottom:1px dashed #eee;
}
.quick-news ul li::before{
    position: absolute;
    margin-left: -6px;
    left:5px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #26a900;
    background: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    opacity: .6;
    content: "";
}
.quick-news ul li a{
    color: #262626;
    display: block;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp:2; /*可指定任一行显示...效果*/ 
   -webkit-box-orient: vertical; 
    overflow: hidden;
}
.quick-news ul li em{
    display: block;
    height: 18px;
    line-height: 18px;
    margin-top:5px;
    font-style: normal;
    font-size:14px;
    color:#828282;
}
/* 侧边栏标签云 */
.r-tags{
    padding:15px;
    margin-bottom:25px;
    background:#fff;
    border-radius:4px;
    box-sizing:border-box;
}
.r-tags h3{
    font-size:16px;
    font-weight:500;
    padding-bottom:15px;
    margin:0 0 12px;
    border-bottom:1px solid #eee;
}
.r-tags .tags-list{
    display:flex;
    flex-wrap:wrap;
    margin:-4px;
}
.r-tags .tags-list a{
    display:inline-block;
    padding:5px 12px;
    margin:4px;
    font-size:14px;
    line-height:1.4;
    color:#555;
    background:#f5f5f5;
    border:1px solid #eee;
    border-radius:3px;
    transition:background .2s,color .2s,border-color .2s;
}
.r-tags .tags-list a:hover{
    color:#fff;
    background:#26a900;
    border-color:#26a900;
    text-decoration:none;
}
.r-tags .tags-list a span{
    margin-left:4px;
    font-size:14px;
    color:#999;
}
.r-tags .tags-list a:hover span{
    color:rgba(255,255,255,.85);
}
/* 文章详情页标签 */
.article-tags{
    margin:20px 0 0;
    padding:15px 0;
    border-top:1px solid #eee;
}
.article-tags em.tag{
    display:block;
    font-size:14px;
    font-style:normal;
    line-height:1.8;
    color:#666;
}
.article-tags em.tag a{
    display:inline-block;
    padding:4px 12px;
    margin:4px 6px 4px 0;
    font-size:14px;
    color:#555;
    background:#f5f5f5;
    border:1px solid #eee;
    border-radius:3px;
    transition:background .2s,color .2s,border-color .2s;
}
.article-tags em.tag a:hover{
    color:#fff;
    background:#26a900;
    border-color:#26a900;
    text-decoration:none;
}
.news-list ul li span{
    width:550px;
    font-size:20px;
    margin-bottom: 5px;
}
.common-con .tags-page-desc{
    margin-top:8px;
    font-size:14px;
    line-height:1.6;
    color:#828282;
    font-weight:normal;
}
.news-list ul li.news-list-empty{
    padding:40px 20px;
    text-align:center;
    border-bottom:none;
}
.news-list ul li.news-list-empty:hover{
    background:transparent;
}
.news-list ul li.news-list-empty p{
    margin:0;
    text-indent:0;
    color:#828282;
    font-size:15px;
}
/*分页样式*/
#pages{
    padding:20px 0 10px;
    text-align:center;
}
#pages a {
    display:inline-block; 
    padding:0px 9px;
    height:22px;
    line-height:22px;
    background:#fff;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#333
}
#pages a.a1 {
    padding:0px 12px;
    height:22px;
    line-height:22px;
    margin-top:0px;
}
#pages a:hover {
    background:#f1f1f1;
    color:#000;
    text-decoration:none;
}
#pages span {
    display:inline-block;
    padding:1px 9px;
    height:22px;
    line-height:22px;
    background:#38970F;
    color:#fff;
    text-align:center;
}
.page .noPage {
    display:inline-block;
    padding:0px 12px;
    height:22px;
    line-height:22px;
    border:1px solid #e3e3e3;
    text-align:center;
    color:#a4a4a4;
}
/* ThinkPHP Bootstrap 分页 ul.pagination */
#pages .pagination{
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    list-style:none;
    padding:0;
    margin:0 auto;
    gap:4px;
}
#pages .pagination li{
    display:inline-block;
    margin:0;
    padding:0;
    list-style:none;
}
#pages .pagination li a,
#pages .pagination li span{
    display:inline-block;
    padding:0 12px;
    min-width:32px;
    height:32px;
    line-height:32px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e3e3e3;
    color:#333;
    font-size:14px;
    text-align:center;
    text-decoration:none;
}
#pages .pagination li a:hover{
    background:#f1f1f1;
    border-color:#26a900;
    color:#26a900;
}
#pages .pagination li.active span{
    background:#38970F;
    border-color:#38970F;
    color:#fff;
}
#pages .pagination li.disabled span{
    background:#f5f5f5;
    border-color:#e3e3e3;
    color:#999;
    cursor:default;
}
.title-info{
    text-align:center;
    margin-bottom:8px;
}
.title-info span{
    display: inline-block;
    height:16px;
    line-height: 16px;
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #ccc;
}
.title-info span:last-child{
    margin-right:0;
    padding-right:0;
    border-right:none;
}
#hits{
    color:#f95927;
}
.news-introduction{
    margin-top:10px;
    margin-bottom:20px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #828282;
    border: 1px solid #efefef;
    background: rgba(239,239,239,.4);
    border-radius: 4px;
}
.pre-next{
    display: flex;
    margin-top:20px;
    padding:20px 0;
    border-top:1px solid #eee;
}
.pre-next span{
    display:flex;
    justify-content: center;
    width:48%;
    height:24px;
    line-height: 24px;
}
.pre-next span a{
    width:85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro-list{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:26px;
    box-sizing:border-box;
}