@charset "utf-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, 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;
}
li{ list-style-type: 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;}


* { -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%; height:100px; background:#ca0000; border-bottom: 3px solid #CCC; }
header nav{ width: 1200px; margin: 0 auto; position: relative;}
header .w-2 > img{ float: left; margin: 20px 0 0 0;} 
header .top-tel{ float:right; font-size:18px; background:url(../images/t_tel.png) left center no-repeat; padding-left:45px; color:#fff; margin-top:20px; line-height:28px;}
header .top-tel span{ font-size:30px; font-weight:bold;}

.tp_menu{ width:100%; line-height:60px; background:#0b75be; float:left;}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.tp_menu .nav { line-height: 65px }
.tp_menu .nav li { float: left; display: inline-block; list-style: none; font-size: 16px; text-align: center; position: relative; padding: 0 15px;}
.tp_menu .nav li a { width: 120px; display: block; text-align: center; position: relative; color: #fff; height: 60px; line-height: 60px; color:#fff; font-size:20px; font-weight:bold;}
.tp_menu .nav li.hover a, .top_main .nav li:hover a { color: #fff; background: #2e9ae5 }
.tp_menu .nav li .subnav { background: #fff; border-top: 2px solid #0b75be; box-shadow: 0 13px 42px 11px rgba(0,0,0,.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199 }
.tp_menu .nav li .subnav {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0) }
.tp_menu .nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) }
.tp_menu .nav li .subnav a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #666; display: block; font-size: 13px; font-weight: 500; line-height: 40px; height: 40px; padding: 0; transition: all .2s ease-in-out 0s; width: 100%; border-bottom: 1px solid #eee; background: #fff }
.tp_menu .nav li .subnav a:hover { color: #0b75be; background: #f9f9f9; text-indent: 10px }



.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;}



.fixedbignav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}