@charset "UTF-8";

html {
    min-height: 100%;
    font-family: 'Microsoft YaHei', sans-serif;
    font-size: 50px;
    overflow-x: hidden
}

body {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    color: #333;
    padding: 0;
    font: normal 0.12em/1.4 'Microsoft YaHei', Verdana, sans-serif;
    overflow-x: hidden;
    font-size: 0.24rem;
    background: #fff
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal
}

img,
input,
select {
    border: 0;
    vertical-align: middle
}

ul,
ol {
    list-style: none outside none
}

li {
    list-style: none
}

a,
div,
select {
    -webkit-tap-highlight-color: transparent
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: ''
}

.clearfix:after {
    clear: both
}

::-webkit-inner-spin-button {
    -webkit-appearance: none
}

a,
a:link,
a:visited,
a:focus {
    text-decoration: none;
    color: #333
}

h2,
h3,
h3,
h4,
h5 {
    font-weight: normal
}

[v-cloak] {
    display: none
}

.loader {
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    margin: 0 0.1rem;
    color: #fff;
    display: block
}

.loader img {
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 0 auto 5px
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6)
}

.loading img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.noSource {
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    padding: 0.4rem;
    color: #333
}


/* 专题 start */
/* 头部幻灯  start*/
.img-swiper {
    width: 6.4rem;
    height: 6.3rem;
    position: relative;
}

.img-swiper .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff
}

.img-swiper .swiper-container img {
    display: block;
    width: 100%;
    height: 100%
}

.swiper-pagination {
    width: 100%;
    bottom: 0.76rem;
}

.swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190909/swiper-active.png') no-repeat;
    background-size: 0.12rem;
    opacity: 1;
    margin-right: 0.16rem;
}

.swiper-pagination-bullet-active {
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 0.06rem;
    background: #fff;
    opacity: 1;
}

/* 头部幻灯  end*/


.section1 .title,
.section1 .title img {
    width: 6.40rem;
    height: 1.22rem;
    display: block;
}

.section1 .cnt-box {
    width: 6.40rem;
    height: 6.86rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section1-cnt-bg.png') no-repeat;
    background-size: 6.40rem 6.86rem;
    position: relative;
}

.section1 .cnt-box .video {
    width: 3.84rem;
    height: 2.44rem;
    padding: 0.08rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section1-cnt-video.png') no-repeat;
    background-size: 3.84rem 2.44rem;
    position: absolute;
    left: 1.31rem;
    top: 0.36rem;
}

.section1 .cnt-box video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.section2 .title,
.section2 .title img {
    width: 6.40rem;
    height: 1.4rem;
    display: block;
}


.section2 .cnt-box {
    width: 6.40rem;
    height: 5rem;
    background: #fff6f0;
    position: relative;
}

.section2 .cnt-box .imgbox {
    width: 1.6rem;
    height: 3.8rem;
    position: absolute;
    display: block;
}

.section2 .cnt-box .imgbox-A {
    left: 0.2rem;
    top: 0.79rem;
}

.section2 .cnt-box .imgbox-B {
    left: 1.72rem;
    top: 0.05rem;
}

.section2 .cnt-box .imgbox-C {
    left: 3.25rem;
    top: 0.79rem;
}

.section2 .cnt-box .imgbox-D {
    left: 4.77rem;
    top: 0.05rem;
}

.section2 .cnt-box .imgbox .image {
    width: 1.34rem;
    height: 3.06rem;
    display: block;
    position: absolute;
    left: 0.14rem;
    top: 0.53rem;
}

.section2 .cnt-box .imgbox .cover {
    width: 1.6rem;
    height: 3.8rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6)
}

.section2 .cnt-box .imgbox .image-bg {
    width: 1.6rem;
    height: 3.8rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.section2 .bottom-img {
    width: 6.4rem;
    height: 2.44rem;
    display: block;
}


.section3 .title,
.section3 .title img {
    width: 6.40rem;
    height: 1.34rem;
    display: block;
}

.section3 .cnt-box {
    width: 6.40rem;
    height: 5.5rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section3-cnt-bg.png') no-repeat;
    background-size: 6.40rem 5.5rem;
    position: relative;
}

.section3 .cnt-box a {
    width: 1.84rem;
    height: 0.52rem;
    display: block;
    position: absolute;
}

.section3 .cnt-box a:first-child {
    left: 2.9rem;
    top: 2.35rem;
}

.section3 .cnt-box a:last-child {
    left: 1.55rem;
    top: 4.28rem;
}

.section3 .bottom-img {
    width: 6.4rem;
    height: 2.64rem;
    display: block;
}

.section4{
    background: #fff6f0;
}
.section4 .title,
.section4 .title img {
    width: 6.40rem;
    height: 1.54rem;
    display: block;
}

.section4 .img-swiper {
    width: 6rem;
    margin-left: 0.2rem;
    position: relative;
}
.section4 .img-swiper .swiper-slide{
    background: #fff6f0;
}

.section4 .img-swiper .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff
}

.section4 .img-swiper .swiper-container img {
    display: block;
    width: 6rem;
    height: 3.9rem;
}

.section4 .swiper-pagination {
    width: 100%;
    bottom: 2.6rem;
}

.section4 .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.14rem;
    background: #b9b9b9;
    background-size: 0.06rem;
    opacity: 1;
    margin-right: 0.14rem;
}

.section4 .swiper-pagination-bullet-active {
    background: #ff9900;
    opacity: 1;
}

.section4 .cnt-box {
    color:#9f7950;
    padding-top:0.17rem;
    background: #fff6f0;
}

.section4 .cnt-box div{
    width: 100%;
    font-size: 0.36rem;
    text-align: center;
    height: 0.46rem;
    line-height: 0.46rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.section4 .cnt-box p{
    width: 6rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.section5 .title,
.section5 .title img {
    width: 6.40rem;
    height: 2.88rem;
    display: block;
}

.section5 .tab{
    width: 6.4rem;
    height: 0.56rem;
    display: flex;
}

.section5 .tab div{
    width: 1.87rem;
    height: 0.56rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section5-cnt-btn-bg.png') no-repeat;
    background-size: 1.87rem 0.56rem;
    font-size: 0.24rem;
    color:#f4f6fa;
    text-align: center;
    line-height: 0.56rem;
    margin-left:0.2rem;
}

.section5 .tab div.active{
    width: 1.87rem;
    height: 0.56rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section5-cnt-btn-active-bg.png') no-repeat;
    background-size: 1.87rem 0.56rem;
}

.section5 .cnt-box{
    width: 6rem;
    height: 11.66rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section5-cnt-bg.png') no-repeat;
    background-size: 6rem 11.66rem;
    margin:0.3rem 0.2rem;
    position: relative;
}
.cnt-box .list-box{
    display: flex;
    flex-wrap: wrap;
    padding:0.26rem 0 0 0.25rem;
}
.cnt-box .list-box .list{
    width: 2.66rem;
    height: 3.33rem;
    margin:0 0.19rem 0.19rem 0;
    background: #fff;
    position: relative;
}

.cnt-box .list-box .list img{
    width: 2.66rem;
    height: 1.92rem;
    display: block;
    margin-bottom:0.03rem; 
}
.cnt-box .list-box .list p.name{
    font-size: 0.24rem;
    color:#333;
    line-height: 0.36rem;
    margin-left: 0.2rem;
    margin-right:0.2rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.cnt-box .list-box .list p.cnt{
    font-size: 0.20rem;
    color:#333;
    line-height: 0.26rem;
    margin-left: 0.2rem;
    margin-right:0.2rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cnt-box .list-box .list a{
    width: 2.66rem;
    height: 0.45rem;
    line-height: 0.45rem;
    display: block;
    background: #c39869;
    text-align: center;
    font-size: 0.24rem;
    color:#fff;
    position: absolute;
    bottom:0;
}
.cnt-box .more{
    width: 1.28rem;
    height: 0.28rem;
    display: block;
    position: absolute;
    bottom:0.4rem;
    left:2.38rem;
}

.section6 .title,
.section6 .title img {
    width: 6.40rem;
    height: 3.28rem;
    display: block;
}
.section6 .cnt{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.section6 .cnt img{
    width: 6.4rem;
    height: 2.84rem;
    display: block;
}

.section7 .title,
.section7 .title img {
    width: 6.40rem;
    height: 3.1rem;
    display: block;
}
.section7 .top{
    display: flex;
    flex-direction: row;
    padding-left:0.43rem;
}
.section7 .top a{
    width: 1.87rem;
    height: 0.55rem;
    display: block;
    margin-left:0.6rem;
    margin-bottom:0.4rem;
}
.section7 .top a:first-child{
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section7-cnt-tit-imga.png') no-repeat;
    background-size:1.87rem 0.55rem;
}
.section7 .top a:last-child{
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section7-cnt-tit-imgb.png?v=5') no-repeat;
    background-size:1.87rem 0.55rem;
}
.section7 .map{
    width: 5.96rem;
    height: 3.87rem;
    background: url('//img1.40017.cn/cn/s/2019/zt/touch/190925/section7-map-bg.png') no-repeat;
    background-size: 5.96rem 3.87rem;
    position: relative;
    left:0.22rem;
    top:0;
    padding:0.16rem 0.15rem;
}

.mymap{
   width: 100%;
   height: 100%;
}

.section7 img{
    width: 6.4rem;
    height: 3.23rem;
    display: block;
}

.section7 a.btn{
    width: 5.74rem;
    height: 0.64rem;
    margin:0.32rem 0 0.8rem 0.32rem;
}

.none{
    display: none;
}
.foot1 {
   width: 6.4rem;
   text-align: center;
   color: #333;
   font-size: 0.24rem;
   margin-bottom:0.8rem; 
}
.cnt-box .list-box.none{
    display: none;
}