@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**/


/*@keyframes*/
@keyframes toShow{ 
    0%{
        opacity: 0;
    }  
    100%{
        opacity: 1;
    }
}

/**/

.ani,.wow{
	opacity: 0; 
}

/*common-font*/
h1{font-size: 50px;line-height: 52.5px;}
h2{font-size: 40px;line-height: 42.5px;}
h3{font-size: 30px;line-height: 33.5px;}
h6{font-size: 16px;}
hr{background-color: #2da765;width: 53px;height: 4px;}
.font14{font-size: 14px;line-height: 24px;}
.font16{font-size: 16px;line-height: 25px;}
.font17{font-size: 17px;line-height: 27px;}
.font18{font-size: 18px;line-height: 28px;}
.font22{font-size: 22px;line-height: 25px;}
.font20{font-size: 20px;line-height: 24px;}
.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 {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; /*  */
    background-position: center; /* ¸­ */
    transition: all 0.6s ease;-webkit-transition: all 0.6s ease;
  }
   
  #page_banner:hover::before {
    transform: scale(1.1); 
  }
#page_banner .w1500{position: absolute;left: 0;right:0;margin:0 auto;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;}
#page_banner h1{font-size: 45px;text-transform: capitalize;}
#page_banner p{width: 800px;margin: 15px auto;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:#2da765;}
.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: #2da765;color: #fff;outline: 1px solid #2da765;}

/*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: #2da765;color: #fff;outline: 1px solid #2da765;}
#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: #2da765;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;line-height: 37px;}
    h2{font-size: 26px;line-height: 30px;}
    h3{font-size: 24px;line-height: 27px;}
    .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: 22px;}
    .font22{font-size: 20px;line-height: 23px;}
    .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;line-height: 32px;}
    h2{font-size: 24px;line-height: 26px;}
    h3{font-size: 22px;line-height: 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: 16px;line-height: 22px;}
    .font22{font-size: 17px;line-height: 20px;}
    .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;}
    
}


/*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: 45vw;min-height: 600px;}
#banner_top .swiper-pagination-bullet{background: #fff;opacity: 0.8;width: 10px;height: 10px;}
#banner_top .swiper-pagination-bullet-active{background: #2da765;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;max-width: 690px;}
#banner_top .img_box .bantit h3{display: inline-block;}
#banner_top .img_box .bantit h3.title{color: #2da765;margin-bottom: 20px;}
#banner_top .img_box .bantit div .subtitle{color: #000;}
#banner_top .img_box .bantit span{display: inline-block;color: #2da765;font-weight: bold;color: #000;}
#banner_top .img_box .bandes{margin-top: 20px;margin-bottom: 40px;color: #fff;max-width: 690px;}

#banner_top .img_box .bandes p{font-size: 16px;line-height: 27px;color: #000;padding-left: 30px;position: relative;margin-top: 5px;}
#banner_top .img_box .bandes p:nth-child(1){margin-top: 0;}
#banner_top .img_box .bandes p::before{content: "✓";width: 13px;height: 13px;display: inline-block;position: absolute;left: 0;top: 6px;font-size: 12px;color: #2da765;line-height: 14px;text-align: center;border: 2px solid #2da765;border-radius: 50%;}


#banner_top .img_box.type3 .w1500{transform: translateY(-25%);}
#banner_top .img_box.type3 .bantit h3{color: #fff;}

#banner_top .img_box.type3 .bandes p{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;font-size: 16px;color: #fff;display: inline-block;border-radius: 5px;padding: 0px 20px;}

#banner_top .img_box.type2 a{background-color: #fff;border-color: #fff;color: #000;
background-image: url(../images/type1jt.png);background-repeat: no-repeat;background-position: 170px center;width: 200px;}

#banner_top .img_box.type3 a{background-image: url(../images/url-jt.png);background-repeat: no-repeat;background-position: 170px center;width: 225px;}
#banner_top .img_box.type3 a:hover{background-color: #fff;border-color: #fff;color: #2da765;background-image: url(../images/url-jtl.png);}

#banner_top .video-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 .video-box .bannercon{/* position: absolute; */left: 0;right: 0;top:0;/* height: 100%; */}
#banner_top .video-box .bantit *{color: #fff;}
#banner_top .video-box .bantit{color: #fff;max-width: 690px;}
#banner_top .video-box .bantit h3{display: inline-block;}
#banner_top .video-box .bantit h3.title{color: #2da765;margin-bottom: 20px;}
#banner_top .video-box .bantit div .subtitle{color: #000;}
#banner_top .video-box .bantit span{display: inline-block;color: #2da765;font-weight: bold;color: #000;}
#banner_top .video-box .bandes{margin-top: 20px;margin-bottom: 40px;color: #fff;max-width: 690px;}

#banner_top .video-box .bandes p{font-size: 16px;line-height: 27px;color: #000;padding-left: 30px;position: relative;margin-top: 5px;}
#banner_top .video-box .bandes p:nth-child(1){margin-top: 0;}
#banner_top .video-box .bandes p::before{content: "✓";width: 13px;height: 13px;display: inline-block;position: absolute;left: 0;top: 6px;font-size: 12px;color: #2da765;line-height: 14px;text-align: center;border: 2px solid #2da765;border-radius: 50%;}


#banner_top .video-box.type1 .bantit h3{color: #fff;}
#banner_top .video-box.type1 .bantit div .subtitle{color: #fff;}
#banner_top .video-box.type1 .bandes p{color: #fff;}

#banner_top .video-box a{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;border: 1px solid #fff;
line-height: 45px;height: 45px;font-size: 16px;color: #fff;display: inline-block;border-radius: 5px;padding: 0px 20px;}

#banner_top .video-box.type1 a{background-color: #fff;border-color: #fff;color: #000;
background-image: url(../images/type1jt.png);background-repeat: no-repeat;background-position: 170px center;width: 200px;}

#banner_top .video-box.type1 a{background-image: url(../images/url-jt.png);background-repeat: no-repeat;background-position: 170px center;width: 225px;}
#banner_top .video-box.type1 a:hover{background-color: #fff;border-color: #fff;color: #2da765;background-image: url(../images/url-jtl.png);}

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







@media (max-width:1540px){
    #banner_top .img_box .bandes p {
        font-size: 14px;
        line-height: 22px;
    }
    #banner_top .img_box .bandes p::before{top:2px;}

    #banner_top .img_box a {
        line-height: 38px;
        height: 40px;
        font-size: 14px;
    }

}


@media (max-width:1200px) {

}

@media (max-width:1100px){
    #banner_top img{height: 450px;width: auto;}

}

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

    h3{font-size: 18px;line-height: 22px;}
    #banner_top .img_box .bandes{margin-top: 15px;margin-bottom: 15px;}
    .font22{font-size: 15px;line-height: 18px;}

    #banner_top .img_box .bandes p {
        font-size: 12px;
        line-height: 20px;
    }

    #banner_top .img_box a {
        line-height: 28px;
        height: 30px;
        font-size: 14px;
    }
}

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


/**/
#num_box{padding: 55px 0 115px;}


#num_box ul{display: flex;gap: 10%;width: 100%;flex-wrap: wrap;}

#num_box li{flex: unset;text-align: center;width: 12%;}
#num_box li img{display: block;margin: 0 auto 10px;width: auto;}
#num_box li b{font-size: 40px;display: block;margin:10px 0;}
#num_box li p{color: #666;}


@media(max-width:1540px){
    #num_box li b{font-size: 30px;}
}

@media(max-width:1280px){

}

@media(max-width:1100px){
    #num_box{padding:30px 0 0;}
    #num_box li b{font-size: 24px;}
    #num_box li img{height: 30px;}
}

@media(max-width:768px){ 

    #num_box li{width: 45%;margin-bottom:5%;}

}





/**/
#manufacturing{padding-bottom: 85px;}

#manufacturing .title{float: left;width: 620px;}
.subtitle{color: #2da765;margin-bottom: 15px;}
#manufacturing .dis-logo{float: right;width: calc(100% - 735px);padding-top: 30px;}
#manufacturing .dis-logo img{width: 100%;}

#manufacturing .man-ul{display: flex;gap:15px;margin:55px 0;}

#manufacturing .man-ul li{width: 33.3%;position: relative;}

#manufacturing .man-ul li .show{position: absolute;width: 100%;bottom:0;left:0;background-image: url(../images/yy.webp);background-position: center;background-size: 100% 100%;
opacity: 1;padding: 35px 0;text-align: center;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#manufacturing .man-ul li .show img{display: inline-block;height: 35px;width: auto;margin-right: 20px;transform: translateY(20%);}
#manufacturing .man-ul li .show span{display: inline-block;color: #fff;font-size: 20px;}

#manufacturing .man-ul li .hide{position: absolute;width: 100%;height: 100%;bottom:0;left:0;background-color: rgba(0,0,0,0.5);opacity: 0;
display: flex;align-items: center;justify-content: center;flex-direction: column;gap:15px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}

#manufacturing .man-ul li .hide img{display: block;height: 40px;width: auto;}
#manufacturing .man-ul li .hide p{display: block;color: #fff;font-size: 30px;}

#manufacturing .man-ul li:hover .show{opacity: 0;}
#manufacturing .man-ul li:hover .hide{opacity: 1;}


#manufacturing .connect-model{}

#manufacturing .connect-model .con{width: 300px;float: left;padding-top: 40px;}

#manufacturing .connect-model .con p{margin:40px 0 20px}

#manufacturing .connect-model .con a{height: 45px;line-height: 43px;border-radius: 8px;border: 1px solid #2da765;color: #2da765;text-align: center;width: 180px;display: block;
font-size: 14px;}



#manufacturing .connect-model .con a:hover{background-color: #2da765;color: #fff;}

#manufacturing .connect-model ul{float: right;width: calc(100% - 340px);display: flex;padding:25px;border-radius: 15px;background-color: #f6f6f6;}

#manufacturing .connect-model ul li{}

#manufacturing .connect-model ul li:nth-child(1),
#manufacturing .connect-model ul li:nth-child(3),
#manufacturing .connect-model ul li:nth-child(5){
    width: 30%;
}

#manufacturing .connect-model ul li:nth-child(2),
#manufacturing .connect-model ul li:nth-child(4){
    width: 5%;
}

#manufacturing .connect-model ul li .img{height: 270px;display: flex;justify-content: center;align-items: center;}
#manufacturing .connect-model ul li .img img{width: auto;max-width: 80%;}

#manufacturing .connect-model ul li p{margin-top: 15px;color: #666;text-align: center;font-size: 16px;line-height: 24px;}


@media(max-width:1540px){
    #manufacturing .dis-logo{width: calc(100% - 655px);min-width: 350px;}
}

@media(max-width:1100px){
    #manufacturing{padding:30px 0;}
    #manufacturing .man-ul{margin:30px 0;}
    #manufacturing .man-ul{gap:2%;flex-wrap: wrap;}
    #manufacturing .dis-logo{width: 100%;float: left;max-width: 400px;min-width: unset;}
    #manufacturing .man-ul li {width: 49%;margin-bottom: 2%;}

    #manufacturing .man-ul li .show img{height: 25px;margin-right: 20px;}
    #manufacturing .man-ul li .show span{font-size: 14px;}

    #manufacturing .man-ul li .hide img{height: 30px;}
    #manufacturing .man-ul li .hide p{font-size: 20px;}


    /**/

    #manufacturing .connect-model .con{width: 100%;margin-bottom: 20px;padding-top: 0;}
    #manufacturing .connect-model .con p{margin-top: 15px;}

    #manufacturing .connect-model ul{width: 100%;padding: 15px;}
}

@media(max-width:768px){ 

    #manufacturing .man-ul li{width: 100%;}

    /**/
    #manufacturing .connect-model ul li .img{height: 30vw;}
    #manufacturing .connect-model ul li p{font-size: 12px;line-height: 20px;}

}




/***/

#service{padding:40px 0;background-image: url(../images/ser-back.webp);background-repeat: no-repeat;background-size: cover;}
#service .subtitle{color: #fff;margin-bottom: 15px;}
#service h2{color: #fff;}

#service ul{margin-top: 30px;margin-bottom: 50px;display: flex;flex-wrap: wrap;gap:1%;}
#service ul li{width: 49%;margin-bottom: 1%;position: relative;}
#service ul li img{display: block;width: 100%;}
#service ul li .con{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;
flex-direction: column;gap:15px;top:0;left:0;}

#service ul li .con *{color: #fff;}

#service ul li .con img{width: auto;height: 45px;display: block;}
#service ul li .con p{font-size: 26px;line-height: 33px;text-align: center;}
#service ul li .con p b{display: block;padding:10px;position: relative;overflow: hidden;margin-top: 5px;}
#service ul li .con p b font{position: relative;z-index: 2;}
#service ul li .con p b::after{content: "";z-index: 1;background-color: #2da765;width: 100%;height: 100%;position: absolute;top: 100%;left: 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;}
#service ul li:hover .con p b::after{top: 0;}
#service ul li .con a{width: 160px;height: 35px;text-align: center;line-height: 33px;border: 1px solid #fff;border-radius: 5px;}
#service ul li .con a:hover{background-color: #fff;color: #2da765;}


#service .des-box{display: flex;gap:43px}
#service .des-box .url{}
#service .des-box .url b{display: block;padding-right: 10px;background-image: url(../images/url-back.webp);background-size: 100% 100%;
height: 40px;line-height: 40px;text-align: center;width: 180px;color: #fff;margin-bottom: 15px;}
#service .des-box .url a{width: 165px;height: 40px;line-height: 40px;display: block;
text-align: center;border: 1px solid #fff;border-radius: 5px;color: #fff;}
#service .des-box .url a:hover{background-color: #fff;color: #2da765;}
#service .des-box p{color: #fff;}



/**/
@media(max-width:1540px){
    #service ul li .con img{height: 40px;}
    #service ul li .con p{font-size: 22px;line-height: 26px;}
    #service ul li .con a{height: 30px;line-height: 28px;}
}

@media(max-width:1100px){
    #service ul li .con img{height: 30px;}
    #service ul li .con p{font-size: 18px;line-height: 24px;}

    #service ul{margin-bottom: 20px;}
    #service .des-box{flex-wrap: wrap;gap: 10px;}
    #service .des-box .url{width: 100%;}
    #service .des-box p{width: 100%;margin-top: 15px;}
}

@media(max-width:900px){ 
    #service ul li{width: 100%;}

    #service ul li .img{overflow: hidden;display: flex;justify-content: center;align-items: center;}
    #service ul li .img img{min-width: 500px;}
}













/*#why_choose*/
#why_choose{padding:95px 0 45px}
#why_choose .subtitle{}
#why_choose h2{margin:15px 0 40px;}

#why_choose ul{display: flex;gap:2%;flex-wrap: wrap;}
#why_choose ul li{width: 23.5%;margin-bottom: 63px;position: relative;}


#why_choose ul li .show{position: absolute;bottom: -37px;left: 0;right: 0;margin:0 auto;background-color: #f1f1f1;opacity: 1;z-index: 3;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;width: 90%;padding:15px 25px;padding-left: 55px;background-repeat: no-repeat;
background-position: 15px 15px;background-size: 29px auto;}
#why_choose ul li .img {position: relative;overflow: hidden;}
#why_choose ul li .img .hoverimg{opacity: 0;position: absolute;width: 100%;top: 0;left:0;z-index: 1;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
#why_choose ul li:hover .img .hoverimg{opacity: 1;}
#why_choose ul li:nth-child(1) .show{background-image: url(../images/chooicon1.png);}
#why_choose ul li:nth-child(2) .show{background-image: url(../images/chooicon2.png);}
#why_choose ul li:nth-child(3) .show{background-image: url(../images/chooicon3.png);}
#why_choose ul li:nth-child(4) .show{background-image: url(../images/chooicon4.png);}
#why_choose ul li:nth-child(5) .show{background-image: url(../images/chooicon5.png);}
#why_choose ul li:nth-child(6) .show{background-image: url(../images/chooicon6.png);}
#why_choose ul li:nth-child(7) .show{background-image: url(../images/chooicon7.png);}
#why_choose ul li:nth-child(8) .show{background-image: url(../images/chooicon8.png);}
#why_choose ul li .hide{position: absolute;bottom: -37px;left: 0;right: 0;margin:0 auto;background-color: #2da765;opacity: 0;
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;width: 90%;padding:25px;color: #fff;z-index: 3;}

#why_choose ul li:hover .show{opacity: 0;}
#why_choose ul li:hover .hide{opacity: 1;}

#why_choose .url-box {text-align: center;}
#why_choose .url-box a{display: inline-block;margin:0 10px;width: 160px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #2da765;color: #2da765;border-radius: 5px;}
#why_choose .url-box a:nth-child(1){background-color: #2da765;color: #fff;}


@media(max-width:1540px){
    #why_choose ul li{width: 32%;}
}

@media(max-width:1280px){

}

@media(max-width:1100px){
    #why_choose{padding:30px 0;}
    
    #why_choose ul li{width: 49%;margin-bottom: 20px;}
    #why_choose ul li .show,#why_choose ul li:hover .show{position: relative;bottom: 0;opacity: 1;width: 100%;}
    #why_choose ul li .hide{position: relative;bottom: 0;opacity: 1;width: 100%;}
}

@media(max-width:768px){
    #why_choose ul li{width: 100%;}
    #why_choose .url-box a{width: 120px;}
}









/**/
#brand {position: relative;}
#brand .brand-swiper{float: left;width: 65%;position: relative;}

#brand .brand-con{width: 57%;position: absolute;top: 9vw;z-index: 2;right: 0;background-color: #2da765;padding:95px 80px 40px;}
#brand .brand-con .box{width: 845px;}

#brand .brand-con *{color: #fff;}
#brand .brand-con .des{margin:40px 0;}

#brand .brand-con a{display: inline-block;width: 160px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;color: #fff;border-radius: 5px;}

#brand .brand-con a:hover{background-color: #fff;color: #2da765;}


#brand .brand-swiper .button-box{position: absolute;bottom: -75px;right: 36%;width: 110px;height: 55px;display: flex;}
#brand .brand-swiper .button-box .button{width: 50%;height: 100%;background-color: #f1f1f1;color: #333;line-height: 55px;text-align: center;font-size: 18px;}
#brand .brand-swiper .button-box .button:hover{background-color: #2da765;color: #fff;}


@media(max-width:1540px){
    #brand .brand-con{padding:35px 30px 30px;}
    #brand .brand-con .box{width: 100%;}
}

@media(max-width:1280px){


}

@media(max-width:1100px){
    #brand .brand-swiper{width: 100%;}
    #brand .brand-swiper .button-box{right: 0;bottom: 0;z-index: 3;width: 80px;height: 40px;}
    #brand .brand-swiper .button-box a{line-height: 40px;font-size: 16px;}
    #brand .brand-con{width: 100%;top: 0;position: relative;}

}

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






/**/
#cases{margin-top: 170px;}

#cases .title{float: left;}
#cases .title h2{margin-bottom: 10px;}
#cases .title .des{color: #666;}

#cases .con{float: right;width: calc(100% - 560px);color: #666;padding-top: 30px;}

#cases ul{margin-top: 60px;display: flex;gap:15px;}
#cases ul li{flex:1;position: relative;}

#cases ul li .img{position: relative;}

#cases ul li .img::after{content: "";background-image: url(../images/play-small.png);background-position: center;background-repeat: no-repeat;position: absolute;
width: 100%;height: 100%;top:0;left:0;background-color: rgba(0,0,0,0.5);}

#cases ul li .country{margin:20px 0 40px;}

#cases ul li .country p{position: relative;color: #666;}
#cases ul li .country p:nth-child(1){padding-left: 55px;}
#cases ul li .country p:nth-child(2){margin-top: 20px;}
#cases ul li .country img{width: 40px;margin-right: 15px;position: absolute;left: 0;top:-3px}

#cases .url-box {text-align: center;}
#cases .url-box a{display: inline-block;margin:0 10px;width: 160px;height: 40px;text-align: center;line-height: 38px;
border: 1px solid #2da765;color: #2da765;border-radius: 5px;}
#cases .url-box a:nth-child(1){background-color: #2da765;color: #fff;}




@media(max-width:1280px){

    #cases{margin-top: 300px;}

}

@media(max-width:1100px){

    #cases{margin-top: 30px;}

    #cases .con{width: 100%;padding-top: 10px;}

    #cases ul{margin-top: 30px;}

}

@media(max-width:768px){
    #cases ul{flex-wrap: wrap;gap:2%}
    #cases ul li{width: 49%;margin-bottom: 2%;flex: unset;}
    #cases ul li .country{margin-bottom: 20px;}

    #cases .url-box a{width: 120px;}
    #cases ul li .country p:nth-child(1){padding-left: 40px;}
    #cases ul li .country img{top: 0;width: 30px;}
}







/**/
#about{margin-top: 115px;}
#about .top .con{width: calc(100% - 595px);padding-bottom: 40px;}


#about .con-box {padding:45px 0 0px;background-color: #f7f7f7;}

#about .con-box .con{width: calc(100% - 595px);float: left;}


#about .con-box .con ul{display: flex;gap: 10%;flex-wrap: wrap;}
#about .con-box .con ul li{width: 17.5%;}

#about .con-box .con ul li b{font-size: 40px;color: #2da765;}
#about .con-box .con ul li b span{font-size: 14px;color: #666;font-weight: normal;}
#about .con-box .con ul li p{font-size: 14px;line-height: 20px;margin-top: 8px;color: #666;}

#about .con-box .con .des{margin:45px 0;}

#about .con-box .con a{display: inline-block;width: 160px;height: 40px;text-align: center;line-height: 40px;
border: 1px solid #2da765;color: #2da765;border-radius: 5px;}
#about .con-box .con a:hover{color: #fff;background-color: #2da765;}

#about .con-box .img{width: 515px;float: right;margin-top: -15%;}

#about .con-box .quote-box{height: auto;display: flex;transform: translateY(50%);margin-top: 50px;}

#about .con-box .quote-box p{width: calc(100% - 220px);background-color: #465863;padding:30px 25px;font-size: 20px;line-height: 24px;color: #fff;}
#about .con-box .quote-box a{width: 220px;display: flex;font-size: 20px;color: #fff;background-color: #2da765;text-align: center;justify-content: center;align-items: center;}



@media(max-width:1280px){
    #about .con-box .con ul li b{font-size: 30px;}
    #about .con-box .con ul li b span{font-size: 10px;}
    

}

@media(max-width:1100px){
    #about{margin-top: 30px;}
    #about .top .con{width: 100%;}


    #about .con-box{padding-top: 20px;}
    #about .con-box .con{width: 100%;}
    #about .con-box .con .des{margin:20px 0;}

    #about .con-box .img{position: relative;width: 100%;margin:0 auto;margin-top: 25px;display: flex;height: 300px;align-items: center;justify-content: start;overflow: hidden;}
    #about .con-box .img img{width: 100%;}

    #about .con-box .con ul li b{font-size: 24px;}
    
    #about .con-box .quote-box {
        transform: translateY(0%);margin-top: 20px;
    }

    #about .con-box .quote-box p{padding: 20px 20px;font-size: 16px;line-height: 21px;}
    #about .con-box .quote-box a{font-size: 16px;}

}

@media(max-width:768px){
    #about .con-box .con ul li{width: 45%;margin-bottom: 20px;}

    
    #about .con-box .quote-box p{padding: 15px 15px;font-size: 14px;line-height: 20px;width: calc(100% - 100px);}
    #about .con-box .quote-box a{font-size: 14px;width: 100px;}
}







/*#news_index*/
#news_index{padding:0 0 100px;margin-top: 150px;}

#news_index .subtitle{text-align: center;}
#news_index h2{text-align: center;}

#news_index .w1500>.des{margin:20px 0 50px;text-align: center;}
#news_index .w1500:nth-child(2){}
#news_index .news-list-left{width: 24%;height: 583px;background-color: #f8f8f8;float: left;margin-right: 1%;position: relative;}

#news_index .news-list-left .swiper-button{position: absolute;bottom:20px;right:20px;z-index: 33;}
#news_index .news-list-left .swiper-button div{display: inline-block;}
#news_index .news-list-left .swiper-button div:nth-child(1){margin-right: 10px;}
#news_index .news-list-left .swiper-button img{width: auto;}

#news_index .news-list-left .img{height: 223px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
#news_index .news-list-left .img img{height: 100%;width: auto;min-width: 100%;}
#news_index .news-list-left .con{padding:15px 20px;overflow: hidden;}
#news_index .news-list-left .con .tit{font-size: 24px;line-height: 30px;font-weight: 600;margin-bottom: 15px;}
#news_index .news-list-left .con .des{font-size: 16px;line-height: 21px;color: #666;}
#news_index .news-list-left .con .time{font-size: 14px;line-height: 20px;margin-top: 30px;color: #ccc;font-weight: 300;}

#news_index .news-list-center{width: 49.5%;height: 583px;float: left;margin-right: 1%;overflow: hidden;}
#news_index .news-list-center a{padding:18px 0;border-bottom:1px solid #ccc;display: flex;}
#news_index .news-list-center a:nth-child(1){border-top:1px solid #ccc;}
#news_index .news-list-center a .img{width: 165px;}
#news_index .news-list-center a .con{width: calc(100% - 165px);padding-left: 15px;}
#news_index .news-list-center a .tit{font-size: 18px;line-height: 24px;font-weight: bold;margin-bottom: 6px;
text-overflow: ellipsis;width: 100%;overflow: hidden;white-space: nowrap;}
#news_index .news-list-center a .des{font-size: 14px;line-height: 18px;height: 35px;color: #666;overflow: hidden;}
#news_index .news-list-center a .time{font-size: 14px;color: #ccc;margin-top: 20px;}


#news_index .news-list-right{width: 24.5%;height: 583px;background-color: #f8f8f8;float: right;padding:0 15px;padding-top: 30px;padding-bottom: 40px;}
#news_index .news-list-right .h4_title{float: left;font-size: 20px;font-weight: bold;}
#news_index .news-list-right>a{float: right;font-size: 14px;color: #2da765;padding-right: 20px;
background-image: url(../images/sjtl.png);background-repeat: no-repeat;background-size: auto;background-position: right center;}
#news_index .news-list-right>a:hover{color: #2da765;background-image: url(../images/sjtl.png);}


#news_index .news-list-right .know_box{margin-top: 25px;padding-top: 20px;border-top: 1px solid #ccc;}
#news_index .news-list-right .know_box .tit{font-size: 16px;line-height: 20px;height: 40px;font-weight: bold;margin-bottom: 3px;}
#news_index .news-list-right .know_box .des{font-size: 14px;line-height: 18px;height: 40px;color: #666;}
#news_index .news-list-right .know_box .con{margin-top: 15px;height: 80px;overflow: hidden;}
#news_index .news-list-right .know_box a:nth-child(1) .con{margin-top: 0;}


@media(max-width:1500px){
    #news_index .news-list-left .img img{min-width: unset;}
}

@media(max-width:1100px){
    #news_index{padding:0 0 35px;margin-top: 30px;}
    #news_index .news-list-left{width: 100%;height: auto;}
    #news_index .news-list-center{width: 100%;margin-top: 20px;height: auto;}
    #news_index .news-list-right{width: 100%;margin-top: 20px;height: auto;padding: 20px 15px;}
    #news_index .news-list-left .con{padding:15px;}
    #news_index .news-list-left .con .tit{font-size: 20px;line-height: 25px;}
    #news_index .news-list-left .con .des{font-size: 14px;line-height: 17px;}
    #news_index .news-list-left .con .time{margin-top: 20px;}
    #news_index .news-list-center a .tit{font-size: 16px;line-height: 20px;}
    #news_index .news-list-center a .des{font-size: 13px;}
    #news_index .news-list-right .know_box .tit{font-size: 15px;}
    #news_index .news-list-right .know_box .des{font-size: 13px;line-height: 17px;}

    #news_index .news-list-left .img{justify-content: left;}
}

@media(max-width:768px){
    #news_index .news-list-left{width: 100%;height: auto;}
    #news_index .news-list-center{width: 100%;margin-top: 20px;height: auto;padding-left: 0;padding-right: 0;}
    #news_index .news-list-center a{height: auto;}
    #news_index .news-list-center a .con{padding-left: 10px;}
    #news_index .news-list-center a .tit{font-size: 14px;line-height: 17px;}
    #news_index .news-list-center a .des{font-size: 12px;line-height: 16px;}
    #news_index .news-list-center a .height{height: auto;}
    #news_index .news-list-right .know_box .tit{font-size: 14px;}
    #news_index .news-list-right .know_box .des{font-size: 12px;line-height: 16px;height:35px;}
    #news_index .news-list-right .know_box .con{height: auto;}

    #news_index .news-list-center a .time{font-size: 12px;}
}



/***/
#quote-top{padding:120px 0;background-image: url(../images/bottom-back.png);background-repeat: no-repeat;background-position: center;
background-size: cover;background-attachment: fixed;}

#quote-top .subtitle{text-align: center;color: #fff;}
#quote-top h2{text-align: center;color: #fff;margin:30px 0 90px}

#quote-top ul{display: flex;justify-content: center;gap: 8%;}
#quote-top ul li{text-align: center;width: 15%;}

#quote-top ul li img{width: auto;height: 60px;margin: 0 auto;}
#quote-top ul li p{color: #fff;margin-top: 15px;}



@media(max-width:1100px){
    #quote-top{padding:40px 0;}
    #quote-top h2{margin:20px auto 25px;}
    #quote-top ul li img{height: 40px;}
    #quote-top ul li p{}
}

@media(max-width:768px){
    
    #quote-top ul{gap: 5%;flex-wrap: wrap;}
    #quote-top ul li{width: 45%;margin-bottom: 5%;}
    #quote-top ul li img{height: 30px;}
}



/**/
#quote-bottom{margin:40px 0 80px}
#quote-bottom .w1500{background-image: url(../images/quote-back.png);background-repeat: no-repeat;background-position: center;
background-size: cover;padding:70px 0 60px;border-radius: 10px;}


#quote-bottom .w1500 .box{width: 730px;padding-left: 50px;}

#quote-bottom .url-box {margin-top: 40px;}
#quote-bottom .url-box a{display: inline-block;margin:0 10px;width: 160px;height: 40px;text-align: center;line-height: 40px;
border: 1px solid #2da765;color: #2da765;border-radius: 5px;}
#quote-bottom .url-box a:nth-child(1){background-color: #2da765;color: #fff;}

@media(max-width:1540px){
    #quote-bottom .w1500{padding:60px 20px 50px;}
}


@media(max-width:1100px){ 
    #quote-bottom {margin:0;}
    #quote-bottom .w1500{padding:30px 20px 30px;border-radius: 0;}
    #quote-bottom .w1500 .box{width: 100%;padding-left: 0px;}
    #quote-bottom .url-box a{width: 120px;}
}


/*hide-form*/
#hide-quote{display: none;position: fixed;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;top:0;left: 0;z-index: -1;
display: flex;align-items: center;justify-content:center;opacity: 0;}
#hide-quote.active{z-index: 99999;animation: toShow 0.6s forwards;}

#hide-quote .hide-box{padding:55px 90px;background-color: #fff;border-radius: 10px;position: relative;width: 100%;max-width: 1000px;height: 90%;
    overflow-y: auto;}
#hide-quote .hide-box h2{margin-bottom: 50px;}
#hide-quote .hide-box .close{position: absolute;right: 3%;top: 3%;border-radius: 50%;width: 25px;height: 25px;text-align: center;line-height: 25px;
background-color: #2da765;color: #fff;}



.hide-box form{display: flex;flex-wrap: wrap;gap:5%;}
.hide-box form .input-box{width: 47.5%;margin-top: 25px;}
.hide-box form .input-box label{ display: block; font-size: 16px; color: #666;margin-bottom: 10px;}
.hide-box form .input-box em{color: red;display: inline-block;}
.hide-box form .input-box input{ display: block;width: 100%;border: 1px solid #ccc;padding:0 15px;height: 47px;line-height: 47px;font-size: 16px;color: #666;}
.hide-box form .input-box select{display: block;width: 100%;border: 1px solid #ccc;padding:0 15px;height: 47px;line-height: 47px;font-size: 16px;line-height: 24px;color: #666;}
.hide-box form .input-box textarea{display: block;width: 100%;border: 1px solid #ccc;padding:15px;font-size: 16px;line-height: 24px;color: #666;height: 120px;}
.hide-box form .input-box .upload-box{background-color: rgba(45, 167, 102,0.3);padding:15px;margin-top: 26px;font-size: 14px;line-height: 20px;color: #666;
position: relative;display: block;height: 120px;}
.hide-box form .input-box .upload-box input{opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}


.hide-box form .policy-box{margin:25px 0;width: 100%;}
.hide-box form .policy-box input{display: inline-block;margin-right: 10px;position: relative;top:2px;}

.hide-box form #subBtn,
.hide-box form #subBtn2{padding:10px 80px;background-color:#2da766;color: #fff;font-size: 16px;border: 0;}

@media(max-width:1100px){
    .hide-box form .input-box{width: 100%;margin-top: 15px;}
    .hide-box form .input-box input{font-size: 14px;height: 30px;}
    .hide-box form .input-box label{font-size: 14px;}
    .hide-box form .input-box select{font-size: 14px;}

    #hide-quote .hide-box{width: 90%;padding: 45px 20px;}
    #hide-quote .hide-box h2{margin-bottom: 20px;}
}



#outvideo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
    z-index: 9999;
}

#outvideo .posbox {
    position: relative;
    z-index: 89;
    background: #000;
    max-width: 65%;
    width: 100%;
    height: 65%;
    justify-content: center;
    align-items: center;
    display: flex;
}

#outvideo .posbox iframe {
    width: 100%;
    height: 100%;
}

#outvideo .posbox a {
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
}

#outvideo .posbox a::after {
    content: "X";
    width: 100%;
    height: 100%;
    line-height: 40px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    transform: scale(1,0.76);
}
#industrial-model2 .img, #industrial-model8 .img{
  width: 100%!important;
  border:none
}
@media screen and (max-width: 768px) {
    #outvideo .posbox {
        max-width: 90%;
        height: 70%;
    }
}

.solution_index_pcb {
	cursor:pointer;
}

.solution_index_pcba {
	cursor:pointer;
}




#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%;}

#banner_top .video-box .w1500{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;right: 0;}


@media(max-width:1100px){
    #banner_top .video-box video{width: auto;height: 600px;}
}