.wrap{max-width:1535px;margin-left:auto;margin-right:auto;}  
.header{position:fixed;left:0;top:0;width:100%;height:80px; background:#fff;box-shadow:0 4px 16px rgba(35,35,35,0.16); z-index:999; transition:all 0.3s; z-index: 999;}
.header .wrap{height:100%;display: flex;align-items: center;} 
.logo{margin-right:30px;flex-shrink: 0;} 
.header_right{flex:1;height:100%;display: flex;align-items: center;}
.mainMenu .item{float:left;padding:0 28px;position:relative;}
.mainMenu .item a.mNav{display:inline-block; font-size:14px; position: relative;}
.mainMenu .item a.mNav:after{width:8px;height:8px;border-left:1px solid #bbb;border-bottom:1px solid #bbb;content:''; position: absolute;bottom:-16px;left:50%;margin-left:-3px;transform:rotate(135deg);display:none;}
.mainMenu .subMenu{ background:#fff;width:100%;height:280px; position:fixed;left:0;top:80px; box-shadow:0 4px 10px rgba(60, 64, 67,0.12);border-top:1px solid #e5e5e5;overflow: hidden;display: none; } 
.mainMenu .item.active .subMenu.active{display: flex;  }
.mainMenu .subMenu .subLeft{width:50%;float:left;border-right:1px solid #e5e5e5;padding:60px 5.2% 60px 3.64%;}
.mainMenu .subMenu .subRight{width:50%;float:left;padding:60px 5.2% 60px 3.64%; }
.mainMenu .subMenu .subLeft .subTit{text-align: right;}
.mainMenu .subMenu .subRight .subNav a{display: block;color:#5F6368;margin-bottom:0.75em;position: relative;}
.mainMenu .subMenu .subRight .subNav a:hover{color:#4285f4;}
.mainMenu .subMenu .subRight .wxCode{width:120px;border:1px solid #e0e0e0; position: absolute;left:140px;top:5px;display: none;}
.mainMenu .subMenu .subRight .subNav a:hover .wxCode{display: block;}
.mainMenu .item:hover a.mNav,.mainMenu .item.active a.mNav{ color:#4285f4;} 
.mainMenu .item:hover a.mNav:after,.mainMenu .item.active a.mNav:after{display:block;  } 
.mainMenu .arrow{display: none;}
.mobileLogo{display: none; position: fixed;left:-100%;top:20px;width:300px;padding:0 1em;z-index: 1000;transition:0.2s all;} 
.mobileLogo img{width:120px;}
.searchBox{width:32%;height:48px;right:0;top:50%;margin-top:-24px; z-index: 20;transition:width 0.5s;}
.searchBar {width:100%;border:1px solid #eeeeee;border-radius: 4px;background:#fff url(../images/search.png) no-repeat 96% 50%;padding:0 45px 0 30px;position: relative;z-index: 12;}
.searchBar input{width:100%;padding:10px 0;line-height: 24px;font-size:14px;} 
.searchClose{width:45px;height:45px;display: none;align-items: center;justify-content: center; cursor:pointer; right:0;top:0; z-index: 15;}
.searchBox.active{width:100%;}
.searchBox.active .searchBar{padding-left:65px;background-position: 16px 50%;}
.searchBox.active .searchClose{display: flex;}

#suggestions-container{width:100%;position: absolute;left:0;top:45px;z-index:10;}
.autocomplete-suggestions {width:100%!important; border: 1px solid #eee; background: #fff; cursor: default; overflow: auto; box-shadow:0 4px 12px rgba(60, 64, 67,0.15);padding:10px 45px 10px 65px;color:#909090;font-size:14px; }
.autocomplete-suggestion {display:inline-block; margin:10px 28px 10px 0;  overflow: hidden; cursor:pointer;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected {color:#4285F4;}
.autocomplete-suggestions strong {font-weight: normal; color: #4285F4; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.hotKeywords{width:100%!important; border: 1px solid #eee; background: #fff; cursor: default; overflow: auto; box-shadow:0 4px 12px rgba(60, 64, 67,0.15);padding:15px 45px 15px 65px;color:#909090;font-size:14px; display:none;}
.hotKeywords .hotTit{color:#4285F4;}
.hotKeywords .hotList a{display:inline-block; margin:10px 28px 10px 0;  overflow: hidden; cursor:pointer;}
.hotKeywords .hotList a:hover{color:#4285F4;}


.btn_more{display:inline-block;min-width:125px;width:fit-content;/*height:42px;*/line-height:1;text-align:center;font-size:16px;font-weight: 300;background:#4385f5;padding:12px 30px;border-radius:4px; position: relative;overflow:hidden; }
.btn_more span{display: inline-block;vertical-align: middle;}
.come_soon{background:#ccc;color:#5f6368;cursor:default;}
.banner{padding:30px 0 0;}
.banner .swiper-slide .wrap{display: flex; align-items: center; justify-content: space-between;flex-direction: row-reverse;} 
.banner .swiper-slide .img{width:48.85%; }
.banner .swiper-slide .img a{display:block;}
.banner .swiper-slide .img img{width:100%;} 
.inbanner .imgCursor {position: absolute;z-index: 100;display: none;}
.inbanner .imgCursor img{width:22px;margin-right:7px;vertical-align: bottom;}
.ban_txt{width:45%; }  
.ban_txt .tit2{line-height: 1.57;word-break: break-word;} 
.ban_info .item{margin:4px 0;}
.ban_info .item img{width:16px;margin-right:8px;vertical-align: -3px;}
.ban_info .item span{color:#202124;font-size:16px;}
 
.banner .swiper-pagination{width:100%; bottom:20px;position: static;margin-top:20px;  }
.banner .swiper-pagination-bullet{width:16px;height:16px; background:#c9c9c9; opacity: 1; margin:0 8px!important;vertical-align: middle;transform:scale(0.625);transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{background:#4385f5;transform:scale(1);} 
.bannerPop{position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index: 1000; opacity: 0; visibility:hidden;} 
.bannerPop .popClose{background:url(../images/close3.png) no-repeat center;background-size:contain;}
.bannerPop.active{opacity: 1; visibility:visible;}
.bannerPop .banImg{ position: absolute;display:flex;align-items: center;justify-content: center; text-align:center;  z-index:1000;left: 0; top: 0;right:0;bottom: 0; overflow-x: hidden;overflow-y: auto;} 
.bannerPop .banImg img{max-width:90%;max-height: 100%;}
 
.onlineBox{margin-top:80px;}
.crumbs{width:100%;left:0;top:50px;z-index:10;}
.description{color:#5f6368;}

.mainList .item{width:30%;float:left;margin-left:5%;margin-top:5%;border:1px solid #e5e5e5;border-radius: 10px;overflow: hidden;transition: box-shadow .3s linear;cursor: pointer; position: relative;}
.mainList .item:nth-child(3n+1){clear:both;margin-left:0;}
.mainList .item:hover{box-shadow: 0 3px 10px 4px rgba(60, 64, 67,0.15);}
.mainList .item .img img{width:100%;}
.mainList .item .desc{padding:10px 30px 25px;}
.mainList .item .tag{font-size:0;min-height: 23px;}
.mainList .item .tag span{display: inline-block;/*padding:0 9px;height:20px;line-height: 20px;border-radius: 2px;background:#ecf2fe;*/font-size:12px;color:#5f6368;margin:0 5px 5px 0; }
.mainList .item .tag img{max-width: 13px; margin-right:4px;vertical-align: 0;}
.mainList .item .tit{line-height: 1.52;}
.mainList .item .tit:hover{color:#4385f5;}
.mainList .item .operate{display: flex;align-items: center;}
.mainList .item .operate img{max-width:21px; flex-shrink: 0; margin-right:8px;margin-top:-2px;}
.mainList .item .flag{display:inline-block;width:74px;/*height:30px;*/text-align: center;line-height: 1;padding:6px 0;background:#e94335; border-radius: 30px; position:absolute;top:10px;right:10px;font-size:16px;}
.mainList .item .operate .shake{display:inline-block;width:18px;height:15px;background:#fff;border:1px solid #34a855;border-radius: 2px; position: relative; flex-shrink: 0; margin-right:8px;}
.mainList .item .operate .shake span{width:100%;height:100%;display: flex;flex-direction: row;justify-content:center; align-items: center;overflow: hidden; position: relative;}
.mainList .item .operate .shake:before,.mainList .item .operate .shake:after{animation-iteration-count: infinite; animation-direction:alternate;animation-timing-function:linear;animation-duration: 1s;z-index:-1;}
.mainList .item .operate .shake:before{height:16px;border-left:1px solid #34a855;content:'';position: absolute;left:5px;top:-7px; transform:rotate(-30deg);animation-name:shake1;}
.mainList .item .operate .shake:after{height:15px;border-left:1px solid #34a855;content:'';position: absolute;left:9px;top:-6px;transform:rotate(30deg);animation-name:shake2;}
 

/*.nextBoxNew .mainList .item{width:600px;max-width:100%;float:none;margin-left:auto;margin-right:auto;margin-bottom:20px;padding:0 80px;}
.nextBoxNew .mainList .item:hover{box-shadow: none;} 
.nextBoxNew .mainList .item .desc{padding:10px 0 25px; }*/

.nextBoxNew .mainList .item{width:auto;max-width:800px;float:none;margin-left:auto;margin-right:auto;margin-bottom:20px; }
.nextBoxNew .mainList .item:hover{box-shadow: none;} 
.nextBoxNew .mainList .item a{display:block;padding:40px;overflow: hidden; }
.nextBoxNew .mainList .item .img{width:45%;float:right;}
.nextBoxNew .mainList .item .desc{padding:0; overflow: hidden;}
.nextBoxNew .mainList .item .desc .ellipsis-2_3{height:auto;max-height: 3.04em;}
@keyframes shake1{
	0%{
		height:10px; 
		transform:rotate(-10deg);
	}
	100%{
		height:16px; 
		transform:rotate(-30deg);
	}
}
@keyframes shake2{
	0%{
		height:10px; 
		transform:rotate(10deg);
	}
	100%{
		height:15px; 
		transform:rotate(30deg);
	}
}
@keyframes rectangle{0%,100%,80%{height:8px;-webkit-box-shadow:0 0 #34a855;box-shadow:0 0 #34a855;}
40%{height:6px;-webkit-box-shadow:0 -6px #34a855;box-shadow:0 -6px #34a855;}}

.mainList .item .operate .shake em{position:relative;width:2px;height:6px;margin-top:12px;-webkit-animation:rectangle infinite 1s ease-in-out -.2s;-moz-animation:rectangle infinite 1s ease-in-out -.2s;-o-animation:rectangle infinite 1s ease-in-out -.2s;animation:rectangle infinite 1s ease-in-out -.2s;}
.mainList .item .operate .shake em::before{width: 2px;height: 6px;content:''; position: absolute; left:-4px;-webkit-animation:rectangle infinite 1s ease-in-out -.4s;-moz-animation:rectangle infinite 1s ease-in-out -.4s;-o-animation:rectangle infinite 1s ease-in-out -.4s;animation:rectangle infinite 1s ease-in-out -.4s;}
.mainList .item .operate .shake em::after{width: 2px;height: 6px;content:''; position: absolute; right:-4px;-webkit-animation:rectangle infinite 1s ease-in-out;-moz-animation:rectangle infinite 1s ease-in-out;-o-animation:rectangle infinite 1s ease-in-out;animation:rectangle infinite 1s ease-in-out;}
 
.summitBoxNew .img{max-width: 800px;margin:30px auto;}
.reviewBox{padding:60px 0;margin-bottom:60px;background:#fdfdfd;border-top:1px solid #dcdbdb;border-bottom:1px solid #dcdbdb;}
.reviewTit{/*width:142px;height:48px;*/text-align: center;/*line-height: 40px;*/border:1px solid #e5e5e5;background:#f9f8f8;box-shadow: 0 0 12px rgba(60, 64, 67,0.15);border-radius: 12px;padding:6px 20px;top:-24px;left:50%;margin-left:-68px;z-index: 10;}
.reviewList .item{width:32%;float:left;margin-left:2%;margin-bottom:2%;border:1px solid #e5e5e5;border-radius: 10px;background:#fff;overflow: hidden;transition: box-shadow .3s linear;cursor: pointer;}
.reviewList .item:nth-child(3n+1){margin-left:0;}
.reviewList .item a{display: flex;}
.reviewList .item:hover{box-shadow: 0 3px 10px 4px rgba(60, 64, 67,0.15);}
.reviewList .item .img{width:37%;float:left;flex-shrink: 0;}
.reviewList .item .desc{padding:20px 30px;overflow: hidden;flex:1;display: flex;flex-direction: column; justify-content: space-between;}
.reviewList .item .desc .date{display: inline-block;padding:0 3px;width:52px;height:14px;line-height: 12px;border-radius: 2px;background:#e7effe;font-size:14px;color:#5795fd;white-space: nowrap;}
.reviewList .item .desc .date img{width: 12px; margin-right:4px;vertical-align: 0;}
.reviewList .item .desc .tit{line-height: 1.52;margin:20px 0;}
.reviewList .item .desc .tit:hover{color:#4385f5;}

.lecturerList .item{width:21.4%;float:left;margin-left:4.8%;margin-top:4.8%;cursor: pointer;}
.lecturerList .item:nth-child(4n+1){clear:both;margin-left:0;}
.lecturerList .item .img{margin:0 auto;width: 238px;height:238px;border-radius: 100%;overflow: hidden;border:1px solid #e8e8e8;transition: box-shadow .3s linear;}
.lecturerList .item a:hover .img{box-shadow: 0 0 16px 4px rgba(60, 64, 67,0.16);}
.lecturerList .item a:hover .tit{color:#4285f4;text-decoration: underline;}
.lecturerList .item .tit,.lecturerList .item .txt{word-break: break-word;}
.maskBg{width:100%;height:100%;background:rgba(0,0,0,0.5);position: fixed;left:0;top:0;z-index: 999;display: none;}
.lecturerPop{width:61.82%;background:#fff;padding:65px;position: fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index: 1000;display: none;}
.lecturerPop:after{background-image: linear-gradient(90deg, #ea4335, 30%, #4285f4 25%, 65%, #34a853 65%, 80%, #fbbc05 75%);bottom: 0;left: 0;height: 4px;position: absolute;content:'';width: 100%;}
.popClose{width:30px;height:30px;position: absolute;right:14px;top:14px;cursor: pointer;z-index: 1001;} 
.lecturerPop .img{width: 238px;height:238px;border-radius: 100%;overflow: hidden;border:1px solid #e8e8e8;margin-right:60px;} 
.popContent{height: 80vh;overflow-y:auto;}
.popRight .content .desc{padding:30px 0;border-top:1px solid #e5e5e5;}
.popRight .desc{line-height: 1.52; overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.popRight .desc p{margin-top:1em;}
.popRight .desc p:nth-of-type(1){margin-top:0;}
.classList ul{overflow: hidden;border-top:1px solid #e5e5e5;}
.classList li{margin-top:50px;}
.classList li a{display: block;padding-left:36px;background:url(../images/class.png) no-repeat 0 3px;}
.classList li a:hover{background-image:url(../images/class1.png);color:#4285f4;}
.classList li .date{padding-left:36px;}
.scrollbar::-webkit-scrollbar-thumb{width:3px; background-color:#ccc; height:50px;   -webkit-border-radius:4px;margin-right:10px; }
.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ccc;height:50px; }
.scrollbar::-webkit-scrollbar{width:3px;height:3px;}
.scrollbar::-webkit-scrollbar-track-piece{background-color:#f8f8f8;-webkit-border-radius:0;}
.scrollbar::-webkit-scrollbar-thumb:active{height:50px;background-color:#000; }


.pageBox ul{text-align: center;}
.pageBox li{display: inline-block; vertical-align: middle;margin:0 8px;}
.pageBox li a{display:inline-block;font-size:21px;color:#7e7e7e;font-family: "en";}
.pageBox li span{display:inline-block;color:#7e7e7e;vertical-align: top;line-height: 1;}
.pageBox li a:hover,.pageBox li a.active{color:#4385f5;text-decoration: underline;}
.pageBox li a.page_prev{ padding-right:20px;background:url(../images/prev.png) no-repeat right center;font-size:18px;}
.pageBox li a.page_next{ padding-left:20px;background:url(../images/next.png) no-repeat left center;font-size:18px;}
.pageBox li a.page_prev:hover{background-image:url(../images/prev1.png);}
.pageBox li a.page_next:hover{background-image:url(../images/next1.png);}

.nodata{text-align: center;padding:100px 0;}
.nodata img{width:160px;}
  
.footer{background:#f5f5f5;padding:28px 0;}  
.copyright,.copyright a{color:#959393;} 

.classBox{position: relative;width:100%;height:0;padding-bottom:45%;overflow: hidden; }
.classBox iframe{position: absolute;width:100%;height:100%;left:0;top:0;}
.liveTitle .date{width:174px;height:35px;line-height:34px;float:left;margin-right:1px;background:#eeeeee;text-align: center;}
.liveTitle .content{height:35px;line-height:34px;background:#eeeeee;overflow: hidden;padding-left:50px;}
.liveList .item{display:flex;}
.liveList .item .time{width:174px;text-align: center;flex-shrink: 0;}
.liveList .item .desc{flex:1;padding-left:50px;padding-bottom:40px;border-left:1px solid #699df7; position: relative;}
.liveList .item .desc:before{width:24px;height:24px;background:#fff url(../images/clock.png) no-repeat center;content:'';position: absolute;left:-12px;top:0;}
.liveList .item ul li{margin-bottom:10px;}
.liveList .item ul li span{font-weight: bold;padding-right:15px;}
.loginBox{padding:30px 0;}
.loginBox .wrap{max-width: 1040px;}
.formContent{border:1px solid #dcdcdc;padding:50px 160px 60px;}
.formLogo{max-width:180px;margin:0 auto;}
.loginBox .formBox{max-width:575px;margin-top:50px;margin-left:auto;margin-right:auto; }
.formBox .item{height:42px;background:#fcfcfc;border:1px solid #dcdcdc;border-radius: 4px;padding:0 20px;display:flex;position: relative;margin-bottom:40px;}
.formBox .item .icon{width:25px;flex-shrink: 0;margin-right:10px;}
.formBox .item .icon img{margin-top:7px;}
.formBox .item .input{flex:1;}
.formBox .item .input input{width:100%;height:100%;padding:8px 0;}
.formBox .item .require{font-size:18px;color:#eb1010; position: absolute;left:-20px;top:10px;}
.formBtn button{display:block;width:125px;height:40px;background:#4385f5;border-radius:4px;margin:0 auto;} 
.formAgree label{display:block;overflow: hidden;cursor: pointer;color:#999;}
.formAgree input{margin-right:14px;float:left;cursor: pointer;}
.formAgree span{display: block;overflow: hidden;}
.formAgree a{color:#4385f5;}
.formAgree a:hover{text-decoration: underline;}
.mgc{position:relative;width:20px;height:20px;background-clip:border-box; vertical-align:text-bottom;border-radius:100%;-webkit-transition:background-color .25s;transition:background-color .25s;background-color:#fff;border:1px solid #4385f5;}
.mgc:checked:after{content:'';display:block;height:7px;width:10px;border:0 solid #333;border-width:0 0 2px 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:4px;left:4px}
.mgc:disabled{opacity:.65}
.mgc:focus{outline:none; }
.mgc:checked{background-color:#4385f5;  }
.mgc:checked:after{border-color:#fff}
.form-hint{position:absolute;left:0;top:115%;  z-index:99;  }  
.form-hint-text{color:#ff0000;font-size:14px;}  

.floatBox{position: fixed;right:0;top:45%; z-index: 990; transition:top 0.3s;}
.btnWechart{width:120px;height:60px;background:#34a855;border-radius: 4px;padding:10px 12px;display: flex;align-items: center;justify-content: center;cursor:pointer;box-shadow: 0 3px 10px 4px rgba(60, 64, 67,0.15);}
.btnWechart img{width:30px;}
.btnWechart span{padding-left:8px;font-size:14px;white-space: nowrap;}
.floatCon{width:355px;border-radius:6px;overflow:hidden; border:1px solid #eeeeee; box-shadow: 0 3px 10px 4px rgba(60, 64, 67,0.15); cursor:pointer; position: absolute;right:0;top:0;display: none;}
.floatCon_t{height:53px;padding:8px 24px;background:#65cd83;display:flex;align-items: center;}
.floatCon_t img{width:37px;margin-right:11px;}
.floatCon_m{display: flex;background:#fbfbfb;}
.floatCon_m ul{flex:1;padding:5px 0;}
.floatCon_m ul li a{padding:13px 24px;display: flex;align-items: center;}
.floatCon_m ul li img{max-width: 23px;margin-right:16px;}
.floatCon_m ul li span{color:#333;}
.floatCon_m ul li:nth-child(2){background:#f5f5f5;}
.floatCon_m .weChart{width:154px;padding:15px 24px;flex-shrink: 0; }
.floatCon_m .weChart span{display: block;text-align: center;margin-top:10px;}
.floatCon_b{height:48px;line-height: 48px;text-align: center;background:#f5f5f5;font-size:14px;color:#7f7e7e;}
 @media only screen and (max-width:1600px) { 
    .wrap{max-width: 1300px;}
    .description{max-width: 83%;margin-left:auto;margin-right:auto;}
    .reviewList .item .desc{padding:16px 30px;}
    .reviewList .item .desc .tit{margin:15px 0;}
 }
 @media only screen and (max-width:1440px) { 
	.wrap{max-width: 1200px;}  
	.lecturerList .item .img,.lecturerPop .img{width:180px;height:180px;}
	.lecturerPop{padding:40px;}
	.classList li{margin-top:20px;}
	.classList li .date{margin-top:5px;}
	.popRight .content .desc{padding:20px 0;}
	.lecturerPop .img{margin-right:40px;}  
	 

 }
 @media only screen and (max-width:1200px) { 
	.wrap{margin-left:16px;margin-right:16px;} 
	.mainList .item{width:31%;margin-left:3.5%;margin-top:3.5%;}
	.crumbs{top:30px;}
	.reviewList .item .desc{padding:12px 20px;}
    .reviewList .item .desc .tit{margin:12px 0;}
	 
 } 
  @media (max-width:1100px) { 
	.mainMenu .item{padding:0 20px;}
	.mainList .item .desc{padding:10px 20px 20px;}
	.reviewList .item .desc{padding:8px 20px;}
	.reviewList .item .desc .tit{margin:10px 0;} 
	.lecturerPop{width:80%;}
	.lecturerList .item .img, .lecturerPop .img{width:120px;height:120px;} 
	.formContent{padding:30px 100px 40px;}
	.classList li a{background-size:20px;background-position: 0 1px;}
	.btnWechart{width:68px;height:auto; padding:8px 5px;display: block;text-align: center;}
	.btnWechart img{width:30px;}
	.btnWechart span{display: block;padding-left:0;font-size:12px;white-space: nowrap;}
	.floatCon{width:320px;}
	.floatCon_m ul li a{padding:12px 15px;}
	.floatCon_m ul li img{max-width: 18px;margin-right:12px;}
	.floatCon_m .weChart{width:120px;padding:10px 15px;}
	.floatCon_m .weChart span{margin-top:5px;}
 	.classBox{padding-bottom:170vh;}
    .onlineBox{margin-top:40px;}
    .nextBoxNew .mainList .item a{padding:30px;}
    .nextBoxNew .mainList .item .desc{padding-top:0;}

  }
  @media (max-width:820px) {  
	 
	.logo{width:120px; } 
	.header{height:50px;top:0;padding-top:0;background:#fff;box-shadow:0 0 1px 1px #eee;}
  	
	.mobileMenu{position:relative;width:24px;height:17px;transition: 0.5s all;margin-right:15px;  }
	.mobileMenu:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid #111;border-bottom:2px solid #111;transition:0.2s all;-webkit-transition:0.2s all;}
	.mobileMenu:after {content:'';position:absolute;top:7px;right:0;left:0;height:2px;overflow:hidden;background:#111;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;}
	.mobileMask{display:none;transition:0.2s all;-webkit-transition:0.2s all;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
	.mainMenu{position:fixed;left:-100%;width:300px;background:#fff;top:0;bottom:0;padding:4em 0 2em;overflow-y:auto;z-index:999;transition:0.2s all;-webkit-transition:0.2s all;-moz-transition:0.2s all;-o-transition:0.2s all;}
	.mobileLogo{display: block;} 
	.header.open .mobileMask{display:block;}
	.header.open .mainMenu{left:0;} 
	.header.open .mobileLogo{left:0;}

	.mainMenu .item{float:none;padding:0;border-bottom:1px solid #e5e5e5;} 
	.mainMenu .item .arrow{display: block;width:30px;height:30px;  position: absolute;right:1em;top:50%;margin-top:-15px;z-index: 10;} 
	.mainMenu .item .arrow:after{ width:6px;height:6px;border-left:1px solid #bbb;border-bottom:1px solid #bbb;content:''; position: absolute;top:50%;left:40%;margin-top:-4px;transform:rotate(-135deg);transition:all 0.3s;}
	.mainMenu .item.hasmenu.on>.arrow:after{transform:rotate(-225deg);}
	.mainMenu .item > a{display:block;width:100%;line-height:4;font-weight:normal;padding-bottom:0;padding: 0 1em;} 
	.mainMenu .item.hasmenu.on>a{color:#4385f5;}
	.mainMenu .subMenu{display:none;position:static;width:100%!important;background:none; transform:translateX(0);-webkit-transform:translateX(0); transition:0s all ease;-webkit-transition:0s all ease;opacity: 1; visibility:visible;top:100%;margin-left:0!important;left:0;}
	.mainMenu .subMenu a{text-align:left; color:#333;padding:0 2em;}
	.mainMenu .item > a{color:#111;} 
	.mainMenu .item.active a.mNav{color:#4385f5; }
	.mainMenu .subMenu {background:#f2f2f2;}  
	.mainMenu .item:hover a.mNav:after, .mainMenu .item.active a.mNav:after{display: none;} 
	.bannerPop .popClose{background-image:url(../images/close1.png);}
	.bannerPop .banImg{top:0;bottom:0;right:-17px;display:block;}
	.bannerPop .banImg img{max-height: none;max-width: 100%;}
	.ban_info .item img{width:2.4vw;vertical-align: 0;margin-right:1.06667vw;}
    .ban_info .item span{font-size:2.66667vw;}
	.searchBox{width:40px;height:40px;}
	.searchBox.active{width:40px;}
	.searchBar{border:none;padding:0;width:40px;height:40px; top:5px;background-size:20px;transition:width 0.3s;}
	.searchBar input{opacity: 0;visibility: hidden;padding:8px 0;}
	.searchBox.active .searchBar{width:calc(100% - 32px); position: fixed; right:16px;border: 1px solid #eeeeee;padding-left:40px;background-position: 10px 50%;}
	.searchBox.active .searchBar input{opacity: 1;visibility: visible;}
	#suggestions-container,.hotKeywords{position: fixed;left:0;right:0;top:50px;}
	.autocomplete-suggestions,.hotKeywords{padding:10px 30px;}
	.autocomplete-suggestion,.hotKeywords .hotList a{margin:5px 15px 0 0;}
	.lecturerList .item{width:30%;margin-left:5%;margin-top:5%;}
	.lecturerList .item:nth-child(4n+1){clear:none;margin-left:5%;}
	.lecturerList .item:nth-child(3n+1){clear:both;margin-left:0;}
	.pageBox li{margin:0 5px;}
	.pageBox li a{font-size:3.73333vw;}
    .pageBox li a.page_prev{padding-right:3vw;}
    .pageBox li a.page_next{padding-left:3vw;}
    .pageBox li a.page_next,.pageBox li a.page_prev{font-size:3.2vw;background-size:2vw;}
	.classBox{padding-bottom:calc(100vh - 100px);}
    .btn_more{min-width:auto;/*height:36px;line-height: 36px;*/padding:2vw 4vw;    border-radius: 0.53333vw;}
    .ban_info .item{margin:2px 0;}
	.reviewList .item{width:100%;float:none;margin-left:0;margin-top:16px;} 
	.reviewList .item .desc{padding:12px 20px;}
	}
 
@media (max-width: 640px) {
	.banner{padding-top:30px;padding-bottom:30px;} 
	.banner .swiper-slide .wrap{display: block;}
	.banner .swiper-slide .img,.banner .swiper-slide .ban_txt{width:100%;float:none;}
	.banner .swiper-slide .ban_txt{margin-top:30px;}
    .banner .swiper-slide .ban_txt .tit1 br{display: none;}
    .banner .swiper-pagination{bottom:0;}
	.banner .swiper-pagination-bullet{width:10px;height:10px;margin: 0 4px!important;}

	.crumbs{top:12px;}
	.mainList .item{width:100%;float:none;margin-left:0;margin-top:16px;} 
	.reviewBox{padding:40px 0;} 
	.lecturerPop{padding:30px 20px;}
	.lecturerList .item{width:48%;margin-left:4%;margin-top:8%;}
	.lecturerList .item:nth-child(4n+1){clear:none;margin-left:4%;}
	.lecturerList .item:nth-child(3n+1){clear:none;margin-left:4%;}
	.lecturerList .item:nth-child(2n+1){clear:both;margin-left:0;}
	.lecturerPop .img{float:none;margin:0 auto 20px;}
	.popRight .tit,.popRight .txt{text-align: center;}
	.popClose{width:24px;height:24px;top:10px;right:10px;}
	.classList li a{background-size:16px;background-position: 0 0;}
	.classList li a,.classList li .date{padding-left:24px;}
	.liveTitle .date,.liveList .item .time{width:100px;} 
	.liveList .item .desc:before{width:16px;height:16px;margin-left:4px;background-size: 100%;}
	.liveTitle .content{padding-left:30px;}
	.liveList .item .desc{padding-left:30px;padding-bottom:30px;}
	.liveList .item .desc .ctit{float:none;margin-bottom:5px;}
	.loginBox{padding:30px 0;}
	.formLogo{max-width: 200px;}
	.formContent{padding:40px 30px;}
	.formBox .item{margin-bottom:35px;padding:0 12px;}
	.footer{padding:16px 0;} 
    .btn_more{font-size:3.2vw;}
    .btnWechart span{font-size:2.66667vw;}
    .mainList .item .date{font-size:2.66667vw;}
    .mainList .item .flag{font-size:3.2vw;width:60px;}
    .popContent{height:auto;max-height: 80vh;}
    .description{max-width: 100%;}
    .nextBoxNew .mainList .item {padding:0;margin-bottom:10px;}
    .nextBoxNew .mainList .item a{padding:0; }
    .nextBoxNew .mainList .item .img{float:none;width:100%;}
    .nextBoxNew .mainList .item .desc{padding:10px 20px 20px}

}