/* 通用样式 */



a:hover {

	cursor: pointer;

}



.new-f24 {

	font-size: 24px;

}



.new-f18 {

	font-size: 18px;

}



.new-f16 {

	font-size: 16px;

}



.new-f14 {

	font-size: 14px;

}



.new-f12 {

	font-size: 12px;

}



.margin-p-lg {

	margin-top: 30px;

}



.margin-p-md {

	margin-top: 10px;

}



.margin-p-sm {

	margin-top: 30px;

}



.margin-p-xs {

	margin-top: 10px;
	color: #fff;

}



.margin-b-lg {

	margin-bottom: 50px;

}



.margin-b-md {

	margin-bottom: 50px;

}



.margin-b-sm {

	margin-bottom: 30px;

}



.margin-b-xs {

	margin-bottom: 10px;

}



.new-blue {

	color: #3d7eff;

}



.new-gray {
	line-height: 30px;

	color: #666666;

}



.new-bg-gray {

	background-color: #f3f3f3;

}



.special-box-wrap {

	display: -webkit-box;

	-webkit-box-orient: horizontal;

	-webkit-box-align: center;

	display: -moz-box;

	-moz-box-orient: horizontal;

	-moz-box-align: center;

	display: -o-box;

	-o-box-orient: horizontal;

	-o-box-align: center;

	display: -ms-box;

	-ms-box-orient: horizontal;

	-ms-box-align: center;

	display: box;

	box-orient: horizontal;

	box-pack: center;

	box-align: center;

}



.new-btn {

	display: inline-block;

	padding: 6px 20px;

	margin-bottom: 0;

	font-size: 14px;

	font-weight: normal;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border: 1px solid transparent;

	border-top-color: transparent;

	border-right-color: transparent;

	border-bottom-color: transparent;

	border-left-color: transparent;

	border-radius: 4px;

}



.new-btn-lg {

	padding: 10px 35px !important;

	font-size: 16px !important;

	width: 150px;

}



.new-btn-primary {

	color: #FFFFFF !important;

	background-color: #3d7eff;

	border-color: #3d7eff;

}

.new-btn-default {

	color: #3d7eff !important;

	background-color: #fff;

	border-color: #3d7eff;
	margin-left: 10px;

}



/* 主站首页头部 */

.new-2021-head-wrapper {

	box-shadow: 0px 0px 20px #f0f0f0;

	background: #fff;

}



.new-2021-head {

	display: flex;

	flex-direction: row;

	justify-content: space-around;

	align-items: center;

	flex: 1;

	width: 90%;

	margin: 0 auto;

	height: 150px;

}




.new-2021-head>div {

	float: left;

}



.new-2021-head .left {

	width: 30%;

}



.new-2021-head .left img {

	width: auto;

	height: 85px;

}
.new-2021-head .middle .head_nav{
	margin-top: 70px;
}



.new-2021-head .middle {

	width: 47%;

	text-align: center;

}



.new-2021-head .middle a {

	margin: 0 20px;

	position: relative;

	transition: all 0.5s ease 0s;

	font-size: 18px;

}







.new-2021-head .middle a:after {

	content: "";

	width: 0;

	height: 3px;

	background: #3d7eff;

	position: absolute;

	bottom: -10px;

	left: 0;

	transition: all 0.5s ease 0s;

}



.new-2021-head .middle a:hover:after {

	width: 100%;

}

.new-2021-head .middle a.active:after {

	content: "";

	width: 100%;

	height: 3px;

	background: #3d7eff;

	position: absolute;

	bottom: -10px;

	left: 0;

	transition: all 0.5s ease 0s;

}



.new-2021-head .middle a:hover {

	color: #3d7eff;

}



.new-2021-head .right {

	width: 23%;

}



.new-2021-head .right .top-tel {

	margin-left: 10px;
	display: flex;

}
.new-2021-head .right .top-tel img{
	width: 30px;
}
.new-2021-head .right .top-tel span{
	color: #3d7eff;
}



/* 新闻轮播 */

.new-news-wrapper {

	padding: 20px 0;

}



.new-news-wrapper .left {

	display: flex;

	width: 110px;

	font-size: 17px;

	float: left;
	line-height: 22px;

}



.new-news-wrapper .left img {

	margin-right: 10px;
	width: 20px;
    height: 20px;

}



/*公告栏-新闻滚动*/

.new-news-wrapper .right {

	display: flex;

	width: 85%;

	font-size: 18px;

	float: left;

}



.apple {

	width: 100%;

	height: 20px;

	overflow: hidden;

}



.apple ul li {

	height: 30px;

	line-height: 20px;

	font-size: 14px;

}



.apple ul li a {

	color: #000;

	display: block;

	padding-left: 20px;

	padding-right: 20px;

	line-height: 20px;

}



.apple ul li a span {

	float: right;

}



/* 地区 */



.new-local-bg {

	background-image: url(../new_images/local-bg.jpg);

	background-size: cover;

	background-position: center bottom;

	height: 450px;

}



.new-title {

	font-size: 24px;

	margin-bottom: 20px;

}



.new-local-wrapper {

	box-shadow: 0px 0px 30px #c3c3c3;

}



/* 合作院校 */

.college-wrapper {

	width: 90%;

	margin: 0 auto;

	position: relative;

	margin-top: -18%;

	padding: 20px 0;

	background-color: #FFFFFF;

	box-shadow: 0px 0px 10px #c3c3c3;

	z-index: 999;

	opacity: 0;

}



.swiper-slide-active .college-wrapper {

	opacity: 1;

}



.college-tit {

	font-size: 16px;

	color: #fff;

	background-color: #3d7eff;

	padding: 10px;

	border-top-right-radius: 20px;

	width: 40%;

}

.college-des{

	word-break: break-all;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
    padding: 10px 10px 0px 10px;

}


.college-info {

	font-size: 14px;

	line-height: 1.4;

	padding: 0 20px;

}



/* 精彩推荐 */

.xinxi_solution_main ul li {

	background: url('../images/pic1.png') no-repeat;

	height: 286px;

	float: left;

	width: 160px;

	position: relative;

	overflow: hidden;

	transition: all 0.5s;

	margin-right: 10px;

}



.xinxi_solution_main ul li:last-child {

	margin-right: 0;

}



.xinxi_solution_main ul li .left_top {

	position: absolute;

	left: 25px;

	padding: 10px 30px;

	text-align: center;

	background-color: #3d7eff;

	color: #fff;

}



.xinxi_solution_main ul li .left_top img {

	width: 30px;

}



.xinxi_solution_main ul li i {

	font-size: 18px;

	color: #FFF;

}



.xinxi_solution_main ul li .left {

	float: left;

	width: 160px;

	background: #000;

	height: 286px;

}



.xinxi_solution_main ul li .right {

	float: left;

	width: 450px;

	position: relative;

	height: 26px;

	background-color: #f3f3f3;

	padding: 50px 40px;

}



.xinxi_solution_main ul li.on {

	width: 690px;

	background-color: #f3f3f3;

}



.xinxi_solution_main .hot-tit {

	font-size: 18px;

}



.xinxi_solution_main .hot-tit::after {

	content: "";

	display: block;

	margin-top: 15px;

	margin-bottom: 15px;

	width: 380px;

	height: 1px;

	background-color: #bfbfbf;

}



.xinxi_solution_main .hot-info {

	font-size: 14px;

	line-height: 1.4;

}



.xinxi_solution_main ul li .right a {

	position: absolute;

	font-size: 14px;

	color: #3d7eff;

	margin-top: 40px;

}



/* 免费课程 */

.new-course-bg {

	background-image: url(../new_images/course-bg.jpg);

	background-size: cover;

	background-position: center center;

	padding: 15px 0;

}
.new-course-bg .new-title{
	margin-top: 20px
}


.new-row {

	margin-left: -15px;

	margin-right: -15px;

	min-height: 260px;

}



.new-row>div {

	float: left;

}



.new-course-wrapper {

	width: 25%;

}



.new-text-box {

	background-color: #FFFFFF;

	padding: 20px;

}



.new-course-box:hover {

	box-shadow: 0px 82px 33px -60px #c3c3c3;

}



.course-img {

	width: 100%;

}



.new-course-box {

	margin: 20px;

	display: inline;

	float: left;

	overflow: hidden;

	position: relative;

	text-align: left;

	cursor: default;

	border-radius: 6px;

}



.new-course-box .mask {

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	background-color: rgba(0, 0, 0, 0.7);

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	text-align: center;

}



.new-course-box:hover .mask {

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	cursor: pointer;

}



.new-course-box .mask {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	height: 100%;

	background: rgba(0, 0, 0, .4);

	opacity: 0;

}



.env-title {

	color: #fff;

	font-size: 18px;

	margin-top: 28%;

	padding: 6px 10px;

	background-color: #3d7eff;

	position: relative;

	width: 30%;

	margin-left: auto;

	margin-right: auto;

}



.new-course-info {

	color: #3d7eff;

	font-size: 12px;

	margin-top: 20px;

}



.new-course-info span {

	float: right;

	color: #999999;

	font-size: 14px;

}



.new-course-img-box {

	height: 100%;

	overflow: hidden;

	position: relative;

}



/* 我们的优势 */

.digital {

	width: 100%;

}



.mumping_mun li {

	width: 33%;

	display: inline-block;

	margin: 20px auto;

}



.mumping_mun p {

	font-size: 16px;

	width: 100%;

	display: block;

	clear: both;

	margin-left: 30px;

}



.mumping_mun h2 {

	font-size: 35px;

	font-weight: normal;

	margin-right: 10px;

	display: inline-block;

}

.mumping_mun i {

	position: absolute;

	margin-right: 10px;

	font-size: 35px;

}

/* .mumping_mun li:nth-child(3) h2::before{

	content: ">";

	display: inline-block;

	color: #333;

	margin-right: 9px;

	margin-left: 15px !important;

} */

.mumping_mun h2:before{

	content: "";

	width: 8px;

	height: 30px;

	background-color: #3d7eff;

	display: inline-block;

	margin-right: 15px;

}

.new-advantage > div {

	float: left;

}

.new-advantage {

	padding: 30px 30px;

}

.rotate {

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.new-advantage-left {

	width: 85%;

}

.new-advantage-right {

	width: 15%;

}

.new-advantage:hover .new-advantage-img-1 {

	display: none;

}

.new-advantage-img-2 {

	display: none;

}

.new-advantage:hover .new-advantage-img-2 {

	display: block;

}

.rotate:hover {

	background-color: #3d7eff;

	color: #FFFFFF !important;

}

.new-advantage-info {

	font-size: 14px;

	color: #999999;

}

.new-advantage:hover .new-advantage-info {

	color: #FFFFFF;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

}

.scene .card {

  position: relative;

  width: 40px;

  color: white;

  cursor: pointer;

  transition: .3s ease-in-out;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

	margin: 0 auto;

}

.new-advantage:hover .card {

  -webkit-transform: rotateY(0.5turn);

          transform: rotateY(0.5turn);

}

.scene .card .card__face {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  transition: .3s ease-in-out;

  -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.4));

}

.scene .card .card__face img {

  width: 40px;

  -o-object-fit: cover;

     object-fit: cover;

}

.scene .card .card__face--back {

  -webkit-transform: rotateY(0.5turn);

          transform: rotateY(0.5turn);

}



/* 底部 */

.new-footer {

	background-color: #252525;

	color: #999;

	padding: 50px 20px 20px 20px;

}

.new-footer .maincon > div {

	float: left;

}

.new-footer-left {

	width: 69%;

	border-right: 1px solid #666666;

}

.new-footer-right {

	width: 30%;

}

.new-footer ul  {

	display: inline-block;

	width: 24%;

	text-align: center;

	color: #FFFFFF;

	vertical-align: top;

}

.new-footer .new-footer-left ul li {

	line-height: 2;

	font-size: 14px;

	text-align: center;

	color: #999;

}

.new-footer .new-footer-left ul li:first-child {

	margin-top: 10px;

}

.new-footer ul li a {

	color: #999999;

}

.new-footer-right ul {

	display: inline-block;

	width: 100%;

}

.new-footer-right ul li {

	display: inline-block;

	white-space: nowrap;

	width: 49%;

	color: #999999 !important;

}

.new-friendLinks {

	border-top: 1px solid #666666;

	padding: 10px 70px;

}

.new-friendLinks {

	color: #FFFFFF;

}

.new-friendLinks ul {

	display: inline-block;

	width: 90%;

	text-align: left;

}

.new-friendLinks ul li {

	display: inline-block;

	white-space: nowrap;

	margin: 0 30px;

	margin-bottom: 10px;

	font-size: 14px;

}

.new-copyright {

	font-size: 12px;

	text-align: center;

	border-top: 1px solid #666666;

	width: 100%;

	padding-top: 10px;

	color: #999999

}

.new-copyright a {

	color: #999999 !important;

}

.new-copyright img {

	width: 14px;

}



/* 侧边栏 */

.fixed_item {

    width: 60px;

    background: #FFFFFF;

    border-radius: 0;

    text-align: center;

    margin-bottom: 0;

    cursor: pointer;

	display: none;

} 

.fixed_box {

	border-radius: 5px;

	border: 1px solid #eeeeee;

	padding: 20px 5px;

	background: #FFFFFF;

	display: none;

}

.fixed_item span {

    color: #333;

	font-size: 12px;

}



/* 新闻列表 */

.new-news-list ul {

	display: inline-block;

}

.new-news-list ul li {

	display: inline-block;

	white-space: nowrap;

	margin-right: 50px;

}

.new-news-list ul li a {

	font-size: 16px;

}

.new-news-list ul li.active a {

	color: #3d7eff;

}



/* 登录 */

.new-sign-nav-tit {

	height: 32px;

	line-height: 32px;

}

.new-sign-nav-tit:before {

    content: "";

	position: absolute;

    width: 8px;

    height: 32px;

    background-color: #3d7eff;

    display: inline-block;

    margin-right: 15px;

	border-radius: 0 10px 10px 0;

}

.new-sign-nav-tit span {

	float: right;

	margin-top: 7px;

}



.new-sign-nav-tit span a {

	color: #3d7eff;

}

.new-sign-nav-tit h3 {

	display: inline-block;

	margin-left: 20px;

}

.new-sign-wrapper {

	width: 50%;

	margin: 0 auto;

}

/* 登录框 */

.aui-content-box {

    padding: 40px 65px 40px 75px;

}



.aui-content-box-fl {

    width: 100%;

}



.aui-form-header {

    position: relative;

    z-index: 1;

    height: 35px;

    margin-bottom: 30px;

    border-bottom: 1px solid #e2e0e0;

}



.aui-form-header .aui-form-header-item {

    font-size: 16px;

    line-height: 24px;

    position: relative;

    float: left;

    width: 50%;

    height: 33px;

    cursor: pointer;

    text-align: center;

    color: #121212;

}



.aui-form-header li a {

    color: #121212;

}



.aui-form-content-item {

    display: none;

}



.aui-form-header .on {

    margin-bottom: -1px;

    color: #3d7eff;

    border-bottom: 2px solid #3d7eff;

}



.aui-form-header .on:after {

    position: absolute;

    z-index: 2;

    top: -12px;

    left: 50%;

    margin-left: -3px;

    content: "";

    width: 0;

    height: 0;

    line-height: 0;

    border: 6px solid transparent;

    border-bottom-color: #3d7eff;

}



.aui-form-header .on:after {

    z-index: 3;

    top: -11px;

    width: 0;

    height: 0;

    line-height: 0;

    border: 6px solid transparent;

    border-bottom-color: #fff;

}



.aui-form-header .on:after {

    position: absolute;

    z-index: 2;

    top: 21px;

    left: 50%;

    margin-left: -3px;

    content: "";

    width: 0;

    height: 0;

    line-height: 0;

    border: 6px solid transparent;

    border-bottom-color: #3d7eff;

}



.aui-form-list {

    position: relative;

    z-index: 1;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

	height: 50px;

	line-height: 50px;

	border-bottom: 1px solid #ededed;

	padding: 10px 0;

}



.aui-form-list .aui-input {

    box-sizing: border-box;

    width: 100%;

    border-radius: 0;

    border-left: 0;

    border-top: 0;

    border-right: 0;

	font-size: 14px;

	border: 0;

}



.aui-form-pwd {

    padding-top: 20px;

}



.aui-form-pwd a {

    position: relative;

    float: right;

    font-size: 14px;

    display: block;

    text-align: right;

    text-decoration: none;

    color: #3d7eff;

    margin-top: -5px;

    z-index: 3;

}





.aui-child {

    position: absolute;

    right: 0;

	border: 0;

	bottom: 14px;

    z-index: 2;

    height: 40px;

    font-size: 14px;

    padding: 0;

    border: 0;

    color: #3d7eff;

	width: 150px;

}



.aui-child-img img {

    width: 75px;

    display: block;

    border: none;

}



.aui-content-box-text h3 {

    margin: 44px 0 8px;

    color: #555;

    font-size: 14px;

}

.agreement span {

	font-size: 14px;

}

.agreement a {

	color: #3d7eff;

}

select {

    border: 0;

        border-bottom-color: currentcolor;

        border-bottom-style: none;

        border-bottom-width: 0px;

	margin-top: 15px;

	width: 32%;

	font-size: 14px;

	color: #999;

}

.reg_item_tit select {

	width: 100%;

}