*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}
.headerbanner{width:100%;position:relative}
.headerbanner .click{position:absolute;width:100%;top:24%;left:0%;z-index:100}
.headerbanner .click1{position:absolute;width:100%;top:57%;left:0%;z-index:100}

.con1{width: 100%; margin: 0% auto 0; display: block; position: relative;background:url(../images/bg1.jpg) no-repeat top; background-size: 100%; height: 11.2rem; padding-top: 6%}
.con1 .a1{ position: absolute; width:43.5%; top: 29.7%; left: 3%; z-index: 91 }
.con1 .a2{ position: absolute; width:31%; top: 78.3%; left: 10.1%; }
.con1 .a3{ position: absolute; width:56.1%; top:28%; right: 0%; z-index: 90 }


.con2{width: 100%; margin: 0% auto 0; display: block; position: relative;background:url(../images/bg2.jpg) no-repeat top; background-size: 100%; height: 11.6rem; margin-top: 1.6rem}
.con2 .pplogo{ position: absolute; width:16.4%; top: -10.2%; left: 41.5%; }
.con2 .hjt{ position: absolute;width:94%; top: 32%; left: 3.6%; }
.con2 .hjt li{ display: block; float:left; width: 23.7%; position: relative; margin-right: 1.3%}
.ljgd{ width: 38.7%; display: block; position: absolute; bottom:3%; left: 31%;animation:updown 2s 0s ease both infinite}


.con3{width: 100%; margin: 0% auto 0; display: block; position: relative;background:url(../images/bg3.jpg) no-repeat top; background-size: 100%; height: 11.3rem; margin-top: 0.6rem }
.con3 h1{ padding-top: 9%}
.con3 .ys1{ position: absolute;width:94%; top: 33%; left: 5%; }
.con3 .ys1 li{ display: block; float:left; width: 28.3%; position: relative; margin-right: 5%}
.con3 .ys1 p{ font-size: 0.3rem; line-height: 1.2em; color: #dcb780; text-align: center; display: block; margin-top: 5%}
.ljgd1{ width: 38.7%; display: block; position: absolute; bottom:10%; left: 31%;animation:updown 2s 0s ease both infinite}


.con4{width: 100%; margin: 0% auto 0; display: block; position: relative;background:url(../images/bg4.jpg) no-repeat top; background-size: 100%; height: 11.6rem; margin-top: 1.6rem}
.con4 .pplogo{ position: absolute; width:16.4%; top: -10.2%; left: 41.5%; }
.con4 .hjt{ position: absolute;width:94%; top: 34%; left: 4.5%; }
.con4 .hjt li{ display: block; float:left; width: 22.2%; position: relative; margin-right: 2.5%; margin-bottom: 4%}
.ljgd{ width: 38.7%; display: block; position: absolute; bottom:3%; left: 31%;animation:updown 2s 0s ease both infinite}
.con4 .hjt p{ font-weight: 600; text-align: center; font-size: 0.3rem; color: #333; margin: 3% 0}

.con5{width: 100%; margin: 0% auto 0; display: block; position: relative;background:url(../images/bg5.jpg) no-repeat top; background-size: 100%; height: 3.2rem; margin-top: 1.4rem}
.con5 .pplogo{ position: absolute; width:16.4%; top: -36.8%; left: 41.5%; }

.con6{width: 100%; margin: 5% auto 0; display: block; position: relative;}
.con6 .hjt{width:94%; margin: 0 auto; display: block; overflow: hidden}
.con6 .hjt li{ display: block; float:left; width: 45.6%; position: relative; margin-right: 2%; margin-left: 2%; margin-bottom: 4%; text-align: center;}
.con6 .hjt li img{ padding:0.35rem; border: 0.016rem solid #7e7e7e; width: 78.8%;}
.con6 .hjt h1{ font-size: 0.42rem; font-weight: 600; color: #9f6706; width: 100%; margin-top: 3%}
.con6 .hjt p{ font-size: 0.3rem; font-weight: 400; color: #9f6706; margin-bottom: 2%}
.con6 .hjt span{ font-size: 0.3rem; margin-top: 2%; display: block}

.ljgd2{ width: 46%; display: block; margin: 3% auto 0;}

.con7{width:100%;padding:10% 0 2% 0; overflow: hidden}
#pp1swiper{ width: 96%; margin: 0 auto;}
.con1con{width:100%; background: #fff; }
.ljgd3{ width: 38.7%; display: block; margin: 5% auto 0;animation:updown 2s 0s ease both infinite}


.con8{width:100%;padding:0;padding:10% 0 0% 0;}

.con9{width:100%;padding:0;padding:10% 0 0% 0;}
.con9 .ys1{ width:94%; margin: 5% auto 0; display: block; overflow: hidden; position: relative; z-index: 91;}
.con9 .ys1 li{ display: block; float:left; width: 31.4%; position: relative; margin-right: 0.8%;margin-left: 1%}
.con9 .ys1 p{ font-size: 0.3rem; line-height: 1.2em; color: #333; text-align: center; display: block; margin-top: 5%}
.con9  .dd{ width: 100%; position: relative; z-index: 90; height: 1.8rem; background: #d7c6a9; margin-top: -15%;}

@keyframes ftimg{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@keyframes updown{0%{opacity:1;transform:translateY(0)}
50%{opacity:1;transform:translateY(-6px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(5px)}
100%{opacity:1;transform:translateX(0)}
}