/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #fff;
}

html {
    font-size: 14px;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

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

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
margin: 0.2em 0;
background: #E06262;
color: #FFF;
padding: 0.2em 0;
text-align: center;
height: 100px;
line-height: 100px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{background: #0b1b2f center top no-repeat;background-size: 100% auto ;
font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
/*首页*/
.home{margin: 0 auto;overflow: hidden;padding-top: 25px;}
a{color: #fff;text-decoration: none;}
.logo {
float: left;
display: block;
margin-left: 10px;
width: 220px;
height: 44px;
background: url(../img/logo.png) center center no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (max--moz-device-pixel-ratio: 2) {
  .logo { 
    float: left;
    display: block;
    margin-left: 10px;
    background: url(../img/logo@x2.png) center center no-repeat;
    background-size: 220px 40px;
    height: 40px;
    width: 220px;
  }
}
.navbar-toggle{display: none;}
ul.top-nav {
float: right;
width: 300px;
overflow: hidden;
list-style: none;
}
.top-nav li {
float: left;
height: 15px;
border-left: 1px solid #fff;
text-align: center;
width: 90px;
}
.top-nav li:first-child{border-left: none;}
.top-search {
float: left;
margin-top: 10px;
background: rgba(255,255,255,.5);
}
.input-ts {
border: 0px;
width: 210px;
height: 30px;
color: #343434;
font-size: 12px;
padding-left: 15px;
background: none;
float: left;
}
.bt-ts{width: 50px;height: 30px;
background: url(../img/search.png) center center no-repeat;
border: 0px;
float: left;
}
.container {
margin: 0 auto;
margin-top: 270px;
overflow: hidden;
}
.row {
width: 300px;
float: left;
margin-left: 20px;
}
.row:first-child{margin-left: 0;}
.home-nav {
margin: 0 10px;
background: rgba(255,255,255,.1);
    overflow: hidden;
}
.home-nav ul{
    width: 180px;
    margin: 20px auto;
    overflow: hidden;
}
.home-nav ul li {
margin: 24px 0;
font-size: 18px;
}
.home-nav ul li a{margin-left: 20px;}
.q-nav {
padding: 0 10px;
}
.iocn-nav-home,.iocn-nav-about,.iocn-nav-news,.iocn-nav-subject,.iocn-nav-research,.iocn-nav-online,.iocn-nav-student,.iocn-nav-wiki{
    width: 25px;
    height: 25px;
    display: block;
    float: left;
}
.iocn-nav-home{
    background: url(../img/icon-nav-home.png) center center no-repeat;
}
.iocn-nav-about{
    background: url(../img/icon-nav-about.png) center center no-repeat;
}
.iocn-nav-news{
    background: url(../img/icon-nav-news.png) center center no-repeat;
}
.iocn-nav-subject{
    background: url(../img/icon-nav-subject.png) center center no-repeat;
}
.iocn-nav-research{
    background: url(../img/icon-nav-research.png) center center no-repeat;
}
.iocn-nav-online{
    background: url(../img/icon-nav-online.png) center center no-repeat;
}
.iocn-nav-student{
    background: url(../img/icon-nav-student.png) center center no-repeat;
}
.iocn-nav-wiki{
    background: url(../img/icon-nav-wiki.png) center center no-repeat;
}
/*quick nav*/
.icon-qnav-about,.icon-qnav-jw,.icon-qnav-mail,.icon-qnav-shareweb,.icon-qnav-sharebook,.icon-qnav-sports,.icon-qnav-xiaoli,.icon-qnav-file,.icon-qnav-library,.icon-qnav-guide{
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin-top: 10px;
}
.icon-qnav-about{
    background: url(../img/icon-qnav-about.png) center center no-repeat;
}
.icon-qnav-jw{
    background: url(../img/icon-qnav-jw.png) center center no-repeat;
}
.icon-qnav-mail{
    background: url(../img/icon-qnav-mail.png) center center no-repeat;
}
.icon-qnav-shareweb{
    background: url(../img/icon-qnav-shareweb.png) center center no-repeat;
}
.icon-qnav-sharebook{
    background: url(../img/icon-qnav-sharebook.png) center center no-repeat;
}
.icon-qnav-sports{
    background: url(../img/icon-qnav-sports.png) center center no-repeat;
}
.icon-qnav-xiaoli{
    background: url(../img/icon-qnav-xiaoli.png) center center no-repeat;
}
.icon-qnav-file{
    background: url(../img/icon-qnav-file.png) center center no-repeat;
}
.icon-qnav-library{
    background: url(../img/icon-qnav-library.png) center center no-repeat;
}
.icon-qnav-guide{
    background: url(../img/icon-qnav-guide.png) center center no-repeat;
}
/*nav retina*/
@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (max--moz-device-pixel-ratio: 2) {
.iocn-nav-home{
    background: url(../img/icon-nav-home@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-about{
    background: url(../img/icon-nav-about@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-news{
    background: url(../img/icon-nav-news@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-subject{
    background: url(../img/icon-nav-subject@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-research{
    background: url(../img/icon-nav-research@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-online{
    background: url(../img/icon-nav-online@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-student{
    background: url(../img/icon-nav-student@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.iocn-nav-wiki{
    background: url(../img/icon-nav-wiki@x2.png) center center no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
}
/*qucik nav retina*/
@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (max--moz-device-pixel-ratio: 2) {
.icon-qnav-about{
    background: url(../img/icon-qnav-about@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-jw{
    background: url(../img/icon-qnav-jw@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-mail{
    background: url(../img/icon-qnav-mail@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-shareweb{
    background: url(../img/icon-qnav-shareweb@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-sharebook{
    background: url(../img/icon-qnav-sharebook@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-sports{
    background: url(../img/icon-qnav-sports@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-xiaoli{
    background: url(../img/icon-qnav-xiaoli@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-file{
    background: url(../img/icon-qnav-file@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-library{
    background: url(../img/icon-qnav-library@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.icon-qnav-guide{
    background: url(../img/icon-qnav-guide@x2.png) center center no-repeat;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
}
/*qnav end*/

.q-nav h2 {
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #535353;
padding: 15px 0 15px 20px;
}
.q-nav ul{list-style: none;padding-left: 20px;}
.q-nav ul li{height: 40px;line-height: 40px;}
.q-nav ul li a{margin-left: 10px;}
.social-link {
padding: 0 35px;
border-top: solid 1px #535353;
padding-top: 30px;
margin-top: 30px;
list-style: none;
}
.social-link li{float: left;width: 45px;text-align: center;}
.sl-info{width: 280px;float: left;text-align: center;color: #717171;}
.s-bigpic {
display: block;
position: relative;
}
.s-bigpic img{
    z-index: 200;
}
.s-bigpic strong {
position: absolute;
width: 300px;
height: 60px;
left: 0px;
top: 345px;
z-index: 400;
background: rgba(0,0,0,.5);
text-align: center;
font-size: 21px;
line-height: 60px;
font-weight: normal;
}
.slider {
margin-bottom: 20px;
}
.slider-list{
    list-style: none;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.slider-list li{
    margin-right: 20px;
    float: left;
}
.slider-list li:last-child{
    margin-right: 0;
    float: left;
}
.newslist {
padding: 0 10px;
overflow: hidden;
margin-bottom: 20px;
}
.newslist h2 {
font-weight: normal;
width: 280px;
float: left;
margin: 0;
font-size: 24px;
}
.nl-fl{float: left;}
.newslist ul {
float: left;
border-top: solid 1px #535353;
padding-top: 15px;
width: 100%;
margin-top: 20px;
}
.nl-li li{
font-size: 12px!important;
padding-left: 10px;
background: url(../img/icon-liststyle.png) 0 13px no-repeat;
line-height: 2em;
list-style: none;
width: 280px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.more {
margin: 0.5em 0;
display: block;
font-size: 10px!important;
float: right;
}
.nl-picli li{
    list-style: none;
    float: left;
    margin-bottom: 10px;
}
.nl-picli li:nth-child(2n+0){
    margin-left: 15px;
}
.nl-tit {
font-weight: normal;
font-size: 20px;
padding: 20px 0 5px 0;
border-top: solid 1px #535353;
margin: 20px 0 0 0;
float: left;
width: 280px;
}
.nl-pictit {
font-weight: normal;
font-size: 20px;
padding: 10px 0 0 0;
margin: 0;
}
.newslist time {
font-size: 12px;
color: #6e6e6e;
width: 280px;
  float: left;
}
.nl-info {
line-height: 1.6em;
margin: 10px 0 0 0;
float: left;
}
.nl-bigpic-tit {
  width: 280px;
  float: left;
}
.nl-onlinepic li{
    margin-bottom: 10px;
}
.plugin-show {
margin: 0 10px 20px 10px;
overflow: hidden;
}
.plugin-show li {
float: left;
text-align: center;
width: 60px;
list-style: none;
margin-right: 10px;
margin-bottom: 15px!important;
}
.plugin-show li:nth-child(4n+0) {
    margin: 0px;
}
.plugin-show li a{
    font-size: 12px;
}
.nl-bigpic {
overflow: hidden;
display: block;
width: 280px;
margin-top: 10px;
float: left;
}
.weather {
background: rgba(255,255,255,.1);
margin-bottom: 40px;
padding: 0px 15px 0px 15px;
}
.weather-2{
    display: none;
    background: rgba(255,255,255,.1);
    margin-bottom: 40px;
    padding: 30px 15px 15px 15px;
}
.newslist article {
overflow: hidden;
display: block;
width: 280px;
margin-bottom: 15px;
margin-top: 10px;
float: left;
}
footer {
background: #071321;
overflow: hidden;
padding-top: 60px;
padding-bottom: 60px;
}
.ft-info{
    width: 980px;
    margin: 0 auto;
}
.ft-partner,.ft-about,.ft-contact{
    width: 300px;
    float: left;
    margin-right: 20px;
}
.ft-about p {
text-align: Justify;
text-justify: inter-ideograph;
float: left;
font-size: 12px;
line-height: 1.5em;
}
.bt-logo{
    float: left;
    margin:0 20px 5px 0;
}
.ft-more {
float: left;
background: #5e5e5e;
width: 105px;
height: 40px;
line-height: 40px;
text-align: center;
}
.copyright {
color: #939393;
float: left;
width: 300px;
}
.ft-partner ul {
margin: 1em 0;
float: left;
list-style: none;
width: 100%;
}
.ft-partner ul li{
    width: 70px;
    text-align: center;
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
}
.ft-partner ul li:nth-child(3n+0){
    margin-right: 0;
}
.ft-partner ul li a{
    display: block;
    text-align: center;
    font-size: 12px;
}
.ft-partner ul li a img{
    margin-bottom: 10px;
}
footer h3{
    font-weight: normal;
    font-size: 18px;
    float: left;
    width: 100%;
}
.ft-contact address {
float: left;
margin: 1em 0;
padding-left: 30px;
background: url(../img/icon-footer-address.png) 0 0 no-repeat;
font-style: normal;
}
.ft-contact address a,.ft-contact address span{
    font-size: 12px;
    color: #939393;
    margin-top: 10px;
}
.ftc-list,.ftc-list-mail,.ftc-list-weibo {
float: left;
padding-left: 30px;
margin-top: 20px;
width: 100%;
}
.ftc-list{
    background: url(../img/icon-footer-phone.png) 0 0 no-repeat;
}
.ftc-list-mail{
    background: url(../img/icon-footer-mail.png) 0 0 no-repeat;
}
.ftc-list-weibo{
    background: url(../img/icon-footer-sina-weibo.png) 0 0 no-repeat;
}
/*footer icon*/
@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (max--moz-device-pixel-ratio: 2) {
.ft-contact address{
    background: url(../img/icon-footer-address@x2.png) 0 0 no-repeat;
    background-size: 15px 15px;
}
.ftc-list{
    background: url(../img/icon-footer-phone@x2.png) 0 0 no-repeat;
    background-size: 15px 15px;
}
.ftc-list-mail{
    background: url(../img/icon-footer-mail@x2.png) 0 0 no-repeat;
    background-size: 15px 15px;
}
.ftc-list-weibo{
    background: url(../img/icon-footer-sina-weibo@x2.png) 0 0 no-repeat;
    background-size: 15px 15px;
}
}
/*footer icon end*/

/*home responsive*/
@media screen and (min-width: 1600px){
    .home{
        width: 1580px;
    }
    .container{
        width: 1580px;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .home{
        width: 1260px;
    }
    .container{
        width: 1260px;
        margin-top: 200px;
    }
    .weather{
        float: left;
        width: 280px;
        margin-top: 43px;
        height: 300px;
        display: none!important;
    }
    .weather-2{
        display: block;
        width: 270px;
        float: left;
        padding: 0;
        margin-top: 44px;
    }
    .w1260{
        float: left;
        width: 1260px;
        margin: 0;
    }
    .se-w1260{
        width: 960px;
        padding: 0;
        float: left;
    }
    .se-w1260 h2{
        width: 900px;
        margin-left: 20px;
        padding-left: 10px;
    }
    .se-arc article{
        margin-left: 20px;
        padding: 0 10px;

    }
    .se-arc{
        margin-left: 20px;
    }
    .se-arc article:first-child{
        margin: 0px;
        margin-top: 10px;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .home{
        width: 940px;
    }
    .container{
        width: 940px;
        margin-top: 150px;
    }
    .w1000{
        width: 940px;
        margin-left: 0;
        padding: 0;
    }
    .plugin-show{
        width: 300px;
        float: left;
        margin-top: 45px;
    }
    .nl-bigpic{
        width: 300px;
    }
    .nl-bigpic-tit{
        float: left;
        width: 300px;
        margin-left: 20px;
    }
    .w1000 .newslist{
        width: 620px;
        margin-left: 20px;
        padding: 0;
    }
    .w1000 .newslist h2{
        width: 580px;
    }
    .w1000 .newslist .nl-info{
        float: left;
        width: 300px;
        margin-left: 20px;
        display: none;
    }
    .w1000 .newslist time{
        float: left;
        margin-left: 20px;
    }
    .w1000 .newslist .nl-li{
        width: 300px;
        margin-left: 20px;
        list-style: none;
    }
    .w1000-4{
        width: 940px;
        position: relative;
        margin: 0;
    }
    .weather{
        position: absolute;
        top: -200px;
        width: 270px;
        padding: 10px;
    }
    .w1000-4-tit{
        width: 900px!important;

    }
    .se-w1000{
        padding: 0;
    }
    .se-w1000 article{
        width: 300px;
        margin-left: 20px;
    }
    .se-arc article:first-child 
    {
        margin-left: 0px;
    }
}
/*@media screen and (min-width: 640px) and (max-width: 940px){
    .container{margin-top: 100px;}
    .w1260{width: 100%;}
    .weather{display: none;}
    .newslist h2{width: 100%;}
    .ft-partner{display: none;}
    footer{width: 100%;}
    .ft-info {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    }
    .ft-about{margin-left: 25px;}
    .newslist article:nth-child(3n+0) {
    display: none;
    }
    .newslist article{margin-right: 15px;}
    .ft-contact{margin-right: 0px;}
}*/
@media screen and (max-width: 940px){
    .home{width: 100%;
        background: #3E95FF;
        padding-bottom: 25px;}
    body{
        background-image: none!important;
        background-color: #fff!important;
    }
    a{color: #666666;
    }
    .nl-li li{
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; 
    line-height: 3em;
    }
    .nl-li li a{font-size: 18px;line-height: 1.5em;}
    .top-nav li{
        display: none;
    }
    .logo{float: left;background: url(../img/logo@x2.png) center center no-repeat;background-size: 220px 40px;}
    .top-nav{width: 100%!important;margin: 0 auto;float: none!important;}
    .top-search{margin: 10px auto;width: 80%;float: none!important;overflow: hidden;height: 32px;}
    .bt-ts{float: right!important;}
    .input-ts{width: 80%;}
    .row{width: 100%;}
    .container{
        margin-top: 0;
    }
    .q-nav,.social-link,.sl-info{display: none;}  
    .navbar-toggle {
    display: block;
    padding: 10px;
    float: right;
    background: rgba(255, 255, 255, 0.37);
    border: none;
    margin-right: 15px;
    border-radius: 3px;
    }
    .sr-only {
    display: none;
    }
    .navbar-toggle:focus {
        outline:0
    }
    .icon-bar {
        display:block;
        width:22px;
        height:2px;
        border-radius:1px;
        background:#fff;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top:4px
    }
    .home-nav {
    margin: 0;
    background: rgba(151, 197, 253, 1);
    display: none;
    }
    .home-nav ul{
        float: left;
        margin-left: 15px;
        margin-top: 0px;
    }
    .home-nav ul li a{
        color: #fff;
    }
    /*.slider{

        height: 200px;
        overflow: hidden;
    }
    .slider-list{display: none;}
    .s-bigpic img{width: 100%;}
    .s-bigpic strong{
        width: 100%;
        bottom: 0px;
        top:auto;
        color: #fff;
    }*/
    .s-bigpic a{color: #fff;}
    .slider{margin: 0 auto;width: 300px;margin-top: 25px;margin-bottom: 25px;overflow: hidden;}
    .row{
        margin: 0;
    }
    .newslist h2{
        width: 90%;
    }
    .nl-info{
        color: #666666;
        width: 95%;
        margin: 0 auto;
    }
    .nl-tit{width: 95%;border-top: none;margin: 0 auto;float: none;}
    .newslist time{display: none;}
    .plugin-show{display: none;}
    .nl-onlinepic li{ padding-bottom: 20px;float: none;margin: 0 auto;text-align: center;}
    .weather,.ft-partner,.ft-contact{display: none;}
    .ft-info{width: 100%;overflow: hidden;}
    .ft-about{width: 85%;margin: 0 auto;}
    .ft-about h3,.ft-about p,.ft-more{display: none;}
    .copyright{display: block!important;}
    footer{padding: 20px 10px;}
    .top-search{display: none;}
    .newslist{padding: 0;}
    .newslist h2{width: 100%;float: none; background: #E4E4E4;padding: 15px 0;overflow: hidden;border-top: solid 3px #3E95FF;}
    .newslist h2 a{margin-left: 15px;}
    .more{margin-right: 15px;}
    .nl-li{padding: 0 10px;}
    .newslist ul{border-top: none;width: 95%;margin: 0 auto;float: none;overflow: hidden;}
    .newslist ul li{margin-right: 20px;}
    .nl-picli li:nth-child(2n+0){margin-right: 20px;margin-left: 0;}
    .nl-bigpic{float: none;margin: 0 auto;margin-top: 15px;}
    .newslist article{float: none;margin: 0 auto;}
    .se-arc{margin-top: 25px;}



    }
}
/*list page*/
.list {
width: 100%;
margin: 0 auto;
height: 110px;
}
.nav-bg{
    background: rgba(0,0,0,.5)none repeat scroll 0 0 !important;
    filter:Alpha(opacity=50);
    background:#000000;
    height: 110px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.nav-contener{
    background: rgba(0,0,0,.3)none repeat scroll 0 0 !important;
    filter:Alpha(opacity=30);
    background:#000000;
}
.nav-bg img,div,ul,li{position: relative;}
.nav-contener img,div,ul,li{position: relative;}
.he-con {
width: 1580px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.list-logo {
float: left;
display: block;
margin-top: 30px;
}
.list-nav {
float: right;
list-style: none;
}
.list-nav li {
float: left;
text-align: center;
}
.list-nav li a {
font-size: 18px;
display: block;
width: 120px;
height: 110px;
line-height: 110px;
}
.list-nav-on,.list-nav li a:hover {
display: block;
background: #fff;
color: #000;
}
.list-nav-on a{
    color: #000!important;
}
.list-container {
margin: 0 auto;
margin-top: 270px;
overflow: hidden;
width: 1580px;
background: #fff;
margin-bottom: 60px;
}
.list-left {
width: 25%;
background: #EFEFEF;
float: left;
}
.list-position {
background: #4A90E2;
height: 60px;
font-size: 20px;
text-align: center;
line-height: 60px;
}
.lp-list{
    background: #80B8FA;
}
.lp-list li{
    height: 30px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: solid 1px #AFD2D5;
}
.lp-list li a:hover{
    background: #fff;
    display: block;
    color: #4A90E2;
}
.list-left h3 {
color: #9B9B9B;
margin-left: 20px;
margin-top: 30px;
font-size: 20px;
font-weight: normal;
}
.list-left ol {
    counter-reset: li; /* 创建一个计数器 */
    list-style: none; /* 清除列表默认的编码*/
    *list-style: decimal; /* 让IE6/7具有默认的编码 */
    padding: 0;
    margin-left: 30px;
    margin-right: 20px;
}
.list-left ol a{
    position: relative;
    display: block;
    padding: 0.8em 0.4em 0.8em 2em;
    *padding: 0.4em;/*for ie6/7*/
    margin: 0.5em 0;
    color: #9B9B9B;
    text-decoration: none;
    /*CSS3属性*/
    border-radius: 0.3em;/*制作圆角*/
    /* transition动画效果*/
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.list-left ol a:hover{
    background: #eee;
}
.list-left ol a:hover:before{
    /*悬停时旋转编码*/
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}
.list-left ol a::before{
    content: counter(li);
            counter-increment: li;
            
            position: absolute;
            left: -0.7em;
            top: 50%;
            margin-top: -1.3em;
            background: #D8D8D8;
            height: 2.5em;
            width: 2.5em;
            line-height: 2.5em;
            text-align: center;
            border-radius: 2em;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.list-left ol a::after{
    padding-left: 30px;
}
.list-right {
float: left;
width: 75%;
}
.list-search {
height: 59px;
border-bottom: solid 1px #D8D8D8;
}
.ls-input {
border: 0px;
height: 57px;
width: 85%;
padding-left: 2em;
color: #9B9B9B;
font-size: 25px;
font-weight: normal;
line-height: 57px;
float: left;
}
.ls-bt{
    width: 10%;
    height: 57px;
    background: url(../img/list-search.png) center center no-repeat;
    border: none;
    float: left;
    padding: 0;
}
.list-right section {
width: 90%;
margin: 0 auto;
margin-top: 40px;
}
.list-right section article{
    border-bottom: solid 1px #D8D8D8;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.ls-at-l {
float: left;
width: 80%;
color: #9B9B9B;
padding-right: 5%;
}
.ls-at-l h2 a{
    font-size: 24px;
    color: #4A4A4A;

}
.ls-at-l h2 a:hover{
    color: #4A90E2;
}
.list-auther h4,.list-auther h4 a {
color: #4A90E2;
font-size: 16px;
margin: 0;
padding: 0;
font-weight: normal;
}
.list-auther {
float: left;
padding-top: 5px;
padding-left: 10px;
}
.auther-pic {
float: left;
}
.list-time {
font-size: 12px;
color: #9B9B9B;
}
.ls-at-r {
margin: 0.83em 0;
float: right;
}
.ls-at-r a {
width: 160px;
height: 160px;
display: block;
overflow: hidden;
border-radius: 10px;
}
.ls-at-l p {
line-height: 1.7em;
}
.page {
width: 80%;
margin: 0 auto;
list-style: none;
overflow: hidden;
margin-top: 35px;
}
.page li {
float: left;
margin: 0 15px;
}
.page li a {
display: block;
padding: 10px 15px;
color: #C9C9C9;
font-size: 20px;
font-weight: normal;
border: solid 1px #E4E4E4;
}
.page-on{
border: solid 1px #979797!important;
background: #D8D8D8;
color: #fff!important;
}
.page li a:hover {
border: solid 1px #979797;
background: #D8D8D8;
color: #fff;
}
.page-pre,.page-next,.page-pre:hover,.page-next:hover {
color: #9B9B9B!important;
border: 0!important;
background: none!important;
color: #C9C9C9!important;
}
.pagetop-share {
width: 160px;
margin: 0 auto;
margin-top: 10px;
}
/*list responsive*/
@media screen and (min-width: 1600px){
    .he-con {
            width: 1580px;
            margin: 0 auto;
            overflow: hidden;
            }
    .list-container {
            margin: 0 auto;
            margin-top: 270px;
            overflow: hidden;
            width: 1580px;
            background: #fff;
            margin-bottom: 60px;
            }
    .sn-about{
        width: 1580px;
    }
    .sn-about li{
        margin-right: 30px;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .he-con{
        width: 1260px;
    }
    .list-container{
        width: 1260px;
        margin-top: 100px;
    }
    .sn-about{
        width: 1260px;
    }
    .sn-about li{
        margin-right: 20px;
    }
    .ls-input{
        width: 80%;
    }
    .ls-at-l{
        width: 75%;
    }
    .page{
        width: 90%;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .he-con{
        width: 940px;
    }
    .sn-about{
        width: 940px;
    }
    .list-container{
        width: 940px;
        margin-top: 230px;
    }
    .list-nav li{
        width: 90px;
    }
    .list-nav li a{
        width: 90px;
        height: 70px;
        line-height: 70px;
    }
    .nav-bg{
        height: 70px;
    }
    .list{
        height: 70px;
    }
    .list-logo{
        margin-top: 13px;
    }
    .ls-input{
        width: 75%;
    }
    .ls-at-l{
        width: 69%;
    }
    .page{
        width: 100%;
    }
    .page li a{
        padding: 5px 10px;
    }
    .page li{
        margin: 0 10px;
    }
}
@media screen and (max-width: 940px){
    .list-left,.list-auther,.auther-pic{display: none;}
    .list-container{margin-top: 50px; width: 100%;}
    .list-right{width: 100%;}
    .ls-at-l{padding-right: 0;width: 100%;}
    .list-search{width: 90%;margin: 0 auto;}
    .ls-input{padding-left: 0;font-size: 18px;}
    .ls-at-r{display: none;}
}
/*content page*/
.no-bg{
    background: none;
}
.page-container {
width: 1580px;
margin: 0 auto;
background: #fff;
font-size: 20px;
color: #474747;
margin-top: 240px;
margin-bottom: 180px;
padding: 60px 0px 100px 0px;
}
.page-container h1{
    text-align: center;
    font-size: 48px;
    color: #4A4A4A;
    padding: 0 90px;
}
.page-info {
text-align: center;
font-size: 12px;
border-top: solid 1px #E4E4E4;
padding-top: 20px;
width: 50%;
margin: 0 auto;
color: #8D8D8D;
}
.page-info a{
    color: #8D8D8D;
}
.page-info a:hover{
    color: #4A90E2;
}
.post-content {
width: 80%;
margin: 0 auto;
padding-top: 60px;
}
.post-content table{
    width: 100%;
}
.post-content a{
    color: #4A90E2;
}
.post-content div{
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.7em;
    margin-top: 2em;
    text-indent: 2em;
}
.post-content p{
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.7em;
    margin-top: 2em;
    text-indent: 2em;
}
.post-content p a{
    color: #4A90E2;
}
.post-content blockquote {
border-left: solid 5px #D8D8D8;
padding: 5px 30px;
margin: 0;
}
.post-content p img{
    max-width: 100%;
    height: auto!important;
}
.post-time,.post-form,.post-browse,.news-writer {
margin: 0 20px;
}
.page-share {
text-align: center;
width: 30%;
margin: 0 auto;
margin-top: 150px;
border-top: solid 1px #DFDFDF;
padding-top: 30px;
display: block;
}
.page-share a {
color: #434343;
width: 150px;
height: 45px;
line-height: 45px!important;
display: block;
border: solid 1px #9B9B9B!important;
margin: 0 auto!important;
border-radius: 26px;
font-size: 16px!important;
font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, "WenQuanYi Micro Hei", sans-serif!important;
}
.page-share a:hover{
    border: solid 1px #434343;
    color: #fff;
    background: #434343
}
.list-top-nav {
margin-top: 20px;
}
.photoresize{
    max-width: 100%;
    height: auto!important;
    margin: 0 auto;
}
    .workcontent-show {
        text-indent: initial!important;
        text-align: center!important;
    }
/*page responsive*/
@media screen and (min-width: 1600px){
    .page-container {
    width: 1580px;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .page-container {
    width: 1260px;
    margin-top: 100px;
    }
    .page-share{
        width: 50%;
    }
    .page-info{
        width: 80%;
    }
    .list-top-nav{
        display: none;
    }
    .post-content p{
        margin-top: 0.3em;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .page-container {
    width: 940px;
    margin-top: 100px;
    margin-bottom: 100px;
    }
    .list-nav li a{
        font-size: 16px;
    }
    .sub-nav{display: none;}
    .page-share{
        width: 70%;
    }
    .list-top-nav{
        display: none;
    }
    .page-info{
        width: 85%;
    }
    .post-content p{
        margin-top: 0.3em;
    }
}
@media screen and (max-width: 940px){
    header.list {
      width: 100%;
      background: #3E95FF;
      padding-top: 25px;
    }
    .nav-bg{background: none!important;
        height: auto;}
    .sub-nav{display: none;}
    .list-logo{margin-top: 0;margin-left: 10px;margin-bottom: 20px;}
    .top-nav{display: none;}
    .he-con{width: 100%;}
    .list-nav{
          display: none;
          float: left;
          margin-left: 0px;
          margin-top: 0px;
          width: 100%;
    }
    .list-nav li{
        width: 100%;
    }
    .list{
        height: auto;
    }
    .page-container{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page-container h1{
        font-size: 25px;
        padding: 0 10px;
    }
    .page-info{
        width: 90%;
    }
    .post-time, .post-form, .post-browse, .news-writer {
        margin: 0 10px;
    }
    .post-content{
        padding-top: 20px;
        overflow: hidden;
    }
    .post-content p{
        margin-top: 0.3em;
        font-size: 18px;
    }
    .page-share{
        width: 90%;
        margin-top: 20px;
    }
    .list-nav li a{
        height: auto;
        margin: 24px 0;
        line-height: 24px;
        color: #fff;
    }
}
/*sub navgation*/
.sn-about{
    height: 130px;
    margin: 0 auto;
}
.sn-about li {
float: left;
width: 18%;
border-right: 1px solid #b5b5b5;
height: 60px;
overflow: hidden;
margin-top: 30px;
list-style: none;
}
.sn-about li:last-child{
    border-right: none;
}
.sn-about li a{
    display: block;
    float: left;
}
.sub-nav{
    height: 130px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.icon-sbunav-about,.icon-sbunav-teacher,.icon-sbunav-contact,.icon-sbunav-publicservice,.icon-sbunav-cooperation,.icon-sbunav-subjectnews,.icon-sbunav-news,.icon-sbunav-lecture,.icon-sbunav-competition,.icon-sbunav-subject,.icon-sbunav-special,.icon-sbunav-course,.icon-sbunav-achievement,.icon-sbunav-project,.icon-sbunav-communication,.icon-sbunav-award,.icon-sbunav-classwork,.icon-sbunav-graduatework,.icon-sbunav-workshow,.icon-sbunav-artlibrary,.icon-sbunav-student,.icon-sbunav-notice,.icon-sbunav-tuan,.icon-sbunav-dang,.icon-sbunav-history,.icon-sbunav-subjecthistory,.icon-sbunav-teacherhistory,.icon-sbunav-schoolfellow,.icon-sbunav-magazine{float: left;display: block;width: 40px;height: 40px;}
.icon-sbunav-about{background: url(../img/icon/icon-subnav-about.png) center center no-repeat;}
.icon-sbunav-teacher{background: url(../img/icon/icon-subnav-teacher.png) center center no-repeat;}
.icon-sbunav-contact{background: url(../img/icon/icon-subnav-contact.png) center center no-repeat;}
.icon-sbunav-publicservice{background: url(../img/icon/icon-subnav-publicservice.png) center center no-repeat;}
.icon-sbunav-cooperation{background: url(../img/icon/icon-subnav-cooperation.png) center center no-repeat;}
.icon-sbunav-subjectnews{background: url(../img/icon/icon-subnav-subjectnews.png) center center no-repeat;}
.icon-sbunav-news{background: url(../img/icon/icon-subnav-news.png) center center no-repeat;}
.icon-sbunav-lecture{background: url(../img/icon/icon-subnav-lecture.png) center center no-repeat;}
.icon-sbunav-competition{background: url(../img/icon/icon-subnav-competition.png) center center no-repeat;}
.icon-sbunav-subject{background: url(../img/icon/icon-subnav-subject.png) center center no-repeat;}
.icon-sbunav-special{background: url(../img/icon/icon-subnav-special.png) center center no-repeat;}
.icon-sbunav-course{background: url(../img/icon/icon-subnav-course.png) center center no-repeat;}
.icon-sbunav-achievement{background: url(../img/icon/icon-subnav-achievement.png) center center no-repeat;}
.icon-sbunav-project{background: url(../img/icon/icon-subnav-project.png) center center no-repeat;}
.icon-sbunav-communication{background: url(../img/icon/icon-subnav-communication.png) center center no-repeat;}
.icon-sbunav-award{background: url(../img/icon/icon-subnav-award.png) center center no-repeat;}
.icon-sbunav-classwork{background: url(../img/icon/icon-subnav-classwork.png) center center no-repeat;}
.icon-sbunav-graduatework{background: url(../img/icon/icon-subnav-graduatework.png) center center no-repeat;}
.icon-sbunav-workshow{background: url(../img/icon/icon-subnav-workshow.png) center center no-repeat;}
.icon-sbunav-artlibrary{background: url(../img/icon/icon-subnav-artlibrary.png) center center no-repeat;}
.icon-sbunav-student{background: url(../img/icon/icon-subnav-student.png) center center no-repeat;}
.icon-sbunav-notice{background: url(../img/icon/icon-subnav-notice.png) center center no-repeat;}
.icon-sbunav-tuan{background: url(../img/icon/icon-subnav-tuan.png) center center no-repeat;}
.icon-sbunav-dang{background: url(../img/icon/icon-subnav-dang.png) center center no-repeat;}
.icon-sbunav-history{background: url(../img/icon/icon-subnav-history.png) center center no-repeat;}
.icon-sbunav-subjecthistory{background: url(../img/icon/icon-subnav-subjecthistory.png) center center no-repeat;}
.icon-sbunav-teacherhistory{background: url(../img/icon/icon-subnav-teacherhistory.png) center center no-repeat;}
.icon-sbunav-schoolfellow{background: url(../img/icon/icon-subnav-schoolfellow.png) center center no-repeat;}
.icon-sbunav-magazine{background: url(../img/icon/icon-subnav-magazine.png) center center no-repeat;}
.snc-pic{
    float: left;
}
.snc-info {
float: left;
width: 70%;
margin-left: 10px;
}
.snc-info p {
margin: 0 auto;
font-size: 12px;
color: #cbcbcb;
}
.snc-info srrong {
font-size: 18px;
}
.nav-contener{ 
    background: rgba(0,0,0,.3);
}
/**workshow content**/
.workcontent-list {
list-style: none;
overflow: hidden;
}
.workcontent-list li {
float: left;
width: 106px;
height: 76px;
overflow: hidden;
margin: 10px;
}
.workcontent-list li a img{
 max-height:70px; 
 max-width:100px; 
 width:expression(this.width > 100 && this.height < this.width ? 100: true); 
 height:expression(this.height > 70 ? 70: true);
 }
 .workcontent-list li a{
    border:solid 3px #E8E8E8;
    display: block;
 }
.workcontent-list li a:hover{
    border:solid 3px #C5C5C5;
    display: block;
}
.pic-info {
display: block;
width: 60%;
text-align: center;
color: #ABABAB;
border-top: solid 1px #ABABAB;
margin: 0 auto;
margin-top: 60px;
padding-top: 20px;
}
/*teacher team page*/
.teacher-list{
    width: 1580px;
    margin: 0 auto;
    background: #fff;
    margin-top: 270px;
    position: relative;
    color: #acacac;
    margin-bottom: 100px;
}
.te-header{
    position: absolute;
    top: -60px;
    width: 100%;
}
.te-tit{
    float: left;
    margin-left: 80px;
}
.te-share{
    float: right;
    padding: 0 80px;
    list-style: none;
    margin-top: 30px;
}
.te-share li{
    float: left;
width: 45px;
text-align: center;
}
.te-info{
    margin: 0 auto;
    padding-top: 65px;
    width: 90%;
    overflow: hidden;
}
.te-logo{
    float: left;
    width: 18%;
    margin-top: 30px;
}
.te-intro{
    font-size: 18px;
    float: left;
    width: 60%;
    border-left: solid 4px #dcdcdc;
    padding: 30px;
    margin: 0;
    line-height: 1.7em;
    text-align: Justify;
    text-justify: inter-ideograph;
}
.te-life{
    width: 15%;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
}
.te-life a{
    color: #acacac;
    display: block;
    font-size: 24px;
}
.te-teammenber{
    background: #e5e5e5;
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    overflow: hidden;
    margin-top: 50px;
}
.te-teammenber span{
    margin: 15px 60px;
    display: block;
}
.te-te-content{
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
}
.te-te-left,.te-ma-left{
    float: left;
    width: 20%;
}
.te-te-left p,.te-ma-left p{
    margin: 0 10px;
    line-height: 2em;
    text-align: Justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    padding-right: 40px;
}
.te-te-right{
    float: left;
    width: 80%;
}
.ttr-mb{
    width: 250px;
    float: left;
    margin-bottom: 30px;
}
.ttr-mb img{
    float: left;
    border-radius: 16px;
}
.ttr-mb h2,.ttr-mb h3,.ttr-mb h4{
    margin: 0;
    padding: 0;
    padding-left:20px; 
    font-weight: normal;
    float: left;
    width: 60%;
}
.ttr-mb h3,.ttr-mb h4{
    font-size: 14px;
}
.ttr-mb a{
    color: #acacac;
    font-size: 30px;
}
.ttr-mb h4{
    width: 70%;
}
.ttr-mb ul{
    float: left;
    margin-left: 20px;
    width:70%;
}
.ttr-mb ul li{
    float: left;
    list-style: none;
    margin-right: 20px;
}
.ttr-mb2{
    width: 600px!important;
}
.ttr-list{
    width: 22%;
    float: left;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 40px;
}
.ttrl-tit{
    border-bottom: solid 1px #eeeeee;
    overflow: hidden;
    padding-bottom: 15px;
}
.ttrl-tit img{
    float: left;
    border-radius: 16px;
}
.ttrl-tit h3{
    float: left;
    width: 60%;
    margin: 0;
    font-size: 24px;
    color: #404040;
    font-weight: normal;
    margin-left: 10px;
}
.ttrl-tit p{
    float: left;
    margin: 0;
    padding: 0;
    width: 60%;
    font-size: 12px;
    margin-left: 10px;
}
.ttrl-list{
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    float: left;
}
.ttrl-list li{
    float: left;
    width: 30%;
    margin-bottom: 5px;
}
.ttrl-list li a{
    font-size: 18px;
    color: #acacac;
}
.leader{
    color: #00b7ee!important;
}
/*teacher page responsive*/
@media screen and (min-width: 1600px){
    .teacher-list {
    width: 1580px;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .teacher-list {
    width: 1260px;
    margin-top: 100px;
    }
    .te-intro{
        width: 58%;
        padding: 10px 30px;
    }
    .ttrl-tit h3{
        width: 58%;
    }
    .ttrl-tit p{
        width: 58%;
    }
    .ttr-list{
        width: 21%;
    }
    .ttrl-list li{
        width: 33%;
    }
    .te-te-left p{
        font-size: 13px;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .teacher-list {
    width: 940px;
    margin-top: 220px;
    }
    .te-logo{
        display: none;
    }
    .te-intro{
        padding: 10px 30px;
    }
    .ttrl-tit img{
        display: none;
    }
    .ttrl-tit h3{
        width: 70%;
    }
    .ttrl-list li{
        width: 40%;
    }
    .ttr-list{
        overflow: hidden;
        margin-right: 20px;
        height: 230px;
    }
    .te-te-left p{
        height: 500px;
        overflow: hidden;
    }
}
@media screen and (max-width: 940px){
    .teacher-list {
    width: 100%;
    margin-top: 80px;
    }
    .te-tit,.te-header,.te-life{display: none;}
    .te-logo,.te-ma-left,.te-te-left{
        display: none;
    }
    .te-te-right{
        width: 100%;
    }
    .te-info{
        padding-top: 10px;
    }
    .te-intro{
        padding: 10px 30px;
        width: 90%;
    }
    .ttrl-tit img{
        display: none;
    }
    .ttrl-tit h3{
        width: 70%;
    }
    .ttrl-list li{
        width: 20%;
    }
    .ttrl-tit h3,.ttrl-tit p{
        margin-left: 0px;
    }
    .ttr-mb{
        width: 50%;
    }
    .ttr-mb2{
        width: 100%!important;
    }
    .ttr-mb img{display: none;}
    .ttr-list{
        overflow: hidden;
        margin-right: 20px;
        height: auto;
        width: 100%;
    }
    .te-te-left p{
        height: 500px;
        overflow: hidden;
    }
    .ttr-mb h2, .ttr-mb h3, .ttr-mb h4,.ttr-mb ul{
        padding-left: 0px;
        margin-left: 0;
    }
    .ttr-mb h4,.ttr-mb h3{
        color: #404040;
    }
}
/*about us page*/
.about-page{
    margin: 0 auto;
    margin-top: 270px;
    margin-bottom: 100px;
    background: #fff;
    color: #4A4A4A;
    overflow: hidden;
}
.ap-content-tit{
    font-size: 18px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    margin: 0;
}
.about-page p{
    line-height: 2.7em;
    font-size: 18px;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}
.ap-list{
    width: 100%;
    list-style: none;
    overflow: hidden;
}
.ap-list li{
    width: 19.945%;
    float: left;
    border-bottom:solid 1px #EFEFEE;
    border-right: solid 1px #EFEFEE;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.ap-list li:last-child{
    border-right: none;
}
.ap-list li a{
    color: #000;
    font-size: 20px;
    height: 60px;
    display: block;
}
.ap-list li a:hover{
    background: #4A90E2;
    color: #fff;
}
.about-page h2{
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    color: #4A4A4A;
}
.ap-whoweare h2 a{
    color: #4A4A4A;
}
.ap-whoweare{
    overflow: hidden;
    background: url(../img/bg-whoweare.jpg) center bottom no-repeat;
    background-size: 100%;
    padding-top: 60px;
    padding-bottom: 100px;
}
.icon-about-who{
    width: 110px;
    height: 161px;
    display: block;
    background: url(../img/icon/icon-about-who.png) center center no-repeat;
    margin: 0 auto;
}
.ap-whoweare p,.ap-team{
    line-height: 2.7em;
    font-size: 18px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
.ap-content-con{
    line-height: 2.7em;
    font-size: 18px;
    width: 70%;
    margin: 0 auto;
    text-indent: 2em;
}
.ap-whoweare-con{
    background: #e6f1f7!important;
}
.apw-bt,.apt-bt,.apb-morebt{
    display: block;
    border-radius: 30px;
    height: 60px;
    width: 260px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    background: #4A90E2;
    margin: 0 auto;
    margin-top: 50px;
}
.apw-bt:hover,.apt-bt:hover{
    background: #80B8FA;
}
.ap-team{
    padding: 100px 0px;
}
.ap-team h2 a,.ap-publicservice h2 a,.ap-cooperation h2 a{
    color: #4A4A4A;
}
.apt-img-c{
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
    width: 850px;
    height: 418px;
    background: url(../img/icon/icon-about-team.png) no-repeat;
    background-size: 100%;
}
.icon-about-teachertit{
    background: url(../img/icon/icon-about-teachertit.png) no-repeat center center;
    width: 213px;
    height: 124px;
    display: block;
    margin: 0 auto;
}
.ap-publicservice{
    background: #e6f1f7;
    padding-top: 100px;
    padding-bottom: 100px;
}
.icon-about-publicservice{
    background: url(../img/icon/icon-about-publicservice.png) no-repeat;
    width: 160px;
    height: 115px;
    display: block;
    margin: 0 auto;
}
.apb-list{
    list-style: none;
    margin: 0 auto;
    width: 70%;
    overflow: hidden;
    margin-top: 100px;
}
.apb-list li{
    float: left;
    width: 100px;
    margin: 0 20px 60px 20px;
    height: 150px;
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
.apb-list li img{
    margin-bottom: 20px;
}
.apb-list li a{
    color: #4A90E2;
}
.apb-morebt{
    background: #fff!important;
    color: #4A90E2!important;
    padding: 0 20px;
}
.apb-morebt:hover{
    background: #4A90E2!important;
    color: #fff!important;
}
.apb-moremail{
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    margin: 13px 0 0 20px;
    background: url(../img/apb-moremail.png) no-repeat;
}
.ap-cooperation{
    overflow: hidden;
    padding: 60px 0;
}
.apc-list{
    margin: 0 auto;
    width: 70%;
    list-style: none;
    overflow: hidden;
    margin-top: 30px;
}
.apc-list li{
    float: left;
    width: 230px;
    text-align: center;
    margin: 30px 20px;

}
.apc-list li img{
    margin-bottom: 20px;
}
.apc-list li a{
    color: #4A4A4A;
}
.apc-more{
    text-align: center;
}
.apc-morebt,.apc-joinusbt{
    width: 260px;
    height: 60px;
    display: block;
    background: #4A90E2;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
    font-size: 18px;
    margin: 0 auto;
}
.apc-joinusbt{
    margin-top: 30px;
    background: #f39c12;
}
.apc-joinusbt:hover{
    background: #efa943;
}
.apc-morebt:hover{
    background: #80B8FA;
}
.ap-contact{
    background: #e6e6e6;
    overflow: hidden;
    padding: 60px 0 0 0;
}
.ap-contact h2 a{
    color: #4A4A4A;
}
.apc-map{
    width: 100%;
    height: 670px;
    background: url(../img/about-map.png) center center no-repeat;
}
.icon-about-cooperation{
    width: 160px;
    height: 128px;
    display: block;
    background: url(../img/icon/icon-about-cooperation.png) no-repeat;
    margin: 0 auto;
}
.apco-list{
    text-align: left;
    margin: 0 auto;
    width: 70%;
    list-style: none;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 100px;
}
.apco-list li{
    float: left;
    height: 60px;
    line-height: 60px;
    margin-right: 90px;
}
.apco-list li a{
    color: #4A4A4A;
    font-size: 18px;
    float: left;
    margin-left: 10px;
}
.icon-apco-map-tit{
    width: 161px;
    height: 126px;
    display: block;
    margin: 0 auto;
    background: url(../img/icon/icon-apco-map-tit.png) no-repeat;
}
.icon-apcl-add,.icon-apcl-post,.icon-apcl-tel,.icon-apcl-fax,.icon-apcl-mail{
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 20px;
}
.icon-apcl-add{
    background: url(../img/icon/icon-apcl-add.png);
    background-size: 100%;
}
.icon-apcl-post{
    background: url(../img/icon/icon-apcl-post.png);
    background-size: 100%;
}
.icon-apcl-tel{
    background: url(../img/icon/icon-apcl-tel.png);
    background-size: 100%;
}
.icon-apcl-fax{
    background: url(../img/icon/icon-apcl-fax.png);
    background-size: 100%;
}
.icon-apcl-mail{
    background: url(../img/icon/icon-apcl-mail.png);
    background-size: 100%;
}
/*about us response*/
@media screen and (min-width: 1600px){
    .about-page{
        width: 1580px;
    }
    .ap-list li{
        width: 19.945%;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .about-page{
        width: 1260px;
        margin-top: 100px;
    }
    .ap-list li{
        width: 19.93%;
    }
    .ap-whoweare{
        background-size: 120%;
    }
    .about-page p{
        width: 80%
    }
    .apb-list{
        width: 90%;
    }
    .apb-list li{
        margin: 0 25px 60px 24px;
    }
    .ap-cooperation p{
        width: 85%;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .about-page{
        width: 940px;
        margin-top: 170px;
    }
    .ap-list li{
        width: 19.91%;
    }
    .ap-whoweare{
        background-size: 180%;
    }
    .about-page p{
        width: 70%;
    }
    .apt-img-c{
        width: 100%
    }
    .apb-list{
        width: 90%;
    }
    .apb-list li{
        margin: 0 35px 60px 35px;
    }
    .apc-list li{
        margin: 30px 45px;
    }
    .ap-team{
        width: 100%;
    }
}
@media screen and (max-width: 940px){

}
/*about us response end*/
/*subject page*/
.subject-page{
    width: 1580px;
    background: #fff;
    margin: 0 auto;
    margin-top: 270px;
    color: #9B9B9B;
    margin-bottom: 100px;
}
.sp-logo{
    width: 1050px;
    height: 250px;
    background: url(../img/icon-subject-logo.png) center center no-repeat;
    margin: 0 auto;
    border-bottom: solid 1px #D8D8D8;
}
.subject-page h1{
    font-size: 64px;
    color: #4A90E2;
    text-align: center;
}
.sp-intro{
    width: 1000px;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    margin: 0 auto;
}
.sp-intro-graphic{
    width: 1050px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 100px;
}
.sping-left{
    background: url(../img/icon-major-dictation.png) 0 center no-repeat;
    height: 415px;
    width: 525px;
    float: left;
}
.sping-right{
    background: url(../img/icon-major.png) 100px center no-repeat;
    border-left: solid 1px #D8D8D8;
    height: 350px;
    width: 524px;
    float: left;
}
.vcd-intro,.animation-intro,.product-intro{
    background: #F3F3F3;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 100px;
    padding-bottom: 100px;
}
.subject-page h2{
    font-size: 58px;
    color: #4A90E2;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 0px
}
.subject-page h3{
    font-size: 22px;
    color: #9B9B9B;
    text-align: center;
    margin-top: 0;
    font-weight: normal;
}
.vcdi-content{
    width: 1100px;
    margin: 0 auto;
    margin-top: 110px;
    overflow: hidden;
}
.vcdic-left{
    width: 370px;
    float: left;
    text-align: center;
}
.vcdic-left span{
    font-size: 12px;
    color: #9B9B9B;
    margin-top: 25px;
    display: block;
}
.vcdic-right{
    width: 610px;
    float: left;
    margin-left: 115px;
}
.vcdic-right h4{
    font-size: 24px;
    color: #4A90E2;
    border-left: solid 5px #4A90E2;
    padding-left: 10px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}
.vcdicr-p{
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 25px;
}
.sp-dictation{
    width: 1100px;
    margin: 0 auto;
    background: #fff;
    margin-top: 100px;
    overflow: hidden;
    padding: 50px 0px;
}
.sp-dictation h5{
    font-size: 36px;
    line-height: 47px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}
.sp-dictation p{
    font-size: 18px;
    line-height: 47px;
    width: 80%;
    margin: 0 auto;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
    margin-bottom: 50px;
}
.lh-37{
    line-height: 37px!important;
}
.spd-left{
    width: 550px;
    float: left;
    text-align: center;
}
.spd-right{
    width: 549px;
    float: left;
    border-left: solid 1px #E4E4E4;
    height: 550px;
    text-align: center;
}
.sp-bt{
    background: #4A90E2;
    border-radius: 40px;
    padding: 15px 40px;
    font-size: 18px;
    margin: 0 auto;
}
.end-dictation{
    background: #F0F0F0;
    width: 1100px;
    height: 840px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 100px;
    text-align: center;
}
.end-dictation h5{
    font-size: 36px;
    color: #9B9B9B;
    text-align: center;
    font-weight: normal;
}
.end-dictation p{
    font-size: 18px;
    line-height: 47px;
    width: 80%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 50px;

}
.endt-left,.endt-middle,.endt-right{
    width: 366px;
    float: left;
    height: 715px;
    margin-top: 65px;
}
.endt-middle,.endt-right{
    border-left: solid 1px #fff;
}

.product-intro{
    background: none!important;
    margin-top: 10px!important;
}
/*subject responsive page*/
@media screen and (min-width: 1600px){
    .subject-page{
    width: 1580px;
    }
    .sp-logo{
    width: 1050px;
    height: 250px;
    }
    .sp-intro{
    width: 1000px;
    }
    .sp-intro-graphic{
    width: 1050px;
    }
    .vcdi-content{
    width: 1100px;
    }
    .sp-dictation{
    width: 1100px;
    }
    .end-dictation{
    width: 1100px;
    height: 840px;
    }
}
@media screen and (min-width: 1260px) and (max-width: 1600px){
    .subject-page{
    width: 1260px;
    margin-top: 100px;
    }
    .sp-logo{
    width: 1050px;
    height: 250px;
    }
    .sp-intro{
    width: 1000px;
    }
    .sp-intro-graphic{
    width: 1050px;
    }
    .vcdi-content{
    width: 1100px;
    }
    .sp-dictation{
    width: 1100px;
    }
    .end-dictation{
    width: 1100px;
    height: 840px;
    }
}
@media screen and (min-width: 940px) and (max-width: 1260px){
    .subject-page{
    width: 940px;
    margin-top: 150px;
    }
    .sp-logo{
    width: 900px;
    height: 250px;
    }
    .sp-intro{
    width: 800px;
    }
    .sp-intro-graphic{
    width: 800px;
    }
    .sping-left{
        float: none;
        margin: 0 auto;
        background: url(../img/icon-major-dictation.png) center center no-repeat
    }
    .sping-right{
        float: none;
        margin: 0 auto;
        border:none;
        background: url(../img/icon-major.png) center center no-repeat
    }
    .vcdi-content{
    width: 800px;
    }
    .vcdic-left{
        margin: 0 auto;
        float: none;
    }
    .sp-dictation{
    width: 800px;
    }
    .spd-left,.spd-right{
        float: none;
        margin: 0 auto;
        border:none;
        margin-top: 50px;
        overflow: hidden;
        padding: 20px;
        border:none;
    }
    .end-dictation{
    width: 800px;
    height: 1680px;
    }
    .vcdic-right{
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 940px){
    .subject-page {
      width: 100%;
      margin-top: 50px;
    }
    .sp-logo,.sp-intro,.sp-intro-graphic,.vcdi-content,.sp-dictation{width: 90%;}
    .sping-left,.sping-right{float: none;margin: 0 auto;}
    .vcdic-left{margin: 0 auto;float: none;}
    .vcdic-right {
      width: 100%;
      margin: 0 auto;
    }
    .sping-right{width: 90%;}
    .spd-left ,.spd-right,.endt-left,.endt-middle,.endt-right{
      width: 100%;
      text-align: center;
      margin: 0 auto;
    }
    .end-dictation{height: auto;width: 100%;}
    .sp-bt{display: block;width: 120px;color: #fff;}
    .spd-right{height: auto;}
    .sping-left{width: 100%;}
    .sping-left,.sping-right{
        background-position: 100%, 100%;
        background-size: contain;
    }
}
/*subject responsive page*/
.page-editer {
font-size: 14px;
color: #A8A8A8;
}
.page-editer span{
    float: right;
    background: url(../img/icon/icon-editor.png) no-repeat 4px 4px;
}









































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

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, 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;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   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,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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 for images, or javascript/internal links
     */

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

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

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

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

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

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

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

/**首页幻灯**/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: 405px;
  width: 300px;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  }