body{background-color:#f8f8f8;letter-spacing:1px}
.undefined{padding:80px 0 150px;text-align:center;color:#999}
.header{line-height:60px;height:60px;padding:10px 0;background-color:#fff}
.logo{position:absolute;left:8px;top:0;z-index:1}
.logo img{height:55px}
.nav{float:right}
.nav-open{position:absolute;right:0;top:0;height:30px;line-height:unset;width:30px;padding:15px 5px}
.layui-nav li{position:relative;display:inline-block;zoom:1;list-style:none;vertical-align:middle;line-height:60px;margin:0 10px;font-size:16px!important}
.layui-nav .layui-this:after{display:none}
.bx-nav{color:#d1a33e;overflow:hidden;background-color:transparent;padding:0}
.bx-nav a{padding:0 20px;display:block;font-size:inherit}
.bx-nav .layui-this a{color:#16baaa;font-weight: bold;}
.nav-xs{text-align:center;float:none;height:100%;overflow-y:auto}
.nav-xs li{display:block!important;margin:0 20px}
.nav-open{display:none;margin-right:14px;cursor:pointer}
.nav-open i{display:inline-block;width:30px;height:2px;background-color:#16baaa;position:absolute;top:50%;transition:background-color .3s ease;transform:translateY(-50%)}
.nav-open i:after,.nav-open i:before{content:"";width:100%;height:2px;background-color:inherit;position:absolute;left:50%;transition:transform .3s ease}
.nav-open i:before{top:50%;transform:translate(-50%,-12px)}
.nav-open i:after{bottom:50%;transform:translate(-50%,12px)}
.nav-close i{height:0}
.nav-close i:before{transform:rotate(-45deg) translate(-45%,-15px)}
.nav-close i:after{transform:rotate(45deg) translate(-45%,15px)}
.layer-nav-open{box-shadow:none;top:79px;bottom:0}
.banner{display:block}
.banner-item{background-position:50%;background-size:cover}
.bannerDetail{height:100%;height:380px;text-align:center;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}
.bannerDetail.newbanner{color:#575757}
.bannerTitle{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 30px;border:1px solid;border-radius:10px}
.bannerTitle h1{font-size:35px;letter-spacing:12px}
.bannerTitle p{margin-top:30px;font-size:20px;letter-spacing:4px}
.bannerPage .bannerTitle{border:0;padding:5px 15px}
.bx-wrap{display:block}
.bx-wrap .bx-item{padding:5% 0}
.bx-wrap .bx-item h2,.bx-wrap .bx-item p{text-align:center}
.bx-wrap .bx-item p{margin-top:15px;height: 42px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bx-wrap .bx-item .bx-item-h3{display:inline-block;position:relative;line-height:19px}
.bx-wrap .bx-item .bx-item-h3:after,.bx-wrap .bx-item .bx-item-h3:before{content:"";border-bottom:1px solid #d7d7d7;width:55px;height:0;position:absolute;left:100%;margin-left:15px;top:50%}
.bx-wrap .bx-item .bx-item-h3:before{right:100%;left:auto;margin-right:15px;margin-left:0}
.bx-wrap .bx-item .bx-item-box{margin-top:20px}
.AboutUsContent{white-space:pre-wrap;font-size:16px;line-height:30px}
.bx-wrap .bx-item .imgList{text-align:center}
.bx-wrap .bx-item .imgList .img{padding-bottom:100%;position:relative;overflow:hidden}
.bx-wrap .bx-item .imgList .img img{max-height:100%;max-width:100%;width:100%;display:block;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;border:0}
.bx-item:nth-child(odd){background-color:#f1f1f1}
.biaoxinIcon{text-align:center;margin:5% 0}
.bxIcon{display:inline-block}
.bxIcon i{font-size:45px;display:block;background-color:#bbf926;color:#fff;border-radius:50%;width:90px;height:90px;line-height:90px;margin:auto}
.bxIcon.anquan i,.bxIcon.anquan label:after{background-color:#8ec900}
.bxIcon.anshi i,.bxIcon.anshi label:after{background-color:#1671e1}
.bxIcon.youzhi i,.bxIcon.youzhi label:after{background-color:#e9aa1b}
.bxIcon.category i,.bxIcon.category label:after{background-color:#f555bb}
.bxIcon label{margin-top:15px;font-weight:700;font-size:18px;display:block;padding-bottom:15px;position:relative}
.bxIcon label:after{content:"";width:30px;height:3px;position:absolute;bottom:0;background-color:#f555bb;left:50%;transform:translateX(-50%)}
.bxIcon p{margin-top:10px;font-size:12px;color:#9b9b9b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 8px}
.Products{padding-top:0!important;overflow:hidden}
.list_box{position:relative}
.list_sort{position:absolute;left:0;top:0;width:185px;background-color:#fff}
.list_sort ul{overflow:hidden;padding:10px 0}
.list_sort ul a{display:block;line-height:25px;text-align:center;padding:10px 5px;font-size:16px}
.list_sort ul a.layui-this{color:#16baaa}
.ProductList{margin-left:200px;margin-top:0!important;background-color:#fff;padding:10px;min-height:370px}
.product_detail .cover{padding-bottom:75%;position:relative;overflow:hidden}
.product_detail .cover img{max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover}
.product_content img{max-width:100%}
.location{margin-top:15px;margin-bottom:15px}
.product_title{line-height: 35px;}
.product_desc{margin-top:20px;background-color: #ededed;padding: 20px;border-radius: 5px;}
.news{background-color:#fff;margin-top:10px;padding:15px}
.news .content>div{padding-bottom:40px;border-bottom:1px dashed #eaeaea;position:relative;overflow:hidden}
.news .content .news-img{width:35%;float:left}
.news .content .news-img img{max-width:90%}
.news .content .news-panel{display:inline-block;width:100%;vertical-align:top;padding-left:5px;box-sizing:border-box}
.news .content .news-img+.news-panel{width:65%}
.news .content .news-panel strong a{display:block;color:#555;font-size:18px;line-height:26px;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .content .news-panel p.detail{color:#777;line-height:24px}
.news .content .news-panel p.detail span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px}
.news .content .news-panel p.read-push{color:#aaa;padding-top:20px;text-align:right}
.main-news .content:nth-child(odd){padding-right:20px}
.main-news .content:nth-child(2n){padding-left:20px}
.article{overflow:hidden;position:relative}
.article h2{text-align:center;font-size:26px}
.article time{display:block;text-align:center;margin-top:2%}
.article_content{margin-top:2%;font-size:16px;overflow:hidden;padding-right:320px;position:relative;min-height:360px}
.article_content.page{padding-right:0;}
.article_content img{max-width:100%;margin:10px auto;display:block}
.contactus{background-color:#fff;position:absolute;right:0;top:0;width:300px;font-size:14px}
.contact-header{background-image:url(contact.jpg);padding-bottom:40%;background-position:50%;background-size:cover;background-repeat:no-repeat}
.contact-content{padding:15px}
.page_view{text-align: center;position: relative;padding: 15px 0;}
.page_view span{color: #000000;padding: 0 8px;}
.page_view a{line-height: 25px;background: #16baaa;margin: 10px 2px;padding: 0 11px;cursor: pointer;display: inline-block;color: white;border-radius: 3px;}
.footer{margin-top:10%;background-color:#22344b;color:#fff;padding:30px 0 0}
.footer a{color:#e1e1e1}
.footer .link a{display:block;line-height:24px;padding:0 10px}
.footer .qrcode{text-align:center}
.footer .qrcode img{height:180px;width: 180px;}
.footer h3{margin-bottom:8px}
.footer .bottom{line-height:25px;margin:20px 0 0;border-top:1px solid #2c4361;background-color:#121e2f;overflow:hidden;padding:15px 0}
.footer .bottom .copy{display:inline-block}
.footer .bottom .icp{float:right}
.layui-fixbar .layui-fixbar-top{color:#16baaa;}
@media screen and (max-width:968px){.banner{height:350px!important}
.bannerDetail{height:300px}
.bannerPage{height:unset!important}
.layui-col-space25.bx-item-box .imgList{padding:6px}
.list_sort{position:relative;background-color:transparent;width:auto;text-align:center}
.list_sort ul{overflow:hidden;padding:5px 0 10px}
.list_sort ul a{display:inline-block;line-height:25px;padding:10px 15px;font-size:14px}
.list_sort ul a.layui-this{color:#16baaa;border-bottom:2px solid #16baaa}
.ProductList{margin-left:-12.5px;margin-top:10px!important;padding:0;background-color:transparent}
}
@media screen and (max-width:768px){.banner{height:300px!important}
.bannerDetail{height:200px}
.bannerPage{height:unset!important}
.bx-nav a{padding:0 10px}
.footer .qrcode img{height:140px;width: 140px;}
.footer .bottom .copy,.footer .bottom .icp{display:block}
.footer .bottom{text-align:center}
.footer .bottom .icp{float:none}
.biaoxinIconItem{width:50%;padding:10px 0}
.bxIcon i{font-size:35px;width:70px;height:70px;line-height:70px}
.bxIcon label{font-size:14px}
.bannerTitle h1{font-size:20px;letter-spacing:5px}
.bannerTitle p{margin-top:10px;font-size:14px;letter-spacing:1px}
.article_content{padding-right:unset}
.contactus{position:relative;width:auto;margin-top:35px}
}
@media screen and (max-width:1200px){.news .content .news-img{width:100%;float:unset;margin-bottom:15px}
.news .content .news-img img{max-width:100%}
.news .content .news-panel{width:100%}
.news .content .news-panel p.detail span{height:auto;display:unset}
.news .content .news-img+.news-panel{width:100%}
}