@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 0.14rem;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.5;text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1720{width: 1720px;max-width: 92%;margin: 0 auto;width: 89.58%;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
/*.size16{font-size: calc(14px + 0.1vw);}*/
/*.size18{font-size: calc(14px + 0.2vw);}*/
/*.size20{font-size: calc(16px + 0.2vw);}*/
/*.size24{font-size: calc(16px + 0.41vw);}*/
/*.size30{font-size: calc(18px + 0.62vw);}*/
/*.size36{font-size: calc(18px + 0.93vw);}*/
/*.size40{font-size: calc(18px + 1.14vw);}*/
/*.size48{font-size: calc(18px + 1.56vw);}*/
/*.size60{font-size: calc(18px + 2.18vw);}*/
/*.des16 p{font-size: calc(14px + 0.1vw); text-align: justify;}*/
/*.des18 p{font-size: calc(14px + 0.2vw); text-align: justify;}*/
/*.padding-tb100{padding: calc(20px + 4.16vw) 0;}*/
/*.padding-tb90{padding: calc(22px + 3.54vw) 0;}*/
/*.padding-tb80{padding: calc(25px + 2.86vw) 0;}*/
/*.w1620{width: 1620px;max-width: 92%;margin: 0 auto;}*/
/*.padding-t100{padding-top: calc(20px + 4.16vw);}*/
.content-full{position: fixed;width: 100%;height: 100%;top:0;left: 0;overflow: hidden;}
body::-webkit-scrollbar {width: 6px;height: 6px;}
body::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
body::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
body::-webkit-scrollbar-track-piece {background: #f3f3f3;}
/*header s*/

.header{background: url("../images/header.png") no-repeat center;background-size:cover;position: fixed;z-index: 999;width: 100%;top:0;left: 0;transition: all .4s;}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.logo img{vertical-align: bottom;display: block;height: 52px;transition: all .4s;}
.logo-fff{position: absolute;top:0;left: 0;opacity: 0;}
.nav li{float: left;position: relative;}
.nav li:last-child{margin-right: 0;}
.nav-yi{display: flex;color: #666;height: 100px; padding: 0 0.55rem; text-align: center;transition: all .4s;font-size: 16px;flex-direction: column;align-items: center;justify-content: center;}
.nav-yi:after{content: '';width: 0;opacity: 0;transition: all .4s;bottom:0;height: 3px;background: #c27f4b;left: 50%;transform: translateX(-50%);position: absolute;}
.nav-yi span{transition: all .4s;}
.nav-yi span:nth-child(2){font-size: 10px;color: #777;display: block;margin-top: 5px;}
.nav li.active .nav-yi{color: #c27f4b;}
.nav li.active .nav-yi span{color: #c27f4b;}
.nav li.active .nav-yi:after{width: 100%;opacity: 1;}
.nav-er-box{position: absolute;top:100%;width: 100%;left: 0; background: #fff;display: none;overflow: hidden;box-shadow: 2px 3px 3px 0 rgba(67, 67, 67, 0.57);}


.nav-er-box a{display: block;color: #3e3e3e;line-height: 50px;transition: all .4s;position: relative;text-align: center;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; z-index: 4;}
.menu-handler .burger{height: 2px; background: #d18643; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }



.is-scroll .nav-yi{height: 80px;}
.is-scroll .padding-header-top{padding-top: 80px;}

/*header e*/
/*footer s*/
.footer{position: fixed;width: 100%;z-index: 998;bottom:0;left: 0;pointer-events: none;height: 102px;background: url("../images/footer.png") no-repeat center;background-size: 100% 100%;padding-top: 53px;}
.beian span,.beian a{display: inline-block;color: #9b9b9b;pointer-events: auto;}
.beian span{margin-right: 10px;}
/*footer e*/

/*3.1沙盘 s*/

.shapan-bot{position: absolute;left: 0;bottom:30px;z-index: 9;font-size: 14px;color: #fffefe;}
.shapan-bot-warp{width: 550px;max-width: 100%;}
.mzsm{display: inline-block;cursor: pointer;margin-bottom: 5px;}
.mzsm img{display: inline-block;vertical-align: middle;width: 17px;margin-right: 5px;}
.mzsm span{display: inline-block;vertical-align: middle;}
.sqtp{width: 92px;text-align: center; position: absolute;top:0;left: 0;background: rgba(0,0,0,.8);cursor: pointer;border-top-left-radius: 8px;}
.sqtp span{display: inline-block;vertical-align: middle;line-height: 30px;}
.sqtp img{display: inline-block;vertical-align: middle;width: 10px;transition: all .4s;margin-left: 5px;}
.spss{display: flex;margin-left: 100px;justify-content: space-around;background: rgba(0,0,0,.8);border-top-right-radius: 8px;}
.spss a{display: inline-block;line-height: 30px;color: #d8d9d8;transition: all .4s;font-size: 16px;text-align: center;}
.spss a:hover{color: #d9a253;}
.spss a.active{color: #d9a253;}
.mg-bt15{margin-bottom: 15px;}
.shapan-type li{width: 49%;margin-right: 2%;border-radius: 5px;position: relative;overflow: hidden;border:1px solid #d9a253;cursor: pointer;}
.shapan-type li:last-child{margin-right: 0;}
.gou48{display: inline-block;width: 24px;height: 24px;background: #000 url("../images/gou48.png") no-repeat center;background-size: cover;border-radius: 100%;border:1px solid #d9a253;transition: all .4s;}
.shapan-type .gou48{position: absolute;top:10px;right: 10px;opacity: 0;}
.shapan-type p{position: absolute;left: 0;bottom:0;background: #000;width: 100%;color: #d8d9d8;padding: 0 20px;line-height: 30px;}
.shapan-type li:before{content: "";position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5);transition: all .4s;}
.shapan-type li.active:before{opacity: 0;}
.shapan-type li.active .gou48{opacity: 1;}
.sqtp.close img{transform: rotate(-180deg);}
.spbj{min-height: 30px;}
.fixed-style{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 9999;background: rgba(0,0,0,.5);display: none;}
.mzsm-warp{background: rgba(0, 0, 0, 0.7);padding: 10px 10px 20px; font-size: 12px;border-radius: 8px;pointer-events: all;box-sizing: border-box;}
.mzsm-title{line-height: 30px;font-size: 14px;color: #fff;}
.mzsm-body{position: relative;width: 100%;max-height: 48vh;margin: 10px 0 20px 0;padding: 10px;overflow: auto;border: 1px solid #fff;border-radius: 4px;background: rgba(0, 0, 0, 0);color: #fff;outline: none;box-sizing: border-box;font-size: 12px;letter-spacing: 1.2px;word-break: break-all;}
.mzsm-body p{text-align: left;}
.zhi{display: inline-block;justify-content: center;align-items: center;line-height: 22px;background: linear-gradient(180deg, #BC9173 0%, #FEDFC3 100%);border-radius: 11px;font-size: 12px;color: #000000;cursor: pointer;padding: 0 10px;}
.icc-logo{position: absolute;left: 50%;top:50%;width: 107px;margin-left: -53.5px;margin-top: -30.5px;transform: translate(-205%,-334%);}
.icc-jy{position: absolute;left: 50%;top:50%;margin-left: -53.5px;margin-top: -30.5px;transform: translate(2%,110%);width: 107px;}
.icc-jy2{transform: translate(282%,-202%);}
.icc-logo-box{width: 1920px;height: 930px;top:50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
/*3.1沙盘 e*/

/*1.1品牌介绍 s*/
.long-body .footer{position: static;}
.padding-header-top{padding-top: 102px;transition: all .4s;}
.padding-tb100{padding: 100px 0;}
.yxjj-left{width: 48.2%;}
.yxjj-right{width: 44.05%;padding-top: 1.3rem;}
.yxjj-des img{max-width: 100%;vertical-align: bottom;}
.mg-bt70-rem{margin-bottom: 0.7rem;}
.yxjj-title{width: 5.68rem;position: relative;margin-top: -11%;margin-left: 2%;}
.yxjj-logo1{position: absolute;width: 2.7rem;left: 56.11%;top:0.28rem;}
.yxjj-logo2{position: absolute;width: 3.14rem;right: 0;bottom:-2%;}
.caiwu-left{width: 30.2%;}
.caiwu-right{width: 45.88%;padding-top: 4rem;}
.caiwu-right img{max-width: 100%;width: auto;}
.caiwu-title{position: absolute;left: 34.88%;top:0.16rem;width: 7.42rem;}
.caiwu-title img{max-width: 100%;width: auto;}
.zindex5{z-index: 5;}
.ditu{width: 9.33rem;z-index: -1;}
.ditu1{position: absolute;z-index: -1;left: 30%;bottom:5%;}
.wushi-title{width: 5.38rem;}
.wushi-logo{width: 2.7rem;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.mg-bt45-rem{margin-bottom: 0.45rem;}
.wushi-list{float: left;width: 33.28%;}
.wushi-list:nth-child(2){width: 33.44%;}
.wushi-list li{display: block;position: relative;}
.requ{position: absolute;width: 1.2rem;height: 1.2rem;background: url("../images/requ.png") no-repeat center;background-size: cover;left: 50%;top:50%;margin-left: -0.6rem;margin-top: -0.6rem;cursor: pointer;}
.wushi-list p{position: absolute;top:0.2rem;left: 0.2rem;}
.wushi-list p,.xinhuai-list p{position: absolute;top:0.2rem;left: 0.2rem;font-size: 0.26rem;font-weight: bold; color: #fff;}
.wushi-list p img{height: 0.26rem;}
.xinhuai-list p img{height: 0.25rem;}
.xinhuai-title{width: 8.28rem;}
.mg-bt60-rem{margin-bottom: 0.6rem;}
.xinhuai-list li{width: 50%;position: relative;}
.xinhuai-list{width: 48.78%;}
.guangchang{width: 49.66%;padding-top: 0.64rem;}
.guangchang img{width: auto;max-width: 100%;}
.ditu2{position: absolute;right: -3%;bottom:-8%;}
.guanzhi-data img{max-width: 100%;width: auto;}
.guanzhi-title{width: 5.51rem;}
.guanzhi-img1{width: 7.27rem;position: absolute;top:19.5%;left: 2.54rem;z-index: 1;}
.guanzhi-img2{width: 11.91rem;position: relative;z-index: 5;margin-right: 1.6rem;}
.duoyuan-img{width: 30.17%;}
.duoyuan-con{width: 64.88%;}
.duoyuan-tite{width: 7.3rem;margin-bottom: 1.33rem;}
.duoyuan-data{border-top: 1px solid #999999;padding-top: 0.5rem;}
.duoyuan-data .img100{width: 8.05rem;}
/*1.1品牌介绍 e*/
/*2.1区位交通-湾区价值 s*/
.content-top-h{position: absolute;top:100px;bottom:0;transition: all .4s;left: 0;width: 100%;}
.wanqu-box{position: absolute;top:0;bottom:0;left: 0;width: 100%;}
.wanqu-box .w1720{position: relative;height: 100%;}
.wanqu-left{position: absolute;top:10%;bottom:10%; left: 0;border-left: 1px solid #70859e;padding-left: 0.26rem;z-index: 9;}
.left-title{position: relative;}
.left-title:before{position: absolute;top:0;bottom:0;width: 3px;background: #183b63;content: "";left: -0.26rem;}
.mg-bt50-rem{margin-bottom: 0.5rem;}
.wanqu-left-sjx{width: 0.14rem;left: -0.08rem;bottom:0;position: absolute;}
.qu-type{position: absolute;bottom:0.1rem;}
.qu-type li{display: block;margin-bottom: 0.2rem;}
.qu-type li span{font-size: 0.2rem;color: #7e8c9e;display: inline-block;vertical-align: middle;transition: all .4s;}
.qu-type li i{width: 14px;height: 14px;border:3px solid #7e8c9e;margin-right: 0.06rem; display: inline-block;vertical-align: middle;transition: all .4s;}
.qu-type li.active span{color: #285293;}
.qu-type li.active i{border-color: #285293;transform: scale(1.1);}
.qu-type li:hover span{color: #285293;}
.qu-type li:hover i{border-color: #285293;transform: scale(1.1);}
.wanqu-title{width: 2.93rem;}
.wanqu-des{width: 2.93rem;}
.wanqu-right-warp{position: absolute;width: 81%;left: 19%;height: 100%;top:0;}
.wanqu-right-page{display: none;}
.wanqu-right-page.active{display: block;}
.wanqu-map-box{position: absolute;width: 77%;height: 100%;top:0;left: 0;}
.wanqu-map{position: absolute;width: 100%;top:50%;left:0;transform: translateY(-55%);}
.wanqu-data{position: absolute;width: 29.86%;top:0;right: 0;height: 95%;}
.dian{position: absolute;animation: 2s linear 0s infinite normal none running wbps_zoomCircle;}
.dian1{top: 59%;left: 46.5%;width: 7.4%;}
.dian2{top: 45%;left: 63.5%;width: 3.5%;}
.dian3{top: 34%;left: 75%;width: 3.5%;}
.dian4{top: 37.3%;left: 76.4%;width: 3.5%;}
.duoyuan-logo{position: absolute;left: 30%;top: 60.6%;width: 14.822%;}
.dawanqu-date-body{
    background-color: rgb(255, 255, 255);
    box-shadow: 12.5px 21.651px 41.04px 12.96px rgba(145, 158, 173, 0.3);
}

.dian5{top: 47%;left: 48.5%;width: 7.4%;}
.dian6{top: 59.5%;left: 32.5%;width: 3.5%;}
.dian7{top: 32%;left: 77.5%;width: 3.5%;}
.dian8{top: 35.6%;left: 79%;width: 3.5%;}
.dongjing-logo{width: 1.26rem;position: absolute;left: 45%;top:56%;}

.dian9{top: 46%;left: 32.5%;width: 7.4%;}
.dian10{top: 46.5%;left: 63%;width: 3.5%;}
.dian11{top: 43%;left: 15%;width: 3.5%;}
.jiujinshan-logo{width: 2.25rem;position: absolute;left: 29.5%;top:56%;}

.dian12{top: 48%;left: 46.5%;width: 7.4%;}
.dian13{top: 46.5%;left: 24%;width: 3.5%;}
.dian14{top: 43%;left: 15%;width: 3.5%;}
.niuyue-logo{width: 1.87rem;position: absolute;left: 43%;top: 57%;}

/*2.1区位交通-湾区价值 e*/

/*2.2区位交通-中心地位 s*/
.zxdw-title{width: 4.33rem;}
.zxdw-title-des{width: 2.15rem;}
.zxdw-right-warp{position: absolute;top:0;right: 0;bottom:10%;left: 27%;}
.zxdw-bot{position: absolute;width: 100%;left: 0;bottom:0;}
.zxdw-city{margin-bottom: 0.2rem;}
.zxdw-city li{width: 49.5%;margin-right: 1%; position: relative;filter: brightness(0.8);}
.zxdw-city li .img100{box-shadow: -2.736px 7.518px 19px 0px rgba(114, 127, 146, 0.4),-7.866px 21.613px 38px 0px rgba(114, 127, 146, 0.45);}
.zxdw-city56{transition: all .4s;transform-origin: left;}
.zxdw-city li:last-child .zxdw-city56{transform-origin: right;}
.zxdw-city li.active .zxdw-city56{transform: scale(1.2);}
.zxdw-city li.active{z-index: 9;filter: brightness(1);}
.zxdw-city li:last-child{margin-right: 0;}
.axdw-dot{text-align: right;line-height: 1;}
.axdw-dot-a{margin-bottom: 10px;}
.axdw-dot-a i{display: inline-block;width: 30px;height: 2px;background: #99a9bb;vertical-align: bottom;}
.axdw-dot-a i.active{background: #183b64;}
.axdw-dot-b{color: #183b64;font-size: 16px;}
.shujushuoming{font-size: 0.12rem;text-align: right;margin-bottom: 0.3rem;}
.shujushuoming p{color: #818181;}
/*.zxdw-top{position: absolute;width: 100%;left: 0;top:7%;height: 53%;}*/
.zxdw-top{width: 58.4%;margin: 0 auto;position: absolute;top:3%;left: 50%;transform: translateX(-50%);}
.zxdw-map{margin: 0 auto;}
.zxdw-map img{width: 100%;vertical-align: bottom;}
/*.zxdw-map img{position: absolute;top:0;height: 100%;left: 50%;transform: translateX(-50%);}*/
.zxdw-map-item{position: absolute;width: 100%;top:0;left: 0;height: 100%;display: none}
.zxdw-map-item.active{display: block;}
/*.gz-city{position: absolute;height: 62%;left: 35.4%;top: 9.5%;}*/
.gz-city{position: absolute;width: 54%;left: 26%;top: 10%;}
.gzdian{width: 1.03rem;left: 43%;top: 15%;position: absolute;}
.xg-city{position: absolute;width: 56%;left: 24%;top: 23%;}
.xgdian{width: 1.03rem;left: 61%;top: 46%;position: absolute;}

.zxdw-city .img100{margin-left: 5.5%;}
.zhiyaozb{position: absolute;top:0;left: 0;width: 4.5%;}
.zhiyaozb img{width: 100%;vertical-align: bottom;}

.jtlw-left-page{display: none;}
.jtlw-left-page.active{display: block;}
.gznzzx-title{width: 6.04rem;}
.gznzzx-title-des{width: 1.72rem;}

.jtlw-map-gaotie{width: 100%;vertical-align: bottom;}
.div4045{position: absolute;bottom:0;right: 0;width: 100%;}
.div4045 img{vertical-align: bottom;}
.div634t4{position: absolute;left: 30%;bottom: 3.4rem;}
.div634t4 li{width: 1.2rem;cursor: pointer;margin-right: 0.2rem;}
.div634t4 li:last-child{margin-right: 0;}
.div634t4 img:nth-child(2){display: none;}
.div634t4 li.active img:nth-child(1){display: none;}
.div634t4 li.active img:nth-child(2){display: block;}
.luwang-type{width: 2.59rem;bottom:0;}
.luwang-type img:nth-child(2){position: absolute;top:0;left: 0;opacity: 0;}
.luwang-type li{position: relative;margin-bottom: 0.1rem;cursor: pointer;}
.luwang-type li.active img:nth-child(1){opacity: 0;}
.luwang-type li.active img:nth-child(2){opacity: 1;}
.jtlw-map-page{display: none;}
.jtlw-map-page.active{display: block;}

.gaotie_d{position: absolute;width: 3.72rem;left: 5.88rem;bottom:1.2rem;}
.gznz{position: absolute;width: 1.58rem;}

.xian-ditie{position: absolute;right: 0;bottom:0;width: 100%;}
.ditie-zhandian{position: absolute;height: 39.72%;bottom: 34%;right: 22.9%;}
.fsdz2{position: absolute;width: 2.39rem;bottom: 46.6%;right: 48%;}
.gzdt2{position: absolute;width: 2.39rem;bottom: 53.7%;right: 31.1%;}
.gzdt7{position: absolute;width: 2.39rem;bottom: 39.5%;right: 29.1%;}
.gzdt22{position: absolute;width: 4.59rem;bottom: 20%;right: 9.1%;}
.gznz-ditie{right: 40%;bottom:40%;}

.xian-gaotie{position: absolute;right: 0;bottom:0;width: 100%;}
.gaotie-zhandian{position: absolute;height: 54.6%;bottom: 3.2%;right: 7.7%;}
.nggt{position: absolute;width: 2.45rem;right: 56%;bottom: 44%;}
.gggt{position: absolute;width: 2.44rem;right: 53.5%;bottom: 57%;}
.jggt{position: absolute;width: 2.60rem;right: 33.1%;bottom: 54%;}
.gsggt{position: absolute;width: 2.35rem;right: 13%;bottom: 30%;}
.gznz-gaotie{right: 40%;bottom:40%;}

.xian-chengji{position: absolute;right: 4.5%;bottom: 4.5%;;height: 69.2%;}
.chengji-zhandian{position: absolute;height: 73.4%;right: 2%;bottom: 0.5%;}
.gzcj{position: absolute;width: 2.73rem;right: 38%;bottom: 23%;}
.gzzllx{position: absolute;width: 2.61rem;right: 31%;bottom: 48%;}
.gfhx{position: absolute;width: 2.61rem;right: 23.5%;bottom: 63%;}
.gfdhcj{position: absolute;width: 2.61rem;right: 7%;bottom: 33%;}
.gznz-chengji{right: 40%;bottom:40%;}

.mg-bt40-rem{margin-bottom: 0.4rem;}
/*.wanqu-left4{top:5%;bottom:5%;}*/
.ksgx-title{width: 5.03rem;}
.ksgx-title-des{width: 1.58rem;}
.ksgx-gznz{position: absolute;width: 1.5rem;right: 44%;bottom: 25%;}
.zuikuai301{position: absolute;width: 1.37rem;right: 33%;bottom: 48%;}
.zuikuai202{position: absolute;width: 1.37rem;right: 41.8%;bottom: 47%;}
.zuikuai203{position: absolute;width: 1.37rem;right: 49%;bottom: 43%;}
.zuikuai304{position: absolute;width: 1.35rem;right: 55.3%;bottom: 54%;}
.zuikuai10{position: absolute;width: 1.35rem;right: 24.5%;bottom: 32%;}
.tuli{position: absolute;width: 1.78rem;right: 9%;bottom: 13%;}
/*2.2区位交通-中心地位 e*/
/*2.4区位交通-出行方案*/
.cxfa-title{width: 3.06rem;}
.cxfa-title-des{width: 1.726rem;}
.cxfa-luxian-gt{width: 8.16rem;position: absolute;left: 30%;bottom:2%;}
.cxfa-right-warp{position: absolute;left: 27%;right:0;height: 100%;top:0;}
.cxfa-dian{position: absolute;right: -0.3%;top:0;height: 100%;}
.cxfa-ditie-xian{position: absolute;right: 0;top:0;height: 100%;}
.cxfa-gandao-xian{position: absolute;right: 0;top:0;height: 100%;}
/*.cxfa-xian img{display: none;}*/
/*.cxfa-xian img.active{display: block;}*/
.cxfa-luxian img{display: none;}
.cxfa-luxian img.active{display: block;}
/*2.4区位交通-出行方案*/

/*2.5区位交通-城市规划 s*/
.csgh-title{width: 4.07rem;}
.csgh-title-des{width: 2.61rem;}
.csgh-tuli{position: absolute;bottom:5%;left: 26%;width: 7.93rem;}
.csgh-map-box{position: absolute;bottom:0;right: 0;width: 53.33%;}
.csgh-map{width: 100%;vertical-align: bottom;}
.csgh-gznz{width: 14.65%;position: absolute;right: 50.5%;bottom: 58.5%;}
.zzgy{width: 25.4%;position: absolute;right: 43%;bottom: 57%;}
.zbdq{width: 21.8%;position: absolute;right: 17%;bottom: 25%;}
.hxq{width: 19.2%;position: absolute;right: 35%;bottom: 58%;}
.todxm{width: 2.29rem;position: absolute;right: 62%;bottom: 61%;}
/*2.5区位交通-城市规划 e*/
/*4.1效果图 s*/
.xgt .swiper-container{height: 100%;}
.xgtBtn{position: absolute;width: 100%;bottom:0;left: 0;top:100px;pointer-events: none;}
.xgtBtn div{width: 29px;height: 57px;cursor: pointer;z-index: 9;position: absolute;top:50%;margin-top: -29px;pointer-events: auto;opacity: 0.7;transition: all .4s;}
.xgtBtn div:hover{opacity: 1;}
.xgtBtn2 div:hover{opacity: 1;}
.xgtBtn1{left: 2%;background: url("../images/letf.png") no-repeat center;background-size: cover;}
.xgtBtn2{right: 2%;background: url("../images/right.png") no-repeat center;background-size: cover;}
.xgt-bot{position: absolute;z-index: 9;bottom:30px;width: 500px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.7);border-radius: 15px;padding: 20px;}
.xgt-name li{display: none;}
.xgt-name li.active{display: block;}
.xgt-name li span{font-size: 18px;color: #c27f4b;position: relative;display: inline-block;padding-bottom: 10px;}
.xgt-name li span:after{position: absolute;width: 100%;left: 0;bottom:0;border-top: 1px solid #c27f4b;content: "";}
.xgtBtn2 div{width: 10px;height: 18px;cursor: pointer;z-index: 9;position: absolute;top:50%;margin-top: -9px;pointer-events: auto;opacity: 0.7;transition: all .4s;}
.xgtBtn2 .xgtBtn1{left: 5%;}
.xgtBtn2 .xgtBtn2{right: 5%;}

/*4.1效果图 e*/
/*4.2视频 s*/
.bofang-box{background: rgba(0,0,0,.3);transition: all .4s;}
.bofang-warp{position: absolute;width: 100%;top:100px;left: 0;bottom:0;}
.play100{display: inline-block;width: 100px;height: 100px;background: url("../images/play207.png") no-repeat center;background-size: 100% 100%;cursor: pointer;transition: all .4s;}
.play100:hover{transform: scale(1.1);}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.spdot{position: absolute;width: 100%;left: 0;z-index: 9;bottom:30px;}
.spdot-list li{width: 14%;margin-right: 1%;position: relative;cursor: pointer;}
.play40{display: inline-block;width: 40px;height: 40px;background: url("../images/play207.png") no-repeat center;background-size: 100% 100%;cursor: pointer;transition: all .4s;}
.spdot-list li.active .bofang-box{background: none;}
.spdot-list li.active .play40{opacity: 0;}
/*4.2视频 e*/

/*6.1联系 s*/
.lxwm-box{position: absolute;width: 100%;left: 0; top:100px;bottom:102px;}
.lxwm-warp{width: 12.30rem;max-width: 92%;margin: 0 auto;}
.lxwm1{width: 5.22rem;}
.lxwm2{width: 1.47rem;}
.lxwm3{width: 2.52rem;}
.lxwm4{width: 3.13rem;}
.mg-bt35-rem{margin-bottom: 0.35rem;}
.mg-bt90-rem{margin-bottom: 0.9rem;}
.code{width: 1.8rem;}
.gzgzh{width: 1.2rem;}
.lxwm-warp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.lxwm-right{width: 5.05rem;}
.lxwm-content-full{overflow: scroll;}
/*6.1联系 e*/
/*5.1户型图 s*/
.hxt-container{padding-top: 3rem;padding-bottom: 0.6rem;min-height: 100vh;}
.hxt-right{background: url("../images/sd9.png") no-repeat center;background-size: 100% 100%;height: 8.36rem;width: 18%;z-index: 9;border-radius: 0.25rem;}
.hxt-warp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hxt-left{width: 82%;z-index: 10;}
.hxt-left-con{height: 8.36rem;background: #fff;width: 71%;margin: 0 auto;border-radius: 0.25rem;padding: 0.3rem 0.55rem;}
.logo-jl{position: absolute;top:0.25rem;width: 35.1%;left:50%;transform: translateX(-50%);}
.huxing-sm-list{position: absolute;left: 0.22rem;right: 0.18rem;top:0.2rem;bottom:0.64rem;overflow: auto;display: none;}
.huxing-sm-list.active{display: block;}
.hxt-warp{margin-bottom: 1.6rem;}
.huxing-sm-list::-webkit-scrollbar {width: 6px;height: 6px;}
.huxing-sm-list::-webkit-scrollbar-thumb:hover {;background-color: #333;}
.huxing-sm-list::-webkit-scrollbar-thumb {background-color: #666;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.huxing-sm-list::-webkit-scrollbar-track-piece {background: #ddd;}
.huxing-sm-list li{margin-bottom: 0.11rem;margin-right: 0.04rem !important;cursor:pointer;cursor:url(../images/tip.png),default;}
.huxing-sm-list li:last-child{margin-bottom: 0;}
.djckxq{left:50%;transform: translateX(-50%);width: 1.2rem;position: absolute;bottom:0.25rem;}
.louceng-con{display: inline-block;background: rgba(0,0,0,.7);border-radius: 0.2rem;max-width: 100%;overflow: auto;white-space: nowrap;padding:20px 40px;}
.louceng-con a{font-size: 16px;display: inline-block;color: #fff;line-height: 30px;margin-right: 0.3rem;padding: 0 15px;border-radius: 30px;transition: all .4s;}
.louceng-con a:last-child{margin-right: 0;}
.louceng-con a.active{background: #c27f4b;}
.louceng-con a:hover{background: #c27f4b;}
.louceng{position: relative;z-index: 9;}

.huxing-sm-list li{background: #315c9c;padding: 0.03rem;border-radius: 0.15rem;overflow: hidden;}
.huxing-sm-list li .img{background:#fff;border-radius: 0.15rem;overflow: hidden;}
.huxing-sm-list li img{max-width: 100%;vertical-align: bottom;}
.huxing-title h3{font-size: 0.18rem;color: #fff;margin-bottom: 0.06rem;}
.huxing-cs{display: flex;justify-content: space-between;}
.huxing-cs span{font-size: 0.12rem;color: #fff;}
.huxing-bot{padding: 0.1rem;}

.hxxq-top h2{font-size: 0.32rem;font-weight: bold;margin-bottom: 0.1rem;}
.hxxq-top p{font-size: 0.2rem;color: #183b64;display: inline-block;margin-right: 0.2rem;}

.title-bg{
    background: url('../images/text.jpg') no-repeat center;background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.mg-bt20-rem{margin-bottom: 0.2rem;}
.fangxing{height: 5rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.fangxing img{max-width: 100%;max-height: 100%;}
.djfd img{width: 1.5rem;}
.hxtxq-bot{position: absolute;bottom:0.2rem;left: 0.55rem;right: 0.55rem;pointer-events: none;}
.sm-map{display: flex;justify-content: space-between;align-items: flex-end;}
.xmjs p{font-size: 0.12rem;color: #ccc;}
.dong-page,.hu-page{display: none;}
.dong-page.active,.hu-page.active{display: block;}
.viewer-canvas img{background: #fff !important;}

#fullPage{display: none;background: black;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 19930428;}
#fullPage img{display: block;width: 100%;}
#canvas{width: 100%;height: 100%;background: none;display: block;}
.dong-bg .swiper-container{height: 100%;}
.viewer-container{z-index: 999999 !important;position: fixed; }
.des18 p{font-size: 0.18rem;}
.des24 p{font-size: 0.24rem;}
.des183b64 p{color: #183b64;}
.lxdh{font-size: 0.36rem;color: #d18643;}
.title48 h2{font-size: 0.48rem;font-weight: bold;}
.xlwm-title{width: 5rem;max-width: 100%;}
.sm-map1{width: 1.2rem;}
.sm-map2{width: 1.52rem;}
/*5.1户型图 e*/

.pts{font-size: 12px;color: #fff;line-height: 20px;border-radius: 12px;padding: 2px 8px;position: absolute;border: 0.8px solid rgba(255, 255, 255, 1);top:50%;left: 50%;margin-top: -16px;margin-left: -20.115px;}
.pts:after{content: "";position: absolute;left: 50%;top:100%;border-right: 1px solid #fff;height: 6px;}
.peitao-page-jt .pts{background: rgba(60, 85, 227, 0.77);}
.peitao-page-jy .pts{background: rgba(178, 78, 221, 0.5);}
.peitao-page-sy .pts{background: rgba(224, 159, 56, 0.62);}
.pts-dxnkx{margin-left: -39px;transform: translate(-107%,-944%);}
.pts-hxddx{margin-left: -39px;transform: translate(82%,262%);}
.pts-ndgx{margin-left: -33px;transform: translate(294%,-1259%);}
.pts-dxgs{margin-left: -33px;transform: translate(865%,-763%);}
.pts-xgks{margin-left: -33px;transform: translate(652%,-1463%);}
.pts-gzdxc{margin-left: -39px;transform: translate(986%,-1577%);}
.pts-hch{margin-left: -27px;transform: translate(373%,-645%);}
.pts-xj{margin-left: -27px;transform: translate(1650%,-376%);}
.peitao-page,.shapan-page{display: none;}
.peitao-page.active,.shapan-page.active{display: block;}

.diyiqi{position: absolute;left: 50%;top:50%;width: 80px;margin-top: -30px;margin-left: -40px;transform: translate(-135%,-443%);}
.diyiqi img{transform-origin: bottom;}
.shapan-b{width: 1920px;height: 930px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.shapan-b .pts{background: rgba(0,0,0,.5);}
.close66{position: absolute;width: 33px;height: 33px;background: #d0d0d0 url("../images/666.png") no-repeat center;transition: all .4s; background-size: cover;top:0.3rem;right: 0.55rem;cursor: pointer;border-radius: 100%;}
.close66:hover{background-color: #315c9c;}

/*.div22201{position: absolute;right: 17.7%;top: 22%;width: 1.5rem;}*/
/*.div22202{position: absolute;right: 23.5%;top: 42%;width: 1.5rem;}*/
/*.div22203{position: absolute;right: 21.8%;top: 37.8%;width: 1.4rem;}*/
/*.div22204{position: absolute;right: 16.6%;top: 53.7%;width: 1.4rem;}*/
/*.div22205{position: absolute;right: 13.9%;top: 19.4%;width: 2.6rem;}*/
/*.div22206{position: absolute;right: 21%;top: 28.8%;width: 1.3rem;}*/

/*.div22207{position: absolute;right: 14.3%;top: 37.7%;width: 1.4rem;}*/
/*.div22208{position: absolute;right: 16.5%;top: 51%;width: 1.4rem;}*/



.cxfa-xian{position: absolute;top:50%;right: 0;width: 50%;transform: translateY(-50%);}
.cxfa-ditie-xian{position: static;height: auto;width: 100%;vertical-align: bottom;display: none;}
.cxfa-ditie-xian.active{display: block;}
.cxfa-gandao-xian{position: static;height: auto;width: 100%;vertical-align: bottom;display: none;}
.cxfa-gandao-xian.active{display: block;}
.div22201{position: absolute;right: 35%;top: 23%;width: 1.5rem;}
.div22202{position: absolute;right: 46%;top: 42.5%;width: 1.5rem;}
.div22203{position: absolute;right: 43.8%;top: 37.8%;width: 1.4rem;}
.div22204{position: absolute;right: 32.2%;top: 53.7%;width: 1.4rem;}
.div22205{position: absolute;right: 27.8%;top: 19.4%;width: 2.6rem;}
.div22206{position: absolute;right: 41.85%;top: 28.8%;width: 1.3rem;}
.div22207{position: absolute;right: 26.3%;top: 37.7%;width: 1.4rem;}
.div22208{position: absolute;right: 32.5%;top: 51.4%;width: 1.4rem;}




.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
.wbps_zoomCircle{animation:wbps_zoomCircle 2s linear 0s infinite normal none running;}
@keyframes wbps_zoomCircle {
    0%{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
    50%{opacity: 1;-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
    100%{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
}
.wbps_maskSolid{animation:wbps_maskSolid 1s linear 0s 1 normal none running;}
@keyframes wbps_maskSolid {
    0%{-webkit-clip-path: circle(0%);clip-path: circle(0%);}
    100%{-webkit-clip-path: circle(100%);clip-path: circle(100%);}
}
.wbps_spreadInDown{animation:wbps_spreadInDown 1s ease 0s 1 normal none running;}
@keyframes wbps_spreadInDown{
    0%{opacity: 0.8;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(0);transform: scaleY(0);}
    45%{opacity: 1;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(1.03);transform: scaleY(1.03);}
    60%{opacity: 1;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(0.97);transform: scaleY(0.97);}
    75%{opacity: 1;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(1.02);transform: scaleY(1.02);}
    90%{opacity: 1;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(0.98);transform: scaleY(0.98);}
    100%{opacity: 1;transition-timing-function: ease-in;transform-origin: top;-webkit-transform: scaleY(1);transform: scaleY(1);}
}
.wbps_fadeInLeft{animation:wbps_fadeInLeft 1s linear 0s 1 normal none running;}
@keyframes wbps_fadeInLeft{
    0%{opacity: 0;-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);}
    100%{opacity: 1;-webkit-transform: none;transform: none;}
}
.wbps_fadeInRight{animation:wbps_fadeInRight 1s linear 0s 1 normal none running;}
@keyframes wbps_fadeInRight{
    0%{opacity: 0;-webkit-transform: translate(100%, 0);transform: translate(100%, 0);}
    100%{opacity: 1;-webkit-transform: none;transform: none;}
}

.wbps_maskEmptyText{animation:wbps_maskEmptyText 2s linear 0s infinite normal none running;}
@keyframes wbps_maskEmptyText{
    0%{-webkit-clip-path: polygon(-10% 0%, 0% 0%, -10% 100%, -20% 100%);clip-path: polygon(-10% 0%, 0% 0%, -10% 100%, -20% 100%);}
    100%{-webkit-clip-path: polygon(110% 0%, 120% 0%, 110% 100%, 100% 100%);clip-path: polygon(110% 0%, 120% 0%, 110% 100%, 100% 100%);}
}

.wbps_spreadInUp{animation:wbps_spreadInUp 1s ease 0s 1 normal none running;}
@keyframes wbps_spreadInUp{
    0%{transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
        opacity: 0.8;}
    45%{transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(1.03);
        transform: scaleY(1.03);
        opacity: 1;}
    60%{
        transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(0.97);
        transform: scaleY(0.97);
        opacity: 1;
    }
    75%{
        transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(1.02);
        transform: scaleY(1.02);
        opacity: 1;
    }
    90%{
        transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(0.98);
        transform: scaleY(0.98);
        opacity: 1;
    }
    100%{
        transition-timing-function: ease-in;
        transform-origin: bottom;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }
}
.wbps_spreadInRight{animation:wbps_spreadInRight 1s ease 0s 1 normal none running;}
@keyframes wbps_spreadInRight {
    0% {
        opacity: 0.8;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }

    45% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(1.03);
        transform: scaleX(1.03);
    }

    60% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(0.97);
        transform: scaleX(0.97);
    }

    75% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
    }

    90% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(0.98);
        transform: scaleX(0.98);
    }

    100% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.wbps_spreadInLeft{animation:wbps_spreadInLeft 1s ease 0s 1 normal none running;}
@keyframes wbps_spreadInLeft {
    0% {
        opacity: 0.8;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    45% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(1.03);
        transform: scaleX(1.03);
    }
    60% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(0.97);
        transform: scaleX(0.97);
    }
    75% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
    }
    90% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(0.98);
        transform: scaleX(0.98);
    }
    100% {
        opacity: 1;
        transition-timing-function: ease-in;
        transform-origin: right;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}