@charset "UTF-8";


.indexNavBox{
    top: 0px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    background-image: linear-gradient(#000, rgb(255 255 255 / 0%));
}
.indexHeadBJ{
    background: #000;
    padding: 6px 0;
}
.indexHead{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.indexHeadL{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.indexHeadL a{
    color: #fff;
    padding-right: 60px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}
.indexHeadL i{}
.indexHeadR{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.shemei{
    padding-right: 40px;
}
.shemei a{
    color: #fff;
    padding: 0 5px;
}
.shemei a i{
    font-size: 20px;
    line-height: 1em;
}
.language{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.language a{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border-left: 1px solid #fff;
    line-height: 1em;
}
.language img{
    height: 14px;
    padding-right: 5px;
}
.language a:nth-child(1) img{display:none;}
.language a:nth-child(3) img{display:none;}
.indexNav{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.logo{}
.logo img{
    max-height: 70px;
}
#Nav{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
}
#Nav>li{
    position: relative;
}
#Nav>li>a{
    padding: 0 25px;
    /* text-transform:uppercase; */
    line-height: 80px;
    cursor: pointer;
    color: #fff;
    font-weight:500;
    font-size: 17px;
    
}
#Nav>li>a.this{/*color: #25937c;font-weight:bold;*/}
#Nav>li>ul{
    display:none;
    position: absolute;
    z-index: 99;
    left: -5px;
    z-index: 2;
    background: #25937c;
    border-top: 1px solid #25937c;
    min-width: 100%;
    padding: 10px 0;
    box-shadow: 0 2px 6px 0 rgba(32,33,36,0.28);
}
#Nav>li>ul>li{
    position: relative;
}
#Nav>li>ul>li>a{
    display: block;
    padding: 5px 25px;
    white-space: nowrap;
    color: #fff;
}

#Nav>li>ul>li>ul{
    top: 0px;
    display: none;
    position: absolute;
    z-index: 99;
    left: 100%;
    z-index: 2;
    background: #25937c;
    border-top: 1px solid #25937c;
    min-width: 100%;
    padding: 10px 0;
    box-shadow: 0 2px 6px 0 rgba(32,33,36,0.28);
}
#Nav>li>ul>li>ul>li{}
#Nav>li>ul>li>ul>li>a{
    display: block;
    padding: 5px 25px;
    white-space: nowrap;
    color: #fff;
}

.sousuo{
    background: #25937c;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    position: relative;
}
.sousuo input{
    display: block;
    line-height: 36px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    text-indent: 10px;
    width: 0px;
    position: absolute;
    right: 40px;
    top: 0px;
    background: #25937c;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
} 
.sousuo button{
    background: none;
    height: 36px;
    padding: 0 10px;
}
.sousuo button i{
    color: #fff;
    font-size: 20px;
}
 .sousuo:hover input{ width: 150px; }


.sousuo input::-webkit-input-placeholder{color: rgb(255 255 255 / 0.5); } 
.sousuo input::-moz-placeholder {color: rgb(255 255 255 / 0.5);}
.sousuo input::-ms-input-placeholder {color: rgb(255 255 255 / 0.5);} 


.indexAboutBJ{
    background: #e2e5ee;
    position: relative;
    margin: 0 130px 60px;
}
.indxAbout{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    position: relative;
    margin: 0 auto;
}
.indxAboutImg{
    width: 50%;
    position: relative;
    background: #fff;
    padding-top: 60px;
    margin-bottom: -60px;
    z-index: 3;
}
.indxAboutImg img{
    position: relative;
    width: 100%;
}
.indxAboutImg:after{content:'';display: block;background: #e2e5ee;width: 60px;height: 60px;position: absolute;left: 0px;top: 0px;} 
.indxAboutTxt{
    position: absolute;
    padding-right: 700px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    min-height: 100%;
}
.indxAboutTxt:after{content:'';display: block;position: absolute;width:500px;height: 100%;top: 0px;background: #e2e5ee;left: 80px;z-index: -1;opacity: 0;} 
.indxAboutTxt h3{
    font-size: 40px;
    padding-bottom: 20px;
    text-transform:uppercase;
}
.indxAboutTxt p{
    padding-bottom: 1em;font-size: 18px;
}
.indxAboutTxt .indxAboutTxtMore{
    background: #25937c;
    color: #fff;
    padding: 8px 30px;
    border-radius: 40px;
    margin: 20px 0 0 0;
    position: relative;
    left: 0px;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}
.indxAboutZw{ width: 50%; }

.indexProductBJ{
    padding: 1rem 0px;
    margin: 0 130px;
}
.indexProductHead{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 40px;
}
.indexProductHead h2{
    font-size: 40px;
    text-transform:uppercase;
    line-height: 1em;
    color: #25937c;
    padding-bottom: 20px;
    width: 100%;
}
.indexProductHeadTxt{
    width: calc(100% - 460px);
}

.indexProductHeadTxt a{
    padding: 20px 0 0 40px;
    position: relative;
    color: #25937c;
}
.indexProductHeadTxt a:after{content:'';display: block;width: 28px;height: 2px;background: #25937c;position: absolute;left: 0px;bottom: 11px;}
.ProjectsTxt a:after{content:'';display: block;width: 28px;height: 2px;background: #25937c;position: absolute;left: 0px;bottom: 11px;}
.indexProductHeadTxt p{font-size: 18px;}
#indexProduct{padding-bottom: 60px;}
#indexProduct .swiper-slide{}
#indexProduct a{
    background: #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom:40px;
}
#indexProduct a img{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
#indexProduct a h3{
    text-align: center;
    position: relative;
    font-size: 18px;
    padding: 0 10px;
    font-weight: 500;
}
#indexProduct a div{
    position: relative;
    padding-bottom: 100%;
    width: 100%;
}

#indexProduct .swiper-button-next{ margin-top: -44px; }
#indexProduct .swiper-button-prev{margin-top: -44px; }
.indexProduct{}

.indexContactBJ{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #25937c;
    margin: 0;
}
.indexContact{
    position: absolute;
}
.indexContacTxt{
    width: 30%;
}
.indexContacTxt p{
    color: #fff;
    font-size: 20px;
}
.indexContacTxt p strong{   color: #fff;
    font-size: 26px;padding-bottom:10px;}
.indexContacTxt a{
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    padding: 1em 0 0 0;
}
.indexContacImg{
    width: 60%;
}
.indexContacImg span{
    display: block;
}
.indexContacImg img{
    width: 100%;
}

.indexContacZw{ width: 40%; }
.footBJ{
    background: #070304;
}
.foot{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 60px 0;
}
.foot h3{
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px;
    text-transform:capitalize;
}
.footA{
    width: 24%;
    position: relative;
}
.footA .Em{
    /* background: #fff; */
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    /* justify-content: center; */
    align-items:center;
    /* width: 250px; */
    /* height: 80px; */
    /* border-radius: 10px; */
}
.footA .Em i{
    color: #000;
    font-size: 60px;
    margin-right: 10px;
    line-height: 1em;
}
.footA .Em em{
    color: #000;
    font-size: 20px;
}
.Footshemei{
    padding: 20px 0;
}
.Footshemei a{
    text-align: center;
    color: #fff;
    line-height: 44px;
    margin-right:20px;
    background: #25937c;
    width: 36px;
    height: 36px;
    border-radius:4px;
    position: relative;
}
.Footshemei i{
    font-size: 26px;
    position: relative;
    line-height: 1em;
}
.footB{}
.footB a{
    display: block;
    color: #fff;
    font-size: 14px;
    padding-bottom: 8px;
     
    position: relative;
    padding-left: 15px;
}
.footB a:last-child{ margin-bottom:0px; padding-bottom: 0px; }
.copyright{
    color: #fff;
    text-align: center;
    padding: 20px;
    border-top: 1px solid rgb(255 255 255 / 0.5);
    opacity: 0.8;
    font-size: 14px;
}


.indexProjects{
    background: #e2e5ee;
    padding: 0 0 1rem 0;
}
.indexProjectsNr{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    margin-bottom: -2rem;
}
.indexProjectsNr img{
    order: 2;
    width: 50%;
    min-height: 50vh;
}
.ProjectsTxt{position: absolute;padding-right:700px;}
.ProjectsTxt h3{
    text-transform:uppercase;
    padding: 2em 0 20px;
    font-size: 40px;
}
.ProjectsTxt p{
    
    font-size: 18px;
}
.ProjectsTxt a{
    padding: 20px 0 0 40px;
    position: relative;
    color: #25937c;
}
.ProjectsTxt a i{
    font-size: 20px;
    position: relative;
    top: 2px;
}





.indexProjectsList{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin: 0 130px;
    }
.indexProjectsLi span{
    display: block;
    position: relative;
    padding-bottom: 66%;
}    
#indexProjects{ }
.indexProjectsList .More{
    width: 2.8rem;
    height: 0.8rem;
    border-radius: 40px;
    background: #25937c;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    position: relative;
    left: 0px;
    transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.indexProjectsList .More i{
    font-size: 32px;
    margin-left: 10px;
}
#indexProjects{
    margin: 0;
    padding-bottom: 10px;
    width: calc(100% - 3.2rem);
}
#indexProjects a{
    background: #fff;
}
#indexProjects a:hover h3{color:#25937c;}
.indexProjectsLi{
    padding: 10px 10px 30px;
    box-shadow: 0 3px 6px 0 rgb(131 131 133 / 28%);
}
.indexProjectsLi img{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
.indexProjectsmiaosu{
    padding: 0 20px;
} 
.indexProjectsmiaosu h3{
    color: #141a20;
    font-size: 22px;
    font-weight: 500;
    overflow: hidden;
    margin: 15px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.indexProjectsmiaosu p{
    color: #000;
    font-size: 16px;
  
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

 .indexProjectsmiaosu em{
    background: #25937c;
    width: 135px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 40px;
}
 .indexProjectsmiaosu em i{}
 

 .fixed .indexNavBox{
     
box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
     
position: fixed;
     
top: -41px;
     
-moz-animation: myMove 0.5s linear  alternate;
     
-webkit-animation: myMove 0.5s linear  alternate;
     
-o-animation: myMove 0.5s linear  alternate;
     
animation: myMove 0.5s linear  alternate;
     
background: #fff;
 }
 
 
@-moz-keyframes myMove{0%{top:-150px}
100%{top:-41px}
}@-webkit-keyframes myMove{0%{top:-150px}
100%{top:-41px}
}@-o-keyframes myMove{0%{top:-150px}
100%{top:-41px}
}@keyframes myMove{0%{top:-150px}
100%{top:-41px}
}
 
#indexBanner{/* margin-top: 119px; */}

.w90{ width: 80%; margin:0 auto; }

.footform{
    width: 340px;
}
.footform form{
    display: block;
    width: 100%;
}
.footform input{
    width: 100%;
    line-height: 35px;
    height: 35px;
    margin-bottom: 12px;
    font-size: 14px;
    padding: 0 10px;
    background: none;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 0.5);
}
.footform textarea{
    padding: 10px;
    width: 100%;
    border: none;
    display: block;
    height: 60px;
    margin-bottom: 0px;
    font-size: 14px;
    border: 1px solid rgb(255 255 255 / 0.5);
    background: none;
    color: #fff;
}
.footform button{
    height: 35px;
    color: #fff;
    background: #25937c;
    font-size: 14px;
    width: 120px;
}
 

.BreadcrumbsBJ{
     
position: relative;
     
margin-top: 120px;
}
.BreadcrumbsBJ>img{
    width: 100%;
    height: 300px;
}
.Breadcrumbs{
    position: absolute;
    bottom: 20px;
}
.BreadcrumbsNr{
    display: inline-block;
    background: url()rgba(37, 147, 124, 0.8) right 25px no-repeat;
    padding: 10px 100px 10px 20px;
}
.BreadcrumbsNr h2{
    color: #fff;
    text-transform:uppercase;
    font-size: 26px;
}
.Mbx{
    color: #fff;
}
.Mbx i{
    color: #fff;
    font-size: 18px;
}
.Mbx a{
    color: #fff;
}
.BreadcrumbsBox{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}



.About{padding: 1rem 0;}
.AboutA{}
.AboutA p{ margin-bottom: 1em; }

.AboutB{
    padding: 0.5rem 0;
}
.AboutB ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.AboutB ul li{
    width: 24%;
    text-align: center;
    border: 2px solid #25937c;
    padding: 40px 20px;
}
.AboutB ul li img{
    height: 80px;
    margin: 0 auto;
}
.AboutB ul li h3{
    text-transform:uppercase;
    font-size: 22px;
    padding: 20px 0;
    color: #25937c;
}
.AboutB ul li p{
    font-size: 15px;
    padding: 0 20px;
}
.AboutC{
    padding: 0.5rem 0;
}
.AboutC h3{
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    padding-bottom: 1em;
    color: #25937c;
}
.AboutC img{
    max-width: 100%;
    margin: 0 auto;
}

.AboutD{}
.AboutDTitle{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: center;
}
.AboutDTitle h3{
    font-size: 36px;
    color: #000;
    text-transform:uppercase;
}
.AboutDTitle h3:after{content:'';width: 60px;height: 4px;display: block;border-radius: 4px;background: linear-gradient(to right, #25937c , #7ef4ad);margin: 10px 0;}
.AboutDBut{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.AboutDBut button{
    background: #ddd;
    width: 36px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    display: block;
    margin-left: 20px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}
.AboutDBut i{
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 2px;
} 
.AboutDBut button:nth-child(1){}
.AboutDBut button:nth-child(2){}

#AboutD{}
#AboutD p{
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
}
#AboutD img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

#AboutD em{
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 66%;
}

.AboutDBut button:hover{background:#25937c;}

#AboutE .swiper-slide{ width: 300px; }
#AboutE img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

#AboutE em{
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    padding-bottom:140%;
}
.AboutE{padding: 1rem 0 0;}


.HistoryList{
    padding: 0 1rem;
}
.HistoryList>ul{
    position: relative;
}
.HistoryList>ul>li{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 40px;
}
.HistoryList>ul>li:nth-child(2n){}
.HistoryListImg{
    width: 50%;
    padding-right: 50px;
}
.HistoryListImg img{
    max-width: 100%;
}
.HistoryListTxt{
    width: 50%;
    position: relative;
    padding-left: 50px;
}
.HistoryListTxt>strong{
    font-weight: bold;
    font-size: 36px;
}
.HistoryListTxt .BJQ{}
.HistoryListTxt .BJQ p{}
.HistoryList>ul>li:nth-child(2n) .HistoryListImg{
    order: 2;
    padding: 0 0 0 50px;
}
.HistoryList>ul>li:nth-child(2n) .HistoryListTxt{
    padding: 0 50px 0 0;
    text-align: right;
}
.HistoryBJ{
    padding: 1rem 0;
}
.History{}
.HistoryTitle{
    padding-bottom: 40px;
    text-align: center;
}
.HistoryTitle h2{
    font-size: 60px;
    color: #d9d9d9;
}
.HistoryTitle h3{
    color: #3a3a3a;
    font-size: 42px;
    text-shadow: 1px 2px 2px #ddd;
}
.HistoryTitle span{}
.HistoryTitle h3 strong{
    color: #25937c;
    text-shadow: 1px 2px 2px #ddd;
    font-size: 42px;
}
.HistoryTitle h4{
    font-size: 20px;
    color: #6a6a6a;
    font-weight: normal;
}
.HistoryList>ul:after{content:'';width: 1px;position: absolute;left: 50%;height: 100%;background: #ddd;z-index: 2;top: 0px;} 
.HistoryListTxt:after{content:'';display: block;width:10px;height: 60px;background: #25937c;position: absolute;left: 0px;top: 0px;} 

.HistoryList>ul>li:nth-child(2n) .HistoryListTxt:after{content:'';display: block;width:10px;height: 60px;background: #25937c;position: absolute;left: auto;top: 0px;right: 0px;} 



.productListBJ{
    padding: 1rem 0;
}
.productList{}
.productList>ul{}
.productList>ul>li{
    margin-bottom: 1rem;
    position: relative;
}
.productListNr{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    position: relative;
    z-index: 2;
}
.productListNrImg{
    width: 50%;
}
.productListNrImg img{
    max-width: 100%;
    margin: 0 auto;
}
.productListNrTxt{
    width: 50%;
    position: relative;
    top: -23px;
}
.productListNrTxt>h3{
    position: relative;
    top: -89px;
    font-size: 30px;
}
.productListNrTxt .BJQ{
    padding-bottom: 20px;
}
.productListNrTxt .BJQ p{
    color: #fff;
}
.productListNrTxt .BJQ strong{
    color: #fff;
}
.productListNrTxt a{
    width: 400px;
    height: 60px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    background: #333333;
    border: 2px solid #fff;
}

.productList>ul>li:nth-child(odd) .productListNrImg{
    order: 2;
}
.productList>ul>li>em{
    display: block;
    position: absolute;
    width: 100%;
    height: 286px;
    background: #25937c;
    top: 50%;
    left: 0px;
    margin-top: -143px;
}


.CplistBJ{
    padding: 1rem 0;
}
.Cplist{}
.CplistHead{padding: 0 0 40px 0;}
.CplistHead h3,.CplistHead h2{
    font-size: 30px;
    line-height: 1.2em;
    padding-bottom: 20px;
    padding-right: 40%;
}
.CplistHead h3 *,.CplistHead h2 *{
    font-size: 30px;
    line-height: 1.2em;
   
     
}
.CplistHead p{}

#Cplist{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
}
#Cplist>li{
    width: 33.3333%;
    margin-bottom: 30px;
}
#Cplist>li a{
    display: block;
    margin: 0 10px;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
#Cplist>li .imghover{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background: #e5e5e5;
}
#Cplist>li img{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
#Cplist>li h3{
    padding: 10px 20px;
    color: #000;
    font-size: 20px;
}
#Cplist>li p{
    color: #000;
    font-size: 14px;
    padding: 0 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#Cplist>li em{
    color: #25937c;
    font-size: 14px;
    padding: 0 20px 20px;
    font-weight: bold;
}

.Cplist .Pagination a{background:#fff;}
.Cplist .Pagination a:hover{color: #25937c;}
#Cplist>li em i{
    font-size: 14px;
}



.ProductShowBJ{}
.ProductShowHead{
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.ProductShowHeadL{
    width: 50%;
}
.ProductShowHeadL h1{
    font-size: 30px;
    line-height: 1.2em;
    padding-bottom: 1em;
    color: #25937c;
}
.ProductShowHeadL .BJQ{}
.ProductShowHeadL .BJQ p{
    font-size: 17px;
    padding-top: 10px;
}
.ProductShowHeadL .BJQ ul{}
.ProductShowHeadL .BJQ ul li{}
.ProductShowHeadR{
    width: 500px;
    position: relative;
}
.ProductShowHeadR img{
    margin: 0 auto;
}

.ProductShowHeadL{display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content:center;align-items:center;position: absolute;left: 0px;width: 400px;}



#ProductShowImgs img{width: 100%;cursor: pointer;}
.ProductShowImgs{padding: 1rem 0;}

.ParametersBJ{
    background: #f3f3f4;
    padding: 1rem 0;
}
.Parameters{}
.Parameters>h3{
    font-size: 26px;
    color: #2d2d2d;
    text-transform: uppercase;
    border-bottom: 1px solid #1c8370;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.Parameters .BJQ{}
.Parameters .BJQ p{}
.Parameters .BJQ ul{}
.Parameters .BJQ ul li{}
.Parameters .BJQ table{}
.Parameters .BJQ td:nth-child(1){ width:50%; }
.Parameters .BJQ tr:nth-child(1) td{
    background: #25937c;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}
.Parameters .BJQ td{
    border: 1px solid #999;
    font-size: 14px;
    margin: 0px;
    padding: 10px;
}
.Parameters .BJQ td *{
    font-size: 14px;
    margin: 0px;
}


.FactoryTestBJ{padding: 1rem 0;}
.FactoryTest{}
.FactoryTest>h3{
    font-size: 26px;
    color: #2d2d2d;
    text-transform: uppercase;
    border-bottom: 1px solid #1c8370;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.FactoryTest .BJQ{}
.FactoryTest .BJQ h3{}
.FactoryTest .BJQ strong{
    padding: 1em 0 0 0;
    color: #25937c;
}
.FactoryTest .BJQ ul{
    padding: 10px 0;
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
 
}
.FactoryTest .BJQ ul li{
    font-size: 15px;
   
    position: relative;
   
    width: 33%;
    padding: 0 0.5rem 5px 20px;
}
.FactoryTest .BJQ ul li i{
    color: #25937c;
    position: absolute;
    left: 0px;
    top: -1px;
}
.FactoryTest .BJQ p{
    padding: 1em 0 0;
}


.AccessoriesLm{
 
}
.AccessoriesLm img{width: 100%;}


.AccessoriesListBJ{
    padding: 1rem 0;
}
.AccessoriesListHead{
}
.AccessoriesListHead h3,.AccessoriesListHead h2{
    font-size: 30px;
    line-height: 1.2em;
    padding-bottom: 20px;
    padding-right: 40%;
}
.AccessoriesListHead h3 *,.AccessoriesListHead h2 *{
    font-size: 30px;
    line-height: 1.2em;
   
    
}
.AccessoriesListHead p{
    padding-bottom: 1em;
}
.AccessoriesList{
    padding: 40px 0 0 0;
}
.AccessoriesList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -6px 0 -6px;
}
.AccessoriesList>ul>li{
    width: 20%;
    margin-bottom: 20px;
}
.AccessoriesList>ul>li a{
    display: block;
    position: relative;
    margin: 0 6px;
}
.AccessoriesList>ul>li .imghover{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.AccessoriesList>ul>li h3{
    text-align: center;
    padding: 10px 0;
}
.AccessoriesList>ul>li img{width: 100%;position: absolute;height: 100%;left: 0px;top: 0px;}


.AccessoriesShowBJ{
    padding: 1rem 0;
}
.AccessoriesShow{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.AccessoriesShowL{
    width: calc(100% - 360px);
}
.AccessoriesShowL h1{
    font-size: 30px;
    padding-bottom: 10px;
}
.AccessoriesShowL .BJQ{}
.AccessoriesShowL .BJQ p{
    line-height: 1.8em;
    padding-bottom: 1em;
    font-size: 14px;
}
.AccessoriesShowL .BJQ ul{}
.AccessoriesShowL .BJQ li{}
.download{padding: 40px 0 0 0;}
.download i{
    font-size: 30px;
    line-height: 1em;
}
.download a{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    color: #f20000;
    font-size: 14px;
}
.download p{
    padding-bottom: 1em;
    font-weight: bold;
}

.AccessoriesShowR{
    width: 300px;
    order: 2;
}
.AccessoriesShowR img{}

.download ul{}
.download li{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}

.download li .icon-zjs-file-pdf{
    margin-right: 5px;
}
.download li .icon-zjs-xiazaidaoru{
    font-size: 24px;
    margin-left: 20px;
    color: #25937c;
}

.AccessoriesShowR h2{
    text-align: center;
    padding: 10px 0;
    background: #25937c;
    color: #fff;
}

.ProjectBJ{
    padding: 1rem 0;
}
.ProjectHead{}
.ProjectHeadNav{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
  
    padding-bottom: 30px;
}
.ProjectHeadNav a{
    background: #2d2d2d;
    color: #fff;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-right: 2px solid #7f7f7f;
    border-bottom: 2px solid #7f7f7f;
    font-size: 14px;
    height: 48px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
   
    margin: 0 20px 0 0; width: 10em;
}

.ProjectHeadNr{}
.ProjectHeadNrList{
    
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.ProjectHeadNrListL{
    width: calc(100% - 240px);
    position: relative;
}
.ProjectHeadNrListL img{
    width: 100%;
}
.ProjectHeadNrListL .BJQ p{
    
    color: #fff;
    font-size: 14px;
    
}

.ProjectHeadNrListL .BJQ{
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.ProjectHeadNrListR{
    width: 240px;
    background: #25937c;
}
.ProjectHeadNrListR h3{
    color: #fff;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #187665;
}
.ProjectHeadNrListR a{
    color: #fff;
    display: block;
    margin-top: 30px;
    margin-left: 20px;
    border-left: 1px solid #fff;
    line-height: 1em;
    text-indent: 10px;
    font-size: 14px;
} 
.ProjectHeadNrListR a.this{
    color: #f9fc54;
    border-left: 1px solid #fafd56;
}

.ProjectHeadNav a.this{
    background: #1c8370;
}

.Applications{
    padding: 40px 0 0;
}
.Applications h2{
    font-size: 30px;
    color: #000;
    padding-bottom: 20px;
}
#Applications{}
#Applications img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
#Applications h3{
    text-align: center;
    background: #25937c;
    color: #fff;
    padding: 8px 10px;
    font-weight: normal;
}
#Applications em{
    display: block;
    width: 100%;
    padding-bottom: 66%;
    position: relative;
}


.ProjectList{
    padding-top: 40px;
}
.ProjectList>h2{
    font-size: 30px;
    color: #111;
    padding-bottom: 10px;
    border-bottom: 1px solid #25937c;
    margin-bottom: 40px;
    text-transform:capitalize;
}
.ProjectList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
}
.ProjectList>ul>li{
    width: 33.3333%;
    margin-bottom: 60px;
}
.ProjectList>ul>li>a{
    display: block;
    margin: 0 10px;
}
.ProjectList>ul>li .imghover{
    position: relative;
    width: 100%;
    padding-bottom: 75%;
}
.ProjectList>ul>li img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
.ProjectListTxt{
    position: relative;
    top: -60px;
    background: #fefefe;
    -moz-box-shadow: 0px 2px 15px #999999;
    -webkit-box-shadow: 0px 2px 15px #999999;
    box-shadow: 0px 2px 15px #999999;
    padding: 15px 15px 20px 15px;
    margin-bottom: -60px;
    margin-left: 20px;
    margin-right: 20px;
}
.ProjectListTxt h3{
    height: 3em;
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    overflow: hidden;
    justify-content: center;
}
.ProjectListTxt p{
    color: #000;
    line-height: 1.5em;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    height:3em;
}
.ProjectListTxt em{
    transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
    width: 190px;
    text-align: center;
    border: 1px solid #ddd;
    background: #f7f7f7;
    line-height: 36px;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 20px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.ProjectList>ul>li:hover em{border: 1px solid #25937c;
    background: #25937c;color:#fff;}

.ProjectShowBJ{padding:1rem 0; }

.ProjectShow{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
}
.ProjectL{width: 1000px;}
.ProjectShowImgs{}



.ProjectShowTxt{}
.ProjectShowTxt>h1{
    font-size: 26px;
    margin: 20px 0;
    color: #1c8370;
}
.ProjectShowTxt p{
    color: #424242;
    margin-bottom: 10px;
    font-size: 15px;
}
.ProjectShowTxt ul{
    padding: 10px 0 10px 20px;
}
.ProjectShowTxt ul li{
    list-style-type: disc;
    color: #424242;
    margin-bottom: 5px;
    font-size: 15px;
}
.ProjectShowTxt img{
    margin: 0 auto;
}


.ProjectR{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    padding: 1rem 0 0 0;
    width: 100%;
}
.ProjectR h2{
    font-size: 30px;
    color: #25937c;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
.ProjectR a{
    display: block;
    position: relative;
    width: 25%;
    margin-bottom: 12px;
}
.ProjectR a div{
    margin: 0 5px;
    position: relative;
}
.ProjectR img{
    width: 100%;
}
.ProjectR h3{
    position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
    left: 0px;
    padding: 10px;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    background-image: linear-gradient(rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.8));
}
.ProjectR p{}


.videoShowWindow{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99;display:none}
.videoShow{width:800px;height:500px;position:fixed;background:#000;left:50%;margin-left:-400px;top:50%;margin-top:-250px;padding:20px}
.videoShow iframe{width:100%;display:block;border:none;height:450px}
.videoShow i{position:absolute;right:-3px;color:#fff;font-size:20px;cursor:pointer;top:-10px}


.videoListBJ{
    padding: 1rem 0;
}
.videoJj{
    padding-bottom: 40px;
}
.videoJj h3,.videoJj h2{
    font-size: 30px;
    line-height: 1.2em;
    padding-bottom: 20px;
    padding-right: 40%;
}
.videoJj h3 *,.videoJj h2 *{
    font-size: 30px;
    line-height: 1.2em;
   
    
}
.videoJj p{}
.videoList{}
.videoList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
}
.videoList>ul>li{
    width: 33.333%;
    margin-bottom: 20px;
} 
.videoList>ul>li img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.videoList>ul>li h3{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 10px 20px;
    color: #fff;
    background: rgb(0 0 0 / 0.5);
    text-align: center;
    font-weight: normal;
    transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
}
 
.videoList>ul>li a{
    display: block;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
}
.videoList>ul>li em{
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 66%;
}
.videoListTxt{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.5);
    top: 0px;
    left: 0px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    opacity:0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
}
.videoListTxt i{
    color: #fff;
    font-size: 60px;
    line-height: 1em;
}
.videoListTxt h4{
    text-align: center;
    font-weight: normal;
    color: #fff;
}
 
.videoList>ul>li:hover .videoListTxt{opacity: 1;}
.videoList>ul>li:hover h3{bottom:-30%;}
.videoListTxt div{text-align: center;}


.Newslist{
    padding: 1rem 0;
}
.Newslist>ul{}
.Newslist>ul>li{
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.Newslist>ul>li a{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    width: 100%;
}
.Newslist>ul>li img{}
.Newslist>ul>li .imghover{
    width: 340px;
}
.NewslistTxt{
    width: calc(100% - 380px);
}
.NewslistTxt h3{
    font-size: 22px;
    padding-bottom: 20px;
    color: #111;
}
.NewslistTxt p{
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    color: #000;
}
.NewslistTxt em{
    font-size: 14px;
    color: #666;
    display: block;
    margin-bottom: 20px;
}
.NewslistTxt i{}
.NewslistTxt span{
    background: #f7f7f7;
    height: 34px;
    line-height: 32px;
    width: 120px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 14px;
}

.NewsShow{
    padding: 1rem 0;
}
.NewsShow>h1{
    color: #1c8370;
    text-align: center;
    font-size: 30px;
}
.shijian{
    text-align: center;
    color: #a1a1a1;
    margin: 20px 0;
}
.shijian i{
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.shijian em{}
.NewsShowBJQ{}
.NewsShowBJQ p{
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.NewsShowBJQ ul{
    padding: 10px 20px;
}
.NewsShowBJQ ul li{
    color: #6a6a6a;
    font-size: 16px;
    margin-bottom: 10px;
    list-style-type: disc;
}
.NewsShowBJQ p img{
    margin: 0 auto;
    display: inline-block;
}
 
.Contact{
    padding: 1rem 0;
}
.ContactA{
    padding-bottom: 60px;
}
.ContactA h3{
    text-align: center;
    font-size: 46px;
    color: #414141;
}
.ContactA h4{
    text-align: center;
    color: #9b9b9b;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: normal;
}
.ContactA form{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0 auto;
}
.ContactA input{
    background: #dddddd;
    width: 32.5%;
    height: 45px;
    line-height: 45px;
    text-indent: 5px;
    font-size: 14px;
    border: none;
    margin-bottom: 12px;
    display: block;
}
.ContactA textarea{
    outline: none;
    border: none;
    font-size: 14px;
    padding: 5px 0;
    text-indent: 5px;
    width: 100%;
    height: 190px;
    background: #dddddd;
}
.ContactA button{
    width: 220px;
    background: #1c8370;
    height: 45px;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}
 

 .ContactB{
    background: #ddd;
    padding: 60px 0;
}
 .ContactB dl{
    width: 32%;
}
 .ContactB dt{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #1c8370;
}
 .ContactB dd{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    background: #fff;
    padding: 20px;
    align-items: center;
}
 .ContactB dd img{
    width: 50%;
}
.ContactBTxt{
    width: 50%;
    padding-left: 20px;
}
.ContactBTxt p{
    font-size: 14px;
    padding-bottom: 5px;
}
.ContactBTxt a{
    font-size: 14px;
}
 
.ContactBTxt strong{}

.ContactC{
    padding: 1rem 0 0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.map{
    width: 49%;
}
.map h3{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #25937c;
    text-transform:capitalize;
}
.map p{
    color: #454545;
    font-size: 14px;
    padding-right: 20%;
}
.map h3:after{content:'';} 
.ContactC iframe{
    border: none;
    display: block;
    width: 49%;
    background: #f5f5f5;
    height: 50vh;
    margin: 20px 0 0 0;
}
.ContactBNr{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.Captcha{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    padding: 10px 0 0 0;
}
.Captcha img{
    height: 45px;
}
.Captcha input{
    margin: 0px 0 0 10px;
    padding: 0px 10px;
    width: 130px;
    height: 45px;
    line-height: 45px;
}


.Captchafoot{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    padding: 12px 0 0 0;
    justify-content: space-between;
}
.Captchafoot img{
    height: 35px;
}
.Captchafoot input{
    padding: 0px 10px;
    height: 35px;
    line-height: 45px;
    margin: 0px;
    display: block;
    font-size: 14px;
    width: calc(100% - 240px);
}

.footC{}
.footC h3{}
.footC a{
    color: #fff;
    font-size: 14px;
    padding-bottom: 8px;
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
}
.footC i{
    font-size: 20px;
}
.footC p{}
.footC em{
    padding: 0 6px;
    font-size: 14px;
}
.footC span{
    font-size: 14px;
}



.indexNewsBJ{
    padding: 1rem 0;
}
.indexNews{}
.indexNews h2{
    text-transform: uppercase;
    padding: 0em 0 20px;
    font-size: 40px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.indexNews .More{
    padding: 20px 0 0 40px;
    position: relative;
    color: #25937c;
    font-weight: normal;
}
.indexNews .More:after {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: #25937c;
    position: absolute;
    left: 0px;
    bottom: 11px;
    font-weight: normal;
}
.indexNews ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.indexNews ul li{
    width: 63%;
    margin-bottom: 30px;
}
.indexNews ul li a{
    display: block;
    position: relative;
    height: 100%;
}
.indexNews ul li img{
    width: 100%;
    height: 515px;
}
.indexNews ul li h3{
    font-size: 32px;
    color: #fff;
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
    font-weight:500;
    line-height: 1.3em;
}
.indexNews ul li p{
    color: #fff;
}
.indexNews ul li i{
    position: absolute;
    right: 16px;
    bottom: 10px;
    color: #25937c;
    font-size: 36px;
}
.indexNewsTxt{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 30px;
    background-image: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.8));
}
.indexNews ul li:nth-child(2n){
    width: 34%;
    border: 2px solid #eee;
}
.indexNews ul li:nth-child(2n) .indexNewsTxt{
    padding: 20px 20px 30px 30px;
    background-image: none;
    position: initial;
}
.indexNews ul li:nth-child(2n) .indexNewsTxt h3{
    color: #333;
}
.indexNews ul li:nth-child(2n) .indexNewsTxt p{
    color: #666;
}
.indexNews ul li:nth-child(2n) .indexNewsTxt i{
}
.indexNews ul li:nth-child(3){
    order: 2;
}
.indexNews ul li:nth-child(2n) img{
    height: 250px;
}

.indexContactform form{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    width: 63%;
}
.indexContactform{
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.indexContactform input{
    display: block;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 15px;
}
.indexContactform textarea{
    width: 100%;
    display: block;
    border: none;
    padding: 10px 0;
    height: 100px;
    font-size: 15px;
}
.indexContactform button{
    background: #25937c;
    height: 45px;
    display: block;
    padding: 0 20px;
    color: #fff;
    border-radius: 40px;
    margin-left: 10px;
}
 .inputdiv{
    width: 49%;
    border: 1px solid #333;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    margin-bottom: 20px;
    padding: 0 10px;
    border-radius:4px;
}
 .inputdiv span{
    color: #25937c;
    display: none;
}
.indexContactform .Captcha input{
    width: 130px;
    background: #f8f8f8;
}
.indexContactform h2{
    font-size: 40px;
    padding-bottom: 20px;
}
.indexContactformBJ{
}

.indexProjectsList .More em{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    font-size: 22px;
 
}
.indexProjectsList .More em:before{ }
.language i{
    font-size: 22px;
    color: #fff;
    line-height: 1em;
    margin-right: 5px;
}

#indexBanner video{
    display: block;
    width: 100%;
    height: calc(100vh - 116px);
    object-fit: cover;
}
#indexBanner img{height: calc(100vh - 100px);}

.footB a:before{content:'';width: 6px;height: 6px;background: #25937c;display: block;position: absolute;left: 0px;top: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}


.index_right{z-index: 999;position: fixed;right: 0px;bottom: 120px;}
.index_right a{cursor: pointer;width: 50px;height: 50px;text-align: center;border-radius: 4px;display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content: center;align-items:center;position: relative;margin: 10px 0;}
.index_right i{color: #25937c;font-size: 40px;line-height: 1em;}

.footD{}
.footD>img{
    height: 100px;
   
}


.goog-te-gadget img{display: inline-block;}


.fixed #Nav>li>a{color:#333;}
 
.content .indexNavBox{
    background: #fff;
}
.content #Nav>li>a{
    color: #333;
}

.buttonR {
    position: absolute;
    right: -65px;
    top: 50%;
    z-index: 3;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 50%;
    color: #000;
    width: 48px;
    height: 48px;
    margin-top: -48px;
}

.buttonR:hover{ background: #25937c;  color: #fff;}
.buttonL:hover{ background: #25937c;  color: #fff;}
.buttonL {
    position: absolute;
    left: -65px;
    top: 50%;
    z-index: 3;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 50%;
    color: #000;
    width: 48px;
    height: 48px;
    margin-top: -48px;
}

.indexContactform p{
}
.CaptchaL{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.index_right a.backtop{display:none;}
.FootshemeiImg{
    position: absolute;
    left: -33px;
    bottom: 45px;
    opacity: 0;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -1;
}
.FootshemeiImg img{
    width: 100px;
    height: 100px;
    max-width: inherit;
   
}

.index_rightImg{
    position: absolute;
    right: 110%;
    bottom: 45px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    top: -28px;
    z-index: -1;
    opacity: 0;
}
.index_rightImg img{
    width: 100px;
    height: 100px;
    max-width: inherit;
   
    box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
}

.index_right a:hover .index_rightImg{opacity:1; z-index:2;}
 

.Footshemei a:hover .FootshemeiImg{opacity:1; z-index:2;}

.indexContactformTxt{
    text-align: left;
    width: 34%;
}
.logo2{display:none;}

.fixed .logo2{display:block;}
.fixed .logo{display:none;}


.content .logo{display:none;}
.content .logo2{display:block;}


.indexProjectsList .More:hover{left:10px;}
.indxAboutTxt .indxAboutTxtMore:hover{left:10px;}







/***********************************************************1600px*******************************************************/
@media (min-width:1200px) and (max-width:1600px){
.box,.w90{ width: 1200px; }


.indxAboutTxt h3{padding-bottom: 10px;}
.indxAboutTxt p{font-size:16px; }
.indexProjectsNr{margin-bottom: -1.5rem;}
.indexProjectsList{
    margin: 0 60px;
}
.ProjectsTxt{}
.indexAboutBJ{
    margin: 0 60px 60px;
}
.indexProductBJ{
    margin: 0 60px;
}
.buttonL{
    left: -55px;
}
.buttonR{
    right: -55px;
}

.indxAboutTxt,.ProjectsTxt{padding-right: 660px;}

.indxAboutTxt .indxAboutTxtMore{margin:0px;}
}