*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;font-family:"Microsoft YaHei";
}
body,html{font-size:12px; }
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{display: inline-block; border: 0; vertical-align: middle;max-width:100%}
.fl{float:left}
h1{text-align:center;font-size:22px;font-weight:bold;margin:20px 0;font-family: "Microsoft YaHei"}

.w1028{ width: 1028px;margin: 0 auto;position: relative; }
.header{ height: 60px; width: 100%; 
position: absolute;
top: 0px;
z-index: 101;
}

.header .logo{padding-top:15px;}
.header .nav{ float: right; padding-top:10px;}
.header .nav li{ 
float: left;
font-size: 16px; 
margin: 0 20px;
line-height: 60px;

}
.header .nav li a{
    color: #ffffff;
}



.header.active{
    position: fixed;
    top: 0;
    left: 0;
    background: #0099d6;
}
.header.active .nav li {
    opacity: 0;
}

.header.active .nav {
    width: 200px;
    position: fixed;
    float: none;
    top: 0px;
    left: auto;
    right: -203px;
    border-left: 3px solid #d7d7d7;
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
}
.header.active .nav li{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.header.active .nav.show{
    padding-top: 55px;
}
.header.active .nav.show li{
      margin: 0;
      opacity: 1;
      margin-bottom: 10px;
}
.header.active .nav.show li a{
  color: #666;
  display: block;
  padding-left: 40px;

} 
.header.active .nav.show li a.cur,.header.active .nav.show li a:hover{
    background: #e1e1e1;
    color: #000;
}
.header_bg{


}


.banner{
  opacity:0.7; filter: alpha(opacity=70);
}
.bannerback{
  background: #000;
}

.main{ width: 1028px;margin: 50px auto 80px; }
.aboutus{margin: 50px auto;background-color:#D6E6F2;padding:30px 0 60px}
.aboutus p{width: 1028px;margin: 0 auto; line-height:25px;font-size:14px;}

.slogan{
	animation: sport 1s;
	transform: translateY(0px);

}
@keyframes sport {
	0%   {transform: translateY(80px);opacity: 1;}
	25%  {transform: translateY(50px);opacity: 1}
	50%  {transform: translateY(20px);opacity: 1}
	100% {transform: translateY(0px);opacity: 1}
}

.iconfont {
  font-family: "iconfont" !important;
  margin:0 auto;
  font-size: 50px;
  color:#1E5AA6;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}