.nav {
    height: 310px;
     
}

.nav1 {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: all .5s;
    background-color: #ffffff;
    height: 70px;
    display: flex;
    margin: 0 auto;
    position: fixed;
    
}

.nav1 .title {  
    position: absolute;
    display: flex;
    width: 40;
    height: auto;
    background: #42a1ff;
    height: 70px;
    margin-left: 0px
}

.nav1 .title a {
    margin: 15px 15px 15px 15px;
}

.logo {
    position: absolute;
    left: 10px;
    top: 15px;
}

.nav1:hover {
    background-color: #ffffff;
}

.nav1 .ullist {
    width: 100vw;
    height: 100%;
    /* margin-left: 270px; */
    /* margin-left: 20%; */
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
    left: 340px;
}

.nav1 .lang {
    width: 300px;
    height: 70px;
    position: absolute;
    /* right: 120px; */
    right: 0%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.top-cate {
    color: #666;
    display: block;
    width: 130px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
}

.nav1 li a:hover {
    color: #2aa9f3;
}

.nav .nav1 .logo {
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    line-height: 70px;
    position: relative;
}

.droplist {
    width: 170px;
    height: 270px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistA {
    width: 165px;
    height: 165px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistB {
    width: 170px;
    height: 221px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistC {
    width: 170px;
    height: 221px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistD {
    width: 170px;
    height: 53px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistE {
    width: 170px;
    height: 130px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistF {
    width: 170px;
    height: 0px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.libt {
    position: relative;
}

.libt_en {
    position: relative;
}

.libt:hover .droplist {
    width: 200px;
    height: 250px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistA {
    width: 200px;
    height: 165px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistB {
    width: 200px;
    height: 221px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistC {
    width: 200px;
    height: 221px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistD {
    width: 200px;
    height: 53px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistE {
    width: 200px;
    height: 110px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.libt:hover .droplistF {
    width: 200px;
    height: 0px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #fff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -30px;
    margin-left: -32px;
}

.mc_subnav_li {
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mc_subnav_a {
    width: 250px;
    height: 55px;
    color: #000000;
    position: relative;
}

.mc_subnav_li a {
    font-size: 16px;
    text-align: center;
    line-height: 55px;
}

.lang a {
    font-size: 14px;
    color: #000000c2;
}

.lang a:hover {
    color: #2aa9f3;
}

.soBox {
    /* display: none;
    overflow: hidden; */
    position: absolute;
    right: 220px;
    top: -20px;
    height: 50px;
}

.soBox form {
    display: block;
    position: relative;
    padding: 0 20px;
    margin-top: 150px;
}

.soBox form .inp {
    width: 100%;
    height: 50px;
    background: #ffffff00;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    outline: 0;
    text-indent: 10px;
    margin-top: 5px;
    right: 280px;
}

.soBox form .btn {
    width: 60px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 50px;
    border: 0;
    outline: 0;
    background: url(../images/page-serch1.png) no-repeat center center;
}


.soBox .close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/close.png) no-repeat center center;
}


.so-input {
    position: relative;
    width: 180px;
    margin-right: 10px;
}

.so-input .input {
    float: right;
    width: 0;
    height: 40px;
    color: #000000;
    font-size: 14px;
    transition: .3s;
    border: 0;
    outline: 0;
    padding: 0 35px 0 10px;
    background: rgba(255, 255, 255, 0);
    margin-right: 210px;
    margin-top: 15px;
}

.so-input .input::-webkit-input-placeholder {
    color: #fff;
}

.so-input .input::-moz-placeholder {
    color: #fff;
}

.so-input .input::-ms-input-placeholder {
    color: #fff;
}

.so-input.on .input {
    width: 100%;
    border-bottom: 1px solid #fff;
}

/* .btn {
    height: 40px;
    width: 30px;
    margin-right: 6px;
    background: url(../images/ico-so.png)no-repeat center center;
} */


.lang .inp {
    width: 98%;
    height: 30px;
    background: #eaeaeaa3;
    border: 0;
    font-size: 14px;
    color: #010052;
    /* border:1px solid #0b91f8; */
    outline: 0;
    text-indent: 10px;
    border-color: #00000000;
    border-radius: 10px;
}

.lang_en .inp {
    width: 98%;
    height: 30px;
    background: #eaeaeaa3;
    border: 0;
    font-size: 14px;
    color: #010052;
    /* border:1px solid #0b91f8; */
    outline: 0;
    text-indent: 10px;
    border-color: #00000000;
    border-radius: 10px;
}

.lang .btn {
    width: 45px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 90px;
    border: 0;
    outline: 0;
    background: url(../templates/default/images/search1.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    z-index: 9999;
}

.hidden{
   display: none; 
}


.pad{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 22px;
    right: 0%;
    border: 0;
    outline: 0;
    background: url(../templates/default/images/san.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    z-index: 9999;
}

.lang_en .btn {
    width: 24px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 90px;
    border: 0;
    outline: 0;
    background: url(../templates/default/images/search1.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    z-index: 9999;
}

/* .soBox .close {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/close.png) no-repeat center center;
} */

.lang p .chinese::after {
    content: " |  ";
    color: #666;
}




.libt_en {
    position: relative;
}

.libt_en:hover .droplist_en {
    width: 250px;
    height: 270px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistA_en {
    width: 250px;
    height: 165px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistB_en {
    width: 250px;
    height: 221px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistC_en {
    width: 250px;
    height: 221px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistD_en {
    width: 250px;
    height: 53px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistE_en {
    width: 250px;
    height: 110px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.libt_en:hover .droplistF_en {
    width: 250px;
    height: 0px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    background: linear-gradient(45deg, #fff, #ffffff);
    position: absolute;
    top: 100px;
    display: block;
    text-align: center;
    margin-top: -6px;
    margin-left: -30px;
}

.top-cate_en {
    color: #666;
    display: block;
    width: 160px;
    height: 70px;
    margin-top: 50px;
    /* line-height: 70px; */
    font-size: 14px;
}
.top-cate_enn {
    color: #000000;
    display: block;
    width: 130px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
}


.mc_subnav_a {
    line-height: 0.3;
    /* 设置行高为 1.3 倍文字大小，可以根据需要调整 */
}

.nav1 .lang_en {
    width: 250px;
    height: 70px;
    position: absolute;
    right: 0%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.droplist_en {
    width: 250px;
    height: 270px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistA_en {
    width: 250px;
    height: 165px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistB_en {
    width: 250px;
    height: 221px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistC_en {
    width: 250px;
    height: 221px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistD_en {
    width: 250px;
    height: 53px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistE_en {
    width: 250px;
    height: 110px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.droplistF_en {
    width: 250px;
    height: 0px;
    padding-bottom: 60px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    display: none;
    text-align: center;
}

.lang_en p .chinese::after {
    content: " |  ";
    color: #666;
}

.lang_en a {
    font-size: 14px;
    color: #000000c2;
}

.lang_en a:hover {
    color: #2aa9f3;
}

.ico en a {
    color: white;
}

.ico a{
    color: white;
}

.centered-container {
    position: relative;
    width: 100%; /* 确保容器占满父容器的宽度 */
    text-align: center; /* 文本水平居中 */
  }
/* ddddddddddddddddddddddddddddddddddddddddddddddddd */
.accordion {
    display: none;
    flex-direction: column;
    max-width: 300px;
}

.accordion-item {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.accordion-button {
    background-color: #f0f0f0;
    text-align: left;
    padding: 10px;
    cursor: pointer;
    border: none;
    width: 100%;
    outline: none;
}

.accordion-content {
    display: none;
    padding: 10px;
}

.active .accordion-content {
    display: block;
}

/* ********************************************************************** */
/* 100% */
@media screen and (min-width: 1360px){
    .pad{
        display: none;
    }
    .header.body.logo-menu{
        display: none;
    }
}

@media screen and (max-width: 1360px){
    .top-cate,.top-cate_en{ 
        display: none;
    }
    .pad{
        display: block;
       
    }
    .header.body.logo-menu{
        display: none;
    }
}

@media screen and (max-width:500px) {
    .top-cate,.top-cate_en,.inp,.btn{ 
        display: none;
    }
    .pad{
        display: block;
    }
    .header.body.logo-menu{
        display: none;
    }
    .nav1 .lang {
        margin-right: -76px;
    }
    .nav1 .lang_en {
        margin-right: -76px;
    }
}
    
@media screen and (max-width:300px) {
     .top-cate,.top-cate_en,.chinese,.english,.inp,.btn{ 
        display: none;
    }
}

/* @media screen and (max-width:400px) {
    .top-cate,.top-cate_en,.chinese,.english,.inp,.btn{ 
        display: none;
    }

} */

/* 默认样式，适用于大屏幕设备 */
.centered-container img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

/* 在小屏幕（移动设备）上的样式 */
@media (max-width: 768px) {
    .centered-container img {
        max-width: 100%; /* 或您希望的其他宽度百分比 */
        margin-top: 70px;
    }
}