.page_detail{ display:none; } .container1{ height:310px;position:relative; } .container1 .bg{ position:absolute;left:0;top:0;width:100%;height:100%; } .container1 .bg img{ width:100%;height:310px; } .container1 .main { padding-top:110px;box-sizing: border-box; } .container1 .main img{ width:20px;height:20px; } .container1 .main .cn{ font-size:36px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(255,255,255,1); margin-top:16px; } .container1 .main .en{ font-size:14px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(255,255,255,1); margin-top:7px; } .container2 { background-color: #F4F4F4; } .container2 .main{ background-color:#fff;height:196px;display:flex;flex-direction: row; } .container2 .main .left{ width:213px;box-sizing: border-box;padding-top:42px;padding-right: 32px; } .container2 .main .right{ width:947px;margin-right:32px;border-bottom:1px solid #979797; font-size:14px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1); line-height:24px;box-sizing: border-box;padding-top:35px;text-align:justify; } .container2 .main .en{ font-size:21px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(195,150,110,1); line-height:25px;text-align:right; } .container2 .main .cn{ font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(102,88,93,1); line-height:25px;text-align:right;margin-top:9px; } .container3{ height:765px;background-color: #9A9CC4;position:relative; } .container3 .mask{ position:absolute;left:0;top:0;width:100%;height:100%; } .container3 .mask img{ width:100%;height:100%;vertical-align: top; } .container3 .main{ height:746px;background-color: #fff;display:flex;flex-direction: row; z-index:999; } .container3 .main>.left{ width:213px;box-sizing: border-box;padding-top:34px;padding-right: 32px; display:flex;align-items: flex-end;flex-direction: column; } .container3 .main>.right{ width:947px;box-sizing: border-box;padding-top:34px; } .container3 .main .en{ font-size:21px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(195,150,110,1); line-height:25px;text-align:right; } .container3 .main .cn{ font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(102,88,93,1); line-height:25px;text-align:right;margin-top:9px; } .container3 .main>.left .content{ font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1); line-height:24px;width:143px;padding-right:0;margin-top:20px;text-align:justify; } .container3 .right .item { display:flex;flex-direction: row;background-color:#F4F4F4;margin-bottom:15px;margin-right:32px; } .container3 .right .item .left img{ width:386px;height:217px; } .container3 .right .item .right { position:relative; } .container3 .right .item .title{ position:absolute;left:0;top:48px;width:174px;background-color:#66585D;height:37px;line-height:37px; border-top-right-radius: 18px;border-bottom-right-radius: 18px;text-align:center; font-size:14px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;color:rgba(255,255,255,1); transition: all 300ms; } .container3 .right .item:hover .title{ background-color:#B39EBA; transition: all 300ms; } .container3 .right .item:hover .right{ background-color:#474B95;color:#fff; transition: all 300ms; } .container3 .right .item .right .content{ transition: all 300ms;text-align:justify; } .container3 .right .item:hover .right .content{ color:#fff; transition: all 300ms; } .container3 .right .item .content { font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1); line-height:24px;padding:94px 45px 0 54px; } .container4 .main{ height:429px;text-align:center;box-sizing: border-box;padding-top:16px; } .container4 .en{ font-size:21px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold; color:rgba(74,74,74,1); } .container4 .cn{ font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600; color:rgba(51,51,51,1); } .container4 .list{ position:relative;margin-top:15px; } .container4 .list_box { overflow:hidden;height:260px;width:1160px;position:relative; } .container4 .list_box ul { width:100%;height:260px;position:absolute;z-index:99; } .container4 .list_box .item{ width:380px;height:260px;border:1px solid rgba(207,203,203,1);box-sizing: border-box; padding:15px 15px 0 15px;float:left;margin-right:11px;position:relative; } .container4 .list_box .item:last-child{ margin-right:0; } .container4 .list_box .item:hover{ cursor: pointer; } .container4 .list_box .item img { width:350px;height:205px; } .container4 .list_box .item .title div { font-size:12px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;color:rgba(119,119,119,1); line-height:40px;height:40px; } .container4 .list_box .item .opt_view{ position:absolute;left:135px;bottom:38px;width:110px;height:0; background-image: url("../img/house/icon_view.png");background-size: 100% 100%; -webkit-transition:.5s;transition: .5s; } .container4 .list_box .item:hover .opt_view{ height:52px;-webkit-transition:.5s;transition: .5s; } .container4 .list_box .item .opt_mask{ position:absolute;left:135px;top:220px;width:110px;height:0; background-color:#B39EBA;-webkit-transition:.5s;transition: .5s; font-size:12px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;color:#fff; line-height:40px;overflow:hidden; } .container4 .list_box .item:hover .opt_mask{ -webkit-transition:.5s;transition: .5s;height:40px; } .container4 .pages{ display:flex;flex-direction: row;justify-content: center;align-items: center; margin-top:15px; } .container4 .pages div{ width:33px;height:33px;line-height:33px;background-color:#D8D8D8;color:#9B9B9B;margin-right:5px; cursor:pointer; } .container4 .pages div.active{ color:#D61E2B; } .opt_back{ height:56px;width:1114px; background-image:url("../img/icon/icon_back.png");background-repeat: no-repeat; background-size: 56px 56px;background-position: right center; } .container5 { height:737px; } .container5 .main .item{ display:flex;flex-direction:column;justify-content: center;align-items: center; } .container5 .list{ position:relative;height:456px; } .container5 .list_box{ overflow:hidden;height:100%;width:841px;position:relative; } .container5 .list_box ul { width:100%;height:456px;position:absolute;z-index:99; } .container5 .list_box ul li{ float:left;text-align:center;width:841px;height:456px; } .container5 .list_box ul li img, .container3 .list_box ul li img{ width:841px;height:456px; } .container5 .btn_pre{ background-image: url("../img/icon/icon_left_red.png");background-size: 37px 37px; width:37px;height:37px;position:absolute;left:-53px;top:210px;z-index:100; } .container5 .btn_next{ background-image: url("../img/icon/icon_right_red.png");background-size: 37px 37px; width:37px;height:37px;position:absolute;right:-53px;top:210px;z-index:100; } .container5 .btn_pre:hover{ background-image: url("../img/icon/icon_left_red_active.png"); } .container5 .btn_next:hover{ background-image: url("../img/icon/icon_right_red_active.png"); } .container5 .item .intro { width:841px;display: flex;flex-direction: row;margin-top:16px; } .container5 .item .intro .left{ width:202px;border-right:1px solid #979797;box-sizing: border-box;padding-right:26px; display: flex;flex-direction:column;align-items: flex-end; } .container5 .item .intro .right{ width:638px;box-sizing: border-box;padding-left:14px; } .container5 .item .intro .left .title { font-size:18px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500; color:rgba(74,74,74,1);line-height:25px; } .container5 .item .intro .left .telephone { font-size:21px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold; color:rgba(74,74,74,1);line-height:21px;padding-left:26px; background-image: url("../img/land/icon_telephone.png");background-repeat: no-repeat; background-size: 19px 19px;background-position: left center; margin-top:20px; } .container5 .item .intro .left .addr { font-size:10px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600; color:rgba(74,74,74,1);line-height:20px;padding-left:25px;height:20px; -webkit-text-stroke:0px rgba(255,121,59,1);text-stroke:0px rgba(255,121,59,1); background-image: url("../img/land/icon_addr.png");background-repeat: no-repeat; background-size: 23px 19px;background-position: left center; } .container5 .item .intro .right { font-size:13px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:400; color:rgba(74,74,74,1);line-height:24px; } .container5 .item .intro .right .title { font-weight:600; }