@import url("core.css");
@import url("../font-awesome/css/font-awesome.min.css");
@import url("animate.css");
@import url("common.css");
/***/
.w1840{max-width:1840px;margin:0 auto;padding: 0 30px;}
.w1500{max-width: 1500px;margin:0 auto;width: 100%;}
body{overflow-x: hidden;}
b{font-weight: bold;}


html {
  scroll-behavior: smooth;
}
/*footer**/

/**/

.ani,.wow{
	opacity: 0; /* 初始状态为透明 */
}

/*common-font*/
h1{font-size: 50px;}
h2{font-size: 40px;}
hr{background-color: #296367;width: 53px;height: 4px;}
.font14{font-size: 14px;line-height: 18px;}
.font16{font-size: 16px;line-height: 20px;}
.font17{font-size: 17px;line-height: 22px;}
.font18{font-size: 18px;line-height: 24px;}
.font20{font-size: 20px;line-height: 30px;}
.mt25{margin-top: 25px;}
.mb30{margin-bottom: 30px;}
.mb65{margin-bottom: 65px;}
.w50{width: 50%;}
.w70{width: 70%;}
img{width: 100%;height: auto;display: block;}
.wcenter{}
.to-big .img{overflow: hidden;}
.to-big .img img{transition: all 0.6s;-webkit-transition: all 0.6s;}
.to-big:hover .img img{transform: scale(1.05);}
#pages {min-height: 50px;margin: 20px 0;}


/*common-page-banner*/
#page_banner{background-size: cover;height:400px;width: 100%;background-position: center;background-repeat: no-repeat;position: relative;
transition: all 0.6s ease;-webkit-transition: all 0.6s ease;transform: translateX(0%);position: relative;overflow: hidden;}

#page_banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit; /* 继承父元素的背景图片 */
    background-size: cover; /* 保持cover */
    background-position: center; /* 保持居中 */
    transition: all 0.6s ease;-webkit-transition: all 0.6s ease;
  }
   
  #page_banner:hover::before {
    transform: scale(1.1); /* 放大效果，可以根据需要调整scale值 */
  }
#page_banner .w1500{position: absolute;left: 0;right:0;margin:0 auto;width: 100%;top: 50%;transform: translateY(-50%);}
#page_banner h1{font-size: 60px;text-transform: capitalize; color: #fff;}
#page_banner hr{height: 4px;margin: 30px 0;}
#page_banner p{width: 400px;}
#page_banner.white *{color: #fff;}


/*common-position*/
.position{color:#3E3A39;font-size:14px;padding:1.25rem 0;}
.position a{color:#333;vertical-align: middle;display: inline-block;}
.position span{margin:0 10px;vertical-align: middle;color:#333;}
.position font{vertical-align: middle;}
.position a:hover{color:#296367;}
.position a img{width: auto;}
	

/*common-page-cate*/
#project_cate{padding: 55px 0 100px;}
#project_cate .cate_box a{display: flex;justify-content: center;align-items: center;float: left;width: 19%;margin-right: 1.25%;outline: 1px solid #ccc;color: #333;text-align: center;height: 60px;line-height: 30px;}
#project_cate .cate_box a:nth-child(5n){margin-right: 0;}
#project_cate .cate_box a:hover,#project_cate .cate_box a.on{background-color: #296367;color: #fff;outline: 1px solid #296367;}

/*common-page-cate*/
#blog_cate{padding: 55px 0 100px;}
#blog_cate .cate_box{text-align: center;}
#blog_cate .cate_box a{display: flex;justify-content: center;align-items: center;float: left;width: 19%;margin-right: 1.25%;outline: 1px solid #ccc;color: #333;text-align: center;height: 60px;line-height: 30px;}
#blog_cate .cate_box a:nth-child(5n){margin-right: 0;}
#blog_cate .cate_box a:hover,#blog_cate .cate_box a.on{background-color: #296367;color: #fff;outline: 1px solid #296367;}
#blog_cate .cate_box .clearfix{display: flex;justify-content: center;}

/*common-tag-box*/
.tag_box{width: 100%;}
.tag_box a{display: block;float: left;width: auto;border: 1px solid #ccc;color: #999;margin-bottom: 2%;height: 45px;line-height: 25px;overflow: hidden;padding: 10px;margin-right: 2%;}
.tag_box a:hover{background-color: #296367;border-color: #236165;color: #fff;}

/*common-pages*/
#page_new nav{width: 100%;text-align: center;float: unset;margin-right: unset;align-content: unset;}
#page_new a,#page_new span{display: inline-block;width: 37px;line-height: 37px;height: 37px;margin:0 10px;}
#page_new span{background-color: #cba571;color: #fff;border: 1px solid #cba571;position: relative;top:3px}
#page_new a:hover{background-color: #cba571;color: #fff;}
#page_new a.next,#page_new a.prev{display: inline-block;width: 100px;line-height: 37px;height: 37px;border: 1px solid #cba571;text-transform: uppercase;}
#page_new a.next:hover,#page_new a.prev:hover{background-color: #cba571;color: #fff;}

#page_new a.prev .fa-angle-left::before{content:"PREV"}
#page_new a.next .fa-angle-right::before{content:"NEXT"}

/*common-show-textarea*/
.show-textarea .h1_tit{margin-bottom: 30px;}
.show-textarea h1{font-size: 50px;line-height: 50px;}
.show-textarea h2{font-size: 42px;line-height: 42px;}
.show-textarea h3{font-size: 36px;line-height: 36px;}
.show-textarea h4{font-size: 30px;line-height: 30px;}
.show-textarea h5{font-size: 24px;line-height: 24px;}
.show-textarea h6{font-size: 18px;line-height: 18px;}
.show-textarea span,
.show-textarea p,
.show-textarea a,
.show-textarea font{font-size: 14px;line-height: 24px;color: #999999;}
.show-textarea a{color: #296367;}
.show-textarea b,.show-textarea strong{font-weight: bold;font-size: 16px;line-height: 27px;color: #222;}



/*common-media*/

@media(max-width:1540px){
    #page_banner {padding: 150px 0;}
    #page_banner h1 {font-size: 40px;}

    /**/
    #project_cate { padding: 40px 0 50px;}
    #project_cate .cate_box a {line-height: 30px;font-size: 16px;}

    /**/
    #blog_cate { padding: 40px 0 50px;}
    #blog_cate .cate_box a {line-height: 30px;font-size: 16px;}

    
    .w1500{padding:0 30px;width: 100%;}
    .home .w1500{padding:0 50px;}
}

@media(max-width:1100px){
    #page_banner {padding: 80px 0;height: 300px;}
    #page_banner h1 {font-size: 30px;}
    #page_banner hr {margin: 15px 0;}
    #page_banner p{width: 80%;}

    
    .ani{
        opacity: 1; /* 初始状态为透明 */
        transform: opacity 1s ;
    }

    /**/
    
    #project_cate .cate_box a{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    #project_cate .cate_box a:nth-child(5){margin-right: 2%;}
    #project_cate .cate_box a:nth-child(2n){margin-right: 0;}

    /**/
    #blog_cate .cate_box .clearfix{display: block;}
    #blog_cate .cate_box a{width: 49%;margin-right: 2%;margin-bottom: 2%;float: left;}
    #blog_cate .cate_box a:nth-child(5){margin-right: 2%;}
    #blog_cate .cate_box a:nth-child(2n){margin-right: 0;}

    
.show-textarea h1{font-size: 35px;line-height: 40px;}
.show-textarea h2{font-size: 28px;line-height: 32px;}
.show-textarea h3{font-size: 24px;line-height: 30px;}
.show-textarea h4{font-size: 20px;line-height: 27px;}
.show-textarea h5{font-size: 18px;line-height: 22px;}
.show-textarea h6{font-size: 16px;line-height: 18px;}
.show-textarea span,
.show-textarea p,
.show-textarea a,
.show-textarea font{font-size: 14px;line-height: 21px;}
.show-textarea b,.show-textarea strong{font-size: 14px;line-height: 21px;}

#page_new nav{display: block;}

#page_new a,#page_new span{width: 25px;line-height: 25px;height: 25px;margin: 0 5px;}

#page_new a.next, #pages_new a.prev {line-height: 25px;height: 25px;}


}

@media(max-width:768px){
    #page_banner {padding: 50px 0;height: 200px;}
    #page_banner p{width: 100%;font-size: 14px;line-height: 19px;}
    /**/
    #project_cate .cate_box a{height: 40px;font-size: 14px;line-height: 18px;}
    /**/
    #blog_cate .cate_box a{height: 40px;font-size: 14px;line-height: 18px;}


    
.show-textarea h1{font-size: 30px;line-height: 35px;}
.show-textarea h2{font-size: 24px;line-height: 30px;}
.show-textarea h3{font-size: 20px;line-height: 30px;}
.show-textarea h4{font-size: 18px;line-height: 24px;}
.show-textarea h5{font-size: 16px;line-height: 21px;}
.show-textarea h6{font-size: 14px;line-height: 16px;}
.show-textarea span,
.show-textarea p,
.show-textarea a,
.show-textarea font{font-size: 13px;line-height: 18px;}
.show-textarea b,.show-textarea strong{font-size: 14px;line-height:21px;}
}


/*banner*/
#banner_top .swiper-pagination-bullet{background: #fff;opacity: 0.8;width: 10px;height: 10px;}
#banner_top .swiper-pagination-bullet-active{background: #296367;opacity: 1;}
#banner_top .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 5%;}

#banner_top .swiper-prev{position: absolute;left: 2%;top:50%;transform: translateY(-50%);z-index: 3;}

#banner_top .swiper-next{position: absolute;right: 2%;top:50%;transform: translateY(-50%);z-index: 3;}

#banner_top{width: 100%;height: 100%;}

#banner_top .swiper-container {width: 100%;height: 100%;}
#banner_top .img_box {position: relative;width: 100%;height: 100%;background-size: cover;background-position: center;display: flex;align-items: center;}
#banner_top .banner_con{/* position: absolute; */left: 0;right: 0;top:0;/* height: 100%; */}
#banner_top .banner_con .banner_tit *{color: #fff;}
#banner_top .banner_con .banner_tit{font-size: 23px;line-height: 65px;font-weight: 300;color: #fff;}
#banner_top .banner_con .banner_tit b{font-size: 67px;font-weight: 600;text-transform:capitalize;display: block;}
#banner_top .banner_con hr{display: block;width: 50px;background-color: #fff;height: 3px;margin: 30px 0 30px;}
#banner_top .banner_con p{font-size: 18px;line-height: 24px;margin-bottom: 120px;width: 500px;font-weight: 200;color: #fff;}
#banner_top .banner_con a{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;border: 1px solid #fff;line-height: 45px;height: 45px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-position: 140px center;background-image: url(../images/jtban.png);background-repeat: no-repeat;padding-right: 85px;padding-left: 50px;}


#banner_top .video-box {position: relative;width: 100%;height: 100%;background-size: cover;background-position: center;display: flex;align-items: center;}
#banner_top .video-box .banner_con{position: absolute; left: 0;right: 0;top:0;height: 100%;display: flex;flex-direction: column;justify-content: center;}

#banner_top .video-box video{width: 100%;}


@media (max-width:1460px){

    #banner_top .banner_con .banner_tit{font-size: 21px;line-height: 60px;}
    #banner_top .banner_con .banner_tit b{font-size: 55px;}
    
    #banner_top .banner_con hr{height: 3px;margin: 10px 0 30px;}
    #banner_top .banner_con p{font-size: 16px;line-height: 22px;margin-bottom: 80px;width: 500px;}
    #banner_top .banner_con a{line-height: 45px;height: 45px;font-size: 14px;}

}


@media (max-width:1100px){
    .swiper-container-mobile.home>.swiper-wrapper{display: block;transform: none !important;transition: none !important; /* 移除过渡效果 */}
    #banner_top {height: 50vh;}
    #banner_top .banner_con .banner_tit{font-size: 19px;line-height: 55px;}
    #banner_top .banner_con .banner_tit b{font-size: 40px;}

    #banner_top .swiper-prev{width: 10px;}
    #banner_top .swiper-next{width: 10px;}

    #banner_top .video-box video{width: auto;height: 50vh;}

    #banner_top .banner_con hr{height: 3px;margin: 10px 0 30px;}
    #banner_top .banner_con p{font-size: 14px;line-height: 17px;margin-bottom: 50px;width: 500px;}
    #banner_top .banner_con a{line-height: 30px;height: 30px;font-size: 13px;padding-left: 30px;padding-right: 60px;background-position: 110px center;background-size: 20px auto;}
}

@media (max-width:768px){
    .w1500{padding: 0 20px}
    .home .w1500{padding:0 25px;}

    #banner_top .banner_con .banner_tit{font-size: 14px;line-height: 40px;}
    #banner_top .banner_con .banner_tit b{font-size: 36px;}
    
    #banner_top .banner_con hr{height: 3px;margin: 10px 0 15px;}
    #banner_top .banner_con p{font-size: 13px;line-height: 18px;margin-bottom: 20px;width: 100%;}
    #banner_top .banner_con a{line-height: 30px;height: 30px;font-size: 13px;padding-left: 30px;}

}

@media (max-width:500px){
    #banner_top .banner_con .banner_tit{font-size: 14px;line-height: 30px;}
    #banner_top .banner_con .banner_tit b{font-size: 30px;}
    
}






/*media*/

/*media1540*/
@media (max-width: 1540px) {
    .w1840{padding: 0 20px;}
    header .w1840{padding: 0 20px;}
}

/*media1440*/
@media (max-width: 1540px) {
    h1{font-size: 35px;}
    h2{font-size: 26px;}
    .font14{font-size: 14px;line-height: 22px;}
    .font16{font-size: 15px;line-height: 23px;}
    .font17{font-size: 16px;line-height: 23px;}
    .font18{font-size: 17px;line-height: 24px;}
    .font20{font-size: 18px;line-height: 30px;}

    /**/
    #pro_dis {padding: 50px 0;}

    
    
    /**/
    
    /**/

    /**/
    
}



/*media1280*/
@media (max-width: 1280px) {

    /**/

}



/*media1100*/
@media (max-width: 1100px) {
    h1{font-size: 30px;}
    h2{font-size: 24px;}
    .font14{font-size: 13px;line-height: 17px;}
    .font16{font-size: 14px;line-height: 20px;}
    .font17{font-size: 15px;line-height: 22px;}
    .font18{font-size: 16px;line-height: 23px;}
    .font20{font-size: 17px;line-height: 27px;}
    .mb30 {margin-bottom: 15px;}
    .mt20 {margin-top: 15px;}
    .mt25 {margin-top: 20px;}
    .mb60 {margin-bottom: 30px;}
    .mb65 {margin-bottom: 35px;}
    .w50{width: 100%;}
    .w70{width: 100%;}
    /**/
    
    
    
}

/*media900*/
@media (max-width: 900px) {
}

/*media768px*/
@media (max-width: 768px) {
   
    h1 {font-size: 22px;}
    
}


/*media500px*/
@media (max-width: 500px) {
    

    /**/
}


/*media400px*/
@media (max-width: 400px) {
    /**/
    
}



.new-video-box{position:fixed;z-index:3333;display:none;width:100%;background:rgba(0,0,0,0.8);top:0;left:0;height:100vh;animation-name: beclose;animation-duration: 0.5s;animation-timing-function: ease-out;}
.new-video-box.open{display:block;animation-name: beopen;animation-duration: 0.5s;animation-timing-function: ease-out;}
#closebutton{font-size: 2rem;color: #fff;transform: scale(1, 0.89);display: inline-block;width: auto;position: absolute;right: 5%;top: 5%;}
.video-center{display:flex;align-items:center;height:100%;width:100%;}
.video-center video{width:70%;display:block;margin:0 auto;}
@media(max-width:800px){
	#videourl{width:100%;}
	}
@keyframes beopen{0%{opacity:0;}100%{opacity:1;}}
@keyframes beclose{0%{opacity:1;}100%{opacity:0;}}













#service .top{margin-bottom: 30px;}
#service .top .left{float: left;font-size: 36px;line-height: 40px;font-weight: bold;width: 560px;}
#service .top .right{float: right;width: 530px;}
#service .top .right p{font-size: 16px;line-height: 25px;margin-bottom: 15px;color: #666;}
#service .top .right a{font-size: 16px;padding:10px 30px;background-color: #cba571;color: #fff;display: inline-block;border: 1px solid transparent;}
#service .top .right a:hover{background-color: transparent;color: #cba571;border: 1px solid #cba571;}


#service .show img,#service .hide img{width: auto;height: 50px;}
#service .show img{margin:0 auto;margin-bottom: 20px;display: block;}
#service .hide img{display: inline-block;margin-right: 10px;}

#service .bottom{display: flex;}
#service .bottom .flex-box{flex:1;padding:20px;height: 524px;position: relative;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;
background-repeat: no-repeat;background-size: cover;background-position: center;}
#service .bottom .flex-box *{color: #fff;}
#service .bottom .flex-box:hover{flex:2.5}

#service .bottom .flex-box .img-back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

#service .bottom .flex-box div{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#service .bottom .flex-box .show{position: absolute;top: 35px;left:0;padding:0 20px;text-align: center;opacity: 1;width: 100%;text-align: center;}
#service .bottom .flex-box .hide{position: absolute;top: 0;padding:35px 20px;opacity: 0;background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;}

#service .bottom .flex-box:hover .show{opacity: 0;}
#service .bottom .flex-box:hover .hide{opacity: 1;}

#service .bottom .flex-box b{font-size: 18px;line-height: 22px;}
#service .bottom .flex-box p{font-size: 16px;line-height: 24px;}

#service .bottom .flex-box .hide p{margin-top: 25px;}

#service .bottom .flex-box .hide b{position: relative;/*top: -20px;*/}

#service .bottom-slide{display: none;}
@media (max-width:1500px){
    #service .top .left{font-size: 30px;line-height: 35px;width: 500px;}
    #service .top .right{width: 500px;}
    #service .top .right p{font-size: 15px;line-height: 21px;}

    #service .bottom .flex-box{height: 420px;}

    #service .bottom .flex-box b{font-size: 16px;line-height: 21px;}
    #service .bottom .flex-box p {font-size: 14px;line-height: 22px;}
}


@media (max-width:1100px){
    #service{padding:35px 0;}
    #service .bottom{min-width: 1000px;overflow: hidden;overflow-x: auto;}
    #service .bottom .flex-box .img-back{opacity: 1;}

    #service .top .left{width: 100%;font-size: 22px;line-height: 26px;}



    #service .top .right{width: 100%;margin-top: 15px;}
    #service .top .right p{font-size: 14px;line-height: 19px;}
    
    #service .bottom{display: none;}
    #service .bottom-slide{display: block}

    #service .bottom-slide{display: block;overflow: hidden;}
    #service .bottom-slide .flex-box{float: left;width: 100%;height: 450px;}

    #service .hide *{color: #fff;}
    #service .img-back{height: 100%;}
    #service .hide img {height: 35px;}
    
    #service .bottom-slide .flex-box b {font-size: 14px;line-height: 19px;position: relative;top: 0px;}
    #service .bottom-slide .flex-box p{font-size: 14px;line-height: 19px;}

    #service .bottom-slide .flex-box .hide{padding: 15px;opacity: 1;width: 100%;}

    #service .bottom-slide .swiper-pagination-bullet{background-color: transparent;border: 2px solid #fff;width: 8px;height: 8px;opacity: 1;}
    #service .bottom-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
}

/* @media (max-width:1100px){
    #service{padding:35px 0;}

    #service .top .left{width: 100%;margin-bottom: 20px;}
    #service .top .right{width: 100%;}

    #service .bottom{display: block;overflow: hidden;}
    #service .bottom .flex-box{float: left;width: 50%;height: 240px;}

    #service .show img, #service .hide img {height: 35px;}
    #service .bottom .flex-box b {font-size: 14px;line-height: 19px;}

    #service .bottom .flex-box:hover .show{opacity: 1;}
    #service .bottom .flex-box:hover .hide{opacity: 0;}
    
}

@media (max-width:768px){

    #service .top .left{font-size: 24px;line-height: 28px;}
    #service .top .right p{font-size: 14px;line-height: 18px;}
} */








#about .left{float: left;width: 50%;padding-right: 4%;}
#about .right{float: right;width: 50%;padding-top: 20px;}

#about .left h2{font-size: 40px;line-height: 40px;margin-bottom: 25px;}
#about .left .des{font-size: 16px;line-height: 25px;color: #666666;}
#about .left .num-box{display: flex;margin:50px 0;}
#about .left .num-box li{flex:1;}
#about .left .num-box li img{width: auto;height: 43px;display: block;margin-bottom: 20px;}
#about .left .num-box li b{font-size: 26px;line-height: 28px;color: #236165;}
#about .left .num-box li p{font-size: 16px;line-height: 20px;margin-top: 10px;color: #666;}
#about .left a{background-color: #cba571;color: #fff;display: inline-block;padding: 0px 15px;line-height: 30px;}
#about .left a img{position: relative;width: auto;height: 13px;display: inline-block;top: 1px;margin-left: 3px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#about .left a:hover img{margin-left: 40px;}

#about .right .img{position: relative;}
#about .right .img .swiper-container{transform: translate(-10px,-10px);}
#about .right .border-box{border: 1px solid #cba571;position: absolute;top:0;left:0;width:100%;height:100%;z-index: -1;}
#about .right img{width: 100%;}

#about .right .img .swiper-pagination-bullet{background-color: transparent;border: 2px solid #fff;width: 8px;height: 8px;opacity: 1;}
#about .right .img .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}


@media (max-width:1500px){
    #about .left h2{font-size: 30px;line-height: 35px;}
    #about .left .des{font-size: 14px;line-height: 22px;}
}


@media (max-width:1100px){
    #about{padding:35px 0;background-color: #f9f9f9;}
    #about .left {width: 100%;margin-bottom: 20px;padding-right: 0;}
    #about .right{width: 100%;}
    #about .left .num-box{gap: 10px;}
    #about .left .num-box li b{font-size: 18px;line-height: 21px;}
    #about .left .num-box li p{font-size: 14px;line-height: 18px;}
    
}

@media (max-width:768px){
    #about .left h2{font-size:24px;line-height: 30px;}
    #about .left .des{font-size: 14px;line-height: 20px;}
    #about .left .num-box li img{height: 30px;margin-bottom: 10px;}
    #about .left .num-box{margin:30px 0;flex-wrap: wrap;gap: 3.5%;}
    #about .left .num-box li{width: 31%;flex:unset;}
    #about .left .num-box li:nth-child(1){margin-bottom: 15px;}
    #about .right .img .swiper-container{transform: translate(-5px,-5px);}

    #about .left .num-box li b{font-size: 14px;line-height: 20px;}
    #about .left .num-box li p{font-size: 13px;line-height: 16px;}

    #about .left a{padding: 0px 10px;line-height: 25px;font-size: 14px;}
    #about .left a img{top:-1px;height: 10px;}
}






#manufacturer{position: relative;}
#manufacturer .swiper-prev{left: 7%;top:50%;transform: translateY(-50%);position: absolute;}
#manufacturer .swiper-next{right: 7%;top:50%;transform: translateY(-50%);position: absolute;}
#manufacturer .w1500,#manufacturer .man-box{width: 100%;}
#manufacturer h2{font-size: 40px;line-height: 40px;text-align: center;}
#manufacturer .des{text-align: center;font-size: 16px;line-height: 20px;margin:30px auto 80px}

#manufacturer .man-list{position: relative;padding-top: 40px;}
#manufacturer .man-list b{font-size: 30px;line-height: 30px;text-align: center;display: block;margin-bottom: 20px;}
#manufacturer .man-list .img img{width: 100%;}

#manufacturer .man-list .hide-box{position: absolute;top: 0%;left: 0;right:0;opacity: 0;margin:0 auto;
transition: all 0.6s ease;-webkit-transition: all 0.6s ease;width: 100%;height: 100%;
transform: scale(0.5);background-color:rgba(35, 97, 101,0.7);display: flex;align-items: center;padding:0 55px;}
#manufacturer .man-list:hover .hide-box{opacity: 1;transform: scale(1);}
#manufacturer .man-list .hide-box ul{width: 100%;}
#manufacturer .man-list .hide-box ul li a{font-size: 16px;color: #fff;display: block;margin-bottom: 10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#manufacturer .man-list .hide-box ul li a i{opacity: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;display: inline-block;margin-right: 5px;}
#manufacturer .man-list .hide-box ul li a:hover i{opacity: 1;}
#manufacturer .man-list .hide-box>a{position: absolute;left:55px;bottom:35px;background-color: #cba571;color: #fff;display: inline-block;padding: 0px 15px;line-height: 30px;font-size: 16px;}
#manufacturer .man-list .hide-box>a img{position: relative;width: auto;height: 13px;display: inline-block;top: 1px;margin-left: 3px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#manufacturer .man-list .hide-box>a:hover img{margin-left: 10px;}

.des{color: #666;}

@media (max-width:1500px){
    #manufacturer h2{font-size: 32px;line-height: 35px;}
    #manufacturer .des{font-size: 14px;line-height: 18px;}

    #manufacturer .man-list b {font-size: 24px;line-height: 26px;}
}



@media (max-width:1440px){
    #manufacturer .des{margin-bottom: 30px;}
}


@media (max-width:1100px){
    #manufacturer{padding:35px 0;}

    #manufacturer h2{font-size: 24px;line-height: 28px;text-align: left;position: relative;display: flex;align-items: center;}
    #manufacturer h2 font{position: relative;background: #fff;display: inline-block;flex: 2;}
    #manufacturer h2::after{content: "";display: block;/* position: absolute; */top:50%;transform: translateY(-50%);width: 100%;height: 1px;background-color: #296367;z-index: -1;flex: 2;}
    #manufacturer .des{font-size: 14px;line-height: 18px;margin: 20px auto;text-align: left;}

    
    #manufacturer .man-list b {font-size: 18px;line-height: 22px;}
    #manufacturer .swiper-prev{left: 2%;top: unset;transform: unset;bottom: 30%;width: 10px;}
    #manufacturer .swiper-next{right: 2%;top: unset;transform: unset;bottom: 30%;width: 10px;}

    
    #manufacturer .man-list .hide-box{padding:0 30px}
    
}

@media (max-width:768px){
    #manufacturer .man-list{padding-top: 0;}
    #manufacturer .man-list .hide-box{padding: 20px 20px;position: relative;display: block;opacity: 1;transform: scale(1);background-color: #296367;}
    #manufacturer .man-list .hide-box>a{left: 0;bottom: 0;font-size: 14px;line-height: 25px;position: relative;}
    #manufacturer .man-list .hide-box>a img{top:-1px;height: 10px;}

    #manufacturer .man-list .hide-box ul li a{font-size: 14px;}

    #manufacturer .man-list .hide-box ul li a i{display: none;}
    
}






#application{position: relative;}
#application .swiper-container{height: 100%;}

#application .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
    }
#application .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
    }	

#application .swiper-container .img-box{width: 100%;height: 100%;background-position: center;background-size: cover;padding-top: 10%;position: absolute;left: 0;top: 0;}
#application .swiper-container .img-box b{font-size: 40px;line-height: 40px;margin-bottom: 35px;color: #fff;width: 50%;display: block;}
#application .swiper-container .img-box .des{font-size: 16px;line-height: 20px;color: #fff;width: 50%;}

#application .swiper-page-list{position: absolute;display: flex;width: 100%;bottom: 0;z-index: 3;}
#application .swiper-page-list a{flex:1;font-size: 18px;padding:25px 0;line-height: 24px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;
text-align: center;color: #fff;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;}
#application .swiper-page-list a:hover,#application .swiper-page-list a.active{background-color:#296367;}


@media (max-width:1500px){
    #application .swiper-container .img-box b{font-size: 32px;line-height: 35px;margin-bottom: 35px;}
    #application .swiper-container .img-box .des{font-size: 14px;line-height: 20px;}
}


@media (max-width:1100px){
    #application .swiper-container .img-box b{font-size:24px;line-height: 30px;margin-bottom: 25px;}
    #application .swiper-container .img-box .des{font-size: 14px;line-height: 18px;width: 100%;}

    #application .swiper-page-list{position: relative;flex-wrap: wrap;}
    #application .swiper-page-list a {flex: unset;width: 50%;font-size: 14px;line-height: 21px;padding: 8px 0;}
    
}

@media (max-width:768px){
    #application .swiper-container .img-box{padding-top: 5%;}
    #application .swiper-slide img {width: auto;height: 50vh;}
    
}




#suggest{background-image: url(/wp-content/themes/Lt/assets/images/sug-back.jpg);
    background-position: center;background-size: 80% auto;background-repeat: no-repeat;position: relative;}
#suggest h2{font-size: 40px;line-height: 40px;text-align: center;}
#suggest .des{font-size: 16px;line-height: 24px;width: 800px;margin:0 auto;text-align: center;color: #909090;margin:40px auto 80px}

#suggest .sug-list{}
#suggest .sug-list>p{font-size: 20px;line-height: 28px;overflow: hidden;padding:110px 100px;min-height: 355px;
background-color: #f4f4f4;background-image: url(/wp-content/themes/Lt/assets/images/sug-list-icon.png);background-position: center 40px;background-repeat: no-repeat;}
#suggest .sug-list .user{margin:0 auto;text-align: center;margin-top: -50px;}
#suggest .sug-list .user img{width: 85px;height: 85px;border-radius: 50%;display: block;margin: 0 auto;overflow: hidden;}
#suggest .sug-list .user b{font-size: 20px;display: block;line-height: 24px;margin: 10px auto;}
#suggest .sug-list .user p{font-size: 16px;color: #909090;}

#suggest .swiper-prev{position: absolute;left: 2%;top:50%;transform: translateY(-50%);z-index: 3;}

#suggest .swiper-next{position: absolute;right: 2%;top:50%;transform: translateY(-50%);z-index: 3;}

@media (max-width:1500px){
    #suggest h2{font-size: 32px;line-height: 35px;}
    #suggest .des{font-size: 14px;line-height: 22px;margin:30px auto 30px}

    #suggest .sug-list>p {font-size: 16px;line-height: 24px;background-position: center 35px;}
}

#suggest hr{display: none;}

@media (max-width:1100px){
    #suggest {padding: 0;padding-top: 30px;}
    #suggest hr{display: block;position: relative;width: 90%;margin:20px auto;height: 40px;background-color: #fff;}
    #suggest hr::before{content: "";display: block;width: 100%;height: 1px;background-color: #aaa;position: absolute;left:0;right:0;top: 50%;transform: translateY(-50%);}
    #suggest hr::after{content: "";display: block;width: 60px;height: 40px;font-size: 15px;line-height: 20px;
    background-color: #fff;background-image: url(../images/logol.png);background-repeat: no-repeat;background-position: center;background-size: 24px;
    position: absolute;left:0;right:0;top: 0;z-index: 2;text-align: center;margin: 0 auto;border-radius: 50%;}
    
    #suggest h2{font-size: 24px;line-height: 28px; }
    #suggest .des{font-size: 14px;line-height: 18px;margin:20px auto;width: 100%;}

    #suggest .sug-list>p {font-size: 14px;line-height: 21px;padding: 60px 30px;background-position: center 20px;background-size: 30px;min-height: auto;}

    #suggest .swiper-prev{width: 10px;}
    #suggest .swiper-next{width: 10px;}

    #suggest .sug-list .user b{font-size: 18px;}
    #suggest .sug-list .user p{font-size: 14px;}

    
}

@media (max-width:768px){
    #suggest .sug-list .user img {width: 55px;height: 55px;}
    #suggest .sug-list .user{margin-top: -25px;}
    #suggest .sug-list .user b{font-size: 16px;}
    #suggest .sug-list .user p{font-size: 14px;}
    
}



#news{}
#news h2{font-size: 40px;line-height: 40px;text-align: center;}
#news .w1500>.des{font-size: 16px;line-height: 24px;width: 800px;text-align: center;color: #909090;margin:20px auto 25px}
#news .news-box {display: flex;gap: 1.5%;}
#news .news-box .news-flex:nth-child(1),
#news .news-box .news-flex:nth-child(2)
{width: 32.5%;background-color: #f6f6f6;}
#news .news-box .news-flex{width: 34%;}
#news .news-box .news-flex a{background-color: #f6f6f6;display: block;}
#news .news-box .news-flex a .con{padding:20px;}
#news .news-box .news-flex a .time{font-size: 15px;color: #666;}
#news .news-box .news-flex a b{font-size: 22px;line-height: 29px;height: 60px;display: block;margin:10px 0;overflow: hidden;}
#news .news-box .news-flex a .des{font-size: 15px;line-height: 22px;margin-bottom: 15px;height: 63px;overflow: hidden;color: #999;}

#news .news-box .news-flex a .url{background-color: transparent;color: #666;display: inline-block;background-image: url(../images/jtb-g.png);background-repeat: no-repeat;
background-position: 90% center;background-size: auto 11px;padding: 0px 15px;padding-right: 50px;line-height: 30px;font-size: 16px;border: 1px solid #999;
transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#news .news-box .news-flex a:hover .url{background-image: url(../images/jtb.png);color: #fff;background-color: #cba571;border-color: #cba571;}

#news .news-box .news-flex:nth-child(3) a{display: flex;margin-bottom: 25px;}
#news .news-box .news-flex:nth-child(3) a b{font-weight: 500;height: 80px;overflow: hidden;}
#news .news-box .news-flex:nth-child(3) a .img{width: 50%;display: flex;justify-content: center;align-items: center;}
#news .news-box .news-flex:nth-child(3) a .con{width: 50%;padding:25px 20px}
#news .news-box .news-flex:nth-child(3) a:last-child{margin-bottom: 0;}


@media(max-width:1500px){
    
#news h2{font-size: 32px;line-height: 35px;}
#news .w1500>.des{font-size: 14px;line-height: 21px;width: 500px;margin:20px auto 25px}

#news .news-box .news-flex a b{font-size: 18px;line-height: 24px;height: 45px;display: block;}
#news .news-box .news-flex a .des{font-size: 14px;line-height: 21px;margin-bottom: 15px;height: 60px;}


#news .news-box .news-flex:nth-child(3) a b{font-weight: 500;height: 67px;overflow: hidden;}
#news .news-box .news-flex:nth-child(3) a .con{padding:15px}
#news .news-box .news-flex a .url{font-size: 14px;}
}

@media(max-width:1100px){
    #news{padding:35px 0}

    #news h2{font-size: 24px;line-height: 28px;}
    #news .w1500>.des{font-size: 14px;line-height: 18px;width: 100%}

    #news .news-box {width: 100%;flex-wrap: wrap;gap: 1%;}
    #news .news-box .news-flex{margin-bottom: 20px;width: 100%;flex: unset;}
    #news .news-box .news-flex:nth-child(1), #news .news-box .news-flex:nth-child(2){
        width: 49%;
    }

    
}


@media(max-width:768px){
    #news .news-box {width: 100%;display: block;}
    #news .news-box .news-flex{margin-bottom: 20px;width: 100%;}
    #news .news-box .news-flex:nth-child(1), #news .news-box .news-flex:nth-child(2){
        width: 100%;
    }
    #news .news-box .news-flex:nth-child(2){display: none;}
    #news .news-box .news-flex a .des{font-size: 14px;line-height: 17px;height: 50px;}

    #news .news-box .news-flex a b {font-size: 14px;line-height: 19px;height: auto;margin:5px 0;}
    #news .news-box .news-flex a .time{font-size: 13px;}
    #news .news-box .news-flex:nth-child(3) a .con{width: 55%;}
    #news .news-box .news-flex:nth-child(3) a b{height: 55px;}
}