@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: #50aadd; }

.header {
  width: 902px; }

.tips {
  width: 902px;
  height: 123px;
  background-color: #e54e87;
  color: white; }
  .tips span {
    margin-left: 35px;
    padding-top: 30px;
    display: block;
    font-size: 16px; }
  .tips p {
    line-height: 150%;
    margin-left: 60px;
    margin-top: 3px; }

.pro-info {
  width: 902px; }

.pro-info-con {
  width: 857px;
  display: none;
  margin-top: 10px; }

.pro-info-nav {
  height: 95px;
  width: 902px;
  overflow: hidden;
  background: url(../images/nav_bg.jpg) no-repeat; }
  .pro-info-nav ul {
    width: 853px;
    margin-right: 15px; }
  .pro-info-nav li {
    width: 118px;
    height: 52px;
    font-size: 18px;
    float: left;
    display: inline;
    cursor: pointer;
    color:#B29D4C;
    background: url(../images/tab.jpg) no-repeat;
    margin-right: 95px;
    margin-top: 17px;
    text-indent: 13px;
    font-family: "黑体";
    padding-top: 26px; }
  .pro-info-nav li.current {
    color: #FFF;
    background: url(../images/tab-current.jpg) no-repeat;
    font-size: 20px;
    padding-top: 19px;
    height: 59px; }

.pro_small_box {
  width: 857px;
  overflow: hidden;
  padding-bottom: 17px; }
  .pro_small_box ul {
    width: 860px; }
  .pro_small_box li {
    width: 212px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: white; }
    .pro_small_box li img {
      width: 212px;
      height: 212px; }

.pro-name {
  width: 95%; }
  .pro-name a {
    text-decoration: none;
    line-height: 18px;
    color: #333333;
    margin-top: 6px;
    display: block;
    overflow: hidden;
    height: 36px;
    font-size: 12px; }
    .pro-name a:hover {
      color: #c62358; }

.pro-price {
  width: 95%;
  color: #666;
  font-size: 12px; }
  .pro-price span {
    font-size: 16px;
    color: #f75d57;
    font-family: Arial; }

.pro-org {
  color: #999;
  font-size: 12px;
  width: 95%;
  margin-top: 3px; }

.btnbox {
  width: 177px;
  height: 36px;
  padding-bottom: 11px; }
  .btnbox a {
    font-size: 18px;
    font-family: "黑体";
    width: 177px;
    height: 36px;
    display: block;
    background: url(../images/btn_buy.jpg) no-repeat;
    text-align: center;
    line-height: 36px;
    color: #FFF;
    margin-top: 5px;
    text-decoration: none; }
    .btnbox a:hover {
      color: #F5CBD9; }

.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: 350px; }