@charset "utf-8";
/* CSS Document */
/* 全局样式 */
body {
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	color: #454545;
	font-family: '微软雅黑', 'microsoft yahei';
}
body > div {
	margin-right: auto;
	margin-left: auto
}
div, form, ul, ol, li, span, p, img, a img, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 12px
}
ul, ol, li {
	list-style: none
}
em {
	font-style: normal
}
.mauto {
	margin: 0 auto
}/*居中*/
.left {
	float: left
}/*左浮动*/
.right {
	float: right
}/*右浮动*/
.clear {
	clear: both;
	font-size: 1px;
	visibility: hidden
}/*清除浮动*/
.textr {
	text-align: right
}
.textl {
	text-align: left
}
.textc {
	text-align: center
}
a {
	text-decoration: none;
	color: #454545;
}
a:hover {
	text-decoration: none;
	color: #da3601;
}
.w {
	width: 1200px;
	margin: auto;
}
/* 头部  */
.top {
	height: 96px;
	min-width: 1200px;
}
.logo {
	padding-top: 18px;
}
.nav li {
	line-height: 20px;
	float: left;
	
}
.nav li a {
	display: block;
	font-size: 16px;
	color: #333;
	height: 69px;
	padding: 25px 10px 0 10px;
}
.nav li a img{
	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;}
.nav li a p{ 
     padding-left:6px;}
.nav li a span {
	color: #999;
	font-size:12px;
}
.nav li a:hover{color: #999;}
.nav li a:hover img {
	text-decoration: none;
	transform: translate(-5px, 0);
	-webkit-transform:translate(-5px, 0);
	-moz-transform:translate(-5px, 0);
	-o-transform:translate(-5px, 0);
	-ms-transform:translate(-5px, 0)	
}

/* banner */
.banner {
	height: 524px;
	overflow: hidden;
	min-width:1200px;
	position: relative;
}
.banner .d1 {
	width: 100%;
	height: 524px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.banner .d2 {
	width: 100%;
	height: 30px;
	clear: both;
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 480px;
}
.banner .d2 ul {
	float: left;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -96px;
	display: inline;
}
.banner .d2 li {
	width: 17px;
	height: 15px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/img1.png) no-repeat center;
	float: left;
	margin: 0 3px;
	display: inline;
}
.banner .d2 li.nuw {
	background: url(../images/img1_1.png) no-repeat center;
}
/* 内容 */
.con-box1 {
	min-width: 1200px;
	background: #e8e8e8;
	height: 114px;
}
.con-box2 {
	height: 350px;
	position:relative
}
.aboutL {

	width: 152px;

}
.aboutR {
	width: 1000px;
	padding-top: 30px
}
.aboutR h3 {
	font-size: 20px;
	font-weight: bold;
	color: #196ea7;
	border-left: 6px solid #196ea7;
	padding-left: 14px;
	margin-bottom: 20px
}
.aboutR p {
	line-height: 30px;
	color: #888;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}
.about-moer {
	font-size: 14px;
	font-weight: bold;
	color: #196ea7;
	padding: 8px 20px;
	border: 2px solid #196ea7;
}
.about-moer:hover {
	color: #fff;
	background: #196ea7
}
.con-box3 {
	min-width: 1200px;
	background: #e8e8e8;
}
.serviceL {
	width: 171px;
	margin-top: -130px
}
.serviceC {
	background: url(../gf_images/service3.png) center 50px no-repeat;
	height: 420px
}
.serviceC ul li {
	width: 240px;
	text-align: center;
	float: left;
	line-height: 30px;
	margin-top:-20px
}
.serviceC ul li h3 {
	font-size: 30px;
	font-weight: bold;
	line-height: 70px
}
.serviceC ul li p {
	font-size: 16px;
	font-weight: bold;
	color: #888;
}
.serviceC ul >.serviceCLI {
	padding-top: 210px
}
.con-box4 {
	background: url(../gf_images/case2.jpg) no-repeat center;
	height: 1024px;
	min-width:1200px;
	margin-top:-60px;
}
.casetL {
	padding-top: 30px
}
.casetC {
	padding-left: 95px;
	margin-top: -50px;
	height: 778px;
	position: relative;
}
/* 本例子css */
.slideBox {
	width: 1010px;
	height: 708px;
	overflow: hidden;
	position: relative;
}
.slideBox .bd {
	position: relative;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd img {
	width: 1010px;
	height: 658px;
	display: block;
	padding-top: 20px
}
.slideBox .bd p {
	color: #fff;
	width: 1010px;
	text-align: center;
	font-size: 18px;
	display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,  .slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(../gf_images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}
.slideBox .prev:hover,  .slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
.case-moer {
	font-size: 14px;
	font-weight: bold;
	color: #196ea7;
	padding: 8px 20px;
	border: 2px solid #196ea7;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -55px;
	background: #fff;
}
.case-moer:hover {
	color: #fff;
	background: #196ea7
}
/* 尾部 */
.footer {
	background: #073571;
	padding: 10px 0;
	min-width: 1200px;
	color: #fff;
}
.contactusH3 {
	line-height: 60px;
	font-size: 18px;
	color: #fff;
}
.contactus-boxC {
	padding: 20px 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.contactus-boxC ul li {
	color: #fff;
	float: left;
	margin-right: 150px;
	line-height: 40px;
}
/* 服务范围 */
.service-con {
	padding: 20px 0;
}
.service-conH3 {
	border-bottom: 1px solid #ddd;
	line-height: 60px;
	font-size: 30px;
	color: #196ea7;
	text-align: center;
	width: 1200px;
}
.service-conul {
	padding: 20px 0;
	margin: 0 -6px;
}
.service-conul li {
	background: #196ea7;
	width: 180px;
	margin: 6px;
	padding: 10px 0 0 10px;
	float: left;
	height: 70px;
}
.service-conul-b {
	padding-top: 8px;
	color: #fff;
}
.service-conul-b h3 {
	font-size: 18px;
}
.service-conul-b p {
	font-size: 12px;
}
/* 案例展示 */
.slideTxtBox {
	width: 1200px;
	text-align: left;
	padding: 30px 0;
}
.slideTxtBox .hd {
	height: 54px;
	line-height: 54px;
	position: relative;
}
.slideTxtBox .hd ul {
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 54px;
}
.slideTxtBox .hd ul li {
	float: left;
	width: 142px;
	text-align: center;
	cursor: pointer;
	background: #e2e2e2;
	border-radius: 6px;
	margin-right: 20px;
	font-size: 16px;
}
.slideTxtBox .hd ul li.on {
	height: 54px;
	background: #196ea7;
	color: #fff;
}
.slideTxtBox .bd ul{
	padding: 20px 0;
	margin: 0 -6px;
	}
.slideTxtBox .bd li a{
	background: #196ea7;
	width: 271px;
	margin: 6px;
	padding: 10px 10px 0 10px;
	float: left;
	height: 70px;
	display:block;
	cursor:pointer
	
	
}
.slideTxtBox .bd li a img{
	width:58px;
	height:58px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.slideTxtBox .bd li a:hover img{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.slideTxtBox .bd li a h3{font-size: 18px; color:#fff; line-height:60px;-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;}
.slideTxtBox .bd li a:hover{ background: #196ea7; text-decoration:none}
.slideTxtBox .bd li a:hover h3{-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);}

/*
.slideTxtBox .bd ul {
	zoom: 1;
	 margin:-6px;
	 padding-top:30px;
	  width:100%; 
}
 .slideTxtBox .bd li{
	width: 386px;
	height: 260px;
	margin:6px;
	float:left;
	overflow: hidden;
	position: relative;
	border:1px solid #ddd
	
	
}


.slideTxtBox .bd li img {
	width: 100%;
	top: 0;
	position: relative;
	left: 0;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.slideTxtBox .bd li p{ position:absolute; bottom:0; left:0; width:100%; height:40px; background:url(../gf_images/casen3.png); text-align:center; color:#fff; line-height:40px; font-size:16px;}
.slideTxtBox .bd li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/* 关于我们 */
.con{ padding-top:50px;}
.con h3{ text-align:center; width:100%; font-size:30px; color:#333; line-height:50px;}
.con p{ text-align:center; width:100%; font-size:14px; color:#888; padding-bottom:20px; border-bottom:1px solid #ddd;}
.con_n{ padding:0 40px 50px 40px; line-height:30px;font-size:18px;}
.con_n img{ max-width:1100px;}
.con_box{ border:1px solid #ddd; margin:20px 0; }