<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    outline: none;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    font-size: 14px;
    font-family: '寰蒋闆呴粦';
    min-width: 320px;
    line-height: 24px;
}

img {
    max-width: 100%;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: #7f7f7f;
}

a:hover {
    color: #5684ec;
}

.clear {
    height: 0;
    clear: both;
}

.img {
    overflow: hidden;
    transition: all 300ms;
}

.img:hover {
    transform: scale(1.1);
}

.textOverflow {

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.textOverflow2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 鐧惧害鍦板浘 */
#allmap {
    width: 100%;
    height: 600px;
}

#allmap img {
    max-width: none;
}

.BMap_bubble_title {
    color: #3199fa;
    font-size: 1.6rem;
    line-height: 1.4em !important;
    padding-bottom: 1rem;
}


.animate-time {
    transition: all 300ms;
}

.container {
    max-width: 1430px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.container-1200 {
    max-width: 1200px;
}

/* 澶撮儴鏍峰紡 */
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 6;
}

.head {
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
}

/* LOGO */
.head .logo {
    display: block;
    float: left;
    width: 231px;
    height: 41px;
    background: url(../images/logo.png) no-repeat center top;
}


/* 瀵艰埅 */
.head nav {
    float: right;
    font-size: 1rem;
}

.head li {
    float: left;
    position: relative;
    text-align: center;
}

.head li a {
    display: block;
    transition: all 300ms;
}

.head li&gt;a {
    padding: 1rem 25px 0.9rem;
}

.head li&gt;a:hover,
.head li.active&gt;a {
    font-weight: bold;
}

/* 瀵艰埅涓嬫媺 */
.head .slider {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    padding: 0 1rem;
    display: none;
}

.head .slider a {
    line-height: 2.43rem;
    border-bottom: 1px solid #fff;
}

.head .slider dt:last-child a {
    border: none;
}


.head-opacity {
    background: rgba(0, 0, 0, 0.3);
}

.head-opacity .head {
    padding: 1rem;
}

.head-opacity .logo {
    margin-top: 0.43rem;
}


/* 椤甸潰鍙充晶娴獥 */
.contractFixed {
    width: 70px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto 0;
    height: 201px;
    background-color: #f4f5f7;
    padding: 0 7px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px 0px rgb(203 220 255 / 62%);
    z-index: 333;
}

.contractFixed .li {
    cursor: pointer;
}

.contractFixed .li-box {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.contractFixed .li-box .icon {
    width: 30px;
    margin: 14px auto 6px;
}

.contractFixed .last .icon {
    text-align: center;
    padding: 10px 0;
    width: 30px;
    margin: 0 auto;
}

.contractFixed .li-box .text {
    text-align: center;
    font-size: 14px;
}

.contractFixed .hover {
    background: #eee;
    box-shadow: 0px 1px 5px 0px rgb(203 220 255 / 62%);
    position: absolute;
    right: 75px;
    top: 0;
    padding: 5px;
    border-radius: 5px;
    display: none;
}

.contractFixed .hover i {
    position: absolute;
    right: -7px;
    top: 30px;
    margin-top: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 8px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #eee;
}

.contractFixed .hover .hover-text {
    padding: 10px;
    font-size: 18px;
}

.contractFixed .hover.weChat {
    width: 120px;
}

.contractFixed .hover.phone {
    color: #478aff;
    width: 290px;
}

.contractFixed .li-box:hover .hover {
    display: block;
}


/* 椤甸潰鍙充晶娴獥 */



/* 鐗堟潈 */
.copyright {
    width: 100%;
    text-align: center;
    background: #333;
    padding: 1rem 0;
    color: #b3b3b3;
    font-size: 1rem;
}


/* banner鍥� */
.banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-items: center;
    padding: 8rem 0 1rem;
}

.banner .container {
    flex-direction: column;
}

.banner .title {
    font-size: 4rem;
    line-height: 1em;
}

.banner .text {
    font-size: 1.37rem;
    line-height: 2.25rem;
    padding-top: 2rem;
}


.application-ban {
    background-image: url(../images/application/banner.jpg);
}

.bigData-ban {
    background-image: url(../images/bigData/banner.jpg);
}

.operate-ban {
    background-image: url(../images/operate/banner.jpg);
}

.operate-ban .text,
.about-ban .text {
    margin: 0 auto;
}

.consult-ban {
    background-image: url(../images/consult/banner.jpg);
}

.about-ban {
    background-image: url(../images/about/banner.jpg);
}

.case-ban {
    height: 300px;
    background-image: url(../images/case/banner.jpg);
}


#main {
    position: relative;
    overflow: hidden;
}

#main .circel {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -40%;
    top: 0;
    border-radius: 50%;
    background: rgba(182, 216, 239, 0.15);
}

.main-content {
    position: relative;
    z-index: 2;
}

.con-title {
    text-align: center;
    font-size: 2.5rem;
    padding: 5% 0;
}

/* 鏈嶅姟鍐呭 */
.content-list&gt;ul {
    display: flex;
    padding-bottom: 10rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content-list li {
    flex: 1;
    margin: 0 1% 2rem;
    padding: 3% 15px;
    background: #fff;
    font-size: 14px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1);
}

.content-list .title {
    font-size: 1.25rem;
    color: #333;
    line-height: 2.5em;
}

.content-list .text {
    color: #999;
    font-size: 0.9rem;
    line-height: 1.5em;
}

/* 鏈嶅姟浼樺娍 */
.advin-list ul {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

.advin-list ul li {
    transition: all 300ms;
    display: flex;
    flex: 1;
    height: 346px;
}

.advin-list li:nth-child(2),
.advin-list li:nth-child(4),
.advin-list li:nth-child(6) {
    align-items: center;
}

.advin-list li:nth-child(3),
.advin-list li:nth-child(7) {
    align-items: flex-end;
}

.advin-list dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advin-list dt {
    flex: 1;
    text-align: center;
    padding: 3% 4%;
    padding-bottom: 10rem;
}

.advin-list dt .title {
    font-size: 1.25rem;
    color: #333;
    line-height: 1.5em;
}

.advin-list dt .hr {
    display: block;
    width: 34px;
    height: 4px;
    margin: 0 auto 1rem;
    background: #07c6ff;
}

.advin-list dt .text {
    color: #999;
    font-size: 0.9rem;
    line-height: 1.5em;
}

.advin-list dt:nth-child(even) .hr {
    background: #f6be62;
}


/* 妗堜緥 */
.case {
    background: #0aadff url(../images/case/case_bg.png) no-repeat center bottom;
    color: #fff;
    padding-bottom: 15rem;
}

.case .list-box {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}

.case .list-box ul {
    position: relative;
}

.case .list-box li {
    float: left;
    width: 50%;
}

.case .list-box li .box {
    padding: 0 8%;
}

.case .list-box .text {
    background: rgba(255, 255, 255, 0.2);
    font-size: 1.1rem;
    line-height: 2em;
    padding: 3%;
    text-align: justify;
    min-height: 170px;
}

.case&gt;.container {
    position: relative;
}

.case .btn {
    position: absolute;
    height: 0;
    width: 100%;
    top: 57%;
    left: 0;
}

.case .btn a {
    float: left;
    width: 5rem;
    height: 5rem;
    background: url(../images/case/case_btn.png) no-repeat left center;
    background-size: auto 100%;
    opacity: 0.5;
    transition: all 300ms;
}

.case .btn a:hover {
    opacity: 1;
}

.case .btn .next {
    float: right;
    background-position: right center;
}

.case-box&gt;.title {
    padding: 2rem 0;
    position: relative;
    font-size: 1.75rem;
    line-height: 1.3em;
}

.case-box&gt;.title span {
    font-family: '瀹嬩綋';
    padding-left: 1rem;
}

.case-box&gt;.title:after {
    content: "";
    width: 4em;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 0.8rem;
}

.case-box&gt;.text {
    line-height: 1.7em;
}

.case-main1 {
    padding-bottom: 6%;
}

.case-main1 .title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 6.25rem 0 5rem;
    color: #455574;
}

.case-main1 .title .en {
    position: relative;
    font-weight: normal;
    font-family: arial;
    color: #585858;
    opacity: 0.2;
    text-transform: uppercase;
}

.case-main1 .list {
    display: flex;
    flex-wrap: wrap;
}

.case-main1 .list .img {
    cursor: pointer;
    width: 48%;
    margin: 0 1% 2%;
}

.case-main1 .list .img img {
    width: 100%;
}

/* 鏅烘収鍖昏绉诲姩鍦ㄧ嚎鍋ュ悍鏈嶅姟杞欢 */
.case-main2 {
    background: #e6eef6 url(../images/case/case_bg1.jpg) no-repeat center center;
    background-size: auto 100%;
}

.case-main2 .container {
    display: flex;
    flex-wrap: wrap;
}

.case-main2 .left {
    color: #fff;
}

.case-main2 .left .text {
    max-width: 730px;
}

.case-main2 .left .img {
    max-width: 700px;
    text-align: center;
    padding: 2.5% 0;
}

.case-main2 .right {
    padding: 0 20px;
}

.case-main2 .right .title {
    text-indent: 0.5em;
}

.case-main2 .right .title:after {
    background: #2fb1dd;
}

.case-main2 .right .list {
    display: flex;
    flex-wrap: wrap;
}

.case-main2 .right .list li {
    width: 48%;
    background: #fff;
    margin-bottom: 4%;
    padding: 1rem;
    color: #9f9f9f;
}

.case-main2 .right .list li:nth-of-type(odd) {
    margin-right: 4%;
}

.case-main2 .right .list .text1 {
    font-size: 18px;
    color: #000;
}

/* 閾跺尰閫氫竴浣撴満 */
.case-main3 {
    padding-top: 8%;
    padding-bottom: 10%;
    color: #666;
    display: flex;
    flex-wrap: wrap;
}

.case-main3 .left .title {
    color: #000;
    padding-bottom: 1rem;
}

.case-main3 .left&gt;.title:after {
    background: #a9a9a9;
    height: 6px;
}

.case-main3 .left .sub-title {
    font-size: 1.1rem;
    padding-bottom: 1.5rem;
}

.case-main3 .left .text {
    max-width: 620px;
}

.case-main3 .left .box li {
    display: flex;
    align-items: center;
}

.case-main3 .left .box li {
    padding-top: 2rem;
}

.case-main3 .left .box .img {
    width: 18%;
    min-width: 69px;
}

.case-main3 .left .box .txt {
    padding-left: 1.5rem;
}

.case-main3 .right {
    padding-top: 5%;
}

/* 鏅鸿嫍 */
.case-main4 {
    background: #7c77cd url(../images/case/case_bg2.jpg) no-repeat center center;
    color: #fff;
}

.case-main4 .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.case-main4 .left .list li {
    padding-bottom: 6px;
}

.case-main4 .left .list li:last-child {
    padding-bottom: 0;
}

.case-main4 .right {
    background: #7879d0;
}

.case-main4 .right .title:after {
    width: 2em;
}

.case-main4 .right .text {
    padding-bottom: 3.5rem;
}

/* 鍒嗚瘖绠＄悊绯荤粺 */
.case-main5 {
    text-align: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 10% 15px;
}

.case-main5 .box .title {
    font-size: 1.7rem;
}

.case-main5 .box .text {
    padding: 4% 0 6%;
    max-width: 800px;
    margin: 0 auto;
    color: #666;
    letter-spacing: 1px;
}

.case-main5 .list {
    display: flex;
    flex-wrap: wrap;
}

.case-main5 .list li {
    width: 100%;
    margin: 0 0 2%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 3rem 1rem;
}

.case-main5 .list .title {
    padding: 1rem 0;
    font-size: 1.8rem;
}

.case-main5 .list .text {
    color: #999;
    line-height: 1.8rem;
}

/* 鑷姪绾﹀彇鍙锋湇鍔″钩鍙� */
.case-main6 {
    background: url(../images/case/case_bg3.jpg) no-repeat center center;
    background-size: auto 100%;
    color: #3fa9c3;
    padding: 6% 0 5%;
}

.case-main6 .left .title:after {
    background: #3fa9c3;
    width: 5em;
}

.case-main6 .right {
    text-align: center;
}

.case-main6 .list {
    display: flex;
    max-width: 970px;
    margin: 0 auto;
    flex-wrap: wrap;
    color: #fff;
    padding-top: 5%;
    justify-content: center;
}

.case-main6 .list .text {
    width: 136px;
    height: 136px;
    display: flex;
    align-items: center;
    background: #3fa9c3;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.case-main6 .list .hr {
    display: flex;
    width: 62px;
    align-items: center;
    justify-content: center;
}

.case-main6 .list .hr span {
    display: inline-block;
    width: 22px;
    height: 3px;
    background: #ccc;
}

/* 鍏ㄦ祦绋嬫帴绉嶇患鍚堢鐞嗚蒋浠� */
.case-main7 {
    padding: 8% 0 10%;
}

.case-main7 .left {
    padding-bottom: 3%;
}

.case-main7 .left .img img {
    width: 100%;
}

.case-main7 .right .title {
    padding-top: 0;
    color: #333;
    padding-bottom: 1.5rem;
}

.case-main7 .right .title:after {
    width: 3em;
    height: 6px;
    background: #a9a9a9;
}

.case-main7 .right .text {
    color: #666;
    line-height: 24px;
}

.case-main7 .right .list {
    padding-top: 2rem;
}

.case-main7 .right .list&gt;div {
    position: relative;
    padding-left: 20px;
}

.case-main7 .right .list&gt;div:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #30b5d9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

/* 宸︿晶瀵艰埅 */
.main-menu {
    position: fixed;
    left: 2%;
    top: 20%;
    text-align: right;
    color: #c2c2c2;
    font-size: 1rem;
    z-index: 3;
}

.main-menu li {
    padding: 0.8rem 0;
    cursor: pointer;
}

.main-menu li.on {
    color: #35b1fe;
}

.main-menu li:last-child.on {
    color: #fff;
}

/* 鍏充簬鎴戜滑 */

.about {
    max-width: 1330px;
}

.about-title {
    font-size: 2rem;
    color: #333;
    line-height: 1.5em;
    text-align: center;
    padding: 3rem 0 2rem;
}

.about .hr {
    display: block;
    width: 34px;
    height: 4px;
    margin: 0 auto 1rem;
    background: #07c6ff;
}

.about .hr.yellow {
    background: #f5bd5c;
}

.brief {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
    margin-top: -10rem;
    margin-bottom: 100px;
}

.brief .box {
    font-size: 1.1rem;
    line-height: 2rem;
    padding: 0 3% 5%;
}

.brief .box .hr {
    margin: 2rem 0 1rem;
    width: 24px;
}

.brief .box p {
    text-indent: 2em;
}

.advantage {
    padding-bottom: 10rem;
}

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

.advantage li {
    width: 25%;
    padding: 0 1% 2%;
}

.advantage .box {
    background: #f9e0e0;
    text-align: center;
    padding: 26% 8% 32%;
    height: 100%;
}

.advantage .box .img {
    display: inline-block;
    width: 96px;
    height: 81px;
    background: url(../images/about/about_1.png) no-repeat left top;
}

.advantage .box .title {
    font-size: 1.2rem;
    padding: 10% 0 4%;
}

.advantage .box .text {
    line-height: 2em;
    color: #999;
}


.advantage li:nth-child(2) .box {
    background: #ddf2f4;
}

.advantage li:nth-child(2) .img {
    background-position: -96px top;
}

.advantage li:nth-child(3) .box {
    background: #ebf3da;
}

.advantage li:nth-child(3) .img {
    background-position: -192px top;
}

.advantage li:nth-child(4) .box {
    background: #d5ecf9;
}

.advantage li:nth-child(4) .img {
    background-position: -288px top;
}


.about-job .con-box {
    min-height: 612px;
    background: #2e73de;
    display: flex;
    margin-top: 40px;
}

.about-job .con-box .l {
    width: 45.6%;
}

.about-job .con-box .l .box {
    float: right;
    max-width: 530px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.about-job .con-box .l .img {
    margin: -100px 0 0 50px;
}

.about-job .con-box .r {
    position: relative;
    flex: 1;
    background: #e5e5e5 url(../images/about/4.png) no-repeat left center;
    background-size: auto 100%;
}

.about-job .con-box .r .box {
    max-width: 690px;
    padding-left: 8%;
    padding-right: 10px;
    position: absolute;
    width: 100%;
    overflow: auto;
    height: 100%;
}

.about-job .con-box .r .box::-webkit-scrollbar-track {
    background-color: none;
}

.about-job .con-box .r .box::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}

.about-job .con-box .r .box::-webkit-scrollbar-track-piece {
    background-color: none;
}

.about-job .con-box .r .box::-webkit-scrollbar-thumb {
    background-color: none;
}

.about-job .con-box .r .box::-webkit-scrollbar-thumb:vertical {
    height: 8px;
    background-color: #3984f3;
    border-radius: 5px;
}

.about-job .con-box .r .box::-webkit-scrollbar-thumb:horizontal {
    width: 6px;
    background-color: none;
    border-radius: 5px;
}

.about-job .con-box .r .title {
    padding: 3% 0 2%;
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
}

.about-job .con-box .r .title span {
    color: #2e73de;
}

.about-job .con-box .r .list {
    background: #f6f6f6;
    padding: 0.8em 1.4em;
    position: relative;
    margin-bottom: 1em;
}

.about-job .con-box .r .name {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
}

.about-job .con-box .r .txt {
    color: #242424;
    padding-top: 5px;
}

.about-job .con-box .r .icon {
    display: block;
    width: 7px;
    height: 19px;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAATCAYAAABcFRdeAAAAlklEQVQokXWQYRWCYAxFLyYgAhGIIA1mA4lAExuACVwDKhjFCJ4h+4A53o/vB/eOvTNU9cpJLsBLVdsMG6yBORMMvndCE2G3E2xF7bCyZ/0wA+0qdiLyWeCZUGAi6AFGwQodYruAZykUJu/ACGyFArDcym8D6EXkVygB03KhAAYHfj4Hk4g84m0d9LG57fPJv9jkkBLgC2OzQeey10GgAAAAAElFTkSuQmCC);
    margin: auto;
    top: 0;
    right: 30px;
    bottom: 0;
}

.job-banner {
    background-image: url(../images/about/job-banner.jpg);
    display: table;
    width: 100%;
}

.job-banner .tableCell {
    display: table-cell;
    vertical-align: middle;
}

.job-banner .container&gt;strong {
    display: block;
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.job-banner .animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media (prefers-reduced-motion:reduce),
print {
    .job-banner .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .job-banner .animate__animated[class*=Out] {
        opacity: 0
    }
}

.job-banner .container {
    position: relative;
    z-index: 2;
    margin-top: 6;
}

.job-banner .text1 {
    font-size: 5.6rem;
    height: 7rem;
    animation-delay: 0.3s;
    position: relative;
    z-index: 3;
}

.job-banner .text2 {
    font-size: 4rem;
    height: 5.2rem;
    display: flex !important;
    animation-delay: 0.6s;
    position: relative;
    z-index: 3;
}

.job-banner .text2 span {
    animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
}

.job-banner .text2 span:nth-child(1) {
    animation-delay: 0s;
}

.job-banner .text2 span:nth-child(2) {
    animation-delay: 0.08s;
}

.job-banner .text2 span:nth-child(3) {
    animation-delay: 0.16s;
}

.job-banner .text2 span:nth-child(4) {
    animation-delay: 0.25s;
}

.job-banner .text2 span:nth-child(5) {
    animation-delay: 0.33s;
}

.job-banner .text2 span:nth-child(6) {
    animation-delay: 0.41s;
}

.job-banner .text2 span:nth-child(7) {
    animation-delay: 0.49s;
}

.job-banner .text2 span:nth-child(8) {
    animation-delay: 0.57s;
}

.job-banner .text2 span:nth-child(9) {
    animation-delay: 0.65s;
}

.job-banner .text2 span:nth-child(10) {
    animation-delay: 0.73s;
}

.job-banner .text3 {
    font-size: 1.375rem;
    line-height: 2.25rem;
    animation-delay: 0.9s;
    position: relative;
    z-index: 3;
    max-width: 705px;
}

.job-banner .bg-text {
    font-size: 20.8rem;
    position: absolute;
    margin-top: -15rem;
    animation-delay: 1.2s;
}

.recruit .recruit-box {
    max-width: 1230px;
    margin: 0 auto;
    background: #fff;
    padding: 3em;
}

.szgc-ban {
    background: url("../images/szgc/banner.jpg") no-repeat center center;
    height: 250px;
    background-size: auto 100%;
}

.szgc-main {
    background: url("../images/szgc/bg.png") no-repeat center top;
    background-size: 100% auto;
    padding: 1rem;
}

.szgc {
    margin: 0 auto;
}

.szgc-title {
    font-size: 1.5rem;
    color: #455574;
    text-align: center;
    padding-bottom: 1rem;
    font-weight: bold;
}

.szgc1 {
    max-width: 1060px;
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: 1rem;
    border-radius: 1rem;
}

.szgc1 .text {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.szgc1 .img1 {
    display: flex;
    justify-content: space-between;
}

.szgc1 .img2 {
    padding-top: 1rem;
}

.szgc2 {
    max-width: 1200px;
    margin-top: 4rem;
}

.szgc2 .img1 {
    padding-top: 2rem;
}

.szgc2 .list {
    max-width: 1060px;
    margin: 2rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.szgc2 .list .item {
    box-shadow: 0 0 20px rgba(32, 94, 171, 0.1);
    background: #fff;
    padding: 1rem;
    width: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

.szgc2 .list .item .img {
    width: 15%;
}

.szgc2 .list .item .text {
    flex: 1;
    min-width: 0;
    padding-left: 1.5rem;
}

.szgc2 .list .item .text .title {
    font-size: 1.125rem;
    color: #455574;
    padding-bottom: 0.5rem;
}

.szgc3 {
    padding-top: 5rem;
    max-width: 1200px;
}

.szgc3 .list {
    display: flex;
    padding-top: 4rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.szgc3 .list .item {
    background: #f3fafb;
    text-align: center;
    width: 100%;
    padding: 2rem 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.szgc3 .list .item .hr {
    margin: 1rem auto;
    width: 60px;
    height: 4px;
    background: #00c29a;
    border-radius: 1px;
}

.szgc3 .list .item .title {
    font-size: 1.4rem;
    padding-bottom: 1rem;
}

.szgc4 {
    padding-top: 7rem;
    max-width: 1340px;
    margin: 0 auto;
}

.szgc4 .title2 {
    color: #455574;
    font-size: 1.2rem;
    text-align: center;
}

.szgc4 .list {
    padding: 3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.szgc4 .list .item {
    width: 49%;
    margin-bottom: 1%;
    text-align: center;
}

.szgc4 .list .item .img {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 5px;
}

.szgc4 .list .item .text {
    font-size: 1rem;
    padding-top: 0.5rem;
}


/* 鏁板瓧瀛敓 */
.szls-ban {
    height: 700px;
    position: relative;
    overflow: hidden;
}

.szls-ban .video {
    height: 100%;
    width: 2960px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.szls-ban .video video {
    width: 100%;
    height: 100%;
}

.szls-ban .text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.7rem;
}

.szls-ban .text .text1 {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
    padding-bottom: 1rem;
    background: linear-gradient(to top, #56e2ef, #f1ffff);
    -webkit-background-clip: text;
    color: transparent;
}

.szls {
    margin: 0 auto;
    max-width: 1060px;
}

.szls1 {
    max-width: 1060px;
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: 1rem;
    border-radius: 1rem;
}

.szls1 .list .item {
    display: flex;
    padding: 1rem 0;
}

.szls1 .list .item .l {
    width: 84px;
}

.szls1 .list .item .r {
    flex: 1;
    min-width: 0;
    padding-left: 1rem;
}

.szls1 .list .item .r .name {
    font-size: 1.3rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 0.6rem;
}

.szls2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1.5rem;
}

.szls2 .item {
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    cursor: pointer;
}

.szls2 .item img {
    width: 100%;
}

.szls2 .item .wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 2rem 3rem;
    font-size: 1.5rem;
    font-weight: bold;
}

.szls2 .item .wrap .icon {
    width: 15px;
    height: 17px;
    background: url("../images/szls/triangle.png");
    margin-bottom: 0.8rem;
}

.szls3 .img {
    margin-bottom: 1rem;
}


/* 鏁板瓧瀛敓 */

/* 浠跨湡鏁欏 */
.fzjx-ban {
    background-image: url("../images/fzjx/banner.jpg");
    font-weight: bold;
}

.fzjx-ban .text {
    max-width: 1200px !important;
    width: 1200px;
    margin: 0 auto;
}

.fzjx-ban .text1 {
    font-size: 3.5rem;
    line-height: 1;
    padding-bottom: 1rem;
}

.fzjx-ban .text1 span {
    background: linear-gradient(to top, #56e2ef, #f1ffff);
    -webkit-background-clip: text;
    color: transparent;
}

.fzjx {
    margin: 0 auto;
    max-width: 1060px;
}

.fzjx1 {
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: 1rem;
    border-radius: 1rem;
}

.fzjx .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.fzjx .list .item {
    width: 25%;
    padding: 0.8rem 1rem;
}

.fzjx .list .item .text {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    padding-top: 0.8rem;
}

/* 浠跨湡鏁欏 */

.dialog-video {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    justify-content: center;
    align-items: center;
    display: none;
}

.dialog-video .bg {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.dialog-video .wrap {
    max-width: 800px;
    background: #000;
    position: relative;
    z-index: 101;
}

.dialog-video .wrap .close {
    width: 10px;
    height: 10px;
    background: url("../images/szls/close.png");
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}

.dialog-video .wrap #video {
    width: 100%;
    max-height: 80vh;
}

@media screen and (max-width: 1200px) {
    .content-list&gt;ul {
        padding-bottom: 0;
    }

    .advin-list dt {
        padding-bottom: 2rem;
    }

    .case {
        padding-bottom: 3rem;
    }
}

@media screen and (min-width: 769px) {
    .head .logo-color {
        background-position: center bottom;
    }

    .head-white li&gt;a,
    .head-opacity .head li&gt;a {
        color: #fff;
    }

    .head .last {
        margin: 0 -2rem 0 2.6rem;
    }

    .head li.last a {
        padding: 1rem 2rem;
        background: #fff;
        color: #5684ec;
    }

    .head-black li a {
        color: #838383;
    }

    .head-black li.last a {
        background: #3eb3fe;
        color: #fff;
    }

    .head nav {
        transform: translate(0) !important;
    }

    .nav_bg {
        display: none !important;
    }

    .banner {
        padding: 0;
        height: 578px;
    }

    .banner .text {
        max-width: 43em;
    }

    .operate-ban,
    .about-ban {
        text-align: center;
        padding-bottom: 10%;
    }

    .operate-ban .text {
        max-width: 37em;
    }

    .about-ban {
        height: 889px;
        padding-bottom: 14%;
    }

    .case-ban {
        height: 695px;
    }

    .case-main2 .left {
        width: 63.7%;
    }

    .case-main2 .right {
        width: 36.3%;
        background: #e6e6e6;
    }

    .case-main3 .left {
        width: 54%;
    }

    .case-main3 .right {
        width: 46%;
    }

    .case-main4 .container {
        padding: 0 15px;
    }

    .case-main4 .left {
        width: 46%;
    }

    .case-main4 .left .list {
        text-align: right;
    }

    .case-main4 .right {
        width: 54%;
        padding: 3.5% 6%;
    }

    .case-main5 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .case-main5 .list li {
        width: 31.3333%;
        margin: 0 1%;
    }

    .case-main6 .left {
        float: left;
        max-width: 48.5%;
    }

    .case-main6 .right {
        text-align: right;
    }

    .case-main7 .left {
        float: left;
        width: 40%;
        position: relative;
    }

    .case-main7 .left:after {
        content: "";
        display: block;
        height: 140%;
        width: 70%;
        border: 4px solid #30b5d9;
        position: absolute;
        left: -30%;
        top: -25%;
    }

    .case-main7 .left .img {
        position: relative;
        z-index: 2;
    }

    .case-main7 .right {
        float: right;
        width: 57%;
    }

    .szgc1 {
        padding: 3rem;
    }

    .szgc2 .list .item,
    .szls2 .item {
        width: 49%;
    }

    .szgc3 .list .item {
        width: 24%;
    }


    .szgc4 .list .item {
        width: 19%;
    }

    .fzjx1 {
        padding: 3rem;
    }

}

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

    html,
    body {
        font-size: 12px;
    }

    .head {
        background: rgba(76, 209, 253, 0.7);
    }

    .head .logo {
        transform: scale(0.7);
        transform-origin: 0 50%;
        margin-top: 0 !important;
    }

    #allmap {
        height: 400px;
    }

    /* 瀵艰埅鎸夐挳 */
    .navToggle {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -20px;
        width: 50px;
        height: 40px;
        text-align: center;
    }

    .navToggle span {
        display: block;
        width: 70%;
        height: 3px;
        background: #fff;
        position: absolute;
        left: 15%;
        top: 50%;
        margin-top: -1.5px;
    }

    .navToggle span:after,
    .navToggle span:before {
        content: '';
        width: 100%;
        background: #fff;
        height: 3px;
        position: absolute;
        left: 0;
    }

    .navToggle span:after {
        top: -10px;
    }

    .navToggle span:before {
        bottom: -10px;
    }

    .head nav {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        background: #fff;
        padding: 3rem 15px;
        transform: translate(200%);
        transition: all 300ms;
        overflow: auto;
    }

    .head .nav_on {
        transform: translate(100%);
    }

    .nav_bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: none;
    }

    .head li {
        float: none;
    }

    .head li&gt;a {
        padding: 1.5rem 0;
        font-size: 1.5rem;
        border-bottom: 1px solid #eee;
    }

    .head .slider {
        position: static;
    }

    .head .slider a {
        padding: 1rem 0;
    }

    .main-menu {
        display: none;
    }

    .advin-list ul li {
        height: 200px;
    }

    .content-list li {
        min-width: 48%;
    }

    .advin-list dt {
        min-width: 50%;
    }

    .about-ban {
        padding: 10rem 0 12rem;
    }

    .about-title {
        padding: 2rem 0 1rem;
    }

    .brief,
    .advantage,
    .ambient {
        padding-bottom: 0;
        margin-bottom: 2rem;
    }

    .advantage li,
    .ambient li {
        min-width: 50%;
    }

    .advantage .box {
        padding: 10% 8% 15%;
    }

    .case-main1 .list .img {
        width: 100%;
        margin: 0 0 3%;
    }

    .case-main2 .right {
        padding: 0;
    }

    .case-main4 {
        background-size: auto 100%;
        background-position: -340px top;
    }

    .case-main4 .right {
        padding: 0 15px 10%;
    }

    .case-main6 .right {
        padding-top: 3%;
    }

    .case-main6 .list .text {
        width: 7em;
        height: 7em;
    }

    .case-main6 .list .hr {
        width: 40px;
    }


    .about-job .con-box {
        display: block;
    }

    .about-job .con-box .l,
    .about-job .con-box .r,
    .about-job .con-box .l .box {
        width: 100%;
        max-width: 100%;
    }

    .about-job .con-box .l .box {
        padding: 30px 15px 20px;
    }

    .about-job .con-box .r .box {
        padding: 15px;
        position: relative;
    }

    .job-banner {
        text-align: center;
    }

    .job-banner .block {
        display: block;
    }

    .job-banner .text1 {
        height: auto;
        line-height: 1.5em;
    }

    .job-banner .text2 {
        font-size: 3rem;
        height: 3rem;
        justify-content: center;
    }

    .job-banner .text3 {
        padding-bottom: 1rem;
    }

    .job-banner .bg-text {
        font-size: 7rem;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .advin-list ul li {
        height: 100px;
    }

    .content-list li,
    .advin-list dt {
        margin: 0;
    }

    .content-list li {
        min-width: 100%;
        margin-bottom: 10%;
    }

    .case .list-box .text {
        min-height: auto;
    }

    .case-main6 .list .hr:nth-child(6) {
        display: none;
    }
}

/* ---------- 鍔ㄧ敾 ---------- */

@keyframes bounce {
    0% {
        transform: translate3d(0, 0, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
    }

    100% {
        transform: translate3d(0, -1rem, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
    }
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 0.1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 0.1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes drawDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    50% {
        opacity: 0.8;
        transform: translateY(0);
    }
}</pre></body></html>