.fl{
    float: left;
}
.fr{
    float: right;
}


.navbar-right .dropdown-menu{
    left:0;
}

.page{
    text-align: center;
}

.dropdown-menu{
    min-width: 100%;
    padding: 8px 0;
    margin: 0;
    border: 0 solid #ccc;
    border: 0 solid rgba(0, 0, 0, .15);
    width: 170px;
}

.nav-li:hover ul.nav-li-nav{
    display: block !important;
}





.foot{
    background: #272028;
    padding:80px;
    margin-top:60px;
}
.foot_link_li{
    float: left;
    width:20%;
}
.foot_link_li span{
    font-size: 18px;
    color: #fff;
    display: block;
    padding-bottom:15px;
}
.foot_link_li a{
    color: #aaa;
    display: block;
    height:30px;
    line-height: 30px;
    overflow: hidden;
}
.foot_2wm_c{
    padding-left:40px;
}
.foot_2wm_c span{
    display: block;
    font-size: 20px;
    color: #fff;
    padding-bottom:15px;
}
.foot_2wm_c p{
    font-size: 14px;
    color: #aaa;
    line-height: 30px;
}
.bottom{
    background: #000000;
    padding:30px 0;
    text-align: center;
    color: #666666;
    font-size: 14px;
}
.bottom a{
    color: #666;
}
.lxwm{
    width:70px;
    position: fixed;
    right:0;
    top:300px;
}
.lxwm .lxwm_c{
    width:70px;
    height:70px;
    margin-bottom:5px;
    position: relative;
    cursor: pointer;
}
.lxwm .lxwm_c .lxwm_ico{
    width:70px;
    height:70px;
    text-align: center;
    background: #e80113;
    border-radius:5px 0px 0px 5px;
    position: absolute;
    z-index: 999;
}
.lxwm .lxwm_c .lxwm_ico:hover{
    background: #ff4453;
}
.lxwm .lxwm_c .lxwm_ico img{
    margin-top:18px;
}
.lxwm .lxwm_c .lxwm_c_c{
    width:160px;
    min-height:70px;
    text-align: center;
    background: #ff4453;
    border-radius:5px;
    font-size: 18px;
    color: #fff;
    line-height: 70px;
    position: absolute;
    z-index: 99;
    top:0;
    right:-160px;
    transition:right 0.2s;
    -moz-transition:right 0.2s; /* Firefox 4 */
    -webkit-transition:right 0.2s; /* Safari and Chrome */
    -o-transition:right 0.2s; /* Opera */
}
.lxwm .lxwm_c:hover .lxwm_c_c{
    right:75px;
}
.lxwm .lxwm_c .lxwm_c_c a{
    font-size: 18px;
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus{
    background: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background: #fff;
}

.caret{
    display: block;
    margin-top: 20px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-top: 0px dashed;
    border-top: 0px solid \9;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    background: url(../ski/index_nav_li_ico.png) no-repeat center;
    margin-right:15px;
}
.dropdown-menu{
    background-color: rgba(255,255,255,.8);
}


/* 大屏幕（大桌面显示器，大于等于 1280px） */
@media (min-width:1280px) {
    .container {
        width: 1280px;
    }
    .top{
        height:40px;
        background: #272028;
        line-height: 40px;
        color: #fff;
    }
    .top a{
        float: right;
        color: #fff;
        margin-left:20px;
    }

    .navbar{
        border-radius: 0;
        position: relative;
        min-height: 100px;
        margin-bottom: 0;
        border: 0px solid transparent;
    }
    .navbar-nav{
        font-size: 16px;
    }
    .navbar-nav a{
        color: #222;
    }
    .navbar-nav > li > a{
        /* padding:15px 15px; */
        font-size: 17px;
    }
    .navbar-nav > li > a.index-nav-li-a{
        padding:15px 5px 15px 15px;
    }
    .container-fluid{
        padding:0;
    }
    .navbar-toggle{
        padding-top:0;
    }
    .head-tel{
        width:204px;
    }
    .head-tel img{
        margin-right:10px;
        float: right;
    }
    .head-tel p{
        font-size: 20px;
        color: #e80113;
        float: right;
    }
    .head-tel p span{
        font-size: 16px;
        display: block;
        color: #222;
    }


    .dropdown-menu-cp{
        width:1280px;
        left:50%;
        margin-left:-610px;
        padding:20px 2%;
    }
    .dropdown-menu-cp li{
        float: left;
        width:14%;
        text-align: center;
    }
    .dropdown-menu-cp li:hover img{
        opacity: 0.8;
    }
    .dropdown-menu > li > a:hover{
        background: none;
    }
    .dropdown-menu-cp li a{
        padding:8px 0;
    }
    .dropdown-menu-cp li a span{
        display: block;
        line-height: 30px;
        color: #e80113;
        /*padding-top:20px;*/
    }
    .dropdown-menu-cp li a img{
        width:80%;
        /*margin-bottom: 20px;*/
    }

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:1120px) and (max-width: 1279px){
    .top{
        height:40px;
        background: #272028;
        line-height: 40px;
        color: #fff;
    }
    .top a{
        float: right;
        color: #fff;
        margin-left:20px;
    }

    .navbar{
        border-radius: 0;
        position: relative;
        min-height: 50px;
        padding-top:15px;

        border: 0px solid transparent;
    }
    .navbar-nav{
        font-size: 16px;
    }
    .navbar-nav a{
        color: #222;
    }
    .navbar-nav > li > a{
        padding:15px 15px;
    }
    .navbar-nav > li > a.index-nav-li-a{
        padding:15px 5px 15px 15px;
    }
    .container-fluid{
        padding:0 0 0 0;
    }
    .head-tel{
        display: none;
    }

    .dropdown-menu-cp{
        width:994px;
        left:50%;
        margin-left:-657px;
        padding:20px 2%;
    }
    .dropdown-menu-cp li{
        float: left;
        width:16%;
        text-align: center;
    }
    .dropdown-menu-cp li:hover img{
        opacity: 0.8;
    }
    .dropdown-menu > li > a:hover{
        background: none;
    }
    .dropdown-menu-cp li a{
        padding:8px 0;
    }
    .dropdown-menu-cp li a span{
        display: block;
        line-height: 30px;
        color: #e80113;
        padding-top:20px;
    }
    .dropdown-menu-cp li a img{
        width:80%;
        margin:0 atuo;
    }

}
    /* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:993px) and (max-width: 1200px) {
    .top{
        height:40px;
        background: #272028;
        line-height: 40px;
        color: #fff;
    }
    .top a{
        float: right;
        color: #fff;
        margin-left:20px;
    }

    .navbar{
        border-radius: 0;
        position: relative;
        min-height: 50px;
        padding-top:15px;

        border: 0px solid transparent;
    }
    .navbar-nav{
        font-size: 16px;
    }
    .navbar-nav a{
        color: #222;
    }
    .navbar-nav > li > a{
        padding:15px 15px;
    }
    .container-fluid{
        padding:0 0 0 0;
    }
    .head-tel{
        display: none;
    }


    .dropdown-menu-cp{
        width:994px;
        left:50%;
        margin-left:-486px;
        padding:20px 2%;
    }
    .dropdown-menu-cp li{
        float: left;
        width:16%;
        text-align: center;
    }
    .dropdown-menu-cp li:hover img{
        opacity: 0.8;
    }
    .dropdown-menu > li > a:hover{
        background: none;
    }
    .dropdown-menu-cp li a{
        padding:8px 0;
    }
    .dropdown-menu-cp li a span{
        display: block;
        line-height: 30px;
        color: #e80113;
        padding-top:20px;
    }
    .dropdown-menu-cp li a img{
        width:80%;
        margin:0 atuo;
    }

}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width:769px) and (max-width: 992px) {
    .top{
        display: none;
    }
    .head-tel{
        display: none;
    }

    .head-logo{
        width:180px;
        display: block;
        float: left;
        padding:10px 0 0 10px;
    }
    .head-logo img{
        width:100%;
    }

    .navbar{
        margin:0;
    }
    .navbar-header{
        width:100%;
    }
    .navbar-collapse.collapse{
        display: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #ccc;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #fff;
    }
    .foot{
        display: none;
    }
    .lxwm{
        display: none;
    }


    .dropdown-menu-cp li a img{
        display: none;
    }
    .dropdown-menu-cp li a.index-nav-cp{
        display: none;
    }
    .index-nav-li-a{
        padding:15px 15px;
    }


}

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
@media (max-width:768px) {
    .top{
        display: none;
    }
    .head-tel{
        display: none;
    }

    .head-logo{
        width:180px;
        display: block;
        float: left;
        padding:10px 0 0 10px;
    }
    .head-logo img{
        width:100%;
    }

    .navbar{
        margin:0;
    }
    .navbar-toggle{
        background: #ccc;
    }
    .navbar-toggle .icon-bar{
        background: #fff;
    }
    .foot{
        display: none;
    }
    .lxwm{
        display: none;
    }

    .dropdown-menu-cp li a img{
        display: none;
    }
    .dropdown-menu-cp li a.index-nav-cp{
        display: none;
    }

    .index-nav-li-a{
        padding:15px 15px;
    }
    .caret{
        display: block;
        margin-top: 14px;
        width: 10px;
        height: 10px;
        vertical-align: middle;
        border-top: 0px dashed;
        border-top: 0px solid \9;
        border-right: 0px solid transparent;
        border-left: 0px solid transparent;
        background: url(../skin/index_nav_li_ico.png) no-repeat center;
        margin-right:15px;
    }
}