@charset "utf-8";@import url('fonts.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,.act,.image-container img,.nav-menu li a p,.nav-menu li a:before,.fixtop .navpc li a.a i,.fixtop,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.fixtop .en,.topsearch,.fixtop .navpc,.fixtop .logo,.topsearch .btn,.indnews li img,.home-school .area .pic img,.home-meet .row .pic p,.company-billinggual .pic img,.company-billinggual li .title,.company-high .pic p img,.company-high li .title,.company-build .pic img,.philosophy li .pic img,.team li .pic img,.prevnext .prev span,.highlight li .pic img,.highlight-show li .pic:before,.highlight-show li span,.highlight-show li .pic img,.admissions li .text .title,.policy li .date span,.consultation .row .pic img,.accordionservice .link i,.campus-lift .photos li img,.campus-lift .row li .pic img,.environment-campus .picture li:before,.teaching li .text,.teaching li .pic img,.environment-menu .swiper-slide .pic img,.support-service .pic img,.pic-text .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.about-school li .pic:hover img,.indnews li:hover img,.home-school .area .pic:hover img,.home-meet .row .pic:hover p,.company-billinggual .pic:hover img,.company-high .pic p:hover img,.company-build .pic:hover img,.philosophy li .pic img:hover,.team li:hover .pic img,.news li:hover .pic img,.campus-news li:hover .pic img,.highlight li:hover .pic img,.highlight-show li:hover .pic img,.consultation .row .pic:hover img,.campus-lift .photos li:hover img,.campus-lift .row li:hover .pic img,.teaching li:hover .pic img,.environment-menu .swiper-slide:hover .pic img,.support-service .pic:hover img,.pic-text .pic:hover 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)}
.pd,.nav-menu li,.floatdiv .floatin .divin,.campus-news li,.admissions li .text
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-course .text li:hover .pic img
{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;}
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','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:16px;color:#606060;font-weight:400;}a {color:#606060}b,strong {font-weight:700;}
a:hover,.news li:hover .text .title a,.campus-news li:hover .text .title a,.searchdetail li:hover .t a{color:#392c80}
.fixtop .navpc li .list dd a:hover,.indnews li:Hover .cons .text .title a,.news-current font{color:#e4007f}
.team li:Hover .title a  {color:#3b366f;}
.blue-area {background: #564d86}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
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,ol { list-style:none;}
.list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 20px;}
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;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}
.average {display:flex;}.average .col {flex: 1;}
.both-end{display:flex;justify-content:space-between;}
.col-2 {display: flex;flex-wrap: wrap;gap:0;} .col-2 .col {width:50%;box-sizing: border-box;width:calc(50% - 0px);width:-webket-calc(50% - 0px)}
.col-3 {display: flex;flex-wrap: wrap;} .col-3 .col {width:33.3333%;box-sizing: border-box;}
.col-4 {display: flex;flex-wrap: wrap;} .col-4 .col {width:25%;box-sizing: border-box;}
.col-5 {display: flex;flex-wrap: wrap;} .col-5 .col {width:20%;box-sizing: border-box;}
.col-6 {display: flex;flex-wrap: wrap;} .col-6 .col {width:16.6666%;box-sizing: border-box;}
.col-7 {display: flex;flex-wrap: wrap;} .col-7 .col {width:14.2857%;box-sizing: border-box;}
.col-8 {display: flex;flex-wrap: wrap;} .col-8 .col {width:12.5%;box-sizing: border-box;}
.col-9 {display: flex;flex-wrap: wrap;} .col-9 .col {width:11.1111%;box-sizing: border-box;}
.col-10 {display: flex;flex-wrap: wrap;} .col-10 .col {width:10%;box-sizing: border-box;}

.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:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#e8e8e8}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#392c80; background: #392c80} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.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: 5px;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: #392c80;}
::-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:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#392c80;color:#ffffff;}
::-moz-selection {background:#392c80;color:#ffffff;}
::-webkit-selection {background:#392c80;color:#ffffff; }

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.wrap1 {margin:0 3.4%;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:161px; background:rgba(255,255,255,0);}
.fixtop .logo { position: absolute;left:0;top:25px;z-index: 999}
.fixtop .logo a {height:116px; background: url("../images/logo.png") no-repeat left top;width:385px; background-size:100%; display: block}
.fixtop .navpc { text-align:right;padding:75px 0 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 60px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:68px; line-height:35px;font-size:18px;color:#fff;}
.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:50%;width:120px;margin-left:-70px;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:18px 10px 20px 10px}
.fixtop .navpc li .list-course {width:135px}
.fixtop .navpc li .list dd {margin:5px 0;padding:0}
.fixtop .navpc li .list dd a {font-size:16px; line-height: 26px;display:inline-block;color:#606060;padding-left:28px}
.fixtop .en {position:absolute;right:48px;top:20px; line-height: 25px;color:#fff;font-size:14px}
.fixtop .en i {display:inline-block; vertical-align: top;width:1px;height:13px;margin:7px 8px 0 12px; background: #fff}
.fixtop .en a {color:#fff}
.fixtop .en span.icon-home {font-size:18px;margin:0px 8px 0 0; display: inline-block; vertical-align: top;}
.fixtop .en span.icon-dimensions {font-size:18px;margin:1px 6px 0 28px; display: inline-block; vertical-align: top;}

.topsearch { position: absolute;right:0;top:20px;}
.topsearch .btn {color:#fff; cursor: pointer;opacity:1}
.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:305px;padding:0 0 0 15px;border-radius:30px;height:27px;font-size:14px;color:#392c80}
.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:340px}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn {opacity:0}
.topblank {display:none;}

.fixtop.active {top:-20px; background:rgba(57,44,128,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:30px;}
.fixtop.active .logo a {height:48px;width:159px; background-size:100%;}

.fixtopbg { background:#392c80}

.indpics .swiper-slide { position:relative;overflow: hidden;height:100vh;}
.indpics .swiper-slide:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.5)}
.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:5s linear;transform:scale(1,1);}
.indpics .swiper-slide .text {position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;}
.indpics .swiper-slide .text .wrap {height:100%;}
.indpics .swiper-slide .text .in {display:flex;align-items: center;justify-content: center;color:#fff; flex-direction: column;height:100%; text-align: center}
.indpics .swiper-slide .text .title {font-size:70px; line-height: 1.2;font-weight:700; letter-spacing: 2px;}
.indpics .swiper-slide .text .content {font-size:30px; line-height: 1.4;margin:40px 0 80px 0; letter-spacing: 1px;}
.home-more a {color:#fff;height:50px; line-height: 48px;border-radius:50px;font-size:18px;display:inline-block;padding:0 45px; background: #392c80}
.home-more a span {font-size:12px;margin:2px 0 0 5px;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);display:inline-block; vertical-align: top;}
.home-more a:hover { letter-spacing: 2px}
.home-more a:hover {background: #3b366f}

.top-pic {padding:15.625% 0; position:fixed;left:0;top:0;width:100%; z-index: 1;}
.top-pic:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.5)}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%; z-index: 1; overflow: hidden}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 6s 0s ease both infinite;-moz-animation: minus 6s 0s ease both infinite;animation: minus 6s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.top-pic .text {position:absolute;left:0;top:0;width:100%; height:100%; z-index: 200; text-align: center; display: flex; align-content: center; justify-content: center;flex-direction: column}
.top-pic .text .title {color:#fff;font-size:50px; line-height:60px;font-weight:700; letter-spacing: 5px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);margin:90px 0 20px 0}
.top-pic .text .subtitle {color:rgba(255,255,255,0.8);font-size:35px;line-height:1.4;font-weight:400;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); text-transform: uppercase;letter-spacing: 1px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.page-framework {background: #fff; position: relative; z-index: 100;margin-top:31.25%;}

.nav-menu {background:#606060;}
.nav-menu ul {display:flex;align-content: center;justify-content: center}
.nav-menu li {display:inline-block; vertical-align: top;text-align: center;border-left:1px solid rgba(255,255,255,0.23);}
.nav-menu li:last-of-type {border-right:1px solid rgba(255,255,255,0.23);}
.nav-menu li a {font-size:18px; display: block;position: relative;height:70px; line-height: 68px;padding:0 50px}
.nav-menu li a p {position:relative; z-index: 10;color:#fff}
.nav-menu li a:before {content:''; position: absolute;left:0;top:0; background: #392c80;width:0;height:100%; z-index: 1}
.nav-menu li a:Hover:before,.nav-menu li.check a:before {width:100%}
.nav-menu li:Hover a p,.nav-menu li.check a p{color:#fff}

.about-subject {text-align:center;padding:110px 0 60px 0}
.about-subject h2 {font-size:35px; line-height: 1.4;color:#392c80; display: inline-block; position: relative;margin:0 0 10px 0}
.about-subject h2:before {content:''; position: absolute;width:100px;top:28px;left:-130px;height:1px; background: #392c80;}
.about-subject h2:after {content:''; position: absolute;width:100px;top:28px;right:-126px;height:1px; background: #392c80;}
.about-subject p {font-weight:400;font-size:18px; line-height: 1.6;color:#c3c3c3; text-transform: uppercase}
.about-text {max-width:850px;margin:0 auto; text-align: center}
.about-text h3 {font-size:20px;}
.about-history .about-text {max-width:740px;margin-bottom:120px}

.about-school ul {padding-top:40px}
.about-school li { position: relative;margin-top:35px}
.about-school li .pic {width:49.6%}
.about-school li .pic .in { position: relative;padding:28.5625% 0; overflow: hidden;}
.about-school li .text { background: #f0f0f0; position: absolute;right:0;top:0;width:49.6%;height:100%;padding:0 5% 0 7.5%; display:flex; align-items:flex-start;justify-content: center;flex-direction: column}
.about-school li .text .title {font-size:30px;color:#392c80;font-weight:700;margin:0 0 40px 0}
.title.line {position: relative;display:inline-block;}
.title.line:before {content:'';position: absolute;left:0;bottom:-15px;width:100%;height:3px; background: #392c80;}
.about-school li .text .content {font-size:22px;}
.about-school li.direction .pic {margin-left:50.4%}
.about-school li.direction .text {left:0}

.accordionservice li {margin-top:2px;}
.accordionservice .link {padding:18px 120px 19px 48px;color:#392c80; background: #eaeaea; 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 .link:before {content:'';position: absolute;left:30px;width:3px;height:18px;top:27px; background: #392c80;}
.accordionservice .link i { position: absolute;right:30px;top:27px;font-size:20px; line-height: 1}
.accordionservice .open .link:before {background:#fff}
.accordionservice .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 .open .link { background:#392c80;color:#fff}
.accordionservice .submenu {display:none;padding:40px 48px;border:1px solid #392c80; background: #fff;font-size:16px}
.accordionservice .submenu strong {color:#392c80}
.accordionservice .submenu li {background:none;margin:0}
.accordionservice .submenu img {margin:10px 0}
.accordionservice .submenu h3 { position: relative;margin:5px 0 45px 0;font-size:20px}
.accordionservice .submenu h3:before {content:''; position: absolute;left:0;bottom:-20px;width:60px;height:4px; background: #e4007f;}
.accordionservice .submenu .list-paddingleft-1 li,.accordionservice .submenu .list-paddingleft-2 li {list-style: disc}
.admissions-faq .accordionservice {margin:0 0 120px 0}

.about-history ul {padding-top:0;margin-top:-30px;margin-bottom:90px}
.about-history li .text {background:#392c80;color:#fff;padding:0 7.5%}
.about-history li .text .title {color:#fff;margin-bottom:20px;font-size:25px;}
.about-history li .text .content {font-size:17px}

.indsubject {text-align:center;color:#392c80;padding:110px 0 80px 0}
.indsubject .t2 {font-weight:700; text-transform: uppercase;font-size:35px; line-height: 45px; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; letter-spacing: 1px;color:#dedede}
.indsubject .t {font-weight:700; font-size:35px; line-height: 45px;margin:5px 0 10px 0; letter-spacing: 1px;}
.indsubject .c {color:#999;fon-size:16px;}
.indnews {background:url("../images/newsbg.jpg") no-repeat center; background-size:cover;padding:0 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:#392c80;font-weight:700;font-size:18px}
.indnews li .cons .text .content { line-height:28px; overflow:hidden; height:56px}

.home-school .area {background: url("../images/home-bg.jpg") no-repeat center; background-size:cover;padding:80px 0;}
.home-school .area .pic {float:left;width:50%;border-radius:25px; overflow: hidden;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.home-school .area .pic img {width:100%;border-radius:25px;}
.home-school .area .text {float:right;width:50%; }
.school-subject {text-align: right;font-size:30px; line-height: 40px;font-weight:700;}
.school-subject .en { font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";color:#dbdbdb}
.school-subject .cn {color:#392c80;}
.home-school .area .text .school-subject {margin:0 100px 50px 0}
.home-school .area .text .content {border-radius:25px; background: #3b366f url("../images/logo-bg.png") no-repeat center; background-size:60%;color:#fff;padding:30px;font-size:14px; line-height: 1.8}
.home-more-2 a { letter-spacing: 0.5px; display:inline-block;padding:0 45px;border:1px solid #392c80;height:48px; line-height: 46px;border-radius:50px;color:#392c80; text-transform: uppercase; background:rgba(255,255,255,0.4);font-size:14px;}
.home-more-2 a:hover {background: #392c80;color:#fff}
.home-school .home-more-2 {position: absolute;left:25%;bottom:0;margin-left:-90px;}

.home-course .text { background: url("../images/home-course-bg.jpg") no-repeat center; background-size:cover;padding:160px 0 80px 0; text-align: center}
.home-course .text ul {display:flex;flex-wrap: wrap;gap:10%}
.home-course .text li {width:calc(33.3333% - 6.6666%);width:-webket-calc(33.3333% - 6.6666%); background: #fff; text-align: center;padding:40px 5%;box-shadow:0 0 5px rgba(0,0,0,0.3); position: relative;top:0}
.home-course .text li:hover {top:-20px;box-shadow:0 0 15px rgba(0,0,0,0.5);}
.home-course .text li .pic img {width:120px;}
.home-course .text li .title {font-weight:700;color:#333;font-size:20px;margin:20px 0 15px 0}
.home-course .home-more-2 {margin-top:80px}

.home-meet .row {background: #f0f0f0;padding:80px 0;}
.home-meet .row .pic {position: absolute;left:0;top:0;width:50%;height:100%; background-position: center; background-size:cover; background-repeat: no-repeat; overflow: hidden}
.home-meet .row .text {background: #fff;position: relative;left:50%;width:50%;padding:5% 5% 5% 7.5%}
.home-meet .row .text .content {margin-bottom:40px}
.home-meet .row .text .content h3 {color:#000;font-size:25px;margin:0 0 20px 0}
.home-more-3 a { letter-spacing: 0.5px; display:inline-block;padding:0 35px;height:50px; line-height: 48px;border-radius:10px;color:#fff;font-size:16px; background:linear-gradient(to right,#806ee5,#392c80);}
.home-more-3 a:hover {padding:0 45px; letter-spacing:5px;border-radius:50px}
.company-content {font-size:18px;padding-top:110px; text-align: center; letter-spacing: 2px}

.company-subject {text-align:center;padding:110px 0 55px 0;font-size:36px;font-weight:700; line-height: 1.4;}
.company-subject .cn {position: relative;color:#392c80;display:inline-block;margin:0 auto 15px auto}
.company-subject .cn:before {content:'';position: absolute;left:-123px;top:26px;width:100px;height:1px; background: #392c80;}
.company-subject .cn:after {content:'';position: absolute;right:-120px;top:26px;width:100px;height:1px; background: #392c80;}
.company-subject .en {color:#dedede; letter-spacing:1px;text-transform: uppercase}

.company-billinggual .row {position: relative; overflow: hidden}
.company-billinggual .pic {position: absolute;left:0;top:0;width:57.5%; z-index: 200;border-top-right-radius:50px;border-bottom-left-radius:50px; overflow: hidden;box-shadow:0 0 15px rgba(0,0,0,0.3)}
.company-billinggual .pic img {width:100%}
.company-billinggual .text {position: relative;left:42.5%;width:57.5%; top:60px;margin-bottom:60px;min-height:400px;background: #392c80;color:#fff;border-top-right-radius:50px;border-bottom-left-radius:50px;}
.company-billinggual .text:before {content:'';position: absolute;right:-150px;top:50%;margin-top:-250px; z-index: 10; background: url("../images/logo-white.png") no-repeat center; background-size:100%;width:500px;height:500px;opacity:0.05}
.company-billinggual .text .content {color:#fff; position: relative; z-index: 100;padding:50px 40px 40px 30%;font-size:15px}

.company-billinggual ul {display:flex;margin-top:140px;flex-wrap: wrap}
.company-billinggual li {width:25%; text-align: center;padding:30px 0;border-radius:10px}
.company-billinggual li .icon img {width:76px;}
.company-billinggual li .title {font-size:30px; line-height: 40px;font-weight:700;color:#000;margin:10px 0 5px 0}
.company-billinggual li:hover {background: #392c80;color:#fff}
.company-billinggual li:hover .title {color:#fff}

.company-high {background: url("../images/company-bg.jpg") no-repeat center; background-size:cover;padding:1px 0 100px 0;margin-top:110px}
.company-high .text {float:left;width:48%; text-align: center}
.company-high .text .en {font-size:35px; line-height: 45px;color:#392c80;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";}
.company-high .text .cn {font-size:30px; line-height: 40px;color:#392c80;font-weight:700;margin:40px 0 70px 0}
.company-high .pic {float:right;width:48%; position: relative;}
.company-high .pic:before {content:''; position: absolute;right:-10px;top:-10px;width:80%;height:80%; background: rgba(57,44,128,0.15)}
.company-high .pic p {position: relative; overflow: hidden}
.company-high .pic p img {width:100%; position: relative; z-index: 10}
.company-high ul {display:flex;margin-top:30px;flex-wrap: wrap}
.company-high li {width:25%; text-align: center;padding:25px 0 35px 0;border-radius:10px}
.company-high li .title {font-size:30px; line-height: 40px;font-weight:700;color:#000;margin:10px 0 5px 0}
.company-high li:hover {background: #392c80;color:#fff}
.company-high li:hover .title {color:#fff}
.company-build {padding:100px 0}
.company-build .wrap {display:flex;height:100%;align-items: center;justify-content: center}
.company-build .pic {float:left;width:50%; overflow: hidden}
.company-build .pic img {width:100%}
.company-build .text {float:right;width:45%;padding:0 0 0 5%}
.company-build .text .title {font-size:35px; line-height: 45px;font-weight:700;color:#392c80; text-align: center; line-height: 1.6;margin:0 0 60px 0}

.philosophy li .wrap {display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.philosophy li .pic {width:40%;order:2; overflow: hidden}
.philosophy li .pic img {width:100%;}
.philosophy li .text .title {font-weight:700;font-size:29px;color:#392c80; line-height: 1.6;margin-bottom:50px; position: relative}
.philosophy li .text .title:before {content:''; position: absolute;left:0;bottom:-20px;width:60px;height:3px; background: #392c80;}
.philosophy li:nth-child(odd) { background: #fff}
.philosophy li:nth-child(odd) .pic {order:1;}
.philosophy li:nth-child(odd) .text {order:2;margin:0 0 0 10%;width:50%}
.philosophy li .text {width:50%;margin:0 10% 0 0;order:1}
.philosophy li {background: #f0f0f0;padding:110px 0}

.aboutsubject3 {font-weight:700; font-size:30px; line-height: 40px;margin:110px 0 85px 0; letter-spacing:0.5px;position: relative;color:#392c80; text-align: center}
.aboutsubject3:before {content:''; position: absolute;left:50%;bottom:-25px;width:60px;margin-left:-30px;height:3px; background: #392c80;}
.aboutsubject3.left {text-align:left}
.aboutsubject3.left:before {left:0;margin-left:0}
.imghide {position:relative; overflow: hidden}
.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:#392c80;font-weight:700;font-size:22px; cursor: pointer}
.team li .title2 {height:20px; line-height: 20px;font-size:16px; overflow: hidden}

.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:#392c80;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:#392c80;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;}

.news {padding-bottom:120px}
.news .company-subject .cn:before {left:-153px;width:130px;}
.news .company-subject .cn:after {right:-150px;width:130px;}
.news .company-subject .en {letter-spacing:0;}
.news ul {margin-top:-30px}
.news li {border-bottom:1px solid #ccc;padding:50px 0; position: relative;min-height:230px}
.news li.li-full {padding:30px 0}
.news li .pic { position: absolute;left:0;top:50px;width:400px;height:230px; overflow: hidden}
.news li .text {margin:0 0 0 480px;padding-top:18px}
.news li.li-full .text{margin:0}
.news li .text .title {height:30px; line-height: 30px; overflow: hidden}
.news li .text .title a {font-weight:700;font-size:23px;color:#333}
.news li .text .content { line-height: 35px; height:70px; overflow: hidden;margin:30px 0 40px 0}
.news li .text .date-more { position: relative}
.news li .text .date-more .date {color:#392c80;font-size:14px}
.news li .text .date-more .more { position: absolute;right:0;top:-2px}
.news li .text .date-more .more a {display:inline-block;border:1px solid #392c80;height:28px;line-height: 27px;border-radius:5px;padding:0 15px;font-size:14px;color:#392c80}
.news li .text .date-more .more a span {font-size:18px;display:inline-block; vertical-align: top;margin:1px -2px 0 0}
.news li:hover .text .date-more .more a {background: #392c80;color:#fff}

.news li .pic.video-btn:before {content: "\e669";font-family: "iconfont" !important; position: absolute;left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.3); z-index: 200;color:#fff;display:flex;align-items: center;justify-content: center;font-size:55px; line-height: 1; pointer-events: none;}

.news-current {border-bottom:1px solid #ccc;padding:30px 0 10px 0;font-size:14px}
.news-current span.icon-home {display:inline-block; vertical-align: top;margin:-2px 5px 0 0;}
.news-current span.icon-sanjiaoxing_shang {font-size:12px;margin:2px 5px 0 7px; vertical-align: top; transform: rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);display:inline-block}
.news-show .title {font-weight:700;color:#333;font-size:25px; line-height: 1.6; text-align: center;margin:100px 0 15px 0;}
.news-show .date {text-align:center}
.news-show .content { background: #fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:60px;margin-top:50px}
.news-show .content img {margin:5px 0}
.news-show .content .video {margin-bottom:40px;}
.prevnext {display:flex;margin:40px 0 120px 0;font-size:14px}
.prevnext .prev {width:40%; position: relative}
.prevnext .prev span {position: absolute;left:0;top:50%;width:70px;height:30px; line-height: 28px;margin-top:-18px;display:inline-block; background: #c3c3c3; text-align: center;color:#fff}
.prevnext .next span {left:auto;right:0;}
.prevnext .prev p {line-height: 1.6;padding:0 0 0 85px}
.prevnext .next p {padding:0 85px 0 0}
.prevnext .back {width:20%; text-align: center; position: relative;top:-3px}
.prevnext .back a {width:70px;height:30px; line-height: 28px;display:block; background: #392c80;color:#fff;margin:0 auto}
.prevnext .back a:hover {background: #e4007f;}
.prevnext .next {text-align:right;}
.prevnext .prev:hover span {background: #392c80}

#container,.map iframe {height:560px;width:100%}
.map-contact {display:flex;height:560px;flex-wrap: wrap}
.map-contact .map {width:68%}
.map-contact .text {width:32%; background: #f8f8f8;display: flex; align-items:flex-start;justify-content: center;padding:20px 4%;flex-direction: column}
.map-contact .text h3 {font-size:18px;color:#333;font-weight:700}
.map-contact .text .content {margin-bottom:30px}
.map-contact .text ul {display:flex;justify-content:space-between;width:100%;max-width:300px;margin-top:15px}
.map-contact .text li {width:130px; text-align: center}
.map-contact .text li .title {font-size:14px; line-height: 1.6;margin:0 0 5px 0}

.contact-weixin {background: #f8f8f8;padding:80px 0; text-align: center;margin:110px 0 0 0}
.contact-weixin .subject {font-size:22px;color:#333;font-weight:700;margin:0 0 50px 0}
.contact-weixin ul {display:flex;flex-wrap: wrap}
.contact-weixin li {width:25%; position: relative}
.contact-weixin li:before {content:'';position: absolute;left:0;top:0;width:1px;height:100%; background: #e1e1e1;}
.contact-weixin li:nth-child(1):before {display:none;}
.contact-weixin li img {width:150px;}
.contact-weixin li .title {line-height: 1.6;margin-top:15px}

.campus-news {padding:20px 0 120px 0}
.campus-news ul {display:flex;flex-wrap: wrap;gap:30px}
.campus-news li {width:calc(33.3333% - 20px);width:-webket-calc(33.3333% - 20px);box-shadow:0 0 15px rgba(0,0,0,0.15);padding:20px}
.campus-news li .pic {position: relative; overflow: hidden;padding:28.5714% 0;}
.campus-news li .text .date {margin-top:15px;color:#999}
.campus-news li .text .title {height:30px; line-height: 30px; overflow: hidden;margin:15px 0 20px 0}
.campus-news li .text .title a {font-weight:700;font-size:23px;color:#333}
.campus-news li .text .content {line-height: 30px;height:60px; overflow: hidden;margin:0 0 60px 0}
.campus-news li .text .more a {background: #e1e1e3;height:35px; line-height: 33px;width:100px;color:#fff;display:block; text-align: center;font-size:14px}
.campus-news li:hover .text .more a {background: #e4007f}

.highlight {padding:0 0 120px 0}
.highlight ul {display:flex;gap:30px;flex-wrap: wrap; align-items: flex-start}
.highlight li {width:calc(50% - 15px);width:-webket-calc(50% - 15px); position: relative;border-radius:8px; overflow:hidden}
.highlight li:nth-child(3),.highlight li:nth-child(4),.highlight li:nth-child(7),.highlight li:nth-child(8) {width:calc(25% - 22.5px);width:-webket-calc(25% - 22.5px); }
.highlight li:nth-child(6) {margin-top:-16%}
.highlight li .pic {position: relative; overflow: hidden;padding:31.4285% 0;}
.highlight li .title {position: absolute;left:0%;bottom:0px;width:100%; z-index: 200;color:#fff;padding:0 35px 25px 35px;font-size:23px; line-height: 1.6}
.highlight li:before {content:''; position: absolute;left:0;bottom:0;width:100%;height:80px; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0)); z-index: 100}
.highlight li:nth-child(3) .title,
.highlight li:nth-child(4) .title,
.highlight li:nth-child(7) .title,
.highlight li:nth-child(8) .title
{padding:0 20px 12px 20px;font-size:16px;}
.highlight li:nth-child(3):before,
.highlight li:nth-child(4):before,
.highlight li:nth-child(7):before,
.highlight li:nth-child(8):before{height:50px;}

.news-show .highlight-show {padding:20px;}
.news-show .highlight-show img {margin:0}
.highlight-show ul{display:flex;gap:20px;flex-wrap: wrap}
.highlight-show li {width:calc(25% - 15px);width:-webket-calc(25% - 15px); position: relative;}
.highlight-show li .pic {position: relative; overflow: hidden;padding:33.5416% 0;}
.highlight-show li .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background: rgba(0,0,0,0.5);opacity:0}
.highlight-show li span { position: absolute;left:50%;top:50%; z-index: 200;color:#fff;font-size:0px;width:50px;height:50px; line-height: 50px; text-align: center;margin:-25px 0 0 -25px;opacity:0}
.highlight-show li:hover .pic:before,.highlight-show li:hover span {opacity:1;font-size:40px}

.admissions-subject {text-align:center;}
.admissions-subject h2 {font-size:35px; line-height: 1.6;color:#392c80; display: inline-block; position: relative;margin:0 0 10px 0;padding:0 125px}
.admissions-subject h2:before {content:''; position: absolute;width:100px;top:28px;left:0;height:1px; background: #392c80;}
.admissions-subject h2:after {content:''; position: absolute;width:100px;top:28px;right:0;height:1px; background: #392c80;}

.admissions {padding:120px 0 120px 0}
.blue-area {coloR:#fff;border-top-left-radius:50px;border-bottom-right-radius:50px;padding:50px 60px;}
.blue-area strong,.blue-area b {color:#fff}
.blue-area.radius {border-bottom-left-radius:50px;border-top-left-radius:0;}
.gray-area {border-top-left-radius:50px;border-bottom-right-radius:50px;padding:50px 60px; background: #f0f0f0}
.admissions .admissions-subject {margin:80px 0}
.admissions ul {display:flex;gap:30px;margin-top:120px}
.admissions li {flex: 1; background: #f2f5fa; position: relative;height:455px;border-radius:10px; }
.admissions li .pic { position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100; background-position: center; background-size:cover; background-repeat: no-repeat;opacity:0.08}
.admissions li .text { position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200;padding:8.5%}
.admissions li .text .title {font-size:30px; line-height: 1.6;color:#000;font-weight:700}
.admissions li .text .content {margin:30px 0 40px 0;min-height:180px;}
.admissions li .text .more {text-align:center}
.admissions li .text .more a {width:170px;height:50px; line-height: 48px; background: #564d86;color:#fff; text-align: center;border-radius:50px;display:block;margin:0 auto}
.admissions li:hover {background: #392c80;color:#fff}
.admissions li:hover .pic {opacity:0}
.admissions li:hover .text .title {color:#fff}
.admissions-consultation {margin-top:110px; text-align: center}
.admissions-consultation .title {font-weight:700;color:#333;font-size:40px; line-height: 1.4}
.admissions-consultation .content {font-size:20px;margin-top:30px}
.admissions-consultation .content table {width:100%;margin-top:30px;font-size:16px}
.admissions-consultation .content table strong {color:#333;font-size:18px}
.admissions-consultation .content table img {margin-bottom:10px;max-width:140px;}
.admissions-consultation .content td {position: relative}
.admissions-consultation .content td:before {content:''; position: absolute;left:0;top:0;width:1px;height:100%; background: #e1e1e1}
.admissions-consultation .content td:nth-child(1):before {display:none;}

.event dl {display:flex; position: relative; z-index: 100;margin:100px 0 50px 0;flex-wrap: wrap}
.event dd {margin:0 10px 0 0}
.event dd a {height:50px; line-height: 48px;display:inline-block;padding:0 40px; background: #f6f6f6;border-radius:50px;}
.event dd.check a,.event dd:hover a { background: #392c80;color:#fff}

.policy {margin-bottom:120px}
.policy ul {margin-top:90px}
.policy li {border:1px solid #f0f0f0;border-radius:10px; background: #fafafa;height:155px; position: relative;margin-top:50px;display:flex;align-items: center;justify-content:flex-start;}
.policy li .title {padding:0 140px 0 260px}
.policy li .title a {font-size:20px;color:#333;font-weight:700;display: inline-block; line-height: 30px}
.policy li .date {position: absolute;left:0;top:25px;width:210px;height:105px;border-right:1px solid #e7e7e7; text-align: center}
.policy li .date span {font-weight:700;color:#392c80;font-size:50px; line-height: 50px; display: block;margin:3px 0 20px 0}
.policy li .date p {font-size:18px; line-height: 18px}
.policy li .more {position: absolute;right:70px;top:50%;margin-top:-18px;}
.policy li .more a {display:block;width:35px;height:35px;border-radius:50%; background: #392c80;color:#fff; line-height: 35px; text-align: center}
.policy li .more a span {font-size:25px;display:block; line-height: 35px}
.policy li:hover {background: #392c80;border-color:#392c80;color:#fff}
.policy li:hover .date span {color:#fff}
.policy li:hover .title a {color:#fff}

.consultation {margin:120px auto}
.consultation .row {display:flex;gap:30px; align-items: center;justify-content: center;margin:60px 0 0 0}
.consultation .row .pic { overflow: hidden;flex: 1}
.consultation .row .pic img {width:100%}
.consultation .row .text {flex: 1; text-align: right; line-height: 2.2}
.consultation .row .text h3 {font-size:24px}

.course .course-more {text-align:right;margin-top:30px}
.course-more a {display:inline-block;border:1px solid #392c80;height:29px;line-height: 28px;border-radius:5px;padding:0 20px;font-size:14px;color:#392c80;margin:0 0 0 auto}
.course-more a span {font-size:18px;display:inline-block; vertical-align: top;margin:1px -2px 0 0}
.course-more a:hover,.campus-lift .row li:hover .text .course-more a,.searchdetail li:hover .course-more a {background: #392c80;color:#fff}

.philosophy li .pic .swiper-slide img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.course-honor .swiper-horizontal>.swiper-pagination-bullets,.course-honor .swiper-pagination-bullets.swiper-pagination-horizontal,.course-honor .swiper-pagination-custom,.course-honor .swiper-pagination-fraction {bottom:10px;}
.course-honor .swiper-pagination-bullet {width:30px;height:2px;border-radius:0}
.course-honor .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.course-honor .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.course-honor .accordionservice { clear: both;width:100%;display:block;order:3;margin-top:30px}
.course-honor .accordionservice dd {margin-top:2px;}

.course-honor .accordionservice .row {display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.course-honor .accordionservice .row .photos {width:40%;order:1; overflow: hidden}
.course-honor .accordionservice .row .photos img {width:100%;margin:0}
.course-honor .accordionservice .row .content {width:50%;margin:0 0 0 10%;order:2}
.course-honor .accordionservice .submenu {padding:40px 0;border-width:0; background: transparent;}
.course-honor .accordionservice .submenu0 {padding:40px 48px;border:1px solid #392c80;}
.course-honor .accordionservice .submenu0 .photos {width:100%}
.course-honor .accordionservice .submenu0 .content {width:100%;margin:0}
.course-honor li:nth-child(odd) .accordionservice .submenu .photos {order:2;}
.course-honor li:nth-child(odd) .accordionservice .submenu .content {order:1;margin:0 10% 0 0}
.course-honor li:nth-child(odd) .accordionservice .submenu0 .content {margin:0}

.junior {margin:0 0 120px 0}
.junior .summry {margin:60px 0}
.junior .summry h2 {font-size:36px;}
.junior .summry h3 {font-size:30px;}
.junior .summry hr {width:60px;height:3px; background: #392c80;margin:20px 0 15px 0}
.junior .summry table {margin:0 0 30px 0}
.junior .summry td:nth-child(1) {width:37%;}
.junior .summry td:nth-child(2) {width:55%;padding:0 0 0 8%}

.junior .summry .left-text-right-pic {margin:0}
.junior .summry .left-text-right-pic h2 {font-size:30px;}
.junior .summry .left-text-right-pic h3 {font-size:25px;}
.junior .summry .left-text-right-pic td,.junior .summry .left-text-right-pic td:nth-child(2) {padding-top:20px;padding-bottom:20px}

.namemj {position: absolute;top:-68px;}
.campus-lift .photos ul {display:flex;gap:5px;flex-wrap: wrap}
.campus-lift .photos li  {width:calc(20% - 4px);width:-webket-calc(20% - 4px); }
.campus-lift .photos li .pic {position: relative; overflow: hidden;padding:35.3125% 0}
.campus-lift .page_wrap {padding:60px 0}

.campus-lift .row {margin:60px 0 120px 0}
.campus-lift .row li {display:flex;align-items:center;justify-content: center;}
.campus-lift .row li .pic {width:50%;order:2; overflow: hidden}
.campus-lift .row li .pic img {width:100%}
.campus-lift .row li .text {width:40%;margin:0 10% 0 0;order:1;padding:15px 0 20px 0}
.campus-lift .row li .text .title {font-size:30px;font-weight:700;color:#392c80;}
.campus-lift .row li .text .content {margin:30px 0 60px 0}
.campus-lift .row li .text .course-more {text-align: right}
.campus-lift .row li:nth-child(odd) .pic {order:1}
.campus-lift .row li:nth-child(odd) .text {order:2;margin:0 0 0 10%}

.environment-campus .environment-content {text-align:center;margin-bottom:80px;font-size:18px;}
.environment-campus .picture {position: relative;}
.environment-campus .picture ul {width:33.35%;position:absolute;right:0;top:0;display:flex;flex-wrap: wrap;}
.environment-campus .picture li {width:48%;margin:0 0 2% 2%;position: relative; cursor: pointer}
.environment-campus .picture li:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%;z-index: 999; background: rgba(0,0,0,0.5);opacity:0}
.environment-campus .picture li.active:before {opacity:1}
.environment-campus .picture li .pic {position: relative; overflow: hidden;padding:37.8947% 0}
.environment-campus .first-pic {width:66.65%;}
.environment-campus .first-pic h2 {position: relative; overflow: hidden;padding:37.8947% 0}
.environment-campus .row {margin-top:10px; }
.environment-campus .row li .text .content {margin:30px 0 0 0}
.environment-campus .page_wrap {position: relative; z-index: 9999}

.teaching {margin:-20px 0 60px 0; position: relative}
.teaching .page_wrap {margin-top:20px}
.teaching ul {display:flex;gap:40px;flex-wrap: wrap}
.teaching li {width:calc(50% - 20px);-webkit-width:calc(50% - 20px); position: relative;box-shadow:0 0 15px rgba(0,0,0,0.3);border-radius:10px; overflow: hidden}
.teaching li .pic {position: relative; overflow: hidden;padding:31.25% 0}
.teaching li .text {opacity:0;position: absolute;left:0;top:0;width:90%;padding:0 5%;height:100%; z-index: 100; background: rgba(0,0,0,0.5);color:#fff;display:flex;align-items: center;justify-content: center; flex-direction: column}
.teaching li .text h2 {font-size:30px;}
.teaching li .text p {opacity:0.6}
.teaching li:hover .text {opacity:1}

.environment-food .row {margin-top:10px}
.environment-food .row li .pic {order:1}
.environment-food .row li .text {order:2;margin:0 0 0 10%}
.environment-food .row li:nth-child(odd) .pic {order:2}
.environment-food .row li:nth-child(odd) .text {order:1;margin:0 10% 0 0}
.environment-food .row li .text .content {margin:30px 0 0 0}
.environment-menu .swiper-slide .pic {position: relative; overflow: hidden;padding:33.3333% 0}
.environment-menu { background: #f9f9f9;padding:90px 0;margin:0 0 120px 0}
.environment-menu-list {padding:40px 0 120px 0}

.support-menu .swiper-slide .pic {box-shadow:0 0 15px rgba(0,0,0,0.3);padding:28.5261% 0}
.support-menu .swiper-slide .title {text-align:center;color:#392c80;margin-top:25px;font-size:18px;}
.environment-support-list {padding:0 0 120px 0}
.support-menu .swiper-button-next,.support-menu .swiper-button-prev {margin-top:-55px}

.support-service {margin:-30px 0 100px 0;}
.support-service .left {float:left;width:48.5%;margin-top:30px;}
.support-service .right {float:right;width:48.5%;margin-top:30px;}
.support-service .pic {position: relative; overflow: hidden;padding:36.9661% 0}
.support-service .title{font-size:30px;font-weight:700;color:#392c80;}
.support-service .subtitle {color:#392c80;font-size:20px;}

.join {margin-bottom:120px}
.join .admissions-subject {padding:110px 0 80px 0}
.pic-text .pic {border-top-left-radius:50px;border-top-right-radius:50px; overflow:hidden}
.pic-text .pic img {width:100%}
.pic-text .text {background: #f9f9f9;padding:3%;margin-bottom:70px}
.pic-text .text h3 {font-size:30px;}
.join-subject{text-align:center;font-size:35px;font-weight:700; line-height: 45px; position: relative;margin:0 0 80px 0;color:#392c80}
.join-subject:before {content:''; position: absolute;left:50%;bottom:-30px;width:60px;height:3px;margin-left:-30px; background: #e4007f}

.searchdetail {margin:270px 0 120px 0}
.searchdetail ul {margin-top:-30px}
.searchdetail li {border-bottom:1px solid #ccc;padding:30px 0; position: relative}
.searchdetail li .t a {font-weight:700;font-size:20px; line-height:35px;color:#333;}
.searchdetail li .t a span {color:#392c80; position: relative;margin-left:-12px}
.searchdetail li .course-more {margin-top:10px}
.searchdetail li .course-more a{position:absolute;right:0px;bottom:30px}

.foot {background:#392c80;color:#fff;padding:65px 0 65px 0;line-height: 2;font-size:14px}
.foot a {color:#fff}
.foot b,.foot strong {font-weight:400}
.foot a:Hover {color:rgba(255,255,255,0.5)}
.foot .logo {float:left; background: url("../images/company-logo.png") no-repeat center; background-size:100%;width:250px;height:250px;}
.foot .logo a {display:block}
.foot dl {float:left;}
.foot dt {margin:0 0 20px 0;font-weight:400;font-size:20px;}
.foot dl.ct {margin:0 14%}
.foot dl.focus {float:right;margin:5px 0 0 0}
.foot dl.focus dd { text-align: center;width:120px;margin:0 0 10px 0}
.foot dl.focus dd p { line-height:22px;max-width:120px;margin:8px auto 20px auto}
.foot .footer {border-top:1px solid rgba(255,255,255,0.3);margin:60px 0 0 0;padding:15px 0 0 0; position: relative}
.foot .footer .copy {margin:0 200px 0 0}
.foot .footer .beian {position:absolute;right:0;top:15px}