#key {
	background: url(../img/course/bg_key.jpg) no-repeat center/cover;
	height: 878px;
}
#header {
	height: 878px;
}
#header h3 {
	padding-top: 156px;
}
#read {
	position: relative;
	letter-spacing: .6px;
	background: url(../img/course/bg_read.jpg) no-repeat center/cover;
	padding: 72px 0 21px;
}
#read h2 {
	padding: 10px 0 25px;
}
#read .txt {
	padding: 0 0 102px;
	width: 575px;
}
#read ul {
	max-width: 1544px;
	margin: 0 auto;
	width: 100%;
}
#read ul.fixed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3000;
}
#read ul li{
	width: 49.6%;
}
#read ul li img{
	width: 100%;
	height: auto;
}
#sec1 {
	position: relative;
	letter-spacing: .6px;
	padding-bottom: 120px;
	margin-bottom: 200px;
}
#sec1 .sec1_sl {
	position: absolute;
	top: 0;
	left: 0;
	height: 700px;
}
#sec1 .wrap {
	z-index: 1000;
}
#sec1 h2 {
	padding: 64px 0 0 63px;
}
#sec1 .box {
	width: 528px;
	color: #000;
}
#sec1 .box:before {
	background: url(../img/index/deco1.png) no-repeat top right, url(../img/index/deco2.png) no-repeat bottom left, #fff;
}
#sec1 .box .txt {
	padding: 94px 0 99px;
}
#sec1 .bx-wrapper img {
	max-width: inherit;
}
#sec2 {
	position: relative;
	padding-top: 30px;
	padding-bottom: 99px;
}
#sec2 .photo {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50% + 349px);
	height: 799px;
}
#sec2 .photo span {
	height: 799px;
	display: block;
	width: 100%;
	background: url(../img/course/bg_sec2.jpg) no-repeat center/cover;
}
#sec2 .wrap {
	z-index: 100;
}
#sec2 h2 {
	padding: 0px 0 91px;
}
#sec2 .info1 {
	padding-top: 405px;
	width: 454px;
}
#sec2 .info1 .txt {
	width: 440px;
}
#sec2 .info1 .note {
	font-weight: bold;
	border-top: 2px solid #fff;
	padding-top: 20px;
	margin-top: 22px;
}
#sec2 .box {
	width: 500px;
	padding: 96px 0 92px;
	color: #000;
}
#sec2 .box:before {
	background: #fff;
}
#sec2 .box:after {
	border: 5px solid #c3902e;
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	content: '';
	z-index: 10;
}
#sec2 .box ul {
	padding: 34px 0 0 108px;
}
#sec2 .box ul li {
	padding-bottom: 17px;
}
#sec2 .box .info_pr {
	padding-bottom: 44px;
}
#sec2 .info_pr {
	font-weight: bold;
	color: #640b0b;
	font-size: 25px;
}
#sec2 .info_pr span {
	font-size: 30px;
}
#sec2 h4 {
	line-height: 40px;
	padding-top: 41px;
	font-weight: bold;
	font-size: 25px;
	border-top: 2px solid #c6c6c6;
	width: 135px;
	margin: 0 auto;
	text-align: center;
}
#sec2 .sec2_bt {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 59px;
}
#sec2 .sec2_bt .info_pr {
	color: #b19068;
}
#sec2 .sec2_bt .box2 {
	border: 3px solid #b19068;
	position: relative;
	width: 445px;
	padding: 56px 0 35px;
}
#sec2 .sec2_bt .box2:after {
	border: 1px solid #b19068;
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	content: '';
}
#sec2 .sec2_bt .box2 .info_pr {
	padding-bottom: 29px;
}
#sec2 .sec2_bt .box2 h4 {
	padding-top: 17px;
}
#sec2 .sec2_bt .box2 ul {
	padding: 16px 0 0 37px;
}
#sec3 {
	position: relative;
	letter-spacing: .6px;
	padding-bottom: 203px;
}
#sec3 .bg_sec3 {
	position: absolute;
	width: 100%;
	height: 699px;
	top: 80px;
	left: 0;
}
#sec3 .bg_sec3:after {
	background: url(../img/course/bg_sec3.png) no-repeat center top/cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 1.5s !important;
}
#sec3 .bg_sec3[style*="visible"]:after {
	opacity: 1 !important;
}
#sec3 h2 {
	position: absolute;
	top: -40px;
	left: -44px;
}
#sec3 .info {
	margin-left: 405px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 28px 0 30px 16px;
}
#sec3 .info .note {
	color: #d79e31;
}
#sec3 .box {
	margin: 364px -77px 0 -77px;
	background: #000;
	padding: 43px 0 94px;
	position: relative;
}
#sec3 .box:before {
	background: url(../img/course/bg_sec3_deco1.png) no-repeat center top, url(../img/course/bg_sec3_deco2.png) no-repeat center bottom;
	position: absolute;
	top: 89px;
	bottom: 73px;
	left: 0;
	right: 0;
	content: '';
}
#sec3 .box h3 {
	padding-bottom: 37px;
}
#sec3 .txt {
	font-weight: bold;
	color: #640b0b;
	background: #d79e31;
	line-height: 50px;
	height: 50px;
	width: 880px;
	margin: 0 auto 28px;
	text-align: center;
}
#sec3 .style1 {
	color: #d79e31;
}
#sec3 .style1 dt {
	border: 1px solid #d79e31;
}
.listmenu {
	width: 880px;
	margin: 0 auto;
}
.listmenu dl {
	padding-bottom: 23px;
}
.listmenu dt {
	border: 1px solid #fff;
	line-height: 48px;
	text-align: center;
}
.listmenu dd {
	padding: 12px 10px 0 0;
}
.listmenu dd p + p {
	padding-top: 28px;
}
#sec4 {
	position: relative;
	letter-spacing: .6px;
	padding-bottom: 56px;
}
#sec4 h2 {
	padding: 176px 0 202px;
}
#sec4 .bg_sec4 {
	height: 650px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#sec4 .bg_sec4:after {
	background: url(../img/course/bg_sec4_01.jpg) no-repeat center/cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	opacity: 0;
	transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 1.5s !important;
}
#sec4 .bg_sec4[style*="visible"]:after {
	opacity: 1 !important;
}
#sec4 .item1 {
	width: 445px;
	padding-top: 145px;
	padding-bottom: 52px;
	position: relative;
	z-index: 100;
}
#sec4 .item1 dt {
	color: #b19068;
	line-height: 37px;
	padding-bottom: 39px;
}
#sec4 .photo1 {
	position: absolute;
	top: 750px;
	right: -148px;
}
#sec4 .info {
	position: relative;
}
#sec4 .info dl {
	width: 530px;
	position: relative;
	z-index: 100;
}
#sec4 .info dt {
	position: absolute;
	top: -70px;
	left: 0;
}
#sec4 .info .title {
	font-size: 26px;
	letter-spacing: 1.2px;
	line-height: 100px;
	height: 100px;
	background: rgba(100, 11, 11, 0.8);
	margin-bottom: 43px;
	text-align: center;
}
#sec4 .info1 {
	padding-top: 100px;
	padding-bottom: 91px;
}
#sec4 .info1 .photo {
	position: absolute;
	top: 66px;
	right: -50px;
}
#sec4 .info2 {
	padding-top: 217px;
	padding-bottom: 45px;
}
#sec4 .info2 .photo {
	position: absolute;
	top: 0;
	left: -50px;
}
#sec4 .info2 dl {
	margin-left: 470px;
}
#sec4 .info2 dl .text {
	padding-left: 74px;
	margin-top: -10px;
}
#sec4 .info3 {
	padding-top: 157px;
	padding-bottom: 150px;
}
#sec4 .info3 .photo {
	position: absolute;
	top: 0;
	right: -49px;
}
#sec4:before {
	background: url(../img/course/bg_sec4_02.png) no-repeat center/cover;
	height: 640px;
	width: 100%;
	position: absolute;
	bottom: -223px;
	left: 0;
	content: '';
}
#sec5 {
	position: relative;
	padding-bottom: 82px;
}
#sec5 .note {
	padding: 24px 0 28px 573px;
}
#sec5:before {
	background: url(../img/course/bg_sec5.png) no-repeat center bottom/cover;
	height: 751px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
}
#sec5 .info {
	border: 10px solid #deb881;
	position: relative;
	margin-bottom: 51px;
	padding-bottom: 13px;
}
#sec5 .info dt {
	color: #d79e31;
	padding-bottom: 19px;
	font-size:27px
}
#sec5 .info dt span {
	font-size: 25px;
}
#sec5 .info dd {
	color: #000;
	font-size: 18px;
	text-align: center;
	width: 411px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 18px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#sec5 .info1 {
	margin-left: 120px;
}
#sec5 .info1 dl {
	padding-top: 28px;
	padding-left: 159px;
	width: 545px;
}
#sec5 .info1 h3 {
	position: absolute;
	top: -185px;
	left: -185px;
}
#sec5 .info2 {
	width: 862px;
}
#sec5 .info2 dl {
	padding-top: 28px;
	padding-left: 188px;
	width: 542px;
}
#sec5 .info2 dd {
	margin-left: 111px;
}
#sec5 .info2 h3 {
	position: absolute;
	top: -185px;
	right: -189px;
}
#sec5 .info3 {
	margin-left: 120px;
}
#sec5 .info3 dl {
	padding-top: 28px;
	padding-left: 159px;
	width: 590px;
}
#sec5 .info3 h3 {
	position: absolute;
	top: -172px;
	left: -206px;
}
#sec6 {
	position: relative;
	letter-spacing: .6px;
	padding: 34px 0 0;
}
#sec6 .title {
	font-size: 26px;
	padding-top: 33px;
	letter-spacing: 1.2px;
}
#sec6 .note {
	letter-spacing: 1.2px;
	padding: 10px 0 71px;
}
#sec6 .group {
	background: #1d1d1a;
	margin-left: -67px;
	margin-right: -44px;
	padding-top: 91px;
	padding-left: 67px;
	border: 2px solid #fff;
	position: relative;
}
#sec6 .group h3 {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
}
#sec6 .group:after {
	position: absolute;
	top: 18px;
	left: 18px;
	right: -18px;
	bottom: -18px;
	border-bottom: 18px solid #fff;
	border-right: 18px solid #fff;
	content: '';
}
#sec6 .block1 {
	font-size: 18px;
	font-weight: bold;
}
#sec6 .block1 h3 {
	top: -32px;
}
#sec6 .block1 .row dl {
	position: relative;
	width: 330px;
	float: left;
	border-bottom: 1px solid #61615f;
	border-right: 1px solid #61615f;
	padding-bottom: 39px;
}
#sec6 .block1 .row dl:last-child {
	border-right: none;
}
#sec6 .block1 .row dl dd {
	padding-left: 100px;
	padding-top: 26px;
}
#sec6 .block1 .row dl dt {
	position: absolute;
	top: 0;
	left: 0;
}
#sec6 .block1 .row .item1 dd {
	padding: 38px 0 0 99px;
}
#sec6 .block1 .row .item2 dd {
	padding: 38px 0 0 122px;
}
#sec6 .block1 .row .item3 dd {
	padding: 38px 0 0 144px;
}
#sec6 .block1 .row .item4 dd {
	padding: 59px 0 0 132px;
}
#sec6 .block1 .row .item5 dd {
	padding: 59px 0 0 144px;
}
#sec6 .block1 .row2 dl {
	border-bottom: none;
}
#sec6 .block1 h4 {
	position: absolute;
	bottom: 27px;
	right: 58px;
}
#sec6 .block1 .row3 li {
	float: left;
	margin-right: 7px;
	padding: 18px 41px 18px 20px;
	border: 1px solid #61615f;
	margin-bottom: 10px;
	margin-top: 28px;
}
#sec6 .block1 .row4 {
	position: relative;
}
#sec6 .block1 .row4 li {
	float: left;
	margin-right: 7px;
	padding: 18px 41px 18px 20px;
	border: 1px solid #61615f;
	margin-bottom: 10px;
	min-width: 238px;
}
#sec6 .block1 .row4 .end {
	text-align: right;
	width: 632px;
	padding-top: 4px;
	padding-bottom: 47px;
}
#sec6 .block2 {
	margin-top: 136px;
	padding-top: 71px;
}
#sec6 .block2 h3 {
	top: -40px;
}
#sec6 .block2 h4 {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	background: #e4a62e;
	line-height: 71px;
	height: 71px;
	width: 1000px;
}
#sec6 .block2 h4 span {
	font-size: 25px;
}
#sec6 .block2 .list1 {
	margin-top: 86px;
	position: relative;
	margin-bottom: 112px;
	width: 979px;
}
#sec6 .block2 .list1:before {
	border-right: 2px solid #fff;
	height: 100%;
	left: 498px;
	top: 0;
	position: absolute;
	content: '';
}
#sec6 .block2 .list1 .title {
	font-size: 26px;
	padding-bottom: 32px;
	line-height: 48px;
	text-decoration: underline;
	margin-top: -23px;
}
#sec6 .block2 .list1 dl {
	padding-top: 12px;
	width: 478px;
}
#sec6 .block2 .list1 dl dt {
	padding-right: 10px;
}
#sec6 .block2 .list1 dl dd {
	line-height: 30px;
}
#sec6 .block2 .list1 .fr dt {
	margin-top: 14px;
	margin-bottom: 23px;
}
#sec6 .block2 .list1 .fr .title {
	padding-bottom: 45px;
}
#sec6 .block2 .list2 {
	margin-top: 55px;
	margin-bottom: 33px;
}
#sec6 .block2 .list2 dl {
	position: relative;
}
#sec6 .block2 .list2 dt {
	position: absolute;
	top: 0;
	left: 0;
}
#sec6 .block2 .list2 .title {
	padding-left: 121px;
	margin-bottom: 10px;
}
#sec6 .block2 .list2 dd {
	font-weight: bold;
	letter-spacing: 1px;
}
#sec6 .block2 .list2 .fr dt {
	top: -13px;
	left: 34px;
}
#sec6 .block2 .list2 .fr .title {
	padding-bottom: 28px;
	margin-left: 10px;
}
#sec6 .block2 .list3 {
	border-top: 1px solid #fff;
	padding-top: 25px;
	width: 1000px;
	margin-right: -10px;
	padding-bottom: 53px;
}
#sec6 .block2 .list3 dl {
	width: 206px;
	font-weight: bold;
	padding-top: 22px;
	padding-right: 27px;
	line-height: 30px;
	margin-left: 20px;
	letter-spacing: 1px;
	float: left;
	padding-bottom: 10px;
	border-right: 2px solid #fff;
}
#sec6 .block2 .list3 dl dt {
	font-size: 24px;
	text-decoration: underline;
	padding-bottom: 25px;
}
#sec6 .block2 .list3 dl:last-child {
	border: none;
}
#sec6 .block2 .list3 dl:first-child {
	margin-left: 0;
}
#sec7 {
	position: relative;
	letter-spacing: 1.2px;
	background: url(../img/course/bg_sec7.jpg) no-repeat center top/cover;
	padding: 44px 0 82px;
	margin-top: 111px;
}
#sec7 .txt {
	padding-top: 17px;
}
#sec8 {
	position: relative;
	letter-spacing: 1.2px;
	background: url(../img/course/bg_sec8.jpg) no-repeat center top/cover;
	padding: 129px 0 193px;
}
#sec8 .flmap {
	position: absolute;
	right: -30px;
	top: 175px;
}
#sec8 h2 {
	position: relative;
	z-index: 10;
}
#sec8 .box {
	width: 940px;
	background: #fff;
	margin: 309px auto 0;
	position: relative;
	color: #000;
	padding: 60px 0 20px;
}
#sec8 .box .txt {
	padding-bottom: 25px;
}
#sec8 .box:after {
	border: 6px solid #c3902e;
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	content: '';
}