@charset "utf-8";
        body {
            word-break: break-all;
            min-width: 1280px;
            margin: 0 auto;
            width: 100%;
        }
        
        .section1 .swiper-container-horizontal>.swiper-pagination {
            position: absolute;
            margin: 0 auto;
            text-align: center;
            justify-content: center;
            width: 100% !important;
            left: 0;
            right: 0;
            bottom: 40px;
        }
        
        .section1 .swiper-pagination-bullet {
            width: 15px !important;
            height: 15px !important;
            background: #fff;
            opacity: 0.2 !important;
        }
        
        .section1 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
            margin: 0 8px;
        }
        
        .section1 .swiper-pagination-bullet-active {
            background: #fff !important;
            width: 15px;
            height: 15px;
            border-radius: 18px;
            opacity: 0.8 !important;
        }
        
        .section1 .swiper-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 40px;
        }
        
        .section1 img {
            display: block;
            width: 100%;
        }
        
        header ul li:last-child {
            border-right: 0;
        }
        
        header {
            display: flex;
            height: 27px;
            line-height: 27px;
            align-items: center;
            padding: 37px 0 18px 0;
            width: 1170px;
            margin: 0 auto;
            position: relative;
        }
        
        header img {
            display: block;
            height: 29px;
            margin-top: -14px;
        }
        
        header ul {
            display: flex;
            position: absolute;
            right: 0;
        }
        
        header ul li {
            font-size: 24px;
            color: #333333;
            font-weight: bold;
            padding: 0 15px;
            border-right: 3px solid #333333;
            height: 27px;
        }
        
        header ul li a {
            font-size: 24px;
            color: #333333;
            font-weight: bold;
            display: block;
        }
        
        .section2 {
            margin-top: 36px;
        }
        
        .title {
            text-align: center;
            margin: 0 auto;
        }
        
        .title h1 {
            font-size: 36px;
            font-weight: bold;
            color: #374693;
        }
        
        .title span {
            background: #d7d7d7;
            width: 53px;
            height: 3px;
            display: block;
            text-align: center;
            margin: 3px auto;
        }
        
        .title p {
            font-size: 20px;
            font-weight: bold;
            font-family: Arial;
            color: #d7d7d7;
        }
        
        .item1 {
            width: 1185px;
            margin: 0 auto;
            display: flex;
            position: relative;
        }
        
        .item1 .item1Left {
            width: 556px;
        }
        
        .item1 .item1Left ul {}
        
        .item1 .item1Left ul li:first-child a {
            font-size: 24px;
            color: #333333;
            font-weight: bold;
            overflow: initial;
            white-space: initial;
        }
        
        .item1 .item1Left ul li:first-child i {
            background-color: #00177b;
        }
        
        .item1 .item1Left ul li {
            color: #656565;
            font-size: 20px;
            margin-top: 24px;
        }
        
        .item1 .item1Left ul li a {
            color: #656565;
            font-size: 20px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .item1 .item1Left ul li i {
            display: inline-block;
            width: 5px;
            height: 5px;
            background: #747474;
            margin-right: 12px;
            border-radius: 50%;
            vertical-align: middle;
        }
        
        .item1 .item1Left ul li span {
            color: #656565;
            font-size: 16px;
            margin-top: 12px;
            display: block;
            line-height: 28px;
            text-indent: 30px;
            font-weight: normal;
        }
        
        .item1 .item1Rig {
            width: 568px;
            margin-top: 27px;
            position: absolute;
            right: 0;
        }
        
        .item1 .item1Rig img {
            display: block;
            width: 100%;
            height: 364px;
        }
        
        .item1Rig .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .item1Rig .swiper-slide {
            width: 100% !important;
        }
        
        .item1Rig .swiper-slide a {
            display: block;
            width: 100%;
            height: 364px;
            object-fit: cover;
        }
        
        .item1Rig .swiper-slide img {
            display: block;
            width: 100%;
            height: 364px;
            object-fit: cover;
        }
        
        .item1Rig .swiper-slide p {
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            bottom: 20px;
            color: #fff;
            height: 2.6rem;
            line-height: 2.6rem;
            padding: 0 4%;
            width: 91%;
            font-size: 18px;
            font-weight: bold;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .section3 {
            margin-top: 100px;
        }
        
        .item2 {
            width: 1185px;
            margin: 0 auto;
            display: flex;
            position: relative;
        }
        /* 第三个轮播图 */
        
        .lunboBox {
            margin-top: 8px;
        }
        
        .lunboBox .swiper {
            width: 100%;
            height: 100%;
        }
        
        .lunboBox .swiper-slide {
            text-align: center;
            font-size: 18px;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            width: 1185px;
            position: relative;
            align-items: center;
        }
        
        .lunboBox .swiper-slide>a {
            position: absolute;
            left: 0;
            width: 1185px;
        }
        
        .lunboBox .swiper-slide>p {
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            bottom: 0;
            color: #fff;
            height: 3rem;
            line-height: 3rem;
            padding: 0 4%;
            width: 100%;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            background: rgba(0, 0, 0, 0.6);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .swiperP P {
            font-size: 16px !important;
            height: 2.5rem !important;
            line-height: 2.5rem !important;
            width: 92% !important;
        }
        
        .lunboBox .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .lunboBox .swiper {
            width: 100%;
            height: 697px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .lunboBox .swiper-slide {
            background-size: cover;
            background-position: center;
        }
        
        .lunboBox .mySwiper22 {
            height: 697px;
            width: 1185px;
        }
        
        .lunboBox .mySwiper0 {
            height: 181px;
            width: 1185px;
            box-sizing: border-box;
            border-top: 10px solid #fff;
            text-align: left;
            float: left;
            /* background-color: #000; */
        }
        
        .lunboBox .mySwiper0 .swiper-slide {
            width: 25% !important;
            margin-right: 15px !important;
            /* opacity: 0.4;
            border-right: 3px solid #fff;
             */
        }
        /*         
        .lunboBox .mySwiper0 .swiper-slide:first-child,
        .lunboBox .mySwiper0 .swiper-slide:last-child {
            border-right: 0 !important;
        }
        
        .lunboBox .mySwiper0 .swiper-slide-thumb-active {
            opacity: 1;
        } */
        
        .lunboBox .mySwiper0 .swiper-slide img {
            display: block;
            width: 100% !important;
            height: 100%;
            object-fit: cover;
        }
        
        .lunboBox .mySwiper0 .swiper-slide {
            width: 24.8% !important;
        }
        
        .section4 {
            margin-top: 100px;
        }
        
        .item3 {
            background: url(hw_bg.png) no-repeat top center;
            height: 758px;
            margin-top: -20px;
        }
        
        footer {
            background: url(hw_footer.png) no-repeat top center;
            background-size: 100% 191px;
            height: 191px;
            display: flex;
            align-items: center;
            margin: 0 auto;
        }
        
        footer p {
            font-size: 20px;
            color: #fff;
            text-align: center;
            line-height: 28px;
            margin: 0 auto;
        }
        
        .item3 ul {
            padding-top: 80px;
            width: 801px;
            margin-left: 17%;
        }
        
        .item3 ul li {
            width: 376px;
            height: 276px;
            display: inline-block;
            background: url(hw_back.png) no-repeat top center;
            background-size: 100% 290px;
            height: 290px;
            width: 393px;
        }
        
        .top {
            padding: 43px 0 24px 0;
            width: 280px;
            margin: 0 auto;
            display: flex;
            position: relative;
        }
        
        .top img {
            width: 132px;
            height: 132px;
            display: block;
        }
        
        .top dd {
            position: absolute;
            right: 0;
        }
        
        .top dd p {
            font-size: 16px;
            color: #0c0c0c;
        }
        
        .top dd p:last-child {
            margin-top: 36px;
        }
        
        .bottom {
            margin: 0 28px;
            border-top: 1px dashed #cdcdcd;
            text-align: center;
            padding: 20px 0;
        }
        
        .bottom p {
            font-size: 24px;
            font-weight: bold;
            color: #333333;
        }
        
        .bottom p a {
            font-size: 24px;
            font-weight: bold;
            color: #333333;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        @media (max-width: 1400px) {
            .item3 ul {
                margin-left: 3% !important;
            }
        }
        
        @media (max-width: 1800px) and (min-width: 1401px) {
            .item3 ul {
                margin-left: 8% !important;
            }
        }
        
        .section4 .swiper-container {
            height: 692px;
        }
        
        .section4 .swiper-container-horizontal>.swiper-pagination {
            position: absolute;
            margin: 0 auto;
            text-align: center;
            justify-content: center;
            width: 100% !important;
            left: 0;
            right: 0;
            bottom: 10px;
        }
        
        .section4 .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
        .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 38%;
        }
        
        .section4 .swiper-pagination-bullet {
            width: 15px !important;
            height: 15px !important;
            background: #799bcb;
        }
        
        .section4 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
            margin: 0 8px;
        }
        
        .section4 .swiper-pagination-bullet-active {
            background: #33437b !important;
            width: 15px;
            height: 15px;
            border-radius: 18px;
        }
        
        .section4 .swiper-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
        }
        
        .section3 .swiper-button-next,
        .section3 .swiper-button-prev {
            color: #909090;
        }
        
        .section2 .swiper-button-next,
        .section2 .swiper-button-prev {
            color: #fff;
        }
        
        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev {
            background: 0 !important;
        }
        
        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            background: 0 !important;
        }
        
        .section2 .swiper-button-prev:after {
            font-size: 28px !important;
        }
        
        .section2 .swiper-button-next:after {
            font-size: 28px !important;
        }