@charset "utf-8";
html {
  color: #000;
  background: #FFF;
}

body {
  color: #666;
  font: 12px/1.231 arial, helvetica, clean, sans-serif, "宋体";
}

.zi20bai{ color:#fff;font-size:20px; line-height:40px; font-weight:bold; font-family:"Microsoft Yahei"; background:url(../images/2.jpg) top center no-repeat;}

.zi24huang{ color:#fff000;font-size:24px; line-height:40px; font-weight:bold; font-family:"Microsoft Yahei";}
.zi38lan{ color:#0341a9;font-size:38px; line-height:40px; font-weight:bold; font-family:"Microsoft Yahei";}
.zi28en{ color:#acacac;font-size:28px; line-height:30px; font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.zi16bai{ font-size:16px; color:#fff; line-height:30px;font-weight: normal;  font-family:"Microsoft Yahei";}
.zi16bai a{ color:#fff; line-height:30px; text-decoration:none; font-weight:bold;}
.zi16bai a:hover{ color:#fff; line-height:30px; text-decoration:none; }
.zi16bai a:visited{ color:#fff; line-height:30px;  text-decoration:none;}


.zi14hui{ font-size:14px; color:#c2c2c2; line-height:30px; font-weight: normal; font-family:"微软雅黑";}
.zi14hui a{ font-size:14px; color:#c2c2c2; line-height:30px; text-decoration:none;}
.zi14hui a:hover{ font-size:14px; color:#fff; line-height:30px;}

.wrapper{width: 1200px;margin: auto;}
.left{float: left;}
.right{float: right;}
.index-product{width: 100%;overflow: hidden;background: url('../images/index_product_bg.jpg');padding-top:35px;padding-bottom:30px;}
.sidebar{width: 243px;}
.sidebar .title{width: 100%;height: 83px;color: #fff;background: url('../images/01.png')no-repeat 30px 20px #0c5193;text-align: center;}
.sidebar .title b{display: block;font-size: 22px;padding-top: 14px;padding-bottom: 10px;}
.sidebar .title small{display: block;}
.sidebar ul{padding:10px;border: 1px solid #bfbfbf;background-color: #fff;}
.sidebar ul li{padding-left: 20px;line-height:27px;background: url('../images/s1.jpg')no-repeat 18px 19px; text-indent:22px;border-bottom: 1px dashed #e8e8e8;padding-top: 10px;padding-bottom: 10px;}
.sidebar ul li a{display: block;color: #666666; font-size:15px;}
.sidebar ul li:hover{background: url('../images/s2.jpg')no-repeat 18px 19px;}
.sidebar ul li:hover a{color: #0c5193;}



.index-product-img{width: 940px;}
.index-product-img .article{height:52px;line-height:52px;border-bottom: 1px solid #999999;overflow: hidden;margin-bottom: 28px;}
.index-product-img .article span{display: block;width: 500px;float: left;}
.index-product-img .article span b{color: #0c5193;font-size: 22px;}
.index-product-img .article span small{font-size: 15px;color: #999999;}
.index-product-img .article span:after{display: block;content: " ";width: 127px;height: 3px;background-color: #0c5193;position: relative;top: -3px;}
.index-product-img .article a{display: block;float: right;}
.index-product-img ul{width: 1000px;}
.index-product-img ul li{float: left;margin-right: 20px;margin-bottom: 20px;position: relative;}
.index-product-img ul li img{width: 300px;height: 250px;border-bottom: 0px;}
.index-product-img ul li .shuiyin{width: 300px;height: 200px;z-index: 100;top: 0px;position: absolute;background-size: 80%;opacity: 0.7;}
.index-product-img ul li .txt{width: 100%;height: 30px;line-height: 30px;background-color: #999999;color: #fff;text-align: center;}
.index-product-img ul li .txt{transition: all 300ms ease-in-out;-webkit-transform: all 1000ms ease-in-out;}
.index-product-img ul li:hover .txt{background-color: #0c5193;}


/*网站字体颜色*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

input, select {
  vertical-align: middle;
}

i, em {
  font-style: normal;
}

select, input, button, textarea, button {
  font: 99% arial, helvetica, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/*title*/
h1 {
  font-size: 32px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10px;
}

.mt10 {
  margin-top: 10px;
}

a {
  color: #666;
  text-decoration: none;
}

/*for ie f6n.net*/
a:focus {
  outline: 0;
}

/*for ff f6n.net*/
.vam {
  vertical-align: middle;
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

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

.clearfix {
  *zoom: 1
}

p {
  word-spacing: -1.5px;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.center {
  text-align: center;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pa {
  position: absolute;
}

.pr {
  position: relative
}

/* -- 购物车外部框架 -- */
.cart_header, .cart_content, .cart_footer {
  width: 760px;
  margin: 0 auto;
}


/* -- 页面整体布局 -- */
.header, .content, .footer {
  width: 1200px;
  margin: 0 auto;
}

.h_nav li a:-webkit-any-link {
  display: block;
}