@charset "utf-8";

/*banner*/
.banner{ position:relative; z-index:1; max-width:1200px; margin:0 auto;  }
.banner .item{ height:415px; background-position:center; background-repeat:no-repeat; background-size:cover}
.banner .owl-dots{ text-align:center; position:absolute; bottom:18px; left:0; right:0;}
.banner .owl-dots .owl-dot{ display:inline-block; width:35px; height:5px; background-color:#fff; margin:0 5px;}
.banner .owl-dots .owl-dot.active{ background-color:#00af64} 

.aboutindex { padding-top:40px; padding-bottom:30px;}
.aboutindex .img{ float:left; width:33.75%}
.aboutindex .img img{ display:block; width:100%}
.aboutindex .txt{ float:right; width:63.33%; text-align:justify}
.aboutindex .txt p{ text-indent:28px;}
.aboutindex .txt .pc{ padding-top:10px;  }
.aboutindex .txt .pc img{width:100%}

.productindex{ padding-top:30px; padding-bottom:25px;}
.plo{ height:36px; line-height:36px; margin-bottom:20px}
.plo .more{ float:right}
.plo h3{ float:left; font-size:28px; font-weight:normal; margin-right:40px;}
.plo .tis{ font-size:16px; color:#999; }
.productindex .hd ul{ float:left}
.productindex .hd li{ float:left; margin-right:40px; cursor:pointer }
.productindex .hd li span{ padding-bottom:2px;}
.productindex .hd li.on span{ border-bottom:2px solid #00af64}

.productindex .bd{ overflow:hidden}
.productindex .bd ul{ margin-left:-5px; margin-right:-5px}
.productindex .bd li.big{ width:41.5%; height:360px;}
.productindex .bd li{ float:left; width:19.5%; height:175px; margin-bottom:10px}
.productindex .bd li a{ display:block; overflow:hidden; position:relative; height:100%; background-color:#eee; margin:0 5px}
.productindex .bd li .title{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:40px; line-height:40px; color:#fff; background:rgba(0,0,0,.5);transition: all 0.6s; bottom:0}
.productindex .bd li a:hover .title{ bottom:0;}
.productindex .bd li .title h3{ font-size:12px; font-weight:normal; padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productindex .bd li img{ display:block;height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.newindex{ padding-top:35px; padding-bottom:30px}
.newindex .bd{ border:1px solid #eeeeee; padding:0 10px;  overflow:hidden}
.newindex .leftbox{ float:left; width:76%; padding:5px 0; height:300px; overflow:hidden}
.newindex .leftbox .timg{ float:left; width:44%; height:300px; }
.newindex .leftbox .timg a{ display:block; overflow:hidden;position:relative ;background-color:#ddd; height:100%; width:100%}
.newindex .leftbox .timg a .title{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:40px; line-height:40px; color:#fff; background:rgba(0,0,0,.5);transition: all 0.6s; bottom:0}
.newindex .leftbox .timg .title h3{ font-size:12px; font-weight:normal; padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newindex .leftbox .timg img{display:block;height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.newindex .leftbox ul{ width:54%; float:right; padding-top:5px; padding-right:.05%}
.newindex .leftbox li{ border-bottom:1px solid #eeeeee; padding-bottom:7px; margin-bottom:7px}
.newindex .leftbox li:last-child{ border-bottom:none}
.newindex .leftbox li h3{ font-weight:normal; font-size:16px; margin-bottom:7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position:relative; padding-right:70px; line-height:28px;}
.newindex .leftbox li h3 .date{ position:absolute; z-index:1; right:0;top:0; font-size:12px; color:#999}
.newindex .leftbox li .ms{ color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newindex .rightbox{ float:right; width:22%;height:310px; border-left:1px solid #eee; padding-left:1% }
.newindex .rightbox .t{ border-bottom:1px solid #eee; padding-top:10px}
.newindex .rightbox .t span{ font-size:16px; border-bottom:2px solid #00af62; padding-bottom:10px; display:inline-block; position:relative; bottom:-1px}
.newindex .rightbox li{ display:block; line-height:40px; border-bottom:1px dashed #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.caseindex{ padding-top:30px; padding-bottom:35px;}
.caseindex .plo{ padding-bottom:10px; border-bottom:1px solid #eee}
.caseindex .plo h3{ margin-right:20px;}
.caseindex .bdbox{ overflow:hidden; height:380px; overflow:hidden; position:relative; padding-left:180px;}
.caseindex .bdbox .hd{ position:absolute; z-index:1; width:180px; left:0;top:0; bottom:0; background:#00af62 url(../images/ico-01.png) no-repeat center 38px; background-size:auto 64px; padding-top:140px;}
.caseindex .bdbox .hd:before{ content:""; display:block; position:absolute; z-index:1; width:10px; height:20px; right:0; background:url(../images/ico-02.png) no-repeat center right; background-size:100%;top:70px}
.caseindex .bdbox .hd ul{ padding:0 5px;}
.caseindex .bdbox .hd li{ width:50%; float:left; text-align:center; margin-bottom:5px;}
.caseindex .bdbox .hd span,.caseindex .bdbox .hd a{ display:block; margin:0 3px; border:1px solid #fff; border:1px solid #fff; color:#fff; height:40px; line-height:40px; cursor:pointer}
.caseindex .bdbox .hd .on span,.caseindex .bdbox .hd a:hover{ background-color:#fff; color:#00af62}
.caseindex .bdbox .bd li{ float:left; width:25%; margin-bottom:20px;}
.caseindex .bdbox .bd li a{ display:block; height:180px; margin-left:15px; position:relative; overflow:hidden; background-color:#eee}
.caseindex .bdbox .bd li img{ display:block;height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.caseindex .bdbox .bd li .title{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:35px; line-height:35px; color:#fff; background:rgba(0,0,0,.5);transition: all 0.6s; bottom:0px; padding:0 10px; font-size:12px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.loreindex{  height:180px; padding-top:35px; padding-bottom:70px;}
.loreindex .weap{ position:relative}
.loreindex .hd{ position:absolute; z-index:1; left:0px;top:0; width:180px; height:180px; background:url(../images/t01.jpg) no-repeat center right; background-size:cover}
.loreindex .bd{ padding-left:180px; padding-top:20px}
.loreindex .bd .tiem{ float:left; width:31%; margin-left:2.33%}
.loreindex .bd .title{ font-weight:normal; width:100%; margin-bottom:30px}
.loreindex .bd .img{ float:left; overflow:hidden; width:31%;}
.loreindex .bd img{ display:block; width:100%}
.loreindex .bd ul{ float:right; width:65%}
.loreindex .bd ul li{ line-height:25px}
.loreindex .bd ul a{ font-size:12px; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mnewsindex{ display:none;}
/*新闻*/
.lanmubox .banner{ margin-bottom:20px;}
.path{ font-size:16px; height:26px; line-height:26px; border-left:5px solid #01af63; padding-left:15px; margin-bottom:25px;}
.path a{ font-size:16px;}

.lanmubox{ padding-bottom:110px}
.lanmubox .lanmuleft{ float:left; border:1px solid #e3e3e3; width:68%; padding:15px 1%}
.lanmubox .lanmuright{ float:right; width:27%}

.sidenav{ border:1px solid #e3e3e3; padding:0 10px; margin-bottom:25px}
.sidenav .title{ height:50px; line-height:50px; text-align:center; border-bottom:1px solid #e3e3e3; }
.sidenav .title h3{ font-size:24px; font-weight:normal;}
.sidenav li{ border-bottom:1px solid #f8f8f8}
.sidenav li a{ display:block; height:45px; line-height:45px; padding-right:20px; background:url(../images/ico-03.png) no-repeat center right; background-size:auto 10px}
.sidenav li a:hover,.sidenav li.on a{ color:#01af63;background:url(../images/ico-03on.png) no-repeat center right; background-size:auto 10px}

.sidenews{border:1px solid #e3e3e3;  margin-bottom:25px}
.sidenews .title{ height:38px; line-height:38px; padding:0 10px; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3}
.sidenews .title h3{ font-size:16px}
.sidenews ul{ padding:0 10px;}
.sidenews li{border-bottom:1px solid #f8f8f8}
.sidenews li:last-child{ border-bottom:none}
.sidenews li a{ display:block; height:45px; line-height:45px; padding-right:20px; position:relative  }
.sidenews li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidenews li h3:before{ display:inline-block; width:18px; height:18px; border-radius:18px; background-color:#888888; font-size:12px; color:#fff; text-align:center; line-height:18px; margin-right:5px;}
.sidenews li:nth-child(1) h3:before{ content:"1"; background:#01af63}
.sidenews li:nth-child(2) h3:before{ content:"2";background:#01af63}
.sidenews li:nth-child(3) h3:before{ content:"3";background:#01af63}
.sidenews li:nth-child(4) h3:before{ content:"4";}
.sidenews li:nth-child(5) h3:before{ content:"5";}
.sidenews li:nth-child(6) h3:before{ content:"6";}
.sidenews li:nth-child(7) h3:before{ content:"7";}
.sidenews li:nth-child(8) h3:before{ content:"8";}
.sidenews li:nth-child(9) h3:before{ content:"9";}
.sidenews li span{ display:block; position:absolute ; z-index:1; right:0;top:0; font-size:12px}
.sidenews li h3{ font-size:12px; font-weight:normal;}

.newslist{ margin-bottom:70px;}
.newslist li a{ display:block; position:relative;}
.newslist li{ border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:25px;}
.newslist li h3{ font-weight:normal; padding-right:125px; font-size:16px; margin-bottom:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li .num{ display:none}
.newslist li .date{ position:absolute; z-index:1; right:0;top:0; font-size:12px; color:#999}
.newslist li .ms{ color:#999; font-size:12px; line-height:2;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mplo{ display:none}

/*新闻内容*/
.newspage .title{ text-align:center; font-size:18px; font-weight:normal; margin-bottom:25px}
.newspage .info{ text-align:center; color:#999; font-size:12px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; margin-bottom:30px}
.newspage .info span{ margin:0 10px}
.newspage .conn{ overflow:hidden; text-align:justify; margin-bottom:70px;}
.newspage .conn img{ max-width:100%}
.newspage .nexta{ margin-bottom:40px;}
.newspage .nexta li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.groomlist{ overflow:hidden}
.groomlist ul{ margin-left:-15px; margin-right:-15px;}
.groomlist li{ width:50%; float:left; margin-bottom:5px;}
.groomlist li a{ display:block; margin:0 15px; line-height:38px; border-bottom:1px dashed #ccc; position:relative; padding-right:70px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.groomlist li .date{ position:absolute; z-index:1; right:0;top:0; font-size:12px; color:#999;}
.groomlist li:nth-child(1) a,.groomlist li:nth-child(2) a{border-top:1px dashed #ccc}
.newspagebox .bdsharebuttonbox{ margin-top:35px;}
.newspage{ padding:0 20px}
/*产品页*/
.productbox .lanmuleft{ padding-bottom:20px;}
.productlist{ overflow:hidden; margin-bottom:30px;  }
.productlist li{ width:33.33%; float:left; margin-bottom:24px}
.productlist li a{ display:block; margin:0 12px; position:relative; }
.productlist li .img{ overflow:hidden; height:200px; position:relative; margin-bottom:10px;background-color:#eee}
.productlist li .img img{ display:block;height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.productlist li h3{ font-weight:normal; font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; border-bottom:1px solid #f3f3f3}
.mproductnav{ display:none}
@media(max-width:900px) {
.banner .item{ height:510px;}
.aboutindex .img{ float:none; width:auto; display:none}
.aboutindex .txt{ float:none; width:auto}
.aboutindex{ border-top:10px solid #f3f3f3; }
.mbox{ border-bottom:10px solid #f3f3f3; padding:10px 0 !important}
.productindex .hd ul{ display:none}
.productindex .bd li.big{ display:none;}
.productindex .bd li{ width:50%}
.productindex .bd li .title{ bottom:0; height:36px; line-height:36px;}
.plo{ margin-bottom:10px}
.plo h3{ font-size:22px}
.plo .tis{ display:none}
.newindex{ display:none}

.caseindex .bdbox .hd{ display:none}
.caseindex .bdbox{ height:auto; padding-left:0}
.caseindex .bdbox .bd li{ width:50%}
.caseindex .bdbox .bd{ overflow:hidden}
.caseindex .bdbox .bd ul{ margin-left:-5px; margin-right:-5px;}
.caseindex .bdbox .bd li a{ margin:0 5px;}
.caseindex .bdbox .bd ul li:nth-last-child(1),.caseindex .bdbox .bd ul li:nth-last-child(2){ display:none}
.loreindex{ display:none}

.mnewsindex{ display:block; padding:10px !important}
.mnewsindex .hd{ text-align:center; padding-bottom:15px; border-bottom:1px solid #e3e3e3; margin-bottom:0px;}
.mnewsindex .hd li{ display:inline-block; height:40px; line-height:40px; border:1px solid #e3e3e3; margin-left:-1px; padding:0 20px}
.mnewsindex .hd li.on{ background-color:#01af63; color:#fff}
.mnewsindex .bd a{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; padding:10px 0; border-bottom:1px solid #e3e3e3}
.mnewsindex .bd h3{-webkit-box-flex: 1; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mnewsindex .bd span{ color:#999}

/*新闻*/
.lanmubox .owl-carousel.owl-loaded{ display:none}
.path{ display:none}
.sidenav{ display:none}
.sidenews{ display:none}
.lanmubox .lanmuright{ float:none; width:auto;}
.lanmubox .lanmuleft{ float:none; width:auto; border:none}
.newslist li h3{ padding-right:0}
.newslist li .ms{ display:none}
.newslist li .date{ position:static;-webkit-box-flex: 1; display:block; padding-left:20px; background:url(../images/ico-cook.png) no-repeat center left; background-size:15px;}
.newslist li .num{ display:block; font-size:12px; color:#999;padding-left:20px; background:url(../images/ico-num.png) no-repeat center left; background-size:15px;}
.newslist li .numdate{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.newslist li{ padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ccc}
.newslist{ margin-bottom:35px;}
.lanmubox{ padding-bottom:55px}
.mplo{ display:block; border-bottom:1px solid #ccc; height:50px; line-height:50px; margin-left:-10px; margin-right:-10px; position:relative}
.mplo h3{ display:inline-block; font-size:16px; font-weight:normal; color:#01af63; padding:0 10px; border-bottom:2px solid #01af63; line-height:48px}
/*新闻内容*/
.newspage{ padding:0}
.newspage .title{ text-align:left; margin-bottom:10px; padding:0 10px;}
.newspage .info{ text-align:left; padding-left:10px; padding-right:10px; }
.newspage .info span{ margin:0; margin-right:20px}
.groomlist{ display:none}
.newspagebox .bdsharebuttonbox{ display:none;}
.newspage .nexta{ margin-bottom:0}
.newspage .conn{ margin-bottom:35px;}
/*产品*/
.productlist{ margin-bottom:20px}
.productlist li .img{ margin-bottom:0; height:150px}
.productlist ul{ margin-left:-5px; margin-right:-5px;}
.productlist li{ width:50%;}
.productlist li a{ margin:0 5px;}
.productlist li h3{ position:absolute; z-index:1; left:0; right:0; bottom:0; height:32px; line-height:32px; border-bottom:none; padding:0 10px; background:rgba(0,0,0,.5); color:#fff; font-size:13px;}
.productlist li{ margin-bottom:10px}
.mproductnav{ display:none; padding-top:10px;}
.mproductnav li{ line-height:30px;}
.mproductnav li a:before{ content:""; display:inline-block; width:5px; height:5px; border-radius:5px; background-color:#999; vertical-align:middle; margin-right:10px}
.mproductnava{ float:right; margin-right:10px; height:28px; line-height:28px; border:1px solid #01af63; color:#01af63; padding:0 10px; position:absolute; z-index:1; right:0px; top:50%; margin-top:-14px; font-size:12px;}
}
@media(max-width:768px) {
.banner .item{ height:200px;}
.banner .owl-dots{ bottom:10px}
.banner .owl-dots .owl-dot{ width:10px; height:10px}

 

}