@charset "utf-8";
/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:    807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+---------------------------------------------*/



/*banner*/

body{background: #fff;}
.banner01{margin-bottom: 100px;}
.toplp li{float: left;}

.banner01 img{width: 100%;display: block;}
.toplp li a{display: block;width: 380px;background: #fffafa;border-bottom: 5px solid #daa853;position: relative;}
.toplp li a img{width: 100%;display: block;height: 215px;}
.toplp li .txt{padding: 15px;}
.txt p.city{text-align: center;color:#303030;font-size: 18px;line-height: 36px;}
.txt h3{color: #daa853;font-size: 26px;text-align: center;line-height: 50px;letter-spacing: 1px;}
.jiage div{width: 50%;text-align: center;margin-top: 10px;padding:20px 0;border-top:1px solid #e3e3e3;}
.jiage div.fr{border-left: 1px solid #e3e3e3;}
.jiage div h4{color: #daa853;font-size: 22px;line-height: 40px;}
.jiage p{color: #303030;font-size: 16px;}
.topicon{position: absolute;top:10px;left:0;width: 70px;height: 26px;background: #ee0128;color:#fff;border-radius: 0 25px 25px 0;display: block;line-height: 26px;text-align: center;font-weight: bold;font-size: 16px;}
.toplp li.top3 h3,.toplp li.top3 h4{color: #c58093;}
.toplp li.top3 a{border-bottom: 5px solid #c58093;}
.toplp li.top1{margin-top: -50px;position: relative;padding-bottom:40px;}
.toplp li.top1 a img{height: 355px;}
.toplp li.top1 a{width:440px;display: block;padding-bottom:30px;border:none;background: none;}
.toplp li.top1 h3,.toplp li.top1 h4{color: #5baec5;}
.toplp li.top1 .txt{background: #fff;}
.toplp .bgline img{width: 100%;height: auto;}
.toplp .bgline {position: absolute;bottom: 0;left:0;}

.title{text-align: center;padding: 50px 0;margin-top: 50px;}
.title h3{font-size: 30px;line-height: 60px;}
.title p{text-transform: uppercase;color:#a6a5a5;background: url(../images/icon/tit_bg.png) no-repeat center center;font-size: 18px;}
.clickcity{padding-bottom: 50px;}
.clickcity span{display: block;float:left;width: 20%;height: 200px;padding-top:60px;background: url(../images/icon/click_bg.png) no-repeat center center;text-align: center;cursor: pointer;}
.clickcity p{font-size: 22px;}
.clickcity b{font-size: 34px;line-height: 44px;letter-spacing: 2px;}
.clickcity span.on{background: url(../images/icon/click_bgh.png) no-repeat center center;color:#fff;}

/*热门别墅*/
.rmbox{padding-bottom: 200px;background: url(../images/icon/rm_bg.jpg) no-repeat bottom center;background-size: 100%;}
.rm01{padding-top: 50px;}
.rm01 a.fl{width: 750px;height: 460px;overflow: hidden;}
.rm01 a.fl img{width: 750px;height: 460px;border-radius:5px;}
.rm01 a.fr img{width: 430px;height: 230px;margin-bottom: 15px;border-radius: 5px;display: block;}
.rmtxt{background:url(../images/icon/rm_bg01.png) no-repeat bottom center;height: 215px;padding-top:40px;position: relative; }
.rmtxt h3{font-size:30px;text-align: center;line-height: 62px;}
.rmtxt p{font-size: 18px;text-align: center;color:#666;line-height: 50px;}
.rmtxt p b{font-size: 26px;color:#db0202;}
.rmtxt em{border:1px solid #414c6e;padding:1px 10px;border-radius: 25px;color:#414c6e;position: absolute;right: 15px;bottom: 15px;}
.rm02{margin: 15px 0;padding: 15px 0 15px 15px;background:url(../images/icon/rm_bg02.jpg) no-repeat bottom left #fff;border-radius: 3px;overflow: hidden;}
.rm02 a.fr {width:750px;height: 370px;overflow: hidden;}
.rm02 a.fr img{width:750px;height: 370px;}
.rmtxt02{width: 400px;height: 350px;padding-top: 100px;position: relative;}
.rmtxt02 h3{font-size:30px;text-align: center;line-height: 62px;}
.rmtxt02 p{font-size: 18px;text-align: center;color:#666;line-height: 50px;}
.rmtxt02 p b{font-size: 26px;color:#db0202;}
.rmtxt02 em{border:1px solid #414c6e;padding:1px 10px;border-radius: 25px;color:#414c6e;position: absolute;left: 5px;top: 5px;}
.rm01 a.fl:hover img,.rm02 a.fr:hover img{transform:scale(1.1,1.1);transition:all 1s;}

.banner{width: 1100px;margin: 50px auto; }
.rslides{position:relative;list-style:none; overflow:hidden; width: 1100px;}
.rslides li{  -webkit-backface-visibility:hidden; position:absolute;  display:none; width:1100px; left:0; top:0;padding-bottom: 150px;}
.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:-140px 220px 0 0;float: right;}
.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:#414c6e 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:#414c6e;}
.callbacks_tabs.callbacks2_tabs{ position:relative;z-index:100;margin:-140px 220px 0 0;float: right;}
.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:#414c6e 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:#414c6e;}
.callbacks_tabs.callbacks3_tabs{ position:relative;z-index:100;margin:-140px 220px 0 0;float: right;}
.callbacks_tabs.callbacks3_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:25px;position:relative;}
.callbacks_tabs.callbacks3_tabs li a{display:inline-block;width:10px;height:10px;border:#414c6e 1px solid ;border-radius:25px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks3_tabs li.callbacks_here a{background:#414c6e;}
.callbacks_tabs.callbacks4_tabs{ position:relative;z-index:100;margin:-140px 220px 0 0;float: right;}
.callbacks_tabs.callbacks4_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:25px;position:relative;}
.callbacks_tabs.callbacks4_tabs li a{display:inline-block;width:10px;height:10px;border:#414c6e 1px solid ;border-radius:25px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks4_tabs li.callbacks_here a{background:#414c6e;}
.callbacks_tabs.callbacks5_tabs{ position:relative;z-index:100;margin:-140px 220px 0 0;float: right;}
.callbacks_tabs.callbacks5_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:25px;position:relative;}
.callbacks_tabs.callbacks5_tabs li a{display:inline-block;width:10px;height:10px;border:#414c6e 1px solid ;border-radius:25px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks5_tabs li.callbacks_here a{background:#414c6e;}



.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 .img{width: 600px;height: 600px;overflow: hidden;display: block;}
.banner .img img{width: 600px;height: 600px;border-radius: 100%;}
.lptit {width: 600px;height: 600px;padding-top:200px;border:1px solid #e3e3e3;position: absolute;right: 0px;top:100px;background: #fff;z-index: 99;border-radius: 100%;}
.lptit h3{font-size:36px;text-align: center;line-height: 62px;}
.lptit p{font-size: 22px;text-align: center;color:#666;line-height: 60px;}
.lptit p b{color:#383838;padding-left: 10px;}
.lptit span i{font-size: 26px;color:#db0202;padding-left: 10px;}
.lptit span{font-size: 22px;text-align: center;color:#666;line-height: 60px;}
.banner p.city{color: #414c6e;position: absolute;right: 120px;top: 200px;z-index: 99;font-size: 22px;background:url(../images/icon/rm_bg03.jpg) no-repeat top left;padding-top: 5px;letter-spacing: 2px;}

/*特色*/
.title01{padding-bottom:50px;margin-top: 50px;}
.title01 b{font-size: 30px;line-height: 60px;color:#414c6e;}
.title01 em{text-transform: uppercase;color:#a6a5a5;font-size: 18px;padding:  0 10px;}
.title01 i{color:#a6a5a5;}
.tsbox{padding-bottom: 120px;}
.tsbox ul li{width: 390px;display: block;border:1px solid #e3e3e3;border-radius: 8px 8px 0 0;overflow: hidden;float: left;}
.tsbox ul li img{width: 390px;height: 310px;}
.tsbox li h3{font-size:30px;text-align: center;line-height: 62px;}
.tsbox li span{font-size: 18px;text-align: center;color:#666;line-height: 60px;display: block;border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;}
.tsbox li span i{font-size: 26px;color:#db0202;}
.tsbox li p{line-height: 50px;}
.tsbox li em{color:#666;float: left;font-size: 18px;}
.tsbox li b{color:#414c6e;float: right;font-size: 18px;font-weight: normal;}
.tstxt{padding: 20px;}

/*高端*/
.gdlp{/*background:url(../images/icon/rm_bg04.jpg) no-repeat left center;*/}
.gdlp02{/*background:url(../images/icon/rm_bg04.jpg) no-repeat right center;*/margin-top: 30px;}
.gdlp .img{border-radius: 100%;height: 460px;width:460px;overflow: hidden;border:15px solid #fff;}
.gdlp .img img{width:460px;height: 460px;display: block;}
.gdlp .img:hover img{transform:scale(1.1,1.1);transition:all 1s;}
.gdtxt{margin: 130px 0 0 40px;width: 250px;}
.gdtxt h3{font-size:30px;line-height: 62px;}
.gdtxt span{font-size: 18px;color:#666;line-height: 60px;display: block;margin-bottom: 10px;}
.gdtxt span i{font-size: 26px;color:#db0202;}
.gdtxt p{line-height: 50px;}
.gdtxt em{color:#666;float: left;font-size: 18px;}
.gdtxt p.city{line-height: 50px;color: #414c6e;background:url(../images/icon/rm_bg03.jpg) no-repeat top left;font-size: 16px;}
.hqdj{display: block;width: 120px;height: 36px;background: #414c6e;color:#fff;text-align: center;line-height: 36px;border-radius: 5px;font-size:16px;}
.hxt{width:450px;position: relative;padding-top: 100px;}
.hxt h3{display: block;width: 120px;height: 40px;background: #dcad5d;position: absolute;top:30px;right: 0;color:#fff;line-height: 40px;text-align:center;border-radius: 25px 0 0 25px;font-size: 18px;letter-spacing: 2px;}
.hxt a{width: 210px;height: 300px;float: left;border:1px solid #e3e3e3;border-radius: 5px;padding: 10px;margin-left: 15px;}
.hxt img{width: 188px;height:240px;display: block;border-radius: 3px;}
.hxt a p{line-height: 40px;text-align: center;color:#999;}
.hxt a p em{color: #333}
.gdlp02 .hxt h3{display: block;width: 120px;height: 40px;background: #5baec5;position: absolute;top:30px;left: 0;color:#fff;line-height: 40px;text-align:center;border-radius: 0 25px 25px 0;font-size: 18px;letter-spacing: 2px;}
.hxt a{margin-left: 0;margin-right: 15px;}


/*推荐*/
.tjbox{background:url(../images/icon/rm_bg05.jpg) no-repeat top center;padding: 200px 0 50px 0;background-size: 100%;}

@media only screen and (min-width:1930px) {
   .tjbox{background:url(../images/icon/rm_bg05.jpg) no-repeat top center;padding: 200px 0 50px 0;background-size: 100% 480px;}
    .tjbox .comWidth{}
   
}
.tjbox li img{width: 390px;height: 400px;border-radius: 5px 5px 0 0;}
.tjbox li{width: 390px;height: 400px;position: relative;float: left;overflow: hidden;}
.tjbox li em.city{position: absolute;left: 10px;top:10px;background: #fff;padding: 1px 8px;border-radius: 10px;}
.tjbox li p{position: absolute;left:0px;bottom:0px;background: rgba(255,255,255,.8);width: 100%;line-height: 56px;text-align: center;font-size: 20px;}
.tjtxt{position: absolute;bottom:-500px;left: 0;width: 100%;height: 100%;background: rgba(65,76,110,.6);color:#fff;text-align: center;padding-top: 80px;border-radius: 5px 5px 0 0;}
.tjtxt a.tit{display: block;text-align: center;font-size:30px;line-height: 62px;}
.tjtxt em{display: block;width: 24px;height:2px;background: #fff;margin: 0 auto;}
.tjtxt span{display: block;padding-top: 15px;font-size: 18px;}
.tjtxt span b{font-size: 22px;}
.tjtxt .hqdj{margin: 0 auto;margin-top: 30px;}
.tjbox li:hover .tjtxt{position: absolute;bottom:0;left: 0;transition:all 1s;}
.tjbox li:hover em.city,.tjbox li:hover p{display: none;}
a.ggtc{width: 1200px;display: block;margin: 0 auto;margin-bottom: 100px;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: 380px;height: 460px; 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: 14px; margin-top:0px;padding: 0 18px;text-align: left;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;}

.lpqhbox{display: none;}
/*.gdlp .comWidth{    background: url(../images/icon/rm_bg04.jpg) no-repeat left center;}*/



