@charset "utf-8"; *{ margin:0px; padding:0px;} body{ font-family:"Source Han Sans CN","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; color:#000; font-size:14px; line-height:24px; background-color:#fff;} h1 , h2 , h3 , h4{ /* display:inline;*/ font-size:inherit;} li{ list-style:none;} i{ font-style:normal;} a:link , a:visited , a:active{ text-decoration:none; color:#000;} a:hover{ color:#E83428; text-decoration:none;} img{ border:0; vertical-align:middle;} a img{ border:none;} input , textarea , select{ font-family:"Source Han Sans CN","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";} select::-ms-expand{ display: none;} .clear{ clear: both;} .f_left{ float:left;} .f_right{ float:right;} .hide{ display: none;} .base_w{ width:1200px; margin-left:auto; margin-right:auto;} .big_w{ min-width: 1200px; margin-left:auto; margin-right:auto;} @font-face{ font-family: DIN; src:url(DIN-MEDIUM.OTF); } .DIN{ font-family:"DIN","PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";} /* 导航 */ .nav_fixed{ width: 100%; height: 101px; border-bottom: #eee solid 1px; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 2; box-shadow: 0 1px 10px rgba(0,0,0,.1); } .nav_box{ position: relative;} /* 搜索框 */ .base_search_box{ padding: 10px; background-color: #fff; position: absolute; right: 0; top: 100px; z-index: 9;} .base_search_box input#searchText , .base_search_box input#searchBtn{ height: 30px; border: 0;outline: none; float: left;} .base_search_box input#searchText{ width: 180px; padding: 0 10px; margin-right: 10px; color: #666; background: #eee; } .base_search_box input#searchBtn{ width: 80px; color: #fff; background-color: #E83428} /* LOGO */ .nav_logo{ width: 220px; padding-top: 23px; float: left;} .nav_logo a{ display: inline-block;} .nav_logo img{ width: 165px;} /* 导航 */ .nav_body{ width: 850px; float: right;} .nav_list{ width: 732px; float: right; position: relative;} .nav_list li{ width: 122px; height: 100px; text-align: center; font-size: 16px; float: left; position: relative;} .nav_list li.cur a.nav_list_li{ color:#E83428;} .nav_list li a.nav_list_li{ display: block; width: 100%; height: 100px; line-height: 100px; color: #616161;} .nav_list li a.nav_list_li:hover , .nav_list li:hover a.nav_list_li{ color:#E83428;} .nav_cur_line{ width: 64px; height: 3px; background-color: #E83428; position: absolute; top: 0;} /* 导航 - 二级 */ .nav_more{ width: 100%; position: absolute; left: 0; top: 100px; background: url(../img/nav_bg.png); z-index: 9;} .nav_more a{ display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; background: url(../img/nav_bg.png) no-repeat center center; background-size:0 0;} .nav_more a:hover{ background-size: 100% 100%;} /* 右 */ .nav_right{ width: 125px; height: 100px; line-height: 100px; text-align: right; float: right; cursor: pointer;} .nav_right a{ display: inline-block; vertical-align: middle;} .nav_right img{ display: inline-block; vertical-align: middle; width: 32px;} .nav_right_line{ display: inline-block; vertical-align: middle; width: 1px; height: 30px; margin: 0 12px; background-color: #E1E1E1;} /* */ .nav_box_blank{ height: 100px;} /* 底部 */ .footer_box{ height: 272px; color: #616161; background-color: #F2F2F2;} /* 左 */ .footer_l{ width: 680px; padding-top: 55px; float: left;} .footer_l_link{ line-height: 28px; margin-bottom: 22px; font-size: 16px;} .footer_l_link a{ color: #616161;} .footer_l_link a:hover{ color: #E83428;} .footer_l_link_line{ display: inline-block; vertical-align: middle; position: relative; top: -1px; width: 1px; height: 16px; margin: 0 28px; background-color: #616161;} .footer_l_msg{ line-height: 28px; font-size: 14px;} .footer_l_msg p{} .footer_l_msg a{ color: #616161;} .footer_l_msg a:hover{ color: #E83428;} .footer_l_msg_link_line{ display: inline-block; vertical-align: middle; position: relative; top: -1px; width: 1px; height: 12px; margin: 0 14px; background-color: #616161;} /* 右 */ .footer_r{ width: 500px; padding-top: 80px; text-align: right; font-size: 14px; float: right;} .footer_r_code{ display: inline-block; vertical-align: top; margin-left: 12px;} .footer_r_code img{ display: block; width: 98px;} .footer_r_code p{ line-height: 26px; text-align: center;} /* 内页banner */ .ny_banner{ height: 320px; position: relative;/* background-attachment: fixed !important; */} .ny_banner_box{ width: 1200px; height: 100px; text-align: center; color: #fff; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -50px;} .banner_box1{ width: 467px; position: absolute; left: 358px; top: -10px; -webkit-animation: fadeToDown60 1.6s both; -moz-animation: fadeToDown60 1.6s both; -ms-animation: fadeToDown60 1.6s both; -o-animation: fadeToDown60 1.6s both; animation: fadeToDown60 1.6s both; } .banner_box2{ width: 467px; position: absolute; left: 376px; top: -26px; -webkit-animation: fadeToTop60 1.6s both; -moz-animation: fadeToTop60 1.6s both; -ms-animation: fadeToTop60 1.6s both; -o-animation: fadeToTop60 1.6s both; animation: fadeToTop60 1.6s both; } .ny_banner_letter{ line-height: 40px; font-size: 24px; -webkit-animation: fadeToDown60 .8s .4s both; -moz-animation: fadeToDown60 .8s .4s both; -ms-animation: fadeToDown60 .8s .4s both; -o-animation: fadeToDown60 .8s .4s both; animation: fadeToDown60 .8s .4s both; } .ny_banner_text{ line-height: 60px; font-size: 40px; font-weight: bold; -webkit-animation: fadeToTop60 .8s .6s both; -moz-animation: fadeToTop60 .8s .6s both; -ms-animation: fadeToTop60 .8s .6s both; -o-animation: fadeToTop60 .8s .6s both; animation: fadeToTop60 .8s .6s both; } /* 内页导航 */ .ny_nav{ margin-top: 17px; text-align: center; border-bottom: #E1E1E1 solid 2px;} .ny_nav_li , a.ny_nav_li{ display: inline-block; vertical-align: middle; padding: 0 4px; height: 86px; line-height: 86px; color: #616161; font-size: 18px; position: relative;} .ny_nav_li.cur , a.ny_nav_li.cur , .ny_nav_li:hover , a.ny_nav_li:hover{ color: #E83428;} .ny_nav_li i , a.ny_nav_li i{ width: 0; height: 2px; background-color: #E83428; position: absolute; left: 50%; bottom: -2px;} .ny_nav_li.cur i , a.ny_nav_li.cur i , .ny_nav_li:hover i , a.ny_nav_li:hover i{ width: 100%; left: 0;} .ny_nav_line{ display: inline-block; vertical-align: middle; width: 1px; height: 18px; margin: 0 27px; background-color: #E1E1E1;} /* 加载更多 */ .load_more_btn{ width: 358px; height: 44px; line-height: 44px; margin: 36px auto 60px auto; text-align: center; color: #999; font-size: 14px; border: #999 solid 1px; cursor: pointer;} .load_more_btn:hover{ color: #fff; border-radius: 8px; border: #E83428 solid 1px; background-color: #E83428;} /* ================================= */ /* 首页 */ /* banner */ .index_banner.swiper-container{ height: 480px;} .index_banner.swiper-container .swiper-slide-active .index_banner_show{ display: block;} .index_banner_show{ display: none; width: 1200px; text-align: center; position: absolute; left: 50%; margin-left: -600px; top: 138px;} .index_banner_show_1{ line-height: 55px; margin-bottom: 13px;} .index_banner_show_1 img:first-child{ vertical-align: top; margin-right: 8px; -webkit-animation: fadeInMinToMax 1.5s .1s ease both; -moz-animation: fadeInMinToMax 1.5s .1s ease both; -ms-animation: fadeInMinToMax 1.5s .1s ease both; -o-animation: fadeInMinToMax 1.5s .1s ease both; animation: fadeInMinToMax 1.5s .1s ease both; } .index_banner_show_1 img:last-child{ vertical-align: bottom; -webkit-animation: fadeToRight60 1.5s .1s ease both; -moz-animation: fadeToRight60 1.5s .1s ease both; -ms-animation: fadeToRight60 1.5s .1s ease both; -o-animation: fadeToRight60 1.5s .1s ease both; animation: fadeToRight60 1.5s .1s ease both; } .index_banner_show_2{ line-height: 58px;} .index_banner_show_2 img:first-child{ vertical-align: top; margin-right: 8px; -webkit-animation: fadeToLeft60 1.5s .3s ease both; -moz-animation: fadeToLeft60 1.5s .3s ease both; -ms-animation: fadeToLeft60 1.5s .3s ease both; -o-animation: fadeToLeft60 1.5s .3s ease both; animation: fadeToLeft60 1.5s .3s ease both; } .index_banner_show_2 img:last-child{ vertical-align: bottom; -webkit-animation: fadeInMinToMax 1.5s .1s ease both; -moz-animation: fadeInMinToMax 1.5s .1s ease both; -ms-animation: fadeInMinToMax 1.5s .1s ease both; -o-animation: fadeInMinToMax 1.5s .1s ease both; animation: fadeInMinToMax 1.5s .1s ease both; } .index_banner_arrow_left , .index_banner_arrow_right{ width: 74px; height: 74px; position: absolute; top: 50%; margin-top: -37px; z-index: 1;} .index_banner_arrow_left{ background: url(../img/arrow-left.png); background-size: 100%; left: 10px;} .index_banner_arrow_right{ background: url(../img/arrow-right.png); background-size: 100%; right: 10px;} /* .pagination { position: absolute; left: 0; text-align: center; bottom:5px; width: 100%; } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; } .swiper-active-switch { background: #fff; } */ /* 合房动态 / 合房出品 */ .index_title{ margin-top: 35px; line-height: 54px; text-align: center; color: #616161; font-size: 28px; font-weight: bold; position: relative;} .index_title p span{ margin: 0 6px;} .index_title img{ display: block; height: 10px; margin: 0 auto;} .index_hfcp_more{ position: absolute; right: 0; top: 50%; margin-top: -12px;} .index_hfcp_more img{ width: 66px; height: 24px;} /* 合房动态 */ /* 切换菜单 */ .index_hfdt_nav{ padding-bottom: 6px; border-bottom: #E1E1E1 solid 2px;} .index_hfdt_nav_li , a.index_hfdt_nav_li{ height: 80px; line-height: 80px; display: inline-block; vertical-align: middle; color: #616161; font-size: 20px; position: relative;} .index_hfdt_nav_li.cur , a.index_hfdt_nav_li.cur{ color: #E83428;} .index_hfdt_nav_li i , a.index_hfdt_nav_li i{ width: 0; height: 2px; background-color: #E83428; position: absolute; left: 50%; bottom: -8px;} .index_hfdt_nav_li.cur i , a.index_hfdt_nav_li.cur i , .index_hfdt_nav_li:hover i , a.index_hfdt_nav_li:hover i{ width: 100%; left: 0;} .index_hfdt_nav_line{ display: inline-block; vertical-align: middle; width: 1px; height: 18px; margin: 0 25px; background-color: #E1E1E1;} .index_hfdt_nav_more{ float: right;} .index_hfdt_nav_more img{ width: 66px; position: relative; top: 28px;} /* 合房资讯 & 政策信息 展示区 */ .index_hfdt_box{ padding-top: 32px; overflow: hidden;} .index_hfdt_box_in{ width: 1235px;} a.index_hfdt_li , .index_hfdt_li{ width: 276px; margin-right: 32px; font-size: 16px; color: #58585E; float: left; -webkit-animation: fadeToLeft .6s both; -moz-animation: fadeToLeft .6s both; -ms-animation: fadeToLeft .6s both; -o-animation: fadeToLeft .6s both; animation: fadeToLeft .6s both; } a.index_hfdt_li:hover , .index_hfdt_li:hover{ color: #E83428;} .index_hfdt_li_day{ line-height: 32px; color: #999; font-size: 26px;} .index_hfdt_li_year{ line-height: 18px; color: #999; font-size: 14px;} .index_hfdt_li_title{ line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .index_hfdt_li_img{ height: 180px; margin-top: 5px;} .index_hfdt_li_img img{ width: 100%; height: 100%; object-fit: cover;} /* 合房出品 */ /* 合房出品 - 轮播 */ .index_hfcp_box{ height: 500px; margin-bottom: 60px;} .index_hfcp_box.swiper-container{ margin-top: 50px; margin-bottom: 60px;} .index_hfcp_box img{ width: 100%; height: 100%; object-fit: cover;} .index_hfcp_box.swiper-container .swiper-slide{ position: relative;} .index_hfcp_msg{ display: none; width: 604px; height: 83px; padding: 10px 20px 0 20px; color: #fff; background: url(../img/index_hfcp_bg.png) repeat-y; background-size: 100%; position: absolute; left: 0; top: 338px; overflow: hidden;} .swiper-slide-active .index_hfcp_msg{ display: block;} .index_hfcp_msg_title{ height: 48px; line-height: 48px; font-size: 28px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-animation: fadeToLeft .6s both; -moz-animation: fadeToLeft .6s both; -ms-animation: fadeToLeft .6s both; -o-animation: fadeToLeft .6s both; animation: fadeToLeft .6s both; } .index_hfcp_msg_text{ height: 24px; line-height: 24px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-animation: fadeToLeft .6s .1s both; -moz-animation: fadeToLeft .6s .1s both; -ms-animation: fadeToLeft .6s .1s both; -o-animation: fadeToLeft .6s .1s both; animation: fadeToLeft .6s .1s both; } .index_hfcp_arrow_left , .index_hfcp_arrow_right{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -37px; z-index: 1;} .index_hfcp_arrow_left{ background: url(../img/arrow_left_.png); background-size: 100%; left: 0;} .index_hfcp_arrow_right{ background: url(../img/arrow_right_.png); background-size: 100%; right: 0;} /* ================================= */ /* 关于威斯尼斯人.8846.com - 公司简介 */ .about_gsjj_one{ height: 450px; line-height: 34px; text-align: justify; color: #999; font-size: 14px; overflow: hidden;} .about_gsjj_one table{} .about_gsjj_one table td{ height: 450px;} .about_gsjj_one .red{ color: #E83428;} .about_gsjj_one_msg{ width: 496px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } /* 视频 */ video{ display: block; width: 100%; height: 370px; outline: none; background-color: #000;} /* 融合发展 */ .about_gsjj_two{ height: 400px; line-height: 34px; text-align: justify; color: #999; font-size: 14px; overflow: hidden; background-color: #FFF8F6;} .about_gsjj_two table{} .about_gsjj_two table td{ height: 400px;} .about_gsjj_two .red{ color: #E83428;} .about_gsjj_two_show{ width: 326px; height: 320px; margin: 0 auto; position: relative;} .about_gsjj_two_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform-origin:51.42857142857143% 49.56268221574344%; -moz-transform-origin:51.42857142857143% 49.56268221574344%; -ms-transform-origin:51.42857142857143% 49.56268221574344%; -o-transform-origin:51.42857142857143% 49.56268221574344%; transform-origin:51.42857142857143% 49.56268221574344%; } .about_gsjj_two_msg{ padding-left: 10px; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } /* 威斯尼斯人.8846.com */ .about_gsjj_three{ height: 352px; line-height: 34px; text-align: justify; color: #999; font-size: 14px; overflow: hidden;} .about_gsjj_three table{} .about_gsjj_three table td{ height: 352px;} .about_gsjj_three .red{ color: #E83428;} .about_gsjj_three_msg{ width: 496px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .about_gsjj_three_show{ width: 502px; height: 262px; position: relative;} .about_gsjj_three_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 动画 */ .about_gsjj_two_show:hover img:nth-child(1){ -webkit-animation: roate 1.5s ease-out both; -moz-animation: roate 1.5s ease-out both; -ms-animation: roate 1.5s ease-out both; -o-animation: roate 1.5s ease-out both; animation: roate 1.5s ease-out both; } .about_gsjj_two_show:hover img:nth-child(2){ -webkit-animation: roate2 1.5s .01s ease-out both; -moz-animation: roate2 1.5s .01s ease-out both; -ms-animation: roate2 1.5s .01s ease-out both; -o-animation: roate2 1.5s .01s ease-out both; animation: roate2 1.5s .01s ease-out both; } .about_gsjj_two_show:hover img:nth-child(3){ -webkit-animation: roate 1.5s .05s ease-out both; -moz-animation: roate 1.5s .05s ease-out both; -ms-animation: roate 1.5s .05s ease-out both; -o-animation: roate 1.5s .05s ease-out both; animation: roate 1.5s .05s ease-out both; } .about_gsjj_two_show:hover img:nth-child(4){ -webkit-animation: roate2 1.5s .1s ease-out both; -moz-animation: roate2 1.5s .1s ease-out both; -ms-animation: roate2 1.5s .1s ease-out both; -o-animation: roate2 1.5s .1s ease-out both; animation: roate2 1.5s .1s ease-out both; } .about_gsjj_two_show:hover img:nth-child(5){ -webkit-animation: fadeInMinToMax 1.5s .15s ease-out both; -moz-animation: fadeInMinToMax 1.5s .15s ease-out both; -ms-animation: fadeInMinToMax 1.5s .15s ease-out both; -o-animation: fadeInMinToMax 1.5s .15s ease-out both; animation: fadeInMinToMax 1.5s .15s ease-out both; } .about_gsjj_three_show:hover img:nth-child(1){ -webkit-transform-origin:77px 207px; -moz-transform-origin:77px 207px; -ms-transform-origin:77px 207px; -o-transform-origin:77px 207px; transform-origin:77px 207px; -webkit-animation: fadeInMinToMax .5s linear both; -moz-animation: fadeInMinToMax .5s linear both; -ms-animation: fadeInMinToMax .5s linear both; -o-animation: fadeInMinToMax .5s linear both; animation: fadeInMinToMax .5s linear both; } .about_gsjj_three_show:hover img:nth-child(2){ -webkit-animation: fadeIn 1.8s .1s linear both; -moz-animation: fadeIn 1.8s .1s linear both; -ms-animation: fadeIn 1.8s .1s linear both; -o-animation: fadeIn 1.8s .1s linear both; animation: fadeIn 1.8s .1s linear both; } .about_gsjj_three_show:hover img:nth-child(3){ -webkit-transform-origin:224px 82px; -moz-transform-origin:224px 82px; -ms-transform-origin:224px 82px; -o-transform-origin:224px 82px; transform-origin:224px 82px; -webkit-animation: fadeInMinToMax .5s .2s linear both; -moz-animation: fadeInMinToMax .5s .2s linear both; -ms-animation: fadeInMinToMax .5s .2s linear both; -o-animation: fadeInMinToMax .5s .2s linear both; animation: fadeInMinToMax .5s .2s linear both; } .about_gsjj_three_show:hover img:nth-child(4){ -webkit-animation: fadeToLeft60 .5s .4s linear both; -moz-animation: fadeToLeft60 .5s .4s linear both; -ms-animation: fadeToLeft60 .5s .4s linear both; -o-animation: fadeToLeft60 .5s .4s linear both; animation: fadeToLeft60 .5s .4s linear both; } .about_gsjj_three_show:hover img:nth-child(5){ -webkit-transform-origin:387px 154px; -moz-transform-origin:387px 154px; -ms-transform-origin:387px 154px; -o-transform-origin:387px 154px; transform-origin:387px 154px; -webkit-animation: fadeInMinToMax .5s .6s linear both; -moz-animation: fadeInMinToMax .5s .6s linear both; -ms-animation: fadeInMinToMax .5s .6s linear both; -o-animation: fadeInMinToMax .5s .6s linear both; animation: fadeInMinToMax .5s .6s linear both; } .about_gsjj_three_show:hover img:nth-child(6){ -webkit-animation: fadeToTop60 .5s .8s linear both; -moz-animation: fadeToTop60 .5s .8s linear both; -ms-animation: fadeToTop60 .5s .8s linear both; -o-animation: fadeToTop60 .5s .8s linear both; animation: fadeToTop60 .5s .8s linear both; } .about_gsjj_three_show:hover img:nth-child(7){ -webkit-transform-origin:515px 38px; -moz-transform-origin:515px 38px; -ms-transform-origin:515px 38px; -o-transform-origin:515px 38px; transform-origin:515px 38px; -webkit-animation: fadeInMinToMax .5s 1s linear both; -moz-animation: fadeInMinToMax .5s 1s linear both; -ms-animation: fadeInMinToMax .5s 1s linear both; -o-animation: fadeInMinToMax .5s 1s linear both; animation: fadeInMinToMax .5s 1s linear both; } .about_gsjj_three_show:hover img:nth-child(8){ -webkit-animation: fadeToLeft60 .5s 1.2s linear both; -moz-animation: fadeToLeft60 .5s 1.2s linear both; -ms-animation: fadeToLeft60 .5s 1.2s linear both; -o-animation: fadeToLeft60 .5s 1.2s linear both; animation: fadeToLeft60 .5s 1.2s linear both; } /* 关于威斯尼斯人.8846.com - 组织架构 */ .about_zzjg_box{ margin-top: 50px; color: #58585E; font-size: 22px;} /* 公司名称 */ .about_zzjg_company_name_box{ text-align: center;} .about_zzjg_company_name{ display: inline-block; vertical-align: top; height: 50px;} .about_zzjg_company_name img{ float: left;} .about_zzjg_company_name_text{ height: 50px; line-height: 50px; color: #fff; background: url(../img/about_zzjg_company_name_bg.png) repeat-x; background-size: auto 100%; float: left;} /* 向下短箭头 */ .about_zzjg_arrow1{ margin: 16px 0; text-align: center;} .about_zzjg_arrow1 img{ width: 48px; vertical-align: top;} /* 大圆 背景中有文字 */ .about_zzjg_round_bg{ display: inline-block; vertical-align: top; width: 102px; height: 102px; line-height: 102px; text-align: center; color: #fff; background: url(../img/about_round.png); background-size: 100% 100%;} /* 向左箭头 */ .about_arrow3{ width: 54px; vertical-align: top; margin-left: 25px;} /* 向右箭头 */ .about_arrow4{ width: 54px; vertical-align: top; margin-right: 25px;} /* 向下长箭头 */ .about_arrow2{ display: inline-block; vertical-align: top; width: 102px; margin: 0 12px; text-align: center;} .about_arrow2 img{ width: 48px; vertical-align: top;} /* 小圆 下面竖排文字 */ .about_zzjg_round1_bg{ display: inline-block; vertical-align: top; width: 38px; height: 160px; padding-top: 47px; line-height: 24px; text-align: center; background: url(../img/about_round1.png) no-repeat center 5px; background-size: 20px; position: relative; overflow: hidden; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } /* 董事会 / 总经理 */ .about_zzjg_dsh , .about_zzjg_zjl{ height: 102px; text-align: center;} /* 底部架构 */ .about_zzjg_bottom{ width: 1062px; height: 450px; margin: 16px auto 0 auto; position: relative;} /* 圆弧线 */ .about_round_line{ width: 100%; height: 236px; background: url(../img/about_round_line.png) center top; background-size: auto 100%; position: absolute; left: 0; top: 0;} @-webkit-keyframes about_round_line{ 0%{ width: 0; left: 50%;} 100%{ width: 100%; left: 0;} } @-moz-keyframes about_round_line{ 0%{ width: 0; left: 50%;} 100%{ width: 100%; left: 0;} } @-ms-keyframes about_round_line{ 0%{ width: 0; left: 50%;} 100%{ width: 100%; left: 0;} } @-o-keyframes about_round_line{ 0%{ width: 0; left: 50%;} 100%{ width: 100%; left: 0;} } @keyframes about_round_line{ 0%{ width: 0; left: 50%;} 100%{ width: 100%; left: 0;} } /* 总经理 - 详情 */ .about_zzjg_zjl_detail{ text-align: center; position: relative;} .about_zzjg_round1_bg.zzjg_1{ position: absolute; left: 84px; top: 36px;} .about_zzjg_round1_bg.zzjg_2{ position: absolute; left: 162px; top: 106px;} .about_zzjg_round1_bg.zzjg_3{ position: absolute; left: 240px; top: 150px;} .about_zzjg_round1_bg.zzjg_4{ position: absolute; left: 317px; top: 181px;} .about_zzjg_round1_bg.zzjg_5{ position: absolute; left: 395px; top: 201px;} .about_zzjg_round1_bg.zzjg_6{ position: absolute; left: 473px; top: 211px;} .about_zzjg_round1_bg.zzjg_7{ position: absolute; right: 473px; top: 211px;} .about_zzjg_round1_bg.zzjg_8{ position: absolute; right: 395px; top: 201px;} .about_zzjg_round1_bg.zzjg_9{ position: absolute; right: 317px; top: 181px;} .about_zzjg_round1_bg.zzjg_10{ position: absolute; right: 240px; top: 150px;} .about_zzjg_round1_bg.zzjg_11{ position: absolute; right: 162px; top: 106px;} .about_zzjg_round1_bg.zzjg_12{ position: absolute; right: 84px; top: 36px;} .zzjg_1_text1{ width: 22px; position: absolute; left: px; top: px;} .zzjg_1_text2{ width: 16px; line-height: 17px; font-size: 16px; position: absolute; right: 0; top: 47px;} /* 动画 */ .about_zzjg_company_name{ -webkit-animation: fadeInMaxToMin .8s linear both; -moz-animation: fadeInMaxToMin .8s linear both; -ms-animation: fadeInMaxToMin .8s linear both; -o-animation: fadeInMaxToMin .8s linear both; animation: fadeInMaxToMin .8s linear both; } .about_zzjg_arrow1.arrow_dow1{ -webkit-animation: fadeToDown60 .8s .3s linear both; -moz-animation: fadeToDown60 .8s .3s linear both; -ms-animation: fadeToDown60 .8s .3s linear both; -o-animation: fadeToDown60 .8s .3s linear both; animation: fadeToDown60 .8s .3s linear both; } .about_zzjg_dsh .about_zzjg_round_bg{ -webkit-animation: fadeInMinToMax .8s .6s linear both; -moz-animation: fadeInMinToMax .8s .6s linear both; -ms-animation: fadeInMinToMax .8s .6s linear both; -o-animation: fadeInMinToMax .8s .6s linear both; animation: fadeInMinToMax .8s .6s linear both; } .about_zzjg_dsh .about_arrow3{ -webkit-animation: fadeToLeft60 .8s .9s linear both; -moz-animation: fadeToLeft60 .8s .9s linear both; -ms-animation: fadeToLeft60 .8s .9s linear both; -o-animation: fadeToLeft60 .8s .9s linear both; animation: fadeToLeft60 .8s .9s linear both; } .about_zzjg_dsh .about_arrow4{ -webkit-animation: fadeToRight60 .8s .9s linear both; -moz-animation: fadeToRight60 .8s .9s linear both; -ms-animation: fadeToRight60 .8s .9s linear both; -o-animation: fadeToRight60 .8s .9s linear both; animation: fadeToRight60 .8s .9s linear both; } .about_zzjg_dsh .about_zzjg_round1_bg{ -webkit-animation: fadeIn .8s 1.2s linear both; -moz-animation: fadeIn .8s 1.2s linear both; -ms-animation: fadeIn .8s 1.2s linear both; -o-animation: fadeIn .8s 1.2s linear both; animation: fadeIn .8s 1.2s linear both; } .about_zzjg_dsh .about_zzjg_round1_bg div{ -webkit-animation: fadeToDown60 .8s 1.2s linear both; -moz-animation: fadeToDown60 .8s 1.2s linear both; -ms-animation: fadeToDown60 .8s 1.2s linear both; -o-animation: fadeToDown60 .8s 1.2s linear both; animation: fadeToDown60 .8s 1.2s linear both; } .about_zzjg_arrow1.arrow_dow2{ -webkit-animation: fadeToDown60 .8s 1.5s linear both; -moz-animation: fadeToDown60 .8s 1.5s linear both; -ms-animation: fadeToDown60 .8s 1.5s linear both; -o-animation: fadeToDown60 .8s 1.5s linear both; animation: fadeToDown60 .8s 1.5s linear both; } .about_zzjg_zjl .about_zzjg_round_bg{ -webkit-animation: fadeInMinToMax .8s 1.8s linear both; -moz-animation: fadeInMinToMax .8s 1.8s linear both; -ms-animation: fadeInMinToMax .8s 1.8s linear both; -o-animation: fadeInMinToMax .8s 1.8s linear both; animation: fadeInMinToMax .8s 1.8s linear both; } .about_zzjg_zjl_detail .about_arrow3{ -webkit-animation: fadeToLeft60 .8s 2.1s linear both; -moz-animation: fadeToLeft60 .8s 2.1s linear both; -ms-animation: fadeToLeft60 .8s 2.1s linear both; -o-animation: fadeToLeft60 .8s 2.1s linear both; animation: fadeToLeft60 .8s 2.1s linear both; } .about_zzjg_zjl_detail .about_arrow4{ -webkit-animation: fadeToRight60 .8s 2.1s linear both; -moz-animation: fadeToRight60 .8s 2.1s linear both; -ms-animation: fadeToRight60 .8s 2.1s linear both; -o-animation: fadeToRight60 .8s 2.1s linear both; animation: fadeToRight60 .8s 2.1s linear both; } .about_zzjg_zjl_detail .about_zzjg_round1_bg{ -webkit-animation: fadeIn .8s 2.4s linear both; -moz-animation: fadeIn .8s 2.4s linear both; -ms-animation: fadeIn .8s 2.4s linear both; -o-animation: fadeIn .8s 2.4s linear both; animation: fadeIn .8s 2.4s linear both; } .about_zzjg_zjl_detail .about_zzjg_round1_bg div{ -webkit-animation: fadeToDown60 .8s 2.4s linear both; -moz-animation: fadeToDown60 .8s 2.4s linear both; -ms-animation: fadeToDown60 .8s 2.4s linear both; -o-animation: fadeToDown60 .8s 2.4s linear both; animation: fadeToDown60 .8s 2.4s linear both; } .about_arrow2{ -webkit-animation: fadeToDown60 .8s 2.7s linear both; -moz-animation: fadeToDown60 .8s 2.7s linear both; -ms-animation: fadeToDown60 .8s 2.7s linear both; -o-animation: fadeToDown60 .8s 2.7s linear both; animation: fadeToDown60 .8s 2.7s linear both; } .about_round_line{ -webkit-animation: about_round_line .8s 3s linear both; -moz-animation: about_round_line .8s 3s linear both; -ms-animation: about_round_line .8s 3s linear both; -o-animation: about_round_line .8s 3s linear both; animation: about_round_line .8s 3s linear both; } .zzjg_1{ -webkit-animation: fadeIn .8s 3.6s linear both; -moz-animation: fadeIn .8s 3.6s linear both; -ms-animation: fadeIn .8s 3.6s linear both; -o-animation: fadeIn .8s 3.6s linear both; animation: fadeIn .8s 3.6s linear both; } .zzjg_2{ -webkit-animation: fadeIn .8s 3.8s linear both; -moz-animation: fadeIn .8s 3.8s linear both; -ms-animation: fadeIn .8s 3.8s linear both; -o-animation: fadeIn .8s 3.8s linear both; animation: fadeIn .8s 3.8s linear both; } .zzjg_3{ -webkit-animation: fadeIn .8s 4s linear both; -moz-animation: fadeIn .8s 4s linear both; -ms-animation: fadeIn .8s 4s linear both; -o-animation: fadeIn .8s 4s linear both; animation: fadeIn .8s 4s linear both; } .zzjg_4{ -webkit-animation: fadeIn .8s 4.2s linear both; -moz-animation: fadeIn .8s 4.2s linear both; -ms-animation: fadeIn .8s 4.2s linear both; -o-animation: fadeIn .8s 4.2s linear both; animation: fadeIn .8s 4.2s linear both; } .zzjg_5{ -webkit-animation: fadeIn .8s 4.4s linear both; -moz-animation: fadeIn .8s 4.4s linear both; -ms-animation: fadeIn .8s 4.4s linear both; -o-animation: fadeIn .8s 4.4s linear both; animation: fadeIn .8s 4.4s linear both; } .zzjg_6{ -webkit-animation: fadeIn .8s 4.6s linear both; -moz-animation: fadeIn .8s 4.6s linear both; -ms-animation: fadeIn .8s 4.6s linear both; -o-animation: fadeIn .8s 4.6s linear both; animation: fadeIn .8s 4.6s linear both; } .zzjg_7{ -webkit-animation: fadeIn .8s 4.8s linear both; -moz-animation: fadeIn .8s 4.8s linear both; -ms-animation: fadeIn .8s 4.8s linear both; -o-animation: fadeIn .8s 4.8s linear both; animation: fadeIn .8s 4.8s linear both; } .zzjg_8{ -webkit-animation: fadeIn .8s 5s linear both; -moz-animation: fadeIn .8s 5s linear both; -ms-animation: fadeIn .8s 5s linear both; -o-animation: fadeIn .8s 5s linear both; animation: fadeIn .8s 5s linear both; } .zzjg_9{ -webkit-animation: fadeIn .8s 5.2s linear both; -moz-animation: fadeIn .8s 5.2s linear both; -ms-animation: fadeIn .8s 5.2s linear both; -o-animation: fadeIn .8s 5.2s linear both; animation: fadeIn .8s 5.2s linear both; } .zzjg_10{ -webkit-animation: fadeIn .8s 5.4s linear both; -moz-animation: fadeIn .8s 5.4s linear both; -ms-animation: fadeIn .8s 5.4s linear both; -o-animation: fadeIn .8s 5.4s linear both; animation: fadeIn .8s 5.4s linear both; } .zzjg_11{ -webkit-animation: fadeIn .8s 5.6s linear both; -moz-animation: fadeIn .8s 5.6s linear both; -ms-animation: fadeIn .8s 5.6s linear both; -o-animation: fadeIn .8s 5.6s linear both; animation: fadeIn .8s 5.6s linear both; } .zzjg_12{ -webkit-animation: fadeIn .8s 5.8s linear both; -moz-animation: fadeIn .8s 5.8s linear both; -ms-animation: fadeIn .8s 5.8s linear both; -o-animation: fadeIn .8s 5.8s linear both; animation: fadeIn .8s 5.8s linear both; } .zzjg_1 div{ -webkit-animation: fadeToDown60 .8s 3.6s linear both; -moz-animation: fadeToDown60 .8s 3.6s linear both; -ms-animation: fadeToDown60 .8s 3.6s linear both; -o-animation: fadeToDown60 .8s 3.6s linear both; animation: fadeToDown60 .8s 3.6s linear both; } .zzjg_2 div{ -webkit-animation: fadeToDown60 .8s 3.8s linear both; -moz-animation: fadeToDown60 .8s 3.8s linear both; -ms-animation: fadeToDown60 .8s 3.8s linear both; -o-animation: fadeToDown60 .8s 3.8s linear both; animation: fadeToDown60 .8s 3.8s linear both; } .zzjg_3 div{ -webkit-animation: fadeToDown60 .8s 4s linear both; -moz-animation: fadeToDown60 .8s 4s linear both; -ms-animation: fadeToDown60 .8s 4s linear both; -o-animation: fadeToDown60 .8s 4s linear both; animation: fadeToDown60 .8s 4s linear both; } .zzjg_4 div{ -webkit-animation: fadeToDown60 .8s 4.2s linear both; -moz-animation: fadeToDown60 .8s 4.2s linear both; -ms-animation: fadeToDown60 .8s 4.2s linear both; -o-animation: fadeToDown60 .8s 4.2s linear both; animation: fadeToDown60 .8s 4.2s linear both; } .zzjg_5 div{ -webkit-animation: fadeToDown60 .8s 4.4s linear both; -moz-animation: fadeToDown60 .8s 4.4s linear both; -ms-animation: fadeToDown60 .8s 4.4s linear both; -o-animation: fadeToDown60 .8s 4.4s linear both; animation: fadeToDown60 .8s 4.4s linear both; } .zzjg_6 div{ -webkit-animation: fadeToDown60 .8s 4.6s linear both; -moz-animation: fadeToDown60 .8s 4.6s linear both; -ms-animation: fadeToDown60 .8s 4.6s linear both; -o-animation: fadeToDown60 .8s 4.6s linear both; animation: fadeToDown60 .8s 4.6s linear both; } .zzjg_7 div{ -webkit-animation: fadeToDown60 .8s 4.8s linear both; -moz-animation: fadeToDown60 .8s 4.8s linear both; -ms-animation: fadeToDown60 .8s 4.8s linear both; -o-animation: fadeToDown60 .8s 4.8s linear both; animation: fadeToDown60 .8s 4.8s linear both; } .zzjg_8 div{ -webkit-animation: fadeToDown60 .8s 5s linear both; -moz-animation: fadeToDown60 .8s 5s linear both; -ms-animation: fadeToDown60 .8s 5s linear both; -o-animation: fadeToDown60 .8s 5s linear both; animation: fadeToDown60 .8s 5s linear both; } .zzjg_9 div{ -webkit-animation: fadeToDown60 .8s 5.2s linear both; -moz-animation: fadeToDown60 .8s 5.2s linear both; -ms-animation: fadeToDown60 .8s 5.2s linear both; -o-animation: fadeToDown60 .8s 5.2s linear both; animation: fadeToDown60 .8s 5.2s linear both; } .zzjg_10 div{ -webkit-animation: fadeToDown60 .8s 5.4s linear both; -moz-animation: fadeToDown60 .8s 5.4s linear both; -ms-animation: fadeToDown60 .8s 5.4s linear both; -o-animation: fadeToDown60 .8s 5.4s linear both; animation: fadeToDown60 .8s 5.4s linear both; } .zzjg_11 div{ -webkit-animation: fadeToDown60 .8s 5.6s linear both; -moz-animation: fadeToDown60 .8s 5.6s linear both; -ms-animation: fadeToDown60 .8s 5.6s linear both; -o-animation: fadeToDown60 .8s 5.6s linear both; animation: fadeToDown60 .8s 5.6s linear both; } .zzjg_12 div{ -webkit-animation: fadeToDown60 .8s 5.8s linear both; -moz-animation: fadeToDown60 .8s 5.8s linear both; -ms-animation: fadeToDown60 .8s 5.8s linear both; -o-animation: fadeToDown60 .8s 5.8s linear both; animation: fadeToDown60 .8s 5.8s linear both; } /* 关于威斯尼斯人.8846.com-企业文化 */ .about_qywh_base{ cursor: default;} .about_qywh_base:hover{ font-weight: 100; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .about_qywh_base_title{ height: 60px; line-height: 60px; padding-left: 66px; color: #E83428; font-size: 30px; font-weight: bold; position: relative;} .about_qywh_base_title span.about_qywh_num{ width: 42px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 24px; background: url(../img/hfpp_qywh_num.png); background-size: 100% 100%; position: absolute; left: 0; top: 0;} .about_qywh_base_desc{ height: 62px; line-height: 62px; color: #999; font-size: 24px;} .about_qywh_base_desc span{ display: inline-table; width: 40px; text-align: center; line-height: 48px; vertical-align: top;} /* 企业愿景 */ .about_qywh_qyyj{ height: 358px; overflow: hidden;} .about_qywh_qyyj_box{ width: 1006px; margin: 0 auto;} .about_qywh_qyyj_box table{} .about_qywh_qyyj_box table td{ height: 358px;} .about_qywh_qyyj_show{ width: 412px; height: 278px; position: relative;} .about_qywh_qyyj_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 企业使命 */ .about_qywh_qysm{ height: 384px; background-color: #FFF8F6; overflow: hidden;} .about_qywh_qysm table{} .about_qywh_qysm table td{ height: 384px;} .about_qywh_qysm_show{ width: 304px; height: 304px; margin-left: 152px; position: relative;} .about_qywh_qysm_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 企业发展理念 */ .about_qywh_qyfzln{ height: 412px; overflow: hidden;} .about_qywh_qyfzln_box{ width: 1008px; margin: 0 auto;} .about_qywh_qyfzln_box table{} .about_qywh_qyfzln_box table td{ height: 412px;} .about_qywh_qyfzln_show{ width: 335px; height: 332px; position: relative;} .about_qywh_qyfzln_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 企业精神 */ .about_qywh_qyjs{ height: 382px; background-color: #FFF8F6; overflow: hidden;} .about_qywh_qyjs table{} .about_qywh_qyjs table td{ height: 382px;} .about_qywh_qyjs_show{ width: 340px; height: 302px; margin-left: 139px; position: relative;} .about_qywh_qyjs_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 企业发展模式 */ .about_qywh_qyfzms{ height: 340px; overflow: hidden;} .about_qywh_qyfzms_box{} .about_qywh_qyfzms_box table{} .about_qywh_qyfzms_box table td{ height: 340px;} .about_qywh_qyfzms_show{ height: 260px; position: relative;} .about_qywh_qyfzms_show_1{ width: 182px; position: absolute; left: 0; top: 0;} .about_qywh_qyfzms_show_2{ width: 56px; position: absolute; left: 202px; top: 22px;} .about_qywh_qyfzms_show_3{ width: 182px; position: absolute; left: 50px; top: 70px;} .about_qywh_qyfzms_show_4{ width: 56px; position: absolute; left: 252px; top: 95px;} .about_qywh_qyfzms_show_5{ width: 182px; position: absolute; left: 100px; top: 140px;} .about_qywh_qyfzms_show_6{ width: 56px; position: absolute; left: 302px; top: 168px;} .about_qywh_qyfzms_show_7{ width: 182px; position: absolute; left: 154px; top: 210px;} /* 核心价值观 */ .about_qywh_hxjzg{ height: 312px; background-color: #FFF8F6; overflow: hidden;} .about_qywh_hxjzg table{} .about_qywh_hxjzg table td{ height: 312px;} .about_qywh_hxjzg_show{ width: 494px; height: 232px; margin-left: 16px; position: relative;} .about_qywh_hxjzg_show img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} /* 动画 */ .about_qywh_qyyj_show:hover img:nth-child(3){ -webkit-transform-origin:38.20960698689956% 80.64516129032258%; -moz-transform-origin:38.20960698689956% 80.64516129032258%; -ms-transform-origin:38.20960698689956% 80.64516129032258%; -o-transform-origin:38.20960698689956% 80.64516129032258%; transform-origin:38.20960698689956% 80.64516129032258%; -webkit-animation: fadeInMaxToMin .4s linear both; -moz-animation: fadeInMaxToMin .4s linear both; -ms-animation: fadeInMaxToMin .4s linear both; -o-animation: fadeInMaxToMin .4s linear both; animation: fadeInMaxToMin .4s linear both; } .about_qywh_qyyj_show:hover img:nth-child(4){ -webkit-transform-origin:61.79039301310044% 19.03225806451613%; -moz-transform-origin:61.79039301310044% 19.03225806451613%; -ms-transform-origin:61.79039301310044% 19.03225806451613%; -o-transform-origin:61.79039301310044% 19.03225806451613%; transform-origin:61.79039301310044% 19.03225806451613%; -webkit-animation: fadeInMaxToMin .4s .2s linear both; -moz-animation: fadeInMaxToMin .4s .2s linear both; -ms-animation: fadeInMaxToMin .4s .2s linear both; -o-animation: fadeInMaxToMin .4s .2s linear both; animation: fadeInMaxToMin .4s .2s linear both; } .about_qywh_qyyj_show:hover img:nth-child(7){ -webkit-transform-origin:85.1528384279476% 54.58515283842795%; -moz-transform-origin:85.1528384279476% 54.58515283842795%; -ms-transform-origin:85.1528384279476% 54.58515283842795%; -o-transform-origin:85.1528384279476% 54.58515283842795%; transform-origin:85.1528384279476% 54.58515283842795%; -webkit-animation: fadeInMaxToMin .4s .4s linear both; -moz-animation: fadeInMaxToMin .4s .4s linear both; -ms-animation: fadeInMaxToMin .4s .4s linear both; -o-animation: fadeInMaxToMin .4s .4s linear both; animation: fadeInMaxToMin .4s .4s linear both; } .about_qywh_qyyj_show:hover img:nth-child(1){ -webkit-transform-origin:14.6% 60.3%; -moz-transform-origin:14.6% 60.3%; -ms-transform-origin:14.6% 60.3%; -o-transform-origin:14.6% 60.3%; transform-origin:14.6% 60.3%; -webkit-animation: fadeToRight60 .5s .6s linear both; -moz-animation: fadeToRight60 .5s .6s linear both; -ms-animation: fadeToRight60 .5s .6s linear both; -o-animation: fadeToRight60 .5s .6s linear both; animation: fadeToRight60 .5s .6s linear both; } .about_qywh_qyyj_show:hover img:nth-child(2){ -webkit-transform-origin:38.2% 39.67%; -moz-transform-origin:38.2% 39.67%; -ms-transform-origin:38.2% 39.67%; -o-transform-origin:38.2% 39.67%; transform-origin:38.2% 39.67%; -webkit-animation: fadeToDown60 .5s .6s linear both; -moz-animation: fadeToDown60 .5s .6s linear both; -ms-animation: fadeToDown60 .5s .6s linear both; -o-animation: fadeToDown60 .5s .6s linear both; animation: fadeToDown60 .5s .6s linear both; } .about_qywh_qyyj_show:hover img:nth-child(5){ -webkit-transform-origin:61.79039301310044% 60.32258064516129%; -moz-transform-origin:61.79039301310044% 60.32258064516129%; -ms-transform-origin:61.79039301310044% 60.32258064516129%; -o-transform-origin:61.79039301310044% 60.32258064516129%; transform-origin:61.79039301310044% 60.32258064516129%; -webkit-animation: fadeToTop60 .5s .6s linear both; -moz-animation: fadeToTop60 .5s .6s linear both; -ms-animation: fadeToTop60 .5s .6s linear both; -o-animation: fadeToTop60 .5s .6s linear both; animation: fadeToTop60 .5s .6s linear both; } .about_qywh_qyyj_show:hover img:nth-child(6){ -webkit-transform-origin:85.1528384279476% 39.35483870967742%; -moz-transform-origin:85.1528384279476% 39.35483870967742%; -ms-transform-origin:85.1528384279476% 39.35483870967742%; -o-transform-origin:85.1528384279476% 39.35483870967742%; transform-origin:85.1528384279476% 39.35483870967742%; -webkit-animation: fadeToLeft60 .5s .6s linear both; -moz-animation: fadeToLeft60 .5s .6s linear both; -ms-animation: fadeToLeft60 .5s .6s linear both; -o-animation: fadeToLeft60 .5s .6s linear both; animation: fadeToLeft60 .5s .6s linear both; } .about_qywh_qysm_show:hover img:nth-child(1){ -webkit-transform-origin:154px 151px; -moz-transform-origin:154px 151px; -ms-transform-origin:154px 151px; -o-transform-origin:154px 151px; transform-origin:154px 151px; -webkit-animation: fadeInMaxToMin .5s linear both; -moz-animation: fadeInMaxToMin .5s linear both; -ms-animation: fadeInMaxToMin .5s linear both; -o-animation: fadeInMaxToMin .5s linear both; animation: fadeInMaxToMin .5s linear both; } .about_qywh_qysm_show:hover img:nth-child(2){ -webkit-animation: fadeToLeft60 .5s .1s linear both; -moz-animation: fadeToLeft60 .5s .1s linear both; -ms-animation: fadeToLeft60 .5s .1s linear both; -o-animation: fadeToLeft60 .5s .1s linear both; animation: fadeToLeft60 .5s .1s linear both; } .about_qywh_qysm_show:hover img:nth-child(3){ -webkit-transform-origin:202px 179px; -moz-transform-origin:202px 179px; -ms-transform-origin:202px 179px; -o-transform-origin:202px 179px; transform-origin:202px 179px; -webkit-animation: fadeInMinToMax .5s .2s linear both; -moz-animation: fadeInMinToMax .5s .2s linear both; -ms-animation: fadeInMinToMax .5s .2s linear both; -o-animation: fadeInMinToMax .5s .2s linear both; animation: fadeInMinToMax .5s .2s linear both; } .about_qywh_qyfzln_show:hover img:nth-child(1){ -webkit-transform-origin:167px 191px; -moz-transform-origin:167px 191px; -ms-transform-origin:167px 191px; -o-transform-origin:167px 191px; transform-origin:167px 191px; -webkit-animation: fadeInMaxToMin .5s linear both; -moz-animation: fadeInMaxToMin .5s linear both; -ms-animation: fadeInMaxToMin .5s linear both; -o-animation: fadeInMaxToMin .5s linear both; animation: fadeInMaxToMin .5s linear both; } .about_qywh_qyfzln_show:hover img:nth-child(2){ -webkit-animation: fadeInMinToMax .5s .1s linear both; -moz-animation: fadeInMinToMax .5s .1s linear both; -ms-animation: fadeInMinToMax .5s .1s linear both; -o-animation: fadeInMinToMax .5s .1s linear both; animation: fadeInMinToMax .5s .1s linear both; } .about_qywh_qyfzln_show:hover img:nth-child(3) , .about_qywh_qyfzln_show:hover img:nth-child(4) , .about_qywh_qyfzln_show:hover img:nth-child(5){ -webkit-animation: fadeInMinToMax .5s .3s linear both; -moz-animation: fadeInMinToMax .5s .3s linear both; -ms-animation: fadeInMinToMax .5s .3s linear both; -o-animation: fadeInMinToMax .5s .3s linear both; animation: fadeInMinToMax .5s .3s linear both; } .about_qywh_qyjs_show:hover img:nth-child(1){ -webkit-animation: fadeInMinToMax 1.2s .2s linear both; -moz-animation: fadeInMinToMax 1.2s .2s linear both; -ms-animation: fadeInMinToMax 1.2s .2s linear both; -o-animation: fadeInMinToMax 1.2s .2s linear both; animation: fadeInMinToMax 1.2s .2s linear both; } .about_qywh_qyjs_show:hover img:nth-child(2){ -webkit-animation: fadeInMaxToMin .5s linear both; -moz-animation: fadeInMaxToMin .5s linear both; -ms-animation: fadeInMaxToMin .5s linear both; -o-animation: fadeInMaxToMin .5s linear both; animation: fadeInMaxToMin .5s linear both; } .about_qywh_qyjs_show:hover img:nth-child(3){ -webkit-animation: fadeInMinToMax .5s .2s linear both; -moz-animation: fadeInMinToMax .5s .2s linear both; -ms-animation: fadeInMinToMax .5s .2s linear both; -o-animation: fadeInMinToMax .5s .2s linear both; animation: fadeInMinToMax .5s .2s linear both; } .about_qywh_qyjs_show:hover img:nth-child(4){ -webkit-animation: fadeInMinToMax .5s .4s linear both; -moz-animation: fadeInMinToMax .5s .4s linear both; -ms-animation: fadeInMinToMax .5s .4s linear both; -o-animation: fadeInMinToMax .5s .4s linear both; animation: fadeInMinToMax .5s .4s linear both; } .about_qywh_qyjs_show:hover img:nth-child(5){ -webkit-animation: fadeInMinToMax .5s .6s linear both; -moz-animation: fadeInMinToMax .5s .6s linear both; -ms-animation: fadeInMinToMax .5s .6s linear both; -o-animation: fadeInMinToMax .5s .6s linear both; animation: fadeInMinToMax .5s .6s linear both; } .about_qywh_qyjs_show:hover img:nth-child(6){ -webkit-animation: fadeInMinToMax .5s .8s linear both; -moz-animation: fadeInMinToMax .5s .8s linear both; -ms-animation: fadeInMinToMax .5s .8s linear both; -o-animation: fadeInMinToMax .5s .8s linear both; animation: fadeInMinToMax .5s .8s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(1){ -webkit-animation: fadeToRight60 .5s linear both; -moz-animation: fadeToRight60 .5s linear both; -ms-animation: fadeToRight60 .5s linear both; -o-animation: fadeToRight60 .5s linear both; animation: fadeToRight60 .5s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(2){ -webkit-animation: fadeToDown60 .5s .1s linear both; -moz-animation: fadeToDown60 .5s .1s linear both; -ms-animation: fadeToDown60 .5s .1s linear both; -o-animation: fadeToDown60 .5s .1s linear both; animation: fadeToDown60 .5s .1s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(3){ -webkit-animation: fadeToRight60 .5s .2s linear both; -moz-animation: fadeToRight60 .5s .2s linear both; -ms-animation: fadeToRight60 .5s .2s linear both; -o-animation: fadeToRight60 .5s .2s linear both; animation: fadeToRight60 .5s .2s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(4){ -webkit-animation: fadeToDown60 .5s .4s linear both; -moz-animation: fadeToDown60 .5s .4s linear both; -ms-animation: fadeToDown60 .5s .4s linear both; -o-animation: fadeToDown60 .5s .4s linear both; animation: fadeToDown60 .5s .4s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(5){ -webkit-animation: fadeToRight60 .5s .6s linear both; -moz-animation: fadeToRight60 .5s .6s linear both; -ms-animation: fadeToRight60 .5s .6s linear both; -o-animation: fadeToRight60 .5s .6s linear both; animation: fadeToRight60 .5s .6s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(6){ -webkit-animation: fadeToDown60 .5s .8s linear both; -moz-animation: fadeToDown60 .5s .8s linear both; -ms-animation: fadeToDown60 .5s .8s linear both; -o-animation: fadeToDown60 .5s .8s linear both; animation: fadeToDown60 .5s .8s linear both; } .about_qywh_qyfzms_show:hover img:nth-child(7){ -webkit-animation: fadeToRight60 .5s 1s linear both; -moz-animation: fadeToRight60 .5s 1s linear both; -ms-animation: fadeToRight60 .5s 1s linear both; -o-animation: fadeToRight60 .5s 1s linear both; animation: fadeToRight60 .5s 1s linear both; } .about_qywh_hxjzg_show:hover img:nth-child(1){ -webkit-animation: fadeToTop60 .5s linear both; -moz-animation: fadeToTop60 .5s linear both; -ms-animation: fadeToTop60 .5s linear both; -o-animation: fadeToTop60 .5s linear both; animation: fadeToTop60 .5s linear both; } .about_qywh_hxjzg_show:hover img:nth-child(2){ -webkit-animation: fadeToDown60 .5s .1s linear both; -moz-animation: fadeToDown60 .5s .1s linear both; -ms-animation: fadeToDown60 .5s .1s linear both; -o-animation: fadeToDown60 .5s .1s linear both; animation: fadeToDown60 .5s .1s linear both; } .about_qywh_hxjzg_show:hover img:nth-child(3){ -webkit-transform-origin:224px 82px; -moz-transform-origin:224px 82px; -ms-transform-origin:224px 82px; -o-transform-origin:224px 82px; transform-origin:224px 82px; -webkit-animation: fadeToDown60 .5s .2s linear both; -moz-animation: fadeToDown60 .5s .2s linear both; -ms-animation: fadeToDown60 .5s .2s linear both; -o-animation: fadeToDown60 .5s .2s linear both; animation: fadeToDown60 .5s .2s linear both; } .about_qywh_hxjzg_show:hover img:nth-child(4){ -webkit-animation: fadeToDown60 .5s .4s linear both; -moz-animation: fadeToDown60 .5s .4s linear both; -ms-animation: fadeToDown60 .5s .4s linear both; -o-animation: fadeToDown60 .5s .4s linear both; animation: fadeToDown60 .5s .4s linear both; } /* 关于威斯尼斯人.8846.com - 企业荣誉 */ .about_qyry_box{ margin-top: 50px; color: #616161; font-size: 18px; position: relative;} .about_qyry_line{ width: 2px; height: 100%; background-color: #ECECEC; position: absolute; left: 50%; margin-left: -1px; top: 0;} .about_qyry_line2{ width: 4px; height: 64px; background-color: #fff; position: absolute; left: 50%; margin-left: -2px; bottom: 0;} .about_qyry_ul{ /* width: 1214px; */ width: 1165px; padding-left: 50px;} .about_qyry_li{ /* width: 518px; height: 388px; */ width: 378px; height: 366px; padding: 22px 40px 0 100px; margin-bottom: 64px; margin-right: 64px; background-color: #F7F4F8; position: relative; float: left;} .about_qyry_li_num{ padding: 40px 0 0 40px; line-height: 42px; color: #E83428; font-size: 34px; position: absolute; left: 0; top: 0;} .about_qyry_li_round{ width: 16px; position: absolute; right: -40px; top: 50%; margin-top: -8px;} .about_qyry_li_title{ height: 76px; line-height: 26px; display: flex; justify-content: flex-start; align-items: center; } .about_qyry_li_img img{ width: 100%;} /* ================================= */ /* 合房品牌-品牌介绍 */ .hfpp_ppjs_title{ padding-bottom: 10px; line-height: 90px; text-align: center; color: #E83428; font-size: 30px; font-weight: bold;} .hfpp_ppjs_title img{ width: 70px; margin: 0 10px; position: relative; top: -2px;} .hfpp_title_li{ padding-left: 39px; padding-top: 35px; display: flex; justify-content: flex-start; align-items: flex-start; } .hfpp_title_li_bt{ width: 188px; height: 42px; left: 30px; color: #fff; font-size: 22px; font-weight: bold; background: url(../img/hfpp_title_bg.png); background-size: 100% 100%; display: flex; justify-content: flex-start; align-items: center; } .hfpp_title_li_bt span{ width: 42px; margin-right: 15px; text-align: center; font-size: 24px;} .hfpp_title_li_bt div{ padding-top: 4px;} .hfpp_title_li_desc{ width: 900px; margin-left: 16px; padding-top: 10px; line-height: 30px; color: #999; font-size: 14px;} .hfpp_gushi_box{ padding-left: 36px; overflow: hidden;} .hfpp_gushi_li{ width: 258px; height: 392px; line-height: 26px; margin-right: 32px; color: #999; font-size: 14px; background-color: #FFF8F6; float: left;} .hfpp_gushi_li:hover{ /* background-color: #fbedea; */ border-radius: 20px; background-color: #fde7e2;} .hfpp_gushi_li_img{ padding-top: 36px; text-align: center;} .hfpp_gushi_li:hover .hfpp_gushi_li_img{ -webkit-animation: fadeInMinToMax 1s .01s ease-out both; -moz-animation: fadeInMinToMax 1s .01s ease-out both; -ms-animation: fadeInMinToMax 1s .01s ease-out both; -o-animation: fadeInMinToMax 1s .01s ease-out both; animation: fadeInMinToMax 1s .01s ease-out both; } .hfpp_gushi_li_img img{ width: 94px;} .hfpp_gushi_li_bt{ margin-top: 10px; line-height: 40px; text-align: center; color: #58585E; font-size: 24px; font-weight: bold;} .hfpp_gushi_li_desc{ padding: 0 24px; text-align: justify;} .hfpp_gushi_bottom{ line-height: 94px; text-align: center; color: #999; font-size: 18px;} /* 四大产品体系 */ .hfpp_ppjs_sdtx{ padding-top: 10px; padding-bottom: 30px; line-height: 30px; text-align: justify; color: #999; font-size: 14px; background-color: #FFF8F6;} .hfpp_ppjs_sdtx_body{ padding: 80px 0; margin-bottom: 30px;} .hfpp_ppjs_sdtx_logo{ width: 126px; height: 126px; margin: 0 auto;/* background: url(../img/hfpp_logo.png); background-size: 100% 100%; */ position: relative;} .hfpp_ppjs_sdtx_logo_img{ width: 100%;} .hfpp_ppjs_sdtx_logo_img:hover{ -webkit-animation: fadeInMaxToMin 1s .01s ease-out both; -moz-animation: fadeInMaxToMin 1s .01s ease-out both; -ms-animation: fadeInMaxToMin 1s .01s ease-out both; -o-animation: fadeInMaxToMin 1s .01s ease-out both; animation: fadeInMaxToMin 1s .01s ease-out both; } .hfpp_ppjs_sdtx_1{ width: 115px; height: 107px; background-image: url(../img/hfpp_sdtx_1.png); background-size: 115px; background-position: 0 0; position: absolute; right: 418px; top: -80px;} .hfpp_ppjs_sdtx_2{ width: 115px; height: 107px; background-image: url(../img/hfpp_sdtx_2.png); background-size: 115px; background-position: 0 0; position: absolute; left: 418px; top: -80px;} .hfpp_ppjs_sdtx_3{ width: 115px; height: 107px; background-image: url(../img/hfpp_sdtx_3.png); background-size: 115px; background-position: 0 0; position: absolute; right: 418px; bottom: -80px;} .hfpp_ppjs_sdtx_4{ width: 115px; height: 107px; background-image: url(../img/hfpp_sdtx_4.png); background-size: 115px; background-position: 0 0; position: absolute; left: 418px; bottom: -80px;} .hfpp_ppjs_sdtx_1:hover{ background-position: 0 -107px;} .hfpp_ppjs_sdtx_2:hover{ background-position: 0 -107px;} .hfpp_ppjs_sdtx_3:hover{ background-position: 0 -107px;} .hfpp_ppjs_sdtx_4:hover{ background-position: 0 -107px;} .hfpp_sdtx_1_text{ width: 257px; position: absolute; right: 145px; top: -66px;} .hfpp_sdtx_2_text{ width: 257px; position: absolute; left: 145px; top: -66px;} .hfpp_sdtx_3_text{ width: 257px; position: absolute; right: 145px; bottom: -66px;} .hfpp_sdtx_4_text{ width: 257px; position: absolute; left: 145px; bottom: -66px;} /* ================================= */ /* 合房动态 - 合房资讯 */ .news_zx_top{ margin-top: 50px;} /* 左 */ .news_zx_top_left{ width: 390px; height: 292px; float: left;} .news_zx_top_left img{ width: 100%; height: 100%; object-fit: cover;} /* 右 */ .news_zx_top_right{ width: 770px; height: 292px; float: right;} .news_zx_top_right_time{ padding-top: 25px; color: #E83428;} .news_zx_top_right_time_month{ height: 28px; line-height: 28px; font-size: 26px;} .news_zx_top_right_time_year{ height: 18px; line-height: 18px; font-size: 14px;} .news_zx_top_right_title{ height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .news_zx_top_right_title a{ color: #58585E;} .news_zx_top_right_title a:hover{ color: #E83428;} .news_zx_top_right_desc{ height: 102px; line-height: 34px; margin-bottom: 20px; color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 列表展示区 */ .news_zx_li_box{ margin-top: 16px;} .news_zx_li{ display: block; height: 154px; padding-top: 20px; border-bottom: #ECECEC dashed 1px; overflow: hidden; -webkit-animation: news_zx_li .3s linear both; -moz-animation: news_zx_li .3s linear both; -ms-animation: news_zx_li .3s linear both; -o-animation: news_zx_li .3s linear both; animation: news_zx_li .3s linear both; } @-webkit-keyframes news_zx_li{ 0%{ height: 0;} 100%{ height: 154px;} } @-moz-keyframes news_zx_li{ 0%{ height: 0;} 100%{ height: 154px;} } @-ms-keyframes news_zx_li{ 0%{ height: 0;} 100%{ height: 154px;} } @-o-keyframes news_zx_li{ 0%{ height: 0;} 100%{ height: 154px;} } @keyframes news_zx_li{ 0%{ height: 0;} 100%{ height: 154px;} } .news_zx_li:hover{ padding-left: 15px; padding-right: 15px; background-color: #FFF8F6;} .news_zx_li img{ width: 230px; height: 130px; margin-right: 32px; object-fit: cover;} .news_zx_li_time{ width: 86px; padding-top: 37px; color: #999;} .news_zx_li:hover .news_zx_li_time{ color: #E83428;} .news_zx_li_time_month{ height: 28px; line-height: 28px; font-size: 26px;} .news_zx_li_time_year{ height: 18px; line-height: 18px; font-size: 14px;} .news_zx_li_msg{ width: 666px; padding-top: 16px;} .news_zx_li_title{ height: 36px; line-height: 36px; margin-bottom: 12px; color: #58585E; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .news_zx_li:hover .news_zx_li_title{ color: #E83428;} .news_zx_li_desc{ height: 44px; line-height: 22px; margin-bottom: 20px; color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_zx_li_line{ width: 1px; height: 86px; margin-left: 48px; margin-top: 25px; border-left: #DFDFDF solid 1px;} /* 查看详情按钮 */ .news_zx_godetail{ display: block; width: 87px; height: 28px; background-image: url(../img/godetail_btn.png); background-position: 0 top; background-size: 100%;} .news_zx_godetail.in , .news_zx_li:hover .news_zx_godetail{ background-position: 0 bottom;} .news_zx_li_box .news_zx_godetail{ margin-top: 61px;} /* 合房动态 - 合房资讯 - 详情 */ .news_zx_detail_top{ margin-top: 54px; padding-bottom: 26px; text-align: center; border-bottom: #E1E1E1 solid 1px; position: relative;} .news_zx_detail_top_title{ padding: 0 200px; line-height: 32px; color: #58585E; font-size: 20px; font-weight: bold;} .news_zx_detail_top_time{ margin-top: 8px; line-height: 30px; color: #999; font-size: 16px;} .news_zx_detail_top_time span{ margin-left: 20px;} .news_zx_detail_top_line{ width: 80px; height: 2px; background-color: #E83428; position: absolute; left: 50%; margin-left: -40px; bottom: -1px;} .news_zx_detail_body{ padding: 50px 0 40px 0; line-height: 34px; color: #999; font-size: 14px; text-align:justify; text-justify:inter-ideograph; word-break:break-all !important; word-wrap:break-word !important;} .news_zx_detail_body iframe{ display: block; margin: 0 auto; width: 800px; height: 600px; margin-bottom: 40px;} .news_zx_detail_body img{ max-width:100% !important;} .news_zx_detail_bottom{ /* height: 132px; */ padding: 25px 0 44px 0; border-top: #E1E1E1 solid 1px; position: relative;} a.news_zx_detail_bottom_link{ display: block; width: 880px; height: 40px; line-height: 40px; color: #58585E; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} a.news_zx_detail_bottom_link:hover{ color: #E83428;} a.news_zx_detail_bottom_back{ width: 87px; height: 28px; line-height: 28px; text-align: center; color: #58585E; font-size: 14px; border-radius: 3px; background-color: #DFDFDF; position: absolute; right: 0; top: 50%; margin-top: -14px;} a.news_zx_detail_bottom_back:hover{ color: #fff; background-color: #E83428;} /* ================================= */ /* 合房出品 - 列表 */ .hfcp_box{ margin-top: 60px;} .hfcp_li{ display: block; height: 200px; margin: 20px 0; background-color: #FFF8F6; position: relative; overflow: hidden; -webkit-animation: hfcp_li .3s linear both; -moz-animation: hfcp_li .3s linear both; -ms-animation: hfcp_li .3s linear both; -o-animation: hfcp_li .3s linear both; animation: hfcp_li .3s linear both; } @-webkit-keyframes hfcp_li{ 0%{ height: 0;} 100%{ height: 200px;} } @-moz-keyframes hfcp_li{ 0%{ height: 0;} 100%{ height: 200px;} } @-ms-keyframes hfcp_li{ 0%{ height: 0;} 100%{ height: 200px;} } @-o-keyframes hfcp_li{ 0%{ height: 0;} 100%{ height: 200px;} } @keyframes hfcp_li{ 0%{ height: 0;} 100%{ height: 200px;} } .hfcp_li:hover{ height: 220px; padding: 10px; background-color: #F1E9E7; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .hfcp_li_img{ width: 310px; height: 200px; overflow: hidden;} .hfcp_li_img img{ width: 100%; height: 100%; object-fit: cover;} .hfcp_li_body{ width: 640px; padding-top: 22px; margin-left: 30px;} .hfcp_li_title{ height: 84px; line-height: 84px; color: #E83929; font-size: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .hfcp_li_title_line{ width: 65px; height: 2px; background-color: #E83929;} .hfcp_li:hover .hfcp_li_title_line{ width: 130px;} .hfcp_li_desc{ height: 60px; line-height: 30px; margin-top: 17px; color: #999; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .hfcp_li_godetail{ width: 184px; height: 100%; background-color: #F1E9E7; position: absolute; right: 0; top: 0;} .hfcp_li_godetail_arrow{ width: 42px; height: 42px; background-image: url(../img/godetail_arrow.png); background-position: right 0; background-size: auto 42px; position: absolute; left: 50%; margin-left: -21px; top: 50%; margin-top: -21px;} .hfcp_li:hover .hfcp_li_godetail_arrow{ background-position: left 0;} /* 合房出品 - 详情 */ /* 图片及标题描述 */ .hfcp_detail_top{ height: 430px; margin-top: -280px; margin-bottom: 60px; position: relative;} .hfcp_detail_top img{ width: 100%; height: 100%; object-fit: cover;} .hfcp_detail_top_msg{ width: 604px; height: 83px; padding: 14px 20px 0 20px; color: #fff; background: url(../img/index_hfcp_bg.png) repeat-y; background-size: 100%; position: absolute; left: 0; top: 273px; overflow: hidden;} .hfcp_detail_top_msg_title{ height: 48px; line-height: 48px; font-size: 28px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hfcp_detail_top_msg_text{ height: 24px; line-height: 24px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* 项目描述 / 项目相册 标题及描述 */ .hfcp_detail_title{ height: 84px; line-height: 84px; color: #E83929; font-size: 24px; font-weight: bold;} .hfcp_detail_line{ width: 65px; height: 2px; background-color: #E83929;} /* 项目描述 */ .hfcp_detail_desc{ /* width: 1200px; */ width: 1116px; margin: 0 auto 50px auto; padding: 12px 42px 32px 42px; background-color: #FFF8F6;} .hfcp_detail_desc_content{ line-height: 30px; margin-top: 17px; color: #999; font-size: 14px; text-align:justify; text-justify:inter-ideograph; word-break:break-all !important; word-wrap:break-word !important;} .hfcp_detail_desc_content img{ max-width: 100%;} /* 项目相册 */ .hfcp_detail_pic{ /* width: 1200px; */ width: 1116px; margin: 0 auto 60px auto; padding: 12px 42px 42px 42px; background-color: #FFF8F6;} .hfcp_detail_pic_list{/* height: 210px; */ height: 163px; margin-top: 24px; position: relative; overflow: hidden;} .hfcp_detail_pic_list .swiper-container{ width: 1140px; height: 100%;} .hfcp_detail_pic_list .swiper-container .swiper-slide{ /* width: 360px; */ width: 285px; height: 100%;} .hfcp_detail_pic_list .swiper-container .swiper-slide img{ /* width: 336px; */ width: 261px; height: 100%;} .hfcp_detail_pic_list_pop{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1;} .hfcp_arrow_left , .hfcp_arrow_right{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; z-index: 1;} .hfcp_arrow_left{ background: url(../img/arrow_left_.png); background-size: 100%; left: 0;} .hfcp_arrow_right{ background: url(../img/arrow_right_.png); background-size: 100%; right: 0;} /* 弹层 */ .hfcp_detail_pop{ width: 100%; height: 100%; background: url(../img/hfcp_detail_pop_bg.png); position: fixed; left: 0; top: 0; z-index: 2;} .hfcp_detail_pop_body{ width: 1200px; height: 620px; background: url(../img/hfcp_detail_pop_body_bg.png); position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -310px;} .hfcp_detail_close{ width: 40px; position: absolute; right: 0; top: -50px; cursor: pointer;} /* 左 */ .hfcp_detail_pop_body_left{ width: 760px;} /* ========================= */ /* 大图 */ #bigimg{ height: 500px; position: relative;} #bigimg img{ display: none; width: 100%; height: 100%; object-fit: cover;} /* 大图切换按钮 */ #bigimgprev{position:absolute;left:0px;top:0px;z-index:10;cursor:pointer;width:50%;height:100%;/* background:url(../img/hfcp_detail_pop_bg.png); */} #bigimgprev a{ position:absolute;left:20px;top:224px;display:block;background:url(../img/arrow-left.png) no-repeat;width:104px;height:104px;display:none;} #bigimgnext{ position:absolute;right:0px;top:0px;z-index:10;cursor:pointer;width:50%;height:100%;/* background:url(../img/hfcp_detail_pop_bg.png); */} #bigimgnext a{ position:absolute;right:20px;top:224px;display:block;background:url(../img/arrow-right.png) no-repeat;width:104px;height:104px;display:none;} /* 小图 */ #minimgbox{ /* height: 120px; */ height: 84px; padding: 18px 80px; background-color: #58585E; position: relative;} /* 小图切换按钮 */ #minimgprev , #minimgnext{ width: 42px; height: 100%; position: absolute; top: 0;} #minimgprev{ background: url(../img/hfcp_detail_arrow_l.png); background-size: 100%; left: 0;} #minimgnext{ background: url(../img/hfcp_detail_arrow_r.png); background-size: 100%; right:0;} /* 小图列表 */ #minimg{ height: 100%; overflow: hidden;} #minimg ul{ height: 100%; position: relative;} #minimg li{ width: 134px; height: 100%; margin-right: 20px; opacity: .8; float: left; position: relative;} #minimg li.hov{ opacity: 1;} #minimg li img{ width: 100%; height: 100%; object-fit: cover;} #minimg li tt{/* background:#000; color:#FFF; padding:0 5px; position:absolute; right:4px; bottom:4px; */ width: 100%; height: 100%; font-size: 0; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;} #minimg li.hov tt{ display: none;} /* ========================= */ /* 右 */ .hfcp_detail_pop_body_right{ /* width: 420px; */ width: 396px; padding-right: 24px; padding-top: 8px; color: #fff; font-size: 16px;} .hfcp_detail_pop_body_title{ height: 40px; line-height: 40px; color: #E83828; font-size: 24px; font-weight: bold;} .hfcp_detail_pop_body_hx{ height: 32px; line-height: 32px;} .hfcp_detail_pop_body_desc{ height: 500px; margin-top: 12px; line-height: 24px; overflow-y: auto;} /* ================================= */ /* 联系威斯尼斯人.8846.com */ .contact_us_msg{ padding: 50px 0;} .contact_us_msg table{} .contact_us_msg table td img{ height: 82px;} .contact_us_title{ margin-bottom: 8px; line-height: 32px; color: #E83428; font-size: 26px;} .contact_us_text{ line-height: 22px; color: #999; font-size: 14px;} .contact_us_map{ margin-bottom: 60px;} .contact_us_map img{ width: 100%;} /* 招聘信息 */ .recruitment{ margin-top: 50px; margin-bottom: 60px;} .recruitment table{ text-align: center; color: #616161;} .recruitment table th{ height: 62px; font-size: 22px; font-weight: normal; background-color: #E9E9E9;} .recruitment table td{ height: 62px; font-size: 16px; background-color: #FAF7FA;} /* 投诉建议 */ .complaints_uggestions_msg{ width: 800px; margin: 45px auto 15px auto; line-height: 32px; text-align: center; color: #999; font-size: 18px;} .complaints_uggestions_body{ margin-bottom: 60px; color: #616161; font-size: 18px;} .complaints_uggestions_title{} .complaints_uggestions_body input , .complaints_uggestions_body select{ padding: 0 24px; height: 62px; color: #999; font-size: 18px; border: none; background-color: #F7F5F6;} .complaints_uggestions_body input[type=text] , .complaints_uggestions_body input[type=tel]{ width: 502px;} .complaints_uggestions_body input[type=submit] , .complaints_uggestions_body input[type=reset] , .complaints_uggestions_body select{ width: 550px;} .complaints_uggestions_body input[type=submit]{ color: #fff; font-size: 20px; background-color: #E66E68;} .complaints_uggestions_body input[type=reset]{ color: #616161; font-size: 20px; background-color: #E9E9E9;} .complaints_uggestions_body textarea{ width: 1076px; padding: 20px 24px; height: 84px; color: #999; font-size: 18px; border: none; background-color: #F7F5F6; resize: none;} .complaints_uggestions_body input:focus , .complaints_uggestions_body select:focus , .complaints_uggestions_body textarea:focus{ outline: none;} .complaints_uggestions_body select{ background: #F7F5F6 url(../img/complaints_uggestions_arrow.png) no-repeat 520px center; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } /* ================================= */ /* 设置CSS过渡变化 */ .nav_right img:hover , .index_banner_arrow_left:hover , .index_banner_arrow_right:hover , .index_hfdt_l_img img:hover , .hfzx_left:hover , .hfzx_right:hover , .index_hfcp_box img:hover , .about_qyry_li_img img:hover , .news_zx_top_left img:hover , .contact_us_map img:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .index_hfcp_more img:hover , .index_hfdt_nav_more img:hover , .index_hfcp_arrow_left:hover , .index_hfcp_arrow_right:hover , .show_max_min:hover , .news_zx_godetail.in:hover , .hfcp_arrow_left:hover , .hfcp_arrow_right:hover { opacity: .6;} /* 过渡效果 */ .nav_list li a.nav_list_li , .nav_more a , .footer_l_link a , .footer_l_msg a , .ny_nav_li , .ny_nav_li i , .nav_right img , .load_more_btn , .index_banner_arrow_left , .index_banner_arrow_right , .index_hfdt_nav_li , .index_hfdt_nav_li i, .index_hfcp_more img , .index_hfdt_l_img img , .hfzx_left , .hfzx_right , .index_hfdt_nav_more img , .index_hfcp_box img , .index_hfcp_arrow_left , .index_hfcp_arrow_right , .index_hfdt_l_content_title , .index_hfdt_r_link_time , .about_fzlc_li_content , .show_max_min , .about_qyry_li_img img , .news_zx_top_left img , .news_zx_top_right_title a , .news_zx_li , .news_zx_li_time , .news_zx_li_title , .news_zx_godetail , .news_zx_detail_bottom_link , .news_zx_detail_bottom_back , .hfcp_li , .hfcp_li_title_line , .hfcp_li_godetail_arrow , .hfcp_arrow_left , .hfcp_arrow_right , .about_qywh_base , .hfpp_ppjs_sdtx_li , .contact_us_map img , .hfpp_gushi_li , .hfpp_ppjs_sdtx_1 , .hfpp_ppjs_sdtx_2 , .hfpp_ppjs_sdtx_3 , .hfpp_ppjs_sdtx_4 { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } /* ================================= */ /* IE hack */ /* 导航 */ .nav_list li a.nav_list_li{ *line-height: 108px; line-height: 108px\0; overflow: hidden;} .nav_more a{ *line-height: 48px; line-height: 48px\0; overflow: hidden;} /* 搜索框 */ .base_search_box input#searchText{ *height: 24px; *padding-top: 6px; height: 24px\0; padding-top: 6px\0;} .base_search_box input#searchBtn{ *height: 30px; *padding-top: 6px; height: 30px\0; padding-top: 6px\0;} /* 内页二级菜单 */ .ny_nav_li , a.ny_nav_li{ *line-height: 94px; line-height: 94px\0;} /* 加载更多 */ .load_more_btn{ *line-height: 50px; line-height: 50px\0; overflow: hidden;} /* 首页 */ /* 动态:菜单 */ .index_hfdt_nav_li{ *line-height: 88px; line-height: 88px\0; /* overflow: hidden; */} /* 动态:标题 */ .index_hfdt_l_content_title , a.index_hfdt_l_content_title{ *height: 56px; height: 56px\0; *padding-top: 8px; padding-top: 8px\0;} /* 动态-列表:标题、描述文字 */ .index_hfdt_r_link_msg_title{ *line-height: 36px; line-height: 36px\0; overflow: hidden;} .index_hfdt_r_link_msg_text{ *line-height: 26px; line-height: 26px\0;} /* 合房出品 */ .index_hfcp_msg_title{ *line-height: 58px; line-height: 58px\0; overflow: hidden;} .index_hfcp_msg_text{ *line-height: 30px; line-height: 30px\0; overflow: hidden;} /* 关于威斯尼斯人.8846.com - 组织架构 */ /* 公司名称 */ .about_zzjg_company_name_text{ *line-height: 58px; line-height: 58px\0; overflow: hidden;} /* 大圆 背景中有文字 */ .about_zzjg_round_bg{ *line-height: 110px; line-height: 110px\0; overflow: hidden;} /* 关于威斯尼斯人.8846.com - 企业荣誉 */ /* 标题文字 */ .about_qyry_li_title{ *height: 70px; *padding-top: 6px; height: 70px\0; padding-top: 6px\0;} /* 合房出品 - 详情 */ /* 图片及标题描述 */ .hfcp_detail_top_msg_title{ *line-height: 58px; line-height: 58px\0; overflow: hidden;} /* 合房动态 - 合房资讯 */ .news_zx_top_right_title{ *line-height: 58px; line-height: 58px\0; overflow: hidden;} .news_zx_top_right_desc{ *line-height: 38px; line-height: 38px\0; overflow: hidden;} .news_zx_li_title{ *line-height: 44px; line-height: 44px\0; overflow: hidden;} .news_zx_li_desc{ *line-height: 26px; line-height: 26px\0; overflow: hidden;} /* 合房动态 - 合房资讯 - 详情 */ a.news_zx_detail_bottom_back{ *line-height: 35px; line-height: 35px\0; overflow: hidden;} /* 联系威斯尼斯人.8846.com */ .contact_us_title{ *padding-top: 12px; *line-height: 20px; padding-top: 12px\0; line-height: 20px\0;} .contact_us_text{ *padding-top: 6px; *line-height: 16px; padding-top: 6px\0; line-height: 16px\0;} /* 招聘信息 */ .recruitment table th , .recruitment table td{ *height: 52px; *padding-top: 10px; height: 52px\0; padding-top: 10px\0;} /* 投诉建议 */ .complaints_uggestions_title{ *padding-top: 10px; padding-top: 10px\0;} .complaints_uggestions_body input , .complaints_uggestions_body select{ *padding-top: 10px; padding-top: 10px\0;} .complaints_uggestions_body input{ *height: 52px; height: 52px\0;} .complaints_uggestions_body input[type=submit] , .complaints_uggestions_body input[type=reset]{ *height: 62px; *padding-top: 12px; height: 62px\0; padding-top: 12px\0;} /* ================================= */ /* 设置CSS动画 */ @-webkit-keyframes fadeToLeft{ 0%{ -webkit-transform:translateX(300px); opacity:0;} 100%{ -webkit-transform:translateX(0); opacity:1;} } @-moz-keyframes fadeToLeft{ 0%{ -moz-transform:translateX(300px); opacity:0;} 100%{ -moz-transform:translateX(0); opacity:1;} } @-ms-keyframes fadeToLeft{ 0%{ -ms-transform:translateX(300px); opacity:0;} 100%{ -ms-transform:translateX(0); opacity:1;} } @-o-keyframes fadeToLeft{ 0%{ -o-transform:translateX(300px); opacity:0;} 100%{ -o-transform:translateX(0); opacity:1;} } @keyframes fadeToLeft{ 0%{ transform:translateX(300px); opacity:0;} 100%{ transform:translateX(0); opacity:1;} } @-webkit-keyframes fadeToLeft60{ 0%{ -webkit-transform:translateX(60px); opacity:0;} 100%{ -webkit-transform:translateX(0); opacity:1;} } @-moz-keyframes fadeToLeft60{ 0%{ -moz-transform:translateX(60px); opacity:0;} 100%{ -moz-transform:translateX(0); opacity:1;} } @-ms-keyframes fadeToLeft60{ 0%{ -ms-transform:translateX(60px); opacity:0;} 100%{ -ms-transform:translateX(0); opacity:1;} } @-o-keyframes fadeToLeft60{ 0%{ -o-transform:translateX(60px); opacity:0;} 100%{ -o-transform:translateX(0); opacity:1;} } @keyframes fadeToLeft60{ 0%{ transform:translateX(60px); opacity:0;} 100%{ transform:translateX(0); opacity:1;} } @-webkit-keyframes fadeToRight{ 0%{ -webkit-transform:translateX(-100%); opacity:0;} 100%{ -webkit-transform:translateX(0); opacity:1;} } @-moz-keyframes fadeToRight{ 0%{ -moz-transform:translateX(-100%); opacity:0;} 100%{ -moz-transform:translateX(0); opacity:1;} } @-ms-keyframes fadeToRight{ 0%{ -ms-transform:translateX(-100%); opacity:0;} 100%{ -ms-transform:translateX(0); opacity:1;} } @-o-keyframes fadeToRight{ 0%{ -o-transform:translateX(-100%); opacity:0;} 100%{ -o-transform:translateX(0); opacity:1;} } @keyframes fadeToRight{ 0%{ transform:translateX(-100%); opacity:0;} 100%{ transform:translateX(0); opacity:1;} } @-webkit-keyframes fadeToRight60{ 0%{ -webkit-transform:translateX(-60px); opacity:0;} 100%{ -webkit-transform:translateX(0); opacity:1;} } @-moz-keyframes fadeToRight60{ 0%{ -moz-transform:translateX(-60px); opacity:0;} 100%{ -moz-transform:translateX(0); opacity:1;} } @-ms-keyframes fadeToRight60{ 0%{ -ms-transform:translateX(-60px); opacity:0;} 100%{ -ms-transform:translateX(0); opacity:1;} } @-o-keyframes fadeToRight60{ 0%{ -o-transform:translateX(-60px); opacity:0;} 100%{ -o-transform:translateX(0); opacity:1;} } @keyframes fadeToRight60{ 0%{ transform:translateX(-60px); opacity:0;} 100%{ transform:translateX(0); opacity:1;} } @-webkit-keyframes fadeToTop60{ 0%{ -webkit-transform:translateY(60px); opacity:0;} 100%{ -webkit-transform:translateY(0); opacity:1;} } @-moz-keyframes fadeToTop60{ 0%{ -moz-transform:translateY(60px); opacity:0;} 100%{ -moz-transform:translateY(0); opacity:1;} } @-ms-keyframes fadeToTop60{ 0%{ -ms-transform:translateY(60px); opacity:0;} 100%{ -ms-transform:translateY(0); opacity:1;} } @-o-keyframes fadeToTop60{ 0%{ -o-transform:translateY(60px); opacity:0;} 100%{ -o-transform:translateY(0); opacity:1;} } @keyframes fadeToTop60{ 0%{ transform:translateY(60px); opacity:0;} 100%{ transform:translateY(0); opacity:1;} } @-webkit-keyframes fadeToDown60{ 0%{ -webkit-transform:translateY(-60px); opacity:0;} 100%{ -webkit-transform:translateY(0); opacity:1;} } @-moz-keyframes fadeToDown60{ 0%{ -moz-transform:translateY(-60px); opacity:0;} 100%{ -moz-transform:translateY(0); opacity:1;} } @-ms-keyframes fadeToDown60{ 0%{ -ms-transform:translateY(-60px); opacity:0;} 100%{ -ms-transform:translateY(0); opacity:1;} } @-o-keyframes fadeToDown60{ 0%{ -o-transform:translateY(-60px); opacity:0;} 100%{ -o-transform:translateY(0); opacity:1;} } @keyframes fadeToDown60{ 0%{ transform:translateY(-60px); opacity:0;} 100%{ transform:translateY(0); opacity:1;} } @-webkit-keyframes fadeInMaxToMin{ 0%{ -webkit-transform:scale(1.6); opacity:0;} 100%{ -webkit-transform:scale(1); opacity:1;} } @-moz-keyframes fadeInMaxToMin{ 0%{ -moz-transform:scale(1.6); opacity:0;} 100%{ -moz-transform:scale(1); opacity:1;} } @-ms-keyframes fadeInMaxToMin{ 0%{ -ms-transform:scale(1.6); opacity:0;} 100%{ -ms-transform:scale(1); opacity:1;} } @-o-keyframes fadeInMaxToMin{ 0%{ -o-transform:scale(1.6); opacity:0;} 100%{ -o-transform:scale(1); opacity:1;} } @keyframes fadeInMaxToMin{ 0%{ transform:scale(1.6); opacity:0;} 100%{ transform:scale(1); opacity:1;} } @-webkit-keyframes fadeInMinToMax{ 0%{ -webkit-transform:scale(0); opacity:0;} 100%{ -webkit-transform:scale(1); opacity:1;} } @-moz-keyframes fadeInMinToMax{ 0%{ -moz-transform:scale(0); opacity:0;} 100%{ -moz-transform:scale(1); opacity:1;} } @-ms-keyframes fadeInMinToMax{ 0%{ -ms-transform:scale(0); opacity:0;} 100%{ -ms-transform:scale(1); opacity:1;} } @-o-keyframes fadeInMinToMax{ 0%{ -o-transform:scale(0); opacity:0;} 100%{ -o-transform:scale(1); opacity:1;} } @keyframes fadeInMinToMax{ 0%{ transform:scale(0); opacity:0;} 100%{ transform:scale(1); opacity:1;} } @-webkit-keyframes fadeIn{ 0%{ opacity:0;} 100%{ opacity:1;} } @-moz-keyframes fadeIn{ 0%{ opacity:0;} 100%{ opacity:1;} } @-ms-keyframes fadeIn{ 0%{ opacity:0;} 100%{ opacity:1;} } @-o-keyframes fadeIn{ 0%{ opacity:0;} 100%{ opacity:1;} } @keyframes fadeIn{ 0%{ opacity:0;} 100%{ opacity:1;} } @-webkit-keyframes roate{ 0%{ -webkit-transform: rotate(360deg);} 100%{ -webkit-transform: rotate(0);} } @-moz-keyframes roate{ 0%{ -moz-transform: rotate(360deg);} 100%{ -moz-transform: rotate(0);} } @-ms-keyframes roate{ 0%{ -ms-transform: rotate(360deg);} 100%{ -ms-transform: rotate(0);} } @-o-keyframes roate{ 0%{ -o-transform: rotate(360deg);} 100%{ -o-transform: rotate(0);} } @keyframes roate{ 0%{ transform: rotate(360deg);} 100%{ transform: rotate(0);} } @-webkit-keyframes roate2{ 0%{ -webkit-transform: rotate(-360deg);} 100%{ -webkit-transform: rotate(0);} } @-moz-keyframes roate2{ 0%{ -moz-transform: rotate(-360deg);} 100%{ -moz-transform: rotate(0);} } @-ms-keyframes roate2{ 0%{ -ms-transform: rotate(-360deg);} 100%{ -ms-transform: rotate(0);} } @-o-keyframes roate2{ 0%{ -o-transform: rotate(-360deg);} 100%{ -o-transform: rotate(0);} } @keyframes roate2{ 0%{ transform: rotate(-360deg);} 100%{ transform: rotate(0);} }