/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧 
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:   807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/



body{background-color: #fff;min-width: 1200px;}
/*.boxItem01{min-width: 1200px;overflow: hidden;}
.boxItem01 img{width: 100%;display: block;}*/
.boxItem01{background:url(../images/bg1.jpg) no-repeat center 0;height: 600px;background-position: center 0;min-width: 1200px;}
.quyud{margin-left: 5px; font-size: 14px;color: #999;}
/*预约*/
.boxItem02 {background:url(../images/bg2.jpg) no-repeat center 0;height: 722px;background-position: center 0;min-width: 1200px;}

.ybox{width: 1000px;margin: 0 auto;}
.ybox a{position: relative;color:#feec8a;}
.ybox a em{ font-size: 32px;position: absolute;top:-63px;left: 116px;color:#feec8a;letter-spacing: 1px;letter-spacing: 2px;}

.d_daoyu{width:100%;margin:0 auto;text-align:center;}

/*海景甄选*/
.boxItem03{background:url(../images/bg3.jpg) no-repeat center 0;height:776px;background-position: center 0;margin-top:-20px;min-width: 1200px;}
.daoyu{margin:0 auto;width: 1064px;margin-bottom: 45px;} 
.title{background:url(../images/dp_1.png) no-repeat center 0;color:#fff;height:543px;}
.title2{background:url(../images/dp_2.png) no-repeat center 0;color:#fff;height:543px;}
.title3{background:url(../images/dp_3.png) no-repeat center 0;color:#fff;height:543px;}


/*图文列表*/
.chlist{width: 1140px;margin: 0 auto;margin-top:20px;padding-top:133px;}
.chlist ul li{width:350px;height: 435px;padding:8px;display: block;float: left;margin-bottom:20px;border-radius: 8px;overflow: hidden;margin-right: 18px;}
.chlist ul li .chimg{width:370px;height:220px;display: block;overflow: hidden;border-radius: 8px; }
.chlist ul li .chimg img{width:370px;height:220px;display: block; }
.chlist ul li h3{color:#fff;font-size: 24px;padding-top: 10px;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.chlist ul li>p{width:200px;display:inline-block;vertical-align: sub;  text-align: left;color:#383838;font-size: 16px;padding-top: 5px;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.chlist ul li p i{color:#999;}



.chlist ul li b{color:#EC2D90;font-size: 26px;}
.chlist ul .clearfix{border-top: 1px solid #999;margin-top: 8px;padding-top:15px;}
.chlist ul .clearfix a{display: block;float: left;width: 104px;height: 40px;border:1px solid #999;color:#888;border-radius:8px;font-size:16px;line-height: 40px;text-align: center;margin-right: 10px;}
.chlist ul .clearfix a p{background:#fff;display: block;box-shadow: 1px 1px 1px #bbb;width: 180px;height:36px;line-height:36px;display:none;border-radius: 20px;position: absolute;top:-50px;left: 0;border:1px solid #eee;font-size: 18px;}
.chlist ul .clearfix a.dianhua{position: relative;}
.chlist ul .clearfix a.zaixian:hover,.boxItem03 ul .clearfix a.dianhua:hover{border:1px solid #fe605d;color:#fe605d;border-radius: 25px;transition:all 1s;}

.chlist ul .clearfix a.dianhua:hover p{display: block;transition:all 1s;color:#666;}
.chlist ul .clearfix a.ccyuyue{background-color:#EC2D90;color:#fff;border:1px solid #EC2D90; }
.chlist ul .clearfix a.ccyuyue:hover{border-radius: 25px;transition:all 1s;}
.fctit:hover{color:#EC2D90;transition:all 1s;}

/*性价楼盘*/
.boxItem04{background: url(../images/bg4.jpg) no-repeat center 0;height:788px;background-position: center 0;margin-top:-20px; min-width: 1200px;}
.boxItem04 a.submit02{margin-top:40px;}
.boxItem04 .list .clearfix{width: 590px;height: 312px;background: #955422;border-radius:7px;overflow: hidden;}
.list .txt{width: 200px;float: left;padding: 15px 0 0 15px;}
.list .txt b{display: block;width: 35px;height:2px;background: #fff;margin-bottom:10px;}
.list .txt h3 a{color:#fff400;font-size: 22px;letter-spacing: 1px;font-weight: normal;}
.list .txt h3 a:hover{padding-left:10px;transition: 0.5s;}
.list .txt em{font-size: 18px;color: #fff;line-height: 50px;}
.list .txt p{font-size: 16px;color: #fff;letter-spacing: 1px;}
.list .fr{width: 369px;height: 312px;float: right;overflow: hidden;}
.list .fr img{width: 369px;height: 312px;display: block;}
.boxItem04 .list {float: left;width: 590px;height: 412px;margin-right: 20px;}

/*养生度假*/
.boxItem05{background: url(../images/bg5.jpg) no-repeat center 0;height:884px;background-position: center 0;margin-top:-20px; min-width: 1200px;}


/*.copyRight{background: url(../images/bg6.jpg) no-repeat center 0;text-align: center;font-size: 20px;color:#fff;height: 205px;line-height: 205px;}*/

/*报名弹框样式*/

.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;    width:560px;    margin:170px auto;    height :362px;  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{width: 100%;height: 84px;background: url(../images/bm.png) no-repeat center;background-size: 100% 100%;color: #fff;font-size: 32px;text-align: center; line-height: 84px;}
.tc_x{font-size: 16px; margin-top: 15px;}
.tc_center{width: 500px;margin: 0 auto; margin-top: 35px;}
.tc_center_left{float: left;width: 500px; }
.tc_center_left input{display: block;height: 40px;background: #f5faff;width: 300px;text-indent:12px;border: 1px solid #e4f1fd;border-radius: 5px;font-size: 16px;color: #333333;margin:0 auto 20px auto;}
.tc_center_left .btn{ display: inline-block; box-shadow: 0px 0px 10px 2px #ccc;font-size: 20px;color: #fff;background: #c433da;width:300px;height: 40px;line-height: 40px; border: none;border-radius: 5px;}

/*参团*/
.yh_shenqing{    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;}
.yh_shenqing.yh_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;}
.yh_container {   position: relative;   width:560px;    margin:170px auto;    height:362px;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;}


.yh_close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.yh_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;}
.yh_close img:hover {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.yh_visible .yh_container {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  }



/*优惠申请*/
.yh_shenqing01{    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;
}
.yh_shenqing01.yh_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;}


.chlist ul li:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}

