/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
html { height: 100%; }
body { font-family: "思源黑体", "微软雅黑", "Arial Narrow"; color: #000000; height: 100%; }
.swiper-container { width: 19.2rem; height: 100%; }
.swiper-slide { width: 19.2rem; height: 10.8rem; overflow: hidden; }
/*分页器*/
.swiper-container-vertical> .swiper-pagination-bullets { right: 0.71rem; top: 4.9rem; }
.swiper-pagination-bullet { width: 0.11rem; height: 0.11rem; display: inline-block; border-radius: 100%; border: 0.02rem solid #ffffff; }
.swiper-pagination-bullet-active { background: #ffffff; }
.swiper-container-vertical> .swiper-pagination-bullets .swiper-pagination-bullet { margin-bottom: 0.16rem; display: block; }
/*箭头按钮*/
.swiper-button-next { position: absolute; top: 5.92rem; right: 0.42rem; width: 0.71rem; height: 0.71rem; z-index: 10; cursor: pointer; }
.swiper-button-next.swiper-button-disabled { opacity: 0.5; cursor: auto; pointer-events: none; }
/*封面*/
.slide1 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide1_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide1 .title { position: absolute; width: 5.72rem; height: 5.45rem; left: 7.35rem; top: 0.91rem; z-index: 5; }
.slide1 .title img{  width: 5.72rem; height: 5.45rem;}
.slide1 .info { position: absolute; width: 3.23rem; height: 6.76rem; left: 3.78rem; top: 1.14rem; z-index: 5; }
.slide1 .info img{  width: 3.23rem; height: 6.76rem;}
/*查果拉哨所*/
.slide2 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide2_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide2 .title { position: absolute; width: 3.38rem; height: 1.56rem; left: 11.18rem; top: 1.32rem; z-index: 5; }
.slide2 .title img {width: 3.38rem; height: 1.56rem; }
.slide2 .list { position: absolute; width: 6.22rem; height: 3.62rem; left: 11.22rem; top: 3.1rem; z-index: 5; overflow: hidden; border-radius: 0.18rem; background: rgba(179, 165, 88, 0.66); }
.slide2 .list li { width: 5.5rem; height: 1.8rem; border-bottom: 2px dashed #000000; }
.slide2 .list li h4 { display: block; padding-top: 0.3rem; width: 5.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.26rem; }
.slide2 .list li p { display: block; width: 5.5rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; }
.slide2 .pics { position: absolute; width: 6.48rem; height: 2rem; left: 11.08rem; top: 7rem; z-index: 5; overflow: hidden; }
.slide2 .pics li { position: relative; float: left; width: 3rem; height: 2rem; margin: 0 0.12rem; }
.slide2 .pics li img { width: 3rem; height: 2rem; }
.slide2 .pics li span { position: absolute; width: 3rem; height: 0.4rem; bottom: 0; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #ffffff; background: rgba(0, 0, 0, 0.6); }
/*塔克逊哨所*/
.slide3 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide3_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide3 .title { position: absolute; width: 3.62rem; height: 1.47rem; left: 3.41rem; top: 1.4rem; z-index: 5; }
.slide3 .title img {width: 3.62rem; height: 1.47rem; }
.slide3 .list { position: absolute; width: 6.22rem; height: 3.62rem; left: 3.6rem; top: 3.1rem; z-index: 5; overflow: hidden; border-radius: 0.18rem; background: rgba(179, 165, 88, 0.66); }
.slide3 .list li { width: 5.5rem; height: 1.8rem; border-bottom: 2px dashed #000000; }
.slide3 .list li h4 { display: block; padding-top: 0.3rem; width: 5.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.26rem; }
.slide3 .list li p { display: block; width: 5.5rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; }
.slide3 .pics { position: absolute; width: 6.48rem; height: 2rem; left: 3.46rem; top: 7rem; z-index: 5; overflow: hidden; }
.slide3 .pics li { position: relative; float: left; width: 3rem; height: 2rem; margin: 0 0.12rem; }
.slide3 .pics li img { width: 3rem; height: 2rem; }
.slide3 .pics li span { position: absolute; width: 3rem; height: 0.4rem; bottom: 0; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #ffffff; background: rgba(0, 0, 0, 0.6); }
/*詹娘舍哨所*/
.slide4 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide4_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide4 .title { position: absolute; width: 3.47rem; height: 1.49rem; left: 3.56rem; top: 1.4rem; z-index: 5; }
.slide4 .title img { width: 3.47rem; height: 1.49rem; }
.slide4 .list { position: absolute; width: 6.22rem; height: 3.62rem; left: 3.6rem; top: 3.1rem; z-index: 5; overflow: hidden; border-radius: 0.18rem; background: rgba(179, 165, 88, 0.66); }
.slide4 .list li { width: 5.5rem; height: 1.8rem; border-bottom: 2px dashed #000000; }
.slide4 .list li h4 { display: block; padding-top: 0.3rem; width: 5.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.26rem; }
.slide4 .list li p { display: block; width: 5.5rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; }
.slide4 .pics { position: absolute; width: 6.48rem; height: 2rem; left: 3.46rem; top: 7rem; z-index: 5; overflow: hidden; }
.slide4 .pics li { position: relative; float: left; width: 3rem; height: 2rem; margin: 0 0.12rem; }
.slide4 .pics li img { width: 3rem; height: 2rem; }
.slide4 .pics li span { position: absolute; width: 3rem; height: 0.4rem; bottom: 0; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #ffffff; background: rgba(0, 0, 0, 0.6); }
/*乃堆拉哨所*/
.slide5 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide5_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide5 .title { position: absolute; width: 3.5rem; height: 1.35rem; left: 3.53rem; top: 1.3rem; z-index: 5; }
.slide5 .title img {width: 3.5rem; height: 1.35rem; }
.slide5 .list { position: absolute; width: 6.22rem; height: 3.62rem; left: 3.6rem; top: 3.1rem; z-index: 5; overflow: hidden; border-radius: 0.18rem; background: rgba(179, 165, 88, 0.66); }
.slide5 .list li { width: 5.5rem; height: 1.8rem; border-bottom: 2px dashed #000000; }
.slide5 .list li h4 { display: block; padding-top: 0.3rem; width: 5.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.26rem; }
.slide5 .list li p { display: block; width: 5.5rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; }
.slide5 .pics { position: absolute; width: 6.48rem; height: 2rem; left: 3.46rem; top: 7rem; z-index: 5; overflow: hidden; }
.slide5 .pics li { position: relative; float: left; width: 3rem; height: 2rem; margin: 0 0.12rem; }
.slide5 .pics li img { width: 3rem; height: 2rem; }
.slide5 .pics li span { position: absolute; width: 3rem; height: 0.4rem; bottom: 0; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #ffffff; background: rgba(0, 0, 0, 0.6); }
/*第二屏*/
.slide6 { position: relative; width: 19.2rem; height: 10.8rem; background: url(../images/slide6_bg.jpg); background-size: 100% auto; background-repeat: no-repeat; }
.slide6 .list { position: absolute; width: 6.22rem; height: 3.92rem; left: 9.74rem; top: 2.8rem; z-index: 5; overflow: hidden; border-radius: 0.18rem; background: rgba(179, 165, 88, 0.66); }
.slide6 .list li { width: 5.5rem; height: 1.8rem;  }
.slide6 .list li:first-child{ border-bottom: 0.02rem dashed #000000;}
.slide6 .list li h4 { display: block; padding-top: 0.3rem; width: 5.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; overflow: hidden; font-size: 0.26rem; }
.slide6 .list li p { display: block; width: 5.5rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; }
.slide6 .list .more{ float: right; font-size: 0.18rem; margin-right: 0.36rem;}
.slide6 .pics { position: absolute; width: 6.48rem; height: 2rem; left: 9.6rem; top: 7rem; z-index: 5; overflow: hidden; }
.slide6 .pics ul{ width: 99rem;}
.slide6 .pics li { position: relative; float: left; width: 3rem; height: 2rem; margin: 0 0.12rem; }
.slide6 .pics li img { width: 3rem; height: 2rem; }
.slide6 .pics li span { position: absolute; width: 3rem; height: 0.4rem; bottom: 0; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #ffffff; background: rgba(0, 0, 0, 0.6); }
.slide6 .prev{ position: absolute; left: 8.9rem; top: 7rem; width: 0.5rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; cursor: pointer; }
.slide6 .next{ position: absolute; left: 16.08rem; top: 7rem; width: 0.5rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; cursor: pointer; }
