.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.hidden { display: none; }
.show { display: inherit; }
body { background: #eee; }
a,p,div,h1,h2,h3,span { font-weight: 300; }

.layui-container { padding: 0 10px; }

.top { padding: 15px 0px 12px; }
.top h1 { font-size: 18px; font-weight: bold; text-align: center; line-height: 26px; }
.top p { font-size: 12px; text-align: center; line-height: 18px; }        
.top h1, .top p { text-align: left; text-indent: 12px; color: #eee; }
.top .menu-icon { margin-top: 5px; cursor: pointer; margin-right: 10px; }

.nav { padding: 0px; position: absolute; top: 93px; width: 100%; z-index: 99; height: 0px; overflow: hidden; }
.nav ul { width: 100%; padding: 10px 0px; opacity: 0.95; }
.nav li a { display: block; width: 100%; text-align: center; line-height: 50px; font-size: 18px; color: #e3e3e3;}
.nav li .line { width: 80%; margin: 0 auto; height: 1px; }
.nav li:last-child .line { display: none; }

.banner, .about, .product, .news { margin-top: 15px; }

.product .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 100%; border-radius: 6px; }
.product .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.product .tt { text-align: center; font-size: 14px; line-height: 20px; padding-top: 10px; width: 90%; margin: 0 auto; height: 50px; display: flex; justify-content: center; align-items: center; } 
.product .pp { font-size: 12px; text-align: center; color: #666; }
.product .pp span { color: #e00000; font-size: 12px; }

.news .layui-card-body { padding-top: 15px; }

.footer { padding-bottom: 70px; }
.footer li { display: inline-block; text-align: center; width: 18.9%; }
.footer li a { font-size: 12px; color: #999; line-height: 26px; }
.footer p { font-size: 12px; color: #999; line-height: 18px; text-align: center; }
.footer-nav { width: 100%; position: fixed; left: 0px; bottom: 0px; padding: 6px 0px 2px; }
.footer-nav ul { font-size: 0px; }
.footer-nav ul li { width: 20%; display: inline-block; text-align: center; }
.footer-nav ul li a { font-size: 12px; color: #fff; border: none; padding: 0px; margin: 0px; font-family: "微软雅黑 light"; padding-top: 6px; }
.footer-nav .layui-icon { display: block; font-size: 26px; }

.layui-carousel>[carousel-item]:before { color: #fff; }
.layui-carousel>[carousel-item]>*,.layui-carousel { background-color: #fff; }   

.bread, .about-page, .product-page, .news-page, .show-page { margin-top: 10px; }
.layui-card-body .cat .item { width: 47.7%; line-height: 28px; margin: 6px 0px 0px 12px; text-align: center; }
.layui-card-body .cat .item a { font-size: 13px; color: #333; }
.layui-card-body .cat .item:nth-child(2n+1) { margin-left: 0px; }
.layui-card-body .cat .item { background: #eee; }

.about-page .con { margin-top: 16px; padding-bottom: 20px; }
.about-page .con img { max-width: 100%; height: auto !important; }

.contact-page .con .info { margin-bottom: 20px; }
.contact-page .map-info .layui-field-box { width: 90%; height: 200px; }

.msg-page .con th { font-size: 13px; width: 72px; line-height: 26px; }
.msg-page .con input { line-height: 26px; height: 26px; border-radius: 3px; width: 220px; }
.msg-page .con textarea { line-height: 26px; height: 70px; border-radius: 3px; width: 200px; }
.msg-page .con #dosubmit { width: 120px; background: none; background-color: #e00000; color: #fff; margin: 10px 0px; text-align: center; border: none; }

.product-page .item .pic { width: 220px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #eee;  }
.product-page .item img { max-width: 100%; max-height: 96%; }
.product-page .item .tt { text-align: center; }
.product-page .item .tt a { color: #fff; line-height: 32px; font-size: 13px; }

.show-page h1 { text-align: center; font-size: 15px; line-height: 28px; }
.show-page .pic { text-align: center; }
.show-page .pic img, .show-page .con img { max-width: 100%; height: auto !important; }
.show-page .sub { font-size: 12px; text-align: center; color: #999; }

.menu-tt { font-size: 12px; line-height: 26px; }

/* 适配早期小尺寸手机 */
@media only screen and (max-device-width: 320px) {
   .top h1 { font-size: 15px; font-weight: bold; text-align: center; line-height: 26px; }
   .news .item .tt { font-size: 12px; line-height: 24px; }
   .news .item .date { font-size: 12px; line-height: 24px; }
}


.top .title { margin-left: 20px; }
.top .title img { width: 240px; }
.top .menu-icon { margin-top: 15px; }
.nav li .line { background: #d0c6ab; }

.layui-card { padding-top: 15px; }
.layui-card h3 { font-size: 24px; text-align: center; line-height: 50px; }
.layui-card h3:after { content: ''; display: block; width: 36px; height: 2px; background: #e31529; margin: 0 auto 5px; }

.about .layui-card-header { font-size: 15px; line-height: 50px; height: 50px; }
.about img { max-width: 96%; margin: 0 auto; height: auto; }

.contact-page .item .tt { font-size: 18px; line-height: 36px; font-weight: bold; margin-top: 10px; }