html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;}
body{font-size: 12px;font-family: '微软雅黑', Arial; background:#fff;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle}
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#ec6c02;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.h{display:none;visibility:visible;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear:both;content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.fl{float:left;}
.fr{float:right;}
.posr{position:relative;}
.btn{font-family:"宋体";font-weight:normal;}
.px20{height:20px;line-height:20px;}
/* 编辑器内容样式 凡是编辑器修改区域加上 */
.editor{line-height:24px;text-align:left;}
.editor p{text-indent:2em;}
.editor ol li{list-style-type:circle;margin-left:25px;}
.editor ul li{list-style-type:square;margin-left:25px;}
/* 分页样式 */
.dede_pages{text-align:center;margin:15px auto; clear:both;}
.dede_pages a{display:inline-block;padding:5px 10px;margin-right:10px;color:#fff;border:1px solid #5d5d58;color:#5d5d58;}
.dede_pages a:hover{background-color:#5d5d58;color:#fff;}
.dede_pages a.now{background-color:#5d5d58;color:#fff;}

.video { margin:20px auto; width:100%;}
.video li{ float:left; width:48%; height:375px; padding-right:1%; padding-left:1%; line-height:35px; text-align:center;}

.video li p{ text-align:center;}

/* header */
.headtop{ margin:0px auto; width:100%; background:#f5f5f5; line-height:35px; height:35px; border-bottom:#d7d7d7 1px solid;}
.headtop ul{ margin:0px auto; width:1200px;}
.headtop ul li{ width:100px; color:#fff;}
.headtop ul li a{color:#333; font-size:16px;}
.headtop ul li a:hover{color:#f00; }
.header{ margin:0px auto; width:100%; height:120px;line-height:120px; background:url(xhlp_bj.jpg) no-repeat center;}
.header a{width:100%; display:inline-block;}
.header .logo { float:left; padding:20px 0px; width:500px;}
.header .rt { float:right; padding:55px 65px 0px 0px; width:600px; text-align:right; color:#f00; font-size:24px; font-weight:bold;}
.header .rt span{ color:#a0a0a0; font-size:18px;}



.nav{ margin:0px auto; width:100%;  height:55px; line-height:55px;  position:relative; background:#96c553;   }

.nav ul.dropdown{ 
  position: relative; 
  width: 1200px;
  margin:0 auto;
  font-size:16px;
  font-weight:bold;
}

.nav ul.dropdown li{ 
  font-weight: bold; 
  float: left; 
  width: 120px; 
  position: relative;
  text-align:center;
}

.nav ul.dropdown a:hover{ 
  color: #ff0;
  background:#25ab38;
  width:120px;
  opacity:1;
}

.nav ul.dropdown li a { 
  display: block;
  line-height:55px;
  color: #fff; 
  font-weight:bold;
  position: relative; 
  z-index: 2000; 
  text-align: center;
  text-decoration: none;
}

.nav ul.dropdown li a:hover,
.nav ul.dropdown li a.hover{ 

  position: relative;
  color: #ff0;
  font-weight:bold;
}


.nav ul.dropdown ul{ 
 display: none;
 overflow: hidden;
 position: absolute;
 top: 0; 
 width:120px; 
 z-index: 1000;
 text-align: center;
 white-space:nowrap
}

.nav ul.dropdown ul li { 
  font-weight: normal;  
  color: #000;

  width: 120px; 
  border-bottom: 0px solid #ff0000;
  float:left;
  text-align:center;
  background:#25ab38; opacity:0.9;filter:alpha(opacity=90);
  
}


.nav ul.dropdown ul li a{ 
  display: block; 
  color: #fff !important;
  background: #25ab38 !important;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  font-size:14px;
} 

.nav ul.dropdown ul li a:hover{
  display: block; 
  background: #fff !important;
  color: #23ac38 !important;
  font-weight:bold;
} 

/*.drop > a{
  position: relative;
}

.drop > a:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 45%;
  border-left: 5px solid transparent;
  border-top: 5px solid #686868;
  border-right: 5px solid transparent;
  z-index: 999;
}

.drop > a:hover:after{
  content:"";
   border-left: 5px solid transparent;
  border-top: 5px solid #ff0000;
  border-right: 5px solid transparent;
}
*/
/*焦点图*/
.lubo{ width: 100%; min-width:1900px;clear: both; position: relative; height:368px;}
  .lubo_box{ position: relative; width: 100%; height:368px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0;z-index:1; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 368px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 50px; height: 4px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #ff0000 !important;}

  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #fff;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}
.shoulvffm { margin:0px auto; width:1200px; overflow:auto; zoom:1; }  
.shoulvffm .biaoti{ margin:0px auto;color:#db6e00; height: 40px; line-height: 40px;  font-size:18px; font-weight:bold; width:96%;text-align: center; border-bottom:#dddddd 1px solid;}
.shoulvffm .page{
	margin:10px auto;
	width:100%;
	font-size:12px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
}

.shoulvffm .page img{
	width:280px;
	height:210px;
	margin:10px;
}
.sssznr { margin:0px auto; width:1200px; background:#F9F9F9; overflow:auto; zoom:1; }
.sssznr .lt { float:right; width:260px; padding-top:20px; }
.sssznr .lt .ltbt {
    width: 150px;
	margin:0px auto;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
	color:#2C4C9F;
	font-family: 黑体,STHeiti;
}
.sssznr .lt .ltmenu {
    width: 150px;
	margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    height: 40px;
    line-height: 40px;
    color: #515151;
    font-family: "微软雅黑" ,黑体,STHeiti;
	font-size:15px;
}
.sssznr .lt .ltmenuon {
    width: 150px;
    margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-family: "微软雅黑" ,黑体,STHeiti;
	display:inherit;
	font-size:15px;
}

.sssznr .lt .ltmenuons {
    width: 150px;
    margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #DB6E00;
    font-family: "微软雅黑" ,黑体,STHeiti;
	display:inherit;
	font-size:15px;
}


.sssznr .rt { float:left; width:940px;   background:#fff; overflow:auto; zoom:1; min-height:500px; padding-bottom:30px;}
.sssznr .rt .biaoti{ margin:0px auto;color:#db6e00; height: 40px; line-height: 40px;  font-size:18px; font-weight:bold; width:96%;text-align: center; border-bottom:#dddddd 1px solid;}

.sssznr .rt .bt {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
.sssznr .rt .info{
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.sssznr .rt .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.sssznr .rt .info a{
	color:#999;
}
.sssznr .rt .fh{
	margin:0px auto;
    line-height: 25px;
    text-align: right;
    width: 90%;}
.sssznr .page{
	margin:10px auto;
	width:90%;
	font-size:12px;

	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}

.sssznr .pagehh{
	margin:10px auto;
	width:94%;
	font-size:12px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
	background:#fff;
}
.sssznr .pagehh h3{
	margin:10px auto;
	width:100%;
	clear:both;
}
.sssznr .pagehh ul{
	margin:10px auto;
	width:100%;

}

.sssznr .pagehh li{
	float:left;
	width:115px;
	margin:10px 12px;
}

.sssznr .pagehh li img{
	width:115px; height:50px; border:#e5e5e5 1px solid;
}


.sssznr .sssznews {margin:10px auto; width:100%;}
.sssznr .sssznews ul{margin:0px auto; width:94%;}
.sssznr .sssznews ul li{width:100%; line-height:30px;}
.sssznr .sssznews ul li a{ float:left;width:90%;}
.sssznr .sssznews ul li span{ float:right;width:10%;}

.sssznr .server {margin:10px auto; width:100%;}
.sssznr .server ul{margin:0px auto; width:97%;}
.sssznr .server ul li{ float:left; width:258px; height:149px; margin:20px 20px; line-height:30px; text-align:center; border:#e5e5e5 1px solid;}
.sssznr .server ul li p{width:258px; text-align:center; background:#f5f5f5;}
.sssznr .server ul li img{width:127px; height:99px; padding:10px 0px;}

.sssznr .dxal {margin:10px auto; width:100%;}
.sssznr .dxal ul{margin:0px auto; width:97%;}
.sssznr .dxal ul li{ float:left; width:185px; height:149px; margin:20px 20px; line-height:30px; text-align:center; border:#e5e5e5 1px solid;}
.sssznr .dxal ul li p{width:185px; text-align:center; background:#f5f5f5;}
.sssznr .dxal ul li img{width:127px; height:99px; padding:10px 0px;}

.sssznr .hyal {margin:10px auto; width:100%;}
.sssznr .hyal ul{margin:0px auto; width:97%;}
.sssznr .hyal ul li{ float:left; width:272px; height:200px; margin:20px 14px; line-height:30px; text-align:center; border:#e5e5e5 1px solid;}
.sssznr .hyal ul li p{width:272px; text-align:center; background:#f5f5f5;}
.sssznr .hyal ul li img{width:269px; height:150px; padding:10px 0px;}


.sssznr .client {margin:10px auto; width:100%;}
.sssznr .client ul{margin:0px auto; width:97%;}
.sssznr .client ul li{ float:left; width:185px; height:277px; margin:20px 20px; line-height:30px; text-align:center; border:#e5e5e5 1px solid;}
.sssznr .client ul li p{width:185px; text-align:center; background:#f5f5f5;}
.sssznr .client ul li img{width:185px; height:247px;}

.sssznr .ssszhk {margin:10px auto; width:100%;}
.sssznr .ssszhk ul{margin:0px auto; width:710px;}
.sssznr .ssszhk ul li{width:710px; line-height:30px; height:140px; border-bottom:#ddd 1px solid; margin:10px auto;}
.sssznr .ssszhk ul li img { float:left; margin:0px 10px; width:90px; height:120px; border:#ddd 1px solid;}
.sssznr .ssszhk ul li div{float:left;  width:580px;}
.sssznr .ssszhk ul li div a{ text-decoration:underline; line-height:25px;}
.sssznr .ssszhk ul li div h2{font-weight: bold; }

.sssznr .gltd {margin:10px auto; width:100%;}
.sssznr .gltd ul{margin:0px auto; width:710px;}
.sssznr .gltd ul li{width:710px; line-height:22px;   margin:10px auto; background:#f1f1f1; max-height:250px; height:150px; clear:both;}
.sssznr .gltd ul li img { float:left; margin:0px auto; width:113px; height:150px;}
.sssznr .gltd ul li div{float:left;  width:570px; padding-left:20px;}
.sssznr .gltd ul li div a{ text-decoration:underline; line-height:25px;}
.sssznr .gltd ul li div h2{font-weight: bold; line-height:40px; }
/*footer*/
#footer {margin-top:20px; width:100%; background:#f5f5f5; border-top:#f5f5f5 1px solid;}
.footer {margin:0px auto; width:1200px; padding:15px 0px; height:280px; }
.footer .lt {
	float:left;
	width:1060px;
	border-right:#87888c 0px solid;
	padding-right:20px;
	}

.footer .lt ul{margin:0px auto; width:100%; padding:15px 0px; }
.footer .lt ul li{ text-align:center; color:#333; width:12%; float:left;}
.footer .lt ul li h1{ text-align:center; line-height:30px; color:#fff; font-size:18px; font-weight:bold;}
.footer .lt ul li h1 a{ color:#333;}
.footer .lt ul li a{color:#c7c9c8; font-size:16px; line-height:30px;}
.footer .lt ul li a:hover{color:#333;}

.footer .rt {
	float:left;
	width:120px;
	text-align:center;
	line-height:25px;
	color:#c7c9c8;
	margin-top:30px;
	}
.copy {margin:0px auto; height:40px; line-height:40px; background:#25ab38;}	
.copy ul{margin:0px auto; width:1200px;}	
.copy h3 {
	float:left;
	font-size:16px;
	color:#ff0;
	text-align:center;
	font-weight:bold;
	
}
.copy h3 a{
	color:#fff;
}
.copy h3 a:hover{
	color:#fff;
}
.copy span {
	float:right;
	text-align:right; 
	color:#fff;
}
.copy span a {
	color:#fff;
}
.copy span a:hover {
	color:#f00;
}

/*zz*/
#zzsc{width:1200px; margin:20px auto;}
#zzsc >li{width:600px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:500px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:470px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}
/* footer */
.contact{background: #5d5d58;margin-top:40px;padding-top: 38px;padding-bottom: 60px; }
.contact h2{margin-bottom:28px;}
.contact h2 a{font-size:18px;color:#fff;font-weight:normal;}
.home_about{width:250px;}
.home_about dt{margin-bottom: 24px;}
.home_about dt a{font-size:18px;color:#fff;font-weight:normal;}
.home_about dd{color: #eeeeee;line-height: 28px;font-family: "宋体";}
.home_about .more{color: #fff;display: inline-block;border: 1px solid #cccccc;line-height: 38px;padding: 0 24px;margin-top: 12px;}
.home_about .more:hover{border-color: #fff;}
.home_case{width:300px;margin-left:45px;}
.home_case li{border-top:1px solid #ccc;height:62px;padding:14px 0;}
.home_case li:first-child{border:0;padding-top:3px;}
.home_case li img{float: left;margin-right: 18px;}
.home_case h5{margin-top:-5px;line-height:28px;}
.home_case h5 a{font-size:14px;color:#fff;font-weight:normal;}
.home_case .text{line-height:22px;}
.home_case .text a{color:#dddddd;font-family:"宋体";}
.home_case .label{color: #cccccc;line-height: 28px;}
.home_service{width: 230px;margin-left:45px;}
.home_service a.sub{font-size: 12px;color: #fff;line-height: 38px;width: 98px;display: inline-block;border: 1px solid #cccccc;text-align: center;margin-right: 12px;margin-bottom: 12px;margin-top: 3px;}
.home_service a.sub:hover{border-color: #fff;}
.home_contact{margin-left:40px; width:280px;}
.home_contact li{color: #ddd;margin-bottom: 14px;}
.home_contact li i{display:inline-block;width:18px;height:18px;margin-right: 10px;vertical-align: middle;}
.home_contact li .addres{background: url("sprite.png") no-repeat 0 -20px  ;}
.home_contact li .weibo{background: url("sprite.png") no-repeat -20px -20px  ;}
.home_contact li .email{background: url("sprite.png") no-repeat -40px -20px  ;}
.home_contact li .weixin{background: url("sprite.png") no-repeat -80px -20px  ;}
.home_contact li .call{background: url("sprite.png") no-repeat -0px -0px  ;}
.home_contact li a{color: #ddd;}
.blogroll{line-height: 28px;color: #999;text-align: center;padding: 30px 0;}
.blogroll a{color: #999;display:inline-block;}
.blogroll a:hover{color: #333;}
.blogroll .copyright{margin-top: 16px;}
/*product*/

.tab{width:936px;margin:30px auto;}
.tab ul.menu{height:57px;background:url(xlh.png) no-repeat center top; margin-bottom:20px;}
.tab ul.menu li{float:left;text-align:center;width:310px;height:48px;line-height:48px;list-style:none;font-size:12px;cursor:pointer; color:#fff; border-left:#fff 1px solid; border-right:#fff 1px solid;}
.tab ul.menu li.active{background:url(xl.png) no-repeat center top;color:#fff; height:57px;}
.con1,.con2,.con3{ clear:both;}
.con2,.con3{display:none;}

/*.tabbox{width:906px;height:200px;margin:0px auto;font-family:'微软雅黑';}
.tabbox .tab{overflow:hidden;background:url(xlh.png)  repeat-x top; height:57px;}
.tabbox .tab a{display:block; width:300px; float:left;text-decoration:none;color:#333; text-align:center; height:57px; line-height:46px; border:#fff 1px solid; font-size:16px;}
.tabbox .tab a:hover{background:url(xl.png) no-repeat center top;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:url(xl.png) no-repeat center top;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;padding:10px 0px;}
.tabbox .content li{display:none;}*/
.cplt {
float:left;
width:349px;
}
.cplt img{
float:left;
width:337px;
height:300px;
margin:5px;
border:#c7c8c8 1px solid;
}
.cprt {
float:left;
width:550px;
padding-left:15px;
}

.cprt h1{
width:100%;
background:#ededed;
line-height:45px;
color:#0e893c;
font-size:16px;
padding-left:20px;
}
.cprt p{
line-height:25px;
padding:10px;
}
/*page*/
.public{
	margin:0px auto;
	width:1200px;
	}
	
/*sy*/
.focus_body {
	font-family:"microsoft yahei";
	position: relative;
	width: 1200px;
	height: 502px;
	background: #FFF;
	margin: 10px auto
}
.scroll {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 500px;
	overflow: hidden;
}
.arr_left {
	display:none;
	position: absolute;
	width: 70px;
	height: 70px;
	cursor: pointer;
	overflow: hidden;
	left: 0;
	top: 220px;
	z-index: 3;
	line-height: 400px;
	background: url(arrow-left.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='arrow-left.png');
	_background: none;
}
.arr_right {
	display:none;
	position: absolute;
	width: 70px;
	height: 70px;
	cursor: pointer;
	overflow: hidden;
	right: 0;
	top: 220px;
	z-index: 3;
	line-height: 400px;
	background: url(arrow-right.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='arrow-right.png');
	_background: none;
}
.scroll .box {
	float: left;
	width: 1200px;
	height: 500px;
	position: relative;
}
.scroll .box img {
	width: 1200px;
	height: 500px;
}
.scroll .box a:hover {
	text-decoration: none;
}

.scroll .box .title {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 58px;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	width: 1060px;
	margin:0px 20px;
}

.scroll .box .title a{
	float:right;
	width:10%;
	color: #fff;
}
.scroll .box .title a:hover{
	color: #ff0000;
}
.scroll_cont {
	width: 1200px;
	height: 558px;
	overflow: hidden;
	position: relative;
}
.numList {
	position: absolute;
	right: 47%;
	top:450px;
	height: 35px;
}
.numList span {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius:9px;
	margin-right: 5px;
	cursor: pointer;
	margin-top: 14px;
	background:#B5D67F;
}
.numList span.selected {
	background:#ff0000;
}
.bd_bg {
	position: absolute;
	top: 500px;
	left: 0;
	width: 1200px;

}
.map {margin:0px auto; width:1200px; background:#F6F6F6; height:60px;}
.map ul{margin:0px auto; width:1200px;}
.map ul li{ float:left; padding:0px 10px; line-height:25px;}
.map1 {margin:10px auto; width:1200px; height:40px; line-height:40px;}

/*inside*/
.inside_banner{margin:0px auto; width:100%px;}
.inside_banner .zhi{line-height:140px; font-size:36px; color:#fff;  width:200px; margin-left:100px; font-weight:bold; text-shadow: 1px 2px 3px #000;}
.inside_banner .wrap{height: 100%;}
.about{overflow: hidden;}
.about_tab{width: 1200px;margin: 0 auto;position: relative;height: 100%;}
.about_tab ul{position: absolute;bottom: 0;left: 0;font-size: 0;}
.about_tab li{display:inline-block;width: 100px;text-align: center;vertical-align: bottom;*display: inline;zoom: 1;}
.about_tab li a{font-size: 14px;color: #fff;line-height: 40px;}
.about_tab li.on a{line-height: 100px;}
.about_tab .blue{background: #43bcc7;}
.about_tab .green{background: #a6d250;}
.about_tab .yellow{background: #eab055;}
.about_tab .orange{background: #e9d356;}
.about_title{text-align: center;padding-top: 60px;padding-bottom: 32px;}
.about_main{width: 600px;position: relative;}
.about_pic{position: relative;width: 490px;}
.about_pic img{position: absolute;}
.about_cont{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.about_main .about_cont:first-child{border-bottom: 1px dashed #d3d3d3; }
.about_cont h2{font-size: 26px;color: #333;font-weight: normal;margin-bottom: 5px;}
.about_cont h4{font-size: 16px;color: #333;font-weight: normal;background: url("a03.jpg") no-repeat left bottom;padding-bottom: 8px;margin-bottom: 30px;white-space: nowrap;}
.about_cont .text{font-size: 14px;color: #333;line-height: 28px;}
.about_cont li{margin-bottom: 14px;width:300px;float:left;}
.about_cont li span{background: #4bcdd9;color: #fff;font-size: 10px;padding:0 4px;margin-right: 8px;line-height: 12px;*padding: 2px 4px;}
.culture{background: url("a04.jpg") no-repeat center;min-height: 540px; }
.culture  .about_cont:first-child{border: 0;}
.zhizi{background: #f7f7f7;text-align: center;padding-bottom: 74px;}
.zhizi ul{display: inline-block;*display: inline;zoom: 1;}
.zhizi li{float: left;margin: 0 13px;}
.jion{background: url("a14.jpg") no-repeat center;min-height: 720px;}
.jion .test{border-width: 78px 0;border-style: solid;border-color: #5d5d58 transparent transparent transparent;width: 0;height: 0;  }
.jion .about_title{position: relative;z-index: 3;}
.jion_box{width: 1200px;margin: 0 auto;position: relative;}
.jion_img{position: absolute;top:15px;left: 0;}
.jion_img>img:first-child{position: relative;top:151px;margin-right:-3px;    }
.jion_img img{}
.jion_tab{position: absolute;top:151px;left: 75px;}
.jion_tab li{float: left;width: 150px;height:150px;line-height:150px;text-align:center;font-size: 20px;color: #fff;text-align: center;background: url("a19.png") no-repeat;cursor: pointer;}
.jion_tab .post{display: none;}
.jion_tab li:hover{background: url("a18.png") no-repeat;}
.jion_tab li:hover .post{display: block;}
.jion_tab li:hover .icon{display: none;}
.jion_tab li.on{background: url("a18.png") no-repeat;}
.jion_tab li.on .post{display: block;}
.jion_tab li.on .icon{display: none;}
.jion_info{margin-left: 250px;margin-top: 260px;}
.jion_info dl{display: none;}

.job_tab{display: none;width: 540px;}
.job_tab li{float:left;font-size:20px;color:#333;border-left:2px solid #d9d9d9;margin-right: 16px;padding-left:16px;line-height:20px;}
.job_tab li:first-child{border:0;padding-left: 0;cursor: auto;}
.job_tab .on{color: #5d5d58;}
.job_tab .intro{font-size: 14px;color: #333;line-height: 28px;margin-top: 16px;display: none;}

.jion .send{font-size: 16px;color: #fff;display: inline-block;width: 160px;line-height: 160px;text-align: center;background: url("a17.png") no-repeat;position: absolute;right: 222px;top: 444px;}
.case_demo{position: absolute;bottom: -384px;}
.case_demo li{float:left;width:384px;position:relative;padding:0px;}
.case_info{position: absolute;bottom: 0;left:0;color: #fff;padding: 10px 20px;}
.case_info h3{font-size:16px;color:#fff;position:relative;z-index:1;font-weight:normal;padding-bottom:6px;}
.case_info .text{font-size:12px;color:#ccc;position:relative;z-index:1;line-height:20px;}
.case_shade_top{position:absolute;top:0;left:0;width:384px;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_info .case_icon{display:none;padding:12px 0;}
.case_info .case_icon img{position:relative;}
.case_shade{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); }
.case_type{position:absolute;right: 0;top:100px;width: 200px;}
.case_type li{float: right;width: 100px;height: 100px;opacity: 0;}
.case_type li a{text-align: center;font-size: 18px;display: block;line-height: 100px;color: #fff;}
.case_type .green{background: #43bcc7;}
.case_type .red{background: #de6764;}
.case_type .blue{background: #31a0e1;}
.case_type .purple{background: #6a8bd2;}
.case_type .orange{background: #9ac047;}
.case_type .gray{background: #c7a643;}

.case_more{text-align: center;margin-top: 40px;}
.case_more a{display: inline-block;font-size: 14px;color: #5d5d58;line-height: 38px;border: 1px solid #5d5d58;display: inline-block;width: 1200px;}

.crumbs{border-bottom:1px solid #f7f7f7;line-height:40px;color:#999999; margin:0px auto; width:1200px;}
.crumbs .icon{display:inline-block;width:14px;height:14px;background: url("sprite.png") -80px 4px no-repeat;margin-right:4px;}
.crumbs a{color:#999;}
.crumbs a:hover{color:#666;}
.crumbs .on{color:#666;}
.case_top{margin-top:40px;}
.case_top h2{margin-bottom:8px;}
.case_top h2 a{font-size:16px;color:#5d5d58;font-weight:normal;display:inline-block;margin-right:12px;}
.case_top h3{font-size:20px;color:#333333;font-weight:normal;margin-bottom:8px;}
.case_top .date{color:#999;}
.case_top .intro{width:440px;line-height:26px;color:#999;}
.case_sign{margin-top:30px;}
.case_sign .info{line-height:26px;color:#999;margin-top:10px;}
.case_sign .info a{color:#999;margin-top:10px;display:inline-block;text-decoration:underline;}
.case_phone{background:url(case_phone_bg.jpg) no-repeat center;width:100%;height:882px;padding-top:78px;margin-top:40px;}
.case_phone_bg{background:url(phone_bg2.png) no-repeat center;width:405px;height:723px;margin:0px auto;position:relative;}
.phone_slider{padding-top:69px;margin-left:28px;width:350px;height:560px;}
.case_erweima{width:200px;margin:60px auto;border:1px solid #e3e3e3;}
.case_erweima_btn{background-color:#5d5d58;text-align:center;padding:0px 10px;height:40px;line-height:40px;width:140px;margin:0px auto;}
.case_erweima_btn a{color:#e3e3e3;}

.case_erweima2{width:480px;margin:60px auto;}
.case_erweima2 dl{float:left;margin:0 20px;text-align:center;width:200px;}
.case_erweima2 dd{line-height:30px;height:30px;width:188px;background-color:#5d5d58;color:#fff;margin:10px auto;}

a.btn_case_see{width:100%;height:32px;line-height:32px;color:#5d5d58;font-size:14px;background-color:#fff;border:1px solid #5d5d58;text-align:center;display:block;margin:30px auto;}
.c_back{text-align: center;margin-top: 60px;}
.c_back img{cursor: pointer;}
.ser_project ul{margin:40px auto;width:1200px;}
.ser_project li{float:left;margin-left:40px;position:relative;overflow:hidden;}
.ser_project li:first-child{margin:0;}
.blur{filter: blur(4px); -webkit-filter: blur(4px);  -moz-filter: blur(4px);-ms-filter: blur(4px);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); /* IE6~IE9 */}
.blur_shade{background:url("blur.png") no-repeat;position: absolute;top:-600px;left: 0;width: 100%;height: 100%;text-align: center;z-index: 2;opacity: 0;}
.blur_shade h4{font-size: 20px;color: #333;font-weight: normal;padding-top: 100px;}
.blur_shade .text{background: url("s13.jpg") no-repeat center top ;font-size: 14px;color: #333;margin-top: 8px;padding: 8px 10px 0;}

.ser_scope{background:#f7f7f7;padding-bottom:70px;}
.picBox{width:1200px;margin:40px auto;}
.picBox li{float:left;position:relative;width:400px;display:table;}
.picBox .ser_info{position:absolute;font-size:16px;color:#333;line-height:40px;text-align:center;width:100%;left:0;}
.picBox .s1 .ser_info{bottom:0;}
.picBox .s3 .ser_info{top:0;}
.picBox .s5 .ser_info{bottom:0;}
.picBox .ser_shade{background:#fff;opacity:0.6;filter:alhpa(opacity=60);width:100%;height:100%;position:absolute;top:0;left:0;}
.picBox h2{font-size:16px;color:#333;font-weight:normal;position:relative;z-index:2;}
.picBox .s2:after{height: 0; width:0;content: "";position: absolute;left:-20px;top:50%;
                  border-width:10px;
                  border-style: dashed solid   dashed dashed ;
                  border-color:transparent #5d5d58   transparent transparent;
}
.picBox .s4:after{height: 0; width:0;content:"";position: absolute;right:-20px;top:50%;z-index: 2;
                  border-width:10px;
                  border-style:  dashed dashed  dashed solid;
                  border-color:  transparent  transparent  transparent #5d5d58;
}
.picBox .s6:after{height: 0; width:0;content: "";position: absolute;left:50%;top:-20px;
                  border-width:10px;
                  border-style: dashed    dashed solid dashed ;
                  border-color:transparent  transparent #5d5d58 transparent;
}
.picBox .intro{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 28px;padding-top:36px; }
.picBox dl{position:absolute;left:0;top:0;font-size:14px;line-height:26px;color:#fff;margin:auto 38px;padding-top:36px; }
.picBox dt{font-size:18px;margin-bottom: 8px;}
.picBox dd{display:list-item;list-style-type: circle;white-space: nowrap;}
.picBox li img{width:400px;height:220px;}
.sp_box{margin-top:40px;}

.picScroll-left{ width:1200px;margin: 0 auto;  overflow:hidden; position:relative; padding-bottom: 40px;}
.picScroll-left .hd{ overflow:hidden; position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 2;}
.picScroll-left .hd a{display: inline-block;font-size: 20px;font-weight: 200;color: #999;line-height: 38px;border: 1px solid #999;width: 38px;text-align: center;margin: 0 5px;cursor: pointer;}
.picScroll-left .hd a:hover{color: #333;border-color: #333;}
.mobile_column{}
.mobile_column ul{width: 1200px;margin: 40px auto;}
.mobile_column li{width: 360px;text-align: center;float: left;margin-left: 40px;}
.mobile_column li:first-child{margin-left: 0;}
.mobile_column .title{font-size: 16px;color: #222;margin: 10px auto;line-height: 26px;}
.mobile_column .intro{color: #999;line-height: 22px;width: 320px;margin: 0 auto;}
.wechat{background: url("m06.jpg") no-repeat center top;position:relative;}
.wechat dl{margin-left:140px;margin-top:300px;float:left;}
.wechat dt{font-size: 36px;color: #333;margin-bottom: 30px;}
.wechat dd{font-size: 16px;color: #333;line-height: 30px;}
.wechat_intro{margin-top: 60px;position: relative;top:40px;overflow: hidden;}
.wechat_img{width: 540px;float:right;min-height: 680px;overflow: hidden;position: relative;left: 86px;}
.wechat_img img{position: absolute;right: 0;bottom: 0;}
.wi_left{width: 460px;margin-left: 78px;position: relative;}
.wi_left img{position: relative;}
.wi_right{width: 540px;background: url("m10.jpg") no-repeat left top;padding-left: 115px;padding-top: 92px;}
.wi_right h2{font-size: 36px;font-weight: normal;color: #333;margin-bottom: 30px;}
.wi_right h3{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 28px;}
.wi_right .text{font-size: 16px;font-weight: normal;color: #333;line-height: 30px;}
.solution_list{width: 1200px;margin: 40px auto;}
.solution_list ul{margin-right: -48px;}
.solution_list li{float: left;width: 370px;margin-right: 46px;margin-bottom: 38px;position: relative;}
.solution_list h2{font-size: 20px;color: #333;font-weight: normal;line-height: 48px;border-bottom: 1px solid #5d5d58;}
.solution_list h2 a{color: #333;}
.solution_list h2 a:hover{color:#5d5d58;}
.solution_list .intro{line-height:22px;color: #999;margin-top: 4px;}
.solution_list .intro a:hover{color:#5d5d58;}
.solution_list .shade{display: block;width: 370px;height: 120px;}
.solution_list .solu_img{width: 370px;height: 120px;overflow: hidden;position: relative;cursor: pointer;}

.solu_img .shade{position: absolute;z-index:3;top:100%;left: 0;width:100%;height: 120px;background:#fff;opacity:0.6;filter:alpha(opacity=60); transition:0.5s all;}
.solu_img:hover .shade{top: 0;transition:0.6s ease-in-out;}
.solu_img .img_icon{transform:rotate(360deg);transition:0.6s ease-in-out;position: absolute;top:50%;left: -100%;margin-left: -20px;margin-top: -20px;display: inline-block;z-index: 3; }
.solu_img:hover .img_icon{left:50%;transform:rotate(3600deg);-webkit-transform:rotate(3600deg);-moz-transform:rotate(3600deg);-o-transform:rotate(3600deg);-ms-transform:rotate(3600deg);transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;-ms-transition: .6s ease-in-out;}
.solu_img img{
    transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}
.solu_img:hover>img{
    transform:scale(1.4);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
    transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out;-ms-transition:All .6s ease-in-out;
}

.news_tab{width: 1200px;margin: 60px auto 0;}
.news_tab ul{margin-right: -40px;}
.news_tab li{float:left;width:205px;height:70px;overflow:hidden;padding-left:20px;margin-right:20px;margin-bottom:20px;}
.news_tab h2{font-size:20px;color:#fff;font-weight:normal;padding-top:12px;}
.news_tab .eg{font-size:14px;color:#fff;text-transform: uppercase;padding-bottom:12px;font-family:Arial;}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab li.sel{opacity:0.8;filter:alpha(opacity=80)}
.news_tab .cyan{background: #43bcc7;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .red{background: #de6764;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .blue{background: #31a0e1;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .purple{background: #6a8bd2;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .green{background: #9ac047;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .black{background: #000000;}
.news_tab .cyansel{background: #43bcc7;opacity:1;filter:alpha(opacity=100)}
.news_tab .redsel{background: #de6764;opacity:1;filter:alpha(opacity=100)}
.news_tab .bluesel{background: #31a0e1;opacity:1;filter:alpha(opacity=100)}
.news_tab .purplesel{background: #6a8bd2;opacity:1;filter:alpha(opacity=100)}
.news_tab .greensel{background: #9ac047;opacity:1;filter:alpha(opacity=100)}

.news_list{width: 1200px;margin: 0 auto;overflow:hidden;}
.news_list li{background: #f7f7f7;zoom:1;margin-top: 40px;position: relative;}
.news_list .line{display: block;position: absolute;background: #5d5d58;}
.news_list li:after{content: "";clear: both;display: table;}
.news_time{background: #5d5d58;width: 120px;height: 100%;padding: 18px 20px 40px 0;}
.news_time .day{display: block;font-size: 70px;color: #fff;font-family: "Impact";text-align: right;}
.news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .type{display: block;text-align: right;background: url("n01.jpg") no-repeat right top;padding-top: 6px;margin-top: 4px;}
.news_time .type a{color: #fff;font-family: '宋体', Arial;}
.news_cont{width: 980px;margin-right: 40px;}
.news_cont h2{font-size: 20px;font-weight: normal;padding-top: 26px;}
.news_cont h2 a{color: #333;}
.news_cont a:hover{color: #5d5d58;}
.news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_cont .vis{color: #999;line-height: 38px;margin-top: 12px;}
.news_cont .more{float: right;color: #5d5d58;display: inline-block;border: 1px solid #5d5d58;line-height: 38px;padding: 0 24px;}
.news_more{width: 1200px;margin: 40px auto 80px;text-align: center;}
.news_more a{display: block;font-size: 14px;color: #5d5d58;border: 1px solid #5d5d58;line-height: 38px;}

.newslist {margin:0px auto;width:1200px;}
.newslist ul{margin:0px auto;width:100%;}
.newslist ul li{ border-left:#e85513 5px solid; height:82px; width:98%; clear:both; margin:20px auto; padding-left:2%;}
.newslist ul li p{width:100%; line-height:25px; font-size:12px;}
.newslist ul li h2{width:100%; line-height:30px; font-size:16px; color:#676767;}
.newslist ul li h2 a{color:#676767;}
.newslist ul li h2 a:hover{color:#676767;}
.newslist ul li span{width:100%; line-height:25px; font-size:12px; color:#e85513;}
.newslist ul li span a{color:#e85513;}
.newslist ul li span a:hover{color:#e85513;}

.experimenttitle {margin:0px auto; width:1200px; height:46px;}
.experimenttitle .lt{ float:left;width:1000px; line-height:46px; font-size:18px; font-weight:bold; text-align:center;}
.experimenttitle .rt{line-height:46px; font-size:18px; font-weight:bold; text-align:right; float:right; color:#B5D67F; width:100px;}
.experimenttitle .rt a{color:#B5D67F;}
.experimenttitle .rt a:hover{color:#ff0000;}
.experiment { margin:0px auto; width:1200px;}
.experiment ul { margin:0px auto; width:100%;}
.experiment ul li{ line-height:25px; border-bottom:#e5e5e5 1px dashed; height:120px;}
.experiment ul li img{ float:left; margin:10px; width:120px; height:90px;}
.experiment ul li div{ float:right; width:960px; margin:5px auto;}
.experiment ul li  font { float:right;}
.experiment ul li  font a{color:#e85513;}
.experiment ul li  font a:hover{color:#e85513;}

.backg_new{background: #f7f7f7;padding: 1px 0 40px;margin-bottom: -40px;}
.news_info{width: 1200px;margin: 0 auto;}
.news_box{width: 840px;}
.news_title{border-bottom: 1px solid #eeeeee;margin-top: 40px;padding-bottom: 18px;}
.news_title h2{font-size: 20px;color: #333;font-weight: normal;}
.news_title .sign{color: #999;margin-top: 12px;}
.news_title .label{color: #5d5d58;}
.news_title .mark{padding-right: 20px;}
.news_page{text-align:center;margin-top:16px;}
.news_page a{display:inline-block;font-size:20px;font-weight:200;line-height:38px;width:38px;text-align:center;margin:0 0px 0 10px;color:#999;border:1px solid #999;}
.news_page a:hover{color:#333;border-color:#333;}
.news_box .demo{font-size: 14px;color: #333;line-height: 30px;margin-top: 30px;}
.news_box .notice{font-size: 12px;color: #999;padding-top:20px;clear:both;}
.page_list{border-top: 1px dashed #d3d3d3;margin-top: 16px;padding-top: 10px;margin-bottom: 30px;}
.page_list li{line-height: 24px;color: #999;}
.page_list li a{color: #999;}
.page_list li a:hover{color: #5d5d58;}
.page_list .return{float: right;font-size: 14px;color: #5d5d58;border: 1px solid #5d5d58;line-height: 38px;padding: 0 20px;margin-top: 6px;}
.news_menu{width: 240px;background: #f7f7f7;padding: 30px;margin-top: 40px;}
.news_menu dt{font-size: 20px;color: #333;margin-bottom: 24px;}
.news_menu dd{border-bottom: 1px dashed #cccccc;margin-bottom: 20px;}
.news_menu dd h3{color: #333;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.news_menu a:hover{color:#5d5d58;}
.news_menu .text{color: #666;line-height: 24px;margin-bottom: 14px;}
.news_menu .time{color: #999999;line-height: 24px;margin-bottom: 6px;}
.news_seek{border:1px solid #fff;display:inline-block;*display:inline;zoom:1;background:none;position:absolute;left:0;top:280px;}
.news_seek input{border: 0;background: none;color:#fff;width: 0;text-indent: 10px;}
.news_seek img{padding: 10px;cursor:pointer;}
.news_img{position: absolute;right: 0;top:76px;}
.form_msg{height: 400px;width: 420px;position: relative;padding-left: 40px;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #fff;padding-top: 40px;}
.form_msg dd{margin-top: 10px;}
.form_msg .text{border:1px solid #cccccc;background:transparent;color:#ccc;height:32px;width:182px;line-height:32px;text-indent:12px;margin-right:14px;}
.form_msg .text:focus{border-color:#fff;color:#fff;}
.form_msg .textarea{color:#ccc;line-height:32px;padding-left:12px;}
.form_msg .sub_btn{font-size:14px;border:1px solid #fff;background:transparent;color:#fff;height:38px;width:118px;line-height:36px;margin-right:14px;*margin-left:12px;filter:chroma(color=#000000);cursor:pointer;}
.form_msg textarea{width:371px;border:1px solid #ccc;background:transparent;height:100px;color: #ccc;resize: none;*margin-left: 12px;overflow:auto;}
.form_msg textarea:focus{color: #fff;border-color: #fff;outline: none;}
.c_shade{position:absolute;top:0;left:0;background: #fff;opacity: 0.3;filter:alpha(opacity=30);width: 100%;height: 100%;}
.connect{background: url("cn01.jpg") no-repeat center;min-height: 500px;}
.connect_column{margin-top: 40px;}
.connect_column li{float: left;text-align: center;width: 285px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("sprite2.png") no-repeat -125px 0;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("sprite2.png") -41px -48px;}
.arrive{background: #f7f7f7;padding-bottom: 40px;margin-bottom:-40px;}
.arrive_column_con{width:1150px;overflow:hidden;}
.arrive_column{margin-left:50px;width:1300px;}
.arrive_column dl{float:left;width:318px;margin:40px 90px 0 0px;}
.arrive_column dt{margin-bottom: 20px;}
.arrive_column dd{font-size: 16px;color: #333;line-height: 32px;}
.bus{font-size: 18px;color: #31a0e1;}
.bus dt{margin-left: -50px;}
.bus .icon{display: inline-block;width: 32px;height: 32px;background: url("sprite2.png") 0 -90px;vertical-align: middle;margin-right: 18px;}
.taxi{font-size: 18px;color: #de6764;}
.taxi dt{margin-left: -50px;}
.taxi .icon{display: inline-block;width: 32px;height: 34px;background: url("sprite2.png") -34px -90px;vertical-align: middle;margin-right: 18px;}
.metro{font-size: 18px;color: #9ac047;}
.metro dt{margin-left: -50px;}
.metro .icon{display: inline-block;width: 34px;height: 34px;background: url("sprite2.png") -66px -90px;vertical-align: middle;margin-right: 16px;}
/*case*/
.containercase{width:100%;overflow:hidden;*width:100%;overflow:hidden;}
.da-thumbs {width:100%;position:relative;font-size:0;margin:0 auto;}
.da-thumbs li{float:left;width:20%;position:relative;overflow:hidden;*width:19.97%;}
.da-thumbs li a img{display:block;margin:0 auto;position:relative;border:0;}
.da-thumbs li a>img{width:100%;max-width:100%;transform:scale(1);transition:all 0.6s ease-in-out;}
.da-thumbs li a:hover>img{transform: scale(1.1);transition: all 0.4s ease-in-out;}
.da-thumbs li a{overflow:hidden;display:block;}
.da-thumbs li a div{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:10%;display:none;}
.da-thumbs li a:hover div{*display: block;}
.da-thumbs li a div img{position:relative;z-index:2;top:0px;}

.da-shade{background:#5d5d58;opacity:0.8;position:absolute;width:100%;height:100%;}
.da-thumbs h2{position:absolute;bottom:0;left:0;width:100%;font-size:16px;color:#fff;font-family:"微软雅黑";font-weight:normal;text-align:center;line-height:40px;z-index:4;}
.da-thumbs .title_shade{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;z-index:2;bottom:0;left:0;height:40px;width:100%;}
.da-thumbs li a:hover h2{display:none;}
.da-thumbs li a:hover .title_shade{display:none;}

/* case201601 */
.case_t{text-align:center;padding-top:60px;background:url(case_t_line.jpg) repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:100px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:60px;height:1px;line-height:1px;background-color:#5d5d58;margin:0px auto;}
.case_type201601{margin-top:60px;position:relative;z-index:1;}
.case_type201601 ul{width:1040px;margin:0px auto;padding-bottom:20px;}
.case_type201601 li{float:left;width:104px;height:38px;line-height:38px;border:1px solid #fff;text-align:center;margin-right:20px;}
.case_type201601 li a{font-size:14px;color:#000;}
.case_type201601 li:hover{border:1px solid #5d5d58;}
.case_type201601 li:hover a{color:#5d5d58;}
.case_type201601 li.sel{border:1px solid #5d5d58;}
.case_type201601 li.sel a{color:#5d5d58;}

.case_search{width:240px;position:absolute;right:0;top:0px;z-index:1;text-align:right;}
.case_seek{border:1px solid #4bcdd9;display:inline-block;*display:inline;zoom:1;}
.case_seek input{border:0;background:none;color:#666;width:0;text-indent:10px;}
.case_seek img{padding:10px;cursor:pointer;}

.case_list_201601{width:1600px;overflow:hidden;margin-top:20px;margin-left:auto;margin-right:auto;}
.portfolio-grid{width:1660px;}

.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:385px;margin-right:20px;margin-top:20px;}

.thumbnail a.thumbnail_a:hover{cursor:url('more.cur'),crosshair;cursor:url('cases_shi.png') 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,.4);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta h4{font-size:18px;padding-left:10px;font-weight:normal;width:285px; }
.thumbnail .meta h4 a{color:#000;}
.thumbnail .meta .fr{width:80px;text-align:right;padding-right:10px;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr a.cases_a_pc{background:url(cases_ico_pc_b.png) no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone{background:url(cases_ico_phone_b.png) no-repeat center;}
.thumbnail:hover .meta{background-color:#5d5d58;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(cases_ico_pc_w.png) no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(cases_ico_phone_w.png) no-repeat center;}

/* contact_pay */
.pay_t{margin:48px auto 30px auto;width:223px;}
.pay_list{width:1200px;margin:0px auto;}
.pay_list table{border-collapse:collapse;border:1px solid #ddd;padding:0px;margin:0px;width:100%;}
.pay_list table td{padding:12px 0px 20px 10px;margin:0px;border:1px solid #ddd;font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;}
.pay_list dt{height:80px;}
.pay_list dt.dt2{padding-left:12px;}
.pay_list dd{padding-left:10px;}
.pay_spec{font-family:"微软雅黑";font-size:14px;color:#333;line-height:31px;width:1200px;margin:30px auto;}

#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.section{overflow: hidden;}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
.page_next{width:63px;height:63px;position:absolute;bottom:0px;left:50%;margin-left:-40px;z-index:999;opacity:0.6;filter:alpha(opacity=60);
    animation: 3s linear 0s normal none infinite running fade;}

/* Product */

.product {margin:0px auto; width:1200px; background:#F9F9F9; overflow:auto; zoom:1; }

.m10 {
	margin:10px auto;
}
.listleft {
	width:980px;
	float:left;
	background:#fff;
}

.listright {
	width:200px;
	float:right;
}

.listright .ltbt {
    width: 150px;
	margin:0px auto;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
	color:#2C4C9F;
	font-family: 黑体,STHeiti;
}
.listright .ltmenu {
    width: 150px;
	margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    height: 40px;
    line-height: 40px;
    color: #515151;
    font-family: "微软雅黑" ,黑体,STHeiti;
	font-size:15px;
}
.listright .ltmenuon {
    width: 150px;
    margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-family: "微软雅黑" ,黑体,STHeiti;
	display:inherit;
	font-size:15px;
}

.listright .ltmenuons {
    width: 150px;
    margin:0px auto;
    border-bottom: solid 1px #c3c3c3;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #DB6E00;
    font-family: "微软雅黑" ,黑体,STHeiti;
	display:inherit;
	font-size:15px;
}

.list002{
	margin:20px auto;
	width:100%;
}

.list002 li{
    width:22%;
	overflow:hidden;
	border:1px solid #EEE;
	color:#0564b4;
	float:left;
	text-align:center;
	margin:10px 1%;
	}

.list002 li img{
	width:220px;
	height:165px;
	display:block;
}
.list002 li p{
	line-height:25px;
}





.list003{
	margin:20px auto;
	width:100%;
}

.list003 li{
    width:22%;
	overflow:hidden;
	border:1px solid #EEE;
	color:#333;
	line-height:25px;
	float:left;
	text-align:center;
	margin:10px 1%;
	}

.list003 li img{
	width:220px;
	height:165px;
	display:block;
}
.list003 li p{
	line-height:35px; font-weight:bold;
}
.list003 li a{ color:#f00; font-size:16px;}

.list02 {margin:20px auto; width:278px; height:210px; border:#bebdbd 1px solid; border-bottom:#0564b4 3px solid; border-radius:5px;}
.list02 .bt{ width:94%; height:30px; margin:0px auto; border-bottom:#bebdbd 1px solid; }
.list02 .bt h1{ float:left; width:30%; line-height:30px; font-size:16px; color:#0564b4; border-bottom:#0564b4 1px solid; text-align:center; }
.list02 .bt span{ float:right; width:20%; line-height:30px; background:url(zfdx_06.jpg) no-repeat right; text-align:center;}
.list02 ul{margin:15px auto; width:93%; }
.list02 ul li{ background:url(zfdx_11.jpg) no-repeat left; line-height:25px; padding-left:16px;}

.subNavBox{width:198px;border:solid 1px #e5e3da;margin:0px auto;}
.subbt {
	color:#f00;
	font-size:14px;
	line-height:35px;
	padding-left:10px;
	font-weight:bold;
	background:#5d5d58;
	border-bottom:solid 1px #e5e3da;
}
.subbt a{
	color:#fff;
}
.subbt a:hover{
	color:#ff0;
}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer; font-family: '微软雅黑',Arial;font-size:12px;color:#333;line-height:35px;padding-left:10px;background:url(jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#5d5d58;}
.currentDd{color:#5d5d58}
.currentDt{background-image:url(jiantou.jpg);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:198px;heighr:28px;text-align:center;font-size:12px;line-height:35px;color:#333}
.navContent li a:hover{color:#fff;background-color:#5d5d58}

.e2{
	
}
.e2 li{
	width:25%;
	overflow:hidden;
	padding:12px 0px;
	border-bottom:0px solid #EEE;
	color:#5d5d58;
	float:left;
	text-align:center;
}
.e2 li b a{
	color:#ec6c02;
}
.e2 li a.preview{
	width:230px;
	float:left;
	margin-right:7px;
	margin-left:7px;
	display:inline;
	border:1px solid #EEE;
}
.e2 li a.preview img{
	width:220px;
	/*height:150px;*/
	display:block;
	padding:5px;
	
}
.e2 li a.preview span{
	line-height:30px;
}
.e2 li a:hover{
	border:1px solid #5d5d58;
	color:#ec6c02;
	font-size:14px;
}


.e2 li a.title{
	overflow:hidden;
	line-height:25px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.e2 span.info{
	display:block;
	line-height:23px;
	color:#555;
	padding-left:12px;
}
.e2 span.info small{
	color:#AAA;
	font-size:12px;
	margin-left:3px;
}
.e2 span.info a{
	color:#690;
}
.e2 p.intro{
	color:#776955;
	line-height:20px;
	margin-left:5px;
	padding-left:10px;
	padding-right:10px;
}
/* webdesign begin */
.webdesign1{width:100%;height:100%;background:#4bcdda;}
.wd_1{width:1000px;height:480px;margin:0px auto;position:relative;}
.wd_1_text{position:absolute;top:-3000px;left:432px;}
.wd_1_text2{position:absolute;top:166px;left:2202px;}
.wd_1_2{position:absolute;top:300px;left:356px;opacity:0.1;filter:alpha(opacity=10);}
.wd_1_left{position:absolute;bottom:-300px;left:-1000px;}
.wd_1_right{position:absolute;top:-400px;right:-1000px;}

.webdesign2{ background:url(webdesign2.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign3{ background:url(webdesign3.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign4{ background:url(webdesign4.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign5{ background:url(webdesign5.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign6{ background:url(webdesign6.jpg) no-repeat center; height:100%; width:100%;position:relative;}
.webdesign7{ background:url(webdesign7.jpg) no-repeat center; height:100%; width:100%;position:relative;}

/* right contact */
.right_contact{position:fixed;bottom:60px;right:0px;width:40px;display:none;z-index:100000;}
.right_contact .r_qq{background:url(contact_qq.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_tel{background:url(contact_tel.png) no-repeat center #ececec;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close{background:url(contact_close.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;}
.right_contact .r_close:hover{background:url(contact_close2.png) no-repeat center #43bcc7;cursor:pointer;}
.right_contact .r_show{background:url(contact_h.jpg) no-repeat center;width:40px;height:40px;cursor:pointer;}
.right_contact .right_hide{display:none;}
.right_contact .sel .r_qq{background:url(contact_qq2.png) no-repeat center #43bcc7;}
.right_contact .sel .r_tel{background:url(contact_tel2.png) no-repeat center #43bcc7;}
.right_contact .r_sub{display:none;position:absolute;right:40px;top:0px;background-color:#43bcc7;padding:20px;line-height:34px;z-index:100000;}
.right_contact .r_sub_tel{width:110px;top:40px;}
.right_contact .r_sub_tel span{display:block;font-size:14px;color:#fff;font-family:"微软雅黑";}
.right_contact .r_top{background:url(contact_top.png) no-repeat center #f9f9f9;width:40px;height:40px;cursor:pointer;display:none;}
.right_contact .r_top:hover{background:url(contact_top2.png) no-repeat center #43bcc7;}

/* right_contact_201601 */
.right_contact_201601{position:fixed;bottom:300px;right:0px;width:60px;height:240px;z-index:100000;background:url(right_bg.png) no-repeat;}
.right_contact_201601 li{position:relative;cursor:pointer;width:60px;height:60px;}
.right_contact_201601 li .hover{display:none;}
.right_contact_201601 .li_top{width:60px;height:60px;background:url(right_1.png) no-repeat;}
.right_contact_201601 .li_tel{width:238px;height:60px;background:url(right_2_h.png) no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_tel .text{color:#fff;font-size:24px;line-height:60px;padding-left:60px;}
.right_contact_201601 .li_qq{width:238px;height:60px;background:url(right_3_h.png) no-repeat;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.right_contact_201601 .li_qq .text{color:#fff;font-size:24px;line-height:60px;padding-left:60px;}
.right_contact_201601 .li_qq .text a{color:#fff;}
.right_contact_201601 .li_close{width:60px;height:60px;background:url(right_4.png) no-repeat;}

.right_contact_201601 .li_tel:hover{margin-left:-178px;width:238px;height:60px;background:url(right_2_h.png) no-repeat;}
.right_contact_201601 .li_qq:hover{margin-left:-178px;width:238px;height:60px;background:url(right_3_h.png) no-repeat;}
.right_contact_201601 li:hover .hover{display:block;}

/* right nav */
#fp-nav{position:fixed;z-index:100000;top:50%;opacity:1;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}
.fp-slidesNav ul li{display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display: block;position:relative;z-index:1;width:100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background: #ccc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:8px;height:8px;border:1px solid #ccc;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1;}

/* 员工天地 */
.news_list_yuangong{width:100%;background:url(news_yuangong_bg.jpg) no-repeat center top;height:800px;margin-top:40px;}
.news_list_yuangong ul{width:1200px;margin:0px auto;}
.news_list_yuangong li{width:200px;height:200px;float:left;position:relative;cursor:pointer;overflow:hidden;}
.news_list_yuangong li .li_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;}
.news_list_yuangong li.li .li_caption a{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li .li_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .li2_t{position:absolute;left:0;z-index:3;text-align:center;width:200px;}
.news_list_yuangong li.li2 .t{font-size:18px;line-height:30px;color:#fff;display:block;padding-top:56px;padding-left:6px;padding-right:6px;}
.news_list_yuangong li.li2 .date{font-size:14px;line-height:30px;color:#fff;font-family:Arial;}
.news_list_yuangong li .li2_caption{position:absolute;left:0;display:none;width:200px;height:200px;overflow:hidden;z-index:2;opacity:0.2;filter:alpha(opacity=20);}

/* kehu info */
.kehu_info_logo{text-align:center;margin:40px auto;}
.kehu_spec{font-size:14px;color:#333;line-height:1.8;width:70%;text-align:center;margin:40px auto;}
.kehu_text_1{background:url(kehu_text1.jpg) no-repeat top center;height:23px;width:100%;}
.kehu_text_2{background:url(kehu_text2.jpg) no-repeat top center;height:26px;width:100%;}
.kehu_text_3{background:url(kehu_text3.jpg) no-repeat top center;height:25px;width:100%;}
.kehu_info_list{margin:30px auto;}
.kehu_info_list dl{float:left;width:300px;text-align:center;margin:30px 0;}
.kehu_info_list dt{padding-bottom:18px;}
.kehu_info_list dd{line-height:2;font-size:14px;color:#444444;}
.kehu_info_list dd a{line-height:2;font-size:14px;color:#5d5d58;}
.kehu_piclist{margin:60px auto;}
.kehu_piclist li{border:5px solid #ddd;width:290px;position:relative;z-index:1;cursor:pointer;float:left;margin:30px 50px;}
.kehu_piclist li .preview{display:none;}
.kehu_piclist li:hover{ alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.kehu_piclist li:hover .preview{display:block;background:url(kehu_ico_fangda.png) no-repeat center center; width:50px;height:50px;position:absolute;top:36%;left:120px;}


.viewbox{
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title{
	height:56px;
	line-height:56px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
}
.viewbox .title h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:95%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .picview{
	width:320px;
	float:right;
	padding-right:24px;
	padding-top:16px;
}
.viewbox .labeltitle{
	height:23px;
	background:url(view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:10px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	margin:10px auto;
	font-size:14px;
	padding:10px 10px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 1px;
}
.viewbox .page{
	margin:10px auto;
	font-size:16px;
	padding:10px 10px;
	line-height:25px;
	color:#333;
	border-top:#e5e5e5 solid 0px;
}

.viewbox .page img{
	margin:0px 10px;
	padding:5px;
	border:#f1f1f1 solid 1px;
}
.xq {
	margin:0px 0px 10px auto;
	width:98%;
	height:40px;
	background:#f7f2f2;
	line-height:40px;
	padding-left:20px;
	font-weight:bold;
}
.picc {
	
	width:100%;
	height:280px;
	border-bottom:#e5e5e5 solid 1px;
}
.picc1 {
	float:left;
}
.picc1 img{
	width:300px;
	height:225px;
	padding:10px;
	margin:10px auto 20px auto;
	border:#e5e5e5 solid 1px;
}
.picc ul {
	float:left;
	padding:10px;
	margin:10px;
	height:240px;
}
.picc ul li{
	line-height:30px;
}
.picc ul li b{
	color:#f00;
}
.picc ul li span{
	float:left;
	width:120px;
	height:40px;
	text-align:center;
	margin:20px 10px;
	line-height:40px;
	background:#5d5d58;
	color:#fff;
	border-radius:5px;
}
.picc ul li span a{
	color:#fff;
}

.viewbox .boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(boxoff.gif) left 15px repeat-x;
	margin:4px auto;
	padding-top:10px;
}
.viewbox .boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;
	background:url(boxoff.gif) right -10px no-repeat;
	float:left;
}
.viewbox .newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.viewbox .diggbox{
	width:195px;
	height:51px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.viewbox .diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.viewbox .diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.viewbox .diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.viewbox .diggbox .digg_percent .digg_percent_bar{
	width:100px;
	height:7px;
	background:#E8E8E8;
	border-right:1px solid #CCC;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.viewbox .diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span{
	display:block;
	height:5px;
	overflow:hidden;
	background:#000;
}
.viewbox .newdigg .digg_good{
	background:url(newdigg-bg.png) left top no-repeat;
}
.viewbox .newdigg .digg_bad{
	background:url(newdigg-bg.png) right top no-repeat;
}
.viewbox .newdigg .digg_good .digg_act{
	color:#C30;	
}
.viewbox .newdigg .digg_good .digg_num{
	color:#C63;
}
.viewbox .newdigg .digg_bad .digg_act{
	color:#36C;	
}
.viewbox .newdigg .digg_bad .digg_num{
	color:#39C;
}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{
	border:1px solid #E37F24;
	background:#FFC535;
}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{
	border:1px solid #689ACC;
	background:#94C0E4;
}
.viewbox .handle{
	height:59px;
	padding-top:12px;
	overflow:hidden;
	clear:both;
}
.viewbox .handle .digg{
	width:59px;
	height:59px;
	float:left;
	background:url(digg-bg.gif) no-repeat;
	margin-right:12px;
}
.viewbox .handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.viewbox .handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
.viewbox .handle .context{
	float:left;
}
.viewbox .handle .context ul li{
	line-height:29px;
	color:#888;
}
.viewbox .actbox{
	width:260px;
	text-align:center;
	float:right;
	padding-top:20px;
	padding-right:10px;
}
.viewbox .actbox ul li{
	display:inline;
	padding-left:22px;
	background-image:url(actbox-ico.gif);
	background-repeat:no-repeat;
	margin-right:10px;
}
.viewbox .actbox ul li a{
	color:#666;
}
.viewbox .actbox ul li#act-fav{
	background-position:4px 0px;
}
.viewbox .actbox ul li#act-err{
	background-position:4px -37px;
}
.viewbox .actbox ul li#act-pus{
	background-position:4px -73px;
}
.viewbox .actbox ul li#act-pnt{
	background-position:4px -109px;
}
.viewbox .downurllist{
	width:100%;
	clear:both;
	overflow:hidden;
	
}
.viewbox .downurllist li{
	height:27px;
	background:url(downurl-bg.gif) right top no-repeat;
	padding-right:4px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	margin-top:10px;
}
.viewbox .downurllist li a{
	height:27px;
	background:url(downurl-bg.gif) left top no-repeat;
	display:block;
	font-size:12px;
	color:#555;
	text-indent:30px;
	line-height:27px;
	float:left;
	padding-right:5px;
}
.viewbox .downurllist li a:hover{
	color:#F63;
	text-decoration:none;
}
.viewbox .picbox{
	width:100%;
	text-align:center;
	padding-top:10px;
	font-size:14px;
	line-height:31px;
	overflow:hidden;
}
.viewbox .picbox img{
	display:block;
	margin:16px auto 6px;
}
.viewbox .picbox ul.e8{
	font-size:12px;
	line-height:normal;
}
.viewbox .picbox ul.e8 li .pic{
	background:none;
	border:1px solid #EEE;
	overflow:hidden;
}
.viewbox .picbox ul.e8 img{
	margin:3px;
	border:none;
}
.viewbox .picbox ul.e8 li .title{
	padding-top:0px;
}

/*滚动*/
div.indexmaindiv{height:270px;margin:0px auto;width:1200px;}
div.indexmaindiv div.playerstyles{width:280px;height:44px;background:url('playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left top;margin:86px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -28px;margin:86px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:260px;height:245px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:260px;height:195px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:260px;height:195px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:260px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:260px;height:27px;display:block;background:url('checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -56px;margin:86px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('arrowhead.png') no-repeat left -84px;margin:86px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1200px;height:220px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:260px;height:195px;margin-left:13px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#39ae3c url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#39ae3c url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#39ae3c url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#39ae3c url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/* Easy Slider */
/* 成功案例 */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
    width:350px;
    height:560px;
    overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-380px;
    top:350px;
    z-index:1000;
    font-size:0px;
}	
#nextBtn, #slider1next{ 
    left:730px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:relative;
    width:43px;
    height:85px;
    background:url(btn_prev.png) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
    background:url(btn_next.png) no-repeat 0 0;	
}	

/* numeric controls */	
ol#controls{
    margin:156px auto 0px auto;
    padding:0;
    height:28px;
    padding-left:42%;
}
ol#controls li{
    margin:0 10px 0 0; 
    padding:0;
    float:left;
    list-style:none;
    height:12px;
    line-height:12px;
    width:12px;
}
ol#controls li a{
    display:block;
    height:12px;
    width:12px;
    line-height:12px;
    padding:0px;
    text-decoration:none;
    font-size:0px;
    background:url(case_ico.png) no-repeat 0px -12px;
}
ol#controls li.current a{
    background:url(case_ico.png) no-repeat 0px 0px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



@media all and (min-width:1200px) and (max-width:1610px) {
    /* case */
    .case_list_201601{width:1195px;}
    .portfolio-grid{width:1300px;}
}
@media all and (max-width:1199px) {
    .wrap{width:968px;}
    /*index */
    .header .logo_text{display:none;}
    //home service*/

    .serve_column ul{width:824px;margin:0px auto;}
    .serve_column li{float:left;width:272px;height:390px;background:#ffffff;margin:10px 95px 20px 45px;}


    /*home_news*/
    .hn_main{width:450px;position:relative;padding-bottom:28px;margin-top:40px;}
    .hn_column{width:480px;margin-top:30px;}
    .top_news_img{width:450px;height:194px;}
    .hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad;}
    .home_service{display:none;}

    /* case */
    .case_list_201601{width:790px;}
    .portfolio-grid{width:850px;}

    /*about*/
    .about{width:100%;overflow:hidden;}
    .about .points{height:500px;}
    .about_tab{width:860px;}
    .about_main{width:400px;}
    .about_cont2{display:none;}
    .about_cont li{margin-bottom:14px;width:200px;float:left;}
    .about_main .about_cont:first-child{border-bottom:0px none;}
    .zhizi li:first-child{display:none;}
    .job_tab{display: none;width:440px;}
    .jion_box{width:960px;margin: 0 auto;position: relative;}
    .jion .send{position:absolute;right:22px;top:444px;}
    .jion_img{top:135px;left: 0;}
    .jion_info{margin-left: 250px;margin-top:360px;}

    /* contact */
    .connect_column li{margin-left:40px;}
    .connect_column li:first-child{margin-left:10px;}
    .arrive_column_con{width:950px;overflow:hidden;}
    .arrive_column{margin-left:50px;width:950px;}
    .arrive_column dl{width:260px;margin:30px 25px;}
    .arrive_column dd{font-size:15px;color:#333;line-height:32px;}
    .connect_column li:last-child{display:none;}
    .bus{padding-left:10px;}

    /* service */
    .ser_project ul{width:750px;}
    .ser_project li{margin-left:40px;margin-right:60px;margin-top:40px;}
    .ser_project li:first-child{margin:40px 60px 0px 40px;}
    .picScroll-left{width:960px;}
    .picBox li img{width:334px;height:184px;}
    .picBox li{float:left;position:relative;width:334px;}
    .picBox .intro{font-size:13px;}
    .sp_box img{width:100%;}

    /* mobile */
    .mobile_column ul{width:960px;}
    .mobile_column li{width:300px;margin-left:20px;}
    .wechat dl{margin-left:30px;margin-top:300px;float:left;}
    .wechat_intro{margin-top:60px;}
    .wi_left{margin-left:10px;width:350px;}
    .wi_right{width:400px;}

    /* solution */
    .solution_list{width:960px;}
    .solution_list li{margin-left:60px;}
    .solution_list ul{margin-right:0px;}
    .news_info{width:960px;}
    .news_menu{display:none;}
    .news_box{width:940px;padding-left:20px;}

    /* news */
    .news_tab{width:960px;overflow:hidden;}
    .news_list{width:960px;}
    .news_cont{width:780px;margin-right:20px;}
    .news_list_yuangong{width:100%;background:url(news_yuangong_bg.jpg) no-repeat center top  #95c9bc;height:1200px;margin-top:40px;}
    .news_list_yuangong ul{width:800px;margin:0px auto;}
    /* contact_pay */
    .pay_list{width:960px;}
    .pay_list table{width:auto;}
    .pay_list table td{font-size:13px;line-height:28px;width:240px;overflow:hidden;vertical-align: top;}
    .pay_list dt{height:80px;width:228px;overflow:hidden;}
    .pay_spec{font-size:13px;width:960px;}
    .pay_list dt.dt2{padding-left:6px;}
    .pay_list dd{padding-left:4px;}
}