@charset "utf-8";
.mt10{ margin-top:10px;}
.mt40{ margin-top:30px;}
.service_banner{ background:url(../images/service_banner.jpg) no-repeat center center; height:160px; background-size:auto 100%; position:relative;}
.about_banner{ background:url(../images/news_banner.jpg) no-repeat center center; height:160px; background-size:auto 100%; position:relative;}
.about_body{ margin-top:15px;}
.about_body  h1{ width:100%; float:left; text-align:center; height:20px;margin-top:20px;}
.about_body  h1 a{  display:block;color:#597e8e; font-size:18px; font-weight:normal;}
.about_body  h3{ width:100%; float:left; text-align:center; position:relative;}
.about_body  h3 a{ display:block; position:relative; z-index:2;  font-size:12px; height:20px; line-height:20px; font-weight:normal; padding:0px 10px; color:#9b9b9b}
.about_body  h3 i{ position:absolute; background-color:#9b9b9b; width:50px; height:1px; line-height:0px; font-size:0px; top:10px;}
.about_body  h3 i.i1{left:50%; margin-left:-100px;}
.about_body  h3 i.i2{right:50%; margin-right:-100px;}
.about_body h4{ text-align:center}
.about_body h4 a{ display:inline-block;border:1px solid #597e8e; color:#597e8e; font-size:16px; font-weight:normal; height:30px; padding:0px 10px; line-height:30px; border-radius:30px; margin-left:6px;}
.about_body h4 a.on{ background-color:#597e8e; color:#fff;}

.product_list{ margin-top:20px;border:1px solid #d5d5d5;}
.product_list a{ float:left; width:90%; padding:5%;border-bottom:1px solid #d5d5d5;}
.product_list a:hover{ background-color:#f5f5f5; box-shadow:0px 0px 20px #d5d5d5}
.product_list a img{ width:100%; float:left;}
.product_list a div.fr{ width:100%; }
.product_list a div.fr b{ width:100%; float:left; color:#333333; font-size:14px; font-weight:normal; line-height:28px;}
.product_list a div.fr span{ float:left; width:100%; border-top:1px dotted #e5e5e5; margin-top:5px; font-size:12px; color:#999; line-height:20px; padding-top:10px;}