@charset "utf-8";
/* CSS Document */
/*content1*/
.blueapp1{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:120px;
}
/*标题*/
.c-bt {
    width: 1000px;
    height: auto;
    text-align: center;
}

.c-span1 {
    color: #333;
    font-size: 22px;
    line-height: 40px;
}
.c-span2 {
    font-size: 18px;
    color: #666;
    line-height: 20px;
}
.s-x {
    width: 1000px;
    height: 3px;
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center;
}
/*标题*/
.blueapp-banner{
	width:100%;
	height:400px;
	margin:0 auto;
	overflow:hidden;
	/*background:url(../img/blueapp.jpg) no-repeat scroll 50% 0px;*/}

.con_deat{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.deat_img{ background:url(../img/mukuai.png) no-repeat; width:245px; height:222px; float:left; padding-right:5%;}
.deat_t1{ font-size:18px; color:#263c82; margin-top:10px;}
.deat_t2{ font-size:14px; color:#a0a0a0; line-height:30px; padding-top:10px;}
/*content1*/


/*content2*/
.blueapp2{
	width:100%;
	height:631px;
	background:url(../img/process-bg.png) no-repeat scroll 50% 0px;
}
.c-span3 {
    color: #fff;
    font-size: 22px;
    line-height: 40px;
}
.c-span4 {
    font-size: 18px;
    color: #a2a6b8;
    line-height: 20px;
}
/*content2*/
/*content3*/
.app-li{
	width:72px;
	height:auto;
	float:left;
	margin-right:82px;
	margin-bottom:36px;
}
.app-p1{
	width:72px;
	height:72px;
	background:url(../img/g1.png) no-repeat;
}
.app-wz{
	text-align:center;
	color:#6f6f6f;
	line-height:46px;
}
.app-p1:hover{
	width:72px;
	height:72px;
	background:url(../img/g1.2.png) no-repeat;
}
.app-p2{
	width:72px;
	height:72px;
	background:url(../img/g2.png) no-repeat;
}
.app-p2:hover{
	width:72px;
	height:72px;
	background:url(../img/g2.2.png) no-repeat;
}
.app-p3{
	width:72px;
	height:72px;
	background:url(../img/g3.png) no-repeat;
}
.app-p3:hover{
	width:72px;
	height:72px;
	background:url(../img/g3.3.png) no-repeat;
}
.app-p4{
	width:72px;
	height:72px;
	background:url(../img/g4.png) no-repeat;
}
.app-p4:hover{
	width:72px;
	height:72px;
	background:url(../img/g4.4.png) no-repeat;
}
.app-p5{
	width:72px;
	height:72px;
	background:url(../img/g5.png) no-repeat;
}
.app-p5:hover{
	width:72px;
	height:72px;
	background:url(../img/g5.5.png) no-repeat;
}
.app-p6{
	width:72px;
	height:72px;
	background:url(../img/g6.png) no-repeat;
}
.app-p6:hover{
	width:72px;
	height:72px;
	background:url(../img/g6.6.png) no-repeat;
}
.app-li2{
	width:72px;
	height:auto;
	float:left;
	margin-bottom:36px;
}
.app-p7{
	width:72px;
	height:72px;
	background:url(../img/g7.png) no-repeat;
}
.app-p7:hover{
	width:72px;
	height:72px;
	background:url(../img/g7.7.png) no-repeat;
}
.app-p8{
	width:72px;
	height:72px;
	background:url(../img/g8.png) no-repeat;
}
.app-p8:hover{
	width:72px;
	height:72px;
	background:url(../img/g8.8.png) no-repeat;
}
.app-p9{
	width:72px;
	height:72px;
	background:url(../img/g9.png) no-repeat;
}
.app-p9:hover{
	width:72px;
	height:72px;
	background:url(../img/g9.9.png) no-repeat;
}
.app-p10{
	width:72px;
	height:72px;
	background:url(../img/g10.png) no-repeat;
}
.app-p10:hover{
	width:72px;
	height:72px;
	background:url(../img/g10.10.png) no-repeat;
}
.app-p11{
	width:72px;
	height:72px;
	background:url(../img/g11.png) no-repeat;
}
.app-p11:hover{
	width:72px;
	height:72px;
	background:url(../img/g11.11.png) no-repeat;
}
.app-p12{
	width:72px;
	height:72px;
	background:url(../img/g12.png) no-repeat;
}
.app-p12:hover{
	width:72px;
	height:72px;
	background:url(../img/g12.12.png) no-repeat;
}
.app-p13{
	width:72px;
	height:72px;
	background:url(../img/g13.png) no-repeat;
}
.app-p13:hover{
	width:72px;
	height:72px;
	background:url(../img/g13.13.png) no-repeat;
}
.app-p14{
	width:72px;
	height:72px;
	background:url(../img/g14.png) no-repeat;
}
.app-p14:hover{
	width:72px;
	height:72px;
	background:url(../img/g14.14.png) no-repeat;
}
.app-p15{
	width:72px;
	height:72px;
	background:url(../img/g15.png) no-repeat;
}
.app-p15:hover{
	width:72px;
	height:72px;
	background:url(../img/g15.15.png) no-repeat;
}
.app-p16{
	width:72px;
	height:72px;
	background:url(../img/g16.png) no-repeat;
}
.app-p16:hover{
	width:72px;
	height:72px;
	background:url(../img/g16.16.png) no-repeat;
}
.app-p17{
	width:72px;
	height:72px;
	background:url(../img/g17.png) no-repeat;
}
.app-p17:hover{
	width:72px;
	height:72px;
	background:url(../img/g17.17.png) no-repeat;
}
.app-p18{
	width:72px;
	height:72px;
	background:url(../img/g18.png) no-repeat;
}
.app-p18:hover{
	width:72px;
	height:72px;
	background:url(../img/g18.18.png) no-repeat;
}
.app-p19{
	width:72px;
	height:72px;
	background:url(../img/g19.png) no-repeat;
}
.app-p19:hover{
	width:72px;
	height:72px;
	background:url(../img/g19.19.png) no-repeat;
}
.app-p20{
	width:72px;
	height:72px;
	background:url(../img/g20.png) no-repeat;
}
.app-p20:hover{
	width:72px;
	height:72px;
	background:url(../img/g20.20.png) no-repeat;
}
.app-p21{
	width:72px;
	height:72px;
	background:url(../img/g21.png) no-repeat;
}
.app-p21:hover{
	width:72px;
	height:72px;
	background:url(../img/g21.21.png) no-repeat;
}
/*content3*/
/*content4*/
.blueapp3{
	width:100%;
	height:650px;
	background:#f7f8f9;
}
.con_deat{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:60px;}
.system_nr{ width:40%; float:left; margin-top:-30px;}
.system{ width:306px; float:left;}
.system_tt{ font-size:18px; color:#2b3e83; width:100%; text-align:right; margin-bottom:10px;}
.system_wz{ color:#8f8f8f; text-align:right; line-height:26px;}
.system_img{ margin-left:20px;}
.system_nr2{width:40%; float:right; margin-top:-30px;}
.system2{ width:306px; float:right;}
.system_img1{ margin-right:20px; float:left;}
.system_tt2{ font-size:18px; color:#2b3e83; width:100%; text-align:left; margin-bottom:10px;}
.system_wz2{ color:#8f8f8f; text-align:left; line-height:26px;}
.system_tu{ width:20%; float:left;}
.system_tu img{ margin:0 auto; display:block; margin-top:120px;}
/*content4*/
/*content5*/
.app-span{
	font-size: 14px;
	line-height: 29px;
	width: 220px;
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	overflow: hidden;
}
/*content5*/
/*content6*/
.blueapp4{
	width:100%;
	height:730px;
	background:#f7f8f9;
	margin-top:-30px;
}
.app-left{
	width:470px;
	float:left;
	height:auto;
	margin-right:60px;
}
.app-l-p1{
	font-size:18px;
	color:#333;
	margin-bottom:30px;
}
.app-left li{
	margin-bottom:10px;
	height:auto;
}
.app-l-li1{
	width:23px;
	height:40px;
	float:left;
	background:url(../img/app-y.png) no-repeat 0px 5px;
	text-align:center;
	color:#fff;
	line-height:32px;
	margin-right:10px;
}
.app-l-li2{
	width:437px;
	height:auto;
	text-align:justify;
	line-height:36px;
}

.app-right{
	width:470px;
	float:left;
	height:auto;
}
.app-right li{
	margin-bottom:10px;
	height:auto;
}
/*content6*/
/*content7*/
.services{ width:120px; height:auto; overflow:hidden; margin:0 auto; float:left; margin-right:17%;}
.services_img{ background:url(../img/w1.png) no-repeat; width:120px; height:120px;}
.services_tt{ text-align:center; font-size:16px; color:#ed2222; margin-top:20px;}
.services_nr{ margin-top:10px;}
.services_nr p{ text-align:center; color:#7b7b7b; line-height:26px;}
.services_last{ width:120px; height:auto; overflow:hidden; margin:0 auto; float:left; margin-right:0;}
.services_img2{background:url(../img/w2.png) no-repeat; width:120px; height:120px;}
.services_tt2{ text-align:center; font-size:16px; color:#0597ec; margin-top:20px;}
.services_img3{background:url(../img/w3.png) no-repeat; width:120px; height:120px;}
.services_tt3{ text-align:center; font-size:16px; color:#8ad902; margin-top:20px;}
.services_img4{background:url(../img/w4.png) no-repeat; width:120px; height:120px;}
.services_tt4{ text-align:center; font-size:16px; color:#ffa800; margin-top:20px;}
.services a .services_img:hover{ background:url(../img/w1-1.png) no-repeat; width:120px; height:120px;}
.services a .services_img2:hover{ background:url(../img/w2-1.png) no-repeat; width:120px; height:120px;}
.services a .services_img3:hover{ background:url(../img/w3-1.png) no-repeat; width:120px; height:120px;}
.services_last a .services_img4:hover{ background:url(../img/w4-1.png) no-repeat; width:120px; height:120px;}
.idea-left{
	width:420px;
	float:left;
	margin-right:80px;
	text-align:justify;
	padding-top:200px;
}
.idea-p1{
	font-size: 18px;
	color: #2b3e83;
	line-height:60px;
	}
.idea-p2{
	color:#3f3f3f;
	line-height:30px;
}
.idea-right{
	width:450px;
	float:right;
	margin-top:20px;
}
.blueapp-idea{
	width:100%;
	height:640px;
	background:#f7f8f9;
}

/*content7*/


/*banner*/
div,ul,li,body,p{margin:0; padding: 0; font-size: 14px; font-family: "微软雅黑";}
    .clearfix::after{ clear: both; display: block; height: 0; content: '';}
	ul,li{ list-style: none;}
	#container{ width:100%; height:400px; margin: 0 auto;}
	#container li{ position:relative;width: 100%;border: 1px solid #ccc; height: 400px; line-height: 150px; text-align: center; float: left; cursor: pointer;  overflow: hidden;}
	#container li p{ height:100%; width: 100%; position: absolute; left: 0;  color: #ffffff;
        z-index: 2; }
    #container li .img{ width: 100%; height: 400px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
    #container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
    #container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
    .blue-banner-span1{ display: block; width: 94%; margin: 0 auto; line-height: 30px; font-size: 30px; padding-top:160px; color:#fff; font-weight:bold}
	.blue-banner-span2{ display: block; width: 94%; margin: 0 auto; line-height: 30px; font-size: 20px; padding-top:30px; color:#fff;}
    #container li p a{ display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:80px; background:url(../img/link.png) no-repeat 0 0;}
    .explain{ display: block; margin:0 auto;}
/*banner*/


.sheji{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding-top:20px;
}
.sheji ul li{
	width:auto;
	height:auto;
	float:left;
	margin-bottom:50px;
}
.sheji-li1 p{
	text-align:center;
	line-height:60px;
	font-size:18px;
	color:#666;
}
.sheji-li2{
	font-size:50px;
	color:#666;
	margin-left:55px;
	margin-right:55px;
	line-height:190px;
}
.sheji-p{
	color:#666;
	line-height:40px;
	font-size:15px;
	text-align:center;
}