body{
background: #f5f5f5;
}
#top{
position: fixed;
z-index:100;
}
#header{
position: fixed;
z-index: 10;
margin-top: 35px;
}
.city{
z-index: 1000;
}
#banner{
width: 100%;
margin-right: -100%;
position: relative;
}
#banner a{
height: 360px;
display: block;
background-size: cover;
}
.swiper-container{
width: 100%;
padding-top: 115px;
}
#head{
width: 100%;
background: #f5f5f5;
padding:30px 0;
}
#head .head{
width: 1280px;
margin: 0 auto;
text-align: center;
}
#head .head ul{
display: inline-block;
}
#head .head ul li:first-child{
margin-left: 0;
}
#head .head ul li{
float: left;
margin-left: 20px;
position: relative;
border-radius: 4px;
}
#head .head ul li a{
/*display: inline-block;
width: 100%;
height: 100%;*/
display: block;
width: 198px;
height: 64px;
padding: 23px 15px;
background-color: #fff;
}
#head .head ul li .img{
/*margin-top: 27px;*/
/*margin-bottom: 18px;*/
float: right;
}
#head .head ul li .imgp{
float: left;
text-align: left;
}
#head .head ul li span{
font-size:19px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
letter-spacing:2px;
display: inline-block;
line-height: 35px;
}
#head .head ul li label{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
}
#head .head ul li:hover{
/*box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
border:1px solid #32BAB5;*/
}
#head .head ul li a img{
height: 58px;
}
#head .head ul li:hover .hover-text{
display: block;
}
#renovation{
width: 100%;
text-align: center;
background: #fff;
padding:100px 0 120px 0;
}
#renovation .renovation{
width: 1200px;
margin: 0 auto;
}
#renovation .renovation h2,#design .design h1,#service .service h5,#news .news h4,#strategy .strategy h3{
font-size:40px;
font-family:PingFangSC-Medium;
font-weight:500;
color:#333;
position: relative;
margin-bottom: 20px;
}
#renovation .renovation .a{
display: inline-block;
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#32BAB5;
position: absolute;
right: 0;
top: 14px;
}
#renovation .renovation .p1,#design .design .p1{
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
letter-spacing:2px;
}
#renovation .renovation .ul{
/*background: #fbfbfb;*/
margin-top: 34px;
}
#renovation .renovation .ul ul li{
width:285px;
height:440px;
background:#fff;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
border-radius:1px;
float: left;
position: relative;
margin-right: 20px;
margin-top: 20px;
}
#renovation .renovation .ul ul li:nth-child(4n){
margin-right: 0;
}
#renovation .renovation .ul ul li .img1{
width: 100%;
height: 240px;
}
#renovation .renovation .ul ul li .logo1{
width: 90px;
height: 90px;
background: #fff;
border-radius: 100%;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
position: absolute;
left: 34%;
top: 192px;
}
#renovation .renovation .ul ul li .logo1 img{
width: 63px;
height: 63px;
text-align: center;
margin-top: 14px;
}
#renovation .renovation .ul ul li .name{
margin-top: 65px;
margin-bottom: 10px;
display: inline-block;
font-size:18px;
font-weight:600;
color:#333;
}
#renovation .renovation .ul ul li p{
margin-bottom: 20px;
}
#renovation .renovation .ul ul li p span{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
}
#renovation .renovation .ul ul li a{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#32BAB5;
width:190px;
height:30px;
border:1px solid #32BAB5;
display: inline-block;
text-align: center;
line-height: 30px;
}
#renovation .renovation .ul ul li a:hover{
background: #32BAB5;
color: #fff;
}
#design{
width: 100%;
background: #fff;
padding-bottom: 20px;
}
#design h2,#design .p1{
text-align: center;
}
#design .design .p1{
margin-bottom: 54px;
}
#design .design .designer{
width: 100%;
margin-right: -100%;
position: relative;
}
#design .design .designer .imgs{
height: 610px;
display: block;
background-size: cover;
background: url(/img/kansheji.png) 50% 0 no-repeat;
}
.swiper-wrapper{
padding-left: 0 !important;
height: 360px !important;
}
.arrow-left{
left: 500px !important;
}
.arrow-right{
left: 600px !important;
}
.design-info{
left: 960px !important;
}
.swiper-slide{
height: 360px !important;
}
.design-topic .swiper-wrapper{
width: 7760px !important;
height: 610px!important;
}
.index-ksj{
padding: 0!important;
}
.design-swiper .swiper-slide a{
padding-left: 0!important;
}
.design-topic{
margin-bottom: 0!important;
}
.design-swiper{
height: 610px!important;
}
.slida,.slida img{
height: 100%;
}
.design-topic .arrow-left,.design-topic .arrow-right{
background: #fff!important;
}
.designer #index-banner-flag{
display: none;
}
.design-info{
border-bottom: 100px solid red;
border-left:50px solid transparent;
border-right:50px solid transparent;
width: 100px;
}
#strategy{
width: 100%;
text-align: center;
background: #fff;
padding:80px 0 30px 0;
}
#strategy .strategy{
width: 1200px;
margin: 0 auto;
}
#strategy .strategy .p1{
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
letter-spacing:2px;
margin-bottom: 60px;
}
#strategy .strategy .strat .l{
border:1px solid #10D8AE;
width: 378px;
}
#strategy .strategy .strat .l .ul{
text-align: center;
padding-bottom:30px;
}
#strategy .strategy .strat .l .ul ul{
display: inline-block;
}
#strategy .strategy .strat .l ul li{
float: left;
margin-left: 30px;
margin-top: 30px;
}
#strategy .strategy .strat .l ul li a:hover{
color: #32BAB5;
}
#strategy .strategy .strat .bai ul li:first-child,#strategy .strategy .strat .zhuang ul li:first-child{
margin-left: 0;
}
#strategy .strategy .strat .l ul li a{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
letter-spacing:1px;
}
/*#strategy .strategy .strat .l ul li:first-child{
margin-left: 0;
}*/
#strategy .strategy .strat .l .top{
width: 378px;
height: 210px;
background: -webkit-linear-gradient(left, #10D8AE , #45BDB6); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #10D8AE, #45BDB6); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #10D8AE, #45BDB6); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #10D8AE , #45BDB6); /* æ ‡å‡†çš„è¯æ³•ï¼ˆå¿…须放在最åŽï¼‰ */
}
#strategy .strategy .strat .l .top p span{
margin: 20px 0 -6px 0;
display: inline-block;
font-size: 100px;
color: #fff;
}
#strategy .strategy .strat .l .top label{
font-size:36px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#fff;
letter-spacing:3px;
}
#strategy .strategy .strat .bai{
margin: 0 30px;
}
#news{
width: 100%;
background: #fff;
padding:100px 0 60px 0;
}
#news .news{
width: 1200px;
margin: 0 auto;
}
#news .news h4{
text-align: center;
}
#news .news .p1{
text-align: center;
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
letter-spacing:2px;
margin-bottom: 54px;
}
#news .news .news-left{
float: left;
padding:20px 20px 5px 20px;
width: 530px;
height: 508px;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
}
#news .news .news-right{
float: right;
}
#news .news .news-right img{
width: 530px;
height: 350px;
}
#news .news h4{
margin: 0px 0 40px 0;
}
#news .news h4 a{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
}
#news .news span,#news .news .p2{
padding-left: 8px;
}
#news .news span a,#news .news label{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
}
#news .news label{
margin-left: 20px;
}
#news .news .news-right span{
padding-left: 0;
}
#news .news .p2{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
/*margin-top: 16px;
height: 40px;*/
}
#news .news .p3{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
margin-top: 16px;
height: 90px;
}
#news .news .news-right .r-top{
margin-bottom: 23px;
}
#news .news .news-right .r-top,#news .news .news-right .r-bom{
padding:20px 24px 20px 20px;
width: 554px;
height: 215px;
box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
}
#news .news .news-right img{
float: left;
width: 280px;
height: 215px;
margin-right: 20px;
}
#service{
width: 100%;
background: #f7f7f9;
text-align: center;
padding:60px 0 57px 0;
}
#service .service{
width: 1200px;
margin: 0 auto;
}
#service .service h5{
margin-bottom: 80px;
}
#service .service .img{
width: 1120px;
margin: auto;
}
#service .service .img img{
width: 100%;
}
#bom{
width: 100%;
background:#32BAB5;
height: 200px;
}
#bom .bom{
width: 1200px;
margin:0 auto;
}
#bom .bom .bom-left{
float: left;
}
#bom .bom .bom-left .left{
float: left;
}
#bom .bom .bom-left .right .p1{
font-size:31px;
font-family:PingFangSC-Semibold;
/*font-weight:600;*/
letter-spacing:5px;
color:#fff;
margin:64px 0 11px 0;
}
#bom .bom .bom-left .right .p2{
font-size:26px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#fff;
letter-spacing:11px;
}
#bom .bom .bom-left .right{
float: right;
margin-left: 40px;
}
#bom .bom .bom-right{
float: right;
}
#bom .bom .bom-right ul{
margin-top: 60px;
}
#bom .bom .bom-right ul li{
float: left;
margin-left: 45px;
}
#bom .bom .bom-right ul li p{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#fff;
margin-bottom: 5px;
}
#bom .bom .bom-right ul li p span{
font-size:48px;
font-family:PingFangSC-Semibold;
font-weight:600;
color:#fff;
}
#bom .bom .bom-right ul li label{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#fff;
}
/*.da-thumbs {
float: left;
margin-right: 1%;
}*/
/*.da-thumbs li {
margin-top: 16px;
}*/
/*.da-thumbs li a,
.da-thumbs li a img {
display: block;
position: relative;
width: 100%;
}*/
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
position: absolute;
background: rgba(50,186,181,0.5);
width: 100%;
height: 100%;
}
.da-thumbs li a div span {
display: block;
padding: 10px 0;
color:#fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
max-width: 50%;
text-align: center;
}
.da-thumbs .one img{
max-height: 282px;
height: 282px;
}
.da-thumbs .two img{
max-height: 304px;
height: 304px;
}
.da-thumbs .three img{
max-height: 320px;
height: 320px;
}
.da-thumbs .four img{
max-height: 270px;
height: 270px
}
.da-thumbs .five img{
max-height: 310px;
height: 310px;
}
.da-thumbs .six img{
max-height: 278px;
height: 278px;
}
#slider{
width: 100%;
padding:110px 0;
background: url(/img/inbj.png) no-repeat;
}
#example5{
padding-right: 520px!important;
}
.sp-right-thumbnails {
/*right: 142px!important;*/
}
.sp-image-container img{
width: 100%!important;
height: 100%!important;
}
.sp-thumbnail-image-container{
margin-right: 20px;
}
.sp-thumbnail-image-container img{
width: 100%!important;
height: 100%!important;
}
.sp-thumbnails-container{
width: 489px!important;
height: 412px!important;
background: #fff;
padding-top: 48px;
padding-left: 30px;
}
.sp-thumbnail-image-container{
width: 100px;
height: 76px!important;
}
.sp-thumbnails{
width: 100%!important;
}
.sp-thumbnail-container{
width: 100%!important;
margin-bottom: 20px!important;
margin-top: 0!important;
cursor: pointer;
}
.sp-thumbnail-container:last-child{
margin-bottom: 0!important;
}
.sp-thumbnail p{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
margin-bottom: 6px;
padding-top: 13px;
}
.sp-thumbnail span{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
}
/*.sp-grab{
width: 680px!important;
height: 460px!important;
}*/
.yx-rotation-title{
display: none;
}
.yx-rotation-focus{
display: none;
}
.yx-rotaion{
/*width: 100%;*/
width: 1280px;
height: 550px;
}
.yx-rotaion ul{
width: 100%;
height: 550px;
}
.yx-rotaion ul li{
width: 100%;
height: 100%;
}
.yx-rotaion ul li .a{
height: 550px;
display: block;
background-size: cover;
}
.yx-rotaion ul li img{
width: 100%;
height: 100%;
}
.rotaion_list div{
position: absolute;
bottom: 0;
background: url(/img/xiaoguotui.png) no-repeat;
width: 600px;
height: 550px;
right: 10%;
padding-right: 9%;
}
.rotaion_list div .h3{
font-size:40px;
font-family:PingFangSC-Light;
font-weight:300;
color:#333;
text-align: right;
margin-top: 123px;
margin-bottom: 41px;
}
.rotaion_list div .p2{
font-size: 16px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #888;
line-height: 27px;
letter-spacing: 1px;
width: 485px;
height: 120px;
text-align: justify;
text-indent: 32px;
margin-left: 35.5%;
margin-bottom: 40px;
}
.rotaion_list div span{
float: right;
display: inline-block;
width:130px;
height:40px;
border:1px solid #32BAB5;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#32BAB5;
text-align: center;
line-height: 40px;
}
.rotaion_list div span:hover{
background: #32BAB5;
color: #fff;
}
.design-ul{
text-align: center;
margin-top: 80px;
margin-bottom:40px;
}
.design-ul ul{
display: inline-block;
}
.design-ul ul li{
float: left;
margin-left: 40px;
}
.design-ul ul li:first-child{
margin-left: 0;
}
.design-ul ul li a{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
}
.design-ul ul li a:hover{
color: #32BAB5;
}
video{
object-fit: fill;
}
.con-box{
width: 100%;
background: #fff;
padding-top: 60px;
}
.con-con{
/*margin-top: 60px;*/
width: 1200px;
margin: 0 auto;
}
.con-con .p1{
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
letter-spacing:2px;
margin-bottom: 60px;
text-align: center;
}
.con-con h3{
text-align: center;
font-size:40px;
font-family:PingFangSC-Medium;
font-weight:500;
color:#333;
margin-bottom: 49px;
}
.con-con .seca_item{
width: 388px;
float: left;
margin-right: 18px;
}
.con-con .seca_item .item_hd{
height: 220px;
}
.con-con .seca_item .item_hd img{
width: 388px;
height: 100%;
line-height: 99em;
overflow: hidden;
}
.seca_itema .item_bd ul{
border-bottom: 1px solid rgba(47,202,133,0.4);
}
.seca_itema .item_bd ul li{
float: left;
width: 95.5px;
height: 220px;
border-left: 1px solid rgba(47,202,133,0.2);
}
.seca_itema .item_bd ul li:first-child{
border-left:none;
}
.seca_itema .item_bd{
border:1px solid rgba(47,202,133,0.2);
background:rgba(47,202,133,0.05);
}
.seca_itema .item_bd ul li a{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
display: block;
text-align: center;
height: 153px;
padding-top: 66px;
}
.seca_itema .item_bd ul li a:hover{
color: #333;
}
.seca_itema .seca_item_link_box{
padding: 20px 0 28px 0;
}
.seca_itema .seca_item_link_box a{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
display: block;
padding-left: 30px;
margin-bottom: 6px;
}
.seca_itema .item_bd ul li a span{
display: block;
font-size: 45px;
color: rgba(47,202,133,0.5);
margin-bottom: 29px;
}
.seca_itema .item_bd ul li:hover span{
color: rgba(47,202,133,1);
}
.seca_itema .item_bd ul li:hover span{
transition: all .3s ease;
-webkit-transform: translate3d(0,-6px,0);
-ms-transform: translate3d(0,-6px,0);
-moz-transform: translate3d(0,-6px,0);
-o-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
top: -6px;
}
.seca_itemb .item_bd ul{
border-bottom: 1px solid rgba(55,216,212,0.4);
}
.seca_itemb .item_bd ul li{
float: left;
width: 95.5px;
height: 110px;
border-left: 1px solid rgba(55,216,212,0.2);
}
.seca_itemb .item_bd ul li:first-child,.seca_itemb .item_bd ul li:nth-child(5){
border-left:none;
}
.seca_itemb .item_bd{
border:1px solid rgba(55,216,212,0.2);
background:rgba(55,216,212,0.05);
}
.seca_itemb .seca_item_link_box{
padding: 20px 0 28px 0;
}
.seca_itemb .seca_item_link_box a{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
display: block;
padding-left: 30px;
margin-bottom: 6px;
}
.seca_itemb .item_bd ul li a{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
display: block;
text-align: center;
height: 82px;
padding-top: 18px;
}
.seca_itemb .item_bd ul li a span{
display: block;
font-size: 45px;
color: rgba(55,216,212,0.5);
margin-bottom: 8px;
}
.seca_itemb .item_bd ul li:hover span{
transition: all .3s ease;
-webkit-transform: translate3d(0,-6px,0);
-ms-transform: translate3d(0,-6px,0);
-moz-transform: translate3d(0,-6px,0);
-o-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
top: -6px;
}
.seca_itemb .item_bd ul li a:hover{
color: #333;
}
.seca_itemb .item_bd ul li:hover span{
color: rgba(55,216,212,1);
}
.seca_itemc{
margin-right: 0!important;
}
.seca_itemc .item_bd ul{
border-bottom: 1px solid rgba(135,183,254,0.4);
}
.seca_itemc .item_bd ul li{
float: left;
width: 192.5px;
height: 220px;
border-left: 1px solid rgba(135,183,254,0.2);
}
.seca_itemc .item_bd ul li:first-child,.seca_itemb .item_bd ul li:nth-child(5){
border-left:none;
}
.seca_itemc .item_bd{
border:1px solid rgba(135,183,254,0.2);
background:rgba(135,183,254,0.05);
}
.seca_itemc .seca_item_link_box{
padding: 20px 0 28px 0;
}
.seca_itemc .seca_item_link_box a{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
display: block;
padding-left: 30px;
margin-bottom: 6px;
}
.seca_item_link_box a:hover{
color: #32BAB5;
}
.seca_itemc .item_bd ul li a{
font-size: 18px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #888;
display: block;
text-align: center;
height: 156px;
padding-top: 64px;
}
.seca_itemc .item_bd ul li:hover span{
transition: all .3s ease;
transform: translate3d(0,-6px,0);
-webkit-transform: translate3d(0,-6px,0);
-ms-transform: translate3d(0,-6px,0);
-moz-transform: translate3d(0,-6px,0);
-o-transform: translate3d(0,-6px,0);
top: -6px;
}
.seca_itemc .item_bd ul li a span{
display: block;
font-size: 45px;
color: rgba(135,183,254,0.5);
margin-bottom: 16px;
}
.seca_itemc .item_bd ul li a:hover{
color: #333;
}
.seca_itemc .item_bd ul li:hover span{
color: rgba(135,183,254,1);
}
/*弹出层*/
.common-tender-wrapper{
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
/*background-color: rgb(0, 0, 0);*/
/*opacity: 0.8;*/
background: url(https://beiqiao.oss-cn-beijing.aliyuncs.com/155909289974009460.png) repeat;
z-index: 99999;
}
.tab_box{
/*background: #fff;*/
position: absolute;
left: 50%;
top: 50%;
margin-left: -524px;
margin-top: -330px;
width: 1020px;
background: url(https://beiqiao.oss-cn-beijing.aliyuncs.com/159037854160724988.png) no-repeat 50%;
height: 656px;
}
.tab_menus{
font-size:17px;
font-family:PingFangSC-Medium;
font-weight:600;
color:#333;
writing-mode: vertical-lr;
width: 28px;
background: #fff;
text-align: center;
padding: 6px 0 6px 5px;
background:#ddd;
border-left:2px solid #ddd;
}
.tab_menu_box{
/*margin-bottom: 20px;*/
position: absolute;
left: 6px;
top: 50%;
margin-top: -6px;
cursor: pointer;
}
.tab_menu_box>span{
cursor: pointer;
margin-left: 8px;
/*width: 48%;
display: inline-block;
text-align: center;*/
}
.tab_menu_actives{
/*color:#32BAB5;*/
border-left:2px solid #32BAB5;
background: #fff;
}
.tab_contents{
display: none;
}
.tab_content_box{
margin-top: 200px;
margin-left: 40px;
}
.tab_content_actives{
display: block;
font-size: 15px;
color: #333;
line-height: 1.5;
}
.tab_contents>p{
margin-top: 2px;
margin-bottom: 14px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
/*width: 190px;*/
}
.tab_contents>span{
font-size:14px;
font-family:PingFangSC-Medium;
font-weight:500;
color:#333;
}
.zhuang{
text-align: center;
font-size:70px;
font-family:HYLiLiangHeiJ;
color:#FB4828;
padding-top: 85px;
margin-bottom: 40px;
}
.service-bar{
display: none;
}
.calputer_tit{
font-size:24px!important;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
}
.calputer_tit span{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#32BAB5;
}
.mod_form .label{
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#333;
}
.bj_form{
width: 380px!important;
}
select{
width:120px;
height:34px;
border:1px solid #ddd;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
padding-left: 18px;
padding-right: 10px;
}
select{
/* 清除默认的ç®å¤´æ ·å¼ */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: url(/img/down_icon.png) 86% no-repeat;
background-size: 12%;
}
.span{
margin-top: 26px;
margin-left: -30px;
}
.span span,.span p{
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:#888;
}
.span span{
float: left;
display: inline-block;
height: 56px;
}
.span p{
width: 388px;
}
.close{
position: absolute;
right: -20px;
top: 186px;
cursor: pointer;
z-index: 9999;
}
#ads{
width: 100%;
height: 170px;
padding: 0 0 50px 0;
background: #fff;
}
#ads>a{
display: block;
width: 1200px;
height: 170px;
margin: 0 auto;
}
#ads>a img{
display: block;
width: 100%;
height: 100%;
}
#renovation .renovation .ul ul li{
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;
}
#renovation .renovation .ul ul li:hover {
transform:translate(0,-5px);
-webkit-transform:translate(0,-5px);
-moz-transform:translate(0,-5px);
-o-transform:translate(0,-5px);
-ms-transform:translate(0,-5px);
-webkit-box-shadow:0px 5px 15px #e5e5e5;
-moz-box-shadow:0px 5px 15px #e5e5e5;
box-shadow:1px 9px 36px -6px #888888;
}
#renovation .renovation .ul ul li{
overflow: hidden;
}
#renovation .renovation .ul ul li .img1{
transition: all 0.6s;
}
#renovation .renovation ul li:hover .img1{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.sketch{
width: 1200px;
margin: auto;
}
.sketch .uls .da-thumbs .zxeffect-first {
width: 423px;
height: 462px;
margin-left: 0;
}
.sketch .uls .zxeffect-num {
position: relative;
float: left;
width: 249px;
height: 226px;
margin-left: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.sketch .uls .da-thumbs .zxeffect-second {
width: 508px;
}
.sketch .uls .zxeffect-num img {
width: 100%;
height: 100%;
}
.hover-text {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #32BAB5;
border-radius: 4px;
opacity: 0.9;
color: white;
display: none;
cursor: pointer;
}
.hover-text p{
font-size: 15px;
}
.hover-text p:nth-child(1) {
margin-top: 15px;
}
.hover-text p:nth-child(2) {
border: 1px solid white;
border-radius: 15px;
width: 156px;
height: 25px;
margin: 10px auto 0;
line-height: 25px;
}
.hover-text p:nth-child(2) i {
width: 8px;
height: 10px;
display: inline-flex;
}
/*底部弹窗*/
.btm-float {
position: fixed;
bottom: 0;
display: none;
left: 0;
width: 100%;
height: 112px;
z-index: 102;
}
.btm-float__bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #000;
opacity: .7;
fliter: alpha(opacity=70);
}
.btm-float__content {
position: relative;
width: 1220px;
height: 136px;
margin: 0 auto;
z-index: 2;
}
.btm-float__img {
position: absolute;
bottom: 21px;
left: 110px;
width: 454px;
height: 121px;
}
.btm-line {
position: relative;
float: left;
margin-top: 25px;
margin-left: 609px;
font-size: 14px;
color: #999;
}
.btm-btn {
width: 140px;
margin-left: 10px;
color: #333;
font-size: 16px;
text-align: center;
line-height: 40px;
background-color: #ffe612;
cursor: pointer;
}
.btm-btn, .btm-city {
float: left;
height: 40px;
margin-top: 25px;
}
.district {
position: relative;
z-index: 10;
display: inline-block;
}
#yy-form .input {
color: #9B9B9B;
border: 1px solid #979797;
height: 34px;
width: 248px;
padding: 0 20px;
border:0;
margin:6px 0 0 6px;
}
#yy-form select{
width: 160px;
margin-left: 6px;
background-color: #fff;
}
#yy-form #login-btn{
width: 242px;
margin-left: 6px;
color: #333;
font-size: 16px;
text-align: center;
line-height: 34px;
background-color: #ffe612;
cursor: pointer;
vertical-align: top;
margin-top: 6px;
}