.dueBox{ width: 200px; padding:30px 40px; font-size: 14px; background: url(../img/bg_136_191_184_80.png); position: absolute; top: 50%; left: 50%; margin-left: 320px; margin-top: -140px;}
.dueBox .title{ text-align: center; color: #FFFFFF; padding-bottom: 10px;}
.dueBox .title h3{ font-size: 24px; line-height: 1.1;}
.dueBox .row{ padding-bottom: 10px; position: relative;}
.dueBox .row .rz{ color: #666666; position: absolute; top: 6px; left: 10px;}
.dueBox .input1{ width: 100%; box-sizing: border-box; padding-left: 60px;}
.dueBox .submit1{ width: 100%; height: 40px; margin-top: 5px; background: #898989;}
.dueBox .booking_bottom{ padding: 0; text-align: center;}
.sl_gd{background:#fff;float:left;height:32px;line-height:32px;padding-left:10px;}

.wrap1{ padding: 80px 20px; background: #f8f8f8;}
.wrap1 img{ width: 685px; height: 570px;}
.wrap1 .box{ width: 580px; height: 400px; box-sizing: border-box; font-size: 14px; color: #333; border-top: 10px solid #88bfb8; padding: 60px 90px 0 80px; background: #fff; position: absolute; top: 85px; right: 0;}
.wrap1 .box h3{ font-size: 35px; font-family: '宋体';}
.wrap1 .box .d1{ color: #666;}
.wrap1 .box .d2{ height: 140px; line-height: 28px; margin-top: 28px; overflow: hidden;}
.wrap1 .box .btn2{ position: absolute; left: 80px; bottom: -23px;}

.wrap2{ padding: 80px 20px 70px; background: #fff;}
.wrap2 .Xtitle1 p{ padding-top: 0;}
.wrap2 ul{ width: 1242px; margin: 0 auto; overflow: hidden;}
.wrap2 ul li{ width: 372px; padding: 32px 21px 10px; float: left;}
.wrap2 ul li img{ width: 100%; height: 260px; display: block;}
.wrap2 ul li .d1{ font-size: 24px; color: #333; margin-top: 20px;}
.wrap2 ul li .d2{ height: 72px; line-height: 24px; font-size: 14px; color: #666; margin-top: 10px; overflow: hidden;}
.wrap2 ul li .d3{ margin-top: 18px; color: #333;}
.wrap2 ul li .d3 .s1{ font-size: 14px; border-bottom: 2px solid #88bfb8; padding-bottom: 2px; vertical-align: middle;}
.wrap2 ul li .d3 .s2{ font-size: 16px; vertical-align: middle;}

.wrap3{ background: #fff;}
.wrap3 .w1200{ padding: 0 25px;}
.wrap3 .Xtitle1{ color: #fff;}
.wrap3 .Xtitle1 p{ padding-top: 0; color: #fff; letter-spacing: 3px;}
.wrap3 .top{ height: 700px; padding-top: 80px; box-sizing: border-box; background: url(../../public/img/bg1.jpg) no-repeat center center;}
.wrap3 .top .w1200{ box-sizing: border-box;}
.wrap3 .top ul{ overflow: hidden;}
.wrap3 .top ul li{ width: 20%; padding-top: 50px; float: left;}
.wrap3 .top ul li a{ width: 100px; display: block; margin: 0 auto; text-align: center}
.wrap3 .top ul li .icon{ width: 100px; height: 100px; background-repeat: no-repeat; border-radius: 100%; overflow: hidden;}
.wrap3 .top ul li .txt{ font-size: 20px; color: #fff; padding-top: 10px;}
.wrap3 .bot{ height: 360px; padding: 50px 80px 100px; margin-top: -80px; box-sizing: border-box; border-top: 10px solid #88bfb8; background: #fff; position: relative;}
.wrap3 .bot:before{ content: ''; width: 1px; height: 200px; background: #e5e5e5; position: absolute; left: 50%; top: 50px;}
.wrap3 .bot .left{ width: 420px; float: left;}
.wrap3 .bot .left .d1{ font-size: 35px; color: #333; margin-top: 20px; font-family: '宋体';}
.wrap3 .bot .left .d2{ font-size: 14px; color: #666; margin-top: 5px;}
.wrap3 .bot .left .btn2{ margin-top: 30px;}
.wrap3 .bot .right{ width: 450px; padding-top: 13px; text-align: center; float: right;}
.wrap3 .bot .txt{ line-height: 28px; font-size: 14px; color: #666; padding-top: 20px;}

.wrap4{ height: 520px; position: relative;}
.wrap4 .box{ width: 420px; height: 440px; position: absolute; top: 40px; right: 0; color: #fff;}
.wrap4 .box:before{ content: ''; background: #88bfb8; filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.wrap4 .box:after{ content: ''; border: 1px solid #fff; background: #88bfb8; filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px;}
.wrap4 .box .con{ padding: 40px 50px 0 50px; position: relative; z-index: 1;}
.wrap4 .box .d1{ font-size: 35px; font-family: '宋体';}
.wrap4 .box .d2{ width: 117px; padding-left: 32px; padding-top: 25px; text-align: center;}
.wrap4 .box .d2 img{ width: 100%; display: block;}
.wrap4 .box .d2 p{ padding-top: 8px;}
.wrap4 .box ul{ font-size: 14px; padding-top: 5px;}
.wrap4 .box ul li{ line-height: 24px; padding-left: 32px; margin: 6px 0; position: relative;}
.wrap4 .box ul li i{ width: 24px; height: 24px; background: url(../../public/img/icon5.png) no-repeat; position: absolute; left: 0; top: 0;}
.wrap4 .map{ width: 100%; height: 100%;}
.wrap4 .mapBg{ width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.wrap4:hover .mapBg{ display: none;}

@media screen and (max-width: 1280px) {
	.w1200{ max-width: 1000px;}
	.dueBox{ left: 20px; margin-left: 0;}
	.wrap3 .w1200{ box-sizing: border-box;}
	.wrap2 ul{ width: 1020px; margin: 0 auto;}
	.wrap2 ul li { width:320px; padding: 32px 10px 10px;}
	.wrap3 .bot{ padding: 50px 60px 100px;}
	.wrap3 .bot .right{ width: 380px;}
}

