@charset "UTF-8";


.nei_banner {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.nei_banner img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.nei_banner .nei_txt {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.nei_banner .nei_txt h1 {
    font-size: max(38px, 3.5vw);
    color: #ffffff;
    line-height: 100%;
}

.nei_banner p {
    font-size: max(14px, 0.938vw);
    line-height: 167%;
    margin-top: 2%;
}


/* 关于我们 */
.ab_one {
    padding: 6% 0 8%;
    color: #000;
}

h2.ab_tit {
    font-size: max(32px, 2.708vw);
}

.ab_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3%;
}

.ab_one .left {
    width: 59%;
    line-height: 0;
}

.ab_one .left p {
    font-size: max(14px, 0.833vw);
    color: #666;
    line-height: 187%;
    margin-bottom: 5%;
}

.ab_one .left img {
    width: 100%;
    object-fit: contain;
}

.ab_one ul {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

.ab_one ul div {
    font-size: max(54px, 4.271vw);
    color: var(--li);
    border-bottom: 1px solid #d5d7db;
    padding-bottom: 3%;
    margin-bottom: 5%;
}

.ab_one ul div i {
    font-size: 42px;
    vertical-align: top;
}

.ab_one ul p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
    white-space: nowrap;
}

.ab_two {
    background: #2e3949;
    color: #fff;
    padding: 4% 0 5%;
    overflow: hidden;
}

.ab_two .center {
    position: relative;
    padding-left: 5%;
}

.ab_two_tc {
    position: absolute;
    height: 80%;
    top: 10%;
    left: 0;
    max-width: max(330px, 17.188vw);
    z-index: 3;
}

.ab_two_tc p {
    opacity: .5;
    line-height: 187%;
    font-size: max(14px, 0.833vw);
    margin: 2.5vw 0;
}

.swiper_buttom {
    font-size: max(14px, 0.833vw);
    letter-spacing: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.swiper_buttom .tc_bottom>div {
    position: relative;
    margin: 0;
    transform: none;
    transition: all .5s ease;
}

.swiper_buttom .tc_bottom>div::after {
    color: #2e3949;
}

.swiper_buttom .tc_bottom>div:hover {
    background: var(--li);
}


.swiper_buttom .tc_bottom {
    position: relative;
    display: flex;
    gap: 0.5vw;
    margin-top: 1.5vw;
}

.circle_box {
    max-width: max(650px, 40.417vw);
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.cir_01 img {
    width: 100%;
    height: auto !important;
    /* -webkit-animation: animateC 6s linear infinite;
    animation: animateC 6s linear infinite; */
}

.ab_two_right {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 1vw;
    right: 0;
    bottom: 0;
}

.ab_two_right span {
    font-size: max(54px, 3.75vw);
}

.ab_two_right p {
    opacity: .5;
    font-size: max(14px, 0.833vw);
    line-height: 150%;
}

.cir_02 {
    max-width: 554px;
}

.hist_word {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 50%);
    height: 55%;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.history_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    text-align: center;
}

.history_box .swiper {
    height: 100%;
}

.history_box .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_box .swiper .swiper-slide img {
    max-width: max(480px, 28.854vw);
    width: 100%;
}

.hist_word h3 {
    font-size: max(80px, 8.333vw);
    font-weight: 100;
    line-height: 100%;
}

.hist_word .hist_sum {
    width: 80%;
    margin: 0 auto;
    font-size: max(14px, 0.833vw);
    line-height: 150%;
}

.cir_01 {
    position: relative;
}

.cir_01 .cir_txt {
    position: absolute;
    left: 80%;
    top: 10%;
    display: flex;
    align-items: center;
    gap: max(10px, 0.521vw);
    z-index: 2;
    width: max(250px, 13.021vw);
}

.cir_01 .cir_txt span {
    width: max(56px, 2.917vw);
    height: max(56px, 2.917vw);
    border-radius: 50%;
    background: #d2d9e3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--li1);
    font-size: max(14px, 0.833vw);
    letter-spacing: 1px;
}

.cir_01 .cir_txt p {
    font-size: max(16px, 0.938vw);
    font-weight: 700;
    width: calc(100% - max(56px, 2.917vw));
}

.ab_three {
    padding: 7% 0 8%;
    color: #000;
}

.ab_three_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13%;
    flex-wrap: wrap;
}

.ab_three_top p {
    font-size: max(14px, 0.833vw);
    color: #666;
    line-height: 187%;
    width: 40%;
}

.ab_three_bottom {
    display: flex;
    flex-wrap: wrap;
}

.ab_three_bottom li {
    width: 25%;
    position: relative;
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    counter-increment: item;
}

.ab_three_bottom li .lineb {
    position: absolute;
    width: 107%;
    height: 107%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid #eee;
    z-index: -1;
    transition: all .5s ease;
}

.ab_three_bottom li .lineb:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid #eee;
    background-image: linear-gradient(135deg, var(--li), var(--li1));
    transition: all .5s ease;
    opacity: 0;
}

.ab_three_bottom li .lineb:after {
    content: counter(item);
    position: absolute;
    left: 15%;
    top: 10%;
    width: max(38px, 1.979vw);
    height: max(38px, 1.979vw);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 50%;
    transform: translateX(-50%);
    color: #2e3949;
    font-size: max(14px, 0.833vw);
    font-weight: 300;
}

.ab_three_bottom li:hover .lineb:before {
    opacity: 1;
    border-color: transparent;
}

.ab_three_bottom li:hover .lineb:after {
    background: var(--li);
    color: #fff;
    border-color: var(--li);
}

.ab_three_bottom li:hover {
    z-index: 1;
}

.ab_three_bottom li h3 {
    color: var(--li1);
    text-transform: uppercase;
    font-size: max(24px, 1.667vw);
    min-height: max(72px, 3.75vw);
    display: flex;
    align-items: flex-end;
    transition: all 1s ease;
}

.ab_three_bottom li p {
    font-size: max(14px, 0.729vw);
    color: #666;
    line-height: 170%;
    width: 85%;
    margin-top: 4%;
    min-height: 150px;
    transition: all 1s ease;
}

.ab_three_bottom li b {
    color: #000;
    transition: all 1s ease;
}

.ab_three_bottom li:hover * {
    color: #fff !important;
}

.ab_three_bottom li:hover p {
    opacity: .5;
}

.ab_four {
    background-color: #f1f2f3;
    background-image: url(/src/image/horbg.jpg);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center right;
    background-attachment: fixed;
    padding: 5% 0;
}

.ab_four .left {
    color: #000;
    width: 35%;
}

.ab_four .left p {
    color: #666666;
    line-height: 187%;
    font-size: max(14px, 0.833vw);
    margin-top: 10%;
}


.ab_four .right {
    height: max(750px, 39.063vw);
    width: max(400px, 20.833vw);
    background: rgb(0 0 0 / 50%);
    border-radius: 20px;
    padding: 30px 30px 120px;
    position: relative;
}

.honor_swiper {
    height: 100% !important;
}

.honor_word {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    color: #fff;
}

.honor_word p {
    font-size: max(14px, 0.833vw);
    line-height: 187%;
}

.honor_word h3 {
    font-size: max(18px, 1.25vw);
}

.hor_cil {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 3%;
    top: auto !important;
    gap: max(10px, 0.521vw);
}


.hor_cil .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    width: max(9px, 0.469vw);
    height: max(9px, 0.469vw);
}

.hor_cil .swiper-pagination-bullet-active {
    background: #fff;
}


/* 产品 */
.h_three {
    padding: 8% 0 5%;
    position: relative;
    overflow: hidden;
    color: #000;
    background: #f1f2f3;
}

.busi_tit {
    font-size: max(36px, 2.708vw);
    line-height: 100%;
}

.busi_sum {
    font-size: max(14px, 0.833vw);
    opacity: .6;
    line-height: 187%;
    margin-top: 10px;
}

.h_three_center {
    position: relative;
}

.h_three_center img {
    width: 100%;
    object-fit: contain;
}

.busi_tab {
    padding: 2% 0;
}

.busi_list {
    display: none;
    position: relative;
}

ul.Hot_tc li p.mo {
    position: absolute;
    z-index: 2;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    bottom: 10%;
    width: 90%;
    left: 5%;
    text-align: center;
    line-height: 134%;
}

.busi_tab>.busi_list.active {
    display: block;
}

ul.Hot_spot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.Hot_spot li {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 6px;
    font-size: max(14px, 0.833vw);
    color: #666666;
    cursor: pointer;
    z-index: 1;
}

ul.Hot_spot li.active {
    z-index: 2;
}

ul.Hot_spot li span {
    width: max(15px, 1.042vw);
    height: max(15px, 1.042vw);
    background: var(--li);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all .5s ease;
    position: relative;
}

ul.Hot_spot li span:before {
    content: '';
    width: 40%;
    height: 40%;
    background: #fff;
    border-radius: 50%;
    opacity: .5;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
}

ul.Hot_spot li p {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all .5s ease;
    padding-left: 0;
}

ul.Hot_spot li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    border-radius: 50px;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s ease;
    box-shadow: 0 0 10px #999;
}

ul.Hot_spot li.active span {
    background: var(--li1);
    font-size: 0;
}

ul.Hot_spot li.active span:before {
    transform: translate(-50%, -50%) scale(1);
}

ul.Hot_spot li.active:before {
    width: 100%;
}

ul.Hot_spot li.active p {
    max-width: 100%;
    padding: 0 10px;
}

ul.top_1 li:nth-of-type(1) {
    left: 17%;
    top: 55%;
}

ul.top_1 li:nth-of-type(2) {
    left: 23%;
    top: 37%;
}

ul.top_1 li:nth-of-type(3) {
    left: 34%;
    top: 31%;
}

ul.top_1 li:nth-of-type(4) {
    left: 37%;
    top: 22%;
}

ul.top_1 li:nth-of-type(5) {
    left: 38%;
    top: 39%;
}

ul.top_1 li:nth-of-type(6) {
    left: 41%;
    top: 35%;
}

ul.top_1 li:nth-of-type(7) {
    left: 44%;
    top: 40%;
}

ul.top_1 li:nth-of-type(8) {
    left: 50%;
    top: 36%;
}

ul.top_1 li:nth-of-type(9) {
    left: 56%;
    top: 36%;
}

ul.top_1 li:nth-of-type(10) {
    left: 63%;
    top: 39%;
}

ul.top_1 li:nth-of-type(11) {
    left: 66%;
    top: 39%;
}



ul.bottom_2 li:nth-of-type(1) {
    left: 71%;
    top: 60%;
}

ul.bottom_2 li:nth-of-type(2) {
    left: 59%;
    top: 45%;
}

ul.bottom_2 li:nth-of-type(3) {
    left: 65%;
    top: 48%;
}

ul.bottom_2 li:nth-of-type(4) {
    left: 59%;
    top: 63%;
}

ul.bottom_2 li:nth-of-type(5) {
    left: 57%;
    top: 56%;
}

ul.bottom_2 li:nth-of-type(6) {
    left: 55%;
    top: 45%;
}

ul.bottom_2 li:nth-of-type(7) {
    left: 48%;
    top: 49%;
}

ul.bottom_2 li:nth-of-type(8) {
    left: 52%;
    top: 42%;
}

ul.bottom_2 li:nth-of-type(9) {
    left: 41%;
    top: 46%;
}

ul.bottom_2 li:nth-of-type(10) {
    left: 37%;
    top: 39%;
}

ul.bottom_2 li:nth-of-type(11) {
    left: 42%;
    top: 36%;
}

ul.bottom_2 li:nth-of-type(12) {
    left: 28%;
    top: 16%;
}

ul.bottom_2 li:nth-of-type(13) {
    left: 21%;
    top: 50%;
}

ul.bottom_2 li:nth-of-type(14) {
    left: 21%;
    top: 10%;
}



ul.Hot_tc li {
    position: fixed;
    width: 25%;
    height: 100vh;
    bottom: 0;
    right: 0;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 10%);
    background: #ededed;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
    transition: all .5s ease;
    padding: 3% 0;
    z-index: 100;
    opacity: 0;
}

.h_three_center.active ul.Hot_tc li {
    opacity: 0;
    visibility: hidden;
}

ul.Hot_tc li.active {
    transform: translateX(0);
    opacity: 1;
}

ul.Hot_tc li .Limg_con {
    width: 100%;
    height: 85%;
}

.Hot_tc .colse {
    width: max(50px, 2.604vw);
    height: max(50px, 2.604vw);
    border-radius: 50%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 0 10px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    fill: #333;
    transition: all .5s ease;
}

.Hot_tc .colse svg {
    width: 40%;
    height: auto;
}

.Hot_tc .colse:hover {
    fill: #fff;
    background: var(--li);
    transform: translateX(-50%) rotate(90deg);
}

.h_three_bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.h_three_bottom .h_three_left {
    width: 57%;
}

.h_three_bottom .h_three_right {
    width: 30%;
    color: #2e3949;
    font-size: max(14px, 0.833vw);
    line-height: 187%;
}

.h_three_left ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw 0;
    justify-content: space-between;
}

.h_three_left ul li {
    width: 45%;
}

.h_three_left ul li .counter {
    font-size: max(42px, 2.708vw);
    color: #2e3949;
}

.h_three_left ul li p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
}

.busi_handover {
    display: flex;
    background: #fff;
    border-radius: max(50px, 2.604vw);
    max-width: max(340px, 17.708vw);
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
}


.busi_handover span {
    line-height: 180%;
    color: #999;
    transition: all .5s ease;
    cursor: pointer;
    width: 50%;
    text-align: center;
    font-size: max(14px, 0.833vw);
    line-height: 330%;
}

.busi_handover:after {
    content: '';
    width: 50%;
    position: absolute;
    height: 100%;
    background: var(--li);
    border-radius: max(50px, 2.604vw);
    z-index: -1;
    transition: all .5s ease;
    top: 0;
}

.busi_handover.active1:after {
    left: 0;
}

.busi_handover.active1>span:first-child {
    color: #fff;
}

.busi_handover.active2>span:last-child {
    color: #fff;
}

.busi_handover.active2:after {
    left: 50%;
}

.busi_two {
    position: relative;
}

.busi_two_li {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 0;
    height: 120vh;
    overflow: hidden;
}

.busi_two_li img {
    position: absolute;
    width: 120%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    margin-left: -10%;
}

.busi_two_li .center {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.busi_two_li .bus_smial {
    width: 50%;
}

.bus_smial .busi_rela h3 {
    font-size: max(14px, 0.833vw);
    margin: 10% 0 3%;
}

.bus_smial .busi_rela ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
}

.bus_smial .busi_rela li {
    min-width: calc((100% - 2vw) / 3);
}

.bus_smial .busi_rela a {
    display: block;
    background: rgb(0 0 0 / 20%);
    color: #fff;
    font-size: max(14px, 0.833vw);
    padding: 0 10px;
    line-height: 200%;
    border-radius: 50px;
    padding: 0 max(20px, 1vw);
    transition: all .5s ease;
    text-transform: capitalize;
}

.bus_smial .busi_rela a:hover {
    background: var(--li1);
    color: #fff;
}

.busi_two_li:last-child {
    height: 100vh;
}

.busi_two_li:last-child img {
    height: 120%;
}

.busi_two_li:last-child .center {
    top: 50%;
}


section.busi_pro {
    background: #f1f3f5;
    color: #000;
    padding: 8% 0;
}

.busi_pro ul.product_box {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    margin-top: 4%;
}

.busi_pro ul.product_box li {
    width: calc((100% - 6vw) / 3);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all .5s ease;
}

.busi_pro ul.product_box li p {
    position: absolute;
    width: 100%;
    background: var(--li);
    color: #fff;
    text-align: center;
    font-size: max(14px, 0.833vw);
    line-height: 187%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: max(50px, 20%);
    transition: all .5s ease;
    transform: translateY(100%);
}

.busi_pro ul.product_box li:hover p {
    transform: translateY(0);
}

.busi_pro ul.product_box li .Limg_con {
    padding-bottom: 100%;
}

.busi_pro ul.product_box li img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
}

.busi_pro ul.product_box li:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.busi_pro ul.product_box li:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}


/* 产品详情 */
.prodetails .yx_Header {
    background: #fff;
}

.prodetails .yx_Header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(45deg, var(--li1), var(--li));
    top: 100%;
    left: 0;
}

section.prodeta_bigbix {
    padding: max(150px,7.813vw) 0 5%;
}

section.prodeta_bigbix .Bread {
    margin-bottom: 5%;
}

section.prodeta_bigbix .Bread * {
    color: #999999;
    font-size: max(14px, 0.833vw);
    line-height: 185%;
}

section.prodeta_bigbix .Bread *:last-child {
    color: #000;
}

section.prodeta_bigbix .Bread i {
    color: var(--li);
}

.prodeta_bigbix .left {
    width: 42%;
}

.prodeta_bigbix .right {
    width: 50%;
    margin-left: auto;
}

.prodeta_bigbix .left .Limg_con {
    padding-bottom: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.prodeta_bigbix .left .Limg_con img {
    max-width: 90%;
    max-height: 90%;
    height: auto;
    width: auto;
    object-fit: contain;
}


.prodeta_bigbix h1.prod_tit {
    font-size: max(36px, 2.5vw);
    color: #000;
    margin-bottom: 10%;
}

.prod_info_left {
    display: block;
    font-size: max(14px, 0.938vw);
    color: #000;
    font-weight: 700;
    margin-top: 5%;
}

span.prod_info_right {
    font-size: max(14px, 0.938vw);
    color: #666;
    line-height: 167%;
}

.prodeta_bigbix .bottom {
    width: 100%;
    margin-top: 6%;
}

.prode_name {
    color: #000;
    font-size: max(18px, 1.25vw);
    font-weight: 700;
}

.product_detailsbox h2 {
    font-size: max(16px, 0.938vw);
    color: #000;
    background: #f1f3f5;
    padding: 2%;
    margin-top: 2%;
}

.product_detailsbox td {
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    font-size: max(16px, 0.938vw);
    line-height: 200%;
    padding: 1% 2%;
}



/* 解决方案 */
/* 01 */
.zero_one {
    padding: 6% 0 4%;
}

.zero_one h2 {
    font-size: max(32px, 2.188vw);
    color: var(--li);
    line-height: 123%;
    margin-bottom: 4%;
}

.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zero_one .left {
    width: 50%;
    font-size: max(14px, 0.833vw);
    color: #666666;
    line-height: 187%;
}

.zero_one .right {
    width: 37%;
    text-align: right;
}

.zero_one .right img {
    width: 100%;
    object-fit: contain;
}

.zero_two {
    background: #232e3d;
    padding: 6% 0 5%;
    color: #fff;
}

.zero_two .zero_two_left {
    font-size: max(32px, 2.188vw);
    width: 35%;
}

.zero_two_right {
    font-size: max(16px, 0.938vw);
}

.zero_two_right span {
    color: var(--li);
    font-size: max(63px, 4.271vw);
}

.zero_two ul {
    margin-top: 4%;
    border-top: 1px solid rgb(255 255 255 / 10%);
    overflow: hidden;
    height: max(700px, 44.271vw);
}

.zero_two ul li {
    position: relative;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    overflow: hidden;
    padding: 3% 0;
    z-index: 1;
    height: 17%;
    transition: all .5s linear;
}

.zero_two ul li .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.zero_two ul li img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    transition: all .5s ease;
    opacity: 0;
    z-index: -1;
}

.zero_two_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zero_two_box h3 {
    font-size: max(24px, 1.563vw);
    font-weight: 400;
    transition: all .5s ease;
}

.zero_two_box span {
    width: max(24px, 1.667vw);
    height: max(24px, 1.667vw);
    display: block;
    position: relative;
    transition: all .5s;
}

.zero_two_box span:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: var(--li1);
    margin-left: -1px;
    left: 50%;
    top: 0;
}

.zero_two_box span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--li1);
    margin-top: -1px;
    left: 0%;
    top: 50%;
}


.zero_two_txt {
    font-size: max(16px, 0.938vw);
    line-height: 167%;
    font-weight: 700;
    max-height: 0;
    overflow: hidden;
    transition: all .5s;
}

.zero_two_txt p:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
    vertical-align: middle;
    margin-right: max(10px, .5vw);
}

.zero_two ul li.active h3 {
    color: var(--li);
}

.zero_two ul li.active span {
    transform: rotate(360deg);
}

.zero_two ul li.active span:before {
    opacity: 0;
}

.zero_two ul li.active span:after {
    background: #fff;
}

.zero_two ul li.active {
    height: 32%;
    border-color: transparent;
}

.zero_two ul li.active img {
    opacity: 1;
}

.zero_two ul li.active .zero_two_txt {
    max-height: 300px;
    margin-top: 2%;
}

.zer_three ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
    position: relative;
}

.zer_three ul li {
    width: calc((100% - 6vw) / 2);
    background: #fff;
    counter-increment: items;
    padding: 4%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    text-align: center;
}

.zer_three_box h3 {
    font-size: max(24px, 1.563vw);
    color: #000;
    margin-bottom: max(20px, 2vw);
    text-align: left;
    text-transform: uppercase;

}

.zer_three_box h3:before {
    content: counter(items, decimal-leading-zero) '.';
    margin-right: 1%;
}

.zer_three_box .zer_three_word {
    font-size: max(14px, 0.833vw);
    color: #666666;
    line-height: 187%;
    text-align: left;
}

.zer_three_box img {
    max-width: 100%;
    margin: 5% auto 0;
    display: block;
}

.zer_three ul li:nth-of-type(6) {
    align-self: baseline;
}

.zer_three ul li:last-child {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* 04 */

.heat01 {
    padding: 5% 0 7%;
}

.heat01 p {
    font-size: max(14px, 0.833vw);
    line-height: 185%;
    display: flex;
    margin-bottom: 2%;
}

.heat01_round {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8%;
}

.heat01_round .round_1 {
    width: max(260px, 16.406vw);
    height: max(260px, 16.406vw);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: max(22px, 1.563vw);
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 4%;
    line-height: 100%;
}

.heat01_round .round_1:before {
    content: '';
    position: absolute;
    width: 107%;
    height: 107%;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
}

.heat01_round .round_1:after {
    content: '';
    position: absolute;
    width: 107%;
    height: 107%;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: linear-gradient(45deg, var(--li1), var(--li));
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all .5s;
    opacity: 0;
}

.heat01_round .round_1 span {
    color: var(--li1);
    display: block;
    width: 50%;
}


.heat01_round .round_1 span.counter {
    font-size: max(42px, 2.708vw);
    line-height: 100%;
}

.heat01_round .round_1:last-child {
    font-size: max(18px, 1.25vw);
    line-height: 100%;
}

.heat01_round .round_1:hover:after {
    opacity: 1;
}

.heat01_round .round_1:hover,
.heat01_round .round_1:hover * {
    color: #fff !important;
    z-index: 1;
}

.heat02 {
    width: 100%;
    background: url(/src/image/heating2.jpg) center / cover no-repeat;
    padding: 9% 0;
    color: #fff;
}

.heat02 h2 {
    color: #fff;
    font-size: max(28px, 2.5vw);
    text-align: center;
}

.heat02 ul {
    display: flex;
    gap: 4vw 5vw;
    flex-wrap: wrap;
    margin-top: 9%;
}

.heat02 ul li {
    width: calc((100% - 10vw) / 3);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    font-size: max(16px, 0.938vw);
    line-height: 135%;
    padding: .5vw 0;
}

.heat02 ul li:last-child {
    width: calc(calc((100% - 10vw) / 3) *2 + 5vw);
}

.heat02 ul li .heat02_bt {
    color: var(--li);
}

.heat02 ul li .bt50 {
    font-size: max(34px, 2.292vw);
    line-height: 100%;
}

.heat02 ul li .bt70 {
    font-size: max(54px, 3.646vw);
    line-height: 100%;
}

.heat02 ul li .heat02_bt i {
    font-size: max(16px, 0.938vw);
    color: #fff;
}

.heat03 {
    background: #f1f3f5;
    padding: 7% 0;
}

.heat03 h2 {
    text-align: center;
    font-size: max(32px, 2.188vw);
    color: var(--li);
    margin-bottom: 7%;
}

.heat03 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
}

.heat03 ul li {
    width: calc((100% - 6vw) / 2);
    counter-increment: items;
    position: relative;
}

.heat03_box {
    background: #fff;
    padding: max(30px, 2.6vw);
    border-radius: 5px;
    min-height: 100%;
}

.heat03 ul li:nth-of-type(1),
.heat03 ul li:nth-of-type(4) {
    align-self: baseline;
}

.heat03 ul li:nth-of-type(3) .heat03_box {
    position: absolute;
    left: 0;
    bottom: 0;
}


/* 05 */
.fpso01 {
    padding: 6% 0 4%;
}

.fpso01 .left {
    width: 48%;
    font-size: max(14px, 0.833vw);
    color: #666666;
    line-height: 187%;
}

.fpso01 .left h2 {
    color: var(--li);
    font-size: max(18px, 1.25vw);
    width: 84%;
    margin-bottom: 9%;
}

.fpso01 .left p {
    margin-top: 5%;
}

.fpso01 .right {
    width: 50%;
    text-align: right;
}

.fpso01 .right img {
    width: 100%;
    object-fit: contain;
}

.fpso02 {
    width: 100%;
    background: #222e3c;
    background-size: cover;
    padding: 7% 0;
}

.fpso02 h2 {
    color: #fff;
    font-size: max(32px, 2.5vw);
    font-weight: 700;
    text-align: center;
}

.fpso02 ul {
    display: flex;
    gap: 4vw 5vw;
    flex-wrap: wrap;
    margin-top: 9%;
}

.fpso02 ul li {
    width: calc((100% - 10vw) / 3);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    font-size: max(16px, 0.938vw);
    line-height: 135%;
    padding: 0 0 2%;
}

.fpso02 ul li:nth-of-type(n+4) {
    width: calc((100% - 5vw) / 2);
}

.fpso02 ul li .imgbox {
    height: 154px;
    display: flex;
    align-items: center;
}

.fpso02 ul li p {
    color: #fff;
    opacity: .5;
}

.fpso03 {
    background: #f1f3f5;
    padding: 7% 0;
}

.fpso03 h2 {
    text-align: center;
    font-size: max(32px, 2.188vw);
    color: var(--li);
    margin-bottom: 5%;
}


.fpso03 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
}

.fpso03 ul li {
    width: calc((100% - 6vw) / 2);
    counter-increment: items;
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.fpso03 ul li:last-child {
    width: 100%;
}

.fpso03 ul li:nth-of-type(2),
.fpso03 ul li:nth-of-type(3) {
    align-self: baseline;
}

.fpso03 ul li:nth-of-type(4) .heat03_box {
    position: absolute;
    left: 0;
    bottom: 0;

}


/* 06 */
.gas01 {
    padding: 6% 0 4%;
}

.gas01 .left {
    width: 49%;
    font-size: max(14px, 0.833vw);
    color: #666666;
    line-height: 187%;
}

.gas01 .left h2 {
    color: var(--li);
    font-size: max(22px, 1.57vw);
    width: 84%;
    margin-bottom: 9%;
}

.gas01 .left .gas_scrnum {
    margin-top: 12%;
}

.gas01 .left .gas_scrnum p {
    font-size: max(16px, 0.938vw);
    color: #000;
    line-height: 133%;
}

.gas01 .left .gas_scrnum span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    display: block;
    line-height: 100%;
}

.gas01 .right {
    width: 38%;
    text-align: right;
}

.gas01 .right img {
    width: 100%;
    object-fit: contain;
}

.gas02 {
    background: #f1f3f5;
    padding: 7% 0;
}

.gas02 h2 {
    text-align: center;
    font-size: max(32px, 2.188vw);
    color: var(--li);
    margin-bottom: 5%;
}


.gas02 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
    position: relative;
}

.gas02 ul li {
    width: calc((100% - 6vw) / 2);
    counter-increment: items;
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.gas02 ul li img {
    max-width: none;
    width: 100%;
}

.gas02 ul li:last-child {
    width: 100%;
    right: 0;
}

.gas02 ul li:nth-of-type(1),
.gas02 ul li:nth-of-type(5) {
    align-self: baseline;
}

.gas02 ul li:nth-of-type(3) {
    position: absolute;
    top: 18.6%;
    left: 0;
    z-index: 1;
}

.gas02 ul li:nth-of-type(6) {
    position: absolute;
    bottom: 17%;
    right: 0;
    z-index: 1;
}


/* 07 */
.chem01 {
    padding: 5% 0 7%;
}

.chem01 p {
    font-size: max(14px, 0.833vw);
    line-height: 185%;
    display: flex;
    margin-bottom: 2%;
}

.chem01_round {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6%;
}

.chem01_round .round_1 {
    width: max(260px, 18vw);
    height: max(260px, 18vw);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: max(22px, 1.563vw);
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 2%;
    line-height: 120%;
}

.chem01_round .round_1:before {
    content: '';
    position: absolute;
    width: 107%;
    height: 107%;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
}

.chem01_round .round_1:after {
    content: '';
    position: absolute;
    width: 107%;
    height: 107%;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: linear-gradient(45deg, var(--li1), var(--li));
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all .5s;
    opacity: 0;
}

.chem01_round .round_1 span {
    color: var(--li1);
}


.chem01_round .round_1 span.counter {
    font-size: max(42px, 2.708vw);
    line-height: 100%;
}

.chem01_round .round_1:hover:after {
    opacity: 1;
}

.chem01_round .round_1:hover,
.chem01_round .round_1:hover * {
    color: #fff !important;
    z-index: 1;
}

.chem02 {
    width: 100%;
    background: #232e3d;
    padding: 7% 0;
}

.chem02 h2 {
    color: #fff;
    font-size: max(32px, 2.5vw);
    font-weight: 700;
    text-align: center;
}

.chem02 .flex {
    margin-top: 7%;
    align-items: flex-start;
}

.chem02 .flex .left {
    width: 48%;
    border-right: 1px solid #4f5864;
}

.chem02 .flex .left p {
    color: #fff;
    font-size: max(20px, 1.563vw);
}

.chem02 .flex .left span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
}

.chem02 .flex .right {
    width: 52%;
    padding-left: 6%;
}

.chem02 .right p {
    font-size: max(16px, 0.938vw);
    color: #fff;
    margin-bottom: 3%;
}

.chem02 .right p:before {
    content: '';
    width: max(5px, 0.26vw);
    height: max(5px, 0.26vw);
    background: #fff;
    opacity: .5;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 2%;
}

.chem03 {
    background: #f1f3f5;
    padding: 7% 0;
}

.chem03 h2 {
    text-align: center;
    font-size: max(32px, 2.188vw);
    color: var(--li);
    margin-bottom: 7%;
}

.chem03 ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 6vw;
    position: relative;
}

.chem03 ul li {
    width: calc((100% - 6vw) / 2);
    counter-increment: items;
    position: relative;
}

.chem03_box {
    background: #fff;
    padding: max(30px, 2.6vw);
    border-radius: 5px;
    min-height: 100%;
}

.chem03 ul li:nth-of-type(6) {
    align-self: baseline;
}

.chem03 ul li:nth-of-type(7) {
    position: absolute;
    right: 0;
    bottom: 0;
}


/* so_link_pulic */
.page6 {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 7% 0;
    text-align: center;
    background: #fff;
}


.page6>div>p {
    margin-bottom: 5%;
    line-height: 185%;
    font-size: max(14px, 0.833vw);
    color: #000000;
}


.line-box {
    width: 52.865vw;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 1.302vw;
    justify-content: center;
}

.line-box>div {
    border: 1px solid #e2e2e3;
    width: calc((100% - 5.208vw) / 5);
    box-sizing: border-box;
}

.line-box>div .Limg_con {
    padding-bottom: 54%;
    background-color: #fff;
}

.zer_three {
    background: #f1f3f5;
    padding: 7% 0;
}

.zer_three h2 {
    text-align: center;
    font-size: max(32px, 2.188vw);
    color: var(--li);
    margin-bottom: 7%;
}


/* 服务支持01 */
.tech1 {
    padding: 9% 0 10%;
}

.techbig h2 {
    font-size: max(32px, 2.708vw);
    color: #000;
    line-height: 115%;
}

.tech1 .center>p {
    font-size: max(16px, 0.938vw);
    color: #000;
    font-weight: bold;
    line-height: 167%;
}

.tech1 h2 {
    margin-bottom: 2%;
}

.tech1 .flex {
    margin-top: 8%;
    align-items: normal;
}

.tech1 .flex .left {
    width: 48%;
}

.tech1 .flex .left img {
    width: 100%;
    object-fit: contain;
}

.tech1 .flex .right {
    width: 40%;
}

.tech1 .flex .tech1_txt {
    font-size: max(14px, 0.833vw);
    color: #666;
    line-height: 187%;
}

.tech1_scr span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.tech1_scr i {
    color: var(--li);
    font-size: max(24px, 3vw);
    vertical-align: top;
    line-height: 100%;
}

.tech1_scr p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
}

.tech1_scr {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    margin-top: 3vw;
}

.tech2 {
    padding: 7% 0 6%;
    background: url(/src/img/tech2.jpg) center center/cover no-repeat;
    color: #fff;
}

.tech2 .left {
    color: #fff;
    width: 43%;
}

.tech2 .right {
    width: 48%;
    font-size: max(14px, 0.833vw);
    line-height: 187%;
}

.tech2 .right p {
    margin-bottom: max(20px, 2vw);
}

.tech2 .flex {
    align-items: normal;
    margin-bottom: 7%;
}

.tech2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4.5vw 0;
}

.tech2 ul .time {
    font-size: max(14px,0.833vw);
}

.tech2 ul h3 {
    font-size: max(24px, 1.875vw);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    margin: max(30px, 3.125vw) 0 max(15px, 1.563vw);
    padding-bottom: max(15px, 1.563vw);
}

.tech2 ul span {
    color: #fff;
    opacity: .5;
    line-height: 170%;
    font-size: max(14px, 0.729vw);
}

.tech3 {
    padding: 7% 0;
}

.tech3 ul {
    margin: 6% 0 4%;
    gap: 7.5vw;
    display: flex;
    flex-wrap: wrap;
}

.tech3 ul span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.tech3 ul i {
    color: var(--li);
    font-size: max(24px, 3vw);
    vertical-align: top;
    line-height: 100%;
}

.tech3 ul p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
    margin-top: 2%;
}

.tech3 .tech3_sum {
    font-size: max(14px, 0.833vw);
    line-height: 187%;
    color: #666;
}

.tech4 {
    padding: 2.5% 0 8%;
}

.tech4 .flex {
    align-items: normal;
}

.tech4 .flex .left {
    width: 42%;
    position: relative;
}

.tech4 .flex .right {
    width: 47.572%;
}

.tech4 .flex .right img {
    width: 100%;
    object-fit: cover;
}

.tech4 .flex .left>p {
    font-size: max(14px, 0.833vw);
    line-height: 187%;
    color: #666;
    margin-top: 11%;
}

.tech4 .scr_abs {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #cccccc;
    width: 100%;
    padding-top: 8%;
}

.tech4 .scr_abs span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.tech4 .scr_abs i {
    color: var(--li);
    font-size: max(24px, 3vw);
    vertical-align: top;
    line-height: 100%;
}

.tech4 .scr_abs p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
    margin-top: 2%;
}

.tech5 {
    background: #f1f3f5;
    padding: 6% 0;
}

.tech5 p {
    font-size: max(14px, 0.833vw);
    line-height: 187%;
    color: #666;
    margin-top: 2%;
}

.tech5 ul {
    margin: 8% 0 7%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3vw 0;
}

.tech5 ul li {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 0.8vw;
}

.tech5 ul span {
    font-size: max(36px, 3.23vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.tech5 ul li .nr {
    font-size: max(16px, 0.938vw);
    color: #000;
    opacity: .5;
    line-height: 134%;
}

.tech5 img {
    width: 100%;
    object-fit: contain;
}

/* 服务支持02 */
.manufa1 {
    padding: 17% 0 8%;
    position: relative;
}

.manufa1 .busi_list.active {
    display: block;
    max-width: max(1662px,86.563vw);
    width: 100%;
    margin: 0 auto;
}

.manufa1 .busi_list.active img {
    width: 100%;
    object-fit: contain;
}

.manufa1 h2 {
    font-size: max(32px, 2.708vw);
    color: #000;
    line-height: 115%;
}

.manufa1 .top p {
    font-size: max(14px, 0.833vw);
    color: #666;
    line-height: 187%;
    max-width: max(500px,30.729vw);
    margin-top: 3%;
}

.manufa1 .center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.manufa1 .top {
    top: 10%;
}

.manufa1 .bottom {
    bottom: 13%;
    width: fit-content;
    left: 20%;
}

.manufa1 .bottom span.counter {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.manufa1 .bottom p {
    font-size: max(16px, 0.938vw);
    color: #2e3949;
    opacity: .5;
}

.manufa1 .bottom h3 {
    font-size: max(18px, 1.25vw);
    color: #000;
    margin: max(30px, 2.604vw) 0 0;
    width: max(275px, 14.323vw);
    line-height: 125%;
}

.manufa1 ul.Hot_spot li:nth-of-type(1) {
    left: 62%;
    top: 37%;
}

.manufa1 ul.Hot_spot li:nth-of-type(2) {
    left: 20%;
    top: 35%;
}

.manufa1 ul.Hot_spot li:nth-of-type(3) {
    left: 40%;
    top: 53%;
}

.manufa1 ul.Hot_spot li:nth-of-type(4) {
    left: 55%;
    top: 64%;
}

.manufa1 ul.Hot_spot li:nth-of-type(5) {
    left: 75%;
    top: 76%;
}

.manufa1 ul.Hot_spot li:nth-of-type(6) {
    left: 80%;
    top: 50%;
}

.manufa1 ul.Hot_spot li:nth-of-type(7) {
    left: 77%;
    top: 42%;
}

.manufa1 ul.Hot_spot li:nth-of-type(8) {
    left: 68%;
    top: 20%;
}

.manufa2 {
    padding: 7% 0;
    background: url(/src/img/manufa3.jpg) no-repeat center center/cover;
    color: #fff;
}

.manufa2 h2 {
    font-size: max(32px, 2.708vw);
    line-height: 115%;
}

.manufa2 p {
    font-size: max(14px, 0.833vw);
    color: #fff;
    line-height: 187%;
    max-width: max(700px, 41.302vw);
    margin: 3% 0 30%;
}

.manufa2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.manufa2 ul span {
    font-size: max(32px, 2.708vw);
    line-height: 150%;
}

.manufa2 ul .man_info {
    font-size: max(16px, 0.938vw);
    color: #fff;
    opacity: .5;
    line-height: 134%;
}

.manufa3 {
    padding: 8% 0 0;
}

.manufa3 .flex {
    margin-bottom: 13%;
    align-items: normal;
}

.manufa3 .flex>div {
    width: 43%;
    height: 100%;
}

.manufa3 .flex .left img {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}

.manufa3 .flex .right {
    padding-right: 4%;
}

.manufa3 .flex h3 {
    font-size: max(24px, 2.2vw);
    color: #000;
    line-height: 150%;
}

.manufa3 .flex h4 {
    font-size: max(18px, 1.26vw);
    color: #000;
    font-weight: normal;
    margin-bottom: 10%;
}

.manufa3 .flex .manufa3_info {
    font-size: max(14px, 0.833vw);
    color: #666;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    line-height: 187%;
    margin-bottom: 5%;
}

.manufa3 .flex img {
    max-width: 100%;
    object-fit: contain;
}

.manufa3 .flex:nth-of-type(2n) .left {
    order: 2;
}

/* 服务支持03 */
.global1 {
    padding: 8% 0;
}

.global1 h2 {
    font-size: max(32px, 2.708vw);
    color: #000;
    line-height: 115%;
}

.global1 h3 {
    color: #005eec;
    font-size: max(20px, 1.57vw);
    margin-top: 2%;
}

.global1 img {
    display: block;
    margin: 5% auto;
    max-width: max(1285px,66.927vw);
    width: 100%;
    object-fit: contain;
}

.global1 .left {
    width: 30%;
}

.global1 .right {
    width: 70%;
    color: #666666;
    line-height: 187%;
    font-size: max(14px, 0.833vw);
}

.global1 .left span {
    font-size: max(72px, 6.25vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.global1 .left i {
    color: var(--li);
    font-size: max(24px, 3vw);
    vertical-align: top;
    line-height: 100%;
}

.global1 .glob_info {
    font-size: max(16px, 0.938vw);
    color: #000000;
}

.global2 {
    padding: 3% 0;
}

.global2 h2 {
    font-size: max(32px, 2.708vw);
    color: #000;
    line-height: 115%;
    margin-bottom: 7%;
}

.global2 .flex>div {
    width: 47%;
}

.global2 .left img {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}

.global2 .right {
    padding-top: 5%;
}

.global2 .right h3 {
    font-size: max(20px, 1.58vw);
    color: #000;
    line-height: 120%;
    margin-bottom: 6%;
}

.global2 .right p {
    color: #666666;
    line-height: 187%;
    font-size: max(14px, 0.833vw);
}

.global2 .flex:nth-of-type(2n) .left {
    order: 2;
    transform: translateY(-15%);
}

.global2 .flex {
    align-items: normal;
}

.global2_sconum {
    margin-top: 18%;
}

.global2_sconum span {
    font-size: max(48px, 4.271vw);
    color: var(--li);
    line-height: 100%;
    display: inline-block;
}

.global2_sconum i {
    color: var(--li);
    font-size: max(24px, 3vw);
    vertical-align: top;
    line-height: 100%;
}

.glob2_info {
    font-size: max(16px, 0.938vw);
    color: #000;
    max-width: max(380px, 19.792vw);
    line-height: 134%;
    margin-top: 2%;
}

.global3 {
    padding: 5% 0 9%;
}

.global3 h2 {
    font-size: max(32px, 2.708vw);
    color: #000;
    line-height: 115%;
    margin-bottom: 2%;
}

.global3 p {
    color: #666666;
    line-height: 187%;
    font-size: max(14px, 0.833vw);
}

.global3 .globa_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    margin-top: 5%;
}

.global3 .globa_ul>div {
    width: calc((100% - 10vw) / 6);
    transition: all .5s;
    border: 1px solid #f3f3f3;
}

.global3 .globa_ul>div .Limg_con {
    padding-bottom: 40%;
}

.global3 .globa_ul img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.global3 .globa_ul>div:hover {
    box-shadow: 0 0 10px #eee;
    cursor: pointer;
}

.resp1 {
    padding: 6% 0 3%;
}

.resp1 .flex {
    margin-bottom: 4%;
}

.resp1 .flex>div {
    width: 43%;
    height: 100%;
}

.resp1 .flex .left img {
    width: 100%;
    object-fit: cover;
    vertical-align: top;
}

.resp1 .flex .right {
    padding-right: 11%;
}

.resp1 .flex h3 {
    font-size: max(32px, 2.71vw);
    color: #00d683;
    line-height: 150%;
    margin-bottom: 5%;
}

.resp1 .flex .resp1_info {
    font-size: max(14px, 0.833vw);
    color: #666;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    line-height: 187%;
}

.resp1 .flex img {
    max-width: 100%;
    object-fit: contain;
}

.resp1 .flex:nth-of-type(2n - 1) .left {
    order: 2;
}

.resp1 .flex:nth-of-type(2) h3 {
    color: #005eec;
}

.resp1 .flex:nth-of-type(3) h3 {
    color: #ff9000;
}


/* 新闻 */


.h_six {
    padding: 2% 0 5%;
}

.h_six h2 {
    color: #2e3949;
    font-size: max(54px, 72px);
    line-height: 100%;
}

.six_sort {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4% 0;
}

.six_sort a.six_more {
    display: inline-block;
    font-size: max(14px,0.833vw);
    color: #283043;
    border: 1px solid #c8c8c8;
    min-width: max(180px, 10.938vw);
    text-align: center;
    line-height: max(48px, 3.229vw);
    border-radius: 50px;
    margin-right: max(15px, 1vw);
    transition: all .5s ease;
}

.six_sort a.six_more.active,
.six_sort a.six_more:hover {
    background: var(--li);
    color: #fff;
    border-color: var(--li);
}

.news_box {
    display: flex;
    gap: 2vw 1vw;
    flex-wrap: wrap;
}

.news-slide {
    position: relative;
    width: calc((100% - 2vw) / 3);
}

.top_newsbox .Limg_cov {
    padding-bottom: 140%;
    opacity: 0;
    transition: all .5s ease;
}

.news_tc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 7%;
    z-index: 1;
}

.news_tc:before {
    content: '';
    background: #f4f5f7;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .5s ease;
}

.news_tc .news_tit {
    color: #000;
    font-size: max(16px, 0.938vw);
    font-weight: 700;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    line-height: 167%;
    margin-bottom: 3%;
    transition: all .5s ease;
}

.news_tc .news_summ {
    font-size: max(12px,0.729vw);
    color: #fff;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    opacity: 0;
    transition: all .5s ease;
    font-weight: 400;
    line-height: 180%;
    transform: translateY(10%);
}

.news_time {
    position: absolute;
    bottom: 0;
    left: 5%;
    border-top: 1px solid #c2c4c5;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3% 0;
    font-size: max(14px, 0.833vw);
    color: #666666;
    line-height: 150%;
    transition: all .5s ease;
}

.news_time .time_1 {
    font-size: max(54px, 3.75vw);
    color: var(--li1);
    line-height: 100%;
    transition: all .5s ease;
}

a.top_newsbox:hover .news_tc:before {
    background: #000;
    opacity: .3;
}

a.top_newsbox:hover .Limg_cov {
    opacity: 1;
}

a.top_newsbox:hover * {
    color: #fff;
}

a.top_newsbox:hover .news_summ {
    opacity: .8;
    transform: translateY(0);
}

a.top_newsbox:hover img {
    transform: scale(1.05);
}


.news_text_word {
    background: #fff;
    margin: 8% 0;
}

.news_text_word h1 {
    font-size: max(24px, 1.458vw);
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 0.781vw;
    margin-bottom: 0.781vw;
    color: #000;
}

.news_word ol,
.news_word ul {
    padding-inline-start: 1.302vw;
}

.news_word li {
    list-style-type: disc;
}

.news_word ol li {
    list-style-type: decimal;
}

.news_flex {
    text-align: center;
    font-size: max(14px, 0.833vw);
    color: #999;
    line-height: 187%;
    margin-bottom: 3%;
}

.news_flex span {
    display: inline-block;
    margin: 0 0.781vw;
}

.news_word {
    font-size: max(14px, 0.833vw);
    line-height: 187%;
    color: #333;
}

.news_word h2 {
    font-size: max(18px, 1.2vw);
    margin: 15px 0;
    color: #000;
}

.news_word h3 {
    font-size: max(16px, 1vw);
    margin: 10px 0;
    color: #333;
}

.news_word img {
    max-width: 100% !important;
    height: auto !important;
}

div#autoMenu {
    width: auto !important;
}

div#autoMenu .tan_title {
    font-size: max(16px, 1.05vw);
    color: #000;
    line-height: 167%;
    font-weight: bold;
}

div#autoMenu ul {
    border: 1px solid #eee;
    padding: 20px;
    background: #fefefe;
    margin: 10px 0 20px;
}

div#autoMenu li a {
    font-size: max(16px, 0.938vw);
    color: #000;
    line-height: 167%;
}

div#autoMenu li.sub a {
    font-size: max(14px, 0.833vw);
    color: #666;
    padding-left: 1.042vw;
    font-weight: 400;
}

div#autoMenu li {
    margin: 1% 0 5px;
}

div#autoMenu li.sub {
    margin: 0;
}

/* 联系我们 */
.ban_con {
    position: relative;
}

.ban_con img {
    width: 100%;
    object-fit: contain;
    vertical-align: top;
}

.ban_con>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.ban_con .con_tc {
    top: 50%;
}

.ban_con .con_sub {
    color: #fff;
    font-size: max(16px, 0.938vw);
}

.ban_con .con_name {
    color: #fff;
    font-size: max(48px, 3.55vw);
    font-weight: 900;
}

.ban_con .con_tc_bu {
    position: absolute;
    bottom: 5%;
    align-items: flex-end;
}

.ban_con .con_tc_bu * {
    color: #fff;
    display: block;
    font-weight: 700;
    line-height: 134%;
    font-size: max(16px, 0.938vw);
}

.ban_con .con_tc_bu .con_b_sit {
    font-size: max(14px, 0.85vw);
    font-weight: normal;
    opacity: .5;
    margin-bottom: 3%;
}

.ban_con .con_tc_bu .con_list {
    width: auto;
}

.Contact_corp {
    background: #f1f3f5;
    padding: 8% 0 10%;
    position: relative;
    z-index: 1;
}

.Contact_corp>div>h1 {
    font-size: max(63px, 8.9vw);
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    line-height: 100%;
}

.Contact_corp>div>h2 {
    width: 100%;
    font-size: max(14px, 0.833vw);
    color: #666;
    line-height: 134%;
    font-weight: normal;
    margin: 1% 0 4%;
}

.Message_Form {
    position: relative;
}

.Message_Form>.mefore {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: max(20px, 3vw);
}

.Message_Form .flex>div {
    width: calc((100% - 2.604vw) / 2);
    text-align: right;
}

.Message_Form>div .form_left {
    width: calc((100% - 2.604vw) / 2);
    display: flex;
    flex-wrap: wrap;
    gap: max(15px, 1vw);
}

.Message_Form>div .form_left>div {
    width: 100%;
}

.Message_Form>div .e_textarea-66 {
    width: calc((100% - 2.604vw) / 2);
    right: 0;
    position: absolute;
    height: 100%;
    top: 0;
}

span.s_label {
    font-size: max(16px, 0.938vw);
    color: #000000;
    margin-bottom: 0.521vw;
    display: inline-block;
}

span.s_label:after {
    content: '*';
    color: #ff0000;
}

.Message_Form>div .form_left input.form-control {
    width: 100%;
    border: none;
    border-radius: 0;
    height: max(45px, 2.7vw);
    font-size: max(16px, 0.94vw);
    color: #000;
    font-weight: 300;
    background: transparent;
    border-bottom: 1px solid #caced3;
}

.Message_Form>div .e_textarea-66 textarea.form-control {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    overflow: hidden;
    padding: 3% 0;
    font-size: max(16px, 0.94vw);
    color: #000;
    font-weight: 300;
    font-family: 'Onsite';
    background: transparent;
    border-bottom: 1px solid #caced3;
}

.Message_Form button.btn-primary {
    line-height: max(45px, 3.7vw);
    width: auto;
    padding: 0 2vw;
    background: #2e3a4a;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all .5s ease;
    font-size: max(14px, 0.833vw);
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Onsite';
    letter-spacing: 1px;
    border-radius: 50px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    text-shadow: none;
    -webkit-text-fill-color: initial;
    font-weight: 700;
}

.Message_Form button.btn-primary:hover {
    letter-spacing: 2px;
}

.Message_Form .e_textarea-67 {
    display: flex;
}

.Message_Form .e_textarea-67 input.p_imagecode {
    width: 65%;
    border: none;
    border-radius: 0;
    height: max(45px, 3.7vw);
    font-size: max(16px, 0.94vw);
    color: #000;
    font-weight: 300;
    margin-right: 1%;
    background: transparent;
    border-bottom: 1px solid #caced3;
}

.Message_Form .verbox {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 30%;
}

.Message_Form .verbox img {
    width: 100%;
}

.Message_Form .verbox:after {
    content: '';
    margin-left: 0.781vw;
    background: url(/src/img/Update.png) center/cover no-repeat;
    min-width: 0.781vw;
    height: 0.938vw;
    opacity: .4;
}

.searchbox {
    padding: 3.646vw 0 0;
    text-align: center;
}

.searchbox h2.title {
    font-size: 1.875vw;
    color: #000;
    margin-bottom: 0.521vw;
}

.searchbox summary.summary {
    font-size: 0.833vw;
    color: #666;
}




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

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

    .ban_con,
    .nei_banner {
        margin-top: 70px;
    }

    .nei_banner .nei_txt {
        top: 50%;
    }

    .nei_banner .nei_txt h1 {
        font-size: 32px;
    }

    .nei_banner p {
        line-height: 134%;
    }

    h2.ab_tit {
        font-size: 24px;
    }

    .ab_one {
        padding: 70px 0;
    }

    .ab_flex>div {
        width: 100% !important;
    }

    .ab_one ul div {
        font-size: 42px;
        margin: 0 0 10px;
        padding-bottom: 10px;
    }

    .ab_one ul {
        flex-direction: inherit;
        margin-top: 20px;
        gap: 20px;
    }

    .ab_one ul li {
        width: 100%;
    }

    .ab_one ul p {
        font-size: 14px;
    }

    .ab_two_tc {
        position: static;
        height: auto;
    }

    .ab_two .center {
        position: relative;
        padding: 50px 0 100px;
    }

    .hist_word {
        height: 90%;
    }

    .swiper_buttom {
        font-size: 24px;
    }

    .swiper_buttom .tc_bottom {
        gap: 10px;
    }

    .tc_bottom .swiper-button-next,
    .tc_bottom .swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .ab_two {
        padding: 0 0 70px;
    }

    .cir_01 .cir_txt {
        left: 10%;
        top: 5%;
    }

    .ab_three_top>* {
        width: 100% !important;
    }

    .ab_three {
        padding: 70px 0;
    }

    .ab_three_bottom li {
        width: 100%;
        position: relative;
        text-align: left;
        aspect-ratio: auto;
        background: #eee;
        margin-bottom: 10px;
        padding: 20px;
    }

    .ab_three_bottom li .lineb {
        display: none;
    }

    .ab_three_bottom li h3 {
        font-size: 18px;
        min-height: auto;
        width: 100%;
    }

    .ab_three_bottom li p {
        font-size: 14px;
        min-height: 0;
        width: 100%;
    }

    .history_box .swiper .swiper-slide img {
        max-width: max(480px, 28.854vw);
        width: 96%;
    }

    .ab_three_bottom li:hover {
        z-index: 1;
        background-image: linear-gradient(135deg, var(--li), var(--li1));
    }

    .flex>* {
        width: 100% !important;
    }

    .ab_four {
        background-image: none;
        padding: 50px 0;
    }

    .ab_four .left p {
        margin: 10px 0 30px;
    }

    .h_three {
        padding: 50px 0;
    }

    .busi_tit {
        font-size: 32px;
        line-height: 100%;
    }

    .busi_sum {
        line-height: 134%;
        margin: 10px 0 20px;
    }

    ul.Hot_tc li {
        width: 100%;
        height: 35vh;
    }

    .Hot_tc .colse {
        bottom: auto;
        left: auto;
        top: 5%;
        right: 5%;
        transform: none;
    }

    ul.Hot_spot li p {
        display: none;
    }

    .busi_tab {
        padding: 50px 0;
    }

    .busi_two_li .bus_smial {
        width: 100%;
    }

    .busi_two_li {
        height: 100vh;
    }

    section.busi_pro {
        padding: 50px 0;
    }

    .busi_pro ul.product_box li {
        width: calc((100% - 3vw) / 2);
    }

    .prodeta_bigbix .flex>div {
        margin-top: 50px;
    }

    .prodeta_bigbix h1.prod_tit {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .prod_info_left {
        font-size: 14px;
    }

    span.prod_info_right {
        font-size: 14px;
        line-height: 134%;
        margin-top: 5px;
        display: block;
    }

    .product_detailsbox td {
        font-size: 14px;
        line-height: 134%;
        padding: 10px 5px;
        vertical-align: top;
    }

    .zero_one {
        padding: 50px 0;
    }

    .zero_one h2 {
        font-size: 24px;
    }

    .zero_two {
        padding: 50px 0 0;
    }

    .zero_two_right {
        margin-top: 30px;
    }

    .zer_three {
        padding: 50px 0;
    }

    .zer_three_box h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .zer_three ul li {
        width: 100%;
        padding: 20px;
        position: relative !important;
    }

    .zero_two_txt {
        font-size: 14px;
        font-weight: 400;
    }

    .page6 {
        padding: 50px 0;
    }

    .line-box {
        width: 100%;
    }

    .line-box>div {
        width: calc((100% - 2.604vw) / 3);
    }

    .heat02,
    .heat01 {
        padding: 50px 0;
    }

    .heat02 ul li {
        width: 100% !important;
        padding: 0 0 4vw;
        font-size: 14px;
    }

    .heat02 ul li .bt70 {
        font-size: 42px;
    }

    .heat02 ul li .bt50 {
        font-size: 24px;
    }

    .heat02 ul li .heat02_bt i {
        font-size: 14px;
    }

    .heat02 ul li p {
        margin: 5px 0;
    }

    .fpso03,
    .fpso02,
    .fpso01,
    .heat03 {
        padding: 50px 0;
    }

    .heat03 ul li {
        width: 100%;
        position: relative !important;
    }

    .heat03 ul li .heat03_box {
        position: relative !important;
    }

    .heat03_box {
        padding: 20px;
    }

    .fpso01 .left h2 {
        font-size: 18px;
        width: 100%;
        margin-bottom: 20px;
    }

    .fpso01 .right {
        margin-top: 40px;
    }

    .fpso02 ul li {
        width: 100% !important;
        font-size: 14px;
    }

    .fpso02 ul li .imgbox {
        height: 80px;
        width: 80px;
        margin-bottom: 15px;
    }

    .fpso02 ul li .imgbox img {
        max-height: 80%;
        max-width: 80%;
    }

    .fpso03 ul li {
        width: 100%;
        position: relative;
    }

    .fpso03 ul li .heat03_box {
        position: relative !important;
    }

    .gas01 {
        padding: 50px 0;
    }

    .gas01 .left h2 {
        font-size: 18px;
        width: 100%;
        margin-bottom: 20px;
    }

    .gas01 .right {
        margin-top: 30px;
    }

    .gas01 .left .gas_scrnum {
        margin-top: 10px;
    }

    .gas02 {
        padding: 50px 0;
    }

    .gas02 ul li {
        width: 100%;
    }

    .gas02 ul li:nth-of-type(6),
    .gas02 ul li:nth-of-type(3) {
        position: static;
    }

    .chem02,
    .chem01 {
        padding: 50px 0;
    }

    .chem02 .flex .left {
        border: none;
        border-bottom: 1px solid #4f5864;
        padding: 0 0 20px;
        margin-bottom: 20px;
    }

    .chem02 .flex .left p {
        font-size: 16px;
    }

    .chem02 .flex .right {
        padding-left: 0;
    }

    .chem02 .right p {
        font-size: 14px;
    }

    .chem03 {
        padding: 50px 0;
    }

    .chem03 ul li {
        width: 100%;
    }

    .chem03_box {
        padding: 20px;
    }

    .tech2,
    .tech1 {
        padding: 50px 0;
    }

    .tech1 .center>p {
        font-size: 14px;
        font-weight: normal;
        line-height: 134%;
        margin: 0 0 5px;
    }

    .tech2 .right,
    .tech2 .left {
        width: 100%;
    }

    .tech2 ul {
        gap: 50px;
    }

    .tech2 ul h3 {
        margin: 10px 0;
    }

    .tech3 {
        padding: 50px 0;
    }

    .tech4 .scr_abs {
        position: static;
        margin: 40px 0;
    }

    .tech5 {
        padding: 50px 0;
    }

    .tech5 ul {
        gap: 3vw;
    }

    .tech5 ul li {
        width: calc((100% - 3vw) / 2);
        margin-top: 0;
        border-bottom: 1px dashed #fff;
        padding-bottom: 3vw;
    }

    .tech5 ul span {
        font-size: 28px;
    }

    .tech5 ul li .nr {
        font-size: 14px;
        opacity: 1;
    }

    .manufa1 {
        padding: 50px 0;
    }

    .manufa1 .center {
        position: static;
        transform: none;
        width: 100%;
    }

    .manufa1 .busi_list.active li.active p {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 100%;
        white-space: nowrap;
        max-width: max-content;
        background: #fff;
        box-shadow: 0 0 10px #999;
        padding: 0 10px;
        line-height: 200%;
        border-radius: 20px;
        transform: translateX(-50%);
        font-size: 12px;
    }

    .manufa1 ul.Hot_spot li.active:nth-of-type(n+5) p {
        transform: translateX(-80%);
    }

    .manufa2 {
        padding: 50px 0;
    }

    .manufa2 ul li {
        width: 100%;
        background: rgb(0 0 0 / 30%);
        padding: 20px;
        margin-bottom: 20px;
    }

    .manufa2 ul .man_info {
        font-size: 14px;
        opacity: 1;
    }

    .manufa3 .flex .right {
        padding-right: 0;
        margin-top: 20px;
    }

    .manufa3 .flex h4 {
        margin-bottom: 10px;
    }

    .manufa3 .flex:nth-of-type(2n) .left {
        order: 0;
    }

    .global1,
    .manufa3 {
        padding: 50px 0;
    }

    .global1 h3 {
        font-size: 16px;
    }

    .global2 .flex:nth-of-type(2n) .left {
        order: 0;
        transform: none;
        margin-top: 50px;
    }

    .global2 .right h3 {
        font-size: 18px;
    }

    .global3 {
        padding: 50px 0;
    }

    .global2_sconum {
        margin-top: 20px;
    }

    .global3 .globa_ul>div {
        width: calc((100% - 4vw) / 3);
        transition: all .5s;
        border: 1px solid #ccc;
        padding: 10px;
    }

    .resp1 .flex .right {
        padding-right: 0;
    }

    .h_six,
    .resp1 {
        padding: 50px 0;
    }

    .resp1 .flex:nth-of-type(2n - 1) .left {
        order: 0;
    }

    .resp1 .flex h3 {
        font-size: 24px;
        margin: 20px 0 10px;
    }

    .resp1 .flex {
        margin-bottom: 50px;
    }

    .six_sort {
        margin: 0 0 30px;
    }

    .six_sort a.six_more {
        font-size: 14px;
        min-width: 80px;
        padding: 0px 15px;
        margin-right: 10px;
        line-height: 42px;
    }

    .news-slide {
        position: relative;
        width: calc((100% - 1vw) / 2);
    }

    .news_tc .news_tit {
        line-height: 125%;
    }

    .news_tc .news_summ {
        display: none;
    }

    .news_time .time_1 {
        font-size: 36px;
    }

    .news_word ol,
    .news_word ul {
        padding-inline-start: 20px;
    }

    .ban_con {
        margin-top: 70px;
        padding: 50px 0;
    }

    .ban_con img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }

    .ban_con>div {
        position: static !important;
        transform: none;
    }

    .ban_con .con_name {
        font-size: 32px;
    }

    .ban_con .con_tc {
        margin-bottom: 50px;
    }

    .Message_Form>div .form_left {
        width: 100%;
    }

    .Message_Form>div .e_textarea-66 {
        width: 100%;
        position: static;
    }

    .Message_Form .flex .right {
        text-align: left;
        margin-top: 20px;
    }

    .Message_Form button.btn-primary {
        padding: 0 20px;
    }

    .ban_con .con_tc_bu .con_b_sit {
        margin: 20px 0 5px;
    }
    .news_text_word h1{
        padding: 0 0 15px;
    margin-bottom: 15px;
    }
}