﻿@media (max-width: 1200px) {
    .header{display:none;}
	.header_info{display:none;}
	.move_logo{float:left; width:90%; }
	.nav-se {position: fixed;}
	.header-pc {display: none;}
	.header-mp {  position: relative;  top: 0;  z-index: 101;  display: block;  width: 100%; height: 190px; line-height: 190px; padding: 5px 0px;    background-color: #1c4ea4;}
	.header-mp .header-mp-right {  text-align: right;  white-space: nowrap;  position: relative;  z-index: 102;float:right;}
	.header-mp .header-mp-right .ham {  width: 18px;  height: 18px;  font-size: 18px;  margin-top: -5px;  }
	.header-mp .header-mp-right .english {  display: none;  margin-right: 10px;  }
	.header-mp .header-mp-right .english span {
		opacity: 0.7;
		font-family: NotoSans-Regular;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
	}
	.header-mp .header-mp-right .english i {
		color: #ffffff;
		font-size: 20px;
		padding-right: 8px;
	}
	.header-mp .logo:hover img {
		transform: unset;
	}
	.header-mp .logo img {
		width: 70%;

	}
	.header-mp .header-mp-right > a{margin-right:45%;}
	.searchbox form{width:90%;}
	.searchbtn{margin-right: 0px; margin-top: 15px;border: none;position: absolute;right: 40px;}
	.move_navBox{top:180px;background: #1c4ea4; position: absolute; width: 100%;overflow-y: scroll; height: 380px;}
	.move_navShow{width: 100%;}
	.move_nav{float:right; width: 10%; z-index: 5;}
	.move_menu {display: block; clear: both;  line-height: 36px;  font-size: 1.125em;  padding: 0 10px;  cursor: pointer;  color: #fff;  background: #1c4ea4;  position: relative;  }
	.move_menu .menuicon {float: right;  width:34px;height:26px;  background: url("../images/navicon.png") no-repeat;  background-size: 100%;  position: relative;  top:84px;transition:0.66s;  }
	.menuicon.closeNav{background: url("../images/x.png") no-repeat;position: absolute;top:84px;right:20px;width:28px;height:26px;background-size: 100%;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
	#move_nav li{padding: 3px 10px 0px 10px;  line-height:28px; text-align: left;    width: 100%;}
	#move_nav li p{border-bottom: 1px solid #fff;padding: 10px;}
	#move_nav li a{color:#fff;font-size: 16px;display:inline-block;width: 60%;}
	#move_nav li ul{margin: 0;}
	#move_nav li ul li{border-bottom: 1px dashed #1c4ea4;padding:9px 10px 9px 20px;background: #fff;width: 90%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#move_nav li ul li a{font-size:14px;color:#1c4ea4; display:block; width:auto;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}



	.zkicon{background: url("../images/zkicon.png") right center no-repeat;width:20px;height:14px;display: inline-block;float: right;position: relative;right:5%;transition:0.3s;background-size: 100%;}
	.sqicon{background: url("../images/sqicon.png") right center no-repeat;width:20px;height:14px;position: relative;top:2px;right:5%;transition:0.3s;background-size: 100%;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
	.header-mp .search {
		position: relative;
		margin-top: 10px;
	}
	.header-mp .search i {
		position: absolute;
		color: #999;
		right: 15px;
	}
	.header-mp .search input {
		width: 100%;
		height: 36px;
		opacity: 0.7;
		border: 1px solid #ffffff;
		border-radius: 2px;
		background: transparent;
		outline: none;
		color: white;
		line-height: 36px;
		padding-left: 15px;
		padding-right: 40px;
	}
	.header-mp .header-mp-nav-top {
		height: 32px;
		width: 100%;
		background: #1c4ea4;
		line-height: 32px;
		position: relative;border-bottom: 1px solid #1c4ea4;
	}
	.header-mp .header-mp-nav-top::after {
		width: 100%;
		content: "";
		display: inline-block;
		overflow: hidden;
		height: 0;
	}
	.header-mp .header-mp-nav-top>a {
		display: inline-block;
		font-family: MicrosoftYaHei;
		font-size:16px;
		color: #ffffff;
		padding: 0px 15px;
		line-height: 28px;
	}
	.header-mp .header-mp-nav-bottom {
		margin-bottom: 35px;
	}
	.header-mp .header-mp-nav-bottom li > div {
		font-family: MicrosoftYaHei;
		font-size: 16px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
		margin-bottom:10px;
		text-align: center;
	}
	.header-mp .secondaryNavigation-mp {
		background: #1c4ea4;
		width: 100vw;
		margin-left: -15px;
		clear: both;
		overflow: hidden;
		transition: height 0.3s linear;
		height: auto;
		margin-bottom: 10px !important;
		margin-top: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header-mp .secondaryNavigation-mp>a {
		float: left;
		margin-bottom: 10px;
		display: inline-block;
		width: 50%;
		font-size: 14px;
		color: white !important;
	}
	.header-mp .header-mp-nav-bottom li > div > a {
		color: white;
	}

	.header-mp .header-mp-nav-bottom li > div > a:hover {
		color: white;
	}
	.body_b .top{display: none;}
	.column-menu{display:none;}
    .showdiv .top{display: none;}
	.body_b.showdiv .top{display: none;}
	#nav_slide {display: block;}
	.column-news .column-news-box { margin: 0 20px;}
	.foot_mid{margin-top: 0px;}
	.footer-box {width:40px;}
	.foot_share .mt-link a { margin-left: 30px;margin-top:60px;}
	.foot_share .mt-link a img{ width:40px; height:40px;}

}
@media (max-width: 991px) {
	.navbar{background:#fff;}
	.nav-se {position: fixed;}
	.header-pc {display: none;}
	.header-mp {
		position: relative;
		top: 0;
		z-index: 101;
		display: block;
		width: 100%;
		line-height: 80px;
		height: 80px;
		padding: 5px 0px;
		background-color:#1c4ea4;
	}
	.header-mp .header-mp-right { float: right;
		text-align: right;
		white-space: nowrap;
		position: relative;
		z-index: 102;
	}
	.header-mp .header-mp-right .ham {
		width: 18px;
		height: 18px;
		font-size: 18px;
		margin-top: -5px;
	}
	.header-mp .header-mp-right .english {
		display: none;
		margin-right: 10px;
	}
	.header-mp .header-mp-right .english span {
		opacity: 0.7;
		font-family: NotoSans-Regular;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
	}
	.header-mp .header-mp-right .english i {
		color: #ffffff;
		font-size: 20px;
		padding-right: 8px;
	}
	.header-mp .logo:hover img {
		transform: unset;
	}
	.header-mp .logo img {
		width: 50%;

	}
	.header-mp .header-mp-nav {
		position: fixed;
		top: 66px;
		width: 100vw;
		height: 100vh;
		left: 0;
		pointer-events: none;
		z-index: 101;
	}
	.header-mp .header-mp-nav .main {
		position: relative;
		top: -105%;
		overflow: hidden;
		transition: top 0.3s cubic-bezier(0, 0.55, 0.45, 1);
		background-color: #1c4ea4;
		height: 0;
		border: 0;
		max-height: calc(100vh - 60px);
		overflow: auto;
		height: auto;
	}
	.header-mp .header-mp-nav .main .main-top {
		height: auto;
		border-top: 1px solid #979797;
		border-bottom: 1px solid #979797;
	}
	.header-mp .header-mp-nav .main .main-bottom div a {
		height: 70px;
		line-height: 70px;
		display: block;
		text-align: center;
		opacity: 0.7;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
	}
	.header-mp .header-mp-nav.active {
		pointer-events: painted;
		background: rgba(0, 0, 0, 0.65);
	}
	.header-mp .header-mp-nav.active .main {
		top: 0px;
	}
	.header-mp .search {
		position: relative;
		margin-top: 10px;
	}
	.header-mp .search i {
		position: absolute;
		color: #999;
		right: 15px;
	}
	.header-mp .search input {
		width: 100%;
		height: 36px;
		opacity: 0.7;
		border: 1px solid #ffffff;
		border-radius: 2px;
		background: transparent;
		outline: none;
		color: white;
		line-height: 36px;
		padding-left: 15px;
		padding-right: 40px;
	}
	.move_menu .menuicon {  float: right;  width:24px;height:16px;  background: url("../images/navicon.png") no-repeat;  background-size: 100%;  position: relative;  top:34px;transition:0.66s;  }
	.menuicon.closeNav{background: url("../images/x.png") no-repeat;position: absolute;top:34px;right:10px;width:17px;height:17px;background-size: 100%;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
	.move_navBox{top:90px;background: #1c4ea4; position: absolute; width: 100%;overflow-y: scroll; height: 380px;}
	.header-mp .header-mp-nav-top {
		height: 32px;
		width: 100%;
		background: #1c4ea4;
		line-height: 32px;
		position: relative;border-bottom: 1px solid #1c4ea4;
	}
	.header-mp .header-mp-nav-top::after {
		width: 100%;
		content: "";
		display: inline-block;
		overflow: hidden;
		height: 0;
	}
	.header-mp .header-mp-nav-top>a {
		display: inline-block;
		font-family: MicrosoftYaHei;
		font-size:16px;
		color: #ffffff;
		padding: 0px 15px;
		line-height: 28px;
	}
	.header-mp .header-mp-nav-bottom {
		margin-bottom: 35px;
	}
	.header-mp .header-mp-nav-bottom li > div {
		font-family: MicrosoftYaHei;
		font-size: 16px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 28px;
		margin-bottom:10px;
		text-align: center;
	}
	.header-mp .secondaryNavigation-mp {
		background: #1c4ea4;
		width: 100vw;
		margin-left: -15px;
		clear: both;
		overflow: hidden;
		transition: height 0.3s linear;
		height: auto;
		margin-bottom: 10px !important;
		margin-top: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header-mp .secondaryNavigation-mp>a {
		float: left;
		margin-bottom: 10px;
		display: inline-block;
		width: 50%;
		font-size: 14px;
		color: white !important;
	}
	.header-mp .header-mp-nav-bottom li > div > a {
		color: white;
	}

	.header-mp .header-mp-nav-bottom li > div > a:hover {
		color: white;
	}
	#move_nav li a{font-size: 14px;}
	
	#container-1 .inner .inner_box {background:none;}
	.inner_title{display:none;}
	.tt_bobile{display:block;}
	.post-1 .news_top .list-T{display:none;}
	.post-1 .news_top .list-W{margin-top:30px;width: calc(100% - 20px);padding:0 10px;}
	.post-1 .news_top .list-W span{display:block;}
	.post-1 .news_top .list-W a.tit {  min-height: 30px;  font-size: 1.1rem;    white-space: nowrap;text-overflow: ellipsis;}
	.post-1 .news_main {margin: 15px 10px 0px 10px;}
	.post-1 .news_top .list-W .img img {height:228px !important;}
	.post-1 .news_list .news .news_title {line-height: 31px;}
	.post-1 .news_list .news .news_title {width: 70%;}
	.post-1 .news_list .news .news_meta {line-height: 31px;}
    .post-1 .news_top .list-W p {line-height: 25px;}
    .post-3 .news_list li {margin-bottom: 0px;}
	.miso-slide li .a .tit h4 {font-size: 24px;}
	.body_b .top{display: none;}
	.body_b.showdiv .top{display: none;}
	.column-menu{display:none;}
	.foot_share .mt-link a { margin-left: 15px;margin-top:60px;}

}

@media screen and (max-width:768px) {
	
	
	.post-2 .con {padding:0px 10px;}
	.miso-slide li .a .tit h4 {font-size: 1.52rem}
	.tt .tit .title_y {margin-left:10px;}
	.post-3 .news_list li a {padding: 0px;background: url(../images/listbg.png) 0px 15px no-repeat;padding-left: 15px;}
	.post-3 .news_list li h2 {height: 40px;    line-height: 35px;}
	.foot_share .mt-link a { margin-left: 10px;margin-top:50px;}
	
}
@media screen and (max-width:479px) {
	.navbar{background:#fff;}
	.header-mp .logo img {width: 90%;}
	.header-mp .header-mp-right > a{margin-right: 54%;}
	.slide_banner .num{right: 38%;}
	.slideBox .hd {right: 35%;}
	.post-1 .news_top .list-W a.tit {  min-height: 60px;   white-space: normal;}
	.post-1 .news_main {margin: 15px 10px 0px 10px;}
	.post-1 .news_top .list-W .img img {height:265px !important;}
	.post-1 .news_list .news .news_title {line-height: 36px;}
	.post-1 .news_list .news .news_meta {line-height: 36px;}
    .post-1 .news_top .list-W p {line-height: 28px;}

	.miso-slide li .a .tit {padding: 0px 0 0;}
	.miso-slide li .a .tit h4 {padding: 25px 0 0 25px;font-size: 1.3rem}
	.post-13 img {height:270px !important;}
	.column-menu{display:none;}
	.foot_info {width: 70%;}
	.foot_share {width: 30%;float: left;}
	.foot_share .mt-link a { margin: 0 0 10px 30px;}
	.footer-box {left: -105%;top: -65%}
	.foot_share .mt-link a img {    width: 30px;height: 30px;}
	.foot_share .mt-link .footer-box img {    width: 42px;height: 42px;}
}
@media screen and (max-width:320px) {
	.post-1 .news_top .list-W .img img {height:200px !important;}
	.post-1 .news_list .news .news_title {width: 62%;}
	.miso-slide li .a .tit h4 {padding: 25px 0 0 15px;font-size: 1.2rem}
	.slide_banner .num{right: 36%;}
}