*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;margin: 0;padding: 0;}
body{font-family:'微软雅黑';color:#333;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#666;outline:none;cursor:pointer;display: inline-block;}
a:hover{background-repeat:no-repeat;text-decoration:none;}
a{display:inline-block;color:#666;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,i,span{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}


img,ul,li,span{margin:0;padding:0;border:0;background-repeat:no-repeat;}
ul,li{list-style:none;}
img{border:0px;vertical-align:middle;}



.clearfix::after{content:"";display:table;clear:both;}

:root{
    --text-color:#333;
    --color:#333;
    --main-color:#80af2d;
    --main-color-first:#006c73;
    --bg-gray-color:#f1f4f9;
    --moble-width:94%;
    --top-height:90px;
    --top-height-fu:-90px;
    --title-top:90px;
    --title-bottom:90px;
    --vice-color:#999;
    --mobile-padding:3%;
    --mobile-title:30px;
    --mobile-width:94%;
    --mobile-padding-top:40px;
}



.position_relative{position:relative;}
.bg_white{background-color: #fff;}
.bg_gray{background-color: #f1f4f9;min-width: 100%;}
.bg_width{width: 1440px;margin: 0 auto;max-width: 100%;}

.banner_img{width: 100%;margin-top:77px;overflow: hidden;}
.banner_img img{width: 100%;height: 100%;object-fit: cover;}

.title_box{width: 100%;}
.title_box .title{font-size: 40px;font-weight: bold;color: #333;text-align: center;}

.tab_one .title_box{position: relative;z-index: 10;}
.tab_one .title_box .title{color: #fff;font-size: 40px;margin-bottom: 20px;}
.tab_one .title_box .description{color: #fff;font-size: 14px;text-align: center;}
.tab_one{padding-top: 80px;padding-bottom: 80px;}


/* top */


 .top-nav{position:relative}
 .header-box{position:fixed;width:100%;left:0;top:0;padding:5px 0;background:#fff;z-index:9999;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-o-transition:.5s;border-bottom:1px solid #e2e2e2;-webkit-box-shadow:0 4px 12px 0 rgba(80,156,142,.5);box-shadow:0 4px 12px 0 rgba(66,66,66,.5)}
.header-box .view{display: flex;justify-content: space-between;}

.nav{margin-left:80px;margin-top:25px}
 .nav .nli{text-align:center;display:inline-block;position:relative;transition: all .5s;}
 .nav .nli>a{font-size:18px;color:#555;padding:0 18px;padding-bottom:20px;position:relative;display:block;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}
 .nav li:after{content:"";height:2px;position:absolute;bottom:-3px;right:50%;left:50%;background:var(--main-color);bottom: 10px;}
 .nav li.active:after{right:15px;left:15px}
 .nav .nli:hover>a,.nav .nli.active>a{color:var(--main-color)}
 .nav ul#topNav{display:inline-block}
 .nav .nli:hover{margin-right: 10px;}

/* footer */
.footer{background-color: #333;}
.footer .view{width: 100%;display: flex;padding-top: 30px;padding-bottom: 30px;}
.footer .view .left{width:calc(100% - 500px);padding-right: 40px;}
.footer .view .left .img{width: 270px;margin-bottom: 30px;display: block;}
.footer .view .left .img img{width: 100%;object-fit: contain;}
.footer .view .left ul{display: flex;width: 100%;}
.footer .view .left ul li{font-size: 16px;margin-right: 30px;color: #666;}
.footer .view .left ul li:hover a{color: #fff;}

.footer .view .right{width: 480px;padding-left: 40px;display: flex;flex-direction: column;}
.footer .view .right .tel a{font-size: 36px;color: #fff;font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.footer .view .right .tel p{color: #666;}
.footer .view .right  .address{color: #666;}
.footer .link{display: flex;}
.footer .link .list{display: flex;flex-wrap: wrap;width: calc(100% - 118px);}
.footer .link  p{color: #666;margin-right: 20px;width:96px;}
.footer .link .list i{color: #666;width: 2px;text-align: center;height: 16px;background: #666;margin: 2px 9px;}
.footer .link .list p,.footer .link .list a{margin-bottom: 3px;}
.footer .link .list i:last-child{display: none;}
.footer .link .list a:hover{color: #fff;}
.footer .bottom {padding: 15px 0;}
.footer .bottom *{color: #666;font-size: 14px;}

.footer .footer_top{background-color: #182231;padding-bottom: 15px;}
.footer .footer_bottom {background-color: #121a26;}




/* 右侧 */
.footer_right{position: fixed;top: 82%;right: 40px;z-index: 1;display: flex;z-index: 10000;flex-direction: column;align-items: center;background-color:#00a676;flex-direction: row;height: 80px;border-radius: 40px 40px 0 40px;min-width: 79px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.footer_right .right_contact{display: flex;align-items: center;height: 100%;transition: all .5s;padding-left: 25px;width: 0;opacity: 0;position: relative;z-index: 3;}
.footer_right .right_contact .right_tel a,.footer_right .right_contact .right_wx {display: flex;flex-direction: column;margin: 0 10px;height: 100%;justify-content: center;align-items: center;width: 50px;}
.footer_right .right_contact .right_wx ,.footer_right .right_contact .right_tel{opacity: 0;transition: all .3s 0s;}
.footer_right .right_contact .right_tel img,.footer_right .right_contact .right_wx img{width: 45px;}
.footer_right .right_contact .right_tel span,.footer_right .right_contact .right_wx span{font-size: 12px;color: #fff;padding-top: 5px;width: max-content;}
.footer_right .right_contact .right_wx {position: relative;}
.footer_right .right_contact .right_wx .right_code{position: absolute;width: 100px;height: 100px;top: -93px;left: -50%;display: none;}
.footer_right .right_contact .right_wx .right_code img{width: 100%; height: 100%;}

.footer_right .right_buttom {display: flex;justify-content: center;right: 18px;height: 100%;align-items: center;margin: 0 auto;position: absolute;z-index: 5;}
.footer_right:hover .right_contact{width:160px;opacity: 1;animation: bounceInRight;}
.footer_right .right_buttom .right_top{display: none;}
.footer_right:hover .right_top{display: block;cursor: pointer;}
.footer_right:hover .right_nav{display: none;}
.footer_right .right_buttom .right_nav ,.right .right_buttom .right_top {width: 45px;text-align: center;}

.footer_right .right_contact .right_wx:hover .right_code {display: block;}
.footer_right:hover .right_contact .right_wx,.footer_right:hover  .right_contact .right_tel{opacity: 1;transition: all .8s .3s;}





/* banner */
.tab-swiper{width: 100%;position: relative;overflow: hidden;margin:77px 0 0 ;min-width: 100%;} 
.swiper{width:100%;height:100%}
.tab-swiper .swiper{}
.tab-swiper .swiper .swiper-wrapper{}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;background-size: cover!important;background-position: center center;}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.tab-swiper .mySwiper .tab-pagination{position: absolute;bottom: 30px;left: 0;z-index: 1;text-align: center;}
.tab-swiper .mySwiper .tab-pagination span{width: 5vw;height:4px;background-color: #fff;border-radius: 0;border-radius: 1px;}
.tab-swiper .swiper-txt1{width: 30%;top:38%;height: 300px;position: absolute;left: 14%;}
.tab-swiper .swiper-txt1 p{color: #fff;text-align: left;opacity: 0;transform: translateY(50px);}
.tab-swiper .swiper-txt1 p:first-child{font-size: 46px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);position: relative;width: max-content;z-index: 5;}
.tab-swiper .swiper-txt1 p:first-child::after{content: "";display: block;width: 100%;height: 15px;background-color: var(--main-color);position: absolute;bottom: 0;z-index: -1;transform: translateY(50px);opacity: 0;}
.tab-swiper .swiper-txt1 p:nth-child(2){font-size: 18px;margin-top: 20px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

.tab-swiper .swiper-txt2{position: absolute;top: 41%;left: 32%;}
.tab-swiper .swiper-txt2 p{text-align: left;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) ;opacity: 0;}
.tab-swiper .swiper-txt2 p:first-child{font-size: 46px;width: max-content;}
.tab-swiper .swiper-txt2 p:first-child::after{content: "";display: block;width: 100%;height: 15px;background-color: var(--main-color);position: absolute;bottom: 0;z-index: -1;transform: translateY(50px);opacity: 0;}
.tab-swiper .swiper-txt2 p:nth-child(2){font-size: 18px;margin-top: 20px;}
.tab-swiper .swiper-info {position: relative;height: inherit;}


.tab-swiper .swiper-slide-active .swiper-txt1 p{opacity: 1;transform: translateY(0);}
.tab-swiper .swiper-slide-active .swiper-txt1 p:first-child::after{transform: translateY(0px);transition: all 1.8s 1.2s;opacity: 1;}
.tab-swiper .swiper-slide-active .swiper-txt1 p:first-child{transition: all 1.8s .8s;}
.tab-swiper .swiper-slide-active .swiper-txt1 p:nth-child(2){transition: all 1.8s 1.6s;}

.tab-swiper .swiper-slide-active .swiper-txt2 p{opacity: 1;transform: translateY(0);}
.tab-swiper .swiper-slide-active .swiper-txt2 p:first-child::after{transform: translateY(0px);transition: all 1.8s 1.2s;opacity: 1;}
.tab-swiper .swiper-slide-active .swiper-txt2 p:first-child{transition: all 1.8s .8s;}
.tab-swiper .swiper-slide-active .swiper-txt2 p:nth-child(2){transition: all 1.8s 1.6s;}

.tab-swiper .swiper-fade .swiper-slide{background-repeat: no-repeat;height: 500px;}





.tab_one{position: relative;}
.tab_one::after{content: "";position: absolute;left: 0;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 0;height: 100%;}
.tab_one .bg_img{position: absolute;top: 0;left: 0;background: url(/statics/img/option.jpg) no-repeat center;width: 100%;height: 100%;}
.tab_one .view{margin-top: 70px;margin-bottom: 30px;}
.tab_one .view ul {display: flex;justify-content: space-between;}
.tab_one .view ul li{width: 32%;text-align: center;border-radius: 15px;position: relative;padding: 45px;transition: all 0.5s;z-index: 10;}
.tab_one .view ul li::after{background-color: rgba(255, 255, 255, 0.2);backdrop-filter: blur(20px) saturate(150%);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 15px;}
.tab_one .view ul li::before{background-color: rgba(255, 255, 255, 1);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 15px;opacity: 0;transition: all .5s;}
.tab_one .view ul li .img,.tab_one .view ul li .title,.tab_one .view ul li .info{position: relative;z-index: 1;}
.tab_one .view ul li .img {margin-bottom: 70px;text-align: left;}
.tab_one .view ul li .img img{filter: brightness(0) invert(1);}
.tab_one .view ul li .title{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.tab_one .view ul li .title,.tab_one .view ul li .info .text{color: #fff;text-align: left;}
.tab_one .view ul li .info .text{line-height: 24px;font-size: 14px;margin-bottom: 5px;}

.tab_one .view ul li:hover .img img{filter: none;}
.tab_one .view ul li:hover::before {opacity: 1;}
.tab_one .view ul li:hover .title{color: #333;}
.tab_one .view ul li:hover .info .text{color: #999;}



/* 首页 关于我们 */
.about_index{padding: 80px 0;}
.about_index .view{display: flex;align-items: flex-start;justify-content: space-between;border: 1px solid #e3e3e3;box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.068);background-color: #fff;padding: 60px 50px;margin-top: 50px;}
.about_index .view .left{width: 630px;}
.about_index .view .left .img{height: 440px;overflow: hidden;}
.about_index .view .left .img img{width: 100%;height: 100%;object-fit: cover;}
.about_index .view .right{width: calc(100% - 640px);padding-left: 30px;}
.about_index .view .right .title{font-size: 28px;font-weight: bold;color: #333;margin-bottom: 20px;}
.about_index .view .right .info {font-size: 16px;line-height: 32px;color: #666;}
.about_index .view .right .info .indent{text-indent: 32px;}
.about_index .view .right .info .font-title{font-weight: bold;color: #333;margin-top: 15px;}







/* 首页 项目 */
.service_index{padding: 80px 0;}
.service_index .view{overflow:hidden;height:inherit;}
.service_index .view .myCoverFlow{padding-top: 50px;padding-bottom: 50px;}
.service_index .view .myCoverFlow .swiper-slide{box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.368);}
.service_index .view .myCoverFlow .swiper-slide a{border-bottom: 2px solid #fff;display: block;}
.service_index .view .myCoverFlow .swiper-slide a:hover{border-bottom-color: var(--main-color);}
.service_index .service_list{display: flex;flex-direction: column-reverse;}
.service_index .service_list .img{width: 100%;}
.service_index .service_list .img img{width: 100%;height: 100%;}
.service_index .service_list .title{font-size: 18px;color: #333;margin: 15px 0 15px;}
.service_index .service_list .info{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding: 5px 20px;word-break: break-all;display: none;}
.service_index .thumbs-button-next:after,.service_index .thumbs-button-prev:after{color: #333;}
.service_index .thumbs-button-next:hover:after,.service_index .thumbs-button-prev:hover:after{color: var(--main-color);}

.tab_service .view{display: flex;padding: 80px 0;}
.tab_service .view .right{width: 340px;margin-right: 20px;}
.tab_service .view .right .img{height: 255px;width: 100%;overflow: hidden;}
.tab_service .view .right .img img{width: 100%;height: 100%;object-fit: cover;}
.tab_service .view .right .title{font-size: 18px;color: #333;font-weight: bold;margin:35px 0 0 15px;}
.tab_service .view .right .info{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 5px 0;word-break: break-all;margin:15px 0 0 15px;}
.tab_service .view .right .more{display: flex;align-items: center;margin: 30px 0 0 15px;font-size: 14px;}
.tab_service .view .right .more em{font-weight: bold;font-size: 14px;}


.tab_service .view .left{width: calc(100% - 460px);display: flex;flex-wrap: wrap;margin-right: 7%;border-right: 1px solid #e3e3e3;padding: 30px 0;}
.tab_service .view .left ul{display: flex;flex-wrap: wrap;width: 100%;}
.tab_service .view .left ul li{border-bottom: 1px solid #e3e3e3;}
.tab_service .view .left ul li:last-child{border-bottom: none;}
.tab_service .view .left ul li a{width: 100%;display: block;padding: 20px;}
.tab_service .view .left ul li a .title{font-size: 16px;color: #333;font-weight: bold;}
.tab_service .view .left ul li a .info{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 5px 0;word-break: break-all;margin:15px 15px 0 ;}



.tab_service_1{padding: 80px 0;}
.tab_service_1 .view{overflow: hidden;margin-top: 60px;}
.tab_service_1 .view .gallery-top {padding: 30px 0;border: 1px solid #e3e3e3;}
.tab_service_1 .view .gallery-top .swiper-slide{display: flex;justify-content: space-between;}
.tab_service_1 .view .gallery-top .swiper-slide .left{width: calc(100% - 400px);margin-right: 30px;padding: 0 30px;}
.tab_service_1 .view .gallery-top .swiper-slide .left .title{font-weight: bold;font-size: 24px;color: #333;text-align: left;margin-bottom: 20px;}
.tab_service_1 .view .gallery-top .swiper-slide .left .info{font-size: 16px;line-height: 32px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;padding: 5px 0;word-break: break-all;text-align: left;text-indent: 32px;}
.tab_service_1 .view .gallery-top .swiper-slide .left .more{text-align: right;}
.tab_service_1 .view .gallery-top .swiper-slide .left .more p{text-decoration: underline;border: 1px solid #fff;transition: all .5s;padding: 0 5px;font-size: 16px;margin-top: 10px;}
.tab_service_1 .view .gallery-top .swiper-slide .right{width: 368px;margin-right: 30px;}
.tab_service_1 .view .gallery-top .swiper-slide .right .img{width: 100%;height: 280px;overflow: hidden;}
.tab_service_1 .view .gallery-top .swiper-slide .right .img img{width: 100%;height: 100%;object-fit: contain;}
.tab_service_1 .view .gallery-top .swiper-slide .left .more p:hover{border: 1px solid var(--main-color);color: var(--main-color);text-decoration: none;}
.tab_service_1 .view .thumbs_view{margin: 0 70px;}

.tab_service_1 .view .gallery-thumbs{margin: 40px 0px 0;overflow: hidden;}

.tab_service_1 .view .gallery-thumbs .swiper-slide .det{padding: 15px;border: 1px solid #e3e3e3;}
.tab_service_1 .view .gallery-thumbs .swiper-slide .det .title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;text-align: left;}
.tab_service_1 .view .gallery-thumbs .swiper-slide .det .info{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 5px 0;word-break: break-all;}

.tab_service_1 .view .gallery-thumbs .swiper-slide-thumb-active .det{border-color: var(--main-color);box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.068);}
.tab_service_1 .view .gallery-thumbs .swiper-slide-thumb-active .det .title{color: var(--main-color);}
.tab_service_1 .view .gallery-thumbs .thumbs-button-next:after, .swiper-rtl .thumbs-button-prev:after{color: var(--main-color);}
.tab_service_1 .view .thumbs_view .thumbs-button-next{right: -70px;}
.tab_service_1 .view .thumbs_view .thumbs-button-prev{left: -70px;}
.tab_service_1 .view .thumbs_view  .thumbs-button-next,.tab_service_1 .view .thumbs_view  .thumbs-button-prev{height: 100%;top: 22px;background-color: #f5f5f5;width: 40px;}
.tab_service_1 .view .thumbs_view  .thumbs-button-next:after,.tab_service_1 .view .thumbs_view  .thumbs-button-prev:after{color: var(--main-color);}




/* 首页 新闻 */

.tab_news{padding: 80px 0;}
.tab_news .view{display: flex;margin-top: 50px;}
.tab_news .view .first{width: 35%;margin-right: 20px;background-color: #fff;border: 1px solid #e3e3e3;position: relative;}
.tab_news .view .first a{display: block;width: 100%;height: 100%;}
.tab_news .view .first .img{width: 100%;height: 362px;transition: all .5s;overflow: hidden;position: relative;}
.tab_news .view .first .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;z-index: 10;transition: all .5s;opacity: 0;}
.tab_news .view .first .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.tab_news .view .first .title{font-size: 18px;padding: 15px 10px;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.4);color: #f7f7f7;transition: all .5s;}

.tab_news .view .list_ul{display: flex;width: 65%;flex-wrap: wrap;}
.tab_news .view .list_ul li{width: calc(50% - 8px);padding: 0 10px;background-color: #fff;margin-right: 16px;margin-bottom: 16px;border: 1px solid #e3e3e3;padding: 15px;box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.068);transition: all .5s;}
.tab_news .view .list_ul li a{display: flex;flex-wrap: wrap;}
.tab_news .view .list_ul li .img{width: 102px;height: 78px;margin-right: 15px;}
.tab_news .view .list_ul li .img img{width: 100%;height:100% ;object-fit: cover;}
.tab_news .view .list_ul li .info{width: calc(100% - 120px);}
.tab_news .view .list_ul li .info .title{font-size: 16px;color: #666;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0px 0 16px 0;height: 42px;}
.tab_news .view .list_ul li .info .time{display: flex;justify-content: space-between;}

.tab_news .view .list_ul li:nth-child(2n){margin-right: 0;}
.tab_news .view .list_ul li:last-child,.tab_news .view .list_ul li:nth-last-child(2){margin-bottom: 0;}

.tab_news .news_more{text-align: center ;margin: 20px auto;}
.tab_news .news_more a{display: inline-block;width: 160px;height: 40px;line-height: 40px;font-size: 16px;transition: all .5s;border: 1px solid #666;}

.tab_news .view .first:hover .img img{transform: scale(1.05);}
.tab_news .view .first:hover .img::after{opacity: 0.2;}
.tab_news .view .first:hover .title{color: #fff;}
.tab_news .view .list_ul li:hover{transform: translateY(-10px)}
.tab_news .view .list_ul li:hover .info .title{color: var(--main-color);}

.tab_news .news_more a:hover{background-color: var(--main-color);color: #fff;border-color: var(--main-color);}







/* 碳管理 */
.carbon-index{padding: 80px 0;position: relative;}
.carbon-index .carbon-view{display: flex;justify-content: space-between;}
.carbon-index .carbon-view .carbon-box1{width: 59%;}
.carbon-index .carbon-view .carbon-box1 .carbon-title{font-size: 34px;color: #333;margin-bottom: 15px;font-weight: bold;}
.carbon-index .carbon-view .carbon-box1 .carbon-text{color: #363636;font-size: 18px;line-height: 34px;text-indent: 36px;}
.carbon-index .carbon-view .carbon-box1 .carbon-text span{font-weight: bold;color: #111;margin-left: 36px;}
.carbon-index .carbon-view .carbon-box2{width: 37%;display: flex;justify-content: flex-end;}
.carbon-index .carbon-view .carbon-box2 .carbon-img{width: 500px;}
.carbon-index .carbon-view .carbon-box2 .carbon-img img{width: 100%;height: 100%;object-fit: cover;}

.carbon-index .carbon-view.carbon-right .carbon-box2{justify-content: flex-start;}
.carbon-index .carbon-view.carbon-right .carbon-box1 {display: flex;flex-direction: column;align-items: flex-end;}
.main-carbon{position: absolute;top: var(--top-height-fu);}


/* 产线设计 */

.index_advantage{background-color:white}
.index_advantage  .title{padding:30px 0 30px;font-size:28px;font-weight:700;line-height:42px;color:#333;box-sizing:border-box}
.index_advantage  ul{display:flex;flex-wrap:wrap;margin-bottom:10px;justify-content: center;}
.index_advantage  ul li{width:calc(100% / 4);height:220px;padding:10px  30px;box-sizing:border-box}
.index_advantage  ul li  img{width:64px;margin-bottom:24px}
.index_advantage  ul li  .adv_img{display:flex;align-items:center;justify-content:center}
.index_advantage  ul li  .adv_title{font-size:16px;font-weight:700;color:#2c3e50;line-height:24px;text-align:center}
.index_advantage  ul li  .adv_line{margin:15px 0;position:relative;width:100%;height:1px;background-color:#eee}
.index_advantage  ul li  .adv_line .adv_line_inner{position:absolute;width:40px;height:1px;left:0px;top:0px;background-color:#000;transition:all .8s ease}
.index_advantage  ul li:hover   .adv_line .adv_line_inner{width:100%}
.index_advantage  ul li  .adv_info{color:#9c9da3;font-size:13px;line-height:18px;text-align:justify;}

.home_case{margin-top:30px;display:grid;grid-gap:10px;grid-auto-flow:row dense;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,282px);width:1464px;margin:0px auto;padding-top:60px;padding-bottom:60px}
.class_box_1 .img_item1:nth-child(1){background-image:url(/statics/img/design/caseClass1/D2.jpg) !important;grid-row:span 2;grid-column:span 2}
.class_box_1 .img_item1:nth-child(2){background-image:url(/statics/img/design/caseClass1/E1.jpg) !important;grid-column:span 2}
.class_box_1 .img_item1:nth-child(3){background-image:url(/statics/img/design/caseClass1/F1.jpg) !important}
.class_box_1 .img_item1:nth-child(4){background-image:url(/statics/img/design/caseClass1/F2.jpg) !important}
.class_box_1 .img_item1:nth-child(5){background-image:url(/statics/img/design/caseClass1/E2.jpg) !important;grid-column:span 2}
.class_box_1 .img_item1:nth-child(6){background-image:url(/statics/img/design/caseClass1/E3.jpg) !important;grid-column:span 2}
.class_box_1 .img_item1:nth-child(7){background-image:url(/statics/img/design/caseClass1/D1.jpg) !important;grid-column:span 2;grid-row:span 2}
.class_box_1 .img_item1:nth-child(8){background-image:url(/statics/img/design/caseClass1/F3.jpg) !important}
.class_box_1 .img_item1:nth-child(9){background-image:url(/statics/img/design/caseClass1/E4.jpg) !important;grid-column:span 2}
.class_box_1 .img_item1:nth-child(10){background-image:url(/statics/img/design/caseClass1/F4.jpg) !important}
.class_box_4 .img_item1:nth-child(1){background-IMAGE:url(/statics/img/design/caseClass4/E7.jpg) !important;grid-column:span 2;grid-row:span 1}
.class_box_4 .img_item1:nth-child(2){background-IMAGE:url(/statics/img/design/caseClass4/F9.jpg) !important;grid-row:span 1;grid-column:span 1}
.class_box_4 .img_item1:nth-child(3){background-IMAGE:url(/statics/img/design/caseClass4/D7.jpg) !important;grid-column:span 2;grid-row:span 2}
.class_box_4 .img_item1:nth-child(4){background-IMAGE:url(/statics/img/design/caseClass4/D6.jpg) !important;grid-column:span 2;grid-row:span 2}
.class_box_4 .img_item1:nth-child(5){background-IMAGE:url(/statics/img/design/caseClass4/F10.jpg) !important;grid-row:span 1;grid-column:span 1}
.class_box_4 .img_item1:nth-child(6){background-IMAGE:url(/statics/img/design/caseClass4/D8.jpg) !important;grid-column:span 2;grid-row:span 2}
.class_box_4 .img_item1:nth-child(7){background-IMAGE:url(/statics/img/design/caseClass4/F11.jpg) !important;grid-row:span 1;grid-column:span 1}
.class_box_4 .img_item1:nth-child(8){background-IMAGE:url(/statics/img/design/caseClass4/E8.jpg) !important;grid-column:span 2;grid-row:span 1}
.class_box_4 .img_item1:nth-child(9){grid-column:span 1;background-image:url(/statics/img/design/caseClass4/F15.jpg) !important}
.class_box_1 .img_item1,.class_box_4 .img_item1{background-size: cover;background-repeat: no-repeat;background-position: center;}





/* 内页样板 */
.content_tab{display: flex;justify-content: space-between;padding: 30px 0;}
.content_tab .left{width: 340px;background-color: #fff;padding: 15px 5px 15px 15px;margin-top: 15px;margin-bottom: 15px;overflow: hidden;height: 600px;position: sticky;top: 110px;}
.content_tab .left .top_title{font-size: 18px;}
.content_tab .left .tab_ul{margin-top: 15px;display: flex;overflow-y: scroll;height: 530px;flex-direction: column;width: 106%;padding-right: 6%;position: relative;}

.content_tab .left .tab_ul::-webkit-scrollbar-button{display: none;width: 0;height: 0;}
.content_tab .left .tab_ul li{border-radius: 10px;}
.content_tab .left .tab_ul li a{width: 100%;height: 50px;display: flex;align-items: center;padding: 8px 0 8px 20px;}
.content_tab .left .tab_ul li.action{background-color: #f5f5f5;}

.content_tab .left .tab_ul li .img{width: 62px;height: 40px;}
.content_tab .left .tab_ul li .img img{width: 100%;height: 100%;object-fit: contain;}
.content_tab .left .tab_ul li .title{font-size: 14px;margin-left: 15px;width: calc(100% - 70px);line-height: 20px;}


.content_tab .right{width:100%;background-color: #fff;margin-top: 15px;margin-bottom: 15px;padding: 30px;}
.content_tab .right .content{font-size: 16px;line-height: 32px;color: #333;}
.content_tab .right .content img{max-width: 100%;height: auto;}
.content_tab .left .tab_ul li:hover{background-color: #f5f5f5;cursor: pointer;}
.content_tab .content .c_title {padding: 20px 0 10px;border-bottom: 1px solid #999;}
.content_tab .content .c_title p{font-size: 28px;}
.content_tab .content .c_title .box{display: flex;padding: 15px 0 0;align-items: center; }
.content_tab .content .c_title .box .type{margin-right: 20px;}
.content_tab .content .c_title .box .type img,.content_tab .content .c_title .box .date img{width: 13px;object-fit: contain;margin-right: 5px;}
.content_tab .content .c_title .box .type,.content_tab .content .c_title .box .date{font-size: 14px;color: #999;display: flex;}
.content_tab .content .info{padding-top: 20px;}
.content_tab .left .tab_ul li.action .title{color: var(--main-color);font-weight: bold;}
.content_tab .left .tab_ul li:hover .title{color: var(--main-color);font-weight: bold;}
/* 新闻 */
.news_tab .right{background-color: unset;padding: 0;}
.news_tab .right .news_view ul {}
.news_tab .right .news_view ul li{width: 100%;border-bottom: 1px solid #e3e3e3;background-color: #fff;padding: 20px;transition: all .5s;margin-bottom: 10px;}
.news_tab .right .news_view ul li a{display: flex;justify-content: space-between;}
.news_tab .right .news_view ul li a .img{width: 178px;height: 125px;border: 1px solid #e3e3e3;overflow: hidden;}
.news_tab .right .news_view ul li a .img img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.news_tab .right .news_view ul li a .innert {margin-left: 20px;width: calc(100% - 220px);flex: 1;display: flex;flex-direction: column;justify-content: center;}
.news_tab .right .news_view ul li a .innert .title{font-size: 18px;color: #333;margin-bottom: 10px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_tab .right .news_view ul li a .innert .title::after{content: "";display: block;width: 50px;height: 1px;background-color: #999;margin-top: 5px;}
.news_tab .right .news_view ul li a .innert .info{font-size: 14px;color: #888;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_tab .right .news_view ul li a .time{display: flex;margin-top: 8px;justify-content: space-between;align-items: center;}
.news_tab .right .news_view ul li a .time .date{font-size: 14px;color: #999;}
.news_tab .right .news_view ul li a .time .type{font-size: 14px;width: max-content;padding: 3px 5px;border: 1px solid #e3e3e3;border-radius: 3px;background-color: #f9f9f9;}

.news_tab .right .news_view ul li:hover{border-bottom-color: var(--main-color);}
.news_tab .right .news_view ul li:hover a .innert .title{color: var(--main-color);}
.news_tab .right .news_view ul li:hover a .innert .title::after{background-color: var(--main-color);}
.news_tab .right .news_view ul li:hover a .img img{transform: scale(1.05);}


.new_page{display:flex;align-items:center;justify-content:center;margin:00px auto 0px;padding-bottom:20px;padding-top: 20px;}
.new_page li{margin-right:15px;}
.new_page li a{border:1px solid rgb(204,204,204);color:rgb(153,153,153);width:34px;height:34px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:#fff;font-size:14px;}
.new_page li:first-child a,.new_page li:last-child a{width:80px;height:34px;}
.new_page li a:hover{background:var(--main-color);color:white;}
.new_page li.seleted a{background:var(--main-color);color:white;}

/* 项目 */
.service_tab_list{padding: 60px 0;}
.service_tab_list .list ul{display: flex;flex-wrap: wrap;}
.service_tab_list .list ul li{width: 23.2%;margin-right: 2.4%;margin-bottom: 35px;background-color: #fff;overflow: hidden;border-radius: 10px;}
.service_tab_list .list ul li:nth-child(4n){margin-right: 0;}
.service_tab_list .list ul li a{position: relative;border-bottom: 2px solid #FFF;}
.service_tab_list .list ul li a> .img{width: 100%;overflow: hidden;padding: 0 20px;height: 213px;}
.service_tab_list .list ul li a> .img img{width: 100%;object-fit: contain;transition: all 0.5s;height: 100%;}
.service_tab_list .list ul li .info {padding: 6% 20px;}
.service_tab_list .list ul li .info .title{font-size: 18px;color: #333;margin-bottom: 10px;margin-top: 15px;}
.service_tab_list .list ul li .info .detail{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 5px 0;word-break: break-all;}
.service_tab_list .list ul li .more{display: flex;padding: 0 20px;margin-bottom: 15px;margin-top: 16px;align-items: center;}
.service_tab_list .list ul li .more .img{width: 24px;height: auto;}
.service_tab_list .list ul li .more .img img{width: 100%;height: 100%;object-fit: contain;}
.service_tab_list .list ul li .more .title{font-size: 14px;color: #333;}


.service_tab_list .list ul li:hover .img img{transform: scale(1.05);}
.service_tab_list .list ul li:hover{box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.068);}
.service_tab_list .list ul li:hover a{border-bottom-color: var(--main-color);}
.service_tab_list .list ul li:hover .info .title{color: var(--main-color);text-decoration: underline;}
.service_tab_list .list .ser_nodate{width: 100%;text-align: center;font-size: 30px;font-weight: bold;height: 300px;padding: 130px 0;}
.service_news_list{padding-bottom: 30px;}
.service_news_list .snl_title {background-color: #fff;padding: 30px 30px 0;}
.service_news_list .snl_title p{font-size: 24px;color: #333;border-bottom: 1px solid #999;padding-bottom: 10px;}
.service_news_list .news_view ul li:last-child{margin-bottom: 0;}





.tab_right{position: fixed;right: 20px;top: calc(50% + 120px);background-color: #fff;box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.068);border-radius: 8px;z-index: 9999;padding: 30px 0px;border-radius: 20px;}


.tab_right .view{display: flex;flex-direction: column;align-items: center;position: relative;}
.tab_right .view .tel{display: flex;flex-direction: column;align-items: center;position: relative;padding: 0 15px;}
.tab_right .view .tel .supension{position: absolute;background-color: #fff;color: #333;font-size: 20px;right: 100%;top: -12px;width: 220px;height: 80px;line-height: 80px;padding: 0 15px;display: none;box-shadow: 0 1px 3px rgb(18 18 18 / 10%);}
.tab_right .view .tel .img{width: 20px;height: auto;}
.tab_right .view .tel .img img{width: 100%;height: 100%;object-fit: contain;}
.tab_right .view .tel .title{font-size: 14px;color: #333;margin-top: 5px;margin-bottom: 20px;}


.tab_right .view .backTop{display: flex;flex-direction: column;align-items: center;}
.tab_right .view .backTop .title{font-size: 14px;color: #333;margin-top: 5px;}
.tab_right .view .backTop .img{width: 20px;height:  auto;}


.tab_right .view .backTop:hover{cursor: pointer;}
.tab_right .view .tel:hover .supension{display: block;}
.tab_right .view .tel .supension:hover{display: block;}


/* 新闻详情 */

.news_detail_class{padding:  0px 0 40px;}
.news_detail_class .view{display: flex;justify-content: space-between;background-color: #fff;padding:45px 30px;align-items: center;}
.news_detail_class .view .left{width: calc(100% - 400px);background-color: #fff;margin-right: 30px;}
.news_detail_class .view .left .title{margin-bottom: 20px;}
.news_detail_class .view .left .title a{font-size: 24px;color: #333;}
.news_detail_class .view .left .det{font-size: 16px;color: #666;display: flex;justify-content: space-between;margin-bottom: 10px;line-height: 32px;text-indent: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news_detail_class .view .left .more_t{cursor: pointer;text-align: right;}
.news_detail_class .view .left .more_t a{font-size: 16px;color:#333;text-decoration: underline;}
.news_detail_class .view .right{width: 368px;background-color: #fff;position: sticky;top: 110px;}
.news_detail_class .view .right .img{width: 100%;height: auto;overflow: hidden;}
.news_detail_class .view .right .img img{width: 100%;height: 100%;object-fit: contain;}

.news_detail_class .view .left .more_t a:hover{color: var(--main-color);}
.news_detail_class .view .left .title a:hover{color: var(--main-color);}




@media screen and (min-width:768px) {
  .mobile-header,.mobile-bottom{display: none;}
.gallery-top .service-button-next,.gallery-top .service-button-prev{display: none;}
}


@media screen and (max-width:767px){
    /* .bg_width{width: 96%;margin: 0 auto;} */
    #header {display: none;}
 .mobile-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background-color: #fff;height: 60px;box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.068);}
.mobile-header .view{display: flex;justify-content: space-between;align-items: center;height: 100%;}
    .mobile-header .view .logo{height: 50px;}
    .mobile-header .view .logo a{height: 100%;display: flex;}

.mobile-header .view .point{display:inline-block;width:28px;height:22px;position:relative;margin-right:20px;cursor:pointer;}
.mobile-header .view .navbtn{position:absolute;top:10px;right:0;display:inline-block;width:30px;height:2px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#000;}
.mobile-header .view .navbtn::after,.mobile-header .view .navbtn::before{position:absolute;right:0;display:inline-block;width:30px;height:2px;content:'';-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#000;}
.mobile-header .view .navbtn::after{top:-11px;}
.mobile-header .view .navbtn::before{top:10px;}

.mobile-header.action .point .navbtn::after{transform: rotate(45deg);top: 0;}
.mobile-header.action .point .navbtn::before{transform: rotate(-45deg);top: 0;}
.mobile-header.action .point .navbtn{background: transparent;}


 .mobile-header .logo{height: 50px;}
.mobile-header .logo a{display: block;height: 100%;width: 100%;}
.mobile-header .logo a img{height: 100%;object-fit: contain;}
.mobile-header .menu {height: 100vh;width: 100%;background-color: #fff;position: relative;z-index: -99999;opacity: 0;pointer-events: none;transition: all .5s;}
.mobile-header .menu  ul{border-top: 1px solid #e3e3e3;}
.mobile-header .menu  ul li{padding: 15px 15px;border-bottom: 1px solid #e3e3e3;}
.mobile-header .menu  ul li a{display: block;width: 100%;height: 100%;font-size: 16px;color: #333;}

.mobile-header.action  .menu {pointer-events: inherit;opacity: 1;}
.mobile-header .menu li.active a{color: var(--main-color);}

.footer,.footer_right{display: none;}
.mobile-bottom{background-color: #182231;padding: 10px 0;}
.mobile-bottom .view span{color: #999;font-size: 14px;text-align: center;display: block;}

.title_box .title,.tab_one .title_box .title,.tab_two .view .left .title{font-size: 28px;width: 80%;margin: 0 auto;}
.tab_one .title_box .description{width: 80%;margin: 0 auto;margin-top: 15px;}
.tab_service_1,.about_index,.tab_one,.tab_three,.service_tab_list,.tab_news{padding: 40px 0;}
.banner_img{margin-top: 60px;height: 150px;}



.tab-swiper{margin-top: 60px;}
.tab-swiper .swiper-fade .swiper-slide{height: 200px;}
.tab-swiper .swiper-txt1 p:first-child{font-size: 18px;}
.tab-swiper .swiper-txt1 p:first-child::after{height: 7px;}
.tab-swiper .swiper-txt1 p:nth-child(2){font-size: 14px;margin-top: 7px;}
.tab-swiper .swiper-txt1{left: 6%;width: 58%;height: auto;}

.tab_service_1 .view{width: var(--mobile-width);margin: 0 auto;padding-top: var(--mobile-padding-top);}
.tab_service_1 .view .gallery-top .swiper-slide{flex-direction: column-reverse;flex-wrap: wrap;}
.tab_service_1 .view .gallery-top .swiper-slide .left,.tab_service_1 .view .gallery-top .swiper-slide .right{width: 100%;}






.about_index .view{flex-wrap: wrap;padding: 10px 10px;margin-top: 40px;}
.about_index .view .left, .about_index .view .right{width: 100%;}
.about_index .view .right{padding-left: 0;margin-top: 15px;}
.about_index .view .left .img{width: 100%;height: auto;}


.tab_one .view{margin: 40px 0 0px;}
.tab_one .view ul{flex-direction: column;width: var(--mobile-width);margin: 0 auto;}
.tab_one .view ul li{width: 100%;margin-bottom: 15px;padding:28px;}
.tab_one .view ul li:last-child{margin-bottom: 0;}
.tab_one .view ul li .title{font-size: 20px;}
.tab_one .view ul li .img{margin-bottom: 18px;}


.tab_news .bg_width{width: var(--mobile-width);margin: 0 auto;}
.tab_news .view{flex-direction: column;margin-top: var(--mobile-padding-top);}
.tab_news .view .first{width: 100%;}
.tab_news .view .list_ul{width: 100%;margin-top: 15px;}
.tab_news .view .list_ul li{width: 100%;margin-right: 0;margin-bottom: 7px;}
.tab_news .view .list_ul li:last-child, .tab_news .view .list_ul li:nth-last-child(2){margin-bottom: 7px;}
.tab_news .view .list_ul li:last-child{margin-bottom: 0;}




    .tab_right{display: none;}

.tab_news .view .list_ul li .img{display: none;}
.tab_news .view .list_ul li .info{width: 100%;}
.tab_news .view .first .img{height: 260px;}


.thumbs_view{display: none;}
.gallery-top .service-button-next,.gallery-top .service-button-prev{display: block;width: 25px;height: 40px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.gallery-top .service-button-prev{left: 10px;}
.gallery-top .service-button-next::after,.gallery-top .service-button-prev::after{opacity: 0.4;}
.tab_service_1 .view .gallery-top .swiper-slide .left .title{font-size: 18px;margin-top: 8px;margin-bottom: 8px;}
.tab_service_1 .view .gallery-top .swiper-slide .left .info{font-size: 14px;line-height: 24px;}
.tab_service_1 .view .gallery-top .swiper-slide .right .img{height: auto;padding: 0 10px;}



.content_tab{padding: 0;}
.content_tab .right{padding: 3%;}
.content_tab .content .c_title p{font-size: 22px;}
.new_page{flex-wrap: wrap;}
.new_page li{margin-bottom: 7px;margin-right: 10px;}



.news_tab .right .news_view ul li{padding: 10px;}
.news_tab .right .news_view ul li a .img{width: 95px;height: 77px;}
.news_tab .right .news_view ul li a .innert{width: calc(100% - 115px);margin-left: 12px;}
.news_tab .right .news_view ul li a .innert .title{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;margin-bottom: 4px;}
.news_tab .right .news_view ul li a .innert .info{display: none;}
.news_tab .right .news_view ul li a .time .type{font-size: 12px;}
.news_tab .right .news_view ul li a .time .date{font-size: 12px;}
.news_tab .right .news_view ul li a .innert .title::after{display: none;}



.service_tab_list .bg_width{width: var(--mobile-width);margin: 0 auto;}
.service_tab_list .list ul li{width: 49%;margin-right: 2%;padding: 0px 15px;margin-bottom: 15px;}
.service_tab_list .list ul li:nth-child(2n){margin-right: 0;    }
.service_tab_list .list ul li a> .img{height: 114px;}
.service_tab_list .list ul li .info .title{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 42px;}

.service_tab_list .list ul li a> .img,.service_tab_list .list ul li .info, .service_tab_list .list ul li .more{padding-left: 0;padding-right: 0;}
.service_news_list .snl_title{padding: 20px var(--mobile-padding);}
.service_news_list .snl_title p{font-size: 20px;}
.service_news_list .news_view ul{padding: var(--mobile-padding);}


.index_advantage ul{justify-content: space-between;}
    .index_advantage ul li{width: 49%;padding: 5px var(--mobile-padding);}

    .cooperation-box .coop-list li{width: 48%;margin-right: 4%;margin-bottom: 10px;}
    .cooperation-box .coop-list li:nth-child(5n){margin-right: 4%;}
    .cooperation-box .coop-list li:nth-child(2n){margin-right: 0;}


    .slider1_warp{padding-top: 60px;}
    .slider1_warp .title{font-size: 22px;width: 100%;text-align: center;display: none;}
    .home_case{width: 94%;margin: 0 auto;grid-template-rows: repeat(4, 50px);padding: 15px 0;}
    .qyjj-conb{padding-top: 30px;padding-bottom: 30px;}

.index_advantage .title{padding-left: var(--mobile-padding);font-size: 22px;}




.carbon-index{padding: 40px 0;}
.carbon-index .carbon-view{flex-wrap: wrap;flex-direction: column-reverse;}
.carbon-index.bg_gray .carbon-view{flex-direction: row;}
.carbon-index .carbon-view .carbon-box1{width: var(--moble-width);margin: 0 auto;}
.carbon-index .carbon-view .carbon-box2{width: var(--moble-width);margin: 20px auto;}
.carbon-index .carbon-view .carbon-box1 .carbon-title{text-align: center;width: 100%;}


.news_detail_class {padding-bottom: 15px;}
.news_detail_class .view {flex-wrap: wrap;flex-direction: column-reverse;padding-left: var(--mobile-padding);padding-right: var(--mobile-padding);}
.news_detail_class .view .left,.news_detail_class .view .right{width: 100%;}
.news_detail_class .view .left{margin-right: 0;margin-top: 15px;}






}