@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;}
/*footer**/

/**/

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

/*common-font*/
h1{font-size: 45px;}
h2{font-size: 40px;}
h3{font-size: 35px;}
hr{background-color: #0c4098;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: 45px;text-transform: capitalize;}
#page_banner p{width: 510px;margin: 15px 0;font-size: 16px;line-height: 20px;}
#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:#0c4098;}
.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: #0c4098;color: #fff;outline: 1px solid #0c4098;}

/*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: #0c4098;color: #fff;outline: 1px solid #0c4098;}
#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: #0c4098;border-color: #236165;color: #fff;}


/*common-pages*/
#pages nav{width: 100%;text-align: center;float: unset;margin-right: unset;align-content: unset;}
#pages a,#pages span{display: inline-block;width: 20px;line-height: 20px;height: 20px;margin: 0 5px;border: 1px solid #ccc;color: #666;}
#pages span{color: #fa4616;position: relative;top: 1px;}
#pages a:hover{color: #fa4616;}
#pages a.next,#pages a.prev{display: inline-block;width: 100px;line-height: 22px;height: 22px;font-size: 12px;}
#pages a.next:hover,#pages a.prev:hover{color: #fa4616;}

#pages a.prev .fa-angle-left::before{content:"Prev"}
#pages a.next .fa-angle-right::before{content:"Next"}


/*media*/

/*media1540*/
@media (max-width: 1540px) {
    .w1840{padding: 0 20px;}
    header .w1840{}
    
    .w1500{padding: 0 30px;}
    
    h1{font-size: 35px;}
    h2{font-size: 30px;}
    h3{font-size: 28px;}
    .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: 28px;}
    h3{font-size: 24px;}
    .font14{font-size: 12px;line-height: 21px;}
    .font16{font-size: 14px;line-height: 22px;}
    .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%;}
    /**/

    #page_banner{height: 200px;}
    #page_banner h1,#page_banner p{width: 100%;}

    #page_banner h1{font-size: 24px;}
    #page_banner p{font-size: 14px;}
    
    
}

/*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;}}





/*banner*/
/* #banner_top{height: 100vh;} */
#banner_top .swiper-pagination-bullet{background: #fff;opacity: 0.8;width: 10px;height: 10px;}
#banner_top .swiper-pagination-bullet-active{background: #0c4098;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 .swiper-container {width: 100%;height: 100%;}
#banner_top .img_box {position: absolute;top:0;left:0;width: 100%;height: 100%;display: flex;align-items: center;}
#banner_top .img_box .bannercon{/* position: absolute; */left: 0;right: 0;top:0;/* height: 100%; */}
#banner_top .img_box .bantit *{color: #fff;}
#banner_top .img_box .bantit{color: #fff;}
#banner_top .img_box .bantit h1{display: inline-block;}
#banner_top .img_box .bantit span{background-color:#fa4616;display: inline-block;border-radius: 15px;font-size: 16px;line-height: 30px;padding:0 20px;margin-left: 10px;transform: translateY(-8px);}
#banner_top .img_box .bandes{font-size: 18px;line-height: 24px;margin-top: 20px;margin-bottom: 45px;width: 500px;font-weight: 200;color: #fff;}
#banner_top .img_box 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: 16px;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 .img_box a:hover{background-color: #0c4098;border-color: #0c4098;}
#banner_top .img_box .img{margin-bottom: 70px;}
#banner_top .img_box .img img{width: auto;}

#banner_top .swiper-slide>img{min-width: 1100px;}

@media (max-width:1540px){

    #banner_top .img_box .bantit h1{}
    #banner_top .img_box .bantit span{font-size: 14px;line-height: 25px;}
    #banner_top .img_box .bandes{font-size: 16px;line-height: 22px;margin-bottom: 80px;}
    #banner_top .img_box .img img{width: 300px;margin-bottom: 40px;}
    #banner_top .img_box a{line-height: 40px;height: 40px;font-size: 14px;}

}


@media (max-width:1200px) {
    
    #banner_top .img_box .bantit span{font-size: 13px;line-height: 22px;}
    #banner_top .img_box .bandes{font-size: 14px;line-height: 20px;margin-bottom: 40px;width: 100%}
    #banner_top .img_box .img img{width: 270px;margin-bottom: 30px;}
    #banner_top .img_box a{line-height: 35px;height: 35px;font-size: 14px;}
}

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

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

    #banner_top .img_box .banner_con hr{height: 3px;margin: 10px 0 30px;}
    #banner_top .img_box .banner_con p{font-size: 13px;line-height: 17px;margin-bottom: 50px;width: 500px;}
    #banner_top .img_box .banner_con a{line-height: 30px;height: 30px;font-size: 12px;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 30px;}

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

    #banner_top .img_box .bantit span {
        font-size: 13px;
        line-height: 22px;
        width: 120px;
        text-align: center;
        display: block;
        margin-top: 20px;
        margin-left: 0;
    }
}

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



/*#cust*/

#cust-index{padding:60px 0 80px}
#cust-index .title{overflow: hidden;margin-bottom: 55px;}
#cust-index .title .left{float: left;width: 610px;}
#cust-index .title .left span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;margin-bottom: 25px;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#cust-index .title .left h1{}

#cust-index .title .right{float:right;width: 720px;}
#cust-index .title .des{font-size: 16px;line-height: 21px;color: #666;margin-top: 60px;}



#cust-index .cust-box{display: flex;gap: 30px;}
#cust-index .cust-box .cust-img{width: 410px;}
#cust-index .cust-box .cust-con{width: 1060px;display: flex;flex-wrap: wrap;}
#cust-index .cust-box .cust-con li{width: 33.3%;padding:0 17px 95px;position: relative;}
#cust-index .cust-box .cust-con li .img{display: block;width: 60px;height: 60px;border-radius: 5px;position: absolute;left: 15px;bottom: 30px;
background-color: #e5e5e5;background-repeat: no-repeat;background-position: center;}

#cust-index .cust-box .cust-con li:nth-child(1),
#cust-index .cust-box .cust-con li:nth-child(2){
    border-right: 1px solid #eee;
}

#cust-index .cust-box .cust-con li:nth-child(1),
#cust-index .cust-box .cust-con li:nth-child(2),
#cust-index .cust-box .cust-con li:nth-child(3){
    border-bottom: 1px solid #eee;
}

#cust-index .cust-box .cust-con li:nth-child(4),
#cust-index .cust-box .cust-con li:nth-child(5){
    border-right: 1px solid #eee;
}

#cust-index .cust-box .cust-con li:nth-child(4),
#cust-index .cust-box .cust-con li:nth-child(5),
#cust-index .cust-box .cust-con li:nth-child(6){
    padding-top: 40px;
}

#cust-index .cust-box .cust-con li:nth-child(1) .img{background-image: url(../images/custi1.png);}
#cust-index .cust-box .cust-con li:nth-child(2) .img{background-image: url(../images/custi2.png);}
#cust-index .cust-box .cust-con li:nth-child(3) .img{background-image: url(../images/custi3.png);}
#cust-index .cust-box .cust-con li:nth-child(4) .img{background-image: url(../images/custi4.png);}
#cust-index .cust-box .cust-con li:nth-child(5) .img{background-image: url(../images/custi5.png);}
#cust-index .cust-box .cust-con li:nth-child(6) .img{background-image: url(../images/custi6.png);}

#cust-index .cust-box .cust-con li .img{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#cust-index .cust-box .cust-con li:hover .img{background-color: #0c4098;}
#cust-index .cust-box .cust-con li:hover:nth-child(1) .img{background-image: url(../images/custi11.png);}
#cust-index .cust-box .cust-con li:hover:nth-child(2) .img{background-image: url(../images/custi22.png);}
#cust-index .cust-box .cust-con li:hover:nth-child(3) .img{background-image: url(../images/custi33.png);}
#cust-index .cust-box .cust-con li:hover:nth-child(4) .img{background-image: url(../images/custi44.png);}
#cust-index .cust-box .cust-con li:hover:nth-child(5) .img{background-image: url(../images/custi55.png);}
#cust-index .cust-box .cust-con li:hover:nth-child(6) .img{background-image: url(../images/custi66.png);}


#cust-index .cust-box .cust-con li b{font-size: 22px;line-height: 24px;display: block;margin-bottom: 15px;}
#cust-index .cust-box .cust-con li p{font-size: 16px;line-height: 21px;color: #666;}

/*cust-media*/


@media(max-width:1540px){
    #cust-index .title .left{width: 46%;}
    #cust-index .title .right{width: 50%;}
}

@media(max-width:1100px){
    #cust-index{padding:35px 0;}
    #cust-index .title{margin-bottom: 20px;}
    #cust-index .title .left{width: 100%;margin-bottom: 20px;}
    #cust-index .title .right{width: 100%;margin-top: 0;}

    #cust-index .cust-box{display: block;}
    #cust-index .cust-box .cust-img {width: 100%;height: 140px;margin: 0 auto;display: flex;align-items: center;margin-bottom: 20px;overflow: hidden;}
    #cust-index .cust-box .cust-con{width: 100%;}
}

@media(max-width:768px){
    #cust-index .cust-box .cust-con li{width: 50%;border: 0 !important;}
    #cust-index .cust-box .cust-con li:nth-child(3),
    #cust-index .cust-box .cust-con li:nth-child(4){border-top: 1px solid #eee !important;border-bottom: 1px solid #eee !important;}
    #cust-index .cust-box .cust-con li:nth-child(3), 
    #cust-index .cust-box .cust-con li:nth-child(4), 
    #cust-index .cust-box .cust-con li:nth-child(5), 
    #cust-index .cust-box .cust-con li:nth-child(6){
        padding-top: 25px;
    }
}


@media(max-width:500px){
    #cust-index .cust-box .cust-con li{border:0 !important;border-top: 1px solid #eee !important;width: 100%;padding-top: 25px;}
    #cust-index .cust-box .cust-con li:nth-child(1){border-top: 0 !important;}
    #cust-index .cust-box .cust-con li:nth-child(1),
    #cust-index .cust-box .cust-con li:nth-child(3),
    #cust-index .cust-box .cust-con li:nth-child(5){border-right: 0 !important;}
}



/*#product-index*/

#product_index{padding:70px 0;}
#product_index .title{margin-bottom: 60px;text-align: center;}
#product_index .title span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#product_index .title h1{margin:20px 0}
#product_index .title .des{font-size: 16px;line-height: 21px;color: #666;}


#product_index ul{display: flex;gap:1%;overflow: hidden;}
#product_index ul li:nth-child(1){flex:50.5% 0;position: relative;}
#product_index ul li:nth-child(1) .con{position: absolute;top:25px;left:30px;}
#product_index ul li .con a{font-size: 14px;background-color: #fa4616;color: #fff;padding:0 15px;line-height: 30px;display: inline-block;
background-position: 80% center;background-image: url(../images/jtban.png);background-repeat: no-repeat;width: 140px;opacity: 0;transform: translateY(20px);
transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}
#product_index ul li:nth-child(1):hover a{opacity: 1;transform: translateY(0);}
#product_index ul li .con b{font-size: 26px;line-height: 27px;display: block;}
#product_index ul li:nth-child(1) .con b{margin-bottom: 25px;color: #fff;}
#product_index ul li:nth-child(2){flex:0 51.7%;display: flex;flex-wrap: wrap;gap:2%;}
#product_index ul li:nth-child(2) .pro-small:nth-child(1){flex:49% 0;margin-bottom: 2%;}
#product_index ul li:nth-child(2) .pro-small:nth-child(2){flex:0 49%}
#product_index ul li:nth-child(2) .pro-small:nth-child(3){flex:49% 0;top: -2%;}
#product_index ul li:nth-child(2) .pro-small:nth-child(4){flex:0 49%;top: -15%;}


#product_index ul li:nth-child(2) .pro-small:hover a{opacity: 1;transform: translateY(0);}

#product_index ul li:nth-child(2) .pro-small{position: relative;}
#product_index ul li:nth-child(2) .pro-small .con{position: absolute;top:20px;left:20px;}
#product_index ul li:nth-child(2) .pro-small .con b{margin-bottom: 15px;}

#product_index .nav-url{text-align: center;}

#product_index .nav-url a{width: 315px;height: 50px;border: 1px solid;line-height: 49px;display: inline-block;margin:0 15px;font-size: 18px;
border-radius: 30px;}
#product_index .nav-url a:nth-child(1){border-color: #fa4616;background-color: #fa4616;color: #fff;}
#product_index .nav-url a:nth-child(2){border-color: #999;color: #999;}
#product_index .nav-url a:nth-child(2):hover{border-color: #0c4098;color: #fff;background-color: #0c4098;}

/*product-media*/



@media(max-width:1540px){
    #product_index ul li .con b{font-size: 20px;line-height: 24px;}
    #product_index ul li .con a{font-size: 13px;}
}

@media(max-width:1100px){
    #product_index{padding:30px 0;}
    #product_index .title{margin-bottom: 20px;}
    #product_index ul li .con b{font-size: 18px;line-height: 22px;}
    #product_index ul li .con a{font-size: 12px;}
}

@media(max-width:900px){
    #product_index ul{flex-wrap: wrap;}
    #product_index ul li:nth-child(1){flex: unset;width: 100%;margin-bottom: 2%;}
    #product_index ul li:nth-child(2){flex: unset;width: 100%;}
}

@media(max-width:768px){
    #product_index ul li:nth-child(2){display: block;}
    #product_index ul li:nth-child(2) .pro-small:nth-child(2){margin-bottom: 2%;}
    #product_index ul li:nth-child(2) .pro-small:nth-child(3){top: 0;margin-bottom: 2%;}
    #product_index ul li:nth-child(2) .pro-small:nth-child(4){top: 0;}

    #product_index .nav-url{margin-top: 20px;}
    #product_index .nav-url a{display: block;width: 100%;font-size: 14px;height: 30px;line-height: 30px;margin:0;margin-top: 10px;}
}






/*#product_hot*/
#product_hot{background-image: url(../images/pro-back.webp);padding:100px 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
#product_hot span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#product_hot h1{margin:20px 0;color: #fff;}
#product_hot .des{font-size: 16px;line-height: 21px;color: #fff;width: 50%;margin-bottom: 50px;}
#product_hot .left a{font-size: 16px;color: #fff;opacity: 0.6;}
#product_hot .left a img{display: inline-block; margin-left: 10px;transform: translateY(-2px);width: auto;}
#product_hot .left a:hover{opacity: 1;}

#product_hot .left .swi-btn-box{display: inline-block;margin-left: 30px;}
#product_hot .left .swi-btn-box .swiper-prev,
#product_hot .left .swi-btn-box .swiper-next{
    background-color: transparent;
    border:1px solid #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}
#product_hot .left .swi-btn-box .swiper-prev:hover,
#product_hot .left .swi-btn-box .swiper-next:hover{
    background-color: #fff;
    opacity: 1;
}


#product_hot .pro-swi{margin-top: 100px;}
#product_hot .pro-swi .swiper-container{overflow: unset;transform: translateX(calc(100% - 1500px));}
#product_hot .pro-swi a{display: block;background-color: #1d1d1f;overflow: hidden;}
#product_hot .pro-swi a .con{position: relative;;bottom: -51px;margin-top: -51px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#product_hot .pro-swi a:hover .con{bottom: 0px;}
#product_hot .pro-swi a span,
#product_hot .pro-swi a p,
#product_hot .pro-swi a .url{font-size: 18px;padding:0 20px;}
#product_hot .pro-swi a span{color: #fa4616;display: inline-block;background-color: unset;}
#product_hot .pro-swi a p{color: #999;height: 41px;line-height: 22px;overflow: hidden;}
#product_hot .pro-swi a b{font-size: 24px;line-height: 27px;padding:0 20px;margin:15px 0;display: block;color: #fff;height: 52px;overflow: hidden;}
#product_hot .pro-swi a .url{background-color: #0c4098;color: #fff;height: 51px;line-height: 51px;text-align: center;margin-top: 60px;}

/*product_hot_media*/
@media(max-width:1540px){
    #product_hot .pro-swi .swiper-container{overflow: unset;transform: translateX(0px);}
}

@media(max-width:1100px){
#product_hot{padding:30px 0;}
#product_hot .pro-swi{margin-top: 35px;}
#product_hot .pro-swi a .con {bottom: -41px;margin-top: -41px;}
#product_hot .pro-swi a span,
#product_hot .pro-swi a p,
#product_hot .pro-swi a .url{font-size: 14px;padding:0 20px;}
#product_hot .pro-swi a p{height: 38px;line-height: 19px;font-size: 14px;}
#product_hot .pro-swi a b{font-size: 18px;line-height: 23px;padding:0 20px;margin:15px 0;height: 44px;}
#product_hot .pro-swi a .url{height: 35px;line-height: 35px;margin-top: 40px;}
}

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

@media(max-width:768px){
    #product_hot .des{width: 100%;}
    #product_hot .pro-swi a .con {bottom: 0;margin-top: 0px;}
    #product_hot .pro-swi a span,
    #product_hot .pro-swi a p,
    #product_hot .pro-swi a .url{font-size: 13px;padding:0 15px;}
    #product_hot .pro-swi a p{height: 32px;line-height: 16px;font-size: 13px;}
    #product_hot .pro-swi a b{font-size: 16px;line-height: 22px;padding:0 15px;margin:10px 0;height: 40px;}
    #product_hot .pro-swi a .url{height: 30px;line-height: 30px;margin-top: 15px;}
}




/*#why*/
#why{background-color: #f2f2f2;padding:170px 0  100px;overflow: hidden;}

#why .left{float: left;width: 48%;display: flex;gap: 20px;}
#why .left img{width: auto;}
#why .left img:nth-child(1){width: 45%;}
#why .left img:nth-child(2){position: relative;top: -100px;width: 53%;}


#why .right{float: right;width: 49%;padding-right: 70px;}
#why .right span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#why .right h1{margin:30px 0;}
#why .right .des{font-size: 16px;line-height: 21px;margin-bottom: 40px;}
#why .right ul{float: right;width: 120%;background-color: #0c4098;padding:40px 50px;position: relative;display: flex;flex-wrap: wrap;}
#why .right ul li{color: #fff;padding-left: 30px;padding-right: 8px;margin-top: 45px;font-size: 20px;line-height: 30px;/* height: 30px; */width: 50%;background-image: url(../images/li-icon.webp);background-repeat: no-repeat;background-position: left 5px;}
#why .right ul li:nth-child(1),
#why .right ul li:nth-child(2){margin-top: 0;}

/*#why media*/
@media(max-width:1540px){
    #why .right ul{padding:20px 30px}
    #why .right ul li{margin-top: 35px;font-size: 18px;line-height: 25px;background-position: left 3px;}

}

@media(max-width:1100px){
    #why{padding:30px 0}
    #why .left{width: 100%;margin-bottom: 20px;}
    #why .left img:nth-child(2){top: -20px;}
    #why .right{width: 100%;padding-right: 0;}
    #why .right ul{width: 100%;padding:15px}
    #why .right ul li{margin-top: 15px;font-size: 16px;line-height: 22px;background-position: left 2px;}
}

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

@media(max-width:768px){
    #why .right ul li{font-size: 13px;line-height: 18px;}
}



#adv{background-image: url(../images/series-back.webp);background-position: center;background-size: cover;padding-top: 50px;}
#adv span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#adv h1{margin:20px 0;color: #fff;width: 50%;}
#adv .des{font-size: 16px;line-height: 21px;color: #fff;width: 50%;margin-bottom: 50px;}
#adv .left a{font-size: 16px;color: #fff;opacity: 0.6;}
#adv .left a img{display: inline-block; margin-left: 10px;transform: translateY(-2px);width: auto;}
#adv .left a:hover{opacity: 1;}

#adv .left .swi-btn-box{display: inline-block;margin-left: 30px;}
#adv .left .swi-btn-box .swiper-prev,
#adv .left .swi-btn-box .swiper-next{
    background-color: transparent;
    border:1px solid #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}
#adv .left .swi-btn-box .swiper-prev:hover,
#adv .left .swi-btn-box .swiper-next:hover{
    background-color: #fff;
    opacity: 1;
}

#adv .adv-box{display: none;margin-top: 100px;}
#adv .adv-box.active{display: flex;}
#adv .adv-box li{width: 25%;position: relative;}
#adv .adv-box li .con{position: absolute;bottom:0;left:0;width:100%;padding:0 65px;padding-bottom: 40px;z-index: 333;
transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
#adv .adv-box li .con b{font-size: 30px;}
#adv .adv-box li .con p{font-size: 16px;line-height: 24px;margin:50px 0 30px}
#adv .adv-box li .con a{font-size: 14px;}
#adv .adv-box li .show{overflow: hidden;}
#adv .adv-box li .show .con *{color: #fff;}
#adv .adv-box li .show::after{content:"";display: block;position: absolute;left: 0;top:0;width:100%;height:100%;opacity: 0.5;background-color: #0c4098;}
#adv .adv-box li .hide{position: absolute;bottom:0;left:0;width:100%;height:100%;transform: scale(1.1);z-index: 1;overflow: hidden;}
#adv .adv-box li .hide .transbox{transform: translateX(-100%);transition: all 0.4s ease;-webkit-transition: all 0.4s ease;position: relative;opacity: 0;}
#adv .adv-box li:hover .transbox{transform: translateX(0);opacity: 1;}
#adv .adv-box li:hover .con{transform: translateY(15%);}
#adv .adv-box li:hover .con b{color: #0c4098;}
#adv .adv-box li:hover .con p{color: #000;}
#adv .adv-box li:nth-child(1):hover .con p,
#adv .adv-box li:nth-child(4):hover .con p
{color: #fff;}
#adv .adv-box li:hover .con a{color: #fa4616;}


/*media #adv*/
@media(max-width:1540px){
    #adv .adv-box li .con b{font-size: 24px;}
    #adv .adv-box li .con p{font-size: 14px;line-height: 22px;margin: 30px 0 25px;}
    #adv .adv-box li .con{padding: 0 35px;padding-bottom: 25px;}

}

@media(max-width:1100px){
    #adv{padding:30px 0 0}
    #adv h1{width: 100%;}
    #adv .adv-box{margin-top: 30px;flex-wrap: wrap;}
    #adv .adv-box li{width: 50%;}
    #adv .adv-box li .con{padding: 0 20px;padding-bottom: 20px;}
    #adv .adv-box li .con a{color: #fa4616;}
    #adv .adv-box li:hover .con{transform: unset;}
    #adv .adv-box li:hover .transbox{transform: unset;opacity: 0;}
    #adv .adv-box li:hover .con b{color: #fff;}
    #adv .adv-box li:hover .con p{color: #fff;}
    #adv .adv-box li:hover .con a{color: #fa4616;}

    
    #adv .adv-box li .con b{font-size: 20px;}
    #adv .adv-box li .con p{font-size: 13px;line-height: 20px;margin: 20px 0 20px;}

}

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

@media(max-width:768px){
    #adv .adv-box li .con b{font-size: 18px;}
    #adv .adv-box li .con p{font-size: 12px;line-height: 15px;margin: 15px 0;}
}


@media(max-width:500px){
    #adv .adv-box li{width: 100%;}
    #adv .adv-box li .con{padding-top:15px}

}


/*#service*/
#service{padding:80px 0}

#service .title{overflow: hidden;margin-bottom: 55px;}
#service .title{float: left;width: 40%;}
#service .title span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;margin-bottom: 25px;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}

#service .des{font-size: 16px;line-height: 21px;color: #666;margin-top: 60px;float:left;width: 60%;}

#service .service-box{display: flex;gap: 5%;}
#service .service-box .img{width: 38%;}
#service .service-box .con{width: 65%;display: flex;flex-wrap: wrap;position: relative;}
#service .service-box .con::before{content:"";display: block;width: 100%;height: 1px;background-color: #eee;position: absolute;top: 50%;transform: translateY(-50%);}
#service .service-box .con::after{content:"";display: block;width: 1px;height: 100%;background-color: #eee;position: absolute;left: 50%;transform: translateX(-50%);}
#service .service-box .con li{width: 50%;}

#service .service-box .con li:nth-child(1){padding-right: 30px;padding-bottom: 25px;}
#service .service-box .con li:nth-child(2){padding-left: 30px;padding-bottom: 25px;}
#service .service-box .con li:nth-child(3){padding-right: 30px;padding-top: 25px;}
#service .service-box .con li:nth-child(4){padding-left: 30px;padding-top: 25px;}

#service .service-box .con li img{height: 45px;width: auto;margin-bottom: 15px;}
#service .service-box .con li b{font-size: 30px;color: #0c4098;}
#service .service-box .con li p{font-size: 16px;line-height:20px;color: #999;margin:20px 0 25px}
#service .service-box .con li a{font-size: 14px;color: #999;}
#service .service-box .con li a:hover{color: #fa4616;}

#service .num-box{margin-top: 65px;display: flex;}
#service .num-box li{padding-left: 20px;}
#service .num-box li:nth-child(1){width: 25%;}
#service .num-box li:nth-child(2){width: 30%;}
#service .num-box li:nth-child(3){width: 30%;}
#service .num-box li:nth-child(4){width: 15%;}
#service .num-box b{font-size: 60px;color: #0c4098;}
#service .num-box p{font-size: 16px;margin-top: 8px;}

/*@media #service*/

@media(max-width:1540px){
    
    #service .service-box .con li b{font-size: 26px;}
    #service .service-box .con li p{font-size: 15px;line-height: 19px;}

    #service .num-box b{font-size: 50px;}
}

@media(max-width:1280px){
    #service .service-box .con li img{height: 35px;}
    #service .service-box .con li b{font-size: 22px;}
    #service .service-box .con li p{font-size: 14px;line-height: 17px;}

    
    #service .num-box b{font-size: 40px;}

}

@media(max-width:1100px){
    #service{padding:35px 0}
    #service .service-box{flex-wrap: wrap;}
    #service .service-box .img{width: 100%;align-items: center;margin-bottom: 20px;overflow: hidden;display: flex;}
    #service .service-box .con{width: 100%;}

    #service .title{width: 100%;margin-bottom: 20px;}
    #service .des{width: 100%;margin-top: 0;margin-bottom: 15px;}

    #service .num-box{flex-wrap: wrap;margin-top: 0;}
    #service .num-box b{font-size: 30px;}
    #service .num-box p{font-size: 14px;}
    #service .num-box li{width: 50% !important;margin-top: 15px;}

}

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

@media(max-width:768px){
    #service .service-box .con::before,
    #service .service-box .con::after{display: none;}
    #service .service-box .con li{width: 100%;padding: 0 !important;padding:15px !important;}
}


@media(max-width:500px){
    

}


/*#fact*/
#fact{background-image: url("../images/fact-back.webp");background-repeat: no-repeat;background-size: cover;padding:150px 0 100px}

#fact .title{overflow: hidden;margin-bottom: 65px;}
#fact .title{float: left;width: calc(100% - 500px);}
#fact .title span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;margin-bottom: 25px;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#fact .title h1{color: #fff;}
#fact .des{font-size: 16px;line-height: 21px;color: #fff;margin-top: 20px;}

#fact .right{float: right;transform: translateY(115px);}
#fact .right a{display: inline-block;margin-left: 10px;padding:0 25px;font-size: 16px;line-height: 35px;height: 35px;outline: 1px solid #fff;color: #fff;opacity: 0.8;}
#fact .right a:hover,#fact .right a.active{opacity: 1;background-color: #fa4616;outline: 1px solid #fa4616;}

#fact .fact-swi{}
#fact .fact-box li{display: none;}
#fact .fact-box li.active{display: block;}

#fact .fact-box li .slide-box{position: relative;}
#fact .fact-box li .slide-box p{position: absolute;bottom:0;left:0;text-align: center;
width: 100%;font-size: 16px;line-height: 24px;padding:22px 10px;color: #fff;background-color: rgba(0,0,0,0.3);}


/*@media #fact*/

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

@media(max-width:1280px){
    

}

@media(max-width:1100px){
    #fact{padding:30px 0}

    #fact .title{width: 100%;margin-bottom: 0;}
    #fact .right{width: 100%;margin: 20px 0;transform: unset;}

    #fact .right a{margin-left: 0px;margin-right: 10px;padding:0 20px;font-size: 13px;line-height: 30px;height: 30px;margin-bottom: 10px;}
    #fact .fact-box li .slide-box p{font-size: 13px;line-height: 17px;padding: 10px 4px;}
}

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

@media(max-width:768px){
    #banner_top{margin-top:50px;}
}


@media(max-width:500px){
    

}



#news{padding:80px 0;}

#news .title{margin-bottom: 60px;text-align: center;}
#news .title span{font-size: 16px;line-height: 35px;padding:0 20px;border-radius: 15px;display: inline-block;
color: #fa4616;background-color: rgba(250, 70, 22,0.2);}
#news .title h1{margin:20px 0}
#news .title .des{font-size: 16px;line-height: 21px;color: #666;}

#news .news-box{display: flex;gap: 30px;margin-top: 80px;}
#news .news-left{width: 1100px;display: flex;flex-wrap: wrap;gap: 30px;}
#news .news-left .news-list{width: 31.3%;}
#news .news-left .news-list:nth-child(1){width: 100%;}
#news .news-left .news-list:nth-child(1) a{width: 100%;display: flex;flex-wrap: wrap;}
#news .news-left .news-list .img{display: flex;justify-content: center;align-items: center;}
#news .news-left .news-list:nth-child(1) .img{max-height: 450px;}
#news .news-left .news-list:nth-child(1) .news-img{width: 65.5%;}
#news .news-left .news-list:nth-child(1) .con{width: 34.5%;padding:22px 30px;padding-right: 0;}


#news .news-left .news-list img{height: 226px;width: auto;}
#news .news-left .news-list:nth-child(1) img{height: auto;width: 100%;}
#news .news-left .news-list span{font-size: 16px;display: block;margin-top: 25px;color: #0c4098;}
#news .news-left .news-list:nth-child(1) span{margin-top: 0px;}
#news .news-left .news-list b{font-size: 20px;line-height: 24px;display: block;margin:20px 0;}
#news .news-left .news-list:nth-child(1) b{font-size: 30px;line-height: 33px;}
#news .news-left .news-list p{font-size: 16px;line-height: 22px;color: #666;}
#news .news-left .news-list .time{font-size: 16px;color: #999;}
#news .news-left .news-list:nth-child(1) .time{margin-top: 50px;}

#news .news-right{width: calc(100% - 1100px);background-color: #f6f6f6;padding:20px 25px;}

#news .news-right>b{font-size: 22px;float: left;font-weight: bold;}
#news .news-right>a{font-size: 16px;color: #666;float: right;}
#news .news-right ul{margin-top: 15px;padding-top: 35px;border-top: 1px solid #eee;}
#news .news-right li{margin-top: 20px;}
#news .news-right li:nth-child(1){margin-top: 0;}
#news .news-right li a b{font-size: 18px;line-height: 20px;height: 39px;overflow: hidden;display: block;}
#news .news-right li a p{font-size: 16px;line-height: 19.5px;height: 58px;overflow: hidden;color: #666;margin-top: 7px;}

@media(max-width:1540px){
    #news .news-left {width: 68%;gap: 30px;}
    #news .news-left .news-list{width: 30%;}

    #news .news-left .news-list b{font-size: 18px;line-height: 22px;}
    #news .news-left .news-list:nth-child(1) b{font-size: 24px;line-height: 28px;}
    #news .news-left .news-list p{font-size: 15px;line-height: 19px;}

    #news .news-right{width: 30%;}

    #news .news-right li a b{font-size: 17px;line-height: 20px;height: 39px;overflow: hidden;display: block;}
    #news .news-right li a p{font-size: 15px;line-height: 18px;height: 53px;overflow: hidden;color: #666;margin-top: 7px;}
}

@media(max-width:1100px){
    #news{padding:35px 0;}
    #news .title{margin-bottom: 20px;}
    #news .news-box {flex-wrap: wrap;margin-top: 0;}
    #news .news-left{width: 100%;gap: 5%;}
    #news .news-right{width: 100%;}
    #news .news-left .news-list img{height: 130px;}

    #news .news-left .news-list:nth-child(1){margin-bottom: 20px;}
    

    
}


@media(max-width:768px){
    #news .news-left .news-list:nth-child(1) .img{width: 100%;}
    #news .news-left .news-list:nth-child(1) .con{width: 100%;padding-left: 0;}

    
    #news .news-left .news-list{width: 100%;margin-top: 15px;}
    #news .news-left .news-list:nth-child(1){margin-bottom: 0;margin-top: 0;}
    #news .news-left .news-list:nth-child(1) .time{margin-top: 20px;}
    #news .news-left .news-list b{font-size: 14px;line-height: 18px;overflow: hidden;height: auto;margin:10px 0;}
    #news .news-left .news-list img{height: auto;width: 100%;}

    #news .news-left .news-list span{margin-top: 10px;}
    #news .news-left .news-list span,#news .news-left .news-list .time{font-size: 13px;}
    #news .news-right li a b{height: auto;overflow: hidden;}
    #news .news-right li a p{height: auto;overflow: hidden;}

    #news .news-right>b{font-size: 18px;}
    #news .news-right>a{font-size: 14px;}

}