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



.headerbanner{width:100%; position:relative;}
.headerbanner p{position: absolute;
    width: 22%;
    top: 69%;
    left: 65%;
    animation: updown 2s 0s ease both infinite;}

.con1{background:url(../images/bg1.jpg) repeat-y;background-size:contain;height: 6.9rem;}
.con1 .bt{width:58%;margin:0 auto;padding-top: 5%;}
.con1 ul{width: 94%;
    margin: 0 auto;
    margin-left: 4%;}
.con1 ul li{ width: 42%;
    margin-right: 2%;
    background: #fff;
    padding: 2% 3%;
    float: left;
    border-radius: 0.5rem;
    font-size: 0.32rem;
    text-align: center;
    margin-top: 3%;color:#3c3c3c;}
.con1 .on1{position:relative;width:48%;margin:0 auto;margin-top: 5%;animation: updown 2s 0s ease both infinite;}
.con1 .on1 p{    position: absolute;
    font-size: 0.45rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    top: 15%;
    left: 19%;}
	
.on2{position: relative}
.on2 .click1{text-align: center;
    color: #fff;
    font-size: .36rem;
    font-weight: 700;
    padding: 2% 0;
    border-radius: 3em;
    width: 42%;
    animation: updown 2s 0s ease both infinite;
    position: absolute;
    top:75%;
    left: 6%;}
.on2 .click1 span{position: absolute;
    top: 31%;
    left: 9%;}
.on2 .click2{text-align: center; color: #fff; font-size: .36rem;font-weight: 700; padding: 2% 0; border-radius: 3em; width:42%; animation: updown 2s 0s ease both infinite; position: absolute; top:75%; left: 52%;}

.on2 .click2 span{position: absolute;
    top: 31%;
    left:9%;}
	
.con3{position: relative;background:url(../images/bg2.jpg) repeat-y;background-size:100%;height: 11.5rem;}

.on3 .click1{text-align: center;
    color: #fff;
    font-size: .36rem;
    font-weight: 700;
    padding: 2% 0;
    border-radius: 3em;
    width: 42%;
    animation: updown 2s 0s ease both infinite;
    position: absolute;
    top:82%;
    left: 6%;}
.on3 .click1 span{position: absolute;
    top: 31%;
    left: 9%;}
.on3 .click2{text-align: center; color: #fff; font-size: .36rem;font-weight: 700; padding: 2% 0; border-radius: 3em; width:42%; animation: updown 2s 0s ease both infinite; position: absolute; top:82%; left: 52%;}

.on3 .click2 span{position: absolute;
    top: 31%;
    left:9%;}

.con3con{position: relative; }
.con3con .bq1{width:34.3%; position: absolute; top:2%; left: 4%;}
.con3con .bq2{width:34%; position: absolute; top:0%; left: 64%;}
.con3con .bq3{width:34%; position: absolute; top:36%; left: 8%;}
.con3con .bq4{width:34%; position: absolute; top:32%; left: 62%;}
.con3con .bq5{width: 37.5%;
    position: absolute;
    top: 49%;
    left: 39%;}
.con3bq1{width:100%; position: relative; color: #fff;}
.con3bq1 .co1{position: absolute; width:52%; font-size: .3rem;  top:26%; left: 14%;font-weight: 700;}
.con3bq1 .co2{position: absolute; line-height: 1.2em; font-size: .26rem;  top:46%; left: 14%; width:70%;}
.con3bq2{width:100%; position: relative; color: #fff;}
.con3bq2 .co1{position: absolute; width:52%; font-size: .3rem;  top:20%; left: 14%;font-weight: 700;}
.con3bq2 .co2{position: absolute; line-height: 1.2em; font-size: .26rem;  top:40%; left: 14%; width:70%;}
.con3bq4{width:100%; position: relative; color: #fff;}
.con3bq4 .co1{position: absolute; width:52%; font-size: .3rem;  top:18%; left: 24%;font-weight: 700;}
.con3bq4 .co2{position: absolute; line-height: 1.2em; font-size: .26rem;  top:38%; left: 24%; width:70%;}
.con3bq5{width:100%; position: relative; color: #fff;}
.con3bq5 .co1{position: absolute; width:52%; font-size: .3rem;  top:22%; left: 36%;font-weight: 700;}
.con3bq5 .co2{position: absolute; line-height: 1.2em; font-size: .26rem;  top:42%; left: 18%; width:70%;}

.con3con .on4{position: absolute;
    width: 58%;
    margin: 0 auto;
    top: 83%;
    left: 20%; animation: updown 2s 0s ease both infinite; }
.con3con .on4 p{position: absolute;
    font-size: 0.45rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    top: 15%;
    left: 14%;}
.ysul1{ width: 90%; padding: 2% 5%; display: block;float:left;}
.ysul1 li{ width:30%; margin: 4% 1% 0% 2%; display: block;float:left; position: relative; text-align: center}
.ysul1 li h2{position: absolute; width: 92%; left: 4%; top: 80.5%; font-size: 0.34rem; color: #000}	

.zz{background:url(../images/bg3.jpg) repeat-y;background-size:100%;height:12.5rem;} 
.zz .on1{position:relative;width:60%;margin:0 auto;margin-top: 5%;animation: updown 2s 0s ease both infinite; }
.zz .on1 p{    position: absolute;
    font-size: 0.45rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    top: 19%;
    left: 8%;}

.con6{background:url(../images/bg4.jpg) repeat-y;background-size:100%;height: 14.6rem;}	
.con6 .bt{width:70%;margin:0 auto;padding-top: 5%;}
.con7{width: 100%;margin: 0 auto;position: relative; padding-bottom: 61%;}
.con7 .img1{width: 92%;padding: 3% 0 0 4%;}
.con7 .p1{font-size: 0.38rem;font-weight: bolder;color: #000;margin: -90% 0 0 58%;}
.con7 .co1{width: 40%;padding: 1% 0 0 58%;}
.con7 .co1 li{width: 30%;margin: 2% 3% 0 0;float: left;    position: relative;}
.con7 .co1 p{font-size: 0.31rem;text-align: center;color: #000;font-weight: lighter;background: #fad3b9;width: 100%;padding: 2% 0;}
.con7 .p2{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 14% 0 0 58%;}
.con7 .p3{font-size: 0.3rem;font-weight: lighter;padding-left:58%;}
.con7 .p4{font-size: 0.38rem;font-weight: bolder;color: #000;padding: 3% 0 0 58%;}
.con7 .p5{font-size: 0.3rem;font-weight: lighter;padding-left:58%;}
.con7 .p6{position: absolute;bottom: 2%;left: 5%;font-weight: bolder;animation: updown 2s 0s ease both infinite;}
.con7 .p6 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #fff;background: -webkit-linear-gradient(left,#733aa6 9%,#20064f 99%);}
.con7 .p7{position: absolute;bottom: 2%;right: 5%; font-weight: bolder;animation: updown 3s 0s ease both infinite;}
.con7 .p7 a{display:block;font-size: 0.4rem;padding:.3em 1.2em;border-radius: 0.5rem;color: #000;background: -webkit-linear-gradient(left,#f9ceb2 9%,#ef8d60 99%);}

.ad{background:url(../images/bg4.jpg) repeat-y;background-size:100%;height: 5.7rem;    margin-top: 1%;}
.ad ul   { width: 94%;
    margin: 0 auto;
    margin-right: 1%;    margin-top: 4%;}
.ad ul li{width: 31%;
    float: left;
    margin-right: 2%;}

.ad .p1{width: 100%;font-size: 0.55rem;text-align: center;padding-top: 7%; font-weight: bolder;}
.ad .p2{width: 100%;font-size: 0.5rem;text-align: center;font-weight: lighter;}

.con4{background:url(../images/bg5.jpg) repeat-y;background-size:100%;height:16.2rem;}
.con4 .bt{    width: 70%;
    margin: 0 auto;
    padding-top: 7%;
    padding-bottom: 3%;}
.con4con{position: relative; color: #fff;}
.con4con .co1{font-size: .4rem; position: absolute; top:50%; left: 32%; font-weight: 700;}
.con4con .co2{font-size: .3rem; position: absolute; top:66%; left: 32%; line-height: 1.4em; width:62%;}
.con4con1{position: relative;}
.con4con1 .pp1{font-size: .32rem; color: #000; line-height: 1.4em; text-align: center; width:40%; position: absolute; top:3%; left: 6%;}
.con4con1 .pp2{font-size: .32rem; color: #000; line-height: 1.4em; text-align: center; width:40%; position: absolute; top:3%; left: 52%;}
.con4con2{position: relative}
.con4con2 .click1{border: 2px solid #000; background: #fff; text-align: center; color: #000; font-size: .36rem;font-weight: 700; padding: 2% 0; border-radius: 3em; width:42%; animation: updown 2s 0s ease both infinite; position: absolute; top:16%; left: 6%;}
.con4con2 .click2{border: 2px solid #000; background: #fff; text-align: center; color: #000; font-size: .36rem;font-weight: 700; padding: 2% 0; border-radius: 3em; width:42%; animation: updown 2s 0s ease both infinite; position: absolute; top:16%; left: 52%;}

.con9{width: 100%;margin: 0 auto;padding-bottom: 5%;}
.con9 .p1{width: 100%;font-size: 0.55rem;text-align: center;padding-top: 7%; font-weight: bolder;}
.con9 .p2{width: 100%;font-size: 0.5rem;text-align: center;font-weight: lighter;}
.con9 .img1{width: 38%;padding: 1% 31%;}
.con9 .team{position: relative;}
.con9 .teambq{position: absolute; width:16.4%; bottom: 27%; left: 23%;animation: updown 1s 0s ease both infinite;}
.con9 .teambg{width:100%; position: relative;}
.con9 .teambg .co{width:100%; text-align: center; position: absolute; top:10%; font-size: .28rem; color: #000;}

@keyframes ftimg105{
	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(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}