@charset "UTF-8";
.main{ max-width:1180px; padding:0 10px 0 10px; margin:auto; position:relative; background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 10px #888888;  
	-moz-box-shadow: 0px 0px 10px #888888;
	box-shadow: 0px 0px 10px #888888;
	border-collapse:separate !important;
}


.top{position:fixed; width:100%; top:0; left:0; z-index:99999; height:50px; line-height:50px; background-color:#2F363C;}
.top .top_main{ max-width:1180px; margin:auto; position:relative; padding:0 10px 0 10px;}
.top .top_main .logo{ float:left;}
.top .top_main .logo a{ font-size:18px; color:#FFFFFF;}
/*主导航开始*/
.top .top_main .nav{ float:left; margin-left:25px;}
.top .top_main .nav a{display:inline-block; padding:0 15px 0 15px; color:#ffffff; line-height:50px; font-size:14px;}
.top .top_main .nav a:hover{ color:#FFFF00;}
.top .top_main .top_tel{ float:right; color:#FFFFFF; font-size:14px;}

.top_kong{height:50px; line-height:50px;}



/*手机图标*/
.top .top_main .nav_x{ display:none; position:absolute; z-index:9; width:20px; text-align:center; top:-5px; right:20px;}
.top .top_main .nav_x2{ line-height: 60px; display: inline-block; vertical-align: middle;}
.top .top_main .nav_x2 a{ font-size:22px; color:#ffffff; font-weight:bold;}
#close_menu{display:none;}


/*banner大图*/
.banner{position:relative; margin:auto;}
.banner .arrow{ 
	border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;	
	top:40%;  top: calc(50% - 20px); top: -moz-calc(50% - 20px); top: -webkit-calc(50% - 20px);
	background-color:#333333;
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:24px; font-weight:bold;
	cursor:pointer;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=20); /* IE */
	-moz-opacity:0.2; /* 老版Mozilla */
	-khtml-opacity:0.2; /* 老版Safari */
	opacity: 0.2; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#ffffff;}
.banner .arrow.pre { left:20px;}
.banner .arrow.next { right:20px;}
.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background: #A8B3C6;
	border: 0 none;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
	width: 12px;
}
.banner .slick-dots li.slick-active button {
	background: #5e068c;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; position:relative; height:auto;}
.banner .dataitem .mimg{text-align:center; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .dataitem .mimg img{ width:100%; display:block;}
.banner .dataitem .layer1{ background-color: rgba(30,30,30,0.5); position:absolute; width:100%; height:60px; line-height:60px; text-align:center; left:0; bottom:0; z-index:444; text-align:center; overflow:hidden;}
.banner .dataitem .layer1 a{ display:inline-block; height:60px; line-height:60px; padding:0 20px 0 20px; font-size:18px; color:#FFFFFF;}
.banner:hover .arrow{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}

/*左右滚动结束*/


/*内容区*/
.sbh{border:1px solid #cccccc; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px;}

.box{ padding:30px 50px 30px 50px;}
.box .section1{}
.box .section1 ul{ padding:20px 0 20px 0;}
.box .section1 ul li{ float:left; width:33.3333333%;}
.box .section1 ul li .con{ padding:0 45px 0 45px; }
.box .section1 ul li .con p{line-height:30px;}
.box .section1 ul li .con p strong{ font-weight:bold;}
.box .section1 ul li .con p b{ font-weight:bold;}
.box .section1 ul li:nth-child(2) .con{border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.bk_title{padding:20px 0 20px 0; font-size:24px; color:#444444;}


.box .housing{}
.box .housing .mleft{ float:left; width:65%; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px);}
.box .housing .mleft ul{ padding:20px 30px 20px 30px;}
.box .housing .mleft ul li{ border-bottom:1px solid #eeeeee; background-repeat:no-repeat; background-position:10px center; padding:0 0 0 20px;}
.box .housing .mleft ul li p{height:60px; line-height:60px; overflow:hidden; width:33.333333%; text-align:center; float:left;}
.box .housing .mleft ul li p strong{font-size:18px;}
.box .housing .mleft ul li:nth-child(1){background-image:url(../images/1.png);}
.box .housing .mleft ul li:nth-child(2){background-image:url(../images/2.png);}
.box .housing .mleft ul li:nth-child(3){background-image:url(../images/3.png);}
.box .housing .mleft ul li:nth-child(4){background-image:url(../images/4.png);}
.box .housing .mleft ul li:nth-child(5){background-image:url(../images/5.png);}
.box .housing .mleft ul li:nth-child(6){background-image:url(../images/6.png);}
.box .housing .mleft ul li:nth-child(7){background-image:url(../images/7.png);}
.box .housing .mleft ul li:nth-child(8){background-image:url(../images/8.png);}
.box .housing .mleft ul li:nth-child(9){background-image:url(../images/9.png);}
.box .housing .mleft ul li:nth-child(10){background-image:url(../images/10.png);}
.box .housing .mleft ul li:nth-child(11){background-image:url(../images/11.png);}
.box .housing .mleft ul li:nth-child(12){background-image:url(../images/12.png);}
.box .housing .mleft ul li:nth-child(13){background-image:url(../images/13.png);}
.box .housing .mleft ul li:nth-child(14){background-image:url(../images/14.png);}
.box .housing .mleft ul li:nth-child(15){background-image:url(../images/15.png);}
.box .housing .mleft ul li:nth-child(16){background-image:url(../images/16.png);}
.box .housing .mleft ul li:nth-child(17){background-image:url(../images/17.png);}
.box .housing .mleft ul li:nth-child(18){background-image:url(../images/18.png);}
.box .housing .mleft ul li:last-child{border-bottom:0;}



.box .housing .mright{float:right; width:268px;}
.box .housing .mright .con{ padding:20px; text-align:center;}
.box .housing .mright .con .tel{ font-size:24px; color:#B38633; font-weight:bold; line-height:1.6em; padding-bottom:16px; text-align:center; border-bottom:1px solid #cccccc;}
.box .housing .mright .con .ewm{ text-align:center; font-size:14px; line-height:28px; padding:20px 0 0 0;}
.box .housing .mright .con .ewm img{max-width:110px;}

.hei20{height:20px; line-height:20px;}

/*热点新闻*/
.hot-news{ padding:10px 20px 10px 20px;}
.hot-news a{ position:relative; display:block; height:32px; line-height:32px; border-bottom:1px dashed #dddddd; overflow:hidden; font-size:12px; background-image:url(../images/hj.jpg); background-repeat:no-repeat; background-position:2px center; padding:0 0 0 14px;}
.hot-news a:last-child{ border-bottom:0;}



/*户型图*/
.House-type{}
.House-type ul{}
.House-type ul li{ float:left; width:16.6666666%; margin:15px 0 15px 0;}
.House-type ul li .mimg{ padding:0 15px 0 15px; text-align:center; overflow:hidden;}
.House-type ul li .mimg img{ width:auto; height:100px;}
.House-type ul li .mtitle{height:24px; line-height:24px; overflow:hidden; text-align:center;}


/*楼盘概述*/
.summary{}
.summary .con{ padding:30px; text-align:justify; line-height:1.8em;}
.summary .con img{max-width:100%;}
.summary strong{font-weight:bold;}

/*楼盘相册*/
.img_list{}
.img_list li{ float:left; width:23%; width: calc((100% - 60px)/4); width: -moz-calc((100% - 60px)/4); width: -webkit-calc((100% - 60px)/4); margin:5px 20px 10px 0; position:relative; overflow:hidden;}
.img_list li:nth-child(4n+4){margin-right:0;}
.img_list li .mimg{text-align:center; overflow:hidden;}
.img_list li .mimg img{width:100%;}
.img_list li .mtitle{ padding:6px 0 0 0;  text-align:center; line-height:1.6em; height:1.6em; overflow:hidden;}


/*入驻企业*/
.enterprise{}
.enterprise div{ padding:20px;}
.enterprise div p{ float:left; width:40%; width: calc(50% - 20px); width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); margin:0 10px 0 10px; height:26px; line-height:26px; overflow:hidden;}






/*底部*/
.footer_box{background-color:#2F363C; padding:30px 0 30px 0; color:#FFFFFF;}
.footer_box .footer{ max-width:1100px; padding:0 40px 0 40px; margin:auto;}
.footer_box .footer .mleft{float:left; width:100px; text-align:center; line-height:30px; font-size:18px; font-weight:bold;}
.footer_box .footer .mleft img{width:100px;}
.footer_box .footer .mright{float:right; margin-left:20px; padding:10px 0 0 0; text-align:right; line-height:28px; font-size:14px; width:400px; width: calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);}
.footer_box .footer .mright a{color:#FFFFFF;}


/*详细*/
.xx_title{ padding:0px 0 16px 0; color:#222222; font-size:20px; text-align:center; line-height:2em; font-weight:bold; }
.xx_author{ text-align:center; background-color:#f9f9f9; line-height:3em; font-size:12px; color:#999999; border:1px solid #f1f1f1;}
.xx_video{ padding:10px 0 10px 0; text-align:center; width:60%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:15px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{font-size:14px; text-align:justify; line-height:32px; padding:15px 0 0 0;}
.xx_content img{max-width:100%;}



.fanhui{ height:60px; padding:15px 0 0 0;}
.fanhui .d_left{ float:left; margin:10px 0 0 0;}
.fanhui .d_left a{display:inline-block; background-image:url(../images/fanhui.jpg); background-repeat:no-repeat; background-position:right center; padding:0 20px 0 0;}
.fanhui .d_left a:hover{color:#185ABD;}
.fanhui .d_right{float:right; margin:2px 0 0 0;}

.pre_next{ padding:15px 0 0 0;}
.pre_next p{padding:2px 0 2px 0; float:left; width:100%; line-height:24px; height:24px; overflow:hidden;}
.pre_next p a{position:relative; display:block; font-size:14px; text-align:left; color:#aaaaaa;}
.pre_next p a:hover{ color:#B1000B;}




/*分页开始*/
.mypage{ height:30px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:20px; line-height:20px; padding:0 10px 0 10px; color:#FFFFFF; font-size:14px; border:2px solid #385774; background-color:#486784;}
.mypage div a:hover,
.mypage div .a_be{ }
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}