@charset "utf-8";
/*电脑端css*/
/*默认样式*/
*{ margin: 0; padding: 0; }
html,body{ font-family: "微软雅黑"; font-size: 14px; line-height: 24px; color: #333; background: #fff;}
ul,li{ list-style-type: none; }
img{ border: none; }
a{ text-decoration: none; color: #333; }
a:hover{ text-decoration: none; color: #d00000; }
input{ outline: none;}
textarea{ outline: none;}
.clear{ width: 0; height: 0; overflow: hidden; clear: both; line-height: 0;}






/*top*/
.top{ width: 1200px; height: 140px; margin: 0 auto; clear: both; display: table;}

/*logo*/
.logo{ width: auto; height: 140px; float: left; display: inline-table;}
.logo p{ display: table-cell; vertical-align: middle;}
.logo p img{ width: 400px; height: 80px; display: inline-block; vertical-align: middle;}

/*zixun*/
.zixun{ float: right; margin: 16px 0 0 0;}
.zixun ul{}
.zixun ul li{ width: 110px; height: auto; float: left; text-align: center;}
.zixun ul li img{ width: 90px; height: 90px; display: block; margin: 0 auto;}
.zixun ul li p{ font-size: 13px; line-height: 26px;}



/*menu*/
.menu{ width: 100%; height: 60px; background: #ca0f1a; clear: both;}
.menu ul{ width: 1200px; margin: 0 auto;}
.menu ul li{ color: #fff; float: left; width: 12%; text-align: center; position: relative;}
.menu ul li h2{ font-size: 16px;}
.menu ul li h2 a{ color: #fff; line-height: 60px; display: block; cursor: pointer;}
.menu ul li h2 a:hover{ color: #fff36c; background: #9b0009;}
.menu ul li h2 a.active{ color: #fff36c; background: #9b0009;}


/*banner*/
.banner{ width: 1200px; height: auto; margin: 20px auto 0 auto; clear: both;}
.banner img{ width: 1200px; height: 160px; display: block;}


/*content*/
.content{ width: 1200px; margin: 10px auto 0 auto; clear: both;}

/*choice*/
.choice{ width: 340px; height: auto; float: left;}

.choice h2{ width: 100%; height: 50px; font-size: 17px; color: #fff; line-height: 50px; font-weight: normal; padding: 0 20px; margin: 20px 0 0 0; box-sizing: border-box; background: #0073cc;}

.choice ul{ width: 100%; height: auto; border: #ddd 1px solid; padding: 16px 12px; box-sizing: border-box;}
.choice ul li{ width: auto; height: 32px; float: left; font-size: 14px; line-height: 30px; background: #f3f3f3;  border: #ddd 1px solid; box-sizing: border-box; border-radius: 20px; padding: 0 16px; margin: 6px 5px; text-align: center; display: inline-block; cursor: pointer;}
.choice ul li:hover{ background: #daf0ff; border: #479edb 1px solid; box-sizing: border-box;}
.choice ul li.active{ background: #daf0ff; border: #479edb 1px solid; box-sizing: border-box;}


.tiao{ width: 360px; height: 50px; clear: both; padding: 20px 0 0 0;}
.tiao a{ width: 100%; height: 100%; line-height: 50px; background: #0073cc; color: #fff; display: block; font-size: 17px; font-weight: 500; text-indent: 20px;}


/*搜索*/
.search{ width: 820px; height: auto; float: right; margin: 20px 0 0 0;}

.search_h{ width: 820px; height: 50px;}

.shuru{ width: 700px; height: 50px; float: left; background: #f6f6f6; color: #666; border: #ddd 1px solid; box-sizing: border-box; font-size: 14px; line-height: 50px; text-indent: 16px;}
.submit{ width: 120px; height: 50px; float: left; background: #0073cc; color: #fff; border: #0073cc 1px solid; box-sizing: border-box; font-size: 16px; line-height: 50px; cursor: pointer;}


/*搜索结果*/
.search_c{ width: 100%; margin: 0 auto; clear: both;}
.search_c ul{ width: 100%; padding: 10px 0; box-sizing: border-box;}
.search_c ul li{ width: 186px; height: auto; margin: 20px 0 0 25px; float: left;}
.search_c ul li:nth-child(4n+1){ margin-left: 0;}
.search_c ul li img{ width: 184px; height: 184px; border: #ddd 1px solid; border-radius: 8px;}
.search_c ul li p{ width: 100%; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 24px; color: #555; text-align: center;}

.search_c h4{ font-weight: normal; margin: 30px 0 0 0; color: #666;}
.search_c h4 b{ color: #d10000;}


/*百科分类*/
.baike{ width: 100%; height: auto; margin: 30px auto 0 auto; clear: both;}

.baike ul{ margin: 16px 0 0 0;}
.baike ul li{ width: 188px; height: auto; float: left;}
.baike ul li+li{ margin: 0 0 0 22px;}

.baike_bt{ font-size: 26px; font-weight: bold; line-height: 50px; text-align: center;}

/*标题*/
.baike_h{ background: #0073cc; color: #fff; padding: 26px 0; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.baike_h img{ padding: 6px 0; width: 40px; height: 40px;}
.baike_h h2{ font-size: 20px; line-height: 40px;}
.baike_h p{ font-size: 13px; line-height: 24px;}

/*资料*/
.baike_zl{ height: auto; background: #e9f5ff; border: #a0caee 1px solid; border-top: none; box-sizing: border-box; color: #555; padding: 12px 16px 20px 16px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.baike_zl h2{ font-size: 17px; line-height: 40px; color: #333;}
.baike_zl p{ font-size: 14px; line-height: 28px; color: #555; text-indent: 30px; background: url("../img/dian_1.png") 18px center no-repeat;}










/*foot*/
.foot{ width: 100%; height: 40px; clear: both; margin: 50px auto 0 auto;}
.foot p{ width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; background: #eee; color: #666; font-size: 13px;}
.foot p a{ color: #666;}