@charset "utf-8";

 .dlList li{ float:left; width:228px; text-align:center; height:215px; border:1px solid #ccc; border-radius:5px; margin:15px 6px 0;   }
.dlList li img{  width:215px; height:161px;   padding: 15px 6px 12px; margin: 0 auto; display: block; overflow: hidden;
	-webkit-transition: all 1s;	-ms-transition: all 1s;  transition: all 1s;}
.dlList li h5{ padding:0 20px; background-color:#e30400; display:inline-block;   word-break:keep-all;line-height:42px; height:42px; text-align:center;   white-space:nowrap; overflow:hidden; border-radius: 3px;; font-size: 16px; text-overflow:ellipsis; width: 90%;}
.dlList li a{ font-size:14px; color:#fff;} 
.dlList li:hover{ border: 1px solid #e30400;}
.dlList li:hover img{ transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9);}


.Bg1{ background-color: #f7f7f7; border-top: 5px solid #DD514C; margin-top: 15px; display: inline-block; width: 100%;}
.inNav{ width: 100%; position: relative; text-align: center; float: left; margin-top: 15px;}

.inNav h3{  font-weight: 100; line-height: 28px;  background:#fff; width: 22%; z-index: 9; position: relative;}
.Bg1 .inNav h3{background-color: #F0F0F0; }
.inNav h3 b{ width: 100%; font-weight: 700; display: inline-block;} 
.inNav h3 b strong{ color: #DF001F;}
.inNav span{ line-height: 20px; color: #9b8574;width: 100%; text-transform: uppercase;  }
.inNav .bline{ width: 70%; left: 15%; height: 1px; overflow: hidden; background-color:#525252; position:absolute; bottom: 14px; z-index: 0;}
 
  
/*.cpList li{ float:left;  width:266px;    margin:10px 17px 0;}
.cpList li img{  height: 199px;  width: 266px; padding: 2px; border: 1px solid #dedede;  float: left;}*/
.cpList li { padding: 0 8px; margin-top: 20px; }
.cpList li a{display: inline-block;  border: 1px solid #ededed; width: 100%; overflow: hidden;/*box-shadow:0px 0px 5px #ddd;*/ padding: 5px;}
 
.cpList li h3{  line-height:42px; height:42px;    word-break:keep-all; white-space:nowrap; overflow:hidden; font-weight: 100; font-size: 16px; text-overflow:ellipsis;  float: left; width: 98%; padding: 0 1%;   } 
.cpList li:hover h3{color: #DF001F;}

.inNav1{ text-align:right; height: 45px; line-height: 45px;   border-bottom: 2px solid #e61c10; display: inline-block; width: 100%;}
.inNav1 span{ float: left; font-weight: 700;   }
.inNav1 b{ background-color: #e61c10; display: inline-block;  height: 38px; line-height: 38px; border-radius: 3px; margin-right: 5px; color: #fff; padding: 0 12px;}
.inNav1 a{ font-size: 13px; font-weight: 100; color: #f00;}


.cp01{height: 290px; width: 360px; float: left;}
.cp01 img{height: 290px; width: 360px;}
.cp02{height: 290px; width: 820px; float: right;}
.cp02 h3{ font-size: 18px; line-height: 28px;}
.cp02 p{ line-height: 22px; text-indent: 2em; color: #666;font-size: 14px;}
.cp02 li{margin-left: 20px;  margin-right: 20px; float: left; text-align: center; margin-top: :;px;  overflow: hidden;  width: 225px;}
.cp02 li img{ height: 160px;  width: 225px;}
.cp02 li h4{ line-height: 26px; font-size: 16px; color: #666;}
.cp02 li span{ color: #D9000B; font-weight: 700; font-size: 14px; }
 

.about{ width: 767px; border-right: 3px solid #ddd; padding:15px 22px; background-color: #fff;height: 495px; }

.about h3 {  float: left; width:770px; margin-bottom: 5px; height: 52px; line-height: 52px;}
.about h3 a{ color:#D9000B; font-size:30px;} 
.about p{ font-size:16px; color: #525252; line-height:28px; }
/**********公司简介下面的产品滚动****************/
.cflb{ float:left; width:720px;  position:relative; height: 175px; }

.cflb .prev,.cflb .next{width:32px;height:32px;position:absolute;top:75px;z-index:100; cursor:pointer; }
.cflb .prev{background:url(../images/ico_l01.jpg) no-repeat;left:-40px;}
.cflb .next{ background:url(../images/ico_r01.jpg) no-repeat;right:-40px;}
.cflb .scrollWrap{width:720px; padding-top:5px;overflow:hidden;position:absolute;}
.cfList li{ float:left; width:240px; position: relative;  }
.cfList li img{  width:240px; height:172px;}
.cfList li h5{width:240px;  word-break:keep-all;line-height:25px; background-color: rgba(0,0,0,0.7);  color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 14px; font-weight: 100;}
 

.inlink{ width: 430px; height: 495px; padding: 15px 30px; background-color: #fff; }
.inlink p{ float: left; width: 50%; text-align: center;}
.inlink p img{ width: 70%;}
.inlink span{ display: inline-block; font-size: 14px; line-height: 24px;}
.inlink ul{ padding-top: 20px; display: inline-block;}
.inlink li{ font-size: 15px; line-height:32px;}
.inlink li img{ float: left; margin-right: 5px; margin-top: 9px;}
.inlink li b{ color: #FF0000;}

.inlink h2{ float:left; width:100%; }
.inlink h2 a{ padding-top:72px; float:left; width:80px; margin:15px 0 0 10px; background-size:68px; font-size:15px; font-weight: 100;  }
.cpIcon1{ background:url(../images/picon4.png) no-repeat; }
.cpIcon2{ background:url(../images/picon1.png) no-repeat;  }
.cpIcon3{ background:url(../images/picon2.png) no-repeat;  }
.cpIcon4{ background:url(../images/picon3.png) no-repeat;  } 

.inlink h2 a:hover.cpIcon1{ background:url(../images/icon4.png) no-repeat;background-size:68px; }
.inlink h2 a:hover.cpIcon2{ background:url(../images/icon1.png) no-repeat; background-size:68px;}
.inlink h2 a:hover.cpIcon3{ background:url(../images/icon2.png) no-repeat;background-size:68px; }
.inlink h2 a:hover.cpIcon4{ background:url(../images/icon3.png) no-repeat; background-size:68px;}

.xwlist{ margin-top: 50px; padding:10px 5px;}
.xwlist h3{ text-align: right; position: relative; float: left; width: 100%; height: 45px; line-height: 45px;background-color: #fff;padding: 0 18px;}
.xwlist h3 span{ float: left; margin-left: 18px; padding-top: 20px; position: absolute; left: 0;background-color: #E30400; color: #fff; width: 130px; height: 80px; text-align: center; margin-top: -40px; line-height: 22px;}
 
.xwlist h3 span i{ font-style: normal; font-weight: 100;}
.xwlist h3 a{ border: 1px solid #dedede; font-weight: 100;  padding: 5px 10px; color: #848484;}
.xwlist ul,.xwlist dl{background-color: #fff; width: 100%; display:inline-block; padding: 0 18px 10px; height: 410px;}
.xwlist li{ height: 45px; line-height: 45px; border-bottom: 1px dotted #ccc; font-size: 15px; background: url(../images/list01.jpg) left center no-repeat; float: left; width: 100%; padding-left: 15px; white-space:nowrap;text-overflow:ellipsis;   overflow:hidden;}
.xwlist .li_top{ height: auto; background: no-repeat; line-height:normal;padding: 10px 0; }
.xwlist .li_top img{ width:40%; float: left; margin-right: 15px;}
.xwlist .li_top h4{ float: left; width: 55%; height: 32px; line-height: 32px;  white-space:nowrap;text-overflow:ellipsis;   overflow:hidden;}
.xwlist .li_top p{ font-size: 13px; line-height: 22px; color: #848484;white-space:normal; }

.xwlist dl{ padding: 0 18px;}
.xwlist dt{ height: 25px; line-height: 25px;  margin: 7px 0; font-weight: 700;font-size: 13px}
.xwlist dt span,.xwlist dd span{ width: 25px; background-color: #E30400; color: #fff; margin-right: 8px; float: left; text-align: center;font-size: 13px; font-weight: 100;}
.xwlist dd{ height: 50px; line-height: 25px; overflow: hidden;font-size: 15px; margin-bottom: 15px;}
.xwlist dd span{ background-color: #efb913; margin-top: 3px;   }
.xwlist dd p{ float: left; width: 320px; font-size: 14px;}

.sInav{ height: 48px; line-height: 48px; border-bottom: 1px solid #dedede; font-weight: 100; padding:0 5px;   }
.sInav i{ color: #E30400; margin-right: 5px;}

.cpflNav{  text-align: center;margin: 15px 0 0; background-color: #DD514C; padding: 12px 0;}
.cpflNav a{ padding: 0 15px; font-size: 18px; display: inline-block; height:38px; line-height: 36px; font-weight: 100; color: #E30400;  background-color: #fff; text-align: center; margin: 0 15px;}
.cpflNav .selOn,.cpflNav a:hover{ background-color: #ff0; color: #DD514C;  font-weight: 700;}
.fixNav{ position: fixed; top: -15px; width: 100%; left: 0; z-index: 999;}

.cpList2 li a:hover { z-index: 9;  margin-top: -5px;	box-shadow: 0 0 10px #D5D5D5;}
.cpList2 li h2{ font-size: 15px; font-weight: 100;  line-height: 24px; margin-bottom: 5px; color: #E30400; padding: 0 1%; }

/***产品详细里面***/ 
.cpflash{ position:relative;  overflow:hidden;    zoom:1; width:725px; }
.cpflash .hd{ width:150px; float:left;  overflow:hidden; }
.cpflash .hd ul{  overflow:hidden; zoom:1; 	 }
.cpflash .hd ul li{   float:left; margin-top:2px;  text-align:center;padding-left:12px;  }
.cpflash .hd ul li img{ width:135px; height:101px;  border:2px solid #ddd; cursor:pointer;   }
.cpflash .hd ul li.on{ padding-left:12px;  }
.cpflash .hd ul li.on img{   border: 2px solid #F8AF00; }
.cpflash .bd{ float:left; width:560px;height:420px;  }
.cpflash .bd li{ vertical-align:middle; }
.cpflash .bd img{ width:560px; height:420px; display:block; }


.cpxxR{ width:470px; height: 420px; position: relative;}
.cpxxR h3{ color: #CF0505; height:68px; line-height: 62px; white-space:nowrap;text-overflow:ellipsis;   overflow:hidden;}
.cpxxR h5{ line-height: 28px; font-weight: 100; padding: 8px 8px; background-color: #f0f0f0; color: #888;}
.cpxxR h2 a,.cpxxR h2 span{ background-color: #CF0505; border-radius: 8px; color: #fff; font-size:28px; line-height: 44px; height: 60px; float: left; padding:8px 28px; margin: 20px 0 0 30px; font-weight: 100; }
.cpxxR h2 img{ margin-right: 5px; float: left; }
.cpxxR h2 a{ background-color: #F8AF00;}

.cpxxR p{  padding: 8px;  background-color: #f6f6f6;   line-height: 28px;}
.cpxxR p span{ display:inline-block; width: 88px;  margin: 0 3px; }
.cpxxR p span img{ margin-right: 3px; float: left;} 
.fw span{ float: left; width: 25%; background-color: #f7f7f7; margin-top: 10px; padding:12px 0; text-align: center;}
 
/*产品推荐样式*/

.sLNav{ background-color: #E30400; height: 42px; line-height: 42px; padding: 0 10px; font-weight: 100; color: #fff;}
.xgtj { float:left; width: 100%; background-color: #f7f7f7;  }
.xgtj li{ padding: 5px; margin-top: 10px;text-align: center;}
.xgtj li a{box-shadow: 0px 0px 3px #ccc; padding:1px; display:inline-block;}
.xgtj li img{ width: 100%;}
.xgtj li h3{ height: 42px; font-weight: 100; background-color: #fff;  line-height: 40px; }

.caption{height:50px;background-color: #f7f7f7;oerflow:hidden; margin-bottom: 25px;}
.caption a{ padding: 0 35px;  float:left; font-size:16px; font-weight: 100; height:50px; line-height:50px; text-align:center;  color:#333; display:block}
.caption a span{border-right:#dadada 1px solid;font-style:normal;float:right;height:20px;margin-top:15px;display:block}
.caption a:hover{ text-decoration:none;}
.caption .active a{border-top:#DD0600 2px solid; color: #DD0600; background:white;border-right:#eee 1px solid;font-weight:bold}
.fixedTop {  position: fixed;   top: 60px;   width: 920px;    }
    
.cpbox {padding:0px 20px 20px 20px; font-size:15px; line-height:30px; clear: both;}
.cpbox img{ max-width: 100%;}
.title-name{  margin:0 20px 20px; text-align: center;   height: 32px; line-height: 30px; clear: both; }
.title-name h4{ color: #242424;  font-size: 18px; font-weight: 100; background-color: #E61C10; padding: 5px 25px; border-radius:20px; display: inline-block; color: #fff;  }

.lNav{ background: url(../images/cpNavBg.gif) no-repeat; height: 195px; padding: 70px 40px 0; color: #fff; text-align: center; font-size: 45px; line-height: 35px;}
.lNav span{ font-size: 20px; display: inline-block; width: 100%; text-transform: uppercase; font-weight: 100;}
.lNav b{ font-size: 18px; font-weight: 100; float: right;}


.cpfl li{ float: left; width: 240px; height: 48px; padding:0 25px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #ccc; margin: 0 10px;}
.cpfl li:hover,.liOn{ background-color: #F8AF00; color: #fff;  }
.cpfl li:hover a,.liOn a{ color: #fff;}

/*新闻中心样式*/
.l_mt{ margin-top: -68px; z-index: 9999; position: relative;}
.slxwm ul{ background: url(../images/lxIcon.jpg) left center no-repeat; padding-left: 15px;}

.sNav{ height: 47px; line-height: 47px; background-color: #E30400; width: 100%; padding: 0 15px; margin-top: 15px; color: #fff; font-size: 18px; float: left;}

.slxwm{ background: url(../images/lxIcon.jpg) #f7f7f7 10px 25px no-repeat; padding: 15px 0 10px 15px; float: left; width: 100%;}
.slxwm li{  line-height: 28px; font-size: 14px; margin-bottom: 8px;}
.slxwm li img{ width: 150px;}
.slxwm li b{ color: #E30400;}
.slxwm li span{ display: inline-block; width: 100%;}
.right{ float: right; width: 925px;}
.srNav{ height: 45px; line-height: 45px; margin-top: 15px; padding: 0 15px; text-align: right; font-size: 14px; font-weight: 100; background-color: #f1f1f1;}

.srNav span{  font-size: 18px; color: #E30400; float: left;  }


.tjNew{  padding:15px 10px 0;}
.tjNew li{ float:left; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:210px; height:158px; margin-right:20px;}
.tjNew li h3{ height:40px; line-height:40px;  font-size: 12px; color: #666;  font-weight:100; text-align: right;}
.tjNew li h3 a{ float: left; color: #E30400;font-size:18px;}
.tjNew li h3 a:hover{ color: #11a2b8;}
.tjNew li p{ line-height:24px; color:#777; font-size:14px;}


 
.tjList{ background-color:#f5f5f5; padding:5px 10px; background:url(../images/numImg.gif) 8px 13px no-repeat; display: inline-block; width: 100%;}
.tjList li{ width:100%; height:30px; line-height:30px;   padding-left:27px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.title{ height:52px; line-height: 52px;  padding-top: 10px; font-size: 24px; text-align: center; color: #E30400;}
.time{ font-size: :;px; height:45px; line-height: 40px; color: #666; border-bottom: 2px solid #dedede;  text-align: center; font-weight: 100;  padding-bottom: 5px;}
.article{ padding: 10px 15px; line-height: 200%; font-size: 15px;}

.fy ul{ border-top: 1px solid #dedede; float: left; width: 100%; line-height: 30px;}
.fy ul li{ font-size: 15px; width: 50%; float: left;}
.fy ul li a{ color: #646464;}
 
 /***************在线留言*******************/

.MesList{float:left; width:100%; padding:10px 50px;   margin-bottom:10px;}
.MesList h3{ text-align:right; height:42px; color:#fff; font-size:12px; padding:0 10px; line-height:42px; margin-bottom:10px; background-color:#fbc114;}
.MesList h3 b{color:#f00;}
.MesList h3 span{ float:left; color:#fff; font-size:14px; font-weight:700;}

.MesList ul{float:left; width:100%; margin:15px 0 0; padding:0;}
.MesList li{ float:left; width:100%; line-height:24px; margin-bottom:10px; color:#666;font-size:14px;}
.MesList li span{ float:left; width:220px;  text-align:right;}
.MesList li b{ color:#f00; }
.mesCon02{ height:90px; line-height:20px; width:470px; max-width:80%; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.yzmTxt{ height:20px; line-height:20px; margin-right:5px; width:120px; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.MesList li img{ float:left; margin:0 5px; display:inline;}
.MesTxt02{ height:22px; line-height:22px; margin-right:5px; width:285px; max-width:50%; border:1px solid #ccc; }
.MesBt{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#DF001F; border-radius:3px; text-align:center; color:#fff; font-weight:700; }
.MesBt1{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#bfbfbf; border-radius:3px;  text-align:center; color:#fff; font-weight:700;}

 
.wmap{ padding:0 20px 20px; border:1px solid #d9d9d9; clear: both; margin-top: 15px; display: inline-block;}
.wmap h1{ padding:15px 10px; font-size:16px; margin:0;}
.wmap div{ border:1px solid #dfdfdf; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:26px;}
.wmap div a{ display:inline-block; width:33%; font-size:14px;}

#floatDivBoxs {
    width: 170px;
    background: #fff;
    position: fixed;
    top: 25%;
    right: 0px;
    z-index: 999;
}
#floatDivBoxs .floatDtt {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #f08326;
    color: #fff;
    font-size: 18px;
    text-indent: 22px;
    position: relative;
}
#floatDivBoxs .floatDqq {
    padding: 0 14px;
}
#floatDivBoxs .floatDqq li {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center
}
#floatDivBoxs .floatDqq li img {
    float: left;
    margin-top: 7px;
}
#floatDivBoxs .floatDtxt {
    font-size: 18px;
    color: #333;
    padding: 12px 14px;
}
#floatDivBoxs .floatDtel {
    padding: 0 0 15px 10px;
}
#floatDivBoxs .floatDtel li {
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #FF8C00;
    border-bottom: 1px solid #e3e3e3;

}
#floatDivBoxs .floatImg {
    text-align: center;
    padding: 10px;
    background: #EBEBEB;
}
#floatDivBoxs .floatImg img {
    margin-bottom: 5px;
}
#floatDivBoxs .floatDtel img {
    display: block;
}
#floatDivBoxs .floatDbg {
    width: 100%;
    height: 1px;
    /*background: url(../../images/online_botbg.jpg) no-repeat;*/
    /*box-shadow: -1px 0 1px rgba(0, 0, 0, 0.25);*/
}
.floatShadow {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#rightArrow {
    width: 50px;
    height: 45px;
    background: url(../images/online_arrow.jpg) no-repeat;
    position: fixed;
    top: 25%;
    right: 170px;
    z-index: 999;
}
#rightArrow a {
    display: block;
    height: 45px;
}