
@charset "utf-8";
#key_slider {
	height: 708px;
	text-align:center;
}
#yaoki_index{
	min-width: 1180px;
}
#key_slider .slide1 {
	background:url(../../img/yaoki_index/key_slide_01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#key_slider .slide2 {
	background: url(../../img/yaoki_index/key_slide_02.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#key_slider .slide3 {
	background: url(../../img/yaoki_index/key_slide_03.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec1 {
	background:url(../../img/yaoki_index/sec1_bg.png) no-repeat center top, url(../../img/yaoki_index/sec1_bg_rpx.jpg) repeat-x center top;
}

#sec1 h2 {
	padding-top: 32px;
	text-align:center;	
}
#sec1 h3 {
	position: absolute;
	bottom: 19px;
	right: -110px;
}
#sec1 .info {
	margin-left: -42px;
	padding-bottom: 50px;	
}
#sec1 .info .txt {
	padding-left: 24px;
	padding-top: 14px;
	width: 660px;	
}

#sec2 .info1 {
	position: relative;
	height: 718px;	
}
#sec2 .info1 h3 {
	position: absolute;
	left: -68px;
	top: 0;
	z-index:1;
}

#sec2 .info1 .photo1 {
	position: absolute;
	right: -6px;
	top: 0px;	
}
#sec2 .info1 .photo2 {
	position: absolute;
	bottom: 31px;
	left: -37px;
}
#sec2 .info1 .txt {
	bottom: 83px;
    left: 499px;
    position: absolute;
    width: 510px;	
}

#sec2 .info2 {
	position: relative;
	height: 606px;	
}
#sec2 .info2 h3 {
	position: absolute;
	right: -27px;
	top: -75px;
	z-index:1;
}
#sec2 .info2 .photo {
	position: absolute;
	top: 0;
	left: 0;	
}
#sec2 .info2  .txt {
	bottom: -3px;
    left: 12px;
    position: absolute;
    width: 562px;
}

#sec2 .bnr {
	padding-top: 30px;
	padding-bottom: 21px;
	text-align:center;	
}

#sec3 h2 {
	background:url(../../img/yaoki_index/sec3_h2_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	text-align:center;
}
#sec3 .main {
	background:url(../../img/yaoki_index/sec3_bg_rpx.jpg) repeat-x center top;
	padding-top: 35px;
	padding-bottom: 30px;	
}
#sec3 .main  .txt {
	float: left;
    padding: 4px 0 0 17px;
    width: 472px;	
}
#sec3 .main .clearfix {
	padding-bottom: 15px;	
}

#sec4 {
	background:url(../../img/yaoki_index/sec4_bg.jpg) no-repeat center center, url(../../img/yaoki_index/bg_sec4.jpg) repeat center top;
}
#sec4  .info {
	padding-left: 673px;	
	padding-bottom: 6px;
}
#sec4  .info h2 {
	padding-bottom: 12px;
    padding-left: 91px;
}
#sec4  .info .txt {
	 padding-bottom: 19px;
	width: 336px;	
}
#sec4  h3 {
	position: absolute;
	left: 0;
	bottom: 0;	
}

#sec5 {
	background:url(../../img/yaoki_index/sec5_bg.png) no-repeat center top, url(../../img/yaoki_index/sec5_bg_rpx.jpg) repeat-x center top;	
}
#sec5 .center {
	height: 733px;	
}
#sec5 h2 {
	position: absolute;
	left: -14px;
	top: 33px;
}
#sec5 .tit1 {
	position: absolute;
	left: 117px;
	top: 249px;
}
#sec5 .tit2{
	position: absolute;
	bottom: 16px;
	right: 0;
}
