锘縝ody { margin: 0; padding: 0; font-size: 14px; color: #4A4A4A; } .h200 { height: 200px !important; } button { outline: none; } .btn { white-space: nowrap; border-radius: 0; box-shadow: none; } .btn-primary { background-color: #00A0DC; border-color: #00A0DC; } .btn-primary:hover { background-color: #00A0DC; border-color: #00A0DC; color: #ffffff !important; } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { background-color: #e9482d; border-color: #e9482d; } .btn-check:focus+.btn-primary, .btn-primary:focus { background-color: #da2102; border-color: #da2102; box-shadow: none; } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; } .form-control { border-radius: 0; } .form-control:focus { border-color: rgba(233, 72, 45, .6); box-shadow: none; } .hr-html { width: 90px; margin: 0 auto; height: 4px !important; color: #e9482d; opacity: .7; } hr { color: #686868; } a { color: #333; text-decoration: none; } a:hover { color: #0082C8 !important; } .sec_pad { padding: 80px 0; } .navbar-toggler:focus { box-shadow: 0 0 0 0.1rem; } .clear { clear: both; } .img-100 { width: 100%; } .img-70 { width: 70%; } .img-h-100 { height: 100%; } .img-h-101 { height: 100%; width:100%; } .img-102 { height: 100%; overflow:hidden; } /**/ .pl-100 { padding-left: 6.25rem; } .pb-80 { padding-bottom: 5rem; } .pd-80 { padding: 0.625rem 5rem 0 5rem; } .pd-80-1 { padding: 0 5rem; } .m-lr-110 { margin-left: 6.875rem; margin-right: 6.875rem; } .pd-lr-110 { padding: 0 6.875rem; } .py-60 { padding: 0 3.75rem; } .mt-30 { margin-top: 1.875rem; } .fz-3 { font-size: 2.5rem; font-weight: 500; } .fz-3-1 { font-size: 2.375rem; font-weight: 400; } .btn { border: 1px solid #B0B0B0; border-radius: 1.6875rem; font-size: 1rem; padding: 0.5rem 1.125rem; } .btn img { margin-top: -0.1875rem; } .z-index-0 { z-index: -1 !important; } .z-index-1 { z-index: 1 !important; } .z-index-999 { z-index: 999 !important; } .title-img { width: 283px; height: 19px; } /*btn*/ .btn-white { height: 3.375rem; line-height: 3.25rem; border: #fff solid 1px; border-radius: 50px; display: flex; align-items: center; font-size: 14px; color: #fff; width: fit-content; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0.5; max-width: 195px; justify-content: center; padding: 0px 20px; } .btn-white i { margin-right: 10px; color: #fff; } .btn-white .bf-icon { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1.3s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1-hover.svg) no-repeat center; } .btn-white:hover { background-color: #fff; transition: all ease 1s; } .btn-white:hover .bf-icon { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1.svg) no-repeat center; } .btn-blue-1 { height: 3.375rem; line-height: 3.25rem; border: #B0B0B0 solid 1px !important; border-radius: 50px; display: flex; align-items: center; font-size: 14px; color: #333; width: fit-content; /*transform: translate(0px, 50px);*/ transition: all ease 1.3s; /*opacity: 0.5;*/ max-width: 195px; justify-content: center; padding: 0px 20px; } .btn-blue-1 .bf-icon { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1.3s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1.svg) no-repeat center; } .btn-blue-1:hover { color: #fff !important; background-color: #0082C8; transition: all ease 1s; } .btn-blue-1:hover .bf-icon { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1-hover.svg) no-repeat center; } /*宸ヨ壓鍒嗘瀽涓庣‘璁?/ .clinical-bg{ background:url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/clinical-1m%401x.png) no-repeat center; } /*瀵艰埅*/ /*.navbar{ background-color: #fff; }*/ .navbar-nav .nav-link { color: #fff; opacity: 0.8; /*padding-left: 1.875rem !important;*/ padding-right: 1.875rem !important; } .navbar-nav .nav-link:hover { color: #fff !important; opacity: 1; font-size: 1.375rem; font-weight: 500; border-radius: 0.625rem; background-color: rgba(0, 64, 94, 0.2); transition: all ease-in 0.2s, translate(0px, 2px) ease-in .2s; } /*.dropdown{ position: absolute; }*/ .navbar .dropdown:hover>.nav-link { font-size: 1.375rem; color: #fff; background-color: rgba(0, 64, 94, 0.2); border-radius: 0.625rem; font-weight: 500; } .dropdown-toggle::after { content: ""; } .navbar-nav .edition { padding-left: 2.5rem; } .navbar-nav .edition .nav-link:hover { background: none; } .navbar-nav .edition:hover>.nav-link { background: none; } .navbar-nav .edition .dropdown-toggle::after { margin-right: -0.25rem; content: "瞟?; } /*鎮诞瀵艰埅鑳屾櫙鑹?/ .navbar-expand-lg .navbar-nav .dropdown-menu { /*width: 100% !important;*/ /* background-color: rgb(255, 255, 255, 0.9); */ background-color: rgb(255, 255, 255); padding: 2rem 1rem; margin-top: 7px; } .bf-card { width: auto; min-width: 30rem; } .bf-card .card { border: 0; background: none; padding: 0 1rem; } .bf-card .card .card-body { padding: 0; padding-left: 2rem; } .bf-card .card .card-title { font-size: 1.25rem; font-weight: bold; } .bf-card .card .card-text { font-size: 0.875rem; line-height: 1.5rem; } .bf-card .card .card-more { color: #0082C8; opacity: 0.8; transition: all ease-in .2s; } .bf-card .card .card-more:hover { opacity: 1; transition: all ease-in .2s; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column { width:auto; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column h6 { font-size: 1rem; color: #0082C8; font-weight: bold; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column h6 a { font-size: 1rem; color: #0082C8; font-weight: bold; opacity: 0.8; transition: all ease-in .2s; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column h6 a:hover { font-size: 1rem; color: #0082C8; font-weight: bold; opacity: 1; transition: all ease-in .2s; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column .list-unstyled li { position: relative; /*list-style: square;*/ padding-left: 1rem; /* float:left; */ width:auto; white-space:normal; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column .list-unstyled li:before { content: ""; color: #0082C8; width: 4px; height: 12px; background-color: #0082C8; border-radius: 2px; position: absolute; margin-top: 9px; } #bf-nav2 { background-color: #fff; box-shadow: 0px 6px 8px 0px rgba(2, 7, 20, 0.0100); animation: nav-move .5s linear; /* opacity: 0.9; */ opacity: 1; } @keyframes nav-move { 0% { top: -20rem; opacity: 0.5; } 100% { top: 0; opacity: 0.9; } } #bf-nav2 .nav-link { color: #333; } #bf-nav2 .nav-link:hover { color: #333 !important; background-color: rgba(239, 242, 244, 0.5); } #bf-nav2 .dropdown:hover>.nav-link { font-size: 1.375rem; color: #333 !important; background-color: rgba(239, 242, 244, 0.5); } .fixed-top-1{ position:fixed !important; top: 0 !important; z-index: 99999 !important; } /*瀵艰埅绉诲姩绔?/ .offcanvas { background-color: rgb(0, 0, 0, 0.5); } .btn-close { color: #fff !important; background-color: #fff; } /*缃《*/ #goToTop { position: fixed; bottom: 20px; right: 5%; background: #e9482d; width: 30px; height: 30px; border-radius: 50%; } #goToTop span { font-size: 22px; display: block; color: #fff; margin: 0 auto; line-height: 29px; text-align: center; cursor: pointer; } /*瀵艰埅*/ /*.site-header { width: 100%; z-index: 999; } .navbar-light .navbar-nav .nav-link { color: #fff; font-size: 1.25rem; opacity: 0.9; } .navbar-light .navbar-nav .nav-link:hover { color: #ffffff !important; font-size: 1.375rem; font-weight: 700; } .navbar-light .navbar-nav .nav-item { padding: 0 1.5rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border: none; } */ /*#swiper1 .swiper-wrapper{ transition-delay:.3s; }*/ /*杞挱鍥?/ .i-banner .swiper { height: 100vh; } .i-banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .i-banner .swiper-slide img { /* display: block;*/ width: 100%; height: 100%; object-fit: cover; } .i-banner .swiper-slide { transform: scale(1.0) !important; } .i-banner .swiper-button-next { top: 80%; left: 13.125rem !important; background-color: #C6E0F6; z-index: 999999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; margin-left: 3.75rem; /* opacity: 0.5;*/ } .i-banner .swiper-button-prev { top: 80%; left: 13.125rem !important; background-color: #C6E0F6; z-index: 99999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; /* margin-left: -3.4375rem;*/ /* opacity: 0.5;*/ } .i-banner .swiper-button-prev:hover, .i-banner .swiper-button-next: hover { background-color: #000; transition: background-color .25s ease-in-out !important; } .i-banner .swiper-pagination-fraction { bottom: auto; left: auto; right: 2rem; top: 50%; color: #fff; width: auto; } .i-banner .swiper-pagination-fraction .swiper-pagination-current { font-size: 2.125rem; } .i-banner .i-banner-text { text-align: left; color: #fff !important; left: 15vw; top: 30vh; } .i-banner .i-mbanner-text { text-align: left; color: #fff !important; /* left: 15vw; */ /* top: 30vh; */ } .i-banner .i-banner-text h3 { font-size: 3.75rem; font-weight: 600; color: #fff !important; opacity: 1; /* transform: translateX(-200px); */ transition: all .4s; transition-delay: 1.4s; } .i-banner .i-banner-text .bf-side3 { transform: translateX(0); opacity: 1; } .i-banner .i-banner-text h4 { font-size: 1.875rem; margin-bottom: 2.5rem; /* font-weight: 300; */ font-weight: 400; color: #fff !important; opacity: 0; transform: translateX(-200px); transition: all .4s; transition-delay: 0.9s; } .i-banner .i-banner-text .bf-side2 { transform: translateX(0); opacity: 1; } .i-banner .i-banner-text h5 { width: auto; font-size: 1.875rem; padding-bottom: 0.625rem; letter-spacing: 0.25rem; color: #fff !important; transform: translateX(-200px); opacity: 0; transition: all .4s; } .i-banner .i-banner-text .bf-side1 { transform: translateX(0); /* opacity: 0.6; */ opacity: 1; } .i-banner .i-banner-text .line-scop { width: 36.875rem; height: 3px; /* background-color: rgb(255, 255, 255, 0.14); */ background-color: rgb(255, 255, 255, 1); margin-bottom: 0.625rem; animation: line-scop ease-in 0.8s; } @keyframes line-scop { 0% { width: 0; } 100% { width: 36.875rem; } } .i-banner .btn { border: 1px solid #fff; border-radius: 1.6875rem; font-size: 1rem; padding: 0.5rem 1.125rem; color: #fff; margin-top: 6rem; } .i-banner .btn img { width: auto; } .rotation-thum .i-banner-text { top: 0; left: 0; padding: 0rem 13.125rem; } .rotation-thum .i-mbanner-text { top: 0; left: 0; padding: 0rem ; } .rotation-thum .i-banner-des { background-color: rgb(0, 130, 200, 0.6); padding: 2.5rem; margin-top: 10.75rem; } .rotation-thum .i-mbanner-des { background-color: rgb(0, 130, 200, 0.6); padding: 2.5rem; margin-top: 0.75rem; } .rotation-thum .i-banner-des h3 { font-size: 2.125rem !important; border-bottom: 0.25rem solid #c6e0f6; padding-bottom: 0.5rem; margin-bottom: 2rem; /* transition:border-bottom .5s ease-in ;*/ } .rotation-thum .i-banner-des p{ font-size:0.875rem; line-height:1.5rem; } @media (min-width: 1600px){ .rotation-thum .i-banner-des p{ font-size:1rem; line-height:1.875rem; } } .rotation-thum .line { height: ; } .rotation-thum .rotation-thum-iteam { position: absolute; right: 13.125rem; top: 2.5rem; } .rotation-thum .rotation-thum-iteam .col { margin-bottom: 2rem; } /*棣栭〉鍏徃绠€浠?/ .home-company { background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/company%401920.png) no-repeat center; background-size: cover; height: 100vh; color: #333; overflow: hidden; } .home-company .sail { /*width: 7.25rem;*/ /*height: 62.25rem;*/ height: 90vh; top: 5vh; left: 0; } .home-company .sail img { height: 90vh; } .home-company .introduce { /* left: 13.125rem; top: 5vh;*/ width: calc(100% - 26.25rem); display: flex; justify-content: flex-start; /*align-items: left;*/ flex-direction: column; height: calc(100% - 5rem); margin-left: 13.125rem; margin-top: 8.75rem; } .home-company .introduce .introduce-text { font-size: 1rem; /*font-weight: 300;*/ line-height: 2rem; color: #333333; } /* .home-company .introduce .text-intro{ */ /* height:240px; */ /* overflow-x: hidden; */ /* overflow:scroll; */ /* } */ .scrollber{ height:240px; overflow: auto; border: none; } .scrollber::-webkit-scrollbar { width: 10px; height: 1px; } .scrollber::-webkit-scrollbar-thumb { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #ccc; } .scrollber::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #eee; } .scrollber1{ max-height:100px; overflow: auto; border: none; } .scrollber1::-webkit-scrollbar { width: 10px; height: 1px; } .scrollber1::-webkit-scrollbar-thumb { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #ccc; } .scrollber1::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #eee; } .home-company .introduce .company-btn {} .three-advantage { position: absolute; bottom: -150rem; right: 0; width: calc(100% - 13.125rem); background-color: #fff; padding: 1.875rem 0; } .ad-move { /* bottom: 3.75rem; */ bottom: 2.75rem; animation: ad-move .5s linear; } @keyframes ad-move { 0% { bottom: -10rem } 100% { bottom: 3.75rem; } } .advantage ul li { color: #0082C8; font-size: 2.875rem; text-align: center; list-style: none; } .advantage ul li p { color: #333; font-size: 1.5rem; } .abxTop { display: flex; justify-content: center; } .abxTop span { font-size: 2.875rem; } .abxTop sup { font-size: 2.875rem; } .abxTop sub { font-size: 2.875rem; white-space: pre; margin-top: 20px; margin-left: 10px; } .abxBot { font-size: 1.5rem; line-height: 1.25em; /*margin-top: 0.625rem;*/ white-space: pre; color: #333; } /*鏁板瓧婊氬姩鎻掍欢鐨凜SS鍙皟鏁存牱寮?/ .mt-number-animate { line-height: 42px; height: 40px; font-size: 42px; overflow: hidden; display: inline-block; position: relative; } .mt-number-animate .mt-number-animate-dot { width: 28px; line-height: 42px; float: left; text-align: center; } .mt-number-animate .mt-number-animate-dom { width: 28px; text-align: center; float: left; position: relative; top: 0; } .mt-number-animate .mt-number-animate-dom .mt-number-animate-span { width: 100%; float: left; } /*棣栭〉瑙e喅鏂规*/ .pro-solution { background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/pro-so-bg%401x.jpg) no-repeat; background-size: cover; height: 100vh; } .pro-img-1 { left: 0; top: 0; z-index: 1; } .pro-img { left: 0; top: 0; z-index: 2; } .pro-img img { height: 100vh; } /*.pro-circle{ border: 1px solid #92DDFF; width: 150vh; height: 150vh; border-radius: 100%; position: absolute; left: -5%; top:-20%; z-index: 1; }*/ .pro-head { position: absolute; left: 54%; color: #fff; } .pro-body { position: absolute; left: 40%; top: 14.375rem; } .pro-body .nav-pills li { display: block; margin-bottom: 2.75rem } .pro-body .nav { width: 320px; } .pro-body .nav-link { color: #fff; margin-bottom: 7.5rem; font-size: 1.25rem; font-weight: 500; transition: font-weight .2s ease-in, font-weight .2s ease-in, opacity .2s ease-in; } .pro-body .nav-pills .nav-link.active { background-color: none !important; } .pro-body .nav-pills .nav-link.active { background: none !important; color: #fff; opacity: 0.9; font-size: 1.5rem; font-weight: 600; transition: font-weight .2s ease-in, font-weight .2s ease-in, opacity .2s ease-in; } .pro-body .tab-content { background-color: #FFFFFF; border-radius: 2rem; padding: 3rem 15rem 3rem 3rem; margin-left: 2.75rem; min-height: 650px; } .pro-body .tab-content .rt-m-50 { right: 0; top: 2rem; } .pro-body .tab-content h3 { font-size: 2.75rem; margin-bottom: 2.75rem; } .pro-body .tab-content ul { padding: 0; margin: 0; } .pro-body .tab-content ul li { font-size: 1.25rem; list-style: none; margin-bottom: 1.875rem; } .pro-body .tab-content ul li h4 { font-size: 1.25rem; margin-bottom: 0; } .pro-body .tab-content ul li p { margin-bottom: 0; } .pro-solution .pro-body .pro-point { width: 0.625rem; height: 0.625rem; background-color: #92DDFF; border-radius: 0.625rem; /* margin-right: 2rem; margin-top: 0.625rem;*/ position: absolute; top: 1.1875rem; left: 1.1875rem; } .pro-body .nav-pills .nav-link.active .pro-point-active { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0.8800); border-radius: 50%; } .pro-body .pro-body-title { position: absolute; top: 0.625rem; left: 6.25rem; width: 250px; } .pro-body .nav-pills .nav-link.active .pro-body-title { top: 0.375rem; left: 6.25rem; } .pro-solution .pro-so-lt-1 { margin-left: -5.125rem; } .pro-body .nav-pills .nav-link.active .pro-so-lt-1 { margin-left: -5.125rem; } .pro-solution .pro-so-lt-2 { margin-left: -2.125rem; } .pro-body .nav-pills .nav-link.active .pro-so-lt-2 { margin-left: -2.125rem; } .pro-solution .pro-so-lt-3 { margin-left: -1.125rem; } .pro-body .nav-pills .nav-link.active .pro-so-lt-3 { margin-left: -1.125rem; } .pro-solution .pro-so-lt-4 { margin-left: -2rem; } .pro-body .nav-pills .nav-link.active .pro-so-lt-4 { margin-left: -2rem; } /*鏂规*/ .index2 { width: 100%; height: 100vh; position: relative; background: url(); } .index2Left { position: absolute; width: 50%; height: 100vh; right: 50%; top: 0; max-width: 700px; } .index2Left .yffwIndexXun { display: flex; align-items: center; position: absolute; width: 0; height: 0; cursor: pointer; } .index2Left .yffwIndexXun:nth-child(1) { left: calc(100% * (542 / 700)); top: calc(30vh) } .index2Left .yffwIndexXun:nth-child(2) { left: calc(100% * (562 / 700)); top: calc(45vh) } .index2Left .yffwIndexXun:nth-child(3) { left: calc(100% * (558 / 700)); top: calc(60vh) } .index2Left .yffwIndexXun:nth-child(4) { left: calc(100% * (530 / 700)); top: calc(75vh) } .index2Left .yffwIndexXun .yixDots { width: 0; top: 4px; position: absolute; left: 0; } .index2Left .yffwIndexXun .yixDots .yixDots1 { width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: -4px 30px 0 -4px; } .index2Left .yffwIndexXun .yixDots .jdt { width: 54px; position: absolute; height: 54px; left: -27px; top: -27px; transform: rotate(-90deg); transform-origin: 27px; opacity: 0; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Left .yffwIndexXun.on .yixDots .jdt { opacity: 1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Left .yffwIndexXun.on .yixDots .jdt3 { animation: jdt3 infinite 10s linear; } @keyframes jdt3 { 0% { stroke-dasharray: 0 190; stroke-dashoffset: 0; } 100% { stroke-dasharray: 190 0; stroke-dashoffset: 0; } } .index2Left .yffwIndexXun .yixTitle { /* font-size: 20px; */ font-size:1rem; color: #fff; position: absolute; left: 15px; top: -10px; /* white-space: pre; */ white-space: normal; height:50px; width:165px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Left .yffwIndexXun.on .yixTitle { left: 40px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Right { width: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; margin-left: 50%; } .index2Right .index2Right1 { margin-bottom: 1.875rem; } .index2Right .irBox { display: none; flex-direction: column; } .index2Right .irBox.on { display: flex; } .index2Right .irBox .irBox1 { font-size: 44px; color: #fff; font-weight: bolder; } .index2Right .irBox .irBox2 { font-size: 2.875rem; color: #fff; } .index2Right .irBox .irBox3 { font-size: 1rem; color: #fff; } .index2Right .irBox ul { padding: 0; } .index2Right .irBox .irBox4 { width: 570px; background: rgba(255, 255, 255, 0.9); border-radius: 2rem; /* padding: 45px; */ padding:20px 45px 45px 45px; position: relative; margin: 45px 0 50px 0; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0.5; } .index2Right .irBox.on .irBox4 { transform: translate(0px, 0px); opacity: 0.9; } .index2Right .irBox .irBox4 .irBoxTitle { font-size: 44px; color: #414141; } .index2Right .irBox .irBox4 .irBoxLink { display: flex; /* flex-direction: column; */ /* height: 35vh; */ flex-wrap: wrap; /* align-content:center; */ margin-top:1rem; } .irBox .irBox4 .irBoxLink li { list-style: none; padding: 0; width: 50%; float: left; margin-bottom: 1rem; } .index2Right .irBox .irBox4 .irBoxLink a { font-size: 1rem; color: #666666; line-height: 1.5rem; width: 50%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Right .irBox .irBox4 .irBoxLink a:hover { color: #0082C8; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2Right .irBox .irBox4 .irBoxImg { position: absolute; right: 0; top: 2rem; } .index2Right .irBox .irBox4 .irBoxImg img { height: 50vh; } .index2Right .irBox .irBoxMore { height: 3.375rem; line-height: 3.25rem; border: #fff solid 1px; border-radius: 50px; display: flex; align-items: center; font-size: 14px; color: #fff; width: fit-content; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0.5; max-width: 195px; justify-content: right; padding: 0px 20px; margin-left: 456px; } .index2Right .irBox .irBoxMore .bf-icon-1 { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1.3s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1-hover.svg) no-repeat center; } .index2Right .irBox .irBoxMore:hover { background-color: #fff; transition: all ease 1s; } .index2Right .irBox .irBoxMore:hover>.bf-icon-1 { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1.svg) no-repeat center; } .index2Right .irBox.on .irBoxMore { transform: translate(0px, 0px); opacity: 1; } .index2Bottom { width: 100%; position: absolute; bottom: 80px; display: flex; justify-content: center; align-items: center; display: none; } .index2Bottom div { width: 15px; height: 15px; border-radius: 15px; background: #FFFFFF; margin: 0 10px; opacity: 0.5; } .index2Bottom div.on { opacity: 1; box-shadow: rgba(0, 0, 0, 0.13) 0 0 10px; } .index2_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/pro-so-bg%401x.jpg) no-repeat 50%/cover; overflow: hidden; } .index2Left, .index2Right, .index2Bottom { z-index: 50; } .index2Right { position: relative; } .radius-2 { border-radius: 2rem; width: 100%; height: 100%; overflow: hidden; } /*棣栭〉鍚堜綔浼欎即*/ .empowering { height: 100vh; background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/ver-r-bg%401x.png) right no-repeat; } .pt-80 { padding-top: 5rem; } .pl-60 { padding-left: 2.75rem !important; } .pl-210 { padding-left: 13.125rem; } .pl-150 { padding-left: 9.375rem; } .partner { position: relative; width: calc(100%); /*margin-left: 3.75rem;*/ } .partner ul { list-style: none; padding: 0; margin: 0; } .partner-main { width: 100%; height: 57.4vh; overflow: hidden; } .partner-main li { transform: translate(0px, 0px); transition: all ease 1.3s; opacity: 0.9; } .partner-main li.on { display: block; transform: translate(0px, 0px); opacity: 1; } .partner-main li .partner-text { position: absolute; top: 0; left: 7.1875rem; color: #fff; margin-top: -2.5rem; z-index: 99999; height:100%; } .partner-main li .partner-text-1 { display: flex; height:100%; justify-content:center; align-items: flex-start; align-content: center; flex-wrap: nowrap; flex-direction: column; } .partner-main li .partner-text p { font-size: 1.25rem; font-weight: inherit; line-height: 2.5rem; transform: translate(50px, 0px); transition: all ease 1.3s; opacity: 0.5; } .partner-main li.on .partner-text p { display: block; transform: translate(0px, 0px); opacity: 1; } .partner-main li .partner-text .btn { border: none; transform: translate(50px, 0px); transition: all ease 1.3s; transition-delay: 0.5s; opacity: 0; } .partner-main li.on .partner-text .btn { /* display: block;*/ transform: translate(0px, 0px); opacity: 1; } .partner-main li .partner-text .btn a { background: rgba(0, 160, 220, 1); color: #fff; font-size: 1.125rem; border-radius: 3rem; border: 0; height: 3.375rem; padding: 0 2rem; line-height: 3.375rem; margin-top: 2.5rem; font-weight: 300; opacity: .9; transition: all .2s ease-in; display: block; margin-left: -1rem; } .partner-main li .partner-text .btn a:link { color: #fff; } .partner-main li .partner-text .btn a:hover { color: #fff !important; height: 3.375rem; padding: 0 2rem; line-height: 3.375rem; display: block; opacity: 1; background: rgba(0, 130, 200, 1); transition: all .2s ease-in; } .partner-dots-thumb { width: 40%; height: 100%; position: absolute; z-index: 9999; top: 0; left: 60%; } .partner-dots-thumb li { position: absolute; cursor: pointer; } .partner-dots-thumb li:nth-child(1) { top: 70%; right: 3.5rem; /* top: 65.2%; */ /* right: 10rem; */ } .partner-dots-thumb li:nth-child(2) { top: 70%; right: 3.5rem; } .partner-dots-thumb li .dotsIcon { position: relative; height: 7px; width: 7px; } .partner-dots-thumb li .dotsIcon .dotsIcon1 { height: 7px; width: 7px; border-radius: 7px; background: #fff; position: absolute; } .partner-dots-thumb li .dotsIcon .jdt { position: absolute; left: -16px; top: -16px; transform: rotate(-90deg); transform-origin: 20px; display: none; } .partner-dots-thumb li.on .dotsIcon .jdt { display: block; } .partner-dots-thumb li.on .dotsIcon .jdt4 { animation: jdt4 infinite 5s linear; } @keyframes jdt4 { 0% { stroke-dasharray: 0 190; stroke-dashoffset: 0; } 100% { stroke-dasharray: 190 0; stroke-dashoffset: 0; } } /*.partner-dots-thumb .dots-pos1{ position: absolute; top: 75vh; left: 50%; width: 100px; height: 100px; } .partner-dots-thumb .dots-pos2{ position: absolute; left: 70%; top: 70vh; width: 100px; height: 100px; }*/ .partner-thumb { position: absolute; width: 260px; height: 150px; right: 2rem; bottom: -4.5rem; z-index: 999999; display: flex; } .partner-thumb li { width: 200px; height: 150px; overflow: hidden; list-style: none; margin-right: 1.25rem; float: left; cursor: pointer; transition: all ease-in .2s; display:none; } .partner-thumb li.on { display: flex; width: 196px; height: 146px; overflow: hidden; border: 2px solid #00A0DC; transform: scale(1.1); transition: transform .2s ease-in; } .partner-thumb li:nth-child(2) { margin-right: 0; } .partner-thumb li img { width: 12.5rem; height: 9.375rem; transition: all .2s ease-in; } .partner-thumb li.on img { /* border: 2px solid #00A0DC;*/ } .partner-thumb li img:hover { transform: scale(1.1); transition: transform .5s ease-in; } /*.partner .partner-thumb .swiper-slide-duplicate-prev{ width: 12.5rem !important; height: 9.375rem !important; cursor: pointer; overflow: hidden; border: 2px solid #00A0DC; } */ /*棣栭〉鏂伴椈*/ .news { background: #96B9DB url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/news-bg.png) no-repeat center; } .p-60 { padding: 0 2.75rem; } .news h3 { color: #fff; } .news .pl-210 { padding-left: 10.125rem; } .news .btn-pos { position: absolute; right: 2.875rem; top: 2.875rem; z-index: 9999; } .news-left ul li { list-style: none; overflow: hidden; border-radius: 0.9375rem; /* min-height: 490px; */ /* max-height:570px; */ } .news-left ul li:hover { cursor: pointer; } .news-left ul li .news-img { border-radius: 0.9375rem; width: 100%; overflow: hidden; height:100%; /* width:100%; */ } .news-left ul li .news-img img { border-radius: 0.9375rem; transition: all .5s ease-in; /* height: 100%; */ width:100%; } .news-left ul li:hover img { transform: scale(1.1); transition: transform .5s ease-in; } .news-dark { position: absolute; z-index:1 top: 0; width: calc(100% - 1.5rem); height: 100%; border-radius: 0.625rem; background-color: rgb(0, 0, 0, 0); transition: background-color 0.5s ease-in, ; } .news-left ul li:hover .news-dark { background-color: rgb(0, 0, 0, 0.5); transition: background-color 0.5s ease-in; } .news-left time { font-size: 0.875rem; color: #fff; } .news-left .i-describe { bottom: 0; width: 100%; } .news-left .i-describe .i-describe-hidden { bottom: 0; border-radius: 0.625rem; width: calc(100% - 1.5rem); height: 11rem; overflow: hidden; } .news-left .i-describe .i-describe-bg { bottom: -10rem; background-color: #0082C8; border-radius: 0.625rem; width: calc(100%); transition: bottom 0.5s ease-in, border-radius 0.5s ease-in; } .news-left ul li:hover .i-describe-bg { bottom: 0; z-index: 1; height: 11rem; border-radius: 0.625rem; width: calc(100%); /*margin-left: -1rem;*/ transition: bottom 0.5s ease-in, border-radius 0.5s ease-in; } .news-left .i-describe .i-describe-text { position: absolute; z-index: 9999; bottom: 1.5rem; padding: 1rem 2rem 0rem 1rem; opacity: 0.8; transition: opacity .5s ease-in; } .news-left .i-describe .i-describe-text:hover { opacity: 1; transition: opacity .5s ease-in; } .news-left .i-describe h3 { font-size: 1rem; /*font-weight: 400;*/ line-height: 1.5rem; } @media (max-width: 1440px){ .news-left .i-describe h3 { font-size: 0.875rem; } } .news-left .i-describe .more { font-size: 0.875rem; } .news-left .i-describe .more a { font-size: 0.875rem; color: #fff; } .news-left .i-describe .more a:link { color: #fff; font-size: 0.875rem; } .news-left .i-describe .more a:hover { color: #fff !important; } .news-right { background-color: #E0EFFF; border-radius: 10px; padding: 0 2rem; /* min-height: 490px; */ height:100%; } .news-right ul li { list-style: none; color: #333; border-bottom: 1px solid #96B9DB; padding: 1.25rem 0; } .news-right ul li:last-child { border-bottom: 0 !important; } .news-right ul li time { font-size: 0.875rem; color: #333; opacity: 0.7; font-weight: 300; } .news-right ul li h3 { color: #333; font-size: 1rem; padding-top: 0.75rem; line-height: 2rem; font-weight: 400; max-height:5rem; overflow:hidden; } @media (max-width: 1440px){ .news-right ul li h3 { font-size: 0.875rem; } } .news01 { padding-top:80px; } #swiper9 .swiper-slide { font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } /*footer*/ footer { background: #00234B url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/footer-bg.png) no-repeat center; } footer .f-logo { margin-bottom: 0.625rem; } footer .f-bottom { color: #fff; /* padding: 0 3.75rem 1rem 3.75rem; */ padding: 0 0 1rem 3.75rem; } footer .f-contact { color: #fff; opacity: 0.5; font-size: 0.875rem !important; font-weight: normal; letter-spacing: 1px; } footer .iconfont { font-size: 1rem; } footer .f-category { width: 115%; } footer .f-category ul { padding: 0; margin: 0; } footer .f-category ul li { list-style: none; width: 9%; float: left; padding: 0; margin: 0; font-weight: normal; font-size: 0.875rem; line-height: 2rem !important; letter-spacing: 1px; opacity: 0.8; } footer .f-category ul li a { /* color: #fff !important; */ /* opacity: 0.8; */ color: #FFFEFE !important; opacity: 1; transition: all ease-in .1s; /* display: block;*/ } footer .f-category ul li a:hover { color: #fff !important; opacity: 1; transition: all ease-in .1s; } footer .f-category ul li ul { /*margin-top: 0.625rem;*/ } footer .f-category ul li ul li { line-height: none; padding: 0; margin: 0; clear: both; width: 100%; text-align: left; line-height: 2rem; font-weight: normal; opacity: 0.6; } footer .f-category ul li ul li a { /* color: #fff; */ color:#BFD6F0; opacity: 1; /* opacity: 0.6; */ transition: all ease-in .1s; } footer .f-category ul li ul li a:hover { color: #fff; opacity: 1; font-weight: normal; font-weight: bold; transition: all ease-in .1s; } .w-17 { width: 17% !important; } .copyright { background: #001A38; line-height: 3.75rem; width: 100%; text-align: center; color: #FFFEFE; font-size: 0.875rem; letter-spacing: 1px; font-weight: normal; opacity: 0.5; } /*鍐呴〉瀵艰埅*/ .tab-nav { /* justify-content: center !important;*/ } .tab-nav ul { padding: 0; margin: 0; } .tab-nav ul li { float: left; padding: 3rem 1rem 0.625rem 1rem; list-style: none; } .tab-nav ul li a { color: #666666; font-size: 1.625rem; font-weight: 300; transition: font-size .2s ease-in, font-weight .2s ease-in; } .tab-nav ul li a:hover { color: #4A4A4A !important; font-size: 1.625rem; /*border-bottom: 0.25rem solid #4A4A4A;*/ /* font-weight: 500; */ /* padding-bottom: 0.625rem; */ /* transition: font-size .2s ease-in, font-weight .2s ease-in; */ } .tab-nav ul li .active { color: #4A4A4A; font-size: 1.75rem; border-bottom: 0.25rem solid #4A4A4A; font-weight: 500; padding-bottom: 0.625rem; } /*鐢熶骇鍩哄湴*/ .base-intro { background-color: #F7F8FB; padding-top: 4.375rem; padding-bottom: 4.375rem; } .base-intro .base-intro-bg { bottom: 0; left: 0; } .base-intro .base-intro-body { background: #FFFFFF url(../img/intro-bg-2.png) left 35% bottom 1.25rem no-repeat; padding: 2rem 6.25rem; } .base-intro .base-intro-body .base-intro-text { font-size: 1rem; font-weight: 400; color: #4A4A4A; line-height: 2rem; } /*鍩哄湴-鍘傛埧杞挱*/ /*GMP鏍囧噯*/ .py-210 { padding: 0 13.125rem; } .g-h3 { font-size: 1.75rem; font-weight: 500; color: #333333; } .g-p { font-size: 1.125rem; color: #4A4A4A; font-weight: 400; line-height: 2rem; } /*鍥㈤槦*/ .pt-70 { padding-top: 4.375rem; } .pb-70 { padding-bottom: 4.375rem; } .py-210 { padding-left: 13.125rem; padding-right: 13.125rem; } .t-team { height: auto; } .bg-repeat-0 { background-repeat: no-repeat; } .t-team .card { flex-direction:inherit !important; background-color: #F7F8FB; border: 0 !important; /* max-height: 18.75rem !important; */ margin-bottom: 5rem; display:flex; } .t-team .card:last-child { /* margin-bottom: 0 !important; */ } .t-team .card .card-body { padding-top: 1.25rem !important; padding-right: 5rem; align-items:center; } .t-team .card .card-body .card-title { /* font-size: 2.125rem; */ font-size:1.7rem; font-weight: 600; color: #333333; } .t-team .card .card-body .card-small { font-size: 1.25rem; color: #333; font-weight: 600; margin-bottom: 1.875rem !important; } .t-team .card .card-body .card-text { color: #333333; font-size: 1rem; font-weight: 300; text-align:justify; } /* .t-team .scrollber{height:100px !important;} */ /* .t-team .scrollber{height:150px !important;} */ @media (width: 1440px){ .t-team .card .card-body .card-text { font-size: 0.875rem; } } /*瑙e喅鏂规*/ .p-cells { width: 100%; } .bg-F7F8FB { background-color: #F7F8FB; } .g-h3-44 { font-size: 2.75rem; font-weight: 500; } .g-h3-34 { font-size: 2.125rem; font-weight: 500; } .g-h3-26 { font-size:26px; font-weight: 500; } .g-h3-24 { font-size: 1.5rem; font-weight: 500; } } .g-h3-35 { font-size: 1.5rem; font-weight: 500; } } .pt-60 { padding-top: 3.75rem; } .ps-60 { padding-top: 3.75rem; padding-bottom: 3.75rem; } .p-32 { padding: 2rem; } .p-32 ul { padding-left: 0; } .pt-30 { padding-top: 2rem; } .mb-60 { margin-bottom: 3.75rem; } .pt-60 { margin-bottom: 3.75rem; } .mb-30 { margin-bottom: 1.875rem; } .pt-40 { padding-top: 2.5rem; } .pt-14 { padding-top: 0.875rem; } .lh-0 { line-height: 1.875rem; } .mt-20 { margin-top: 2rem; } .g-h4-26 { font-size: 1.625rem; font-weight: 500; color: #0082c8; } .g-h4-27 { font-size: 1.1rem; font-weight: 500; color: #0082c8; } .g-h4-20 { font-size: 1.25rem; font-weight: 500; } .fz-18 { /* font-size: 1.125rem; */ font-size: 1rem; } .fz-26 { font-size: 1.625rem; } .nav-switch { background-color: #fff; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.0900); margin-top: 0.625rem; padding: 1rem 0; display: inline-block; min-width: 250px; } .nav-switch1 { background-color: #fff; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.0900); /* margin-top: 0.625rem; */ /* padding: 1rem 0; */ /* display: inline-block; */ /* min-width: 250px; */ } /*2022-07-31*/ .nav-switch li { width: 100%; clear: both; padding: 0.625rem; } .nav-switch1 li { width: 50%; clear: both; padding: 0.625rem; } .nav-switch2 li { width: 33.33%; clear: both; padding: 0.625rem; } .nav-switch li a { color: #666666; font-size: 1rem; font-weight: 400; border: 0; /*transition: font-weight .2s ease-in;*/ /*margin-bottom: 0.625rem;*/ background-color: #fff; border-radius: 0; display: block; /* padding-left: 10px; */ } .nav-switch1 li a { color: #4A4A4A; font-size: 1rem; font-weight: 600; border: 0; /*transition: font-weight .2s ease-in;*/ /*margin-bottom: 0.625rem;*/ background-color: #fff; border-radius: 0; /* display: block; */ padding-left: 10px; padding-bottom:5px; } .nav-switch2 li a { color: #4A4A4A; font-size: 1rem; font-weight: 600; border: 0; /*transition: font-weight .2s ease-in;*/ /*margin-bottom: 0.625rem;*/ background-color: #fff; border-radius: 0; /* display: block; */ padding-left: 10px; padding-bottom:5px; } .nav-switch li a:hover { color: #4A4A4A !important; font-size: 1rem; font-weight: 600; border: 0; /*transition: font-weight .2s ease-in;*/ background-color: #fff !important; border-radius: 0; border-left: 0.25rem solid #4a4a4a; } .nav-switch li .active { background: none; color: #4A4A4A; font-size: 1rem; font-weight: 600; border: 0; border-left: 0.25rem solid #4a4a4a; /*transition: font-weight .2s ease-in;*/ background: none; } .nav-switch1 li .active { background: none; color: #0082C8; font-size: 1rem; font-weight: 600; border: 0; border-bottom: 2px solid #0082C8; /*transition: font-weight .2s ease-in;*/ background: none; } .nav-switch2 li .active { background: none; color: #0082C8; font-size: 1rem; font-weight: 600; border: 0; border-bottom: 2px solid #0082C8; /*transition: font-weight .2s ease-in;*/ background: none; } .cell-btn { background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); border-radius: 10px; padding: 0.5rem 2rem; color: #fff; font-size: 2rem; font-weight: 300; } .cell-btn-1 { /* background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); */ background:#E8EEF2; border-radius: 10px; padding: 0.5rem 1rem; /* color: #fff; */ color:#0082C8; font-size: 26px; font-weight: 500; } .cell-btn-2 { background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); border-radius: 10px; padding: 0.25rem 1rem; color: #fff; font-size: 1rem; font-weight: 300; line-height:2.5; } .cell-body ul { padding: 0; margin: 0; } .cell-body ul li { /* font-size: 1.125rem; */ font-size:1rem; margin-bottom: 0.5rem; /* line-height: 2rem; */ line-height:1.5rem; margin-left: 1.125rem; } .cell-body ul li::marker { color: #0082C8; } .cell-body ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .cell-item { margin-top: 2rem; color: #4A4A4A; } .cell-item p { line-height: 2rem; } .b-radius-10 { border-radius: 0.625rem; } .pro-switch .swiper-wrapper { /* margin-left: 4rem; margin-right: 4rem;*/ } .pro-switch .swiper-slide {} /*璐ㄩ噺鐮旂┒*/ .quality-body ul { list-style: none; line-height:1.5; } .quality-body ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .quality-body ul li::marker{color: #0082C8;} .quality-text { /* font-size: 1.125rem; */ font-size:1rem; color: #4A4A4A; background-color: #fff; text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; justify-content: center; } .quality-text-m { font-size: 0.875rem; text-align:justify; color: #4A4A4A; background-color: #fff; padding-top: 1.25rem; padding-bottom: 1.25rem; justify-content: center; } .line { height: 1px; background-color: #979797; } .g-h4-24 { font-weight: 500; font-size: 1.5rem; } .g-h4-34 { font-weight: 600; font-size: 1.875rem; margin-bottom: 1.875rem; } .g-h4-36 { font-weight: 600; font-size: 1.875rem; /* margin-bottom: 1.875rem; */ } .g-h4-37 { font-weight: 600; font-size: 1.875rem; /* margin-bottom: 1.875rem; */ } .icon-kuang { /* width: 1.625rem; */ /* height: 1.25rem; */ width:13px; height:13px; background-color: #1D263A; display: inline-flex; } /*灏忚瘯宸ヨ壓寮€鍙?/ .pd-60 { padding: 3.75rem 2rem; } .chamfer-10 { border-radius: 0.625rem; } .preparation {} .preparation ul { padding:0 !important } .preparation ul li { list-style: none; width: 100%; display: block; clear: both; margin-bottom: 1.875rem; } .btn-preparation-200 { width: 12.5rem; height: 6.25rem; text-align: center; border-radius: 0.625rem; color: #fff; font-size: 1.75rem; line-height: 6.25rem; background-color: #00A0DC; margin-right: 1.875rem; float: left; } .btn-preparation-201 { width: 6rem; height: 100%; text-align: center; border-radius: 0.625rem; color: #fff; font-size: 1rem; /* line-height: 6rem; */ background-color: #00A0DC; margin-right: 0.875rem; float: left; align-items: center; display: grid; text-align: center; } .bg-00A0DC { width: calc(100% - 14.375rem); background-color: rgb(0, 160, 220, 0.3); padding: 1.125rem 1.875rem; border-radius: 0.625rem; color: #4A4A4A !important; float: left; min-height: 6.25rem; margin-bottom: 1.875rem; } .bg-00A0DC-2 { width: calc(100% - 6.875rem); background-color: rgb(0, 160, 220, 0.3); padding: 1.125rem 0.875rem; text-align:justify; border-radius: 0.625rem; color: #4A4A4A !important; float: left; min-height: 6.25rem; /* margin-bottom: 1.875rem; */ } .pd-0510{ padding:0.625rem; } .pd-0511{ padding:0.625rem; text-align:justify; line-height:1.5rem !important; } .pd-375625{ padding:1.75rem 0.625rem; } .ptb-175{ padding:1.75rem 0; } .opacity-1 { opacity: 1 !important; } .filling {} .filling1 ul{ margin:0; padding:0 0.625rem; } .filling ul li { width: calc(50% - 3.75rem); list-style: none; background: #fff; border-radius: 0.625rem; box-shadow: 0px 2px 22px 0px #DCE4EB; margin: 0 1.875rem 1.875rem 1.875rem; padding: 2rem; font-size: 1.5rem; position: relative; } .filling1 ul li { list-style: none; font-size: 0.875rem; padding:0 0.625rem; margin-bottom:1rem; } .filling1 ul li .filling1-bg{ position: relative; height:100%; background: #fff; border-radius: 0.625rem; box-shadow: 0px 2px 22px 0px #DCE4EB; display:flex; flex-direction:column; justify-content:center; margin-bottom: 1rem; align-items:center; padding:1rem 0.625rem; } .filling ul li font { color: #00A0DC; font-weight: 500; margin-right: .625rem; } .filling1 ul li font { color: #00A0DC; font-weight: 500; } .filling1 ul li p{ /* font-size:0.75rem; */ font-size:0.875rem; color:#333; margin-top:0.625rem; } .filling1 ul li h3 { color: #00A0DC; font-weight: 500; margin-right: .625rem; } .filling .filling-bg { width: 35%; height: 100%; /*background: linear-gradient(203deg, rgba(0, 160, 220, 0) 0%, rgba(0, 160, 220, 0.2100) 100%);*/ position: absolute; right: 0; top: 0; border-radius: -100% .625rem .625rem 0; background: url(../img/zhiji-3@1920.png) no-repeat; background-size: cover; } .filling1 .filling-bg { width: 90%; height: 100%; /*background: linear-gradient(203deg, rgba(0, 160, 220, 0) 0%, rgba(0, 160, 220, 0.2100) 100%);*/ position: absolute; right: 0; top: 0; border-radius: -100% .625rem .625rem 0; background: url(../img/zhiji-m-bg.png) no-repeat; background-size: cover; } .fill-system .col { padding: 0 5rem !important; } .fill-system .card { border: 0; } /*ind涓瘯鐢熶骇*/ .pt-108 { padding-top: 6.75rem; } .ind-body { text-align: justify; display: flex; align-items: center; } .ind-body ul { padding: 0; margin: 0; } .ind-body-1 {} .ind-body-1 ul { padding: 0; margin: 0; } .ind-body ul li { /* list-style: none;*/ margin-top:1rem; margin-bottom: 2rem; line-height: 1.5; display: list-item; margin-left: 1.125rem; } .ind-body ul li::marker { color: #0082C8; } .ind-body ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .ind-body-1 ul li { /* list-style: none;*/ margin-top:1rem; /* margin-bottom: 2rem; */ line-height: 1.5rem; display: list-item; margin-left: 1.125rem; } .ind-body-1 ul li::marker { color: #0082C8; } .ind-body-1 ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } /*璐ㄩ噺鐮旂┒*/ .control-project-bg { background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/control-bg%401x.png) no-repeat; background-size: cover; } .control01 {} .control01 ul { padding: 0; margin: 0; } .control01{ list-style:none; font-size:0.875rem; padding:0; line-height:1.5rem; text-align:justify; } .control01 ul li { /* list-style: none;*/ /* margin-top:1rem; */ /* margin-bottom: 2rem; */ line-height: 1.5rem; display: list-item; margin-left: 1.125rem; } .control01 ul li::marker { color: #0082C8; } .control01 ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .control-project .card { border-radius: 0.625rem; border: 0; font-size: 1rem; padding: 2rem; height:300px } .control-project .cardm { border-radius: 0.625rem; background:white; border: 0; font-size: 1rem; padding: 1rem; /* height:100% */ } .control-project .card img { border-radius: .625rem; /* height: 100%; */ } .control-project .card .card-body { padding: 0 !important; } .color-fff { color: #fff; } .list-item {} .list-item ul { /* list-style: none;*/ } /*璐ㄩ噺鎺у埗*/ .list-item ul li { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0.625rem; } .list-item-pc ul li { font-size: 1rem; line-height: 1.5; margin-bottom: 0.625rem; } /*鑻辨枃*/ .list-item1 ul li { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0.625rem; } .list-item ul li::marker { color: #0082C8; } .list-item ul li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .mt-50 { margin-top: 3.125rem; } /*璐ㄩ噺淇濊瘉*/ .zl-assurance { background: url(../img/zl-assurance@1x.png) no-repeat; background-size: cover; } .zl-assurance .card { background: none; border: 0; color: #fff; } .zl-assurance .card-text { opacity: .7; } .zl-assurance .card .fz-80 { font-size: 74px; font-weight: 600; display: table-cell; vertical-align: middle; } .zl-assurance .card .fz-81 { font-size: 3rem; font-weight: 500; display: grid; align-items:center; text-align:center; vertical-align: middle; } .circular { width: 4.5rem; height: 4.5rem; border-radius: 4.5rem; background-color: #00A0DC; font-size: 2rem; color: #fff; font-weight: 600; text-align: center; line-height: 4.5rem; } .circular-1 { width: 8.25rem; height: 8.25rem; font-size: 1.625rem; line-height: 2.5rem; padding-top: 1.5rem; } .line-4 { width: 100%; height: 0.25rem; background-color: #00A0DC; top: 15.625rem; } .cu-one-num { left: -2.25rem; top: 13.375rem; } .cu-body-one { left: -2.25rem; top: 21.25rem; } .cu-two-num { left: 16.6667%; top: 13.375rem; margin-left: -2.875rem; } .cu-body-two { left: 16.6667%; top: 3.125rem; margin-left: -6.875rem; } .cu-three-num { left: 33.3333%; top: 13.375rem; margin-left: -3.5rem; } .cu-body-three { left: 33.3333%; top: 21.25rem; margin-left: -8.75rem; } .cu-four-num { right: 33.3333%; top: 13.375rem; margin-right: -3.5rem; } .cu-body-four { right: 33.3333%; top: 21.25rem; margin-right: -10.625rem; } .cu-five-num { right: 16.6667%; top: 13.375rem; margin-right: -2.875rem; } .cu-body-five { right: 16.6667%; top: 3.125rem; margin-right: -15.875rem; } .cu-six-num { right: -2.25rem; top: 13.375rem; } .cu-body-six { right: -2.25rem; top: 21.25rem; } .cu-center-num { left: 50%; top: 11.5rem; margin-left: -4.125rem; } .g-h5-26 { color: #0082C8; font-size: 1.625rem; font-weight: 400; } .g-h5-27 { color: #0082C8; font-size: 1rem; font-weight: 500; } .col-md-8.p.card-text { opacity: .7; } /*绉诲姩绔川閲忎繚璇?/ .line-ensure { height: 86%; width: 0.25rem; background-color: #00a0dc; margin-left: 35px; } .circular_ensure { width: 2.5rem; height: 2.5rem; margin-left: 16px; border-radius: 2.5rem; background-color: #00a0dc; font-size: 1rem; color: #fff; font-weight: 600; text-align: center; line-height: 2.5rem; } .circular1_ensure { width: 4.5rem; height: 4.5rem; border-radius: 4.5rem; background-color: #00a0dc; font-size: 1rem; color: #fff; font-weight: 600; text-align: center; line-height: 4.5rem; } .step1_ensure { height: 120px; } .step2_ensure { height: 135px; } .msg_ensure { padding-top: 10px; padding-left: 70px; } .msg_ensure h3 { font-size: 1rem; color: #00a0dc; font-weight: 700; } /*ind娉ㄥ唽鐢虫姤*/ .ind-res .card { background: none; border: 0; color: #fff; padding: 2.5rem 1.875rem; margin-bottom: 1.25rem; min-height: 19.375rem; } .ind-res .card img { /*width: 6.25rem;*/ margin-bottom: 1.875rem; } .ind-res .card .card-text { color: #fff; font-size: 1.25rem !important; line-height: 2rem; } .ind-res .card .card-text-en { color: #fff; font-size: 1rem !important; line-height: 1.5rem; } .bg-00B095 { background-color: #00B095; } .bg-00A0DC-1 { background-color: #00A0DC; } .bg-0082C8 { background-color: #0082C8; } .bg-609AF3 { background-color: #609AF3; } .bg-6175E5 { background-color: #6175E5; } .bg-6175E5_en { background-color: #6175E5; height:100%; } .bg-8A7AE4 { background: #8A7AE4; } .bg-8A7AE4_en { background: #8A7AE4; height:100%; } .ind-res-content .card { border: 0; margin-bottom: 2rem; } .ind-res-content .ind-res-text { padding: 0; margin: 0; padding-left: 1.125rem; } .ind-res-content .ind-res-text li { color: #666666; line-height: 2rem; } .ind-res-content .ind-res-text li::marker { color: #666666; } .ind-res-content .ind-res-text .ind-res-text-1 p { line-height: 2rem; padding: 0; margin: 0 !important; } /*宸ヨ壓琛ㄥ緛涓庡伐鑹洪獙璇?/ .clinical_title{ position: absolute; padding-top: 30px; padding-left: 30px; font-size: 1.25rem; color: white; top: 10rem; } .clinical_mtitle{ position: absolute; font-size: 1rem; color: white; top: 50%; left:50%; transform: translate(-50%, -50%); /* bottom:1rem; */ padding:0 25px; text-align:justify; } .clinical_mtitle_en{ position: absolute; font-size: 0.875rem; color: white; top: 3rem; text-align:justify; } .list-body { padding: 0; margin: 0; } .list-body li { list-style: none; } .list-body li .iconfont { color: #0082C8 !important; font-size: 1.5rem; } .list-body li .lh-2 { line-height: 2rem; } .list-body li .lh-15 { line-height: 1.5rem; } .list-body li .ml-20 { margin-left: 2rem; } @media ( min-width:2559px ){ .mac-1{ height:520px; } .news-left ul li .news-img img { border-radius: 0.9375rem; transition: all .5s ease-in; /* height: 100%; */ width:100%; height:500px; } } /*绉诲姩绔?/ .ver-text { background-color: #00A0DC; border-radius: 0.625rem; padding: 1.875rem; } .ver-text ul { padding: 0; margin: 0; padding: 0 2.5rem; } .ver-text ul li { font-size: 1rem; line-height: 2.5rem; /* width:50%; */ } .ver-text ul li::marker { color: #fff; padding-left: 2.5rem; } .ver-text-pc { background-color: #00A0DC; border-radius: 0.625rem; padding: 1.875rem; } .ver-text-pc ul { padding: 0; margin: 0; padding: 0 2.5rem; } .ver-text-pc ul li { font-size: 1rem; line-height: 2.5rem; width:100%; } .ver-text-pc ul li::marker { color: #fff; padding-left: 2.5rem; } .br-0 { right: 0; bottom: 0; } .rt-50 { top: 50%; right: 0; margin-top: -25.375rem; } .r-0-t-50 { top: 50%; right: 0; } .rtz-50 { top: 50%; right: 0; margin-top: - 3.4375rem; z-index: 1; } .lt-50 { left: 0; top: 50%; margin-top: - 3.4375rem; } .img-80 { width: 80%; } /*鏂伴椈鍒楄〃*/ .hot-news { line-height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hot-news img { margin-top: -0.3125rem; } .hot-news font { font-size: 1rem; font-weight: 600; } .hot-news a { font-size: 1rem; color: #666666; font-weight: 400; } .hot-news a:hover { color: #0082C8 !important; } .list-news { /* overflow: hidden;*/ } .list-news ul { padding: 0; margin: 0; } .list-news ul li { list-style: none; background-color: #fff; margin-bottom: 1.25rem; padding: 2rem; display: block; } .list-news ul li:hover { border: 1px solid #D2D7DB; box-shadow: 0px 7px 24px 0px rgba(0, 0, 0, 0.0400); cursor: pointer; } .list-news .news-body .news-time { font-size: 1rem; color: #999999; font-weight: 400; } .list-news .news-body .news-tittle { font-size: 1rem; font-weight: 600; color: #333333; margin-bottom: 0.5rem; } .list-news .news-body .news-tittle a { color: #333333; } .list-news .news-body .news-tittle a:hover { color: #0082C8 !important; } .list-news ul li:hover .news-tittle a { color: #0082C8 !important; } .list-news ul li:hover .news-more a { color: #0082C8 !important; } .list-news .news-body .news-text { color: #131415; font-size: 1rem; } @media (width: 1440px){ .list-news .news-body .news-text { font-size: 0.875rem; } } .list-news .news-img img { width: 100%; overflow: hidden; } .list-news ul li .news-more { color: #0082C8; font-size: 1rem; } .list-news ul li .news-more a { display: block; opacity: 0.8; transition: all ease-in .2s; } .list-news ul li .news-more a:hover { opacity: 0.8; transition: all ease-in .2s; } /*鍒嗛〉鏍峰紡*/ .pagination-block { display: flex; justify-content: center; } .pagination_info { margin: 0 10px; display: flex; align-items: center; } .pagination { margin: 0; } .pagination li a, .pagination li span { padding: .375rem .75rem; } .pagination li a, .pagination li span { position: relative; display: block; color: #6c757d; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .pagination li a:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .pagination .disabled span { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .pagination .active span { color: #ffffff; background-color: #00A0DC; border-color: #00A0DC; } .pagination_jump { display: flex; align-items: center; } .pagination_jump>* { padding: 0 4px; } .pagination_jump input { width:60px; border-radius: 0; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; padding: .375rem .75rem; } .pagination_jump input:focus { outline: none; } .pagination_jump .btn { padding: .25rem .5rem; font-size: .875rem; } /*鍔犲叆鐧藉竼*/ .job {} .job .card-body { left: 2.5rem; top: 4.375rem; color: #fff; } .job .card-title { font-size: 2.125rem; font-weight: 600; } .job .card-text { font-size: 1.375rem; } .job h5 a{ color:#fff; } .job h5 a:hover{ color:#fff !important; } .card-img-h { min-height: 16.25rem; } .card-img-m { height: 11.25rem; } .video-50 { left: 50%; top: 50%; margin-top: -2.5rem; margin-left: -2.5rem; z-index: 9999; } .video-50 .iconfont { color: #fff; font-size: 5rem; } .job-box { /* display: inline-block; */ position: relative; width: 100%; overflow: hidden; } .job-box img { /* position: relative; */ transition: all 0.5s ease-in; height: 100%; } .job-box img:hover { transform: scale(1.1); transition: transform 0.5s ease-in; } .title { /* width: 100%; */ /* height: 100%; */ position: absolute; padding-top: 30px; padding-left: 30px; font-size: 2.125rem; color: white; top: 30px; /* bottom: 0; */ font-weight:600; } @media (max-width: 1440px){ .title { font-size: 1.25rem; } } .img-box { width: calc(100%/10*6); height: 300px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-2.png) no-repeat center; background-size: 100%; } .img-box:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img-box1 { width: calc(100%/10*4); height: 300px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-1.png) no-repeat center; background-size: 100%; } .img-box1:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img-box2 { width: calc(100% / 3); height: 600px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-3.png) no-repeat center; background-size: 100%; } .img-box2:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img-box3 { width: 100%; height: 300px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-5.png) no-repeat center; background-size: 100%; } .img-box3:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img-box4 { width: 60%; height: 300px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-4.png) no-repeat center; background-size: 100%; } .img-box4:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img-box5 { width: 40%; height: 300px; float: left; overflow: hidden; transition: all 1s; background: url(../img/jobs-6.png) no-repeat center; background-size: 100%; } .img-box5:hover { background-size: 115%; -webkit-transition: background-size 0.3s linear; transition: background-size 0.3s linear; } .img { float: left; display: block; width: 100%; height: 100%; transition: all 1s; } .img:hover { transform: scale(1.4); } /*BLA*/ .bla-text{ display:flex; padding-top:4rem; /* align-items:center; */ } /*鑱旂郴鎴戜滑*/ .opa-50 { opacity: 0.5; } .opa-80 { opacity: 0.8; } .pd-5-2 { padding: 5rem 2rem; } .pm-2-2 { padding: 2rem; margin-top: 3rem; } .rt-0-1 { right: 0; top: 0; z-index: -1; } .cardhover { transform: scale(1) !important; transition: all 750ms ease-in-out !important; overflow: hidden !important; display: block !important; font-size: 1.625rem !important; opacity: 1 !important; cursor: pointer !important; } .contact-list .card { color: #fff; border: 0; text-align: left; /* width: 100% !important; */ width: 100% !important; } /* .contact-list .swiper-slide:hover { overflow: hidden; display: block; font-size: 1.625rem; opacity: 1; cursor: pointer; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; transform: translateY(-.25rem); transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-position .3s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out } */ .contact-list .swiper { width: 100%; height: 100%; } .contact-list .swiper-slide { width: 33.33% !important; text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.9); opacity: 0.5; /*padding-top: 5rem;*/ } .contact-list .swiper-slide-active, .contact-list .swiper-slide-duplicate-active { transform: scale(1); opacity: 0.8; /* padding-top: 2rem;*/ } .contact-list .swiper-slide-active .pd-5-2, .contact-list .swiper-slide-duplicate-active .pd-5-2 { /*padding: 8rem 2rem;*/ } .contact-m p { line-height:1.5rem; margin:0; } /*鍐呴〉banner*/ .n-banner-title { left: 21.875rem; top: 50%; margin-top: -3.125rem; } .n-banner-title h4 { opacity: .7; } .g-h3-50 { font-size: 3.125rem; font-weight: 500; } /*鍏徃绠€浠?/ .bg-96B9DB { background-color: #96B9DB; } .course { background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/licheng%401x.png) no-repeat; background-size: cover; } .circular-2 { overflow:hidden; background-color: #0082C8; border-radius: 50% 50%; } .pd-6-2 { padding: 2rem; } .team-bg .lb-0 { position: absolute; left: 0; bottom: 0; } .team-bg .lt-0 { position: absolute; right: 0; top: 0; } .about-team .card { border: 0; background: #F0F9FF url(../img/team-bg.png) no-repeat; background-position: right bottom -500px; transition: all ease-in .2s; max-height: 220px; } .about-team .card:hover { cursor: pointer; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; background-position: right bottom; transform: translateY(-.25rem); transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-position .3s ease-in-out, box-shadow .2s ease-in-out } .about-team .card-body { padding: 0; padding-top: 1.125rem; } .radius-10 { border-radius: 0.625rem; } .pb-60 { padding-bottom: 3.75rem; } .about-team .more a { color: #00A0DC; font-size: 1rem; } .about-team .more a:hover { color: #00A0DC !important; } .team-more { max-height: 220px; /* background: url(../img/team2.jpg) no-repeat; background-size: cover;*/ position: relative; overflow: hidden; transition: all ease-in .2s; } .team-more .more { /* width: 100%; height: 100%;*/ position: absolute; z-index: 99; /*20220731*/ left: 50%; top: 50%; text-align: center; margin-top: -1rem; margin-left: -4rem; } .team-more .more a { font-size: 1.625rem; color: #fff; opacity: 1; } .team-more .more a:hover { color: #fff; opacity: 1; transition: all ease-in .2s; } .team-more .team-more-img { width: 100%; overflow: hidden; opacity: 0.6; } .team-more .team-more-img img { transform: scale(1); transition: transform .2s ease-in } /*.team-more .team-more-mask { width: 0; height:0; background: rgba(46, 113, 164, 0.4); position: absolute; z-index: 99; left: 50%; top: 50%; border-radius: 0.625rem; transition: all ease-in .2s; }*/ .team-more:hover { overflow: hidden; display: block; font-size: 1.625rem; opacity: 1; cursor: pointer; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; transform: translateY(-.25rem); transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-position .3s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out } /*.team-more:hover .team-more-mask{ width: 100%; height: 100%; left: 0; top: 0; transition: all ease-in .2s; }*/ .team-more .team-more-img img:hover { transform: scale(1.1); transition: transform .2s ease-in } /*寮圭獥*/ /* .team-popover-marsk { width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 99; } */ /*.team-popover { position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; }*/ .team-popover-card { width: 100%; /*height: 274.4px;*/ position: relative; z-index: 9999999; background: #fff url(../img/team-popover-bg.png) no-repeat bottom right; max-width: 800px; /*margin-left: -400px;*/ margin-top: calc(20vh - 137px); /*20220731*/ display: flex; justify-content: center; align-items: center; z-index: 999999999999999; } .team-popover-card-img{ background-color: #3D5265; display: flex; align-items: flex-end; justify-content: center; } /*.team-popover-card .modal-content{ border: none !important; background: none !important ; background-color:; }*/ .team-popover-card .col, .team-popover-card .row>* { padding: 0; margin: 0; } .team-popover-card .team-popover-card-img img { padding-top: 2rem; width: 80%; } .team-popover-card .team-popover-card-body { padding: 0 1.875rem; padding-top: 1.875rem; } .team-popover-card .team-popover-card-body .team-popover-card-title { width: 100%; margin-bottom: 1.25rem; } .team-popover-card .team-popover-card-body .team-popover-card-title span { font-size: 2.5rem; font-weight: bold; color: #333; } .team-popover-card .team-popover-card-body .team-popover-card-title sub { color: #00A1E2; letter-spacing: 0.25px; background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); font-size: 1.625rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; margin-left: 0.625rem; } .team-popover-card .team-popover-card-body .team-popover-card-text { width: 100%; font-size: 1rem; line-height: 1.5rem; } .team-popover .team-btn { position: absolute; left: calc(100% + 0.625rem); /*top: 50%;*/ background-color: #fff; width: 1.875rem; height: 1.875rem; opacity: 0.5; border: none; border-radius: 50%; z-index: 9999999; /*margin-top: 50%;*/ cursor: pointer; opacity: 0.8; transition: all ease-in .2s; } .team-popover button { opacity: 0.5; transition: all ease-in .2s; cursor: pointer; } .team-popover button:hover { opacity: 1; transition: all ease-in .2s; } .team-popover .team-btn:after { content: "\00D7"; font-size: 1.125rem; color: #333; justify-content: center; /*20220731*/ align-items: center; text-align: center; } /*璧勮川*/ .honor { background: url("https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/honor-bgpc.png") no-repeat center; background-color:#96B9DB; background-size: cover; padding-bottom: 10rem; } .honor .honor-shadow-body { position: absolute; width: calc(100% - 16rem) !important; height: 100%; margin-left: 8rem; } .honor .honor-shadow { position: absolute; width: calc(((100% / 5) - 1.25rem) * 0.8); height: calc((100% - 4.75rem) * 0.85); background-color: rgb(129, 163, 202, 1); } .honor .honor-shadow-1 { opacity: 0.5; top: calc(((100% - 76px) * 0.1) + 1.875rem); left: 0; } .honor .honor-shadow-2 { opacity: 0.3; top: calc(((100% - 76px) * 0.1) + 3.125rem); left: -1.875rem; } .honor .honor-shadow-3 { opacity: 0.5; top: calc(((100% - 76px) * 0.1) + 1.875rem); right: 0; } .honor .honor-shadow-4 { opacity: 0.3; top: calc(((100% - 76px) * 0.1) + 3.125rem); right: -1.875rem; } .honor .swiper { width: calc(100% - 16rem); height: 100%; } .honor .swiper-slide { text-align: left; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); opacity: 1; } .honor .swiper-slide-active, .honor .swiper-slide-duplicate-active { background-color: rgb(18, 45, 97, 0.5); opacity: 1; transform: scale(1); /* margin-left: 25px;*/ } .honor .swiper-slide-active .honor-img, .honor .swiper-slide-duplicate-active .honor-img { padding: 0.625rem; } /*.honor .swiper-slide-next{ padding-left: 20px; } .honor .swiper-slide-prev{ padding-right: 20px; } */ .honor .swiper-slide-prev .honor-img { /* position: absolute; left: calc((100% / 5) * 0.1);*/ /*opacity: 0.6;*/ /* margin-right: 50px;*/ } .honor .swiper-slide-next .honor-img { /*opacity: 0.6;*/ /* margin-left: 25px;*/ } .honor .honor-body { position: relative; width: 100%; } .honor .honor-img { width: 100%; /* background-color:rgb(255, 255, 255,0.4);*/ /*padding: 0.625rem;*/ /* margin-top: 28px;*/ } .honor .honor-title { width: 100%; font-size: 1.5rem; text-align: center; background-color: rgb(18, 45, 97, 0.8); color: #fff; padding-top: 0.625rem; padding-bottom: 0.625rem; display: none; } /*.honor .swiper-slide-active .honor-img, .honor .swiper-slide-duplicate-active .honor-img{ display: block; margin-top: 0; }*/ .honor .swiper-slide-active .honor-title, .honor .swiper-slide-duplicate-active .honor-title { display: block; } .honor .swiper-button-next { top: 100%; left: 50% !important; background-color: #C6E0F6; z-index: 999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; margin-left: 0.3125rem; margin-top: 3rem; opacity: 0.5; display: flex !important; } .honor .swiper-button-next:after, .honor .swiper-button-prev:after { color: #333; } .honor .swiper-button-prev { top: 100%; left: 50% !important; background-color: #C6E0F6; z-index: 999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; margin-left: -3.4375rem; margin-top: 3rem; opacity: 0.5; display: flex !important; position: absolute; } /*鍙戝睍鍘嗙▼*/ .course { height: 100%; } .course .course-body { width: calc(100% - 80px); margin-left: 40px; margin-top: 3.75rem; } .course .course-info { background-color: rgb(255, 255, 255, 0.7); border-radius: 1.375rem; padding: 5.625rem 3.125rem; text-align: left; margin: 0; width: 100%; } .course .course-info h4 { font-size: 5rem; font-weight: 500; color: #0082C8; } .course .course-info p { /* font-size: 1.375rem;*/ font-weight: 400; } .course .swiper-slide-duplicate { padding: 0 !important; margin: 0 !important; } .course-body .swiper-slide { text-align: center; font-size: 18px; /*background-color: rgb(255, 255, 255, 0.4);*/ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /*transition: 300ms;*/ transform: scale(0.8); } .course .swiper-slide-active, .course .swiper-slide-duplicate-active { transform: scale(1); } .course .swiper-slide-prev {} .course-lb .swiper-slide { transform: scale(1); } .course-lb { width: calc(100% - 80px); margin-left: 40px; height: 100px; margin-top: 3rem; } .course-lb #swiper2 { width: 100%; } .course #swiper2 .swiper-wrapper { width: calc(100% - 100px); left: 50px; z-index: 999999; /* overflow: hidden; */ } .course #swiper2 .swiper-slide { text-align: center; font-size: 18px; /*background-color: rgb(255, 255, 255, 0.4);*/ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /*transition: 300ms;*/ /*transform: scale(0.8);*/ } .course .swiper-button-next { top: 0px; right: 0 !important; background-color: #0583C9; z-index: 999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; opacity: 1; margin: 0; z-index: 99999999; display: flex !important; } .course .swiper-button-prev { top: 0px; left: 0 !important; background-color: #0583C9; z-index: 999; border-radius: 100%; width: 3.125rem; height: 3.125rem; color: #fff; font-size: 0.875rem !important; opacity: 1; margin: 0; z-index: 99999999; display: flex !important; } .course-lb .line-5 { width: calc(100% - 110px); height: 3px; background: #999; /*margin-left: 6.25rem;*/ position: absolute; top: 24.5px; left: 61px; z-index: 1; } .course-lb .line-5-1 { width: 40%; height: 3px; background: #33A1DB; /*margin-left: 6.25rem;*/ position: absolute; top: 24.5px; left: 61px; z-index: 1; } .course #swiper2 .line-6 { width: 100%; height: 3px; background: #33A1DB; /*margin-left: 6.25rem;*/ position: absolute; top: 24px; z-index: 99999999; } /*#swiper2 .line-7 { width: 50%; height: 3px; background: #33A1DB; margin-left: 6.25rem; position: absolute; top: 25px; z-index: 99999999; }*/ .course #swiper2 .swiper-slide-active .line-6, .course #swiper2 .swiper-slide-duplicate-active .line-6 { top: 24px; } .course #swiper2 .swiper-slide:last-child .line-6 { width: 50%; left: 0; } .course .course-year { position: relative; color: #999; } .course .course-year h4 { padding-top: 3rem; } .course .course-year .g-circular { /*width: 36px; height: 36px;*/ display: flex; justify-content: center; align-items: center; margin-top: 26px; } .course .course-year .circular-3 { width: 16px; height: 16px; background: #FFFFFF; border: 3px solid rgba(51, 161, 219, 0.8800); border-radius: 50%; position: absolute; left: 50%; margin-left: -8px; z-index: 9999999999999; top: 17px; } .course .course-year .circular-4 { display: none; width: 33px; height: 33px; background-color: #fff; border: 3px solid #33A1DB; position: absolute; z-index: 111111111; border-radius: 50%; /*top: 1px;*/ } .course .swiper-slide-active .circular-3 { background: #33A1DB; border: none; top: 18px; /*margin-top: 0.375rem;*/ } .course .swiper-slide-active h4 { color: #33A1DB; } .course .swiper-slide-active .circular-4 { display: block; } .course .swiper-slide-active .circular-3:after { content: ""; font-size: 3rem; color: #33A1DB; text-align: center; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 1rem !important; } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; transition: opacity .25s ease-in-out; } .py-160 { padding-left: 3rem; padding-right: 3rem; } .l-60-t-2 { position: absolute; left: 60%; top: 2%; } .r-0-t-0 { position: absolute; right: 0; top: 0; } /*鍏徃绠€浠?鏈嶅姟鍐呭*/ .ser-content {} .ser-head { padding: 0 3rem; margin-top: -4px; cursor: pointer; } .ser-line { width: 100%; height: 0.0625rem; background-color: #fff; } .ser-head .ser-t-point { /*width: 100%;*/ /* display: flex; justify-content: center; text-align: center;*/ /*padding: 0 2rem;*/ padding: 0 !important; } .ser-head .ser-t-point .ser-center { width: 100%; display: flex; justify-content: center; } .ser-head .ser-t-point h4 { font-size: 1.25rem; font-weight: 500; color: #fff; padding-top: 2.5rem; margin-bottom: 2.5rem; } .ser-t-point .dotsIcon { position: relative; height: 7px; width: 7px; cursor: pointer; } .ser-t-point .dotsIcon .dotsIcon1 { height: 7px; width: 7px; border-radius: 7px; background: #fff; position: absolute; } .ser-t-point .dotsIcon .jdt { position: absolute; left: -16px; top: -16px; transform: rotate(-90deg); transform-origin: 20px; display: none; } .ser-t-point.on .dotsIcon .jdt { display: block; } .ser-t-point.on .dotsIcon .jdt5 { animation: jdt5 infinite 5s linear; } @keyframes jdt5 { 0% { stroke-dasharray: 0 190; stroke-dashoffset: 0; } 100% { stroke-dasharray: 190 0; stroke-dashoffset: 0; } } .ser-content-body { padding: 0 1rem; } .pos-bg { width: 0; height: 0; position: absolute; z-index: 1; background-color: rgb(0, 160, 220, 0.7); left: 50%; top: 50%; transition: all ease-in .5s; } .ser-con .on1 { width: calc(100% - 2rem); height: 100%; position: absolute; z-index: 1; background-color: rgb(0, 160, 220, 0.7); left: 1rem; top: 0; transition: all ease-in .5s; } .ser-content-text { top: 0; left: 0; color: #fff; padding: 2rem; z-index: 999; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0; } .ser-content-text ul {} .ser-content-text ul li { /*list-style: none;*/ font-size: 1rem; font-weight: 500; line-height: 1.875rem; /*margin-left: 1rem;*/ } .ser-content-text ul li a { color: #fff; } .ser-con .on { transform: translate(0px, 0px); opacity: 1; /* transition: all .4s;*/ transition-delay: .5s; } /*.ser-content-head { text-align: center; } .ser-content-head .ser-point { width: 0.625rem; height: 0.625rem; border-radius: 0.625rem; background-color: #fff; position: absolute; left: 50%; margin-left: -0.3125rem; top: 0; z-index: 1; visibility: visible; animation-name: pulse; } .ser-content-head .ser-point:after { content: ""; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 5px; position: absolute; left: 50%; margin-left: -2px; top: 2.5px; z-index: 99999; } .ser-content-head .ser-point:hover:after { cursor: pointer; border: 1px solid #fff; transform: scale(10); transition: transform 1s ease-in-out; } .ser-content-head .ser-point:visited:after { cursor: pointer; border: 1px solid #fff; transform: scale(1); transition: transform 1s ease-in-out; } .ser-content-head h4 { font-size: 1.25rem; font-weight: 500; color: #fff; padding-top: 2.5rem; margin-bottom: 2.5rem; visibility: visible; animation-name: fadeInDown; } .ser-content-img { visibility: visible; animation-name: bounceInLeft; } .ser-content-img-1 { visibility: visible; animation-name: bounceInRight; }*/ /*棣栭〉浜у搧*/ .product.sec_pad { padding: 70px 0; } .product .pricing-header img { height: auto; } .product, .product .card { background-color: #424343; } .product h1, .product .lead { color: #fff; } .product .card-text { font-size: 16px; text-align: left; color: #ededec; overflow: hidden; } .product h5 { font-size: 24px; font-weight: 400; text-align: left; color: #e9482c; } .product .product-main { background-color: #494949; margin: 0 0 10px 0; } /*鍥㈤槦灞曠ず*/ .team .item { padding: 0 10px 15px 10px; } .team .item h5 { font-size: 20px; color: #6b6b6b; } .team .row .card h6 { font-weight: bold; font-size: 16px; color: #e9482d; margin-bottom: 15px; } .team .row .card img { height: 300px; object-fit: cover; } .team .card-img, .team .card-img-top { border-radius: 0; } .team .card-text { height: 42px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } /*涓撲笟鏈嶅姟*/ .service .card-body { padding: 30px; background-color: #e9482d; color: #fff; height: 100%; } .service .card-body h5 { font-size: 1.8rem; font-weight: 400; text-align: left; margin-bottom: .8rem; } .service .card .row .card-text { margin-bottom: 15px; font-size: 1rem; line-height: 28px; text-align: left; overflow: hidden; min-height: 230px; } .service .btn-outline-primary { color: #ffffff; border-color: #ffffff; } .service .btn-outline-primary:hover { color: #fff !important; background: none; border-color: #6b6b6b; } .service .info-btn { text-align: left; } /*鏂伴椈涓績*/ /*.news .card .row img { width: 100%; height: 200px; object-fit: contain; } .news .card .row .card-body { text-align: left; } .news .card .row .card-body h5 { font-size: 1rem; font-weight: 400; color: #424142; height: 38px; overflow: hidden; } .news .card .row .card-body h5 a { color: #424142 !important; } .news .card .row .card-body h5 a:hover { color: #e9482d !important } .news .card .row .card-body h6 { font-size: 14px; color: #686868; } .news .card .row .card-body .card-text { height: 66px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; color: #686868; } .news .card .row .card-body .card-text a { color: #686868 !important; } .news .card .row .card-body .card-text a:hover { color: #e9482d !important } .news .category ul>li { margin-bottom: 20px; margin-right: 30px; } .news .category li a { position: relative; color: #424142; font-size: 14px; font-weight: 700; line-height: 1; text-transform: capitalize; display: block; padding-bottom: 5px; } .news .category li a:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; width: 0; height: 2px; margin: auto; background-color: #e9482d; -webkit-transition: all .4s linear; transition: all .4s linear; } .news .category li a.active:after, .news .category li a:hover:after { width: 100%; } */ .footer { background-color: #424142; color: #fff; padding-top: 60px; } .footer .image { width: 180px; object-fit: cover; } .footer .ulli { list-style: none; padding: 0; } .footer .ulli li { margin: 10px 0; } footer .row h5 { margin-bottom: 20px; font-size: 18px; } footer .list-unstyled ul { white-space: nowrap; } footer .list-unstyled li { margin: 10px 0 0 20px; float: left; } footer .list-unstyled li:first-child { margin-left: 0; } footer .list-unstyled a { text-decoration: none; color: #fff; } footer .list-unstyled a:hover { color: #EF8200; } footer .icp { margin: 15px 0; text-align: center; } /*鑱旂郴鎴戜滑椤甸潰*/ .contact-html .row { text-align: left; } .contact-html .row h5 { font-size: 1.5rem; color: #e9482d; font-weight: bold; } .contact-html .row .card-text { font-size: 16px; margin-bottom: 10px; } .contact-html .row .form-floating textarea { min-height: 150px; } .cl-checkbox { position: relative; } .cl-checkbox>label { position: absolute; top: 0; left: 0; height: 100%; padding: 0 1.5rem; } .cl-checkbox span a { color: #00A0DC; } /*鏂伴椈璇︽儏椤甸潰*/ .new-info .card-body { font-size: 16px; line-height: 30px; text-align: initial; border:none; } .new-info .card-body img { max-width: 100% !important; width:100%; height:auto; } .new-info .card{ border:none; } .news .jump_url:hover .card-body h5 { color: #e9482d; } /*浜у搧璇︽儏椤甸潰*/ .show-product .carousel-item { height: 200px; } .show-product .carousel-item img { object-fit: cover; height: 100%; } .show-product .description { font-size: 14px; color: #686868; } .show-product .widget { margin-bottom: 45px; } .show-product .widget .widget-title:before { content: ""; position: absolute; left: 0; bottom: -2px; width: 25px; height: 3px; background: #e9482d; } .show-product .widget .widget-title { padding-bottom: 18px; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; position: relative; } .show-product .widget ul { list-style: none; padding-left: 0; margin-bottom: 0; } .show-product .widget ul:not(.recent-news)>li { font-weight: 800; font-size: 14px; position: relative; margin-bottom: 11px; line-height: 24px; } .show-product .widget ul:not(.recent-news)>li .posts-count { color: #b5b5b5; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; } .show-product .widget .recent-news .thumb { float: left; margin-right: 20px; } .show-product .recent-news { padding-top: 5px; } .show-product .widget .recent-news li:not(:last-child) { margin-bottom: 25px; } .show-product .widget .recent-news .thumb img { width: 70px; height: 70px; object-fit: cover; } .show-product .widget .recent-news h6 { margin: -3px 0 3px; line-height: 24px; font-size: 16px; font-weight: 600; } .show-product .widget .recent-news .entry-date { font-size: 14px; line-height: 1; color: #686868; } .case img { width: 100%; } .main-search .keyword { width: 30%; } .main-search .card .row img { height: 122px; object-fit: cover; } .main-search .row .card-text.info { font-size: 12px; color: #909090; } .card-info { margin: 0; color: #686868; font-size: 12px; } .main-search .card-body h4 a { font-size: 18px; color: #424142; } /*濯掍粙鏌ヨ*/ @media (max-width: 1200px) { .site-header .container .active { background-color: #f4f4f4; } .pricing-header .card { margin-top: 10px; } .sec_pad { padding: 60px 0; } .py-210 { padding-left: 3rem; padding-right: 3rem; } .g-h4-34 { font-size: 1.125rem !important; } .ser-content-text ul li { font-size: 0.875rem; } .ser-head .ser-t-point h4 { font-size: 1rem !important; } .ser-content-text ul li { font-size: 0.75rem !important; line-height: 1.5rem !important; } } @media (max-width: 992px) { .youshi-1 .col-12( margin-bottom:0.5rem; ) .g-h3-34 { font-size: 0.875rem } .g-h4-26 { font-size: 1.625rem; font-weight: 500; color: #4a4a4a; } .g-h4-27 { font-size: 1.25rem; font-weight: 500; color: #0082c8; } .offcanvas-body { padding: 0; } .pd-80 { padding: 0 1rem; } .pd-80-1 { padding: 0 1rem; } #bf-nav1 { position: static !important; background-color: #fff; } /* #bf-nav1 .nav-link { color: #333; }*/ #bf-nav2 { opacity: 1; } .navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after { background-color: #0082C8 !important; } .navbar { padding-top: .5rem; padding-bottom: .5rem; } .navbar-brand { padding-top: .8rem; padding-bottom: .8rem; } .navbar-nav .nav-item { border-bottom: 1px solid rgba(216, 216, 216, 0.2); padding-left: 1.25rem !important; } /*.navbar-nav .dropdown{ display: flex; justify-content: space-between; }*/ /*.navbar-nav .dropdown .show{ border-width: calc(1005 + 2.5rem); border-bottom: 1px solid rgba(216, 216, 216, 0.2); margin-left: -1.25rem; border-radius: 0; }*/ .navbar-nav .dropdown .rotate-90 { transform: rotate(-90deg); position: absolute; right: 1rem; font-size: 1.5rem; transition: transform .2s; } .navbar-nav .dropdown .show .rotate-90 { transform: rotate(0); } .nav-link { padding: 1.66667rem 1.25rem; opacity: 0.7 !important; font-size: 1.25rem; } .navbar-expand-lg .navbar-nav .dropdown-menu { padding: 0.625rem 0; background: none !important; border-top: 1px solid rgba(216, 216, 216, 0.2); padding-left: 0 !important; margin-left: -1.25rem; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item { width:auto; white-space:normal; font-size: 1.125rem !important; color: #fff !important; font-weight: normal; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column .list-unstyled li:before { background: none; border-left: 1px solid rgba(216, 216, 216, 0.2); height: 100%; padding: 0; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column h6 { /* padding: 0 !important;*/ color: #fff; font-size: 1.25rem; font-weight: normal; /*padding-left: 2rem ;*/ } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column h6 a { font-weight: normal; opacity: 1; font-size: 1.25rem; white-space:nowrap; } .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column li { /* float:left; */ white-space:normal; width:auto; /*margin-left: 2.25rem !important;*/ } .p-0-l-5 { padding-left: 0.75rem !important; } .p-0-l-6 { padding-left: 2rem !important; } .m-0-l-7 { margin-left: 2rem !important; width:auto; font-size:20px !important; } .navbar ul.navbar-nav li.dropdown:hover>ul.dropdown-menu { display: none; } .dropdown-menu.show { display: block !important; } .navbar-right.pc { display: none; } #navbarTogglerDemo02 .mobile { display: flex !important; } .bf-edition { width: auto; } .bf-edition a { color:white; } .bf-edition .btn-edition { background-color: #0082C8 !important; color: #fff; border: 0; border-radius: .25rem; padding: .375rem 0.625rem; font-size: 1rem; } .bf-edition .btn-edition .iconfont { /*font-size: 1.5rem;*/ padding-left: 0.25rem; margin-top: 5px; } .bf-edition .dropdown-menu { background-color: #0082C8; padding: 0; border: 0; border-radius: .25rem; padding: 0.625rem; } .bf-edition .dropdown-menu li { text-align: center; color: #fff; display: flex; justify-content: center; line-height: 1.5rem; } .bf-edition .dropdown-menu li a { color: #fff !important; } #carouselExampleCaptions .carousel-item { height: 400px; } #carouselExampleCaptions .carousel-caption { bottom: 2.25rem; } #carouselExampleCaptions .btn { padding: .25rem .5rem; font-size: .875rem; } .carousel-caption { padding-top: 1.25rem; padding-bottom: .25rem; } .sec_pad { padding: 20px 0; } .company.sec_pad { padding-bottom: 0; } .product.sec_pad { padding: 20px 0; padding-bottom: 0; } .product .card-text { font-size: 14px; line-height: 24px; } .pricing-header .card { margin-top: 10px; } .pricing-header .card:first-child { margin: 0; } .company .info { font-size: 14px; margin-bottom: 0; height: auto; } .company .info-box { padding-left: 12px; height: auto; } .company .info-btn { padding: 10px 0; } .company .info-btn .btn { padding: .25rem .5rem; font-size: .875rem; } .footer { padding-top: 20px; } .news .category ul>li { margin-bottom: 5px; margin-right: 15px; } /*杞挱*/ .i-banner .swiper { height: auto !important; } .i-banner .i-banner-text { top: 50%; margin-top: -4rem; left: 10vw; } .i-banner .i-mbanner-text { top: 0; margin-top: 0; /* left: 10vw; */ } .i-banner .i-banner-text h5 { font-size: 1.125rem; letter-spacing: 1px; margin-bottom: 0; padding-bottom: .5rem; } .i-banner .i-banner-text h4 { font-size: 1.125rem; margin-bottom: .5rem; } .i-banner .i-banner-text h3 { font-size: 1.5rem; } /*鍏充簬鎴戜滑*/ .title-img { width: 50%; height: 50%; } .home-company { height: auto; background: url(https://imgbaifan.oss-cn-shanghai.aliyuncs.com/image/company%402x.png) no-repeat top right !important; background-size: cover; padding: 2rem 1rem; } .home-company .introduce { width: 100%; margin-left: 0; margin-top: 0; } .fz-3 { font-size: 1.5rem; font-weight: 500; } .fz-3-1 { font-size: 1.25rem; font-weight: 400; } .home-company .introduce .introduce-text { font-size: 1rem; line-height: 1.5rem; margin-bottom: 2rem; text-align:justify; } .three-advantage { position: static !important; width: calc(100%); margin-top: 2rem; padding: 1rem 0.25rem; } .mt-number-animate .mt-number-animate-dom { width: 16px; } .abxTop { font-size: 1.625rem; } .abxTop span { font-size: 1.625rem; } .abxTop sub { font-size: 1.625rem; margin-top: 13px; /*margin-left: 5px;*/ } .abxBot { font-size: 1.125rem; } /*瑙e喅鏂规*/ .p-32 { padding: 0rem; } .p-32 ul { padding-left: 0; } .img-50 { width: 50%; /* height: 50%; */ } .list-item ul li { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.625rem; } .bf-plan { width: 100%; padding: 2rem 1rem; height: auto; background-color: #0082C8; } .bf-plan .bf-plan-head { color: #fff; } .bf-plan .swiper { width: 100%; height: 100%; } .bf-plan .swiper-slide { /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;*/ } .job .swiper-pagination{ position: absolute !important; z-index: 99999999; display: flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } .bf-plan .swiper-pagination, .bf-partner .swiper-pagination{ position: static !important; z-index: 99999999; display: flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; margin-top: 1rem; } .honor .swiper-pagination{ justify-content: center; position: static; margin-top: 1rem; } .bf-plan .swiper-pagination-vertical.swiper-pagination-bullets { right: 0; top: calc(100% - 1.875rem); } .bf-plan .swiper-pagination-bullet, .job .swiper-pagination-bullet, .bf-partner .swiper-pagination-bullet,.honor .swiper-pagination-bullet{ width: 0.5rem !important; height: 0.5rem !important; background-color: rgba(255, 255, 255, 0.3) !important; border-radius: 50% !important; } .bf-plan .swiper-pagination-bullet-active, .job .swiper-pagination-bullet-active, .bf-partner .swiper-pagination-bullet-active,.honor .swiper-pagination-bullet-active { width: 0.5rem !important; height: 0.5rem !important; background-color: rgba(255, 255, 255, 1.0) !important; border-radius: 50% !important; } .bf-plan .bf-plan-card { background-color: #fff; border-radius: 0.625rem; margin-top: 1.5rem; padding: 1.25rem; } .bf-plan .bf-plan-card .bf-plan-card-head { font-size: 1.25rem; margin-bottom: 1rem; } .bf-plan .bf-plan-card .bf-plan-card-body ul { padding: 0; list-style: none; } .bf-plan .bf-plan-card .bf-plan-card-body ul li { line-height: 1.125rem; margin-bottom: .5rem; color: #666; } .bf-plan .bf-plan-card .bf-plan-card-body ul li:a { color: #666; display: block; } .bf-plan .bf-plan-card .bf-plan-card-body ul li:a:hover { color: #0082C8; } .bf-plan .bf-plan-foot { margin-top: 1rem; } .bf-plan .bf-plan-foot .irBoxMore { height: 3.375rem; line-height: 3.25rem; border: #fff solid 1px; border-radius: 50px; display: flex; align-items: center; font-size: 14px; color: #fff; width: fit-content; /*transform: translate(0px, 50px);*/ transition: all ease 1.3s; opacity: 0.5; /* max-width: 195px;*/ justify-content: right; padding: 0px 20px; } .bf-plan .bf-plan-foot .irBoxMore .bf-icon-1 { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1.3s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1-hover.svg) no-repeat center; } .bf-plan .bf-plan-foot .irBoxMore:hover { background-color: #fff; transition: all ease 1s; } .bf-plan .bf-plan-foot .irBoxMore:hover>.bf-icon-1 { height: 3.375rem; display: flex; align-items: center; width: fit-content; transition: all ease 1s; padding: 0px 17px; margin-right: 10px; background: url(../img/btn-1.svg) no-repeat center; } .bf-plan .bf-plan-foot.on .irBoxMore { transform: translate(0px, 0px); opacity: 1; } /*鍚堜綔浼欎即*/ .bf-partner { width: 100%; padding: 2rem 1rem; height: auto; } .bf-partner-body { position: relative; height: auto; margin-top: 1.5rem; } .bf-partner-body .card { border: 0 !important; border-radius: 0 !important; } .bf-partner-body .card-img-top { border-radius: 0 !important; } .bf-partner-body .card .card-body { padding: 0 !important; padding-top: 1rem !important; } .bf-partner-body .card .card-body .card-text { font-size: 1.125rem !important; } .bf-partner-body .card .card-body .card-text1 { font-size: 1rem !important; text-align:justify; } .bf-partner-body .card .btn { position: absolute !important; border: none; z-index: 999999999; bottom: 1rem; left: 1rem; margin: 0 !important; padding: 0 !important; } .bf-partner-body .card .btn a { background: rgba(0, 160, 220, 0.8); color: #fff; font-size: 1.125rem; border: 0; padding: .25rem 1rem; border-radius: 1rem; font-weight: 300; transition: all .2s ease-in; } .bf-partner-body .card .btn a:link { color: #fff; } .bf-partner-body .card .btn a:hover { color: #fff !important; padding: .25rem 1rem; display: block; background: rgba(0, 130, 200, 1); transition: all .2s ease-in; } .bf-partner .swiper-horizontal>.swiper-pagination-bullets, .bf-partner .swiper-pagination-bullets.swiper-pagination-horizontal { right: 0.625rem !important; bottom: 7.5rem !important; z-index: 9999999; } /*鏂伴椈*/ .bf-head{ height: auto !important; } .news{ padding:2rem 1rem !important; min-height: auto !important; } .news .btn-pos-1{ } .news-left{ margin-top: 1rem; } .news-left .row{ --bs-gutter-x: 0 !important; } .news-left ul li{ /* min-height: auto !important; */ margin-bottom: 1rem; } .news-left ul li .news-img{ border-radius: 0.125rem; } .news-left ul li .news-img img{ border-radius: 10px; } .news-dark{ width: 100%; border-radius: 10px; } .news-left .i-describe .i-describe-hidden{ width: 100%; } .news-left .i-describe .i-describe-text{ bottom: 0; } .news-left .i-describe h3{ font-size: 1.05rem !important; line-height: 1.5rem !important; } .news-right ul li{ border-bottom: 1px solid rgba(16, 56, 99, 0.1); } .news-right ul li h3{ font-size: 1.05rem !important; line-height: 1.5rem; } .news .btn-white{ transform: translate(0px, 0px); } .hot-news{ } .list-news ul li { list-style: none; margin-bottom: 1.25rem; padding: 0rem; display: block; } .list-news .news-body .news-text{ display: inline-block; white-space: nowrap; font-size:0.75rem; width: 100%; overflow: hidden; text-overflow:ellipsis; } .list-news .news-body .news-tittle a{ display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis; font-size:0.875rem; } .py-210 { padding-left:1rem; padding-right:1rem; } .ps-60 { padding-top:1.75rem; padding-bottom:1.75rem; } .lead { font-size:0.875rem } /*搴曢儴*/ footer .f-bottom{ display: flex; justify-content: start; align-items: start; text-align: left; font-size: 1.05rem !important; padding: 2rem 1rem !important; background-color: #00234B !important; } footer .f-bottom .row{ --bs-gutter-x:0; } footer .f-bottom .pt-14{ padding-top: .5rem !important; } .copyright{ font-size: 0.875rem; padding: .5rem 1rem !important; line-height: 1.5rem; } .copyright1{ font-size: 0.82rem; /* font-size: 0.85rem; */ padding: .5rem !important; text-align:left; line-height: 1.5rem; opacity:0.6; color:white; text-align:justify; } /*鍏徃绠€浠?/ .n-banner-title{ left: 2rem; } .g-h3-50{ font-size: 1.45rem; } .n-banner-title h4{ font-size: 1rem !important; } .base-intro{ padding: 2rem 1rem !important; background-color: #EFF4F8; } .pd-lr-110{ padding: 0 !important; } .base-intro .base-intro-body{ padding: 0 !important; background: none !important; } .base-intro .base-intro-body .mt-5{ margin-top: 0 !important; } .base-intro .base-intro-body .mb-5{ margin-bottom: 1rem !important; } .base-intro .base-intro-body h4{ font-size: 1.25rem !important; } .base-intro .base-intro-body .base-intro-text{ font-size: 1rem !important; line-height: 1.5rem; text-align:justify; } /*鏂规*/ .ser-con-m{ margin-top: 1rem; border-radius: 0.625rem; overflow: hidden; } .ser-con-m-body{ padding: 0; } .ser-con-m-body{ } .ser-con-m .pos-blue{ width: 0; height: 0; position: absolute; z-index: 1; background-color: rgb(0, 160, 220, 0.7); left: 50%; top: 50%; transition: all ease-in .5s; } #m-swiper3 .swiper-slide-active .ser-con-m .pos-blue{ width: 100%; height: 100%; position: absolute; z-index: 1; background-color: rgb(0, 160, 220, 0.7); left: 0; top: 0; transition: all ease-in .5s; } .ser-con-m-text{ top: 0; left: 0; z-index: 99999; color: #fff; padding: 2rem; transform: translate(0px, 50px); transition: all ease 1.3s; opacity: 0; } .ser-con-m-text h4{ font-size: 1.375rem !important; margin-bottom: 1rem; } .ser-con-m-text ul{ padding-left: 1.25rem; } .ser-con-m-text ul li{ font-size: 1.25rem; line-height: 2rem; } .ser-con-m-text ul li a{ color: rgba(255, 255, 255, 0.8); transition: .2s; } .ser-con-m-text ul li a:hover{ color: rgba(255, 255, 255, 1); transition: .2s; } #m-swiper3 .swiper-slide-active .ser-con-m-text{ transform: translate(0px, 0px); opacity: 1; transition-delay: .5s; } /*璧勮川*/ .honor{ padding-bottom: 2rem; } .py-210{ padding: 2rem 1rem 0rem 1rem; } .pt-40{ padding-top: 1rem; } .honor .swiper{ width:100%; height: auto; margin-top: 2rem; } .honor .swiper .swiper-slide{ width: 70%; } .honor .swiper .swiper-slide-active{ width: 70%; } .honor .honor-title{ font-size: 1.05rem; } /*鍥㈤槦*/ .m-team{ padding-bottom: 2rem; } .p-075{ padding:0.75rem; } .m-team-bg{ background-color:#F7F8FB; } .about-team{ padding: 1rem !important; } .m-team .card{ max-height:none; overflow: hidden; /* height: 100%; */ height:220px; } .m-team .card .card-img-bg{ background-color: #3D5265; padding-top: 1rem; display: flex; justify-content: center; height:166px; /* min-height: 180px; */ /* height: calc(100% - 2rem); */ } .m-team .card .card-img-bg-en{ background-color: #3D5265; padding-top: 1rem; display: flex; justify-content: center; min-height: 160px; /* height: calc(100% - 2rem); */ } .m-team .radius-10{ border-radius: 0.25rem; } /* .m-team .card .card-img-bg img{ */ /* width: 100%; */ /* } */ .m-team .card .card-body{ padding: 0.5rem 1rem !important; display: flex; justify-content: space-between; align-items: center; } .m-team .card .card-body-en{ padding: 0.5rem 1rem !important; display: flex; flex-direction:column; justify-content: space-between; align-items: start; } .m-team .card .card-body .card-title{ font-size: 1rem; font-weight: 500; margin-bottom: 0; } .m-team .card .card-body .fz-18{ font-size: 0.625rem; } .m-team .mb-60{ margin-bottom: 1rem; } .m-team .more{ margin-left: -3rem; } .m-team .more a{ font-size: 1.25rem; } /*寮圭獥*/ .m-team-popover{ width: 100%; height: 100%; } .m-team-popover .modal-content{ display: flex; justify-content: center; align-items: center; height: 100% !important; padding: 0 !important; } .m-team-popover .team-btn-1 { /* position: absolute; left: calc(100% + 0.625rem); /*top: 50%;*/*/ background-color: #fff; width: 1.875rem; height: 1.875rem; opacity: 0.5; border: none; border-radius: 50%; z-index: 9999999; /*margin-top: 50%;*/ cursor: pointer; opacity: 0.8; transition: all ease-in .2s; margin:0 auto; } .m-team-popover button { opacity: 0.5; transition: all ease-in .2s; cursor: pointer; } .m-team-popover button:hover { opacity: 1; transition: all ease-in .2s; } .m-team-popover .team-btn-1:after { content: "\00D7"; font-size: 1.125rem; color: #333; display:flex; justify-content: center; /*20220731*/ align-items: center; text-align: center; } .m-team-popover-card{ background: #fff url(../img/m-team-bg.png) bottom center no-repeat; background-size:100%; border-radius: 0.25rem; width: calc(100% - 4rem); /* position: absolute;*/ /*margin-top:500px;*/ } .m-team-popover-card .m-team-popover-card-img{ padding-top: 0.5rem; display: flex; justify-content: center; align-items: flex-end; /*width: 100px; height: 100px;*/ border-radius: 0.25rem; /* margin-top: -50px;*/ /*margin-left: 2rem;*/ } .m-team-popover-card .m-team-popover-card-img img{ background-color: #3D5265; /* padding: 10px 1rem 0 1rem; */ border-radius: 0.25rem; width: 100px; margin-top: -50px; margin-left: 2rem; } .m-team-popover .modal-footer{ border: 0; justify-content:center !important; flex-direction:column; } .m-team-popover-card-title{ padding-left: 1rem; padding-top: 1rem; } .m-team-popover-card-title span{ font-size: 1rem; font-weight: bold; color: #333; } .m-team-popover-card-title sub{ color: #00A1E2; letter-spacing: 0.25px; background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); font-size: 0.875rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; margin-left: 0.625rem; bottom: 0 !important } .m-team-popover-card-text{ font-size: 0.625rem; padding: 1rem; margin-bottom: 2rem; } .m-team-popover-card-title1, .m-team-popover-card-title11{ align-items:center; display:flex; } .m-team-popover-card-title11 font { font-size:0.75rem; } .m-team-popover-card-title11 span{ /* font-size: 1.25rem; */ font-size: 1.125rem; font-weight:800; /* padding: 1rem; */ /* margin-bottom: 2rem; */ } .m-team-popover-card-title1 span { color: #00A1E2; letter-spacing: 0.25px; background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); font-size: 0.875rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; bottom: 0 !important } /*鍙戝睍鍘嗙▼*/ .course{ height: auto !important; } .pd-60{ padding: 0; } .course .py-210{ padding: 2rem 1rem !important; } .course .pt-40{ padding-top: 1rem; } .course .course-body{ /*padding-top: 1rem;*/ width: 100%; margin-left: 0; margin-top: 0; } .course .course-body .swiper .swiper-slide{ width: 70%; } .course .course-body .swiper .swiper-slide-active{ width: 70%; } .course-lb{ width: 100%; margin-left: 0; margin-top: 1rem; } .course #swiper2{ width: 100%; padding: 0; margin: 0; } .course-lb .line-5{ width: 100%; left: 0; } .course-lb .line-5-1{ width: 33%; left: 0; } .course #swiper2 .swiper-wrapper{ width: 100%; left: 0; } .course .course-info{ padding: 1rem !important; border-radius: 0.5rem; min-height: 150px; } .course .course-info h4{ font-size: 2.75rem; } .course .course-info p{ font-size: 0.875rem !important; } .course .course-year h4{ font-size: 0.875rem; padding-top: 1.5rem; } .course #swiper2 .swiper-slide-active .line-6, .course #swiper2 .swiper-slide-duplicate-active .line-6{ top: 25px; } .course #swiper2 .line-6{ top: 25px; } /*灏忚瘯宸ヨ壓*/ .ind-text{ color:#0082c8; } } @media (width: 768px) { .carousel-caption { padding-top: 1.25rem; padding-bottom: 2.25rem; } .product .card-text { font-size: 16px; line-height: 32px; } } /* 鎵嬫満绔牱寮 */ @media (max-width: 576px) { .lh-15{ line-height:1.5rem; } /*IND*/ .ind-res .card { background: none; border: 0; color: #fff; padding: 1.5rem .5rem; margin-bottom: 1.25rem; min-height: 14.375rem !important; } .ind-res .card .card-text { color: #fff; font-size: 1rem !important; line-height: 1.5rem; text-align:justify; } /*瑙e喅鏂规*/ .cell-btn { font-size: 1rem !important; padding:0rem 1rem } .cell-btn-3 { /* font-size: 1rem !important; */ /* padding:0.25rem 1rem; */ /* background: linear-gradient(270deg, #00B493 0%, #00A1E2 100%); */ /* border-radius: 10px; */ /* color: #fff; */ /* font-weight: 300; */ color:#0082c8; } .g-h3-34 { font-size: 1rem !important; } .fw-6 { font-weight:600; } .g-h3-44 { font-size: 1rem; } #carouselExampleCaptions .carousel-item { height: 250px; } #carouselExampleCaptions .carousel-caption h5 { font-size: 1rem; } #carouselExampleCaptions .carousel-caption .info { font-size: .5rem; } .product .card-text { font-size: 14px; line-height: 28px; } .product .card-body { padding: 1rem .8rem; } .main-search .keyword { width: auto; } .main-search .card .row img { height: 220px; } .list-news ul li { list-style: none; background-color: #fff; margin-bottom: 1.25rem; padding:0rem display: block; } /*瑙e喅鏂规*/ .pl-60 { padding-left: 0 !important; } /*鍐呴〉瀵艰埅*/ .tab-nav { /* justify-content: center !important;*/ } .tab-nav ul { padding: 0; margin: 0; } .tab-nav ul li { float: left; padding: 3rem 1rem 0.625rem 1rem; list-style: none; } .tab-nav ul li a { color: #666666; font-size: 1.25rem; font-weight: 300; transition: font-size .2s ease-in, font-weight .2s ease-in; } .tab-nav ul li a:hover { color: #4A4A4A !important; font-size: 1.25rem; /*border-bottom: 0.25rem solid #4A4A4A;*/ /* font-weight: 500; */ /* padding-bottom: 0.625rem; */ /* transition: font-size .2s ease-in, font-weight .2s ease-in; */ } .tab-nav ul li .active { color: #4A4A4A; font-size: 1.25rem; border-bottom: 0.25rem solid #4A4A4A; font-weight: 500; padding-bottom: 0.625rem; } .hot-news font { font-size: 1rem; font-weight: 600; } .hot-news a { font-size: 1rem; color: #666666; font-weight: 400; } /*宸ヨ壓楠岃瘉*/ .ver-text { background-color: #00A0DC; border-radius: 0.625rem; padding: 1rem; } .ver-text ul { padding: 0; margin: 0; padding: 0 0 0 2.5rem; } .ver-text ul li { font-size: 0.875rem; line-height: 2.5rem; } .ver-text ul li::marker { color: #fff; padding-left: 2.5rem; } /*鏂伴椈涓績*/ .list-news .news-body .news-time { font-size: 1rem; color: #999999; font-weight: 400; padding-left:1rem; } .list-news .news-body .news-tittle { font-size: 1.25rem; font-weight: 600; color: #333333; margin-bottom: 0.5rem; padding-left:.5rem; } .list-news ul li { list-style: none; margin-bottom: 1.25rem; padding: 0rem; display: block; } .list-news .news-body .news-text{ display: inline-block; white-space: nowrap; font-size:0.875rem; padding-left:1rem; width: 100%; overflow: hidden; text-overflow:ellipsis; } .list-news .news-body .news-tittle a{ display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis; font-size:1rem; padding-left:.5rem; } } @media (max-width: 320px) { #carouselExampleCaptions .carousel-caption { display: none; } #carouselExampleCaptions .carousel-item { height: 200px; } .site-header .navbar-brand { margin-right: 0; } .company .info-box { padding-left: 12px; height: auto; } } @media (min-width: 992px) { /*.navbar-expand-lg .navbar-nav .nav-link { padding-right: 15px; padding-left: 15px; }*/ .pt-108 { padding-top: 0 !important; } #bf-nav1 { width: 100%; position: absolute !important; height:77px; background:rgba(0,0,0,0.2); /* display: flex; justify-content: center; align-items: center;*/ } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute !important; left: 0; /* width: 100vw; overflow-x:hidden !important; */ /*min-width:400px ;*/ } .navbar-expand-lg .nav-item { text-align: center; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 0.875rem !important; } .navbar-expand-lg .navbar-nav .nav-link:hover { font-size: 1rem; } } @media (min-width: 1200px) { .bg-xl-white { background-color: #fff !important; } .product-info .list-right .img img { height: 89px !important; } .service .card-body { padding: 70px 30px 30px 50px; } .product .card-text { padding-right: 3rem; line-height: 30px; } .service .card .row .card-text { line-height: 30px; } .base-intro-body .mt-5 { margin-top: 0 !important; } /* .base-intro-body .fz-3 { font-size: 1.875rem; } */ .py-210 { padding-left: 5rem; padding-right: 5rem; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem !important; } .navbar-expand-lg .navbar-nav .nav-link:hover { font-size: 1.125rem; } } @media (min-width: 1200px) and (max-width: 1400px) { /* .fz-18 { font-size: 0.875rem; }*/ .pt-108 { padding-top: 0 !important; } .ser-head .ser-t-point h4 { font-size: 1.125rem !important; } .ser-content-text ul li { font-size: 0.875rem !important; line-height: 1.875rem !important; } } @media (min-width: 993px) and (max-width: 1440px) { /* 鍏充簬鎴戜滑 */ .home-company { height: auto; /* background: url(../img/company@2x.png) no-repeat top right !important; */ background-size: cover; padding: 2rem 1rem; } .home-company .introduce { width: 100%; margin-left: 8rem; margin-top: 3rem; } .fz-3 { font-size: 1.75rem; font-weight: 500; } .fz-3-1 { font-size: 1.5rem; font-weight: 400; } .home-company .introduce .introduce-text { font-size: 0.875rem; line-height: 1.875rem; /* margin-bottom: 2rem; */ } .three-advantage { /* position: static !important; */ width: calc(100% + 1rem); margin-top: 2rem; padding: 1rem; } .mt-number-animate .mt-number-animate-dom { width: 16px; } .abxTop { font-size: 1.625rem; } .abxTop span { font-size: 1.625rem; } .abxTop sub { font-size: 1.625rem; margin-top: 13px; /*margin-left: 5px;*/ } .abxBot { font-size: 1.125rem; } .base-intro .base-intro-body { /* height: 500px; */ display: block; } .base-intro .base-intro-body .base-intro-text{ font-size: 0.875rem; line-height: 1.5rem; overflow-x: hidden; } .featurette .pt-5 { display:flex; align-items:center; } .tab-nav ul li a { font-size: 1rem; } .tab-nav ul li a:hover, .tab-nav ul li .active { font-size: 1rem; } } .bf-show{ display:block; } @media (max-width: 1680px) { .bf-show{ display:none; } } @media (max-width: 1440px) { .ver-text-pc ul li { font-size: 0.875rem; line-height: 2.5rem; width:100%; } .quality-text { font-size:0.875rem; color: #4A4A4A; background-color: #fff; text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; justify-content: center; } .list-item-pc ul li { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0.625rem; } .cell-body ul li { /* font-size: 1.125rem; */ font-size:0.875rem; margin-bottom: 0.5rem; /* line-height: 2rem; */ line-height:1.5rem; margin-left: 1.125rem; } .mt-50 { margin-top: 0 !important; } /*mac灏哄*/ .mt-60 { margin-top: 4rem; } .fz-80 { font-size: 2.5rem !important; } .g-h5-26 { font-size: 1.25rem !important; } .g-h3-44 { font-size: 1.875rem !important; } .g-h3-34 { font-size: 1.5rem } .g-h4-26 { font-size: 1.25rem; } .g-h4-34 { font-size: 1.25rem !important; } .g-h4-24 { font-size: 1.25rem; } .cell-btn { font-size: 1.5rem; } .cell-body ul li { font-size: 0.875rem; } .cu-body-five { right: 0 !important; margin-right: 0 !important; } .cu-body-four { right: 43% !important; } .ind-res .card { min-height: 25.375rem; } .ind-res .card-en { min-height: 18.375rem; } .job .card-title { font-size: 1.25rem; } .job .card-text { font-size: 1.125rem; } .pt-60 { padding-top: 1.875rem; } .fz-26 { font-size: 1.25rem; } .fz-18 { font-size: 0.875rem; } .zhiji-pc { font-size:14px; } .fz-19{ font-size: 1rem; } /* .contact-body .card{ padding: 5rem 0.625rem; }*/ .pd-5-2 { padding: 5rem 0.625rem; } .pm-2-2 { padding: 2rem 0.625rem; } /* .tab-nav ul li a { */ /* font-size: 1.125rem; */ /* } */ /* .tab-nav ul li a:hover, */ /* .tab-nav ul li .active { */ /* font-size: 1.25rem; */ /* } */ .btn-preparation-200 { font-size: 1.25rem !important; } .filling ul li { font-size: 1.125rem; } .rotation-thum .i-banner-des { background-color: rgb(0, 130, 200, 0.6); padding: 2.5rem; margin-top: 7.75rem; } .base-intro .base-intro-body .row .col-xl-4 { /* flex:0 0 aoto; */ /* width:33.3333333%; */ /* padding-top:10rem; */ } } @media (min-width: 1400px) { .zhiji-pc { font-size:16px; } .base-intro { min-height: 400px; overflow:hidden; } .base-intro .base-intro-body { /* height: 450px; */ display: block; } .base-intro-1 .base-intro-body { height: 650px; display: block !important; } /* .base-intro-body .fz-3 { font-size: 2.5rem; } */ .base-intro-body .mt-5 { margin-top: 4rem !important; } .tab-nav ul li a { font-size: 1rem; } .tab-nav ul li a:hover, .tab-nav ul li .active { font-size: 1rem; } .nav-switch .nav-link { font-size: 1.25rem; } .nav-switch .nav-link:hover { font-size: 1.25rem !important; } .nav-switch .nav-link.active { font-size: 1.25rem } .g-h4-34 { font-size: 1.2rem !important; } .g-h3-44{ font-size: 2.5rem; } .base-intro .base-intro-body .base-intro-text{ /* font-size: 1rem; */ line-height: 1.875rem; overflow-x: hidden; } .pd-lr-110{ padding: 0 5rem; } .index2Right { padding-top: 5rem; } .pt-140 { padding-top: 8.75rem !important; } .mt-80 { margin-top: 5rem; } /*鏂伴椈鏌ョ湅鏇村鎸夐挳*/ .news .btn-pos { /* top: 1.875rem; */ top: 2.875rem; } .ind-res .card { min-height: 378px; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 1.125rem !important; } .navbar-expand-lg .navbar-nav .nav-link:hover { font-size: 1.25rem; } .featurette .pt-5 { display:flex; align-items:center; } .index2Right .irBox .irBox1 { font-size: 2rem; } .index2Right .irBox .irBox4 .irBoxTitle { font-size: 1.875rem; } } @media (min-width: 1900px) { .base-intro { height: 750px; } .base-intro-1 { height: 850px; } /* .base-intro-body .fz-3 { font-size: 2.75rem !important; } */ .pt-108 { padding-top: 6.75rem !important; } .py-210 { padding-left: 13.125rem; padding-right: 13.125rem; } .news-right { /* min-height: 659px; */ } .news-left ul li { /* min-height: 659px; */ } .home-company .introduce .company-btn { /*margin-top: 3.75rem;*/ } .home-company {} .index2Left .yffwIndexXun:nth-child(1) { left: calc(100% * (492 / 700)) !important; } .index2Left .yffwIndexXun:nth-child(2) { left: calc(100% * (527 / 700)) !important; } .index2Left .yffwIndexXun:nth-child(3) { left: calc(100% * (520 / 700)) !important; } .index2Left .yffwIndexXun:nth-child(4) { left: calc(100% * (473 / 700)) !important; } .ser-head { padding: 0 5rem; } .py-160 { padding-left: 8rem; padding-right: 8rem; } .ser-content-body { padding: 0 2rem; } .ser-con .on1 { width: calc(100% - 4rem); left: 2rem; } .ser-content-text ul li { font-size: 1.25rem; line-height: 2.5rem; margin-left: 1rem; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 1.25rem !important; } .navbar-expand-lg .navbar-nav .nav-link:hover { font-size: 1.375rem; } .g-h3-44{ font-size: 2.75rem; } /* .base-intro .base-intro-body .base-intro-text{ font-size: 1.125rem; } */ .pd-lr-110{ padding-left: 6.875rem; padding-right: 6.875rem; } .base-intro-1 .base-intro-body{ height: 660px; } } /*20221107瀹㈡湇*/ /*20221107瀹㈡湇*/ .kefu{ position: fixed; z-index: 999999 !important; right: 0; background-color: #0082C8; bottom: 50%; display: flex; justify-content: center; text-align: center; flex-direction: column; color: #fff; border-radius:0.5rem ; padding: 0.5rem; } .kefu a{ color: #fff; } .kefu .icon-24gl-phoneLoudspeaker { color: #fff; font-size:1.75rem ; } .kefu p{ margin: 0 !important; } .pd-2-2{ padding: 1rem; } .tiaokuan a{ color:#00A0DC; } .base-img{ display:flex; align-items:center; } .g-h4-22{ font-size:22px !important; color:#4a4a4a; } .img-101{ width:105%; } @media (width: 2560px){ #bf-nav2022{ margin-left:-1800px !important; } #bf-nav2 #bf-nav2022{ margin-left:-1760px !important; } } @media (width: 1920px){ #bf-nav2022{ margin-left:-1160px !important; } #bf-nav2 #bf-nav2022{ margin-left:-1120px !important; } } @media (width: 1680px){ #bf-nav2022{ margin-left:-963px !important; } #bf-nav2 #bf-nav2022{ margin-left:-923px !important; } } @media (width: 1600px){ #bf-nav2022{ margin-left:-883px !important; } #bf-nav2 #bf-nav2022{ margin-left:-843px !important; } } @media (width: 1440px){ #bf-nav2022{ margin-left:-723px !important; } #bf-nav2 #bf-nav2022{ margin-left:-683px !important; } } @media (width: 1400px){ #bf-nav2022{ margin-left:-683px !important; } #bf-nav2 #bf-nav2022{ margin-left:-643px !important; } } @media (width: 1366px){ #bf-nav2022{ margin-left:-693px !important; } #bf-nav2 #bf-nav2022{ margin-left:-653px !important; } } @media (width: 1280px){ #bf-nav2022{ margin-left:-607px !important; } #bf-nav2 #bf-nav2022{ margin-left:-567px !important; } } @media (width: 1152px){ #bf-nav2022{ margin-left:-522px !important; } #bf-nav2 #bf-nav2022{ margin-left:-482px !important; } } @media (width: 1024px){ #bf-nav2022{ margin-left:-449px !important; } #bf-nav2 #bf-nav2022{ margin-left:-429px !important; } } @media (width: 3072px){ #bf-nav2022{ margin-left:-2312px !important; } #bf-nav2 #bf-nav2022{ margin-left:-2271px !important; } } .dropdown-fullwidth{ position:static; } .dropdown-menu-fullwidth{ width:100% !important; } .dropdown-menu-none{ background:none !important;border:none !important;box-shadow:none !important; } @media (min-width: 1200px) and (max-width:1399px){ .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown-column { word-wrap: break-word !important; word-break: normal !important; width: 320px !important; } .dropdown-item{ white-space:break-spaces !important; } }