@charset "gb2312";
/* CSS Document */
.bm{ width:100%; height:auto; }
.bm li{ width:143px; height:32px; float:left; background-color:#f6f6f6;margin-right:10px; margin-top:14px; }
.bmys{ width:143px;height:32px;background-color:#f6f6f6;font-size:14px; line-height:32px; cursor:pointer; text-align:center}
.bmys:hover{ width:143px;height:32px;background-color:#619dcb; color:#fff; font-size:14px;line-height:32px;cursor:pointer;text-align:center}
@media screen and (max-width: 1090px){
	.maincontainer{ width:99%; padding:10px 0.5%; margin-top: 20px;}
	.above{ display:none;}
	.topnav{ width: 100%; margin:0; height:160px;}
	.topnav .logo,.topnav .functions{ float: none; margin:20px auto 0; padding:0;}
	.topnav .logo{width:312px;}
	.topnav .functions{ margin-top: 30px;}
	.topnav .functions .navbox{ margin:0; height:auto;}
	.topnav .functions .navbox ul li{ width: 14.0%; text-indent: 0px; text-align: center;}
	.topnav .functions .navbox ul li a img{ margin:0;}
	.maincontainer .page{width:94%;}
	.xxlb{ width:30%;float:left}
	.zxgk{width:70%; float:left;height:auto;}
	.xxjs{width: 28%;}
	.zxgk {     width: 70%;    float: left;    margin-left: 10px;}
	.zxgk_m1 {    width: 56%;    height: 260px;    float: left;}
	.zxgk_m1_3 {    width: 100%;    overflow: hidden;}
	.zxgk_m2 {    width: 42%;}
	.zc {    width: 28%;}
	.yc {        width: 70%;    float: left;    margin-left: 10px;}
	.yc_m2{height:auto;    overflow: hidden;    margin-bottom: 20px;}
	.yc_m3{height:auto}
	.bm li{ width:23%}
}

@media screen and (max-width: 768px){
	.maincontainer{ width:98%; padding:10px 1%;}
	.topnav .functions{ width: 100%;}
	.footer .friendlink{ display:none;}
	.footer .footercontent{ padding:0 2%;}
	.maincontainer .currentPosition{ clear:both;}
	.maincontainer .page{width:90%;}
		.xxlb{ width:30%;float:left}
	.zxgk{width:58%; float:left;height:auto;}
	.zxgk_m2{ display:none}
.zc {
    width: 100%;}
	.zc_m1{ display:none}
	.yc {
    width: 99%;
    float: left;
    margin-top: 20px;}
	.yc_m2{height:auto;    overflow: hidden;    margin-bottom: 20px;}
	.yc_m3{height:auto}
	.bm li{ width:23%}
	.xxjs{    width: 38%;}
	.zxgk_m1 {
    width: 98%;}

}

@media screen and (max-width: 480px){
	.maincontainer .currentPosition{ clear:both;}
	.maincontainer .page{width:85%;}
	.topnav .logo{ width:100%;    text-align: center;}
	.topnav .logo img{ width:80%;    text-align: center;}
	.xxlb{ width:100%;float:left}
	.zxgk{width:100%; float:left;height:auto;margin-top: 20px;}
	.yc {
    width: 100%;
    float: left;}
	.yc_m2{height:auto;overflow: hidden;margin-bottom: 20px;}
	.bm li{ width:42%;margin-right:3%;float:left}
	.bmys{ width:98%; float:left}
	.xxjs_m{width:100%}
	.zxgk_m2 {
    width: 100%;
    float: left;}
	.xxjs{width:100%}
	.zc{width:100%}
.wrapper img{width:100%}
.topnav .functions .navbox ul li {    width: 8%;    text-indent: 0px;    text-align: center;    margin-left: 5%;margin-top: 10px;}
}