@charset "utf-8";
/* CSS Document */
html{ overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#444; font-size:14px; font-family:"微软雅黑";}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px; line-height:25px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none;}
a:hover {color:#eb5300; text-decoration:none; }
.layout{ width:1200px; margin:0 auto}
.fl{ float:left;} .fr{ float:right;}

.logo{ width:260px; height:99px;}

.navBar{ position:relative; z-index:1;  height:99px; line-height:99px; width:840px; margin-left:100px;  }
.nav{  margin:0 auto;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:17px;  }
.nav .m{  position:relative; float:left;  display:inline; text-align:center;   }
.nav h3 a{  zoom:1; line-height:99px; width:120px;  display:block;font-size:17px; text-transform:uppercase;}
.nav li:hover a{ color:#ff7c00; border-bottom:2px #226ad9 solid;}
.nav .on h3 a{border-bottom:5px solid #c00;}
.nav .sub{ width:180px; position:absolute; left:-30px; top:99px; display:none; }
.nav .sub li{ text-align:center; line-height:45px; }
.nav .sub li a{ color:#333; display:block; zoom:1;background:rgba(255, 255, 255, 0.5)!important;-webkit-transition: all 0.9s ; border:0px;}
.nav .sub li a:hover{color:#fff; background:#226ad9 !important; }


.foot{ background:#4a4949; height:auto; overflow:hidden; padding:20px 0;}
.foot .foot_nav{ width:1200px; height:auto; overflow:hidden; margin:20px auto;}
.foot .foot_nav .fleft{ width:830px; height:auto; overflow:hidden; float:left;}
.foot .foot_nav .fleft dl{ width:250px; float:left;}
.foot .foot_nav .fleft dl dt{ font-size:20px; line-height:65px; color:#fff;}
.foot .foot_nav .fleft dl dd{ color:#c3c2c2; line-height:27px;}
.foot .foot_nav .fleft dl dd a{ color:#c3c2c2; }
.foot .foot_nav .fleft dl dd a:hover{ color:#fff;}
.foot .foot_nav .fright{ width:369px; height: auto; overflow: hidden; float:left; border-left:1px #656464 solid;}
.foot .foot_nav .fright img{ display:block; margin:auto; clear:both;}
.foot .foot_nav .fright span{ font-size:12px; text-align:center; color:#999; font-style:normal; display:block; line-height:28px;}
.foot .foot_nav .fright p{ padding:0 40px; line-height:25px; color:#c3c2c2;}
.copyright{ width:1200px; height:auto; overflow:hidden; line-height:25px; padding:20px 0; margin:auto;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#fb9700 url(../images/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #ffd200;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}