@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;}


/*option*/
.option{ width: 1200px; margin: 10px auto 0 auto; clear: both;}

/*choice*/
.choice{ width: 360px; 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: 800px; height: auto; float: right; margin: 20px 0 0 0;}

.search_h{ width: 800px; height: 50px;}

.shuru{ width: 680px; 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: 800px; height: auto; float: right;}
.search_c ul{ width: 100%;}
.search_c ul li{ width: 250px; float: left; margin: 24px 0 0 25px;}
.search_c ul li:nth-child(3n+1){ margin-left: 0;}
.search_c ul li img{  width: 248px; height: 186px; display: block; border: #ddd 1px solid; border-radius: 5px;}
.search_c ul li p{ font-size: 14px; line-height: 24px; color: #555; margin: 8px 0 0 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.search_c h4{ font-weight: normal; margin: 20px 0 0 0; color: #666;}
.search_c h4 b{ color: #d10000;}


/*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;}







