@charset "utf-8";

/* CSS Document */



.banner-index{ background:url(../images/images/banner-about.png) center;height:401px;}

.chira-box{width:1200px;margin: auto;}



.H01{width:1200px;text-align:center;

      font-weight:normal;font-size:32px;line-height:64px;color:#199ad7;    z-index: 100;

      position: relative; 

       padding-top:20px;   

       }

.chira-main pre{

	margin-right:55px;font-size:15px;line-height:26px;

	padding:10px 10px 10px 0;

	

}

.chira-main video{

	float:right;

	margin: 32px 0px 20px 30px;

}

.chira-main p{

	float:left;

}

.qywh{

	background:#9acced;

	margin:auto;

	text-align:center;

	padding: 0px 0 50px;

}

.qywh .H01{

	color:#fff;

	

}

.fzlc img{

	width:1200px;

	margin:auto;

	

}

.fzlc{

	width:100%;

	text-align:center;

}

.qywh img{

	width:1200px;

	margin:10px auto 0;

	}



.zp-nav{width:100%;background:#eee;}

.zp-nav >ul{width:1080px;margin:auto;}

.zp-nav >ul li{float:left;text-align:center;padding:17px 75px;}

.zp-nav >ul li:hover{background:#d1d1d1;cursor:pointer;}

.zp-now{background:#d1d1d1;}

.zp-nav-img{height:40px;}





.About-com{background:url(../images/images/About-img/com-bg.png);width:100%;height:650px;}

.About-com >h1{padding-top:10px;}

.About-big-box{width:1200px;margin:20px auto 0;}

.com-main{width:350px;height:430px;font-size:15px;line-height:26px;background:#289bd9;position:relative;}

.com-main p{ font-sizer:16px;line-height:30px;padding:0 30px;color:#fff;}

.com-main h4{font-size:36px;font-weight:normal;padding:16px 30px;color:#fff;}

.bg-3{position:absolute;right:0;top:0;}



.devel-main{width:1200px;background:#219cd7;padding-bottom:10px;margin-bottom:44px; ;}

.devel-main >img{margin:auto;display:block;padding:26px 0;}

.devel-main pre{color:#fff;width:1028px;overflow:auto;font-size:15px;line-height:26px; }



.honor-box{background:#f3f3f3;}

.honor-main{width:1020px;margin:auto;padding-bottom:50px;}

.honor-m{width:560px;float:left;}

.Solution-box li{line-height:30px;text-align:center;}

.honor-m a{display:block;margin:auto;;color:#577fac}

.honor-m:hover{

	background:#e6e6e6;

}

.honor-m b{padding:0 4px;border-radius:50%;border:1px solid #c2c2c2;margin-left:5px;color:#c2c2c2;font-weight:normal}

.map-box{line-height:24px;width:1200px;margin:auto;background:url(../images/images/About-img/timg.png)  center 71px no-repeat;}

.m-map{width:796px;margin-left:40px; margin-top: 25px;}

.map-online{

	float:right;

	}

.map-online span{

	color:#c9c9c9;

	margin-left:10px;

	}

.map-online h2{

	color:#f78d26;

	font-weight:normal;

	font-size:30px;

	line-height:60px;

	}

.map-online a{

	width:140px;

	height:36px;

	border-radius:36px;

	line-height:36px;

	display:block;

	border:1px solid #cccccc;

	text-align:center;

	}

.map-online a:hover{

	border:none;

	color:#fff;

	-webkit-transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -ms-transition: all ease 300ms;

    transition: all ease 300ms;

	-webkit-animation: pudding 1.5s linear;

    -moz-animation: pudding 1.5s linear;

    -ms-animation: pudding 1.5s linear;

    animation: pudding 1.5s linear;

	

	}

.onlinebg01{

	background:url(../images/images/About-img/kefu.png) no-repeat 10px ;

	}

.onlinebg01:hover{

	background:url(../images/images/About-img/kefu.png) no-repeat 10px #1b8dd0;

}

.onlinebg02{

	background:url(../images/images/About-img/QQ.png) no-repeat 10px ;

	margin-top:10px;

	}

.onlinebg02:hover{

	background:url(../images/images/About-img/QQ.png) no-repeat 10px #1b8dd0;

}