@media(max-width:1199px) {
	html {
		font-size: 18px!important
	}
	.navbar-default .navbar-nav>li>a {
		padding: 1.1rem .75rem
	}
	.navbar-default .navbar-nav>li {
		padding: 1.5rem 0 0 .5rem
	}
	.navbar-brand {
		width: 12.5rem
	}
	.intro-pic {
		justify-content: space-around
	}
	.intro-pic img {
		margin: .5rem 0
	}
	.jsj-edu .pic {
		height: auto
	}
	.jsj-edu .txt {
		padding-left: 2rem
	}
	.nav-tabs>li {
		margin: .5rem .25rem
	}
	.navbar-fixed-top .navbar-brand img {
		height: 6.65rem
	}
}

@media(max-width:992px) {
	html {
		font-size: 16px!important
	}
	.container {
		padding: 0 1.5rem
	}
	.navbar-fixed-top .navbar-brand,
	.navbar-fixed-top .navbar-brand img {
		height: 100%
	}
	.md-center {
		text-align: center
	}
	.navbar-nav {
		padding-left: 1rem;
		border-top: 1px solid rgba(255, 255, 255, .2);
		padding-bottom: 2rem!important
	}
	.navbar-collapse.collapse {
		display: none!important
	}
	.navbar-default .navbar-toggle:focus .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar {
		background: #fff
	}
	.navbar-collapse.collapse.in {
		display: block!important
	}
	.navbar-default .navbar-nav>li>a {
		line-height: 1rem;
		border-width: 1px 0;
		position: relative;
		padding: 0 1.5rem 1rem 0!important;
		overflow: hidden
	}
	.navbar-default .navbar-nav>li>a:after {
		content: "";
		position: absolute;
		background: rgba(255, 255, 255, .2);
		height: 1px;
		left: 0;
		right: 0;
		bottom: 0
	}
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
		padding: 0
	}
	.navbar-header {
		float: none
	}
	.navbar-default .navbar-collapse,
	.navbar-nav,
	.navbar-nav>li {
		float: none
	}
	.nav-link {
		padding: 0 .25rem
	}
	.navbar-default .navbar-toggle {
		display: block!important;
		margin: 1.65rem 0
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: 0
	}
	.navbar,
	.navbar-default .navbar-nav>li,
	.navbar-nav {
		padding: 0
	}
	.navbar-right {
		display: none;
		margin: .5rem 0 0;
		border-top: 1px dashed #fff;
		float: none!important
	}
	.navbar-right a:hover {
		color: inherit
	}
	.navbar-right a {
		color: #fff
	}
	.navbar-default .navbar-nav>.active>a:before {
		display: none
	}
	.navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li>a:hover {
		opacity: 1;
		border-color: rgba(255, 255, 255, .4)
	}
	.navbar-default.opend {
		height: 100%;
		overflow-y: auto
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		opacity: .6;
		background: transparent
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		line-height: 2.5rem;
		padding: 0 1.5rem;
		text-align: left
	}
	.dropdown-menu {
		left: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}
	.index-intro .swiper-left,
	.in-in-txt {
		width: 100%;
		float: none;
		height: auto;
		margin-top: 0
	}
	.in-in-txt {
		float: none;
		padding: 2.5rem 2rem
	}
	.index-intro {
		margin-top: 1.5rem
	}
	.index-intro .swiper-wrapper {
		border-bottom: 4rem solid #c8000b;
		background: #c8000b
	}
	.swiper-button-blk {
		position: static
	}
	.index-intro .swiper-button-next,
	.index-intro .swiper-button-prev {
		position: absolute;
		top: 30%;
		margin-top: -1.5rem
	}
	.index-intro .swiper-button-next {
		right: 0;
		left: auto
	}
	.index-intro .swiper-button-prev {
		left: 0;
		right: auto
	}
	.news-left,
	.news-right {
		width: 100%;
		float: none;
		padding: 0
	}
	.news-left img {
		height: auto
	}
	.news-r-blk img {
		width: 100%;
		height: 19rem
	}
	.professor .blk {
		width: 100%;
		float: none;
		padding: 0!important;
		background: #c8000b;
		margin-bottom: 1.5rem
	}
	.professor .blk .left {
		height: auto
	}
	.intro-pic img {
		flex: 1;
		width: auto;
		height: auto;
		max-width: 100%
	}
	.set-txt {
		padding: 1.5rem;
		background: #fffafa
	}
	.kernel-block {
		width: 100%;
		float: none
	}
	.team-wrap .team-blk {
		width: 100%;
		padding: 0
	}
	.team-list dt {
		float: none;
		margin: auto
	}
	.team-list dd {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0 1.5rem 1.5rem
	}
	.project .block .b-l,
	.project .block .b-r {
		width: 100%!important;
		float: none!important;
		padding-left: 0!important;
		padding-right: 0!important
	}
	.project img {
		height: auto;
		width: 100%
	}
	.copyright,
	.navbar-default .navbar-nav>li>a>span,
	.f13,
	.intro-txt,
	.professor .blk .right p,
	.in-in-txt p,
	.f16,
	.footer-txt p,
	.intro-blk .block p,
	.f14,
	.flow-table.table>tbody>tr>td,
	.flow-table.table>tbody>tr>th,
	.flow-table.table>tfoot>tr>td,
	.flow-table.table>tfoot>tr>th,
	.flow-table.table>thead>tr>td,
	.flow-table.table>thead>tr>th,
	.ewm-block p,
	.bottom-nav .blk p,
	.news-list li p,
	.why-pane h2,
	.pages-wrap a,
	.crumb,
	.avg-block p,
	.team-txt p,
	.set-txt,
	.dropdown-menu>li>a,
	.crumb a,
	.newsD-content h3,
	.why-pane p,
	.project dd,
	.panel-body,
	.team-list dd p,
	.newsD-txt,
	.study dd,
	#article dd,
	.contact-left dd p {
		font-size: .875rem
	}
	.f-form button {
		font-size: .925rem;
		height: 2.925rem
	}
	.f-form-block input,
	.f-form-block select,
	.news-btn button {
		height: 2.925rem;
		font-size: .925rem
	}
	.index-tit a,
	.kernel-block p,
	.apply-form-label,
	.apply-form-label,
	.apply-form-block label,
	.contact-left dd h2,
	.apply-form button,
	.question-pane .panel-title,
	.avg-block h2,
	.navbar-default .navbar-nav>li>a,
	.com-btn,
	.jsj-edu .txt {
		font-size: .925rem
	}
	.com-tit {
		padding: 1.25rem 0;
	}
}

@media(max-width:768px) {
	.navbar-fixed-top .navbar-brand,
	.navbar-fixed-top .navbar-brand img {
		height: 100%
	}
	.news-r-blk img {
		height: auto
	}
	.news-r-blk .news-blk {
		width: 100%
	}
	.news-r-blk .news-txt {
		height: 4rem;
		padding: .5rem
	}
	.footer-right {
		display: none
	}
	.footer-l {
		width: 45%
	}
	.footer-center {
		width: 55%
	}
	.why-pane~div {
		padding: 0!important
	}
	.panel-body {
		padding: 1.4rem 1.5rem 1.8rem 2.5rem
	}
	.panel-body:before {
		left: .5rem
	}
	.apply-form-label {
		width: 26%;
		text-align: left
	}
	.apply-form-block input[type=text],
	.apply-form-block input[type=number],
	.apply-form-block input[type=tel] {
		width: 74%
	}
	.contact-left {
		width: 100%;
		display: flex;
		padding: 0;
		justify-content: space-between
	}
	.contact-left dl {
		flex: 1;
		text-align: center
	}
	.contact-left dt {
		float: none;
		margin: 0 auto 1rem
	}
	.contact-center,
	.contact-right {
		width: 100%;
		float: none;
		text-align: center
	}
	.contact-right {
		padding: 0
	}
	.contact-right div,
	#intro span {
		display: inline-block
	}
	#intro span {
		padding: .25rem 0
	}
	.container>.plr20 {
		padding: 0
	}
	.jsj-edu .flex,
	.jjh .flex {
		display: block
	}
	.jsj-edu .pic,
	.jjh .pic {
		height: auto;
		text-align: center
	}
	.jsj-edu .txt,
	.jjh .txt {
		text-align: center;
		padding-top: 1.5rem;
		padding-left: 0
	}
	.intro-blk .block {
		width: 50%;
		padding: 2rem .5rem
	}
	#intro .flex {
		flex-wrap: wrap;
		justify-content: space-between
	}
	#intro .flex .block img {
		max-width: 70%
	}
	.avg-block {
		width: 48%
	}
	.in-in-txt {
		padding: 2rem 1.5rem
	}
	/*.swiper-container-ban img {
		opacity: 0
	}
	.swiper-container-ban,
	.banner {
		height: 20rem
	}
	.swiper-container-ban .swiper-slide,
	.banner {
		background-size: cover;
		background-position: 35% center;
		background-repeat: no-repeat
	}*/
}

@media(max-width:640px) {
.newsD-txt img{
max-width:100%!important;
height:auto!important;
}
	html {
		font-size: 14px!important
	}
	.navbar .navbar-toggle .bottom-bar {
		-webkit-transform-origin: 0 50%;
		-ms-transform-origin: 0 50%;
		transform-origin: 0 50%
	}
	.professor .blk {
		position: relative
	}
	.professor .blk .right {
		height: auto;
		float: right;
		padding: 2rem 1rem
	}
	.footer {
		padding: 2.5rem 0
	}
	.footer-l {
		width: 100%
	}
	.footer-center {
		width: 100%;
		padding: 0;
		margin-top: 3.5rem;
		text-align: center
	}
	.copyright {
		line-height: 2;
		padding-top: 1.5rem
	}
	.footer-tit {
		padding-bottom: 1.5rem;
		text-align: center
	}
	.footer-txt p {
		padding: .5rem 0
	}
	.teamwork .tit {
		width: auto
	}
	.database {
		padding: 5rem 0 2rem;
		height: auto
	}
	.database .flex {
		flex-wrap: wrap;
		justify-content: space-around
	}
	.database .block {
		width: 33.33%;
		padding: 1rem 0
	}
	.why-left,
	.why-right {
		padding: 0 .25rem
	}
	.why-pane dt {
		text-align: center
	}
	#intro .flex {
		justify-content: space-around
	}
	.pro-pic .block {
		flex: inherit;
		width: 50%
	}
	#intro .flex .block img {
		margin: 1rem 0
	}
	.pro-pic .block:first-child:before,
	.pro-pic .block:last-child:before {
		display: none
	}
	.avg-block {
		width: 100%
	}
	#set .img-responsive.center_block {
		max-width: 75%;
		margin: auto
	}
	.footer-txt p,
	.news-r-blk h3,
	.news-r-blk .news-txt p,
	.copyright,
	.navbar-default .navbar-nav>li>a>span,
	.f13,
	.intro-txt,
	.professor .blk .right p,
	.in-in-txt p,
	.f16,
	.footer-txt p,
	.intro-blk .block p,
	.f14,
	.flow-table.table>tbody>tr>td,
	.flow-table.table>tbody>tr>th,
	.flow-table.table>tfoot>tr>td,
	.flow-table.table>tfoot>tr>th,
	.flow-table.table>thead>tr>td,
	.flow-table.table>thead>tr>th,
	.ewm-block p,
	.bottom-nav .blk p,
	.news-list li p,
	.why-pane h2,
	.pages-wrap a,
	.crumb,
	.avg-block p,
	.team-txt p,
	.set-txt,
	.dropdown-menu>li>a,
	.crumb a,
	.newsD-content h3,
	.why-pane p,
	.project dd,
	.panel-body,
	.team-list dd p,
	.newsD-txt,
	.study dd,
	#article dd,
	.contact-left dd p {
		font-size: 1rem
	}
	.f-form button {
		font-size: 1.1rem;
		height: 2.75rem
	}
	.f-form-block input,
	.f-form-block select,
	.news-btn button {
		height: 2.75rem;
		font-size: 1.1rem
	}
	.index-tit a,
	.kernel-block p,
	.apply-form-label,
	.apply-form-label,
	.apply-form-block label,
	.contact-left dd h2,
	.apply-form button,
	.navbar-default .navbar-nav>li>a,
	.question-pane .panel-title,
	.avg-block h2,
	.navbar-default .navbar-nav>li>a,
	.com-btn,
	.jsj-edu .txt {
		font-size: 1.1rem
	}
	.f17 {
		font-size: 1.15rem
	}
	.footer-tit,
	.database p,
	.com-tit h3 .f18,
	.com-tit h3,
	.news-list li h2,
	.project dt,
	.com-tit2 {
		font-size: 1.175rem
	}
	.avg-block h2:before,
	.why-pane h2:before {
		width: 1.175rem;
		height: 1.175rem
	}
	.why-pane h2:before {
		top: 1.15rem
	}
	.com-tit2 {
		padding-left: 1.75rem
	}
	.com-tit2:before {
		width: 1.175rem;
		height: 1.175rem;
		top: .15rem
	}
	.project dt:before {
		top: .35rem
	}
	.f20,
	.team-list dd h2 {
		font-size: 1.2rem
	}
	.news-r-blk h3:before {
		width: 1rem;
		height: 1rem;
		background-size: 1rem auto
	}
	.news-r-blk h3 {
		padding-left: 1.3rem
	}
	.com-tit h2,
	.team-txt h2 {
		font-size: 1.3rem
	}
	.panel-title a:after {
		width: 1.175rem;
		height: 1.175rem;
		top: 0
	}
	.question-pane .panel-title:before {
		top: 0
	}
	.professor .blk .left,
	.professor .blk .right {
		float: none;
		width: 100%;
		text-align: center
	}
}

@media(max-width:414px) {
	.navbar-brand img {
		height: 100%
	}
	.navbar-brand {
		height: 100%
	}
	.navbar .navbar-toggle .bottom-bar {
		-webkit-transform-origin: 0 70%;
		-ms-transform-origin: 0 70%;
		transform-origin: 0 70%
	}
	.database .block {
		width: 50%
	}
	.why-left,
	.why-right {
		width: 100%
	}
	.why-pane:before {
		display: none
	}
	.news-list li {
		width: 100%;
		float: none
	}
	.index-intro .swiper-button-next,
	.index-intro .swiper-button-prev {
		top: 20%
	}
	.pro-pic .block {
		width: 85%
	}
}

@media(max-width:375px) {
	/*.swiper-container-ban .swiper-slide,
	.banner {
		background-position: 30% center
	}*/
	.index-intro .swiper-button-next,
	.index-intro .swiper-button-prev {
		position: absolute;
		top: 15%;
		margin-top: -1.5rem
	}
}

/*@media(max-width:320px) {
	.swiper-container-ban .swiper-slide,
	.banner {
		background-size: cover;
		background-position: 28% center;
		background-repeat: no-repeat
	}
}*/