锘緻charset "utf-8";

html, body {
    font-family: microsoft yahei, "\5FAE\8F6F\96C5\9ED1";
    font: microsoft yahei, "\5FAE\8F6F\96C5\9ED1";
}


img {
    -ms-interpolation-mode: bicubic;
}

.rgba {
    background: rgba(0, 0, 0, 0.2);
    /* -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#20000000, endColorstr=#20000000); /*Filter for older IEs */
}

.shadow {
    box-shadow: 0 0 20px;
}

.clearfix:after, .clear:after {
    clear: both;
    display: block;
    visibility: hidden;
    content: "";
    height: 0px\9 \0;
    height: 0px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////
 澶撮儴//////////////////////////////////////////////////////////////////////////////
 /////////////////////////////////////////////////////////////////////////////////
 */
.topmargin {
    margin: 0 auto;
    height: 70px;
    width: 100%;
    padding: 0px;
    border: 0px;
}

.menu_pad {
    display: none;
    cursor: pointer;
    width: auto;
    float: right;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    color: #797777; /* border: 1px solid #ccc; */
    margin-right: 40px;
}

    .menu_pad:hover {
        color: #f60;
    }

#float_sns {
    position: fixed;
    top: 160px;
    right: 0px;
    width: auto;
    height: auto;
    z-index: 99999;
    margin: 0px;
    padding: 0px;
    display: none;
}

    #float_sns > ul {
        list-style: none;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

        #float_sns > ul > li {
            width: 60px;
            overflow: hidden;
            height: 60px;
            background-color: #45ba73;
            margin-bottom: 1px;
            cursor: pointer;
            color: #ffffff;
            font-size: 30px; /* float: left; */
            padding: 0px;
        }

            #float_sns > ul > li > span {
                width: auto;
                height: 60px;
                line-height: 60px;
                display: inline-block;
                padding: 0px;
                margin: 0px; /* float: left; */
                margin-left: 10px;
            }

            #float_sns > ul > li i {
                display: inline-block;
                width: 60px;
                padding: 0px;
                font-size: 14px;
                font-style: normal; /* float: left; */
                margin: 0px;
                height: 60px;
                line-height: 60px; /* top: 0px; */
            }


    #float_sns:hover ul > li {
        width: 100%;
        overflow: hidden;
    }

    #float_sns > ul > li > div {
        position: absolute;
        top: 0px;
        right: 110px;
        width: auto;
        height: auto;
        display: none;
    }

    #float_sns > ul > li:hover {
        background-color: #D200AE;
        color: #ffffff;
    }

        #float_sns > ul > li:hover div {
            display: block;
        }




.header_top {
    width: 100%;
    padding: 10px 0px;
    display: block;
}

.header-middle-right {
    float: right;
    width: 720px;
    margin-top: 5px;
}

.phone {
    float: left;
}

    .phone span {
        background: url(/css/img/icons.png) no-repeat -45px 8px;
        float: left;
        width: 33px;
        display: block;
        height: 51px;
    }

    .phone ul {
        padding: 0;
        margin: 0 0 0 1em;
        float: right;
        margin-top: 20px;
    }

        .phone ul li {
            display: block;
            color: #BEBEBE;
            font-size: 14px;
        }

            .phone ul li.gray {
                font-size: 16px;
                color: #747474;
            }

.location {
    float: left;
    margin-left: 20px;
}

    .location span {
        background: url(/css/img/icons.png) no-repeat -91px 8px;
        float: left;
        width: 33px;
        display: block;
        height: 51px;
    }

    .location ul {
        padding: 0;
        margin: 0 0 0 1em;
        float: right;
        margin-top: 20px;
        width: auto;
    }

        .location ul li {
            display: block;
            color: #BEBEBE;
            font-size: 14px;
        }

            .location ul li.gray {
                font-size: 16px;
                color: #747474;
            }



.nav_item > a, .nav_item > a:link, .nav_item > a:visited {
    text-decoration: none;
    cursor: pointer; /* color:#ffffff; */
    width: auto; /* padding: 100px; */
}

.footer a:link, .footer a:visited {
    text-decoration: none;
    cursor: pointer; /* color:#eeeeee; */
}

.ver {
    display: block;
    float: right;
    cursor: pointer;
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-top: 20px;
    margin-right: 30px;
}

    .ver > span:hover {
        color: #f60;
    }

.header {
    width: 100%;
    height: 70px;
    /* border-bottom:1px solid #CCCCCC; */
    /* overflow:hidden; */
    background-color: #fff;
    /* color: #ffffff; */
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 6000;
    /* background-image: url(/Content/img/slide/header_bg.png); */
    /* border-bottom: 1px solid #ccc; */
    box-shadow: 0 0 5px;
}

.logo {
    width: 100px;
    height: 70px;
    line-height: 70px;
    background-image: url(/Content/img/logo.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 60px;
}

.menu {
    list-style: none;
    width: auto;
    height: 70px;
    line-height: 70px;
    float: left; /* margin-left: 80px; */
}

.menu_list {
    list-style: none;
    width: auto;
    height: 40px;
    line-height: 40px;
    float: left;
    display: block; /* font-weight: bold; */
    margin-top: 16px; /* box-shadow: 0 0 20px; */
    margin-left: 30px;
    padding-left: 0px;
}

    .menu_list li {
        /* clear:both; */
        width: auto;
        height: 70px;
        text-align: center;
        float: left;
        position: relative;
        /* display: table; */
        overflow: visible;
        margin-left: 30px;
    }

        .menu_list li span {
            width: auto;
            height: 40px;
            line-height: 40px;
            text-align: center;
            float: left;
            cursor: pointer;
            padding: 0px 15px 0px 15px;
            position: relative; /* background-color: #e2e4df; */ /* margin-top: 16px; */ /* border-bottom: 6px solid #9a9595; */ /* text-shadow: 2px 2px 2px #555; */ /* font-weight: bold; */ /* font-style: normal; */
        }

        .menu_list li a {
            text-decoration: none; /* font-weight: bold; */
        }

    .menu_list a {
        color: #555;
    }

    .menu_list li:hover a { /* color: #fff; */ /* background-color: #ccc; */
    }

    .menu_list li:hover span {
    }

    .menu_list li:hover span { /* color: #f60; */
        background-position: 100% -0px; /* background-image: url(http://www.huawei.com/us/ucmf/groups/public/documents/webasset/hw_s_232053.png); */
        border-bottom: 2px solid #ef7625;
    }

        .menu_list li:hover span a {
            color: #f60; /* text-shadow: 1px 1px 1px #a5a2a2; */
            height: 40px;
            line-height: 40px;
            display: block;
        }

.menu_list_cur { /* background-color: #878a88; */ /* color:#ffffff; */
}

    .menu_list_cur a {
        color: #f60;
    }

.menu_list > li > .nav_item {
    margin: auto;
    height: auto;
    position: absolute;
    top: 54px;
    left: 0px;
    display: none;
    width: 220px; /* border: 1px solid #ffffff; */
    background-color: rgba(78,82,79,1); /* font-weight: bold; */
    overflow: visible;
}
    /*level3*/
    .menu_list > li > .nav_item > .m_2 {
        position: relative;
    }

    .menu_list > li > .nav_item > .m_2 {
        display: block;
        width: 100%;
        height: 41px;
        line-height: 41px;
    }

.nav_item2 {
    display: none;
}

.menu_list > li > .nav_item > .m_2 > .nav_item2 > a {
    color: #fff;
    display: block; /* margin:5px; */ /* background-color:#ccc; */ /* border: 1px dashed #ccc; */
    font-size: 14px;
}

.menu_list > li > .nav_item > .m_2:hover .nav_item2 {
    display: block;
    background-color: #b7ada5;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 200px;
}

.menu_list > li > .nav_item > .m_2 > .nav_item2 > a:hover {
    background-color: #ec7266;
    width: 100%;
}
/*level3*/
.menu_list > li > .nav_item > div > a {
    display: block;
    padding: 0px;
    margin: 0px;
    height: 40px;
    line-height: 40px; /* border-top: 1px solid #ABABAB; */
    padding: 0px 30px; /* margin: 5px 10px; */
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.menu_list > li:hover > .nav_item {
    display: block;
    background-color: #fff;
    transition: all;
    transition-duration: 1s;
    /* box-shadow: 0 0 20px #333333; */
    color: #f60;
    border: 1px solid #a4a4a4;
    /* font-size: 16px; */
    margin-left: 50%;
    border-top: 0px;
    padding-bottom: 10px;
    left: -111px;
}

.menu_list > li > .nav_item > .m_2:hover {
    color: #fff; /* font-weight: bold; */
    background-color: none;
    background-color: #b7ada5; /* border: 1px solid #f60; */
}

    .menu_list > li > .nav_item > .m_2:hover a {
        color: #fff; /* background-color:#f60 */
    }

.menu_list > li > .nav_item > div > a {
    color: #222; /* font-weight: bold; */
    border-bottom: 1px dashed #ccc;
    margin: 0px 15px; /* background-color: #fff; */
}

.item_list {
    display: block;
    margin: 0 auto;
    position: absolute; /* top:70px; */
    text-align: center;
    height: auto;
    background-color: #18bc9c;
    opacity: 1;
    width: 100%;
    z-index: 6000; /* cursor: pointer; overflow: visible; */
    font-size: 14px;
    color: #eeeeee; /* background-image: url("/Content/img/slide/header_bg.png"); */
    width: 100px;
}

.menu_list > li > .nav_item > .m_2:last-child > a {
    border-bottom: 0px
}

.item_ul {
    display: block;
    list-style: none;
    line-height: 50px;
    height: auto;
    padding: 0px;
    margin: 0px;
    width: 100px; /* margin: 0 auto; */ /* margin-left: 100px; */
}

    .item_ul li {
        list-style: none; /* line-height: 70px; */ /* height: 70px; */ /* overflow:visible; */
        width: 100px;
    }

        .item_ul li a {
            display: block;
            line-height: 70px;
            height: 70px;
            width: auto;
            padding: 0px 10px 0px 10px; /* margin: 0 auto; */
            float: left;
            cursor: pointer;
        }

.item_list ul li div a:hover {
    background-color: #2DD1D4;
    color: #ffffff;
}



.m_right {
    width: 350px;
    height: 70px;
    line-height: 70px;
    float: left;
    overflow: hidden;
}

#stock {
    width: 150px;
    height: 70px;
    line-height: 70px;
    font-size: 10px;
    float: right;
    margin-right: 135px;
    cursor: pointer;
    position: relative;
    /* font-weight: normal; */
    /* display: none; */
}

.search {
    width: 200px;
    height: 70px;
    line-height: 70px;
}

.m_menu {
    width: 100px;
    height: 70px;
    line-height: 70px;
}

.s_n { /* color: #0E5252; */
    font-weight: bold;
}

.s_p {
    color: #31453B; /* font-weight:bold; */
    padding-left: 18px;
}

.price_up {
    background-image: url(/Content/img/stock.png);
    background-repeat: no-repeat;
    background-position: -3px 0px;
    color: #FF0004
}

.price_down {
    background-image: url(/Content/img/stock.png);
    background-repeat: no-repeat;
    background-position: -3px -28px;
    color: #0E8401;
}


.chart {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 550px;
    height: auto;
    border: 1px solid #cccccc;
    z-index: 5000;
    background-color: #ffffff;
    display: none;
    z-index: 50000;
    padding-top: 30px;
}

.chart_img {
    width: 100%;
    height: auto;
    display: table;
}

.chart_type {
    width: 80%;
    height: auto;
    display: table;
    margin-left: auto;
}

    .chart_type span {
        display: inline-block;
        width: auto;
        height: 30px;
        line-height: 30px;
        text-align: center;
        padding: 1px 10px;
        cursor: pointer;
        margin: 10px; /* border-radius: 100%; */
        font-size: 12px;
    }

        .chart_type span:hover {
            background-color: #0029AA;
            color: #ffffff;
        }

.cur {
    background-color: #1ABC9C;
    color: #ffffff;
}

.other {
    border: 1px solid #cccccc; /* background-color: rgb(65, 150, 50); */
    color: #333333;
}

.search {
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 10px;
    float: right;
    /* margin-right: 50px; */
    /* display: none; */
    position: absolute;
    right: 120px;
    /* padding-left: 20px; */
    background-color: #fff;
}

    .search:hover {
        width: 130px;
    }

.search_form {
    float: right;
    display: block;
    width: auto; /* border:1px solid #cccccc; */
    line-height: 70px;
    height: 30px;
    text-align: left;
    overflow: hidden;
    margin-top: 20px;
}

.search:hover .sinput {
    display: block;
}

.search:hover .search_form {
    border: 1px solid #cccccc;
}

.search_form .sinput {
    height: 30px;
    float: left;
    line-height: 30px;
    width: 80px;
    border: 0px; /* padding:3px; */
    outline: none;
    display: none;
}

.search_form .sbutton {
    width: 30px;
    padding: 0px; /* background: #45ba73; */ /* color:#fff; */
    line-height: 30px;
    height: 30px;
    display: block;
    margin: 0px;
    cursor: pointer;
    border: 0px; /* font-size: 14px; */
    float: right;
    background-image: url(/css/search.jpg);
    background-repeat: no-repeat;
    background-position: -1px -2px;
    margin-left: 10px;
}

    .search_form .sbutton:hover { /* background-color:#FF00BA; */
    }

    .search_form .sbutton:focus {
        color: #fff;
        text-decoration: none;
    }

.sbutton:focus {
    color: #fff;
    text-decoration: none;
}


.search_ico {
    background-image: url(/Content/img/ico4.png);
    background-repeat: no-repeat;
    background-position: -552px -254px;
}


/*
 //////////////////////////////////////////////////////////////////////////////
 澶撮儴缁撴潫//////////////////////////////////////////////////////////////////////////////
 //////////////////////////////////////////////////////////////////////////////
 */




/*
////////////////////////////////////////////////////////////////////////////////
搴曢儴鑿滃崟/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/


.footer {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-top: 10px;
    background-color: #fff;
    position: fixed;
    padding-bottom: 10px;
    top: 70px;
    display: none;
    z-index: 5999;
    border-top: 1px dashed #ccc;
    background-color: #f7f7f7;
}

.menu_link {
    list-style: none;
    width: 100%;
    height: auto;
    line-height: 30px;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
}

    .menu_link li {
        /* clear:both; */
        width: 11%;
        height: auto;
        text-align: center;
        float: left;
        position: relative;
        padding: 0px;
        display: inline-block;
        margin: 0px;
        margin-left: 1%;
        padding-bottom: 10px;
        /* border-bottom: 1px dashed #afadad; */
    }

        .menu_link li span {
            width: 100%;
            height: auto;
            line-height: 40px;
            text-align: center; /* float:left; */
            cursor: pointer;
            padding: 0px; /* position: relative; */
            display: inline-block;
            font-weight: bold;
            border-top: 20px;
        }

    .menu_link a {
        color: #222222;
        text-decoration: none;
    }

    .menu_link li:hover a { /* color:#ffffff; */
    }

    .menu_link li span:hover { /* background-color: #808080; */
        color: #ffffff;
    }

.menu_link { /* background-color: #EB3B3B; */ /* color: #555; */ /* border-bottom: 1px solid #ccc; */
    padding-bottom: 50px;
}

    .menu_link a {
        color: #555;
    }

    .menu_link .nav_item {
        margin: auto;
        height: auto;
        position: relative; /* top:70px; */ /* left:0px; */
        display: block;
        width: 100%; /* border: 1px solid #ffffff; */ /* background-color: rgba(78,82,79,1); */
        font-size: 14px;
        line-height: 30px; /* height: 30px; */
    }

        .menu_link .nav_item > a {
            display: block;
            padding: 0px;
            margin: 0px;
            height: 30px;
            line-height: 30px; /* border-top: 1px solid #ABABAB; */
            padding: 0px;
            margin: 0px;
        }

    .menu_link li:hover .nav_item {
        display: block;
        /* background-color: #e1e6e3; */
        transition: all;
        transition-duration: 1s;
    }

    .menu_link .nav_item > a:hover {
        color: #fff;
        background-color: none;
        background-color: #e26226;
    }


/*
////////////////////////////////////////////////////////////////////////////////
搴曢儴鑿滃崟缁撴潫/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/


/*
////////////////////////////////////////////////////////////////////////////////
搴曢儴鐗堟潈/////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/

.go_top {
    cursor: pointer;
    background-image: url(/Content/img/index2/top_1.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    border: none;
    position: fixed;
    bottom: 10px;
    right: 20px;
    display: none;
    z-index: 9999;
}

.div-100 {
    display: table;
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
    border-top: 1px solid #e8e8e8;
}

.bg-c3 {
    background-color: #F2F2F2;
}

.container {
    width: 95%;
    display: table;
    /* background-color:#333333;*/
    margin-left: auto;
    padding-top: 30px;
    /* padding-bottom: 30px; */
}

    .container .c-1 {
        width: 30%;
        margin-right: 5%;
        color: #929292;
        height: auto;
        float: left;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }

        .container .c-1 .t {
            height: 50px;
            font-size: 26px;
            text-align: left;
        }

        .container .c-1 ul {
            list-style: none;
            display: block;
            margin: 0px;
            padding: 0px;
            font-size: 18px;
        }

            .container .c-1 ul li {
                text-align: left;
                padding: 0px;
                display: block; /* float: left; */
                width: auto; /* padding: 10px 0px; */
                margin: 0px;
                font-weight: normal;
                line-height: 35px;
                height: auto;
                font-family: "\5FAE\8F6F\96C5\9ED1";
                font-size: 16px;
            }

    .container .c-2 {
        width: 30%;
        margin-right: 5%;
        color: #ffffff;
        display: block;
        float: left;
        /* margin-top: 20px; */
    }


    .container .c-3 {
        width: 30%;
        color: #929292;
        display: block;
        float: left;
        text-align: left;
        line-height: 200%;
    }

        .container .c-3 .t {
            font-size: 26px;
            font-weight: bold;
        }

        .container .c-3 .n {
            font-size: 18px;
        }

        .container .c-3 .a {
            font-size: 16px;
            display: inline-block;
        }

        .container .c-3 .s {
            font-size: 16px;
            display: inline-block;
        }

        .container .c-3 a {
            color: #ccc;
        }

        .container .c-3 .addr {
            font-size: 16px;
            display: block; /* float:left; */
        }

            .container .c-3 .addr select {
                display: block;
                float: left;
                line-height: 30px;
                height: auto;
                margin-top: 20px;
                padding: 5px 5px;
            }

.f-c1 {
    color: #ffffff;
}

.container .c-2 .t {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
}

    .container .c-2 .t img {
        width: 30%;
        height: auto;
    }

        .container .c-2 .t img:hover {
            /*	width:100%;
*/
        }


.sns2 {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    left: 0;
    bottom: 100px;
    display: block;
    /* position: absolute; */
    cursor: pointer;
    display: none;
    /* padding-bottom: 20px; */
}

    .sns2 span {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid #929292;
        border-radius: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 45px;
        margin-right: 5px;
        color: #929292;
        margin-bottom: 10px;
    }

        .sns2 span:hover {
            color: #ff6600;
            background-color: #FFFFFF;
        }

    .sns2 .p {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -0px;
    }

    .sns2 .e {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -24px;
    }

    .sns2 .f {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -48px;
    }

    .sns2 .t {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -72px;
    }

    .sns2 .i {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -96px;
    }

    .sns2.g {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -120px;
    }

    .sns2 .w {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -144px;
    }

    .sns2 .wx {
        background-image: url(/Content/img/share_all.png);
        background-repeat: no-repeat;
        background-position: -0px -168px;
    }


.container .c-3 .addr a {
    display: block;
    color: #929292;
    font-size: 22px;
}





/*/////////////////////////////////////////////////*/





.footer2 {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-top: 10px;
    background-color: #fafafa;
    position: relative;
    padding-bottom: 10px; /* border-top: 1px solid #e2e2e2; */
}

    .footer2 .menu_link {
        list-style: none;
        width: 100%;
        height: auto;
        line-height: 30px;
        float: left;
        display: block;
        padding: 0px;
        margin: 0px;
    }

        .footer2 .menu_link li { /* clear:both; */
            width: 11%;
            height: auto;
            text-align: center;
            float: left;
            position: relative;
            padding: 0px;
            display: inline-block;
            margin: 0px;
            margin-left: 50px;
        }

            .footer2 .menu_link li span {
                width: 100%;
                height: auto;
                line-height: 40px;
                text-align: center; /* float:left; */
                cursor: pointer;
                padding: 0px; /* position: relative; */
                display: inline-block;
                font-weight: bold;
            }

        .footer2 .menu_link a {
            color: #222222;
            text-decoration: none;
        }

        .footer2 .menu_link li:hover a {
            color: #222;
        }

        .footer2 .menu_link li:hover { /* background-color: #f60; */
            color: #222;
        }

    .footer2 .menu_link { /* background-color: #EB3B3B; */
        color: #222;
    }

        .footer2 .menu_link a {
            color: #555;
        }

        .footer2 .menu_link .nav_item {
            margin: auto;
            height: auto;
            position: relative; /* top:70px; */ /* left:0px; */ /* display: block; */
            width: 100%; /* border: 1px solid #ffffff; */ /* background-color: rgba(78,82,79,1); */
            font-size: 14px;
            line-height: 30px; /* height: 30px; */
        }

            .footer2 .menu_link .nav_item > a {
                display: block;
                padding: 0px;
                margin: 0px;
                height: 30px;
                line-height: 30px; /* border-top: 1px solid #ABABAB; */
                padding: 0px;
                margin: 0px;
            }

        .footer2 .menu_link li:hover .nav_item {
            display: block; /* background-color: #ff6600; */
            transition: all;
            transition-duration: 1s;
        }

        .footer2 .menu_link .nav_item > a:hover { /* color:#ff6600; */
            background-color: none;
            background-color: #ff0ac5;
        }


/*///////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (max-width: 1220px) {
    #stock {
        display: none
    }
}

@media only screen and (max-width:1300px) {
    .logo {
        margin-left: 50px;
    }

    .ver {
        width: 50px;
        display: block;
    }

    .menu {
        margin-left: 0px
    }



    .header-middle-right {
        width: 690px;
    }

    .menu_list li span {
        padding: 0px 16px 0px 16px;
    }

    .footer {
        display: none;
    }
}

@media only screen and (max-width:1200px) {

    .menu_list li span {
        padding: 0px 10px 0px 12px;
    }

    .nav_item {
        width: 180px;
    }

    .search { /* display:none; */
    }

    .footer {
        display: none;
    }
}

@media only screen and (max-width:1023px) {
    .menu_link {
        border-bottom: 0px;
    }

    .menu_list li span {
        padding: 0px 7px 0px 7px;
    }

    .menu_link li {
        width: 99%;
        text-align: left; /* color: #555; */
    }

    .menu_link .nav_item .m_2 a:hover {
        color: #f60;
    }

    .menu_link .nav_item .m_2 {
        display: block;
        float: left;
        margin: 5px 10px;
        height: auto;
    }

        .menu_link .nav_item .m_2 .nav_item2 {
            clear: both;
            display: block;
            padding: 0px;
            margin: 0px; /* float:left; */ /* margin: 0px 10px; */ /* height: 30px; */
            background-color: #fff;
            margin-left: -5px;
        }

            .menu_link .nav_item .m_2 .nav_item2 a {
                padding: 0px;
                margin: 0px;
                display: block;
                width: 100%;
                padding: 5px
            }

    .menu_link li span {
        text-align: left;
        width: 100%;
        font-weight: bold;
        text-indent: 10px;
    }

    .menu_link .nav_item > a {
        float: left;
        margin-right: 20px;
        padding: 0px 10px;
    }







    .footer2 .menu_link li {
        width: 99%;
        text-align: left;
    }
        /*	.footer2 .menu_link .nav_item{background-color: #378c59;}*/
        .footer2 .menu_link li span {
            text-align: left;
            width: 100%;
            font-weight: bold;
            text-indent: 10px;
        }

    .footer2 .menu_link .nav_item > a {
        float: left;
        margin-right: 20px;
        padding: 0px 10px;
    }





    .footer .qr {
        width: 90%;
        float: left;
        margin-left: 2%;
    }

    .footer .d ul li .l {
        width: 100%;
    }

    .footer .d ul li .r {
        width: 100%;
        float: left;
        text-align: left;
    }

    .footer .sns {
        width: 200px;
        height: 70px;
        margin: 0px;
        padding: 0px; /* float:right; */
        right: 0;
        bottom: 50px;
        position: absolute; /* background-color: #0C0808; */
    }

    .logo {
        margin-left: 0px;
        background-position: center;
    }

    #stock {
        margin-left: 10px; /* display: block; */
    }

    .header-middle-right {
        width: 70%;
    }

    .menu {
        margin-left: 0px
    }

    .search { /* right:180px; */
    }




    .menu {
        display: none;
    }

    .menu_pad {
        display: block;
        .menu_link: b
    }

    .search {
        display: block;
        right: 180px;
        position: absolute;
    }

    .nav_item {
        width: 180px;
    }

    #stock {
        display: block;
        float: left;
        margin-left: 20px;
    }

    .header-middle-right {
        width: 200px;
    }

    .location {
        display: none
    }




    .footer {
        display: none;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 70px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 8000;
    }
}

@media only screen and (max-width:900px) {
}


@media only screen and (max-width:768px) {
    .header {
        background-image: none;
        /* position: relative; */
    }

    .logo {
        margin-left: 5px;
    }

    .menu_list li:hover .nav_item {
        display: none;
    }

    .footer .sns {
        width: 200px;
        height: 70px;
        margin: 0px;
        padding: 0px; /* float:right; */
        right: 0;
        bottom: 50px;
        position: absolute; /* background-color: #0C0808; */
    }

    .container .c-1 .t {
        text-align: left;
    }

    .container .c-1 ul li {
        padding: 0px;
    }

    .container .c-1 {
        width: 90%;
        margin-left: auto;
    }

    .container .c-2 {
        width: 90%;
        margin-left: auto;
        padding-bottom: 50px;
    }

    .container .c-3 {
        width: 90%;
        margin-left: auto;
    }

    .search {
        display: block;
        padding-left: 0px;
    }
}


@media only screen and (max-width:580px) {
    #stock {
        display: none;
    }
}

@media only screen and (max-width:500px) {

    .header {
        background-image: none;
        /* position: relative; */
    }

    .logo {
        margin-left: 5px;
    }

    .nav_item {
        display: none;
    }

    .header, #stock {
        * display: none;
    }

    #float_sns {
        display: none;
    }
}






.visible {
    display: block !important;
}