body{
    background-color: #CCCCCC
}
#logo{
    margin-top: 25px;
    margin-left: 15%;
    width: 200px;
}
#total{
    display: block;
    height: 150px;
    background-color: #ffffff;
}


* {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    border-image: none;
    font-family: "微软雅黑";
    font-size: 14px;
}
a {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

a:hover {
    color: #e67114;
    text-decoration: none
}


/* --- basic styles ----*/
.title{
    font-size:18px;
    font-weight:bold;
}
/* --- for all three examples Unica One ----*/

.nav_z {
    text-align: center;
   /* overflow: hidden;*/
    margin: 0em auto;
    width: auto;/*850px;*/
    position: relative;
}

.nav_z a {
    display: block;
    position: relative;
    float: left;
    padding: 35px 60px;
    font-size: 18px;
    text-decoration: none;
    color: #393939;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
    transition: .7s;
}

.nav_z a:hover {
    color: #cc0000;
    font-size: 20px;
}

.effect {
    position: absolute;
    left: -8.5%;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.nav_z a:nth-child(1):hover ~ .effect {
    left: 12%;
}

.nav_z a:nth-child(2):hover ~ .effect {
    left: 36%;
}

.nav_z a:nth-child(3):hover ~ .effect {
    left: 61%;
}

.nav_z a:nth-child(4):hover ~ .effect {
    left: 86%;
}

.nav_z a:nth-child(5):hover ~ .effect {
    left: 93%;
}

/* ----- line example color: #c6342e; -----*/

.ph-line-nav .effect {
    width: 90px;
    height: 2px;
    bottom: 36px;
    background: #cc0000;
    box-shadow: 0 1px 0 white;
    margin-left: -45px;
}

/* ----- dot example -----*/

/*.ph-dot-nav:after {
   !* content: "";*!
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #c6342e;
    bottom: 30px;
}*/

.ph-dot-nav a:after {
    /*content: "";*/
    position: absolute;
    width: 4px;
    height: 4px;
    bottom: 28px;
    left: 50%;
    margin-left: -2px;
    background: #c6342e;
    border-radius: 100%;
}

/*.ph-dot-nav .effect {
    width: 10px;
    height: 10px;
    bottom: 26px;
    margin-left: -5px;
    background: #c6342e;
    border-radius: 100%;
}*/

/* ----- heart example -----*/

.ph-heart-nav .effect, .ph-heart-nav a:after, .ph-heart-nav a:before {
    background: url('../static/js/images/heart.png') no-repeat;
}

.ph-heart-nav .effect {
    position: absolute;
    bottom: 26px;
    background-position: 0 0;
    height: 8px;
    width: 62px;
    margin-left: -31px;
}

.ph-heart-nav a:before {
    /*content: "";*/
    display: block;
    position: absolute;
    left: 50%;
    bottom: 20px;
    background-position: -62px 0;
    height: 20px;
    width: 11px;
    margin-left: -11px;
}

.ph-heart-nav a:after {
    /*content: "";*/
    display: block;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 1;
    background-position: -73px 0;
    height: 20px;
    width: 11px;
}

/*��ҳ��ʽ*/
.nyou1 {
    border-radius: 23px 0 0 0;
    background-color: #fff;
    width: 760px;
    height: 52px;
}
.nyou2 {
    border-radius: 0 0 23px 0;
    background-color: #fff;
    width: 760px;
    height: 52px;
}
.menu {
    position: absolute;
    width: 200px;
    height: 400px;
    color: #000;
    top: 90px;
    left: 20px;
}
.menu ul li{
    float: left;
    line-height: 30px;
    text-decoration: none;
    width: 200px;
    margin-left: 40px;
}
.menu ul li a{
    font-size: 18px;
}

.neirong {
    padding: 30px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #e67114;
    border-color: #f8a25d;
}

.huanga {
    color: #e67114
}

.zl-icon span.already {
    padding-left: 20px;
    color: #75cffa;
    background: url(../static/js/images/yes.gif) no-repeat left center;
}

.zl-others {
    border-top: 1px dashed #bed7db;
    margin-top: 15px;
    padding-top: 15px;
}

.xinwen ul li {
    height: 30px;
    line-height: 30px;
    border-bottom: solid 1px #ededf4;
    background: url(../static/js/images/xwlib.png) left no-repeat;
    padding:0 30px;
    list-style:none;
}

.xinwen ul li a {
    color: #555;
    font-size: 13px;
}

.xinwen ul li span {
    float: right;
    color: #999;
    padding: 0 5px;
    font-size: 13px;
}

.xinwen ul li.xwlibb {
    background: url(../static/js/images/xwlib.png) left no-repeat #f5f7f9;
}

.cbys span {
    color: #e67114;
}
.products {
    width: 760px;
    background-color: #ffffff;
}
.products ul{
    padding:20px;
}
.products ul li {
    list-style: none;
}
.pzuo{
    float:left;
    width:450px;
}
.pyou {
    float: right;
    width: 220px;
    padding-left:30px;
}
.pagination{}
.pagination li {
    padding:2px 10px;
    border-radius:5px;
    float:left;
    border:1px;
    border-color:#e67114;
}
.pagination .active{
    /*background-color:#e67114;*/
}
.pneirong {
    width: 720px;
    position: relative;
    left: 19px;
    height: 970px;
    background-color: #ffffff;
    padding-top: 20px;
    OVERFLOW-Y: auto;
    OVERFLOW-X: hidden;
    scrollBar-face-color: #FFFFFF;
    scrollBar-track-color: #FFFFFF;
    scrollBar-base-color: #FFFFFF;
}
.pneirong img
{
    width:100%;
}
.pneirong2 {
    width: 720px;
    position: relative;
    left: 19px;
    height: 970px;
    background-color: #ffffff;
    padding-top: 20px;
    OVERFLOW-Y: auto;
    OVERFLOW-X: hidden;
    scrollBar-face-color: #FFFFFF;
    scrollBar-track-color: #FFFFFF;
    scrollBar-base-color: #FFFFFF;
}

@media screen and (min-width: 320px) and (max-width: 1156px) {

    .site-bg-dl {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 0;
        background-image: url(bjxzfwzx/images/bj1.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
    }
}

@media screen and (min-width: 1400px) {
    #js_ads_banner_top_slide {
        margin: 0px auto;
        width: 1900px;
        display: none;
    }

    #js_ads_banner_top_slide a img {
        width: 1900px;
    }
}

@media (min-width: 1024px) and (max-width: 1399px) {
    #js_ads_banner_top_slide {
        margin: 0px auto;
        width: 1224px;
        display: none;
    }

    #js_ads_banner_top_slide a img {
        width: 1224px;
    }
}

@media (max-width: 979px) {
    #js_ads_banner_top_slide {
        margin: 0px auto;
        width: 980px;
        display: none;
    }

    #js_ads_banner_top_slide a img {
        width: 980px;
    }
}


#content{
    /*display: block;*/
    padding-left: 20px;
    padding-right: 20px;
}