@charset "utf-8"; @media (max-width: 1024px){ .index-news.mCustomScrollbar{ touch-action: inherit; } .index-news.mCustomScrollbar.mCS_no_scrollbar, .index-news.mCustomScrollbar.mCS_touch_action{ touch-action: inherit; } header{ height: 2.5rem; } .pc-nav, .header-right .right-nav{ display: none; } .header-right .lang{ margin-left: 0; } .header-right .lang:before{ display: none; } .sp-page header{ border-color: rgba(35,102,183,.2); background-color: #fff; } .sp-page header .logo .init-img{ opacity: 1; } .sp-page header .logo .white-img{ opacity: 0; } .sp-page header .pc-nav li .tit{ color: #1a1a1a; } .sp-page header .pc-nav li.has .tit:before{ background-image: url('../img/nav-sj.png'); } .sp-page header .right-nav a{ color: #1a1a1a; } .sp-page header .header-right .lang{ color: #1a1a1a; } .nav-btn{ display: inline-block; *display: inline; zoom: 1; width: .85rem; height: .6rem; position: relative; vertical-align: top; margin-top: .95rem; margin-left: 1rem; } .nav-btn .line { width: 100%; height: 2px; position: absolute; left: 0; background-color: #333; transition: all .2s; transform-origin: center; } .nav-btn .line1 { top: 0; } .nav-btn .line2 { top: 50%; margin-top: -1px; } .nav-btn .line3 { bottom: 0; } .m-nav{ display: block; position: fixed; right: 0; top: 0; width: 16rem; height: 100%; background-color: #fff; z-index: 70; box-sizing: border-box; padding: 2.35rem 1.1rem 0; transform: translateX(100%); transition: all .5s; overflow: auto; } .m-nav.show{ transform: translateX(0); } .m-nav .nav-close{ position: absolute; right: 1.5rem; top: 1.5rem; width: .75rem; height: .75rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/nav-close.png'); } .m-nav li{ border-bottom: 2px solid rgba(0,0,0,.05); margin-bottom: .3rem; } .m-nav li:last-child{ margin-bottom: 0; } .m-nav .tit{ display: block; font-size: .9rem; line-height: 1rem; color: #000; padding: .6rem; position: relative } .m-nav .tit i{ position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); width: .7rem; height: .7rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/nav-jia.png'); transition: all .3s; } .m-nav li.on .tit i{ background-image: url('../img/nav-jian.png'); } .m-nav .navson{ display: none; padding: .75rem 1.5rem; background-color: #f2f2f2; } .m-nav .navson a{ font-size: .7rem; line-height: .8rem; display: block; margin-bottom: .6rem; color: #000; opacity: .5; } .m-nav .navson a:last-child{ margin-bottom: 0; } .nav-mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; z-index: 60; } .index-page .clearfixed{ display: block; } .index-wrap{ position: relative; } .index-wrap>.swiper-wrapper{ display: block; } .index-wrap>.swiper-wrapper>.swiper-slide{ overflow: inherit; } .index-btns{ display: none; } .ban-text{ opacity: 1; } .banner{ position: relative; height: 20rem; } .banner .pc-box{ display: none; } .banner .m-box{ display: block; } .banner .play-btn{ display: block; width: 63px; height: 63px; margin: .7rem auto 0; } .banner .swiper-slide-active #play-button #play-button-circle{ stroke-dashoffset: 0; transition: stroke-dashoffset 1s ease-in-out 0.6s; } .banner .swiper-slide-active #play-button #play-button-triangle { stroke-dashoffset: 0; transition: stroke-dashoffset 1s ease-in-out; } #play-button-circle{ -webkit-transform-origin: center center; transform-origin: center center; stroke-dashoffset: 340; stroke-dasharray: 340; } #play-button-circle, #play-button-triangle{ fill: none; stroke: #fff; stroke-width: 5; stroke-linejoin: round; stroke-miterlimit: 10; transition-delay: 1s; } #play-button-triangle{ stroke-dashoffset: 180; stroke-dasharray: 180; } #play-button-circle, #play-button-triangle{ /* fill: none; stroke: #fff; stroke-width: 5; stroke-linejoin: round; stroke-miterlimit: 10; transition-delay: 1s; */ } .index-about-box{ position: relative; padding: 5rem 0; } .index-about{ position: relative } .index-about .num-list{ margin-right: 0; } .index-about-box .bg{ opacity: 1; } .index-about .left{ width: 36%; } .index-business-box .left-tab{ position: relative; height: 20rem; opacity: 1; } .index-business-box .text-tab, .index-business-box .tab-btns{ opacity: 1; } .index-news-box{ position: relative; top: 0; padding: 2rem 0; } .index-business-box .text-tab .index-more{ margin-top: 1rem; } .bottom-btns{ left: auto; right: 0; top: 50%; transform: translateY(-50%); } .bottom-btns a{ display: block; padding: .5rem 0; width: 1.75rem; height: auto; text-align: center; line-height: .7rem; } .bottom-btns a span{ line-height: .7rem; padding: 1rem 0 0; width: .8rem; background-position: center 0; } .sub-nav .swiper-slide{ margin: 0 .8rem; } .circle-wrap .list .text .index-more{ opacity: 1; margin-top: .5rem; top: 0; } .newsinfo-view{ width: 90%; } .newsinfo-box .sub-tit .share-box{ display: none; } .newsinfo-box .sub-tit .divide:nth-last-child(2){ display: none; } .website-tab .text-box{ position: static; width: 100%; text-align: center; } .website-tab .right{ float: none; width: 100%; margin: .5rem auto 0; } .website-tab .website-btns .tab-item{ margin: 0 .5rem; } .website-tab .website-btns .tab-item:last-child{ margin-right: .5rem; } .website-tab .text{ margin-top: .5rem; } .query-btn{ width: 4rem; } .card-inp input[type=text]{ width: 84%; } } @media (max-width: 992px){ .honor-tab{ width: 450px; } .mission-box{ padding: 3rem 0; } .about-tit{ font-size: .9rem; line-height: 1rem; } .chairman-box .con{ max-height: 6.6rem; } .history-list{ margin-right: 0; } .business-box .desc{ width: 100%; } .circle-wrap .list .text{ width: 4rem; top: 0; } .news-box .warp-ulbox .tit3, .news-box .warp-ulbox .time, .news-box .warp-ulbox .tit4{ width: 100%; float: none; } .news-box .warp-ulbox .time{ margin-top: .2rem; } .stock-wrap .info-tab{ width: 50%; } .info-dialog-wrap .left{ width: 45%; } .info-dialog-wrap .tab-item .btns{ bottom: 10%; } .order-form-box .date{ padding: .75rem .5rem; } .form-top .inp{ padding: .3rem .5rem; } .name-inp input[type=text]{ width: 45%; } .gender-inp .gender{ width: 45%; } .contact-inp input[type=text]{ width: 30%; } .card-inp input[type=text]{ width: 78% } .work-inp input[type=text]{ width: 65%; } .num-inp input[type=text]{ width: 65%; } .time-inp .time-box{ width: 60%; } .car-inp input[type=text]{ width: 55%; } .form-top .event-text textarea{ width: 85%; } .person-inp input[type=text], .work-inp2 input[type=text], .depart-inp input[type=text]{ width: 55%; } .tel-inp input[type=text]{ width: 35%; } .storey-inp input[type=text]{ width: 45%; } .room-inp input[type=text]{ width: 40%; } .form-top .check-inp img{ right: .5rem; } .form-top .event-text{ padding: .3rem .5rem; } } @media (max-width: 767px){ .header-view, .view{ padding: 0 .5rem; } header{ height: 1rem; } header .logo{ width: 2rem; margin-top: .28rem; } .header-right .lang{ line-height: 1rem; } .nav-btn{ width: .4rem; height: .32rem; margin-top: .38rem; margin-left: .3rem; } .header-right .lang{ background-size: .3rem; font-size: .24rem; padding-left: .5rem; } .header-right .search-box{ margin-top: .16rem; margin-left: .3rem; } .header-right .search-box .search-btn{ width: .7rem; height: .7rem; } .m-nav{ width: 6.45rem; padding: .94rem .4rem 0; } .m-nav .nav-close{ width: .4rem; height: .4rem; right: .6rem; top: .6rem; } .m-nav .tit i{ width: .3rem; height: .3rem; right: .24rem; } .m-nav li{ margin-bottom: .12rem; } .m-nav .tit{ font-size: .36rem; line-height: .4rem; padding: .24rem; } .m-nav .navson{ padding: .3rem .6rem; } .m-nav .navson a{ font-size: .28rem; line-height: .4rem; margin-bottom: .28rem; } .clearfixed{ height: 1rem; } .website-view{ padding: 0 .5rem; width: auto; } .website-tab .con-box{ top: 15%; transform: translateY(0); } .index-dialog-box .close-btn{ right: .5rem; top: -1rem; width: .4rem; height: .4rem; } .website-tab .text{ font-size: .3rem; line-height: .5rem; text-align: left; } .website-tab .text br{ display: none; } .website-tab .right .trans, .website-tab .item .img{ display: none; } .website-tab .item, .website-tab .right .txt, .website-tab .business-slide .top-box, .website-tab .business-slide .bottom-box{ position: static; } .website-tab .right .txt{ padding: 0; font-size: .3rem; line-height: .4rem; } .website-tab .website-btns .tab-item{ margin: 0 .15rem; } .website-tab .website-btns .tab-item:last-child{ margin-right: .15rem; } .website-tab .website-btns .tab-item:before{ right: -.15rem; } .website-tab .website-btns .txt{ font-size: .4rem; line-height: .5rem; } .website-tab .website-btns .icon{ width: .65rem; } .website-tab .website-btns .txt{ font-size: .3rem; line-height: .5rem; } .website-tab .right{ margin-top: .3rem; } .website-tab .item{ display: block; margin-bottom: .2rem; } .website-tab .business-slide .top-box .item:nth-child(1){ width: 100%; } .website-tab .business-slide .top-box .item:nth-child(2){ width: 100%; } .website-tab .business-slide .top-box .item:nth-child(3){ width: 100%; } .website-tab .business-slide .top-box .item:nth-child(4){ transform: translateY(0); width: 100%; } .website-tab .business-slide .top-box .item:nth-child(5){ width: 100%; } .website-tab .business-slide .bottom-box .item:nth-child(1){ width: 100%; } .website-tab .business-slide .bottom-box .item:nth-child(2){ width: 100%; } .website-tab .business-slide .bottom-box .item:nth-child(3){ width: 100%; } .website-tab .business-slide .bottom-box .item:nth-child(4){ width: 100%; } .website-tab .finance-slide .left-box, .website-tab .finance-slide .right-box{ position: static; width: 100%; } .website-tab .finance-slide .left-box .item:nth-child(1), .website-tab .finance-slide .left-box .item:nth-child(2), .website-tab .finance-slide .left-box .item:nth-child(3){ width: 100%; } .website-tab .medical-slide .box{ position: static; } .website-tab .medical-slide .item:nth-child(1), .website-tab .medical-slide .item:nth-child(2), .website-tab .medical-slide .item:nth-child(3){ width: 100%; } .info-dialog-wrap .left{ float: none; width: 100%; } .info-dialog-tit{ font-size: .36rem; line-height: .4rem; margin-bottom: .2rem; } .info-dialog-wrap .stock-tab .top-left{ padding:.3rem .3rem .3rem .5rem; } .info-dialog-wrap .stock-tab .tit{ font-size: .3rem; line-height: .4rem; } .info-dialog-wrap .stock-tab .price{ font-size: .3rem; line-height: .4rem; margin-top: .2rem; } .info-dialog-wrap .stock-tab .price:before{ width: .15rem; height: .225rem; left: -.3rem; bottom: .2rem; } .info-dialog-wrap .stock-tab .price span{ font-size: .7rem; line-height: .8rem; } .info-dialog-wrap .stock-tab .top-list .item{ margin: .2rem 0; } .info-dialog-wrap .stock-tab .top-right .tit, .info-dialog-wrap .stock-tab .top-right .con{ margin: 0 .1rem; font-size: .3rem; line-height: .4rem; } .info-dialog-wrap .stock-bottom{ padding: .3rem .5rem; } .info-dialog-wrap .stock-bottom .bot-tit, .info-dialog-wrap .stock-bottom .con{ font-size: .3rem; line-height: .4rem; width: .7rem; } .info-dialog-wrap .stock-bottom .item{ margin-bottom: .2rem; } .info-dialog-wrap .left .btns{ bottom: -.6rem; } .info-dialog-wrap .left .btns .swiper-pagination-bullet{ margin: 0 5px; } .info-dialog-wrap .right, .info-dialog-wrap .tab-item{ position: static; /* display: none; */ } .info-dialog-wrap .right{ width: 100%; margin-top: 1rem; } .info-dialog-wrap .tab-item{ margin-bottom: .2rem; } .info-dialog-wrap .tab-item .img{ height: 2rem; } .info-dialog-wrap .tab-box{ margin-top: -.3rem; } .info-dialog-wrap .tab-item .tit{ font-size: .3rem; line-height: .4rem; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; } .info-dialog-wrap .tab-item .btns{ position: relative; left: 0; width: 100%; text-align: center; margin-top: .2rem; } .info-dialog-wrap .tab-item .btns .swiper-pagination-bullet-active{ margin: 0 3px; } .info-dialog-wrap .tab-item .sub-tit{ font-size: .24rem; line-height: .3rem; } .info-dialog-box .close-btn{ right: 0; top: 0; } .banner{ height: calc(100vh - 1rem); } .banner .pc-img{ display: none; } .banner .m-img{ display: block; } .ban-text{ top: 10% } .ban-text.text-left{ top: 10%; text-align: center; transform: translateY(0); } .banner .play-btn{ margin-top: .3rem; } .ban-text .tit{ font-size: .5rem; line-height: .7rem; } .ban-text .con{ font-size: .3rem; line-height: .5rem; width: 80%; margin: .3rem auto 0; } .index-about-box{ padding: 1.1rem 0 7.86rem; } .index-about-box .bg{ width: 230%; left: 50%; transform: translateX(-50%); } .index-about{ text-align: center; } .index-about .profile-tit span{ font-size: .3rem; line-height: .5rem; background-size: .4rem; padding-left: .5rem; } .index-about .tit{ font-size: .6rem; line-height: .7rem; margin-top: .36rem; } .index-about .num-list{ float: none; margin-top: 1rem; } .index-about .num-list .item{ margin: 0; } .index-about .num-list .item:nth-child(2){ margin: 0 .6rem; } .index-about .num-list .item:first-child{ margin-left: 0; } .index-about .num-list .item:before{ left: -.3rem; height: .45rem; /* display: none; */ } .index-about .num-list .num{ font-size: .6rem; line-height: .7rem; } .index-about .num-list .unit{ font-size: .24rem; line-height: .3rem; } .index-about .num-list .txt{ font-size: .24rem; line-height: .3rem; margin-top: .28rem; /* width: 1.8rem; */ } .index-about .left{ float: none; width: 100%; } .index-about .con{ margin-top: .36rem; font-size: .3rem; line-height: .5rem; } .index-more{ width: 2.1rem; height: .7rem; line-height: .7rem; font-size: .24rem; } .index-about .index-more{ margin: .9rem auto 0; } .index-business-box .left-tab{ height: 12.34rem; } .index-business-box .left-tab .pc-img{ display: none; } .index-business-box .left-tab .m-img{ display: block; } .index-business-box .text-tab{ left: 0; right: auto; width: 100%; text-align: center; } .index-business-box .tab-btns-box{ display: none; } .index-business-box .text-tab .index-more{ float: none; margin: 1rem auto 0; } .index-business-box .text-tab .tit{ font-size: .6rem; line-height: .7rem; } .index-business-box .text-tab .desc{ font-size: .3rem; line-height: .4rem; margin-top: .24rem; } .index-business-box .text-tab .sub-tit{ font-size: .24rem; line-height: .4rem; margin-top: .24rem; } .index-business-box .text-tab .icon{ width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: rgba(255,255,255,.6); position: relative; display: block; margin: 0 auto .24rem; } .index-business-box .text-tab .icon:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 1rem; height: 1rem; transform: translate(-50%, -50%); background-color: #e62129; border-radius: 100%; } .index-business-box .text-tab .icon img{ width: 40%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .index-business-box .left-tab .btns{ display: block; position: absolute; left: 0; bottom: 5%; width: 100%; font-size: 0; z-index: 3; text-align: center; } .index-business-box .left-tab .btns .swiper-pagination-bullet{ display: inline-block; *display: inline; zoom: 1; width: 6px; height: 6px; border-radius: 3px; background-color: #fff; margin: 0 4px; transition: all .3s; } .index-business-box .left-tab .btns .swiper-pagination-bullet-active{ width: .5rem; } .index-news-box{ padding: 1.4rem 0 1.8rem; } .index-news-box .all-btn-box{ text-align: left; } .index-news-box .all-btn-box a{ font-size: .3rem; line-height: .4rem; } .index-news{ margin-top: .9rem; } .index-news .item{ width: 5.46rem; margin-right: .24rem; } .index-news .item .img{ height: 3.4rem; } .index-news .item .time{ font-size: .24rem; line-height: .3rem; } .index-news .item .tit{ font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .index-news .item .bot-box{ margin-top: .3rem; } .index-news .item .type{ font-size: .24rem; line-height: .4rem; color: #999; padding-left: .36rem; background-size: .25rem; /* margin-top: .64rem; */ } .index-news .mCSB_inside>.mCSB_container{ margin-bottom: 1rem; } .index-news-box .global{ left: .5rem; top: .6rem; width: 6.67rem; } .f-nav ul{ display: none; } .footer-top{ padding: .5rem 0; } .footer-top .company-box{ margin: 0; } .footer-top .company-box .select{ float: left; margin: 0; } .footer-top .company-box .select:nth-child(2n){ float: right; } .footer-top .company-box .select-tit{ width: 3rem; } .footer-top .company-box .select-tit{ line-height: .8rem; height: .8rem; } .footer-top .company-box .select-tit span{ font-size: .3rem; line-height: .8rem; height: .8rem; } .footer-top .company-box .select .sub{ max-height: 2.7rem; } .footer-top .company-box .select .sub a{ /* height: .8rem; */ line-height: .5rem; font-size: .3rem; padding: .2rem .3rem; } .footer-bottom{ padding: .5rem 0; } .m-qrcode{ display: block; width: 3rem; margin: .5rem auto 0; } .m-qrcode img{ width: 100%; } .footer-bottom{ text-align: center; } .footer-bottom .left, .footer-bottom .copy a, .footer-bottom .right, .footer-bottom .build a{ float: none; } .footer-bottom .left .link{ margin:0; } .footer-bottom .copy, .footer-bottom a, .footer-bottom .build, .footer-bottom .right a{ font-size: .3rem; line-height: .5rem; } .footer-bottom .police{ padding-left: .5rem; background-size: .4rem; } .sub-banner{ height: 8rem; } .sub-nav-box{ height: .8rem; } .sub-nav .swiper-wrapper{ justify-content: flex-start; } .sub-nav .swiper-slide{ margin: 0 .3rem 0 0; } .sub-nav .swiper-slide a{ font-size: .3rem; line-height: .8rem; padding: 0 .1rem; } .mission-box{ padding: .8rem 0 5rem; } .about-sub-tit span{ font-size: .3rem; line-height: .5rem; padding-left: .4rem; background-size: .3rem; } .about-tit{ font-size: .44rem; line-height: .5rem; margin-top: .2rem; } .mission-box .line{ left: 0; width: 100%; } .mission-box .con{ font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .mission-box .img{ width: 100%; right: auto; left: 0; } .mission-box .text-box{ width: 100%; } .mission-box .con{ max-height: 100%; } .data-list .con-box{ padding: .4rem; } .data-list .con-box .num{ font-size: .6rem; line-height: .7rem; } .data-list .con-box .unit{ font-size: .24rem; line-height: .4rem; } .data-list .con-box .txt{ height: 1rem; margin-top: .3rem; font-size: .3rem; line-height: .5rem; } .organize-box{ padding: .8rem 0; } .organize-box .pub-btns{ margin-top: .8rem; } .organize-box .img-list{ margin-top: .8rem; } .organize-box .tab-btns a{ width: 1.9rem; height: 1.9rem; line-height: 1.9rem; font-size: .3rem; } .organize-box .tab-btns a:nth-child(2){ margin-top: -.36rem; } .honor-box{ padding: .8rem 0 7rem; } .honor-tab-box{ padding: 0; margin-top: .4rem; } .honor-tab{ width: 70%; } .honor-tab .swiper-slide{ width: 100%; margin: 0 .3rem; } .honor-tab-box .prev, .honor-tab-box .next{ width: .8rem; height: .8rem; top: 48%; } .honor-tab-box .prev{ left: .5rem; } .honor-tab-box .next{ right: .5rem; } .honor-box .bg-box .bg{ background-size: 100%; background-position: bottom center; } .honor-tab-box .text-tab{ height: auto; /* margin-top: .4rem; */ } .honor-tab-box .text-tab .swiper-wrapper{ display: block; } .honor-tab-box .text-tab .swiper-slide{ font-size: .3rem; line-height: .5rem; padding-left: .36rem; box-sizing: border-box; margin-bottom: .3rem; /* margin: .08rem 0; */ } .honor-tab-box .text-tab .swiper-slide:last-child{ margin-bottom: 0; } .honor-tab-box .text-tab .swiper-slide:before{ height: .6rem; margin-top: -.3rem; } .honor-tab-box .text-tab .swiper-slide-active{ font-size: .4rem; } .honor-tab-box .btns{ margin-top: .4rem; } .chairman-box{ padding: .8rem 0; } .chairman-box .text-box{ width: 100%; } .chairman-box .line{ width: 100%; left: 0; } .chairman-box .yin{ margin-top: .3rem; width: .3rem; } .chairman-box .text-box{ float: none; } .chairman-box .con{ max-height: 100%; font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .chairman-box .sign-box{ margin-top: .3rem; } .chairman-box .sign-box .sign{ font-size: .3rem; } .chairman-box .sign-box .sign-img{ width: .95rem; margin-left: .3rem; } .chairman-box .img-box{ position: relative; width: 100%; top: 0; margin-top: .3rem; } .chairman-box .img-box .block{ left: -.2rem; bottom: -.2rem; } .care-box{ padding: .8rem 0; } .care-box .care-wrap{ margin-top: .5rem; } .care-box .left, .care-box .right{ float: none; width: 100%; } .care-box .bimg-box .img, .care-box .simg-box .img{ height: 4rem; } .care-box .simg-box .item{ float: none; width: 100%; margin-bottom: .4rem; } .care-box .left .simg-box{ margin-top: .4rem; } .care-box .right .simg-box{ margin-bottom: 0; } .care-box .care-mask{ display: none; } .care-box .text{ position: static; transform: translateY(0); color: #2366b7; padding: 0; opacity: 1; font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .care-box .text:before, .care-box .text:after{ display: none; } .care-box .tit{ font-size: .3rem; line-height: .5rem; } .care-box .left .tit{ margin-top: .3rem; } .care-box .list{ margin-top: .3rem; } .care-box .list .item{ margin-bottom: .3rem; } .care-box .bimg-box:hover .img, .care-box .simg-box .item:hover .img{ transform: scale(1); } .page a{ width: .5rem; height: .5rem; font-size: .3rem; line-height: .5rem; margin: 0 .05rem; } .care-box .page{ margin-top: .5rem; } .history-box.fix .time-aside{ display: none; } .history-box{ padding: .8rem 0; } .time-aside{ display: none; } .history-list{ width: 100%; float: none; } .history-list ul{ margin-bottom: .8rem; } .history-list li{ padding-left: .6rem; margin-bottom: .8rem; } .history-list li:before{ width: .3rem; height: .5rem; } .history-list li .time{ position: relative; right: 0; top: 0; } .history-list li .tit{ float: none; width: auto; } .history-list li .time{ font-size: .3rem; line-height: .4rem; } .history-list li .img{ float: none; width: 100%; margin-top: .2rem; } .history-list li .tit{ font-size: .3rem; line-height: .5rem; } .history-list li .tit br{ display: none; } .history-list li.active .time{ font-size: .36rem; line-height: .5rem; } .history-list li.active .tit{ font-size: .36rem; line-height: .5rem; } .business-box{ padding: .8rem 0; } .business-box .tit-box .sub-tit{ font-size: .3rem; line-height: .5rem; } .business-box .tit-box .tit{ font-size: .48rem; line-height: .6rem; margin-top: .1rem; } .business-box .desc{ font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .circle-wrap{ width: 100%; height: auto; margin-top: .5rem; } .circle-box{ width: 6rem; height: 6rem; margin: 0 auto; } .circle-wrap .list{ margin-top: .5rem; } .circle-wrap .list .item .icon-box{ width: 1.3rem; margin: 0 auto; position: relative; } .circle-wrap .list .item{ position: static; width: 50%; float: left; height: auto; margin-bottom: .5rem; } .circle-wrap .list .item:nth-child(2n){ float: right; } .circle-wrap .list .item .circle1{ width: 1.3rem; height: 1.3rem; } .circle-wrap .list .item .circle2{ width: 1.5rem; height: 1.5rem; } .circle-wrap .list .text{ position: static; width: auto; padding: 0 .2rem; text-align: center; } .circle-wrap .list .text .tit{ font-size: .4rem; line-height: .5rem; margin-top: .2rem; } .circle-wrap .list .text .con{ font-size: .3rem; line-height: .5rem; margin-top: .2rem; } .circle-wrap .list .item:nth-child(2n+1) .text{ padding: 0; text-align: center; } .circle-wrap .list .text .index-more{ margin: .3rem auto 0; } .circle-wrap .list .item:nth-child(2n+1) .text .index-more{ float: none; } .business-box .scroll-arrow{ margin: 0; } .business-box .scroll-arrow .txt{ font-size: .3rem; } .business-box .scroll-arrow .arrow{ margin-top: .3rem; width: .2rem; } .business-tab-box{ padding-top: .3rem; } .business-tab-box .type-btns .swiper-slide{ margin: 0 .3rem; } .business-tab-box .type-btns a{ font-size: .3rem; line-height: .5rem; padding: .2rem 3px; } .business-tab-box .tab-box{ height: 7.4rem; margin-top: .5rem; } .business-tab-box .tab-box .business-tab .swiper-slide{ width: 50%; } .business-tab-box .tab-box .business-tab .text{ top: 50%; } .business-tab-box .tab-box .business-tab .icon{ opacity: 1; } .business-tab-box .tab-box .prev, .business-tab-box .tab-box .next{ width: .5rem; height: .7rem; background-size: .12rem; } .business-tab-box .tab-box .business-tab .icon{ width: .4rem; } .business-tab-box .tab-box .business-tab .txt{ font-size: .3rem; line-height: .5rem; margin-top: .2rem; } .businessinfo-box{ padding-top: .8rem; } .bread a, .bread span{ font-size: .3rem; } .bread .home{ background-size: .3rem; padding-left: .5rem; } .businessinfo-box .tit-box{ margin-top: .3rem; } .businessinfo-box .tit-box .title{ font-size: .6rem; line-height: .7rem; } .businessinfo-box .tit-box .line{ width: .8rem; margin: .3rem 0; } .businessinfo-box .tit-box .desc{ font-size: .3rem; line-height: .4rem; } .businessinfo-box .top-box{ margin-top: .5rem; } .businessinfo-box .top-box .top-wrap .img{ float: none; height: auto; width: 100%; } .businessinfo-box .top-box .top-wrap .img img{ width: 100%; display: block; } .businessinfo-box .top-box .top-wrap .text-box{ position: relative; width: 100%; } .businessinfo-box .top-box .top-wrap .text{ position: relative; top: 0; padding: .4rem; font-size: .3rem; line-height: .5rem; width: 90%; } .businessinfo-box .top-box .top-wrap .global-img{ width: 1.7rem; } .businessinfo-box .top-box .line{ left: 0; top: -2.5rem; width: 100%; } .num-list-wrap{ padding: .5rem 0; } .num-list-box .num-list{ width: 100%; } .num-list-box .num-list .num{ font-size: .6rem; line-height: .7rem; } .num-list-box .num-list .txt{ font-size: .24rem; line-height: .4rem; width: 2rem; margin: 0; } .num-list-box .num-list .unit{ font-size: .3rem; line-height: .4rem; } .businessinfo-box .bottom-box{ padding: .5rem 0; } .businessinfo-box .bottom-box .img{ float: none; width: 100%; } .businessinfo-box .bottom-box .text{ position: static; width: 100%; transform: translateY(0); font-size: .3rem; line-height: .5rem; margin-top: .5rem; } .businessinfo-box .bottom-box .buttons{ position: relative; right: 0; text-align: center; margin-top: .5rem; } .businessinfo-box .bottom-box .buttons a{ width: .8rem; height: .8rem; margin: 0 .1rem; } .type-link .item .txt{ font-size: .48rem; line-height: .6rem; } .news-box{ padding: .8rem 0; } .news-box .warp-news-left{ float: none; } .news-box .news-left .cn{ font-size: .5rem; line-height: .6rem; /* padding-bottom: .4rem; */ margin-bottom: .4rem; } .news-box .news-left .desc{ margin-bottom: .5rem; } .news-box .news-left .type-btns{ width: 100%; font-size: 0; } .news-box .news-left .type-btns a{ width: 25%; display: inline-block; *display: inline; zoom: 1; box-sizing: border-box; font-size: .3rem; line-height: .8rem; } .party-box .news-left .type-btns a, .disclosure-box .news-left .type-btns a{ width: 33.33%; } .news-box .news-right{ float: none; margin-right: 0; width: 100%; margin-top: .5rem; } .news-box .warp-ulbox .li, .news-box .warp-ulbox .li:nth-child(2n){ display: block; float: none; width: 100%; } .news-box .warp-ulbox .li{ margin-bottom: .5rem; } .news-box .warp-ulbox .li, .news-box .warp-ulbox .li:nth-child(2){ margin-top: 0; } .news-box .warp-ulbox .li .img{ height: 3.4rem; } .news-box .warp-ulbox .text{ padding-top: .3rem; } .news-box .warp-ulbox .tit3{ font-size: .36rem; line-height: .5rem; height: auto; } .news-box .warp-ulbox .time{ margin-top: .2rem; padding-left: .5rem; font-size: .3rem; line-height: .4rem; } .news-box .warp-ulbox .tit4{ font-size: .3rem; line-height: .5rem; max-height: 100%; margin-top: .2rem; height: auto; } .newsinfo-box{ padding: .8rem 0; } .newsinfo-box .title{ font-size: .4rem; line-height: .5rem; } .newsinfo-box .sub-tit{ margin-top: .3rem; } .newsinfo-box .sub-tit .time, .newsinfo-box .sub-tit .num{ font-size: .3rem; line-height: .4rem; } .newsinfo-box .sub-tit .num{ padding-left: .5rem; background-size: .36rem; } .newsinfo-box .sub-tit .divide{ margin: 0 .1rem; } .newsinfo-box .tit-box{ padding-bottom: .3rem; } .newsinfo-box .con{ font-size: .3rem; line-height: .5rem; margin-top: .3rem; } .newsinfo-box .ctrl-box{ margin-top: .5rem; padding-top: .5rem; } .newsinfo-box .ctrl{ float: none; width: 100%; } .newsinfo-box .ctrl a{ font-size: .3rem; line-height: .5rem; } .newsinfo-box .ctrl-box .back-btn{ float: none; width: 2.5rem; height: .8rem; margin: .5rem auto 0; } .newsinfo-box .ctrl-box .back-btn span{ font-size: .3rem; line-height: .7rem; background-size: .3rem; padding-left: .5rem; } .listed-page .sub-nav .swiper-wrapper{ justify-content: center; } .sub-nav .swiper-slide{ margin: 0 .3rem; } .listed-tit{ font-size: .3rem; line-height: .4rem; padding-left: .8rem; } .listed-tit:before{ width: .6rem; height: 2px; margin-top: -1px; } .stock-wrap{ padding: 0; margin-top: .3rem; } .stock-wrap .info-tab{ width: 100%; float: none; } .stock-wrap .info-tab .code{ font-size: .3rem; line-height: .4rem; } .stock-wrap .info-wrap{ margin-top: .3rem; } .stock-wrap .info-tab .tit{ font-size: .3rem; line-height: .4rem; width: .8rem; } .stock-wrap .info-tab .price{ font-size: .75rem; line-height: .8rem; margin-top: .5rem; } .stock-wrap .info-tab .rate{ font-size: .3rem; line-height: .4rem; padding-left: .5rem; } .stock-wrap .info-tab .rate:before{ width: .4rem; height: .4rem; } .stock-wrap .info-tab .list{ margin-right: 0; } .stock-wrap .info-tab .list .item{ margin-bottom: .28rem; } .stock-wrap .list .con{ font-size: .28rem; line-height: .4rem; margin-left: .8rem; } .stock-wrap .list .con span{ font-size: .4rem; line-height: .5rem; } .pic-box{ float: none; width: 100%; margin-top: .6rem; } .pub-btns a{ width: 25%; padding: 0; text-align: center; font-size: .3rem; height: .6rem; line-height: .6rem; } .pic-box .img-list{ margin-top: .6rem; } .notice-box{ padding: .8rem 0; } .notice-box .notice-list{ margin-top: .4rem; } .notice-box .notice-list .row{ margin: 0; } .notice-box .notice-list .time{ font-size: .24rem; line-height: .4rem; } .notice-box .notice-list .item{ padding: 0; margin-bottom: .3rem; } .notice-box .notice-list .item:last-child{ margin-bottom: 0; } .notice-box .notice-list .con-box{ padding: .3rem; } .notice-box .notice-list .text{ margin-top: .2rem; } .notice-box .notice-list .tit{ font-size: .3rem; line-height: .4rem; width: 90%; } .notice-box .notice-list .con{ font-size: .28rem; line-height: .4rem; width: 90%; } .notice-box .notice-list .text:before{ width: .4rem; height: .24rem; } .notice-box .notice-list .page{ margin-top: .5rem; } .party-box .party-list{ float: none; width: 100%; margin-top: .5rem; } .party-box .party-list .row{ margin: 0; } .party-box .party-list .item{ padding: 0; margin-bottom: .4rem; } .party-box .party-list .img{ height: 3.4rem; } .party-box .party-list .tit{ font-size: .3rem; line-height: .5rem; height: auto; margin-top: .3rem; } .party-box .party-list .time{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .disclosure-list{ float: none; width: 100%; margin-top: .3rem; } .disclosure-list .item{ padding: .4rem 0; } .disclosure-list .item .text{ margin-top: .4rem; } .disclosure-list .item .time{ padding-right: .3rem; } .disclosure-list .item .time:before{ height: .8rem; margin-top: -.4rem; } .disclosure-list .item .day{ font-size: .6rem; line-height: .7rem; } .disclosure-list .item .ym{ font-size: .3rem; line-height: .4rem; } .disclosure-list .item .tit{ font-size: .3rem; line-height: .4rem; } .disclosure-list .item .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .disclosure-list .item .arrow{ width: .4rem; height: .24rem; margin-top: .5rem; } .disclosure-list .page{ margin-top: .5rem; } .bottom-btns a{ padding: .2rem 0; width: .7rem; line-height: .4rem; } .bottom-btns a span{ line-height: .4rem; padding: .5rem 0 0; width: .4rem; background-position: center 0; font-size: .3rem; background-size: .4rem; } .bottom-btns a.info-btn span{ background-size: .4rem; } .search-top{ padding: 1rem 0 .5rem; position: relative; } .search-top .search{ float: none; width: 100%; } .search-top .search input[type=text]{ width: 68%; padding: 0 .5rem; height: .6rem; line-height: .6rem; font-size: .3rem; background-size: .3rem; } .search-top .search input[type=submit]{ font-size: .3rem; width: 2rem; height: .6rem; } .search-top .search-close{ position: absolute; right: .4rem; top: .3rem; width: .4rem; height: .4rem; background-repeat: no-repeat; background-position: center; background-size: cover; } .search-wrap .search { padding: .5rem 0; } .result-box{ padding: .6rem 0; } .result-box .result-tit{ font-size: .4rem; line-height: .5rem; } .result-box .search-nav .swiper-slide{ margin-right: .5rem; } .result-box .result-list{ margin-top: .2rem; } .result-box .news-lists .row{ margin: 0; } .result-box .news-lists .news-item{ padding: 0; } .result-box .pro-list .text{ margin-top: .2rem; } .result-box .pro-list .tit{ font-size: .3rem; line-height: .4rem; } .result-box .pro-list .more{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .result-box .pro-list .item{ margin-bottom: .5rem; } .result-box .pro-list .item:last-child{ margin-bottom: 0; } .result-box .news-lists .con-box{ padding: .3rem 0 .3rem .5rem; font-size: .24rem; line-height: .4rem; } .result-box .news-lists .con-box:before{ left: .15rem; } .search-nav .swiper-slide{ margin-right: 1.3rem; } .search-nav .swiper-slide a{ font-size: .26rem; line-height: .9rem; } .result-box .search-nav{ margin-top: .2rem; } .result-box .page{ margin-top: .5rem; } .anchor{ top: -.78rem; } .header-right .old{ display: none; } .query-btn{ margin-top: .3rem; width: 100%; } .honor-tab-box .text-tab{ width: 100%; } .honor-box .bg-box .pc-bg{ display: none; } .honor-box .bg-box .m-bg{ display: block; } .order-box{ padding: .8rem 0; } .order-box .order-tit span{ font-size: .4rem; line-height: .5rem; background-size: .35rem; padding-left: .5rem; } .order-form-box{ margin-top: .5rem; } .order-form-box .date{ padding: .2rem .2rem; margin-bottom: .3rem; } .order-form-box .date-tit{ font-size: .3rem; line-height: .5rem; padding-left: .36rem; } .order-form-box .date .time{ height: .5rem; line-height: .5rem; font-size: .3rem; padding: 0 .2rem; margin-left: .3rem; } .form-top .inp{ padding: .1rem .2rem; } .form-top .tit{ font-size: .3rem; line-height: .5rem; padding-left: .36rem; background-size: .3rem; } .form-top input[type=text]{ height: .5rem; line-height: .5rem; font-size: .3rem; } .name-inp input[type=text]{ width: 60%; } .gender-inp .gender{ width: 60%; height: .5rem; line-height: .5rem; } .gender-inp .gender:before{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 7px solid transparent; border-top-color: #333; margin-top: -3px; } .gender-inp .gender .gender-tit{ display: none; font-size: .3rem; line-height: .5rem; height: .5rem; } .gender-inp .gender .sub{ top: .5rem; } .gender-inp .gender .sub a{ height: .6rem; line-height: .6rem; font-size: .3rem; } .gender-inp .gender select{ display: block; width: 100%; height: .5rem; line-height: .5rem; font-size: .3rem; } .form-top .inp{ margin-bottom: .3rem; } .contact-inp input[type=text]{ width: 45%; } .work-inp input[type=text]{ width: 60%; } .num-inp input[type=text]{ width: 60%; } .num-inp .unit{ font-size: .3rem; line-height: .5rem; } .card-inp input[type=text]{ width: 45%; } .time-inp .divide{ font-size: .3rem; line-height: .5rem; } .time-inp .time-box{ width: 55%; } .time-inp input.start-time, .time-inp input.end-time{ /*width: 40%;*/ width:100%; height: .5rem; line-height: .5rem; font-size: .3rem; } .car-inp input[type=text]{ width: 50%; } .form-top .event-text{ margin-bottom: .3rem; padding: .1rem .2rem; } .form-top .event-text textarea{ width: 100%; font-size: .3rem; line-height: .5rem; height: 1.5rem; } .person-inp input[type=text], .work-inp2 input[type=text], .depart-inp input[type=text]{ width: 65%; } .tel-inp input[type=text]{ width: 50%; } .storey-inp input[type=text]{ width: 60%; } .room-inp input[type=text]{ width: 55%; } .fir-row{ margin: 0; } .fir-row .fir-item{ padding: 0; } .sec-row{ margin: 0; } .sec-row .sec-item{ padding: 0; } .time-inp input.start-time, .time-inp input.end-time{ background-size: .3rem; } .form-top input[type=text]{ background-size: .3rem; } .person-table-box{ margin-top: .3rem; } .person-table-wrap{ overflow: auto; width: calc(100% - 2px); margin-left: 1px; } .person-table{ width: 1000px; } .person-table-box .person-tit{ padding: .3rem 0; font-size: .4rem; line-height: .5rem; } .person-table-box .person-table .tit{ font-size: .3rem; line-height: 1rem; height: 1rem; } .person-table .index{ font-size: .3rem; } .person-table-box .person-table li{ height: 1rem; line-height: 1rem; } .person-table .remove-btn{ line-height: 1rem; font-size: .3rem; } .person-table input[type=text]{ height: .5rem; line-height: .5rem; margin-top: .25rem; font-size: .3rem; } .person-table .gender-tit{ height: 1rem; line-height: 1rem; display: none; } .person-table .gender select{ display: block; font-size: .3rem; line-height: 1rem; width: 100%; display: block; height: 1rem; padding-left: .3rem; -webkit-appearance: none; } .person-table .gender:before{ content: ""; position: absolute; right: 10%; top: 50%; width: 0; height: 0; border: 7px solid transparent; border-top-color: #333; margin-top: -3px; } .person-table-box .add-tr{ padding: .2rem 0; } .person-table-box .add-btn{ width: .4rem; height: .4rem; } .form-top .check-inp{ margin-bottom: 0; margin-top: .3rem; } .form-top .check-inp input[type=text]{ width: 50%; margin-right: 20%; } .form-top .check-inp img{ right: 0; top: 0; margin: 0; height: .7rem } .order-form-box input[type=submit]{ } .order-form-box input[type=submit]{ margin-top: .3rem; width: 3.5rem; height: .7rem; padding-left: 1.2rem; border-radius: .35rem; font-size: .3rem; background-size: .3rem; background-position: .65rem center; } } .rent-list .tit-box .cn{ font-size: .7rem; line-height: .8rem; color: #000; margin-bottom: .8rem; position: relative; } .rent-list1 .tit-box{ margin-bottom:.35rem; } .rent-list1 .ulbox{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .rent-list1 .ulbox .li{ width:47%; padding:1rem; background:#f5f5f5; border-radius:5px; box-sizing:border-box; } .rent-list1 .ulbox .li .tit2{ font-size: .55rem; line-height: 1.4; color: #333; margin-bottom: 1.5rem; position: relative; } .rent-list1 .ulbox .li .more{ width:4rem; height:40px; border-radius:40px; background:#e62129; font-size:16px; color:#fff; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .rent-list1 .ulbox .li .more .icon{ width:25px; height:20px; margin-left:.25rem; fill:#fff; } .rent-list2{ padding:1.5rem 0 0; } .rent-list2 .tit-box{ margin-bottom:.35rem; } .rent-list2 .imgbox{ display:block; } .rent-list2 .imgbox img{ max-width:100%; } .rent-list3{ padding:1.5rem 0 0; } .rent-list3 .textbox{ width:100%; padding:1rem; background:#f5f5f5; box-sizing:border-box; } .rent-list3 .textbox .tit2{ font-size: .55rem; line-height: 1.4; color: #333; margin-bottom: .35rem; position: relative; } .rent-list3 .textbox .tit3{ font-size:16px; color:#666; line-height:1.6; } .rent-list4{ padding:1.5rem 0 0; } .rent-list4 .warptable{ width:100%; overflow-x: auto; } .rent-list4 .table{ width:100%; min-width:800px; } .rent-list4 .table .tr1{ background:#2366b7; } .rent-list4 .table .tr1 th:last-child{ border-right:none; } .rent-list4 .table tr td{ padding:12px; width:33.3%; height:auto; font-size:16px; line-height:1.4; color:#333; text-align:center; border-right:1px solid rgba(227,227,227,.7); } .rent-list4 .table tr td:last-child{ border-right:none; } .rent-list4 .table tr td{ text-align:center; } .rent-list4 .table tr td:nth-child(1){ text-align:left; padding:12px 1.5rem 12px; } .rent-list4 .table tr:nth-child(even){ background:#f5f5f5; } .rent-list4 .table .tr1 th{ width:33.3%; height:55px; line-height:55px; font-size:18px; padding:0; color:#fff; text-align:center; border-right:1px solid rgba(227,227,227,.7); } .rent-list4 .more{ width:4rem; height:40px; line-height:40px; border-radius:40px; background:#e62129; font-size:16px; color:#fff; display:block; text-align:center; margin:.75rem auto 0; cursor:pointer; } .rent-list2 p{ font-size:14px; margin-top:.5rem; text-align:center; color:#999; } @media (max-width: 1480px){ .rent-list1 .ulbox .li .more{ font-size:14px; } .rent-list4 .more{ font-size:14px; } .rent-list4 .table tr td{ padding: 12px; font-size:14px; } .rent-list4 .table tr td:nth-child(1){ padding: 12px 20px; } } @media (max-width: 767px){ .rent-list .tit-box .cn { font-size: .45rem; line-height: 1.2; /* padding-bottom: .4rem; */ margin-bottom: .4rem; } .rent-list1 .ulbox .li{ width:100%; padding:.3rem; margin-bottom:.3rem; } .rent-list1 .ulbox .li .tit2{ font-size:.34rem; margin-bottom:.5rem; } .rent-list1 .ulbox .li .more{ width:2.4rem; height:35px; font-size:12px; } .rent-list1 .ulbox .li:last-child{ margin-bottom:0; } .rent-list2,.rent-list3,.rent-list4{ padding:.5rem 0 0; } .rent-list3 .textbox .tit2{ margin-bottom:.2rem; } .rent-list3 .textbox{ padding:.3rem; } .rent-list3 .textbox .tit2{ font-size:.35rem; } .rent-list3 .textbox .tit3{ font-size:14px; } .rent-list4 .more{ margin-top:.5rem; font-size:12px; height:35px; line-height:35px; width:2.4rem; } .rent-list2 p{ margin-top:.3rem; } .care-box .bimg-box{ width:100%; margin-right:0; margin-bottom:2%; } .care-box .bimg-box{ width:100%; margin-left:0; margin-bottom:2%; } .care-box .left .simg-box,.care-box .right .simg-box{ width:100%; } }