.top {

  height: 712px;

  width: 100%;

}

.top02 {

  height: 282px;

  width:100%;

  text-align: center;

}

.swiper-container02 img{



}

.nav-box {

  width: 100%;

  height: 50px;

  background: url(../img/nav_bg.png) repeat;

  position: absolute;

  top: 60px;

  left: 0;

  z-index: 3;

}

.nav {

  width: 1200px;

  margin: 0 auto;

}

.nav p {

  float: left;

  width: 144px;

  height: 41px;

  margin-top: 4px;

}

.nav .nav-web {

  width: 990px;

  float: right;

}

.nav-web li {

  float: left;

  position: relative;

}

.nav-web li a,

.nav-web li a:visited {

  width: 120px;

  height: 50px;

  display: block;

}

.nav-web li.active{

}

.nav-web li.active .nav-items{

	border-top: 2px solid #e60012;

  height: 52px;

  margin-top: -2px;

}

.nav-web li a.nav1 {

  background: url(../img/nav1.png) center center no-repeat;

}

.nav-web li a.nav2 {

  background: url(../img/nav2.png) center center no-repeat;

}

.nav-web li a.nav3 {

  background: url(../img/nav3.png) center center no-repeat;

}

.nav-web li a.nav4 {

  background: url(../img/nav4.png) center center no-repeat;

}

.nav-web li a.nav5 {

  background: url(../img/nav5.png) center center no-repeat;

}

.nav-web li a.nav6 {

  background: url(../img/nav6.png) center center no-repeat;

}

.nav-web li a.nav7 {

  background: url(../img/nav7.png) center center no-repeat;

}

.nav-web li a.nav8 {

  background: url(../img/nav8.png) center center no-repeat;

}

.nav-web li a.nav9 {

  background: url(../img/nav9.png) center center no-repeat;

}

.nav-web li.active a.nav1 {

  background: url(../img/nav1_a.png) center center no-repeat;

}

.nav-web li.active a.nav2 {

  background: url(../img/nav2_a.png) center center no-repeat;

}

.nav-web li.active a.nav3 {

  background: url(../img/nav3_a.png) center center no-repeat;

}

.nav-web li.active a.nav4 {

  background: url(../img/nav4_a.png) center center no-repeat;

}

.nav-web li.active a.nav5 {

  background: url(../img/nav5_a.png) center center no-repeat;

}

.nav-web li.active a.nav6 {

  background: url(../img/nav6_a.png) center center no-repeat;

}

.nav-web li.active a.nav7 {

  background: url(../img/nav7_a.png) center center no-repeat;

}

.nav-web li.active a.nav8 {

  background: url(../img/nav8_a.png) center center no-repeat;

}

.nav-web li.active a.nav9 {

  background: url(../img/nav9_a.png) center center no-repeat;

}

.nav-web li.nav-line {

  width: 2px;

  height: 50px;

  background: url(../img/nav_line.png) no-repeat;

}

.nav-children {

  position: absolute;

  top: 50px;

  width: 320px;

  z-index: 9;

  height: 170px;

  overflow: hidden;

  display: none;

}

.nav-children.left {

  left: 0;

}



.nav-children.left .nav-children-left,.nav-children.right .nav-children-right {

  float: left;

}

.nav-children.right .nav-children-left ,.nav-children.left .nav-children-right{

  float: right;

}

.nav-children.right {

	right: 0;

}

.nav-children-left {

  padding-top: 8px;

  width: 120px;

  height: 160px;

  background: url(../img/nav_children_bg.png) repeat;

  overflow-x: hidden;

  overflow-y: auto;

}

.nav-web li .nav-children-left a,

.nav-web li .nav-children-left a:visited {

  font-size: 14px;

  color: #fff;

  text-align: center;

  display: block;

  height: 32px;

  line-height: 32px;

  width: 100px;

  margin: 0 auto;

}

.nav-web li .nav-children-left a:hover {

  background: #ff0000 url(../img/icon1.png) 90px center no-repeat;

}

.nav-children-right {

  float: right;

  padding-top: 5px;

}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  

.nav-children-left::-webkit-scrollbar

{  

    width: 5px;  

    height: 5px;  

    background: url(../img/nav_children_bg.png) repeat;  

}  

  

/*定义滚动条轨道 内阴影+圆角*/  

.nav-children-left::-webkit-scrollbar-track

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    border-radius: 10px;  

    background: url(../img/nav_children_bg.png) repeat; 

}  

  

/*定义滑块 内阴影+圆角*/  

.nav-children-left::-webkit-scrollbar-thumb

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

    background-color: #86b0e6;

} 

.banner {

  width: 100%;

  height: 662px;

}

.banner_ny{

	width:100%;

	height: 300px;

	overflow: hidden;

}

.menu {

  width: 0.7037037rem;

  height: 0.55555556rem;

  background: url(../img/menu.png) left center no-repeat;

  background-size: 0.7037037rem 0.55555556rem;

  display: none;

  float: right;

}

.app-nav {

  display: none;

}

@media only screen and (max-width: 480px) {

  .mg-t10 {

    margin-top: 0.18518519rem;

  }

  .width-1200px {

    width: 9.62962963rem;

  }

  body {

    position: relative;

  }

  .top {

    padding-top: 1.48148148rem;

    height: auto;

    background: none;

  }

  .nav-box {

    height: 1.48148148rem;

    background-color: #fff;

    top: 0;

  }

  .nav-box .nav {

    width: 100%;

  }

  .nav-box .nav .logo {

    width: 2.87037037rem;

    height: 0.81481481rem;

    margin-top: 0.33333333rem;

    margin-left: 0.18518519rem;

  }

  .nav-box .nav .logo img {

    width: 2.87037037rem;

    height: 0.81481481rem;

  }

  .nav-box .nav .menu {

    margin-top: 0.46296296rem;

    display: block;

    margin-right: 0.18518519rem;

  }

  .nav .nav-web {

    display: none;

  }

  .app-nav {

    background: #2e2e2e;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

    position: fixed;

    z-index: 10000;

    top: 0;

    left: -60%;

    overflow: hidden;

    width: 50%;

    height: 100%;

    padding: 0;

    display: block;

  }

  .app-nav ul {

    background: #2e2e2e;

    padding: 0.18518519rem 0 0.37037037rem 0;

  }

  .app-nav ul li {

    height: 1.11111111rem;

    line-height: 1.11111111rem;

    margin-left: 0.37037037rem;

    border-bottom: 0.00925926rem solid #2b2b2b;

    display: flex;

  }

  .app-nav ul li a {

    color: #adadad;

    font-size: 0.37037037rem;

    flex-grow: 1;

  }

  .app-nav ul li span {

    width: 0.92592593rem;

    height: 1.11111111rem;

    display: block;

    border-left: 0.00925926rem solid #2b2b2b;

  }

  .app-nav ul li span i {

    display: block;

    width: 0.37037037rem;

    height: 0.37037037rem;

    background: url(../img/right-arrow.png) no-repeat;

    background-size: 0.37037037rem 0.37037037rem;

    margin: 0.27777778rem auto;

  }

  .app-nav ul li .nav-app-chidren {

    background: #333;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);

    position: fixed;

    z-index: 101;

    top: 0;

    left: -60%;

    overflow: hidden;

    width: 50%;

    height: 100%;

    padding: 0;

    display: block;

  }

  .app-nav ul li .nav-app-chidren dl {

    padding: 0.18518519rem 0 0.37037037rem 0;

  }

  .app-nav ul li .nav-app-chidren dl dt {

    display: flex;

    background-color: #2e2e2e;

  }

  .app-nav ul li .nav-app-chidren dl dt span {

    width: 0.92592593rem;

    height: 1.11111111rem;

    display: block;

  }

  .app-nav ul li .nav-app-chidren dl dt span i {

    background: url(../img/right-arrow2.png) no-repeat;

    background-size: 0.37037037rem 0.37037037rem;

    margin-top: 0.38888889rem;

  }

  .app-nav ul li .nav-app-chidren dl dd {

    height: 1.11111111rem;

    line-height: 1.11111111rem;

    margin-left: 0.37037037rem;

    border-bottom: 0.00925926rem solid #2b2b2b;

    display: flex;

  }

  .banner {

    height: auto;

  }

  .banner img {

    width: 100%;

	height:100%;

    display: block;

  }

  .banner_ny {

	  display: none;

  }

  .top02 {

	  height: 1.48148148rem;

  }

}