body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

h1 {
  text-align: center;
  margin-bottom: 1.5em;
}

h2 {
  color: #555;
  margin-bottom: 0;
}
a {
    text-decoration: none;
    transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
}


/*顶部导航栏目*/
.nav_top_menu{
	width: 840px;
	margin-left:60px;
	margin-top:36px;
	float:left;
}
.nav_top{width:100%;position:relative;}
.nav_top_bottom .drop-menu-effect{float:left;width:90px;height:25px;margin-top:10px;line-height:25px;margin-right:0px!important;text-align:center;}
.nav_top_bottom .drop-menu-effect:nth-child(1){float:left;width:90px;height:25px;line-height:25px;}
.nav_top_bottom .drop-menu-effect .submenu{width:100%;text-align:center;background-color:#fff;display: none;position:absolute;top: 56px;left: 0px;}
.nav_top_bottom .drop-menu-effect .submenu dd:hover{width:90px;text-align:center;background-color:#ffcc33;height:58px!important;line-height:58px!important;color:#000;}
.nav_top_bottom .drop-menu-effect .submenu dd{width:90px;margin-top:0px;text-align:center;height:58px!important;line-height:58px!important;color:#ca9d42;}
.nav_top_bottom .drop-menu-effect a{width:90px;text-align:center;line-height:30px!important;color:#000;font-size:18px!important;font-family:"微软雅黑";}
.nav_top_bottom .drop-menu-effect .submenu dd a{width:90px;color:#000!important;line-height:58px!important;font-size:16px!important;font-family:"微软雅黑";text-align:center;}
.nav_top_bottom .drop-menu-effect .submenu dd a:hover{width:90px;color:#000!important;font-size:16px!important;font-family:"微软雅黑";}
.nav_top_bottom .drop-menu-effect a:hover{color:#cec200!important;font-size:14px;font-family:"微软雅黑";}
#nav3 li a.selected2{padding-left:20px;padding-right:20px;text-align:center;height:50px;line-height:50px;color:#383431!important;display:block;background-color:#fff000;}
/*轮播图*/
.banner img{width:100%;height:100%;}
.banner{height:621px;position:relative;margin-top:0px;}
.banner .ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:621px;overflow:hidden;}
.banner .ban_c img{position:absolute;width:100%;top:0;}
.banner .ban_nav{display:none;}
.banner .Left{position:absolute;cursor:pointer;width:38px;height:80px;background:url(../images/zuo.png) no-repeat ;top:40%;}
.banner .Left{position:absolute;left:10px;}
.banner .Right{position:absolute;right:10px;width:38px;height:80px;cursor:pointer;background-position:-60px 0;background:url(../images/you.png) no-repeat;top:40%;}


.fl {
	float: left;
	display: inline
}
.mdFullInd {
	display: none;
	z-index: 100;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%
}
.mdFullInd .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}
.mdFullInd .container {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 855px;
	height: 430px;
	padding: 20px;
	margin: -225px -447.5px;
	background: #FFF
}
.mdFullInd .closeBtn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 20px;
	width: 40px;
	height: 40px;
	background: url(../images/mdFullInd.png) 0 -80px no-repeat
}
.mdFullInd .closeBtn:hover {
	background-position: -40px -80px
}
.mdFullInd .lImg {
	width: 380px;
	height: 410px;
	margin-right: 50px
}
.mdFullInd .lImg img{
	width: 100%;
}
.mdFullInd .rArea {
	width: 375px;
	margin-top:0px;
}
.mdFullInd .rArea .ht {
	margin: 25px 0 35px;
	padding-left: 40px;
	text-align:left;
	background: url(../images/mdFullInd.png) -120px 0 no-repeat;
	line-height: 40px;
	font-size: 18px
}
.mdFullInd .table {
	margin-bottom: 20px
}
.mdFullInd .table .left, .mdFullInd .table .right .clue_on {
	display: none
}
.mdFullInd .table .right table {
	width: 100%
}
.mdFullInd .table .right .input-text {
	display: block;
	width: 324px;
	padding: 4px 10px;
	border-color: #A0A0A0;
	font-size: 18px
}
.mdFullInd .placeholder {
	color: #2f2f2f
}
.mdFullInd .table .right .input-text::-moz-placeholder {
color:#2f2f2f
}
.mdFullInd .table .right .input-text:-ms-input-placeholder {
color:#2f2f2f
}
.mdFullInd .table .right .input-text::-webkit-input-placeholder {
color:#2f2f2f
}
.mdFullInd .table .right .button {
	width: 346px;
	height: 46px;
	background: #ff6700;
	line-height: 46px
}
.mdFullInd .unitVal {
}
.mdFullInd .unitVal label {
	display: none
}
.mdFullInd .unitVal .section {
	float: left;
	margin-right: 10px
}
.mdFullInd .unitVal .section .list {
	width: 79px;
	height: 40px
}
.mdFullInd .night {
	background: url(../images/mdFullInd_night_bg.jpg) no-repeat;
	color: #6a6a6a
}
.mdFullInd .night .closeBtn {
	background-position: -80px -80px
}
.mdFullInd .night .closeBtn:hover {
	background-position: -120px -80px
}
.mdFullInd .night .lImg.a1, .mdFullInd .lImg.a2 {
	display: none
}
.mdFullInd .night .lImg.a2 {
	display: block
}
.mdFullInd .night .rArea .ht {
	background-position: -120px -40px;
	color: #FFF
}
.mdFullInd .night .table .right .input-text {
	background: none;
	color: #FFF
}
.mdFullInd .night .table .right .input-text .opt {
	background: #FFF;
	color: #333
}
.mdFullInd .night .table .button {
	background: #B65C21
}
.mdFullInd .night .placeholder {
	color: #FFF
}
.mdFullInd .night .table .right .input-text::-moz-placeholder {
color:#FFF
}
.mdFullInd .night .table .right .input-text:-ms-input-placeholder {
color:#FFF
}
.mdFullInd .night .table .right .input-text::-webkit-input-placeholder {
color:#FFF
}
/*6大优势栏目*/
.ldys{width:100%;padding: 50px 0;height:160px;background: #E3E3E3;}
.ldys .ldysjz{width:1200px;margin:0 auto;}
.ldys .ldysjz li{float: left;margin-right: 30px;}
.ldys .ldysjz li a{
	display:block;
    width: 167px;
    height: 65px;
    padding: 14px 10px 15px 25px;
    text-align: center;
    border: 1px solid #DEDEDE;
    font-size: 16px;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #D9D9D9;
	}
.ldys .ldysjz li a:hover{
transition: color 0.5s linear 0s, background-color 0.5s linear 0s;
    background: #fff000;
	}	
	.ldys .ldysjz li a:hover .xbt{
color:#ff0008;
	}
	.ldys .ldysjz li a .hh{
display:none;
	}	
	.ldys .ldysjz li a:hover .hh{
display:block;
	}	
	.ldys .ldysjz li a:hover .ll{
display:none;
	}	
	
/*关于西港*/	
.zzcpbg{width:100%;height:720px;padding-top:40px;background-image:url(../images/gyxgbg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}	
.zzcpbg .zzcpbt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;color:#fff;}	
.zzcpbg .zzcpms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #fff;}	
.zzcpbg .zzcpnr{width:1200px;margin:0 auto;}	
.zzcpbg .zzcpnr .xgzbk{width:560px;padding:50px;float:left;text-align:left;background-color:#3d3d3d;}	
.zzcpbg .zzcpnr .xgzbk .gsm{width:100%;color:#fff;font-size:20px;font-weight:bold;}	
.zzcpbg .zzcpnr .xgzbk .xgms{width:100%;margin-top:10px;color:#fff;font-size:12px;line-height:30px;}	
.zzcpbg .zzcpnr .xgzbk .ckgdan{width:150px;height:50px;background-color:#fff;margin-top:20px;text-align:center;color:#000;font-size:14px;line-height:50px;}	
.zzcpbg .zzcpnr .xgybk{width:600px;height:400px;margin-top:20px;float:left;margin-left:-30px;background-image:url(../images/xgybk.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.zzcpbg .zzcpnr .xgybk .k1{float:left;margin-left:0px;color:#fff;}
.zzcpbg .zzcpnr .xgybk .k2{float:left;margin-left:80px;color:#fff;}
.zzcpbg .zzcpnr .xgybk .k3{float:left;margin-left:0px;color:#fff;}
.zzcpbg .zzcpnr .xgybk .k4{float:left;margin-left:80px;color:#fff;}

/*精品案例*/	
.jxalbg{width:100%;background-color:#f5f5f5;padding-top:40px;padding-bottom:60px;}	
.jxalbg .jxalbt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;}	
.jxalbg .jxalms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #999;}	
.jxalbg .zzcptp{width:1200px;margin:0 auto;}	
.jxalfl{width:1200px;margin:0 auto;}
.jxalfl li{float:left;margin-left:90px;}
.jxalfl li:nth-child(1){float:left;margin-left:0px;}
.jxalfl li a{font-size:18px;}
.zzcpnr{width:1200px;margin:30px auto;}
.zzcpnr .caseItem{width:380px;height:470px;margin-right: 20px;margin-bottom: 40px;}
.xckgd{
	border: 1px dashed #2D2D2D;
    width: 117px;
    height: 36px;
    text-align: center;
    display: block;
    margin: 30px auto;
    line-height: 36px;
    border-radius: 6px;
    font-size: 16px;
	}
/*精品案例*/
.vrty{width:100%;height:1140px;padding-top:43px;background-color:#f5f6f9;}
.vrty .vrtybt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;}	
.vrty .vrtyms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #999;}	
.vrty .vrtynr{width:1200px;margin:0 auto;}	
.vrty .vrtynr .dyz{width:865px;float:left;}		
.vrty .vrtynr .hsz{width:100%;margin-top:20px;}		
.vrty .vrtynr .hsz li{width:235px;float:left;margin-left:20px;margin-top:20px;position:relative;}						
.vrty .vrtynr .hsz li .sjhvt{display:none;position:absolute;left:0;top:0;z-index:9;}						
.vrty .vrtynr .hsz li .vryt{display:block;}						
.vrty .vrtynr .hsz li:hover .sjhvt{display:block;}						
.vrty .vrtynr .hsz li:hover .vryt{display:block;}						

.sjsfw{width:100%;padding-bottom:60px;}
.sjsfw .jxalbt{width:100%;text-align:center;margin-top:60px;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;}	
.sjsfw .jxalms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #999;}	

/*热装楼盘*/
.rzlpbg{width:100%;height:880px;padding-top:65px;padding-bottom: 35px;}	
.rzlpbg .rzlpbt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;color:#000;}	
.rzlpbg .rzlpms{width:100%;text-align:center;margin-bottom:50px;font-size: 18px;line-height: 24px;color: #999;}
.rzlpbg .rzlpnr{width:1200px;margin:0 auto;}
.rzlpbg .rzlpnr .lpt{width:100%;}
.rzlpbg .rzlpnr .lpt li{float:left;margin-left:20px;}
.rzlpbg .rzlpnr .lpt li:nth-child(1){margin-left:0px;}
.rzlpbg .rzlpnr .lpt li a{color:#000;}
.rzlpbg .rzlpnr .lpt li a:hover{color:#ff6700;}
.rzlpbg .rzlpnr .rzlptb{width:100%;margin-top:54px;}
.rzlpbg .rzlpnr .rzlptb .rzlpt{width:920px;float:left;}
.rzlpbg .rzlpnr .rzlptb .rzlpt .xbt{color:#fff;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul{width:380px;float:left;margin-left:20px;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul li{width:180px;height:152px;margin-top:20px;float:left;margin-left:20px;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul li:nth-child(1){width:180px;height:152px;float:left;margin-left:0px;margin-top:0;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul li:nth-child(2){width:180px;height:152px;float:left;margin-top:0;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul li:nth-child(3){width:180px;height:152px;float:left;margin-left:0px;}
.rzlpbg .rzlpnr .rzlptb .rzlpt ul li:nth-child(5){width:180px;height:152px;float:left;margin-left:0px;}
.rzlpbg .rzlpnr .zjgdbk{width:260px;float:left;margin-left:20px;background: #FFF;}
.rzlpbg .rzlpnr .zjgdbk .hk{padding: 35px 13px 16px 20px;
    line-height: 26px;
    font-weight: normal;
    text-align: center;
    height: 130px;
    background: #393939;}
.rzlpbg .rzlpnr .zjgdbk .zjgdbkbt{font-size: 20px;display: block;color: #FFF;margin-bottom: 15px;}
.rzlpbg .rzlpnr .zjgdbk .hk a{width: 95px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    background: #ff6700;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    display: block;
    margin: 0 auto;}
.rzlpbg .rzlpnr .zjgdbk .hd{float: left;
    width: 100%;
    background: #CFCFCF;
    line-height: 36px;
	height:36px;
	}
.rzlpbg .rzlpnr .zjgdbk .hd .e1{width: 68px;
    padding-left: 0px;}
.rzlpbg .rzlpnr .zjgdbk .hd em{	
font-style: normal;
	float: left;
    width: 55px;
text-align: center;}
.bd{width: 100%;}
.bd li{float: left;
    width: 100%;
    padding: 6px 0;
    border-top: 1px solid #CFCFCF;
    line-height: 30px;}
.rzlpbg .rzlpnr .zjgdbk .bd em{	
font-style: normal;
	float: left;
    width: 48px;
	margin-left:1px;
text-align: center;}
.rzlpbg .rzlpnr .zjgdbk .bd .e1{width: 68px;
    padding-left: 13px;}
.rzlpbg .rzlpnr .zjgdbk .bd .e1 a{height: 24px;display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.rzlpbg .rzlpnr .zjgdbk .bd .e5{width: 30px;float:left;}
.rzlpbg .rzlpnr .zjgdbk .bd li:hover{background-color:#fff000;}
.rzlpbg .rzlpnr .zjgdbk .bd li .view{display: block;
    width: 30px;
    height: 30px;
	float:left;
	margin-top:5px;
    background: url(../images/xyjt.png) 0 0 no-repeat;
    text-indent: -999em;}
.rzlpbg .xckgd{margin-top:20px;border:1px dashed #fff;}
.rzlpbg .xckgd a{color:#fff;}

.jgl{width:100%;background: #F4F4F4;padding-top:63px;}
.jgl .jglbt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;}	
.jgl .jglms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #999;}
.jgl .jgnr{width:1200px;margin:0 auto;}
.jgl .jgnr .jglm{width:360px;float:left;margin-right:40px;}
.jgl .jgnr .jglm .jgllmbt{width:360px;font-size:16px;line-height:30px;margin-right:60px;margin-bottom:30px;}
.jgl .jgnr .jglm .jgllmtp img{width:100%;}
.jgl .jgnr .jglm .jgllm{width:100%; margin-top:20px;}
.jgl .jgnr .jglm  .xwbt{height: 24px;
    padding-left: 0px;
	font-size:18px;
	text-align:left;
    margin-bottom: 6px;
    font-weight: normal;}
	
.jgl .jgnr .jglm .xwms{
	height: 38px;
	overflow:hidden;
    -webkit-line-clamp: 3;
    line-height: 18px;
    font-size: 12px;
	text-align:left;
    color: #999;
}

.jgl .jgnr .jglm .xwms img{
display:none;
}

.jgl .jgnr .xmxw{
width:100%;	
margin-top:20px;
height:140px;
}

.jgllmxbt{
	width:100%;
	height: 26px;
	text-align:left;
    padding-left: 0px;
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
	
}
	    
.more{width:303px;height:37px;line-height:30px;text-align:center;border: 2px solid #999;}


.gwyy{width:100%;background: #F4F4F4;padding-top:60px;}
.gwyy .gwyybt{width:100%;text-align:center;height: 30px;font-weight: normal;font-size: 30px;margin-bottom: 20px;}	
.gwyy .gwyyms{width:100%;text-align:center;margin-bottom:90px;font-size: 18px;line-height: 24px;color: #999;}
.gwyy .gwyynr{width:1200px;margin:0 auto;}
.gwyy .gwyynr img{width:100%;}
	/*GLOBALS*/
*{margin:0; padding:0; list-style:none;}
a{text-decoration:none;	color:#666;}
a:hover{color:#1bc1a3;}
body, hmtl{background: #ecf0f1; font-family: 'Anton', sans-serif;}


#wrapper{
	width:600px;
	margin:50px auto;
	position:relative;
	color:#fff;	
}

#slider-wrap{
	width:100%;
	height:955px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:100%;
	height:955px;	
}

#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}

#wrapper li{
width:390px;
margin-left:0px;	
z-index:5;
}

#wrapper li:nth-child(1){
width:390px;
margin-left:0px;	
}

#wrapper .ycmsk{
width:315px;
top:50px;
left:50px;
z-index:3;
margin-top:50px;
}
#wrapper .ycmsk1 .sjsxm{
font-size:16px;
color:#fff;
line-height:40px;
text-align:left;
}

#wrapper .ycmsk1 .ryjy{
font-size:14px;
color: #333333;
line-height:30px;
}
#wrapper .ycmsk1 .scfg{
font-size:14px;
color: #333333;
line-height:30px;
}
#wrapper .ycmsk1 .scfg p{
color: #333333;
text-align:left;
}
#wrapper .ycmsk1 .ljyy{
font-size:14px;
color:#fff;
width:126px;
text-align:center;
height:40px;
float:left;
border: 1px solid #000000;
color: #000000;
line-height:40px;
border-radius: 8px;
}
#wrapper .ycmsk1 .ljyy a{
font-size: 22px;
color:#000;
}
#wrapper .ycmsk1 .ckxq{
font-size:14px;
color:#000;
width:126px;
float:left;
text-align:center;
height:40px;
margin-left:20px;
border: 1px solid #c4261d;
color: #c4261d;
line-height:40px;
border-radius: 8px;
}
#wrapper .ycmsk1 .ckxq a{
font-size: 22px;
color:#c4261d;
}
#wrapper li:hover .xbt{
display:none;	
}
/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{

}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:750px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
}




/*Header*/
h1, h2{text-shadow:none;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}
.sjsal{margin-top:20px;}
.sjsal li{width:124px!important;height:88px!important;float:left!important;margin-left:20px!important;}
.sjsal li img{width:100%!important;height:88px!important;}
.sjsal li:nth-child(1){float:left;margin-left:0px!important;}
.yyan{width:60%;margin:20px auto;}