@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { outline: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body, textarea, input, button, select, keygen, legend { font: 16px \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, arial, \9ED1\4F53, \5b8b\4f53; color: #000; outline: 0; }
a, a:link, a:visited { text-decoration: none; color: #000 }
#header {
    height: 1.92rem;
    position: relative;
    z-index: 99;
}
/*************************/
#ind-wrap { position: relative; }
.article-format { font-size: 16px; line-height: 25px; }
/*.article-format,.article-format * { line-height: 0.0296296296296296rem ; font-size: 0.4148148148148148rem;}*/


#content { width: 16rem; margin: 0 auto; }
.footer { background-color: #b60005; }

.m-nav { position: relative; text-align: center; *letter-spacing: normal;
 *word-spacing: -1px;
}
.m-nav li, .m-nav li a { display: block; *display: inline;
 *zoom: 1;
}
.m-nav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.m-nav li { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.m-nav li.first { background: none; }
.m-nav li a, .m-nav li a:hover { text-decoration: none; }
.m-nav li a { width: 100%; padding: 0.29rem 0px; color: #fff; font-size: 0.41rem;}
.m-nav li i { background-image: url('../images/index_0554.png'); }
.m-nav li i { width: 1.2rem; height: 1.2rem; display: block; margin: 0 auto; background-size: auto 17.12rem; background-repeat: no-repeat; }
.m-nav li:nth-child(1) i { background-position: center -0.059rem; }
.m-nav li:nth-child(2) i { background-position: center -3.2rem; }
.m-nav li:nth-child(3) i { background-position: center -6.4rem; }
.m-nav li:nth-child(4) i { background-position: center -9.6rem; }
.m-nav li:nth-child(5) i { background-position: center -12.8rem; }
.m-nav li:nth-child(6) i { background-position: center -15.97rem; }

ul#menu { position: absolute; top: 2.222222222222222rem; left: 0; width: 8.118518518518519rem; z-index: 13; }
ul#menu li { width: 3.733333333333333rem; display: inline-block; float: left; margin-left: 0.3259259259259259rem; margin-bottom: 0.2962962962962963rem; }
ul#menu li a { width: 100%; height: 100%; display: block; }
.article-content { min-height: 5.925925925925926rem; margin: 0.2962962962962963rem; }
.sec-menu { margin: 0.5925925925925926rem auto; /* text-align: center; */ width: 15.40740740740741rem; border-bottom: 1px solid #C7C7C7; }
.sec-menu li { display: inline-block; width: 3.646667rem; background-color: #B60005; /* Gecko browsers */ -moz-border-radius-topleft: 0.4rem; -moz-border-radius-topright: 0.4rem; -moz-border-radius-bottomleft: 0.4rem; -moz-border-radius-bottomright: 0.4rem; /* Webkit browsers */ -webkit-border-top-left-radius: 0.4rem; -webkit-border-top-right-radius: 0.4rem; -webkit-border-bottom-left-radius: 0.4rem; -webkit-border-bottom-right-radius: 0.4rem; /* W3C syntax */ border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; border-bottom-left-radius: 0.4rem; height: 1.185185185185185rem; margin-bottom: 0.2962962962962963rem; text-align: center; }
.sec-menu li a { color: #fff; line-height: 1.185185185185185rem; display: block; width: 100%; font-size: 0.6222222222222222rem; }
/********************/
.pro-list { padding-top: 0.5925925925925926rem; width: 16rem; overflow: hidden;}
.pro-list ul { padding: 0; width: 16.15925rem;}
.pro-list li { float: left; width: 6.99rem; padding: 0px 0.5037037037037037rem 0.5925925925925926rem 0.5037037037037037rem; background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; border-right: 1px solid #C7C7C7; margin-bottom: 1.39rem;}
.pro-list h3, .pro-list p { overflow: hidden; line-height: 0.7407407407407407rem; font-size: 12px; /* text-align: center; */ }
.pro-list h3 a, .pro-list h3 a:hover { color: #333; }
.pro-list .u-img, .pro-list .u-img2 { margin-bottom: 0.296296296rem; text-align: center; }
/***********************/
.m-page { text-align: center; padding: 0.592592593rem 0px; font-size: 0px; }
.m-page a { display: inline-block; background-color: #000000; line-height: 1.037037037rem; width: 2.133333333333333rem; font-size: 0.47rem; color: #fff; margin: 0px 0.0592592592592593rem; }
.m-page a.z-crt { background-color: #B60005; }
.m-page a.z-dis, .m-page a.z-dis:hover { background-color: #C6C6C6; }
.m-page a:hover { background-color: #B60005; }
.goback { text-align: center; margin: 1.296296296rem 0px; font-weight: bold; font-size: 0.7111111111111111rem; }
/*********************************/
.pro-cls { zoom: 1; overflow: hidden; margin: 0.29rem; }
.pro-cls li { margin: 0px auto; overflow: hidden; padding-bottom: 0.59rem; margin-bottom: 0.59rem; border-bottom: 1px dashed #ccc; }
.pro-cls .txt { float: right; width: 100%; overflow: hidden; margin-left: -6.727rem; }
.pro-cls h3, .pro-cls p, .pro-cls .more { margin-left: 7.437rem; overflow: hidden; }
.pro-cls h3 { margin-bottom: 2.34rem; margin-top: 0.59rem; }
.pro-cls h3 a, .pro-cls h3 a:hover { line-height: 30px; font-size: 24px; font-weight: normal; }
.pro-cls .u-img { float: left; width: 6.34rem; border: 1px solid #C3C3C3; padding: 0.11rem; }
.pro-cls .u-img2 { float: left; width: 94px; height: 94px; }
.pro-cls .u-img img { float: left; }
.pro-cls .more a { font-size: 16px; color: #fff; background-color: #353535; display: inline-block; width: 93px; height: 29px; line-height: 29px; text-align: center; }
/**************************/
h1.pro-til { text-align: center; margin: 0.5925925925925926rem 0px; font-size: 20px; }
.pro-main-pic { width: 14.81481481481481rem; margin: 0px auto; display: block; border: 1px solid #E1E1E1; margin-top: 0.592592593rem; }
/*****************/
.pro-nav { text-align: center; margin: 0.592592593rem 0px; font-size: 0px; }
.pro-nav a { display: inline-block; background-color: #eeeeee; line-height: 1.037037037rem; width: 4.014814815rem; font-size: 0.3555555555555556rem; margin: 0px 0.118518519rem; }
.pro-nav a.z-crt { background-color: #713380; }
.pro-nav a.z-dis, .pro-nav a.z-dis:hover { background-color: #C6C6C6; }
.pro-nav a:hover { background-color: #B60005; }
/***************/
.ow-overlay { position: fixed; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; background: #424242; opacity: 0.8; }
.ow-closed { display: none; }
.modal { position: fixed; z-index: 99999; height: 45px; left: 50%; top: 50%; width: 190px; background-color: #fff; padding: 20px; }
/********************/
.news-list { margin: 10px; display: table; width: 15.40740740740741rem; }
.news-list ul { }
.news-list ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; clear: both; overflow: hidden; float: left; width: 100%; padding: 0.296296296rem 0px; font-size: 0.7111111111111111rem; }
.news-list ul li span { float: right; margin-right: 0.592592593rem; color: #666; }
.news-list ul li a { float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 10.25925925925926rem; }



.product-par-item { border-bottom: 0.11rem solid #B60005; height: 1.62rem;}
.product-par-item li { float: left;  width: 5.09rem;}
.product-par-item li  .selected{ margin-top:0px; color: white; background: url("../images/index_17s.jpg") no-repeat; background-size: 100% auto;}
.product-par-item li a { line-height: 1.62rem; width: 4.266rem; height: 1.62rem; background-color: #FFFFFF; display:block; color: black; background: url("../images/index_172.jpg") no-repeat; background-size: 100% auto; padding-left: 0.88rem;}


.company-info { text-align: center; line-height: 1.48rem; font-size: 0.47rem;}