a:hover{color: #636b9e; text-decoration: none;}
/*    定位关系     */
.absolute{position:absolute;}
.relative{position:relative;}
.blank5{ height:5px; font-size:1px;}
.blank10{ height:10px; font-size:1px;}
.blank20{ height:20px; font-size:1px;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}

.art_body{background-color:#EFEFEF;}
.bgwhite{background-color:#ffffff;}
.article_hd{width:100%;height:479px;background:url(../images/article/banner.jpg) center top;}
.art_wrapper{width:1200px;margin:0 auto;}
.art_blank{height:50px;}
.art_cat{height:120px;background:url(../images/article/catbg.jpg) left top;}
.art_cat_fixed{position:fixed;top:0;width:1200px;z-index:999;}
.art_box{margin-top:20px;}
.art_left{float:left;width:870px;}
.art_left_con{padding:0 15px;background-color:#fff;}
.art_right{float:right;width:308px;}
.cat_title{border-bottom:solid 1px #CACACA;padding-top:35px;}
.cat_title strong{border-bottom:solid 4px #CACACA;font-size:22px;color:#555555;padding-bottom:4px;display:inline-block;}
.cat_title a{float:right;color:#636b9e;}


.articles li{border-bottom:solid 1px #CACACA;padding:20px 0;}
.articles .pic{ float:left;width:220px;height:160px;background:#eee;}
.articles .pic img,.right_art .pic img{ width:100%;height:100%;}
.articles .con{float:right;width:580px;}
.articles .con .title{margin:10px 0;height:25px;line-height:25px;overflow:hidden;}
.articles .con .title a{font-size:22px;color:#636b9e;font-family:"microsoft yahei";}
.articles .con .desc{line-height:22px;padding-top:10px;text-indent:2em;}
.articles .con .desc span,.articles .con .desc span a,.right_art .con .desc span,.right_art .con .desc span a,.right_art3 .desc span,.right_art3 .desc span a{color:#636b9e;}
.articles .con .kws{background:url(../images/article/bookmark.png) no-repeat left center;padding-left:25px;margin-top:10px;}
.articles .con .kws a{color:#999999;}

.right_box{padding:0 15px;background-color:#fff;}
.articles,.right_art{padding-top:7px;}
.right_art li{border-bottom:dotted 1px #CACACA;padding:20px 0;}
.right_art .pic{ float:left;width:80px;height:80px;background-color:#eee;}
.right_art .con{float:left;padding-left:10px;width:188px;}
.right_art .con .title{height:25px;line-height:25px;overflow:hidden;}
.right_art .con .title a{font-size:14px;font-weight:bold;color:#636b9e;font-family:"microsoft yahei";}
.right_art .con .desc{line-height:18px;text-indent:2em;}
.right_art2{padding:27px 0;}
.right_art2 li{background:url(../images/article/ico.jpg) no-repeat left center;height:29px;line-height:29px;padding-left:20px;border-bottom:dotted 1px #CACACA;overflow:hidden;}
.right_art3{padding-bottom: 20px;}
.right_art3 li{border-bottom:dotted 1px #CACACA;padding: 20px 30px;}
.right_art3 li .thumb{width: 210px;height: 140px;background-color:#eee;}
.right_art3 li .thumb img{width: 100%;height: 100%;}
.right_art3 li .title{padding:5px 0;height:25px;line-height:25px;overflow:hidden;}
.right_art3 li .title span,.hot_art span{display: inline-block;width:20px;height:20px;border-radius: 10px;background-color: #636b9e;color: #fff; text-align: center;line-height:20px;margin-right: 5px;}
.right_art3 li .title a{font-size:14px;font-weight:bold;color:#636b9e;font-family:"microsoft yahei";}
.right_art3 li  .desc{padding:0 10px 0 25px;line-height: 20px;}

.right_art4{padding: 20px 0;}
.right_art4 li{border-bottom:dotted 1px #CACACA;padding-bottom:30px;}
.right_art4 li .thumb{width: 160px;height: 160px;margin:0 auto;}
.right_art4 li .thumb img{width: 100%;height: 100%;}
.right_art4 li .title{height: 25px;line-height: 25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.right_art4 li .price{text-align: center;}
.right_art4 .hds{ position: absolute; bottom:17px;right: 50px; background: #fff; }
.right_art4 .hds li{ width:8px;height: 8px;border-radius: 50%; background: #b8b8b8; padding:0;border: 0;float: left;margin: 0 3px;}
.right_art4 .hds li.on{background: #636b9e;}
.right_art4 .prev{
	width:15px;
	height:22px;
	position:absolute;
	top:90px;
	left:10px;
	background:url('../images/article/sleft.jpg') no-repeat left top;
	z-index:2;
}

.right_art4 .next{
	width:15px;
	height:22px;
	position:absolute;
	top:90px;
	right:10px;
	background:url('../images/article/sright.jpg') no-repeat left top;
	z-index:2;
}
.hot_cat{background: url(../images/article/hotbg.png) no-repeat 2px 0;height: 73px;padding:30px 20px 5px;}


.art_banner{height: 120px;}
.left_tj{ float: left; }
.right_tj{float: right;width: 310px;}
.bangdan{padding: 27px 0; text-align: center;}
.bangdan img{width: 240px;}
.bang_desc{position: absolute;bottom:35px;left: 20px; background: #212121;width: 240px; padding:5px 0;}
.bang_desc .title{ text-align: center;}
.bang_desc .title a{ color: #fff; }
.bang_desc .price{ color: #97a1de; text-align: center; }

.dt_hot_info {padding: 27px 0;}
.dt_tabs{height: 38px; line-height: 38px; font-size: 20px;font-family: "microsoft yahei" ;border-bottom:2px solid #e2e2e2; background:#e2e2e2;}
.dt_tabs span{ display: inline-block;width: 50%;text-align: center;cursor:pointer; }
.dt_tabs span.cur{background: #fff;}
.hot_art{padding-top: 22px;}
.hot_art li{border-bottom:dotted 1px #CACACA; height: 29px;line-height: 29px; padding-left:5px;}
.hot_label{ padding:22px 10px 0; }
.hot_label li{border:solid 1px #e2e2e2; float: left;padding: 5px 10px;margin-right:15px; margin-bottom:15px;text-align: center;}
.hot_label li:hover{ border-color: #636b9e; }
.hot_label li:hover a{ color: #636b9e;  text-decoration: none;}


.recommend_hj{padding:25px 0;overflow:hidden;}
.recommend_hj ul{width:720px;}
.recommend_hj li{width:160px;float:left;margin-right:20px;}
.recommend_hj li .pic img{width:160px; height:160px;}

#pagebar{padding:25px 0 22px;}
#pager a{background-color:#e7e7e7;padding:2px 5px;margin-right:0px;}

.hot_product{padding:0 45px;}
.hot_product li .title{height: 25px;line-height: 25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.hot_product li .price{text-align: center;}

.article_hd_l{float:left;width:757px;}
.article_hd_l .mainds{height: 479px;}
.article_hd_l .arthds{position: absolute;right: 20px;bottom: 10px;padding:4px 10px; border: solid 1px #B4B4B4; border-radius:10px;width:36px;}
.article_hd_l .arthds li{width:8px;height: 8px;border-radius: 50%; background-color:#999999;display: inline-block; margin: 0 2px; }
.article_hd_l .arthds li.on{background-color:#5F6897; }
.article_hd_l .arthds li img{display: block;}
.article_hd_l .prev{
	width:32px;
	height:63px;
	position:absolute;
	top:208px;
	left:-40px;
	background:url('../images/article/left.png') no-repeat left top;
	z-index:2;
}

.article_hd_l .next{
	width:32px;
	height:63px;
	position:absolute;
	top:208px;
	right:-40px;
	background:url('../images/article/right.png') no-repeat left top;
	z-index:2;
}

.article_hd_r{float:right;width:315px;margin-top:40px;}
.art_h{font-family:"microsoft yahei";font-size:22px;font-weight:bold;color:#fff;text-align:center;background: url(../images/article/guang.png) no-repeat center bottom;padding-bottom:20px;}

.article_hd_r ul{padding:20px 0 0 25px;}
.article_hd_r li{height:30px;line-height:30px;}
.article_hd_r li span{display: inline-block;width:20px;height:20px;border-radius: 10px;background-color: #636b9e;color: #fff; text-align: center;line-height:20px;margin-right: 10px;}
.article_hd_r li a{ color:#fff;}
.art_more{text-align:right;margin-top:15px;}
.art_cat_1{font-family:"microsoft yahei"; font-size:22px;font-weight:bold;color:#565656;text-align:center;padding-bottom:20px; padding-top:25px;}
.art_cat_2{text-align:center;font-size:14px;font-weight:bold;height:30px;line-height:30px;}
.art_cat_2 span{display:inline-block;padding-top:5px;position:relative;margin:0 20px;}
.art_cat_2 span a{display:none;position:absolute; left:50%;;top:20px;margin-left:-20px;}
.art_cat_2 span:hover{top:-5px;}
.art_cat_2 span:hover a{display:inline;}


.cat_title2{position:relative;padding:55px 0 14px 0;font-size:22px;color:#757575;font-family: "microsoft yahei";font-weight:bold;}
.list_box{padding:20px 5px;border: solid 1px #CACACA;}
.list_box a{padding:0 15px;border-right: solid 1px #CACACA;}