﻿@charset "utf-8";
:root{--color:#00843E}
.abouts-content {line-height: 1.7em}
table.table td {border: 1px solid #2b2b2b}
.about-img iframe{height:400px}
footer .footer-container .bottom-info .intro .contact-list li{background:0 0}
.pro-detail-content .pro-intro article {padding-left:0;padding-right:0;max-width:850px;margin:0 auto}
.pro-detail-content .pro-intro .intro-title {margin:0 auto;max-width:850px}
header nav ul li a{white-space:nowrap}
.floatwindow_chat_box .floatwindow_more_box{height:38px !important}
@media screen and (min-width:769px){header nav ul {position:static}
header nav ul .submenu.nav1 {height:auto;right:auto;padding:20px 260px;box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;left:0;display:flex!important;align-items: flex-start}
header nav ul .submenu.nav1>li {display:block;width:18%;margin:15px 2.5% 15px 0}
header nav ul .submenu.nav1>li:nth-child(5n) {margin-right:0}
header nav ul .submenu.nav1>li>a {display:block;text-align:left;font-size:18px;line-height:40px;border-bottom:1px solid #ccc;margin-bottom:5px}
header nav ul .submenu.nav1 ul {display:block}
header nav ul .submenu li:after {display:none}
header nav ul .submenu.nav1 ul li {margin:0;display:block;line-height:30px}
header nav ul .submenu.nav1 ul li a {display:block;text-align:left}}
@media screen and (max-width:1520px) and (min-width:769px){header nav ul .submenu.nav1{padding-left:100px;padding-right:100px}}
@media screen and (max-width:1280px) and (min-width:769px){header nav ul .submenu.nav1{padding-left:50px;padding-right:50px}}
@media screen and (max-width:1080px) and (min-width:769px){header nav ul .submenu.nav1{padding-left:25px;padding-right:25px}
header nav ul .submenu.nav1>li>a{font-size:16px}}
header nav ul li{margin:0 14px}
@media screen and (max-width:1440px){header nav ul li{margin:0 8px}}
.indexvideo .container{max-width:1200px;margin:0 auto;padding:0 15px}
.indexvideo{margin-top:50px}
.indexvideo lite-youtube{max-width:100%;height:100%}
footer .footer-container .bottom-info .intro .contact-list{margin-top:20px}
footer .footer-container .bottom-info{height:auto}
fieldset{padding:0;border-color:#ccc !important;margin:30px 0}
fieldset span{padding-right:15px}
.common-container .breadcrumbs-nav{border:none}
fieldset span{font-family:'Nunito' !important;line-height:1.7}
.contact-logo img {max-width: 100px}
footer .footer-top .contact-left .contact-logo img{border-radius:0 0 50% 50%}
.abouts-content img { display: block; margin: auto;max-width: 800px; height: auto}
@media (max-width:800px){.abouts-content img{max-width:100%}}
.info-whatsapp {margin-right: 30px}
.About .abouts-content {padding: 0}
.aboutCon {max-width: 1300px;padding: 0 20px;margin: 0 auto;width:100%}
footer .footer-container .bottom-info .intro .contact-list li:first-child img{background: #3dc711}
.aboutTit {margin-bottom: 50px}
.aboutTit:after {content: "02"}
@media screen and (min-width: 769px){.proTypeList.hot-product ul li{width: 24%}}
footer .footer-top{height: auto;padding: 0}
.welcome-info img {margin: 50px 0 100px;width: 100%}
.home-container .welcome-info{max-width: 1600px;margin: 100px auto 0}
.home-container .proTypeList.hot-product{margin-top: 60px}
.home-container .proTypeList.hot-product .h2{font-size: 52px;text-align: center;color: #202020;font-weight: 700}
@media (max-width:768px){.home-container .proTypeList.hot-product .h2{font-size: 20px}}
.indexvideo .container{display: none}
.home-container .hot-product ul{max-width: 1600px;margin: 80px auto 0}
@media (max-width:1600px) {.home-container .welcome-info{padding: 0 3%}.home-container .hot-product ul{padding: 0 3%}}
footer .footer-container>ul>li.map .logo{background-image:url(/js/32114/footer-contact.png)}
footer .footer-container .bottom-info .intro .contact-list li:hover{background:0 0}
.home-container .part-title:after{top:50%;line-height:180px;transform:translate(-50%,-50%)}
.home-container .part-title h3{text-transform:uppercase}
.nwtitle{margin:60px 0 90px}
.aboutTit{margin-bottom:90px}
.home-container .proTypeList.hot-product,.welcome-info img{margin-top:90px}
.home-container .nwtitle .part-title:after{content:'04'}
@media (max-width:768px){.home-container .welcome-info{margin-top:40px}
.welcome-info img{margin:50px 0}
.aboutTit{margin-bottom:50px}
.home-container .about-info .about-content article p{margin:12px 0}
.home-container .proTypeList.hot-product{margin-top:60px}
.home-container .hot-product ul{margin-top:60px}
.nwtitle{margin:60px 0 60px}
header nav ul li.menu-item ul{position:inherit;top:inherit}}
header nav .header-logo{position:relative}
header nav .header-logo>img{position:absolute;right:100%;top:0}
header .header-top>ul{display:flex;align-items:center}
header .header-top>ul a{color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:red;margin-right:10px;font-size:18px}
header .header-top>ul li:nth-child(1) a{background:#04af10}
header .header-top>ul li:nth-child(2) a{background:#3a5899}
header .header-top>ul li:nth-child(3) a{background:#0175b5}
header .header-top>ul li:nth-child(4) a{background:#eb296c}
@media (max-width:1280px){header nav .header-logo>img,header .header-top>ul{display:none}}
@media (min-width:1440px) and (max-width:1600px){header nav{padding:0 150px}}
@media (min-width:1081px) and (max-width:1280px){header .header-top, header nav {padding: 0 110px}
@media (min-width: 769px) and (max-width: 1080px){header .header-top{padding:0 50px}}
header nav ul li a{font-size:14px}}
@media (min-width: 769px){header nav .header-logo{right:50px}
header nav .header-logo img.ewmTop{max-width: initial}}
footer .footer-container .bottom-info .intro .contact-list li:last-child{display:none}
@media (min-width:769px){main {margin-top:150px}
header nav {position:relative!important;top:0!important}
header {position:fixed;top:0;left:0;z-index:999}}
.home-container .about-info .about-content article {margin:5px 0 15px}
.home-container .about-info div.about-img iframe {height:100%;min-height:400px;display:block}
@media (max-width:768px){.home-container .about-info{display:block}
.home-container .about-info .about-img{position:static}
.home-container .about-info .about-content{background:var(--color)}}
@media (max-width:560px){.home-container .about-info div.about-img iframe{min-height:300px}
.home-container .about-info .about-content article{margin:0 0 10px}}
@media (max-width:768px){footer .mobile-bottom{position:fixed!important;bottom: 0 !important}
footer .footer-container .bottom-info .nav ul li {width:48%;margin:0;}
footer .footer-container .bottom-info .nav ul {justify-content:space-between;}
footer .footer-container .bottom-info .cate ul li {width:48%;margin:0;}
footer .footer-container .bottom-info .cate ul {justify-content:space-between;display:flex;flex-wrap:wrap;}}
@media (max-width:1520px){footer .footer-container .bottom-info{margin-left:100px;margin-right:100px}}
@media (max-width:1280px){footer .footer-container .bottom-info{margin-left:50px;margin-right:50px}}
@media (max-width:1080px){footer .footer-container .bottom-info{margin-left:25px;margin-right:25px}}
@media (max-width:768px){footer .footer-container .bottom-info{margin-left:0;margin-right:0}}
@media (min-width:769px){footer .footer-container .bottom-info {justify-content:space-between;}
footer .footer-container .bottom-info>li {width:auto;flex:inherit!important;max-width:24%;margin:0;}}
@media (max-width:1080px) and (min-width:769px){footer .footer-container .bottom-info>li{max-width:32%}}
.popwhats{position:fixed;bottom:80px;left:10px;z-index:999999;width:44px;height:44px;background:#3AC34C url(/images/Common/whatsapp38.png) no-repeat center;border-radius:50%;background-size:50%;box-shadow:1px 1px 2px #000;}
.about-img lite-youtube{max-width:100%;height:100%;object-fit:cover;}
.sharewhats{height:26px;width:26px;transition:.4s all;transition-delay:30ms;cursor:pointer;overflow:hidden;border-radius:2px;background:#25d366 url(https://img01.v15cdn.com/share/share-whatsapp.webp) no-repeat center;background-size:22px 22px;position:absolute;left:128px;top:5px;}
.sharewhats:hover{transform:translateY(-6px);}
.share-btn-list{position:relative;}
.share-btn-list .share-btn.whatsapp{opacity:0;}
