@charset "utf-8";

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0 auto; padding: 0; }

img { border: 0 none;  }

ul, li { list-style-type: none; }

body, input, select, button, textarea { font-size: 12px; font:   "microsoft yahei",Arial,sans-serif; margin:0; }

button { cursor: pointer; }

body { color: #333; line-height: 1.2;background: url(../images/t_bg.gif) left top repeat-x;  }

a {color:#333;}

a, a:link { text-decoration: none; }

a:active, a:hover {    color:#dd0600; }

.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-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: 100%;

  max-width: 1260px;

  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: 18%;  }

.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; */

  display: inline-block;



}

#cpNav{
  padding-left: 55px;
}



/*新闻产品图片的比例值*/

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

#wapper{ width:1480px;}  

.mar_t15{ margin-top: 15px;}

.mar_t10{ margin-top: 10px;}

.fl{ float: left;}

.fr{ float: right;}

header{ height: 90px;  }

header nav{ width: 1200px; margin: 0 auto; position: relative;}

header nav > img{ float: left; margin: 15px 0px 0 0;} 



.nav{ width:700px;  z-index:1; }

.nav > li{ width:1%; display: table-cell;   text-align: center; line-height: 90px;  }

.nav > li > a{  float: left; font-size: 20px; width: 100%; font-weight: 600; color: #323232;   } 

.nav > li:hover{ background-color: #145cb5; color: #fff;}

.nav > li:hover > a{color:#fff; text-decoration:none;}

.nav .sub{ display:none; width:1200px; margin: 0 auto;  left: 0;  padding: 15px 0; top:90px;    border-top: 3px solid #639ad6;   position:absolute; z-index:999; background:#fff;     } 

 .nav > li #wapper{ width: 1200px;}

/*.telIcon{ background: url(../images/telimg.gif) left center no-repeat; float: right; padding-left: 50px; font-size:28px; color: #fff; margin-top: 28px;}

 */

.sNav{float: left; width: 200px;}

.sNav li {float: left; width: 100px; margin: 5px 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;}

.sNav1 > li{width: 100%; padding:0 20%;}

.s_txt{border-left: 1px solid #ddd;   border-right: 1px solid #ddd;   float: left; width: 570px;     line-height: 27px;  padding:0 10px; 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; border-bottom: 1px solid #ddd; padding: 2px 8px;}



.srtp{ margin:0 25px; float: left; text-align: center; width: 370px; font-size: 16px; line-height: 25px;}

.srtp span{ display: inline-block; width: 100%; text-align: center;}

.In_cpfl li{ line-height: 68px;   padding:10px 15px 0; border-right: 1px solid #ddd; text-align: center; margin-bottom: 15px;}

 .In_cpfl li h3{ background-color: #E2E2E2; line-height: 38px; display: inline-block;  padding: 0 25px; border-radius:19px;}

 

 

.cptj{  background-color:#E2E2E2; padding: 10px 0; display: inline-block;  width: 100%; border-radius: 15px; height:188px;}

.cptj img{ width: 80%; }

.cptj h3{ height: 42px; line-height: 42px; text-align: center; font-size: 15px;}

.In_cpfl li:hover .cptj,.In_cpfl li:hover h3 { background-color: #027ec3; color: #fff;} 



.sNav1 li{ float: left; width: 33.33%; padding: 0 25px 20px; text-align: center; border-right: 1px solid #dedede;}

.sNav1 li span{ display: inline-block; text-align: center; width: 100%; height: 42px; line-height: 42px; font-weight: 700; color: #0D75BE; font-size: 16px;}



/* 幻灯 */

.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:-30px; height:30px; line-height:30px;  text-align:center; background:#000; filter:alpha(opacity=60);opacity:0.6 }

.banner .hd ul{ text-align:center;  padding-top:5px;  }

.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}

.banner .hd ul .on{ background-position:0 0; }

.banner .prev,.banner .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-15% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }

.banner .next{  background-position:right 0; float:right; margin-right:3%  }

.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=80);opacity:0.8 }







footer{ background-color: #7d7976; margin-top: 15px;  display: inline-block; width: 100%; border-top:5px solid #ddd; padding: 15px 0 50px;color: #fff;} 

footer ul li{ float: left; border-right: 1px solid #fff; margin-top: 15px; height: 170px; margin-bottom: 15px;  }

.fli1{ width: 360px;}

.fli2{ width: 320px; padding-left: 35px;}

.fli3{ width: 270px; padding-left: 35px;}

footer ul li h3{ height: 52px; line-height: 52px; font-size: 18px; padding-left: 25px;color: #fff;}

footer ul li p{ height: 26px; line-height: 26px; font-size: 14px;}

footer ul li h5 a{ float: left; width: 50%; height: 32px; line-height: 32px; color: #fff;}

footer ul li h5 a:hover{ color: #e80000;}

footer .wxImg{ width: 150px; margin: 15px 0 0 40px;} 

footer ul .fli1 h3{ background: url(../images/ficon04.gif) left center no-repeat;}



footer ul .fli2 h3{ background: url(../images/ficon01.gif) left center no-repeat;}

footer ul .fli3 h3{ background: url(../images/ficon02.gif) left center no-repeat;}



.flink { float: left; width: 100%;}

.flink h3{ background: url(../images/ficon03.gif) left center no-repeat;height: 52px; line-height: 52px; font-size: 18px; padding-left: 25px;}

.flink p a{ color: #fff; font-size: 14px;}



.bottom{ background-color: #c60e0e; position: fixed; bottom: 0; color: #fff; height: 52px;  float: left; width: 100%;}

.bottom h3{font-size: 18px; font-weight: 100; line-height: 52px;}









.left{ width: 258px;}

.right{ width: 910px;}



.sbaner{ height:500px; }



.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }

.npage a{ margin:0 5px; border:1px solid #DF001F; padding:5px 8px;}

.npage a:hover{ background-color:#DF001F; color:#fff;}

 

 /*footer{ background-color:#333; padding: 25px 0; display: inline-block; width: 100%;}

.flink{  width: 360px; }



footer h3{ color: #fff; height: 45px; line-height: 45px;}

.flink p a{ float: left; width: 30%; color: #666; line-height: 26px;}



.fmid { width: 90px; margin-right: 50px;}

.fmid p{ font-size: 15px; line-height: 32px; padding-bottom: 5px; font-weight: 700; color: #fff; border-bottom:0.5px #46befe dashed;}

.fmid p a{ color: #fff;}

.fmid2{ width: 350px;}



.fright{ width: 200px;}

.fright img{ width: 80%;}*/