.top_table td a{vertical-align: middle; line-height: 40px; font-size: 15px; letter-spacing: 0.2px;}
.mobile{display: none}
.content{width: 100%; max-width: 990px; margin: 0 auto; width: 990px\9;}
.content .banner img{width: 100%;}
.list{width: 100%; padding-bottom: 80px;}
.list ul{margin: 1% 15px;}
.list ul li{font-size: 14px; font-weight: bold; padding: 5px 10px; border: 0px solid #354857; color: #354857; border-radius: 10px; margin-left: 5px; background: #fff; box-shadow: 2px 2px 1px rgba(0,0,0,0.12); cursor: pointer; transition:0.2s all;}
.list ul li i{font-size: 21px; vertical-align: middle; color: #354857; line-height: 1.2em;}
.list ul li:hover{background: #354857; color: #fff;}
.list ul li.right:hover{background: #fff; color: #444;}
.list ul li.on{background: #354857; color: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.12)}
.list ul li.right.on{background: #bbe0ed; color: #444;}
.list .colom{display: none;}
.list .card dl{float: left; width: 31.3333%; margin: 1%; margin-bottom: 15px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-sizing:border-box; }
.list .card dl dt .event-img{width: 100%; border-bottom: 1px solid #e1e1e1; background-size: cover; display: block; height: 10px; padding-top: 30%; background-position: 50% 50%}
.list .card dl dd{padding: 15px; line-height: 2em; text-align: left; color: #444; background: #fff; transition:0.2s all;}
.list .card dl dd span{display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list .card dl dd span.e-title{font-size: 16px; font-weight: bold;}
.list .card dl dd span.e-date{font-size: 14px;}
.list .card dl dd em.state:before{content: ": "; color: #444;}
.list .card dl:hover dd{background: #fafafa;}
.content .banner{padding-bottom: 20px;}
.detail-title{font-size: 16px; background: #fff; padding: 20px; padding-left: 30px; font-weight: bold; position: relative;}
.detail-title span{font-size: 15px; font-weight: normal; display: block; color: #999;}
.go-back{font-size: 30px; display: block; position: absolute; top: 50%; left:10px; padding: 0; margin-top: -25px; color:#999; padding: 10px; cursor: pointer}


@media screen and (max-width: 1200px){
	.fixed-icon{width: 970px!important; margin-left: -485px!important;}
	.content{width: 100%; max-width: 768px; margin: 0 auto; width: 768px\9;}
}
@media screen and (max-width: 992px){
	.content{width: 100%; max-width: 992px; margin: 0 auto; width: 992px\9;}
	.fixed-icon{width: 130px!important; margin-left: 0!important; left: 160px!important; z-index: 9999; top: 35px!important;}
	.fixed-icon img{width: 60px;}
	.right-menu{display: none!important;}
	.btn_menu_{display: none!important;}
	.top_table .right{display: none;}
	.content .card{padding: 10px;}


	.mobile{display: block;}
	.mobile i{font-size: 30px; color: #fff; display: block; position: absolute; top: 60px; right: 20px; padding: 5px 10px; border-radius: 3px;}
	.mobile i.on{background: #333;}
	.mobile ul{background: #354857; display: none;}
	.mobile ul li{border-top: 1px solid rgba(255,255,255,0.1); padding: 10px 30px; text-align: right;}
	.mobile ul li a{font-size: 17px; color: #cecece; font-weight: bold;}
	.mobile ul li a:hover{color: #fff}
	
	.footer .company{display: none!important;}
	.footer .sub-col-1{width: 100%!important; float: none!important;}
	.footer .sub-col-1 img{width: 150px;}
	.footer .ma_mid_bnr{font-size: 13px!important; padding:20px; padding-top: 20px!important;}
}

@media screen and (max-width: 768px){
	.list .colom{display: block;}
	.list .card dl{width: 48%;}	
	.list .card dl dd{height: 71px;}
	.list .card dl dd em.state{display: block;}
	.list .card dl dd em.state:before{display: none}
}


@media screen and (max-width: 540px){
	.fixed-icon{width: 105px!important; z-index: 9999; top:0px!important; left:130px!important;}
	.fixed-icon img{width: 50px;}
	.mobile i{top: 20px;}
	.header{display: none;}
	#logo img{width: 200px; padding-top: 5px; padding-left: 5px}
	.list ul li{font-size: 13px; padding: 5px 7px 3px 6px;}
	.list ul li input{width: 100px;}
	.list .card dl{width: 48%; }	
}