@charset "utf-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { 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; }
body {  margin: 0 auto 0; font-family: "Microsoft YaHei";   color: #00132b; line-height: 1.5; font-size: 12px; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6 { font-size:12px; }
fieldset, img { border: 0 }
img { max-width: 100%; vertical-align: top; }
ol, ul { list-style: none }
address, em, i { font-style: normal }
a {
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a:hover,
a:focus {
    color: #FF6600;
    text-decoration: none;
}
a:active {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}
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;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.font26 {font-size: 26px;}
.font28 {font-size: 28px;}
.font30 {font-size: 30px;}

.mt5{margin-top: 5px; }
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt25{margin-top: 25px; }
.mt30{margin-top: 30px; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.mr5{  margin-right: 5px; }
.mr10{  margin-right: 10px; }
.mr15{  margin-right: 15px; }
.mr20{  margin-right: 20px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; } 

.f_bord{ font-weight: 700;}
.pt5{padding-top: 5px; }
.pt10{padding-top: 10px; }
.pt15{padding-top: 15px; }
.pt20{padding-top: 20px; }
.pt25{padding-top: 25px; }
.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pr5{  padding-right: 5px; }
.pr10{  padding-right: 10px; }
.pr15{  padding-right: 15px; }
.pr20{  padding-right: 20px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; } 

.ptb10{ padding: 10px 0;}
.ptb15{ padding:15px 0;}
.mtb10{ margin: 10px 0;}
.mtb15{ margin:15px 0;}
.p12{ padding: 12px;}

.wp1{ padding: 10px;}
.wp15{ padding: 15px;}
.wp2{ padding: 20px;}
.wm1{ margin: 10px;}
.wm15{ margin: 15px;}
.wm2{ margin: 20px;}
.t-c{ text-align: center;}
.t-r{ text-align: right;}
.t-l{ text-align: left;}
 
table {
    border-collapse: collapse !important;
}
   
.fl{ float: left;}
.fr{ float: right;}
.opal95{filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;}
.opal8{filter:alpha(Opacity=8);-moz-opacity:0.8;opacity: 0.8;}

[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: 100%;
  max-width: 1200px;
  padding: 0;
}
.wapper:before,.wapper:after {
  content: " ";
  display: table;
}
.wapper:after {
  clear: both;
}
.txt_over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img_cover{object-fit: cover; height:100%; width: 100%; }
.v-1 {  width: 800px;height: 365px;}
.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;}

.transitionf{transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
/*新闻产品图片的比例值*/
.nwImg{   height: 0; padding-bottom: 68%;/**图片的比例值**/overflow: hidden;   width: 100%;  }

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

.nwImg img,.cpImg img{	width: 100%; height: auto; } 
header{ float: left; width: 100%; background:#ca0000; border-top: 6px solid #CCC; border-bottom: 6px solid #CCC; }
header nav{ width: 1200px; margin: 0 auto; position: relative;}
header .w-2 > img{ float: left; margin: 20px 0 0 0;} 

.nav{  z-index:1; width: 560px; float:right;}
.nav > li{ width:1%; display: table-cell;   text-align: center;  }
.nav > li > a{  float: left; font-size: 18px; width: 100%; line-height: 106px; margin: 0; font-weight: 600; color:#fff;  } 
.nav > li:hover{ background:url(../images/logo-bg.png) center center no-repeat; color: #ca0000;  }
.nav > li:hover > a{color:#ca0000; text-decoration:none;}
.nav .sub{ display:none; width:1200px; margin: 0 auto;  left: 0;  padding: 15px 0; top:100px;    position:absolute; z-index:999; background:#fff; border-bottom: 15px solid #ca0000; } 

nav .w-2{ width:45%}
nav .w-2 img{ margin:20px 0;}



.sNav{float: left; width: 200px; border-right: 1px solid #ddd; }
.sNav li {float: left; width: 100px; margin:10px 50px;   text-align: center; border: 1px solid #ddd;}
.sNav li a {  font-size: 15px; height: 32px; line-height: 32px; float: left;  width: 100%;     }
.sNav a:hover{color: #d20808;}

.srtp{ float: left; text-align: center; width: 370px; font-size: 16px; line-height: 25px;border-left: 1px solid #ddd; padding-left: 30px;}
.srtp span{ display: inline-block; width: 100%; text-align: center;}
.In_cpfl li{ padding: 0 20px; border-right: 1px solid #ddd; text-align: center;}
.In_cpfl li h3{ background-color: #ca0000; height: 42px; line-height: 42px; background-size: 40px; font-size: 16px; color: #fff; } 
.In_cpfl li h3 a > img{ width:100%;}
.In_cpfl li h3 img{ width: 40px; margin-top: 10px; margin-right: 5px;} 

.In_cpfl1 li{ border-right:none; padding:0 10px;}

.sNav1 li{ padding: 0 25px 15px; text-align: center; border-right: 1px solid #dedede;}
.sNav1 li span{ display: inline-block; text-align: center; width: 100%; height: 42px; line-height: 42px;  margin-top: 5px;   font-size: 20px;}

.s_txt{  float: left; width: 580px;     line-height: 22px;  padding:0 30px; text-align: justify;}
.s_txt p{ font-size: 14px; text-indent: 2em; color: #333;}

.s_txt table{ border-left: 1px solid #ddd; border-top: 1px solid #ddd; color: #333;}
.s_txt table tr td{ border-right: 1px solid #ddd; font-size:16px;border-bottom: 1px solid #ddd; padding:8px;}

.wx{ float: left; text-align: center; padding: 15px 0; width: 370px; font-size: 14px; line-height: 25px;border-left: 1px solid #ddd; padding-left: 30px; }
.wx span{ color: #525252; display: block;}
 
 
 .tel{ color: #fff; width: 220px; margin-top: 25px; text-align: right;}
 
 
.banner{ position:relative; margin:0 auto; float: left; width: 100%;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top;  } 
.banner .hd{position:relative; z-index:1; margin-top:-40px; height:30px; line-height:30px;  text-align:center;  }
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px;   overflow:hidden; font-size:0; background-color: #fff; border-radius: 5px;}
.banner .hd ul .on{  background-color: #f90; }
.banner .prev,.banner .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-15% 0 0 2%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=0);opacity:0 ; }
.banner .next{  background-position:-105px 0; float:right; margin-right:3%  }
.banner:hover .prev,.banner:hover .next{filter:alpha(opacity=50);opacity:0.5}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1 }

.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }
.npage span{ margin:0 5px; border:1px solid #ca0000 ; padding:5px 8px;}
.npage a{ margin:0 5px; border:1px solid #ca0000 ; padding:5px 8px;}
.npage a:hover,.npage span:hover{ background-color:#ca0000 ; color:#fff;}

footer { float: left; width: 100%;  background: #ca0000;    line-height: 30px; height: auto; padding:50px 0 90px 0; color: #e9e7e7;}
.product-navigation{ border-right:1px solid #fff; height:225px; line-height:30px; width:16%; float:left; margin-left:5%;}
footer h5 {
    margin-bottom: 30px;
    color: #fff;
	font-size:18px;
	font-weight:bold;
}
.product-navigation a{ color:#fff; font-size:15px;}
.product-navigation a:hover{ color:#ff0;}
.contact-us{ border-right:1px solid #fff; line-height:30px; width:30%; margin-left:5%; color:#fff; float:left; font-size:15px;}
.contact-us h2{ background:url(../images/tel.png) no-repeat left center; font-size:16px; font-weight:300; text-indent:40px; height:40px; line-height:40px;}
.contact-us h3{font-size:26px; margin-bottom:10px;}
.wx{ width:150px; position:absolute; right:0; top:70px; text-align:center; width:200px;}
.wx span{ width:100%; text-align:center; float:left; color:#fff; line-height:27px;}
.contact-us a{ color:#fff;}
.contact-wx{ float:right; text-align:center; width:15%;}
.contact-wx span{ width:100%; float:left; text-align:center; color:#fff; line-height:25px; margin-top:5px;}