html {
    line-height: 1.5;
    font-family: 'Microsoft YaHei', sans-serif, 'Helvetica Neue', Helvetica, Arial, '黑体', '宋体';
    font-size: 14px;
    color: #656565;
}

body {
    background: #FFF;
    min-width: 1200px;
}

a {
    color: #656565;
}

table {
    border-collapse: collapse;
}

/* 版心 */
.contain {
    width: 1200px;
    margin: 0 auto;
}

.bgimg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fullimg img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/* ================== heaeder and footer start ================== */
/* header */
/* top */
.top {
    height: 110px;
    line-height: 40px;
    background: #F6F6F6;
}

.top-box {
    overflow: hidden;
}

.top-left {
    float: left;
}

.top-right {
    float: right;
    overflow: hidden;
}

.logo {
    display: block;
    margin-top: 24px;
}

.logo img {
    width: 503px;
    height: 62px;
    vertical-align: middle;
}

.frbox {
    overflow: hidden;
}

.lang {
    float: right;
    margin-top: 10px;
    line-height: 28px;
    font-size: 16px;
}

.wlink {
    vertical-align: middle;
    margin-right: 10px;
}

.lang-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -2px;
}

.icon-login {
    background-image: url(icon-login.png);
}

.icon-register {
    background-image: url(icon-register.png);
}

.icon-notice {
    background-image: url(icon-notice.png);
}

.lang-switch {
    height: 100%;
    display: inline-block;
    border: 1px solid #1E4595;
    vertical-align: middle;
    overflow: hidden;
}

.lang-switch a {
    float: left;
    color: #1E4595;
    height: 28px;
    width: 28px;
    text-align: center;
}

.lang-switch a.cur {
    background: #1E4595;
    color: #FFF;
}

.search {
    float: right;
    margin-top: 10px;
}

.search-box {
    overflow: hidden;
    position: relative;
}

.search-box .search-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    height: 35px;
    background: url(search.png) no-repeat center;
    cursor: pointer;
}

#searchKW {
    padding-left: 10px;
    padding-right: 42px;
    font-size: 16px;
    width: 300px;
    height: 45px;
    line-height: 45px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
}

/* nav */
.nav {
    background: linear-gradient(90deg, #00a6ee, #1E4594);
}

.nav-first {
    display: flex;
    height: 58px;
    position: relative;
}

.nav-first>li {
    flex: 1;
}

.nav-first>li>a {
    display: block;
    height: 100%;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    transition: all .2s;
}

.nav-first>li.active>a,
.nav-first>li:hover>a {
    background: #0096E5;
}

.second-meun {
    width: 1200px;
    padding: 30px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 57px;
    z-index: 1000;
    display: none;
    justify-content: space-between;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2);
    /* animation */
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: erjiDown;
    animation-name: erjiDown;
}

.nav-first>li:hover .second-meun {
    display: flex;
}

.second-img {
    width: 232px;
    display: block;
    margin-right: 20px;
}

.second-img img {
    width: 100%;
    vertical-align: middle;
}

.nav-second {
    display: flex;
    flex: 1;
    max-width: 1140px;
}

.nav-second>li {
    flex: 1;
    padding: 0 15px;
    width: calc(100% / 6);
}

.nav-second>li>a {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #2E2E2E;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-second a:hover {
    color: #0096E5;
}

.nav-second>li.flex2 {
    flex: 2;
}

.nav-second>li.flex2>a {
    padding-left: 140px;
}

.flex2-box {
    display: flex;
}

.flex2-box .nav-third {
    width: 50%
}

.nav-third {
    margin-top: 10px;
}

.nav-third>li {
    margin: 5px 0;
}

.nav-third>li>a {
    font-size: 16px;
    color: #999999;
}

/* footer */
#footer {
    height: 176px;
    background: linear-gradient(90deg, #00a6ee, #1E4594);
}

.address {
    padding-top: 40px;
    line-height: 2;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

/* ================== heaeder and footer end ================== */
/* ================== main start ================== */
.main {
    min-height: 600px;
}

.padbox {
    padding: 30px 0;
    background: #FFF;
}

/* ================== main end ================== */

/* 动画定义 start */
@keyframes erjiDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

/* 动画定义 end */