

/*banner*/
.slideBox{ position:relative; width:100%;  height:auto; margin-top:0.56rem;overflow:hidden;}
.slideBox .hd{ position:absolute; width:98%; height:14px; line-height:14px; bottom:4px; right:2%; z-index:1; text-align:right;}
.slideBox .hd li{ display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#fff; text-indent:9999px; overflow:hidden; margin:0 3px;/* opacity:0.4 ;*/}
.slideBox .hd li.on{ background-color: #fff; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li .banr{ width:100%;  height:auto; display:block; min-height:177px; max-height:267px;   }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
/*bannered*/ 
.slideBox .ban-go{ width: 37.5% ; position: absolute; left: 0; top: 0.05rem}


.content-bj{ width: 100%; margin-bottom: 0.7rem;}

.fw-ico{  width:92%; padding: .1rem 0 0 0; margin: 0 auto;background-color:#fff; border-radius: 0.07rem; box-shadow: -0.01rem 0.04rem 0.04rem #ededed; overflow: hidden;    margin-top: -0.22rem;  position: relative; z-index: 999;}
.fw-ico ul{ width: 96%; margin: 0 auto; display:flex;}
.fw-ico ul li { flex:1 0 auto;/* width:33.33%;*/ height:.57rem;/* float: left;*/ text-align:center; position:relative; margin-top:.09rem; margin-bottom: .1rem; overflow: hidden;}
.fw-ico ul li a { width:1rem; margin: 0 auto; display:block; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fw-ico ul li img{ width:.304rem; height:.277rem; }
.fw-ico ul li h4{ width:100%; text-align:center; font-size:.14rem; color:#999; padding-top:.05rem; overflow:hidden}


.brief-bj{width:92%; padding: 0 4%; margin: .23rem 0 0 0; overflow: hidden;}
.jian-box{ width: 100%; height: .2rem; background: url(../images/xian.jpg) repeat-x; background-position: left center; overflow: hidden;}
.jian-box h3{height: .2rem; line-height: .2rem; font-size: .16rem; display: inline-block; background-color: #fff; padding-right: .08rem; color: #333;}
.jian-box h3 span{ font-size: .12rem; color: #999; padding: 0 0 0 .02rem}

.jian-box span{height: .2rem; line-height: .2rem; font-size: .12rem; display: inline-block; background-color: #fff; padding-right: .08rem; color: #999;}
.jian-box .on{ font-size: 0.16rem; color: #333; padding-left: .02rem;}
.jian-box h6{font-size: .12rem;border: none; display: inline-block;color: #999;background-color: #fff;  padding-right: .05rem}



.text-box{ width: 100%; height: .96rem; line-height: .24rem; font-size: 0.14rem; color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-indent: .14rem; margin: .1rem 0;text-align:justify; overflow: hidden;}
.gd-box{width: 100%; text-align: center; padding: .05rem 0 0 0}
.gd-box a{ width: 1.05rem ; height: .32rem; line-height: .32rem; display: inline-block; border: solid 1px #ddd; font-size: .12rem; color: #bfbfbf; border-radius: .06rem; overflow: hidden;}
.gd-box a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0.1);}


.Scenic-spot{width: 92%; padding: 0 4%;margin: .23rem 0 0 0;overflow: hidden;}
.dw-box{ width: 100%;background: url(../images/to.png) no-repeat;background-position: right center;background-size: .16rem auto; margin: .17rem 0 0 0}
.dw-box h4{ width: calc(100% - .18rem); height: .2rem; line-height: .2rem; background: url(../images/dw.png) no-repeat; background-position: left top;background-size: .17rem auto; text-indent: .22rem; font-size: .16rem; color: #666; overflow: hidden;}
.dw-box h5{ width: calc(100% - .18rem); height: .12rem; line-height: .12rem;font-size: .12rem; color: #999; padding: .08rem 0 0 0; overflow: hidden; }
.dw-box a{-webkit-tap-highlight-color:rgba(0,0,0,0.1);}

.atlas-bj{width: 92%; padding: 0 4%;margin: .28rem 0 0 0;overflow: hidden;}
.he-box{ width: 100%; padding: .17rem 0 0 0;}
.he-left{ width: 72%;float: left;}
.he-left img{ width: 100%; height: 27.9vh; }
.he-right{ width: 25%; float: right}
.he-right .het{ width: 100%; position: relative;}
.he-right .het img{ width: 100%; height: 13vh;}
.he-right .het:nth-child(2){ margin-top:1.8vh}
.he-right .het h4{width: 100%; height: 13vh; line-height: 13vh; text-align: center; background: url(../images/gd-bj.png) repeat;  font-size: .12rem; color: #fff; position: absolute; left: 0; top: 0}
.he-box a{-webkit-tap-highlight-color:rgba(0,0,0,0.1);}

.video-bj{width: 100%;margin: .28rem 0 0 0;overflow: hidden;}

.hd_bj{width:100%; height:1.03rem; margin-top:0.18rem; margin-bottom: .18rem; overflow:hidden; position:relative;}
.huad{padding-left: 4%; width: 96%; height:1.2rem; overflow-x:scroll;overflow-y:hidden;}
.huad ul{width:9999px; height: 1.4rem; display: block }
.huad ul li{ width:2.75rem; position: relative;float: left; margin-right: 10px;}
.huad ul li a{ width: 100%; display: block;float: left; border-radius: .06rem;  background-color: #fff;    box-shadow: 0.02rem 0.04rem 0.04rem #eff0f0; overflow: hidden; }
.huad ul li a .dda{ width: 46.7%;float: left; position: relative;}
.huad ul li a .dda .kong{width: 100%; height: .966rem; background: url(../images/gd-bj.png) repeat;  position: absolute; left: 0; top: 0; text-align: center }
.huad ul li a .dda .kong .sp{ width: .32rem !important ; height: .32rem !important; margin-top: .31rem}
.huad ul li a .dda img{ width: 100%; height: .966rem;}
.huad ul li a .ddr{ width: calc(100% - 46.7% - .1rem);float: right; overflow: hidden;}
.huad ul li a .ddr h3{ width: calc(100% - .1rem); max-height: .4rem; line-height: .2rem; font-size: .16rem; font-weight: bold ; color: #333; margin: .09rem 0 .1rem 0; overflow: hidden;}
.huad ul li a .ddr .yj{width: calc(100% - .1rem); height: .2rem; overflow: hidden; }
.huad ul li a .ddr .yj .ico{ font-size: .14rem; float: left;color: #bbbbbb; margin-top: .02rem}
.huad ul li a .ddr .yj h4{ font-size: .12rem; color: #bbbbbb; float: left; margin: .02rem 0 0 .02rem;}


/* 语言选择弹窗 */
.language-bj{ width: 100%; height: calc(100vh - .56rem);background: url(../images/tc-bj.png) repeat; position: fixed; left: 0; top: .56rem; z-index: 99998; display: none}
.lage-box{ width: 94%; margin: 0 auto; position: relative;}
.yu-box{ width: 1rem; /*height: 1.23rem;*/ background-color: #fff; border-radius: .06rem; padding: .14rem .09rem 0 .09rem;  position: absolute;right: 0; top: .08rem; z-index: 99999; overflow: hidden;}
.yu-box .yu{ width: 100%; height: .2rem; margin-bottom: .11rem; overflow: hidden;}
.yu-box .yu .ico{ height: .16rem; font-size: .16rem;float: left; color: #bfbfbf}
.yu-box .yu h4{ height: .16rem; line-height: .16rem; font-size: .16rem ;float: left; color: #999; padding-left: .08rem;}
.yu-box .mor .ico{ color: #56bdff;}
.yu-box .mor h4{ color: #56bdff;}
.sanjiao{ width:0px;height:0px;overflow:hidden;border-width:6px;border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; transform: rotate(0deg); position: absolute; right: 0.04rem; top: -0.03rem}
.hid{ width: 100%; height: calc(100vh - .56rem);}


/* 语音弹窗 */
.ying{ width: .75rem; height: .44rem;background: url(../images/tc-bj.png) repeat; position: fixed; right: 0; top: 18%; border: solid 1px #fff; border-right: none; border-radius: .22rem 0 0 .22rem; z-index: 9999; overflow: hidden;}
.ying .ico{ font-size: .18rem; color: #fff;float: left; margin: 0.12rem .06rem 0 .1rem}
.ying h4{ font-size: .14rem;color: #fff;float: left; margin-top: .12rem;}

.yan-bj{ width: 1.4rem; padding: 0 .1rem;/* min-height: 2.2rem ;max-height:3.22rem ;*/ background: url(../images/tc-bj.png) repeat; position: fixed; right: -1.61rem; top: 18%; border: solid 1px #fff; border-right: none; border-radius: .06rem 0 0 .06rem; z-index: 9999; overflow-y: auto;}
.zan{ width: 100%; height: .22rem; margin-top: .16rem ;margin-bottom: .16rem;overflow: hidden;}
.zan a{width: 100%; height: .22rem; line-height: .22rem; display: block; background: url(../images/bb2.png) no-repeat; background-position: left center; background-size: .16rem auto; font-size: .16rem; text-indent: .24rem; color: #fff}

.bou{ width: 100%; height: .22rem; margin-bottom: .16rem;}
.bou a{width: 100%; height: .22rem; line-height: .22rem; display: block; background: url(../images/bb1.png) no-repeat; background-position: left center; background-size: .15rem auto; font-size: .15rem; text-indent: .24rem; color: #fff; overflow: hidden;}
.tub a{background: url(../images/bb1-1.png) no-repeat; background-position: left center; background-size: .15rem auto;color: #55b6f3; }
.tub0 a{background: url(../images/bb2-1.png) no-repeat; background-position: left center; background-size: .15rem auto;color: #55b6f3; }
.gban{width: 100%; height: calc(100vh - .56rem); position: fixed; left: 0; top: .56rem; z-index: 999; display: none; }










