* {    padding: 0;    margin: 0;    box-sizing: border-box;    font-family: ' ';}ul li {    list-style: none;}html {    overflow-x: hidden;}a {    text-decoration: none;}a:hover {    text-decoration: none;}img {    vertical-align: top;    outline-width: 0ch;}:root {    --main-color: #d71418;    --main-color-white: #ffffff;    --main-color-555: #555555;    --main-color-999: #999999;    --main-color-666: #666666;    --main-color-333: #333333;    --main-color-888: #888888;    --main-color-222: #222222;    --main-transition: all ease 0.4s;    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}@media only screen and (min-width: 996px) {    .ml_banner .swiper-slide {        position: relative;    }    .banner_pos {        position: absolute;        width: 100%;        height: 100%;        left: 0;        top: 0;        display: flex;        align-items: center;        flex-direction: column;        justify-content: center;    }    .banner_pos p {        font-size: 55px;        text-align: center;        color: var(--main-color-white);    }    .pchead {        width: 100%;        position: fixed;        top: 0;        left: 0;        transition: var(--main-transition);        z-index: 99;        height: 90px;        background: rgba(0, 0, 0, .7);        box-shadow: var(--main-shadow);    }    .pcheader {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;        display: flex;        align-items: center;        justify-content: space-between;        position: relative;        height: 90px;    }    .pclogo img {        height: 60px;    }    .pcnav {        display: flex;        align-items: center;        position: relative;        z-index: 99;    }    .pcnav>li {        position: relative;        transition: var(--main-transition);    }    .pcnav>li>a {        display: block;        height: 90px;        line-height: 90px;        font-size: 18px;        transition: var(--main-transition);        color: var(--main-color-white);        padding: 0 20px;    }    .pc_sec_nav {        position: absolute;        top: 100%;        left: 0;        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);        width: 200px;        background: rgba(0, 0, 0, .8);        opacity: 0;        visibility: hidden;        transition: var(--main-transition);    }    .pc_sec_item a {        color: var(--main-color-white);        font-size: 18px;        display: block;        padding: 10px 20px;        transition: var(--main-transition);    }    .pcnav>li>a:hover {        color: var(--main-color);    }    .pcnav li:hover .pc_sec_nav {        opacity: 1 !important;        visibility: visible !important;    }    .pc_sec_item:hover .pc_third_nav {        transform: rotateX(0deg) !important;        opacity: 1 !important;        visibility: visible !important;    }    .pcnav li:hover .first_a {        color: var(--main-color);    }    .pc_sec_item:hover .second_a {        color: var(--main-color-white) !important;        background-color: var(--main-color) !important;    }    .third_a:hover {        color: var(--main-color-white) !important;        background-color: var(--main-color) !important;    }    .pc_sec_item {        position: relative;    }    .pc_third_nav {        position: absolute;        background: rgba(0, 0, 0, .8);        left: 100%;        top: 0;        z-index: 998;        width: 200px;        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);        opacity: 0;        visibility: hidden;        transition: var(--main-transition);    }    .third_a {        color: var(--main-color-white);        background: rgba(0, 0, 0, .8);    }    .ml_mb_head {        display: none;    }    .ml_mb_nav {        display: none;    }    .ml_banner {        width: 100%;        z-index: 998;    }    .ml_banner:hover .bannerbtnleft {        left: 10px !important;        opacity: 1 !important;    }    .ml_banner:hover .bannerbtnright {        right: 10px !important;        opacity: 1 !important;    }    .ml_banner img {        width: 100%;    }    .bannerpage .swiper-pagination-bullet {        width: 15px !important;        height: 15px !important;    }    .bannerbtn {        width: 50px !important;        display: flex;        align-items: center;        justify-content: center;        color: var(--main-color-white);        font-size: 25px;        height: 50px !important;        transition: var(--main-transition);        background: rgba(0, 0, 0, .7);        background-image: none !important;        opacity: 0;    }    .bannerbtnleft {        left: 0 !important;    }    .bannerbtnright {        right: 0 !important;    }    .copy {        width: 100%;        text-align: center;        padding: 15px;        border-top: 1px solid #555555;        background-color: #3b3d40;    }    .copycon {        text-align: center;        max-width: 1200px;        text-align: center;        font-size: 14px;        color: var(--main-color-999);        margin: 0 auto;    }    .copycon a {        font-size: 14px;        color: var(--main-color-999);    }    .inbanner {        width: 100%;        height: 400px;        background-image: url(../images/inbanner.jpg);        background-size: cover;        background-position: center;        display: flex;        align-items: center;        justify-content: center;    }        .inbanner strong {            font-size: 30px;            color: var(--main-color-white);            font-weight: normal;            display: none;        }    .inside {        max-width: 1570px;        padding: 15px 65px;        margin: 0 auto;    }    .inside p {        font-size: 15px;        color: var(--main-color-222);    }    .con1 {        width: 100%;        margin-top: -80px;        position: relative;        z-index: 10;    }    .con1con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .con1con ul {        display: flex;        flex-wrap: wrap;    }    .con1con ul li {        width: 25%;        transition: var(--main-transition);        display: flex;        align-items: center;        justify-content: center;        flex-direction: column;        background-color: var(--main-color-white);        border-right: 1px solid #f2f2f2;        padding: 55px 30px;    }    .con1con ul li:hover {        background-color: var(--main-color) !important;    }    .con1con ul li:hover strong {        color: var(--main-color-white);    }    .con1con ul li:hover p {        color: var(--main-color-white);    }    .con1con ul li:last-child {        border: none !important;    }    .con1con ul li strong {        transition: var(--main-transition);        font-size: 36px;        color: var(--main-color-222);        text-align: center;        display: block;        margin-bottom: 15px;    }    .con1con ul li p {        font-size: 18px;        color: var(--main-color-222);        transition: var(--main-transition);    }    .con2 {        padding: 80px 0;    }    .con2con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .con2title {        margin-bottom: 30px;    }    .con2title p {        font-size: 40px;        color: var(--main-color-333);        text-align: center;        margin-bottom: 15px;    }    .con2title span {        display: block;        text-align: center;        color: var(--main-color-333);        font-size: 14px;        max-width: 800px;        margin: 0 auto;        line-height: 30px;    }    .con2con ul {        display: flex;        flex-wrap: wrap;    }    .con2con ul li {        width: calc((100% - 120px) / 3);        margin-right: 60px;        cursor: pointer;    }    .con2con ul li:nth-child(3n) {        margin-right: 0;    }    .con2box {        position: relative;        overflow: hidden;    }    .con2box .caseimg {        transition: var(--main-transition);        width: 100%;        max-height: 440px;        object-fit: cover;    }    .con2pos {        position: absolute;        width: 100%;        height: 100%;        left: 0;        top: -100%;        transition: var(--main-transition);        display: flex;        align-items: center;        justify-content: center;    }    .cir {        width: 70px;        height: 70px;        display: flex;        background: rgba(208, 157, 91, 0.5);        align-items: center;        justify-content: center;        border-radius: 50%;        animation: sca 1s linear 0s infinite;    }    @keyframes sca {        0% {            transform: scale(1);        }        100% {            transform: scale(1.1);        }    }    .con2txt {        background-color: var(--main-color-white);        padding: 30px 15px;        transition: var(--main-transition);    }    .con2txt p {        font-size: 20px;        color: var(--main-color-333);        margin-bottom: 15px;        text-align: center;        transition: var(--main-transition);    }    .con2txt span {        color: var(--main-color-666);        font-size: 14px;        transition: var(--main-transition);        line-height: 25px;        text-align: center;        display: block;    }    .con2con ul li:hover .con2txt {        background-color: var(--main-color);    }    .con2con ul li:hover .con2pos {        top: 0 !important;    }    .con2con ul li:hover .con2txt p {        color: var(--main-color-white);    }    .con2con ul li:hover .con2txt span {        color: var(--main-color-white);    }    .con2con ul li:hover .caseimg {        transform: scale(1.1);    }    .con3 {        padding: 80px 0;        background-image: url(../images/bg1.jpg);        background-repeat: no-repeat;        background-size: cover;        background-attachment: fixed;    }    .con3con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .con3con strong {        display: block;        text-align: center;        color: var(--main-color-white);        font-size: 40px;        font-weight: normal;    }    .con3con p {        color: var(--main-color-white);        font-size: 14px;        margin: 20px auto;        text-align: center;    }    .play {        width: 60px;        transition: var(--main-transition);        cursor: pointer;        height: 60px;        background: rgba(0, 0, 0, .5);        border-radius: 50%;        color: var(--main-color-white);        text-align: center;        line-height: 60px;        margin: 0 auto;        margin-top: 120px;    }    .play:hover {        transform: scale(1.1);    }    .tc {        width: 100%;        height: 100%;        position: fixed;        top: 0;        display: none;        left: 0;        z-index: 99999;        background: rgba(0, 0, 0, .6);    }    .tc_con {        width: 100%;        height: 100%;        display: flex;        align-items: center;        justify-content: center;    }    .tc_con video {        max-width: 900px;        margin: 0 auto;    }    .gb {        position: absolute;        top: 30px;        right: 30px;        transform: rotate(45deg);        cursor: pointer;    }    .con4 {        padding: 80px 0;    }    .con4con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .con4title {        margin-bottom: 50px;        display: flex;        align-items: center;        justify-content: space-between;    }    .con4titleleft strong {        color: var(--main-color-222);        font-size: 40px;        display: block;        margin-bottom: 10px;        font-weight: normal;    }    .con4titleleft p {        font-size: 14px;        color: var(--main-color-333);        max-width: 800px;        line-height: 30px;    }    .con4titleright a {        display: block;        width: 160px;        height: 50px;        line-height: 50px;        text-align: center;        background-color: var(--main-color);        color: var(--main-color-white)    }    .con4box {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .boxleft {        width: 33%;        cursor: pointer;    }    .boxleft:hover img {        transform: scale(1.1);    }    .boxleft p {        text-align: center;        color: var(--main-color-222);        font-size: 22px;        margin: 10px 0;    }    .boxright {        width: 100%;    }    .box_img {        overflow: hidden;    }    .box_img img {        width: 100%;        transition: var(--main-transition);        height: 656px;        object-fit: cover;    }    .boxright ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .boxright ul li {        width: 32%;        cursor: pointer;        margin-bottom: 47px;    }    .boxright ul li:hover img {        transform: scale(1.1);    }    .r_boximg {        overflow: hidden;    }    .r_boximg img {        width: 100%;        height: 280px;        object-fit: cover;        transition: var(--main-transition);    }    .boxright ul li p {        text-align: center;        color: var(--main-color-222);        font-size: 22px;        margin: 10px 0;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;    }    .con5 {        padding: 80px 0;        background-image: url(../images/bg2.jpg);        background-repeat: no-repeat;        background-size: cover;    }    .con5con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .con5title strong {        font-size: 40px;        color: var(--main-color-white);        text-align: center;        margin-bottom: 15px;        font-weight: normal;        display: block;    }    .con5title {        margin-bottom: 30px;    }    .con5title span {        display: block;        text-align: center;        color: var(--main-color-white);        font-size: 14px;        max-width: 800px;        margin: 0 auto;        line-height: 30px;    }    .newswiper {        width: 100%;    }    .newbox {        display: flex;        align-items: center;        justify-content: space-between;        padding: 30px;        background-color: var(--main-color-white);    }    .newboxleft {        width: 50%;        padding-right: 30px;        padding-left: 50px;    }    .newboxright:hover img {        transform: scale(1.1);    }    .newboxright {        width: 50%;    }    .newboxright img {        width: 100%;        max-height: 480px;        object-fit: cover;        transition: var(--main-transition);    }    .newboxright a {        display: block;        overflow: hidden;    }    .newswiperout {        position: relative;    }    .newboxleft h1 {        font-size: 20px;        color: var(--main-color-333);        font-weight: normal;    }    .newboxleft span {        display: block;        color: var(--main-color-333);        font-size: 15px;        margin: 15px 0;    }    .newboxleft p {        color: var(--main-color-666);        font-size: 14px;        line-height: 25px;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 3;        margin-bottom: 20px;    }    .newboxleft a {        width: 150px;        height: 40px;        color: var(--main-color-white);        background-color: var(--main-color);        font-size: 14px;        line-height: 40px;        display: block;        text-align: center;    }    .newpage {        width: 45px !important;        height: 45px !important;        background: var(--main-color);        line-height: 45px !important;        text-align: center;        line-height: 45px;        font-size: 20px;        color: var(--main-color-white);        background-image: none !important;    }    .newpageleft {        left: -0px !important;    }    .newpageright {        right: 0px !important;    }    .foot1 {        padding: 20px 0;        background-color: var(--main-color);    }    .footer1 {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;        display: flex;        align-items: center;        justify-content: space-between;    }    .footer1left a {        color: var(--main-color-white);        font-size: 18px;        display: inline-block;        margin-right: 30px;    }    .footer1right a {        transition: var(--main-transition);        display: inline-block;        height: 40px;        width: 40px;        color: var(--main-color-white);        border: 1px solid var(--main-color-white);        text-align: center;        line-height: 35px;        border-radius: 50%;        margin-left: 20px;    }    .footer1right a:hover {        background-color: var(--main-color-white);        color: var(--main-color);    }    .foot2 {        padding: 50px 0;        background-color: #171717;    }    .footer2 {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;        display: flex;        align-items: center;        justify-content: space-between;    }    .footer2item strong {        display: block;        color: var(--main-color-white);        font-size: 20px;        text-align: center;        font-weight: normal;        margin-bottom: 20px;    }    .footer2item {        width: 32%;        background-color: #101010;        padding: 20px;    }    .footer2item p {        line-height: 30px;        text-align: center;        color: var(--main-color-white);        margin-bottom: 5px;        font-size: 15px;    }    .footer2center {        padding: 20px;        background-color: #101010;        width: 25%;    }    .footer2center strong {        display: block;        font-weight: normal;        color: var(--main-color-white);        font-size: 24px;        margin-bottom: 15px;        text-align: center;    }    .footer2center ul li {        display: flex;        align-items: center;        padding: 15px;        justify-content: space-between;        border-bottom: 1px solid #202020;    }    .footer2center ul li span {        color: var(--main-color-white);        font-size: 14px;    }    .footer2center a {        display: block;        color: var(--main-color-white);        font-size: 14px;        background-color: var(--main-color);        width: 140px;        height: 40px;        line-height: 40px;        text-align: center;        margin: 0 auto;        margin-top: 20px;    }    .aboutus1 {        padding: 15px 0;        width: 100%;    }    .aboutus1con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;        display: flex;        flex-wrap: wrap;        align-items: center;        justify-content: space-between;    }    .aboutus1left {        width: 48%;    }    .aboutus1left img {        width: 100%;    }    .aboutus1right {        width: 48%;    }    .aboutus1right strong {        font-weight: normal;        font-size: 40px;        display: block;        color: var(--main-color-333);        margin-bottom: 20px;    }    .aboutus1right p {        color: var(--main-color-666);        font-size: 16px;        line-height: 25px;    }    .aboutus1right a {        display: block;        margin-top: 30px;        text-align: center;        width: 150px;        height: 45px;        line-height: 45px;        background-color: var(--main-color);        color: var(--main-color-white);        font-size: 15px;    }    .aboutus2 {        margin-top: 50px;        padding: 80px 0;        background-image: url(../images/bg4.png);        background-size: cover;    }    .aboutus2con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .about2title {        margin-bottom: 40px;    }    .about2title strong {        color: var(--main-color-white);        font-size: 36px;        font-weight: normal;        display: block;        margin-bottom: 10px;    }    .about2title p {        color: var(--main-color-white);        font-size: 14px;    }    .aboutus2content {        padding: 85px;        background: rgba(255, 255, 255, .8);    }    .aboutus2content ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .aboutus2content ul li {        width: 49%;        padding: 20px;        background-color: var(--main-color-white);        margin-bottom: 30px;        padding: 50px;    }    .aboutus2content ul li img {        width: 65px;        height: 65px;        display: block;        margin: 0 auto;    }    .aboutus2content ul li p {        font-size: 24px;        color: var(--main-color-333);        margin: 10px auto;        text-align: center;    }    .aboutus2content ul li span {        color: var(--main-color-333);        font-size: 14px;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 2;        line-height: 25px;        text-align: center;    }    .aboutus3 {        padding: 80px 0;    }    .aboutus3con {        max-width: 1570px;        padding: 0 65px;        margin: 0 auto;    }    .aboutus3title {        margin-bottom: 40px;    }    .aboutus3title strong {        color: var(--main-color-333);        font-size: 36px;        text-align: center;        font-weight: normal;        display: block;        margin-bottom: 10px;    }    .aboutus3title p {        text-align: center;        color: var(--main-color-333);        font-size: 15px;    }    .aboutus3con ul {        display: flex;        flex-wrap: wrap;    }    .aboutus3con ul li {        width: calc((100% - 40px) / 3);        margin-right: 20px;        margin-bottom: 20px;    }    .aboutus3con ul li:nth-child(3n) {        margin-right: 0;    }    .aboutus3con ul li:hover img {        transform: scale(1.1);    }    .caseimg {        overflow: hidden;    }    .caseimg img {        width: 100%;        max-height: 380px;        object-fit: cover;        transition: var(--main-transition);    }    .aboutus3con ul li p {        font-size: 20px;        margin: 10px 0;        text-align: center;        color: var(--main-color-222);    }    .aboutus3con ul li span {        display: block;        text-align: center;        color: var(--main-color-666);        padding: 0 30px;    }}@media only screen and (max-width: 996px) {    .aboutus3 {        padding: 30px 15px;    }    .aboutus3con {        margin: 0 auto;    }    .aboutus3title {        margin-bottom: 30px;    }    .aboutus3title strong {        color: var(--main-color-333);        font-size: 22px;        text-align: center;        font-weight: normal;        display: block;        margin-bottom: 5px;    }    .aboutus3title p {        text-align: center;        color: var(--main-color-333);        font-size: 14px;    }    .aboutus3con ul {        display: flex;        flex-wrap: wrap;    }    .aboutus3con ul li {        width: 100%;        margin-bottom: 20px;    }    .caseimg {        overflow: hidden;    }    .caseimg img {        width: 100%;        object-fit: cover;        transition: var(--main-transition);    }    .aboutus3con ul li p {        font-size: 16px;        margin: 10px 0;        text-align: center;        color: var(--main-color-222);    }    .aboutus3con ul li span {        display: block;        text-align: center;        color: var(--main-color-666);        padding: 0 20px;        font-size: 14px;    }    .aboutus2 {        padding: 30px 15px;        background-image: url(../images/bg4.png);        background-size: cover;    }    .aboutus2con {        margin: 0 auto;    }    .about2title {        margin-bottom: 40px;    }    .about2title strong {        color: var(--main-color-white);        font-size: 22px;        font-weight: normal;        display: block;        margin-bottom: 10px;    }    .about2title p {        color: var(--main-color-white);        font-size: 14px;    }    .aboutus2content {        padding: 30px;        background: rgba(255, 255, 255, .8);    }    .aboutus2content ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .aboutus2content ul li {        width: 100%;        padding: 20px;        background-color: var(--main-color-white);        margin-bottom: 30px;    }    .aboutus2content ul li img {        width: 45px;        height: 45px;        display: block;        margin: 0 auto;    }    .aboutus2content ul li p {        font-size: 20px;        color: var(--main-color-333);        margin: 5px auto;        text-align: center;    }    .aboutus2content ul li span {        color: var(--main-color-333);        font-size: 14px;        width: 100%;        display: block;        line-height: 25px;        text-align: center;    }    .aboutus1 {        padding: 30px 15px;        width: 100%;    }    .aboutus1con {        margin: 0 auto;        display: flex;        flex-wrap: wrap;        align-items: center;        justify-content: space-between;    }    .aboutus1left {        width: 100%;        margin-bottom: 20px;    }    .aboutus1left img {        width: 100%;    }    .aboutus1right {        width: 100%;    }    .aboutus1right strong {        font-weight: normal;        font-size: 22px;        display: block;        color: var(--main-color-333);        margin-bottom: 15px;    }    .aboutus1right p {        color: var(--main-color-666);        font-size: 14px;        line-height: 25px;    }    .aboutus1right a {        display: block;        margin-top: 30px;        text-align: center;        width: 150px;        height: 45px;        line-height: 45px;        background-color: var(--main-color);        color: var(--main-color-white);        font-size: 15px;    }    .foot2 {        padding: 30px 15px;        background-color: #171717;    }    .footer2 {        flex-wrap: wrap;        margin: 0 auto;        display: flex;        align-items: center;        justify-content: space-between;    }    .footer2item strong {        display: block;        color: var(--main-color-white);        font-size: 16px;        text-align: center;        font-weight: normal;        margin-bottom: 10px;    }    .footer2item {        width: 100%;        background-color: #101010;        padding: 20px;    }    .footer2item p {        line-height: 30px;        text-align: center;        color: var(--main-color-white);        margin-bottom: 5px;        font-size: 14px;    }    .footer2center {        margin: 20px auto;        padding: 20px;        background-color: #101010;        width: 100%;    }    .footer2center strong {        display: block;        font-weight: normal;        color: var(--main-color-white);        font-size: 20px;        margin-bottom: 10px;        text-align: center;    }    .footer2center ul li {        display: flex;        align-items: center;        padding: 10px;        justify-content: space-between;        border-bottom: 1px solid #202020;    }    .footer2center ul li span {        color: var(--main-color-white);        font-size: 14px;    }    .footer2center a {        display: block;        color: var(--main-color-white);        font-size: 14px;        background-color: var(--main-color);        width: 140px;        height: 40px;        line-height: 40px;        text-align: center;        margin: 0 auto;        margin-top: 20px;    }    .foot1 {        padding: 30px 15px;        background-color: var(--main-color);    }    .footer1 {        margin: 0 auto;        display: flex;        flex-wrap: wrap;        align-items: center;        justify-content: space-between;    }    .footer1left {        width: 100%;        margin-bottom: 20px;    }    .footer1left a {        color: var(--main-color-white);        font-size: 16px;        display: inline-block;        margin-right: 20px;        margin-bottom: 10px;    }    .footer1right a {        transition: var(--main-transition);        display: inline-block;        height: 40px;        width: 40px;        color: var(--main-color-white);        border: 1px solid var(--main-color-white);        text-align: center;        line-height: 35px;        border-radius: 50%;        margin-right: 20px;    }    .footer1right a:hover {        background-color: var(--main-color-white);        color: var(--main-color);    }    .con5 {        padding: 30px 15px;        background-image: url(../images/bg2.jpg);        background-repeat: no-repeat;        background-size: cover;    }    .con5con {        margin: 0 auto;    }    .con5title strong {        display: block;        font-size: 30px;        color: var(--main-color-white);        text-align: center;        margin-bottom: 10px;        font-weight: normal;    }    .con5title {        margin-bottom: 30px;    }    .con5title span {        display: block;        text-align: center;        color: var(--main-color-white);        font-size: 14px;        margin: 0 auto;        line-height: 25px;    }    .newswiper {        width: 100%;    }    .newbox {        display: flex;        align-items: center;        justify-content: space-between;        padding: 30px;        flex-wrap: wrap;        flex-direction: column-reverse;        background-color: var(--main-color-white);    }    .newboxleft {        width: 100%;        margin-top: 20px;    }    .newboxright:hover img {        transform: scale(1.1);    }    .newboxright {        width: 100%;    }    .newboxright img {        width: 100%;        max-height: 480px;        object-fit: cover;        transition: var(--main-transition);    }    .newboxright a {        display: block;        overflow: hidden;    }    .newswiperout {        position: relative;    }    .newboxleft h1 {        font-size: 20px;        color: var(--main-color-333);        font-weight: normal;    }    .newboxleft span {        display: block;        color: var(--main-color-333);        font-size: 15px;        margin: 15px 0;    }    .newboxleft p {        color: var(--main-color-666);        font-size: 14px;        line-height: 25px;        width: 100%;        overflow: hidden;        text-overflow: ellipsis;        display: -webkit-box;        -webkit-box-orient: vertical;        -webkit-line-clamp: 3;        margin-bottom: 20px;    }    .newboxleft a {        width: 150px;        height: 40px;        color: var(--main-color-white);        background-color: var(--main-color);        font-size: 14px;        line-height: 40px;        display: block;        text-align: center;    }    .newpage {        width: 45px !important;        height: 45px !important;        background: rgba(208, 157, 91, .5);        line-height: 45px !important;        text-align: center;        line-height: 45px;        font-size: 20px;        color: var(--main-color-white);        background-image: none !important;    }    .newpageleft {        left: -0px !important;    }    .newpageright {        right: 0px !important;    }    .con4 {        padding: 30px 15px;    }    .con4con {        margin: 0 auto;    }    .con4title {        margin-bottom: 30px;        display: flex;        flex-wrap: wrap;        align-items: center;        justify-content: space-between;    }    .con4titleleft strong {        color: var(--main-color-222);        font-size: 25px;        display: block;        margin-bottom: 5px;        font-weight: normal;    }    .con4titleleft p {        font-size: 14px;        color: var(--main-color-333);        line-height: 30px;    }    .con4titleright {        margin-top: 20px;    }    .con4titleright a {        display: block;        width: 160px;        height: 50px;        line-height: 50px;        text-align: center;        background-color: var(--main-color);        color: var(--main-color-white)    }    .con4box {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .boxleft {        width: 100%;        cursor: pointer;        margin-bottom: 20px;    }    .boxleft:hover img {        transform: scale(1.1);    }    .boxleft p {        text-align: center;        color: var(--main-color-222);        font-size: 22px;        margin: 10px 0;    }    .boxright {        width: 100%;    }    .box_img {        overflow: hidden;    }    .box_img img {        width: 100%;        transition: var(--main-transition);        object-fit: cover;    }    .boxright ul {        display: flex;        flex-wrap: wrap;        justify-content: space-between;    }    .boxright ul li {        width: 100%;        cursor: pointer;        margin-bottom: 20px;    }    .boxright ul li:hover img {        transform: scale(1.1);    }    .r_boximg {        overflow: hidden;    }    .r_boximg img {        width: 100%;        max-height: 280px;        transition: var(--main-transition);    }    .boxright ul li p {        text-align: center;        color: var(--main-color-222);        font-size: 22px;        margin: 10px 0;    }    .con3 {        padding: 30px 15px;        background-image: url(../images/bg1.jpg);        background-repeat: no-repeat;        background-size: cover;        background-attachment: fixed;    }    .con3con {        margin: 0 auto;    }    .con3con strong {        display: block;        text-align: center;        color: var(--main-color-white);        font-size: 25px;        font-weight: normal;    }    .con3con p {        color: var(--main-color-white);        font-size: 14px;        margin: 20px auto;        text-align: center;    }    .play {        width: 60px;        transition: var(--main-transition);        cursor: pointer;        height: 60px;        background: rgba(0, 0, 0, .5);        border-radius: 50%;        color: var(--main-color-white);        text-align: center;        line-height: 60px;        margin: 0 auto;    }    .tc {        width: 100%;        height: 100%;        position: fixed;        top: 0;        display: none;        left: 0;        z-index: 99999;        background: rgba(0, 0, 0, .6);    }    .tc_con {        width: 100%;        height: 100%;        display: flex;        align-items: center;        justify-content: center;    }    .tc_con video {        width: 90%;        margin: 0 auto;    }    .gb {        position: absolute;        top: 30px;        right: 30px;        transform: rotate(45deg);        cursor: pointer;    }    .con2 {        padding: 30px 15px;    }    .con2con {        margin: 0 auto;    }    .con2title {        margin-bottom: 30px;    }    .con2title p {        font-size: 30px;        color: var(--main-color-333);        text-align: center;        margin-bottom: 10px;    }    .con2title span {        display: block;        text-align: center;        color: var(--main-color-333);        font-size: 14px;        margin: 0 auto;        line-height: 25px;    }    .con2con ul {        display: flex;        flex-wrap: wrap;    }    .con2con ul li {        width: 100%;        cursor: pointer;        margin-bottom: 30px;    }    .con2box {        position: relative;        overflow: hidden;    }    .con2box .caseimg {        transition: var(--main-transition);        width: 100%;        object-fit: cover;    }    .con2pos {        position: absolute;        width: 100%;        height: 100%;        left: 0;        top: 0%;        transition: var(--main-transition);        display: flex;        align-items: center;        justify-content: center;    }    .cir {        width: 70px;        height: 70px;        display: flex;        background: rgba(208, 157, 91, 0.5);        align-items: center;        justify-content: center;        border-radius: 50%;        animation: sca 1s linear 0s infinite;    }    @keyframes sca {        0% {            transform: scale(1);        }        100% {            transform: scale(1.1);        }    }    .con2txt {        background-color: var(--main-color);        padding: 30px 15px;        transition: var(--main-transition);    }    .con2txt p {        font-size: 18px;        color: var(--main-color-white);        margin-bottom: 10px;        text-align: center;        transition: var(--main-transition);    }    .con2txt span {        color: var(--main-color-white);        font-size: 14px;        transition: var(--main-transition);        line-height: 25px;        text-align: center;        display: block;    }    .con1 {        width: 100%;        padding: 30px 15px;    }    .con1con {        margin: 0 auto;    }    .con1con ul {        display: flex;        flex-wrap: wrap;    }    .con1con ul li {        width: 50%;        transition: var(--main-transition);        display: flex;        align-items: center;        justify-content: center;        flex-direction: column;        background-color: var(--main-color);        border-right: 1px solid #f2f2f2;        padding: 30px;    }    .con1con ul li:last-child {        border: none !important;    }    .con1con ul li strong {        transition: var(--main-transition);        font-size: 30px;        color: var(--main-color-white);        text-align: center;        display: block;        margin-bottom: 15px;    }    .con1con ul li p {        font-size: 14px;        color: var(--main-color-white);        transition: var(--main-transition);        text-align: center;    }    .ml_banner .swiper-slide {        position: relative;    }    .banner_pos {        position: absolute;        width: 100%;        height: 100%;        left: 0;        top: 0;        display: flex;        align-items: center;        flex-direction: column;        justify-content: center;    }    .banner_pos p {        font-size: 25px;        text-align: center;        color: var(--main-color-white);    }    .inside {        padding: 15px;    }    .inside p {        font-size: 14px;        color: var(--main-color-222);    }    .inbanner {        width: 100%;        height: 200px;        background-image: url(../images/inbanner.jpg);        background-size: cover;        background-position: center;        display: flex;        align-items: center;        justify-content: center;    }    .inbanner strong {        font-size: 25px;        color: var(--main-color-white);        font-weight: normal;    }    .copy {        width: 100%;        text-align: center;        padding: 15px;        border-top: 1px solid #555555;        background-color: #3b3d40;        margin-bottom: 60px;    }    .copycon {        text-align: center;        text-align: center;        font-size: 13px;        color: var(--main-color-999);        margin: 0 auto;    }    .copycon a {        font-size: 13px;        color: var(--main-color-999);    }    .pchead {        display: none;    }    .pcnav {        display: none;    }    .ml_mb_arrowChange {        transform: rotate(90deg);    }    .ml_mbnav_3 {        display: none;    }    .ml_mbnav_3_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;        background-color: #efefef;    }    .ml_mbnav_3_item>a {        display: block;        width: 100%;        height: 40px;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        padding-left: 35px;    }    .ml_mb_nav i {        font-size: 22px !important;        transition: var(--main-transition);    }    .ml_mbnav_2_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;        background-color: #e3e3e3;    }    .ml_mbnav_2_item>a {        display: block;        height: 40px;        width: 100%;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        padding-left: 20px;    }    .ml_mbnav_2 {        display: none;    }    .ml_mbnav_1_item>a {        display: block;        height: 40px;        line-height: 40px;        color: var(--main-color-666);        font-size: 14px;        width: 100%;    }    .ml_mbnav_1_item {        display: flex;        padding: 0 20px;        justify-content: space-between;        align-items: center;        border-bottom: 1px solid #f3f3f3;    }    .ml_mb_nav {        width: 100%;        height: calc(100% - 60px);        position: fixed;        top: 60px;        right: -100%;        background-color: var(--main-color-white);        z-index: 100;        border-top: 1px solid #ccc;        overflow: scroll;        padding: 20px 0;        transition: var(--main-transition);    }    .mb_navShow {        right: 0 !important;    }    .hb_fadeout {        opacity: 0 !important;    }    .change2 {        transform: translateY(-10px) rotate(-45deg);    }    .change1 {        transform: translateY(10px) rotate(45deg);    }    .hb span {        display: block;        width: 30px;        height: 1px;        background-color: var(--main-color-white);        transition: var(--main-transition);    }    .hb {        display: flex;        flex-wrap: wrap;        justify-content: space-between;        height: 20px;        flex-direction: column;    }    .ml_mb_logo img {        height: 40px;    }    .ml_mb_head {        display: flex;        height: 60px;        padding: 0 20px;        background: rgba(0, 0, 0, .7);        position: fixed;        top: 0;        left: 0;        align-items: center;        justify-content: space-between;        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;        width: 100%;        z-index: 99;    }    .ml_pcheader {        display: none;    }    .mb_right {        display: flex;        align-items: center;    }    .ml_banner {        width: 100%;    }    .ml_banner img {        width: 100%;    }    .bannerpage .swiper-pagination-bullet {        width: 10px !important;        height: 10px !important;    }    .bannerbtn {        width: 40px !important;        height: 40px !important;        display: flex;        align-items: center;        justify-content: center;        color: var(--main-color-white);        font-size: 25px;        transition: var(--main-transition);        background: rgba(0, 0, 0, .7);        background-image: none !important;    }}