@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: 50px;}
h2{font-size: 40px;}
h3{font-size: 35px;}
hr{background-color: #f9b70d;width: 53px;height: 4px;}
.font14{font-size: 14px;line-height: 22px;}
.font16{font-size: 16px;line-height: 24px;}
.font17{font-size: 17px;line-height: 26px;}
.font18{font-size: 18px;line-height: 28px;}
.font20{font-size: 20px;line-height: 34px;}
.font26{font-size: 26px;line-height: 33px;}
.mt25{margin-top: 25px;}
.mb30{margin-bottom: 30px;}
.mb65{margin-bottom: 65px;}
.w50{width: 50%;}
.w70{width: 70%;}
.des{color: #666;}
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 {margin:80px auto}


/*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;
    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:#f9b70d;}
.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: #f9b70d;color: #fff;outline: 1px solid #f9b70d;}

/*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: #f9b70d;color: #fff;outline: 1px solid #f9b70d;}
#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: #f9b70d;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: 25px;line-height: 23px;height: 25px;margin: 0 5px;border: 1px solid #ccc;color: #666;}
#pages span{color: #119452;position: relative;top: 2px;}
#pages a:hover{color: #119452;}
#pages a.next,#pages a.prev{display: inline-block;width: 100px;line-height: 24px;height: 25px;font-size: 12px;}
#pages a.next:hover,#pages a.prev:hover{color: #119452;}

#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;}
    .font26{font-size: 24px;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: 25px;}
    .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;}
    .font26{font-size: 22px;line-height: 28px;}
    .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;}
    h2{font-size: 20px;}
    h3{font-size: 18px;}
    
}


/*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;}}
@keyframes toShow{0%{opacity:0;}100%{opacity:1;}}
@keyframes toWidth{0%{width: 0%;}100%{width: 100%;}}





/*banner*/
#banner_top{height:45vw;min-height: 500px;}
#banner_top .swiper-pagination-bullet{background: #fff;opacity: 0.8;width: 10px;height: 10px;}
#banner_top .swiper-pagination-bullet-active{background: #f9b70d;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;background-size: cover;
    background-repeat: no-repeat;
    background-position: 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;margin:20px 0;}
#banner_top .img_box .bantit span{display: inline-block;color: #f9b70d;font-weight: bold;}
#banner_top .img_box .bandes{margin-top: 20px;color: #fff;max-width: 690px;}
#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;}
#banner_top .img_box a:hover{background-color: #f9b70d;border-color: #f9b70d;}

#banner_top .swiper-pagination-fraction{color: #fff;}
#banner_top .swiper-pagination-fraction *{color: #fff;}
#banner_top .swiper-pagination-fraction .swiper-pagination-current::before{content: "0";display: inline-block;}
#banner_top .swiper-pagination-fraction .swiper-pagination-total::before{content: "0";display: inline-block;}



#banner_top .swiper-pagination-fraction{text-align: left;bottom:55px;}
.hrbox{position: absolute;width: calc(100% - 90px);height: 2px;bottom: 59px;right: 0;background-color: rgba(255, 255, 255, 0.2);z-index: 3;}
.hrbox hr{
    width: 0%;
    height: 100%;
    background-color: #fff;
}
#banner_top .hrbox.active hr{animation:toWidth 8s forwards;}







@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;}
    #banner_top .img_box .img img{width: 300px;margin-bottom: 40px;}
    #banner_top .img_box a{line-height: 40px;height: 40px;font-size: 14px;}


    #banner_top .swiper-pagination-fraction{left: 30px;}
    .hrbox{right: 30px;width: calc(100% - 150px);}

}


@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;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;}

    .banner-line{display: none;}
}

@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;
        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;}
    
}



/**/
#product_index{padding:80px 0;}

#product_index h2{text-align: center;}
#product_index .des{margin:20px auto 70px;text-align: center;}

#product_index ul{display: flex;}

#product_index ul li{width: 25%;padding:0 35px 35px;}

#product_index ul li a{}

#prodcut_index .img{margin-bottom: 20px;}

#prodcut_index .img img{width: 100%;}

#product_index ul li a .con{display: flex;flex-direction: column;gap:20px;text-align: center;height: 164px;overflow: hidden;}

#product_index ul li a .con::before{content: "+";display: block;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;
color: #666;outline: 1px solid #666;font-size: 20px;margin:45px auto 0;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}

#product_index b{font-size: 22px;line-height: 26px;}

#product_index .url{color: #f9b70d;}


#product_index ul li a:hover .con::before{margin-top: -50px;}


.gotourl{display: block;width: 205px;height: 55px;border-radius: 5px;text-align: center;line-height: 55px;font-size: 16px;
background-color: #f9b70d;color: #fff;margin:35px auto 0;}
.gotourl:hover{background-color: transparent;border: 1px solid #f9b70d;}

@media(max-width:1540px){
    #product_index b{font-size: 18px;}
}

@media(max-width:1100px){
    #product_index{padding:30px 0;}
    #product_index .des{margin-bottom: 20px;}

    #product_index b{font-size: 16px;line-height: 24px;}
    #product_index ul{flex-wrap: wrap;}
    #product_index ul li{width: 50%;padding:10px 9px}
    #product_index ul li a .con{height: auto;}
    #product_index ul li a .con::before{margin-top: 20px;width: 25px;height: 25px;font-size: 16px;line-height: 23px;}
    #product_index ul li a:hover .con::before{margin-top: 20px;}
    #product_index ul li a .con{gap:10px;}

    .gotourl{height: 35px;line-height: 35px;font-size: 16px;width: 180px;}

    
}

@media(max-width:768px){
    #product_index b{font-size: 14px;line-height: 20px;}
}



/*adv-index*/
#adv-index{position: relative;}

#adv-index .des{margin-top: 30px;}
#adv-index .back-img img{width: 100%;display: block;}

#adv-index .adv-con{position: absolute;left:0;right:0;margin:0 auto;top:100px;}

#adv-index .adv-con h2{color: #fff;}
#adv-index .adv-con .des{color: #fff;}

#adv-index .adv-box{position: absolute;left:0;right:0;margin:0 auto;bottom: -40px;}

#adv-index .adv-box ul{display: flex;gap:15px;}
#adv-index .adv-box ul li{flex:1;display: flex;flex-direction: column;gap:25px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;
background-position: 100% 105%;background-repeat: no-repeat;background-color: #f2f2f2;padding:35px 40px;background-size: 24%;}

#adv-index .adv-box ul li:nth-child(1){background-image: url(../images/advicon1.png);}
#adv-index .adv-box ul li:nth-child(1):hover{background-image: url(../images/advicon11.png);}
#adv-index .adv-box ul li:nth-child(2){background-image: url(../images/advicon2.png);}
#adv-index .adv-box ul li:nth-child(2):hover{background-image: url(../images/advicon22.png);}
#adv-index .adv-box ul li:nth-child(3){background-image: url(../images/advicon3.png);}
#adv-index .adv-box ul li:nth-child(3):hover{background-image: url(../images/advicon33.png);}


#adv-index .adv-box ul li:hover{background-color: #119452;}

#adv-index .adv-box ul li b{color: #000;}
#adv-index .adv-box ul li p{color: #000;}
#adv-index .adv-box ul li a{display: block;color: #f9b70d;}

#adv-index .adv-box ul li:hover *{color: #fff;}



@media(max-width:1540px){
    #adv-index .adv-box ul li{gap:20px}
}

@media(max-width:1100px){
    #adv-index .adv-con{top: 0;position: relative;margin-top: 20px;}
    #adv-index .adv-con h2{color: #000;}
    #adv-index .adv-con .des{color: #666;}
    
    #adv-index .adv-box{bottom: 0;position: relative;margin-top: 20px;}
    #adv-index .adv-box ul{flex-direction: column;gap:15px;}
    #adv-index .adv-box ul li{width: 100%;padding:15px;background-size: 60px;}
    
}

@media(max-width:768px){
    #adv-index .adv-box ul{flex-direction: column;gap:10px;}

    #adv-index .adv-box ul li b{font-size: 16px;line-height: 20px;}
    .font16{font-size: 13px;line-height: 18px;}
}







/*#product-index*/
#product-index{padding:160px 0 100px;}

#product-index .des{margin-top: 20px;}

#product-index ul{display: flex;flex-wrap: wrap;gap:1%;margin-top: 50px;}
#product-index ul li{width: 24.25%;margin-bottom: 1%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#product-index ul li a{display: block;position: absolute;width: 100%;height: 100%;top:0;left:0;padding:25px;}
#product-index ul li a b{max-width: 90%;display: block;}
#product-index ul li a .url{position: absolute;left:10px;bottom:35px;opacity: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#product-index ul li:hover a .url{opacity: 1;left: 35px;}



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

@media(max-width:1100px){
    #product-index{padding:30px 0}
    #product-index ul{margin-top: 20px;}
    #product-index ul li{width: 32%;}
    #product-index ul li a{padding:15px;}

    #product-index ul li:hover a .url{left:15px;}
    #product-index ul li a b{font-size: 14px;line-height: 17px;}
}

@media(max-width:768px){
    #product-index ul li{width: 49%;}
    #product-index ul li a{padding:9px;}
    #product-index ul li a b{font-size: 13px;line-height: 16px;}
}



/*#work-index*/
#work-index{padding:100px 0 30px;background-image: url(../images/work-back.webp);background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}

#work-index h2{color: #fff;}
#work-index .des{margin:20px 0 50px;color: #fff;}

#work-index .swiper-container{overflow: unset;}
#work-index .swiper-container .slide-box{position: relative;}
#work-index .swiper-container .slide-box .con{position: absolute;bottom:0;left:0;width:100%;padding:30px;background-color: rgba(17, 148, 82,0.5);}
#work-index .swiper-container .slide-box .con *{color: #fff;}

#work-index .swiper-thumb-url{margin-top: 20px;}
#work-index .swiper-thumb-url ul{display: flex;}
#work-index .swiper-thumb-url ul li{flex:1;text-align: center;}
#work-index .swiper-thumb-url ul li a{color: #fff;}


@media(max-width:1540px){
    #work-index .swiper-container .slide-box .con{padding:20px;}
}

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

    #work-index .swiper-container .slide-box .con{position: relative;background-color: rgba(17, 18, 82, 0.1);}

    #work-index .swiper-thumb-url ul{flex-wrap: wrap;}
    #work-index .swiper-thumb-url ul li{width: 50%;flex:unset;margin-bottom: 10px;}
}

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







/*#about-index*/
#about-index{padding:65px 0 110px;}
#about-index .img-swiper{float: left;width: 50%;position: relative;}

#about-index .img-swiper .swiper-prev{position: absolute;z-index: 3;right:80px;bottom:0;width: 80px;height: 70px;text-align: center;line-height: 70px;background-color: #0ad46e;color: #fff;
font-size: 25px;}
#about-index .img-swiper .swiper-next{position: absolute;z-index: 3;right:0px;bottom:0;width: 80px;height: 70px;text-align: center;line-height: 70px;background-color: #0ad46e;color: #fff;
font-size: 25px;}

#about-index .img-swiper .swiper-prev,#about-index .img-swiper .swiper-next{background-color: #119452;}

#about-index .con-box{float: right;width: 50%;}

#about-index .con-box .con{width: 720px;display: flex;flex-direction: column;gap:35px;padding-left: 65px;}

#about-index .con-box .con .des{color: #666;}
#about-index .con-box .con li{color: #666;margin-top: 25px;}
#about-index .con-box .con li:first-child{margin-top: 0;}

#about-index a{
    display: block;
    width: 205px;
    height: 55px;
    border-radius: 5px;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    background-color: #f9b70d;
    color: #fff;
    margin: 55px 0 0;
}


@media(max-width:1540px){
    #about-index .con-box .con{padding-right: 20px;width: 100%;}
    
}

@media(max-width:1100px){
    #about-index{padding:30px 0;}
    #about-index .img-swiper{width: 100%;margin-bottom: 20px;}
    #about-index .con-box{width: 100%;}
    #about-index .con-box .con{padding-right: 20px;padding-left: 20px;gap:15px;}
    #about-index a{height: 35px;line-height: 35px;font-size: 14px;margin-top: 0px;}
}

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



#about-index .num{margin-top: 75px;}

#about-index .num .num-box{display: flex;justify-content: center;gap:34px}

#about-index .num .num-box li{position: relative;flex:1}
#about-index .num .num-box li:nth-child(4){flex:1.3}
#about-index .num .num-box li .big-num{-webkit-text-stroke: 1px #eee;color: transparent;font-size: 6vw;letter-spacing: -10px;opacity: 0.7;font-weight: bold;}
#about-index .num .num-box li .s-num{position: absolute;left:0;right: 0;top:50%;transform: translateY(-50%);display: flex;gap:10px;}

#about-index .num .num-box li .s-num b{display: block;font-size: 3vw;letter-spacing: -2px;font-weight: bold;}
@media(min-width: 1921px){
    #about-index .num .num-box li .big-num{font-size: 115px;}
    #about-index .num .num-box li .s-num b{font-size: 60px;}
}
#about-index .num .num-box li .s-num p{font-size: 20px;line-height: 25px;color: #666;}


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

@media(max-width:1100px){
    #about-index .num{margin-top: 20px;}
    #about-index .num .num-box{flex-wrap: wrap;gap:2%;}
    #about-index .num .num-box li{width: 49%;flex:unset;margin-bottom: 2%;}
    #about-index .num .num-box li .big-num{font-size: 45px;letter-spacing: -5px;}
    #about-index .num .num-box li .s-num b{font-size: 20px;letter-spacing: 0px;}
    #about-index .num .num-box li .s-num p{font-size: 14px;line-height: 19px;}
}

@media(max-width:768px){
    #about-index .num .num-box li .s-num b{font-size: 18px;letter-spacing: 0px;}
    #about-index .num .num-box li .s-num p{font-size: 12px;line-height: 13px;}
}








/*#histroy-index*/
#histroy-index{background-image: url(../images/his-back.webp);background-repeat: no-repeat;background-size: cover;background-position: center;padding:120px 0;}
#histroy-index h2{color: #fff;}
#histroy-index .des{color: #fff;margin: 20px 0 40px;}

#histroy-index .his-swiper .slide-box{display: flex;}
#histroy-index .his-swiper .slide-box .con{width: 55%;padding-right: 120px;padding-top: 5%;}

#histroy-index .his-swiper .slide-box .con b{font-size: 80px;display: block;margin-bottom: 50px;color: #fff;font-weight: bold;}
#histroy-index .his-swiper .slide-box .con ul li{font-size: 22px;line-height: 27px;list-style: inside;}
#histroy-index .his-swiper .slide-box .con p{font-size: 22px;line-height: 27px;}



#histroy-index .his-swiper .slide-box .img{width: 45%;}

#histroy-index .swiper-thumb-url ul{display: flex;gap:15px;margin-top: 100px;}

#histroy-index .swiper-thumb-url ul li{padding-bottom: 8px;color: #fff;border-bottom: 1px solid #fff;opacity: 0.5;text-align: center;flex: 1;
position: relative;}

#histroy-index .swiper-thumb-url ul li.active{opacity: 1;border-bottom: 1px solid #888;}

#histroy-index .swiper-thumb-url ul li::after{content:"";display: block;width: 0%;height: 1px;position: absolute;bottom: -1px;left:0;
background-color: #fff;}
#histroy-index .swiper-thumb-url ul li.active::after{animation: toWidth 5s forwards;}

#histroy-index .swiper-thumb-url ul li a{color: #fff;font-size: 18px;line-height: 27px;}


@media(max-width:1540px){
    #histroy-index .his-swiper .slide-box .con b{font-size: 60px;}
    #histroy-index .his-swiper .slide-box .con ul li{font-size: 18px;line-height: 25px;}
    #histroy-index .his-swiper .slide-box .con p{font-size: 18px;line-height: 25px;}
    #histroy-index .swiper-thumb-url ul li a{font-size: 16px;line-height: 24px;}
}

@media(max-width:1100px){
    #histroy-index{padding:30px 0;}
    #histroy-index .swiper-thumb-url ul{margin-top: 20px;}
    #histroy-index .his-swiper .slide-box .con b{font-size: 40px;margin-bottom: 25px;}
    #histroy-index .his-swiper .slide-box .con ul li{font-size: 16px;line-height: 23px;}
    #histroy-index .his-swiper .slide-box .con p{font-size: 16px;line-height: 23px;}

    #histroy-index .his-swiper .slide-box{display: block;}
    #histroy-index .his-swiper .slide-box .con{width: 100%;padding:0px;margin-bottom: 20px;}
    #histroy-index .his-swiper .slide-box .img{width: 100%;}

    
    #histroy-index .swiper-thumb-url ul li a{font-size: 14px;line-height: 22px;}

    #about-index .img-swiper .swiper-prev{width: 40px;height: 40px;line-height: 40px;right: 40px;}
    #about-index .img-swiper .swiper-next{width: 40px;height: 40px;line-height: 40px;}
}

@media(max-width:768px){
    
    #histroy-index .his-swiper .slide-box .con b{font-size: 30px;}
    #histroy-index .his-swiper .slide-box .con ul li{font-size: 14px;line-height: 21px;}
    #histroy-index .his-swiper .slide-box .con p{font-size: 14px;line-height: 21px;}
}




/*#cert-index*/
#cert-index{ height: 900px;display: flex;overflow: hidden;}

#cert-index ul{width: 50%;background-image: url(../images/cert-back.webp);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
#cert-index ul li{opacity: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;width: 13.25vw;position: absolute;}



#cert-index .cert-con{width: 50%;padding:130px 0;}
#cert-index .cert-con .con-box{width: 730px;display: flex;flex-direction: column;gap:110px;}

#cert-index .cert-con .top .des{margin-top: 10px;}


#cert-index .cert-con .center{height: 350px;overflow: hidden;}
#cert-index .cert-con .center .mb{display: none;}

#cert-index .cert-con .center .swiper-slide{}
#cert-index .cert-con .center .swiper-slide .img{display: none;}
#cert-index .cert-con .center .swiper-slide div{color: #666;min-height: 30px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#cert-index .cert-con .center .swiper-slide-active div{font-size: 30px;line-height: 38px;font-weight: bold;color: #000;}
#cert-index .cert-con .center .swiper-slide.swiper-slide-active{height: auto !important;}


#cert-index .cert-con .bottom{position: relative;}
#cert-index .cert-con .bottom .swiper-pagination{width: auto;}

.swiper-loading{width: calc(100% - 160px);position: absolute;left: 50px;bottom: 15px;background-color: #ddd;height: 4px;}
.swiper-loading hr{width: 0;-webkit-transition: all 0.9s ease;transition: all 0.9s ease;position: absolute;left: 0;top: 0;}


#cert-index .cert-con .bottom .swiper-button-box{width: 85px;height: 30px;float: right;position: relative;}
#cert-index .cert-con .bottom .swiper-prev{position: absolute;left:0px;bottom:0;font-size: 16px;
background-color: #ddd;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #236165;}
#cert-index .cert-con .bottom .swiper-next{position: absolute;right:0px;bottom:0;font-size: 16px;
background-color: #ddd;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #236165;}


@media(max-width:1540px){
    
#cert-index .cert-con .center .swiper-slide-active div{font-size: 24px;line-height: 30px;}

#cert-index .cert-con .con-box{width: 100%;padding-right: 20px;}
}

@media(max-width:1100px){
    #cert-index{height: auto;}
    #cert-index .cert-con .con-box{display: block;width: 100%;}
    #cert-index .cert-con{width: 100%;padding:30px 20px;}

    #cert-index .cert-con .center{margin:25px 0;}
    #cert-index .cert-con .center .mb{display: block;width: 100%;margin-top: 0;}
    #cert-index .cert-con .center .pc{display: none;}
    #cert-index ul{display: none;}

    #cert-index .cert-con .center .swiper-slide .img{display: block;margin-top: 0;}
    #cert-index .cert-con .center .swiper-slide .img img{max-width: 100%;max-height: 100%;}

    #cert-index .cert-con .center{height: auto;}

    
#cert-index .cert-con .center .swiper-slide div{font-size: 16px;line-height: 24px;margin-top: 10px;}
#cert-index .cert-con .center .swiper-slide-active div{font-size: 16px;line-height: 24px;}
}

@media(max-width:768px){
    #cert-index .cert-con .center div{font-size: 13px;line-height: 21px;}
    #cert-index .cert-con .center .swiper-slide div{font-size: 13px;line-height: 21px;}
    #cert-index .cert-con .center .swiper-slide-active div{font-size: 13px;line-height: 21px;}
    
    
}






/*#envir-index*/
#envir-index{position: relative;;padding-top: 100px;background-image: url(../images/envir_back.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}

#envir-index .con-box{padding:55px;width: 50%;float: left;margin-bottom: 80px;background-image: url(../images/con-box.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}

#envir-index .con-box h2{color: #fff;}
#envir-index .con-box hr{margin:35px 0;}

#envir-index .con-box .con{height: 350px;margin-bottom: 10px;}
#envir-index .con-box .con b{font-size: 24px;line-height: 30px;margin-bottom: 30px;color: #fff;display: block;}

#envir-index .con-box .con p{color: #fff;}


#envir-index .bottom-left-sq{bottom:-1px;left:0;height: 80px;width: 50%;position: absolute;}

#envir-index .bottom-right-sq{bottom:-1px;right:0;height: 80px;width: auto;position: absolute;}

#envir-index .center-sq{bottom:78px;right: 0;width: 155px;height: 150px;position: absolute;}

#envir-index .top-sq{bottom:228px;right:155px;position: absolute;width: auto;height: auto;}

#envir-index .slide-url .swiper-num-box{display: inline-block;margin-right: 70px;}
#envir-index .slide-url .swiper-num{width: 135px;display: flex;gap:5px;}

#envir-index .slide-url .swiper-num span{display: block;color: #fff;font-size: 18px;}
#envir-index .slide-url .swiper-num span font{display: none;}
#envir-index .slide-url .swiper-num span font.active{display: block;}

#envir-index .slide-url .swiper-num .line{width: 85px;position: relative;height: 1px;background-color: #fff;transform: translateY(6px);}
#envir-index .slide-url .swiper-num .line hr{position: absolute;width: 0%;height: 100%;top:0;left:0;margin: 0;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}

#envir-index .slide-url .swiper-pagination{display: inline-block;}
#envir-index .slide-url .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: transparent;border: 1px solid #fff;margin: 0 15px;width: 9px;height: 9px;position: relative;}
#envir-index .slide-url .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}
#envir-index .slide-url .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content: "";position: absolute;width: 17px;height: 17px;left: -5px;top: -5px;outline: 1px solid #fff;border-radius: 50%;}

@media(max-width:1540px){
    #envir-index .con-box{padding:30px;}
    
}

@media(max-width:1100px){
    #envir-index .con-box hr{margin:15px 0}

    #envir-index .con-box{padding:15px;width: 100%;}
    #envir-index .bottom-left-sq{display: none;}
    #envir-index .bottom-right-sq{display: none;}
    #envir-index .center-sq{display: none;}
    #envir-index .top-sq{display: none;}

    #envir-index{padding-top: 30px;}

    #envir-index .con-box{margin-bottom: 30px;}
    #envir-index .con-box .con{height: auto;margin-bottom: 25px;}

    #envir-index .con-box .con b{font-size: 18px;line-height: 24px;margin-bottom: 20px;}

    #envir-index .slide-url .swiper-num-box{margin-right: 0px;}
}

@media(max-width:768px){
    #envir-index .slide-url .swiper-num-box{margin-right: 0;width: 100%;}
    #envir-index .slide-url .swiper-num{width: 100%;justify-content: center;}
    #envir-index .slide-url .swiper-pagination{position: relative;width: 100%;margin-top: 20px;}
    
}







/*news*/
#news{padding: 145px 0 100px}
#news h2{margin-bottom: 15px;text-align: center;}
#news .des{margin-bottom: 45px;text-align: center;}


#news .news-list{float: left; width: 49%;}
#news .news-list.right{float: right; width: 49%;}

#news .news-list>a {display: block;}
#news .news-list>a .img{overflow: hidden;}
#news .news-list>a img{width: 100%;}
#news .news-list>a b{font-size: 30px;line-height: 38px;display: block;margin:35px 0;font-weight: bold;}
#news .news-list>a .con{}
#news .news-list>a .con span{font-size: 14px;display: inline-block;margin-bottom: 15px;color: #858585;}
#news .news-list>a .con span:nth-child(2){width: 105px;height: 30px;text-align: center;line-height: 30px;text-align: center;background-color: #f9b70d;color: #fff;border-radius: 5px;margin-left: 10px;}


#news .news-list ul li {padding:25px 0 0;}
#news .news-list ul li:nth-child(1){padding-top: 0;}
#news .news-list ul li a{display: flex;gap:30px}

#news .news-list ul li a .img{width: 220px;}
#news .news-list ul li a .con{width: calc(100% - 220px);}
#news .news-list ul li a span{display: inline-block;font-size: 16px;line-height: 20px;margin-bottom: 10px;color: #858585;}
#news .news-list ul li a span:nth-child(3){width: 105px;height: 30px;text-align: center;line-height: 30px;text-align: center;background-color: #f9b70d;color: #fff;border-radius: 5px;margin-left: 10px;}
#news .news-list ul li a b{display: block;font-size: 22px;line-height: 30px;font-weight: bold;margin-bottom: 25px;height: 60px;overflow: hidden;}






@media(max-width:1440px){
    #news h2{font-size: 35px;}

    #news .news-list>a .con b{font-size: 26px;}
    #news .des{font-size: 14px;line-height: ;margin-bottom: 30px;}

    #news .news-list>a b{font-size: 24px;line-height: 28px;}
    #news .news-list ul li a b{font-size: 22px;line-height: 28px;}
}

@media(max-width:1280px){
    #news h2{font-size: 30px;}



    #news .news-list ul li{padding:15px 0;}

    #news .news-list>a .con b{font-size: 22px;}

    #news .news-list ul li a b{font-size: 18px;line-height: 26px;}
}

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

    #news h2{font-size: 24px;}
    #news .des{font-size: 13px;line-height: ;margin-bottom: 20px;}
    #news .center_list>a{margin-top: -50px;padding:5px 10px;font-size: 14px;}


    
    #news .news-list>a b{font-size: 21px;line-height: 24px;}
    
    #news .news-list>a .con b{font-size: 18px;}

    #news .news-list ul li a b{font-size: 16px;line-height: 24px;height: 49px;}
    
    
}

@media(max-width:768px){
    #news .news-list{width: 100%;}

    #news h2{font-size: 20px;}

    #news .news-list.right{width: 100%;}

    
    #news .news-list>a b{font-size: 18px;line-height: 23px;}
    
    #news .news-list>a .con b{font-size: 16px;}

    #news .news-list ul li{padding:10px 0;}

    #news .news-list ul li a{gap:10px;}

    #news .news-list ul li a b{font-size: 14px;line-height: 17px;margin-bottom: 10px;}

    #news .news-list ul li a .img{width: 145px;}

    #news .news-list ul li a .con{width: calc(100% - 145px);}

    #news .news-list ul li a span{font-size: 13px;}

    #news .news-list>a b{margin:15px 0;}

    #news .news-list ul li a span:nth-child(3){width: 90px;}

}