html {
       color: #222;
       font-size: 1em;
       line-height: 1.4;
   }

   ::-moz-selection {
       background: #b3d4fc;
       text-shadow: none;
   }

   ::selection {
       background: #b3d4fc;
       text-shadow: none;
   }

   hr {
       display: block;
       height: 1px;
       border: 0;
       margin: 1em 0;
       padding: 0;
       background-color: #ccc;
   }

   audio,
   canvas,
   iframe,
   img,
   svg,
   video {
       vertical-align: middle;
   }


   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }

   /*
 * Allow only vertical resizing of textareas.
 */

   textarea {
       resize: vertical;
   }

   /* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

   .browserupgrade {
       margin: 0.2em 0;
       background: #ccc;
       color: #000;
       padding: 0.2em 0;
   }

   /* ==========================================================================
   Author's custom styles
   ========================================================================== */

















   /* ==========================================================================
   Helper classes
   ========================================================================== */

   /*
 * Hide visually and from screen readers
 */

   .hidden {
       display: none !important;
   }

   /*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       -webkit-clip-path: inset(50%);
       clip-path: inset(50%);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
       white-space: nowrap;
       /* 1 */
   }

   /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       -webkit-clip-path: none;
       clip-path: none;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
       white-space: inherit;
   }

   /*
 * Hide visually and from screen readers, but maintain layout
 */

   .invisible {
       visibility: hidden;
   }

   /*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

   .clearfix:before,
   .clearfix:after {
       content: " ";
       /* 1 */
       display: table;
       /* 2 */
   }

   .clearfix:after {
       clear: both;
   }

   /* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 35em) {
       /* Style adjustments for viewports that meet the condition */
   }

   @media print,
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 1.25dppx),
   (min-resolution: 120dpi) {
       /* Style adjustments for high resolution devices */
   }

   /* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

   @media print {

       *,
       *:before,
       *:after {
           background: transparent !important;
           color: #000 !important;
           /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
           box-shadow: none !important;
           text-shadow: none !important;
       }

       a,
       a:visited {
           text-decoration: underline;
       }

       a[href]:after {
           content: " ("attr(href) ")";
       }

       abbr[title]:after {
           content: " ("attr(title) ")";
       }

       /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

       a[href^="#"]:after,
       a[href^="javascript:"]:after {
           content: "";
       }

       pre {
           white-space: pre-wrap !important;
       }

       pre,
       blockquote {
           border: 1px solid #999;
           page-break-inside: avoid;
       }

       /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

       thead {
           display: table-header-group;
       }

       tr,
       img {
           page-break-inside: avoid;
       }

       p,
       h2,
       h3 {
           orphans: 3;
           widows: 3;
       }

       h2,
       h3 {
           page-break-after: avoid;
       }
   }


   /*common*/
   .floatfix {
       *zoom: 1;
   }

   .floatfix:after {
       content: "";
       display: table;
       clear: both;
   }

   a {
       text-decoration: none;
       color: #4e4d4c;
   }

   a:hover,
   .index-dang-content-left h1 a:hover,
   .index-dang-content-left h2 a:hover,
   .index-dang-content-right ul li a:hover {
       color: #f88324 !important;
   }

   img.max-100 {
       max-width: 100%;
   }

   ul,
   ol,
   dl,
   dt,
   dd {
       list-style: none;
       margin: 0;
       padding: 0;
   }

   body {
       font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #707880;
       background-color:#f1fdff;
   }

   .page-wrap {
       max-width: 1920px;
       margin: 0 auto;
       position: relative;
   }

   .page {
       width: 100%;
       margin: 0 auto;
   }

   .w {
       width: 1200px;
       margin: 0 auto;
       position: relative;
   }

   .abs {
       position: absolute;
   }

   .rel {
       position: relative;
   }
   .ctext{
       text-align: center;
   }
   .rtext{
    text-align: center;
        text-align: right;
    }
   .h50{
       height:50px;
   }
   .h20{
    height:20px;
}
.h10{
    height:10px;
}
   /*index page*/
   .header-wrap {
       height: 120px;
       background-color:#fff;
       position: relative;
       z-index: 2;
   }

   .header-wrap.header-mini {
       height: 80px;
   }

   .header-wrap .header {
       height: 100%;
       position: relative;
   }

   .header .logo {
       position: absolute;
       width: 474px;
       left: 0;
       top: 25px;
   }

   .header .contact-top{
       position: absolute;
       right:0;
       top:10px;
       line-height: 60px;
       color:#ffac05;
   }
   .header .contact-top .iconfont{
       font-size:40px;
       vertical-align: middle;
   }
   .header .contact-top .iconfont.iconweibo{
       font-size:42px;
   }
   .header .contact-top span{
       vertical-align: middle;
       font-size:22px;
       margin:0 15px 0 8px;
   }
   a.wechat {
    position: relative;
  }
  a.wechat img {
    position: absolute;
    width: 82px;
    height: 84px;
    top: 15px;
    left: 50%;
    margin-left: -41px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
    will-change: opacity, transform;
    transform-origin: top center;
    border-radius: 10px;
  }
  a.wechat:hover img {
    opacity: 1;
    transform: scale(1);
    top: 35px;
  }
   /*swiper*/
   .banner-wrap {
       height: 400px;
   }

   .banner-wrap .swiper-container,
   .banner-wrap .swiper-slide {
       height: 100%;
       position: relative;
   }

   .banner-thumbs{
       position: absolute;
       right:50%;
       margin-right:-350px;
       z-index: 2;
       bottom:12px;
   }
   .banner-thumbs ul{

   }
   .banner-thumbs ul li{
       display: inline-block;
       width:42px;
       height:42px;
       margin-left:6px;
       border:1px solid #ffd66c;
       border-radius: 8px;
       box-sizing: border-box;
       overflow: hidden;
       cursor: pointer;
   }
   .banner-thumbs ul li.active{
       border: 2px solid #007bba;
   }
   .img-fit {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       margin:0 auto;
   }

   .hr.home-hr {
       height: 5px;
       background-color: #ffd66c;
   }

   .index-banner-nav {
       width: 164px;
       height: 400px;
       position: absolute;
       left: 50%;
       margin-left: -600px;
       top: 0;
       background-image: url("../image/navbg.jpg");
       background-size: 100% 100%;
       z-index: 1;
   }

   .index-banner-nav li {
       height: 57px;
       text-align: center;
       line-height: 57px;
       box-sizing: border-box;
       border-bottom: 1px solid #148ed3;
       display: inline-block;
       width: 100%;
       position: relative;
   }

   .index-banner-nav li:last-child {
       border-bottom: none;
   }

   .index-banner-nav li a {
       color: #fff;
       display: block;
       /* position: absolute; */
       width: 100%;
       height: 100%;
   }

   .index-banner-link {
       width: 234px;
       height: 242px;
       background-color: #fbfeff;
       position: absolute;
       top: 13px;
       right: 50%;
       margin-right: -600px;
       z-index: 1;
   }

   .index-banner-link ul {
       width: 204px;
       border: 1px solid #dcdfe4;
       border-bottom: none;
       margin: 0 auto;
       position: relative;
       top: 13px;
   }

   .index-banner-link ul li {
       float: left;
       display: inline-block;
       width: 102px;
       box-sizing: border-box;
       height: 108px;
       border-bottom: 1px solid #dcdfe4;
       background-repeat: no-repeat;
       background-position:29px 20px;
   }

   .index-banner-link ul li:nth-child(2n+1) {
       border-right: 1px solid #dcdfe4;
   }

   .index-banner-link ul li:nth-child(1) {
       background-image: url('../image/icon-banner-book.png');
   }

   .index-banner-link ul li:nth-child(4) {
       background-image: url('../image/icon-banner-location.png');
   }

   .index-banner-link ul li:nth-child(3) {
       background-image: url('../image/icon-banner-teacher.png');
   }

   .index-banner-link ul li:nth-child(2) {
       background-image: url('../image/icon-banner-school.png');
   }

   .index-banner-link a {
       color: #707880;
       display: block;
       width: 100%;
       height: 100%;
   }

   .index-banner-link li:hover{
       background-color:rgba(224, 222, 222, 0.829);
   }

   .index-banner-link a span {
       display: inline-block;
       width: 100%;
       text-align: center;
       color: #707880;
       position: relative;
       top: 72px;
   }

   .tab-ui{
       position: relative;
   }
   .tab-content-c{
       position: relative;
   }
   .tab-content-c>div{
       display: block;
       position: absolute;
       width:100%;
       height:100%;
       overflow:hidden;
       opacity:0;
   }
   .tab-content-c>div.active{
        display: block;
        opacity:1;
        z-index:5;
   }
   .tab-title-c{
       position: relative;
   }
   .tab-title-c div{
       position: relative;
       float:left;
       height:100%;
   }
   .index-banner-news{
       width:234px;
       height:128px;
       position: absolute;
       /* bottom:15px; */
       top:258px;
       right:50%;
       margin-right:-600px;
       background-color:#fff;
       z-index:1;
   }
   .index-banner-news .tab-ui{
       width:204px;
       margin:0 auto;
       margin-top:5px;
   }
   .index-banner-news .tab-ui .tab-title-c{
       height:28px;
   }
   .index-banner-news .tab-content-c{
       height:128px;
   }
   .index-banner-news .tab-ui .tab-title-c:before{
       content:"";
       height:2px;
       background-color:#dcdfe4;
       width:100%;
       position: absolute;
       bottom:0;
       left:0;
   }
   .index-banner-news .tab-ui .tab-title-c>div{
       height:26px;
       line-height: 26px;
       color:#575b5e;
       font-size:16px;
       cursor:pointer;
       margin-right:12px;
   }
   .index-banner-news .tab-ui .tab-title-c>div.active, .index-banner-news .tab-ui .tab-title-c>div:hover{
       color:#007bba;
       border-bottom:2px solid #007bba;
   }

   .index-banner-news ul li{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width:100%;
        margin:10px 0;
   }
   .index-banner-news ul li>a{
        color:#6e767e;
   }

   .f .w{
       padding-top:50px;
   }
   .f .w .t{
       text-align: center;
       position: relative;
   }
   .f .w .t>a{
       position: absolute;
       bottom:-5px;
       right:0;
       font-size:14px;
       color:#9da3ac;
   }
   .f .w .l{
       margin-top:26px;
   }

  
   ul.justify {
    text-align: justify;
    text-justify: distribute;
    font-size: 0;
    width:100%;
  }
  ul.justify:after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    overflow: hidden;
  }
  
  .justify li {
    width: 163px;
    /* height: 100px; */
    /* margin-bottom: 20px; */
    font-size: 12px;
    /* background: #1aacc3; */
    display: inline-block;
    vertical-align: top;
  }

  .f.f1 .w .l li{
    width: 163px;
    height: 244px;
    border:1px solid #e6edf5;
    border-radius: 2px;
    background-image:url("../image/index-course-bg.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    transition:all .2s;
  }
  .f.f1 .w .l li:hover{
      z-index:2;
      transform:scale(1.1);
  }
  .f.f1 .w .l li>div{
      width:100%;
      height:100%;
      overflow: hidden;
  }
  .f.f1 .w .l li>div>a{
      width:100%;
      height:100%;
      display: block;
  }
  .f.f1 .w .l li>div>a h1{
      font-size:18px;
      color:#44b0e6;
      margin:20px 0 8px 0;
      text-align: center;
  }
  .f.f1 .w .l li:nth-child(2)>div>a h1{
      color:#016ca0;
  }
  .f.f1 .w .l li:nth-child(3)>div>a h1{
    color:#f0a108;
}
.f.f1 .w .l li:nth-child(4)>div>a h1{
    color:#44b0e6;
}
.f.f1 .w .l li:nth-child(5)>div>a h1{
    color:#016ca0;
}
.f.f1 .w .l li:nth-child(6)>div>a h1{
    color:#f5baa5;
}
.f.f1 .w .l li:nth-child(7)>div>a h1{
    color:#d39000;
}
  .f.f1 .w .l li>div>a p{
    font-size:14px;
    color:#c1c5cb;
    margin:5px;
    height:56px;
    overflow:hidden;
    text-align:center;
}
.f.f1 .w .l li>div>a>div{
    text-align: center;
}
.f.f1 .w .l li>div>a>div>img{
    width:124px;
    height:124px;
    border-radius:100%;
}
  
/*index学校*/

.f.f2 .w .l li{
    width: 217px;
    /* height: 244px; */
    transition:all .2s;
  }
  .f.f2 .w .l li:hover{
      z-index:2;
      transform:scale(1.1);
  }
  .f.f2 .w .l li>div{
      width:100%;
      height:100%;
      overflow: hidden;
  }
  .f.f2 .w .l li>div>a{
      width:100%;
      height:100%;
      display: block;
  }
  .f.f2 .w .l li>div>a>div>img{
      width:100%;
      display: block;
      border-radius:10px;
      height:177px;
  }
  .f.f2 .w .l li>div>a>h1{
      font-size:18px;
      color:#707880;
      margin:8px 0 6px 0;
      height:28px;
      line-height:28px;
      overflow:hidden;
      white-space: nowrap;
        text-overflow: ellipsis;
  }
  .f.f2 .w .l li>div>a>h1 i{
      font-size:24px;
      vertical-align: middle;
      margin-right:8px;
  }
  .f.f2 .w .l li>div>a>p{
    font-size:12px;
    color:#c0c5ca;
}

/*教师团队*/
.f.f3 .l li{
    width:156px;
    position: relative;
    transition:all .2s;
}
.f.f3 .l li:hover{
    transform:scale(1.1);
}

.f.f3 .l li>div>a{
    display: block;
    width:100%;
    height:100%;
}
.f.f3 .l li>div>a>div{
    width:100%;
    box-sizing: border-box;
    border:2px solid #67cef8;
    position: relative;
    border-radius: 6px;
}
.f.f3 .l li>div>a>div>img{
    max-width:100%;
    display: block;
    box-sizing: border-box;
    border:1px solid #e6e6e6;
    border-radius: 6px;
    position: relative;
    top:-10px;
    left:-8px;
    width:100%;
    height:156px;
}
.f.f3 .l li>div>a>div>h1{
    font-size:16px;
    color:#707880;
    font-weight: normal;
    text-align: center;
    margin:-4px 0 4px 0
}
.f.f3 .l li>div>a>p{
    text-align: center;
    font-size:14px;
    color: #9da3ac;
    margin:8px 0;
}
.f.f3 .w .l{
    margin-top:40px;
}



.f.f4 .w .l{
    position: relative;
    overflow: hidden;
}
.f.f4 .w .l>.scroll-box{
    position: relative;
    margin:0 43px;
    overflow:hidden;
}
.f.f4 .w .l .scroll{
    white-space: nowrap;
    display: inline-block;
    font-size:0;
    position: relative;
    left:0;
    transition: left .6s;
    height:100%;
}
.f.f4 .w .l li{
    width:159px;
    margin-right:32px;
    display: inline-block;
    vertical-align: top;
}
.f.f4 .w .l li:last-child{
    margin-right:0;
}
.f.f4 .w .l li>div>a{
    width:100%;
    display:block;
}
.f.f4 .w .l li>div>a>img{
    max-width:100%;
    width:100%;
    height:159px;
    display: block;
    border-radius: 50%;
}
.f.f4 .w .l li>div>a>h1{
    text-align: center;
    color:#707880;
    font-size:18px;
    font-weight: normal;
}
.f.f4 .w .l li>div>a>p{
    text-align: left;
    color:#9da3ac;
    font-size:14px;
    height:2.3em;
    line-height: 1.2em;
    white-space: normal;
    text-align: justify;
    overflow: hidden;
}
.arrow-student{
    font-size:40px;
    cursor: pointer;
    position: absolute;
    top:50%;
    margin-top:-60px;
}
.arrow-left{
    left:0;
}
.arrow-right{
    right:0;
}
/**f5**/
.f5 .w{
    margin:90px auto 80px auto;
    padding-top:0;
}
.edu-c{
    width:866px;
    height: 378px;
}
.f-title{
    font-size:24px;
    color:#007bc0;
    height:40px;
    line-height: 40px;

}
.edu-c-title::before{
    content:"\e78d";
    font-family:iconfont;
    font-size:20px;
    color:orange;
    position: absolute;
    left:100px;
    top:-10px;
}
.qrcode-c-title::before{
    content:"\e600";
    font-family:iconfont;
    font-size:10px;
    color:#a9e0f8;
    position: absolute;
    left:124px;
    top:-10px;
}
.edu-c .tab-ui{
    border-top:4px solid #dbe1e7;
}
.edu-c .tab-title-c{
    height:36px;
    line-height: 36px;
    background-color: #fff;
}
.edu-c .tab-title-c>div{
    padding:0 22px;
    color:#707880;
    font-size:16px;
    cursor: pointer;
}
.edu-c .tab-title-c>div.active{
    cursor: default;
}
.edu-c .tab-title-c>div.active, .edu-c .tab-title-c>div:hover{
    background-color: #dbe1e7;
}
.edu-c .tab-title-c>div.active::before, .edu-c .tab-title-c>div:hover::before{
    position: absolute;
    content:"";
    width:100%;
    height:4px;
    background-color: #0f82c3;
    bottom: 0;
    left:0;
}
.edu-c .tab-content-c{
    height:272px;
    margin-top:25px;
}

/*sync slider*/
.sync-slider-container{
    position: relative;
}
.sync-slider-container .banner-list{
    height:272px;
    width:508px;
    position: relative;
}
.sync-slider-container .banner-list .swiper-container{
    width:100%;
    height:100%;
    position: absolute;
}
.sync-slider-container .news-list{
    height:272px;
    width:330px;
    position: absolute;
    top:0;
    right:0;
}
.sync-slider-container .news-list>div{
    margin-bottom:28px;
}
.sync-slider-container .news-list>div>a{
    display: block;
}
.sync-slider-container .news-list>div>a:first-child{
    font-size:16px;
    color:#707880;
    line-height: 1.5;
    height:1.5em;
    overflow: hidden;
}
.sync-slider-container .news-list>div>a:last-child{
    font-size:12px;
    color:#9da3ac;
    height:3em;
    line-height: 1.5;
    overflow:hidden;
}
.sync-slider-container .news-list>div.active>a:first-child{
    color:#0c90da;
}
.my-pagination{
    position: absolute;
    right:20px;
    bottom:10px;
}
.my-pagination span.swiper-pagination-switch{
    width:16px;
    height:16px;
    border-radius: 50%;
    display: inline-block;
    background-color:#fff;
    margin-left:15px;
}
.my-pagination span.swiper-pagination-switch.swiper-active-switch{
    background-color:#fbc800;
}
.oneline-ellipsis{
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.edu-c .more-text{
    color:#9da3ac;
    font-size:14px;
    position: absolute;
    right:0;
    bottom:0;
}

.f5 .qrcode-c{
    width:280px;
    position: absolute;
    right:0;
    top:0;
}
.f5 .qrcode-c>div:nth-child(2){
    border-top:4px solid #dbe1e7;
}
.f5 .qrcode-c ul{
    width:100%;
    background-color: #fff;
    padding:32px 0;
}
.f5 .qrcode-c ul li{
    padding-left:30px;
    vertical-align: middle;
    margin-top:16px;
}
.f5 .qrcode-c ul li span{
    margin-left:20px;
}

/**f6*/
.f6{
    height:380px;
    background-color: #fff;
}
.f6 .w{
    padding-top:0;
}
.index-feature{
    height: 206px;
    line-height: 206px;
}
.site-links .justify{
    margin-top:40px;
}
.site-links .f-title{
    border-bottom:4px solid #dbe1e7;
}
.site-links .justify li{
    width:140px;
    height:36px;
}
.site-links .justify li img{
    width:100%;
    display: block;
}
/*footer*/
.footer-wrap{
    height:146px;
    background-color: #007cc1;
}
.footer{
    height:100%;
}
.footer .contact-phone{
    position: absolute;
    height:58px;
    top:50%;
    margin-top:-29px;
    color:#fff;
    padding-left:58px;
    left:0;
}
.footer .contact-phone>div:first-child{
    font-size:18px;
}
.footer .contact-phone>div:nth-child(2){
    font-size:22px;
}
.footer .contact-phone>img{
    position: absolute;
    left:0;
    top:0;
}
.footer .iconphone{
    position: absolute;
    left:0;
    top:0;
    font-size:44px;
}
.footer-text{
    font-size:14px;
    color:#fff;
    color:rgba(255,255,255,0.5);
    text-align:right;
    position: absolute;
    top:50%;
    margin-top:-15px;
    right:0;
}
.footer-text a{
    color:#fff;
    color:rgba(255,255,255,0.5);
}

.nav-common{
    position: absolute;
    bottom:0;
    left:0;
}
.nav-common ul{
    font-size:0;
}
.nav-common li {
    display: inline-block;
    padding:0 16px;
    height:40px;
    line-height: 40px;
    text-align:center;
}
.nav-common li.active, .nav-common li:hover{
    background-color:#ffac05;
    
}
.nav-common li.active a, .nav-common li:hover a{
    color:#fff !important;
}
.nav-common li a{
    font-size:16px;
    color:#666;
    display: block;
    width:100%;
    height:100%;
}
.hr.nav-common-hr{
    height:2px;
    background-color: #0c90da;
}
.category-banner-wrap{
    height:165px;
}
.category-banner-wrap .w{
    height:100%;
}

.category-banner-wrap h1{
    margin:0;
    padding:0;
    padding-top:40px;
    font-size:30px;
    color:#67cef8;
    font-weight: normal;
    line-height: 1;
}
.category-banner-wrap h2{
    margin:0;
    padding:0;
    padding-top:6px;
    font-size:18px;
    color:#67cef8;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}
.category-banner-wrap .location{
    position: absolute;
    left:0;
    bottom:-20px;
    height:40px;
    line-height: 40px;
    font-size:14px;
    color:#9da3ac;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding:0 20px;
    box-shadow: 0px 6px 6px 0px rgba(221,245,254,1);
}
.category-banner-wrap .location a{
    color:#9da3ac;
}
.category-banner-wrap .location>span{
    display: inline-block;
    margin:0 4px;
}
.f-content .w{
    padding-top:0;
}
.f-content .w .l{
    margin-top:48px;
}
.f-content .l ul li{
    float:left;
    display: block;
    background-color: #fff;
    border-radius:4px;
    box-sizing: border-box;
    position: relative;
}
.f-content .l ul li:nth-child(4n) {
    margin-right:0;
}



.f-content.f-teachers .l li{
    width:258px;
    margin:0 56px 46px 0;
    padding:11px 13px 21px;
}
.f-content.f-teachers .l li:hover:before{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    border:2px solid #9adefa;
    box-shadow: 6px 8px 8px 0px rgba(164, 228, 253, 0.6);
    left:-2px;
    top:-2px;
    z-index:-1;
    border-radius: 4px;

}
.f-content.f-teachers .avatar{
    width:100%;
    height:246px;
    border-radius:4px;
}
.f-content.f-teachers .avatar~p{
    font-size:12px;
    color:#9da3ac;
    line-height: 2;
    height:6em;
    overflow:hidden;
    margin:21px 12px 29px;
}
.f-content .more-link{
    color:#ffaa00;
    font-size:12px;
}
.pagination-box{
    background-color: #fff;
    height:143px;
    position: relative;
}
.pagination{
    text-align: center;
    padding-top:50px;
}
.pagination{
    font-size:0;
}
.pagination li{
    display: inline-block;
    height:30px;
    line-height: 30px;
    padding:0 8px;
    box-sizing: border-box;
    font-size:12px;
    position: relative;
}
.pagination li a::before{
    content:"";
    width:100%;
    height:100%;
    /* padding:8px;
    left:50%;
    top:50%; */
    left:0;
    top:0;

    position: absolute;
}
.pagination li.active{
    color:#55a8d6;
    border:1px solid #55a8d6;
}
.pagination li:first-child,.pagination li:last-child{
    border:1px solid #bec2c8;
}
.pagination li:first-child{
    margin-right:8px;
}
.pagination li:last-child{
    margin-left:8px;
}

/*教师团队详情*/
.f-teacher-detail{
    padding-top:66px;
}
.detail-right{
    width:872px;
    margin-left:328px;
    color:#707880;
    font-size: 16px;
    line-height: 2;
}
.detail-right .article{
    background-color:#fff;
    padding:40px 70px;
    box-sizing: border-box;
}
.detail-avatar{
    position: absolute;
    left:0;
    top:0;
    width:305px;
    height:324px;
    border-radius: 4px;
}
.detail-html{
    text-align:justify;
    border-top:2px solid #55a7d5;
}
.teacher-title{
    margin-bottom: 28px;
}
.teacher-title span:first-child{
    min-width:208px;
    height:30px;
    line-height: 30px;
    font-size:30px;
    color:#0c90da;
    font-weight: normal;
    margin:0;
    padding:0;
    display: inline-block;
    position: relative;
    z-index:2;
}
.teacher-title span:first-child::before{
    content:"";
    position: absolute;
    width:100%;
    height:48px;
    bottom:-18px;
    background-image:url("../image/teacher-title-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index:-1;

}
.teacher-title span:last-child{
    font-size:16px;
    color:#707880;
}
.nav-links{
    margin:35px 0;
    position: relative;
    height:30px;
    text-align: center;
}
.nav-links a{
    color:#9da3ac;
    font-size:15px;
    position: absolute;
    top:0;
    max-width:40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-links a:first-child{
    left:0;
}
.nav-links a:last-child{
    right:0;
}
.nav-links .btn-close{
    font-size:15px;
    color:#000000;
    cursor:pointer;
}

/*雅智之星*/
.f-content.f-students .l li{
    width:282px;
    margin:0 24px 46px 0;
    padding:11px 13px 21px;
}
.f-content.f-students .avatar{
    width:159px;
    height:159px;
    margin:0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    overflow: hidden;
}
.f-content.f-students .avatar~h3{
    margin:0;
    font-size:18px;
    color:#707880;
    font-weight: normal;
}

/*雅智之星详情*/
.student-title{
    margin-bottom:28px;
}
.student-title span:first-child{
    min-width:120px;
    height:30px;
    line-height: 30px;
    font-size:30px;
    color:#0c90da;
    font-weight: normal;
    margin:0;
    padding:0;
    display: inline-block;
    position: relative;
    z-index:2;
}
.student-title span:first-child::before{
    content:"";
    position: absolute;
    width:100%;
    height:32px;
    bottom:-10px;
    background-image:url("../image/student-title-bg.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index:-1;

}
.student-title span:first-child::after{
    position: absolute;
    width:91px;
    height:42px;
    content:'';
    right:-112px;
    top:-4px;
    background-image:url("../image/icon-yazhi-star.png")
}
.f-student-detail .detail-html{
    border-bottom:3px solid #c0c5ca;
    padding-bottom:50px;
}
.f-student-detail .article .nav-links{
    margin:20px 0;
}
.f-student-detail .detail-right .article{
    padding-bottom:5px;
}
.f-content{
    min-height: 60vh;
}

/*新闻详情*/
.news-detail-banner-wrap{
    height:68px;
}
.f-news-detail .detail-right{
    margin:0;
    width:100%;
}
.f-news-detail .w{
    padding-top:50px;
}
.f-news-detail .detail-html{
    padding-bottom:80px;
    border-bottom:2px solid #c0c5ca;
}
.f-news-detail .article .nav-links{
    margin:0;
    margin-top:40px;
}
.title h1{
    margin:0;
    font-size:24px;
    color:#4a5867;
    font-weight: normal;
}
.article-bar {
    color:#9da3ac;
    font-size:12px;
    position: relative;
    height:26px;
    line-height: 26px;
}
.article-bar .article-tools{
    position: absolute;
    right:0;
    bottom:0;
    height:26px;
    line-height: 26px;
    font-size:14px;
}
.article-bar .article-tools span{
    cursor: pointer;
    user-select: none;
}
.detail-html img {
    max-width:100%;
}
.detail-html p{
    text-indent: 2em;
}
.f-news-detail .detail-right>.nav-links{
    margin:70px 0;
}
/*教育头条*/
.edu-top-banners{
    position: relative;
    height:406px;
}
.edu-top-banners .sync-slider-container{
    width:100%;
    height:100%;
    position: relative;
}
.edu-top-banners .banner-list{
    width:1057px;
    height:100%;
}
.edu-top-banners .news-list{
    position: absolute;
    right:0;
    top:0;
    width:143px;
    height:100%;
}
.edu-top-banners .sync-slider-container .news-list>div{
    margin-bottom:0;
    filter:none;
}
.edu-top-banners .sync-slider-container .news-list>div.active{
    filter:brightness(1.5);
}
.edu-top-banners .sync-slider-container .news-list>div>a{
    width:142px;
    height:82px;
}
.edu-top-banners .news-list{
    overflow: hidden;
}
.title-with-bordr-bottom{
    height:35px;
    line-height: 35px;
    font-size:20px;
    color:#4a5867;
    position: relative;
    border-bottom:2px solid #0c90da;
    margin-bottom:30px;
}
.title-with-bordr-bottom a{
    position: absolute;
    right:0;
    color:#9da3ac;
    font-size:14px;
}
.edu-news li{
    float:left;
    width:366px;
    margin-bottom:12px;
    margin-left:51px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:18px;
    white-space: nowrap;
}
.edu-news li:nth-child(3n+1) {
    margin-left:0;
}
.edu-news li a{
    font-size:18px;
    color:#4a5867;
}
.edu-news li>span{
    display: inline-block;
    padding:2px;
    background-color:orange;
    margin-right:5px;
    color:#fff;
}

.list-width-thumb{

}
.list-width-thumb li{
    float:left;
    width:50%;
    box-sizing: border-box;
    position: relative;
    height:67px;
    margin-bottom:18px;
}
.list-width-thumb li:nth-child(2n+1) {
    padding-right:20px;
}

.list-width-thumb li>div{
    padding-left:147px;
    position: relative;
}
.list-width-thumb li>a{
    position: absolute;
    width:130px;
    height:67px;
    display: block;
}
.list-width-thumb li>div>a{
    font-size:18px;
    line-height:1.4;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    display: block;
    color:#707880;
}
.list-width-thumb li>div>p{
    color:#9da3ac;
    margin:0;
    padding:0;
    line-height: 1.5;
    height:3em;
    overflow:hidden;
}

.list-width-thumb li:nth-child(1)>div>a,
.list-width-thumb li:nth-child(2)>div>a{
    color:#0c90da;
}
.f-edu-newslist .w{
    padding-top:35px;
}
.about-c{
    padding-left:178px;
    min-height:400px;
    position: relative;
}
.f-about .index-banner-nav{
    background-image: url("../image/nav-about-bg.jpg");
}
.index-banner-nav li.active::after{
    content:"";
    width:3px;
    height:100%;
    background-color:#fcd579;
    position: absolute;
    left:0;
    top:0;
}
.about-c-a{
    background-color: #fff;
    padding:58px 58px 70px 58px;
    color:#707880;
    font-size:16px;
}
.about-title{
    font-size:18px;
    color:#4a5867;
    padding:13px 0;
    margin:0;
    font-weight: normal;
    position: relative;
    display: inline-block;
    letter-spacing: .1em;
}
.about-title::before{
    content:"";
    position: absolute;
    bottom:0;
    left:50%;
    width:40%;
    margin-left:-20%;
    height:4px;
    background-color:#ffaa00;
}
.article{
    line-height: 2;
    text-align:justify;
}


/*校区列表*/
.about-c-a p{
    text-indent:2em;
}
.schools-c{
    background-color: #fff;
    padding:0px 50px 70px;
}
.schools-c>h1{
    color:#707880;
    font-size:18px;
    font-weight: normal;
    text-align: center;
    padding:30px 0;
}
#school-map{
    height:496px;
    background-color: #ccc;
    z-index: 1;
}

.content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
    border-radius:10px;
    overflow: hidden;
}

.content-window-card p {
    height: 2rem;
}

.custom-info {
    border: solid 2px #0c90da;
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    /* border-bottom: 1px solid #CCC; */
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: inline-block;
    color: #0c90da;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 40px;
    padding: 0 10px;
    white-space: nowrap;
    overflow:hidden;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
    cursor:pointer;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    font-size: 14px;
    padding: 0 10px 10px 10px;
    line-height: 20px;
    color:#9da3ac;
}
div.info-middle>div:first-child{
    margin-bottom:10px;
}
div.info-middle a{
    font-size:12px;
    color:#007bc0;
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

span {
    margin-left: 5px;
    font-size: 11px;
}

.info-middle img {
    float: left;
    margin-right: 6px;
}
.filter-bar{
    background-color: #f3f3f3;
    padding:25px 15px;
    border-radius: 8px;
}
.filter-bar ul li{
    display: inline-block;
    padding:8px;
    font-size:18px;
    color:#707880;
    border-radius:8px;
    margin-right:20px;
    cursor: pointer;
}
.filter-bar ul li.active, .filter-bar ul li:hover{
    background-color:#ffaa00;
    color:#fff;
}
.filter-result-box{
    margin-top:28px;
}
.filter-result-box ul{
    margin-right:-40px;
}
.filter-result-box ul li{
    float:left;
    margin-right:40px;
    margin-bottom:18px;
    width:530px;
    box-sizing: border-box;
    height:168px;
    background-color: #fff;
    border:2px solid #c0c5ca;
    padding:20px;
    border-radius: 4px;
}
.filter-result-box ul li:hover{
    border-color: #0c90da;
}
.filter-result-box ul li>div{
    position: relative;
    height:100%;
}

.filter-result-box ul li>div>img{
    position: absolute;
    left:0;
    top:0;
    width:163px;
    height:121px;
}
.filter-result-box ul li>div>div{
    position: relative;
    margin-left:182px;
    height:100%;
}
.filter-result-box ul li>div>div>a {
    position: absolute;
    bottom:2px;
    left:2px;
    color:#007bc0;
    font-size:12px;
}
.filter-result-box ul li>div>div>h3{
    color:#4a5867;
    font-size:18px;
    font-weight: normal;
    margin:0;
    margin-bottom:11px;
}
.filter-result-box ul li>div>div>p{
    margin:0;
    padding:0;
    font-size:14px;
    color:#9da3ac;
    line-height: 1.5;
}

/*课程详情*/
.f-course-detail .detail-html{
    border:none;
}


.w1200{ width: 1200px;margin: auto;}
.marginTop{margin-top: 50px;}
.NEws-items{ background: #fff;box-sizing: border-box;padding: 30px;}
.NEws-items .list-width-thumb li{width: 100%;float: none;border-bottom: 1px solid #ccc;height: 90px;margin-top: 20px;}
.NEws-items .list-width-thumb li:nth-child(1)>div>a,.NEws-items  .list-width-thumb li:nth-child(2)>div>a{ color: #707880;}
.pages{text-align: center;}
.pages a{ display: inline-block;padding: 3px 12px;border: 2px solid transparent;border-radius: 3px;margin-left: 15px;}
.pages a:first-child,.pages a:last-child{border: 2px solid #9da3ac;font-size: 16px;}
.pages a.active{ border: 2px solid #007cc1;color: #007cc1;}
.pages a:hover{border: 2px solid #007cc1;color: #007cc1!important;}

#fix-right-Column{z-index:99999; position: fixed;top: 40%;right: 0;background: #fff;box-shadow: 2px -1px 35px #3bc6ff;padding: 10px 2px; border-radius: 4px;box-sizing: border-box;text-align: center;}
#fix-right-Column ul li{ border-bottom: 1px solid #ccc;margin-top: 10px;padding: 0 5px;padding-bottom: 10px;position: relative;}
#fix-right-Column ul li:last-child{ border-bottom: 0;}
#fix-right-Column ul li a{display: block;color: #707880;font-size: 12px;}
#fix-right-Column ul li a>img{display: block;margin: 0 auto 2px auto;width: 45%;}
#fix-right-Column ul li div{ position: absolute;top: 0;right:100%; display: none;}
#fix-right-Column ul li div img{display: block;}
#fix-right-Column ul li:hover div{display: block;}
.fix-cer-form{z-index:999999999;display: none; position: fixed;top: 50%;left: 50%; background: #0c90da;width: 650px;height: 490px;margin-top: -245px;margin-left: -325px;border-radius: 5px;box-shadow:-2px 4px 15px #0c90da;}
.form-top{ position: absolute;left: 0;top: 0;width: 100%;background: #007cc1;color: #fff;padding: 20px 30px;box-sizing: border-box;}
.form-top h3{font-weight: normal;font-size: 26px;float: left;}
.form-top span{display: inline-block; float: right;cursor: pointer;vertical-align: middle;}
.form-top span img{display: block;}
h3 {
    display: block;
    font-size: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.form-content{ width: 85%;margin: 100px auto 0 auto;}
.form-content .form-control{margin-top: 20px;}
.form-content .form-control span{ width: 80px;text-align: right;margin-right: 20px;color: #fff;font-size: 16px;line-height: 40px;font-size: 18px;display: inline-block;}
.form-content .form-control input,.form-content .form-control select{width: 70%;height: 40px;text-indent:15px;font-size: 16px;border: none;}
.form-content .form-control i{color: #fff;line-height: 40px;font-size: 12px;font-style: normal;margin-left: 10px;}
.form-content .form-control .submit{display: inline-block;width: 150px;border-radius: 7px;height: 50px;line-height: 50px;background: #ffaa00;color: #fff;border: none;font-size: 20px;cursor: pointer;}

.nav-common li .dl{ background: url(../image/navbg.jpg);width: 164px;height: 400px;position: absolute;top: 100%;left: 0; box-sizing: border-box;line-height: 30px;z-index: 22222;display: none;}
.nav-common li.chinese{ width: 164px;padding-left: 0;padding-right: 0;}
.nav-common li .dl dl{ border-bottom: 1px solid #ffaa00;padding: 0 20px 10px 20px;}
.nav-common li .dl dl:last-child{border: none;}
.nav-common li .dl dt {margin-top: 10px;}
.nav-common li .dl dt a{font-size: 14px;text-align: left;}
.nav-common li .dl dd{font-size: 12px;text-indent: 20px;}
.nav-common li .dl dd a{font-size: 13px;}
.nav-common li .dl a{display: block;text-align: left;}
dl {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.nav-common li{position: relative;}
.nav-common li .dl dl a:hover{color: #b3d4fc!important;}
.nav-common li:hover .dl{display: block;}

.nav-common li.know-us dl{position: absolute;top: 100%;width: 350px;height: 86px;background: #007bc0;left: 0;display: none;}
.nav-common li.know-us dl dd{float: left;width: 25%;text-align: left;}
.nav-common li.know-us dl dd a{color: #fff;font-size: 14px;text-indent: 10px}
.nav-common li.know-us dl dd a:hover{color: #ffaa00!important;}
.nav-common li.know-us:hover{background-color: transparent!important;}
.nav-common li.know-us:hover>a{ color: #666!important;;}
.nav-common li.know-us:before{ width: 100%;position: absolute;content: '';height: 3px;background: #ffaa00;display: block;left: 0;bottom: 0;z-index: 9999999999999;display: none;}
.nav-common li.know-us:hover:before{display: block;}
.nav-common li.know-us:hover dl{display: block;}
.clear{clear: both;}
.Lesson-items{}
.Lesson-items .Lesson-left{float: left;background: #fff;padding:30px 50px 100px 50px;width: 860px;box-sizing: border-box;}
.Lesson-items .Lesson-left ul li{ border-bottom: 1px solid #dcebee;padding-bottom: 30px;overflow: hidden;margin-top: 30px}
.Lesson-items .Lesson-left .justify{float:left;text-align: center;text-justify: distribute;font-size: 0;width: 100%;width: 110px;height: 163px;background: url(../image/les-bg.jpg);}
.Lesson-items .Lesson-left .justify div img{width: 80px;margin-top: 20px;}
.Lesson-items .Lesson-left .justify div{width: auto;}
.Lesson-items .Lesson-left .justify div h1{font-size: 15px;color: #44b0e6;margin-top: 10px;}
.Lesson-items .Lesson-left .justify div p{margin-top: 5px;color: #c1c5cb;font-size: 12px;}
.Lesson-items .Lesson-left ul li dl{ width: 620px;float: right;}
.Lesson-items .Lesson-left ul li dl dt{font-size: 24px;color: #4a5867;font-weight: bold;}
.Lesson-items .Lesson-left ul li dl dd p{margin-top: 10px;color: #9da3ac;height: 35px;overflow: hidden;}
.Lesson-items .Lesson-left ul li dl dd a{margin-top:60px ;color: #707880;display: block;}
.Lesson-items .Lesson-right{float: right;width: 305px;background: #fff;padding:30px 30px 30px 30px;box-sizing: border-box;}
.Lesson-items .Lesson-right h2{font-size: 20px;font-weight: normal;color: #4a5867;border-bottom:2px solid #0c90da; padding-bottom: 10px;}
.Lesson-items .Lesson-right a{display: block;margin-top: 15px;color: #707880;}
.School-search{background: #fff;padding:30px 30px 100px 30px;box-sizing: border-box;overflow: hidden;}
.School-search>h2{ height: 24px;color: #0c90da;font-weight: normal;font-size: 24px;position: relative;display:inline-block;}
.School-search>h2:before{content: "";position: absolute;width: 100%;height: 22px;bottom: -15px;background: url(../image/xq-bg.png) left bottom no-repeat;}
.School-search .School-txt{color: #9da3ac;line-height: 28px;margin-top:40px;font-size: 16px;}
.School-search .School-left{margin-top: 40px;width: 700px;height: 524px;float: left;}

.School-search .School-left .demo {width: 700px;height: 450px;font-size: 14px;position:relative;}
.School-search .School-left .demo a.control {position:absolute;display: block;top: 50%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../image/buttons.png) no-repeat}
.School-search .School-left .demo a.prev {left: 0;background-position: 0 0}
.School-search .School-left .demo a.next {right: 0;background-position: -76px 0}
.School-search .School-left .demo a.prev:hover {background-position: 0 -112px}
.School-search .School-left .demo a.next:hover {background-position: -76px -112px}
.School-search .School-left .desc,.School-search .School-left .bg{display: none!important;height: 0;}

/*.slider-dot{display: none!important;}*/
.School-search .School-right{margin-top: 40px;width: 355px;float: right;}
.School-search .School-right .school-book{background: #ffaa00;text-align: center;color: #fff;height: 75px;line-height:75px;width: 100%;border-radius: 5px;font-size: 16px;cursor: pointer;}
.School-search .School-right .school-book img{display: inline-block; vertical-align: middle;margin-right: 15px;}
.School-search .School-right h3{ position: relative;color: #707880;font-size: 16px;font-weight: normal;margin-top: 20px;}
.School-search .School-right h3:before{content: '';position: absolute;width: 260px;height: 1px;top: 59%;right: 0;background: #c0c5ca;}
.School-search .School-right ul li{font-size:15px; border: 1px solid #f0f0f0;border-radius: 10px;height: 75px;line-height: 75px;margin-top: 15px;color: #9da3ac;padding: 0 20px; box-sizing: border-box;}
.School-search .School-right ul li img{ display: inline-block;vertical-align: middle;margin-right: 10px;}
.School-search .School-right ul li span{line-height: 24px;display: inline-block;width: 80%;vertical-align: middle;font-size: 15px;}
.School-search .School-right .map{margin-top: 20px;}
.School-search .School-right .map #school-map{height: 209px}

.Party{background: url(../image/party.jpg) no-repeat; width: 100%;height: 805px;overflow: hidden;}
.Party h2{text-align: center;margin-top: 180px;color: #fff;font-size: 48px;letter-spacing: 5px;}
.Party .party-txt{ color: #fff;width: 80%;margin: -30px auto 0px auto;line-height: 1.8;}/*text-align: center;*/
.Party .f.f3 .l li>div>a>div{ background: #fff;border-color: #f03828;}
.Party .f.f3 .l li>div>a>p{color: #fff;}
.Party .f .w .t{font-size: 36px;color: #fff;}
.part-news-left{float: left;width: 757px;margin-top: 30px;}
.part-news-left .swiper-slide{width: 615px!important;height: 331px!important;}
.part-news-left .sync-slider-container .banner-list{width: 615px!important;height: 331px!important;float: left;}
.part-news-left  .sync-slider-container .news-list{float: right;width: 142px;height: 83px;}
.part-news-left .sync-slider-container .news-list>div>a:first-child{height: 83px;}
.part-news-left .sync-slider-container .news-list>div>a:last-child{height: 83px;}
.part-news-left .sync-slider-container .news-list>div{margin-bottom: 0}
.part-news-left .sync-slider-container .news-list>div img{opacity: .5; width: 100%; height: 100%; object-fit: cover}
.part-news-left .sync-slider-container .news-list>div.active img{opacity: 1;}
.part-news-right{width: 402px;float: right;margin-top:15px;}
.part-news-right dl:nth-child(1){border-bottom: 1px solid #c0c5ca;padding-bottom: 10px;}
.part-news-right dl a{display: block;color: #9da3ac;}
.part-news-right dl dt{font-size: 16px;line-height: 1.2;margin-top: 15px;}
.part-news-right dl dt a{color: #4a5867;}
.part-news-right dl dd{color: #9da3ac;font-size: 12px;margin-top: 10px;line-height: 2;}
.party-News{}
.party-News .list-width-thumb li:nth-child(1)>div>a,.party-News .list-width-thumb li:nth-child(2)>div>a{color: #707880;}
.party-News .list-width-thumb li .more{float:right;font-size: 12px;color: #9da3ac;text-decoration: underline;margin-top: 5px;}
.party-News .list-width-thumb li{margin-top: 40px;width: 47%;}
.party-News .list-width-thumb li:nth-child(odd){float: right;}
.party-News .list-width-thumb{margin-top: -20px;}
.party-News .list-width-thumb li img{width: 142px;height: 83px;}
.party-News .list-width-thumb li>div{padding-left: 155px;}
.party-News .list-width-thumb li>div>p{margin-top: 5px;font-size: 12px;}
.news-pages{background: #fff;padding: 65px 0;margin-top: 80px;}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.f-teachers a > div.title{
    color:#707880;
    margin:10px;
    font-size:16px;
}
.f-teachers a > div.l2{
   color:#9da3ac;
    margin:5px;
}