html{margin:0;}
body{margin:0; font-family:"微软雅黑";}
li{list-style:none;}
a{color:#022e46;
  text-decoration: none;
}
dl,dt,dd,img{margin:0;padding:0;border: 0;}
img{display:block;}
.clearfix{clear:both;}
ul,li{margin:0;}
p{font-size:16px;color:#022e46;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#022e46;}
/* top */
.top{ width:1200px;margin:0 auto; }
.top ul li{float: left;line-height: 74px;}
.top ul li.cc {float: right;margin:0 20px 0 0;}
.top ul li.cc a{line-height: 74px;display: inline-block;width: 100px;text-align: center;}
.top li.cc a:hover{color:#ffffff;background:#018dd8;}
.top ul li a img{vertical-align: middle;display: inline-block;}


/* nav */
.nav{width:100%;height:750px;margin:0 auto; background:url(../img/a1.png) center no-repeat; }
.nav img{width:747px;margin:0 auto;padding-top: 296px;}
/* main_box */
.main_box{margin-top:40px;overflow:hidden;}
.service{width:1200px;margin:0 auto;}
.service .our{width:1200px;margin:0 auto;text-align:center;}
.service .our p{font-size:18px;}
.service_box{margin-top:70px;}
.service_box div{width:93px;float:left;}
.service_box div p{display:inline;padding-left:14.5px;}
.service_box .research{margin:0 460px;}

*{margin:0;padding:0;list-style-type:none;}

.case-content{overflow:hidden;margin:80px auto 0 auto;width:1200px}
.case-item{float:left;margin:30px 40px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:140px;height:140px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:474px;height:144px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:147px;height:147px;border:10px solid #95bef0;border-right-color:#ecab18;border-bottom-color:#ecab18;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:16px;margin:0 30px;padding:35px 0;height:40px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#fff;padding:10px 0px;margin:0 30px;font-size:14px;border-top:1px solid rgba(255,255,255,.5);}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.solve{ width:1200px;margin:0 auto;background-color:#f2f6fc;margin-top:40px;height:408px;}
.solve_lt{background:url(../img/115.png);no-tepeat;center;width:598px;height:408px;float:left;}
.solve_lt h1{margin:0 auto;text-align:center;color:#ffffff;line-height:408px;font-size:50px;}
.solve_rt{margin:0 auto;float:right;padding: 99px 0;}
.solve_rt p{line-height:30px;letter-spacing:3px;}

.how{ width:1200px;margin:0 auto;background-color:#f2f6fc;height:408px;}
.how_rt{background:url(../img/18_2.png);no-tepeat;center;width:598px;height:408px;float:right;}
.how_rt p{margin:0 auto;color:#ffffff;font-size:30px;text-align:center;}
.how_lt{margin:0 auto;float:right;padding:99px 25px;}
.how_lt p{line-height:30px;letter-spacing:3px;}


.join{width:100%;background:url(../img/03.png) center center no-repeat;height:476px;margin-top:40px;position:relative;}
.join .join_add{width:1200px;height:476px;margin:0 auto;}
.join_box{width:400px;height:180px;float:left;}
.join_t{text-align:right;width:395px;float:right;margin-right:15px;padding:20px 0;}
.join_tt{width:395px;height:36px;background-color:#0f132b;}
.join_tt p{color:#fff;line-height:36px;}
.join .blue_t{width:800px;height:180px;float:left;}
.join .blue_t p{line-height:15px;margin:0 auto;letter-spacing:2px;text-align:center;padding-left:192px;}
.join .blue_t .enroll{width:100px;height:35px;background-color:#66F;margin:0 auto;margin-top:20px;margin-left:433px;}
.join .blue_t .enroll p{color:#fff;text-align:center;line-height:35px;padding-left:0px;}

/* foot */
.foot{width:100%;height:310px;background-color:#0f132b;margin-top:40px;}
.foot p{color:#e6e5e5;letter-spacing:3px;}
.foot .foot_box{width:1200px;height:310px;margin:0 auto;}
.icon{width:80px;height:80px;float:left;margin-right:70px;margin-top:60px;}
.icon p{padding-left:4px;}
.contect img{float:left;}
.contect{margin-top:20px;}
.contect p{padding-left:52px;}
.foot .lt{float:left;}
.foot_line{width:2px;height:200px;float:left;background-color:#e6e5e5;margin-top:63px;}
.dimensional{float:left;width:111px;height:140px;margin-left:150px;margin-top:96px;}
.dimensional p{text-align:center;}
.footer{background-color:#c2c5cb;width:100%;height:50px;}
.footer p{text-align:center;color:#022e46;line-height:50px;font-size:12px;letter-spacing:1px;}