/*ls*/

@media(max-width:768px) {
	body {
		background: none;
	}
	.headBox {
		min-width: unset;
	}
	.headBg {
		background: url(/Japanese/img/banner-ph.jpg) center top no-repeat;
		background-size: contain;
		width: 100%;
		height: 17.7vw;
	}
	.index-nav {
		height: 0;
	}
	.nav-line {
		height: 0;
	}
	.w1200 {
		width: 100%;
	}
	.searchBox .headCtrl {
		font-size: 3.5vw;
		margin-right: 1vw;
	}
	.searchBox span {
		display: none;
	}
	.searchBox {
		margin-right: 20vw;
		margin-top: 4vw;
		display: none;
	}
	.searchBox .headCtrl img {
		width: 3.5vw;
		height: auto;
	}
	.indexTitle .titleOne h1 a {
		font-size: 6vw;
	}
	.indexTitle .titleOne h1 {
		width: 90%;
		margin: 0 auto;
	}
	.indexTitle .titleTwo h2 a {
		font-size: 3vw;
	}
	.indexTitle .titleTwo h2 {
		width: 32%;
	}
	.indexTitle .titleTwo span {
		font-size: 3vw;
		width: 2%;
		line-height: 4.8vw;
	}
	.indexTitle .titleTwo {
		margin: 10px auto 0;
		width: 95%;
	}
	.indexTitle .titleOne {
		margin-top: 15px;
	}
	.newsBox .newsLeft {
		width: 95%;
		margin: 0 auto;
		float: unset;
	}
	.newsBox {
		margin-top: 20px;
	}
	.newsBox .newsLeft .swiper-slide h1 {
		width: 100%;
		color: white;
		text-align: left;
		height: 30px;
		line-height: 30px;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.newsBox .newsLeft .swiper-slide h1 span {
		padding-left: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 60%;
		display: block;
		font-size: 2vw;
	}
	.newsBox .newsLeft .swiper-pagination {
		bottom: 2vw;
		text-align: right;
		left: unset;
		right: 5px;
	}
	.newsBox .newsRight {
		width: 100%;
	}
	.newsBox .newsNav .newsTab1.lactive {
		width: auto;
		background-size: contain;
		font-size: 4vw;
		padding-left: 10px;
		text-align: center;
		height: 9.3vw;
		line-height: 9.3vw;
	}
	.videoBox .videoNav .videoTab1.lactive {
		width: auto;
		background-size: contain;
		font-size: 4vw;
		padding-left: 10px;
		text-align: center;
		height: 9.3vw;
		line-height: 9.3vw;
	}
	.newsBox .newsNav .newsTab1 {
		width: 38%;
		background-size: contain;
		font-size: 4vw;
		padding-left: 0;
		text-align: center;
		height: 9.3vw;
		line-height: 9.3vw;
	}
	.newsBox .newsRight {
		width: 95%;
		margin: 20px auto 0;
		float: none;
	}
	.videoNav {
		width: 95%;
		height: 9.3vw;
		margin: 20px auto 0;
	}
	.allTitle {
		width: 95%;
		height: 9.3vw;
		margin: 20px auto 0;
	}
	.allTitle .allTitleTab2 {
		width: 42.7%;
		background-size: contain;
		font-size: 4vw;
		padding-left: 0;
		height: 9.4vw;
		line-height: 9.4vw;
		text-align: center;
		margin-left: -2vw;
	}
	.allTitle .allTitleTab3 {
		width: 18.2%;
		background-size: contain;
		height: 9.4vw;
		margin-left: -2vw;
		line-height: 30px;
	}
	.allTitle .allTitleTab1.lactive {
		width: auto;
		background-size: contain;
		font-size: 4vw;
		padding-left: 10px;
		text-align: center;
		height: 9.3vw;
		line-height: 9.3vw;
	}
	.allTitle .allTitleTab1.lactive1 {
		width: 60%;
		background-size: contain;
		font-size: 4vw;
		padding-left: 10px;
		text-align: center;
		height: 3.3vw;
		line-height: 3.3vw;
		text-align: left;
		margin-top: 16px;
	}
	.newsBox .newsNav .newsTab2 {
		width: 42.7%;
		background-size: contain;
		font-size: 4vw;
		padding-left: 0;
		height: 9.4vw;
		line-height: 9.4vw;
		text-align: center;
		margin-left: -2vw;
	}
	.newsBox .newsNav .newsTab3 {
		width: 18.2%;
		background-size: contain;
		height: 9.4vw;
		margin-left: -2vw;
		line-height: 30px;
	}
	.videoBox .videoNav .videoTab3 {
		width: 18.2%;
		background-size: contain;
		height: 9.4vw;
		margin-left: -2vw;
		line-height: 30px;
	}
	.newsBox .newsList ul {
		margin-top: 0;
	}
	.newsBox .newsList ul li h1 {
		font-size: 4.5vw;
		margin-bottom: 10px;
	}
	.newsBox .newsList ul li p {
		font-size: 3.7vw;
	}
	.newsBox .newsList ul li {
		/*padding: 15px 0;*/
	}
	.videoBox dl {
		margin: 10px auto;
	}
	.videoBox .videoLeft {
		width: 100%;
		margin-top: 30px;
		float: none;
	}
	.videoBox .videoLeft dl {
		width: 90%;
		margin-bottom: 10px;
	}
	.videoBox .videoLeft img {
		width: 100%;
		height: auto;
	}
	.videoBox .videoRight {
		width: 100%;
		float: none;
	}
	.videoBox .videoRight dl {
		width: 90%;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.videoBox .videoRight dl:nth-of-type(4n+0) {
		margin-right: auto;
	}
	.videoBox .videoRight img {
		width: 100%;
		height: auto;
	}
	.dailyBox .dailyLeft {
		width: 100%;
		float: none;
	}
	.dailyBox .dailyLeft .dailyNews>img {
		width: 98%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	.dailyBox .dailyLeft .dailyNews>div {
		width: 98%;
		height: auto;
		margin: 10px auto;
		padding-bottom: 10px;
		float: none;
	}
	.dailyBox .dailyLeft .dailyNews>div span {
		font-size: 72px;
		line-height: 100%;
		display: block;
		float: left;
		color: #cdd3e4;
		margin-left: 24px;
	}
	.dailyBox .dailyLeft .dailyNews>div a {
		width: 70%;
	}
	.dailyBox .dailyRight {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.dailyBox .dailyRight dl {
		width: 90%;
		height: auto;
		margin: 10px auto;
	}
	.dailyBox .dailyRight dl dt {
		width: 100%;
		height: auto;
	}
	.dailyBox .dailyRight dl dt a {
		display: block;
		width: 100%;
	}
	.dailyBox .dailyRight dl dt img {
		width: 100%;
		height: auto;
	}
	.dailyBox .dailyRight dl dd {
		padding-top: 10px;
		font-family: "century";
		font-size: 16px;
		line-height: 22px;
	}
	.DrawingsBox .DrawingsImg a {
		width: 90%;
		height: auto;
		display: block;
		float: none;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.DrawingsBox .DrawingsImg a:nth-last-of-type(1) {
		margin-left: auto;
		margin-right: auto;
	}
	.ConfuciusLeft {
		width: 100%;
		float: none;
	}
	.ConfuciusLeft dl {
		width: 90%;
		margin: 10px auto;
	}
	.ConfuciusLeft dl dt {
		width: 100%;
		height: auto;
		float: none;
	}
	.ConfuciusLeft dl dd {
		float: none;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.ConfuciusRight {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.ConfuciusRight ul {
		width: 80%;
		height: auto;
		float: none;
		margin: 0 auto;
	}
	.ConfuciusRight ul:nth-last-of-type(1) {
		margin-left: auto;
		margin-right: auto;
	}
	.ConfuciusRight ul li span {
		width: 8px;
		height: 8px;
		background-color: #3f4f95;
		float: left;
		margin: 15px 10px 0 10px;
		border-radius: 50%;
	}
	.worldBox .temple dl {
		width: 90%;
		height: auto;
		background: #f2f5f8;
		float: none;
		margin: 10px auto 10px auto;
		padding-bottom: 10px;
	}
	.worldBox .temple dl:nth-of-type(2n+0) {
		margin: 10px auto 10px auto;
	}
	.worldBox .temple dl dt {
		width: 100%;
		height: auto;
		float: none;
	}
	.worldBox .temple dl dt a {
		display: block;
		width: 100%;
	}
	.worldBox .temple dl dt a img {
		width: 100%;
		height: auto;
	}
	.worldBox .temple dl dd {
		width: 90%;
		margin: 10px auto 0 auto;
		float: none;
	}
	.lunBox {
		margin-top: 20px;
		position: relative;
		width: 100%;
		height: 25vw;
		overflow: hidden;
	}

	.lunBox .sw2 dl dd {
		width: 100%;
		height: 60%;
		font-size: 16px;
		line-height: 20px;
	}
	.lunBox .sw2 dl dd p{
		width: 80%;
		padding-top: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.linkBox {
		margin: 20px auto;
	}
	.linkBox a {
		width: 23%;
		display: block;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}
	.linkBox a:nth-of-type(1) {
		margin-left: 1%;
	}
	.linkBox a img {
		width: 100%;
		height: auto;
	}
	.adBox {
		margin-top: 35px;
	}
	.adBox .zt1,
	.adBox .zt2,
	.adBox .zt3 {
		width: 95%;
		margin: 10px auto;
		float: none;
	}
	.adBox .zt1 img,
	.adBox .zt2 img,
	.adBox .zt3 img {
		width: 100%;
		height: auto;
	}
	.styBox .styLeft {
		width: 95%;
		margin: -26px auto;
		float: none;
	}
	.styBox .navHead {
		background: url(/Japanese/img/tibg1.png) right top no-repeat;
		width: 21vw;
		font-size: 4vw;
		padding-left: 2vw;
		font-weight: bold;
	}
	.styBox .styRight .navHead {
		background: url(/Japanese/img/tibg1.png) right top no-repeat;
		width: 40vw;
		font-size: 5vw;
		padding-left: 5vw;
		font-weight: bold;
	}
	.styBox .styNav {
		margin-top: 20px;
	}
	.styBox .styTab {
		padding-left: 19vw;
		margin-top: 2vw;
	}
	.styBox .styTab .sty {
		font-size: 3vw;
		/*margin-right: 2vw;
        padding-top: 9px;*/
	}
	.styBox .more a {
		font-size: 3vw;
		padding-right: 1vw;
	}
	.styTabBox .styTabLeft {
		width: 100%;
	}
	.styTabBox .styLb {
		width: 100%;
	}
	.styTabBox .styTabLeft h1 a {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.styTabBox .styTabLeft h1 {
		padding: 0 5px;
		margin: 10px 0;
		font-size: 5vw;
		font-weight: bold;
	}
	.styTabBox .styTabLeft p {
		padding: 0 2%;
		font-size: 4vw;
		color: #666;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		width: 96%;
		line-height: 8vw;
	}
	.styTabBox .styTabRight {
		margin-left: 0;
		width: 100%;
		/*margin-top: 10px;*/
	}
	.styTabBox .styTabRight p {
		padding: 0 2%;
		font-size: 4vw;
		width: 96%;
		line-height: 8vw;
		margin-top: 10px;
	}
	.styTabBox .styTabRight h1 a {
		font-size: 5vw;
	}
	.styTabBox .styTabRight ul li {
		font-size: 4vw;
	}
	.styBox .styRight {
		float: none;
		width: 95%;
		margin: 0 auto;
	}
	.styRight .styTabTwoBox .styRiLb {
		width: 100%;
		height: 58vw;
	}
	.styRight .styTabTwoBox ul li {
		font-size: 4vw;
		padding: 2% 0;
	}
	.newsBox .newsLeft .swiper-pagination-bullet-active {
		padding: 0 1px;
	}
	.newsBox .newsLeft img {
		height: 54vw;
	}
	.confucian-table img {
		width: 20vw;
		height: 24vw;
	}
	.headInput {
		display: none;
	}
	.xsyj-a {
		display: none !important;
	}
	.xsyj-a-p {
		display: inline-block;
	}
	.indexTitle .titleOne h1 a {
		overflow: unset;
		text-overflow: unset;
		white-space: unset;
		padding-top: 0px;
	}
	.indexTitle .titleOne a {
		overflow: unset;
		text-overflow: unset;
		white-space: unset;
	}
	.indexTitle .titleTwo h2:nth-child(5) {
		display: none;
	}
	.indexTitle .titleTwo span:nth-child(4) {
		display: none;
	}
	.indexTitle .titleTwo h2 {
		width: 49%;
	}
	.spread-topImg .spread-topImg-pc {
		display: none;
	}
	.spread-topImg .spread-topImg-app {
		display: block;
	}
	.comm-img .comm-img-pc {
		display: none;
	}
	.comm-img .comm-img-app {
		display: block;
	}
}

@media(min-width:768px) {
	.xsyj-a {
		display: inline-block;
	}
	.xsyj-a-p {
		display: none !important;
	}
}


/*nxx*/

@media(max-width:768px) {
	.t-bg {
		height: 9.3vw;
	}
	.t1-bg {
		height: 9.3vw;
	}
	.nssj {
		display: none;
	}
	.t-bg .t-title {
		font-size: 4vw;
		line-height: 9.3vw;
		margin-left: 30px;
	}
	.t1-bg .t-title {
		font-size: 4vw;
		line-height: 9.3vw;
		margin-left: 30px;
	}
	.rxzxnew {
		width: 100%;
	}
	.rxzxnew dl {
		height: auto;
		width: 15vw;
		float: left;
		margin: 6px 9px 0px 9px;
	}
	.rxzxnew dl dt {
		width: 14.9vw;
		height: auto;
		border: 1px solid #9d9d9d;
	}
	.rxzxnew dl dt img {
		width: 14.9vw;
		height: auto;
	}
	.rxzxnew dl dd {
		font-family: "微软雅黑";
		font-size: 12px;
		padding-top: 5px;
	}
	.rxzxnew dl dd a {
		color: #454545;
	}
	.phone-more {
		display: block;
		background: url(/Japanese/img/more.png) center right no-repeat;
		background-size: contain;
		height: 9.3vw;
		float: right;
		width: 30%;
		display: none;
	}
	.phone-more a {
		display: block;
		height: 9.3vw;
	}
	/*人才培养*/
	.talentDevelopment-box {
		width: 95%;
		margin: 0px 0 0 2.5vw;
		height: auto;
	}
	.t-bg .t-more a {
		font-size: 3.5vw;
		margin-right: 10px;
		line-height: 9.3vw;
	}
	.t1-bg .t-more a {
		font-size: 3.5vw;
		margin-right: 10px;
		line-height: 9.3vw;
	}
	.talent-swiper-slide .talent-swiper-txt {
		font-size: 12px;
		bottom: 0;
		width: 96%;
		padding: 10px 3%;
		text-align: left;
	}
	.common-ul li {
		/*padding: 0px 0 10px 0;*/
		font-size: 20px;
	}
	.common-ul li a {
		font-size: 4vw;
		float: none;
		height: auto;
		/*white-space: nowrap;*/
		display: block;
		transform: translateY(0px);
	}
	/*儒学名家*/
	.confucianScholar-box {
		width: 100%;
		margin-top: 20px;
		height: auto;
	}
	.confucianScholar-box .title-box {
		margin: 0 2vw;
	}
	.confucian-table {
		border-spacing: 5px 35px;
	}
	.confucian-table tr span {
		font-size: 12px;
	}
	.confucian-swiper-button-next,
	.confucian-swiper-button-prev {
		display: none;
	}
	/*传播普及*/
	.spread-box {
		width: 95%;
		margin: 30px 0 0 2.5vw;
		height: auto;
	}
	.topImg-txt a {
		margin: 10px 20px;
	}
	/*交流互鉴*/
	.communicate-box {
		width: 95%;
		margin: 30px 2.5vw 0;
		height: auto;
	}
	.comm-title {
		font-size: 3.5vw;
		line-height: 9.3vw;
		left: 41%;
	}
	.comm-content-right {
		display: none;
	}
	.comm-content-left {
		width: 100%;
	}
	.common-ul {
		/*margin: 20px 0;*/
	}
	/*数字化工程*/
	.academicBg {
		/*display: none;*/
		background: none;
		position: relative;
		clear: both;
	}
	.digitalEngineering-box {
		height: auto;
	}
	.academicBg .row {
		width: 100%;
	}
	.digitalEngineering-box {
		width: 95%;
		height: 45vh;
		margin: 20px 0 0 2.5vw;
	}
	.eng-img {
		height: 22vw;
		width: 50vw;
	}
	.eng-img1 {
		margin: 23.8vw 0 0 1.7vw;
	}
	.eng-img2 {
		margin: 24.1vw 0 0 44vw;
	}
	.eng-img3 {
		margin: 49.5vw 0 0 1.5vw;
	}
	.eng-img4 {
		margin: 49.8vw 0 0 44vw;
	}
	.eng-img h1 {
		font-size: 4vw;
		padding-left: 2vw;
	}
	.comm-img {
		width: 95%;
		margin: 0 auto;
		height: auto;
	}
	.comm-img img {
		/*width: 100%;*/
		height: auto;
	}
	/*学术研究*/
	.academic-box {
		width: 95%;
		margin: 20px 2.5vw;
		height: 122vw;
	}
	.acaCon {
		margin: 0vw 0 0 3.5vw;
	}
	/*友情链接*/
	.bottomLinks-box {
		display: none;
	}
	/*footer*/
	footer {
		clear: left;
		position: relative;
		width: 100%;
		font-size: 12px;
		margin-left: 0;
		padding-top: 6vw;
		padding-bottom: 6vw;
		line-height: 5vw;
		min-height: unset;
	}
	footer p:nth-of-type(1) {
		margin-top: 0px;
	}
	footer p:nth-of-type(2) {
		margin-bottom: 0px;
	}
	.foot-box {
		width: 100%;
		text-align: left;
	}
	.foot-erweima {
		margin: 0 0 0 3%;
	}
	.ewm {
		top: -22vw;
		position: relative;
		width: 15vw;
		height: 15vw;
		margin: 0px 3px;
	}
	.ewm span {
		font-size: 12px;
		top: 16vw;
	}
	.f-toutiao {
		width: 5vw;
		height: 5vw;
		margin: -33% 6% 0 0;
	}
	.f-douyin {
		width: 5vw;
		height: 5vw;
		margin: -19% 6% 0 0;
	}
	.f-toutiao span {
		font-size: 12px;
		margin-top: 0;
		margin-left: 25px;
		width: 36vw;
	}
	.f-douyin span {
		font-size: 12px;
		margin-top: 0;
		margin-left: 25px;
		width: 36vw;
	}
	.copyright {
		margin-left: 10px;
		padding-bottom: 20px;
	}
	.copyright p {
		font-size: 12px;
		padding-top: 0;
	}
	.copyright-br {
		display: block;
	}
	@media(max-width:320px) {
		.academic-box {
			height: 140vw;
		}
		.f-toutiao {
			background: none;
		}
		.f-douyin {
			background: none;
		}
		.f-toutiao span {
			margin-left: -3px;
		}
		.f-douyin span {
			margin-left: -3px;
		}
	}
	@media only screen and (min-height: 812px) {
		.digitalEngineering-box {
			margin-top: 0;
		}
		.academic-box {
			margin-top: 0;
			margin-bottom: 70px;
		}
		.eng-img1 {
			margin: 32.8vw 0 0 2.9vw;
		}
		.eng-img2 {
			margin: 32.8vw 0 0 47.3vw;
		}
		.eng-img3 {
			margin: 59.5vw 0 0 2.9vw;
		}
		.eng-img4 {
			margin: 59.5vw 0 0 47.3vw;
		}
	}
	.sel.le {
		clear: left;
		margin: 0 auto 10px;
		display: block;
		float: unset;
	}
	.link p {
		text-align: center;
		width: 100%;
		margin-top: 0;
		margin-left: 0;
	}
	.link {
		padding-bottom: 10px;
		/*margin-bottom: 10px;*/
	}
}