﻿* { margin: 0; padding: 0; }
html, body, menu, ul, ol, li, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset, p, dd { padding: 0; margin: 0; border: 0; }
body { color: #333; font-size: 14px; line-height: 1.5; word-wrap: break-word; font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "微软雅黑"; background: #f8f8f8; }
ul, ol, li { list-style: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6, b, i, em { font-weight: normal; font-style: normal; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; }
a { text-decoration: none; }
.clearfix { clear: both; font-size: 0px; height: 0px !important; line-height: 0px; width: 0px; visibility: hidden; overflow: hidden; }
/*主体*/
.main { max-width: 700px; margin: 0 auto 0 auto; padding: 0 1.5%; overflow: hidden; }
.search-main { max-width: 700px; margin: 0.6rem auto 0 auto; padding: 0 1.5%; overflow: hidden; }
/*.brand-bg { background: #fff; width: 100%; padding-bottom: 0.8rem; }*/
.bg-bottom { background: url(../images/line-top.png) repeat-x center; height: 6px; overflow: hidden; }
.bg-up { background: url(../images/line-bottom.png) repeat-x center; height: 6px; overflow: hidden; margin-top: 0.5rem; }
/*.brand-main { width: 99%; margin: 0 auto; padding: 1.5rem 0 0.5rem 0; }*/
/*.brand-logo { float: left; width: 6rem; }
.brand-logo img { width: 5rem; height: 5rem; overflow: hidden; }*/
/*.brand-text { float: left; width: 70%; }
.brand-text h1 { font: bold 1.2rem/1.8rem "微软雅黑"; color: #333; width: 11rem; height: 1.8rem; overflow: hidden; }
.brand-text p { font: 1rem/1.4rem "微软雅黑"; color: #9f9d9d; overflow: hidden; }*/
/*搜索框*/
.search { width: 100%; height: 2.5rem; border-bottom: 1px solid #eeeeee; padding-bottom: 0.8rem; background: #f5f5f5; z-index: 999; }
.keyword { width: 60%; height: 2.5rem; border: 1px solid #c9c9c9; padding-left: 2.2rem; background: #fff url(../images/ico-sceah.jpg) no-repeat left top; font: 0.9rem/2.5rem "微软雅黑"; color: #989696; border-radius: 0.4rem; }
.button-search { width: 23%; float: right; height: 2.5rem; background: #009900; border: 3px; font: 1.1rem/2.45rem "微软雅黑"; color: #fff; letter-spacing: 0.2rem; cursor: pointer; }
.button-search[type="button"] { border-radius: 0.4rem; }
.button-search:active { background: #009933; }
/*筛选*/
/* screening */
.screening { width: 100%; height: 2.8rem; background: #fff; z-index: 4; top: 6.66rem; color: #565656; }
.screening > ul { border-bottom: solid 1px #d3d3d3; height: 2.8rem; }
.screening > ul > li { float: left; width: 49.5%; text-align: center; line-height: 2.8rem; height: 2.8rem; font: bold 1.1rem/2.8rem "微软雅黑"; position: relative; cursor: pointer; }
.Regional { border-left: solid 1px #d3d3d3; }
.screening > ul > li img { width: 17px; height: 17px; padding-left: 0.55rem; padding-top: 0.3rem; }
.roll { color: #009900; }
/* demo-content */
/*.show { background: #eee; color: #009900; }
.show a { color: #009900; }*/
/* grade */
/*.grade-eject, .Sort-eject { position: fixed; top: -65%; width: 100%; height: 65%; z-index: 1 !important; -webkit-transition-duration: 0.4s; }
.meishi22 { position: fixed; top: -65%; width: 100%; height: 15rem; z-index: 1 !important; -webkit-transition-duration: 0.4s; }
.meishi22 a, .grade-t a { color: #565656; }
.meishi22 > ul, .grade-eject > ul { margin: 0; padding: 0; overflow: auto; height: 100%; width: 100%; -webkit-transition-duration: 0.4s; }
.meishi22 > ul > li, .grade-eject > ul > li { height: 2.5rem; line-height: 2.5rem; font-size: 16px; padding-left: 1rem; border-bottom: solid 1px #eee; }
.meishi22 > ul, .grade-eject > ul { background: #fff; position: absolute; z-index: 1; }
.grade-eject > ul.grade-t { background: #eee; position: absolute; z-index: 2; left: 100%; }
.grade-eject > ul.grade-t > li { border-bottom: solid 1px #e5e5e5; }
.meishia-s, .grade-eject > ul.grade-s { background: #fff; position: absolute; z-index: 3; left: 100%; list-style-type: none; }
.meishi22 > ul.meishia-s > li, .grade-eject > ul.grade-s > li { border-bottom: solid 1px #eee; margin-left: 1rem; padding: 0; }*/
/*.grade-w-roll { top: 9.5rem; }
.grade-w-roll::after { position: fixed; content: ""; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.2); top: 6rem; }*/
/*Sort-eject*/
/*.Sort-Sort { background: #fff; position: absolute; z-index: 3; left: 0; list-style-type: none; }
.Sort-Sort > li { border-bottom: solid 1px #eee; padding: 0; }*/

/*列表css*/

/*列表筛选*/
.select-box { width: 100%; z-index: 999; padding-top: 0.2rem; }
.select-item { width: 20%; height: 25rem; display: inline; float: left; overflow-x: hidden; overflow-y: scroll; }
.select-item ul li { display: block; border-bottom: 1px solid #c8c7cc; border-left-width: 0; line-height: 2.5rem; width: 100%; text-align: center; border-color: #d3d3d3; background: #f5f5f5; color: #404040; font-size: 0.95rem; }
.select-item .on { background-color: #fff; border-left-width: .08rem; border-left-color: #009900; color: #009900; position: relative; z-index: 10; font-weight: bold; }
.select { width: 75%; background: #fff; overflow-y: auto; height: 100%; -webkit-overflow-scrolling: touch; font-size: 0.8rem; display: inline; float: left; padding-left: 0.5rem; }
.select p { font-size: 0.95rem; font-weight: bold; padding-top: 0.5rem; }
.select p a { color: #009900; }
.select ul { padding-top: 0.5rem; }
.select ul li { float: left; display: block; width: 32%; font-size: 0.95rem; padding: 0.4rem 0rem; border: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; background: #fff; margin: -1px 0 0 -1px; overflow: hidden; line-height: 1.35rem; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; text-align: center; color: #404040; vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#cityList ul li { width: 49%; }

.list-box { margin-top: 0.1rem; }
.list { width: 99%; margin: 0 auto; padding: 0.65rem 0 0.65rem 1%; background: #fff; }
.list .w98 { width: 98%; }
.list-logo { float: left; width: 6rem; }
.list-logo img { width: 5rem; height: 5rem; overflow: hidden; }
.list-text { float: left; width: 72%; }
.list-text .title { font: 1rem/1rem "微软雅黑"; color: #333; height: 1rem; margin-bottom: 0.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-text .memo { font-size: 0.8rem; color: #666; height: 3.5rem; padding-top: 0.2rem; padding-bottom: 0.2rem; overflow: hidden; }
.list-box .info { font-size: 0.9rem; color: red; padding-left: 0.3rem; }
.list-box .info i { font-size: 0.9rem; color: #c1c1c1; padding: 0rem 1rem; }
.list-box .info a { font-size: 0.9rem; color: #009900; }
.list-box .info span { float: right; color: #999; padding-right: 0.6rem; font-size: 0.7rem; }
/*列表结束*/

/*三级页面开始*/
.news-tle { border-bottom: 1px solid #eaeaea; color: #999; font: 0.8rem/2rem "Microsoft YaHei"; margin-top: 0.3rem; text-align: center; }
.news-tle h1 { font: 1.1rem/2rem "Microsoft YaHei"; color: #333; background: #f2f2f2; }
.news-tle h1 span { color: #e84700; font-size: 1.4rem; padding-right: 5px; }
.news-tle p { color: #333; float: left; }
.news-tle i { float: right; }
.news-main { font: 1rem/1.8rem "Microsoft YaHei"; color: #282828; }
.news-main p { margin: 0.5rem; font-size: 0.95rem; color: #333; }
.news-main .news-mian-pic { width: 100%; text-align: center; margin: 1rem 0; }
.news-main img { width: 100%; height: auto; max-width: 400px; }
.info li { border-bottom: 1px solid #eaeaea; line-height: 3rem; color: #f2623f; font: 0.9rem/1.3rem "Microsoft YaHei"; padding: 0.5rem 0 0.5rem 0.5rem; word-break: break-all; }
.info li span { background: #009900; border-radius: 1rem; color: #fff; text-align: center; margin-right: 0.5rem; padding-left: 0.5rem; }

.expo-bg { width: 100%; padding-bottom: 0.3rem; }
.expo-mian-tle { background: #fff; width: 99%; margin: 0 auto; border-bottom: 1px solid #dbdbdb; padding: 0.4rem 0 0.5rem 0; }
.expo-mian-tle h1 { font: 1.3rem/1.3rem "微软雅黑"; color: #333; border-left: 6px solid #009933; padding-left: 0.3rem; }
.more { background: #009900; color: #fff; width: 70%; margin: 0 auto; border-radius: 3rem; height: 2rem; text-align: center; font: 1rem/2rem "微软雅黑"; cursor: pointer; }
.more a { color: #ffffff; }

/*百科*/
.baike-list { margin-top: 0rem !important; }
.baike-list .bg { background: #fff; }
.baike-list .baike-text { width: 66%; padding: 2%; float: left; }
.baike-list .pic { float: right; width: 25%; padding: 1rem 0.4rem 0rem 0rem; }
.baike-list .baike-text h1 i { font: 1rem/1.8rem "微软雅黑"; color: #e84700; font-weight: bold; }
.baike-list .baike-text h1 { font: 1rem/1.8rem "微软雅黑"; color: #333; font-weight: bold; padding-top: 0.1rem; }
.baike-list p { font: 0.8rem/1.5rem "微软雅黑"; color: #666; }

/*展会*/
.expo-list li { width: 96%; padding: 2%; background: #f8f8f8; margin-top: 1.2rem; }
.expo-list h1 { font: 1.2rem/1.7rem "微软雅黑"; color: #000; cursor: pointer; }
.expo-list h1 i { color: #da0000; }
.expo-list img { width: 8rem; height: 4.944rem; border: 1px solid #e5e5e5; float: left; margin-right: 0.8rem; cursor: pointer; }
.expo-list .text { padding-bottom: 0.5rem; }
.expo-list .text p { font: 0.9rem/1.4rem "微软雅黑"; height: 2.8rem; overflow: hidden; color: #6b6b6b; margin-bottom: 0.2rem; }
.expo-list .text i { color: #9f9d9d; font: 0.8rem/1.2rem "微软雅黑"; }
/*新闻*/
.news-list li { margin-top: 1rem; margin-left: 0.5rem; margin-right: 0.5rem; background: url(../images/line.png) bottom no-repeat; padding-bottom: 1rem; }
.news-list .news-text { float: left; margin-right: 0.5rem; }
.width72 { width: 72%; max-width: 72%; }
.width100 { width: 100%; max-width: 100%; }
.news-list .news-text h1 { font: 1.3em/1.5rem "微软雅黑"; color: #313035; height: 1.5rem; overflow: hidden; }
.news-text h1 a { color: #313035; }
.news-list .news-text p { font: 1rem/1.4rem "微软雅黑"; color: #afafaf; margin-bottom: 0.7rem; padding-top: 0.2rem; max-height: 2.6rem; overflow: hidden; }
.news-list .news-text i { font: 0.9em/1.5rem "微软雅黑"; color: #afafaf; }
.news-list .news-text h2 { width: 4.5em; height: 1.3rem; border: 1px solid #f1f1f3; text-align: center; float: right; font: 0.9em/1.3rem "微软雅黑"; color: #009900; margin-right: 0.5rem; }
.news-list .news-text h2 a { color: #009900; }
.news-list .news-pic { float: right; overflow: hidden; width: 25%; text-align: right; }
.news-list .news-pic img { width: 105px; max-width: 105px; height: 65px; max-height: 65px; border: 1px solid #f1f1f1; }