body {
	font-family: "微软雅黑";
	font-size:14px;
	color:#828282;
	background-size:100% auto;
}
ul,li { list-style: none;}
input {
	padding:0;
    margin:0;
	border:0;
}
.clear { clear:both;}

* {
    padding:0;
    margin:0;
	border:0;
}

.top-nav { width: 100%; background: rgba(255, 255, 255, 0.9); position: fixed; top: 0; z-index: 3;}
.top-nav-wrap { width: 850px; margin: auto; display: flex; align-items: center;  }


.banner-wrap {  position: relative;}
.banner-wrap img { width: 100%;}

.index-addr { text-align: center;  background: #f0ecdd;}
.index-addr img { width: 100%;}
.index-addr { padding-top: 50px;}

.index-addr-qrcode { position: relative;}
.index-work { position: relative;}
.index-work-wrap { width: 90%; position: absolute; left: 5%; bottom: 5%;}
.index-work-wrap a { display: block; width: 100%;  background: #fff; border-radius: 10px; overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 0 0px rgba(0, 0, 0, 0.3); transition:all 0.5s;}

/* .index-work-wrap a:hover { box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);transition:all 0.6s; transform: scale(1.05)} */


.index-workN1 { background: url(../img/index-workN1.jpg) no-repeat center center; background-size:cover; }
.index-workN2 { background: url(../img/index-workN2.jpg) no-repeat center center; background-size:cover; }
.index-workN3 { background: url(../img/index-workN3.jpg) no-repeat center center; background-size:cover; }
.index-workN h1{  font-size: 1.3rem; position: absolute; bottom:0; color: #fff; text-align: center; margin-bottom: 1rem; width: 100%;}
.index-workN-con strong { font-size:16px; display: block; color: #000;  }
.index-workN-con { color:#8c8f93; padding:0 5%;}


.index-work img { width: 100%;}
.index-parent { text-align: center; position: relative;}
.index-parent img { width: 100%;}
.index-parent div h5{ font-size: 35px; color: #000;}

.index-contact img { width: 100%;}
.index-contact {position: relative; color: #fff; font-size: 0;}
.index-contact section { position: absolute; width: 90%;}



.about-content { max-width: 1300px; margin: auto; display: flex; padding-bottom: 100px;}




.work-content { max-width: 1300px; margin: auto; display: flex; padding-bottom:40px;}


.haibao { max-width: 1200px; margin: auto; text-align: center;  font-size: 0;}
.haibao h5 {  color: #fff; background: #000; border-radius:10px; display: inline-block; padding:5px 60px; margin: 40px auto; }
.haibao  div { width: 100%; display: flex;}
.haibao  div ul {  width: 23%; padding: 0.5%;}
.haibao  div ul:last-of-type { width: 30%;}

.haibao  div ul li img { width: 100%; padding-bottom: 10px;}
.neirong { display: none;}

div.contact_ly_w {  position:  absolute; left: unset; right: 0;  top: unset; bottom: 10%;}
.contact_ly_w img { position: static;}
img.contact_ly_wechat_qrcode  { position: absolute; display: block }
img.contact_ly_wechat { position: absolute; bottom: 0; width: 80%; right: 0;opacity: 0; }

.scale { -webkit-animation: scale 1s infinite forwards; -webkit-transform-origin:30% 40%; opacity: 1; }
@-webkit-keyframes scale {
  0% { -webkit-transform:scale(1);}
  50% { -webkit-transform:scale(1.3);}
  100% { -webkit-transform:scale(1);}
}

.banner_wrap { position: fixed; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.8); z-index: 999; top: 0;}
.banner_wrap img { height: 80%;}


.scale01 { -webkit-animation: scale01 1.4s infinite forwards; -webkit-transform-origin:30% 40%; opacity: 1; }
@-webkit-keyframes scale01 {
	0% { -webkit-transform:scale(1);}
	20% { -webkit-transform:scale(1.15);}
	35% { -webkit-transform:scale(1);}
	50% { -webkit-transform:scale(1.2);}
  }