.tab { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ justify-content: space-around; align-items: center; background: #fff; height: .8rem; position: fixed; top: 0; width: 100%; z-index: 9; }
.tab a { display: block; height: 100%; box-sizing: border-box; font-size: .28rem; color: #666666; line-height: .8rem; width: 100%; text-align: center; }
.tab a.active { color: #13b240; border-bottom: 0.03rem solid #13b240; }

.culture { padding-top: .8rem; }
.culture ul { margin-top: .1rem; }
.culture ul li { background: #fff; padding-bottom: .3rem; margin-bottom: .1rem; }
.culture ul li a { display: block; overflow: hidden; }
.culture ul li a h1 { margin: .15rem 0; font-size: .3rem; color: #333333; }
.culture ul li a p { overflow: hidden; }
.culture ul li a p span { font-size: .24rem; color: #999999; }
.culture ul li a p span i { margin-right: 0; font-size: .3rem; vertical-align: middle; }
.culture #pullUp { height: .8rem; line-height: .8rem; padding: 0; text-align: center; font-size: .22rem; color: #333; background: #f0f0f0; border: none; font-weight: normal; }
.culture #pullUp i { display: none; vertical-align: middle; margin-right: .1rem; }
.culture #pullUp .active { background: url("../images/load.png") no-repeat; background-size: 100% 100%; width: .28rem; height: .28rem; display: inline-block; }

.detail { padding-top: 0.4rem; background: #fff; }
.detail > h1 { color: #000; line-height: 1.5; margin-bottom: .3rem; font-size: .38rem; }
.detail > p { overflow: hidden; margin-bottom: 0rem; }
.detail > p span { font-size: .24rem; color: #999999; }
.detail > p span i { margin-right: 0; font-size: .3rem; vertical-align: middle; }
.detail .txt-box { padding-top: .4rem; }
.detail .txt-box p { font-size: .3rem; color: #333; margin-bottom: .25rem; line-height: 1.6; }
.detail .txt-box p img{width:100%!important;object-fit:cover;}
.detail .detail-nav { padding: .25rem 0rem; background: #fff; font-size: .24rem; }
.detail .detail-nav a { color: #333; display: block; font-size: .28rem; margin-bottom: .2rem; display: -webkit-box; -webkit-line-clamp: 1; overflow:hidden;/*-webkit-box-orient: vertical;*/ }
.detail .detail-nav a span { color: #999; }
.detail .detail-nav a:last-child { margin-bottom: 0; }

.view-more a { display: block; height: .8rem; line-height: .8rem; text-align: center; color: #333; font-size: .22rem; background: #fff; }

.about { padding-top: .8rem; }
.about .main { margin-top: .2rem; background: #fff; }
.about .main section { padding-bottom: .5rem; }
.about .main section h1 { font-size: .38rem; color: #000000; padding: .4rem 0; }
.about .main section p { font-size: .3rem; color: #333; margin-bottom: .35rem; line-height: 1.6; }

.contact .contact-up { padding: .8rem .4rem .1rem; /*background: #2dbb55;*/ background: #fff; }
.contact .contact-up h1 { font-size: .36rem; color: #000; }
.contact .contact-up h2 { font-size: .3rem; opacity: .5; color: #000; }
.contact .contact-up ul { margin-top: .45rem; }
.contact .contact-up ul li { padding: .25rem 0 .22rem; color: #333; font-size: .28rem; position: relative; }
.contact .contact-up ul li a { color: #333; }
.contact .contact-up ul li i { margin-right: .1rem; display: inline-block; color: #333; font-size: .45rem; opacity: .7; vertical-align: middle; }
.contact .contact-up ul li:after { content: ''; display: block; width: 200%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; transform: scale(0.5); transform-origin: 0 0; opacity: .3; }
.contact .contact-up ul li:last-child:after { display: none; }
.contact .contact-down { background: #fff; padding: .7rem .4rem 1rem; }
.contact .contact-down ul { overflow: hidden; }
.contact .contact-down ul li { text-align: center; width: 50%; float: left; }
.contact .contact-down ul li img { width: 2.77rem; }
.contact .contact-down ul li h1 { font-size: .3rem; color: #333333; margin: .25rem 0 .1rem; }
.contact .contact-down ul li p { font-size: .24rem; color: #999; }
.contact .map #map { height: 4rem;width:100%; }

.grayLine { height: .1rem; background: #f0f0f0; margin: 0 -.2rem; }

/*# sourceMappingURL=style.css.map */