.whole {width:100%; background:#fff;}
.nav {width: 1200px; margin: 0 auto;}
.title {text-align: center; margin-bottom:40px;}
.title h2 {font-size:36px; color: #231916; }
.title p {font-size: 18px; color: #7b7a7a;  padding-top: 10px;}
.p-t65 {padding-top: 65px;}
.m-t80 {margin-top: 80px;}
.p-b80 {padding-bottom: 80px;}

/*康养小镇*/
.slideTxtBox{ width:1200px; height:412px; position:relative; }
.slideTxtBox .hd{position:absolute; right:289px; bottom:100px; }
.slideTxtBox .hd ul{height:10px;}
.slideTxtBox .hd ul li{ float:left; width:25px; height:10px; background:#a2acc0; margin:0 3px;}
.slideTxtBox .hd ul li.on{ height:10px; width:25px; cursor:pointer; background:#5fb272 }
.slideTxtBox .hd a {display:block; width:25px; height:10px;}

.slideTxtBox .bd {}
.slideTxtBox .bd .infoList {width:1200px;}
.slideTxtBox .bd .infoList img {float:right; width:670px; height:412px;}
.slideTxtBox .bd .infoList .info {float:left; width:465px}
.slideTxtBox .bd .infoList .info h3 {font-size:30px; padding-top:45px; padding-bottom:2px; color:#383838; text-align:center}
.slideTxtBox .bd .infoList .info .subtitle {font-size:16px; color:#888; text-align:center}
.slideTxtBox .bd .infoList .info .summary {font-size:16px; line-height:28px; padding-top:40px; color:#5a5959}
.slideTxtBox .bd .infoList .info .p-more {padding-top:25px;}
.slideTxtBox .bd .infoList .info .more {display:block; width:136px; height:27px; border:1px solid #5fb272; font-size:14px; color:#5fb272; text-align:center; padding-top:5px; margin:0 auto; text-decoration:none}
.slideTxtBox .bd .infoList .info .more:visited {color:#5fb272;}
.slideTxtBox .bd .infoList .info .more:hover {background:#5fb272; color:#fff;}

/*三大板块*/
.threeBox ,.sixBox ,.eightBox {width: 1260px; margin:0 auto}
.three {width:360px; height:605px; margin:0 30px; background: #fff; float: left; border-bottom:1px solid #878787; position:relative}
.three img {width:360px; height:416px;}
.three h6 {font-size:22px; color:#424141; padding: 25px 0 20px 0; text-align:center}
.three p {font-size: 14px; line-height:26px; color: #7b7b7b; padding: 0 25px}
.three:hover p {color:#5fb272}
.three:hover h6 {color:#5fb272}
.three:hover b {width:334px; height:390px; border:3px solid #fff;position:absolute; left:10px; top:10px; z-index:100;}

/*六类*/
.sixBox li ,.eightBox li {width:360px; height:358px; margin:0 30px; float: left; }
.sixBox .sixName {color:#2f2f2f; font-size:22px; padding-top:22px; text-align:center}
.six {position:relative; overflow: hidden; width:360px; height:285px;}
.six a {display:block}
.six img {width:360px; height:285px; display: block;}
.six .viewNav { bottom: -100%; font-size: 0; height:285px; overflow: hidden; position: absolute; width:360px; z-index:200;}
.six .viewNav {transition: bottom 0.5s ease 0s;}
.six .viewInfo {bottom: 0;color: #fff; font-size:14px; height:285px;position: absolute;width:360px; z-index:10; background-color:rgba(0,0,0,0.6) !important;background:#000; 
filter:alpha(opacity=60); }
.six .viewInfo p {width:338px; height:263px; border:1px solid #fff; margin:10px 0 0 10px;}
.six .viewInfo span {display: block; font-size: 14px; padding: 35px 22px 25px 22px; line-height:24px;}
.six .viewInfo b {display: block; font-size:14px;  padding: 10px 10px 0; font-weight:normal; padding:6px 0; width: 74px; height: 20px; text-align: center; margin: 0 auto; border:1px solid #fff;}
.six:hover .viewNav {bottom: 0;}

/**八大主题**/
.eightBox {}
.eightBox li {position:relative; overflow: hidden; width:360px; height:250px; margin-bottom:50px;}
.eightBox a {display:block}
.eightBox img {width:360px; height:250px; display: block;}
.eightBox .gray{width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.35;-khtml-opacity: 0.3;opacity: 0.3; z-index:10}
.eightBox a:hover .gray{display:none;}
.eightBox h6 {width:100%;position:absolute; bottom:10px; left:0px;z-index:20;text-align:center; display:block}
.eightBox h6 span {width:auto;display:inline; border:solid 1px #fff;text-align:center; line-height:40px; margin:0 auto; padding:5px 10px; font-size:20px; color:#fff;}
.eightBox li a:hover span {border:solid 1px #5fb272; background-color:#5fb272;}