/**************************** About ***************************/ .banner_box{ background: url(/img/about_banner.jpg) no-repeat; background-position: top center; background-attachment: fixed; display: flex; justify-content: center; align-items: center; } .banner_w{ position: absolute; flex-wrap: wrap; } .banner_w li{ line-height: 100px; } .banner_x{ font-size: 42px!important; width: 100%; text-align: center; } @keyframes img_banner{ 0% { transform: scale(1); } 100% { transform: scale(1); } } .img_banner{ overflow: hidden; transition:all 1s; visibility: visible; animation-duration: 1s!important; animation-delay: 0s; animation-name: img_banner; } /**************************** About 品牌 ***************************/ #w_grid-1616316240139 > div > .p_gridbox{ display: flex; align-items: center; } .brand_box{ background: url(/img/brand_bg.jpg) no-repeat; background-position: top center; background-attachment: fixed; } .brand_box_x{ margin: 0 auto; padding: 0 8%; } .brand_z{ display: flex; justify-content: left; align-items: flex-end; position: relative; z-index: 5; } .brand_t li{ padding:0 5px; } .brand_t li:nth-child(1), .brand_t li:nth-child(2){ padding-bottom:20px; } .brand_t li:nth-child(6){ position:absolute; margin-left:0; margin-bottom: -8px; } .brand_x { width: 100%; flex-wrap: wrap; text-align: left; } .brand_x li{ width:100%; } .brand_x .h1z{ letter-spacing: 2px; } /**************************** About 荣誉 ***************************/ #w_grid-1616319273159 > div > .p_gridbox{ display: flex; align-items: center; } .honor_box{ background: url(/img/honor_bg.jpg) no-repeat; background-position: top center; background-attachment: fixed; } .honor_box_x{ margin: 0 auto; padding: 0 8%; } .honor_z{ display: flex; justify-content: left; align-items: flex-end; position: relative; z-index: 5; } .honor_t li{ padding:0 5px; } .honor_t li:nth-child(1), .honor_t li:nth-child(2){ padding-bottom:35px; } .honor_t li:nth-child(5){ position:absolute; margin-left:0; } .honor_x { width: 100%; flex-wrap: wrap; text-align: left; } .honor_x li{ width:100%; } .honor_x .h1z{ letter-spacing: 2px; } .honor_x li:nth-child(1) img { margin: 0 16px; margin-top: -21px; } /**************************** About 园区 ***************************/ .garden_ny_box_x{ margin: 0 auto; padding: 0 8%; } .garden_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .garden_ny_t{ max-width: 415px; margin: 0 auto; } .garden_ny_t li{ padding:0 5px; } .garden_ny_t li:nth-child(1), .garden_ny_t li:nth-child(2){ padding-bottom:35px; } .garden_ny_t li:nth-child(5){ position:absolute; left:0; } .garden_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .garden_ny_x li{ width:100%; } .garden_ny_x .h1z{ letter-spacing: 2px; } .garden_ny_x li:nth-child(1) img { margin: 0 16px; margin-top: -21px; } /**************************** About 事迹 ***************************/ .story_ny_box_x{ margin: 0 auto; padding: 0 8%; } .story_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .story_ny_t{ max-width: 450px; margin: 0 auto; } .story_ny_t li{ padding:0 5px; } .story_ny_t li:nth-child(1), .story_ny_t li:nth-child(2){ padding-bottom:35px; } .story_ny_t li:nth-child(5){ position:absolute; left:0px; } .story_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .story_ny_x li{ width:100%; } .story_ny_x .h1z{ letter-spacing: 2px; } .story_ny_x li:nth-child(1) img { margin: 0 16px; margin-top: -21px; } /**************************** About 大师 ***************************/ #c_portalResComplaintPage_detail-16166431734462838 .p_articles{ max-width: 1500px; margin: 0 auto; } #c_portalResComplaintPage_detail-16166431734462838 { position: relative; z-index: 1; } .dashi_ny_box_x{ margin: 0 auto; padding: 0 8%; } .dashi_ny_z{ display: flex; justify-content: center; align-items:center; position: relative; z-index: 5; } .dashi_ny_t li:nth-child(1){ padding-bottom:30px; position: absolute; z-index: 0; left: 0px; padding-bottom: 30px; } .dashi_ny_t li:nth-child(2){ position: absolute; z-index: 0; right: 0px; padding-bottom: 30px; } .dashi_ny_t li:nth-child(3){ position: relative; z-index: 1; } /**************************** 博物馆-简介 ***************************/ .cpzs_ny_box_x{ margin: 0 auto; padding: 0 8%; } .cpzs_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .cpzs_ny_t{ max-width: 500px; margin: 0 auto; } .cpzs_ny_t li{ padding:0 5px; } .cpzs_ny_t li:nth-child(3){ padding: 0 0 70px; } .cpzs_ny_t li:nth-child(6){ position:absolute; top: 15px; right: 15px; } .cpzs_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .cpzs_ny_x li{ width:100%; } .cpzs_ny_x .h1z{ letter-spacing: 2px; } /**************************** About 介绍通用 ***************************/ .c_portalResComplaintPage_detail-01001 .p_articles{ margin-top: 0px; max-width: 500px; max-height: 300px; padding-right: 20px; text-align: justify; overflow-y: auto; } .c_portalResComplaintPage_detail-01001 .p_articles *{ color: #e3cab6; line-height: 30px; font-size: 14px; font-family: "Sans_Light"; } /**************************** 博物馆 ***************************/ #c_portalResComplaintPage_detail-16163217718461220 .p_articles,#c_portalResComplaintPage_detail-16163222055760802 .p_articles{ max-width: 1080px; margin: 0 auto; } /**************************** 博物馆-简介 ***************************/ .museum_ny_box_x{ margin: 0 auto; padding: 0 8%; } .museum_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .museum_ny_t{ max-width: 475px; margin: 0 auto;} .museum_ny_t li{ padding:0 5px; } .museum_ny_t li:nth-child(1), .museum_ny_t li:nth-child(2){ padding-bottom:30px; } .museum_ny_t li:nth-child(6){ position:absolute; left: 10px; } .museum_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .museum_ny_x li{ width:100%; } .museum_ny_x .h1z{ letter-spacing: 2px; } /**************************** 博物馆-展示 ***************************/ .museum_show_box_x{ margin: 0 auto; padding: 0 8%; } .museum_show_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .museum_show_t{ max-width: 460px; margin: 0 auto; } .museum_show_t li{ padding:0 5px; } .museum_show_x li img { margin: 0 16px; margin-top: -26px; } .museum_show_t li:nth-child(5){ position:absolute; right:0; top:10px; } .museum_show_x { width: 100%; flex-wrap: wrap; text-align: center; } .museum_show_x li{ width:100%; } .museum_show_x .h1z{ letter-spacing: 2px; } /**************************** 博物馆-服务指南 ***************************/ #w_grid-1616323836021 > div > .p_gridbox{ display: flex; align-items: center; } .museum_guide_box{ background: url(/img/museum_guide_bg.jpg) no-repeat; background-position: top center; background-attachment: fixed; } .museum_guide_box_x{ margin: 0 auto; padding: 0 8%; } .museum_guide_z{ display: flex; justify-content: left; align-items: flex-end; position: relative; z-index: 5; } .museum_guide_t li{ padding:0 5px; } .museum_guide_t li:nth-child(1), .museum_guide_t li:nth-child(2){ padding-bottom:35px; } .museum_guide_t li:nth-child(5){ position:absolute; margin-left:0; } .museum_guide_x { width: 100%; flex-wrap: wrap; text-align: left; } .museum_guide_x li{ width:100%; } .museum_guide_x .h1z{ letter-spacing: 2px; } .museum_guide_x li:nth-child(1) img { margin: 0 16px; margin-top: -21px; } /**************************** 爱和小镇 ***************************/ #c_portalResComplaintPage_detail-1616325845043 .p_articles{ max-width: 1080px; margin: 0 auto; } /**************************** 爱和小镇-简介 ***************************/ .town_ny_box_x{ margin: 0 auto; padding: 0 8%; } .town_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .town_ny_t{ max-width: 465px; margin: 0 auto; } .town_ny_t li{ padding:0 5px; } .town_ny_t li:nth-child(1){ padding-bottom:40px; } .town_ny_t li:nth-child(2){ padding-bottom:30px; } .town_ny_t li:nth-child(6){ position:absolute; left:0; } .town_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .town_ny_x li{ width:100%; } .town_ny_x .h1z{ letter-spacing: 2px; } /**************************** 爱和小镇-风采 ***************************/ .mien_ny_box{ position: absolute; z-index: 4; top: 50%; transform: translatey(-50%); margin-left: 18%; } .mien_ny_t li:nth-child(1){ padding: 20px 0; } .mien_ny_t li:nth-child(2){ padding-left: 70px; } .mien_ny_t li:nth-child(3){ margin-left: -110px; margin-top: -28px; } .mien_ny_t li:nth-child(4){ padding-left: 35px; margin-top: -42px; } .mien_ny_t li:nth-child(5){ position: absolute; top: 300px; margin-left: 142px; } .mien_ny_t li:nth-child(6){ position: absolute; top: 25%; transform: translateY(-50%); margin-left: 240px; } .mien_ny_box_x:before{ content:""; position: absolute; width: 540px; height: 540px; background: #98775b; z-index: -1; border-radius: 50%; opacity: 0.6; margin-top: 10px; margin-left: -120px; } /**************************** 爱和小镇-简介 ***************************/ .day_ny_box_x{ margin: 0 auto; padding: 0 8%; } .day_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .day_ny_t{ max-width: 505px; margin: 0 auto; } .day_ny_t li{ padding:0 5px; } .day_ny_t li:nth-child(3){ padding: 0 20px 40px; } .day_ny_t li:nth-child(5){ position:absolute; right: 130px; } .day_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .day_ny_x li{ width:100%; } .day_ny_x .h1z{ letter-spacing: 2px; } /**************************** 当日艺展 ***************************/ /**************************** 当日艺展-简介 ***************************/ #c_portalResComplaintPage_detail-16164664063461934 .p_articles{ max-width: 1080px; margin: 0 auto; } .dangri_ny_box_x{ margin: 0 auto; padding: 0 8%; } .dangri_ny_x li img { margin: 0 16px; margin-top: -26px; } .dangri_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .dangri_ny_t{ max-width: 420px; margin: 0 auto; } .dangri_ny_t li{ padding:0 5px; } .dangri_ny_t li:nth-child(1),.dangri_ny_t li:nth-child(2){ padding-bottom: 35px; } .dangri_ny_t li:nth-child(5){ position:absolute; left: 20px; } .dangri_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .dangri_ny_x li{ width:100%; } .dangri_ny_x .h1z{ letter-spacing: 2px; } /**************************** 当日艺展-往届回顾 ***************************/ .review_ny_box_x{ margin: 0 auto; padding: 0 8%; } .review_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .review_ny_t{ max-width: 465px; margin: 0 auto; } .review_ny_t li{ padding:0 5px; } .review_ny_x li img { margin: 0 16px; margin-top: -26px; } .review_ny_t li:nth-child(3){ padding-bottom:15px; } .review_ny_t li:nth-child(5){ position:absolute; right: -20px; top:10px; } .review_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .review_ny_x li{ width:100%; } .review_ny_x .h1z{ letter-spacing: 2px; } /**************************** 当日艺展-加入当日 ***************************/ #w_grid-1616465178512:before{ z-index:1; } .jiaru_ny_box_x{ margin: 0 auto; padding: 0 8%; } .jiaru_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .jiaru_ny_t{ max-width: 435px; margin: 0 auto; } .jiaru_ny_t li{ padding:0 5px; } .jiaru_ny_t li:nth-child(1), .jiaru_ny_t li:nth-child(2){ padding-bottom:50px; } .jiaru_ny_t li:nth-child(3), .jiaru_ny_t li:nth-child(4){ margin-left: -18px; } .jiaru_ny_t li:nth-child(6){ position:absolute; left: 0; } .jiaru_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .jiaru_ny_x li{ width:100%; } .jiaru_ny_x .h1z{ letter-spacing: 2px; } /**************************** 当日艺展-加入当日 ***************************/ .dangys_ny_t > li{ max-width:1540px; padding: 0 20px; margin:0 auto; position: relative; z-index: 1; } .dangys_ny_t > li:nth-child(5){ position: absolute; margin-top: -190px; max-width: 100%; padding: 0; z-index: 0; } .dangys_ny_t > li:nth-child(6){ text-align: right; margin-top: 150px; margin-bottom: 290px; } .dangys_ny_t .h2z{ font-size: 22px; padding: 10px 0; } .dangys_ny_t .h2z b{ font-size: 24px; } .dangys_ny_t .h25z{ font-size: 32px; font-family: "Sans_Light"; color: #a69486; letter-spacing: 1px; } .dangys_ny_t .h25z b{ font-size: 34px; } .dangys_ny_t > li ul{ display: flex; align-items: center; } .dangys_ny_t .h3z{ font-size: 20px; color: #a69486; letter-spacing: 7px; } .dangys_ny_t .h3y{ font-size: 16px; color: #a69486; transform: scale(0.5); margin-left: -114px; line-height: 16px; margin-top: -4px; } .dangys_ny_t .h4z{ font-size: 14px; color: #a69486; letter-spacing: 16px; padding-top: 10px; } /**************************** 联系我们 ***************************/ /************************* 联系我们-联系方式 ***************************/ .cantact_ny_box_x{ margin: 0 auto; padding: 0 8%; } .cantact_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .cantact_ny_t{ max-width: 455px; margin: 0 auto;} .cantact_ny_t li{ padding:0 5px; } .cantact_ny_t li:nth-child(6){ position:absolute; top:0; right: 40px; } .cantact_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .cantact_ny_x li{ width:100%; } .cantact_ny_x .h1z{ letter-spacing: 2px; } .biga_box{ max-width:1300px; margin:0 auto; } .lian_x{ display:flex; flex-wrap: wrap; justify-content: space-between; } .lian_x .li{ width: 48.5%; } .lian_x .li li{ width: 100%; padding: 10% 10% 13%; background: url(/img/lianxbg.png) no-repeat; background-size: 100% 100%; margin-bottom: 6%; } .lian_x .li li:hover{ background: url(/img/lianxbg_h.png) no-repeat; background-size: 100% 100%; } .lian_x .li h1{ color: #e3cab6; font-size: 24px; padding-bottom:15px; } .lian_x .li p{ color: #e3cab6; font-size: 14px; line-height:28px; opacity:0.8; } .lian_x .li p a{ color: #e3cab6; font-size: 14px; } .lian_x .left{ margin-top:-50px; position: relative; z-index: 3; } .lian_x .right{ margin-top:50px; } .xiana{ display: flex; justify-content: center; min-height: 150px; position: relative; z-index: 2; } .xiana li:nth-child(2){ position: absolute; margin-top: 10px; overflow: hidden; animation-name: cantacta; } .xiana li:nth-child(3){ position: absolute; margin-top: 10px; margin-left: -95px; overflow: hidden; animation-name: cantacta; } .xiana li:nth-child(4){ position: absolute; margin-top: 10px; margin-left: 85px; overflow: hidden; animation-name: cantacta; } @keyframes cantacta { 0% { max-height:0; } 100% { max-height:400px; } } /**************************** 联系我们-下载中心 ***************************/ #c_portalResEmploy_list-16165542298521754{ position: relative; z-index: 3; } .download_ny_box{ background: url(/img/download_ny_bg.jpg) no-repeat; background-position: top center; background-attachment: fixed; } .download_ny_box_x{ margin: 0 auto; padding: 0 8%; } .download_ny_z{ display: flex; justify-content: left; align-items: flex-end; position: relative; z-index: 5; } .download_ny_t li{ padding:0 5px; } .download_ny_t li:nth-child(4){ padding-bottom:12px; } .download_ny_t li:nth-child(5){ position:absolute; top:0; margin-left: 265px; } .download_ny_x { width: 100%; flex-wrap: wrap; text-align: left; } .download_ny_x li{ width:100%; } .download_ny_x .h1z{ letter-spacing: 2px; } .download_ny_x li:nth-child(1) img { margin: 0 16px; margin-top: -21px; } /**************************** 联系我们-招聘 ***************************/ .recruit_ny_box_x{ margin: 0 auto; padding: 0 8%; } .recruit_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .recruit_ny_t{ max-width: 440px; margin: 0 auto;} .recruit_ny_t li{ padding:0 5px; } .recruit_ny_x li img { margin: 0 16px; margin-top: -26px; } .recruit_ny_t li:nth-child(1){ padding-bottom:40px; } .recruit_ny_t li:nth-child(2){ padding-bottom:30px; padding-right:15px } .recruit_ny_t li:nth-child(5){ position:absolute; left: 0; } .recruit_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .recruit_ny_x li{ width:100%; } .recruit_ny_x .h1z{ letter-spacing: 2px; } /**************************** 环艺作品 ***************************/ /**************************** 环艺作品-简介 ***************************/ #c_portalResComplaintPage_detail-1616569204596 .p_articles{ max-width: 1080px; margin: 0 auto; } .hyjj_ny_box_x{ margin: 0 auto; padding: 0 8%; } .hyjj_ny_z{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } .hyjj_ny_t{ max-width: 400px; margin: 0 auto; } .hyjj_ny_t li{ padding:0 5px; } .hyjj_ny_x li img { margin: 0 16px; margin-top: -26px; } .hyjj_ny_t li:nth-child(1){ padding-bottom:30px; } .hyjj_ny_t li:nth-child(2){ padding-bottom:30px; } .hyjj_ny_t li:nth-child(5){ position:absolute; left: 15px; } .hyjj_ny_x { width: 100%; flex-wrap: wrap; text-align: center; } .hyjj_ny_x li{ width:100%; } .hyjj_ny_x .h1z{ letter-spacing: 2px; } body{ overflow-y: auto!important; }