body{background-color: #EFEFEF;}

.banner-inside{height: 335px;}
.box{position: relative;z-index: 2;margin-top: -70px;background-color: #ffffff;}

.center-top{height: 120px;border-bottom: 10px solid #EFEFEF;}
.center-top .title0{width: 164px;border-right: 1px solid #EFEFEF;background: url("../images/head-bg.jpg");line-height: 120px;text-align: center;font-size: 18px;font-weight: bold;color: #222222;float: left;}
.center-top .nav2{text-align: center;float: right;width:1045px;background-color: #ffffff; }
.center-top .nav2 li{display: inline-block;margin: 0 45px;line-height: 120px;font-size: 16px;}
.center-top .nav2 li a{color: #424242;display: block;}
.center-top .nav2 .on a{color: #15843b;background: url("../images/nav2.jpg") no-repeat center 80px;}
.center-top .nav2 li:hover a{color: #15843b;}

.nadd{line-height: 90px;text-align: right;margin-right: 50px;color: #8f8f8f;}
.nadd a{color: #8f8f8f;}
.nadd a:hover{color: #15843b;}


/*案例*/
.case{padding-bottom: 50px;}
.case ul{width:1146px;margin: 0 auto; }
.case li{width: 342px;float: left;margin: 0 20px 100px 20px;}
.case li img{width: 342px;height: 342px;transition: all 0.3s;}
.case li .cover{position: absolute;width: 210px;margin-left: 37px;height: 0px;overflow: hidden;transition: all 0.3s;padding: 200px 30px 30px 30px;margin-top: -190px;}
.case li .cover .p1{font-size: 16px;color: #313131;font-weight: bold;line-height: 30px;text-align: center;height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.case li .cover .p2{line-height: 25px;color: #1f452b;height: 200px;margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient: vertical;}
.case li .cover .p3{text-align: center;line-height: 30px;margin-top: 10px;color: #1f452b;font-size: 18px;}
.case li:hover img{	filter: brightness(0.8)}
.case li:hover .cover{margin-top: -300px;background-color: rgba(208, 255, 223, 0.9);padding: 30px;width: 210px;height:280px;
    box-shadow: 0px 11px 24px 0px rgba(96, 96, 96, 0.18);}



.product{border-right: 1px solid #EFEFEF;width: 1160px;position: relative;min-height:800px;margin-bottom: 50px;}
.product .product-list{width: 845px;float: left;margin-left: 50px;}
.product .product-list li{margin-bottom: 10px;border-right: 1px solid #EFEFEF;}
.product .product-list li img{float: left;width: 540px;height: 300px;margin-right: 4px;}
.product .product-list li p{text-align: center;width:280px;padding: 0 10px;height: 300px;display: table-cell;vertical-align: middle;font-size: 20px;color: #101010;line-height: 36px; }

.product .right{float: right;width: 180px;margin-right: 37px;}
.product .stay{position: fixed;top: 0;margin-left: 943px;}
.product .right .brand{background-color: #D0FFE0;text-align: center;padding-bottom: 20px;}
.product .right .brand p{line-height: 50px;color: #15843b;font-size: 20px;padding-top: 5px;}
.product .right .brand li{line-height: 35px;height: 35px;overflow: hidden;margin-top: 5px;}
.product .right .brand li a{display: block;color:#15843b; font-size: 16px;}
.product .right .brand li span{display: block;}
.product .right .brand li:hover{background-color: #15843B}
.product .right .brand li:hover a{color: #d0ffe0;}
.product .right .brand li:hover .s1{margin-top: -40px;transition: all 0.2s;}
.product .right .other{margin-top: 25px;}
.product .right .other .title{font-size: 18px;color: #101010;font-weight: bold;line-height: 36px;}
.product .right .other ul li{height: 25px;overflow: hidden;transition: all 0.3s;margin-bottom: 10px;}
.product .right .other ul li .p1{line-height: 25px;color: #2e2e2e;font-size: 15px;}
.product .right .other ul li .p2{line-height: 25px;height: auto;color: #8f8f8f;}
.product .right .other ul .on{height: auto;margin-bottom: 20px;}
.product .right .other ul .on .p1{color:#15843b;}

/*详情*/
.product-info{width: 845px;float: left;margin-left: 50px;}
.product-info .title{line-height: 40px;color: #101010;font-size: 24px;font-weight: bold;margin-top: -60px;}
.product-info .product-img{width: 845px;border-right: 1px solid #EFEFEF;}
.product-info .show{margin-top: 20px;width: 800px;overflow: hidden;position: relative;height: 440px;}
.product-info .show li{width: 800px;height: 440px;float: left;background-color: #EDEDED;}
.product-info .show li img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 800px;max-height: 440px;}
.product-info .product-show{margin-top: 30px;width: 800px;}
.product-info .product-show img{max-width: 100%;}
.product-info .product-show video{max-width: 100%;}
.product-info .product-show table{max-width: 100%;}
.product-info .swiper-button-prev{background: url("../images/prev.png") no-repeat center;}
.product-info .swiper-button-next{background: url("../images/next.png") no-repeat center;}
.product-info .can{border-radius: 2px;float: left;margin-right: 30px;
    background-color: rgb(21, 132, 59);
    box-shadow: 0px 10px 38px 0px rgba(79, 190, 117, 0.35);
width: 150px;line-height: 46px;text-align: center;color: #ffffff;margin-top: 30px;
}
.product-info .can a{color: #ffffff;display: block;}


/*单页*/
.about{padding:0 50px 50px 50px;min-height: 500px;}
.about img{max-width: 100%;}
.about video{max-width: 100%;}
.about table{max-width: 100%;}

.honor{margin:0 50px 50px 50px;position: relative;overflow: hidden;}
.honor .show{width: 880px;margin: 50px auto;overflow: hidden;}
.honor .show li{width: 432px;height: 287px;float: left;margin-right: 17px;}

/*新闻*/
.news{padding: 0 50px 50px 50px;}
.news li{margin-bottom: 7px;}
.news li .time{background-color: #EFEFEF;text-align: center;height: 130px;font-family: Arial;padding-top: 1px;float: left;width: 113px;}
.news li .time .p1{font-weight: bold;font-size: 30px;color: #222222;margin-top: 40px;}
.news li .time .p2{color: #222222;line-height: 25px;}
.news li .des{float: right;width: 909px;padding: 20px 40px;background-color: #EFEFEF;transition: all 0.3s;}
.news li .des .p1{line-height: 40px;color: #222222;font-weight: bold;font-size: 16px;height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news li .des .p2{line-height: 25px;color: #6e6e6e;height: 50px;margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.news li:hover .des{padding: 20px 44px;}
.news li:hover .des .p1{color: #15843b;}
.news li:hover .des .p2{color: #15843b;}

.news-info{padding: 0 50px 50px 50px;}
.news-info .title{text-align: center;font-weight: bold;font-size: 24px;color: #222222;line-height: 36px;}
.news-info .time{line-height: 30px;color: #959595;text-align: center;}
.news-info .news-show{min-height: 500px;margin: 30px auto;}
.news-info .news-show img{max-width: 100%;}
.news-info .news-show video{max-width: 100%;}
.news-info .news-show table{max-width: 100%;}
.news-info .fanye{height: auto;overflow: hidden;margin: 20px auto;}
.news-info .fanye p{width: 45%;float: left;line-height: 30px;height: 30px;color: #959595;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news-info .fanye p a{color: #959595;}
.news-info .fanye p a:hover{color: #15843b;}
.news-info .fanye .next{float: right;text-align: right;}





.join{padding: 0 50px 50px 50px;}
.join li{margin-bottom: 35px;}
.join li .title{line-height: 60px;border-bottom: 4px solid #F4F4F4;font-size: 16px;font-weight: bold;color: #302f2f;cursor: pointer;}
.join li .title span{float: right;}
.join li .title .s2{display: none;}
.join li .des{padding: 37px;background-color: #F4F4F4;color: #302f2f;display: none;}
.join .on .title .s1{display: none;}
.join .on .title .s2{display: block;}
.join .on .des{display: block;}


.search-list{padding: 0 50px 50px 50px;}
.search-list li{height: auto;overflow: hidden;background-color: #EDEDED;margin-bottom: 18px;}
.search-list li .p1{line-height: 30px;margin: 20px 50px;width: 910px;float: left;height: 30px;color: #101010;font-size: 16px;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.search-list li .p2{line-height: 70px;text-align: center;float: right;width: 100px;background-color: #E1E1E1;color: #101010;font-size: 16px;transition: all 0.3s;}
.search-list li:hover{background-color: #D0FFE0;}
.search-list li:hover .p2{background-color: #15843B;color: #ffffff;}


/*安装图纸*/
.technology1{width: 1130px;padding: 0 40px 50px 40px;}
.technology1 ul li{float: left;width: 540px;margin: 10px 12px;}
.technology1 ul li img{width: 540px;height: 357px;transition: all 0.3s;}
.technology1 ul li p{line-height: 60px;height: 60px;text-align: center;font-size: 18px;color: #1b1b1b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}

.technology1 ul li:hover img{box-shadow: 0 0 10px #ccc;}
.technology1 ul li:hover p{color: #15843B;}

.technology2{width: 1130px;padding: 0 40px 50px 40px;}
.technology2 ul li{float: left;width: 340px;height: 340px;border: 5px solid #F6F6F6;margin: 13px;transition: all 0.3s;}
.technology2 ul li img{width: 340px;height: 357px;transition: all 0.3s;}
.technology2 ul li .p1{line-height: 60px;height: 60px;text-align: center;font-size: 16px;color: #1b1b1b;padding-top: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.technology2 ul li .p2{text-align: center;font-size: 20px;padding-bottom: 100px;}
.technology2 ul li:hover{border-radius: 50%;border: 5px solid rgba(21, 132, 59, 0.37);}
.technology2 ul li:hover .p1{color: #15843B;}
.technology2 ul li:hover .p2{color: #15843B;}


.map{margin-top: 50px;}
#allmap{width: 100%;height: 500px;}
.map #allmap label{max-width: 300px;padding: 10px 15px!important;border-radius: 3px;border: none!important;background-color: rgba(12, 109, 204, 0.8) !important;color: #ffffff;font-size: 14px!important;}