﻿.wrap { width: 1200px; margin: 0 auto; list-style-type: none; }
.fr { float: right; }
.fl { float: left; }
.por { position: relative; }
.poa { position: absolute; }

.floor1 { height: 550px; overflow: hidden;  }
.floor1 h2, .floor1 h3, .floor1 h4 { position: absolute; left: 50%; margin: 0 0 0 -600px; z-index: 2; color: #fff; }
.floor1 h2 { top: 140px; font-size: 60px; animation: fadeInUp 1s ease; }
.floor1 h3 { top: 240px; font-size: 24px; font-weight: normal; animation: fadeInUp 1.5s ease; }
.floor1 h4 { top: 275px; font-size: 18px; font-weight: normal; animation: fadeInUp 1.8s ease; }
.floor1 .button { position: absolute; left: 50%; top: 320px; margin: 0 0 0 -600px; line-height: 40px; color: #fff; padding: 0 25px; border: 1px solid #fff; border-radius: 5px; font-size: 16px; z-index: 3; animation: fadeInUp 1.5s ease; transition: all .5s ease; background:white;color:#12a6e7}
.floor1 img { display: block; width: 1920px; position: relative; left: 50%; margin: 0 0 0 -960px; }


 .head { text-align: center; margin: 0 0 50px; }
 .head h2 { line-height: 90px; font-size: 45px; font-weight: normal; border-bottom: 1px solid #eee; position: relative; }
 .head h2:before { content: ''; width: 200px; height: 5px; background: url(../images/default/line.png) center center no-repeat; position: absolute; left: 50%; bottom: -3px; margin: 0 0 0 -100px; }
.head h3 { line-height: 60px; font-size: 20px; font-weight: normal; color: #666; }


.floor2 { height: 820px; padding: 40px 0 0; background: url(../images/default/floor2-1.png) center bottom no-repeat #fff; }
.floor2 .list { height: 528px; position: relative; }
.floor2 .list dd { position: absolute; left: 50%; animation: heart 2s ease infinite; }
.floor2 .list dd.d1 { top: -40px; margin: 0 0 0 -290px; animation-delay: 0s; }
.floor2 .list dd.d2 { top: 150px; margin: 0 0 0 -290px; animation-delay: 0s; }
.floor2 .list dd.d3 { top: 60px; margin: 0 0 0 -100px; animation-delay: 1s; }
.floor2 .list dd.d4 { top: 110px; margin: 0 0 0 125px; animation-delay: 0s; }
.floor2 .list dd.d5 { top: 150px; margin: 0 0 0 -490px; animation-delay: 1s; }
.floor2 .list dd.d6 { top: 150px; margin: 0 0 0 430px; animation-delay: 1s; }
.floor2 .list dd.d7 { top: 330px; margin: 0 0 0 -390px; animation-delay: 1s; }
.floor2 .list dd.d8 { top: 330px; margin: 0 0 0 250px; animation-delay: 1s; }
.floor2 .list dd.d9 { top: -40px; margin: 0 0 0 180px; animation-delay: 0s; }
.floor2 .list dd.d10 { top: -70px; margin: 0 0 0 0px; animation-delay: 1s; }
.floor2 .list dd.d11 { top: 193px; margin: 0 0 0 296px; animation-delay: 0s; }
.floor2 .list dd.d12 { top: 25px; margin: 0 0 0 339px; animation-delay: 0s; }
.floor2 .list dd.d13 { top: 160px; margin: 0 0 0 -55px; animation-delay: 0s; }
.floor2 .list dd.d14 { top: 306px; margin: 0 0 0 522px; animation-delay: 0s; }
.floor2 .list dd p{width:80px;height:80px;border-radius:80px;background:white;border:3px solid #cceaff;line-height:80px;text-align:center}
.floor2 .list dd p a{display:block;height:79px;width:79px;border-radius:79px;background:white;border:1px solid #12a6e7;}


.floor3 .list { height: 280px;list-style-type: none; }

.floor3 .swiper {width:1000px;margin:auto;position:relative }
.floor3 .swiper-container {padding:60px 35px }
/*.floor3 .list div:first-child { margin-left: 125px; }*/
.floor3 .list .swiper-slide { height: 260px; padding: 20px 0 0; background: #fff; box-shadow: 0 0 80px #dbe4fb; text-align: center; transition: all .5s ease;cursor:pointer }
.floor3 .swiper-slide:hover { box-shadow: 0 0 80px #b3c8fb; transform: scale(1.02,1.02); }
.floor3 .list img { display: block; width: 140px; height: 140px; margin: 0 auto 20px; }
.floor3 .list h3 { font-size: 18px; }
.floor3 .list h4 { font-weight: normal; color: #778697; padding: 0 20px; }
.floor3 .swiper-button-next { right:-85px}
.floor3 .swiper-button-prev { left:-85px}

.floor4 { padding: 40px 0 0; }
.floor4 .swiper {width:1000px;margin:auto;position:relative;height:520px; }
.floor4 .swiper-button-next { right:-85px}
.floor4 .swiper-button-prev { left:-85px}
.floor4 .list { width: 100%; list-style-type: none; }
.floor4 .list .swiper-slide { transition: all .5s ease;  }
.floor4 .list .swiper-slide >div{ border: 1px solid #eee;  position: relative;height: 440px;background: white;  text-align: center; overflow: hidden; border-bottom: 4px solid #508bef;}
.floor4 .list .swiper-slide .s2 { min-height: 96px; text-align: left; font-size: 13px; color: #475058; line-height: 24px; padding: 0 20px; }
.floor4 .list .swiper-slide .s2 p:first-child {text-indent:20px ;padding-top:304px}
.floor4 .list .swiper-slide .s2 p:last-child { text-align: right; font-size: 13px; color: #E59B33; padding-top: 20px;line-height:15px }
.floor4 .list  .swiper-slide .s1 {position:absolute;left:0;right:0;width:100%;height:100%;background:white; }
.floor4 .list  .swiper-slide .s1 .img{height:288px;overflow:hidden}
.floor4 .list  .swiper-slide .s1 .img div{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:288px;background:black;opacity:0.4}
.floor4 .list  .swiper-slide .s1 .img img{height:100%;}
.floor4 .list  .swiper-slide .s1 .icon{text-align:center;padding:45px 0}
.floor4 .list  .swiper-slide .s1 .icon img{width:50%; }


.website-floor4 {background: url(../images/default/bird.png);padding:50px 0 120px 0;}
.website-floor4 .ig-form { padding: 0 0 40px; position: relative; }
.website-floor4 .ig-form section {float:left;width: 380px;position:relative; margin-left:55px;}
.website-floor4 .ig-form .module { width:550px; height:auto; float:left; bottom:0;padding-top:35px;text-align: center;margin-left: 70px;}
.website-floor4 .ig-form .module img{ width:74%;padding:40px 0; }
.website-floor4 .ig-form .module>p{font-size:18px;color:#0080ca;text-align:center;padding-top:1em; font-weight: 700;}
.website-floor4 .ig-form .module .f1,.website-floor4 .ig-form .module .f2 {text-align:left ;padding-left:75px;}
.website-floor4 .ig-form .module .f1 p{float:left; }
.website-floor4 .ig-form .module .f1 p:nth-child(1) { border-right: 2px solid #12a6e7; font-size: 35px; font-weight: 700; padding-right: 0.5em; color:#0080ca}
.website-floor4 .ig-form .module .f1 p:nth-child(2) { padding-left:1em;color:#0080ca; font-weight: 700; font-size:17px; }
.website-floor4 .ig-form .module .f1 p span{display:block;}
.website-floor4 .ig-form .module .f2{width:420px;padding-top:0.5em;font-size:15px}


.website-floor4 .ig-form .headb { font-size:25px; color:#0080ca; margin-bottom:30px; font-weight:700; padding-top:20px; }
.website-floor4 .ig-form .headb h2 {font-size:30px; }
.website-floor4 .ig-form .main { width:100%; }
.website-floor4 .ig-form .row-1, .website-floor4 .ig-form .row-2, .website-floor4 .ig-form .code, .website-floor4 .ig-form .button { float:left; margin-bottom:10px; }
.website-floor4 .ig-form .row-1 { width:100%; }
.website-floor4 .ig-form .row-2 { width:380px; }
.website-floor4 .ig-form .row-2 p { display:inline-block;padding:0 10px;cursor:pointer}
.website-floor4 .ig-form .row-2 p span{border:1px solid #ccc;width:18px;height:18px;border-radius:18px;padding:2px;overflow:hidden;line-height:18px;float:left;padding-right:2px;}
.website-floor4 .ig-form .row-2 p.sex i{display:block;background:#4f9df0;width:18px;height:18px;border-radius:18px;}

.website-floor4 .ig-form .row-2 + .row-2 { float:right; }
.website-floor4 .ig-form .row-2>span {color:red;position:absolute;left:-13px;font-size:20px;margin-top:7px; }
.website-floor4 .ig-form .code { width:200px; }
.website-floor4 .ig-form .button { width:200px; float:left;padding-top:14px  }
.website-floor4 .ig-form .txt { width:358px; padding:0 10px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5;  }
.website-floor4 .ig-form .select { width:358px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5;  }
.website-floor4 .ig-form .text { width:357px;padding:10px; height:60px; line-height:20px; border:1px solid #ccc; background:#FFF; box-shadow:1px 1px 1px 1px #e5e5e5;  }
.website-floor4 .ig-form .txt, .website-floor4 .ig-form .text, .website-floor4 .ig-form .select { color:#666; }
.website-floor4 .ig-form .txt:focus, .website-floor4 .ig-form .text:focus, .website-floor4 .ig-form .select:focus { border-color:#2084e0; }
.website-floor4 .ig-form .row-1 .txt {/*width:778px;*/}
.website-floor4 .ig-form .code .txt { width:100px; }
.website-floor4 .ig-form .code img { width:70px; height:40px; vertical-align:middle; *vertical-align:-4px; }
.website-floor4 .ig-form .submit { width:100%; height:50px; line-height:40px; border:0; background:#199ad7; color:#FFF;  border-radius:3px; cursor:pointer; font-size:16px; }
.website-floor4 .ig-form .submit:hover { box-shadow:0 0 1000px rgba(0,0,0,0.2) inset; }

.seeVideo {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:10000;display:none;opacity:0;}
.seeVideo .s1 {width:50%;margin:auto }
.seeVideo .s1 button{float:right;padding:5px 15px;margin-bottom:5px }
#J_prismPlayer_pc { width:100%;height:100%;}


