@media screen and (min-width:1490px) { .layui-fixbar{ right:50%; transform: translateX(730px); } .phone{ right:50%; transform: translateX(762px); } } @media screen and (max-width:1399.98px) { .ws-content .bg-hot .botCon_p{ font-size: 16px; } .ws-content .btn{ margin-top: 25px; } .bnjj_main dd .bj_cf span{ font-size: 18px; } .bsjs-text{ font-size: 20px; line-height: 1.5; } .top_main .img-box{ -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%; } .top_main .main-box{ -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; } .case_top .info .icon{ background-size: 100%; } .case-content .content { padding:.8rem; } .case-content .thumb::before{ padding-bottom: 150%; } } @media screen and (max-width:1199.98px) { .ws-carousel .content h2 { font-size: 66px; } .school-items .item{ width:25%; } .hide-md{ display: none; } .ybys-items .ybys-item p{ font-size: .9rem; } .ybys-items .ybys-item span{ font-size: 1.1rem; } .bnjj_main dd .bj_cf span, .bnjj_main dd .bj_zs a{ font-size: 16px; } .ssjj-nav dd { width: 200px; } .qs-isjj p{ font-size: 16px; line-height: 1.5; } .about .one p{ font-size: 1.1rem; } .bllc_items .bllc_item{ max-width: 220px; } .bllc_items .bllc_item p{ font-size: .9rem; } .lxtop_ys dl{ background-size: 50%; } .lxtop_ys dd:nth-child(3), .lxtop_ys dd:nth-child(4){ top:300px } .xkqh .text p{ font-size: 16px; } .bsjs-text{ font-size: 16px; line-height: 1.6; } .dot li{ font-size: 18px; } .dot li::before{ width: 8px; height: 8px; top:12px; } .square li{ font-size: 16px; line-height: 1.4; } .square li::before{ top:8px; } } @media screen and (max-width:991.98px) { .top_main{ display: block; } .top_main .img-box, .top_main .main-box{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .ws-footer .f-item{ padding:0 1rem } .footer-hide{ display: none; } .bllc_item .info{ font-size: 1.2rem; } .sjgh_item{ width: 25%; } .ws-nav-show .ws-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.4); z-index: 1001; } .top-bar-area { display: none; } .ws-logo { left:50%; margin-left:-110px } .ws-header-menu .layui-nav{ position:fixed; top:81px; right:-260px; width:260px; text-align:center; transition:all .3s } .ws-header-menu .layui-nav { z-index:1003; height:60px; border-radius:0; box-shadow:0 1px 3px rgb(0 0 0 / 5%) } .ws-header-menu .dropdown-menu .layui-nav-item a { padding-left:32px } .ws-header-more { display:block } .ws-nav-show .layui-header { z-index:1003 } .ws-nav-show .ws-header-menu .layui-nav{ display:block; right:0; padding:10px 0 } .ws-nav-show .layui-nav-item{ display:block; position:static; background:#fff; width:260px; line-height:36px; text-align:left; } .ws-nav-show .layui-nav-child{ position:static; width:100%; background:transparent; box-shadow:inherit; } .ws-nav-show .layui-nav .layui-this::after, .ws-nav-show .layui-nav-bar{ opacity:0 } .ws-nav-show .layui-this .layui-nav-child{ display: block; } .ws-header-menu .layui-nav .layui-nav-item { margin:0 } .layui-nav .dropdown-menu .layui-nav-item{ width: 100%; } .layui-nav .layui-nav-more { position: inherit; } .ws-carousel{ height:500px } .ws-carousel .content h2 { font-size: 60px; } .ws-carousel .layui-carousel-ind{ top: -50px; } .banner::before{ padding-bottom: 62.5%; } .banner .content .img, .banner .content .row{ width:90% } .ws-content .bg-hot .botCon_p{ font-size: .9rem; padding: 0 8%; } .ws-content .btn{ margin-top: 20px; } .fun-fact-items{ margin-bottom: -40px; } .fun-factor-area .padding{ padding-top: 50px; padding-bottom: 50px; } .fun-factor-area .fun-fact-items .item { margin-bottom: 40px; } .fun-factor-area .fun-fact .medium { margin-top: 10px; } .item-box{ display: block; } .school-items .item{ width:33.333333% } .item-hidden{ display: none; } .about .bg{ background-color: #fff; } .about .thumb{ width:30%; margin: 0 auto 10px; } .about .one h3 , .about .one h5 { text-align: center; color:#333; } .licheng .list .inner_text{ bottom: 0; height:378px } .licheng .list .inner_text .inner p{ font-size: .8rem; } .licheng .list .inner_text .inner{ background-color: rgba(11, 110, 196, 0.9); padding: 0 5px; height:320px } .advisor .sztd_item01 .item_right{ padding: 10px 20px 0 20px; } .advisor .items{ display: block; } .lxtop_ys dl{ height: 760px; background-size: 80%; } .lxtop_ys dd{ width: 40%; padding: 0 5%; } .lxtop_ys dd:nth-child(1), .lxtop_ys dd:nth-child(2){ top: 27px; } .lxtop_ys dd:nth-child(3), .lxtop_ys dd:nth-child(4){ top: 600px; } .fwCon{ font-size:2vw; } .fwCon ul li { height:9rem; position: relative; overflow: hidden; } .fwCon ul li img{ max-height:6rem; padding:.5rem 0; } .fwCon ul li p{ position: absolute; display: block; font-size: 1rem; bottom:.5rem; width:100%; } .yb_cjmx dd span{ font-size: 1rem; } .ybys-items .item{ width: 33.333% !important; } .ybys-items .item.four{ width: 50% !important; } .ybys-items .ybys-item{ height:260px; margin-bottom: 50px; } .ybys-items .three .ybys-item, .ybys-items .four .ybys-item{ height:220px; } .bllc_item .info .step{ margin:0 } .tiaojian, .tiaojian .xs img{ display: block; } .tiaojian .info{ background-color: #fff; } .bnjj_main dd .bj_cf span{ line-height: 1.2; } .bnjj_main dd .bj_zs a{ display: block; padding: 10% 8%; font-size: 14px; } .emergency-items .item p{ font-size: 14px; } .kc_cjwt dd a{ display: none; } .jianjie img{ float: none; width:100% } .bg-up .img img{ width:60%; } .ssjj-nav dd { width: 120px; font-size: 18px; } .qs-ssjj .ssjj-w { height: 410px; } .item-right span{ display: none; } .item-right p{ margin-rght: 5px; font-size: 16px; } .qs-isjj{ background-image: url(../images/gcds-jj-m.webp); margin-top: 1rem; } .qs-isjj::before { padding-bottom: 42%; } .qs-isjj .content{ padding-left:35%; width: 60%; } .hjal-jj{ height:6.6rem; padding-top: .3rem; font-size: 1.1rem; } .hjal-jj .jj-item span{ font-size: 1.5rem; margin-bottom: 0; } .hjal-jj .jj-item p em, .hjal-jj .jj-item p{ font-size: 1.2rem; line-height: 1.3; } .hjal-right{ padding: 2.5rem .8rem 0; height:14rem; } .hjal-right span{ width: calc(202rem/30); height: 2rem; line-height: 2rem; -webkit-background-size: calc(202rem/30) calc(60rem/30); background-size: calc(202rem/30) calc(60rem/30); font-size: 1rem; } .hjal-right p { font-size: 1rem; } .qs-jzt{ background-position: 20px 50%; padding-left: 170px; } .qs-jzt p{ font-size:18px; } .une_jx dd{ width: 31%; } .xkqh .text p{ font-size: 18px; } .bllc_items .bllc_item{ max-width: 80%; } .jsnr .info{ background-position: 0 0; } .jsnr p.p3{ padding-left:0; padding-top:1rem } .bmsj{ background-image: url("../images/bmsj_img.webp"); } .bmsj::before{ padding-bottom: 52.7%; } .qs-jxpp{ display: block; } .qs-jxpp .item{ margin:70px 40px; } .qs-jxpp .item dl{ height:auto } .contact-area .address span , .contact-area .contact span{ width:9rem; } .js-item .icon{ width: 4rem; height:4rem; } .js-item i{ font-size: 2rem; } .js-item span{ font-size: 1.2rem; margin-bottom: .5rem; } .mid_main .main span, .end_main .main span, .line dt, .bo-item span { font-size: 20px; } .line dd, .mid_main .main p, .bo-item p, .mid_main .main li, .end_main .main li, .dot li, .ldxm_text dd p{ font-size: .9rem; line-height: 1.3; } .end_main .main li::before, .mid_main .main li::before, .dot li::before{ width: .3rem; height: .3rem; top:.4rem; } .bo_bsjs01 span{ font-size: 1.2rem; margin-bottom: .5rem; margin-top:.9rem; } .bo_bsjs01 p, .wlw p, .sj_item dd, .js-item p, .offer{ font-size: .9rem; } .sj_item{ flex-direction: column; } .sj_item dt, .ldxm_text dd span, .ldxm_item_title p{ font-size: 1.2rem; margin-bottom:1.5rem; } .end_main .content .item{ height: 50%; } dl.line{ margin-top:10px; margin-bottom:10px } .bo-item .icon{ width:5rem; height:5rem; margin: 0 auto; } .bo-item i{ font-size: 3rem; } .ldxm_item{ height: 375px; padding-bottom: .9rem; } .climate .main{ font-size:16px; line-height: 1.4 } .banner h2 { font-size: 50px !important; } .case-content .single-item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .case-content .thumb::before{ padding-bottom: 120%; } .hide-sm{ display: none !important; } .case_top{ background-image: url(../images/emergency_banner.webp); background-size: cover; background-position: 50% 0; color: #f8f9fa; } .case_top .info .icon{ background-size: 80%; } .case_top h2, .case_top h5, .case_top h4, .case_top ul{ padding-left:0; padding-top: 0; } .case_top li span{ width:auto; } .case_main::before{ display: none; } .case_top .icon{ width:30%; left: inherit; right: 0; background-size: 90%; opacity: .8; background-image: url(../images/shuoshi.svg) !important; height:100%; z-index: -1; } .case_top .content{ position: relative; } .case_top ul{ padding-left: 0; margin-top: .5rem; } .phone{ display: none; } .layui-fixbar{ bottom:16px; } .layui-fixbar .wechat{ display: list-item; } } @media screen and (max-width:767.98px) { .case_side{ display: none; } .case-content .thumb{ width:25%; } .case-content .content{ width:75%; } .owl-theme .owl-nav.disabled + .owl-dots, .case-carousel .owl-dots { margin-top: 0; margin-bottom: -.5rem; } body{ font-size:2vw; } .contact-area .address span { width: auto; } .logos .img{ min-height:2.8rem; overflow: hidden; } .sjgh .item{ float: none; padding-top:0; min-height:0; width: 100% !important; margin-bottom:0 !important; } .sjgh .item.layui-timeline-item:last-child:before, .sjgh .item:after{ display:none } .banner h3 { font-size: 1.3rem !important; } .banner h2 { font-size: 1.5rem !important; } .banner h1 { font-size: 2rem !important; } .banner .content .row{ margin: 1rem auto -2rem } .banner .layui-btn-banner{ height:2rem; line-height:2rem; font-size: .8rem; } .padding-default { padding-top: 1.5rem; padding-bottom: 1.5rem; } .padding-1x5 { padding-top: 2rem; padding-bottom: 2rem; } .padding-2x { padding-top: 2rem; padding-bottom: 2rem; } .margin-top-default { margin-top: 1.5rem; } .margin-top-1x5{ margin-top: 2rem; } .ws-carousel{ height:22rem; } .ws-carousel .content h2 { font-size: 1.8rem; } .ws-carousel .content h3 { line-height: 1.4; font-size: 1.3rem; margin-bottom: .6rem; } .ws-carousel .content { overflow: hidden; } .ws-carousel.default .content h2 strong { font-size: 2.4rem; margin-top: 1rem; } .ws-carousel.default .content h2 { font-size: 1.6rem; } .ws-carousel .content .p, .ws-carousel .text-center .content .p, .ws-carousel.text-center .content .p { font-size: 1.1rem; padding: 0 1rem; } .ws-carousel .content .btn{ margin-top: 2rem; } .ws-carousel .layui-carousel-ind, .ws-content .bg-hot .i{ display: none } .ws-content{ margin-top: 1.4rem } .ws-content .bg-hot .botCon_p{ padding:0 3%; margin-top: .6rem } .site-heading h2, .site-heading h3 { font-size: 1.4rem; } .site-heading h5 { font-size: 1rem; } .ws-whyus .rate-item .item { padding: 2rem; } .ws-whyus .item:last-child{ margin-left:0; margin-right:0 } .ws-whyus .item .content, .ws-whyus .countdown-inner{ font-size: .9rem; } .ws-whyus .items .item span{ font-size: 1.7rem; } .ws-whyus .items .item h4{ font-size: 1.2rem } .ws-img-content .ws-img-change{ width:42%; } .ws-img-content .ws-img{ width:58%; height:16.2rem; margin-left:42%; } .ws-img-change li { height: 2.7rem; line-height: 2.7rem; box-sizing: border-box; position: relative; font-size: 0.86rem; padding-left: 9%; } .ws-img-change li.active{ background-color: #2F88EE; background-size: 80% 100%; background-position: -10%; } .ws-img-change li span{ font-size: inherit; padding:0; } .ws-img-change li i{ display:none } .ws-img-change li::after { width: 1.3rem; height: 2.7rem; } .fun-fact-items{ padding: 0; } .fun-factor-area .fun-fact .timer{ font-size:2rem } .fun-factor-area .fun-fact .counter .operator { font-size: 1.7rem; padding-top: .3rem; } .fun-factor-area .fun-fact .medium { font-size: .85rem; } .case-item .item { width: 100%; max-width: 10rem; margin: 0 auto; } .case-item .item .thumb{ padding-left: .3rem; padding-right: .3rem; height:15rem } .case-item .item .info h3{ font-size: 0.9rem; color: #2e88ed; line-height: 1.3rem; height: 1.3rem; padding-top: 1.2rem; font-weight: inherit; overflow: hidden; } .case-item .item .info .gpa, .case-item .item .info .time{ font-size: 0.8rem; color: #333; line-height: 1.3rem } .case-item .item .info .time { padding-bottom: 0.5rem } .school-items .item{ width:50%; min-height: auto; } .school-items .item .botD { height: 2.6rem; } .botD .dxname { line-height: 2.6rem; font-size: 1rem; padding: 0 0 0 5%; } .botD i.dxyw { display: none; } .botD .lql { width: 26%; height: 2.6rem; line-height: 1.2rem; } .botD .lql i { font-size: 0.8rem; color: #ffd32c; padding-top: 0.2rem; } .botD .lql em { font-size: 0.8rem; } .event-area .thumb::before{ padding-bottom: 90%; } .event-area .single-event .content { padding: 5px 10px; line-height: 1.1; height:auto; } .event-area h4 { font-size: 1rem; height: 2.3rem; } .event-area .event{ font-size: .8rem; -webkit-line-clamp:3; } .breadcrumb-area{ padding-top: 6rem; padding-bottom: 6rem; } .breadcrumb-area h2 { font-size: 1.3rem; } .breadcrumb-area h1 { font-size: 1.5rem; } .about .one h3 , .about .one h5 { font-size:1rem; } .about .one p { font-size: .9rem; } .about .info{ font-size: .9rem; } .licheng{ height:auto; display:block; } .licheng { height:auto; display:block; } .licheng .list{ width:100%; height:26rem; background-size: cover; } .licheng .list .inner_text{ height:auto; } .licheng .list .inner_text .inner{ height:14rem; background-color: rgba(0, 0, 0, 0.5); padding: 0 10px; } .licheng .list .inner_text .inner h3{ font-size: 1.2rem; } .licheng .list .inner_text .inner p { font-size: .9rem; } .title h4{ font-size: 1.1rem; } .lxtop p, .site-heading p{ font-size: .8rem; padding:0; } .bllc_items, .ybys-items{ margin-top:3rem; } .bllc_items .bllc_item, .ybys-items .ybys-item{ border-radius: .5rem; max-width: 96%; height: 15rem; padding: 2rem 2% 0; margin:0 auto 3rem; } .ybys-items .ybys-item{ height: 13rem; margin:0 auto 1.5rem !important; } .ybys-items .three .ybys-item, .ybys-items .four .ybys-item{ height: 11rem !important; } .bllc_items .bllc_item i, .ybys-items .ybys-item i{ border:3px solid #ffffff; width: 3rem; height: 3rem; font-size: 1.2rem; } .ybys-items .ybys-item span{ font-size: .9rem; } .bllc_items .bllc_item p, .ybys-items .ybys-item p{ font-size: .7rem; } .advisor .sztd_item01 .item_left { background-color: #e0eaf8; } .advisor .sztd_item01 .item_left .t1{ display: block; } .advisor .sztd_item01 .item_right .t1{ display: none; } .advisor .sztd_item01 .item_left span{ display: block; color: #2e88ed; font-size: .8rem; padding-left: .8rem; } .advisor .sztd_item01 .item_right{ padding: .8rem; } .advisor .sztd_item01 .item_right p{ font-size: .7rem; line-height: 1.3; } .advisor .sztd_item01 img { width: 8.1rem; height: 9.3rem; margin-bottom: .7rem; } .advisor .sztd_item01 .item_left p, .advisor .sztd_item01 .item_left em{ display: block; font-style: normal; color: #2e88ed; font-size: .6rem; padding-left: .9rem; } .advisor .sztd_item01 .item_left em{ color: #333333; } .advisor .sztd_item{ padding:2rem 1.6rem .5rem; font-size: .7rem; } .advisor .sztd_item img{ width:6rem; top:1rem; right:2.5rem; } .advisor .sztd_item span{ font-size: 1.1rem; margin-bottom:0 } .advisor .sztd_item em{ font-size: .9rem; } .data_rate dt span{ border-radius: .6rem .6rem 0 0; } .data_rate dt span em{ font-size: .6rem; } .data_rate dt span, .data_rate dd span{ height: 2.2rem; } .data_rate dd span{ font-size: .7rem; line-height: 2.2rem; } .lxtop_ys dl{ height: 30rem; background-size: 15.4rem 9rem; } .lxtop_ys dd{ width: 45%; padding:0; } .lxtop_ys dd:nth-child(1), .lxtop_ys dd:nth-child(2){ top: 1rem; } .lxtop_ys dd:nth-child(3), .lxtop_ys dd:nth-child(4){ top: 20rem; } .lxtop_ys dd span{ font-size: .8rem; margin-bottom:0 } .lxtop_ys dd p{ font-size: .7rem; } .fwCon ul li.show-xs{ display:block; } .fwCon ul li { width: 33.33%; height:7rem; position: relative; overflow: hidden; } .fwCon ul li img{ max-height:6rem; padding:.5rem 0; } .fwCon ul li p{ position: absolute; display: block; font-size: .7rem; bottom:.5rem; width:100%; } .cgal h3 { font-size: .7rem; height:3rem; padding:0 .7rem; line-height:1.2; } .xkqh .text{ background-color: #2E88ED; height: 7rem; } .xkqh .text span{ color: #ffffff; height: 2.4rem; line-height: 2; margin-bottom: .2rem; font-size: 1.1rem; } .xkqh .text p{ color: #ffffff; padding: 0 10px; font-size: .8rem; line-height: 1.3; } .yb_cjmx dt, .yb_cjmx dd{ margin: 0 -0.1% .1rem; } .yb_cjmx dt span, .yb_cjmx dd span{ width:16.3%; margin: 0 0.2%; font-size: 1.2rem; line-height: 1.2; height:3.2rem } .yb_cjmx dd span{ font-size: .8rem; height:2.6rem } .yb_qsys .qsys .text{ height:11rem; font-size:.8rem; line-height: 1.3; padding:.8rem .8rem 0; } .ybys-items .item{ width: 50% !important; } .bllc_item h5{ font-size: 1.2rem; line-height: 2; height: 2.4rem; } .bllc_item .info{ border-right:.1rem dashed #2f8aed; border-left:.1rem dashed #2f8aed; border-bottom:.1rem dashed #2f8aed; border-radius:0 0 1rem 1rem; min-height: 5rem; font-size: .8rem; } .yb_hzyx .box{ padding-top: 4.15rem; } .yb_hzyx .hzyx_item{ width:10rem; height:18rem; border-radius:.8rem; padding-top:4.15rem; } .yb_hzyx .hzyx_item img{ width:8.3rem; height:8.3rem; top:-4.15rem; margin-left:-4.15rem; } .yb_hzyx .ybys_item span{ font-size:.8rem; margin-bottom:1rem; } .yb_hzyx .ybys_item p{ font-size:.8rem; line-height: 1.5; width:10rem; } .yb_hzyx .hzyx_item .hzyx_tit{ width:10rem; margin-bottom: .5rem; padding-bottom:.5rem; } .yb_hzyx .hzyx_item .hzyx_tit span{ font-size:1rem; } .yb_hzyx .hzyx_item .hzyx_tit p{ font-size:.7rem; } .yb_hzyx .hzyx_xq dd{ margin-bottom:.2rem; } .yb_hzyx .hzyx_xq dd span{ font-size:.8rem; } .tiaojian .info{ background-color: rgba(255,255,255,.9); padding:1rem } .youshi li{ padding:0; } .youshi li h3{ font-size: 1.1rem; } .youshi li p{ font-size: .8rem; } .zm_item{ height: 17.6rem; padding-top: 7rem; margin: 0 auto 1rem; } .zm_item .bg{ height: 10.3rem } .zm_item .icon{ margin-bottom:0; width: 6.6rem; height: 6.6rem; } .zm_item dd{ height: 1.1rem; } .zm_item>span{ font-size: .9rem; margin-bottom: .5rem; } .zm_item dd span{ font-size: .8rem; } .sjgh_item{ width: 25%; min-height: 11rem; } .sjgh_item+.sjgh_item::before{ width: .4rem; height: .2rem; top: 1rem; } .sjgh_item .item_xq{ border:1px solid transparent; background-image:linear-gradient(to right bottom,rgb(51,142,238),rgb(83,186,245)); border-radius: .3rem; width: 2.43rem; height: 2.43rem; } .sjgh_item .item_xq::before{ margin-left:-.45rem; margin-top:-.7rem; font-size:.9rem; } .sjgh_item .item_xq span{ padding-top: 1.2rem; height: 2.43rem; font-size: .7rem; } .sjgh_item>i{ width: 1px; height: 1.25rem; } .sjgh_item>i:after{ border:.1rem solid rgba(255,255,255,.3); width: .6rem; height: .6rem; bottom: -.6rem; } .sjgh_item>p{ font-size: .59rem; } .emergency-items .item{ border:.1rem solid #ddd; border-radius: .5rem; padding:.5rem 1rem; margin: .5rem; } .emergency-items .item span{ font-size: 1.1rem; } .emergency-items .item p{ font-size: .8rem; } .emergency-items .qmyd{ width:6rem; height:6rem; transform: translateX(-50%) translateY(-50%); } .emergency-items .qmyd span, .emergency-items .qmyd em{ font-size: 1rem; font-weight: 400; } .emergency-items .qmyd span{ font-size: 1.5rem; } .emergency-items .qmyd::before{ font-size:6rem; margin-top:-2.5rem; } .emergency-items.plus .item{ padding:.5rem; height:11rem } .bnjj_main dd { width: 100%; } .bnjj_main dd .bj_zs, .bnjj_main dd .bj_cf{ float: left; width:50%; } .bnjj_main dd .bj_zs a{ font-size: .9rem; } .ys .item .icon img{ width:3rem; } .ys .item span{ font-size: 1rem; } .ys .item p{ margin-top:0; font-size: .8rem; } .kc_cjwt{ padding-left:0; padding-right:0; margin-top: 0; box-shadow:none; background:none; } .kc_cjwt dd{ height: auto; } .kc_cjwt dd span{ height:2rem; line-height:2rem; font-size: .8rem; text-indent:2rem; background-size:1rem; background-position: .5rem; } .bf_lc_main dd{ width: 50%; } .bf_lc_main dd span{ font-size: 1.1rem; line-height: 2; } .bf_lc_main dd p{ font-size: .8rem; height: 4rem; } .bf_lc_main .item#i5{ float: left; } .bf_lc_main .item#i3::after{ right:100%; top:50%; transform: rotate(180deg) translateX(-50%); } .bf_lc_main .item#i2::after, .bf_lc_main .item#i4::after{ transform: rotate(90deg) translateY(-50%); right:50%; top:100%; } .bf_lc_main .item#i5::after{ transform: translateX(50%); right: 0; } .space{ height:37rem } .usaco .item .img::before{ padding-bottom: 85%; } .usaco .title{ line-height: 2.5; font-size: 1.2rem; } .usaco .items{ margin-top: .5rem; } .usaco .item .img .content p { font-size: .8rem; padding:0 .8rem } .usaco .item .text { padding: .5rem 0; height: 12rem; } .usaco .item .text h6 { font-size: 1rem; } .usaco .item .text i { font-size: .8rem; } .usaco .item .text p{ margin: 0 .5rem; font-size: .8rem } .usaco .info{ font-size: .8rem; color: #333; padding: 1.5rem; } .sztd_item .box{ height: 23rem; padding-top: 4rem; } .sztd_item .box h4{ font-size: 1.5rem; line-height: 1; margin-bottom:0; } .sztd_item .box span{ font-size: 1.1rem; margin-bottom: 1rem; } .sztd_item .box li{ font-size: .9rem; } .bg-up .img img{ width:70%; } .qs-ssjj .ssjj-w{ box-sizing: border-box; border: .06rem dashed #2e88ed; margin: 0 auto; padding-top:2rem; } .ssjj-nav{ width: calc(590rem/30); height: calc(66rem/30); } .ssjj-nav:before{ border-left: calc(20rem/30) solid transparent; border-top: calc(66rem/30) solid #ebf3fd; left:calc(-20rem/30); } .ssjj-nav:after{ border-right: calc(20rem/30) solid transparent; border-bottom: calc(66rem/30) solid #ebf3fd; right:calc(-20rem/30); } .ssjj-nav dl{ width: 100%; display: flex; padding: 0 calc(20rem/30); } .ssjj-nav dd{ width: calc(106rem/30); height: calc(66rem/30); line-height: calc(66rem/30); font-size: calc(26rem/30); } .ssjj-nav .active{ transform: translateY(calc(-10rem/30)); box-shadow: 0 calc(10rem/30) calc(30rem/30) rgba(46,136,237,.4); } .ssjj-nav dd+dd{ margin-left: calc(40rem/30); } .ssjj-nav dd:before{ border-left: calc(20rem/30) solid transparent; border-top: calc(66rem/30) solid #f5f9fe; left:calc(-20rem/30); top: 0; } .ssjj-nav dd:after{ border-right: calc(20rem/30) solid transparent; border-bottom: calc(66rem/30) solid #f5f9fe; right:calc(-20rem/30); } .ssjj-nav .active:before{ border-top: calc(66rem/30) solid #2e88ed; } .ssjj-nav .active:after{ border-bottom: calc(66rem/30) solid #2e88ed; } .ssjj-item01{ background-size: calc(599rem/30) calc(512rem/30); padding-bottom: calc(40rem/30); } .ssjj-item01 dl{ display: flex; align-items: flex-start; width: 100%; flex-wrap: wrap; } .ssjj-item01 dd{ width: 50%; margin-bottom: calc(50rem/30); } .ssjj-item01 dd img{ width:calc(180rem/30); height:calc(180rem/30); } .ssjj-item01 dd span{ font-size: calc(24rem/30); line-height: calc(30rem/30); width: 90%; margin: auto; } .ssjj-item02{ display: block; box-sizing: border-box; padding: calc(55rem/30) calc(30rem/30) calc(40rem/30) calc(30rem/30); } .ssjj-item02 img{ display: block; width:100%; height:calc(360rem/30); margin-bottom:calc(20rem/30); } .item-right span{ display: block; width: calc(200rem/30); height: calc(48rem/30); line-height: calc(54rem/30); border-radius: 0 calc(24rem/30) calc(24rem/30) 0; margin-bottom: calc(15rem/30); font-size: calc(26rem/30); } .item-right p{ font-size: calc(24rem/30); line-height:calc(36rem/30); width: 100%; text-align: justify; margin-left: 0; } .ssjj-item03{ padding:calc(92rem/30) calc(30rem/30) calc(40rem/30) calc(30rem/30); } .ssjj-item03 .jslc-title{ width: calc(435rem/30); height: calc(60rem/30); line-height: calc(66rem/30); -webkit-background-size: calc(435rem/30) calc(60rem/30); background-size: calc(435rem/30) calc(60rem/30); font-size: calc(26rem/30); padding-left:calc(145rem/30); margin: 0 auto calc(20rem/30) auto; } .ssjj-item03 ul{ width: 100%; padding-left:0; } .ssjj-item03 li{ display: flex; align-items: flex-start; margin-bottom:calc(20rem/30); } .ssjj-item03 li em{ display: block; width: calc(34rem/30); height: calc(34rem/30); line-height: calc(34rem/30); -webkit-background-size: calc(34rem/30); background-size: calc(34rem/30); font-size: calc(18rem/30); margin-right: calc(12rem/30); margin-top:calc(5rem/30); } .ssjj-item03 li p{ width: calc(530rem/30); font-size: calc(24rem/30); } .qs-isjj p{ font-size: .8rem; line-height: 1.1; } .qs-isjj p span{ display: none; } .hjal-jj{ font-size: 1.1rem; } .hjal-jj .jj-item span{ font-size: 1.1rem; margin-bottom: .1rem; } .hjal-jj .jj-item p em, .hjal-jj .jj-item p{ font-size: .9rem; } .hjal-right p { font-size: .8rem; line-height: 1.5; } .sy-item{ margin-bottom: 1.5rem; padding: .7rem; } .sy-item p{ font-size: .8rem; } .qs-xyal span { font-size: .8rem; line-height: 2.5; } .qs-jzt{ margin-bottom: 1.2rem; background-position: .7rem 50%; background-size: 4.26rem 3.63rem; padding-left: 5.66rem; height: 7.6rem; } .qs-jzt p{ font-size:.8rem; height:5.6rem; padding:0 .5rem; line-height: 1.2; } .jsnr .info{ background-size: 7.975rem 6.175rem; min-height: 5rem; } .jsnr p{ font-size: .8rem; } .jsnr p.p1{ padding-left: 9rem; padding-top: 1rem; height: 6rem } .jsnr p.p2{ padding-left: 0; } .une_jx dl{ margin:2rem auto; } .une_jx dd{ font-size:.8rem; background-position: 50% 1rem; -webkit-background-size: 2.8rem 3.35rem; background-size: 2.8rem 3.35rem; padding: 4.5rem .5rem 0; } .une_jx dd:nth-child(4), .une_jx dd:nth-child(5){ width:40%; margin: .6rem 5% 0; } .une_jx p{ font-size: .9rem; line-height: 1.3; } .step .t{ font-size:.8rem; } .qs-jxpp{ margin-bottom:-5rem; } .qs-jxpp .item{ border-radius: .5rem; margin: 6rem auto; padding: 4rem .5rem 0; } .qs-jxpp .item i{ width: 7rem; height: 7rem; font-size: 3.5rem; } .qs-jxpp .item dt{ font-size: 1.5rem; margin-bottom: 1.5rem; } .qs-jxpp .item dt::after{ bottom: -.5rem; } .qs-jxpp .item li{ font-size:.8rem; } .qs-bsjs{ background-image:url(../images/bsjs-bg2.webp); background-position: 50% 0; } .qs-bsjs::before{ padding-bottom: 172%; } .bsjs-text{ width: 78%; top: 4%; left: 11%; font-size: .8rem; line-height: 1.2; } .flowchart{ font-size: .7rem; } .flowchart h5, .mid_main .main span, .end_main .main span, .line dt, .bmlc_item span, .page_02 .items .item h3, .case-content .content h3{ font-size: 1.1rem; } .top_main .main .li, .mid_main .main li, .end_main .main li{ font-size: .9rem; line-height: 1.5; padding-left: 1em; } .bg-up p, .line dd, .mid_main .main p, .mid_main .main li, .end_main .main li, .bmlc_item p, .icon-circle li, .case-content .content{ font-size: .9rem; } .top_main .main .li::before, .mid_main .main li::before, .end_main .main li::before{ top: .5rem; } .mid_main{ display: block; } .mid_main .img-box, .mid_main .main-box { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .mid_main .main ul{ padding: 0; } .js02{ flex-direction: column; } .js02 .box{ margin-top:20px; height: 6.9rem; font-size: .8rem; } .end_main{ flex-direction: row; } .img_box{ padding:0 5%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .square li{ font-size: .9rem; line-height: 1.3; } .square li::before{ top:.4rem; } .ldxm_item{ height: 21rem; } .bmlc_item{ padding: 3rem .5rem 1rem; height: 11rem; margin-top: 2rem; } .bmlc_item img{ width: 4rem; } .climate{ padding:0; } .climate .logo{ left:4%; } .climate .logo img{ width:6rem; } .climate .main{ font-size: .8rem; line-height: 1.4; padding: 1rem .5rem 1rem 7.5rem; height: auto; } .tab-box .layui-tab-title li{ width: 46%; margin: 1% 2%; border-radius:.5rem; } .page_02 .items .item { height: auto; } .qz_footer_logo{ width: 6rem !important; padding-bottom: .5rem; } .qz_footer_title{ width: 10rem !important; } .step-5 .item{ width:33.333333%; } .step-5 .item:nth-child(4){ margin-left: 16.666666%; } .case-content .item { border-radius: 1rem; } .case-content .thumb{ border-radius: 1rem 0 0 1rem; } .case-content .content{ padding:.5rem .5rem 1.5rem; } .case-content .content .more{ line-height: 2rem; } .case_top h2{ font-size: 1.2rem; } .case_top .icon{ width:35%; top: -15%; background-size: 90%; } }