* {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-family: ' ';
            word-break: break-word;
        }
        
        ul li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
        }
        
        a:hover {
            text-decoration: none;
        }
        
        img {
            vertical-align: top;
            outline-width: 0ch;
        }
        
        body {
            overflow-x: hidden;
        }
        
         :root {
            --main-color: #288fc8;
            --main-color1: #ff7d00;
            --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) {
            .logob {
                height: 50px;
            }
            .pchead {
                width: 100%;
                position: fixed;
                top: 0;
                left: 0;
                padding: 0 3%;
                z-index: 99;
                background-color: var(--main-color-white);
                height: 85px;
                transition: var(--main-transition);
                box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
                ;
            }
            .change_head {
                background: rgba(0, 0, 0, .7);
            }
            .pcheader {
                width: 100%;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 86px;
            }
            .pclogo img {
                height: 55px;
            }
            .pcnav {
                display: flex;
                align-items: center;
                position: relative;
                z-index: 99;
            }
            .pcnav>li {
                position: relative;
                transition: var(--main-transition);
            }
            .pcnav>li:hover {
                color: var(--main-color);
            }
            .pcnav>li>a {
                display: block;
                height: 50px;
                line-height: 50px;
                font-size: 17px;
                transition: var(--main-transition);
                color: var(--main-color-555);
                padding: 0 20px;
            }
            .pc_sec_nav {
                position: absolute;
                top: 100%;
                left: 0;
                width: 150px;
                background-color: var(--main-color-white);
                opacity: 0;
                visibility: hidden;
                transition: var(--main-transition);
            }
            .pc_sec_item a {
                color: var(--main-color-666);
                font-size: 14px;
                display: block;
                padding: 10px 20px;
                transition: var(--main-transition);
            }
            .pcnav>li:hover .first_a {
                color: var(--main-color);
            }
            .pcnav>li>a:hover {
                color: var(--main-color);
            }
            .pc_sec_item .second_a:hover {
                color: var(--main-color-white) !important;
                background-color: var(--main-color-white) !important;
            }
            .pcnav li:hover .pc_sec_nav {
                opacity: 1 !important;
                visibility: visible !important;
            }
            .pc_sec_item:hover .pc_third_nav {
                opacity: 1 !important;
                visibility: visible !important;
            }
            .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;
                left: 100%;
                top: 0;
                z-index: 998;
                width: 150px;
                opacity: 0;
                visibility: hidden;
                transition: var(--main-transition);
            }
            .third_a {
                color: var(--main-color-666);
                background-color: var(--main-color-white);
            }
            .ml_mb_head {
                display: none;
            }
            .ml_mb_nav {
                display: none;
            }
            .ml_banner {
                width: 100%;
                z-index: 998;
                margin-top: 85px !important;
            }
            .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;
                background-color: var(--main-color);
                background-color: #eeeff2;
            }
            .copycon {
                text-align: center;
                max-width: 1200px;
                text-align: center;
                font-size: 14px;
                color: var(--main-color-666);
                margin: 0 auto;
            }
            .copycon a {
                font-size: 14px;
                color: var(--main-color-666);
            }
            .inbanner {
                width: 100%;
                height: 300px;
                margin-top: 85px;
                background-image: url(../images/inbanner.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .inbanner strong {
                display: block;
                font-size: 30px;
                color: var(--main-color-white);
                font-weight: normal;
                width: 100%;
                padding: 0 65px;
                max-width: 1630px;
            }
            .inside {
                padding: 10px 65px;
                max-width: 1630px;
                margin: 0 auto;
            }
            .inside p {
                font-size: 14px;
                color: var(--main-color-333);
            }
            .top_link {
                display: flex;
                align-items: center;
                width: 100%;
                justify-content: right;
                margin-top: 15px;
            }
            .top_linkitem {
                display: flex;
                align-items: center;
                margin-left: 20px;
                cursor: pointer;
            }
            .top_linkitem i {
                font-size: 15px !important;
                color: var(--main-color);
                font-weight: bold;
                transition: var(--main-transition);
            }
            .top_linkitem span {
                font-weight: bold;
                transition: var(--main-transition);
                color: var(--main-color);
                font-size: 15px;
                display: block;
                margin-left: 5px;
            }
            .top_linkitem:hover i {
                color: var(--main-color1);
            }
            .top_linkitem:hover span {
                color: var(--main-color1);
            }
            .h_r {
                /* height: 100%; */
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            .nav_hr {
                display: flex;
                align-items: center;
            }
            .nav_phone {
                margin-left: 20px;
                color: var(--main-color1);
                font-size: 14px;
                font-weight: bold;
                display: flex;
                align-items: center;
                padding-left: 20px;
                border-left: 2px solid var(--main-color);
            }
            .nav_phone span {
                display: block;
                margin-left: 5px;
            }
            .con1 {
                padding: 80px 0;
                background-image: url(../images/bg1.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con1con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
                display: flex;
            }
            .con1left {
                width: 240px;
            }
            .con1right {
                width: calc(100% - 240px);
                padding-left: 50px;
            }
            .con1_title h1 {
                font-weight: 200;
                color: var(--main-color);
                font-size: 30px;
            }
            .con1_title p {
                font-size: 16px;
                color: var(--main-color1);
                /* font-weight: bold; */
                margin-bottom: 10px;
                text-transform: uppercase;
            }
            .con1_title span {
                font-size: 15px;
                color: #444;
                display: block;
                margin-bottom: 5px;
            }
            .con1_title h2 {
                font-size: 16px;
                color: var(--main-color1);
                font-weight: bold;
                margin-bottom: 10px;
                text-transform: uppercase;
            }
            .con1left {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
            }
            .con1_btn {
                display: flex;
                align-items: center;
            }
            .con1tab {
                width: 60px;
                cursor: pointer;
                margin-right: 20px;
                height: 60px;
                text-align: center;
                line-height: 60px;
                display: block;
                background-color: var(--main-color);
                border-radius: 9px;
                color: var(--main-color-white);
                font-size: 25px;
            }
            .con1_btn .swiper-button-disabled {
                opacity: .5 !important;
            }
            .new_swiper_item {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 25px;
                cursor: pointer;
            }
            .new_swiper {
                width: 100%;
            }
            .nsi_left {
                width: 15%;
                background-color: var(--main-color-white);
                border: 1px solid #e6e6e6;
                border-radius: 15px;
                transition: var(--main-transition);
                overflow: hidden;
            }
            .nsi_left img {
                width: 100%;
                transition: var(--main-transition);
            }
            .nsi_right {
                width: 82%;
                padding-bottom: 20px;
                border-bottom: 2px solid #efefef;
            }
            .nsi_right h1 {
                color: var(--main-color1);
                font-size: 20px;
            }
            .nsi_right p {
                font-size: 22px;
                color: var(--main-color-555);
                display: block;
                margin-top: 5px;
                margin-bottom: 5px;
                transition: var(--main-transition);
            }
            .nsi_right span {
                font-size: 14px;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color: var(--main-color-666);
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-height: 30px;
            }
            .new_swiper_item:hover .nsi_left {
                border: 1px solid var(--main-color1);
            }
            .new_swiper_item:hover img {
                transform: scale(1.1);
            }
            .new_swiper_item:hover .nsi_right p {
                color: var(--main-color);
            }
            .new_swiper_item:last-child {
                margin-bottom: 0;
            }
            .con1more {
                display: block;
                margin-top: 15px;
                padding-left: 40px;
                font-size: 15px;
                color: var(--main-color);
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
            }
            .con2 {
                padding: 100px 0;
                background-image: url(../images/bg2.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con2con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
            }
            .con2_title {
                max-width: 570px;
                margin-bottom: 40px;
            }
            .con2_title strong {
                color: #9ddcff;
                font-size: 30px;
                display: block;
                margin-bottom: 10px;
                font-weight: normal;
            }
            .con2_title strong span {
                font-size: 22px;
                color: #9ddcff;
                margin-left: 20px;
            }
            .con2_title p {
                color: var(--main-color-white);
                font-size: 45px;
                font-weight: 200;
            }
            .con2_title h1 {
                font-size: 20px;
                color: var(--main-color-white);
                opacity: .5;
                font-weight: 400;
                margin-top: 10px;
            }
            .con2_box1 {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .con2_box1_item {
                width: 32.5%;
                border-radius: 15px;
                position: relative;
                overflow: hidden;
            }
            .con2_box1_item img {
                width: 100%;
                height: 280px;
                object-fit: cover;
                transition: var(--main-transition);
            }
            .con2box1pos {
                transition: var(--main-transition);
                /* background: rgba(0, 0, 0, .3); */
                position: absolute;
                width: 100%;
                height: 100%;
                cursor: pointer;
                left: 0;
                top: 0;
                top: 170px;
                z-index: 12;
                background: rgba(255, 125, 0, 0);
                padding: 30px 25px;
            }
            .con2box1pos h2 {
                font-weight: normal;
                font-size: 22px;
                color: var(--main-color-white);
            }
            .con2box1pos strong {
                display: block;
                font-size: 18px;
                color: var(--main-color-white);
                opacity: .6;
                font-weight: normal;
                margin-bottom: 30px;
            }
            .con2_box1_cover {
                transition: var(--main-transition);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 8;
                background: rgba(0, 0, 0, .4);
            }
            .con2_box1_item:hover .con2_box1_cover {
                background: rgba(0, 0, 0, 0);
            }
            .con2_box1_item:hover .con2box1pos {
                top: 80px !important;
                background: rgba(255, 125, 0, 1);
            }
            .con2box1pos ul {
                display: flex;
            }
            .con2box1pos ul li a {
                color: var(--main-color-white);
                font-size: 14px;
                margin-right: 20px;
            }
            .con2_box1_item:hover img {
                transform: scale(1.1);
            }
            .con2_box2 {
                margin-top: 15px;
            }
            .con2_box2 ul {
                display: flex;
                align-items: center;
            }
            .con2_box2 ul li {
                height: 275px;
                padding: 25px;
                overflow: hidden;
                cursor: pointer;
                border-radius: 20px;
                transition: var(--main-transition);
            }
            .con2_box2 ul li:hover {
                background-color: var(--main-color1) !important;
            }
            .con2_box2 ul li img {
                width: 65px;
                height: 65px;
                object-fit: contain;
            }
            .con2_box2 ul li:nth-child(5n) {
                margin-right: 0;
            }
            .con2_box2 ul li {
                width: calc((100% - 80px) / 5);
                margin-right: 20px;
            }
            .con2_box2 ul li p {
                font-size: 22px;
                color: var(--main-color-white);
                margin-top: 30px;
            }
            .con2_box2 ul li span {
                color: var(--main-color-white);
                opacity: .7;
                margin-top: 20px;
                display: block;
                font-weight: normal;
                font-size: 20px;
            }
            .con2_box2 ul li:nth-child(1) {
                background-color: #006699;
            }
            .con2_box2 ul li:nth-child(2) {
                background-color: #288fc8;
            }
            .con2_box2 ul li:nth-child(3) {
                background-color: #ffba00;
            }
            .con2_box2 ul li:nth-child(4) {
                background-color: #01b051;
            }
            .con2_box2 ul li:nth-child(5) {
                background-color: #04acbb;
            }
            .con3 {
                padding: 80px 0;
            }
            .con3con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
            }
            .con3_title strong {
                display: block;
                color: var(--main-color);
                font-weight: 300;
                font-size: 30px;
            }
            .con3_title {
                margin-bottom: 30px;
                font-size: 16px;
                /* font-weight: bold; */
                color: var(--main-color1);
            }
            .con3_top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom: 2px solid #e3e3e3;
            }
            .con3topleft {
                display: flex;
            }
            .con3topleft span {
                color: var(--main-color-555);
                font-size: 15px;
                padding: 0 10px;
                padding-bottom: 10px;
                display: block;
                cursor: pointer;
                border-bottom: 2px solid transparent;
            }
            .tab_active {
                border-bottom: 2px solid var(--main-color) !important;
                color: var(--main-color) !important;
            }
            .con3topright a {
                display: block;
                padding-left: 45px;
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
                font-size: 14px;
                color: var(--main-color);
            }
            .con3fy ul {
                display: flex;
                flex-wrap: wrap;
                margin-top: 45px;
            }
            .con3fy ul li {
                padding: 10px;
                width: calc((100% - 75px) / 6);
                margin-right: 15px;
                margin-bottom: 15px;
                cursor: pointer;
                border: 1px solid #e6e6e6;
                border-radius: 15px;
                overflow: hidden;
                background-color: var(--main-color-white);
            }
            .con3fy ul li img {
                width: 100%;
                transition: var(--main-transition);
                height: 365px;
                object-fit: contain;
            }
            .con3fy ul li:hover img {
                transform: scale(1.1);
            }
            .con3fy ul li:nth-child(6n) {
                margin-right: 0;
            }
            .con3fy {
                display: none;
            }
            .con4 {
                padding: 80px 0;
                background-image: url(../images/bg3.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con4con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .con4left {
                width: 280px;
            }
            .con4left h1 {
                color: var(--main-color);
                font-weight: 300;
                font-size: 30px;
            }
            .con4left span {
                font-weight: bold;
                color: var(--main-color1);
                font-size: 16px;
                text-transform: uppercase;
                font-weight: normal;
            }
            .con4left strong {
                font-weight: normal;
                font-size: 15px;
                margin-top: 10px;
                margin-bottom: 10px;
                display: block;
                color: var(--main-color-666);
            }
            .con4left a {
                padding-left: 40px;
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
                color: var(--main-color);
            }
            .con4right {
                width: calc(100% - 350px);
                padding: 60px 50px;
                background-color: var(--main-color-white);
                box-shadow: var(--main-shadow);
                border-radius: 20px;
            }
            .con4right strong {
                display: block;
                color: var(--main-color);
                font-size: 35px;
                font-weight: normal;
                margin-bottom: 20px;
            }
            .con4right p {
                font-size: 16px;
                color: var(--main-color-999);
                line-height: 30px;
                margin-bottom: 30px;
            }
            .mumping_mun {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .mun_top {
                display: flex;
                width: 100%;
                justify-content: center;
            }
            .mun_top h2 {
                color: var(--main-color1);
                font-size: 40px;
                font-weight: normal;
            }
            .mun_top span {
                color: var(--main-color);
                display: block;
                margin-left: 10px;
            }
            .mumping_mun li p {
                font-size: 15px;
                color: var(--main-color-999);
                text-align: center;
            }
            .foot {
                width: 100%;
                background-color: #006699;
                padding: 50px 0;
            }
            .footer {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
            }
            .foot1 {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-bottom: 20px;
                border-bottom: 1px solid #3385ad;
            }
            .foot1 ul {
                display: flex;
                flex-wrap: wrap;
            }
            .foot1 ul li a {
                color: var(--main-color-white);
                font-size: 14px;
                font-weight: bold;
                margin-right: 20px;
            }
            .foot1 ul li a:hover {
                color: var(--main-color1);
            }
            .foot2 {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 30px;
            }
            .f2litem {
                display: flex;
                align-items: center;
                padding-bottom: 15px;
                border-bottom: 1px solid #3385ad;
            }
            .phonediv {
                width: 50px;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--main-color1);
                border-radius: 50%;
            }
            .phone_r {
                margin-left: 15px;
            }
            .phone_r span {
                color: var(--main-color-white);
                opacity: .4;
                font-size: 14px;
                display: block;
            }
            .phone_r strong {
                font-size: 30px;
                color: var(--main-color1);
                font-weight: normal;
            }
            .foot2left ul {
                margin-top: 30px;
                display: block;
            }
            .foot2left ul li span {
                color: var(--main-color-white);
                opacity: .6;
                font-size: 14px;
                margin-bottom: 10px;
                display: block;
            }
            .foot2right img {
                width: 100px;
                height: 100px;
            }
            .foot2right p {
                text-align: center;
                color: var(--main-color-white);
                opacity: .4;
                font-size: 14px;
                margin-top: 10px;
            }
            .aboutus1 {
                padding: 15px 0;
                padding-bottom: 50px;
            }
            .aboutus1con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .aboutus1left {
                width: 55%;
            }
            .aboutus1left p {
                font-size: 14px;
                color: var(--main-color-666);
                line-height: 30px;
            }
            .aboutus1left img {
                height: 40px;
                display: block;
                margin-bottom: 20px;
            }
            .aboutus1right {
                width: 40%;
            }
            .aboutus1right img {
                width: 100%;
            }
            .aboutus2 {
                padding: 50px 0;
            }
            .aboutus2con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
            }
            .aboutus2con ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .aboutus2con ul li {
                width: 25%;
                border-top: 1px solid #e1e9ed;
                border-left: 1px solid #e1e9ed;
                border-bottom: 1px solid #e1e9ed;
                text-align: center;
                padding: 35px 25px;
            }
            .aboutus2con ul li:last-child {
                border-right: 1px solid #e1e9ed;
            }
            .aboutus2con ul li img {
                width: 48px;
                display: block;
                margin: 0 auto;
            }
            .aboutus2con ul li p {
                color: var(--main-color-555);
                font-size: 15px;
                margin-top: 15px;
            }
            .aboutus3 {
                background-color: #e9f0f3;
            }
            .aboutus3con {
                width: 100%;
                display: flex;
                justify-content: space-between;
            }
            .aboutus3left {
                width: 50%;
                padding: 5vw;
            }
            .aboutus3right {
                width: 50%;
            }
            .aboutus3right img {
                width: 100%;
            }
            .aboutus3left h1 {
                font-size: 25px;
                color: #536874;
                line-height: 25px;
                font-weight: normal;
                display: block;
                margin-bottom: 20px;
            }
            .aboutus3left p {
                line-height: 25px;
                margin-bottom: 20px;
                color: var(--main-color-666);
                font-size: 14px;
            }
            .aboutus3left ul li {
                display: flex;
                margin-bottom: 15px;
                align-items: center;
            }
            .aboutus3left ul li img {
                width: 12px;
            }
            .aboutus3left ul li span {
                color: var(--main-color-666);
                font-size: 14px;
                display: block;
                margin-left: 10px;
            }
            .aboutus4 {
                background-image: url(../images/circle.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                padding: 100px 0;
                position: relative;
            }
            .aboutus4con {
                width: 544px;
                height: 544px;
                margin: 0 auto;
                position: relative;
            }
            .aboutus4con img {
                width: 100%;
                height: 100%;
                display: block;
                margin: 0 auto;
            }
            .center_div {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: 18%;
                width: 350px;
                height: 350px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--main-color);
                border-radius: 50%;
                color: var(--main-color-white);
                font-size: 22px;
                font-weight: 300;
                border: 30px solid #b3d5e8;
            }
            .pos_item {
                display: flex;
                align-items: center;
                position: absolute;
                width: 350px;
            }
            .cir_box {
                transform: rotate(-40deg);
                width: 24px;
                margin: 0 20px;
                height: 24px;
                font-size: 16px;
                color: #fff;
                background: #fa7e00;
                border: 7px solid #fbe2c8;
                border-radius: 50%;
            }
            .pos_item1 {
                position: absolute;
                left: -130px;
                top: 30px;
            }
            .pos_item2 {
                right: -130px;
                top: 30px;
            }
            .pos_item3 {
                left: -250px;
                top: 250px;
            }
            .pos_item4 {
                right: -250px;
                top: 250px;
            }
            .pos_item5 {
                left: -170px;
                top: 450px;
            }
            .pos_item6 {
                right: -170px;
                top: 450px;
            }
            .pos_item:nth-child(even) {
                flex-direction: row-reverse;
            }
            .aboutus5 {
                width: 100%;
                padding: 80px 0;
            }
            .aboutus5con {
                max-width: 1630px;
                padding: 0 65px;
                margin: 0 auto;
            }
            .ab5title {
                text-align: center;
                color: var(--main-color);
                font-size: 25px;
                display: block;
                font-weight: bold;
                margin-bottom: 30px;
            }
            .aboutus5con ul {
                display: flex;
                flex-wrap: wrap;
            }
            .aboutus5con ul li {
                width: 20%;
                cursor: pointer;
                border-top: 1px solid #dae4e9;
                border-left: 1px solid #dae4e9;
                border-bottom: 1px solid #dae4e9;
                padding: 20px;
                overflow: hidden;
            }
            .aboutus5con ul li:nth-child(5n) {
                border-right: 1px solid #dae4e9;
            }
            .aboutus5con ul li:hover img {
                transform: scale(1.1);
            }
            .aboutus5con ul li img {
                width: 100%;
                transition: var(--main-transition);
                height: 100px;
                object-fit: contain;
            }
        }
        
        @media only screen and (max-width: 996px) {
            .aboutus5con ul li:nth-child(2n) {
                border-right: 1px solid #dae4e9;
            }
            .aboutus5 {
                width: 100%;
                padding: 30px 15px;
            }
            .aboutus5con {
                margin: 0 auto;
            }
            .ab5title {
                text-align: center;
                color: var(--main-color);
                font-size: 20px;
                display: block;
                font-weight: bold;
                margin-bottom: 20px;
            }
            .aboutus5con ul {
                display: flex;
                flex-wrap: wrap;
            }
            .aboutus5con ul li {
                width: 50%;
                cursor: pointer;
                border-top: 1px solid #dae4e9;
                border-left: 1px solid #dae4e9;
                border-bottom: 1px solid #dae4e9;
                padding: 40px 20px;
            }
            .aboutus5con ul li:hover img {
                transform: scale(1.1);
            }
            .aboutus5con ul li img {
                width: 100%;
                transition: var(--main-transition);
                height: 30px;
                object-fit: contain;
            }
            .aboutus4 {
                padding: 30px 15px;
            }
            .cir_img {
                display: none !important;
            }
            .center_div {
                display: none !important;
            }
            .pos_item {
                width: 100%;
            }
            .pos_item span {
                color: var(--main-color-666);
                font-size: 14px;
                margin-bottom: 20px;
                display: block;
                padding-left: 25px;
                position: relative;
            }
            .pos_item span::after {
                position: absolute;
                width: 10px;
                height: 10px;
                content: '';
                border-radius: 50%;
                background-color: var(--main-color1);
                left: 0;
                top: 3px;
            }
            .cir_box {
                display: none;
            }
            .aboutus3 {
                background-color: #e9f0f3;
                padding: 30px 15px;
            }
            .aboutus3con {
                width: 100%;
                flex-direction: column-reverse;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .aboutus3left {
                margin-top: 20px;
                width: 100%;
                padding: 10px;
            }
            .aboutus3right {
                width: 100%;
            }
            .aboutus3right img {
                width: 100%;
            }
            .aboutus3left h1 {
                font-size: 18px;
                color: #536874;
                line-height: 25px;
                font-weight: normal;
                display: block;
                margin-bottom: 10px;
            }
            .aboutus3left p {
                line-height: 25px;
                margin-bottom: 20px;
                color: var(--main-color-666);
                font-size: 14px;
            }
            .aboutus3left ul li {
                display: flex;
                margin-bottom: 10px;
                align-items: center;
            }
            .aboutus3left ul li img {
                width: 12px;
            }
            .aboutus3left ul li span {
                color: var(--main-color-666);
                font-size: 14px;
                display: block;
                margin-left: 10px;
            }
            .aboutus2 {
                padding: 30px 15px;
            }
            .aboutus2con {
                margin: 0 auto;
            }
            .aboutus2con ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .aboutus2con ul li {
                width: 50%;
                border-top: 1px solid #e1e9ed;
                border-left: 1px solid #e1e9ed;
                border-bottom: 1px solid #e1e9ed;
                text-align: center;
                padding: 35px 25px;
            }
            .aboutus2con ul li:last-child {
                border-right: 1px solid #e1e9ed;
            }
            .aboutus2con ul li img {
                width: 40px;
                display: block;
                margin: 0 auto;
            }
            .aboutus2con ul li p {
                color: var(--main-color-555);
                font-size: 13px;
                margin-top: 10px;
            }
            .aboutus1 {
                padding: 30px 15px;
            }
            .aboutus1con {
                margin: 0 auto;
                flex-direction: column-reverse;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }
            .aboutus1left {
                width: 100%;
            }
            .aboutus1left p {
                font-size: 14px;
                color: var(--main-color-666);
                line-height: 25px;
            }
            .aboutus1left img {
                width: 100%;
                display: block;
                margin-bottom: 15px;
            }
            .aboutus1right {
                width: 100%;
                margin-bottom: 30px;
            }
            .aboutus1right img {
                width: 100%;
            }
            .foot {
                width: 100%;
                background-color: #006699;
                padding: 30px 15px;
            }
            .foot1 {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-bottom: 20px;
                flex-wrap: wrap;
                border-bottom: 1px solid #3385ad;
            }
            .foot1 ul {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
            }
            .logob {
                width: 80%;
                display: block;
                margin-top: 20px;
            }
            .foot1 ul li a {
                color: var(--main-color-white);
                font-size: 14px;
                font-weight: bold;
                margin-right: 10px;
                display: block;
                margin-bottom: 10px;
            }
            .foot1 ul li a:hover {
                color: var(--main-color1);
            }
            .foot2 {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                margin-top: 20px;
            }
            .f2litem {
                display: flex;
                align-items: center;
                padding-bottom: 15px;
                border-bottom: 1px solid #3385ad;
            }
            .phonediv {
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--main-color1);
                border-radius: 50%;
            }
            .phonediv img {
                display: block;
                width: 55%;
            }
            .phone_r {
                margin-left: 15px;
            }
            .phone_r span {
                color: var(--main-color-white);
                opacity: .4;
                font-size: 14px;
                display: block;
            }
            .phone_r strong {
                font-size: 20px;
                color: var(--main-color1);
                font-weight: normal;
            }
            .foot2left {
                width: 100%;
                margin-bottom: 20px;
            }
            .foot2left ul {
                margin-top: 30px;
                display: block;
            }
            .foot2left ul li span {
                color: var(--main-color-white);
                opacity: .6;
                font-size: 14px;
                margin-bottom: 10px;
                display: block;
            }
            .foot2right img {
                width: 100px;
                height: 100px;
            }
            .foot2right p {
                text-align: center;
                color: var(--main-color-white);
                opacity: .4;
                font-size: 14px;
                margin-top: 10px;
            }
            .con4 {
                padding: 30px 15px;
                background-image: url(../images/bg3.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con4con {
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .con4left {
                width: 100%;
            }
            .con4left h1 {
                color: var(--main-color);
                font-weight: 300;
                font-size: 20px;
            }
            .con4left span {
                font-weight: bold;
                color: var(--main-color1);
                font-size: 14px;
                text-transform: uppercase;
                font-weight: normal;
            }
            .con4left strong {
                font-weight: normal;
                font-size: 14px;
                line-height: 30px;
                margin-top: 5px;
                margin-bottom: 5px;
                display: block;
                color: var(--main-color-666);
            }
            .con4left a {
                padding-left: 40px;
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
                color: var(--main-color);
            }
            .con4right {
                margin-top: 30px;
                width: 100%;
                padding: 20px;
                background-color: var(--main-color-white);
                box-shadow: var(--main-shadow);
                border-radius: 20px;
            }
            .con4right strong {
                display: block;
                color: var(--main-color);
                font-size: 20px;
                font-weight: normal;
                margin-bottom: 10px;
            }
            .con4right p {
                font-size: 14px;
                color: var(--main-color-999);
                line-height: 30px;
                margin-bottom: 20px;
            }
            .mumping_mun {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }
            .mun_top {
                display: flex;
                width: 100%;
                justify-content: center;
            }
            .mun_top h2 {
                color: var(--main-color1);
                font-size: 20px;
                font-weight: normal;
            }
            .mun_top span {
                color: var(--main-color);
                display: block;
                margin-left: 10px;
            }
            .mumping_mun li {
                width: 48%;
                margin-bottom: 15px;
            }
            .mumping_mun li p {
                font-size: 13px;
                color: var(--main-color-999);
                text-align: center;
            }
            .con3 {
                padding: 30px 15px;
            }
            .con3_title strong {
                display: block;
                color: var(--main-color);
                font-weight: 300;
                font-size: 20px;
            }
            .con3_title {
                margin-bottom: 20px;
                font-size: 14px;
                font-weight: bold;
                color: var(--main-color1);
            }
            .con3_top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
                border-bottom: 2px solid #e3e3e3;
            }
            .con3topleft {
                display: flex;
            }
            .con3topleft span {
                color: var(--main-color-555);
                font-size: 14px;
                padding: 0 5px;
                padding-bottom: 5px;
                display: block;
                cursor: pointer;
                border-bottom: 2px solid transparent;
            }
            .tab_active {
                border-bottom: 2px solid var(--main-color) !important;
                color: var(--main-color) !important;
            }
            .con3topright a {
                display: block;
                padding-left: 45px;
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
                font-size: 14px;
                color: var(--main-color);
            }
            .con3fy ul {
                display: flex;
                flex-wrap: wrap;
                margin-top: 25px;
                justify-content: space-between;
            }
            .con3fy ul li {
                padding: 10px;
                width: 48%;
                margin-bottom: 15px;
                cursor: pointer;
                border: 1px solid #e6e6e6;
                border-radius: 15px;
                overflow: hidden;
                background-color: var(--main-color-white);
            }
            .con3fy ul li img {
                width: 100%;
                transition: var(--main-transition);
                height: 65px;
                object-fit: contain;
            }
            .con3fy ul li:hover img {
                transform: scale(1.1);
            }
            .con3fy {
                display: none;
            }
            .con2 {
                padding: 30px 15px;
                background-image: url(../images/bg2.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con2con {
                margin: 0 auto;
            }
            .con2_title {
                margin-bottom: 40px;
            }
            .con2_title strong {
                color: #9ddcff;
                font-size: 20px;
                display: block;
                margin-bottom: 10px;
                font-weight: normal;
            }
            .con2_title strong span {
                font-size: 16px;
                color: #9ddcff;
                margin-left: 10px;
            }
            .con2_title p {
                color: var(--main-color-white);
                font-size: 20px;
                font-weight: 200;
            }
            .con2_title h1 {
                font-size: 16px;
                color: var(--main-color-white);
                opacity: .5;
                font-weight: 400;
                margin-top: 10px;
            }
            .con2_box1 {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }
            .con2_box1_item {
                width: 100%;
                margin-bottom: 20px;
                border-radius: 15px;
                position: relative;
                overflow: hidden;
            }
            .con2_box1_item img {
                width: 100%;
                object-fit: cover;
                transition: var(--main-transition);
            }
            .con2box1pos {
                transition: var(--main-transition);
                /* background: rgba(0, 0, 0, .3); */
                position: absolute;
                width: 100%;
                height: 100%;
                cursor: pointer;
                left: 0;
                top: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                z-index: 12;
                background: rgba(255, 125, 0, 0);
                padding: 30px 25px;
            }
            .con2box1pos h2 {
                font-weight: normal;
                font-size: 18px;
                color: var(--main-color-white);
            }
            .con2box1pos strong {
                display: block;
                font-size: 16px;
                margin: 10px 0;
                color: var(--main-color-white);
                opacity: .6;
                font-weight: normal;
            }
            .con2_box1_cover {
                transition: var(--main-transition);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 8;
                background: rgba(0, 0, 0, .4);
            }
            .con2box1pos ul {
                display: flex;
            }
            .con2box1pos ul li a {
                color: var(--main-color-white);
                font-size: 14px;
                margin-right: 20px;
            }
            .con2_box2 {
                margin-top: 15px;
            }
            .con2_box2 ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
            }
            .con2_box2 ul li {
                width: 48%;
                padding: 15px;
                overflow: hidden;
                cursor: pointer;
                border-radius: 15px;
                transition: var(--main-transition);
                margin-bottom: 15px;
                min-height: 170px;
            }
            .con2_box2 ul li:hover {
                background-color: var(--main-color1) !important;
            }
            .con2_box2 ul li img {
                width: 35px;
                height: 35px;
                object-fit: contain;
            }
            .con2_box2 ul li p {
                font-size: 15px;
                color: var(--main-color-white);
                margin-top: 10px;
            }
            .con2_box2 ul li span {
                color: var(--main-color-white);
                opacity: .7;
                margin-top: 10px;
                display: block;
                word-break: break-word;
                font-weight: normal;
                font-size: 14px;
            }
            .con2_box2 ul li:nth-child(1) {
                background-color: #006699;
            }
            .con2_box2 ul li:nth-child(2) {
                background-color: #288fc8;
            }
            .con2_box2 ul li:nth-child(3) {
                background-color: #ffba00;
            }
            .con2_box2 ul li:nth-child(4) {
                background-color: #01b051;
            }
            .con2_box2 ul li:nth-child(5) {
                background-color: #04acbb;
            }
            .con1more {
                display: block;
                margin-top: 15px;
                padding-left: 40px;
                margin-bottom: 15px;
                font-size: 15px;
                color: var(--main-color);
                background-image: url(../images/slh.png);
                background-repeat: no-repeat;
                background-position: left center;
            }
            .con1 {
                padding: 30px 15px;
                background-image: url(../images/bg1.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }
            .con1con {
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
            }
            .con1left {
                width: 100%;
            }
            .con1right {
                width: 100%;
            }
            .con1_title h1 {
                font-weight: 200;
                color: var(--main-color);
                font-size: 20px;
            }
            .con1_title p {
                font-size: 14px;
                color: var(--main-color1);
                font-weight: bold;
                margin-bottom: 5px;
                text-transform: uppercase;
            }
            .con1_title span {
                font-size: 14px;
                color: #444;
                display: block;
                margin-bottom: 5px;
            }
            .con1_title h2 {
                font-size: 14px;
                color: var(--main-color1);
                font-weight: bold;
                margin-bottom: 5px;
                text-transform: uppercase;
            }
            .con1left {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                margin-bottom: 30px;
            }
            .con1_btn {
                display: flex;
                align-items: center;
            }
            .con1tab {
                width: 40px;
                cursor: pointer;
                margin-right: 10px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                display: block;
                background-color: var(--main-color);
                border-radius: 5px;
                color: var(--main-color-white);
                font-size: 22px;
            }
            .con1_btn .swiper-button-disabled {
                opacity: .5 !important;
            }
            .new_swiper_item {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 20px;
                cursor: pointer;
            }
            .new_swiper {
                width: 100%;
            }
            .nsi_left {
                width: 25%;
                background-color: var(--main-color-white);
                border: 1px solid #e6e6e6;
                transition: var(--main-transition);
                overflow: hidden;
            }
            .nsi_left img {
                width: 100%;
                transition: var(--main-transition);
            }
            .nsi_right {
                width: 72%;
                padding-bottom: 15px;
                border-bottom: 1px solid #efefef;
            }
            .nsi_right h1 {
                color: var(--main-color1);
                font-size: 15px;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
            }
            .nsi_right p {
                font-size: 14px;
                color: var(--main-color);
                display: block;
                margin-top: 5px;
                margin-bottom: 5px;
                transition: var(--main-transition);
            }
            .nsi_right span {
                font-size: 13px;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color: var(--main-color-666);
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-height: 25px;
            }
            .new_swiper_item:hover .nsi_left {
                border: 1px solid var(--main-color1);
            }
            .new_swiper_item:hover img {
                transform: scale(1.1);
            }
            .new_swiper_item:hover .nsi_right p {
                color: var(--main-color);
            }
            .new_swiper_item:last-child {
                margin-bottom: 0;
            }
            html {
                overflow-x: hidden;
            }
            .inside {
                padding: 30px 15px;
                padding-top: 10px;
                margin: 0 auto;
            }
            .inside p {
                font-size: 14px;
                color: var(--main-color-333);
            }
            .inbanner {
                width: 100%;
                height: 150px;
                margin-top: 60px;
                background-image: url(../images/inbanner.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .inbanner strong {
                display: block;
                font-size: 25px;
                color: var(--main-color-white);
                font-weight: normal;
            }
            .copy {
                width: 100%;
                text-align: center;
                padding: 15px;
                background-color: var(--main-color);
                margin-bottom: 60px;
            }
            .copycon {
                text-align: center;
                text-align: center;
                font-size: 13px;
                color: var(--main-color-white);
                margin: 0 auto;
            }
            .copycon a {
                font-size: 13px;
                color: var(--main-color-white);
            }
            .ml_banner {
                width: 100%;
                margin-top: 60px !important;
            }
            .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;
            }
            .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-333);
                transition: var(--main-transition);
            }
            .hb {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                height: 20px;
                flex-direction: column;
            }
            .ml_mb_logo img {
                height: 25px;
            }
            .ml_mb_head {
                display: flex;
                height: 60px;
                padding: 0 20px;
                background-color: var(--main-color-white);
                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;
            }
        }