@charset "utf-8";
body { line-height: 1.5; color: #6F7479; background-color: #fff; margin: 0; padding: 0; }
.bbs-icon-tri { background: url("../images/jiantou.png") no-repeat; }
#content .wrapper-top {position: relative;height: auto;margin-top: 0;}
#content .wrapper { z-index: 1; position: relative; margin-top: 50px;}
.wrapper-menu { max-width: 1180px; width: 100%; }
.header-menu.hw-univer { height: 80px; border: none; }
.university-title { position: relative; float: left; display: inline-block; width: 147px; margin: 15px 0 14px 0; font-size: 0; }
.university-title:after { position: absolute; top: 5px; left: 158px; margin: 0 30px 0 14px; content: ""; width: 81px; height: 35px; background: url(../images/edu-head.png) no-repeat center; }
.university-nav:before { position: absolute; top: 17px; left: 44px; content: ""; margin-right: 40px; width: 0; height: 46px; font-size: 46px; line-height: 46px; border-left: 1px solid #e1e1e1; }
.university-title .title { display: inline-block; font-size: 28px; color: #333333; letter-spacing: 0; line-height: 34px; text-align: left; }
.university-title .describe { display: inline-block; font-size: 12px; color: #666666; letter-spacing: 0; line-height: 16px; text-align: left; }
.university-nav { position: relative; float: left; margin-left: 95px; width: 75%; height: 80px; font-size: 0; }
.university-nav .nav, .last-nav { display: inline-block; padding: 32px 0 28px 0; margin-left: 70px; font-size: 16px; color: #333333; text-align: center; line-height: 16px; cursor: pointer; }
.university-nav .nav:first-child { margin-left: 85px; }
.last-nav { line-height: 20px; }
.university-nav .nav-active { color: #e41f2b; border-bottom: 4px solid #e41f2b; }
.university-nav .nav:hover { color: #e41f2b; border-bottom: 4px solid #e41f2b; }
.last-nav { float: right; position: relative; }
.last-nav .bbs-icon-tri { position: absolute; top: 38px; right: -19px; content: ""; width: 11px; height: 7px; cursor: pointer; background-position: 0 0; }
.university-nav .last-nav:hover { color: #e41f2b; }
.university-nav .last-nav:hover .bbs-icon-tri { background-position: 0 -14px; }
.university-nav:after { content: ""; display: block; clear: both; width: 0; height: 0; }
.last-nav-node { position: absolute; top: 69px; right: -37px; z-index: 3; width: 138px; height: 50px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px; padding: 17px; color: #333333; font-size: 16px; text-align: center; display: none; }
.university-nav .last-nav:hover .last-nav-node { display: inline-block; }
.last-nav-node:hover { color: #e41f2b; }
@media (max-width:1023px) {
	.university-nav { margin-left: 85px; }
}
@media screen and (min-width:848px) and (max-width:935px) {
	.university-nav { margin-left: 85px; width: 66%; }
	.university-nav .nav { margin-left: 55px; }
	.last-nav { margin-left: 55px; }
}
@media screen and (min-width:769px) and (max-width:847px) {
	.university-nav { margin-left: 85px; width: 66%; }
	.university-nav .nav { margin-left: 35px; }
	.last-nav { margin-left: 35px; }
}
#back-toTop.show { display: inline-block; opacity: 5; }
#back-toTop { opacity: 0; display: none; }
.icons-float-bar.f1 { background-position: 0 0; }
.icons-float-bar.f2 { background-position: -24px 0; }
.icons-float-bar.f3 { background-position: -48px 0; }
.icons-float-bar.f4 { background-position: -72px 0; }
.icons-float-bar.f5 { background-position: -96px 0; }
.float-sidebar {position: fixed;z-index: 98;/* bottom: 80px; */right: 20px;}
.float-bar-nav > .item.tel { height: auto; margin-bottom: 10px; background-color: #e41e2b; line-height: 0; cursor: default; }
.float-bar-nav > .item.tel > .icons-float-bar { margin: 12px auto; }
.float-bar-nav > .item.tel > p { position: relative; padding: 10px 16px; background-color: white; font-size: 14px; color: #333; line-height: 16px; text-align: center; }
.float-bar-nav > .item.tel > p:before { content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; margin-top: -1px; margin-left: -1px; border-radius: 50%; background-color: #333; }
.float-bar-nav > .item.to-top-btn:hover .to-top { background-position: -120px 0; }
.float-bar-nav > .item.tel:hover { background-color: #F24651; }
.show-totop .float-bar-nav > .item.to-top-btn { visibility: visible; opacity: 1; }
.float-bar-nav .sub-nav-layer { position: absolute; top: 0; right: 100%; padding-right: 5px; font-size: 14px; opacity: 0; visibility: hidden; transform: scale(.95); transform-origin: right; transition: opacity .4s, transform .3s ease-out; }
.float-bar-nav .item:hover .sub-nav-layer { opacity: 1; transform: scale(1); visibility: visible; }
.float-bar-nav .page-nav .sub-nav-layer { position: fixed; right: 94px; bottom: 90px; top: auto; min-height: 292px; }
.oldIE .float-bar-nav .sub-nav-layer { visibility: hidden; }
.float-bar-nav .page-nav-list { padding: 20px 0; font-size: 14px; width: 160px; background-color: white; text-align: left; box-shadow: 0px 5px 8px rgba(6, 0, 1, 0.1) }
.oldIE .float-bar-nav .page-nav-list { border: 1px solid #d4d5d7; }
.float-bar-nav .page-nav-list .item { padding: 15px 30px; list-style: circle inside; cursor: pointer; line-height: 20px; transition: background-color .3s ease-out; }
.sub-nav-main .phone { width: 160px; display: inline-block; vertical-align: top; text-align: center; line-height: 30px; }
.sub-nav-main .phone-icons { width: 54px; display: inline-block; height: 54px; background: url(../images/phone-icon.gif) no-repeat; margin: 20px 0 0; }
.sub-nav-main .text { font-size: 14px; color: #666; line-height: 18px; }
.sub-nav-main .num { font-size: 16px; color: #333; }
.sub-nav-main .num span { font-weight: bold; }
.sub-nav-main ul.info { display: inline-block; width: 160px; text-align: left; border-left: 1px dotted #d4d4d4; margin: 15px 0; height: 125px; padding: 10px 20px 0; }
.sub-nav-main ul.info li { line-height: 24px; color: #999; font-size: 12px; }
@media (max-height:800px) {
	.float-bar-nav .page-nav-list .item { padding: 10px 30px; }
}
.float-bar-nav .page-nav-list .item:hover { background-color: #f5f5f5 }
.float-bar-nav .page-nav-list .item.on { background-color: #5DCBB2; color: white }
.float-bar-nav .sub-nav-main { min-width: 220px; white-space: nowrap; background-color: #fff; line-height: 40px; display: block; padding: 10px 0; box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.2); }
.sub-inner .icons-float-bar { float: left; margin: 10px 20px 0 18px; }
.sub-inner.inner .icons-float-bar { float: left; margin-top: 8px; }
.sub-inner { line-height: 44px; height: 44px; text-align: left; padding-right: 20px; position: relative; }
.sub-inner.inner { height: 60px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
.sub-inner .title { font-size: 14px; color: #333; cursor: pointer; }
.sub-inner .info { font-size: 14px; color: #E41F2B; background: none; padding: 0; }
.sub-inner:hover { background: #fafafa; }
.sub-inner:hover .title { color: #E41F2B; }
.float-bar-nav .telephone { font-weight: bold; margin-left: 5px; }
.float-sidebar .shown-btn { position: fixed; bottom: 40px; right: 20px; width: 40px; height: 40px; line-height: 40px; background: rgba(116, 116, 116, 0.4); border-radius: 50%; font-size: 0; display: none; cursor: pointer; text-align: center; }
.float-sidebar .shown-btn > .dot { width: 4px; height: 4px; border-radius: 50%; display: inline-block; background-color: #fff; vertical-align: middle; }
.float-sidebar .shown-btn > .dot:before, .float-sidebar .shown-btn > .dot:after { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; vertical-align: middle; position: absolute; margin-left: -10px; }
.float-sidebar .shown-btn > .dot:after { margin-left: 6px; }
.grid-table .link-study, .grid-table .link-study1{
	background: #fff;
	cursor:pointer;
}
.grid-table .link-study:hover .mbneed-link p, .grid-table .link-study1:hover .mbneed-link p{
	text-decoration: underline;
}
@media (max-width:1366px) {
	.float-sidebar { right: 20px }
	.page-nav:hover .sub-nav-layer { right: 64px; }
}
@media (max-width:1023px) {
	.float-sidebar .shown-btn { display: block; }
	.float-sidebar { right: -200px; transition: right .3s ease-out; }
	.float-sidebar.show { right: 0; }
	.float-sidebar .page-nav .sub-nav-layer { visibility: hidden !important; }
	.float-sidebar.show .page-nav:hover .sub-nav-layer { visibility: visible !important; right: 44px }
	.float-sidebar.show .shown-btn { display: none; }
	.float-bar-nav > .item.tel > p { display: none; }
	.float-bar-nav .sub-nav-layer { top: auto; right: -50px; bottom: 0; }
	.show-totop .float-bar-nav .sub-nav-layer { bottom: -58px; }
	.show .float-bar-nav .sub-nav-layer { right: 100%; }
}
.descript { font-size: 16px; }
#edu-footer { cursor: default; }
.edu-footer-icon { background: url(../images/edu-footer.png) no-repeat center; width: 110px; height: 27px; display: inline-block; margin: 10px 0 0 4px; }

.tab-mb{
	display: none;
}
.mb-red{
	background-color: #f66f6a;
}
.grid-table td{
	vertical-align: middle;
}
.notice-box{
	padding: 0;
}
.notice-list .item{
	float: left;
}
.wrapper-top{
	margin-top: 0;
}
.poster-content-box{
	padding-top: 80px;
}
.notice-list .item a, .effect-slide .item a{
	cursor: default;
}
.product-name{
	color: #252b3a;
	line-height: 30px;
	height: 30px;
	vertical-align: top;
	font-size: 14px;
}
.about-rest .change>div{
	font-size: 28px;
	color: #252b3a;
	line-height: 40px;
}
.about-rest p{
	color:#666a75;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	max-width: 160px;
	margin: 0 auto;
}
.section-part {
	font-size: 14px;
	color: #333;
	margin-top: 30px;
	position: relative;
}
.section-part .icon-before{
	position: absolute;
	z-index: 99;
	left: -70px;
	top: 144px;
	display: inline-block;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: url(../images/identificationImg/icon-left.png) no-repeat right;
}
.section-part .icon-next{
	position: absolute;
	z-index: 99;
	right: -70px;
	top: 144px;
	display: inline-block;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: url(../images/identificationImg/icon-right.png) no-repeat right;
}
.section-part .icon-before.disabled{
	cursor: default;
	background: url(../images/identificationImg/icon-left.png) no-repeat left;
}
.section-part .icon-next.disabled{
	cursor: default;
	background: url(../images/identificationImg/icon-right.png) no-repeat left;
}
.online-fade p .dev-link{
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) and (min-width: 320px){
	.section-part .icon-before,.section-part .icon-next{
		display: none;
	}
	.poster-content-box{
		padding-top: 170px;
	}
	/*页头start*/
	#footer .wrapper{
		display: none;
	}
	.titleBar .caption-main1{
		font-size: 20px;
	}
	html{font-size:37.5px!important;}
	body{font-size:14.0625px}
	#content{
		padding-top: 1.226666667rem;
		margin-top: 0;
	}
	#content .wrapper-top{
		background-color: #fff;
		z-index: 99;
	}
	#content .wrapper{
		display: block;
		background: #fff;
		margin-top: 0;
	}
	.m-community-header {
	    height: 1.226666667rem;
	    line-height: 1.226666667rem;
	    background: #222;
	    text-align: center;
	    position: fixed;
	    padding: 0rem .32rem;
	    left: 0;
	    right: 0;
	    top: 0;
	    z-index: 10001;
	    display: block;
	}
	.m-community-header .logo {
	    float: left;
	    width: 2.48rem;
	    height: 1.226666667rem;
	    background: url(../images/logo-mb-new.png) no-repeat center;
	    background-size: contain;
	}
	#header .logo {
	    height: 44px;
	    width: 93px;
	    background-image: url(../images/global/logo-mb.png?sttl=);
	}
	.headmenu{
		float: right !important;
	    height: 1.173333333333333rem !important;
	    background: url(../images/global/headMenu.png) no-repeat center;
	    width: .96rem;
	    position: relative;
	    cursor: pointer;
	}
	.headmenu.menu-active{
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
	.headmenu-slide-down {
	    position: absolute;
	    top: 1.173333333333333rem;
	    left: 0;
	    right: 0;
	    display: none;
	    z-index: 35000;
	    background-color: #222;
	    background-color: rgba(34,34,34,.97);
	}
	.headmenu-slide-down .headmenu-list-select {
	    color: #e4202b;
	}
	/*页头end*/
	.lead-poster{
		height: 300px!important;
	}
	.ecology-tool-center .lead-poster{
		background: url(../images/banner-mb.jpg) no-repeat center;
		background-size: cover;
	}
	.poster-content{
		top: 170px;
	}
	.poster-caption{
		font-size:24px;
		color:#252b3a;
		text-align:center;
		line-height:30px;
	}
	.poster-text{
		display: block;
		font-size:14px;
		color:#666a75;
		text-align:center;
		line-height:22px;
		padding:0;
	}
	.titleBar .caption-main{
		margin-bottom: 5px;
	}
	.titleBar{
		margin-bottom: 0;
	}
	.home-notice{
		padding: 0 15px;
		position: relative;
		margin-top: -20px;
	}
	.notice-list{
		overflow: hidden;
		height: auto;
		width: 100%;
	}
	.notice-list .item{
		background:#ffffff;
		box-shadow:0 3px 8px 0 rgba(189,189,189,0.50);
		border-radius:6px;
		height:100px;
		border-radius: 6px;
		margin-right: 3px;
		width: calc(50% - 6px);
		margin-bottom: 6px;
		padding-top: 0;
	}
	.notice-list .item:nth-child(2n){
		margin-left: 3px;
		margin-right: 0;
	}
	.icons-notice{
		display: block;
		float: none;
		margin: 16px auto 0 auto;
	}
	.notice-list .item .caption{
		margin-top: 7px;
		text-align: center;
	}
	.bg-grey04 .titleBar .caption-main{
		font-size:20px;
		color:#252b3a;
		text-align:center;
		line-height:26px;
	}
	.bg-grey04 .titleBar .descript{
		color:#a0a2a8;
	}
	.descript{
		font-size:14px;
		color:#a0a2a8;
		text-align:center;
		line-height:22px;
	}
	.section-block{
		padding: 30px 15px;
	}
	.tab-pc{
		display: none;
	}
	.tab-mb{
		display: block;
	}
	.grid-table table{
		vertical-align: inherit;
		height: auto;
	}
	.grid-table td{
		padding: 16px 10px;
		text-align: center;
		height: auto;
	}
	.tab-mb{
		display: table; 
	}
	.tab-mb tbody{
		border-radius: 2px;
	}
	.tab-mb .tab-left{
		width: 30%;
		background:#f6f8fa;
		font-size:14px;
		color:#252b3a;
		text-align:center;
		line-height:18px;
	}
	.tab-mb .tab-right{
		width: 70%;
		font-size:14px;
		color:#2d56b1;
		text-align:center;
		line-height:20px;
	}
	.tab-mb .tab-head{
		background:#92b3ff;
		font-size:14px;
		line-height:16px;
	}
	.tab-mb .tab-head td{
		width: 100%;
		color: #fff;
		background:#92b3ff;
	}
	.mbcaption-province{
		padding: 0;
	}
	.mb-padding{
		padding: 0;
	}
	.grid-table{
		padding: 0;
	}
	.tool-package{
		display: block;
	}
	.tool-package .tile{
		padding: 30px 10px;
		text-align: center;
	}
	#section-2.section-block{
		padding: 30px 10px;
	}
	.tool-mbpackage{
		margin: 0 2px;
		width: calc(25% - 4px);
		background: #fff;
		float: left;
		border-radius: 2px;
	}
	.dev-list{
		font-size:14px;
		color:#252b3a;
		text-align:center;
		line-height:20px;
	}

	.tool-package .center-layer > .layer-figure{
		width: 60px;
		height: 60px;
		margin-bottom: 10px;
	}
	.online-study h3{
		padding: 20px 0 0px 0;
		font-size:16px;
		color:#fff;
		text-align:center;
	}
	.online-study p{
		font-size:12px;
		color:#fff;
		text-align:center;
	}
	.online-down{
		overflow: hidden;
		padding-top: 20px;
	}
	.online-2{
		margin-right: 12px;
		top: 0;
	}
	.product-name{
		line-height: 30px;
		vertical-align: top;
	}
	.online-padding, .online-padmiddle, .online-padright{
		padding-left: 20px;
	}
	.online-3{
		height: 16px;
		line-height: 16px;
	}
	.studynow{
		margin-top: 10px;
	}
	.studynow{
		border-color: #f66f6a;
		color: #f66f6a;
		border-radius: 2px;
	}
	.online-fade{
		display: block;
		font-size:14px;
		color:#666a75;
		text-align:left;
	}
	.comfirm{
		width: 100%;
	}
	.section-block5 .titleBar.about>div{
		width: calc(50% - 10px);
	}
	.about-rest{
		text-align: center; 
	    width: calc(50vw - 30px); 
	    height: calc(50vw - 30px); 
	    background-size: 100% 100%; 
	    padding-top: 10vw; 
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
	.about-rest .change{
		color:#252b3a;
		text-align:center;
	}
	.about-rest .change-color{
		margin-top: 7px;
	}
	.about-rest p{
		font-size:14px;
		color:#666a75;
		text-align:center;
	}
	.section-block.section-block5{
		padding: 30px 15px 10px 15px;
	}
	.mbcaption-prospan{
		cursor: pointer;
	}
	.position-icons{
		display: none;
	}
}
/*定位图标*/
.mapMain{
	position: relative;
}
.position-icons{
	display: inline-block;
	position: absolute;
    top: 20px;
    left: 0;
}
.position-icons .position-icon{
	width: 16px;
	height: 23px;
	background: url(../images/ecology/train/position-icon.png) no-repeat center;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}
.position-icons .position-icon.active{
	width: 21px;
	height: 30px;
	background: url(../images/ecology/train/position-icon-active.png) no-repeat center;
}
.position-icons .position-icon:first-child{
	display: none;
}
@media only screen and (min-width: 768px) {
    .wrapper-top {
        margin-top: 46px;
    }
}

.footer-nav-menus dl dd {
    font-size: inherit;
}

.footer-nav-submenus {

    border-left: none;
}

.footer-nav-menus {
    margin-right: inherit;
}

.role-tools .tool-item {
    padding-right: inherit;
    padding-left: inherit;
}

.float-bar-nav > .item.tel > .icons-float-bar {
    margin: 0;
}

.float-bar-nav > .item.tel {
    margin-bottom: 3px;
    line-height: 44px;;
}

.float-bar-nav .sub-nav-layer {
    top: inherit;
}

.i-search, .i-search:hover {
    background-position: center !important;

}

.menu-boxs {
    top: inherit;
    padding-top: 0;
}

#nav-main.search.show .search-mask {
    display: none;
}

.content-block {
    max-width: 1180px;
    padding: inherit;
}

.recommend-series-courses .rec-icon {
    width: 100px;
}

.menu-boxs .panel-box {
    padding-top: 20px;
}

.foundation-content .rec-icon:after {
    width: 100px;
}

.navigation .nav .nav-item a {
    line-height: inherit;
    height: inherit;
}

.foundation-content a {
    line-height: 17px;;
}

.page-customize {
    padding: 0px 0 25px;
}

@media (max-width: 1410px) {
    .solution .nav-ing {
        margin-left: 245px !important;
    }
}

.solution .nav-ing {
    width: 730px !important;
    margin-left: 295px;
    min-height: inherit !important;
    height: auto !important;
}

.getStart .nav-ing, .partners .nav-ing {
    display: none;
}

.nav-ing {
    background-color: inherit;
}

.navigation .nav .nav-item:hover, .navigation .nav .nav-item.selected:hover {
    background-color: #222;
}

.navigation .nav .nav-item {
    background-color: #222;
}

#nav-main .menu-panel .sub-title {
    white-space: nowrap;
}

#nav-main.search .nav-ing {
    height: auto;
}

#nav-main .topbar-nav {
    margin-left: inherit;
    background: rgba(34, 34, 34, .99);
}

#nav-main.all-nav .menu-panel,#nav-main .menu-panel {
    width: 228px;
}

.overview .dc-SlideShow {
    display: none;
}
.foundation-course-title a,.series-course-title a{
    display:inline-block;
    max-height: 40px;

   text-align: justify;
    overflow: hidden;
    word-break: break-all;
}

.university-parttwo .developer-train .tile {
    height: 247px;
}

.foundation-course-hour {
    position: absolute;
    bottom: 22px;
}

.foundation-content > a {
    height: 158px;
}

.foundation-des , .series-des {
    height: 93px;
}
.series-course-title {
    display: block;
    font-size:16px;
    color:#252b3a;
    line-height:20px;
    text-align:left;

}
.series-course-count {
    display: block;
    font-size: 12px;
    color:#a0a2a8;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    text-align: left;
}
#nav-main.support .nav-ing {
    width: 956px;
}