@charset "utf-8";
.BannerShow_c1 img{display: block;max-width: 100%;}
#BannerShow_b1{/*width: 83.2%;margin-left: 16.8%;*/overflow: hidden;}
.p_ban{width: 100%;position: relative;}
.p_ban a{display: block;max-height: 47.5vw;background-position: center;background-size: cover;background-repeat: no-repeat;pointer-events: none;overflow: hidden;}
.p_ban img{height: 100%;object-fit: cover;display: block; width: 100%;}
.p_ban .arrow{position: absolute;right: 0;bottom: 0;font-size:0;z-index: 2;}
.p_ban .arrow div{height: auto; position: static;display: inline-block;float: none;width: 14.5vw;height: 10.5vw;margin:0;
    background: url(/public/static/images/r.png) #e5f5f1 center no-repeat;background-size: 40% auto;opacity: 1;
}
.p_ban .swiper-slide img{display: block;width: 100%;opacity: .85;transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);
    transition: 3s all ease;-ms-transition: 3s all ease;-webkit-transition: 3s all ease;}
.p_ban .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);
 -webkit-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
#swiper-container1 .swiper-pagination-bullets{ width: 90%;left: 5%; bottom: 5%;text-align: center;display: block;}
#swiper-container1 .swiper-pagination-bullet{opacity: 1; display: inline-block;width: 2vw;height: 8px;margin: 0 9px !important;background: #e5e5e5;
    display: inline-block;border-radius: 50%; min-width: 8px;border-radius: 0;}
#swiper-container1 .swiper-pagination-bullet-active{background-color: #009b79;}

.page,#load_more_button{display: none;}

.b-f5{background-color: #f5f5f5;}

.box .page, .box #load_more_button{display: none;}
.mymore{color: #444;width: 6em;padding: 3em 0;box-sizing: border-box;background-color: #d2d2d2;position: relative;
    display: block;text-align: center;text-transform: uppercase;}
.mob.more{display: none !important;}

.ResTitle_a2{line-height: 1.4;font-weight: bold;position: relative;}
.ResTitle_a2 span{font-size: 2vw;color: #343434;display: block;position: absolute;bottom: 0.8vw;left: 0;z-index: 1;}
.ResTitle_a2 span:before{content: "";display: inline-block;width: 3vw;background: #009b79;height: 8px;margin-right: 0.5em;margin-bottom: 0.3em;}
.ResTitle_a2 em{display: block;font-size: 3vw;text-transform: uppercase;opacity: 0.2;color: #009b79;font-family: Arial;}
.ResTitle_a2 br{display: none;}

.box-product .ResTitle_a2{text-align: center;}
.box-product .ResTitle_a2 span{left: 50%;margin-left: -2em;bottom: 0;}
.box-product .ResTitle_a2 span:before{display: none;}
.box-product .ResTitle_a2 span:after{content: "";display: block;width: 4em;background: #009b79;height: 8px;margin: 0.3em auto 0 auto;}
.box-product .ProductList_b2 span{display: none;}
.box-product .ProductList_b2 li {float: left;width: 25%;}
.box-product .ProductList_b2 li a{background-size: 100% 100%;display: block;box-sizing: border-box;padding: 8vw 2vw 4vw 0.7vw;position: relative;}
.box-product .ProductList_b2 li h3{font-size: 26px;color: #4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;
    position: absolute;top: 3.7vw;left: 0.7vw;font-weight: bold;
}
.box-product .ProductList_b2 li h3:after{content: "View more";font-size: 16px;color: #4c4c4c;font-family: Arial;display: block;margin-top: 0.6vw;font-weight: normal;}
.box-product .ProductList_b2 li a:after{content: "";display: block;background: url(/public/static/images/m.png) center no-repeat;
    width: 5.2vw;height: 5.2vw;min-height: 40px;min-width: 40px;background-size: 96% auto;
}
.box-product .ProductList_b2 li .picimg{display: block;height: 16vw;overflow: hidden;position: relative;box-sizing: border-box;}
.box-product .ProductList_b2 li .picimg img{width: 100%;height: 100%; position: absolute;top: 50%;display: block;object-fit: cover;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}

.box-com {position: relative;}
.box-com .L{position: relative;z-index: 2; width: 44%;}
.box-com .L:after{content: ""; background: #bfe6dd;height: 80%;bottom: -2.6vw;right: -2.6vw;left: 0;position: absolute; display: block;}
.box-com .L img{display: block;width: 100%;position: relative;z-index: 1;}
.box-com .R{position: relative;z-index: 2; width: 38%;margin-left: 8%;}
.box-com ul li{display: inline-block;vertical-align: middle; padding-right: 3.2vw;box-sizing: border-box;max-width: 33.3%;padding-top: 1.5em;}
.box-com ul li:nth-child(4){padding-right: 0;padding-top: 0;}

.box-case:before, .box-com:before {content: ""; left: 0;bottom: 0;position: absolute;width: 6vw;height: 6vw;background: url(/public/static/images/bg-i.png) left bottom no-repeat;
 display: block;min-height: 60px;min-width: 60px;background-size: contain;}
 .box-com:before{left: auto;right: 0;bottom: 4.8vw;}
.box-case:after,.box-com:after{content: ""; background: #e3e5eb;width: 78.5%;position: absolute;right: 0; bottom: 0;height: 75%;display: block;}
.box-com:after{background-color: #009b79;opacity: 0.2;width: 10.8vw;height: 3vw;top: auto;bottom: 0;right: 0;left: auto;}
.box-case .L{width: 19%;padding-top: 3.3vw;}
.box-case .L .mymore{margin-top: 10vw;}
.box-case .R{width: 76.7%;padding-bottom: 4vw;position: relative;}
.box-case .R:after{content: ""; background: #009b79;height: 1vw;bottom: 1vw;right: -6vw;left: -4.5vw;position: absolute; display: block;z-index: 1;}
.box-case .R .PhotoList_i1{position: relative;z-index: 1;}
.box-case li{ position: relative;float: left;width: 22.3%;margin-right: 3.6%;text-align: center;}
.box-case li:nth-child(4n){margin-right: 0;}
.box-case li a{height: 18vw;display: block;margin-bottom: 1vw;background: url(/public/static/images/more.png) #009b79 center no-repeat;}
.box-case li img,.NewsList_g2 .nwimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-case li span{font-size: 20px;color: #4c4c4c;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
.box-case li h4{display: none;}

.box-news .main-w {background: url(/public/static/images/bg2.jpg) left center no-repeat;background-size: 26% 100%;}
.box-news .ResTitle_a2 em, .box-news .ResTitle_a2 span{color: #fff;}
.box-news .ResTitle_a2 span:before{background: #fff;}
.box-news .more{width: 3.5vw;margin-top: 10vw;min-width: 30px;}
.box-news .more img{display: block;width: 100%;}
.box-news .R{width: 71.6%;}
.box-news .L{width: 26%;padding-top: 4vw;padding-left: 1.5vw;overflow: hidden;}
.NewsList_g2 li{position: relative;padding: 1vw;color: #4d4d4d;box-sizing: border-box;background-color: #eeeeee;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);padding: 2.4vw 2.6vw 2.6vw 47.6%;}
.NewsList_g2 li+li{margin-top: 0.6vw;}
.NewsList_g2 li+li{padding-left: 2.6vw;padding-right: 48%;}
.NewsList_g2 li+li .nwimg{left: auto;right: 0;}
.NewsList_g2 .nwimg{width: 43.9%; display: block;height: 100%;position: absolute;left: 0;top: 0; overflow: hidden;}
.NewsList_g2 h3{ display: block;margin-bottom: 1em;}
.NewsList_g2 h3 a{font-size: 1.3vw;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.NewsList_g2 li p{ font-size: 14px;font-style: normal;line-height: 1.8;height: 5.4em;color: #333;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.wmore{display: block;color: #444;font-size: 14px;border: 1px solid #d2d2d2;line-height: 1.5;
    padding: 0.7em 0;width: 9em;text-align: center;border-radius: 1.5em;}
.NewsList_g2 li p:last-child{height: auto;margin-top: 2.6vw;}
.NewsList_g2 li .ntime{width: 100%;font-size: 20px;display: block;height: auto;margin-bottom: 1.3vw;}
@media screen and (min-width: 1250px) {
    .NewsList_g2 li:hover .wmore{color: #fff;background-color: #009b79;border-color: #009b79;}

    .box-product .ProductList_b2 li a:hover{background-image: url(/public/static/images/bg1.jpg);}
    .box-case li:hover span{color:#009b79;}
    .box-case li a:hover img{opacity: 0.2;}

    .box-product .ProductList_b2 li a:hover:after{background-image: url(/public/static/images/mh.png);}
    .box-product .ProductList_b2 li a:hover h3,.box-product .ProductList_b2 li a:hover h3:after{color: #fff;}

    .mymore:hover{background-color: #009b79;color: #fff;}
}
@media screen and (max-width: 1440px) {
    .box-product .ProductList_b2 li h3{font-size: 18px;}
    .box-case li span{font-size: 16px;}
    .NewsList_g2 h3 a{font-size: 20px;}
}
@media screen and (max-width: 1250px) {
    .ResTitle_a2 em{font-size: 26px;}
    .box-product .ProductList_b2 li h3{font-size: 16px;}
    .NewsList_g2 li .ntime{font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .box-com ul li{padding-top: 0;}
    .mymore{padding: 0.7em 0;background: #009b79;color: #fff;}
    .ResTitle_a2 em{font-size: 48px;}
    .ResTitle_a2 span{font-size: 26px;}
    .ResTitle_a2 span:before{display: none;}
    .box-com .L{width: 36%;}
    .box-com .R{width: 50%;}
    .box-product .ProductList_b2 li .picimg{height: 16vw;}
    .box-product .ProductList_b2 li a{padding: 11vw 2vw 6vw 2vw;}
    .NewsList_g2 h3 a{font-size: 18px;}
    .NewsList_g2 li p{-webkit-line-clamp: 2;height: 3.6em;}
    .box-case li a{height: 21vw;}

    .wmore{display: none;}
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
    .box{width: 94%;}

    .mymore{font-size: 3.8vw;margin: 6vw auto 0 auto;background-size: auto 60%;width: 9em;padding: 0.5em 1.5em 0.5em 1.2em;}
    .mob.mymore {display: block !important;}
    
    .ResTitle_a2 em{font-size: 9vw;}
    .box-product .ResTitle_a2 span:after{height: 2px;}
    .ResTitle_a2 span{font-size: 5vw;}
    
    .box-com.p_tb_80,.box-news.p_tb_80{padding-bottom: 6vw;}
    .box-com .L,.box-com .R{width: 90%;display: block;margin-left: auto;margin-right: auto; float: none;padding-top: 0;}
    .box-com .L{width: 93%;margin-left: 0;}

    .box-product .ProductList_b2 li,.box-product .ProductList_b2 li:nth-child(4){width: 47.5%;margin-right: 5%;margin-bottom: 5vw;}
    .box-product .ProductList_b2 li a{padding: 18vw 0 0 0;}
    .box-product .ProductList_b2 li h3{left: 0;}
    .box-product .ProductList_b2 li:nth-child(2n){margin-right: 0;}
    /* .box-product .ProductList_b2 li:nth-of-type(3){width: 100%;margin: 5vw 0;} */
    .box-product .ProductList_b2 li a:after{display: none;}
    .box-product .ProductList_b2 li .picimg{height: 42vw;}
    .box-case .L,.box-case .R{float: none;width: 100%;}
    .box-case:after{height: 54%;}
    .box-case .L .mymore{float: right;position: relative;z-index: 2;margin-top: 0;position: absolute;right: 0;bottom: 1vw;}
    .box-case .L .mymore{width: auto;background: none;color: #009b79;padding: 0;}
    .box-case .L{padding-top: 0;}
    .box-case li a{height: 40vw;display: block;}
    .box-case .R:after,.box-com:after{display: none;}
    .box-case li span,.box-product .ProductList_b2 li h3{font-size: 3.8vw;}

    .box-news .main-w{background: none;}
    .box-news .L,.box-news .R{float: none;width: 100%;padding: 0;}
    .box-news .ResTitle_a2 em{opacity: 0.2;color: #009b79;}
    .box-news .ResTitle_a2 span{color: #333;}
    .NewsList_g2 li{box-shadow: 5px 5px 5px rgba(0,0,0,0.03);float: none;width: 100%;padding: 4vw;box-sizing: border-box;}
    .NewsList_g2 li+li{padding-right: 4vw;margin-top: 4vw;}
    .NewsList_g2 .nwimg{height: 40vw;margin-bottom: 3vw;display: none;}
    .NewsList_g2 h3 {margin-bottom: 2vw;width:100%;margin-top: 0;}
    .NewsList_g2 h3 a{font-size: 4.2vw;height: auto;}
    .NewsList_g2 li p{font-size: 3.8vw;height: auto;width:100%;}
    .NewsList_g2 li .ntime{font-size: 12px;margin-top: 1vw;}
}