body{margin:0;  font:12px Arial,microsoft yahei; word-break: break-all; word-wrap:break-word;  }
*{ padding:0; margin:0}
ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,table,tr,td,dt,dl,dd,span,input{padding:0; margin:0; list-style:none;}
a,a img{text-decoration:none;  border:0; margin:0; padding:0; color:#616061}
a:focus{outline:none;}
td{word-break: break-all; word-wrap:break-word;  }
/*h3{font-family:"微软雅黑"; font-weight:normal; font-size:14px;}*/
.clear{clear:both;}
.dn{ display:none}
.pr{ position:relative}
.fl{ float:left}
.fr{ float:right}
 
/*.boximg {  display:table;vertical-align:middle; text-align:center;width:100%;height:100%; *position:relative;*overflow:hidden; }
.boximg img { *position:relative;*left:-50%;*top:-50%;  } 
.boximg span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;} 
*/

.linebg{ width:100%; height:4px; background:url(../images/linebg.png);}

.w1200,.main_c{ width:1200px; margin:0 auto; }

.top{ width:100%; background:#222222; color:#fff; font:normal 12px/30px 宋体, Vendana, Arial;}
.top a{ color:#fff;}
.top span{ font:bold 14px/30px 微软雅黑, 宋体, Arial, Vendana; color:#fffc00;margin-left: 10px;}
.top img{ margin-left:30px;}
 
 /*头部*/
.header{ height:100px;}
.header1{background:url(../images/tm.png) repeat;width:100%;height:100px;}
.logo1{ height:100px;display:table-cell;   text-align:center;vertical-align:middle;  }
.logo1 img{ max-height:90px; vertical-align:middle; max-width:300px}
  
  /*导航*/
.nav{color:#333; margin-left:130px; font-size:16px; height:100px;}
.nav ul{}
.nav ul li{float:left; width:123px; text-align:center;}
.nav ul li a{ display:block;  color:#333; margin:0 5px; height:100px; line-height:100px;}
.nav ul li a:hover,.nav ul li a.hover{ color:#fff;background:#46afff;}
.nav ul li.clear{ clear:both; height:0; width:0}


/*电话*/
.tel{width:130px; font-size:16px; text-align:right; margin-top:26px;}
.tel span{ font-size:12px; color:#333333; display:block;background:url(../images/tel.png) no-repeat 66px; margin-bottom:10px;}

.search{ margin-top:40px; width:23px;}

/*轮播*/
#flashs{ position:relative; height:520px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:9999; bottom:15px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ color:#fff;text-indent: -99999em;  background:url(../images/banner_btn01.png) no-repeat center;  cursor: pointer;display: inline-block;margin:0 5px;width:14px;height:14px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:url(../images/banner_btn02.png) no-repeat center;text-indent: -99999em;}

.index_main{ width:100%; padding-bottom:70px; margin-bottom:53px; border-bottom:1px solid #CCCCCC;}

.pro{ width:1200px; margin:0 auto;}
.pro .title{ padding:65px 0 20px 0;}
.pro .title h4{ float:left; font-size:18px; color:#46afff;}
.pro .title a{ float:right; color:#46afff; font-size:12px; font-weight:bold;}
.pro dl{width:298px;}
.pro dl.fl{ border-left:1px solid #ccc;}
.pro dt{text-align:center; width:250px; margin:0 auto; overflow:hidden;}
.pro dt img{transition: all 0.6s; width:250px; height:250px;}
.pro dt a:hover img{transform: scale(1.05); /* 放大1.05倍 */}
.pro dd{ line-height:20px;}
.pro dd h3{ display:block; width:100%; margin:0 auto; text-align:center; font-size:18px; font-weight:normal; line-height:50px; color:#333333;}
.pro dd p{ width:86%; height:80px; margin:0 auto; color:#666666; font-size:12px; overflow:hidden;}

/*广告*/
.ad img{ max-width:940px; max-height:168px}
  
/*标题*/
.bt1{font:bold 14px/60px microsoft yahei; color:#fff; text-indent:25px; border-bottom:#0265a9 1px solid}
.bt1 a{ color:#fff}

.bt{ border-bottom:#dadada 1px solid; padding:0 0 15px 0; margin:40px 0 0 0; position:relative}
.bt h3{font:bold 18px/27px microsoft yahei; color:#026fb1; }
.bt h4{font:18px/27px Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase}
 
.bt .more{ background:#e1e1e1; font:12px/23px Arial, Helvetica, sans-serif; padding:0 10px; text-transform:uppercase; position:absolute; right:0; bottom:20px}

.bg1{ background:#e9e9e9}


/*产品分类*/
.inav{ width:237px; background:#026fb1; height:453px; overflow:hidden }
.inav ul{ text-align:center; font:14px/40px simsun; color:#fff; padding:30px 0}
.inav ul a{ color:#fff}
 
/*产品推荐*/
.ipro .recopro-ul {}
.ipro .recopro-ul li{float:left; overflow:hidden; position:relative;width:170px; height:300px;overflow:hidden; text-align:center; border-bottom:1px solid #CCCCCC; display:block; margin:0 0 0 30px;}
.ipro .recopro-ul li a{ display:block;width:167px; height:300px;  } 
.ipro .recopro-ul li .boximg img{width:167px; height:226px; border:1px solid #CCCCCC;}
.ipro .recopro-ul li .boxtxt{font-size:14px; color:#333333; line-height:65px;}
.ipro .recopro-ul li:hover{border-bottom:1px solid #46afff; color:#333333;}
.ipro .recopro-ul li:hover img{border:1px solid #46afff;}
.ipro .recopro-ul li:hover .boxtxt{color:#46afff}

.tempWrap{  }
.p_scroll1{ position:relative;  }
.p_scroll1 .prev,.p_scroll1 .next{ width:14px; height:31px; position:absolute; top:150px; cursor:pointer; z-index:99999 }
.p_scroll1 .prev{ background:url(../images/l.png) no-repeat center center ; left:0}
.p_scroll1 .prev:hover{background:url(../images/l.png) no-repeat center center  ;}
.p_scroll1 .next{ background:url(../images/r.png) no-repeat  center center  ; right:0}
.p_scroll1 .next:hover{background:url(../images/r.png) no-repeat center center;}
 

/*最新产品*/
.ipro .newpro-ul {   }
.ipro .newpro-ul li{   float:left;    margin:45px 0 45px 35px ;   }
.ipro .newpro-ul li span{width:273px; height:350px;    margin:45px 0 45px 35px ; background:#e1e1e1; display:block; padding:13px 0 0 0 }
.ipro .newpro-ul li a{ display:block; width:273px; height:350px;  } 
.ipro .newpro-ul li .boximg{ width:245px; height:245px; background:#fff;margin:0 0 0 13px}
.ipro .newpro-ul li .boximg img{ }
.ipro .newpro-ul li .boxtxt{ font:14px/30px simsun; padding:13px 0 13px 13px; color:#4c4c4c }
.ipro .newpro-ul li .boxtxt h3{ font:bold 14px/30px simsun;  color:#333 }
.ipro .newpro-ul li:hover span{ background:#bc0000; }
.ipro .newpro-ul li:hover .boxtxt,.ipro .newpro-ul li:hover .boxtxt h3{ color:#fff}

.pr01,.pr02,.pr03,.pr04,.pr05,.pr06{float:left;line-height:141px; width:141px; height:141px; text-align:center; font-size:18px; color:#333333; background-color:#eeeeee; cursor:pointer;}
.pr01:hover,.pr02:hover,.pr03:hover,.pr04:hover,.pr05:hover,.pr06:hover{background-color:#ccc;}
.pr01,.pr02,.pr04,.pr05{margin-right:15px;}
.ge1{position:absolute;background:url(../images/aright.png) no-repeat center center;width:10px; height:10px; margin-top:67px; margin-left:143px;}
.ge2{position:absolute;background:url(../images/aright.png) no-repeat center center;width:10px; height:10px; margin-top:67px; margin-left:299px;}
.ge3{clear:both;background:url(../images/adown.png) no-repeat 375px center; height:14px;}
.ge4{position:absolute;background:url(../images/aleft.png) no-repeat center center;width:10px; height:10px; margin-top:67px; margin-left:143px;}
.ge5{position:absolute;background:url(../images/aleft.png) no-repeat center center;width:10px; height:10px; margin-top:67px; margin-left:299px;}

/*新闻*/
.topnews-ul{margin-top:20px;}
.topnews-ul li{float:left;width:368px; height:118px; margin-bottom:17px; margin-right:26px; background-color:#f6f6f6; padding:7px; overflow:hidden;}
.topnews-ul li a{ color:#4c4c4c; display:block}
.topnews-ul .imgs{width:133px; height:120px;}
.topnews-ul .newinfo{width:235px; font-size:14px; color:#666666; line-height:20px; overflow:hidden;}
.topnews-ul li h3{font-size:14px; color:#333333; line-height:40px;}
.topnews-ul .date{margin-top:8px;}
.topnews-ul .date span{float:right;}
.topnews-ul li:hover{color:#fff; background-color:#d7d4d4;}
.topnews-ul li:hover .date a{ color:#fff}
.topnews-ul li:hover .newinfo h3{ color:#333}

.about{width:580px;}
.about_title{ font-size:18px; color:#46afff; font-weight:bold;}
.about_title a{ font-size:12px; color:#46afff; float:right; margin-top:5px;}
.about_line{ border-bottom:4px solid #46afff; height:24px; margin-bottom:35px; width:90px;}
.about_cont{ font-size:14px; line-height:30px; color:#333333;}

/*案例*/
.case { width:572px; height:400px}
.case .newpro-ul {text-align:center;}
.case .newpro-ul li{   float:left; overflow:hidden; position:relative;width:572px; height:400px; overflow:hidden;   }
.case .newpro-ul li a{ display:block; } 
.case .newpro-ul li .boximg{ width:572px; height:400px;}
.case .newpro-ul li .boximg img{width:572px; height:400px}
.case .newpro-ul li .boxtxt{ display:none}

.casepic{ width:572px; height:400px; position:relative;margin:0 0 0 0}
.casepic .num { overflow:hidden; height: 40px; position: absolute; right:6px; bottom: 7px; zoom:1; z-index:3; width:100%; text-align:right; background:url(../images/htm.png) repeat }
.casepic .num ul{ margin:0 10px 0 0}
.casepic .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: Arial; color: #666; background: #ffffff; margin:10px 2px 0 0;cursor:pointer; display:inline-table;*zoom:1;*display:inline; }
.casepic .num li.on { background: #46afff; color:#fff } 
.casepic .prev,
.casepic .next { display: none; }
.casepic .newpro-ul{}
.casepic .newpro-ul li{ }


.honor{width:634px;}
.liucheng{width:455px;}
 
/*关于我们*/

.iabout{ background:#026fb1; padding:50px 0; margin:100px 0 60px 0}
.iabout_l{ width:740px; position:relative; color:#fff; font:14px/28px simsun; padding:0 40px}
.iabout_l h3{ font:bold 24px/70px microsoft yahei; margin:0 0 20px 0}
.iabout_r  img{ max-width:261px; max-height:341px; border:#fff 8px solid}
.iabout_r{   margin: 0 35px 0 0;  text-align:center}
.z{ width:41px; height:41px; position:absolute; left:0; top:0; background:url(../images/z.gif) no-repeat left top}
.y{ width:41px; height:41px; position:absolute; right:0; bottom:0; background:url(../images/y.gif) no-repeat right bottom}
 

 /*底部*/
.footer{  color:#777; padding:20px 0 30px 0; background:#eeeeee;font:14px/30px microsoft yahei; margin:70px 0 0 0 }
.footer a{ color:#777}
.footer h3{ color:#554463;font:18px/40px microsoft yahei} 
.fblock{ margin:0 0 0 100px}
.fblock img{ max-width:270px}
.fcon{ background:url(../images/fcon.png) no-repeat left 10px; padding:0 0 0 30px}

.foot_m{width:1200px;}
.foot_m li{ float:left; width:295px;}
.foot_m li h3{ font-size:14px; color:#333333; font-weight:bold;}
.foot_m li img{ margin-top:86px;}
.footer .navtreefirst li{line-height:28px;}
.footer .navtreefirst li a{ font-size:14px; color:#666666;}
.footer a:hover{ color:#fff600;}

.footer2{ text-align:center; background:#000000; color:#666666; font:12px/36px microsoft yahei; line-height:36px;}
.footer2 a{ color:#666666}  

/*友情链接*/
.links{text-align:left; border-bottom:1px solid #cccccc; padding-bottom:20px; margin-bottom:50px; font-size:16px; color:#333333;}
.links li{ width:134px; height:37px; display:inline-table; *zoom:1;*display:inline;  text-align:center;vertical-align:middle;  margin:0 18px 0 0 }
.links li img{max-width:134px; max-height:37px; vertical-align:middle}
.links a{ font-size:14px; color:#333333;}
.links a:hover{color:#46afff;}

/*首页产品二级栏目*/
.inav1 ul,.inav2 ul{ margin-right:-45px; text-align:center}
.inav1 ul li{ width:158px;font:14px/45px microsoft yahei; display:none;margin:0 45px 0 0; cursor:pointer }
.inav1 ul li.kk{  display:inline-table; *zoom:1;*display:inline; }
.inav1 ul li img{ width:158px; height:158px}
.inav1{ height:158px; overflow:hidden}
.inav2{ height:45px; overflow:hidden}
.inav2 ul li{ width:158px;font:14px/45px microsoft yahei;  display:inline-table; *zoom:1;*display:inline;margin:0 45px 0 0; }
.inav1 ul li a,.inav2 ul li a{ display:block;width:158px;}


#search {cursor:pointer;}
#search2 {display:none; cursor:pointer;}

/*Serach*/
.search-open {
	right:0; 
	top:90px;
	display:none;
	padding:15px; 
	position:absolute; 
	background:#fcfcfc; 
	border-top:solid 2px #eee;
	z-index:999;
	width:220px;
}

.span3 {
	height:22px; line-height:22px; width:150px; text-indent:10px;
}

.search-open form,
.search-open .input-append {
	margin:0 !important;	
}

.search i.icon-remove {
	top:2px;
	font-size:18px;
	position:relative;
}

.btn-u {
	border:0;
	font-size:14px;
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	background:#46afff;
	display:inline-block;
	color:#fff !important;
	text-decoration:none !important;
}
.btn-u:hover {
	color:#fff;
	background:#5fb611;
	text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}


/* 新增调用下拉菜单样式开始  */

.dropMenu {
 position:absolute;
 margin-top:-30px;
 margin-left:-328px;
 z-index:10000;
 width: 310px;
 padding:20px 15px 20px 15px;
 visibility: hidden;
 background:url(../images/dropbg.png);
 border-top:2px solid #46AFFF;
}
.dropMenu img{
	float:right;
}

.dropMenu li {
 text-align:left;
 text-indent:24px;
 list-style-type:none;
 line-height:35px;
 background:url(../images/dropli.png);
 width:110px;
}
.dropMenu a {
display:block;
font-size:14px;
color:#333; 
}
* html .dropMenu a {
display:block;
font-size:14px;
color:#ffffff; 
}
.dropMenu a:hover {
background:#46afff; 
color:#fff;
font-size:14px;
line-height:35px;
display:block;
text-decoration:none;
}

/* 新增调用下拉菜单样式结束  */


/*==客服↓==*/
.kefuBox-One{position: fixed; right:0;top:180px;z-index:99}
.kefuBox-One ul li{position: relative;margin:2px 0;cursor: pointer;}
.kefuBox-One ul li a{position: relative; display: block;width:45px; height:45px; overflow: hidden;}
.kefuBox-One ul li em{position:absolute;left:0;top:0;display: block;padding: 10px 0 0 0;width:100%;height:100%;font-size:22px;color:#eee;text-align: center;background: rgba(102,102,102,0.9);}
.kefuBox-One ul li .ewm{ display:block;width:100%;}
.kefuBox-One ul li em.icon-wechat{background:url(../images/kfico_03.png) no-repeat center 10px; background-color:#757575;}
.kefuBox-One ul li em.icon-qq{background:url(../images/kfico_06.png) no-repeat center 10px; background-color:#757575;}
.kefuBox-One ul li em.icon-mobile{background:url(../images/kfico_08.png) no-repeat center 10px; background-color:#757575;}
.kefuBox-One ul li em.icon-phone{background:url(../images/kfico_10.png) no-repeat center 10px; background-color:#757575;}
.kefuBox-One ul li em.icon-chevron-up{background:url(../images/kfico_12.png) no-repeat center 10px; background-color:#757575;}
.kefuBox-One ul li b{position:absolute;left:0;top:45px;padding:3px;display: block;width:100%;font-size:14px; height:100%;color:#ddd; line-height: 18px; text-align:center;background: #333;}
.kefuBox-One ul li .toolbar-layer{position:absolute;right: 47px;bottom:-10px;width:172px;opacity:0;padding:5px;border-radius:5px;border:1px #ccc solid;background: #fff;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.kefuBox-One ul li .img{width:120px;}
.kefuBox-One ul li .tel2{color:#666;font-size: 15px;padding:20px;background: rgba(255, 255, 255, 0.86);}
.kefuBox-One ul li .tel2 hr{width:100%;/* height:2px; */border:0px;background: #cda650;}
.kefuBox-One ul li .tel2 font{float:left;width:100%;clear: both;margin:5px 0;padding:5px 0;font-weight: bold;color: #555;font-size:15px;bo;border-bottom: 1px #ccc solid;}
.kefuBox-One ul li:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.kefuBox-One ul li:hover em{top:-45px}
.kefuBox-One ul li:hover b{top:0}
.kefuBox-One ul li .cd-top{height:0px;}
.kefuBox-One ul li .cd-is-visible{height:45px;}


/*招聘详细*/
.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}