@charset "utf-8";
/** Browser style reset **/
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:0px; padding:0px;outline: none;font-family: '微软雅黑';}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight:inherit;}
del,ins { text-decoration:none;}
li { list-style:none; *vertical-align:top;/* LI List Increase the gap */}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:none; font-variant:normal;}
sup,sub { vertical-align:baseline;}
legend { color:#000;}
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%;}
a,a:link,a:visited,a:hover,a:active,a:focus { text-decoration:none; outline:none;}
img,img:focus { outline:none;}
body,html,a { color: #2e2b2b;}
body { font-family:'微软雅黑'; _font-family:'微软雅黑',Arial;font-size:14px;}
a:hover { color: #339464;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

/*层级比较-----IE7*/
.zpr{z-index: 99;position: relative;}


/* **
 * This kind of specialized for making hyperlink button.
 * Used in image links, had better use it.
 */
a.a-block { display:block; width:100%; height:100%;}
a.a-inline-block { display:block; }

/* **
 * In view of the Li and DD elements overflow automatically wrap
 */
.wsn { white-space:nowrap;}

/* **
 * Used to create very small height of the box.
 */
.hr { line-height:0; font-size:0; overflow:hidden;}

/* **
 * These are some of the commonly used on the width and height of the class.
 * You may need to delete or modify them.
 */
.w-1200 { width:1200px;}
.w-h-full { width:100%; height:100%;}
.w-auto { width:auto;}
.w-full { width:100%;}
.h-full { height:100%;}
.h-auto { height:auto;}

/* **
 * Let the cursor into a hand looks like.
 */
.cp { cursor:pointer;}

/* **
 * The special IE.
 */
.zoom { zoom:1;}

/* **
 * Dealing with hidden overflow.
 */
.oh { overflow: hidden;}
.text-one-line-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* **
 * Floating special.
 */
.fl { float:left;}
.fr { float:right;}
.ff { _display:inline;/* IE6.0  Floating double margin solution */}
.cc { clear:both;}
.clear-left { clear:left;}
.clear-right { clear:right;}

/* **
 * Position special style.
 */
.pa { position:absolute;}
.pr { position:relative;}
.pf { position:fixed;}
.pa-lt { position:absolute; left:0; top:0;}
.pr-lt { position:relative; left:0; top:0;}
.pa-tr { position:absolute; top:0; right:0;}
.pa-rb{position: absolute;right: 0;bottom: 0;}
.pr-tr { position:relative; top:0; right:0;}
.pf-lt { position:fixed; left:0; top:0;}
.pf-lb { position:fixed; left:0; bottom:0;}
.pf-rt { position:fixed; right:0; top:0;}
.pf-rb { position:fixed; right:0; bottom:0;}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}

/* **
 * Font style shape.
 */
.fwb { font-weight:bold;}
.fwl { font-weight:lighter;}
.fwn { font-weight:normal;}

/* **
 * Text alignment.
 */
.tc { text-align:center;}
.tl { text-align:left;}
.tr { text-align:right;}

/* **
 * CSS3 rounded style definitions.
 * IE 9.0 +
 */
.br3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.br5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.br6 { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.br8 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.br10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.br15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.br-50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

/* **
 * Stacked layer styles.
 */
.z-max { z-index:999999;}
.z-second { z-index:99999;}
.z-thrid { z-index:99998;}
.z-forth { z-index:99997;}
.z-fifth { z-index:99996;}
.z-sixth { z-index:99995;}
.z-min { z-index:-999999;}

/* **
 * The elements of the visibility model.
 */
.dn { display:none;}
.db { display:block;}
.d-inline{display: inline-block;}

/* **
 * reset table.
 */
table { border-collapse:collapse; border-spacing:0; }

.text-center{text-align: center;}

.container{
  width: 1200px;
  margin: 0 auto;
}

.head{
  height: 80px;
  background: #fff;
  overflow: hidden;
}

.head .list a {
  display: block;
  float: left;
  height: 80px;
  font-size: 16px;
  padding: 0 20px;
  margin-right: 40px;
  color: #3b3b3b;
  line-height: 100px;
}

.head .list a.active{
  color: #23bbf4;
}

.head .list a.last{
  margin-right: 0;
  padding-right: 0;
}

.footer{
  font-size: 14px;
  height: 60px;
  background: #484848;
  color: #fff;
}

.footer .fl, .footer .fr{
  position: relative;
  top: 21px;
}

.logo{
  position: relative;
  top: 6px;
  display: inline-block;
  height: 67px;
  width: 186px;
  background: url(../images/head.png) no-repeat;
  background-size: contain;
}

.strong{
  display: block;
  margin-top: 15px;
  color: #333;
  font-weight: bold;
}