/*
 * 网上售楼处  - 富力·公主湾
 */
/*=====概述页面=====*/

/*公共样式*/
.main{padding-bottom: 0px; color: #333333;}
.project .section{position: relative; overflow: hidden;}
.project .section .center-wrapper{position: relative; top: 0; width: 1200px; height: auto; margin: 0 auto;}
.project .section .info-wrapper{padding-bottom: 43px;}

/*Y轴向上移动100%，默认1秒*/
.project .section .info-wrapper .info-title, .section .info-wrapper .info-desc,.section .info-wrapper .btn-info, .section .info-wrapper .info-price, .section .info-wrapper .info-btn, .section .info-wrapper .info-dt,.section .info-night{opacity: 0; -webkit-transform: translateY(100%);-ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 1s,opacity 1s; transition: transform 1s,opacity 1s;}
.project .section-active .info-wrapper .info-title, .section-active .info-wrapper .info-desc,.section-active .info-wrapper .btn-info, .section-active .info-wrapper .info-price, .section-active .info-wrapper .info-btn, .section-active .info-wrapper .info-dt,.section-active .info-night{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.project .section .info-wrapper .info-desc{transition-delay:.5s; -webkit-transition-delay:.5s} 
.project .section .info-wrapper .btn-info{transition-delay:0s; -webkit-transition-delay:0s} /*描述延迟5秒*/
.project .section .info-wrapper .info-price{transition-delay:0.7s; -webkit-transition-delay:0.7s;}
.project .section .info-wrapper .info-night{transition-delay:1.2s; -webkit-transition-delay:1.2s;}

/*公共样式*/
.project .section .info-title{font-size: 38px; letter-spacing: -0.1px; line-height: 56px; margin-top: 58px;}
.project .section .info-desc{font-size: 18px; line-height: 32px; margin-top: 16px;}
.project .section .p1{font-size: 26px; line-height: 40px;  margin-top: 32px;}
.project .section .p2{font-size: 18px; line-height: 32px; margin-top: 17px;}

/*淡入淡出，默认3秒*/
.project .section .info-wrapper .info-more,.section .info-fade{opacity: 0; -webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1s,opacity 2s; transition: transform 1s,opacity 2s;}
.project .section-active .info-wrapper .info-more,.section-active .info-fade{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-delay:1s; -webkit-transition-delay:1s}

/*section1 | 头部*/
.project .section1{width: 100%; height: 950px; background: url(../images/section1-bg-1.jpg) no-repeat center center; color: #ffffff;}
.project .section1 .info-wrapper{margin-top: 157px; text-align: center; padding-right: 40px;}
.project .section1 .info-wrapper .info-desc{font-size: 28px; margin-top: 39px;}
.project .section1 .info-house{line-height: 1;}
.project .section1 .info-house .info-title{line-height: 1; font-size: 50px; color: #fff; font-weight: bold;}
.project .section1 .info-price{text-align: center; background-color: #EF4238; width:180px; height: 34px; padding-left: 25px; border-radius: 3px; margin: 0 auto; margin-top: 42px; text-align: center; transition-delay:.2s; -webkit-transition-delay:.2s; position: relative; text-align: center; cursor: pointer;}
.project .section1 .info-price span{line-height:1; margin-top: 10px; font-size: 16px; color: #fff; letter-spacing: 0.68px; float: left;}
.project .section1 .info-price i{line-height:1; margin-top: 7px; margin-right: 6px; font-size: 20px; font-weight: bold; float: left;}
.project .section1 .info-price a.btn{display: block; margin: 0 auto; margin-top: 4px; width: 160px; height: 34px; line-height: 34px; text-align: center; background-color: #EF4238; color: #ffffff; border-radius: 4px; font-size: 16px; letter-spacing: 0.8px;}
.project .section1 .info-price:hover{background-color: #cb3830; color: #fff !important;}
.project .section1 .info-price a.btn img{margin-top: -3px;}
.project .section1 .info-price-cur-layer{position: absolute; top: 52px; left: 50%; margin-left: -180px; width: 310px; height: 82px; background-color: #fff; border-radius: 4px; text-align: right; padding: 0 20px 0 0; text-align: right; display: none;}
.project .section1 .info-price-cur-layer:before{content:""; width:0px; height:0px; border:12px solid transparent; border-top:12px solid #fff; position:absolute; top: 81px; right: 150px;}
.project .section1 .info-price-cur-layer .person{font-size: 16px; line-height: 16px; color: #333; padding-top: 16px;}
.project .section1 .info-price-cur-layer .tel{font-size: 20px; line-height: 20px; color: #EF4238; padding-top: 13px; font-weight: bold; text-align: center;}
.project .section1 .xiajt{display:block; margin: 0 auto; margin-top: 450px; animation: tb 0.8s; animation-iteration-count: infinite;}
@keyframes tb{0%{margin-top: 450px;} 50%{margin-top: 460px;} 100%{margin-top: 450px;}}

/*section2 | 销售信息*/
.project .section2{width: 100%; background-color: #171635; color: #ffffff; padding-top: 50px; padding-bottom: 20px;}
.project .section2 .center-wrapper{width: 1200px; position: relative; padding-top: 45px; padding-bottom: 65px;}
.project .section2 .center-wrapper .center-box{width: 1200px; height: 190px; border: 1px solid #fff; color: #fff; filter:alpha(opacity=20); opacity: 0.2; position: absolute; left: 0; top: 0;}
.project .section2 .center-wrapper h1{position: absolute; padding: 0 20px; left: 50%; margin-left: -92px; top: -8px; font-size: 16px; line-height: 1; z-index: 3; background-color: #171635;}
.project .section2 .center-wrapper p{font-size: 16px; line-height: 28px; text-align: center;}


/*section3 | 总概述*/
.project .section3{width: 100%; height: 920px; text-align: center; background: url(../images/section3-bg-1.jpg) no-repeat center center/cover; color: #fff;}
.project .section3 .center-wrapper{height: 100%;}
.project .section3 .info-title{margin-top: 78px;}
.project .section3 .info-desc{margin-top: 26px;}

/*section4 | 区位*/
.project .section4{width: 100%; height: 730px; text-align: center;}
.project .section4 .center-wrapper{width:100%;}
.project .section4 .center-wrapper .info-desc{font-weight: lighter;}

/*section5 | 区位*/
.project .section5{width: 100%; height: 800px; text-align: center;}
.project .section5 .center-wrapper{width:100%;}
.project .section5 .center-wrapper img{cursor: url('../../images/online/online-img-big.png'), default!important;}
.project .section5 .center-wrapper .info-desc{font-weight: lighter;}

/*section6 | 优势*/
.project .section6{width: 100%; height: 1470px; text-align: center; background: #171635; color: #fff;}
.project .section6 .info-desc{font-weight: lighter;}
.project .section6 .info-title{margin-top: 83px;}
.project .section6 .property{width:1140px; margin: 0 auto; padding: 0 30px; text-align: center;}
.project .section6 .property li{width: 270px; height: 530px; float: left; margin-right: 165px;}
.project .section6 .property li img{width: 280px; height: 280px; border-radius: 50%;}
.project .section6 .property li .p1{margin-top: 21px;}
.project .section6 .property li .p2{font-weight: lighter; margin-top: 7px;}
.project .section6 .advantage{width: 1200px; height: 555px; border-radius: 15px; text-align: left; background: rgba(255,249,246,0.15); margin: 0 auto; padding-top: 35px;}
.project .section6 .advantage p.home{background: url(../images/section6-img-4.png) no-repeat; background-size: 51px 51px; line-height: 51px; margin-left: 90px; font-size: 26px; font-weight: lighter; padding-left: 70px;}
.project .section6 .advantage p.second{margin-top: 52px;}
.project .section6 .advantage .identity{display: block; font-size: 16px; font-weight: lighter; margin-left: 160px; margin-top: 10px;}
.project .section6 .advantage ul{width: 910px; margin: 0 auto; margin-top: 20px;}
.project .section6 .advantage ul li{width: 270px; height: 135px; float: left; margin-right: 50px; margin-bottom: 30px; background: #171635;}  
.project .section6 .advantage ul li .p3{display:block; font-size: 16px; font-weight: bold; margin-top: 21px; margin-left: 30px;}
.project .section6 .advantage ul li .p4{font-size: 16px; font-weight: lighter; line-height: 30px; margin-top: 8px; margin-left: 30px;}

/*section7 | 环境*/
.project .section7{width: 100%; height: 830px; text-align: center;}
.project .section7 .center-wrapper{width:1200px; padding-bottom: 0;}
.project .section7 .info-wrapper .info-title{color: #333; text-align: center; margin: 0 auto; margin-top: 58px;}
.project .section7 .info-wrapper h1{color: #333; font-size: 40px; margin-bottom: 18px;}
.project .section7 .info-wrapper .info-title2{color: #333; font-size: 40px; margin-bottom: 15px;}
.project .section7 .info-park{width: 1200px; height: 330px; text-align: center; margin: 0 auto;}
.project .section7 .info-park .info-park-left{width: 580px;height: 340px; float: left; margin-right: 40px;}
.project .section7 .info-park .peitao{width: 580px; height: 340px;}
.project .section7 .info-park h1{width: 100%; font-size: 22px; margin-top: 40px; margin-bottom: 20px;}
.project .section7 .info-park .p1{margin-top: 26px;}
.project .section7 .info-park .p2{text-align: center; margin-top: 5px; font-size: 16px; line-height: 28px!important;}
.project .section7 .info-park .info-park-right{width: 580px;height: 340px; float: left;}

/*section8 | 环境*/
.project .section8{width: 100%; height: 770px; background: #ececec;}
.project .section8 .info-title{text-align: center;}
.project .section8 .content-box{width: 100%;}
.project .section8 .content-box img{width: 50%; height: 540px;}
.project .section8 .content-box .content-desc{width: 600px; font-size: 18px; margin-left: 90px; margin-top: 113px; line-height: 32px;}
.project .section8 .content-box .content-desc span{font-size: 18px; font-weight: bold;}

/*section9 | 教育*/
.project .section9{width: 100%; height: 770px;}
.project .section9 .info-title{text-align: center;}
.project .section9 .content-box{width: 100%;}
.project .section9 .content-box img{width: 50%; height: 540px;}
.project .section9 .content-box .content-desc{width: 505px; font-size: 18px; margin-right: 90px; margin-top: 152px; line-height: 32px;}
.project .section9 .content-box .content-desc2{width: 505px; font-size: 18px; margin-right: 90px; margin-top: 32px; line-height: 32px;}

/*section10 | 环境*/
.project .section10{width: 100%; height: 820px; background: #ececec;}
.project .section10 .info-title,.section10 .info-desc{text-align: center;}
.project .section10 .content-box{width: 100%;}
.project .section10 .content-box img{width: 50%; height: 540px;}
.project .section10 .content-box .school{width: 600px; padding-left: 90px; padding-top: 58px;}
.project .section10 .content-box .school .content-desc{width: 600px; font-size: 18px; line-height: 32px; margin-top: 5px;}
.project .section10 .content-box .school .content-desc span{font-size: 18px; font-weight: bold;}
.project .section10 .content-box .school .p1{margin-top: 28px;}

/*section11 | 医疗*/
.project .section11{width: 100%; height: 770px;}
.project .section11 .info-title{text-align: center;}
.project .section11 .content-box{width: 100%;}
.project .section11 .content-box img{width: 50%; height: 540px;}
.project .section11 .content-box .content-desc{width: 525px; font-size: 18px; margin-right: 90px; margin-top: 152px; line-height: 32px;}
.project .section11 .content-box .content-desc2{width: 532px; font-size: 18px; margin-right: 90px; margin-top: 32px; line-height: 32px;}

/*section12 | 配套*/
.project .section12{width: 100%; height: 1610px; background: #F5F5F5;}
.project .section12 .info-wrapper .info-desc,.section12 .info-wrapper .info-title{text-align: center;}
.project .section12 ul{width: 1190px; margin: 0 auto; margin-top: 60px;}
.project .section12 ul li{width: 370px; float: left; margin-right: 40px; margin-bottom: 45px; text-align: center;}
.project .section12 ul li img{width: 370px; height: 210px;}
.project .section12 ul li .p1{margin-top: 14px!important;}
.project .section12 ul li .p2{font-size: 16px; font-weight: lighter; margin-top: 7px; line-height: 28px;}

/*section13 | 户型*/
.project .section13{height: 1080px; text-align: center; background-color: #fff!important;}
.project .section13 .info-wrapper{text-align: center;}
.project .section13 .info-wrapper .info-desc{font-size: 16px; margin-top: 8px;}
.project .section13 .info-wrapper .info-more{background-color: #fff; color: #333; font-size: 18px; margin-top: 13px;}
.project .section13 .info-wrapper .info-more:hover{background-color: #fff !important; color: #333 !important;}
.project .section13 .info-wrapper .info-more em{color: #EF4238; font-weight: bold; font-size: 22px;}
.project .section13 .slideBox-section13{position: relative; overflow: hidden; height: 660px; overflow: hidden;}
.project .section13 .slideBox-section13 .hd{position: absolute;left: 50%;transform: translate(-50%); bottom:40px; z-index: 1;}
.project .section13 .slideBox-section13 .hd ul li{cursor: pointer; width: 8px; height: 8px; background-color: #d9d9d9; filter:alpha(opacity=60); opacity:0.6; border-radius: 4px; float: left; margin-right: 14px;}
.project .section13 .slideBox-section13 .hd ul li.on{background-color: #c0a07a; filter:alpha(opacity=100); opacity:1;}
.project .section13 .slideBox-section13 .bd .bd-items{overflow: hidden; position: relative; height: 730px; background-color: #f5f5f5;} 
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-img{width: 50%; float: left; padding-top: 60px; text-align: right; height: 575px; line-height: 575px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-img img{margin-right: 100px; vertical-align: inherit; cursor:url('../../images/online/online-img-big.png'), default!important;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info{width: 50%; float: right; text-align: left; padding-top: 50px; position: relative;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info:before{content: ""; position: absolute; width: 1px; height: 530px; z-index: 1; background-color: #dfdfdf;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-room{margin: 50px 0 0 100px; height: 26px; line-height: 26px; width: 108px; background-color: #bbbbbb; color: #ffffff; text-align: center; font-size: 14px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-title{margin: 23px 0 0 100px; font-size: 40px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-label{margin: 9px 0 0 100px; font-size: 14px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price{margin: 30px 0 0 100px; overflow: hidden;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box{width:220px; padding:0 ; float: left; text-align: center; border: 1px solid #d9d9d9; height: 98px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box.info-area{margin-right: 16px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box.info-price{width:456px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box.info-price.no-price{padding: 0 72px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box .info-box-title{font-size: 26px; padding-top: 10px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box.no-price .info-box-title{padding-top: 36px; padding-bottom: 4px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box .info-box-title font{font-size: 40px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box .info-box-desc{padding-top: 4px; font-size: 14px; font-weight: lighter;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-area-price .info-box .info-box-desc span{font-size: 18px; font-weight: normal;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-desc{margin: 21px 0 0 100px; line-height: 30px; width: 470px; font-size: 14px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-more{margin: 38px 0 0 100px; }
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-more a{color: #ffffff; background-color: #c0a07a; width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; font-size: 16px;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-more a:hover{color: #ffffff !important; background-color: #a38868;}
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-more2{display:block; margin: 37px 0 0 100px; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #c0a07a; color: #fff; }
.project .section13 .slideBox-section13 .bd .bd-items .bd-item-info .info-more2:hover{color: #fff!important; background-color: #ac906e;}
.project .section13 .slideBox-section13 .prev,
.project .section13 .slideBox-section13 .next{position:absolute; z-index: 1; width: 80px; height: 140px; line-height: 140px; background-color: #000; display: block; filter:alpha(opacity=0);opacity:0; top: 50%; margin-top: -70px;}
.project .section13 .slideBox-section13 .prev{left: 50px;}
.project .section13 .slideBox-section13 .next{right: 50px;}
.project .section13 .slideBox-section13:hover .prev,
.project .section13 .slideBox-section13:hover .next{filter:alpha(opacity=10); opacity:0.1; }
.project .section13 .slideBox-section13 .prev:hover,
.project .section13 .slideBox-section13 .next:hover{filter:alpha(opacity=20); opacity:0.2;}
.project .section13 .type-rule{height: 149px; background: #F5F5F5;}
.project .section13 .type-rule p{width: 1200px; margin: 0 auto; font-weight: lighter;color: #666666; line-height: 20px; border-top: 1px solid #E3E3E3; padding-top: 36px; text-align:left;}

/*section14 | 图库*/
.project .section14{width: 100%; height: 763px; text-align: center; position: relative;}
.project .section14 .img-wrapper{width:100%; height: 606px; position: relative; overflow: hidden;}
.project .section14 .img-wrapper .img1{width: 100%; height: 606px;float: left; z-index: 99;}
.project .section14 .section-mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); cursor: pointer; z-index: 99;}
.project .section14 .section-mask div{width: 148px; height: 34px; border: 1px solid #fff; line-height: 34px; margin: 0 auto; color: #fff; text-align: center; margin-top: 290px; font-size: 14px;}
.project .section14 .section-mask1{position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: rgba(0,0,0,0.4); cursor: pointer; z-index: 99;}
.project .section14 .section-mask1 div{width: 148px; height: 34px; border: 1px solid #fff; line-height: 34px; margin: 50% auto; color: #fff; text-align: center; margin-top: 186px; font-size: 14px;}
.mask{z-index: 999; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.slideBox-section14{position: fixed; left: 0; top: 50%; margin-top: -320px; z-index: 999; width: 100%; height: 640px!important; display: none;}
.slideBox-section14 .hd{position: absolute;left: 50%;transform: translate(-50%); bottom:40px; z-index: 1;}
.slideBox-section14 .hd ul li{cursor: pointer; width: 8px; height: 8px; background-color: #fff; filter:alpha(opacity=60); opacity:0.6; border-radius: 4px; float: left; margin-right: 14px;}
.slideBox-section14 .hd ul li.on{background-color: #c0a07a; filter:alpha(opacity=90); opacity:0.9;}
.slideBox-section14 .bd{position: relative;}
.slideBox-section14 .bd .bd-items{position: relative; height: 640px; background-position: center center; background-size: cover;}
.slideBox-section14 .bd .bd-items.bd-item-01{background: url(../images/section14-img-3.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-02{background: url(../images/section14-img-4.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-03{background: url(../images/section14-img-5.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-04{background: url(../images/section14-img-6.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-05{background: url(../images/section14-img-7.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-06{background: url(../images/section14-img-8.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-07{background: url(../images/section14-img-9.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-08{background: url(../images/section14-img-10.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-09{background: url(../images/section14-img-11.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-10{background: url(../images/section14-img-12.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-11{background: url(../images/section14-img-13.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-12{background: url(../images/section14-img-14.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-13{background: url(../images/section14-img-15.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-14{background: url(../images/section14-img-16.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-15{background: url(../images/section14-img-17.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-16{background: url(../images/section14-img-18.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-17{background: url(../images/section14-img-19.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-18{background: url(../images/section14-img-20.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-19{background: url(../images/section14-img-21.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-20{background: url(../images/section14-img-22.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-21{background: url(../images/section14-img-23.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items.bd-item-22{background: url(../images/section14-img-24.jpg) no-repeat center center;}
.slideBox-section14 .bd .bd-items h1{position: absolute; bottom: 0px; font-size: 20px; color: #fff; width: 100%; text-align: center;}
.slideBox-section14 .jt-box{position: relative; left: 50%; margin-left: -600px; top:50%; margin-top: -620px; width: 1200px; height: 640px;}
.slideBox-section14 .prev,
.slideBox-section14 .next{position:absolute; z-index: 1; width: 80px; height: 120px; display: block; top: 50%; margin-top: -350px;}
.slideBox-section14 .prev{left: -50px;}
.slideBox-section14 .next{right: -50px;}
.slideBox-section14:hover .prev,
.slideBox-section14:hover .next{filter:alpha(opacity=60); opacity:0.6; }
.slideBox-section14 .prev:hover,
.slideBox-section14 .next:hover{filter:alpha(opacity=100); opacity:1;}
.slideBox-section14 .close{position: absolute; right: 170px; top: -20px; cursor: pointer; opacity: 0.4;}
.slideBox-section14 .close:hover{opacity: 1;}

/*看房*/
.new-look{background-color: #171635;}
.right-pos li .addr{width: 372px;}