﻿body { background: #fafafa; }

/*.pro-class-bar { background: #fff; height: 48px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px; text-align: center; font-size: 17px; color: #333; border: 1px solid #c3c3c3; border-top-color: #e8e8e8; font-family: "微软雅黑";}*/
.pro-class-bar { background: #fff; height: 48px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 5px; text-align: center; font-size: 17px; color: #333; border: 1px solid #c3c3c3; border-top-color: #e8e8e8; font-family: "微软雅黑";}
.pro-class-bar .items { width:1000px; }
.pro-class-bar .item { float: left; width: 244px; border-right: 1px solid #e7e7e7; line-height: 48px; }
.pro-class-bar .item .item-name { display:block; color:#333; font-weight:bolder; }
.pro-class-bar .item .item-name:hover { color:#000; _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; }
.pro-class-bar .item .item-submenu { display:none; background: #fff; width:245px; border: 1px solid #c3c3c3; border-top:0; z-index:99; position:absolute; margin-left:-1px; }
.pro-class-bar .item .item-submenu li.l1 { clear:both; background:#fcfcfc; line-height:30px; font-size:14px; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; }
.pro-class-bar .item .item-submenu li.l1 a { display:block; width:100%; height:30px; }
.pro-class-bar .item .item-submenu li.l1 a:hover { _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; }
.pro-class-bar .item .item-submenu li.l2 { width:33%; float:left; line-height:30px; font-size:12px; }
.pro-class-bar .item .item-submenu li.l2 a { display:block; width:100%; height:30px; }
.pro-class-bar .item .item-submenu li.l2 a:hover { _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; }
*html .pro-class-bar .item { width: 245px; }
*+html .pro-class-bar .item { width: 245px; }
*html .pro-class-bar .item .item-submenu { margin-left:-123px; width:246px;  }
*+html .pro-class-bar .item .item-submenu { margin-left:-123px; width:246px;  }

.tags-bar { padding:20px; border-bottom: 1px solid #dedede; text-align:left; }
.tags-bar li { font-size:12px; clear:both; font-family:SimSun; }
.tags-bar li .group-name { width:50px; float:left; font-weight:bold; line-height:24px; }
.tags-bar li .tags { width:868px; float:left; }
.tags-bar li .tags a { display:inline-block; margin-right:5px; padding:3px 6px 3px 6px; margin-bottom:5px; }
.tags-bar li .tags a.on { color:#fff; background:#6dbfef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.tags-bar li .tags a:hover { color:#fff; background:#81ccf8; text-shadow: 0 0 3px #6dbfef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
*html .tags-bar li .tags { width:880px; }
*+html .tags-bar li .tags { width:880px; }

.pro-list { background: #fff; width:978px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px; text-align: center; font-size: 17px; color: #333; border: 1px solid #dedede; border-top-color: #e8e8e8; font-family: "微软雅黑";}
.pro-list .list { width:1000px; }
.pro-list .list li { float:left; width:286px; height:280px; overflow:hidden; padding:30px 20px 10px 20px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.pro-list .list li img { width:250px; height:200px; margin-bottom:20px; }
.pro-list .list li h4 a { color: #666; font-size:16px; font-weight:lighter; } 
.pro-list .list li h4 a:hover { color: #000; } 
.pro-list .list li:hover { color:#000; _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.pro-list .list li:hover h4 a:hover { color: #000; }
.pro-list .list li.on { color:#000; _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.pro-list .list li.on h4 a:hover { color: #000; }
.pro-list .mall-product-title { padding-left:20px; text-align: left; font-size: 16px; height: 50px; line-height: 50px; border-bottom: 1px solid #dedede;}

*html .pro-list .list li { width:327px;height:310px;  }
*html .pro-list .list li img { margin-bottom:15px; }
*+html .pro-list .list li { width:327px;height:310px;  }
*+html .pro-list .list li img { margin-bottom:15px; }

.mall-product { padding:20px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px; text-align: center; font-size: 17px; color: #333; border: 1px solid #dedede; font-family: "微软雅黑";}
.mall-product2 { padding:0; }
.mall-product-title { padding-left:20px; text-align: left; font-size: 16px; height: 50px; line-height: 50px; border-bottom: 1px solid #dedede;}
.mall-product .col-left { float:left; width:698px; padding:0 0px 0px 0; overflow:hidden; text-align:left; }
.mall-product .col-right { float:left; width:240px; overflow:hidden; text-align:left; padding:20px 30px 20px 10px; }


.product-desp { padding:0px 0px 20px 0px; }
.product-desp .details { float:left; line-height:22px; padding:20px 0px 0px 0px; color:#666666; font-size:14px; }
.product-desp .details .img { width:500px; height:320px; float:left; padding:0px 40px 0px 0px; }
.product-desp .details .img img { width:400px; height:320px; }
.product-desp .details .desp { height:320px; width:310px; float:left;  padding-left:60px; text-align:left; background:url('../images/pro-desp-bg-line.jpg') 0 -50px no-repeat; }
.product-desp .details .desp .btn-order { display:block; padding:20px 0 0 0; }
.product-desp .price { padding:10px 0px 0px 0px; color:#ccc; font-size:14px; }
.product-desp .price span { color:#ff3300; font-size:18px; font-family:Arial; }
.product-desp .order { padding:10px 0px 0px 0px; color:#ccc; font-size:14px; }
.product-desp .order span { color:#ff9900; font-size:18px; font-family:Arial; }
.product-desp h1 { padding:0px 0px 10px 0px; text-align:left; font-family:"Microsoft YaHei","SimSun"; font-size:22px; line-height:25px; font-weight:lighter; } 
.product-desp .bdsharebuttonbox { margin-top:10px; }
*html .product-desp .details .desp { width:410px; }



.pro-introduce { font-size:14px; line-height:24px; text-align:left; padding:40px; }
.pro-introduce img { max-width:898px; _max-width:898px; width:expression(this.width > 898 ? "898px" : this.width); }
.pro-introduce table{ border-collapse:collapse; font-size:12px; text-align:left; line-height:16px; background:#ffffff; width:100%; text-indent:0em; margin:10px 0px 10px 0px; }
.pro-introduce table thead{font-size:12px;}
.pro-introduce table td{ padding:5px; border:1px solid #dddddd; border-collapse:collapse; height:20px; }
.pro-introduce table th{ padding:5px; border:1px solid #dddddd; border-collapse:collapse; height:30px; line-height:30px; overflow:hidden; background:url('../Images/list_header.png'); font-size:12px; font-weight:lighter; color:#666666; }
.pro-introduce div { padding:5px 0 5px 0; }
.pro-introduce p { padding:5px 0 5px 0; }

.up-down-pro { padding:0 20px 0 20px; text-align: left; font-size: 14px;  line-height: 50px; border-top: 1px solid #dedede;  overflow:hidden; }
.up-down-pro .p { width:440px; float:left; text-align:left; }
.up-down-pro .n { width:440px; float:right; text-align:right; }


.product-gallery { }
.product-gallery .title { background:url(../images/dot_4.gif) 0 8px no-repeat ; height:40px; font-weight:bold; font-size:14px; padding-left:20px; line-height:25px; border-bottom:solid 1px #dedede; }
.product-gallery .list { padding:0px 0 0px 0; margin:0px; } 
.product-gallery .list li { width:191px; padding:25px 20px 20px 20px; overflow:hidden; float:left; height:180px; color:#666; text-align:center; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.product-gallery .list li p { display:block; height:44px; font-size:14px; line-height:22px; overflow:hidden; }
.product-gallery .list li a:link,.realtion-news .list li a:visited { color:#333333; }
.product-gallery .list li a:hover { color:#c2130e; text-decoration:underline; }
.product-gallery .list li:hover { color:#000; _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.product-gallery .list li:hover p a:hover { color: #000; }
.product-gallery .list li.on { color:#000; _background:#f6f6f6; box-shadow:inset 0 0 30px #e9e9e9; text-shadow: 0 0 3px #fff; webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.product-gallery .list li.on p a:hover { color: #000; }
.product-gallery .list li img { width:160px; height:128px; margin-bottom:15px; }  
*html .product-gallery .list li { width:231px; height:220px; }
