.slide .hd span, .content .product-recommend .link, .content .product-list .arrows span { display: inline-block; *display: inline; *zoom: 1; }

.slide, .content .product-recommend .bd, .content .intro .bd, .content .product-list .bd { *zoom: 1; }

.slide:before, .content .product-recommend .bd:before, .content .intro .bd:before, .content .product-list .bd:before, .slide:after, .content .product-recommend .bd:after, .content .intro .bd:after, .content .product-list .bd:after { content: ""; display: table; }

.slide:after, .content .product-recommend .bd:after, .content .intro .bd:after, .content .product-list .bd:after { clear: both; }

.slide .change, .content .product-recommend, .content .intro .intro-inner, .content .product-list { margin: auto; width: 1200px; }

body { background-color: #f7f7f7; }

.wrap { position: relative; min-width: 1200px; }

.slide { overflow: hidden; }

.slide .hd { position: relative; top: -155px; margin: -36px auto 0; width: 1200px; height: 13px; line-height: 13px; text-align: right; z-index: 99; }

.slide .hd span { margin-right: 4px; height: 13px; width: 13px; background: url(../images/icon_slide.png) no-repeat; cursor: pointer; }

.slide .hd span.on { background-image: url(../images/icon_slide_on.png); }

.slide .bd li img { width: 100%; }

.slide .change { position: relative; }

.slide .change .prev { position: absolute; top: -300px; left: -56px; margin-top: -25px; display: block; width: 39px; height: 39px; background: url(../images/prev.png) no-repeat; }

.slide .change .prev:hover { opacity: 0.9; }

.slide .change .next { position: absolute; top: -300px; right: -56px; margin-top: -25px; display: block; width: 39px; height: 39px; background: url(../images/next.png) no-repeat; }

.slide .change .next:hover { opacity: 0.9; }

.content .product-recommend { position: relative; margin: 0 auto; }

.content .product-recommend .bd { position: absolute; left: 0; right: 0; top: -135px; height: 152px; overflow: hidden; background-color: #fff; }

.content .product-recommend li { float: left; margin-left: -1px; padding: 26px 22px 24px; width: 356px; font-size: 14px; border-left: 1px solid #ececec; }

.content .product-recommend li:hover { background-color: #0058a8; color: #fff; }

.content .product-recommend li:hover .link { height: 31px; line-height: 31px; background-image: url(../images/more_hover_2.png); }

.content .product-recommend li:hover .title { color: #fff; }

.content .product-recommend li:hover .info { color: #fff; }

.content .product-recommend .img img { float: left; margin-right: 18px; width: 103px; height: 103px; }

.content .product-recommend .title { margin-bottom: 5px; height: 20px; line-height: 20px; color: #6f6f6f; overflow: hidden; }

.content .product-recommend .info { height: 20px; line-height: 20px; color: #9f9f9f; overflow: hidden; }

.content .product-recommend .link { margin-top: 10px; width: 82px; height: 23px; line-height: 23px; background: url(../images/more.png) no-repeat; color: #fff; font-size: 12px; text-align: center; }

.content .intro { background: url(../images/content_bg.jpg) center center no-repeat; overflow: hidden; }

.content .intro .intro-inner { margin: 68px auto; height: 233px; }

.content .intro .bd .img { float: left; width: 232px; }

.content .intro .bd .img img { width: 232px; height: 232px; }

.content .intro .bd .info { position: relative; margin-left: 248px; height: 232px; background-color: #fff; }

.content .intro .bd .info h3 { padding-top: 15px; padding-bottom: 10px; margin-left: 30px; font-size: 28px; color: #0058a8; font-weight: normal; }

.content .intro .bd .info p { margin-left: 30px; width: 710px; line-height: 24px; font-size: 14px; color: #6f6f6f; }

.content .intro .bd .info .link { position: absolute; right: 34px; top: 50%; margin-top: -11px; display: block; width: 80px; height: 23px; line-height: 23px; text-align: center; color: #969696; font-size: 12px; background: url(../images/a-link.png) no-repeat; }

.content .product-list { position: relative; margin: 0 auto; }

.content .product-list .hd { padding-top: 45px; text-align: center; }

.content .product-list .hd h4 { line-height: 40px; font-size: 28px; font-weight: normal; color: #545454; }

.content .product-list .hd span { display: block; color: #4485bf; font-size: 14px; font-family: Arial; }

.content .product-list .bd { margin: 20px 10px 95px; height: 282px; overflow: hidden; }

.content .product-list .bd ul { width: 100%; }

.content .product-list .bd li { position: relative; float: left; margin-left: 20px; width: 210px; height: 280px; border: 1px solid #e0e0e0; background-color: #fff; }

.content .product-list .bd a { display: block; }

.content .product-list .bd a:hover .link { background: url(../images/more_hover.png); }

.content .product-list .bd .img { margin: 38px auto 0; width: 157px; height: 157px; }

.content .product-list .bd .img img { width: 157px; height: 157px; }

.content .product-list .bd .title { margin: 0 14px; height: 36px; line-height: 36px; border-bottom: 1px solid #e0e0e0; font-size: 18px; text-align: center; color: #5d5d5d; overflow: hidden; }

.content .product-list .bd .link { display: block; margin: 11px auto 0; width: 99px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #fff; background: url(../images/more_2.png) no-repeat; }

.content .product-list .bd .hot { position: absolute; left: -1px; top: 10px; display: block; width: 40px; height: 25px; background: url(../images/hot.png) no-repeat; }

.content .product-list .arrows { position: absolute; top: 445px; left: 0; right: 0; text-align: center; }

.content .product-list .arrows span { margin-right: 10px; height: 15px; width: 15px; background: url(../images/icon_slide_2.png) no-repeat; cursor: pointer; }

.content .product-list .arrows span.on { background-image: url(../images/icon_slide_2_on.png); }