body a, input, button,textarea {outline:none;blr:expression(this.onFocus=this.blur());}
a:hover { text-decoration: none; color: #00a2e9;}
::selection{background:#00a2e9; color:#fff;}
::-moz-selection{background:#00a2e9; color:#fff;}
::-webkit-selection{background:#00a2e9; color:#fff;}
#menu ul li a.current p{margin-top: -20px; color:#00a2e9;}

/*==========案例展示1==========*/
.h-case{/*width:1260px;*/ margin:0 auto; /*padding-left:5.2%;*/}
.h-case .container{position: relative;}
.h-case .bd .case-list{/*width: 1300px;*/ margin: 5px 0 0;}
.h-case .bd .case-list li{position: relative; float: left; width: 175px; height: 230px; margin: 0 6px 6px 0; overflow: hidden; background: #fff;}
.h-case .bd .case-list li:hover{background: #00a2e9; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; color:#fff;}
.hd{height: 30px; text-align: center; padding-top:2px; margin:0 auto;}
.h-case .bd .case-list li:hover strong,.h-case .bd .case-list li:hover span{color:#fff;}
.h-case .bd .case-list li:hover .bg{-moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.h-case .bd .case-list .bg{position: absolute; left: 0; top: 0; width: 175px; height: 230px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(.9); -webkit-transform: scale(.9); -moz-transition: .3s; -webkit-transition: .3s;}
.h-case .bd .case-list li a{display: block; position: relative; overflow: hidden; z-index: 2; left:7px; width: 160px; height: 230px; text-align: center; /* background: #fff; */
}
.h-case .bd .case-list li a img{display: block;}
.h-case .bd .case-list li a strong{display: block; height: 40px; margin: 20px 0 0; font: normal 18px/40px "微软雅黑";}
.h-case .bd .case-list1{width: 1300px; margin: 40px 0 0;}
.h-case .bd .case-list1 li{position: relative; float: left; width: 389px; height:379px; margin: 0 16px 16px 0; overflow: hidden; background: #fff;}
.h-case .bd .case-list1 li:hover{background: #00a2e9; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; color:#fff;
}
.h-case .bd .case-list1 li:hover strong,.h-case .bd .case-list1 li:hover span{color:#fff;}
.h-case .bd .case-list1 li:hover .bg{-moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.h-case .bd .case-list1 .bg{position: absolute; left: 0; top: 0; width: 389px; height: 692px; z-index: 1; background: #00a2e9; opacity: 0; -moz-transform: scale(.9); -webkit-transform: scale(.9); -moz-transition: .3s; -webkit-transition: .3s;}
.h-case .bd .case-list1 li a{display: block; position: relative; overflow: hidden; z-index: 2; margin: 10px; width: 367px; height: 672px; text-align: center; /* background: #fff; */
}
.h-case .bd .case-list1 li a img{display: block;}
.h-case .bd .case-list1 li a strong{display: block; height: 40px; margin: 20px 0 0; font: normal 18px/40px "微软雅黑";}
.h-case .bd1 .case-list{width: 1300px; margin: 40px 0 0;}
.h-case .bd1 .case-list li{position: relative; float: left; width: 288px; height: 432px; margin: 0 16px 16px 0; overflow: hidden; background: #fff;}
.h-case .bd1 .case-list li:hover strong,.h-case .bd .case-list li:hover span{color:#fff;}
.h-case .bd1 .case-list li a{display: block; position: relative; overflow: hidden; z-index: 2; width:288px; height: 432px; text-align: center; /* background: #fff; */
}
.h-case .bd1 .case-list li a:hover{ background:#000;  z-index:4;
  filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.6;}
.h-case .bd1 .case-list li a img{display: block;}
.item-hover strong,.item-hover span{color:#fff;}
.ppss01{font-size:18px; border-bottom: 1px solid #ccc; width:99%;}
.ppss01 p{font-size:18px; border-bottom: 4px solid #00a2e9; display: inline-block; padding: 0px 15px;}
.ppss01 span{ float:right; font-size:14px; margin-top:15px; margin-right:15px;}
.ppss011{font-size:18px; border-bottom: 1px solid #ccc; width:100%;}
.ppss011 p{font-size:18px; border-bottom: 4px solid #00a2e9; display: inline-block; padding: 0px 15px; margin-top:3px;}
/*==========这里是结束案例展示==========*/


/*==========首页服务顶目==========*/
.nev001 { margin:0 auto; width:1250px;}
.h-service{padding-bottom: 5px;}
.h-service .bd .service-list li{float: left; width: 25%; transition: all .5s;}
.h-service .bd .service-list li .mod{margin: 30px 20px 20px; text-align: center;}
.h-service .bd .service-list li .mod .icon{display: block; width: 100px; height: 100px; margin: 0 auto; background-position: 0 -61px; transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -webkit-transition: all .5s; transition: all .5s;}
.animation{-webkit-animation:flipInX 1s .2s ease both; -moz-animation:flipInX 1s .2s ease both;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1}
}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1}
}
.h-service .bd .service-list li:hover .icon{-webkit-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2);}
.h-service .bd .service-list li .mod .i2{background-position: -100px -61px;}
.h-service .bd .service-list li .mod .i3{background-position: -200px -61px;}


.h-service .bd .service-list li .mod .i4{background:url("../indexmap.png") no-repeat 0 0; width:250px; height:250px;}

.h-service .bd .service-list li .mod strong{display: block; text-align: center; padding:40px 0 20px; font:"微软雅黑"; font-weight:bold; font-size:22px;}
.h-service .bd .service-list li .mod p{color: #000; font-size:14px; line-height:1.8em;}
.footer .footer-logo, .icon, .hd .bor-bton{background:url("../u_icon.png") no-repeat 0 0;}
.mt140{margin-top: 140px;}
/*==========工作流程==========*/
.h-mission{width: 100%; background: #fff;}
.h-mission .bd{position: relative; width: 1200px; height: 370px; background: url("../mission_bg.jpg") no-repeat left top; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0)
}
.h-mission .scale-animate{-webkit-animation: move .8s .5s both; -moz-animation: move .8s .5s both; -o-animation: move .8s .5s both;}
@-webkit-keyframes move{0%{-webkit-transform: scale(0)}100%{-webkit-transform: scale(1)}
}
@-moz-keyframes move{0%{-moz-transform: scale(0)}100%{-moz-transform: scale(1)}
}
@-o-keyframes move{0%{-moz-transform: scale(0)}100%{-moz-transform: scale(1)}
}
.h-mission .bd span{position: absolute;}
.h-mission .bd span .icon{display: block; width: 17px; height: 21px; background-position: -148px 0;}
.h-mission .bd .s1{left: 37px; top: 79px;}
.h-mission .bd span .s-animate{-webkit-animation:fadeOutLeftBig 1s .2s infinite; -moz-animation:fadeOutLeftBig 1s .2s infinite
}
@-webkit-keyframes fadeOutLeftBig{0%{    -webkit-transform:scale(1)
    }50%{    -webkit-transform:scale(1.05)
    }100%{    -webkit-transform:scale(1)
    }
}
@-moz-keyframes fadeOutLeftBig{0%{    -moz-transform:scale(1)
    }50%{    -moz-transform:scale(1.05)
    }100%{    -moz-transform:scale(1)
    }
}
.h-mission .bd .s1 .icon{width: 160px; height: 160px; background-position: 0 -162px;}
.h-mission .bd .s2{left: 232px; top: 137px;}
.h-mission .bd .s3{left: 261px; top: 215px;}
.h-mission .bd .s4{top: 130px; left: 261px;}
.h-mission .bd .s4 .icon{width: 82px; height: 82px; background-position: -161px -162px;}
.h-mission .bd .s5{left: 339px; top: 21px;}
.h-mission .bd .s5 .icon{width: 73px; height: 73px; background-position: -244px -162px;}
.h-mission .bd .s6{left: 403px; top: 161px;}
.h-mission .bd .s6 .icon{width: 73px; height: 73px; background-position: -318px -162px;}
.h-mission .bd .s7{left: 535px; top: 42px;}
.h-mission .bd .s8{left: 532px; top: 171px;}
.h-mission .bd .s9{left: 641px; top: 173px;}
.h-mission .bd .s10{left: 535px; top: 59px;}
.h-mission .bd .s10 .icon{width: 130px; height: 130px; background-position: -392px -162px;}
.h-mission .bd .s11{left: 745px; top: 20px;}
.h-mission .bd .s11 .icon{width: 104px; height: 104px; background-position: -523px -162px;}
.h-mission .bd .s12{left: 752px; top: 168px;}
.h-mission .bd .s12 .icon{width: 104px; height: 104px; background-position: -628px -162px;}
.h-mission .bd .s13{left: 855px; top: 62px;}
.h-mission .bd .s14{left: 846px; top: 255px;}
.h-mission .bd .s15{left: 918px; top: 115px;}
.h-mission .bd .s15 .icon{width: 72px; height: 72px; background-position: -733px -162px;}
.h-mission .bd .s16{left: 941px; top: 199px;}
.h-mission .bd .s17{left: 1047px; top: 62px;}
.h-mission .bd .s17 .icon{width: 123px; height: 123px; background-position: 0 -321px;}
.h-mission .bd .s18{left: 1104px; top: 33px;}
.h-mission .bd .ab em{position: absolute; top: 70px; left: 31px; color: #fff;}
.h-mission .bd .ab .a5{top: 39px; left: 13px;}
.h-mission .bd .ab .a4{top: 47px; left: 16px;}
.h-mission .bd .ab .a6{top: 41px; left: 14px;}
.h-mission .bd .ab .a15{top: 40px; left: 24px;}
.h-mission .bd .ab .a7{left: 22px; top: -7px; width: 120px; color: #333;}
.h-mission .bd .ab .a3{left: 19px; top: 19px; width: 100px; color: #333;}
.h-mission .bd .ab .a2{left: -14px; top: -20px; width: 100px; color: #333;}
.h-mission .bd .ab .a10 {
   left: 25px; top: 70px; color: #fff; width: 80px; text-shadow:2px 2px 2px #000;}
.h-mission .bd .ab .a17{font-size: 24px; top: 56px; left: 41px;}
.h-mission .bd .ab .a18{left: -3px;}
.s1-user{
   position: absolute;
   top: 96px; left: 30px; 
}
.s1-user{font-size: 24px; color:#fff;}
.s2-user{font-size: 20px; color:#fff;}
.footer .footer-logo, .icon, .hd .bor-bton{background:url("../u_icon.png") no-repeat 0 0;}