@charset "utf-8";
/*.banner{ position:relative;   }
.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{ width:100%; position:relative;  height:420px; overflow:hidden;   }
	.banner .bd{ position:relative; z-index:0;  }
	.banner .bd ul{ width:100% !important; }
	.banner .bd li{ width:100% !important;  height:420px; background-size:cover; background-position:center center; } 
	.banner .bd li a{ position:absolute; width:100%; height:420px; display:block; z-index:1;   } 
	.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; 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: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:-27% 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 }*/
/*搜索*/
 @media (max-width:1200px){
.banner{ height:120px;}
.banner .bd li{height:120px;}
.banner .hd{ height:20px; line-height:20px;}
.banner .hd ul{ padding:0;}
	 }
.search{border-bottom: 1px solid #e6e6e6;  line-height:54px; box-shadow:0 0 10px 0 #e6e6e6; -webkit-box-shadow:0 0 10px 0 #e6e6e6;  -moz-box-shadow:0 0 10px 0 #e6e6e6;}
.dpImg{ float:left; width:100%; height: 58px; }

.search h5{ text-align:right;float:left; width:100%; }
.search h5 span{ float:left;}
.search h5 span a{ color:#007dd2;}
.STxt{ height:32px; line-height:32px; width:270px; border:1px solid #ccc;}
.sBt{ background-color:#0078ca; width:68px; height:34px; line-height:34px; text-align:center; color:#fff; border:none;}

.inNav{ text-align: center; padding: 10px 0; font-weight:100;  font-size: 24px; color: #f3981c; background: url(../images/icon01.gif) bottom center no-repeat; padding-bottom: 15px;}
.inNav b{ color: #2588cc;}
.cpjs{ line-height: 20px; color: #878787; font-weight: 100; text-align: center; width: 70%; padding: 10px 0;}
 /*******热销产品*********/

.inLeft{ float: left; width: 240px;}
.inLeft h3{ height: 52px; line-height: 20px; padding-top: 15px; font-weight: 100; font-size: 18px; color: #fff; background-color: #2588cc; text-align: center;}
.inLeft h3 b{ display:inherit; font-size: 12px;}
.inLeft ul{ background-color: #fff;}
.inLeft li{height: 60px; line-height: 60px; border-bottom: 1px solid #d7d7d7; text-align: center; font-size: 18px;}
.inLeft li a{ width: 100%; display: block;}
.inLeft li a:hover{ background: url(../images/icon02.gif) 80% center no-repeat; text-decoration:none;  }

/*产品列表板块*/
.inTitle{ background: url(../images/inNavBg.gif) top center no-repeat; height: 45px; float: left; width: 100%; line-height: 45px; text-align: center; color: #fff; font-size: 18px;  }

.cp{ overflow: hidden; float: left;width: 100%; position: relative; margin-top:15px;}
.cp_Nav { margin-left:58px;height:70px; }
.cp_Nav li{ float:left;   text-align:center;  }
.cp_Nav li a{border-right:1px solid #fff; color:#fff;width:180px; font-size:18px;float:left; height:45px; line-height:45px; text-align:center; background-color:#0078ca;}
.cp_Nav li:hover,.cp_Nav .on{  background:url(../images/icoBg02.gif) bottom center no-repeat; padding-bottom:15px;}
.cp_Nav li a:hover{background-color:#f9a500; text-decoration:none;}
.cp_Nav .on a{background-color:#f9a500;}
.cp_Nav li:hover a{background-color:#f9a500;}

/*.cpList ul{ height:580px;}*/
.cpList li{  width:255px; background-color:#fff;/* height:255px;*/ padding:12px;  margin:5px 9px 10px; display:inline-block;}
.cpList li img{ width:255px; height:191px;}
.cpList li h3{ font-size:16px; height:28px; line-height:28px;  font-weight:400;  word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cpList li h5{ height:25px; line-height:25px;}
.cpList li h5 a{ color:#c01920;}
.inBan{ float: left; width: 100%; height: 157px; background: url(../images/inBanImg.jpg) top center no-repeat;}


 @media (max-width:1200px){
 .inTitle{ background: #2588cc;}/*
 .cpList ul{ height: auto;}*/
 .cp_Nav { margin: 0; height: 32px; overflow: hidden;}
 .cp_Nav li { width:16.66% ; }
 .cpList li h3{ font-size: 12px; height:44px; line-height:22px; white-space: normal; word-break: break-all;}
 .cpList li h5{ font-size:12px;}
 .cp_Nav li a{ font-size: 12px; width: 100%; border: none; height:32px; line-height: 32px;}
 .cp_Nav li:hover,.cp_Nav .on{ background: none; padding-bottom: 0;}
 .cpList li{ width: 46%; padding: 0;  margin: 5px 1.5%;}
 .cpList li img{ width: 100%; height: 120px;}
 }
/*关于我们*/
.comBg{ background: url(../images/comBg.jpg) center center no-repeat; padding: 20px 0;}
.flash{ float: left; width: 470px; height: 320px;  }
.company{ float: left; width: 680px; margin:15px 20px 0 20px; line-height: 28px; font-size: 16px; }
.company a{ color: #e32235;}
 @media (max-width:1200px){
 .comBg{ background:none;}
 .flash{ display: none;}
 .company{ width: 96%; padding: 0 2%; margin: 15px 0 0; font-size: 14px; line-height: 22px;}
 }
/****新闻版块******/
.newTit{ height: 45px; line-height: 45px; text-align: right; background-color: #f3f3f3; border-bottom: 1px solid #e7e7e7;;}
.newTit span{ float: left; background: url(../images/xwIcon.gif) #2588cc 5px center no-repeat; width: 120px; text-align: center; color: #fff; font-size: 16px; font-weight: 100;}
.newTit a{ color: #666;font-weight: 100; font-size: 12px; margin-right: 5px;}
.xwList{ float:left; width:470px;   background-color: #fff;  margin-right: 15px; height: 515px;}
.xwList dl{ float:left; width:100%; padding: 0 10px;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.xwList dt span{ background-color:#e32235; font-size: 14px; color:#fff; padding:2px 5px; margin-right:5px;}
.xwList dt{ height:38px; line-height:38px; font-size:18px; word-break:keep-all;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xwList dd{ color:#787878; text-indent: 2em; font-size: 14px; line-height:24px; height:72px; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.xwList dd a{ color:#ca0003;}
.xwlb{   float:left; padding: 0 10px;width:100%;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.xwlb li{ float:left; width:100%; background: url(../images/icon03.gif) right center no-repeat; height:35px; line-height:35px; color:#787878;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.xwlb li a{  font-size:15px;  }
.xwlb li span{ color: #666; font-size: 12px;}

.hyList{float:left; width:710px; background-color: #fff;height: 515px;}
.new_hy{ float:left; width:100%; padding: 0 10px; -moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.new_hy .li01{ float:left; width:100%; padding:0 0 15px; margin:15px 0 5px; border-bottom:1px dashed #727272;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;  }
.new_hy .li01 img{ float:left; width:240px; height:180px; margin-right:12px;}
.new_hy .li01 h3{ height:32px;  line-height:32px; font-size:18px;  font-weight:100;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_hy .li01 span{ background:url(../images/icons2.png) left center no-repeat; line-height:25px; color:#727272; padding-left:20px;}
.new_hy .li01 p{ text-indent:2em; line-height:24px; color:#727272; font-size:14px;}
.new_hy .li02 { float: left; width: 100%; height: 30px; color: #878787; font-size: 14px; line-height: 30px; text-align: right; padding-left: 15px;   background: url(../images/Icon04.gif) left center no-repeat;-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.new_hy .li02 a{ font-size: 15px; float: left;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:80%; text-align:left;}
 @media (max-width:1200px){
 .xwList,.hyList{ width: 100%;}
 .xwlb li a,.new_hy .li02 a{  font-size:12px; }
 
 .new_hy .li01 img{ width: 140px; height: 105px;}
 .new_hy .li01 h3{ font-size:14px;}
 .new_hy .li01 p{ line-height:20px; font-size:12px;}
 .new_hy .li02 a,.xwlb li a{ width:70%;}
 }
/**********客户案例****************/
.khal{ float:left; width:100%;  padding-bottom:15px;position:relative; height:364px;}

.khal .prev,.khal .next{width:25px;height:80px;position:absolute;top:145px;left:0;z-index:100; cursor:pointer; background:url(../images/Bt.gif) no-repeat;}
.khal .next{ left:auto; right:0; background-position:0 -90px;}
.khal .prev:hover{ background-position:-25px 0; }
.khal .next:hover{ background-position:-25px -90px; }
.khal .scrollWrap{width:1150px;margin-left:25px;padding-top:15px;overflow:hidden;position:absolute;}
.khal li{ float:left; width:246px; padding:5px 6px; height:364px; background:url(../images/alBg.jpg) top center no-repeat;  margin:0 10px 0 12px;  }
.khal li:hover{ background:url(../images/alBg1.jpg) top center no-repeat; }
.khal li img{  width:245px; height:184px;}
.khal li div{ background-color:#eee; height:157px; padding:5px 10px;}
.khal li div p{ font-size:12px; line-height:22px; color:#787878;}
.khal li h5{width:225px;  word-break:keep-all;line-height:28px; height:28px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.khal li:hover div{ background-color:#cdebff;}
.khal li a:hover{ color:#2588cc; text-decoration:none;}
.khal li .ckBt:hover{ color:#fff;}
.alBt{ background-color:#f9a500; color:#fff; font-size:16px; text-align:center; width:120px; height:28px; line-height:28px; margin:7px 0 0 50px; display:inline-block;}

.hzList h5{ float:left; margin:25px 0; width:220px; padding-left:20px; background:url(../images/ftLine.jpg) right center no-repeat; }
.hzList h5 img{ float:left;}
.hzList h5 span{ float:left; margin:6px 0 0 10px; text-align:center; line-height:22px;}
 @media (max-width:1200px){
 .khal .scrollWrap{ width: 70%; margin: 0 15%;}	
.hzList{ display: none;}
 }
.inBg3{ background:url(../images/Bg04.jpg) #2e2e2e repeat-x; float:left; width:100%; margin-top:25px; padding:25px 0 5px;}
.links{ font-weight:100; height:65px; overflow:hidden; line-height:50px;}
.links span{ float:left; line-height:20px; padding-top:10px; margin-right:10px; width:125px; height:50px; background-color:#007dd2; color:#fff; text-align:center;}
.links b{ float:left; width:100%; text-align:center;}
.links a{ margin:0 5px;}