*{ padding: 0; margin:0;  }
body{    font-family: \5FAE\8F6F\96C5\9ED1; }
ul{ list-style: none; }
.vr-weike{width: 100%;min-width: 1200px;}

.vr-weike .position{position: absolute; color: #ffffff;font-size: 14px;left: 50%;margin-left: -600px; width: 1200px;top: 35px;opacity: .5;}
.vr-weike .position a{color: #ffffff;}


.vr-weike .container{ width: 100%;}
.vr-weike .content{ width: 1200px; margin: 0 auto; }
.vr-weike .banner{ width: 100%; height: 480px; background: url(../images/banner-vryd.png) no-repeat center top; }
.vr-weike .banner-content{ margin:0px auto; top: 225px; position: relative;  width: 980px; height: 146px;border:1px solid #615F61;}
.vr-weike .banner-content p{ padding: 0 40px; font-size: 14px; color: #fff;  line-height: 30px; padding-top: 26px; color: rgba(255,255,255,0.7);text-indent: 2rem}
.vr-weike .banner-content span{display: block;text-indent: 2rem}

.vr-weike .area1{ width: 100%; height: 524px; background: #F9F9F9;overflow: hidden;}
.vr-weike .area1-content{width: 1200px;margin: 0 auto;height: 524px;background: url(../images/area1-gb.jpg) no-repeat;}

.vr-weike .area2{ height: 660px;background: #F0F0F0;}
.vr-weike .area2-content{background: url(../images/area2-gb.jpg) no-repeat;width: 1200px;margin: 0 auto;height: 660px;}
.vr-weike .area2-content ul{width: 980px;height: 436px;overflow:hidden;margin: 0 auto;padding-top: 144px}
.vr-weike .area2-content ul li{width: 284px;height: 436px;overflow:hidden;padding:0 20px;float: left;}
.vr-weike .area2-content ul li h4{height: 38px;line-height: 38px;font-size: 16px;margin-top: 147px;text-align: center;}
.vr-weike .area2-content ul li p{line-height: 30px;font-size: 14px;color: #666;height: 180px;overflow: hidden;}
.vr-weike .area2-content ul li a{display: block;width: 141px;height: 40px;margin:11px auto 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;
}
.vr-weike .area2-content ul .li1{background: url(../images/area2-li1-bg.jpg) no-repeat;}
.vr-weike .area2-content ul .li1 a{background: url(../images/area2-li1-but.png) no-repeat;}
.vr-weike .area2-content ul .li1 h4{color: #2fa394}
.vr-weike .area2-content ul .li1 a:hover{background: url(../images/area2-li1-butac.png) no-repeat;}

.vr-weike .area2-content ul .li2{width: 290px;background: url(../images/area2-li2-bg.jpg) no-repeat;margin:0 1px;}
.vr-weike .area2-content ul .li2 a{background: url(../images/area2-li2-but.png) no-repeat;}
.vr-weike .area2-content ul .li2 h4{color: #3d8dbe}
.vr-weike .area2-content ul .li2 a:hover{background: url(../images/area2-li2-butac.png) no-repeat;}

.vr-weike .area2-content ul .li3{background: url(../images/area2-li3-bg.jpg) no-repeat;}
.vr-weike .area2-content ul .li3 a{background: url(../images/area2-li3-but.png) no-repeat;}
.vr-weike .area2-content ul .li3 h4{color: #bf9158}
.vr-weike .area2-content ul .li3 a:hover{background: url(../images/area2-li3-butac.png) no-repeat;}

.vr-weike .area2-bottom{ margin-left: 200px; }
.vr-weike .area2-bottom ul{ overflow: hidden;  }
.vr-weike .area2-bottom li{ width: 155px; height: 200px; float: left; position: relative; }
.vr-weike .area2-bottom li .area2-li-l{width: 100px;  height: 100px; position: absolute; border: 1px solid #5EB486; border-radius: 50%; text-align: center; line-height: 100px; color:#5EB486; bottom: 0;}
.vr-weike .area2-bottom li .area2-li-s{width: 65px; height: 65px;background: #5EB486; position: absolute; border-radius: 50%; text-align: center; line-height: 65px; color: #fff; right: 0; top: 50px;}
.vr-weike .area2-li-2{left: -10px;}
.vr-weike .area2-li-3{left: -20px;}
.vr-weike .area2-li-4{left: -30px;}
.vr-weike .area2-li-5{left: -40px;}
.vr-weike .area2-li-6{left: -50px;}


.vr-weike .area3{ height: 494px; background: url(../images/area3-gb.jpg) no-repeat center #f9f9f9;}
.vr-weike .area3 .area3-title{height: 138px}
.vr-weike .area3 .area3-content{width: 1120px;margin: 0 auto;padding: 0 40px}

.vr-weike .area3 .hd{width: 980px;margin: 0 auto;height: 40px}
.vr-weike .area3 .hd li{cursor:pointer;width: 324px;float: left;background: #48b57b;height: 35px;line-height: 35px;font-weight: bold;font-size: 16px;color: #fff;text-align: center;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.vr-weike .area3 .hd li span{display: none;margin: 0 auto;width: 15px;height: 5px;background:url(../images/area3-navac.png) no-repeat center;}
.vr-weike .area3 .hd li:hover{background-color: #177643;}
.vr-weike .area3 .hd li:hover span{display: block;}
.vr-weike .area3 .hd .on{background-color: #177643}
.vr-weike .area3 .hd .on span{display: block}
.vr-weike .area3 .hd .li2{width: 330px;border-left:1px solid #177643;border-right:1px solid #177643;}

.vr-weike .area3 .bd{height: 236px;margin-top: 30px;overflow: hidden;}
.vr-weike .area3 .bd ul{height: 236px;overflow: hidden;}
.vr-weike .area3 .bd h4{height: 76px;line-height: 76px;text-align: center;font-size: 16px;color: #333}
.vr-weike .area3 .bd li{float: left;margin-right: 80px;border: 1px solid #dcdcdc}
.vr-weike .area3 .bd li a{display: block;height: 158px;width: 158px;position: relative;}
.vr-weike .area3 .bd li a img{width: 100%;height: 100%}
.vr-weike .area3 .bd li a .ac{position: absolute;left: 0;top: 0;opacity: 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.vr-weike .area3 .bd li a:hover .ac{opacity: 1}
.vr-weike .area3 .bd .li5{margin-right:0}


.vr-weike .area4{height: 252px;overflow: hidden;background: #f0f0f0}
.vr-weike .area4-content{width: 1200px;margin:0 auto;}
.vr-weike .area4-content h4{margin-top: 59px;height:58px;line-height: 58px;font-size: 16px;font-weight: normal;text-align: center;color: #333}
.vr-weike .area4-content h4 a{text-decoration: none;font-size: 16px;text-align: center;color: #333}
.vr-weike .area4-content span{display: block;width: 383px;height: 55px;background: url(../images/area4-item.png) no-repeat center;margin:0 auto;}

#focus-banner{ position:relative; width:100%; overflow:hidden;}
#focus-banner-list{ position:relative;}
#focus-banner-list li{ position:absolute; left:0; top:0; width:100%;}
#focus-banner-list li img{ width:1200px; height:580px; cursor: pointer;}
.focus-banner-img{ display:block;}
#focus-banner .focus-handle{ position:absolute; top:50%; margin-top:-25px; z-index:100; display:block; width:50px; height:50px;-moz-transition:all .2s 0s ease; -ms-transition:all .2s 0s ease; -o-transition:all .2s 0s ease; -webkit-transition:all .2s 0s ease; transition:all .2s 0s ease;}
#focus-banner .focus-handle:hover{opacity: .8;}
#next-img{ left:0;}
#next-img{ left:0px; background: url(../images/next-img-vryd.png) no-repeat;}
#prev-img{ right:0;}
#prev-img{ right:0px; background: url(../images/prev-img-vryd.png) no-repeat;}