@charset "utf-8";



* { margin: 0; padding: 0 }

img{border:none;vertical-align:middle;}

a:hover { opacity: 0.9; text-decoration: none; filter: alpha(opacity=80); }



.wrap {  }

.seo-hide { display: none; }

.cls:after { display: table; visibility: hidden; clear: both; content: ""; }

.cls { zoom: 1;	}

.floatl { float: left; }



.banner { width: 100%; height: 326px; background: url(/4Dslg/img/banner.jpg) no-repeat center 0; }

.cut-line { display: block; width: 100%; height: 3px; background-color: #0d499e; display: none; }



.list-001 { width: 100%; height: 480px; background: url(/4Dslg/img/001.png) no-repeat center 18px; }

.list-002 { width: 100%; height: 230px; background: #ecf0f1 url(../img/002.png) no-repeat center 50px; }

.list-003 { width: 100%; height: 755px; background: url(/4Dslg/img/003.png) no-repeat center 49px; }

.list-004 { position: relative; width: 100%; height: 1468px; 

	background: url(/4Dslg/img/004.png) no-repeat center 55px;

	background-color: #ecf0f1; }

.list-004-bg{

	height: 100%;

	background: url(/4Dslg/img/reservation-bg.gif) center 854px no-repeat; 

}

.list-004-001 { width: 100%; height: 100%; background: url(/4Dslg/img/005.png) no-repeat center 875px; }



.list-004 .extrude{ color: #f52e62; }

.list-004-mobile { position: relative; top: -87px; margin: 0 auto; width: 768px; height: 28px; line-height: 28px; font-size: 18px; color: #666666; }

.list-004-address { position: relative; top: -87px; margin: 0 auto; width: 768px; height: 28px; line-height: 28px; font-size: 18px; color: #666666; }

.list-005 { width: 100%; height: 1345px; background: url(/4Dslg/img/006.png) no-repeat center 44px; }

.list-005-main{height: 100%;background: url(/4Dslg/img/opacity-bg.png) left bottom repeat-x;}

.list-005-001 { width: 100%; height: 100%; background: url(/4Dslg/img/007.png) no-repeat center 622px; }



.reservation { position: absolute; left: 50%; top: 865px; padding: 9px; margin-left: 147px; width: 304px; }

.reservation .title { height: 83px; line-height: 60px; color: #fff; text-align: center; font-size: 24px; text-indent: -9999em;background: url(/4Dslg/img/text-info.png) left top no-repeat;}

.reservation-box { height: 100%;margin-top:38px; }

.form-main{  background: #ecf0f1;padding-top:17px;padding-bottom:12px;border-radius: 0 0 5px 5px}

.form-item { padding: 0 19px 13px 19px;*padding:0 19px 8px;}

.form-item em { float: left; width: 55px; height: 30px; line-height: 30px;font-style: normal; font-size: 18px; color: #34495e; }

.form-item em span{float: left; display:inline-block;width: 10px;height:30px;line-height:28px;padding-top:2px;text-align:left;color:red;}

.form-item input { float: left; display: block; width: 210px; height: 30px; line-height: 30px; border: 0; border-radius: 5px; text-indent: 10px; color: #737272; font-size: 18px; }

.form-item select { display: block; margin-bottom: 13px;*margin-bottom: 0px; width: 210px; border: 0; border-radius: 5px; height: 30px; line-height: 30px; font-size: 18px; text-indent: 10px; color: #737272; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }

.form-item select::-ms-expand { display: none; }

.form-item label { position: relative; display: block; }

.form-item label:after { position: absolute; top: 13px; right: 10px; width: 0; height: 0; border-bottom: 0 solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent;  border-top: 7px solid #485b6e; content: ""; }

.form-item .em-lastm {height: 34px;line-height: 17px;}

.form-item .select-month,.form-item .select-province { width: 104px; border-radius: 5px 0 0 5px; margin-bottom: 0; }

.form-item .select-day,.form-item .select-city { width: 104px; border-radius: 0 5px 5px 0; text-indent: 0px; margin-bottom: 0; }

.form-item .select-city { margin-bottom: 0; }



.submit-reservation { display: block; width: 272px;margin:1px auto; color: #fff; font-size: 24px; text-align: center; text-decoration: none;  text-indent: -999em; background: url(/4Dslg/img/btn-reservation-now.png) center top no-repeat; height: 46px;}

.submit-reservation:hover { text-decoration: none; color: #fff; }



.bottom-bar { position: fixed; left: 0; bottom: 0; width: 100%; height: 80px; z-index: 5; background: #fea61b url(../img/btn-bar.gif) center center no-repeat; }

.bottom-bar-box { width: 920px; height: 100%; margin: 0 auto; background: url(/4Dslg/img/bar.png) no-repeat 358px bottom; }

.reservation-now { position: relative; top: 13px; left: 572px; display: block; width: 363px; height: 67px; line-height: 67px; font-size: 24px; text-align: center; background: #fecf3f; color: #f65667; text-indent: -9999em; background: url(/4Dslg/img/btn-reservation.png) left bottom no-repeat;}

.reservation-now:hover { text-decoration: none; color: #f65667; }



.tel,.location{

	background: url(/4Dslg/img/icon-tel.png) left bottom no-repeat;

	padding-left:30px;

	display: inline-block;

}

.location{

	background-image: url(/4Dslg/img/icon-location.png);

	padding-left:22px;

	padding-top: 5px;

	margin-left:37px;

}



.snav{position:fixed;right:10px;top:50%;z-index:6;}

.snav .div{height:48px;margin-bottom:1px;position:relative;}

.snav .div .in1{background:#90caf2;width:55px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;display:none;}

.snav .div i{display:inline-block;height:100%; vertical-align:middle;}

.snav .div .in2{background:#54a7e0;width:105px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;opacity:1;filter:alpha(opacity=0);

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.snav .div .in2 .img{float:left;height:48px;margin-left:9px;}

.snav .div .in2 h3{color:#fff;line-height:48px;font-size:14px;margin-left:5px;}

.snav .div:hover .in1{opacity:0;filter:alpha(opacity=0);}

.snav .div:hover .in2{opacity:1;filter:alpha(opacity=100);}

.in2{position:relative;}

.in2 .bdsharebuttonbox{ position:absolute; top:0; left:0; width:100%; height:100%; }

.in2 .bdsharebuttonbox>a{ padding:0; background:none; margin:0; display:block; float:none; height:100%;}