html{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
body{
background-image: url(../images/zbj.jpg);
color: rgb(51, 50, 47);
font-family: 微软雅黑;
overflow-y: auto;
}
area{
outline: none;
border: 0px;
}
.zw{
display: block;
color: #000;
font-size: 16px;
float: right;
margin-right: 20px;
margin-top: 10px;
}
.content{
width: 1200px;
margin: 0 auto;
}
.part1{
margin-top: 25px;
height: auto;
}
.part1:after{
display: block;
content: "";
clear: both;
}
.partLeft{
width: 585px;
height: auto;
float: left;
position: relative;
padding-left: 64px;
}
.partLeft .newpic{
position: absolute;
left: 0px;
top: 0px;
width: 64px;
height: 314px;
}
.slideBox{
width:100%;
height:314px;
overflow:hidden;
position:relative;
background-color: rgb(214, 192, 132);
padding: 5px;
box-sizing: border-box;
}
.slideBox .hd{
width:511px;
height:35px;
overflow:hidden;
position:absolute;
right:5px;
bottom:5px;
z-index:1;
background:#000;
opacity: 0.7;
z-index: 9999;
}
.slideBox .hd ul{
overflow:hidden;
zoom:1;
float:right;
margin-top: 7px;
}
.slideBox .hd ul li{
float:left;
margin-right:2px;
color: rgb(222, 125, 75);
width:20px;
height:20px;
line-height:20px;
text-align:center;
background:#fff;
cursor:pointer;
border-radius: 50%;
font-size: 12px;
}
.slideBox .hd ul li.on{
color:#fff;
background: rgb(255, 102, 0);
}
.slideBox .hd ul li:hover{
color:#fff;
background: rgb(255, 102, 0);
}
.slideBox .bd{
position:relative;
height:100%;
width: 100%;
z-index:0;
}
.slideBox .bd li{
zoom:1;
height: 100%;
vertical-align:middle;
position: relative;
}
.slideBox .bd li p{
z-index: 1;
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
vertical-align: middle;
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
padding: 5px 0;
opacity: 0.7;
}
.slideBox .bd li a p{
color: #efecec;
}
.slideBox .bd img{
width:100%;
height:304px;
display:block;
}
/* 园区简介 荣誉展示 */
.exhibition{
width: 100%;
position: relative;
margin-top: 25px;
padding-left: 114px;
}
.exhibition .about_pic{
width: 114px;
height: 111px;
position: absolute;
top: 0px;
left: 0px;
}
.about_txt{
font-size: 12px;
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.history{
width: 100%;
position: relative;
margin-top: 25px;
padding-right: 114px;
}
.jypic{
width: 106px;
height: 120px;
position: absolute;
top: 0px;
right: 0px;
}
.partCenter{
width: 21px;
float: left;
height: 428px;
}
.partCenter img{
width: 21px;
height: 428px;
}
.partRight{
width: 585px;
height: auto;
float: left;
position: relative;
}
.partRight_part1_top{
width: 100%;
}
.partRight_part1_top img{
width: 100%;
height: 45px;
}
.partRight_part1_content li{
line-height: 25px;
}
.partRight_part1_content{
font-size: 12px;
}
.partRight_part1_content span{
display: inline-block;
line-height: 20px;
vertical-align: top;
}
.partRight_part1_content a{
color: rgb(0, 0, 0);
width: 472px;
display:inline-block;
overflow: hidden;
}
/* 家园公寓 */
.partRight .part2{
width: 100%;
height: 254px;
background-image: url(../images/gy_bj.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.part2_content{
width: 280px;
width: 280px;
margin-left: 58px;
padding-top: 27px;
}
.part2_content li{
font-size: 12px;
line-height: 25px;
}
.part2_content li span{
display: inline-block;
vertical-align: top;
line-height: 22px;
}
.part2_content li a{
display: inline-block;
color: rgb(0, 0, 0);
height: 100%;
font-size: 12px;
height: 25px;
overflow: hidden;
width: 260px;
vertical-align: middle;
}
/* 师资力量 */
.part2_history{
width: 100%;
height: auto;
}
.part2_history_top{
width: 100%;
}
.part2_history_top img{
width: 100%;
height: 75px;
}
.part2_history_content:after{
display: block;
content: "";
clear: both;
}
.part2_history_left{
width: 153px;
height: 174px;
float: left;
}
.part2_history_left img{
width: 153px;
height: 174px;
}
.part2_history_right{
width: 18px;
height: 175px;
float: left;
}
.part2_history_center{
width: 1029px;
height: 175px;
background-image: url(../images/sz2.jpg);
float: left;
padding: 22px 5px;
}
.part2_history_center .db{
width: 100%;
height: 100%;
}
.picList{
width: 100%;
overflow:hidden;
zoom:1;
}
.picList li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picList li .pic{ text-align:center; }
.picList li .pic img{ width:176px; height:130px; display:block; padding:2px;}
/* 视频点播 安全护航*/
.part3{
width: 100%;
margin-top: 25px;
}
.part3_top{
width: 100%;
height: 33px;
position: relative;
background-image: url(../images/sp2.jpg);
}
.part3_top .line{
width: 100%;
height: 1px;
background-color: #9C9784;
position: absolute;
top: 17px;
}
.part3_top_center{
width: 1200px;
height: 33px;
margin: 0 auto;
/* background-image: url(../images/sp1.jpg);
background-repeat: no-repeat; */
}
.part3_top_center:after{
display: block;
content: "";
clear: both;
}
.part3_top_item{
width: 50%;
float: left;
height: 33px;
position: relative;
}
.part3_top_item .circular{
width: 29px;
height: 29px;
border-radius: 50%;
border: 5px solid #000000;
position: absolute;
left: 38px;
top: 2px;
}
.part3_top_item_title{
font-size: 18px;
margin-left: 10px;
font-family: "微软雅黑";
display: block;
position: absolute;
left: 72px;
top: 3px;
}
.part3_top_item .more{
font-size: 12px;
position: absolute;
right: 32px;
top: 8px;
}
.part3_top_item .more a{
color: #000;
}
.part3_content{
width: 1200px;
margin: 0 auto;
}
.part3_content:after{
display: block;
content: "";
clear: both;
}
.video{
width: 50%;
padding: 10px;
box-sizing: border-box;
float: left;
padding-left: 42px;
}
.video:after{
display: block;
content: "";
clear: both;
}
.videoItem{
float: left;
width: 225px;
}
.videoItem img{
width: 220px;
height: 120px;
}
.security{
width: 50%;
float: left;
height: 145px;
margin-top: 15px;
background-image: url(../images/aq_bj.jpg);
background-repeat: no-repeat;
}
.security_content{
width:100%;
height:129px;
margin-left: 93px;
}
.security_content p{
/*width: 236px;*/
overflow: hidden;
line-height: 25px;
height: 25px;
font-size: 12px;
}
.security_content p a{
color: #000000;
}