.Language .lang .name{font-size: 12px;padding: 0 .5rem;text-transform: uppercase;font-weight: 600}
#header .Language{position: relative;cursor: pointer}
#header .Language .lang {padding-top:10px }
#header .Language .lang .img{padding-left: 10px}
#header .Language .lang2{position: absolute;width: 130%;z-index: 88888;background: #fff;padding: 10px;display: none}
#header .Language .lang2>div{padding: 5px 0;text-align: center}
#header .nav-link{font-weight: 600}
#header .nav-link.active,#header .nav-link:hover{color: #00a99d}

.newss{position:absolute;top:20px;left:100px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0}
.banner .swiper-pagination-bullet{width: 20%;border-radius: 0;background: #fff;height: 5px}
.index_about{padding: 2rem 0;height: 700px}
.index_about .img{position: absolute ;right: 0;}
.index_about .text{padding-top: 15%;padding-left:4%;width: 45%}
.index_about .text .desc{padding-top: 1rem;line-height: 1.78rem}
.index_about .more{margin-top: 2rem;}
.index_about .more a{ padding: 8px 2rem;border-radius:10px;border: 1px #000 solid }

.title{font-size: 24px;color: #00a99d;font-weight: 600}
.title .t1{padding-bottom: 10px}
.title .t2{height: 3px;width: 50px;background: #00a99d;}
.title.text-center .t2{margin: auto}
/*index_product*/
.index_product .title{padding-bottom: 2rem}
.index_product .item{position: relative;padding-bottom:2rem}
.index_product .position-relative{padding: 0 200px;overflow: hidden;}
.index_product .item .img{position: relative;z-index: 0;overflow: hidden}
.index_product .item .text{text-align: center;padding: 15px;background: #f0f0f0}
.index_product .item .text .name{font-size: 16px;font-weight: 600;padding-bottom:5px}
.index_product .item .text .hr{width: 20px;height: 2px;background: #000;margin: auto}
.index_product .swiper-button-prev{background: url("../images/pre.png");width: 30px;height: 30px;left: 100px}
.index_product .swiper-button-next{background: url("../images/net.png");width: 30px;height: 30px;right: 100px}
.index_product .item:hover .text{bottom: 60px;transition: .5s all}
/*index_case*/
.index_case{padding: 2rem 0;}
.index_case .title{padding-bottom: 2rem}
.index_case .item{width: 20%;position: relative;overflow: hidden;padding-left:15px;padding-right:15px}
.index_case .item .img{position: relative;z-index: 0}
.index_case .item .text{position: absolute;z-index: 1;bottom: 20px;color: #fff;width: 100%;text-align: center}
.index_case .item .text .name{padding-top: 15px;padding-bottom: 6px}
.index_case .item .text .hr{width: 20px;height: 1px;background: #fff;margin: auto}
.index_case .item .meng{background: rgba(255,255,255,0.3);width: 100%;height: 100%;position: absolute;top: 100%}
.index_case .item:hover .meng{top: 0;transition: .5s all}
/*footer*/
#footer{background: #58c5bf;color: #fff;padding-top: 2rem }
#footer .b-title{padding-top: 1.5rem}
#footer .b-title .t1{font-size: 24px;}
#footer .b-title .t2{height: 3px;width: 50px;background: #fff;}
#footer .store_name{font-size: 30px;padding-top: 3rem;}
#footer .store_name_en{text-transform: uppercase;font-size: 16px}
#footer .text{padding-top: 1.5rem;}
#footer .text .p{padding: 6px 0}
#footer .code{padding-top: 1.5rem}
#footer .copyright{border-top: 1px #fff solid;margin-top: 2rem;padding: 10px 0}
#footer .nav-bottom{padding: 1rem 0;}
#footer .nav-bottom a{color: #fff;padding: 0 .3rem}


/*product*/
.product .title{padding: 2rem 0 }
.product .text .name{font-size: 22px;color: #00a99d;padding: 1rem 0}
.product .text .more{padding-top: 1rem}
.product .text .more a{background: #00a99d;color: #fff;padding: 8px 2rem;border-radius: 10px}
.product .text .desc{line-height: 1.5rem}
.product .item{padding: 2rem 0}
.product .item:nth-child(even){background: #f7fafa}
.page-product .info{padding-top: 1rem}
.page-product .info  .name{font-size: 22px;color: #00a99d;padding: 1rem 0}
.page-product .content .p-title{font-size: 22px;color: #00a99d;padding: 10px 0;border-bottom: 1px silver solid;}
.page-product .content .cc{padding: 1rem 0}
/*about*/
.about{padding-bottom: 2rem}
.about .title{padding: 2rem 0}
.tree-box{padding: 2rem}
.tree-box li{padding: 0 1rem;font-size: 16px;font-weight: 600}
.tree-box li.cur a{color: #00a99d}
/*culture*/
.culture{padding-bottom: 3rem}
.culture .title{padding: 3rem 0 4rem 0}
.culture .name{padding: 10px 0;}
.culture .name .sp{color: #000;font-weight:600;font-size:16px}
    /*honors*/
.honors .img{padding-bottom: 1rem}
/*strength*/
.strength{padding:0 3rem}
.strength .name{font-size: 16px;font-weight:600;padding: .8rem 0 }
.strength .desc{color:#00a99d }

.strength .img{cursor: pointer}
/*contact*/
.contact{padding-bottom: 3rem}
.contact .item{text-align: center;}
.contact .title{padding: 3rem 0}
.contact .item .name{padding: 12px 0}
/*job*/
.job .title{padding: 3rem 0}
.job .item{border-bottom: 1px solid #ececec;padding-bottom: 10px;margin-bottom: 10px;cursor: pointer}
.job .item .j-left .name{font-size: 18px;color: #00a99d;font-weight: 600}
.job .item .j-left{flex: 1}
.job .item .j-right{width: 80px;color: #00a99d}
.job .item .bottombar{display: none;padding-top: 1rem}
.job .item .desc{padding-top: 8px;color: #ececec}
.job .item .desc .d1{color: #c72933}
.job .item .desc .d2{color: #000;margin-right: 10px;margin-left: 10px}
.job .item .desc .d3{color: #000;margin-right: 10px;margin-left: 10px}
.job .item .desc .d4{color: #000;margin-right: 10px;margin-left: 10px}
/*supportList*/
.supportList{padding-bottom: 3rem}
.supportList .item{background: #e6f0ef}
.supportList .title{padding: 3rem 0}
.supportList .item .text{padding-left: 3rem;}
.supportList .item:nth-child(odd) .text{padding-left: 10rem}
.supportList .item .text .name{color: #00a99d;font-size: 20px;font-weight: 600}
.supportList .item .text .desc{line-height: 1.5rem;padding: 10px 20px 10px 0}
.supportList .item .text .more{padding-top: 1rem}
.supportList .item .text .more a{border: 1px #00a99d solid;background: #00a99d;padding: 8px 2rem;border-radius: 5px;color: #fff}
.supportList .item:hover .text .more a{background: #0057a9;border: 1px #0057a9 solid;}
/*article*/
.article .attt{padding: 2rem 0;font-size: 30px;font-weight: 600;color: #00a99d}
/*procure*/
.procure .title{padding: 3rem}
.procure .list{padding:3rem}
.procure .item .item1{padding: 1rem;border: 1px #e6f0ef solid;position: relative;margin-bottom: 2rem;cursor: pointer}
.procure .item .item1 .p-left{width: 67%;border-right: 1px #cecece solid;padding: 1rem}
.procure .item .item1 .p-left .num{width: 20px;height: 20px;color: #00a99d;background: #eff0f1;border-radius: 50%;text-align: center}
.procure .item .item1 .p-left .name{text-align: center;font-size: 20px}
.procure .item .item1 .p-left .desc{line-height: 1.5rem}
.procure .item .item1 .p-right{width: 33%;}
.procure .item .item1 .p-right .icon{text-align: center}
.procure .item .item2{padding: 1rem;border: 1px #e6f0ef solid;position: relative;margin-bottom: 2rem;cursor: pointer}
.procure .item .item2 .num{width: 20px;height: 20px;color: #00a99d;background: #eff0f1;border-radius: 50%;text-align: center}
.procure .item .item2 .icon{text-align: center;padding-bottom:1rem;border-bottom: 1px #cecece solid }
.procure .item .item2 .name{text-align: center;font-size: 20px;padding: 1rem 0 }
.procure .item .item2 .desc{padding-bottom: 1rem;line-height: 1.5rem}
.procure .item .item2:hover,.procure .item .item1:hover{box-shadow: 5px 5px 5px 5px silver;transition: .5s all}
/*articleList*/
.articleList .title{padding: 3rem 0}
.articleList .item{margin-bottom: 2rem;padding: 10px}
.articleList .item .text{padding-left: 2rem;width: calc(100% - 300px)}
.articleList .item .img{width: 300px;}
.articleList .item .time{font-size: 12px;padding: 8px 0}
.articleList .item .a-title{font-size: 16px}
.articleList .item .desc{font-size: 12px;padding: 10px 0}
.articleList .item:hover{box-shadow: 3px 3px 3px 3px silver;transition: .5s all}
/*caselist*/
.caselist .cat span{padding: 0 2rem;border-right: 1px #000 solid;cursor: pointer;font-size: 16px;font-weight: 600}

.caselist .cat span.cur{color: #00a99d;border-right: 1px #00a99d solid;}
.caselist .cat span:last-child{border-right:0}
.caselist .item{padding-top: 2rem;}
.caselist .item .items{margin-bottom: 1rem;padding-left: 15px;padding-right: 15px;}
.caselist .item .lists{display: none}
.caselist .item .lists.cur{display: block}
.caselist .item .items .img{height: 40px;overflow: hidden;}
.caselist .item .items .name{text-align: center}
.caselist .item .nodate{text-align: center;padding: 3rem 0;width: 100%}
.caseList{padding-bottom: 3rem}
.caseList .c-t{font-size: 20px;padding-left: 15px;border-left: 3px #00a99d solid;color: #00a99d;margin: 1rem  0}
.caseList .item3{text-align: center;padding: 0  10px}
.caseList .name{padding: 10px 0 }
.caseList .list .desc{padding: 10px 0;text-align: center}
/*Procure*/
.procure .desc{text-align: center;padding: 2rem 0;line-height: 1.5rem}
.procure .cat li{padding: 10px ;font-size: 14px;font-weight: 600}
.procure .cat li.cur a{color: #00a99d}
.procure .cat li.cursss span{color: #00a99d;padding-bottom: 5px;border-bottom: 1px #00a99d solid;cursor: pointer}
.procure .p-title{font-size: 24px;padding: 1rem 0;text-align: center;color: #00a99d;font-weight: 600}
.procure .p-title span{padding-bottom: 8px;border-bottom: 3px solid #00a99d}
.procureList{min-height: 200px}
.procureList .item{padding: 2rem 0;}
.procureList .item .img{border:1px solid #ccc}
.procureList .item:nth-child(even){background: #f7fafa}
.procureList .item .specsItem{padding: 6px 0;font-size: 16px;}
.procureList .item .specsItem img{padding-right: 10px}
.online{padding: 1rem;border: 1px red solid;position: absolute;top: 180px;right: -300px;background: #fff;border-radius: 10px;z-index: 888}
.online .tel{font-size: 14px;padding-bottom:10px }
.online .o-title{font-size: 16px;font-weight: 600;padding-bottom: 15px;text-align: center}
.online2{padding: 1rem;border: 1px red solid;position: absolute;top: 20px;right: -300px;background: #fff;border-radius: 10px;z-index: 888}
.online2 .p{font-size: 14px;padding-bottom:10px;color: #999;cursor: pointer}
.online2 .o-title{font-size: 16px; ;text-align: center;font-weight: 600;padding-bottom: 15px}
.online33{position: absolute;top: 180px;right: 0;width: 45px;z-index: 999;font-size: 16px;font-weight: 600;border: 1px red solid;border-radius: 10px;background: #fff;padding: 15px;cursor: pointer}
.online44{position: absolute;top: 20px;right: 0;width: 65px;z-index: 999;font-size: 16px;font-weight: 600;border: 1px red solid;border-radius: 10px;background: #fff;padding: 5px;cursor: pointer}

/*手机端*/
@media (max-width:1100px) {
    #header .Language .lang2{width: 100%}
    .index_about .img{position: relative}
    .index_about .text{padding: 0;width: 100%}
    .index_about{height: auto}
    #footer .text{padding-left: 0}
    .index_case .item{width: 100%}
    .articleList .item .text{width: 100% }
    .articleList .item .img{width:100%;}

    .index_product .position-relative{padding: 0}
    .index_product .swiper-button-prev{left: 10px}
    .index_product .swiper-button-next{right: 10px}
    #header{padding: 10px}

    .caselist .cat span{font-size: 12px;padding: 0 5px}
    .caselist .item .items{width: 50%}
    .newss{left: inherit;right: 50px;top: 30px}
    .supportList .item .text{padding-left: 15px}
    .supportList .item:nth-child(odd) .text{padding-left: 15px}
    .supportList .item .text .desc{padding: 10px}
    .supportList .item .text .name{padding: 0 10px}
    .supportList .row{margin: 0}
    .product .text .more{padding-bottom: 20px}
    .online{position: fixed;top:300px;z-index: 888}
    .online2{position: fixed;top: 130px;z-index: 888}
    .navbar-toggler-icon {
        background-image: none;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        background: #00a99d;
        transition: all .2s;
        margin: 0 auto;
    }
    button.menu{background: transparent}
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }

}