@media only screen and (max-width:75.000em) /* 1200 */
{
.wrapper{width:auto;}
}
@media only screen and (max-width:62.5em) /* 1000 */
{
.wrapper{max-width:100%;}
.nav-cont{ width:100%; padding:0;}
.nav-cont li a { padding: 0 19px; }
.topbg{padding:0px 2%;}
 header{padding:0px 2%; width:96%;} 
.ban-bg{height:auto;}
.container{padding:0px 2%; width:96%; margin:0px auto auto auto;}
.news-wrp{padding:0px 2%; width:96%;}
footer{padding:25px 2%; width:96%;}
}

@media only screen and (max-width:53.125em) /* 850 */
{
.news-wrpspc{ display:none;}
.news-wrprht{width:100%; margin-bottom:25px;}
.news-wrplft{width:100%; margin-bottom:25px;}
.newsback{ height:auto;}
#slider li{width:500px;height:auto;}

.footer-lft{width:60%;}
.footer-rht{width:40%;}
.footer-lft ul{width:30%;float:left;}
}


@media only screen and (max-width:48.000em) /* 768 */
{
.nav-cont{padding:0 0px; margin-top:0px;}
.navbg{float:right; width:100%;}
.container ul li{width:100%;padding:2% 0%;border-right:0px solid #ccc;border-bottom:3px solid #ccc;}

.footer-lft{width:55%;}
.footer-rht{width:45%;}
.footer-lft ul{width:30%;float:left;}

}
@media only screen and (max-width:31.250em) /* 500 */
{
}
@media only screen and (max-width:37.500em) /* 600 */
{
.footer-lft{width:100%; margin-bottom:20px;}
.footer-rht{width:100%; float:none;text-align:center;}
.footer-lft ul{width:32%;float:left;}
.topbg{float:right; height:auto; margin-top:10px;}

.news-wrplft{border-bottom:5px solid #ccc; width:90%; margin:20px auto; float:none;}
.newsimg{float:left; text-align:center; margin-right:0px; width:100%; margin-bottom:10px;}
.nwtxt{padding-top:0px; color:#00a6de; font-size:12px; text-align:center; width:100%; margin-bottom:20px;}
.newstitle{position:inherit; margin-left:0px; margin-top:0px; width:100%; text-align:center; margin-bottom:20px;}

}

@media only screen and (max-width:22.500em) /* 360 */
{
.topbg{float:right; height:auto; margin-top:10px;}
.logo img{width:80%; height:auto;}
.container{padding:0px 4%; width:94%;}
.container ul li{width:98%;padding:2% 0%;}
.news-wrp{padding:0px 0%; width:100%; text-align:center;}
.participate-img{float:none; margin-right:0px; text-align:center; width:100%; margin-bottom:20px;}
.footer-lft ul{width:100%;float:left; margin-bottom:10px;}


.search input[type='text']{background:#f5f4f3; font-size:11px; border-radius:3px; width:100%; margin-bottom:20px; padding-left:5px; border:solid 1px #eceae7; height:23px; outline:none; margin-top:10px;}
.search img{top:16px;}
.search{float:left; width:100%; text-align:center;}
.topbg ul{float:left;margin-top:0px; width:100%; text-align:center;}
.nav-cont .show-menu{top:100px;}
}









