@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei","SimSun",Arial,HELVETICA; color:#484848;overflow-x:hidden; background:url(../images/bg.jpg) repeat-x left top;}
a {color:#484848;text-decoration:none; border:0px;}
a:hover{ color:#ff9600;}

ol,ul,h1,h2,h3,h4,h5,h6,p,dl,dd,form,input,textarea,select{margin:0px;padding:0px; list-style:none;  font-weight:normal; font-size:100%}
ul,li,dl,dt,dd{list-style-type:none;}
img{-ms-interpolation-mode: bicubic;/*处理图片失真*/ }
.fl{ float:left;}
.ml{ margin-left:20px;}
.clearfix {clear: both;}

.header{ width:100%; height:149px;background: url(../images/bg.jpg) repeat-x left top; position: fixed;left: 0;top:0px;_top: -25px;z-index:999;}
#gd{ width:1000px; height:auto;  margin:auto; }
.top{ width:1000px; height:33px; color:#afafaf; text-align:right; line-height:33px; font-size:12px;}
.top img{vertical-align: middle;}
.top a {margin: 0 3px; color:#afafaf; font-size:12px;}
.topmid{ width:1000px; height:94px;}
.logo{ width:210px; height:94px;}
.lzi{ width:256px; font-size:16px; padding-top:40px;}
.search{ width:290px; height:auto; overflow:hidden; margin:32px 0 0 25px;}
.teltop{ width:155px; height:38px; margin:30px 0 0 19px; background:url(../images/telt.jpg) no-repeat left center; padding-left:45px; font-size:12px;}
.teltop span{ font-size:20px; color:#FF3300;}

/*导航样式*/
.meun{ width:1000px; height:48px; margin:0 auto;}
.nav{ width:1000px; height:48px; line-height:48px; float:left;}
.nav ul li{ float:left; height:48px;  position:relative; font-size:15px; background:url(../images/meunbg.jpg) no-repeat right top;}
.nav li .nava{ font-size:15px; display:block;height:48px; font-weight:normal;padding:0 37px; margin:0 0px; font-weight:bold; }
.nav li a.nava:hover{ background: url(../images/nava.jpg) repeat-x left top;  height:48px; color:#005ab7;}
.nav .current .subnav{ position:absolute; left:0px; top:48px; width:154px; background:#fff ;display:none; z-index:9999; }
.nav .subnav a{ display:block; height:30px; line-height:30px; font-size:12px;  text-indent:23px;}
.nav .subnav a:hover{ background:#ff9c00; color:#fff; margin:0;}
.nav .current .nava{  background: url(../images/nava.jpg) repeat-x left top; color:#005ab7; }

#proNav{  height:auto!important; background:url(img/nav_bg3.png) repeat-x #e5e5e5;border:1px solid #fff; border-top:0; display:none;}

/****************banner****************/
.main_image {width:100%; height:433px; overflow:hidden; margin:8px auto 0 auto; position:relative;}
.main_image ul {width:9999px; height:433px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:433px;}
.main_image li span {display:block; width:100%; height:433px}
.main_image li a {display:block; width:100%; height:433px}
.main_image li a {display:block; width:100%; height:433px}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:360px; left:50%; z-index:2; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.clear{ clear:both;}

.inbox{ width:100%; height:auto; overflow:hidden; }
.box3q{ width:1000px; height:322px; margin:auto; position:absolute; top:572px; z-index:700; left:50%;margin-left: -500px;}
.pr{ margin-left:20px;}
.fl{ float:left;}
.protj{ width:320px; height:322px;float:left; }
.protj1 h2{ width:320px; height:44px; text-align:center; font-size:16px; line-height:44px; background:#00a8ff; color:#fff; background:rgba(0,168,255,0.80); filter:alpha(opacity=80); }
.protj2 h2{ width:320px; height:44px; text-align:center; font-size:16px; line-height:44px; background:#ffa200; color:#fff; background:rgba(255,162,0,0.80); filter:alpha(opacity=80); }
.protj3 h2{ width:320px; height:44px; text-align:center; font-size:16px; line-height:44px; background:#50d400; color:#fff; background:rgba(80,212,0,0.80); filter:alpha(opacity=80); }
.protj h2 a{font-size:16px; color:#fff;}
.protjbox{ width:295px; height:240px; border-bottom:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; padding:11px 11px 11px 12px; color:#717171; font-size:13px; line-height:20px;}
.protjbox a{ color:#717171;}
.protjbox a:hover{ color:#ff9600;}
.protjbox img{ clear:both; margin:auto; padding-bottom:9px;}
.tjne{ width:295px; height:auto; overflow:hidden;}
.tjimg{ width:104px; height:80px;}
.tjtext{ width:181px; height:80px; margin-left:10px; line-height:20px;}
.tjtext h3{ font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tjul{ width:295px; height:auto; overflow:hidden; margin-top:10px;}
.tjul ul li{ width:295px; height:28px; line-height:28px; border-bottom:1px #ddd solid; background: url(../images/index_11.jpg) no-repeat left center; text-indent:9px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.promore{ width:auto; margin:15px 0 0 0;}
a.readmore {
	margin: 6px 0 3px 207px;
	-webkit-transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-ms-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	transition: all 0.17s ease-in-out;
	padding: 3px 20px;
	border:2px #ddd solid;
	color:#888;
	box-shadow: 0 0 0 0;
	font-size:12px;
	text-transform: capitalize;
}
a.readmore:hover, a.readmore:focus {background-color: #ff9600; color:#fff;}

.inpros{ width:100%; height:auto; overflow:hidden;margin-top:287px;background:url(../images/probg.jpg) repeat-x left top;}
.inprot{ width:1000px; height:49px; margin:auto;}
.inprot span{ width:197px; line-height:46px; font-size:21px;  border-bottom:2px #ffb400 solid; float:left;}
.inprot span i{ font-size:12px; color:#005ab7;}
.inprot a{ float:right; padding:2px 7px; background:#dfdddd; color:#fff; font-size:10px; margin-top:15px;
-moz-border-radius: 15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */
border-radius:15px;            /* W3C syntax */
}

.i_pro{ width:1020px; height:auto; overflow:hidden; margin:0 auto 30px auto;}
.i_pro dl{ width:320px; height:109px; float:left; margin:30px 10px 0 10px;}
.i_pro dl dt{ width:145px; height:109px; float:left;}
.i_pro dl dt dd{ width:175px; height:109px; float:left;}
.i_pro2{ width:165px; height:23px; line-height:23px; float:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom:1px #ddd solid;}
.i_pro2 a{ font-weight:bold; color:#71b103;}
.i_protext{ width:165px; line-height:18px; height:auto; overflow:hidden; float:right; padding-top:5px; color:#888;}
.i_promo{ width:165px; line-height:30px; text-align:left; float:right; font-weight:bold; color:#7f7f7f;}
.i_promo a{ color:#7f7f7f;}

.inpr{ width:100%; height:auto; overflow:hidden; margin:auto;  background:#f3f3f3;}
.inabot{ width:1000px; height:auto; overflow:hidden; margin:30px auto;}
.inmr{ margin-left:26px;}
.inab{ width:274px; height:300px; border:1px #ddd solid; padding:0 20px; background:#fff;}
.inab h2{ font-size:18px; padding-top:15px;}
.inab p{ padding-top:8px; color:#888; line-height:21px;}

.inab4{ width:274px; height:105px; margin:10px 0 20px 0;}
.inab4l{ width:117px; height:105px; float:left;}
.inab4r{ width:149px; height:105px; float:left; margin-left:8px; line-height:21px; color:#888;}
.inab4r h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:23px; font-weight:bold;}

.inab5{ width:314px; height:300px; border:1px #ddd solid; background:#fff;}
.inab56{ padding:20px; line-height:23px; color:#888;}
.inab5sp{ background:url(../images/tel.png) no-repeat left center; line-height:30px; color:#ff0000; font-size:16px; text-indent:25px; margin-top:20px;}
.inab5sp5{ background:url(../images/email.png) no-repeat left center; line-height:30px;  text-indent:25px; }


.footbox{ width:100%; height:auto; line-height:21px; background:#382f2a; padding:14px 0;}
.foot{ width:1000px;  height:auto; overflow:hidden;  margin:auto; font-size:12px; color:#a0a0a0;}
.footlf{ width:400px; float:left; height:auto; overflow:hidden;}
.footlf a{color:#a0a0a0; font-size:13px;}
.footrg{ width:600px; float:left; height:auto; overflow:hidden; text-align:right;}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#ea4c00 url(../images/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #ea4c00;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*内页css*/
.nybanner{ width:100%; text-align: center;overflow: hidden;margin:3px auto 0 auto;height: 193px; position: relative;}
.ny_content{ margin:-40px auto 30px auto;width:998px; height:auto; overflow:hidden; position:relative; z-index:9; background:#fff url(../images/nyleftbg.jpg) repeat-y left top; min-height:500px; border-bottom:2px #eee solid; border-right:2px #eee solid;}
.ny_contents{ margin:30px auto;width:998px; height:auto; overflow:hidden; background:#fff url(../images/nyleftbg.jpg) repeat-y left top; min-height:500px; border-bottom:2px #eee solid; border-right:2px #eee solid; border-top:2px #eee solid;}
.ny_left{ width:203px; height:auto; overflow:hidden;}
.ny_left h3{ width:183px; height:70px; line-height:70px; margin:0 10px; border-bottom:1px #e3e3e3 solid; text-indent:14px; font-size:20px; color:#003b95;}
.conbg_center_right_div2{ width:182px; margin:0 auto; padding-top:27px;_padding-top:8px;}
.conbg_center_right_div2 ul li{ width:182px; height:50px; line-height:50px; background:url(../images/xfj_pic9.jpg) repeat-x bottom; text-indent:15px;}
.conbg_center_right_div2 ul li a{ font-size:15px; display:block; height:100%; width:100%;}
.conbg_center_right_div2 ul li a:hover{ width:182; background:url(../images/xfj_pic8.jpg) repeat-x center; text-indent:15px; color:#fff; }
.conbg_center_right_div2 ul li.curr{ color:white; background:url(../images/xfj_pic8.jpg) no-repeat 0px; height:50px; line-height:50px;}
.conbg_center_right_div2 ul li.curr a{ display:block; height:100%; width:100%; color:white;}

.prolist{ width:182px; margin:0 auto; padding-top:27px;_padding-top:8px;}
.prolist ul li{ width:182px;line-height:50px; text-indent:15px; display:block;} 
.prolist ul li a{width:182px; height:50px;background:url(../images/xfj_pic9.jpg) repeat-x bottom; display:block; font-size:16px;}
.prolist ul li a:hover{ width:182px;background:url(../images/xfj_pic8.jpg) repeat-x center; text-indent:15px; display:block; color:#FFFFFF;}
.prolist ul li ul li{ width:182px; height:50px; line-height:50px; text-indent:30px; display:block;} 
.prolist ul li ul li a{width:182px; height:50px; background:url(../images/xfj_pic202.png) no-repeat 20px center;  line-height:50px; display:block; border-bottom:1px #d8d8d8 dashed; font-size:14px!important; color:#666;}
.curr{ width:182px; height:50px; background:url(../images/xfj_pic8.jpg) repeat-x center; display:block; color:#FFFFFF;}
.curr a{color:#FFFFFF;}
.conlx{ margin:10px auto; width:182px; height:auto;}
.confee{width: 182px;height: 81px;line-height: 110px;font-size: 21px;color: #fff;text-align: center;background: url(../images/lx.jpg) no-repeat left center;margin: auto;}
.conright{ width:745px; padding:0 25px; height:auto; padding-bottom:30px;}
.conright h3{ width:745px; height:70px; line-height:70px; border-bottom:1px #e3e3e3 solid;}
.conright h3 img {vertical-align: middle; padding-right:5px;}
.conleft_total {margin-top: 34px;height: auto;width: 100%;overflow: hidden; line-height:27px; font-size:15px;}
.conleft_total img{ padding-bottom:20px;}
.conleft_total p{ text-indent:2em; padding-bottom:30px;}
.conhonor{margin-top: 34px;height: auto;width: 100%;overflow: hidden;}
.conhonor ul li{ width:204px; height:295px; float:left; margin:0 20px;}
.conhonor ul li img{ width:200px; height:256px; border:1px #e3e3e3 solid; padding:1px;}
.conhonor ul li img:hover{ border:1px #FF6600 solid; padding:1px;}
.conhonor ul li h4{ width:200px; line-height:35px; text-align:center;}

.confacy{margin-top: 34px;height: auto;width: 100%;overflow: hidden;}
.confacy ul li{ width:204px; height:190px; float:left; margin:0 20px;}
.confacy ul li img{ width:200px; height:150px; border:1px #e3e3e3 solid; padding:1px;}
.confacy ul li img:hover{ border:1px #FF6600 solid; padding:1px;}
.confacy ul li h4{ width:200px; line-height:35px; text-align:center;}

.newslist{width: 745px;height: auto !important; margin:20px auto;}
.newslist ul li {width: 728px;height: 27px;text-align: left;padding-bottom: 2px;padding-left: 0px;margin-bottom: 5px; overflow: hidden;white-space: nowrap;
text-overflow: ellipsis; border-bottom:1px #ddd dashed; background:url(../images/jt.jpg) no-repeat left center;}
.newslist ul li h2 {float: left;font-size: 14px;font-weight: normal;line-height: 27px; text-indent:17px;}
.newslist ul li h2 img {vertical-align: middle; margin-left:10px;}
.newslist ul li span {float: right;color: #999999;}

/*************分页css*************/
.cuspages{ width:745px; height:auto; overflow:hidden; margin:20px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

.erweima { position: fixed;z-index:999;
width: 120px;
height: 145px;
border: 1px solid #dbdbdb;
bottom: 100px;
right:8%;
background:#fff;}
.erweima img{ padding:10px;}
.erweima p{ font-size:12px; color:#858585; padding:0 10px;}

.cation_bm{width:743px;height:auto;overflow:hidden;padding:10px; margin-top:35px;}
.inquiry{
	margin: 10px 0 0 0;
}
.inquiry.product{
	width: 100%;
	max-width: 100%;
}
.inquiry.product .form-head{
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 1px 10px;
	background: #00b7df;
	color: #fff;
}
.inquiry label{
	display: block; line-height:30px;
}
.inquiry .fgroup.input{
	float: left;
	width: 48%;
}
.inquiry .fgroups.input{
	float: left;
	width: 100%;
}
.inquiry .fgroup.mgl{
	margin-left: 20px;
}
.inquiry label{
	font-weight: bold;
}
.inquiry input{
	display: block;
	border: 1px solid #ddd;
	width: 100%;
	height: 24px;
	color: #555;
	line-height: 1.4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-indent: 6px;
}
.inquiry textarea{
	width: 98%;
	height: 120px;
	border: 1px solid #ddd;
}
.inquiry button{
	cursor: pointer;
	background: #dedede;
	border: 1px solid #ddd;
	padding: 3px 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.inquiry button:hover{
	background: #f59500;
	color: #fff;
}
.inquiry .fgroup.btn{text-align: center;}
/*解决方案*/
.gdjt_total{ height:auto; width:100%; overflow:hidden;}
.gdjt_total dl{ height:auto; width:99%; overflow:hidden; padding:20px 0px 20px 0px; border-bottom:solid 1px #e8e8e8; margin-bottom:20px;}
.gdjt_total dt{ float:left; width:181px; height:auto; overflow:hidden; margin:0px 17px 0px 17px;_margin:0px 10px 0px 8px;} 
.gdjt_total dd{ float:right; width:500px; padding-right:14px;}
.gdjt_total dd a{ display:inline-block;}
.gdjt_total dd h5 a{ display:inline-block; height:35px; line-height:30px; font-size:16px;}
.gdjt_total dd p a{ color:#888;}
.gdjt_total dd span { display:inline-block; margin-top:14px;}
.gdjt_total dd span a{ display:inline-block; font-size:12px;}
.jjfa{ width:100%; padding:40px 0; border-bottom:1px #eee solid; text-align:center; line-height:22px; font-size:24px;}
.jjfatim{ text-align:center; color:#888; line-height:40px; height:60px;}
.jjfatext{ margin:20px auto; line-height:27px; }
.jjfatext strong{ font-size:18px;}
.jjfatext img{ margin:auto; clear:both; display:block; padding:11px 0;}

.newtj{ width:745px; height:auto; overflow:hidden; border-top:1px #ddd solid;}
.newtjh3{ font-weight: bold;line-height:30px;overflow: hidden;padding-bottom: 3px; font-size:15px; margin-top:22px; }
.mod-f14list { margin:10px 0 0 0 ; width:745px;}
.mod-f14list ul li { width:350px; height: 27px;line-height: 27px;padding-left: 10px;overflow: hidden; background:url(../images/vn.jpg) no-repeat left center; overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.mod-f14list .title5 {float: left;_display: inline;}
.mod-f14list .time {float: left;_display: inline;margin-left: 10px;color: #888888;font-size: 11px;-webkit-text-size-adjust: none;}

/*************hot products css*************/
.ny_pro{ width:745px; float:right; margin:30px 0 0 0;  }
.ny_pro h3{ font-size:18px;  color:#0187ce;}
.ny_pro ul li{ width:164px; height:154px; margin:15px 10px 15px 10px; float:left;}
.ny_pro ul li img{ width:160px; height:120px; border:1px #eee solid; padding:1px;}
.ny_pro ul li img:hover{ border:1px #0187ce solid; padding:1px;}
.ny_pro ul li p{ text-align:center; width:160px; line-height:30px;}
.proaddzi {
text-align: center;
width: 160px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/**products css**/
.pro{ width:745px; height:auto; overflow:hidden; margin:30px 0 0 0;}
.pro ul li{ width:224px; height:303px; overflow:hidden; float:left; border:1px #ddd solid; margin: 0 10px 20px 12px;}
.pro ul li img{ padding:1px; width:222px; height:167px; border:0px;}
.pro ul li h6{ padding:0 10px; width:200px; text-align:center; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;} 
.pro ul li:hover{ border:1px #0099ff solid; color:#0099ff;}
.prot0{padding:0 10px; width:200px; height:80px; line-height: 18px;font-size: 12px;color: #777;}
.prot0 a{ color:#777;}
.pro_ny{ width:745px; height:auto; overflow:hidden; margin:25px auto;}
.pro_nyimg{ width:402px; height:281px; float:left;}
.pro_nyimg img{ border:#ddd solid 1px;}
.pro_nyfr{ width:323px; height:281px; float:left; padding-left:20px;}
.pro_nyfr h2{ font-size:24px; height:35px; line-height:35px;}
.pro_nytd{ width:303px; height:100px; line-height:23px; margin:10px 0 0 0; padding:10px; background:#f4f4f4; color:#717171;}
.pro_nytel{ width:323px; height:84px; line-height:80px; color:#9f9f9f;}
.pro_nytel span{ font-size:24px; color:#ff6000;}
.pro_ly{ width:348px; height:46px;}
a.readmores {margin: 6px 0 3px 3px;-webkit-transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-ms-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;transition: all 0.17s ease-in-out;background:#ff8400;color:#fff;font-size:18px;text-transform: capitalize; padding:7px 125px;}
a.readmores:hover, a.readmores:focus {background-color: #0080d1; color:#fff;}

.pro_del{ width:770px; height:auto; overflow:hidden; line-height:27px;}
.right_zxkf {width:345px;height:51px;margin-top:10px; background:url(../images/tela.jpg) no-repeat;font-size:22px;color:#fff;line-height:22px;padding-left:35px;}
.right_zxkf span{font-size:14px;;color:#fff;}

.kefu { position: fixed;z-index:999;width: 125px; height:auto; overflow:hidden;top:25%;right:2%;background:#fff;}
.kefubox{ width:123px; height:auto; overflow:hidden; border:1px #ddd solid; padding:10px 0;}
.kefubox ul li{ width:100px; line-height:30px; border-bottom:1px #eee solid; margin:auto; }
.kefubox ul li img{vertical-align: middle;}

.link{ width:968px; height:auto; overflow:hidden; border:1px #ddd solid; margin:0px auto 25px auto; background:#fff; padding:15px; line-height:25px;}
.link h3{ height:40px; line-height:40px; font-size:16px;}
.link h3 span{ border-bottom:1px #ddd solid;}
.wz p{ text-indent:2em; padding-bottom:25px;}