@charset "utf-8";
/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:    807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+---------------------------------------------*/



/*banner*/
.flex{display: flex;}
body{background: #fff;}
.banner01{margin-bottom: 100px;}
.banner01 img{width: 100%;display: block;}
.yhlist ul li{width: 265px;text-align: center;border: 1px solid #e3e3e3;padding: 20px 0;margin-right: 40px;position: relative;
border-radius: 8px;}
.yhlist ul li h3{font-size: 36px;color: #d8af7b;}
.yhlist ul li p{font-size: 26px;color: #444;line-height: 50px;}
.yhlist ul li em{position: absolute;left: 20px;top: -25px;}
.yhlist ul li em img{width:50px;height:50px;}

/*楼盘推荐*/
.bsbox{margin: 90px 0 0 0;border-top: 2px solid #f0eeee;
    padding: 40px 0 0 0;}
.bsbox .comWidth{position: relative;}
.title{text-align: center;font-size: 36px;letter-spacing: 1px;margin-bottom:50px;}
.title b{font-weight: normal;}
.jiage b{
      background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(222, 40, 40)), to(rgb(246, 18, 39)));
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;font-size:42px;font-weight: bold; 
}
.jiage em{font-size:16px;color: #999;}
.lpname{font-size:40px; color: #d8af7b;line-height:100px;}
.lphx,.lpdz,.jiage{color: #999;font-size: 24px;line-height: 46px;padding-top: 10px;}
.lphx em{font-size: 14px;}
.lpdz{width: 483px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.lphx b,.lpdz b{color: #444;font-size: 28px;font-weight: normal;}
.biaoq{padding: 30px 0;}
.line{width: 500px;height: 1px ;background: #eee;margin: 20px 0;}
.biaoq i{color: #67a9ff;font-size: 24px;padding: 8px 24px;border: 1px solid #d1e5ff;margin-right: 15px;background: #f9fcff;border-radius: 8px;}
.rmlp .img img{width: 1130px;height: 465px;display: block;}
.rmbg{width:180px;height:700px;background:  #d8af7b;position: absolute;right: 0;bottom: 0;z-index: -1;}
.dj_hq{margin-right: 220px;display: block;margin-top: -50px;}
.rmlp .img{width: 1130px;height: 465px;overflow: hidden;display: block;margin-top: 30px;}

/*排行*/
.phlp{height: 976px;background: #fff;margin-top:80px;overflow:hidden;border-bottom: 2px solid #f0eeee;}
.phlp .comWidth{position: relative;}
.leftclick{width: 255px;height: 570px;background-color: #f0eeee;margin-right: 30px;}
.cicon{height: 170px;text-align: center;border-bottom: 1px solid #e3e3e3;cursor: pointer;color: #444;}
.cicon i{line-height: 170px;padding: 0 20px;font-size: 30px;font-weight: bold;}
.cicon span{padding:50px 30px;font-size: 32px;line-height: 30px;}
.cicon span em{font-size: 20px;}
.cicon.on{background: url(../images/bg02.png) no-repeat 0 0;background:#fff;}
.cicon.on i,.cicon.on span,.cicon.on em{color: #444;}
.rightlp{width: 915px;position: relative;height: 570px;padding-top:45px;display: none;}
.phbg{width: 80%;background-color: #f0eeee;position: absolute;left: -80%;top: 0;height: 1050px;z-index: 1;}
.phlp .imgp{width: 1200px;height: 480px;overflow: hidden;display: block;margin-top: 30px;position: absolute;left: -285px;bottom: -419px;}
.phlp .img img{width: 1200px;height: 480px;display: block;}
.rightlp .dj_hq{margin-right:0;}

/*切换*/
.qhbox{height: 840px;background: #f0eeee;margin-top:70px;}
.swiper-container1 .swiper-button-next {background: #333;left: 0;top: 170px;width: 50px;height: 50px;background: url(../images/icon/r_h.png) no-repeat 0 0;}
.swiper-container1 .swiper-button-prev{background: #ccc;left: 0;top: 100px;width: 50px;height: 50px;background: url(../images/icon/l_h.png) no-repeat 0 0;}
.lpxx{width: 1200px;position: relative;background: #f0eeee;height:840px;padding-left: 150px;padding-top:20px;}
.left{width: 130px;height:330px;}
.lpxx .img{width: 1200px;height:500px;overflow: hidden;display: block;margin-top: 30px;position: absolute;left:0;bottom: 0px;}
.lpxx .img img{width: 1200px;height:500px;display: block;}
.lpxx .fr{padding-top: 50px;text-align: center;margin-right:100px;}
.lpxx .fr{font-size: 18px;}
.lpxx .dj_hq{margin: 0 auto;}
.swiper-container1 .swiper-button-next:after,.swiper-container1 .swiper-button-prev:after{display: none;}
.swiper-container1 .swiper-button-next.swiper-button-disabled{background: url(../images/icon/r.png) no-repeat 0 0;}
.swiper-container1 .swiper-button-prev.swiper-button-disabled{background: url(../images/icon/l.png) no-repeat 0 0;}
/*轮播*/

.banner{width: 1200px;margin:80px auto; }
.rslides{position:relative;list-style:none; overflow:hidden; width: 1200px;}
.rslides li{  -webkit-backface-visibility:hidden; position:absolute;  display:none; width:1200px; left:0; top:0;}
.rslides li:first-child{  position:relative;  display:block;  float:left;}
.rslides img{ display:block;  height:auto;  float:left; width:100%; border:0;}
.callbacks_tabs.callbacks1_tabs{ position:relative;z-index:100;margin:0 auto;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:25px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border:#bbb 1px solid ;border-radius:25px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#d98d50;border:#d98d50 1px solid ;}

.callbacks_tabs.callbacks2_tabs{ position:relative;z-index:100;margin:0 auto;}
.callbacks_tabs.callbacks2_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:25px;position:relative;}
.callbacks_tabs.callbacks2_tabs li a{display:inline-block;width:10px;height:10px;border:#bbb 1px solid ;border-radius:25px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks2_tabs li.callbacks_here a{background:#d98d50;border:#d98d50 1px solid ;}
.callbacks_container{  position:relative;  width:100%; max-width:100%; text-align:center;}
.callbacks{ position:relative;  list-style:none;  overflow:hidden;  width:100%; padding:0;  margin:0;}
.callbacks li{  position:absolute;  width:100%; left:0; top:0;}
.callbacks img{ display:block;  position:relative;  z-index:1;    width:100%; border:0;max-height:600px;}
.callbacks .caption{  display:block;  position:absolute;  z-index:2;  font-size:20px; text-shadow:none; color:#fff;background:#000; background:rgba(0,0,0, .8); left:0; right:0;  bottom:0; padding:10px 20px;  margin:0; max-width:none;}
.callbacks_nav{ position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0);  top:50%;left:250px; z-index:3;  text-indent:-9999px;  overflow:hidden;text-decoration:none; height:96px;  width:56px; border-radius:3px;background:transparent url("../images/arow.png") no-repeat left top;  margin-top:-30px; display:none;}

.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{  left:auto;  background-position:right top;  right:250px;}
.banner .lp_img{width: 420px;height: 420px;overflow: hidden;display: block;}
.banner .lp_img img{width: 420px;height: 420px;border-radius: 100%;}
.pic{position: relative;width: 470px;height: 470px;}
.pic .dj_hq{position: absolute;left: 74px;bottom: 30px;width: 272px;height: 116px;}
.txt {width: 700px;height:460px;text-align: left;}


a.ggtc{width: 1200px;display: block;margin:50px auto;height: 140px;}
 /*报名弹框样式*/
.tc_zhezhao{    position: fixed;    left: 0;    top: 0;   height: 100%;  width: 100%;background-color: rgba(0, 0, 0, 0.5);   opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.tc_visible {
    opacity: 1;visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.tc_container {  position: relative;   margin:170px auto; width: 450px;height: 480px; border: 8px;   background: #FFF;   border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.tc_close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.tc_close img{width: 30px; height: 30px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.tc_close img:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.tc_visible .tc_container {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);  }
.tc_title{text-align: center;padding: 30px 0 10px 0 ;}

.tc_title h3{width: 100%;color:#383838;font-size:28px; font-weight: normal;line-height: 50px;}
.tc_x{font-size: 16px; margin-top:0px;padding: 0 18px;text-align: center;color:#666;}
.tc_center{width: 380px;margin: 0 auto; margin-top:25px;}
.gz_form{width: 280px; margin: 0 auto;}
.gz_form input{display: block;height: 42px;  border: 1px solid #ccc;width: 280px;padding-left: 12px;border-radius:8px;font-size: 16px;color: #383838;margin-bottom: 20px;}
.gz_form .btn{ display: inline-block; font-size: 20px;color: #fff;background: #383838;width: 280px;height: 42px;line-height: 42px; border: none;border-radius: 5px;}
.gz_lp{float: right;width: 200px;}
.gz_lp span{font-size: 18px; color: #ff4a00;    width: 160px;   overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;   display: inline-block;   vertical-align: bottom;}

.gz_lp .tc_lptu{margin-top: 10px; width: 198px; height: 128px; background: #fff;border: 1px solid #e0dfdf;}
.gz_lp .tc_lptu img{width:200px; height: 128px;margin: 0 auto;}
.zhushi{padding-top: 16px;}
.zhushi p{display: block;width:140px;text-align:left;color:#555;line-height: 17px;font-size: 13px;padding-left: 5px;}
.zhushi p,.zhushi i{float: left;}
.zhushi i img{width:18px;height: 18px;margin-right: 3px;}

.botlp{background: #f0eeee;padding: 100px 0;min-width: 1200px;}
.swiper-container2 .swiper-slide {
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      /*-webkit-justify-content: center;
      justify-content: center;*/
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: 300ms;
      transform: scale(0.8);
    }
.swiper-container2 .swiper-slide-active,.swiper-container2 .swiper-slide-duplicate-active{
      transform: scale(1);
    }
.botlp .swiper-pagination{margin: 0 auto;}
.botlp .swiper-pagination-bullet{margin-right:3px;width: 10px;height: 10px;border: #bbb 1px solid;background: none;opacity: 1;}
.botlp .swiper-pagination{left: 50%;bottom: 40px;}
.botlp .swiper-pagination-bullet-active{    background: #d98d50;  border: #d98d50 1px solid;}
  .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-container-rtl .swiper-button-prev{right: 19.9%;background: url(../images/icon/right.png) no-repeat center center;width: 80px;height: 30px;}
.swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-container-rtl .swiper-button-next{left: 19.9%;background: url(../images/icon/left.png) no-repeat center center;width: 80px;height: 30px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}    
.botlp{position: relative;}
 .swiper-container2 .leftimg{width:60%;height: 380px;}
 .swiper-container2 .leftimg img{width:100%;height: 380px;}
.swiper-container2 .righttxt{width:40%;height: 380px;padding: 20px 0 0 20px;}

.botlp .biaoq i{padding: 5px 14px;font-size: 16px;    margin-right: 10px;}
.botlp .lpname{font-size: 30px;line-height: 60px;    display: block; padding-top:0;}
.botlp .lphx b, .botlp .lpdz b{font-size: 20px;}
.botlp .lpdz{width: 340px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botlp .lphx, .botlp .lpdz, .botlp .jiage{padding: 0;font-size: 20px;line-height: 40px;}
.botlp .biaoq{padding:10px 0;}
.botlp .jiage b{font-size: 32px;}
.botlp .jiage em{display: block;font-size: 14px;line-height: 16px;}
.botlp .dj_hq{margin-right:0;margin-top: 10px;text-align: center;}
.botlp .dj_hq img{width: 200px;}

@media screen and (max-width:1930px) {
    .botlp .lphx, .botlp .lpdz, .botlp .jiage{font-size:16px;line-height:40px;}
.swiper-container2 .righttxt{padding:15px;}
    .botlp .lpname{font-size: 22px;line-height: 56px;}
    .botlp .jiage b{font-size:20px;}
    .botlp .lphx b, .botlp .lpdz b{font-size:18px;}
   .botlp .jiage em{font-size: 14px;padding-top: 10px;}
    }

@media screen and (max-width:1600px) {
 .swiper-container2 .leftimg{width:60%;height: 310px;}
 .swiper-container2 .leftimg img{width:100%;height: 310px;}
.swiper-container2 .righttxt{width:40%;height: 310px;padding: 20px;}
    .swiper-container2 .righttxt{padding:10px;}
    .botlp .lpname{font-size: 20px;line-height: 50px;}
    .botlp .lphx, .botlp .lpdz, .botlp .jiage{font-size:14px;line-height:30px;}
    .botlp .lphx b, .botlp .lpdz b{font-size: 16px;}
    .botlp .biaoq i{padding: 4px 5px;font-size: 14px;    margin-right: 5px;}
    .botlp .jiage b{font-size: 20px;}
   .botlp .jiage em{font-size: 12px;padding-top: 10px;}
   .botlp .dj_hq img{width: 140px;}
     .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-container-rtl .swiper-button-prev{right: 19.9%;background: url(../images/icon/right.png) no-repeat center center;width: 80px;height: 30px;transform: scale(0.7);}
.swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-container-rtl .swiper-button-next{left: 19.9%;background: url(../images/icon/left.png) no-repeat center center;width: 80px;height: 30px;transform: scale(0.7);}
}