@charset "utf-8";
/* CSS Document */




/*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:160px; max-height:250px;   }
.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: 98%; margin: 0 auto;}
.fw-ico ul li{ width:25%; height:.57rem; float: left; text-align:center; position:relative; margin-top:.09rem; margin-bottom: .1rem; overflow: hidden;}
.fw-ico ul li a{-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 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);}
/* 水波纹 */
/* .ripple {position: relative; overflow: hidden;}
.ripple:after {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0; pointer-events: none;
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%); background-repeat: no-repeat;background-position: 50%;transform: scale(10, 10);opacity: 0;transition: transform .3s, opacity .5s;}
.ripple:active:after {transform: scale(0, 0);opacity: .3; transition: 0s;} */
/* 水波纹 */

.Scenic-bj{width:92%; padding: 0 4%; margin: .23rem 0 0 0; overflow: hidden;}

.pic-box{ width:100%; padding-top: .12rem; }
.pic-box ul{ width:100%;  }
.pic-box li{ width:48%; float:left; text-align:center; border-top:none;  margin-bottom: .15rem;  position: relative; }
.pic-box li a:hover{-webkit-tap-highlight-color:rgba(0, 0, 0, 0.1);  } 
.pic-box li img{ width:100%; border-radius: .06rem ; height:27.6vw; min-height: 88.31px; max-height: 176.625px; }

.pic-box ul li:nth-child(even){ float:right; margin-right:0.01rem;} 
.pic-box ul li h3{ width: 100%; height: .2rem; line-height: .2rem; padding: .06rem 0 .03rem 0; font-size: .14rem; color: #333; text-align: left; overflow: hidden;}
.pic-box ul li .fx-box{width: 100%; height: .2rem;}
.pic-box ul li .tb-left{width: .55rem; height: .2rem; float: left; overflow: hidden;}
.pic-box ul li .tb-left .icon{ font-size: 0.14rem;float: left;color: #ff4318; margin-top: .03rem;}
.pic-box ul li .tb-left h4{ height: .2rem; line-height: .2rem; font-size: 0.12rem;float: left; color: #ff4318; padding-left: .02rem;}
.pic-box ul li .tb-right{width: calc(100% - .59rem); height: .2rem; float: right; overflow: hidden;}
.pic-box ul li .tb-right .icon{float: right; font-size: 0.14rem; color: #bfbfbf; margin: .03rem .02rem 0 .02rem;}
.pic-box ul li .tb-right .sc{ color: #56bdff ;}

.gd-bj{ width: 100%; text-align: center; padding: .07rem 0 0 0}
.lod1-box{ width: 1.1rem; height: 0.36rem; display: inline-block; padding: 0 0.03rem; border-radius: 0.06rem; overflow: hidden;}
.lod1-box a{ height: 0.36rem; line-height: 0.36rem; display: block; background: url(../images/lod.gif) no-repeat; background-size: 0.24rem 0.24rem; background-position: 0.1rem center; font-size: 0.14rem; color: #ddd; padding-left: 0.22rem;}













@media screen and (width: 320px) {

}


@media screen and (width: 360px) {

}