@charset "utf-8";

@media screen and (min-width: 1120px) and (max-width: 1200px) {

	article,
	.topbar ul,
	.box {
		width: 1090px
	}

	.box_l {
		margin: 0 20px 20px;
		width: 620px;
	}

	.banner {
		height: auto
	}

	.box_r {
		width: 320px
	}
}

@media screen and (min-width: 1020px) and (max-width:1119px) {

	article,
	.topbar ul,
	.box {
		width: 990px
	}

	.wrapper {
		width: 100%;
	}

	.box_l {
		margin: 0 15px 20px;
	}

	.banner {
		height: auto
	}

	.box_r {
		width: 300px
	}
}

@media screen and (min-width: 960px) and (max-width:1019px) {

	article,
	.topbar ul,
	.box {
		width: 940px
	}

	.box_l {
		margin: 0 15px 20px;
	}

	.banner {
		height: auto
	}

	.box_r {
		width: 280px
	}
}

@media screen and (max-width: 959px) {
	.top {
		height: 60px;
	}

	.top-media {
		display: none;
	}

	.topbar ul,
	.box {
		width: 98%
	}

	.wrapper {
		width: 100%;
	}

	article {
		width: 100%
	}

	.topbar {
		margin-bottom: 0
	}

	#showtime {
		display: none;
	}

	.logo {
		display: inline-block;
		height: 76%;
		/* margin: 5px 20px 0; */
	}

	.logo img {
		height: 50px;
	}
	/*Header button*/
	.icon-menu {
		top: 50%;
		position: absolute;
		height: 15px;
		width: 20px;
		cursor: pointer;
		right: 10px;
		display: block;
		transform: translateY(-50%);
	  }
	  .icon-menu .toggle-bar {
		display: block;
		height: 2px;
		width: 100%;
		background: #fff;
		position: absolute;
		border-radius: 2px;
		-webkit-transition: opacity .2s ease, -webkit-transform .4s ease;
		-webkit-transition: opacity .2s ease, transform .4s ease;
		transition: opacity .2s ease, transform .4s ease;
	  }
	  .toggle-bar-1 {
		top: 1px
	  }
	  .toggle-bar-2, .toggle-bar-3 {
		top: 7px
	  }
	  .toggle-bar-4 {
		top: 13px
	  }
	  .icon-menu.active .toggle-bar-1, .icon-menu.active .toggle-bar-4 {
		opacity: 0
	  }
	  .icon-menu.active .toggle-bar-2 {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	  }
	  .icon-menu.active .toggle-bar-3 {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	  }
	.theme-tt{
		padding: 12px 10px;
	}
	.theme-tt h3 {
		padding-top: 0;
		font-size: 20px;
	}

	.theme-tt p {
		display: none;
	}

	nav {
		display: none;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4);
		left: 0;
		top: 0;
		position: fixed;
		z-index: 10;
	}
	nav.active{
		display: block;
	}
	.nav-header{
		margin-bottom: 9px;
		position: relative;
		height: 44px;
		background-color: #fff;
		border-bottom: 1px solid #e0e0e0;
	}
	nav .icon-menu .toggle-bar{
		background-color: #3f4146;
	}

	ul#starlist {
		flex-wrap: wrap;
		padding: 0 12px 9px;
	}

	nav span {
		display: none
	}

	nav ul li {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		height: auto;
		margin: 6px 0;
		padding: 0 6px;
		box-sizing: border-box;
		flex: auto;
	}

	nav ul li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		height: 34px;
		line-height: 34px;
		text-align: center;
		-webkit-text-decoration: none;
		text-decoration: none;
		font-size: 15px;
		color: #3f4146;
		background-color: #eeeff2;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	nav ul li a#selected,
	nav ul li a:hover {
		background: #ed4040;
		position: relative;
	}

	nav ul li a#selected:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		bottom: 0px;
		left: 0;
	}
	.banner .swiper-button-next,.banner .swiper-button-prev{
		width: 30px;
		height: 30px;
	}
	.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{
		right: 0;
	}
	.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{
		left: 0;
	}

	.is-fixed {
		width: 100%;
		background: #fff;
		box-shadow: 0px 3px 10px 1px rgba(205, 205, 205, 0.4);
		left: 0;
		top: 0;
	}
	.i-m-lb{
		flex-direction: column;
	}

	.box_l {
		width: 62%;
		margin: 0 0 0 10px;
	}

	.banner {
		margin-bottom: 5px;
		width: 100%;
		height: 270px
	}
	.i-m-lb .tab-item{
		padding: 10px;
	}
	.ad-banner{
		height: 46px;
	}
	.tab-item{
		width: 100%;
	}
	.tab-item li::before{
		width: 3px;
		height: 3px;
	}
	.tab-item li a{
		font-size: 14px;
		line-height: 36px;
	}
	.news-box{
		flex-direction: column;
	}
	.news-item{
		width: 100%;
		margin-bottom: 10px;
	}
	.news-item .thd{
		border-top-width: 3px;
		height: auto;
	}
	.news-item .thd span{
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}
	.news-item .thd span::before{
		width: 6px;
		height: 46%;
	}
	.news-item .thd a.more{
		right: 10px;
	}
	.news-item .thd a.more i{
		font-size: 24px;
	}
	.news-pic-box h4{
		font-size: 18px;
	}
	.news-pic-box p{
		font-size: 13px;
	}
	.newsList1 li a{
		font-size: 14px;
	}
	.newsList1 li span{
		font-size: 12px;
	}
	.thd-tab{
		flex-wrap: wrap;
	}
	.thd-tab a{
		width: 50%;
	}
	.thd-tab a i{
		font-size: 20px;
	}
	.pic-box .thd{
		height: 60px;
		font-size: 18px;
	}
	.pic-box .pic-item{
		margin-right: 10px;
		width: calc((100% - 10px)/2);
	}
	.pic-box .pic-item:nth-child(3n){
		margin-right: 10px;
	}
	.pic-box .pic-item:nth-child(2n){
		margin-right: 0;
	}
	.pic-item .img-box{
		height: 126px;
	}
	.pic-item h3{
		font-size: 15px;
	}
	.hot-item{
		margin-bottom: 10px;
	}
	.hot-item h3{
		font-size: 14px;
	}
	.hot-item p{
		font-size: 12px;
	}
	.news-tab-items .item-box{
		width: 100%;
	}
	.news-tab-items .item-box .img-box{
		height: 280px;
	}
	.news-tab-items .newsList1 li{
		padding: 0 0 0 20px;
	}
	.links-list a{
		margin-bottom: 10px;
		margin-right: 10px;
		width: calc((100% - 30px)/4);
		height: 40px;
	}
	.links-list a:nth-child(6n){
		margin-right: 10px;
	}
	.links-list a:nth-child(4n){
		margin-right: 0;
	}
	.weizhi{
		padding: 10px;
		line-height: 30px;
	}
	.box_l .whitebg{
		padding: 0;
	}
	.otherlink li{
		width: 100%;
	}
	.bottom .wrapper{
		flex-direction: column;
	}
	.ft-logo{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		width: 56%;
	}
	.ft-menu-contact{
		padding: 30px 15px;
	}
	.ft-menu-contact::before, .ft-menu-contact::after{
		width: 100%;
		height: 1px;
	}
	.ft-menu-contact::after{
		display: none;
		right: auto;
		bottom: 0;
		top: auto;
	}
	.ft-menu{
		display: flex;
		justify-content: center;
		flex-wrap: wrap
	}
	.ft-menu a{
		padding: 0 10px;
	}
	.ft-contact p{
		font-size: 14px;
	}
	.ft-search{
		padding: 0 5%;
		width: 100%;
	}
	.search-form{
		align-items: center;
		justify-content: center;
	}
	.ft-search .search-input{
		margin-right: 10px;
		width: 66%;
	}
	.ft-search .search-btn{
		width: 36px;
		height: 36px;
		border-radius: 6px;
	}
	.ft-search .search-btn::before{
		font-size: 26px;
	}
	.ft-search p{
		font-size: 14px;
	}


	.top-news-list-box .top-bd {
		flex-wrap: wrap;
	}

	.top-pic-item {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}

	.top-pic-item:nth-child(3),
	.top-pic-item:nth-child(4) {
		margin-bottom: 0;
	}

	.top-pic-item:nth-child(2n) {
		margin-right: 0;
	}

	.home-submenu-tab {
		width: 1000px;
		overflow-x: auto;
	}

	.home-submenu-tab>a+a {
		margin-left: 10px;
	}

	.news_list>li+li {
		margin-top: 10px;
		padding-top: 10px;
	}

	.box_r {
		width: 33%;
		margin-right: 10px
	}

	.search input.input_submit {
		background: url(../images/searchm.png) no-repeat left 2px center;
	}
	.staff-search-box{
		max-width: 100%;
	}
	.staff-search-box .thd{
		font-size: 18px;
	}
	.staff-search-box .cont{
		padding: 15px;
	}
	.staff-list-cont .srch_img p{
		font-size: 13px;
	}
	.s-search-form .form-group{
		width: 100%;
	}
	.s-search-form .form-group label{
		width: 70px;
		font-size: 13px;
	}
	.s-search-form .form-group .form-input{
		width: calc(100% - 120px);
		font-size: 13px;
	}
	.s-search-form .form-group:last-child label{
		display: none;
	}
	.s-search-form .form-group .form-btn{
		width: 85%;
	}
}

@media screen and (max-width: 768px) {
	nav {
		overflow-x: auto;
	}

	.topnav {
		overflow-x: auto;
	}

	ul#starlist {}
}

@media screen and (max-width: 640px) {
	.box_l {
		width: 96%;
		margin: auto;
		float: none
	}

	.box_r {
		width: 96%;
		margin: auto;
		float: none
	}

	.search {
		display: none
	}

	.box_r section {
		display: none
	}

	.box_r section:last-child {
		display: block
	}

	.header {
		margin-bottom: 0;
	}

	.header .wrapper {
	}

	.logo {
		margin-left: 10px;
	}

	nav ul li a {
	}

	.topbar img {
		right: 0;
		left: -25px;
	}

	.news_list li i {
		width: 118px;
		height: 76px;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.news_list_info {
		display: none
	}

	.news_list li h2 {
		font-size: 15px;
		margin: 7px 0 0;
		white-space: initial;
	}

	.news_list_time {
		clear: both
	}

	.news_list li {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.copyright {
		font-size: 12px;
		text-align: center
	}
	.copyright br{
		display: block;
	}

	.container h1 {
		font-size: 18px;
	}

	.content {
		margin: 0 8px
	}

	.content p {
		margin: 15px 0;
	}

	.container {
		font-size: 15px;
	}
	.result .box_l{
		width: 96%;
		margin-right: auto;
	}
	.weizhi.search-path{
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: center;
	}
}