@charset "UTF-8";
.indexNavBox{
    top: 0px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    background: #fff;
    /* position: fixed; */
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    display: none;
}
.indexHeadBJ{
    background: #333;
    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: 24px;
    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-left: 10px;
}
.language img{
    height: 14px;
    padding-right: 5px;
}

.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 15px;
    text-transform:uppercase;
    line-height: 80px;
}
#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;
}
.indxAbout{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    position: relative;
    padding: 0.5rem 15px;
}
.indxAboutImg{
    width: 100%;
    position: relative;
    background: #fff;
    order: 2;
}
.indxAboutImg img{
    position: relative;
    width: 100%;
}
.indxAboutImg:after{content:'';display: block;background: #e2e5ee;width: 0;height: 0;position: absolute;left: 0px;top: 0px;} 
.indxAboutTxt{text-align: center;padding-bottom: 20px;}
.indxAboutTxt h3{
    font-size: 20px;
    padding-bottom: 10px;
    text-transform:uppercase;
}
.indxAboutTxt p{
    padding-bottom: 1em;
    font-size: 14px;
}
.indxAboutTxt .indxAboutTxtMore{
    background: #25937c;
    color: #fff;
    padding: 8px 30px;
    border-radius: 40px;
    margin: 10px 0;
    font-size: 14px;
}
.indxAboutZw{}

.indexProductBJ{
    padding: 0.5rem 15px;
}
.indexProductHead{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 20px;
}
.indexProductHead h2{
    font-size: 20px;
    text-transform:uppercase;
    line-height: 1em;
    color: #25937c;
    padding-bottom: 20px;
    width: 100%;
}
.indexProductHeadTxt{
    width: 100%;
}

.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{
}
#indexProduct{
    padding-bottom: 30px;
}
#indexProduct .swiper-slide{}
#indexProduct a{
    background: #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 20px;
}
#indexProduct a img{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
#indexProduct a h3{
    text-align: center;
    position: relative;
}
#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{
}
.indexContacTxt{
    width: 100%;
    padding: 0.5rem 15px;
    text-align: center;
}
.indexContacTxt p{
    color: #fff;
}
.indexContacTxt a{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 1em 0 0 0;
}
.indexContacImg{
    width: 100%;
}
.indexContacImg span{
    display: block;
}
.indexContacImg img{
    width: 100%;
}

.indexContacZw{ width: 40%; }
.footBJ{
    background: #070304;
    padding-bottom: 46px;
}
.foot{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    padding: 0.5rem 15px;
    text-align: center;
}
.foot h3{
    color: #fff;
    font-size: 16px;
    text-transform:capitalize;
    padding: 20px 0 10px 0;
}
.footA{
    width: 100%;
    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;
    margin: 0 auto;
    display: none;
}
.footA .Em i{
    color: #000;
    font-size: 60px;
    margin-right: 10px;
    line-height: 1em;
}
.footA .Em em{
    color: #000;
    font-size: 20px;
}
.Footshemei{
}
.Footshemei a{
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin: 0 10px;
}
.Footshemei i{
    font-size: 20px;
    position: relative;
    line-height: 1em;
}
.footB{
    display: none;
}
.footB a{
    display: block;
    color: #fff;
    font-size: 14px;
    padding-bottom: 8px;
    opacity: 0.8;
}
.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.5rem 15px;
}
.indexProjectsNr{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
}
.indexProjectsNr img{
    order: 2;
    width: 100%;
    display: none;
}
.ProjectsTxt{
    padding-bottom: 20px;
}
.ProjectsTxt h3{
    text-transform:uppercase;
    font-size: 20px;
    padding: 0 0 10px 0;
    color: #25937c;
}
.ProjectsTxt p{
    color: #000;
    font-size: 14px;
}
.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;
    }
.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;
    line-height: 0.8rem;
    font-size: 0.3rem;
    display: none;
}

.indexProjectsList .More i{}
#indexProjects{
    padding-bottom: 10px;
}
#indexProjects a{
    background: #fff;
}
.indexProjectsLi{
    padding: 10px 10px 30px;
}
.indexProjectsLi img{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
.indexProjectsmiaosu{
    padding: 0 20px;
    text-align: center;
} 
.indexProjectsmiaosu h3{
    color: #141a20;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    margin: 15px 0;
}
.indexProjectsmiaosu p{
    color: #000;
    font-size: 14px;
    margin-bottom: 30px;
    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: -39px;
     
     -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;
     
 }
 
 
@-moz-keyframes myMove{0%{top:-150px}
100%{top:-39px}
}@-webkit-keyframes myMove{0%{top:-150px}
100%{top:-39px}
}@-o-keyframes myMove{0%{top:-150px}
100%{top:-39px}
}@keyframes myMove{0%{top:-150px}
100%{top:-39px}
}
 
#indexBanner{/* margin-top: 119px; */}

.w90{width: 100%;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: 50px;
}
.BreadcrumbsBJ>img{
    width: 100%;
    height: 20vh;
}
.Breadcrumbs{
    position: absolute;
    bottom: 20px;
}
.BreadcrumbsNr{
    display: inline-block;
    background: url(../images/logo2.png)rgba(37, 147, 124, 0.8) right 25px no-repeat;
    padding: 10px;
}
.BreadcrumbsNr h2{
    color: #fff;
    text-transform:uppercase;
    font-size: 18px;
}
.Mbx{
    color: #fff;
    display: none;
}
.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: 0.5rem 15px;}
.AboutA{}
.AboutA p{margin-bottom: 1em;font-size: 14px;color: #333;}

.AboutB{
    padding: 0.5rem 0;
}
.AboutB ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.AboutB ul li{
    width: 100%;
    text-align: center;
    border: 2px solid #25937c;
    padding: 20px 20px;
    margin-bottom: 10px;
}
.AboutB ul li img{
    height: 60px;
    margin: 0 auto;
}
.AboutB ul li h3{
    text-transform:uppercase;
    font-size: 22px;
    padding: 10px 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: 21px;
    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: 20px;
    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: 25px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    display: block;
    margin-left: 10px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}
.AboutDBut i{
    font-size: 16px;
    color: #fff;
    position: relative;
    top: 0px;
} 
.AboutDBut button:nth-child(1){}
.AboutDBut button:nth-child(2){}

#AboutD{
    padding-bottom: 30px;
}
#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 10px;
}
.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: 20px;
}
.HistoryListImg img{
    max-width: 100%;
}
.HistoryListTxt{
    width: 50%;
    position: relative;
    padding-left: 20px;
}
.HistoryListTxt>strong{
    font-weight: bold;
    font-size: 30px;
}
.HistoryListTxt .BJQ{}
.HistoryListTxt .BJQ p{
    font-size: 14px;
}
.HistoryList>ul>li:nth-child(2n) .HistoryListImg{
    order: 2;
    padding: 0 0 0 20px;
}
.HistoryList>ul>li:nth-child(2n) .HistoryListTxt{
    padding: 0 20px 0 0;
    text-align: right;
}
.HistoryBJ{
    padding: 0.5rem 0;
}
.History{
    padding: 0 15px;
}
.HistoryTitle{
    padding-bottom: 40px;
    text-align: center;
}
.HistoryTitle h2{
    font-size: 30px;
    color: #d9d9d9;
}
.HistoryTitle h3{
    color: #3a3a3a;
    font-size: 25px;
    text-shadow: 1px 2px 2px #ddd;
}
.HistoryTitle span{}
.HistoryTitle h3 strong{
    color: #25937c;
    text-shadow: 1px 2px 2px #ddd;
    font-size: 25px;
}
.HistoryTitle h4{
    font-size: 14px;
    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: 6px;height: 60px;background: #25937c;position: absolute;left: 0px;top: 0px;} 

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



.productListBJ{
    padding: 0.5rem 15px;
}
.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: 100%;
}
.productListNrImg img{
    max-width: 80%;
    margin: 20px auto;
}
.productListNrTxt{
    width: 100%;
    position: relative;
}
.productListNrTxt>h3{
    position: relative;
    font-size: 20px;
    background: #fff;
    text-align: center;
    padding: 10px;
}
.productListNrTxt .BJQ{
    padding: 20px;
}
.productListNrTxt .BJQ p{
    color: #fff;
    font-size: 14px;
}
.productListNrTxt .BJQ strong{
    color: #fff;
}
.productListNrTxt a{
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: #333333;
}

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


.CplistBJ{
    padding: 0.5rem 15px;
    background: #f5f5f5;
}
.Cplist{}
.CplistHead{padding: 0 0 40px 0;}
.CplistHead h3,.CplistHead h2{
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 20px;
}

.CplistHead h3 *,.CplistHead h2 *{
    font-size: 20px;
    line-height: 1.2em;
    
}

.CplistHead p{
    font-size: 14px;
}

#Cplist{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
#Cplist>li{
    width: 100%;
    margin-bottom: 10px;
}
#Cplist>li a{
    display: block;
    background: #fff;
}
#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: #666;
    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{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0.5rem 15px;
}
.ProductShowHeadL{
}
.ProductShowHeadL h1{
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 10px;
    color: #25937c;
    text-align: center;
}
.ProductShowHeadL .BJQ{}
.ProductShowHeadL .BJQ p{
    font-size: 14px;
    padding-top: 10px;
}
.ProductShowHeadL .BJQ ul{}
.ProductShowHeadL .BJQ ul li{}
.ProductShowHeadR{
    width: 100%;
    position: relative;
}
.ProductShowHeadR img{
    margin: 0 auto;
    max-width: 80%;
}

.ProductShowHeadL{width: 100%;}



#ProductShowImgs img{width: 100%;cursor: pointer;}
.ProductShowImgs{padding: 0.5rem 15px;}

.ParametersBJ{
    background: #f3f3f4;
    padding: 0.5rem 15px;
}
.Parameters{}
.Parameters>h3{
    font-size: 20px;
    color: #2d2d2d;
    text-transform: uppercase;
    border-bottom: 1px solid #1c8370;
    margin-bottom: 10px;
    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: 20%; }
.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: 5px 10px;
}
.Parameters .BJQ td *{
    font-size: 14px;
    margin: 0px;
}


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


.AccessoriesLm{
    margin-top: 50px;
}
.AccessoriesLm img{width: 100%;height: 20vh;}


.AccessoriesListBJ{
    padding: 0.5rem 15px;
}
.AccessoriesListHead{
}
.AccessoriesListHead h3,.AccessoriesListHead h2{
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 10px;
}

.AccessoriesListHead h2 *,.AccessoriesListHead h3 *{
    font-size: 20px;
    line-height: 1.2em;
  
}

.AccessoriesListHead p{
    padding-bottom: 1em;
    font-size: 14px;
    color: #333;
}
.AccessoriesList{
    padding: 10px 0 0 0;
}
.AccessoriesList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.AccessoriesList>ul>li{
    width: 49%;
    margin-bottom: 20px;
}
.AccessoriesList>ul>li a{
    display: block;
    position: relative;
}
.AccessoriesList>ul>li .imghover{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.AccessoriesList>ul>li h3{
    text-align: center;
    padding: 10px 0;
    font-weight: normal;
    font-size: 14px;
}
.AccessoriesList>ul>li img{width: 100%;position: absolute;height: 100%;left: 0px;top: 0px;}


.AccessoriesShowBJ{
    padding: 0.5rem 15px;
}
.AccessoriesShow{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.AccessoriesShowL{
    width: 100%;
}
.AccessoriesShowL h1{
    font-size: 20px;
    padding-bottom: 10px;
    display: none;
}
.AccessoriesShowL .BJQ{
    padding: 20px 0;
}
.AccessoriesShowL .BJQ p{
    line-height: 1.8em;
    padding-top: 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: 100%;
}
.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: 0;
}
.ProjectHead{}
.ProjectHeadNav{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
    padding-bottom: 30px;
    display: none;
}
.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;
    padding: 0 30px;
    margin: 0 20px;
}

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

.ProjectHeadNrListL .BJQ{
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    width: 100%;
    background: #25937c;
}
.ProjectHeadNrListR{
    width: 100%;
    background: #25937c;
}
.ProjectHeadNrListR h3{
    color: #fff;
    text-align: center;
    padding: 15px 0;
    border-bottom: 2px solid #fff;
}
.ProjectHeadNrListR a{
    color: #fff;
    display: block;
    margin-left: 20px;
    border-left: 1px solid #fff;
    line-height: 1em;
    text-indent: 10px;
    font-size: 14px;
    padding: 0px 10px;
    margin: 15px 20px;
} 

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

.Applications{
    padding: 0.5rem 15px;
}
.Applications h2{
    font-size: 20px;
    color: #25937c;
    padding-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}
#Applications{
    padding-bottom: 30px;
}
#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: 0rem 15px 0.5rem;
}
.ProjectList>h2{
    font-size: 20px;
    color: #25937c;
    padding-bottom: 20px;
    text-align: center;
    text-transform:capitalize;
}
.ProjectList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}
.ProjectList>ul>li{
    width: 100%;
    margin-bottom: 30px;
}
.ProjectList>ul>li>a{
    display: block;
}
.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 10px 20px 10px;
    margin-bottom: -60px;
    margin-left: 15px;
    margin-right: 15px;
}
.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: #787878;
    line-height: 1.4em;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
}
.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: 0.5rem 15px;}

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



.ProjectShowTxt{}
.ProjectShowTxt>h1{
    font-size: 20px;
    margin: 20px 0 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%;
    justify-content: space-between;
}
.ProjectR h2{
    font-size: 20px;
    color: #25937c;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}
.ProjectR a{
    display: block;
    position: relative;
    width: 49%;
    margin-bottom: 12px;
}
.ProjectR a div{
    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: 90%;height: 38vh;position:fixed;background:#000;left: 5%;padding:20px;top: 30%;}
.videoShow iframe{width:100%;display:block;border:none;height: 30vh;}
.videoShow i{position:absolute;right:-3px;color:#fff;font-size:20px;cursor:pointer;top:-10px}


.videoListBJ{
    padding: 0.5rem 15px;
}
.videoJj{
    padding-bottom: 40px;
}
.videoJj h3,.videoJj h2{
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 10px;
    
}
.videoJj h3 *,.videoJj h2 *{
     font-size: 20px;
    line-height: 1.2em;
    
}


.videoJj p{
    font-size: 14px;
    color: #333;
}
.videoList{}
.videoList>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.videoList>ul>li{
    width: 49%;
    margin-bottom: 20px;
} 
.videoList>ul>li img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.videoList>ul>li h3{
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 10px 10px;
    color: #fff;
    background: #25937c;
    text-align: center;
    font-weight: normal;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    font-size: 14px;
}
 
.videoList>ul>li a{
    display: block;
    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: #25937c;
    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: 0.5rem 15px;
}
.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: 100%;
}
.NewslistTxt{
    width: 100%;
    padding: 10px 0 0;
}
.NewslistTxt h3{
    font-size: 20px;
    padding-bottom: 10px;
    color: #111;
}
.NewslistTxt p{
    overflow: hidden;
    text-overflow:

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

.NewsShow{
    padding: 0.5rem 15px;
}
.NewsShow>h1{
    color: #1c8370;
    text-align: center;
    font-size: 20px;
    line-height: 1.2em;
}
.shijian{
    text-align: center;
    color: #a1a1a1;
    margin: 10px 0;
}
.shijian i{
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.shijian em{
    font-size: 14px;
}
.NewsShowBJQ{}
.NewsShowBJQ p{
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}
.NewsShowBJQ ul{
    padding: 10px 20px;
}
.NewsShowBJQ ul li{
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
    list-style-type: disc;
}
.NewsShowBJQ p img{
    margin: 0 auto;
}
 
.Contact{
    padding: 0.5rem 0;
}
.ContactA{padding: 0 15px 0.5rem;}
.ContactA h3{
    text-align: center;
    font-size: 20px;
    color: #25937c;
}
.ContactA h4{
    text-align: center;
    color: #9b9b9b;
    font-size: 14px;
    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: #f1f1f1;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-indent: 5px;
    font-size: 14px;
    border: none;
    margin-bottom: 6px;
    display: block;
}
.ContactA textarea{
    outline: none;
    border: none;
    font-size: 14px;
    padding: 5px 0;
    text-indent: 5px;
    width: 100%;
    height: 190px;
    background: #f1f1f1;
}
.ContactA button{
    width: 100%;
    background: #1c8370;
    height: 45px;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}
 

 .ContactB{
    background: #f5f5f5;
    padding: 0.5rem 15px;
}
 .ContactB dl{
    width: 100%;
    margin-bottom: 20px;
}
 .ContactB dt{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #1c8370;
    text-indent: 10px;
}
 .ContactB dd{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    align-items: center;
}
 .ContactB dd img{
    width: 45%;
}
.ContactBTxt{
    width: 50%;
}
.ContactBTxt p{
    font-size: 14px;
    padding-bottom: 5px;
}
.ContactBTxt a{
    font-size: 14px;
}
 
.ContactBTxt strong{
    font-size: 14px;
}

.ContactC{
    padding: 0.5rem 15px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.map{
    width: 100%;
    padding-bottom: 10px;
}
.map h3{
    font-size: 18px;
    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: 100%;
    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;
    align-items:center;
    padding: 10px 0 0 0;
    justify-content: space-between;
}
.Captcha img{
    height: 45px;
}
.Captcha input{
    margin: 0px 0 0 10px;
    padding: 0px 10px;
    height: 45px;
    line-height: 45px;
    width: calc(100% - 140px);
}


.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{
    width: 100%;
}
.footC h3{}
.footC>a{
    color: #fff;
    font-size: 14px;
    padding-bottom: 8px;
    opacity: 0.8;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;
}
.footC i{
    font-size: 20px;
}
.footC p{}
.footC em{
    padding: 0 6px;
    font-size: 14px;
}
.footC span{
    font-size: 14px;
}

#AboutE{padding-bottom: 30px;} 
#ProductShowImgs{padding-bottom: 30px;}

.ProjectHeadselect{
    border: 2px solid #25937c;
    margin: 15px;
    padding: 5px;
}
.ProjectHeadselect select{
    width: 100%;
    color: #25937c;
}

.ProjectList ul{ width:100%;}



.indexNewsBJ{
    padding: 0.5rem 15px;
}
.indexNews{}
.indexNews h2{
    text-transform: uppercase;
    padding: 0em 0 20px;
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.indexNews .More{
    padding: 10px 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: 100%;
    margin-bottom: 20px;
    border: 1px solid #eee;
}
.indexNews ul li a{
    display: block;
    position: relative;
}
.indexNews ul li img{
    width: 100%;
}
.indexNews ul li h3{
    font-size: 18px;
    padding-bottom: 0.5em;
    color: #333;
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.indexNews ul li p{
    color: #333;
}
.indexNews ul li i{
    position: absolute;
    right: 10px;
    bottom: 16px;
    color: #25937c;
    font-size: 20px;
}
.indexNewsTxt{
    width: 100%;
    padding: 20px;
    position: relative;
}
.indexNews ul li:nth-child(2n){
}
.indexNews ul li:nth-child(2n) .indexNewsTxt{
}
.indexNews ul li:nth-child(2n) .indexNewsTxt h3{
}
.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;
    padding: 0 20px;
}
.indexContactform{
    padding-bottom: 1rem;
}
.indexContactform input{
    display: block;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
}
.indexContactform textarea{
    width: 100%;
    display: block;
    border: none;
    height: 100px;
    font-size: 14px;
    padding: 10px 0;
}
.indexContactform button{
    background: #25937c;
    height: 45px;
    display: block;
    padding: 0 20px;
    color: #fff;
    border-radius: 40px;
    margin: 20px auto 0;
}
 .inputdiv{
    width: 100%;
    border: 1px solid #333;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    margin-bottom: 10px;
    border-radius:4px;
    padding: 0 10px;
}
 .inputdiv span{
    color: #25937c;
    display: none;
}
.indexContactform .Captcha input{
    width: 130px;
    background: #f8f8f8;
}
.indexContactform h2{
    font-size: 20px;
    text-align: center;
    padding-bottom: 5px;
}
.indexContactformBJ{
}

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

#indexBanner video{
    display: block;
    width: 100%;
    object-fit: cover;
    height: 3.5rem;
}
#indexBanner img{
    height: 3.5rem;
}

.indexContactform .Captcha{
    justify-content: center;
}


.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: 0;width: 100%;display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content: space-between;align-items:center;}
.index_right a{cursor: pointer;width:33.3333%;height: 50px;background: #25937c;text-align: center;display: flex;flex-wrap: wrap;display: -webkit-flex;justify-content: center;align-items:center;border-right: 1px solid rgb(244 255 253 / 30%);position: relative;}
.index_right i{color: #fff;font-size: 30px;}
.index_right a:nth-child(3){}
.index_right a:nth-child(1){}
.footD{
}
.footD img{
    height: 100px;
    border: 6px solid #fff;
    margin: 0 auto;
}



.indexContactform p{
    text-align: center;
    color: #000;
    font-size: 14px;
}
.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;
    display: none;
}
.FootshemeiImg img{
    width: 100px;
    height: 100px;
    max-width: inherit;
    border: 5px solid #fff;
}

.index_rightImg{
    position: absolute;
    right: 50%;
    bottom: 65px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    z-index: -1;
    opacity: 0;
    margin-right: -48px;
}
.index_rightImg img{
    width: 100px;
    height: 100px;
    max-width: inherit;
    border: 5px solid #fff;
    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;}

.buttonL,.buttonR{display:none;}
.indexContactformTxt{padding-bottom:20px;}

.index_right a>img{
    height: 35px;
}
/***********************************************************平板*******************************************************/
@media (min-width:640px) and (max-width:1024px){
    
    
}