@charset "utf-8";
/* CSS Document */

.wrapper{ width:1000px; margin:0 auto;}

.location{ font-size:12px; text-align:right; margin-top:20px;}

.left{ width:260px; float:left;}
.left h3{ font-size:28px; line-height:35px;}
.left h3 span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.left ul{}
.left li a{ display:block; width:260px; height:55px; line-height:55px; background:#dad9d9; color:#000; font-size:20px; text-align:center; margin-top:5px;}
.left li a:hover{ background:#d6200a; color:#fff;}
.left .contact{ padding-left:90px; background:url(../images/contact_s.jpg) no-repeat 0 5px; line-height:24px; margin-top:30px;}
.left .contact span{ padding-left:13px;}

.right{ width:680px; float:right; line-height:24px; margin-top:70px;}

.pagelink{height:26px; line-height:26px; margin:10px 0 0 0; text-align:center;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.newslist{ padding-bottom:10px; border-bottom:dashed 1px #ccc; margin-top:15px;}
.newslist p{ color:#e70908;}
.newslist dt{ font-size:14px; line-height:24px;}
.newslist dd{ color:#aaa; line-height:22px;}

.proright{ float:right; width:260px; height:245px;}
.proright h2{ text-align:left; font-size:16px; color:#e70908; margin-bottom:10px; }
.proright .summary{ line-height:24px; height:auto !important; height:220px; min-height:220px;}
.prodetails h3{ font-size:16px;  color:#000; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none; margin-top:15px;}
.prodetails p{ padding:0 10px}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}

.prorelated{ margin:20px auto 0;}
.prorelated h3{ font-size:16px;  color:#000; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:170px;text-align:center;}
.prorelated li a img{ margin:0 auto;padding:1px; border:solid 1px #ccc; width:155px; height:103px;}
.prorelated li a:hover img{ border-color:#e70908}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-size:16px;  color:#000; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:330px; border-bottom:dashed 1px #ccc; text-indent:10px; background:url(../images/news_icon.png) no-repeat 0 10px;}
.prorelated_news .interval{ margin-left:20px;}

.newslist{}
.newslist li{ line-height:28px; border-bottom:dashed 1px #68aa2e; background:url(../images/icon.png) no-repeat 0 12px; text-indent:15px;}
.newslist li span{ float:right;}

.newsdetails{}
.newsdetails h2{ font-size:20px; color:#e70908; text-align:center; line-height:30px; margin-top:10px;}
.newsdetails h4{ font-size:12px; text-align:center; border-bottom:dotted 1px #ccc; font-weight:normal; margin:5px 0 10px;}
.newsdetails p .text{ width:400px; height:18px; line-height:18px;}
.newsdetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}

.productlist { height:177px; border:solid 1px #eee; background:#fff; position:relative; margin-top:10px;}
.productlist a img{ width:230px; height:150px; position:absolute; border:solid 3px #eee; left:10px; top:10px; transition:border-color .3s; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s;}
.productlist a:hover img{ border:solid 3px #e70908;}
.productlist dt{ position:absolute; width:414px; top:20px; right:10px; font-size:16px;}
.productlist dt a{ color:#e70908;}
.productlist dt a:hover{ text-decoration:underline;}
.productlist dd{ position:absolute; width:414px; top:70px; right:10px; line-height:24px;}