/* 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 {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: #0055b9;}

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

.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: #0055b9;}

::-webkit-scrollbar-thumb{background-color:#0055b9;box-shadow:inset 1px 1px 0 #0055b9,inset 0 -1px 0 #0055b9;}

 





/* header */

.header {position:absolute;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;height: 108px;}

.header-logo {width:16%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left: 5%;z-index: 11;transition:all .4s ease;}

.header-logo a {display: block;background: url('../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: 5%;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: #e60013;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('../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: #0055b9;}

.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('../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.black {background: #fff;border-bottom: 1px solid #e6e7ea;height: 108px;}

.header.black .header-right{height: 108px;}

.header.black .header-logo a {background: url('../images/logoh.png') center no-repeat;background-size: contain;}

.header.black .header-nav li a.nav1 {color: #828a99;}

.header.black .header-nav li.cur a.nav1 {color: #0055b9;}

.header.black .header-nav li.cur a.nav1::after {width: 100%;}

.header.black .header-nav li a.nav1:hover {color: #0055b9;}

.header.black .header-nav .language a span::before {background: url('../images/ddd.png') center no-repeat;background-size: 100%;}

.header.black .header-nav li.search a{background: url('../images/sss.svg') center no-repeat;background-size: 100%;}

.header.black .header-nav li.search a:hover {background: url('../images/s.svg') center no-repeat;background-size: 100%;}

.header.black .header-nav .language a span {color: #828a99;}

.header.black .header-nav .language a:hover span {color: #0055b9!important;}

.header.black .header-nav li.nav-menu a {border: 2px solid rgba(0,47,147,.2);}

.header.black .header-nav li.nav-menu span{background: #828a99;}

.header.black .header-nav li.nav-menu a:hover {border: 2px solid rgba(0,47,147,1);}

.header.black .header-nav li.nav-menu a:hover span {background: #0055b9;} 



.header.black.scroll-top,.header.black.scroll-down {height: 88px;}

.header.scroll-top,.header.scroll-down {background: #fff;border-bottom: 1px solid #e6e7ea;position: fixed;height: 88px;}

.header.scroll-top .header-right,.header.scroll-down .header-right{height: 88px;}

.header.scroll-top .header-logo,.header.scroll-down .header-logo {width: 12%;}

.header.scroll-top .header-logo a,.header.scroll-down .header-logo a  {background: url('../images/logoh.png') center no-repeat;background-size: contain;}

.header.scroll-top .header-nav li a.nav1,.header.scroll-down .header-nav li a.nav1 {color: #828a99;font-size: 18px;}

.header.scroll-top .header-nav li.cur a.nav1::after,.header.scroll-down .header-nav li.cur a.nav1::after  {width: 100%;}

.header.scroll-top .header-nav .language a span::before,.header.scroll-down .header-nav .language a span::before {background: url('../images/ddd.png') center no-repeat;background-size: 100%;}

.header.scroll-top .header-nav li.search a,.header.scroll-down .header-nav li.search a{background: url('../images/sss.svg') center no-repeat;background-size: 100%;}

.header.scroll-top .header-nav .language a span,.header.scroll-down .header-nav .language a span {color: #828a99;}

.header.scroll-top .header-nav li.nav-menu a,.header.scroll-down .header-nav li.nav-menu a {border: 2px solid rgba(0,47,147,.2);}

.header.scroll-top .header-nav li.nav-menu span,.header.scroll-down .header-nav li.nav-menu span{background: #828a99;}

 







.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: 0px 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; background:#f7f8fa;}

.header-show-nav-logo {width: 13%;position: absolute;right: 16.5%;top: 16%;z-index: 1; display:none;}

.header-show-nav-left {float: left;width: 40%;background: #f7f8fa;box-sizing: border-box; padding-top:20px; padding-bottom:50px;}

.header-show-nav-about {padding: 5% 15%;overflow: hidden;}

.header-show-nav-about .text{padding-bottom: 5%;overflow: hidden; display:none;}

.header-show-nav-about .title-1{font-weight: 900;}

.header-show-nav-about .english-2{color: #26334d;opacity: .2;text-transform: none; font-family:Arial, Helvetica, sans-serif;}

.header-show-nav-about .pic{overflow: hidden;}

.header-show-nav-about .pic img {opacity: 1;}

.header-show-nav-right {float: left;width: 60%;background: #f7f8fa;}

.header-show-nav-right-nav {padding:50px 0 50px 7%;overflow: hidden;width: 70%;}

.header-show-nav-right-nav li{list-style: none; width:40%; margin-right:10%; padding: 0;border-bottom: 1px solid #e6e7ea;margin-bottom: 0%;  margin-top: 0%;  float:left; line-height:30px;}

.header-show-nav-right-nav a{display: block;color: #828a99;position: relative;padding:0 0;overflow: hidden;z-index: 11;



text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;

height: 35px;

line-height: 35px;





}





.header-show-nav-right-nav a.font18 { font-size:15px;}

.header-show-nav-right-nav a::before {content: '';width: 0;height: 1px;background: #e60013;position: absolute;left: 0;bottom: 0;}

.header-show-nav-right-nav a::after {content: '';width: 8px;height: 12px;background: url('../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: #0055b9;}

.header-show-nav-right-nav a:hover::before{width: 100%;}

.header-show-nav-right-nav a:hover::after {background: url('../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('../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 #0055b9;}

.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: #0055b9;border-bottom: 1px solid #e60013;}





.header-menu-show {position: fixed;right:0;top:0px;width:15.5%;height: 100%;z-index: 900;background: url('../images/mbg1.jpg') center no-repeat #0055b9;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('../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: #e60013;}

.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: #0055b9;}

.close-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}

.close-1 a:hover  {background: #e60013;}

.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('../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.black  {height: 108px;}

.index .header.black .header-right{height: 108px;}

.index .header-nav-show-content {top: 108px;}

.index .header-nav-content.cur .header-nav-show-content{top: 88px;}

.index .header.black.scroll-top,.index .header.black.scroll-down  {height: 88px;}

.index .header.black.scroll-top .header-right,.index .header.black.scroll-down .header-right  {height: 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: #e60013;}

.mobile-navigation li.dropdown a {position: relative;padding-right: 20px;}





/* footer */

.index .footer  {border-top:none;}

.footer {background:#142334 url('../images/footer1.jpg') center no-repeat;background-size: cover;color:#fff;position: relative;clear: both;padding-top: 3%;border-top: 0px solid #e60013;}

.footer-content {width: 90%;margin: auto;}

.footer-content-top {padding-bottom: 10%;position: relative;padding-top: 2.5%; margin-bottom:50px;}

.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: 65%;}

.footer-content-center .additem-1{display: inline-block;vertical-align: top;margin-right: 10%; margin-bottom:20px; width:23.33333%;}

.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 strong a { color:#fff;}

.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: rgba(255,255,255,.6); font-size:15px; }

.footer-content-bottom .copy-1 a {color: #fff; font-size:15px;}

.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: 0px;background:#e60013;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:7%;bottom:25.5%;z-index: 21;width: 56%;}

.banner-content .text h3 {

	font-weight: 400;

	font-size: 15px;

	line-height: 50px;

	color: #fff;

	margin-top: 10px;

	text-decoration: underline; padding-left:30px;

}

.banner-content .text:hover h3 { color:#fff;}

.banner-content .text strong{color: #fff; font-size:42px;  background:url(../images/banicon-1.png) no-repeat left  center; width:100%; padding-left:35px; display:block; height:70px; background-size:auto 100%; line-height:70px !important; padding-bottom:10px; text-shadow:1px 1px 1px rgba(0,0,0,1); font-family:Arial, "微软雅黑"; font-style: italic;}

.banner-content .text p { font-size:16px; color:#fff; 



 background:url(../images/banicon-2.png) no-repeat left  center; width:100%; padding-left:35px; display:block; height:70px; background-size:auto 100%; line-height:25px !important; padding-top:20px; margin-top:-10px;





}

.banner-content .img{overflow: hidden;}

.banner-mark {width: 100%;height: 100%;background: url('../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('../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('../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 #e60013;margin: 0 4px;}







.index-focus {padding: 6% 0 5.22% 0;overflow: hidden;background: url('../upload/bg11.jpg') center top no-repeat #f4f6f9;background-size: cover;}

.index-focus-content {width: 90%;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('../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%; text-transform:uppercase;}

.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; margin-right:10px;}

.index-focus-nav a:hover {background: #0055b9;border: 1px solid #0055b9;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, 78,184,.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('../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 #e60013;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: #e60013;}*/

.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: #0055b9;}

.focus-right-item a:hover .viewmore-2 span{color: #0055b9;}

.focus-right-item a:hover .viewmore-2 i {background: url('../images/r5.png') center no-repeat;background-size: 100%;}

.zimu-1 {width: 26%;height: 90%;position: absolute;right: 3%;top: 2%;background: url('../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: #0055b9;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('../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('../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: #0055b9;}

.focus-bottom-item a:hover .date-4 i {background: url('../images/r3.png') center no-repeat;filter: grayscale(0);opacity: 1;}

.focus-bottom-item a:hover .date-4 {border-top: 1px solid #0055b9;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 #e60013;background: transparent;opacity: 1; transform:none}



.index-foreign-exchange-contents {background: #e9ecef;overflow: hidden;padding-bottom: 5%;}

.index-foreign-exchange {position: relative;background: url('../upload/bg22.jpg') center bottom no-repeat #0055b9;background-size: cover;padding: 3.3% 0 4% 0;width: 90%;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('../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: #e60013;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('../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: #e60013;}

.foreign-exchange-item a:hover .date-4 span {color: #e60013;opacity: 1;}

.foreign-exchange-item a:hover .date-4 i {background: url('../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('../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('../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: #0055b9;}

.foreign-exchange-teaching-item a:hover span {color: #fff;}

.foreign-exchange-teaching-item a:hover .title-2 {color: #0055b9;}

.foreign-exchange-teaching-item .link {display: block;position: relative;border-radius: 100px;height: 40px;line-height: 40px;width: 100%;border: 1px solid #0055b9;}

.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 #e60013;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 #0055b9;}

.vmore-3 span {color: #0055b9;margin-left: 15%;display: block;}

.vmore-3 i {width: 44px;height: 44px;border-radius: 100%;background: url('../images/r1.png') center no-repeat #0055b9;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);}

.vmore-3 a:hover {background: #0055b9;}

.vmore-3 a:hover span {color: #fff;}

.vmore-4 {position: relative;width: 160px;height: 50px;line-height: 50px;border: 1px solid #0055b9;margin-top: 15%;}

.vmore-4 span{display: block;text-align: center;position: relative;z-index: 11;color: #0055b9;}

.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: #0055b9;}

.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: 31.8%;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 .title-1{color: #fff;} 

.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('../images/r1.png') center no-repeat;opacity: .3;}

.foreign-teaching-item a:hover .title-3{color: #e60013;}

.foreign-teaching-item a:hover .title-1{color: #e60013;}

.foreign-teaching-item a:hover .date-4 {border-bottom: 2px solid #e60013;}

.foreign-teaching-item a:hover .date-4 span {opacity: 1;color: #e60013;}

.foreign-teaching-item a:hover .date-4 i {background: url('../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: #e60013;}

.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: #0055b9;}



.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('../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: #e60013;border: 2px solid #e60013;}

.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('../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('../upload/bg8.jpg') center top no-repeat;background-size: 100%;border-bottom: 5px solid #e60013;}

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

.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: #0055b9;}

.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('../upload/bg5.jpg') center top no-repeat;background-size: cover;}

.teaching-research-content {overflow: hidden;width: 90%;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: #e60013;}

.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('../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; overflow:hidden;}

.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: #0055b9 url('../images/tiao.png') center no-repeat;}

.section-banner-pic {overflow: hidden;width: 100%;float: ;}



.section-banner-pic .img{animation: srmgani 4000ms 1 ease forwards; height:450px;}

.section-banner-pic .img img { background-size:auto 100% !important;}

.section-banner-bottom {clear: both;position: absolute;overflow: hidden;right: 0;bottom: 0;width: 100%;background: #fff; border-bottom:1px solid #e6e7ea;}

/* .section-banner-bottom::after {content: '';width: 33%;height: 5px;background: #e60013;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: 88%;float: ; margin:0px auto; overflow: hidden;position: relative;}

.section-content-bottom-content::after {content: '';width: 100%;height: 0px;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; float:right; width:70%; text-align:right;}

.section-banner-nav li{display: inline-block;vertical-align: middle;list-style: none;margin: 0;padding: 0 17px;position: relative;/* max-width:100px;*/





}

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

.section-banner-nav li.cur a{font-weight: 900;color: #0055b9; border-bottom:5px solid #e60013;}





/* .section-banner-nav li.cur a::before,.section-banner-nav li a:hover::before {width: 100%;} */

.section-banner-path {position: absolute;left: 0%;top: 50%;transform: translateY(-50%);z-index: 11;}

.section-banner-path a.cur {color: #0055b9;}

.banner-nav-linex {width: 0;height: 5px;background: #e60013;position: absolute;bottom: 0;left: 0;z-index: 11;transition:all .4s ease; display:none;}



.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('../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('../images/dun.png') -24% 105% no-repeat;}

.school-running-orientation .section-content{width: 88%;position: relative;}

.school-running-orientation-top {width: 76%;}

.school-running-orientation-top .title-1{font-weight: 900;color: #0055b9;}

.school-running-orientation-top .title-2{font-weight: 900;color: #26334d;margin-top:2%; font-size:32px;}

.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 .img { background-size:100% auto; height:560px;}

.school-running-orientation-bottom .jiyu {height:460px;} 

.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: #0055b9;}

.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: #0055b9;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('../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('../images/dun.png') 110% -10% no-repeat;}

.school-leader .section-content {width: 88%;margin: auto; padding-bottom:5%;}

.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: 18.5%;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:#0055b9;z-index: 1;overflow: hidden;}

.school-leader-item .img i::before {content: '';width: 14px;height: 12px;background: url('../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('../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: #e60013;opacity: 1;}

.school-leader-item:hover .title-1,.school-leader-item:hover .text-2{margin-left: 8%;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: #0055b9;}

.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('../../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: #0055b9;}

.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: #fff; 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; width:100%; text-align:center;}

.grid .imgholder a::before {content: '';display: block;opacity: 0; width:72px;height:72px;background: url("../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('../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("../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(../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('../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: #e60013;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: #0055b9;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('../images/r0.png') center no-repeat;}

.school-calendar-item a:hover .img{background: #0055b9;}

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

.school-calendar-item a:hover .more-4 i {background: url('../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: 1.3%;margin-bottom: 2%;}

.international-exchange-list .international-exchange-items:nth-child{3n} { margin-right:0px;}

.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: #e60013;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 .pic img {object-fit: cover;}

.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: #0055b9;}

.international-exchange-items .img .type-1::after{content: '';width: 31px;height: 33px;position: absolute;right: -31px;top: 0;background: url('../images/tip02.png') no-repeat;}

.international-exchange-items .pic {background: #fff no-repeat center center; background-size: cover;}

.shebei .international-exchange-items .pic {background: #fff no-repeat center center; background-size:auto 70%; /*background-size: cover;*/ }



.shebei .international-exchange-items{border:1px solid #dedede; width:31.5%;}



.international-exchange-items .text{padding: 6% 5%;overflow: hidden;}

.international-exchange-items .title-1 { font-family:Arial, Helvetica, sans-serif;}







.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: #0055b9;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('../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('../images/r4.png') left center no-repeat;color: #0055b9;position: absolute;bottom: 5%;left: 5%;}

.international-exchange-items .xiazaimore{padding-left: 30px;background: url('../images/pdf.jpg') left center no-repeat!important;color: #0055b9; font-weight:900; position: absolute;bottom: 5%;left: 5%;}





.international-exchange-items a:hover .pic {transform: scale(1.05);}

.international-exchange-items a:hover {background: #0055b9;}

.xiazai .international-exchange-items a:hover {background: #fff!important;}







.xiazai .international-exchange-items .main .text { background:#ededed; width:87% !important; float:left !important;}

.xiazai .international-exchange-items a:hover .date-1,.xiazai .international-exchange-items a:hover .title-2 { color:#000;}

.international-exchange-bottom .xiazai .international-exchange-items a:hover .title-1 {color:#000 !important;}

.xz_l { width:70%; float:left;}

.xz_r { width:25%; float:left;}



.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('../images/r5.png') left center no-repeat;color: #e60013;}







.international-exchange-items a:hover::after {width: 100%;}

.international-exchange-items a:hover .text .type-1 {background: #fff;color: #0055b9;}

.international-exchange-items a:hover .text .type-1::after{background: url('../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 #0055b9;background: #0055b9;}

.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('../images/l4.png');margin-right: 10px;}

.pageturn a.next i{background: url('../images/r4.png');margin-left: 10px;}

.pageturn a.prev {position: absolute;left: 0}

.pageturn a.next {position: absolute;right: 0;}

.pageturn a:hover {background: #0055b9;}

.pageturn a:hover span {color: #fff;}

.pageturn a.prev:hover i{background: url('../images/l5.png');}

.pageturn a.next:hover i{background: url('../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('../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('../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: #0055b9;}

.pageturn .p_prev:hover a{color: #fff;}

.pageturn .p_prev:hover::before {background: url('../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('../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('../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: #0055b9;}

.pageturn .p_next:hover a{color: #fff;}

.pageturn .p_next:hover::before {background: url('../images/r5.png');}

.pageturn .p_no_d {background: #0055b9!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: #0055b9!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('../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: #0055b9 url('../images/l5.png') center no-repeat;}

.floating-search-button.search {top: 4%;}

.floating-search-button.search a{background: #fff url('../images/sss.png') center no-repeat;}

.floating-search-button.search a:hover {background: #0055b9 url('../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('../images/sss.png') center no-repeat transparent;right:0px;opacity: 0;}

.floating-search-button.cur a.search:hover {background: #0055b9 url('../images/ss.png') center no-repeat;}

.floating-search-button input.search-ok {box-shadow:none;background:url('../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: #0055b9 url('../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('../images/wb.png') center no-repeat;}

.icon-wechat::before {background: url('../images/wx.png') center no-repeat;}

.icon-qq::before {background: url('../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('../images/l4.png');margin-right: 10px;}

.detail-content-bottom a.next i{background: url('../images/r4.png');margin-left: 10px;}

.detail-content-bottom a.return{margin: auto;}

.detail-content-bottom a:hover {background: #0055b9;}

.detail-content-bottom a:hover span {color: #fff;}

.detail-content-bottom a.prev:hover i{background: url('../images/l5.png');}

.detail-content-bottom a.next:hover i{background: url('../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 #e60013;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('../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('../images/r6.png') center no-repeat;}

.organization-item .title-1.cur::after {display: none;}

.organization-item .title-1 strong {color: #0055b9;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: #e60013;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(5, 41,79, 0.3);}

.organization-item a:hover .suangyih-1{background: #e60013 url('../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% 0;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: 24.2%;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('../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: #e60013;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(5, 41,79, 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: #0055b9;}

.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: #e60013;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('../images/r-1.png') center no-repeat;}

.information-disclosure-nav li.cur a {background: #0055b9;padding: 6% 5%;}

.information-disclosure-nav li.cur a span {color: #fff;}

.information-disclosure-nav li.cur a i{background: url('../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: #0055b9;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('../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: #e60013;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: #e60013;border-top: 1px solid rgba(255,255,255,.2);}

.students-item a:hover .more-4 i {background: url('../images/r2.png') center no-repeat;}

.students-item a:hover {box-shadow: 0px 0px 140px 0px rgba(5, 41,79, 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('../images/ssss.png') center no-repeat;border:none;cursor: pointer;}

.search-icon-2:hover {opacity: .8;}

.search-input-2 {width: 100%;border: 2px solid #0055b9;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: #0055b9;}

.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: #0055b9;}

.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: #e60013;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('../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('../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 #e60013;}

.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: #e60013;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('../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: #e60013;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: #e60013;border: 1px solid #e60013;color: #fff;}

.choice-year a:hover {color: #fff;border: 1px solid #e60013;background: #e60013;}

.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: #0055b9;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('../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('../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('../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) {

	.header,.header-right,.index .header.black.scroll-top .header-right,.index .header.black.scroll-down .header-right,.index .header.black,.index .header.black .header-right,	.index .header.black.scroll-top,.index .header.black.scroll-down,.header.scroll-top, .header.scroll-down,.header.scroll-top .header-right, .header.scroll-down .header-right,.header.black,.header.black .header-right {height: 90px;}

	.index .header-nav-show-content,.header-nav-show-content {top: 90px;}

	.section-banner,.detail-content {margin-top: 90px;}

	.header-logo {width: 220px;}

	.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: 70%;}

	.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; font-family:Arial, Helvetica, sans-serif; font-weight:900;}

	.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('../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: 14px;}

	.header.scroll-top .header-nav li a.nav1, .header.scroll-down .header-nav li a.nav1 {font-size: 16px;}

	.header.scroll-top .header-logo, .header.scroll-down .header-logo {width: 230px;}

	.section-banner-bottom.navw5::after {width: 64%;}

	.footer-content-center .additem-1 {margin-right: 5%;}

	

	.footer-content-center .additem-1:nth-child(5) {margin-right: 5%; width:51.66666%;}

	

	

	.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: 35px;}

	.banner-content .text strong{line-height: 44px;}

	.choice-list-item {top: 29px;}

}

@media screen and (max-width: 1366px) {

	.header.scroll-top .header-nav li a.nav1, .header.scroll-down .header-nav li a.nav1 {font-size: 14px;}

	.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) {

	.header.scroll-top .header-nav li a.nav1, .header.scroll-down .header-nav li a.nav1 {font-size: 13px;}

	.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%;}

	.header, .header-right, .index .header.black.scroll-top .header-right, .index .header.black.scroll-down .header-right, .index .header.black, .index .header.black .header-right, .index .header.black.scroll-top, .index .header.black.scroll-down, .header.scroll-top, .header.scroll-down, .header.scroll-top .header-right, .header.scroll-down .header-right, .header.black, .header.black .header-right {height: 70px;}

	.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;}

	.header.black.scroll-top, .header.black.scroll-down {height: 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%;}

	.header.scroll-top .header-logo, .header.scroll-down .header-logo {width: 40%;}

	.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(5, 41,79,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: #0055b9;}

	.information-disclosure-mb a.cur {border-bottom: 3px solid #e60013;}

	.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: #0055b9;}

	.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('../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) {

	

}





.sy_bt { width:90%; padding:4% 5%; background:#f5f5f5;}

.sy_zhudao { margin-bottom:0px; background:#f5f5f5; padding-bottom:40px;}



/*.sy_bt .title-1 strong { color:#fff;}

.sy_bt .title-1 i  {  background:url(../images/d1.png) no-repeat center top;}

.sy_bt  .index-focus-nav  a { color:#fff;}*/



.sy_ho { padding-bottom:30px; background:#fff;}

.about_con { line-height:30px; font-size:17px;}

.about_con a{font-size:17px; color:#575c66;}











.fyfy { width:100% !important; text-align:center;  margin:0px 0px;}



.newspage{ width: 92%;

    padding: 0px 4%;

    height: auto;

   /* overflow: hidden;*/}

	

.newspage {

width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  PADDING-TOP: 20px; TEXT-ALIGN: center; margin:10px auto 0px; clear:both; height:30px

}

.newspage A { 

BORDER-RIGHT: #999 1px solid; PADDING-RIGHT:8px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 13px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; font-family: Arial, "微软雅黑";border-radius: 5px;

}

.newspage A:hover {

BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #e60013; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none

}

.newspage A:active {

BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #e60013; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid

}

.newspage SPAN.current {

 PADDING-RIGHT: 8px;  PADDING-LEFT: 8px; BACKGROUND: #e60013; PADDING-BOTTOM: 3px;  COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 3px;  font-size:13px;border-radius: 5px; border:1px #e60013 solid; 



}

.newspage SPAN.disabled {

BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid

}

	

	

	





.chanye .international-exchange-items {width:100%; margin-right:0px; height:295px !important; overflow:hidden; margin-bottom:50px;}

.chanye .international-exchange-items .main .img  { width:35%; float:left; height:295px !important; }

.chanye .international-exchange-items .main .text{ width:55%; float:right; padding-top:2%;}

.chanye .international-exchange-items .main .title-2 { margin-bottom:20px;}

.chanye .international-exchange-items .main .more-3 { position:inherit; margin-top:20px;}

.chanye .international-exchange-items a:hover .main .title-1.font16.clamp3 { color:#fff !important;}



.school-running-orientation-bottom .img.chanyetu { background-color:#fff; background-position: top center;  height:auto;}







.news .international-exchange-items {width:49%; margin-right:1%; height:135px !important; overflow:hidden;  margin-bottom:50px; }

.xiazai .international-exchange-items {width:49%; margin-right:1%; height:135px !important; overflow:hidden;  margin-bottom:10px; }

.news .international-exchange-items:nth-child(2n){ margin-right:0px;}



.news .international-exchange-items .main .img  { width:35%; float:left; height:135px !important; }

.news .international-exchange-items .main .img  { background-size:auto 100%;}

.news .international-exchange-items .main .text{ width:55%; float:right; padding-top:2%;}

.xiazai .international-exchange-items .main .text{ width:55%; float:right; padding-top:5%;}

.news .international-exchange-items .main .title-1 { font-family:Arial, Helvetica, sans-serif;}

.news .international-exchange-items .main .title-2 { margin-bottom:0px;}

.news .international-exchange-items .main .more-3 { position:inherit; margin-top:10px;}

.news .international-exchange-items a:hover .main .title-1.font16.clamp3 { color:#fff !important;}

.news .international-exchange-items a:hover .main .title-1.font16{ color:#fff !important;}













/* career */

.career-development {margin-top: 100px;overflow: hidden;}

.career-development-content {text-align: center;padding: 6% 0%;overflow: hidden;}

.career-development-content .class-1 {font-weight: 900;color: #e60013;}

.career-development-content .text-1 {color: #1a1a1a;margin: auto;margin-top: 1.5%;width: 80%;}

.career-development-content .text-2 {color: #1a1a1a;margin: auto;margin-top: 2%;width: 96%;}

.career-development-video {position: relative;}

.career-development-video .video-text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 50%;text-align: center;}

.career-development-video .title-1 {color: #fff;margin-top:1%;}

.career-development-video .title_cu { font-weight:700; font-size:42px;}

.career-development-video .play-1 {width: 90px;height: 90px;border-radius: 100%;background: #fff;margin: auto;position: relative;cursor: pointer;transition:all .4s ease;}

.career-development-video .play-1 i{display: block;width: 20px;height: 20px;background: url('../images/play.png') center top no-repeat;position: absolute;left: 40%;top: 50%;transform: translateY(-50%);transition:all .4s ease; }

.career-development-video .play-1:hover {transform: scale(0.9);}



.career-development-center {overflow: hidden;padding-bottom: 3%;}

.career-development-center .career-development-content {width: 76%;margin: auto;text-align: left;padding: 6% 0 4% 0;}

.career-development-center .career-development-content .text-1 {margin: 0;margin-top: 3%;width: 66%;}

.career-development-swiper {position: relative;float: right;width: 88%;overflow: visible;}

.career-development-item {overflow: hidden;}

.career-development-item .title-1{margin-top: 3%;}

.career-development-bottom {width:100%;margin: auto;padding-bottom: 6%;overflow: hidden;}

.position-list {overflow: hidden;border-bottom: 1px solid #111111;}

.career-position-item {overflow: hidden;}

.career-position-item .title{border-top: 1px solid #111111;padding: 2% 0;overflow: hidden;cursor: pointer;position: relative;}

.career-position-item .title.cur .title-1{color: #04284d;}

.career-position-item .title.cur {border-bottom: 1px solid #fff;border-top: 1px solid #04284d;}

.career-position-item .title::before {content: '';width: 12px;height: 2px;background: #000;position: absolute;right: 0;top: 50%;margin-top: 0;}

.career-position-item .title::after {content: '';width: 2px;height: 12px;background: #000;position: absolute;right: 5px;top: 50%;margin-top: -5px;}

.career-position-item .title.cur::after,.career-position-item .title.cur .text-1{display: none;}

.career-position-item .title .title-1,.career-position-item .title .text-1{display: inline-block;vertical-align: middle;}

.career-position-item .title .title-1 {width: 25%;}

.career-position-item .title .text-1 {width: 15%;}

.career-position-item .text{padding: 2% 0;overflow: hidden;display: none;}

.career-position-item .position-li:first-child li{float: left;margin-right: 5%;}

.career-position-item .position-li {overflow: hidden;}

.career-position-item .position-li li{list-style: none;margin: 0;padding: 0;margin-bottom: 3%;}

.career-position-item .position-li .text-3{color: #999;}

.career-position-item .position-li .text-4{margin-top: 10px;}	

.career-position-item .position-li .text-4 p {margin: 0;padding: 0;} 

.apply-now-1 {overflow: hidden;}

.apply-now-1 a{width: 180px;padding: 20px 0;text-align: center;color: #fff;background: #e60013;display: block;}

.position-bottom {margin-top: 2%;}



.div-recruitment-windows {width: 31%;position: fixed;left: 50%;top: 50%;z-index: 1111;transform: translate(-50%,-250%);background: #fff;box-sizing: border-box;padding: 3% 3%;text-align: center;transition:all .4s ease;}

.div-recruitment-windows.cur {transform: translate(-50%,-50%);}

.div-recruitment-windows-mark {position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition:all .4s ease;}

.div-recruitment-windows-mark.cur {opacity: 1;z-index: 1110;}

.div-recruitment-windows .close-2{position: absolute;right: 2%;top: 2%;z-index: 2;}

.div-recruitment-windows .close-2 i {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;transform: rotate(45deg);transition:all .4s ease;}

.div-recruitment-windows .close-2 i::after {content: '';width: 24px;height: 2px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.div-recruitment-windows .close-2 i::before {content: '';width: 2px;height: 24px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}

.div-recruitment-windows .close-2:hover i{transform: rotate(135deg);}

.div-recruitment-windows .title-1{overflow: hidden;}

.div-recruitment-windows .text-1{color: #999999;margin-top: 3%;}

.div-recruitment-from {text-align: left;margin-top:7%;}

.div-recruitment-from li{list-style: none;margin: 0;padding: 0;padding: 1% 0;position: relative;}

.div-recruitment-from .input-2{width: 100%;display: block;border: none;background: #f5f5f5;box-sizing: border-box;padding: 4.2% 6%;overflow: hidden;}

.div-recruitment-from .text-2 {padding: 2% 0;overflow: hidden;margin-top: 2%;}

.div-recruitment-from .text-2 span {color: #999999;}

.div-recruitment-from .input-3 {width: 100%;display: block;border: none;background:none;box-sizing: border-box;padding: 3% 6%;overflow: hidden;}

.div-recruitment-from .upload-2{position: relative;padding: 1% 0;border: 1px solid #e6e6e6;overflow: hidden;}

.div-recruitment-from .button-2{position: absolute;width:20%;display: block;border: none;background: #000;box-sizing: border-box;padding: 3% 3%;overflow: hidden;text-align: center;color: #fff;right: 8px;top: 50%;cursor: pointer;font-size: 12px;transform: translateY(-50%);}

.div-recruitment-from .button-2:hover {background: #e60013;}

.div-recruitment-from .submit-2 {width: 100%;display: block;border: none;background: #e60013;box-sizing: border-box;padding: 4% 0;overflow: hidden;text-align: center;color: #fff;cursor: pointer;margin-top: 5%;}

.div-recruitment-from .submit-2:hover {background: #e60013;}







.chaxun { width:100%; padding-bottom:100px; padding-top:100px; background: url(../images/sybg1.jpg) no-repeat center top; margin-bottom:0px;}

.chaxun .con { width:90%; margin:0px auto; display:flex; justify-content:space-between;}

.chaxun .con .jianjie { width:45%; color:#fff; }



.chaxun .con .jianjie .school-running-orientation-top  { width:100%;}

.chaxun .con .jianjie .school-running-orientation-top .title-1 { color:#e60013 !important; margin-top:25px;}

.chaxun .con .jianjie .school-running-orientation-top .title-2 { color:#fff;}

.chaxun .con .jianjie .school-running-orientation-top .title-2 span { font-size:22px;}



.chaxun .con .jianjie .school-running-orientation-top .text-3 { color:#fff; line-height:1.5;}

.chaxun .con .jianjie .school-running-orientation-top .text-3 a { color:#fff;}



.chaxun .con .chaxunjc { width:40%; }





.sy_pro_r { width:100%; float:; }



.sy_pro_xb { width:65% !important; min-width:65% !important; text-align:left; float:left;}

.checkSwiper .swiper-wrapper { width:55% !important; float:left;}



.applicationText ul { width:680px; float:left; padding-bottom:20px;}

.applicationText ul li { width:45%; float:left; margin:1%; margin-left:0px; line-height:45px;  padding:0px; border:1px solid rgba(255,255,255,.7); box-shadow:0px 3px 3px 0px rgba(255,255,255,.2); padding-left:3%;



text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;

height: 45px;

line-height: 45px;





}

.applicationText ul a li { color:#fff;}

.applicationText ul a li:hover { background:#56ab1f; color:#fff; font-weight:700; border:1px solid #56ab1f;}





.cpsou{width:100%; height:450px; border:0px solid #004eb8; background:#fafafa; padding-top:60px; }

.cpsoubt{color:#0055b9; font-size:32px; line-height:28px; padding-top:80px; text-align:center; font-weight:900; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.cpsoubt span { display:inline-block;}

.cpsoubt01{color:#0055b9; padding-top:0px; font-weight:bold; padding-bottom:0px; font-size:30px; text-align:center; line-height:22px; background:url(../images/xx.png) center bottom no-repeat; position:relative; width:100%; height:70px;}

.cpsoubt01 p { position:absolute; z-index:1; width:100%; text-align:center; top:0px; line-height:70px; padding:0px; margin:0px;}

.cpsoubt01 i { position:absolute; z-index:0; color:#f0f0f0; font-weight:900; font-family:Arial, Helvetica, sans-serif; width:100%; text-align:center; font-style:normal; top:0px; text-transform:uppercase; display:block; line-height:70px; font-size:45px;}

.kuang{ width:96%; height:42px; font-size:14px; color:#8b8b8b; border:1px solid #CFCFCF; padding-left:4%; margin-top:10px; font-size:16px;}

.kuang3{ width:100%; height:54px; font-size:16px; background:#004eb8; color:#FFF; margin-top:40px; font-weight:bold; border: none; border-radius:35px;} 

.kuang3:hover{ background:#e60013; border-radius:35px;}



/*.cx_l { width:75%;}

.cx_r { width:20%;}

.cx_z { display:flex; justify-content:space-between;}*/







.jianjiem a:hover .link {background: #fff;}

.jianjiem a:hover span {color: #0055b9;}

.jianjiem a:hover .title-2 {color: #fff;}

.jianjiem .link {display: block;position: relative;border-radius: 100px;height: 40px;line-height: 40px;width: 100%;border: 1px solid #fff;}

.jianjiem .vmore-3 {width: 140px;margin-top: 10%;}

.jianjiem .vmore-3 i {height: 30px;width: 30px;}

.jianjiem a { color:#fff;}

.jianjiem .vmore-3 span { color:#fff;}

.jianjiem .vmore-3.vmore-3 i {    background: url(../images/r0.png) center no-repeat #fff;}





.news_bt {background:url(../images/menu.jpg) no-repeat top center; width:100; height:160px; color:#fff; text-align:center; padding:5% 0px; }



.news_bt h2 { font-size:40px; line-height:70px; padding:0px !important; margin:0px; }

.news_bt h3 { line-height:40px; padding:0px !important; margin:0px; font-weight:400; }

.news_bt .more { width:150px; line-height:40px; height:40px; background:#fff; color:#2156a3; margin:35px auto 0px; font-size:17px; border-radius:25px;}

.new{width:90%; margin:auto; overflow:hidden; padding-top:60px;}



.new h2{ font-size:40px; color:#fff; text-align:center;  }

.new h3{ font-size:17px; color:#fff; margin-top:10px; padding-bottom:40px; background:url(../images/xx.png) no-repeat center 15px; text-align:center}





 

.n2{width:100%;float:left;padding-top:0px;}

.n2 ul li:nth-child(4n){ float:right}

.n2 ul li:nth-child(2n){ float:right!important}



.n2 ul{overflow:hidden; text-align:left; float:left; padding:0px !important; margin:0px; margin-bottom:70px;}

.n2 ul li{display:inline;float:left;  height:100px; float:left; border-bottom:#dadada dotted 1px; width:46%; margin-bottom:15px; padding-top:0px; margin:10px 20px; }

.n2 ul li a{ float:left; font-size:15px; color:#a1a1a1 }



.n2 em{ color:#d3d3d3;  font-style:normal }





.n2 .shijian{ width:100px; float:left;  color:#c7c7c7; font-weight:normal;  text-align:center; padding-top:10px; font-size:15px; margin-right:10px;}

.n2 .shijian b{  font-size:35px;text-align:center; padding-left:10px; }

 



.nr{width:80%;float:left;font-weight:normal;}

.nr h5{ color:#000; font-size:17px; line-height:30px; float:left; font-weight:normal;width:100%; padding-top:10px; margin:0px;





text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; float:left; line-height:30px; height:30px;



 }

.nr h5 a{ color:#666666;}



.nrr{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; float:left; line-height:22px; height:44px;

}







.sy_lj { width:100%; background: url('../upload/bg1.jpg') center top no-repeat #f4f6f9;background-size:cover; height:350px; }











.xiazai .international-exchange-items a:hover .main .title-1 { color:#000 !important;}

























.down-pro-main table {

	width: 100%;

}





.down-pro-main tbody>tr:first-child {

	background-image: linear-gradient(#4288e9, #185ebe);

	text-align: center;

}

.down-pro-main tbody>tr>td:first-child{

	text-align: left;

	

}

.down-pro-main tbody>tr>td{

	line-height: 30px;

}

.down-pro-main th {

	font-size: 16px;

	color: white;

	line-height: 50px;

	text-align: center;

}



.down-pro-main table {

	text-align: center;

}



.down-pro-main tr>th:nth-child(1) {

	width: 31.5%;

}



.down-pro-main tr>th:nth-child(2) {

	width: 19%;

}



.down-pro-main tr>th:nth-child(3) {

	width: 15%;

}



.down-pro-main tr>th:nth-child(4) {

	width: 14%;

}



.down-pro-main tr>th:nth-child(5) {

	width: 10%;

}







.down-pro-main td {

	padding: 50px 27px;

	border-bottom: 1px solid #cbcbcd;

	font-size: 16px;

}

.down-pro-main td>span{

	color: #185ebe;

display: block;

}



.down-pro-main td>a { padding:10px; display:block; width:22px; height:23px; border-radius:5px;}

.down-pro-main td>a:hover {background-color: #185ebe;}

.down-pro-main td>a .hei { display:block;}

.down-pro-main td>a .bai { display:none;}





.down-pro-main td>a:hover .hei { display:none;}

.down-pro-main td>a:hover .bai { display:block; }









.down-seach {

	background-color: #185ebe;

	padding: 10px 0px;

}



.down-search-top>div {

	display: inline-block;

}



.down-search-top>div>label {

	padding: 0px 15px;

	font-size: 16px;

	color: white;

	font-weight: normal;

}



.down-search-top>div>input {

	width: 225px;

}



.down-search-top>a {

	font-size: 16px;

	display: inline-block;

	color: white;

	padding: 6px 18px;

	margin: 0px 3px;

	border: 1px solid rgba(255,255,255,.6);

	border-radius: 3px;

}



.down-search-main-title {

	background-image: url(../images/03_03.jpg);

	background-repeat: no-repeat;

	background-size: 100% auto;

	margin-top: 55px;

	padding-left: 25px;

}



.down-search-main-title>p {

	color: white;

	font-size: 20px;

	line-height: 50px;

}



.down-search-main-text {

	background-color: white;

	padding: 28px 5px 20px 5px;

	border-color: transparent #98b0cf #98b0cf #98b0cf;

	border-style: solid;

	border-width: 0px;

}



.down-search-main-text-single {

	margin-bottom: 20px;

}



.down-search-main-text-single-title {

	border-bottom: 1px solid #cbcbcd;

	padding-bottom: 10px;

	padding-right: 15px;

	margin-bottom: 15px;

}



.down-search-main-text-single-title>p {

	display: inline-block;

	font-size: 20px;

	line-height: 19px;

	color: #185ebe;

	padding-left: 40px;

	position: relative;

}



.down-search-main-text-single-title>p:after {

	content: '';

	position: absolute;

	width: 8px;

	height: 22px;

	background-color: #185ebe;

	left: 14%;

	top: -10%;

}



.down-search-main-text-single-title>a {

	float: right;

}



.down-search-main-text-single-list>ul {

	padding: 0px 20px;

}



.down-search-main-text-single-list>ul:after {

	content: '';

	display: block;

	clear: both;

}



.down-search-main-text-single-list>ul>li {

	float: left;

	margin-bottom: 15px;

	width: 33.3%; list-style:none !important;

}



.down-search-main-text-single-list>ul>li::marker { display:none !important; width:0px !important; height:0px !important;

	

	

}

.down-search-main-text-single-list>ul>li>a {

	font-size: 16px;

	line-height: 26px;

	display: block;

	transition: all 1s;

	color: #000000;

	position: relative;

}



.down-search-main-text-single-list>ul>li>a:after {

	content: '';

	position: absolute;

	width: 3px;

	height: 3px;

	border-radius: 50%;

	background-color: #185ebe;

	left: 2%;

	transition: all 1s;

	top: 43%;

}



.down-search-main-text-single-list>ul>li>a>span {

	padding: 5px 20px;

	border-radius: 3px;

}

.down-search-main-text-single-list>ul>li>a:hover {

	text-decoration: none;

}

.down-search-main-text-single-list>ul>li>a:hover span {

	background-color: #185ebe;

}



.down-search-main-text-single-list>ul>li>a:hover {

	color: white;

}



.down-search-main-text-single-list>ul>li>a:hover:after {

	background-color: white;

}





.text-sou { width:90%; padding:20px 5% 40px; background:#185ebe; border-radius:5px; margin-top:30px; overflow:hidden;}

.text-sou .kuang { width:20%; margin-right:2%; display:inline-block; padding-left:2%; float:left;}

.text-sou .kuang3 { width:95%; margin-right:0%; display:inline-block; float:left; margin-top:10px; line-height:48px; height:48px;}

.text-sou .cx_l { float:left; width:85%; }

.text-sou .cx_r { float:right; width:15%; }



.jiance { width:100%;}

.jiance table { width:100%;}

.jiance table { width:100% !important; line-height:35px; text-align:center; margin:20px 0px; border: none;}

.jiance table tr td { padding:3px 15px; border:1px solid #ddd;}

.jiance table tr { border: none;}



.jiance table tr:nth-child(2n){ background:#efefef; }

.jiance table tr:nth-child(1){ background:#185ebe; color:#fff; font-weight:900;}
.mbdh{ display:none;}
.mbfor{display:none;}
@media screen and (max-width: 768px) {
	.header {display:none;}
	.header-nav-show-mark{display:none;}
	 .mbdh{ display: block;}
 .mbfor{display:block;}
.banner-content .text p {font-size: 12px;width: auto;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;}
.banner-content .text strong {padding-left: 0;}
.banner-content .img .pic {
  height:calc(100vh - 100px)
}
 .index-focus-nav a {
border-radius: 35px;
    min-width: 100px;
  }
.index-focus-content-top {
  display: flex;
}
 .font40 {
    font-size: 20px!important;
  }
.index-focus {
  padding: 6% 0 5.22% 0;
}
  .index-focus-nav {
    margin-top: 3%;
  } 
.viewmore-2 {
  margin-top: 3%;
}
#infoo{ height:260px;} 
.youqinglianjie{ height:80px!important;}   
.sy_zhudao {
  padding-bottom: 20px;
}
.chaxun .con {
  flex-wrap: wrap;
} 
.chaxun {
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 30px;
} 
.chaxun .con .jianjie {
  width: 100%;
}
.chaxun .con .chaxunjc {
  width: 100%;
  margin-top: 30px;
}
.cpsou {
  padding-top: 20px;
} 
.news_bt {
  height: auto;padding: 5% 20px 10% 20px;
  box-sizing: border-box;
}
.news_bt h2 {
  font-size: 30px;
}
.news_bt h3 {
  line-height: 26px;
  font-size: 16px;
}
.n2 ul li {
  height: auto;
  width: 100%;
  padding-top: 10px;
  margin: 0px;
  padding-bottom: 20px;
}
.n2 .shijian {
  width: 22%;
  margin-right: 3%;
}
.new {
  padding-top: 20px;
}
.nr {
  width: 75%;
}
.sy_lj {
  height: auto;
}
.footer-content-center .additem-1 {
  width: 43%;
}
.footer-content-top {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.footer-content-bottom .copy-1 {
  font-size: 14px;
}
.footer-content-bottom .copy-1 a {
  font-size: 14px;
}
.sy_bt {
  padding: 8% 5%;
}
 .section-banner-pic .img {
    height: 150px;
  }
.section-banner {
    height: auto !important;margin-top: 0;
  }
.section-banner-nav {
  width: 100%!important;
  text-align: right;
} 
 .section-banner-nav li {
    padding: 0 10px;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
  }
  .school-running-orientation-bottom .img {
  height: auto;
} 
#cxidd{ width:auto!important;}
.cx_z{display: flex;
  flex-wrap: wrap;} 
.text-sou .cx_l {
  width: 100%;
}
.text-sou .cx_r {
  width: 100%;
}
.cx_z .cx_r{ width:100%}
.text-sou .kuang {
  width: 46%;
  margin-right: 2%;
  padding-left: 2%;
  margin-left: 2%;
  box-sizing: border-box;
} 
.mobtd{ display:none;} 
.mobt1{ width:95%!important;}
.mobt2{ width:5%!important;min-width: 40px;}
.down-pro-main td {
  padding: 15px 10px;
  border-bottom: 1px solid #cbcbcd;
  font-size: 13px;
  line-height: 26px!important;
}
.mmwidth{ width:100%!important;}
.jiance {
  width: 100%;
  overflow: auto;
}
.jiance table { width:100%!important;max-width:100%!important;
}
.jiance table td{table-layout:fixed; word-break: break-all; overflow:hidden;padding: 3px 5px;
  line-height: 22px; font-size:14px; }
  .international-exchange-items {
  float: left!important;
  width: 98%!important;
  margin-right: 1%;
  margin-bottom: 2%;
  margin-left:1%;
}
.down-search-main-text-single-list > ul > li {
  width: 100%;
}
.xiaimp{ width: 100% !important;
    height: 100px!important;
    margin-right: 0!important;
    float: none!important;margin-bottom: 0!important;}
.xz_r {width: auto;}
.international-exchange-items .text {
  padding: 12% 5%!important;
}
.index-banner-content{height:calc(100vh - 100px)!important;}	
   
}