.clearfix{zoom:1;}
.clearfix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
/**大banner css**/
.tese_banner{width:100%;position:relative;height:550px;background:#000}
.tese_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.tese_banner .bd ul{width:100%!important}
.tese_banner .bd li{width:100%!important;height:550px;overflow:hidden;text-align:center}
.tese_banner .bd li a{display:block;height:550px}
.tese_banner .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;text-align:center;height:30px;line-height:30px}
.tese_banner .hd li{cursor:pointer;display:inline-block;zoom:1;width:20px;line-height:20px;height:20px;margin:5px;color:#fff;background:#458527;border-radius:50%}
.tese_banner .hd .on{background:#ce9922}
.tese_banner .btn-next,.tese_banner .btn-prev{display:block;width:70px;height:70px;opacity:.45;filter:Alpha(opacity=34);overflow:hidden;text-indent:-30000px;background:url(http://zhuniangjia.com/Resource/Web/images/u-slide-btns.png) no-repeat;}
.tese_banner:hover .btn-next,.tese_banner:hover .btn-prev{display:block}
.tese_banner .btn-prev{position:absolute;top:50%;left:0;margin-left:0;margin-top:-30px;background-position:0 0}
.tese_banner .btn-next{position:absolute;top:50%;right:0;margin-right:0;margin-top:-30px;background-position:-78px 0;z-index:99}
.tese_banner .btn-next:hover,.tese_banner .btn-prev:hover{opacity:1;filter:Alpha(opacity=100)}
/**热门推荐**/
.hot{width:100%;margin-top:30px}
.hot .hot-center{width:1190px;margin:0 auto;}
.hot .hot-center .hot-t{display:block;overflow:hidden;margin-top:5px;margin-left:0}
.hot .hot-center .hot-t img{float:left;margin-top:5px}
.hot .hot-center .hot-t li,.hot .hot-center .hot-t span{font-size:20px;cursor:pointer;display:block;float:left;margin-left:10px;margin-top:5px}
.hot .hot-center .hot-t li.on{color:#f60}
ul.hotarea-list{width:auto;height:62px;border-bottom:2px solid #EEE}
ul.hotarea-list li{padding-bottom:9px;float:left;margin-left:32px;margin-top:22px}
ul.hotarea-list li:nth-child(1){margin-left:0;}
ul.hotarea-list li span{color:#f47f1f}
ul.hotarea-list li a{font-size:18px;margin-top:5px;padding:0 18px;}
ul.hotarea-list li.tit a{color: #878787; cursor: default;padding:0;}
ul.hotarea-list li.active{border-bottom:3px solid #f60;}
ul.hotarea-list li.active a{color:#f60}
ul.hotarea-list .more{float:right;margin-right:15px}
ul.hotarea-list .more a{color:#999}
.hotarea-list a:hover{text-decoration: none;}

.springs{display:block;overflow:hidden;width:100%;background:#fff}
.springs .springs-center{width:1190px;height:430px;margin:0 auto;margin-top:50px}
.springs .springs-center ul{height:420px;margin-left:-55px;}
.springs .springs-center ul li{width:360px;height:420px;float:left;margin-left:55px}
.springs .springs-center ul li .cont-div{width:360px;/*height:420px;*/border:1px solid #EEE;position:relative;overflow:hidden}
.springs .springs-center ul li .cont-div .cont-sign{width:80px;height:25px;line-height:25px;text-align:center;color:#FFF;position:absolute;top:0;left:0;background:#FF5756}
.springs .springs-center ul li .cont-div .cont-sign{background:0 0;width:100%}
.springs .springs-center ul li .cont-div .big-img{transition:all 1s ease;width:100%}
.springs .springs-center ul li .cont-div .big-img:hover{transform:scale(1.1)}
.springs .springs-center ul li .cont-div .cont-sign{background:0 0;width:100%}
.springs .springs-center ul li .cont-div .main-cont{width:100%;height:120px;border-bottom:1px solid #EEE;padding:15px;box-sizing:border-box}
.springs .springs-center ul li .cont-div .main-cont .left-div{width:60%;height:90px;float:left}
.springs .springs-center ul li .cont-div .main-cont .left-div h4{font-size:18px;font-weight:inherit}
.springs .springs-center ul li .cont-div .main-cont .left-div p{color:#999;font-size:14px;margin-top:15px}
.springs .springs-center ul li .cont-div .main-cont .left-div p span{color:#FFA926;margin-right:10px}
.springs .springs-center ul li .cont-div .main-cont .left-div p b{font-weight:inherit;margin-left:20px}
.springs .springs-center ul li .cont-div .main-cont .left-div s{color:#A9A9A9;font-size:12px;margin-top:20px;display:block}
.springs .springs-center ul li .cont-div .main-cont .right-div{width:40%;height:90px;float:left;text-align:right}
.springs .springs-center ul li .cont-div .main-cont .right-div img{width:70px;transition:all 1s ease}
.springs .springs-center ul li .cont-div .main-cont .right-div img:hover{transform:scale(1.1)}
.springs .springs-center ul li .cont-div .main-cont .right-div strong{color:#999}
.springs .springs-center ul li .cont-div .main-cont .right-div strong b{color:#F90;font-size:20px}
.springs .springs-center ul li .cont-div .js-p{width:100%;height:auto;padding:15px 10px;box-sizing:border-box;color:#999;font-size:14px}
.look-more{height:32px;line-height: 30px;border-radius:30px;background:#fff;border:1px solid #AAA;display: inline-block;text-align: center;margin:0 auto;padding:0 20px;}
.look-more:hover{color: #f60;border-color: #f60;text-decoration: none;}
.waves{width:100%;height:300px;background:url(../images/yl/sawes.jpg) no-repeat;background-position:center 80px}
.waves .waves-center{width:1190px;height:300px;margin:0 auto}
.waves .waves-center ul{width:1190px;height:auto;overflow:hidden}
.waves .waves-center ul li{width:240px;height:170px;text-align:center;float:left;margin-left:60px}
.waves .waves-center ul li img{display:block;margin:0 auto}
.waves .waves-center ul li h4{font-size:16px;font-weight:bold;margin:20px auto;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;padding-bottom:5px;border-bottom:2px solid #E9E9E9}
.waves .waves-center ul li span{display:block;margin-top:20px;font-size:14px}
.waves .waves-center ul li s{display:block;margin-top:10px;text-decoration:none;font-size:14px}
.waves .waves-center ul .waves-li-1{margin-top:86px;margin-left:30px}
.waves .waves-center ul .waves-li-2{margin-top:58px}
.waves .waves-center ul .waves-li-3{margin-top:70px}
.waves .waves-center ul .waves-li-4{margin-top:90px}
.class-content{width:100%;height:auto;padding-top:20px;padding-bottom:20px}
.class-content .class-center{width:1190px;height:auto;margin:0 auto}
.class-content .class-center ul{width:1190px;height:auto;overflow:hidden}
.class-content .class-center ul li{transition:all 1s ease;width:16.66666666666%;float:left;position:relative}
.class-content .class-center ul li .bg-img{transition:all 1s ease;width:100%;height:273px}
.class-content .class-center ul li:hover .bg-img{position:relative;transform:scale(1.2);z-index:1000}
.class-content .class-center ul li .pop-div{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;cursor:pointer;z-index:1001;}
.class-content .class-center ul li .pop-div img{margin-top:75px}
.class-content .class-center ul li .pop-div span{display:block;color:#fff;margin-top:30px;font-size:17px}
.class-content .class-center ul li .pop-div a{display:none;width:80px;margin:0
auto;color:#fff;position:relative;top:15px;border-bottom:1px solid #fff;padding-bottom:5px;font-size:13px}
/**旅游攻略**/
.clearfix:before, .clearfix:after{content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.m-column-name{line-height: 30px; height: 30px; margin-top: 36px; text-align: center; position: relative;}
.m-column-name h2{display: inline-block; padding: 0 30px; font-size: 28px; color: #666; background: #fff; position: relative; z-index: 1;}
.m-column-name .line{width: 100%; height: 1px; background-color: #fff; border-top: 1px solid #ccc; overflow: hidden; position: absolute; left: 0; top: 50%;}
/*  Travel template  syle */
.m-travel{margin-top: 40px;}
.m-travel .travel-list ul{margin-left: -40px;}
.m-travel .travel-list li{float: left; width: 368px; height: 380px; margin-left: 40px; background-color: #fff; -webkit-box-shadow: 0 3px 5px rgba(6, 0, 1, .1); -moz-box-shadow: 0 3px 5px rgba(6, 0, 1, .1); box-shadow: 0 3px 5px rgba(6, 0, 1, .1); border: solid 1px #ddd;}
.m-travel .travel-list li:hover{border: 1px solid #fc0;}
.m-travel .travel-list li .pic-link{display: block; width: 370px; height: 232px; margin: -1px 0 0 -1px; transition: all 1s ease;}
.m-travel .travel-list li .pic-link:hover{transform:scale(1.1)}
.m-travel .travel-list .travel-info{margin: -25px 20px 0;}
.m-travel .travel-list .travel-hd{height: 56px; overflow: hidden; position: relative; z-index: 1;}
.m-travel .travel-hd .author-pic{display: block; float: left; width: 50px; height: 50px; border-radius: 50%; border: 3px solid #fff;}
.m-travel .travel-hd .info-cont{margin: 34px 0 0 70px; text-align: right; font-size: 14px; color: #999;}
.m-travel .travel-hd .info-cont .author-name{display: block; float: left; color: #333;}
.m-travel .travel-hd .info-cont .browse-total,
.m-travel .travel-hd .info-cont .review-total{display: inline-block; margin-left: 16px; font-family: Tahoma;}
.m-travel .travel-hd .info-cont [class^="icon-"]{display: inline-block; width: 14px; height: 13px; margin: 0 2px; background: url(http://www.zhuniangjia.com/Resource/Web/images/travel-icon.png) no-repeat; vertical-align: -2px; overflow: hidden;}
.m-travel .travel-hd .info-cont .icon-browse{width: 18px; background-position: 0 0;}
.m-travel .travel-hd .info-cont .icon-review{background-position: -20px 0;}
.m-travel .travel-list .travel-cont{margin-top: 15px;}
.m-travel .travel-list .travel-cont .title{display: inline-block; max-width: 98%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font: normal 18px/22px "微软雅黑"; color: #2e7dcd;}
.m-travel .travel-list .travel-cont .travel-notes{font-size: 14px; line-height: 1.5; margin-top: 4px; color: #666;}
.m-travel .t-travel-list{margin-top: 40px;}
.m-travel .t-travel-list ul{margin-left: -30px;}
.m-travel .t-travel-list li{float: left; width: 578px; height: 510px; margin-left: 30px;}
.m-travel .t-travel-list li .pic-link{width: 580px; height: 358px;}

