body{
	background:#f5f5f5 !important;	
	color:#333;
}
.main-container{
	min-width:1200px;
	max-width:1920px;
	margin:0 auto;
}
.banner{
	width:100%;
	/*min-width:1200px;
	max-width:1920px;*/
	margin:0 auto;
	height:500px;
	overflow:hidden;
	background:url(../../image/zhuanti/oracle/banner.jpg) no-repeat center;
	background-size:cover;
}
/**one**/
.content-one{
	padding: 70px 0;
	background-color: white;
	position: relative;
}
.bolang{
	position: absolute;
	width: 220px;
	height: 125px;
}
.bolang.top{
	top:250px;
	left: 0px;
}
.bolang.bottom{
	bottom: 250px;
	right: 0px;
}
.content-one-title{
	margin: 0 auto;
	width: 890px;
}
.content-one-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(28,31,33,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-one-title-icon{
	width: 45px;
	height: 40px;
}
.content-one-list{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: auto;
}
.list{
	position: relative;
	float: left;
	margin-top: 155px;
	margin-left: 20px;
}
.list-top,.list-top,.list-top{
	width:180px;
	height:180px;
	background:rgba(247,247,247,1);
	box-shadow:0px 10px 21px 0px rgba(0,0,0,0.04);
	border-radius: 50%;
	color:rgba(84,92,99,1);
	position: absolute;
	font-size:40px;
	font-family:PingFangSC-Semibold;
	font-weight:500;
	line-height:180px;
	text-align: center;
	left: 100px;
	top: -90px;

}
.current .list-top{
	background:linear-gradient(180deg,rgba(255,249,69,1) 0%,rgba(255,240,33,1) 100%);
	color:rgba(221,57,44,1);
}
.current .list-bottom{
	background:rgba(221,57,44,1);
	color:rgba(255,255,255,1);
}
.list-bottom,.list-bottom,.list-bottom{
	width:380px;
	height:419px;
	background:rgba(247,247,247,1);
	padding: 131px 35px;
	padding-bottom: 25px !important;
	color:rgba(84,92,99,1);
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	
	line-height:30px;
	text-align: center;
}
.content-one-button{
	overflow: auto;
	margin: 0 auto;
	width: 540px;
	margin-top: 60px !important;
}
.button{
	width: 250px;
	height: 60px;
	font-size:20px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:60px;
	text-align: center;
	float: left;
}
.button.left{
	background:linear-gradient(180deg,rgba(89,97,109,1) 0%,rgba(41,45,52,1) 100%);
}
.button.left:hover{
	background:linear-gradient(180deg,rgba(89,97,109,0.8) 0%,rgba(41,45,52,0.8) 100%);
}
.button.right{
	background:linear-gradient(180deg,rgba(255,94,108,1) 0%,rgba(221,57,44,1) 100%);
	margin-left: 40px;
}
.button.right:hover{
	background:linear-gradient(180deg,rgba(255,94,108,0.8) 0%,rgba(221,57,44,0.8) 100%);
	margin-left: 40px;
}
/**two**/
.content-two{
	background:url(../../image/zhuanti/oracle/two-background.png) no-repeat center;
	height: 956px;
	padding: 70px 0;
}
.content-two-title{
	width: 680px;
	margin: 0 auto;
}
.content-two-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-two-title-icon{
	width: 45px;
	height: 40px;
}
.content-two-contents{
	width: 1200px;
	margin: 0 auto;
}
.content-two-contents p{
	font-size:20px;
	color:rgba(221,57,44,1);
	line-height:30px;
}
.content-two-content{
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height:30px;
	float: left;
	text-align: left;
	width: 280px;
	margin-top: 80px;
}
.content-two-content.left{
}
.content-two-content.right{
	float: right;
}
.content-two-contents img{
	width: 560px;
	height: 555px;
	margin-left: 25px;
}
.content-two-content.center{
}
.content-two-content-center.down{
	margin-left: 220px;	
	margin-top: 20px;
	width: 280px;
}
.content-two-content-left.down,.content-two-content-right.down{
	margin-top: 120px;
}
/**three**/
.content-three{
	padding: 70px 0;
	position: relative;
	background:url(../../image/zhuanti/oracle/three-left.png) 50px 70px no-repeat;
}
.three-background{
	position: absolute;
}
.three-background.right{
	width: 229px;
	height: 229px;
	right: 60px;
	bottom: 60px;
}
.content-three-title{
	margin: 0 auto;
	width: 750px;
}
.content-three-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(28,31,33,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-three-center{
	width: 1200px;
	margin: 70px auto;
	overflow: auto;
	margin-bottom: 0px !important;
	transform: translate(1px);
	display: flex;
	justify-content: center;
}
.center-book{
	width: 220px;
	float: left;
}
.center-book.notone{
	margin-left: 100px;
}
.center-book img{
	width: 220px;
	height: 230px;
}
.center-book p{
	font-size:18px;
	color:rgba(84,92,99,1);
	line-height:25px;
	margin: 20px 0;
}
.center-book span{
	color:#DD392C;
}
.book-button{
	width:220px;
	height:50px;
	background:linear-gradient(180deg,rgba(255,94,108,1) 0%,rgba(221,57,44,1) 100%);
	font-size:18px;
	color:rgba(255,255,255,1);
	line-height:50px;
	text-align: center;
}
.book-button:hover{
	background:linear-gradient(180deg,rgba(255,94,108,0.8) 0%,rgba(221,57,44,0.8) 100%);
}
/**four**/
.content-four{
	background:rgba(221,57,44,1);
	padding: 70px 0;
	position: relative;
}
.bolang-four{
	position: absolute;
}
.bolang-four.left{
	top: 145px;
}
.bolang-four.right{
	bottom: 80px;
	right: 0px;
}
.quan-four{
	position: absolute;
}
.quan-four.left{
	width: 40px;
	height: 40px;
	left: 160px;
	bottom: 118px;
}
.quan-four.right{
	width: 68px;
	height: 68px;
	right: 185px;
	top: 112px;
}
.content-four-title{
	width: 570px;
	margin: 0 auto;
}
.content-four-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-four-center{
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
	height: 414px;
	transform: translate(1px);
}
.four-center-left{
	width: 1200px;
	height: 350px;
	margin-top: 60px;
	padding: 20px;
	padding-bottom: 0px !important;
	background: white;
	float: left;
}
.four-center-right{
	float: right;
	width: 600px;
	height: 350px;
	margin-top: 60px;
}
.teacher-pic{
	float: left;
	margin-top: 22px;
}
.teacher-content{
	float: right;
	width: 925px;
}
.content-four-teacher-name{
	border-left:5px rgba(221,57,44,1) solid;
	height: 24px;
}
.content-four-teacher-name .name{
	font-size:24px;
	font-weight:400;
	color:rgba(28,31,33,1);
	line-height:24px;
	margin-left: 12px;
}
.content-four-teacher-name .position{
	font-size:14px;
	font-weight:400;
	color:rgba(77,85,93,1);
	line-height:20px;
	margin-left: 12px;
}
.content-four-teacher-range .range{
	font-size:20px;
	font-weight:400;
	color:rgba(28,31,33,1);
	line-height:28px;
}
.content-four-teacher-range .range-content{
	font-size:16px;
	font-weight:400;
	color:#545C63;
	line-height:28px;
	margin-left: 10px;
}
.content-four-teacher-experience{
	margin-top: 15px;
	font-size:20px;
	font-weight:400;
	color:rgba(28,31,33,1);
	line-height:28px;
}
.content-four-teacher-experience-content{
	font-size:16px;
	font-weight:400;
	color:#545C63;
	line-height:28px;
}
/**five**/
.content-five{
	padding: 70px 0;
	background:rgba(35,39,48,1) url(../../image/zhuanti/oracle/five-background-left.png) no-repeat;
	overflow: auto;
	position: relative;
}
.five-background-right{
	position: absolute;
	right: 0px;
	bottom: 150px;
	width: 240px;
	height: 370px;
}
.content-five-title{
	width: 630px;
	margin: 0 auto;
}
.content-five-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-five-contents{
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
}
.content-five-content{
	background: white;
}
.five-content-title{
	height: 50px;
	background:rgba(221,57,44,1);
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 35px;
}
.content-five-content.center{
	width: 1200px;
	height: 300px;
	padding: 50px;
	margin: 50px 0 30px 0;
	position: relative;
}
.five-content-title-border-left{
	width: 59px;
	height: 54px;
	border-left: 1px solid rgba(221,57,44,1);
	border-top: 1px solid rgba(221,57,44,1);
	position: absolute;
}
.five-content-title-border-right{
	width: 59px;
	height: 54px;
	border-right: 1px solid rgba(221,57,44,1);
	border-bottom: 1px solid rgba(221,57,44,1);
	position: absolute;
	
}
.five-content-title-border-left.top{
	top: 40px;
	left: 420px;
}
.five-content-title-border-right.top{
	bottom: 188px;
	right: 420px;
}
.five-content-title-border-left.left,.five-content-title-border-left.right{
	top: 20px;
	left: 115px;
}
.five-content-title-border-right.left,.five-content-title-border-right.right{
	bottom: 499px;
	right: 115px;
}
.content-five-content.left{
	width: 585px;
	height: 590px;
	float: left;
	padding: 30px;
	position: relative;
}
.content-five-content.right{
	width: 585px;
	height: 590px;
	float: right;
	padding: 30px;
	position: relative;
}
.five-content-title{
	width: 336px;
}
.five-content-content{
	font-size:16px;
	font-weight:400;
	color:rgba(84,92,99,1);
	line-height:30px;
}

.canget-contents{
	font-size:16px;
	font-weight:400;
	color:rgba(84,92,99,1);
	line-height:24px;
}
.canget-contents p{
	font-size:20px;
	font-weight:500;
	color:rgba(221,57,44,1);
	line-height:30px;
}
.canget-contents img{
	width: 400px;
	height: 190px;
}
.canget-content{
	float: left;
	width: 150px;
}
.canget-content.right{
	float: right !important;
}
.canget-content-left{
	margin-top: 40px;
}
.canget-content-right{
	margin-top: 40px;
}
.canget-contents .down{
	margin-top: 180px !important;
}
.canget-content.center{
	margin-top: 130px;
	margin-left: -100px;
}

.condition-contents{
	font-size:16px;
	font-weight:400;
	color:rgba(84,92,99,1);
	line-height:24px;
}
.condition-contents p{
	font-size:20px;
	font-weight:500;
	color:rgba(221,57,44,1);
	line-height:30px;
}
.condition-content-up{
	width: 150px;
}
.condition-content-up.left{
	float: left;
}
.condition-content-up.right{
	float: right;
	display: block;
}
.condition-content.down{
	width: 150px;
	margin: 0 auto;
}
.condition-content.center img{
	margin-top: 10px;
	margin-left: 40px;
}
/**six**/
.content-six{
	padding: 70px 0;
	position: relative;
}
.six-bolang{
	position: absolute;
	
}
.six-bolang.top{
	top: 70px;
	left: 0px;
}
.six-bolang.down{
	bottom: 70px;
	right: 0px;
}
.content-six-title{
	margin: 0 auto;
	width: 630px;
}
.content-six-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(28,31,33,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
	text-align: center;
}
.content-six-center{
	width: 1200px;
	margin: 20px auto;
	overflow: auto;
	margin-top: 70px;
	transform: translate(1px);
}

.six-center{
	width: 400px;
	height: 430px;
	float: left;
}
.six-center img{
	margin: 50px 145px;
	margin-bottom: 20px !important;
}
.center-title{
	font-size:24px;
	font-weight:500;
	color:rgba(28,31,33,1);
	line-height:50px;
	text-align: center;
}
.center-content{
	font-size:16px;
	font-weight:400;
	color:rgba(84,92,99,1);
	line-height:28px;
	text-align: center;
	width: 280px;
	margin: 0 auto;
}
.fix-pic-hover{
	background: rgba(221,57,44,1);
}
.fix-pic-hover .center-title{
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	text-align: center;
}
.fix-pic-hover .center-content{
	font-size:16px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:28px;
	text-align: center;
	width: 280px;
	margin: 0 auto;
}
/**seven**/
.content-seven{
	padding: 70px 0;
	position: relative;
}
.seven-bolang{
	position: absolute;
}
.seven-bolang.top{
	bottom: 70px;
	left: 0px;
}
.seven-bolang.bottom{
	top: 70px;
	right: 0px;
}
.content-seven-title{
	margin: 0 auto;
	width: 730px;
}
.content-seven-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(28,31,33,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
	text-align: center;
}
.content-seven-pic{
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px !important;
	transform: translate(1px);
}
/**eight**/
.content-eight{
	padding: 70px 0;
	background:rgba(35,39,48,1);
	overflow: auto;
	height: 600px;
	position: relative;
}
.eight-background-left{
	position: absolute;
	top: 0px;
	left: 0px;
}
.eight-background-right{
	position: absolute;
	bottom: 0px;
	right: 0px;	
}
.content-eight-title{
	width: 800px;
	margin: 0 auto;
}
.content-eight-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}

.content-eight-center{
	font-size:16px;
	font-weight:400;
	color:rgba(236,236,236,1);
	line-height:22px;
	position: relative;
	
	width: 1200px;
	margin: 0 auto;
}
.eight-pic{
	position: absolute;
	top:80px;
	left: 280px;
}
.eight-array{
	margin-top: 50px;
}
.eight-array.one,.eight-array.five{
	margin-left: 80px;
}
.eight-array.two,.eight-array.four{
	margin-left: 30px;
}
.array-span-right{
	float: right;
	margin-right: 20px;
}
.array-img-right{
	float: right;
}
.array-span-left{
	margin-left: 20px;
}
.array-img-right.one,.array-img-right.five{
	margin-right: 80px;
}
.array-img-right.two,.array-img-right.four{
	margin-right: 30px;
}
/**nine**/
.content-nine{
	padding: 70px 0;
	background:rgba(221,57,44,1);
	overflow: auto;
	position: relative;
}
.bolang-nine{
	position: absolute;
}
.bolang-nine.left{
	bottom: 120px;
	left: 0px;
}
.bolang-nine.right{
	top: 120px;
	right: 0px;
}
.content-nine-title{
	width: 290px;
	margin: 0 auto;
}
.content-nine-title h2{
	font-size:36px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:50px;
	display: inline-block;
	margin: 0 18px;
}
.content-nine-center{
	width: 1200px;
	margin: 0 auto;
	transform: translate(1px);
}
.content-nine-center p{
	font-size:20px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:30px;
}
.nine-center-p{
	margin: 40px 0;
}
.content-nine-center li{
	float: left;
}
.content-nine-center li img{
	width:285px;
	height:208px;
}
.content-nine-center li+li{
	margin-left: 20px;
}
/**bottom**/
.bottom-block{
	width:100%;
	height:321px;
	max-width:1920px;
	min-width:1200px;
	margin:0 auto;
	background:url(../../image/zhuanti/redhat/bottom-bg.png) center no-repeat;
	background-color:rgba(245,245,245,1);
	overflow: hidden;
}
.middle-block{
	width:1200px;
	margin:0 auto;
	overflow-x:hidden;
}
.bottom-block>div{
	height:321px;
}
.bottom-text{
	width:256px;
	float:right;
	margin:90px 200px 0 0;
}
.bottom-console{
	display:block;
	width:251px;
	height:60px;
	background:rgba(221,57,44,1);
	font-size:20px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:60px;
	text-align: center;
	margin:34px 0 0 20px;
}
.bottom-console:hover{
	background:rgba(221,57,44,0.8);
}
