html {
   overflow-x: hidden;
}
body {
   font-family: 'Microsoft Yahei', '微软雅黑', 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
   font-size: 14px;
}
a {
   text-decoration: none;
}
a:hover {
   cursor: pointer;
}
ul {
   margin: 0;
   padding: 0;

   list-style: none;
}
.none {
   display: none !important;
}
.no-info {
   color: #cd0000;
}
.main {
   position: relative;

   width: 100%;

   background-color: #fff;
}
.main-transparent {
   /*background-color: transparent !important;*/
}
.container {
   box-sizing: border-box;
   width: 1170px;
   margin-right: auto;
   margin-left: auto;
}
.container:before,
.container:after {
   display: table;

   content: '';
}
.container:after {
   clear: both;
}
.top {
   /*padding: 20px;*/

   /*background-color: #005ec2;*/
}
.logo {
   float: left;

   width: 337px;
   height: 141px;
   margin-left: 20px;
   background-image: url(/static/image/logo1.png);
   background-repeat: no-repeat;
   background-position: center center;
}
.containers{
   width: 90%;
   margin: 0 auto;
}
.logos{
   background-image: url(/static/image/logos.png);
}
.logo a {
   display: block;

   width: 220px;
   height: 107px;

   text-indent: -9999px;
}
.navbar {
   height: 66px;

   background-color: #fff;
   /*box-shadow: 0 20px 47px 13px rgba(0,0,0,.31);*/
   border-top: 1px solid #e7d5ba;
   border-bottom: 1px solid #e7d5ba;
}
.navbars{
   border-top: 1px solid #777777;
   border-bottom: 1px solid #777777;
}
.main-news{
   background: url("/static/image/a-3.png") no-repeat center bottom;
   background-color: #fff;
}
.pin-wrapper .navbar {
   z-index: 9998;
}
.navbar .nav {
   line-height: 65px;

   text-align: center;
}
.navbar .nav > li {
   display: inline-block;
}
.navbar .nav > li:hover .nav-dropdown {
   display: block !important;
}
.navbar .nav > li > a {
   font-size: 16px;

   padding: 10px 15px;

   color: #282828;
}
.navbar .nav .nav-dropdown {
   line-height: 60px;

   position: absolute;
   z-index: 11;
   top: 66px;
   left: 0;

   display: none;

   width: 100%;
   height: 60px;

   text-align: center;

   background-color: rgba(0,0,0,.8);
   background-color: #000\0;
   box-shadow: 0 20px 47px 13px rgba(0,0,0,.31);
}
.navbar .nav .nav-dropdown:before,
.navbar .nav .nav-dropdown:after {
   position: absolute;
   top: 0;

   display: block;

   width: 50%;
   height: 100%;

   content: '';

   background-color: rgba(0,0,0,.8);
   background-color: #000\0;
   box-shadow: 0 20px 47px 13px rgba(0,0,0,.31);
}
.navbar .nav .nav-dropdown:before {
   left: -50%;
}
.navbar .nav .nav-dropdown:after {
   right: -50%;
}
.navbar .nav .nav-dropdown > li {
   display: inline-block;
}
.navbar .nav .nav-dropdown > li > a {
   font-size: 14px;

   padding: 10px 20px;

   color: #fff;
}
.carousel {
   width: 100%;
}
.home-box-title {
   margin-top: 70px;

   text-align: center;
}
.home-box-title .cn {
   font-size: 30px;

   color: #e0ba65;
}
.home-box-title .en {
   font-size: 18px;

   margin-top: 12px;
   margin-bottom: 15px;

   text-transform: uppercase;

   color: #e0ba65;
}
.home-box-title .line {
   width: 160px;
   height: 1px;
   margin: 0 auto;

   background-color: #184f78;
   display: none;
}
.course-swiper {
   width: 100%;
   margin-top: 32px;
   margin-bottom: 100px;
}
.course-swiper:after {
   display: table;
   clear: both;

   content: '';
}
.course-swiper .list {
   float: left;

   box-sizing: border-box;
   width: 25%;
   margin-bottom: 20px;
   padding: 0 20px;
}
.course-swiper .list .icon {
   display: block;

   width: 125px;
   height: 125px;
   margin-right: auto;
   margin-left: auto;

   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center center;
}
.course-swiper .list .icon-1 {
   background-image: url(/static/image/course-list-icon-1.png);
}
.course-swiper .list .icon-2 {
   background-image: url(/static/image/course-list-icon-2.png);
}
.course-swiper .list .icon-3 {
   background-image: url(/static/image/course-list-icon-3.png);
}
.course-swiper .list .icon-4 {
   background-image: url(/static/image/course-list-icon-4.png);
}
.course-swiper .list .icon-5 {
   background-image: url(/static/image/course-list-icon-5.png);
}
.course-swiper .list .icon-6 {
   background-image: url(/static/image/course-list-icon-6.png);
}
.course-swiper .list .icon-7 {
   background-image: url(/static/image/course-list-icon-7.png);
}
.course-swiper .list .title {
   font-size: 18px;

   text-align: center;

   color: #696969;
}
.course-swiper .list .description {
   font-size: 14px;
   line-height: 24px;

   margin-top: 14px;

   text-align: center;

   color: #908e8e;
}
.course-swiper .list .more {
   font-size: 14px;
   line-height: 22px;

   display: block;

   width: 4em;
   height: 22px;
   margin-top: 16px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 27px;

   color: #bbb;
   background-image: url(/static/image/course-list-more.png);
   background-repeat: no-repeat;
   background-position: right 0;
}
.course-swiper .list .more:hover {
   color: #184f78;
}
.course-swiper:hover .course-swiper-perv,
.course-swiper:hover .course-swiper-next {
   display: block;
}
.course-swiper .course-swiper-perv,
.course-swiper .course-swiper-next {
   position: absolute;
   z-index: 6;
   top: 50%;

   display: none;

   width: 30px;
   height: 38px;
   margin-top: -19px;

   background-image: url(/static/image/course-swiper-arrow.png);
   background-repeat: no-repeat;
}
.course-swiper .course-swiper-perv {
   left: 10px;

   background-position: left 0;
}
.course-swiper .course-swiper-next {
   right: 10px;

   background-position: right 0;
}
.school-life {
   width: 100%;
   height: auto;
   padding-top: 70px;

   background: url(/static/image/index-school-life-bg.jpg) no-repeat 0 0;
   background-size: cover;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/index-school-life-bg.jpg',sizingMethod='scale');
}
.school-life:after {
   display: table;
   clear: both;

   content: '';
}
.school-life .home-box-title {
   margin-top: 0;
}
.school-life .home-box-title .cn,
.school-life .home-box-title .en {
   color: #e0ba65;
}
.school-life .home-box-title .line {
   background-color: #fff;
}
.school-life-swiper {
   position: relative;

   width: 100%;
   padding-top: 75px;
   padding-bottom: 75px;
}
.school-life-swiper-pagination {
   position: absolute;
   top: 35px;
   left: 0;

   width: 100%;

   text-align: center;
}
.school-life-swiper-pagination .swiper-pagination-switch {
   display: inline-block;

   width: 10px;
   height: 10px;
   margin: 0 7px;

   cursor: pointer;

   border-radius: 50%;
   background: #cdcdcd;
}
.school-life-swiper-pagination .swiper-active-switch {
   background: #184d78;
}
.school-life-slider {
   margin-top: -10px;

   text-align: center;
}
.school-life-slider:after {
   display: table;
   clear: both;

   content: '';
}
.school-life-slider .grid {
   position: relative;

   display: inline-block;
   overflow: hidden;

   width: 370px;
   height: 260px;
   margin: 8px;
}
.school-life-slider .grid:hover {
   z-index: 100;

   -webkit-transition: all .3s;
        -o-transition: all .3s;
           transition: all .3s;
   -webkit-transform: scale(1.05, 1.05);
       -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
           transform: scale(1.05, 1.05);

   box-shadow: 0 0 15px rgba(0,0,0,.5);
}
.school-life-slider .grid .thumb {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
}
.school-life-slider .grid .thumb img {
   width: 100%;
   height: 100%;
}
.school-life-slider .grid .overlay {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;

   display: none;

   width: 100%;
   height: 100%;

   background-color: rgba(0,0,0,.5);
}
.school-life-slider .grid:hover .overlay {
   display: block;
}
.school-life-slider .grid .overlay .name {
   font-size: 18px;
   line-height: 1.2;

   position: absolute;
   top: 50%;

   display: none;
   overflow: hidden;

   box-sizing: border-box;
   width: 100%;
   margin-top: -30px;
   padding: 0 20px;

   text-align: center;
   white-space: nowrap;
   text-overflow: ellipsis;

   color: #fff;
}
.school-life-slider .grid:hover .overlay .name {
   display: block;
}
.school-life-slider .grid .overlay .icon {
   position: relative;
   top: 50%;

   display: none;

   width: 28px;
   height: 28px;
   margin-right: auto;
   margin-left: auto;

   border: 2px solid #fff;
   border-radius: 50%;
}
.school-life-slider .grid:hover .overlay .icon {
   display: block;
}
.school-life-slider .grid .overlay .icon-v {
   position: absolute;
   top: 50%;
   left: 50%;

   width: 2px;
   height: 18px;
   margin-top: -9px;
   margin-left: -1px;

   background-color: #fff;
}
.school-life-slider .grid .overlay .icon-l {
   position: absolute;
   top: 50%;
   left: 50%;

   width: 18px;
   height: 2px;
   margin-top: -1px;
   margin-left: -9px;

   background-color: #fff;
}
.home-news {
   width: 100%;
   padding-top: 30px;
}
.home-news:after {
   display: table;
   clear: both;

   content: '';
}
.home-news .tab-nav {
   display: block;

   width: 100%;

   text-align: center;
}
.home-news .tab-nav > li {
   display: inline-block;

   margin: 0 45px;
}
.home-news .tab-nav > li a {
   display: block;

   padding: 10px 5px;

   color: #555;
   border-bottom: 3px solid #fff;
}
.home-news .tab-nav > li a:hover {
   color: #184f78;
}
.home-news .tab-nav > li a.active {
   color: #184f78;
   border-bottom: 3px solid #184f78;
}
.home-news .tab-content {
   padding-top: 60px;
   padding-bottom: 95px;
}
.home-news .tab-content:after {
   display: table;
   clear: both;

   content: '';
}
.home-news .tab-content > div {
   display: none;
}
.home-news .tab-content > div.active {
   display: block;
}
.home-news-box {
   float: left;

   box-sizing: border-box;
   width: 50%;
   padding: 20px;
}
.home-news-box:nth-of-type(1) {
   -webkit-animation-delay: .2s;
           animation-delay: .2s;
}
.home-news-box:nth-of-type(2) {
   -webkit-animation-delay: .4s;
           animation-delay: .4s;
}
.home-news-box:nth-of-type(3) {
   -webkit-animation-delay: .6s;
           animation-delay: .6s;
}
.home-news-box:nth-of-type(4) {
   -webkit-animation-delay: .8s;
           animation-delay: .8s;
}
.home-news-box .content {
   display: block;

   box-sizing: border-box;
   width: 100%;
   padding: 25px;

   border: 1px solid #f1f1f1\0;
   border-radius: 5px;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.home-news-box .content:after {
   display: table;
   clear: both;

   content: '';
}
.home-news-box .content:hover {
   -webkit-transition: all .3s;
        -o-transition: all .3s;
           transition: all .3s;
   -webkit-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
           transform: translate(0,-10px);

   box-shadow: 0 1px 10px rgba(0,0,0,.2);
}
.home-news-box .content .photo {
   float: left;
   overflow: hidden;

   width: 190px;
   height: 135px;

   border-radius: 3px;
}
.home-news-box .content .photo img {
   width: 100%;
   height: 100%;
}
.home-news-box .content .text {
   float: right;

   width: 290px;
   min-height: 135px;
}
.home-news-box .content .text h1 {
   font-size: 18px;
   line-height: 1.2;

   overflow: hidden;

   margin: 0;
   margin-top: 10px;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #555;
}
.home-news-box .content .text p {
   font-size: 14px;
   line-height: 2;

   margin: 0;
   margin-top: 12px;

   color: #909090;
}
.home-news-more {
   width: 100%;
   margin-top: 40px;
   margin-bottom: 50px;

   text-align: center;
}
.bxslider li img{
   width: 100%;
}
.home-news-more a {
   font-size: 18px;

   display: inline-block;

   padding: 10px 20px;

   color: #e0ba65;
   /*border-radius: 3px;*/
   /*background-color: #184f78;*/
   font-weight: bold;
}
.carousel img{
   width: 100%;
}
.slidesjs-container,
.slidesjs-control{
   /*height: auto !important;*/
}
.home-about {
   position: relative;

   width: 100%;
   height: 650px;

   background-image: url(/static/image/index-video-overlay.png);
   background-repeat: repeat;
   background-position: 0 0;
}
.home-about .overlay {
   position: absolute;

   width: 100%;
   height: 100%;

   background-image:    -moz-linear-gradient(bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,.7));
   background-image:      -o-linear-gradient(bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,.7));
   background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 10%, rgba(0,0,0,.7));
   background-image:         linear-gradient(to top, rgba(0,0,0,0) 10%, rgba(0,0,0,.7));
}
.home-about:after {
   display: table;
   clear: both;

   content: '';
}
.home-video-bg {
   position: fixed;
   z-index: -100;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   min-width: 100%;
   min-height: 100%;
}
.home-video-poster {
   position: fixed;
   z-index: -101;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   background-image: url(/static/image/index-video-poster.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/index-video-poster.jpg',sizingMethod='scale');
}
.footer {
   width: 100%;
   padding-top: 40px;
   padding-bottom: 50px;

  background: url("/static/image/a-11.jpg");
}
.footer:after {
   display: table;
   clear: both;

   content: '';
}
.footer .label {
   /*float: left;*/
   width: 100%;
   margin: 50px 0;
   text-align: center;
}
.footer .label img{
   max-width: 100%;
}
.contact {
   width: 100%;

   background-color: #1a1a1a;
}
.contact .container {
   position: relative;
   padding-top: 10px;
   padding-bottom: 20px;
   padding: 100px 0;
}
.contact .left {
   float: left;
}
.contact .right {
   float: right;
}
.contact .map {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   background-image: url(/static/image/footer-map.png);
   background-repeat: no-repeat;
   background-position: 650px 0;
   background-size: contain;
}
.contact .address {
   font-size: 14px;

   position: relative;
   z-index: 2;

   float: left;

   width: 480px;
   margin-top: 50px;

   text-align: center;

   color: #fff;
}
.contact .address p {
   line-height: 2;

   margin: 0;
}
.contact .address p a {
   color: #fff !important;
}
.contact .address p + p {
   margin-top: 10px;
}
.copyright {
   background-color: #222;
}
.copyright p {
   opacity: .5;
   color: #fff;
}
.page-navbar {
   width: 100%;
   margin-top: 150px;
   margin-bottom: 8px;

   background-color: #000000;
}
.page-navbar ul:after {
   display: table;
   clear: both;

   content: '';
}
.page-navbar ul li {
   float: left;
}
.page-navbar ul li + li {
   border-left: 1px solid #fff;
}
.page-navbar ul li a {
   font-size: 14px;

   display: block;

   padding: 30px 40px;

   color: #fff;
}
.page-navbar ul li.active a,
.page-navbar ul li a:hover {
   background-color: #333333;
}
.page-content {
   box-sizing: border-box;
   width: 100%;
   min-height: 300px;
   margin-bottom: 140px;
   padding: 30px;

   background-color: #fff;
}
.page-content-title {
   font-size: 2em;

   overflow: hidden;

   margin-top: 10px;
   padding-bottom: 25px;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #c27b00;
   border-bottom: 2px solid #c27b00;
}
.page-content-main {
   position: relative;

   overflow: hidden;

   width: 100%;
   margin-top: 28px;
}
.page-content-subtitle {
   border-bottom: 1px solid #000000;
}
.page-content-subtitle:after {
   display: table;
   clear: both;

   content: '';
}
.page-content-subtitle h1 {
   font-size: 18px;
   font-weight: normal;
   line-height: 1;

   float: left;

   margin: 0;
   padding: 15px 20px;

   color: #fff;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   background-color: #000000;
}
.page-content-article {
   font-size: 14px;
   line-height: 2;

   margin-top: 20px;
   margin-bottom: 20px;
   padding: 0 2px;

   color: #333;
}
.page-content-article img {
   max-width: 100%;
   height: auto;
   margin: 15px;
}
.page-content-article table img {
   /*max-width: none !important;*/
}
.page-content-article:after {
   display: table;
   clear: both;

   content: '';
}
.page-wrap {
   width: 100%;
   margin-top: 150px;
   background-color: #fff;
}
.page-wrap:after {
   display: table;
   clear: both;

   content: '';
}
.page-menu {
   float: left;

   width: 285px;
   margin-bottom: 100px;

   background-color: #f2f2f2;
}
.page-menu-top {
   overflow: hidden;
   width: 100%;
}
.page-menu-top img{
   width: 100%;
}
.page-menu-title {
   margin: 10px 16px;

   color: #000000;
   border-bottom: 1px solid #bda685;
   background-image: url(/static/image/page-menu-title-icon.png);
   background-repeat: no-repeat;
   background-position: right center;
}
.page-menu-title:after {
   display: table;
   clear: both;

   content: '';
}
.page-menu-title h1 {
   font-size: 24px;
   font-weight: normal;
   line-height: 62px;
   float: left;
   margin: 0;
   padding: 0 15px;
   color: #000000;
}
.page-menu-nav {
   display: block;

   margin-right: 16px;
   margin-left: 16px;
   padding-bottom: 10px;

   border-bottom: 1px solid #bda685;
}
.page-menu-nav li {
   display: block;

   width: 100%;
}
.page-menu-nav li + li {
   margin-top: 6px;
}
.page-menu-nav li a {
   font-size: 18px;
   line-height: 47px;

   display: block;

   padding: 0 25px;

   color: #000000;
}
.page-menu-nav li.active a,
.page-menu-nav li a:hover {
   color: #003976;
   background-color: #fff;
}
.page-slogan {
   margin-right: 16px;
   margin-left: 16px;
   padding: 0 12px;

   /*border-bottom: 1px solid #bda685;*/
}
.page-slogan .en {
   font-size: 24px;
   font-weight: bold;
   line-height: 1.5;

   margin-top: 20px;

   text-transform: uppercase;

   color: #000000;
}
.page-slogan .cn h2{
   font-size: 18px;
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
   color: #000000;
}
.page-slogan .cn {

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

   width: 229px;
   height: auto;
   margin: 0 auto;
   padding-top: 30px;
}
.page-qrc p {
   text-align: center;

   color: #fff;
}
.page-right-content {
   float: right;

   box-sizing: border-box;
   width: 885px;
   min-height: 500px;
   margin-bottom: 100px;
   padding: 20px;

   background-color: #fff;
}
.page-news {
   padding: 5px;
}
.page-news .news-top {
   width: 100%;
   padding-bottom: 30px;

   border-bottom: 1px solid #e5e5e5;
}
.page-news .news-top:after {
   display: table;
   clear: both;

   content: '';
}
.page-news .news-top .img {
   float: left;
   overflow: hidden;

   width: 244px;
   height: 160px;
}
.page-news .news-top .img img {
   max-width: 100%;
}
.page-news .news-top .text {
   float: left;
   overflow: hidden;

   width: 571px;
   height: 160px;
   margin-left: 20px;
}
.page-news .news-top .text h1 {
   font-size: 18px;
   line-height: 1.5;

   overflow: hidden;

   width: 100%;
   margin-top: 15px;
   margin-bottom: 0;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #005ec2;
}
.page-news .news-top .text h1 a {
   color: inherit;
}
.page-news .news-top .text .time {
   font-size: 12px;

   margin-top: 20px;

   color: #5b5b5b;
}
.page-news .news-top .text .info {
   font-size: 14px;
   line-height: 24px;

   margin-top: 15px;

   color: #333;
}
.page-news .news-list {
   margin-top: 15px;
}
.page-news .news-list li {
   line-height: 42px;

   padding: 0 2px;
}
.page-news .news-list li span {
   font-size: 12px;

   float: right;

   padding-left: 10px;

   color: #5b5b5b;
}
.page-news .news-list li a {
   font-size: 14px;

   display: block;
   overflow: hidden;

   max-width: 50em;

   white-space: nowrap;
   text-decoration: none;
   text-overflow: ellipsis;

   color: #333;
}
.page-news .news-list li a:hover,
.page-news .news-list li a:focus {
   color: #c27b00;
}
.page-news .news-list li:before {
   display: block;
   float: left;

   width: 4px;
   height: 4px;
   margin-top: 18px;
   margin-right: 10px;

   content: '';

   border-radius: 50%;
   background-color: #333;
}
.page-news-title {
   font-size: 18px;
   font-weight: bold;
   line-height: 1.5;

   box-sizing: border-box;
   width: 100%;
   margin-top: 10px;
   padding: 0 10px;

   text-align: center;

   color: #005ec2;
}
.page-news-meta {
   font-size: 14px;
   line-height: 2;

   box-sizing: border-box;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 8px 15px;

   text-align: center;

   color: #676767;
   border-radius: 4px;
   background-color: #f2f2f2;
}
.page-news-meta span {
   display: inline-block;

   margin: 0 15px;
}
.page-news-pager {
   width: 100%;
   margin-top: 10px;

   border-top: 1px solid #f2f2f2;
}
.page-news-pager a {
   font-size: 14px;
   line-height: 48px;

   display: block;
   overflow: hidden;

   box-sizing: border-box;
   width: 100%;
   padding: 0 15px;

   white-space: nowrap;
   text-decoration: none;
   text-overflow: ellipsis;

   color: #676767;
   border-bottom: 1px solid #f2f2f2;
}
.page-news-pager a .fa {
   margin-right: 15px;
}
.page-news-pager a:hover,
.page-news-pager a:focus {
   color: #c27b00;
}
.page-news-back {
   font-size: 12px;
   line-height: 1;

   display: block;
   float: right;

   margin-top: 40px;
   padding: 12px 20px;

   color: #fff;
   border-radius: 3px;
   background-color: #037;
}
.page-news-back .fa {
   margin-right: 5px;
}
.page-alumna {
   width: 100%;
}
.page-alumna dl {
   display: block;

   margin: 0;
}
.page-alumna dl:after {
   display: table;
   clear: both;

   content: '';
}
.page-alumna dl + dl {
   margin-top: 30px;
   padding-top: 30px;

   border-top: 1px solid #ececec;
}
.page-alumna dl dt {
   display: block;
   float: left;
   overflow: hidden;

   width: 162px;
   height: 216px;

   background-color: #037;
}
.page-alumna dl dt img {
   max-width: 100%;
   height: auto;
}
.page-alumna dl dd {
   position: relative;

   display: block;
   float: right;

   width: 663px;
   margin: 0;
}
.page-alumna dl dd h1 {
   font-size: 16px;
   line-height: 1;

   margin: 0;
   padding-top: 12px;
   padding-bottom: 20px;

   color: #037;
   border-bottom: 1px solid #037;
}
.page-alumna dl dd p {
   font-size: 14px;
   line-height: 2;

   margin-top: 20px;
   margin-bottom: 0;
}
.page-alumna dl .more {
   font-size: 12px;

   position: absolute;
   top: 16px;
   right: 10px;

   color: #9d9d9d;
}
.page-alumna dl .more:hover {
   color: #037;
}
.page-video ul {
   margin-top: 0;
   padding-bottom: 20px;
}
.page-video ul:after {
   display: table;
   clear: both;

   content: '';
}
.page-video ul li {
   float: left;

   width: 50%;
   margin-top: 35px;

   text-align: center;
}
.page-video ul li a {
   position: relative;

   display: inline-block;
   overflow: hidden;

   width: 380px;
   height: 310px;
}
.page-video ul li a .title {
   line-height: 1;

   position: absolute;
   bottom: 0;
   left: 0;

   display: none;
   overflow: hidden;

   box-sizing: border-box;
   width: 100%;
   padding: 10px 15px;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #fff;
   background-color: rgba(0,0,0,.5);
   background-color: #000\0;
}
.page-video ul li a:hover .title,
.page-video ul li a:focus .title {
   display: block;
}
.page-video-frame {
   position: relative;

   overflow: hidden;

   width: 100%;
   height: 0;
   padding-top: 56.25%;

   border-radius: 5px;
}
.page-video-player {
   position: absolute !important;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
}
.page-download ul {
   margin-top: 0;
   padding-bottom: 20px;
}
.page-download ul:after {
   display: table;
   clear: both;

   content: '';
}
.page-download ul li {
   float: left;

   width: 50%;
   margin-top: 35px;

   text-align: center;
}
.page-download ul li a {
   line-height: 105px;

   position: relative;

   display: inline-block;
   overflow: hidden;

   box-sizing: border-box;
   width: 380px;
   height: 105px;
   padding-right: 45px;
   padding-left: 25px;

   text-align: left;
   white-space: nowrap;
   text-overflow: ellipsis;

   color: #c27b00;
   border-bottom: 5px solid #ecf1f4;
   background-color: #f3f6f8;
}
.page-download ul li a .icon {
   position: absolute;
   top: 50%;
   right: 25px;

   display: block;

   width: 14px;
   height: 15px;
   margin-top: -6px;

   background-image: url(/static/image/download-icon.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.page-pagination {
   width: 100%;
   margin-top: 30px;

   text-align: center;
}
.page-pagination a {
   display: inline-block;

   margin: 0 5px;
   padding: 3px 10px;

   cursor: pointer;
   text-decoration: none;

   color: #5b5b5b;
   border: 1px solid #ddd;
}
.page-pagination a:hover {
   color: #fff;
   border-color: #005ec2;
   background-color: #005ec2;
}
.page-pagination a.jp-disabled {
   cursor: no-drop;

   opacity: .5;
}
.page-pagination a.jp-disabled:hover {
   color: #5b5b5b;
   border-color: #ddd;
   background-color: #fff;
}
.page-pagination a.jp-current {
   cursor: default;

   color: #fff;
   border-color: #005ec2;
   background-color: #005ec2;
}
.bg {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   width: 1920px\0;
   min-width: 100%;
   height: 817px\0;
   min-height: 100%;
   min-height: auto\0;

   background-repeat: no-repeat;
   background-position: center 0;
   background-size: contain;
}
.bg-about {
   background-image: url(/static/image/about-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/about-bg.jpg',sizingMethod='scale');
}
.bg-apply {
   background-image: url(/static/image/apply-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/apply-bg.jpg',sizingMethod='scale');
}
.bg-course {
   background-image: url(/static/image/course-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/course-bg.jpg',sizingMethod='scale');
}
.bg-news {
   background-image: url(/static/image/news-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/news-bg.jpg',sizingMethod='scale');
}
.bg-cooperation {
   background-image: url(/static/image/cooperation-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/cooperation-bg.jpg',sizingMethod='scale');
}
.bg-alumna {
   background-image: url(/static/image/alumna-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/alumna-bg.jpg',sizingMethod='scale');
}
.bg-video {
   background-image: url(/static/image/video-bg.jpg);

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Web/img/video-bg.jpg',sizingMethod='scale');
}
.page-leader {
   width: 100%;
}
.page-leader dl {
   display: block;
}
.page-leader dl:after {
   display: table;
   clear: both;

   content: '';
}
.page-leader dl + dl {
   margin-top: 30px;
   padding-top: 30px;

   border-top: 1px solid #ececec;
}
.page-leader dl dt {
   display: block;
   float: left;
   overflow: hidden;

   width: 162px;
   height: 216px;
}
.page-leader dl dt img {
   max-width: 100%;
   height: auto;
}
.page-leader dl dd {
   position: relative;

   display: block;
   float: right;

   width: 910px;
   margin: 0;
}
.page-leader dl dd h1 {
   font-size: 16px;
   line-height: 1;

   margin: 0;
   padding-top: 12px;
   padding-bottom: 20px;

   color: #037;
   border-bottom: 1px solid #037;
}
.page-leader dl dd p {
   font-size: 14px;
   line-height: 2;

   margin-top: 20px;
   margin-bottom: 0;
}
.page-leader dl .more {
   font-size: 12px;

   position: absolute;
   top: 16px;
   right: 10px;

   color: #9d9d9d;
}
.page-leader dl .more:hover {
   color: #037;
}
.page-leader-view .photo {
   float: left;

   margin-right: 20px;
}
.page-leader-view .name {
   font-size: 16px;
   font-weight: bold;

   color: #037;
}
.page-leader-view .back {
   font-size: 12px;
   line-height: 1;

   display: block;
   float: right;

   margin-top: 15px;
   padding: 12px 20px;

   color: #fff;
   border-radius: 3px;
   background-color: #037;
}
.page-leader-view .back .fa {
   margin-right: 5px;
}
.page-college-list {
   position: relative;

   width: 100%;
   height: 190px;

   background-color: #fafafa;
}
.page-college-list + .page-college-list {
   margin-top: 30px;
}
.page-college-list .photo {
   float: left;
   overflow: hidden;

   width: 280px;
   height: 190px;
}
.page-college-list .photo img {
   -webkit-transition: all 1s;
        -o-transition: all 1s;
           transition: all 1s;
}
.page-college-list:hover .photo img {
   -webkit-transform: scale(1.04,1.04);
           transform: scale(1.04,1.04);
}
.page-college-list .text {
   float: left;

   box-sizing: border-box;
   width: 830px;
   padding: 0 30px;
}
.page-college-list .text h1 {
   font-size: 20px;

   margin-top: 25px !important;
   margin-bottom: 0;
   padding-bottom: 18px;

   color: #037;
   border-bottom: 1px solid #e5e5e5;
}
.page-college-list .text ul {
   display: block;

   width: 85%;
   margin-top: 10px;
}
.page-college-list .text ul:after {
   display: table;
   clear: both;

   content: '';
}
.page-college-list .text ul li {
   font-size: 14px;

   position: relative;

   display: block;
   float: left;
   overflow: hidden;

   box-sizing: border-box;
   width: 25%;
   margin-top: 10px;
   padding-left: 15px;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #555;
}
.page-college-list .text ul li:before {
   position: absolute;
   top: 50%;
   left: 0;

   display: block;

   width: 7px;
   height: 7px;
   margin-top: -3px;

   content: '';

   border-radius: 50%;
   background-color: #999;
}
.page-college-list .more {
   font-size: 12px;

   position: absolute;
   right: 30px;
   bottom: 25px;

   color: #037;
}
.guide-body {
   position: relative;

   display: none;
   overflow: hidden;

   width: 100%;
}
.guide-copyright {
   font-size: 14px;
   line-height: 3;

   position: relative;
   z-index: 1;

   width: 100%;
   margin-top: 80px;

   text-align: center;

   color: #fff;
   text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.guide-body:after {
   position: fixed;
   z-index: 0;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   display: block;

   min-width: 100%;
   min-height: 100%;

   content: '';

   background-image: url(/static/image/start-bg.jpg);
   background-repeat: no-repeat;
   background-position: 0 center;
   background-size: cover;
}
.guide-container {
   position: relative;
   z-index: 2;

   box-sizing: border-box;
   width: 1170px;
   height: 100%;
   margin-right: auto;
   margin-left: auto;
}
.guide-container:before,
.guide-container:after {
   display: table;

   content: '';
}
.guide-container:after {
   clear: both;
}
.guide-logo {
   width: 284px;
   height: 131px;
   margin-top: 50px;

   background-image: url(/static/image/start-logo.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-logo a {
   display: block;

   width: 100%;
   height: 100%;

   text-indent: -9999px;
}
.guide-content {
   width: 100%;
   margin-top: 50px;
}
.guide-content:after {
   display: table;
   clear: both;

   content: '';
}
.guide-content .grid {
   position: relative;

   display: block;

   box-sizing: border-box;
   width: 220px;
   height: 220px;
   padding: 20px;
}
.guide-content .grid .arrow {
   position: absolute;
   right: 20px;
   bottom: 20px;

   width: 21px;
   height: 21px;

   background-image: url(/static/image/guide-grid-arrow.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-content .grid-1 {
   float: left;

   -webkit-animation-delay: .1s;
           animation-delay: .1s;

   color: #454545;
   background-color: #fff;
}
.guide-content .grid .h1 {
   font-size: 36px;
   line-height: 1;

   display: block;

   margin-top: 70px;
}
.guide-content .grid .en {
   font-size: 12px;
   line-height: 1;

   display: block;

   margin-top: 10px;

   text-transform: uppercase;
}
.guide-content .grid .h2 {
   font-size: 14px;
   line-height: 1;

   display: block;

   margin-top: 10px;
}
.guide-content .grid-2 {
   float: left;

   -webkit-animation-delay: .2s;
           animation-delay: .2s;

   background-color: #fff;
   background-image: url(/static/image/guide-grid-photo-1.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-content .grid-3 {
   float: left;

   -webkit-animation-delay: .3s;
           animation-delay: .3s;

   background: transparent;
}
.guide-content .grid-4 {
   float: left;

   -webkit-animation-delay: .4s;
           animation-delay: .4s;

   background-color: #fff;
   background-image: url(/static/image/guide-grid-photo-2.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-content .grid-5 {
   float: left;
   clear: both;

   -webkit-animation-delay: .5s;
           animation-delay: .5s;

   background: transparent;
}
.guide-content .grid-6 {
   float: left;

   -webkit-animation-delay: .6s;
           animation-delay: .6s;

   color: #454545;
   background-color: #fff;
}
.guide-content .grid-7 {
   float: left;

   -webkit-animation-delay: .7s;
           animation-delay: .7s;

   background-color: #fff;
   background-image: url(/static/image/guide-grid-photo-3.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-content .grid-8 {
   float: left;
   clear: both;

   -webkit-animation-delay: .8s;
           animation-delay: .8s;

   color: #fff;
   background-color: #0045ab;
}
.guide-content .grid-8 .arrow {
   background-image: url(/static/image/guide-grid-arrow-white.png);
}
.guide-content .grid-9 {
   float: left;

   -webkit-animation-delay: .9s;
           animation-delay: .9s;

   background-color: #fff;
   background-image: url(/static/image/guide-grid-photo-4.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.guide-content .go {
   font-size: 18px;
   line-height: 38px;

   position: absolute;
   z-index: 10;
   right: 0;
   bottom: 0;

   display: block;

   width: 147px;
   height: 38px;

   text-align: center;

   color: #fff;
   border: 2px solid #fff;
}
.guide-content .go:hover {
   -webkit-transition: all .3s;
        -o-transition: all .3s;
           transition: all .3s;
   -webkit-transform: scale(1.08, 1.08);
       -ms-transform: scale(1.08, 1.08);
        -o-transform: scale(1.08, 1.08);
           transform: scale(1.08, 1.08);
}
.start-body {
   position: relative;

   display: none;
   overflow: hidden;

   width: 100%;

   background: rgb(28,118,212);
   background:    -moz-linear-gradient(top,  rgba(28,118,212,1) 0%, rgba(255,255,255,1) 85%);
   background: -webkit-linear-gradient(top,  rgba(28,118,212,1) 0%,rgba(255,255,255,1) 85%);
   background:         linear-gradient(to bottom,  rgba(28,118,212,1) 0%,rgba(255,255,255,1) 85%);

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c76d4', endColorstr='#ffffff',GradientType=0 );
}
.start-body:after {
   position: fixed;
   z-index: 0;
   bottom: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 0;
   padding-top: 30.8333%;

   content: '';

   background-image: url(/static/image/start-bg.png);
   background-repeat: no-repeat;
   background-position: 0 bottom;
   background-size: cover;
}
.start-nav {
   position: fixed;
   z-index: 2;
   bottom: 0;
   left: 270px;

   width: 260px;
   height: 503px;

   background-image: url(/static/image/start-brand.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.start-logo {
   position: absolute;
   z-index: 2;
   top: 168px;
   left: 50%;

   width: 284px;
   height: 131px;
   margin-left: -142px;

   background-image: url(/static/image/start-logo.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.start-logo a {
   display: block;

   width: 100%;
   height: 100%;

   text-indent: -9999px;
}
.start-nav > a {
   position: absolute;

   display: block;

   text-indent: -9999px;
}
.start-imstudent {
   top: 17px;
   left: 0;

   width: 245px;
   height: 142px;
}
.start-imparents {
   top: 170px;
   left: 10px;

   width: 236px;
   height: 75px;
}
.start-impartner {
   top: 268px;
   right: 0;

   width: 195px;
   height: 108px;
}
.start-cloud {
   position: fixed;
   z-index: 0;
   top: -3%;
   left: -3%;

   width: 106%;
   height: 106%;

   background-image: url(/static/image/start-cloud.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: cover;
}
.start-light {
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;

   width: 1161px;
   height: 674px;

   background-image: url(/static/image/start-light.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.start-bird {
   position: fixed;
   z-index: 1;
   top: 380px;
   right: 450px;

   width: 281px;
   height: 224px;

   background-image: url(/static/image/start-bird.png);
   background-repeat: no-repeat;
   background-position: 0 0;
}
.start-copyright {
   font-size: 14px;
   line-height: 3;

   position: fixed;
   z-index: 1;
   bottom: 0;
   left: 0;

   width: 100%;

   text-align: center;

   color: #fff;
   text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.start-tab-content > div {
   display: none;
}
.start-tab-content > div.active {
   display: block;
}
.start-frame-overlay {
   position: fixed;
   z-index: 5;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   background-color: rgba(0,0,0,.5);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.start-frame {
   position: fixed;
   z-index: 6;
   top: 12%;
   left: 50%;

   width: 47.92%;
   height: 0;
   margin-left: -25%;
   padding-top: 34.38%;

   background-color: transparent;
   box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.start-frame > div {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
}
.start-frame-swiper {
   position: relative;

   overflow: hidden;

   width: 100%;
   height: 87.88%;

   background-color: #fff;
}
.start-frame-swiper:after {
   display: table;
   clear: both;

   content: '';
}
.start-frame-swiper-slider {
   position: relative;

   width: 100%;

   background-color: #fff;
}
.start-frame-swiper-slider .photo {
   overflow: hidden;

   width: 100%;
   height: 100%;

   text-align: center;
}
.start-frame-swiper-slider .photo img {
   max-width: 100%;
   height: auto;
}
.start-frame-swiper-slider .description {
   font-size: 16px;
   line-height: 36px;

   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;

   overflow: hidden;

   box-sizing: border-box;
   width: 100%;
   height: 36px;
   padding-right: 100px;
   padding-left: 15px;

   white-space: nowrap;
   text-overflow: ellipsis;

   color: #fff;
   background-color: rgba(0,0,0,.5);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.start-frame-swiper-slider .num {
   font-size: 12px;
   line-height: 36px;

   position: absolute;
   z-index: 1;
   right: 10px;
   bottom: 0;

   width: 90px;

   text-align: right;

   color: #fff;
}
.start-frame-swiper-slider .num span {
   font-size: 16px;
}
.start-frame-description {
   font-size: 14px;
   line-height: 1.7;

   box-sizing: border-box;
   width: 100%;
   min-height: 80px;
   margin-bottom: 40px;
   padding: 15px;

   text-indent: 2em;

   color: #fff;
   background-color: rgba(0,0,0,.5);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.start-frame-swiper-prev,
.start-frame-swiper-next {
   font-size: 42px;
   line-height: 70px;

   position: absolute;
   z-index: 2;
   top: 50%;

   width: 70px;
   height: 70px;
   margin-top: -35px;

   text-align: center;

   color: #fff;
   border-radius: 50%;
   background-color: rgba(0,0,0,.5);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.start-frame-swiper-prev {
   left: -85px;
}
.start-frame-swiper-prev .fa {
   margin-right: 6px;
}
.start-frame-swiper-next {
   right: -85px;
}
.start-frame-swiper-next .fa {
   margin-left: 6px;
}
.start-frame-home {
   font-size: 18px;
   line-height: 38px;

   position: absolute;
   z-index: 10;
   top: 20px;
   right: 20px;

   display: block;

   width: 147px;
   height: 38px;

   text-align: center;

   color: #fff;
   border: 2px solid #fff;
}
.start-frame-home:hover {
   -webkit-transition: all .3s;
        -o-transition: all .3s;
           transition: all .3s;
   -webkit-transform: scale(1.08, 1.08);
       -ms-transform: scale(1.08, 1.08);
        -o-transform: scale(1.08, 1.08);
           transform: scale(1.08, 1.08);
}
.page-content-article .datatable td {
   padding: 8px;
}