@charset "utf-8";

/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcation{margin:0;padding:0;}
body{font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体";color:#000000; background-color: #f8f8f8;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;} 
img{border:none;border:0;vertical-align:top;width:100%;}
a{text-decoration:none;outline:none; color:#000;}
i,em{ font-style:normal;}
p{margin:0;padding:0;}
html{font-size:100px;}

.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
input[type="submit"],input[type="reset"],input[type="text"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.center{margin:0 auto;max-width:640px;}
/*头部开始*/

.header{height: .85rem;background: #00a63a;border-bottom: 1px solid #2d9148;max-width: 640px;width: 100%;text-align: center;position: fixed;z-index: 99;top: 0;box-shadow: 0 8px 16px #c8c6c5;}
.header h1{font-size: .36rem;color: #fff;line-height: .85rem;text-align: center;position: relative; z-index:50;}

.logo{position: absolute;top: .13rem;left: 2.65625%;width: 9.375%;height: .6rem; z-index:51;}
.logo a{ width:100%; height:.6rem; display:block;background: url(logo.png) no-repeat;background-size: 100%;}

.menu{position: absolute;top: .26rem;right: 2.65625%;width: 6.875%;height: .34rem;background: url(menu.png) no-repeat;background-size: 100%;  z-index:51;}
.menu a{display: block;width: .4rem;height: .4rem;}

.banner{padding-top: .86rem;height: 3.2rem;}
.banner img{height: 3.2rem;}

section{margin-top: .2rem;background: #fff;}

.menu{cursor: pointer;}
.pushy{font-size: .3rem;line-height: .3rem;}

.focus{position: relative;}
.focus .hd ul{position: absolute;font-size: 0;bottom: .15rem;z-index: 3;left: 50%;margin-left: -.5rem;}
.focus .hd li{display: inline-block;width: .13rem;height: .13rem;margin: 0 .05rem;border: 1px solid #fff;border-radius: 100%;}
.focus .hd li.on{background: #fff;}

.slideBox{position: relative;}
.slideBox .prev i,.slideBox  .next i{position: absolute;width: 100%;height: .68rem;background: #000;opacity: .6;z-index: -1;}
.slideBox .prev,.slideBox .next{width: 6%;position: absolute;top: 1.03rem;z-index: 2;}
.slideBox .prev{left: 0;}
.slideBox .next{right: 0;}
.slideBox .prev img,.slideBox .next img{margin: .17rem 25%;width: 50%;height: .34rem;}

.col-tit{height: .77rem;line-height: .77rem;border-bottom: 1px solid #e2e2e7;}
.col-tit i{display: block;width: 1.40625%;height: .77rem;float: left;}
.col-tit h2{font-size: .3rem;background: #fff;padding-left: 5.5%;}
.col-tit span{font-size: .24rem;float: right;padding-right: 2.65625%;}
.col-tit span a{color: #40b660;}
.col-con{padding: .16rem 2.65625%;}
.col4-ul-li-span{position: absolute;bottom: 0;width: 100%;height: .4rem;background: #000;z-index: 2;opacity: .6;}
.col4-ul-li-p{position: absolute;bottom: 0;height: .4rem;line-height: .4rem;color: #fff;z-index: 5;font-size: .24rem;text-indent: .1rem;}

.col1{height: 2.52rem;padding: .1rem 0%;font-size: 0;border-top: .02rem solid #e2e2e7;border-bottom: .02rem solid #e2e2e7;}
.col1-left{float: left;width: 34%;height: 2.52rem;border-right: .02rem solid #e2e2e7;font-size: 0;}

.col1-right{float: left;width: 64%;height: 2.52rem;}

.col1-sec1{height: 1.24rem;border-bottom: .02rem solid #e2e2e7;font-size: 0;}
.col1-sec2,.col1-sec3{display: inline-block;width: 49.5%;height: 1.25rem;}
.col1-sec2{border-right: .02rem solid #e2e2e7;}

/**/
.col1-left-txt{margin-top: .2rem;margin-left: 10%;}
.col1-left-txt h3{font-size: .25rem;color: #00a63a;}
.col1-left-txt h3 a{color: #00a63a;}
.col1-left-txt p{height: .3rem;line-height: .3rem;font-size: .2rem;color: #5f5f5f;margin-top: .1rem;overflow: hidden;}

.col1-left-img{width:1.35rem; height:1.35rem; border-radius:1.35rem; overflow: hidden;border: 2px solid #ddd;margin: .16rem auto 0;}
.col1-left-img a{ width:1.35rem; height:1.35rem; border-radius:1.35rem; display:block;}

.col1-sec1-txt{display: inline-block;margin-left: 8%;width: 40%;}
.col1-sec1-img{display: inline-block; margin-top: .1rem; margin-left: 4%;border: .2px solid #ddd; width:1.75rem; height:.85rem; border-radius:.1rem; border: 2px solid #ddd; overflow: hidden; }
.col1-sec1-img a{ width:1.75rem; height:.85rem; border-radius:.1rem; display:inline-block;}

.col1-sec1-txt h3 a{font-size: .25rem;color: #ff0000;}
.col1-sec1-txt p{height: .3rem;line-height: .3rem;font-size: .2rem;color: #5f5f5f;margin-top: .1rem;overflow: hidden;}
.col1-sec2-txt,.col1-sec3-txt{margin-top: .06rem;margin-left: 25%;}
.col1-sec2-txt h3,.col1-sec3-txt h3{font-size: .25rem;}
.col1-sec2-txt h3 a{ color:#0083cc;}
.col1-sec3-txt h3 a{ color:#ff7c00;}

.col1-sec2-txt p,.col1-sec3-txt p{height: .3rem;line-height: .3rem;font-size: .2rem;overflow: hidden;}
.col1-sec2-img,.col1-sec3-img{ margin:0 auto;  width:.85rem; height:.5rem; border-radius:50%; overflow: hidden;}
.col1-sec2-img a,.col1-sec3-img a{ width:.85rem; height:.5rem; border-radius:50%; display:block;}


.col2-color{background: #f00;}
.col2 .bd img{height: 2.74rem;}

.col3-color{background: #5abf71;}
.col3 .bd img{height: 2.85rem;}

.news1-ul{ padding:.2rem 0;}
.col3-con-ul li,.news1-ul li{height: 1.8rem;padding: 0 2.65625%;position: relative;}
.col3-con-ul li span{position: absolute;right: 5%;top: .7rem;display: block;width: 3.5%;height: .36rem;background: url(jt.png) right center;}
.col3-con-txt{border-bottom: 1px dashed #e5e5e5;padding: .25rem 0 .35rem;margin-left: 28%;}
.col3-con-ul li:last-child .col3-con-txt{border-bottom: none;}
.col3-con-txt h4{font-size: .25rem;line-height: .6rem;}
.col3-con-txt p{font-size: .2rem;line-height: .5rem;}
.col3-con-img,.news1-li-img{width: 23%;height: 1.36rem;float: left;border: 1px solid #ddd;margin-top: .18rem;border-radius: 100%;overflow: hidden;}
.col3-more,.col4-more{height: .8rem;line-height: .8rem;font-size: .23rem;text-align: center;border-top: 1px solid #ddd;}
.col3-more a,.col4-more a{color: #00a63a;}

.news1-li-img{margin-top: .22rem;}
.news1-li-txt{border-bottom: 1px dashed #e5e5e5;padding: .3rem 0 .2rem;margin-left: 28%;}
.news1-li-txt h4{font-size: .26rem;}
.news1-li-txt p{font-size: .2rem;line-height: .4rem;height: .4rem;overflow: hidden;margin-bottom: .1rem; color:#7d7d7d;}
.news1-li-txt span{font-size: .18rem; color:#8d8d8d;}
.news1-li-posttime{float: left;}
.news1-li-read{float: right;}

.nav{padding: .4rem 2.65625% .27rem;margin-top: .2rem;background: #fff;text-align: center;}
.nav ul{font-size: 0;}
.nav li{display: inline-block;width: 22%;margin-left: 4%;}
.nav li:first-child{margin-left: 0;}
.nav li img{margin-bottom: .09rem;}
.nav li a{font-size: .24rem;}

.col4-color{background: #c51790;}
.col4 .bd img{height: 2.73rem;}

.news-ul li{height: .6rem;border-bottom: 1px solid #efefef;padding: .25rem .15rem;}
.news-ul li:last-child{border-bottom: none;}
.news-ul li h4{font-size: .24rem;margin-bottom: .10rem;}
.news-ul li p{font-size: .18rem;color: #b8b8b8;}

.link{border-top: 1px solid #ddd;margin-top: .2rem;background: #fff;}
.link ul{font-size: 0;padding: .25rem;}
.link li{display: inline-block;font-size: .25rem;border-left: 1px solid #ddd;width: 33%;text-align: center;}
.link li:first-child{border-left: none;}

.copyright{border-top: 1px solid #ddd;}
.copyright p{font-size: .22rem;padding-top: .46rem;padding-bottom: 1.54rem;text-align: center;background: #fff;color: #a9a9a9;}

.footer{height: 1.04rem;max-width: 640px;width: 100%;text-align: center;position: fixed;z-index: 99;background: #fff;bottom: 0; border-top:1px solid #e2e2e7;}
.footer ul{font-size: 0;}
.footer-li{display: inline-block;width: 20%;font-size: .22rem;}
.footer-li span{display: block;width: 31.25%;height: .4rem;margin: .14rem auto .12rem;background-size: cover;}
.footer-li-span1{background: url(footer-li-span1.png) no-repeat;}
.footer-li-span2{background: url(footer-li-span2.png) no-repeat;}
.footer-li-span3{background: url(footer-li-span3.png) no-repeat;}
.footer-li-span4{background: url(footer-li-span4.png) no-repeat;}
.footer-li-span5{background: url(footer-li-span5.png) no-repeat;}

.page-nav{ widows:100%; margin-top: .85rem;}
/*
.page-nav ul{height: .68rem;background: #fff;}
.page-nav-li{font-size: .28rem;display: inline-block;text-align: center;width: 49.5%;}
.page-nav-li:first-child{border-right: 1px solid #ccc;}
.page-nav-li-active{height: .66rem; border-bottom: 2px solid #00a63a;}*/

/* screening */
div.screening{width: 100%;overflow: hidden;background: #ffffff;position:relative;z-index: 4;}
div.screening>ul{ margin: 0;padding: 0; list-style-type: none;border-bottom: solid 1px #d3d3d3;overflow: hidden;}
div.screening>ul>li{float: left;width: 49%; overflow: hidden;text-align: center;font-size:.28rem;  height:.68rem; line-height:.66rem;border-right: solid 1px #d0d0d0;}
div.screening>ul>li.hover{ border-bottom:2px solid #00a63a;}
div.screening>ul>li a{ color:#000;}
div.screening>ul>li:last-child{ border-right:none;}
.Sort{ background: url("sj.png") no-repeat 100% center; background-size:10%;}
/* grade */
.Sort-eject{position:absolute; top: -0.68rem; width:100%; max-width:640px; height: .68rem;z-index: 1;-webkit-transition-duration: 0.4s;}

.Sort-eject>ul{margin: 0;padding: 0; overflow: auto; width: 100%;-webkit-transition-duration: 0.4s;}
.Sort-eject>ul>li{ font-size:.28rem;border-bottom: solid 1px #d3d3d3;}
.grade-w-roll{top:1.53rem;}
.grade-w-roll::after{ position:relative;content: ""; width: 100%; height: 100%;display: block; background:#f9f9f9; top: 0;}
/*Sort-eject*/
.Sort-Sort{background: #fff; position: absolute;z-index: 3;left: 0;list-style-type: none;}
.Sort-Sort>li{float: left; width: 49%;text-align: center; height:.66rem; line-height:.66rem; overflow:hidden; font-size:.28rem;border-right: solid 1px #d3d3d3;}
.Sort-Sort>li a{ color:#000;}
.Sort-Sort>li:nth-child(2n){ border-right:none;}
.Sort-height{ height:auto; min-height:.66rem;}

/*contact*/
.contact{}
.contactT1,.contactT2{ height:.4rem; background:url(../line.jpg) repeat-x 0 bottom; font-size:.24rem; color:#3e3e3e; margin-top:.1rem;}
.contactT1 span{ background:url(../car.jpg) no-repeat 0 .05rem; background-size:5%; display:block; height:.56rem; padding-left:.4rem;}
.contactT2 span{ background:url(../tt.jpg) no-repeat 0 .03rem; background-size:5%; display:block; height:.56rem; padding-left:.4rem;}
.contact_carL,.contact_ttL{ line-height:.5rem; padding:.1rem 0; color:#595959;}
.contact_ttL2{ width:240px; padding-top:.rem;}
.contact_ttL2 img{ width:111px; height:111px; float:left;}
.contact_ttL2 p{ width:120px; float:right; font-size:.22rem; color:#999; padding-top:70px; line-height:20px;}


.about,.news,.news1,.online,.hotel,.photos,.views,.newsshow,.hotelshow,.email{margin-top: .2rem;padding: .23rem 2.8125% ;background: #fff;font-size: .24rem;}
.about p{line-height: .5rem;font-size: .24rem;}

.contact-img{height: 3rem;}

.contact-travell-tit h4{background: url(contact-travell.png) no-repeat left center;background-size: 7%;line-height: .56rem;border-bottom: 1px dashed #ccc;padding-left: 7%;font-size: .24rem;}
.contact-travell-con p{line-height: .5rem;}

.contact-address{margin-top: .4rem;}
.contact-address-tit h4{background: url(contact-address.png) no-repeat left center;background-size: 7%;line-height: .56rem;border-bottom: 1px dashed #ccc;padding-left: 7%;font-size: .24rem;}
.contact-address-con p{line-height: .5rem;}

.news-li{padding: .2rem 0;border-bottom: 1px solid #efefef;background: #fff;padding-left: 1.5%;}
.news-li h4{font-size: .24rem;}
.news-li p{font-size: .18rem;margin-top: .1rem; color:#b8b8b8;}

.fy{ background-color:#fff;}
.page{font-size: 0;text-align: center;padding: 0 0 .34rem;}
.page li{display: inline-block;font-size: .24rem;background: #00a63a;width: 20%;border-radius: .04rem;height: .4rem;line-height: .4rem;text-align: center;}
.page li:first-child{margin-right: 10%;}
.page li a{color: #fff;}
.page li.no{ background-color:#d0d0d0;}

.online li{margin-top: .2rem;}
.online-img{height: 3.56rem;}
.online-img img{height: 3.56rem;}
.online-txt{background: url(online-txt-bg.png) repeat-x left top;background-size: .1rem .67rem;border-left: 1px solid #ffe5d0;border-right: 1px solid #ffe5d0;}
.online-txt p{ height:.6rem; background-color:#fff8f1; line-height: .6rem;font-size: .2rem;padding: 0 1.5%;}
.online-txt-price{border-bottom: 1px solid #ffe5d0;padding: .12rem 3%;height: .5rem;line-height: .5rem;}
.online-txt-reserved{float: right;border: none;background: #20b654;height: .45rem;line-height: .45rem;color: #fff;width: 19%; border-radius: .04rem; text-align:center; font-size:.18rem;}

.online-txt-price span{color: #f00;font-size: .18rem;}
.online-txt-price i{font-size: .45rem;}
.online-txt-price del{font-size: .18rem;color: #a9a9a9;margin-left: 1%;}


.hotel h3{border: 1px solid #e7ddc2;border-bottom: none;background: #fffef9;height: .5rem;line-height: .5rem;padding-left: 3%;font-size: .24rem;}
.hotel-ul{padding: 0 3%;border: 1px solid #e7ddc2;background: #fff;}
.hotel-ul li{padding: .2rem 0;border-bottom: 1px solid #cfcfcf;}
.hotel-ul li:last-child{border-bottom: none;}
.hotel-li-img{ width:1.42rem; height:1.42rem; border-radius:.2rem; float: left;}

.hotel-li-txt{margin-left: 30%;}
.hotel-li-txt h4{font-size: .28rem;color: #00a63a;}
.hotel-li-txt p{font-size: .18rem;height: .6rem;line-height: .3rem;}
.hotel-price{font-size: .18rem;text-align: right;color: #f00;height: .48rem;}
.hotel-price span{font-size: .4rem;}
.hotel-price s{ color:#999;}
.photos-ul{font-size: 0;}
.photos-ul li{display: inline-block;width: 48.5%;height: 4.44rem;margin-left: 3%;margin-bottom: .2rem;position: relative;}
.photos-ul li:nth-child(odd){margin-left: 0;}

.photos-li-img img{height: 4.44rem;}
.photos-li-txt{position: absolute;bottom: 0;z-index: 3;}
.photos-li-txt h4{line-height: .4rem;height: .4rem;font-size: .24rem;text-align: center;background: #00a63a;color: #fff;}
.photos-li-txt p{font-size: .16rem;line-height: .3rem;height: .9rem;padding: .05rem 5%;color: #fff; background:url(bg.png) repeat;}


.views-focus{height: 2.96rem;position: relative;}
.views-focus .prev,.views-focus .next{width: 8%;position: absolute;top: 1.03rem;z-index: 2;cursor: pointer;}
.views-focus .prev i,.views-focus .next i{position: absolute;width: 100%;height: .68rem;background: #fff;opacity: .6;z-index: -1;}
.views-focus .prev{left: 0;}
.views-focus .next{right: 0;}
.views-focus .prev img,.views-focus .next img{margin: .17rem 25%;width: 50%;height: .34rem;}
.views-focus .hd ul{position: absolute;bottom: .18rem;right: .1rem;font-size: 0;z-index: 3;}
.views-focus .hd li{display: inline-block;margin: 0 .04rem;width: .05rem;height: .05rem;background: #fff;}
.views-focus .hd li.on{background: #00a63a;}
.views-focus .bd li{position: relative;}
.views-focus .bd li span{position: absolute;bottom: 0;display: block;opacity: .6;width: 100%;height: .41rem;background: #000;z-index: 3;}
.views-focus .bd li p{position: absolute;bottom: 0;color: #fff;height: .41rem;line-height: .41rem;text-indent: 3%;z-index: 4;}
.views-focus .bd img{height: 2.96rem;}

.views-con{font-size: .24rem;line-height: .5rem; min-height:1rem; height:auto!important; height:.5rem;}
.views-bot{height: .53rem;background: #e3f5e9;margin: .6rem 0 .5rem;padding: 0 1.5%;}
.views-bot span{font-size: .22rem;font-weight: bold;line-height: .53rem;color: #00a63a;}
.views-bot input{width: 23%;height: .39rem;font-size: .25rem;font-weight: bold;color: #fff;margin: .07rem 0;background: url(views-bot-input.png) repeat-x;border: none;border-radius: .04rem;float: right;}

.newsshow-tit{text-align: center;}
.newsshow-tit h5{font-size: .28rem;line-height: .6rem;color: #00a63a;}
.newsshow-tit p{font-size: .16rem;line-height:.4rem;color: #b7b3b3; margin:.1rem 0 0; border: 1px solid #ddd;background: #f9f9f9;}
.newsshow-con{padding: .2rem 0;}
.newsshow-con p{line-height: .5rem;font-size: .2rem;}
.newsshow-con img{width:100%;}

.hotelshow-tit-img{width: 57%;float: left;height: 2.32rem;}
.hotelshow-tit-txt{margin-left: 60%;}
.hotelshow-tit-txt h5{line-height: .45rem;font-size: .24rem;color: #00a63a;}
.hotelshow-tit-txt p{line-height: .45rem;font-size: .24rem;}
.hotelshow-tit-txt span{color: #f00;}
.hotelshow-tit-txt input{height: .46rem;width: 70%;background: #00a63a;color: #fff;border: none;font-size: .28rem;margin-top: .03rem;}
.hotelshow-con{margin-top: .4rem;}
.hotelshow-con-tit{height: .43rem;border-bottom: .02rem solid #00a63a;}
.hotelshow-con-tit h5{width: 20%;height: .43rem;line-height: .43rem;background: #00a63a;font-size: .24rem;color: #fff;text-align: center;border-radius: .04rem .04rem 0 0;}
.hotelshow-con-txt{margin: .2rem 0;font-size: .22rem;line-height: .5rem;}
.hotelshow-con-img img{margin-bottom: .2rem;}

.email-tit p{font-size: .2rem;line-height: .5rem;color: #888;}

.email-form{margin: .25rem 0;}
.email-form li span{display: inline-block;text-align: right;width: 22%;vertical-align: top;margin-bottom: .36rem; font-size:.24rem;}
.email-form li input{width: 67%;height: .5rem;line-height: .5rem;font-size: .24rem;border: 1px solid #ddd;margin-right: 1.5%;}
.email-form li i{color: #f00;}
.email-textarea{border: 1px solid #ddd;width: 76%;height: 2.23rem;font-size: .24rem;}
.email-submit{font-size: 0;text-align: center;margin: .34rem 0;}
.email-submit a{ color:#fff;}
.email-submit li{display: inline-block;font-size: .24rem;background: #00a63a;width: 20%;border-radius: .04rem;height: .4rem;line-height: .4rem;text-align: center;}
.email-submit li:first-child{margin-right: 10%;}
.email-submit li input{font-size: .24rem;color: #fff;background: none;border: none;}


/**/
.virtual{ width:100%; overflow:hidden; padding:.3rem 0; background-color:#fff;}
.virtual ul{}
.virtual ul li{ width:46%; height:2.6rem; position:relative; overflow:hidden; float:left; margin:2%;}
.virtual ul li img{ width:100%;}
.virtual ul li a{ width:100%; height:2.6rem; display:block;}

.virtual ul li p{ width:96%; height:.5rem; line-height:.5rem; color:#fff; padding-left:4%; background:url(bg.png) repeat top center; position:absolute; bottom:0;  left:0; font-size:.2rem;}