body{ margin:0; padding:0; list-style: none; }
*{margin:0; padding:0;}


.footer_top {
    /* 
    position: absolute;
    background: rgba(0,0,0,0.6);
    width: 100%;
    overflow: hidden;
    bottom: 0;
    bottom: 0;
    top: 10%; 
     margin-top: 0%;*/
    
    position: relative;
    background: rgba(0,0,0,0.6);
    width: 100%;
    overflow: hidden;
    bottom: 0px;
    /* top: -46%; 
    margin-top: -8%;*/
}
 
.foter_top_inner{ width:1200px; margin:0 auto; }

.foter_top_inner{ list-style: none;   }
.foter_top_inner_menu li {
    float: left;
    height: 79px;
    width: 21%;
    list-style: none;
    border-radius: 100px;
    color: #fff;
    margin: 3% 0 3% 0;
}
.foter_top_inner_menu li a {
    height: 68px;
    border: 1px solid #fff;
    list-style: none;
    border-radius: 100px;
    color: #fff;
    display: block;
}

.foter_top_inner_menu li a:hover{ 
    border:none; 
    background: linear-gradient( to right, #b217ff, #586ffe );
    /*
    width:100%; 
    display:block; 
    border-radius: 100px;  
    height:100px;
*/}


.foter_top_inner_menu li:nth-of-type(1), .foter_top_inner_menu li:nth-of-type(2), .foter_top_inner_menu li:nth-of-type(3) {
    margin-right: 5%;
}

.foter_top_inner_menu li h3{     float: left;
    font-size: 17px;
    margin-left: 45px;
    margin-top: 13px; }

.foter_top_inner_menu li p:nth-of-type(1){  clear: both;  font-size: 12px;  margin-left:45px; float: left;  } 

.foter_top_inner_menu li p:nth-of-type(2){ float: right;
    margin-right: 50px;
    position: relative;
    padding-bottom: 35px;
        bottom: 17px;
} 










@media screen and (min-width: 768px){
    .footer_top {
        position: relative;
        background: #2c2c2c;
        width: 100%;
        overflow: hidden;
        bottom: 0px;
        top: 10%;
       /* margin-top: -16%;*/
    }
    .foter_top_inner {
        width: 95%;
        overflow: auto;
        padding: 0 30px;
    }
    .foter_top_inner_menu {
        overflow: auto;
    }
    .foter_top_inner_menu li a {
        height: 57px;
        border: 1px solid #fff;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        display: block;
    }
    .foter_top_inner_menu li h3 {
        float: left;
        font-size: 14px;
        margin-left: 19px;
        margin-top: 11px;
    }
    .foter_top_inner_menu li p:nth-of-type(1) {
        clear: both;
        font-size: 9px;
        margin-left: 19px;
        float: left;
    }
    .foter_top_inner_menu li p:nth-of-type(2) {
        float: right;
        margin-right: 14px;
        position: relative;
        padding-bottom: 35px;
        bottom: 17px;
    }
    .foter_top_inner_menu li {
        float: left;
        height: 79px;
        width: 21%;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        margin: 3% 0 1% 0;
    }
}


@media screen and (min-width: 992px) {
     .footer_top {
        position: relative;
        background: #2c2c2c;
        width: 100%;
        overflow: hidden;
        bottom: 0px;
        top: 10%;
        /*margin-top: -134px;*/
    }
    .foter_top_inner_menu li {
        float: left;
        height: 79px;
        width: 21%;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        margin: 3% 0 2% 0;
    }
    .foter_top_inner_menu li a {
        height: 65px;
        border: 1px solid #fff;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        display: block;
    }
    .foter_top_inner_menu li h3 {
        float: left;
        font-size: 17px;
        margin-left: 23px;
        margin-top: 11px;
    }
    .foter_top_inner_menu li p:nth-of-type(1) {
        clear: both;
        font-size: 12px;
        margin-left: 23px;
        float: left;
    }
    .foter_top_inner_menu li p:nth-of-type(2) {
        float: right;
        margin-right: 28px;
        position: relative;
        padding-bottom: 35px;
        bottom: 17px;
    }
}

@media screen and (min-width: 1200px) {
    .footer_top {
        position: relative;
        background: #000;
        width: 100%;
        opacity: 0.8;
        overflow: hidden;
        bottom: 0px;
        margin-top: 0;
        text-align: center;
    }
    .foter_top_inner {
        width: 95%;
        overflow: auto;
    }
    .footer_inner {
        width: 1200px;
        margin: 50px auto;
    }
    .foter_top_inner_menu li {
        float: left;
        height: 82px;
        width: 21%;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        margin: 2% 0 2% 0;
    }
    .foter_top_inner_menu li a {
        height: 88px;
        border: 1px solid #fff;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        display: block;
    }
    .foter_top_inner_menu li h3 {
        float: left;
        font-size: 20px;
        margin-left: 70px;
        margin-top: 15px;
    }
    .foter_top_inner_menu li p:nth-of-type(1) {
        clear: both;
        font-size: 14px;
        margin-left: 70px;
        float: left;
    }
    .foter_top_inner_menu li p:nth-of-type(2) {
        float: right;
        margin-right: 70px;
        position: relative;
        padding-bottom: 35px;
        bottom: 17px;
    }
}



@media screen and (max-width: 768px) {
    .footer_top {
        position: relative;
        background: rgba(0,0,0,0.6);
        width: 100%;
        overflow: hidden;
        /* bottom: -27px; */
        bottom: 0;
        /* top: -46%; 
        margin-top: -52.5%;*/
    }
    .foter_top_inner {
        width: 100%;
        margin: 0 auto;
    }
    .foter_top_inner_menu {
        overflow: hidden;
        padding-bottom: 3%;
        padding-left: 3%;
    }
    .foter_top_inner_menu li:nth-of-type(1), .foter_top_inner_menu li:nth-of-type(2), .foter_top_inner_menu li:nth-of-type(3) {
        margin-right: 3%;
    }
    .foter_top_inner_menu li a {
        height: 53px;
        border: 1px solid #fff;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        display: block;
    }
    .foter_top_inner_menu li h3 {
        float: left;
        font-size: 14px;
        margin-left: 25px;
        margin-top: 9px;
    }
    .foter_top_inner_menu li p:nth-of-type(1) {
        clear: both;
        font-size: 10px;
        margin-left: 25px;
        float: left;
    }
    .foter_top_inner_menu li p:nth-of-type(2) {
        float: right;
        margin-right: 16px;
        position: relative;
        padding-bottom: 35px;
        bottom: 17px;
    }
    .foter_top_inner_menu li {
        float: left;
        height: 45px;
        width: 47%;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        margin: 3% 0 3% 0;
    }
}

@media screen and (max-width: 576px) {
    .footer_top {
            position: relative;
    background: rgba(0,0,0,0.6);
    width: 100%;
    overflow: hidden;
    /* bottom: -27px; */
    /* bottom: 0; */
    /* top: -46%; 
    margin-top: -51%;*/
    }
    .foter_top_inner {
        width: 100%;
        margin: 0 auto;
    }
    .foter_top_inner_menu {
        overflow: hidden;
        padding-bottom: 3%;
        padding-left: 3%;
    }
    .foter_top_inner_menu li:nth-of-type(1), .foter_top_inner_menu li:nth-of-type(2), .foter_top_inner_menu li:nth-of-type(3) {
        margin-right: 3%;
    }
    .foter_top_inner_menu li a {
        height: 53px;
        border: 1px solid #fff;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        display: block;
    }
    .foter_top_inner_menu li h3 {
        float: left;
        font-size: 14px;
        margin-left: 25px;
        margin-top: 9px;
    }
    .foter_top_inner_menu li p:nth-of-type(1) {
        clear: both;
        font-size: 10px;
        margin-left: 25px;
        float: left;
    }
    .foter_top_inner_menu li p:nth-of-type(2) {
        float: right;
        margin-right: 16px;
        position: relative;
        padding-bottom: 35px;
        bottom: 17px;
    }
    .foter_top_inner_menu li {
        float: left;
        height: 45px;
        width: 47%;
        list-style: none;
        border-radius: 100px;
        color: #fff;
        margin: 3% 0 3% 0;
    }
}