.banner{width:100%;height:479px;position:relative}
.banner:hover .slide-arrow{display:block}
.banner .pics{width:100%;height:479px;position:absolute;top:0;left:0;overflow:hidden}
.banner .pic-box{width:100%;height:479px;position:absolute;top:0;left:0;display:none}
.banner .pic-box:first-child{display:block}
.banner .title{position:absolute;left:50%;margin-left:-600px;bottom:0;width:440px;height:60px;text-align:center;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:30px;background:#000;background:rgba(0,0,0,0.8);padding:0 10px}
.banner .slide-arrow{display:block}
.banner .slide-arrow{background:#fff;background:#fff;background:rgba(255,255,255,0.45);width:60px;height:60px;top:50%;margin-top:-30px;position:absolute;z-index:9;display:none;cursor:pointer;transition:background-color .5s;-webkit-transition:background-color .5s}
.banner .slide-arrow.left{left:10px}
.banner .slide-arrow.right{right:10px}
.banner .slide-arrow:hover{background:#ffca26}
.banner .arrow-left{background:url(../images/index_arrow.png) no-repeat;width:57px;height:12px;position:absolute;left:30px;top:50%;margin-top:-6px;transition:left .5s;-webkit-transition:left .5s}
.banner .arrow-right{background:url(../images/index_arrow.png) 0 -12px no-repeat;width:57px;height:12px;position:absolute;right:30px;top:50%;margin-top:-6px;transition:right .5s;-webkit-transition:right .5s}
.banner .slide-arrow:hover .arrow-left{left:10px}
.banner .slide-arrow:hover .arrow-right{right:10px}
.banner .ctrls{width:400px;position:absolute;bottom:10px;left:50%;margin-left:-200px;text-align:center}
.banner .ctrls li{display:inline-block;background:#989395;width:10px;height:10px;border-radius:10px;margin-right:5px}
.banner .ctrls li{zoom:1;*display:inline}
.banner .ctrls li .transition(all .5s) a{width:100%;height:100%;display:block}
.banner .ctrls .ne-active{background:#fff;width:20px;border-radius:5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.specific{width:1200px;margin:30px auto;overflow:hidden}
.specific .room{width:880px;margin-right:20px;float:left;overflow:hidden;position:relative}
.specific .room-ctrls{width:880px;height:48px;line-height:48px;border-top:2px solid #ffca26}
.specific .room-ctrls li{width:220px;background:#fff;text-align:center;color:#252525;font-size:18px;float:left;cursor:pointer;height:48px}
.specific .room-ctrls li:hover a{color:#252525}
.specific .room-ctrls a{display:block}
.specific .room-ctrls .ne-active{background:#ffca26}
.specific .room-pic{width:50000px;height:550px;margin-top:20px}
.specific .room-pic ul{width:900px;float:left}
.specific .room-pic ul li{float:left;width:278px;margin-right:20px;margin-bottom:20px;height:253px;background:#fff;font-size:0;border:1px solid #ddd;overflow:hidden}
.specific .room-pic ul li .room-box{width:280px;height:210px;overflow:hidden}
.specific .room-pic ul li img{width:280px;height:210px;-webkit-transition:transform .8s ease-in-out 0s;-moz-transition:transform .8s ease-in-out 0s;-ms-transition:transform .8s ease-in-out 0s;-o-transition:transform .8s ease-in-out 0s;transition:transform .8s ease-in-out 0s}
.specific .room-pic ul li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}
.specific .room-pic ul li p{width:240px;padding-left:20px;padding-right:20px;text-align:center;height:45px;line-height:45px;color:#252525;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.specific .room-pic ul li i{position:absolute;width:12px;height:18px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;right:20px;top:14px;opacity:0;filter:alpha(opacity=0);background:url(../images/picleft.jpg)}
.specific .room-pic ul li:hover i{right:8px;opacity:1;filter:alpha(opacity=100)}
.specific .room-pic ul li:hover p{padding-right:30px;padding-left:10px}
.specific .rank{width:258px;float:left;height:598px;padding:0 20px;border:1px solid #ddd;background:#fff}
.specific .rank .rank-title{color:#252525;font-size:20px;margin-top:10px}
.specific .rank li{width:258px;line-height:30px;margin-top:5px;position:relative;font-size:0;overflow:hidden;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;height:30px}
.specific .rank li em{width:30px;height:30px;float:left;text-align:center;color:#ffca26;position:relative;z-index:10;font-size:14px}
.specific .rank li .title{width:228px;height:30px;float:left;text-indent:5px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:10;font-size:14px}
.specific .rank li img{width:258px;height:195px;position:absolute;top:0;left:0;z-index:5;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s}
.specific .rank .selected{height:195px}
.specific .rank .selected em{color:#fff;background:#ffca26}
.specific .rank .selected .title{background:#000;background:rgba(0,0,0,0.7);color:#fff}
.specific .rank .selected img{opacity:1;filter:alpha(opacity=100)}


.yunyan_backend_wrap{width:100%;height:100%;position:relative}
.atlas-left{height:100%;margin-right:310px;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;position:relative}
.atlas-left span{font-size:0;position:absolute;display:block;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.atlas-left .magnify{background:url(../images/magnify.png) 0 0 no-repeat;width:51px;height:51px;top:0;right:1px}
.atlas-left .magnify:hover{background:url(../images/magnify_hover.png) 0 0 no-repeat}
.atlas-left .shrink{background:url(../images/shrink.png) 0 0 no-repeat;width:51px;height:51px;top:0;right:1px;display:none}
.atlas-left .shrink:hover{background:url(../images/shrink_hover.png) 0 0 no-repeat}
.atlas-left .prev{background:url(../images/prev.png) 0 0 no-repeat;width:47px;height:95px;top:50%;margin-top:-48px;left:10px}
.atlas-left .prev:hover{background:url(../images/prev_hover.png) 0 0 no-repeat}
.atlas-left .next{background:url(../images/next.png) 0 0 no-repeat;width:47px;height:95px;top:50%;margin-top:-48px;right:10px}
.atlas-left .next:hover{background:url(../images/next_hover.png) 0 0 no-repeat}
.atlas-left .atlas-box{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
.atlas-left .atlas-box:first-child{display:block}
.atlas-right{background:#fff;height:710px;width:280px;position:absolute;border:1px solid #e5e5e5;top:0;right:0;overflow-y:hidden;overflow-x:hidden}
.atlas-right .right-box{min-height:644px;width:260px;margin:0 auto}
.atlas-right .title{font-size:18px;color:#252525;margin-top:15px}
.atlas-right .style{margin-top:10px;color:#999;font-size:14px;background:url(../images/location.png) 0 0 no-repeat;height:21px;line-height:21px;text-indent:25px;display:none}
.atlas-right .style-on{display:block}
.atlas-right .company{position:relative;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;width:260px;height:90px;margin-top:15px}
.atlas-right .company .logo{position:absolute;width:80px;height:48px;border-radius:0;top:20px;left:0;z-index:1}
.atlas-right .company .company-mask{position:absolute;width:80px;top:20px;left:0;background:url(../images/company_mask.png) no-repeat;z-index:9;display: none;}
.atlas-right .company .c-name,.atlas-right .company .c-service{color:#666;font-size:12px;padding:0 0px 0 90px}
.atlas-right .company .c-name span,.atlas-right .company .c-service span{color:#999}
.atlas-right .company .c-name{margin-top:23px}
.atlas-right .company .c-service{margin-top:0}
.atlas-right .pic-tips{font-size:14px;color:#999;margin-top:15px}
.atlas-right .pics-box{width:260px;overflow:hidden;height:210px;margin-top:10px}
.atlas-right .pics{width:5000000px;overflow:hidden;height:210px}
.atlas-right .pics ul{float:left;width:270px;height:210px}
.atlas-right .pics li{width:80px;height:60px;float:left;margin:0 10px 10px 0;cursor:pointer}
.atlas-right .pics .selected{border:2px solid #f9c62c;width:76px;height:56px}
.atlas-right .pics img{width:100%;height:100%}
.atlas-right .pics-ctrls{color:#999;font-size:14px;text-align:center;width:260px;margin:10px auto}
.atlas-right .pics-ctrls span{display:inline-block;width:20px;height:20px;border-radius:100%;margin-right:3px;cursor:pointer}
.atlas-right .pics-ctrls .ne-active{background:#ffca26;color:#fff}
.atlas-right .h-button{width:200px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:16px;margin:25px auto;display:block;background:#ffca26;border-radius:3px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.atlas-right .h-button:hover{background:#dea800}
.atlas-right .h-button:active{background:#f1b220}
.atlas-right .free{color:#999;font-size:14px;line-height:30px;width:250px;margin:20px auto;text-align:center}
.mbx{color:#aaa;padding:10px 0;clear:both;border-bottom:1px dotted #ddd}
.mbx a{color:#aaa}

.showmain { width: 1200px; height: 712px; margin: 30px auto; overflow: hidden; clear: both; position: relative;}

.gallerylist ul { width: 1220px;}
.gallerylist li { float: left; width: 285px; margin-right: 20px; overflow: hidden; margin-bottom: 15px;}
.gallerylist li img { width: 285px; height: 214px;}
.gallerylist li p { text-align: center; height: 35px; line-height: 35px; font-size: 16px;}