/**! * 首页 * author: fxyue * date:2020-12-16 */ .view { height: 440px; overflow: hidden; padding-top: 280px; background: top center no-repeat; } .view-box { margin-right: -24px; } .view-list { float: left; padding-right: 24px; } .viewlist1 { background-image: ; } .viewlist2 { background-image: ; } .viewlist3 { background-image: ; } .viewlist4 { background-image: ; } .viewlist5 { background-image: ; } .viewlist6 { background-image: ; } .view-item { display: block; width: 180px; height: 160px; padding-top: 112px; line-height: 28px; color: #fff; text-align: center; font-size: 18px; } .com-hd { height: 44px; text-align: center; font-size: 0; position: relative; background: center center no-repeat; } .comhd2 { background-image: ; } .com-tt { display: inline-block; vertical-align: middle; color: #384fbe; font-size: 36px; font-weight: bold; line-height: 44px; } .com-more { position: absolute; right: 0; top: 6px; width: 80px; height: 34px; line-height: 32px; padding-left: 17px; border-radius: 16px; border: 1px solid #ddd; cursor: pointer; text-align: left; color: #666; font-size: 16px; background: 60px 50% no-repeat #fff; } .com-hd .com-city { position: absolute; top: 6px; right: 90px; text-align: left; } /* 政务服务 */ .service { margin-top: 65px; } .service-bd { margin-top: 26px; box-shadow: 0px 4px 20px 0px rgba(172, 177, 203, 0.33); height: 150px; padding: 20px; } .service-left { float: left; } .service-left>img { display: block; width: 110px; height: 110px; } .service-right { margin-left: 120px; overflow: hidden; } .service-list { float: left; padding: 0 20px; width: 50%; } .service-txt { height: 46px; line-height: 40px; padding-left: 16px; font-size: 24px; background: left center no-repeat; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px dashed #ddd; } .service-txt a { color: #333; } .service-p { margin-top: 12px; color: #999; line-height: 24px; height: 48px; overflow: hidden; } /* 动态 */ /* 轮播 */ .scroll { float: left; width: 588px; overflow: hidden; } /* 文字介绍 */ .scroll-intro { position: absolute; left: 0; right: 0; bottom: 0; padding-right: 120px; height: 50px; line-height: 50px; text-indent: 15px; background: rgba(0, 0, 0, 0.33); } .scroll-intro>p { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 分页按钮 */ .owl-dots { position: absolute; right: 7px; bottom: 21px; height: 8px; z-index: 60; font-size: 0; text-align: center; -webkit-tap-highlight-color: transparent; overflow: hidden; } .scroll button.owl-dot { float: left; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: rgba(255, 255, 255, 0.33); border: 0; outline: 0; font-size: 0; } .scroll .owl-dot.active { background: #384fbe; } /* 工作动态 行业动态 */ .dynamic { float: right; width: 588px; } .dynamic-hd { height: 50px; border-bottom: 1px solid #ddd; } .dynamic-node { float: left; margin-right: 40px; } .dynamic-node>a { display: block; height: 50px; line-height: 42px; padding: 0 2px; font-size: 24px; font-weight: bold; color: #666; } .dynamic-node.active>a { color: #384fbe; border-bottom: 3px solid #384fbe; } .dynamic-bd { margin: 6px 7px 0; height: 304px; overflow: hidden; } /* 交易信息 */ .engineer { margin-top: 65px; } .engineer-hd { margin-top: 27px; } .engineer-node { float: left; width: 200px; position: relative; } .engineer-node>a { display: block; height: 140px; padding-top: 85px; line-height: 26px; text-align: center; color: #333; background-repeat: no-repeat; background-position: 50% 33px; } .engineernode1>a { background-image: ; } .engineernode2>a { background-image: ; } .engineernode3>a { background-image: ; } .engineernode4>a { background-image: ; } .engineernode5>a { background-image: ; } .engineernode6>a { background-image: ; } .engineer-node.active { background: top center no-repeat; } .engineer-node.active::before { content: ""; position: absolute; top: 140px; left: 50%; width: 12px; height: 6px; margin-left: -6px; z-index: 2; background: no-repeat; } .engineer-node.active>a { color: #fff; border-bottom: 4px solid #f8bd46; } .engineernode1.active>a { background-image: ; } .engineernode2.active>a { background-image: ; } .engineernode3.active>a { background-image: ; } .engineernode4.active>a { background-image: ; } .engineernode5.active>a { background-image: ; } .engineernode6.active>a { background-image: ; } .engineer-bd { background: #eff2ff; border-top: 1px solid #d5dbf5; padding: 30px 0; height: 566px; } .engineer-left { float: left; width: 200px; height: 500px; padding: 10px; background: #fff; } .engineer-item { height: 50px; margin-top: 10px; border-radius: 3px; overflow: hidden; border-bottom: 1px dashed #ddd; } .engineer-item:last-child { border-bottom: 0; } .engineer-sub { display: block; padding: 0 10px 0 15px; height: 50px; line-height: 50px; color: #666; } .engineer-arr { float: right; width: 6px; height: 100%; background: center center no-repeat; } .engineer-name { display: block; margin-right: 20px; padding-left: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-repeat: no-repeat; background-position: left center; } .engineeritem1 .engineer-name { background-image: ; } .engineeritem2 .engineer-name { background-image: ; } .engineeritem3 .engineer-name { background-image: ; } .engineeritem4 .engineer-name { background-image: ; } .engineeritem5 .engineer-name { background-image: ; } .engineeritem6 .engineer-name { background-image: ; } .engineeritem7 .engineer-name { background-image: ; } .engineeritem8 .engineer-name { background-image: ; } .engineeritem9 .engineer-name { background-image: ; } /* 工程建视 */ .engineeritemgcjs1 .engineer-name { background-image: ; } .engineeritemgcjs2 .engineer-name { background-image: ; } .engineeritemgcjs3 .engineer-name { background-image: ; } .engineeritemgcjs4 .engineer-name { background-image: ; } .engineeritemgcjs5 .engineer-name { background-image: ; } .engineeritemgcjs6 .engineer-name { background-image: ; } /* 国土交易 */ .engineeritemgtjy1 .engineer-name { background-image: ; } .engineeritemgtjy2 .engineer-name { background-image: ; } .engineeritemjtgc1 .engineer-name { background-image: ; } .engineeritemjtgc2 .engineer-name { background-image: ; } .engineeritemjtgc3 .engineer-name { background-image: ; } .engineeritemjtgc4 .engineer-name { background-image: ; } .engineeritemslgc1 .engineer-name { background-image: ; } .engineeritemslgc2 .engineer-name { background-image: ; } .engineeritemslgc3 .engineer-name { background-image: ; } .engineeritemslgc4 .engineer-name { background-image: ; } .engineer-item.active { border-bottom: 0; background: no-repeat; } .engineer-item.active .engineer-sub { color: #fff; } .engineeritem1.active .engineer-name { background-image: ; } .engineeritem2.active .engineer-name { background-image: ; } .engineeritem3.active .engineer-name { background-image: ; } .engineeritem4.active .engineer-name { background-image: ; } .engineeritem5.active .engineer-name { background-image: ; } .engineeritem6.active .engineer-name { background-image: ; } .engineeritem7.active .engineer-name { background-image: ; } .engineeritem8.active .engineer-name { background-image: ; } .engineeritem9.active .engineer-name { background-image: ; } .engineeritemgcjs1.active .engineer-name { background-image: ; } .engineeritemgcjs2.active .engineer-name { background-image: ; } .engineeritemgcjs3.active .engineer-name { background-image: ; } .engineeritemgcjs4.active .engineer-name { background-image: ; } .engineeritemgcjs5.active .engineer-name { background-image: ; } .engineeritemgcjs6.active .engineer-name { background-image: ; } .engineeritemgtjy1.active .engineer-name { background-image: ; } .engineeritemgtjy2.active .engineer-name { background-image: ; } .engineer-item.active .engineer-sub .engineer-arr { background-image: ; } .engineeritemjtgc1.active .engineer-name { background-image: ; } .engineeritemjtgc2.active .engineer-name { background-image: ; } .engineeritemjtgc3.active .engineer-name { background-image: ; } .engineeritemjtgc4.active .engineer-name { background-image: ; } .engineeritemslgc1.active .engineer-name { background-image: ; } .engineeritemslgc2.active .engineer-name { background-image: ; } .engineeritemslgc3.active .engineer-name { background-image: ; } .engineeritemslgc4.active .engineer-name { background-image: ; } .engineer-right { margin-left: 220px; height: 500px; overflow: hidden; background: #fff; padding: 13px 30px 0 20px; } .engineer-box { height: 525px; overflow: hidden; } .engineer-box .com-list { height: 48px; line-height: 48px; } /* 今日标讯 */ .news { margin-top: 65px; } .news-bd { margin-top: 35px; } .news-list { float: left; width: 224px; border-radius: 4px; overflow: hidden; margin-left: 20px; background-repeat: no-repeat; } .news-list:first-child { margin-left: 0; } .news-list>a { display: block; text-align: center; color: #fff; padding-top: 25px; height: 120px; cursor: default; } .news-num { line-height: 36px; font-size: 30px; font-family: "opposans-b"; } .news-name { line-height: 26px; margin-top: 10px; } .newslist1 { background-image: ; box-shadow: 0px 6px 6px 0px rgba(112, 97, 228, 0.2); } .newslist2 { background-image: ; box-shadow: 0px 6px 6px 0px rgba(62, 111, 245, 0.2); } .newslist3 { background-image: ; box-shadow: 0px 6px 6px 0px rgba(45, 182, 116, 0.2); } .newslist4 { background-image: ; box-shadow: 0px 6px 6px 0px rgba(31, 155, 232, 0.2); } .newslist5 { background-image: ; box-shadow: 0px 6px 6px 0px rgba(62, 111, 245, 0.2); } /* 2020年全市交易项目统计 */ .project { background: #f6f6f6; height: 720px; margin-top: 80px; padding: 55px 0 66px; } .project-bd { margin-top: 55px; } .project-map { float: left; width: 490px; height: 500px; } .project-box { float: right; background: #fff; height: 540px; width: 660px; } .project-top { height: 50px; padding-left: 23px; line-height: 50px; font-size: 18px; color: #fff; background: no-repeat; } .project-loc { float: left; padding: 0 10px 0 25px; min-width: 120px; min-height: 1px; background: left center no-repeat; } .project-name { float: left; } .project-bottom { padding: 10px 20px; } .project-left { float: left; width: 480px; } .project-list { float: left; width: 230px; height: 90px; background: #eff2ff; margin: 10px 10px 0 0; padding: 10px 20px 0; line-height: 32px; } .project-list h3 { color: #666; } .project-list p { color: #384fbe; font-size: 16px; font-family: "opposans-b"; } .project-right { float: right; width: 140px; } .project-right .project-list { width: 140px; height: 190px; padding: 50px 12px 0; background: right bottom no-repeat #eff2ff; } .project-pie { margin-top: 30px; height: 200px; } /* 2023-5-30 */ .page-old .com-tt { font-size: 38px; } .page-old .comhd2 { background-image: ; } .page-old .com-more { width: 108px; font-size: 30px; height: 44px; line-height: 42px; border-radius: 22px; background: url(/images/com_more_arr.png) 88px 50% no-repeat #fff; top: 0; } .page-old .service-txt { font-size: 32px; } .page-old .service-p { font-size: 24px; } .page-old .scroll, .page-old .dynamic { width: 100%; } .page-old .dynamic { margin-top: 48px; } .page-old .owl-carousel .owl-item img { height: 600px; } .page-old .scroll-intro > p { font-size: 30px; } .page-old .scroll .owl-dot.active { background-color: #f8bd46; } .page-old .owl-dots { height: 14px; } .page-old .scroll button.owl-dot { width: 14px; height: 14px; } .page-old .dynamic-node > a { font-size: 36px; } .page-old .com-date { font-size: 32px; } .page-old .dynamic-bd { margin: 12px 0 0; height: 378px; } .page-old .engineer-node > a { font-size: 32px; } .engineer-bd-old { display: none; } .page-old .engineer-bd-old { display: block; background: #eff2ff; height: 595px; overflow: hidden; padding: 30px 0; } /* .page-old .engineer-bd { display: none; } */ .engineer-bd-old > .bdl { background-color: #fff; padding: 30px; } .engineer-bd-old .engineer-box { height: 410px; padding-top: 35px; } .page-old .switch { position: relative; margin: 0 70px; } .switch-arr { position: absolute; width: 18px; height: 21px; top: 53px; z-index: 9999; } .switch-left { left: -40px; background: url(/images/prev_icon.png) no-repeat; } .switch-right { background: url(/images/next_icon.png) no-repeat; right: -40px; } .engineer-bd-old .tab-hd { height: 54px; font-size: 36px; overflow: hidden; border-bottom: 1px solid #ddd; } .engineer-bd-old .tab-hd li.active a { color: #384fbe; border-bottom: 3px solid #384fbe; } .engineer-bd-old .tab-hd li a { display: block; min-width: 143px; text-align: center; height: 54px; color: #333; font-weight: bold; padding: 0 5px; margin-right: 45px; } .page-old .engineer-box .com-list { height: 76px; line-height: 76px; } .transaction-swiper .swiper-slide a { height: 100%; color: #333; display: block; } .transaction-swiper .swiper-slide.active a { color: #384fbe; border-bottom: 3px solid #384fbe; } .page-old .news-list { width: 588px; margin-left: 0; margin-top: 24px; background-size: 100% 100%; } .page-old .news-list:nth-child(2n) { margin-left: 24px; } .page-old .news-list:nth-child(5) { width: 100%; } .page-old .news-list:nth-child(-n 2) { margin-top: 0; } .page-old .news-name { font-size: 32px; } .page-old .news-num { font-size: 40px; } .page-old .newslist1 { background-image: url(/images/news_list_old_01.png); } .page-old .newslist2 { background-image: url(/images/news_list_old_02.png); } .page-old .newslist3 { background-image: url(/images/news_list_old_03.png); } .page-old .newslist4 { background-image: url(/images/news_list_old_04.png); } .page-old .newslist5 { background-image: url(/images/news_list_old_05.png); } .page-old .project-map { margin: auto; } .page-old .project { height: auto; padding: 41px 0; } .page-old .project-bd { display: flex; justify-content: center; flex-direction: column; } .page-old .project-box { width: 100%; height: auto; margin-top: 60px; } .page-old .project-top { background: url(/images/project_top_old_bg.png) no-repeat; padding-right: 29px; font-size: 32px; } .page-old .project-name { float: right; } .page-old .project-list { width: 565px; margin: 24px 22px 0 0; line-height: 90px; padding: 0 24px; } .page-old .project-right { float: left; width: 100%; font-size: 32px; } .page-old .project-list:nth-child(2n) { margin-right: 0; } .page-old .project-left { width: 100%; font-size: 32px; } .page-old .project-bottom { padding: 0 24px 10px; } .page-old .project-right .project-list { width: 100%; height: 90px; padding: 0 24px; } .page-old .engineer-bd { height: auto; } .page-old .engineer-bd > .bdl { position: relative; } .page-old .engineer-left { float: none; width: 100%; padding: 0; height: 95px; overflow: hidden; } .page-old .engineer-item.active { border-bottom: 1px dashed #ddd; } .page-old .engineer-right { width: 100%; float: none; margin-left: 0; padding: 36px 30px 0 30px; height: 440px; } .page-old .engineer-item { float: left; /* min-width: 165px; */ /* width: auto !important; */ height: 65px; line-height: 65px; margin-top: 30px; /* margin-right: 32px; */ /* border: 0; */ } .page-old .engineer-item.active { background: none; } .page-old .engineer-item a { color: #333; display: block; font-size: 36px; font-weight: bold; padding: 0px 24px; } .page-old .engineer-item.active a { color: #384fbe; border-bottom: 3px solid #384fbe; } .page-old .column-items { /* min-width: 884px; */ } .page-old .engineer-arr { display: none; } .page-old .engineer-name { background-image: none; padding-left: 0; margin-right: 0; } .page-old .engineer-sub { height: 65px; line-height: 65px; } .page-old .tab-head { height: 95px; overflow: hidden; border-bottom: 1px dashed #ddd; } .page-old .engineer-item:last-child { border-bottom: 1px dashed #ddd; margin-right: 0; }