@charset "utf-8";
/* CSS Document */

#key {
	background: url(../img/share/bg_key.png) no-repeat center bottom;
	width: 100%;
	height: 814px;
}
#header .tel_header {
    position: absolute;
    top: -22px;
    right: 169px;
}
#header .phone_ring {
    position: absolute;
    top: 39px;
    right: 240px;
}
#key .bg_key{
	width: 100%;
	min-height: 814px;
}
#key .bx-viewport{
	width: 100%;
	height: 814px;
}
#key ul li{
	background-repeat: no-repeat !important;
	background-position: center center !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	width: 100%;
	height: 814px;
	pointer-events: none;
}
 .bx-window {
	width: 1000px !important;
	margin: 0 auto;
}
.bx-wrapper {
	width: 1000px !important;
	top: 0px;
	left: 0;
	pointer-events: none;
}
#key .bg_key{
	width:1000px;
	min-height: 814px;
	position: relative;
	margin:auto;
	    pointer-events: none;
}
#key .btn_slide{
position: absolute;
    top: 195px;
    right: 0;
	cursor: pointer;
	pointer-events: visible;
}

#sec1{
	background:url(../img/floor/sec1.jpg) repeat center top;
	}


#sec1 .bg{
	background:url(../img/floor/sec1_bg.jpg) no-repeat center top;
	}

#sec1 .float_l{
	margin-left: -33px;
	}
#sec1 .float_r{
	font-size: 15px;
	line-height: 35px;
	color: #311c07;
	padding-top: 10px;
	padding-bottom: 46px;
	}
#sec1 h2{
	padding-top: 130px;
	padding-bottom: 70px;
	}


#sec2{
	background:url(../img/floor/sec2.png) no-repeat center top;
	}
#sec2 h2{
	padding-top: 74px;
	padding-bottom: 10px;
	}


#sec2 .cl01{
	background:url(../img/floor/sec2_cl01.png) no-repeat center top;
	padding-top: 93px;
	padding-bottom: 44px;
	}

#sec2 .cl01 .float_r{
	width:487px;
	padding-right: 43px;
	}

#sec2 .cl01 .txt01{
	    font-size: 15px;
    line-height: 34px;
    padding-left: 79px;
    padding-top: 30px;
	}



#sec2 .cl02{
	background:url(../img/floor/sec2_cl02.png) no-repeat center top;
	padding-top: 1px;
	}

#sec2 .cl02 .float_l{
	width:440px;
	padding-left: 33px;
	}

#sec2 .cl02 .txt02{
	    font-size: 15px;
    line-height: 34px;
    padding-left: 45px;
    padding-top: 19px;

	}
#sec2 .cl02 .float_r{
	margin-top: -82px;
	}

#sec2 .cl03{
	background:url(../img/floor/sec2_cl03.png) no-repeat right top;
	    padding-top: 34px;
	}

#sec2 .cl03 .tit03{
	padding-top: 30px;
	margin-left: -34px;
	}
#sec2 .cl03 .float_l{
	margin-left: -200px;
	}
#sec2 .cl03 .float_r{
	width: 370px;
	}

#sec2 .cl03 .txt03{
	font-size: 15px;
    line-height: 34px;
    padding-left: 21px;
    padding-top: 23px;
	}
#sec3{
	background:url(../img/floor/sec3.jpg) repeat-x center top;
	   
	}



.slideFrame {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	height: 650px;
}
.slideGuide {
    width: 15000px !important;
	height: 100%;
	overflow: hidden;
}
.slideCell {
	display: block;
	float: left;
	height: 100%;
}

#sec4{
	background:url(../img/floor/sec4.jpg) repeat center top;
	padding-bottom: 58px;
	}

#sec4 .line{
	background:url(../img/floor/line.jpg) repeat-x center top;
	}

#sec4 .pt{
	padding-top: 116px;
	}
#sec4 .txt{
	    font-size: 15px;
    line-height: 30px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 31px;
	}

#sec4 li{
	float: left;
	}

#sec4 h2{
	position: absolute;
	top: 116px;
	right: 0;
	}



#sec5 .cl01 .float_l .txt{
	    font-size: 15px;
    line-height: 30px;
    width: 282px;
    margin-top: -16px;
    padding-left: 209px;
	}

#sec5 .cl01{
	padding-top: 66px;
	}
#sec5 .cl01 .float_r .pt{
	    margin-right: -67px;
    padding-top: 21px;
	}
#sec5 .cl01 .float_l .pt{
	padding-bottom: 75px;
	margin-left: -67px;
	}

#sec5 .cl01 .float_r .txt{
	font-size: 15px;
    line-height: 30px;
    width: 404px;
    padding-top: 45px;
    padding-left: 40px;
	}

#sec5 .cl01 .float_r .txt p{
	padding-top: 28px;
	}


#sec5{
	background:url(../img/floor/sec5.png) no-repeat center bottom , url(../img/floor/sec5_cl.png) no-repeat center 367px;
	padding-bottom: 76px;
	}

#sec5 .ok{
	    margin-top: -132px;
	}

#sec5 .cl02 .float_l{
	    padding-top: 24px;
    padding-left: 33px;
	}

#sec5 .cl02 .float_r{
	margin-top: -10px;
	}