* {

    margin:0;

    padding:0;

}

body, p, div, span, a, li, td, h1, h2, h3, h4, h5, h6 {

    font-size: 14px;

    font-weight: 100;

}

address, cite, dfn, em, var {

    font-style: normal;

}

button, input {

    vertical-align:middle;

}

li,ul {

    list-style:none;

} 

a {

    text-decoration:none;

    color:#404040;

    cursor:pointer;

}

a:link {
    text-decoration: none;
}

a:hover {

    color: #22C7DD;

    text-decoration: none;

}

img {

    border:0;

    height: auto;

    vertical-align: middle;

}

body {

    font-family: "Microsoft YaHei";

    font-size: 14px;

    font-weight: 100;

    background: #F4F4F6;
    _background: #EFF1F3;

    font:14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;

}

hr {
    margin-bottom: 10px;
    clear: both;
}

.ui-widget {

    font-family: "Microsoft YaHei";

}

.inline {
    display:inline-block!important;
}

.circle {
    border-radius: 50%!important;
}

.orange {
    color:orange;
}

.white {
    color:white;
}

.c-ccc {
    color:#ccc;
}

.fl {
    float: left;
}

hr.orange {
    border:1px dashed orange;
}

hr.c-1378bb {
    border:1px dashed #1378bb;
}

.weight-no {
    font-weight: normal;
}

.color-888 {
    color:#888;
}

.bg-white {
    background: white!important;
}

.bg-orange {
    background: orange;
}

.bg-fbb341 {
    background: #fbb341;
}

.bg-1378bb {
    background: #1378bb;
}

.bg-no {
    background: none!important;
}

.dis-no {
    display: none!important;
}

.dis-bl {
    display: block;
}

.over-hidd {
    overflow: hidden!important;
}

.center {
    text-align: center;
}

.left {
    text-align:left ;
}

.m-center {
    margin:0 auto;
}

.m-20 {
    margin: 20px;
}

.mt15 {
    margin-top: 15px;
}

.m-10 {
    margin: 10px;
}

.ml30 {
  margin-left: 30px;
}

.ml75 {
  margin-left: 75px;
}

.pd-20 {
    padding:20px;
}

.pd-15 {
    padding:15px;
}

.pd-10 {
    padding:10px;
}

.font-14 {
    font-size: 14px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font23 {
    font-size: 23px;
}

.height-50 {
    height:50px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.po-re {
    position: relative;
}

.po-ab {
    position: absolute;
}

.opa-7 {
    opacity: 0.7;
}

.fill {
    height:100%;
    _width:100%;
}

.vertical-line {
    border: 1px solid #ccc;
    width: 0;
    height: 100%;
}

.li-fl li {
    float: left;
}

.inner {

    margin:0 auto;

}

.overflow_hidd {

    overflow:hidden;

}

.clear {

    clear:both;

}

/*顶部图片*/

#logo_top {

    width:100%;
    background: #F4F4F6;
    height:150px;


}

#logo_top img {
    height: 150px;
    
}

#logo_top img.topl {
    float: left;
    width:75%;
    margin-left: 0px;
}

#logo_top img.topr {
    float: right;
    width:25%;
    margin-right: 0px;
}

#logo_top .inner {

    width:100%;
    height:100%;
    margin: 0 auto;
    

}

#logo_top .inner .fl {

    _margin-top:28px;

}

#notice {

    height:18px;
    color:#E80204;
    background: #F4F4F6;
    position:relative;
    z-index:2;

}
#notice marquee{
    position:absolute;
    height:30px;
    font-size:20px;
    line-height:40px;
    font-weight:500px;
    width:100%;
}

#notice a {

    color:#E80204;
    font-size:20px;

}

/*顶部导航*/
#box {
    position:relative;
    z-index:1;
    width:100%;

    _background: #fff;

    margin:0 auto;

}

#box .overflow_hidd {

    position: relative;

}

#nav_top_box {

    _position: fixed;
    position: relative;

    top: 0;

    width: 100%;

    height: 77px;

    z-index: 99;

    _background: #F4F4F6;

}

#nav_top_box a {

    font-size:16px;
    font-weight: bold;
    color:#212121;

}

#nav_top_box .inner {

    position: relative;

    height: 76px;

    width: 1170px;

}

#nav_top_box .inner a:hover {

    color:#00387F;
}

#nav_top_box .logo {

    float: left;

    width: 143px;

    height: 66px;

    margin: 2px 30px 16px 0;

}

#nav_top_box .menu {

  float: left;

  height: 100%;

  position:relative;

  text-align:center;

}

#nav_top_box .menu li {

    display: inline-block;
    
    *display:inline;
    *zoom:1;
    height: 100%;

    line-height: 76px;

    width:90px;

}

#nav_top_box .menu li:nth-child(2):hover {

    _background:#5E5E5E;

}

#nav_top_box .underline {

    height:2px;

    width:90px;

    background:skyblue;

    position:absolute;

    top:58px;

    left:0px;

    -webkit-transition:0.3s left;

    -moz-transition:0.3s left;

    -o-transition:0.3s left;

    transition:0.3s left;

}

#nav_top_box .user {

    float: right;

    display: block;

    height: 40px;

    line-height: 40px;

    padding-left: 46px;

    margin: 15px 0 16px 0;

    background: url(style_res/face1.jpg) no-repeat 0 50%;

}

#product_box {

    position:absolute;

    height:0px;

    width:100%;

    line-height:50px;

}

/*
.minfoWrap {
  position: absolute;
  background: #fff;
  border-top: 0px solid #8c0000;
  left: 0%;
  width: 100%;
  z-index: 2;
  _padding: 2em 0;
  _display: none;
  overflow: hidden;
  height:0;
  -webkit-transition:0.5s height;

  -moz-transition:0.5s height;

  -o-transition:0.5s height;

  transition:0.5s height;
}

.minfoWrap_inner {
  width: 1300px;
  background: #fff;
  margin: 20px auto 0 auto;
}

.minfoWrap_inner .fl img {
    vertical-align: bottom;
}

.minfoWrap_inner .slogan {
    margin-right: 10px;
    margin-left: 45px;
}

.nav01 {
  width: 160px;
}

.nav03 {
  width: 240px;
  font-size: 14px;
  color: #999;
  margin-right: 50px;
  line-height: 24px;
}

.slogan {
  color: #8c0000;
  font-size: 16px;
  text-align: center;
}

.minfoWrap li a {
  display: block;
  line-height: 43px;
  font-size: 16px;
  color: #333;
  text-align: center;
  width: 125px;/*
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -ms-transition-duration: 0s;
}

.minfoWrap ul li a {
  background: #fff;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  padding: 0 0 0 0px;
}

.minfoWrap ul li a:hover {

    color:red;

}
*/


#product_box ul {

    overflow:hidden;

    _background:rgba(94, 94, 94, 0.75);

    -webkit-transition:0.4s height;

    -moz-transition:0.4s height;

    -o-transition:0.4s height;

    transition:0.4s height;

    width:1230px;

    margin:0 auto;

    height:0;
    
    position:relative;

}

#product_box ul div{
    position:absolute;
    z-index:2;
    width:1170px;
}

#product_box ul div.nav_bg {
    background:#616060;
    opacity:0.75;
    filter:alpha(opacity=75);
    width:100%;
    height:100%;
    z-index:1;
}

#product_box span {

    padding:0 20px;

}

#product_box a {

    color:#eee;

}

#product_box a:hover {

    color:skyblue;

    text-decoration:underline;

}



#reg, #login, #question {

  padding: 15px 0 0 15px;

}

#reg p, #login p, #question p {

  padding: 0;

  margin: 10px 0;

}

#reg p label, #login p label, #question p label {

  font-size: 14px;

  color: #666;

}

#reg .text, #login .text, #question .text {

  border-radius: 4px;

  border: 1px solid #ccc;

  background: #fff;

  width: 200px;

  height: 25px;

  line-height: 25px;

  text-indent: 5px;

  font-size: 13px;

  color: #666;

}

#reg .star, #login .star, #question .star {

  color: red;

  font-size: 18px;

}

#reg .succ,#login .succ,#question .succ {

    background:url(style_res/reg_succ.png) no-repeat center;

    display:inline-block;

    width:14px;

}

#reg ol li, #login ol li, #question ol li {

    list-style:inherit;

}

#reg ol, #login ol, #question ol {

  padding: 0 0 0 20px;

  color: maroon;

}

#reg ol li, #login ol li, #question ol li {

  height: 20px;

}

#code.text {

    width:100px;

}

#loading {

    background:url(style_res/loading.gif) no-repeat 20px center;

    line-height:28px;

    font-size:14px;

    font-weight:bold;

    text-indent:40px;

    color:#666;

}

#error {

    background:url(style_res/error.png) no-repeat 20px center;

    line-height:28px;

    font-size:14px;

    font-weight:bold;

    text-indent:40px;

    color:#666;

}

#expires {

    margin:0 2px 0 125px;

    position:relative;

    top:2px;

}

#low_iev .close {

    width:22px;

    height:22px;

    float:right;

    _background:green;

}

#low_iev {

    font-family:"Microsoft YaHei";

}

#low_iev h1 {

    font-size:26px;

    margin-top:30px;

} 

#low_iev span {

    font-size:16px;

    padding-top:30px;

    line-height:26px;

    display:block;

}

#reg, #login, #loading, #error, #low_iev {

    display:none;

}
/*footer*/

#footer {
    background: #DEDEDE;
}

/* foot_top */
#footer #foot_top {
    margin: 0 auto;
    width: 1300px;
    height: 123px;
    margin-top: 30px;
    text-align: left;
}

#footer #foot_top img {
    height: 123px;
    _margin-top:26px;
    display:block;
    float:left;
    
}

#footer #foot_top span {
    color: #575757;
    font-size: 20px;
    font-weight: bold;
}

#footer #foot_top .foot_txt {
    
    float: left;
    _margin-right: 400px;
    _margin-top: 20px;
    margin-left:61px;
    _margin-top:-80px;
    margin-top: 15px
}

#footer #foot_top .foot_txt p {
    color:  #575757;
    font-weight: 500;
}

.foot_bottom {

    width:100%;
    background: #1D5D9A;
    line-height:50px;
    height:100px;
    color: #6CA9E0;
    text-align:center;
}

#footer .foot_bottom {

    width:100%;
    background: #1D5D9A;
    line-height:50px;
    height:100px;
    color: #6CA9E0;
}


#footer section {

    background:#fff;

    padding:30px 7.7% 25px;

}

#footer .left {

    float:left;

    margin-right:20px;

}

#footer .left span {

    font-size:12px !important;

    font-weight:400 !important;

}

#footer .right span {

    display: table-cell;

    vertical-align: middle;

    line-height: 1.2;

    padding:7px 0;

    font-size:13px;

}

#footer .right {

    float:right;

    margin-left:30px;

}

#footer footer {

    background:#f3f3f3;

    color:#d2d3d5;

    width: 84.6%;

    padding-left: 7.7%;

    padding-right: 7.7%;

}

#footer footer a {

    margin:0 10px;

    color:#2c2c2c;

    font-weight:400 !important;

}

#footer footer p {

    font-size: 13px;

    line-height:26px;

    color:#7a7a7a;

}

#footer footer li {
    float:left;
    text-align: center;
    padding:0 1.5% 10px 1.5%;
}

#footer footer li:nth-child(1) {
    width:69%;
}

#footer footer li:nth-child(2) {
    width:25%;
}

#footer footer li strong {
    color:#999;
}

#footer footer li p {
    text-align: left;
}

#footer footer li p span {
    display: inline-block;
}

#footer footer li p span.title {
    float:left;
}
#footer footer li p span.address {
    width:80%;
}

#statistical {
    opacity:0;
    position: fixed;
    left: 0;
    bottom: 0;
}
#statistical:hover {
    opacity:1;
}