html, body{
    margin: 0;
    padding: 0;
}
.nav_open{
    height:100%;
    overflow:hidden;
}
a{
    text-decoration: none;
    color: black;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
ul{
    padding-left: 0;
}
.lang_EN, .lang_CN{
    padding: 35px 25px 20px;
    display: inline-block;
    color: white;
}
.lineBox{
    display: inline-block;
}
ul li{
    list-style: none;
}
header{
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    min-width: 1200px;
}
nav{
    overflow: hidden;
    width: 88%;
    margin: 0 auto;
}
nav>ul{
    float: right;
    overflow: hidden;
    margin: 0;
}
nav>ul>li{
    float: left;
    width: 114px;
    text-align: center;
}
nav>ul>li>a{
    text-decoration: none;
    color: white;
    padding: 35px 25px 20px;
    display: inline-block;
    position: relative;
    width: 114px;
    box-sizing: border-box;
}
nav>ul>li>a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #dcbc81;
    z-index: -1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
nav>ul>li.pLi>a::before{
    background-color: transparent;
}

nav>ul>li>a:hover::before{
    height: 76px;
}
nav>ul>li:hover a{
    color: white!important;
}
nav>ul>li.liActive a{
    color:#dcbc81;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
nav>ul>li.liActive a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 76px;
    background-color: white;
    z-index: -2;
}
.searchDiv{
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 999;
    display: none;
}
input.searchText{
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 8px 20px;
    color: white;
    background:#dcbc81;
    /*background:#dcbc81 url(../img/search.png) no-repeat calc(100% - 20px) center;*/
    background-size: 20px;
}
input.searchText::-webkit-input-placeholder{
    color:white;
}
input.searchText::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:white;
}
input.searchText:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:white;
}
input.searchText:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:white;
}

footer{
    background: #2a2a2a;
    padding: 30px 0 20px;
    min-width: 1200px;
}
div.foot{
    width: 1200px;
    padding: 0 50px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}
div.foot li{
    float: left;
    width: 28%;
    text-align: center;
}
div.foot li a, div.foot li h2, div.foot li p{
    color: white;
    margin: 0;
}
div.foot li h2{
    font-size: 16px;
    line-height: 40px;
}
div.foot li p{
    font-size: 14px;
    line-height: 36px;
}
div.foot li:nth-child(2){
    margin: 0 8%;
}
div.borderBottom{
    border-bottom: 1px solid white;
    margin: 10px 0 20px;
}

.PC_box .abBox{
    position: absolute;
    background-color: #dcbc81;
    top: 0;
    z-index: -1;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.PC_box .abBox.active{
    height: 241px;
}
.PC_box li.pLi:nth-child(3) .abBox.active{
    height: 200px;
}
.PC_box li.pLi:nth-child(5) .abBox.active, .PC_box li.pLi:nth-child(6) .abBox.active{
    height: 162px;
}

.PC_box .abBox>ul{
    padding-left: 0;
    background: #dcbc81;
    width: 114px;
    box-sizing: border-box;
    padding: 80px 15px 5px;
}
.PC_box .abBox>ul>li{
    text-align: center;
    border-bottom: 1px solid white;
    overflow:hidden;
    text-overflow: ellipsis; 
    color:white;
}
.PC_box .abBox>ul>li:last-child{
    border:none;
}
.PC_box .abBox>ul>li a{
    text-decoration: none;
    font-size: 14px;
    line-height: 38px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**/
.mainBox{
    width: 1200px;
    margin: 20px auto;
    overflow: hidden;
}
.titleBox{
    text-align: center;
    margin-top: 10px;
}
.titleBox .borderLine{
    border-bottom: 1px solid #dcbc81;
    display: inline-block;
    width: 50px;
    position: relative;
    top: -6px;
}

.yellowBtn{
    color: white;
    background: #dcbc81;
    border: none;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    width: 180px;
    -moz-border-radius: 25px; /* Firefox */
    -webkit-border-radius: 25px; /* Safari 和 Chrome */
    border-radius: 25px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
button:hover{
    cursor: pointer;
}

img.bannerImg{
    width:100%;
}
/**/
@media screen and (min-width: 769px) {
    .mobile_box{
        display: none;
    }
    body{
        min-width: 1200px;
    }
}
@media screen and (max-width: 768px) {
    .PC_box{
        display: none;
    }
    nav{
        width:calc(100% - 50px);
        line-height: 50px;
    }
    .searchDiv{
        line-height:normal;
        right:10px;
    }

    .mobile_box{
        padding-top:50px;
    }
    .mainBox{
        width: 100%;
        padding: 25px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    footer{
        width: 100%;
        min-width: inherit;
        padding: 0;
    }
    div.foot{
        width: 100%;
        font-size: 14px;
    }
    header{
        min-width: inherit;
        background: #2a2a2a;
    }
    .lang_EN, .lang_CN{
        padding: 10px 20px;
        color:black;
    }
    .menuBox{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        background: white;
        z-index: 1002;
        display: none;
        overflow:auto;
    }
    .navBox{
        width: 100%;
        /*height: calc(100% - 150px);
        text-align: center;
        display: table;*/
    }
    .mainUl>li{
        font-size: 16px;
        font-weight:bold;
    }
    .mainUl>li a{
        display:block;
        padding: 13px 25px;
    }
    .abBox li{
        font-size: 14px;
        padding-left:10px;
        font-weight:normal;
    }
    .mobile_box .mainUl>li.pLi>a:first-child{
        background: url(/aspx/img/add.png) no-repeat calc(100% - 25px) center;
        background-size: 20px;
    }
    .mobile_box .mainUl>li.pLi.show>a:first-child{
         background-image:url(/aspx/img/jian.png);
     }
    .mobile_box .pLi .abBox{
        background:rgb(246,246,246);
        overflow: hidden;
        height: 0;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }
    .mobile_box .pLi .abBox.show{
        height:180px;
    }
    .mobile_box li.pLi:nth-child(3) .abBox.show{
        height:135px;
    }
    .mobile_box li.pLi:nth-child(5) .abBox.show, .mobile_box li.pLi:nth-child(6) .abBox.show{
        height:90px;
    }

    .middleBox{
        /*display: table-cell;
        vertical-align: middle;*/
    }
    .closeDiv{
        padding: 10px 25px;
        text-align: right
    }
    .closeImg{
        width: 20px;
    }
    div.foot li{
        width: 250px;
    }

    .titleBox{
        margin: 20px 0;
    }
    @media screen and (min-width: 700px){
        div.foot li:nth-child(2){
            margin: 0 20px;
            width: calc(100% - 540px);
        }
    }
    @media screen and (max-width: 699px){
        div.foot ul{
            overflow:initial!important;
        }
        div.foot ul li:nth-child(2){
            display:none;
        }
        div.foot p:last-child{
            margin-top: 1em!important;
        }
    }
    @media screen and (max-width: 450px){
        img.bannerImg{
            width:150%;
            margin-left:-25%;
        }

        nav>a>img{
            width:35px!important;
        }
        nav>.fr>a:nth-child(1)>img{
            width:18px!important;
        }
         nav>.fr>a:nth-child(2)>img{
            width:25px!important;
        }

        input.searchText{
            padding: 5px 15px;
        }
         .searchDiv{
            top:0;
        }
        .search_btn{
            right:15px!important;
            width:15px!important;
        }
        .mobile_box >div:nth-last-child(2){
            padding: 10px 0!important;
        }
        
        div.foot li{
            float: none;
            margin: 10px 0 30px!important;
            width: 100%!important;
        }
        div.foot li h2{
            font-size: 14px;
            line-height: 20px;
        }
        div.borderBottom{
            margin: 10px 0;
        }
        div.foot li p{
            font-size: 12px;
            margin: 10px 0!important;
            line-height: 26px;
        }
        div.foot p:last-child{
            /*margin-top: 0!important;*/
        }
        .navBox li{
            font-size: 14px;
        }
        .closeImg{
            width: 20px;
        }
        .titleBox h2{
            margin: 5px 0!important;
            font-size: 16px;
        }
        .titleBox{
            margin: 20px 0 10px!important;
            font-size: 14px;
        }
    }
}

.PC_box .bannerText{
    visibility: hidden;
    animation-duration: 1.2s;
    animation-name: none;
}
.PC_box .boxText{
    visibility: hidden;
    animation-duration: 1.2s;
    animation-name: none;
}

@keyframes slideInUp
{
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity:0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity:1;
    }
}
@keyframes fadeIn
{
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        opacity:0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity:1;
    }
}