/* 这是匹配横屏的状态，横屏时的css代码 */

body {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-y: none;
    background-color: #fff;
}

@media all and (max-height:700px) {
    body {
        overflow-y: auto;
    }
}

@media all and (orientation :landscape) {}
.menu_page02{
    width:100%;
     height:100%;
}


.menu_page02 ul{
    float:left;
    width:100%;
    height:100%;
}
.menu_page02 ul li{
      position:relative;
     float:left;
     width:33%;
     height:100%;
     font-size:18px;
     color:#a3987f;
     background:#5b554c;
     /* margin-left:0.1%; */
     cursor: pointer;
}

.en .menu_page02 ul li{

     font-size:22px;
     line-height:22px;

}




.menu_page02 ul li span{
     float:left;
     text-align:left;
     padding-left:5%;
}

.menu_page02 ul li img{
    display: none;
}


.menu_page02 .menu_page02_text{
    position:absolute;
    padding-left:65px;
     padding-top:9%;
    width:100%;
}

.menu_page02 ul .cur{
    color:#fff;
}

.menu_page02 .cur .menu_page02_text{
    padding-left:30px;
}

.menu_page02 ul  .menu_bg{
    float:left;
    width:0%;
    height:100%;
    background:#a3987f;
}


@media (min-width:1280px)and (max-width:1481px) {
    .menu_page02 ul li img{
         height:30px;
         width:31px;
         margin-top:6px;
    }
    .menu_page02 ul li{
         font-size:16px;   
    }
    .menu_page02 .menu_page02_text{
        padding-top:10%;
     }
    .en .menu_page02 .menu_page02_text{
        padding-top:8%;
     }


}

@media (min-width:1080px)and (max-width:1279px) {
    .menu_page02 ul li img{
         height:25px;
         width:26px;
         margin-top:5px;
    }
    .menu_page02 ul li{
         font-size:14px;   
    }
    .menu_page02 .menu_page02_text{
        padding-top:6%;
     }

    .menu_page02 .cur .menu_page02_text{
        padding-left:10px;
    }

    .en .menu_page02 .menu_page02_text{
        padding-top:8%;
     }

    .en .menu_page02 .cur .menu_page02_text{
        padding-left:30px;
    }
    
}

@media (min-width:750px)and (max-width:1079px) {
    .menu_page02 ul li img{
         height:25px;
          width:26px;
         margin-top:5px;
    }
    .menu_page02 ul li{
         font-size:14px;   
    }
    .menu_page02 .menu_page02_text{
        padding-top:10%;
          padding-left:32%;
     }

    .menu_page02 .cur .menu_page02_text{
        padding-left:10px;
    }
}
/* 这是匹配竖屏的状态，竖屏时的css代码 */

@media all and (orientation :portrait) {}

.logo {
    width: 170px;
    margin-left: 75px;
    margin-top: 40px;
}

.header {
    width: 98.9%;
    max-width: 1920px;
    height: 140px;

    position: absolute;
    padding: 0px;
    margin: 0px;
    overflow: visible;
    /*     margin-top: -5%; */
    /* background: url(../img/pc_nav.png); */
    /*     background-repeat: no-repeat; */
    /*     background-color: rgba(0, 0, 0, 0.5); */
    z-index: 10;
}

.header_form {
    width: 100%;
    height: 100%;
    z-index: 3;
    overflow: visible;
}

.nav {
    width: 43%;
    height: 50px;
    margin-left: 6%;
    margin-top: 50px;
    overflow: visible;
    z-index: 5;
}
.en .en_dn{
     display: none;
}
.nav_01,
.nav_02,
.nav_03,
.nav_04,
.nav_05 {
    width: 19%;
    height: 100%;
    float: left;
    line-height: 45px;
    text-align: center;
    overflow: visible;
    cursor: pointer;
}

.nav li div {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
}

.nav li div span {
    width: auto;
    height: 100%;
    float: left;
    font-size: 1rem;
    color: #282728;
    font-weight: 600;
    cursor: pointer;
    /*      font-size: 8.5px; */
    /*     margin-left: 10px; */
}
.en .nav li div span {
    width: auto;
    height: 100%;
    float: left;
    font-size: 1.3rem;
    color: #282728;
    font-weight: 600;
    cursor: pointer;
    /*      font-size: 8.5px; */
    /*     margin-left: 10px; */
}
.nav li div img {
    margin-top: -2px;
    float: left;
}
.nav_03{
    margin-left: 4%;
}
.zmz img {
    width: 40%;
    margin-left: -10px;
    /*     margin-top: -10px; */
}

.ptfw img {
    width: 40%;
    margin-left: -10px;
    /*     margin-top: -10px; */
}

.E_btn {
    width: 210px;
    height: 40px;
    background-color: rgba(255, 255, 255, 1);
    margin-top: 48px;
    cursor: pointer;
    text-align: left;
}

.English {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #807a63;
    z-index: 3;
    font-size: 1.2rem;
    line-height: 35px;
}
.en .English {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #807a63;
    z-index: 3;
    font-size: 1.2rem;
    line-height: 40px;
}
.zuol {
    width: 3%;
    height: 100%;
    background-color: rgba(255, 0, 0, 1);
    z-index: 0;
}

.Search {
    width: 200px;
    height: 30px;
    border-bottom: 1.5px solid #807a63;
    margin-right: 5%;
    margin-top: 55px;
}

.Search input {
    width: 130px;
    padding-left: 10px;
    float: left;
    font-size: 1.2rem;
}

.n2 {
    width: 19px;
    float: left;
}

.zmz_ul {
    width: 30%;
    height: 140px;

    overflow: hidden;
    position: absolute;
    /*! margin-top: 55px; */
    color: #8d8d8d;
    transform: translateY(-50px);
    opacity: 0;
}

.z_li {
    width: 100%;
    height: 30px;
    line-height: 40px;
    text-align: left;
    float: left;
    font-size: 1rem;
    cursor: pointer;
}
.en .z_li {
    width: 100%;
    height: 35px;
    line-height: 40px;
    text-align: left;
    float: left;
    font-size: 1.3rem;
    cursor: pointer;
}

.ptfw_ul {
    width: auto;
    height: 100px;

    overflow: visible;
    position: absolute;
    /*! margin-top: 55px; */
    color: #8d8d8d;
    opacity: 0;
    transform: translateY(-50px);

}

.nav_bg {
    width: 100%;
    height: 200%;
    background-color: #fff;
    z-index: -1;
    overflow: visible;
    opacity: 0;
}

.z_li:hover {
    color: #ff0000;
}


/*END*/

.dlx {
    width: 2%;
    bottom: 10%;
    left: 3%;
    z-index: 5;
}

.dlx li {
    width: 100%;
    margin-top: 20px;
}

.dlx li img {
    width: 100%;
}

.m_Ebtn {
    display: none;
}

.m_Search {
    display: none;
}

.wx_erm{
    width: 380%;
    left: 120%;
    top: -48%;
    overflow: visible;
}
/* END */

.m_nav {
  width: 45px;
height: 58px;
display: none;
float: left;
margin-right: 0%;
margin-top: 45px;
cursor: pointer;
margin-left: 5%;
}


/* 宽度大于600px小于960之间时，隐藏footer结构 */

@media all and (min-width:750px) and (max-width:1080px) {
    .zmz img {
    width: 8%;
    margin-left: -10px;
/*     margin-top: -10px; */
 }
.ptfw img {
    width: 8%;
    margin-left: -10px;
/*     margin-top: -10px; */
 }
    .header {
       width: 98.0%;
        height: 140px;
    }
    .logo {
        width: 120px;
        margin-left: 40px;
        margin-top: 40px;
    }
    .E_btn {
        width: 130px;
    }
    .Search {
        width: 130px;
    }
    .Search input {
        width: 100px;
    }
    .nav {
        width: 100%;
        height: 100%;
        position: absolute;
        margin-top: 140px;
        display: none;
    }
    .home img {
        display: none;
    }
    .m_nav {
        display: block
    }
    .nav_bg {
        height: 1495px;
    }
    .nav_01,
    .nav_02,
    .nav_03,
    .nav_04,
    .nav_05 {
        width: 95%;
        height: auto;
        line-height: 70px;
        text-align: left;
        float: right;
        color: #949494;
        border-bottom: 1px solid #cacccc;
    }
    .zmz img {
        margin-left: 0px;
    }
    .nav li div span {
        font-size: 1.8rem;
        font-weight: 400;
    }
    .nav li div img {
        margin-top: 5px;
    }
    .zmz_ul {
       width: 30%;
height: 140px;
overflow: hidden;
position: relative;
margin-top: 125px;
color: #8d8d8d;
/*! transform: translateY(-50px); */
opacity: 1;
    }
    .ptfw_ul {
     width: auto;
height: 100px;
overflow: visible;
position: relative;
margin-top: 55px;
color: #8d8d8d;
opacity: 1;
transform: translateY(0px);
    }
    .z_li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        float: left;
        font-size: 1.5rem;
        padding-left: 20px;
        cursor: pointer;
        padding-bottom: 10px;
    }
    .nnn1,
    .nnn2 {
        display: none;
    }
    
    .m_nav_bg {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 1);
        z-index: 6;
        overflow: visible;
    }
}

@media all and (min-width:1080px) and (max-width:1280px) {
    .header {
        width: 98.6%;
        height: 150px;
    }
    .E_btn {
        width: 140px;
    }
    .English {
        font-size: 1rem;
        line-height: 38px;
    }
    .Search {
        width: 160px;
    }
    .Search input {
        width: 100px;
    }
    .nav li div span {
        font-size: 0.9rem;
    }
    .m_nav {
        display: none;
    }
    .logo {
        width: 120px;
        margin-left: 40px;
        margin-top: 40px;
    }
    .zmz img {
        padding-top: 8%;
    }
    .ptfw img {
        padding-top: 8%;
    }
}

@media all and (min-width:1280px)and (max-width:1481px) {
    .E_btn {
        width: 180px;
    }
    .English {
        font-size: 1.0rem;
        line-height: 38px;
    }
    .nav li div span {
        font-size: 0.9rem;
    }
    .Search {
        width: 180px;
        font-size: 1.0rem;
    }

    .m_nav {
        display: none;
    }
    .logo {
        width: 130px;
        margin-left: 40px;
        margin-top: 40px;
    }
    .zmz img {
        padding-top: 8%;
    }
    .ptfw img {
        padding-top: 8%;
    }
}