/* header */
.h_top{
    width:100%;
    height:62px;
    background-color: #196e93;
}


.h_top_L{
    float: left;
    margin-left:15px;
    margin-top:17px;
    width:140px;
    height:30px;
    position: relative;
}
.language{
    width:100%;
    height:100%;
    border:2px solid #fff;
    box-sizing: border-box;
    opacity: 0.7;
    padding:0 7px;
}

.language > p{
    margin:0;
    font-weight: 900;
    color:#fff;
    font-size: 12px;
    line-height: 26px;
    float: left;
    cursor: pointer;
}

.language > p:nth-child(1){
    float: left;
}
.language > p:nth-child(2){
    float: right;
}

.h_top_in_L_open{
    width:100%;
    height:0;
    position: absolute;
    left:0;
    top:32px;
    z-index: 9999999999;
    background-color: #196e93;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
    overflow: hidden;
    padding:0 15px;
    box-sizing: border-box;
}

.h_top_in_L_open > ul{
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

.h_top_in_L_open a{
    text-decoration: none;
    color: inherit;
}

.h_top_R{
    float: right;
}

.h_top_R > .icon{
    float: left;
    width:55px;
    height:55px;
    margin-top:5px;
    margin-left:-7px;
}

.icon > a{
    display: block;
    width:100%;
    height:100%;
}

.icon img{
    width:100%;
}

.h_bot{
    width:100%;
    height:62px;
    background-color: #fff;
    
    padding-left:20px;
    box-sizing: border-box;

    position: relative;
}

.logo{
    width:109px;
    height:100%;
    background: url(../img/header/logo.png) no-repeat center / contain;
    float: left;
}

.logo a{
    width:100%;
    height:100%;
    display: block;
    text-indent: -9999px;
}

.menu{
    width:30px;
    height:25px;
    float: right;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
}

.ck{
    width:100%;
    height:4px;
    background-color: #196e93;
    display: block;
    cursor: pointer;
    transition: all 0.5s;
}

.ck:nth-child(2){
    position: absolute;
    right:0;
    top:50%;

    transform: translateY(-50%);
}

.ck:last-child{
    position: absolute;
    right:0;
    bottom:0;
}

.h_bot > .pan{
    width:100%;
    height:2500px;
    background-color: #29b8f5;
    padding:40px 0;
    box-sizing: border-box;
    position: absolute;
    left:100%;
    top:100%;
    z-index: 9999999;
    transition: all 0.5s;
}


#ck:checked ~ .pan{
    left:0;
}

.pan > .outer_ul,
.pan .inner_ul{
    list-style: none;
    padding:0;
    margin:0;
    text-align: center;
    
}

.pan a{
    text-decoration: none;
    color:#fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 75px;
}

.inner_ul > li{
    margin-top: -17px;
    color:#fff;
    opacity: 0.7;
    font-size: 13px;
    font-weight: 900;
}