html, body { /*overflow-x: hidden;*/ /*font-size:15px;*/ min-width: 390px; /*padding-right: 0!important;*/ font-family: Microsoft YaHei,微软雅黑,Arail; } .nav-up { top: -80px } .navbar { transition: top .4s ease-in-out } .sidebar, .overlay { position: fixed; top: 0; bottom: 0 } .sidebar { left: -100%; max-width: 300px; transition: all ease .25s; overflow-y: auto; z-index: 1032 } .overlay { left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .5); visibility: hidden; z-index: 1031 } .main-navigation.active .sidebar { left: 0 } .main-navigation.active .overlay { visibility: visible } .header-search-type{ background-color: #ffffff21; border: none; } .header-search-select{ background-color: #cccccc05; border: none; color: #FFFFFF; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } .header-search-select:focus{ box-shadow: none; } .svg-color { fill: white; margin-top: -2px; } .svg-marginTop{ } .subject-color-line, .subject-color-line:focus{ background-color: #ffffff21;; border: none; box-shadow: none; color: #fff; } .subject-color-line::placeholder{ color: #FFFFFF82; } .search-input{ background-color: #ffffff21; border: none; } .main_color{ background: #1f55ff; /*background: linear-gradient(to right,#1f55ff 20%,#07b3ff 100%);*/ /*background: -moz-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/ /*background: -ms-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/ /*background: -o-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/ /*background: -webkit-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2139ff',endColorstr='#07b3ff',GradientType=1);*/ } .navbar-dark .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .nav_height{ height: 100px; } .navbar-dark .navbar-nav .nav-link{ color: white; } .main-heading { position: relative; z-index: 100 } .card-border{ background-color: #fff0!important; border: 1px solid #fff; } .card-footer-button{ /*background-color: #0d6efd;*/ text-align: center; color: #fff; } .product-type{ /*margin-top: -22px;*/ /*margin-bottom: 20px;*/ background-color: #f5f5f5; margin: 50px 0; padding-bottom: 50px; } .product-type-a{ text-decoration: none; color: #9b9b9b; font-size: 12px; } .card-img-div{ overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; border-radius: 50%; } .card-img-top{ width: 100px; } .index-product{ max-height: 200px; /*overflow: scroll;*/ overflow: hidden; /*scrollbar-width: none;*/ } .index-product > .card-text::-webkit-scrollbar{ overflow-x: hidden; overflow-y: scroll; } .dropdown-item:hover, .dropdown-item:focus{ color: #1f55ff;} .goods-img-width{align-items: center;display: flex; margin: 0 auto;} .goods-type-title{font-weight: 600;text-decoration: none;color: #3d3d3d;} .card-header-line{border-top: none!important;} .home-news-dt{width: 35px; height: 35px; float: left; margin-right: 10px;} .home-news-dt > img {width: 100%; height: 100%;} .home-news-dd > a {display: block; color: #0e0e0e;text-decoration: none;} .home-news-dt > a > .img-thumbnail{height: 100%;} .recommend-goods{margin: 50px 0; padding: 20px 0 80px 0;} .goods-pic-img{align-items: center;display: flex; height: 100%; margin-left: 20px;} .goods-pic-div{overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; border-radius: 50%; } .goods-pic-thumb{ background-color: rgba(25,91,255,.1); width: 92px;} .goods-out-div{padding: 10px 0;} .company-title{font-weight: bold;} /*.company-address{font-size: 12px;}*/ .modal-contact-body{background: url('/template/default/assets/images/card.png');border-radius: 0;border: none;} .application-title{background-color: #1f55ff;width: 50%;text-align: center;border-radius: 20px;line-height: 31px;} .card-img-div{background-color: rgba(25,91,255,.1)} @media (min-width: 576px) { .business-card-logo{width: 150px} .bc-company-name{font-size: 20px; margin-bottom: 2px;} .gc-company-engname{font-size: 12px} .employee-cname{font-size: 20px; font-weight: bold;} .vr-line{height: 40px; margin-top: 8px; margin-right: 10px; float: left} .employee-name-div{width: 100px;float: left;margin-top: 4px;} .employee-ename{font-size: 16px;font-weight: bold} .employee{margin-top: -15px;} .employee-info{list-style: none;padding:0;margin: 0; font-size: 14px;} .employee-info-li{line-height: 28px;} .employee-info-ico{width: 18px;} .wx-info{margin-top: 6px; font-size: 12px;margin-right: -5px;} } @media (min-width: 992px) { .sidebar { position: relative; top: auto; bottom: auto; left: auto; flex-direction: row; max-width: 100%; transform: none; transition: none; overflow-y: visible; z-index: auto } .px-lg-2 { padding-right: 1.5rem !important; padding-left: .5rem !important; } .contact-type{ display: none; } } @media (min-width: 1400px) { .goods-img-width{ width: 100px; } .card-img-div{ height: 100px; width: 100px; } .index-product{ min-height: 180px; } .goods-out-div{ /*height: 120px;*/ /*overflow: hidden;*/ } .goods-pic-thumb{width: 100px;} } @media (max-width: 1399.98px){ .goods-img-width{ width: 80px; } .card-img-div{ height: 80px; width: 80px; } .index-product{ min-height: 200px; } /*.home-news-dd > a{ width: 180px; }*/ .goods-out-div{ /*height: 140px;*/ /*overflow: hidden;*/ } .goods-pic-div{height: 80px;} } @media (max-width: 1199.98px){ .goods-img-width{ width: 60px; } .card-img-div{ height: 60px; width: 60px; } .card-img-div > .card-img-top{ width: 80px; } /*.home-news-dd > a{ width: 130px; }*/ .goods-pic-img{ margin-left: 10px; } .goods-out-div{ padding: 10px 0; /*height: 160px;*/ /*overflow: hidden;*/ } .goods-pic-div{height: 100px;} .goods-pic-thumb{width: 100px;} } @media (max-width: 991.98px) { .navbar-nav { padding-top: 2rem; padding-left: 1.5rem } .sidebar { background: #1f55ff; background: linear-gradient(to right,#1f55ff 20%,#07b3ff 100%); background: -moz-linear-gradient(left,#1f55ff 20%,#07b3ff 100%); background: -ms-linear-gradient(left,#1f55ff 20%,#07b3ff 100%); background: -o-linear-gradient(left,#1f55ff 20%,#07b3ff 100%); background: -webkit-linear-gradient(left,#1f55ff 20%,#07b3ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2139ff',endColorstr='#07b3ff',GradientType=1); } .contact-type1{ display: none; } .index-product{ min-height: 200px; } /*.home-news-dd > a{ width: 600px; }*/ .goods-pic-img{ margin-left: 10px; } .goods-pic-div{ height: 70px; width: 70px; } .goods-out-div{ /*height: 180px;*/ /*overflow: hidden;*/ } /*.footer-comppany-end{*/ /* display: none;*/ /*}*/ .footer-comppany{ /*display: block;width: 350px;*/ } .company-title{ font-size: 16px; } .goods-pic-thumb { width: 70px; } } @media (max-width: 767.98px){ .goods-img-width{ width: 100px; } .card-img-div{ height: 100px; width: 100px; } .card-img-div > .card-img-top{ width: 162px; } .index-product{ min-height: 260px; } /*.home-news-dd > a{ width: 420px; }*/ .goods-out-div{ /*height: 160px;*/ /*overflow: hidden;*/ } } @media (max-width: 575.98px){ .index-product{ min-height: 220px; } /*.home-news-dd > a{ width: 300px; }*/ .goods-out-div{ /*height: 140px;*/ /*overflow: hidden;*/ } .business-card-logo{width: 100px} .bc-company-name{font-size: 14px; margin-bottom: -5px;} .gc-company-engname{font-size: 8.5px} .employee-cname{font-size: 20px; font-weight: bold;} .vr-line{height: 40px; margin-top: 8px; margin-right: 10px; float: left} .employee-name-div{width: 100px;float: left;margin-top: 4px;} .employee-ename{font-size: 16px;font-weight: bold} .employee{margin-top: -15px;} .employee-info{list-style: none;padding:0;margin: 0; font-size: 14px;} .employee-info-li{line-height: 22px;} .employee-info-ico{width: 15px;} .employee-info-address{ display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wx-info{margin-top: 6px; font-size: 10px;margin-right: -5px;} } .application{width: 100%; margin: 30px 0; padding-bottom: 30px;} .footer{background-color: #1c355e;/*background-color: #1c355e;*/ padding: 40px 0 20px 0; color: #FFFFFF;border-bottom: 1px solid #ffffff78;} .footer-ul-default{list-style: none;padding: 0;margin: 0;font-size: 12px; line-height: 28px;width: 100%;} .footer-title{font-size: 15px;font-weight: bold;} .friendship-link > li{float: left; margin-right: 20px;} .copyright{background-color: #09182d; padding: 10px 0;} .pop-contact-info{ background:none; border: none;border-radius: 0; } .card-close{--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")} #nav-tabContent{ margin-top: 20px; } .service-field > .card > .row > .col-md-4 > .img-fluid{height: 100%} .dropdown-menu{font-size: 13px;} .card-img-overlay{background-color: #0031cd69; color: #FFFFFF} .card-img-overlay:hover{background-color:transparent;} .goods-desc{line-height: 15px;!important;margin-bottom: 10px;} .goods-desc > tbody > tr > th, .goods-desc > tbody > tr > td{font-size: 13px;} .accordion-item{border: 1px solid #eae6e6;} .accordion{--bs-accordion-btn-padding-y:.4rem} .accordion-button{font-size: 14px;} .aboutFirstScreen{ background-image: url('/template/default/assets/images/aboutFirst.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 300px; } .goodsInfo{ background-image: url('/template/default/assets/images/about/about-num.jpg'); background-size: cover; background-repeat: no-repeat; } .bg-color{ background: rgb(19 47 149 / 42%); backdrop-filter: blur(3px); width: 100%; height: 100%; } .about-num-line{ border-right: 1px solid white; } .about-num-line:last-child{ border-right: none; } .app-card{border: none; border-radius: 0; } /*.card { --bs-card-border-radius: 0; background-color: rgba(255, 255, 255, 0.52); backdrop-filter: blur(10px); }*/ .app-card > .card-img-overlay,.app-card > .card-img { border-radius: 0; background-color: #00000040; } .home-app { color: #FFFFFF; } .app-card > .card-img-overlay > .app-content, .goods-detail > .card-img-overlay > .app-content { transition: 0.3s; opacity: 0; transform: translateY(100%); font-size: 13px; } .app-card > .card-img-overlay:hover, .goods-detail > .card-img-overlay:hover { background-color: rgba(19, 47, 149, 0.53); backdrop-filter: blur(10px); } .app-card > .card-img-overlay:hover .app-content, .goods-detail > .card-img-overlay:hover .app-content { opacity: 1; transform: translateY(0); line-height: 26px; } .scopeOfBusiness{padding: 80px 0;} .agent{ background-image: url('/template/default/assets/images/about/agent-module.jpg'); background-size: cover; background-repeat: no-repeat; min-height: 500px; margin-bottom: 80px; } .layout-app{ background-image: url('/template/default/assets/images/about/agent-module.jpg'); background-size: cover; background-repeat: no-repeat; color: #FFFFFF; } .otherMatters{ margin: 80px 0; } .cooperativePartner{padding-bottom: 80px;} /* æ·»åŠ ä¸€ä¸ªé»˜è®¤ä¸æ˜¾ç¤ºçš„ç±» */ .active { color: #1f55ff; /* 高亮显示的颜色#14ff00 */ } .nav-link{ color: #FFFFFF; } .nav-link:hover{ color: #FFFFFF; } .elementSlide{ background-image: url('/template/default/assets/images/element/slide.jpg'); background-size: cover; background-repeat: no-repeat; } .elementList{ background-image: url('/template/default/assets/images/element/slide1.jpg'); background-size: cover; background-repeat: no-repeat; }