.banner{

    position: relative;

    background: #34394c url(../images/banderabout.jpg) no-repeat;

    background-size: 100% 100%;

}



.banner img{

    width: 100%;

    max-width: 100%;

}



.banner-txt{

    color: #33394a;

    /* position: absolute; */

    /* top: calc(50% + 100px); */

    /* left: 50%; */

    max-width: 1400px;

    /* transform: translate(-50%,-50%); */

    margin: 0 auto;

    width: 100%;

    height: 100%;

    padding-top: 1rem;

    padding-bottom: 30px;

}







.banner-txt-title{







    font-size: 52px;



    font-weight: 600;



    color: #ffffff;







}







.banner-txt-p{
    max-width: 680px;
    margin-top: 1%;
    color: #ffffff;
    line-height: 2;
}



.abtitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#666666;
}



.bomabtitle{
    font-size: 26px;
    font-weight: 600;
    color: #cd0000;
}

.bomabtitle .counter{

    font-size: 26px;

    font-weight: 600;

    color: #cd0000;

}

.about-tu{



    position: relative;



    /*width: 163px;*/



    display: flex;



    border: 0;



    background-color: #04cdae;



    color: white;



    margin-right: 30px;



    border-radius: 16px;



    align-items: center;



    height: 56px;



    padding-right: 15px;

    

    overflow: hidden;



}





.banner-txt-table{

    position: relative;

    display: flex;

    justify-content: center;

    border-radius: 16px;

    align-items: center;

    line-height: 2;

    margin-top: .3093rem;

    max-width: 900px;

    background-color: white;

    padding: 30px 15px; 

    gap: 15px;

}



.bottom{



    width:10px;



    height:10px;



    border-bottom:1px solid #666666;



    border-right:1px solid #666666;



    transform:rotate(45deg);



    margin-left: 10px;



}



.about-fi{



    display: flex;



    margin-top: 30px;



    align-items: center;



}



.about-fi img{



    height: 31px;



    width: 31px;



}



.about-fi p{



   font-size: 18px;



    font-weight: 24;



    color: white;



}



.banner-txt-ner{



    display: flex;



    margin-right: 55px;



    font-size: 24px;



    margin-bottom: 30px;



    color: #686a78;



}



.banner-txt-ner img{



    width: 24px;



    height: 24px;



}

.banner-txt-ner p{

    display:flex;

    align-items:center;

    color:#b5b6bb;

}

.banner-txt-ner p::before{

    content:"";

    width:20px;

    height:2px;

    background-color:#a2a4ad;

    display:inline-block;

    margin:0 15px;

}



.about-fi-ner{



    display: flex;



    margin-right: 55px;



    align-items: center;



}



.about-tu img{



    width: 24px;



    margin-left: 10px;



    height: 21px;



}



.about-line{
    margin: auto;

}







body{







    counter-reset: section; 







}



.product-title {
    max-width: 1400px;
    margin: 30px auto 2%;
    overflow: hidden;



}



.product-title p {



    float: right;



    position: relative;



    /*padding: 25px 0;*/



    width: 47%;



    margin-top:2vh;



}



.product-title .btitle {



    width: 100%;



    font-size: 50px;



    color: #333333;



    font-weight: 600;



    text-align: center;



}



.product-title .js {
   color: #666666;
    line-height: 2;
    padding-top: 1%;
    line-height: 2;
}



.product-titlel {



    max-width: 1400px;



    padding: 65px 0;



    margin: 0 auto;



    overflow: hidden;



}

.product-titlel .abjuyo-loiyxh{

    display:flex;

    align-items:center;

    margin-top:5vh;

}



.product-titlel p {



    float: right;



    position: relative;



    padding: 25px 0;



    width: 47%;



}



.product-titlel .btitlel {



    width: 100%;



    font-size: 50px;



    color: #ffffff;



    font-weight: 600;



    text-align: center;



}



.product-titlel .jsl {
    color: #ffffff;
    line-height: 2;
    padding-top: 1%;
}







.about-show2{



    background:url('../images/aboutmkl.png') no-repeat;



    height: 880px;

    background-size:100% 100%;



}



.about-hgiu{



    float: left;



    background:url('../images/luenkuang.png') no-repeat;



    position: relative;



    width: 28%;



    height: 610px;



    margin-top: 40px;



    background-position-x: -148px;



}



.about-hgigi{



    float: right;



    margin-top: 40px;



    width: 70%;



    position:relative;



}



.about-hgigi .two-img{

    display:flex;

    margin-bottom:30px;

}

.about-hgigi .two-img img:first-child{

    width:66%;

}

.about-hgigi .two-img img:last-child{

    width:33%;

}

.about-hgigi .three-con{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.about-hgigi .three-con img{

    max-width:100%;

}

.about-hgigi .three-con img:nth-child(1),.about-hgigi .three-con img:nth-child(2),.about-hgigi .three-con .about-aksiu{

    width:33%;

}

.about-hsko{



/*height: 577px;*/



display:flex;

align-items:center;



}



.bt1{



    position: absolute;



    top:50px;



    left:70px;



}



.bt1:before{

    content:"";

    background:url(../images/1_03.png) no-repeat;

    width:144px;

    height:144px;

    display:block;

    position:absolute;

    left:-45px;

     top:-52px;

}

.bt1:hover:before{

    content:"";

    background:url(../images/1_03.png) no-repeat;

    width:144px;

    height:144px;

    display:block;

    position:absolute;

    left:-45px;

     top:-52px;

}

.bt2{



    position: absolute;



    left: 145px;



    top: 185px;



}



.bt2:before{

    content:"";

    background:url(../images/bt2.png);

    width:57px;

    height:57px;

    display:block;

    position:absolute;

    /*left:-45px;

     top:-52px;*/

}

.bt2:hover:before{

     content:"";

    background:url(../images/2_03.png);

    width:144px;

    height:144px;

    display:block;

    position:absolute;

    left:-42px;

    top:-40px;

}

.bt2:hover .bt1:before{

     content:"";

    background:url(../images/bt1.png) no-repeat;

    width:57px;

    height:57px;

    display:block;

    position:absolute;

}

.bt3{



    position: absolute;



    top: 344px;



    left: 147px;







}

.bt3:before{

    content:"";

    background:url(../images/bt3.png);

    width:57px;

    height:57px;

    display:block;

    position:absolute;

}

.bt3:hover:before{

     content:"";

    background:url(../images/3_03.png);

    width:144px;

    height:144px;

    display:block;

    position:absolute;

    left:-42px;

    top:-40px;

}

.bt4{



    position: absolute;



    top: 502px;



    left: 56px;



}

.bt4:before{

    content:"";

    background:url(../images/bt4.png);

    width:57px;

    height:57px;

    display:block;

    position:absolute;

}

.bt4:hover:before{

     content:"";

    background:url(../images/4_03.png);

    width:144px;

    height:144px;

    display:block;

    position:absolute;

    left:-42px;

    top:-40px;

}



.about-aksiu{



    padding-left: 25px;



    /*padding-top: 60px;*/



    position:absolute;



    bottom:0;



    right:0;



    width:40%;







}



.about-aksiu h1{



    text-align: left;

    font-size:18px;





}



.about-aksiu p{
    text-align: left;
    width: 100%;
    float: left;
    line-height:2;
}



.abjuyo{



  width: 50%;



    float: left;







}

.abjuyo img{

    max-width:100%;

    margin: 0 auto;

}



.loiyxh{



    width: 50%;



    float: right;



    display:flex;

    align-items:center;

    flex-direction:column;



}



.loiyxh-ner{



    padding-left: 20px;



}



.loiyxh-ner h2{



    text-align: left;



    color: white;



    font-size: 32px;







}



.loiyxh-ner p{
    text-align: left;
    color: white;
   float: left;
    padding: 20px 0;
    width: 100%;
    line-height:2;
    word-break: break-word;
}



.loiyxh-yui{



    display: flex;



    /*height: 160px;*/



    align-items: flex-start;



}



.about-show3-ner{

    max-width: 1400px;

    margin: 0 auto 2rem;
    overflow: hidden;



}



.about-show3-ner-a{



display: flex;

justify-content:space-between;
gap: 15px;



}







.about-show3-ner-a img{
  width: calc((100% - 75px) / 6);

}



.jsabout-a h2,.certificate h2{
    color: #666666;
    margin-top: 45px;
    font-size: 50px;
    text-align: center;
    margin-bottom: 20px;
}



.jsabout-a p,.certificate p{
    color: #666666;
     line-height: 2;
     margin-bottom: 20px;

}
.certificate img{
    max-width: 100%;
}

.jsabout-c{



    display: flex;



    justify-content: center;



    margin-top: 40px;



    flex-wrap: wrap;



    gap: .2062rem;



}







.about-anniu p{



    font-size: 18px;



}



.ab-img{



    /* position: absolute; */



    /* top: 77px; */



    /* right: -16px; */



    /* z-index:-1; */

    margin-top: 35px;

    margin-left: -130px;



}



.about-anniu{



    /* position: absolute; */



    width: 184px;



    font-size: 20px;



    display: flex;



    border: 0;



    background-color: #04cdae;



    color: white;



    border-radius: 24px;



    /* top: 54px; */



    align-items: center;



    justify-content: center;



    height: 53px;



}



.jsabout-cneir{



    position: relative;



    width: 579px;



    display: flex;



    align-items: center;



}



.btss0{

    top:0;

    left:22px;

}



.btss1{

    top:136px;

    left:105px;

}



.btss2{

    top:302px;

    left:100px;

}



.btss3{

    top:456px;

    left:7px;

}

.about-img img{

    max-width:100%;

}





.btt:before{

    content:"";

    background:url(../images/bt1.png) no-repeat;

    width:57px;

    height:57px;

    display:block;

    position:absolute;

    top:0;

    left:0;

}
#video{
    display: none;
}
@media screen and (max-width:1600px){

    .about-show2{

        height:auto;

    }

}





@media screen and (max-width:1400px){

.banner-txt,.about-show3,.product-title,.product-titlel{
    padding-left: 15px;
    padding-right: 15px;
}
.banner-txt-title,.product-title .btitle,.product-titlel .btitlel,.jsabout-a h2,.certificate h2{
    font-size: 40px;
}

}
@media (max-width:1200px){
    .about-hsko{
        display: none;
    }
    #video{
        display: block;
    }
}
@media screen and (max-width:1080px){

    .about-aksiu{

        bottom:0;

    }

    .about-show3-ner{

        margin-bottom: 50px;

    }
    .product-titlel{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-titlel .abjuyo-loiyxh{

        flex-wrap: wrap;

        flex-direction: column;

    }

    .abjuyo,.loiyxh{

        width: 100%;

    }
    .about-show2{
        background: #343a4c;
    }

    .banner-txt-title, .product-title .btitle, .product-titlel .btitlel, .jsabout-a h2,.certificate h2{
        font-size: 30px;
    }
    .loiyxh-ner h2{
        font-size: 20px;
    }
    .about-show3-ner-a{
        flex-wrap: wrap;
    }
    .about-show3-ner-a img{
        width: calc((100% - 30px) / 3);
    }

}
@media screen and (max-width:768px){
    .banner-txt-table{
        flex-wrap: wrap;
    }
    .jsabout-b{
        flex-wrap: wrap;
    }
    .about-fi{
        flex-wrap: wrap;
        display: none;
    }
    .product-title .btitle, .product-titlel .btitlel, .jsabout-a h2,.certificate h2{
        font-size: 24px;
    }
    .ab-img{
        display: none;
    }
    .about-show3-ner-a img{
        width: calc((100% - 15px) / 2);
    }
 
    .bomabtitle .counter{
        font-size: 20px;
    }
}

@media (max-width:500px){
    .loiyxh-yui img{
        width: 15vw;
    }
}