@charset "utf-8";
@import url('basez2.0.css');

/*banner*/
.banner{width:100%;height:800px}
.slides a{display:block;width:100%}
.banner{height:auto!important;margin-top:63px}
.banner .img{position:relative}
.banner .banner_dis{position:absolute;right:0;top:20%;width:30%;background-color:rgba(0,0,0,.5);padding:20px}
.banner .banner_dis p{font-size:30px;line-height:1 .5;color:#f5f5f5}
@media(max-width:1024px){.banner{margin-top:45px;height:auto!important}
}
@media(max-width:999px){.banner .banner_dis p{font-size:18px}
}
@media(max-width:767px){.banner .banner_dis p{font-size:12px}
.banner .banner_dis{top:10%}
}

/**about*/
.about-wrap .stats-container{display:flex;justify-content:space-around;align-items:flex-start;gap:20px;max-width:1300px;margin:40px auto;padding:0 20px}
.about-wrap .stat-item{text-align:center;width:calc(25% - 50px);min-width:200px}
.about-wrap .stat-number{font-size:48px;font-weight:700;color:#fc6226;line-height:1.2;margin-bottom:12px;display:flex;justify-content:center;align-items:baseline}
.about-wrap .stat-number .unit{font-size:24px;margin-left:4px;color:#fc6226}
.about-wrap .stat-desc{font-size:1rem;color:#333;line-height:1.4}
@media (max-width:768px){.about-wrap .stats-container{flex-wrap:wrap}
.about-wrap .stat-item{width:calc(50% - 20px)}
}
.about-wrap{background:url(../images/about-bg.jpg)}
.about-wrap .about-container{max-width:1250px;margin:0 auto;padding:40px 20px;text-align:center}
.about-wrap .about-container h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:#333}
.about-wrap .about-container p{font-size:1.12rem;margin-bottom:30px;color:#666}
.about-wrap .about-container .btn{display:inline-block;padding:12px 52px;background-color:#fc6226;color:#fff;text-decoration:none;font-weight:700;border-radius:4px;transition:background-color .3s ease}
.about-wrap .about-container .btn:hover{background-color:#e5a62e}

/**zishiying*/
@media(max-width:1600px){.boxwrap{width:96%;margin:0 2%}
}
@media(max-width:1023px){body{min-width:100%}
.flex-control-nav{bottom:10px}
}
@media(max-width:999px){.m_nav{display:block}
.menub{display:none}
}
@media(max-width:480px){.m_nav .logo img{width:180px;margin-top:6px}
.m_nav .logo{width:180px}
.dot1{margin:5px 0 0 0}
}



/**index cases*/
.homecase-wrap{margin-top:40px;overflow:hidden}
.homecase-more a{width:240px;height:40px;border:1px solid #f4bb2c;display:block;margin:0 auto;line-height:40px;color:#fff;padding-left:60px;font-size:17px;background:#f4bb2c}
.homecase-more a:hover{color:#fff;background:#ed7f23 url(../images/homecase-moreimg1h.png) no-repeat 185px center}
.homecase-more{margin-top:80px}
.hometit{text-align:center;margin:60px 0 60px 0}
.hometit h3{font-size:36px;color:#000;font-weight:700}
.hometit h4{margin-top:10px;color:#999;font-size:19px}
.hcase .moreloadUl{border-bottom:1px solid #ddd}
.hcase .moreloadUl li{border-top:1px solid #ddd;border-right:1px solid #ddd}
.pubcase-item img{padding:30px 10px 30px 10px;transition:all .5s;width:100%}
.spbf{position:absolute;width:70px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:99999}
.pubcase-item{margin-bottom:0;overflow:hidden;position:relative}
.pubcase-info{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.7);z-index:22;top:100%;left:0;padding-left:50px;padding-right:40px;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.pubcase-info h4{height:40px;position:relative;color:#fff;line-height:40px;margin-top:60px}
.pubcase-info h4::after{position:absolute;display:block;height:1px;background:#fff;left:0;bottom:0;width:32px;content:""}
.pubcase-txt h2{font-size:24px;line-height:30px;margin-top:20px;margin-bottom:10px;color:#fff}
.pubcase-txt p{font-size:14px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:5;line-height:20px}
.moreload .case-list .pubcase-txt p{text-align:left;padding:0}
.pubcase-item:hover .pubcase-info{top:0}
.hpubcase-more{margin-bottom:80px;margin-top:50px}
@media(max-width:1400px){.pubcase-info h4{margin-top:40px}
.pubcase-txt p{-webkit-line-clamp:3}
}
@media(max-width:1200px){.pubcase-info h4{margin-top:30px}
.pubcase-info{padding-left:40px;padding-right:30px}
.pubcase-txt p{-webkit-line-clamp:2}
}


/**news*/
#homeserive{padding-top:10px;background:#f3f3f3;height:650px}
.homeserive-wrap{margin-top:40px;height:390px}
.homeserive-wrap ul li .homeserive-wrapimg img{width:100%;transition:all .4s}
.homeserive-wrap ul li:hover .homeserive-wrapimg img{transform:scale(1.1)}
.homeserive-wrap ul li{float:left;box-shadow:1px -1px 5px rgba(0,0,0,.3);width:48%;float:left;margin:0 1% 0 1%;background:#fff}
.homeserive-wrap ul li .homeserive-wrapimg{overflow:hidden;width:50%;float:left}
.homeserive-wraptxt{padding:24px 16px}
.homeserive-wraptxt h3{font-size:16px;color:#fc6226;transition:all .4s}
.homeserive-wraptxt h4{font-size:16px;color:#000;padding:15px 0 15px 0}
.homeserive-wraptxt h5{font-size:16px;color:#666;line-height:28px}
.homeserive-wrap ul li .homeserive-wraptxt{width:48%;float:left;padding:15px}
.homeserive-wrap ul li .homeserive-wraptxt h3{font-weight:700;font-size:21px;padding-top:10px}
.homeserive-more{margin:18px 0 0 0}
.homeserive-more a{width:240px;height:40px;border:1px solid #fc6226;display:block;margin:0 auto;line-height:38px;color:#fff;font-size:17px;background:#fc6226;text-align:center}
.homeserive-more a:hover{color:#fff;background:#ed7f23 url(../images/homecase-moreimg1h.png) no-repeat 185px center}
@media(max-width:991px){.hometit h3{font-size:26px}
.hometit h4{display:none}
#homeserive{margin-top:48px}
.homeserive-wrap ul li{margin-bottom:15px}
}
@media(max-width:449px){.hometit h3{font-size:18px}
#homeserive{margin-top:20px}
.homeserive-wrap{margin-top:20px}
.homeserive-wrap ul li{margin-bottom:0}
}
#home_advantage{min-height:500px}
#home_advantage h4{height:50px;line-height:26px;text-align:center;font-size:19px}
#home_advantage p{text-align:center}
#home_advantage .advantage-list{float:left;padding:0 40px;min-height:250px}
#home_advantage .advantage-list ul{width:70%;margin:0 auto}
#home_advantage .advantage-list li{line-height:28px;font-size:16px;list-style-type:circle}


/**caselist*/
.container-case{/* width:90%; */margin:0 auto;padding: 20px 0 20px 1%;}
.img-row{display:flex;flex-wrap:wrap;/* gap:10px; */margin-bottom:10px;}
.img-item{position:relative;overflow:hidden;border-radius:4px;width:100%}
.img-item img{width:100%;height:100%;display:block;transition:transform .3s ease;}
.img-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s ease}
.img-text{position:absolute;top:50%;left:50%;transform:translate(-50%,20px);color:#fff;font-size:16px;font-weight:500;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:1;font-size:1.5rem;font-weight:700;white-space:nowrap}
.img-item:hover{cursor:pointer}
.img-item:hover img{transform:scale(1.05)}
.img-item:hover .img-mask{background-color:rgba(0,0,0,.8)}
.img-item:hover .img-text{opacity:1;transform:translate(-50%,-50%);text-transform:uppercase}

.img-row .img-item {
    width: calc(24%);
    margin-right: 1%;
    margin-bottom: 1%;
}




@media (max-width:768px) {
    .img-row .img-item {
        width: calc(32.33%);
        margin-right: 1%;
        margin-bottom: 1%;
    }
}


@media (max-width:620px) {
    .img-row .img-item {
        width: calc(49%);
        margin-right: 1%;
        margin-bottom: 1%;
    }
}




@media (max-width: 1450px) {
  .homeserive-wrap ul li .homeserive-wrapimg{width:100%;}
  .homeserive-wrap ul li .homeserive-wraptxt{width:96%;float:left;padding:2%}
  .homeserive-wrap ul li .homeserive-wraptxt h3{text-align:center;}
  .homeserive-wraptxt h4{text-align:center;}
  .homeserive-more{margin:18px 0 10px 0}
}
@media (max-width: 700px) {
  .homeserive-wrap ul li{width:96%;margin:0 2% 0 2%;}
}