* {
	padding: 0px;
	margin: 0px;
  }
  img {
   user-drag: none;
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
  }
  html,
  body {
	width: 100%
  } 
  .row,
  ul,p {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  
  img {
	vertical-align: middle
  }
  
  .container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
  }
  
  .swiper-pagination-bullet-active {
	 opacity: 1; 
   width:15px;
   height:5px;
   border-radius:10px;
	 background: linear-gradient(to right, #ebba26, #eb0000);
  }
  .page {
	width: 100%; 
	margin: 0 auto;
	overflow: hidden;
	background-color: #f8f9fe;  
  }
  
  .pageF9 {
	background-color: #f9f9f9;
  }
  .content {
	width: 1200px;
	margin: 0 auto;
	position: relative
  }
  
  .content img.img-responsive {
	margin: 0 auto
  }
  
  a,
  a:hover {
	color: #333;
	text-decoration: none;
  }
  
  .banner-box {
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
  }
  
  .carousel-inner>.item>img {
	width: 100%
  }
  
  .row::after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
  }
  .imgCenter{
   height:100%;display:block;position: absolute;left: 50%; right: 50%;  transform:translate(-50%,0%)
  }
  .row {
	zoom: 1;
  }
  
  .over-hidden {
	overflow: hidden;
  }
  
  .transition {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
  }
  
  ul::-webkit-scrollbar {width: 3px;height: 1px;}
  ul::-webkit-scrollbar-track {background: rgba(255,255,255,.3);}
  ul::-webkit-scrollbar-thumb {background: rgba(255,255,255,.5);}
  .overflow-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
  }
  
  .overflow-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  
  .overflow-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
  }
  .overflow-6{ 
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
  }
  .block{
	display:block
  }
  
  
  
  
   
   /*标题*/
   .head-titlebox{
	  color:#000;
	  margin:40px auto;
	  font-size:26px;
	  text-align:center;
   } 
   .head-titlebox .en{
	  color:#878787; 
	  position:relative; 
   }
   
   
   .head-titlebox .title{font-weight:bold;margin:30px auto 20px}
   .head-titlebox .desc-mini{  font-size:15px}
   
   
   .head-titlebox .en::before{position:absolute;content:'';width:80px;bottom:-6px;left:0;height:2px;background:#fce188;right: 0;margin: auto;border-radius:10px}
   .head-titlebox .en::after{position:absolute;content:'';width:45px;bottom:-7px;left:45px;height:3px;background:#3e7dff;border-radius:10px }
   
   
   
   
  /*头部 导航*/
  
  .fkNavBox {
	background:#fff;
	position: relative;  
	box-shadow: 0 0px 5px #e0e0e0;
	z-index:999;
	width:100%; 
	font-size:15px
  }
  .LOGO{
	  height:44px;
	  float:left; 
	  margin:18px auto  ;
	  position: absolute;
    width:1200px;
    left:0;right:0; }
  
  .LOGO img{display: block;height:100%}
  .navBtn .mNavIcon{display:none; 
	padding:12px;
		  height: 50px;
		  position: absolute;
		  top: 0px;
		  right: 15px;}
					
  .navBtn{position:relative}
  .navHeadList{ 
	  float:right; 
  }
  .navHeadList .item{
	  float:left;
	  line-height:60px;
  } 
  .nav_icon{height:24px}
  .navFirstCon .navHeadList{ margin:10px  }
  .navHeadList .item a{
	  padding:0px 20px;display:block;color:#333;}
  .navSecondCon{background:#252c44;} 
  .navHeadList .item{position:relative}
  .navSecondCon .navHeadList .item a{color:#fff} 
  .navSecondCon .navHeadList .item.on{background:#fff;}
  .navSecondCon .navHeadList .item.on a{color:#252c44;}
  
  .navSecondCon .navHeadList .navMiniList{position:absolute;background:#fff;width:100%;top:60px;left:0;z-index:999;box-shadow:0 0 10px rgba(171, 171, 171, 0.5)}
  .navSecondCon .navHeadList .navMiniList .itemSecond a{color:#333;text-align: center;display: block;line-height: 45px;}
  .navSecondCon .navHeadList .item .navMiniList{display:none}
  .navSecondCon .navHeadList .navMiniList .itemSecond:hover{background:#3e7dff;} 
  .navSecondCon .navHeadList .navMiniList .itemSecond:hover a{color:#fff}
  
  .navSecondCon .navHeadList .item:hover .navMiniList{display:block}
  
  #LoginInfo{margin-right:30px}
	  
  .HeadBox{margin:20px auto} 
  .HeadBox .leftcon{float:left;width:23%;margin-right:20px}
  .HeadBox .list{padding:16px;background:#fff;margin-bottom:20px} 
  .HeadBox .list:last-child{margin-bottom: 0;}
  .HeadBox .leftcon .nameBox{font-size:13px;padding-left:60px;position:relative;margin:0 auto 10px}
  .HeadBox .leftcon .nameBox img{display:block;margin-right:20px;height:40px;position:absolute;left:10px;top:0;bottom:0;margin:auto}
  .HeadBox .leftcon .nameBox .name{margin:10px auto 5px;font-size:18px;font-weight: bold; }
  .HeadBox .leftcon .line{width:50%;height:1px;background: #3e7dff;margin:0 auto}
  .HeadBox .leftcon .btnsList.btnsB a{font-size:15px;width:48%;margin:10px auto;margin-right:4%  } 
  .HeadBox .leftcon .btnsList.btnsB a:nth-child(2n){margin-right:0} 
  .HeadBox .leftcon .btnsList.btnsB a:first-child{background: #3e7dff;color:#fff}
  .HeadBox .leftcon .btnsList.btnsS a{font-size:12px;width:31%;margin:10px auto;margin-right:3% }
  .HeadBox .leftcon .btnsList.btnsS a:nth-child(3n){ margin-right:0}
  .HeadBox .leftcon .btnsList a{border-radius:4px;border:1px solid #3e7dff;line-height:2.2;color:#3e7dff;font-size:13px;display:block;text-align:center;float:left; } 
  
  .HeadBox .leftcon .proInfo .item{float:left;width:33%;text-align: center;margin-bottom:20px} 
  .HeadBox .leftcon .proInfo .item a{display: block;}
  
  .HeadBox .leftcon .proInfo .item .imgbox{width:50px;height:50px;margin:5px 13px ;border-radius: 50%;background:#e3ecff}
  .HeadBox .leftcon .proInfo .item .imgbox img{height:100%;display:block;margin:0 auto}
  
  
  .HeadBox .centercon{float:right;width:50%;margin-right:20px; overflow:hidden;height:550px;background:#fff;}
  .HeadBox .centercon .banners{overflow: hidden; position: relative;}
  .HeadBox .centercon .listCon{width:100%;padding:20px;font-size:16px;line-height: 1.5;}
  .HeadBox .centercon .listCon .item{border-bottom:1px solid #dadada;padding:20px 0}
  .HeadBox .centercon .listCon .item a{display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;padding:0px 150px 0px 10px;position:relative;}
  .HeadBox .centercon .listCon .item:hover a{color:#3e7dff}
  .HeadBox .centercon .listCon .item:last-child{border:0}
  .HeadBox .centercon .listCon .item .time{position:absolute;right:0px;top:0px;bottom:0;margin:auto}
  
  #zhijian a{display: block;line-height: 1.5;margin-top:5px;
    padding-left: 18px;font-size:12px;
    cursor: pointer;background: url(../images/safe.jpg) no-repeat left;background-size: 14px 14px;}

  .rightcon {float:right;width:23%;padding:15px;background: #fff; overflow:hidden;height:550px; }
  .rightcon .classInfo{position:relative}
  .rightcon .classInfo .imgbox{width:100%;height:130px;overflow: hidden;}
  .rightcon .classInfo .imgbox img{height:100%;min-width: 100%;}
  .rightcon .classInfo .title{font-weight:bold;font-size:16px;}
  .rightcon .classInfo .teac{font-size:14px;}
  .rightcon .classInfo .goBtn{position:absolute;right:0;bottom: 0px;display:block;width:70px;text-align: center;color:#fff;background:#3e7dff;line-height: 2;border-radius:4px;font-size:12px;}
  
  .rightcon .downInfo .downNav{margin:40px auto 20px;}
  .rightcon .downInfo .downNav .item{cursor: pointer;position:relative;float:left;width:50%; font-size:16px;text-align: center;}
  .rightcon .downInfo .downNav .item.active{color:#3e7dff;}
  .rightcon .downInfo .downNav .item.active::before{position:absolute;content:'';width:60%;height:2px;bottom:-4px;left:0;right:0;margin:auto;background:#3e7dff; }
  
  .rightcon .downInfo .downCon .item{margin:0 15px;padding:5px 10px;font-size:14px;position:relative} 
  .rightcon .downInfo .downCon .down{height:12px;position:absolute;left:-10px;top:0;bottom:0;margin:auto;}
  .rightcon .downInfo .downCon .down.downloads{left:auto;right:-10px}
  .rightcon .downInfo .downCon .down a{display:block;}
  
  .head-titleboxTwo{margin:20px  0;font-size:20px;font-weight: bold;position:relative}
  .head-titleboxTwo::before{position:absolute;content:'';width:85px;bottom:-6px;left:0;height:2px;background:#fce188;border-radius:10px}
  .head-titleboxTwo::after{position:absolute;content:'';width:50px;bottom:-7px;left:0;height:3px;background:#3e7dff;border-radius:10px}
  
  
  
  .newTabNav{position:relative}
  .newTabNav .navList .item{float:left;font-size:14px;padding:10px 0px; display:block;margin-right:40px;cursor: pointer;font-weight: bold;}
  .newTabNav .navList .item.active{color:#3e7dff}
  .newTabNav .goMore{position:absolute;right:0;top:0;margin-top:-40px}
  
  
  .Course .CourseCon{margin: 0px auto 20px;background: #fff;padding:20px 40px;}
  .Course .courseArea { margin:20px auto}
  .Course .courseArea .item{width:22% ;margin:0px auto 20px;margin-right:4%;float: left;box-shadow: 0 0 10px 10px #dadada;box-shadow:0 16px 18px 11px rgba(0,0,0,.06)} 
/*  .Course .courseArea .item:nth-child(4n){margin-right:0}  */
  .Course .courseArea .item .imgbox{width:100%;height:135px;overflow: hidden;}
  .Course .courseArea .item .imgbox img{height:100%;min-width: 100%;}
  .Course .courseArea .item .textBox{padding:15px;position:relative}
  .Course .courseArea .item .textBox .title{margin:0 auto 10px;font-size:18px;font-weight:bold;}
  .Course .courseArea .item .textBox .teac{ font-size:14px; }
  .Course .courseArea .item .textBox .goBtn{color:#3e7dff;width:100%;display:block;text-align: right; }
  
   
  .News .NewsCon{margin: 0px auto 20px;background: #fff;padding:20px  40px;}
  .News .NewsArea{margin:20px 0 }
  .News .NewsArea .item{float:left;width:48%;margin-right:4%;position:relative;}
  .News .NewsArea .item:nth-child(2n){margin-right:0;}
  .News .NewsArea .item a{    padding: 0px 140px 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 5px auto;}
  .News .NewsArea .item .time{position:absolute;right:0;bottom:0;top:0;margin:auto; height: 20px;color:#999}
  .News .NewsArea .item::before{position:absolute;content:'';width:5px;height:5px;border-radius:50%;background: #3e7dff;left:0;top:0;bottom:0;margin:auto}
  
  .News .listBox{ width:42%;margin-right:16%;float:left}
  .News .listBox:nth-child(2n){margin-right:0;}
  .News .NewsArea.SourceArea  .item{float:none;width:100%;}
  
  
  
  .downConLeft{width:76%;float:left;margin:40px auto }
  .downConLeft .NewsArea .item {width:100%;float:none}
  
  .downConRight{width:22%;float:right;margin:40px auto;background:#fff;padding:10px}
  
  .downConLeft .router{font-size:14px;color:#666;margin-bottom:10px}
  .downConRight .downInfo .title{font-size:16px;font-weight: bold;margin-top:20px;color:#3e7dff;}
  
  
  
  .downArea .item{position:relative;margin-bottom:10px}
  .downArea .title{font-weight: bold;font-size:16px} 
  .downArea .time{color:#666;font-size:14px}
  .downArea .downBtn{width:90px; height: 30px;line-height:30px;font-size:14px;text-align:center;background: #3e7dff;color:#fff;display:block;border-radius:4px;position:absolute;right:0;bottom:0;top:0;margin:auto}
  
  
  .aLinkBox{background:#f1f1f1;padding:5px 0;}
  .aLinkBox .UlList{margin:10px auto}
  .aLinkBox .title{font-size:16px;font-weight: bold;margin:10px auto 15px}
  .aLinkBox .UlList .item{display:block;float:left;margin-right:20px;background:#fff;cursor: pointer;} 
  .aLinkBox .UlList .item a{display: block;padding:10px 20px;}
  .aLinkBox .UlList .item a:hover{background: #3e7dff;color:#fff}
   
   
  
   /*首页-智能在线学习，全程贴心服务*/
   .online{
	 background:#fafafa
   }
   .online .mobile{
	 position:absolute;
	 left:40px;
	 bottom:30px;
   }
   .online .onlineList{
	 width:630px;
	 margin-left:570px;
	 margin-bottom:40px
   } 
   .online .onlineList .item{
	 width:33%;
	 float:left;
	 margin:15px 0 15px;
	 color:#3b3b3b;
	 padding: 25px 35px; 
   } 
   
   .online .onlineList .item:hover{
	 background-color: #fff;
	 box-shadow: 0 0 20px rgba(251, 127 ,1 , .15) ;
	 border-radius: 10px;
   }
   .online .onlineList .item .iconBox{
	 width:100%;height:80px;
	 margin: 0px auto
   } 
   .online .onlineList .item .iconBox img{
	 display: block;
	 margin:0 auto
   }
   .online .onlineList .item .title{
	 text-align: center;
	 font-size:20px;
	 font-weight: bold;
   }
   .online .onlineList .item .desc{
	   font-size:16px;
   }
	
	
	
   /*首页- 真实学员在线反馈，报名就是肯定  */
   .StudentList{
	 margin:40px auto;
   }
   .StudentList .item{
	 position:relative;
	 top:0;
	 margin :30px auto ;
	 position:relative;
	 margin-right:8%;
	 width:46%;
	 border-radius:40px;
	 background-color: #eeeef4;
	 box-shadow:-3px 8px 10px 0 rgba(162, 162, 162 ,.37);
	 padding:60px 55px 40px 135px;
	 float:left
   } 
   .StudentList .item:hover{ 
	 top:-10px;
	 }
   .StudentList .item:nth-child(2n){
	 margin-right: 0;
   }
   .StudentList .item .imgBox{
	 background-color: #f8f8f8;
	 width:90px;
	 height:90px;
	 border-radius:50%;
	 overflow:hidden;
	 position:absolute;
	 left:25px;
	 top:40px; 
   } 
   .StudentList .item .imgBox img{width:100%;display: block;}
   
   .StudentList .item .name{ 
	 font-size:22px;
	 color:#252525;
	 margin-bottom:20px;
   }
   
   .StudentList .item .desc{
	 color:#666666;
	 min-height: 130px;
	 line-height: 1.7;
	 font-size:16px;
   }
   
   .StudentList .item .name .class{
	 text-decoration: underline;
	 font-style:oblique;
	 margin-left:15px
   }
   
   
	/*首页- ，Msg */
	.Msg{ 
	  background:url(../images/msgBg.png)no-repeat center center;
		 
	}
	.Msg .MsgTitle,.Msg .MsgDesc{
	  text-align: center;
	  line-height: 1.5;
	  font-size:45px;
	  color:#fff; 
	} 
	
	.Msg .MsgTitle{
	  margin-top:70px
	}
	.Msg .MsgDesc{
	  font-size:38px;
	  margin-bottom:80px 
	}
	.Msg .MsgForm{
	  margin-bottom:60px
	} 
	.Msg .MsgForm .input{
	  width:40%;
	  margin:20px 5%;  
	  border:2px solid #fff;
	  outline: none;
	  border-radius:4px;
	  background-color: transparent;
	  color:#fff;
	  font-size:20px;
	  float:left;
	  line-height:2;
	  padding:10px 30px;
	}
	.Msg ::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
	}
	.Msg :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	}
	.Msg ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	}
	.Msg :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
	}
	
	.Msg .MsgBtn{
	  display: block;
	  line-height:3;
	  border-radius:4px;
	  width:40%;
	  font-size:24px;
	  color:#333;
	  text-align:center;
	  background-color: #fff;
	  margin:0 auto 80px;
	  font-weight:bold;
	  cursor: pointer; 
	} 
	.Msg .MsgBtn:hover{ 
	  line-height:3.2;
	  font-size:25px;
	  width:42%;
	  box-shadow:0px 4px 10px 0px rgba(0, 0 ,0 , .41 )
	}
	
	
	
	
	
	.zheZhao{
		 display:none;
		 position: fixed;
		 margin: auto;
		 top:0;bottom:0;left:0;right:0;z-index:9999;
		 background:rgba(0,0,0,.5); 
	}
	
	.zheZhao .content{
		 padding:100px 20px 40px;
		 width:750px;
		 height:300px;
		 background-color: #fff;
		 border-radius:10px; 
		 position:absolute;
		 top:0;bottom:0;left:0;right:0; 
	   margin: auto;
		 font-size:20px;
		 text-align: center;
		 color: #747474
	}
	
	.zheZhao  .msgBtn{
		 width:120px;
		 text-align: center;
		 margin:40px auto 0;
		 border-radius:5px;color:#fff;
		 background-color: #fc720c;
		 font-size:18px;
		 line-height: 50px;
		 cursor:pointer
		 
	}
	.zheZhao .msgBtn:hover{
		 background-color: #ff8a33;
		 
	}
	
	
   
   
	   
	   /*登录*/
	   .Login{
		   box-shadow: 0 0 20px -5px #e0e0e0; 
		   min-height:500px;
		   border-radius: 15px;
		   overflow: hidden; 
		   margin:80px auto;
		   /*background: url(../images/loginBg.png)no-repeat bottom right;*/
		   background-size:auto 500px;
		   padding: 40px 60px;
		  width:460px
	   }
	   .Login .title{
		   font-size:26px;
		   font-weight: bold;
		   line-height: 1.5;
		   color:#333;
		   letter-spacing: 1px;
	   }
	   .FormList,.formFoot { 
		   width:340px;
	   }
	   .FormList .formBox{
		   display: none;
		   margin:20px auto;
		   position:relative
	   } 
	   .FormList .formBox:first-child{
		   display: block;
	   }
	   .FormList .tabLogin{cursor: pointer;color:#ff7914;font-size:14px;text-align: right}
	   .icon-qh{display: inline-block;width:16px;margin-left: 5px}
	   .FormList .formBox .item{
		   border-radius: 4px;
		   margin-top:15px;
		   border:1px solid #dfdfdf;
		   padding:5px 20px;
		   position:relative
	   }
	   .FormList input,.FormList button,.FormList select{
		   border:0;
		   outline:none;
		   font-size:16px;
			height:35px;
		   width:100%;
		   display:block;
		   background-color: transparent;
	   }
	   .FormList button{ 
		   position: absolute;
		   right: 0;
		   top: 5px;
		   margin: auto;
		   z-index: 999;
		   color: #ff7914;
		   width: auto;
		   padding: 0 20px;
		   font-size: 14px; 
	   }
	   .FormList .submitBtn{
		   width:100%;
		   line-height: 2.8;
		   background : linear-gradient(to right, #3e7dff, #2f50ce);
		   color:#fff;
		   font-size: 18px;
		   letter-spacing: 2px;
		   text-align: center;
		   margin-top:15px;
		   border-radius:4px;
		   cursor: pointer;
		   
	   }
	   .FormList .submitBtn:hover{
		   background : linear-gradient(to right, #fc720c,#ff9c2b, #ff8a33)
	   }
	   .formFoot{
		   font-size:13px;
		   color:#666;
	   }
	   .formFoot .link{
		   display: inline-block;
		   cursor: pointer;
		   margin-bottom:10px;
	   }
	   .formFoot .link:nth-child(2){
		   float: right;
		   color:royalblue
	   }
	  
	  
	  
	  /**意见反馈*/
		  .MsgPage .form{
			   font-size:18px;
			   padding:60px;
			   margin:60px auto;
			   border-radius:10px;
			   background-color: #fff;
			   box-shadow: 0 0 10px 4px #eee
		  } 
		  .MsgPage .form .title{
			  font-weight: bold;
			  font-size:22px;
			  margin-bottom:30px;
		  }
		  
		  .MsgPage .form .text{ 
			   overflow:hidden;
			   margin-bottom:30px
		  }
		  .MsgPage .form textarea{
			   border:0;height:150px;width:100%;resize: none;outline:none;padding:15px;
			   background:transparent
		  }
		  .MsgPage .form .border{ 
			   outline:none;
			   border-radius:5px; 
			   padding:20px; 
			   border:1px solid #ccc;
		  background:  #f8f8f8;
		  }
		  
		  .MsgPage .form .info .border{
			   width:48%;
			   margin-right:4%;
			   float:left
			   }
		  .MsgPage .form .info .border:nth-child(2n){
			   margin-right:0
		  }
		  
		  
		  .MsgPage .form  .desc{font-size:16px;color: #979797;margin:50px 0 50px 0}
		  
		  .MsgPage .form  .msgBtn{
			   width:200px;
			   text-align: center;
			   margin:30px auto;
			   border-radius:5px;color:#fff;
			   background-color: #fc720c;
			   font-size:22px;
			   line-height: 60px;
			   cursor:pointer
			   
		  }
		  
		  .MsgPage .form  .msgBtn:hover{
			   background-color: #ff8a33;
			   
		  }
		  
		  
		  
		  
		  .zheZhao{
			   display:none;
			   position: fixed;
			   margin: auto;
			   top:0;bottom:0;left:0;right:0;z-index:9999;
			   background:rgba(0,0,0,.5); 
		  }
		  
		  .zheZhao .content{
			   padding:100px 20px 40px;
			   width:750px;
			   height:300px;
			   background-color: #fff;
			   border-radius:10px; 
			   position:absolute;
			   top:0;bottom:0;left:0;right:0; 
			 margin: auto;
			   font-size:20px;
			   text-align: center;
			   color: #747474
		  }
		  
		  .zheZhao  .msgBtn{
			   width:120px;
			   text-align: center;
			   margin:40px auto 0;
			   border-radius:5px;color:#fff;
			   background-color: #fc720c;
			   font-size:18px;
			   line-height: 50px;
			   cursor:pointer
			   
		  }
		  .zheZhao .msgBtn:hover{
			   background-color: #ff8a33;
			   
		  }
		  
		  .wordList{margin:40px auto}
		  .wordList .item{
			  padding:40px 0 ;  
			  position:relative;
			  color:#666;font-size:16px;
			  line-height: 1.5;
			  border-top:1px solid  #dfdfdf ;
		  }
		  .wordList .item .user{
			   font-weight: bold;
			  position:relative;
			   font-size:20px;
			   color:#333
		  }
		  .wordList .item .user .time{
			   position:absolute;
			   font-weight: normal;
			   right:20px;
			   top:-20px;
			   font-size:16px;
			   color:#999
		  }
		  .wordList .item .user .img{
			  width:60px;height:60px;
			  margin-right:20px;
			  border-radius:50%;
			  overflow: hidden; 
			  display:inline-block;
			  vertical-align: middle;
			  background-color: #f8f8f8;
		  }
		  
		  .wordList .item .user .img img{
			   width:100%;
			   height:auto
		  }
		  
		  
		  .wordList .item .textQA{
			   padding-left:85px;
		  }
		  
		  .wordList .item .textQA .Q{ 
			   margin:20px auto
		  }
		  .wordList .item .textQA .A{ 
			   background-color: #f8f8f8;
			   padding:20px 20px 20px 30px;
			   margin:30px auto 0;
			   
		  }
		  .wordList .item .textQA .A .name{
			   font-weight: bold;
			   font-size:20px;
			   margin-bottom:20px;
			   color:#333
		  }
		  
		  .wordList .item .textQA .A .name .time{
			   color:#999;
			 float: right;
			  font-weight: normal;
			  font-size:16px;}
			  
			  
			  
			  
				  
				  
				  
				  
				  /*帮助中心*/
				  .helpArticle{padding:60px 0}
				  .helpArticle #myTab{float:left;width:300px;background-color: #fff;border-radius:15px}
				  .helpArticle #myTab li{width:100%;display:block;color:#666;text-align: center;line-height: 52px ;}
				   .helpArticle #myTab li.title{
					  background:linear-gradient(to right,#3e7dff, #2f50ce);color:#fff;font-weight:bold;font-size:18px;}
				  .helpArticle #myTabContent{width:850px;min-height:635px;background-color: #fff;border-radius:15px;float:right;padding:40px;font-size:16px;line-height: 1.6;color:#777}
				   .helpArticle .nav-tabs > li > a{
					 margin-right: 0;}
				   .helpArticle  .nav-tabs > li.active > a,
				   .helpArticle .nav-tabs > li.active > a:hover{color: #555;
					 cursor: default;
					 background-color: #f4f4f4;
					 border: 1px solid transparent;
					 border-radius: 0;
					 margin-right: 0;
					 border-bottom-color: transparent;}
				  
				  
				   .helpArticle .nav-tabs > li > a:hover{
					  color:#fc720c;
					 background-color: transparent;
					 border: 1px solid transparent;
					 border-radius: 0;
					 margin-right: 0;
					 border-bottom-color: transparent;}
				  
				   .helpArticle #myTabContent .title{color:#333;font-size:17px;font-weight:bold;margin:40px auto 15px}
				  
				  .helpArticle #myTabContent p{
					  margin-bottom:10px
				  }
				  .play-title{ margin:40px auto;font-size:16px;cursor: pointer;}
				  .play-con{margin-bottom:80px;}
				  #courseTitle{font-size:20px;color:#666;padding-left:30px;}
				  
				  
				  
	  
	  
		  /*返回顶部*/
		  /* .index_right{ position: fixed;  right:10px; bottom:20px; width:80px; height: 250px;z-index:9999;}
		  .index_right a{position:relative;display: block;padding-top:15px;width: 80px; height: 80px;border-radius:5px;margin-bottom: 2px; text-align: center;}
		  .index_right>a> span{ display: block; width: 80px; text-align: center; font-size: 12px; color: #fff;}
		  .index_right >a{ background: #fc720c;} 
		  .index_right .online_service{ background: #fc720c;}
		  .index_right .online_service span{ line-height:30px;}
		  .index_right .code{ background: #fc720c;}
		  .index_right> a > span{ line-height: 28px;}
		  .hide-codebox{display:none;padding:10px 0;color:#333;width:140px;background:#fff;position:absolute;right:90px;top:0;border:1px solid #ededed;border-radius:5px}
		  .hide-codebox::after{content:"";position:absolute;display:block;width:0;height:0;border-width:8px  0 8px 8px;border-style:solid;border-color:transparent transparent transparent #ededed ; position:absolute;top:30px; right:-8px;} 
		  .hide-codebox::before{display:block; content:"";position:absolute; width:0;height:0; border-width: 6px 0 6px 6px;border-style: solid;z-index:999;border-color: transparent transparent transparent #fff;position: absolute;top:32px;right: -6px;}
		  .hide-codebox img{display: block;margin:0 auto;}
		  .index_right a:hover  .hide-codebox{display:block} */
		   
		   .index_right{ position: fixed;  right: 0px; bottom:70px; width:140px; height: auto;z-index:999;}
		   .index_right a{position:relative;display: block; width: 140px; line-height: 50px;border-top-left-radius:30px;border-bottom-left-radius:30px;margin-bottom: 10px; text-align: center;color:#fff;font-size:18px;text-decoration:none; background: linear-gradient(to right, #3e7dff, #2f50ce)} 
		  .index_right a:hover{ background: linear-gradient(to right, #fc720c, #ff9b51) }
		  
	  
		  
		  
			  /*直播课程-   */ 
			  .ClassList{
				  margin:20px auto  ;
			  }
			  .ClassList .item{
				  position: relative;
				  top:0;
				  float:left;
				  width:30%;
				  margin-right:5%; 
				  border-radius:10px;
				  background-color: #fff;
				  overflow: hidden;
				  margin-bottom:40px;
				  box-shadow: 0 0 20px rgba(251, 127 ,1 , .15) ;
			  }
			  .ClassList .item:hover{
				  top:-10px
			  }
			  .ClassList .item:nth-child(3n){
				  margin-right: 0;
			  } 
			  .ClassList .item .imgBox{
				  width:100%;
				  height:152px;
				  overflow: hidden;
			  } 
			  .ClassList .item .imgBox img{
				  width:100%;
				  display: block;
			  }
			  
			  .ClassList .item .conBox{
				  padding:10px 20px;
				  position:relative;
				  color:#333
			  }
			  .ClassList .item .conBox .title{
				  font-weight:bold;
				  height:42px;
				  font-size:22px;
			  } 
			  .ClassList .item .conBox .price{
				  font-weight:bold;
				  font-size:30px;
			  }
			  .ClassList .item .conBox .price small{
				  font-weight:bold;
				  color:#333 
			  }
			  .ClassList .item .conBox .btn{
				  cursor: pointer;
				  position:absolute;
				  right:20px; 
				  bottom:20px;
				  margin:auto;
				  height:34px; 
				  line-height:34px; 
				  font-size:14px;
				  padding:0 20px;
				  border-radius:50px;
				  background: linear-gradient(to right, #3e7dff, #2f50ce); 
				  color:#fff;
				  overflow: hidden;
				  display:block;
			  } 
			  .ClassList .item .conBox .btn:hover{ 
				  background: linear-gradient(to right, #fb710b,  #ff5200); 
		   
			  }
	  
		  
		  /*课程详情*/
		  .courseArticle{ 
		  }
		  .courseArticle .courInfos{background-color: #fff;border-radius:15px;padding:30px;margin-bottom: 30px;box-shadow: 0 5px 20px -5px  #e2e2e2;}
		  .courseArticle .courInfos .imgbox{
			  width:540px;height:300px;overflow: hidden;position:relative;
			  border-radius:15px;float:left
		  }
		  .courseArticle .courInfos .textbox{
			  width:550px;height:300px;overflow: hidden;position:relative;float:right
		  }
		  .courseArticle .courInfos .textbox .name{font-size:32px;font-weight:bold;margin-bottom:40px}
		  .courseArticle .courInfos .textbox .desc{position:relative;padding-left:30px;font-size:16px;color:#777;line-height:1.6;margin-top:10px}
		  
		  .courseArticle .courInfos .textbox .desc::before {
			  content: ' ● ';
			  position: absolute; 
			  left: 10px;
			  color: #ba0900;
			  top: 0px;
			  font-size: 16px;
		   } 
		  .courseArticle .courInfos .textbox .price{
			  color:#ba0900;
			  font-weight: bold;
			  position:absolute;
			  right:60px;top: 10px;
			  font-size:32px;
		  }
		  .courseArticle .courInfos .textbox .price small{
			  font-size:20px
		  }
		  
		  .courseArticle .courInfos .textbox .btns{
			  color:#fff;
			  background-color: #fc720c; 
			  position:absolute;
			  right:60px;
			  bottom: 0px;
			  font-size:18px;
			  border-radius:5px;
			  display:block;
			  padding:5px 30px;
		  }
		  .courseArticle .courXq{box-shadow: 0 5px 20px -5px #e2e2e2;background-color: #fff;border-radius:15px;padding:30px;margin-bottom:80px}
		  .courseArticle .courXq .minTitle{
		  font-size:18px;padding-left:10px;border-left:5px solid #fc720c;line-height:1;  }
		  .xqInfos{padding:40px 20px;}
		  .xqInfos img,.xqInfos img{max-width:100%!important}
		  .xqInfos .ulList{
		  
			  width:100%;
			  margin:40px auto;
			  border-radius:10px;overflow: hidden;
			  
		  }
		  
		  .xqInfos .ulList .item{
			  width:25%;
			  float:left;
			  min-height:800px;
			  height:auto;
			  box-sizing: border-box;
			  border:1px solid  #e9edff
		  }
		  .xqInfos .ulList .item .title{
			  margin:0 auto;
			  font-size:18px;text-align: center;
			  background: linear-gradient(to right, #fc720c, #fc720c);
			  padding:20px;
			  color:#fff; padding:20px;
		  }
		  .xqInfos .ulList .item .con{
			  padding:30px 20px 20px;
		  }
		  
		  .xqInfos .ulList .item .desc{
			  line-height: 1.6;
			  margin-bottom:20px;
			  color: #85878b;font-size:15px;
		  }
		  .xqInfos .ulList .item .desc .name{
			  font-size:17px;
			  color:#555555; 
			  margin-bottom:5px;
		  }
		  .xqInfos .ulList .item .desc .name img{display:inline-block;margin-right:10px;
		  vertical-align: middle;}
		  
		  /*新闻*/
	  .newsArticle{
			   background-color: #fff;
			   border-radius:15px;padding:40px;
			  margin:40px auto 80px
		   }
		  .newsArticle .title{color:#333;font-weight:bold;text-align: center;}
		  .newsArticle .time{color:#999;font-size:18px;margin:30px auto;text-align: center;}
		  .newsArticle .desc{
			  font-size:16px;line-height: 1.6; color:#787878 }
		  .newsArticle .desc img{max-width:100%;display:block;margin:20px;}
		  
		  .newsArticle img,
		  .newsArticle table{max-width:100% !important}
		  
		  
		  /*直播课程*/
		  .Live{
			  padding:40px 0;
		  }
		  .secondNavBox{
			  font-size:16px;
			  color:#333; 
			  margin-bottom:30px;
		  }
		  .secondNavBox .itemLi{
			  position:relative; 
		  }
		  .secondNavBox .itemLi .left{
			  position: absolute; 
			  top:10px;
			  left:0;
			  font-weight: bold;
		  }
		  .secondNavBox .itemLi .right{
			  position:relative;
			  padding-left:70px;
		  }
		  .secondNavBox .itemLi .right .item{ 
			  display: inline-block; 
		  }
		
		  .LiveList .item{
			  position:relative;
			  top:0;
			  padding:30px 25px;
			  background-color: #fff;
			  border-radius:20px;
			  overflow: hidden;
			  margin-bottom:30px;
			  box-shadow:0px 8px 20px 0px #ececec ;
			  color:#333;
		  }
		  .LiveList .item:hover{ 
			  top:-10px;
		  }
		  .LiveList .item .imgBox{
			  width:380px;
			  height:195px;
			  border-radius:20px;
			  overflow: hidden;
			  display:inline-block;
			  margin-right:40px;
			  float:left
		  }
		  .LiveList .item .imgBox img{
			  width:100%
		  }
		  
		  .LiveList .item .title{
			  font-size:26px;
			  font-weight: bold;
			  min-height: 60px;
			  letter-spacing: 1px;
			  margin:30px auto 20px;
		  }
		  .LiveList .item .time{
			  line-height: 1.5;
			  margin-top:5px;
			  font-size:18px;
		  } 
		  .LiveList .item .btn{
			  cursor: pointer;
			  position:absolute;
			  right:40px;
			  top:0;
			  bottom:0;
			  margin:auto;
			  height:40px; 
			  line-height:40px; 
			  font-size:16px;
			  padding:0 30px;
			  border-radius:50px;
			  background: linear-gradient(to right, #3e7dff, #2f50ce); 
			  color:#fff;
			  overflow: hidden;
			  display:block;
		  } 
		  .LiveList .item .btn:hover{ 
			  background: linear-gradient(to right, #fb710b,  #ff5200); 
		  }
		  
		  
		  /******************************************************************/
		  
		  
		  /*关于我们*/
		  .aboutBanner {
			  position:relative; 
			  background:url(../images/aboutBanner.png)no-repeat center center;
			  background-size: cover;
		   
		  }
		  .aboutBanner .content{
			  width:84%;
		  }
		  .aboutBanner .item{
			  text-align: center;
			  color:#fff;
			  font-size:70px;
			  width:32%;
			  display:inline-block;
			  margin:240px auto;
			  padding:0 40px;
			  font-weight:bold;
			  border-right:3px solid #fff
		  }
		  .aboutBanner .item:nth-child(3n){
			  border:0
		  }
		  .aboutBanner .item .decs{
			  font-size:40px;
			  font-weight:normal;
		  }
		  .aboutBox{
			  margin:40px auto; 
		  }
		  .aboutBox .titleBox{
			  text-align: center;
			  position:relative;
			  margin:30px auto 60px;
		  }
		  .aboutBox .titleBox .zh{
			  font-size:30px;
			  font-weight: bold; 
			  position:relative;
		  } 
		  .aboutBox .titleBox .en{
			  position:absolute;
			  font-weight: bold; 
			  z-index:-1;
			  color:#cccccc;
			  font-size:24px;
			  left:0;right:0;
			  bottom:-17px;
			  margin:auto;
		  }
		  .company .text{
			  color:#333333;
			  font-size:24px;
			  line-height:1.7;
			  text-indent: 2em;
			  margin-bottom:20px;
		  }
		  
		  
		   
		  .aboutBg{
			  position:relative;
			  margin:200px auto 250px;
			  background:url(../images/aboutBg.png)no-repeat center center;
			  background-size:auto 100%;
			  height:543px; 
			  z-index:999;
			  display:block
		  }
		  .History{
			  position:relative;
			  z-index:999
		  }
		  .historyList{
			  position:absolute;
			  top:0;
			  left:0;right:0;
			  margin:auto; 
		  } 
		  .historyList .item{
			  position:absolute;
			  width:19%;
			  display:inline-block; 
			  padding-bottom:10px;
		  }
		  .historyList .item:nth-child(2n){ 
			  padding-top:15px;
		  }
		  .historyList .item .imgBox{
			  width:110px;
			  height:110px;
			  border-radius:50%;
			  border:8px solid #dd9113; 
			  overflow: hidden;
			  margin:0 auto;
		  }
		  .historyList .item .imgBox img{
			  height:100%
		  }
		  .historyList .item .years{
			  font-size:24px;
			  text-align: center;
			  margin:15px auto;
			  font-weight:bold;
		  }
		  .historyList .item .desc{
			  font-size:16px;
			  line-height:1.6;
			  text-indent: 2em;
		  }  
		  .historyList .item:nth-child(2n-1)::before{
			  position:absolute;
			  content:"";
			  right:-40px;
			  top:50px;
			  width:20px;
			  height:20px;
			  background-color:#dd9113 ;
			  z-index:-1
		  }
		  .historyList .item:nth-child(2n-1)::after{
			  position:absolute;
			  content:"";
			  right:-32px; 
			  visibility: visible;
			  top:50px;
			  width:4px;
			  height:100%;
			  background-color:#dd9113 ;
			  z-index:-1
		  }
		  .historyList .item:nth-child(2n)::before{
			  position:absolute;
			  content:"";
			  right:-40px;
			  bottom:100px;
			  width:20px;
			  height:20px;
			  background-color:#dd9113 ;
			  z-index:-1
		  }
		  .historyList .item:nth-child(2n)::after{
			  position:absolute;
			  content:"";
			  right:-32px; 
			  visibility: visible;
			  bottom:100px;
			  width:4px;
			  height:100%;
			  background-color:#dd9113 ;
			  z-index:-1
		  } 
		  .historyList .item:nth-child(1){
			  top:140px;
			  left:-40px;
		  }
		  .historyList .item:nth-child(2){
			  top:580px;
			  left:20px;
		  }
		  .historyList .item:nth-child(3){
			  top:170px;
			  left:320px;
		  }
		  .historyList .item:nth-child(4){
			  top:680px;
			  left:440px;
		  }
		  .historyList .item:nth-child(5){
			  top:130px;
			  left:660px;
		  }
		  .historyList .item:nth-child(6){
			  top:560px;
			  left:880px;
		  }
		  .historyList .item:nth-child(7){
			  top:120px;
			  left:1000px;
		  }
		  
		  
		  
		  
		  
		   
		  
		  
		  /*首页-师资*/
		   .teachers{
			   background:#f9f9f9 ;
			   padding-bottom:30px
		   }
		  .teachers .swiper-button-prev,
		  .teachers .swiper-button-next {
			  top: 220px;
			  color:#ff8113
		  }
		  
		  .teachers .swipercCon {
			  overflow: hidden;
			  position:relative
		  }
		  
		  .teachers .swiper {
			  width: 100%;
			  height: 100%;
		  }
		  
		  .teachers .swiper-slide {
			  text-align: center;
			  font-size: 18px;
			  display: block;
		  }
		  
		  .teachers .swiper-slide img {
			  display: block;
			  width: 100%;
			  height: 100%;
			  object-fit: cover;
		  }
		  
		  .teachers .swiper {
			  width: 100%;
			  height: 300px;
			  margin-left: auto;
			  margin-right: auto;
		  }
		  
		  .teachers .swiper-slide {
			  background-size: cover;
			  background-position: center;
		  }
		  
		  .teachers .myTeaSwiper2 {
			  height: 400px;
			  width: 100%;
			  position:relative;
		  }
		  
		  .teachers .myTeaSwiper {
			  width:600px;overflow: hidden;
			  height: auto; 
			  box-sizing: border-box;  
			  position:absolute;
			  bottom:50px; 
			  left:430px;
		  }
		  
		  .teachers .myTeaSwiper .swiper-slide {
			  width: 25%;
			  height: 100%;
			  opacity: 0.4;
		  }
		  
		  .teachers .myTeaSwiper .swiper-slide-thumb-active {
			  opacity: 1;
		  }
		  
		  .teachers .swiper-slide img {
			  display: block;
			  width: 100%;
			  height: 100%;
			  object-fit: cover;
		  }
		  
		  .xqTea { 
			  position: relative; 
			  background-size: 100% auto;
		  }
		  
		  
		  .xqTea .user {
			  text-align: left;
			  height: 260px;
			  width: 90%;
			  background: #fff;
			  border-radius: 10px;
			  margin: 100px auto 0;
			  padding: 20px 50px 20px 0; 
			  box-shadow:0 10px 20px -5px rgb(54 54 54 / 40%)
		  }
		  
		  .xqTea .user .teacherImg {
			  width: 340px;
			  height:auto;
			  position:absolute;
			  bottom:0px;
			  float: left;
			  border-radius: 10px; 
		  }
		  
		  .xqTea .user .teacherImg img {
			  width: 100%; 
			  height:auto;
			  display: block;
			  margin: 0 auto
		  }
		  
		  .xqTea .user .desc { 
		  position: relative; 
		  margin-left: 370px;
		  width: 690px;     
		  }
		  
		  .xqTea .user .desc .name { 
			  font-size: 24px;
			  font-weight: bold;
			  letter-spacing: 2px;
			  position: relative;
			  margin-bottom: 15px
		  } 
		  .xqTea .user .desc .name .title{
			  background:#ff8113;
			  color:#fff;
			  border-top-left-radius:30px; 
			  border-bottom-right-radius:30px;
			  padding:7px 30px; 
			  display: inline-block;
			  vertical-align: bottom;
			  z-index:99;
			  position: relative;
		  }
		  .xqTea .user .desc .name .kc {
			  display: inline-block;
			  position:relative;
			  z-index:0;
			  left:-50px;
			  padding : 0px 20px  0px 60px;
			  max-width: 400px; 
			  background: #fbc99b;
			  display: inline-block;
			  vertical-align: bottom;
			  font-size: 14px;
			  line-height: 2.2; 
			  border-radius: 20px; 
		  }
		  
		  .xqTea .user .ulList .item{
			  color:#878787;
			  font-size:15px;
			  line-height: 1.5;
			  margin-bottom:3px;
		  }
		  
		   
		  .miniXqTea .imgBox {
			   position:relative;
			  width:80px;
			  height:80px;
			  border-radius: 50%;
			  overflow: hidden;
			  display: block; 
			  background:#f8f8f8;
			  cursor: pointer;
		  }
		  
		  .miniXqTea .imgBox img {
			  display: block;
			  width:100%;
			  margin: 0 auto;
		  }
		   
		   
		  
			  
		  .warningIcon{
			  height:18px;
			  display:inline-block;
			  vertical-align: text-bottom;
			  margin-right: 5px; 
		  }
		  
		  
		  
		   /*底部*/
		   .footer {
			   padding:80px 0 50px;
			  background: linear-gradient(to right, #182030, #241d28);
			   color: #e2e2e2;
		   }
		  
		   .bei {
			   text-align: center
		   }
		  
		   .footer a {
			   color: #c5c5c5;
		   }
		  
		   .footList {
			   margin-bottom: 40px
		   }
		  
		   .footList .item {
			   display: inline-block;
			   vertical-align: top;
		   }
		  
		   .footList .item.tel {
			   width: 520px;
			   padding-top: 40px
		   }
		  
		   .footList .item.about {
			   width: 160px
		   }
		  
		   .footList .item.help {
			   width: 160px
		   }
		  
		   .footList .item.app {
			   width: 330px;
		   }
		  
		   .footList .item h4 {
			   font-size: 18px;
			   margin-bottom: 20px
		   }
		  
		   .footList .item.app .appbox {
			   display: inline-block;
			   vertical-align: middle;
			   width: 100px;
			   margin-right: 30px;
			   text-align: center;
		   }
		  
		   .footList .item.app .appbox:last-child {
			   margin-right: 0%
		   }
		  
		   .footList .item.app .appbox .imgbox {
			   width:100px;
			   height: 100px;
			   margin-bottom: 10px;
			   overflow: hidden;
		   }
		  
		   .footList .telBox {
			   font-size: 16px;
		   }
		  
		   .footList .telicon {
			   display: inline-block;
			   height: 30px;
			   margin-right: 10px;
		   }
		  
		   .footList .telBox .num {
			   font-size: 22px;
			   margin-bottom: 10px
		   }
		  
		   .footList .item.app .appbox .imgbox img {
			   width: 100%
		   }
		   
		   
		   
		   
			/*  新版footer
		   .footer .content {background: url(../images/footBg.png)no-repeat right top 40px; }
		   .footer .helpList {margin:50px auto}
		   .footer .helpList .item{color:#333333;float:left;text-align: center;padding:0 10px; margin-right:60px}
		   .footer .helpList .item h4{font-size:16px;font-weight: bold;}
		   .footer .helpList .item a{color:#666;width:100%;display:block;margin:5px auto;}
		   
		   
		   .footer .AppBox {position:absolute;right:0;top:65px}
		   .footer .AppBox .item{width:100px;float:left;margin-left:20px;text-align:center;}
		   .footer .AppBox .item .imgbox{width:100%}
		   .footer .AppBox .item .imgbox img{width:100%}
		   
		   .footer .telBox{padding:10px;line-height: 1.6;} 
		   .footer .telBox .telicon{height:14px;display:inline-block;vertical-align: text-top;margin-right:5px;}
		   
		   
		   .footerBeiAn .content{padding:10px;}
		   .footerBeiAn,.footerBeiAn a{background:#252c44 ;color:#dddddd;font-size:12px;line-height: 1.5;}  */
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   ul {
			   list-style: none;
			   padding: 0;
			   margin: 0;
		   }
		   .pagination{
			   display:inline-block;
			   padding-left:0;
			   margin:20px 0;
			   border-radius:4px
		   }
		   .pagination>li{display:inline}  
		   .pagination>li>a,.pagination>li>span{
			   position:relative;
			   float:left;
			   padding:6px 12px;
			   margin-left:-1px;
			   line-height:1.42857143;
			   color:#337ab7;
			   text-decoration:none;
			   background-color:#fff;
			   border:1px solid #ddd;
			   cursor: pointer;
			   -webkit-touch-callout: none;
			   -webkit-user-select: none;
			   -khtml-user-select: none;
			   -moz-user-select: none;
			   -ms-user-select: none;
			   user-select: none;
		   }
		   .pagination>li:first-child>a,.pagination>li:first-child>span{
			   margin-left:0;
			   border-top-left-radius:4px;
			   border-bottom-left-radius:4px;
		   }  
		   .pagination>li:last-child>a,.pagination>li:last-child>span{
			   border-top-right-radius:4px;
			   border-bottom-right-radius:4px;
		   }  
		   .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
			   z-index:2;
			   color:#23527c;
			   background-color:#eee;
			   border-color:#ddd;
		   }  
		   .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
			   z-index:3;color:#fff;
			   cursor:default;
			   background-color:#337ab7;
			   border-color:#337ab7;
		   }  
		   .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
			   color:#777;
			   cursor:not-allowed;
			   background-color:#fff;
			   border-color:#ddd;
		   }  
		   .pagination-lg>li>a,.pagination-lg>li>span{
			   padding:10px 16px;
			   font-size:18px;
			   line-height:1.3333333;
		   }  
		   .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
			   border-top-left-radius:6px;
			   border-bottom-left-radius:6px;
		   }  
		   .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
			   border-top-right-radius:6px;
			   border-bottom-right-radius:6px;
		   }  
		   .pagination-sm>li>a,.pagination-sm>li>span{
			   padding:5px 10px;
			   font-size:12px;
			   line-height:1.5;
		   }  
		   .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
			   border-top-left-radius:3px;
			   border-bottom-left-radius:3px;
		   }  
		   .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
			   border-top-right-radius:3px;
			   border-bottom-right-radius:3px;
		   }  
		   .pager{
			   padding-left:0;
			   margin:20px 0;
			   text-align:center;
			   list-style:none;
		   }  
		   .pager li{
			   display:inline;
		   }  
		   .pager li>a,.pager li>span{
			   display:inline-block;
			   padding:5px 14px;
			   background-color:#fff;
			   border:1px solid #ddd;
			   border-radius:15px;
		   }  
		   .pager li>a:focus,.pager li>a:hover{
			   text-decoration:none;
			   background-color:#eee;
		   }  
		   .pager .next>a,.pager .next>span{
			   float:right;
		   }  
		   .pager .previous>a,.pager .previous>span{
			   float:left;
		   }  
		   .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{
			   color:#777;
			   cursor:not-allowed;
			   background-color:#fff;
		   }
		   .pageJump{
			   display:inline-block;
			   padding-left:0;
			   margin:20px 10px;
			   border-radius:4px;
			   vertical-align:top;
		   }
		   .pageJump .button,.pageJump input{
			   font-size:16px;
			   padding:6px 12px;
			   margin-left:-1px;
			   line-height:1.42857143;
			   color:#337ab7;
			   text-decoration:none;
			   background-color:#fff;
			   border:1px solid #ddd
		   }
		   .pageJump input{
			   width:20px;
		   }
		   .pageJump-lg .button,.pageJump-lg input{
			   padding:10px 16px;
			   font-size:18px;
			   line-height:1.3333333;
		   }
		   .pageJump-sm .button,.pageJump-sm input{
			   padding:5px 10px;
			   font-size:12px;
			   line-height:1.5;
		   }
		   .navHeadList .item  .dropdown-menu li a{padding:8px 0;text-align: center;} 
   .prvNext a{display: block;}
  
  
  
  
  
  
  
  
  .pubTabNav { font-weight:bold;position:relative;margin:30px auto 50px;width:100%;padding-left: 50px;}
  .pubTabNav .title{font-size:15px;position: absolute;left:0;top:0;} 
  .pubTabNav .proNav{display: inline-block; font-size:15px;cursor: pointer;}
   
  .proNav .item {float:left;display: inline-block;padding:0 10px}
  .proNav .item.active .firstTitle {color:#3e7dff;}
  .proNav .item  .secondProNav{display: none;}  
  .proNav .item.active .secondProNav{display: block;}
  
  .secondProNav {position:absolute;  left:  50px;  top: 100%; }  
  .secondProNav  {float:left;display: inline-block;font-size:15px }
  .secondProNav .item.active  {color:#3e7dff;}
  
	@media(max-width:900px){
	  .content {
		  width:90%;
		}
		.LOGO{
      position: relative;
      width:100%; 
		  height:40px; 
		  margin:5px 
		}
		.navBtn .mNavIcon{ 
			display:block; 
		}
		 .navItem{
		   display: none;
		}
		.nav_icon{height:16px;}
	   .navFirstCon {margin-top:50px}
	   .navFirstCon .navHeadList .item{line-height:2.2;font-size:16px;}
		.navFirstCon .navHeadList {
			margin: 10px auto;
		}
		.navHeadList .item a {
			padding: 0 10px 0;}
		#LoginInfo{display:none;}
		.navHeadList{flaot:none}
		.navSecondCon .navHeadList .item{width:100%;text-align:center;line-height:3.4;font-size:18px;}
		.navSecondCon .navHeadList .item.on{background-color: transparent;}
		.navSecondCon .navHeadList .item.on a{color:#fff;}
		 .navSecondCon .navHeadList .item .caret{display:none}
		 .HeadBox{margin:0 auto 20px}
		 .HeadBox .list.userLogin,.HeadBox .centercon .listCon,.rightcon{display:none}
		 .HeadBox .centercon{height:auto; width: 100%;margin:0 auto}
		 .HeadBox .content{width:100%;float:none;position:relative}
		 .HeadBox .leftcon{width:100%;float:none;position:relative}
		 .HeadBox .leftcon .proInfo .item {   width: 20%;margin:20px auto  0px} 
		 .HeadBox .leftcon .proInfo .item .imgbox{ margin:0 auto;}
		 .HeadBox .leftcon .proInfo .item .imgbox img{width:100%;height:auto;margin:0 auto;}
		 
		.News .NewsCon, .Course .CourseCon{width:100%; padding: 20px  ;}
		 .head-titleboxTwo{font-size:18px}
		 .pubTabNav .navList .item{margin-right: 30px;padding:5px 0 }
		 .secondNavBox{font-size:16px;} 
		 .secondNavBox .itemLi .left{top:5px}
		 .Course .courseArea .item { width: 48%;}
		 .Course .courseArea .item:nth-child(2n){margin-right:0}
		 .Course .courseArea .item .imgbox{height:75px;}
		 .Course .courseArea .item .textBox {
			 padding: 4%;}
		  .Course .courseArea .item .textBox .goBtn, .Course .courseArea .item .textBox .title{font-size:13px;}
		  .News .NewsArea .item{width:100%;float:none;  font-size: 14px;margin:20px auto}
		  .News .NewsArea .item a{padding: 0px 30% 0px 15px;}
		  .News .NewsArea .item .time{font-size:11px;}
		  .News .listBox{width:100%;flaot:left}
		  .head-titlebox{font-size:16px;}
		  .head-titlebox .title { 
		  margin: 20px auto 20px;
		  font-size: 17px;}
		  .head-titlebox .desc-mini{font-size:13px}
		  .online .mobile{position:relative;width:60%;margin:0 auto;left:auto;display:none}
		  .online .onlineList {
			  width: 100%;
			  margin-left: 0;
			  margin-bottom: 20px;
		  }
		  .online .onlineList .item .iconBox img{height:100%}
		  .online .onlineList .item{padding:15px;margin:0 auto 15px}
		  .online .onlineList .item .iconBox{ height:40px}
		  .online .onlineList .item .title{font-size:16px;}
		  .online .onlineList .item .desc{font-size:11px;text-align: center;}
		  .StudentList .item{width:100%;margin-right:0;padding:20px 20px 20px 60px;margin: 10px auto;}
		  .StudentList .item .name { font-size: 18px;}
		  .StudentList .item .desc{font-size:12px; min-height: auto;height:auto !important}
		  .StudentList .item .imgBox { background-color: #f8f8f8; width: 45px; height: 45px;  left: 10px; top: 20px;}
		  .StudentList{margin:0 auto 30px}
		  .Msg .MsgTitle, .Msg .MsgDesc{ font-size:22px }
		  .Msg .MsgDesc { font-size: 18px; margin-bottom: 20px;}
		  .Msg .MsgForm .input { width: 100%; margin: 7px auto; font-size: 16px;      padding: 8px 20px;}
		  .Msg .MsgForm {   width:80%; margin :0 auto 20px; }
		  .Msg .MsgBtn,.Msg .MsgBtn:hover{font-size:16px}
		  .aLinkBox .title {font-size: 17px;}
		  .aLinkBox .UlList .item a {  
			  padding: 5px 10px;
			  font-size:12px;
		  }
		  .aLinkBox .UlList .item{margin-right:10px}
		  .footer {
			  padding: 20px 0 20px;}
		  .footList .item.tel {
			  width: 100%;
			  padding-top: 20px;
		  }
		  .footList .telicon { 
			  height: 16px;}
		  .footList .telBox .num ,.footList .telBox{
			  font-size: 14px;}
		   .footList .item.about,
		   .footList .item.help{width:auto;margin-right:20px;margin-top:20px;font-size:13px;}
		  .footList .item.app{width:auto;margin-top:20px;}
		  .footList .item.app .appbox { 
	  width: auto;font-size:10px;
	  margin-right:  20px;}
	  .footList .item.app .appbox:last-child { 
	  margin-right:   0px;}
		  .footList .item.app .appbox .imgbox{width:55px;height:55px;margin:0 auto 10px}
		  .footList .item h4{font-size:15px;}
		  
		  .MsgPage .form{margin:30px auto;
	  font-size: 14px;
	  padding:10px 30px;}
		  .MsgPage .form .title{font-size:16px;line-height: 1.5;}
		  .MsgPage .form .info .border {
			  width: 100%;
			  margin-right: 0;
			  float: none;
			  margin-bottom: 10px;
		  }
		  .MsgPage .form .msgBtn {
			  width: 45%; 
			  margin: 20px auto; ;
			  font-size: 16px;
			  line-height: 2.8; 
		  }
		  .MsgPage .form textarea{padding:0}
		  .MsgPage .form .border{padding:15px 20px}
		  .MsgPage .form .desc{font-size:12px;
	  margin: 20px 0  ;}
		  .warningIcon {
			  height: 13px;}
		  
		  .MsgPage .form .title{margin-bottom:20px}
		  .wordList{margin:0 auto}
		  .wordList .item .user .time{font-size:12px;}
		  .wordList .item .user .img {
			  width: 40px;
			  height: 40px;
			  margin-right: 10px;}
			  .wordList .item .user{font-size:14px;}
			  .wordList .item .textQA {
				  padding-left: 0;
				  font-size:12px;
			  }
			  .wordList .item .textQA .A { 
				  padding: 10px 10px 10px 20px;
				  margin: 20px auto 0;
			  }
			  .wordList .item .textQA .Q {
				  margin: 10px auto;
			  }
			  .wordList .item .textQA .A .name{font-size:14px;}
			  .wordList .item .textQA .A .name .time{font-size:12px;}
			  
			  .helpArticle {
				  padding: 20px 0;
			  }
			  .helpArticle #myTab{width:30%}
			  .helpArticle #myTabContent{width:68%}
			  .helpArticle #myTab li.title{font-size:14px}
			  .helpArticle .nav-tabs > li > a{font-size:11px}
			  .helpArticle #myTabContent{font-size:13px;padding:20px}
			  
			  .Login{min-height:auto;padding:30px;
	  margin: 30px auto;  }
			  .Login .title {
				  font-size: 18px;}
			  .FormList .formBox{margin:0 auto}
			  
  .FormList, .formFoot{width:100%;margin-top:10px}
			  .FormList .submitBtn{font-size:16px;}
			  
			  .FormList input, .FormList button, .FormList select{
	  font-size: 14px;
	  height: 30px;}
			  
			  .downConLeft{width:100%}
			  
			  .head-titleboxTwo {  margin: 10px 0 20px;}
			  .downArea .title{font-size:14px;margin:10px auto 5px}
			  .downArea .time{font-size:11px;}
			  .downArea .downBtn{width:60px;font-size:11px;line-height: 26px;height: 26px;}
			  
			  
			  
			  .ClassList .item{width:49%;margin-right:2%}
			  .ClassList .item:nth-child(2n){margin-right:0}
			  .ClassList .item .imgBox{height:90px;}
			  .ClassList .item .conBox .title{margin:0 auto;font-size:14px;height:32px;}
			  .ClassList .item .conBox {
				  padding: 5px 10px;}
			  .ClassList .item .conBox .price{font-size:12px}
			  .ClassList .item .conBox .btn { 
				  right: 10px;
				  bottom: 10px; 
				  height: 24px;
				  line-height: 24px;
				  font-size: 10px;
				  padding: 0 5px;}
			  .index_right a { 
				  width: auto;
	  font-size: 14px;
				  line-height: 42px;padding :0 10px 0 15px}
			  .index_right{width:auto}
			  .courseArticle .courInfos .imgbox{width:100%; height: 160px;}
			  .courseArticle .courInfos .textbox{width:100%}
			  .courseArticle .courInfos .textbox .name,.courseArticle .courInfos .textbox .price{font-size:18px;}
			  .courseArticle .courInfos .textbox .desc { 
				  font-size: 12px;
				  color: #777;
				  line-height: 1.5;
				  margin-top: 4px;
			  }.courseArticle .courInfos .textbox .name{margin-bottom: 12px;}
			  .courseArticle .courInfos .textbox{ height: auto; padding-bottom: 40px;}
			  .courseArticle .courInfos .textbox .btns{font-size:16px}
			  .courseArticle .courXq{padding:20px}
			  .xqInfos{padding:20px}
			   .courseArticle .courInfos{margin-bottom:0}  
			  .courseArticle .courXq{margin-bottom:20px}
			  .courseArticle .courXq .minTitle{font-size:14px;}
			  
			  
			  .play-title{font-size:12px;
	  margin:20px auto;}
			  #courseTitle{font-size:12px;}
			  .CCH5playerContainer{height:400px!important}
			.newsArticle .title{font-size:16px}
			  .newsArticle .time{font-size:12px;
	  margin: 10px auto;}
	  .newsArticle{padding:20px;margin:20px auto}
	  
	  .aboutBanner,.History{display:none}
	  .aboutBox .titleBox .zh {
		  font-size: 22px;}
	  .aboutBox .titleBox {	
	  margin: 0px auto 20px;}
	  .company .text{font-size:15px;}
	  
	  .navSecondCon .navHeadList .item .navMiniList{display:none !important}
	  .navSecondCon .navHeadList .item:hover .navMiniList{display:none!important}
   }