@charset "utf-8";
/* ===== 全局重置 ===== */
body{text-align:left;padding:0;margin:0;font-size:14px;font-family:'Microsoft YaHei','PingFang SC',sans-serif;-webkit-text-size-adjust:none;height:auto;color:#333;background:#fff}
body{overflow-x:hidden;overflow-y:auto}
html{min-width:1280px}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding:0;margin:0}
fieldset{border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0}
a img{border:0;padding:0;margin:0}
i{font-style:normal}
address,caption,cite,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
li{list-style-type:none}
caption{text-align:left}
th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
input,textarea,select{font-family:inherit;font-size:100%}
a:link{color:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{color:#178655;text-decoration:none}
.icon{background-image:url("../images/icon.png");display:inline-block;vertical-align:middle}

/* ===== 通用工具类 ===== */
.fl{float:left}
.fr{float:right}
.left{float:left}
.right{float:right}
.clear{clear:both;font-size:0;margin:0;padding:0;display:block;_height:0;overflow:hidden}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.w1200{width:1200px;margin:0 auto}

/* ===== 顶部信息栏 head_main ===== */
.head_main{z-index:10;background:#333b4a;height:40px;line-height:40px;color:#fff;font-size:12px}
.head_main .right li{display:inline}
.head_main .right li a{display:inline-block;color:#fff;position:relative;z-index:10}
.head_main .right li a img{width:90px;height:90px;position:absolute;top:41px;right:-28px;z-index:10;border-radius:5px;padding:5px;background:#333b4a;opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
.head_main .right li:hover img{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.head_main .right li i{width:18px;height:40px;background-position:-95px 2px;margin-right:8px;margin-left:30px;vertical-align:top}

/* ===== Logo+导航区 top_main / topbox ===== */
.topbox{position:relative;padding:17px 0;z-index:9;border-bottom:1px solid #ecebec;box-shadow:1px 2px 2px rgba(0,0,0,0.1);background:#fff}
.topbox .logo{float:left;display:flex;align-items:center}
.topbox .logo a{display:flex;align-items:center;text-decoration:none}
.topbox .logo .logo-svg{width:48px;height:48px;margin-right:12px;flex-shrink:0}
.topbox .logo .logo-text{display:flex;flex-direction:column;justify-content:center}
.topbox .logo .logo-text .brand{font-size:22px;font-weight:bold;color:#178655;line-height:1.2}
.topbox .logo .logo-text .slogan{font-size:11px;color:#999;letter-spacing:3px;line-height:1.2}
.topbox .logo img{float:left}

/* ===== 导航栏 menubox ===== */
.menubox{float:right}
.menubox ul{display:inline-block;*display:inline;*zoom:1}
.menubox li{float:left;margin-left:35px;text-align:left;position:relative;display:block;text-align:center;padding-top:5px;z-index:9}
.menubox li a{display:inline-block;margin:0 auto;position:relative}
.menubox li a i{width:100%;height:2px;position:absolute;left:0;bottom:7px;display:block;transition:ease-in-out 0.2s;z-index:9}
.menubox li a p{width:100%;height:50px;text-align:center;left:0;top:0;z-index:10;line-height:50px}
.menubox li a:hover,.menubox li a.active,.menubox li a.hover{cursor:pointer}
.menubox li a:hover i,.menubox li a.active i,.menubox li a.hover i{width:100%;bottom:0;background:#178655}
.menubox li a:hover p,.menubox li a.active p,.menubox li a.hover p{color:#178655}
.menubox dl{width:120px;border-radius:0 0 3px 3px;padding-bottom:3px;background:#178655;position:absolute;left:50%;margin-left:-60px;top:55px;z-index:1555;border-top:none}
.menubox dl{opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
.menubox li:hover dl{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.menubox dl dd{border-top:1px solid #0a673e;text-align:center;position:relative;z-index:12;display:block;width:100%;font-size:12px;line-height:40px}
.menubox dl dd a:hover{color:#fff}
.menubox dl dd a{color:#dddada;height:35px;display:block;line-height:35px}

/* 移动端菜单按钮 */
.menu-toggle{display:none;float:right;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}
.menu-toggle span{display:block;width:28px;height:2px;background:#333;margin:3px 0;transition:all .3s}
.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}

/* ===== Banner 轮播 banner_main ===== */
#banner_main{overflow:hidden;position:relative;z-index:2;max-width:1920px;margin:0 auto}
#banner_main .banner{height:600px}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0}
#banner,.banner ul{max-height:600px;overflow:hidden}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display:none}
.banner li:first-child{display:block}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0}
.banner li .banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:5}
.banner li .banner-text h2{font-size:48px;font-weight:bold;text-shadow:0 2px 8px rgba(0,0,0,0.5);margin-bottom:15px}
.banner li .banner-text p{font-size:20px;text-shadow:0 1px 4px rgba(0,0,0,0.5)}
#banner .tip{width:1000px;height:14px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:30px;z-index:3}
#banner .tip span{width:16px;height:16px;margin:0 7px;display:inline-block;cursor:pointer;background:#ddd;border-radius:14px;transition:all .5s}
#banner .tip span.cur{background:#178655}
#banner #btn_prev,#banner #btn_next{width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;z-index:5;opacity:0}
#banner #btn_prev{left:4%}
#banner #btn_next{right:4%}
#banner:hover #btn_prev,#banner:hover #btn_next{opacity:0.7}
#banner #btn_prev:hover,#banner #btn_next:hover{opacity:1}

/* ===== 搜索栏 search ===== */
.search{border-bottom:1px solid #eee}
.search .hot{padding:30px 0;height:40px;line-height:40px}
.search .hot .left{color:#333;font-weight:bold}
.search .hot .left b{color:#178655}
.search .hot .left a{padding:0 10px;color:#787878;font-weight:100}
.search .hot .left a:hover{color:#178655}
.search .hot .right{position:relative}
.search .hot .right .input{width:278px;height:20px;border:1px solid #eee;border-radius:20px;line-height:20px;padding:9px 60px 9px 20px;border:none;font-size:12px;color:#999;position:absolute;right:0px;top:0px;background:#f5f5f5;outline:none;box-sizing:content-box}
.search .hot .right .btn{width:56px;height:38px;border:none;z-index:10;cursor:pointer;position:absolute;right:0px;top:0px;outline:none;background:#178655;color:#fff;border-radius:0 20px 20px 0;font-size:14px;text-align:center;line-height:38px}

/* ===== 区块标题 index_title ===== */
.index_title{text-align:center;padding-top:55px;padding-bottom:40px}
.index_title h3{font-size:32px;font-weight:100;padding-bottom:12px;color:#178655;font-weight:bold}
.index_title p{background:url(../images/line.png) center center no-repeat;width:320px;height:22px;margin:0 auto}
.index_title .en{font-size:14px;color:#999;text-transform:uppercase;letter-spacing:2px}

/* ===== 按钮 more ===== */
.more{text-align:center;padding-bottom:55px}
.more li{float:left}
.more ul{display:inline-block}
.more a{width:141px;height:35px;display:block;color:#178655;margin:0 19px;border:2px solid #178655;line-height:35px;border-radius:4px;font-size:18px}
.more a:hover{box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.more .ewmbtn{background:#178655;color:#fff}

/* ===== 产品展示 floor_1 / product-section ===== */
.product-section{padding-bottom:60px}
.product-section .body{overflow:hidden}
.product-section .body ul{width:100%}
.product-section .body li{width:385px;float:left;margin-right:22px;margin-bottom:22px;position:relative;border-radius:5px;transition:all .5s}
.product-section .body li:nth-child(3n){margin-right:0}
.product-section .body li .img{width:100%;height:289px}
.product-section .body li .img img{width:100%;height:100%;display:block;border-radius:5px;object-fit:cover}
.product-section .body li .txt{position:absolute;left:0;bottom:0;height:60px;background:rgba(0,0,0,0.6);width:100%;border-radius:0 0 5px 5px;color:#fff;transition:all .5s}
.product-section .body li .txt h3{font-size:18px;font-weight:100;line-height:60px;text-align:center;transition:all .5s}
.product-section .body li .txt span{margin:0 auto;margin-top:20px;display:block;border:1px solid #fff;text-align:center;width:123px;height:33px;line-height:33px;border-radius:5px;opacity:0;transition:all .5s}
.product-section .body li:hover{box-shadow:2px 5px 2px rgba(0,0,0,0.1)}
.product-section .body li:hover .txt{background:rgba(23,134,85,0.9);height:100%;border-radius:5px}
.product-section .body li:hover .txt h3{padding-top:89px}
.product-section .body li:hover .txt span{opacity:1}

/* ===== 业务优势 floor_2 / advantage-section ===== */
.advantage-section{background:#f7f7f7;padding-bottom:50px}
.advantage-section .box1 .left{width:690px;padding-top:12px}
.advantage-section .box1 .left li{border-bottom:1px dashed #b3b3b3;padding-bottom:32px;margin-bottom:32px}
.advantage-section .box1 .left li .fl{width:117px;margin-right:20px}
.advantage-section .box1 .left li .fl img,.advantage-section .box1 .left li .fl svg{width:117px;height:auto}
.advantage-section .box1 .left li .fr{float:left;width:540px}
.advantage-section .box1 .left li .fr h3{font-size:24px;font-weight:100;padding-top:20px;padding-bottom:16px}
.advantage-section .box1 .left li .fr h3 b{color:#ddd;margin-right:5px}
.advantage-section .box1 .left li .fr .p{color:#666;line-height:24px;padding-left:15px;text-align:justify;height:70px;overflow:hidden}
.advantage-section .box1 .right{width:489px}
.advantage-section .box1 .right img{width:100%;height:350px;object-fit:cover;border-radius:10px}
.advantage-section .box2{padding:50px 0}
.advantage-section .box2 .left{float:right;padding-top:0}
.advantage-section .box2 .left li .fr{width:520px}
.advantage-section .box2 .right{float:left}
.advantage-section .box2 .left li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.advantage-section .box2 .left li{padding-bottom:29px;margin-bottom:29px}

/* ===== 案例展示 floor_3 / case-section ===== */
.case-section{padding-bottom:50px}
.case-section .body{overflow:hidden}
.case-section .body ul{width:112%}
.case-section .body li{margin-bottom:40px;width:370px;float:left;margin-right:45px;position:relative;border-radius:5px;overflow:hidden;transition:all .5s}
.case-section .body li .img{width:100%;height:278px}
.case-section .body li .img img{width:100%;height:100%;border-radius:5px;object-fit:cover}
.case-section .body li .txt{position:absolute;left:0;bottom:0;height:67px;background:#666;width:100%;border-radius:0 0 5px 5px;color:#fff;text-align:center;line-height:67px;transition:all .5s}
.case-section .body li .txt h3{font-size:20px;font-weight:100;line-height:67px}
.case-section .body li .txt span{margin:0 auto;display:block;border:1px solid #fff;text-align:center;width:123px;height:33px;line-height:33px;border-radius:5px;margin-top:0;opacity:0;transition:all .5s}
.case-section .body li:hover{box-shadow:2px 5px 2px rgba(0,0,0,0.1)}
.case-section .body li:hover .txt{background:rgba(23,134,85,0.9);height:100%;border-radius:5px}
.case-section .body li:hover .txt h3{padding-top:78px}
.case-section .body li:hover .txt span{opacity:1}

/* ===== CTA 横幅 floor_4 / cta-section ===== */
.cta-section{background:#178655;width:100%;height:168px;margin-bottom:50px}
.cta-section .w1200{overflow:hidden}
.cta-section .left{padding-top:27px}
.cta-section .left h3{color:#fff;font-size:36px;font-weight:bold;padding-top:10px}
.cta-section .left p{color:#fff;font-size:20px;font-weight:100;padding-top:10px}
.cta-section .right{width:410px;height:168px;position:relative}
.cta-section .right h3{color:#fff;font-family:arial;font-size:26px;padding-top:33px;padding-left:35px}
.cta-section .right p{font-size:20px;color:#fff;padding-top:40px}
.cta-section .right img{position:absolute;right:1px;width:110px;height:110px;padding:5px;background:#fff;top:23px}

/* ===== 关于我们 floor_5 / about-section ===== */
.about-section{background:#f7f7f7;padding-top:60px;border-radius:10px;padding-bottom:37px;overflow:hidden;margin-bottom:50px}
.about-section .left{position:relative;width:530px;margin-left:60px;padding:11px}
.about-section .left:before{content:" ";position:absolute;left:0;bottom:0;width:130px;height:160px;background:#178655;border-radius:5px}
.about-section .left:after{content:" ";position:absolute;top:0;right:0;bottom:0;width:130px;height:160px;background:#178655;border-radius:5px}
.about-section .left img{position:relative;width:530px;height:350px;display:block;border-radius:5px;z-index:1;object-fit:cover}
.about-section .right{width:483px;padding-right:67px}
.about-section .right h3{color:#178655;font-size:24px;line-height:58px}
.about-section .right h4{font-size:16px;color:#999;font-weight:100;padding-bottom:25px}
.about-section .right .p{color:#666;line-height:24px}
.about-section .right a{width:141px;height:35px;display:block;color:#178655;text-align:center;border:2px solid #178655;line-height:35px;border-radius:4px;font-size:20px;margin-top:30px}
.about-section .right a:hover{width:220px;background:#178655;color:#fff}

/* ===== 新闻中心 floor_6 / news-section ===== */
.news-section{padding-bottom:40px}
.news-section .cont{padding-bottom:40px}
.news-section .newsimg{width:432px;height:477px;overflow:hidden;position:relative;padding:3px;border:1px solid #ddd}
.news-section .newsimg img{width:100%;height:324px;object-fit:cover}
.news-section .newsimg .txt{padding:10px 20px}
.news-section .newsimg h3{color:#434343;font-size:22px;transition:all .5s}
.news-section .newsimg p{color:#999;line-height:24px;text-align:justify;padding-top:10px}
.news-section .newsimg:hover h3{color:#178655}
.news-section .textlist{width:730px;margin-left:30px}
.news-section .textlist .item{border-bottom:1px dashed #e5e5e5;height:69px;padding:15px 0}
.news-section .textlist .item:first-child{padding-top:0}
.news-section .textlist .item a{display:block}
.news-section .textlist .item h3{font-size:18px;vertical-align:top;color:#333;transition:all .5s}
.news-section .textlist .item p{font-size:14px;line-height:21px;color:#999;text-align:justify}
.news-section .textlist .item .time{display:block;width:70px;height:70px;font-size:14px;line-height:22px;margin-right:20px;color:#999;background:#f2f2f2;text-align:center}
.news-section .textlist .item .time b{font-weight:normal;display:block;font-size:30px;line-height:45px}
.news-section .textlist .item:hover h3{color:#178655}

/* ===== 友情链接 links_main ===== */
.links_main{border-top:1px solid #e5e5e5;line-height:90px;height:90px}
.links_main span{color:#178655;font-size:36px;font-weight:bold;margin-right:40px;display:block;float:left}
.links_main a{padding:0 30px}

/* ===== 合作伙伴 partner-section ===== */
.partner-section{padding:40px 0;border-top:1px solid #eee}
.partner-section .tit h3{font-size:24px;color:#178655}
.partner-section .tit h3 s{display:inline-block;width:20px;height:20px;background:#178655;border-radius:50%;margin-right:8px;vertical-align:middle}
.partner-section .tit p{color:#999;font-size:14px;margin-left:15px;line-height:36px}
.partner-section .bd{width:900px}
.partner-section .bd ul{display:flex;flex-wrap:wrap;justify-content:flex-start}
.partner-section .bd li{width:140px;height:60px;margin:5px 5px;border:1px solid #eee;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s}
.partner-section .bd li:hover{border-color:#178655;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.partner-section .bd li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;font-weight:bold;color:#666;padding:10px}
.partner-section .bd li:hover a{color:#178655}

/* ===== 页脚 bottom_main / footer ===== */
.footer{background:#1c2129;padding:41px 0 60px}
.footer b{color:#fff;font-size:20px;float:left;width:109px}
.footer .bott_nav{border-bottom:1px solid #666;padding-bottom:27px;overflow:hidden;line-height:20px}
.footer .bott_nav .right{width:1082px}
.footer .bott_nav .right ul{width:100%}
.footer .bott_nav .right li{float:left}
.footer .bott_nav .right a{color:#999;font-size:16px;padding:0 35px;line-height:16px;height:16px;border-left:1px solid #555}
.footer .bott_nav .right ul li:first-child a{border-left:none}
.footer .bott_nav .right a:hover{color:#fff}
.footer .txt{padding-top:47px}
.footer .txt .t{color:#fff;font-size:18px;font-weight:bold}
.footer .txt .box1{width:344px}
.footer .txt .box1 img{opacity:0.7;padding-top:16px;max-width:180px}
.footer .txt .box2{width:383px}
.footer .txt .box2 .clearfix{padding-top:21px;width:268px}
.footer .txt .box2 .fl{float:left;width:11px}
.footer .txt .box2 .fl i{width:11px;height:20px;margin-right:10px;color:#178655}
.footer .txt .box2 .fr{color:#999;float:right;width:250px;line-height:24px}
.footer .txt .box3{width:353px}
.footer .txt .box3 ul{padding-top:21px}
.footer .txt .box3 li{color:#999;line-height:24px}
.footer .txt .box3 li i{width:17px;height:18px;margin-right:10px;color:#178655}
.footer .txt .box4 img{width:90px;height:90px;padding:5px;background:#fff}

/* ===== 版权 bottom_copy ===== */
.bottom_copy{height:50px;line-height:50px;background:#1a1a1a;color:#666;font-size:12px}
.bottom_copy a{color:#666}
.bottom_copy a:hover{color:#fff}

/* ===== 内页 Banner n-banner ===== */
.n-banner{width:100%;position:relative;height:300px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}
.n-banner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1}
.n-banner .inner{position:relative;z-index:2;color:#fff;text-align:center;padding-top:110px}
.n-banner .inner h2{font-size:36px;font-weight:bold}
.n-banner .inner p{font-size:16px;padding-top:10px;opacity:0.8}

/* ===== 面包屑 ntit / ntt / weiz ===== */
.ntit{height:60px;line-height:60px;background:#f7f7f7;border-bottom:1px solid #eee}
.ntit .ntt{display:flex;justify-content:space-between;align-items:center}
.ntit .ntt .ttl h1{font-size:22px;color:#178655;font-weight:bold;display:inline}
.ntit .ntt .ttl i{font-size:12px;color:#999;text-transform:uppercase;margin-left:10px}
.ntit .ntt .weiz{font-size:14px;color:#999}
.ntit .ntt .weiz a{color:#666}
.ntit .ntt .weiz a:hover{color:#178655}
.ntit .ntt .weiz span{color:#178655}

/* ===== 内页主体 bg_main ===== */
.bg_main{padding-bottom:50px;min-height:640px}

/* ===== 关于我们页面 about-box ===== */
.about-box .box1{padding-top:105px;padding-bottom:100px;overflow:hidden}
.about-box .box1 .fl{padding-top:32px}
.about-box .box1 .fl h1{font-size:80px;text-transform:uppercase;font-family:arial;line-height:80px;color:#178655}
.about-box .box1 .fl p{font-size:24px;padding-bottom:88px}
.about-box .box1 .fr{width:611px}
.about-box .box1 .fr h1{font-size:24px;font-weight:100}
.about-box .box1 .fr span{display:block;background:#b0b0b0;width:20px;height:2px;margin:13px 0 24px}
.about-box .box1 .fr h2{font-size:18px}
.about-box .box1 .fr p{line-height:30px;padding-top:12px;color:#666}
.about-box .bg_20{height:20px;width:100%;background:#eaeaea}

/* ===== 时间轴 timeline ===== */
.timeline{padding:50px 0}
.timeline .item{position:relative;padding:0 0 50px 50px;border-left:2px solid #178655}
.timeline .item:last-child{border-left-color:transparent}
.timeline .item .dot{position:absolute;left:-9px;top:0;width:16px;height:16px;background:#178655;border-radius:50%}
.timeline .item .year{font-size:20px;font-weight:bold;color:#178655;padding-bottom:5px}
.timeline .item .desc{color:#666;line-height:24px}

/* ===== 企业文化卡片 culture-card ===== */
.culture-cards{display:flex;gap:30px;padding:40px 0}
.culture-cards .card{flex:1;text-align:center;padding:40px 20px;border-radius:10px;background:#f7f7f7;transition:all .3s}
.culture-cards .card:hover{background:#178655;color:#fff;transform:translateY(-5px)}
.culture-cards .card .icon-box{width:80px;height:80px;margin:0 auto 20px;line-height:80px;font-size:36px;background:#fff;border-radius:50%;color:#178655}
.culture-cards .card:hover .icon-box{color:#fff;background:rgba(255,255,255,0.2)}
.culture-cards .card h3{font-size:20px;font-weight:bold;padding-bottom:10px}
.culture-cards .card p{font-size:14px;line-height:24px}

/* ===== 团队 team-grid ===== */
.team-grid{display:flex;flex-wrap:wrap;gap:30px;padding:40px 0}
.team-grid .member{width:270px;text-align:center;border-radius:10px;overflow:hidden;background:#f7f7f7;transition:all .3s}
.team-grid .member:hover{box-shadow:0 5px 20px rgba(0,0,0,0.15);transform:translateY(-5px)}
.team-grid .member img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:20px auto 10px;display:block}
.team-grid .member h3{font-size:18px;font-weight:bold;padding-top:10px}
.team-grid .member p{color:#999;font-size:14px;padding:5px 0 20px}

/* ===== 产品列表页 product-list ===== */
.product-list{padding-top:40px}
.product-list .items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-list .items:after{display:none}
.product-list .items .p-item{position:relative;border-radius:5px;transition:all .5s;background:#fff;border:1px solid #efefef;overflow:hidden}
.product-list .items .p-item .img{width:100%;height:260px;overflow:hidden}
.product-list .items .p-item .img img{width:100%;height:100%;object-fit:cover;transition:.9s}
.product-list .items .p-item:hover .img img{transform:scale(1.2)}
.product-list .items .p-item .info{padding:15px 20px}
.product-list .items .p-item .info h3{font-size:18px;color:#333;padding-bottom:8px;transition:all .3s}
.product-list .items .p-item .info p{color:#666;line-height:22px;font-size:13px}
.product-list .items .p-item:hover{box-shadow:0 1px 5px rgba(0,0,0,0.2)}
.product-list .items .p-item:hover .info h3{color:#178655}

/* ===== 产品详情 product-detail ===== */
.product-detail{padding-top:50px}
.product-detail .pd-top{display:flex;gap:40px}
.product-detail .pd-top .pd-img{width:500px;height:400px;overflow:hidden;border-radius:8px;border:1px solid #eee}
.product-detail .pd-top .pd-img img{width:100%;height:100%;object-fit:cover}
.product-detail .pd-top .pd-info{flex:1}
.product-detail .pd-top .pd-info h1{font-size:28px;font-weight:bold;color:#178655;padding-bottom:20px}
.product-detail .pd-top .pd-info .desc{color:#666;line-height:28px;text-align:justify}
.product-detail .pd-table{width:100%;border-collapse:collapse;margin:30px 0}
.product-detail .pd-table th,.product-detail .pd-table td{border:1px solid #e5e5e5;padding:12px 15px;text-align:left}
.product-detail .pd-table th{background:#f7f7f7;font-weight:bold;width:150px;color:#178655}
.product-detail .pd-table td{color:#666}
.product-detail .pd-features{padding:20px 0}
.product-detail .pd-features h3{font-size:22px;color:#178655;font-weight:bold;padding-bottom:20px}
.product-detail .pd-features ul li{padding:10px 0;line-height:24px;color:#666}
.product-detail .pd-features ul li:before{content:"✓";color:#178655;font-weight:bold;margin-right:10px}

/* ===== 新闻列表 news-list ===== */
.news-list{padding-top:40px}
.news-list .n-item{padding:37px 0;border-bottom:1px solid #eaeaea;position:relative;display:flex;gap:40px}
.news-list .n-item .n-img{width:253px;height:190px;overflow:hidden;flex-shrink:0}
.news-list .n-item .n-img img{width:100%;height:100%;object-fit:cover;transition:.9s}
.news-list .n-item:hover .n-img img{transform:scale(1.1)}
.news-list .n-item .n-content{flex:1;padding-top:30px}
.news-list .n-item .n-content h1{font-size:20px;color:#333;padding-bottom:10px;transition:all .3s}
.news-list .n-item .n-content p{color:#666;line-height:24px;height:75px;overflow:hidden}
.news-list .n-item .n-content span{font-size:12px;color:#999}
.news-list .n-item:hover .n-content h1{color:#178655}
.news-list .n-item .n-date{text-align:center;padding-top:55px;flex-shrink:0;width:100px}
.news-list .n-item .n-date h3{font-size:36px;color:#999;font-weight:100}
.news-list .n-item .n-date p{font-size:24px;color:#bbb;padding-top:10px}

/* ===== 新闻详情 news-detail ===== */
.news-detail{padding-top:50px}
.news-detail .nd-title{padding-bottom:20px;border-bottom:1px solid #f2f2f2;text-align:center}
.news-detail .nd-title h1{font-size:30px;font-weight:100}
.news-detail .nd-title span{line-height:18px;font-family:arial;color:#959595;margin:0 5px}
.news-detail .nd-content{color:#666;line-height:30px;text-align:justify;padding:25px 0}
.news-detail .nd-content img{max-width:100%;border-radius:8px;margin:15px 0}
.news-detail .nd-content p{padding:10px 0}

/* ===== 上下篇导航 reLink ===== */
.reLink{height:38px;line-height:38px;border:1px solid #e6e6e6;padding:0 15px;margin-bottom:50px;display:flex;justify-content:space-between}
.reLink .prevLink,.reLink .nextLink{width:50%}
.reLink .nextLink{text-align:right}
.reLink a{transition:all ease 500ms}
.reLink a:hover{color:#178655}

/* ===== 联系我们 contact-box ===== */
.contact-box{padding-top:40px}
.contact-box .info-list{display:flex;gap:30px;padding:48px 0;flex-wrap:wrap}
.contact-box .info-list li{flex:1;min-width:200px;display:flex;align-items:center;gap:15px}
.contact-box .info-list li .c-icon{width:56px;height:56px;background:#178655;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}
.contact-box .info-list li .c-text b{font-size:18px;color:#178655;display:block;padding-bottom:5px}
.contact-box .info-list li .c-text span{color:#666;font-size:14px}

/* ===== 留言表单 form-box ===== */
.form-box{padding-bottom:50px}
.form-box h1{font-size:36px;padding-bottom:15px;text-align:center}
.form-box .subtitle{font-size:16px;color:#828282;line-height:24px;padding-bottom:46px;text-align:center}
.form-box .subtitle b{color:#178655}
.form-box .form-row{display:flex;gap:30px;margin-bottom:30px}
.form-box .form-row .form-group{flex:1;position:relative}
.form-box .form-group input{width:100%;height:50px;line-height:50px;border:1px solid #e5e5e5;padding:0 15px;font-size:16px;color:#333;box-sizing:border-box;outline:none;transition:all .3s}
.form-box .form-group input:focus{border-color:#178655}
.form-box .form-group textarea{width:100%;height:240px;border:1px solid #e5e5e5;padding:15px;font-size:16px;color:#333;box-sizing:border-box;resize:none;outline:none;font-family:'Microsoft YaHei',sans-serif;transition:all .3s}
.form-box .form-group textarea:focus{border-color:#178655}
.form-box .sub-btn{width:232px;line-height:46px;border:2px solid #178655;background:#178655;color:#fff;cursor:pointer;font-size:18px;display:block;margin:0 auto;transition:all ease 300ms}
.form-box .sub-btn:hover{background:#fff;color:#178655}

/* ===== 右侧浮动工具栏 toolbar ===== */
.toolbar{position:fixed;top:50%;right:1%;margin-top:-163px;z-index:100;width:80px}
.toolbar dd{position:relative;float:left;width:80px;height:80px;background:#178655;margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s}
.toolbar dd:first-child{margin-top:0}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px}
.toolbar dd span{display:block;color:#fff}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;height:100%;margin-right:10px;border-radius:5px;background:#178655;opacity:0;transition:all .5s;display:flex;flex-direction:column;justify-content:center;align-items:center}
.toolbar dd.tel .box p{font-size:14px;margin:5px auto 7px}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold}
.toolbar dd.code .box{position:absolute;top:0;width:162px;right:-172px;height:162px;margin-right:10px;border-radius:5px;background:#178655;opacity:0;transition:all .5s;display:flex;align-items:center;justify-content:center}
.toolbar dd.code .box img{width:140px;height:140px;padding:11px}
.toolbar dd:hover{background:#333}
.toolbar dd.tel:hover .box{opacity:1;right:80px}
.toolbar dd.code:hover .box{opacity:1;right:80px}

/* ===== 图片兜底 ===== */
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:8px}

/* ===== 淡入动画 ===== */
.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* ===== 弹窗 ewm ===== */
.ewmbox{width:300px;height:320px;padding-top:20px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;margin:-170px 0 0 -150px;text-align:center;font-size:16px;display:none}
.ewmbox .close{width:32px;height:32px;position:absolute;top:-25px;right:-40px;cursor:pointer;border-radius:100%;background:#f3f3f3;transition:all ease 300ms;line-height:32px;text-align:center;font-size:20px;color:#333}
.ewmbox .close:hover{transform:rotate(180deg)}
.ewmbox img{width:260px;height:260px;display:block;margin:0 auto 10px}
.dialog-layout{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3}

/* ===== 响应式 平板 768-1200 ===== */
@media screen and (max-width:1200px){
  html{min-width:auto}
  .w1200{width:96%;padding:0 2%}
  .menubox li{margin-left:20px}
  .product-section .body li{width:31%;margin-right:3.5%}
  .product-section .body li:nth-child(3n){margin-right:0}
  .case-section .body li{width:30%;margin-right:5%}
  .case-section .body ul{width:100%}
  .advantage-section .box1 .left{width:55%}
  .advantage-section .box1 .right{width:42%}
  .advantage-section .box1 .left li .fr{width:auto}
  .news-section .newsimg{width:35%}
  .news-section .textlist{width:60%}
  .about-section .left{width:45%;margin-left:20px}
  .about-section .right{width:45%;padding-right:20px}
  .about-section .left img{width:100%}
  .partner-section .bd{width:70%}
  .footer .txt .box1,.footer .txt .box2,.footer .txt .box3{width:30%}
}

/* ===== 响应式 手机 <768px ===== */
@media screen and (max-width:768px){
  html{min-width:auto}
  .w1200{width:92%;padding:0 4%}
  .head_main .left{display:none}
  .head_main .right{float:none;text-align:center}
  .head_main .right li i{margin-left:10px}
  .topbox .logo .logo-text .brand{font-size:16px}
  .topbox .logo .logo-svg{width:36px;height:36px}
  .menu-toggle{display:flex}
  .menubox{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:999;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
  .menubox.open{display:block}
  .menubox ul{display:block}
  .menubox li{float:none;margin-left:0;border-bottom:1px solid #eee}
  .menubox li a p{height:45px;line-height:45px;text-align:left;padding:0 20px}
  .menubox dl{position:static;width:100%;margin-left:0;opacity:1;visibility:visible;transform:none;background:#f7f7f7;display:none}
  .menubox li:hover dl{display:block}
  .menubox dl dd a{color:#666}
  #banner_main .banner{height:300px}
  .banner li img{width:100%;left:0;margin-left:0}
  .banner li .banner-text h2{font-size:24px}
  .banner li .banner-text p{font-size:14px}
  #banner .tip{width:90%;margin-left:-45%}
  .search .hot .left{display:none}
  .search .hot .right{float:none}
  .search .hot .right .input{position:static;width:100%;box-sizing:border-box}
  .search .hot .right .btn{right:5px}
  .product-section .body li{width:48%;margin-right:4%;margin-bottom:15px}
  .product-section .body li:nth-child(3n){margin-right:4%}
  .product-section .body li:nth-child(2n){margin-right:0}
  .advantage-section .box1 .left,.advantage-section .box1 .right{width:100%;float:none}
  .advantage-section .box1 .right img{height:250px}
  .advantage-section .box2 .left{float:none}
  .advantage-section .box1 .left li .fr{width:calc(100% - 137px)}
  .case-section .body li{width:48%;margin-right:4%}
  .case-section .body ul{width:100%}
  .cta-section{height:auto;padding:30px 0}
  .cta-section .left{float:none;padding-top:0;text-align:center}
  .cta-section .right{float:none;width:100%;height:auto;text-align:center}
  .cta-section .right img{position:static;margin:10px auto}
  .about-section .left{width:100%;margin-left:0;float:none}
  .about-section .left img{width:100%;height:250px}
  .about-section .left:before,.about-section .left:after{display:none}
  .about-section .right{width:100%;float:none;padding-right:0;padding-top:20px}
  .news-section .newsimg{width:100%;float:none;margin-bottom:20px}
  .news-section .textlist{width:100%;float:none;margin-left:0}
  .links_main span{font-size:24px;margin-right:10px}
  .partner-section .bd{width:100%}
  .footer .bott_nav .right{width:100%}
  .footer .bott_nav .right a{padding:0 10px;font-size:13px}
  .footer .txt .box1,.footer .txt .box2,.footer .txt .box3,.footer .txt .box4{width:100%;float:none;margin-bottom:20px}
  .product-detail .pd-top{flex-direction:column}
  .product-detail .pd-top .pd-img{width:100%;height:300px}
  .culture-cards{flex-direction:column}
  .team-grid .member{width:45%}
  .contact-box .info-list{flex-direction:column}
  .form-box .form-row{flex-direction:column}
  .toolbar{display:none}
  .about-box .box1 .fl,.about-box .box1 .fr{width:100%;float:none}
  .about-box .box1 .fl h1{font-size:40px}
  .news-list .n-item{flex-direction:column}
  .news-list .n-item .n-img{width:100%;height:200px}
  .news-list .n-item .n-date{position:absolute;right:0;top:37px;padding-top:0}
  .product-list .items{grid-template-columns:repeat(2,1fr);gap:15px}
}