@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
a, fieldset, img{border:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;}
ul li,ol li{ list-style:none;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft Yahei","Hiragino Sans GB",Tahoma,HELVETICA,Arial,sans-serif; color:#333;}
.blank{height: 36px; clear: both; visibility: hidden; font-size: 1px;}

.content{ clear:both; margin:0 auto; width:1000px;}
.content p.title{ font-size:21px; line-height:30px; color:#022177; padding:20px 0 18px; margin-bottom:30px; border-bottom:1px solid #030a44;}
.content ul li{ float:left; margin-bottom:25px;width: 212px;}
.content ul li a{ display:block; text-align:left;}
.content ul li a img{ display:block; width:100%; height:127px; padding:4px; border:1px solid #d5d5d5;}
.content ul li a p{ font-size:14px; line-height:20px; padding-top:5px; width:100%; height: 45px;}
.go_top a{ position:fixed; z-index:999; bottom:70px; display:block; width:47px; height:47px; background:url(../../images/special/go-top.png) no-repeat center;}

@media (max-width: 767px) {
.context{ padding-top: 20px;}
.content{width: 100%;}
#container{margin: 0 10px;}
.content ul li{width: 49%;}
.content p.title{padding-left: 15px;}
.content ul li a p{padding-left: 5px;}
.con-left,.con-right{ float:none;}
.con-left{ width:100%;}
.con-mid-bak{ display:none;}
.con-right{ width:100%; margin-top:50px;}
.con-left .disc textarea { width: 98%;}
.top{ bottom: 120px; right: 10px; width: 40px; height: 40px; background:url(../../images/special/go-top.png) no-repeat center;}
#jiathis_weixin_modal{ left:55%;}
}
@media(max-width:550px){
.con-left .text center img{ width:98%; height:auto;}
.container { padding-right: 10px; padding-left: 10px;}
.con-right {margin-top: 25px;}
ul.hb-topics { margin-top: 0; padding-top: 45px;}
ul.hb-topics li a { font-size: 17px; line-height: 26px; color:#474747;}
.foo-nav {padding: 30px 10px 20px;}
}