/* web */
 
 @media (min-width: 976px)  {
    h1{
        font-size: calc(1rem + 1.5vw) !important;

    }
    .titleh2{
        font-size: calc(0.7rem + 1.5vw) !important;

    }
    #header img{
        width: 300px;
    }
    #navb{
        display: none;
    }
    #header{
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        padding: 10px;
    }
    .header_menu{
        /* width: 60px; */
        padding-right: 10px;
    }
    .header_menu img{
        display: block;
        width: 25px !important;
    }
    .navbox>li{
        min-width: 150px;
    }
    #nav ul li{
		float: right;
        /* width: calc(100% / 6); */
        /* width: 150px; */
		
		height: 38px;
		float: left;
		list-style: none;
		text-align: center;
	}	
    #nav{
        margin-top:10px ;
        transition: all 600ms ease;
        /* opacity: 0; */
        
    }
    #nav.active{
        opacity: 1;
      
    }
    #nav ul li ul{
        margin-top: 10px;
       /* height: 200px; */
       border: 1px solid #615c5c;
        /* transform: scale(0.8); */
        position:absolute;
        /* transition: all 600ms ease; */
        opacity: 0;
        display: none;
        border-radius: 5px;
        overflow: hidden;
        /* display: inline-block; */
        /* left: -50%; */
        /* width: 200px; */
        /* text-align: center; */
        right: 50%;
        transform: translateX(50%);
    }	
    #nav>ul>li:hover>ul{
        /* transform: scale(1); */
        opacity: 1;
        display: flex;
	}
   
    .fp-section:nth-child(5) .BlueButton{
        margin-top: 2rem;
    }
    #nav ul{
        margin: 0;padding: 0;
    }
   
    #nav ul li ul li{
        /* background: white; */
        background: #006b53;
        color: #fff;
        line-height: 38px;
       padding: 0 8px;
       box-sizing: border-box;
    }
    #nav>ul>li>ul>li>a{
        color: #fff !important;
        font-weight: 400;
    }
    #nav>ul>li>ul>li:hover>a{
        color: var(--main-bg-color) !important;
    }
    #nav>ul>li>ul>li:hover{
        background: #fff;
    }
    .section0_mengban{
        width: 100vw;
        position: absolute;
        /* height: 20vh; */
        padding-top: 4vh;
        padding-bottom: 4vh;
        padding-left: 2vw;
        padding-right: 2vw;
        bottom: 0;
        /* background-color:rgba(0,0,0,0.3); */
        background: linear-gradient(to right, rgba(0, 0, 0, .7), transparent);
        
    }
    .section0_mengban div {
        /* display: flex; */
        font-size: 25px;
        /* font-weight: bold; */
        text-align: left;
    }
    /* .section0_mengban div p{
        display: flex;
        font-size: 23px;
        font-weight: bold;
        float: left;
        display: block;


    } */
   
    .section0_mengban div img{
        width: 40px;
        height: 40px;
        float: left;
        display: block;
        margin-right: 20px;
    }
    .aboutus{
        width: 70%;
        margin: auto;
        margin-top: 50px;
        display: flex;
        justify-content:space-between ;
        background: var(--grayb-color);
        padding: 1rem;
        /* border-radius: 5px; */
    }
    .aboutus img{
        width: 40%;
        display: block;
        height: 40%;
    }
    .LeftAboutus{
        width: calc(100% - 45%);
        


    }
    .LeftAboutus_B p{
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        font-size: 1.1rem;

    }
    .LeftAboutus_C div{
        width: 50%;
    }
    
    .LeftAboutus_A p:nth-child(1){
        font-size: 1.2rem;
        padding-left: 10px;
        color:var(--main-bg-color) ;
    }
    .LeftAboutus_A p:nth-child(2){
        font-size: 30px;
        color: black;
        font-weight: bold;
        padding-left: 10px;
    
        
    }
    .LeftAboutus_C h2{
        font-size: 1.5rem;
    }
    .LeftAboutus_C div{
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }
    .searchDiv img{
        /* min-width: 100%; */
        position: relative;
        top: 0;

    }
    #searchReadmore{
        top: 0rem;
    }
    #searchReadmore.active{
        animation:twoten 1s;
        -webkit-animation:twoten 1s; /* Safari and Chrome */
        top: -2rem;
    
    }
    .searchDiv{
        /* overflow-x: hidden; */
        height: 100vh;
    }
    .searchDiv_Des{
        /* top: -22rem; */
    }
    .submitSearch{
        /* top: -9rem; */
        padding: 2rem;
        width: 60%;
    }
    .submitSearch input{
        width: 10%;
    }
    .submitSearch .form-select {
        width: 22% !important;
    }
    .submitSearch h2{
        padding-bottom: 30px;
    }
    .searchDiv_Des p{
        font-size: 18px;
    }
    .sectionTec{
        width: 80%;
        margin-top: 4rem;
    }
    .sectionTec_A img{
        width: 18%;
        margin-top: 0.5rem;
    }
    .sectionTec_A{
        padding: 0.8rem 0;
    }
    .sectionTec_A h2{
        font-size: 18px;
        padding-top: 0.6rem;
        margin-bottom: 0.5rem;
    }
    .submitSearch{
        /* top: -9rem; */
        padding: 2rem;
        width: 80%;
    }
    .News_A{
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .News_A img{
        width: 40%;
        height: 300px;
    }
    .News_AContent{
        color: white;
        width: 60%;
        background-color: var(--main-bg-color);
        padding: 30px;
    }
    .News_AContent span{
        background: var(--main-bg-color);
        font-size: 14px;
        padding: 10px;
        border-radius: 5px;
    }
    .News_BContent{
        width: 80%;
        margin: 0 auto;
        margin-top: 0.6rem;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .News_BContent div {
        width: calc((100% - 40px)/2);
        background: var(--newssection-bg);
        /* height: 100px; */
        padding: 0.6rem;

    }
    
      .sectionContact{
        width: 50%;
        margin: 0 auto;
        padding-top: 0.6rem;
        display: flex;
        color: var(--tec_bgA-color);
      }
      .sectionContactUs{
        width: 50%;
        margin: 0 auto;
        margin-top: 0.6rem;
        border-radius: 30px;
        display: flex;
        justify-content: space-around;
        background: var(--gray-color);
        /* padding-right: 10px; */

      }
      .sectionContactUs_Div{
        /* padding: 0 5px;
        border-radius: 30px;
        background: var(--gray-color); */
        display: flex;
        justify-content: space-between;

      }
      .sectionContactUs_A{
        border-radius:50% ;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center ;
        align-items: center;
      }
      .sectionContactUs_B{
        /* width: 200px; */
        display: flex;
        /* justify-content: center ; */
        align-items: center;
      }
      .sectionContactUs_A img{
        width: 50%;
        height: 50%;

      }
      .sectionContact_L{
        flex: 1;
        background: white;
        padding: 40px;
        box-shadow: 1px 1px 10px #c9c9cc;
        /* border-radius: 5px; */
        /* position: relative;
        top: -50px;
        left: -50px; */
      }
      .sectionContact_R{
        flex: 1;
        margin-left: 30px;
        background: white;
        padding: 40px 40px 0 40px;
        
      }
      .sectionContact_L img{
        width: 100%;
        height: auto;
      }
      .sectionContact_RDiv{
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
      }
      .sectionContact_RDivA{
        width: 80px;
        height: 80px;
        background: white;
        box-shadow: 1px 1px 10px #c9c9cc;
        display: flex;
        justify-content: center ;
        align-items: center;
      }
      .sectionContact_RDivA img{
        width: 50%;height: 50%;
        
        display: block;
      }
      .sectionContact_RDivB{
        width: calc(100% - 100px);
        height: 80px;
        

      }
      .sectionContact_RDivB p{
        text-align: left;
        margin: 0;padding: 0;
        color: var(--tec_bgA-color);
        font-size: 16px;
        padding-top: 5px;
        
      }
      .sectionContact_RDivB p:nth-child(1){
        font-weight: bold;
        font-size: 18px;
    
    }
    .introfooter{
        /* position: absolute;
        bottom: 0;
        width: 100%;
        background: var(--header-bg);
        padding: 0.5rem 0; */
        padding: 1rem 0;
    }
    .introfooter p{
        font-size: 12px;
        padding: 0;
        margin: 0;

    }
    .introfooterwap{
        display: none;
    }
    .newcontent{
        /* min-height: 20rem; */
        width: 80%;
    }
    .newcontent_A{
        width: 30%;
        background: white;
        padding: 1rem;
        border-radius: 5px;
        box-sizing: border-box;

    }
    .newcontent_AA{
        height: 8rem;
        border-radius: 5px;
        overflow: hidden;

    }

    .newcontent_AA img{
        width: 100%;
        height: 100%;
        /* max-height: 250px; */
        display: block;
        border-radius: 5px;
        transition: all 0.6s;  
    }
    .newcontent_AA img:hover{
        transform: scale(1.3);
    }
    .newspan{
        font-size: 0.8rem;
        font-weight: bold;

        color: var(--main-bg-color);
        text-align: left;
        padding: 0;margin: 0;
        padding: 0.3rem 0;

    }
    .newcontent_B{
    }
    .newtitle{
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
        padding: 0;margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--tec_bgA-color);


    }
    .newcont{
        font-size: 18px;
        color: var(--tec_bg-color);
        text-align: left;
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0;margin: 0;
        line-height: 30px;
        padding: 0.3rem 0 0 0;
        /* border-bottom: solid 1px var(--gray-color); */
        /* min-height: 7rem; */

    }
    .ditusection{
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
        padding-top: 2rem;

    }
    .ditusection_L{
        width: 40%;
    }
    .ditusection_L img{
        width: 100%;
        display: block;
        height: auto;
    }
    .ditusection_R{
        width: 58%;
    }
    .ditusection_RDivL{
        float: left;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: solid 1px var(--main-bg-color);
        display: flex;
        justify-content: center ;
        align-items: center;

    }
    .ditusection_RDivR h3{
        font-size: 0.9rem;
        margin: 0;padding: 0;


    }
    .ditusection_RDivR p{
        font-size: 0.72rem;
        margin: 0;padding: 0;
        padding-top: 0.1rem;
    }
    .ditusection_RDivL img{
        width: 60%;
        height: 60%;

    }
    .ditusection_RDivR{
        float: right;
        width: calc(100% - 50px);
    }
    .ditusection_RDiv{
        margin-top: 1.2rem;
    }
    .nybanner{
        width: 100%;
        /* height: 200px; */
        background: url('../image/sit4.jpg') no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10%;
        padding-bottom: 8%;
    }
    .AboutPage_DIV{
        display: flex;
        justify-content: space-around;
        width: 70%;
        margin: 0 auto;
        margin-top: 50px;
    }
    .AboutPage_A{
        flex: 1;

    }
    .AboutPage_A h2{
        color: black;
        margin-bottom: 10px;
    }
    .AboutPage_A p{
        color: #454545;
        font-size: 16px;
        text-indent: 2em;
        line-height: 30px;
        margin-top: 10px;
    }
    .AboutPage_A p.shibapx{
        font-size: 18px;
        font-weight: bold;
        font-style: italic;
        text-decoration: underline;

    }
    .hengduandiv{
        width: 100%;
        margin-top: 100px;
        background: url('../image/videobg.jpg') no-repeat;
        background-size: cover;
        padding-bottom: 10px;

    }
    .hengduandivFlex{
        display: flex;
        width: 60%;
        margin: 0 auto;
        justify-content: space-around;
    }
    .hengduandivFlex_A{
        font-size: 30px;
        font-weight: bold;
        color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rongyuDiv{
        width: 70%;
        margin: 0 auto;
        margin-top: 100px;

    }
    .rongyuDiv h2{
        text-align: center;
    }
    .rongyuDiv p{
        color: #454545;
        line-height: 30px;
        margin-top: 10px;
        text-indent: 2em;

    }
    
    
    .rongyuSwiperDiv{
        width: 80%;
        margin: 0 auto;
        height: 400px;
        margin-top: 30px;
    }
    .aboutMore{
        width: 100%;
        background: var(--grayb-color);
        margin-top: 50px;
        
    }
    .aboutMore_A{
        width: 80%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 50px 20px;
    }
    .aboutMore_A h2{
        text-align: center;
    }
    .accordion-body p{
        color: #454545;
    }
    .accordion{
        margin-top: 30px;
    }
   
   
      .IndexLmap{
        
        background: #A0A5A8;
        width: 100vw;
        /* height: 65vh; */
        box-sizing: border-box;
        /* padding: 100px; */
        padding: 2rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        
    
      }
      .IndexLmapFloatL{
        width: 90%;
        color: white;

      }
      .IndexLmapFloatL h2{
        text-align: left;
        padding-bottom: 15px;
        border-bottom: solid 1px white;

      }
      .IndexLmapFloatL p{
        text-align: left;
      }
      .IndexLmapA{
        /* width: 500px; */
        /* margin: 0 auto; */
        /* height: 500px; */
        /* display: flex;
        justify-content: center;
        align-items: center; */
        background: url('../image/shijieditu.png') no-repeat;
        /* background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
        url('../image/shijieditu.png') center/cover no-repeat; */
        background-size: 50% 50%;
        background-position: center;
        opacity: 0.1;
        position: absolute;
        width: 60vw;height: 60vh;
      }
      .IndexLmapA img{
        opacity: .1;
        margin: 0 auto;
        width: auto;
        height: 100%;
        
      }
      .eightDiv{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 80px;
      }

      .eightDivA{
        width: calc((100% - 140px)/4);
        height: auto;
        box-sizing: border-box;
        /* padding: 15px 10px; */
        border: solid 1px white;
        border-radius: 10px;
        margin-bottom: 20px;

      }
      .eightDivA img{
        width:auto;
        margin: 0 auto;
        margin-top: 10px;
        height: 60px;
      }
      .eightDivA p{
        text-align: center;
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
      }
      .indexfooter{
        padding:  30px 100px;
        display: flex;
        justify-content: space-around;
      }
      .indexfooterL{
        text-align: left;
        display: flex;
        justify-content: space-around;
        width: 50%;
      }
      .indexfooterL div{
        /* margin-left: 30px; */
      }
      .indexfooterL h4{
        font-size: 18px;
        /* font-weight: bold; */
        /* font-weight: 700; */
      }
      .indexfooterL p{
        font-size: 14px;
        margin: 0;padding: 0;
        margin-top: 5px;
      }
      .indexfooterR{
        max-width: 30%;
      }
      .indexfooterR>div{
        margin-bottom: 10px;

      }
      .indexfooterR div img{
        width: 55px;
        height: auto;
        float: left;
      }
      .indexfooterR p{
        float: left;
        width: 100%;
        text-align: left;
        font-size: 14px;
        margin: 0;padding: 0;
        margin-bottom: 0.5rem;
      }
      #showtypeC img{
        width: 250px !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    

}

@media (min-width: 1400px)  {
    .aboutcontent_A {
        font-size: 18px;
    }
    .newcontent_AA{
        height: 12rem;
        width: 100%;



    }
    .sectionTec_A h2{
        font-size: 18px;
    }
    .introfooter p{
        font-size: 16px;
    }
    .fp-section:nth-child(5) .BlueButton{
        margin-top: 2rem;
    }
    .newcontent_AA img{
        width: 100%;
        height: 100%;
        /* max-height: 250px; */
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }
    .newcontent_AA img:hover{
        transform: scale(1.3);
    }
    .sectionTec_A{
        padding: 2rem 0;
    }
    .newtitle{
        font-size: 1.3rem;
    }
    .newspan{
        font-size: 1rem;

    }
    .newcont{
        font-size: 18px;
        padding-bottom: 0;

    }
    .ditusection_RDivL{
        width: 60px;
        height: 60px;

    }
    .ditusection_RDivR h3{
        font-size: 1.3rem;


    }
    .ditusection_RDivR p{
        font-size: 1rem;
        padding-top: 0.1rem;
    }
    .ditusection_RDivL img{
        width: 60%;
        height: 60%;

    }
    .ditusection_RDivR{
        float: right;
        width: calc(100% - 70px);
    }
    .ditusection_RDiv{
        margin-top: 1.5rem;
    }
   
 }
 @media (min-width: 1700px) {
    .ditusection_RDiv{
        margin-top: 2rem;
    }

}
@media (min-width: 1300px) {
    .meaid-name{
        width: 35%;
    }
    
}
@media (min-width: 1000px) and (max-width: 1300px) {
    .eightDivA{
        width: calc((100% - 2rem)/3);
        height: auto;
        box-sizing: border-box;
        /* padding:0.5rem; */
        border: solid 1px white;
        border-radius: 10px;
        margin-bottom: 0.5rem;
    }
    .meaid-name{
        width: 30%;
    }
    
}
@media (max-width: 1000px) and (min-width: 620px) {
      .eightDivA{
        width: calc((100% - 2rem)/2);
        height: auto;
        box-sizing: border-box;
        /* padding:0.5rem; */
        border: solid 1px white;
        border-radius: 10px;
        margin-bottom: 0.5rem;

      }
    .meaid-name{
        width: 40%;
    }
}
@media (max-width: 620px) and (min-width: 400px) {
      .eightDivA{
        /* width: calc((100% - 2rem)/1); */
        width: 100%;
        height: auto;
        box-sizing: border-box;
        /* padding:0.5rem; */
        border: solid 1px white;
        border-radius: 10px;
        margin-bottom: 0.5rem;

      }
    .meaid-name{
        width: 30%;
    }
}
@media (max-width: 400px) {
      .eightDivA{
        /* width: calc((100% - 2rem)/1); */
        width: 100%;
        height: auto;
        box-sizing: border-box;
        /* padding:0.5rem; */
        border: solid 1px white;
        border-radius: 10px;
        margin-bottom: 0.5rem;

      }
    .meaid-name{
        width: 40%;
    }
}
/* wap */
@media (max-width: 975px) {
    .tmDivflex div{
        width: 40%;
        margin-bottom: 1rem;
    }
    #header{
        display: flex;
        justify-content: space-between;
        padding: 0.5rem;
        width: 100vw;
        font-size: 12px;
        box-sizing: border-box;
    }
    #header img{
        width: 12rem;
        /* margin-left: 1rem; */
    }
    .header_menu{
        /* margin-right: 0.5rem; */
    }
    .header_menu img{
        display: block;
        width: 1.5rem !important;
        margin-left: 1rem;
    }
    .aboutus{
        
        width: 100%;
        margin: auto;
        /* margin-top: 2rem; */
        display: flex;
        flex-wrap: wrap;
    }
    .LeftAboutus_C div{
        width: 50%;
    }
    .aboutus img{
        width: 100%;
        /* max-width: 400px; */
        height: auto;

        margin: 0 auto;
        margin-bottom: 1rem;
    }
    .LeftAboutus{
        width: 90%;
        margin: 0 auto;
    }
    .LeftAboutus_B p{
        font-size: 1rem;
    }
    .LeftAboutus_A p:nth-child(1){
        font-size: 1.1rem;
        padding-left: 10px;
        color:var(--main-bg-color) ;
    }
    .LeftAboutus_A p:nth-child(2){
        font-size: 1.6rem;
        color: black;
        font-weight: bold;
        padding-left: 10px;
    
        
    }
    .LeftAboutus_C h2{
        font-size: 2rem;
    }
    .searchDiv_Des{
        /* top: 32rem !important; */
    }
    .searchDiv_Des h2{
        font-size: 1.3rem;
        font-weight: bold;
    }
    #showtypeC img{
        width: 72%;
        margin-bottom: 1rem;
    }
    .submitSearch{
        /* top: -9rem; */
        padding: 1rem;
        width: 80%;
    }
    .submitSearch input{
        width: 100%;
    }
    .searchDiv{
        /* height: 100vh; */
        /* padding-bottom: 15px; */
        overflow: hidden;
    }
    .searchDiv img{
        width: 100%;
        max-height: 100vh;

    }
    #searchReadmore{
        top: 0rem;
    }
    #searchReadmore.active{
        animation:twoten 1s;
        -webkit-animation:twoten 1s; /* Safari and Chrome */
        top: -2rem;
    
    }
    .submitSearch input{
        margin-bottom: 1rem;
    }
    .submitSearch .form-select{
        margin-bottom: 1rem;

    }
    .submitSearch h2{
        padding-bottom: 0;
    }
    .searchDiv_Des p{
        font-size: 1rem;
    }
    .sectionTec{
        width: 90%;
        margin-top: 2rem;
    }
    .sectionTec_A img{
        width: 50%;
    }
    .sectionTec_A{
        padding: 0.5rem;
        width: 33.3%;

    }
    .sectionTec_A h2{
        font-size: 0.9rem;
        padding-top: 0.5rem;
        word-break: break-all;

    }
    .News_A{
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-flow: wrap;
    }
    .News_A img{
        width: 90%;
        margin: 0 auto;
        height: 10rem;
    }
    .News_AContent{
        color: white;
        width: 90%;
        margin: 0 auto;

        background-color: var(--main-bg-color);
        padding: 1rem;
    }
    .News_AContent h3{
        font-size: 1.1rem;
    }
    .News_BContent div p:nth-child(3){
        display: none;
    }
    .News_AContent span{
        background: var(--main-bg-color);
        font-size: 0.8rem;
        padding: 0.3rem;
        border-radius: 5px;
    }
    .News_BContent{
        width: 90%;
        margin: 0 auto;
        margin-top: 1rem;
        display: flex;
        flex-flow: row wrap;
    }
    .News_BContent div {
        width: 90%;
        background: var(--newssection-bg);

        margin: 0 auto;
        padding: 0.6rem;

    }
    .disnone{
        display: none;
    
    }
    
      .sectionContact{
        width: 90%;
        height: 30rem;
        margin: 0 auto;
        /* padding-top: 0.6rem; */
        overflow: hidden;
        color: var(--tec_bgA-color);
      }
      .sectionContact_L{
        background: white;
        padding: 1rem;
        box-shadow: 1px 1px 10px #c9c9cc;
        position: relative;
        top: -20rem;
        width: 90%;
        margin: 0 auto;
        border-radius: 5px;
      
      }
      .fp-overflow{
        overflow: hidden;
      }
      
      .sectionContact_L img{
        width: 90%;
        margin: 0 auto;
        height: auto;
      }
      .sectionContact_R{
        position: relative;
        top: -19rem;
        width: 90%;
        margin: 0 auto;
        box-shadow: 1px 1px 10px #c9c9cc;
        padding: 1rem;
        border-radius: 5px;
        background: white;
        
      }
      .sectionContact_RDiv{
        /* display: flex; */
        /* justify-content: space-between; */
        margin-bottom: 0.5rem;
        
        
        
      }
      .sectionContact_RDivA{
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: white;
        box-shadow: 1px 1px 5px #c9c9cc;
        display: flex;
        justify-content: center ;
        align-items: center;
        float: left;        

      }
      .sectionContact_RDivA img{
        width: 50%;height: 50%;
        
        display: block;
      }
      .sectionContact_RDivB{
        height: auto;
        margin-left: 1rem;
        float: left;        
        width: calc(100% - 5rem);
      }
      .sectionContact_RDivB p{
        text-align: left;
        margin: 0;padding: 0;
        color: var(--tec_bgA-color);
        font-size: 0.9rem;
        padding-top: 0.3rem;
        /* padding-top: 5px; */
        
      }
      .sectionContact_RDivB p:nth-child(1){
        font-weight: bold;
        font-size: 1rem;
        display: none;
    
    }
    .gonews{
        display: none;
    }
    /* 。。。。 */
    .sectionContactUs{
        width: 90%;
        margin: 0 auto;
        display: none;
        /* display: flex;
        justify-content: space-around; */
        /* background: var(--gray-color); */

      }
      .sectionContactUs_Div{
        padding: 0 5px;
        border-radius: 1rem;
        background: var(--gray-color);
        display: flex;
        /* justify-content: space-between; */
        margin-top: 0.5rem;

      }
      .sectionContactUs_A{
        border-radius:50% ;
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center ;
        align-items: center;
      }
      .sectionContactUs_B{
        /* width: 200px; */
        display: flex;
        /* justify-content: center ; */
        align-items: center;
      }
      .sectionContactUs_A img{
        width: 50%;
        height: 50%;

      }
      .introfooter{
        /* position: absolute;
        bottom: 0;
        width: 100%;
        background: var(--header-bg);
        padding: 0.5rem; */
        padding: 1rem;
    }
    .introfooter p{
        font-size: 0.85rem;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
        padding-bottom: 0.5rem;

    }
   .introfooterwap{
    display: block;
   }
   .introfooter p{
    /* text-align: left; */
    }
    #navb ul li{
		list-style: none;
		text-align: left;
        border-bottom: solid 1px var(--gray-color);
	}	
    #navb ul li:last-of-type{
        border-bottom: none;

    }
    .navb_UL{
        padding-left: 0;
        margin-top: 3rem;
    }
    #navb ul li a{
        padding:0.5rem 2rem;
        width: 100%;
        display: block;

    }
    .closeNav{
        display: block;
        margin: 0.5rem;
        float: right;
    }
    .arrow {
        display: block;
        transition: transform .5s;
        float: right;
        }
        
        .arrow.active{
        transform: rotate(180deg);
        }
    #navb{
        position: fixed;
        width: 80vw;
        height: 100vh;
        background: white;
        right: -80vw;
        z-index: 99;
        display: none;

    }
    #navb.active{
        display: block;
        animation:leftbs 1s;
        -webkit-animation:leftbs 1s; /* Safari and Chrome */
        right: 0;
        overflow-y: scroll;
    }

    @keyframes leftbs
    {
        0%   { right:-80vw; top:0px;}
        
        100% {right:0px; top:0px;}
    }

    @-webkit-keyframes leftbs /* Safari and Chrome */
    {
        0%   { right:-80vw; top:0px;}

        100% {right:0px; top:0px;}
    }
    #navb a{
        color: var(--tec_bgA-color) !important;
    }
    #nav{
        display: none;
        
    }
    
    #navb ul li ul{
       display: none;
        
    }	
    .zk {
        display: block !important;
    }
    /* #navb ul li:hover ul{
        display: block;
	} */
   
    
    #nav ul{
        margin: 0;padding: 0;
    }
   
    #nav ul li ul li{
        background: white;
        line-height: 38px;
    }
    .newcontent_A{
        width: 100%;
        margin-bottom: 1rem;
        background: white;
        border-radius: 5px;
        overflow: hidden;
    box-shadow: 1px 1px 5px #888888;

        /* display: flex; */
        /* justify-content: space-between; */

    }
    .newcontent_A:nth-last-child(1){
        display: none;
    }
    .newcontent_AA{
        width: 100%;
        height: 12rem;
        overflow: hidden;

    }
    .newcontent_AA img{
        width: 100%;
        display: block;
        height: 100%;
        transition: all 0.6s;    
        cursor: pointer;
    }
    .newcontent_AA img:hover{
        transform: scale(1.3);
    }
    .newcontent_B{
        padding: 0.5rem;

    }
    .newspan{
        font-size: 0.8rem;

        color: var(--main-bg-color);
        text-align: left;
        padding: 0;margin: 0;
        padding: 0 0 0.1rem 0;

    }
    .newtitle{
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
        padding: 0;margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--tec_bgA-color);


    }
    .newcont{
        font-size: 0.95rem;
        color: var(--tec_bg-color);
        text-align: left;
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding: 0;margin: 0;
        padding: 0.1rem 0;
        display: none;

    }
    .newcontent{
        width: 90%;
    }
    .ditusection{
        width: 90%;
        margin: 0 auto;
        margin-top: 70px;

    }
    .ditusection_L{
        width: 100%;
    }
    .ditusection_L img{
        width: 100%;
        display: block;
    }
    .ditusection_R{
        margin-top: 1rem;

    }
    .ditusection_R .titleh2{
        font-size: 1.1rem;
        font-weight: bold;
    }
    .ditusection_RDivL{
        float: left;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        border: solid 1px var(--main-bg-color);
        display: flex;
        justify-content: center ;
        align-items: center;
        display: none;

    }
    .ditusection_RDivR h3{
        font-size: 0.95rem;
        margin: 0;padding: 0;
        text-align: center;
        color: var(--tec_bg-color);

    }
    .ditusection_RDivR p{
        font-size: 0.72rem;
        margin: 0;padding: 0;
        display: none;
        padding-top: 0.1rem;
    }
    .ditusection_RDivL img{
        width: 60%;
        height: 60%;

    }
    .ditusection_RDivR{
        /* float: right; */
        /* width: calc(100% - 3rem); */
        width: 100%;
        text-align: center;
    }
    .ditusection_RDiv{
        margin-top: 0.5rem;
        width: 32.5%;
        background: rgb(240, 243, 250);
        display: flex;
        align-items: center;

    }
    
    .ditusection_RDivFlex{
        height: 5rem;
        overflow-y: scroll;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-bottom: 10rem;

    }
    /* about页面 */
    .nybanner{
        width: 100%;
        background: url('../image/sit4.jpg') no-repeat;
        background-size: cover;
        padding-bottom: 24.156%;
    }
    .AboutPage_DIV{
        width: 100%;
        margin-top: 1rem;

    }
    .AboutPage_A{
        width: 90%;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .AboutPage_A img{
        width: 100%;

    }
    .hengduandiv{
        width: 100%;
        background: url('../image/videobg.jpg') no-repeat;
        background-size: cover;
        padding-bottom: 1rem;
    }
    .AboutPage_A p{
        color: #454545;
    }
    .hengduandivFlex{
        width: 90%;
        margin: 0 auto;
    }
    .hengduandivFlex_A{
        text-align: center;
    }
    .videoclass video{
        width: 100%;
        height: 10rem;
        margin-top: 2rem;
    }
    .rongyuDiv{
        width: 90%;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .hengduandivFlex_A{
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        color: white;
        padding-top: 1rem;
    }
    .rongyuSwiperDiv{
        width: 90%;
        margin: 0 auto;
        /* height: 20rem; */
        margin-top: 2rem;
    }
    .rongyuDiv p{
        color: #454545;
        text-indent: 2em;
    }
   
    .aboutMore{
        width: 90%;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .accordion-body p{
        color: #454545;
        font-size: 0.9rem;
    }
    .accordion{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .relaTop30{
        margin-top: 3rem;
    }
    

      .IndexLmap{
        
        /* background: var(--main-bg-color); */
        background: #A0A5A8;
        width: 100vw;
        /* height: 100vh; */
        box-sizing: border-box;
        padding: 2rem 0;
        /* padding: 100px; */
        display: flex;
        justify-content: center;
        align-items: center;
        
    
      }
      .IndexLmapFloatL{
        width: 80%;
        color: white;

      }
      .IndexLmapFloatL h2{
        text-align: left;
        padding-bottom: 0.5rem;
        border-bottom: solid 1px white;

      }
      .IndexLmapFloatL p{
        text-align: left;
      }
      .IndexLmapA{
        /* width: 500px; */
        /* margin: 0 auto; */
        /* height: 500px; */
        /* display: flex;
        justify-content: center;
        align-items: center; */
        background: url('../image/shijieditu.png') no-repeat;
        /* background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
        url('../image/shijieditu.png') center/cover no-repeat; */
        background-size: 50% 20%;
        background-position: center;
        opacity: 0.1;
        position: absolute;
        width: 100vw;height: 100vh;
      }
      .IndexLmapA img{
        opacity: .1;
        margin: 0 auto;
        width: auto;
        height: 100%;
        
      }
      .eightDiv{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 2rem;
      }

      .eightDivA img{
        padding-top: 0.5rem;
        width:auto;
        margin: 0 auto;
        height: 2rem;
      }
      .eightDivA p{
        padding-bottom: 0.5rem;

        text-align: center;
        margin-top: 0.3rem;
        font-size: 1rem;
        margin-bottom: 0;
      }
      .indexfooterL{
        display: none;
      }
      .indexfooterR{
        width: 100%;
        float: left;
        padding: 1rem;
        /* margin-bottom: 10px; */
      }
      .indexfooterR>div{
        margin-bottom: 10px;

      }
      .indexfooterR div img{
        width: 2rem;
        height: auto;
        float: left;
        /* margin-right: 1rem; */
      }
      .indexfooterR p{
        width: 100%;
        font-size: 0.9rem;
        margin: 0;padding: 0;
        text-align: left;
        margin-bottom: 0.2rem;
      }
      .indexfooterLast div{
        width: 100%;
        font: 0.9rem;
      }
      .indexfooterLast{
        padding: 0.5rem 0;
        display: block;
        /* text-align: left; */
      }
      .foot-logo{
        font-size: 12px;
      }

}
@media (max-height: 800px) and (max-width: 975px){
    .LeftAboutus_B p{
        word-break: break-all;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        padding-bottom: 0;
        margin-bottom: 1rem;
    }
    .LeftAboutus_C h2 {
        font-size: 1.5rem;
    }
    .aboutus img{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
}

@media (max-height: 790px) and (max-width: 1500px){
    .newcont{
        line-height: 20px;

        font-size: 0.9rem;
        padding: 0.3rem 0 0 0;
    }
    #showtypeE{
        /* top: -14rem !important; */
    }
    .newtitle{
        font-size: 0.8rem;
    }
    .sectionTec_A h2 {
        font-size: 18px;
        padding: 0 0.5rem;
        word-break: break-all;
        text-align: center;
        padding-top: 0.6rem;
        margin-bottom: 0.5rem;
        box-sizing: content-box;
    }
    
    #nav ul li{
		float: right;
        /* width: calc(100% / 6); */
        
		
		height: 38px;
		float: left;
		list-style: none;
		text-align: center;
	}
    /* .aboutcontent{
        top: 30%;
    }	 */
    #nav ul li ul li{
        width: 150px;
    }
}
@media (max-height: 790px) and (max-width: 400px){
    /* .aboutcontent{
        top: 46%;
    } */
    #showtypeE {
        top: 20% !important;

    }
    #header{
        font-size: 10px;
    }
    }
/* @media (min-height: 790px) {
    .aboutcontent{
        top: 46%;
    }
    
} */
@media (max-width: 340px) {
    /* .zhanweibox {
        top: 10% !important;

    } */
    .aboutcontent{
        top: 20%;
    }
    
}
/*  
@media (max-width: 380px) and (min-width:340px) {
    .aboutcontent{
        top: 25%;
    }
    
}
@media (max-width: 500px) and (min-width:381px){
    .aboutcontent{
        top: 30%;
    }
    
}
@media (max-width: 600px) and (min-width:500px){
    .aboutcontent{
        top: 51%;
    }
    
}
@media (max-width: 700px) and (min-width:600px){
    .aboutcontent{
        top: 42%;
    }
    
}
@media (max-width: 975px) and (min-width:700px){
    .aboutcontent{
        top: 60%;
    }
    
} */
@media (max-width:976px){
    .zhanwei{
        font-size: 10px;
    }
}