@import url("common_m.css");
@import url("swiper.min.css");
/*banner*/
.header-banner { width: 100%; height: 13rem; overflow: hidden; position: relative; background: #f3f3f3; }
.header-banner img { width: 100%; display: block; max-height:220px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  left: 100%; margin-left: -2.5rem; bottom: 0.5rem;}
.header-banner .ti { width: 100%; position: absolute; z-index: 9; bottom: 0; height: 1.875rem; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); line-height: 1.875rem; }
.header-banner .ti p { padding-left: 1.5625rem; position: relative;}
.header-banner .ti p:after { width: 0.25rem; height:1rem;  content: ""; display: block; position: absolute; left: 0.5rem; top:50%; margin-top: -0.5rem;  border-radius: 1px; background-color: #fff; display: block; border-radius: 0.3125rem;}
.swiper-slide { height: 13rem!important;  }
.swiper-slide img { min-height: 13rem; }
.swiper-pagination-bullet { background: #fff!important; opacity: .5!important; }
.swiper-pagination-bullet-active {background: #fff!important; }
/*导航菜单*/
.nav ul { width: 100%; }
.nav ul li { width: 25%; float: left; margin: 2% 0; }
.nav ul li a { display: block; }
.nav ul li em { width: 3rem; height: 3rem; display: block; background: url(../image/icon.png) no-repeat; margin: 0 auto; background-size: 100%;  }
.nav ul li em.i1 {background-position: 0 0; }
.nav ul li em.i2 {background-position: 0 -3.4rem; }
.nav ul li em.i3 {background-position: 0 -6.8rem; }
.nav ul li em.i4 {background-position: 0 -10.24rem; }
.nav ul li em.i5 {background-position: 0 -13.6rem; }
.nav ul li em.i6 {background-position: 0 -17.08rem; }
.nav ul li em.i7 {background-position: 0 -20.42rem; }
.nav ul li em.i8 {background-position: 0 -23.85rem; }
.nav ul li p { text-align: center; font-size: .7rem; padding-top: 1rem;   }