* {
	margin: 0;
	padding: 0;
}

body {
background: #F3F7F8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333;
background:url(../img/bg.jpg) repeat-x
}

a {
text-decoration:underline;
color: #06f;
}
a:hover {
text-decoration:  none;
}

img{ border:0}
ul{ margin:0; padding:0}
li{ list-style-position:inside; margin:0; padding:0}

b, strong{ font-weight:bold}

#container {
width: 980px;
height:auto;
margin:0px auto;
background-color: transparent;

}

#header{
height:60px;
margin:0px auto;
font-family: Verdana; font-size:11px; color:#777777;
background-color:transparent
}
#header img{ margin:8px 8px 10px 5px; float:left}

#menu{ margin:0; padding:13px 0px 0px 0px; width:490px; height:46px; text-align: center; float:right}
#menu ul{ margin:0px; padding:0; height:46px; float:left}
#menu ul li{ display:block;margin:0; padding:0; height:46px; width:85px; float:left; list-style:none; }
#menu ul li a{ display:block; font-family:Arial; font-size:13px; font-weight:bold; line-height:46px; text-decoration:none; color: #fff;}
#menu ul li a:hover{ display:block; text-decoration:none; background:url(../img/nav-bg.jpg) no-repeat; color:#333}
#menu ul li span{color:#333}

#main{width: 980px;
height: auto;
margin:0px auto;
padding:5px 0px 10px 0px;
clear:both}

#prom{ height:350px; width:975}
.proml{ width:450px; height:300px; float:left}
.promr{ width:520px; float:left; color:#666; font-size:11px}
.promr h1{ font-size:28px; font-family:Arial; color:#3366FF; line-height:40px}
.promr ul{ margin:10px 0px 10px 8px}
.promr ul p{ font-family:Arial; font-size:13px; color:#333; background:url(../img/ico.jpg) no-repeat; padding-left:29px; margin-bottom:12px}
.buybtn{ padding:10px 0px 5px 45px; width:350px}
.buybtn a{ display:block; width:207px; height:72px; background:url(../img/button.gif)}
.buybtn a:hover{display:block;background:url(../img/button.gif) 0px -72px; border:none}
.price{ clear:both; position:relative; top:-40px; left:270px;font-size:26px; color:#FF9900; line-height:27px; width:50px }
.dld{padding:0px 0px 0px 20px; clear:both; font-size:14px; font-weight:bold; width:450px}
.dld a{ color:#06e}
.dld1 a{ color:#06e; font-size:12px; font-weight:bold}

a.btn1{ display:block; width:207px; height:72px; background:url(../img/button.gif)}
a.btn1:hover{display:block;background:url(../img/button.gif) 0px -72px; border:none}

#mainleft{ margin:0; padding:25px 0px 0px 0px; float:left; width:755px;}

.prodes{ padding:0px; width:97%}
.desc{ width:99%; height:220px}
.descr{ width:580px; height:220px; float:left; padding-left:15px}
.descr ul{ margin:10px 30px; font-size:12px; float:left}
.descr ul p{ line-height:21px}
.sh{ float:left; width:110px;text-align:center; line-height:21px; height:220px; font-weight:bold; font-size:13px }
.sh span{ font-size:14px; color:#FF3300; line-height:20px}

.dctable{ width:690px; height:643px; border-left:#ccc 1px solid; border-top:#ccc 1px solid;}
.dctable span{ display:block; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background-color: #eee;width:60px; height:30px; text-align:center; line-height:30px; float:left}
.dctable p{ border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;width:60px; text-align:center; height:40px; float:left; padding-top:10px}
.dctablebuy{ color:#f60; font-size:12px; font-weight:bold; line-height:30px;}

.dctable1{ width:690px; height:643px; border-left:#ccc 1px solid; border-top:#ccc 1px solid;}
.dctable1 span{ display:block; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background-color: #eee;width:60px; height:30px; text-align:center; line-height:30px; float:left}
.dctable1 p{ border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;width:60px; text-align:center; height:150px; float:left; padding-top:10px}


.line{ padding:10px 0px 10px 0px; margin-bottom:10px; width:97%; border-bottom:#CCC 1px solid; clear:both}
.line h1{ color:#333; font-family:Arial; font-size:24px;}
.line h2{ color:#333; font-family:Arial; font-size:20px;}
.line h3{ color:#06f; font-family:Arial; font-size:18px;}

.line1{ padding:10px 0px 20px 10px; width:97%; clear:both; background:url(../img/title_bg.jpg) no-repeat}
.line1 h1{ color:#333; font-family:Arial; font-size:18px;}
.line1 h2{ color:#333; font-family:Arial; font-size:18px;}
.line1 h3{ color:#06f; font-family:Arial; font-size:18px;}

.fet{ padding:0px 0px 0px 5px}
.fet ul{ padding:5px 0px 0px 5px; font-size:11px; font-family:Verdana; line-height:18px}
.fet ul p{ background: url(../img/21.gif) no-repeat 0px 5px; padding-left:15px; margin-bottom:7px}
.fet h4{ font-size:14px; line-height:30px}
.step2{ clear:both; padding:8px; height:243px}
.step2 img{ float:left; margin-right:10px}
.gdul{width: 720px; }
.gdul ul{ float:left; width: 300px; padding-bottom:15px}
.prodes strong span{ font-size:16px; color:#0066CC}

#mainright{ margin:30px 0px 0px 0px; padding:5px 0px; width:220px; float:left;}
.catop{ width:205px; height:32px; background:url(../img/r-title.gif); font:16px arial; font-weight:bold; padding:8px 0px 0px 13px}
.catcon{ width:214px; border-left:#bbb solid 1px; border-right:#bbb solid 1px; padding:8px 0px}
.catcon p{ background:url(../img/02.gif) no-repeat 5px 12px; padding:5px 0px 5px 15px; border-bottom:#ccc  dashed  1px; width:85%; margin-left:10px}
.catcon p a { color:#333; text-decoration:none}
.catcon p a:hover{ text-decoration:underline}
.cabot{width:218px; height:17px; background:url(../img/r-bottom.gif); }

.botd{ padding-left:100px; width:400px}

#buttom {
width:auto;
height:90px;
clear:left;
background-color: #3E7488
}

#copyright{ margin:0 auto; width: auto; height:90px; text-align:center; font-family:Verdana; color:#fff; font-size:11px }
#copyright a{ color:#fff;}