@charset "utf-8";
@import url('fonts20140501.css');

* {
    margin: 0;
    padding: 0;
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    outline: none;
    -webkit-transition-property: all;
    -o-transition-property: all;
}

a, .pager a font, .fixtop .navpc li a.a i, .fixtop, .topsearch .search, .topsearch .search #sbtn, .topsearch span.icon-close-bold, .fixtop .en, .topsearch, .fixtop .navpc, .fixtop .logo, .indnews li img, .indlearners .down .cons .pics .swiper-slide .pic img, .indsteam .area li .pic img, .indart li .text .pic img, .indart li .text:before, .mainmenu li a:before, .mainmenu li a p, .introduction .text .pic img, .introduction li, .introduction li .t, .introduction li .c, .introduction li .icon, .introduction li .icon p, .schoolcha .mright img, .pictext50 .pic img, .grayfull .pic img, img.hover, .team li .pic img, p.line i, .history li .pic div p, .accordionservice li .link i, .accordionservice li .link:before, .environment_pics .article .p img, .environment_pics .article .t, .get_more p, .get_more2 p, .conslist .col .pic img, .conslist2 .col .pic img, .openingceremony td img {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.indnews li:hover img, .indlearners .down .cons .pics .swiper-slide:Hover .pic img, .indsteam .area li:hover .pic img, .indart li:Hover .text .pic img, .introduction .text .pic:hover img, .schoolcha .mright img:hover, .pictext50 .pic img:Hover, .grayfull .pic img:hover, img.hover:hover, .team li:hover .pic img, .history li:Hover .pic div p, .conslist .col:hover .pic img, .conslist2 .col:hover .pic img, .openingceremony td img:hover {
    transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10)
}

.pd, .indlearners .down .cons .pics, .indart li .hover, .floatdiv .floatin .divin, .mainmenu li, .introduction .text .cons, .introduction li, .onlytext, .history_honor li, .history_honor li .num, .environment_pics .article:Hover .p img, .visualarts .text td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.abc {
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition-duration: 1.0s;
    -ms-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -webkit-transition-duration: 1.0s;
}

.vcenter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    flex-direction: column;
}

.vcenter2 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
}

.vcenter3 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: left;
    justify-content: left;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
}

.imghide {
    position: relative;
    overflow: hidden
}

.cl3 {
    color: #333
}

html {
    -webkit-text-size-adjust: none;
    height: 100%;
}

body {
    margin: 0 auto;
    background: #fff;
    line-height: 1.8;
}

a, input, button, select, textarea {
    text-decoration: none;
    outline: none;
}

html, body, input, button, select, textarea {
    font-family: 'Source Han Sans', 'PingFang SC', 'SF Pro Text', 'Microsoft YaHei', '微软雅黑';
}

.fontst {
    font-family: '宋体', 'Source Han Sans', 'PingFang SC', 'SF Pro Text', 'Microsoft YaHei', '微软雅黑';
}

html, body, input, button, select, textarea {
    font-size: 15px;
    color: #6c6a6b;
    font-weight: 400
}

a {
    color: #6c6a6b
}

b, strong {
    font-weight: 700;
}

a:hover, .tosenior .picdowntext2 .text strong, .conslist .col:hover .cons .t a {
    color: #1d3d51
}

.indnews li:Hover .cons .text .title a, .indsteam .area li:hover .title a, .team li:Hover .title a, .maincurrent li.check a, .maincurrent li a:hover, .meishahistory .cons2 a:hover {
    color: #d72d2c
}

.abc {
    color: #08dbff
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}

table {
    border-collapse: separate;
    border-spacing: 0 0
}

.table .td {
    display: table-cell;
    vertical-align: middle;
}

.vcenter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

table, td, th, tbody, tr {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0
}

img {
    border: 0px;
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -webkit-touch-callout: none;
}

input, button, select, textarea {
    outline: none;
    border: 0;
}

textarea {
    resize: none;
}

i {
    font-style: normal;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

ul, li, dl, dt, dd {
    list-style: none;
}

.list-paddingleft-2 {
    margin: 0 0 0 20px;
}

.list-paddingleft-2 li {
    list-style: inherit;
}

em {
    font-style: normal
}

hr {
    border: 0;
    background: #ddd;
    height: 1px;
    margin: 10px 0
}

.clear, .clearfix {
    clear: both;
}

.relative {
    position: relative
}

.reover {
    position: relative;
    overflow: hidden
}

.cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pcover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.imgcover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.imgcover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vcenter {
    height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
}

.pageclass {
    height: 0px;
    overflow: hidden;
}

.page_wrap {
    width: 100%;
    padding: 80px 0 0 0;
    text-align: center
}

.pager {
    width: 100%;
}

.pager a, .pager span, .pager font {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    text-align: center;
    border-radius: 40px;
}

.pager font {
    font-family: '宋体';
    font-weight: 700;
    margin: 0;
}

.pager a:hover, .pager span.current, .pager a font:hover {
    color: #fff;
    border-color: #1d3d51;
    background: #1d3d51
}

.pager a, .pager span.disabled {
    color: #666
}

.pager, .pager select, .pager input, .pager a, .pager span.disabled {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.pager select, .pager input, .pager a, .pager span.disabled {
    border: 0px solid #666;
}

.pager i {
    font-weight: bold;
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    letter-spacing: 3px
}

::-webkit-scrollbar {
    width: 10px;
    height: 0px;
}

/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #1d3d51;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background: #fff;
}

::-webkit-input-placeholder {
    color: #6c6a6b;
}

:-moz-placeholder {
    color: #6c6a6b;
}

::-moz-placeholder {
    color: #6c6a6b;
}

:-ms-input-placeholder {
    color: #6c6a6b;
}

::selection {
    background: #1d3d51;
    color: #ffffff;
}

::-moz-selection {
    background: #1d3d51;
    color: #ffffff;
}

::-webkit-selection {
    background: #1d3d51;
    color: #ffffff;
}

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

.wrap2 {
    margin: 0 4%;
    position: relative;
}

.wrap3 {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

.phonemenu {
    display: none;
}

.fixtop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9998;
    height: 128px;
    background: none;
}

.fixtop .logo {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 999
}

.fixtop .logo a {
    height: 80px;
    background: url("../images/logo.png") no-repeat left top;
    width: 259px;
    background-size: 100%;
    display: block
}

.fixtop .navpc {
    text-align: right;
    padding: 60px 0 0 0
}

.fixtop .navpc li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 45px;
    position: relative
}

.fixtop .navpc li a.a {
    display: inline-block;
    vertical-align: top;
    height: 68px;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}

.fixtop .navpc li a.a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    text-align: center
}

.fixtop .navpc li a.a p i {
    display: block;
    width: 0;
    height: 100%;
    background: #fff;
    margin: 0 auto
}

.fixtop .navpc li.check a.a p i {
    width: 0%
}

.fixtop .navpc li.check a.a, .fixtop .navpc li:hover a.a, .fixtop ul.navpc li:Hover > a.a {
    color: #fff
}

.fixtop .navpc li .list {
    position: absolute;
    z-index: 9999;
    left: -30px;
    width: 140px;
    top: 68px;
    display: none;
    background: rgba(255, 255, 255, 0.95);
    text-align: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 13px 0 15px 30px
}

.fixtop .navpc li .list.center {
    left: 50%;
    width: 120px;
    margin-left: -55px;
    text-align: center;
    padding-left: 0
}

.fixtop .navpc li .list.listlife {
    width: 155px
}

.fixtop .navpc li .list.listsports {
    width: 190px
}

.fixtop .navpc li .list.listnews {
    width: 125px
}

.fixtop .navpc li .list dd p {
    margin: 10px 0;
    padding: 0
}

.fixtop .navpc li .list dd p a {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    color: #6c6a6b
}

.fixtop .navpc li .list dd p a:hover {
    color: #1d3d51;
}

.fixtop .en {
    position: absolute;
    right: 43px;
    top: 15px;
    line-height: 25px;
    color: #fff
}

.fixtop .en i {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 13px;
    margin: 7px 10px 0 12px;
    background: #fff
}

.fixtop .en a {
    color: #fff
}

.fixtop .en span.icon-home {
    font-size: 18px;
    margin: 1px 8px 0 0;
    display: inline-block;
    vertical-align: top;
}

.fixtop .en span.icon-dimensions {
    font-size: 18px;
    margin: 1px 6px 0 23px;
    display: inline-block;
    vertical-align: top;
}

.topsearch {
    position: absolute;
    right: 0;
    top: 15px;
}

.topsearch .btn {
    color: #fff;
    cursor: pointer
}

.topsearch .btn span {
    font-size: 18px;
    line-height: 18px
}

.topsearch .search {
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 10;
    background: #fff;
    width: 0px;
    height: 30px;
    border-radius: 30px;
    overflow: hidden
}

.topsearch .search #k {
    display: inline-block;
    vertical-align: top;
    width: 285px;
    padding: 0 0 0 15px;
    border-radius: 30px;
    height: 27px;
    font-size: 14px;
    font-weight: 300;
    color: #1d3d51
}

.topsearch .search #sbtn {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 18px;
    width: 40px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer;
    background: #fff;
    font-family: "iconfont" !important;
}

.topsearch span.icon-close-bold {
    opacity: 0;
    position: absolute;
    z-index: 9999;
    left: 25px;
    top: -3px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
}

.topsearch.active .search {
    width: 320px
}

.topsearch.active .search #sbtn, .topsearch.active span.icon-close-bold {
    opacity: 1;
}

.topblank {
    display: none;
}

.fixtop.active {
    top: -20px;
    background: rgba(29, 61, 81, 0.95);
    height: 88px
}

.fixtop.active .navpc {
    padding: 20px 0 0 0
}

.fixtop.active .en, .fixtop.active .topsearch {
    opacity: 0
}

.fixtop.active .navpc li a.a {
    line-height: 65px;
}

.fixtop.active .logo {
    top: 29px;
}

.fixtop.active .logo a {
    height: 50px;
    top: 10px;
    background-position: left bottom
}

.fixtopbg {
    background: rgba(29, 61, 81, 0.95)
}

.indpics .swiper-slide {
    position: relative;
}

.indpics .swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.3)
}

.indpics .swiper-slide .cons {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    text-align: center;
    color: #fff
}

.indpics .swiper-slide .cons .title {
    font-size: 70px;
    line-height: 85px;
    font-weight: 700;
    letter-spacing: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.indpics .swiper-slide .cons .content {
    font-size: 30px;
    margin: 15px 0 70px 0;
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.indpics .swiper-slide .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh
}

.indpics .swiper-slide .pic:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.15);
}

.indpics .swiper-slide .imgcover {
    transition: 0s linear 1s;
    transform: scale(1.1, 1.1);
}

.indpics .swiper-slide-active .imgcover, .swiper-slide-duplicate-active .imgcover {
    transition: 7s linear;
    transform: scale(1, 1);
}

.indmore a {
    display: inline-block;
    height: 45px;
    line-height: 43px;
    color: #fff;
    font-size: 18px;
    padding: 0 40px;
    background: #1d3d51;
    letter-spacing: 2px;
    border-radius: 45px;
    font-weight: 300
}

.indmore a span {
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 0
}

.indmore a:hover {
    padding: 0 50px;
    letter-spacing: 4px;
    background: #d72d2c
}

.indpics .swiper-button-next, .indpics .swiper-button-prev {
    display: none;
}

i.jump {
    color: #fff;
    position: absolute;
    width: 100%;
    padding: 0 0 0 4px;
    bottom: 85px;
    font-size: 30px;
    line-height: 30px;
    left: bottom: 0;
    z-index: 999;
    text-align: center;
    animation: myfirst 1.5s infinite;
    cursor: pointer;
    font-family: "iconfont" !important;
}

@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

#myvideo {
    object-fit: cover;
}

.videos {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.videos video {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-btn {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: 1;
    left: 50%;
    top: 50%;
    background: url(../images/play.png) no-repeat center;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

.video-btn.active {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0
}

.video-sp {
    width: 100%;
}

video::-webkit-media-controls {
    opacity: 0
}

video::-webkit-media-controls:Hover {
    opacity: 1
}

.indsubject {
    text-align: center;
    color: #1d3d51;
    padding: 0 0 80px 0
}

.indsubject .t2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
}

.indsubject .t {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin: 5px 0 0 0
}

.indsubject .c {
    color: #6c6a6b;
    margin: 8px 0 0 0
}

.indnews {
    background: url("../images/newsbg.jpg") no-repeat center;
    background-size: cover;
    padding: 110px 0 120px 0
}

.indnews ul {
    width: 101.4%;
    margin: -1.4% 0 0 -0.7%
}

.indnews li {
    float: left;
    width: 23.6%;
    margin: 1.4% 0.7% 0 0.7%;
}

.indnews li.bigpic {
    overflow: hidden;
    width: 48.6%;
    height: 395px;
    position: relative;
    border-radius: 10px
}

.indnews li.bigpic a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    z-index: 50
}

.indnews li.bigpic .title {
    position: absolute;
    left: 4%;
    width: 92%;
    bottom: 20px;
    z-index: 100;
    color: #fff;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-weight: 700;
    font-size: 18px
}

.indnews li .cons {
    background: #fff;
    border-radius: 10px;
}

.indnews li .cons .pic {
    height: 193px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative
}

.indnews li .cons .text {
    padding: 25px 30px 30px 30px
}

.indnews li .cons .text .title {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin: 18px 0 21px 0
}

.indnews li .cons .text .title a {
    color: #1d3d51;
    font-weight: 700;
    font-size: 18px
}

.indnews li .cons .text .content {
    line-height: 28px;
    overflow: hidden;
    height: 56px
}

.indlearners {
    padding: 110px 0 0 0;
}

.indlearners .down {
    position: relative;
    height: 700px;
}

.indlearners .down:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: rgba(29, 61, 81, 0.5);
    z-index: 10
}

.indlearners .down:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: rgba(29, 61, 81, 0.9);
    z-index: 10
}

.indlearners .down .picpart {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
}

.indlearners .down .picpart img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.indlearners .down .cons {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50
}

.indlearners .down .cons .pics {
    display: inline-block;
    vertical-align: middle;
    width: 61%;
    position: relative;
    padding: 0 100px
}

.indlearners .down .cons .pics .swiper-slide .pic {
    position: relative;
    overflow: hidden;
    height: 270px
}

.indlearners .down .cons .pics .swiper-slide .cons2 {
    background: #fff;
    padding: 25px 30px 30px 30px
}

.indlearners .down .cons .pics .swiper-slide .cons2 .t {
    font-weight: 700;
    line-height: 27px;
    min-height: 54px;
    margin: 0 0 15px 0
}

.indlearners .down .cons .pics .swiper-slide .cons2 .t a {
    font-size: 17px;
    color: #1d3d51;
}

.indlearners .down .cons .text {
    display: inline-block;
    vertical-align: middle;
    width: 31%;
    margin: 0 0 0 8%;
    color: #fff;
    height: 700px
}

.indlearners .down .cons .text .t {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

.indlearners .down .cons .text .in {
    margin: 0 0 0 0px
}

.indlearners .down .cons .text .t2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin: 25px 0
}

.indlearners .down .cons .text .indmore2 {
    margin: 60px 0 0 0
}

.indmore2 a {
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 5px;
    height: 35px;
    line-height: 33px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px
}

.indmore2 a:hover {
    border-color: #d72d2c;
    background: #d72d2c;
    letter-spacing: 1px;
    padding: 0 25px
}

.indmore2 a span {
    margin: 1px -3px 0 0;
    display: inline-block;
    vertical-align: top;
}

.indmore3 a {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 20px;
    font-size: 14px;
    background: #1d3d51;
    color: #fff
}

.indmore3 a:hover, .indlearners .down .cons .pics .swiper-slide:hover .cons2 .indmore3 a {
    background: #d72d2c;
    letter-spacing: 1px;
    padding: 0 25px
}

.indmore3 a span {
    margin: 1px -3px 0 0;
    display: inline-block;
    vertical-align: top;
}

.indlearners .swiper-button-prev {
    left: 0
}

.indlearners .swiper-button-next {
    right: 0
}

.indteaching {
    padding: 0;
    margin-top: -10px
}

.indteaching .down:before {
    left: auto;
    right: 0;
    background: rgba(108, 106, 107, 0.5);
}

.indteaching .down:after {
    right: auto;
    left: 0;
    background: rgba(108, 106, 107, 0.9);
}

.indteaching .down .picpart {
    right: auto;
    left: 0
}

.indteaching .down .cons .text {
    margin: 0 8% 0 0
}

.indteaching .down .cons .pics .swiper-slide .cons2 .t a {
    color: #6c6a6b;
}

.indteaching .indmore3 a {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    padding: 0 20px;
    font-size: 14px;
    background: #6c6a6b;
}

.indsteam {
    padding: 0 0 110px 0;
    background: #f0f0f0
}

.indsteam .indsubject {
    background: #fff;
    padding-top: 110px
}

.indsteam .bg {
    height: 700px;
    position: relative;
    background: #fff;
    background-size: cover;
    background-position: center;
}

.indsteam .bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3)
}

.indsteam .area {
    position: relative;
    z-index: 100;
    margin-top: -230px;
}

.indsteam .area ul {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 2.5% 2% 2% 2%;
    margin-top: -20px
}

.indsteam .area li {
    float: left;
    width: 29.3333%;
    margin: 20px 2% 2% 2%;
    text-align: center
}

.indsteam .area li .pic {
    position: relative;
    overflow: hidden;
    padding: 30% 0;
    cursor: pointer
}

.indsteam .area li .title {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin: 20px 0 0 0;
}

.indsteam .area li .title a {
    color: #1d3d51;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer
}

.indsteam .area li .title2 {
    cursor: pointer;
    margin: 10px 0 0 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.indsteam .area li .title2 a span {
    text-decoration: underline;
    color: #1d3d51;
    margin: 0 0 0 5px
}

.indsteam .indmore {
    text-align: center;
    margin: 80px 0 0 0
}

.floatdiv {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

.floatdiv .floatin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    flex-direction: column;
}

.floatdiv .floatin .floatclose {
    height: 1px;
    width: 700px;
    text-align: right;
    position: relative
}

.floatdiv .floatin .floatclose span {
    color: #1d3d51;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: -35px;
}

.floatdiv .floatin .divin {
    background: #fff;
    max-height: 80%;
    width: 700px;
    background: #fff;
    overflow-y: auto;
    padding: 35px 35px 45px 35px;
}

.floatdiv .floatin .divin .floatpic {
    margin: 0 0 20px 0
}

.floatdiv .floatin .divin .floattitle {
    text-align: center;
    color: #1d3d51;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    padding: 0 0 25px 0
}

.floatdiv .floatin .divin .floattitle.left {
    text-align: left
}

.floatdiv .floatin .divin img {
    margin: 10px 0
}

body.index.active {
    overflow: hidden
}

.floatdiv .floatin .divin::-webkit-scrollbar {
    width: 5px;
}

.indart {
    padding: 110px 0 0 0;
}

.indart li {
    float: left;
    width: 50%;
    height: 570px;
    position: relative
}

.indart li .text {
    position: relative;
    cursor: pointer;
    height: 570px;
    overflow: hidden
}

.indart li .text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: #1d3d51;
    opacity: 0.85
}

.indart li:nth-child(1) .text:before {
    background: #6c6a6b;
}

.indart li .text .pic {
    overflow: hidden
}

.indart li .text .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    color: #fff;
    font-size: 50px;
    line-height: 70px;
    font-weight: 700;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
}

.indart li .hover {
    position: absolute;
    right: -100%;
    top: 0;
    background: #edeceb;
    width: 100%;
    height: 100%;
    z-index: 200;
    padding: 0 8%;
    display: none
}

.indart li .hover .icon-close-bold {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #1d3d51;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    cursor: pointer
}

.indart li .hover2 {
    right: auto;
    left: -100%
}

.indart li .hover .t {
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    color: #1d3d51;
}

.indart li .hover .t2 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    margin: 20px 0
}

.indart li .hover .c {
    margin: 0 0 40px 0
}

.indart li:Hover .text:before {
    opacity: 0.9
}

.bannerin {
    padding: 15.58% 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.bannerin:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.3)
}

.bannerin .cons {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    text-align: center;
    color: #fff
}

.bannerin .cons .t {
    font-size: 50px;
    line-height: 65px;
    font-weight: 700;
    letter-spacing: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    margin: 90px 0 15px 0
}

.bannerin .cons .c {
    font-size: 25px;
    line-height: 35px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-transform: uppercase
}

.maincons {
    background: #fff;
    position: relative;
    z-index: 100;
    margin-top: 31.16%
}

.mainmenu {
    /*max-width: 1200px;*/
    background: #f0f0f0;
}
.mainmenu ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mainmenu li {
    display: inline-block;
    vertical-align: top;
    width: 11.1111%;
    text-align: center;
    border-left: 2px solid #fff;
}

.mainmenu li:nth-child(1) {
    border-width: 0
}

.mainmenu li a {
    font-size: 20px;
    display: block;
    position: relative;
    height: 70px;
    line-height: 68px
}

.mainmenu li a p {
    position: relative;
    z-index: 10;
    color: #6c6a6b
}

.mainmenu li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #1d3d51;
    width: 0;
    height: 100%;
    z-index: 1
}

.mainmenu li a:Hover:before, .mainmenu li.check a:before {
    width: 100%
}

.mainmenu li:Hover a p, .mainmenu li.check a p {
    color: #fff
}

.mainmenu8 li {
    width: 12.5%
}

.mainmenu7 li {
    width: 14.2857%
}

.mainmenu6 li {
    width: 16.6666%
}

.mainmenu5 li {
    width:20%;
}

.mainmenu3 {
    text-align: center
}

.mainmenu3 li {
    width: auto;
}

.mainmenu3 li a {
    padding: 0 60px;
}

.mainmenu4 {
    text-align: center
}

.mainmenu4 li {
    width: auto;
}

.mainmenu4 li a {
    padding: 0 60px;
}

.schoolcalendar {
    text-align: center;
    padding: 240px 0 150px 0
}

.schoolcalendar .t {
    color: #1d3d51;
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 80px 0
}

.aboutsubject {
    text-align: center;
    color: #1d3d51;
    padding: 110px 0 75px 0
}

.aboutsubject .t {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 10px 0;
    letter-spacing: 3px;
    display: inline-block;
    position: relative
}

.aboutsubject .t:before {
    content: '';
    position: absolute;
    left: -130px;
    top: 27px;
    width: 100px;
    height: 1px;
    background: #1d3d51;
}

.aboutsubject .t:after {
    content: '';
    position: absolute;
    right: -130px;
    top: 27px;
    width: 100px;
    height: 1px;
    background: #1d3d51;
}

.aboutsubject .t2 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    color: #999;
    letter-spacing: 0.1px
}

.introduction .text {
    position: relative;
    margin: 60px 0 100px 0
}

.introduction .text .pic {
    position: absolute;
    left: 0;
    top: -60px;
    width: 57%;
    overflow: hidden;
    height: 392px;
    z-index: 100;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px
}

.introduction .text .cons {
    width: 57%;
    margin: 0 0 0 43%;
    padding: 0 0 0 14%;
    background: #1d3d51;
    color: #fff;
    height: 392px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative
}

.introduction .text .cons:before {
    content: '';
    position: absolute;
    right: -150px;
    top: 50%;
    background: url("images/logo_write.png") no-repeat center;
    background-size: 100%;
    z-index: 1;
    width: 414px;
    height: 414px;
    opacity: 0.1;
    margin-top: -207px
}

.introduction .text .cons .in {
    position: relative;
    padding: 0 8% 0 12%;
    z-index: 100;
    height: 392px
}

.introduction ul {
    margin: -60px 0 90px 0
}

.introduction li {
    float: left;
    width: 25%;
    margin: 40px 0 0 0;
    text-align: center;
    border-radius: 10px;
    padding: 30px 15px
}

.introduction li .icon {
    width: 59px;
    height: 48px;
    padding: 12px 0 0 1px;
    margin: 0 auto;
    background-color: #1d3d51;
    border-radius: 50%;
}

.introduction li .icon p {
    width: 35px;
    height: 35px;
    background-position: bottom;
    margin: 0 auto 0 auto;
    background-size: 100%
}

.introduction li .t {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: #1d3d51;
    margin: 20px 0 5px 0
}

.introduction li .c {
    font-size: 16px
}

.introduction li:hover {
    background: #1d3d51;
}

.introduction li:Hover .icon {
    background-color: #fff;
}

.introduction li:hover .icon p {
    background-position: top;
}

.introduction li:hover .t, .introduction li:hover .c {
    color: #fff
}

.ft16 {
    font-size: 16px;
    line-height: 2
}

.schoolcha {
    background: #f0f0f0;
    padding: 110px 0 120px 0
}

.schoolcha .mleft {
    width: 40%;
    color: #333
}

.schoolcha .mright {
    width: 55%;
    margin: 100px 0 0 5%;
    overflow: hidden
}

.schoolcha .mright img {
    width: 100%
}

.aboutsubject2 .t {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 10px 0;
    letter-spacing: 3px;
    display: inline-block;
    position: relative;
    color: #1d3d51;
}

.aboutsubject2 .t2 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    color: #999;
    letter-spacing: 0.1px;
    position: relative
}

.aboutsubject2 .t2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 80px;
    height: 3px;
    background: #1d3d51;
}

.aboutsubject2 .c {
    margin: 50px 0 0 0;
}

.schoolcha2 {
    background: #fff;
}

.schoolcha2 .mright {
    text-align: left;
    margin-left: 0;
    margin-right: 5%;
    margin-top: 0
}

.schoolcha2 .mright img {
    width: auto
}


.aboutsubject3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    margin: 110px 0 85px 0;
    letter-spacing: 0.5px;
    position: relative;
    color: #1d3d51;
    text-align: center
}

.aboutsubject3:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 60px;
    margin-left: -30px;
    height: 3px;
    background: #1d3d51;
}

.aboutsubject3.left {
    text-align: left
}

.aboutsubject3.left:before {
    left: 0;
    margin-left: 0
}

.pictext50 {
    position: relative;
}

.pictext50 .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.pictext50 .text {
    background: #5b7a8b;
    margin: 0 0 0 50%;
    width: 44%;
    padding: 40px 3%;
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.grayfull {
    background: #f0f0f0;
    padding: 1px 0 120px 0;
    margin: 120px 0 0 0;
    color: #333
}

.grayfull .pic {
    height: 500px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.grayfull .text {
    margin: 40px 0 0 0
}

.grayfull .text strong, .grayfull .text b {
    color: #1d3d51
}

.pictext50_gray {
    padding: 0 0 120px 0
}

.pictext50_gray .text {
    background: #f0f0f0;
    color: #333;
    line-height: 1.6
}

.tostudent .picdowntext {
    float: left;
    width: 70%;
}

.tostudent .onlytext {
    float: right;
    width: 25%
}

.picdowntext .pic {
    height: 500px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.picdowntext .text {
    background: #5b7a8b;
    coloR: #fff;
    padding: 40px 4% 45px 4%;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.onlytext {
    background: #f0f0f0;
    padding: 40px 35px;
    color: #333;
    min-height: 1000px;
    border-radius: 50px
}

.onlytext strong, .onlytext b {
    color: #1d3d51
}

.toteacher {
    background: #f0f0f0;
    padding: 1px 0 120px 0;
    margin: 120px 0 0 0
}

.toteacher .cons1 {
    float: left;
    width: 45%;
    margin: 0 10% 0 0
}

.toteacher .cons2 {
    float: right;
    width: 45%;
    background: #5b7a8b;
    color: #fff;
    border-radius: 50px
}

.toteacher .text {
    padding: 40px 50px;
}

.toteacher .cons1 .text {
    padding: 0;
    color: #333
}

.tosenior {
    padding: 0 0 120px 0
}

.tosenior .picdowntext {
    float: left;
    width: 48%
}

.tosenior .picdowntext .pic {
    height: 450px
}

.tosenior .picdowntext2 {
    float: right;
}

.tosenior .picdowntext .text {
    padding: 30px 40px 35px 40px
}

.tosenior .picdowntext2 .text {
    background: #f0f0f0;
    color: #333;
    min-height: 353px
}

.slovalue {
    padding: 110px 0 120px 0
}

.slovalue .mleft {
    float: left;
    width: 35%
}

.slovalue .mright {
    float: right;
    width: 60%;
    color: #333
}

.slovalue .pic {
    position: relative;
    overflow: hidden;
    padding: 18% 0;
    margin: 80px 0 0 0;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.aboutsubject4 .t {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    color: #1d3d51;
}

.aboutsubject4 .t2 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 28px;
    color: #999;
    letter-spacing: 0.1px;
    position: relative;
    max-width: 200px
}

.vision li {
    position: relative;
    padding: 120px 0 120px 0
}

.vision li .pic {
    padding: 15% 0;
    float: left;
    width: 40%
}

.vision li .cons {
    float: right;
    width: 50%;
    margin: 0 0 0 10%
}

.vision li .cons .aboutsubject3 {
    margin-top: 0
}

.vision li .cons .c {
    margin: -20px 0 0 0
}

.vision li.li2 {
    background: #f0f0f0;
}

.vision li.li2 .cons {
    margin: 0 10% 0 0
}

.vision li .indmore3 {
    margin-top: 40px
}

.vision li .pic2 {
    float: left;
    width: 40%;
    position: relative
}

.team ul {
    width: 103%;
    margin: -50px 0 120px -1.5%
}

.team li {
    float: left;
    width: 30.3333%;
    margin: 50px 1.5% 0 1.5%
}

.team li .pic {
    padding: 33.6% 0;
    cursor: pointer
}

.team li .title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 15px 0 13px 0
}

.team li .title a {
    color: #1d3d51;
    font-weight: 700;
    font-size: 22px;
    cursor: pointer
}

.team li .title2 {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    overflow: hidden
}

.whitefull {
    padding: 1px 0 120px 0;
    color: #333
}

.whitefull .pic {
    padding: 23% 0;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.whitefull .text {
    background: #5b7a8b;
    padding: 40px 40px 45px 40px;
    color: #fff;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px
}

.maincurrent {
    position: relative;
    text-align: right;
    margin: 40px 0 60px 0
}

.maincurrent .wrap:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 1px;
    background: #ddd;
}

.maincurrent .list {
    position: absolute;
    left: 0;
    top: -5px;
    text-align: left;
}

.maincurrent .list span.icon-home1 {
    margin: 0 5px 0 0
}

.maincurrent .list span.icon-sanjiaoxing_shang {
    margin: 0 5px 0 5px;
    font-size: 12px;
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.maincurrent .list a.check {
    color: #d72d2c
}

.maincurrent li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 30px;
    line-height: 20px
}

.maincurrent li a {
    color: #1d3d51;
    position: relative;
    display: inline-block;
}

p.line {
    text-align: center
}

p.line i {
    display: inline-block;
    width: 0;
    height: 2px;
    background: #d72d2c;
}

a:hover p.line i, .maincurrent li.check a p.line i {
    width: 100%
}

.centuryworld .text {
    background: #5b7a8b;
    color: #fff;
    padding: 40px 45px 45px 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.centuryworld .text a {
    color: #08dbff;
    text-decoration: underline
}

.centurywhat .mleft .c {
    text-align: center;
    max-width: 205px;
    font-weight: 700;
    color: #1d3d51;
    font-size: 16px;
    margin: 30px 0 0 0
}

.centurywhat .mleft .c img {
    margin: 0 0 20px 0
}

.centurywhat .mright {
    padding-top: 35px
}

.centuryzs {
    background: #f0f0f0;
}

.centuryzs .mleft .c {
    max-width: 256px;
    text-align: center;
    coloR: #1d3d51;
    font-weight: 700;
}

.centuryzs .mleft .c img {
    margin: 85px 0 15px 0
}

.centuryzs .mleft .c2 {
    color: #fff;
    background: #5b7a8b;
    padding: 20px 20px 25px 20px;
    margin: 70px 0 0 0;
    max-width: 216px
}

.centuryzs .mright img {
    margin: 0 0 15px 0
}

.digital {
    margin-top: -70px
}

.history {
    margin: 120px 0 0 0;
    padding: 1px 0 200px 0;
    background: #f0f0f0
}

.history ul {
    position: relative;
    margin: 20px 0 0 0
}

.history ul:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    height: 100%;
    background: url("../images/hisline.png") repeat-y;
    width: 20px;
    margin-left: -10px
}

.history li {
    position: relative;
    min-height: 199px;
    width: 50%;
    margin-bottom: -50px
}

.history li .pic {
    position: absolute;
    right: 20px;
    top: 0;
    background: url("../images/hisbg2.png");
    width: 243px;
    height: 199px;
}

.history li .pic div {
    width: 146px;
    height: 146px;
    border-radius: 50%;
    position: relative;
    margin: 16px 0 0 16px
}

.history li .pic div p {
    border-radius: 50%;
}

.history li .cons {
    margin: 0 303px 0 0
}

.history li .cons .t {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: #1d3d51;
    margin: 0 0 20px 0
}

.history li.liright {
    left: 50%
}

.history li.liright .pic {
    right: auto;
    left: 20px;
    background: url("../images/hisbg.png");
    text-align: right
}

.history li.liright .pic div {
    margin: 16px 16px 0 auto
}

.history li.liright .cons {
    margin: 0 0 0 303px
}

.history_honor {
    margin: 15px 0 120px 0;
    position: relative
}

.history_honor:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    border-radius: 50%;
    margin-left: -10px;
    background: #fff;
    z-index: 100
}

.history_honor:after {
    content: "\e697";
    position: absolute;
    top: -16px;
    margin-left: -20px;
    left: 50%;
    font-family: "iconfont" !important;
    font-size: 40px;
    line-height: 40px;
    color: #ddd;
    z-index: 100;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.history_honor ul {
    position: relative;
    padding: 60px 0 160px 0
}

.history_honor ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -1px;
    width: 2px;
    height: 100%;
    background: #ddd
}

.history_honor li {
    width: 50%;
    text-align: right;
    position: relative;
    padding: 0 100px 0 0;
    margin: 0 0 -100px 0
}

.history_honor li.li2 {
    margin: 0 0 0 50%;
    width: 50%;
    text-align: left;
    padding: 0 0 0 100px
}

.history_honor li .in {
    display: inline-block;
    margin: 0 0 0 auto
}

.history_honor li.li2 .in {
    margin: 0 auto 0 0
}

.history_honor li .num {
    position: absolute;
    right: -55px;
    top: -10px;
    background: #fff;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    padding: 10px 0 0 10px
}

.history_honor li .num p {
    background: #1d3d51;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    color: #fff;
    font-size: 27px;
    line-height: 88px;
    text-align: center
}

.history_honor li.li2 .num {
    right: auto;
    left: -55px
}

.history_honor li .title2 {
    color: #1d3d51;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.history_honor li .content {
    margin: 30px 0 30px 0
}

.indmore4 a {
    border: 1px solid #1d3d51;
    display: inline-block;
    border-radius: 5px;
    height: 30px;
    line-height: 29px;
    padding: 0 20px;
    color: #1d3d51;
    font-size: 15px
}

.indmore4 a:hover, .conslist .col:hover .cons .indmore4 a {
    background: #1d3d51;
    letter-spacing: 1px;
    padding: 0 25px;
    color: #fff
}

.indmore4 a span {
    margin: 1px -3px 0 0;
    display: inline-block;
    vertical-align: top;
}

.history_honor2 {
    background: #5b7a8b;
    color: #fff;
    margin: 0 0 -120px 0;
    padding: 1px 0
}

.history_honor2 .history_honor:before {
    border-color: rgba(255, 255, 255, 0.5);
    background: #5b7a8b;
}

.history_honor2 .history_honor:after {
    color: rgba(255, 255, 255, 0.5)
}

.history_honor2 .history_honor ul {
    padding-bottom: 60px
}

.history_honor2 .history_honor ul:before {
    background: rgba(255, 255, 255, 0.5)
}

.history_honor2 .history_honor li .num {
    background: #5b7a8b;
}

.history_honor2 .history_honor li {
    min-height: 250px
}

.history_honor2 .history_honor li:last-of-type {
    min-height: 0
}

.history_honor2 .history_honor li .title2 {
    color: #fff;
    margin: 0 0 -10px 0;
    font-weight: 400;
    font-size: 22px;
    line-height: 37px
}

.history_honor2 .history_honor li .content {
    font-weight: 300;
    opacity: 0.8
}

.history_honor2 .aboutsubject {
    color: #fff;
    font-weight: 400;
    padding-bottom: 0;
    margin-bottom: 90px
}

.history_honor2 .aboutsubject .t:before, .history_honor2 .aboutsubject .t:after {
    background: #fff
}

.history_honor2 .aboutsubject .t2 {
    color: #fff
}

.history_honor2 .aboutsubject:before {
    background: #fff
}

.edution .aboutsubject .c {
    max-width: 800px;
    margin: 10px auto 0 auto
}

.meishaedu ul {
    margin-top: -40px
}

.meishaedu li {
    background: #f0f0f0;
    margin: 40px 0 0 0;
    position: relative;
    height: 400px
}

.meishaedu li .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-right: 10px solid #fff
}

.meishaedu li .cons {
    margin: 0 0 0 50%;
    padding: 0 8%
}

.meishaedu li .cons .c {
    font-size: 22px;
}

.meishaedu li .cons .aboutsubject3 {
    margin: 0 0 50px 0;
    padding: 0
}

.meishaedu li.li2 .pic {
    left: 50%;
    border-left: 10px solid #fff
}

.meishaedu li.li2 .cons {
    margin: 0 50% 0 0
}

.meishahistory {
    padding: 0 0 120px 0
}

.meishahistory li {
    background: #5b7a8b;
    coloR: #fff
}

.meishahistory li .cons .t {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 15px 0
}

.meishahistory li .cons .c {
    font-size: 16px;
    line-height: 2
}

.meishahistory .cons2 {
    text-align: center;
    color: #1d3d51;
    font-size: 20px;
    margin: 80px 25% 0 25%
}

.meishahistory .cons2 a {
    color: #1d3d51
}

.job li {
    position: relative;
    background: #eaeaea;
    margin: 2px 0 0 0
}

.job li i {
    position: absolute;
    right: 40px;
    top: 28px;
    display: block;
    font-size: 20px;
    line-height: 20px
}

.accordionservice li .link {
    padding: 18px 120px 19px 48px;
    color: #1d3d51;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative
}

.accordionservice li .link:before {
    content: '';
    position: absolute;
    left: 30px;
    width: 3px;
    height: 18px;
    top: 27px;
    background: #1d3d51;
}

.accordionservice li.open .link:before {
    background: #fff
}

.accordionservice li.open .link i {
    top: 25px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    color: #fff
}

.accordionservice li.open .link {
    background: #1d3d51;
    color: #fff
}

.accordionservice .submenu {
    display: none;
    padding: 40px 48px;
    border: 1px solid #1d3d51;
    background: #fff;
    line-height: 2;
    coloR: #333;
    margin: 0 0 -2px 0;
    font-size: 16px
}

.accordionservice .submenu strong {
    color: #1d3d51
}

.accordionservice .submenu li {
    background: none;
    margin: 0
}

.overauto::-webkit-scrollbar {
    width: 2px;
}

.curriculum {
    margin: 120px 0
}

.curriculum .pic {
    padding: 18% 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.curriculum .aboutsubject3 {
    margin: 0 0 70px 0
}

.curriculum .mleft {
    float: left;
    width: 50%;
    background: #5b7a8b;
    coloR: #fff;
    padding: 50px 25px 50px 50px;
    border-bottom-left-radius: 50px
}

.curriculum .mleft .aboutsubject3 {
    coloR: #fff
}

.curriculum .mleft .aboutsubject3:before {
    background: rgba(255, 255, 255, 0.5)
}

.curriculum .text {
    height: 545px;
    overflow-y: auto;
    padding: 0 25px 0 0;
}

.curriculum .mright {
    float: right;
    width: 50%;
    background: #f0f0f0;
    padding: 50px 25px 50px 50px;
    border-bottom-right-radius: 50px
}

.curriculum_kc .mleft, .curriculum_kc .mright {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.curriculum_kc .text {
    height: auto;
    padding: 0
}

.curriculum_kc .text .in {
    padding-left: 50px;
    padding-right: 50px;
    min-height: 680px
}

.curriculum_kc .pic2 {
    padding: 28% 0;
    margin: 50px 0 0 0;
    border-bottom-left-radius: 50px
}

.curriculum_kc .mright .pic2 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50px;
}

.ap {
    text-align: center
}

.ap .cons {
    background: #5b7a8b;
    text-align: center;
    padding: 50px 50px 40px 50px;
    margin: 0 auto 100px auto;
}

.ap .cons .title {
    coloR: #fff;
    margin: 20px 0 0 0;
    font-size: 20px;
    letter-spacing: 1px
}

.job_ap {
    margin: 0 auto 120px auto
}

.catalogue .aboutsubject .c {
    margin: 30px 0 -20px 0
}

.catalogue_list {
    margin: 100px 0 80px 0;
}

.catalogue_list .gs {
    background: #f0f0f0;
}

.catalogue_list .gs .mleft {
    width: 50%
}

.catalogue_list .gs .mleft .pic {
    padding: 30% 0
}

.catalogue_list .gs .mright {
    width: 50%;
    padding: 15px 3%;
    color: #1d3d51;
    line-height: 1.8;
}

.catalogue_list .sx {
    background: #f0f0f0;
    padding: 30px;
    margin: 40px 0 0 0
}

.catalogue_list .sx img {
    width: 100%;
    margin: 5px 0
}

.catalogue_list .sx h2, .catalogue_list .sx h3 {
    font-size: 25px;
    margin: 0 0 10px 0
}

.catalogue_list .sx strong, .catalogue_list .sx h2, .catalogue_list .sx h3 {
    color: #1d3d51
}

.catalogue_list table {
    width: 100%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.catalogue_list td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 10px;
    background: #fff;
    min-width: 50px
}

.downbtn {
    text-align: center;
    margin: 0 0 120px 0
}

.downbtn a {
    display: inline-block;
    height: 55px;
    line-height: 53px;
    padding: 0 40px;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #1d3d51;
    font-weight: 700;
    border-radius: 60px;
    letter-spacing: 0.5px
}

.downbtn a:hover {
    border-color: #1d3d51;
    background: #1d3d51;
    coloR: #fff
}

.downbtn a span {
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    vertical-align: top;
    margin: 14px 5px 0 0;
    font-weight: 400
}

.exchange .aboutsubject {
    padding: 0 0 80px 0
}

.exchange .pic {
    padding: 0
}

.exchange .pic img {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.exchange .text {
    height: auto
}

.exchange .mleft {
    min-height: 968px
}

.exchange .mright {
    padding-right: 50px
}

.exchange .mright .t1 {
    color: #1d3d51;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.exchange .mright .c1 {
    color: #333;
}

.exchange .mright .c1 p.icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.exchange .mright .c1 p.start {
    padding: 0 35px 0 0
}

.exchange .mright .c1 p.end {
    padding: 0
}

.exchange .mright .c1 i {
    position: absolute;
    left: -25px;
    top: 0px;
    color: #1d3d51;
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    display: inline-block;
}

.exchange .mright .c1 p.end i {
    left: auto;
    right: -55px;
    top: 10px
}

.exchange .mright .p1 {
    padding: 30% 0;
    margin: 50px 0 30px 0
}

.exchange_list {
    margin: 0 0 120px 0
}

.exchange_list ul {
    width: 103%;
    margin: -3% 0 0 -1.5%
}

.exchange_list li {
    float: left;
    width: 47%;
    margin: 3% 1.5% 0 1.5%;
    background: #f0f0f0;
    text-align: center;
    padding: 30px 30px 25px 30px
}

.exchange_list li .pic {
    padding: 30% 0
}

.exchange_list li .title {
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #1d3d51;
    margin: 17px 0 0 0;
    font-size: 16px;
}

.elp_list {
    margin: 120px 0
}

.elp_list .pic {
    padding: 38% 0;
    border-top-left-radius: 50px;
}

.elp_list .mleft {
    float: left;
    width: 50%;
    background: #5b7a8b;
    coloR: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.elp_list .mright {
    float: right;
    width: 50%;
    background: #f0f0f0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.elp_list .mright .pic {
    border-top-right-radius: 50px;
    border-top-left-radius: 0
}

.elp_list .in {
    padding: 45px 25px 40px 50px
}

.elp_list .in .overauto {
    height: 485px;
    overflow-y: auto;
}

.elp_list .in .t {
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 30px 0
}

.elp_list .in .text {
    padding: 0 25px 0 0;
    line-height: 2;
    font-size: 16px
}

.elp_list .mright .in .t {
    color: #1d3d51;
}

.elp_list_full .pic {
    padding: 19% 0;
    border-top-right-radius: 50px;
}

.elp_list_full .mleft {
    border-top-left-radius: 0
}

.elp_list_full .mright {
    border-top-right-radius: 0
}

.elp {
    padding: 0 0 70px 0
}

.elp .slovalue {
    padding: 50px 0;
    border-radius: 50px
}

.elp .slovalue1 {
    padding-top: 0;
    margin-top: -70px
}

.elp .slovalueou {
    background: #f0f0f0
}

.elp .slovalue .mleft {
    width: 26%
}

.elp .slovalue .mright {
    width: 72%
}

.elp .slovalue .mleft .t {
    padding: 5px 0 0 50px
}

.elp .slovalue .mright {
    font-size: 25px;
    color: #333;
    padding: 0 50px 0 0
}

.whitefull_freepic {
    padding-bottom: 0
}

.whitefull_freepic .pic {
    padding: 0;
}

.steam_list {
    margin: 120px 0 100px 0
}

.steam_list ul {
    width: 103%;
    margin: -30px 0 0 -1.5%
}

.steam_list li {
    float: left;
    width: 30.3333%;
    margin: 30px 1.5% 0 1.5%;
    text-align: center;
}

.steam_list li .pic {
    padding: 40% 0
}

.steam_list li .title {
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: #1d3d51;
    margin: 17px 0 0 0;
    font-size: 16px;
}

.steam {
    padding: 110px 0 120px 0;
}

.steam .aboutsubject3 {
    margin: 0 0 120px 0
}

.steam .area {
    margin-top: 0
}

.responsibilities {
    margin: 110px 0 120px 0
}

.responsibilities .aboutsubject3 {
    margin-top: 0
}

.schoolvisits .mleft {
    min-height: 720px
}

.schoolvisits .mright {
    min-height: 722px
}

.schoolvisits .mright .t1 {
    margin: 0 0 40px 0
}

.schoolvisits .mright .p1 {
    padding: 32% 0;
    margin: 60px 0 0 0
}

.environment {
    margin: 0 0 120px 0
}

.environment_pics {
    width: 104%;
    margin: -9% 0 0 -2%
}

.wall-column {
    display: block;
    position: relative;
    width: 46%;
    float: left;
    margin: 0 2% 0 2%
}

.environment_pics .article .pic {
    padding: 35% 0;
    position: relative;
    overflow: hidden;
    margin: 9% 0 0 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px
}

.environment_pics .article .cons {
    background: #5b7a8b;
    color: #fff;
    padding: 40px 40px 50px 40px;
    font-size: 16px;
    line-height: 2;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.environment_pics .article .cons a {
    color: #fff
}

.environment_pics .article .cons p.link {
    margin: 30px 0 0 0
}

.environment_pics .article .cons p.link a {
    display: inline-block;
    border: 1px solid #fff;
    height: 40px;
    line-height: 39px;
    padding: 0 20px;
    font-size: 14px
}

.environment_pics .article .cons p.link a:hover {
    border-color: #1d3d51;
    background: #1d3d51;
}

.environment_pics .article .cons .t {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    margin: 0 0 25px 0
}

.environment_pics .article.li1 .cons, .environment_pics .article.li4 .cons, .environment_pics .article.li5 .cons {
    background: #f0f0f0;
    color: #333
}

.environment_pics .article.li1 .cons .t, .environment_pics .article.li4 .cons .t, .environment_pics .article.li5 .cons .t {
    color: #1d3d51
}

.environment_pics .article.li1 .cons a, .environment_pics .article.li4 .cons a, .environment_pics .article.li5 .cons a {
    color: #333
}

.environment_pics .article.li1 .cons p.link a, .environment_pics .article.li4 .cons p.link a, .environment_pics .article.li5 .cons p.link a {
    border-color: #6c6a6b;
    background: #6c6a6b;
    color: #fff
}

.environment_pics .article.li1 .cons p.link a:hover, .environment_pics .article.li4 .cons p.link a:hover, .environment_pics .article.li5 .cons p.link a:hover {
    background: #1d3d51;
    border-color: #1d3d51;
}

.appresults .text table {
    width: 103%;
    position: relative;
    left: -1.5%;
    margin-top: -3%
}

.appresults .text td {
    vertical-align: top;
    padding: 3% 1.5% 0 1.5%
}

.appresults .text td img {
    width: 100%
}

.performance {
    padding: 60px 0 120px 0
}

#myvideo {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.visual_videos {
    position: relative;
    text-align: center;
    margin: 120px 0 -20px 0
}

.video-btn {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: 1;
    left: 50%;
    top: 50%;
    background: url(../images/play.png) no-repeat center;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

.video-btn.active {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0
}

.video-sp {
    width: 100%;
}

video::-webkit-media-controls {
    opacity: 0
}

video::-webkit-media-controls:Hover {
    opacity: 1
}

.visual {
    margin: 0 0 -60px 0
}

.centuryworld_gray .text {
    background: #f0f0f0;
    color: #333;
    padding: 50px 55px 55px 60px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.centuryworld_gray .text a {
    color: #1d3d51;
    text-decoration: underline
}

.centuryworld_gray .text a:hover {
    color: #d72d2c
}

.centuryworld_gray .text h3 {
    font-size: 25px;
    color: #1d3d51
}

.bottomblank {
    height: 120px
}

.contact {
    margin: 120px 0;
    color: #fff;
    font-size: 16px
}

.contact a {
    color: #fff
}

.contact .mleft {
    float: left;
    width: 48%;
    background: #5b7a8b;
    padding: 50px 50px 55px 50px;
}

.contact .mleft .t {
    font-weight: 700;
    margin: 0 0 30px 0;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1px
}

.contact .mright {
    float: right;
    width: 48%;
    text-align: center;
    height: 478px;
    background: #1d3d51;
}

.contact .mright a {
    width: 100%;
    height: 100px;
    line-height: 98px;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 700;
    border-bottom: 10px solid #fff;
}

.contact .mright a:hover {
    background: #5b7a8b
}

.contact .mright .wx {
    padding: 65px 0 0 0
}

.contact .mright .wx img {
    height: 200px;
    margin: 0 auto 15px auto;
}

.contact .mright .wx p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
}

.tuition .mleft .pic {
    padding: 0;
    height: 324px
}

.tuition .mleft .in .t {
    margin: 0 0 35px 0
}

.tuition .mleft .in .overauto {
    height: 320px
}

.tuition .mright .in .overauto {
    height: 644px
}

.art_faq {
    margin: 0 0 120px 0
}

.art_faq .downbtn {
    margin: 50px 0 30px 0
}

.art_faq table {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.art_faq td {
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.art_faq tr:nth-child(1) {
    font-weight: 700
}

.leadership {
    margin: 100px 0 120px 0
}

.activities {
    margin: 0 0 -80px 0
}

.responsibilities table {
    width: 104%;
    left: -2%;
    text-align: center;
    position: relative;
    margin: 20px 0 0 0
}

.responsibilities td {
    padding: 0 2%
}

.responsibilities td img {
    width: 100%;
    margin: 0 0 10px 0
}

.responsibilities .aboutsubject3 {
    text-align: left;
    color: #fff
}

.responsibilities .aboutsubject3:before {
    left: 0;
    margin-left: 0;
    background: #fff;
    opacity: 0.5
}

.vision li li {
    padding: 0;
    position: relative
}

.vision li li:before {
    content: '';
    background: #333;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -15px;
    top: 15px;
    position: absolute;
}

.whitefull li {
    position: relative
}

.whitefull li:before {
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -15px;
    top: 15px;
    position: absolute;
}

.residentia {
    margin: -110px 0 0 0
}

.mentor {
    margin: -60px 0 120px 0;
}

.mentor .text {
    padding-bottom: 60px
}

.mentor .text img {
    margin: 20px 0
}

.health {
    margin-top: -60px
}

.intro {
    margin-top: 0px
}

.pto {
    padding: 120px 0
}

.pto table {
    width: 104%;
    position: relative;
    left: -2%;
    margin: 30px 0 0 0
}

.pto td {
    text-align: center;
    padding: 0 2%;
    width: 46%;
    vertical-align: top;
}

.pto td img {
    width: 100%
}

.pto li#li417 .submenu {
    background: #fbf6f2
}

.responsibilitiesclone {
    margin: -60px 0 120px 0
}

.lidisdot ul {
    margin: 0 0 0 18px;
    list-style-type: none;
}

.lidisdot li {
    position: relative;
}

.lidisdot li:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 14px;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%
}

.athleticsvalues {
    margin: 120px 0;
    color: #fff;
    font-size: 16px
}

.athleticsvalues a {
    color: #fff
}

.athleticsvalues .mleft {
    float: left;
    width: 48%;
    background: #5b7a8b;
    padding: 50px 50px 30px 50px;
    min-height: 400px
}

.athleticsvalues .mleft .t {
    font-weight: 700;
    margin: 0 0 30px 0;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 1px
}

.athleticsvalues .mright {
    float: right;
}

.conference {
    padding: 120px 0
}

.tablestyle table {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.tablestyle td {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px 10px
}

.job.apply {
    padding: 0 0 120px 0
}

.job.apply .downbtn {
    text-align: left;
    margin: 30px 0 0 0
}

.tuitionandfees {
    margin: -60px 0 120px 0
}

.admissionfaq {
    margin-top: -60px
}

.admissionfaq h3 {
    position: relative;
    color: #1d3d51;
    font-size: 20px;
    margin: 0 0 40px 0
}

.admissionfaq h3:before {
    content: '';
    bottom: -15px;
    width: 63px;
    height: 4px;
    background: #5b7a8b;
    position: absolute;
    left: 0;
}

.admissionfaq table.table2 {
    width: 100%
}

.admissionfaq table.table2 td {
    width: 50%;
    text-align: center
}

.admissionfaq table.table2 td img {
    width: 250px
}

.get_more, .get_more2 {
    text-align: center;
    float: left;
    left: 50%;
    width: 200px;
    margin: 80px 0 0 -100px;
    position: relative;
    z-index: 9999
}

.get_more p, .get_more2 p {
    background: #1d3d51;
    width: 100%;
    margin: 0 auto;
    height: 50px;
    line-height: 47px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 60px
}

.get_more p:Hover, .get_more2 p:Hover {
    background: #9d2224;
    color: #fff
}

.news {
    padding: 1px 0 120px 0;
}

.news .lists {
    margin: -50px 0 0 0
}

.conslist .col {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 50px 0;
    height: 230px
}

.conslist .col .pic {
    position: absolute;
    left: 0;
    top: 50px;
    width: 400px;
    height: 230px;
}

.conslist .col .cons {
    margin: 0 0 0 480px;
}

.conslist .col2 {
    height: auto
}

.conslist .col2 .cons {
    margin: 0;
}

.conslist .col .cons .t {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.conslist .col2 .cons .t {
    height: auto;
}

.conslist .col .cons .t a {
    font-weight: 700;
    color: #333;
    font-size: 25px;
}

.conslist .col .cons .c {
    font-size: 16px;
    line-height: 35px;
    height: 70px;
    overflow: hidden
}

.conslist .col .cons .indmore4 {
    color: #1d3d51;
    margin: 30px 0 0 0;
    position: relative
}

.conslist .col .cons .indmore4 a {
    position: absolute;
    right: 10px;
    top: 0
}

.namemj {
    height: 0;
    position: absolute;
    top: -65px
}

.story {
    background: #f0f0f0;
    padding: 1px 0 120px 0
}

.conslist2 {
    width: 108%;
    margin: -60px 0 0 -4%
}

.conslist2 .col {
    float: left;
    width: 25.3333%;
    margin: 60px 4% 0 4%
}

.conslist2 .col .pic {
    padding: 50% 0;
    position: relative;
    overflow: hidden
}

.conslist2 .col .t {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 25px 0 5px 0
}

.conslist2 .col .t a {
    font-size: 20px;
    color: #1d3d51;
    font-weight: 700
}

.conslist2 .col .a {
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

.conslist2 .col .a a {
    font-weight: 700;
    color: #1d3d51;
    margin: 0 0 0 10px;
}

.conslist2 .col .a a:hover {
    text-decoration: underline
}

.nshow {
    text-align: center;
    padding: 240px 0 120px 0
}

.nshow .t {
    color: #1d3d51;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px 0
}

.nshow .t2 {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 30px 0;
    margin: 0 0 40px 0
}

.nshow .p {
    margin: 0 0 40px 0;
    overflow: hidden
}

.nshow .c {
    font-size: 16px;
    color: #333;
    text-align: left;
}

.nshow .c img {
    margin: 10px 0
}

.nshow .c strong {
    //color: #1d3d51;
   // font-size: 18px;
}

.nshow .c table {
    width: 100%;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.nshow .c td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 10px;
    min-width: 50px
}

.pictext50_gray .text strong {
    color: #1d3d51
}

.pictext50_gray_lt2 .text {
    line-height: 2
}

.join_app {
    margin: -120px 0 120px 0
}

.grayfull2 {
    padding: 1px 0 0 0;
    color: #333
}

.grayfull2 .pic {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.grayfull2 .text {
    background: #f0f0f0;
    padding: 45px 50px 50px 50px;
    color: #333;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px
}

.grayfull2 .text strong {
    color: #1d3d51;
}

.teaching .aboutsubject {
    margin: 0px 0 -120px 0
}

.learning .picdowntext .pic {
    padding: 55% 0;
    height: auto
}

.learning .picdowntext .text img {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.learning .picdowntext .text {
    min-height: 716px
}

.learning .picdowntext2 .text {
    min-height: 0
}

.searchdetail {
    margin: 240px 0 120px 0
}

.searchdetail ul {
    margin-top: -30px
}

.searchdetail li {
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
}

.searchdetail li .t a {
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    color: #1d3d51;
}

.searchdetail li .indmore4 {
    position: relative;
    margin: 10px 0 0 0
}

.searchdetail li .indmore4 a {
    position: absolute;
    right: 0px;
    top: 0
}

.way_list {
    padding: 2% 0 0 0
}

.way_list li .pic {
    padding: 40% 0
}

.way_list li .title a {
    color: #1d3d51;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700
}

.openingceremony table {
    width: 100%;
    margin-top: -50px;
}

.openingceremony td {
    width: 50%;
    overflow: hidden;
    border-top: 50px solid #f0f0f0
}

.openingceremony tr td:nth-child(1) {
    border-right: 50px solid #f0f0f0;
}

.openingceremony tr td:nth-child(2) {
    border-left: 50px solid #f0f0f0;
}

.openingceremony td img {
    width: 100%
}

.visualarts .text img {
    margin: 10px 0
}

.visualarts .text table {
    width: 100%;
    margin: 30px 0 0 0
}

.visualarts .text td {
    width: 50%;
    vertical-align: top;
}

.visualarts .text td img {
    width: 100%
}

.visualarts .text td:nth-child(1) {
    padding: 0 5% 0 0
}

.visualarts .text td:nth-child(2) {
    padding: 0 0 0 5%
}

.topchangexiao {
    margin: 0 0 -60px 0
}

.artaboutsubject {
    padding-top: 0
}

.foot {
    background: #1d3d51;
    color: #fff;
    padding: 70px 0 60px 0;
    font-weight: 300;
    line-height: 2
}

.foot a {
    color: #fff
}

.foot b, .foot strong {
    font-weight: 400
}

.foot a:Hover {
    color: #bacad4
}

.foot .logo {
    float: left;
    background: url("../images/logofoot.png") no-repeat center;
    background-size: 210px;
    width: 250px;
    height: 250px;
    border-radius: 50%
}

.foot .logo a {
    display: block
}

.foot dl {
    float: left;
}

.foot dt {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px
}

.foot dl.ct {
    margin: 0 12%
}

.foot dl.focus {
    float: right;
}

.foot dl.focus dd {
    text-align: center;
    width: 75px;
    margin: 0 0 10px 0
}

.foot dl.focus dd p {
    line-height: 17px;
    margin: 6px 0 0 0;
    font-size: 12px;
}

.foot .footer {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 60px 0 0 0;
    padding: 20px 0 0 0;
    position: relative
}

.foot .footer .copy {
    margin: 0 200px 0 0
}

.foot .footer .beian {
    position: absolute;
    right: 0;
    top: 20px
}