/*公用部分*/

/*面包屑导航*/
.crumbs{}
.crumbs .crumbs-item{border-bottom: 1px solid #bbb;}
.crumbs .crumbs-item h5 {font-size: 15px;line-height: 1;padding: 15px 0;color: #666;}
.crumbs .crumbs-item h5 a{display: inline-block;color: #666;}
.crumbs .crumbs-item h5 a:hover{color: #008663;}

/*页码*/
.page-navigation{text-align: center;}

@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){

    .crumbs .crumbs-item h5{font-size: 13px;padding: 10px 0;}

}
@media (max-width: 767px){

}





/*关于我们*/

/*公司简介*/
.about-bg{padding: 50px 0;}
.about-cont{}
.about-cont img{float: left;width: 48%;margin-right: 20px;margin-bottom: 20px;}

.about-txt{padding-top: 120px;position: relative;}
.about-txt p {font-size: 16px;line-height: 1.5;color: #555;margin-bottom: 10px;text-indent: 2em;}
.about-bt{position: absolute;top: 10px;left: 45%;z-index: 3;}
.about-bt h5 {font-size: 66px;text-transform: uppercase;font-weight: bold;color: rgba(0,0,0,.1);line-height: 1;}
.about-bt h3 {margin-left: 50px;font-size: 30px;font-weight: bold;color: #099240;letter-spacing: 2px;margin-top: -30px;}
.about-bt hr {border-top: 3px solid #bbb;width: 60px;margin: 15px 0 0 50px;}


.gy-num{margin-top: 80px;}
.gy-num .counter{float: left;width: 25%;padding: 0 20px;text-align: center;}
.gy-num .counter h2 {font-size: 20px;line-height: 1;color: #333;}
.gy-num .counter h2 b {color: #099240;display: inline-block;font-size: 40px;line-height: 1;margin-right: 5px;vertical-align: inherit;}
.gy-num .counter p {font-size: 16px;line-height: 1;color: #333;margin-top: 10px;}



/*历程*/
.course-bg{background: url("../images/ny-gy-bg.png")no-repeat center bottom;padding: 80px 0;}
.course-title{}
.course-title h5 {font-size: 33px;text-transform: uppercase;color: rgba(0,0,0,.2);line-height: 1;font-weight: bold;margin-bottom: 5px;font-family: "黑体";letter-spacing: 4px;padding: 4px 0 0 0;}
.course-title h3 {font-size: 35px;line-height: 1;}
.course-title hr {margin: 10px 0 0;border-top: 2px solid #aaa;width: 60px;}

.course-cont{margin-top: 80px;background: url("../images/course-line.png")no-repeat center;}
.course-container{margin: auto;}
.course-cont {position: relative;padding: 0 50px;}


.course-box{padding: 0 30px;position: relative;}
.course-box h3 {font-size: 20px;font-weight: bold;color: #000;line-height: 1;margin-bottom: 10px;}
.course-box p {font-size: 15px;line-height: 1.5;color: #444;}
.course-box span{position: absolute;left: 10px;top: 20px;height: 230px;width: 1px;background: #bbb;}
.course-box .course-dot {position: absolute;top: 0;width: 20px;height: 20px;background: rgba(0,134,99,.5);left: 0;border-radius: 50%;}
.course-box .course-dot .dot {width: 12px;height: 12px;background: #099240;border-radius: 50%;margin: 4px auto;}

.swiper-button-next, .swiper-button-prev{width: 40px;height: 40px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url("../images/lc-l.png")no-repeat center;background-size: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url("../images/lc-r.png")no-repeat center;background-size: 100%;}

.course-box.box_1 {}
.course-box.box_2 {padding-top: 250px;}
.course-box.box_2 span{height: 230px;}
.course-box.box_2 .course-dot{top: 250px;}



/*荣誉*/
.honor-bg{background: url("../images/ny-ry-bg.png");padding: 50px 0;}

.honor-title{text-align: center;margin-bottom: 50px;color: #fff;}
.honor-title h3 {font-size: 40px;line-height: 1;margin-bottom: 10px;letter-spacing: 2px;}
.honor-title h5 {text-transform: uppercase;font-size: 33px;line-height: 1;color: rgba(255,255,255,.5);font-family: "黑体";letter-spacing: 4px;}

.honor {position: relative;padding: 0 50px;}
.honor .swiper-slide{text-align: center;}
.honor .swiper-slide .honor-img {display: table-cell;vertical-align: middle;text-align: center;width: 260px;height:200px;padding: 3px;background: #fff;overflow: hidden;}
.honor .swiper-slide .honor-img img {display: inline-block;margin: auto; max-width: 100%;max-height: 100%;}

.bigimg{position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;width: 550px !important;height: auto !important;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.7;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.honor-img:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}



/*生产规模*/
.factory-bg{padding: 50px 0;}

.factory-title{text-align: center;margin-bottom: 30px;}
.factory-title h3 {font-size: 40px;line-height: 1;margin-bottom: 10px;letter-spacing: 2px;}
.factory-title h5 {text-transform: uppercase;font-size: 33px;line-height: 1;color: rgba(0,0,0,.5);font-family: "黑体";letter-spacing: 4px;}
.factory-title hr {border-top: 3px solid #099240;margin: 10px auto;width: 60px;}

.factory-cont{}
.factory-cont img{width: 100%;}



/*企业理念*/
.brand-bg{background: url("../images/ny-gy-bg3.png")no-repeat center bottom;padding: 50px 0;}

.brand-title{text-align: center;margin-bottom: 50px;position: relative;background: url(../images/ny-hx.png)no-repeat center}
.brand-title h5 {font-size: 80px;font-weight: bold;text-transform: uppercase;line-height: 1;color: rgba(0,0,0,.15);font-family: "黑体"; letter-spacing: 4px;}
.brand-title h3 {font-size: 40px;line-height: 1;letter-spacing: 2px;position: absolute;width: 100%;top: 44px;font-weight: bold;}

.brand-left{float: left;width: 50%;margin-top: 80px;}
.brand-left p {font-size: 16px;line-height: 1.5;color: #222;margin-bottom: 10px;text-indent: 2em;}
.brand-left p b{}
.brand-right{float: right;width: 40%;}
.brand-right img{width: 100%;}



/*全国网点*/
.outlets-bg{background: #327444;}
.outlets-bg img {width: 100%;}


/*合作*/
.cooperation-bg{padding: 30px 0 80px;}

.cooperation-title{text-align: center;margin-bottom: 50px;}
.cooperation-title h3 {font-size: 40px;line-height: 1;margin-bottom: 10px;letter-spacing: 2px;}
.cooperation-title h5 {text-transform: uppercase;font-size: 28px;line-height: 1;color: rgba(0,0,0,.5);}
.cooperation-title hr {border-top: 3px solid #099240;margin: 10px auto;width: 60px;}

.cooperation-cont{}
.cooperation-cont p {text-align: center;font-size: 16px;line-height: 1.5;color: #444;}

.coopera-img{margin-top: 30px;}
.coopera-img ul{overflow: hidden;}
.coopera-img ul li{float: left;width: 16.66666%;padding: 0 5px;margin-bottom: 10px;}
.coopera-img ul li img{width: 100%;border: 1px solid #ddd;}


@media (min-width: 992px) and (max-width: 1200px){

    .about-txt{padding-top: 130px;}
    .about-txt p{font-size: 15px;}


    .course-box{padding: 0 5px 0 25px;}
    .course-box p{font-size: 14px;}





}
@media (max-width: 992px){
    .about-bg{padding: 30px 0;}
    .about-bt h5{font-size: 60px;}
    .about-bt h3{font-size: 24px;}
    .about-txt{padding-top: 100px;}
    .about-txt p{font-size: 14px;}

    .gy-num {margin-top: 30px;}
    .gy-num .counter h2{font-size: 15px;}
    .gy-num .counter h2 b{font-size: 30px;}
    .gy-num .counter p{font-size: 14px;margin-top: 5px;}


    .course-bg{padding: 30px 0;}
    .course-title h5{font-size: 32px;}
    .course-title h3{font-size: 24px;}
    .course-title hr{margin: 10px 0 0;}
    .course-cont{margin-top: 40px;}
    .course-box{padding: 0 0 0 20px;}
    .course-box .course-dot{width: 16px;height: 16px;}
    .course-box .course-dot .dot{width: 10px;height: 10px;margin: 3px auto;}
    .course-box span{left: 8px;top: 16px;}
    .course-box h3{font-size: 20px;}
    .course-box p{font-size: 14px;}

    .honor-title h3{font-size: 30px;}
    .honor-title h5{font-size: 24px;}
    .honor-title{margin-bottom: 30px;}
    .honor .swiper-slide .honor-img{height: 120px;}

    .factory-title h3{font-size: 30px;}
    .factory-title h5{font-size: 24px;}

    .brand-title h5{font-size: 60px;}
    .brand-title h3{font-size: 30px;top: 30px;}
    .brand-left{width: 55%;margin-top: 30px;}
    .brand-left p{font-size: 14px;}

    .cooperation-title h3{font-size: 30px;margin-bottom: 6px;}
    .cooperation-title h5{font-size: 24px;}
    .cooperation-title{margin-bottom: 30px;}
    .cooperation-cont p{font-size: 15px;}
}
@media (max-width: 767px){

    .about-bg {padding: 15px 15px 30px;}
    .about-cont img{float: none;width: 100%;margin-right: 0;}
    .about-bt{position: static;margin-bottom: 20px;}
    .about-bt h3{font-size: 22px;margin-left: 20px;margin-top: -20px;}
    .about-bt hr{margin: 10px 0 0 20px;}
    .about-bt h5{font-size: 44px;}
    .about-txt {padding-top: 0;}

    .gy-num .counter{padding: 0 5px;}
    .gy-num .counter h2 {font-size: 13px;}
    .gy-num .counter h2 b {font-size: 22px;}
    .gy-num .counter p {font-size: 13px;margin-top: 5px;}


    .course-bg {padding: 30px 15px;}
    .course-cont{padding: 0 15px;margin-top: 30px;}
    .course-cont .swiper-button-next, .course-cont .swiper-button-prev {width: 30px;height: 30px;}
    .course-cont .swiper-button-prev, .course-cont .swiper-container-rtl .swiper-button-next{left: -10px;}
    .course-cont .swiper-button-next, .course-cont .swiper-container-rtl .swiper-button-prev{right: -10px;}
    .course-box p {font-size: 13px;}
    .course-box.box_2 {padding-top: 200px;}

    .honor-title h3{font-size: 26px;}
    .honor-title h5 {font-size: 20px;}
    .honor-bg{padding: 30px 0;}
    .honor{padding: 0 30px;}
    .honor .swiper-button-next, .honor .swiper-button-prev {width: 20px;height: 30px;}
    .honor .swiper-button-next, .honor .swiper-container-rtl .swiper-button-prev{right: 5px;}
    .honor .swiper-button-prev, .honor .swiper-container-rtl .swiper-button-next{left: 5px;}

    .bigimg {width: 60% !important;border: 6px solid #fff;}


    .factory-bg {padding: 30px 0;}
    .factory-title h3{font-size: 26px;margin-bottom: 5px;}
    .factory-title h5 {font-size: 20px;}

    .brand-bg{padding: 30px 15px;}
    .brand-title h5 {font-size: 32px;}
    .brand-title h3 {font-size: 24px;top: 15px;}
    .brand-title{margin-bottom: 30px;}
    .brand-left {float: none;width: 100%;margin-top: 0;}
    .brand-left p{margin-bottom: 3px;}
    .brand-right {float: none;width: 100%;}

    .cooperation-bg {padding: 30px 15px;}
    .cooperation-title {margin-bottom: 20px;}
    .cooperation-title h3{font-size: 24px;}
    .cooperation-title h5 {font-size: 20px;}
    .cooperation-title hr {margin: 6px auto;width: 50px;}
    .cooperation-cont p {font-size: 14px;}

    .coopera-img ul li {width: 33.3333%;}

}






/*产品中心*/
.product-body{margin-bottom: 80px;padding-top: 50px;}
.product-nav{background: #099240;}
.product-nav .nav-list{}
.product-nav .nav-list ul{overflow: hidden;}
.product-nav .nav-list ul li{float: left;width: 16.66666%;}
.product-nav .nav-list ul li a{display: block;text-align: center;padding: 20px 0;}
.product-nav .nav-list ul li a img{width: 67px;margin-bottom: 10px;}
.product-nav .nav-list ul li a p {font-size: 22px;line-height: 1;color: #fff;}

.product-box{padding: 0 5%;display: inline-block;}
.product-box.box_01 .product-txt{float: left;}
.product-box.box_01 .product-img {float: right;position: relative}
.product-box.box_02 .product-txt{float: right;}
.product-box.box_02 .product-img{float: left;position: relative}
.product-box .product-txt{margin-bottom: 50px;width: 50%;margin-top: 30px;position: relative;}
.product-box .product-txt h3 {font-size: 36px;line-height: 1;font-weight: bold;letter-spacing: 2px;color: #222;border-left: 6px solid #099240;padding: 0 0 0 20px;}
.product-box .product-txt h5 {font-size: 16px;line-height: 1.3;color: #099240;margin-bottom: 15px;padding: 15px 0 0 0;}
.product-box .product-txt p {font-size: 16px;line-height: 1.4;color: #666;height: 100px;}
.product-box .product-txt img {top: 0;position: absolute;width: 70px;transition: all .5s}
.product-box .product-txt h4{float: right;font-size: 35px;color: #099240;position: absolute;right: 0%;transition: all .5s}
.product-box .product-txt a{}
.product-box.box_01 .product-txt a:hover img{position: absolute;right: -7%;transition: all .5s}
.product-box.box_02 .product-txt a:hover img{position: absolute;right: 7%;transition: all .5s}
.product-box .product-txt .cp-wz{overflow: hidden}
.product-box .product-txt .cp-wz img{}

.product-box .product-img{margin-bottom: 33px;width: 35%;}
.product-box .product-img .img-box {height: 260px;overflow: hidden;}
.product-box .product-img .img-box img{width: 100%;}
.product-box .product-img .pro-title{background: #0992408f;padding: 0 20px;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;position: absolute;width: 100%; bottom: 0;opacity: 0;transition: all .5s}
.product-box .product-img .pro-title h3 {font-size: 30px;line-height: 1;margin-bottom: 5px;letter-spacing: 2px;}
.product-box .product-img .pro-title h5{}
.product-box.box_01 .product-img:hover .pro-title{opacity: 1;transition: all .5s;padding: 20px;}
.product-box.box_02 .product-img:hover .pro-title{opacity: 1;transition: all .5s;padding: 20px;}

.product-box.box_01 .product-txt img{right: 0%;}
.product-box.box_02 .product-txt img{right: 0%;}


.product-box.box_02 .product-txt .cp-wz h4{}
.product-box.box_02 .product-txt a:hover .cp-wz h4{position: absolute;right: 7%;transition: all .5s}

@media (min-width: 992px) and (max-width: 1200px){

    .product-box .product-img .img-box{height: 210px;}


}
@media (max-width: 992px){

    .product-nav .nav-list ul li a img{width: 50px;}
    .product-nav .nav-list ul li a p{font-size: 16px;}
    .product-box .product-txt h3{font-size: 30px;margin-bottom: 8px;}
    .product-box .product-txt h5{font-size: 14px;margin-bottom: 10px;}
    .product-box .product-txt p{font-size: 14px;line-height: 1.3;}
    .product-box.box_01 .product-txt img{right: 2%;width: 50px;}
    .product-box .product-img{width: 40%;margin-bottom: 30px;}
    .product-box .product-img .img-box{height: 190px;}
    .product-box .product-txt img{width: 50px;}
    .product-box.box_02 .product-txt img {left: -15%;}
    .product-box .product-txt{margin-bottom: 30px;margin-top: 10px;}
    .product-box .product-img .pro-title{padding: 20px 10px;}
    .product-box .product-img .pro-title h5 {font-size: 13px;}



}
@media (max-width: 767px){

    .product-nav .nav-list ul {padding: 10px 5px;}
    .product-nav .nav-list ul li {width: 33.33333%;}
    .product-nav .nav-list ul li a{padding: 10px 0;}
    .product-nav .nav-list ul li a img{width: 40px;margin-bottom: 6px;}
    .product-nav .nav-list ul li a p {font-size: 14px;}

    .product-body {margin-bottom: 30px;padding-top: 20px;}
    .product-box.box_01 .product-img, .product-box.box_02 .product-img {float: none;width: 100%;margin-bottom: 15px;}
    .product-box.box_01 .product-txt, .product-box.box_02 .product-txt {float: none;width: 100%;margin: 0;}

    .product-box.box_02 .product-txt img {left: 0;}
    .product-box.box_02 .product-txt a{display: block;padding-left: 60px;}

    .product-box .product-img .img-box {height: 250px;}
    .product-box {margin-bottom: 20px;padding: 0 15px;}
    .product-box .product-txt p{height: 90px;}
}


/*产品详情*/
.product-detail{}

.product-title{text-align: center;padding: 30px 0;}
.product-title h5 {font-size: 20px;text-transform: uppercase;color: #666;font-weight: bold;line-height: 1;}
.product-title h3 {font-size: 28px;line-height: 1;color: #333;margin: 15px auto 30px;border-bottom: 4px solid #099240;display: inline-block;padding: 0 0 10px 0;}
.product-title p.abstract {font-size: 16px;line-height: 1.5;color: #555;padding: 0 15%;}

.pro-adv {margin: 20px 0;text-align: left;}
.pro-adv p {font-size: 15px;line-height: 1.5;color: #555;margin-bottom: 6px;}
.pro-adv p b{color: #333;}

.product-type{background: #232323;padding: 50px 0;}

.gallery-top-1 {margin: 0 auto 0;border-radius: 20px;border: 5px solid #099240;width: 80%;height: 660px;}
.gallery-top-1 .swiper-slide{display: flex;flex-direction: column-reverse;justify-content: center;}
.gallery-thumbs-1 {padding: 0 80px;margin-top: 50px;position: relative;}
.gallery-thumbs-1 .swiper-slide i {width: 90px;height: 90px;border-radius: 50%;display: block;margin: 0 auto;overflow: hidden;}
.gallery-thumbs-1 .swiper-slide i img{width: 100%;min-height: 100%;}
.gallery-thumbs-1 .swiper-slide p {margin: 10px 0 0;text-align: center;font-size: 15px;color: #fff;line-height: 1;}
.type-img{height: 660px;}
.type-img img{width: 100%;min-height: 100%;}


.product-trait{margin: 50px 0 80px;}
.trait-box{overflow: hidden;margin-bottom: 30px;padding: 20px;}
.trait-box .trait-txt{float: left;width: 50%;padding: 30px;}
.trait-box .trait-txt h3 {font-size: 30px;font-weight: bold;line-height: 1;color: #111;margin-bottom: 30px;border-left: 5px solid #099240;padding: 0 0 0 15px;}
.trait-box .trait-txt h2 {font-size: 30px;font-weight: bold;line-height: 1;color: #111;margin-top: 60px;border-left: 5px solid #099240;padding: 0 0 0 15px;}
.trait-box .trait-txt p {font-size: 16px;line-height: 1.5;margin-bottom: 6px;color: #333;}
.trait-box .trait-img{float: right;width: 40%;}
.trait-box .trait-img img{height: 300px;}

.box_2 .trait-txt{float: right;}
.box_2 .trait-img{float: left;}

.trait-box.box_1{background: #faf1e4;}

@media (min-width: 992px) and (max-width: 1200px){

    .gallery-top-1{height: 560px;}
    .type-img{height: 560px;}


}
@media (max-width: 992px){

    .product-title h5{font-size: 16px;}
    .product-title h3{font-size: 24px;margin: 10px auto 20px;}
    .product-title p.abstract{font-size: 15px;padding: 0;}

    .gallery-top-1{height: 420px;}
    .gallery-thumbs-1{margin-top: 30px;}
    .type-img{height: 420px;}

    .trait-box .trait-txt{padding: 0;}
    .trait-box .trait-txt h3{font-size: 24px;margin-bottom: 15px;}
    .trait-box .trait-txt p {font-size: 14px;line-height: 1.3;margin-bottom: 3px;}

    .trait-box .trait-txt h2{font-size: 22px;}
    .trait-box .trait-img {float: right;width: 45%;}
    .trait-box .trait-img img {height: auto;width: 100%;}

    .trait-box{margin-bottom: 20px;}
    .box_2 .trait-img{float: left;}

}
@media (max-width: 767px){

    .product-title {padding: 30px 15px;}
    .trait-box .trait-img {float: none;width: 100%;}
    .trait-box .trait-txt {float: none;width: 100%;margin-bottom: 10px;}
    .trait-box{padding: 15px;}

    .gallery-top-1{width: 90%;height: 260px;}
    .type-img{height: 260px;}
    .gallery-thumbs-1{padding: 0 40px;}
    .gallery-thumbs-1 .swiper-slide i{width: 66px;height: 66px;}

    .gallery-thumbs-1 .swiper-slide p{font-size: 12px;}
    .gallery-thumbs-1 .swiper-button-next, .swiper-button-prev {width: 25px;height: 30px;}

}






/*新闻中心*/
.news-body{margin-bottom: 80px;}

.news-nav{text-align: center;padding: 30px 0 50px;}
.news-nav ul{display: inline-block;}
.news-nav ul li{float: left;}
.news-nav ul li a {display: block;font-size: 18px;line-height: 1;border: 1px solid #bbb;margin: 0 10px;padding: 12px 35px;border-radius: 3px;color: #666;}
.news-nav ul li a.active{background: #099240;border-color: #099240;color: #fff;}
.news-nav ul li a:hover{background: #099240;border-color: #099240;color: #fff;}

.news-top {border-bottom: 1px dashed #bbb;padding: 0 20px 30px;margin-bottom: 50px;}
.news-top .new-img{float: left;width: 48%;height: 350px;overflow: hidden;}
.news-top .new-img img{width: 100%;min-height: 100%;}
.news-top .new-info{float: right;width: 48%;}
.news-top .new-info a{display: block;}
.news-top .new-info a .new-date{margin-bottom: 50px;}
.news-top .new-info a .new-date h2{color: #000;padding: 0 0 14px;}
.news-top .new-info a .new-date h5 {font-size: 18px;line-height: 1;margin-bottom: 5px;color: #666;background: url(../images/time.png)no-repeat left;padding: 0 0 0 23px;}
.news-top .new-info a .new-date p {font-size: 20px;line-height: 1;color: #666;}
.news-top .new-info a .new-date span {font-size: 30px;line-height: 1;color: #999;transition: all .5s;}
.news-top .new-info a h3 {font-size: 24px;line-height: 1;color: #333;margin-bottom: 15px;}
.news-top .new-info a p.abstract {font-size: 16px;line-height: 1.5;color: #555;height: 70px;overflow: hidden;}
.news-top .new-info a span.detail {font-size: 15px;line-height: 1;display: inline-block;margin-top: 40px;border: 1px solid #bbb;padding: 10px 35px;background: #099240;color: #fff;}
.news-top .new-info a:hover h3{color: #008663;}
.news-top .new-info a:hover .new-date span{margin-left: 20px;}
.news-top .new-info a span.detail:hover{background: none;border-color: #008663;color: #008663;font-weight: bold;}

.news-alist{}
.news-alist ul{overflow: hidden;}
.news-alist ul li{float: left;width: 33.33%;padding: 0 18px;margin-bottom: 30px;}
.news-alist ul li a{display: block;padding-bottom: 30px;border-bottom: 1px dashed #ddd;}
.news-alist ul li a .new-time{position: relative;margin-bottom: 14px;}
.news-alist ul li a .new-time .new-tp{display: table-cell;vertical-align: middle;text-align: center;width: 363px;height: 300px;background: #faf2e5;}
.news-alist ul li a .new-time .new-tp img{display: inline-block;margin: auto;max-width: 100%;max-height: 100%;}
.news-alist ul li a .new-time h5 {font-size: 18px;line-height: 1;color: #666;background: url(../images/time.png)no-repeat left; padding: 0 0 0 22px;}
.news-alist ul li a .new-time h5 span {display: inline-block;font-size: 20px;line-height: 1;color: #444;margin-left: 5px;letter-spacing: 1px;position: absolute; right: 0;transition: all .5s;}
.news-alist ul li a .new-time h2{font-size: 15px;line-height: 1;color: #666;margin-top: 5px;}
.news-alist ul li a h3 {font-size: 18px;line-height: 1;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 9px;padding: 16px 0 0 0;}
.news-alist ul li a p {font-size: 15px;line-height: 1.4;color: #777;height: 40px;overflow: hidden;}
.news-alist ul li a:hover .new-time h5 span{right: -15px;color: #008663;transition: all .5s;}
.news-alist ul li a:hover h3{color: #008663;}

@media (min-width: 992px) and (max-width: 1200px){

    .news-top .new-info a .new-date {margin-bottom: 30px;}
    .news-top .new-info a h3{font-size: 22px;margin-bottom: 10px;}
    .news-top .new-info a p.abstract{font-size: 14px;line-height: 1.4;height: 60px;}
    .news-top .new-info a span.detail{margin-top: 25px;}
    .news-top .new-img{height: 270px;}
    .news-top .new-info a .new-date h5{font-size: 26px;}
    .news-top .new-info a .new-date p{font-size: 18px;}
    .news-top .new-info a .new-date span{font-size: 25px;}



}
@media (max-width: 992px){

    .news-nav{padding: 20px 0 30px;}
    .news-nav ul li a{font-size: 14px;}

    .news-top{margin-bottom: 30px;}
    .news-top .new-info a .new-date h5{font-size: 24px;margin-bottom: 3px;}
    .news-top .new-info a .new-date p{font-size: 16px;}
    .news-top .new-info a .new-date span{font-size: 24px;}
    .news-top .new-info a .new-date {margin-bottom: 20px;}
    .news-top .new-info a h3 {font-size: 20px;line-height: 1.2;margin-bottom: 10px;}
    .news-top .new-info a p.abstract {font-size: 14px;line-height: 1.3;height: 52px;}
    .news-top .new-info a span.detail{font-size: 13px;margin-top: 20px;}
    .news-top .new-img{height: 220px;}
    .news-top .new-info {width: 50%;}

    .news-alist ul li{padding: 0 15px;margin-bottom: 20px;}
    .news-alist ul li a{padding-bottom: 20px;}
    .news-alist ul li a h3{font-size: 17px;}
    .news-alist ul li a p {font-size: 14px;line-height: 1.3;height: 36px;}
	.news-alist ul li a .new-time .new-tp {height: 199px;}
	.news-top .new-info a .new-date h2 {font-size: 22px;}
	.news-top .new-info a .new-date h5 {font-size: 19px;}
	.news-top .new-info a .new-date {margin-bottom: 5px;}




}
@media (max-width: 767px){

    .news-nav {padding: 15px 0 20px;}
    .news-nav ul{padding: 0 10px;display: block;overflow: hidden;}
    .news-nav ul li {float: left;width: 33.3333%;padding: 0 5px;}
    .news-nav ul li a{margin: 0;padding: 10px 0;font-size: 13px;}

    .news-top {margin-bottom: 20px;padding: 0 15px 15px;}
    .news-top .new-img {float: none;width: 100%;overflow: hidden;margin-bottom: 15px;}
    .news-top .new-info {width: 100%;float: none;}
    .news-top .new-info a h3{font-size: 18px;margin-bottom: 6px;}
    .news-top .new-info a p.abstract {font-size: 13px;height: 50px;}

    .news-alist {padding: 0 8px;}
    .news-alist ul li {padding: 0 6px;margin-bottom: 15px;width: 50%;float: left;}
    .news-alist ul li a {padding-bottom: 15px;}
    .news-alist ul li a .new-time h5{font-size: 11px;background-size: 6%;padding: 0 0 0 16px;}
    .news-alist ul li a .new-time h5 span{font-size: 16px;}
    .news-alist ul li a .new-time h2{font-size: 14px;}
    .news-alist ul li a .new-time > span{font-size: 24px;right: 20px;}
    .news-alist ul li a .new-time{margin-bottom: 10px;}
    .news-alist ul li a h3{font-size: 16px;}
    .news-alist ul li a p {font-size: 13px;line-height: 1.3;height: 30px;}

    .news-body {margin-bottom: 30px;}
	.news-alist ul li a .new-time .new-tp {height: 165px;}
	.news-top .new-info a .new-date h2 {font-size: 18px;}
	.news-top .new-info a .new-date h5 {font-size: 15px;background-size: 4%;padding: 0 0 0 20px;}

}




/*详情页*/
.details-body{margin: 30px 0 80px;}

.left-menu{float: left;width: 22%;padding-right: 30px;}
.left-menu h3 {font-size: 24px;line-height: 1;color: #000;letter-spacing: 1px;border-bottom: 1px solid #ddd;padding: 0 10px 10px;}
.left-menu ul{}
.left-menu ul li{border-bottom: 1px solid #ddd;}
.left-menu ul li a {overflow: hidden;display: block;font-size: 16px;line-height: 1;padding: 15px 10px;color: #666;}
.left-menu ul li a span{float: right;}
.left-menu ul li a.active{background: #099240;font-weight: bold;color: #fff;}
.left-menu ul li a:hover{background: #099240;font-weight: bold;color: #fff;}
.left-menu ul li a:hover span{color: #fff;}

.details-content{float: left;width: 78%;background: #faf1e4;padding: 30px 40px;}
.details-content .page-title{text-align: center;margin-bottom: 30px;}
.details-content .page-title h3 {border-bottom: 1px solid #ddd;font-size: 22px;line-height: 1.3;color: #000;padding-bottom: 10px;}
.details-content .page-title p {line-height: 1;margin-top: 6px;}
.details-content .page-title p span {font-size: 13px;line-height: 1;display: inline-block;margin: 0 10px;color: #888;}
.details-content .page-content{}
.details-content .page-content p {font-size: 16px;line-height: 1.6;margin-bottom: 5px;}
.details-content .page-content p img{text-align: center;max-width: 100%;}
.details-content .page-paging {overflow: hidden;margin-top: 50px;border-top: 1px solid #ddd;padding-top: 20px;}
.details-content .page-paging p {font-size: 15px;line-height: 1;color: #555;}
.details-content .page-paging p a{color: #555;}
.details-content .page-paging p a:hover{color: #008663;}
.details-content .page-paging p.page-prev{float: left;}
.details-content .page-paging p.page-next{float: right;}


@media (min-width: 992px) and (max-width: 1200px){

    .details-content{padding: 30px 20px;}
    .details-content .page-content p{font-size: 15px;}


}
@media (max-width: 992px){

    .left-menu{display: none;}

    .details-content{float: none;width: 100%;}
    .details-body {margin: 10px 0 80px;}
}
@media (max-width: 767px){

    .details-body {margin: 0;}
    .details-content{padding: 20px 15px 30px;}

    .details-content .page-title{margin-bottom: 10px;}
    .details-content .page-title h3{font-size: 18px;padding-bottom: 5px;}
    .details-content .page-title p span{font-size: 12px;margin: 0 3px 5px;}
    .details-content .page-content p {font-size: 14px;line-height: 1.3;margin-bottom: 2px;}

    .details-content .page-paging{margin-top: 20px;padding-top: 15px;}

    .details-content .page-paging p.page-prev, .details-content .page-paging p.page-next{float: none;}
    .details-content .page-paging p {font-size: 13px;line-height: 1.8;}
}








/*案例中心*/
.case-body{margin-bottom: 80px;}

.case-nav{text-align: center;padding: 30px 0;}
.case-nav ul{display: inline-block;}
.case-nav ul li{float: left;}
.case-nav ul li a {display: block;font-size: 18px;line-height: 1;border: 1px solid #bbb;margin: 0 10px;padding: 12px 35px;border-radius: 3px;color: #666;}
.case-nav ul li a.active{background: #099240;border-color: #099240;color: #fff;}
.case-nav ul li a:hover{background: #099240;border-color: #099240;color: #fff;}

.case-list{}
.case-list ul{overflow: hidden;}
.case-list ul li{float: left;width: 33.3333%;padding: 0 20px;margin-bottom: 20px;}
.case-list ul li a{display: block;background: #f5f5f5;padding: 0 0 10px 0;}
.case-list ul li a .case-img{height: 270px;text-align: center;overflow: hidden;display: flex;justify-content: center;}
.case-list ul li a .case-img img{height: 100%;transition: all .5s;}
.case-list ul li a h5 {font-size: 18px;padding: 10px;line-height: 1;color: #222;}
.case-list ul li a p {font-size: 14px;line-height: 1;color: #888;padding: 0 0px 0px 18px;background: url(../images/time.png)no-repeat left;background-size: 3.2%; margin: 0 0 0 10px;}
.case-list ul li a p span {float: right;font-size: 13px;line-height: 1;display: inline-block;margin-right: 10px;margin-top: -9px;transition: all .5s;background: #099240;color: #fff;padding: 5px 10px;}
.case-list ul li a:hover .case-img img{transform: scale(1.1);}
.case-list ul li a:hover p span{margin-right: 0;}
.case-list ul li a:hover h5{color: #008663;}

@media (min-width: 992px) and (max-width: 1200px){

    .case-nav ul li a{font-size: 16px;margin: 0 8px;}
    .case-list ul li{padding: 0 15px;}
    .case-list ul li a .case-img{height: 220px;}

}
@media (max-width: 992px){

    .case-nav ul li a{font-size: 14px;margin: 0 5px 5px;padding: 10px 25px;}
    .case-nav{padding: 20px 0;}
    .case-list ul li{padding: 0 8px;margin-bottom: 15px;}
    .case-list ul li a .case-img{height: 170px;}
    .case-list ul li a h5{font-size: 16px;}
    .case-list ul li a p{font-size: 12px;}

    .case-body {margin-bottom: 30px;}

}
@media (max-width: 767px){

    .case-nav {padding: 15px 0;}
    .case-nav ul{display: block;overflow: hidden;padding: 0 10px;}
    .case-nav ul li {float: left;width: 33.3333%;padding: 0 5px;margin-bottom: 10px;}
    .case-nav ul li a {font-size: 13px;margin: 0;padding: 10px 0;}

    .case-list {padding: 0 10px;}
    .case-list ul li {padding: 0 5px;margin-bottom: 10px;width: 50%;}
    .case-list ul li a .case-img {height: 130px;}
    .case-list ul li a h5 {font-size: 15px;padding: 8px;}
    .case-list ul li a p{padding:0 0px 10px;}
	.case-list ul li a p span {font-size: 12px;padding: 5px 5px;}


}



/*经销商*/
.agent-body{margin-bottom: 80px;}

.agent-nav{background: #099240;padding: 20px 0;width: 15%;float: left;}
.agent-nav ul{overflow: hidden;}
.agent-nav ul li{text-align: center;padding: 10px 5px;}
.agent-nav ul li a {display: block;font-size: 16px;color: #fff;line-height: 1;padding: 10px 0;border-radius: 5px;border: 1px solid transparent;margin: 5px 0;}
.agent-nav ul li a.active {background: #fff;color: #099240;font-weight: bold;}
.agent-nav ul li a:hover{border-color: #fff;}

.agent-item{margin: 10px 0 20px;}
.agent-item a {display: inline-block;font-size:19px;line-height: 1;color: #888;margin: 10px 35px 10px 0;border-bottom: 2px solid transparent;padding-bottom: 3px;}
.agent-item a:hover {color: #099240;border-color: #099240;}

.agent-list{}
.agent-list ul{overflow: hidden;}
.agent-list ul li{float: left;width: 50%;background: url("../images/agent-ico.png")no-repeat left top;background-size: 30px;padding-left: 40px;margin-bottom: 30px;}
.agent-list ul li h3 {font-size: 20px;line-height: 1;color: #333;letter-spacing: 1px;margin: 5px 0 8px;}
.agent-list ul li p {font-size: 15px;line-height: 1;color: #666;}

.agent-box{width: 85%;float: left;padding: 0 0 0 30px;}

@media (min-width: 992px) and (max-width: 1200px){


}
@media (max-width: 992px){
    .agent-nav{padding: 15px 0;}
    .agent-nav ul li a{font-size: 15px;}
    .agent-item a{font-size: 17px;margin: 8px 30px 8px 0;}

    .agent-list ul li h3{font-size: 16px;}
    .agent-list ul li{background-size: 25px;padding-left: 30px;margin-bottom: 20px;}
    .agent-list ul li p{font-size: 13px;}

}
@media (max-width: 767px){

    .agent-nav ul li{width: 100%;}
    .agent-nav ul li a{font-size: 14px;padding: 8px 0;margin: 3px 0;}
    .agent-nav ul{padding: 0 5px;}

    .agent-item{padding: 0 15px;margin: 10px 0 10px;}
    .agent-item a {font-size: 15px;margin: 0 9px 5px 0;}

    .agent-list {padding: 0 15px;}
    .agent-list ul li {background-size: 20px;padding-left: 25px;margin-bottom: 10px;float: none;width: 100%;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
    .agent-list ul li h3 {margin: 0 0 5px;font-size: 15px;letter-spacing: 0;padding-top: 3px;}
    .agent-list ul li p {font-size: 12px;}
	.agent-box {padding: 0 0 0 0px;}


}


/*联系我们*/
.contact-body{margin: 30px 0 80px;}

.contact-cont{float: left;width: 49%;position: relative;padding: 65px; border: 2px solid #099240;}
.contact-title{padding: 26px;color: #099240;text-align: center;background: url(../images/lx-hx.png)no-repeat center}
.contact-title h5 {text-transform: uppercase;font-size: 40px;line-height: 1;font-family: Times New Roman;font-weight: bold;padding: 0 0 5px 0;}
.contact-title h3 {font-size: 32px;line-height: 1;letter-spacing: 3px;margin-bottom: 10px;}
.contact-title hr {border-top: 3px solid #099240;margin: 0 auto;width: 60px;}
.contact-cont p {font-size: 18px;line-height: 3.1;color: #222;margin-bottom: 10px;}
.contact-cont p img {width: 30px;margin-right: 8px;opacity: .8;}

.contact-addr{float: right;width: 49%;}
.contact-addr iframe{width: 100%;height: 400px;}

.contact-message{margin-top: 50px;}
.contact-message h3 {font-size: 24px;line-height: 1;color: #222;letter-spacing: 1px;margin-bottom: 10px;border-top: 2px solid #099240;padding: 15px 0 0 0;}
.contact-message span{font-size: 18px;}
.contact-message h4 {font-size: 16px;line-height: 1;color: #666;margin-bottom: 20px;}
.contact-message .message-alist{}
.contact-message .message-alist{}
.contact-message .message-alist .mess-input{margin-bottom: 20px;}
.contact-message .message-alist .mess-input label {float: left;width: 30%;margin-right: 5%;margin-bottom: 0;}
.contact-message .message-alist .mess-input label:nth-last-child(2){margin-right: 0;}
.contact-message .message-alist .mess-input label input {border: 1px solid #bbb;height: 40px;line-height: 40px;font-size: 15px;font-weight: normal;padding: 0 15px;width: 100%;border-radius:7px;}
.contact-message .message-alist .mess-area{}
.contact-message .message-alist .mess-area label{display: block;}
.contact-message .message-alist .mess-area textarea {width: 100%;border: 1px solid #bbb;font-size: 15px;line-height: 1.3;font-weight: normal;padding: 10px;border-radius:7px;}
.contact-message .message-alist .mess-area textarea:focus-visible{border-radius: 0;border-color: #008663;}
.contact-message .mess-button{margin-top: 10px;}
.contact-message .mess-button input {background: #099240;color: #fff;font-size: 16px;line-height: 40px;width: 200px;}
.contact-message .mess-button input:hover{background: #008663;}

.contact-message .message-alist .mess-input label input:focus, .contact-message .message-alist .mess-area textarea:focus {
    border-color: #008663;
    outline: 0;
}


@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){

    .contact-addr iframe {width: 100%;height: 300px;}
    .BMap_mask{height: 300px !important;}

    .contact-cont .contact-title h5{font-size: 30px;}
    .contact-cont .contact-title h3{font-size: 26px;}
    .contact-cont .contact-title hr{border-top: 2px solid #fff;width: 50px;}
    .contact-cont{padding: 88px 5px;}
    .contact-cont p{font-size: 16px;line-height: 1;margin-bottom: 5px;}
    .contact-cont p img{width: 25px;margin-right: 5px;}

    .contact-message {margin-top: 30px;}
    .contact-message h3{font-size: 22px;margin-bottom: 8px;}
    .contact-message h4{font-size: 15px;}

    .contact-message .message-alist .mess-input label input{font-size: 14px;padding: 0 10px;}
    .contact-message .message-alist .mess-area textarea{font-size: 14px;}

}
@media (max-width: 767px){

    .contact-body {margin: 20px 0 50px;}
    .contact-addr {float: none;width: 100%;padding: 0 10px;}
    .contact-addr iframe {width: 100%;height: 250px;}
    .BMap_mask{height: 250px !important;}

    .contact-cont {float: none;width: 100%;padding: 23px 15px;}
    .contact-cont .contact-title{right: 20px;top: -50px;padding: 15px;}
    .contact-cont .contact-title h5 {font-size: 26px;}
    .contact-cont .contact-title h3 {font-size: 24px;}
    .contact-cont p img{width: 22px;vertical-align: middle;}
    .contact-cont p{font-size: 14px;}

    .contact-message {margin-top: 20px;padding: 0 15px;}

    .contact-message h3 {font-size: 18px;margin-bottom: 5px;}
    .contact-message h4 {font-size: 13px;margin-bottom: 15px;}

    .contact-message .message-alist .mess-input label {float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .contact-message .message-alist .mess-input {margin-bottom: 0;}

    .contact-message .mess-button input{font-size: 15px;width: 130px;}
	.contact-title h5 {font-size: 27px;}
	.contact-title h3 {font-size: 25px;}

}