@charset "utf-8";

/* CSS Document */

.animated .s_t02 {
    visibility: visible;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t05 {
    visibility: visible;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t1 {
    visibility: visible;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t15 {
    visibility: visible;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t2 {
    visibility: visible;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t25 {
    visibility: visible;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_t3 {
    visibility: visible;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated .s_up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated .s_left {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.animated .s_right {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.animated .s_down {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.animated .s_r {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.animated .s_d {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

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

.top {
    background-color: #f7f7f7;
    border-top: 3px solid #0076c0;
    border-bottom: 1px solid #f2f2f2;
    line-height: 38px;
}

.logo {
    height: 86px;
    float: left;
    margin: 10px 0;
}

.city-cur {
    float: left;
    margin-left: 50px;
    margin-top: 40px;
}

.city-cur i {
    background: url(../images/location-ico.png) no-repeat left center;
    padding-left: 34px;
    color: #444;
    font-size: 20px;
    line-height: 40px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-top: 4px;
    font-style: normal;
}

.city-cur span {
    line-height: 36px;
    font-size: 20px;
    color: #0076c0;
}

.head-phone {
    float: right;
    background: url(../images/phone-top.png) no-repeat;
    padding-left: 66px;
    padding-top: 32px;
    font-family: Arial;
    font-weight: 800;
    color: #b71c20;
    font-size: 24px;
    line-height: 24px;
    margin-top: 27px;
}

.nav-bar {
    width: 100%;
    height: 60px;
    background-color: #0076c0;
}

.nav-w .nav-entrance {
    width: 226px;
    float: left;
    position: relative;
}

.nav-w .nav-entrance h3 {
    background-color: #0063a1;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    position: relative;
    padding-right: 50px;
    cursor: pointer
}

.nav-w .nav-entrance h3:hover {
    background-color: #b71c20;
}

.nav-w .nav-entrance h3:after {
    content: '';
    width: 24px;
    height: 16px;
    display: block;
    background: url(../images/arrow4.png) no-repeat;
    position: absolute;
    top: 24px;
    right: 24px;
    background-size: 24px 32px;
    -webkit-background-size: 24px 32px;
    background-position: 0 -16px;
}

.nav-w .nav-entrance h3:hover:after {
    background-position: 0 0;
}

.nav-w .nav-entrance h3.on:after {
    background-position: 0 0;
}

.nav-w .nav-entrance h3.on:hover:after {
    background-position: 0 -16px;
}

.nav-w .nav-entrance h3 i {
    width: 36px;
    height: 36px;
    background: url(../images/left-nav-ico.png) no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.entranceBox {
    width: 206px;
    height: 520px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    top: 60px;
    padding: 10px;
    z-index: 1;
    box-shadow: 0 1px 4px #ccc;
}

.entranceBox .logo-bg {
    width: 210px;
    height: 320px;
    display: block;
    background: url(../images/logo-bg.png);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.entranceBox dl {
    margin-bottom: 14px;
}

.entranceBox dl dt {
    font-size: 18px;
    line-height: 38px;
    padding-left: 38px;
    position: relative;
}

.entranceBox dl dt a {
    color: #0c77aa;
    font-weight: 800;
    display: block;
    line-height: 38px;
}

.entranceBox dl dt i {
    width: 36px;
    height: 36px;
    background: url(../images/left-nav-ico.png) no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}

.entranceBox dl dt i.navico1 {
    background-position: -36px 0;
}

.entranceBox dl dt i.navico2 {
    background-position: -72px 0;
}

.entranceBox dl dt i.navico3 {
    background-position: -108px 0;
}

.entranceBox dl dt i.navico4 {
    background-position: -144px 0;
}

.entranceBox dl dd {
    float: left;
    /*line-height:24px;*/
    line-height: 23px;
    margin-left: 10px;
}

.entranceBox dl dd span {
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.entranceBox dl em {
    float: left;
    margin: 3px 4px;
    color: #666;
    display: block;
}

.entranceBox dl dd a {
    /*font-size:17px;*/
    font-size: 16px;
    color: #b71c20;
    font-weight: bold;
}

.entranceBox dl dd a:hover {
    text-decoration: underline;
}

.entranceBox {
    display: none;
}

.nav-entrance .sxztc:hover .entranceBox {
    display: block;
}

.nav-w .nav-li {
    width: 974px;
    float: left;
}

.nav-w .nav-li li {
    float: left;
    position: relative;
    width: 100px;
    text-align: center
}

.nav-w .nav-li li a.li-a {
    line-height: 60px;
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 0 13px;
}

.nav-w .nav-li li:hover a.li-a {
    background-color: #b71c20;
}

.nav-w .nav-li li:hover dl {
    display: block;
}

.nav-w .nav-li em {
    width: 1px;
    height: 18px;
    display: block;
    background: url(../images/nav-line.png) no-repeat center center;
    float: left;
    margin: 21px 0;
}

.nav-w .nav-li li dl {
    width: 110px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.94);
    padding: 4px 0px;
    position: absolute;
    left: 0;
    top: 60px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    display: none;
    z-index: 200
}

.nav-w .nav-li li dl i {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #fff;
    display: block;
    position: absolute;
    left: 12px;
    top: -8px;
}

.nav-w .nav-li li dl dd a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
}

.nav-w .nav-li li dl dd:hover {
    background-color: #b71c20
}

.nav-w .nav-li li dl dd:hover a {
    color: #fff
}

.banner {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}

.banner .hd {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -36px;
    z-index: 333;
}

.banner .hd ul li {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 6px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #b3b3b3
}

.banner .hd ul li.on {
    background-color: #fff;
    border: 1px solid #834d4d;
}

.banner .bd {}

.banner .bd ul li {}

.banner .bd ul li img {
    width: 100%;
    height: 520px;
}

.banner .prev,
.banner .next {
    width: 52px;
    height: 108px;
    display: block;
    background: url(../images/arrow.png) no-repeat;
    position: absolute;
    top: 206px;
}

.banner .prev {
    left: 12px;
}

.banner .prev:hover {
    background-position: 0 -108px;
}

.banner .next {
    right: 12px;
    background-position: -52px 0;
}

.banner .next:hover {
    background-position: -52px -108px;
}


/*.four-ico ul li{ width:300px; float:left; margin:30px 0; text-align:center; padding:20px; transition:all 0.5s; -webkit-transition:all 0.5s;}



.four-ico ul li p{ font-size:22px; color:#fff; line-height:46px; margin-top:12px; transition:all 0.5s; -webkit-transition:all 0.5s;}



.four-ico ul li p i{ width:36px; height:36px; background:url(../images/four-ico.png) no-repeat; display:inline-block; margin-right:6px; vertical-align:middle; background-size:144px 36px; -webkit-background-size:144px 36px;transition:all 0.3s; -webkit-transition:all 0.3s;}



.four-ico ul li.four-1{ background-color:#5794e6}



.four-ico ul li.four-2{ background-color:#ff9e01}



.four-ico ul li.four-3{ background-color:#9bc525}



.four-ico ul li.four-4{ background-color:#f73939}



.four-ico ul li.four-1 p i{ background-position:0 0}



.four-ico ul li.four-2 p i{ background-position:-36px 0}



.four-ico ul li.four-3 p i{ background-position:-72px 0}



.four-ico ul li.four-4 p i{ background-position:-108px 0}







.four-ico ul li:hover{ background-color:#fff;}



.four-ico ul li.four-1:hover p{ color:#5794e6}



.four-ico ul li.four-2:hover p{ color:#ff9e01}



.four-ico ul li.four-3:hover p{ color:#9bc525}



.four-ico ul li.four-4:hover p{ color:#f73939}



.four-ico ul li.four-1:hover p i{ background:url(../images/four-ico2.png) no-repeat;background-size:144px 36px; -webkit-background-size:144px 36px; background-position:0 0}



.four-ico ul li.four-2:hover p i{ background:url(../images/four-ico2.png) no-repeat;background-size:144px 36px; -webkit-background-size:144px 36px;background-position:-36px 0}



.four-ico ul li.four-3:hover p i{ background:url(../images/four-ico2.png) no-repeat;background-size:144px 36px; -webkit-background-size:144px 36px;background-position:-72px 0 }



.four-ico ul li.four-4:hover p i{ background:url(../images/four-ico2.png) no-repeat;background-size:144px 36px; -webkit-background-size:144px 36px;background-position:-108px 0 }



*/


/*.four-ico ul li span{ display:block; width:180px; height:180px; border-radius:10px; margin:0 auto; padding-top:8px;}



.four-ico ul li i{ width:164px; height:164px; border:1px solid #fff; border-radius:50%; position:relative; display:block; margin:0 8px; transition:all 0.5s; -webkit-transition:all 0.5s;}



.four-ico ul li i:after{ content:''; width:114px; height:114px; display:block; background:url(../images/four-ico.png) no-repeat; position:absolute; left:25px; top:25px;}



.four-ico ul li.four-1 span{ background-color:#00bfd5;}



.four-ico ul li.four-2 span{ background-color:#ebac01;}



.four-ico ul li.four-3 span{ background-color:#06bf9a;}



.four-ico ul li.four-4 span{ background-color:#ee410b;}



.four-ico ul li.four-1 i:after{ background-position:0 0;}



.four-ico ul li.four-2 i:after{ background-position:-114px 0;}



.four-ico ul li.four-3 i:after{ background-position:-228px 0;}



.four-ico ul li.four-4 i:after{ background-position:-342px 0;}



.four-ico ul li:hover p{ color:#ee410b;}



.four-ico ul li:hover i{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}*/


/*.four-ico ul li .fourimg{ width:260px; height:200px; overflow:hidden; margin:0 auto;}



.four-ico ul li .fourimg img{ width:260px; height:200px; transition:all 0.5s; -webkit-transition:all 0.5s;}



.four-ico ul li:hover .fourimg img{ transform:scale(1.05); -webkit-transform:scale(1.05);}

*/


/*-------------------2017-7-13--------------*/

.four-ico ul li {
    border: 1px solid #ebebeb;
    width: 280px;
    float: left;
    margin: 30px 10px;
    text-align: center;
    padding: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.four-ico ul li p {
    font-size: 24px;
    color: #333;
    line-height: 46px;
    margin-top: 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.four-ico ul li img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.four-ico ul li a img {
    -webkit-transition: all .53s ease-out;
    -moz-transition: all .53s ease-out;
    -o-transition: all .53s ease-out;
    -ms-transition: all .53s ease-out;
}

.four-ico ul li a:hover img {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -moz-transform: rotate(360deg);
    /* Firefox */
    -webkit-transform: rotate(360deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(360deg);
    /* Opera */
}

.major {
    width: 100%;
    background-color: #eceff1;
    padding: 30px 0 10px;
}

.index-til {
    margin: 16px 0 30px;
}

.index-til h3 {
    text-align: center;
    font-size: 36px;
    color: #343434
}

.index-til h3:after {
    content: '';
    width: 0;
    height: 4px;
    border-left: 20px solid #0063a1;
    border-right: 20px solid #cb2125;
    display: block;
    margin: 16px auto;
}

.index-til strong {
    font-size: 36px;
}

.major-w ul {
    margin-left: -20px;
}

.major-w ul li {
    width: 260px;
    float: left;
    margin-left: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.major-w ul li img {
    width: 260px;
    height: 200px;
}

.major-w ul li .majorTxt {
    padding: 10px;
    border-bottom: 1px dashed #efefef
}

.major-w ul li .majorTxt h3 {
    font-size: 18px;
    color: #333;
    text-align: center;
}

.major-w ul li .majorTxt p {
    margin-top: 6px;
    height: 36px;
    overflow: hidden;
}

.major-w ul li span.spanBtn {
    padding: 4px 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #cb2125;
    border-radius: 4px;
    margin: 10px 16px 10px 10px;
    color: #fff;
}

.major-w ul li span.spanBtn a {
    color: #fff;
}

.major-w ul li span.fr {
    margin-right: 10px !important
}

.major-w ul li:hover {
    background-color: #0063a1;
    color: #fff;
}

.major-w ul li:hover h3,
.major-w ul li:hover p,
.major-w ul li:hover span {
    color: #fff;
}

.major-w ul li:hover .majorTxt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.lookMore {
    width: 160px;
    height: 46px;
    background-color: #b71c20;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 4px;
    margin-top: 30px;
    font-size: 16px;
    display: block;
}

.lookMore:hover {
    background-color: #cb2125;
    text-decoration: underline
}

.lookMore font {
    margin-left: 6px;
}

.lookMore2 {
    background: none !important;
    border: 1px solid #fff;
    color: #fff !important;
    line-height: 44px !important;
}

.lookMore3 {
    width: 140px !important;
    height: 42px !important;
    line-height: 42px !important;
    margin-top: 20px !important;
}

.learn-typeBg {
    width: 100%;
    height: 780px;
    background: url(../images/style.jpg) no-repeat center center;
    padding: 30px 0 10px;
}

.index-til2 h3 {
    color: #343434 !important
}

.index-til2 p {
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    color: #fff !important;
}

.index-til p {
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    color: #343434;
}

.type-tab {
    width: 800px;
    margin: 60px auto 0;
    overflow: hidden;
    position: relative;
    height: 500px;
}

.type-tab .hd {
    position: absolute;
    width: 100%;
    text-align: center;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: visible;
}

.type-tab .hd ul {
    zoom: 1;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.type-tab .hd ul li {
    display: block;
    margin: 0 20px;
    height: 100px;
    width: 100px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    cursor: pointer;
    font-size: 23px;
    position: relative;
    float: left;
    color: #fff;
    line-height: 60px;
    padding: 20px 0
}

.type-tab .hd ul li.on_1 {
    background: #00aaf8;
}

.type-tab .hd ul li.on_2 {
    background: #fdb900;
}

.type-tab .hd ul li.on_3 {
    background: #00bd5b;
}

.type-tab .hd ul li .arrow-up {
    display: none;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 41px;
    top: -8px;
}

.type-tab .hd ul li.on_1.on .arrow-up {
    display: block;
    border-bottom: 10px solid #00aaf8;
}

.type-tab .hd ul li.on_2.on .arrow-up {
    display: block;
    border-bottom: 10px solid #fdb900;
}

.type-tab .hd ul li.on_3.on .arrow-up {
    display: block;
    border-bottom: 10px solid #00bd5b;
}

.type-tab .bd {
    height: 100%;
    z-index: 0;
}

.type-tab .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.type-tab .bd li p {
    width: 186px;
    height: 248px;
    overflow: hidden;
    font-size: 14px;
    color: #444;
    line-height: 28px;
    position: absolute;
    right: 30px;
    top: 56px;
}

.type-tab .bd img {
    width: 800px;
    height: 360px;
    display: block;
}

.learn-planBg {
    width: 100%;
    background-color: #eceff1;
    padding: 30px 0 10px;
}

.plan-w ul li {
    width: 50%;
    float: left;
    text-align: center;
}

.plan-w ul li i {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
    background: url(../images/two-plan.png) no-repeat;
}

.plan-w ul li.plan2 i {
    background-position: -120px 0
}

.plan-w ul li h2 {
    font-size: 26px;
}

.plan-w ul li h4 {
    font-size: 18px;
    color: #333;
}

.plan-w ul li.plan1 h2 {
    color: #1c48b7
}

.plan-w ul li.plan2 h2 {
    color: #b71c20
}

.plan-w ul li p {
    width: 362px;
    margin: 20px auto;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    position: relative;
    height: 140px;
    overflow: hidden;
    padding-top: 10px;
}

.plan-w ul li p:after {
    content: '';
    width: 362px;
    height: 140px;
    background: url(../images/p-de.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.plan-w ul li:hover p:after {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
}

.school-bg {
    width: 100%;
    background: url(../images/school-bg.jpg) no-repeat center top;
    height: 1678px;
    padding: 30px 0 10px;
}

.schoolScroll {
    margin-top: 40px;
    overflow: hidden
}

.schoolScroll .hd .next,
.schoolScroll .hd .prev {
    width: 35px;
    height: 61px;
    display: block;
    position: absolute;
    top: 22%;
    cursor: pointer;
    z-index: 33;
    margin-top: 4px;
    background: url(../images/arrow2.png) no-repeat;
}

.schoolScroll .hd .next {
    right: -50px;
    background-position: -35px 0;
}

.schoolScroll .hd .prev {
    left: -50px;
    background-position: 0 0;
}

.schoolScroll .bd {
    overflow: hidden;
}

.schoolScroll .bd .tempWrap {
    width: 1020px;
    margin: 0 auto;
}

.schoolScroll .bd ul li {
    width: 235px;
    height: 450px;
    text-align: center;
    position: relative;
    margin: 0 10px;
    background-position: center 90px;
    background-repeat: no-repeat;
    padding-top: 180px;
    float: left;
}

.schoolScroll .bd ul li i {
    width: 120px;
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border: 2px solid #f7a340;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff;
    background-size: 100%;
}

.schoolScroll .bd ul li:hover i {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.schoolScroll .bd ul li .school-intro {
    padding: 14px;
    background: rgba(0, 0, 0, 0.6)
}

.schoolScroll .bd ul li .school-intro h3 {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: left;
}

.schoolScroll .bd ul li .school-intro p {
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    height: 260px;
    overflow: hidden;
}

.arow-down2 {
    width: 88px;
    height: 114px;
    display: block;
    background: url(../images/arrow-down.png) no-repeat center center;
    margin: 20px auto;
}

.school-slogan {
    width: 70%;
    margin: 20px auto 30px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #efefef;
    font-weight: 400;
    font-size: 20px;
    color: #333;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
}

.Entrance-type dl {
    width: 400px;
    float: left;
    border-right: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.8);
    height: 450px;
}

.Entrance-type dl dt {
    line-height: 100px;
    font-size: 26px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.Entrance-type dl dd {
    padding-left: 46px;
    line-height: 30px;
    font-size: 20px;
    color: #333;
    position: relative;
    margin: 30px 0;
}

.Entrance-type dl dd:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 16px;
    top: 8px
}

.Entrance-type dl .free-help {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.Entrance-type dl .free-help a {
    width: 140px;
    height: 36px;
    line-height: 36px;
    background-color: #b71c20;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    margin: 20px auto;
}

.Entrance-type dl .free-help a:hover {
    background-color: #cb2125;
    text-decoration: underline
}

.Entrance-type dl.dl-blue dd:before {
    background-color: #0a90cf;
}

.Entrance-type dl.dl-blue dt {
    background-color: #0a90cf;
}

.Entrance-type dl.dl-green dd:before {
    background-color: #16b7b5;
}

.Entrance-type dl.dl-green dt {
    background-color: #16b7b5;
}

.Entrance-type dl.dl-yellow dd:before {
    background-color: #f7bf36;
}

.Entrance-type dl.dl-yellow dt {
    background-color: #f7bf36;
}

.school-phone {
    width: 100%;
    height: 62px;
    line-height: 62px;
    background-color: #00aaf7;
    color: #fff;
    text-align: center;
    font-size: 26px;
}

.school-phone i {
    width: 32px;
    height: 32px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/phone-ico.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.teacherBg {
    width: 100%;
    height: 700px;
    background: url(../images/teacher-bg.jpg) no-repeat center center;
    padding: 40px 0 10px;
}

.teacherScroll {
    margin-top: 60px;
    overflow: hidden
}

.teacherScroll .hd .next,
.teacherScroll .hd .prev {
    width: 35px;
    height: 61px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 33;
    margin-top: -20px;
    background: url(../images/arrow3.png) no-repeat;
}

.teacherScroll .hd .next {
    right: -50px;
    background-position: -35px 0;
}

.teacherScroll .hd .prev {
    left: -50px;
    background-position: 0 0;
}

.teacherScroll .bd {
    overflow: hidden
}

.teacherScroll .bd ul li {
    width: 235px;
    height: 360px;
    position: relative;
    float: left;
    margin: 0 10px;
    border-radius: 2px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    background-color: #0a90cf;
}

.teacherScroll .bd ul li img {
    width: 235px;
    height: 150px;
}

.teacherScroll .bd ul li .teacherIntro {
    padding: 10px;
}

.teacherScroll .bd ul li .teacherIntro h3 {
    font-size: 20px;
    color: #fff;
}

.teacherScroll .bd ul li .teacherIntro h4 {
    font-size: 18px;
    color: #fff
}

.teacherScroll .bd ul li .teacherIntro p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    margin-top: 2px;
}

.teacherScroll .bd ul li a {
    position: absolute;
    left: 50%;
    margin-left: -70px;
}

.teacherScroll .bd .tempWrap {
    width: 1020px;
    margin: 0 auto;
}

.honer {
    width: 100%;
    height: auto;
    background-color: #eceff1;
    padding: 30px 0 10px;
}

.honer-til {
    width: 100%;
    height: 120px;
    background: url(../images/honer-til.png) no-repeat center center;
    margin: 20px 0 30px;
}

.honer-story {
    width: 1036px;
    margin: 30px auto 30px;
    background: #eceff1;
    padding: 0 0 0 10px;
    height: 540px;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
}

.honer-story .honer-fl .midline {
    width: 1px;
    height: 100%;
    background: #dbdbdb;
    display: block;
    position: absolute;
    right: -36px;
    top: 0;
    z-index: 0
}

.honer-story .honer-fr .midline {
    width: 1px;
    height: 100%;
    background: #dbdbdb;
    display: block;
    position: absolute;
    left: -36px;
    top: 0;
    z-index: 0
}

.honer-story .honer-fl {
    width: 468px;
    float: left;
    margin-top: 10px;
    margin-left: 27px;
}

.honer-story .honer-fl li,
.honer-fr li {
    width: 460px;
    height: 140px;
    position: relative;
    padding: 5px;
    margin-bottom: 50px;
}

.honer-story .honer-fl li i {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
}

.honer-story .honer-fl li em {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 480px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
}

.honer-fr li i {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -10px;
}

.honer-fr li em {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
}

.honer-story .honer-fl li img,
.honer-fr li img {
    width: 300px;
    height: 130px;
}

.honer-story .honer-fl li p,
.honer-fr li p {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 316px;
    top: 20px;
    width: 134px;
    overflow: hidden;
    height: 105px;
    overflow: hidden
}

.honer-story .honer-fl li.holi1 {
    background-color: #d1af94;
}

.honer-story .honer-fl li.holi1 i {
    border-left: 14px solid #d1af94;
}

.honer-story .honer-fl li.holi1 em {
    background: url(../images/cir1.png) no-repeat center center;
}

.honer-story .honer-fr li.holi2 {
    background-color: #f6d258;
}

.honer-story .honer-fr li.holi2 i {
    border-right: 14px solid #f6d258;
}

.honer-story .honer-fr li.holi2 em {
    background: url(../images/cir2.png) no-repeat center center;
}

.honer-story .honer-fr li.holi4 {
    background-color: #88b14b;
}

.honer-story .honer-fr li.holi4 i {
    border-right: 14px solid #88b14b;
}

.honer-story .honer-fr li.holi4 em {
    background: url(../images/cir4.png) no-repeat center center;
}

.honer-story .honer-fl li.holi3 {
    background-color: #ef562d;
}

.honer-story .honer-fl li.holi3 i {
    border-left: 14px solid #ef562d;
}

.honer-story .honer-fl li.holi3 em {
    background: url(../images/cir3.png) no-repeat center center;
}

.honer-story .honer-fl li.holi5 {
    background-color: #5587a2;
}

.honer-story .honer-fl li.holi5 i {
    border-left: 14px solid #5587a2;
}

.honer-story .honer-fl li.holi5 em {
    background: url(../images/cir5.png) no-repeat center center;
}

.honer-story .honer-fr li.holi6 {
    background-color: #d1af94;
}

.honer-story .honer-fr li.holi6 i {
    border-right: 14px solid #d1af94;
}

.honer-story .honer-fr li.holi6 em {
    background: url(../images/cir1.png) no-repeat center center;
}

.honer-fr {
    width: 468px;
    float: right;
    margin-top: 106px;
    margin-left: 16px;
}

.serve-safe {
    padding: 30px 0;
}

.safe-til {
    font-size: 32px;
    line-height: 54px;
    text-align: center
}

.serve-safe-con {
    width: 100%;
    height: 420px;
    background: url(../images/tjbj.png) no-repeat center center;
    position: relative;
    margin-top: 30px;
}

.serve-safe-con .safe {
    width: 270px;
    position: absolute;
}

.serve-safe-con .safe.safe-left h3,
.serve-safe-con .safe.safe-left p {
    text-align: right;
}

.serve-safe-con .safe h3 {
    font-size: 16px;
    line-height: 24px;
    color: #b71c20;
}

.serve-safe-con .safe p {
    font-size: 14px;
    color: #444;
}

.serve-safe-con .safe.safe1 {
    left: 150px;
    top: 10px;
}

.serve-safe-con .safe.safe4 {
    right: 150px;
    top: 10px;
}

.serve-safe-con .safe.safe3 {
    left: 150px;
    top: 318px;
}

.serve-safe-con .safe.safe6 {
    right: 150px;
    top: 318px;
}

.serve-safe-con .safe.safe2 {
    left: 80px;
    top: 162px;
}

.serve-safe-con .safe.safe5 {
    right: 80px;
    top: 162px;
}

.partner {
    width: 100%;
    background-color: #0a1f3a;
    padding: 20px 0;
}

.partner-w h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 40px;
}

.partner-w ul {
    padding-left: 60px;
    margin-top: 20px;
}

.partner-w ul li {
    width: 112px;
    height: 42px;
    float: left;
    margin-left: 20px;
}

.partner-w ul li img {
    width: 112px;
    height: 42px;
}

.bottomf {
    width: 100%;
    background-color: #2c5e7e;
    border-top: 2px solid #263548;
    background: url(../images/bottombg.jpg) no-repeat center center;
    background-size: cover
}

.bottom-nav ul {
    text-align: center;
    line-height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 6px;
}

.bottom-nav ul a {
    font-size: 14px;
    color: #dedede;
}

.bottom-nav ul a:hover {
    text-decoration: underline;
}

.bottom-nav ul em {
    margin: 0 20px;
    color: #dedede
}

.bottom-mess {
    margin-top: 20px;
}

.bottom-mess .bottom-tj {
    width: 420px;
    float: left;
    margin-top: 50px;
}

.bottom-mess .bottom-tj .tjlogo {
    width: 420px;
    height: 126px;
    float: left;
    margin-bottom: 4px;
}

.bottom-mess .bottom-tj .tjpic1,
.bottom-mess .bottom-tj .tjpic2 {
    width: 208px;
    height: 116px;
    float: left;
}

.bottom-mess .bottom-tj .tjpic1 {
    margin-right: 4px;
}

.bottom-mess .bottom-tj p {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    float: left;
    margin-top: 10px;
}

.bottom-mess .bottom-contact {
    width: 330px;
    float: left;
    margin-left: 58px;
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.bottom-mess .bottom-contact dt {
    font-size: 16px;
    line-height: 26px;
    margin-left: 10px;
}

.bottom-contact img {
    margin-bottom: 30px;
    margin-top: 30px;
}

.bottom-mess .bottom-contact dd {
    line-height: 22px;
    position: relative;
    font-size: 14px;
    color: #fff;
    padding-left: 58px;
    margin: 8px 0
}

.bottom-mess .bottom-contact dd span {
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 0;
}

.bottom-form {
    width: 362px;
    float: right
}

.bottom-form h2 {
    font-size: 24px;
    line-height: 38px;
    padding-left: 40px;
    background: url(../images/order-ico.png) no-repeat left center;
    color: #fff;
    margin-bottom: 10px;
}

.bottom-form .order-input {
    width: 360px;
    height: 40px;
    border: 1px solid #efefef;
    border-radius: 3px;
    line-height: 38px;
    background: none;
    text-indent: 6px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    color: #efefef;
}

.bottom-form textarea {
    width: 348px;
    height: 90px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background: none;
    padding: 6px;
    margin-bottom: 10px;
    color: #efefef;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.bottom-form .order-sub {
    width: 100%;
    height: 44px;
    background-color: #b71c20;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none !important;
}

.bottom-copyright {
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    margin-top: 30px;
}

.bottom-copyright p {
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #dedede
}

.bottom-copyright p a {
    margin-left: 6px;
    color: #bebebe
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.about-banner {
    height: 300px;
}

.about-nav-box {
    height: 60px;
}

.about-nav-bg {
    height: 59px;
    border-bottom: #e5e5e9 1px solid;
    background: #fafafa;
    font-size: 0;
    text-align: center;
}

.about-nav-bg.active {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}

.about-nav {
    display: inline-block;
    height: 60px;
    *display: inline;
    *zoom: 1;
}

.about-nav li {
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.about-nav li a {
    height: 60px;
    line-height: 60px;
    display: block;
    font-size: 18px;
    text-align: center;
    padding: 0 30px;
    color: #0076c0;
    position: relative;
}

.about-nav li.active a {
    background: #0076c0;
    color: #FFF;
}

.about-nav li.active a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0076c0;
}

.about-box {
    padding: 80px 0;
}

.about-tit {
    height: 72px;
    position: relative;
    font-size: 0;
    text-align: center;
}

.about-tit .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e5e5e9;
    display: block;
    z-index: 1;
}

.about-tit .name {
    width: 300px;
    height: 72px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    background: #FFF;
    font-size: 36px;
    font-weight: bold;
    color: #0076c0;
    z-index: 2;
}

.about-tit .name:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #e1261c;
}

.about-img {
    width: 450px;
    float: left;
    margin-top: 50px;
}

.about-img img {
    float: right;
}

.about-text {
    width: 600px;
    float: right;
    margin-right: 72px;
    font-size: 16px;
    line-height: 30px;
    color: #0076c0;
    margin-top: 50px;
}

.about-video-bg {
    background: #0076c0 url(../images/about-video-bg.png) no-repeat center top;
}

.about-video-bg .about-tit .name {
    background: none;
    color: #FFF;
}

.about-video {
    width: 800px;
    height: 480px;
    padding: 20px;
    background: #FFF;
    margin: 50px auto 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}


/*.about-team { width:1225px; margin-top:35px;}



.about-team li{ width:220px; float:left; margin:25px 25px 0 0; padding-bottom:20px; background:url(../images/about-team-bg.png) no-repeat center bottom;}



.about-team .item{ padding:20px; background:#f5f5f9; text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}



.about-team img{ width:180px; height:180px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 20px rgba(0,0,0,0.15); -moz-box-shadow:0px 1px 20px rgba(0,0,0,0.15); -ms-box-shadow:0px 1px 20px rgba(0,0,0,0.15); box-shadow:0px 1px 20px rgba(0,0,0,0.15);}



.about-team .name{ font-size:24px; line-height:30px; margin-top:15px; font-weight:bold; color:#0076c0;}



.about-team .duties{ line-height:24px; margin-top:10px; font-size:14px;}*/

.about-team-box {
    width: 1240px;
    margin: 80px -20px 0;
    position: relative;
    height: 320px;
    overflow: hidden;
}

.about-team-box .scrollpic {
    width: 1200px;
    height: 320px;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
}

.about-team-box .bun {
    width: 16px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    background: url(../images/i-img-bun.png) no-repeat;
    display: block;
    z-index: 99;
}

.about-team-box .lbun {
    left: 0;
    background-position: 0px 0px;
}

.about-team-box .rbun {
    right: 0;
    background-position: -16px 0px;
}

.about-team {
    position: absolute;
    width: 5000px;
    margin: 0;
}

.about-team li {
    width: 240px;
    float: left;
    padding-bottom: 20px;
    background: url(../images/about-team-bg.png) no-repeat center bottom;
}

.about-team .item {
    width: 180px;
    margin: 0 auto;
    padding: 20px;
    background: #f5f5f9;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.about-team img {
    width: 180px;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
}

.about-team .name {
    font-size: 24px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: bold;
    color: #0076c0;
}

.about-team .duties {
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}


/*----------------2017-7-13-----------------*/

.about-path-bg {
    background: #f5f5f9;
}

.about-path-bg .about-tit .name {
    background: #f5f5f9;
}

.about-path {
    padding-top: 50px;
}

.about-path .item {
    padding: 15px 0 15px 522px;
    position: relative;
}

.about-path .date {
    width: 400px;
    padding-right: 50px;
    line-height: 30px;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    text-align: right;
}

.about-path .text {
    width: 600px;
    font-size: 14px;
    line-height: 28px;
    background: #FFF;
    position: relative;
    border: #e5e5e9 1px solid;
    padding: 12px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.about-path .text:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #e5e5e9;
}

.about-path .text:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: -9px;
    top: 50%;
    margin-top: -9px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 10px solid #fff;
}

.about-path .line {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 450px;
    width: 1px;
    background: #d5d5d9;
}

.about-path .item:first-child .line {
    top: 50%;
}

.about-path .item:last-child .line {
    bottom: 50%;
}

.about-path .point {
    width: 13px;
    height: 13px;
    background: #FFF;
    border: #b5b5b9 1px solid;
    position: absolute;
    z-index: 2;
    left: 443px;
    top: 50%;
    margin-top: -7.5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.about-path .point:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #0076c0;
    position: absolute;
    left: 3px;
    top: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}


/*.about-path-bg{ background:#f5f5f9;}



.about-path-bg .about-tit .name{ background:#f5f5f9;}



.about-path{ padding-top:50px;}



.about-path .item{ padding:30px 0 30px 522px; position:relative;}



.about-path .date{ width:400px; padding-right:50px; line-height:30px; font-size:24px; position:absolute; left:0; top:50%; margin-top:-15px; text-align:right;}



.about-path .text{ width:600px; font-size:14px; line-height:28px; background:#FFF; position:relative; border:#e5e5e9 1px solid; padding:12px 20px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -ms-box-shadow:0px 1px 5px rgba(0,0,0,0.1); box-shadow:0px 1px 5px rgba(0,0,0,0.1);}



.about-path .text:after{content:''; position:absolute; z-index:1; left:-10px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #e5e5e9;}



.about-path .text:before{content:''; position:absolute; z-index:2; left:-9px; top:50%; margin-top:-9px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right:10px solid #fff;}







.about-path .line{ position:absolute; z-index:1; top:0; bottom:0; left:450px; width:1px; background:#d5d5d9;}



.about-path .item:first-child .line{ top:50%;}



.about-path .item:last-child .line{ bottom:50%;}



.about-path .point{ width:13px; height:13px; background:#FFF; border:#b5b5b9 1px solid; position:absolute; z-index:2; left:443px; top:50%; margin-top:-7.5px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}



.about-path .point:after{ content:''; width:7px; height:7px; background: #0076c0; position:absolute; left:3px; top:3px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}

*/

.culture-text {
    line-height: 36px;
    font-size: 18px;
}

.culture-img {
    width: 1000px;
    margin: 80px auto 0;
    text-align: center;
    font-size: 0;
}

.culture-img img {
    display: inline;
}

.culture-item {
    width: 1000px;
    margin: 80px auto 0;
}

.culture-item li {
    width: 250px;
    float: left;
    text-align: center;
}

.culture-item img {
    width: 89px;
    display: block;
    margin: 0 auto
}

.culture-item .name {
    line-height: 30px;
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
    color: #0076c0;
}

.culture-item .dsp {
    line-height: 24px;
    font-size: 14px;
    margin-top: 5px;
}

.about-honor-bg {
    background: #eceff1;
}

.about-honor-bg .about-tit .name {
    background: #eceff1;
}

.about-honor-list {
    margin-top: 50px;
}

.about-honor-list .item {
    margin-left: 370px;
    border-top: #d5d5d9 1px dashed;
    position: relative;
    padding: 40px 0;
}

.about-honor-list .item:after {
    content: '';
    position: absolute;
    top: -7px;
    border: #0076c0 2px solid;
    background: #fff;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.about-honor-list .content {
    line-height: 30px;
    font-size: 14px;
    padding-left: 25px;
}

.about-honor-list .date {
    position: absolute;
    right: 880px;
    width: 200px;
    text-align: right;
    font-size: 18px;
    color: #0076c0;
    height: 30px;
    line-height: 30px;
    top: -15px;
}

.about-honor-item {
    width: 1245px;
    margin-top: 30px;
}

.about-honor-item li {
    width: 370px;
    float: left;
    margin: 40px 45px 0 0;
}

.about-honor-item img {
    width: 100%;
}

.about-honor-item .name {
    padding: 20px;
    background: #FFF;
    font-size: 16px;
    text-align: center;
}

.hsyd-box {
    padding: 60px 0 80px;
}

.hsyd-box .title {
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 30px;
    color: #e1261c;
    text-align: center;
    font-weight: bold;
}

.hsyd-box .title:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: -10px;
    width: 48px;
    height: 3px;
    background: #0076c0;
}

.hsyd-qwjc {
    width: 800px;
    padding-right: 400px;
    position: relative;
    margin: 60px auto 0;
}

.hsyd-qwjc .item {
    width: 200px;
    float: left;
    padding: 20px;
    background: #FFF;
    margin: 20px 20px 0 0;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
}

.hsyd-qwjc .item img {
    width: 200px;
}

.hsyd-qwjc .name {
    text-align: center;
    font-size: 14px;
    padding: 20px 0 0;
}

.hsyd-qwjc .ads {
    position: absolute;
    bottom: 0;
    right: 0;
}


/*.hsyd-box{ padding:60px 0 80px;}



.hsyd-box .title{ height:60px; line-height:60px; position:relative; font-size:30px; color:#e1261c; text-align:center; font-weight:bold;}



.hsyd-box .title:after{ content:''; position:absolute; left:50%; margin-left:-24px; bottom:-10px; width:48px; height:3px; background:#0076c0;}







.hsyd-qwjc{ width:1100px; height:400px; position:relative; margin:60px auto 0;}



.hsyd-qwjc .item{ width:240px; position:absolute;}



.hsyd-qwjc .item-1{ left:0; bottom:160px;}



.hsyd-qwjc .item-2{ left:240px; bottom:0px;}



.hsyd-qwjc .item-3{ left:480px; bottom:120px;}







.hsyd-qwjc .item img{ width:240px; height:160px;}



.hsyd-qwjc .name{ text-align:center; font-size:18px; padding:10px 0;}



.hsyd-qwjc .ads{ position:absolute; bottom:0; right:0;} */

.hsyd-live-bg {
    background: #ddeef8;
}

.hsyd-live-bg .ads {
    float: left;
}

.hsyd-live {
    margin-top: 80px;
}

.hsyd-live-list {
    float: right;
    width: 580px;
    margin-top: 70px;
}

.hsyd-live-list li {
    width: 260px;
    float: left;
    margin-left: 30px;
}

.hsyd-live-list .imgbox {
    padding: 10px;
    background: #FFF;
    position: relative;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
}

.hsyd-live-list .bg {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.hsyd-live-list .icon-video {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    background: url(../images/icon-start.png) no-repeat center center;
}

.hsyd-live-list .imgbox img {
    width: 240px;
    height: 180px;
}

.hsyd-live-list .name {
    font-size: 18px;
    text-align: center;
    padding: 15px;
}

.hsyd-live-bg .btn-1 {
    width: 300px;
    height: 60px;
    line-height: 58px;
    display: block;
    margin: 60px auto 0;
    font-size: 18px;
    padding: 0;
    background: #00ce7d;
    border: none;
    border-radius: 60px;
}

.hsyd-live-2 {
    margin-top: 80px;
    padding-top: 80px;
    border-top: #b7c4cb 1px dashed;
}

.hsyd-live-bg .btn-2 {
    width: 300px;
    height: 60px;
    line-height: 58px;
    display: block;
    margin: 60px auto 0;
    font-size: 18px;
    padding: 0;
    background: #e16364;
    border: none;
    border-radius: 60px;
}

.hsyd-live-2 img {
    display: block;
    width: 800px;
    margin: 0 auto;
}

.hsyd-education {
    width: 810px;
    margin: 60px auto 0;
}

.hsyd-education li {
    width: 240px;
    padding: 0 15px;
    float: left;
    cursor: pointer;
}

.hsyd-education li:hover img {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px) transform: translateY(-15px);
    border-radius: 10px 10px 0px 0px
}

.hsyd-education li img {
    border-radius: 10px 10px 0px 0px
}

.hsyd-education .opn {
    padding: 20px;
    border: #f36d52 3px solid;
    border-top: none;
    border-radius: 0px 0px 10px 10px
}

.hsyd-education li:hover .opn {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px) transform: translateY(-15px);
    border-radius: 0px 0px 10px 10px
}

.hsyd-education .btn {
    width: 120px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    padding: 0;
    display: block;
    margin: 0 auto;
}

.hsyd-education .item-1 .opn {
    border-color: #f36d52;
}

.hsyd-education .item-2 .opn {
    border-color: #38d894;
}

.hsyd-education .item-3 .opn {
    border-color: #3fb1e7;
}

.hsyd-box-item2 {
    background: #f5f5f9;
}

.gxxtjx {
    text-align: center;
    margin-top: 80px;
    font-size: 0;
}

.gxxtjx img {
    display: inline;
}

.hsyd-sztd .text {
    padding: 60px 200px 0;
    font-size: 18px;
    color: #0076c0;
}

.hsyd-team {
    margin-top: 60px;
}

.hsyd-team li {
    width: 180px;
    padding: 0 30px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.hsyd-team li:hover {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px) transform: translateY(-15px);
}

.hsyd-team .imgbox {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    -webkit-border-radius: 120px;
    border-radius: 120px;
}

.hsyd-team .name {
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.hsyd-team .dsp {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
}

.hsyd-team .btn {
    width: 120px;
    height: 34px;
    padding: 0;
    line-height: 34px;
    display: block;
    margin: 10px auto 0;
}

.hsyd-team .btn img {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.hsyd-advantage-bg {
    background: #f8fcff;
}

.hsyd-advantage {
    margin-top: 60px;
}

.hsyd-advantage li {
    width: 260px;
    padding: 0 15px;
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.hsyd-advantage .item {
    padding: 20px;
}

.hsyd-advantage img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.hsyd-advantage .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

.hsyd-advantage .dsp {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
}

.hsyd-advantage .btn {
    width: 100px;
    height: 30px;
    padding: 0;
    display: block;
    margin: 10px auto 0;
}

.hsyd-advantage .item-1 .item {
    background: #f9f7eb;
}

.hsyd-advantage .item-2 .item {
    background: #edf7ee;
}

.hsyd-advantage .item-3 .item {
    background: #e4f5fc;
}

.hsyd-advantage .item-4 .item {
    background: #eaf8f8;
}

.hsyd-advantage .item-5 .item {
    background: #fbeded;
}

.hsyd-box .serve-safe-con {
    margin-top: 60px;
}

.news-box {
    background: #f5f5f9;
    padding: 25px 0 50px;
}

.nlist .item {
    padding: 25px;
    background: #FFF;
    height: 100px;
    margin-top: 25px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.nlist .item:hover {
    background: #0076c0;
}

.nlist .imgbox {
    width: 150px;
    height: 100px;
    float: left;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.nlist li:hover .imgbox {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
}

.nlist .imgbox img {
    width: 150px;
    height: 100px;
}

.nlist .content {
    width: 600px;
    padding-left: 25px;
    float: left;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    color: #666;
}

.nlist li:hover .content {
    color: #FFF;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
}

.nlist .name {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-top: 5px;
}

.nlist li:hover .name a {
    color: #FFF;
}

.nlist .dsp {
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}

.nlist .date {
    width: 120px;
    padding-top: 11px;
    float: right;
    text-align: center;
    color: #ccc;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.nlist li:hover .date {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
    color: #FFF;
}

.nlist .year {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
}

.nlist .month {
    font-size: 18px;
    line-height: 18px;
}

.location {
    line-height: 48px;
    height: 48px;
    font-size: 14px;
    color: #666;
}

.NewsShow {
    padding: 50px;
    margin-top: 25px;
    background: #FFF;
}

.NewsShowTit {
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    margin-top: 10px;
    color: #333;
}

.NewsShowInfo {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
}

.NewsShowGuide {
    padding: 15px 20px;
    background: #f3f4f8;
    font-size: 14px;
    line-height: 28px;
    margin-top: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.NewsShowText {
    margin-top: 20px;
    line-height: 30px;
    font-size: 16px;
}

.NewsShowText img {
    max-width: 100%;
    display: inline;
}

.NewsShowNP {
    height: 48px;
    line-height: 48px;
    padding-top: 20px;
    margin-top: 40px;
    border-top: #e5e5e9 1px dashed;
}

.NewsShowNP .item {
    width: 50%;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    font-size: 14px;
}

.job-list .item {
    padding: 30px 50px;
    border: #e5e5e9 1px solid;
    background: #FFF;
    margin-top: 30px;
}

.job-list .item.active .content {
    display: block;
}

.job-list .item.active .icon-arrow {
    background-position: center bottom;
}

.job-list .hd {
    position: relative;
    cursor: pointer;
}

.job-list .name {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.job-list dl {
    height: 40px;
}

.job-list dl dd {
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 48px;
    font-size: 14px;
    color: #8699b3;
}

.job-list .content {
    line-height: 2;
    font-size: 14px;
    color: #8699b3;
    border-top: #e5e5e9 1px solid;
    margin-top: 30px;
    padding-top: 30px;
    display: none;
}

.job-list .icon-arrow {
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13.5px;
    background: url(../images/job-arrow.png) no-repeat center top;
}

.remotely-item-1 {
    padding: 100px 0;
}

.remotely-item-1 li {
    width: 240px;
    float: left;
    text-align: center;
}

.remotely-item-1 img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.remotely-item-1 .dsp {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    color: #0076c0;
}

.remotely-item-1 .btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 10px auto 0;
    padding: 0;
}

.remotely-bg {
    padding: 5px;
    background: url(../images/remotely-bg.gif);
    margin-bottom: 80px;
}

.remotely-box {
    padding: 50px;
    background: #FFF;
}

.remotely-box .title {
    width: 600px;
    margin: -100px auto 0;
    height: 100px;
    background: #FFF;
    line-height: 100px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.remotely-nwp {
    width: 840px;
    margin: 50px auto;
}

.remotely-nwp li {
    width: 180px;
    padding: 28px;
    float: left;
    margin: 0 20px;
    background: #f8fcff;
    border: #dee9f0 2px dotted;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.remotely-nwp .name {
    width: 180px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    display: block;
    background: #0076c0;
    color: #FFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.remotely-nwp .btn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    display: block;
    margin: 20px auto 0;
}

.remotely-nwp .item-1 .name {
    background: #db5057;
}

.remotely-nwp .item-2 .name {
    background: #0075c2;
}

.remotely-nwp .item-3 .name {
    background: #f8bd0b;
}

.remotely-img {
    font-size: 0;
    margin-top: 80px;
    text-align: center;
}

.remotely-img img {
    display: inline;
}

.remotely-talk-btn {
    width: 300px;
    height: 60px;
    display: block;
    margin: 80px auto 0;
    font-size: 18px;
    border: none;
    line-height: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}

.remotely-tit-btn {
    width: 280px;
    padding: 0;
    height: 50px;
    display: block;
    margin: 60px auto 0;
    font-size: 20px;
    border: none;
    line-height: 50px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    position: relative;
}

.remotely-tit-btn:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #FFF;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.remotely-tit-btn:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #FFF;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.remotely-text {
    border-top: #ccc 1px dashed;
    margin-top: 50px;
    padding-top: 50px;
    font-size: 16px;
    line-height: 2;
}

.remotely-box .ads {
    float: left;
}

.examination-box {
    padding: 80px 0;
}

.examination-img {
    font-size: 0;
    text-align: center;
}

.examination-img img {
    display: inline;
}

.examination-adv {
    width: 993px;
    margin: 80px auto 0;
}

.examination-adv li {
    width: 271px;
    height: 251px;
    margin: 0 20px;
    background: url(../images/examination-adv-bg.png) no-repeat center top;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    float: left;
}

.examination-adv li:hover {
    background: url(../images/examination-adv-bg2.png) no-repeat center top;
    color: #333;
}

.examination-adv .name {
    font-size: 24px;
    font-weight: bold;
    padding-top: 40px;
}

.examination-adv .dsp {
    font-size: 14px;
    line-height: 24px;
    padding: 15px 30px 0;
}

.examination-box .title {
    font-size: 29px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

.examination-box .title2 {
    font-size: 16px;
    text-align: center;
}

.examination-type {
    width: 900px;
    margin: 40px auto 0;
}

.examination-type li {
    overflow: hidden;
    border-radius: 10px;
    width: 200px;
    padding: 28px;
    border: #a2c1da 2px solid;
    background: #FFF;
    float: left;
    margin: 40px 20px 0;
    text-align: center;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.examination-type li:hover {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px) transform: translateY(-15px);
    -webkit-box-shadow: 5px 5px 5px rgba(183, 28, 32, 0.55);
    -moz-box-shadow: 5px 5px 5px rgba(183, 28, 32, 0.55);
    -ms-box-shadow: 5px 5px 5px rgba(183, 28, 32, 0.55);
    box-shadow: 5px 5px 5px rgba(183, 28, 32, 0.55);
    border: #b71c20 2px solid;
}

.examination-type li p {
    font-size: 18px;
    color: #666;
}

.examination-type li h2 {
    font-size: 24px;
    padding-top: 10px;
}

.examination-type li .btn {
    width: 120px;
    height: 34px;
    padding: 0;
    font-size: 14px;
    line-height: 34px;
    margin-top: 15px;
    border: none;
    background: #b71c20;
    border-radius: 4px;
}

.examination-type li .btn:hover {
    background: #e1261c;
}

.examination-type li .btn img {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.examination-send-btn {
    width: 260px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding: 0;
    border: none;
    display: block;
    margin: 60px auto 0;
}

.examination-send-btn:hover {
    background: #e1261c !important;
}

.examination-table {
    width: 800px;
    margin: 80px auto 0;
}

.examination-table table {
    background: #fff8e5;
}

.examination-table table td {
    padding: 15px 10px;
    text-align: center;
    font-size: 14px;
}

.examination-table .td-red {
    background: #b41a25;
    color: #fff;
}

.examination-table .td-blue {
    background: #0168b7;
    color: #fff;
}

.examination-table .td-blue img {
    display: inline-block;
    margin-bottom: 5px;
}

.examination-table .td-yellow {
    background: #f7cd55;
}

.examination-table .td-grey {
    background: #dcd6c0;
}

.examination-scholl {
    width: 1240px;
    margin-top: 100px;
}

.examination-scholl .item {
    width: 230px;
    padding: 20px 19px 40px;
    float: left;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    margin: 40px 40px 0 0;
    border: #f1f1f1 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-scholl .item:hover {
    -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
}

.examination-scholl .logos {
    width: 120px;
    height: 120px;
    padding: 10px;
    margin: -90px auto 0;
    background: #FFF;
    border: #f1f1f1 1px solid;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -ms-border-radius: 120px;
    border-radius: 120px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-scholl .item:hover .logos {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
}

.examination-scholl .logos img {
    width: 120px;
    height: 120px;
}

.examination-scholl .name {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.examination-scholl .dsp {
    height: 120px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    margin-top: 20px;
}

.examination-scholl .btn {
    width: 120px;
    height: 34px;
    padding: 0;
    font-size: 14px;
    line-height: 34px;
    margin-top: 20px;
    border: none;
}

.examination-scholl .btn img {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.examination-tit {
    padding: 20px 0;
    position: relative;
    font-size: 0;
    text-align: center;
}

.examination-tit .line {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e5e5e9;
    display: block;
    z-index: 1;
}

.examination-tit .name {
    padding: 0 80px;
    line-height: 44px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    background: #FFF;
    font-size: 36px;
    font-weight: bold;
    color: #0076c0;
    z-index: 2;
}

.examination-tit img {
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -30px;
    z-index: 3;
}

.examination-tit:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
    width: 36px;
    height: 3px;
    background: #e1261c;
}

.examination-teacher {
    width: 1000px;
    background: #bae7fe;
    border: #d9e9f0 1px solid;
    margin: 80px auto 0;
    -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.examination-teacher .tab-nav {
    height: 60px;
    background: #f1f8fb;
}

.examination-teacher .tab-nav li {
    width: 25%;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.examination-teacher .tab-nav .active {
    background: #0076C0;
    color: #fff;
}

.examination-teacher .content {
    padding: 40px;
}

.examination-teacher .imgbox {
    width: 160px;
    height: 160px;
    float: left;
    padding: 10px;
    border: #d9e9f0 1px solid;
    border-radius: 160px;
}

.examination-teacher .imgbox img {
    border-radius: 160px;
}

.examination-teacher .text-box {
    width: 680px;
    float: right;
    font-size: 14px;
    line-height: 2;
}

.examination-jpkc {
    width: 1080px;
    margin: 80px auto 0;
}

.examination-jpkc li {
    width: 260px;
    padding: 30px;
    float: left;
    margin: 0 20px;
    text-align: center;
    background: #f5f5f9;
    cursor: pointer;
}

.examination-jpkc img {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-jpkc li:hover img {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px) transform: translateY(-15px);
}

.examination-jpkc .name {
    font-size: 24px;
    margin-top: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-jpkc li:hover .name {
    color: #0076c0;
}

.examination-jpkc .dsp {
    padding: 20px 10px;
    line-height: 28px;
    height: 56px;
    border: #e5e5e9 1px solid;
    border-radius: 8px;
    font-size: 16px;
    margin-top: 20px;
    background: #FFF;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-jpkc li:hover .dsp {
    border-color: #fff;
}

.examination-jiaocai {
    width: 1080px;
    margin-top: 40px;
    margin: auto;
}

.examination-jiaocai li {
    width: 230px;
    float: left;
    margin: 40px 20px 0;
    background: #FFF;
    padding: 20px;
}

.examination-jiaocai li .imgbox {
    width: 230px;
    height: 230px;
    overflow: hidden;
}

.examination-jiaocai li .imgbox img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-jiaocai li a:hover .imgbox img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.examination-jiaocai li .name {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.examination-jiaocai a {
    display: block;
}

.classroom {
    width: 1040px;
    height: 472px;
    position: relative;
    margin-top: 80px;
    overflow: hidden;
    margin: auto;
}

.classroom .item {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.classroom .item img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.classroom .item:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.classroom .item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.classroom .item:hover:after {
    opacity: 1;
    visibility: visible;
}

.classroom .item-1 {
    left: 0;
    top: 0;
    width: 400px;
    height: 250px;
}

.classroom .item-2 {
    left: 0;
    bottom: 0;
    width: 198px;
    height: 218px;
}

.classroom .item-3 {
    left: 202px;
    bottom: 0;
    width: 198px;
    height: 218px;
}

.classroom .item-4 {
    left: 404px;
    top: 0;
    width: 220px;
    height: 472px;
}

.classroom .item-5 {
    left: 628px;
    top: 0;
    width: 138px;
    height: 148px;
}

.classroom .item-6 {
    left: 770px;
    top: 0;
    width: 128px;
    height: 148px;
}

.classroom .item-7 {
    left: 902px;
    top: 0;
    width: 138px;
    height: 148px;
}

.classroom .item-8 {
    left: 628px;
    top: 152px;
    width: 204px;
    height: 148px;
}

.classroom .item-9 {
    left: 836px;
    top: 152px;
    width: 204px;
    height: 148px;
}

.classroom .item-10 {
    left: 628px;
    top: 304px;
    width: 412px;
    height: 168px;
}

.examination-notice {
    width: 1260px;
    margin-top: 20px;
}

.examination-notice li {
    width: 300px;
    padding: 30px;
    background: #f5f5f9;
    float: left;
    margin: 60px 60px 0 0;
    box-shadow: 0 2px 8px #ccc;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.examination-notice li:hover {
    background: #b71c20;
    color: #fff;
}

.examination-notice .imgbox {
    display: block;
    width: 300px;
    height: 212px;
    overflow: hidden;
}

.examination-notice .imgbox img {
    width: 300px;
    height: 212px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #ebebeb;
}

.examination-notice .imgbox:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.examination-notice .name {
    font-size: 24px;
    display: block;
    margin-top: 30px;
    text-align: center;
}

.mCase {
    width: 720px;
    margin: 80px auto 0;
    padding-bottom: 40px;
}

.mCase .item {
    width: auto;
    padding: 40px;
    border: #eadadb 1px dashed;
    background: #FFF;
}

.mCase .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #c3c4c8;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mCase .swiper-pagination-bullet-active {
    background: #d9251d;
    opacity: 1;
    width: 28px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.mCase .avatar {
    float: left;
    width: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.mCase .content {
    width: 540px;
    float: right;
}

.mCase .hd {
    line-height: 36px;
    font-size: 18px;
}

.mCase .date {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.mCase .text-box {
    line-height: 24px;
    font-size: 14px;
}

.mCase .imgbox {
    width: 240px;
    margin-top: 10px;
}

.examination-step {
    width: 1000px;
    margin: 30px auto 0;
    background: url(../images/step-arrow3.png) no-repeat 900px 195px;
}

.examination-step li {
    width: 175px;
    float: left;
    padding: 50px 0;
    cursor: pointer;
}

.examination-step .num {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: block;
    border: #e1261c 2px solid;
    text-align: center;
    line-height: 80px;
    font-size: 36px;
    color: #e1261c;
    -webkit-border-radius: 60px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-step li:hover .num {
    background: #e1261c;
    color: #FFF;
}

.examination-step p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
    font-weight: bold;
}

.examination-step li:hover p {
    color: #e1261c;
}

.examination-step .arrow {
    width: 100px;
    height: 124px;
    background: url(../images/step-arrow.png) no-repeat right 163px;
}

.examination-step .arrow2 {
    width: 100px;
    height: 124px;
    background: url(../images/step-arrow2.png) no-repeat left 163px;
}

.examination-education {
    width: 1040px;
    margin: 60px auto 0;
}

.examination-education li {
    width: 200px;
    padding: 30px 25px;
    background: #f5f5f5;
    margin: 10px 5px 0;
    float: left;
    cursor: pointer;
    color: #666;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.examination-education li:hover {
    background: #0076c0;
    color: #FFF;
}

.examination-education i {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    background: url(../images/examination-education-icon.png);
}

.examination-education p {
    height: 40px;
    line-height: 40px;
    padding-top: 20px;
    font-size: 14px;
    text-align: center;
}

.examination-education .btn {
    width: 120px;
    height: 34px;
    display: block;
    padding: 0;
    font-size: 14px;
    line-height: 34px;
    margin: 10px auto 0;
    border: none;
}

.examination-education li:hover .btn {
    background: #e1261c !important;
}

.examination-education .btn img {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.examination-education .icon-1 {
    background-position: 0px 0px;
}

.examination-education .icon-2 {
    background-position: -60px 0px;
}

.examination-education .icon-3 {
    background-position: -120px 0px;
}

.examination-education .icon-4 {
    background-position: -180px 0px;
}

.examination-education .icon-5 {
    background-position: -240px 0px;
}

.examination-education .icon-6 {
    background-position: -300px 0px;
}

.examination-education .icon-7 {
    background-position: -360px 0px;
}

.examination-education .icon-8 {
    background-position: -420px 0px;
}

.examination-education .icon-9 {
    background-position: -480px 0px;
}

.examination-education .icon-10 {
    background-position: -540px 0px;
}

.examination-education .icon-11 {
    background-position: -600px 0px;
}

.examination-education .icon-12 {
    background-position: -660px 0px;
}

.examination-education li:hover .icon-1 {
    background-position: 0px -60px;
}

.examination-education li:hover .icon-2 {
    background-position: -60px -60px;
}

.examination-education li:hover .icon-3 {
    background-position: -120px -60px;
}

.examination-education li:hover .icon-4 {
    background-position: -180px -60px;
}

.examination-education li:hover .icon-5 {
    background-position: -240px -60px;
}

.examination-education li:hover .icon-6 {
    background-position: -300px -60px;
}

.examination-education li:hover .icon-7 {
    background-position: -360px -60px;
}

.examination-education li:hover .icon-8 {
    background-position: -420px -60px;
}

.examination-education li:hover .icon-9 {
    background-position: -480px -60px;
}

.examination-education li:hover .icon-10 {
    background-position: -540px -60px;
}

.examination-education li:hover .icon-11 {
    background-position: -600px -60px;
}

.examination-education li:hover .icon-12 {
    background-position: -660px -60px;
}

.university-bg {
    padding: 80px 0;
    border-top: #0076c0 3px solid;
    background: #fffefb;
}

.Filter {
    border: #e5e5e9 1px solid;
    border-bottom: none;
    background: #FFF;
}

.Filter-box {
    padding: 15px 60px 15px 90px;
    border-bottom: #e5e5e9 1px solid;
    position: relative;
}

.Filter-box.pr0 {
    padding-right: 0;
}

.Filter-box .name {
    width: 90px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fafafa;
}

.Filter-box .name span {
    padding: 15px 0 0 15px;
    display: block;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.Filter-box .flist {
    margin: 0 20px;
    overflow: hidden;
}


/*-------------2017-7-13---------------*/


/*.Filter-box .flist.h60{height:60px;}*/

.Filter-box .flist.h60 {
    height: 30px;
}

.Filter-box.active .flist {
    height: auto;
}

.Filter-box.current .flist {
    height: auto;
}

.Filter-box .flist li {
    padding: 4px 0;
    float: left;
    height: 22px;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.Filter-box .flist li a {
    height: 22px;
    padding: 0 8px;
    line-height: 22px;
    color: #666;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

.Filter-box .flist li a:hover {
    color: #0076c0;
}

.Filter-box .flist li.active a {
    background: #0076c0;
    color: #FFF;
}

.Filter-box .opn {
    position: absolute;
    right: 10px;
    top: 15px;
}

.Filter-box .opn span {
    height: 28px;
    line-height: 28px;
    display: block;
    float: left;
    border: #0076c0 1px solid;
    color: #0076c0;
    padding: 0 12px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.Filter-box .opn span:hover {
    color: #fff;
    border-color: #0076c0;
    background: #0076c0;
}

.main-tab {
    padding: 20px 20px 20px 90px;
    border-bottom: #e5e5e9 1px solid;
}

.main-tab li {
    float: left;
    margin-right: 30px;
}

.main-tab li a {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    display: block;
    border: #0076c0 1px solid;
    color: #0076c0;
    padding: 0 20px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
}

.main-tab .active a,
.main-tab li a:hover {
    color: #fff;
    border-color: #0076c0;
    background: #0076c0;
}

.university-list {
    width: 1080px;
    margin-top: 50px;
}

.university-list .item {
    width: 280px;
    padding: 25px;
    background: #f8ebdf;
    float: left;
    margin: 30px 30px 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -5px 0px rgba(0, 0, 0, 0.25);
}

.university-list .item a {
    display: block;
}

.university-list .imgbox {
    width: 270px;
    height: 180px;
    border: #fdf7f3 5px solid;
    background: #FFF;
    overflow: hidden;
    position: relative;
}

.university-list .imgbox img {
    width: 270px;
    height: 180px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.university-list a:hover .imgbox img {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

.university-list .imgbox:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.university-list a:hover .imgbox:after {
    opacity: 1;
    visibility: visible;
}

.university-list .name {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #a4263c;
}

.university-list a:hover .name {
    color: #e1261c;
}

.university-list-bg {
    padding: 20px;
    background: url(../images/university-bg.gif);
    margin-top: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.75);
}

.university-list-box {
    padding: 54px;
    background: #fadcc0;
    border: #d07081 1px dotted;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.university-list-box .title {
    width: 400px;
    margin: 20px auto 0;
    height: 72px;
    line-height: 72px;
    position: relative;
    background: #d07081;
    font-size: 36px;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
}

.university-list-box .title:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #FFF;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.university-list-box .title:after {
    content: '';
    width: 16px;
    height: 16px;
    background: #FFF;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.university-show {
    background: #ecf4f8;
    padding-bottom: 80px;
}

.university-hd {
    width: 750px;
    height: 360px;
    margin: 0 auto;
}

.university-hd .wrap {
    width: 1000px;
}

.university-hd .imgbox {
    width: 360px;
    height: 240px;
    float: left;
    padding: 10px;
    background: #FFF;
    margin-top: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
}

.university-hd .imgbox img {
    width: 360px;
    height: 240px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.university-hd .text {
    float: right;
    padding-top: 80px;
    text-align: center;
    color: #d71518;
}

.university-hd .text .chs {
    font-size: 30px;
    margin-top: 10px;
}

.university-hd .text .ens {
    /*font-size:18px;*/
    font-size: 17px;
}

.university-hd .text .logos {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}

.university-show-box {
    background: #FFF;
    padding: 40px 60px 60px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.university-show .wrap {
    width: 1080px;
}

.university-show-box .content {
    line-height: 2;
    font-size: 14px;
    margin-top: 20px;
}

.subject {
    padding: 20px 25px;
    color: #0076c0;
    border: #d94023 1px dotted;
    margin: 20px 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.university-show-box .title {
    border-bottom: #dee6ea 1px dashed;
    padding: 20px 0;
    margin-top: 20px;
}

.university-show-box .title h2 {
    padding-left: 15px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #d71518;
    border-left: #d71518 5px solid;
}

.university-table {
    background: #d5d5d9;
}

.university-table td {
    padding: 20px;
    background: #FFF;
    text-align: center;
}

.university-table .td-tit {
    background: #d71518;
    color: #FFF;
}

.university-table .tr-tit td {
    background: #f9f9f9;
    font-weight: bold;
}

.university-ewm {
    width: 150px;
    float: left;
    margin: 30px 0 0 80px;
}

.university-ewm img {
    border: #d71518 5px solid;
    width: 140px;
}

.university-ewm p {
    font-size: 18px;
    text-align: center;
}

.university-contact {
    width: 600px;
    float: right;
    margin: 30px 80px 0 0;
}

.university-contact .item {
    padding: 10px 40px 10px 20px;
    text-align: right;
    font-size: 18px;
    position: relative;
}

.university-contact .item img {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

.settled-box {
    padding: 80px 0;
}

.settled-box .title {
    position: relative;
    text-align: center;
}

.settled-box .title:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 52px;
    width: 36px;
    height: 3px;
    background: #e1261c;
}

.settled-box .chs {
    line-height: 1;
    font-size: 36px;
    color: #333;
}

.settled-box .ens {
    line-height: 1;
    color: #aaa;
    margin-top: 30px;
}

.settled-nlist {
    width: 1230px;
    margin-top: 50px;
}

.settled-nlist .item {
    width: 525px;
    padding: 30px;
    background: #f7f7f7;
    color: #999;
    height: 112px;
    margin: 30px 30px 0 0;
    float: left;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.settled-nlist .item:hover {
    background: #0076c0;
}

.settled-nlist .content {
    width: 420px;
    float: left;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    color: #666;
}

.settled-nlist li:hover .content {
    color: #FFF;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
}

.settled-nlist .name {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}

.settled-nlist .name a {
    color: #454549;
}

.settled-nlist li:hover .name a {
    color: #FFF;
}

.settled-nlist .dsp {
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}

.settled-nlist .date {
    width: 120px;
    padding-top: 5px;
    float: right;
    margin-right: -30px;
    text-align: center;
    color: #ccc;
    font-family: Arial;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.settled-nlist li:hover .date {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
    color: #FFF;
}

.settled-nlist .year {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
}

.settled-nlist .month {
    font-size: 18px;
    line-height: 18px;
    padding-top: 10px;
}

.settled-advisory {
    width: 1240px;
    margin-top: 46px;
}

.settled-advisory li {
    width: 240px;
    padding: 21px;
    background: #FFF;
    float: left;
    margin: 24px 24px 0 0;
}

.settled-advisory a {
    display: block;
}

.settled-advisory .imgbox {
    width: 240px;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.settled-advisory .imgbox img {
    width: 240px;
    height: 160px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.settled-advisory a:hover .imgbox img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.settled-advisory .imgbox span {
    width: 120px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #FFF;
    display: block;
    position: absolute;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -61px;
    border: #fff 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.settled-advisory a:hover .imgbox span {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.settled-advisory .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}

.settled-advisory .imgbox:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.settled-advisory a:hover .imgbox:after {
    opacity: 1;
    visibility: visible;
}

.settled-condition {
    width: 1160px;
    margin: 80px auto;
}

.settled-condition li {
    width: 212px;
    height: 212px;
    margin: 0 auto;
    float: left;
    display: block;
    margin: 0 10px;
    background: url(../images/settled-condition-1.png) no-repeat center;
    text-align: center;
    cursor: pointer;
}

.settled-condition li:hover {
    background: url(../images/settled-condition-2.png) no-repeat center;
}

.settled-condition .num {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #FFF;
    display: block;
    margin: 17px auto 0;
}

.settled-condition .name {
    font-size: 24px;
    color: #e1261c;
    padding-top: 15px;
}

.settled-condition .dsp {
    line-height: 24px;
    font-size: 14px;
    padding: 10px 30px;
}

.settled-condition li:hover .num {
    color: #e1261c;
}

.settled-condition li:hover .name {
    color: #FFF;
}

.settled-condition li:hover .dsp {
    color: #FFF;
}

.reservation {
    float: left;
    width: 50%;
    padding: 50px 0;
    margin-top: 80px;
    position: relative;
}

.reservation .line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #5b5f6b;
}

.reservation .imgbox {
    float: right;
    margin-right: 100px;
}

.reservation-form {
    margin-left: 100px;
}

.reservation-form .item {
    margin-top: 20px;
    line-height: 36px;
    color: #FFF;
}

.reservation-form .bts {
    font-size: 18px;
    color: #fdf023;
    padding-left: 75px;
}

.reservation-form .name {
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    padding-right: 5px;
}

.reservation-form .input-box {
    float: left;
}

.reservation-form .input-txt {
    width: 200px;
}

.reservation-form .opn {
    padding-left: 75px;
}

.reservation-form .btn {
    width: 80px;
    height: 34px;
    line-height: 34px;
    display: block;
    padding: 0;
}

#map {
    height: 400px;
    width: 1160px;
    border: #fff 20px solid;
    background: #FFF;
    margin-top: 80px;
}

.map-list li {
    width: 360px;
    float: left;
    margin: 40px 20px 0;
    padding-top: 60px;
    position: relative;
}

.map-list .imgbox {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100px;
    height: 100px;
    padding: 9px;
    margin-left: -60px;
    display: block;
    background: #FFF;
    border: #e7e7e7 1px solid;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
}

.map-list .imgbox img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
}

.map-list .content {
    line-height: 24px;
    font-size: 14px;
    background: #FFF;
    border: #e7e7e7 1px solid;
    padding: 75px 20px 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.map-list .name {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    border-bottom: #e7e7e7 1px dashed;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.charm-nlist {
    width: 1240px;
}

.charm-nlist .item {
    width: 535px;
    padding: 25px;
    background: #FFF;
    float: left;
    margin: 30px 30px 0 0;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.charm-nlist .item:hover {
    background: #0076c0;
}

.charm-nlist .imgbox {
    width: 150px;
    height: 100px;
    float: left;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.charm-nlist li:hover .imgbox {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
}

.charm-nlist .imgbox img {
    width: 150px;
    height: 100px;
}

.charm-nlist .content {
    width: 360px;
    float: right;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    color: #666;
}

.charm-nlist li:hover .content {
    color: #FFF;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    transform: translateX(-25px);
}

.charm-nlist .name {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}

.charm-nlist li:hover .name a {
    color: #FFF;
}

.charm-nlist .dsp {
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}

.charm-nlist .date {
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    color: #999;
    background: url(../images/date.png) no-repeat left center;
    padding-left: 20px;
}

.charm-nlist li:hover .date {
    color: #FFF;
}

#layer-video {
    width: 800px;
    margin-left: -410px;
}

#layer-video2 {
    width: 800px;
    margin-left: -410px;
}

.video-box {
    padding: 20px 0;
}

.video-box2 {
    padding: 20px 0;
}

.r-float {
    background-color: #efefef;
    z-index: 9999;
    width: 159px;
    height: 329px;
    position: fixed;
    top: 30%;
    right: 0px;
}

.r-float a {
    display: block;
    width: 100%;
    height: 100%;
}

.layer-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1999;
    left: 0px;
    top: 0px;
    display: none;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    background: rgba(0, 0, 0, 0.75);
}

.layer-bg.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.layer {
    width: 560px;
    height: auto;
    background: #FFF;
    z-index: 2000;
    padding: 0 20px;
    visibility: hidden;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -100px;
    -webkit-transform: scale(0.25, 0.25);
    -moz-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.35);
}

.layer.w480 {
    width: 440px;
    margin-left: -240px;
}

.layer.active {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.layer .title {
    height: 60px;
    line-height: 60px;
    background: #f3f4f8;
    width: 100%;
    padding: 0 20px;
    margin: 0 -20px;
    position: relative;
}

.layer .title .name {
    display: block;
    float: left;
    height: 44px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.layer .title .close-btn {
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/close-btn.png) no-repeat center top;
}

.layer .title .close-btn:hover {
    background-position: 0 -60px;
}

.layer .tips-cnt {
    line-height: 2;
    padding: 20px 0;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 20px;
}

.layer .tips-cnt .btn {
    width: 88px;
    height: 34px;
    color: #FFF;
    line-height: 32px;
    margin: 20px 10px 0px;
}

.layer .tips-cnt .ico-tip {
    width: 24px;
    height: 24px;
    background-position: 0px -310px;
    float: left;
    display: block;
    margin: 3px 0 0 16px;
}

.layer .fr-box {
    width: 490px;
    float: right;
}

.layer-bot {
    width: 100%;
    padding: 10px 20px;
    margin: 0 -20px;
    height: 34px;
    border-top: #eee 1px solid;
    text-align: center;
}

.l-c-btn {
    min-width: 76px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    margin: 0 20px;
}

#layer-city {
    width: 440px;
    margin-left: -240px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#layer-city .title {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.hotCity {
    position: relative;
    padding: 20px 0;
}

.hotCity h1 {
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    font-size: 14px;
    color: #666;
}

.hotCity ul {
    margin: 0;
    padding: 0;
}

.hotCity ul li {
    float: left;
    height: 25px;
    line-height: 25px;
    margin-right: 25px;
}

.teach_con_le {
    width: 100%;
    float: left;
}

.teach_con_ri {
    width: 50%;
    float: right;
}

.teach_con_ri img {
    width: 100%;
}

.teacherIntro p {
    width: 90%;
}

.teacher-w ul li {
    margin-right: 5%;
}

.teacher-w ul li:nth-child(2n) {
    margin-right: 0;
}