@charset "UTF-8";
/* Scss Document */
body {
  margin: 0px;
  font-family: "宋体"; }

.font_gray {
  font-family: "Arial";
  font-size: 12px;
  color: #919191;
  line-height: 17px; }

.font_blue {
  color: #0166B4;
  font-size: 13px; }

.bottom_bg {
  background-image: url(../images/bottom_bg.jpg);
  background-repeat: repeat-x;
  background-position: top; }

A.blue12:link {
  FONT-SIZE: 12px;
  COLOR: #0166B4;
  text-decoration: none;
  text-indent: 24px; }

A.blue12:visited {
  FONT-SIZE: 12px;
  COLOR: #0166B4;
  text-decoration: none;
  text-indent: 24px; }

A.blue12:hover {
  TEXT-DECORATION: underline;
  color: #4296D2;
  text-indent: 24px; }

i, p, ul, li, div, h2 {
  padding: 0;
  margin: 0 auto; }

li {
  list-style: none; }

img {
  border: none;
  display: block; }

.fl {
  float: left; }

.fr {
  float: right; }

.cf:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both; }

.cf {
  *zoom: 1; }

.top_bott {
  margin-bottom: 17px;
  margin-top: 17px;
  font-family: "宋体";
  font-size: 14px;
  color: #0066b3;
  background-color: #91be50; }

.header {
  width: 902px; }

.tips {
  width: 902px;
  height: 150px;
  background-color:#f7fdee;
  color:#333; border-top:16px solid #fff;}
  .tips span {
    margin-left: 35px;
    padding-top:20px;
    display: block;
    font-size: 16px; }
  .tips p {
    line-height: 180%;
    margin-left: 60px;
    margin-top: 3px; }
.shop{width:902px; background:url(../images/bg01.jpg) no-repeat left top;}
.shop-box{width:854px; margin-bottom:10px; padding-top:10px; position:relative;}
.shop-box img{width:854px;height:240px;}
.shop-box.hover div{display:block;}
.shop-box div{height:30px; background:#000; color:#fff; width:854px;background: rgba(0, 0, 0, 0.5); display:none; position:absolute; bottom:0; line-height:30px; text-indent:80px; font-size:12px;}
.proList {width:902px;overflow: hidden; background:url(../images/bg02.jpg) no-repeat left bottom; padding-bottom:3px;}
.proList ul { margin-left:24px;}
  .proList li {
    width: 280px;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    background-color: white; }
.no-bg{background:none;}	
.pro-img{position:relative;}
.pro-img img {width: 280px;height: 280px; }
.pro-img i{position:absolute; background:url(../images/icon.png) no-repeat left top; width:65px; height:65px; left:10px; top:10px; line-height:65px; color:#fff; text-align:center; font-size:18px; font-style:normal;}
.pro-box {width:89%;padding-bottom: 11px;margin-top:8px; }
.pro-box-l {float: left; }

.pro-name {
  width:89%;    margin-top: 8px;}
  .pro-name a {
    text-decoration: none;
    line-height:16px;
    color: #333;
    display: block;
    overflow: hidden;
    height:32px;
	font-size:12px; }
    .pro-name a:hover {
      color:#f75d57; }

.pro-price {color:#333; font-size:12px;}
.pro-price span {
    font-size:20px;
    color:#f75d57;
    font-family: Arial; }

.pro-org {
  color: #666;
  font-size: 12px;
  margin-top:5px; }

.btnbox {width:52px;height:53px;}
.btnbox a {width: 52px;height: 53px;}
.pro-nav {
  width: 120px;
  position: fixed;
  left: 50%;
  top: 130px;
  margin-left: 472px;
  overflow: hidden;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _margin-top: 130px; }

.pro-nav-list {
  width: 120px;
  overflow: hidden;
  background: url(../images/bg_nav.jpg) no-repeat;
  height:415px; padding-top:44px; }
.pro-nav-list li{width:120px; height:41px; float:left; display:inline;overflow:hidden; list-style-type:none;line-height:41px;}
.pro-nav-list li a{display:block;width:120px; height:41px; overflow:hidden; font-size:14px;text-decoration:none; text-align:center; color:#fff;}
.pro-nav-list li a.back-top{text-indent:-9999px;}
.title{width:902px; height:60px;}
.title img{width:902px; height:60px;}