/*list-news*/
.banner-news{ padding: 120px 0 260px; background: url("../images/banner-news.webp") no-repeat center/cover;}
.banner-news h2{ margin-bottom: 0; }
.banner-news p{ font-size: 33px; color: #fff; margin-top: 40px;}

.list{ padding: 120px 0; background: #f7f7f7;}
.l-news-lists{ margin: 0 -10px;}
.l-news-lists li{ float: left; width: 33.33%; padding: 0 10px; margin-bottom: 90px;}
.l-news-lists li:nth-child(-n+2){ width: 50%; }
.l-news-lists .pic{ overflow: hidden; }
.l-news-lists .pic img,
.pro-item li img{ -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
.l-news-lists .txt{ padding: 30px 40px 40px; background: #fff; border-radius: 0 0 30px 30px;}
.l-news-lists h3{ font-size: 24px; line-height: 1.6; margin-bottom: 15px;}
.l-news-lists li:hover .pic img,
.pro-item li:hover img{ 
    transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06); }

/*list-pro*/
.banner-pro{ background-image: url("../images/banner-pro.jpg");}
.banner-pro h2{ text-align: center; }

.l-pro-hd{ padding: 100px 0 10px; background: #fff;}
.l-pro-hd .pro-hd-links{ padding: 3px 3px; border: 1px solid #919191; border-radius: 33px; }
.l-pro-hd .pro-hd-links a{ float: left; line-height: 58px; width: 12.36875%; text-align: center; border-radius: 30px; }
.l-pro-hd .pro-hd-links a + a{ margin-left: 0.15%; }
.l-pro-hd .pro-hd-links a.on{ background: #c8000a; color: #fff; }
.l-pro-hd .pro-hd-links a:hover{ background: #ededed; color: #000; }
.l-pro-hd .pro-hd-links a.on:hover{ background: #c8000a; color: #fff; }

.l-pro-item{ padding: 90px 0; background: #fff;}
.pro-other{ padding-bottom: 80px;}
.pro-tit{ position: relative; margin-bottom: 70px;}
.pro-tit h2{ font-size: 69px; font-weight: normal;}
.pro-links{ position: absolute; right: 0; bottom: 0; }
.pro-links a{ float: left; width: 115px; text-align: center; line-height: 32px; border: 1px solid #919191; cursor: pointer; margin-left: 20px; font-size: 14px; color: #919191;}
.pro-links a:hover,.pro-links a.on{ background: #c8000a; border-color: #c8000a; color: #fff;}

.pro-item{ display: none;}
.pro-item ul{ margin: 0 -10px; position: relative;}
.pro-item li{ float: left; width: 33.33%; padding: 0 10px; margin-bottom: 20px;}
.pro-item li .pic{ display: block; position: relative; overflow: hidden;}
.pro-item li img{  }
.pro-item li p{ position: absolute; right: 0; bottom: 0; line-height: 40px; padding: 0 30px; color: #fff; background: rgba(0,0,0,0.6); background: linear-gradient(-90deg, rgba(0,0,0,0.6) 45%, transparent); }
.pro-item li .pic span{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 2em; justify-content: center;
    align-items: center; color: #fff; background: rgba(0,0,0,0.6);}
.pro-item li a.pic:hover p{ display: none;}
.pro-item li a.pic:hover span{ display: flex;}

/*.pro-item .pro-list1 li:nth-child(3n+1){ margin-right: 33.33%;}
.pro-item .pro-list1 li:nth-child(2){ position: absolute; left: 33.33%;}
.pro-item .pro-list3 li{ width: 50%;}
.pro-item .pro-list4 li:nth-child(2){ width: 66.67%;}
.pro-item .pro-list5 li + li{ width: 66.67%;}*/


/*show-news*/
.s-news-cont{ position: relative; padding-top: 200px!important; background: #fff;}
.s-news-cont::before,.s-news-cont::after{ content: ''; position: absolute; left: 0; width: 100%; }
.s-news-cont::before{top: 0; height: 160px; background: url("../images/banner-news.jpg") no-repeat center 36%/cover;}
.s-news-cont::after{ top: 80px; height: 80px; background: #fff; border-radius: 60px 60px 0 0; }
.s-news-cont .wrap{ background: #fff; position: relative;}

.article{ width: 58%; float: left; padding-bottom: 100px;}
.article h2{ font-size: 48px; line-height: 1.25;}
.article .info{ color: #a4a4a4; margin: 40px 0 60px;}
.article .info span{ display: inline-block; margin-right: 10px;}
.article-cont{ line-height: 2;}
.article-cont img{ display: block; width: 100%!important; height: auto!important; max-width: 100%!important;}
.article .media{ width: 100%;  padding-top: 60%; background: #f0f0f0; position: relative;}
.article .media iframe,.article .media video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: orange;}
.article .end{ text-align: center; font-weight: bold; margin-top: 40px;}
.article .jump{ margin-top: 60px; line-height: 40px;}

.article h2,.article h3,.article h4{ line-height: 1.3;}
.article h3{ font-size: 40px;}
.article h4{ font-size: 32px;}
.article h5{ font-size: 24px;}
.article .jianju3{ height: 3em;}
.article .jianju2{ height: 2em;}
.article .jianju15{ height: 1.5em;}
.article .mtb{ margin: 1em 0;}
.article .media,.article img{ margin: 1em auto;}

.sidebar{ width: 32.6%; float: right; padding-bottom: 60px;}
.sidebar-fangan{ margin-bottom: 30px;}
.sidebar-fangan h3{ font-size: 32px; margin-bottom: 30px;}
.sidebar-fangan li + li{ margin-top: 20px;}
.sidebar-fangan li a{ display: block; position: relative;}
.sidebar-fangan .name{ position: absolute; left: 0; bottom: 0; padding: 20px 0 20px 30px; max-width: 80%; font-size: 20px; color: #fff; font-weight: bold; background: rgba(0,63,102,.9); background: linear-gradient(to right, rgba(0,0,0,.6) 50%, transparent); }

.sidebar-btns a{ float: left; width: 48%; text-align: center; line-height: 60px; font-size: 20px; color: #fff; font-weight: bold; background: #c8000a;}
.sidebar-btns .tel{ margin-left: 4%; background: #f0f0f0; color: #313131;}
.sidebar-btns a i{ display: inline-block; margin-right: 14px; font-size: 40px; position: relative; top: 8px;}


@media (max-width: 1759px){
    /*list-news*/
    .banner-news{ padding: 100px 0 240px;}

    .list{ padding: 100px 0;}
    .l-news-lists li{ margin-bottom: 70px;}
    .l-news-lists h3{ font-size: 22px;}

    /*list-pro*/
    .pro-tit{ margin-bottom: 60px;}
    .pro-tit h2{ font-size: 62px;}

    .l-pro-hd{ padding: 80px 0 0; }

    .pro-item .pro-list5 li + li{ margin-bottom: 15px; }

    /*show-news*/
    .s-news-cont{ padding-top: 180px!important;}
    .article h2{ font-size: 46px;}


}
@media (max-width: 1559px){
    /*list-news*/
    .banner-news{ padding-bottom: 220px;}
    .banner-news p{ font-size: 30px; margin-top: 30px;}

    .list{ padding: 90px 0;}
    .l-news-lists li{ margin-bottom: 55px;}
    .l-news-lists .txt{ padding: 15px 25px 30px; border-radius: 0 0 20px 20px;}
    .l-news-lists h3{ font-size: 20px;}

    /*list-pro*/
    .l-pro-hd{ padding-top: 70px; }

    .l-pro-item{ padding: 75px 0;}
    .pro-tit{ margin-bottom: 50px;}
    .pro-tit h2{ font-size: 54px;}
    .pro-links a{ margin-left: 10px;}

    .pro-other{ padding-bottom: 65px;}

    /*show-news*/
    .article h2{ font-size: 42px;}
    .article .info{ margin: 35px 0 45px;}
    .article h3{ font-size: 36px;}
    .article h4{ font-size: 30px;}
    .article h5{ font-size: 22px;}

}
@media (max-width: 1359px){
    /*list-news*/
    .banner-news{ padding-bottom: 200px;}
    .banner-news p{ font-size: 28px; margin-top: 28px;}
    .banner-news p br{ display: none;}

    .l-news-lists{ margin: 0 -6px;}
    .l-news-lists li{ margin-bottom: 50px; padding: 0 6px;}
    .l-news-lists .txt{ padding: 15px 15px 25px; border-radius: 0 0 12px 12px;}
    .l-news-lists h3{ font-size: 18px; margin-bottom: 10px;}

    /*list-pro*/
    .l-pro-hd{ padding-top: 60px; }
    .l-pro-hd .pro-hd-links a{ line-height: 50px; }

    .l-pro-item{ padding: 65px 0;}
    .pro-tit{ margin-bottom: 40px;}
    .pro-tit h2{ font-size: 44px;}

    .pro-item ul{ margin: 0 -7px;}
    .pro-item li{ padding: 0 7px; margin-bottom: 14px;}

    .pro-other{ padding-bottom: 55px;}

    /*show-news*/
    .s-news-cont{ padding-top: 160px!important;}
    .article{ width: 62%;}
    .article h2{ font-size: 36px;}
    .article .info{ margin: 25px 0 35px;}
    .article h3{ font-size: 30px;}
    .article h4{ font-size: 26px;}
    .article h5{ font-size: 20px;}

    .sidebar-fangan .name{ font-size: 18px; width: auto; padding: 0 15px; line-height: 2.5;}
    .sidebar-btns a{ width: 100%; margin: 0;}
    .sidebar-btns .tel{ margin-left: 0;}
    .sidebar-btns a + a{ margin-top: 10px;}

}
@media (max-width: 1024px){
    /*list-news*/
    .banner-news{ padding: 0.88rem 0 1.81rem;}
    .banner-news p{ font-size: 0.2rem; margin-top: 0.18rem;}

    .list{ padding: 0.59rem 0;}
    .l-news-lists{ margin: 0 -0.098rem;}
    .l-news-lists li{ width: 50%; margin-bottom: 0.59rem; padding: 0 0.098rem;}
    .l-news-lists .txt{ padding: 0.245rem 0.32rem 0.3rem; border-radius: 0 0 0.3rem 0.3rem;}
    .l-news-lists h3{ font-size: 0.23rem;}
    .l-news-lists li:first-child{ width: 100%; }
    .l-news-lists li:first-child .txt{ padding: 0.39rem 0.39rem 0.42rem;}
    .l-news-lists li:first-child h3{ font-size: 0.293rem;}

    .l-news-lists li:hover .pic img,
    .pro-item li:hover img{ 
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); }

    /*list-pro*/
    .l-pro-hd{ padding-top: 0.8rem; }
    .l-pro-hd .pro-hd-links{ border-radius: 0; padding: 0; border: 0;}
    .l-pro-hd .pro-hd-links a{ width: 12.15%; line-height: 1.3; padding: 0.15rem 0; border-radius: 0.15rem; background: #f0f0f0; font-size: 0.26rem;}
    .l-pro-hd .pro-hd-links a + a{ margin-left: 0.4%;}
    .l-pro-hd .pro-hd-links a span{ display: block;}

    .l-pro-item{ padding-top: 1rem;}
    .pro-tit{ margin-bottom: 0.39rem; width: 10rem; position: relative; left: -0.27rem; margin-bottom: 1rem;}
    .pro-tit h2{ font-size: 0.68rem; text-align: center; line-height: 1.95rem; background: url("../images/pro-tit-duanya.jpg") no-repeat center/cover; color: #fff;}
    .pro-links{ display: none;}

    .pro-yejin .pro-tit h2{ background-image: url("../images/pro-tit-yejin.jpg");}
    .pro-chuanbo .pro-tit h2{ background-image: url("../images/pro-tit-chuanbo.jpg");}
    .pro-shuili .pro-tit h2{ background-image: url("../images/pro-tit-shuidian.jpg");}
    .pro-jiancai .pro-tit h2{ background-image: url("../images/pro-tit-jiancai.jpg");}
    .pro-other .pro-tit h2{ background-image: url("../images/pro-tit-other.jpg");}

    .pro-item{ display: block!important;}
    .pro-item-cont{ overflow-x: scroll;}
    .pro-item ul{ margin: 0; width: 300%;}
    .pro-item li{ width: 16.66%; padding: 0.1rem; margin-bottom: 0; position: static!important; margin-right: 0!important;}
    .pro-item li .pic{ padding: 0.1rem; border: 1px solid #ccc; border-radius: 0.1rem; }
    .pro-item li img{ width: 100%; border-radius: 0.08rem;}
    .pro-item li p{ display: none;}
    .pro-item > p{ text-align: center; font-size: 0.3rem; margin: 0.195rem 0 0.88rem;}
    .l-pro-item .pro-item:last-child > p{ margin-bottom: 0;}

    /*ul.pro-list3{ width: 100%;}
    .pro-list3 li{ width: 50%;}

    .pro-item .pro-list4 li{ width: 16.56%;}
    .pro-item .pro-list4 li:nth-child(2){ width: 33.76%;}
    .pro-item.p-posui ul{ width: 250%;}
    .pro-item.p-posui li{ width: 20%;}

    .pro-item.p-jungong ul{ width: 225%;}
    .pro-item.p-jungong li{ width: 10.651%}
    .pro-item.p-jungong li + li{ margin-bottom: 0; width: 44.6745%; }*/

    .pro-other{ padding-bottom: 1rem;}


    /*show-news*/
    .s-news-cont{ padding-top: 1.37rem!important;}
    .s-news-cont::before{ height: 1.37rem }
    .s-news-cont::after{ top: 0.78rem; height: 0.6rem; background: #fff; border-radius: 0.39rem 0.39rem 0 0; }

    .s-news-cont .article{ width: 100%;  font-size: 0.34rem; padding-bottom: 0.9rem;}
    
    .article .info{ font-size: 0.24rem; margin: 0.3rem 0 0.4rem;}
    .article-cont{}
    .article-cont img,
    .article .video{ max-width: 100%!important; margin: 0.15rem 0;}
    .article .end{ margin-top: 0.45rem;}
    
    .article h2{ font-size: 2em;}
    .article h3{ font-size: 1.8em;}
    .article h4{ font-size: 1.5em;}
    .article h5{ font-size: 1.2em;}

    .article .jump{ font-size: 0.34rem; line-height: 2; margin-top: 0.6rem;}
}
@media (max-width: 750px){
    /*list-news*/
    .banner-news{ padding: 0.54rem 0 1rem;}
    .banner-news h2{ font-size: 0.8rem; line-height: 1.2;}
    .banner-news p{ font-size: 0.36rem; margin-top: 0.27rem; line-height: 1.2;}
    .banner-news p br{ display: block;}

    .list{ padding: 0.8rem 0;}
    .l-news-lists{ margin: 0;}
    .l-news-lists li{ width: 100%; padding: 0; overflow: hidden; margin-bottom: 0.4rem; background: #fff; }
    .l-news-lists li:nth-child(-n+2){ width: 100%;}
    .l-news-lists li .txt{ padding: 0.4rem 0.4rem 0; border-radius: 0;}
    .l-news-lists li:first-child{ border-radius: 0 0 0.3rem 0.3rem;}
    .l-news-lists li:first-child .txt{ padding: 0.35rem 0.4rem 0.4rem;}
    .l-news-lists li:first-child h3{ font-size: 0.5rem!important }
    .l-news-lists li + li{ position: relative; border-radius: 0.3rem 0 0 0.3rem;}
    .l-news-lists li + li .txt{ position: absolute; top: 50%; width: 56%; padding-top: 0;
        transform: translateY(-52%);
        -o-transform: translateY(-52%);
        -ms-transform: translateY(-52%);
        -moz-transform: translateY(-52%);
        -webkit-transform: translateY(-52%); }
    .l-news-lists li + li .pic{ float: right; width: 44%;}
    .l-news-lists h3{ font-size: 0.4rem!important; line-height: 1.39; margin-bottom: 0.2rem;}
    .l-news-lists li + li h3{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal }
    .l-news-lists p{ font-size: 0.3rem; color: #b0b0b0;}


    /*list-pro*/
    .l-pro-hd{ padding-top: 1rem;}
    .l-pro-hd .pro-hd-links a{ font-size: 0.4rem; line-height: 1.3; padding: 0.2rem 0; width: 24%; background: #f0f0f0; margin: 0.5%!important; border-radius: 0.2rem;}
    .l-pro-hd .pro-hd-links a　+ a{ margin-left: 0;; }

    .l-pro-item{ padding-top: 1.2rem;}
    .pro-tit{ left: -0.4rem; margin-bottom: 0.8rem;}
    .pro-tit h2{ font-size: 0.64rem; line-height: 1.6rem; }

    .pro-item li{ padding: 0 0.15rem 0.25rem; }
    .pro-item li .pic{ padding: 0.15rem; border-radius: 0.18rem;}
    .pro-item li img{ border-radius: 0.12rem;}

    .pro-item > p{font-size: 0.4rem; margin: 0.27rem 0 0.8rem;}

    .pro-other{ padding-bottom: 1.2rem;}


    /*show-news*/
    .s-news-cont{ padding-top: 1.8rem!important; }
    .s-news-cont::before{ height: 1.8rem }
    .s-news-cont::after{ top: 1rem; height: 0.8rem; border-radius: 0.53rem 0.53rem 0 0; }

    .s-news-cont .article{ padding-bottom: 1.1rem;  font-size: 0.4rem; }
    .article .info{ font-size: 0.32rem; margin: 0.35rem 0 0.45rem; line-height: 1.3;}
    .article .info span{ margin-right: 0.3rem;}
    .article .info span:first-child{ display: none;}
    .article-cont{}
    .article-cont img,
    .article .video{  margin: 0.22rem 0;}
    .article .end{ margin-top: 0.5rem;}

    .article .jump{ font-size: 0.4rem; margin-top: 0.8rem;}
}