body { overflow-x:hidden;height:100%;position:relative}
.wrap { width: 1200px; margin: 0 auto; list-style-type: none;height:auto }


.p1 { height:470px;position:relative}
.p1-bg { position: absolute; z-index: -1; top: -30px; width: 48%; height: 520px; background: linear-gradient(to bottom right, #fad55f, #f76c1d);  transform: perspective(20px) rotateX(0.5deg) rotateY(-1deg); right: -40px; border-radius: 70px 0 0 35px; }
.p1-bg img { bottom: 10px; left: 50px; position: absolute; }
.p1 h2, .p1 h3, .p1 h4 { position: absolute; left: 50%; margin: 0 0 0 -600px; z-index: 2; }
.p1 h2 { top: 180px; font-size: 35px; animation: fadeInUp 1s ease; }
.p1 h3 { top: 240px; font-size: 24px; font-weight: normal; animation: fadeInUp 1.5s ease; }
.p1 h4 { top: 275px; font-size: 18px; font-weight: normal; animation: fadeInUp 1.8s ease; }
.p1 a { position: absolute; left: 50%; top: 320px; margin: 0 0 0 -600px; line-height: 40px; color: #fff; padding: 0 25px; border-radius: 5px; font-size: 14px; z-index: 3; animation: fadeInUp 1.5s ease; transition: all .5s ease; background:linear-gradient(to bottom right, #fad55f, #f76c1d);}

.title {text-align:center;padding-top:50px; }
.title h2{font-size:30px;}
.title label{display:block;width:80px;margin:auto;margin-top:10px; height:3px;border-radius:10px; background:linear-gradient(to bottom right, #fad55f, #f76c1d);}

.p2 {padding-bottom:90px }
.p2 .list ul{display:flex;align-items:center;padding-top:44px;justify-content:space-between }
.p2 .list ul li{width:16%;}
.p2 .list ul li a { display:block;text-align:center;cursor:default}
.p2 .list ul li a span{font-size:50px;display:block;position:relative;}
.p2 .list ul li a span i{position: absolute;width:20px;height:20px;border-radius:20px;  background:linear-gradient(to bottom right, #fad55f, #f76c1d);right:44%;z-index:-1;top: 15px;}
.p2 .list ul li:nth-child(2) a span i{width:30px;height:20px;border-radius:20px;  background:linear-gradient(to bottom right, #fad55f, #f76c1d);right:44%;z-index:-1;top: 15px;}
.p2 .list ul li:nth-child(4) a span i{width:30px;height:20px;border-radius:20px;  background:linear-gradient(to bottom right, #fad55f, #f76c1d);right:44%;z-index:-1;top: 25px;}
.p2 .list ul li a h4{padding-top:5px;font-size:20px}
.p2 .list ul li a p{color:#999;padding-top:10px}

.p2 .list ul li:hover i {animation: fadeInUp 1.5s ease;}


.p3 { }
.p3 .wrap{position:relative }
.p3-bg { text-align:center;margin-top:100px;position:absolute;left:313px;}
.p3-bg > div { height: 570px; width: 570px; border-radius: 570px; border: 2px solid #f7e0d3; margin: auto;display:flex;align-items:center;justify-content:center }
.p3-bg > div > div { background:#f7e0d3;width:500px;height:500px;border-radius:500px;display:flex;align-items:center;justify-content:center}
.p3-bg > div > div img{ width:50%; }
.p3-1 {height: 570px; width: 570px;margin:auto;margin-top:130px}
.p3-1 p { position: absolute; left: 50%; animation: heart 2s ease infinite;color:#fe4600;font-size:17px }
.p3-1 p:nth-child(1) { top: 282px; margin: 0 0 0 -160px; animation-delay: 0s;font-weight:bold }
.p3-1 p:nth-child(2) { top: 337px; margin: 0 0 0 -212px; animation-delay: 0s; }
.p3-1 p:nth-child(3) { top: 390px; margin: 0 0 0 -155px; animation-delay: 1s; font-weight:bold}
.p3-1 p:nth-child(4) { top: 434px; margin: 0 0 0 -238px; animation-delay: 0s; font-weight:bold}
.p3-1 p:nth-child(5) { top: 252px; margin: 0 0 0 75px; animation-delay: 1s; }
.p3-1 p:nth-child(6) { top: 357px; margin: 0 0 0 120px; animation-delay: 1s; }
.p3-1 p:nth-child(7) { top: 710px; margin: 0 0 0 -190px; animation-delay: 1s; font-weight:bold}
.p3-1 p:nth-child(8) { top: 487px; margin: 0 0 0 134px; animation-delay: 1s; }
.p3-1 p:nth-child(9) { top: 426px; margin: 0 0 0 197px; animation-delay: 0s; font-weight:bold}
.p3-1 p:nth-child(10) { top: 575px; margin: 0 0 0 173px; animation-delay: 1s; }
.p3-1 p:nth-child(11) { top: 669px; margin: 0 0 0 127px; animation-delay: 0s;font-weight:bold }
.p3-1 p:nth-child(12) { top: 260px; margin: 0 0 0 0px; animation-delay: 0s; }
.p3-1 p:nth-child(13) { top: 507px; margin: 0 0 0 -169px; animation-delay: 0s; }
.p3-1 p:nth-child(14) { top: 620px; margin: 0 0 0 -204px; animation-delay: 0s; font-weight:bold}

.p3-left,.p3-right {position:absolute;top:395px }
.p3-right { right:0;}
.p3-left> div ,.p3-right> div { height: 200px; width: 200px; border-radius: 200px; background: #f7e0d3; margin: auto;display:flex;align-items:center;justify-content:center; }
.p3-left h5,.p3-right h5 { color:#fe4600;font-size:25px;text-align:center }
.p3-left i, .p3-right i { display: block; font-size:14px;color:#444;font-weight:normal}
.p3-left span  {width:80px; background:#f7e0d3;height:2px;display:block;position:absolute;left:216px;top:100px }
.p3-right span {width:80px; background:#f7e0d3;height:2px;display:block;position:absolute;right:216px;top:100px }


.p4 {padding-bottom:50px;background:#fff2e9; }
.p4 .title{padding-bottom: 100px}
.p4 ul{ display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px}
.p4 ul li {width:17%;height:200px;overflow:hidden;border:1px solid #eee ;position:relative}
.p4 ul li p {width:100%;height:100%;background:rgba(0, 0, 0, 0.5);text-align:center;position:absolute;top:-200px;right:0 }
.p4 ul li p img{width:80%;padding-top:2px}

.p5 {text-align:center ;padding-bottom:50px;background:#fff2e9;}
.p5 a{display:inline-block; background:linear-gradient(to bottom right, #fad55f, #f76c1d); color: #fff; padding: 10px 25px; border-radius: 5px; font-size: 14px;  }

.floor {background:#322e2b;padding:50px 0; }
.floor > div { display: flex; }
.floor > div > div:nth-child(1) { display: flex; color: #ddd; font-size: 12px; flex-direction: column;width:50%; }
.floor > div > div>div:nth-child(2) {padding-top:165px}
.floor > div > div:nth-child(1) a{color:#ddd ;font-size:12px;}
.floor > div > div:nth-child(1) img{width:95px; }

.floor > div > div:nth-child(2) {display:flex; }
.floor > div > div:nth-child(2) ul {width:150px; }
.floor > div > div:nth-child(2) ul li a{font-size:13px}
.floor > div > div:nth-child(2) ul li:first-child a{color:white;font-size:15px}
.floor > div > div:nth-child(2) ul li{padding-bottom:20px}
.floor > div > div:nth-child(2) a{color:#ddd }


.p6{background:#fff2e9;}
.p6 .p6-c{display:flex;align-items:center;}
.p6 .p6-c>div{flex-shrink:0;width:50%;}
.p6 .p6-c>.p6-right{line-height:0}
.p6-left li{display:flex;align-items:center;margin-bottom:40px;}
.p6-left li:last-child{margin-bottom:0}
.p6-left li p:nth-child(1) i{color:#fe4600;font-size:34px}
.p6-left li p:nth-child(2) {padding-left:20px}
.p6-left li p:nth-child(2) a{display:block;}
.p6-left li p:nth-child(2) a:nth-child(1){color: #595961;font-size:20px}
.p6-left li p:nth-child(2) a:nth-child(2){color: #999;margin-top: 6px;font-size:16px}