@import url(https://fonts.googleapis.com/css?family=Lato);


.nav {
  float: right;
  width: 40px;
  height: 27px;
  margin-top: 68px;
  position: relative;
}

.btn-nav {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}
.btn-nav:before{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border:2px solid #fff;
  content:"";
  transform: Translate(-50%,-50%);
  opacity: 0;
}
.animated:before{ opacity: 1; }
.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  width: 40px;
  height: 5px;
  background-color: #FFFFFF;
}
.top{ margin-bottom: 6px; }
.bottom{margin-top: 6px;}
.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #013e95;
}

.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.9);
  display: block;
  height: 100%;
  z-index: 9;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 50%;
  transform: TranslateY(-50%);
}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #013e95;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #013e95;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  margin: 20px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #fff;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #fff;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}


.navul{ float:right; padding-top:72px; transition:all 0.5s ease 0s;}
.navul li{ float:left; margin:0 0 0 20px; }
.navul li a{ display:block; font-size:22px; padding: 0 10px; transition:all 0.5s ease 0s;}
.fixed .navul{ padding-top:0; transition:all 0.5s ease 0s; }
.fixed .navul li a{ height:72px; line-height:72px;transition:all 0.5s ease 0s; font-size:20px; }
.bussdiv{ margin:0 0 0 -150px; padding:150px 0 0 80px; }
.bussdiv .bussdl{ float:left; width:580px; margin-left:150px; }
.bussdl dt{ float:left; width:123px; height:123px; margin-right:40px; margin-top:15px; }
.bussdl dt img{width:123px; height:123px; overflow: hidden;}
.bussdl dd{ width:409px; float:left; }
.bustit{ height:54px; line-height:54px; overflow:hidden; font-size:30px;  }
.busword{ height:192px; overflow:hidden; line-height:48px; font-size:24px; color:#666666; }
.section4 .ind_head_name{ color:#fff }
.jourul { margin-left: -40px; }
.jourul li{ float:left; width:510px;  margin-left: 40px; box-sizing:border-box; margin-bottom:20px; }
.jourpic img{ height:190px; width:510px; transition:all 1s ease 0s; }
.jourpic { margin-bottom:10px; overflow:hidden; }
.jourinner{ padding:0 10px; }
.jourtit{ font-size:18px;margin-bottom:5px; transition:all 0.5s ease 0s;color:#fff; height:28px; line-height:28px; overflow:hidden; }
.jourword{ font-size:14px;margin-bottom:6px; line-height:26px; height:26px; overflow:hidden; color: #fff;    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-text-overflow: ellipsis;display: -webkit-box;
    overflow: hidden;}
.joursee{font-size:12px;transition:all 0.5s ease 0s; line-height:22px; height:22px; width: 76px; overflow:hidden; color: #fff; background: url('../images/joursee.png') no-repeat right center; background-size: 8%}
.jourdiv{ width:1060px; margin:0 auto; }
.jourul li:hover .jourpic img{ transition:all 1s ease 0s; transform:scale(1.1); }
.jourul li .jourtit:hover {transition:all 0.5s ease 0s; font-weight: bold;}
.jourul li .joursee:hover {transition:all 0.5s ease 0s; font-weight: bold; width: 90px;}

.news_dl{ padding:20px 0; border-bottom:1px solid #ddd; }
.news_dl dt{ float:left; height:130px; width:349px; margin-right:30px; }
.news_dl dt img{height:130px; width:349px; overflow: hidden;}
.news_dl dd{ float:left; width:740px; }
.newstit{ font-size:16px;transition:all 0.5s ease 0s; height:28px; line-height:28px; overflow:hidden; }
.newsword{ font-size:14px; height:66px; line-height:22px; overflow:hidden; margin-bottom:8px;  -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-text-overflow: ellipsis;display: -webkit-box;
    overflow: hidden; }
.newstime{font-size:14px; height:22px; line-height:22px; overflow:hidden;}
.newssee{font-size:14px;transition:all 0.5s ease 0s; height:24px; line-height:24px; overflow:hidden; text-transform: uppercase;}
.newswrap{ padding-bottom:60px; }
.newstit:hover,.newssee:hover{transition:all 0.5s ease 0s; color: #013e95}

.nav{ display:none; }
.footul li{ float:left; margin-left:30px; }
.footul li a{ display:block; font-size:18px; height:109px; line-height:109px; transition: all 0.5s ease 0s; }
.footul li a:hover{ color:#013e95; transition: all 0.5s ease 0s;}