@charset "gb2312";
/* CSS Document */
body,ul,div,img,h5,h4,h3,h2,h1,p,span,table,figure,i,li{ margin:0; padding:0}
a:link, a:visited {text-decoration: none; color:#333 } 
a{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
img{ border:0}
body{font-size:12px;background: url(../images/top.jpg) repeat-x 0 40px #fff;}
ul{ list-style-type:none}
.left{ float:left}
.right{ float:right}
.blank{ height:5px; overflow:hidden; width:100%; margin:auto; clear:both}
header{ width:1000px;  margin:auto; overflow:hidden; position:relative; }
header span{ position: absolute; left: 725px;top: 30px; font-size:14px; background:url(../images/1.png) no-repeat; padding-left:40px; height:30px; line-height:30px}
header span b{ color:#F00}
header img{ float:left; margin:0 20px 0 0; height:80px;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
header img:hover{transform: rotate(20deg);-webkit-transform: rotate(20deg);-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg) ;}
header h1{ font-size:24px; margin-top:15px; text-shadow:#fff 1px 1px 1px}
header h1 a:hover{ padding-left:10px}
header p{font-family: 'Expletus Sans', cursive; font-size:14px; margin:5px 0 0 0}
nav { background:url(../images/nav.png) no-repeat center; margin:10px 0 0 0}
nav ul{ width:1000px; margin:auto;overflow:hidden}
#nav li {float:left;overflow: hidden; list-style-type: none; line-height:44px; font-size:14px; margin:0 15px 0 0;  width:120px; text-align:center}
#nav li a{ color:#fff;display: block; }
#nav ul li a:hover{ background:rgba(153,0,0,0.4); color: #FFF; font-weight:bold;}
#nav ul li a#nav_current {background: #900;color: #FFF; font-weight:bold; }
/* banner */
#banner { width:100%; background:#f6f6f6; padding:20px 0; border-bottom:#CCC 1px solid }
.slides { margin: 0px auto; width: 1000px; height: 400px; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 1000px; overflow: hidden; list-style: none; }
.slide-pic img { width: 1000px; height: 400px; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }
.slide-li li { margin: 0px; padding: 0px; width: 200px; height: 10px; float: left; overflow: hidden; list-style: none; }
.slide-li a { width: 200px; height: 10px; color: #000; font-size: 12px; display: block; }
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
.op li.cur { background: #666666; }
.slide-txt span { display: none; }
/* soft */
.softshow{  border-bottom:#c8c8c8 1px solid}
.soft{ overflow:hidden;padding:20px 0}
.soft ul{ width:1000px; margin:auto; }
.soft ul section{ float:left; overflow:hidden; width:310px;border:#ccc 1px solid; box-shadow:#999 1px 1px 5px; height:240px; padding:4px}
.m10{ margin:0 20px}
.soft ul section h2{ font-size:14px; text-shadow:#333 1px 1px 1px;line-height:35px; height:35px; text-align:center;}
.soft ul section h2 a{color:#FFF;}
.soft ul section h2 a:hover{ padding:0 0 0 10px}
.soft ul section h2.c01{ background:#1ABC9C}
.soft ul section h2.c02{ background:#27AE60}
.soft ul section h2.c03{ background:#2980B9}
.soft ul section p{ margin:15px 20px; line-height:22px; color:#65686e;}
.soft ul section p a:hover{ color:#F00; text-decoration: underline}
.soft ul section p b{ color:#333; }
/* case */
.case{ width:100%; background:#f6f6f6;border-bottom:#c8c8c8 1px solid}
.case ul{ width:1000px; margin:auto; padding:20px 0; overflow:hidden}
.case ul li img{  width:150px; height:150px;border-radius:5px;border:#C6C6C6 4px solid;}
.case ul li{ float:left; margin:0 8px 0 0; position:relative}
.case ul li a:hover{opacity:0.8; border-bottom:#000 5px solid;}
.case ul li i{
	position: absolute;
	background: url(../images/new.png);
	width: 44px;
	height: 45px;
	top: -2px;
	left: 117px
}
/* news */
.news{ width:450px; margin:10px 0}
.news h2{ font-size:14px; line-height:40px}
.news h3{ font-size:12px; line-height:26px;}
.news h3 a:hover{ padding:0 0 0 20px}
.topnew{ border-bottom:#CCC 1px dashed; overflow:hidden;}
.topnew img{ height:100px; border:#CCC 1px solid; padding:3px; float:left; clear:left; margin-right:20px}
.topnew p{  margin-bottom:10px; line-height:1.5; color:#666 }
.topnew p a{ display:block; line-height:24px; padding:5px; color:#36C}
.topnew p a:hover{ color:#F00; text-decoration:underline; }
.newlist{ margin:10px 0}
.newlist li{ line-height:28px; height:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background:url(../images/li.jpg) left no-repeat; padding-left:10px}
.newlist li a{ color: #333; display:block;}
.newlist li a:hover{ padding-left:20px; background:#ccc; text-shadow:#fff 1px 1px 1px }
/* links */
article{width:1000px; margin:auto; overflow:hidden; }
.links{ width:100%; margin:auto;}
.links h2{ color:#000; line-height:40px; font-size:14px}
.links ul{border-top:#c8c8c8 1px solid ; padding:10px 0}
.links ul img{ display:inline;margin:2px; width:88px; height:31px  }
.links ul li a{ display:block; background:#393939; color:#ACABAB; padding: 0 10px}
.links ul li a:hover{ background:#393939; color:#FFF;border-radius:5px}
/* footer */
footer { width:100%; margin:0 auto;  background:#242221; border-top:30px #ccc solid;color:#999;}
#fatfooter{ width:1000px; margin:auto; padding:20px 0; overflow:hidden }
.partner ul{ text-align:left; float:left; width:250px }
.partner h2{  font-size:14px; line-height:30px; height:30px; color:#f6f6f6; text-shadow:#000 1px 1px 1px}
.partner p{ line-height:22px; height:22px}
.partner p a{ color:#999}
#copright{ background:#141414;line-height:50px; height:50px; text-align:center; width:100%;color:#999}
#copright a{color:#999}
#copright a:hover,.partner p a:hover{color: #FFF; padding-left:10px}


/* ---------案例展示 photo----------*/
/* 100% */
.caseshow{ width:100%; background:#242221; border-top:10px #FFFFFF solid; color:#A4A4A4; text-shadow:#000 1px 1px 2px}
.caseshow h2{ font-size:68px; padding-left:55px; font-family:"Times New Roman", Times, serif}
.caseshow h3{ font-family: "微软雅黑",Verdana, Geneva, sans-serif; font-size:48px; font-weight:normal}
.ex01{ margin:20px 40px; }
.ex{margin:30px 0 ; width:50%}
.ex span{font-family:"Times New Roman", Times, serif; margin-right:20px; color:#fff;}
.ex p{  font-size:28px; font-family:"微软雅黑"; margin:5px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ex p:hover{ padding-left:15px}
/* 业务热线+导航  */
.phonav{ background:#EFEFEF; clear:both}
.phonav aside{width:1000px; margin:auto; overflow:hidden; padding:20px 0}
.phonav h2{ float:left; line-height:40px;color:#f00 ;font-size:16px}
.phonav ul{ float:right;text-align:right}
.phonav ul li{ display: block; float:left }
.phonav ul li a{ line-height:40px; height:40px;background:#DFDFDF;display: block; float:left; margin-left:20px;margin-top:5px; width:90px; text-align:center}
.phonav ul li a:hover{ background:#FFF; box-shadow:#333 1px 1px 2px;margin-top:0px }
/* 图片案例展示列表 */
.pholist{width:100%; background:#EFEFEF; overflow:hidden; padding-bottom:20px }
.pholist h2{ line-height:40px; font-size:16px}
.pholist ul{border-top:#000 1px solid; width:1000px; margin:auto; clear:both}
.pholist ul li img{  width:310px; height:230px;border:#323232 5px solid; display:inline;float:left; margin-bottom:5px;}
.pholist ul li{ width:320px; float:left; margin:0 13px 20px 0; position:relative;text-align:center; font-size:14px; line-height:40px; border-bottom:#333 1px dashed}
.pholist ul li a{ display:block;}
.pholist ul li a:hover{ color:#F00; opacity:0.7}
.pholist ul li i{
	position: absolute;
	background: url(../images/indexdoc3.png);
	width: 90px;
	height: 58px;
	top: 182px;
	left: 230px
}
/* 新闻列表list */
.listnew{width:100%; background:#EFEFEF; overflow:hidden; padding-bottom:20px  }
.listnew h2{ line-height:40px; font-size:16px;border-bottom:#000 1px solid; font-size:16px }
.listl ul{ text-align:center; width:230px}
.listl ul li{ line-height:40px; border-bottom:#ccc 1px dashed; margin:0 20px; font-size:14px}
.listl ul li a:hover{ padding-left:20px; font-weight:bold}
.listr{ width:740px}
.listr span{ float:right; font-size:12px; font-weight:normal}
.listr span a:hover{ color:#F00;}
.listr ul li{ line-height:28px; height:28px; font-size:14px; height:28px; background:url(../images/li.jpg) left no-repeat; padding-left:15px; }
.listr ul li a{ display:block;}
.listr ul li a:hover{ background:#ccc; color:#000; padding-left:20px; text-shadow:#fff 1px 1px 1px}
.listr ul li b{ color:#F00; font-weight:normal;}
/* 新闻view */
.content .title{ text-align:center; padding-top:20px; font-size:16px;}
.content ul{ padding:20px; line-height:24px; font-size:14px}
.content ul p{ margin:0 0 15px 0; text-indent:2em;}