html, body, div, p, span, strong, em, a, i, dl, dt, dd, small, ol, ul, li, h1, h2, h3, h4, h5, h6, img, input, textarea, table, tr, td { margin: 0; padding: 0; }
body { background: #fff; min-width: 1200px; font: 12px/18px "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif, "宋体"; overflow-x: hidden; }
body a, input, button, textarea { outline: none; blr: expression(this.onFocus=this.blur()); }
ol, ul, li { list-style: none; }


/*==========首页服务顶目==========*/
.h-service { padding-bottom: 10px; }
.h-service .bd .service-list li { float: left; width: 33%; transition: all .5s; }
.h-service .bd .service-list li .mod { margin: 0px 20px 10px; text-align: center; }
.h-service .bd .service-list li .mod .icon { display: block; width: 80px; height: 80px; 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-position: -300px -61px; }
.h-service .bd .service-list li .mod strong { display: block; text-align: center; padding: 0px 0 10px; font: 18px/26px "微软雅黑"; }
.h-service .bd .service-list li .mod p { color: #595757; }


.index-top{background: url("../images/hd-bg.png") no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 50px 0 30px;}
.index-top .logo{width: 150px;}
.index-top .logo img{width: 100%;display: flex;}
.index-top h2{font-size: 50px;color: #fff;font-weight: 600;line-height: 1.4;margin-top: 20px;}
.index-top h4{font-size: 28px;color: #fff;border: 1px solid #fff;border-radius: 64px;height: 50px;padding: 0 70px;line-height: 48px;font-weight: 500;margin-top: 20px;}
.index-top .miniApp-code{width: 150px;margin-top: 30px;}
.index-top .miniApp-code img{width: 150px;display: block;}
.h-service .bd .service-list li .mod .icon{display: flex;align-items: center;justify-content: center;background: none;}

.copyright{ text-align:center; clear:both;color:#666; padding-bottom3px;}
.copyright a{ color:#666; text-decoration:none}

@media (max-width: 1200px){
    body{min-width: 100%;}
    .index-top{background: url("../images/hd-bg.png") no-repeat center center;background-size: auto;padding: 60px 0 30px;}
    .index-top h2{font-size: 18px;text-align: center;}
    .index-top h4{font-size: 14px;height: 34px;line-height: 34px;border-radius: 34px;padding: 0 20px;}
    .index-top .miniApp-code{margin-top: 20px;}
    .container{width: 100%;}
    .h-service .bd .service-list{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    .h-service .bd .service-list li{width: 100%;}
 
}


@media (max-width: 800px){
	.copyright{ margin:30px 0px; }
	
}