@charset "utf-8";
/* CSS Document */
*{ 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%; }

.banner{width: 100%;margin: 0 auto;position: relative;}
.banner .img1{width: 100%;}
.banner .p1{width: 15%;font-size: 0.31rem;color: #000;position: absolute;top: 67%;left: 58.5%;text-align: center;}
.banner .p2{width: 15%;font-size: 0.31rem;color: #000;position: absolute;top: 65%;left: 80.5%;text-align: center;}
.banner .p3{width: 15%;font-size: 0.31rem;color: #000;position: absolute;top: 85%;left: 50.5%;text-align: center;}
.banner .p4{width: 15%;font-size: 0.31rem;color: #000;position: absolute;top: 84%;left: 72.5%;text-align: center;}
.banner .p5{width: 40%;font-size: 0.42rem;color: #fff;position: absolute;line-height: 1rem;background: #f46282;text-align: center;border-radius: 0.7rem;top: 85%;left: 6%;font-weight: bolder;animation: updown 2s 0s ease both infinite;}

.con1{width: 100%;margin: 0 auto;}
.con1 .img1{width: 62%;padding: 10% 0 1% 19%;}
.con1 ul{width: 96%;padding: 0 2%;}
.con1 li{width: 48%;margin: 2% 1%;float: left;}
.con1 .p1{width: 100%;text-align: center;background: #f46282;color: #fff;font-weight: bolder;font-size: 0.42rem;line-height: 1rem;border-radius: 0.7rem;animation: updown 2s 0s ease both infinite;}
.con1 .p2{width: 100%;text-align: center;background: #7cb5b3;color: #fff;font-weight: bolder;font-size: 0.42rem;line-height: 1rem;border-radius: 0.7rem;animation: updown 3s 0s ease both infinite;}

.con2{width: 100%;margin: 0 auto;position: relative; padding-bottom: 14%;}
.con2 .img1{width: 81.2%;padding: 7% 0 3% 9.4%;}
.con2 .img2{width: 88.4%;margin: 2% 0 2% 5.8%;}
.con2 .p1{font-size: 0.32rem;color: #000;position: absolute;top: 35%;left: 20%;}
.con2 .p2{font-size: 0.32rem;color: #000;position: absolute;top: 47%;left: 9%;}
.con2 .p3{font-size: 0.32rem;color: #000;position: absolute;top: 60%;left: 16.3%;}
.con2 .p4{font-size: 0.32rem;color: #000;position: absolute;top: 74%;left: 9.5%;}
.con2 .p5{font-size: 0.32rem;color: #000;position: absolute;top: 31%;left: 76.2%;}
.con2 .p6{font-size: 0.32rem;color: #000;position: absolute;top: 47%;left: 73.5%;}
.con2 .p7{font-size: 0.32rem;color: #000;position: absolute;top: 57%;left: 84.5%;}
.con2 .p8{font-size: 0.32rem;color: #000;position: absolute;text-align: center; top: 70%;left: 70.5%;}
.con2 .p9{font-size: 0.42rem;line-height: 1rem;background: #f56971;color: #fff;font-weight: bolder;text-align: center;width: 80%;position: absolute;top: 86%;left: 10%;border-radius: 0.7rem;box-shadow:0 0.2rem 0 #fde0e2;animation: updown 2s 0s ease both infinite;}

.con3{width: 100%;margin: 0 auto; position: relative; padding-bottom: 33%;}
.con3 .img1{width: 80%;padding: 6% 0 3% 10%;}
.con3 .img2{width: 57.5%;padding-left:21.25%;}
.con3 .p1{font-size: 0.42rem;color: #3b9898;font-weight: bolder; position: absolute;top: 20%;left: 3%;}
.con3 .p2{width: 28%;padding: 2%;font-size: 0.31rem;color: #fff;background: #3a9996;position: absolute;top: 25%;left: 2%;border-radius: 0.1rem;}
.con3 .p3{font-size: 0.42rem;color: #3b9898;font-weight: bolder; position: absolute;top: 45%;left: 3%;}
.con3 .p4{width: 25%;padding: 2%;font-size: 0.31rem;color: #fff;background: #74b8b6;position: absolute;top: 50%;left: 2%;border-radius: 0.1rem;}
.con3 .p5{font-size: 0.42rem;color: #3b9898;font-weight: bolder; position: absolute;top: 69%;left: 13%;}
.con3 .p6{width: 28%;padding: 2%;font-size: 0.31rem;color: #fff;background: #3a9996;position: absolute;top: 75%;left: 12%;border-radius: 0.1rem;}
.con3 .p7{font-size: 0.42rem;color: #3b9898;font-weight: bolder; position: absolute;top: 31%;left: 70%;}
.con3 .p8{width: 26%;padding: 2%;font-size: 0.31rem;color: #fff;background: #74b8b6;position: absolute;top: 36%;left: 68%;border-radius: 0.1rem;}
.con3 .p9{width: 40%;position: absolute;font-size: 0.43rem;color: #000;text-align: center; top: 75%;left: 49%;}
.con3 .p10{width: 40%;position: absolute;font-size: 0.33rem;color: #000;text-align: center; top: 79.5%;left: 49%;}
.con3 .img3{width: 3.5%;position: absolute;top: 92%;left: 3%;}
.con3 .p11{font-size: 0.42rem;font-weight: bolder;color: #000;position: absolute;top: 91.5%;left: 7%;}
.con3 .p12{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 91%;left: 25%;animation: updown 2s 0s ease both infinite;}
.con3 .p13{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 91%;left: 50%;animation: updown 3s 0s ease both infinite;}
.con3 .p14{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 91%;left: 75%;animation: updown 2s 0s ease both infinite;}

.con4{width: 100%;margin: 0 auto;position: relative; padding-bottom: 18%;}
.con4 .img1{width: 73.2%;padding: 4% 0 0 13.4%;}
.con4 .case img{width: 82%;padding: 0 9%;}
.con4 .img2{width: 3.5%;position: absolute;top: 91%;left: 3%;}
.con4 .p1{font-size: 0.42rem;font-weight: bolder;color: #000;position: absolute;top: 90%;left: 7%;}
.con4 .p2{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 89.5%;left: 25%;animation: updown 2s 0s ease both infinite;}
.con4 .p3{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 89.5%;left: 50%;animation: updown 3s 0s ease both infinite;}
.con4 .p4{width: 23%;font-size: 0.38rem;color: #fff;font-weight: bolder;background: -webkit-linear-gradient(top , #f86d6f 9% , #f46282 99%);line-height: 0.7rem;border-radius: 0.15rem;text-align: center; position: absolute;top: 89.5%;left: 75%;animation: updown 2s 0s ease both infinite;}

.con5{width: 100%;margin: 0 auto;position: relative;background: #f9d7e8; padding-bottom: 30%;}
.con5 .img1{width: 100%;}
.con5 .img2{width: 64.4%;padding: 2% 0 0 17.8%;}
.con5 .p1{width: 50%;font-size: 0.4rem;font-weight: lighter;color: #379997;margin:  2% 25%; text-align: center;border: 0.01rem solid #379997;line-height: 0.7rem;}
.con5 .ul1{width: 95%;}
.con5 .ul1 li{width: 28.3%;padding: 3% 0 3% 5%;float: left;}
.con5 .ul2{width: 62.6%;position: absolute;top: 23%;left: 19%;}
.con5 .ul2 li{width: 3.4%;padding: 30% 23.2%;float: left;}
.con5 .p2{font-size: 0.42rem;line-height: 1rem;background: #f56971;color: #fff;font-weight: bolder;text-align: center;width: 80%;position: absolute;top: 83%;left: 10%;border-radius: 0.7rem;box-shadow:0 0.2rem 0 #f9becf;animation: updown 2s 0s ease both infinite;}
.con5 .img3{width: 100%;position: absolute;top: 95.6%;left: 0;}

.con6{width: 100%;margin: 0 auto;position: relative;padding-bottom: 15%;}
.con6 .img1{width: 93.6%;padding: 7% 0 0 3.2%;}
.con6 .img2{width: 100%;}
.con6 .p1{width: 38%;color: #000;font-size: 0.31rem;text-align: center;position: absolute;top: 38%;left: 6.5%;}
.con6 .p2{width: 25%;text-align: center;position: absolute;font-size: 0.38rem;line-height: 0.7rem;color: #fff;font-weight: bold;background: #f46828;border-radius: 0.4rem;top: 45%;left: 13%;animation: updown 2s 0s ease both infinite;}
.con6 .p3{width: 38%;color: #000;font-size: 0.31rem;text-align: center;position: absolute;top: 38%;left: 55.5%;}
.con6 .p4{width: 25%;text-align: center;position: absolute;font-size: 0.38rem;line-height: 0.7rem;color: #fff;font-weight: bold;background: #f46828;border-radius: 0.4rem;top: 45%;left: 62%;animation: updown 2s 0s ease both infinite;}
.con6 .p5{width: 38%;color: #000;font-size: 0.31rem;text-align: center;position: absolute;top: 77.5%;left: 6.5%;}
.con6 .p6{width: 25%;text-align: center;position: absolute;font-size: 0.38rem;line-height: 0.7rem;color: #fff;font-weight: bold;background: #f46828;border-radius: 0.4rem;top: 84.5%;left: 13%;animation: updown 2s 0s ease both infinite;}
.con6 .p7{width: 38%;color: #000;font-size: 0.31rem;text-align: center;position: absolute;top: 77.5%;left: 55.5%;}
.con6 .p8{width: 25%;text-align: center;position: absolute;font-size: 0.38rem;line-height: 0.7rem;color: #fff;font-weight: bold;background: #f46828;border-radius: 0.4rem;top: 84.5%;left: 62%;animation: updown 2s 0s ease both infinite;}
.con6 .p9{font-size: 0.42rem;line-height: 1rem;background: #f56971;color: #fff;font-weight: bolder;text-align: center;width: 70%;position: absolute;top: 92%;left: 15%;border-radius: 0.7rem;box-shadow:0 0.2rem 0 #fde0df;animation: updown 3s 0s ease both infinite;}

.con7{width: 100%;margin: 0 auto;}
.con7 .img1{width: 100%;padding:3% 0;}
.con7 .p1{font-size: 0.31rem; color: #3a9897; line-height: 1.6em; width:82%; margin:0 auto 2%;}

.team{position: relative; width:100%;}
.teamcon{position: absolute; width:60%; top:8%; left:  42%;}
.team h1{font-size: 0.7rem; color: #333;}
.team h1 span{font-size: 0.3rem; font-weight: normal;}
.team h2{font-size: 0.28rem; padding-top: 4%; color: #c58079;font-weight: normal;}
.team li{width:25%; color: #fff; font-size: 0.3rem; line-height: 1.2em; float: left; padding: 18% 2% 0 4.5%; font-weight: 700}
.team .click{margin-top: 30%;}
.team .click1{border-radius: 2em; background: #4fb7c2; width:30%; padding: 2%; font-size: 0.3rem; font-weight: 700; text-align: center; color: #fff; float: left}
.team .click2{border-radius: 2em; background: #c58079; width:50%; padding: 2%; font-size: 0.3rem; font-weight: 700; text-align: center; color: #fff; float: left; margin-left: 4%;}
.team .bq{position: absolute; width:9.4%;animation: updown 2s 0s ease both infinite;}
.team .bq1{top:2%; left: 62%;}
.team .bq2{top:2%; left: 55%;}

.con8{width: 100%;margin: 12% auto 0 auto;}
.con8con1{background: #f5ecff; border-radius: .5em; width:90%; margin: 6% auto;}
.con8con2{background: #e4dcd7; border-radius: .5em; width:90%; margin: 6% auto;}
.con8con3{background: #d9eeec; border-radius: .5em; width:90%; margin: 6% auto;}
.con8con4{background: #fbe2de; border-radius: .5em; width:90%; margin: 6% auto;}
.con8pic{width:47.4%; float: left;}
.con8co{width:46%; padding-left: 4%;line-height: 1.6em; font-size: 0.3rem; color: #333;float: left;}
.con8co h1{font-size: 0.42rem; padding: 10% 0;}









@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)}
}
@media (min-width: 768px) {
	.tt span{font-weight:lighter;}
}


@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-52%); 
    }
}