body a {
	color: #bbc5d8;
}
a:hover{
	color: #ffffff;
	text-decoration: none;
}
.top{
	height: 126px;
	background-color: #ffffff;
}
.page-top{
	display: flex;
	padding: 0px 20px;
	align-items: center;	
	z-index: 999;
	/* position: relative; */
}
.page-top-title{
	margin-left: 10px;
}
.page-top-title h1{
	font-family: "微软雅黑";
	margin-top: 20px;
}
.page-top-small{
	font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC", Verdana, Arial, '微软雅黑','宋体';
	color: #b8b8b8;
	text-align: justify;
	text-justify:inter-ideograph;
}
.page-top-small::after{
    content:"";
    display: inline-block;
    width:100%;
    overflow:hidden;
    height:0;
}
.page-top-right{
	flex: 2;
	text-align: right;
	line-height: 90px;
	align-items: center;
}
.logo{
	/* width: 78px; */
	height: 43px;
}
.nav-body{
	width: 100%;
	z-index: 9999;
	/* position: absolute; */
	/* padding: 5px 0; */
}
.nav-menu{
	z-index: 999;	
	background-color: #162c43;
}
.nav-bg{
	background-color: #ffffff;
}
.custom-body{
	margin: 0 auto;
	width: 1170px;	
}
.padding{
	padding: 30px;
}
.padding-sm{
	padding: 15px;
}
.padding-s{
	padding: 10px;
}
.padding-lr{
	padding: 0 20px;
}
.padding-tb{
	padding: 30px 0;
}
.padding-tb-sm{
	padding: 15px 0;
}
.padding-bottom{
	padding-bottom: 30px;
}
.margin-top{
	margin-top: 20px;
}
.footer-top{
	margin: 40px 0;
}
.foot-link{
	display: flex;
	justify-content: flex-start;
}
.foot-link > div{
	padding-right: 50px;
}
.foot-link-img{
	display: flex;
}
.foot-link-img >div{	
	width: 60px;
}
.foot-link-img img{	
	width: 30px;
	height: 30px;
	opacity: 0.6;
}
.foot-link-img img:hover{	
	width: 30px;
	height: 30px;
	opacity: 1;
}
.border-foot{
	margin: 0 auto;
	width: 100%;
	/* border-top: 1px solid #000; */
	border-bottom:  1px solid #d9d9d9;
}
.font-title{
	font-family: '微软雅黑';
	color: #626262;
	font-size: 24px;
}
.foot-text{
	line-height: 40px;
	color: #878787;
}
.font-title img{
	width: 40px;
	height: 40px;
	margin-right: 20px;
}
/* 字体颜色 */
.font-white{
	color: #ffffff;
}
.font-black{
	color: #000000;
}
.font-grey {
	color: #ccc;
}
.font-grey a{
	color: #ccc;
}
.font-gray{
	color: #8c8c8c;
}
.text-bold{
	font-weight: bold;
}
.text-df{
	font-size: 18px;
}
.text-xl{
	font-size: 20px;
}
.text-xxl{
	font-size: 36px;
}
.text-sl{
	font-size: 56px;
}
.bg-white{
	background-color: #ffffff;
}
.bg-black{
	background-color: #000;
}
.bg-grey{
	background-color: #F1F1F1;
}
.bg-gray{
	background-color: #CCCCCC;
}
.bg-olive{
	background-color: olive;
}
.bg-orange{
	background-color: orangered;
}
.bg-blue{
	background-color: #2196f3;
} 
.bg-foot{
	background-color: #f4f4f4;
}

.border-circle{
	border-radius: 500px;
}
.border-s img{
	border-radius: 4px;
}

.flex-row {
	flex-direction: row;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-1{
	flex: 1;
}
.solid{
	border: 1px solid #dfdfdf;
}
.solid-left{
	border-left: 1px solid #dfdfdf;
}
.solid-right{
	border-right: 1px solid #dfdfdf;
}
.solid-bottom{
	border-bottom: 1px solid #dfdfdf;
}
/* 首页通栏新闻 */
.news-train{
	/* background-color: #F8F8F8; */
}
.news-pic{
	margin-top: 10px;
	padding: 0 !important;
	border: 1px solid #d9d9d9;
	width: 50%;
	height: 330px;
	background-color: orange;
	border-radius: 2px;
	background:url(../images/class-pic01.jpg);
	/* background-size:100% auto;-moz-background-size:100% 100%; */
}
.news-pic img{
	
	width: 100%;
	height: 100%;
}
.news-list{
	width: 50%;
	padding-left: 0px !important;
}
.news-list ul{	
}
.news-list ul li{	
	height: 58px;
	background-color: #ffffff;
}
.news-list ul li time{
	display: block;
	float: left;
	height: 58px;
	line-height: 58px;	
	margin-right: 20px;
	padding:0 10px;
	color: #9da7ad;
	background-color: #F8F8F8;
	transition: .3s;
}
.news-list ul li h4.dot2 {    
    color: #333;	
	line-height: 58px;
	overflow: hidden;    
    font-weight: normal;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
/* 优势展示一 */

.picshow{
	display: flex;
	justify-content: space-between;
}
.classview{
	display: flex;
	font-size: 20px;
	justify-content: center;
	align-items: center;
	width: 24%;
	height: 199px;
	margin: 10px 0;	
}
.classview span{
	/* background-color: #1e1e1e; */
	opacity: 0.8;
	color: #FFFFFF;
	width: 100%;
	padding: 2px 0;
	text-align: center;
}
.picview{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 220px;
	margin: 20px 0;
	border-radius: 50%;
	border: 1px solid #9f9f9f;
}
.picview img{
	width: 220px;
	height: 220px;
	border-radius: 50%;	
}
.picview-title{
	width: 220px;
	opacity: 0.8;
	color: #797979;
	text-align: center;
	margin-bottom: 20px;
}
.index-lesson>div{
	width: 24%;
	height: 330px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 2px solid #F1F1F1;
}
.index-lesson-img{
	background-size: 100% 100%;
	transition: all 0.5s ease;
	background-position:center;
}
.index-lesson-img:hover{
	transition: all 0.5s ease;
	background-position:center;
	background-size: 105% 105%;
}
.index-lesson>div:hover{
	background-size: 120% 120%;
	transition: all 0.36s ease;
	box-sizing: border-box;
	border: 2px solid #57bc4c;
	background-color: #57bc4c;
}
.index-lesson>div img:hover{
	zoom: 1.2;
	transition: all 0.36s ease;
}
.index-teacher{
	height: 260px;
	
}
.index-teacher>div{
	padding: 20px;
	width: 49%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 2px solid #F1F1F1;
	background-color: #fbfcfc;
	transition: all 0.36s ease;
}
.index-teacher>div:hover{
	transition: all 0.36s ease;
	background-image: linear-gradient(60deg,#50f176,#4dd46f);
	height: 240px;
}

/*我们的核心优势*/
.syhy_t{
	font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
	height:80px;
	position:relative;
	text-align:center;
	color:#333333;
	font-weight: bold;
	font-size:30px;
	}
	.index-news a{
		color: #2c2c2c;
	}
.index-news{
	height: 240px;
	border: 1px solid #dfdfdf;
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index-news  >div {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-news  >div:hover{
	background: linear-gradient(to left top, #f5f5f5, #eff9ff);
	transition: 0.3s;
	/* background-size: 200% 100%; */
}
.title_line{
	background:#333333;
	height:3px;
	width:66px;	
	display:block;
	margin:0 auto;
	margin-top:20px
	}	
.youshi{
	background:#55aa7f;
	height:550px;
	background:url(../images/newline.png);
	/* background:url(../images/youshi.png); */
	background-position:bottom;
	background-size:100% 260px;
	background-repeat:no-repeat}
.youshi1{	
	padding-top:50px;
	height:120px}
.youshi2{
	margin-top:80px;
	overflow:hidden}
.youshi2_1{
	list-style: none;
	width:20%;
	float:left}
.youshi2_1bg{
	height:80px;
	text-align:center;
	margin-bottom:25px}
.youshi2_1bg img{
	width:80px;
	height:80px}
.youshi2_1tit{
	text-align:center;
	font-size:18px;
	color:#333333}
.youshi2_1dec{
	font-size:14px;
	color:#666666;
	line-height:22px;
	margin:0 38px;
	text-align:center;
	margin-top:10px}
/* 综合服务 */
.service-title{	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 240px;
}
.service-bg1{
	background-color: #abb3bd;
}
.service-bg2{
	background-color: #bdc6d0;
}
.service-title-li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 30px;
	height: 120px;
}
.service-title-li:hover{
	background-color: #ffaa00;
	transition: all .3s linear;
}
.sawtooth{
	background-image: url(../images/sawtooth.png);
	background-repeat: no-repeat;
	/* background-color: #101010; */
	height: 6px;
	margin-top: -6px;
}
.train-more{
	height: 220px;
	display: flex;
	align-items: center;
	color: #FFFFFF;
	font-size: 20px;
	justify-content: space-around;
}
.train-button{
	padding: 10px 30px;
	background-color: #002f47;
	border-radius: 50px;
	color: #ffffff;
	font-size: 14px;
	/* border: 1px solid #112222; */
}

/* 二级栏目样式 */
.class-top-bg{
	/* background-image: url(../static/picture/2024090.jpg); */
	background-attachment: fixed;	
	background-repeat: no-repeat;	
	background-size: cover;
	/* background-position: 0 -20px; */
	/* background-size:100% auto; */
}
.intro{
	height:220px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	justify-content:space-between;	
}
.intro-body{
	display: flex;
	justify-content:space-between;	
}
.intro-title{
	font-size: 30px;
}
.intro-site{
	font-size: 14px;
}
.intro-nav{
	float: left;
	background-color: #00AAFF;
	width: 300px;
}
.intro-content{
	width: 860px;
	margin-left: 20px;
	float: right;
	
}
.intro-nav-title > li{
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	border-bottom:1px solid #FFFFFF ;
}
.intro-nav-title > li:hover{	
	background-color: #ffaa00;
	animation-duration: .6s;
	animation-name: fade;
	animation-direction: normal;	
}
.intro-nav-title li.active:after {
	background-color: #000000;
    /* right: -15px; */
    border-width: 27px 0 27px 15px;
    border-color: transparent transparent transparent #191F26;
}
.intro-nav-title li.active:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.intro-images img{
	width: 100%;
	overflow: hidden;
}
.intro-text{
	line-height: 30px;
	text-indent: 2em;
	text-align: justify;
}

.newslist ul{
	width: 100%;
	line-height: 42px;
	font-size: 16px;
}
.newslist ul li{
	color: #7a7a7a;
	border-bottom: 1px dotted #9e9e9e;
}
.newslist span{
	float: right;
	font-size: 12px;
	color: #888888;
}
.news-content{
	width: 1000px;
}
.news-writer{
	border-top: 1px solid #dddddd;
	line-height: 26px;	
}
.team-show{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
.teamer{
	width: 230px;
	height: 380px;
	margin-bottom: 50px;
	background-color: #ffffff;
	border: 1px solid #e6edf4;
}
.teamer img{
	width: 100%;
	height: 230px;
	overflow: hidden;
}
.teamer span{
	display: block;
	text-align: justify;
	margin: 20px 20px 10px 20px;
	padding-bottom: 10px;
	color: #636363;
	border-bottom: 1px solid #e6e6e6;
}
.teamer-name{
	font-size: 16px;
	color: #204D74;
	padding: 0 20px;
}
.team-intro{
	font-size: 36px;
	text-align: center;
}

/* 学历教育 */
.famous-school{	
	/* padding: 20px; */
	
}
.famous-school span{
	text-align: center;
	position: relative;
	top: 160px;
	width: 100%;
	padding: 2px 0;
	background-color: #ffffff;
	display: block;
} 
.diy-study{
	width: 220px;
	height: 420px;
	background-color: #002F53;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.diy-study-title{
	min-width: 100%;
	text-align: center;
	color: #FFFFFF;
}
.diy-study-button{
	width: 100%;
	display: flex;
	justify-items: center;
}
.diy-study-more{
	padding: 20px;
	background-color: #00AAFF;
}
.famous-logo{
	width: 130px;
	height: 130px;
	border-radius: 300px;
	background-color: #002F53;
}
.famous-name{
	text-align: center;
	line-height: 50px;
}
.study-pic{
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.study-content{
	line-height: 30px;
}
.study-button{
	margin-top: 30px;
	border-radius: 50px;
	padding: 6px 30px;
	font-size: 16px;
}
.diy-study-class{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.diy-study-4{
	width: 46%;
	margin: 30px 0;
	border: 1px solid #cacaca;
	background-color: #ffffff;
	display: flex;
}
.diy-study-4:hover{	
	transform:scale(1.05);
	background-color: #ff5500;
	transition: .5s;
}
.diy-study-text{
	padding: 20px;
	font-size: 16px;
}
.service-note{
	padding: 20px 0;
	width: 46%;
	
}
.service-note ul > li{
	line-height: 42px;
	font-size: 16px;
	color: #636363;
	width: 100%;
	border-bottom: 1px dotted #cecece;
}
.service-note ul > li span{
	float: right;
	font-size: 12px;
	color: #b0b0b0;
}
.service-t{
	font-size: 28px;
	line-height: 70px;
	border-bottom: 1px solid #d4d4d4;
}
.service-bg{
	background:#55aa7f;	
	background:url(../images/newline.png) !important;
	background-position:bottom !important;
	background-size:100% 260px !important;
	background-repeat:no-repeat !important;
}


/*** 

====================================================================
	Team Section style
====================================================================

***/
.auto-container{
	position:static;
	max-width:1040px;
	padding:0px 15px;
	margin:0 auto;
}
.team-section{
	position:relative;
	padding:60px 0px 0px;
}

.team-section .sec-title{
	margin-bottom:50px;
	text-align:center;	
}

.team-section .team-member{
	position:relative;
	margin-bottom:60px;	
}

.team-section .team-member .inner{
	position:relative;
	max-width:420px;
	margin:0 auto;
	border:1px solid #d0d0d0;
	background:#ffffff;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.team-section .team-member .inner:hover{
	border-color:#fc5a1b;
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
}

.team-section .team-member .member-image{
	position:relative;
	margin-left:-1px;
	margin-right:-1px;	
}

.team-section .team-member .social-links{
	position:absolute;
	left:0px;
	top:-42px;
	width:100%;
	height:42px;
	padding:1px;
	z-index:2;
	text-align:center;
	transition:all 500ms ease 100ms;
	-moz-transition:all 500ms ease 100ms;
	-webkit-transition:all 500ms ease 100ms;
	-ms-transition:all 500ms ease 100ms;
	-o-transition:all 500ms ease 100ms;
		
}

.team-section .team-member .social-links a{
	position:relative;
	display:inline-block;
	margin:0px 1px;
	width:36px;
	height:34px;
	border:none;
	color:#ffffff;
	font-size:15px;
	line-height:34px;
	text-align:center;
	background:#fc5a1b;
}

.team-section .team-member .social-links a:before{
	background:#292929;	
}

.team-section .team-member:hover .social-links{
	top:0px;	
}

.team-section .team-member .member-image img{
	display:block;
	width:100%;	
}

.team-section .team-member .lower{
	position:relative;
	padding:0px 15px 10px 20px;
	color:#7f7f7f;
}

.team-section .team-member .member-title{
	position:relative;
	max-width:420px;
	margin:-40px 15px 0px;
	padding:15px 5px 10px;
	border:1px solid #d0d0d0;
	background:#ffffff;
	text-align:center;
}

.team-section .team-member .member-title h5{
	font-size:18px;
	font-family:'Droid Sans',sans-serif;
	color:#292929;
}

.team-section .team-member .member-title .occupation{
	font-size:15px;
	color:#fc5a1b;
}

.team-section .team-member .desc{
	padding:20px 0px 0px;
	min-height:150px;
}

.team-section .team-member .read-more{
	color:#11c3f0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.team-section .team-member .read-more:hover{
	color:#fc5a1b;	
}

/*** 

====================================================================
	Price Plans Section style
====================================================================

***/

.price-plans{
	position:relative;
	background:#ffffff;
	padding:50px 0px;
	text-align:center;	
}

.price-plans .row{
	margin-left:-50px;
	margin-right:-50px;	
}

.price-plans.style-two .row{
	margin-left:-15px;
	margin-right:-15px;	
}

.price-plans.style-two .table-column{
	position:relative;
	margin-bottom:50px;
	padding:0px 15px;
}

.price-plans .table-column{
	position:relative;
	margin-bottom:50px;
	padding:0px 50px;
}

.price-plans .table-inner{
	position:relative;
	/* border:1px solid #d0d0d0; */
	/* background:#ffffff; */
	padding:30px 40px 30px 10px;
	width:100%;
	margin:0 auto;
}

.price-plans.style-two .table-inner{
	padding:0px;	
}

.price-plans .table-inner:before{
	background:#fc5a1b;
}

.price-plans .recommended .table-inner:before{
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-o-transform:scaleX(1);
}

.price-plans .half-column{
	position:relative;
	margin-bottom:4px;
	text-align:left;
}

.price-plans.style-two .half-column{
	text-align:center;
	padding:25px;	
}

.price-plans.style-two .price{
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.price-plans .price .amount{
	position:relative;
	display:block;
	font-size:84px;
	text-align:center;
	line-height:1.2em;
	margin-bottom:5px;
}

.price-plans .price .amount sup{
	font-size:50px;
	padding-right:5px;	
}

.price-plans .price p{
	color:#8f8f8f;
	margin-bottom:0px;
	text-align:center;
	font-family:'Open Sans',sans-serif;	
}

.price-plans .list{
	position:relative;
}

.price-plans .list h3{
	font-size:18px;
	margin-bottom:10px;	
}

.price-plans .list li{
	position:relative;
	margin-bottom:7px;
	padding-left:30px;
	line-height:30px;
	color:#7f7f7f;
}

.price-plans.style-two .list li{
	padding-left:0px;	
}

.price-plans .recommended .table-inner .price p,
.price-plans .recommended .table-inner .list li,
.price-plans .table-inner:hover .price p,
.price-plans .table-inner:hover .list li,
.price-plans .recommended .table-inner .amount,
.price-plans .recommended .table-inner .list h3{
	color:#ffffff;	
}

.price-plans .list li:before{
	font-family: 'FontAwesome';
	content:'\f00c';
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:20px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	color:#fc5a1b;	
}

.price-plans.style-two .list li:before{
	display:inline-block;
	position:relative;
	text-align:left;	
}

.price-plans .recommended .list li:before,
.price-plans .table-inner:hover .list li:before{
	color:#ffffff;	
}

.price-plans .read-more{
	position:absolute;
	right:0px;
	bottom:0px;
	width:44px;
	font-size:12px;
	text-align:center;
	height:44px;
	line-height:24px;
	padding:10px 10px;
	color:#ffffff;
	background:#fc5a1b;
	transition:all 300ms ease 100ms;
	-webkit-transition:all 300ms ease 100ms;
	-ms-transition:all 300ms ease 100ms;
	-o-transition:all 300ms ease 100ms;
	-moz-transition:all 300ms ease 100ms;
}

.price-plans.style-two .read-more{
	position:relative;
	display:inline-block;
	right:0px;
	top:0px;
	padding:10px 20px;
	width:auto;
	font-size:14px;
	text-transform:uppercase;
	font-family:'Montserrat',sans-serif;
	margin-bottom:30px;
}

.price-plans.style-two .read-more .fa{
	position:relative;
	padding-right:15px;
	top:-1px;
	font-size:12px;	
}

.price-plans .read-more:before{
	background-color:#292929;	
}

.price-plans .recommended .read-more,
.price-plans .table-inner:hover .read-more{
	background:#292929;
}
.about-text{
	text-align: justify;
	text-indent: 2em;
}
.signature{
	text-align: right;
}
.viedo-list{
	background-color: #002F47;
	height: 120px;
	align-items: center;
	display: flex;	
	justify-content: center;
	border-radius: 6px;
}
.viedo-button{
	color: #F3F3F3 !important;
	padding: 2px 12px;
	border-radius: 20px;
	border: 1px solid #dddddd;
}


.new-top{
		height: 90px;
		/* padding: 10px 0px !important; */
	}
	.top-line{
		background-color: #2b3647;
		/* background-image: linear-gradient(60deg,#f83100,#a8ff07,#00aaff); */
		background-size: 220% 100%;
		color: #000000;
		padding: 0;	
		width: 100%;
	}
	.hidden-menu{
		margin-top: -36px;
		transition-duration: 0.5s;
	}
	.top-line-body a{
		color: #FFFFFF;
		line-height: 36px;
	}
	.top-line-body a:hover{
		color: #ffaa00;
	}
	.top-list {
		color: #d8d8d8;
		text-align: left;
	}	
	ul.top-list > li{
		display: inline;
		padding: 0px 15px;
		/* border-right: 1px solid #737373; */
		/* background-color: #55aa00; */
	}
	ul.top-list > li:nth-last-child(1){
		display: inline;
		padding: 0px 10px;
		/* border-right: 0px solid #d8d8d8; */
		/* background-color: #55aa00; */
	}