/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #828a99;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: #002f93;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #002f93;}
::-webkit-scrollbar-thumb{background-color:#002f93;box-shadow:inset 1px 1px 0 #002f93,inset 0 -1px 0 #002f93;}
 
.header-logo {width:16%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left: 10%;z-index: 11;transition:all .4s ease;}
.header-logo a {display: block;background: url("https://www.naturalpath-online.com/images/logob.png") center no-repeat;background-size: contain;font-size: 0;}
.header-logo img {opacity: 0;display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.header-right {position: absolute;right: 10%;top: 0;z-index: 10;width: 100%;height: 108px;text-align: right;transition:all .4s ease;}
.header-right li {display: inline-block;vertical-align: middle;position: relative;list-style: none;margin: 0;padding: 0;}
.header-bottom {position: absolute;top:50%;transform: translateY(-50%);right: 0;transition:all .4s ease;height: 100%;}
.header-nav {height: 100%;display: table;}
.header-nav li{height: 100%;position: relative;display: table-cell;padding-left: 25px;overflow: hidden;}
.header-nav li:first-child,.header-nav li:nth-child(2) {padding-left: 0;}
.header-nav li:nth-child(2)::after {left: 0;}
.header-nav li a{color: #fff;display: block;}
.header-nav li a.nav1 {position: relative;display:inline-block;vertical-align: middle;}
.header-nav li::after {content: '';width: 0px;height: 3px;background: #f0a700;position: absolute;left: 25px;bottom: 30%;transition:all .4s ease;}
.header-nav li.on::after,.header-nav li.cur::after {width: 100%;}
.header-nav li.search a{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url("https://www.naturalpath-online.com/images/ss.svg") center no-repeat;background-size: 100%;}
.header-nav li.search a img {opacity: 0;}
.header-nav li.language a span{font-weight: 900;}
.header-nav li.language a:hover span {color: #002f93;}
.header-nav .language a.drop-down span{padding-right: 15px;position: relative;font-weight: 900;}
.header-nav .language a.drop-down span::before {content: '';width:10px;height: 8px;position: absolute;right: 0;top: 50%;margin-top: -4px;background: url("https://www.naturalpath-online.com/images/dd.png") center no-repeat;background-size: 100%;}
.header-nav li.nav-menu {position: relative;}
.header-nav li.nav-menu a{display: block;width: 50px;height: 50px;position: relative;border: 2px solid rgba(255,255,255,.4);border-radius: 100%;}
.header-nav li.nav-menu span{width: 30%;height: 2px;background: #fff;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-left: 2px;}
.header-nav li.nav-menu span:first-child {margin-top: -5px;width: 40%;margin-left:0px;}
.header-nav li.nav-menu span:last-child {margin-top: 5px;width: 40%;margin-left:0px;}
.header-nav li.nav-menu a:hover {border: 2px solid #fff;}
 
.header-nav-show{position: fixed;right:0;top:0px;width: 56%;height: auto;z-index: 900;transition:all .4s ease;}
.header-nav-content {overflow: hidden;}
.header-nav-content.cur .header-nav-show-content {top: 88px;}
.header-nav-show-content {width:100%;height:auto;z-index:1;position: absolute;left: 0;overflow: hidden;transition:all .4s ease;background: #fff;top: 108px;border-top: 4px solid #e6e7ea;}
.header-nav-show-content.Hide {opacity:0;z-index: -1;height: 0px;}
.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .2;}
.no-touch .header-nav-show-mark {background: #001033;opacity: .3;z-index: 111;}
.header-show-nav{overflow: hidden;}
.header-show-nav-logo {width: 13%;position: absolute;right: 16.5%;top: 16%;z-index: 1;}
.header-show-nav-left {float: left;width: 40%;background: #f7f8fa;box-sizing: border-box;}
.header-show-nav-about {padding: 5% 15%;overflow: hidden;}
.header-show-nav-about .text{padding-bottom: 5%;overflow: hidden;}
.header-show-nav-about .title-1{font-weight: 900;}
.header-show-nav-about .english-2{color: #26334d;opacity: .2;text-transform: none;}
.header-show-nav-about .pic{overflow: hidden;}
.header-show-nav-about .pic img {opacity: 1;}
.header-show-nav-right {float: left;width: 60%;background: #fff;}
.header-show-nav-right-nav {padding:6% 0 0 10%;overflow: hidden;width: 30%;}
.header-show-nav-right-nav li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #e6e7ea;margin-bottom: 3%;}
.header-show-nav-right-nav a{display: block;color: #828a99;position: relative;padding: 3% 0;overflow: hidden;z-index: 11;}
.header-show-nav-right-nav a::before {content: '';width: 0;height: 1px;background: #f0a700;position: absolute;left: 0;bottom: 0;}
.header-show-nav-right-nav a::after {content: '';width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r0.png") center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: none;}			
.header-show-nav-right-nav a:hover {color: #002f93;}
.header-show-nav-right-nav a:hover::before{width: 100%;}
.header-show-nav-right-nav a:hover::after {background: url("https://www.naturalpath-online.com/images/r2.png") center no-repeat;}
#search.header-nav-show-content {width: 45%;left: auto;right: 5%;}
.header-show-search {overflow: hidden;}
.header-show-search-from {position: relative;overflow: hidden;padding: 5% 0;margin: auto;width: 80%;}
.header-show-search-from .search-icon-1{background: url("https://www.naturalpath-online.com/images/sss.svg") center no-repeat;}
.header-show-search-from .search-input-1{border-bottom: 1px solid rgba(0,0,0,.2);color: #828a99;width: 100%;}
.header-show-search-from .search-input-1:focus {border-bottom: 1px solid #002f93;}
.header-show-search-from input.search-input-1::-webkit-input-placeholder {font-size: 18px;color:#828a99;opacity:1;}
.header-show-search-from input.search-input-1::placeholder {font-size: 18px;color: #828a99;opacity: 1;}
#language.header-nav-show-content {width: 15%;left: auto;right: 8.5%;}
.header-show-language {overflow: hidden;padding: 10% 0;}
.header-show-language-link {position: relative;width: 80%;margin: auto;}
.header-show-language-link li{list-style: none;margin: 0;padding: 0;}
.header-show-language-link li a{color: #828a99;display: block;border-bottom: 1px solid #dbdde0;padding: 5% 0 5% 0;margin-bottom: 5%;}
.header-show-language-link li a:hover {color: #002f93;border-bottom: 1px solid #f0a700;}
.header-menu-show {position: fixed;right:0;top:0px;width:15.5%;height: 100%;z-index: 900;background: url("https://www.naturalpath-online.com/images/mbg1.jpg") center no-repeat #002f93;background-size: cover;transform: translateX(100%);transition:all .4s ease;}
.no-touch .header-menu-show{transform: translateX(0);}
.header-menu-show-content {padding: 10%;height: 80%;overflow: auto;color: #fff;position: relative;}
.header-menu-show-content .close-1 {position: relative;top: auto;right: auto;float: right;}
.header-menu-search {position: relative;overflow: hidden;margin-bottom: 5%;margin-top: 30%;clear: both;}
.search-icon-1 {position: absolute;left: 0;top: 50%;width: 18px;height: 18px;background: url("https://www.naturalpath-online.com/images/ss.svg") center no-repeat;border: none;transform: translateY(-50%);cursor: pointer;}
.search-icon-1:hover {opacity: .5;}
.search-input-1 {border: none;background: none;border-bottom: 1px solid rgba(255,255,255,.2); padding: 4% 4% 4% 10%;width: 80%;transition: all .4s ease;color: #fff;}
.search-input-1:focus {border-bottom: 1px solid rgba(255,255,255,1);}
input.search-input-1::-webkit-input-placeholder {font-size: 18px;color: #fff;opacity: .4;}
input.search-input-1::placeholder {font-size: 18px;color: #fff;opacity: .4;}
.header-menu-show-list {overflow: hidden;}
.header-menu-show-link {border-bottom: 1px solid rgba(255,255,255,.2);padding: 5% 0;overflow: hidden;}
.header-menu-show-link:last-child {border: none;}
.header-menu-show-link a{color: #fff;display: inline-block;padding: 2.2% ;position: relative;clear: both;}
.header-menu-show-link a:hover {color: #f0a700;}
.header-menu-show-link li{list-style: none;margin: 0;padding: 0;}
.close-1 {position: absolute;width: 50px;height: 50px;right: 40px;top: 40px;z-index: 11;}
.close-1 a{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: #fff;}
.close-1 i {display: block;position: absolute;width: 50px;height: 50px;left: 0;top: 0;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';width: 16px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #002f93;}
.close-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.close-1 a:hover  {background: #f0a700;}
.close-1 a:hover i::before,.close-1 a:hover i::after{background: #fff;}
.dropdown {position: relative;overflow: hidden;}
.dropdown a {position: relative;padding-right: 20px;}
.dropdown a::after {content: '';width:10px;height: 6px;background: url("https://www.naturalpath-online.com/images/d3.png") center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.dropdown a:hover::after {transform: translateY(-50%) rotate(180deg);}
.dropdown .navshow {position: relative;width: 100%;z-index: 11;padding: 0px 0 10px 23px;box-sizing: border-box;display: none;}
.dropdown .navshow.cur {display: block;}
.dropdown .navshow a {display: block;opacity: .5;}
.dropdown .navshow a:hover {color: #fff;opacity: 1;}
.dropdown .navshow a::after{display: none;}
	
.index .header-nav-show-content {top: 108px;}
.index .header-nav-content.cur .header-nav-show-content{top: 88px;}
.mobile-navigation {margin-top: 5%;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.2);padding: 0 0 5% 0;overflow: hidden;display: none;}
.mobile-navigation li{list-style: none;margin: 0;padding: 0;}
.mobile-navigation li a {color: #fff;display: inline-block;padding: 2.2%;position: relative;clear: both;}
.mobile-navigation li a:hover {color: #f0a700;}
.mobile-navigation li.dropdown a {position: relative;padding-right: 20px;}
/* footer */
.index .footer  {border-top:none;}
.footer {background:#1242aa url("https://www.naturalpath-online.com/images/footer.jpg") center no-repeat;background-size: cover;color:#fff;position: relative;clear: both;padding-top: 3%;border-top: 5px solid #f0a700;}
.footer-content {width: 80%;margin: auto;}
.footer-content-top {padding-bottom: 10%;position: relative;padding-top: 2.5%;}
.footer-content-left {overflow: hidden;float: left;width: 27%;}
.footer-logo {width: 68%;float: left;}
.footer-logo a{display: block;overflow: hidden;}
.footer-logo a img{display: inline-block;max-width: 100%;height: auto;}
.footer-content-center {overflow: hidden;float: left;width: 55%;}
.footer-content-center .additem-1{display: inline-block;vertical-align: top;margin-right: 10%;}
.footer-content-center .additem-1 span{display: block;opacity: .6;}
.footer-content-center .additem-1 strong{display: block;font-weight: normal;margin-top:10px;}
.footer-content-center .additem-1:last-child {margin-right: 0;}
.footer-content-right {text-align: right;float: right;}
.footer-content-right .social-2{position: relative;}
.footer-content-right .social-2 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;}
.footer-content-right .social-2 a{position: relative;border: 1px solid rgba(255,255,255,.2);width: 50px;height: 50px;display: block;margin-right: 5px;border-radius: 100%;}
.footer-content-right .social-2 a:hover {border: 1px solid #fff;}
.footer-content-right .social-2 .footer-ewm-show{position: absolute;left: 50%;top: 55px;width: 120px;background: #fff;margin-left: -60px;opacity: 0;display: none;z-index: 11;}
.footer-content-right .social-2 .footer-ewm-show img {max-width: 100%;display: block;}
.footer-content-right .social-2 li:hover .footer-ewm-show{opacity: 1;display: block;}
.footer-content-right .social-2 li:last-child .footer-ewm-show{left: auto;right: 0;margin-left: 0;}
.footer-content-bottom {clear: both;padding: 1.5% 0;overflow: hidden;position: relative;border-top: 1px solid rgba(255,255,255,.2);}
.footer-content-bottom a {color: #fff;opacity: .6;}
.footer-content-bottom a:hover {opacity: 1;}
.footer-content-bottom .copy-1{color: #b2bbda;}
.footer-content-bottom .link-2{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} 
.footer-content-bottom .link-2 a {opacity: .6;}
.footer-content-bottom .link-2 a:hover {opacity: 1;}
.index .footer {padding-top: 1.5%;}
.index .footer-content-top {padding-top: 2.5%;}
.index .footer-content-top::before {content: '';width: 100%;height: 5px;background:#f0a700;position: absolute;left: 0;top: 0;}
.index .footer-content-center {padding-top: .1%;}
/* index */
.index-banner {position: relative;}
.index-banner-content {position: relative;}
.index-banner-swiper {overflow: hidden;}
.banner-content {overflow: hidden;position: relative;}
.banner-content .text{position: absolute;left:10%;bottom:9.5%;z-index: 21;width: 56%;}
.banner-content .text strong{color: #fff;line-height: 50px;}
.banner-content .img{overflow: hidden;}
.banner-mark {width: 100%;height: 100%;background: url("https://www.naturalpath-online.com/upload/mark.png") center top no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;z-index: 20;} 
.swiper-button-prev,.swiper-button-next {width: 50px;height: 50px;border-radius: 100%;opacity: 1;border: 2px solid rgba(255,255,255,1);left: auto;right: 3%;bottom: 9%;top: auto;transition:all .4s ease;}
.swiper-button-prev::after,.swiper-button-next::after {font-size: 12px;color: #fff;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner .video {width: 100%;height: 100%;position: absolute;left: 0;right: 0;z-index: 4;background: #000;}
.index-banner .video video {object-fit: cover;width: 100%;height: 100%;display: block;}
.vjs-controls-disabled {width: 100%;height: 100%;}
.vjs-loading-spinner,.vjs-big-play-button,.vjs-control-bar,.vjs-error-display,.vjs-modal-dialog {display: none;}
.index-banner-swiper-button {position: absolute;right: 10%;bottom: 10%;z-index: 111;width: 30%;text-align: right;}
.index-banner-swiper-button .swiper-button-prev,.index-banner-swiper-button .swiper-button-next{position: relative;left: auto;right: auto;top: auto;bottom: auto;display: inline-block;vertical-align: middle;margin: 0;}
.index-banner-swiper-button .swiper-button-play {width: 50px;height: 50px;border-radius: 100%;opacity: 1;border: 2px solid rgba(255,255,255,.4);display: inline-block;vertical-align: middle;background: url("https://www.naturalpath-online.com/images/pause1.png") center no-repeat;cursor: pointer;}
.index-banner-swiper-button .swiper-button-play:hover {border: 2px solid rgba(255,255,255,1);}
.index-banner-swiper-button .swiper-button-next:after,.index-banner-swiper-button .swiper-button-prev:after {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-banner-swiper-button .swiper-button-play.cur {background: url("https://www.naturalpath-online.com/images/play1.png") center no-repeat;}
.index-banner-swiper .banner-pagination {display: none;width: 100%;left: 0;bottom: 5%;text-align: center;}
.index-banner-swiper .banner-pagination span {background: #fff;width: 8px;height: 8px;margin: 1px 4px;vertical-align: middle;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {background: none;border: 2px solid #f0a700;margin: 0 4px;}
.index-focus {padding: 6% 0 5.22% 0;overflow: hidden;background: url("https://www.naturalpath-online.com/upload/bg11.jpg") center top no-repeat #f4f6f9;background-size: cover;}
.index-focus-content {width: 80%;margin: auto;}
.index-focus-content-top{position: relative;}
.title-1{overflow: hidden;}
.title-1 strong{display: inline-block;vertical-align: middle;color: #26334d;}
.title-1 i{display: inline-block;vertical-align: middle;width: 8px;height: 9px;background: url("https://www.naturalpath-online.com/images/d.png") no-repeat;background-size: 100%;margin: 0 10px;}
.title-1 span {color: #828a99;display: inline-block;vertical-align: middle;margin-left: 20px;margin-top: 1.3%;}
.index-focus-nav {text-align: right;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index-focus-nav a{display: inline-block;vertical-align: middle;width: 140px;height: 45px;border: 1px solid #c2c5c7;border-radius: 100px;line-height: 45px;text-align: center;color: #26334d;}
.index-focus-nav a:hover {background: #002f93;border: 1px solid #002f93;color: #fff;}
.index-focus-content-center {margin-top: 3%;overflow: hidden;position: relative;}
.focus-center-left {float: left;width: 66.388%;}
.focus-center-left-item {position: relative;}
.focus-center-left-item a{display: block;position: relative;overflow: hidden;}
.focus-center-left-item .text{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 11;background: rgba(0, 47, 147,.9);box-sizing: border-box;padding: 3% 5%;overflow: hidden;color: #fff;}
.focus-center-left-item .date-1{display: inline-block;vertical-align: middle;}
.focus-center-left-item .date-1 strong{display: block;font-weight: normal;}
.focus-center-left-item .date-1 span{display: block;}
.focus-center-left-item .title-2 {display: inline-block;vertical-align: middle;margin-left: 30px;width: 70%;}	
.viewmore-2 {display: block;margin-top: 8%;} 
.viewmore-2 span{display: inline-block;vertical-align: middle;color: #828a99;} 
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r0.png") center no-repeat;background-size: 100%;margin-left: 10px;} 
.focus-center-left-item a:hover .pic {transform: scale(1.05);}								
.focus-center-left-swiper .focus-pagination {position: absolute;right: 3%;bottom:12%;left: auto;top: auto;width: auto;}
.focus-center-left-swiper .focus-pagination span.swiper-pagination-bullet {background: #5677b7;margin: 0 10px;opacity: 1;position: relative;}
.focus-center-left-swiper .focus-pagination span.swiper-pagination-bullet-active {background: none;}
.focus-center-left-swiper .focus-pagination span.swiper-pagination-bullet-active::before {content: '';border: 3px solid #f0a700;border-radius: 100%;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.focus-center-right {background: #fff;overflow: hidden;width:32.8555%;padding:0;height: 100%;position: absolute;right: 0;top: 0;}
.focus-right-item {overflow: hidden;position: relative;height: 33.3333%;transition:all .4s ease;}
.focus-right-item:last-child::after {display: none;}
.focus-right-item:hover {background: #f0a700;}
.focus-right-item::after{content: '';width: 80%;left: 10%;bottom: 0;height: 1px;background: #e9eaed;position: absolute;}
.focus-right-item a{display: block;color: #26334d;padding: 0 10%;top: 50%;transform: translateY(-50%);position: absolute;width: 80%;}
.focus-right-item .text-1 {overflow: hidden;color: #828a99;}
.focus-right-item .title-2  {margin-top: 3%;}
.focus-right-item a:hover .text-1,.focus-right-item a:hover .title-2 {color: #fff;}
.focus-right-item a:hover .viewmore-2 span{color: #fff;}
.focus-right-item a:hover .viewmore-2 i {background: url("https://www.naturalpath-online.com/images/r1.png") center no-repeat;background-size: 100%;}
.zimu-1 {width: 26%;height: 90%;position: absolute;right: 3%;top: 2%;background: url("https://www.naturalpath-online.com/upload/SZTU.png") center no-repeat;background-size: 100% ;}
.index-focus-content-bottom {margin-top: .7%;position: relative;}
.focus-bottom-item {float: left;width: 32.8555%;margin-right: .7%;}
.focus-bottom-item.mr0 {margin-right: 0;}
.focus-bottom-item a{display: block;background: #fff;overflow: hidden;}
.focus-bottom-item .img {position: relative;}
.focus-bottom-item .text{padding: 5.5% 5%;overflow: hidden;position: relative;}
.focus-bottom-item .type-1 {position: absolute;left: 0;bottom: 0;height: 33px;line-height: 33px;background: #002f93;color: #fff;z-index: 11;padding: 0 3% 0 5%;}
.focus-bottom-item .type-1::after{content: '';width: 31px;height: 33px;position: absolute;right: -31px;top: 0;background: url("https://www.naturalpath-online.com/images/tip02.png") no-repeat;}
.focus-bottom-item .title-2 {color: #26334d;}
.focus-bottom-item .text-3 {color: #828a99;padding: 5% 0 10% 0;}
.focus-bottom-item .date-4 {position: absolute;padding: 5% 0;left: 0;bottom: 0;z-index: 11;}
.focus-bottom-item .date-4 span {color: #828a99;}
.focus-bottom-item .date-4 i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r3.png") center no-repeat;filter: grayscale(100%);opacity: .5;}
.focus-bottom-item a:hover .title-2,.focus-bottom-item a:hover .text-3,.focus-bottom-item a:hover .date-4 span {color: #002f93;}
.focus-bottom-item a:hover .date-4 i {background: url("https://www.naturalpath-online.com/images/r3.png") center no-repeat;filter: grayscale(0);opacity: 1;}
.focus-bottom-item a:hover .date-4 {border-top: 1px solid #002f93;color: #fff;z-index: 11;}
.focus-bottom-item a:hover {box-shadow: 0px 0px 80px 0px rgba(9, 19, 45, 0.18);}
.focus-bottom-item a:hover .pic {transform: scale(1.05);}
.index-focus-content-swiper .focus-bottom-item{width: 100%;margin: auto;float: none;}
.index-focus-content-swiper .focus-swiper-pagination {bottom: 25%;text-align: right;width:90%;left: 5%;right: auto;}
.index-focus-content-swiper .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 100%;background: #fff;opacity: .5; transform: translateY(-2px);}
.index-focus-content-swiper .swiper-pagination-bullet-active {width: 8px;height: 8px;border: 2px solid #f0a700;background: transparent;opacity: 1; transform:none}
.index-foreign-exchange-contents {background: #e9ecef;overflow: hidden;padding-bottom: 5%;}
.index-foreign-exchange {position: relative;background: url("https://www.naturalpath-online.com/upload/bg22.jpg") center bottom no-repeat #0a3a9e;background-size: cover;padding: 3.3% 0 4% 0;width: 80%;margin: auto;overflow: hidden;}
.foreign-exchange-bottoms {position: relative;}
.foreign-exchange-bottoms .right-en{position: absolute;right: 2.5%;top: 1900px;width: 20%;}
.index-foreign-exchange-content {position: relative;width: 100%;margin: auto;z-index: 11;overflow: hidden;}
.index-foreign-exchange-content::after {content: '';width: 43%;height: 30%;position: absolute;right: 0;top: 35%;background: url("https://www.naturalpath-online.com/images/dun.png") right bottom no-repeat;background-size: 100%;}
.foreign-exchange-content-top{position: relative;width: 70%;margin-left: 2.5%;margin-top: 7.5%;}
.foreign-exchange-content-top .title-1 strong{color: #fff;}
.foreign-exchange-content-top .title-1 span {color: #fff;opacity: .6;}
.foreign-exchange-content-top .index-focus-nav {position: absolute;bottom: 0;right: 0;}
.foreign-exchange-content-top .index-focus-nav a {border: 1px solid rgba(255,255,255,.4);color: #c3c9e2;}
.foreign-exchange-content-top .index-focus-nav a:hover {border: 1px solid #fff;background: #fff;color: #26334d;}
.foreign-exchange-content-center {overflow: hidden;width: 70%;margin-left: 2.5%;}
.foreign-exchange-center {overflow: hidden;margin-top: 1%;position: relative;}
.foreign-exchange-center-left {width:100%;}
.foreign-exchange-item {overflow: hidden;padding: 3% 0;position: relative;}
.foreign-exchange-item::before {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 11;background: #f0a700;transition:all .4s ease;}
.foreign-exchange-item::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,.2);}
.foreign-exchange-item a{display: block;overflow: hidden;position: relative;}
.foreign-exchange-item .img {float: left;width: 30%;}
.foreign-exchange-item .text{color: #fff;width: 67%;position: absolute;right: 0;top:5%;height: 95%;}
.foreign-exchange-item .type-1{opacity: .6;}
.foreign-exchange-item .title-2{margin-top: 0;}
.foreign-exchange-item .text-3{margin-top: 3%;opacity: .6;}
.foreign-exchange-item .date-4{position: absolute;left: 0;bottom: 0;width: 100%;}
.foreign-exchange-item .date-4 span{opacity: .6;}
.foreign-exchange-item .date-4 i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r1.png") center no-repeat;opacity: .5;}
.foreign-exchange-item a:hover .title-2,.foreign-exchange-item a:hover .text-3,.foreign-exchange-item a:hover .type-1{color: #f0a700;}
.foreign-exchange-item a:hover .date-4 span {color: #f0a700;opacity: 1;}
.foreign-exchange-item a:hover .date-4 i {background: url("https://www.naturalpath-online.com/images/r2.png") center no-repeat;opacity: 1;}
.foreign-exchange-item a:hover .pic {transform: scale(1.05);}
.foreign-exchange-item:hover::before  {width: 100%;}
.foreign-exchange-center-right {float: right;width: 28.5%;}
.foreign-exchange-center-right .foreign-exchange-item  {position: relative;}
.foreign-exchange-center-right .foreign-exchange-item .img {float: none;width: 100%;}
.foreign-exchange-center-right .foreign-exchange-item .text{float: none;width: 100%;margin-left: 0;margin-top: 5%;}
.foreign-exchange-center-right .foreign-exchange-item .date-4 {margin-top: 20%;padding-bottom: 4%;}
.foreign-exchange-content-bottom {clear: both;overflow: hidden;position: relative;}
.foreign-exchange-bottom-top {position: relative;margin: auto;width: 95%;}
.foreign-exchange-bottom-top .title-1 strong{color: #fff;}
.foreign-exchange-bottom-top .title-1 i {background: url("https://www.naturalpath-online.com/images/d1.png") no-repeat;background-size: 100%;}
.foreign-exchange-bottom-top .title-1 span {opacity: .4;color: #fff;display: block;margin-left: 0px;margin-top:1%;}
.foreign-exchange-bottom-top .text-1 {opacity: .6;margin-top: 1%;width: 44%;color: #fff;}
.foreign-exchange-bottom-top .index-focus-nav {position: absolute;right: 0;bottom: 0;transform: none;}
.foreign-exchange-bottom-top .index-focus-nav a {border: 1px solid rgba(255,255,255,.4);color:#cbd1e6;}
.foreign-exchange-bottom-top .index-focus-nav a:hover {border: 1px solid #fff;background: #fff;color: #26334d;}
.foreign-exchange-bottom-center {position: relative;margin-top: 3%;}
.foreign-exchange-teaching {position: relative;background: #f3f6fb;}
.foreign-exchange-teaching-item {width: 100%;position: relative;padding-bottom: 6%;overflow: hidden;}
.foreign-exchange-teaching-item .text{float: left;width: 39.9%;margin-left: 5.1%;margin-top: 7%;}
.foreign-exchange-teaching-item .type-1{color: #26334d;}
.foreign-exchange-teaching-item .title-2{margin-top:4%;color: #26334d;}
.foreign-exchange-teaching-item .line-1 {margin: 3% auto;background: url("https://www.naturalpath-online.com/images/line.png") left center no-repeat;height: 10px;display: none;}
.foreign-exchange-teaching-item .text-3{color: #26334d;margin-top: 5%;}
.foreign-exchange-teaching-item .img {float: right;width: 50%;overflow: hidden;}
.foreign-exchange-teaching-item .img .pic img{opacity: 0;}
.foreign-exchange-teaching-item a:hover .pic{transform: scale(1.05);}
.foreign-exchange-teaching-item a:hover .link {background: #002f93;}
.foreign-exchange-teaching-item a:hover span {color: #fff;}
.foreign-exchange-teaching-item a:hover .title-2 {color: #002f93;}
.foreign-exchange-teaching-item .link {display: block;position: relative;border-radius: 100px;height: 40px;line-height: 40px;width: 100%;border: 1px solid #002f93;}
.foreign-exchange-teaching-item .vmore-3 {width: 140px;margin-top: 10%;}
.foreign-exchange-teaching-item .vmore-3 i {height: 30px;width: 30px;}
.foreign-exchange-teaching-swiper .swiper-slide .foreign-exchange-teaching-item{opacity: 0;z-index: 1;transition:all .4s ease;}
.foreign-exchange-teaching-swiper .swiper-slide-active .foreign-exchange-teaching-item{opacity: 1;z-index: 11;}
.foreign-exchange-teaching-swiper .foreign-pagination{width:auto;left: 50%;bottom: 7%;}
.foreign-exchange-teaching-swiper .foreign-pagination span.swiper-pagination-bullet {background: #a5a7aa;margin: 0 10px;opacity: 1;position: relative;}
.foreign-exchange-teaching-swiper .foreign-pagination span.swiper-pagination-bullet-active {background: none;}
.foreign-exchange-teaching-swiper .foreign-pagination span.swiper-pagination-bullet-active::before {content: '';border: 3px solid #f0a700;border-radius: 100%;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.vmore-3 {position: relative;width: 160px;margin-top: 15%;}
.vmore-3 a {display: block;position: relative;border-radius: 100px;height: 50px;line-height: 50px;width: 100%;border: 1px solid #002f93;}
.vmore-3 span {color: #002f93;margin-left: 15%;display: block;}
.vmore-3 i {width: 44px;height: 44px;border-radius: 100%;background: url("https://www.naturalpath-online.com/images/r1.png") center no-repeat #002f93;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);}
.vmore-3 a:hover {background: #002f93;}
.vmore-3 a:hover span {color: #fff;}
.vmore-4 {position: relative;width: 160px;height: 50px;line-height: 50px;border: 1px solid #002f93;margin-top: 15%;}
.vmore-4 span{display: block;text-align: center;position: relative;z-index: 11;color: #002f93;}
.vmore-4 a {display: block;position: relative;}
.vmore-4 a::after {content: '';width:0px;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #002f93;}
.vmore-4 a:hover::after {width: 100%;}		
.vmore-4 a:hover span {color: #fff;}
.foreign-exchange-teaching-bottom {clear: both;width: 95%;margin: auto;margin-top: 1.5%;}
.foreign-teaching-item {float: left;width: 27.2%;margin-right: 1.5%;}
.foreign-teaching-item:last-child {margin-right: 0;}
.foreign-teaching-item .pic{position: relative;}
.foreign-teaching-item .pic img {opacity: 0;}
.foreign-teaching-item .text{padding-top: 5%;}
.foreign-teaching-item .title-3{color: #fff;min-height: 80px;} 
.foreign-teaching-item .date-4{border-bottom: 2px solid rgba(255,255,255,.2);padding: 6% 0;margin-top: 5%;position: relative;} 
.foreign-teaching-item .date-4 span{color: #fff;opacity: 1;} 
.foreign-teaching-item .date-4 i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r1.png") center no-repeat;opacity: .3;}
.foreign-teaching-item a:hover .title-3{color: #f0a700;}
.foreign-teaching-item a:hover .date-4 {border-bottom: 2px solid #f0a700;}
.foreign-teaching-item a:hover .date-4 span {opacity: 1;color: #f0a700;}
.foreign-teaching-item a:hover .date-4 i {background: url("https://www.naturalpath-online.com/images/r2.png") center no-repeat;opacity: 1;}
.foreign-teaching-item a:hover .pic {transform: scale(1.05);}
.teaching-right-list {position: absolute;right: 0;top: 100%;width: 43%;background: #fff;z-index: 20;overflow: hidden;margin-top: -6%;}
.teaching-right-list li {list-style: none;margin: 0;padding: 0;position: relative;}
.teaching-right-list li::after {content: '';width: 90%;left: 5%;bottom: 0;background: #e9eaed;position: absolute;height: 1px;}
.teaching-right-list li a{display: block;padding: 4.2% 5%;position: relative;color: #26334d;}
.teaching-right-list li:last-child::after {display: none;}
.teaching-right-list li .type-1 {overflow: hidden;}
.teaching-right-list li .title-2 {margin-top: 2%;}
.teaching-right-list li a:hover {background: #f0a700;}
.teaching-right-list li a:hover .type-1,.teaching-right-list li a:hover .title-2{color: #fff;}
.index-energetic {position: relative;}
.index-energetic-content {position: relative;overflow: hidden;}
.energetic-content-top {position: absolute;top: 4%;left: 10%;width: 80%;z-index: 11;color: #fff;}
.energetic-content-top .text {width: 50%;position: relative;}
.energetic-content-top .title-1 strong{color: #fff;}
.energetic-content-top .title-1 span {opacity: .6;color: #fff;display: block;margin-left: 0;margin-top: 1%;}
.energetic-content-top .text-1 {margin-top: 2%;}
.energetic-content-top .index-focus-nav {overflow: hidden;}
.energetic-content-top .index-focus-nav a {border: 1px solid rgba(255,255,255,1);color:#fff;opacity: 1;}
.energetic-content-top .index-focus-nav a:hover {border: 1px solid #fff;background: #fff;opacity: 1;color: #002f93;}
.energetic-content-center {position: relative;}
.energetic-content-item {position: relative;overflow: hidden;}
.energetic-content-item .img{position: relative;}
.energetic-content-item .text{position: absolute;width: 34%;left: 10%;bottom: 0;z-index: 21;color: #fff;padding: 3% 0;}
.energetic-content-item .title-2 {margin-top: 2%;}
.energetic-content-item .text-3{opacity: .6;}
.energetic-content-item .num-4{overflow: hidden;}
.energetic-content-item .num-4 strong{color: #fff;}
.energetic-content-item .num-4 span{color: #fff;}
.energetic-content-item .play-1 {bottom: auto;width: 50px;height: 50px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;margin: 0 5px;}
.energetic-content-item .play-1 a {width: 50px;height: 50px;}
.energetic-content-item .play-1 a::before {background: url("https://www.naturalpath-online.com/images/play.png") center no-repeat    ;background-size:50%;}
.energetic-content-item .video {position: absolute;width: 100%;height:100%;;z-index:13;left: 0;top: 0;background: #000;}
.energetic-content-item .video video {display: block;width: 100%;height: 100%; left: 0;top: 0;position: absolute;object-fit: cover;}
.energetic-mark {width: 100%;height:auto;position: absolute;left: 0;bottom: 0;z-index: 14;}
.energetic-showvideo {position: fixed;width: 100%;height: 100%;z-index: -1;left: 0;top: 0;background:#000;opacity: 0;transform: scale(0);transition:all .4s ease;}
.energetic-showvideo .close-1{z-index: 11112;}
.energetic-showvideo .video {position: absolute;width: 100%;height: 100%;z-index: -1;left: 0;top: 50%;opacity: 0;transform: translateY(-50%);}
.energetic-showvideo .video video {display: block;width: 100%;height: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;}
.energetic-showvideo .video.cur {opacity: 1;z-index: 1111;}
.energetic-showvideo.cur {opacity: 1;z-index: 1111;transform: scale(1);}
.right-prevnext {position: absolute;width: 200px;height:auto;right: 10%;bottom:5%;z-index: 31;transform: translateY(-50%);text-align: right;}
.energetic-content-swiper .energetic-button-prev ,.energetic-content-swiper .energetic-button-next {margin: 0;left: auto;right: auto;top: auto;bottom: auto;position: relative;display: inline-block;vertical-align: middle;}
.energetic-content-swiper .energetic-button-prev:hover,.energetic-content-swiper .energetic-button-next:hover  {background: #f0a700;border: 2px solid #f0a700;}
.energetic-content-swiper .swiper-button-next:after,.energetic-content-swiper .swiper-button-prev:after {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.play-1 {position: absolute;width: 100px;height: 100px;right: 10%;bottom: 10%;z-index: 41;}
.play-1 a{display: block;width: 100px;height: 100px;position: absolute;border-radius: 100%;left:0;top:0;z-index: 1;background: #fff;}
.play-1 a::before {content: '';width: 13px;height: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: url("https://www.naturalpath-online.com/images/play.png") center no-repeat    ;background-size:100%;z-index: 11;}
.play-1 a:hover {transform: scale(1.1);}
.energetic-content-bottom {padding: 5% 0;overflow: hidden;position: relative;background: url("https://www.naturalpath-online.com/upload/bg8.jpg") center top no-repeat;background-size: 100%;border-bottom: 5px solid #f0a700;}
.energetic-content-bottom-left {float: left;width: 44%;overflow: hidden;}
.energetic-content-bottom-list {overflow: hidden;}
.energetic-content-bottom-list a{display: block;padding: 3.5% 0 3.5% 22.5%;overflow: hidden;border-bottom: 1px solid #dcdee2;position: relative;}
.energetic-content-bottom-list a::before{content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #f0a700;}
.energetic-content-bottom-list .date-1 {color: #828a99;}
.energetic-content-bottom-list .title-2 {color: #575c66;margin-top: 2%;}
.energetic-content-bottom-list a:hover::before {width: 100%;}
.energetic-content-bottom-list a:hover  .title-2,.energetic-content-bottom-list a:hover .date-1 {color: #002f93;}
.energetic-content-bottom .vmore-4{margin-top: 5%;margin-left: 22%;}
.energetic-content-bottom-right {float: right;width: 41%;margin-right: 10%;}
.energetic-content-bottom-pics {overflow: hidden;position: relative;width: 80%;margin: auto;}
.energetic-content-bottom-pics-item {float: left;width: 25%;overflow: hidden;margin-bottom: .5%;}
.energetic-content-bottom-pics-item a{display: block;overflow: hidden;}
.energetic-content-bottom-pics-item .img{position: relative;}
.energetic-content-bottom-pics-item a:hover .img{transform: scale(1.05);}
.energetic-content-bottom-pics-item.ecbpi1 {margin-right: .5%;width:50%;} 
.energetic-content-bottom-pics-item.ecbpi2 {margin-right: .5%;width:24.5%;}
.energetic-content-bottom-pics-item.ecbpi3 {width: 24.5%;}
.energetic-content-bottom-pics-item.ecbpi4 {width: 24.8%;clear: both;margin-right: .5%;} 
.energetic-content-bottom-pics-item.ecbpi5 {width: 24.8%;}
.energetic-content-bottom-pics-item.ecbpi6 {position: absolute;right:0;bottom: 0;width: 49.5%;}
.index-teaching-research {padding: 2% 0 0 0;overflow: hidden;background: url("https://www.naturalpath-online.com/upload/bg5.jpg") center top no-repeat;background-size: cover;}
.teaching-research-content {overflow: hidden;width: 80%;margin: auto;}
.teaching-research-top .title-1 strong{color: #fff;}
.teaching-research-top .title-1 span {color: #fff;opacity: .2;}
.teaching-research-center {margin-top: 2%;}  
.teaching-research-logo {float: left;width: 19.4444%;margin-right: .6%;margin-bottom: .6%;}
.teaching-research-logo.mr0 {margin-right: 0;}
.teaching-research-logo a{display: block;text-align: center;background: rgba(0,0,0,.1);padding: 5% 0;border-radius: 4px;overflow: hidden;position: relative;}
.teaching-research-logo a::before{content: '';width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #f0a700;}
.teaching-research-logo .logo-1{position: relative;margin: auto;height: 65px;}	
.teaching-research-logo .logo-1 img {opacity: .6;filter: grayscale(100%) invert(100%);}
.teaching-research-logo .text-1{opacity: .6;margin-top: 5%;color: #fff;}	
.teaching-research-logo a:hover {background:#fff;}
.teaching-research-logo a:hover .text-1  {opacity: 1;color: #26334d;}
.teaching-research-logo a:hover .logo-1 img  {opacity: 1;filter: grayscale(0) invert(0);}
.teaching-research-logo a:hover::before {width: 100%;}
.index-teaching-research .footer {background: none;}
.energetic-technology-main {position: relative;width: 80%;margin: auto;overflow: hidden;}
.energetic-technology-left{float: left;width: 40%;}
.energetic-technology-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.energetic-technology-item a{display: block;position: relative;overflow: hidden;}
.energetic-technology-item .img{position: relative;}
.energetic-technology-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:#1242aa;opacity: 0;}
.energetic-technology-item .img img {opacity: .5;}
.energetic-technology-item .text{position: absolute;text-align: center;color: #fff;left: 0;width: 100%;top: 50%;transform: translateY(-50%);}
.energetic-technology-item .title-2{overflow: hidden;}
.energetic-technology-item .icon-2{width: 30px;height: 30px;background: url("https://www.naturalpath-online.com/images/r9.png") center no-repeat;border-radius: 100%;border: 1px solid #fff;margin: auto;margin-top: 4%;}
.energetic-technology-item.ecbpi2 {margin-top: 10%;}
.energetic-technology-item.ecbpi3 {margin-top: -10%;} 
.energetic-technology-item a:hover .img::before{opacity: .8;}
.energetic-technology-item a:hover .img {transform: scale(1.05);}
.energetic-technology-right{float: left;width: 60%;}
.energetic-technology-swiper .swiper-slide .img{transition: ease 2s;opacity:0;}
.energetic-technology-swiper .swiper-slide-active .img{animation: srmgani 4000ms 1 ease forwards;opacity: 1;transform: scale(1.1,1.1);}
/* banner */
.section-banner{overflow: hidden;position: relative;margin-top: 109px;}
.section-content-text{position: absolute;left: 0;bottom: 0;width: 25%;height:auto;z-index: 10;}
.section-content-text .text-1{position: absolute;left: 10%;top:10%;width:80%;color: #fff;}
.section-content-text .title-1{font-weight: 900;}
.section-content-text .text-2{margin-top: 5%;opacity: .8;}
.section-content-text .entitle-1{font-weight: 900;color: #fff;margin-top: 10px;}
.section-content-text .entitle-1 div {opacity: .5;font-weight: 900;}
.section-content-text .bg-2{background: #002f93 url("https://www.naturalpath-online.com/images/tiao.png") center no-repeat;}
.section-banner-pic {overflow: hidden;width: 84%;float: right;}
.section-banner-pic .img{animation: srmgani 4000ms 1 ease forwards;}
.section-banner-bottom {clear: both;position: absolute;overflow: hidden;right: 0;bottom: 0;width: 100%;background: #fff;}
/* .section-banner-bottom::after {content: '';width: 33%;height: 5px;background: #f0a700;position: absolute;bottom: 0;left: 0;z-index: 11;transition:all .4s ease;} */
.section-banner-bottom.navw1::after {width: 32%;}
.section-banner-bottom.navw2::after {width: 40%;}
.section-banner-bottom.navw3::after {width: 47%;}
.section-banner-bottom.navw4::after {width: 54%;}
.section-banner-bottom.navw5::after {width: 61%;}
.section-content-bottom-content {width: 75%;float: right;overflow: hidden;position: relative;}
.section-content-bottom-content::after {content: '';width: 100%;height: 1px;background: #e6e7ea;position: absolute;bottom: 0;right: 0;z-index: 1;}
.section-content-bottom img {display: inline-block;max-width: 100%;width: 100%;}
.section-banner-nav {position: relative;overflow: hidden;z-index: 11;font-size: 0;}
.section-banner-nav li{display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0 30px;position: relative;}
.section-banner-nav li a{display: block;line-height: 89px;font-weight: 500;}
.section-banner-nav li a::before{content: '';width:0px;height: 5px;position: absolute;left: 0;bottom: 0;background: #f0a700;}
.section-banner-nav li.cur a{font-weight: 900;color: #002f93;}
/* .section-banner-nav li.cur a::before,.section-banner-nav li a:hover::before {width: 100%;} */
.section-banner-path {position: absolute;right: 4%;top: 50%;transform: translateY(-50%);z-index: 11;}
.section-banner-path a.cur {color: #002f93;}
.banner-nav-linex {width: 0;height: 5px;background: #f0a700;position: absolute;bottom: 0;left: 0;z-index: 11;transition:all .4s ease;}
.jiantou-3 {position: absolute;left: 10%;bottom: 10%;z-index: 1;width: 70px;height: 70px;}
.jiantou-3 i::before {content: '';width: 70px;height: 70px;border: 2px dotted rgba(255,255,255,.5);border-radius: 100%;position: absolute;top: 50%;left: 50%;animation:turnrotate 8000ms linear infinite;}
.jiantou-3 i{display: block;width: 70px;height: 70px;background: url("https://www.naturalpath-online.com/images/d2.png") center no-repeat;position: absolute;top: 50%;margin-top: -68px;left: 50%;margin-left: -35px;}
.updown1 {animation: updown1 3000ms infinite ease-in-out ;}
@keyframes updown1{0%{transform:translateY(45%);} 50%{transform:translateY(55%);} 100%{transform:translateY(45%);}}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
/* survey */
.section-content {width: 81.4%;margin: auto;}
.school-running-orientation {padding: 6% 0 8% 0;overflow: hidden;background: url("https://www.naturalpath-online.com/images/dun.png") -24% 105% no-repeat;}
.school-running-orientation .section-content{width: 80%;position: relative;}
.school-running-orientation-top {width: 76%;}
.school-running-orientation-top .title-1{font-weight: 900;color: #002f93;}
.school-running-orientation-top .title-2{font-weight: 900;color: #26334d;margin-top:2%;}
.school-running-orientation-top .text-3{margin-top: 3%;color: #575c66;}
.school-running-orientation-bottom {overflow: hidden;padding-top: 5%;}
.school-running-orientation-bottom .img{float: left;width: 42%;}
.school-running-orientation-bottom .item {float: right;width: 50%;}
.school-running-orientation-bottom .item li {list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #dadce0;padding: 4% 0;transition:all .4s ease;}
.school-running-orientation-bottom .item .title-1{font-weight: 900;color: #002f93;}
.school-running-orientation-bottom .item .text-2{margin-top: .5%;font-weight: normal;color: #575c66;}
.school-running-orientation-bottom .item li:hover {padding: 4%;}
.right-text{font-family:'Poppins-Bold';color: #002f93;opacity: .03;transform: rotate(90deg);position: absolute;right: -16%;top: 22%;line-height: 260px;}
.school-running-characteristics {padding: 10% 0 9% 0;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;}
.school-running-characteristics::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #09132d;opacity: 0;}
.school-running-characteristics .section-content{position: relative;z-index: 11;color: #fff;width: 80%;overflow: hidden;}
.school-running-characteristics .classname-1{position: absolute;left: 0;top: 5%;font-weight: 900;}
.school-running-characteristics .section-content-right {float: right;width: 50%;}
.school-running-characteristics .mbshowbg {overflow: hidden; }
.characteristics-list {overflow: hidden;}
.characteristics-item {border-bottom: 1px solid rgba(255,255,255,.2);padding: 5% 0;overflow: hidden;}
.characteristics-item:first-child {padding: 1% 0 5% 0;}
.characteristics-title {font-weight: 900;cursor: pointer;position: relative;}
.characteristics-title::after {content: '';width: 14px;height: 12px;position: absolute;right: 0;top:50%;background: url("https://www.naturalpath-online.com/images/jiaotou.png");margin-top: -6px;}
.characteristics-title.cur::after  {transform: rotate(180deg);}
.characteristics-content {font-weight: normal;margin-top: 1%;display: none;}
.discipline-planning {overflow: hidden;position: relative;}
.discipline-planning .section-content{width: 100%;text-align: center;position: relative;}
.discipline-planning .section-content-top{overflow: hidden;position: absolute;left: 0;width: 100%;top:15%;z-index: 11;}
.discipline-planning .section-content-top .classname-1{font-weight: 900;color: var(--sblue);}
.discipline-planning .section-content-top .text-3{width: 60%;margin: auto;margin-top:1%;color: #575c66;}
.discipline-planning .section-content-bottom{overflow: hidden;}
.discipline-planning .section-content-bottom img{max-width: 100%;}
.school-leader {padding: 6% 0;overflow: hidden;}
.school-leader.dunbg {padding: 0 0 7% 0;background: url("https://www.naturalpath-online.com/images/dun.png") 110% -10% no-repeat;}
.school-leader .section-content {width: 81.4%;margin: auto;}
.school-leader-top {overflow: hidden;}
.school-leader-top .title-1 {font-weight: 900;color: #26334d;}
.school-leader-bottom {padding-top: 3%;overflow: hidden;}
.school-leader-item {float: left;width: 23.8%;margin-right: 1.5%;position: relative;}
.school-leader-item * {transition:all .4s ease;}
.school-leader-item::after {content: '';width: 100%;height: 2px;background: #dbdde0;position:absolute;left: 0;bottom: 0;opacity: .6;}
.school-leader-item.mr0 {margin-right: 0;}
.school-leader-item .img {position: relative;}
.school-leader-item .img i {display: block;width: 60px;height: 60px;position: absolute;right: 0;bottom: 0;background:#002f93;z-index: 1;overflow: hidden;}
.school-leader-item .img i::before {content: '';width: 14px;height: 12px;background: url("https://www.naturalpath-online.com/images/jiaotou.png");position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(270deg);}
.school-leader-item .img i::after {content: '';width: 14px;height: 12px;background: url("https://www.naturalpath-online.com/images/jiaotou.png");position: absolute;left:-50%;top: 50%;transform: translate(-50%,-50%) rotate(270deg);}
.school-leader-item .text{padding: 6% 0;overflow: hidden;box-sizing: border-box;}
.school-leader-item .title-1{font-weight: 900;color: #575c66;}
.school-leader-item .text-2{margin-top: 1.5%;color: #575c66;min-height: 80px;}
.school-leader-item:hover {background: var(--gray2);}
.school-leader-item:hover::after {height: 4px;background: #f0a700;opacity: 1;}
.school-leader-item:hover .title-1,.school-leader-item:hover .text-2{margin-left: 6%;color: #fff;}
.school-leader-item:hover .img i::before {animation: lrtolr1 400ms 1 ease-in-out forwards;}
.school-leader-item:hover .img i::after {animation: lrtolr2 400ms 1 ease-in-out 300ms forwards;}
.school-leader-item:hover .text {background: #002f93;}
.school-leader-item:hover .pic {transform: scale(1.05);}
@keyframes lrtolr1{0%{left: 50%;}100%{left: 100%;opacity: 0;}}
@keyframes lrtolr2{0%{left: -10%;opacity: 0;}100%{left: 50%;}}
.index-teaching-unit {padding: 8% 0;overflow: hidden;background: url("https://www.naturalpath-online.com/static2022/upload/danwei.jpg") center top no-repeat;background-size: cover;}
.index-teaching-unit-content {width: 74%;margin: auto;text-align: center;}
.index-teaching-unit-list {text-align: center;overflow: hidden;font-size: 0;margin-top: -1%;}
.teachingunit-item {display: inline-block;vertical-align: middle;width: 20%;margin:0;}
.teachingunit-item a{display: block;position: relative;overflow: hidden;}
.teachingunit-item .text{position:absolute;text-align: center;left: 0;top: 50%;transform: translateY(-50%);z-index: 11;width: 100%;}
.teachingunit-item .logo-1{position: relative;}
.teachingunit-item .logo-1 img {display: inline-block;max-width: 100%;}
.teachingunit-item .title-2{margin-top: 10px;}
.teachingunit-item .img{background: none;}
.teachingunit-item .img img{display: block;width: 100%;height: auto;}
.teachingunit-item a:hover .title-2{color: #002f93;}
.teachingunit-item a:hover {transform: translate(0px,-10px);}
.teachingunit-item:nth-child(2),.teachingunit-item:nth-child(4) {margin-top: 12%;}
.teachingunit-item:nth-child(6),.teachingunit-item:nth-child(8),.teachingunit-item:nth-child(10) {margin-top: -8%;}
.teachingunit-item:nth-child(7),.teachingunit-item:nth-child(9) {margin-top: 3%;}
.teachingunit-item:nth-child(11),.teachingunit-item:nth-child(13),.teachingunit-item:nth-child(15)  {margin-top: -8%;}
.teachingunit-item:nth-child(12),.teachingunit-item:nth-child(14) {margin-top: 3%;}
.school-scenery {padding: 5% 0;overflow: hidden;}
.school-scenery .section-content {overflow: hidden;}
.scenery-list {overflow: hidden;position: relative;}
#wrapper,#container{width:100%;position:relative;}
.grid{width:480px;min-height:100px; background: #f1f1f1; font-size:12px;float:left;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;margin-right: 5px;margin-bottom: 5px;}
.grid .imgholder {position: relative;cursor: pointer;}
.grid .imgholder a {display: block;position: relative;overflow: hidden;}
.grid .imgholder a::before {content: '';display: block;opacity: 0; width:72px;height:72px;background: url("https://www.naturalpath-online.com/images/eye.png") center no-repeat #fff;position: absolute;left: 50%;top: 50%;z-index: 1;transition:all .5s ease;border-radius: 100%;transform: translate(-50%,-50%);}
.grid .imgholder a:hover::before {opacity: 1;}
.grid .imgholder img{max-width:100%;display:block;background:url("https://www.naturalpath-online.com/images/loading.gif") no-repeat center;overflow: hidden;}
.grid .imgholder a:hover img.lazy {transform: scale(1.05);}
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("https://www.naturalpath-online.com/images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; /*background: url("https://www.naturalpath-online.com/images/arrows.png") no-repeat;*/ opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url("https://www.naturalpath-online.com/images/close.png") no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}
.school-calendar {padding: 5% 0;overflow: hidden;background: #f7f8fa;}
.school-calendar .section-content {position: relative;}
.school-calendar-list {overflow: hidden;}
.school-calendar-item {position: relative;float: left;width: 24.222%;margin-right: 1%;margin-bottom: 1%;}
.school-calendar-item.mr0 {margin-right: 0;}
.school-calendar-item a{display: block;position: relative;}
.school-calendar-item a::after {content: '';width: 0px;height: 5px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.school-calendar-item .img {background: #fff;}
.school-calendar-item .text{position: absolute;left: 10%;top: 10%;width: 80%;z-index: 11;height: 80%;}
.school-calendar-item .date-1{color: #828a99;}
.school-calendar-item .year-2 {color: #002f93;font-weight: 900;margin-top: 3%;}
.school-calendar-item .title-3 {color: #26334d;font-weight: 900;}
.school-calendar-item .more-4 {color: #828a99;display: inline-block;padding-right: 20px;position: absolute;bottom: 0;}
.school-calendar-item .more-4 i {display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r0.png") center no-repeat;}
.school-calendar-item a:hover .img{background: #002f93;}
.school-calendar-item a:hover::after {width: 100%;}
.school-calendar-item a:hover .date-1,.school-calendar-item a:hover .year-2,.school-calendar-item a:hover .title-3 {color: #fff;}
.school-calendar-item a:hover .more-4 {color: #f0a700;}
.school-calendar-item a:hover .more-4 i {background: url("https://www.naturalpath-online.com/images/r2.png") center no-repeat;}
/* international exchange */
.international-exchange{padding: 5% 0;overflow: hidden;background:#f7f8fa;position: relative;}
.international-exchange .section-content{width: 81.4%;margin: auto;position: relative;}
.international-exchange-top {overflow: hidden;}
.international-exchange-top-left {float: left;width: 66%;}
.international-exchange-pic {position: relative;}
.international-exchange-pic .pic{overflow: hidden;}
.international-exchange-pic .text{position: absolute;left: 5%;bottom: 7%;width: 90%;z-index: 10;color: #fff;}
.international-exchange-pic .date-1 {overflow: hidden;}
.international-exchange-pic .title-2 {font-weight: 900;margin-top: 1.5%;}
.international-exchange-pic .text-3{margin-top: 2%;font-weight: 500;}
.international-exchange-pic a:hover .pic {transform: scale(1.05);}
.international-exchange-top-right {float: right;width: 32%;}
.international-exchange-list4 {position: relative;}
.international-exchange-item {border-bottom: 1px solid #dbdde0;}
.international-exchange-item a{display: block;overflow: hidden;padding: 7.9% 0;}
.international-exchange-item .img{float: left;width: 42%;overflow: hidden;}
.international-exchange-item .text{float: right;width: 53%;}
.international-exchange-item .date-1{color: var(--qblue);margin-top: 10%;}
.international-exchange-item .title-2{font-weight: 900;color: #26334d;margin-top: 4%;}
.international-exchange-item:first-child a {padding: 0 0 7.9% 0;}
.international-exchange-item:last-child a {padding: 7.9% 0 0 0;}
.international-exchange-item:last-child {border: none;}
.international-exchange-list4 .international-exchange-item:nth-child(3){border: none;}
.international-exchange-item a:hover .pic {transform: scale(1.05);}
.international-exchange-bottom {padding-top: 7%;overflow: hidden;}
.international-exchange-bottom.pt0 {padding-top: 0;}
.international-exchange-list {overflow: hidden;}
.international-exchange-items {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.international-exchange-items.mr0 {margin-right: 0;}
.international-exchange-items a{display: block;overflow: hidden;background: #fff;position: relative;}
.international-exchange-items a::after {content: '';width:0;height: 7px;position: absolute;left: 0;bottom: 0;background: #f0a700;z-index: 1;transition:all .4s ease;}
.international-exchange-items .main {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.international-exchange-items .img{overflow: hidden;background: none;}
.international-exchange-items .img .type-1 {position: absolute;left: 0;bottom: 0;height: 33px;line-height: 33px;color: #fff;z-index: 11;padding: 0 3% 0 5%;background: #002f93;}
.international-exchange-items .img .type-1::after{content: '';width: 31px;height: 33px;position: absolute;right: -31px;top: 0;background: url("https://www.naturalpath-online.com/images/tip02.png") no-repeat;}
.international-exchange-items .pic {background: #dadce0;background-size: cover;}
.international-exchange-items .text{padding: 6% 5%;overflow: hidden;}
.international-exchange-items .text .type-1 {height: 33px;line-height: 33px;color: #fff;z-index: 11;margin-left: -5.5%;padding: 0 3% 0 5%;background: #002f93;width: auto;position: relative;display: inline-block;}
.international-exchange-items .text .type-1::after{content: '';width: 31px;height: 33px;position: absolute;right: -31px;top: 0;background: url("https://www.naturalpath-online.com/images/tip02.png") no-repeat;}
.international-exchange-items .date-1{color: var(--qblue);}
.international-exchange-items .title-2{font-weight: 900;color: #26334d;margin-top: 2%;} 
.international-exchange-items .more-3{padding-left: 20px;background: url("https://www.naturalpath-online.com/images/r4.png") left center no-repeat;color: #002f93;position: absolute;bottom: 5%;left: 5%;}
.international-exchange-items a:hover .pic {transform: scale(1.05);}
.international-exchange-items a:hover {background: #002f93;}
.international-exchange-items a:hover .date-1,.international-exchange-items a:hover .title-2 {color: #fff;}
.international-exchange-items a:hover .more-3{background: url("https://www.naturalpath-online.com/images/r5.png") left center no-repeat;color: #f0a700;}
.international-exchange-items a:hover::after {width: 100%;}
.international-exchange-items a:hover .text .type-1 {background: #fff;color: #002f93;}
.international-exchange-items a:hover .text .type-1::after{background: url("https://www.naturalpath-online.com/images/tip01.png") no-repeat;}
.international-exchange-items .text .date-1{margin-top: 2%;}
.pageturn {text-align: center;width: 100%;position: relative;overflow: hidden;margin:3% 0;}
/* .pageturn a {display: inline-block;vertical-align: middle;width: 40px;height: 40px;line-height: 40px;border: 1px solid transparent;border-radius: 50px;overflow: hidden;margin: 5px 0;}
.pageturn a i{display: inline-block;vertical-align: middle;width: 12px;height: 14px;}
.pageturn a span{color: #26334d;display: inline-block;vertical-align: middle;}
.pageturn a.cur {border: 1px solid #002f93;background: #002f93;}
.pageturn a.cur span {color: #fff;}
.pageturn a.prev,.pageturn a.next{border: 1px solid #ccc;width: 140px;height: 50px;line-height: 50px;margin: 0;}
.pageturn a.prev i{background: url("https://www.naturalpath-online.com/images/l4.png");margin-right: 10px;}
.pageturn a.next i{background: url("https://www.naturalpath-online.com/images/r4.png");margin-left: 10px;}
.pageturn a.prev {position: absolute;left: 0}
.pageturn a.next {position: absolute;right: 0;}
.pageturn a:hover {background: #002f93;}
.pageturn a:hover span {color: #fff;}
.pageturn a.prev:hover i{background: url("https://www.naturalpath-online.com/images/l5.png");}
.pageturn a.next:hover i{background: url("https://www.naturalpath-online.com/images/r5.png");} */
 
.pageturn *{font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
.pageturn .pagebar {overflow: hidden;text-align: center;}
.pageturn .p_pages span {display: inline-block;vertical-align: middle;width: 40px;height: 40px;line-height: 40px;border: 1px solid transparent;border-radius: 50px;overflow: hidden;margin: 5px 3px;font-size: 18px;padding:0!important;}
.pageturn .p_pages span a {border: none;font-size: 18px;}
.pageturn .p_first_d {display: none!important;}
.pageturn .p_last.p_fun{display: none!important;}
.pageturn .p_last_d.p_fun_d{display: none!important;}
.pageturn .p_first.p_fun{display: none!important;}
.pageturn .p_prev {border: 1px solid #ccc!important;width: 140px!important;height: 50px!important;line-height: 50px!important;margin: 0!important;position: relative;position: absolute;left: 0;transition:all .4s ease;}
.pageturn .p_prev::before {content: '';width: 12px;height: 14px;position: absolute;left: 20%;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/l4.png");}
.pageturn .p_prev_d {border: 1px solid #ccc!important;width: 140px!important;height: 50px!important;line-height: 45px!important;margin: 0!important;position: relative;position: absolute;left: 0;transition:all .4s ease;}
.pageturn .p_prev_d::before {content: '';width: 12px;height: 14px;position: absolute;left: 20%;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/l4.png");}
.pageturn .p_prev.p_fun_d::before {filter: grayscale(100%);opacity: .2;}
.pageturn .p_prev a{color: #26334d;display: block;}
.pageturn .p_prev a:hover {background: none!important;color: #fff;}
.pageturn .p_prev:hover {background: #002f93;}
.pageturn .p_prev:hover a{color: #fff;}
.pageturn .p_prev:hover::before {background: url("https://www.naturalpath-online.com/images/l5.png");}
.pageturn .p_next {border: 1px solid #ccc!important;width: 140px!important;height: 50px!important;line-height: 50px!important;margin: 0!important;position: relative;position: absolute;right: 0;transition:all .4s ease;}
.pageturn .p_next::before {content: '';width: 12px;height: 14px;position: absolute;right: 20%;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/r4.png");}
.pageturn .p_next_d {border: 1px solid #ccc!important;width: 140px!important;height: 50px!important;line-height: 45px!important;margin: 0!important;position: relative;position: absolute;right: 0;transition:all .4s ease;}
.pageturn .p_next_d::before {content: '';width: 12px;height: 14px;position: absolute;right: 20%;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/r4.png");}
.pageturn .p_next.p_fun_d::before {filter: grayscale(100%);opacity: .2;}
.pageturn .p_next a {color: #26334d;display: block;}
.pageturn .p_next a:hover {background: none!important;color: #fff;} 
.pageturn .p_next:hover {background: #002f93;}
.pageturn .p_next:hover a{color: #fff;}
.pageturn .p_next:hover::before {background: url("https://www.naturalpath-online.com/images/r5.png");}
.pageturn .p_no_d {background: #002f93!important;color: #fff!important;}
.pageturn .p_no a{color: #828a99!important;width: 40px!important;height: 40px!important;line-height: 40px!important;margin: 0!important;padding: 0!important;border-radius: 50px;overflow: hidden;display: block!important;}
.pageturn .p_no a:hover {background: #002f93!important;color: #fff;}
.pageturn .p_t {display: none!important;}
.pageturn .p_goto {display: none!important;}
.pageturn .p_fun {border: 1px solid #ccc!important;width: 140px!important;height: 50px!important;line-height: 50px!important;margin: 0!important;position: relative;position: absolute;transition:all .4s ease;}
.pageturn .p_fun a {border:none!important;padding:0!important;margin:0!important;height:auto!important;line-height: normal!important; display:block!important;line-height: 45px!important;}
.pageturn .p_pages span a {z-index: 111;position: relative;overflow: hidden;}
.pageturn .p_prev::before,.pageturn .p_next::before {z-index: 1;}
.floating-search-button {position: absolute;left:2.5%;top: 8%;z-index: 50;}
.floating-search-button a{display: block;width:80px;height:80px;background: #fff url("https://www.naturalpath-online.com/images/l4.png") center no-repeat;box-shadow: 0px 10px 60px 0px rgba(9, 19, 45, 0.08);border-radius: 100%;}
.floating-search-button .search-ok{display: block;width:80px;height:80px;border: 0;border-radius: 100%;cursor: pointer;}
.floating-search-button a.search {position: absolute;right: 0;top: 0;}
.floating-search-button a:hover {background: #002f93 url("https://www.naturalpath-online.com/images/l5.png") center no-repeat;}
.floating-search-button.search {top: 4%;}
.floating-search-button.search a{background: #fff url("https://www.naturalpath-online.com/images/sss.png") center no-repeat;}
.floating-search-button.search a:hover {background: #002f93 url("https://www.naturalpath-online.com/images/ss.png") center no-repeat;}
.floating-search-open {height:80px;position: relative;width: 100%;transition:all .4s ease;}
.floating-search-button .searchinput-1 {border: none;background: none;;background: #fff;z-index: 111;transition:all .4s ease;box-shadow: 0px 10px 60px 0px rgba(9, 19, 45, 0.08);border-radius: 100px;width: 0;opacity: 0;height:80px;padding: 0 30px;}
.floating-search-button.cur .searchinput-1 {width: 200px;opacity: 1;}
.floating-search-button.cur a.search {box-shadow:none;background:url("https://www.naturalpath-online.com/images/sss.png") center no-repeat transparent;right:0px;opacity: 0;}
.floating-search-button.cur a.search:hover {background: #002f93 url("https://www.naturalpath-online.com/images/ss.png") center no-repeat;}
.floating-search-button input.search-ok {box-shadow:none;background:url("https://www.naturalpath-online.com/images/sss.png") center no-repeat transparent;right:0px;top: 0;position: absolute;z-index: -1;opacity: 0;}
.floating-search-button input.search-ok:hover {background: #002f93 url("https://www.naturalpath-online.com/images/ss.png") center no-repeat;}
.floating-search-button.cur input.search-ok {z-index: 11;opacity: 1;right:-200px;}
.detail-content {padding: 5% 0;overflow: hidden;margin-top: 109px;background:#f7f8fa;position: relative;}
.detail-content .section-content {width: 81.4%;margin: auto;}
.section-detail-path {overflow: hidden;}
.section-detail-path a{display: inline-block;vertical-align: middle;color:#828a99;}
.section-detail-path a.cur{color:#26334d;}
.section-detail-content {background: #fff;padding: 8% 9% 5% 9%;margin-top: 2%;}
.detail-content-top {position: relative;padding-bottom: 2%;}
.detail-content-top .title-1{font-weight: 900;color: var(--sblue);}
.detail-content-title-bottom{position: relative;margin-top: 2.5%;}
.detail-content-item {padding:1% 0;overflow: hidden;}
.detail-content-item li{list-style: none;margin:0;padding:0;display:inline-block;vertical-align:middle;margin-right:20px;border:1px solid #ccc;border-radius:50px;line-height:50px;padding:0 30px;}
.social-share{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.social-share a{position:relative;width: 50px;height: 50px;display: inline-block;vertical-align: middle;border: 1px solid #ccc;border-radius: 100%;margin-left: 10px;}
.social-share a:hover::before {filter: invert(100%);}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share a::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.icon-weibo::before {background: url("https://www.naturalpath-online.com/images/wb.png") center no-repeat;}
.icon-wechat::before {background: url("https://www.naturalpath-online.com/images/wx.png") center no-repeat;}
.icon-qq::before {background: url("https://www.naturalpath-online.com/images/qq.png") center no-repeat;}
/*.detail-content-center{padding: 3% 0;overflow: hidden;color: #26334d;line-height: 36px;border-top: 1px solid #ccc;}*/
.detail-content-center{padding: 3% 0 ;overflow: hidden !important;color: #26334d !important;line-height: 36px !important;border-top: 1px solid #ccc !important;}
.detail-content-center img {max-width: 100%;}
.detail-content-center video {max-width: 100%;}
.detail-content-bottom {position: relative;overflow: hidden;text-align: center;margin-top: 4%;}
.detail-content-bottom a{display:inline-block;vertical-align:middle;width:140px;height:50px;line-height:50px;border: 1px solid transparent;border-radius: 50px;overflow: hidden;border: 1px solid #ccc;}
.detail-content-bottom a i{display: inline-block;vertical-align: middle;width: 12px;height: 14px;}
.detail-content-bottom a span{color: #26334d;display: inline-block;vertical-align: middle;}
.detail-content-bottom a.prev {position: absolute;left: 0;top: 0;}
.detail-content-bottom a.next {position: absolute;right: 0;top: 0;}
.detail-content-bottom a.prev i{background: url("https://www.naturalpath-online.com/images/l4.png");margin-right: 10px;}
.detail-content-bottom a.next i{background: url("https://www.naturalpath-online.com/images/r4.png");margin-left: 10px;}
.detail-content-bottom a.return{margin: auto;}
.detail-content-bottom a:hover {background: #002f93;}
.detail-content-bottom a:hover span {color: #fff;}
.detail-content-bottom a.prev:hover i{background: url("https://www.naturalpath-online.com/images/l5.png");}
.detail-content-bottom a.next:hover i{background: url("https://www.naturalpath-online.com/images/r5.png");}
 
.detail-content-other {padding: 2% 0 6% 0;overflow: hidden;position: relative;background: #f7f8fa;}
.detail-content-other .section-content {width: 81.4%;position: relative;}
.detail-content-other-top {text-align: center;}
.detail-content-other-top .title-1 {font-weight: 900;}
.detail-content-other-bottom {margin-top: 4%;padding-bottom: 5%;overflow: hidden;}
.detail-content-other-swiper .international-exchange-items{width: 100%;margin: 0;}
.detail-content-other .swiper-pagination{text-align: center;width: 100%;margin-top: 5%;}
.detail-content-other .swiper-pagination-clickable .swiper-pagination-bullet {margin: 0 10px;border: 3px solid #f7f8fa;}
.detail-content-other .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 3px solid #f0a700;background: none;}
/* campus life */
.campus-life {padding: 5% 0;overflow: hidden;background: #f7f8fa;}
.campus-life .section-content{width: 81.4%;margin: auto;}
.campus-life-top {overflow: hidden;}
.campus-life-top-list {overflow: hidden;}
.campus-life-top-item {float: left;width: 25%;}
.campus-life-top-item a{display: block;overflow: hidden;position: relative;background: #000;}
.campus-life-top-item .text {position: absolute;left: 30px;bottom: 7%;width: 80%;z-index: 11;color: #fff;}
.campus-life-top-item .text-1{overflow: hidden;}
.campus-life-top-item .title-2{margin-top: 1%;}
.campus-life-top-item .img {position: relative;}
.campus-life-top-item:first-child,.campus-life-top-item:last-child {width: 50%;} 
.campus-life-top-item a:hover .img{transform: scale(1.05);}
.international-exchange.campus-life  {padding: 0 0 5% 0;}
.international-exchange.campus-life .international-exchange-bottom{padding-top: 0;}
/* organization */
.organization {background: #f7f8fa;padding: 0;overflow: hidden;}
.organization .section-content {width: 81.4%;margin: auto;}
.organization-list {overflow: visible;padding: 9% 0;}
.organization-item {float: left;width: 24.2%;margin-right: 1%;margin-bottom: 6%;}
.organization-item.mr0 {margin-right: 0;}
.organization-item a{display: block;position: relative;}
.organization-item .suangyih-1{position: absolute;width: 50px;height: 50px;border-radius: 6px;background: #ffefd8 url("https://www.naturalpath-online.com/images/yh4.png") center no-repeat;z-index: 11;left: 8%;top: -15%;}
.organization-item .text{position: absolute;left: 8%;top: 17%;width: 84%;z-index: 1;}
.organization-item .title-1{font-weight: 900;color: #26334d;border-bottom: 1px solid #dbdde0;padding: 5% 0;position: relative;}
.organization-item .title-1::after {content: '';width: 12px;height: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/r6.png") center no-repeat;}
.organization-item .title-1.cur::after {display: none;}
.organization-item .title-1 strong {color: #002f93;font-weight: bold;}
.organization-item .text-1{color: #a1a7b2;padding-top: 5%;}
.organization-item .img{position: relative;background: #fff;border-radius: 8px;overflow: hidden;}
.organization-item .img::after {content: '';width: 0;height: 6px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.organization-item .img img{opacity: 0;}
.organization-item a:hover {transform: translateY(-5%);box-shadow: 0px 0px 140px 0px rgba(0, 47, 147, 0.3);}
.organization-item a:hover .suangyih-1{background: #f0a700 url("https://www.naturalpath-online.com/images/yh3.png") center no-repeat;}
.organization-item a:hover .img img{opacity: 1;}
.organization-item a:hover .title-1,.organization-item a:hover .text-1,.organization-item a:hover .title-1 strong{color: #fff;}
.organization-item a:hover .title-1 {border-bottom: 1px solid rgba(255,255,255,.2);}
.organization-item a:hover .img::after {width: 100%;}
.teaching-unit {background: #f7f8fa;padding: 3% 0 7% 6.1%;overflow: hidden;}
.teaching-unit .section-content {width: 81.4%;margin: auto;overflow: visible;}
.teaching-unit-list {padding: 4% 0;margin-bottom: 3%;}
.teaching-unit-item {float: left;width: 30%;margin-right: 1%;margin-bottom: 1%;}
.teaching-unit-item.mr0 {margin-right: 0;}
.teaching-unit-item a{display: block;position: relative;}
.teaching-unit-item .logo-1{position: absolute;width: 130px;height: 110px;left: 10%;top: 15%;z-index: 11;}
.teaching-unit-item .title-1{font-weight: 900;color:#828a99;position: absolute;bottom: 14%;left: 10%;z-index: 11;width: 80%;}
.teaching-unit-item .title-1::after {content: '';width: 12px;height: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url("https://www.naturalpath-online.com/images/r6.png") center no-repeat;}
.teaching-unit-item .img{position: relative;background: #fff;border-radius: 8px;overflow: hidden;}
.teaching-unit-item .img::after {content: '';width: 0;height: 6px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.teaching-unit-item .img img{opacity: 0;}
.teaching-unit-item a:hover .logo-1 img{filter: grayscale(100%) invert(100%);}
.teaching-unit-item a:hover .img::after {width: 100%;}
.teaching-unit-item a:hover .title-1{color: #fff;}
.teaching-unit-item a:hover .img img{opacity: 1;}
.teaching-unit-item a:hover {box-shadow: 0px 0px 140px 0px rgba(0, 47, 147, 0.3);}
.teaching-unit-item:hover {z-index: 11;}
 
/* Information disclosure */
.section-page-banner {position: relative;margin-top: 109px;}
.section-page-banner-text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);color: #fff;}
.section-page-banner-text .title-1 {margin-bottom: 2%;font-weight: 900;}
.section-page-banner-text .text-1 span{opacity: .6;font-weight: 900;text-transform: uppercase;}
.section-page-banner-img {overflow: hidden;}
.information-disclosure {background: #f7f8fa;overflow: hidden;padding-bottom: 4%;}
.page-right-path {width: 80%;margin: auto;text-align: right;padding:1.6% 0;color: #828a99;}
.page-right-path a.cur {color: #002f93;}
.information-disclosure-content {width: 80%;margin: auto;}
.information-disclosure-left {float: left;width: 19.5%;}
.information-disclosure-nav {overflow: hidden;}
.information-disclosure-nav li{list-style: none;margin: 0;padding: 0;}
.information-disclosure-nav li a{display: block;position: relative;border-bottom: 1px solid #dfe1e5;padding: 6% 0;overflow: hidden;}
.information-disclosure-nav li a::before{content: '';width: 0;height: 4px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease;}
.information-disclosure-nav li i{width: 6px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px;background: url("https://www.naturalpath-online.com/images/r-1.png") center no-repeat;}
.information-disclosure-nav li.cur a {background: #002f93;padding: 6% 5%;}
.information-disclosure-nav li.cur a span {color: #fff;}
.information-disclosure-nav li.cur a i{background: url("https://www.naturalpath-online.com/images/r-2.png") center no-repeat;right: 5%;}
.information-disclosure-nav li.cur a::before {width: 100%;}
.information-disclosure-right {float: left;width: 75.5%;margin-left: 5%;}
.information-disclosure-list .school-calendar-item {width: 32%;margin-right: 2%;margin-bottom: 2%;}
.information-disclosure-list .school-calendar-item .title-3 {margin-top: 3%;}
.information-disclosure-list .school-calendar-item.mr0 {margin-right: 0;}
.information-disclosure-bottom-text {font-weight: bold;color: #26334d;}
.page-students-content {width: 80%;margin: auto;}
.page-students-list {position: relative;clear: both; }
.page-students-top {overflow: hidden;}
.page-students-top .title-1{font-weight: 900;color: #26334d;}
.page-students-bottom{margin-top: 3%;margin-bottom: 5%;} 
.students-item {float: left;width: 24.2%;margin-right: 1%;margin-bottom: 1.5%;}
.students-item.mr0 {margin-right: 0;}
.students-item a{display: block;position: relative;overflow: hidden;}
.students-item .sztu-1 {position: absolute;right: 5%;top: 15%;width: 40%;text-align: right;z-index: 11;}
.students-item .sztu-1 img {max-width: 100%;display: inline-block;}
.students-item .title-1{font-weight: 900;color: #26334d;position: absolute;left: 7%;top: 12%;z-index: 11;}
.students-item .more-4{color: #002f93;padding: 5% 0;border-top: 1px solid #e6e7ea;position: absolute;left: 7%;bottom: 0;width: 86%;z-index: 1;font-weight: normal;}
.students-item .more-4 i {display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url("https://www.naturalpath-online.com/images/r3.png") center no-repeat;}
.students-item .img{position: relative;background: #fff;border-radius: 8px;overflow: hidden;}
.students-item .img::after {content: '';width: 0;height: 6px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.students-item .img img{opacity: 0;}
.students-item a:hover .img img{opacity: 1;}
.students-item a:hover .title-1 {color: #fff;}
.students-item a:hover .more-4 {color: #f0a700;border-top: 1px solid rgba(255,255,255,.2);}
.students-item a:hover .more-4 i {background: url("https://www.naturalpath-online.com/images/r2.png") center no-repeat;}
.students-item a:hover {box-shadow: 0px 0px 140px 0px rgba(0, 47, 147, 0.3);transform: translateY(-10px);}
.clear.mtb5 {height: 100px;}
/* search */
.page-search {margin-top: 109px;overflow: hidden;}
.page-search-top {position: relative;background: #fff;padding: 8% 0 3% 0;overflow: hidden;}
.page-search-top-content {position: relative;width: 40%;margin: auto;overflow: hidden;}
.search-icon-2 {position: absolute;right: 0;top: 0;width: 10%;height: 100%;z-index: 11;background: url("https://www.naturalpath-online.com/images/ssss.png") center no-repeat;border:none;cursor: pointer;}
.search-icon-2:hover {opacity: .8;}
.search-input-2 {width: 100%;border: 2px solid #002f93;padding: 2.5% 5%;box-sizing: border-box;}
.search-input-2::-webkit-input-placeholder,.search-input-2::placeholder {color: #b8becc;}
.page-search-content {overflow: hidden;}
.page-search-bottom {position: relative;background: #f7f8fa;padding: 2% 0;overflow: hidden;}
.search-result {color: #828a99;width: 50%;margin: auto;}
.search-result strong {color: #002f93;}
.search-result-none {padding: 5% 0;overflow: hidden;}
.search-result-none .title-1{text-align: center;color: #b8becc;} 
.search-result-list {width: 66%;margin: auto;}
.search-result-list .search-result {width: 100%;}
.search-result-list-main {padding: 1% 0;overflow: hidden;}
.search-result-list-main .school-calendar-item {width: 32%;margin-right: 2%;margin-bottom: 2%;}
.search-result-list-main .school-calendar-item.mr0 {margin-right: 0;}
.search-result-list-main .school-calendar-item .title-3 strong{color: #002f93;}
.search-result-list-main .school-calendar-item a:hover .title-3 strong{color: #fff;}
.information-disclosure-mb {position: relative;display: none;}
.information-disclosure-mb a.cur{display: block;position: relative;border-bottom: 1px solid #dfe1e5;padding: 4% 0;overflow: hidden;}
.information-disclosure-mb a::before{content: '';width: 0;height: 4px;background: #f0a700;position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease;}
.information-disclosure-mb a i{width: 6px;height: 10px;position: absolute;right: 2%;top: 50%;margin-top: -5px;background: url("https://www.naturalpath-online.com/images/r-1.png") center no-repeat;}
.information-disclosure-mb ul{list-style: none;left: 0;top: 0;padding: 1% 0;overflow: hidden;display: none;}
.information-disclosure-mb li {list-style: none;left: 0;top: 0;padding: 2% 0;}
.information-disclosure-mb li a{display: block;}
.information-disclosure-mb a.on i{transform: rotate(90deg);}
.line-x-1 {width: 100%;height: 1px;background-color: rgba(9, 19, 45, 0.1);margin: 6px auto 28px auto;}
/* data technology university */
.data-technology-university {width: 100%;height: 100%;position: relative;background: url("https://www.naturalpath-online.com/datatu/bg1.jpg") center no-repeat;background-size: cover;overflow: hidden;}
.data-technology-university .section-banner {background: #fff;}
.data-technology-university-swiper {width: 100%;height: 100%;position: relative;}
.data-technology-university-swiper .swiper-wrapper {display: block;}
.data-technology-university-swiper .swiper-pagination {right: 2%;}
.data-technology-university-swiper .swiper-pagination .swiper-pagination-bullet {margin: 20px 0;opacity: 1;background: #fff;width: 6px;height: 6px;opacity: .2;position: relative;}
.data-technology-university-swiper .swiper-pagination .swiper-pagination-bullet::before {content: '';border: 3px solid transparent;border-radius: 100%;position: absolute;left: 50%;top: 50%;width: 11px;height: 11px;transform: translate(-50%,-50%);}
.data-technology-university-swiper .swiper-pagination .swiper-pagination-bullet-active {background: transparent;opacity: 1;}
.data-technology-university-swiper .swiper-pagination .swiper-pagination-bullet-active::before {border: 3px solid #f0a700;}
.end-slide {overflow: hidden;height: 315px;}
.swiper-slide-bg {width: 100%;height: 100%;position: relative;}
.swiper-slide-top {position: relative;color: #fff;text-align: center;padding-top: 10%;}
.swiper-slide-top .title-1 {display: inline-block;position: relative;}
.swiper-slide-top .title-1 strong {font-weight: 900;display: inline-block;position: relative;color: #fff;z-index: 11;}
.swiper-slide-top .title-1::after{content: '';width: 0;height: 8px;background: #f0a700;position: absolute;left: 50%;bottom: 10px;z-index: 1;transition:all .4s ease;transition-delay: 1s;}
.swiper-slide-top .text-1 {text-align: center;width: 50%;margin: auto;margin-top: .3%;}
.swiper-slide-top .text-2 {opacity: .6;}
.swiper-slide-bottom {width: 90%;margin: auto;margin-top: 2%;height: 560px;position: relative;}
.swiper-slide-from {width: 100%;height: 100%;}
.data-technology-university-swiper .swiper-slide  {overflow: hidden;}
.data-technology-university-swiper .swiper-slide .title-1{transform: translateY(10%);opacity: 0;transition:all .8s ease;transition-delay: .5s;}
.data-technology-university-swiper .swiper-slide .text-1 {transform: translateY(10%);opacity: 0;transition:all .8s ease;transition-delay: .8s;}
.data-technology-university-swiper .swiper-slide-active .title-1,.data-technology-university-swiper .swiper-slide-active .text-1{transform: translateY(0);opacity: 1;}
.data-technology-university-swiper .swiper-slide-active .swiper-slide-top .title-1::after{width: 100%;left: 0;}
.data-technology-university-swiper .swiper-slide-active .choice-year {transform: translateY(0);opacity: 1;}
.choice-ctrl {z-index: 11;left: 10%;position: absolute;top: 0;} 
.choice-item {display: inline-block;vertical-align: middle;position: relative;border: 1px solid rgba(255,255,255,.3);border-radius: 50px;padding: 0 20px;box-sizing: border-box;width: 140px;height: 40px;line-height: 40px;margin-right: 10px;}
.choice-item a.cur{color:#fff;display: block;position: relative;}
.choice-item a.cur::after {content: '';width: 10px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px;background: url("https://www.naturalpath-online.com/datatu/d.png") center no-repeat;}
.choice-item:hover {background: rgba(255,255,255,.8);}
.choice-item:hover a.cur:hover {color: #000;}
.choice-item:hover a.cur:hover::after,.choice-item:hover a.cur::after  {filter: invert(100%);}
.choice-list-item {display: none;background: #fff;position: absolute;left: 0;top: 39px;width: 100%;padding: 10% 0;box-sizing: border-box;border-radius: 10px;}
.choice-list-item a{display: block;color: #666;padding: 0 15%;}
.choice-list-item a:hover {color: #000;background: #f1f1f1;}
.choice-item:hover .choice-list-item {display: block;}
.choice-item:hover a.cur:hover,.choice-item:hover a.cur {color: #000;}
.choice-query {display: inline-block;vertical-align: middle;position: relative;background: #f0a700;border-radius: 50px;box-sizing: border-box;width: 140px;height: 40px;line-height: 40px;color: #fff;text-align: center;}
.choice-query a {color: #fff;display: block;}
.choice-query:hover {background: #ffbf28;}
.choice-year {text-align: center;margin: 0 auto;overflow: hidden;padding:0;transform: translateY(20%);opacity: 0;transition:all .8s ease;transition-delay: 1s;}
.choice-year a {display: inline-block;vertical-align: middle;position: relative;border-radius: 50px;box-sizing: border-box;height: 40px;line-height: 40px;color: #b8bdd5;border: 1px solid rgba(255,255,255,.3);text-align: center;padding: 0 20px;}
.choice-year a.cur,.choice-year a.cur:hover {background: #f0a700;border: 1px solid #f0a700;color: #fff;}
.choice-year a:hover {color: #fff;border: 1px solid #f0a700;background: #f0a700;}
.swiper-slide-bottom.width600 {width: 600px;}
.align-center {position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;z-index: 1;margin-top: 3%;}
.align-center .swiper-slide-top {padding-top: 0;}
#container3 {width: 1200px;margin: auto;margin-top: -3%;}
#container5 {text-align: center;margin-top: 2%;}
#container5 div {display: inline-block;}
#container5 canvas {margin: auto;}
.swiper-slide-bottom.w1300 {width: 100%;margin: auto;height: 100%;text-align: center;}
.type-qiehuan {text-align: center;margin-top: 2%;overflow: hidden;height: 45px;line-height: 45px;border: 2px solid rgba(255,255,255,.2);border-radius: 8px;display: inline-block;padding: 0 6px;font-size: 0;}
.type-qiehuan a{display: inline-block;vertical-align: middle;margin: 0px;width: 45px;height: 36px;position: relative;overflow: hidden;border-radius: 4px;}
.type-qiehuan a img {opacity: .5;}
.type-qiehuan a.cur {background: rgba(255,255,255,.2);}
.type-qiehuan a.cur img {opacity: 1;}
#map1 {margin: auto;margin-top: 2%;width: 86%;height: 500px;}
#map2 {position: absolute;left: 50%;width: 70%;height: 100%;top: -15%;transform: translateX(-50%);}
.echarts-tooltip {text-align: left;}
/* faculty and Staff */
.faculty-and-staff {position: relative;background: #f7f8fa;}
.faculty-and-staff-top {overflow: hidden;padding-top: 5%;background: #fff;}
.faculty-and-staff-top .top-1 {width: 78%;margin: auto;border-bottom: 1px solid #e5e5e5;padding: 0 0 3% 0;overflow: hidden;}
.faculty-and-staff-top .text-1{font-weight: 900;color: #26334d;width: 76%;}
.faculty-and-staff-top .bottom-1{position: relative;}
.faculty-and-staff-top .bottom-1 .img {background: #f7f8fa;}
.faculty-and-staff-top .bottom-1 .img img{opacity: 1; }
.faculty-and-staff-top .text-2 {position: absolute;right: 10%;top: 8%;width: 34%;z-index: 1;text-align: justify;}
.faculty-and-staff-date {position: relative;background: #002f93;width: 70%;margin: auto;border-radius: 20px;overflow: hidden;color: #fff;padding: 2% 5%;z-index: 11;}
.faculty-and-staff-date li{line-height: none;margin: 0;padding: 0;text-align: left;display: inline-block;vertical-align: middle;position: relative;width: 22%;margin-right: 3%;}
.faculty-and-staff-date li:last-child {margin-right: 0;}
.faculty-and-staff-date li strong{font-family: 'ddin';font-weight: normal;margin: 0;padding: 0;display: block;}
.faculty-and-staff-date li strong::after{content: '';width: 100%;height: 1px;background: #fff;opacity: .2;margin: 4% 0;display: block;}
.faculty-and-staff-date li span {display: block;opacity: .6;margin-top: 5%;}
.famous-master {padding: 0 0 1% 0;overflow: hidden;width: 80%;margin: auto;}
.famous-master-top .title-1 {text-align: center;font-weight: 900;color: #26334d;}
.famous-master-list {padding: 4% 0;overflow: hidden;}
.famous-master-list .school-leader-item {margin-bottom: 5%;}
.famous-master-list .school-leader-item .text {padding: 7% 0;}
.famous-master-list .school-leader-item .title-1 {color: #26334d;}
.famous-master-list .school-leader-item .text-3{color: #b8becc;margin-top: 5%;}
.famous-master-list .school-leader-item .text-3 p {margin: 0;padding: 0;}
.famous-master-list .school-leader-item .img {background: #fff;}
.famous-master-list .school-leader-item a:hover .title-1 {color: #fff;}
.famous-master-list .school-leader-item a:hover .text-3{color: #fff;margin-left: 6%;opacity: .6;}
.faculty-and-staff-detail {overflow: hidden;margin-top: 109px;background: #f7f8fa;} 
.faculty-and-staff-detail-top {position: relative;}
.faculty-and-staff-detail-bottom {position: relative;z-index: 11;background: url("https://www.naturalpath-online.com/faculty-and-Staff/logo.png") right -370px no-repeat;padding: 1% 0;}
.faculty-and-staff-detail-main {width: 80%;margin: auto;position: relative;}
.faculty-and-staff-detail-left {float: left;width: 24%;margin-top: -5%;}
.faculty-and-staff-detail-left .text{padding: 4% 0;overflow: hidden;}
.faculty-and-staff-detail-left .title-1{color: #26334d;font-weight: 900;}
.faculty-and-staff-detail-left .text-2{margin-top: 1%;color: #575c66;margin-top: 2%;}
.faculty-and-staff-detail-right {float: right;width: 72%;position: relative;overflow: hidden;padding-bottom: 5%;}
.faculty-and-staff-detail-right .section-banner-path{position: relative;transform: none;right: auto;top: auto;text-align: right;}
.faculty-and-staff-detail-keyword {padding: 4% 0 3% 0;overflow: hidden;border-bottom: 1px solid #e6e7ea;}
.faculty-and-staff-detail-keyword:last-child {border: none;}
.faculty-and-staff-detail-keyword .title-2 {color: #26334d;font-weight: 900;}
.faculty-and-staff-detail-keyword-list {margin-top: 3%;}
.faculty-and-staff-detail-keyword-list li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;padding: 15px 40px; background: #fff;border-radius: 5px;margin-right: 10px;text-align: center;color: #575c66;margin-bottom: 10px;}
.faculty-and-staff-detail-text {position: relative;color: #575c66;padding-top: 3%;overflow: hidden;}
.faculty-and-staff-detail-text p {margin: 0;padding: 0;}
.faculty-and-staff-detail-text li{padding: 0;padding-left: 15px;position: relative;list-style: none;}
.faculty-and-staff-detail-text li::before{content: '';width: 6px;height: 10px;position: absolute;left: 0;top: 10px;background: url("https://www.naturalpath-online.com/faculty-and-Staff/li1.png") left center no-repeat;}
.faculty-and-staff-date-main {position: relative;margin-top: -13%;padding-bottom: 10%;}
.faculty-and-staff-date-main::after {content: '';position: absolute;width: 100%;height: 50%;background:#f7f8fa;left: 0;top: 25%;z-index: 1;}
.faculty-and-staff-detail-main .section-banner-path{transform: none;right: 0;top: 0;}
.list-clear::after {content: '';display: block;clear: both;}  
@media screen and (max-width: 5120px) { 
}
@media screen and (max-width: 3840px) { 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	 
	.school-calendar-item .title-3 {font-size: 24px;}
}
@media screen and (max-width: 1680px) {
	.swiper-button-prev, .swiper-button-next,.index-banner-swiper-button .swiper-button-play {width: 45px;height: 45px;}
	.header-bottom {top: 50%;}
	.foreign-exchange-teaching-item .text {margin-top: 4%;}
	.vmore-4 {width: 130px;height: 40px;line-height: 40px;margin-top: 10%;}
	.teaching-right-list {margin-top: -6%;}
	.footer-content-top {position: relative;}
	.footer-content-right {position: absolute;right: 0;top: 0;}
	input.search-input-1::-webkit-input-placeholder {font-size: 14px;}
	input.search-input-1::placeholder {font-size: 14px;;}
	.header-menu-show-content {height: 90%;}
	.footer-content-right {top: auto;}
	.index-focus {background: url("https://www.naturalpath-online.com/upload/bg1.jpg") center top no-repeat #f4f6f9;background-size:cover;} 
	.school-calendar-item .title-3 {font-size: 18px;}
	.header-nav li {padding-left: 15px;}
}
@media screen and (max-width: 1440px) {
	.index .header-nav-show-content,.header-nav-show-content {top: 90px;}
	.section-banner,.detail-content {margin-top: 90px;}
	.header-logo {width: 15%;}
	.header-nav-show {width: 63%;}
	.header-nav li.nav-menu a,.close-1 i,.close-1 a {width: 40px;height: 40px;}
	.focus-right-item a {padding: 5% 10%;}
	.index-focus-nav a {width: 120px;height: 40px;line-height: 40px;}
	.vmore-3 {width: 130px;margin-top: 10%;}
	.vmore-3 a {height: 40px;line-height: 40px}
	.vmore-3 i {width: 35px;height: 35px;}
	.focus-bottom-item .text {padding:5%;}
	.focus-bottom-item .type-1 {text-align: left;}
	.foreign-exchange-teaching-swiper .foreign-pagination span.swiper-pagination-bullet {margin: 0 5px;}
	.teaching-right-list li a {padding: 3.8% 5%;}
	.play-1 a {width: 80px;height: 80px;}
	.swiper-button-prev, .swiper-button-next,.index-banner-swiper-button .swiper-button-play {width: 40px;height: 40px;}
	.teaching-research-logo .logo-1 {height: 50px;}
	.teaching-research-logo .logo-1 img.img-center {max-width: 90%;max-height: 90%;}
	.footer-content-right .social-2 a,.social-share a {width: 40px;height: 40px;}
	.footer-content-right .social-2 a img.img-center,.social-share a img.img-center{max-width: 80%;max-height: 80%;}
	.footer-logo {width: 50%;}
	.section-banner-nav li a {line-height: 80px;}
	.jiantou-3 i,.jiantou-3,.jiantou-3 i::before {width: 50px;height: 50px;}
	.jiantou-3 i {margin-top: -55px;margin-left: -25px;}
	.right-text {right: -15%;top: 20%;line-height: 300px;}
	.characteristics-item {padding:4% 0;}
	.discipline-planning .section-content-top .text-3 {width: 65%;}
	.school-leader-item .img i {width: 50px;height: 50px;}
	.section-banner-bottom::after,.section-banner-nav li a::before {height: 4px;}
	.grid .imgholder a::before {width: 60px;height: 60px;background: url("https://www.naturalpath-online.com/images/eye.png") center no-repeat #fff;background-size: 40%;}
	.organization-item .suangyih-1 {width: 45px;height: 45px;} 
	.floating-search-button {top: 4%;}
	.floating-search-button .search-ok {width: 60px!important;height: 60px;}
	.floating-search-button .searchinput-1 {height: 60px;}
	.detail-content-item li {line-height: 40px;padding: 0 20px;font-size: 12px;}
	.section-banner-bottom.navw5::after {width: 64%;}
	.footer-content-center .additem-1 {margin-right: 5%;}
	.section-page-banner {margin-top: 70px;}
	.footer-content-right .social-2 .footer-ewm-show{top: 50px;width: 100px;margin-left: -50px;}
	.dropdown .navshow {padding: 0px 0 10px 20px;}
	.foreign-exchange-teaching-item .link {height: 40px;line-height: 40px;}
	.header-nav li {padding-left: 15px;}
	.banner-content .text strong{line-height: 44px;}
	.choice-list-item {top: 29px;}
}
@media screen and (max-width: 1366px) {
	.section-banner-nav li {padding: 0 20px;}
	.footer-content-right .social-2 .footer-ewm-show {top: 50px;z-index: 111;width: 100px;}
	.header-show-search-from input.search-input-1::-webkit-input-placeholder,.header-show-search-from input.search-input-1::placeholder  {font-size: 14px;} 
	.dropdown .navshow {padding: 0px 0 10px 18px;}
	.banner-content .text strong{line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	.foreign-exchange-content-top .title-1{width: 50%;}
	.foreign-exchange-content-top .title-1 strong {margin-right: 20px;}
	.foreign-exchange-content-top .title-1 span {margin-left: 0;}
	.header-logo {left: 3%;}.header-right {right: 3%;}
	.header-nav-show {width: 65%;}
	.search-input-1 {padding: 4% 4% 4% 15%;}
	.dropdown .navshow {padding: 0px 0 10px 16px;}
}
@media screen and (max-width: 1152px) {
	.index-focus-content,.index-foreign-exchange-content,.energetic-content-bottom-pics,.section-content,.organization .section-content,.teaching-unit .section-content,.campus-life .section-content,.teaching-research-content,.footer-content,.school-running-orientation .section-content,.school-running-characteristics .section-content,.school-leader .section-content {width: 94%;}
	.index .header-nav-content.cur .header-nav-show-content,.index .header-nav-show-content, .header-nav-show-content,.header-nav-content.cur .header-nav-show-content {top: 70px;}
	.discipline-planning .section-content-top .text-3 {width: 90%;}
	.section-banner, .detail-content {margin-top: 70px;}
	.banner-content .text {left: 3%;}
	.index-banner-swiper-button {right: 3%;}
	.index-foreign-exchange .right-en {right: 3%;}
	.energetic-content-top {left: 3%;width: 92%;}
	.energetic-content-item .text {width: 50%;left: 3%;}
	.section-banner-bottom.navw4::after {width: 60%;}
	.organization-item {width: 32.2%;}
	.section-banner-nav li {padding: 0 10px;}
	.energetic-technology-main,.index-foreign-exchange {width: 94%;}
	.footer-content-right .social-2 .footer-ewm-show {width: 80px;}
    .footer-content-bottom a {font-size: 12px;}
	.organization-item.mr0 {margin-right: 1%;}
	.international-exchange-item .date-1 {margin-top: 5%;}
	.footer-content-right .social-2 .footer-ewm-show{margin-left: -45px;top: 45px;}
	.foreign-exchange-bottom-top,.foreign-exchange-teaching-bottom {width: 100%;}
	.faculty-and-staff-top .top-1 ,.famous-master,.faculty-and-staff-detail-main{width: 94%;}
	.faculty-and-staff-top .bottom-1 {padding-top: 5%;background: #fff;}
	.faculty-and-staff-top .text-2 {right: 4%;top: 8%;width: 50%;}
	.faculty-and-staff-date {width: 84%;}
}
@media screen and (max-width: 1024px) {
	.energetic-content-swiper .energetic-button-next {margin-top: 5px;}
	.footer-content-left {width: 20%;}
	.footer-logo {width: 70%;}
	.school-running-orientation-top {width: 100%;}
	.faculty-and-staff-top .text-1 {width: 100%;}
}
@media screen and (max-width: 980px) {
	.header-nav li.nav,.information-disclosure-nav{display: none;}
	.information-disclosure-mb,.index-banner-swiper .banner-pagination {display: block;}
	.header-logo {width: 20%;}
	.faculty-and-staff-date-main {margin-top: 0;}
}
@media screen and (max-width: 860px) {
	.pcshow ,.aside-top a,.zimu-1,.index-foreign-exchange .right-en,.index-banner-swiper-button{display: none!important;}
	.mbshow,.menu-toggle,.mobile-navigation{display: block!important;}
	.header-logo {width: 40%;}.header-menu-show {width: 100%;}.header-menu-show-content {padding: 5% 10% 5% 10% ;}
	.header-menu-show-content .close-1 {top: 2%;right: 0;position: absolute;}
	.header-menu-search ,.foreign-exchange-item .date-4{margin-top: 5%;}
	.index-banner-swiper-button {width: 80%;bottom: 5%;}
	.banner-content .text strong {line-height: 40px;}
	.banner-content .text {bottom: 15%;width: 94%;}
	.index-focus,.index-foreign-exchange ,.energetic-content-bottom{padding: 15% 0;overflow: hidden;}
	.foreign-exchange-item .text {padding: 5% 0;}
	.foreign-exchange-teaching-item .text {padding: 5%;box-sizing: border-box;}
	.index-focus-content ,.energetic-technology-left{overflow: hidden;}
	.index-focus-nav {text-align: left;position: relative;right: auto;top: auto;transform: none;margin-top: 5%;}
	.index-focus-nav a {width: auto;padding: 0 5%;height: 35px;line-height: 35px;}
	.index-focus-content-center,.index-focus-content-bottom,.footer-content-center {margin-top: 5%;}
	.international-exchange-top-right {margin-top: 7%;}
	.focus-center-left-item .text,.foreign-exchange-content-top .index-focus-nav ,.foreign-exchange-bottom-top .index-focus-nav,.energetic-content-item .text{position: relative;width: 100%;left: auto;bottom: auto;}
	.focus-center-right,.foreign-exchange-item .text,.teaching-right-list,.right-prevnext {width: 100%;height: auto;position: relative;right: auto;top: auto;transform: none;}
	.focus-right-item {height: auto;width: 100%;}
	.foreign-exchange-item .date-4{position: relative;}
	.focus-right-item a {padding: 5% 5%;top: auto;transform: none;position: relative;width: 90%;}
	.focus-center-left-swiper .focus-pagination {position: relative;right: auto;bottom: auto;padding: 5% 0;}
	.focus-bottom-item,.foreign-teaching-item {float: none;width: 100%;margin-right: auto;margin-bottom: 2%;}
	.title-1 span ,.foreign-exchange-teaching-item .text{margin-left: 0px;}
	.foreign-teaching-item .date-4{margin-top: 0px;}
	.foreign-exchange-teaching-swiper .foreign-pagination {left: 0;}
	.foreign-teaching-item .title-3,.school-leader-item .text-2  {min-height: auto;}
	.energetic-content-item .text {box-sizing: border-box;}
	.energetic-content-swiper .energetic-button-prev, .energetic-content-swiper .energetic-button-next {display: inline-block;margin-right: 5px;}
	.swiper-button-prev::after, .swiper-button-next::after {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.play-1 {width: 50px;height: 50px;right: 5%;}.play-1 a {width: 50px;height: 50px;}.close-1 {right: 1%;top: 2%;}
	.index-teaching-research {padding: 10% 0 3% 0 ;}.teaching-research-logo {float: left;width: 49.4%;}.index .footer-content-top {padding-top: 10%;margin-top: 10%;}
	.footer-logo {width: 42%;}.jiantou-3 {bottom: 1%;}.footer-content-right {position: relative;right: auto;top: auto;text-align: left;float: none;margin-top: 5%;}
	.footer-content-bottom .link-2 {position: relative;right: auto;top: auto;transform: none;}
	.footer-content-center .additem-1 {margin-bottom: 4%;}
	.section-banner-bottom {position: relative;right: auto;bottom: auto;}
	.section-banner-path,.section-banner-bottom.navw1::after,.section-banner-bottom.navw2::after,.floating-search-button,.social-share,.detail-content-bottom a span,
	.section-banner-bottom.navw3::after,.section-banner-bottom.navw4::after,.section-banner-bottom.navw5::after,
	.floating-search-button.search,.pageturn a.prev span,.pageturn a.next span {display: none;}
	.section-content-text {bottom: 70px;width: 50%;}.grid {min-height: auto;}
	.jiantou-3 i, .jiantou-3, .jiantou-3 i::before {width: 40px;height: 40px;}
	.school-running-characteristics .classname-1 {position: relative;left: auto;top: auto;margin-bottom: 10%;}
	.discipline-planning .section-content-top {position: relative;left: auto;width: 100%;top: auto;margin-top: 15%;}
	.footer-content-right .social-2 .footer-ewm-show {top: auto;left: auto;bottom: 0;margin-left:0;}
	.school-leader-item,.school-calendar-item,.organization-item,.teaching-unit-item {margin-right: 0;margin-bottom: 5%;} 
	.section-banner-nav {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;font-size: 0;}
	.section-banner-nav::-webkit-scrollbar{height:0px; width:0px;}
	.organization-item {margin: 10% auto 15% auto;}
	.section-banner-nav li a {line-height: 70px;}
	.detail-content-bottom a.return {width: 100px;}
	.detail-content-bottom a.return span{display: block;}
	.international-exchange .section-content,.section-detail-path,.detail-content-other .section-content {width: 94%;margin: auto;}
	.pageturn {font-size: 0;}.pageturn a.prev i,.pageturn a.next i,.detail-content-bottom a.prev i,.detail-content-bottom a.next i {margin: 0;}
	.detail-content-bottom a {width: 40px;}
	.pageturn a:hover {background: none;}.pageturn a:hover span{color: #000;}
	.detail-content-item li {line-height: 30px;padding: 0 0px;font-size: 12px;border: none;}
	.detail-content-other {padding: 5% 0 15% 0;}
	.international-exchange-items .pic {background-size: cover;}
	#search.header-nav-show-content {width: 100%;left: auto;right: 0;}
	.banner-nav-linex {height: 3px;}
	.section-page-banner {margin-top: 70px;}
	.information-disclosure-content,.page-students-content {width: 94%;}
	.information-disclosure-left {width: 100%;}
	.information-disclosure-nav li {width: auto;display: inline-block;margin-right: 10px;}
	.information-disclosure-nav li a {padding: 10px 20px 10px 10px;}
	.information-disclosure-nav li.cur a {padding: 10px 20px 10px 10px;}
	.information-disclosure-right {float: none;width: 100%;margin-left:auto;margin:auto;overflow: hidden;padding-top: 5%;}
	.information-disclosure-list .school-calendar-item {width: 100%;margin-right: 0;margin-bottom: 2%;}
	.students-item {margin-right: auto;margin-bottom: 3%;}
	.section-page-banner-text {left: 4%;}
	.page-search-top-content {width: 90%;}
	.search-icon-2 {width: 20%;}
	.page-search-bottom {padding-top: 10%;}
	.search-result,.search-result-list {width: 90%;}
	.search-result-list-main .school-calendar-item {width: 100%;margin-right:0;}
	.banner-content .text strong {font-size: 18px;line-height: 26px;}
	.focus-center-left-item .title-2 {font-size: 14px;line-height: 22px;}
	.focus-bottom-item .title-2,.foreign-exchange-item .title-2,.foreign-teaching-item .title-3,.characteristics-title {font-size: 17px;}
	.focus-right-item .title-2 {font-size: 15px;}
	.foreign-exchange-item .text-3 ,.foreign-exchange-bottom-top .text-1,.foreign-exchange-teaching-item .text-3{line-height: 20px;}
	.foreign-teaching-item {margin-bottom: 10%;}
	.foreign-exchange-content-bottom,.teaching-right-list {margin-top: 15%;}
	.foreign-exchange-teaching-bottom {margin-top: 15%;}
	.foreign-exchange-teaching-item .title-2  {font-size: 20px;text-overflow: none;white-space: normal;overflow: visible;}
	.focus-center-left-item .text {background: rgba(0, 47, 147,1);}
	.foreign-exchange-teaching-item {background: #f3f6fb;}
	.foreign-exchange-teaching {background: none;}
	.foreign-exchange-teaching-item {padding-bottom: 0;}
	.school-running-orientation-bottom .item .text-2 {font-weight: normal;}
	.characteristics-title{font-weight: normal;}
	.characteristics-content {padding-top: 3%;}
	.characteristics-item {padding: 8% 0;}
	.grid {margin-right: 2px;margin-bottom: 2px;}
	.school-calendar-item a {background: #fff;}
	.school-calendar-item .img ,.section-content-text .jiantou-3,.index-foreign-exchange-content::after{display: none;}
	.school-calendar-item .text {left: auto;top:auto;position: relative;padding: 8%;box-sizing: border-box;height: auto;width: 100%;}
	.school-calendar-item .more-4 {position: relative;margin-top: 15%;}
	.section-banner-pic .img {height: 300px;}
	.section-banner {height: 370px!important;}
	.section-content-text {width: 70%;}
	.section-content-text .bg-2 {height: 100px;}
	.section-banner-pic {width: 100%;}
	.section-content-text .text-1 {left: 10%;top: 50%;transform: translateY(-50%);}
	.page-right-path {width: 93%;}
	.information-disclosure-mb a.cur {background: #fff;padding: 4% 4%;}
	.information-disclosure-mb a i {right: 4%;}
	.information-disclosure-mb a span {color: #002f93;}
	.information-disclosure-mb a.cur {border-bottom: 3px solid #f0a700;}
	.page-students-bottom.mb2raw  .students-item {width: 47.5%;float: left;margin-right: 1%;margin-right: 2.5%;}
	.students-item .title-1 {font-size: 16px;} 
	.viewmore-2 i,.foreign-exchange-item .date-4 i,.foreign-teaching-item .date-4 i,.students-item .more-4 i {background-size: 80%;}
	.vmore-3 i,.energetic-technology-item .icon-2  {background-size: 20%;}
	.footer-content-right .social-2 .footer-ewm-show {width: 120px;}
	.school-calendar-item a:hover {background: #002f93;}
	.information-disclosure-mb a span {color: #26334d;}
	.information-disclosure-mb ul {padding: 1% 4%;}
	.students-item a:hover {transform: translateY(-5px);}
	.clear.mtb5 {height: 50px;}
	.characteristics-title.font20 {font-weight: bold;font-size: 16px !important; }
	.banner-content .text {text-align: center;}
	.section-content-text .entitle-1{margin-top: 0px;}
	.discipline-planning .section-content-top .text-3 {line-height: 24px;}
	.section-content-text .text-2 {display: none;}
	.information-disclosure-list .school-calendar-item .title-3 {margin-top: 0;}
	.school-calendar-item a {min-height: 145px;}
	.school-running-characteristics {padding: 0;}
	.school-running-characteristics .mbshowbg {padding: 25% 0 25% 0;background:url("https://www.naturalpath-online.com/survey/pic02.jpg") center no-repeat fixed;background-size:100%; }
	.index-foreign-exchange {width: 100%;}
	.foreign-exchange-content-top .title-1 span {display: block;}
	.foreign-exchange-content-top ,.foreign-exchange-content-center{padding-left: 0;margin-left:0;}
	.energetic-content-item .text {left: 4%;width: 91%;}
	.right-prevnext {text-align: left; margin-bottom: 5%;margin-left: 4%;} 
	.teaching-research-logo.mr0 {margin-right: .6%;}
	.section-content-text .text-1 .title-1{font-size: 20px;}
	.section-content-text .text-1 .entitle-1 div{font-size: 14px;}
	.faculty-and-staff-top .text-2 {position: relative;width: 90%;padding: 5%;left: auto;top: auto;right: auto;}
	.faculty-and-staff-top .text-1.font40 {font-size: 18px;}
	.faculty-and-staff-date {font-size: 0;padding: 10%;box-sizing: border-box;width: 100%;margin-top: 5%;}
	.faculty-and-staff-date li {width: 46%;margin: 2%;}
	.faculty-and-staff-detail {margin-top: 70px;}
	.faculty-and-staff-detail-left {float: none;width: 100%;margin-top: 5%;}
	.faculty-and-staff-detail-right {width: 100%;float: none;}
	.faculty-and-staff-detail-keyword-list li {padding: 3%;}
	.header-nav-show {width: 100%!important;}
	.pageturn .p_fun {width: 30px!important;height: 30px!important;line-height: 30px!important;text-indent: 9999px;position: relative;}
        .pageturn .p_fun_d {width: 30px!important;height: 30px!important;line-height: 30px!important;text-indent: 9999px;position: relative;}
	.pageturn .p_prev,.pageturn .p_next{margin: 2px 5px!important;}
        .pageturn .p_prev_d,.pageturn .p_next_d{margin: 2px 5px!important;}
	.pageturn .p_prev::before {left: 50%;transform: translate(-50%,-50%);}
	.pageturn .p_next::before {right: 50%;transform: translate(50%,-50%);}
        .pageturn .p_prev_d::before {left: 50%;transform: translate(-50%,-50%);}
	.pageturn .p_next_d::before {right: 50%;transform: translate(50%,-50%);}
	.pageturn .p_fun a{text-indent: -9999px;display: none;line-height: 30px!important;}
	.pageturn .p_pages span {width: 30px;height: 30px;line-height: 30px;margin: 2px;}
	.pageturn .p_no a {width: 30px!important;height: 30px!important;line-height: 30px!important;}
	.search-result-none {padding: 30% 0;}
	.energetic-content-item .img img,.section-page-banner-img img{max-width: 200%;width: 200%;}
	.focus-center-left,.foreign-exchange-content-top,.foreign-exchange-content-top .title-1,.foreign-exchange-content-center,.foreign-exchange-item .img,.foreign-exchange-bottom-top .text-1,.foreign-exchange-teaching-item .text,.foreign-exchange-teaching-item .img,.foreign-exchange-teaching-swiper .foreign-pagination ,.foreign-teaching-item,.energetic-content-top .text,.energetic-technology-left,.energetic-technology-right,.footer-content-left,.footer-content-center,.section-content-bottom-content,.school-running-orientation-bottom .img,.school-running-orientation-bottom .item,.school-running-characteristics .section-content-right,.school-leader-item,.school-calendar-item,.organization-item,.teaching-unit-item,.international-exchange-top-left,.international-exchange-top-right,.international-exchange-items,.detail-content .section-content,.header-nav-show,.campus-life-top-item:first-child, .campus-life-top-item:last-child,.campus-life-top-item ,.students-item{float: none;width: 100%;}
	
}
@media screen and (max-width: 500px) {
    .detail-content-center img{
     object-fit: contain; 
     width: 100% !important;
     height: 100% !important;
    }
}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}
/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}