/* CSS Document */
body{margin:0; text-align:center; background:#FAFAFA; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;}
p{font-size:13px; text-align:left; line-height:20px;}
h1{margin:5px 0; font-family:Microsoft YaHei; font-size:18px; line-height:22px; text-align:left; color:#285c8e;}
h3{margin:0; font-size:13px; line-height:24px; text-align:left; color:#285c8e;}
h4{margin:0; font-size:12px; line-height:20px; text-align:left; color:#285c8e;}

a:link{font-size:13px; text-decoration:none; color:#285c8e;}
a:active{font-size:13px; text-decoration:underline; color:#285c8e;}
a:hover{font-size:13px; text-decoration:underline; color:#285c8e;}
a:visited{font-size:13px; text-decoration:none; color:#285c8e;}
.Blink:link{font-size:13px; font-weight:normal; color:#333;}
.Blink:active{font-size:13px; font-weight:bold; color:#333;}
.Blink:hover{font-size:13px; font-weight:bold;  color:#333;}
.Blink:visited{font-size:13px; font-weight:normal; color:#333;}
.topnavL:link{font-size:16px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.topnavL:active{font-size:16px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
.topnavL:hover{font-size:16px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
.topnavL:visited{font-size:16px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#white-div{ background:#ffffff; border:1px #c6c6c6 solid;}
#margin-top50{margin-top:50px;}

.clear{clear:both;}
.warpper{margin:0 auto; width:1000px;}
.header{margin:0; width:1000px; height:135px;}
.middle{margin-top:0; width:1000px;}
.links{margin-top:5px; width:1000px; height:140px; background:#FFFFFF; border:1px #c6c6c6 solid;}
.footer{margin-top:20px; width:1000px; height:80px; border-top:8px #91b109 solid; }

.header-top{margin:0; width:1000px; height:25px; border-bottom:4px #91b109 solid;}
.header-middle{margin:0; width:1000px; height:70px;}
.header-middle div{float:left;}
.top-nav{width:1000px; height:35px; background:url(../images/top-nav-bg.gif) repeat-x; text-align:left; line-height:35px; color:#ffffff;}

.login{ float:left; width: 300px; height:25px; line-height:25px; text-align:left;}
.righttop-nav{float:right; width:300px; height:25px; line-height:25px; text-align:right;}
.top-logo{ margin-top:10px; width:260px; text-align:left; }
.top-banner{margin-top:10px; width:400px; height:50px;}
.top-search{width:320px; margin-top:25px; margin-left:10px;}

.left-container{float:left; margin-top:10px; width:695px;}
.right-container{float:right; margin-top:10px; width:300px;}


.sort{float:left; width:690px; height:120px; }
.sort-list{margin-top:10px; width:650px; line-height:30px; font-size:14px; text-align:left;}
.product-container{float:left; margin-top:20px; width:690px; height:1300px;}
.grey-title{width:690px; height:35px; text-align:left; background:#e5e5e5; line-height:30px; border-bottom:1px #c6c6c6 solid;}
.product-content{margin-top:10px; width:690px; height:140px; border-bottom:1px #c6c6c6 dashed; }
.pro-img{float:left; margin:10px 0 0 15px; width:110px; height:110px; border:1px #c6c6c6 solid;}
.pro-info{float:left; margin:10px 0 0 15px; width:370px; height:110px}
.pro-info p{margin:10px 0 10px 0; color:#666666;}
.pro-sort{text-align:left; }
.pro-right{float:left; margin:20px 0 0 15px; width:130px; height:100px;}
.pro-title{float:left; line-height:24px; text-align:left; width:55px; font-size:12px;}
.pro-data{float:left; line-height:24px; text-align:left; width:70px; font-size:12px; color:#285c8e;}
.pro-btn{float:left; width:120px; margin:5px 0 0 0; text-align:left;}
.change-page{width:650px; height:30px; margin:20px 0 20px 10px; text-align:right; line-height:30px; font-size:12px;}



.featured-news{margin-bottom:6px; width:300px; background:#FFFFFF; border:1px #c6c6c6 solid;}
.news-list{width:240; margin:5px 0 0 10px; border:none; font-size:14px; color:#285c8e; text-align:left; line-height:23px;}
.news-list p{margin:0;}

.featured-product{margin-bottom:6px; width:300px; background:#FFFFFF; border:1px #c6c6c6 solid;}
.keyword{margin:15px; width:270px; height:30px; line-height:30px; text-align:left; border-bottom:1px #c6c6c6 dashed;}
.product{margin-left:5px; width:280px;}
.pro-recommand{width:275px; padding-top:5px; height:80px;}
.pro-recommand img{float:left; margin:3px;  border:1px #cbd1d3 solid;}
.pro-date{font-size:12px;  text-align:left;}

.right-AD{width:300px; margin-top:5px; background:#e5e5e5; border:1px #c6c6c6 solid;}
.right-AD img{margin:5px auto;}

.copyright{float:left; margin-top:10px; width:600px; text-align:left;}
.footer-nav{float:left; margin-top:10px; width:400px; text-align:right; color:#285c8e;}

.highlight{ position:relative; margin:12px auto 0 auto; width:97%; height:23px; border-bottom:1px #c6c6c6 solid; font-family:Microsoft YaHei; line-height:23px; text-align:left; font-size:16px; color:#333333;}
.highlight img{border:0; margin:auto 0;}
.highlight span{ position:absolute; right:10px; bottom:0; text-align:right; font-size:13px; font-weight:normal;}

.detail-container{float:left; width:690px; }
.pro-detail{width:670px; height:210px; margin:15px auto;}
.img-container{float:left; width:180px; height:210px; margin-left:15px;}
.pro-infomation{float:left; width:430px; height:210px; margin-left:10px; position:relative;}

.detail-img{border:1px #c6c6c6 solid; width:180px; height:180px;}
.detail-img-nav{margin-top:8px; height:20px; font-size:12px; line-height:20px; text-align:left;}
.info-title{ float:left; width:75px; text-align:left; font-size:13px; line-height:24px; color:#666666;}
.info-content{float:left; width:200px; text-align:left; font-size:13px; color:#666666; line-height:24px;}
.enter-info{float:left; width:350px; text-align:left; height:30px; margin-top:3px; line-height:30px;}
.detail-btn{position:absolute; right:0px; bottom:30px; width:120px; height:60px;}
.detail-btn img{margin:2px 0; }
.introduce-content{width:620px; margin:25px auto;}

.related-pro{float:left; margin-top:6px; width:690px; height:240px;}
.rel-pro-content{float:left; margin:10px 5px 10px 20px;width:100px; height:180px; }
.rel-pro-content img{width:100px; height:100px; border:1px #c6c6c6 solid;}
.rel-pro-title{margin-top:10px; height:60px; line-height:20px; text-align:left; font-size:12px; color:#285c8e;}

