/* Scss Document */
#key {
	height: 880px;
}
#key .thumb {
	position: absolute;
	width: 1000px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 90;
	font-size: 0;
	text-align: center;
}
#key .thumb li {
	display: inline;
	letter-spacing: 0;
	margin-right: 10px;
}
#key .thumb li:last-child {
	margin-right: 0;
}
#key .js li {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 880px;
	background-image: url(../img/index/js1.jpg);
}
#key .js li.sl2 {
	background-image: url(../img/index/js2.jpg);
}
#key .js li.sl3 {
	background-image: url(../img/index/js3.jpg);
}
#header .top_hd {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#nav-sub.has_nav {
	opacity: 1;
	visibility: visible;
}
.bg1 {
	background: url(../img/shared/bg1.jpg) 0 0 repeat;
	color: #000;
}
.bg2 {
	background: url(../img/shared/bd.jpg) 0 0 repeat;
	color: #000;
}
.bg3 {
	background: url(../img/index/bg3.jpg) 0 0 repeat;
	color: #000;
}
#sec1 {
	position: relative;
	padding-bottom: 90px;
}
#sec1:before {
	background: url(../img/index/sec1_bg.png) 0 0 no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0%;
	width: 50%;
	top: 0;
}
#sec1 h2 {
	padding: 79px 0 35px;
	margin-left: -12px;
}
#sec1 .catch {
	position: absolute;
	right: 0;
	bottom: 0;
}
#sec2 h2 {
	position: relative;
	padding-top: 38px;
}
#sec2 h2:before {
	background: url(../img/shared/bg1.jpg) 0 0 repeat;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 22px;
}
#sec2-1 {
	margin-bottom: 72px;
}
#sec2-1 h3 {
	margin-bottom: -125px;
	padding-top: 20px;
}
#sec2-1 .tit {
	margin-bottom: -57px;
	position: relative;
	z-index: 1;
}
#sec2-1 .txt {
	padding-bottom: 43px;
	line-height: 35px;
}
#sec2-1 .point {
	background-color: #fff;
	width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 10px solid #ffde00;
	color: #000;
	padding: 47px 0 55px;
}
#sec2-1 .point h4 {
	padding-bottom: 13px;
}
#sec2-2 .bg1 {
	padding-bottom: 80px;
}
#sec2-2 .menu {
	background: url(../img/index/arow.png) no-repeat center 237px;
	padding-top: 38px;
	margin: 0 -16px 0 -12px;
}
#sec2-2 .item {
	width: 330px;
	float: left;
	margin-right: 12px;
}
#sec2-2 .item:last-child {
	margin-right: 0;
}
#sec2-2 .item:nth-child(2) {
	margin-right: 25px;
}
#sec2-2 .item dd {
	background-color: #fff;
	border: 5px solid #ffde00;
	border-radius: 10px;
	margin-top: -32px;
	padding: 18px 0 13px;
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sec2-2 .item dd p {
	display: table-cell;
	vertical-align: middle;
}
#sec3 {
	background: url(../img/index/sec3_bg.png) no-repeat center top;
	background-size: cover;
}
#sec3 h2 {
	padding: 80px 0 10px;
	margin-left: -4px;
}
#sec3 .link {
	padding: 40px 0 60px 40px;
}
#sec3 .link li {
	float: left;
	margin-right: 10px;
}
#sec4 {
	position: relative;
	padding-bottom: 80px;
}
#sec4:before {
	background: url(../img/index/sec4_bg1.png) center top no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1190px;
}
#sec4 h2 {
	padding: 46px 0 15px;
	margin-left: -4px;
}
#sec4-1 {
	position: relative;
	z-index: 2;
	padding-bottom: 68px;
}
#sec4-1 .check {
	margin: 12px 0 18px -11px;
}
#sec4-1 .js {
	background-color: #fff;
	color: #000;
	padding: 5px 80px 46px;
}
#sec4-1 .js h3 {
	margin: -20px 0 23px;
	text-align: center;
}
#sec4-1 .js .item dt {
	padding-bottom: 20px;
}
#sec4-1 .js .item dl {
	width: 481px;
}
#sec4-1 .bx-wrapper {
	position: relative;
}
#sec4-1 .bx-controls-direction {
	position: absolute;
	top: 134px;
	left: -63px;
	right: -65px;
}
#sec4-1 .bx-controls-direction a {
	background: url(../img/index/next.jpg);
	display: block;
	width: 46px;
	height: 176px;
	font-size: 0;
	float: right;
}
#sec4-1 .bx-controls-direction a.bx-prev {
	background: url(../img/index/pre.jpg);
	float: left;
}
#sec4-2 {
	position: relative;
}
#sec4-2:before {
	    background-color: #000;
    content: '';
    position: absolute;
    top: -58px;
    left: 0;
    right: 0;
    height: 562px;
    transform: skewY(-9deg);
}
#sec4-2 .lead {
	position: relative;
	padding-left: 528px;
}
#sec4-2 .lead h3 {
	padding-bottom: 19px;
}
#sec4-2 .lead .photo {
	position: absolute;
	top: 13px;
	left: -99px;
}
#sec4-2 .lead .point {
	margin-top: 15px;
	margin-left: -97px;
	position: relative;
	z-index: 2;
}
#sec4-2 .lead .catch {
	width: 343px;
	float: right;
}#sec4-2 .lead .catch dt {
	padding-top: 7px;
}
#sec4-3 {
	margin-top: -30px;
}
#sec4-3 .list {
	border: 2px solid #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 45px;
	box-sizing: border-box;
	width: 500px;
	padding: 40px 0px 34px 35px;
	margin-bottom: 20px;
}
#sec4-3 .info1 {
	position: relative;
	min-height: 460px;
	padding-bottom: 20px;
}
#sec4-3 .info1 .photo {
	position: absolute;
	top: 89px;
	right: 18px;
}
#sec4-3 .info2 {
	margin-left: -181px;
margin-top: -65px;
	position: relative;
	margin-bottom: -38px;
}
#sec4-3 .info2 dd {
	position: absolute;
	bottom: 24px;
	left: 181px;
	width: 500px;
}
#sec4-3 .info3 {
	margin-left: -181px;

	position: relative;
	margin-bottom: 42px;
}
#sec4-3 .info3 dd {
	position: absolute;
	bottom: 40px;
	left: 181px;
	width: 500px;
}
#sec4-3 .point {
	background-color: #fff;
	border: 10px solid #ffde00;
	color: #000;
}
#sec4-3 .point h3 {
	padding: 20px 0 31px;
}
#sec4-3 .point .staff {
	padding: 0 57px 27px 67px;
}
#sec4-3 .point .staff dl {
	width: 606px;
}
#sec4-3 .point .staff dl img {
	padding-right: 15px;
}
#sec4-3 .point .staff dt {
	font-weight: bold;
	border-bottom: 2px dashed #a3a3a3;
	font-size: 18px;
	padding-bottom: 21px;
}
#sec4-3 .point .staff dd {
	padding-top: 30px;
}#sec4-3 .point .staff dd  img {
	margin-top: -3px;
}
#sec4-3 .point .staff dd span {
	display: block;
	float: right;
	width: 503px;
	margin-right: 35px;
}
#sec5 {
	position: relative;
	color: #000;
}
#sec5:before {
	background: url(../img/index/sec5_bg.png) center bottom no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1328px;
}
#sec5-1 {
	position: relative;
	overflow: hidden;
}
#sec5-1:before {
	background-color: rgba(0, 0, 0, 0.06);
	content: '';
	position: absolute;
	bottom: -87px;
	left: 0;
	right: 0;
	height: 165px;
	transform: skewY(4deg);
}
#sec5-1 h2 {
	text-align: right;
	margin-right: -24px;
	padding-top: 53px;
}
#sec5-1 .txt1 {
	margin: 0px 0 17px 500px;
}
#sec5-1 .check {
	text-align: right;
	margin-right: -24px;
}
#sec5-1 .training {
	position: relative;
	padding-left: 522px;
	padding-bottom: 44px;
}
#sec5-1 .training .photo {
	position: absolute;
	top: 0;
	left: -106px;
}
#sec5-1 .training .txt2 {
	padding-bottom: 25px;
}
#sec5-1 .training .point {
	margin-left: -95px;
	position: relative;
	z-index: 1;
}
#sec5-1 .training .point dl {
	width: 343px;
}
#sec5-1 .pad1 {
	padding: 14px 0 16px;
}
#sec5-2 {
	background-color: rgba(0, 0, 0, 0.06);
	position: relative;
}
#sec5-2 .lead {
	box-sizing: border-box;
	position: relative;
	margin-bottom: 40px;
	background-color: #fff;
	border: 10px solid #ffde00;
	padding: 30px 22px 22px 49px;
}
#sec5-2 .lead .info {
	width: 443px;
}
#sec5-2 .lead .point {
	padding-left: 133px;
	margin-top: 10px;
}
#sec5-2 .lead .point dt {
	padding-bottom: 7px;
	padding-top: 6px;
}
#sec5-2 .lead .point .photo {
	position: absolute;
	bottom: -51px;
	left: -52px;
}
#sec5-2 .sec5-end {
	padding-bottom: 31px;
}
#sec5-2 .sec5-end h3 {
	margin-left: -10px;
}
#sec5-2 .sec5-end .list {
	border: 2px solid #000;
	font-weight: bold;
	font-size: 20px;
	line-height: 45px;
	box-sizing: border-box;
	padding: 29px 0px 40px 35px;
}
#sec5-2 .sec5-end .fl {
	width: 500px;
}
#sec5-2 .sec5-end .photo1 {
	padding-top: 47px;
	margin-right: 21px;
}
#sec5-2 .graph span {
	display: block;
	text-align: right;
	margin-top: 10px; 
}

@media screen and (min-width: 1600px) {
#sec5:before {
	background: url(../img/index/sec5_bg.png) center 20% no-repeat;
	background-size: cover;
	content: '';
}
}
#sec6 {
	position: relative;
}
#sec6:before {
	background: url(../img/index/sec6_bg.png) center top no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1230px;
}
#sec6-1 {
	background-color: rgba(0, 0, 0, 0.35);
}
#sec6-1 h2 {
	padding-top: 63px;
}
#sec6-1 .check {
	padding-top: 13px;
	padding-bottom: 15px;
}
#sec6-1 .training h3 {
	margin-left: -11px;
	padding-bottom: 5px;
}
#sec6-1 .training .txt1 {
	width: 378px;
}
#sec6-1 .training .point {
	float: right;
	width: 575px;
}
#sec6-1 .training .point dl {
	width: 349px;
}
#sec6-1 .training .point .photo {
	margin-bottom: -23px;
}
#sec6-2 h3 {
	padding: 50px 0 23px;
}
#sec6-2 .deco {
	padding-bottom: 8px;
    padding-top: 9px;
}
#sec6-2 .item {
	margin: 0 -16px 0 -10px;
	padding-bottom: 70px;
}
#sec6-2 .item dl {
	float: left;
	width: 342px;
}
#sec6-3 {
	background-color: rgba(0, 0, 0, 0.35);
	position: relative;
	padding-bottom: 65px;
}
#sec6-3:before {
	content: '';
	background: url(../img/index/sec6_bg2.png) no-repeat center top;
	background-size: cover;
	height: 1000px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#sec6-3 .h3_top {
	padding-top: 54px;
	padding-bottom: 10px;
}
#sec6-3 .menu {
	padding-top: 35px;
}
#sec6-3 .menu .fl, #sec6-3 .menu .fr {
	width: 500px;
}
#sec6-3 .menu .info1 {
	position: relative;
	margin-bottom: 15px;
}
#sec6-3 .menu .info1 dd {
	width: 380px;
	position: absolute;
	bottom:72px;
	left: 61px;
}
#sec6-3 .menu .info2 {
	position: relative;
	margin-top: 64px;
	margin-bottom: 17px;
}
#sec6-3 .menu .info2 dd {
	width: 380px;
	position: absolute;
	bottom: 72px;
	left: 61px;
}
#sec6-3 .menu .info3 {
	position: relative;
}
#sec6-3 .menu .info3 dd {
	width: 380px;
	position: absolute;
	bottom: 72px;
	left: 61px;
}
#sec6-3 .menu .point {
	padding-left: 205px;
	position: relative;
	min-height: 170px;
	padding-bottom: 10px;
	padding-right: 2px;
}
#sec6-3 .menu .point .photo {
	position: absolute;
	top: -55px;
	left: -30px;
}
#sec6-3 .menu .end h3 {
	margin-left: -3px;
}
#sec6-3 .menu .list {
	border: 2px solid #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 45px;
	box-sizing: border-box;
	padding: 31px 0px 40px 35px;
}
#sec7 {
	position: relative;
	
}
#sec7 .wrap {
	z-index: 1;
}
#sec7:before {
	background: url(../img/index/sec7_bg1.jpg) no-repeat center top;
	background-size: cover;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 42%;
	z-index: 0;
}
#sec7:after {
	background: url(../img/index/sec7_bg2.jpg) no-repeat center top;
	background-size: cover;
	content: '';
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	height: 35%;
	z-index: 0;
}
#sec7 .sec7_bg {
	position: relative;
	padding-bottom: 100px;
}
#sec7 .sec7_bg:after {
	background: url(../img/index/sec7_bg3.jpg) no-repeat center top;
	background-size: cover;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 23%;
	z-index: 0;
}
#sec7 h2 {
	padding: 51px 0 14px;
	margin-left: -15px;
}
#sec7 .txt1 {
	padding-bottom: 92px;
}
#sec7 .info {
	background: url(../img/index/pt.png) 0 0 repeat;
	padding: 15px 50px 20px 49px;color: #000;
}#sec7 .info h3 {
	padding-bottom: 29px;
}
#sec7 .staff {
	position: relative;
	margin-bottom: 32px;
	padding-left: 193px;
}
#sec7 .staff .tit {
	font-weight: bold;
}
#sec7 .staff .photo {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
}
#sec7 .staff h4 {
	font-weight: bold;
	font-size: 18px;
	border-bottom: 3px solid #000;
	padding-left: 40px;
	padding-bottom: 17px;
	margin-bottom: 10px;
}
#sec7 .staff h4 img {
	padding-right: 16px;
}
#sec7 .staff .list, #sec7 .staff .list_ext {
	font-weight: bold;
	margin-bottom: 15px;
}
#sec7 .staff .list li, #sec7 .staff .list_ext li {
	padding-right: 6px;
}
#sec7 .staff .list_ext li {
	display: inline;
}
#sec7 .staff .item > * {
	padding-left: 40px;
}
#sec7 .staff .cl_bg {
	background-color: rgba(255, 255, 255, 0.5);
	padding:11px 30px;
	    margin-left: 42px;
    margin-right: 7px;
}
#sec8 {
	background: url(../img/index/pt2.jpg) 0 0 repeat;
	padding-bottom: 55px;
	color: #000;
}
#sec8 h2 {
	text-align: center;
	position: relative;
	background: #ffdd00 repeat-x 0 0;
	padding-left: 49px;
	padding-top: 40px;
}
#sec8 h3 {
	text-align: center;
	position: relative;
	background: #ffdd00 repeat-x 0 0;
	padding-left: 49px;
}
#sec8 .txt_top {
	  padding: 32px 0 34px;;
}
#sec8 .menu {
	justify-content: space-between;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 20px;
}
#sec8 .menu .menu_list {
	background: url(../img/index/pt4.png) 0 0 repeat;
	cursor: pointer;
	display: flex;
	flex-basis: 320px;
	max-width: 320px;
	padding: 14px 10px 10px;
	flex-direction: column;
	position: relative;
	box-sizing: border-box;
}
#sec8 .menu .menu_list dl {
	background-color: #ffdd00;
	border-radius: 5px;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	padding: 7px 15px;
	margin-bottom: 10px;
	position: relative;
	font-style: italic;
	
}
#sec8 .menu .menu_list dl:after {
	display: block;
	clear: both;
	visibility: hidden;
}
#sec8 .menu .menu_list dl dt {
	float: left;
}
#sec8 .menu .menu_list dl dd.price {
	text-align: right;
	float: right;
	color: #ff3366;
}
#sec8 .menu .menu_list dl dd.price span {
	font-size: 22px;
}
#sec8 .menu .menu_list dl.dl_ext dd {
	position: absolute;
	bottom: 7px;
	right: 15px;
}
#sec8 .menu .menu_list .txt {
	border-radius: 5px;
	margin-top: -10px;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	background-color: #fff8c6;
	padding: 5px;
	margin-bottom: 10px;
}
#sec8 .menu .menu_list .note {
	border-radius: 5px;
	background-color: #eeeeee;
	
	padding: 10px 7px;
	letter-spacing: 0;
	
}
#sec8 .menu .menu_list .h_bg {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	min-height: 85px;
}
#sec8 .menu .menu_list .h_bg span {
	display: inline-flex;
	background: url(../img/index/deco2.png) no-repeat left top, url(../img/index/deco2_1.png) no-repeat right top;
	padding: 0 40px;
	min-height: 60px;
	vertical-align: middle;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
#sec8 .menu.menu_ext .menu_list {
	flex-basis: 490px;
	max-width: 490px;
}
#sec8 .menu .photo {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background: #fff8c6;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}
#sec8 .menu .photo .h_ti {
	    padding-bottom: 10px;
    padding-top: 7px;

}
#sec8 p.top {
	padding: 12px 28px;
}
#sec8-1 .menu .menu_list dl {
	background-color: #006fb0;
	color: #fff;
	letter-spacing: 0;
}
#sec8-1 .menu .menu_list dl dd.price {
	color: #fff000;
}
#sec8-1 .ta_r ul {
	text-align: left;
	padding: 0 10px;
}
#sec8-2 {
	padding-bottom: 56px;
}
#sec8-2 .menu .menu_list dl {
	background-color: #ff3366;
	color: #fff;
}
#sec8-2 .menu .menu_list dl dd.price {
	color: #fff000;
}

#sec8 .ma {
	width: 500px;
	margin: 0 auto;
}
#sec9 {
	position: relative;
}
#sec9:before {
	content: '';
	background: url(../img/index/sec9_bg.png);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 850px;
}
#sec9 h2 {
	padding: 67px 0 34px;
}#sec9 .tbl_info {
	width: 610px;
	margin: 0 auto;
}
#sec9 .tbl_info dl {
	background: url(../img/index/dash.png) repeat-x 0 bottom;
	font-size: 15px;
	line-height: 25px;
	padding: 15px 0;
}
#sec9 .tbl_info .tit {
	font-weight: bold;
	font-size: 18px;
}
#sec9 .social li {
	display: inline;
	padding: 0 10px;
}

#sec9  .social {
	font-size: 0;
	letter-spacing: 0;
	margin-bottom: 27px;
}

#sec9 .f_tel img {
	padding-bottom: 10px;
} 
#sec9 .f_tel	
{
	
	padding: 27px 0 33px;
}
#sec9  .txt_end {
	padding-top: 22px;
    padding-bottom: 22px;
}


#sec8 .mb_0 i {
	
display: block;
	clear: both;
}
#sec8 .li_i li {
	text-indent: -18px;
	padding-left: 18px;
}

#news{
	background: #ffde00;
	padding:80px 0;
	color:#000;
}
#news h2,#news h3{
	text-align: center;
	padding:0 0 30px 0;
}
#news .fl{
	width:530px;
}
#news .fl #feed,#news .fl #feed2,#news .fl #feed3,#news .fl #feed4{
	margin-bottom: 15px;
}
#news .fr{
	width:380px;
}
#news .fl .item{
	width: 260px;
	float: left;
}
#news .fl p{
	width:110px;
	float:left;
	clear:both;
	margin:0 0 20px 0;
}
#news .fl dl{
	width:150px;
	float:left;
}
#news .fl dt{
	line-height:100%;
	font-weight:bold;
}
#news .fl .date{
	font-size: 13px;
}
#news .fl h4{
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	border:2px solid #000;
	padding: 5px 0;
	margin-bottom: 20px;
	
}

#feed5 {
    padding: 40px; 0;
    width: 1000px;
    margin: auto;
}
#feed5 .item{
	width:270px;
    padding: 0 20px;
    border-right: 1px #000000 solid;
	float:left;
}
#feed5>div:last-child{
    border-right:none;
}
#feed5 p{
	width:0;
	float:none;
	clear:both;
	margin:0;
}
#feed5 dl{

    padding: 0 5px;

	float:left;
}
#feed5 dt{
	line-height:100%;
	font-weight:bold;
}
#feed5 .date{
	font-size: 13px;
}
#feed5 h4{
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	border:2px solid #000;
	padding: 5px 0;
	margin-bottom: 20px;
	
}
#key_img{
	background-color: #FFF;
	position: absolute;
	bottom: 50px;
	margin: 0 auto;
	right: 0;
	left: 0;
	width: 1000px;
}

.open{
	text-align: center;
	margin: 10px;
}

.bnr1{
	text-align: center;
	padding: 20px;
}
.beauty_bnr1{
	width:240px;
	text-align: center;
	padding: 20px;
	margin: 10px auto;
}