@charset "UTF-8";
/********** 页面样式* *********/
/* ========== 基本默认值 ========== */
select::-ms-expand { display: none; }

* { box-sizing: border-box; }

a { text-decoration: none; color: inherit; }

p, dl { margin: 0; }

ul, ol { padding: 0; margin: 0; }

li { list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

img { vertical-align: top; max-width: 100%; }

input { padding: 0; border: none; }

dd { margin-left: 0; }

label { cursor: pointer; }

/* ========== 工具样式 ========== */
.width-auto { width: 100%; }

.center-block { display: block; margin-right: auto; margin-left: auto; }

.invisible { /*将元素隐藏，但保留元素占位*/ visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.pull-left { float: left !important; }

.pull-right { float: right !important; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { /*IE6 and IE7*/ zoom: 1; }

@font-face { font-family: '16020_FUTURAM'; src: url("fonts/16020_FUTURAM.eot"); src: url("fonts/16020_FUTURAM.eot") format("embedded-opentype"), url("fonts/16020_FUTURAM.woff2") format("woff2"), url("fonts/16020_FUTURAM.woff") format("woff"), url("fonts/16020_FUTURAM.ttf") format("truetype"), url("fonts/16020_FUTURAM.svg#16020_FUTURAM") format("svg"); font-weight: normal; font-style: normal; }
body { min-width: 1200px; font-size: 14px; font-family: '16020_FUTURAM', microsoft yahei, Arial, Helvetica, sans-serif; -webkit-font-smoothing: subpixel-antialiased; background: #F5F5F5; }

.container { width: 1200px; margin: 0 auto; }

.header { height: 80px; line-height: 80px; background: #ffffff; }
.header .container { height: inherit; line-height: inherit; }
.header .logo { float: left; }
.header .logo img { vertical-align: middle; }
.header .nav { float: left; font-size: 0; margin-left: 102px; margin-right: 43px; height: inherit; line-height: inherit; }
.header .nav li { display: inline-block; height: inherit; line-height: inherit; font-size: 15px; }
.header .nav li + li { margin-left: 3em; }
.header .nav li a { color: #333333; line-height: 1; }
.header .i-ss { position: relative; float: left; }
.header .i-ss .search { width: 200px; height: 30px; background-color: #ffffff; border: 1px  solid #dddddd; border-radius: 30px; padding-right: 30px; padding-left: 16px; outline: none; color: #999999; }
.header .i-ss .btn { display: inline-block; width: 15px; height: 15px; position: absolute; margin: auto; top: 0; right: 16px; bottom: 0; outline: none; cursor: pointer; background: url(../images/search.png) center no-repeat; }
.header .lang { float: right; height: inherit; line-height: inherit; font-size: 12px; border-left: 1px solid #eeeeee; padding-left: 20px; }
.header .lang a, .header .lang span { color: #999999; }

.bx-wrapper { box-shadow: none; border: none; margin-bottom: 0; }

.index-banner .p-bb { width: 100%; height: 600px; background: center no-repeat; background-size: cover; }

.index-news { height: 180px; line-height: 180px; }
.index-news .tabs { width: 33.333333%; height: inherit; line-height: inherit; position: relative; background: #00904A; overflow: hidden; text-align: right; padding-right: 79px; float: left; }
.index-news .tabs img { position: absolute; top: -20px; right: 195px; }
.index-news .tabs a { font-size: 30px; color: #ffffff; }
.index-news .tabs .page { position: absolute; right: 20px; bottom: 20px; font-size: 0; height: 6px; line-height: 0; }
.index-news .tabs .page li { display: inline-block; width: 10px; height: inherit; background: #f5f5f5; cursor: pointer; transition: width .3s; }
.index-news .tabs .page li + li { margin-left: 10px; }
.index-news .tabs .page li.active { width: 20px; }
.index-news .list-wrap { height: inherit; overflow: hidden; padding-left: 30px; background: #ffffff; }
.index-news .list-wrap .swiper-container { display: inline-block; vertical-align: middle; line-height: normal; height: 150px; width: 889px; }
.index-news .list-wrap .swiper-container .swiper-slide { box-sizing: border-box; width: 100%; height: 30px; line-height: 30px; padding-left: 16px; background: url(../images/index-news-arrow.png) left center no-repeat; }
.index-news .list-wrap .swiper-container .swiper-slide .title { color: #666666; }
.index-news .list-wrap .swiper-container .swiper-slide .time { color: #999999; float: right; }
.index-news .list-wrap ul { display: inline-block; vertical-align: middle; line-height: normal; width: 889px; }
.index-news .list-wrap ul li { line-height: 30px; padding-left: 16px; background: url(../images/index-news-arrow.png) left center no-repeat; }
.index-news .list-wrap ul .title { color: #666666; }
.index-news .list-wrap ul .time { color: #999999; float: right; }

.index-product .h { height: 80px; padding-top: 30px; font-size: 0; line-height: 1; }
.index-product .h .title { vertical-align: bottom; font-size: 30px; color: #333333; margin-right: 27px; display: inline-block; }
.index-product .h .subtitle { display: inline-block; vertical-align: bottom; font-size: 14px; color: #999999; margin-bottom: 1px; }
.index-product .h .more { float: right; font-size: 14px; color: #999999; margin-top: 8px; display: inline-block; padding-right: 29px; background: url(../images/more.png) right center no-repeat; }

.mb18 { margin-bottom: 18px; }

.p-list { text-align: justify; line-height: 0; }
.p-list li { display: inline-block; width: 280px; text-align: center; vertical-align: top; margin-bottom: 26px; transition: all .1s linear; }
.p-list li.justify-pseudo { height: 0; margin: 0; padding: 0; border: none; visibility: hidden; }
.p-list li:hover { box-shadow: 0 0 5px 2.5px rgba(217, 244, 231, 0.75); }
.p-list li a { width: inherit; display: block; height: 350px; background: #ffffff; }
.p-list li img { width: inherit; height: 300px; }
.p-list li .name { line-height: 50px; color: #666666; }

.footer { height: 100px; line-height: 100px; background: #272828; }
.footer .info { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 24px; color: #eaeaea; }
.footer .qr-code { width: 80px; height: 80px; float: right; margin-top: 9px; }

.secondary-banner { height: 280px; background: url(../images/secondary-banner.png) center/auto 100% no-repeat; }

/*新闻中心*/
.fs30-lh1-c33 { font-size: 30px; color: #333333; line-height: 1; }

.ptb40 { padding: 40px 0; }

.news-list li { display: table; table-layout: fixed; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; }
.news-list .img-wrap, .news-list .text-wrap { display: table-cell; }
.news-list .img-wrap { line-height: 0; font-size: 0; width: 240px; }
.news-list .text-wrap { padding-left: 20px; position: relative; padding-bottom: 26px; position: relative; }
.news-list .text-wrap .title { line-height: 20px; margin-bottom: 18px; }
.news-list .text-wrap .title a { font-size: 18px; color: #333333; }
.news-list .text-wrap .title a:hover { color: #008f45; text-decoration: underline; }
.news-list .text-wrap .time { font-size: 14px; line-height: 1; color: #999999; display: inline-block; margin-bottom: 6px; }
.news-list .text-wrap .summary { font-size: 14px; line-height: 24px; color: #999999; }
.news-list .text-wrap .view-detail { font-size: 12px; color: #999999; height: 26px; line-height: 24px; width: 90px; display: inline-block; border-radius: 26px; border: 1px solid #dddddd; padding-left: 13px; background: url(../images/news-list-arrow.png) 68px center no-repeat; position: absolute; left: 20px; bottom: 0; transition: all .1s linear; }
.news-list .text-wrap .view-detail:hover { width: 100px; background-position: 78px center; }

/*分页*/
.paging { text-align: center; font-size: 0; }
.paging a { display: inline-block; height: 30px; line-height: 28px; text-align: center; min-width: 30px; border-radius: 3px; border: 1px solid #dddddd; font-size: 14px; color: #999999; padding: 0 8px; }
.paging a + a { margin-left: 10px; }
.paging a:hover, .paging a.active { background: #008138; border-color: #008138; color: #ffffff; }
.paging span + a { margin-left: 10px; }

.ptb10 { padding: 10px 0; }

.mb26 { margin-bottom: 26px; }

.fs24-lh1-c33 { font-size: 24px; line-height: 1; color: #333333; }

.fs14-lh24-c99 { font-size: 14px; line-height: 24px; color: #999999; }

.mt40 { margin-top: 40px; }

.mb30 { margin-bottom: 30px; }

.news-h { border-bottom: 1px dotted #dcdcdc; padding-bottom: 15px; }
.news-h .title { font-size: 24px; line-height: 36px; color: #333333; margin-bottom: 16px; }

.news-c { padding-top: 24px; padding-bottom: 21px; border-bottom: 1px solid #e2e2e2; font-size: 14px; line-height: 24px; color: #999999; }

.ti2em { text-indent: 2em; }

.fs14-lh30-c99 { font-size: 14px; line-height: 30px; color: #999999; }

.news-b { padding-top: 12px; margin-bottom: 27px; }

.mb44 { margin-bottom: 44px; }

.oemodm { margin-bottom: 123px; }

.mt30 { margin-top: 30px; }

.w280 { width: 280px; }

.d-m { float: left; }
.d-m .h { width: inherit; height: 80px; line-height: 80px; background: #00904a url(../images/d-m-h.png) center no-repeat; color: #ffffff; padding-left: 21px; font-size: 30px; }
.d-m .p > li > a { display: block; height: 50px; line-height: 50px; border-left: 6px solid transparent; font-size: 14px; color: #666666; padding-left: 13px; position: relative; background: #ffffff url(../images/d-m-arrow.png) right top no-repeat; }
.d-m .p > li.active .s { display: block; }
.d-m .p > li.active > a { color: #00904a; background: #f5f5f5 url(../images/d-m-arrow.png) right bottom no-repeat; border-left-color: #999999; }
.d-m .s { display: none; }
.d-m .s > li > a { display: block; height: 51px; line-height: 50px; border-bottom: 1px dashed #dcdcdc; position: relative; padding-left: 40px; background: #ffffff; color: #666666; }
.d-m .s > li > a:before { content: ''; display: block; width: 10px; height: 2px; background: #999999; position: absolute; margin: auto; top: 0; left: 21px; bottom: 0; }
.d-m .s > li.active > a { color: #00904a; }

.w894 { width: 894px; }

.bl5-lhh80-h { border-left: 5px solid #00904a; height: 80px; line-height: 80px; padding-left: 16px; font-size: 20px; color: #333333; background: #ffffff; position: relative; }
.bl5-lhh80-h.bb:after { content: ''; display: block; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; background: #dddddd; }

.mb20 { margin-bottom: 20px; }

.bgcff { background: #ffffff; }

.product-details { background: #ffffff; }
.product-details .head { padding: 20px 20px 31px 20px; }
.product-details .head .img-wrap { width: 300px; height: 300px; border: 1px solid #dddddd; float: left; text-align: center; margin-right: 20px; }
.product-details .head .img-wrap img { max-height: 100%; }
.product-details .head .text-wrap { overflow: hidden; }
.product-details .head .text-wrap .name { font-size: 24px; line-height: 33px; color: #333333; margin-bottom: 21.5px; }
.product-details .head .text-wrap .param { font-size: 14px; line-height: 30px; color: #999999; }
.product-details .label-h { position: relative; }
.product-details .label-h span { display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; background-color: #00904a; text-align: center; font-size: 18px; color: #fefefe; }
.product-details .label-h:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #00904a; }
.product-details .other { min-height: 309px; padding: 20px; }

.mb50 { margin-bottom: 50px; }

.about-c { padding: 20px 20px 40px; }

.about-brand { background: #ffffff; font-size: 0; }

.about-intro { font-size: 14px; line-height: 30px; color: #333333; }

.about-culture { font-size: 14px; line-height: 40px; color: #333333; }
.about-culture .name { color: #00904a; }

.mt20 { margin-top: 20px; }

.mb33 { margin-bottom: 33px; }

.contact-us { margin-bottom: 45px; }
.contact-us .head { border-bottom: 1px solid #dddddd; margin-bottom: 20px; }
.contact-us .head .info { padding-top: 32.5px; }
.contact-us .head .info .title { font-size: 30px; line-height: 33px; color: #333333; }
.contact-us .head .info .subtitle { font-size: 19px; line-height: 33px; color: #666666; margin-bottom: 15px; }
.contact-us .head .info .kv { font-size: 14px; line-height: 30px; color: #666666; margin-bottom: 18px; }
.contact-us .map { width: inherit; height: 540px; border: 1px solid #dddddd; }

/*# sourceMappingURL=style.css.map */