/* CSS Document */

ul,li,dl,dt,dd{ margin:0; padding:0; list-style-type:none;}
body{ margin:0; padding:0; font-size:12px; font-family:"宋体";}
html,body{ height:100%;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}

.STYLE01 a:link,  .STYLE01 a:visited{ color:#ca2399; text-decoration:none;}
.STYLE01 a:hover, .STYLE01 a:active{ color:#ca2399; text-decoration:underline;}

#container{ width:100%;}
.top{ width:100%; height:503px;}
.head{ width:100%; height:84px;overflow: hidden;}
.menu{ width:100%; height:35px; background:url(../images/menu.png) no-repeat center top;}
.menu a {
	float: left;
	position: relative;
	display: block;
	width:135px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	font-size:14px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.menu a:hover {
	background: #48176d;
}
.menu a::after {
	position: absolute;
	display: block;
	top:11px;
	left:0;
	width:1px;
	height:13px;
	content: '';
	background: #9e4dac;
	z-index: 1;
}
.menu a::before {
	position: absolute;
	display: block;
	top:11px;
	right:0;
	width:1px;
	height:13px;
	content: '';
	background: #1c042d;
	z-index: 1;
}
.menu a:first-child::after,
.menu a:last-child::before {
	width:0;
}


.flash_banner{ width:100%; height:384px; position:relative;}
#navbody{ width:1003px; height:140px; margin:0 auto; margin-top:30px;}
.Company{ width:362px; height:140px; float:left;}
.content{ width:353px; height:111px; padding:10px 0 0 9px;}
.Product{ width:386px; height:140px; float:left; margin-left:25px;}

.Productlist{ width:386px; height:111px; padding-top:10px; overflow:hidden; position:relative;}
.Productlist dl{ width:90px; height:111px; float:left; margin-left:5px;}
.Productlist dl dt{ width:84px; height:84px; padding:2px; border:1px solid #cccccc;}
.Productlist dd{ width:72px; height:24px; padding-left:18px; line-height:24px; background:url(../images/icon.gif) no-repeat 2px 6px; font-family:"微软雅黑"; color:#7d7c7b;}

.contact{ width:213px; height:140px; float:right; }
#bottom{ width:1003px; height:75px; margin:0 auto; margin-top:50px; border-top:1px solid #eaeaea; color:#8d8c8d; font-family:"微软雅黑";}

.top2{ width:100%; height:318px;}
.flash2{ position:relative; width:100%; height:199px; background:url(../images/flash2.jpg) no-repeat center top;}
#pagebody{ width:1003px; margin:0 auto; overflow:hidden;}
.sidebody{ float:left; width:164px; height:335px;}
.sidebar{ width:164px; height:162px;}
.sidebar ul li{ width:161px; height:22px; color:#FFF; line-height:22px; border-bottom:1px solid #dbdbdb; background:url(../images/icon2.gif) no-repeat 9px 10px;}
.sidebar li a{ display:block;}
.sidebar li a{ width:136px; height:22px; padding-left:25px;}
.sidebar li a:link, .sidebar li a:visited{ color:#5b5757; text-decoration:none;}
.sidebar li a:hover, .sidebar li a:active{ color:#FFF; text-decoration:none; background:url(../images/btn.jpg) no-repeat;}
.mainbody{ float:left; width:788px; margin-left:50px; padding-top:45px;}
.pname1{ width:765px; height:36px; padding-right:23px; background:url(../images/pname1.jpg) no-repeat; text-align:right; color:#9b9999;}
.main{ width:771px; color:#6a6a6a; line-height:24px; padding-top:157px; padding-left:17px; background:url(../images/bg.jpg) no-repeat;}
.pname2{ width:765px; height:36px; padding-right:23px; background:url(../images/pname2.jpg) no-repeat; text-align:right; color:#9b9999;}
.main2{ width:788px; overflow:hidden;}
.proview{ width:664px; padding:45px 74px 0 50px; height:450px;}
.P_list{ width:149px; height:144px; padding:9px 9px 0 9px; background:url(../images/p12.jpg) no-repeat; margin:30px 0 0 20px; float:left;}
.P_list dl{ width:149px; height:144px;}
.P_list dl dt{ width:149px; height:111px;}
.P_list dd{ width:149px; height:33px; color:#B02397; line-height:33px; text-align:center;}
.pname3{ width:765px; height:36px; padding-right:23px; background:url(../images/pname3.jpg) no-repeat; text-align:right; color:#9b9999;}
.main3{ width:678px; padding:35px 68px 0 42px;}
.N_list{ width:678px; color:#777777;}
.title{ width:694px; height:60px;}
.main4{ width:694px; padding:30px 49px 0 45px;}
.pname4{ width:765px; height:36px; padding-right:23px; background:url(../images/pname4.jpg) no-repeat; text-align:right; color:#9b9999;}
.main5{ width:748px; padding:20px 0 0 40px;}
.pname5{ width:765px; height:36px; padding-right:23px; background:url(../images/pname5.jpg) no-repeat; text-align:right; color:#9b9999;}
.pname6{ width:765px; height:36px; padding-right:23px; background:url(../images/pname6.jpg) no-repeat; text-align:right; color:#9b9999;}

.order{width:670px; float:left;border:solid 1px #D7D7D7; background-color:#FFFFFF}
.order_p{ border-bottom:solid 1px #D7D7D7; line-height:30px; padding-left:20px; background:#F1F1F1 url(../image/icon4.gif) no-repeat 5px 8px; width:650px; color:#333333;}
.order_p span{float:right; padding-right:15px;}
.order dl{ padding:10px 25px 5px 25px; width:600px; float:left;}
.order dt{ background:url(../image/ico2.gif) repeat-x bottom; width:596px; line-height:24px; color:#FF0000; padding-left:4px;}
.order dt span{float:right; padding-right:10px; color:#7D7D7D;}
.order dd{ width:586px; padding-left:4px; color:#000000; line-height:30px;}
.order dd span{ color:#999999}
.order_4 {float:left; width:610px; margin-top:30px; margin-left:5px;}

#demo {
    float: left;
    height: 111px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 386px;
    z-index: 0;
}