@media only screen and (max-width:1600px){
	.ui-header .navigation{right: 240px}
	.ui-header .navigation>li>a{padding: 0 10px;}
	.ui-header .search input{width: 130px}
	.ui-banner{height: 242px}
	.page-box{padding: 2.5% 0 2% 0}
	.ui-news-box-list>div{margin: 1% 6% 1% 0;}
	.ui-news-box-list .image-box{padding-top: 44%;}
	.ui-news-box-list .title{margin: 3% 0;}
	.ui-news-box-list .summary{margin: 2% 0 3% 0;}
}
@media only screen and (max-width:1366px){
	.ui-sider-menu{width: 18%}
	
	.ui-banner{height: 230px}
	.page-box .main-title{margin-bottom: 5px}
	.ui-news-box-list .image-box{padding-top: 40%}
	.ui-header .logo{width: 138px;}
	.ui-header .child{top:100px;}
	.ui-header .logo img{height: auto}
	.ui-header .navigation>li>a{height: auto;line-height: 80px}
	.ui-header .main-container{height: 80px}
	body{padding-top: 100px	}
	.ui-header .logo{margin-top: 16px}
	.ui-news-box-list .summary{-webkit-line-clamp: 2;height: 3em;}
}
@media only screen and (max-width: 768px) {
	.ui-header .header-main {
		padding: 0 10px;
	}
	.ui-header.mini .handle {
		right: 35px;
	}
	.ui-header .search input {
		width: 40px;
	}
	.ui-header .search button {
		width: 22px;
	}
	.ui-header .search span {
		margin: 12px 5px 0 10px;
	}
	.ui-header .language {
		margin-left: 10px;
	}
	.ui-banner {
		height: auto;
		padding-top: 31%;
	}
}
@media only screen and (max-width:639px){
	.ui-header .navigation>li>a{height: auto;line-height: 52px}
	.ui-header .logo{width: 120px;}

	.ui-news-box-list>div{margin-bottom: 8%}
}
@media only screen and (max-width:330px){
	.ui-header .logo{width: 84px;margin-top: 30px;}
}