@charset "utf-8";@import url('fonts.css?t=20140501');
*{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:'Times New Roman','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.2px;}
.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:220px;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.listlife {width:255px}
.fixtop .navpc li .list.listsports {width:230px}
.fixtop .navpc li .list.listnews {width:90px}
.fixtop .navpc li .list.listlast {width:180px;left:auto;right:-30px; text-align: right;padding-right:30px;padding-left:0}
.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;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
.indpics .swiper-slide .cons .content {font-size:30px;margin:15px 0 70px 0; 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: 41px; letter-spacing: 1px; color:#fff;font-size:18px;padding:0 40px; background: #1d3d51;border-radius:45px;font-weight:300}
.indmore a span {font-size:20px; display: inline-block; vertical-align: top;margin:2px 0 0 0}
.indmore a:hover {padding:0 50px; letter-spacing: 1.5px; 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;margin:0 0 5px 0}
.indsubject .t {font-weight:700; font-size:40px; line-height: 50px;margin:0 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: 0px;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 {background:#f0f0f0;}
.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: 25px; padding:0 5px;overflow: hidden;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;}
.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;}

.mainmenu_artsacademy li:nth-child(1) {width:15.2857%}
.mainmenu_artsacademy li:nth-child(2) {width:15.2857%}
.mainmenu_artsacademy li:nth-child(3) {width:12.2857%}
.mainmenu_artsacademy li:nth-child(4) {width:12.2857%}
.mainmenu_artsacademy li:nth-child(5) {width:9.2857%}
.mainmenu_artsacademy li:nth-child(6) {width:13.2857%}
.mainmenu_artsacademy li:nth-child(7) {width:22.2857%}

.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;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:40px 20px 0 14%; background: #1d3d51;color:#fff;height:392px;border-top-right-radius:50px;border-bottom-left-radius:50px; position: relative; line-height: 1.6}
.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 5% 0 12%; z-index: 100;height:310px; overflow: auto}

.introduction .text .cons .in::-webkit-scrollbar {width: 2px;}
.introduction .text .cons .in::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);background: #4fadb9;}
.introduction .text .cons .in::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);background: #fff;}

.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: 1.8}
.schoolcha {background:#f0f0f0;padding:110px 0 120px 0}
.schoolcha .mleft {width:50%;color:#333}
.schoolcha .mright {width:45%;margin:155px 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;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:-20px;width:80px;height:3px; background: #1d3d51;}
.aboutsubject2 .c {margin:50px 0 0 0;font-size:15px}

.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:0px;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:535px; 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:20px 3%;color:#1d3d51; line-height: 1.6;font-size:15px}
.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:0px}
.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:1160px}
.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:910px}
.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; clear: both}
.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}
.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 -120px 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:23px;}
.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:845px}
.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}

/*********2025-05-12 Start*********************************************************/
.musicfestival li .row h2,.modal,.nav-buttons .nav-btn,.closevideo,.musicfestival li .row .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.musicfestival li:hover .row .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.abc
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bodyactive {overflow:hidden}

.musicfestival {width:104%;margin:-4% 0 0 -2%}
.musicfestival li {float:left;width:46%;margin:4% 2% 0 2%; position: relative; }
.musicfestival li a {cursor: pointer}
.musicfestival li .row {position:relative;border-top-left-radius:50px;border-bottom-right-radius:50px; overflow: hidden}
.musicfestival li .row .pic {padding:28.125% 0; position: relative; overflow: hidden}
.musicfestival li .row h2 {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; text-align: center;color:#fff; background: rgba(0,0,0,0.5);opacity:0;display:block}
.musicfestival li .row h2 i {background: url("../images/play.png") no-repeat center; background-size:100%;width:100px;height:100px; display: block;margin:0 auto; position: absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px}
.musicfestival li .title {font-size:20px; line-height: 30px; text-align: center; height:30px; overflow: hidden;margin:20px 0 0 0}
.musicfestival li:hover .row h2 {opacity:1}

.modal {opacity: 0;visibility: hidden; position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex; align-items: center;justify-content: center}
.modal.active {visibility: visible;opacity: 1;}
.modal-content {position: relative;margin: 0 auto;width: 100%;max-width: 1200px;}
.video-container video {width: 100%;}
.video-info {padding: 10px 15px 13px 20px;display:none;}
.video-info h2 {font-weight:500;font-size:20px;}
.closevideo {position: absolute;right: 15px;top: 15px;cursor:pointer;z-index:1001;background: rgba(0, 0, 0, 1);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.closevideo:hover {background: #1d3d51}
.closevideo span {font-size: 20px;color:#fff}
.nav-buttons {position: absolute;top: 50%;width: 100%;display: flex;justify-content:space-between;transform: translateY(-50%);z-index: 1001;box-sizing: border-box;}
.nav-buttons .nav-btn {background: rgba(0, 0, 0,1);color: white;width: 40px;height: 60px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.nav-buttons .nav-btn:hover {background: #1d3d51}
.nav-buttons .nav-btn:disabled {opacity: 0.5;cursor: not-allowed;background: rgba(0, 0, 0,0.5);}
.nav-buttons .nav-btn#nextBtn {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.nav-buttons .nav-btn span {font-size:25px;font-weight:400; position: relative;left:-1px}

.musicfestivalnews {padding-bottom:0}
.musicfestivalnews .aboutsubject {padding-top:50px}
.musicfestivalcontact {margin-bottom:0}
.nshow .maincurrent {margin:-60px 0 0 0;padding:0 0 120px 0}

.music-festival-atlas {position: relative;}
.music-festival-atlas .swiper-slide .pic{position: relative; overflow: hidden;padding:33.3333% 0}
.music-festival-atlas .swiper-slide .title {height:30px; line-height: 30px; overflow: hidden; text-align: center;margin-top:15px;font-size:18px}
.music-festival-atlas .swiper-button-next,.music-festival-atlas .swiper-button-prev {margin-top:-45px}
.music-festival-atlas .swiper-button-next:after,.music-festival-atlas .swiper-button-prev:after {background:rgba(0,0,0,0.15);}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background:#1d3d51;}
.music-festival-atlas .swiper-button-prev {left:-100px}
.music-festival-atlas .swiper-button-next{right:-100px}
.home-music-festival-news .indmore {text-align:center;margin-top:80px}
/*********2025-05-12 End*********************************************************/

.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: #fff 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;max-width:360px}
.foot dt {margin:0 0 20px 0;font-weight:400;font-size:20px; letter-spacing: 1px}
.foot dl.ct {margin:0 11.5%}
.foot dl.focus {float:right;}
.foot dl.focus dd { text-align: center;width:100px;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}