﻿
@media (max-width: 1023px) {
    .header{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: 60px; line-height: 60px; padding: 5px 0px;}
	.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: 90%;

	}
	.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:70px;background: #f20019; position: absolute; width: 100%;overflow-y: scroll; height: 270px;}
	.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: #f20019;  position: relative;  }
	.move_menu .menuicon {  float: right;  width:24px;height:16px;  background: url("../images/navicon.png") no-repeat;  background-size: 100%;  position: relative;  top:24px;  background-size: 100%;  position: relative;  transition:0.5s;   }
	.menuicon.closeNav{background: url("../images/x.png") no-repeat;position: absolute;top:25px;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_nav li{padding: 0 10px;  line-height:28px; text-align: left;    width: 100%;}
	#move_nav li p{border-bottom: 1px solid #c81b15;padding: 10px;}
	#move_nav li a{color:#fff;font-size: 14px;display:inline-block;width: 25%;}
	#move_nav li ul{margin: 0;}
	#move_nav li ul li{border-bottom: 1px dashed #721170;padding:9px 10px 9px 20px;background: #f20019;width: 90%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#move_nav li ul li a{font-size:14px;color:#fff; display:block; width:auto;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}



	.zkicon{background: url("../images/zkicon.png") right center no-repeat;width:60%;height:13px;display: inline-block;float: right;position: relative;top:5px;right:5%;}
	.sqicon{background: url("../images/sqicon.png") right center no-repeat;width:60%;height:13px;position: relative;top:7px;right:5%;}
	.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: #721170;
		line-height: 32px;
		position: relative;border-bottom: 1px solid #2086ba;
	}
	.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: #217caa;
		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;}
	.foot_mid{margin-top: 0px;}
}

@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: 60px;
		height: 60px;
		padding: 5px 0px;
	}
	.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: #721170;
		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;
	}
	.header-mp .header-mp-nav-top {
		height: 32px;
		width: 100%;
		background: #721170;
		line-height: 32px;
		position: relative;border-bottom: 1px solid #2086ba;
	}
	.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: #217caa;
		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;}
	.body_b.showdiv .top{display: none;}
	.column-menu{display:none;}

}
@media screen and (max-width:479px) {
	.navbar{background:#fff;}
	.header-mp .logo img {width: 90%;}
	.header-mp .header-mp-right > a{margin-right: 54%;}
	.slideBox .hd {right: 35%;}
	.ban2 .slick-prev {left: -10px;}
	.ban2 .slick-next {right: -10px;}
	.cols_list .news_list .news_box .news_date {padding: 10px;}
	.cols_list .news_list .news_box .news_con .news_arti {padding-left: 110px;}
	.cols_list .news_list .news_box .news_con .news_arti .news_dt_title { line-height: 38px;font-size: 1.18rem;}
	.column-menu{display:none;}
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .header{display:block;}
	.header-mp {display:none;}
    .top-nav-panel {display:none;}
	.foot_mid{margin-top: 0px;}
}