.container {
    width: 1028px;
}

header,nav,article,footer {
    min-width: 1028px;
}

article {
    background: url(../img/index/bg.png) repeat-y;
    background-size: 100% auto;
}


/*顶部*/

.top-wrap {
    height: 40px;
    background-color: #c9c9c9;
}

.topbar {
    width: 1000px;
    height: 40px;
    line-height: 2.85;
    color: #7d7d7d;
    background-color: #c9c9c9;
    overflow: hidden;
}

.topbar a {
    color: #7d7d7d;
}

.lbar {
    float: left;
}

.rbar {
    float: right;
}

.lbar li {
    margin-right: 16px;
}

.topbanner {
    width: 1000px;
    height: 95px;
    background: url(../img/index/banner.png) no-repeat;
}

.search {
    width: 300px;
    float: right;
    margin-top: 36px;
    padding-right: 5px;
    text-align: right;
}

/*导航*/
.nav {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    color: #a0a0a0;
    font-size:16px;
    font-weight:bold;
    line-height: 3.75;
    background: url(../img/index/navb.png);
}

.nav .container ul {
    list-style: none;
    padding-left: 0px;
    margin-left: -23px;
    margin-right: -10px;
    overflow: hidden;
}


.nav .container ul li{
    float: left;
    padding: 0 25px;
    background: url(../img/index/split.png) no-repeat;
    background-position: 100% 8px;
}

.nav .container ul li a {
    padding: 16px 0;
    color: #a0a0a0;
    text-shadow: #000 2px 2px 5px;
    text-decoration: none;
}

.nav .container ul li a:hover {
    color: #fff;
    border-bottom: 4px solid #e81a61;
}

.nav .container ul li:last-child {
    padding-right: 0;
    margin-right: 0;
    background: none;
}

/* 面包屑 */
.breadcrumb {
    background: url(../img/index/navb.png);
}
.breadcrumb>.active{
    color: #a0a0a0;
}
.breadcrumb li a {
    color: #fff;
}


/* 幻灯片 */
#focus{ width:1000px;height:430px;margin-bottom:10px;overflow:hidden;position:relative;}
#focus ul{padding:0;height:430px;position:absolute;}
#focus ul li{float:left;width:1000px;height:430px;overflow:hidden;position:relative;background:#000;}

#focus .btnBg{position:absolute;width:1000px;height:35px;left:0;bottom:0;background:#000;}

#focus .btn{position:absolute;width:1000px;height:10px;padding:5px 10px;right:0;bottom:20px;text-align:center;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:5px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius: 2px;background-color:#00b7ee;}
#focus .btn span.on{background-color:#aeff00;}

#focus .preNext{width:45px;height:100px;position:absolute;top:165px;background:url(../img/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

/* 搜索栏 */
.swrap{
    height: 96px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
    background: url(../img/index/navbb.png);
}
.searchbar {
    padding: 30px;
    overflow: hidden;
}
.searchbar .searcher {
    float: left;
}
.searchbar .searcher span {
    color: #fff;
}
.searchbar .searcher input {
    padding-left: 5px;
    height: 36px;
}
.searchbar .searcher #su {
    color: #fff;
    border-radius: 4px;
    padding: 4px 15px;
    border: 0;
    background-color: #e81a61;
}
.searchbar .typer {
    width: 500px;
    overflow: hidden;
    float: right;
}
.searchbar .typer span {

    float: left;
    padding: 5px;
    color: #fff;

}
.searchbar .typer ol li{
    float: left;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 10px;
}
.searchbar .typer ol li a{
    color: #fff;
}
.searchbar .typer .active {
    background-color: #e81a61;
}
.tagbar {
    display: none;
}
.tagbar span {
    float: left;
    color: #fff;
    padding: 5px 10px;
}
.tagbar ol li {
    float: left;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 15px;
    color: #fff;
}

/* 图片标题 */
.floor {
    padding-bottom: 16px;
    border-bottom: 2px solid #707070;
}
.floor span{
    float: right;
    margin-top: 50px;
}
.floor a{
    color: #333;
}


/* 商品 */
.items {
    padding: 20px 0;
}

.items ul {
    padding: 0;
    width: 1010px;
    overflow: hidden;
    list-style: none;
}
.items ul li {
    float: left;
}

.items ul li h5{
    position: relative;
    margin: -50px 0 0 0;
    padding: 10px;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7;
    color: #fff;
}

/* 底部 */
.foonav { line-height: 30px; height: 30px; width: 1000px; margin-right: auto; margin-left: auto; clear: both; padding-top: 5px; text-align: center; border-top-width: 2px; border-top-style: double; border-top-color: #707070; padding-bottom: 5px; margin-top: 10px; }
.foonav a { margin-right: 20px; margin-left: 20px; font-size: 12px; }
.foonavbst { line-height: 60px; height: 60px; width: 1000px; margin-right: auto; margin-left: auto; clear: both; padding-top: 5px; text-align: center; border-top-width: 2px; border-top-style: double; border-top-color: #707070; padding-bottom: 5px; margin-top: 10px; }
.foonavbst a {color: #7e7e7e; margin-right: 20px; margin-left: 20px; font-size: 14px; height: 40px; line-height: 40px; }
.foonavbst a:hover { color: #e81a61; text-decoration: underline;}
.copyright { line-height: 22px; width: 1000px; margin-right: auto; margin-left: auto; clear: both; padding-top: 10px; text-align: center; font-size: 12px; padding-bottom: 10px; color: #FFF; background-color: #0068b7; }
.copyright a{ color:#fff}
.copyrighta { width: 1000px; margin-right: auto; margin-left: auto; clear: both; padding-top: 15px; text-align: center; padding-bottom: 15px; }
.copyrighta img{ margin-left:5px; margin-right:5px; border: 1px solid #E8E8E8; }


/* 内页链接 */
.linkhref {
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;

}
.linkhref li{
    float: left;
    margin-right: 15px;
    margin-bottom:10px;
    padding: 10px 15px;
    background-color: #eee;
}

.linkhref li span {
    font-size: 18px;
    color: #e81a61;
}

.linkhref li a {
    color: #fff;
    font-size: 16px;
    color: #686868;
}

/* 主内容 */
.artwrap {
    width: 1000px;
    padding: 20px;
    border: 1px solid #959595;
}
.artmain {
    overflow: hidden;
}
.left_side{
    float: left;
    width:240px;
    height:240px;
}
.content{
    float: left;
    width: 520px;
    padding-left: 20px;
}
.right_side{
    float: right;
    width:196px;
    height:196px;
    margin-top: 50px;
}

.artmain .content h3 {
    color: #e81a61;
    font-weight: bold;
}
.artmain .arttag {
    margin-top: 20px;
    padding: 0;
}
.artmain .arttag li {
    float: left;
    padding: 10px 25px;
    color: #686868;
    font-size: 18px;
}
.artinfo {
    overflow: hidden;
}

.artinfo li {
    float: left;
    margin-right: 50px;
}
.artinfo li span {
    color: #e81a61;
    font-size: 30px;
}
.artinfo li h3 {
    font-size: 20px;
    color: #686868;
}

/* 展示图 */
.artpic {
    margin-top: 30px;

}
.artpic .floor {
    border-bottom: 0;
}

.artpic .artcontent {
    width: 950px;
}
.artpic .artcontent p {
    display: inline-block;
}

.artpic .artcontent img {
    width: 230px;
    margin-right:2px;
    margin-bottom:10px;

}
.artpic .artmsg ul{padding:0px; margin:0px 0px 0px 5px; overflow: hidden;}
.artpic .artmsg ul li{ float:left; width:220px; padding-left:10px; margin-right:10px; height:26px; line-height:24px; list-style:none; }
.artpic .artmsg ul li a{color:#686868; font-size:12px; text-decoration:none;}
.artpic .artmsg ul li a:hover{color:#e81a61; font-size:12px; text-decoration:underline;}
