/* :: http://www.bj686.com */
*{
margin:0px auto;
padding:0px;    
}
body{
text-align:center; background-color:#ffffff;
font-size:12px;
margin:0px;
padding:0px;
font-family:"宋体";

}
img {
	border:0;
}
table{
font-size:12px;
}
a{ color:#666666;
text-decoration:none;

}
a:hover{color:#666666;}


ul, li{ list-style:none; margin:0; padding:0;}
.content{}

.clear{ clear:both;}
ol,ul,dl{ margin:0px; padding:0px; list-style:none;}


.header{ width:975px; float:left; display:inline; height:80px;}
.content{ width:975px; background-color:#FFFFFF; text-align:left;}
.top{ width:975px; float:left; display:inline; height:121px;}
.top p{ float:left; display:inline;}
.top span{ float:right; display:inline;}
.nav1{ width:975px; height:40px; float:left; display:inline; background-color:#7F207E;}

.ban{ width:975px; height:170px; float:left; display:inline; margin-top:5px;}
.left{ width:635px; float:left; display:inline; margin-left:18px; margin-top:10px;}
.l1{ width:635px; float:left; display:inline;}
.l11{ width:245px; float:left; display:inline; background:url(../images/c3.jpg) repeat-y;}
.l12{ width:245px; float:left; display:inline; background:url(../images/c2.jpg) top no-repeat;}
.l13{ width:245px; float:left; display:inline; background:url(../images/c4.jpg) bottom no-repeat; height:228px;}
.l111{ width:245px; height:33px; float:left; display:inline;}
.l111 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#801F7C; margin-left:40px; margin-top:9px;}
.l112{ width:233px; float:left; display:inline; margin-left:6px; margin-top:10px;}
.l113{ width:233px; float:left; display:inline; margin-left:6px; line-height:20px; font-size:12px; color:#333333; margin-top:8px; padding-bottom:8px;}
.l113 a{ font-size:12px; color:#333333;}
.l113 a:hover{ color:#333333; text-decoration:underline;}
.l14{ width:374px; float:right; display:inline; background:url(../images/c6.jpg) repeat-y;}
.l15{ width:374px; float:left; display:inline; background:url(../images/c5.jpg) top no-repeat;}
.l16{ width:374px; float:left; display:inline; background:url(../images/c7.jpg) bottom no-repeat; height:228px;}
.l161{ width:374px; height:33px; float:left; display:inline;}
.l161 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#FFFFFF; margin-left:10px; margin-top:9px;}
.l161 span{ float:right; display:inline; margin-top:9px; margin-right:10px;}
.l161 span a{ font-size:12px; color:#333333;}
.l161 span a:hover{ color:#801F7C; text-decoration:underline;}
.l16 ul{ width:360px; float:left; display:inline; margin-left:8px; margin-top:5px;}
.l16 ul li{ width:360px; float:left; display:inline; height:30px; background:url(../images/c8.jpg) left center no-repeat;}
.l16 ul li a{ width:260px;overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap; float:left; display:inline; margin-left:10px; margin-top:9px; font-size:12px; color:#333333;}
.l16 ul li a:hover{ color:#801F7C; text-decoration:underline;}
.l16 ul li span{ float:right; display:inline; margin-right:3px; font-size:12px; color:#666666; font-size:12px; color:#666666; margin-top:9px;}
.l2{ width:635px; float:left; display:inline; background:url(../images/c10.jpg) repeat-y; margin-top:10px;}
.l3{ width:635px; float:left; display:inline; background:url(../images/c9.jpg) top no-repeat;}
.l4{ width:635px; float:left; display:inline; background:url(../images/c12.jpg) bottom no-repeat; height:228px;}
.l41{ width:635px; height:33px; float:left; display:inline;}
.l41 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#801F7C; margin-left:40px; margin-top:9px;}
.l41 span{ float:right; display:inline; margin-top:9px; margin-right:10px;}
.l41 span a{ font-size:12px; color:#333333;}
.l41 span a:hover{ color:#801F7C; text-decoration:underline;}
.l4 ul{ width:635px; float:left; display:inline}
.ddd{
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.l4 ul li{ width:142px; float:left; display:inline; margin-left:13px; margin-top:15px;}
.l4 ul li img{ float:left; display:inline; border:1px solid #CCCCCC;}
.l4 ul li span{ width:142px; float:left; display:inline; text-align:center; margin-top:8px;}
.l4 ul li span a{ font-size:12px; color:#333333;}
.l4 ul li span a:hover{ color:#801F7C; text-decoration:underline;}
.right{ width:283px; float:left; display:inline; margin-left:18px;}
.r1{ width:283px; float:left; display:inline; margin-top:10px;}
.r2{ width:283px; float:left; display:inline; background:url(../images/c15.jpg) repeat-y; margin-top:10px;}
.r3{ width:283px; float:left; display:inline; background:url(../images/c14.jpg) top no-repeat;}
.r4{ width:283px; float:left; display:inline; background:url(../images/c16.jpg) bottom no-repeat; height:228px;}
.r41{ width:283px; height:33px; float:left; display:inline;}
.r41 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#FFFFFF; margin-left:10px; margin-top:9px; }
.r41 span{ float:right; display:inline; margin-top:9px; margin-right:10px;}
.r41 span a{ font-size:12px; color:#333333;}
.r41 span a:hover{ color:#801F7C; text-decoration:underline;}
.r4 ul{ width:270px; float:left; display:inline; margin-left:8px; margin-top:5px;}
.r4 ul li{ width:270px; float:left; display:inline; height:30px; background:url(../images/c8.jpg) left center no-repeat;

}
.r4 ul li a{ float:left; display:inline; margin-left:10px; margin-top:9px; font-size:12px; color:#333333;overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap; width: 250px;}
.r4 ul li a:hover{ color:#801F7C; text-decoration:underline;}
.r5{ width:283px; float:left; display:inline; margin-top:10px;}
.r6{ width:283px; float:left; display:inline; height:17px; margin-top:18px; background:url(../images/c18.jpg) no-repeat;}
.r6 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#801F7C; margin-top:2px; margin-left:112px;}
.r7{ width:200px; float:left; display:inline; margin-left:40px; margin-top:6px;}
.r7 ul{ width:200px; float:left; display:inline;}
.r7 ul li{ width:200px; height:30px; background:url(../images/c19.jpg) left center no-repeat;}
.r7 ul li a{ float:left; display:inline; font-size:12px; font-weight:bold; color:#333333; margin-left:20px; margin-top:9px;}
.r7 ul li a:hover{ color:#801F7C; text-decoration:underline;}
.you{ width:940px; float:left; display:inline; margin-left:20px; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
.you p{ float:left; display:inline; margin-top:12px; color:#444444;}
.you a{ float:left; display:inline; margin-left:12px; margin-top:12px; color:#444444;}
.you a:hover{ color:#801F7C; text-decoration:underline;}
.footer{ width:975px; float:left; display:inline; border-top:5px solid #7E207D; padding-bottom:18px;}
.f1{ width:940px; float:left; display:inline; margin-left:20px; line-height:22px; font-size:12px; color:#333333; margin-top:18px;}
.cl{ width:257px; float:left; display:inline; margin-left:18px; padding-bottom:25px;}
.cl1{ width:247px; font-size:12px; color:#444444; float:left; display:inline; margin-top:20px; margin-left:8px;}
.cl1 a{ font-size:12px; color:#444444;}
.cl1 a:hover{ color:#801F7C; text-decoration:underline;}
.cl2{ width:257px; height:35px; float:left; display:inline; background:url(../images/c20.jpg) no-repeat; margin-top:18px;}
.cl2 p{ float:left; display:inline; font-size:14px; font-weight:bold; color:#7E207D; margin-left:30px; margin-top:8px;}
.cl ul{ width:200px; float:left; display:inline; margin-left:30px; margin-top:8px;}
.cl ul li{ width:200px; height:32px; float:left; display:inline; }
.cl ul li.now{ width:200px; height:32px; float:left; display:inline; background:url(../images/c21.jpg) left center no-repeat;}
.cl ul li a{ font-size:12px; color:#444444; float:left; display:inline; margin-left:18px; margin-top:10px;}
.cl ul li a:hover{ color:#7E207D; text-decoration:underline;}
.cr{ width:665px; float:right; display:inline; margin-right:18px; margin-top:10px; padding-bottom:25px;}
.cr ul.news{ width:665px; float:left; display:inline; margin-top:5px;}
.cr ul.news li{ width:665px; float:left; display:inline; height:28px; background:url(../images/c8.jpg) left center no-repeat;}
.cr ul.news li a{ float:left; display:inline; margin-left:10px; margin-top:7px; font-size:12px; color:#444444;}
.cr ul.news li a:hover{ color:#7E207D; text-decoration:underline;}
.cr ul.news li span{ float:right; display:inline; margin-top:7px; margin-right:10px; font-size:12px; color:#666666;}
.cr1{ width:665px; float:left; display:inline; border-bottom:1px dotted #B447B2; text-align:center; padding-bottom:6px; font-size:14px; font-weight:bold; color:#444444; margin-top:12px;}
.cr2{ width:665px; float:left; display:inline; text-align:center; margin-top:7px; font-size:12px; color:#999999;}
.cr3{ width:665px; float:left; display:inline; margin-top:8px; line-height:22px; font-size:12px; color:#333333;}
.cr3 p{ margin-top:8px;}
.fen{ width:630px; height:20px; float:left; display:inline; text-align:center; margin-top:20px; padding-bottom:5px; padding-top:10px; margin-left:20px;}
.fen a.aab{  border:#CCCCCC solid 1px;  text-align:center; padding:2px 5px; width:30px; }
.fen a:hover.aab{  border:#DC9861 solid 1px; color:#6C6C6C; width:30px;}
.fen a.aac{  border:#DC9861 solid 1px; color:#993300;text-align:center; padding:2px 5px; width:30px;}
.fen a,.fen span{  border:#CCCCCC solid 1px;  text-align:center; padding:2px 5px; width:100px; color:#666666; width:50px;}
.cr5{ width:665px; height:665px; float:left; display:inline; background:url(../images/c188.jpg) left top no-repeat; margin-top:18px;}
.cr51{ width:384px; float:left; display:inline; margin-left:15px; margin-top:12px;}
.cr52{ width:125px; float:left; display:inline; margin-left:35px; text-align:left;}
.cr52 ul.shipin{ width:165px; float:left; display:inline;}
.cr52 ul.shipin li { width:165px; height:31px; float:left; display:inline; background:url(../images/c19.jpg) left center no-repeat;}
.cr52 ul.shipin li a{ float:left; display:inline; margin-left:22px; margin-top:6px; font-size:12px; color:#444444;}
.cr52 ul.shipin li a:hover{ color:#C10000;}
.cr ul.pro{ width:635px; float:left; display:inline}
.cr ul.pro li{ width:142px; float:left; display:inline; margin-left:13px; margin-top:15px; }
.cr ul.pro li img{ float:left; display:inline; border:1px solid #CCCCCC;}
.cr ul.pro li span{ width:142px; float:left; display:inline; text-align:center; margin-top:8px; height:35px;}
.cr ul.pro li span a{ font-size:12px; color:#333333;}
.cr ul.pro li span a:hover{ color:#801F7C; text-decoration:underline;}


.slideBox{ width:975px; height:170px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; text-align:center; bottom:10px; z-index:1; }
.slideBox .hd ul{text-align: center;  }
.slideBox .hd ul li{
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 0 1px;
	background: #fff;
	overflow: hidden;-webkit-border-radius:8px;

}
.slideBox .hd ul li.on{ width: 8px;background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.slideBox .bd img{width:975px; position:absolute; left:50%; top:0; margin-left:-487px; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{  height:40px; line-height:40px;  position:relative; z-index:1; float:left; width:100%; }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; margin: 0px 5px;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
.nav .sub{ display:none; width:100%; left:0; top:34px;  position:absolute; background:#7F207E;  line-height:26px; padding:5px 0; text-align: center  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#7F207E; color:#fff;  }
.nav .on h3 a{ background:#7F207E; color:#fff;   }