@charset "utf-8";

/* Layout-Index */

#banner{ background:#D3D3D3; height:294px;}
#banner .banner-content{ padding:5px 0px 0px 6px;}
#banner .banner-content .banner-left{ width:781px; height:279px; *height:281px; float:left; border:2px #fff solid;}
#banner .banner-content .banner-right{ margin-left:2px; float:left; width:177px;}
#banner .banner-left .banner-1{background:url(../images/hd-index-banner-1.jpg) 0 0 no-repeat; width:781px; height:279px; }
#banner .banner-left .banner-2{background:url(../images/hd-index-banner-2.jpg) 0 0 no-repeat; width:781px; height:279px; }
#banner .banner-left .banner-3{background:url(../images/hd-index-banner-3.jpg) 0 0 no-repeat; width:781px; height:279px; }
#banner .banner-left .banner-4{background:url(../images/hd-index-banner-4.jpg) 0 0 no-repeat; width:781px; height:279px; }
#banner .banner-menu li{ display:block; width:177px; height:65px; margin-bottom:7px;}
#banner .banner-menu li a.a{ background:url(../images/hd-index-ban-1.jpg) 0 0 no-repeat; width:177px; height:65px; display:block;}
#banner .banner-menu li a.b{ background:url(../images/hd-index-ban-2.jpg) 0 0 no-repeat; width:177px; height:65px; display:block;}
#banner .banner-menu li a.c{ background:url(../images/hd-index-ban-3.jpg) 0 0 no-repeat; width:177px; height:65px; display:block;}
#banner .banner-menu li a.d{ background:url(../images/hd-index-ban-4.jpg) 0 0 no-repeat; width:177px; height:65px; display:block;}
#banner .banner-menu li.cur a span{ background:url(../images/hd-index-banner-active.png) 0 0 no-repeat; width:177px; height:65px; display:block;}
#banner .banner-menu li a ,#banner .banner-menu li.cur{ cursor:pointer;}

#main{ padding-top:8px;}

#main .main-left{ width:265px; float:left;}
#main .main-right{ width:710px; float:left; padding-right: 5px;}

#main .main-left .left-content{ width:260px;}

.left-top-border{ background:url(../images/hd-index-left-tc.png) 0 0 repeat-x; height:36px; overflow:hidden;}
.left-top-border .left-top-border{ background:url(../images/hd-index-left-tl.png) 0 0 no-repeat;}
.left-top-border .left-top-border .left-top-border{ background:url(../images/hd-index-left-tr.png) 100% 0 no-repeat; height:36px;}
.left-top-border h3{ line-height:36px; padding-left:22px; margin-left:15px; color:#1B1B1B; font-size:16px; background:url(../images/hd-index-left-h3.png) 0 10px no-repeat;}
.product-content{ background:#FCFCFC; border: 1px #D2D2D2 solid; border-top:none;  padding:0px 12px 0px 15px;}
.product-content div{ padding:12px 0px 16px 0px; border-bottom:1px #D2D2D2 dotted;}
.product-content div h3{ background:url(../images/hd-index-left-img.jpg) 0 0 no-repeat; line-height:32px; color:#383838; font-size:14px; padding-left:37px; margin-bottom:8px;}
.product-content div p{ font-size:11px; color:#666;}
.product-content div.last{ border-bottom:none;}
.right-top-border{ background:url(../images/hd-index-top-tc.gif) 0 0 repeat-x; height:11px; overflow:hidden;}
.right-top-border .right-top-border{ background:url(../images/hd-index-top-tl.gif) 0 0 no-repeat;}
.right-top-border .right-top-border .right-top-border{ background:url(../images/hd-index-top-tr.gif) 100% 0 no-repeat;}
.right-bottom-border{ background:url(../images/hd-index-top-bc.gif) 0 0 repeat-x; height:6px; overflow:hidden; margin-bottom:8px;}
.right-bottom-border .right-bottom-border{ background:url(../images/hd-index-top-bl.gif) 0 0 no-repeat;}
.right-bottom-border .right-bottom-border .right-bottom-border{ background:url(../images/hd-index-top-br.gif) 100% 0 no-repeat;}
.top-content{ background:url(../images/hd-index-top-bg.gif) #fff 0 0 repeat-x; border-left:1px #D2D2D2 solid;  border-right:1px #D2D2D2 solid; padding:10px 20px 16px 11px;}
.top-content .img{ float:left; margin-right:28px}
.top-content h3{ font-size:30px; color:#317600;}
.top-content .a_img{ margin-right:26px;}
.right-bottom .bottom-content{ width:231px; float:left; margin-right:8px;}
.right-bottom .bottom-content1{ width:231px; float:left;}
.right-bottom .dvd-content{ background:url(../images/hd-index-top-bg.gif) #fff 0 0 repeat-x;  border:1px #D2D2D2 solid; border-top:none; padding: 10px 20px; text-align:center; }
.dvd-content h3{ color:#242424; font-size:18px;}

.dvd-content p{ font-size:11px; color:#0057A3; text-align:left;}
.dvd-content .img{ margin:10px 0px;}
.dvd-content .price{ font-size:12px; color:#050505; margin-bottom:10px;}
.dvd-content .price span{ font-size:14px; color:#FF0000; font-weight:bold;}
.dvd-content a{ margin:0px 4px;}

.index-bottom-line{ background:url(../images/hd-index-footer-line.png) 0 0 no-repeat; height:1px; margin-top:14px;}


#banner .text-1 a , .text-2 a , .text-3 a , .text-4 a{ color:#fff; text-decoration:underline; font-size:14px;}
#banner .text-1 a:hover , .text-2 a:hover , .text-3 a:hover , .text-4 a:hover{ color:#E6E6E6; text-decoration:underline;}

#banner .text-1{float:right; margin:194px 215px 0px 0px; *margin: 190px 197px 0px 0px; _margin: 190px 99px 0px 0px;}
#banner .text-2{float:right; margin:220px 181px 0px 0px; *margin: 220px 160px 0px 0px; _margin: 220px 80px 0px 0px;}
#banner .text-3{float:right; margin:220px 220px 0px 0px; *margin: 220px 200px 0px 0px; _margin: 220px 100px 0px 0px;}
#banner .text-4{float:right; margin:225px 195px 0px 0px; *margin: 220px 177px 0px 0px; _margin: 220px 89px 0px 0px;}