@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{font-size: 0.32rem;outline-color: #333;position: absolute;top: 83%;left: 47.5%;transform: scale(0.75); }
.banner .p2{font-size: 0.32rem;outline-color: #333;position: absolute;top: 83%;left: 57.5%;transform: scale(0.75); text-align: center;}
.banner .p3{font-size: 0.32rem;outline-color: #333;position: absolute;top: 83%;left: 71.5%;transform: scale(0.75); text-align: center;}
.banner .p4{font-size: 0.32rem;outline-color: #333;position: absolute;top: 83%;left: 81.5%;transform: scale(0.75); text-align: center;}

.con1{width: 100%;margin: 0 auto;position: relative;}
.con1 .img1{width: 100%;}
.con1 .p1{width: 90%;position: absolute;top: 5%;left: 5%;font-size: 0.32rem;color: #333;text-align: center;line-height: 0.5rem;}
.con1 .p2 a{font-size: 0.34rem;color: #858585;position: absolute;top: 34%;left: 14%;animation:updown 3s 0s ease both infinite}
.con1 .p3 a{font-size: 0.34rem;color: #858585;position: absolute;top: 34%;left: 77%;animation:updown 2.5s 0s ease both infinite}
.con1 .p4 a{font-size: 0.34rem;color: #858585;position: absolute;top: 52.5%;left:14%;animation:updown 3s 0s ease both infinite}
.con1 .p5 a{font-size: 0.34rem;color: #858585;position: absolute;top: 51%;left: 79%;animation:updown 2.5s 0s ease both infinite}
.con1 .p6 a{font-size: 0.34rem;color: #858585;position: absolute;top: 68.5%;left:14%;animation:updown 3s 0s ease both infinite}
.con1 .p7 a{font-size: 0.34rem;color: #858585;position: absolute;top: 67%;left: 79%;animation:updown 2.5s 0s ease both infinite}

.con2{width: 100%;margin: 0 auto;position: relative;padding-bottom: 135%;}
.con2 .title{font-size: 0.55rem;width: 100%;text-align: center;color: #000;font-weight: bolder;position: absolute;top: 2%;}
.con2 .img1{width: 50%;position: absolute;top: 7.5%;left: 25%;}
.con2 .img2{width: 36%;position: absolute;top: 12%;}
.con2 .box1{width: 64%;background-color: #f9e4cc;position: absolute;top: 12%;left: 36%;padding-bottom: 30.8%;}
.con2 .img3{width: 100%;position: absolute;top: 13%;}
.con2 .p1{font-size: 0.38rem;color: #000;position: absolute;top: 26%;left: 10%;}
.con2 .p2{width: 80%;left: 10%;top: 45%;position: absolute;font-size: 0.31rem;color: #666;line-height: 0.36rem;}
.con2 .img4{width: 94.5%;left: 2.75%;top: 37%;position: absolute;}
.con2 .img5{width: 15.7%;left: 5%;top: 64%;position: absolute;}
.con2 .p3{font-size: 0.45rem;color: #000;position: absolute;top: 66%;left: 7%;line-height: 0.7rem;font-weight: bold;}
.con2 .img6{width: 15.7%;left: 30%;top: 64%;position: absolute;}
.con2 .p4{font-size: 0.45rem;color: #000;position: absolute;top: 66%;left: 32%;line-height: 0.7rem;font-weight: bold;}
.con2 .img7{width: 15.7%;left: 55%;top: 64%;position: absolute;}
.con2 .p5{font-size: 0.45rem;color: #000;position: absolute;top: 66%;left: 57%;line-height: 0.7rem;font-weight: bold;}
.con2 .img8{width: 15.7%;left: 80%;top: 64%;position: absolute;}
.con2 .p6{font-size: 0.45rem;color: #000;position: absolute;top: 66%;left: 82%;line-height: 0.7rem;font-weight: bold;}
.con2 .button1{width: 100%;}
.con2 .img9{width: 66%;left: 3%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con2 .p7{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 27%;animation: updown 2s 0s ease both infinite; }
.con2 .img10{width: 27%;left: 70%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con2 .p8{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 77%;animation: updown 2s 0s ease both infinite; }
.con2 .img11{width: 6.8%;top: 95%;left: 46.6%;position: absolute;animation: updown 1s 0s ease both infinite; }

.con3{width: 100%;margin: 0 auto;position: relative;padding-bottom: 80%;}
.con3 .img1{width: 36%;}
.con3 .box1{width: 64%;background-color: #c2e4db;position: absolute;left: 36%;top:0;padding-bottom: 30.8%;}
.con3 .img2{width: 100%;position: absolute;top: 13%;}
.con3 .p1{font-size: 0.38rem;color: #000;position: absolute;top: 26%;left: 10%;}
.con3 .p2{width: 80%;left: 10%;top: 45%;position: absolute;font-size: 0.31rem;color: #666;line-height: 0.36rem;}
.con3 .img3{width: 78.5%;left: 10.75%;top: 31%;position: absolute;}
.con3 .img4{width: 35%;left: 10%;top: 57%;position: absolute;}
.con3 .p3{font-size: 0.45rem;position: absolute;top: 59.5%;left: 12%;text-align: center;line-height: 0.7rem;font-weight: bolder;}
.con3 .img5{width: 35%;left: 55%;top: 57%;position: absolute;}
.con3 .p4{font-size: 0.45rem;position: absolute;top: 59.5%;left: 57%;text-align: center;line-height: 0.7rem;font-weight: bolder;}
.con3 .button1{width: 100%;}
.con3 .img6{width: 66%;left: 3%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con3 .p5{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 27%;animation: updown 2s 0s ease both infinite; }
.con3 .img7{width: 27%;left: 70%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con3 .p6{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 77%;animation: updown 2s 0s ease both infinite; }
.con3 .img8{width: 6.8%;top: 95%;left: 46.6%;position: absolute;animation: updown 1s 0s ease both infinite; }

.con4{width: 100%;margin: 0 auto;position: relative;padding-bottom: 80%;}
.con4 .img1{width: 36%;}
.con4 .box1{width: 64%;background-color: #f8d3ff;position: absolute;left: 36%;top:0;padding-bottom: 30.8%;}
.con4 .img2{width: 100%;position: absolute;top: 13%;}
.con4 .p1{font-size: 0.38rem;color: #000;position: absolute;top: 26%;left: 10%;}
.con4 .p2{width: 80%;left: 10%;top: 45%;position: absolute;font-size: 0.30rem;color: #666;line-height: 0.36rem;}
.con4 .img3{width: 78.5%;left: 10.75%;top: 31%;position: absolute;}
.con4 .img4{width: 42%;left: 5%;top: 57%;position: absolute;}
.con4 .p3{font-size: 0.45rem;position: absolute;top: 59.5%;left: 5%;text-align: center;line-height: 0.7rem;font-weight: bolder;}
.con4 .img5{width: 42%;left: 53%;top: 57%;position: absolute;}
.con4 .p4{font-size: 0.45rem;position: absolute;top: 59.5%;left: 52%;text-align: center;line-height: 0.7rem;font-weight: bolder;}
.con4 .button1{width: 100%;}
.con4 .img6{width: 66%;left: 3%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con4 .p5{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 21%;animation: updown 2s 0s ease both infinite; }
.con4 .img7{width: 27%;left: 70%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con4 .p6{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 77%;animation: updown 2s 0s ease both infinite; }
.con4 .img8{width: 6.8%;top: 95%;left: 46.6%;position: absolute;animation: updown 1s 0s ease both infinite; }

.con5{width: 100%;margin: 0 auto;position: relative;padding-bottom: 80%;}
.con5 .img1{width: 36%;}
.con5 .box1{width: 64%;background-color: #ffd2de;position: absolute;left: 36%;top:0;padding-bottom: 30.8%;}
.con5 .img2{width: 100%;position: absolute;top: 13%;}
.con5 .p1{font-size: 0.38rem;color: #000;position: absolute;top: 26%;left: 10%;}
.con5 .p2{width: 100%;left: 4.5%;top: 45%;position: absolute;font-size: 0.34rem;color: #666;line-height: 0.36rem;transform: scale(0.9);}
.con5 .img3{width: 78.5%;left: 10.75%;top: 31%;position: absolute;}
.con5 .img4{width: 31%;left: 2%;top: 57%;position: absolute;}
.con5 .p3{font-size: 0.36rem;color: #fff;font-weight: lighter;text-align: center;position: absolute;top: 61.5%;left: 5%;line-height: 0.55rem;}
.con5 .img5{width: 31%;left: 34.5%;top: 57%;position: absolute;}
.con5 .p4{font-size: 0.36rem;color: #fff;font-weight: lighter;text-align: center;position: absolute;top: 61.5%;left: 37.5%;line-height: 0.55rem;}
.con5 .img6{width: 31%;left: 67%;top: 57%;position: absolute;}
.con5 .p5{font-size: 0.34rem;color: #fff;font-weight: lighter;text-align: center;position: absolute;top: 57.5%;left: 71%;line-height: 0.48rem;}
.con5 .button1{width: 100%;}
.con5 .img7{width: 66%;left: 3%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con5 .p6{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 23%;animation: updown 2s 0s ease both infinite; }
.con5 .img8{width: 27%;left: 70%;top: 83%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con5 .p7{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 84%;left: 77%;animation: updown 2s 0s ease both infinite; }
.con5 .img9{width: 6.8%;top: 95%;left: 46.6%;position: absolute;animation: updown 1s 0s ease both infinite; }

.con6{width: 100%;padding-top: 2%;position: relative;background-color: #f2f0f1;padding-bottom: 170%;}
.con6 .title{font-size: 0.55rem;width: 100%;text-align: center;color: #000;font-weight: bolder;position: absolute;top: 2%;}
.con6 .img1{width: 50%;position: absolute;top: 6.5%;left: 25%;}
.con6 .co1{width: 46%;background-color: #b2b2b2;position: absolute;top: 10%;left: 3%;padding-bottom: 60%;}
.con6 .img2{width: 95.65%;position: absolute;left: 2%;top:2%;}
.con6 .p1{font-size: 0.38rem;font-weight: bolder;color: 000;position: absolute;top: 48%;width: 100%;text-align: center;}
.con6 .p2{font-size: 0.32rem;color: 777;position: absolute;top: 57%;width: 100%;}
.con6 .co2{width: 46%;background-color: #b2b2b2;position: absolute;top: 10%;left: 53%;padding-bottom: 60%;}
.con6 .co3{width: 46%;background-color: #b2b2b2;position: absolute;top: 47%;left: 3%;padding-bottom: 60%;}
.con6 .co4{width: 46%;background-color: #b2b2b2;position: absolute;top: 47%;left: 53%;padding-bottom: 60%;}
.con6 .button1{width: 100%;}
.con6 .img3{width: 66%;left: 3%;top: 85%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con6 .p3{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 86%;left: 23%;animation: updown 2s 0s ease both infinite; }
.con6 .img4{width: 27%;left: 70%;top: 85%;position: absolute;animation: updown 2s 0s ease both infinite; }
.con6 .p4{font-size: 0.34rem;font-weight: bolder;color: #fff;position: absolute;top: 86%;left: 77%;animation: updown 2s 0s ease both infinite; }
.con6 .img5{width: 6.8%;top: 95%;left: 46.6%;position: absolute;animation: updown 1s 0s ease both infinite; }

.con7{width: 100%;padding-top: 2%;position: relative;}
.con7 .img1{width: 100%;}
.con7 .p1{font-size: 0.55rem;color: #dfd5bc;font-weight: lighter;position: absolute;top: 2.5%;left:60%;}
.con7 .p2{font-size: 0.33rem;color: #dfd5bc;font-weight: lighter;position: absolute;top:9%;left: 47%;}
.con7 .img2{width: 100%;}
.con7 .co1{width: 100%;top: 1.5%;left: 0;position: absolute;}
.con7 .img3{width: 100%;}
.con7 .p3{font-size: 0.55rem;color:#dfd5bc;font-weight: bolder;position: absolute;top: 5%;left: 50%; }
.con7 .p4{font-size: 0.4rem;color:#dfd5bc;position: absolute;top: 13%;left: 50%; }
.con7 .img4{width: 34%;position: absolute;top: 19%;left: 50%;}
.con7 .p5{width: 50%;font-size: 0.33rem;font-weight: bolder;color:#dfd5bc;position: absolute;top: 25%;left: 50%; }
.con7 .p6{width: 50%;font-size: 0.33rem;font-weight: bolder;color:#dfd5bc;position: absolute;top: 34%;left: 50%; }
.con7 .p7{width: 50%;font-size: 0.33rem;font-weight: bolder;color:#dfd5bc;position: absolute;top: 39%;left: 50%; }
.con7 .p8{font-size: 0.33rem;font-weight: bolder;color:#fff;position: absolute;top: 50%;left: 53%; }
.con7 .p9{font-size: 0.3rem;color:#fff;position: absolute;top: 55%;left: 53%; width: 40%;font-weight: lighter;}
.con7 .p10{font-size: 0.3rem;color:#fff;position: absolute;top: 55%;left: 53%; width: 45%;font-weight: lighter;}

.con8{width: 100%;max-width:750px;position: fixed;bottom:0;z-index:999999999999;}
.con8 .img2{width:10%;position: absolute;top: 40%;left: 5%;}
.con8 .p1{color: #fff;font-size: 0.32rem;position: absolute;top: 80%;left: 6%;}
.con8 .img3{width:10%;position: absolute;top: 40%;left: 24%;}
.con8 .p2{color: #fff;font-size: 0.32rem;position: absolute;top: 80%;left: 23%;}
.con8 .img4{width:22.67%;position: absolute;top: 12%;left: 38.7%;}
.con8 .img5{width:10%;position: absolute;top: 45%;left: 67%;}
.con8 .p3{color: #fff;font-size: 0.32rem;position: absolute;top: 80%;left: 64%;}
.con8 .img6{width:6%;position: absolute;top: 45%;left: 87.5%;}
.con8 .p4{color: #fff;font-size: 0.32rem;position: absolute;top: 80%;left: 84%;}

@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%); 
    }
}