html{padding:0;margin:0;font-size: 14px;font-family: 'Microsoft Yahei';}
body{margin:0;padding:0;overflow-x: hidden;background:  #f3f3f3;}
.middle{display: inline-block;vertical-align: middle;}
.clear{clear: both;}
.red{color: #f24e4d;}
.index-container{
    width:  1200px;
    margin:  0 auto;
}
.index-head{
    padding:  10px 0 !important;
}
.index-logo{
    display:  inline-block;
    vertical-align:  middle;
}
.index-head-info{
    display:  inline-block;
    vertical-align:  middle;
    background:  #fff;
    border-radius:  5px;
    margin: 0 0 0 150px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.head-info-p{
    display:  inline-block;
    vertical-align:  middle;
    padding:  10px;
}
.head-info-1{
    margin:  10px 0;
}
.head-info-item{
    display:  inline-block;
    vertical-align:  middle;
    margin:  0 20px;
    cursor:  pointer;
    position:  relative;
}
.head-info-item > *{display:  inline-block;
    vertical-align:  middle;}
.head-info-2{}
.login-p{
    display: inline-block;
    vertical-align: middle;
    padding:  0 20px;
}
.index-btn-1{
    display:  inline-block;
    vertical-align:  middle;
    color:  #fff;
    background:  #0091fe;
    padding:  5px 10px;
    border-radius:  5px;
    cursor:  pointer;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}
.index-btn-2{
    display:  inline-block;
    vertical-align:  middle;
    color:  #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor:  pointer;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}
.head-search{
    display:  inline-block;
    vertical-align:  middle;
    margin:  0 0 0 30px;
    position:  relative;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding:  8px 20px;
}
.logo-desc{
    display:  inline-block;
    vertical-align:  middle;
    margin:  0 0 0 20px;
}
.head-search-input{
    border-radius:  10px;
    border: none;
    width: 380px;
    outline:  none;
    padding:  0 0 0 5px;
}
.head-search-icon{
    position:  absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
}
.hot-icon{
    position:  absolute;
    right: -20px;
    top: -15px;
}
.bottom-line{
    position:  absolute;
    bottom: -5px;
    right: -2px;
}
.slider-list{height:480px;position: relative;}
.slider-item{position:absolute;width: 100%;height:100%;}
.slider-tip-list{
    position:  absolute;
    left:  100px;
    bottom:  20px;
}
.slider-tip-item{
    display:  inline-block;
    vertical-align:  middle;
    width: 60px;
    height: 8px;
    background: #534b4b;
    margin:  0 10px;
    cursor:  pointer;
}
.slider-tip-item.active{background: #bebebe;}
.func-desc-p{
	position: absolute;
    color: #fff;
    background: rgba(0,0,0,0.5);
    left: calc(50% - 600px);
    width: 463px;
    top: 80px;
    border-radius: 5px;
  
}
.func-desc-p:hover{background: rgba(0,0,0,0.7);}
.func-desc-list{
	padding:20px 0 0 0;
}
.func-desc-item{
	display: inline-block;vertical-align: middle;text-align:center;width:95px;cursor:pointer;
}
.func-desc-item:hover{text-decoration: underline;}
.func-desc-line{    display: inline-block;
    border-right: 1px solid #fff;
    height: 60px;
    vertical-align: middle;}
.notice-p{
    position:  absolute;
    color:  #fff;
    background: rgba(0,0,0,0.5);
    left: calc(50% - 600px);
    width: 463px;
    bottom: 80px;
    border-radius: 5px;
    height:  120px;
}
.notice-p:hover{ background: rgba(0,0,0,0.7);}
.notice-tt{
    font-size:  1.2em;
}
.notice-item{cursor:pointer;width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.notice-circle{
    display: inline-block;
    vertical-align:  middle;
    width:  6px;
    height:  6px;
    border-radius:  3px;
    background:  #fff;
}
.notice-name{
    display:  inline-block;
    vertical-align:  middle;
    margin:  0 0 0 10px;
}
.notice-name:hover{text-decoration: underline;}
.notice-con{
    padding:  20px;
}
.editor-img{cursor:pointer;
    position:  absolute;
    right: 10px;
    top: 15px;
}
.index-join{
    background:  url(../images/index1/3_3.jpg);
    text-align:  center;
    margin:  10px 0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 20px 0;
}
.join-item{
    display:  inline-block;
    vertical-align:  middle;
    margin: 0 70px;
    position:  relative;
}
.index-btn-3{
    display:  inline-block;
    background:  #338eff;
    color:  #fff;
    font-size: 2em;
    cursor:  pointer;
    padding: 8px 50px;
    border-radius:  10px;
    position:  absolute;
    left: calc(50% - 120px);
    bottom: 0;
}
.index-author{font-size:  0;padding:  10px 0 0 0;}
.author-main{
    display:  inline-block;
    vertical-align:  bottom;
    background:  #fff;
    font-size:  1rem;
    box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);
    width:300px;
    height:555px;
}
.author-main-tt{
    text-align:  center;
    padding: 20px 0 0 0;
    border-top: 2px solid #338eff;
}
.author-main-tt img{}
.author-main-info{
    border:  1px solid #338eff;
    margin: 70px auto;
    width:204px;
}
.author-main-head-p{
    position:  relative;
    font-size:  0;
    text-align:  center;
}
.author-main-head-p img{
    max-width:  100%;
}
.bqzt{
    position:  absolute;
    bottom:  0;
    width:  100%;
    text-align:  center;
    background: rgba(51,144,255,0.7);
    padding:  10px 0;
    color:  #fff;
    font-size:  1rem;
}
.author-main-tr{
    margin: 10px;
    position:  relative;
}
.author-fensi{
    float:  right;
}
.author-metal{float:  right;}
.author-other{
    display:  inline-block;
    vertical-align:  bottom;
    width: 900px;
    background:  #fff;
    font-size:  1rem;
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
    padding:0 0 20px 0;
}
.area-list{
    font-size:  0;
    box-shadow: 3px -3px 10px 0px rgba(0,0,0,0.1);
}
.area-item{
    display:  inline-block;
    vertical-align:  middle;
    cursor:  pointer;
    color: #338eff;
    background:  #f9f9f9;
    width: 112px;
    font-size:  1rem;
    height:  40px;
    text-align:  center;
    box-shadow: 0px 0px 1px 0 #d2cdcd;
}
.area-item:before{content: "";display: inline-block;height: 100%;vertical-align: middle;}
.area-item.active{color: #fff;background: #338eff;}
.author-list{
    padding: 0 0 30px 0;
}
.author-list-1{
    padding: 0 0 30px 0;
}
.author-item{
    display:  inline-block;
    vertical-align:  middle;
    border:  1px solid #ccc;
    width:  136px;
    margin: 30px 30px 0px 0;
}
.author-head-p{
    font-size:  0;
    text-align:  center;
    width:136px;
    height:136px;
    border-bottom: 1px solid #ccc;
}
.author-head-p img{max-width:100%;}
.author-tr{
    margin: 8px;
}
.author-fensi{}
.left-bottom{position: absolute;left: 0;bottom: 0;}
.anli-container{
    margin: 20px auto !important;
    background:  #fff;
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);
}
.anli-hh{
    height:  60px;
}
.anli-hh:before{content:"";display:inline-block;height:100%;vertical-align: middle;}
.anli-logo-p{
    display:  inline-block;
    vertical-align:  middle;
    width:  305px;
    text-align: center;
}
.anli-logo{
}
.func-list{
    display:  inline-block;
    vertical-align:  middle;
}
.func-item{
    display:  inline-block;
    margin:  0 15px;
}
.alin-area-list{
    display:  inline-block;
    vertical-align:  top;
    width:  305px;
    border-top: 1px solid #f1f1f1;
    float:  left;
}
.anli-area-item{
    text-align:  center;
    height:  60px;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    font-size:  1.2em;
    cursor:  pointer;
    border-left: 2px solid transparent;
}
.anli-area-item.active{height:85px;border-left: 2px solid #338eff;color:  #338eff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.anli-area-item:before{content:"";display:inline-block;height:100%;vertical-align: middle;}
.anli-qrcode-p{
    padding:  10px;
    text-align:  center;
    position: absolute;
    bottom: 15px;
    left: 87px;
}
.anli-qrcode-p img{
    padding:  10px;
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.3);
}
.anli-info-list{
    display:  inline-block;
    vertical-align:  top;
    width: 850px;
    position:  relative;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    float:  left;
    height: 560px;
    overflow:hidden;
}
.anli-info-item{position:absolute;margin:20px;}
.anli-left-arrow{
   position: absolute;
    left: 350px;
    top: 300px;
    cursor: pointer;
    z-index: 10;
}
.anli-right-arrow{
    position:  absolute;
    right: 100px;
    top: 300px;
    cursor:  pointer;
    z-index: 10;
}
.anli-info-t{
    font-size: 2em;
    text-align:  center;
    margin: 30px 0;
}
.anli-info-b{
    padding: 0 80px;
}
.anli-info-data{
    display:  inline-block;
    width:  370px;
    vertical-align: top;
}
.anli-data-1{
    font-size:  1.2em;
    margin: 0 0 30px 0;
}
.anli-data-2{
    margin: 0 0 80px 0;
}
.anli-effect{
    display:  inline-block;
    width:  180px;
    margin: 0 0 10px 0;
}
.anli-info-item-img{
    
}
.anli-info-item-img img{}
.course-container{
    box-shadow: -2px 3px 10px 0 rgba(0,0,0,0.3);
}
.course-head{font-size:  0;}
.course-logo-p{
    display:  inline-block;
    vertical-align:  bottom;
    background:  #fff;
    width:  300px;
    text-align:  center;
    border-top: 2px solid #338eff;
    padding: 20px 0;
}
.course-tab-list{
    display:  inline-block;
    vertical-align:  bottom;
    background:  #fff;
}
.course-tab-item{
    display:  inline-block;
    font-size:  1rem;
    width:  190px;
    height:  43px;
    text-align:  center;
    background:  #fafafa;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    cursor:  pointer;
}
.course-tab-item:before{content:"";display: inline-block;height: 100%;vertical-align:  middle;}
.course-tab-item.active{
    background:  #338eff;
    color:  #fff;
}
.course-list{
    background:  #fff;
    padding:  30px 0;
}
.course-item{
    display:  inline-block;
    width: 250px;
    border: 1px solid #ccc;
    margin: 0 0px 0 35px;
}
.course-item.active{
    border: 1px solid #338eff;
}
.course-img-p{
    text-align:  center;
    font-size:  0;
    cursor:  pointer;
    height:178px;
}
.course-img-p img{
    max-width:  100%;
}
.course-name{
    font-size:  1rem;
    color:  #000;
}
.course-desc{
    height: 50px;
    padding:  5px 0;
}
.course-time{
    float:  right;
}
.course-author{}
.course-info{
    padding: 10px;
    font-size: 0.9em;
    color:  #666666;
}
.partner-container{
    background:  #fff;
    margin: 20px auto !important;
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);
    padding:  25px 50px;
    box-sizing:  border-box;
}
.partner-head{
    border-bottom: 1px solid #ccc;
}
.partner-logo-p{
    display:  inline-block;
    border-bottom: 2px solid #338eff;
    padding: 8px 30px;
}
.partner-list{
    padding: 30px 0 0 0;
}
.partner-item{
    margin: 0 35px 20px 0px;
}
.link-item{
    cursor:  pointer;
    padding:  0 20px 20px 0;
}