@charset "utf-8";
:root{--color:#129341}
.home-container .news-product .news-content .ircn {height:50px}
.common-content .nav-list>ul>li.LiLevel1>a{font-weight:bold}
header nav,header nav ul .submenu li,.home-container .news-product,footer .footer-top{background:#f5f5f5}
header nav ul .inmenu_1,header nav ul>li:hover>a{color:var(--color)}
header nav ul .submenu li:hover a{background:var(--color);color:#fff}
@media (min-width:961px){header nav .search-input .searchbtn{color:#fff}}
@media (max-width:960px){header nav ul>li:hover>a{color:var(--color)}
header nav ul .submenu li{background:#fff}
header nav ul .submenu li:hover a{background:#fff;color:var(--color)}}
footer .footer-copy .top-btn i,footer .footer-copy{color:#fff}
.home-container .news-product .section-title{color:#222}
.home-container .news-product .section-title:after{background:#222}
.home-container .news-product .news-list-btn>div{border-color:#333;color:#333}
.home-container .news-product .pro-btn a{border-color:var(--color);color:var(--color)}
footer .footer-top .footer-title,footer .footer-top .footer-intro>p,footer .footer-top .footer-intro .date,footer .footer-top .footer-nav li a{color:#111}
footer .footer-top .footer-nav li:after{border-color:#111}
.common-container .common-content .title,.addToCart, .common-main .pro-top .pro-con .btn-list .send-btn, .common-main .pro-top .pro-con .btn-list>a,.common-main .pro-detail .pro-detail-title h3{color:#fff}
.home-container .news-product .stit{text-align:center;font-size:18px;margin-top:20px}
@media (max-width:500px){.home-container .news-product .stit{font-size:14px;margin-top:10px}}
@media (max-width:768px){.home-container .about-content p{-webkit-line-clamp:inherit;max-height:inherit}
.home-container .about-btn{display:block}}
.home-container .video {background:url(/uploads/202340296/ImgScroll/bacf5a6bf9-9b51-43ec-9426-cfd444bbcf50.jpg) no-repeat; background-size:cover}
header .header-top .top-right>span {display:none}
footer .footer-top .footer-code img {margin-bottom:10px}
.footer-code ul {display:flex;flex-wrap:wrap}
.footer-code ul li {margin:8px 10px 0 0}
.footer-code ul li a i {font-size:22px}
.footer-code ul li a:hover {color:var(--color)}
header .header-top .top-info{display:none}
@media (min-width:769px){header .header-top{display:none}
header {position:fixed;width:100%;top:0;z-index:999999}
header nav {position:relative!important;top:0!important}}
:root{--color:#8d9a7c}
.video lite-youtube{width:100% !important;max-width:100%;height:800px !important}
.home-container .video .contain{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.home-container .video .contain .left{width:49%;}
.home-container .video .contain .right{width:49%;}
.home-container .video .contain .right .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.home-container .video .contain .right .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
@media (max-width:768px){.video lite-youtube{height:350px !important}
.home-container .video .contain .left,.home-container .video .contain .right{width:100%;margin:10px 0;}
.home-container .video h2{margin-top:0;}}
.home-case {padding:0 260px 50px}
.home-case-list {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.home-case-list li {width:19%;margin-bottom:30px;background:#f7f7f7;transition:.3s}
.home-case-list li .home-case-pic {position:relative;padding-bottom:75%;width:100%}
.home-case-list li .home-case-pic img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}
.home-case-list li .home-case-content {padding:15px 10px}
.home-case-list li .home-case-tit {font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px;line-height:24px;margin-bottom:8px;height:48px}
.home-case-list li p {font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6}
.home-case-list li:hover {box-shadow:0 0 5px #aaa}
.home-case-list li:hover .home-case-tit {color:var(--color)}
@media (max-width:1600px) {.home-case {padding:0 100px 50px}}
@media (max-width:1280px) {.home-case {padding:0 50px 50px}}
@media (max-width:1080px) {.home-case {padding:0 25px 50px}}
@media (max-width:960px){.home-case-list li{width:48%}}
@media (max-width:768px) {.home-case {padding:0 4vw 30px}}
@media (max-width:560px){.home-case{padding:10px 4vw}
li#licase>a{pointer-events:none}
.home-case-list li .home-case-content{padding:10px}
.home-case-list li .home-case-tit{font-size:15px}}
.nycasetitle {font-weight:bold;font-size:20px;margin-bottom:15px}
.nycasebox p {margin-bottom:6px}
.nycasebox-list {display:flex;flex-wrap:wrap}
.nycasebox-list li {width:32%;margin:20px 2% 0 0;position:relative;padding-bottom:23.8%;border:1px solid #ccc;box-sizing:border-box}
.nycasebox-list li:nth-child(3n) {margin-right:0}
.nycasebox .nycasebox-list li img{width:100%;height:100%!important;position:absolute;object-fit:contain}
.nydesign .nycasebox-list li{padding:0}
.nydesign .nycasebox-list li img{position:static;display:block}
@media (max-width:768px){.nycasetitle{font-size:18px}
.nycasebox-list li {width:48%;margin:20px 4% 0 0;padding-bottom:35.8%}
.nycasebox-list li:nth-child(3n) {margin-right:4%}
.nycasebox-list li:nth-child(2n) {margin-right:0}}
@media (min-width:961px){li#licase {position:relative}
li#licase ul li a {white-space:nowrap;max-width:400px;text-overflow: ellipsis;overflow: hidden;display: block}
li#licase ul {transform:translate(-50%,0) rotateX(90deg)!important;left:50%}
li#licase:hover ul {transform:translate(-50%,0) rotateX(0deg)!important}}
@media (max-width:1600px) and (min-width:961px){li#licase ul li a{max-width:300px}}
@media (max-width:1280px) and (min-width:961px){li#licase ul li a{max-width:220px}}
header nav ul .submenu li a {text-transform:capitalize}
@media (max-width:960px){header nav ul .submenu li a{line-height:1.4;padding:7px 10px}}
@media (min-width:1025px){header nav ul.lang-wrap{height:auto;display:block;}
header nav .lang-wrap li{margin:0;}
header nav .lang-icon span{color:#000;}
header nav .lang-icon span:before,header nav .lang-icon span:after{background:#000}
header nav .lang-wrap li a{text-transform: inherit;color:#000 !important;}}
.promain.common-container .breadcrumbs-nav h1,.promain.common-container .breadcrumbs-nav h2{display:none;}
.index-feed{padding: 3% 0;}
.index-feed .l-wrap {width: 100%;max-width: 1400px;padding: 0px 70px;margin: 0px auto;}