﻿@charset "utf-8";
/* css set*/
body, ul, li, h2, h3, p { margin:0; padding:0; font-family:"微软雅黑";}
body { background:url(bg.jpg) #c6180d; background-attachment:fixed;}
ul, li { list-style:none;}
.wraps { width:1000px; margin:0 auto; padding-top:70px; padding-bottom:20px;}
.tc { text-align:center;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.unl{text-decoration:underline;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
.fn { font-weight:normal;}
.caps { text-transform:uppercase;}
.whites { color:#fff;}
.en { font-family:impact;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
*html .clearfix{height:1%}
img { border:0; display:block;}
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;}
.iconfont-num40 { font-size:40px;}
/* banner */
.banner {background:url(banner.jpg) center top no-repeat; height:800px;}
.banner img {border:none; display:block; margin:auto;padding-top:400px; }
.zc {background:url(zc05.jpg) center top no-repeat; height:188px;text-align: center;}
.zc2 {background:url(zc02.jpg) center top no-repeat; height:261px;}
.box { border:#ffe343 solid 3px; width:100%; padding-bottom:20px;}
.box h2 span { display:inline-block; padding:20px 30px; font-weight:bold; font-size:30px; color:#ffe343; background:#B40C22; margin-top:-50px;}
.list { width:944px; margin-left:18px;}
.list li { float:left; width:168px; background:#fff; margin-left:20px; margin-bottom:20px;  margin-top:20px; padding-bottom:10px; position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.list li h3 { font-size:14px; margin:10px; height:36px; font-weight:bold;overflow:hidden; line-height:18px; color:#333;}
.list li p { padding:0 10px;}
.list li span { display:inline-block;}
.list li .mark { background:#B40C22; font-size:12px; color:#fff; padding:2px 5px;}
.list li .price { font-family:impact; font-size:25px; letter-spacing:-1px; color:#B40C22;}
.list li img { width:168px;border-bottom: black 1px solid; }
.cover { position:absolute; top:0; left:0; filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85; width:100%; height:268px; text-align:center; line-height:268px;}

.list2 { width:944px; margin-left:18px;}
.list2 li { float:left; width:452px; background:#fff; margin-left:20px; margin-bottom:20px;  margin-top:20px; padding-bottom:0px; position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.list2 li h3 { font-size:14px; margin:10px; height:36px; font-weight:bold;overflow:hidden; line-height:18px; color:#333;}
.list2 li p { padding:0 10px;}
.list2 li span { display:inline-block;}
.list2 li .mark { background:#B40C22; font-size:12px; color:#fff; padding:2px 5px;}
.list2 li .price { font-family:impact; font-size:25px; letter-spacing:-1px; color:#B40C22;}
.list2 li img { width:452px; height:300px;}


.list3 { width:944px; margin-left:18px;}
.list3 li { float:left; width:168px; background:#fff; margin-left:20px; margin-bottom:20px; margin-top:20px;  padding-bottom:10px; position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.list3 li h3 { font-size:14px; margin:10px; height:36px; font-weight:bold;overflow:hidden; line-height:18px; color:#333; }
.list3 li p { padding:0 10px;}
.list3 li span { display:inline-block;}
.list3 li .mark { background:#B40C22; font-size:12px; color:#fff; padding:2px 5px;}
.list3 li .price { font-family:impact; font-size:25px; letter-spacing:-1px; color:#B40C22;}
.list3 li img { width:168px; height:168px; border-bottom: black 1px solid;}


.list4 { width:944px; margin-left:18px;}
.list4 li { float:left; width:206px; background:#7A2D33; margin-left:28px; margin-bottom:20px; margin-top:20px;  padding-bottom:8px; position:relative;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.list4 li h3 { font-size:14px; margin:10px; height:18px; font-weight:bold;overflow:hidden; line-height:18px; color:#FFFF00; text-align:center;}
.list4 li p { text-align:center;padding:0 10px;}
.list4 li span { display:inline-block;}
.list4 li .mark { background:#B40C22; font-size:12px; color:#fff; padding:2px 10px;}
.list4 li .price { font-family:impact; font-size:25px; letter-spacing:-1px; color:#B40C22;}
.list4 li img { width:206px;}
