.nav-header {
    /* width: 100%; */
    height: 39px;
    line-height: 20px;
    background-color: rgba(249, 249, 249, 100);
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 100);
}

.nav {
    width: 200px;
    float: right;
    /* border: 1px solid red; */
    display: flex;
    display: -webkit-flex;
    /* Safari */
    justify-content: space-between;
}



.nav li {
    height: 39px;
   
}

.nav a{
    display: block;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    align-items: center;
    color: rgba(102, 102, 102, 100);
    font-size: 14px;
    font-family: SourceHanSansSC-regular;
    /* margin-left: 15px; */
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #666666;
}

.nav li img.logo_icon {
    margin-right: 5px;
}

.main_nav .container {
    height: 75px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.main_nav .container ul {
    margin-top: 10px;;
    width: 280px;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    height: 75px;
    align-items: center;
    justify-content: space-between;

}

.main_nav .container ul li {
    color: rgba(136, 136, 136, 100);
    font-size: 18px;
    height: 27px;
    font-family: SourceHanSansSC-regular;
    cursor: pointer;
}

.main_nav .container ul li a{
    text-decoration: none;
    color: #888888;
}

.main_nav .container ul li.active a{
    text-decoration: none;
    color: #6398FF;
}

.main_nav .container ul li.active {
    color: #6398FF;
    border-bottom: 3px solid #6398FF;
    font-weight: bold;
}



.footer {
    padding: 50px 0;
    background-color: #373D41;
}

.footer .footer-pics img {
    display: block;
    width: 807px;
    height: 150px;
    margin: 0 auto 10px;
}

.footer a {
    color: rgba(221, 220, 220, 100);
    text-decoration: none;
}

.footer .guohui img {
    display: block;
    width: 65px;
    height: 70px;
    margin: 10px auto 0;
}

.footer p {
    color: rgba(221, 220, 220, 100);
    font-size: 14px;
    text-align: center;
    line-height: 2;
    font-family: SourceHanSansSC-regular;
}

.noneLinkStyle{
    text-decoration: none;color:#DDDCDC
}


.bottom_tools {
    position: fixed;
    z-index: 999;
    right: 0px;
    bottom: 50px;
    width: 80px;
    height: 200px;
}

.qr_tool_phone{
    position: relative;
    z-index: 999;
    text-align: center;
}

.qr_tool_weixin{
    position: relative;
    z-index: 999;
    text-align: center;
}

.qr_tool_text,.qr_tool_text_weixin{
    width: 80px;
    height:80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #ffffff;
    justify-content: center;
    cursor: pointer;
    border: none;
    border-radius: 8px 0px 0px 8px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.qr_tool_text_show{
    width: 208px;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: row;
    background: #ffffff;
    justify-content: center;
    cursor: pointer;
    border: none;
    border-radius: 8px 0px 0px 8px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform-origin:100% 0 0;transform-origin:100% 0 0
}

.qr_tool_phone:hover .qr_tool_text_show{-webkit-transform:scale(1);transform:scale(1)}
.qr_tool_weixin:hover .qrcode{-webkit-transform:scale(1);transform:scale(1)}


.qr_text{
    color: #666666;
    font-size: 14px;
}

.phonenumber{
    color: #FF6142;
    font-size: 18px;
}

.qr_text_hover{
    text-align: left;
    line-height: 1.5;
}

.qrcode{
    position: absolute;
    right: 100px;
    width: 116px;
    height: 138px;
    bottom: -40px;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
    color: rgba(16, 16, 16, 100);
    font-size: 14px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    font-family: Roboto;
    border: 0;
    background: #ffffff;
    -webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform-origin:100% 0 0;transform-origin:100% 0 0

}

.qrcode::before {
    position: absolute;
    right: -10px;
    width: 0;
    height: 0;
    top: 40%;
    content: " ";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #ffffff;
}