@media (min-width: 768px) {

    html {

        font-size: 16px;

    }

}



a {

    text-decoration: none;

    color: inherit;

}



html {

    position: relative;

    min-height: 100%;

    font-size: 14px;

}



body {

    font-size: 17px;

    line-height: 1.47059;

    font-weight: 400;

    letter-spacing: -.022em;

    font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;

    background-color: #fff;

    color: #1d1d1f;

    font-style: normal

}





.btn-danger {

    background-color: #004b8c !important;

    border-color: #004b8c !important;

    color: #fff !important;

}



.btn-danger:hover {

    background-color: #044176 !important;

    color: #fff !important;

}



.text-red {

    color: #004b8c !important;

}



.btn-outline-white {

    color: #fff !important;

    border: solid 1px #fff !important;

}



.modal-content,

.modal-header {

    border-radius: 0;

    border: 0 !important;

}



.nav-link {

    font-size: 1.3rem !important;

    font-weight: 400 !important;

    color: #000 !important;

}



.nav-link:hover {

    color: #004b8c !important;

}



.dropdown-menu .dropdown-item {

    padding: .8rem 1.5rem;

}



.dropdown-menu .dropdown-item:hover,

.dropdown-menu .dropdown-item:focus {

    /* color: #004b8c; 悬停/聚焦时文字颜色 */

    background-color: #e9ecef;

    /* 悬停/聚焦时背景色 */

}



.dropdown-menu .dropdown-item:active {

    color: #fff;

    /* 点击时文字颜色 */

    background-color: #004b8c;

    /* 点击时背景色 */

}



.navbar-brand {

    margin-right: 0;

}



.icon-text {

    font-size: 14px;

    display: flex;

    align-items: center;

}



.icon-text img {

    margin-right: 5px;

}



.icon-img-size-sm {

    width: 24px;

}



.icon-img-white {

    filter: invert(100%);

}





/* 自定义样式 */

.breadcrumb-item i.bi {

    font-size: 1.4rem;

}



.mnavi-wrapper .nav-item {

    padding: 0 !important;

    margin-left: 2rem;

    border-bottom: solid 3px #fff;

}



.mnavi-wrapper .nav-item:hover,

.mnavi-wrapper .nav-item.current {

    border-bottom: solid 3px #004b8c !important;

}



.mnavi-wrapper .nav-link {

    padding: 1rem 0 1rem 1.5rem !important;

    margin-bottom: 3px;

}



.mnavi-wrapper .nav-item .dropdown-menu {

    margin-top: 3px;

    grid-template-columns: repeat(2, 1fr);

    padding: 0 !important;

    min-height: 0;

}



.mnavi-wrapper .nav-item:hover .dropdown-menu,

.mnavi-wrapper .nav-item .dropdown-menu.show {

    display: grid;

    min-height: 3rem;

}



.mnavi-wrapper .nav-item .dropdown-menu li {

    margin: 0 !important;

    padding: 0 !important;

    width: 17rem;

}



.mnavi-wrapper .dropdown-item {

    border-right: solid 1px #e9ecef !important;

    margin: 0 !important;

    vertical-align: middle !important;

}



.mnavi-wrapper .dropdown-item {

    font-size: 1.1rem !important;

}



.mnavi-wrapper .dropdown-item i {

    font-size: .9rem;

}



.mnavi-wrapper .dropdown-item:hover {

    color: #004b8c !important;

    background: none !important;

}



.p-5 {

    padding: 60px 0

}



.breadcrumb-polygon-gay-bg {

    background-color: #E9E9E9;



    display: block;

    margin: 0 !important;

    padding: 1px 2rem;

}



.index-banner-container {

    /* 上面白色，下面灰色背景 */

    background: linear-gradient(to bottom, #ffffff 0%, #E9E9E9 100%);

}



.index-banner {

    min-height: 45rem;



}



.index-banner .col-md-5 {

    position: absolute;

    left: 50%;

    top: 48%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    z-index: 10;

    text-align: center;

    width: 100%

}



.index-banner .col-md-12 {

    position: absolute;



    overflow: hidden;

    width: 100%;

    left: 0px !important;

    top: 0px;

    z-index: 5;

}



.index-banner h1 {

    font-size: 3.5rem;

    /* line-height: 5rem; */

    font-weight: 800;

    margin-bottom: 1.5rem;

}



.index-banner-left-column {

    color: white;

    padding: 0 3rem 0 0;

    background-size: 20px 20px;

    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;

}



.index-video-container {

    position: relative;

    width: 100%;

    height: 45rem;

    overflow: hidden;

}



.index-background-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 0;

}



.index-video-mask-content {

    position: relative;

    z-index: 1;

    text-align: center;

    padding: 50px;

    height: 45rem;

    background: rgba(0, 0, 0, 0.5);

}



.contact-us {

    color: white;

    text-decoration: none;

    border-bottom: 2px solid #004b8c;

    padding-bottom: 0.5rem;

}



.contact-us-submit-rfq {

    padding-bottom: 5rem;

    margin-bottom: -5rem;

}



.index-banner-right-column {

    position: relative;

}



.index-banner-right-column img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.mov-play-button {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 60px;

    height: 60px;

    background-color: white;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

}



.mov-play-button::after {

    content: "";

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 15px solid #007bff;

}



/* home card */

.index-service {

    background: #E9E9E9 url('../images/index-service-bg.jpg') repeat top center;

    padding: 80px 0 40px

}



.index-service-icon {

    font-size: 48px;

    color: #004b8c;

}



/* 自定义卡片背景和阴影 */

.index-service-card {



    /* 白色背景 */

    border-radius: 10px;

    transition: background-color .5s ease;

    background-color: rgba(255, 255, 255, .6);

}



.index-service-card1 {



    /* 白色背景 */



    transition: background-color .5s ease;

    padding: 30px

}



.index-service-card1 h3 {

    font-size: 20px;

    font-weight: bold

}



.index-service-card1 p {

    font-size: 16px;

    line-height: 30px

}





.col-md-41 {

    width: 32.6%;

    margin-right: 1%;

    margin-bottom: 40px

}



.col-md-41:nth-child(3n) {

    margin-right: 0;

}



.col-md-42 {

    width: 24.25%;

    margin-right: 1%;

    margin-bottom: 40px;

    background: #fafafa;

    border-radius: 10px;

}



.col-md-42:nth-child(4n) {

    margin-right: 0;

}



.index-service-card:hover {}



.index-service-card h3 {

    font-size: 20px;

    font-weight: bold

}



.index-service-card p {

    font-size: 16px;

    line-height: 30px

}



.index-service-card-icon {

    width: 60px;

    margin-bottom: 10px

}



.index-service-card-icon img {

    width: 100%

}



.index-service-card a.btn-link {

    /* font-size: .8em; */

    padding: 0.5em 0;

    border-radius: 2.4em;

    text-decoration: none;

}



.index-service-card a.btn-link:hover {

    padding: 0.5em 1.5em;

    color: #fff !important;

    background-color: #004b8c;

}



/* 应用旋转动画 */

.index-about-circle {

    position: relative;

    width: 100%;

    height: 26rem;

    margin: 0 auto;

    /* 图像在水平和垂直方向都居中 */

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.index-about-circle h1,

.index-about-circle p,

.index-about-circle a {

    display: none;

}



.index-about-circle-bg {

    /* 让背景图适合圆形区域 */

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.index-about-circle-img {

    visibility: hidden;

    width: 100%;

}



/* 定义旋转动画 */

@keyframes rotate {

    from {

        transform: rotate(80deg);

    }



    to {

        transform: rotate(360deg);

    }

}



.index-about-circle-img-rotate {

    visibility: visible;

    animation: rotate 2s ease-out 1 forwards;

}





.index-about-circle p {

    text-align: center;

    max-width: 80%;

}



.index-about-btn-zoom {

    background-color: #1573c4;

    color: white;

    border: 2px solid white;

    border-radius: 25px;

    padding: 10px 20px;

    transition: all 0.3s ease;

    z-index: 1;

}



.index-about-btn-zoom:hover {

    background-color: white;

    color: #004b8c;

}



.index-about-left-col {

    /* height: 32rem; */

}



.index-about-icon-box {

    margin-top: 30px;

    text-align: left;

    display: none;

}



.index-about-icon-box i {

    font-size: 3rem;

    margin-bottom: 10px;

}



.index-about-wrapper {

    /* 从下到上渐变背景色 */

    background-image: linear-gradient(to top, #004b8c, #1573c4);

    /* background-color: #970512; */

    color: white;

    padding-bottom: 60px !important;

}



.index-blue-bg {

    background: linear-gradient(to top, white 30%, #49759c 70%);

    padding: 80px 0 50px

}



/* INDEX-INDUSTRIES */

.index-industries-wrapper {

    /* margin-top: -5rem; */

    margin-left: 3rem;

    background: url('../images/index-industries-2.png') no-repeat top center;

    padding-bottom: 3rem;

    color: white;

}



.index-industries {

    text-align: center;

    font-size: 1.2rem;

}



.index-industries-title {

    margin-top: -132px;

    margin-left: 3rem;

    height: 132px;

    color: #fff;

    background: url('../images/index-industries-1.png') no-repeat top center;

}



.index-industries-title h3 {

    float: left;

    border-bottom: solid 2px #004b8c;

}



.index-industries .carousel-item {

    height: 220px;

    /* padding-top: 5rem; */

}



.index-industries-img {

    object-fit: cover;

    width: 80%;

    margin-bottom: 1rem;

    /* height: 100%; */

}





.index-industries .icon-container {

    display: flex;

    justify-content: space-around;

    align-items: center;

    height: 100%;

}





/* 指示点样式 */

.index-industries .carousel-indicators [data-bs-target] {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    margin: 0 5px;

    background-color: rgba(255, 255, 255, 0.5);

    border: none;

    transition: background-color 0.3s ease;

}



.index-industries .carousel-indicators .active {

    background-color: white;

}



/* INDEX CLIENT */



.index-client-wrapper,

.index-client {

    height: auto;

}



.index-client .carousel-inner {

    padding: 2rem 2.1rem;

}



.index-client .carousel-control-prev,

.index-client .carousel-control-next {

    width: 3rem !important;

}



.index-submit-rfq {



    margin: 2rem auto;

    width: 200px;

    background: #0c5b9e;

    border-radius: 4px;

    line-height: 50px;

    text-align: center;

    color: #fff

}



.index-submit-rfq-img {

    width: 100%;

    color: #fff;
    cursor: pointer;

}



.w-92 {

    width: 100%;

}



footer {

    background-color: #000;

    color: white;

    padding: 30px 0 0

}



footer .border-bottom {

    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;

}



.footer-top-triangle {

    width: 100%;

    height: 24px;

    background-color: #000;

    /* 从左下角向上画三角形 */

    clip-path: polygon(0% 100%, 100% 0%, 100% 100%);

}





.cookie-notice {

    padding: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.cookie-notice p {

    margin-bottom: 0;

}



.btn-privacy {

    border-radius: 20px;

}



.world-map {

    /* background:#f00 url('../images/world-map.jpg') no-repeat center center; */

    /* background-size: 100% auto; */

    display: flex;

    position: relative;

}



.world-map-bg {

    /* position: absolute; */

    width: 100%;

}



.world-map .country {

    /* visibility: hidden; */

    position: absolute;

}



.world-map .country:hover .country-content {

    display: block;

}



.world-map .country i {

    text-shadow: 0 0 8px #fff;

    z-index: 1001;

    position: relative;

}



.world-map .country:hover i {

    color: #004b8c;

}



.world-map .country-content-wrapper {

    position: relative;

    z-index: 1000;

}



.world-map .country-content {

    display: none;

    border: solid 1px #ccc;

    border-radius: 10px;

    padding: 1rem;

    background: #fff;

}



.world-map .country-name {

    font-size: 1.2rem;

}



.world-map .country-flag {

    width: 2rem;

    margin-right: .3rem;

}



.contact-us-carousel .carousel-item-row {

    color: #fff;

    background: #004b8c url('../images/triangle-white-top-bg.png') no-repeat center top;

}



.contact-us-carousel .flag-circle {

    width: 4rem;

    margin-right: 1rem;

}



.contact-us-carousel .carousel-control-prev,

.contact-us-carousel .carousel-control-next {

    width: 3rem !important;

}



.contact-us-carousel .carousel-control-prev {

    left: -3rem !important;

}



.contact-us-carousel .carousel-control-next {

    right: -3rem !important;

}



.contact-us-carousel-left-flag,

.contact-us-carousel-right-flag {

    /* max-width: 50%; */

    border-radius: 50%;

}



/* SERVICES */

.bg-red {

    background-color: #004b8c;

    color: white;

}



.bg-red-bottom-triangle {

    width: 100%;

    height: 24px;

    background-color: #004b8c;

    /* 从左下向右上画三角形 */

    clip-path: polygon(0% 0%, 100% 100%, 100% 0%);

}



.services-list .list-item {

    margin-bottom: 20px;

    border-bottom: 1px solid #D9959B;

    padding-bottom: 10px;

}



.services-list .list-item i {

    margin-right: 10px;

    font-size: 1.4rem;

}



.services-header-bg {

    background-image: url('../images/services-header-bg.jpg');

    /* 请替换为实际背景图片路径 */

    background-size: cover;

    background-position: center;

    background-color: #335976;

    color: white;

    padding: 100px 50px;

}



.services-header-bg h1 {

    font-size: 28px;

    margin-bottom: 10px

}



.services-header-bg p {

    line-height: 30px

}



.accordion-item,

.accordion-button:not(.collapsed),

.accordion-button {

    background-color: transparent;

    border: 0;

    color: #000;

}



.accordion-button {

    border-bottom: solid 1px #ccc;

    font-weight: 700;

}



.accordion-item-icon {

    width: 2rem;

    margin-right: 10px;

}



.accordion-body {

    padding-left: 4rem;

}



.services-wwd-bg {

    background-image: url('../images/services-wwd-bg.jpg');

    /* 请替换为实际背景图片路径 */

    background-size: cover;

}



.service-wwd-img {

    margin-top: -7rem;

}



.service-wwd-img-box {

    margin-top: 0rem;

}



.white-box {

    background: #fff;

    padding: 2rem;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    margin-bottom: 40px

}



/* About Quality */

.about-quality-head-bg {

    background: #000 url('../images/about-quality-head-bg.jpg') repeat-x center center;

    background-size: cover;

    color: white;

    padding: 50px 0;

    height: 38rem;

    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);

}



.video-container {

    position: relative;

    text-align: right;

}



.quality-commitment {

    background: #004b8c url('../images/about-quality-red-bg.jpg') no-repeat center bottom;

    background-size: contain;

    /* 近似红色，可按需调整 */

    color: white;

    margin-top: -9rem;

    padding-bottom: 6rem !important;

    /* z-index: 1000; */

    /* 确保内容在背景上方 */

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);

}



.commitment-item {

    padding: 1rem 2rem;

}



.commitment-item-icon {

    font-size: 60px;

    /* width: 5.8rem; */

    height: 4.8rem;

    color: white;

    margin-bottom: 10px;

}



.quality-commitment-container {

    /* //上半部是白色，下半部是黑 */

    background: linear-gradient(to bottom, transparent 80%, #000 20%);

}



.text-white {

    color: #fff !important;

}



.bg-black {

    background-color: #000 !important;

}



.about-quality-blue-bg {

    background: #000 url('../images/about-quality-blue-bg.jpg') repeat-x center center;

    background-size: cover;

    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);

    padding: 5rem 0 3rem;

    margin-top: -6rem;

}



/* ABOUT-GLOBAL-NETWORK */

.about-global-network-head {

    background: #000 url('../images/about-global-network-head.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

}



.about-global-network-body {

    background: #fff url('../images/contact-us-body-bg.jpg') no-repeat top center;

}



.about-careers-head {

    background: #000 url('../images/about-careers-head-bg.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

}



.apply-button {

    border-radius: 2rem;

    padding: .3rem 1.5rem;

    position: relative;

    z-index: 1000;

}



.job-location {

    font-size: .9rem;

}



.about-careers-accordion h5 {

    margin-top: .5rem;

}



.about-careers-accordion .accordion-body {

    background-color: #F4F7FA;

    border: solid 1px #CBD5E2;

    margin: .3rem;

    padding: 2rem !important;

}



.about-careers-accordion .accordion-body * {

    line-height: 1.6em !important;

}



/* MANUFACTURE */

.manufacture-head {

    background: #000 url('../images/manufacture-head-bg.jpg') no-repeat center center;

    background-size: contain;

    height: 36rem;

    padding-bottom: 3rem;

    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);

    position: relative;

    z-index: 1;

}





.manufacture-item .company-logo {

    text-align: center;

}



.manufacture-item .company-logo img {

    max-width: 200px;

}



.manufacture-item .product-lines {

    margin-top: 20px;

}



.manufacture-item .product-lines ul {

    list-style-type: none;

    padding-left: 0;

}



.manufacture-item .product-lines li {

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.manufacture-item .product-lines li::before {

    content: "";

    width: 15px;

    height: 15px;

    background-color: #004b8c;

    border-radius: 50%;

    display: inline-block;

    border: 2px solid white;

    box-sizing: border-box;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: center;

}



.manufacture-item {

    background: #eeeeee;

}



.manufacture-item-odd {

    background-color: #fff;

}



.manufacture-item:hover {

    background-color: #004b8c;

    color: white;

}



.manufacture-item-1st {

    margin-top: -8rem;

    position: relative;

    z-index: 2;

}



.products-list {

    margin: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    list-style: none;

}



.products-list li {

    flex: 0 0 calc(25% - 10px);

}



.products-list li img {

    width: 92%;

    display: block;

    margin: .5em auto;

    border: solid 1px #ccc;

}



.text-sm {

    font-size: .85rem;

}



.uppercase {

    text-transform: uppercase;

}



/* CONTACT US */

.contact-us-head {

    background: #000 url('../images/contact-us-head-img.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

    padding-bottom: 3rem;

}



.contact-us-office-info {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 20px;

    padding: 20px;

}



.contact-us-office-image img {

    max-width: 100%;

    height: auto;

}



.contact-us-office-details {

    flex: 1;

}



.contact-us-office-details .flag-circle {

    width: 4rem;

    margin-right: 1rem;

}



.contact-us-office-details p {

    font-size: 14px;

    line-height: 26px

}



.contact-us-office-details i.bi {

    vertical-align: middle;

    margin-top: -.3rem;

}



.contact-us-office-info {

    background: #fff url('../images/contact-us-item-bg.png') no-repeat left bottom;

}



.contact-us-body .carousel-item-row {

    color: #fff;

    background: #004b8c url('../images/triangle-gray-top-bg.png') no-repeat center top;

}



.contact-us-body {}



/* NEWS */

.news-head {

    background: #000 url('../images/news-head-img.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

}



.news-body {

    background: #fff;

    padding: 60px 0

}



.news-item {

    padding: 20px;

    box-shadow: 5px 2px 10px 1px rgba(0, 0, 0, .1);

}



/* news-items 鼠标经过变红 */

.news-item:hover {

    background-color: #004b8c;

}



.news-item:hover .news-content * {

    color: white !important;

}



.news-item:hover .news-date {

    background-color: white;

    color: #004b8c;

}



.news-date {

    background-color: #eee;

    width: 150px;

    height: 150px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.news-date-number {

    font-size: 3rem;

    margin-bottom: 0;

}



.news-date-text {

    font-size: 0.9rem;

}



.news-content h2 {

    font-size: 1.5rem;

    margin-bottom: 15px;

}



.news-content p {

    margin-bottom: 20px;

}



.news-detail img {

    max-width: 95%;

    margin: 1em auto;

    text-align: center;

}



.read-more {

    color: #999;

    text-decoration: none;

}



/* NEWS DETIALS */



.article {

    margin-bottom: 30px;

}



.article h1 {

    font-size: 1.8rem;

    margin-bottom: 15px;

}



.article .date {

    font-size: 0.9rem;

    color: #6c757d;

    margin-bottom: 15px;

}



.article p {

    margin-bottom: 15px;

}



.related-news {

    background-color: #fff;

    border: 2px solid #000;

}



.related-news h3 {

    font-size: 1.2rem;

    margin-bottom: 15px;

    text-align: center;

    background-color: #000;

    color: white;

    padding: 5px;

}



.related-news ul {

    list-style-type: none;

    padding-left: 0;

}



.related-news li {

    margin-bottom: 10px;

    padding-left: 20px;

    position: relative;

}



.related-news li i {

    margin-right: 10px;

    color: #004b8c;

}



.related-news a {

    color: #333;

    text-decoration: none;

}



.related-news a:hover {

    text-decoration: underline;

}



.submit-an-rfq form {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

}



.submit-an-rfq input {

    width: 100%;

    padding: 10px;

    border: 1px solid #ced4da;

    background-color: #F5F8FA;

    border-radius: 0;

}



.submit-an-rfq input:invalid:required {

    border-color: #dc3545;

}



.submit-an-rfq button {

    grid-column: 1 / 2;

    background-color: #721c24;

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 0;

    cursor: pointer;

}



.submit-an-rfq-form button:disabled,

.submit-an-rfq button:disabled {

    background-color: #c4adaf !important;

    color: white;

    border: none;

}



.submit-an-rfq .more-info {

    grid-column: 3 / 4;

    justify-self: end;

    color: #364fc7;

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 5px;

}



/* CLIENTS */

.clients-head {

    background: #000 url('../images/clients-head-img.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

}





.clients-logo {

    position: absolute;

    left: 0;

    top: 0;

}



.logo-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));

    grid-gap: .6rem;

}



.logo-item {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: .3rem .6rem;

}



.logo-item img {

    max-width: 100%;

    height: auto;

}



/* SUBMIT-AN-RFQ */

.submit-rfq-head {

    background: #000 url('../images/submit-rfq-head-img.jpg') no-repeat center center;

    background-size: cover;

    height: 23rem;

}



.submit-rfq-body {

    background: #fff url('../images/contact-us-body-bg.jpg') no-repeat top center;

}



.submit-an-rfq-modal .modal-dialog {

    width: 60rem;

    max-width: 95%;

}



.submit-an-rfq-form {

    padding-top: 2rem;

}



.submit-an-rfq-form .colum-2 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1rem 3rem;

    margin-bottom: 1rem;

}



.submit-an-rfq-form .colum-3 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 1rem 3rem;

    margin-bottom: 1rem;

}



.submit-an-rfq-form label {

    font-size: .95rem;

    margin-bottom: 5px;

    color: #636363;

}



.submit-an-rfq-form input[type="text"],

.submit-an-rfq-form input[type="email"] {

    width: 100%;

    padding: .5rem 1rem;

    border: 1px solid #CDD7E5;

    background: #F4F8FB;

}



.colum-2 select {

    width: 100%;

    padding: .7rem 1rem;

    border: 1px solid #CDD7E5;

    background: #F4F8FB;

    color: #757575

}



.white-box select {

    width: 100%;

    padding: .6rem 1rem;

    border: 1px solid #CDD7E5;

    background: #F4F8FB;

    color: #757575

}



.submit-an-rfq-form input:invalid:required {

    /* border-color: #dc3545; */

}



.submit-an-rfq-form .form-text {

    display: block;

    margin-top: 5px;

    font-size: 0.875rem;

    color: #004b8c;

}



.submit-an-rfq-form textarea {

    width: 100%;

    padding: 10px;

    border: 1px solid #CDD7E5;

}



.submit-an-rfq-form button {

    background-color: #004b8c;

    color: white;

    border: none;

    padding: .7rem 4rem;

    display: inline-block;

}



.bottom-cookie-notice-container {

    position: fixed;

    bottom: 0;

    left: 0;

    background: #fff;

    width: 100%;

    border-top: solid 1px #ccc;

    z-index: 1000;

    display: none;

}



.index-globe-map {

    width: 80%;

    margin: 0 auto;

}



.footer-sub-nav li {

    font-size: .86em;

    line-height: 1.8em;

}



@media (max-width: 576px) {

    .mnavi-wrapper .nav-item {

        margin-left: 0rem;

    }



    .mnavi-wrapper .nav-item .dropdown-menu li {

        width: 100%;

        border-right: 0;

    }



    .index-banner-left-column {

        padding-left: 2rem;

        padding-top: 5rem;

    }



    .manufacture-item .company-description {

        padding-left: 0;

    }



    .index-industries-icon i {

        font-size: 6.5rem !important;

        font-weight: 100;

        line-height: 1.15em;

    }



    .index-client-wrapper {

        width: 100%;

        margin: 0 auto 2rem;

    }



    .index-client-wrapper .carousel-item img {

        width: 48%;

        margin: .3rem 1% .3rem 0;

    }



    .index-about {

        padding: 2rem;

    }



    .index-industries-title,

    .index-industries-wrapper {

        margin-left: 0 !important;

    }



    .index-industries-img {

        width: 65%;

    }



    .index-globe-map {

        width: 100%;

        margin: 0 auto;

    }



    .footer-nav {

        padding: 2rem;

    }



    .footer-nav h5 {

        font-size: 1.5rem;

        font-weight: 800;

    }



    .footer-sub-nav {

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        align-items: center;

        flex-wrap: wrap;

    }



    .footer-sub-nav li {

        display: flex;

        flex-grow: 1;

        width: 45% !important;

    }



    .submit-an-rfq-form .colum-2,

    .submit-an-rfq-form .colum-3 {

        grid-template-columns: repeat(1, 1fr);

        gap: 1rem 3rem;

        margin-bottom: 1rem;

    }



    .service-wwd-img {

        margin-top: -2rem;

        width: 92% !important;

    }



    .index-industries .carousel-inner {

        padding-bottom: 5rem;

    }

}



@media (min-width: 576px) {

    .manufacture-item .company-description {

        padding-left: 5rem;

    }



    .index-industries-icon i {

        font-size: 7.9rem !important;

        font-weight: 100;

        line-height: 1.15em;

    }



    .index-client-wrapper {

        width: 100%;

        margin: 0 auto 2rem;

    }



    .index-about-circle h1 {

        margin-top: 2rem;

    }



    .index-about {

        padding: 5rem 0;

    }



    .index-client-wrapper .carousel-item img {

        width: 24%;

        margin-left: .5%;

    }

}



.qqbj {

    height: auto;

    padding: 80px 0 50px;

    overflow: hidden

}



.index-about-circle h1 {

    font-size: 3rem;

    margin-top: 4rem;

}



.title-1 {

    text-align: center;

    max-width: 1320px;

    margin: 0 auto 50px

}



.title-1 .cn {

    margin-bottom: 5px;

    font-size: 30px;

    color: #333;

    line-height: 34px;

    line-height: 1.42857143;

}



.title-1 .en {

    margin-bottom: 5px;

    font-size: 0;

    overflow: hidden;

    text-transform: uppercase;

    line-height: 1.42857143;

}



.title-1 .en span {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding: 0 15px;

    min-width: 160px;

    font-size: 34px;

    color: #222;

    font-weight: bold;

    letter-spacing: 3px

}



.title-1 .en span:before,

.title-1 .en span:after {

    content: "";

    position: absolute;

    top: 50%;

    z-index: 1;

    width: 600px;

    height: 1px;

    background: #ddd;

}



.title-1 .en span:before {

    right: 100%;

}



.title-1 .en span:after {

    left: 100%;

}



.title-1 .en span b {

    display: block;

    position: absolute;

    top: calc((100% - 7px) / 2);

    z-index: 2;

    width: 7px;

    height: 7px;

    background: #06558c;

    transform: rotate(45deg);

}



.title-1 .en span b:first-child {

    right: 100%;

}



.title-1 .en span b:last-child {

    left: 100%;

}



.title-1 .icon {

    position: relative;

    margin: 0 auto;

    width: 21px;

    height: 13px;

    border-left: solid 2px #06558c;

    border-right: solid 2px #06558c;

}



.title-1 .icon:before {

    content: "";

    position: absolute;

    left: 8px;

    top: 0;

    z-index: 1;

    width: 2px;

    height: 100%;

    background: #06558c;

}



.sy_yy {

    padding: 80px 0;

    background: url(../images/advantage.jpg);

}



.yy_title {

    padding: 34px 0 43px;

}



.yingyong {

    position: relative;

    overflow: hidden;

}



.yingyong .yy_img {

    width: 66%;

    padding-bottom: 525px;

    position: relative;

}



.yy_img img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    object-fit: cover;

}



.yingyong .yy_txt {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.yingyong .yy_txt .container {

    position: relative;

    height: 100%;

}



.yingyong .yy_txt .yy_pp {

    width: 720px;

    position: absolute;

    left: 30px;

    bottom: 30px;

}



.yingyong .yy_txt .yy_pp p {

    font-size: 15px;

    line-height: 30px;

    margin-top: 0px;

    color: #FFF;

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.yingyong .yy_txt .yy_pp p:first-child {

    font-size: 22px;

    height: 30px;

    line-height: 30px;

    margin-top: 0;

    font-weight: bold

}



.yingyong .yy_txt .yy_pp a {

    display: block;

    width: 140px;

    height: 40px;

    line-height: 38px;

    border: 1px solid rgba(255, 255, 255, .3);

    border-right: 1px solid rgba(255, 255, 255, .3);

    padding-left: 22px;

    background: url(../images/yy_biocn.png) no-repeat right 26px center;

    font-size: 15px;

    color: #FFF;

    margin-top: 15px;

}



.yingyong .yy_txt .yy_pp a:hover {

    background: #0c5b9e url(../images/yy_biocn.png) no-repeat right 26px center;

}



.yingyong .yy_btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 33%;

    z-index: 2;

    border-left: 1px solid #ddd;

    border-top: 1px solid #ddd;

}



.yingyong .yy_btn .swiper-pagination {

    width: 100%;

}



.yingyong .yy_btn .swiper-pagination-bullet {

    width: 50%;

    height: auto;

    float: left;

    display: block;

    border-radius: 0;

    opacity: 1;

    background: none;

}



.yingyong .yy_btn .yy_span {

    width: 100%;

    height: 131px;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    background-repeat: no-repeat;

    background-position: center 30px;

    font-size: 16px;

    color: #333;

    line-height: 26px;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    padding-top: 80px;

    text-align: center;

    background-color: #fff;

    text-align: center;

    font-weight: 900

}



.yingyong .yy_btn .yy_span i {

    font-size: 38px;

    color: #222;

    margin-bottom: 10px;

}



.yingyong .yy_btn .yy_span.icon1 {

    background-image: url(../images/yy_icon1.png);

}



.yingyong .yy_btn .yy_span.icon2 {

    background-image: url(../images/yy_icon2.png);

}



.yingyong .yy_btn .yy_span.icon3 {

    background-image: url(../images/yy_icon3.png);

}



.yingyong .yy_btn .yy_span.icon4 {

    background-image: url(../images/yy_icon4.png);

}



.yingyong .yy_btn .yy_span.icon5 {

    background-image: url(../images/yy_icon5.png);

}



.yingyong .yy_btn .yy_span.icon6 {

    background-image: url(../images/yy_icon6.png);

}



.yingyong .yy_btn .yy_span.icon7 {

    background-image: url(../images/yy_icon7.png);

}



.yingyong .yy_btn .yy_span.icon8 {

    background-image: url(../images/yy_icon8.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span {

    background-color: #06558c;

    color: #fff;

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon1 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon1_active.png);

    color: #fff;

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon2 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon2_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon3 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon3_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon4 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon4_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon5 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon5_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon6 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon6_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon7 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon7_active.png);

}



.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon8 {

    background-color: #0c5b9e;

    background-image: url(../images/yy_icon8_active.png);

}



@media only screen and (max-width:1024px) {

    .yingyong {

        width: 96%;

        overflow: hidden;

    }



    .yingyong .yy_btn {

        position: static;

        height: auto;

        width: 100%;

        border-left: 0px solid #cccccc;

        overflow: hidden;

        height: 240px;

    }



    .yingyong .yy_img {

        width: 100%;

        padding-bottom: 425px;

    }



    .yingyong .yy_btn .swiper-pagination-bullet {

        width: 33.3333%;

    }



    .yingyong .yy_btn .yy_span {

        height: 120px;

        background-position: center 15px;

        font-size: 16px;

        line-height: 20px;

        padding-top: 60px;

    }



    .yingyong .yy_txt .yy_pp p:first-child {

        font-size: 20px;

        height: 30px;

        line-height: 30px;

    }



    .yingyong .yy_txt .yy_pp {

        width: 90%;

        left: 5%;

        bottom: 10px;

    }



    .navbar .py-3 img {

        width: 300px

    }



    .col-md-41 {

        width: 49%;

        margin-right: 1%;

        margin-bottom: 10px;

    }



    .col-md-41:nth-child(3) {

        margin-right: 1%;

    }



    .yingyong .yy_txt .container {

        position: relative;

        height: 100%;

        padding-right: 0;

        padding-left: 0;

    }

}



.about-careers-body {

    height: auto;

    padding: 60px 0

}



.footer_bg {

    background: #2b2b2b;

    width: 100%;

    height: auto;

    overflow: hidden

}



.footer {

    margin: 0 auto;

    padding: 30px 0 30px;

    z-index: 999;

    max-width: 1320px;

    height: auto;

    overflow: hidden

}



.footer .zuo3 {}



.footer .zuo3 ul li {

    float: left;

    width: 16%

}



.footer .zuo3 ul li:nth-child(1) {

    width: 20%

}



.footer .zuo3 ul li:nth-child(2) {

    width: 15%

}



.footer .zuo3 ul li:nth-child(3) {

    width: 15%

}



.footer .zuo3 ul li:nth-child(4) {

    width: 15%

}



.footer .zuo3 ul li:last-child {

    padding: 0;

}



.footer .zuo3 ul li .tit1 a {

    font-size: 18px;

    font-weight: bold;

    color: #fff;

    opacity: 1;

    line-height: 36px;

    display: block

}



.footer .zuo3 ul li .line {

    margin-bottom: 20px;

    height: 2px;

    margin-top: 10px

}



.footer .zuo3 ul li .line span {

    width: 15px;

    height: 1px;

    background: #06558c;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

    display: block

}



.footer .zuo3 ul li:hover .line span {

    width: 50px;

    height: 1px;

}



.footer .zuo3 ul li a {

    width: 100%;

    display: block;

    line-height: 33px;

    font-size: 14px;

    color: #fff;

    opacity: 0.9;

    text-transform: capitalize;

}



.footer .zuo3 ul li a:hover {

    opacity: 1;

}



.dzwz {

    line-height: 30px;

    color: #fff;

    font-size: 14px;

    float: left;

}



.dzwz p {

    line-height: 30px;

    color: #fff;

    font-size: 14px;

    margin-bottom: 10px;

}



.dzwz p i {

    color: #fff;

    text-align: center;

    margin-right: 10px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



.footer .zuo3 ul li.yx {

    padding-right: 0;

    float: right;

}



.footer .searchIpt2 {

    width: 300px;

    height: 50px;

    position: relative;

}



.searchIpt2 .search_txt {

    width: 222px;



    padding: 0 0 0 10px;



    line-height: 50px;



    background: #fff;



    color: #666;



    border: 0;



    height: 50px;



    float: left;

    border-radius: 25px;



}



.searchIpt2 .search_btn {

    width: 50px;

    background: #fff;

    border: 0;

    float: right;

    color: #333;

    height: 50px;

    cursor: pointer;

    border-radius: 25px;

    position: relative;

}



.searchIpt2 i {

    font-size: 20px;

    width: 20px;

    height: 20px;

    line-height: 20px;

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -10px;

    text-align: center;

    color: #333;

}



.searchIpt2 .search_btn:hover {

    background: #06558c;

    color: #fff;

}



.searchIpt2 .search_btn:hover i {

    color: #fff;

}



.searchIpt2 .search_btn i:hover {

    color: #fff;

}



.footer_bg .dybox {

    margin-top: 5px;

    color: #fff;

}



.footer_bg .dybox h3 {

    margin-bottom: 15px;

}



.footer_bg .dy {

    margin-top: 10px;

    width: 300px;

    overflow: hidden;

}



.footer_bg .dy input.w_z {

    width: 85%;

    height: 35px;

    border-radius: 0;

    font-size: 14px;

    line-height: 35px;

    color: #fff;

    float: left;

    -webkit-appearance: none;

    background: rgba(255, 255, 255, 0.15);

    padding-left: 15px;

    box-sizing: border-box;

}



.footer_bg .dy button.s_c {

    width: 15%;

    height: 35px;

    font-size: 18px;

    line-height: 35px;

    text-align: center;

    float: left;

    -webkit-appearance: none;

    font-weight: bold;

    background: #2886c6;

}



.footer_bg .dy i {

    font-size: 18px;

    color: #fff;

}



.footer .zuo3 ul li.yx .tb {

    padding-top: 0px

}



.footer .zuo3 ul li.yx .tb a {

    width: 30px;

    margin-right: 10px;

    position: relative;

    float: left;

}



.footer .zuo3 ul li.yx .tb a i {

    font-size: 20px;

}



.footer .zuo3 ul li.yx .tb a .wx {

    width: 120px;

    position: absolute;

    left: 50%;

    margin-left: -60px;

    background: #fff;

    top: -120px;

    display: none;

}



.footer .zuo3 ul li.yx .tb a:hover .wx {

    display: block;

}



.footer .zuo3 ul li.yx .tb a img {

    width: 100%;

}



.footer .weix {

    width: 120px;

    float: right;

    text-align: center;

    line-height: 30px;

}



.footer .weix img {

    width: 100%;

}



.footer_btm {

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #000

}



.copy {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding: 20px 0

}



.copy p {

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0

}



.copy p a {

    color: #ffffff;

    -webkit-transition: 0.9s;

    -moz-transition: 0.9s;

    -o-transition: 0.9s;

    transition: 0.9s;

}







@media only screen and (max-width:1024px) {

    footer .col-md-5 img {

        width: 220px

    }



    .copy {

        width: 100%;

        margin: 0 auto;

        text-align: center;

        padding: 20px 0;

    }

}



li {

    list-style: none;

}



.tit {

    margin-bottom: 60px;

    text-align: center

}



.tit h1 {

    font-size: 30px;

    color: #222;

    font-weight: bold;

    margin-bottom: 15px;

    position: relative;

    letter-spacing: 2px;

}



.tit h1::after {

    content: " ";

    position: absolute;

    left: 50%;

    bottom: -20px;

    width: 50px;

    margin-left: -25px;

    height: 5px;

    background: #004b8c;

    border-radius: 2px;

}



.tit h3 {

    font-size: 22px;

    color: #444;

    margin-bottom: 10px;

    text-transform: uppercase;

    margin-top: 30px;

    line-height: 1.6;

    letter-spacing: 1px;

}



.cjwt {

    width: 100%;

    padding: 60px 0px;

    background: url(../images/bj5.jpg) center / cover no-repeat;

    height: auto;

    overflow: hidden

}



.cjwt .bt {

    font-size: 48px;

    font-weight: bold;

    text-align: center;

    color: #333;

    padding-bottom: 50px;

}



.cjwt .sgh {

    margin: 0px auto;

    height: auto;

    overflow: hidden

}



.cjwt .sgh .zcc {

    width: 41%;

    float: right;

    padding-top: 0px;

    border-radius: 20px;

    overflow: hidden;

}



.cjwt .sgh .zcc img {

    width: 100%;

}



.cjwt .sgh .zcc h1 {

    font-size: 30px;

    color: #333333;

}



.cjwt .sgh .zcc p {

    font-size: 16px;

    padding: 15px 0px;

    line-height: 26px;

}



.cjwt .sgh .ycc {

    width: 57%;

    float: left;

    margin-right: 2%

}



.founder-list {

    width: 100%;

}



.founder-list.nopadding,

.founder-list.nopadding ul {

    padding-top: 0;

    margin: 0

}



.founder-list ul {

    padding-top: 0px;

    margin: 0

}



.founder-list li {
    

    -webkit-transition: .3s;

    -o-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    box-shadow: 5px 2px 10px 1px rgba(0, 0, 0, .1);

    background: #fff;

    border-radius: 50px;

    margin-bottom: 20px;

    padding: 5px 30px;

    background: #221714;

}



.founder-list h4 {
cursor: pointer;
    -webkit-transition: .3s;

    -o-transition: .3s;

    -moz-transition: .3s;

    transition: .3s;

    padding: 15px 50px 15px 15px;

    background: url(../images/icon10.png) 97% center no-repeat;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

}



.founder-list h4 span {

    margin-right: 50px;

}



.founder-list .info {

    padding: 20px 0px;

    display: none;

    font-size: 16px;

    line-height: 30px;

    text-align: left;

    color: #444

}



.founder-list .info .font18 {

    padding: 5px 0;

}



.founder-list .on {

    -webkit-border-radius: 5px;

    border-radius: 5px;

    overflow: hidden;

    border-bottom: transparent;

    padding-top: 15px;

    background: #fff;

}



.founder-list .on h4 {

    border-bottom: 1px solid #ddd;

    color: #221714;

    font-size: 20px;

    font-weight: bold;

    background-image: url(../images/icon11.png);

    padding: 10px 0px;

}



.founder-article {

    padding-top: 10px;

}



.founder-article .article {

    padding-top: 20px;

    line-height: 26px;

}



.font22 {

    font-size: 20px;

}





.indP3 {

    padding: 60px 0px;

    height: auto;

    overflow: hidden;

}



.ind3Ul {

    height: auto;

}



.ind3Ul {

    box-shadow: 5px 2px 10px 1px rgba(0, 0, 0, .1);

    border-radius: 20px;

    overflow: hidden

}



.ind3Ul .col_1 .tuB {

    width: calc(50% - 20px);

    overflow: visible;

}



.ind3Ul .col_1 .tuB .kkk {

    width: 100%;

}



.ind3Ul .col_1 .textB {

    width: calc(50% - 20px);

    padding-right: 20px

}



.ind3Ul .col_1:nth-child(odd) .kuang {

    flex-direction: row-reverse;

}



.ind3Ul .col_1:nth-child(even) .tuB .kkk {

    margin-left: -360px;

}



.ind3Ul .col_1 .imgB {

    overflow: hidden;

}



.ind3Ul .col_1:nth-child(even) .imgB {

    border-radius: 0 15px 15px 0;

}



.ind3Ul .col_2 .imgB {

    padding-top: 61.38%;

    border-radius: 15px;

    overflow: hidden;

}



.ind3Ul .titB {

    border: 2px solid rgb(47, 47, 77);

    font-size: 30px;

    color: #333333;

    min-width: 88%;

    border-radius: 84px;

    padding: 13px 16px 13px 2.93em;

    background: url(../img/dui.png) 0.67em center no-repeat;

    background-size: 2em 1.6em;

    width: max-content;

    max-width: 100%;

    vertical-align: middle;

}



.ind3Ul .col_1 .titB {

    margin-left: -10px;

}



.ind3Ul .col_2 .titB {

    margin-top: 20px;

}



.ind3Ul .titB b {

    font-size: 1.2em;

    color: rgb(47, 47, 77);

    font-weight: bold;

    font-style: italic;

    margin-right: 12px;

}



.ind3Ul .descB {

    font-size: 18px;

    color: rgb(51, 51, 51);

    line-height: 1.444;

    margin-top: 22px;

    line-height: 36px;

    padding: 20px

}



.ind3Ul .descB ol {

    counter-reset: myitem;

    padding: 0;

}



.ind3Ul .descB p+ol {

    margin-top: 24px;

}



.ind3Ul .descB ol li {

    /* padding-left: 30px; */

    position: relative;

    counter-increment: myitem;

    font-size: 18px;

    line-height: 36px;
    border-bottom: 1px solid #999;
    padding: 10px 0;
}



.ind3Ul .descB ol li:first-child {

    margin-top: 0;

}

.ind3Ul .descB ol li i{

    margin-right: 10px;
    font-size: 1.4rem;

}

/* .ind3Ul .descB ol li::before {

    content: "" counter(myitem);

    border: 1px solid rgb(51, 51, 51);

    display: block;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 12px;

    position: absolute;

    left: 0;

    top: 12px;

} */



.flexb2 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.pore {

    position: relative;

}



.flexbet {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.joinDiv .bdDiv {

    margin: 60px 0;

}



.joinDiv .bdDiv .hd {

    background: #004b8c;

    color: #fff;

    border-radius: 20px;

    padding: 20px 5.5%;

    width: 100%;

    box-sizing: border-box;

}



.joinDiv .bdDiv ul {

    width: calc(100% + 40px);

    margin-left: -40px

}



.joinDiv .bdDiv .hd .item:nth-child(1) {

    color: #fff;

    font-size: 16px;

}



.joinDiv .bdDiv .item {

    width: 15%;

    text-align: center;

}



.joinDiv .bdDiv .item:nth-child(1) {

    width: 30%;

    text-align: left;

    color: #333;

    font-size: 18px;

}



.joinDiv .bdDiv ul li {

    border-top: 1px solid #e5e5e5;

    cursor: pointer;

    color: #666;

}



.joinDiv .bdDiv ul li:nth-child(1) {

    border-top: 0;

}



.joinDiv .bdDiv ul li .lh {

    padding: 25px 5.5%;

    box-sizing: border-box

}



.joinDiv .bdDiv ul li .lb {

    padding: 25px 5.5% 0;

    display: none;

}



.joinDiv .bdDiv ul li .lb .p {

    margin-bottom: 40px;

    line-height: 1.8;

}



.joinDiv .bdDiv ul li .lb .p a.tjlBtn {

    border: 1px solid #004b8c;

    color: #004b8c;

    border-radius: 23px;

    height: 46px;

    width: 160px;

    font-size: 16px;

    display: block;

    text-align: center;

    line-height: 46px

}



.joinDiv .bdDiv ul li .lb .p a.tjlBtn em:after {}



.joinDiv .bdDiv ul li .lb .p a.tjlBtn:hover {

    color: #fff;

}



.joinDiv .bdDiv ul li .lb .p a.imoreBtn::before {

    background: #004b8c;

}



.joinDiv .bdDiv ul li.on {

    border: 1px solid #e5e5e5;

    box-shadow: 0px 0px 29px rgba(216, 218, 237, .5);

    border-radius: 20px;

    overflow: hidden;

}



.joinDiv .bdDiv ul li.on .lh {

    background: #f5f6f8;

}



.joinDiv .bdDiv ul li.on+li {

    border: 0;

}



a.imoreBtn {

    position: relative;

    overflow: hidden;

}



a.imoreBtn::before {

    left: 0px;

    bottom: -200%;

    position: absolute;

    content: "";

    width: 200%;

    height: 200%;

    transition: 0.5s 0.1s;

    background: #fff;

}



a.imoreBtn em {

    position: relative;

    z-index: 1;

    display: block;

    font-style: normal

}



/* a.imoreBtn em:before {

     display: inline-block;

     width: 0;

     height: 14px;

     content: "";

     background: url(../img/more.png) no-repeat right center/100%;

     position: relative;

     z-index: 1;

     transition: all 0.5s;

     margin-right: 0.78vw;

	 top: 1px;

 } */



a.imoreBtn:hover {

    border-color: #fff;

    color: #ee763a;

}



a.imoreBtn:hover::before {

    bottom: 0;

    width: 120%;

    height: 120%;

}



/* a.imoreBtn:hover em:before{width: 0.42vw; } */

a.imoreBtn:hover em:after {

    background: url(../img/more1.png) no-repeat right center/100%;

}



/* a.imoreBtn img{margin-left: 16px;transition: all .5s; }

 a.imoreBtn:hover img{transform: translateX(10px); } */





@media only screen and (max-width:1024px) {

    .ind3Ul .col_1 .tuB {

        width: 100%;

        overflow: visible;

    }



    .ind3Ul .col_1 .textB {

        width: 100%;

        padding-right: 0;

        padding: 15px

    }



    .ind3Ul>li .kuang {

        display: block

    }



    .services-header-bg {

        background-image: url('../images/services-header-bg.jpg');

        background-size: cover;

        background-position: center;

        background-color: #335976;

        color: white;

        padding: 70px 50px;

    }



    .tit {

        margin-bottom: 30px;

        text-align: center

    }



    .tit h1 {

        font-size: 20px;

        color: #222;

        font-weight: bold;

        margin-bottom: 15px;

        position: relative;

        letter-spacing: 2px;

    }



    .tit h1::after {

        content: " ";

        position: absolute;

        left: 50%;

        bottom: -10px;

        width: 30px;

        margin-left: -15px;

        height: 5px;

        background: #004b8c;

        border-radius: 2px;

    }



    .tit h3 {

        font-size: 22px;

        color: #444;

        margin-bottom: 10px;

        text-transform: uppercase;

        margin-top: 30px;

        line-height: 1.6;

        letter-spacing: 1px;

    }



    .breadcrumb-polygon-gay-bg {

        background-color: #E9E9E9;

        display: block;

        margin: 0 !important;

        padding: 0.5px 2rem;

    }



    .clients-body {

        height: auto;

        overflow: hidden;

        padding: 30px 0 0

    }



    .index-service {

        background: #E9E9E9 url('../images/index-service-bg.jpg') repeat top center;

        padding: 30px 0 40px;

    }



    .col-md-42 {

        width: 49%;

        margin-right: 1%;

        margin-bottom: 5px;

        background: #fafafa;

        border-radius: 10px;

    }





    .indP3 {

        padding: 30px 0px;

        height: auto;

        overflow: hidden;

    }



    .ind3Ul {

        height: auto;

    }



    .ind3Ul {

        box-shadow: 5px 2px 10px 1px rgba(0, 0, 0, .1);

        border-radius: 20px;

        overflow: hidden

    }



    .ind3Ul .col_1 .tuB {

        width: 100%;

        overflow: visible;

    }



    .ind3Ul .col_1 .tuB .kkk {

        width: 100%;

    }



    .ind3Ul .col_1 .textB {

        width: 100%;

        padding-right: 20px

    }



    .ind3Ul .col_1:nth-child(odd) .kuang {

        flex-direction: row-reverse;

    }



    .ind3Ul .col_1:nth-child(even) .tuB .kkk {

        margin-left: -360px;

    }



    .ind3Ul .col_1 .imgB {

        overflow: hidden;

    }



    .ind3Ul .col_1:nth-child(even) .imgB {

        border-radius: 0 15px 15px 0;

    }



    .ind3Ul .col_2 .imgB {

        padding-top: 61.38%;

        border-radius: 15px;

        overflow: hidden;

    }



    .ind3Ul .titB {

        border: 2px solid rgb(47, 47, 77);

        font-size: 30px;

        color: #333333;

        min-width: 88%;

        border-radius: 84px;

        padding: 13px 16px 13px 2.93em;

        background: url(../img/dui.png) 0.67em center no-repeat;

        background-size: 2em 1.6em;

        width: max-content;

        max-width: 100%;

        vertical-align: middle;

    }



    .ind3Ul .col_1 .titB {

        margin-left: -10px;

    }



    .ind3Ul .col_2 .titB {

        margin-top: 20px;

    }



    .ind3Ul .titB b {

        font-size: 1.2em;

        color: rgb(47, 47, 77);

        font-weight: bold;

        font-style: italic;

        margin-right: 12px;

    }



    .ind3Ul .descB {

        font-size: 18px;

        color: rgb(51, 51, 51);

        line-height: 1.444;

        margin-top: 0;

        line-height: 36px;

        padding: 20px

    }



    .ind3Ul .descB ol {

        counter-reset: myitem;

        padding: 0;

    }



    .ind3Ul .descB p+ol {

        margin-top: 24px;

    }



    /* .ind3Ul .descB ol li {

        padding-left: 30px;

        position: relative;

        counter-increment: myitem;

        font-size: 16px;

        line-height: 36px

    } */



    .ind3Ul .descB ol li:first-child {

        margin-top: 0;

    }



    /* .ind3Ul .descB ol li::before {

        content: "" counter(myitem);

        border: 1px solid rgb(51, 51, 51);

        display: block;

        width: 16px;

        height: 16px;

        border-radius: 50%;

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 12px;

        position: absolute;

        left: 0;

        top: 12px;

    } */



    .ind3Ul .kuang {

        display: block;

    }



    .ind3Ul {

        width: 90%;

        margin: 0 auto

    }



    .cjwt .sgh .zcc {

        width: 96%;

        float: none;

        padding-top: 0px;

        border-radius: 20px;

        overflow: hidden;

        margin: 0 auto

    }



    .cjwt .sgh .ycc {

        width: 100%;

        float: none;

        margin-right: 0;

        margin: 20px auto 0;

        margin-left: -20px

    }

}



.page {

    padding: 25px 0;

    text-align: center;

}



.page a {

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    border-radius: 50%;

    color: #333;

    font-size: 16px;

    margin: 0 5px;

    background: #eee;

}



.page a:hover {

    background: #004b8c;

    color: #fff;

}



.page a.on {

    background: #004b8c;

    color: #fff;

}