@charset "utf-8";
.top{
    position: relative;
}
.top-nav{
    position: absolute;
    top: 0;
    z-index: 999999;
    width: 100%;
    padding: 3rem 0;
}
.top-logo img{
    height:80px;
}
.top-i{
    margin-top: 2rem;
}
.top-home,.top-en,.top-qh{
    line-height: 4rem;
    height: 4rem;
    margin-left: 3rem;
}
.top-en{
    font-size: 1.6rem;
    color: #fff;
}
.top-en span{
    color: #fff;
}
.top-home i{
    color: #fff;
    font-size: 2.4rem;
}
.top-en i{
    color: #fff;
    font-size: 1.8rem;
    margin-right: 1rem;
}
.top-qh i{
    color: #fff;
    font-size: 3rem;
    cursor: pointer;
}


/*手机侧导航*/
.menu_theme_write .am-offcanvas-bar {
  background: #3385ff;
}
.menu_theme_write .am-offcanvas-bar:after {
  background: rgba(0, 0, 0, 0);
}
.menu_theme_write .am-offcanvas-bar .am-menu-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu_theme_write .am-offcanvas-bar .am-menu-nav > li:first-child > a {
  border-top: 1px solid none;
  border-top: none;
}
.menu_theme_write .am-offcanvas-bar .am-menu-nav > li > a {
  color: #fff;
  -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  -ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.menu_theme_write .am-offcanvas-bar .am-menu-nav > .am-open > a,
.menu_theme_write .am-offcanvas-bar .am-menu-nav > li > a:focus,
.menu_theme_write .am-offcanvas-bar .am-menu-nav > li > a:hover {
  background-color: #ffffff;
  color: #333;
}
.menu_theme_write .am-offcanvas-bar .am-menu-sub {
  background: #0052ce;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.btn_top{
    position:fixed;
    background: rgba(51, 133, 255, .9);
    padding: 2rem 0;
    transition: all 0.3s;
}
.btn_top .top-logo img{
    height: 60px;
}
.btn_top  .top-i{
    margin-top:1rem;
}


.swiper-banner img{
  width: 100%;
  transition: all 1s ease 2.5s;
  transform: perspective(1000px) translate3d(0, 0, 100px);
}
.swiper-banner .swiper-slide-active img{
transition: all 5s ease 0s;
    transform: perspective(1000px) translate3d(0, 0, 0px);  
}


@media screen and (max-width: 1200px) {
    .top-home{
    display: none;
    }
    .top-home, .top-en, .top-qh{
    margin-left: 1rem;
    }
   .top-nav{
      position:relative;
      padding: 1rem 0;
   }
   .top-logo img{
     height: auto;
   }
   .top-i{
     margin-top: 2rem;
   }
   .top-qh i,.top-en i,.top-en span,.top-en,.top-home i{
     color:#333;
     font-size: 1.8rem;
   }
   .top-qh i{
    color: #3385ff;
    font-size: 3rem;
  }
  .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 2rem;
  }
}