/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;} 

.u-content{line-height: 2em; }
.u-content img{max-width: 100%;}

.nytop{line-height: 30px;background-color: #f5f5f5; }
.nytop .flexbox{align-items: center;justify-content: space-between;height: 80px;}
.location{line-height: 30px;}
.location i{color: #0ea74e;margin-right: 10px;}
.location a,.location span{font-size: 15px;color:#666;}
 
.menu{position:relative;z-index: 11;display: flex; }
.menu li {padding: 0 20px}
.menu li a{display: block;height: 80px;display: flex;align-items: center;border-bottom:2px solid transparent;color:#333;font-size: 18px;}
.menu li.active a,.menu li a:hover{border-color: #0ea74e; } 

.section-box{padding: 60px 0;position:relative;}
.section-box .anchordiv{position:absolute;top:-80px;}
.section-about{}
.section-about .title{text-align: center;margin-bottom: 40px;}
.section-about .title h2{font-size: 30px;line-height: 50px;}
.section-about .img{flex: 0 0 360px;margin-right: 40px;}
.section-about .cont{font-size: 18px;line-height: 2em;}
.section-about .cont h4{font-size: 18px;color: #0ea74e;font-weight: bold;}

.section-jyln{background: url(../images/jyln-bg.jpg) center center / cover;color: #fff;min-height: 400px;}
.section-jyln .title{text-align: center;margin-bottom: 60px;color: #fff;}
.section-jyln .title h2{margin-bottom:15px; ;}
.section-jyln .title p{font-size: 14px;}
.section-jyln ul{display: flex;justify-content: space-around;}
.section-jyln ul li{font-size: 18px;text-align: center;}
.section-jyln ul li img{margin-bottom: 30px;}

.swiper-button-next,.swiper-button-prev{ font-size: 20px; border: 1px solid #0ea74e; width: 60px;height: 60px;background-color: #fff;border-radius: 50%;color: #0ea74e;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.swiper-button-next:hover, .swiper-button-prev:hover{color: #fff;background-color: #0ea74e;}

.section-honor {
    overflow: hidden;
}
.section-honor .title{ margin-bottom: 40px;text-align:center;}
.section-honor .title h2{font-size: 30px;line-height: 50px;margin-bottom:15px;}
/*.section-honor .cont{flex: 0 0 300px;margin-right: 40px;margin-right: 60px;display: flex;flex-direction: column; justify-content: space-between;}
.swiper-button{display: flex;height: 100px;}*/
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{position: static;margin: 0;}
.swiper-button .swiper-button-next{margin-left:30px;}
.section-honor .hlist{/*overflow: hidden;*/text-align:center; padding-bottom:60px;}
.section-honor .hlist .swiper-slide img{width: 100%; transition:all 0.5s;}
.honorSwiper {
    /*position: relative;*/
}
.honorSwiper .swiper-slide {/*background-color: #f1f1f1;*/}
/*.honorSwiper .swiper-slide.swiper-slide-active:hover{z-index:999;}*/
/*.honorSwiper .swiper-slide.swiper-slide-active:hover img{transform:scale(1.5,1.5);transition:all 0.5s;}*/

.section-procert {
    background-color: #f5f5f5;
    overflow:hidden;
}
.section-procert .title{ margin-bottom: 40px;text-align: center;}
.section-procert .title h2{font-size: 30px;line-height: 50px;}
.procert{position: relative;}
.procertSwiper {/*overflow: hidden;*/padding: 50px 0 60px;}
.procert .swiper-slide{/*background-color:#ffffff;*/}
.procert .swiper-slide img{width: 100%;}
/*.procert .swiper-slide-active,.procert .swiper-slide-duplicate-active{transform: translateY(-20px);}*/
.procert .swiper-button-prev{left: -80px;}
.procert .swiper-button-next{right: -80px;} 
.procertSwiper .swiper-slide img{width:100%; transition:all 0.5s;}
/*.procertSwiper .swiper-slide.swiper-slide-active:hover{z-index:999;}
.procertSwiper .swiper-slide.swiper-slide-active:hover img{transform:scale(1.5,1.5);transition:all 0.5s;}*/

.section-product{ }
.productbox{display: flex; }
.productbox .protype{width: 330px;}
.productbox .protype h3{height: 70px;text-align: center;background-color: #0ea74e;color: #fff;line-height: 70px;font-size: 24px;}
.productbox .protype ul{/*background-color: #f5f5f5;*/}
.productbox .protype ul li{height: 60px;line-height: 60px;text-align: center;background-color: #f5f5f5;margin-bottom: 2px;cursor: pointer;}
.productbox .protype ul li:hover,.productbox .protype ul li.active{color: #0ea74e;}
.productbox .prolist{flex: 1;margin-left: 30px;display:flex;flex-direction: column;}
.productbox .prolist ul{height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;align-content: space-between;}
.productbox .prolist ul li{width: 50%;padding:0 10px;margin-bottom:20px;}
.productbox .prolist ul li a{display: block;position: relative;background-color: #fff;border:1px solid #f1f1f1;}
.productbox .prolist ul li img{ width: 100%;}
.productbox .prolist ul li .tit{transition: all 0.3s;position: absolute;width: 100%;height: 60px;line-height: 60px; bottom: 0;left: 0;text-align: center;z-index: 12;}
.productbox .prolist ul li .hov{opacity: 0;transition: all 0.3s;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;background-color: rgba(0, 0, 0, 0.25);}
.productbox .prolist ul li .hov .circle{ top: 50%;left: 50%; position: absolute;transform: translate(-50%, -50%);width: 120px;height: 120px;border-radius: 50%;border: 2px solid #fff; background: url(../images/seefile-icon.png) center center no-repeat;}
.productbox .prolist ul li:hover .hov{opacity: 1;transition: all 0.3s;}
.productbox .prolist ul li:hover .tit{background-color: #0ea74e;color: #fff;transition: all 0.3s;}

.productshow{}
.productshow .pro-head{display: flex;padding: 50px 0;}
.pro-head .proimg{flex:0 0 600px ;overflow:hidden;}
.large_box{margin-bottom:10px; overflow:hidden;border:1px solid #f1f1f1;width: 600px; height: 400px;}
.large_box ul{}
.large_box ul li{display:flex;align-items: center;justify-content: center;width: 600px; height: 400px;}
.large_box ul li img{display:block;max-width: 100%;max-height:100%; }
.small_box{width:600px;height:100px;overflow:hidden;display: flex;justify-content: space-between;}
.small_list{position:relative;float:left;width:470px;height:100px;overflow:hidden; }
.small_list ul{ overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:150px;height:100px; border: 1px solid transparent;cursor:pointer;}
.small_list ul li img{display:block;max-width: 100%;max-height:100%;margin:auto;}
.small_list ul li.on{border-color: #0ea74e;}
.small_box .btn{display:block;width:30px;height:100px;border: 1px solid #0ea74e; cursor:pointer;border-radius: 0;background-repeat: no-repeat;background-size: contain;background-position: center;}
.small_box .btn:hover{background-color:#0ea74e;}
.left_btn{background-image:url(../images/left_btn.svg);}
.right_btn{background-image:url(../images/right_btn.svg);}
.left_btn:hover{background-image:url(../images/left_btn1.svg);}
.right_btn:hover{background-image:url(../images/right_btn1.svg);}
.pro-head .proinfo{padding: 40px 0 0 60px;}
.pro-head .proinfo h3{font-size: 26px;margin-bottom: 40px;}
.pro-head .proinfo .info{}
.pro-head .proinfo .info .txt{font-size: 16px; line-height: 2em;}
.pro-head .proinfo .info h4{font-size: 16px; color: #0ea74e;margin-bottom: 20px;margin-top:30px;}
.pro-details{padding: 40px 0}
.pro-details .cont{margin-bottom: 40px;}
.pro-details .cont .title{color:#0ea74e;font-size: 18px;margin-bottom: 20px;}


.section-case{ }
.caselist{}
.caselist ul{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.caselist ul li{width: 25%;padding: 0 15px;margin-bottom: 30px;}
.caselist ul li img{width: 100%;}
.caselist ul li a{display: block;}
.caselist ul li .tit{line-height: 24px;margin-top:15px; color: #333; transition: all 0.3s;}
.caselist ul li .tit p{height:48px;overflow:hidden;}
.caselist ul li .tit:after{content: "";display: block;width: 70px;border-top: 1px solid #0ea74e;transition: all 0.3s;margin-top:15px;}
.caselist ul li .img{position: relative;background-color:#f5f5f5;}
.caselist ul li .img .bg{width: 100%;height: 100%;position: absolute;z-index: 11;background-color:#0ea74e4d; left: 0;top: 0;opacity: 0;transition: all 0.3s;}
.caselist ul li a:hover .img .bg{opacity: 1; transition: all 0.3s;}
.caselist ul li a:hover .tit{color: #0ea74e;transition: all 0.3s;}
.caselist ul li a:hover .tit:after{width: 135px;transition: all 0.3s;}

.caseshow{}
.caseshow .title{text-align: center;margin-bottom: 40px;}
.caseshow .title h3{font-size: 28px;}
.related{margin-top: 50px;}
.related .title{height: 60px;line-height: 60px;padding: 0 40px;background-color: #0ea74e;color: #fff;font-size: 24px;}
.related .prolist{padding-top: 40px;}
.related .prolist ul{display: flex;margin: 0 -15px;}
.related .prolist ul li{padding: 0 15px;width:33.33%;}
.related .prolist ul li a{display: block;width: 100%;height: 100%;position: relative;transition: all 0.3s;}
.related .prolist ul li img{width: 100%;}
.related .prolist ul li .tit{position: absolute;width: 100%;height: 30px;line-height: 30px;bottom: 10px;left: 0;text-align: center;}
.related .prolist ul li a:hover{transform: translateY(-15px); transition: all 0.3s;}

.section-contact{}
.section-contact .flexbox{}
.section-contact .cont{flex: 1;display: flex;flex-direction: column;justify-content: space-between;margin-right: 60px;}
.section-contact .cont h3{font-size: 28px;line-height: 50px;}
.section-contact .cont dl{ border-bottom: 1px solid #ccc;padding: 20px 0;}
.section-contact .cont dl:last-child{border-bottom: none;}
.section-contact .cont dl dt{font-size: 16px;color: #999999;margin-bottom: 10px;}
.section-contact .cont dl dd{font-size: 16px;color: #333333;}
.section-contact .bdmap{flex-basis: 760px;font-size:14px;}

.section-message{background-color: #f5f5f5;}
.section-message .cont{flex: 1;margin-right: 60px;}
.section-message .cont h3{font-size: 30px;font-weight: bold;color: #0ea74e;margin-bottom: 40px;}
.section-message .cont .txt{font-size: 16px; color: #666666;margin-bottom: 40px;line-height: 2em;min-height: 8em;}
.section-message .cont .tel{font-size: 16px; color: #666666;}
.section-message .formbox{flex-basis: 860px;}
.section-message .form-row{display: flex;margin-bottom: 25px;}
.section-message .form-row .input-box{margin-right: 25px;flex: 1;}
.section-message .form-row .input-box:last-child{margin-right:0;}
.section-message .form-row .input-box .text-box{border: none;width:100%;height:40px;padding: 0 20px;font-size: 14px;}
.section-message .form-row .textarea-box{width: 100%;}
.section-message .form-row textarea{border: none;width: 100%;height: 210px;padding:15px 20px;font-size: 14px;}
.section-message .form-row button{border: none;background-color: #0ea74e;color: #f1f1f1;width: 200px;height: 50px;text-align: center;}

.newslist{}
.newslist ul li{margin-bottom: 20px;}
.newslist ul li a{display: block;display:flex;background-color: #fafafa;transition:all 0.3s;}
.newslist ul li .date{flex:0 0 150px;text-align: center;padding: 10px;position: relative;}
.newslist ul li .date:after{content: "";display: block;width: 0;height: 80px; border-right: 1px solid #ddd;position: absolute;top: 14px;right: 0;}
.newslist ul li .date .dd{font-size: 36px; border-bottom: 1px solid #eeeeee;width: 70px;margin: auto;color: #666666;}
.newslist ul li .date .yd{font-size: 16px;width: 70px;margin: auto;line-height: 30px;color: #999999;}
.newslist ul li .cont{flex:1;padding: 10px 30px;}
.newslist ul li .cont h4{font-size: 18px;line-height: 30px; font-weight: bold;color: #333;}
.newslist ul li .cont .txt{font-size: 14px;color: #999;margin-top: 10px;line-height: 24px;height: 48px;overflow: hidden;}
.newslist ul li .right{flex:0 0 50px;border-left: 3px solid #fff;background: url(../images/right_btn.svg) center center / 30px auto no-repeat;}
.newslist ul li>a:hover{background-color:#0ea74e;transition:all 0.3s;}
.newslist ul li>a:hover .date .dd{color: #fff;}
.newslist ul li>a:hover .date .yd{color: #fff;}
.newslist ul li>a:hover .cont h4{color: #fff;}
.newslist ul li>a:hover .cont .txt{color: #fff;}
.newslist ul li>a:hover .right{background: url(../images/right_btn1.svg) center center / 30px auto no-repeat;}

.newslist ul li.first{display: flex;background-color: #fafafa;transition:all 0.3s;}
.newslist ul li.first .img{flex:0 0 450px;}
.newslist ul li.first a{background-color: transparent;}
.newslist ul li.first .cont{flex:1;padding: 10px 40px;display: flex;flex-direction: column;justify-content: center;;}
.newslist ul li.first .cont h4{font-size: 18px;line-height: 30px; font-weight: bold;color: #0ea74e;}
.newslist ul li.first .date{flex: 0; text-align: left;font-size: 14px;color: #999999;padding: 0;margin-top: 10px;}
.newslist ul li.first .date:after{display: none;}
.newslist ul li.first .cont .txt{font-size: 14px;color: #999;margin-top: 20px;line-height: 24px;height: 72px;overflow: hidden;}
.newslist ul li.first .cont .more{display: block;width: 120px;height: 40px;margin-top: 20px;line-height: 40px;text-align: center;background-color:#0ea74e;color:#fff; }
.newslist ul li.first:hover{background-color:#0ea74e;transition:all 0.3s;}
.newslist ul li.first:hover .cont .more{background-color: #fff;color: #0ea74e;}
.newslist ul li.first:hover a{background-color: transparent;}
.newslist ul li.first:hover .cont h4{color: #fff;}
.newslist ul li.first:hover .cont .txt{color: #fff;}
.newslist ul li.first:hover .date{color: #fff;} 

.newsshow{}
.newsshow .news-title{text-align: center;margin-bottom: 40px;}
.newsshow .news-title h3{font-size: 28px;color: #333;line-height: 40px;}
.newsshow .news-title p{margin-top: 30px;color: #999;}
.newsshow .news-title p span{margin:0 30px;}
.newsshow .news-content{ font-size: 16px;}
.newsshow .news-bot{margin-top: 40px;display: flex;justify-content: space-between;align-items: center;}
.newsshow .news-bot .skip{flex: 1;color: #999;line-height: 30px;font-size: 16px;}
.newsshow .news-bot .skip a:hover{color: #0ea74e;}
.newsshow .news-bot .tolist{flex: 0 1 160px;}
.newsshow .news-bot .tolist a{width: 170px;height: 45px;display: block;border: 1px solid #0ea74e; background-color:#0ea74e;color: #fff;line-height: 45px;text-align: center;}
.newsshow .news-bot .tolist a:hover{background-color: #fff;color: #0ea74e;}


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

@media (min-width:1200px) { 
}

@media (min-width:1400px) { 

}
   
@media (min-width:1600px) {  

}

@media(max-width:768px) {
    .productbox {
        /*display: block;*/
        flex-direction: column-reverse;
    }
    .nytop .flexbox {
        align-items: flex-start;
        justify-content: space-between;
        height: auto;
        flex-direction: column;
    }
    .menu{flex:1;width:100%;justify-content: space-around; }
    .menu li{padding:0 5px;}
    .menu li a{height:40px;font-size:16px;}
    .section-about .flexbox {
        flex-direction: column;
    }
    .section-about .img {
        margin: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .section-about .cont{font-size:16px;}
    .section-honor .flexbox {
        flex-direction: column;
    }
    .section-honor .cont {
        flex: 1;
        margin-right:0;
    }
    .section-honor .cont .swiper-button{margin-top:20px;}
    .procert .swiper-button-prev{left:0;}
    .procert .swiper-button-next{right:0;}
    .location{padding:5px 0;}

    .productbox .prolist{margin-left:0;}
    .productbox .prolist ul li{padding:5px;}
    .productbox .prolist ul li .tit{font-size:14px;line-height:20px;padding:10px 5px 0; height:50px;overflow:hidden; position:static;}
    .productbox .prolist ul li:hover .hov{display:none;}
    .productbox .protype{width:100%;}
    .productshow .pro-head {
        padding: 0;
        flex-direction: column;
    }
    .pro-head .proimg{flex:1;}
    .large_box{width:100%;height:300px;}
    .large_box ul li{width:100%;height:300px;}
    .small_box {width:100%; height:56px}
    .small_list{width:260px;height:auto;} 
    .small_list ul li {
        width: 80px;
        height: 56px;
    }
    .small_box .btn{height:100%;}
    .pro-head .proinfo{padding:40px 0;}

    .caselist ul li{width:50%;}
    .caseshow .title h3{font-size:20px;line-height:32px;}
    .related .prolist ul{margin:0 -5px;}
    .related .prolist ul li{padding:0 5px;}
    .related .prolist ul li .tit{position:static;font-size:14px;line-height:20px;margin-top:10px;}

    .newslist ul li.first .img{flex:0 0 140px;}
    .scale1 img{width:100%;}
    .newslist ul li.first .cont {
        padding:0 10px; 
    }
    .newslist ul li.first .cont h4 {
        font-size: 16px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }
    .newslist ul li.first .date{margin-top:0;}
    .newslist ul li.first .cont .txt{line-height:20px;height:40px;margin-top: 0px;}
    .newslist ul li.first .cont .more{display:none;}
    .newslist ul li .date {
        flex: 0 0 100px;
    }
    .newslist ul li .cont h4{font-size:16px;line-height:24px;height:24px;overflow:hidden;}
    .newslist ul li .right{display:none;}
    .newslist ul li .cont{padding:10px;}
    .newsshow .news-title h3{font-size:20px;line-height: 32px;}
    .newsshow .news-bot {
        flex-direction: column;
    }

    .section-contact .flexbox{display:block;}
    .section-contact .bdmap{height:270px;}
    .section-contact .cont{margin-bottom:30px;margin-right:0;}
    .section-contact .cont h3{font-size:18px;}
    .section-contact .cont dl{margin:0;}
    .section-message .flexbox {
        display: block;
    }
    .section-message .cont {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .section-message .cont .txt{min-height:0;}
    .section-honor .hlist{margin-top: 0; margin-left:0;padding-bottom:0;}
    .procertSwiper{padding:0px 0;}
    /*.honorSwiper {
        position: relative;
    }*/
    .swiper-button-next, .swiper-button-prev{display:none;}
    .section-message .form-row{display:block;margin:0;}
    .section-message .form-row .input-box{margin-right:0;margin-bottom:15px;}
    .section-message .form-row .textarea-box{margin-bottom:15px;}
}