body {
}

header {
    box-shadow: 0 4px 5px #ccc;
    -webkit-box-shadow: 0 4px 10px #ccc;
    -moz-box-shadow: 0 4px 10px #ccc;
    -khtml-box-shadow: 0 4px 10px #ccc;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    background: #fff;
}

.navbar .navbar-nav li a {
    font-size: 16px;
}

.content {
    padding-top: 185px;
}

footer {
    position: relative;
}

.navigation {
    color: #1a1a1a;
}

    .navigation a {
        color: #696969;
    }

.pro-item {
    background: #f0f0f0;
}

    .pro-item .ifo {
        border-bottom: none;
        margin-bottom: 0px;
        padding: 0 5px;
    }

        .pro-item .ifo .name {
            font-size: 18px;
            height: 53px;
            overflow: hidden;
            line-height: 25px;
        }

        .pro-item .ifo .date {
            font-size: 18px;
        }

    .pro-item .img {
        height: 238px;
    }

.pro-item {
    height: 490px;
    margin: 10px 0;
}

    .pro-item .ifo .price {
        font-size: 21px;
        font-weight: bold;
        color: #f37043;
    }

    .pro-item .spec {
        padding: 0 20px;
    }

        .pro-item .spec p {
            color: #1a1a1a;
            font-size: 16px;
        }

            .pro-item .spec p i {
                color: #1a1a1a !important;
                margin-right: 6px;
                font-size: 18px;
            }

.nav-tabs {
    margin-bottom: 20px;
    border: none;
}

    .nav-tabs > li > a {
        font-size: 20px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: none;
        color: #0094bc;
    }

    .nav-tabs > li:first-child a {
        border-right: 1px solid #aaa !important;
    }






@media (min-width: 767px) {
    .navbar-default .navbar-nav > li > a {
        color: #1a1a1a !important;
    }

    .navbar-default .navbar-nav {
        margin-top: 10px;
    }

        .navbar-default .navbar-nav li {
            margin-left: 10px;
        }

    .navbar-nav > li > a {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .navbar .navbar-nav li a:hover, .navbar .navbar-nav li.active a:hover, .navbar .navbar-nav li.active {
        background: #008cbb;
        color: white !important;
        border-radius: 4px;
    }


    .navbar .navbar-nav li a:hover .dropdown-menu li a, .navbar .navbar-nav li.active a:hover .dropdown-menu li a, .navbar .navbar-nav li.active .dropdown-menu li a {
        background: ##ddd;
        color: #333 !important;
    }
  


        .navbar .navbar-nav li.active a {
            color: white !important;
        }

    .logo {
        margin-bottom: 10px;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .navbar {
        position: fixed;
        z-index: 99;
    }
}


@media (max-width: 767px) {
    .content {
        padding-top: 125px;
    }

    .logo {
        margin-bottom: 10px;
    }

    .navbar-collapse {
        position: fixed;
        background: #eee;
        width: 100%;
        z-index: 99;
    }

    .pro-item, .pro-item .img {
        height: auto !important;
    }

    .navbar, .graydiv {
        padding-left: 0px;
        padding-right: 0px;
    }

    body {
        padding-bottom: 0px;
    }
}


@media (max-width: 991px) {
    .navbar .navbar-nav li a {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-default .navbar-nav {
        margin-top: 10px;
    }

        .navbar-default .navbar-nav li {
            margin-left: 5px;
        }
}


/* jssor slider arrow navigator skin 05 css */
/*
                .jssora05l                  (normal)
                .jssora05r                  (normal)
                .jssora05l:hover            (normal mouseover)
                .jssora05r:hover            (normal mouseover)
                .jssora05l.jssora05ldn      (mousedown)
                .jssora05r.jssora05rdn      (mousedown)
                */
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    overflow: hidden;
    font-size:34px;
    color:#008cbb;
}

.jssora05l {
}

.jssora05r {
    text-align:right
}

 {
}

,.jssora05l:hover,.jssora05r:hover {
}



/* jssor slider thumbnail navigator skin 01 css */
/*
                .jssort01 .p            (normal)
                .jssort01 .p:hover      (normal mouseover)
                .jssort01 .p.pav        (active)
                .jssort01 .p.pdn        (mousedown)
                */
.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 115px;
    height: 70px;
    cursor:pointer;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
     width: 115px;
    height: 70px;
    box-sizing: content-box;
    _background: none;
}


.jssort01 .p:hover .c,.jssort01 .pav .c {
    top: 0px;
    left: 0px;
    width: 115px;
    height: 70px;
   background: rgba(0,0,0,0.6);
}

.jssort01 .p.pdn .c {
   background: rgba(0,0,0,0.6);
   width: 115px;
    height: 70px;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width: 115px;
    height: 70px;
}
.left-banner, .right-banner {
    top: 190px;
}

#wrapper{min-height:calc(100vh - 70px);}