@charset "utf-8";
* { margin: 0; padding: 0; font-family: Arial, Helvetica, 微软雅黑, sans-serif }
a { color: #000; text-decoration: none }
strong { font-size: 16px; font-weight: 700 }
ul, ol { list-style-type: none }
img { border: 0; width: 100% }
.container { width: 100%; margin: 0 auto; overflow-x: hidden }
.con-container { margin: 0 3% !important; }
.clear { clear: both }
body { overflow-x: hidden }
.h80{ height: 1.18rem; clear: both}
.h100 { height: 1.4rem; clear: both }
input[type=submit] { -webkit-appearance: none; outline: 0 }
.fl { float: left }
.fr { float: right }
.container{  padding: 0; }
dl{margin: 0}
p{margin: 0}

.header { height: 1.14rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background: rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.15); border-bottom: 2px solid #d9dbde; }
.header.bg { background: #124a59; }
.header .title { float: left; height: 1.14rem; line-height: 1.14rem; font-size: 0.45rem; color: #fff; width:100%; text-align: center; }
.header select{border: none; background: transparent; color: #fff;    font-size: 0.45rem; appearance:none;  -moz-appearance:none;  -webkit-appearance:none; width: 2.26rem; background:url(../images/select-icon.png) no-repeat center right;    letter-spacing: 0.04rem; background-size: 0.15rem;}
.header select option{background: transparent;}
.header .kf { width: 1.14rem; height: 1.14rem; position: absolute; top: 0; right: 0.15rem; }
.header .kf a { display: inline-block; width: 100%; height: 100%; background: url(../images/kf.png) no-repeat center; background-size: 0.52rem;}

.nav-btn { color: #231f20; height: 1.14rem; text-align: center; width: 1.14rem; position: absolute; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; top:0; left:0.15rem; z-index:9999; }

.nav-btn .mobileNavLeftBtn{
	width: 76%;
    margin-top: 0.1rem;
}
.nav .mobileNavLeftBtnClose{
    float: right;
    width: 0.84rem;
    margin: 0.06rem 0.06rem 0 0;
}

.nav-btn:hover { cursor: pointer; }
.nav-btn span { 
position: absolute; 
/* left: calc((100% - 0.55rem) / 2); 
top: calc((100% - 4px) / 2);  */
    left: 10px;
    top: 20px;
width: 0.6rem; 
height: 0.05rem;
 background-color: #fff; 
 }
.nav-btn span:nth-child(1) { transform: translateY(0.2rem) rotate(0deg); }
.nav-btn span:nth-child(2) { transform: translateY(0px) rotate(0deg); }
.nav-btn span:nth-child(3) { transform: translateY(-0.2rem) rotate(0deg); }
.nav-active span { background: #666; }
.nav-active span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.nav-active span:nth-child(2) { display: none; }
.nav-active span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
@keyframes clickfirst { 0% {
 transform: translateY(0.2rem) rotate(0deg);
}
 100% {
  transform: translateY(0) rotate(45deg);
 }
}
@keyframes clicksecond { 0% {
 transform: translateY(-0.2rem) rotate(0deg);
}
 100% {
  transform: translateY(0) rotate(-45deg);
 }
}
.nav-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.nav-out span:nth-child(2) { display: block; }
.nav-out span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
@keyframes outfirst { 0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
  transform: translateY(-0.2rem) rotate(0deg);
 }
}
@keyframes outsecond { 0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
  transform: translateY(0.2rem) rotate(0deg);
 }
}
.nav-active{ 
  /* left: 7.5rem; */
  left: 4.5rem;
}
.nav {
	/* width: 8.82rem;  */
	width:5.82rem;
	position: absolute; 
	z-index: 999;
	top: 0; 
	left:-100%;
	opacity:0; 
	background:rgba(255,255,255,.95); 
	border-top: 1px solid #b6b6b9; 
	height: 14.54rem; 
	transition: all 0.3s linear 0s;
	}
.nav.on{ left:0; opacity:1;}
.nav .logo{ margin: 0.84rem 0.56rem; height: 0.84rem; overflow:hidden;}
.nav .logo img{ 
 /*  width: 4.778rem; */
  width: 3.7rem;
}
.nav .nav-bottom{ 

  width:100%;
padding:0 0.4rem;  
background:#fff; 
position:absolute;
 bottom:0; 
 left:0;
 height: 1.087rem;
 line-height: 1.087rem;
  /* width: 7.7rem; */ 
/*  padding:0 0.56rem; */
 }
.nav .nav-bottom a{ 
color:#000; 
font-size: 0.32rem;
 letter-spacing: 0.06rem;
 float:right;
 }
.nav .nav-bottom a:last-child{
	float:right;
	display:none;
	
}

.nav-list{ margin-left:0.56rem;}
.nav-list li{}
.nav-list li a{ font-size:0.38rem; color:#000; line-height: 0.84rem;text-decoration: none}
.nav-list li span{ 
   /* width: 4.4rem; */
    width: 3.4rem;   
   display:none; 
}
.nav-list li.on span{display:inline-block;}
.nav-list li.on dd span{  display:none;}
.nav-list li.on a{ font-weight:bold;}
.nav-list li dl{ opacity:0; height:0; overflow:hidden; margin-left:0.42rem;transition: all 0.3s linear 0s;}
.nav-list li.on dl{ opacity:1; height:auto;}
.nav-list li dl dd{}
.nav-list li dl dd span{  width: 2.5rem;}
.nav-list li dl dd i{ display:none; background:url(../images/ry-icon3.png) no-repeat center; background-size:0.12rem;width: 0.26rem;    height: 0.16rem;    float: left;    margin: 0.3rem 0.14rem 0 0;}
.nav-list li dl dd.active i{display:inline-block; }
.nav-list li dl dd a, .nav-list li.on dl dd a, .nav-list li.on span{ font-weight:normal; font-size:0.34rem;}
.nav-list li dl dd.active span{ display:inline-block;}
.nav-list li.on dd.active span{  display:inline-block;}

.nav-list li.navtb4.on span{ background:url(../images/houseold.png) no-repeat center left; background-position: 0.22rem; background-size: 2rem;}
.nav-list li dl dd.navtb6 span{ background:url(../images/nav1.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb7 span{ background:url(../images/navGlory.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb8 span{ background:url(../images/navContact.png) no-repeat center left; background-position: 0.22rem; background-size: 1rem;}
.nav-list li dl dd.navtb13 span{ background:url(../images/caseNav.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb14 span{ background:url(../images/navVilla.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb15 span{ background:url(../images/navProject.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb9 span{ background:url(../images/navGuide.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb10 span{ background:url(../images/navcooperation.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}
.nav-list li dl dd.navtb11 span{ background:url(../images/navcharge.png) no-repeat center left; background-position: 0.22rem; background-size: 0.7rem;}

.banner .swiper-slide{ position:relative; overflow:hidden;}
.banner .swiper-slide img{ float:left;}
.banner .swiper-slide .img1{ position:absolute; top: 1.6rem; left: 0.70rem; width: 8.58rem;}
.banner .swiper-slide .img2{ position:absolute; top: 4.3rem; right: 0.4rem; width: 5.38rem;}
.banner .swiper-slide .img3{ position:absolute; top: 8rem; right: 0.4rem; width: 5.67rem;}
.banner .swiper-pagination-bullet{ background:url(../images/banner-ico.png) no-repeat center; width: 0.2rem;  height: 0.168rem; opacity:1; border-radius:0; background-size:cover; }
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 0.2rem;}
.banner .swiper-pagination-bullet-active{ background:url(../images/banner-ico2.png) no-repeat center; background-size:cover;}
.banner .swiper-container-horizontal>.swiper-pagination{ bottom:0.6rem;}




/*页脚css*/
.erMa{border-top: 1px #e6e6e6 solid;  padding:  0.7rem 0 0 0; overflow: hidden;}
.Iline { height: 0.556rem; width: 100%; background: rgba(0,0,0,.4); clear: both; }
.footer{ margin:0.4rem 0;}
.foot-zc{ text-align:center;}
.foot-zc img{ width: 4.862rem;}
.foot-copy{ color:#666; text-align:center; font-size: 0.28rem;}
.foot-copy a{ color:#666; text-align:center; font-size: 0.28rem;}



.xf{ background:#fff; border-top:1px solid #e6e6e6; position:fixed; width:100%; bottom:0; z-index:9999;}
.xf li{ float:left; width:33.3333%; text-align:center; margin: 0.2rem 0 ;}
.xf li img{ width: 0.556rem;}
.xf li span{ display:inline-block; width: 0.556rem; height: 0.556rem; overflow:hidden;}
.xf li p{ text-align:center; color:#666; font-size: 0.25rem;}
.xf li:last-child p{ color:#a31e2c;}




/*加载更多按钮*/
.moreBtn{
   width: 3.056rem;
   line-height: 0.72rem;
   color: #ffffff;
   cursor: pointer;
   background: #a31e2c;
   border:  1px #a31e2c solid;
   margin: 0 auto;
   font-size: 0.32rem;
   display: block;
    letter-spacing: 0.014rem;
}
.moreBtn:hover{ color:#fff;}
.finishBtn{
 width: 3.056rem;
 line-height: 0.72rem;
 color: #999999;
 cursor: pointer;
 background: #fff;
 border: 1px #cecece solid;
 margin: 0 auto;
 font-size: 0.32rem;
 display: block;
    letter-spacing: 0.014rem;
}