@charset "utf-8";/* CSS Document *//*css重置*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,select{	margin:0;	padding:0;	font-family:微软雅黑;	outline:none;}a{text-decoration:none;}
/*public*/
.font-38{font-size:38px; font-weight:bold; }
.font-20{font-size:20px;}
.font-40{font-size:40px; font-weight:bold;}
.font-26{font-size:26px;}
.font-16{font-size:16px;}
.font-30{font-size:30px;}
.font-18{font-size:18px;}
.font-14{font-size:14px;}
.mt-20{ margin-top:20px!important}
.mt-10{ margin-top:10px}
.mt-25{ margin-top:25px;}
.mt-60{ margin-top:60px;}
.color-f{color:#fff;}
.color-2{color:#222;}
.color-4{color:#444;}
.color-6{color:#666;}
.color-63C8F7{color:#63C8F7}
.color-DE4F50{color:#DE4F50}
.color-FFA204{color:#FFA204}
.tx-c{ text-align:center;}
.clear{ clear:both;}
/*动画*/
.fadeIn{animation: fadeIn 3s;-webkit-animation: fadeIn 3s;}
.fadeInLeft{animation: fadeInLeft 2s;-webkit-animation: fadeInLeft 2s;}
.fadeInRight{animation: fadeInRight 2s;-webkit-animation: fadeInRight 2s;}
.fadeInUp{animation: fadeInUp 1s;-webkit-animation: fadeInUp 1s;}
.fadeInUp2{animation: fadeInUp 1s 0.5s;-webkit-animation: fadeInUp 1s 0.5s;}
.fadeInDown{animation: fadeInDown 2s;-webkit-animation: fadeInDown 2s;}
.fadeInDown2{animation: fadeInDown 1s 0.5s;-webkit-animation: fadeInDown 1s 0.5s;}
/*header*/
.header-bg{min-height:68px; height:auto; background:#fff; position:fixed; z-index:10; top:0; width:100%;}
.header-box{max-width:1200px; width:auto; margin:auto;}
.header-logo{float:left; width:30%; padding-top:15px;}
.header-navbox{float:left; width:70%; padding-top:22px; text-align:center;}
.header-nav{width:20%; float:left; padding:0 0.5%;}
/*bottom*/
.bottom-bg{background:url(../images/bottom.jpg) no-repeat; min-height:300px;}
.bottom-box{max-width:1100px; width:auto; margin:auto; text-align:center;}
.bottom-left{float:left; width:50%; padding-top:120px;}
.bottom-right{float:left; width:50%; padding-top:30px;}
.fa-stack {width: 1em;height: 1em;line-height: 1em;}
.fa-stack-2x{ font-size:1em}.fa-stack-1x{ font-size:0.5em}
/*index*/
.swiper-container {width: 100%;height: 100%;}
.swiper-button-next{background-image:url(../images/next.png)}
.swiper-button-prev{background-image:url(../images/prev.png)}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;background-size:1920px 900px;overflow:hidden;letter-spacing:3px;}
.slide1{background: url(../images/index1.jpg);background-color: #63C7F8;background-repeat: no-repeat; background-size: cover;background-position: center bottom;}
.slide2{background:url(../images/index2.png);background-color: #DE504F;background-repeat: no-repeat; background-size:100%;background-position: center bottom;}
.slide3{background: url(../images/index3.png);background-color: #FFA304;background-repeat: no-repeat;background-size:auto 35%;background-position: center;background-position-y:calc(100% - 10px);}
.txt-box{text-align:center; width:100%; margin-top:18%;}
.index-btn{background:#fff; border-radius:20px; width:120px; padding:3px; margin:auto}
/*案场管理*/
.case-area1{background: #fff url(../images/casebg.jpg) no-repeat top ; height:902px;  width:100%;   background-size:100% 100%;   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale'); }
.case-area3{background: #f6f6f6; height:400px;}
.case-area4{background: #fff; height:300px; padding-top:100px;padding-bottom: 1px;}
.case-area1 img,.case-area2 img,.case-area3 img,.case-area4 img{ width:100%;}
.case-area1-box{max-width:945px; width:auto; margin:auto; padding-top:10%}
.case-area2-box,.case-area3-box{max-width:1100px; width:auto; margin:auto;}
.case-area4-box{max-width:890px; width:auto; margin:auto;}
.case-area1-left{float:left; width:59%; margin-right:6%;opacity:1}
.case-area1-right{float:left; width:35%; margin-top:20%;}
.case-area1-right>div{opacity:1}
.case-area2-left{float:left; width:35%;margin-top:15%;opacity:1}
.case-area2-right{float:left; width:65%;opacity:1}
.case-area3-left{float:left; width:50%; margin-top:50px;opacity:1}
.case-area3-right{float:left; width:50%;margin-top:12%; text-align:center;opacity:1}
.case-area4-left{float:left; width:48%;margin-top:5%;opacity:1}
.case-area4-right{float:left; width:52%;opacity:1}
.csae-btn{height:52px; border-radius:3px; background:#28B2F7; width:184px; color:#fff; text-align:center; line-height:52px; cursor:pointer;opacity:1}
/*申请体验*/
.apply-form {width: 450px; margin: -285px 0 0 -215px; height: 500px; position: fixed; top: 50%;left: 50%; display:none; z-index:9999}
.apply-content {background-color: #f5f5f5;background-clip: padding-box;border: 1px solid #eee;border-radius: 15px;box-shadow: 0 5px 15px #666;}
.apply-close {-webkit-appearance: none; background: 0 0;border: none;margin-top: 0; width: 30px;display: inline-block;z-index: 2;border-radius: 50%;float: right;line-height: 1; cursor:pointer;}
.apply-header {min-height:16px; padding:10px 15px 15px 15px;}
.apply-con{ margin:auto;width: 380px;padding:0 0 30px 0;}
.apply-input{width: 100%;display: table;border-collapse: separate;border: 1px solid #ddd;}
.apply-input input {width: 350px;padding:0 15px;border-radius: 5px;line-height: 60px; background: #fff; border: none;}
.apply-btn {width: 100%;line-height: 60px;display: block; border-radius: 50px; border: none;background: #63C8F7; cursor:pointer;}
/*渠道营销*/
.channel-area1 img,.channel-area2 img,.channel-area3 img,.channel-area4 img{width:100%;}
.channel-area1{background:#FFA204; height:610px;}
.channel-area2{background:url(../images/channelbg.jpg) no-repeat top; height:44rem;}
.channel-area3{background:#28B2F7; height:445px;margin-top: ;}
.channel-area4{background:#fff; padding:105px 0 60px 0;}
.channel-area1-box{max-width:910px; width:auto; margin:auto; padding-top:8rem}
.channel-area2-box{ width:100%; margin:auto;display: flex;}
.channel-area2-box img{width: 30rem;height: 20rem;}
.channel-area3-box{max-width:945px; width:auto; margin:auto;}
.channel-area4-box{max-width:1020px; width:auto; margin:auto;}
.channel-area1-left{float:left; width:35%; margin-left:5%;opacity:1}
.channel-area1-right{float:left; width:38%; margin:15% 0 0 21%}
.channel-area1-right>div{opacity:1}
.channel-area2-left{float:left; margin-top:15rem;opacity:1;flex: 1;padding-left: 20%;}
.channel-area2-right{float:right; margin-top:10rem;opacity:1;flex: 1;}
.channel-area3-left{float:left; width:50%;opacity:1}
.channel-area3-right{float:left; width:35%; margin:15% 0 0 15%;opacity:1}
.channel-area4-up{opacity:1}.channel-area4-down{ margin-top:30px;opacity:1}
/*楼盘展示*/
.house-area1 img,.house-area2 img,.house-area3 img{width:100%;}
.house-area1{background:#DE4F50 url(../images/housebg.jpg) no-repeat bottom; height:700px;border: 0;}
.house-area2{background:#fff; height:550px;}
.house-area3{background:#f6f6f6; height:30rem;}
.house-area1-box{max-width:750px; width:auto; margin:auto; padding-top:10%}
.house-area2-box{max-width:1320px; width:auto; margin:auto;}
.house-area3-box{max-width:980px; width:auto; margin:auto;}
.house-area1-up>div{opacity:1}
.house-area1-down{margin-top:12%;opacity:1}
.house-area2-left{float:left; width:52%; margin:4% 4% 0 0;opacity:1}
.house-area2-right{float:left; width:44%; margin-top:10%;opacity:1}
.house-area3-left{float:left; width:50%;margin:20% 0 0 0%;opacity:1}
.house-area3-right{float:left; width:50%; margin-top:10%;opacity:1}
/*关于我们*/
.anchorBL{display:none;}
.about-banner{ width:100%; height:468px; overflow:hidden; background: url(../images/about.jpg) bottom center no-repeat;}
.about-banner img{ width:100%}
#about-map{width: 100%; height: 380px; border: 0px solid #ccc;overflow:hidden;}
.aboutWrapper{height:280px;}
.aboutWrapper img{height:230px;margin: 0 auto}
.aboutWrapper .swiper-slide{width:305px;}
.about-slidetext{position:absolute; width:100%; bottom:10px}
.about-next{background-image:url(../images/prev-ab.png); top:60%}
.about-prev{background-image:url(../images/next-ab.png); top:60%}
.aboutslide-box{max-width:1180px;height:100%;background-color:#fff; z-index:1; margin:auto;}
#about-cus{ overflow:hidden; padding-top:20px; margin:auto}
.about-cnt{ margin-bottom:20px;}
.about-cnt span{line-height:30px;}
.ourkehu{padding: 0 3%}
/*客服*/
#kefu>div{position:relative}
#kefushow{position:absolute;right:0;top:-5rem;width:155px;z-index:999;}
.kefu-box{background:#439ADD; width:150px; height:268px; margin-top:-4px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.kefu-con{background:#fff; margin:0px 5px 5px 5px; padding-bottom:5px;}
.kefu-qq{text-align:center; padding-top:10px;}
.kefu-line{margin:5px 2px; height:1px; border-bottom:1px solid #ddd;}
.kefu-ewm{width:118px; margin:auto;}
.kefu-ewm img{ width:100%}
.kefu-btn{width:102px; line-height:30px; border-radius:5px; background:#28B2F7; margin:5px auto; height:30px; cursor:pointer;}
#kefuhide{ display:none;}
/*auto*/
@media (max-width:699px){	
	.header-logo{width:100%; text-align:center;}	
	.header-navbox{width:100%; padding:10px 0;}	
	.bottom-left{width:100%; padding-top:10px;}	
	.bottom-right{width:100%; padding-top:10px}	
	.bottom-right>div{margin-top:0;}   
	.case-area1-box{padding-top: 50%;}    
	.channel-area1-box{padding-top: 8rem;}   
	.house-area1-box{padding-top: 30%;}    
	.about-prev{   	left: 0;   }   
	.about-next{   	right: 0;   }
}
@media only screen and (min-width: 50px) and (max-width: 350px) {	
	.case-area1{min-height: 500px;}	
	.case-area1-box{padding-top: 50%;}	
	.case-area1-left img{height: 8rem!important; width: 11rem!important;}	
	.lxwm{font-size: 14px!important;}	
	.font-26 span{font-size: 12px!important;line-height: 18px;}
	.case-area4{margin-bottom: -190px!important;}	
	.txt-box{margin-top: 70%;}	
	.house-area1-box{padding-top: 70%;}	
	.channel-area2 img{width: 10rem; height: 10rem;}
}
@media only screen and (min-width: 350px) and (max-width: 410px) {	
	.case-area1-box{padding-top: 50%;}	
	.case-area1-left img{height: 11rem!important; width: 14rem!important;}	
	.lxwm{font-size: 18px!important;}	
	.font-26 span{font-size: 16px!important;line-height: 22px;}	
	.txt-box{margin-top: 70%;}	
	.house-area1-box{padding-top: 60%;}	
	.channel-area2 img{width: 11rem; height: 11rem;}
}
@media only screen and (min-width: 410px) and (max-width: 630px) {	
	.case-area1{padding-bottom: 110px;} 
	.case-area1-left{width: 65%;}	
	.case-area1-box{padding-top: 40%;}	
	.txt-box{margin-top: 60%;}	
	.house-area1-box{padding-top: 50%;}	
	.channel-area2{padding-top: 10%;height: 40rem;}	
	.channel-area2 img{width: 12rem; height: 12rem;}	
	.case-area1-left img{height: 15rem!important; width: 18rem!important;}	
	.lxwm{font-size: 20px!important;}	
	.font-26 span{font-size: 18px!important;line-height: 24px;}
	.case-area4{margin-bottom: -150px!important;}
}
@media only screen and (min-width: 630px) and (max-width: 697px) {	
	.txt-box{margin-top: 40%;}	
	.channel-area1-left{margin-top: 10%;}	
	.channel-area2{padding-top: 10%;height: 40rem;}	
	.channel-area2 img{width: 15rem; height: 15rem;}	
	.case-area1-box{padding-top: 20%;}	
	.case-area1-left img{height: 18rem!important; width: 25rem!important;}	
	.case-area4{margin-bottom: -150px!important;}
}
@media (max-width:440px){ 	
	/*#about-cus{  	width: 100%;  }	*/
	.bottom-right img{width:180px;}	
	.bottom-left{font-size:20px; padding-top:25px;}	
	#kefu{ display:none;}
}
/*@media only screen and (min-width: 960px) and (max-width: 2000px) {	.slide3{	height:100%;      width:100%;      background-size:100%;  	}	.slide2{	height:100%;      width:100%;      background-size:100%;  	}	.slide1{	height:100%;      width:100%;      background-size:100%;  	}}*/
@media (max-width:960px){	
	.channel-area2-left{padding-left: 0;}    
	.about-prev{float: left;left: 0;}	
	.about-next{float: right;right: 0;}	
	/*#about-cus{float: left; left: 0;}	*/
	/*.slide3{height:100%;width:100%;background-size:100%;}	
	.slide2{height:100%;width:100%;background-size:100%;}	
	.slide1{height:100%;width:100%;background-size:100%;}*/	
	.case-area1{height:702px;width:100%;background-size:100% 100%;}    
	.channel-area1{width:100%;background-size:100% 100%;}   
	.house-area1{height:602px;width:100%;background-size:100% 10%;}   
	.about-banner{height:300px;width:100%;}    
	.channel-area1{height: 500px;}             
	.channel-area1-right{margin:20% 0 10% 0;}     
	.channel-area1-left{margin-left: 10%;}     
	.channel-area3-left{margin-top: 1rem;}      
	.channel-area3-right{margin:25% 0 25% 0;}     
	.house-area2-right{padding-top: 5rem;}     
	.house-area2-left{padding-top: 5rem;}      
	.house-area3-right{padding-top: 5rem;width: 45%;}     
	.house-area3-left{padding-top: 5rem;padding-left: 3%;}     
	.font-26{font-size: 20px;}     
	.font-40{font-size: 30px;}     
	.case-area1-left{margin-right: 0;}     
	.case-area1-left img{height: 25rem; width: 30rem;}     
	.case-area2{height: 350px;}         
	.case-area4{height: 350px;margin-bottom: -100px;}     
	.case-area2-left{padding-left: 1rem;}     
	.case-area2-right{width: 60%;}      
	.case-area3-left{margin-top: 8rem;}     
	.case-area3-right{margin-top: 10rem;}           
	.case-area4-left{padding-left: 1rem;}     
	.case-area4-right{width: 46%;margin-bottom: -100px;}     
	#kehu{text-align: left;margin-left: 1rem;}	   
}	
/*.house-area1-down{margin: 10% auto;}	.house-area1-down img{		width: 40rem;	}*/
@media screen and (max-width:560px){    
	.swiper-button-prev,.swiper-button-next{width: 15px;height: 24px;background-size: 100% 100%;}    
	.font-38{font-size: 30px;}    
	.font-20{font-size: 16px;}    
	.txt-box{padding: 0 10%;}    
	div[class^='case-area']>div div{float: none;margin:0 auto;}    
	.case-area1{height:auto; min-height:550px;}    
	.case-area3{height: auto;min-height: 250px;padding-top: 40px;}    
	.case-area1-right,.case-area2-left,.case-area3-right,.case-area4-left{width: 80%;text-align: center;}    
	.case-area2-right,.case-area4-right{margin-top: 15px!important;}    
	.case-area4{padding-top: 50px;}    
	div[class^='channel-area']>div div{float: none;margin:0 auto;text-align: center;}    
	.channel-area2-box{display: block;}    
	.channel-area1{height:auto;padding-top: 50px;}    
	.channel-area2,.channel-area3{padding-top: 50px;padding-bottom: 50px;height: auto;}    
	.channel-area2-left{padding-top: 80px}    
	.channel-area1-right,.channel-area2-left,.channel-area3-right,.channel-area4-left{width: 80%;text-align: center;}    
	.channel-area1-right,.channel-area2-right,.channel-area3-right{margin-top: 20px!important;}        
	.house-area1{height: auto;min-height: 500px;}    
	.house-area2,.house-area3{height: auto;padding: 30px 0;}    
	.house-area1-down{padding: 0 10%;}    
	.house-area2-left,.house-area2-right,.house-area3-left,.house-area3-right{float: none;width:80%;margin: 0 auto;padding-top: 30px}
}