@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-family:Arial, Helvetica, sans-serif; margin:0; }
button { cursor: pointer; }
body { color: #333; line-height: 1.2;background: url(../images/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: 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;}

/*新闻产品图片的比例值*/
.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:1200px;}
.header{ width:1200px;  }
.header h2{ text-align:right; height:34px; font-weight: 100; line-height:32px;color:#fff;}
.header h2 > span{ float:left;}
.header h2 a{ margin:0 15px; color: #fff;}
.header img{ float:left;   }


.fxR{ float:right; background-color:#393D49;    }
.header h2 .fxR span{ padding: 0 25px 0 10px; }
.wxsm{ background:url(../images/wx1.png) center center no-repeat; position:relative; z-index:999;  margin: 0 5px;  }

.wxBImg{ position:absolute; left:-0px; top:24px;}
 
.wxBImg img{ width:100px; margin:2px;} 



.header h3{ float:right; margin-top:30px; font-weight: 100;    font-size:32px; color: #e30400; line-height: 27px;       }
.header h1{ float:left; width:100%; height:58px; margin-top:7px;	}
 
.header h1 a{ float:left; width:148px; text-align:center; font-weight:100; font-size:16px; height:40px; padding-top:8px; color:#fff;}
.header h1 span{ float:left; width:100%; font-size:12px;}
 /*头部导航示例2*/
.header .nav{ width:100%; margin-top: 1px; height: 50px; line-height: 50px;  float:left;   color:#fff;position:relative; z-index:1;}
.header .nav li{ width:150px; float:left;  text-align:center; color:#fff; position:relative; }
.header .nav li a{ font-size:16px; color:#fff;  display: block; } 

.nav .sub{ display:none; width:150px; left:0; top:48px;   position:absolute; z-index:999; background:#393D49;     }
.nav .sub li{ border-top:1px solid #393D49;}
.nav .sub li:hover{ background-color:#393D49;}
.nav .sub li a{ font-size:13px;line-height:32px;}
.header .nav .on,.header .nav li:hover{ background-color:#393D49; }

.selMore {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
        border-top-color: rgb(255, 255, 255);
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -3px;
    border-width: 6px;
    border-top-color: rgba(255,255,255,.7);}
.nav li:hover span,.wxsm:hover b{
    content: '';
    width: 0;
    height: 0; 
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: 3px; 
    border-width: 6px;
    margin-top: -9px;
border-style: dashed dashed solid;
border-color: transparent transparent #fff;
     
    }

/* 幻灯 */
.banner{ width:100%;  position:relative;  height:450px; display: inline-block;   }
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:450px; }
.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:42px; height:11px; margin:1px; 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:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px; }


.search{ border-bottom: 1px dashed #dedede; float: left; width: 100%;}
.search span{ float: left; font-weight: 100;}
.search h3{ width: 1200px; height: 52px; line-height: 52px; text-align: right;}
.keypress{ background: url(../images/ss_03.gif) no-repeat; width: 302px; height: 39px; border: none; padding-left: 10px;}
.inpys02{ background: url(../images/ss_04.jpg) no-repeat; width: 40px; height: 39px; border: none;}






.left{ width: 285px;}
.right{ width: 900px;}
 

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


.flink{   display: inline-block; width: 100%; border: 1px solid #dedede;    color: #848484;  }
.flink a{ color: #848484; font-size: 13px; margin: 10px 5px;line-height: 32px;height: 32px; float: left;}
.flink h5{ float: left; width: 100px; background-color: #DE2D27; color: #fff; text-align: center; height: 52px; line-height: 52px;}

 
.adbottom{ background: #ff9800; padding: 10px 0; color: #fff; font-size: 14px; line-height:20px; text-align: left; width: 100%; float:left; }
.adbottom i{ font-size: 80px;  float: left; margin: 25px 5px }
.adbottom li{padding: 10px}  
 
/**/ 
.footcontact,.footprodcut,.footabout{min-height: 150px; width: 26%; margin-right: 2%; float: left; color: #ccc; display: inline; border-right:1px solid #444; }
.tits{font:  normal 20px/35px "\5FAE\8F6F\96C5\9ED1";   }

.bigc{font-size: 26px; line-height:40px; color: #fff}
.footewm{  float: left;display: inline; text-align: center; line-height: 25px; width: 13%;color: #fff   }
.footewm img{ width: 90%}
.footabout li{ width: 47.5%; float:left; display: inline;padding-right: 2%; font-size: 14px; }  
.footer { width:100%; padding: 15px 0;    overflow:hidden;  float:left;background:#222 }
 
.footabout li a { color:#aaa; line-height:32px; }

.bottom{ height: 110px; padding-bottom: 65px; line-height: 48px; text-align: right; background-color: #000; color: #999; display: inline-block; width: 100%;}
 .bottom span{ float: left;}
.bottom h3{ width: 1200px; margin: 0 auto; font-weight: 100; font-size: 14px;}
.bottom h3 a{ color: #999;}

.bottomtel{ width: 100%; background: #d00; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "\5FAE\8F6F\96C5\9ED1";}
.bottomteltxt{ background: url(../images/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 1200px; margin: 5px auto; padding-left: 720px; }
.bottomteltxt strong{ font-size: 28px;  line-height: 50px; float: left; padding-right: 20px;}