 body { text-align:center; font-size: 12px; color: #333333; background-position: center; margin: 0px 0px 10px; background-image: url(./images/index/bg.gif); background-repeat: repeat-y; background-color: #EDF7FF; }
* { margin: 0px; padding: 0px; border: 0px; }
a, a:link { color: #003399; text-decoration:none; }
a:visited{color: #003399; text-decoration:none; }
a:hover { color: #FF6600; text-decoration: underline; }
.clear { font: 1px/1px; clear: both; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.line { background-image: url(./images/index/line.gif); background-repeat: repeat-x; height: 1px; margin: 0px; padding: 0px; line-height: 1px; }
.red, .red:link { color: #CC0000; text-decoration: none; }
.blue, .blue:link { color:#0000CC; }
.line1 { border-bottom: 1px dotted #CCCCCC; margin-bottom: 2px;}
menu { background-color: #EDF7FF; text-indent: 12px; font-size: 14px; clear: both; border-bottom: 1px solid #B2D0EA; color: #003399; line-height: 35px; font-weight: bold; }
h2 { background-color: #EDF7FF; text-indent: 12px; font-size: 14px; clear: both; border-bottom: 1px solid #B2D0EA; color: #003399; line-height: 35px;}
.top { width: 940px; margin: 0px auto; clear: both; }
.top img { float: left; }
.top .wen{ text-indent:12px; line-height:18px; text-align:left; padding: 2px 2px; margin-top:5px; margin-bottom:2px;}
.top .wen h1{font-size:12px; font-weight:normal; text-indent:12px;}
.top .wen a:link{color:#333333; text-decoration:none;}
.top .wen a:hover{color:#333333; text-decoration:none;}
.top .right { padding: 28px 0px 0px; color: #D5D5D5; }
.top .right a { color: #777777; text-decoration: none; }
.top .guide { padding: 11px 20px 0px; clear: both; background-color:#EDF7FF; font-size: 14px; text-align: center; color: #CCCCCC; border: 2px solid #B2D0EA; height: 24px; background-image:url(images/dd/menu.jpg); background-repeat:repeat-x;}
.top .guide a { font-weight: bold; text-decoration: none; }
.top .flash { clear: both; margin: 5px 0px; height: 100px; width: 940px; background-color: #FEFFF9; }
.top .text{font-size:13px; line-height:24px;}
.top .arquee{font-size:13px; line-height:24px;}
.top ul{ background-image:url(images/dd/menu.jpg); background-repeat:repeat-x; height:35px; margin-left:0px; border:1px #CCCCCC solid;}
.top ul li{float:left; width:117px; margin-left:0px; list-style-type:none; font-size:14px; text-align:center; line-height:35px;}
.top ul li a:link{font-size:14px;}
.top ul li a:hover{display:block; font-size:15px; background-image:url(images/dd/menu1.jpg); background-repeat:repeat-x; border:2px #666666; solid; text-decoration:none;}
.area { clear: both; width: 940px; margin: 0px auto; }
.area .col1 { float: left; width: 538px; }
.area .col1 .leftcontent { border: 1px solid #B2D0EA; text-align: left; margin-bottom: 10px; }
.area .col1 .leftcontent h2 { background-color: #EDF7FF; text-indent: 12px; font-size: 14px; clear: both; border-bottom: 1px solid #B2D0EA; color: #003399; line-height: 35px;}
.area .col1 .leftcontent menu{background-color: #EDF7FF; text-indent: 12px; font-size: 14px; clear: both; border-bottom: 1px solid #B2D0EA; color: #003399; line-height: 35px; font-weight:bold; background-image:url(images/dd/menu.jpg); background-repeat:repeat-x;}
.area .col1 .leftcontent h2 a { color: #003399; }
.area .col1 .leftcontent h3 { font-size: 14px; color: #CC0000; line-height: 25px; padding-top: 5px; }
.area .col1 .leftcontent h3 a { color: #C41515; }
.area .col1 .leftcontent p { font-size: 12px; margin: 0px; padding: 5px 0px 0px; text-indent: 24px; line-height: 21px; }
.area .col1 .leftcontent .con2 p a:link { color: #CC0000; text-decoration: underline; }
.area .col1 .leftcontent .con2 p a:visited{ color: #CC0000; text-decoration: underline; }
.area .col1 .leftcontent .con2 p a:hover { color: #FF6600; text-decoration: underline; }

.area .col1 .leftcontent .con2 h3{ font-size:14px; margin-top:8px; color:#cc0000; line-height:24px;}
.area .col1 .leftcontent .con2 h4{font-size: 14px; color: #CC0000; line-height: 25px; padding-top: 5px; }
.area .col1 .leftcontent .con2 h4 a:link { color: #CC0000; text-decoration: underline; }
.area .col1 .leftcontent .con2 h4 a:visited{ color: #CC0000; text-decoration: underline; }
.area .col1 .leftcontent .con2 h4 a:hover { color: #FF6600; text-decoration: underline; }
.area .col1 .leftcontent p .link { color: #CC0000; text-decoration: underline; }
.area .col1 .leftcontent p .link2 { color: #FF6600; text-decoration: underline; }
.area .col1 .leftcontent ul { width: 230px; float: left; padding-left: 10px; margin-left:12px; }
.area .col1 .leftcontent li { line-height: 21px; padding: 0px 0px 0px 15px; background-image: url(./images/index/li.gif); background-position: left center; background-repeat: no-repeat; list-style-type: none; }
.area .col1 .leftcontent .p { font-weight: bold; text-indent: 10px; margin: 0px; padding: 0px; font-size: 14px; color: #C41515; line-height: 25px; }
.area .col1 .leftcontent .p img { margin-top: 15px; }
.area .col1 .leftcontent .ml { border: 1px solid #CCCCCC; padding: 10px 15px; width: 300px; margin: 20px 0px; }
.area .col1 .leftcontent .ml .b { color: #999999; font-size: 14px; background-color: #FFFFFF; font-weight: bold; position: relative; text-align: center; width: 30px; margin: -15px 0px 5px; padding: 0px 5px; }
.area .col1 .leftcontent .ml li { text-indent: 0px; color: #0000CC; list-style-position: inside; list-style-type: decimal; background-image: none; }
.area .col1 .leftcontent .ml li a, .area .col4 .ml li a:link { color: #0000CC; text-decoration: underline; }
.area .col1 .leftcontent .ml li a:hover { color: #FF6600; text-decoration: underline; }
.area .col1 .leftcontent .ml ul { width: auto; float: none; }
.area .col1 .leftcontent .con1 { padding: 10px; clear: both; background-image: url(./images/index/df.gif); background-repeat: no-repeat; background-position: right top; background-color: #FFFFFF; }
.area .col1 .leftcontent .con2 .ka{color:#ffffff;}
.area .col1 .leftcontent .con2 .hao{color:#ffcc33;}
.area .col1 .leftcontent .con2 { padding: 10px; clear: both;}
.area .col1 .leftcontent .con2 img {float:right; width:121px; height:121px; border:none;}
.area .col1 .leftcontent .con2 .cs{width:122px; float:left;}
.area .col1 .leftcontent .con2 .cs u{ text-align: center; clear: both; display: block; text-decoration: none; }
.area .col1 .leftcontent .con2 .cs img{ margin: 1px; width: 121px; height:100px; border: 1px solid #CCCCCC; padding: 2px;}
.area .col1 .leftcontent .con2 .cs2{width:60px; float:left;}
.area .col1 .leftcontent .con2 .cs2 img{margin: 1px; height:70px; width:70px; border:none;}
.area .col1 .leftcontent .con2 .cs3 img{width:515px; height:60px; margin-top:10px; float:left;}
.area .col2 { float: right; width: 228px; color:#666666;}
.area .col2 .rightcontent ol a:link { color: #CC0000; text-decoration: underline; }
.area .col2 .rightcontent ol a:hover { color: #FF6600; text-decoration: underline; }
.area .col2 .rightcontent { border: 1px solid #B2D0EA; text-align: left; background-color: #FFFFFF; margin-bottom: 10px; padding-bottom: 5px; }
.area .col2 .rightcontent p { font-size: 12px; margin: 0px; padding: 5px; text-indent: 24px; line-height: 21px; }
.area .col2 .rightcontent b{line-height:36px; color:#666666; font-size:13px; text-align:center; text-indent:24px;  margin-top:8px;}
.area .col2 .rightcontent .p { font-weight: bold; text-indent: 10px; margin: -5px 0px 5px; padding: 0px; font-size: 14px; color: #C41515; }
.area .col2 .rightcontent .p img { margin-bottom: 0px; margin-left:95px; margin-top:-12px;}
.area .col2 .rightcontent ul { padding: 5px 10px; clear: both; }
.area .col2 .rightcontent ul li { line-height: 21px; padding: 0px 0px 0px 10px; background-image: url(./images/index/li.gif); background-position: left center; background-repeat: no-repeat; list-style-type: none; }
.area .col2 .rightcontent ul li a:link{color:#666666; text-decoration:none;}
.area .col2 .rightcontent ul li a:visited{color:#666666; text-decoration:none;}
.area .col2 .rightcontent ul li a:hover{color:#ff6600; text-decoration:none;}
.area .col2 .rightcontent table img { padding: 1px; width: 100px; border: 1px solid #CCCCCC; height: 100px; }
.area .col2 .rightcontent .pice img { padding: 1px; border: 1px solid #CCCCCC; background-color: #FFFFFF; height: 55px; width: 60px; float: left; margin: 5px 8px 0px 5px; }
.area .col2 .rightcontent .menu { background-color: #EDF7FF; text-indent: 12px; font-size: 14px; border-bottom: 1px solid #B2D0EA; color: #003399; line-height: 35px; font-weight: bold;}
.area .col2 .rightcontent .menu a { color: #003399; text-decoration: none; }
.area .col2 .rightcontent .product { padding: 0px 5px 5px 8px; }
.area .col2 .rightcontent .product img { height: 100px; width: 102px; float: left; margin-right: 5px; }
.area .col2 .rightcontent .product li img { height: 30px; width: 100px; float: left; }
.area .col2 .rightcontent .product ol { float: left; margin: 10px 0px 0px; }
.area .col2 .rightcontent .product ol li { list-style-type: none; line-height: 21px; }
.area .col2 .rightcontent .question { text-indent: 35px; font-size: 12px; color: #CC0000; line-height: 25px; background-image: url(./images/index/menubg.jpg); background-repeat: no-repeat; background-position: 15px center; margin-top: 5px; }
.area .col2 .rightcontent .question a { color: #CC0000; text-decoration: none; }
.area .col2 .rightcontent .marquee{ }
.area .col3{ width: 150px; margin-right: 10px; float: left; color:#666666;}
.area .col3 .content { border: 1px solid #B2D0EA; text-align: left; margin-bottom: 10px; padding-bottom: 5px; }
.area .col3 .content p { font-size: 12px; margin: 0px; padding: 5px 3px; text-indent: 24px; line-height: 21px; }
.area .col3 .content a:link{ color:#666666; text-decoration:none; }
.area .col3 .content a:visited{color:#666666; text-decoration:none;}
.area .col3 .content a:hover{color:#ff6600; text-decoration:underline;}
.area .col3 .content u{ text-align: center; clear: both; display: block; text-decoration: none; }
.area .col3 .content ul { padding: 5px 10px; clear: both; }
.area .col3 .content ul li { line-height: 21px; padding: 0px 0px 0px 10px; background-image: url(./images/index/li.gif); background-position: left center; background-repeat: no-repeat; list-style-type: none; }
.area .col3 .content img{ margin: 5px; width: 130px; border: 1px solid #CCCCCC; padding: 3px; height: 100px; }
.area .col3 .content .menu1{text-indent:10px; line-height:24px; color:#0000CC;}
.area .col3 .content b{font-size:13px; line-height:36px; color:#333333;}
.cop { width: 940px; margin: 10px auto 0px; clear: both; color: #7F7F7F; }
.cop .link { padding: 11px 5px 0px; clear: both; background-color: #EDF7FF; font-size: 14px; text-align:center; color: #D7D7D7; border: 1px solid #B2D0EA; height: 24px; margin-bottom: 10px;background-image:url(images/dd/menu.jpg); background-repeat:repeat-x;}
.cop ul{ background-image:url(images/dd/menu.jpg); background-repeat:repeat-x; height:35px; margin-left:0px; border:1px #CCCCCC solid;}
.cop ul li{float:left; width:117px; margin-left:0px; list-style-type:none; font-size:14px; text-align:center; line-height:35px;}
.cop ul li a:link{font-size:14px;}
.cop ul li a:hover{display:block; font-size:15px; background-image:url(images/dd/menu1.jpg); background-repeat:repeat-x; border:2px #666666; solid; text-decoration:none;}
.cop .link1 { padding: 11px 5px 0px; clear: both; background-color: #EDF7FF; font-size: 14px; text-align:left;color: #D7D7D7; border: 1px solid #B2D0EA; height: 24px; margin-bottom: 10px; text-indent:24px;}
.cop p { line-height: 21px; font-family: Tahoma; font-size: 11px; }

