.footer {margin-top:60px;}
.imageModular { position: relative; }
.carouselCover { position: absolute; top:0; right: 0;height: 160px; z-index: 999; background-image:url(../images/headertopbg.png); background-position: top; background-repeat:repeat-x;background-size:100% 160}
.imageModular .imageWarp { width: 100%; min-height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover;}


.gmModular {position: relative; margin-top: -150px;}
.gnModular {position: relative; margin-top: -150px;}


.leftNavWrapper {margin-top: 80px; padding-left:20px; padding-bottom: 20px; background: -webkit-linear-gradient(180deg, #3df18d, #12bb9a); background: -o-linear-gradient(180deg, #3df18d, #12bb9a); background: -moz-linear-gradient(180deg, #3df18ded, #12bb9a);background: linear-gradient(180deg, #3df18d, #12bb9a); overflow:hidden;}
.leftsideBar-title {padding: 40px 0 40px 20px; color:#fff; font-size: 2.25em; line-height: 40px; font-weight: 500; }
.leftsideBar-nav {padding: 0; }
.leftsideBar-nav li {position: relative; border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(0,0,0,.2)}
.leftsideBar-nav li:last-child {border-bottom-color: transparent;}
.leftsideBar-nav li a { position: relative; left: 0; padding:10px 20px; line-height: 1.6em; color:#fff; font-weight: 500; font-size: 1.15em; display: block;}
.leftsideBar-nav li:hover { background-color: rgba(0,0,0,0.1);}
.leftsideBar-nav li.active { background-color: #fff; border-bottom: none;}
.leftsideBar-nav li:hover a {color:#fff}
.leftsideBar-nav li.active a {color: #3df18d;}
.leftsideBar-nav li.active:after {display: block; content: ""; position:absolute; top:-1px;bottom:-1px; width:6px; left: -6px; background-color: transparent; }

.leftNavMobileWrapper { padding:0 10px;width:100%;height:50px;display:none; overflow: hidden; background: -webkit-linear-gradient(180deg, #3df18d, #12bb9a); background: -o-linear-gradient(180deg, #3df18d, #12bb9a); background: -moz-linear-gradient(180deg, #3df18ded, #12bb9a);background: linear-gradient(180deg, #3df18d, #12bb9a);}
.scroller {position:absolute;display:block}
.leftNavMobile-nav {padding: 0;width:100%;display:block;}
.leftNavMobile-nav:after {content:"";clear:both;display:block;}
.leftNavMobile-nav li {position: relative; float:left;padding:0 20px;border:none}
.leftNavMobile-nav li a { position: relative; padding: 0; line-height: 50px; color:#fff; font-weight: 500; font-size: 1.15em; display: block;word-break:keep-all; white-space:nowrap; }
.leftNavMobile-nav li:hover {background-color: rgba(0,0,0,0.1); }
.leftNavMobile-nav li.active { background-color: #fff; }
.leftNavMobile-nav li:hover a {color:#fff}
.leftNavMobile-nav li.active a {color: #3df18d;}


.centerMainWraper {background-color:#fff;}
.centerMainWraper .row > [class*='col-mx-'] {padding-right: 0;}

.centerWrap {position: relative; width: 100%; float: left; padding:10px 40px; background-color: #fff; vertical-align: top;}
.centerHeaderWrap { }
.centerHeader-title {color:#3df18d; font-size: 2em; font-weight: 600; line-height: 80px; border-bottom: 2px solid #d0d0d0;}
.centerHeader-position {padding-left:40px; color:#606060; font-size: 14px; line-height:50px; background-color: #fff; }
.centerContentWrap {position: relative; padding:20px 0;min-height: 350px;}
.centerContentWrap .centerContent-text{padding-bottom:20px; color:#404040; font-size: 1em; font-weight: 500;line-height: 1.5;} 
.centerContentWrap > div {display:none; position: relative;} 
.centerContentWrap > div.active {display:block;}
.centerContent-title { margin-bottom: 20px; padding:0 5px; border-left: 4px solid #333; font-size: 1.25em; line-height: 1.15em; color:#333;}
.centerContent-title + .centerContent-title {margin-top:40px;}
.centerContent-subtitle { margin-bottom: 20px; padding:6px; background-color: #f5f5f5; border:1px solid #e0e0e0; color:#404040;}
.centerContent-subtitle + .centerContent-subtitle {margin-top:20px;}
.centerContentWrap p, .centerContentWrap span, .centerContentWrap div {text-align:justify;}
.centerContentWrap div .detailspage-title {margin:10px 0;font-size:1.5em; line-height:1.5em;color:#12bb9a;text-align:center;}
.centerContentWrap div .detailspage-subscript {margin: 5px 0 20px 0;padding-bottom:10px;font-size:1em;text-align:center;color:#999;border-bottom:1px solid #e5e5e5;}
.centerContentWrap div .detailspage {padding:10px 20px;text-align:justify !important;font-size:1.1em; line-height:1.5em !important; text-indent:2em !important;}
.centerContentWrap div .detailspage div {padding:10px 0;text-align:justify !important; line-height:1.5em !important;text-indent:2em !important;}
.centerContentWrap div .detailspage p {padding:5px 0;text-align:justify !important; line-height:1.5em !important;text-indent:2em !important;}
.centerContentWrap div .detailspage img {margin:0 auto; display:block; max-width:100% !important; height:auto !important;}
.centerContentWrap div .detailspage img + img {padding-top:20px;}
.centerContentWrap div .detailspage table {border-spacing: 0;border-collapse: collapse;background-color: transparent;display: table;margin: 0 auto;width: 100% !important;;max-width: 100%;text-align: left;}
.centerContentWrap div .detailspage table tr td {padding: 4px 6px;line-height: 1.5em;border: 1px solid #e5e5e5;}

.rightWrap {position: relative; width: 30%; float: left; padding:10px 40px 10px 0; background-color: #fff; vertical-align: top;}
.rightHeaderWrap {}
.rightHeader-title {color:#3df18d; font-size: 1.25em; line-height: 80px; border-bottom: 2px solid #d0d0d0}
.rightHeader-title span { width:40px; height:40px; margin-right: 20px; background-color: #3df18d; color: #fff; display: inline-block; text-align: center; line-height: 40px; vertical-align:middle}
.rightHeader-title span .fa {line-height:40px;}
.rightpic-title {color:#3df18d; font-size: 1.25em; line-height: 80px; border-bottom: 2px solid #3df18d}
.rightpic-title span { width:40px; height:40px; margin-right: 20px; background-color: #3df18d; color: #fff; display: inline-block; text-align: center; line-height: 40px;}
.rightpic-title span .fa {line-height:40px;}
.rightContentWrap {padding:20px 0;}



.imagetextListWrap {}
.imagetextListWrap li { position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; }
.imagetextListWrap li:after { content: ""; display: block; clear: both;}
.imagetextListWrap li .articleList-title a {padding-bottom: 20px; font-size: 18px; line-height:1em; color: #202020; display: block;}
.imagetextListWrap li .articleList-title a:hover {color:#12bb9a;}
.imagetextListWrap li .articleList-imgwrap {position: relative; width:40%; max-width: 360px; margin-right:20px; float: left; overflow: hidden;}
.imagetextListWrap li .articleList-img {position:relative;width:100%;height: 0;padding-top:56.25%;}
.imagetextListWrap li .articleList-img 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;}
.imagetextListWrap li .articleList-img + .articleList-content {width:60%; float: left; padding-left: 20px;}
.imagetextListWrap li .articleList-content {position:relative; width:100%;}
.imagetextListWrap li .articleList-content p {padding-top:15px;padding-bottom:15px; color:#666; font-size: 1em; cursor:pointer; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.imagetextListWrap li .articleList-content p:hover {color:#555;}
.imagetextListWrap li .articleList-time {position: absolute; left:10px; bottom:10px; z-index:99999; width:60px; padding: 5px 0; text-align: center; background-color: rgba(92,39,138,0.75); color:#fff; font-size: 12px; line-height: 1em; }
.imagetextListWrap li .articleList-time b {font-size:30px; line-height: 1.15em;text-align: center; }
.imagetextListWrap li .articleList-time p {text-align: center; }
.imagetextListWrap li a:hover {color: #3df18d;}

.smalltextListWrap {}
.smalltextListWrap li {position: relative; padding: 15px 0; border-bottom: 1px dotted #ddd; }
.smalltextListWrap li .articleList-title a {padding-bottom: 10px; font-size: 14px; line-height:1em; color: #606060; display: block;}
.smalltextListWrap li .articleList-title a:hover {color:#3df18d}

.normaltextListWrap {}
.normaltextListWrap li {position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; }
.normaltextListWrap li:last-child { border-bottom:none; margin-bottom: 20px;}
.normaltextListWrap li .articleList-title.title-sm a {font-size: 16px;}
.normaltextListWrap li .articleList-title a {padding-bottom: 20px; font-size: 18px; line-height:1em; color: #202020; display: block;}
.normaltextListWrap li .articleList-time {position: absolute; left:0px; top:10px; width:60px; padding: 5px 0;z-index:99999; text-align: center; color:#3df18d; font-size: 12px; line-height: 1em; }
.normaltextListWrap li .articleList-time b {font-size:30px; line-height: 1.15em;}
.normaltextListWrap li .articleList-time p {text-align: center; }
.normaltextListWrap li .articleList-title, .normaltextListWrap li .articleList-content {padding-left:80px;}
.normaltextListWrap li .articleList-content p { color:#666; font-size: 1em; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.normaltextListWrap li .articleList-content p + .thumb {margin-top:10px;}
.normaltextListWrap li .articleList-title a:hover { color: #3df18d;}

.verticaltextListWrap {}
.verticaltextListWrap li {position: relative; padding: 20px 0 40px 0; border-bottom: 1px solid #ddd;}
.verticaltextListWrap li .articleList-header { }
.verticaltextListWrap li .articleList-header:after {content: ""; display: block; clear: both;}
.verticaltextListWrap li .articleList-header .articleList-time {float: left; width:60px; padding: 5px 0; text-align: center;z-index:99999; background-color: rgba(92,39,138,0.75); color:#fff; font-size: 12px; line-height: 1em; }
.verticaltextListWrap li .articleList-header .articleList-time b {font-size:30px; line-height: 1.15em;}
.verticaltextListWrap li .articleList-header .articleList-title {margin-left:100px;}
.verticaltextListWrap li .articleList-header .articleList-title h2 {font-weight: 600; font-size: 2em; line-height: 1.25em; }
.verticaltextListWrap li .articleList-header .articleList-title p { font-size: 1em; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important }
.verticaltextListWrap li .articleList-img {position: relative; padding: 20px 0; overflow: hidden; }
.verticaltextListWrap li .articleList-img img {width:100%; display: block;}
.verticaltextListWrap li .articleList-content p {padding-bottom:15px; color:#999; font-size: 1em; }
.verticaltextListWrap li a {width:100px; height: 40px; line-height: 40px; font-size: 1em; color:#fff; text-align: center; background-color: #3df18d; display: block;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.verticaltextListWrap li a:hover, .verticaltextListWrap li a.hover { background-color: #12bb9a;}

.imagetextCardWrap {margin-right: -20px;}
.imagetextCardWrap li { float:left; width: 33.3%; margin-bottom: 40px;}
.imagetextCardWrap:after { content: ""; display: block; clear: both;}
.imagetextCardWrap li:nth-of-type(3n+1) .articleCardWrap {margin:0; margin-right:20px;}
.imagetextCardWrap li:nth-of-type(3n+2) .articleCardWrap {margin:0; margin-right:20px;}
.imagetextCardWrap li:nth-of-type(3n) .articleCardWrap {margin:0; margin-right:20px;}
.imagetextCardWrap li .articleCardWrap { background-color: #f9f9f9;}
.imagetextCardWrap li .articleCard-title {}
.imagetextCardWrap li .articleCard-title a {padding: 10px; font-size: 16px; line-height:1.2em; color: #202020; display: block;}
.imagetextCardWrap li .articleCard-title a:hover { color: #3df18d;}
.imagetextCardWrap li .articleCard-content {padding: 10px;}
.imagetextCardWrap li .articleCard-content p {padding-bottom:10px; color:#999; font-size: 1em; }
.imagetextCardWrap li .articleCard-img {overflow:hidden;}
.imagetextCardWrap li .articleCard-img img {width:100%; display: block;}

.normaltextCardWrap {margin-right: -20px;}
.normaltextCardWrap li { float:left; width: 33.3%; margin-bottom: 40px; background-color: #fff;}
.normaltextCardWrap:after { content: ""; display: block; clear: both;}
.normaltextCardWrap li:nth-of-type(3n+1) .articleCardWrap {margin:0; margin-right:20px;}
.normaltextCardWrap li:nth-of-type(3n+2) .articleCardWrap {margin:0; margin-right:20px;}
.normaltextCardWrap li:nth-of-type(3n) .articleCardWrap {margin:0; margin-right:20px;}
.normaltextCardWrap li .articleCardWrap {background-color: #f9f9f9;}
.normaltextCardWrap li .articleCard-title {}
.normaltextCardWrap li .articleCard-title a {padding: 10px; font-size: 16px; line-height:1.2em; color: #202020; display: block;}
.normaltextCardWrap li .articleCard-title a:hover { color: #3df18d;}
.normaltextCardWrap li .articleCard-content {padding: 10px; }
.normaltextCardWrap li .articleCard-content p {padding-bottom:20px; color:#999; font-size: 1em; }
.normaltextCardWrap li .articleCard-img {overflow:hidden;}
.normaltextCardWrap li .articleCard-img img {width:100%; display: block;}

.bigtextCardWrap {}
.bigtextCardWrap li { float:left; width: 50%; margin-bottom: 40px; background-color: #fff;}
.bigtextCardWrap:after { content: ""; display: block; clear: both;}
.bigtextCardWrap li:nth-of-type(2n+1) .articleCardWrap {margin:0; margin-right:20px;}
.bigtextCardWrap li:nth-of-type(2n) .articleCardWrap {margin:0; margin-right:0;}
.bigtextCardWrap li .articleCardWrap {background-color: #f9f9f9;}
.bigtextCardWrap li .articleCard-title {}
.bigtextCardWrap li .articleCard-title a {padding: 10px; font-size: 16px; line-height:1.2em; color: #202020; display: block;}
.bigtextCardWrap li .articleCard-title a:hover { color: #3df18d;}
.bigtextCardWrap li .articleCard-content {padding: 10px; }
.bigtextCardWrap li .articleCard-content p {padding-bottom:20px; color:#999; font-size: 1em; }
.bigtextCardWrap li .articleCard-img {overflow:hidden;}
.bigtextCardWrap li .articleCard-img img {width:100%; display: block;}

.twoimagetextListWrap {margin-right: -20px;}
.twoimagetextListWrap li { position: relative; float:left; width: 50%;padding-top:20px; background-color: #fff; }
.twoimagetextListWrap li:after { content: ""; display: block; clear: both;}
.twoimagetextListWrap li:nth-of-type(2n+1) .articleListWrap {margin:0; margin-right:20px;padding-bottom:20px;border-bottom: 1px solid #ddd; }
.twoimagetextListWrap li:nth-of-type(2n) .articleListWrap {margin:0; margin-right:20px;padding-bottom:20px;border-bottom: 1px solid #ddd; }
.twoimagetextListWrap li .articleList-title a {padding-bottom: 20px; font-size: 18px; line-height:1em; color: #202020; display: block;}
.twoimagetextListWrap li .articleList-title a:hover {color:#12bb9a;}
.twoimagetextListWrap li .articleList-imgwrap {position: relative; width:40%; max-width: 360px; margin-right:20px; float: left; overflow: hidden;}
.twoimagetextListWrap li .articleList-img {position:relative;width:100%;height: 0;padding-top:56.25%;}
.twoimagetextListWrap li .articleList-img 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;}
.twoimagetextListWrap li .articleList-img + .articleList-content {width:60%; float: left; padding-left: 20px;}
.twoimagetextListWrap li .articleList-content {position:relative; width:100%;}
.twoimagetextListWrap li .articleList-content p {padding-top:15px;padding-bottom:15px; color:#666; font-size: 1em; cursor:pointer; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.twoimagetextListWrap li .articleList-content p:hover {color:#555;}
.twoimagetextListWrap li .articleList-time {position: absolute; left:10px; bottom:10px; width:60px; padding: 5px 0;z-index:99999; text-align: center; background-color: rgba(92,39,138,0.75); color:#fff; font-size: 12px; line-height: 1em; }
.twoimagetextListWrap li .articleList-time b {font-size:30px; line-height: 1.15em;text-align: center; }
.twoimagetextListWrap li .articleList-time p {text-align: center; }
.twoimagetextListWrap li a:hover {color: #3df18d;}

.thumb {color:#999;}
.thumb .fa-clock-o {color: #3df18d;}
.thumb cite {font-size: 12px; margin-right: 10px;}

.imagCountryCardWrap {margin-right: -20px;}
.imagCountryCardWrap:after { content: ""; display: block; clear: both;}
.imagCountryCardWrap li {float: left; width:25%; margin-bottom:20px; }
.imagCountryCardWrap li:nth-of-type(4n+1) .countryCardWrap {margin:0; margin-right:20px;}
.imagCountryCardWrap li:nth-of-type(4n+2) .countryCardWrap {margin:0; margin-right:20px;}
.imagCountryCardWrap li:nth-of-type(4n+3) .countryCardWrap {margin:0; margin-right:20px;}
.imagCountryCardWrap li:nth-of-type(4n) .countryCardWrap {margin:0; margin-right:20px; }
.imagCountryCardWrap li .countryCardWrap {position: relative;}
.imagCountryCardWrap li .countryCard-img {position: relative;width:100%;height:0;padding-top:60%; overflow:hidden;}
.imagCountryCardWrap li .countryCard-img img {position:absolute; z-index:10;left:50%; top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100% !important; min-height:100%; min-height:100%; width:100%;}
.imagCountryCardWrap li .countryCard-info { position: relative; padding:10px; font-size:1.15em; width: 100%; text-align: center;}
.imagCountryCardWrap li .countryCard-info p.countryCard-content {margin-top: 10px; padding-top:10px; border-top:1px solid #fff; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.imagCountryCardWrap li .countryCardWrap:hover .countryCard-info {color:#3df18d}

.imagpersonCardWrap {margin-right: -20px;}
.imagpersonCardWrap:after { content: ""; display: block; clear: both;}
.imagpersonCardWrap li {float: left; width:20%; margin-bottom:20px; }
.imagpersonCardWrap li:nth-of-type(5n+1) .personCardWrap {margin:0; margin-right:20px;}
.imagpersonCardWrap li:nth-of-type(5n+2) .personCardWrap {margin:0; margin-right:20px;}
.imagpersonCardWrap li:nth-of-type(5n+3) .personCardWrap {margin:0; margin-right:20px;}
.imagpersonCardWrap li:nth-of-type(5n+4) .personCardWrap {margin:0; margin-right:20px;}
.imagpersonCardWrap li:nth-of-type(5n) .personCardWrap {margin:0; margin-right:20px; }
.imagpersonCardWrap li .personCardWrap {position: relative;}
.imagpersonCardWrap li .personCard-img {position: relative;width:100%;height:0;padding-top:142.86%; overflow:hidden;}
.imagpersonCardWrap li .personCard-img img {position:absolute; left:50%; top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); transform:translate(-50%,-50%); min-width:100% !important; min-height:100%; min-height:100%; width:100%;}
.imagpersonCardWrap li .personCard-info { position: relative; padding:10px; font-size:1.15em; width: 100%; text-align: center;}
.imagpersonCardWrap li .personCard-info p.personCard-content {margin-top: 10px; padding-top:10px; border-top:1px solid #fff; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.imagpersonCardWrap li .personCardWrap:hover .personCard-info {color:#3df18d}

.rightpicWrap {position:relative; width:300px; min-width: 100%; padding:20px 0 60px 0;}
.rightpicWrap img {width:100%; height: auto;}
.rightpicWrap .txtwrapper {position:relative; width:100%; height:80px; padding:20px; margin-top: -80px; background-color:rgba(0,0,0,0.2); z-index: 1; color:#fff;}
.rightpicWrap .txtwrapper .cata{width:100px; height: 30px; margin-bottom: 30px; line-height: 30px; text-align: center; margin-top: -45px; color: #fff; background-color: #3df18d;}
.rightpicWrap .txtwrapper h3 {font-size: 1em;}



.teacherInfoWrap { position: relative;padding-top:10px;}
.teacherInfo-header { position: relative;}
.teacherInfo-header img {float:right;width:20%;min-width: 200px; margin: 0 0 20px 30px;}
.teacherInfo-header-title {margin-bottom:10px;display: inline-block;}
.teacherInfo-header-title h3 {font-size: 2em; color:#000; font-weight: 600; margin-right: 20px;display: inline-block;}
.teacherInfo-header-title span {font-size:1.25em;}
.teacherInfo-header p {font-size: 1em; line-height: 2em; text-indent: 2em; text-align: justify;}
.teacherInfo-container {position: relative;padding:40px 0 20px 0;}
.teacherInfo-container-btn {position: fixed; top:40px;right:20px; display: none;z-index: 99}
.teacherInfo-container-btn a {border:2px solid #e0e0e0; border-radius: 50%; width:40px; height: 40px; background-color: #fff; font-size: 20px;color:#e0e0e0; display: block; text-align: center;line-height: 36px;}
.teacherInfo-container-btn a .fa {line-height: 36px;}
.teacherInfo-container-linkWrap {position: relative;float:right;width:160px; padding-left:40px; background-color: #fff;z-index: 99;}
.teacherInfo-container-link {position: relative;}
.teacherInfo-container-link:before {position: absolute; margin-top: -8px; margin-left: -4px; content: ""; display: block;width:10px;height:10px;background-color: #fff;border-radius: 50%; border:2px solid #e0e0e0;}
.teacherInfo-container-link:after {position: absolute; bottom:0; margin-bottom: -8px; margin-left: -4px; content: ""; display: block;width:10px;height:10px;background-color: #fff;border-radius: 50%; border:2px solid #e0e0e0;}
.teacherInfo-container-link li {position: relative;padding:5px 0 5px 10px; border-left:2px solid #e0e0e0; font-weight: 600;}
.teacherInfo-container-link li:before {position: absolute; left:-6px; top:50%; margin-top: -4px; content: ""; display: block;width:10px;height:10px;background-color: #c0c0c0;border-radius: 50%; border:2px solid #fff;}
.teacherInfo-container-link li.active:before {background-color:#3df18d;-ms-transform:scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);}
.teacherInfo-container-link li label {padding:0 10px;font-weight: 600;font-size: 1em; line-height: 2; cursor: pointer; display: block;}
.teacherInfo-container-link li:hover label {background-color:#f9f9f9;}
.teacherInfo-container-content {position: relative;margin-right:220px;}
.teacherInfo-container-content li{position: relative;margin-bottom: 40px;}
.teacherInfo-container-content li h4 {position: relative; z-index: 1; display: inline-block; background-color: #fff; padding: 0 10px; margin-bottom: 20px; border-left: 5px solid #3df18d;font-size: 1.15em; font-weight: 600; line-height: 1em;}
.teacherInfo-container-content li:after {position: absolute; content: ""; display: block; top:9px; width:100%; height: 1px; background-color: #e9e9e9; z-index: 0;}
.teacherInfo-container-content li p {text-indent: 0; text-align: justify;font-size: 1em;line-height: 1.5em;}
.teacherInfo-container-content li p + p {margin-top: 10px;}
.teacherInfo-container-content li span { text-align: justify;font-size: 1em;line-height: 1.5em;}
.teacherInfo-container-content li span hr {content:""; margin:6px 0; padding:0; display:block;border:0; height:0;}
.teacherInfo-container-content li span b {margin-top:5px; display:inline-block;}

.container-fluid {padding:0; margin-right: -20px;}
.container-fluid li.item { margin-bottom: 20px;float: left;width: 25%;}
.container-fluid li.item:nth-of-type(3n+1) .itemWrap {margin:0; margin-right:20px;}
.container-fluid li.item:nth-of-type(3n+2) .itemWrap {margin:0; margin-right:20px;}
.container-fluid li.item:nth-of-type(3n) .itemWrap {margin:0; margin-right:20px;}
.container-fluid li.item .itemWrap {position: relative;background-color: #f9f9f9;}
.container-fluid li.item .itemWrap .item-img {position: relative;width: 100%;height: 0;padding-top: 142.86%;overflow: hidden;}
.container-fluid li.item .itemWrap .item-img img {position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
min-width: 100% !important;min-height: 100%;min-height: 100%;width: 100%;}
.container-fluid li.item .itemWrap .item-title {text-align:center;}
.container-fluid li.item .itemWrap .item-title a {padding: 10px 0 0 0; font-size: 16px; line-height:1.2em; color: #202020; display: block;font-weight:600;}
.container-fluid li.item .itemWrap .item-title a:hover { color: #3df18d;}
.container-fluid li.item .itemWrap .item-content {padding: 10px;}
.container-fluid li.item .itemWrap .item-content p {padding-bottom:10px; color:#999; font-size: 14px; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important }




.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 {user-select:text; webkit-user-select:text;}
.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: 100%; z-index: 100; text-align: center;}
.slick-dots li {float:none; display: inline-block; padding: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:#3df18d;}


.pptWrap {width:100%; height: auto; margin: 0 auto; padding: 0 20px; background-color: #e9e9e9;}

.ppt-header {position: relative; height:60px; margin: 0 -20px; margin-bottom: 20px; line-height: 60px; text-align: center !important; background-color: #fff;}
.ppt-header.grad-h-rev {
background: -webkit-linear-gradient(90deg, #3df18d, ##12bb9a); 
background: -o-linear-gradient(90deg, #3df18d, ##12bb9a); 
background: -moz-linear-gradient(90deg,#3df18d, ##12bb9a); 
background: linear-gradient(90deg, #3df18d, ##12bb9a); 
}
.ppt-header h2 {color:#fff; font-size: 1.25em;display: inline-block;}
.ppt-header .download {position: absolute; left: 20px; top:50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ppt-header .download a {color:#fff; font-size: 24px; font-weight: lighter;line-height: 40px;display: block}
.ppt-header .share {position: absolute; right: 20px; top:50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ppt-header .share a {color:#fff; font-size: 24px;font-weight: lighter;line-height: 40px;display: block}
.ppt-header .share a .fa {line-height:40px;}
.pptWrap .slick-slide {position: relative; outline:none; text-align: center; background-color: #e9e9e9;}
.pptWrap .slick-slide img {width:100%;}
.pptWrap .slick-slide .slideImage {width:100%; max-width: 100%; height: 100%; max-height: 100%;}
.pptWrap .slick-slide .slideImage>g{}
.ppt {width:100%;}
.slideTitle {display:none;}
.slide {max-width:100%;}
.ppt-footer {position: relative;width:100%; height:50px; line-height: 40px; padding: 5px 0; text-align: center !important;}
.ppt-footer ul {display: inline-block;}
.ppt-footer ul:after { content: ""; display: block; clear: both;}
.ppt-footer ul li {float:left; padding: 0 10px; font-size: 1.25em; color:#999;}
.ppt-footer ul li p {color:#3df18d}
.ppt-footer ul li span {padding:0 5px; font-weight: 600;}
.ppt-footer ul li input {width:40px; height: 30px; text-align: center; margin-right: 5px;}
.ppt-footer ul li .btnPage {width:40px; height:40px; font-size: 36px; line-height: 40px; display: block;}
.ppt-footer ul li .btnPage:hover {color:#3df18d}
.ppt-footer ul li:first-child {border-right: 1px solid #d5d5d5;}
.ppt-footer ul li:last-child {border-left: 1px solid #d5d5d5;}
.ppt-footer .fullScreen {position: absolute; right: 10px; top:50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ppt-footer .fullScreen a {color:#999; font-size: 24px;line-height: 50px;display: block}
.ppt-header .fullScreen a .fa {line-height:40px;}
.ppt-footer .fullScreen a:hover {color:#3df18d}
.slick-prev, .slick-next { position: absolute; width:40px; height: 40px; top:50%; margin-top: -20px; z-index:999; border-radius: 20px; border:none; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 20px 20px; background-color: #e0e0e0}
.slick-prev:hover, .slick-next:hover { background-color: #3df18d}
.slick-prev { left:-50px; background-image: url(../images/prev.png);}
.slick-next { right:-50px; background-image: url(../images/next.png);}


.dean-email {padding:20px;}
.dean-email>div {margin-bottom: 30px;}
.dean-email span {width:120px; padding: 0 10px; text-align: right; line-height: 40px; font-size: 1.15em; float:left;}
.dean-email .dean-email-input { margin-left:130px;}
.dean-email input[type="text"], .dean-email select, .dean-email textarea {width:240px; height: 40px; padding: 5px; border:1px solid #999; vertical-align: top;-webkit-transition: all 0.5s;transition: all 0.5s;}
.dean-email textarea {width:100%; min-height:240px;}
.dean-email input[type="submit"] {width:120px; height: 40px; background-color: #3df18d; color:#fff; text-align: center; border:none;-webkit-transition: all 0.5s;transition: all 0.5s;}
.dean-email input[type="submit"]:hover {background-color: #12bb9a;}
.dean-email input[type="text"]:focus, .dean-email select:focus, .dean-email textarea:focus {border-color:#3df18d}


.timeAxisWrap {padding: 20px 0;}
.timeAxis-year {position: relative; float:right; width:60px; padding-top:40px;}
.timeAxis-list {position: relative; margin-right:100px; padding: 10px 0 5px 0;}
.timeAxis-table {position: relative;}

.timeAxis-year li {position: relative; border-bottom: 1px solid #e0e0e0;}
.timeAxis-year li:last-child {border-bottom:none;}
.timeAxis-year li label {background-color:#f0f0f0; width:100%; line-height: 40px; text-align: center; color:#202020; display: block;}
.timeAxis-year li.active label {background-color: #12bb9a; color:#fff;}
.timeAxis-year li.active:before {position:absolute; top:12px; left:-16px; content: "";width: 0;height: 0;border-width: 8px;border-style: dashed solid dashed dashed;border-color: transparent #12bb9a transparent transparent;}

.timeAxis-list:after {content: ""; position: absolute; top:0;bottom:0; left: 180px; width:4px; background-color: #e0e0e0;}
.timeAxis-list>div {}
.timeAxis-list>div h3 {position: relative; margin: 0 0 10px 180px; font-size: 24px; font-family: 'Raleway'; font-weight:600; color: #3df18d; padding-left: 30px; line-height: 30px; font-style: italic; display: block;}
.timeAxis-list>div h3:before {content: ""; position: absolute; top:9px;left: -7px; width:18px;height:18px; background-color: #fff; border:6px solid #3df18d; border-radius: 50%; z-index: 9;}
.timeAxis-list>div li {margin-bottom: 10px;}
.timeAxis-list>div li span {position: relative; float: left; line-height: 20px; font-weight: 600; width:180px; padding: 10px 20px 10px 0; text-align: right;}
.timeAxis-list>div li span:after {content: ""; position: absolute; top:15px; right:-7px; width:10px; height:10px; background-color: #999; border-radius: 50%;z-index: 9;}
.timeAxis-list>div li div {position: relative;margin-left: 210px; padding:10px; background-color: #e9e9e9; border-radius: 4px;}
.timeAxis-list>div li div p {text-align:justify !important; line-height:1.5em !important;}
.timeAxis-list>div li div:before {position:absolute; top:13px; left:-14px; content: "";width: 0;height: 0;border-width: 7px;border-style: dashed solid dashed dashed;border-color: transparent #e9e9e9 transparent transparent;}

.btnX { height: 30px; padding:0 10px; color:#fff; line-height: 30px; background-color:#12bb9a; }
input[type="text"] + .btnX {margin-left:-1px; font-size:1em;}


.pptModular {position: relative; margin: 0 auto; padding:40px 0; height:calc(100vh - 200px);width:100%;}
.pptModular .pptWrap {height:calc(100vh - 280px)}
.rollModular {position: absolute; bottom:0; width:100%; padding-bottom:40px;}
.rollWrap{margin:0 auto;width:100%;height:160px;overflow:hidden;position:relative; }
.rollWrap ul{height:100%;width:100000px;position:absolute;left:0;} 
.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:160px; 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:15px;left:15px;right:15px;bottom:15px;padding:15px; border:2px 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-indent:0;text-align:left; }


.attachmentWrap {margin-top:20px;}
.attachment-title {border-bottom: 1px solid #e0e0e0;}
.attachment-title h3 {font-size:1.15em; line-height: 2.5em;}
.attachment-content {padding:5px 0;}
.attachment-content p {font-size:1em; color:#999; text-align:justify !important; line-height:1.5em !important;text-indent:2em !important}
.attachment-content p a {color:#666;  padding-right: 10px;}


table {border-spacing: 0;border-collapse: collapse;background-color: transparent;display: table;}
.table {margin: 0;width: 100%;max-width: 100%;text-align: left;}
caption {padding-top: 8px;padding-bottom: 8px;color: #777;}
thead {font-weight: 600;font-size: 14px;color: #555555;display: table-header-group;vertical-align: middle;border-color: inherit;}
tbody {display: table-row-group;vertical-align: top;border-color: inherit;}
tfoot {display: table-footer-group;vertical-align: middle;border-color: inherit;}
.table > thead > tr > th {padding: 6px 8px;line-height: 27px;}
.table > tbody > tr > td, .table > tfoot > tr > td { padding: 6px 8px; line-height: 20px; border-bottom: 1px dashed #d0d0d0;}
.table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td { border-bottom: none;}
.table >thead > tr:first-child > th{border-bottom: 1px solid #d0d0d0; background-color: #f0f0f0;}


.AspNetPagerClass {width: auto;height: auto;line-height: 34px;font-family: 微软雅黑;text-align: left;color: #3df18d;display: block;}
.AspNetPagerClass div {width: auto;height: 36px;margin: 20px 0;font-size: 14px;display: block;}
.AspNetPagerClass a {height: 100%;margin: 0;width: 36px; text-align: center;margin-left: -1px;font-size: 14px;color: #3df18d;border: 1px solid #c5c5c5;background-color: transparent;display: inline-block;}
.AspNetPagerClass span {height: 36px;width: 36px; text-align: center;margin-left: -1px;color: #fff !important; font-weight: 600; background-color: #3df18d; font-size: 14px;display: inline-block;}
.AspNetPagerClass > .cptext {width: 36px;height: 36px;padding-left: 5px;padding-right: 5px;font-size: 14px;text-align: center;outline: none;color: #999;vertical-align: top;border: 1px solid #ccd1d7;background: #fff;display: inline-block;}
.AspNetPagerClass > .cpbtn {height: 36px;margin-left: -1px;width: 36px; text-align: center;font-size: 14px;color: #fff;cursor: pointer;outline: none;vertical-align: top;border: 1px solid #72c3ad;border-bottom-right-radius: 4px;border-top-right-radius: 4px;background: #72c3ad;display: inline-block;}
.AspNetPagerClass a:hover, .AspNetPagerClass a:active {background: #3df18d; border-color:#3df18d;color: #fff;font-weight: 600; }
.AspNetPagerClass .cptext:hover, .AspNetPagerClass .cptext:active {border: 1px solid #149b76;background: #fff;color: #666;}
.AspNetPagerClass .cpbtn:hover, .AspNetPagerClass .cpbtn:active {border: 1px solid #149b76;background: #149b76;color: #fff;}



.bottomWrap {margin-bottom:40px;}
.bottomWrap:after {content:"";clear:both;display:block;}
.bottomWrap .centerWrap {position: relative; width: 70%; float: left; padding:20px 40px 20px 0; }
.bottomWrap .rightWrap {position: relative; width: 30%; float: left; padding:20px 0; }
.bottomWrap .centerWrap .centerHeader-title { display:inline-block; margin:10px 0;padding-left:10px; color:#3df18d; font-size: 1.25em; font-weight: 600; line-height: 1; border: none; border-left:3px solid #3df18d}
.bottomWrap .rightWrap .rightHeader-title {display:inline-block; margin:10px 0;padding-left:10px; color:#3df18d; font-size: 1.25em; font-weight: 600; line-height: 1; border: none;border-left:3px solid #3df18d}
.bottomWrap .moreNews { float:right; }
.moreNews a {color:#999; line-height:36px; font-size:1em;}
.moreNews a:hover, .moreNews a:active {color:#12bb9a;}



.cooperativeListWrap {}
.cooperativeListWrap li {padding: 20px 0; border-bottom: 1px solid #f0f0f0;}
.cooperativeListWrap li:after {content:""; display:block; clear: both;}
.cooperativeListWrap li .cooperativeList-title { float: left;}
.cooperativeListWrap li .cooperativeList-title a {padding: 10px; font-size: 16px; line-height:1.2em; color: #202020; display: block; font-weight: 600;}
.cooperativeListWrap li .cooperativeList-title a:hover { color: #12bb9a;}
.cooperativeListWrap li .cooperativeList-title .thumb {padding-left: 10px; }
.cooperativeListWrap li .cooperativeList-links {width:300px; float: right; font-size: 14px}
.cooperativeListWrap li .cooperativeList-links:after {content:""; display:block; clear: both;}
.cooperativeListWrap li .cooperativeList-links a { position:relative; padding-left:15px; width:50%; float: left; color:#12bb9a; line-height: 2em;}
.cooperativeListWrap li .cooperativeList-links a.unactive {color:#aaa}
.cooperativeListWrap li .cooperativeList-links a.unactive:before {background-color:#ccc}
.cooperativeListWrap li .cooperativeList-links a:before {position:absolute; top:10px; left:0; content:""; width:10px; height:10px; border-radius: 50%; background-color: #12bb9a; }


@media (max-width: 2600px) {

}
@media (max-width: 2000px) {

}
@media (max-width: 1480px) {

}
@media (max-width: 1300px) {

}
@media (max-width: 1050px) 
{
.leftNavWrapper {display:none;}
.leftNavMobileWrapper {display:block;}
.teacherInfo-baseInfo>.col-mx-6 {border:none !important;padding-left:0 !important;}
.rightWrap {display:none;}
.centerWrap {width:100% !important; padding:10px 20px;}
.centerHeader-position {padding-left:20px;}
.centerContentWrap div .detailspage {padding:10px 0;}
.imagetextListWrap li .articleList-imgwrap {width:100%; margin-bottom:15px;}
.imagpersonCardWrap li {width:33.3%; }
.imagpersonCardWrap li:nth-of-type(3n+1) .personCardWrap {margin:0; margin-right:10px;}
.imagpersonCardWrap li:nth-of-type(3n+2) .personCardWrap {margin:0; margin-right:10px;}
.imagpersonCardWrap li:nth-of-type(3n) .personCardWrap {margin:0; margin-right:10px; }

.twoimagetextListWrap li {width:100%;}


.timeAxis-year {display:none;}
.timeAxis-list {margin-right:0;}
.timeAxis-table {display:none;}

.timeAxis-list:after {left: 0;}
.timeAxis-list>div h3 {margin: 0 0 10px 0;padding-left: 30px; }
.timeAxis-list>div li span { float: none; width:100%; padding: 5px 30px 10px; display:block; text-align:left;}
.timeAxis-list>div li span:after { top:10px; left:-3px; width:10px; height:10px; background-color: #999; border-radius: 50%;z-index: 9;}
.timeAxis-list>div li div {margin-left: 30px; padding:10px;} 
.timeAxis-list>div li div .table tr td {width:100% !important;display:block;border-bottom:none;}
.timeAxis-list>div li div .table tr td:last-child {border-bottom:1px dashed #d0d0d0; }
.timeAxis-list>div li div .table tr:last-child td:last-child {border-bottom:none; }

.container-fluid li.item { float: none;width: 100%;}
}