#container { margin: auto; width: 100%; max-width: 640px; overflow: hidden; padding-bottom: 55px; min-height: 450px; }
.header { background: #fefef4; text-align: center; width: 100%; padding: 8px 0; position: relative }
.header .down{position:absolute;left: 7px; top: 50%; margin-top: -9px; }

.header .logo img { width: 80%; }
.header .dh { font-size: 26px; color: #1c9c13; position: absolute; width: 20px; right: 7px; top: 50%; margin-top: -15px; }
.header .mainnav { position: absolute; top: 100%; width: 100%; background: #fefef4; text-align: center; z-index: 12; display: none; opacity: 0; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.header .nav-show { opacity: 1; -webkit-transform: translate(0, 0) scale(1); display: block }
.header .mainnav li { border-bottom: 1px solid #1c9c13; }
.header .mainnav li a { display: block; height: 40px; line-height: 40px; font-size: 16px; color: #333; }
.header .mainnav li a:active { background: #1c9c13; color: #fff; }
.nav { width: 100%; }
.nav .pub { width: 25%; float: left; background: #fff; text-align: center; padding: 15px 0px; }
.nav .pub h3 { margin-top: 5px; color: #404040; }
.nav .pub:active { background: #eef8ef; )
}
.about { width: 100%; text-align: center; margin-bottom: 15px; }
.about h3 { font-size: 17px; color: #404040; margin-top: 20px; font-weight: bold; }
.about h4 { font-size: 9px; color: #3ea93f; margin-bottom: 10px; }
.about .show p { text-align: left; margin-top: 10px; padding: 0 30px; }
.about .show span { padding-top: 15px; display: block; }
.about .show span a { color: #3ea93f; font-weight: bold; font-size: 16px; padding: 5px 20px; background: #fff; border: 1px solid #b2ddb0; border-radius: 18px; }
.about .show span a:active { background: #3ea93f; color: #fff; }
.case { width: 100%; text-align: center; margin-bottom: 15px; background: #c71716; }
.case h3 { font-size: 17px; color: #fff; padding-top: 20px; font-weight: bold; }
.case h4 { font-size: 9px; color: #fff; margin-bottom: 10px; line-height: 1.7 }
.case .owl-carousel { padding: 0 10px; }
.case .owl-carousel .item a { width: 50%; }
.case .owl-carousel .item a img { width: 100%; padding: 10px; }
.case .owl-carousel .item a span { display: block; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
.case > span { padding-top: 15px; padding-bottom: 20px; display: block; }
.case > span a { color: #3ea93f; font-weight: bold; font-size: 16px; padding: 5px 20px; background: #fff; border: 1px solid #b2ddb0; border-radius: 18px; }
.case > span a:active { background: #3ea93f; color: #fff; }
.product { width: 100%; text-align: center; margin-bottom: 15px; }
.product h3 { font-size: 17px; color: #404040; margin-top: 20px; font-weight: bold; }
.product h4 { font-size: 9px; color: #3ea93f; margin-bottom: 10px; }
.product .list { padding: 3px; }
.product .list li { width: 50%; float: left; text-align: center; margin-bottom: 10px; padding: 6px; }
.product .list li a { display: block; border: 1px solid #c71716; }
.product .list li img { width: 100%; height:105px;}
.product .list li a span { line-height: 25px; height: 25px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; background: #7fbd7a; }
.product .list li a:active span { color: #c71716; }
.product > span { padding-top: 15px; padding-bottom: 20px; display: block; }
.product > span a { color: #3ea93f; font-weight: bold; font-size: 16px; padding: 5px 20px; background: #fff; border: 1px solid #b2ddb0; border-radius: 18px; }
.product > span a:active { background: #3ea93f; color: #fff; }
.footer { width: 100%; max-width: 640px; background: #fff; position: fixed; bottom: 0; border-top: 1px solid #ccc; }
.footer a { width: 20%; float: left; text-align: center; padding: 8px 0; }
.footer a:active { background: #eef8ef }
.page-single { width: 100%; padding: 15px; }
.page-single .head { border-bottom: 1px solid #074902; text-align: center; }
.page-single .head h3 { font-size: 17px; color: #404040; font-weight: bold; }
.page-single .head h4 { font-size: 9px; color: #3ea93f; margin-bottom: 10px; }
.page-single .show { padding: 15px 0; line-height: 1.7; border-bottom: 1px solid #074902;}
.page-single .show img { max-width: 100%; }
.page-single .tab table {font-size:12px; width:100%; }
.page-single .tab td { white-space: nowrap; padding:0 5px; }
.tab { overflow-x: auto; overflow-y: hidden; }
.page-news { width: 100%; padding: 15px; }
.page-news .head { border-bottom: 1px solid #074902; text-align: center; }
.page-news .head h3 { font-size: 17px; color: #404040; font-weight: bold; }
.page-news .head h4 { font-size: 9px; color: #3ea93f; margin-bottom: 10px; }
.page-news .list a { text-align: left; font-size: 12px; color: #262626;border-bottom: 1px solid #c71716; display: block; height:40px; background:url(../images/ico.png) 0 center no-repeat; padding-left:15px;}
.page-news .list a span{display:inline-block;line-height: 40px;}
.page-news .list a span.tit{width:70%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page-news .list a:active { color: #c71716; }
.page-news .list a .date { float: right; color: #999; font-size: 10px; }
.page { padding: 15px 0; overflow: hidden;}
.page a { color: #7d5a3e; font-weight: bold; font-size: 12px; padding: 0px 17px; background:transparent; border: 1px solid #7d5a3e; border-radius: 0px;transition: all 0.4s;cursor: pointer;}
.page a:hover { border: 1px solid #7d5a3e; background:transparent; color:#7d5a3e;transition: all 0.4s;cursor: pointer;}
.page .prev { float: left; }
.page .next { float: right; }
.channel { width: 100%; padding: 15px; text-align: center; }
.channel .head { border-bottom: 1px solid #074902; }
.channel .head h3 { font-size: 17px; color: #404040; font-weight: bold; }
.channel .head h4 { font-size: 9px; color: #3ea93f; margin-bottom: 10px; }
.channel a { display: block; font-size: 12px; line-height: 35px; color: #3ea93f; border: 1px solid #b2ddb0; background: #fff; border-radius: 25px; margin-top: 15px; }
.channel a:active { background: #1c9c13; color: #FFF; }
.page-product { width: 100%; padding: 15px; }
.page-product .head { border-bottom: 1px solid #074902; text-align: center; padding-bottom: 15px; }
.page-product .head h3 { font-size: 17px; color: #404040; font-weight: bold; }
.page-product .head h4 { font-size: 9px; color: #3ea93f; }
.page-product .list { padding: 3px; border-bottom: 1px solid #c71716; margin-top: 10px; }
.page-product .list li { width: 50%; float: left; text-align: center; margin-bottom: 10px; padding: 6px; }
.page-product .list li a { display: block; border: 1px solid #c71716; }
.page-product .list li img { width: 100%; height:105px; }
.page-product .list li a span { line-height: 25px; height: 25px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #fff; background: #7fbd7a; }
.page-product .list li a:active span { color: #c71716; }
.message { padding: 0 10px; text-align: left; }
.msgcontent { padding: 10px 0; }
.msgcontent .txt { border: 1px solid #ccc; background: #fff; font-size: 16px; padding: 0 10px; line-height: 3em; margin-bottom: 5px; width: 100%; box-sizing: border-box; }
.msgcontent textarea { border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 16px; margin-bottom: 5px; width: 100%; box-sizing: border-box; height: 200px; }
.msgcontent .btn { box-sizing: border-box; border: none; text-align: center; width: 100%; background: #9b8150; font-size: 24px; line-height: 2em; color: #fff; }