@charset "utf-8";
/* by Sean Lu 20180904 */
/* 移动端全局控制reset */
body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; border:0; outline:none;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 14px; color:#666; font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; line-height:24px; }
textarea { resize: none; }
iframe,img { border:0; margin:0; }
img{ max-width:100%;}
div,ul,ol,li { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover {  color: #00a843; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 全局侧滑菜单 */
.mm-menu { width: 50%; }
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #1891cb; color: #fff; }
::-moz-selection { background: #1891cb; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }


.top{ background:#133d0e; height:40px; font-size:12px;}
.top p{ line-height:40px; color:#fff;}
.top .link{}
.top .link li{ float:left; color:#fff; }
.top .link li a{ font-size:12px; color:#fff; line-height:40px; padding:0 10px;}


.menua{ background:url(../img/menu_bg.jpg) repeat-x;}
.menua .menub{}
.menua .menub li{ width:16.2%; text-align:center; float:left;}
.menua .menub li a{ color:#333; line-height:50px; color:#333; font-size:15px; font-weight:bold;}
.menua .menub li a:hover{ color:#119d00;}


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative;}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.honor{ margin-top:55px;}
.honor .title{ text-align:center;}
.honor .title h1{ font-size:18px; margin-bottom:8px;}
.honor .honorz{}
.honor .honorz li{ float:left; width:31%; margin-right:3%; margin-top:45px;}
.honor .honorz li:nth-child(3n){ margin-right:0;}
.honor .honorz li img{ float:left; margin-right:30px;}
.honor .honorz li .word{ font-size:12px;}
.honor .honorz li .word span{ display:block; font-size:14px; font-weight:bold; line-height:32px;}


.com{ background:url(../img/com_bg.jpg) no-repeat center; margin-top:60px; height:400px;}
.com .company{ vertical-align:middle;}
.com .company h1{ padding-top:100px; font-size:18px;}
.com .company p{ margin-top:30px; margin-bottom:40px; font-size:14px; width:50%;}


.product{ padding:60px 0;}
.product .title{ text-align:center;}
.product .title h1{ font-size:22px; color:#567054;}
.product .title p{ font-size:14px; margin-top:24px;}
.product .pro{}
.product .pro li{ float:left; width:180px; margin-right:24px; margin-top:36px;}
.product .pro li:nth-child(6n){ margin-right:0;}
.product .pro li p{ text-align:center; font-size:14px;}

.inproduct ul.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;list-style:none;padding:0;margin:0;}
.inproduct ul.pro-grid li{width:auto !important;float:none !important;display:block;}
.inproduct ul.pro-grid li a{display:block;width:100%;height:100%;overflow:hidden;}
.inproduct ul.pro-grid li img{width:100%;height:200px;object-fit:cover;display:block;}


.contact{ background:url(../img/contact_bg.jpg) no-repeat center; height:370px; color:#fff;}
.contact .title{ text-align:center; padding-top:80px;}
.contact .title h2{ font-size:22px;}
.contact .title p{ margin-top:24px;}
.contact .cont{ margin-top:80px;}
.contact .cont li{ float:left; width:19%; margin:0 3%}
.contact .cont li .img{ vertical-align:middle;  margin-right:20px;}
.contact .cont li .text h3{ font-size:14px;}

.news{ padding:70px 0}
.news .title{ font-size:22px; font-weight:bold; text-align:center; margin-bottom:36px;}
.news .newstop{ width:570px; margin-right:30px;}
.news .newstop .img{}
.news .newstop .news_text{ border:1px #dedede solid; border-top:none; padding:30px 60px;}
.news .newstop .news_text h1{ font-size:20px; font-weight:normal; color:#333;}
.news .newstop .news_text p{ line-height:20px; margin:24px 0;}
.news .newstop .news_text .time{ font-size:12px; color:#999;}
.news .newstop .news_text .time a{ color:#3c8c0e; }

.news .newsslide{ width:560px; padding:0 20px;}
.news .newsslide .news_text_box{ border-bottom:1px #dedede solid; padding:18px 0;}
.news .newsslide .news_text_box h1{ font-size:20px; font-weight:normal; color:#333;}
.news .newsslide .news_text_box p{ line-height:20px; margin:24px 0;}
.news .newsslide .news_text_box .time{ font-size:12px; color:#999;}
.news .newsslide .news_text_box .time a{ color:#3c8c0e; }


.foot{ background:url(../img/foot_bg.jpg) repeat-x; color:#fff;}
.foot a{ color:#fff;}
.foot .foot01{ height:50px; line-height:50px;}
.foot .foot01 li{ float:left;}
.foot .foot01 a{ padding:0 13px;}
.foot .foot02{ height:220px; text-align:center; font-size:12px;}
.foot .foot02 .gov{ padding:2px 12px; border:1px #fff solid; border-radius:5px; display:inline-table; margin-top:40px;}
.foot .foot02 .gov a{ font-size:12px;}
.foot .foot02 .gov img{ vertical-align:middle; margin-right:5px;}
.foot .foot02 p{ margin-top:20px;}
.foot .foot02 .img{ margin-top:10px}
.minfoot{ display:none;}



.inbanner{ background:url(../img/com_banner.jpg) no-repeat center; height:428px; position:relative;}
.inbanner h1{ margin-top:190px; font-size:40px; color:#fff;}
.inbanner h2{ position:absolute; bottom:0; color:#fff; line-height:48px; font-weight:normal; font-size:16px;}

.inpage{ margin:50px 0;}
.incom .img{ width:48%; margin-right:2%;}
.incom .img img{ border:5px #eee solid; padding:15px;}
.incom .content{ width:50%;}
.incom .content h3{ color:#0b6b00; font-size:15px; margin-left:30px; margin-bottom:20px;}
.incom .content p img{ margin:20px 0;}


.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; margin-top:30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 95%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width:27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 18px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #4b7146; color: #fff; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 60%; color: #fff; background: #133d0e; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }



.inpro{}
.inpro .prolist{ width:284px;}
.inpro .prolist h1{ background:url(../img/inprotitlebg.jpg) no-repeat left; color:#fff; font-size:20px; height:57px; padding-top:24px; padding-left:35px;}
.inpro .prolist li{ background:url(../img/inprolistbg.jpg) no-repeat left; height:40px; margin-bottom:2px; line-height:40px;}
.inpro .prolist li a{ padding-left:20px;}
.inpro .inproduct{ width:880px;}
.inpro .inproduct li{ text-align:center; float:left; padding:10px; margin:10px; background:#f9f9f9; border:1px #c8e2c7 solid;-webkit-transition: all 1s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s ; transition: all .5s ;}
.inpro .inproduct li:nth-child(4n){ margin-right:0;}
.inpro .inproduct li a{}
.inpro .inproduct li:hover{ background:#133d0e;}
.inpro .inproduct li:hover a h3{ color:#fff;}
.inpro .inproduct li:hover a p{ color:#fff;}
.inpro .inproduct li a img{}
.inpro .inproduct li h3{ font-size:14px;}
.inpro .inproduct li p{ font-size:12px; color:#133d0e;}


.innew{}
.innew li{ padding:40px 10px; border-bottom:1px #ccc dashed;}
.innew li .innewtime{  font-size:36px; font-weight:bold; color:#999;}
.innew li .innewtime p{ text-align:right; font-size:16px; font-weight:normal;}
.innew li .innewtect{ width:80%;}
.innew li .innewtect h1{ font-weight:normal; font-size:24px;}
.innew li .innewtect p{ margin-top:10px;}

.image-row{ display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; width:80%; margin:0 auto;}
.image-row .example-image-link{border:4px #133d0e solid; padding:10px;}

.inprodetail{ padding-left:40px;}
.inprodetail li{ display:flex; gap:10px; float:none !important; border:none !important; border-bottom:1px #ccc dashed; margin:0 !important; font-size:15px;}
.inprodetail li:hover{ color:#fff;}
.inprodetail li::before{ content:'√'; display:inline-block; width:20px; height:20px; background:#133d0e; text-align:center; color:#fff;} 



      
      /* 卡片主体 —— 左右结构 */
      .contact-card {
        width: 100%;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 15px 50px rgba(20, 60, 120, 0.12);
        overflow: hidden;
        display: flex;
        min-height: 520px;
      }

      /* ========== 左侧品牌区 ========== */
      .contact-left {
        flex: 0 0 38%;
        background: linear-gradient(160deg, #0b6b00 0%, #1c7712 55%, #45993b 100%);
        color: #fff;
        padding: 50px 40px;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      /* 装饰几何图形 */
      .contact-left::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
        top: -80px;
        left: -80px;
      }
      .contact-left::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.05);
        bottom: -40px;
        right: -50px;
      }
      .brand-box {
        position: relative;
        z-index: 2;
      }
      .brand-en {
        font-size: 12px;
        letter-spacing: 3px;
        opacity: 0.75;
        margin-bottom: 16px;
      }
      .brand-cn {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 2px;
      }
      .brand-divider {
        width: 40px;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        margin: 24px 0;
      }
      .brand-slogan {
        font-size: 13px;
        line-height: 1.8;
        opacity: 0.85;
      }
      .brand-tag {
        position: relative;
        z-index: 2;
        font-size: 11px;
        letter-spacing: 2px;
        opacity: 0.6;
      }

      /* ========== 右侧联系区 ========== */
      .contact-right {
        flex: 1;
        padding: 50px 55px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .right-title {
        font-size: 20px;
        font-weight: 600;
        color: #0b6b00;
        margin-bottom: 8px;
        position: relative;
        padding-left: 14px;
      }
      .right-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        bottom: 4px;
        width: 4px;
        background: linear-gradient(#0b6b00, #2c7f22);
        border-radius: 2px;
      }
      .right-sub {
        font-size: 12px;
        color: #aaa;
        letter-spacing: 1px;
        margin-bottom: 32px;
        padding-left: 14px;
      }

      .info-row {
        display: flex;
        align-items: center;
        padding: 14px 0;
        border-bottom: 1px dashed #eef1f5;
      }
      .info-row:last-child {
        border-bottom: none;
      }
      .info-icon{
        margin-right: 14px;
      }
      .info-label {
        flex: 0 0 90px;
        font-size: 15px;
        color: #999;
        letter-spacing: 1px;
      }
      .info-value {
        flex: 1;
        font-size: 15px;
        color: #222;
        line-height: 1.7;
        word-break: break-all;
      }
      .info-value a {
        color: #1a5fb4;
        text-decoration: none;
        transition: all 0.2s;
      }
      .info-value a:hover {
        color: #2d8cf0;
        text-decoration: underline;
      }
      .mobile-list {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
      }
      .mobile-list span {
        position: relative;
        padding-left: 12px;
      }
      .mobile-list span::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        background: #1a5fb4;
        border-radius: 50%;
      }

      /* ========== 响应式 ========== */
      @media (max-width: 720px) {
        body {
          padding: 20px 12px;
        }
        .contact-card {
          flex-direction: column;
          min-height: auto;
        }
        .contact-left {
          flex: none;
          padding: 40px 30px;
        }
        .contact-right {
          padding: 35px 30px;
        }
        .brand-cn {
          font-size: 22px;
        }
        .info-label {
          flex-basis: 72px;
        }
      }

@media (max-width: 1200px){
	
.wrapper{ width:95%;}
.foot{ display:none;}
.logo1{ display:none;}

.minfoot{height:46px; display:block;}
.fixednav { height: 46px; border:0 solid #0952a3; position: fixed; left: 0; bottom: 0; background: #095800; width: 100%; }
.fixednav ul { text-align: center; height: 60px; }
.fixednav ul li { display: block; width: 33.3%; float: left; }
.fixednav ul li a { display: block; width: 100%; height: 22px; line-height: 22px; padding-top: 24px; font-size: .75rem; color: #fff; background: url(../img/fixednavicon01.png) no-repeat center -3px; background-size: 35px auto;  }
.fixednav ul li.on a {background-color: #133d0e; color: #fff; }
.fixednav ul li#nav01 a { background-image: url(../img/fixednavicon01.png);  }
.fixednav ul li#nav02 a { background-image: url(../img/fixednavicon02.png);  }
.fixednav ul li#nav03 a { background-image: url(../img/fixednavicon03.png);  }
.fixednav ul li#nav04 a { background-image: url(../img/fixednavicon04.png);  }
.fixednav ul li#nav05 a { background-image: url(../img/fixednavicon05.png);  }
.fixednav ul li#nav11 a { background-image: url(../img/fixednavicon11.png);  }
.fixednav ul li#nav12 a { background-image: url(../img/fixednavicon12.png);  }


.honor .honorz li{ width:16%; margin-right:0.5%; text-align:center;}
.honor .honorz li img{ float:none; margin-right:0;}
.honor .honorz li .word p{ display:none;}
.image-row{ width:96%;}

.product .pro li{ width:23%; margin:30px 1% 0 1%;}
.product .pro li img{ width:100%; margin:auto;}
.product .pro li:nth-child(6n){ margin-right:0.5%;}
.product .pro li p{ font-size:13px;}
.product .pro ul.pro-grid{ grid-template-columns: repeat(3, 1fr) !important;}
.product .pro ul.pro-grid li:last-child{ display:none;}


.inproduct ul.pro-grid{ grid-template-columns: repeat(2, 1fr);}

.contact .cont li{ width:23%; margin:0 1%; line-height:18px;}
.contact .cont li .img { margin-right:8px;}

.news .newstop.fl{ float:none; width:100%;}
.news .newstop.fl .img img{ width:100%;}
.news .newsslide.fr{ float:none; width:96%; padding:0 2%}

.incom .img{ display:none;}
.incom .content{ width:100%;}

.inpro .prolist{ width:100%;}
.inpro .prolist.fl{ float:none;}
.inpro .prolist h1{ display:none;}
.inpro .prolist li{ float:left; width:31%; margin:2px 1%;}
.inpro .inproduct{ width:100%; margin-top:30px;}
.inpro .inproduct li{ width:24%; margin:10px 1% 10px 0; padding:0; background:none; border:none;}
.inpro .inproduct li img{ width:100%;}
.inpro .inproduct li:nth-child(4n){ margin-right:0;}

}


@media (max-width: 720px){
.inbanner{ height:220px; background-size:cover;}
.inbanner h1{ margin-top:60px;}
.top{ display:none;}
.tel{ display:none;}
.menua{ background:url(../img/menu_bg.jpg);}
.menua .menub li{ width:33%;}

.contact .cont ul{ display:grid; grid-template-columns: repeat(2, 1fr);}	
.contact .cont li{ width:100% !important;}

.honor{ margin-top:30px;}
.honor .honorz li{ width:33%;}
.honor .title h1 { font-size: 16px;}
.honor .title p{ font-size:12px;}
.image-row{ grid-template-columns: repeat(2, 1fr);}
.com{ background-position:left;}
.com .company p { width:100%}
.com .company h1{ padding-top:70px; color:#133d0e;}	

.product .title p { display:none;}
.product .pro li{ width:48%; margin:20px 1% 0 1%;}
.product .pro li p{ font-size:14px;}

.contact .title p { display:none;}
.contact .cont li { width: 44%; margin: 0 2% 30px 4%;}
.news .newstop .news_text{ padding:30px;}

.messageinput { width:96%;}

.inpro .prolist li{ width:48%; margin:2px 1%;}
.inpro .prolist li a{ font-size:12px;}
.inpro .inproduct li{ width:49%; margin-right:1%;}

.innew li .innewtime{ display:none;}
.innew li .innewtect{ width:100%;}
.innew li .innewtect h1{ font-size:18px;}
.innew li .innewtect p{ font-size:12px;}	
}