@charset "UTF-8";
body{
    min-width: 1200px;
    max-width: 1920px;
    margin:auto;
    font-family: "微软雅黑";
    color: #333;
    background: white;
}
.w1200{
    width: 1200px;
    margin:auto;
}
.minw1200{
    min-width:1200px;
}
.header{
    height: 100px;
}
.header > div{
    height:100%;
}
.nav-div{
    display: flex;
    align-items: center;
}
.nav-div .nav{
    height: 57px;
    flex-grow:1;
}
.nav-div .nav a{
    font-size:16px;
}
.nav-div .nav > li{
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 28px;
    border-bottom: 3px solid #fff;
}
.nav-div .nav > li:first-child{
    margin-left:0px;
}
.nav-div .nav > li.active{
    border-bottom: 3px solid #ec6c45;
}
.nav-div .nav > li.active a{
    color:#ec6c45;
}

.lannav
{
    height: 59px;
    box-sizing:border-box;
    margin-left:25px;
    color: #333;
    font-size: 16px;
}
.lannav a
{
    font-size:15px;
    display: inline-block;
    line-height: 57px;
    vertical-align: middle;
}
.lannav .line
{
    width:2px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    margin-left:8px;
    margin-right:8px;
    border-right: 2px solid #333;
}

.footer{
    background:#373737;
    color:#fff;
}
.footer a{
    color:#ababab;
}
.footer .footer-msg{
    padding:60px 0 40px;
    color:#fff;
}
.footer .footer-msg > div{
    width:600px;
}
.footer .f-nav-div{
    flex-wrap: wrap;
    margin-right: 35px;
}
.footer .f-nav-title{
    font-size:16px;
    color:#fff;
    margin-bottom:20px;
}
.footer .f-nav-div .item{
    width:50%;
    font-size:14px;
    margin-bottom:10px;
}
.footer .f-nav-div{
    width:250px;
}
.footer .qrcode-div .title{
    font-size:14px;
    text-align:center;
    margin-bottom:10px;
}
.footer .qrcode-div img{
    width:150px;
}
.footer .msg-div{
    font-size:14px;
    margin-left: 35px;
}
.footer .msg-div > div{
    margin-bottom:15px;
    display: flex;
    align-items: center;
    color:#ababab;
}
.footer .msg-div > div:first-child{
    color:#fff;
}
.footer .msg-div > div img{
    margin-right:10px;
}
.footer .copyright-div{
    background:#282828;
    font-size:14px;
    padding:15px 0;
    color:#ababab;
}
.footer .copyright-div > div{
    margin-right:10px;
}

