@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;}
.header {width: 902px; }
.tips {width:874px;}
.title {width:854px;}
.title img{width:854px; height:63px;}
.proList-box{width:902px; background:url(../images/prolist-bg01.jpg) no-repeat left top;}
.proList{width:854px;overflow: hidden;padding-bottom: 17px; background:url(../images/bg-01.jpg) repeat #e3efe3; padding:10px; margin-bottom:18px;}
.proList01{width:854px;overflow: hidden;padding-bottom: 17px; background:url(../images/bg-02.jpg) repeat #e3efe3; padding:10px; margin-bottom:18px;}
.proList-con{background-color:#e3efe3;width:854px;overflow: hidden;}
.proList-con ul {width:861px; }
.proList-con li {width: 280px;float: left;margin-right: 7px; margin-bottom: 7px;background-color: white; }
.proList-con li.first-line{width:424px; margin-right:6px; position:relative;}
.proInfo-box{position:absolute; bottom:0; background:rgba(255,255,255,0.5); width:100%;}
.proList-con li.first-line img {width:424px;height:424px; }
.proList-con li img {width: 280px;height: 280px; }
.proList-con li.last{margin-bottom:0;}
.pro-box {width: 93%;padding-bottom: 16px; margin-top:10px; }
.pro-box-l {float: left; }
.pro-name {width:93%; margin-top:5px;}
.pro-name a {
	font-size:12px;
	font-family:"黑体";
    text-decoration: none;
    line-height: 16px;
    color: #333;
    display: block;
    overflow: hidden;
    height:32px;}
.pro-name a:hover {color:#ff0000; }
.pro-name01 {width:93%; padding-top:25px;}
.pro-name01 a {
	font-size:12px;
	font-family:"黑体";
    text-decoration: none;
    line-height: 16px;
    color: #333;
    display: block;
    overflow: hidden;}
.pro-name01 a:hover {color:#ff0000; }
.pro-price {color: #333;font-size:12px;font-family:"黑体"; margin-top:5px;}
.fz-18{font-size:18px;}
.pro-price span {font-size: 18px; color: #ff0000;font-family: Arial; }
.pro-org{color: #999;font-size:12px;font-family:"黑体";}
.pro-org01{color:#666; font-size:14px;font-family:"微软雅黑";}
.btnbox {width:93px;height:35px;margin-top: 5px; padding-right:8px;}
.btnbox a {width:93px;height: 35px;display: block;text-align: center;line-height: 35px;color: #FFF;text-decoration: none; background:url(../images/btn-buy.jpg) no-repeat left top; font-size:16px;}
.btnbox a:hover {background:url(../images/btn-buy.jpg) no-repeat left -35px; }
.btnbox01 {width:110px;height:42px;margin-top: 5px; padding-right:8px;}
.btnbox01 a {width:110px;height:42px;display: block;text-align: center;line-height:42px;color: #FFF;text-decoration: none; background:url(../images/btn-buy02.png) no-repeat left top; font-size:16px;}
.btnbox01 a:hover {background:url(../images/btn-buy02.png) no-repeat left -42px; }
.pro-shop{width:830px; overflow:hidden;padding-left:12px; padding-right:12px; background:url(../images/shop-bg.jpg) no-repeat 290px 560px #e3efe3;}
.pro-shop ul{width:840px;}
.pro-shop li{float:left; margin-right:10px; margin-bottom:10px; width:270px;}
.pro-shop li a{border:1px solid #e3efe3; width:269px; height:269px; display:block;}
.pro-shop li img {width: 269px;height: 269px;}
.pro-shop li a:hover{border:1px solid #023b44;width:269px; height:269px;}

.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;padding-top:49px; height:471px;}
.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; color:#1f565f; font-size:18px;text-decoration:none; text-align:center;background:url(../images/bg_nav_hover.jpg) no-repeat left top;}
.pro-nav-list li a:hover{background:url(../images/bg_nav_hover.jpg) no-repeat left -41px; color:#fff;}
