.mainBox {
	width:100%;
	position:relative;
	z-index:99;
}
.headerNavBox {
	width:100%;
	height:70px;
	background:white;
}
.yab_Back {
	width:100%;
	height:2965px;
}
.sliderRight {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	border-left:5px solid white;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:99999;
	display:none;
}
.header {
	width:100%;
	position:relative;
}
.show_btn {
	background:url(../img/sidebar_bg.png) no-repeat;
	background-position:-147px 0;
	height:112px;
	overflow:hidden;
	margin-top:50px;
	float:right;
	cursor:pointer;
}
.headerBannerBox {
	width:100%;
	position:relative;
}
.swiper-container-index .headerBannerBox {
	cursor:pointer;
}
.close_btn {
	position:absolute;
	width:21px;
	height:16px;
	right:1px;
	top:82px;
	background:url(../img/btn_closeIco.png) no-repeat;
}
.quickYab,.quickYabFour:hover {
	cursor:pointer;
}
#yab_video {
	position:relative;
	width:800px;
	height:600px;
}
.softImgItemLj {
	text-align:center;
	padding-top:73px;
}
.softBottomIco {
	width:482px;
	height:50px;
	text-align:center;
}
.softImgItemGif {
	text-align:center;
}
.softBottomGif {
	width:50px;
	height:50px;
}
.softImgBox {
	margin:0 auto;
}
.yabinfoDoMore {
	width:1000px;
	margin:0 auto;
}
.btnCloseImg,.btnJoinCloseImg {
	position:absolute;
	top:5px;
	right:5px;
	background:url("../img/btn_close.png") center no-repeat;
	background-size:30px;
	width:30px;
	height:30px;
	z-index:999;
	cursor:pointer;
}
.yabSuperiority {
	width:100%;
	background-color:#80d2dd;
	height:440px;
}
.yabPartner {
	width:1200px;
	height:560px;
	overflow:hidden;
	margin:45px auto 0 auto;
}
.yabPartnerItem {
	width:300px;
	height:560px;
	float:left;
	transition:all 1.5s ease-out 0s;
	-webkit-transition:all 1.5s ease-out 0s;
	-moz-transition:all 1.5s ease-out 0s;
	-ms-transition:all 1.5s ease-out 0s;
	opacity:0;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform:scale(0.5) rotateX(60deg);
	-webkit-transform:scale(0.5) rotateX(60deg);
	-moz-transform:scale(0.5) rotateX(60deg);
	-ms-transform:scale(0.5) rotateX(60deg);
}
.yabPartnerItemImg img,.yabPartnerItemOtheItemImg img {
	-webkit-transition:all 1s ease 0s;
	-moz-transition:all 1s ease 0s;
	-ms-transition:all 1s ease 0s;
	transition:all 1s ease 0s;
}
.yabPartnerItem:hover img,.yabPartnerItemOtheItemImg:hover img {
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
}
.yabPartnerItemImg,.yabPartnerItemDesc,.yabPartnerItemOtheItemImg,.yabPartnerItemOtheItemDesc {
	width:300px;
	height:280px;
	float:left;
	position:relative;
	overflow:hidden;
}
.yabPartnerItemDesc,.yabPartnerItemOtheItemDesc {
	overflow:visible;
}
.yabPartnerItemDesc,.yabPartnerItemOtheItemDesc {
	background-color:#fafafa;
}
.proxyTriangle {
	position:absolute;
	top:-20px;
	right:26px;
	width:0;
	height:0;
	border-bottom:20px solid #fafafa;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	z-index:99;
}
.teacherTriangle {
	position:absolute;
	bottom:-20px;
	right:26px;
	width:0;
	height:0;
	border-top:20px solid #fafafa;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	z-index:99;
}
.leaderTriangle {
	position:absolute;
	top:40px;
	left:-20px;
	width:0;
	height:0;
	border-right:20px solid #fafafa;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	z-index:99;
}
.partentTriangle {
	position:absolute;
	bottom:42px;
	right:-20px;
	width:0;
	height:0;
	border-left:20px solid #fafafa;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	z-index:99;
}
.yabPartnerItemOther {
	width:600px;
	height:560px;
	float:left;
	overflow:hidden;
}
.yabPartnerItemOtheItem {
	width:600px;
	height:280px;
	float:left;
	overflow:hidden;
	transition:all 1.5s ease-out 0s;
	-webkit-transition:all 1.5s ease-out 0s;
	-moz-transition:all 1.5s ease-out 0s;
	-ms-transition:all 1.5s ease-out 0s;
	opacity:0;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform:scale(0.5) rotateX(60deg);
	-webkit-transform:scale(0.5) rotateX(60deg);
	-moz-transform:scale(0.5) rotateX(60deg);
	-ms-transform:scale(0.5) rotateX(60deg);
}
.yabPartnerItemCurrent {
	transform:scale(1) rotatex(0deg);
	-webkit-transform:scale(1) rotatex(0deg);
	-moz-transform:scale(1) rotateX(0deg);
	-ms-transform:scale(1) rotateX(0deg);
	opacity:1;
}
.yabPartnerItemOtheItem:hover img {
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
}
.yabinfo {
	width:100%;
	height:952px;
	background:url("../img/yabItemBg_01.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:#e6eff8;
}
.btnCloseImg:hover,.btnJoinCloseImg:hover {
	background:url("../img/btn_closeHover.png") center no-repeat;
	background-size:30px;
}
.headerNavBg {
	position:absolute;
	width:1000px;
	top:25px;
	left:50%;
	margin-left:-500px;
	z-index:100;
}
.headerNavBgFixed {
	position:fixed!important;
	top:0!important;
	left:0!important;
	margin-left:0!important;
	width:100%!important;
	background-color:white!important;
	height:70px!important;
	z-index:999!important;
	box-shadow:0 0 3px #ccc!important;
}
.yabNavInfoFixed {
	position:fixed!important;
	top:70px!important;
	height:62px!important;
	line-height:62px!important;
	z-index:999!important;
}
.navBg {
	width:100%;
	position:absolute;
	top:-35px;
	left:0;
	z-index:100;
	height:120px;
}
.navBg img {
	height:120px!important;
}
.navBgFixed {
	position:fixed;
	top:-29%;
	bottom:100%;
}
.navBgFixedFirefox {
	position:fixed;
	top:-34.8%;
	bottom:100%;
}
.contentBgBox {
	width:100%;
	position:relative;
	z-index:1;
}
.dynamicDetails {
	width:100%;
	background-color:#fcf2f4;
	position:relative;
	padding-bottom:150px;
}
.hzjmContent {
	width:100%;
	height:2200px;
	background:url("../img/joinYab_ContentBg.png") top no-repeat;
	background-size:100% 100%;
	position:relative;
}
.znyjContent {
	background:url("../img/znyj_bg.png") top no-repeat;
	background-size:100% 100%;
	height:1580px;
}
.hzalContent {
	background:url("../img/hzalbg_01.png") top no-repeat;
	background-size:100% 100%;
	height:2750px;
}
.nav_Box {
	width:100%;
	text-align:center;
}
.nav_ItemCurrent a { color:#fff;}

.nav_ItemCurrent:hover{
	color:#fff;
}
.nav_ItemLogo>img {
	height:70px;
}
.nav_ItemLogo>a {
	display:inline-block;
	width:100%;
	height:100%;
}
.nav_ItemLi {
	line-height:70px;
	float:left;
}
.nav_ItemLiOther {
	margin-left:30px;
}
.nav_ItemBox {
	margin-left:20px;
}
.nav_Box {
	overflow:hidden;
}
.nav_Box::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.nav_Item {
	text-align:center;
	color:#333;
	font-size:18px;
	width:100px;
	display:inline-block;
}
.syslink {
	vertical-align:middle;
}
.nav_ItemCurrent {
	background:url("../img/nav_selectBg.png") center no-repeat;
	color:white;
	background-size:100% 50%;
}
.headerTopBox {
	width:100%;
	position:relative;
}
.page_nav {
	width:1000px;
	height:70px;
	margin:0 auto;
}
.nav_ItemLogo {
	width:140px;
	height:50px;
	background:url("../img/new_logo.png") center no-repeat;
	background-size:140px 50px;
	margin-top:7px;
}
.contentBox {
	width:1000px;
	margin:0 auto;
	padding-top:170px;
}
.contentBoxItem {
	width:1000px;
}
.yab_info {
	margin:0 auto;
	height:430px;
	background-color:#f7fdfc;
	border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	opacity:0;
}
.yab_infoItem {
	width:100%;
}
.yab_info:after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yab_info_left {
	width:450px;
	display:inline-block;
	margin-left:50px;
	opacity:0;
	float:left;
}
.yab_info_right {
	width:50%;
	display:inline-block;
	margin-top:20px;
	position:relative;
	-webkit-transition:all 1s ease 0s;
	-moz-transition:all 1s ease 0s;
	-o-transition:all 1s ease 0s;
	-ms-transition:all 1s ease 0s;
	transition:all 1s ease 0s;
	overflow:hidden;
	opacity:1;
	float:left;
	height:400px;
}
.yab_info_left_describe {
	line-height:28px;
	font-size:16px;
	color:#494949;
	width:65%;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
}
.yab_info_left_title {
	font-size:36px;
	color:#333;
	text-align:center;
	padding-top:105px;
}
.yab_info_left_btn {
	font-size:16px;
	color:#61d52f;
	display:inline-block;
}
.yab_info_right_img {
	right:-4.5%;
	bottom:-21%;
	width:337px;
	position:absolute;
	opacity:0;
	z-index:2;
}
.yab_superiority {
	height:440px;
	padding-top:48px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	color:white;
}
.yab_superiority_wx,.yab_superiority_yj,.yab_superiority_fw,.yab_superiority_wz,.yab_superiority_sb {
	display:inline-block;
	padding-top:80px;
	width:19%;
	overflow:hidden;
	float:left;
	transition:all .3s ease-out 0s;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
}
.yab_superiority_wx {
	margin-left:3%;
}
.yab_superiority {
	overflow:hidden;
}
.yab_superiority::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yab_superiority_topImg {
	width:80px;
	height:80px;
	margin:0 auto;
}
.yab_superiority_Imgtitle {
	font-size:18px;
	width:100%;
	text-align:center;
	margin-top:20px;
}
.yab_superiority_description {
	padding-top:20px;
	font-size:14px;
	line-height:22px;
	width:76%;
	margin:0 auto;
}
.yab_superiority_left {
	position:absolute;
}
.yab_differentGroup {
	background:#f7fdfc;
	border-radius:10px;
	-webkit-border-radius:10px;
	margin-top:120px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:484px;
	opacity:0;
}
.yab_differentGroup_dl,.yab_differentGroup_yz,.yab_differentGroup_ls,.yab_differentGroup_jz {
	width:25%;
	margin-top:67px;
	float:left;
	position:relative;
}
.yab_differentGroup {
	overflow:hidden;
}
.yab_differentGroup::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yab_differentGroup_topImg {
	width:184px;
	opacity:0;
	margin:0 auto;
}
.yab_differentGroup_description {
	margin-top:15px;
	font-size:16px;
	color:#494949;
	line-height:22px;
	padding:0 35px 0 35px;
	height:120px;
}
.yab_differentGroup_Btn {
	font-size:15px;
	color:#61d52f;
	float:left;
}
.yab_differentGroup_Btn {
	overflow:hidden;
}
.yab_differentGroup_Btn::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yab_differentGroup_Imgtitle {
	margin-top:45px;
	font-size:18px;
	color:#333;
	text-align:left;
	padding-left:35px;
}
.yab_differentGroupBottom {
	clear:both;
	padding-left:35px;
	overflow:hidden;
}
.yab_differentGroupBottom:after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.backTopBtn {
	width:80px;
	text-align:center;
	margin:0 auto;
	position:relative;
	top:-24px;
	z-index:1;
}
.backTopBtn img {
	cursor:pointer;
}
.backTopBtnForUs {
	top:0;
}
.educationBox {
	width:141px;
	height:43px;
	vertical-align:super;
}
.cpecBox {
	width:92px;
	height:43px;
	margin:0 54px;
}
.mobileBox {
	width:141px;
	height:42px;
}
.asiaInfoBox {
	width:117px;
	height:61px;
	display:inline-block;
	margin:0 54px;
}
.tencentWxBox {
	width:49px;
	height:63px;
}
.tencentQqBox {
	width:45px;
	height:64px;
	margin:0 0 0 54px;
}
.erronBox {
	width:150px;
	height:40px;
	line-height:40px;
	float:left;
	margin-left:10px;
	color:red;
	font-size:18px;
}
.footer {
	width:100%;
	height:250px;
	background:url("../img/pageBottom.png") top no-repeat;
	background-size:100% 100%;
	margin-top:-36px;
	position:relative;
	z-index:50;
}
.footNav {
	text-align:center;
	font-size:16px;
	margin-top:10px;
}
.footNav>a {
	color:#666;
	border-right:1px solid #666;
	padding:0 20px;
	font-size:16px;
}
.footNav>a:last-child {
	border:none;
}
.Partners {
	height:64px;
	line-height:64px;
	margin-top:20px;
	text-align:center;
}
.Partners>img {
	vertical-align:middle;
}
.nc_copyright {
	margin-top:20px;
	text-align:center;
	font-size:14px;
	color:#666;
}
.functionHeader {
	background:#8a9ce7;
}
.headerBannerBox img {
	vertical-align:top;
}
.swiper-container {
	width:100%;
}
.swiper-slide {
	width:100%;
}
.swiper-button-white {
	opacity:0;
}
.swiper-button-prev {
	opacity:1;
}
.swiper-button-next {
	opacity:1;
}
.swiper-button-next:hover,.swiper-button-prev:hover {
	opacity:.8;
}
.function_headerBannerBox {
	position:relative;
}
.quickYab {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-95px;
	margin-top:-8px;
	width:190px;
	z-index:999;
}
.quickYabTwo {
	margin-left:-120px;
	margin-top:-45px;
}
.quickYabThree {
	margin-left:-240px;
	margin-top:-30px;
}
.quickYabFour {
	margin-left:-390px;
	margin-top:30px;
}
.functionSection {
	position:relative;
}
.sildeBox {
	width:100%;
	position:relative;
}
.navBgFixedFunction {
	position:fixed;
	width:100%;
	height:70px;
	top:0;
	left:0;
	z-index:999;
	display:none;
}
.navBgFixedFunction img {
	width:100%;
	height:147px;
}
.functionHeaderNavBg {
	top:60%;
}
.navBgFixedFunction_title {
	position:absolute;
	width:1000px;
	top:0;
	left:50%;
	margin-left:-500px;
}
.sectionOther {
	position:relative;
}
.leftBox {
	left:0;
}
.rightBox {
	right:0;
}
.leftContentBox {
	position:absolute;
	width:499px;
	height:313px;
	right:10px;
	top:84px;
	z-index:2;
	opacity:0;
}
.imgContent {
	position:absolute;
	width:235px;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	z-index:2;
}
.imgContentOther {
	position:absolute;
	width:135px;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	z-index:2;
}
.leaderIphone,.teacherIphone,.parentIphone {
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}
.leaderIphoneIe {
	right:355px;
	top:126px;
}
.teacherIphoneIe {
	right:190px;
	top:90px;
}
.yabPartnerItemCurrentIe {
	opacity:1!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
}
.parentIphoneIe {
	right:485px;
	top:90px;
}
.teacherIphone_01,.parentIphone_01,.leaderIphone_01 {
	position:absolute;
	top:0;
	right:0;
}
.teacherIphone_01 {
	width:168px;
	opacity:0;
	height:347px;
}
.teacherIphoneIe_01 {
	right:20px;
}
.teacherIphone_01 img {
	width:100%;
	height:347px;
}
.parentIphone_01 {
	width:162px;
	opacity:1;
}
.parentIphoneIe_01 {
	right:170px;
	top:30px;
}
.leaderIphone_01 {
	width:167px;
	opacity:0;
}
.leaderIphoneIe_01 {
	width:167px;
	right:310px;
	opacity:0;
}
.teacherIcoBox,.parentIcoBox,.leaderIcoBox {
	position:absolute;
	opacity:0;
}
.teacherIcoBox {
	width:73px;
	top:-80px;
	left:-30px;
}
.parentIcoBox {
	width:73px;
	top:-80px;
	right:-17px;
}
.leaderIcoBox {
	width:62px;
	right:60px;
	top:-110px;
}
.leaderIphone {
	width:197px;
	opacity:1;
}
.teacherIphone {
	width:199px;
	opacity:0;
}
.parentIphone {
	width:235px;
	opacity:0;
}
.scrollsidebar {
	position:absolute;
	z-index:99;
	top:150px;
	overflow:hidden;
	right:0;
	z-index:9999;
}
.blank2 {
	clear:both;
	height:20px;
}
.map {
	width:100%;
	height:550px;
}
.side_content {
	background:url("../img/pageRightIco.png") center no-repeat;
	width:156px;
	height:445px;
	overflow:hidden;
	float:right;
}
.side_list {
	width:156px;
	height:445px;
	overflow:hidden;
}
.pagePhone {
	margin:140px auto 0 auto;
	text-align:center;
	width:100px;
}
.pageQq {
	margin-top:30px;
	text-align:center;
	height:48px;
}
.pageQqDefult,.pageQqHouver {
	display:inline-block;
	width:46px;
	height:48px;
}
.pageQqDefult {
	background:url("../img/pageQqIco.png") no-repeat;
}
.pageQqHouver {
	background:url("../img/hoverQqIco.png") no-repeat;
}
.pageWx {
	margin-top:8px;
	text-align:center;
	height:100px;
}
.pageWx img {
	width:100px;
	height:100px;
}
.pageWxDescribe {
	font-size:16px;
	color:#333;
	text-align:center;
}
.HealthyGrowthBox {
	width:100%;
}
.HealthyGrowthBox img {
	width:100%;
	height:100%;
}
.f_contentBox_other {
	width:1000px;
	position:absolute;
	text-align:center;
	color:#fefefe;
	border-radius:10px;
	opacity:0;
	margin-right:0;
	left:50%;
	margin-left:-500px!important;
}
.HealthyGrowthBoxOtherMoreOther {
	margin-top:1%;
}
.f_contentBoxOther_other {
	margin-top:0;
}
.selectDistpicker {
	display:inline-block;
}
.selectDistpicker select {
	height:44px;
	line-height:44px;
	color:#333;
	font-size:18px;
	border-radius:10px;
}
.f_contentBox_otherMore {
	height:100%;
	margin:0 auto;
}
.left_topBox {
	position:absolute;
	top:102px;
	left:50%;
	margin-left:-1px;
	border-left:2px solid white;
	opacity:0;
}
.left_horizontalBox {
	position:absolute;
	top:132px;
	border-top:2px solid white;
	left:50%;
	margin-left:-1px;
	opacity:0;
}
.left_verticalBox {
	position:absolute;
	top:132px;
	border-left:2px solid white;
	opacity:0;
}
.right_horizontalBox {
	position:absolute;
	top:132px;
	border-top:2px solid white;
	opacity:0;
}
.right_verticalBox {
	position:absolute;
	top:132px;
	border-left:2px solid white;
	opacity:0;
}
.connectChild {
	width:134px;
	height:102px;
	vertical-align:middle;
	margin-left:10px;
	opacity:0;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	-o-transition:all .8s ease-in-out;
	-ms-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
}
.growHealthily {
	width:100%;
	height:100%;
	background:url("../img/group_01.png") center no-repeat;
	background-size:100% 100%;
}
.Communication {
	width:100%;
	height:100%;
	background:url("../img/group_03.png") center no-repeat;
	background-size:100% 100%;
}
.MicrositeBox {
	width:100%;
	height:100%;
	background:url("../img/group_01.png") center no-repeat;
	background-size:100% 100%;
}
.SecurityManagement {
	width:100vw;
	height:100%;
	background:url("../img/group_02.png") center no-repeat;
	background-size:100% 100%;
}
.HealthyGrowthBoxOther {
	width:100vw;
	height:100%;
	background:url("../img/group_02.png") center no-repeat;
	background-size:100% 100%;
}
.HealthyGrowthBoxSys {
	width:100vw;
	height:100%;
	background:url("../img/group_03.png") center no-repeat;
	background-size:100% 100%;
}
.HealthyGrowthBoxOtherMore {
	width:100vw;
	height:100%;
	background:url("../img/group_01.png") center no-repeat;
	background-size:100% 100%;
	position:relative;
}
.connectTitleDesc {
	font-size:40px;
	vertical-align:middle;
	opacity:0;
}
.connectTitleDesc:nth-of-type(2) {
	padding-left:10px;
}
.connectImgBox {
	width:300px;
	margin-top:65px;
	float:left;
}
.connectImgBox:nth-of-type(2) {
	margin-left:50px;
	margin-right:50px;
}
.connectImgBox {
	overflow:hidden;
}
.f_contentBox_other {
	overflow:hidden;
}
.connectImgBox::after,.f_contentBox_other::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.partentDesc {
	position:absolute;
	top:130px;
	left:10px;
	width:160px;
	height:200px;
	background-color:rgba(0,0,0,.8);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	-o-transition:all .8s ease-in-out;
	-ms-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
	opacity:0;
	display:none;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
}
.leaderJoinBox:hover .partentDesc {
	opacity:1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform:translateY(0%);
}
.partentDescTitle {
	font-size:14px;
	color:white;
	padding:5px;
}
.partentDescInfo {
	color:white;
	font-size:12px;
	padding:1px 5px;
	text-align:left;
	line-height:20px;
}
.connectImgBox {
	position:relative;
}
.partentJoin,.teacherJoin,.leaderJoin,.partentJoinOther,.teacherJoinOther,.leaderJoinOther {
	width:160px;
	height:280px;
	opacity:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	margin-top:45px;
}
.partentJoin,.teacherJoin,.leaderJoin {
	opacity:1!important;
}
.leaderJoinBox {
	position:relative;
	width:180px;
	height:370px;
	margin:0 auto;
	background:url("../img/iphone_01_box.png") center no-repeat;
	opacity:0;
	background-size:100% 100%;
}
.fp-tableCell {
	vertical-align:top!important;
}
.f_contentBox {
	width:1000px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
	border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0;
}
.sysBoxTtitle {
	font-size:40px;
	text-align:center;
}
.moreTitleDesc {
	font-size:24px;
	margin-top:25px;
}
.swiper-slideOther {
	position:relative;
}
.swiperSlideBg {
	width:800px;
	height:450px;
}
.imgSlide {
	position:absolute;
	width:742px;
	top:50%;
	left:50%;
	margin-left:-371px;
	margin-top:-183px;
	height:369px;
}
.swiper-slideOther img {
	vertical-align:top;
}
.moreBox {
	width:100%;
}
.moreImgBox {
	width:100%;
	height:246px;
	margin-top:40px;
}
.footNavOther {
	color:white!important;
	margin-top:60px!important;
}
.footNavOther>a {
	color:white;
	border-right:1px solid white;
	padding:0 20px;
	font-size:14px;
}
.nc_copyrightOther {
	color:white!important;
	margin-top:20px!important;
}
.navTabItem {
	width:202px;
	height:117px;
	display:inline-block;
	margin-top:20px;
	opacity:.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	float:left;
}
.navTabItemOther {
	margin-left:106px;
}
.navTabItem:nth-child(2) {
	margin:20px 90px;
}
.f_contentBox_otherSys {
	opacity:1;
}
.HealthyGrowthBoxcontentBox {
	opacity:0;
}
.f_contentBox {
	overflow:hidden;
}
.f_contentBox::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.slideOther {
	height:300px!important;
}
.f_contentBox_left {
	display:inline-block;
	width:265px;
	height:541px;
	margin:0 0 0 72px;
	background:url(../img/iphoneBox.png) center no-repeat;
	background-size:100% 100%;
	position:relative;
	float:left;
	opacity:0;
}
.swiper_HealthyGrowth,.swiper_safetyManagement,.swiper_Communication,.swiper_microsite {
	width:229px;
	height:416px;
	position:absolute;
	top:11.5%;
	left:18px;
	border:none;
}
.swiper-button-prev-other {
	width:18px;
	height:32px;
	margin-top:-16px;
	background-size:18px 32px;
	left:-16%;
	display:none;
}
.swiper-button-next-other {
	width:18px;
	height:32px;
	margin-top:-16px;
	background-size:18px 32px;
	right:-12%;
	display:none;
}
.f_contentBox_right {
	display:inline-block;
	float:left;
	margin-left:104px;
	overflow:hidden;
}
.f_contentBox_right_title {
	font-size:40px;
	padding-top:90px;
	color:white;
	opacity:0;
	padding-left:40px;
}
.f_contentBox_right_describe {
	margin-top:34px;
	font-size:16px;
	color:white;
	line-height:30px;
	overflow:hidden;
	width:530px;
	height:120px;
	opacity:0;
	padding-left:40px;
}
.iponeSlide {
	width:231px;
	height:402px;
}
.f_contentBox_right_nav {
	margin-top:60px;
	padding-left:40px;
}
.f_contentBox_right_nav:after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.growingUpNavBox {
	position:relative;
	float:left;
	width:80px;
	margin-left:28px;
}
.growingUpNavBox>img {
	width:80px;
	height:80px;
}
.growingUpNavBox:first-child {
	margin-left:0;
}
.growingUpFilesTitle,.parentingCommunityTitle,.cookbookTitle,.journalTitle,.morningCheckTitle {
	text-align:center;
	font-size:16px;
	color:white;
	margin-top:10px;
}
.f_contentBoxFour_left_bottomOther {
	position:absolute;
	width:140px;
	left:-48%;
	bottom:1%;
	z-index:3;
}
.f_contentBoxSmSix_left_bottom {
	position:absolute;
	width:82px;
	bottom:2%;
	z-index:3;
	left:-21%;
}
.f_contentBox_left_other {
	margin:0 0 0 150px;
}
.IcoOtherStutes {
	opacity:.5!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	border:0;
	outline:none;
}
.IcoStutes {
	opacity:1!important;
}
.currentSwiper {
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-7px;
	width:0;
	height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:14px solid white;
	display:none;
}
.swiper_sysBox {
	margin-top:20px;
}
.navTabBox {
	width:100%;
	height:157px;
	display:none;
}
.navTabBox .active {
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.f_contentBox_right_other {
	margin-left:30px;
}
.growUpRecord {
	position:absolute;
	width:125px;
	right:0;
	bottom:0;
}
.leftImgBox {
	display:none;
}
.growingUpNavBoxOther {
	width:80px;
}
.intelligentDeviceCSBox {
	background:#fff;
	border-radius:10px;
	padding-top:35px;
	position:relative;
	width:100%;
}
.intelligentDeviceBoxTitle {
	text-align:center;
	font-size:40px;
	color:#333;
	width:100%;
}
.contentZnyjBox {
	padding-top:150px;
}
.bottomImg {
	height:190px;
}
.intelligentDeviceCSDetails {
	width:90%;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	line-height:30px;
	padding:20px 0;
	color:#333;
}
.intelligentDeviceImgBox:after {
	content:"";
	display:table;
	clear:both;
}
.intelligentDeviceImgLeft {
	width:350px;
	float:left;
}
.intelligentDeviceImgRight {
	width:350px;
	float:left;
}
.intelligentDeviceImgMiddle {
	width:260px;
	float:left;
}
.intelligentDeviceImgLeft>a,.intelligentDeviceImgRight>a {
	float:left;
	text-align:center;
	position:relative;
}
.intelligentDeviceImgMiddle>a {
	text-align:center;
	display:block;
	position:relative;
	width:234px;
	margin:0 auto;
	top:30px;
}
.intelligentDeviceImgLeft>a {
	width:150px;
}
.intelligentDeviceImgLeft>a:nth-child(2) {
	top:20px;
	width:150px;
}
.intelligentDeviceImgLeft>a:nth-child(3) {
	width:190px;
	top:120px;
	left:-138px;
}
.intelligentDeviceImgLeft>a:nth-child(4) {
	width:95px;
	left:270px;
	top:-70px;
}
.intelligentDeviceImgRight>a:first-child {
	width:200px;
	top:35px;
}
.intelligentDeviceImgRight>a:nth-child(2) {
	width:150px;
	top:10px;
	left:18px;
}
.intelligentDeviceImgRight>a:nth-child(3) {
	width:260px;
	top:80px;
}
.intelligentDeviceImgBox p {
	margin-top:10px;
	font-size:18px;
	color:#333;
}
.yabzcTitleOtheree {
	margin-top:10px!important;
}
.yabzcqq {
	margin-top:95px!important;
}
.intelligentDeviceImgBox p.intelligentDeviceNameSpecial {
	margin-top:-10px;
}
.paginationCooperation {
	width:100%;
	text-align:center;
	margin-top:15px;
}
.swiper-pagination-switch {
	display:inline-block;
	width:15px;
	height:15px;
	border-radius:8px;
	background:#d1d1d1;
	margin:0 5px;
	opacity:1;
	border:1px solid #fff;
	cursor:pointer;
}
.swiper-active-switch {
	background:#3faccc!important
}
.cooperrationBox {
	height:795px;
	background-color:white;
	border-radius:10px;
	position:relative;
	margin:0 auto;
	width:100%;
}
.intelligentDeviceCSBoxOther {
	margin-top:80px;
	height:515px;
}
.deviceTfContent {
	position:relative;
	margin-top:40px;
}
.prevDiv>a,.nextDiv>a {
	width:210px;
	margin-left:10px;
	display:block;
	float:left;
}
.prevDiv:after {
	display:table;
	content:"";
	clear:both;
}
.nextDiv {
	position:absolute;
	top:135px;
	left:110px;
}
.cwItemSwipercontainer {
	height:100%!important;
	position:relative;
}
.cooperrationTitle {
	font-size:40px;
	color:#333;
	text-align:center;
	padding:35px 0 20px 0;
}
.cooperrationDesic {
	font-size:18px;
	color:#525252;
	text-align:center;
	padding-bottom:30px;
}
.swiperBox {
	margin-left:35px;
	margin-right:35px;
	height:580px;
	width:100%;
	position:relative;
}
.caseDetails {
	width:1000px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	line-height:30px;
	padding:20px 0;
	color:#333;
}
.swiperBoxItem {
	width:300px;
	height:275px;
	float:left;
	margin-bottom:20px;
	position:relative;
	border-radius:10px;
	padding:0;
	box-sizing:border-box;
	cursor:pointer;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
}
.swiperBoxItem:hover .he_slideAllDown_caption {
	background:#333;
	opacity:.7;
	transform:translate3d(0px,0px,100px);
}
.he_slideAllDown_caption {
	font-size:30px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border-radius:10px;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
}
.he_slideAllDown_caption_h {
	font-size:20px;
	text-align:center;
	width:100%!important;
	position:absolute;
	top:-50%;
	text-align:center!important;
	left:50%!important;
	margin-left:-150px!important;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	overflow:hidden;
	opacity:0;
	background-color:black!important;
	color:white!important;
	font-size:22px;
}
.swiperBoxItem:hover .he_slideAllDown_caption_h {
	color:#fff;
	top:20%;
	opacity:1;
}
.he_slideAllDown_caption>p {
	text-align:left;
	width:80%;
	position:absolute;
	top:-50%;
	left:10%;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	overflow:hidden;
	opacity:0;
}
.swiperBoxItem:hover .he_slideAllDown_caption_p {
	color:#fff;
	top:32%;
	opacity:1;
	text-align:left;
}
.swiperBoxItem>img {
	border-radius:10px;
}
.swiperBoxItem:nth-child(2),.swiperBoxItem:nth-child(5) {
	margin-right:15px;
	margin-left:15px;
}
.swiper-paginationOther {
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	margin-top:20px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	margin-left:5px;
}
.swiper-pagination-bullet-active {
	background-color:#62d430;
}
.swiperBoxItem {
	overflow:hidden;
}
.swiperBoxItem::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.rangeMap {
	height:826px;
	background:#fff;
	border-radius:10px;
	padding-top:40px;
	position:relative;
	margin-top:80px;
	background:url("../img/case1.png") no-repeat 0 0;
	background-size:100% 100%;
}
.descSchool {
	text-indent:0!important;
}
.descSchoolTitle {
	font-weight:600;
}
.rangeMapTitle2 {
	text-align:center;
	font-size:24px;
	margin:15px auto;
	color:#333;
}
.popContentInfo>img {
	max-width:675px;
	height:auto;
}
.rangeMapDetails {
	width:70%;
	text-align:left;
	font-size:18px;
	color:#333;
	margin:15px auto;
	line-height:30px;
	position:relative;
}
.mapBox {
	width:660px;
	margin:20px auto;
}
.footNav a:hover {
	color:#5fbd36;
}
.freetrial {
	height:723px;
	border-radius:10px;
	background-color:#f6fbf7;
	margin-top:80px;
}
.freetrialTitle {
	padding-top:55px;
	font-size:40px;
	color:#333;
	text-align:center;
}
.freetrialDesc {
	padding-top:20px;
	font-size:18px;
	color:#333;
	text-align:center;
}
.userInfoItemTitle {
	width:100px;
	text-align:right;
	text-align:-webkit-right;
	display:inline-block;
	font-size:18px;
	color:#333;
	float:left;
}
.userInfoItemTitleOther {
	width:auto!important;
}
.schoolName {
	width:450px!important;
}
.JointxtItem {
	width:405px;
}
.dyFlage {
	position:absolute;
	width:15px;
	height:15px;
	top:20px;
	right:-23px;
	background-color:white;
	border-radius:50%;
	z-index:999;
	border:1px solid #ffdde6;
}
.dyFlageOther {
	position:absolute;
	width:15px;
	height:15px;
	top:5px;
	right:-23px;
	background-color:white;
	border-radius:50%;
	z-index:999;
	border:1px solid #ffdde6;
}
.userInfoItem {
	height:40px;
	line-height:40px;
	margin:30px 0;
	margin-left:220px;
}
.popTitleDetails {
	line-height:26px!important;
	font-size:16px!important;
	text-indent:0!important;
	text-align:center;
}
.postduty,.postAsfor {
	font-size:16px;
	color:#333;
}
.postduty>p,.postAsfor>p {
	font-size:18px!important;
	color:#333;
}
.itemZpBox {
	margin-top:10px;
}
.itemZpBox li {
	line-height:25px;
	font-size:14px;
}
.popBtnCloseYp {
	width:120px;
	height:40px;
	background:url(../img/popBtnCloseBg.png) no-repeat center;
	text-align:center;
	line-height:40px;
	color:#fff;
	margin:20px auto 10px;
	font-size:18px;
	background-size:120px 40px;
	display:block;
}
.joinuserInfoItem {
	margin-left:300px;
}
.joinYabJoinapplyItem {
	width:100%!important;
	margin:0 auto!important;
	margin-left:0!important;
}
.freeUnserInfo input {
	outline:none;
	border:none;
	border:1px solid #ccc;
	padding:0 10px;
	margin-left:10px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	float:left;
	font-size:16px;
}
.freeUnserInfo select {
	outline:none;
	padding-left:8px;
	vertical-align:middle;
}
.userInfoItemTitle {
	overflow:hidden;
}
.userInfoItemTitle>span {
	float:right;
	display:inline-block;
	font-size:18px;
	color:#333;
}
.city {
	margin-left:16px!important;
}
.currentItemRight {
	margin-left:20px!important;
}
.selectCity {
	margin-left:20px!important;
}
.currentItem {
	display:inline-block;
	width:90px;
	height:38px;
	font-size:16px;
	color:#b6bcc1;
	text-align:center;
	border:1px solid #ccc;
	border-radius:5px;
	line-height:38px;
	margin-left:17px;
	background-color:white;
}
.currentItem:nth-child(2) {
	margin-left:10px;
}
.currentItemSelect {
	border:1px solid #62d430;
	background-color:#62d430;
	color:white;
}
.btn_freeUserInfoSubmit {
	width:222px;
	height:40px!important;
	line-height:40px!important;
	outline:none!important;
	border:none!important;
	color:white;
	font-size:18px;
	text-align:center;
	background-color:#62d430;
	border-radius:10px;
	margin:0!important;
	padding:0!important;
	float:none!important;
}
.yabJoin_applyfor .btn_Join {
	margin-left:27px!important;
}
.userInfoItem:last-child {
	margin-top:55px;
}
.dyContent {
	position:relative;
}
.topStart {
	position:absolute;
	top:152px;
	left:178px;
	width:32px;
	height:33px;
}
.backTopBtnOther {
	margin-top:480px;
}
.cooperrationBox .swiper-pagination-bullet-active {
	background:#62d430;
}
.popUpBox,.popUpBoxOther {
	position:fixed!important;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-animation-duration:600ms;
	animation-duration:600ms;
	-webkit-animation-fill-mode:both;
	z-index:1000!important;
}
.vjs-big-play-centered .vjs-big-play-button {
	background:url("../img/btn_video.png")center no-repeat;
}
.jp-video .jp-volume-controls {
	left:10px!important;
	top:16px!important;
}
.video-js .vjs-big-play-button {
	width:88px!important;
	height:88px!important;
	border-radius:50%!important;
}
.vjs-big-play-button:before {
	content:""!important;
}
.popUpBoxOut {
	animation-name:popFadeOut;
	-webkit-animation-name:popFadeOut;
	-ms-animation-name:popFadeOut;
	-moz-animation-name:popFadeOut;
	-o-animation-name:popFadeOut;
	-webkit-animation-duration:600ms;
	animation-duration:600ms;
	-webkit-animation-fill-mode:both;
}
@keyframes popFadeIn {
	0% {
	opacity:0;
}
100% {
	opacity:1;
}
}@keyframes popFadeOut {
	0% {
	opacity:1;
}
100% {
	opacity:0;
}
}.trackMatte {
	position:absolute;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,.8);
	opacity:.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.popContentBox {
	position:absolute;
	width:800px;
	background-color:white;
	height:600px;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-400px;
	z-index:999;
	border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	overflow-x:hidden;
	overflow-y:auto;
}
.popContentBoxOther {
	position:absolute;
	width:800px;
	background-color:white;
	height:480px;
	top:50%;
	left:50%;
	margin-top:-260px;
	margin-left:-400px;
	z-index:999;
	border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	overflow-y:visible!important;
}
.popContentBoxOtherFull {
	top:0;
	left:0;
	margin:0;
	position:absolute!important;
	z-index:9999999;
}
.popContentfullScreen {
	width:100%;
	height:100%;
	margin:0;
}
.popTitle {
	font-size:30px;
	color:#333;
	margin:30px 0;
	text-align:center;
}
.popContentInfoZp {
	margin-bottom:10px!important;
}
.popContentInfo {
	margin-left:60px;
	margin-right:60px;
	font-size:18px;
	color:#333;
}
.popContentInfo p {
	text-indent:30px;
	line-height:30px;
	font-size:15px;
}
.popContentInfo p:last-child {
	margin-bottom:30px;
}
.popimgBox {
	margin:10px 0;
}
.popimgBox {
	overflow:hidden;
}
.popimgBox::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.popImgList img {
	margin-left:10px;
	margin-bottom:10px;
}
.popImgList {
	overflow:hidden;
}
.popImgList::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.popBtnClose {
	width:168px;
	height:58px;
	background:url(../img/popBtnCloseBg.png) no-repeat center;
	text-align:center;
	line-height:58px;
	color:#fff;
	margin:10px auto 10px;
	font-size:18px;
	background-size:80px 30px;
}
.contentBgOtherBox {
	width:100%;
	background-color:white;
}
.yabInfoNavBg {
	bottom:-19%;
}
.yabheaderNavBg {
	top:96%;
}
.yabNavInfo {
	margin:0 auto;
	padding-left:28.5%;
}
.tabs .swiper-slide {
	text-align:center;
	font-size:14px;
	color:#fff;
	width:133px!important;
	height:40px!important;
	line-height:40px;
}
.tabsItemFirset {
	background-color:#fe83b1;
	position:relative;
}
.tabsItemTwo {
	background-color:#fec2c4;
	position:relative;
}
.tabsItemThree {
	background-color:#bddd78;
	position:relative;
}
.tabsItemFour {
	background-color:#66bbf4;
	position:relative;
}
.trigonBox {
	position:absolute;
	bottom:0;
	width:0;
	height:0;
	border-bottom:10px solid white;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	display:none;
}
.active {
	display:block;
}
.yabTitle {
	font-size:40px;
	color:#995d51;
	text-align:center;
	padding:36px 0 36px 0;
}
.yabDesc {
	font-size:16px;
	color:#333;
	line-height:25px;
	text-align:left;
	padding:0 70px 0 70px;
}
.yabImgBox {
	width:574px;
	margin:70px auto 20px auto;
}
.yabImgBoxOther {
	margin:20px 70px;
}
.contentBgWmBg {
	background-color:white;
}
.slidecz {
	position:relative;
}
.slideczContent {
	width:1000px;
	height:2429px;
	background:url("../img/yab_czbg_01.png") top no-repeat;
	background-size:100% 100%;
	position:relative;
	margin:50px auto 0;
}
.slideContactContent {
	width:1000px;
	background:url("../img/yabcontactBg_01.png") top no-repeat;
	background-size:100% 100%;
	position:relative;
	margin:50px auto 0 auto;
}
.noContentBox {
	width:100%;
	height:50px;
	background-color:white;
}
.slidecz .noContentBox {
	background-color:#fbf1f1;
}
.swiperSlideLx .noContentBox {
	background-color:#f0ffd0;
}
.slideczContent {
	overflow:hidden;
}
.slideczContent::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yabzc_left {
	text-align:right;
	width:44%;
	float:left;
}
.yabzc_right {
	text-align:left;
	width:43.5%;
	float:right;
}
.yabzcImg {
	width:226px;
	margin-left:auto;
	margin-top:5px;
}
.yabzcRightImg {
	width:226px;
	margin-right:auto;
	margin-top:5px;
}
.yabzc_left .yabzcTitle:first-child {
	margin-top:78px;
}
.yabzcTitle {
	font-size:24px;
	color:#995d51;
	margin-top:88px;
}
.yabzcTitleWl {
	margin-top:92px!important;
}
.yabzcDescInfo {
	font-size:14px;
	color:#995d51;
	margin-top:10px;
}
.yabzcTitleOther {
	margin-top:30px;
}
.yabzcTitleNoimgOther {
	margin-top:25px;
}
.yabzcTitleOtherbig {
	margin-top:246px;
}
.yabzcTitlelast {
	margin-top:46px;
}
.yabzcTitleOhterrr {
	margin-top:82px!important;
}
.yabzcTitleRightTop {
	margin-top:212px;
}
.yabzcTitleRightOther {
	margin-top:0;
}
.yabzcTitleRightOtherOther {
	margin-top:126px;
}
.yabzcTitleRightOtherDet {
	margin-top:15px;
}
.yabzcTitleRightNoimgDe {
	margin-top:60px!important;
}
.yabzcTitleRightNoimgDed {
	margin-top:65px!important;
}
.yabzcTitleRightNoimg {
	margin-top:42px;
}
.yabzcTitleRightTemp {
	margin-top:145px;
}
.yabzcOtherRight {
	margin-top:20px;
}
.yabzcRightFiveOther {
	margin-top:60px;
}
.slidezbContent {
	width:1000px;
	margin:50px auto 0 auto;
}
.recruitmentBox {
	overflow:hidden;
}
.recruitmentBox::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.recruitmentItem {
	width:30%;
	height:360px;
	float:left;
	position:relative;
	margin-bottom:20px;
}
.recruitmentItemTitle {
	text-align:center;
	font-size:24px;
	color:#333;
	margin-bottom:20px;
	margin-top:20px;
}
.recruitmentItemDescribe {
	font-size:14px;
	color:#333;
	margin-top:10px;
}
.recruitmentItem:nth-child(2),.recruitmentItem:nth-child(6),.recruitmentItem:nth-child(10) {
	margin-left:45px;
	margin-right:45px;
	margin-bottom:20px;
}
.btn_recruitmentInfo {
	font-size:16px;
	color:#bddd78;
	width:76px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #bddd78;
	background-color:white;
	border-radius:10px;
	border-radius:15px;
	position:absolute;
	bottom:5px;
	left:5px;
	cursor:pointer;
}
.boderLine {
	border-bottom:1px dashed #e9e9e9;
	float:left;
	width:100%;
}
.yabContentItem p {
	text-align:center;
	font-size:16px;
	color:#333;
	margin-top:15px;
}
.yab_formapBg {
	width:1000px;
	margin:40px auto;
	border-radius:10px;
	text-align:center;
}
.tabs-containerOther {
	height:1400px!important;
}
.yab_formapBg img {
	border-radius:10px;
	width:1000px;
	height:400px;
}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {
	background:#fff;
}
#fp-nav ul li a span,.fp-slidesNav ul li a span {
	border:3px solid #7a8ee2!important;
}
.yabJoin_gy,.yabJoin_ys,.yabJoin_applyfor,.yabJoin_support {
	position:relative;
	margin:0 auto;
}
.bottomLeft,.bottomRight,.topRight,.applyforBottomLeft,.joinTopLeft,.joinTopRight,.joinBottomLeft,.joinBottomRirht {
	position:absolute;
	width:30px;
	height:30px;
}
.joinTopLeft {
	top:-10px;
	left:-10px;
}
.joinTopRight {
	top:-10px;
	right:-10px;
}
.joinBottomLeft {
	bottom:-15px;
	left:15px;
}
.joinBottomRirht {
	bottom:-15px;
	right:20px;
}
.applyforBottomLeft {
	left:-10px;
	top:-10px;
}
.bottomLeft {
	bottom:-15px;
	left:-10px;
}
.topRight {
	top:-10px;
	right:20px;
}
.bottomRight {
	bottom:-10px;
	right:-10px;
}
.yabJoin_gy {
	height:488px;
	background:url("../img/joinYab_ContentBg_01.png") center no-repeat;
	background-size:1000px 488px;
}
.yabJoin_ys {
	width:1000px;
	height:658px;
	background:url("../img/joinYab_ContentBg_02.png") center no-repeat;
	background-size:1000px 658px;
}
.yabJoin_applyfor {
	width:1000px;
	height:527px;
	background:url("../img/joinYab_ContentBg_03.png") center no-repeat;
	background-size:1000px 527px;
}
.yabJoin_support {
	width:1000px;
	height:288px;
	background:url("../img/joinYab_ContentBg_04.png") center no-repeat;
	background-size:1000px 288px;
}
.yabJoinContentBox {
	margin-top:50px;
}
.yabJoinContentBoxOther {
	margin-top:60px;
}
.yabJoinContentBoxOther {
	overflow:hidden;
}
.yabJoinContentBoxOther::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.userInfoItemBox {
	padding-top:10px;
}
.yabJoinapplyItemTitle,.yabJoinsupporttemTitle {
	font-size:18px;
	color:#333;
	text-align:center;
	margin-top:30px;
}
.yabJoinsupporttemDescribe {
	font-size:18px;
	color:#282828;
	text-align:center;
	margin-top:20px;
}
.yabJoinapplyItem {
	width:90%;
	margin:0 auto;
	margin-left:10%;
}
.yabJoin_ysItem {
	margin-top:40px;
	height:114px;
}
.yabJoin_ysItemOther {
	margin-top:100px;
}
.yabJoin_ysItemTitle {
	font-size:18px;
	color:#333;
	padding-bottom:15px;
	padding-left:50px;
}
.yabJoin_ysItemDescrible {
	font-size:14px;
	color:#333;
	line-height:22px;
	padding-left:50px;
}
.yabJoin_ysItemDescribleOther {
	width:92%;
}
.tel {
	font-size:22px;
	color:#62d430;
}
.yabJoin_ysleft,.yabJoin_ysright {
	width:260px;
	float:left;
}
.yabJoin_ysright .yabJoin_ysItemTitle,.yabJoin_ysright .yabJoin_ysItemDescrible {
	padding-left:0;
}
.yabJoin_ysMiddle {
	width:400px;
	height:400px;
	float:left;
	background:url("../img/yabJoinContentItemImg_ys.png") center no-repeat;
	background-size:400px 400px;
	margin:0 20px;
}
.yabJoinContentBox {
	overflow:hidden;
}
.yabJoinContentBox::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.yabJoinContentItem {
	width:20%;
	float:left;
	margin-left:15px;
}
.yabJoinContentItem:first-child {
	margin-left:80px;
}
.yabJoinContentItemImg {
	width:80px;
	margin:0 auto;
}
.yabJoinContentItemTitle {
	font-size:18px;
	color:#333;
	text-align:center;
	margin:20px 0;
}
.yabJoinContentItemDescribe {
	font-size:14px;
	color:#333;
	line-height:22px;
	width:70%;
	text-align:left;
	margin:0 auto;
}
.yabJoin_gyTitle {
	font-size:40px;
	color:#333;
	text-align:center;
	padding-top:55px;
}
.yabJoin_gyTitleOne {
	padding-top:55px!important;
}
.contentDynamicBgBox {
	width:100%;
	background-color:#fcf2f4;
	position:relative;
	padding-bottom:150px;
}
.dtImgBox {
	width:100%;
}
.contentItem {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.contentForNav {
	padding-top:110px;
}
.contentForNavOther {
	padding-top:100px;
}
.contentItem {
	overflow:hidden;
}
.contentItem::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.itemforLeft,.itemforRight {
	float:left;
}
.itemforLeft {
	width:180px;
	padding-top:60px;
	margin-right:15px;
}
.itemforRight {
	padding-top:35px;
	border-bottom:1px solid #ffdde6;
	border-left:1px solid #ffdde6;
	position:relative;
}
.contentBox .contentItem:first-child .itemforRight:nth-child(2) {
	padding-top:0;
}
.date_title {
	font-size:38px;
	color:#d22f68;
	text-align:right;
}
.date_info {
	height:60px;
	text-align:right;
	margin-top:15px;
	position:relative;
}
.dateInfoImg {
	width:20px;
	height:20px;
}
.dateInfoImg,.dateInfoSpan {
	vertical-align:middle;
	color:#333;
}
.date_info_left {
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50%;
	border:1px solid #ffdde6;
	background-color:white;
	color:#333;
	text-align:center;
	margin-right:10px;
}
.date_info_right {
	margin-left:auto;
	margin-right:0;
}
.contentDesc {
	width:750px;
	margin-left:49px;
}
.contentDesc>img {
	border-radius:10px;
	-webkit-border-radius:10px;
}
.contentDescTitle {
	font-size:18px;
	color:#333;
	margin:15px 0 15px 0;
}
.contentDescDetail {
	font-size:14px;
	color:#666;
	line-height:22px;
	overflow:hidden;
}
.contentDescDetail::after {
	content:"...";
	color:#666;
	font-size:14px;
}
.btnAllInfo {
	width:133px;
	height:40px;
	line-height:40px;
	background-color:#ffdde6;
	color:#f7557a;
	font-size:18px;
	margin-top:50px;
	border-radius:20px;
	text-align:center;
	margin-left:49px;
	margin-bottom:28px;
}
.btnAllInfo:hover {
	cursor:pointer;
}
.pageNav {
	width:100%;
	height:46px;
	line-height:46px;
	text-align:center;
	padding-left:310px;
	margin-top:100px;
	overflow:hidden;
}
.pageNav::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.btnPrePage,.btnNextPage {
	width:133px;
	height:46px;
	line-height:46px;
	border-radius:20px;
	background-color:#fcf7f8;
	font-size:18px;
	color:#333;
	text-align:center;
	border:1px solid #ffdde6;
	float:left;
}
.btnPrePage {
	margin-right:30px;
}
.btnNextPage {
	margin-left:30px;
}
.pageNum {
	float:left;
	overflow:hidden;
}
.itemNumPage {
	float:left;
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	background-color:#fcf7f8;
	border:1px solid #f7557a;
	color:#333;
	border-radius:50%;
	margin-left:15px;
}
.currentPage {
	color:#f7557a;
	background-color:#ffe7ed;
}
@media(min-width:1440px) {
	.sysBoxTtitle {
	margin-top:30px;
}
.yabNavInfo {
	margin:0 auto;
	padding-left:30%;
}
.softImgItemLj {
	padding-top:80px;
}
}@media(min-width:1600px) {
	.f_contentBox {
	position:absolute;
	width:1000px;
	top:140px;
	left:50%;
	margin-left:-500px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.sysBoxTtitle {
	margin-top:30px;
}
.yabNavInfo {
	margin:0 auto;
	padding-left:32%;
}
.softImgItemLj {
	padding-top:100px;
}
}@media(min-width:1680px) {
	.f_contentBox {
	position:absolute;
	width:1000px;
	top:160px;
	left:50%;
	margin-left:-500px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.sysBoxTtitle {
	margin-top:30px;
}

.yabNavInfo {
	margin:0 auto;
	padding-left:32.5%;
}
.softImgItemLj {
	padding-top:120px;
}
}@media(min-width:1920px) {
	.f_contentBox {
	position:absolute;
	width:1000px;
	top:200px;
	left:50%;
	margin-left:-500px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.sysBoxTtitle {
	margin-top:30px;
}
.quickYabFour {
	margin-left:-548px;
	margin-top:30px;
}
.quickYabThree {
	margin-left:-350px;
	margin-top:-30px;
}


.yabNavInfo {
	margin:0 auto;
	padding-left:34.5%;
}
.softImgItemLj {
	padding-top:150px;
}
}@media(min-width:2560px) {
	.softImgItemLj {
	padding-top:120px;
}
}.dtContainer {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.dtDateBox {
	float:left;
	width:75px;
	height:120px;
	border-radius:10px;
	background:#f7557a;
}
.dtDateBox>p {
	color:#fff;
	text-align:center;
	font-weight:400;
	line-height:42px;
}
.dtDetails {
	float:left;
	width:860px;
	margin-left:65px;
}
.dtDay {
	font-size:36px;
}
.dtMonth,.dtYear {
	font-size:18px;
}
.dtTitle {
	color:#333;
	font-size:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ffe0eb;
}
.attendeeBox {
	padding-top:10px;
	line-height:25px;
}
.attendeeBox div,.attendeeBox p,.attendeeBox span,.attendeeBox table,.attendeeBox {
	background-color:#fcf2f4!important;
}
.dtDescribe {
	font-size:16px;
	color:#4c4c4c;
	line-height:22px;
	text-align:left;
}
.pictureName {
	padding-top:10px;
}
.tdSecondTitle {
	width:100%;
	text-align:center;
	font-size:16px;
	height:60px;
	line-height:60px;
}
.dtShareBox {
	margin:15px 0;
	overflow:hidden;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ffe0eb;
}
.bgOtherWm {
	background-color:#fe83b1;
}
.bgOtherCz {
	background-color:#fbf1f1;
}
.bgOtherZp {
	background-color:#bddd78;
}
.bgOtherLx {
	background-color:#f0ffd0;
}
.shareDate {
	color:#333;
	font-size:18px;
	float:left;
	width:150px;
}
.shareDate>img {
	width:18px;
	vertical-align:middle;
	margin-right:10px;
}
.shareWay {
	display:none;
	float:left;
	font-size:16px;
	color:#333;
	vertical-align:middle;
	height:50px;
	line-height:50px;
}
.shareWay>b {
	font-weight:400;
	position:relative;
	top:-8px;
}
.shareWay>span {
	display:inline-block;
	width:30px;
	margin:10px 0 0 10px;
}
.prevDetails,.nextDetails {
	display:block;
	color:#4c4c4c;
	font-size:16px;
	margin-top:10px;
}
.ellipse {
	-moz-animation:headerEllipse 1s ease-in forwards;
	-webkit-animation:headerEllipse 1s ease-in forwards;
	-ms-animation:headerEllipse 1s ease-in forwards;
	animation:headerEllipse 1s ease-in forwards;
}
.headerLeftMonve {
	-moz-animation:headerLeftMonve 1s ease-in 1s forwards;
	-webkit-animation:headerLeftMonve 1s ease-in 1s forwards;
	-ms-animation:headerLeftMonve 1s ease-in 1s forwards;
	animation:headerLeftMonve 1s ease-in 1s forwards;
}
.headerRightMonve {
	-moz-animation:headerRightMonve 1s ease-in 1s forwards;
	-webkit-animation:headerRightMonve 1s ease-in 1s forwards;
	-ms-animation:headerRightMonve 1s ease-in 1s forwards;
	animation:headerRightMonve 1s ease-in 1s forwards;
}
.rightMonveIpone {
	-moz-animation:rightMonveIpone 1s ease-in 1s forwards;
	-webkit-animation:rightMonveIpone 1s ease-in 1s forwards;
	-ms-animation:rightMonveIpone 1s ease-in 1s forwards;
	animation:rightMonveIpone 1s ease-in 1s forwards;
}
.headerTeacherMonve {
	-moz-animation:headerTeacherMonve 1s ease-in 2.5s forwards;
	-webkit-animation:headerTeacherMonve 1s ease-in 2.5s forwards;
	-ms-animation:headerTeacherMonve 1s ease-in 2.5s forwards;
	animation:headerTeacherMonve 1s ease-in 2.5s forwards;
}
.headerParentMonve {
	-moz-animation:headerParentMonve 1s ease-in 3.5s forwards;
	-webkit-animation:headerParentMonve 1s ease-in 3.5s forwards;
	-ms-animation:headerParentMonve 1s ease-in 3.5s forwards;
	animation:headerParentMonve 1s ease-in 3.5s forwards;
}
.parentMonve {
	-moz-animation:parentMonve 1s ease-in 2.5s forwards;
	-webkit-animation:parentMonve 1s ease-in 2.5s forwards;
	-ms-animation:parentMonve 1s ease-in 2.5s forwards;
	animation:parentMonve 1s ease-in 2.5s forwards;
}
.techerBoxIcoMonve {
	-moz-animation:techerBoxIcoMonve 1s ease-in 3s forwards;
	-webkit-animation:techerBoxIcoMonve 1s ease-in 3s forwards;
	-ms-animation:techerBoxIcoMonve 1s ease-in 3s forwards;
	animation:techerBoxIcoMonve 1s ease-in 3s forwards;
}
.parentBoxIcoMonve {
	-moz-animation:parentBoxIcoMonve 1s ease-in 4s forwards;
	-webkit-animation:parentBoxIcoMonve 1s ease-in 4s forwards;
	-ms-animation:parentBoxIcoMonve 1s ease-in 4s forwards;
	animation:parentBoxIcoMonve 1s ease-in 4s forwards;
}
.growingUpNavBox {
	opacity:1;
}
.f_contentBox {
	opacity:0;
}
.rollIn {
	-webkit-animation-name:rollInOther;
	-moz-animation-name:rollInOther;
	-o-animation-name:rollInOther;
	-ms-animation-name:rollInOther;
	animation-name:rollInOther;
}
.rollRightIn {
	-webkit-animation-name:rollRightIn;
	-moz-animation-name:rollRightIn;
	-o-animation-name:rollRightIn;
	-ms-animation-name:rollRightIn;
	animation-name:rollRightIn;
}
.animate0 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animate1 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.25s;
	-webkit-animation-delay:1.25s;
	-moz-animation-delay:1.25s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animate2 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animate3 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.75s;
	-webkit-animation-delay:1.75s;
	-moz-animation-delay:1.75s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animate4 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animate5 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:2.25s;
	-webkit-animation-delay:2.25s;
	-moz-animation-delay:2.25s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
}
.animated01 {
	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
}
.animated0 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animated1 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.25s;
	-webkit-animation-delay:1.25s;
	-moz-animation-delay:1.25s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animated2 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animated3 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:1.75s;
	-webkit-animation-delay:1.75s;
	-moz-animation-delay:1.75s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animated4 {
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.topLeftLine {
	-moz-animation:topLeftLine 1s ease-in 1.5s forwards;
	-webkit-animation:topLeftLine 1s ease-in 1.5s forwards;
	-ms-animation:topLeftLine 1s ease-in 1.5s forwards;
	animation:topLeftLine 1s ease-in 1.5s forwards;
}
.topLeftHorizontalLine {
	-moz-animation:topLeftHorizontalLine 1s ease-in 2.5s forwards;
	-webkit-animation:topLeftHorizontalLine 1s ease-in 2.5s forwards;
	-ms-animation:topLeftHorizontalLine 1s ease-in 2.5s forwards;
	animation:topLeftHorizontalLine 1s ease-in 2.5s forwards;
}
.topLeftVerticalLine {
	-moz-animation:topLeftVerticalLine 1s ease-in 3s forwards;
	-webkit-animation:topLeftVerticalLine 1s ease-in 3s forwards;
	-ms-animation:topLeftVerticalLine 1s ease-in 3s forwards;
	animation:topLeftVerticalLine 1s ease-in 3s forwards;
}
.topRight_horizontalBox {
	-moz-animation:topRight_horizontalBox 1s ease-in 4s forwards;
	-webkit-animation:topRight_horizontalBox 1s ease-in 4s forwards;
	-ms-animation:topRight_horizontalBox 1s ease-in 4s forwards;
	animation:topRight_horizontalBox 1s ease-in 4s forwards;
}
.topRightVerticalLine {
	-moz-animation:topRightVerticalLine 1s ease-in 5s forwards;
	-webkit-animation:topRightVerticalLine 1s ease-in 5s forwards;
	-ms-animation:topRightVerticalLine 1s ease-in 5s forwards;
	animation:topRightVerticalLine 1s ease-in 5s forwards;
}
@keyframes topLeftLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:0;
	height:65px;
}
}@-moz-keyframes topLeftLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:0;
	height:65px;
}
}@-webkit-keyframes topLeftLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:0;
	height:65px;
}
}@keyframes topLeftHorizontalLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:150px;
	width:350px;
	height:0;
}
}@-moz-keyframes topLeftHorizontalLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:150px;
	width:350px;
	height:0;
}
}@-webkit-keyframes topLeftHorizontalLine {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:150px;
	width:350px;
	height:0;
}
}@keyframes topLeftVerticalLine {
	0% {
	opacity:0;
	left:149px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:149px;
	width:0;
	height:36px;
}
}@-moz-keyframes topLeftVerticalLine {
	0% {
	opacity:0;
	left:149px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:149px;
	width:0;
	height:36px;
}
}@-webkit-keyframes topLeftVerticalLine {
	0% {
	opacity:0;
	left:149px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:149px;
	width:0;
	height:36px;
}
}@keyframes topRight_horizontalBox {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:350px;
	height:0;
}
}@-moz-keyframes topRight_horizontalBox {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:350px;
	height:0;
}
}@-webkit-keyframes topRight_horizontalBox {
	0% {
	opacity:0;
	left:500px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	left:500px;
	width:350px;
	height:0;
}
}@keyframes topRightVerticalLine {
	0% {
	opacity:0;
	right:150px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	right:150px;
	width:0;
	height:36px;
}
}@-moz-keyframes topRightVerticalLine {
	0% {
	opacity:0;
	right:150px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	right:150px;
	width:0;
	height:36px;
}
}@-webkit-keyframes topRightVerticalLine {
	0% {
	opacity:0;
	right:150px;
	width:0;
	height:0;
}
100% {
	opacity:1;
	right:150px;
	width:0;
	height:36px;
}
}@keyframes headerEllipse {
	0% {
	opacity:0;
}
100% {
	opacity:1;
}
}@-moz-keyframes headerEllipse {
	0% {
	opacity:0;
}
100% {
	opacity:1;
}
}@-webkit-keyframes headerEllipse {
	0% {
	opacity:0;
}
100% {
	opacity:1;
}
}@keyframes headerLeftMonve {
	0% {
	opacity:0;
	top:40%;
	right:100%;
}
100% {
	opacity:1;
	top:16%;
	right:10px;
}
}@-moz-keyframes headerLeftMonve {
	0% {
	opacity:0;
	top:40%;
	right:100%;
}
100% {
	opacity:1;
	top:16%;
	right:10px;
}
}@-webkit-keyframes headerLeftMonve {
	0% {
	opacity:0;
	top:40%;
	right:100%;
}
100% {
	opacity:1;
	top:16%;
	right:10px;
}
}@keyframes headerRightMonve {
	0% {
	right:0;
	top:0;
	opacity:0;
}
100% {
	right:56%;
	top:23%;
	opacity:1;
}
}@-webkit-keyframes headerRightMonve {
	0% {
	right:0;
	top:0;
}
100% {
	right:56%;
	top:23%;
	opacity:1;
}
}@-moz-keyframes headerRightMonve {
	0% {
	right:0;
	top:0;
}
100% {
	right:56%;
	top:23%;
	opacity:1;
}
}@keyframes rightMonveIpone {
	0% {
	right:0;
	top:100%;
	opacity:0;
}
100% {
	right:32%;
	top:30px;
	opacity:1;
}
}@-webkit-keyframes rightMonveIpone {
	0% {
	right:0;
	top:100%;
	opacity:0;
}
100% {
	right:32%;
	top:30px;
	opacity:1;
}
}@-moz-keyframes rightMonveIpone {
	0% {
	right:0;
	top:100%;
	opacity:0;
}
100% {
	right:32%;
	top:30px;
	opacity:1;
}
}@keyframes headerTeacherMonve {
	0% {
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	opacity:0;
}
100% {
	transform:translate(165px,-35px);
	-webkit-transform:translate(165px,-35px);
	-ms-transform:translate(165px,-35px);
	-o-transform:translate(165px,-35px);
	-moz-transform:translate(165px,-35px);
	opacity:1;
}
}@-webkit-keyframes headerTeacherMonve {
	0% {
	-webkit-transform:translate(0,0);
	opacity:0;
}
100% {
	-webkit-transform:translate(165px,-35px);
	opacity:1;
}
}@-moz-keyframes headerTeacherMonve {
	0% {
	-moz-transform:translate(0,0);
	opacity:0;
}
100% {
	-moz-transform:translate(165px,-35px);
	opacity:1;
}
}@keyframes headerParentMonve {
	0% {
	transform:translate(0,0);
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	opacity:0;
}
100% {
	transform:translate(-135px,-35px);
	-ms-transform:translate(-135px,-35px);
	-webkit-transform:translate(-135px,-35px);
	-moz-transform:translate(-135px,-35px);
	-o-transform:translate(-135px,-35px);
	opacity:1;
}
}@-webkit-keyframes headerParentMonve {
	0% {
	-webkit-transform:translate(0,0);
	opacity:0;
}
100% {
	-webkit-transform:translate(-135px,-35px);
	opacity:1;
}
}@-moz-keyframes headerParentMonve {
	0% {
	-moz-transform:translate(0,0);
	opacity:0;
}
100% {
	-moz-transform:translate(-135px,-35px);
	opacity:1;
}
}@keyframes parentMonve {
	0% {
	transform:translate(0,0);
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	opacity:0;
}
100% {
	transform:translate(140px,-35px);
	-ms-transform:translate(140px,-35px);
	-webkit-transform:translate(140px,-35px);
	-moz-transform:translate(140px,-35px);
	-o-transform:translate(140px,-35px);
	opacity:1;
}
}@-webkit-keyframes parentMonve {
	0% {
	-webkit-transform:translate(0,0);
	opacity:0;
}
100% {
	-webkit-transform:translate(140px,-35px);
	opacity:1;
}
}@-moz-keyframes parentMonve {
	0% {
	-moz-transform:translate(0,0);
	opacity:0;
}
100% {
	-moz-transform:translate(140px,-35px);
	opacity:1;
}
}@keyframes techerBoxIcoMonve {
	0% {
	transform:translate(-62px,10px);
	-webkit-transform:translate(-62px,10px);
	-ms-transform:translate(-62px,10px);
	-moz-transform:translate(-62px,10px);
	-o-transform:translate(-62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	transform:translate(1px,0);
	-webkit-transform:translate(1px,0);
	-ms-transform:translate(1px,0);
	-moz-transform:translate(1px,0);
	-o-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@-webkit-keyframes techerBoxIcoMonve {
	0% {
	-webkit-transform:translate(-62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	-webkit-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@-moz-keyframes techerBoxIcoMonve {
	0% {
	-moz-transform:translate(62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	-moz-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@keyframes parentBoxIcoMonve {
	0% {
	transform:translate(62px,10px);
	-webkit-transform:translate(62px,10px);
	-ms-transform:translate(62px,10px);
	-moz-transform:translate(62px,10px);
	-o-transform:translate(62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	transform:translate(1px,0);
	-webkit-transform:translate(1px,0);
	-ms-transform:translate(1px,0);
	-moz-transform:translate(1px,0);
	-o-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@-webkit-keyframes parentBoxIcoMonve {
	0% {
	-webkit-transform:translate(62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	-webkit-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@-moz-keyframes parentBoxIcoMonve {
	0% {
	-moz-transform:translate(62px,10px);
	opacity:0;
	width:0;
}
50% {
	width:36px;
}
100% {
	-moz-transform:translate(1px,0);
	opacity:1;
	width:73px;
}
}@keyframes rollInOther {
	0% {
	opacity:0;
	transform:translateX(-200%) rotate(-120deg);
	-ms-transform:translateX(-200%) rotate(-120deg);
	-webkit-transform:translateX(-200%) rotate(-120deg);
	-moz-transform:translateX(-200%) rotate(-120deg);
	-o-transform:translateX(-200%) rotate(-120deg);
}
100% {
	opacity:1;
	transform:translateX(0px) rotate(0deg);
	-ms-transform:translateX(0px) rotate(0deg);
	-webkit-transform:translateX(0px) rotate(0deg);
	-moz-transform:translateX(0px) rotate(0deg);
	-o-transform:translateX(0px) rotate(0deg);
}
}@-moz-keyframes rollInOther {
	0% {
	opacity:0;
	-moz-transform:translateX(-200%) rotate(-120deg);
}
100% {
	opacity:1;
	-moz-transform:translateX(0px) rotate(0deg);
}
}@-webkit-keyframes rollInOther {
	0% {
	opacity:0;
	-webkit-transform:translateX(-200%) rotate(-120deg);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px) rotate(0deg);
}
}@keyframes rollRightIn {
	0% {
	opacity:0;
	transform:translateX(100%) rotate(240deg);
	-ms-transform:translateX(100%) rotate(240deg);
	-webkit-transform:translateX(100%) rotate(240deg);
	-moz-transform:translateX(100%) rotate(240deg);
	-o-transform:translateX(100%) rotate(240deg);
}
100% {
	opacity:1;
	transform:translateX(0px) rotate(0deg);
	-ms-transform:translateX(0px) rotate(0deg);
	-webkit-transform:translateX(0px) rotate(0deg);
	-moz-transform:translateX(0px) rotate(0deg);
	-o-transform:translateX(0px) rotate(0deg);
}
}@-moz-keyframes rollRightIn {
	0% {
	opacity:0;
	-moz-transform:translateX(100%) rotate(240deg);
}
100% {
	opacity:1;
	-moz-transform:translateX(0px) rotate(0deg);
}
}@-webkit-keyframes rollRightIn {
	0% {
	opacity:0;
	-webkit-transform:translateX(100%) rotate(120deg);
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px) rotate(0deg);
}
}.animatedYab {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration-duration:1s;
	animation-delay:0s;
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animatedList0 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	-moz--animation-delay:1s;
	-webkit-animation-fill-mode:forwards;
	-moz--animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
.animatedList1 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animatedList2 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
.animatedList3 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animatedList4 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animatedYabLeft {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
	-moz-animation-delay:.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
}
.animatedYabImg {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-moz-animation-duration:1s;
	animation-delay:.8s;
	-moz-animation-delay:.8s;
	-webkit-animation-delay:.8s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	opacity:1;
}
.yab_superiority_wx:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.yabJoinContentItem:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.yab_superiority_yj:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.yab_superiority_fw:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.yab_superiority_wz:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.yab_superiority_sb:hover img {
	transform:rotatex(180deg);
	-webkit-transform:rotatey(180deg);
	-moz-transform:rotatey(180deg);
	-ms-transform:rotatey(180deg);
	-o-transform:rotatey(180deg);
}
.jp-video-360p {
	width:800px!important;
}
.jp-toggles button {
	float:left!important;
}
.jp-controls-holder {
	width:100%!important;
}
.jp-video .jp-toggles {
	right:0!important;
	width:30px!important;
	margin-top:0;
}
.jp-interface {
	background-color:#494c55!important;
}
.jp-video .jp-type-single .jp-controls {
	margin-left:49%!important;
}
.jp-volume-bar {
	height:3px!important;
	background:none!important;
	background:#3f4149!important;
	width:66px!important;
	top:8px!important;
}
.jp-mute,.jp-volume-max {
	width:15px!important;
	height:20px!important;
}
.jp-seek-bar {
	height:3px!important;
	background:none!important;
	background:#989898!important;
}
.jp-play-bar {
	height:3px!important;
	background:none!important;
	background:#1a9eff!important;
}
.jp-volume-bar-value {
	height:3px!important;
	background:none!important;
	background:#1b9dff!important;
}
.jp-video .jp-progress {
	height:3px!important;
}
.jp-audio,.jp-audio-stream,.jp-video {
	border:none!important;
}
.jp-video .jp-interface {
	border-top:none!important;
}
.jp-current-time {
	color:#e3e3e3!important;
	font-size:14px!important;
	font-style:normal!important;
}
.jp-controls-holder {
	top:-11px!important;
}
.jp-toggles button {
	width:20px!important;
	height:20px!important;
}
.jp-full-screen {
	margin-left:0!important;
}
.jp-video-play-icon {
	width:88px!important;
	height:88px!important;
	margin-left:-35px!important;
	margin-top:-100px!important;
	background:url(../img/btn_video.png) 0 0 no-repeat!important;
}
.jp-mute {
	background:url(../img/btn_videoVolume.png) 0 0 no-repeat!important;
}
.jp-state-muted .jp-mute:focus {
	background:url(../img/btn_videoCloseVolume.png) 0 0 no-repeat!important;
}
.jp-play {
	background:url(../img/btn_videoPlay.png) 0 0 no-repeat!important;
}
.jp-state-playing .jp-play:focus {
	background:url(../img/btn_videoPause.png) 0 0 no-repeat!important;
}
.jpstateplaying {
	background:url(../img/btn_videoPause.png) 0 0 no-repeat!important;
}
.jp-full-screen {
	background:url(../img/btn_videoScale.png) 0 0 no-repeat!important;
}
.jp-full-screenFullPage {
	background:url(../img/btn_videoScale_01.png) 0 0 no-repeat!important;
}
.nav_ItemLi:nth-child(2),.nav_ItemLi:last-child {
	margin-left:30px;
}
.f_contentBox_rightIe {
	margin-left:80px;
	opacity:1!important;
}
.f_contentBox_left_otherIe {
	margin:0 0 0 75px;
	opacity:1!important;
}
.f_contentBox_left_otherIe9 {
	opacity:1!important;
}
.topLeftLineIe {
	left:500px;
	width:0;
	height:65px;
	opacity:1!important;
}
.topRight_horizontalBoxIe {
	left:500px;
	width:350px;
	height:0;
	opacity:1;
}
.topLeftHorizontalLineIe {
	left:150px;
	width:350px;
	height:0;
	opacity:1!important;
}
.topLeftVerticalLineIe {
	left:149px;
	width:0;
	height:36px;
	opacity:1!important;
}
.topRightVerticalLineIe {
	right:150px;
	width:0;
	height:36px;
	opacity:1!important;
}
.connectImgBoxIe {
	margin-left:50px;
	margin-right:50px;
	opacity:1!important;
}
.navTabItemIe {
	margin:20px 90px;
	opacity:1!important;
}
.imgSlideIe {
	margin-left:-371px;
	opacity:1!important;
}
.xpOtherImgIe {
	top:20px;
	width:150px;
	opacity:1!important;
}
.sxtOtherImgIe {
	width:190px!important;
	top:120px;
	left:-138px;
	opacity:1!important;
}
.cwqOtherImgIe {
	width:95px!important;
	left:270px;
	top:-70px;
	opacity:1!important;
}
.kqjOtherImgIe {
	width:260px!important;
	top:80px;
	opacity:1!important;
}
.jskOtherImgIe {
	width:200px!important;
	top:35px;
	opacity:1!important;
}
.kqjOtherImgTwoIe {
	width:150px!important;
	top:10px;
	left:18px;
	opacity:1!important;
}
.swiperBoxItemOtherIe {
	margin-right:15px;
	margin-left:15px;
	opacity:1!important;
}
.areaBox {
	float:left;
}
.userInfoItem {
	overflow:hidden;
}
.userInfoItem::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.areaBox {
	height:40px;
	overflow:hidden;
}
.btnSubmit {
	margin:30px auto;
	text-align:center;
	padding-right:115px;
}
.areaBox::after {
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
.select {
	padding:0 10px;
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:5px;
	margin-left:10px;
	float:left;
	height:40px;
	line-height:40px;
	position:relative;
	cursor:pointer;
}
.select select {
	width:175px;
	font-size:14px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	background:url("../img/arrow_down2.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:12px;
	line-height:30px;
	height:29px;
	outline:none;
	border:none;
	margin-top:-5px;
}
.userInfoItemIe {
	margin-left:0;
	padding-left:220px;
}
.areaBoxIe {
	width:540px;
}
.inputIe {
	height:38px!important;
	line-height:38px!important;
}
.currentItemIe {
	margin-left:10px;
}
.page {
	margin-top:30px;
	float:right
}
.page li {
	float:left;
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	background-color:#fcf7f8;
	border:1px solid #f7557a;
	color:#333;
	border-radius:50%;
	margin-left:15px;
}
.clear {
	both:clear
}
.syy {
	width:133px !important;
	height:46px;
	line-height:46px;
	border-radius:40px !important;
	border:1px solid #ffdde6 !important;
	margin-right:50px;
	font-size:18px !important;
}
.xyy {
	border-radius:40px !important;
	border:1px solid #ffdde6 !important;
	margin-left:80px;
	font-size:18px!important;
	width:133px !important;
	height:46px;
	line-height:46px;
}
.page a {
	font-size:18px !important;
	color:#666;
}
.page li:hover {
	color:#f7557a;
	background-color:#ffe7ed;
}

        .carousel-wrap{
            height: 650px;
            padding-top: 55px;
        }
        .carousel-wrap .swiper-slide{
            display: block;
            height: 100%;
            background-position: center 0;
            background-repeat: no-repeat;
        }
        .C-li{
            float: right;
        }
        body img.nav-logo{
            width: auto;
            height: 52px !important;
            margin-top: 10px;
        }