html{ width:100%; overFlow-x: hidden; OVERFLOW: scroll; }
body{ margin:0px; padding:0px; /*background:#f2f2f2;*/}
.floatl{ float:left;}
.floatr{ float:right;}
.clear{ clear:both;}
*{ font-family:"微软雅黑"; font-size:12px; color:#5f5f5f;}
a{font-family:"微软雅黑"; font-size:12px; color:#5f5f5f; text-decoration:none;}
a:hover{ color:#f00; border:0px;}
img{ border:0px;}
ul{ list-style: none; margin: 0px; padding: 0px;}



.headerbj { width:100%; height:95px; background:url(../image/navbj.png) repeat-x; position: absolute; z-index: 1000; }
.logo{ width: 225px; margin-top: 15px;}
.header{ width:1200px; margin:0 auto;}
.nav{ width:975px;}
.nav ul{ width:975px; margin:0px; padding:0px; list-style:none;}
.nav ul li{ float:left; display:block; width:97px;}
.nav ul li a{ display:block; width:97px; height:95px;  font-family:"微软雅黑"; font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:95px;}
.nav ul li a:hover{ width:97px; height:95px; background: url(http://hnxutong.com/templets/normal/images/ahover.jpg) no-repeat; color:#fff; /*background:#98000c;*/}

.nav ul li .erji{ width:97px; background: url(../image/ejlmbj.png) repeat left top;overflow: hidden; position: absolute; z-index:10000;}
.nav ul li .erji li{height: 32px;line-height: 32px;/*background: url(../images/ss_bor2.png) no-repeat center bottom;*/ border-bottom:1px solid #676767; overflow: hidden;}
.nav ul li .erji li a{ display:block; width:97px; margin:0px; padding:0px; height:32px; line-height:32px; color: #fff;font-size: 12px;text-align:center;}
.nav ul li .erji li a:hover{/*background:#b0101c;*/color: #fff;}


/*banner开始*/
/*----------------- banner--------------------------- */
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #ff9900;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#006cff;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("http://hnxutong.com/templets/normal/images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}

/*banner 结束*/


/*服务项目开始*/
.scope{ width: 1160px; height: 230px; padding: 20px;  margin: 0 auto; background: #166cd3; position: relative; z-index: 10000; margin-top: -163px;}
.ckgd a{ display: block; width: 135px; height: 33px; line-height: 33px; color: #fff; border: 1px solid #fff; font-size: 14px; text-align: center;}
.jyfwr{ width: 944px; background: #fff; height: 235px;}
.jyfwr ul li{ float: left; width: 235px; height: 235px; background: #fff;}
.jyfwr ul li .ico{ width: 92px; height:72px; background: #666; border-radius: 50%; text-align: center; padding-top: 20px; margin: 0 auto; margin-top: 52px;}
.jyfwr ul li .jjfwname a{ display: block; text-align: center; font-size: 16px; color: #333; margin-top: 25px;}
.jyfwr ul .line{ width: 1px; height: 235px; background: #edefee;}

.jyfwr ul li:hover{ background: #edefee;}
.jyfwr ul li:hover .ico{ background: #ff883a;}
.jyfwr ul li:hover .jjfwname a{ color:#ff883a;}
/*服务项目结束*/


.main{ width: 1200px; margin: 0 auto; margin-top: 53px;}
.gsjj{ width: 470px;}
.spchina{ color: #000; font-size: 18px;}
.speng{ text-transform: uppercase; color: #cacaca; margin-top: 6px; margin-left: 5px;}
.jjnr{ margin-top: 26px;}
.company{ width: 200px; height: 170px;}
.jjr{ width: 250px;}
.biaoti{color: #000; font-size: 14px;}
.jj{color: #666; font-size: 14px; line-height: 30px;}
.ckgd1 a{color: #ff883a; font-size: 14px;}


.news{ width:350px ; margin-left: 55px;}
.newsnr{ margin-top: 26px;}
.newsbottom{ width:349px; margin-top:10px;}
.newsbottom .newslist{ width:349px; list-style:none; margin:0px; padding:0px; margin:0 auto;}
.newspic{ width:349px;}
.newsbottom .newslist  li{ width:349px; text-align:left;font-family: "微软雅黑"; font-size:14px;color:#bababa;background:url(http://hnxutong.com/templets/normal/images/newsico.jpg) no-repeat left center; line-height:24px;  height: 24px;overflow: hidden; }
.newsbottom .newslist  li a{  font-family: "微软雅黑"; font-size:14px;color:#646464; text-decoration:none;  width: 141px; text-align: left; height: 24px;  overflow: hidden; padding-left: 10px;}
.newsbottom .newslist  li a:hover{color:#166cd3; }
.newspic{ width: 350px; height: 105px; position: relative;}
.newsbt{ width: 350px; height: 26px; line-height: 26px;  position: absolute; bottom: 0; background: #000000; opacity:0.8; color: #fff; text-align: center;}


.case{ width: 280px;}
.casenr{ margin-top: 26px;}


/* 本例子css */
		.slideBox{ width:279px; height:169px; overflow:hidden; position:relative;   }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:279px; height:169px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute;  top:50%; margin-top:-25px; display:block; width:31px; height:45px; background:url(../image/left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{position:absolute; right:0px; top:50%; margin-top:-25px; display:block; width:31px; height:45px; background:url(../image/right.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;  }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		
.footerbj{ width: 100%; background: #ededed; border-top: 1px solid #cbcbcb; margin-top: 60px;}		
.footer{ width: 1200px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px;}
.lxnr{ margin-top: 10px; line-height: 2em; font-size: 14px;}


.join{ width:570px;  /*height:107px;*/ margin-left: 20px;}
.xm01{ margin-right:25px;}
.name{ line-height:38px; font-family:"微软雅黑";  font-size:16px; color:#333; padding-right:14px; }
.wbk input{ width:216px; height:34px; line-height:34px; border:0px; background: #ededed; border: 1px solid #cbcbcb;padding-left:8px;box-sizing:border-box;}
.add input{ width:398px; height:38px; line-height:38px; border:0px;}
.xm02{ margin-top:10px;}
.joinr input{ width:79px; height:119px; background: url(../image/tjbj.jpg) repeat-x; /*border-radius:20px;*/ font-family:"微软雅黑";  font-size:24px; color:#fff; border:0px; }
.xm02 textarea{ width: 458px; height: 69px; background:#ededed;padding-left:8px;box-sizing:border-box;}

.banquan{ width: 100%; height: 40px; line-height: 40px; background: #333; text-align: center; color:#9b9d9f ;}


/*内页css*/
.nybanner{ width:100% ; height:330px;}
.nymain{ width: 1200px; margin: 0 auto; margin-top: 20px;}


.zwbt01{ font-family:"微软雅黑"; font-size:30px; color:#333; text-align:center; /*padding-top:50px;*/}
.zwbt01 span{font-family:"微软雅黑"; font-size:30px; color:#005aaa;}
.eng01{ width:100%; margin:0 auto; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#ccc; margin-top:10px; text-transform:uppercase;}
.zline01{ width:1200px ; height: 29px; margin: 0 auto; background: url(../image/nyline2.jpg) no-repeat top center; margin-top: 15px;}


.nynr{line-height:2em; font-family: "微软雅黑"; font-size:14px;color:#666; padding-top:10px; padding-bottom:10px;}
.nylm{ margin-top:50px; margin-bottom:40px;}
.nylm ul{ list-style:none; margin:0px; padding:0px; text-align:center;}
.nylm ul li{ display:inline-block; /*float:left;*/ }
.nylm ul li{display:inline; margin: 5px;}
.nylm ul li a{ /*border:1px solid #ccc; */padding:8px 30px; font-family:"微软雅黑"; font-size:16px;color:#fff; background:#005aaa; /*border-radius: 20px;*/}
.nylm ul li a:hover{ background:#ff883a; color:#fff;}
.nylm ul .nygdlm a{ color:#fff; background:#247f3a;}

.mainnr{ line-height: 2em; font-size: 14px;}


.nycase ul li{ float: left; margin: 8px; background: #edefee; }
.nycase ul li .casepic{ width:282px; height:170px ; overflow: hidden; border: 1px solid #ccc; }
.nycase ul li:hover .casepic{border: 1px solid #005aaa;}
.nycase ul li .casepic img{width:282px; height:170px ; 
transition:All 0.4s ease-in-out;
        -webkit-transition:All 0.4s ease-in-out;
        -moz-transition:All 0.4s ease-in-out;
        -o-transition:All 0.4s ease-in-out}
        
.nycase ul li:hover img{
	 transform:scale(1.1);
        -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
        -o-transform:scale(1.2);
        -ms-transform:scale(1.1);
}        
.nycase ul li .casename a{ display: block; width: 282px; height: 30px; line-height: 40px; text-align: center; font-family: "微软雅黑"; font-size:14px;color:#666;}
.nycase ul li:hover .casename a{ color: #005aaa;}

.casejs{ width: 264px; padding: 10px;}

.nycase ul li:hover .casejs{ color: #005AAA;}

.pager{margin: 20px 10px 10px 400px;}
.pages {  color: #999;overflow: auto; }
.pages a, .pages .cpbb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #ff883a; color:#fff;border:1px solid #ff883a; text-decoration:none;}
.pages .cpbb { font-weight: bold; color: #fff; background: #ff883a; border:1px solid #ff883a;}
.lianjie a{color:#fff;}



.zs01{ margin-bottom:24px; margin-top:24px;}
.bh{ width:90px; height:72px; text-align:center; line-height:72px;font-family: "微软雅黑"; font-size:50px;color:#a2a2a2; border:2px solid #cbcbcb; margin:5px 10px;}
.nr01{ width:944px; margin-left:10px; _width:344px; margin-top: 10px;}
.zs01 ul{ list-style:none; margin:0px; padding:0px;}
.zs01 ul li{ width:1200px; /*height:88px;*/ float:left; background:#fff; border-bottom:1px dashed #dcdcdc; margin-top:10px; padding-bottom:10px;}
.zs01 ul li .time{ background:#540000; width:240px; height:180px;}
.zs01 ul li .time a img{ width:240px; height:180px; border:1px solid #ccc;}
.zs01 ul li .time a:hover img{border:1px solid #ccc;}
.zs01 ul li .time .ny{font-family: "微软雅黑"; font-size:14px;color:#fff; /*width:73px;*/ text-align:center; line-height:30px; }
.zs01 ul li .time .day{font-family: "微软雅黑"; font-size:30px;color:#fff; /*width:73px;*/ text-align:center; line-height:30px; margin-top:14px; }
.zs01 ul li .xwmore a{ display:block; background:#9f9f9f; width:55px; height:17px; line-height:17px; text-align:center; color:#fff; margin-top:2px;}
.zsbt01 a{font-family: "微软雅黑"; font-size:16px;color:#3a3a3a; font-weight:bold;  }
.zsbt01 a:hover{ color:#166cd3;}
.zsnrnr{ line-height:2em; font-family: "微软雅黑"; font-size:14px;color:#666; margin-top:5px;}

.zs01 ul .zsbj{ background:#fff; /*border:1px solid #ff9804;*/}
.zs01 ul .zsbj .time{ background:#ff9804; width:122px;/* height:88px;*/}
.zs01 ul .zsbj .bh{ color:#fff; /*border:2px solid #4b494a;*/ }
.zsbj .nr01 .zsbt a{ color:#ff9804;}
.zsbj .nr01 .zsnrnr { color:#666;}
.zsbt{/* margin-top:15px;*/}
.zs01 ul .zsbj .xwmore a{ display:block; background:#256d24; width:55px; height:17px; line-height:17px; text-align:center; color:#fff; margin-top:2px;}
.ckgd01 a{ display:block; width:90px; height:30px; text-align:center; line-height:30px; border:1px solid #ccc; margin-top:5px;}
.ckgd01 a:hover{ border:1px solid #ff883a; color:#ff883a}
.shijian{ line-height:2em; margin-top:5px; color: #ccc;}




.nyzz{ width:1200px;/* padding:15px;float:left;*/  overflow:hidden; overflow:hidden; margin-top:20px;  }
.nyzz ul{ overflow:hidden; zoom:1; list-style:none; margin:0px; padding:0px; }
.nyzz ul li{  float:left; width:271px; /*height:260px; background:#fff;*/  text-align:center; margin-left:13px; margin-right:13px; border: 1px solid #ededed; margin-top: 7px; margin-bottom: 7px;}
.nyzz ul li:hover{ /*background:#22804b;*/   /*border:1px solid #003992;*/}
.nyzz ul li:hover .title01 a{color:#666;}

.nyzz ul li .pic01{ width:249px; height:361px; text-align:center; padding: 10px; }
.nyzz ul li .pic01 img{ width:249px; height:361px; /*display:block; padding:2px; border:1px solid #ccc;  margin-top:13px;*/ }
.nyzz ul li .pic01 a:hover img{ border-color:#999;  }
.nyzz ul li .title01 a{display:block; width:235px; height:39px; line-height:39px; /*background:#e0e0e0;*/ margin:0 auto; text-align:center; color:#666; background:#f2f2f2; font-size:14px; }
.nyzz ul li .title01 a:hover{ color:#03ab4c;}

.zzrybt{ display: block; height: 97px; background: #f2f2f2; text-align: center;}
.honorbt{ padding-top: 32px; padding-bottom: 15px;}
.honorbt a{ font-size: 16px;}
.hxian{ width: 54px; height: 5px; background: #ff883a; margin: 0 auto; magrin-top: 10px;}
.nyzz ul li:hover .zzrybt{background: #ff883a;}
.nyzz ul li:hover .honorbt a{ color: #fff;}
 .nyzz ul li:hover .hxian{background: #fff;}
 
 
 .lynr{ width: 688px; margin: 0 auto; margin-top: 49px;}
.ly01{ margin-bottom: 39px;}
.xm02{ width: 96px; text-align: right;font-family:"微软雅黑"; font-size:18px; color:#333; margin-top: 10px;}
.wbk01{ margin-left: 10px;}
.wbk01 input{ width: 370px; height: 40px; border: 1px solid #ccc; background: #fff;}
.wbk01 textarea{width: 517px; height: 180px; border: 1px solid #ccc; background: #fff;}
.nytj{width: 170px; height: 40px; border-radius: 20px; background: #ff883a; text-align: center; line-height: 40px;font-family: 微软雅黑;
 font-size: 16px;color: rgb(255, 255, 255); border: 0px; margin-left: 96px;}

