/*修改nav样式*/
body{
    background: #ffffff;
}
body.body-gray-bg {
    background: #eee;
}
.layui-nav{
    background: #fff!important;
}
.site-header{
    box-shadow: 0 1px 5px rgba(177, 177, 177, 0.3);
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
}
.site-header{
    box-shadow: 0 1px 5px rgba(177, 177, 177, 0.3);
    background-color: #fff;
}
/* 全局导航开始 */
.nav-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: #ccc;*/
}
.nav-container .phone-icon{
    margin-right: 10px;
}
.nav-container .phone{
    color: #1E9FFF;
    font-size: 18px;
}
/*.nav-container .nav-a {*/
/*    background: #ff0;*/
/*    color: #000!important;*/
/*}*/
/*.nav-container .nav-li .link {*/
/*    background: #ff0;*/
/*    color: #000!important;*/
/*}*/
.header-logo{
    height: 90px;
    width: 180px;
    display: inline-block;
    text-indent: -9999px;
    background:  url('/themes/zgblog/resources/images/header-logo.png') no-repeat center center;
    background-size: contain;
}
.product-nav .product-nav-menu-v2{
    display: none;
}
.product-nav:hover .product-nav-menu-v2{
    display: block;
}
.product-nav .product-nav-menu,
.business-nav .business-nav-menu{
    display: none;
    width: 650px;
    position: absolute;
    top:96px;
    left:376px;
    z-index:9;
    background:white;
}
.business-nav-menu .business-nav-menu-item{
    padding: 10px;
    background: #f4f4f4;
    box-sizing: border-box;
    border: 1px solid #F4f4F4;
}
.business-nav-menu .business-nav-menu-item:hover .nav-title{
    color: #1E9FFF;
}
.business-nav-menu .business-nav-menu-item:hover{
    background: white;
    border: 1px solid #1E9FFF;
}
.product-nav-menu .product-nav-menu-item-title1 {
    flex-shrink: 0;
    font-size: 18px!important;
}
.product-nav-menu .product-nav-menu-item-title1,
.product-nav-menu .product-nav-menu-item-title2 {
    font-size: 15px;
    font-weight: bold;
    flex-shrink: 0;
    width: 140px;
    margin-top: 10px;
}
.product-nav-menu .product-nav-menu-item-title1{
    width: 100px;
}
.product-nav-menu .product-nav-menu-item-bg{
    background: #F4f4F4;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin: 8px 8px 8px 0;
    border-radius: 8px;
}
.product-nav:hover .product-nav-menu {
    left: 488px;
    display: flex;
    width: auto;
}
/*.nav .nav-li:nth-child(2) .link {*/
/*    background: #f4f4f4;*/
/*}*/
.nav .link.active{
    color: #1E9FFF;
}
.nav .link {
    padding: 0 20px;
    height: 96px;
    line-height: 100px;
}
.nav .link:active {
    color: #1E9FFF;
}
.nav .nav-li:hover .link,
.business-nav:hover ,
.business-nav:hover > .link,
.product-nav:hover > .link{
    color: #1E9FFF;
}
.business-nav:hover {
    top: 100px;
}
.business-nav:hover .business-nav-menu,
.product-nav:hover .product-nav-menu
{
    display: flex;
}
/*footer*/
.saoyisao{
    margin-top: -26px!important;
}
.footer {
    background-color: #18202B;
}
.footer .text-gray {
    color: #959595;
}
.inner-container{
    margin: 0 auto;
    max-width: 1350px;
}
.inner-container .title-left {
    text-align: left;
}
.banner {
    min-height: 720px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #000;
    background-size: 100% 100%;
}
.banner.banner-black{
    color: #000;
}
.banner.news-banner-short {
    height:420px!important;
    min-height:420px!important;
    background: url('/themes/zgblog/resources/images/news-banner.jpg') no-repeat center center;
}
.index-environment-banner {
    background: url('/themes/zgblog/resources/images/index-banner/environment.png') no-repeat center center;
}
.index-energy-banner {
    background: url('/themes/zgblog/resources/images/index-banner/energy.png') no-repeat center center;
}
.banner.index-environment-banner-short {
    min-height: 600px;
    background: url('/themes/zgblog/resources/images/environment-banner.png') no-repeat center center;
}
.banner.index-energy-banner-short {
    min-height: 600px;
    background: url('/themes/zgblog/resources/images/energy-banner.png') no-repeat center center;
}
.banner.contact-us-banner-short {
    min-height: 500px;
    background: url('/themes/zgblog/resources/images/contact-us/contact-us-banner.jpg') no-repeat center center;
}
.banner-title {
    position: relative;
    text-align: center;
    font-weight: 1000;
    font-size: 80px;
}
.banner .banner-title .banner-title-small{
    font-weight: 300;
}
#carousel-banner .banner-title {
    margin-top: 350px;
}
/*index*/
.logo-container >li{
    float: left;
    width: 20%;
    height: 90px;
    margin-bottom: 20px;
    /*padding: 20px;*/
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-container li img{
    object-fit: contain;
    width: 100%;
    height: 90px;
    padding: 15px;
}
.business-left {
    height: 600px;
    /*background: url('/themes/zgblog/resources/images/Frame4.png') no-repeat center center;*/
    background: url('/themes/zgblog/resources/images/Frame4-short.png') no-repeat center center;
    /*background: url('/themes/zgblog/resources/images/index-left.png') no-repeat center center;*/
    background-size: 100% 100%;
}

.business-right {
    height: 600px;
    /*background: url('/themes/zgblog/resources/images/Frame6.png') no-repeat center center;*/
    background: url('/themes/zgblog/resources/images/Frame6-short.png') no-repeat center center;
    /*background: url('/themes/zgblog/resources/images/index-right.png') no-repeat center center;*/
    background-size: 100% 100%;
}
.plan-left,.plan-right{
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.plan-left .project-bg,.plan-right .project-bg {
    height: 30rem;
    background-size: 100% 100%;
}
.plan-left .project-bg {
    background: url('/themes/zgblog/resources/images/plan/environment.png') no-repeat center center;
}
.plan-right .project-bg {
    background: url('/themes/zgblog/resources/images/plan/zhaji.png') no-repeat center center;
}
.plan-left .project-bg-energy {
    background: url('/themes/zgblog/resources/images/energy-plan/energy-left.png') no-repeat center center;
    background-size: 100% 100%;
}
.plan-right .project-bg-energy {
    background: url('/themes/zgblog/resources/images/energy-plan/energy-right.png') no-repeat center center;
    background-size: 100% 100%;
}
/*culture*/
.culture-1,.culture-2,.culture-3 {
    color: transparent!important;
    width: 100%;
    height: 10rem;
    background: url('/themes/zgblog/resources/images/culture.png') no-repeat center center;
    background-size: contain top;
}
.culture .culture-1 {
    background: url('/themes/zgblog/resources/images/culture/3.png') no-repeat center center;
}
.culture .culture-2 {
    background: url('/themes/zgblog/resources/images/culture/1.png') no-repeat center center;
}
.culture .culture-3 {
    background: url('/themes/zgblog/resources/images/culture/2.png') no-repeat center center;
}

/*company-intro*/
.company-introduction {
    width: 100%;
    height: 460px;
    background: url('/themes/zgblog/resources/images/Group1.png') no-repeat center center;
    background-size: 100% 100%;
}
.company-intro-p{
    text-indent: 2em;
}
/*partner*/
.partner {
    width: 100%;
    height: 20rem;
    /*background: url('/themes/zgblog/resources/images/Frame133.png') no-repeat center center;*/
    /*background-size: contain top;*/
}

/**/
.be-product-container .be-product-item{
    background: #fff;
}
.be-product-container .be-product-item {
    padding: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px
}
.be-product-container .be-product-item .title{
    border-left: 6px solid #1E9FFF;
    margin-bottom:20px;
    text-indent: 10px;
    font-size: 22px;font-weight: bold
}
.be-product-container .be-product-item .product-link{
    margin:0 10px 10px 0;
    width:168px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background: #F4f4F4;border-radius:6px
}
.business-environment .service-container .service-1,
.business-environment .service-container .service-2,
.business-environment .service-container .service-3{
    flex: 1;
    height: 30rem;
    background-size: contain top;
    color: #ffffff;
}
.business-environment .service-container .service-1 p,
.business-environment .service-container .service-2 p,
.business-environment .service-container .service-3 p{
    color: #eeeeee;
}
.business-environment .service-container .service-1{
    background: url('/themes/zgblog/resources/images/service/service1.png') no-repeat center center;
    background-size: 100%;
}
.business-environment .service-container .service-2 {
    background: url('/themes/zgblog/resources/images/service/service2.png') no-repeat center center;
    background-size: 100%;
}
.business-environment .service-container .service-3{
    background: url('/themes/zgblog/resources/images/service/service3.png') no-repeat center center;
    background-size: 100%;
}
/*product-environment*/
.product-environment .product-container .product-item {
    margin: 0 10px 10px 0;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid rgba(32, 36, 37, 0.1);
    height: 360px;
    width: 290px;
    box-sizing: border-box;
}
.product-environment .product-container .product-item >span{
    position: relative;
    bottom: 90px;
}
/*product-energy*/
.product-energy .product-container .energy-title1 {
    font-size: 40px;
    font-weight: bold;
    margin: 30px 0;
}
.product-energy .product-container .energy-title2 {
    margin: 10px 0;
    font-size: 24px;
    font-weight: bold;
}
.product-energy .product-container .energy-desc{
    margin-bottom: 20px;
    font-size: 20px;
    color: rgba(32, 36, 37, 1);
}
.product-energy .product-container .image-container:first-child {
    margin-right: 20px;
}
.product-energy .product-container .product-image{
    padding: 50px;
    text-align: center;
    border: 1px solid rgba(32, 36, 37, .1);
}
/*business-energy*/
.energy-service-container > a{
    display: inline-block;
}
.energy-service-container .energy-service-title:active,
.energy-service-container .energy-service-title:hover{
    color: #1E9FFF;
}
.energy-service-container .energy-service-title{
    width: 30%;
    line-height: 140px;
    background: #ffffff;
    text-align: center;
    margin-right: 4.6%;
    margin-bottom: 50px;
    font-size: 24px;
    font-weight: bold;
}
.energy-service-container .energy-service-title:nth-child(4){
    margin-right: 0;
}
/*css nav*/
/* Tab容器 */
.tab-container {
    margin: 25px auto 0;
    overflow: hidden;
}
/* 隐藏radio按钮 */
.tab-radio {
    display: none;
}
/* Tab导航栏 */
.tab-nav {
    display: flex;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
}
/* Tab标签样式 */
.tab-label {
    font-size: 18px;
    color: #aaaaaa;
    margin-right: 30px;
    padding: 25px 0 15px;
    cursor: pointer;
    /*transition: all 0.3s ease;*/
    border-bottom: 3px solid transparent;
    font-weight: 500;
}

.tab-label:hover {
    color: #000;
    /*background-color: #e9e9e9;*/
}

/* 选中状态的Tab标签 */
.tab-radio:checked + .tab-label {
    color: #000;
    border-bottom-color: #000;
    background-color: white;
}

/* Tab内容区域 */
.tab-content {
    display: none;
    margin-top: 40px;
    /*animation: fadeIn .5s ease;*/
    flex-wrap: wrap;
}

/* 显示选中Tab对应的内容 */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6
{
    display: flex;
}
.tab-content .product-item:nth-child(4n) {
    margin-right: 0;
}
.tab-content .product-item:hover {
    border: 1px solid #1E9FFF;
}
.tab-content .product-item:hover span {
    color: #1E9FFF;
}
/*新闻detail*/
.news-detail .news-detail-title.text-left{
    text-align: left;
}
.news-detail .news-detail-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    color: #0d6eb8;
    text-align: center;
    margin: 60px auto 30px;
}
.news-detail .news-detail-post-time > span{
    margin: 0 30px;
}
.news-detail .news-detail-post-time{
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    color: #afafaf;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    margin-top: 30px;
}
.news-detail .to-news-list{
    font-size: 18px;
    background-color: white;
    border: 1px #d6d6d6 solid;
    border-radius: 30px;
    padding: 10px 26px;
}
/*新闻detail*/
/*新闻*/
.tab-content .product-item.news {
    height: 450px;
    text-align: left;
    padding-bottom: 0;
}
.tab-content .product-item.news h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab-content .product-item.news p {
    color: #666666;
}
.tab-content .product-item.news .content {
    height: 60px;
    color: #666666;
    margin-top: 15px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.tab-content .product-item.news .detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e0e0e0;
}
/*新闻*/

.tab-content .product-item {
    margin-bottom: 15px;
    margin-right: 1.3%;
    width: 24%;
    text-align: center;
    height: 300px;
    border: 1px solid #eeeeee;
    padding: 20px;
    box-sizing: border-box;
}
.tab-content .product-item img {
    object-fit: contain;
    width: 100%;
    height: 220px;
}
.tab-content .product-item span {
    line-height: 50px;
}
/* 内容动画效果 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/*contact us*/
.company-zh:after {
    position: absolute;
    left: 0px;
    width: 30px;
    height: 2px;
    background: #0d6eb8;
    content: "";
    top: 20px;
}
.company-zh {
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
    color: #0d6eb8;
    padding-left: 40px;
    letter-spacing: 4px;
    position: relative;
}
.company-en {
    font-size: 18px;
    padding-left: 40px;
    color: #ccc;
    text-transform: uppercase;
}
.contact-us ul{
    overflow: hidden;
    margin-top: 30px;
    /*box-shadow: 0 5px 20px #d6d6d6;*/
}
.contact-us ul li:last-child {
    border-right: 1px solid #e6e6e6;
}
.contact-us ul li{
    width: 33.3%;
    height: 270px;
    float: left;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-right: none;
    padding: 60px 40px;
    text-align: center;
}
.contact-us ul li h4{
    margin: 10px auto;
    font-weight: bold;
    color: #333;
    font-size: 18px;
}
.contact-us ul li p{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.contact-us .message {
    width: 100%;
    margin: 60px auto 0;
    background: #fff;
    padding: 40px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.contact-us .message h3{
    text-align: center;
    color: #333;
    font-size: 24px;
    font-weight: bold;
}
.contact-us .message ol{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.contact-us .message ol li{
    float: left;
    width: 49%;
    margin-bottom: 20px;
    background: #fff;
}
.message ol li:nth-child(2n){
    float: right;
}
.contact-us li > input{
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid #e6e6e6;
    color: #999;
    padding: 0 15px;
}
.contact-us .message ol li textarea{
    padding: 15px;
    width: 100%;
    height: 180px;
    border: 1px solid #e6e6e6;
    background: none;
    color: #999;
}
.contact-us .message ol li .btn,.contact-us .message ol li .btn2{
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.contact-us .message ol li .btn2,
.contact-us .message ol li .btn{
    background: #0d6eb8;
}
/*product-detail*/
.product-detail {
    /*display: flex;*/
    margin-top: 30px;
}
.product-detail h5{
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
.product-detail img{
    margin-top: 10px;
    width: 100%;
    border: 1px solid #e6e6e6;
    margin-right: 30px;
}
.product-detail .product-info{

}
.product-detail .product-info h4{
    font-size: 26px;
    font-weight: bold;
}
.product-detail .product-info h5{
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
.product-detail .product-info p{
    font-size: 16px;
    line-height: 30px;
}
.product-detail-page-title {
    font-size: 30px;
    font-weight: bold;
    margin-top: 40px;
    padding: 10px 30px;
    border-left: 5px solid #1E9FFF;
    background: #eee;
    text-align: center;
}
#content1{
    clear: both;
}



/*nav*/
/* Tab容器 */
.tab-container1 {
    margin: 25px auto 0;
    overflow: hidden;
    position: absolute;
    top:71px;
    width: 770px;
    background: white;
    padding: 20px 0 10px 20px;
    z-index: 10
}

/* 隐藏radio按钮 */
.tab-radio1 {
    display: none;
}
/* Tab导航栏 */
.tab-nav1 {
    display: flex;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
}
.product-title-in-tab{
    width: 100% !important;
}
/* Tab标签样式 */
.tab-label1 {
    float:left;
    font-size: 18px;
    color: #aaaaaa;
    padding-right: 30px;
    padding-bottom: 20px;
    cursor: pointer;
    font-weight: 500;
}
.tab-label1.tab-label1-last {
    clear: left;
}
.tab-label1:hover {
    color: #000;
}
/* 选中状态的Tab标签 */
.tab-radio1:checked + .tab-label1 {
    color: #000;
}
/* Tab内容区域 */
.tab-content1 {
    margin-left: 100px;
    display: none;
    margin-top: 0px;
    /*animation: fadeIn .5s ease;*/
}
.tab-content1 h3:first-child {
    margin-top: 0;
}
.tab-content1 h3{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 10px;
}
/* 显示选中Tab对应的内容 */
#tab11:checked ~ #content11,
#tab21:checked ~ #content21
{
    display: block;
}
.tab-content1 .product-item1:nth-child(4n) {
    margin-right: 0;
}
.tab-content1 .product-item1:hover {
    border: 1px solid #1E9FFF;
}
.tab-content1 .product-item1:hover span {
    color: #1E9FFF;
}
.tab-content1 .product-item1 {
    display: inline-block;
    border: 1px solid #F4f4F4;
    margin: 0 5px 5px 0;
    width: 150px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: #F4f4F4;
    border-radius: 6px;
}
.tab-content1 .product-item1 span {
    line-height: 40px;
}

/*上下篇*/
.page-container {
    /*margin-bottom: 20px;*/
}
.page-container .page-title{
    font-size: 20px;
    font-weight: bold;
}
.page-container .none{
    margin-left: 20px;
}
.page-container .page-link{
    color: #0d6eb8;
    display: inline-block;
    margin-left: 20px;
    line-height: 50px;
}

/*客服模块*/
.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px;}
.y-kefu-box img{display: block; width:100%; height:auto;}
.y-kefu-box01 .icon{display:block; background:url('/themes/zgblog/resources/images/icons01.png') no-repeat; margin:0 auto 6px;}
.y-kefu-box01{width:54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width:27px; height:27px; background-position:-5px -115px; position: relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{content:''; display: block; width:1px; height:12px; background-color:#1E9FFF; position: absolute; bottom:-12px; left:13px; z-index: 1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-qiao{background-color:#1E9FFF; border-color: #1E9FFF; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-qiao{border-radius:2px;}
.y-kefu-box01 .kf-qiao i{width:21px; height:22px; background-position:-30px -150px;}
.y-kefu-box01 .kf-QQ{border-top-left-radius:2px;border-top-right-radius:2px;}
.y-kefu-box01 .kf-QQ>i{width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-QQ:hover>i{background-position:-30px -5px;}
.y-kefu-box01 .kf-zixun{border-radius:2px;}
.y-kefu-box01 .kf-zixun i{width:21px;height:22px;background-position:-30px -150px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position:-30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position:-30px -80px;}
.y-kefu-box01 .back-top i{width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top:-1px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{background-color:#1E9FFF; border-color:#1E9FFF;}
.y-kefu-box01 .hver:hover>p{color:#fff;}
.y-kefu-box01 .mobile-infos,.y-kefu-box01 .QQ-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;}
.y-kefu-box01 .mobile-infos{width:215px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#999;}
.y-kefu-box01 .mobile-infos p{color:#1E9FFF; font-size:18px;}
.y-kefu-box01 .QQ-infos{width:320px;text-align: left;top: 0;}
.y-kefu-box01 .part01{padding:20px 20px 20px 30px; border-bottom:solid 1px #e9e9e9; position:relative;}
.y-kefu-box01 .part01 p{font-size:16px; color:#1E9FFF; padding-bottom:5px;}
.y-kefu-box01 .part01 i{width:28px; height: 26px; background-position:-40px -5px; position: absolute; left:0; top:18px; z-index:2;}
.y-kefu-box01 .part02{padding:20px;}
.y-kefu-box01 .part02 li{width:86px; float:left; position:relative; margin:10px; padding-left:30px;}
.y-kefu-box01 .part02 i{width:22px; height:22px; background-position:-5px -5px; position:absolute; left:0; top:0; z-index:2;}
.y-kefu-box01 .part02 li:hover a{color:#1E9FFF;}
.ri{width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.ri-arrow1,.ri-arrow2{width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.ri-arrow1{left:1px; border-left:6px #efefef solid;}
.ri-arrow2{border-left:6px white solid;}

.y-kefu-box01 .y-ewm-box{width:151px; height:178px; top:-60px;}
.y-kefu-box01 .y-ewm-box>div{width:151px; height:178px;}
.y-kefu-box01 .y-ewm-box img{width:94px; height:94px; margin:30px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width:150px; border-right:solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top:84px;}

.y-kefu-box01 .y-email-infos{padding:28px 20px 28px 45px; color:#999; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{color:#1E9FFF; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{top:55px;}
.y-kefu-box01 .hide-status{width:54px; height:65px; background-color:#1E9FFF; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{padding:10px 0 7px; color:#fff; cursor:pointer;}

/* 富文本内容区域样式恢复 */
.rich-text-content-container {
    margin-bottom: 20px;
    /* 恢复基础文本样式 */
    line-height: 1.6;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.rich-text-content-container img{
    width: 100%;
}
/* 恢复标题默认样式 */
.rich-text-content-container h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    display: block;
}

.rich-text-content-container h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    display: block;
}

.rich-text-content-container h3 {
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    display: block;
}

.rich-text-content-container h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    display: block;
}

.rich-text-content-container h5 {
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    display: block;
}

.rich-text-content-container h6 {
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    display: block;
}

/* 恢复表格默认样式 */
.rich-text-content-container table {
    border-collapse: separate;
    border-spacing: 2px;
    display: table;
    margin: 1em 0;
}

.rich-text-content-container th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 4px;
    border: 1px solid #ccc;
}

.rich-text-content-container td {
    vertical-align: top;
    padding: 4px;
    border: 1px solid #ccc;
}

/* 恢复段落和列表样式 */
.rich-text-content-container p {
    margin: 1em 0;
    display: block;
}

.rich-text-content-container ul, .rich-text-content-container ol {
    margin: 1em 0;
    padding-left: 2em;
    display: block;
}

.rich-text-content-container ul {
    list-style-type: disc;
}

.rich-text-content-container ol {
    list-style-type: decimal;
}

.rich-text-content-container li {
    display: list-item;
    margin: 0.25em 0;
}

/* 恢复链接样式 */
.rich-text-content-container a {
    color: #0645ad;
    text-decoration: underline;
    cursor: pointer;
}

.rich-text-content-container a:hover {
    color: #0b0080;
}

/* 恢复其他内联元素样式 */
.rich-text-content-container em {
    font-style: italic;
}

.rich-text-content-container strong {
    font-weight: bold;
}

.rich-text-content-container blockquote {
    margin: 1em 2em;
    padding: 0 1em;
    border-left: 2px solid #ccc;
    display: block;
}

/*兼容pc、移动代码*/
.menu-toggle {
    display: none;
    cursor: pointer;
}

.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
}

.menu-btn span,
.menu-btn span::before,
.menu-btn span::after {
    display: block;
    background: #333;
    height: 3px;
    width: 100%;
    border-radius: 2px;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

.menu-btn span {
    top: 50%;
    transform: translateY(-50%);
}

.menu-btn span::before,
.menu-btn span::after {
    content: '';
    position: absolute;
}

.menu-btn span::before {
    top: -8px;
}

.menu-btn span::after {
    top: 8px;
}

.menu-btn.active span {
    background: transparent;
}

.menu-btn.active span::before {
    transform: rotate(45deg);
    top: 0;
}

.menu-btn.active span::after {
    transform: rotate(-45deg);
    top: 0;
}

.dropdown-menu {
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    background: white;
    display: none;
    flex-direction: column;
    padding: 1rem;
    border-top: 1px solid #ccc;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.dropdown-menu.active {
    display: flex;
}

.dropdown-link {
    padding: 0.8rem 1rem;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.dropdown-link:hover {
    background: rgba(102, 126, 234, 0.05);
    color: #667eea;
}

.content {
    margin-top: 80px;
    padding: 2rem;
    color: white;
    text-align: center;
}
.contact-us > .logo{
    display: none;
}
@media (max-width: 1024px) {

/*}*/
/*@media (max-width: 768px) {*/
    nav.nav,
    .nav-container .header-right{
        display: none;
    }
    .site-header .nav-container{
        height: 66px;
        margin: 0 10px;
    }
    .site-header .header-logo {
        width: 140px;
        height: 60px;
    }
    .menu-toggle {
        display: block;
    }
    .navbar {
        padding: 1rem;
    }
    /*index-banner*/
    .banner,
    .banner.index-energy-banner,
    section.layui-carousel,
    .banner.index-environment-banner-short{
        width: 100vw;
        min-height: 60vh!important;
        height: 60vh;
    }
    .banner.index-environment-banner,
    .banner.index-energy-banner
    {
        /*background: url(/themes/zgblog/resources/images/index-banner/environment.png) no-repeat center center;*/
        background-size: auto 100%!important;
    }
    .banner-title{
        font-size: 34px!important;
        margin-top: 24vh!important;
    }
    .index-environment-banner-short .banner-title{
        margin-top: 0vh!important;
    }
    .banner-title-small{
        display: block;
    }
    /*index-业务板块*/
    .inner-container > .title.text-5xl{
        font-size: 30px!important;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .business-modules {
        display: block!important;
    }
    .business-modules .business-right{
        height: 530px;
    }
    .business-modules .business-left{
        height: 410px;
    }
    .business-modules .business-left,
    .business-modules .business-right{
        margin: 0 10px 10px;
        padding: 10px 15px;
    }
    .business-modules .business-left >h4,
    .business-modules .business-right >h4{
        font-size: 26px!important;
        margin-bottom: 2px;
    }
    .business-modules .business-left >p,
    .business-modules .business-right >p{
        text-indent: 32px;
        margin-bottom: 4px;
        font-size: 16px!important;
        line-height: 28px!important;
        font-weight: normal;
    }
    /*index-culture*/
    .culture{
        display: block!important;
        margin: 0 10px 0px;
    }
    .culture .culture-1,
    .culture .culture-2,
    .culture .culture-3{
        margin-bottom: 10px;
        width: 100%;
        height: 28vh;
        background-size: 100% 100%;
    }
    /*index-company*/
    .company-introduction {
        /*margin: 0 10px 10px;*/
        background: none;
        height: auto;
    }
    .company-introduction .company-desc{
        margin: 0 15px ;
        padding: 15px;
        box-sizing: border-box;
        background: #50A1CE;
        background-size: 100% 100%;
        /*height: 370px;*/
    }
    .company-introduction .company-desc > h4{
        font-size: 26px!important;
        margin-bottom: 2px;
    }
    .company-introduction .company-desc > p{
        text-indent: 32px;
        margin-bottom: 4px;
        font-size: 16px!important;
        line-height: 28px!important;
        font-weight: normal;
    }
    /*index-logo*/
    .logo-container >li{
        width: 33.3%;
        margin-bottom: 0;
    }
    /*index-footer*/
    .footer1,
    .footer2 .inner-container .link-menu{
        display: none;
    }
    .footer2 .contact-us{
        flex: 3;
    }
    .footer2 {
        padding: 50px 15px;
    }
    .footer2 .footer2-inner .saoyisao span{
        font-size: 10px!important;
    }
    .footer2 .footer2-inner .saoyisao img{
        width: 80px;
    }
    .footer2 .footer2-inner .saoyisao{
        margin-top: 0!important;
    }
    .contact-us > .phone{
        margin-top: 2px;
    }
    .contact-us > div{
        font-size: 12px;
        transform: scale(0.9);
        transform-origin: 0 0;
    }
    .contact-us > span{
        font-size: 14px;
        color: white;
        font-weight: bold;
    }
    .contact-us > .address {
        margin-top: 0!important;
        font-size: 12px;
    }
    .contact-us > .logo{
        width: 130px;
        margin-bottom:6px;
        display: block;
    }

    /*环境监控*/
    .inner-container .title-left{
        text-align: center;
    }
    .business-environment .inner-container{
        margin: 0 10px;
    }
    .plan-container{
        flex-wrap: wrap;
    }
    .plan-container .plan-right .project-bg {
        background: url('/themes/zgblog/resources/images/mobile-zhaji.png') no-repeat center center;
    }
    .plan-container .plan-right,
    .plan-container .plan-left {
        width: 100%;
        margin-right: 0;
        flex: auto;
    }
    .plan-outer-container .plan-image{
        margin-bottom: 10px!important;
    }
    .plan-container .plan-left .project-bg,
    .plan-container .plan-right .project-bg{
        height: 360px;
        background-size: cover;
    }
    .plan-container .plan-content{
        padding: 10px;
    }
    .plan-content > .h-14{
        height: 40px;
        line-height: 2.5rem;
    }
    .plan-content > div > h4{
        font-size: 26px !important;
        margin-bottom: 2px;
    }
    .plan-content > p{
        text-indent: 32px;
        margin-bottom: 4px;
        font-size: 16px !important;
        line-height: 28px !important;
        font-weight: normal;
    }
    .be-product-container > .be-product-item{
        padding: 10px;
    }
    .be-product-container > .be-product-item .product-link{
        width: 47%;
    }
    .service-container {
        flex-wrap: wrap;
    }
    .business-environment .service-container > .service-1,
    .business-environment .service-container > .service-2,
    .business-environment .service-container > .service-3{
        width: 100%;
        flex: none;
        padding: 10px;
        margin-right: 0;
        background-size: cover;
        margin-bottom: 10px;
        height: 230px;
    }
    .business-environment .service-container > .service-1 h4,
    .business-environment .service-container > .service-2 h4,
    .business-environment .service-container > .service-3 h4{
        font-size: 26px !important;
        margin-bottom: 2px;
    }
    .business-environment .service-container > .service-1 > p,
    .business-environment .service-container > .service-2 > p,
    .business-environment .service-container > .service-3 > p{
        text-indent: 32px;
        margin-bottom: 4px;
        font-size: 16px !important;
        line-height: 28px !important;
        font-weight: normal;
    }

    /*产品*/
    .inner-container.mlr-10{
        margin: 0 10px;
    }
    .inner-container .product-detail-page-title {
        margin-top: 20px;
        padding: 0 30px;
    }
    .inner-container .tab-label{
        font-size: 14px;
        margin-right: 10px;
        padding: 20px 0 10px;
    }
    .inner-container .tab-content{
        margin-top: 25px;
    }
    .inner-container .tab-content .product-item:nth-child(2n){
        margin-right: 0;
    }
    .inner-container .tab-content .product-item{
        height: auto;
        width: 49%;
        padding: 10px 10px 0;
        margin-bottom: 5px;
    }
    .tab-content .product-item img{
        height: 130px;
    }
    .tab-container{
    }
    .inner-container .product-detail h5{
        margin-top: 10px;
    }
    .inner-container .product-detail {
        margin-top: 10px;
    }
    .inner-container .product-detail.mb-10{
        margin-bottom: 0;
    }

    /*分页*/
    .page-container{
        margin: 20px 0;
    }
    .page-container .page-title .page-link{
        margin-left: 0;
        line-height: 35px;
    }
    .page-container .page-title{
        font-size: 18px;
    }


        /*客服*/
    .y-kefu-box{top:40%;}

}