@charset "utf-8";
/* CSS Document */
@import url("inc.css");

.ibox{ width:308px; overflow-x:hidden;}
.ibox .itop{ height:30px;}
.ibox .itop .title{ line-height:30px; font-weight:bold; background:url('../index/ico-01.gif') no-repeat 2px center; float:left; padding-left:13px;}
.ibox .itop .more{ float:right; line-height:30px; padding-right:8px;}

.index-sunnyad{ width:950px; height:205px; margin:0 auto; border-bottom:1px solid #fff; overflow:hidden; display:none;}
.index-sunnyad .button{ position:absolute; cursor:pointer; margin-left:915px; margin-top:15px;}

.index-banner{ width:945px; height:275px; margin:0 auto; border:1px solid #000; overflow:hidden;}

.index-sort-img{ width:950px; padding-top:10px; margin:0 auto; clear:both; overflow:hidden;}
.index-sort-img .ibox .imain{ height:150px; overflow:hidden;}
.index-sort-img .box1{ float:left;}
.index-sort-img .box2{ float:left; margin-left:12px;}
.index-sort-img .box3{ float:right;}
.index-sort-img .box3 .todaytime{ position:absolute; color:#9c9c9c; text-align:right; margin-left:230px;}

.index-link-main{ width:928px; margin:10px auto 0 auto; padding:10px; overflow-x:hidden; clear:both; background:url('../index/guidance_bg.gif') repeat-x bottom #fff; border:1px solid #ddd;}
.index-link-main ul{ padding:0; margin:0; width:33%; overflow-x:hidden; float:left;}
.index-link-main ul li{ padding:0 0 0 12px;; margin:0; height:26px; overflow:hidden; line-height:26px; background:url('../inc/ico-01.gif') no-repeat 3px 8px;}

.index-link-main ul li.top{ background:none; font-weight:bold; padding-left:0;}


#oTransContainer{ FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 308px; HEIGHT: 150px}
#oTransContainer img{ width:308px; height:150px;}

#flash-0910{ width:945px; height:275px; border:#111 solid 1px; margin:10px auto 0 auto; overflow:hidden;}
#flash-0910 object{ display:block; padding:0; margin:0;}

#content-080910{ width:947px; margin:15px auto 0 auto;}
#content-080910 .box{ width:308px; height:265px; border:1px solid #999;}
#content-080910 .box .top{ height:27px;}
#content-080910 .box .top .text{ padding:7px 0 0 10px; font-weight:bold;}
#content-080910 .c-box1{ float:left;}
#content-080910 .c-box2{ float:left; margin-left:8px;}
#content-080910 .c-box3{ float:right;}
#content-080910 .c-box3 ul{ padding:0; margin:10px 0 0 10px;}
#content-080910 .c-box3 ul li{ padding:3px 0 0 5px; list-style:none;width:282px;overflow:hidden;white-space:nowrap;}
#content-080910 .c-box3 ul li a{ color:#333; text-decoration:none;}
#content-080910 .c-box3 ul li a:hover{ color:#333; text-decoration:underline;}

#guidance{ width:945px; height:158px; border:1px solid #cdcdcd; margin:15px auto 0 auto; background:url(../simages/guidance_bg.gif) repeat-x bottom;}
#guidance .title-name td{ font-weight:bold; padding:20px 0 10px 0;}
#guidance .list td{ height:23px; padding-left:8px; background:url(../simages/ico-01.gif) no-repeat left center;}
/*
#guidance .list td a{ color:#111; text-decoration:none;}
#guidance .list td a:hover{ text-decoration:underline;}
*/
#guidance .list .title{ overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; width:220px; cursor:default;}



/*==============*/
#product-content-div{ width:947px; margin:8px auto 0 auto; background:url(../simages/product/con-bg.gif) repeat-x top #fff;}
#product-content-div .leftDiv{ width:185px; padding-left:5px;}
 
#product-content-div .box-product-sort{ width:185px;}
#product-content-div .box-product-sort .sort-list{ border:1px solid #e2e2e2; border-bottom:0; border-top:0;}
#product-content-div .box-product-sort .sort-list ul{ padding:10px 0 10px 0; margin:0;}
#product-content-div .box-product-sort .sort-list ul li{ list-style:none; padding:0 7px 0 7px; border-bottom:1px solid #fff;}
#product-content-div .box-product-sort .sort-list ul li a{ display:block; height:26px; line-height:26px; padding:0 0 0 40px; color:#afafaf; background:url(../simages/ico-03.gif) no-repeat 30px center;}
#product-content-div .box-product-sort .sort-list ul li a:hover, 
#product-content-div .box-product-sort .sort-list ul li.this a{ background:url(../simages/ico-01.gif) no-repeat 30px center #edf9e4; color:#111; text-decoration:none;}

#product-content-div .optionBox{ height:25px; overflow:hidden; position:absolute;}
#product-content-div .optionBox .option{ width:83px; height:25px; background:#aaaaaa url(../simages/product/option-click-left.gif) no-repeat left top; float:left; margin-right:1px; cursor:pointer;}
#product-content-div .optionBox .option .right{ height:25px; background:url(../simages/product/option-click-right.gif) no-repeat right top;}
#product-content-div .optionBox .option .text{ color:#fff; text-align:center; font-weight:bold; padding:5px 10px 0 10px; white-space:nowrap;}
#product-content-div .optionBox .option .text a{ color:#fff; font-weight:bold;}

#product-content-div .optionBox .option.this{ background:url(../simages/product/option-click-left-this.gif) no-repeat left top;}
#product-content-div .optionBox .option.this .right{ background:url(../simages/product/option-click-right-this.gif) no-repeat right top;}
#product-content-div .optionBox .option.this .text{ color:#222;}
#product-content-div .optionBox .option.this .text a{ color:#222;}

#product-content-div .product-main{ border:1px solid #999999; padding:16px 0 0 7px;}
#product-content-div .product-main .p-height{ height:520px;}
#product-content-div .product-main .boxProduct{ width:176px; height:500px; overflow:hidden; float:left; border-bottom:1px solid #ccc;}
#product-content-div .product-main .boxProduct .top{ height:25px; background:url(../simages/product/option2-top-1.gif) no-repeat left top;}
#product-content-div .product-main .boxProduct .top div{ text-align:center; padding-top:5px; color:#fff; font-weight:bold;}
#product-content-div .product-main .boxProduct .top-no{ height:25px;}
#product-content-div .product-main .boxProduct .border{ height:500px; border:1px solid #ccc; border-top:0;}
#product-content-div .product-main .boxProduct .padding{ padding:0 10px 0 10px;}

#product-content-div .product-main .boxProduct.style-left{ width:192px;}
#product-content-div .product-main .boxProduct.style-left .top{ background:url(../simages/product/option2-top-2.gif) no-repeat left top;}
#product-content-div .product-main .boxProduct.style-left .padding{ padding-left:26px;}

#product-content-div .product-main .boxProduct .photo{ height:180px; padding:6px 0 6px 0; border-bottom:1px solid #ccc; text-align:center;}
#product-content-div .product-main .boxProduct .pro-name{ height:42px; border-bottom:1px solid #ccc; padding:10px 0 0 0;}
#product-content-div .product-main .boxProduct .pro-name a{ color:#0066cc; font-weight:bold;}
#product-content-div .product-main .boxProduct .pro-name span{ color:#666; line-height:1.8;}
#product-content-div .product-main .boxProduct .attribute{ padding:8px 0 8px 0; border-bottom:1px solid #ccc;}
#product-content-div .product-main .boxProduct table .mid{ width:90%; background:url(../simages/product/line-x.gif) repeat-x left 8px;}
#product-content-div .product-main .boxProduct table td{ padding:2px 0 2px 0;}
#product-content-div .product-main .boxProduct .attribute.style1{ color:#669933; border-bottom:1px solid #669933;}
#product-content-div .product-main .boxProduct .attribute.price{ border-bottom:1px solid #e3a765;}
#product-content-div .product-main .boxProduct .attribute.price .price-title{ color:#666; border-bottom:1px solid #e8e7e8;}
#product-content-div .product-main .boxProduct .attribute.price .price{ text-align:center;}
#product-content-div .product-main .boxProduct .attribute.price .price span{ color:red; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}

#product-content-div .product-main .boxProduct .buy{ height:35px; padding:15px 0 10px 0;}
#product-content-div .product-main .boxProduct .buy img{ cursor:pointer;}
/*==============*/
.product-view-main-right{ width:740px; height__:500px; background:url(../simages/product/view-main-bg.gif) repeat-x 0 1px;}
.product-view-left-TD{ width:160px; border-top:1px solid #ccc;}
.product-view-right-TD{ width:580px; border:1px solid #ccc;}

.product-view-left-TD{}
.product-view-left-TD .list{}
.product-view-left-TD .list a{ display:block; text-decoration:none; border-bottom:1px dashed #ddd;}
/*
.product-view-left-TD .list a:hover .serial, .product-view-left-TD .list a.this .serial{ color:#222;:#3399FF; font-weight:bold; background:url(../simages/ico-01.gif) no-repeat 10px 8px;}
.product-view-left-TD .list a:hover .name, .product-view-left-TD .list a.this .name{ color:#333; font-style:normal;}
*/
.product-view-left-TD .list .serial{ padding:5px 0 0 20px; background:url(../simages/ico-03.gif) no-repeat 10px 8px;}
.product-view-left-TD .list .name{ padding:0 0 0 20px; color:#ccc; font-style:italic;}

.product-view-main-right .boxProduct .pro-name{ height:72px; border-bottom:1px solid #ccc; padding:10px 0 0 0; font-size:14px; color:#0066cc; font-weight:bold;}
.product-view-main-right .boxProduct .pro-name span{ color:#666; line-height:1.8;}
.product-view-main-right .boxProduct .attribute{ padding:8px 0 8px 0; border-bottom:1px solid #ccc;}
.product-view-main-right .boxProduct table .mid{ width:90%; background:url(../simages/product/line-x.gif) repeat-x left 8px;}
.product-view-main-right .boxProduct table td{ padding:2px 0 2px 0;}
.product-view-main-right .boxProduct .attribute.style1{ color:#669933; border-bottom:1px solid #669933;}
.product-view-main-right .boxProduct .buy{ height:35px; padding:15px 0 10px 0;}
.product-view-main-right .boxProduct .buy img{ cursor:pointer;}

.product-view-main-right .boxContent{ padding:30px 20px 70px 20px;}
.product-view-main-right .boxContent .title{ border-bottom:1px dashed #CFDDF1; padding-bottom:7px;}
.product-view-main-right .boxContent .content{ line-height:1.5; padding-top:10px;}
.product-view-main-right .boxContent .content p{ display:block; padding:0; margin:0;}



/*==============*/
#service-content-div{ width:947px; margin:8px auto 0 auto; background:url(../simages/product/con-bg.gif) repeat-x top #fff;}
#service-content-div .leftDiv{ width:220px; padding:0 10px 0 10px;}
#service-content-div .leftDiv .list-box{ border:1px solid #ccc; margin-top:10px;}
#service-content-div .leftDiv .list-box .top{ height:25px; background:#666;}
#service-content-div .leftDiv .list-box .top .text{ padding:5px 0 0 10px; color:#fff; font-weight:bold;}
#service-content-div .leftDiv .list-box li{ padding:2px 0 2px 9px; margin:0; list-style:none; background:url(../simages/ico-04.gif) no-repeat left center;}
/*
#service-content-div .leftDiv .list-box li a{ color:#0066cc;}
*/
#service-content-div .leftDiv .list-box li.s{ padding-left:0; background:none; font-weight:bold;}

#service-content-div .code{ width:300px; height:20px; color:#636365; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*==============*/
#about-content-div{ width:947px; margin:8px auto 0 auto;}
#about-content-div .leftDiv{ width:185px; padding-left:5px;}

#about-content-div .leftDiv{ width:220px; padding:0 10px 0 10px;}
#about-content-div .leftDiv .list-box{ margin-top:10px;}
#about-content-div .leftDiv .list-box li{ padding:7px 0 7px 9px; margin:0; list-style:none; border-bottom:1px solid #dbdbdb; background:url(../simages/ico-04.gif) no-repeat left center;}
/*
#about-content-div .leftDiv .list-box li a{ color:#0066cc;}
*/
#about-content-div .leftDiv .list-box li.s{ padding-left:0; background:none; font-weight:bold;}