@import url("css2.css");

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , Microsoft YaHei;}
button{cursor:pointer;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.blank30{ height:30px; clear:both;}
.blank10{ height:10px; clear:both;}
body{font-family:arial,"微軟正黑體";  font-size:16px; line-height:28px; color:#333333;overflow-x: hidden;
}
#xs_index_wap{ display: none;}
#xs_index_web{ display: block;}
.container{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}
.container2{width:96%; margin-left:auto; margin-right:auto ; max-width:1200px; min-width:280px;}

/*** 導航開始 ***/
#index_top{position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
.header_top{ height:60px;background-color:#fff;}
.header_top h1{ float: left;width:30%;margin-top:8px;}
.header_top h1 img{width:194px;}
.head{position: relative;float:left;width:60%;}
.head .navbox{width:100%; margin-left:auto; margin-right:auto ;}
.head .nav{display: block; float: right;width:calc(100% - 10px);}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li span{display:none;}
.head .nav ul li .f_a{line-height:40px;display:block;text-align:center;font-size:16px;color:#222222; font-weight: bolder;line-height: 60px;}
.head .nav ul li:hover .f_a{color: #222222; transition:all .3s;background-image: url(../images/nav_bg.png);background-repeat: no-repeat;background-position:bottom center;background-color:#FAF5F1;}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00151D;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-bottom: 1px solid #888;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#666;color: #fff;}

#indexsearchbtn{float:right;width:10%;margin-top:20px;color:#333;outline: none;}


.m_nav{display:none}
.headlf .m_logo{display: none}
#select{color: #222222; transition:all .3s;background-image: url(../images/nav_bg.png);background-repeat: no-repeat;background-position:bottom center;background-color:#FAF5F1;}
/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #A4CC76;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon2{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon3{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon4{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon5{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon6{background: url(../imgs/sideIcon1.png) no-repeat;}
.icon7{background: url(../imgs/sideIcon1.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../imgs/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}
.headrg{position: absolute;right:0px;top:0px;width:60px;height:60px;background-color: #8a5237;text-align: center;}
.m_menuimg{height:16px;vertical-align:top;display:inline-block;margin-top:20px;}
/*** 手機導航開始 ***/
.m_img{display:block;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:0px solid #136A80;overflow: hidden; padding-top:5px; padding-bottom:5px;border:solid 1px red;display:none;}
  .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
  .m_logo{width:195px;height:40px;display: block}
  .lefttop{ background: radial-gradient(circle, #925E47, #6E4635);padding-top:8px;padding-bottom:8px;padding-left:20px;position: relative;}
  .closeicon{position:absolute;right:20px;top:10px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}

  .m_menucart{float: right;}
  .m_menucart img{vertical-align: middle;margin-top:5px;margin-right:10px; display: inline-block;}
  .m_menucart a{position: relative;}
  .m_menucart a span{position: absolute;width:23px;height:23px;color:#fff;border-radius: 50px; text-align: center;line-height: 23px;top:-7px;left:15px;}

  .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
  .m_nav .closecover{position:absolute;width:100%;height:100%;background:#ccc;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
  .m_nav .m_navList{position:absolute;width:100%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%;overflow-y: scroll;max-width:450px;}
  .m_nav .m_navList ul{}
  .m_nav .m_navList ul li{}
  .m_nav .m_navList ul li a{display:block;height:60px;color:#000;line-height:60px;padding-left:5%;font-size:18px;font-weight: bolder;letter-spacing: 3px;}
  .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%;}
  .m_nav .m_navList ul li .m_f_a a{flex: 1;}
  .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 30%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 30%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;background-color: #000;padding-top:10px;padding-bottom:10px;}
  .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:16px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;color:#fff;font-weight: bolder;}
  .leftcopyright{border-top:solid 1px #ccc; padding-top:10px;margin-top:10px;}
  .leftcopyright p{width:90%;color:#666;font-size:14px;line-height:28px;margin:0 auto;}
/*** 手機導航結束 ****/

/*** 首頁幻燈片開始 ***/
.banner-slider{}
.slider-item{position:relative; margin:0 auto;}
.slider-item img{display:block; width:100%; height:auto;}
.banner-slider .owl-dot{background-color: transparent;}
.banner-slider .owl-dots {line-height: 1;margin-top: 0 !important; position: absolute; left: 0px;bottom: 30px;display: block; width: 100%; max-width: 1320px;margin: auto; right: 0;text-align: center;}
.banner-slider .owl-dots .owl-dot span {width: 10px; height: 10px;margin: 0 6px;border-radius: 50%;-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;position: relative;border:solid 2px #fff;background-color: transparent;}
.banner-slider .owl-dots .owl-dot:hover span {background: #fff;}
.banner-slider .owl-dots .owl-dot.active span { background: #fff;}
/*** 首頁幻燈片結束 ***/

/*** 首頁搜索開始 ***/
.searchform{width:50%;margin:0 auto;border: solid 2px #fff;border-radius: 10px;}
.searchtxt{float: left;width:75%;background-color: #F0EBE8;border:none;border-radius: 7px 0px 0px 7px;height:50px;line-height: 50px;text-indent: 20px;color:#8A5237}
.searchbtn{float: right;width:25%;background-color: #8A5237; color:#fff;border:none;height:50px;border-radius: 0px 7px 7px 0px;background-image:url(../images/search.jpg);background-repeat: no-repeat;background-position:50% 50%;}
/*** 首頁搜索結束 ***/

.hengimgall{height:0; width:100%;  margin:0%;position: relative; padding-bottom:100%;  overflow: hidden;background-color: #666666;}
.hengimgall img{cursor: pointer;position: absolute;  left: 0; top: 0;width: 100%  ; height: 100%;display: block;}


/*** 首頁三個單頁開始 ***/
.haochulist{border-radius: 10px 10px 0px 0px;background-color: #FCFAF8;margin-top:50px;padding-bottom:30px;width:100%;}
.haochuimg{display: block;width:100%;}
.haochuimg img{width:100%;display: block;border-radius: 10px 10px 0px 0px;}
.haochuinfo{width:90%;margin:0 auto;}
.haochuinfo h3{color:#3F3F3F;font-size:24px;letter-spacing: 2px;font-weight: bolder;margin-top:30px;text-align: center;}
.haochuinfo h4{color:#8a5237;font-size: 18px;margin-top:20px;text-align: center;}
.haochuinfo h5{color:#878787;font-size: 16px;margin-top:15px;line-height: 28px;height:80px;overflow: hidden;}
.haochumore{margin-top:15px;text-align: center;}
.haochumore a{display:inline-block;border:solid 2px #8a5237;color:#8a5237;padding:5px 20px;border-radius: 20px;font-weight: bolder;}
.haochumore a:hover{background-color: #8a5237; color:#fff;}

/*** 首頁實境環景看屋開始 ***/
.shijing{margin-top:50px;background-color: #FCFAF8;padding-top:50px;padding-bottom:50px;}
.indextitle{text-align: center;color:#3F3F3F;font-size:30px;letter-spacing: 2px;font-weight: bolder;line-height: 40px;}
.sjlist{border:solid 2px #F3EFEC;background-color: #FFFFFF;margin-top:50px;}
.sjimg{float: left;width:25%;background-size:cover;height:200px;background-position: center;position: relative;}
.sjwap{display:none;position: relative;}
#sj360{position: absolute;top:35%; left:0px; width:100%;text-align: center;}
#sj360 img{max-width: 170px;}

.sjinfo{float: left;width:65%;margin-left:5%;}
.sjinfo h3{color:#3F3F3F;font-size:24px;letter-spacing: 2px;font-weight: bolder;margin-top:30px;}
.sjinfo h3 a{color:#3F3F3F}
.sjinfo h3 a:hover{color:#8a5237;}
.sjinfo p{color:#878787;font-size: 16px;margin-top:10px;line-height: 28px;height:58px;overflow: hidden;}
.sjmore{margin-top:10px}
.sjmore a{color:#8a5237;font-size: 16px;}
.sjmore a:hover{color:red;}



@media screen and (max-width:960px){
  .sjimg{width:35%;}
  .sjinfo{width:55%;}
}


/*** 關於我們幻燈片開始 ***/
#xs_about_web{display: block;}
#xs_about_wap{display: none;}

.about-slider .owl-dot{background-color: transparent;}
.about-slider .owl-dots {line-height: 1;margin-top: 0 !important; position: absolute; left: 0px;bottom: 30px;display: block; width: 50%; max-width: 1320px;margin: auto; right: 0;text-align: left;}
.about-slider .owl-dots .owl-dot span {width: 10px; height: 10px;margin: 0 6px;border-radius: 50%;-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;position: relative;border:solid 2px #fff;background-color: transparent;}
.about-slider .owl-dots .owl-dot:hover span {background: #fff;}
.about-slider .owl-dots .owl-dot.active span { background: #fff;}
/*** 關於我們幻燈片結束 ***/
.aboutkang{position: absolute;left:50%;top:0px;z-index: 9;width:50%;height:100%;background-image: url(../images/bgabout.png);}
.aboutkang article{padding:60px;}
.abouttitle{color:#fff;font-weight: bolder;font-size: 30px;letter-spacing: 3px;}
.abouttxt{margin-top:50px;width:90%;}
.abouttxt h3{font-size:18px;letter-spacing: 2px;color:#FEFEFE;}
.abouttxt h3 i{margin-right:10px;}
.abouttxt p{color:#C4AA9D;line-height: 28px;height:110px;overflow: hidden;margin-top:10px;}
.aboutline{height:1px;background-color: #AA826E;margin-top:50px;}
.aboutmore{margin-top:50px;}
.aboutmore a{display:inline-block;border:solid 2px #fff;color:#fff;padding:5px 20px;border-radius: 20px;font-weight: bolder;}
.aboutmore a:hover{background-color: #fff; color:#000;}

@media screen and (max-width:1600px){
  .aboutkang article{padding:30px;}
  .abouttxt{margin-top:30px;width:95%;}
  .aboutline{margin-top:30px;}
  .aboutmore{margin-top:30px;}
}
@media screen and (max-width:1210px){
  .abouttxt p{height:58px;}
}



/*** 幸福快訊開始 ***/

.indexnews{padding-top:50px;padding-bottom:50px;}
.newsshare a{background-color: #3D5A9A;color:#fff;display:block;border-radius: 50px;text-align: center;padding-top:10px;padding-bottom:10px;margin-top:30px}
.newsshare a i{font-size:30px;margin-right:10px;vertical-align: middle;}

/*** 尾巴開始 ***/
footer{background-color: #8A5237;padding-top:20px;padding-bottom:20px;color:transparent}
.endnav{text-align: center;font-size: 18px;color:#fff}

#btn {
  width:40px;
  height: 40px;
 position:fixed;
  right:10px;
  bottom:20px;
  background:url(../images/top.png)  no-repeat  left top ;
  margin-left: 610px;
  z-index: 999;
}
#btn:hover {
  background:url(../images/top.png)  no-repeat  left -40px;
}


/**** 內頁開始 ***/
#box{border-top:solid 1px #f1f1f1;min-height:300px;background-color: #f1f1f1;min-height:600px;}
.newstype{ text-align: center;}
.newstype a{margin-left:15px;margin-right:15px;margin-top:30px;display: inline-block;border:solid 1px #8A5237;padding-left:10px;padding-right:10px;background-color: #fff;}
#selectnew{background-color:#8A5237;color:#fff;}

.pager{padding-bottom:50px;padding-top:50px;}
.pager a{margin-left:8px;margin-right:8px; color:#fff;font-size:18px;font-weight: bold; text-decoration: none;border:solid 1px #000; background-color: #000;display: inline-block;width:30px;height:30px;line-height: 30px;}
.pager  strong{margin-left:8px;margin-right:8px; color:#fff;font-size:18px;font-weight: bold; text-decoration: none;background-color: #8A5237;display: inline-block;width:30px;height:30px;line-height: 30px;}


.containernews{width:90%;max-width: 700px;margin:0 auto;margin-top:50px;padding-bottom:50px;}
.newstitledetial{font-size: 30px;letter-spacing: 2px;font-weight: bolder;margin-top:50px;line-height: 50px;}
.newsfujia{margin-top:20px;}
.newsaddtime{width:100%;}
.newsliimg{width:27px;vertical-align: top;}
.newsliimg a{color:#2567EC;}
.back{margin-top:50px; text-align: center; }
.back a{display:inline-block;border:solid 2px #8A5237;color:#8A5237;padding:5px 20px;border-radius: 20px;font-weight: bolder;}
.back a:hover{background-color: #fff; color:#000;}

.detailshow a{background-color: #3D5A9A;color:#fff;display:inline-block;border-radius: 0px;
  text-align: center;padding-top:0px;padding-bottom:0px;font-size:12px;width:120px;padding-left:10px;padding-right:10px;margin-right:20px;}
.detailshow a i{font-size:20px;margin-right:10px;vertical-align: middle;}

.houseitem{background-color: #fff;
  margin-top: 50px;
  box-shadow: 0px 0px 8px #ccc;
  padding-bottom: 15px;
  margin-bottom: 50px;
  margin-left: 5px;
  margin-right: 5px;}

  .kechengxx{position: relative;}
.kechengimg{height:0; width:100%;  margin:0%;position: relative; padding-bottom:100%;  overflow: hidden;background-color: #999;position: relative;}
.kechengimg img{cursor: pointer;position: absolute;  left: 0; top: 0;width: 100%  ; height: 100%;display: block;}
.kechenginfo{background: #334D67 0% 0% no-repeat padding-box;
  opacity: 0.74;width:100%;position: absolute;bottom:0px;color:#fff;}
  .kechengimg span{position: absolute;top:0px;left:0px;background-color: #96381A;color:#fff;padding:10px 10px 10px 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);border-right:solid 1px #8a5237;border-bottom:solid 1px #8a5237;}
.kechenginfo h3{padding:10px;font-size:20px;font-weight: bolder;padding-bottom:0px;}
.kechenginfo p{padding:10px;}
.kechengbox {
  margin: 15px;
}
.kechengbox h3{font-size:20px;line-height: 30px;}
.kechengbox h3 a{color:#000;margin-top:15px;display: block;}
.kechengbox span{color:#000;font-size: 14px;display: block;margin-top:10px;font-weight: bolder;}
.kcchengprice{border-bottom:solid 1px #D0D0D0;margin:15px;padding-bottom:15px;margin-bottom:0px; line-height: 30px;}
.kcchengprice strong{color:#CF1818;font-size:18px;font-weight: bolder;}
.kcchengprice strong span{color:#CF1818;font-size:14px;font-weight: bolder;}

.kcchengprice s{margin-left:20px;color:#A3A3A3;padding-left:10px;padding-right:10px;display: inline-block;}
.kcchengmore{margin:15px;margin-top:0px;margin-bottom:0px;padding-top:10px;}
.kcchengmore li{float:left;width:100%;position: relative;}
.kcchengmore li img{display: inline;}
.kcchengmore li span{display:inline;padding-left:5px;color:#888;}


/*** 房屋詳細 ***/
.piclist{ width:100%;background-color:#fff;max-width:900px;}
.jstitlenew{font-size:24px; line-height: 45px;letter-spacing:1px;margin-top:10px;font-weight: bolder;}
.cankaodizhi{margin-top:0px;font-weight: bolder;letter-spacing:1px;color:#666;font-size:16px;line-height:30px;}
.yajin{border-top:solid 3px #96381A;margin-top:10px;padding-top:10px;font-weight: bolder;letter-spacing:1px;font-size:16px;line-height:25px;}
.housedetail{background-color: #fff;margin-top:50px;}
.houseshare a{background-color: #3D5A9A;color:#fff;display:block;border-radius:5px;text-align: center;padding-top:10px;padding-bottom:10px;margin-top:30px}
.houseshare a i{font-size:30px;margin-right:10px;vertical-align: middle;}
.oldpricenew{margin-top:30px;color:#ccc;}
.oldpricenew s{color:#ccc;font-size:22px;display: inline-block;font-size:16px;}
.oldpricenew s b{display: inline;color:#ccc;font-size:22px;}

.pricenew{margin-top:15px;color:#000;font-size:20px;}
.pricenew b{display: inline;color:#CF1818;font-size:30px;font-weight:900;}

.remark{margin-top:30px;border-top:solid 1px #ccc;padding-top:15px;line-height: 30px;border-bottom:solid 1px #ccc;padding-bottom:15px;}

.houseinfo{width:90%;}
.housel{ width:100%;margin-top:30px;background-color: #fff;padding-top:20px;padding-bottom:20px;}
.housel h5{line-height:30px;background-color: #fff;border-bottom:solid 1px #ccc;padding-bottom:10px;}
.housel h5 strong{ font-size:18px;color:#8A5237; font-weight:bold;margin-left:15px; }
.housel h5 i{margin-right:10px;}

.housel ul{ margin-top:10px;max-width:900px}
.housel ul li{ float:left;width:50%;line-height:30px;  color:#6e6e6e; background-image:url(../images/li06.jpg); background-repeat:no-repeat; background-position:left top; text-indent:25px;}
.housel p{ color:#6e6e6e;}

.housel .info{width:94%; margin-left:auto; margin-right:auto;}
.txt2{box-sizing: border-box;-moz-box-sizing: border-box;width:100%;height: 40px;
  line-height: 35px;border: 1px solid #ccc;border-radius: 3px; font-size:15px; padding:5px;margin-top:10px;}

  .txt2_sub{box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 90px;
    line-height: 25px;border: 1px solid #ccc;border-radius: 3px; font-size:15px;padding:5px;margin-top:10px;}
      
    .userkf{width:90%;margin:0 auto;margin-top:20px;}

    .btn2{ background-color:#D35326; color:#fff;width:100%;margin-top:10px; padding:4px 20px 4px 20px;  text-align:center; letter-spacing:3px; cursor:pointer; background-image:url(../images/a001.png); font-size:15px;border:0px;  border-radius:0px}
    .btn2:hover{ background-color:#CD5025; color:#fff;} 


    .kecheng-slider .owl-nav {margin-top: 0px;line-height: 40px;position: absolute;top:50%;right:0px;width:100%;}

    .kecheng-slider .owl-nav .owl-prev{
     float: left;
    }
    .kecheng-slider .owl-nav .owl-next{
      float: right;
     }
.kecheng-slider .owl-nav .owl-prev, .kecheng-slider .owl-nav .owl-next {
  background-color: #fff;border: 2px solid #9C9C9C !important;width: 40px;
  height: 40px;line-height: 40px;color: #fff;text-align: center;
  display: inline-block;border-radius: 50px;-webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;margin: 0;margin-left:10px;margin-right:10px;
}
.kecheng-slider .owl-nav .owl-prev i, .kecheng-slider .owl-nav .owl-next i {
  font-size: 27px;position: relative;top: -1px;color: #9C9C9C;
  -webkit-transition: all ease 0.5s;transition: all ease 0.5s;
}
.kecheng-slider .owl-nav .owl-prev:hover, .kecheng-slider .owl-nav .owl-next:hover {
  background-color: transparent;background-color: #fff;border-color: #2567ec !important;
}
.kecheng-slider .owl-nav .owl-prev:hover i,.kecheng-slider .owl-nav .owl-next:hover i {color: #2567ec;}
.kecheng-slider .owl-nav .owl-next i { right: -1px;}



.house-slider .owl-nav {margin-top: 0;line-height: 40px;position: absolute;top:-40px;right:10px;}
.house-slider .owl-nav .owl-prev, .house-slider .owl-nav .owl-next {
  background-color: #fff;border: 2px solid #9C9C9C !important;width: 40px;
  height: 40px;line-height: 40px;color: #fff;text-align: center;
  display: inline-block;border-radius: 50px;-webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;margin: 0;margin-left: 15px;
}
.house-slider .owl-nav .owl-prev i, .house-slider .owl-nav .owl-next i {
  font-size: 27px;position: relative;top: -1px;color: #9C9C9C;
  -webkit-transition: all ease 0.5s;transition: all ease 0.5s;
}
.house-slider .owl-nav .owl-prev:hover, .house-slider .owl-nav .owl-next:hover {
  background-color: transparent;background-color: #fff;border-color: #2567ec !important;
}
.house-slider .owl-nav .owl-prev:hover i,.house-slider .owl-nav .owl-next:hover i {color: #2567ec;}
.house-slider .owl-nav .owl-next i { right: -1px;}

/*** 首頁出租 ***/
.indexkechengtitle{margin-top:50px;}
.indexkechengtitle h3{font-size:27px;font-weight: bolder;letter-spacing: 3px;display:inline-block;line-height:27px;border-bottom:solid 4px #8A5237;padding-bottom:10px;padding-right:20px;}

.wjtypetitle span{background-color: #96381A;padding:8px 10px 8px 10px;display:inline-block;border-radius:3px;color:#fff;margin-right:20px;}

.shopshow{margin-top:30px;border-radius: 3px 3px 0px 0px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.shopshow h4{background: radial-gradient(circle, #925E47, #6E4635);color:#fff;padding-top:10px;padding-bottom:10px;border-radius: 3px 3px 0px 0px;padding-left:10px;font-size:16px;font-weight: bolder;letter-spacing: 2px;}
.shopshow ul{background-color: #fff;border-radius: 0px 0px 3px 3px;padding:15px 15px 20px 15px;}
.shopshow ul li{float: left; display: block;margin-top:15px;width:50%;}
.shopshow ul li a{display:block;width:90%;background-color:#8A5237;color:#fff;padding:8px 10px 8px 10px;text-align:center;border-radius: 3px ;line-height:25px;font-weight:bolder;margin:0 auto;margin-top:8px;}
.shopshow ul li a i{font-size:15px;line-height:25px;margin-left:5px;}

.zhutilist{border:solid 1px #ccc;background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);margin-top:30px;}
.zhutilist article{text-align: center;margin-top:50px;margin-bottom:30px;padding-left:15px;padding-right:15px;}
.zhutilist article i{font-size:60px;color:#96381A;display:block;margin:0 auto;line-height: 60px;vertical-align: middle;}
.zhutilist article svg{width:60px;height:60px;color:#96381A;display:block;margin:0 auto;}
.zhutilist article h3{font-weight: bolder;color:#000;letter-spacing: 2px;border-bottom:solid 1px #ccc;display: block;width:100%;text-align: center;padding-bottom:10px;margin-top:20px;}
.zhutilist article p{display: block;width:100%;margin-top:10px;font-size:14px;}

.zhutilist:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);}

.indexzywrap{background-image: url(../images/yewuindex.jpg);padding-top:40px;padding-bottom:40px;}
.indexzhiy{margin-top:150px;}
.indexzhiyimg{float: left;}
.indexzhiyimg img{width:150px;height:150px;border-radius: 50%;}
.indexzhiyuaninfo{float: left;margin-left:30px;color:#fff;}
.indexzhiyuaninfo h3{margin-top:20px;font-size: 20px;font-weight: bolder;}
.indexzhiyuaninfo span{margin-top:10px;display:inline-block;font-size:18px;}
.indexzhiyuaninfo b{margin-left:10px;}
.indexfenxiang{text-align: right;margin-top:180px;position: absolute;z-index: 99;}
.indexfenxiang a{margin-left:50px;color:#fff;}
.indexfenxiang a i{font-size:40px;vertical-align: middle;margin-right:10px;}

@media screen and (max-width:990px){
.jstitlenew{margin-top:10px;font-size:24px;}

.housedetail{margin-top:0px;}
.houseinfo{width:90%;margin:0 auto;padding-bottom:30px;}
#xs_hosue_web{display: none;}

.indexzywrap{padding-top:30px;padding-bottom:30px;}
.indexzhiyimg img{width:100px;height:100px;}
.indexzhiyuaninfo h3{margin-top:10px;font-size: 18px;}
.indexfenxiang{text-align: center;margin-top:30px;}
.indexfenxiang a{margin-left:10px;margin-right:10px;}
.indexfenxiang a i{font-size:30px;margin-right:5px;}

.indexzhiy{margin-top:20px;}
.indexfenxiang{margin-top:20px;text-align: center;;width:100%;position:relative;border-top:solid 1px #f1f1f1;padding-top:20px;}
}


/*** 發布需求 ***/
.formdemand{background-color: #fff;min-height: 589px;}
.formdemand article{width:90%;margin:0 auto;padding-top:20px;padding-bottom:50px;}
.formline{margin-top:30px}

.formline h6{letter-spacing: 1px;font-size: 16px;float: left;width:100px;display: block;padding: 9px 15px;font-weight: 400;line-height: 20px;position: relative;}
.formtxt{margin-left: 110px;}

.formtxt input[type="radio"] {display: none;}
.formtxt label{margin-right:30px;font-weight:lighter;width:120px;text-align: center;color:#000;background-color:#E9E9ED ;font-size: 15px;padding: 9px 0px;line-height: 20px;cursor: pointer;margin-bottom:20px;}
.formtxt input[type="radio"]:checked + label {font-weight: lighter;color:#fff;background-color:#F14351 ;}
.formtxt input[type="text"]{height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;
  color: rgba(0,0,0,.85);border-radius: 2px;display: block; width: 100%;padding-left: 10px;}
.formtxt textarea{min-height: 100px;height: auto;line-height: 20px;padding: 6px 10px;resize: vertical;width: 100%;border-width: 1px;border-style: solid;background-color: #fff; color: rgba(0,0,0,.85);border-radius: 2px;}

.formtxt select{height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;color: rgba(0,0,0,.85);border-radius: 2px;display: block;width: 100%;padding-left: 10px;padding-right: 30px;cursor: pointer;}

.formline h7{letter-spacing: 1px;font-size: 16px;font-weight: bolder;display:block;float: left;width:100px;padding: 9px 15px;
  font-weight: 400;
  line-height: 20px;}
.formtxt02{margin-left: 110px;}
.formtxt02 input[type="text"]{height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;
  color: rgba(0,0,0,.85);border-radius: 2px;display: block; width: 100%;padding-left: 10px;}
.formtxt02 input[type="radio"] {display: none;}
.formtxt02 label{margin-right:30px;font-weight:lighter;width:65px;text-align: center;color:#555;}
.formtxt02 input[type="radio"]:checked + label {font-weight: lighter;color:#fff;background-color:#F14351 ;}

.formtxt02 input[type="text"]{height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-style: solid;background-color: #fff;
  color: rgba(0,0,0,.85);border-radius: 2px;display: block; width: 100%;padding-left: 10px;}

  /**出租**/
   /* 自定义样式 */
   .tab-container {
    border-bottom: 3px solid #96381A;
    width:100%;
    margin-top:30px;
    position: relative;
  }
  .tab-buttons {
    display:inline-block;
    justify-content: space-around;
  }
  .tab-buttons button {
    flex: 1;
    padding: 15px 20px 15px 20px;
    font-size: 16px;
    border: none;
    background-color:transparent;
    cursor: pointer;
    transition: background-color 0.3s;
    border-radius: 3px 3px 0px 0px;
    letter-spacing: 2px;
  }
  .tab-buttons button.active {
    background-color: #96381A;
    color: white;
    
  }
  .tab-content {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;

    background-color:transparent;
  }
  
  .tab-content.active {
    display: block;
  }
  .quyu{float:right;width:30%; border:solid 1px #ccc;background-color: #fff;display:inline-block;float:right;max-width: 230px;}
  .quyu span{display:inline-block;padding:10px 15px 10px 15px;color:#f1f1f1;line-height:16px;}
  #xuanzhong{background-color:#96381A;}
  .quyu span i{margin-right:5px;}
  .quyu span a{display: inline-block;}
  .xuxiangka{float:left;width:50%;}
  .xuankaorder{border:solid 1px #ccc;padding:9px 5px 8px 5px;width:20%;display:inline-block;float: right;background-color: #fff;margin-right:10px;}

  .zhutilist{border:solid 1px #ccc;background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);margin-top:30px;}
  .zhutilist article{text-align: center;margin-top:50px;margin-bottom:30px;padding-left:15px;padding-right:15px;}
  .zhutilist article i{font-size:60px;color:#96381A;display:block;margin:0 auto;line-height: 60px;}
  .zhutilist article svg{width:60px;height:60px;color:#96381A;display:block;margin:0 auto;}
  .zhutilist article h3{font-weight: bolder;color:#000;letter-spacing: 2px;border-bottom:solid 1px #ccc;display: block;width:100%;text-align: center;padding-bottom:10px;margin-top:20px;}
  .zhutilist article p{display: block;width:100%;margin-top:10px;font-size:14px;}
  
  .zhutilist:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);}

  /*房屋相冊開始 */
  .product-inner-top .swiper {
    width: 100%;
    height: 100%;
  }
  .product-inner-top .swiper-slide {
    background-size: cover;
    background-position: center;
  }
  .product-inner-top .innerProduct2 {
    height: 80%;
    width: 100%;
  }
  .product-inner-top .innerProduct {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .product-inner-top .innerProduct2 .swiper-slide {
    height: 500px;
  }
  
  .product-inner-top .innerProduct .swiper-slide {
    width: 25%;
    height: 120px;
    opacity: 0.4;
  }
  .product-inner-top .innerProduct .swiper-slide-thumb-active {
    opacity: 1;
  }
  .product-inner-top .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .product-inner-top .swiper-button-prev {
    left: 20px;
  }
  .product-inner-top .swiper-button-next {
    right: 20px;
  }
  .product-inner-top .swiper-button-next,
  .product-inner-top .swiper-button-prev {
    width: 14px;
  }
  .product-inner-top .swiper-button-next img,
  .product-inner-top .swiper-button-prev img {
    width: 100%;
  }
  .product-inner-top .swiper-button-next:after,
  .product-inner-top .swiper-button-prev:after {
    display: none;
  }
  /*房屋相冊結束 */
  @media screen and (max-width:990px){
    #xs_about_web{display: none;}
    #xs_about_wap{display: block;}
    .about-slider .owl-dots {bottom: 20px;text-align: center;}
    .abouttxt{width:100%;}
    .aboutkang{position:static;left:0px;top:0px;z-index: 9;width:100%;height:auto;}
  .abouttxt p{height:auto;overflow:auto;margin-top:10px;}
  
  }

  @media screen and (max-width:842px){
 .quyu{display:none;}
  .xuankaorder{margin-right:0px;position: absolute;float:none;top:65px;right:0px;width:50%;}
  .xuxiangka{width:100%;}
  }

@media screen and (max-width:768px){
  .formline h7{float: none;margin-bottom:8px;padding-left:0px;}
  .formtxt02{margin-left: 0px;}
  .formline h6{float: none;margin-bottom:8px;padding-left:0px;}
  .formtxt{margin-left: 0px;}

  #box{padding-top:30px;}
  .quyu{display:none;}
  .formtxt label{margin-right:8px;font-weight:lighter;width:auto;text-align: center;color:#000;background-color:#E9E9ED ;font-size: 15px;padding: 8px 0px;line-height: 20px;cursor: pointer;margin-bottom:20px;padding-left:15px;padding-right:15px;letter-spacing: 1px;}
}


/**** 首頁底部開始 *******/
.indexdi{padding-top:60px;padding-bottom:60px;border-top:solid 1px #f1f1f1;}
.indexlink a{margin-bottom:20px;display: block;border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background-color: var(--newtab-background-color-secondary);padding-top:8px;padding-bottom:8px;}
.indexlink a img{display: block;margin:0 auto;width:90%;}

.indexmian{width:90%;}
.indexmian ul li{margin-top:10px;cursor: pointer;}
.indexmian ul li span{font-size: 16px;font-weight:lighter;line-height: 30px;color:#2567EC;margin-right:5px;}
.indexmian ul li h3{width:100%;font-size: 16px;font-weight:lighter;line-height: 30px;}
.indexmian ul li strong{font-size: 16px;font-weight:lighter;color:#A3A3A3;line-height: 30px;text-align: right;margin-left:10px;}

.miantitle{border-bottom:solid 1px #ccc;padding-bottom:5px;}
.miantitle h4{float: left;width:50%;font-weight: bolder;letter-spacing: 2px;line-height: 30px;}
.miantitle span{float: right;width:50%;font-weight: bolder;letter-spacing: 2px; text-align: right;line-height: 30px;}


/**** 首頁底部結束 *******/
/*** 滾動開始 ***/
.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden;padding: 10px; }
#scrollDiv{width:100%;height:200px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
.scroltit span{display:inline-block;width: 50px;text-align: center}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
    .btnfabu{background-color:#CC3366;color:#fff;padding:5px 4px 5px 6px;}
    .btnfabu:hover{color:#fff;}

    
.daohangsub{background-color: #96381A;padding-top:15px;padding-bottom:15px;color:#fff;font-size:16px;font-weight: bolder;line-height:30px;letter-spacing: 2px;}
.daohangsub a{color:#fff;font-size:16px;font-weight: bolder;}
.daohangsub span{margin-left:5px;margin-right:5px;}
.daohangsub span i{color:#BE4821;font-size: 16px;}

.shopinfo {background-color:#fff;padding-top:40px;padding-bottom:40px;}
.shopinfo h4{font-size:24px;font-weight:bolder;line-height:36px;margin-left:20px;border-bottom:solid 1px #ccc;padding-bottom:10px;margin-right:20px;}
.shopinfo p{ margin-left:20px;margin-right:20px;margin-top:15px;font-size:18px;line-height:30px;}
.shopinfo p i{margin-right:10px;font-size:18px;line-height:30px;}
.shopmap{width:100%;height:270px;}
.shoptab{margin-top:30px;border-top:solid 1px #ccc;background-color:#fff;height:55px;text-align:center;line-height:55px;border-bottom:solid 3px #96381A;}
.shoptab a{display:block;font-weight:bloder;height:53px;line-height:53px;}
.shoptab .active{background-color:#96381A;color:#fff;display:block;}
.shopmore{text-align:center;display:block;width:100%;max-width:280px;background-color:#96381A;color:#fff;padding:10px 20px;margin:0 auto;}
.shopmore:hover{background-color:#f14351;}


/***職員列表 ***/

.zhiyuan{background-color: #fff;padding-top:20px;margin-top:50px;border-radius: 5px;box-shadow: 0px 0px 8px #ccc;}
.zhiyuanimg {width:90px;float: left;margin-right: 25px;margin-left:20px;}
.zhiyuanimg img{width:100%;max-width:90px;height:90px;}
.zhiyuaninfo{ float: left;padding-top:8px;line-height:28px;}
.zhiyuaninfo h3{font-size:16px;color:#96381A;font-weight: bolder;}
.zhiyuaninfo span{font-size:20px;margin-top:10px;display: inline-block;font-weight:bolder}
.zhiyuaninfo b{margin-left:10px;font-weight: lighter;}
.zhiyuanlianxi{border-top:solid 1px #f1f1f1;margin-top:15px;}
.zylx{padding-top:10px;text-align:center;padding-bottom:10px;font-weight:bolder;}
.zylx i{color:#96381A;font-size:20px;vertical-align: middle;font-weight: lighter;}

@media screen and (max-width:1012px){
  #xs_index_wap{ display: block;}
  #xs_index_web{ display: none;}
  .head{display:none}
  

 #indexsearchbtn{position: absolute;float:none;margin-top:15px;color:#333;outline: none;top:0px;right:70px;}

  .banner-slider .owl-dots {bottom: 10px;}
  .searchform{width:70%;}


  .sjimg{float: none;width:100%;height:auto;background-image: none;}
  .sjwap{display:block;width:100%;position: relative;}
  .sjwap img{width:100%;}

  .sjinfo{float: none;width:90%;margin-left:0%;margin:0 auto;padding-bottom:20px;}




  .newsshare a{ font-size: 13px;}
  .newsshare a i{font-size:20px;margin-right:10px;vertical-align: middle;}
  
  .housel ul li{ float:none;width:100%;}


}

@media screen and (max-width:480px){
  .searchform{width:90%;}
  .searchtxt{width:70%;}
  .searchbtn{width:30%;}

  .houseshare a{font-size:12px;padding-left:3px;padding-right:3px;}
.houseshare a i{font-size:20px;margin-right:3px;}

.houseinfo span{display: none;}
}