@charset "utf-8";
*{margin:0jpx;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul, div{ margin: 0 auto; padding: 0; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; word-break: break-all; word-wrap: break-word; }
body, button, input, select, table, textarea { margin: 0; -webkit-appearance : none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, sam { display: block; }
html { font-size: 62.5%; }
body {/* min-width: 320px;   max-width: 750px;*/ margin: 0 auto 0; font-family: "Microsoft YaHei";   color: #323232; line-height: 1.5; font-size: 1.2rem; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6 { font-size: 1.2rem; }
fieldset, img { border: 0 }
img { max-width: 100%; vertical-align: top; }
ol, ul { list-style: none }
address, em, i { font-style: normal }
a { text-decoration: none; color: #282828; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 

.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}

.mt15{ margin-top: 15px;}
.mt10{ margin-top: 10px;}
.ml5{ margin-left: 5px;}
.mr5{ margin-left: 5px;}
.mb10{ margin-bottom: 10px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.p_5{ padding: 5px;}
.p_10{ padding: 10px;}
.fl{ float: left;}
.fr{ float: right;}

[class*="bj-lr-"] { padding: 0 1rem;  }
[class*="bj-tb-"] { margin: 1rem 0;  }
.w_100{ float: left; width: 100%;}
.wapper{-webkit-box-sizing: border-box; box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;   
   width: 1200px;
  padding: 0;
}
.wapper:before,.wapper:after {
  content: " ";
  display: table;
}
.wapper:after {
  clear: both;
}
 
.w-1 {  width: 8.33333333%;  }
.w-2 {  width: 16.66666667%;  }
.w-3 {  width: 25%;  }
.w-4 {  width: 33.33333333%;  }
.w-5 {  width: 41.66666667%;  }
.w-6 {  width: 50%;  }
.w-7 {  width: 58.33333333%;  }
.w-8 {  width: 66.66666667%;  }
.w-9 {  width: 75%;  }
.w-10 {  width: 83.33333333%;  }
.w-11 {  width: 91.66666667%;  }
.w-12 {  width: 100%;  }
.wli-1 > li {  width: 100%;  }
.wli-1 > li:nth-of-type(n) { clear: none;  }
.wli-1 > li:nth-of-type(1n + 1) { clear: both;  }
.wli-2 > li {  width: 50%;  }
.wli-2 > li:nth-of-type(n) { clear: none;  }
.wli-2 > li:nth-of-type(2n + 1) { clear: both;  }
.wli-3 > li {  width: 33.33333333%;  }
.wli-3 > li:nth-of-type(n) { clear: none;  }
.wli-3 > li:nth-of-type(3n + 1) { clear: both;  }
.wli-4 > li {  width: 25%;  }
.wli-4 > li:nth-of-type(n) { clear: none;  }
.wli-4 > li:nth-of-type(4n + 1) { clear: both;  }
.wli-5 > li {  width: 20%;  }
.wli-5 > li:nth-of-type(n) { clear: none;  }
.wli-5 > li:nth-of-type(5n + 1) { clear: both;  }
.wli-6 > li {  width: 16.66666667%;  }
.wli-6 > li:nth-of-type(n) { clear: none;  }
.wli-6 > li:nth-of-type(6n + 1) { clear: both;  }
.wli-7 > li {  width: 14.28571429%;  }
.wli-7 > li:nth-of-type(n) { clear: none;  }
.wli-7 > li:nth-of-type(7n + 1) { clear: both;  }
.wli-8 > li {  width: 12.5%;  }
.wli-8 > li:nth-of-type(n) { clear: none;  }
.wli-8 > li:nth-of-type(8n + 1) { clear: both;  }
.wli-9 > li {  width: 11.11111111%;  }
.wli-9 > li:nth-of-type(n) { clear: none;  }
.wli-9 > li:nth-of-type(9n + 1) { clear: both;  }
.wli-10 > li {  width: 10%;  }
.wli-10 > li:nth-of-type(n) { clear: none;  }
.wli-10 > li:nth-of-type(10n + 1) { clear: both;  }
.wli-11 > li {  width: 9.09090909%;  }
.wli-11 > li:nth-of-type(n) { clear: none;  }
.wli-11 > li:nth-of-type(11n + 1) { clear: both;  }
.wli-12 > li {  width: 8.33333333%;  }
.wli-12 > li:nth-of-type(n) { clear: none;  }
.wli-12 > li:nth-of-type(12n + 1) { clear: both;  }
 
[class*="wli-"] > li{ float: left;}

.fl{ float: left;}
.fr{ float: right;}
/*新闻产品图片的比例值*/
.nwImg{   height: 0; padding-bottom: 68%;/**图片的比例值**/overflow: hidden;   width: 100%;  }

.cpImg{ height: 0; padding-bottom: 76%;/**图片的比例值**/ overflow: hidden; width: 100%;}

.nwImg img,.cpImg img{	width: 100%; height: auto; } 

/*头部部分样式*/
.navTmp{width:100%;height:80px;background:rgba(255,255,255,0.97);box-shadow: 0px -2px 20px 1px #3d3d3d; display: none; position:fixed;top:0px;z-index: 999;}
.navTmp .logo{ float: left; width: 30%;}
.navTmp h1{ float: left; height: 40px; margin-top: 20px; line-height: 40px; width: 70%; font-weight: 100; font-size: 16px; }
.navTmp h1 a{ width: 12%; font-weight: 700; float: left; text-align: center; font-size: 18px;}
.navTmp h1 a:hover{ text-decoration: none;}

.top{  height: 35px; line-height: 35px; text-align: right; color:#282828;  }
.top h4{ width: 1200px; font-weight: 100; font-size: 13px;}
.top h4 span{ float:left;}
.top h4 a{ color:#282828; margin: 0 7px;   text-align: center; display: inline-block;}
.top h4 a:hover{color:#d20808; }

/* 导航菜单 */
.header{ width:1200px; height: 135px;  }
.header .logo{ float: left; margin-top:10px; }
.search{ float: left; width: 320px; margin: 18px 0 0 20px;}
.sarTxt{ border:3px solid #D20808; background: url(../jpg/searicon.jpg) left center no-repeat; float: left; padding-left: 35px; height: 35px; line-height: 35px;  width: 230px;}
.searBt{ background-color: #D20808; border: none; height: 35px; cursor: pointer; line-height: 35px; color: #fff;float: left; width: 68px; text-align: center; font-size: 14px;}
.search h5{ float: left; width: 100%;}
.search h5 a{ height: 25px; line-height: 25px; margin: 0 10px 0 0; font-size: 12px; color:#282828;}
.search h5 a:hover{color:#d20808; }
.telImg{ float: right; margin-top: 0;}

.navBg{background-color:#d20808; float: left; width: 100%; }
.nav{ width:1200px;         z-index:1;}
.nav > li{ width:1%; display: table-cell;   text-align: center;}
.nav > li > a{color: #fff; float: left; width: 100%; line-height: 19px; margin: 13px 0;  font-size: 18px;  border-right: 1px solid #fff; font-weight: 700;} 
.nav > li:hover{ background-color: #161616; }
.nav > li:hover > a{color:#fff; text-decoration:none;}
.nav .sub{ display:none; width:100%; left:0; padding: 30px 0; top:180px; height: 240px;   position:absolute; z-index:999; background:#ededed;     }
.nav .sub1{ height: 420px; padding: 15px 0;}
.navBg .hd{border: 4px solid #fff;    float: left;    margin-right: 30px;    width: 258px;}
.navBg .hd img{ width: 250px; height: 167px;}
.sNav{float: left; width: 220px;}
.sNav li {float: left;    padding:0 10px; width: 45%; text-align: center;}
.navBg .sNav li a {  font-size: 15px; height: 40px; line-height: 40px; float: left;  width: 100%;  border-bottom: 1px solid #999;  }
.navBg .sNav a:hover{color: #d20808;}
.sNav1 > li{width: 100%; padding:0 20%;}
.s_txt{border-left: 1px solid #fff;   float: right;    line-height: 27px;  padding: 10px 0 13px 30px;text-align: justify;   width: 670px; font-size: 14px; text-indent: 2em;}
.sub s{border-color: #dedede transparent;    border-style: solid;    border-width: 9px 9px 0;    display: block;    left: 50%;    margin-left: -9px;    position: absolute;    top: 0;}
.In_cpfl li{ float:left; width: 20%; text-align: center; padding: 0 10px;}
.fl_top img{ max-width: 100%; height: auto;}
.fl_top h3{ font-size: 18px; height: 35px;   border-bottom: 2px solid #ddd; margin-bottom: 10px;}
.In_cpfl li h2{  display: block;    font-size: 15px;    line-height: 30px;        text-align: center;}

/* 幻灯显示 */
.Banner{ width:100%;  position:relative;  height:570px; float: left;  }
.Banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.Banner .bd ul{ width:100%; float: left; }
.Banner .bd li{ width:100%;float: left;  height:570px;  text-align:center;  }
.Banner .bd li a{ display:block; height:570px; }

.Banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.Banner .hd ul{ text-align:center; }
.Banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:52px; height:11px; margin:5px; overflow:hidden; background:#000; filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 	}
.Banner .hd ul .on{ background:#f00;  }
.Banner .prev,.Banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../png/slider-arrow.png) #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.Banner .next{ left:auto; right:5%; background-position:-6px -137px; }
.Banner .prev{ background-position:-126px -137px;}


/*底部样式*/
footer{ background-color: #CF0505; padding: 15px 0; width: 100%; float: left; color: #fff;}
footer a{color: #fff;}
.footNav{ width: 640px;}
.footNav li{}
.footNav li a:first-child{ font-size: 20px; font-weight: 700;}
.footNav li a{ display: inline-block; width: 100%; height: 32px; line-height: 32px; font-size: 15px; color: #fff;}

.flxwm{ width: 560px; /* background-color: rgba(255,255,255,0.5); */padding:0 25px 10px;  position: relative;}
.flxwm h3{   height: 32px; line-height: 32px;font-size: 20px; letter-spacing: 4px; font-weight: 700;}
.flxwm p{ font-size: 18px; line-height: 24px; margin-top: 15px; width: 300px; float: left; }
.flxwm p b{  font-size: 24px;} 
.flxwm p img{ margin-right: 5px;}
.flxwm p span{  display: inline-block; padding-left: 29px;}
.flxwm .wxImg{ width: 190px; position: absolute; top: 35px; right: 25px;}

.flink{    float: left; width: 100%;  line-height: 25px;} 
.flink a{ margin: 0 10px; font-size: 15px; }
footer h5{   text-align: center; width: 100%; padding-top: 10px; display: inline-block;} 

.npage{  text-align:center; color: #333;    padding:5px 0; height:30px; margin:10px 0; float:left; width:100%; }
.npage a{ margin:5px; background-color: #e7e7e5; padding:5px 10px;}
.npage a:hover,.npage .np_on{ background-color:#D20808; color:#fff;}