.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.pull-left {
	float: left !important;
}
.pull-right {
	float: right !important;
}
.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.infinite.animated {
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.hinge.animated {
	animation-duration: 2s; -webkit-animation-duration: 2s;
}
.flipOutX.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.flipOutY.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.bounceIn.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.bounceOut.animated {
	animation-duration: 0.75s; -webkit-animation-duration: .75s;
}
.bounce {
	transform-origin: center bottom; animation-name: bounce; -webkit-animation-name: bounce; -webkit-transform-origin: center bottom;
}
.flash {
	animation-name: flash; -webkit-animation-name: flash;
}
.pulse {
	animation-name: pulse; -webkit-animation-name: pulse;
}
.rubberBand {
	animation-name: rubberBand; -webkit-animation-name: rubberBand;
}
.shake {
	animation-name: shake; -webkit-animation-name: shake;
}
.headShake {
	animation-name: headShake; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: headShake;
}
.swing {
	transform-origin: center top; animation-name: swing; -webkit-animation-name: swing; -webkit-transform-origin: top center;
}
.tada {
	animation-name: tada; -webkit-animation-name: tada;
}
.wobble {
	animation-name: wobble; -webkit-animation-name: wobble;
}
.jello {
	transform-origin: center 50%; animation-name: jello; -webkit-animation-name: jello; -webkit-transform-origin: center;
}
.bounceIn {
	animation-name: bounceIn; -webkit-animation-name: bounceIn;
}
.bounceInDown {
	animation-name: bounceInDown; -webkit-animation-name: bounceInDown;
}
.bounceInLeft {
	animation-name: bounceInLeft; -webkit-animation-name: bounceInLeft;
}
.bounceInRight {
	animation-name: bounceInRight; -webkit-animation-name: bounceInRight;
}
.bounceInUp {
	animation-name: bounceInUp; -webkit-animation-name: bounceInUp;
}
.bounceOut {
	animation-name: bounceOut; -webkit-animation-name: bounceOut;
}
.bounceOutDown {
	animation-name: bounceOutDown; -webkit-animation-name: bounceOutDown;
}
.bounceOutLeft {
	animation-name: bounceOutLeft; -webkit-animation-name: bounceOutLeft;
}
.bounceOutRight {
	animation-name: bounceOutRight; -webkit-animation-name: bounceOutRight;
}
.bounceOutUp {
	animation-name: bounceOutUp; -webkit-animation-name: bounceOutUp;
}
.fadeIn {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}
.fadeInDown {
	animation-name: fadeInDown; -webkit-animation-name: fadeInDown;
}
.fadeInDownBig {
	animation-name: fadeInDownBig; -webkit-animation-name: fadeInDownBig;
}
.fadeInLeft {
	animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;
}
.fadeInLeftBig {
	animation-name: fadeInLeftBig; -webkit-animation-name: fadeInLeftBig;
}
.fadeInRight {
	animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
.fadeInRightBig {
	animation-name: fadeInRightBig; -webkit-animation-name: fadeInRightBig;
}
.fadeInUp {
	animation-name: fadeInUp; -webkit-animation-name: fadeInUp;
}
.fadeInUpBig {
	animation-name: fadeInUpBig; -webkit-animation-name: fadeInUpBig;
}
.fadeOut {
	animation-name: fadeOut; -webkit-animation-name: fadeOut;
}
.fadeOutDown {
	animation-name: fadeOutDown; -webkit-animation-name: fadeOutDown;
}
.fadeOutDownBig {
	animation-name: fadeOutDownBig; -webkit-animation-name: fadeOutDownBig;
}
.fadeOutLeft {
	animation-name: fadeOutLeft; -webkit-animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
	animation-name: fadeOutLeftBig; -webkit-animation-name: fadeOutLeftBig;
}
.fadeOutRight {
	animation-name: fadeOutRight; -webkit-animation-name: fadeOutRight;
}
.fadeOutRightBig {
	animation-name: fadeOutRightBig; -webkit-animation-name: fadeOutRightBig;
}
.fadeOutUp {
	animation-name: fadeOutUp; -webkit-animation-name: fadeOutUp;
}
.fadeOutUpBig {
	animation-name: fadeOutUpBig; -webkit-animation-name: fadeOutUpBig;
}
.flip.animated {
	backface-visibility: visible; animation-name: flip; -webkit-animation-name: flip; -webkit-backface-visibility: visible;
}
.flipInX {
	backface-visibility: visible !important; animation-name: flipInX; -webkit-animation-name: flipInX; -webkit-backface-visibility: visible;
}
.flipInY {
	backface-visibility: visible !important; animation-name: flipInY; -webkit-animation-name: flipInY; -webkit-backface-visibility: visible;
}
.flipOutX {
	backface-visibility: visible !important; animation-name: flipOutX; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible;
}
.flipOutY {
	backface-visibility: visible !important; animation-name: flipOutY; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible;
}
.lightSpeedIn {
	animation-name: lightSpeedIn; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -webkit-animation-name: lightSpeedIn;
}
.lightSpeedOut {
	animation-name: lightSpeedOut; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; -webkit-animation-name: lightSpeedOut;
}
.rotateIn {
	animation-name: rotateIn; -webkit-animation-name: rotateIn;
}
.rotateInDownLeft {
	animation-name: rotateInDownLeft; -webkit-animation-name: rotateInDownLeft;
}
.rotateInDownRight {
	animation-name: rotateInDownRight; -webkit-animation-name: rotateInDownRight;
}
.rotateInUpLeft {
	animation-name: rotateInUpLeft; -webkit-animation-name: rotateInUpLeft;
}
.rotateInUpRight {
	animation-name: rotateInUpRight; -webkit-animation-name: rotateInUpRight;
}
.rotateOut {
	animation-name: rotateOut; -webkit-animation-name: rotateOut;
}
.rotateOutDownLeft {
	animation-name: rotateOutDownLeft; -webkit-animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
	animation-name: rotateOutDownRight; -webkit-animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
	animation-name: rotateOutUpLeft; -webkit-animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
	animation-name: rotateOutUpRight; -webkit-animation-name: rotateOutUpRight;
}
.hinge {
	animation-name: hinge; -webkit-animation-name: hinge;
}
.rollIn {
	animation-name: rollIn; -webkit-animation-name: rollIn;
}
.rollOut {
	animation-name: rollOut; -webkit-animation-name: rollOut;
}
.zoomIn {
	animation-name: zoomIn; -webkit-animation-name: zoomIn;
}
.zoomInDown {
	animation-name: zoomInDown; -webkit-animation-name: zoomInDown;
}
.zoomInLeft {
	animation-name: zoomInLeft; -webkit-animation-name: zoomInLeft;
}
.zoomInRight {
	animation-name: zoomInRight; -webkit-animation-name: zoomInRight;
}
.zoomInUp {
	animation-name: zoomInUp; -webkit-animation-name: zoomInUp;
}
.zoomOut {
	animation-name: zoomOut; -webkit-animation-name: zoomOut;
}
.zoomOutDown {
	animation-name: zoomOutDown; -webkit-animation-name: zoomOutDown;
}
.zoomOutLeft {
	animation-name: zoomOutLeft; -webkit-animation-name: zoomOutLeft;
}
.zoomOutRight {
	animation-name: zoomOutRight; -webkit-animation-name: zoomOutRight;
}
.zoomOutUp {
	animation-name: zoomOutUp; -webkit-animation-name: zoomOutUp;
}
.slideInDown {
	animation-name: slideInDown; -webkit-animation-name: slideInDown;
}
.slideInLeft {
	animation-name: slideInLeft; -webkit-animation-name: slideInLeft;
}
.slideInRight {
	animation-name: slideInRight; -webkit-animation-name: slideInRight;
}
.slideInUp {
	animation-name: slideInUp; -webkit-animation-name: slideInUp;
}
.slideOutDown {
	animation-name: slideOutDown; -webkit-animation-name: slideOutDown;
}
.slideOutLeft {
	animation-name: slideOutLeft; -webkit-animation-name: slideOutLeft;
}
.slideOutRight {
	animation-name: slideOutRight; -webkit-animation-name: slideOutRight;
}
.slideOutUp {
	animation-name: slideOutUp; -webkit-animation-name: slideOutUp;
}
@media screen and (min-width:1100px)
{
.layout {
	margin: 0px auto; min-width: 1100px;
}
body {
	margin: 0px auto; min-width: 1100px;
}
}
.section-wrapper {
	padding: 90px 0px; overflow: hidden;
}
.section-wrapper .layout {
	width: 1100px !important;
}
.section-wrapper .section-title {
	text-align: center; color: rgb(51, 51, 51); line-height: 76px; font-size: 38px; font-weight: 500; opacity: 0.1;
}
.section-wrapper .animated.section-title {
	animation:fadeInUp 0.5s linear forwards; -moz-animation: fadeInUp .5s linear; -webkit-animation: fadeInUp .5s linear; -o-animation: fadeInUp .5s linear;
}
.section-wrapper .section-subtitle {
	text-align: center; color: rgb(102, 102, 102); line-height: 28px; font-size: 20px; font-weight: 500; margin-top: 16px; margin-bottom: 70px; opacity: 0.1;
}
.section-wrapper .animated.section-subtitle {
	animation:fadeInUp 0.5s linear forwards; -moz-animation: fadeInUp .5s linear; -webkit-animation: fadeInUp .5s linear; -o-animation: fadeInUp .5s linear;
}
.section-wrapper .item-title {
	text-align: center; color: rgb(51, 51, 51); line-height: 32px; font-size: 20px; font-weight: 500;
}
.section-wrapper .item-desc {
	text-align: center; color: rgb(153, 153, 153); line-height: 24px; font-size: 16px;
}
.section-wrapper .btn-wrapper {
	margin: 40px auto 20px; width: 100%; text-align: center;
}
.section-wrapper .btn-wrapper .btn {
	margin: 0px auto; padding: 15px 50px; border-radius: 30px; transition:0.3s; width: 240px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 22px; cursor: pointer; background-color: rgb(233, 12, 47); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;
}
.section-wrapper .btn-wrapper .btn:hover {
	box-shadow: 0px 0px 10px 2px #fac2ba; transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
#homePage {
	position: relative; min-width: 1170px; -webkit-font-smoothing: antialiased;
}
#homePage #banner {
	position: relative;
}
#homePage #banner .slideBox {
	width: 100%; height: 640px; overflow: hidden; position: relative;
}
#homePage #banner .slideBox .hd {
	text-align: center; bottom: 30px; margin-bottom: -29px; position: relative; z-index: 1;
}
#homePage #banner .slideBox .hd ul {
	display: inline-block; -ms-zoom: 1;
}
#homePage #banner .slideBox .hd ul li {
	background: rgb(255, 255, 255); margin: 0px 9px; border-radius: 3px; width: 29px; height: 6px; float: left; cursor: pointer;
}
#homePage #banner .slideBox .hd ul li.on {
	background: rgb(243, 39, 53);
}
#homePage #banner .slideBox .bd {
	width: 100%; height: 100%; position: relative; z-index: 0; cursor: pointer;
}
#homePage #banner .slideBox .bd ul {
	left: 50%; width: 1920px; height: 640px; overflow: hidden; margin-left: -960px; position: relative;
}
#homePage #banner .slideBox .bd li {
	vertical-align: middle; -ms-zoom: 1;
}
#homePage #banner .slideBox .bd img {
	width: 1920px; height: 640px; display: block; object-fit: cover; object-position: top;
}
#homePage #banner #reservation-mixin2 {
	left: 50%; top: 222px; margin-left: 268px; position: absolute;
}
#homePage .course-wrapper .course-box {
	height: 680px;
}
#homePage .course-wrapper .course-box .course-item {
	margin: 40px 40px 0px 0px; border-radius: 6px; transition:0.3s linear; width: 340px; height: 300px; overflow: hidden; float: left; position: relative; box-sizing: border-box; opacity: 0.2; box-shadow: 0px 0px 10px 2px #eee; transform: translate(0px, 200px); -o-transform: translate(0, 200px); -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .course-wrapper .course-box .course-item .img-box {
	width: 100%; height: 200px; overflow: hidden; margin-bottom: 20px;
}
#homePage .course-wrapper .course-box .course-item .img-box img {
	transition:0.3s linear; width: 100%; height: auto; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .course-wrapper .course-box .course-item .desc-new {
	/*background: rgb(243, 39, 53);*/
	background-color:#33BCF0;
	 padding: 76px 30px; border-radius: 6px; left: 0px; top: 0px; width: 100%; display: none; position: absolute; box-sizing: border-box;
}
#homePage .course-wrapper .course-box .course-item .desc-new .item-title {
	text-align: left; color: rgb(255, 255, 255); margin-bottom: 30px;
}
#homePage .course-wrapper .course-box .course-item .desc-new .item-desc {
	text-align: left; color: rgb(255, 255, 255); line-height: 28px;
}
#homePage .course-wrapper .course-box .course-item:hover .img-box img {
	transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
#homePage .course-wrapper .course-box .course-item:hover .desc-new {
	display: block; opacity: 1;
}
#homePage .course-wrapper .course-box :nth-child(3n).course-item {
	margin-right: 0px;
}
#homePage .course-wrapper .course-box .animated.course-item {
	opacity: 1; transform: translate(0px); -o-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);
}
#homePage .quality-wrapper {
	background: url("https://web-data.zmlearn.com/image/mXaejkbsZUwCRPAtMcj3ci/map-bg.png") bottom / cover rgb(248, 248, 248);
}
#homePage .quality-wrapper .quality-box .quality-item {
	margin: 40px 40px 0px 0px; width: 340px; height: 116px; float: left;
}
#homePage .quality-wrapper .quality-box .quality-item .item-title {
	line-height: 60px; font-size: 52px; font-weight: 400; margin-bottom: 20px; position: relative;
}
#homePage .quality-wrapper .quality-box .quality-item .item-title::after {
	background: rgb(227, 45, 52); transition:0.3s linear; left: 50%; width: 40px; height: 2px; bottom: -10px; margin-left: -20px; display: block; position: absolute; content: ""; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .quality-wrapper .quality-box :last-child.quality-item {
	margin-right: 0px;
}
#homePage .quality-wrapper .quality-box .quality-item:hover .item-title::after {
	width: 90px; margin-left: -45px;
}
#homePage .teacher-wrapper .layout {
	position: relative;
}
#homePage .teacher-wrapper .layout .switch-btn {
	background: rgb(248, 248, 248); border-radius: 60px; transition:0.3s linear; width: 60px; height: 60px; position: absolute; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .layout .switch-btn:hover {
	box-shadow: 0px 0px 10px #ccc;
}
#homePage .teacher-wrapper .layout .pre-show-btn.switch-btn {
	left: 0px; top: 50%; margin-top: 0px;
}
#homePage .teacher-wrapper .layout .pre-show-btn.switch-btn::after {
	background: url("https://web-data.zmlearn.com/image/vW1RwH36YFyobZsRp8U6xa/arrow-icon.png") no-repeat top / cover; margin: -12px 0px 0px -8px; left: 50%; top: 50%; width: 15px; height: 25px; display: block; position: absolute; content: "";
}
#homePage .teacher-wrapper .layout .next-show-btn.switch-btn {
	top: 50%; right: 0px; margin-top: 0px;
}
#homePage .teacher-wrapper .layout .next-show-btn.switch-btn::after {
	background: url("https://web-data.zmlearn.com/image/vW1RwH36YFyobZsRp8U6xa/arrow-icon.png") no-repeat bottom / cover; margin: -12px 0px 0px -8px; left: 50%; top: 50%; width: 15px; height: 25px; display: block; position: absolute; content: "";
}
#homePage .teacher-wrapper .teacher-content-box {
	margin: 30px auto; width: 900px; height: 408px; overflow: hidden; position: relative;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item {
	transition:0.3s linear; left: 100%; top: 0px; width: 100%; height: 100%; display: none; position: absolute; transform: translateX(900px); -o-transform: translateX(900px); -webkit-transform: translateX(900px); -moz-transform: translateX(900px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item::after {
	top: 20px; width: 30px; height: 30px; right: 0px; color: rgb(240, 240, 240); font-size: 40px; position: absolute; content: "¡±";
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .img-box {
	width: 332px; height: 408px; overflow: hidden; float: left;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .img-box img {
	width: 100%; height: 100%;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box {
	width: 480px; padding-right: 40px; margin-top: 50px; float: right; box-sizing: border-box;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .item-title {
	transition:0.3s linear; text-align: left; color: rgb(51, 51, 51); padding-top: 50px; font-size: 38px; margin-bottom: 20px; transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .item-title .item-category {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 24px;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .tag-box {
	transition:0.3s linear; margin-bottom: 20px; transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .tag-box span {
	background: rgb(246, 235, 237); padding: 3px 10px; border-radius: 32px; color: rgb(236, 67, 94); line-height: 32px; font-size: 18px;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .desc-detail {
	transition:0.3s linear; transform: translateY(10px); -o-transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .desc-detail p {
	color: rgb(153, 153, 153); line-height: 32px; font-size: 18px; margin-bottom: 10px;
}
#homePage .teacher-wrapper .teacher-content-box .active.teacher-item {
	left: 0px; display: block; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .teacher-wrapper .teacher-content-box .active.teacher-item .desc-box .item-title {
	transform: translate(0px, 0px); -o-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0);
}
#homePage .teacher-wrapper .teacher-content-box .active.teacher-item .desc-box .tag-box {
	transform: translate(0px, 0px); -o-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0);
}
#homePage .teacher-wrapper .teacher-content-box .active.teacher-item .desc-box .desc-detail {
	transform: translate(0px, 0px); -o-transform: translate(0px, 0); -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0);
}
#homePage .teacher-wrapper .teacher-dot-box {
	padding: 0px 374px; height: 22px; margin-bottom: 20px; position: relative;
}
#homePage .teacher-wrapper .teacher-dot-box .item {
	background: rgb(227, 227, 227); margin: 0px 18px; border-radius: 14px; transition:0.3s linear; width: 14px; height: 14px; overflow: hidden; float: left; cursor: pointer; box-sizing: border-box; opacity: 0; transform: translateX(900px); -o-transform: translateX(900px); -webkit-transform: translateX(900px); -moz-transform: translateX(900px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-dot-box .animated.item {
	opacity: 1; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .teacher-wrapper .teacher-dot-box .active.item {
	background: rgb(243, 39, 53);
}
#homePage .teacher-wrapper .teacher-icon-box {
	padding: 0px 100px; height: 94px; margin-bottom: 20px; position: relative;
}
#homePage .teacher-wrapper .teacher-icon-box .item {
	margin: 0px 15px; transition:0.3s linear; width: 90px; height: 90px; overflow: hidden; float: left; cursor: pointer; opacity: 0; transform: translateX(900px); -o-transform: translateX(900px); -webkit-transform: translateX(900px); -moz-transform: translateX(900px); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .teacher-wrapper .teacher-icon-box .animated.item {
	opacity: 1; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .teacher-wrapper .teacher-icon-box .item img {
	width: 100%;
}
#homePage .teacher-wrapper .teacher-icon-box .item img.active-show {
	display: none;
}
#homePage .teacher-wrapper .teacher-icon-box .active.item img {
	display: none;
}
#homePage .teacher-wrapper .teacher-icon-box .active.item img.active-show {
	display: block;
}
#homePage .video-wrapper {
	background: rgb(248, 248, 248); width: 100%;
}
#homePage .video-wrapper .layout .video-box {
	height: 362px; margin-top: 50px;
}
#homePage .video-wrapper .layout .video-box .videoContainer {
	margin: 0px 0px 0px 40px; width: 550px; height: 356px; overflow: hidden; float: left; position: relative;
}
#homePage .video-wrapper .layout .video-box .videoContainer:hover {
	cursor: pointer;
}
#homePage .video-wrapper .layout .video-box .videoContainer .videoImg {
	border-radius: 15px; width: 100%;
}
#homePage .video-wrapper .layout .video-box .videoContainer .playCircle {
	background: url("https://web-data.zmlearn.com/image/3n9FRwydiURKgRcSoogRC5/%E5%9B%BE%E5%B1%82%20898.png") no-repeat center / contain; left: 236px; top: 125px; width: 80px; height: 81px; position: absolute; cursor: pointer;
}
#homePage .video-wrapper .layout .video-box .videoContainer .play-circle.playCircle {
	animation:bganim 3s infinite; -moz-animation: bganim 3s infinite; -webkit-animation: bganim 3s infinite; -o-animation: bganim 3s infinite;
}
#homePage .video-wrapper .layout .video-box .videoContainer .dot {
	background: url("https://web-data.zmlearn.com/image/4L3U9fmwVCdxi3nuETyR7E/%E5%9B%BE%E5%B1%82%20898%20(1).png") no-repeat center / 26px 30px; padding: 40px; left: 240px; top: 125px; width: 26px; height: 30px; position: absolute; cursor: pointer; box-sizing: border-box;
}
#homePage .video-wrapper .layout .video-box .videoContainer span {
	text-align: center; display: block; position: absolute;
}
#homePage .video-wrapper .layout .video-box .videoContainer span.desc {
	background: rgb(0, 0, 0); border-radius: 10px; left: 185px; top: 240px; width: 183px; height: 44px; color: rgb(255, 255, 255); line-height: 44px; font-size: 18px; opacity: 0.5;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer {
	margin: 0px; width: 440px; height: 100%; overflow: hidden; float: right; box-sizing: border-box;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul {
	width: 100%; height: 100%; position: relative;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li {
	margin: 10px 0px; padding: 20px 0px 20px 100px; transition:0.3s linear; width: 100%; right: -360px; overflow: hidden; position: absolute; box-sizing: border-box; opacity: 0.2; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li:hover {
	transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px);
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liFirst {
	background: url("https://web-data.zmlearn.com/image/wE2wdaJdWtFc6eGTRcxHSU/video-icons.png") no-repeat 0px 12px / 80px; top: 0px;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liSecond {
	background: url("https://web-data.zmlearn.com/image/wE2wdaJdWtFc6eGTRcxHSU/video-icons.png") no-repeat 0px -108px / 80px; top: 115px;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liThird {
	background: url("https://web-data.zmlearn.com/image/wE2wdaJdWtFc6eGTRcxHSU/video-icons.png") no-repeat 0px -230px / 80px; top: 230px;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li .item-title {
	text-align: left; font-size: 18px;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li p {
	color: rgb(153, 153, 153); line-height: 22px; font-size: 14px;
}
#homePage .video-wrapper .layout .video-box .videoIconContainer .small-btn {
	color: rgb(255, 255, 255); text-decoration: none; margin-top: 8px; margin-left: -150px;
}
#homePage .video-wrapper .layout .btn-wrapper .btn {
	width: 290px;
}
#homePage #zmStuPlayerPopup {
	display: none;
}
#homePage #zmStuPlayerPopup .overlay {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 999; opacity: 0.6;
}
#homePage #zmStuPlayerPopup .popup-container {
	background: rgb(255, 255, 255); margin: auto; border-radius: 3px; left: 0px; top: 0px; width: 700px; height: 435px; right: 0px; bottom: 0px; position: fixed; z-index: 1000;
}
#homePage #zmStuPlayerPopup .popup-container .popup-content {
	padding: 12px;
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-body {
	height: 375px;
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-body .stu-player {
	height: 100%;
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-foot {
	padding-top: 12px; font-size: 14px; position: relative;
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-foot .btn-close {
	right: 0px; bottom: 0px; position: absolute; cursor: pointer;
}
#homePage .online-wrapper .bg-content {
	background: url("https://web-data.zmlearn.com/image/bT4YhpgFjPvpipvhXLft3q/teachericon.png") no-repeat bottom / contain; height: 450px;
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box {
	padding: 30px 0px 0px 125px; transition:0.6s linear; width: 320px; height: 154px; margin-top: 20px; position: relative; box-sizing: border-box; opacity: 0.2; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear;
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box .tag-icon {
	background: url("https://web-data.zmlearn.com/image/6vfVLAmTegEmjmXnXdY5kv/icons.png") no-repeat top / cover; left: 25px; top: 50%; width: 80px; height: 80px; margin-top: -40px; position: absolute;
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box .item-title {
	text-align: left; font-size: 18px; margin-bottom: 5px;
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box p {
	color: rgb(153, 153, 153); line-height: 24px; font-size: 14px;
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box p.tag {
	color: rgb(233, 12, 47); line-height: 24px;
}
#homePage .online-wrapper .bg-content .left-wrapper.tag-wrapper {
	margin-left: 50px; float: left;
}
#homePage .online-wrapper .bg-content .left-wrapper.tag-wrapper .tag-box {
	background: url("https://web-data.zmlearn.com/image/ijLVzkfM37HXzFnaQVL9YV/shape-icon-bg.png") no-repeat -10px / cover; transform: translate(-100px, 0px); -o-transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); -moz-transform: translate(-100px, 0);
}
#homePage .online-wrapper .bg-content .left-wrapper.tag-wrapper .animated.tag-box {
	opacity: 1; transform: translate(0px, 0px); -o-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);
}
#homePage .online-wrapper .bg-content .left-wrapper.tag-wrapper :last-child.tag-box .tag-icon {
	background: url("https://web-data.zmlearn.com/image/6vfVLAmTegEmjmXnXdY5kv/icons.png") no-repeat center -205px / cover;
}
#homePage .online-wrapper .bg-content .left-wrapper.tag-wrapper .tag-box:hover {
	transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px);
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper {
	margin-right: 50px; float: right;
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper .tag-box {
	background: url("https://web-data.zmlearn.com/image/ijLVzkfM37HXzFnaQVL9YV/shape-icon-bg.png") no-repeat -348px / cover; transform: translate(100px, 0px); -o-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); -moz-transform: translate(100px, 0);
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper .animated.tag-box {
	opacity: 1; transform: translate(0px, 0px); -o-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper :first-child.tag-box .tag-icon {
	background: url("https://web-data.zmlearn.com/image/6vfVLAmTegEmjmXnXdY5kv/icons.png") no-repeat center -98px / cover;
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper :last-child.tag-box .tag-icon {
	background: url("https://web-data.zmlearn.com/image/6vfVLAmTegEmjmXnXdY5kv/icons.png") no-repeat center -315px / cover;
}
#homePage .online-wrapper .bg-content .right-wrapper.tag-wrapper .tag-box:hover {
	transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px);
}
#homePage .plan-wrapper {
	background: rgb(248, 248, 248);
}
#homePage .plan-wrapper .plan-box {
	height: 480px; position: relative;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box {
	background: url("https://web-data.zmlearn.com/image/vKtZDjpdYC1SbcZXE9AKJz/%E6%A4%AD%E5%9C%86%20583.png") no-repeat center 32px / 708px 354px; left: 50%; width: 720px; height: 400px; bottom: 20px; margin-left: -360px; position: absolute;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box {
	padding: 4px 10px 4px 8px; border-radius: 4px; transition:0.3s linear; width: 150px; height: 40px; text-align: right; position: absolute; z-index: 2; box-sizing: border-box; box-shadow: 0px 0px 10px 2px #ddd; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box .tag-box {
	line-height: 32px; font-size: 20px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box p {
	transition:0.3s linear; left: -76px; width: 180px; height: 0px; text-align: right; color: rgb(153, 153, 153); line-height: 22px; padding-top: 15px; font-size: 14px; position: absolute; opacity: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box::after {
	background: rgb(255, 255, 255); border-radius: 20px; border: 1px solid rgb(190, 190, 190); border-image: none; width: 20px; height: 20px; text-align: center; color: rgb(190, 190, 190); font-size: 14px; vertical-align: middle; position: absolute;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box::before {
	border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); margin: -4px 0px 0px; border-image: none; top: 50%; width: 0px; height: 0px; right: -16px; position: absolute; content: "";
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(1).item-box {
	background: url("https://web-data.zmlearn.com/image/nS2XGCNRDEuSS2tF7H17QS/iconplan4_441a062.png") no-repeat 15px 8px / 28px rgb(255, 255, 255); left: -122px; bottom: 202px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(1).item-box:hover {
	transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px);
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(1).item-box::after {
	right: -61px; bottom: 14px; content: "1";
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(2).item-box {
	background: url("https://web-data.zmlearn.com/image/nS2XGCNRDEuSS2tF7H17QS/iconplan4_441a062.png") no-repeat 15px -56px / 28px rgb(255, 255, 255); left: 24px; bottom: 346px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(2).item-box:hover {
	transform: translateX(-4px); -o-transform: translateX(-4px); -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px);
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(2).item-box::after {
	right: -106px; bottom: -4px; content: "2";
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(2).item-box p {
	left: -125px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(3).item-box {
	background: url("https://web-data.zmlearn.com/image/nS2XGCNRDEuSS2tF7H17QS/iconplan4_441a062.png") no-repeat 15px -173px / 28px rgb(255, 255, 255); right: 14px; bottom: 332px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(3).item-box:hover {
	transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px);
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(3).item-box::before {
	border-color: transparent rgb(255, 255, 255) transparent transparent; left: -16px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(3).item-box::after {
	left: -67px; bottom: -5px; content: "3";
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(3).item-box p {
	left: 100px; text-align: left;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(4).item-box {
	background: url("https://web-data.zmlearn.com/image/nS2XGCNRDEuSS2tF7H17QS/iconplan4_441a062.png") no-repeat 15px -117px / 28px rgb(255, 255, 255); right: -148px; bottom: 165px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(4).item-box:hover {
	transform: translateX(4px); -o-transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px);
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(4).item-box::before {
	border-color: transparent rgb(255, 255, 255) transparent transparent; left: -16px;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(4).item-box::after {
	left: -61px; bottom: 13px; content: "4";
}
#homePage .plan-wrapper .plan-box .canvas-bg-box :nth-child(4).item-box p {
	left: 20px; text-align: left;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .active.item-box::after {
	border-color: rgb(233, 12, 47); color: rgb(233, 12, 47);
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .active.item-box p {
	height: auto; opacity: 1;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box {
	left: 50%; width: 250px; height: 180px; bottom: 28px; margin-left: -125px; position: absolute;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box .img-item {
	margin: 0px auto 10px; width: 146px; height: 146px; overflow: hidden;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box .img-item img {
	width: 100%; height: auto;
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box p {
	text-align: center; line-height: 22px; font-size: 14px;
}
#homePage .plan-wrapper .not-canvas.plan-box {
	background: url("https://web-data.zmlearn.com/image/bxH4ASfBjFZHSymd9qpws2/t.png") no-repeat center -182px / 2001px; width: 100%;
}
#homePage .plan-wrapper .not-canvas.plan-box .canvas-bg-box {
	display: none;
}
#homePage .plan-wrapper .not-canvas.plan-box .canvas-box {
	display: none;
}
#homePage .plan-wrapper .not-canvas.plan-box .img-box {
	display: none;
}
#homePage .plan-wrapper .plan-box .canvas-box {
	left: 50%; width: 640px; height: 400px; bottom: 20px; margin-left: -320px; position: absolute; z-index: 1;
}
#homePage .plan-wrapper .not-canvas.plan-box {
	background: url("https://web-data.zmlearn.com/image/bxH4ASfBjFZHSymd9qpws2/t.png") no-repeat center -182px / 2001px; width: 100%;
}
#homePage .plan-wrapper .not-canvas.plan-box .canvas-bg-box {
	display: none;
}
#homePage .plan-wrapper .not-canvas.plan-box .canvas-box {
	display: none;
}
#homePage .plan-wrapper .not-canvas.plan-box .img-box {
	display: none;
}
#homePage .plan-wrapper .plan-box .canvas-box {
	left: 50%; width: 640px; height: 400px; bottom: 20px; margin-left: -320px; position: absolute; z-index: 1;
}
#homePage .plan-wrapper .btn-wrapper .btn {
	width: 135px;
}
#homePage .history-wrapper {
	background: url("https://web-data.zmlearn.com/image/t3YxgPYpeh4CXRCP74hBbr/company.png") no-repeat top / 100% 410px;
}
#homePage .history-wrapper .history-content {
	background: rgb(233, 12, 47); margin: 70px auto 20px; padding: 45px; border-radius: 8px; width: 586px; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; box-sizing: border-box;
}
#homePage .history-wrapper .time-line {
	background: url("https://web-data.zmlearn.com/image/cwwHbBbCHyuLFxDWbDWfVd/history-record.png") no-repeat center / contain; transition:0.6s linear; width: 100%; height: 210px; margin-bottom: 40px; opacity: 0.2; transform: translate(0px, 200px); -o-transform: translate(0, 200px); -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear;
}
#homePage .history-wrapper .animated.time-line {
	opacity: 1; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .history-wrapper .cooperate-box {
	background: url("https://web-data.zmlearn.com/image/neRSSzqahoVeYjWGzkjoK3/partner.png") no-repeat center / contain; transition:0.6s linear; width: 100%; height: 275px; opacity: 0.2; transform: translate(0px, 200px); -o-transform: translate(0, 200px); -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear;
}
#homePage .history-wrapper .animated.cooperate-box {
	opacity: 1; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .glory-wrapper {
	background: rgb(248, 248, 248);
}
#homePage .glory-wrapper .layout {
	margin-top: 50px; position: relative;
}
#homePage .glory-wrapper .switch-btn {
	background: rgb(255, 255, 255); border-radius: 60px; transition:0.3s linear; width: 60px; height: 60px; position: absolute; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .glory-wrapper .switch-btn:hover {
	box-shadow: 0px 0px 10px #ccc;
}
#homePage .glory-wrapper .pre-show-btn.switch-btn {
	left: -80px; top: 50%; margin-top: -30px;
}
#homePage .glory-wrapper .pre-show-btn.switch-btn::after {
	background: url("https://web-data.zmlearn.com/image/vW1RwH36YFyobZsRp8U6xa/arrow-icon.png") no-repeat top / cover; margin: -12px 0px 0px -8px; left: 50%; top: 50%; width: 15px; height: 25px; display: block; position: absolute; content: "";
}
#homePage .glory-wrapper .next-show-btn.switch-btn {
	top: 50%; right: -80px; margin-top: -30px;
}
#homePage .glory-wrapper .next-show-btn.switch-btn::after {
	background: url("https://web-data.zmlearn.com/image/vW1RwH36YFyobZsRp8U6xa/arrow-icon.png") no-repeat bottom / cover; margin: -12px 0px 0px -8px; left: 50%; top: 50%; width: 15px; height: 25px; display: block; position: absolute; content: "";
}
#homePage .glory-wrapper .glory-box {
	padding: 0px 20px; transition:0.6s linear; width: 100%; height: 238px; overflow: hidden; box-sizing: border-box; opacity: 0.2; transform: translate(0px, 200px); -o-transform: translate(0, 200px); -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear;
}
#homePage .glory-wrapper .animated.glory-box {
	opacity: 1; transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);
}
#homePage .glory-wrapper .glory-box .glory-content {
	left: 0px; width: 2160px; height: 100%; position: relative;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item {
	margin: 0px 30px; width: calc(215px); float: left;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .img-box {
	margin: 0px auto 30px; width: 200px; height: 145px; text-align: center;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .img-box img {
	margin: 0px auto; width: 100%; height: 100%;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box {
	width: 100%; text-align: center; position: relative;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box::before {
	background: url("https://web-data.zmlearn.com/image/cUuD9CvVsa9hybF7whcSSg/cury-break-icon.png") no-repeat 0px top / cover; left: -12px; top: 0px; width: 35px; height: 64px; display: block; position: absolute; content: "";
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box::after {
	background: url("https://web-data.zmlearn.com/image/cUuD9CvVsa9hybF7whcSSg/cury-break-icon.png") no-repeat right / cover; top: 0px; width: 35px; height: 64px; right: -12px; display: block; position: absolute; content: "";
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box p {
	color: rgb(153, 153, 153); line-height: 32px; font-size: 16px;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item:hover .desc-box p {
	color: rgb(233, 12, 47);
}
#homePage .brand-wrapper {
	overflow: hidden; margin-bottom: 100px;
}
#homePage .brand-wrapper .section-title {
	margin-bottom: 50px;
}
#homePage .brand-wrapper .brand-item {
	background: rgb(245, 79, 80); border-radius: 4px; transition:0.6s linear; width: calc(255.5px); height: 318px; margin-right: 166.75px; float: left; position: relative; box-sizing: border-box; opacity: 0.2; box-shadow: 0px 0px 10px 2px #eee; transform: translate(0px, 200px); -o-transform: translate(0, 200px); -webkit-transform: translate(0, 200px); -moz-transform: translate(0, 200px); -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -o-transition: all .6s linear;
}
#homePage .brand-wrapper .brand-item a {
	text-decoration: none;
}
#homePage .brand-wrapper .brand-item .brand-name {
	background: url("brand-logo1.png") no-repeat 56px -82px / 190px; height: 125px;
}
#homePage .brand-wrapper .brand-item .brand-content {
	background: rgb(255, 255, 255); padding: 30px 50px; transition:0.3s linear; left: -1px; width: 258px; height: 170px; bottom: -1px; overflow: hidden; position: absolute; box-sizing: border-box; border-top-left-radius: 50px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;
}
#homePage .brand-wrapper .brand-item .brand-content h3 {
	padding: 0px 0px 20px; color: rgb(51, 51, 51); line-height: 32px; font-size: 24px; position: relative;
}
#homePage .brand-wrapper .brand-item .brand-content h3::after {
	background: rgb(245, 79, 80); transition:width 0.3s linear; left: 4px; width: 30px; height: 2px; bottom: 0px; position: absolute; content: ""; -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -o-transition: width .3s linear;
}
#homePage .brand-wrapper .brand-item .brand-content p {
	color: rgb(153, 153, 153); line-height: 22px; font-size: 14px; margin-top: 20px;
}
#homePage .brand-wrapper .brand-item .brand-content p.hover-show {
	display: none;
}
#homePage .brand-wrapper :first-child.brand-item {
	background: #33C1F4;
}
#homePage .brand-wrapper :first-child.brand-item .brand-name {
	background: url("brand-logo1.png") no-repeat 56px 50px / 190px; height: 125px;
}
#homePage .brand-wrapper :first-child.brand-item .brand-content h3::after {
	background: #33C1F4;;
}
#homePage .brand-wrapper :nth-child(2).brand-item {
	background: #33C1F4;
}
#homePage .brand-wrapper :nth-child(2).brand-item .brand-name {
	background: url("brand-logo1.png") no-repeat 56px -338px / 190px; height: 125px;
}
#homePage .brand-wrapper :nth-child(2).brand-item .brand-content h3::after {
	background: #33C1F4;;
}
#homePage .brand-wrapper :last-child.brand-item {
	background: #33C1F4; margin-right: 0px;
}
#homePage .brand-wrapper :last-child.brand-item .brand-name {
	background: url("brand-logo1.png") no-repeat 56px -85px / 190px; height: 125px;
}
#homePage .brand-wrapper :last-child.brand-item .brand-content h3::after {
	background: #33C1F4;
	/*ÆìÏÂÆ·ÅÆ*/
}
#homePage .brand-wrapper .brand-item:hover {
	box-shadow: 0px 0px 10px 2px #ccc;
}
#homePage .brand-wrapper .brand-item:hover .brand-content {
	height: calc(101%); bottom: -3px; padding-top: 70px;
}
#homePage .brand-wrapper .brand-item:hover .brand-content h3::after {
	width: 90px;
}
#homePage .brand-wrapper .brand-item:hover .brand-content p {
	display: none;
}
#homePage .brand-wrapper .brand-item:hover .brand-content p.hover-show {
	line-height: 28px; display: block;
}
#homePage .brand-wrapper .animated.brand-item {
	opacity: 1; transform: translate(0px); -o-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0);
}
#notice {
	background: rgb(255, 243, 238); height: 60px;
}
#notice .layout {
	padding: 0px 120px; height: 60px; position: relative; box-sizing: border-box;
}
#notice .layout .img1 {
	left: 80px; top: 16px; width: 28px; height: 28px; position: absolute;
}
#notice .layout .content {
	width: 980px; height: 60px; line-height: 60px; overflow: hidden; text-decoration: none; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#notice .layout .close {
	background: url("/static/desktop/static/index/img/notice/icon_cancel_normal_99188eb.png") no-repeat center; top: 10px; width: 40px; height: 40px; right: 10px; vertical-align: middle; display: inline-block; position: absolute; cursor: pointer;
}
#notice .layout .close:hover {
	background: url("/static/desktop/static/index/img/notice/icon_cancel_hover_651a01e.png") no-repeat center;
}