@charset "utf-8";
/* CSS Document */
/*清除默认样式*/

/*轮播图片*/
.banner {
    min-width: 1200px;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}

.banner img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: auto!important;
    margin: 0 auto;
    background-size: cover;
}
.bgf5{
    background:#f5f5f5;
}
.cor-Bu {
    display: inline-block;
    color: #00a0e9;
}

.content {
    background: #ffffff;
    padding: 50px 0;
}

.content-list,.content-list1,.content-list2 {
    width: 1200px;
    overflow: hidden;
    zoom: 1;
    padding: 0;
/*    margin:0 auto;
*/
    position: relative;
}
.line{
    display:inline-block;
    width:864px;
    margin:20px auto 40px;
    border-bottom:1px solid #ccc;
}

.content-list1 li,.content-list2 li {
    float: left;
    width: 390px;
    margin-right: 15px;
    background: #ffffff;
    height: 430px;
    cursor: pointer;
}
.content-list li {
     float: left;
    width: 390px;
    margin-right: 15px;
    background: #ffffff;
    height: 520px;
    cursor: pointer;
}
.content-list1 li img,.content-list2 li img {
    width: 390px;
    height: 129px;
}
.content-list li img {
    width: 390px;
    height: 195px;
}
.page-btns{
    overflow:hidden;
    padding:40px 0px;
    width:100%;
}
.btnsbg{
   display:block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: left;
  color: #fff;
  font-size: 12px;
  font-family: "Microsoft Yahei";
  border-radius: 3px;
  background:#00aaff;
  margin-bottom:30px;
  margin-left:500px;
}
.btnsbg:hover, .btnsbg:active {
  cursor: pointer;
 color: #ffffff;
 background:#00a0e9;
  text-decoration: none;
}

.page-btns li{
    width:33.3%;
    float:left;
    margin: 0 auto;
    text-align: center;
}
.page-btns li>a{
  display: inline-block;
    width: 180px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  float: left;
  color: #00a0e9;
  font-size: 12px;
  font-family: "Microsoft Yahei";
  border-radius: 3px;
  border: 1px solid #00a0e9;
  margin:0 105px;
}
.page-btns li>a:hover {
    background: #00a0e9;
    color: #ffffff;
}
/*学科辅助开始*/
/*page1*/
.page1{
    background: url(../images/page31.jpg) no-repeat top center;
    height:872px;
}
.page1-jz{
    margin: 0 auto;
    height:872px;
    width:1000px;
    position:relative;
}
.page1-box .smallbox{
    width: 320px;
    height: 160px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition:all 0.3s linear;
    margin-top: 180px;
}
.smallbox + .smallbox{
    margin-left: 15px;
}
/*.smallbox:hover{
    border-color: #95C8F1;
    box-shadow: 0px 5px 8px #95C8F1;
    transform:translateY(-5px);
}*/
.smallbox img{
    transition:all 0.3s linear;
}
.smallbox img:hover{
    transform:scale(1.1);
}
.page1-images{
    width: 1000px;
    height: 295px;
    position: absolute;
    top: 368px;
}
.page1-btn1{
    position:absolute;
    width:180px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:100px;
    left:73px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page1-btn2{
    position:absolute;
    width:180px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:100px;
    left:413px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page1-btn3{
    position:absolute;
    width:180px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:100px;
    right:73px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page1-btn1:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}
.page1-btn2:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}
.page1-btn3:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}

.fengeditu {
  background: url(../images/fengeditu-newweb.jpg) no-repeat top center;
  height: 142px;
}
.ditu {
  background: url(../images/ditu.jpg) no-repeat top center;
  height: 936px;
}
.ditu-jz{
    margin: 0 auto;
    height:947px;
    width:1000px;
    position:relative;
    text-align: center;
}
.shengfen ul{
    padding: 0;
}
.shengfen li{
    list-style: none;
    display: inline-block;
    margin-left: 64px;
    border: 1px solid #e6e6e6;
    border-radius: 22px;
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    width: 80px;
    height: 30px;
    cursor: pointer;
}
.icon{
    background: url(../images/zise.png) no-repeat;
    width: 44px;
    height: 52px;
    position: absolute;
    line-height: 44px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.tubiao{
    background: url(../images/huangse.png) no-repeat;
    width: 44px;
    height: 52px;
    position: absolute;
    line-height: 44px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.yuanquan{
    background: url(../images/lanse.png) no-repeat;
    width: 44px;
    height: 52px;
    position: absolute;
    line-height: 44px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.teshu{
    background: url(../images/hongse.png) no-repeat;
    width: 44px;
    height: 52px;
    position: absolute;
    line-height: 44px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.zuida{
    background: url(../images/lvse.png) no-repeat;
    width: 54px;
    height: 64px;
    position: absolute;
    line-height: 44px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-size: 14px;
}
.dinwei a:hover{
    text-decoration: none;
    color: #999;
}
.icon1{
    top: 538px;
    left: 460px;
}
.icon2{
    top: 441px;
    left: 576px;
}
.icon3{
    top: 546px;
    left: 533px;
}
.icon4{
    top: 534px;
    left: 624px;
}
.icon5{
    top: 597px;
    left: 608px;
}
.icon6{
    top: 679px;
    left: 646px;
}
.icon7{
    top: 524px;
    left: 723px;
}
.icon8{
    top: 591px;
    left: 750px;
}
.icon9{
    top: 450px;
    left: 625px;
}
.icon10{
    top: 430px;
    left: 678px;
}
.icon11{
    top: 494px;
    left: 680px;
}
.icon12{
    top: 600px;
    left: 690px;
}
.icon13{
    top: 334px;
    left: 221px;
}
.icon14{
    top: 490px;
    left: 164px;
}
.icon15{
    top: 420px;
    left: 330px;
}
.icon16{
    top: 390px;
    left: 400px;
}
.icon17{
    top: 644px;
    left: 430px;
}
.icon18{
    top: 412px;
    left: 523px;
}
.icon19{
    top: 570px;
    left: 490px;
}
.icon20{
    top: 652px;
    left: 550px;
}
.icon21{
    top: 371px;
    left: 633px;
}
.icon22{
    top: 270px;
    left: 820px;
}
.icon23{
    top: 366px;
    left: 810px;
}
.icon24{
    top: 336px;
    left: 860px;
}
.icon25{
    top: 766px;
    left: 663px;
}
.icon26{
    top: 427px;
    left: 825px;
}
.icon27{
    top: 364px;
    left: 691px;
}
.icon28{
    top: 400px;
    left: 740px;
}
.icon29{
    top: 470px;
    left: 790px;
}
.icon30{
    top: 510px;
    left: 844px;
}
.icon31{
    top: 568px;
    left: 810px;
}
.contentBox {
    padding: 0 30px;
    text-align: left;
}
.fenge1 {
  background: url(../images/fenge1-newweb.jpg) no-repeat top center;
  height: 142px;
}
.fenge1-jz {
  height: 142px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.fenge2 {
  background: url(../images/fenge2-newweb.jpg) no-repeat top center;
  height: 142px;
}
/*page2*/
.page2{ 
    background: url(../images/page2.jpg) no-repeat top center;
    height:787px;
}
.page2-jz{
    margin: 0 auto;
    height:787px;
    width:1000px;
    position:relative;
}
.page2-btn{
    position:absolute;
    width:180px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:100px;
    left:413px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page2-btn:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}

/*page3*/
.page31{ 
    background: url(../images/page3.jpg) no-repeat top center;
    height:913px;
}
.page3-jz{
    margin: 0 auto;
    height:913px;
    width:1000px;
    position:relative;
}
.page3-box{
    width: 1000px;
    height: 140px;
    position: absolute;
    top: 539px;
}
.page3-box2{
    width: 1000px;
    height: 140px;
    position: absolute;
    top: 699px;
}
.page3-jz .small-box{
    display: inline-block;
    width: 200px;
    height: 140px;
    position: relative;
    overflow: hidden;
}
.small-box + .small-box{
    margin-left: -5px;
}
.text{
    width: 200px;
    height: 140px;
    position: absolute;
    top: 140px;
    transition: all 0.2s linear;
}
.small-box:hover .text{
    top: 0px;
}
#bluetext{
    background:url(../images/icon10.jpg) no-repeat;
    width: 200px;
    height: 140px;
    display: block;
    cursor: pointer;
}
#bluetext:hover{
    background-position: -200px 0px;
}
/*page4*/
.page41{
    background: url(../images/page4.jpg) no-repeat top center;
    height:695px;
}
.page4-jz{
    margin: 0 auto;
    height:695px;
    width:1000px;
    position:relative;
    text-align: center;
}
.page4-btn{
    position:absolute;
    width:180px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom: 120px;
    right:105px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page4-btn:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}

/*page5*/
.page5{
    background: url(../images/page5.jpg) no-repeat top center;
    height:672px;
}
.page5-jz{
    margin: 0 auto;
    height:672px;
    width:1000px;
    position:relative;
    text-align: center;
}
.voice_2 {
    width: 1040px;
    position: absolute;
    top: 200px;
    left: -40px;
}
.voice_2 ul li { 
    float: left; 
    display: inline; 
    height: 350px; 
    color: #fff; 
    cursor: pointer; 
    position: relative;
}
.voice_2 .fold .img1 { 
    display: 
    block; 
    background: url(../images/black1.jpg) 0 0 no-repeat;
    width: 151px;
    height:350px;
}
.voice_2 .fold .img2 { 
    display: block; 
    background: url(../images/black2.jpg) 0 0 no-repeat; 
    width: 151px; 
    height:350px; 
}
.voice_2 .fold .img3 { 
    display: block; 
    background: url(../images/black3.jpg) 0 0 no-repeat; 
    width: 151px; 
    height:350px; 
}
.voice_2 .unfold { 
    width: 700px; 
    height: 350px; 
    display: none; 
    position: relative; 
    top: 0px; 
    left: 0px;
}

.page5-btn1{
    position:absolute;
    width:120px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:17px;
    left: 49px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page5-btn1:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}
.page5-btn2{
    position:absolute;
    width:120px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:17px;
    left: 49px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page5-btn2:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}
.page5-btn3{
    position:absolute;
    width:120px;
    height:36px;
    cursor: pointer;
    text-align:center;
    bottom:17px;
    left: 49px;
    color:#2fabea;
    font-size:16px;
    line-height:36px;
    border: 1px solid #2fabea;
    border-radius: 4px;
}
.page5-btn3:hover{
    background-color:#2fabea;
    color: #fff;
    text-decoration: none;
}

/*fenge*/
.fenge1{
    background: url(../images/fenge1-newweb.jpg) no-repeat top center;
    height: 142px;
}
.fenge1-jz{
    height: 142px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fenge2{
    background: url(../images/fenge2-newweb.jpg) no-repeat top center;
    height: 142px;
}
.fenge2-jz{
    height: 142px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fenge3{
    background: url(../images/fenge3-newweb.jpg) no-repeat top center;
    height: 142px;
}
.fenge3-jz{
    height: 142px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fenge4{
    background: url(../images/fenge4-newweb.jpg) no-repeat top center;
    height: 142px;
}
.fenge4-jz{
    height: 142px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fengeditu{
    background: url(../images/fengeditu-newweb.jpg) no-repeat top center;
    height: 142px;
}
.fengeditu-jz{
    height: 142px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.action1{
    position: absolute;
    margin-top: 60px;
    color: #e5e5e5;
    font-style: italic;
    left: 100px;
    letter-spacing: 2px;
}
.action2{
    position: absolute;
    margin-top: 60px;
    margin-left: 650px;
    animation-name:first;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.action2 a{
    color: #e5e5e5;
    font-style: italic;
    letter-spacing: 2px;
    cursor: pointer;
    text-decoration: none;
}
.action2 a:hover{
    text-decoration:underline;
}
.new-foot-title {
  text-align: center;
  color: #C9C8C8;
  font-size: 36px;
 padding:100px 0px;
}
.box-row{
    width:100%;
    overflow:hidden;
    padding-bottom:100px;


}
.box-row li{
   width: 33.33333333%; 
   float:left;
}
.new-foot-kuang {
  border: 1px solid #FFFFFF;
  width: 200px;
  height: 230px;
  text-align: center;
  background: url(http://cdn.vip.hfjy.com/newtpl/static/imgs/new_foot_shou.png?v=1.0.1) bottom right no-repeat;
  cursor: pointer;
  margin: 0 auto;
}
    .new-foot-kuang p{
        color: #FFFFFF;
    }
@keyframes first{
    0% {
        left:0px; top:0px;
    }
    50%{
        left: 50px; top:0px;
    }
    100%{
        left: 0px; top: 0px;
    }
}
/*自主招生辅导*/
.banner1 {
  background: url(../images/banner-jz.jpg);
  margin-right: auto;
  margin-left: auto;
  height: 520px;
  width: 1000px;
  display: block;
}
.butt1 {
  position: relative;
  cursor: pointer;
  text-align: center;
  top: 63%;
  left: -406px;
}
.scr1 {
  background: url(../images/banneremu.jpg);
  height: 520px;
  display: block;
  margin: 0;
  padding: 0;
  background-size: auto 100%;
  background-position: center top;
  position: relative;
  text-align: center;
}
 .scr2{
    background: url(../images/img1.png);
    height:582px;
    display: block;
    margin: 0;
    padding: 0;
    background-size: auto 100%;
    background-position: center top;
    position:relative;
    text-align: center;
}
 .banner-2{
    background: url(../images/img1-jz.png);
    margin-right: auto;
    margin-left: auto;
    height:582px;
    width:1000px;
    display: block;
}
.anniu{position:relative;
cursor: pointer;
text-align:center;
top:33%;
}
.butt2{position:relative;
cursor: pointer;
text-align:center;
top:46%;
}
.scr21{
    background: url(../images/img2.png);
    height:643px;
    display: block;
    margin: 0;
    padding: 0;
    background-size: auto 100%;
    background-position: center top;
    position:relative;
    text-align: center;
}
 .banner21{
    background: url(../images/img2-jz.png);
    margin-right: auto;
    margin-left: auto;
    height:643px;
    width:1000px;
    display: block;
}
.s1{position:relative;
cursor: pointer;
text-align:center;
top:79%;
left:6%;
}
.s2{position:relative;
cursor: pointer;
text-align:center;
top:79%;
left:10%;
}
.s3{position:relative;
cursor: pointer;
text-align:center;
top:79%;
left:14%;
}
.s4{position:relative;
cursor: pointer;
text-align:center;
top:79%;
left:18%;
}
 .scr3{
    background: url(../images/img4.jpg);
    height:797px;
    display: block;
    margin: 0;
    padding: 0;
    background-size: auto 100%;
    background-position: center top;
    position:relative;
    text-align: center;
}
.scr4{
    background: url(../images/2016zzxg_04.png);
    height:643px;
    display: block;
    margin: 0;
    padding: 0;
    background-size: auto 100%;
    background-position: center top;
    position:relative;
    text-align: center;
}
.butt4{
    position:relative;
    cursor: pointer;
    text-align:center;
    top:77.5%;
}
.scr6{
    background: url(../images/img3.png);
    height:1929px;
    display: block;
    margin: 0;
    padding: 0;
    background-size: auto 100%;
    background-position: center top;
    position:relative;
    text-align: center;
}
.butt6{
    position:relative;
    cursor: pointer;
    text-align:center;
    top:97%;
}
.scr7{
    background: url(../images/img5.jpg) no-repeat center;
    height:765px;
}
 .banner7{
    margin: 0 auto;
    height:765px;
    width:1000px;
    display: block;
    position: relative;
}
.img5_btn1{
    position:absolute;
    cursor: pointer;
    text-align:center;
    top: 632px;
    left: 61px;
}
.img5_btn2{
    position:absolute;
    cursor: pointer;
    text-align:center;
    top: 632px;
    left: 321px;
}
.img5_btn3{
    position:absolute;
    cursor: pointer;
    text-align:center;
    top: 632px;
    left: 581px;
}
.img5_btn4{
    position:absolute;
    cursor: pointer;
    text-align:center;
    top: 632px;
    left: 841px;
}
.scr8{
    background: url(../images/img6.jpg) no-repeat center;
    height:702px;
}
 .banner8{
    margin: 0 auto;
    height:702px;
    width:1000px;
    display: block;
    position: relative;
}
.img6_btn{
    position:absolute;
    cursor: pointer;
    text-align:center;
    top: 591px;
    left: 374px;
}
/*留学咨询*/
.bannerWarp{
  min-width: 1200px;
   background: url(../images/liuxue.jpg) no-repeat center;
  position: relative;
  height:480px;
  width: 100%;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}
.study-btns{
    display:inline-block;
      text-align: center;
  position: absolute;
  margin:0px;
  left: 50%;
  top:70%;
  margin-left: -90px;
}
.contentBox h3 {
    font-size: 24px;
    line-height: 28px;
    font-family: "微软雅黑";
    color: #333333;
    font-weight: 500;
}

.contentBox p {
    font-size: 12px;
    font-family: "宋体";
    line-height: 24px;
}

.contentBox .title-p {
    font-size: 12px;
    font-family: "宋体";
    color: #999999;
}

.contentBox p {
}

.content-list .nMar ,.content-list1 .nMar,.content-list2 .nMar {
    margin-right: 0px;
}
/*第三屏：招牌二：升学辅导*/
.page3 {
    padding: 50px 0px;
    background: #f2f2f2;
}

.content-list1 li {
    height: 550px;
    background: #ffffff;
}

.content-list1 .contentBox {
    background: #ffffff;
}

.page4 {
    padding: 50px 0px 30px 0px;
    background: #ffffff;
}
/*第四屏：招牌三：留学咨询*/
.content-list2 li {
 /*   height: 500px;*/
    margin-bottom: 30px;
}
/*OA开始*/
.sidebar-content {
    padding: 60px 0px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.sidebar_a {
    width: 200px;
    padding: 0px;
    margin: 0px;
    background: #f0f0f0;
}

.sidebar_a ul {
    width: 140px;
    padding: 0px;
    margin: 30px;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.sidebar_a li {
    float: left;
    text-align: left;
    width: 140px;
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 60px;
}

.sidebar_a ul .title {
    font-weight: bold;
    font-size: 18px;
    height: 35px;
}

.sidebar_a li a {
    display: inline-block;
    width: 140px;
    cursor: pointer;
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
    height: 60px;
    line-height: 60px; 
}

#join_page .sidebar_a li {
    height: 36px;
    line-height: 36px;
}
.sidebar_a li a {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #999999;
}

#join_page .sidebar_a .title a {
    font-weight: bold;
    font-size: 18px;
    height: 35px;
    color: #333333;
}

.sidebar_a li .currt {
    color: #00a0e9;
}

.sidebar_a hr {
    width: 140px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
}

.sidebar_b {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 970px;
    text-align: left;
    margin-left: 30px;
}

.sidebar_b .h1 {
    font-size: 30px;
    font-weight: bold;
    font-family: "Microsoft Yahei";
}

.sidebar_b hr {
    border-bottom: 1px solid #cccccc;
    color: #dddddd;
    opacity: 0.3;
}

.sidebar-mian {
}

.sidebar-mian ul {
    overflow: hidden;
    zoom: 1;
    margin: 0px;
    padding: 0px;
}

.sidebar-mian ul li {
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.sidebar-mian ul li h3 {
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    color: #333333;
    position: relative;
    line-height: 40px;
    padding-left: 50px;
    margin-bottom: 20px;
    font-family: "Microsoft Yahei";
}

.sidebar-mian ul li h3 img {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
}

.sidebar-mian ul li p {
    font-size: 14px;
    line-height: 30px;
    padding-left: 50px;
    color: #666666;
    margin: 0 0 10px;
    position: relative;
}

.sidebar-mian ul li p img {
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 5px;
    width: 30px;
}

.sidebar-mian ul li  hr {
    width: 100%;
    padding-left: 50px;
    border-bottom: 1px dashed  #aaaaaa;
}
/*OA结束*/
/*教研开始*/
.content-list1 .research {
    overflow: hidden;
    zoom: 1;
}

.research li {
/*    background:#06a1e7;
*/
    height: 405px;
    margin-top:15px;
}
.research-bg{
     width: 1200px;
  background: url(../images/jiaoyan2.jpg) no-repeat center;
  position: relative;
  height: 405px;
  width: 100%;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}
.research-btns{
    position:absolute;
    left:60px;
    top:65%;
      display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: left;
  color: #fff;
  font-size: 12px;
  font-family: "Microsoft Yahei";
  border-radius: 3px;
  background: #2fa1ef;

}

.research-btns:hover, .research-btns:link {
  cursor: pointer;
  color: #ffffff;
  background:#008cd7;
  text-decoration: none;
}
.research li img {
    float: left;
    width: 390px;
    height: 285px;
}

.research .contentBox {
    background: #06a1e7;
    height: 120px;
    float: left;
    width: 330px;
    color: #ffffff;
    text-align: center;
}

.research .contentBox h3 {
    color: #ffffff;
    font-size: 16px;
}

.research .contentBox p {
    font-size: 14px;
}
/*教研开始第三屏*/
#research_page3 {
    width: 100%;
    min-width: 1200px;
    padding: 60px 0px;
}

.bgf2 {
    background: #f2f2f2;
}

.vitem {
    padding-left: 100px;
}

#research_page3 h3 {
    font-family: "Microsoft Yahei";
    font-size: 40px;
    font-weight: 200;
    color: #333333;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#research_page3 hr {
    width: 265px;
    margin: 20px 0;
    border-top: 1px solid #cccccc;
}

#research_page3 .min-title {
    text-align: left;
    line-height: 24px;
}

#research_page3 p {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    line-height: 30px;
    color: #999999;
}

#research_page3 p span {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
}
/*教研结束*/
/*商务合作开始*/
/*加入我们*/
.sidebar-content a:hover {
    color: #00a0e9;
}

.sidebar-content a:hover ,.sidebar-content a:active {
    text-decoration: none;
}

#join_page .titles {
    padding: 30px;
    margin: 0px;
    text-align: left;
    cursor: pointer;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    font-family: "微软雅黑";
    height: 60px;
    line-height: 60px;
}

/*.join_boxR {
    margin-top: -10px;
}
*/
.join_t {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background-color: #00a0e9;
    color: #ffffff;
}

.join_box {
    margin: 30px 0px;
    height: 90px;
    overflow: hidden;
}

.h3 {
    color: #333333;
    font-weight: 600;
}

.h3 .fanhui {
    display: inline-block;
    text-align: right;
    float: right;
}

.join_boxL {
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 20px;
}

.join_boxR .h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom:10px;
    cursor: pointer;
}

.join_boxR ul {
    overflow: hidden;
}

.join_boxR ul li {
    float: left;
    margin-right: 10px;
}

.join_boxR ul li a {
    display: inline-block;
    color: #00a0e9;
    cursor: pointer;
    font-size: 16px;
    font-family: "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, Helvetica;
}

.join_p {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 26px;
    color: #666666;
}

.join-mtitle {
    font-size: 16px;
    font-family: "微软雅黑";
    color: #333333;
    margin-top: 40px;
    font-weight: bold;
}
/*加入我们结束*/ 
/*师资开始*/
.teachersBoxs {
    height: 500px;
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    background: #f5f5f5;
}

.teachersBox li {
    list-style: none;
    float: left;
    display: inline;
    margin-right: 10px;
    border: 1px solid #aaaaaa;
}

.no-mar {
    padding-bottom: 0;
}
  /*学习中心*/
.Online-banner {
    width: 100%;
    height: 200px;
    color: #ffffff;
    margin-top: 80px;
}

.Online_page {
    padding: 60px 0;
}

.OnlineT {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.OnlineT li {
    float: left;
    font-size: 40px;
    margin-left: 80px;
    margin-bottom: 10px;
    font-family: "宋体";
    color: #333333;
    font-weight: 400;
    text-align: center;
}

.OnlineT li span {
    display: inline-block;
    width: 44px;
    height: 44px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #3498db;
    border-radius: 21px;
    margin-right: 12px;
}

.title-line {
    display: inline-block;
    width: 282px;
    height: 2px;
    margin-left: 100px;
    background: #d4d4d4;
    float: left;
    margin-top: 30px;
}

.Online-Box {
    overflow: hidden;
    zoom: 1;
    width: 1000px;
    margin: 40px auto;
}

.Online-left {
    margin: 0px 40px;
    padding: 40px 0;
}

.Online-Box img {
    width: 157px;
    height: 157px;
    margin-left: 80px;
}

.btn-box {
    width: 1000px;
    color: #ffffff;
    margin: 34px auto 0 auto;
    text-align: center;
}

.btn-box >.btn {
    font-size: 20px;
    color: #ffffff;
    width: 180px;
    background:#00a0e9;
}
.btn-box >.btn:hover{
  background:#008cd7;
}

.Online-Box ul {
    overflow: hidden;
}

.Online-Box ul li {
    float: left;
    width: 240px;
}

.Online-Box ul li img {
    width: 114px;
    height: 114px;
    margin: 0px;
    margin-bottom: 20px;
}

.Online-Box .Online-img {
    width: 224px;
    height: 187px;
    margin-bottom: 0px;
    margin-left: 116px;
}