﻿
@media (min-width: 993px) { /*PC*/

#background-div .nav .tab-label { color:#fff; cursor:pointer;  }
#background-div.scrolled .nav .tab-label { color:#000; cursor:pointer;  }
#background-div { height:100px;  /* background-color:transparent;  透明背景 */  background-color: rgb(0, 0, 0, 0.5);  transition: background-color 1s; /* 平滑过渡效果 */ }
#background-div.scrolled {    background-color: rgb(255, 255, 255, 1); /* 滚动后的颜色 */ border-bottom:#e2e2e2 1px solid;}
#background-div B { display:none;}
#background-div.scrolled B { display:block;font-size:16px; font-family:"Yahei"; color:#000;position:absolute; left:140px; top:28px; width:80%; overflow:hidden;height:40px; line-height:40px;}
#background-div a.navbar-brand{ position:absolute; left:0; top:30px; display:block; display:block; width:100px;padding-left:50px; height:40px; background:url(../images/logo3.png) no-repeat; background-size:32px 32px;
transition: background-color 1s; /* 平滑过渡效果 */ font-size:24px; font-family:"Yahei"; color:#fff;
}
#background-div.scrolled a.navbar-brand{  position:absolute; left:0; top:30px;display:block; width:100px;font-size:24px; padding-left:50px; height:40px; background:url(../images/logo1.png) no-repeat; background-size:32px 32px;color:#000;}
.navbar-toggle { display:none;}
#background-div.scrolled .navbar-toggle  { display:none;}
.sr-only {}
.icon-bar {}

.nav-box { position:fixed; width:100%; height:100px; font-size:16px; z-index:999;}
.nav { height:100px; margin:0 auto; width:1200px;position: relative;}
.nav ul.nav-item {margin: 0;padding: 0; display:block; position:absolute; left:20%; top:0px;}
.nav ul.nav-item li {color: #fff; float:left;margin-left:10px; padding-left:18px; width:90px; height:100px; line-height:100px;list-style: none;display: inline-block;  text-align:left; overflow:hidden;background:url(../images/icon07.png) no-repeat; background-size:12x 12px;  background-position:0px 42px;}
.nav ul.nav-item li a {text-decoration: none;color: #fff;line-height: 100%;}
.nav ul.nav-item li a:hover {text-decoration: none;color: #e2e2e2;line-height: 100%;}
#background-div.scrolled  ul.nav-item {display:none; }
#background-div.scrolled  .nav ul.nav-item li a {text-decoration: none;color: #000;line-height: 100%;}
#background-div.scrolled  .nav ul.nav-item li a:hover {text-decoration: none;color: #e2e2e2;line-height: 100%;}
.tel-box {  float:right; height:100px; line-height:100px; margin-left:100px; color:#fff;}
#background-div.scrolled .tel-box { float:right; height:100px; line-height:100px; margin-left:100px; color:#000;}
.tel-link { display:none;}
#background-div .teldispn { margin-left:20px; font-size:16px; color:#fff; font-weight:bold; float:right; margin-top:40px; padding-left:30px; background-image: url('../images/tel4.png'); background-repeat:no-repeat; background-position:left center;  background-size:24px 18px; }
#background-div.scrolled .teldispn {  margin-left:20px; font-size:16px; color:#000; font-weight:bold; float:right; margin-top:40px; padding-left:30px;  background-image: url('../images/tel3.png'); background-repeat:no-repeat; background-position:left center;  background-size:24px 18px; }
#background-div .navbar-nav a { color:#fff;}

.tabs {/* border-radius: 8px;*/ overflow: hidden;/*  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/}
.tab { width: 100%; color: #000; overflow: hidden;}
.tab .tab-label {  font-size:16px; display: flex; justify-content: space-between; padding-top: 10px;padding-bottom: 10px;  font-weight:bold; cursor: pointer;  /* Icon */ position:relative; padding-left:45px; }
.tlbg1 { width:30px; height:30px; display:block; background:url(../images/lp_10.png) no-repeat; background-size:30px 30px; background-position:left center; position:absolute; left:5px; top:5px;}
.tlbg2 { width:30px; height:30px; display:block; background:url(../images/lp_11.png) no-repeat; background-size:30px 30px; background-position:left center;position:absolute; left:5px; top:5px;}
.tab .tab-label:hover { }
.tab .tab-label::after { content: "❯"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.tab .tab-content { max-height: 0; padding: 0 10px; color: #2c3e50;  transition: all 0.35s; font-size:12px;}
.tab .tab-close { display: flex; justify-content: flex-end; padding:10px; font-size: 14px; cursor: pointer;}
.tab .tab-close:hover { background: #f2f2f2;}
.tab input:checked + .tab-label { background: #eee;}
.tab input:checked + .tab-label::after { transform: rotate(90deg);}
.tab input:checked ~ .tab-content { max-height: 300vh; padding: 10px;}

.bg { width:100%; height:620px; background-image: url('../images/bg.jpg'); background-repeat:no-repeat; background-position:center center;  background-size:cover; overflow:hidden;} 
.focusdisc { margin:0 auto; width:1100px; font-size:16px; line-height:20px; padding:10px;color:#fff; margin-top:168px; height:300px; overflow:hidden;}
.focusdisc h2 {font-size:30px;line-height:40px; height:60px; text-align:center;}
.focusdisc p { font-size:16px; line-height:25px; }


.building-box { margin:0 auto; width:1200px; padding-top:20px; padding-bottom:10px; clear:both; overflow:hidden;}
.building-box-top { margin:0 auto; width:1200px; padding-bottom:10px; clear:both; overflow:hidden;}
.building-box-w {width:1300px;}
.building-tit { clear:both; height:60px; line-height:50px; font-size:30px; color:#000; font-weight:bold;}


.building-link {}
.building-link .bl-li {border-radius:10px;  float:left; width:280px;  height:80px; margin-right:10px; margin-left:10px; margin-top:10px;
 box-shadow: 0 0 5px rgba(0,0,0,0.03), /* 下方 */0 -5px 5px rgba(0,0,0,0.03), /* 上方 */ 5px 0 5px rgba(0,0,0,0.03), /* 右方 */ -5px 0 5px rgba(0,0,0,0.03); /* 左方 */}
.building-link .bl-li .bl-li-l  { margin-top:10px; margin-left:10px; width:60px; height:60px; border-radius:10px; float:left;overflow:hidden;   }
.building-link .bl-li .bl-li-l a { display:block; cursor:pointer;width:60px; height:60px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.building-link .bl-li .bl-li-l img { width:80px; height:60px;margin-left:-10px;}
.building-link .bl-li .bl-li-r { line-height:60px; font-size:16px; text-align:left; margin-left:10px; margin-top:10px; height:60px; padding-left:10px; float:left; overflow:hidden; width:180px;}
.building-link .bl-li .bl-li-r a { color:#000; font-size:16px; font-weight:bold;}
.building-maps { overflow:hidden; height:70vh;}
.mapsbg { background:#F60; border-radius:5px; color:#fff; font-size:12px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; position:relative; cursor:pointer;}
.mapsbg em { position:absolute; left:40%; top:20px;  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #F60; cursor:pointer;}
.mapsbg:hover { background:#69F;border-radius:5px; color:#fff; font-size:12px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; position:relative;}
.mapsbg:hover em { position:absolute; left:40%; top:20px;  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #69f;}
.building-list { margin:0 auto; width:1200px;height:100%;}
.building-list-box { margin:0 auto; clear:both;  padding-top:20px; padding-bottom:20px; }
.building-list-box:nth-child(odd) { background-color: #f2f2f2; /* 奇数行背景色 */}
.building-list-box:nth-child(even) { background-color:#fff; /* 偶数行背景色 */}
/*.building-list-box:nth-child(odd) .img-box { width:560px; height:390px; overflow:hidden; border-radius:10px; display:inline-block; position:absolute; left:0px; top:0px; }
.building-list-box:nth-child(even) .img-box { width:560px; height:390px; overflow:hidden; border-radius:10px; display:inline-block; position:absolute; right:0px; top:0px; }*/
.building-list-box:nth-child(odd) .img-box { width:560px;  display:inline-block; position:absolute; left:0px; top:0px; border-radius:10px; overflow:hidden;height:390px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.building-list-box:nth-child(even) .img-box { width:560px; display:inline-block; position:absolute; right:0px; top:0px; border-radius:10px; overflow:hidden;height:390px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
/*.building-list-box .img-box img { width:560px;border-radius:10px;}*/
.building-list-box .img-box img { width:560px;border-radius:10px;}
.building-list-box:nth-child(odd) .bl-con { width:50%; padding-left:50%;position:relative;display:inline-block;}
.building-list-box:nth-child(even) .bl-con { width:50%; padding-right:50%;position:relative;display:inline-block;}
.building-list-box .bl-con .bl-fir { position:relative; clear:both; height:50px; line-height:50px; width:600px;}
.building-list-box .bl-con .bl-fir span { position:absolute; left:0px; top:0px;display:block; width:50px; font-size:32px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  text-align:center; height:50px; line-height:50px; color:#fff;border-radius:5px; background:#66F;}
.building-list-box .bl-con  .bl-fir .bl-tit   { display:block; margin-left:60px; float:left; font-size:32px; font-weight:normal;height:50px; line-height:50px;}
.building-list-box .bl-con  .bl-fir .bl-tit a { color:#000;}
.building-list-box .bl-con  .bl-fir .bl-tit font { font-size:16px; margin-left:10px; font-weight:normal;}
.building-list-box .bl-con  .bl-row {  clear:both; padding-top:10px;  line-height:30px;  font-size:16px;}
.building-list-box .bl-con  .bl-row3 { padding-top:10px; line-height:25px;  font-size:16px;}
.building-list-box .bl-con  .bl-sec-tit { clear:both; border-top:#ccc 1px solid; margin-top:10px; height:50px; line-height:40px;  font-size:22px; font-weight:bold;} 
.building-list-box .bl-con  .bl-sec-img {clear:both;   }
.building-list-box .bl-con  .bl-sec-img img { width:50%;}



.center {width: 100%;max-width: 560px;overflow: hidden; }
.photo-slider .slider_pagination_wrapper {margin-left: auto;margin-right: auto;overflow: hidden;}
.photo-slider .slider_pagination_wrapper .slider_pagination button {display: none;}
.photo-slider .slider_pagination>li {background: #D8D8D8;margin: 0 2px;border-color: #D8D8D8;flex-shrink: 0;}
.photo-slider .slider_pagination>li.slick-active {background: #42444E;border-color: #42444E;}
.photo-slider .slider_pagination li.is-small,.photo-slider .slider_pagination li.is-small-prev {transform: scale(0.625);}
.photo-slider .slider_pagination {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 10px;flex-wrap: nowrap;justify-content: flex-start;margin-left: -2px;margin-right: -2px;transition: 0.3s;}
.photo-slider .slider_pagination li {display: block;width:20px;height:20px;margin: 0 2px;border: 1px solid #E6E6E6;border-radius: 50%;box-sizing: border-box; }
.modal-slider {position: fixed;width: 100%;height: 100%;   background-color: rgba(0, 0, 0, 0.5);   display: none;  top: 0;   left: 0;  }
.modal_box {max-width: 560px;position: absolute;top: 50%;left: 50%;   transform: translate(-50%, -50%); }
.slider_counter {color: #A3A6AD;background: #0A0203; min-width: inherit; margin-left: 50%; padding: 5px 6px; border-radius: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%);  position: fixed; right: inherit; bottom: 20px;}

.table_list_box { padding:10px;}
table.table_list {  background:#e2e2e2; clear:both; width:880px; margin:0 auto;   }
table.table_list th { background:#f1f1f1; padding:5px; line-height:28px;}
table.table_list tr td { padding:2px; padding-left:10px;  line-height:28px; }
table.table_list tr td a { color:#333;}
table.table_list tr { background: #f2f2f2;} 
table.table_list tr:nth-child(2n){ background: #fff;} 
table.table_list tr { background-color: expression((this.sectionRowIndex % 2 == 0) ?   "#f5f5f5" : "#fff" );}
table.table_list tr:hover { background: #e2e2e2;}

.suggest-building-2 { }
.suggest-building { width:300px; float:left;padding-top:10px; padding-bottom:20px; height:330px; background:#;}
.suggest-building-img { margin-left:10px; margin-right:10px; width:280px; height:180px; overflow:hidden; border-radius:10px;}
.suggest-building-img img { width:100%; height:180px; border-radius:10px; }
.suggest-building-con h3 { padding-left:10px; font-size:16px; height:36px; padding-top:4px; line-height:18px;}
.suggest-building-con p { padding-left:10px; overflow:hidden; display:block; height:25px; line-height:25px; font-size:16px;}
.suggest-building-con p span { font-size:14px; color:#ababab}
.suggest-building-con em { float:left; margin-right:10px; font-size:12px; font-style:normal;  line-height:25px;   height:25px; padding-left:15px;background-repeat:no-repeat; background-size:10px 10px;background-image:url(../images/icon06.png);  background-position:4px 8px;}

.broker-box { width:1200px; clear:both;padding-top:20px;}
.bb-lef { width:700px; float:left;}
.bb-rig { width:300px; padding-top:30px; float:right;}
.bb-name { clear:both; line-height:50px;}
.bb-name B { font-size:32px; font-weight:bold;}
.bb-name span { padding-left:20px; font-size:16px; color:#ababab;}
.bb-name p { line-height:25px; font-size:16px;color:#ababab;}
.bb-name div { line-height:25px; font-size:16px;color:#ababab;}

.bb-rig span { font-size:64px; color:#ababab;}
.bb-rig em { font-style:normal; padding-left:10px; color:#ababab; font-size:32px; }

.focus-list { width:386px; margin-right:19px; float:left; background:#f2f2f2; border-radius:10px; padding-bottom:10px;  }
.focus-list h3 { text-align:left; padding-left:60px; font-size:12px; font-weight:normal; background-image:url(); background-repeat:no-repeat; background-size:30px 30px; background-position:20px 5px; margin-top:10px; height:40px; line-height:40px; }
.focus-list h3.ico01 {background-image:url(../images/ico01.png);} 
.focus-list h3.ico02 {background-image:url(../images/ico02.png);} 
.focus-list h3.ico03 {background-image:url(../images/ico03.png);} 
.focus-list h4 { padding-left:20px; font-size:20px; font-weight:bold; height:40px; line-height:40px; overflow:hidden;  }
.focus-list h4 a { color:#000;}
.focus-list p { padding-left:20px;  display:block; height:50px; line-height:25px; font-size:14px; padding-right:20px; color:#ababab;overflow:hidden;}
.focus-list .fl-tag {padding-left:20px; font-size:16px; height:30px; padding-top:0px;}
.focus-list .fl-tag em { float:left; margin-right:20px; font-size:14px; font-style:normal;  line-height:25px;   height:25px; padding-left:18px;background:url(../images/icon06.png) 0px 6px no-repeat; }

.suggest-foc { width:300px; float:left;}
.suggest-foc-img { margin-left:10px; margin-right:10px; width:280px; height:180px; overflow:hidden; border-radius:10px; position:relative;}
.suggest-foc-img img { width:100%; height:180px; border-radius:10px; }
.suggest-foc-img p { position:absolute; display:block; width:80px; height:180px; top:10px; right:0px; }
.suggest-foc-img p em { display:block; clear:both; color:#fff; font-size:14px; font-style:normal; font-weight:bold;  line-height:25px;   height:25px; overflow:hidden;}
.suggest-foc-con h3 { padding-left:10px;}
.suggest-foc-con p { padding-left:10px; overflow:hidden; display:block; height:50px; line-height:25px; font-size:16px;}

.contain {width:1200px;margin: auto auto;overflow: hidden;}
.single {width: 100%;height: 100%;position: relative; margin-top:30px;}
.pre { z-index:9;position: absolute; left:1150px; top:-30px;width: 20px;height:20px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.pre:hover {background-color: rgba(0, 0, 0, 0.8);}
.pre::before {content: "";width: 12px;height: 12px; border: solid #fff;border-width: 2px 0 0 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 70%;top: 50%; }
.next {z-index:9;position: absolute;left:1180px; top:-30px;width: 20px;height:20px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.next:hover {background-color: rgba(0, 0, 0, 0.8);}
.next::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 30%;top: 50%;  }
.single ul {list-style: none;white-space: nowrap;display: inline-block;}
.single ul li {display: inline-block; position:relative; border-radius:10px; overflow:hidden;margin-right:10px;}
.single ul li img {vertical-align: top; width:240px; height:180px; }
.single ul li p {background-color: rgba(0, 0, 0, 0.5); position:absolute; left:0px; bottom:0px; display:block; width:240px; height:30px; line-height:30px; color:#fff; font-size:14px;}

.indexsbbox { width:1200px; margin:0 auto; clear:both; height:312px; }
.indexsbbox h3 { height:70px; line-height:70px; text-align:center; display:block; clear:both; font-size:24px; color:#666;}
.indexsbbox p.orgrow { clear:both; display:block; background:#F60; height:4px; font-size:0px; width:80px; margin-left:560px; margin-right:560px; color:#f60;}
.indexsbbox p.bluerow {clear:both; display:block; background:#06C; height:4px; font-size:0px; width:80px; margin-left:560px; margin-right:560px; color:#f60;}
.indexsbbox ul li { float:left; width:280px; height:240px;}
.indexsbbox ul li p { display:block; clear:both;}
.indexsbbox ul li p.sbbimg1  { padding-top:30px; display:block; background-image:url(../images/xzfw01.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center bottom; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg2  { padding-top:30px;display:block; background-image:url(../images/xzfw02.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center bottom; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg3  { padding-top:30px;display:block;  background-image:url(../images/xzfw03.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center bottom; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg4  { padding-top:30px; display:block; background-image:url(../images/xzfw04.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center bottom; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbb { font-size:16px; font-weight:bold; height:50px; line-height:50px;  text-align:center; color:#333;}
.indexsbbox ul li p.sbbp { font-size:14px; font-weight:normal; height:50px; line-height:25px; text-align:center; color:#999;}
.indexsbbox dl dt { float:left; width:500px; height:214px;  -moz-border-radius: 5px;-webkit-border-radius: 5px; margin-top:20px;margin-left:50px; background-size:cover; background-position:center center; background-repeat: no-repeat;}
.indexsbbox dl dt img { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:500px; height:214px;}
.indexsbbox dl dd { float:right; width:600px; height:160px; padding-left:50px; padding-top:40px;}
.indexsbbox dl dd b { height:40px; line-height:40px; text-align:left; display:block; clear:both; font-size:16px; color:#666; font-weight:normal;}
.indexsbbox dl dd p {height:60px; line-height:40px; text-align:left; display:block; clear:both; font-size:14px; color:#999; font-weight:normal;}
.indexsbbox dl dd .sblbtn { margin:0 auto; display:block; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size:16px; font-weight:normal; color:#fff;background:#06C; border:0px;   height:40px; line-height:40px; width:200px;font-family:"微软雅黑"; text-align:center;}


.footer { clear:both; margin:0 auto; margin-top:20px; width:100%; background:#fff;}

.appBox {}
.abimg1,.abimg2,.abimg3,.abimg4,.abimg5 { display:none;}
.abdiv1,.abdiv2,.abdiv3,.abdiv4,.abdiv5 { display:none;}
.appBox img { width:100%;}

.modelTost {display: none;background: rgba(0, 0, 0, .5);z-index: 9999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.modelTostChile {width:900px;margin-top:100px;background-color: #fff;padding-bottom: 2.5%;position: absolute;top:250px;left: 50%;transform: translate(-50%, -50%);}
.modelTostChile p {font-size: 24px;padding: 3%; height:50px; line-height:50px;}
.modelClose {float: right;cursor: pointer;font-size:48px; height:48px; width:60px;}
.swiper-slide {text-align: center;}
.swiper-slide img {width:90%;text-align: center;}

}

@media (max-width:992px) {  /*手机*/



.tabs {/* border-radius: 8px;*/ overflow: hidden;/*  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/}
.tab { width: 100%; color: #000; overflow: hidden;}
.tab .tab-label { display: flex; justify-content: space-between; padding-top:.5rem;padding-bottom:.5rem;  font-size:0.75rem;background-color:transparent; font-weight: bold; cursor: pointer; /* Icon */padding-left:1.8rem; position:relative;}
.tlbg1 { width:1rem; height:1rem;display:block;background:url(../images/lp_10.png) no-repeat;  background-size:1rem 1rem; background-position:left center;position:absolute; left:.2rem; top:.5rem;}
.tlbg2 { width:1rem; height:1rem; display:block;background:url(../images/lp_11.png) no-repeat; background-size:1rem 1rem; background-position:left center;position:absolute; left:.2rem; top:.5rem;}
.tab .tab-label:hover {background-color:transparent; }
.tab .tab-label::after { content: "❯"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.tab .tab-content { max-height: 0; padding: 0 1em; color: #2c3e50; background-color:transparent; transition: all 0.35s;}
.tab .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75rem; background: #f2f2f2; cursor: pointer;}
.tab .tab-close:hover { background: #f2f2f2;}

.nav .tab-label { display: flex; justify-content: space-between; padding: 1em; background-color:transparent; font-weight: bold; cursor: pointer; /* Icon */}
.nav .tab-label:hover { background: #f2f2f2;}
.nav .tab-label::after { content: "❯"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.nav .tab-content { max-height: 0; padding: 0 1em; color: #2c3e50; background: white; transition: all 0.35s;}
.nav .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75rem; background: #f2f2f2; cursor: pointer;}
.nav .tab-close:hover { background: #f2f2f2;}
.nav input:checked + .tab-label { background: #f2f2f2;}
.nav input:checked + .tab-label::after { transform: rotate(90deg);}
.nav input:checked ~ .tab-content { max-height: 100vh; padding: 1em;}
.tab input:checked + .tab-label { background: #f2f2f2;}
.tab input:checked + .tab-label::after { transform: rotate(90deg);}
.tab input:checked ~ .tab-content { max-height: 300vh; padding: 1em;}
/* nav */

#background-div { height:3rem;background-color: rgb(0, 0, 0, 0.5);transition: background-color 1s; /* 平滑过渡效果 */}
#background-div.scrolled {height:3rem;background-color: rgb(255, 255, 255, 1); /* 滚动后的颜色 */	transition: background-color 1s; /* 平滑过渡效果 */ }
#background-div a.navbar-brand{ position:absolute; left:1rem; top:0rem; display:block; width:6rem; padding-left:2rem; height:3rem; line-height:3rem;background-repeat:no-repeat; background-position:left 0.75rem; background-image:url(../images/logo3.png); background-size:1.5rem 1.5rem;transition: background-color 1s; /* 平滑过渡效果 */font-size:1rem; font-family:"Yahei"; color:#fff; }
#background-div.scrolled a.navbar-brand{ position:absolute; left:1rem; top:0rem;  display:block;padding-left:2rem; width:6rem; height:3rem; line-height:3rem;background-repeat:no-repeat; background-position:left 0.75rem;  background-image:url(../images/logo1.png); background-size:1.5rem 1.5rem;font-size:1rem; font-family:"Yahei"; color:#000;}
#background-div B { display:none;}
#background-div.scrolled B { display:none; position:absolute;font-size:.75rem;height:3rem; line-height:3rem; font-family:"Yahei"; color:#000;left:2.5rem; top:0rem; width:80%; overflow:hidden;}
.navbar-toggle {position:absolute; left:10px; top:0px; width:22px; height:40px; display:block;background-color: rgb(255, 255, 255, 0); border:0; display:none;}
#background-div.scrolled .navbar-toggle  {position:absolute; left:10px; top:0px; width:22px; height:40px;display:block;background-color: rgb(255, 255, 255, 0); border:0; display:none;}
.navbar-toggle:hover { cursor:pointer;}
.sr-only {	position:absolute;	width:1px;height:1px;padding:0;	margin:-1px;overflow:hidden;clip:rect(0,0,0,0);/*rect ( number number number number ) :　　依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用auto替换，即此边不剪切*/border:0}
.icon-bar {clear:both; font-size:0px;display:block;width:22px;height:4px;border-radius:1px; border-bottom:#fff 2px solid;}
#background-div.scrolled .icon-bar {clear:both; font-size:0px;display:block;width:22px;height:4px;border-radius:1px; border-bottom:#000 2px solid;}
.nav-box { position:fixed; width:100%; height:3rem;  z-index:996; }
.nav {height:3rem; margin:0 auto;position: relative;}
.nav ul.nav-item {margin: 0;padding: 0; display:none;width:100%; height:auto; background:#fff; position:absolute; top:50px; left:0px;}
.nav ul.nav-item1 {margin: 0;padding: 0; display:block; width:100%;height:auto; background:#fff;position:absolute; top:50px; left:0px;}
/*.navbar-toggle:hover + ul.nav-item  { position:absolute; top:40px; left:0px; display:block;width:100%; background:#fff; z-index:999;} */
.nav ul.nav-item li.nuni { width:120px; list-style: none;display: inline-block; position:relative; text-align:center; cursor:pointer; }
.nav ul.nav-item li.nuni a.item {text-decoration: none;color:#000;}
#background-div.scrolled .nav ul.nav-item li a.item {text-decoration: none;color: #000;line-height: 100%;}
.nav ul.nav-item li.nuni ul {padding:0; margin:0; } 
.nav ul.nav-item li.nuni ul li {  padding:0; margin:0;width:100%; clear:both; height:1.5rem; overflow:hidden;}
.nav ul.nav-item li.nuni ul li a {  padding:0; margin:0; width:100%;display:block;line-height:1.5rem;}
.nav ul.nav-item li.nuni .arrow { margin-left:10px;border: solid black;  border-width: 0 3px 3px 0;display: inline-block; padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-color: transparent #000 #000 transparent; display:none;}
.nav ul.nav-item li.nuni:hover .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);border-color: transparent #000 #000 transparent;display:none;}
#background-div.scrolled .nav ul.nav-item li.nuni .arrow { margin-left:10px;border: solid black;  border-width: 0 3px 3px 0;display: inline-block; padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-color: transparent #000 #000 transparent;display:none;}
#background-div.scrolled .nav ul.nav-item li.nuni:hover .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);border-color: transparent #000 #000 transparent;display:none;}
.nav ul.nav-item1 li.nuni { overflow:hidden;}
.nav ul.nav-item1 li.nuni a.item {text-decoration: none;color:#000;}
#background-div.scrolled .nav ul.nav-item li a.item {text-decoration: none;color: #000;line-height: 100%;}
.nav ul.nav-item1 li.nuni ul {padding:0; margin:0;} 
.nav ul.nav-item1 li.nuni ul li { padding:0; margin:0; width:100%; clear:both;}
.nav ul.nav-item1 li.nuni ul li a { padding:0; margin:0;  width:100%;display:block;line-height:1.5rem; overflow:hidden;}
.nav ul.nav-item1 li.nuni .arrow { margin-left:10px;border: solid black;  border-width: 0 3px 3px 0;display: inline-block; padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-color: transparent #000 #000 transparent;display:none;}
.nav ul.nav-item1 li.nuni:hover .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);border-color: transparent #000 #000 transparent;display:none;}
#background-div.scrolled .nav ul.nav-item1 li.nuni .arrow { margin-left:10px;border: solid black;  border-width: 0 3px 3px 0;display: inline-block; padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-color: transparent #000 #000 transparent;display:none;}
#background-div.scrolled .nav ul.nav-item1 li.nuni:hover .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;transform: rotate(-135deg); -webkit-transform: rotate(-135deg);border-color: transparent #000 #000 transparent;display:none;}
.tel-box { position:absolute; top:0rem;  right:3rem; width:12rem; text-align:right; font-size:0.75rem; height:3rem; line-height:3rem;    color:#fff;}
.tel-box a { color:#fff;}
#background-div.scrolled .tel-box { position:absolute; top:0rem;  right:3rem; width:12rem; text-align:right;  font-size:0.75rem;height:3rem; line-height:3rem;  color:#000; display:none;}
#background-div.scrolled .tel-box a { color:#000;}
#background-div .tel {cursor:pointer;  font-size:0px; width:1.5rem; height:1rem;position:absolute; right:1rem; top:1rem; color:#fff; font-weight:bold; background-image: url('../images/tel4.png'); background-repeat:no-repeat; background-position:left center;  background-size:1.5rem 1rem; }
#background-div .tel a {width:1.5rem; height:1rem;display:block;}
#background-div.scrolled .tel {cursor:pointer;  font-size:0px; width:1.5rem; height:1rem;position:absolute; right:1rem; top:1rem; color:#000; font-weight:bold; background-image: url('../images/tel3.png'); background-repeat:no-repeat; background-position:left center;  background-size:1.5rem 1rem;  }
#background-div .teldispb { display:block;position:absolute; right:20px; top:3rem;  font-size:0.75rem; background-color: rgba(255, 255, 255, 0.5); border-radius:10px; width:auto; padding:0.3rem; color:#000;}
#background-div .teldispn { display:none;}
#background-div .navbar-nav a { color:#fff;}

.bg { width:100%; height:100vh;  background-repeat:no-repeat; background-position:center center; /* background-size:cover;*/ overflow:hidden;} 
.focusdisc { font-size:0.75rem; line-height:1rem; padding-top:6rem; padding-left:5%; padding-right:5%; color:#fff; overflow:hidden;}
.focusdisc h2 {font-size:1.5rem;line-height:2rem; text-align:center;}
.focusdisc p {font-size:1.2rem;line-height:1.5rem; padding-top:1rem;}


.building-box { margin:0 auto; width:100%;  clear:both; overflow:hidden; padding-top:2%; padding-bottom:2%;}
.building-box-top { margin:0 auto; width:100%; padding-bottom:10px; clear:both; overflow:hidden;}
.building-box-w {}
.building-tit { clear:both; height:3rem; line-height:3rem; font-size:1rem; color:#000; font-weight:bold; padding-left:2%;}

.building-link { margin:0 auto; width:96%;}
.building-link .bl-li {border-radius:10px;  float:left; width:46%; margin-left:2%; margin-right:2%;  height:60px;margin-top:2%; box-shadow: 0 0 5px rgba(0,0,0,0.03), /* 下方 */     0 -5px 5px rgba(0,0,0,0.03), /* 上方 */     5px 0 5px rgba(0,0,0,0.03), /* 右方 */     -5px 0 5px rgba(0,0,0,0.03); /* 左方 */ position:relative;}
.building-link .bl-li .bl-li-l  { width:40px; height:40px; border-radius:5px; overflow:hidden; position:absolute; left:10px; top:10px; }
.building-link .bl-li .bl-li-l img { width:100%; height:100%;}
.building-link .bl-li .bl-li-l a { display:block; cursor:pointer;width:40px; height:40px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.building-link .bl-li .bl-li-r {  height:40px;line-height:40px; font-size:0.75rem; text-align:left;overflow:hidden;position:absolute; left:60px; top:10px;}
.building-link .bl-li .bl-li-r a { color:#000; font-size:0.75rem;font-weight:bold;}

.building-maps { margin:0 auto;width:96%; height:40vh;}
.mapsbg { background:#F60; border-radius:.2rem; color:#fff; font-size:.5rem; padding-left:.5rem; padding-right:.5rem; padding-top:.2rem; padding-bottom:.2rem; position:relative; cursor:pointer;}
.mapsbg em { position:absolute; left:30%; top:1rem;  width: 0; height: 0; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .4rem solid #F60; cursor:pointer;}
.mapsbg:hover { background:#69F;border-radius:.2rem; color:#fff; font-size:.5rem; padding-left:.5rem; padding-right:.5rem; padding-top:.2rem; padding-bottom:.2rem; position:relative;}
.mapsbg:hover em { position:absolute; left:30%; top:1rem;  width: 0; height: 0; border-left: .5rem solid transparent; border-right:.5rem solid transparent; border-top:.4rem solid #69f;}
.building-list {width:96%; padding-left:2%; padding-right:2%;}
.building-list-box { clear:both; padding-top:2%;}
.building-list-box:nth-child(odd) {  background-color: #f2f2f2; /* 奇数行背景色 */}
.building-list-box:nth-child(even) {  background-color: #ffffff; /* 偶数行背景色 */}
.building-list-box .img-box { margin:0 auto;width:96%; height:12rem; overflow:hidden; border-radius:.5rem; background-size:cover;  background-position:center center; background-repeat:no-repeat;}
.building-list-box .img-box img { width:100%; border-radius:4%;}
.building-list-box .bl-con {  width:100%; padding-top:2%; padding-bottom:2%; }
.building-list-box .bl-con .bl-fir { position:relative; clear:both; height:2rem; width:96%; margin-left:2%; margin-right:2%; margin-top:0.5rem;}
.building-list-box .bl-con .bl-fir span { position:absolute; left:0px; top:0px;display:block; width:1.2rem; height:1.2rem;line-height:1.2rem; font-size:0.75rem; font-weight:bold; text-align:center;  color:#fff;border-radius:.2rem; background:#66F;}
.building-list-box .bl-con  .bl-fir .bl-tit   { display:block; margin-left:1.5rem; width:100% float:left; font-size:1rem; font-weight:normal;height:2rem; line-height:1rem; font-weight:bold;}
.building-list-box .bl-con  .bl-fir .bl-tit a { color:#000;}
.building-list-box .bl-con  .bl-fir .bl-tit font { font-size:0.75rem; margin-left:0.5rem; font-weight:normal;}
.building-list-box .bl-con  .bl-row { padding-left:2%; line-height:1.5rem;  font-size:1rem;}
.building-list-box .bl-con  .bl-row3 {padding-left:2%; line-height:1.5rem;  font-size:1rem; padding-bottom:1%;}
.building-list-box .bl-con  .bl-sec-tit { clear:both; border-top:#ccc 1px solid; margin-top:10px; height:50px; line-height:40px;  font-size:22px; font-weight:bold;} 
.building-list-box .bl-con  .bl-sec-img { clear:both;}
.building-list-box .bl-con  .bl-sec-img img { width:100%;}

.table_list_box { padding:10px;}
table.table_list {  background:#e2e2e2; clear:both;  margin:0 auto;   }
table.table_list th { background:#f1f1f1; padding:5px; line-height:28px;}
table.table_list tr td { padding:2px; padding-left:10px;  line-height:28px; }
table.table_list tr td a { color:#333;}
table.table_list tr { background: #f2f2f2;} 
table.table_list tr:nth-child(2n){ background: #fff;} 
table.table_list tr { background-color: expression((this.sectionRowIndex % 2 == 0) ?   "#f5f5f5" : "#fff" );}
table.table_list tr:hover { background: #e2e2e2;}

.suggest-building-2 {column-count:2; width:96%; height:100%;margin-left:2%; margin-right:2%; padding-top:2%; padding-bottom:2%; column-gap:2%;}
.suggest-building { margin:0 auto; width:100%;  clear:both; break-inside:avoid;}
.suggest-building-img {  width:100%;  border-radius:.4rem;}
.suggest-building-img img {width:100%;  border-radius:.4rem;}
.suggest-building-con { margin-bottom:10%;}
.suggest-building-con h3 { padding-left:2%; padding-right:2%;font-size:1rem; line-height:1.5rem; font-weight:bold;}
.suggest-building-con p { padding-left:2%; display:block; line-height:1rem; font-size:0.75rem;padding-top:.2rem;}
.suggest-building-con p span { font-size:0.75rem; color:#ababab}
.suggest-building-con em { display:block; clear:both;  font-style:normal; margin-top:.2rem;  line-height:1rem; font-size:.75rem; padding-left:1rem;background:url(../images/icon06.png) .3rem .3rem no-repeat;  background-size:.5rem .5rem;}

.broker-box { margin:0 auto; width:96%;  clear:both;padding-top:5%; border-bottom:2%; }
.bb-lef { width:70%; float:left;}
.bb-rig { width:28%; text-align:center;  float:right;}
.bb-name { clear:both; line-height:1rem;}
.bb-name B { font-size:1rem; font-weight:bold;}
.bb-name span { padding-left:5%; font-size:0.75rem; color:#ababab;}
.bb-name p { line-height:1rem; font-size:0.75rem; padding-top:5%; padding-left:2%;color:#ababab;}
.bb-name div { line-height:1rem; font-size:0.75rem; padding-top:5%; padding-left:2%;color:#ababab;}

.bb-rig span {clear:both; display:block; font-size:4rem; margin:0 auto;  color:#ababab; }
.bb-rig em { clear:both; display:block; font-style:normal;  font-size:0.75rem; margin:0 auto;color:#ababab;}

.focus-list { width:96%; margin-right:2%; margin-left:2%; padding-top:2%;  background:#f2f2f2; border-radius:2%; margin-bottom:1rem; margin-top:1rem;  }
.focus-list h3 { text-align:left; padding-left:2.2rem; font-size:.5rem; background-image:url(); background-repeat:no-repeat; background-size:1rem 1rem; background-position:1rem 0.3rem;  height:1.5rem; line-height:1.5rem;  font-weight:normal;}
.focus-list h3.ico01 {background-image:url(../images/ico01.png);} 
.focus-list h3.ico02 {background-image:url(../images/ico02.png);} 
.focus-list h3.ico03 {background-image:url(../images/ico03.png);} 
.focus-list h4 { padding-left:5%; font-size:1rem; height:1rem; line-height:1rem; font-weight:normal; padding-top:.2rem; }
.focus-list h4 a { color:#333;}
.focus-list p { padding-left:1rem; padding-right:1rem; margin-top:.5rem;  display:block; height:2rem; line-height:1rem; font-size:0.75rem; color:#ababab;overflow:hidden; }
.focus-list .fl-tag {padding-left:5%; height:1rem; padding-top:.2rem; padding-bottom:.5rem;}
.focus-list .fl-tag em { float:left; margin-right:5%;  font-size:0.5rem;  font-style:normal; line-height:1rem;  height:1rem; padding-left:.7rem;background:url(../images/icon06.png) no-repeat;background-size:.5rem .5rem;background-position:left .3rem; }

.suggest-foc { width:96%; margin-left:2%; margin-right:2%; }
.suggest-foc-img {  width:100%;border-radius:10px; overflow:hidden;position:relative;}
.suggest-foc-img img { width:100%;  border-radius:10px;  }
.suggest-foc-img p { position:absolute; display:block; width:20%; height:180px; top:10px; right:0px; }
.suggest-foc-img p em { display:block; clear:both; color:#fff; font-size:0.75rem; font-style:normal; font-weight:bold;  line-height:1rem;   height:2rem; overflow:hidden;}
.suggest-foc-con h3 { padding-left:2%;font-size:1rem; font-weight:bold;}
.suggest-foc-con p { padding-left:2%; overflow:hidden; display:block; line-height:1rem; font-size:0.75rem;}


.contain {width:auto;margin: auto auto;overflow: hidden;}
.single {width: 100%;height: 100%;position: relative; margin-top:30px;}
.pre { z-index:9;position: absolute; right:50px; top:-30px;width: 20px;height:20px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;border-radius:2px;}
.pre:hover {background-color: rgba(0, 0, 0, 0.8);}
.pre::before {content: "";width: 12px;height: 12px; border: solid #fff;border-width: 2px 0 0 2px;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 70%;top: 50%; }
.next {z-index:9;position: absolute;right:10px; top:-30px;width: 20px;height:20px;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;border-radius:2px;}
.next:hover {background-color: rgba(0, 0, 0, 0.8);}
.next::before {content: "";width: 12px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;left: 30%;top: 50%;  }
.single ul {list-style: none;white-space: nowrap;display: inline-block;}
.single ul li {display: inline-block; position:relative; border-radius:10px; overflow:hidden;margin-right:1%;margin-left:1%;}
.single ul li img {vertical-align: top; width:auto; height:100px; }
.single ul li p {background-color: rgba(0, 0, 0, 0.5); position:absolute; left:0px; bottom:0px; display:block;width:100%; height:1.5rem; line-height:1.5rem; color:#fff; font-size:0.75rem;}

.indexsbbox { width:96%; margin-left:2%; margin-right:2%; clear:both;  }
.indexsbbox h3 {  line-height:3rem; text-align:center; display:block; clear:both; font-size:1rem; color:#666;}
.indexsbbox p.orgrow { clear:both; display:block; background:#F60; height:4px; font-size:0px; width:80px; margin:0 auto;width:20%; color:#f60;}
.indexsbbox p.bluerow {clear:both; display:block; background:#06C; height:4px; font-size:0px; width:80px; margin:0 auto; width:20%; color:#f60;}
.indexsbbox ul li {  width:100%; padding-bottom:2rem;}
.indexsbbox ul li p {display:block; }
.indexsbbox ul li p.sbbimg1  { padding-top:30px; display:block; background-image:url(../images/xzfw01.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center 10px; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg2  { padding-top:30px;display:block; background-image:url(../images/xzfw02.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center 10px; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg3  { padding-top:30px;display:block;  background-image:url(../images/xzfw03.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center 10px; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbimg4  { padding-top:30px; display:block; background-image:url(../images/xzfw04.png); margin:0 auto; width:50px;height:58px;  background-size:50px 58px; background-position:center 10px; background-repeat: no-repeat;}
.indexsbbox ul li p.sbbb { font-size:1rem; font-weight:bold;  line-height:1rem;  text-align:center; color:#333;}
.indexsbbox ul li p.sbbp { font-size:0.75rem; font-weight:normal;  line-height:1rem; text-align:center; color:#999;}
.indexsbbox dl dt {width:100%; height:10rem;  -moz-border-radius: 5px;-webkit-border-radius: 5px; margin-top:5%; background-size:100%; background-position:center center; background-repeat: no-repeat;}
.indexsbbox dl dt img { -moz-border-radius: 5%;-webkit-border-radius: 5%;border-radius:10px; width:100%;}
.indexsbbox dl dd { width:100%;padding-top:5%;}
.indexsbbox dl dd b {line-height:1rem; text-align:left; display:block; clear:both; font-size:1rem; color:#666; font-weight:normal; padding-top:5%;}
.indexsbbox dl dd p {line-height:1rem; text-align:left; display:block; clear:both; font-size:0.75rem; color:#999; font-weight:normal;padding-top:5%;}
.indexsbbox dl dd .sblbtn { margin:0 auto; margin-top:10px; display:block; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-size:14px; font-weight:normal; color:#fff;background:#06C; border:0px;   height:40px; line-height:40px; width:200px;font-family:"微软雅黑"; text-align:center;}


.footer { clear:both; margin:0 auto;padding-top:5%; width:100%;  background:#fff;}

.appBox {}
.abimg1,.abimg2,.abimg3,.abimg4,.abimg5,.abimg6,.abimg7,.abimg8,.abimg9,.abimg10,.abimg11,.abimg12,.abimg13,.abimg14,.abimg15,.abimg16,.abimg17,.abimg18,.abimg19 { display:none;}
.abdiv1,.abdiv2,.abdiv3,.abdiv4,.abdiv5 { display:none;}

.modelTost {display: none;background: rgba(0, 0, 0, .5);z-index: 9999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.modelTostChile {width:95%;margin-top:5%;background-color: #fff;padding-bottom: 2.5%;position: absolute;top: 40%;left:50%;transform: translate(-50%, -50%);}
.modelTostChile p {font-size:0.75rem; padding-left:1rem; padding-right:1rem; height:2rem; line-height:2rem; }
.modelClose {cursor: pointer;position: absolute;top:0px;right:1rem; font-size:2rem; width:3rem; height:1rem; display:block; text-align:right;}
.swiper-slide {text-align: center;}
.swiper-slide img { margin:0 auto;  width:95%;text-align: center;}

	} 
