/* CSS Document */

/* PROGRESS */
.fixbg {position: fixed; top:0; left:0; right:0; bottom:0;background-color: #fff;transition: opacity 1000ms linear;z-index: 10001;}
.fixbg.hide {opacity:0;z-index: 0;}
.container-progress {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.content-progress {float:left;}
.english {position: relative;width: 920px; margin: 0 auto;}
.english h2 {width:480px; text-align: left; color:#923c91;font-size: 96px; line-height: 96px; font-weight: 600;display:inline-block;word-break:normal;}
.english h4 {width:250px; text-align: center;color:#923c91;font-size: 60px; line-height: 72px; font-weight: 300;display:inline-block;word-break:normal;}
.english span {width:150px; text-align: center;color:#fff;font-size: 36px; line-height: 60px; border-radius: 0.8em; display:inline-block;background-color:#923c91; vertical-align: text-bottom;}
.english p {color:#923c91;font-size: 26px;word-spacing:-3px; line-height: 60px;padding-bottom: 5px; font-weight: 300;}
.chinese {position: relative;width: 920px; margin: 0 auto;}
.chinese p {color:#5c278a;font-size: 40px; letter-spacing:12px; line-height: 72px; font-weight: 300;}
.logoA {margin-left: 940px;width:160px;padding-top: 80px;}
.logoA img {width:160px;height:160px; transition: opacity 1000ms linear;opacity: 0;}
.logoA img.show {opacity:1;}
.progress {background-color: transparent;height: 10px;position: relative; width: 920px;}
.progress-bar { background-image: linear-gradient(to right, #5c278a, #923c91); background-size: 920px 10px; height: 100%; position: relative;}
.progress-globe { position: absolute; right: -15px; top: -10px; width: 30px; height: 30px; border-radius: 50%; background-color: #923c91;}

/* carouselModular */
.container {position: relative;}
.carouselModular {position: relative;width:100%;}
.carouselCover { position: absolute; top:0; left: 0; right: 0;bottom:0; z-index: 99; background-image:url(../images/headerbottombg.jpg); background-position: bottom; background-repeat:repeat-x;background-size:100% 25%;}
#gkIs-gk-is-682.gkIsWrapper-gk_university {overflow: hidden; height: 100vh;}
#gkIs-gk-is-682.gkIsWrapper-gk_university .gkIsSlide { background-size: cover; background-position: center center; max-width: 100%;}
#gkIs-gk-is-682.gkIsWrapper-gk_university figure, #gkIs-gk-is-682.gkIsWrapper-gk_university .gkIsPreloader {max-width: 100%;}
.blur1 {width:100%;height:160px;background:inherit;filter: url( ../icon/blur.svg#blur); -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1'); opacity: 0.5 ;}

/* noticeModular */
.noticeModular { margin-top: -240px;}
.notice-title { float: left; position:relative; width:60px; height:240px; background-color: #5c278a; color: #fff; font-size: 1.75em;  text-align: center; vertical-align: middle;}
.notice-title span { position: absolute; top:50%; left:50%; height: 200px; text-align: center; -webkit-transform: translate(-50%,-50%);-ms-transform:translate(-50%,-50%);  transform: translate(-50%,-50%); display: inline-block;}
.notice-content {margin-left: 100px; padding-top:30px;}
.notice-content + a.more {position: absolute;top:7px; right:30px;}
.notice-content:after { content: ""; display: block; clear: both;}
.notice-content li{position:relative; width:50%; margin-bottom:30px; float: left;}
.notice-content li:nth-of-type(2n+1) .noticeContentWrap {margin:0; margin-right:40px;}
.notice-content li:nth-of-type(2n) .noticeContentWrap {margin:0;}
.notice-content .noticeContentWrap time {float: left; width: 75px; height:75px; border:2px solid #e0e0e0; color:#ccc; text-align: center; vertical-align: middle;transition: all 0.5s; -webkit-transition: all 0.5s;}
.notice-content .noticeContentWrap time h3 {font-family: "San Francisco Display"; font-weight: 600; font-size: 32px; line-height: 36px;}
.notice-content .noticeContentWrap time small {width: 100%; font-size:14px; line-height: 1em; font-weight: 300; display: block;}
.notice-content .noticeContentWrap time span {width: 100%; font-size:12px; line-height: 1em; font-weight: 300; display: inline-block;}
.notice-content .noticeContentWrap div { margin-left: 90px; height: 75px;}
.notice-content .noticeContentWrap a {display:block; width:100%;height:100%; overflow: hidden;line-height: 20px; color: #202020;padding:10px; text-align:justify; font-size: 16px;transition: all 0.5s; -webkit-transition: all 0.5s;}
.notice-content .noticeContentWrap:hover, .notice-content .noticeContentWrap.hover {background-color:#f5f5f5;}
.notice-content .noticeContentWrap:hover a, .notice-content .noticeContentWrap.hover a {color:#5c278a;}
.notice-content .noticeContentWrap:hover time, .notice-content .noticeContentWrap.hover time {color:#5c278a;border-color:#5c278a;}
.outlinkWrap {position: absolute; top:-384px; width: 100%; padding: 30px 40px; background-color: rgba(14, 22, 35, .89);}
.outlinkWrap li {border-bottom:1px solid rgba(255,255,255,.1);}
.outlinkWrap li a { padding:20px 0 20px 30px; color:#fff; font-size: 16px; font-weight: 600; line-height: 40px; display: block;}
.outlinkWrap li a:hover, .outlinkWrap li a:hover .icon, .outlinkWrap li a.hover, .outlinkWrap li a.hover .icon  {color:#5c278a;}
.outlinkWrap li a .icon {color: #fff; width: 40px;height: 40px; margin-right: 20px; fill: currentColor;overflow: hidden;line-height: 40px;vertical-align: top;}
.outlinkWrap li a span { line-height: 40px; display: inline-block;}
.onlydesktop {width:100%;height:100%; background-position: center center;}
.videoWrap {text-align:center;}
.videoWrap li { position:  relative ; width: 100%;height: 240px;}
.videoWrap .icon { position: absolute ; top:50%; left: 50%; margin-left: -25px; margin-top: -25px; color: #fff; width: 60px;height: 60px; font-weight: 600; fill: currentColor; overflow: hidden;}

/* newsModular */
.newsModular { position: relative; overflow: hidden;}
.newsModular .contentWrapper { padding: 60px 0;}
.news-title {position: relative; width:100%; height: 300px; color: #5c278a; font-size: 2.4em; text-align: center;}
.news-title span { position: absolute; top:40px; left:50%; -ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);  transform: translateX(-50%);}
.news-title a.more {position: absolute; bottom:10px; left:50%; -webkit-transform: translateX(-50%);  transform: translateX(-50%); font-size: 14px;}
.news-content {position:relative; height: auto; padding-bottom: 60px;}
.bigpic .imgwrapper, .smallpic .imgwrapper {position:relative;width:100%;height: 0;padding-top:56.25%;}
.bigpic .imgwrapper img, .smallpic .imgwrapper img {position:absolute; left:50%; top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100%; min-height:100%;width:100%; height:auto;}
.bigpic { position: relative; width:900px;}
.smallpic { position: absolute; top:80px ;right: 0; width:480px;}
.bigpic .txtwrapper, .smallpic .txtwrapper {position:relative; width:100%; padding: 20px 30px; background-color:#fff; z-index: 1;}
.smallpic .txtwrapper {padding:20px;}
.bigpic .txtwrapper .cata, .smallpic .txtwrapper .cata {width:100px; height: 30px;  margin-bottom: 20px; line-height: 30px; text-align: center; margin-top: -35px; color: #fff; background-color: #5c278a;}
.smallpic .txtwrapper .cata {margin-top: -35px; margin-bottom: 20px;}
.bigpic .txtwrapper h3, .smallpic .txtwrapper h3 {font-size: 1.5em; font-weight: 500;color:#000;}
.smallpic .txtwrapper h3 {font-size:1.2em;}
.bigpic .txtwrapper h3 + p {margin-top:10px; text-align:justify; line-height:1.5em;text-indent:2em;}
.bigpic .txtwrapper:hover h3, .bigpic .txtwrapper:hover p {color:#5c278a;}
.smallpic .txtwrapper:hover h3{color:#5c278a;}
/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
 -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after { display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-dots { position:absolute;bottom:-50px; width: 133%; z-index: 100; text-align: center;}
.slick-dots li {float:none; display: inline-block; margin:6px;}
.slick-dots li button { width:10px; height:10px; padding:0; font-size: 0; border-radius: 50%; border:none; background-color: #e0e0e0;}
.slick-dots li.slick-active button {background-color:#5c278a;}


/* dataModular */
.dataModular {padding: 0px 0 60px 0;}
.dataWrap {}
.dataWrap h2 { margin-bottom: 40px;font-family: "Microsoft JhengHei", "明黑", Arial, Helvetica;font-size: 36px;color: #5c278a;text-align: center;line-height: 1em;}
.dataWrap h2 b {height: 1px;width: 60px;background: #5c278a; display: inline-block;vertical-align: middle;opacity: 0.5; margin: 0 20px;}
@media screen and (max-width: 400px) {
    .dataWrap h2 b {width: 20px;} 
}
@media screen and (max-width: 1000px) {
    .dataWrap h2 {font-size: 30px;} 
}
.dataWrap .dataitem { outline:none;}
.dataWrap .dataitem ul {display: flex; flex-wrap: wrap; outline:none; cursor:pointer;}
.dataWrap .dataitem li {width: 100%; padding: 20px 0;}
.dataWrap .dataitem li img { width: 40px; float: left; padding-top:20px;}
.dataWrap .dataitem li label {width: 40px; float: left; text-align: center;display: block;}
.dataWrap .dataitem li .fa {font-size:36px; color:rgba(92,39,138,0.35);line-height: 70px;}
.dataWrap .dataitem li .wrapper {margin: 0 20px;}
.dataWrap .dataitem li .txtwrapper { margin-left: 48px;}
.dataWrap .dataitem li .txtwrapper h4 { font-size: 36px;color: #5c278a; line-height: 40px; font-weight:500;font-family: 'Raleway';font-style: normal;}
.dataWrap .dataitem li p {font-size: 1.15em;color: #666; padding-top: 10px;}
.dataWrap .slick-dots {position: absolute; bottom: -40px;width: 100%;text-align: center; z-index: 99;}
.dataWrap .slick-dots li {display: inline-block; width: auto;float: none;vertical-align: middle;}
.dataWrap .slick-dots li button { background: #A8B3C6; border: 0 none; border-radius: 7px; cursor: pointer; display: block; font-size: 0; height: 10px; line-height: 0;  outline: medium none;padding: 0; width: 10px;}
.dataWrap .slick-dots li.slick-active button {background: #5e068c;}
.dataWrap .tbg { position: absolute; width: 100%;top: -100px; z-index: -1; overflow: hidden;}.dataWrap .tbg img { width: 100%; min-width: 1920px;}
@media screen and (max-width: 1920px) {
     .dataWrap .tbg img {padding-left: 50%;margin-left: -800px;} 
}
.dataWrap .tcbg {position: absolute; background: #e7eaea;-ms-transform: rotate(-3deg); -ms-transform-origin: right bottom; transform: rotate(-3deg);transform-origin: right bottom;height: 200px; width: 200%; right: -205px;bottom: 0px;z-index: -2;}
@media screen and (max-width: 1000px) {
    .dataWrap .tcbg { display: none;} 
}
.content .cbg { background: url(../images/tbg.jpg);position: absolute;z-index: -1;-ms-transform: rotate(-3deg);-ms-transform-origin: center top;transform: rotate(-3deg);transform-origin: center top;height: 100%;width: 200%;right: -5px;top: 0;}
@media screen and (max-width: 1000px) {
    .content .cbg { -ms-transform: none; transform: none;right: 0;} 
}

/* internationalModular */
.internationalModular .contentWrap {margin:0;}
.internationalModular .row > [class*='col-mx-'] {padding-right: 0;}
.internationalModular {background-attachment: fixed; background-image:url(../img/parallax_bg.jpg); background-color: #c0c0c0; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden;}
.internationalWrap {padding:200px 0 150px 0;}
.international-title { position: absolute; top:120px; width:100%; color:#fff; font-size: 2.4em; line-height: 80px; text-align: left;}
.international-imgLarge, .international-img {overflow:hidden; position: relative;width:100%;padding-top:56.25%;}
.international-imgLarge img, .international-img img {position: absolute; z-index: 1; display: block; top:0;left:0;bottom:0;right:0;width: 100%;}
.international-subTitle {position: relative; z-index: 1; color:#fff; font-size: 1.15em; font-weight: 600; line-height: 1.5em;}
.international-imgLarge .international-subTitle {position:absolute; bottom:10%; left:10%;font-size: 1.5em; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5);}
.international-textContentWrap {position: relative; z-index: 1; padding: 20px 30px;}
.internationalWrap.blueblackbg:after{background: rgba(12, 19, 31, .6);content: "";height: 2000px;left: 0%;position: absolute; top: -500px;width: 100%;z-index: 0;}
.international-content { padding:10px 0; color:rgba(255,255,255,.75); font-size: 1em;text-align: justify;}
.internationalWrap a.more:hover, a.more.hover { color:#cb44fd;}

/* healthyModular */
.healthyModular {padding:30px 0 0 0;}
.healthyWrap {}
.healthy-title {font-size:2em; text-align: center; vertical-align: middle; margin-bottom: 40px;padding:0 20px;color:#fff;}
.healthy-title div {display:inline-block;}
.healthy-title h2 {font-size:1.5em; display: inline-block;}
.healthyWrap .healthy-img  { float: left; position: relative;width:25%;  vertical-align: middle;overflow:hidden;}
.healthyWrap .healthy-img>a {width:100%; padding-bottom: 66.7%; height: 0;}
.healthyWrap .healthy-img>a div {position: absolute;top:0;left:0;bottom:0;right:0;}
.healthyWrap .healthy-img>div {width:100%; padding-bottom: 66.7%; height: 0;}
.healthyWrap .healthy-img>img {width:100%; height: 300px;}
.healthy-img .healthy-link {position: absolute; left: 20px; bottom:20px;}
.healthy-img .healthy-link {color:#fff; font-size:1.2em;}
.healthy-img .healthy-link:hover, .healthy-img .healthy-link.hover {}
.healthy-img .imgShieldBoard {position:absolute; top:0; bottom:0; left:0;right:0; background-color: rgba(0,0,0,0.25); z-index: 999; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;-ms-transform: scale(0.5); -webkit-transform: scale(0.5);  transform: scale(0.5); opacity: 0;}
.healthy-img .healthy-text { position: absolute; top:50%; left:50%; -ms-transform: translate(-50%,-55%); -webkit-transform: translate(-50%,-55%);transform: translate(-50%,-55%); text-align: center; display: block;}
.healthy-text .textborder {border-bottom:2px solid #fff; padding:0 10px;white-space:nowrap;}
.healthy-text b {font-size:1.25em; color:#fff; font-weight: 600; padding:0 5px;}
.healthy-text span {font-size:1.5em; line-height: 1.5em; color:#fff;text-transform:uppercase; font-weight: 500;word-break:keep-all;white-space:nowrap;}
.healthy-text p {color:#fff;font-size:1.5em;line-height: 1.5em;}
.healthy-img:hover .imgShieldBoard, .healthy-img.hover .imgShieldBoard { transform: scale(1); opacity: 1;}
.healthy-subTitle {width:auto; margin: 40px auto; padding:0 30px; height: 60px; line-height: 60px; border-radius:30px; color:#fff; display: inline-block; font-size: 2em;}
.anchorBL{display:none;}

/* platformModular */
.platformModular {padding: 0;   background-position: center; background-repeat: no-repeat; background-size: cover;}
.platformTitle {margin:40px auto; text-align: center;}
.platformTitle span {padding:15px 50px;border:4px solid #fff; color:#fff; font-weight:600; font-size: 2em; display: inline-block;}
.platformContent {}
.platformContent .platform-item {padding: 0 30px; outline: none;}
.platformContent .platform-item ul {display: flex; flex-wrap: wrap;}
.platformContent .platform-item li {width: 100%; opacity: 1; border-radius: 8px; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; background-color: #fff;-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.platformContent .platform-item.slick-center li {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);color: #e67e22;opacity: 1;transform: scale(1);}
.platformContent .platform-item li img { width:50%; padding:2.5em; display: inline-block;}
.platformContent .platform-item li .wrapper {padding: 2em;}
.platformContent .platform-item li .txtwrapper { margin-top: 1.75em;}
.platformContent .platform-item li .txtwrapper h4 { font-size: 1.5em;color: #5c278a; line-height: 1.5em; font-weight: 400;overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.platformContent .platform-item li .txtwrapper p {font-size: 1em;color: #666; padding-top: 5px;line-height: 1.5em; text-align: left;overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.platformContent .platform-item li a {width:120px; height: 40px; margin-top: 1.5em;  line-height: 40px; text-align: center; border-radius:20px; color:#fff; font-size: 1.5em;background-color: rgba(0,0,0,0.25);}
.platformContent .platform-item li a:hover, .platformContent .platform-item li a.hover {background-color: #5c278a; color:#fff; border:none;transition: all 0.5s; -webkit-transition: all 0.5s;
  background: -webkit-linear-gradient(90deg, #923c91, #5c278a); /* safari 5.1 - 6.0 */
  background: -o-linear-gradient(90deg, #923c91, #5c278a); /* opera 11.1 - 12.0 */
  background: -moz-linear-gradient(90deg, #923c91, #5c278a); /* firefox 3.6 - 15 */
  background: linear-gradient(90deg, #923c91, #5c278a);}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 80px; width: 80px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; margin-top: -40px; padding: 0; border: none; outline: none; border-radius: 50%; z-index: 999;}
.slick-prev:focus, .slick-next:focus { outline: none;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {}

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.slick-prev { left:-40px; background: url(../images/prev.jpg) center center no-repeat; background-color: rgba(0,0,0,0.2);}
.slick-prev:before {}
.slick-prev:hover, .slick-prev.hover {background-color: rgba(0,0,0,0.8);}
.slick-next { right: -40px; background: url(../images/next.jpg) center center no-repeat;  background-color: rgba(0,0,0,0.2);}
.slick-next:before {}
.slick-next:hover, .slick-next.hover {background-color: rgba(0,0,0,0.8);}

/* Dots */
.slick-slider { margin-bottom: 30px;}
.platformContent .slick-dots {position: absolute; bottom: -40px;width: 100%;text-align: center; z-index: 1000;}
.platformContent .slick-dots li {display: inline-block; width: auto;float: none;vertical-align: middle;}
.platformContent .slick-dots li button { background: #A8B3C6; border: 0 none; border-radius: 7px; cursor: pointer; display: block; font-size: 0; height: 10px; line-height: 0;  outline: medium none;padding: 0; width: 10px;}
.platformContent .slick-dots li.slick-active button {background: #5e068c;}
.platformContent .btn { position:absolute;top:50%; width:60px;height:60px;border-radius: 50%;display:block;z-index:500;overflow:hidden;cursor:pointer; 
-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.platformContent .prev-btn { left:-60px; background: url(../images/prev.jpg) center center no-repeat; background-size: 30px 30px; background-color: rgba(0,0,0,0.2);}
.platformContent .next-btn { right:-60px; background: url(../images/next.jpg) center center no-repeat; background-size: 30px 30px;  background-color: rgba(0,0,0,0.2);}
.platformContent .prev-btn:hover, .platformContent .prev-btn.hover{background-color:#5c278a;}
.platformContent .next-btn:hover, .platformContent .prev-btn.hover{background-color:#5c278a;}


/*轮播*/
.platformContent {}
.platformContent .platformWrapper{margin:0 auto;position: relative;}
.pictureSlider{height: 600px;margin: 0 auto;position: relative;}
.poster-item{background: #fff;height: 540px;width:420px;border-radius: 10px;padding:50px 27px 30px 27px;transition: all 0.5s;cursor: default;-moz-transition: all 0.5s;cursor: default;-webkit-transition: all 0.5s;cursor: default;-o-transition: all 0.5s;cursor: default;}
.turn_3d{text-align: center;color: #fff;font-weight: 400;font-size: 36px;padding: 28px 0;}
.poster-item-title{padding-left: 10px; text-align: center;}
.poster-item-title h3 {font-size:1.5em; font-weight: 600;}
.poster-item-content{padding:10px 10px 0 10px ;}
.poster-item-content p{padding-top: 10px;color: #666;font-size: 1em;max-height: 160px;overflow: hidden;text-align:justify; line-height:1.6em;text-indent:2em;}
.poster-item-img{position: relative;height:207px;margin-top:30px; overflow:hidden;}
.poster-item-img img {width:100%;}
.check_more{width: 180px;height: 50px;line-height: 50px;text-align: center;color:#fff;background: #bc241d;margin:0 auto;display: block;}


/* mottoModular */
.mottoModular {background-color: #fff;}
.mottoLeftLink {padding:20px 30px; background-color: #fedaff;}
.mottoLeftLink div {padding:10px;color:#923c91;font-size: 1.25em;font-weight: 600;}
.mottoLeftLink .weixinhao {margin:0 auto;padding:10px;}
.mottoLeftLink .weixinhao img {width:100%;}
.mottoContent {padding:60px 30px;}
.mottoContent p {line-height:50px; color:#202020; font-weight: 500; font-size: 1.5em; text-align: center;}
.mottoContent p span {font-size: 1.15em; color:#5c278a;}

/* rollModular */
.rollModular {}
.rollWrap{margin:0 auto;width:100%;height:300px;overflow:hidden;position:relative;}
.rollWrap ul{height:100%;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.rollWrap ul li{display:block;float:left;position:relative;}
.rollWrap ul li a{position:relative;display:inline-block; overflow: hidden;} 
.rollWrap ul li img{display:block;height:300px;width:auto; line-height: 1;}
.rollWrap ul li a div.imgShieldBoard {position: absolute;top:0;left:0;right:0;bottom:0; background-color: rgba(0,0,0,0.6);-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;-ms-transform: scale(0.5); -webkit-transform: scale(0.5);  transform: scale(0.5); opacity: 0;}
.rollWrap ul li a:hover div.imgShieldBoard, .rollWrap ul li a.hover div.imgShieldBoard{-ms-transform: scale(1); -webkit-transform: scale(1);  transform: scale(1);opacity: 1;}
.rollContent {position: absolute;top:30px;left:30px;right:30px;bottom:30px;padding:30px; border:3px solid #cb44fd; overflow: hidden;}
.rollContent p {font-size: 1em;color:#fff;text-align:justify; line-height:1.5em;text-indent:2em;}
.rollContent p.title {font-size: 1.2em; font-weight: 600;text-align:left;text-indent:0;}

@media (max-width: 2600px) {
    .bigpic {width:1100px;}
    .smallpic {width:600px;top:100px;}
    .mottoLeftLink {padding: 30px 30px;}
    .mottoContent { padding: 60px 30px;}
    .rollWrap {height:360px;}
    .rollWrap ul li img{height:360px;}
    .platformContent .platform-item li .wrapper {padding: 4em 2em;}

}
@media (max-width: 2000px) {
    .bigpic {width:900px;}
    .smallpic {width:480px;top:80px;}
    .mottoLeftLink {padding: 20px 30px;}
    .mottoContent { padding: 50px 30px;}
    .rollWrap {height:300px;}
    .rollWrap ul li img{height:300px;}

}
@media (max-width: 1480px) {
    .bigpic {width:750px;}
    .smallpic {width:400px;top:60px;}
    .mottoLeftLink {padding: 20px 20px;}
    .mottoContent { padding: 30px 30px;}
    .rollWrap {height:200px;}
    .rollWrap ul li img{height:200px;}

}

@media (max-width: 1050px) {
    .noticeModular { margin-top: 0px;}
    .notice-title {background:none;height: auto; width:100%; padding:20px 20px 0 20px; text-align: left; font-size: 2em; float: none;}
    .notice-title span {position: relative; top:0; left:0; width:auto; height: auto; padding-left:10px; border-left:6px solid #5c278a; color:#5c278a;-webkit-transform: translate(0);-ms-transform:translate(0);  transform: translate(0);}
    .notice-content + a.more {top:28px; font-size: 14px;}
    .notice-content {padding: 30px 20px 0 20px; margin-left: 0;}
    .notice-content li {width:100% ;float: none;}
    .notice-content li .noticeContentWrap { margin:0;}
    .notice-content li:nth-of-type(2n+1) .noticeContentWrap {margin:0;}
    .news-title {background:none;height: auto; padding:20px; text-align: left; font-size: 2em;}
    .news-title span {position: relative; top:0; left: 0; padding-left:10px; border-left:6px solid #5c278a; color:#5c278a;}
    .news-title  a.more { position: relative; bottom:-10px; left: 0; float: right;}
    .healthyWrap .healthy-img {width:100%;}
    .videoWrap {padding:20px;}
    .videoWrap li {height: 0; padding-bottom: 66.7%;}
    .healthy-subTitle {font-size: 1.5em;}
    .mottoLeftLink .weixinhao {width:40%;}
    .internationalWrap {padding:20px;}
    .internationalWrap.blueblackbg:after {content:none;}
    .international-textContentWrap {padding:20px 0;}
    .slick-dots {width:100%;}
    .international-title  {position:relative; top:0;z-index: 999;}
    .bigpic {width:100%; padding:20px;}
    .smallpic {display:none;}
    .notice-title p {display:inline-block;}
    .news-title p {display:inline-block;}
    .poster-item {width:320px;}
    .container-progress {-ms-transform:scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5);}
    .contentWrapper div h2 { font-size:2.5em;}
    .contentWrapper div p {font-size:1.25em;}
    #gkIs-gk-is-682.gkIsWrapper-gk_university figure, #gkIs-gk-is-682.gkIsWrapper-gk_university .gkIsPreloader {width: 100%;}
    
}



#inner {
    width: 100%;
    height:100%;
    margin: 0 auto;
}

.hot-event {
    padding: 300px 0 0;
    position: relative;
}

.hot-event .switch-tab {
    text-align: center;
    padding: 10px 0;
}

.hot-event .switch-tab a, .hot-event .switch-tab .current {
    margin: 0 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/bg.png);
    background-position: -161px 0;
    font: 0/0 arial;
    color: transparent;
    overflow: hidden;
    vertical-align: top;
}

.hot-event .switch-tab .current {
    background-image: url(../images/bg.png);
    background-position: -195px 0;
}

.hot-event .switch-nav {
    position: absolute;
    right: 12px;
    top: 254px;
    z-index: 2;
}

.hot-event .switch-nav .i-prev {
    background-image: url(../images/bg.png);
    background-position: -127px 0;
}

.hot-event .switch-nav .prev {
    border-radius: 3px 0 0 3px;
    border-width: 1px;
}

.hot-event .switch-nav .next {
    border-radius: 0 3px 3px 0;
    border-width: 1px 1px 1px 0;
}

.hot-event .switch-nav .i-next {
    background-image: url(../images/bg.png);
    background-position: -144px 0;
}

.hot-event .switch-nav a {
    display: inline-block;
    padding: 7px 16px;
    background: rgba(0,0,0,.3);
    border-style: solid;
    border-color: rgba(255,255,255,.6);
}

.hot-event .switch-nav a:hover {
    background: rgba(0,0,0,.2);
}

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

.hot-event .event-item .banner {
    display: block;
}

.hot-event .event-item img {
    -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2)));
    border: 0;
}

.hide-clip {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    line-height: 0!important;
    width: 1px!important;
    overflow: hidden;
}