@charset "UTF-8";
*{ margin: 0; padding: 0;}
body{ background: #fff; color: #333; font: 12px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif; min-width: 1200px; overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #ff6300; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
.clr{ width:100%; clear:both}

.about_banner{ width:100%; height:auto; min-height:120px; margin-top:70px;}
.foot_nav {
    display: none;
}
/*导航菜单*/

.header {
    height: 70px;
    box-shadow: 0 0 10px rgba(0,0,0,.24);
    background: #fff;
    border-bottom: 1px solid #eee;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.index_header .logo {
    opacity: 0;
    position: relative;
    left: -150px;
    transition: all 0.6s ease-out;
}
.logo {
    float: left;
    margin-top: 10px;
}
.ymdh2, .index_header .ymdh2 {
    opacity: 1;
    left: 0;
}


img {
    border: 0;
}


.index_header .nav, .index_header .header_dh {
    opacity: 0;
    position: relative;
    right: -150px;
    transition: all 0.6s ease-out;
}
.ymdh1, .index_header .ymdh1 {
    opacity: 1;
    right: 0;
}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}
.nav {
    float: right;
    position: relative;
    overflow: hidden;
}
.header_dh {
    float: right;
    height: 24px;
    line-height: 24px;
    padding-left: 34px;
    margin: 24px 0 0 22px;
    background: url(/img/dh1.png) left center no-repeat;
    font-size: 22px;
    color: #666;
    font-family: arial;
}
@media screen and (max-width: 1601px)
    .header_dh {
        font-size: 20px;
    }
    .navTb, .navClose {
        display: none;
    }
    @media screen and (max-width: 1601px)
        .nav li {
            font-size: 15px;
        }
        .nav li {
            float: left;
            width: 100px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            background: url(/img/xx1.png) right center no-repeat;
            font-size: 16px;
            position: relative;
            z-index: 9;
        }
        .nav li a.on {
            color: #ff6300;
        }
        .nav li a {
            display: block;
        }
        .nav_bg {
            position: absolute;
            left: -200px;
            bottom: 14px;
            width: 60px;
            height: 3px;
            background: #ff6300;
            transition: all 0.5s;
            z-index: 8;
        }
        /*end*/
        .tb_td{border-left:2px solid #fff; text-indent:10px; border-bottom:1px solid #fff}
        .part_box{ width:1200px; margin:0px auto; min-height:400px;box-shadow: 0 12px 40px -15px rgba(0, 64, 128, 0.2);-webkit-box-shadow: 0 12px 40px -15px rgba(0, 64, 128, 0.2);border-top-right-radius: 30px; border-bottom-left-radius: 30px; background:#fff;  overflow:hidden; margin-bottom:10px;}
        .tab-buttons .tab-button {
            width: 25%;
            float: left;
            height: 60px;
            text-align: center;
            font-size: 18px;
            color: #999;
            line-height: 60px;
            position: relative;
            cursor: pointer;
            border-right: 1px solid #eee;
        }
        .tab-buttons {
            width: 100%;
            height: 60px;
            background-color: #fff;
            border-bottom: 1px solid #eee;
        }
        .tab-button.cur {
            background-color: #fff;
            color: #ea5514;
            font-weight: 600; border-top:2px solid #ea5514;
        }

        /*首页关于我们*/
        .about_us{ width:1200px; height:400px;  margin:0px auto; margin-top:30px;  margin-bottom:-70px; position:relative; z-index:2; background:#fff;   overflow:hidden;height:450px;box-shadow: 0 12px 40px -15px rgba(0, 64, 128, 0.2);-webkit-box-shadow: 0 12px 40px -15px rgba(0, 64, 128, 0.2);border-top-right-radius: 30px; border-bottom-left-radius: 30px; background:#fff;}
        .about_us .company_pic{ width:440px; margin:20px; height:340px; float:left}
        .about_us .company_pic .company_slogon{ width:100%; height:40px; margin-top:5px; background:#f81207; text-align:center; color:#ffffff; font-weight:bold; font-size:18px; line-height:40px;}
        .about_us .company_text{ width:660px; margin:20px; height:340px; float:right; line-height:28px; font-size:16px; color:#333333}
        .index_data{ width:1200px; margin:0px auto; height:150px; margin-top:70px;}
        .index_data li{float: left;width: 300px;margin-top: 24px;text-align: center; background: url(/img/line.png) right center no-repeat; list-style:none; color:#d90707}
        .index_data li .num{ font-size:40px; line-height:60px; width:100%; text-align:center}
        .index_data li .text{ margin-top: 4px;font-size: 16px; color: #666; width:100%; text-align:center}
        .about_more{ float:right; display:block; width:100px; height:30px; text-align:center; color:#FFFFFF; font-size:14px;  background:#ff6600; border-radius:8px; margin-right:10px; margin-top:5px; }

        /*end*/
        .center_box{ width:1200px; margin:0px auto}
        .box_left{ width:230px; float:left}
        .box_right{ width:950px; float:right}
        .detail_menu{ height: 60px; line-height: 60px; margin-bottom: 20px; padding: 0 15px; border: 1px solid #e6e6e6; border-top: 3px solid #ff6300; font-size: 16px;}
        .detail_menu span{ font-size: 12px; color: #aaa; font-family: arial; padding-left: 15px;}
        .detail_title{ height:60px; width:100%; font-size:24px; font-weight:bold; line-height:60px; text-align:center; color:#333333; border-bottom:1px solid #e2e2e2}
        .detail_info{ line-height:28px; font-size:16px; width:96%; margin:0px auto; margin-top:20px; margin-bottom:20px; color:#666}
        .left_nav{ width: 220px;}
        .left_nav_xf{ position: fixed; top: 85px; z-index: 9; background: #fff;}
        .left_nav_t{ padding: 20px; background: #ff6300; color: #fff; font-size: 18px;}
        .left_nav_t_b{ margin-top: 4px; font-size: 12px; color: #f1cab1; font-family: arial;}
        .left_nav_b{ border: 1px solid #e6e6e6; border-top: 0; padding: 0 20px;}
        .left_nav_b a{ display: block; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px solid #e8e8e8; font-size: 14px;}
        .left_nav_b a:last-of-type{ border-bottom: 0;}
        .left_nav_b a i{ font-weight: bold; font-size: 15px; color: #999; display: inline-block; margin-right: 6px;}
        .left_nav_b a:hover,.left_nav_b a.on{ color: #ff6300;}
        .left_nav_b a:hover i,.left_nav_b a.on i{ color: #ff6300;}

        /*推荐新闻*/

        .detail_news_list{ width:48%; float:left; margin-bottom:20px; }
        .detail_news_list {
            padding: 10px 0px; list-style:none
        }
        .detail_news_list li {
            height: 36px; line-height: 36px; border-bottom:1px  dashed #e2e2e2;width:45%; float:left; margin-left:2%; margin-right:2%;
        }
        .detail_news_list li a {
            overflow: hidden; padding-right: 90px; font-size: 15px; display: block; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
        }
        .detail_news_list li a i {
            background: url("/img/index_li.jpg") no-repeat left; padding: 6px 12px;
        }
        .detail_news_list li a span {
            top: 0px; width: 90px; text-align: right; right: 0px; display: block; position: absolute; font-size:12px; color:#333333
        }

        .news_title{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold; text-align:center; margin-top:10px; border-bottom:1px dashed #e2e2e2;}

        /*end*/

        /*新闻频道*/

        .news_list2{ width:100%;}
        .news_list2 ul{ width:100%; margin:0px;}
        .news_list2 ul li{ float:left;  width:100%; font-size:16px; height:40px; line-height:40px; text-indent:20px; border-bottom:1px dashed #e2e2e2;}
        .news_list2 ul li  i {
            background: url("/img/index_li.jpg") no-repeat left; padding: 6px 12px;
        }
        .news_list2 ul li span{ font-size:12px; color:#333333; float:right; width:100px;}
        .page {
            margin: 20px 0px; text-align: center;
        }
        .page span {
            padding: 0px 10px; border-radius: 2px; height: 28px; line-height: 28px; margin-right: 6px; display: inline-block; transition-duration: 0.2s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        }
        .page a {
            padding: 0px 10px; border-radius: 2px; height: 28px; line-height: 28px; margin-right: 6px; display: inline-block; transition-duration: 0.2s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s;
        }
        .page a {
            border: 1px solid rgb(187, 187, 187); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
        }
        .page a:hover {
            border: 1px solid rgb(234, 78, 3); color: rgb(234, 78, 3); text-decoration: none;
        }
        .page .disabled {
            border: 1px solid rgb(204, 204, 204); color: rgb(153, 153, 153); background-color: rgb(252, 252, 252);
        }
        .page .cur {
            background: rgb(234, 78, 3); border: 1px solid rgb(234, 78, 3); color: rgb(255, 255, 255);
        }
        .page .hellip {
            padding: 0px;
        }
        .page .total {
            color: rgb(136, 136, 136);
        }
        /*end*/
        .mobile_item {
             display: none;
        }
        .con-meth {
            display: none;
        }
        /*客服菜单*/
        .rb_cz_box{ position: fixed; right: 10px; bottom: 50%; margin-bottom: -200px; width: 80px; z-index: 99;}
        .rb_cz{ display: block; height: 78px; margin-bottom: -1px; border: 1px solid #e0e0e0; background: #fff; text-align: center; color: #333; position: relative; cursor: pointer;}
        .rb_cz:hover{ background: #ff6300; color: #fff; border-color: #ff6300;}
        .rb_cz i{ display: inline-block; width: 38px; height: 38px; margin: 10px 0 -3px;}
        .rb_cz_qq i{ background: url(/img/qqzx1.png) center center no-repeat;}
        .rb_cz_qq:hover i{ background: url(/img/qqzx2.png) center center no-repeat;}
        .rb_cz_gzwm i{ background: url(/img/weixin1.png) center center no-repeat;}
        .rb_cz_gzwm:hover i{ background: url(/img/weixin2.png) center center no-repeat;}
        .rb_cz_zxzx i{ background: url(/img/zxzx1.png) center center no-repeat;}
        .rb_cz_zxzx:hover i{ background: url(/img/zxzx2.png) center center no-repeat;}
        .rb_cz_dh i{ background: url(/img/lxdh1.png) center center no-repeat;}
        .rb_cz_dh:hover i{ background: url(/img/lxdh2.png) center center no-repeat;}
        .goTop:hover i{ background: url(/img/fhdb2.png) center center no-repeat;}
        .goTop i{ background: url(/img/fhdb1.png) center center no-repeat;}
        .rb_cz_dh{ z-index: 99;}
        .goTop{ visibility: hidden}
        .rb_cz_wxxx{ display: none; position: absolute; right: 80px; top: -80px; width: 220px; height: 245px; background: url(/img/u67.png); text-align: center; overflow: hidden;}
        .rb_cz_wxxx img{ margin: 11px 0 0 -10px;}
        .rb_cz_wxxx_txt{ display: inline-block; width: 100%; margin-top: -5px; font-size: 12px; line-height: 18px; color: #777;}
        .rb_cz_gzwm:hover .rb_cz_wxxx{ display: block;}
        .rb_cz_dhxx{ display: none; position: absolute; right: 79px; top: -1px; width: 240px; height: 80px; line-height: 80px; background: #ff6300; font-size: 26px; color: #fff; font-family: arial;}
        .rb_cz_dhxx img{ vertical-align: middle; margin: 0 10px 3px 0;}
        .rb_cz_dh:hover .rb_cz_dhxx{ display: block;}
        /*客服菜单结束*/

        /* 底部 */
        .mobile_foot_line {
            display: none;
        }
        .mobile_foot_line {
            position: fixed;
            bottom: 40px;
            right: 10px;
            width: 40px;
            height: 40px;
            z-index: 98;
            display: none;
        }
        .mobile_foot_line img {
            width: 40px;
        }
        .mobile_footer{ display:none}
        .footer {
            background: rgb(31, 31, 31); color: rgb(153, 153, 153); overflow: hidden; font-size:12px; line-height:24px;
        }
        .grWidth {
            margin: 0px auto; width: 1200px; text-align: justify; -ms-text-justify: inter-ideograph;
        }
        .footMain {
            padding: 25px 0px; text-align: center; overflow: hidden;
        }
        .footContact {
            padding-top: 10px;
        }

        .frendLink {
            padding: 10px 0px;
        }
        .friendLink span {
            text-transform: uppercase;
        }
        .friendLink i {
            color: rgb(136, 136, 136); font-style: normal; margin-left: 8px;
        }
        .footer a {
            color: rgb(153, 153, 153); padding-right: 10px; font-size:12px;
        }
        .footer a:hover {
            color: rgb(255, 255, 255);
        }
        /* 底部结束 */
        .i_banner{ height: 540px; position: relative;}
        .i_banner .swiper-slide a{ display: block; height: 100%;}
        .i_banner_pagination{ position: absolute; bottom: 66px; width: 100%; text-align: center; z-index: 9;}
        .i_banner_pagination .swiper-pagination-switch{ display: inline-block; width: 40px; height: 4px; background: #fff; margin: 0 4px; opacity: .4; cursor: pointer;}
        .i_banner_pagination .swiper-active-switch{ background: #fff; opacity: 1;}

        @media screen and (max-width:1025px){
            .header_dh,.nav,.i_slsj_box,.i_slgs_l,.i_sldt_info_l,.footer_t,.footer_b_r,.rb_cz_box,.o_nav_t,.dlssq_info_l,.news_d_cz,.zpxq_t img{ display: none;}
            .index_header .logo,.index_header .nav,.index_header .header_dh,.i_gsdt_box,.i_cpfw_wapper{ opacity: 1; left: inherit; right: inherit; bottom: inherit; top: inherit;}
            body{ min-width: 0;}
            .box{ width: 100%; box-sizing: border-box;}
            .nav li,.i_gsdt,.i_sldt_l,.i_sldt_r,.i_sldt_big,.i_slgs_r,.i_sldt_info_r,.footer_b_l,.o_l,.o_r,.about_lxwm_l,.about_lxwm_r,.dlssq_info_r,
            .news_d_l,.news_d_c,.news_d_r{ float: none; width: 100%; box-sizing: border-box;}
            .header{ height: 65px;}
            .mT70{ margin-top: 65px;}
            .logo{ margin: 20px 0 0 10px; height: 25px;}
            .navTb{ display: inline-block; position: absolute; right: 15px; top: 22px; width: 24px; height: 24px; background: url(/img/menu.png); background-size: cover; opacity: .8;}
            .nav{ display: none; position: fixed!important; left: 0!important; top: 0!important; bottom: 0!important; right: 0!important; background: rgba(0,0,0,.9); z-index: 99; box-sizing: border-box;}
            .nav li{ padding: 0; background: none; text-align: center;}
            .nav li a{ color: #eee; font-size: 16px;}
            .nav li a.on{ padding-bottom: 5px;}
            .navClose{ display: none; position: fixed; bottom: 70px; left: 50%; margin-left: -12px; width: 24px; height: 24px; background: url(/img/close.png); background-size: cover; z-index: 999; opacity: .7;}
            .i_banner{ height: 210px;}
            .i_banner .swiper-slide a{ background-size: cover!important;}
            .i_banner_pagination{ bottom: 12px;}
            .i_banner_pagination .swiper-pagination-switch{ width: 20px;}

        }
        @media screen and (max-width:413px){
            .i_banner{ height: 190px;}
        }

        @media screen and (max-width:374px){
            .i_banner{ height: 160px;}
        }

        @media screen and (max-width: 800px) {
            body{
                overflow-x: hidden;
            }
            .mobile_foot_line {
                display: block;
            }
            .detail_menu {
                height: 50px;
                line-height: 50px;
            }
            .main_box {
                width: 100% !important;
            }
            .slogan {
                font-size: 18px !important;
                line-height: 30px !important;
                margin-bottom: 10px !important;
                margin-top: 10px !important;
            }
            .about_text {
                width: 94% !important;

                color: black !important;
                line-height: 28px !important;
                font-size: 16px !important;
                box-sizing: border-box  !important;
            }
            .slcp_item {
                width: 100% !important;
            }
            .index_data {
                display: none;
            }
            .rb_cz_box {
                display: none;
            }
            .nav_bg {
                 display: none;
            }
            .slcp_item li {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .slcp_item_info {
                height: auto !important;
                overflow-x: auto;
                width: 96% !important;
                margin: 0 auto !important;
            }
            .slcp_item_info>div {
                width: 100% !important;
                float: initial !important;
                padding: 10px;
                box-sizing: border-box;
                margin-left: 0px !important;
                margin-top: 0px !important;
                border: none !important;
                box-shadow: none !important;
            }
            .slcp_item_info img {
                width: 100%;
                margin: 0px !important;
                display: none;
            }
            .part_box {
                width: 94%;
                margin: 0 auto;
                border-top-right-radius: 10px;
                border-bottom-left-radius: 10px;
                display: none;
            }
            .slcp_item_info  table {
                min-width: 320px;
            }
            .slcp_item_info  table td {
                font-size: 14px;
                line-height: 22px;
            }
            .part_box  div{
               width: 100% !important;
                margin-left: 0px !important;
                margin-top: 0px !important;
                float: initial !important;
            }
            .part_box  div img {
                width: 100%;
                height: auto !important;
            }
            .tab-buttons {
                height: 50px;
                display: none;
            }
            .tab-buttons .tab-button {
                width: 40%;
                float: initial;
                font-size: 16px;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;

            }
            .detail_news_list li {
                width: 100%;
                margin-right: 0px;
                margin-left: 0px;
                float: initial;
            }
            .about_us {
                width: 94%;
                margin: 0 auto;
                height: auto;
                margin-bottom: 15px;
                border-top-right-radius: 10px;
                border-bottom-left-radius: 10px;
            }
            .about_us .company_pic {
                width: 100%;
                float: initial;
                height: auto;
                margin: 0px;
            }
            .about_us .company_pic  img {
                width: 100%;
                margin: 0 auto;
                text-align: center;
            }
            .about_us .company_text {
                width: 100%;
                float: initial;
                margin: 0px;
                height: auto;
                padding : 10px 3%;
                box-sizing: border-box;
                color: #333;
                background-size: cover;
            }
            .about_more  {
                float: initial;
                margin: 10px auto;
            }
            .about_us .company_pic .company_slogon {
                font-size: 16px;
                color: #333;
                white-space: nowrap;
                overflow: hidden;
                background: transparent;
                text-overflow: ellipsis;
            }
            .firendLink {
                display: none;
            }
            .footer {
                padding: 15px 3%;
            }
            .footContact {
                padding-top: 0px;
            }
             .about_banner {
                height: auto !important;
                 min-height: auto !important;
            }
            .about_banner  img {
                  width: 100%;
                  object-fit: cover;
            }
            .box_left {
                display: none;
            }
            .center_box {
                width: 100%;
            }
            .box_right {
                width: 94%;
                margin: 0 auto;
                float: initial;
            }
            .detail_menu {
                margin-bottom: 5px;
            }
            .detail_menu2 {
                display: none;
            }
            .detail_info {
                margin-top: 5px;
                overflow-x: auto;
                width: 100%;

            }
            .detail_info table {
                  min-width: 1020px ;
            }
            .detail_news_list {
                padding: 0px;
                 display: none;
                background-size: cover;
                float: initial;
            }
            .detail_news_list li a {
                padding-left: 15px;
                padding-right: 75px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .detail_news_list li a span {
                text-align: center;
            }
            .detail_info  p {
                margin-bottom: 0px !important;
                overflow: hidden;
            }
            .detail_info  p img {
                width: 100%;
            }
            .news_list2 ul li  {
                padding-left: 15px;
                padding-right: 15px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display: block;
                position: relative;
                float: initial;
                width: auto;
                text-indent: 0px;
            }
            .news_list2 ul li span {
                position: absolute;
                float: initial;
                top: 0px;
                right: 0px;
                text-align: center;
            }
            .page {
                margin: 10px 0px;
            }
            .page a {
                margin-bottom: 5px;
            }
            .tb_td {
                font-size: 14px;
            }
            .detail_news_list li a i {
                display: none;
            }
            .i_banner {
                height: 150px;
            }
            .swiper-wrapper {
                  height: 100%;
            }
            .swiper-slide {
                height: 100%;
            }
            .detail_title {
                 line-height: 28px;
                height: auto;
                font-size: 16px;
                text-align: left;
                padding-bottom: 5px;
                text-indent: 30px;
            }
            .mobile_item li:first-child {
                background: transparent;
            }
            .mobile_item li:nth-child(2) {
                background: transparent;
            }
            .mobile_item li:nth-child(3) {
                background: transparent;
            }
            .mobile_item li:nth-child(4) {
                background: transparent;
            }
            .slcp_item {
                display: none;
            }
            .mobile_item{
                display: block;
                overflow: hidden;
            }
            .mobile_item{ width:100%; }
            .mobile_item li{ width:25%; padding:5px; height:auto; background:#e2e2e2; text-align:center; color:transparent; font-size:14px; font-weight:bold; line-height:initial; float:left; list-style:none; border-right:1px solid #ffffff; box-sizing:border-box; cursor:pointer;}
            .mobile_item li:hover{ color: transparent;
                height: auto;line-height: initial; }
            .mobile_item li.on{
                color: transparent ;
                /*border: 2px solid #eeeeee;*/
                height: auto;box-sizing: border-box;line-height: initial;}
            .mobile_item li p  {
                padding-top: 5px;
                color: #666;
            }
            .mobile_item li img {
                width: 40px;
                height: 40px;
                object-fit: contain;
            }
            .con-meth {
                min-width: auto;
                height: auto;
                background: url(/img/back2.png) no-repeat center left;
                background-size: cover;
                margin-top: 10px;
                margin-bottom: 10px;
                display: none;
            }
            .lw-out {

                padding-top: 20px;
                padding-bottom: 10px;
            }
            .lwed {
                padding: 0 12px;
            }
            .lwed P:first-child {
                font-weight: normal;
                font-stretch: normal;
                line-height: 26px;
                letter-spacing: 0px;
                color: #666666;
                font-size: 18px;
            }
            .lwed P:nth-child(2) {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 26px;
                letter-spacing: 0px;
                color: #999999;
                margin-top: 9px;
            }
            .con-meth ul {
                width: auto;
                border-bottom: 2px solid #e3e3e3;
            }
            .con-meth ul li {
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0px;
                color: #666666;
                display: inline-block;
                padding-bottom: 5px;
                margin-right: 10px;
                margin-bottom: 10px;
            }
            .bttip {
                border-bottom: 4px solid orange;
            }
            .con-show P {
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 26px;
                letter-spacing: 0px;
                color: #333333;
                margin-top: 5px;
                padding: 0 12px;
            }
            .dis {
                display: none;
            }
            .con-show {
                display: none;
            }
            .con-show:first-child {
                display: block;
            }
            .news_list2 ul li span {
                display: none;
            }
            .news_list2 ul li i {
                display: none;
            }
            .about_slcp {
                border-bottom: 10px solid #f3f3f3;
                margin-bottom: 18px;
            }
            .foot_nav {
                display: flex;
                align-items: center;
                justify-content: space-around;
                margin: 10px auto;
            }
            .foot_nav  li  img {
                width: 60px;
            }
            .foot_nav li p {text-align: center; margin-top: 5px; }

            .mobile_footer {
                display: block;
                padding: 15px 3%;
                background: rgb(31, 31, 31);
                color: rgb(153, 153, 153);
                overflow: hidden;
                font-size: 12px;
                line-height: 24px;
            }

            .footer {
               display: none;
            }

        }