.foot
{
    width:100%;
    background-color: rgba(58,60,65,1);    
    color:rgba(255,255,255,0.6);
    padding:0 0 50px 0;
}

/* online_consultation */
.online_consultation
{
    width:100%;
    padding:30px 0;
    background-color: rgba(242,242,242,1);
}

.online_consultation .container
{
    width:70%;
}

.online_consultation .container .name
{
    color:#333;
    font-size: 1.25vw;
}

.oc_list 
{
    position: relative;
    width:50%;
}

.oc_list .oc_icon1 
{
    display: none;
}

.oc_list:hover
{
    cursor: pointer;
}
.oc_list:hover .oc_icon 
{
    display: none;
}

.oc_list:hover .oc_icon1 
{
    display: block;
}

.oc_list .oc_text
{
    margin: 0 0 0 30px;
}
.oc_list .name
{
    font-size: 1.0vw;
    color: #333;
}

  
.oc_list .sub-name
{
    font-size: 0.7vw;
    color: #666;
}

.oc_list-1::after 
{
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    border-right: 1px solid rgba(200,200,200,1);
}

.foot .foot-container
{
    padding:60px 0 0 0;
    width:75%;
    border:1px solid  rgba(255,0,0,0);
}

.foot .foot-container .foot-info
{
    width:100%;
}

.foot .foot-container .foot-info .foot-left
{
    width:20%;
}

.foot .foot-container .foot-info .foot-left .foot-logo
{
    width:163px;
    transition: all 0.3s ease;
    filter: grayscale(100%) brightness(200%);        
    padding: 0 0 30px 0;
}    
    
.foot .foot-container .foot-info .foot-left .foot-qrcode
{
    width:100px;
    margin: 0 0 20px 0;
}

.foot .foot-container .foot-info .foot-left .foot-qrcode-text
{
    font-size: 0.7vw;
}


.foot .foot-container .foot-info .foot-nav
{
    width:55%;
}

.foot .foot-container .foot-info .foot-nav .foot-list
{
    width:30%;
}

.foot .foot-container .foot-info .foot-nav .foot-list .foot-l-title
{
    width:100%; 
    color: rgba(255,255,255,1);
    font-size: 0.9vw;
}

.foot .foot-container .foot-info .foot-nav .foot-list a
{
    color: rgba(255,255,255,0.6);
    font-size: 14px;
}


.foot .foot-container .foot-info .foot-follow-box
{
    width:25%;
    
    background-color: rgba(255,255,255,0);  
}

.foot .foot-container .foot-info .foot-follow-box .foot-l-title
{
    color: rgba(255,255,255,1);    
}

.foot .foot-container .foot-info .foot-follow-box .foot-follow-list
{
    margin: 15px 0 30px 0;
}

.foot .foot-container .foot-info .foot-follow-box .foot-follow-list .foot-patu
{
    width:20px;
    margin: 0 20px 0 0;
}


.foot .foot-container .foot-info .foot-follow-box .foot-emial
{
    margin: 20px 0 0 0;
    display: block;
    width: 16.666667vw;
    height: 2.083333vw;
    line-height: 2.083333vw;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    outline: none;
    border-radius: 0;
    font-size: .729167vw;
    color: #fff;
    background: transparent;
}

.foot .foot-container .foot-info .foot-follow-box .foot-btn
{
    margin-top: 1.041667vw;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    width: 6.25vw;
    line-height: 2.604167vw;
    text-align: center;
    font-size: .729167vw;
    color: #fff;
    background: #f4a000;
    border-radius: .260417vw;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.foot .foot-container .foot-info .foot-follow-box .foot-btn:hover
{
    transform: scale(0.9);
    filter: brightness(1.1);
    cursor: pointer;
}

.foot .foot-container .foot-copyright
{
    width:100%;
    font-size: 0.7vw;
    margin: 50px 0 0 0;
    color: rgba(255,255,255,0.4);
}
.foot .foot-container .foot-copyright .foot-cr-text
{
 
}

.foot .foot-container .foot-copyright .foot-cr-text .foot-icp
{
    color: rgba(255,255,255,0.4);
}


@media (max-width: 1440px) 
{
    .foot .foot-container .foot-info .foot-left .foot-logo
    {
        width:120px;
    }
    
    .foot .foot-container .foot-info .foot-left .foot-qrcode
    {
        width:80px;
        margin: 0 0 20px 0;
    }   
    
    .foot .foot-container .foot-info .foot-nav .foot-list a
    {
        font-size: 12px;
    }    
    
    .foot .foot-container .foot-copyright .foot-cr-text
    {
        font-size: 12px;
    } 
    
    .foot .foot-container .foot-info .foot-follow-box .foot-l-title
    {
        font-size: 14px;
    }    
    
    .foot .foot-container .foot-info .foot-follow-box .foot-btn
    {
        font-size: 14px;
    }
    
    .online_consultation .container .name
    {
        font-size: 14px;
    }
    
    .oc_list .sub-name
    {
        font-size: 12px;
    }    
    
    .foot .foot-container .foot-info .foot-nav .foot-list .foot-l-title
    {
        font-size: 14px;
    }    
    
    .foot .foot-container .foot-info .foot-left .foot-qrcode-text
    {
        font-size: 12px;
    }    
    
    .foot .foot-container .foot-info .foot-follow-box .foot-emial    
    {
        font-size: 12px;
    }
}