/* 杩欏槈鑽ｅ伐鍏峰寘CHLToolset涓昏彍鍗曟牱寮� */
* {
    margin: 0;
    padding: 0;
}
body{

}
 
.header {
    width: 100%;
    height: 70px;
    background-color: black,#191D3A;
}
 
.inner {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    clear: both;
}
 
.inner .logo {
    float: left;
    width: 180px;
    height: 55px;
    margin: 7px 80px;
}

.inner .slogen{
    float: left;
    width: 250px;
    height: 55px;
    margin: 20px 10px;
 
} 
label{
    
    display: inline-block;
    color: #003377;
    font-weight:bolder;
    margin-left: -100px;
}        
 
.header .nav {
    float: left;
    height: 70px;
}
 
.header .inner .navs #current {
    color: #E2E4ED;
    background-color: #252947;
}
 
.header .inner .navs a {
    float: left;
    width: 85px;
    height: 70px;
    border-left: 1px solid #252947;
    border-right: 1px solid #252947;
    color: #818496;
    text-decoration: none;
    text-align: center;
    line-height: 58px;
    font-size: 14px;
    font-family: 寰蒋闆呴粦;
}
 
.header .inner .navs .ctactus {
    margin: 12px 0 0 10px;
    height: 32px;
    width: 98px;
    border: 1px solid gray;
    border-radius: 3px;
    background-color: #004B97,#38b774;
    color: #fff;
    text-align: center;
    line-height: 32px;
}
 
.header .inner .nav:hover {
    color: #fff;
}
 
.header .inner .navs .ctactus:hover {
    background-color: green;
}

.header .inner .changelang {
    float: right;
    line-height: 58px;
    /*   padding-left:20px;  鍦ㄧ洅瀛愰噷鏀圭殑璇濓紝鑻ユ湭璁剧疆鐩掑瓙楂樺锛屽垯浼氱缉鐭唴瀹圭殑闀垮害 锛屾瘮濡傚師鏉�
    鑷姩鍒嗛厤缁欏唴瀹�90px锛屼絾鏈変簡杈硅窛锛屽垯浼氳嚜鍔ㄥ垎閰�70px锛屽彟澶�20px缁欎簡杈硅窛*/
    /* 鍦ㄥ唴瀹归噷鏀圭殑璇濓紝鐩稿綋浜庡唴瀹圭殑澶栬竟璺� */

}

.header .inner .changelang a {
    display: block;
    margin-right: 10px;
    float: left;
    color: #818496;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
}

.header .inner .changelang .cn {
    color: #1F9574;

}

.header .inner .changelang a:hover {
    color: #1F9574;
}

/* banner */
.banner {
    width: 100%;

}

/* content */
.content {
    background-image: url("../imgs/backgroundimg.png");
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px auto;
}

/* .content li {
    list-style: none;
} */

/* 鍒楄〃 */


.login{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -180px;
    margin-left: 180px;
    width: 190px;
    height: 200px;
    padding: 15px;
    /* background-color: #d0d0d0;
    border-radius: 10px; */

}

select{
    width: 180px;
    padding: 8px 15px;
    border-radius: 5px;
    text-align: left;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 200;
    border: 1px solid #696969;
    box-sizing: border-box;
    background-color: #BEBEBE;

}

input {
    border: 1px solid #696969;
    width: 180px;
    padding: 8px 15px;
    margin-top: 15px;
    margin-left: 5px;
    border-radius: 5px;/*鍦嗚*/
    font-size: 14px;
    font-weight: 200;
    text-align: left;
    color: gray;
    box-sizing: border-box;
}

button{
    /* float: left; */
    background: #003D79,#0000CD,#4682B4;
    border: 1px solid gray;
    padding: 5px 15px;
    color: white;
    border-radius: 5px;
    width: 86px;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 20px;

}
button:hover{
    background:#CCC; /*榧犳爣绉诲姩涓婂幓鎸夐挳棰滆壊鍙樼伆鑹�*/
}

p{
    margin-left: 35px;
    margin-top: 10px;
    color: white;
}