/* reset */
body {background: #fff url(images/ftBg.png) no-repeat center bottom;margin:0;padding:0}
p, dd {text-indent: 2em;line-height:2em;text-align: left;}
.doc {background:url(images/headBg.jpg) no-repeat center top;}
*html{_background-image:url(about:blank);_background-attachment:fixed}

/* layout */
.header {width: 1000px;height:491px;margin:0 auto;background: #fff url(images/headBg.jpg) no-repeat center top;}
.wraper {width:1000px;margin: 0 auto;box-shadow: 0px 5px 5px #ddd;background-color: #fff;}
.area {position: relative;}

/* module */
.box {margin: 0 auto;position: relative;}
.box-left, .box-right {height: 480px;}
/*.box-hd {height: 120px;}*/
.mark {width:660px;height:100px; font:bold 30px/70px "Microsoft YaHei";color: #fff; text-align: center;position: relative;z-index: 1;}
.box-left .mark {background: url(images/sprite.png) no-repeat 0 0;background: url(images/sprite.png) no-repeat 0 -120px \9;margin-left: -15px;float: left;}
.box-right .mark {background: url(images/sprite.png) no-repeat 0 -240px;background: url(images/sprite.png) no-repeat 0 -360px \9;margin-right: -15px;float: right;}
.box-right .mark-sub {display: block;padding-right: 25px;text-align: right;}
.box-left .mark-sub {display: block;padding-left: 25px;text-align: left;}

.box-dd {padding: 0 10px;}
.box-left .box-dd {margin-left: 5px;}
.box-right .box-ft {width:220px;height:190px;background: url(images/sprite.png) 0 -690px;background: url(images/sprite.png) 0 -500px \9;position: absolute;top: 380px;left: -220px;}
.box-left .box-ft {width:220px;height:190px;background: url(images/sprite.png) -220px -690px;background: url(images/sprite.png) -220px -500px \9;position: absolute;top: 380px;right: -220px;}
.box-intro {width: 341px;height: 378px;background: url(images/sprite.png) no-repeat 0 -956px;text-align: left;}
.box-intro .box-intro-hd {color: #3c3c3c;padding: 15px 0 5px 70px;}
.box-intro .mark-cn {width:100%;font:bold 28px/28px "Microsoft YaHei";overflow: hidden;}
.box-intro .mark-en {font:14px/28px "Arial";display: inline;}
.box-intro .box-intro-bd {padding: 0 2px;height: 277px;}
.box-intro .box-intro-bd span {display: block;}

/* unit */

/* other */
.fc-orange {color: #ff7200;}
.fc-red {color: #f23a48;}

/*-----content-----*/
/* 浮动导航 */
.nav {width: 175px;height: 280px; background: url(images/sprite.png) no-repeat -450px -593px;
	position: fixed;top: 250px;left: 50%;margin-left: 501px;_position: absolute;_zoom: 1;_top: expression(documentElement.scrollTop + 250 + "px");display: none;z-index: 100;}
.nav ul {margin-top: 70px;}
.nav ul li {margin-bottom:10px;}
.nav ul li a {width:145px;height:35px;padding-right:30px;background:url(images/sprite.png) no-repeat -450px -500px; font: bold 16px/35px italic "Microsoft YaHei";display: block;color: #fff;text-shadow:1px 1px 1px #000;}
.nav ul li a:hover {background:url(images/sprite.png) no-repeat -450px -535px;text-decoration: none;}
.back-top {margin:34px 30px 0 0;display: block;}
.back-top img {width: 50px;height: 50px;}

/* 空气净化器哪个牌子好 */
.area-1 {*margin-top:-1px;background:url(images/area1Bg.jpg) no-repeat center -1px;}
.icon-leaf {width:60px; height: 50px; background: url(images/sprite.png) no-repeat -544px -900px; position: absolute; left:155px;_left:-155px; top: 185px;}
h1, h2 {padding-top: 22px;padding-left: 46px;font:bold 34px/1.5 "Microsoft YaHei";color:#3c3c3c;}
.intro {width:800px;margin:0 auto;padding:8px 165px 25px 35px;line-height: 28px;}

.img-wrap {width:617px;height:373px;display: block;z-index: 5;position: relative; background-color: #fff;}
.img-wrap img {transition: all 0.3s linear;-webkit-transition: all 0.3s linear;border:1px solid #ddd\9;padding: 2px\9;}
.img-wrap:hover img {box-shadow: rgba(0,0,0,0.6) 0 0 6px;transform: translateY(-4px);-webkit-transform: translateY(-4px);border:1px solid #f23a48\9;}

.des {height:162px;margin-top:15px;line-height: 24px;color: #2e2e2e;}
.detail {text-align: right;}
.off-price, .org-price, .btn-buy {margin-left:30px;}
.off-price {font: 20px/24px "Microsoft YaHei";}
.off-price strong {font:bold 36px/36px "Arial";}
.org-price {font: 12px/24px "SimSun";color: #6f6f6f;text-decoration: line-through;}
.btn-buy {width: 256px;height: 55px;background: url(images/sprite.png) 0 -900px;display:block;font: 28px/50px "Microsoft YaHei";text-align: center;color: #fff;}
.btn-buy:hover {background: url(images/sprite.png) -256px -900px;text-decoration: none;}
.btn-buy i {font-size: 30px;}

/* 空气净化器相关知识 */
.area-2 {height:785px;background:url(images/area2Bg.jpg) no-repeat center top;}
.txt-box {width: 360px; height: 135px;margin: 55px 90px 35px 65px;float: left;display:inline;}
.txt-box dt {font: bold 24px/48px "Microsoft Yahei";}
.txt-box dt a {color: #3c3c3c;}
.txt-box dt a:hover {color: #ff7200;}
.txt-box dd {color: #2e2e2e;margin-top: 15px;}
.area-3 {height:430px;background:url(images/area3Bg.jpg) no-repeat center top;}
.area-3 h2 {padding-top:10px;}
.pic-box {margin:10px 0 0 5px;}

/* function */
.fl {float:left;}
.fr {float:right;}
.cf:after {height:0;display:block;visibility:hidden;font-size:0;content:" ";clear:both;}
.cf {zoom:1;}
.mr-15 {margin-right: 15px;}
.ml-15 {margin-left: 15px;}

/* footer */
body #bottom {padding:20px 0 140px 0;}
body #bottom .links {background:none;text-align:center;}
body #bottom .links ,body #bottom .links a {color:#000;}
body #bottom .sites ,body #bottom .sites a ,body #bottom .sites a:link {color:#000;}
body #bottom .sites a:hover ,body #bottom .sites a:visited {color:#000;}
body #bottom .left p ,body #bottom .left p a ,body #bottom .left p a:link {color:#000;}
body #bottom .mid ,body #bottom .mid a ,body #bottom .mid a:link {color:#000;}