@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;font-size:14px;}

	.ui-header .main-container{height: 80px}

	body .banner,

	body .ui-banner{ margin-top:100px ;}





	.ui-news-box-list .summary{-webkit-line-clamp: 2;height: 3em;}

}

@media only screen and (max-width: 768px) {

	body .banner,

	body .ui-banner{ margin-top:85px ;}



	.ui-header .logo{ margin-top: 0;}

	.ui-header .header-main {

		padding: 0 10px;

	}

	.ui-header.mini .handle {

		right: 35px;

	}

	.ui-header .search input {

		width: 90px;

	}

	.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%;

	}

	.ui-header .logo{width: 180px; height: auto;}

}

@media only screen and (max-width:639px){

	.ui-header .navigation>li>a{height: auto;line-height: 52px;font-size:16px;}

	



	.ui-news-box-list>div{margin-bottom: 8%}

}

@media only screen and (max-width:330px){

	.ui-header .logo{width: 84px;}

}