#menu {
            margin: 0;
            padding: 0;
            position: fixed;
            right: 30px;
            top: 50%;
            list-style-type: none;
            z-index: 70;
            margin-top: -75px;
        }
        
        #menu li {
            text-align: end;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: 2px;
        }
        
        #menu a {
            color: rgba(255, 255, 255, 0.4);
            line-height: 23px;
            margin-right: 5px;
            font-size: 14px;
        }
        
        #menu .shape {
            width: 16px;
            height: 16px;
            display: inline-block;
            margin-left: 5px;
            line-height: 26px;
            padding: 4px;
            background-position: center;
            background-size: auto auto;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            border-radius: 50%;
            overflow: hidden;
            border-style: solid;
            border-width: 1px;
            border-color: transparent;
        }
        
        #menu .shape>div {
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
        }
        
        #menu .active .shape,
        #menu li:hover .shape {
            border: 1px solid #fff;
        }
        
        #menu .active a,
        #menu li:hover a {
            color: #fff;
        }
        /* fullPage插件 */
        
        .section1 {
            background: url(../images/banner01.jpg) no-repeat center;
        }
        
        .section2 {
            background: url(../images/banner02.jpg) no-repeat center;
        }
        
        .section3 {
            background: url(../images/banner03.jpg) no-repeat center;
        }
        
        .section4 {
            background: url(../images/banner04.jpg) no-repeat center;
        }
        
        .section5 {
            background: url(../images/banner06.jpg) no-repeat center;
        }
        
        .section6 {
            background: url(../images/banner07.jpg) no-repeat center;
        }
        
        .section {
            background-size: cover;
        }
        
        .section .ani-botm {
            position: relative;
            bottom: -150%;
            opacity: 0;
        }
        
        .section .ani-fade {
            display: none;
        }
        
        .section .ani-left {
            position: relative;
            left: -150%;
            opacity: 0;
        }
        
        .section .ani-right {
            position: relative;
            right: -150%;
            opacity: 0;
        }
        
        .section h3 {
            display: flex;
            margin-bottom: 45px;
        }
        
        .section h3>.one-word {
            font-size: 70px;
        }
        
        .section h3>div {
            display: flex;
            flex-direction: column;
            text-align: start;
            justify-content: flex-end;
            margin-left: 32px;
        }
        
        .section h3>div>i,
        .section h3>div>b {
            line-height: 29px;
        }
        
        .section h3>div>i {
            font-size: 24px;
        }
        
        .section h3>div>i,
        .section h3>div>b,
        .section h3>.one-word {
            color: #fff;
        }
        
        .section .container {
            margin-top: 66px;
        }
        
        .section h3>div>b {
            font-size: 18px;
        }
        /* .section1 */
        
        .section1 h3 {
            color: #fff;
            font-size: 58px;
            line-height: 58px;
            margin-bottom: 40px;
            margin-top: 0px;
            justify-content: center;
        }
        
        .section1 p {
            color: #fff;
            font-size: 18px;
            line-height: 30px;
        }
        /* .section2 */
        
        .section2 h3>.one-word {
            color: #055391;
        }
        
        .section2 h3>div>i,
        .section2 h3>div>b {
            color: #333;
        }
        
        .section2 .content-wrap {
            display: flex;
        }
        
        .section2 .content-left {
            width: 670px;
            margin-right: 71px;
        }
        
        .section2 .content-left .desc {
            height: 528px;
            background-color: #f9f9f9;
        }
        
        .section2 .content-left .desc.img-letter {
            padding: 0;
            text-indent: 0;
        }
        
        .section2 .content-left .desc.img-letter img {
            width: 100%;
        }
        
        .section2 .content-left .desc.img-letter .swiper-slide img {
            height: 100%;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container {
            height: 415px;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container .swiper-slide {
            height: 197px;
            box-shadow: 0px 0px 4px #ccc;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container .swiper-slide a {
            display: block;
            overflow: hidden;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container .swiper-slide a .img-wrap {
            overflow: hidden;
            height: 151px;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container .swiper-slide a p {
            height: 46px;
            line-height: 46px;
            text-align: center;
            font-size: 16px;
        }
        
        .section2 .content-left .desc.img-letter .swiper-container .swiper-slide a:hover img {
            transform: scale(1.1);
        }
        
        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev,
        .swiper-button-prev {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 6px;
        }
        
        .section2 .content-right {
            flex: 1;
        }
        
        .section2 .case-list {
            display: flex;
        }
        
        .section2 .case-list figure {
            padding: 0px 46px;
            font-size: 15px;
            line-height: 15px;
            border-right: 1px solid #e5e5e5;
            white-space: nowrap;
            text-align: center;
            cursor: pointer;
        }
        
        .section2 .case-list figure figcaption {
            margin-top: 11px;
            color: #666;
        }
        
        .section2 .case-list figure a:hover figcaption {
            color: #d70c25;
        }
        
        .section2 .case-list figure:first-child {
            padding-left: 0px;
        }
        
        .section2 .case-list figure:last-child {
            padding-right: 0px;
            border-right: unset;
        }
        
        .section2 .desc {
            margin-top: 25px;
            font-size: 14px;
            line-height: 30px;
            text-indent: 2em;
            text-align: justify;
            padding: 28px 24px 0px 28px;
        }
        
        .section2 .content-right img {
            margin-top: 6px;
        }
        
        .swiper-button:focus {
            outline: none;
        }
        
        .section2 .content-right a {
            margin-top: -43px;
            display: block;
            font-size: 16px;
            color: #055391;
            line-height: 16px;
            margin-left: 140px;
        }
        
        .section2 .content-right a:hover {
            transform: translateX(5px);
            font-weight: bold;
        }
        /* .section3 */
        
        .section3 .swiper-container {
            height: 268px;
        }
        
        .section3 .case-list {
            display: flex;
            align-items: center;
        }
        
        .section3 .swiper-container .swiper-slide {
            background-color: #e5e5e5;
        }
        
        .section3 .swiper-container .swiper-slide a {
            display: block;
            height: 100%;
            overflow: hidden;
        }
        
        .section3 .swiper-container .swiper-slide a p {
            line-height: 40px;
            height: 40px;
            text-align: center;
            font-size: 16px;
            background-color: #055391;
            color: #fff;
        }
        
        .section3 .swiper-container .swiper-slide img {
            width: 100%;
            height: 100%;
        }
        
        .section3.tu-wen .img-list a {
            height: 328px;
            width: 20%;
        }
        
        .section3.tu-wen {
            padding: 0;
        }
        
        .section3 .swiper-container .swiper-slide .img-wrap {
            width: 100%;
            height: 228px;
            overflow: hidden;
            /* padding: 37px; */
        }
        
        .section3 .swiper-container .swiper-slide:hover img {
            transform: scale(1.1);
        }
        
        .section3 .case-list p {
            width: 178px;
            height: 40px;
            font-size: 16px;
            color: #fff;
            line-height: 40px;
            margin-bottom: 0;
            cursor: pointer;
        }
        
        .section .case-list p.active,
        .section3 .case-list p:hover {
            background-color: #055391;
            color: #fff;
        }
        
        .section .case-list span.line {
            width: 1px;
            height: 12px;
            background-color: #b6b6b6;
            display: inline-block;
        }
        
        .section .case-list span.line:last-child {
            display: none;
        }
        
        .section .case-list li span.line:last-child {
            display: none;
        }
        
        .section3 .case-content {
            margin-top: 67px;
            display: flex;
            align-items: center;
            position: relative;
        }
        
        .section3 .swiper-container {
            opacity: 0;
        }
        
        .ani-scale {
            -webkit-animation: ani-scale 1s linear;
            opacity: 1
        }
        
        .myani-fade {
            -webkit-animation: myani-fade 1s linear;
            opacity: 1
        }
        
        @-webkit-keyframes ani-scale {
            0% {
                opacity: 0;
                -webkit-transform: scale(0);
            }
            100% {
                opacity: 1 !important;
                -webkit-transform: scale(1) !important;
            }
        }
        
        @-webkit-keyframes myani-fade {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1 !important;
            }
        }
        
        .section3 .more {
            width: 230px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            display: flex;
            margin: 100px auto 0px;
            font-size: 18px;
            align-items: center;
            justify-content: center;
        }
        
        .more:hover {
            background-color: #055391;
            color: #fff;
            border-color: #055391;
        }
        
        .section3 .more>span {
            margin-left: 8px;
            font-size: 12px;
        }
        
        .section3 .case-content .swiper-button {
            /* top: unset; */
            display: flex;
            align-items: center;
            width: auto;
            height: auto;
        }
        
        .section3 .case-content .swiper-button:hover::after {
            color: rgba(255, 255, 255, 1);
        }
        
        .section3 .case-content .swiper-button::after {
            font-size: 51px;
            color: rgba(255, 255, 255, 0.4);
        }
        
        .section3 .case-content .swiper-button.swiper-button-prev {
            left: -5%;
        }
        
        .section3 .case-content .swiper-button.swiper-button-next {
            right: -5%;
        }
        /* .section4 */
        
        .section4 .content-wrap {
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .section4 .content-wrap>.cont-top,
        .section4 .content-wrap>.cont-botm {
            flex: 1;
            height: 50%;
        }
        
        .section4 .content-wrap>.cont-top {
            background-color: plum;
            background: url(../images/b4-t.jpg) no-repeat center;
            background-size: cover;
            display: flex;
            align-items: center;
        }
        
        .section4 .content-wrap>.cont-botm {
            background-color: palevioletred;
            background: url(../images/b4-b.jpg) no-repeat center;
            background-size: cover;
        }
        
        .section4 .content-wrap>.cont-botm>.container {
            margin-top: 0px;
        }
        
        .section4 .content-wrap>.cont-top>.container>.row {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .section4 .cont-top .case-list {
            display: flex;
            margin-top: 40px;
        }
        
        .section4 .cont-top .more {
            height: 110px;
            width: 110px;
            border-radius: 65px;
            background: #055391;
            color: #fff;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 18px;
            padding-top: 14px;
            line-height: 18px;
        }
        
        .section4 .cont-top .more:hover {
            transform: translateY(-6px);
        }
        
        .section4 .cont-top .more span {
            margin-top: 18px;
            font-size: 13px;
            line-height: 13px;
        }
        
        .section4 .cont-top .case-list p,
        .more,
        .section4 .swiper-slide,
        .section4 .swiper-wrapper,
        .section3 .swiper-container .swiper-slide img,
        .section5 .case-list p,
        .section5 .cont-wrap .cont-right>.desc-wrap a .m-d,
        .section5 .cont-wrap .cont-right>.desc-wrap a h3,
        .section6 .nav-list-wrap a,
        .section3 .case-list p,
        .section2 .content-right a,
        #menu a,
        .section5 .cont-wrap .cont-left>div,
        .section2 .content-left .desc.img-letter .swiper-slide img,
        .section4 .swiper-container .swiper-slide img {
            transition: all 0.6s;
        }
        
        .section4 .cont-top .case-list p {
            width: 312px;
            height: 65px;
            line-height: 65px;
            border-right: 1px solid #f5f5f5;
            margin-bottom: 0;
            background: #ffff;
            font-size: 18px;
            color: #333;
        }
        
        .section4 .cont-top .case-list p:hover {
            background: #055391;
            color: #fff;
        }
        
        .section4 .cont-top .case-list a:last-child p {
            border-right: none;
        }
        
        .section4 .swiper-container .swiper-slide {
            background-color: #e5e5e5;
            overflow: hidden;
        }
        
        .section4 .swiper-container .swiper-slide img {
            width: 100%;
            height: 100%;
        }
        
        .section4 .swiper-container .swiper-slide:hover img {
            transform: scale(1.1);
        }
        
        .section4 .case-content .swiper-pagination {
            margin-top: 52px;
            margin-left: 300px;
            text-align: start;
            bottom: unset;
        }
        
        .section4 .case-content .swiper-pagination .swiper-pagination-bullet {
            margin-right: 7px;
            width: 44px;
            height: 5px;
            background: rgba(255, 255, 255, 0.75);
            display: inline-block;
            border-radius: 0;
            opacity: 1;
        }
        
        .section4 .case-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #0b6ab8;
        }
        
        .section4 .swiper-container {
            height: 322px;
            margin-top: -116px;
        }
        
        .section4 .swiper-slide {
            width: calc(25% - 23px);
            height: 206px;
        }
        
        .section4 .swiper-wrapper {
            align-items: flex-end;
            transform: translate3d(0px, 0px, 0px)
        }
        
        .section4 .swiper-slide:nth-child(3) {
            width: calc(50%);
            height: 322px;
        }
        
        .section4 h3 {
            margin-top: 63px;
            margin-bottom: 51px;
        }
        
        .section h3>.one-word {
            line-height: 70px;
        }
        
        .section h3>div>i {
            line-height: 24px;
        }
        
        .section h3>div {
            margin-bottom: -1px;
        }
        
        .section h3>div>b {
            display: inline-block;
            line-height: 18px;
            margin-top: 9px;
        }
        /* .section5 */
        
        .section5 h3>.one-word {
            color: #055391;
        }
        
        .section5 h3>div>i,
        .section5 h3>div>b {
            color: #333;
        }
        
        .section5 .case-list {
            display: flex;
            align-items: center;
        }
        
        .section5 .case-list p {
            width: 105px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            margin-bottom: 0;
            font-size: 16px;
            color: #333;
        }
        
        .nav>li.active a p {
            background-color: #055391;
        }
        
        .nav>li.active a p {
            color: #fff;
        }
        
        .nav>li>a {
            padding: 0;
        }
        
        .nav>li>a:hover,
        .nav>li>a:focus {
            background-color: transparent;
        }
        
        .section5 .cont-wrap.active {
            display: flex;
            /* background-color: pink; */
            margin-top: 60px;
        }
        
        .section5 .cont-wrap .cont-left {
            height: 416px;
            width: 50%;
            display: block;
            overflow: hidden;
        }
        
        .section5 .cont-wrap .cont-left>div {
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            -webkit-animation: ani-scale 1s linear;
            opacity: 1
        }
        
        .section5 .cont-wrap .cont-left>div:hover {
            /* transform: rotate3d(0, 2, -1, 360deg); */
            transform: scale(1.1);
        }
        
        .section5 .cont-wrap .cont-right {
            display: flex;
            flex-direction: column;
            /* background-color: burlywood; */
            flex: 1;
            margin-left: 30px;
        }
        
        .section5 .tab-content>.tab-pane {
            min-height: 416px;
            width: 100%;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap {
            background-color: #fff;
            margin-bottom: 13px;
            flex: 1;
            display: flex;
            max-height: 130px;
            padding: 20px 0px;
            box-shadow: 0px 0px 3px #ccc;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap a {
            color: #333;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap a:hover .m-d,
        .section5 .cont-wrap .cont-right>.desc-wrap a:hover h3 {
            color: #055391;
            transform: translateX(6px);
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap:last-child {
            margin-bottom: 0;
        }
        
        .section5 .cont-wrap .cont-right .cont h3 {
            margin-bottom: 0;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .date {
            padding: 22px 30px 19px 40px;
            font-size: 18px;
            line-height: 16px;
            color: #333;
            width: 152px;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .date .y span {
            color: #055391;
            font-size: 18px;
            margin-right: 8px;
            display: inline-block;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .date .m-d {
            font-size: 29.5px;
            line-height: 29.5px;
            margin-top: 10px;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .cont {
            flex: 1;
            border-left: 1px solid #e5e5e5;
            padding-left: 19px;
            padding-right: 38px;
            color: #333;
            overflow: hidden;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .cont h3 {
            padding: 12px 0px 14px;
            font-size: 18px;
            line-height: 18px;
            font-weight: 700;
        }
        
        .section5 .cont-wrap .cont-right>.desc-wrap .cont p {
            font-size: 12px;
            line-height: 22px;
        }
        /* .section6 */
        
        .section6 .nav-list-wrap {
            display: flex;
            justify-content: space-between;
            padding-bottom: 55px;
            border-bottom: 1px solid #e5e5e5;
        }
        
        .section6 .nav-list-wrap a {
            color: #fff;
            margin-bottom: 15px;
            display: inline-block;
        }
        
        .section6 .nav-list-wrap a:hover {
            color: #055391;
            transform: translateX(6px);
        }
        
        .section6 .nav-list-wrap .drop-tol {
            font-size: 18px;
            line-height: 18px;
            font-weight: bold;
        }
        
        .section6 .nav-list-wrap .drop-item {
            font-size: 14px;
            line-height: 14px;
        }
        
        .section6 .concat {
            color: #fff;
            margin-top: 0px;
        }
        
        .section6 .concat h4 {
            font-size: 48px;
            line-height: 48px;
            margin: 63px 0px 26px;
            font-weight: bold;
        }
        
        .section6 .concat p {
            font-size: 24px;
            line-height: 36px;
            font-weight: 200;
        }
        
        .section6 .concat figure {
            margin-top: 50px;
        }
        
        .section6 .concat figcaption {
            line-height: 19.7px;
            font-size: 19.7px;
            margin-top: 12px;
            font-weight: 100;
        }
        
        .section6 .concat figure img {
            width: 166px;
            height: 166px;
        }
        
        .section6 .botm {
            background-color: #202020;
            font-size: 12px;
            height: 40px;
            line-height: 40px;
            border-bottom: 2px solid #fff;
            color: #f1f1f1;
            position: absolute;
            width: 100%;
            bottom: 0;
        }
        
        .section6 .botm a {
            color: #f1f1f1;
        }
        
        .section6 .botm a:hover {
            color: #055391;
        }
        /* 屏幕大于768px */
        
        @media (min-width: 768px) {}
        
        @media (min-width: 992px) {}
        
        @media (min-width: 1500px) {}
        
        @media (min-width: 1300px) {}
        /* 屏幕小于1199px */
        
        @media (max-width: 1199px) {}
        
        @media (max-width: 991px) {}
        
        @media(max-width: 768px) {
            .section .container {
                margin-top: 20px;
            }
            .logo {
                width: 70%;
            }
            #menu a {
                display: none;
            }
            #menu {
                bottom: 15px;
                display: flex;
                top: unset;
                left: unset;
                right: unset;
                justify-content: center;
                width: 100%;
            }
            .section h3 {
                padding-left: 15px;
            }
            /* section1 */
            .section1 h3 {
                font-size: 28px;
            }
            .section1 p {
                font-size: 16px;
                width: 90%;
                margin: 0px auto 10px;
            }
            /* section2 */
            .section2 .content-right a {
                margin: 40px auto;
                text-align: center;
                width: 230px;
                height: 48px;
                line-height: 48px;
                border: 1px solid;
            }
            .section2 .case-list figure {
                padding: 0px 8px;
                cursor: pointer;
            }
            .section2 .content-left .desc {
                padding: 0px 15px;
                height: 210px;
                overflow: hidden;
            }
            .section2 .content-wrap {
                flex-direction: column;
            }
            .section2 .content-left {
                margin-right: 0px;
                width: auto;
            }
            .section2 .case-list {
                display: flex;
                justify-content: center;
            }
            .section2 .content-right img {
                display: none;
            }
            /* section3 */
            .section3 .case-list {
                flex-wrap: wrap;
            }
            .section3 .more {
                margin-top: 20px;
            }
            .section3 .case-content {
                padding: 0px 40px;
                margin-top: 16px;
            }
            .section h3 {
                margin-bottom: 20px;
            }
            .section3 .case-content .swiper-button.swiper-button-next {
                right: 2%;
            }
            .section3 .case-content .swiper-button.swiper-button-prev {
                left: 2%;
            }
            .section3 .case-content .swiper-button {
                top: 50%;
            }
            .section3 .case-content .swiper-button::after {
                color: #fff;
            }
            .section3.tu-wen .img-list {
                padding: 0px 15px;
            }
            .section3.tu-wen .img-list a {
                padding-top: 28px;
                justify-content: flex-start;
                height: 300px;
            }
            .section3.tu-wen .img-list a h3 {
                margin-bottom: 0;
            }
            .section3.tu-wen .img-list a p {
                display: none;
            }
            .section3.tu-wen .img-list a img {
                width: 44px;
            }
            /* section4 */
            .section4 .content-wrap>.cont-botm>.container {
                margin-top: 24px;
            }
            .section4 .cont-top .case-list p {
                width: 110px;
                height: 48px;
                line-height: 48px;
                font-size: 15px;
            }
            .section4 h3 {
                margin: 0px;
            }
            .section4 .swiper-slide:nth-child(3) {
                height: 206px;
            }
            .section4 .case-content .swiper-pagination {
                margin: 0;
                bottom: 10px;
            }
            .section4 .ani-right {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0px 15px;
            }
            .section4 .swiper-container {
                margin-top: 6px;
                height: 160px;
                width: 100%;
            }
            .section4 .swiper-slide {
                height: 100%;
            }
            /* section5 */
            .section5 .cont-wrap .cont-left {
                display: none !important;
            }
            .section5 .cont-wrap .cont-right {
                margin: 0px;
            }
            .section5 .cont-wrap.active {
                margin-top: 10px;
                display: block;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap {
                padding: 0;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap .cont {
                display: flex;
                align-items: center;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap .date {
                width: 102px;
                padding: 22px 8px 40px;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap .cont p {
                max-height: 47px;
                overflow: hidden;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap .cont h3 {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 14px;
            }
            .section5 .case-list {
                margin-left: 15px;
            }
            .section5 .tab-content {
                margin: 0px 15px;
            }
            /* section6 */
            .section6 .nav-list {
                display: none !important;
            }
            .section6 .botm {
                height: 28px;
                line-height: 28px;
            }
            .section6 .concat h4 {
                font-size: 34px;
                margin: 0;
            }
            .section6 .concat p {
                font-size: 20px;
                padding: 0px 15px;
            }
            .section5 .cont-wrap .cont-right>.desc-wrap .date .m-d {
                font-size: 28px;
            }
        }