@media  screen and (min-width: 2024px)  {
	#banner .swiper-button-next, 
	#banner .swiper-button-prev { width: 80px; height: 80px; margin: 0 80px; } 
	 
	
	p, .font-16, .news-tags, .unison-date,
	.btn-more ,
	.slide-btn-group div { font-size: .2rem; }
	
	.co-tittle-group small { font-size: .22rem; }
	
	.lang a,
	.menu ul li p a,  
	.tab-head ul li, 
	.news-tittle  { font-size: .24rem; font-weight: normal; }
	
	.font-24, .co-tittle-en, .stand-title-24 {  font-size: .36rem; }
	
	.co-tittle, .stand-title-36 {  font-size: .42rem; }	
	
	.history_list ul li p.unison-date { font-size: .48rem  ; } 
	
	.lecs-item dt h1{  font-size: .52rem; line-height: 1.5;}	
	
	.font-72, .banner-tittle { font-size: 1rem; }
	
	
	.menu ul li ol { width: 210px; }
	.menu ul li ol a  { font-size: 18px; }
	
	
	.mode-about { background-position: right 56%; background-size: auto 77vh; }
	.mode-about-introls { top: 42%; }
	.mode-about-introls .desc-unlimit p { line-height: 1.8; }
	
	.research-direct ul li { height: 3.6rem; margin-bottom: 10px;	}
	.szou-slogan { top: 38%; }
	
	.all_box .has_rightbottom_radio {  height: 62vh; }
	.all_box .has_rightbottom_radio dl dt { max-height: 50vh; overflow: hidden;	}
	.all_box .has_rightbottom_radio dl dd p.icon {  position: relative;  margin-top: 20px; }
	.all_box .has_rightbottom_radio .swiper-pagination { top: 47vh; }	
	
	.ft-flex .ft-flex-item { margin-right: 56px; }
	
	.about-all-path {
		position: absolute;
		z-index: 50;
		top: 5.7rem;
		left: 52%;
		transform-origin: center top;
		transform: translateX(-50%) scale(1.15);
	}
	
	.mode-about-longrange, .mode-about-goal .w_70, .about-mission { padding-left: 3rem; }
 
	.about-mission {   min-height: 5.5rem;	}	
	.mode-about-goal .w_70 { padding-right: 2rem; }
	.mode-about-goal {  min-height: 7.5rem; }
	.mode-about-goal .desc-unlimit p { font-size: .24rem; line-height: 1.8; }
	.mode-about-goal { padding-top: 0; }
	.mode-about-address { padding-top: .6rem !important; }
	.mode-about-address .w_70 { padding-right: 0; }
	
	.mode-contact {
	    background-repeat: no-repeat;
	    background-position: -7% 3%;
	    background-size: auto 65vh;
	}

	.foot::before { top: -2rem; }
	
	
}

@media  screen and (max-width: 1690px)  {
	p, 
	.font-16, 
	.news-tags, 
	.unison-date ,
	.lang a, 
	.menu ul li p a, 
	.menu ul li ol a {  font-size: 16px; }
	
	p, .font-16, .news-tags, .unison-date {  font-size: .20rem;	}
	
	.font-18, 
	.banner-desc, 
	.tab-head ul li, 
	.news-tittle {  font-size: 18px; }
	
	.font-20, 
	.stand-title-20 ,
	.imgWaterfall_list ul li h3  {  font-size: 20px;	}
	
	.font-22, 
	.stand-title-22 {  font-size: 22px;	}
	
	.font-36, 
	.co-tittle, 
	.stand-title-36 {  font-size: 36px;	}
	
	.font-24, 
	.co-tittle-en, 
	.stand-title-24 {  font-size: 24px;	}
	
	.padding_20,
	.newslist ul li dl dd, 
	.newslist ul li .news-tags, 
	.newslist ul li .unison-date { padding: 20px; }
	
	.logo { height: 60px; }
	.pages ul a { min-width: 45px; min-height: 45px; line-height: 45px; font-size: 16px; }
	
	.innerban .inside-bottom { height: 17vh; } 
	
	.all_box .has_rightbottom_radio dl dd { padding: 20px 30px; }
	.mode-about-introls { top: 51%; }
	.mode-engineering .svg-path svg {  transform: translateY(-227px); }
	
	.all_box .has_rightbottom_radio {  height: 78vh; }
	.all_box .has_rightbottom_radio .swiper-pagination { top: 4.5rem; }
	.mode-given .svg-path {  height: 73vh;   overflow: hidden;	}
	.mode-given .svg-path svg {  transform: translate( 0, -245px);	}
	
	.ft-wx-code img {  height: 89px;   margin-right: 8px;	}
	.innerban .inside-bottom { height: 18vh;	}
	.inner-bottom {
	    padding-bottom: 150px !important;
	    margin-bottom: 50px;
	}
	
	.mode-contact {
	    background-repeat: no-repeat;
	    background-position: -7% 87%;
	    background-size: auto 90vh;
	}
	
	.flag-zhaopin .zp-bg { min-height: 617px; }
	
	
	.desc-unlimit p.stand-title-24 { font-size: 18px; line-height: 1.8; } 
	.long-range .desc-unlimit p.stand-title-24 { font-size: 24px; line-height: 1.8; } 
	
	.stand-title-48 {  font-size: .36rem;	}
	
	.about-all-path {
	    position: absolute;
		z-index: 50;
		top: 3.7rem;
		left: 53%;
		transform-origin: center top;
		transform: translateX(-50%) scale(.88);
	}
	
	.mode-about-goal { padding-top: 0; }
	.mode-about-address { padding-top: .6rem !important; }
	
	h3.leader-name.stand-title-48.color_title.margin_bottom40 {
	    margin-bottom: 20px;
	    padding-top: 20px;
	}

	 .all_box .has_rightbottom_radio .news-tittle { display:none; }
	 #actives-lec .act-holding-time p { font-size: 17px; }
	
	
}

@media  screen and (max-width: 1440px)  {
	.container { width: 86%; min-width: unset; }
	
	.mode-given .svg-path { height: 68vh;  overflow: hidden; }
	.mode-engineering .svg-path svg {  transform: translateY(-196px); }
	
	.all_box .has_rightbottom_radio {  height: 556px; }
	.all_box .has_rightbottom_radio .swiper-pagination {  top: 5.2rem;	}
	.all_box .has_rightbottom_radio dl dt {  max-height: 5.8rem; overflow: hidden;	}	
	
	.mode-given .svg-path svg {  transform: translate(0, -210px);	}
	
	.research-direct ul li {  height: 3.6rem;   margin-bottom: 10px;	}
	.research-direct ul li .imgsize {   padding-top: 58.8%;	}
	
}
	
@media  screen and (max-width: 1360px)  {
	
	.mode-given .svg-path { height: 55vh;  overflow: hidden; }
}

@media  screen  and (max-width:1286px)  {
	
	.all_box .has_rightbottom_radio {  height: 517px;	}
	.mode-given .svg-path {  height: 420px;  overflow: hidden;	}
	.mode-given .svg-path svg {  transform: translate(0, -187px);	}
	.mode-engineering .svg-path svg {   transform: translateY(-169px);	}
	
}



@media  screen  and ( max-width: 786px) { 
	.container ,
	.headtop .container,
	.copyright .container, 
	#banner .inside-bottom { width: 96%; min-width: unset; }
	
	.mode { padding: 40px 0; }  
	
	.has_rightbottom_radio ,
	.newslist ul li,
	.research-direct ul li .imgsize,
	a.btn-stand-more { border-radius: 5px; border-bottom-right-radius: 20px; overflow: hidden;}
	
	.pc { display: none !important; } 
	.phone { display: block !important; }
	
	.headtop .dis_flex , 
	.co-tittle span br ,
	.lecs-item dd h1 br ,
	#banner .swiper-button-next, 
	#banner .swiper-button-prev ,
	#banner .banner-video ,
	.ocean-plant-logo ,
	.pages ul a ,
	.parents-menu ,
	.news-topic ,
	.sub_nav { display: none ; }	
	
	.dot,
	.lecs-item,
	.dis_flex ,
	.mode-news .co-tittle { display: block; }
	
	.w_25 ,
	.w_40,
	.w_50,
	.mode-given-list .dis_flex .w_50,
	.mode-news .co-tittle ,
	.lecs-item dt ,
	.lecs-item dd ,
	.ft-flex .ft-flex-item:nth-child(1) ,
	.ft-flex .ft-flex-item,
	.detail-sticky-left ,
	.detail-sticky-right ,
	.box-sticky-left ,
	.box-sticky-right { max-width: unset; width: 100%; float: none; height: auto; margin: 0; }
	
	.font-14 { font-size: 14px;  }
	
	.font-18,  
	.tags,
	.co-tittle-en ,
	.news-tittle,
	.lecs-item dd h1,
	.innerban-title p ,
	input.select-option ,
	.info p ,
	.info section,
	.contact-us p span { font-size: 18px; }
	
	p, 
	.font-16, 
	.news-tags, 
	.unison-date,
	.banner-desc, 
	.tab-head ul li,  
	.co-tittle-group small ,
	.ft-partners ul li ,
	.ft-menu ul li,
	#schoolviews .btn-more ,
	#actives-lec .act-holding-time .btn-more,
	.panel_drop ul li ,
	.pages ul a ,
	.leader_item dd h3 sub ,
	.dom-scroll-body .dom-scroll-item .research-desc p { font-size: 16px; }
	
	.font-20, 
	.stand-title-20 ,
	.stand-title-22 ,
	.news-dl-list ul li .news-tittle, 
	.lecture-dl-list ul li .news-tittle ,
	.contact-us p ,
	.majoy_list ul li h3 {  font-size: 20px;	}
	
	.font-22, 
	.font-36, 
	.co-tittle, 
	.stand-title-36 { font-size: 22px; }
	
	.font-24,
	.stand-title-24 ,
	.stand-title-48,
	.news-detail-title { font-size: 24px; }
	
	.font-48,  
	.counter {  font-size: 36px; }
	
	.font-60 {  font-size: 30px; }
	
	.padding_20 ,
	.newslist ul li:first-child dl dd, 
	.newslist ul li .news-tags,  
	.lecs-item dd {  display: block; padding: 20px;	}
	
	
	/* .headtop img.old { opacity: 1; } */
	.headtop .logo { width: 80%; height: 35px; }	
	.headtop .has_panel { padding: 15px 0; padding-top: 23px;}
	.headtop::before {
		height: 100px; 
		background: -webkit-linear-gradient(top , rgba(0,0,0,.95) 7%, rgba(0,0,0,.01) 95%);
		background: -moz-linear-gradient(top , rgba(0,0,0,.95) 7%, rgba(0,0,0,.01) 95%);
		background: -ms-linear-gradient(top , rgba(0,0,0,.95) 7%, rgba(0,0,0,.01) 95%);
		background: linear-gradient(top , rgba(0,0,0,.95) 7%, rgba(0,0,0,.01) 95%);
	}
	
	.ft-flex ,
	.copyright p { display: block; }
	.ft-flex .ft-flex-item ,
	.ft-flex .ft-flex-item:last-child { width: 100%; margin: 0; margin-bottom: 30px; }
	.ft-partners ul,
	.ft-menu ul { display: flex; flex-flow: row wrap; }
	.ft-partners ul li { width: 50%; float: left; }
	.ft-menu ul li {    width: auto; padding: 0 15px;margin-right: 0; margin-bottom: 10px; }
	.ft-menu ul li a {  text-align: center;  }
	.ft-menu ul li::after { left: calc(100% + 10px); }
	.ft-menu ul li:nth-child(4n)::after { display: none; }
	
	.ft-flex .ft-flex-item a { font-size: 15px; } 
	.foot { margin-top: -8px; }
	.foot::before { height: 130px; top: -44px; }
	.copyright { padding: 15px 0; }
	.copyright p { text-align: center; font-size: 14px; }
	.ft-contact .ft-wx-code { position: relative; }
	.ft-wx-code img {  height: 90px;  margin-right: 8px; margin-top: 20px;	}
	
	.co-tittle-group { margin-bottom: 26px; }
	.co-tittle { display: block; }
	.co-tittle span { display: block; position: static; transform: translateY(0); text-align: left; }
	
	.innerban {  width: 100%;  height: 400px; } 
	.innerban .inside-bottom { height: 60px; }
	.inner-bottom {   padding-bottom: 100px !important;   margin-bottom: 0px;	}
	.sub_nav_panel {  position: relative;  z-index: 15;  margin-top: 0;   margin-bottom: 20px;	}
	.drop_menu { display: flex; align-items: center; justify-content: flex-start; }
	.panel_drop { width: calc(100% -  50px); }
	.panel_drop ul { background-color: #fff; }
	.child-menu { margin-left: 20px;} 
	
	.search-tool-box { 
		position: relative; 
		height: auto; 
		margin-bottom: 20px; 
		border: 1px #b9b9c0 solid; 
		padding: 10px; 
		padding-left: 50px;
		opacity: 1;
		border-radius: 5px;
	}
	.search-tool-box button {  padding: 0px 15px; }
	.search-tool-box input { width: 90%; height: 26px; font-size: 16px; }
	
	.pages_inner a ,
	.pages ul a { width: 100%; margin: 0; }
	.pages ul ,
	.pages_inner ul  { display: flex; justify-content: space-between; }
	.pages ul a.prev, 
	.pages ul a.next {  padding: 0  ; min-height: auto; height: auto;  position:static; }
	
	hr { margin: 20px auto; }
	
	.sm_copyright { bottom: 20px; }
	
	
	/* home */
	#banner {  width: 100%;  height: 68vh; margin-top: 0px; }
	#banner .swiper-pagination {  top: 58vh;  right: 5%; }
	#banner .swiper-slide a .container { top: 65%; }
	.banner-wavea { width: 100%; height: auto; margin-top: -5vh; }
	.banner-tittle { font-size: 24px; }
	
	.mode-news,
	.mode-ocean-plan { background-image: none !important; }
	#news-tab .tab-head { top: -57px;  width: 60%; }
	#news-tab .tab-head ul li { margin-left: 17px;  }
	
	.newslist ul li { margin-bottom: 15px; }
	.newslist ul li dl { display: flex; }
	.newslist ul li dl dt {  width: 40%; }
	.newslist ul li dl dt .img16_9 { padding-top: 77.8%; }
	.newslist ul li dl dd { width: 60%; padding: 15px ; padding-bottom: 10px;} 
	.newslist ul li dl dd .news-tittle { font-size: 16px; line-height: 1.35; margin-bottom: 10px; }
	.newslist ul li .unison-date { line-height: 1; padding: 0; position: static; text-align: left; color: #999; font-size: 14px;}
	
	.newslist ul li:nth-child(1) dl { display: block; }
	.newslist ul li:nth-child(1) dl dt,
	.newslist ul li:nth-child(1) dl dd { width: 100%;  }
	.newslist ul li:nth-child(1) dl dt .img16_9 {  padding-top: 56.8%;	} 
	
	.newslist ul li:nth-last-child(1),
	.newslist ul li:nth-last-child(2),
	.newslist ul li:nth-last-child(3){ display: none; }
	
	.newslist ul li:nth-child(1),
	.newslist ul li:nth-child(2),
	.newslist ul li:nth-child(3){ display: block; }
	
	.mode-news .item a.btn-stand-more { margin-top: 5px; }
	
	.home-news ul li { margin-bottom: 20px; }
	.home-news ul li dl { display: flex; } 
	.home-news ul li dl dt { width: 35%;}	
	.home-news ul li dl dt .img16_9 { padding-top: 100%; }
	.home-news ul li:nth-child(1) dt .img16_9 { padding-top: 56.8%; }
	.home-news ul li dl dd { width: 65%;}
	
	.home-news ul ,
	.home-news ul li:nth-child(1) dl { display: block; }
	.home-news ul li,
	.home-news ul li:nth-child(1),
	.home-news ul li:nth-child(1) dt ,
	.home-news ul li:last-child{ width: 100%; }
	
	.home-news ul li dl dd {   display: block;   padding: 20px; }
	.home-news ul li:nth-child(1) dl dd *,
	.home-news ul li:last-child dl dd * { color: #3c4b5e;  }
	
	.home-news ul li:nth-child(1) dl dd,
	.home-news ul li:last-child dl dd { position:static;	background:none; }
	
	.home-news ul li:nth-child(1) dl dd .unison-date  { position: static; }
	.home-news ul li dl dd .unison-date { position: static; color: #999;  font-size: 14px; padding: 0; }
	
	.home-news ul li:nth-child(6),
	.home-news ul li:nth-child(5),
	.home-news ul li:nth-child(4) { display: none; }
	
	.mode-about {  background-position: right 30%; background-size: auto 51vh; }
	.mode-about-introls { position: relative; top:30px; transform: translateY(0); }
	.desc-unlimit p br { display: none; }
	
	.mode-research-direction { margin-top: 50px; }
	.research-direct ul li .imgsize { position: relative; margin-bottom: 20px; }
	.research-direct ul li { height: auto; }
	.research-direct ul li .inside-bottom { top: 80%;  display: flex;  align-items: flex-end; }
	.research-direct ul li .inside-bottom img {  height: 38px;  margin-right: 17px; }
	
	.szou-slogan h1 { margin-bottom: 15px !important; }
	.lecs-item dd .unison-date { font-size: 14px;  position: static; background-color: transparent; padding: 0; margin-top: 10px; color: #999; }
	.lecs-item dd button {  font-size: 14px; bottom: 23px;padding: 0; right: 20px; }
	
	.mode-engineering .svg-path svg {  transform: translateY(-49px); }
	.mode-engineering video {  width: 120%;  max-width: unset; top: -16px; left: -14px; }
	
	.group .btn-video { width: 50px; height: 50px; background-color: #eee; outline: none; }
	.btn-video::before  { border-left: 13px #ccc solid; }
	
	.szou-slogan {  width: 80%;   top: 57%; }
	.szou-slogan h1, .szou-slogan .group span { letter-spacing: 7px; font-size: 18px; }
	.szou-slogan .group span { color: #999 !important; }
	
	.mode-zhaopin { 
		margin-top: -2px;
		background: -webkit-linear-gradient(top , rgba(255,255,255,1) -3% , rgba(235,239,244,1) 102%);
	 }
	.flag-zhaopin { display: block; }
	.flag-zhaopin .zp-bg ,
	.flag-zhaopin .zp-faq { width: 100%; height: auto; float: none; margin: 0; }
	.flag-zhaopin .zp-bg { display: none; }
	.faq_list dl dt, 
	.faq_list dl dd { padding: 20px 0; padding-left: 50px;  position: relative; }
	.faq_list dl dt h3 { font-size: 16px; }
	.faq_list dl dd .btn-more {  max-width: 97px;  margin-left: auto;  font-size: 14px;	}
	
	#schoolviews,
	#actives-lec { width: 100%; float: none; margin-top: 40px; margin-right: 0;}	
	#schoolviews .co-tittle span,
	#actives-lec .co-tittle span { display: block; position: absolute; transform: translateY(-50%); text-align: right; }
	
	#actives-lec .act-holding-time { padding: 20px; }	
	#schoolviews .btn-more { margin-top: 15px; position: static; transform: translateY(0%); }
	#actives-lec .act-holding-time p { font-size: 19px; }
	#actives-lec .act-holding-time p.act-for-add { font-size: 14px; }
	#actives-lec .act-holding-time .btn-more {    position: absolute; bottom: 20px; font-size: 16px;  width: 24%; right: 4px;	}
	.all_box .has_rightbottom_radio .desc-unlimit p, 
	.all_box .has_rightbottom_radio .news-tittle { display: block; }
	.all_box .has_rightbottom_radio { height: auto; }
	.all_box .has_rightbottom_radio dl dt {   max-height: unset;  overflow: hidden;	}
	.all_box .has_rightbottom_radio dl dd {   padding: 20px;  color: #3c4b5e;	}
	.all_box .has_rightbottom_radio .swiper-pagination {   position: absolute;  top: 41%;  left: 20px;}
	#actives-lec .has_rightbottom_radio .swiper-pagination { top: 66%; }
	.all_box .has_rightbottom_radio dl dd p.icon { font-size: 14px; }
	
	.mode-given {
		background-image: url(../img/sm_giv_bg.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 10px 0;
		padding-top: 90px;
		margin-top: -23px;
	}
	.mode-given .svg-path { display: none; }
	.mode-given-list { position: static; transform: translateY(0); }
	.mode-given .svg-path svg{ transform: translate(0, 75px) scale(3.9);	}
	.given-logos {  margin-bottom: 66px; margin-top: 15px;}
	.given-logos ul li,
	.given-logos ul li:nth-child(2n) { width: 50%; } 
	.given-logos ul li img { width: auto; height: auto;  max-width: 84%; }
	
	/* home-end */
	
	
	/* about */
	.mode-content-about { background-position: left 130%;  background-size: auto 71vh; }
	.imgsize .lable-color_bai { left: 20px; bottom: 20px; padding: 10px 20px; }
	
	.picture_inerlist ul li .black_wamp {   opacity: 1;   z-index: 5;   transition: all .35s;	}
	
	.leader-name { margin-bottom: 10px; }
	.leader_item dd h3 sub { bottom: 0; }
	
	.leader_item dt,
	.leader_item dd { width: 100%; }	
	.leader_item dd .leader-info { display: none; }
	.leader_item dd { background-color: #dae2eb;  }
	
	
	.unison-date, 
	.lecture-flex-item dd, 
	dl.leader_item dd,
	.leader_list ul li .btn-more { padding: 20px; }
	
	.history_list ul { padding-left: 40px; }
	.history-item dd::after { width: 30px; }
	.history-item dd::before ,
	.history-item dd::after { left: -46px; }
	.history-item { display: flex; flex-flow: column; flex-direction: column-reverse; margin-bottom: 40px; }
	.history_list ul li .unison-date {   color: #2e3a4c;  font-size: 24px !important;   padding: 0;	}
	
	
	.news-flex-item dt,
	.news-flex-item dd,
	.history-item dt,
	.history-item dd { width: 100%; margin: 0; }
	
	
	.about-all-path { display: none; }
	.long-range .img28_1 {   padding-top: 79.8%;	}
	.mode-about-longrange, 
	.mode-about-goal .w_70, 
	.about-mission {  padding: 40px 0;	}
	
	.title-ver {  /*  display: block; */ }
	.title-ver h3 { margin-right: 60px; margin-bottom: 40px; }
	.about-mission .desc-unlimit {  width: 69%;	}
	.title-ver h3::after { left: calc(100% + 19px); }
	.title-ver h3 , .title-ver h3 span {  line-height: 1; }
	
	.about-mission .desc-unlimit p.stand-title-24,
	.mode-about-goal .desc-unlimit p.stand-title-24 { font-size: 15px; }
	.mode-about-longrange { padding-top: 70px; background-image: url(../img/icon/sm_mission.png) !important;  background-position: 93% bottom; background-size: auto 56vh; }
	.long-range .ver-alight {  width: 80%;  top: 48%;	}
	
	.mode-about-goal .w_70 {  width: 97%;	}
	.mode-about-goal { background-image: url(../img/icon/sm_goal.png) !important; padding-top: 0; background-size: 100%;  background-position: left bottom;  background-color: #f1f0ec;	}
	.mode-about-address {   background-image: url(../img/icon/sm_ft_address.png) !important; background-color: #dee3e7 !important; margin-bottom: 0 !important; 	}
	
	/* about-end */
	
	/* news */	
	.news-dl-list ul li, 
	.lecture-dl-list ul li {  padding: 20px 0; }
	
	.news-dl-list ul li .news-tittle, 
	.lecture-dl-list ul li .news-tittle { margin-bottom: 10px; }
	
	.news-flex-item{ display: block; }	
	.news-flex-item dt { margin-bottom: 20px; }
	.news-flex-item dd ,
	#page-detail .unison-date { padding: 0; }
	
	.news-flex-item dd .unison-date { position: static; padding: 0; margin-top: 10px; }	
	.news-detail-title { margin-bottom: 10px; font-size: 28px;}
	
	.lecture-dl-list ul li .news-tittle { -webkit-line-clamp: 4; font-size: 18px; }
	.lecture-flex-item dt { width: 35%; }
	.lecture-flex-item dd { width: calc(65% - 20px); margin-left: 20px; padding:  20px 0; }
	
	.lecture-flex-item dd .inside-bottom .act-holding-time,
	.lecture-flex-item dd .desc { display: none; }
	.lecture-flex-item dd .inside-bottom { padding: 20px 0 ; padding-bottom: 0; }
	.lecture-flex-item dd .btn-more { position: relative; opacity: 1; }
	
	/* news-end */
	
	.adv_slogan {   width: 77%;  padding: 30px;	}
	.adv_slogan h2 { margin-bottom: 0; }
	.ocean-introl { display: block; }
	.ocean-introl .adv_slogan {  width: 72%; }
	.ocean-introl .w_70,
	.ocean-introl .w_30 { width: 100%; float: none; }
	#ocean-news { display: none; }
	.imgWaterfall_list ul li h3 ,
	.zp-adv .unison-date { padding: 20px; }
	.loading_more { font-size: 18px; }
	
	
	/* research */
	.dom-scroll-body .dom-scroll-item { padding: 40px 0; }
	.dom-scroll-body .dom-scroll-item .black_wamp p {  font-size: 18px;	}
	#research_direction .black_wamp,
	.dom-scroll-body .dom-scroll-item .black_wamp { padding: 20px; }
	#research_direction .black_wamp h3 {  bottom: 20px;  font-size: 20px;	}
	.research-desc br { display: none; }
	
	.materials_list ul li,
	.majoy_list ul li { padding: 20px; margin-bottom: 20px; }
	.materials_list ul li:last-child { margin-bottom: 0; }
	.materials_list ul li .materials_icons {  width: 32%;  margin-right: 30px;	}
	
	.dom-scroll-body .dom-scroll-item .img28_1 {  padding-top: 61.8%;	}
	.dom-scroll-body .dom-scroll-item:last-child {  padding-bottom: 150px;	}
	/* research-end */
	
	/* 2024-08-27 */
	.mode-about-introls .desc-unlimit { width: 100%; }
	
	/* 2024-08-29 */
	.margin_top40 { display: none; }
	.long-range .desc-unlimit p.stand-title-24 { line-height: 1.35;}
	.desc-unlimit p.stand-title-24 {  line-height: 1.5;  }
	.title-ver h3 { margin-bottom: 20px; }
	#gallry-campus .swiper-button-next, 
	#gallry-campus .swiper-button-prev { width: 35px; height: 35px; }
	#gallry-campus { margin-top: 32px;  }
	
	input.select-option { overflow: hidden; }
	.long-range .ver-alight h3 ,
	.ver-alight h3 {font-weight: bold;}
	.title-ver h3 span { margin-bottom: 10px; }
	.title-ver h3 span br { display: none; }

	.ft-logo {   width: 80%; }

	/* 2024-4-1 ds 0425 */
	.s-letters, .faculty_type { display: block; }
	.s-letters h3, .faculty_type h3 { margin-bottom: 15px; }
	.faculty_type ul.phone-option { width: 100%; position: absolute; left: 0; z-index: 10; display: none; }
	.faculty_type ul.phone-option li { margin-right: 0; }
	.faculty_type ul.phone-option li a { border-radius: 0; }
	.faculty-name {  font-size: 24px;	}
	.facultylist ul li { width: 100%; float: none; margin-right: 0; }
	.facultylist ul li .desc-unlimit p {   font-size: 18px;	}
	
	#faculty-detail .loading_more {
	    position: static;
	    width: 100%;
	    height: auto;
	    top: -40px;
	    left: 0;
	    padding: 10px;
	    border-radius: 5px;
	    text-align: center;
	    font-size: 15px 0;
	    background-color:#01bfca;
		color: #fff;
	}
	#faculty-detail .loading_more .btn-right-jt,
	#faculty-detail .loading_more .btn-right-jt::after { border-color: #fff; }
	
	.info ol li, .info ul li { font-size: 16px; }
	.fix-map { background-image: none; }
	
	#faculty-detail {
		background-color: #025372 !important;
		color: #fff;
		padding: 24px;
		border-radius: 5px;
		top: unset;
		margin-bottom: 30px;
		transition: all .35s;
	}
	
	#faculty-detail h3 small,	
	#faculty-detail h3,
	#faculty-detail .desc-unlimit p{ color: #fff !important; transition: all .35s; }
	
	#faculty-detail,
	.detail-sticky-left-content { width:100%; float: none; }
	
	
}


/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1186px) and (orientation : landscape) { 
	
	p, 
	.font-16, 
	.news-tags, 
	.unison-date,
	.lang a, 
	.menu ul li p a, 
	.menu ul li ol a,
	.lecs-item dd button ,
	.lecs-item dd .unison-date ,
	.home-news ul li .news-tittle {  font-size: 16px; }
	
	.font-18, 
	.banner-desc, 
	.tab-head ul li, 
	.news-tittle ,
	.faq_list dl dt h3 ,
	input.select-option,
	.sub_nav ul li a ,
	.search-tool-box input ,
	.pages ul a ,
	.history-item dd .info p,
	.info p ,
	.info section {  font-size: 18px; }
	
	.font-20, 
	.stand-title-20 {  font-size: 20px; }
	
	.font-22, 
	.stand-title-22 {  font-size: 22px;	}
	
	.font-24, 
	.co-tittle-en, 
	.stand-title-24 {  font-size: 20px;	}
	
	
	.font-36, 
	.co-tittle, 
	.stand-title-36 {  font-size: 26px;	}
	
	.stand-title-48 {   font-size: 24px;	}
	
	.font-72, 
	.banner-tittle {  font-size: 48px;	}
	
	.padding_20,
	.lecs-item dd,
	.lecs-item dd .unison-date,
	.newslist ul li dl dd, 
	.newslist ul li .news-tags, 
	.newslist ul li .unison-date {  display: block;  padding: 20px;	}
	
	.padding_30 {  padding: 30px; }
	
	.container { width: 92%; min-width: unset; }
	.headtop .container, 
	.copyright .container, 
	#banner .inside-bottom {  width: 96%;	}
	
	.li-line-3 ul li { width: calc((100% - 40px) / 3);  margin-bottom: 20px; margin-right: 20px; }
	
	.logo { height: 40px;}
	.menu ul { justify-content: flex-end;  }
	.menu ul li { margin-right: 20px;  }
	.lang a {  padding: 10px;  }
	
	.pages ul a { width: 45px; height: 45px; line-height: 45px; }
	.pages ul a.prev, 
	.pages ul a.next {  width: 2rem; }	
	
	
	.box-sticky-left  { width: 25%; margin-right: 40px; }
	.box-sticky-right { width: calc(100% - 25% - 40px); }
	
	.detail-sticky-left { width: calc(100% - 25% - 40px); margin-right: 40px;  }
	.detail-sticky-right { width: 25%; }
	
	
	#banner { width: 100%; height: 109vh; overflow: hidden;	}
	#banner .swiper-pagination { top: 80vh;      right: 6%;}
	#news-tab .tab-head {  position: absolute;   right: 0;  top: -56px;	}
	.mode-about-introls { top: 48%;	}
	
	.research-direct ul li { height: 200px;	}
	.research-direct ul li h6 { margin-top: 10px; }
	.research-direct ul li .imgsize { padding-top: 60.8%; }
	.research-direct ul li .inside-bottom img {  height: 35px;	}
	
	#ocean-plan .slide-btn-group { margin-top: 46px; }
	.lecs-item .ocean-plant-logo img {  height: 72px;	}
	.lecs-item dd h1 { font-size: 24px; line-height: 1.5; }
	.lecs-item dd h1 br { display: none; }
	.lecs-item dd button { bottom: 82px; right: 20px; }
	
	.flag-zhaopin .zp-bg .inside-bottom { padding-right: 62px; }
	.faq_list dl dt, 
	.faq_list dl dd {  padding: 16px 30px;  padding-left: 50px;  position: relative;	}
	
	.all_box .has_rightbottom_radio {  height: 500px; }
	.all_box .has_rightbottom_radio dl dt {  max-height: 349px;  overflow: hidden;	}
	.all_box .has_rightbottom_radio .swiper-pagination {  top: 5.2rem; }
	.all_box .has_rightbottom_radio dl dd { padding: 20px 30px; }
	#schoolviews dl dd { padding-right: 120px; }
	#actives-lec .act-holding-time p { font-size: 18px; }
	#actives-lec .act-holding-time p.act-for-add { font-size: 14px; }
	
	.ft-flex .ft-flex-item:nth-child(1) {  width: 28%;	}
	.ft-partners, .ft-menu, .ft-contact { padding-top: 0; }
	.ft-menu {   width: 100%;  margin-bottom: 45px;	}
	.ft-wx-code img {  height: 91px;  margin-right: 8px;	}
	
	.mode-given .svg-path {  height: 422px; overflow: hidden; }
	.mode-given .svg-path svg {  transform: translate(0, -118px);	}
	.mode-given-list .dis_flex .w_50 {  width: 50%;  margin-left: 7%; }
	.given-introl.w_40 { width: 47%; }
	
	.mode-engineering .svg-path svg {  transform: translateY(-143px);	}
	
	.given-info p { font-size: 16px; }
	
	/* home-end */
	
	.innerban {  width: 100%;  height: 400px; }
	.close3 {  width: 35px;   height: 35px; }
	.close3 span {  width: 20px; }
	
	.model-about {  align-items: center; }
	.model-about .stand-title-48 { margin-bottom: 20px; }
	.model-about .col-lg-6 { width: calc(100% - 40% - 00px); }
	.model-about .col-lg-5 { width: 40%; margin-left:0px; }
	
	.home-news ul li { width: calc((50% - 40px) / 2) ; margin-right: 20px; margin-bottom: 20px; background-color: #dae2eb;  transition: all .35s;}
	.home-news ul li:nth-child(3n) { margin-right: 0; }
	.home-news ul li:nth-child(1),
	.home-news ul li:last-child { width: calc(50% - 20px); }
	
	.leader_item dt {  width: 37%;	}
	.leader_item dd {  width: calc(100% - 35% );  margin-right: 0;	}
	.leader_item dd h3.leader-name { margin-bottom: 15px; font-size: 36px; }
	.leader_item dd h3 sub { font-size: 18px; }
	.leader_item dd .leader-info { height: 43vh; overflow-y: scroll;margin-bottom: 20px; }
	
	.mode-about { background-position: right 42%; background-size: auto 82vh; }
	.mode-ocean-plan { background-position: left bottom; background-size: auto 49vh; }
	.mode-zhaopin { background-position: right 15%;  background-size: auto 62vh; }
	.flag-zhaopin .zp-bg {  min-height: 551px;}
	
	.news-dl-list ul li .news-tittle, 
	.lecture-dl-list ul li .news-tittle {  font-size: 18px;     line-height: 1.35; margin-bottom: 10px;	}
	
	#research_direction .swiper-pagination-progressbar {  width: 92%; }
	.dom-scroll-body .dom-scroll-item .black_wamp p {  font-size: 22px;	}
	
	.news-flex-item dd .desc p {  -webkit-line-clamp: 2; }
	
	
	.contact-us p {  margin-bottom: 28px;	}
	.contact-us p span { font-size: 16px; }
	
	.mode-contact { background-position: -7% 129%; background-size: auto 62vh; }
	hr { margin-top: 25px; margin-bottom: 25px; }
	
	.panel_drop { width: 143px; }
	.imgWaterfall_list ul li h3 {  padding: 20px; font-size: 16px;  margin-bottom: 0;	}
	
	.about-all-path,
	#ocean-news .swiper-slide dl .desc p  { display: none; }
	.long-range .ver-alight {  width: 80%;  top: 42%;	}
	.long-range .desc-unlimit p.stand-title-24 {  font-size: 18px;  line-height: 1.35;	}
	.mode-about-longrange, 
	.mode-about-goal .w_70, 
	.about-mission {  padding: 50px 0;	}
	 
	.mode-about-goal .w_70 .desc-unlimit p.stand-title-24 , 
	.about-mission .desc-unlimit p.stand-title-24  { text-align: left; font-size: 16px; }
	.mode-about-goal { padding-bottom: 50px !important; }
	
}