:root {
    --max: 1200px;
    --size14: 14px;
    --size16: 16px;
    --size18: 18px;
    --size20: 20px;
    --size24: 24px;
    --size30: 30px;
    --size36: 36px;
    --size40: 40px;
    --size46: 46px;
    --size50: 50px;
    --size56: 56px;
    --size60: 60px;

    --top20: 20px;
    --top30: 30px;
    --top50: 50px;
    --top60: 60px;
    --top100: 100px;
    --top120: 120px;
}

@font-face {
    font-family: "siyuanheiti";
    src: url("../fonts/siyuanheiti.otf") format("truetype");
}


@font-face {
    font-family: "zhong";
    src: url("../fonts/zhong.otf") format("truetype");
}


@font-face {
    font-family: "bold";
    src: url("../fonts/Bold.otf") format("truetype");
}

body {
    font-family: "siyuanheiti";
}

.hertre {
    width: 100%;
    z-index: 999;
    height: 70px;
    position: fixed;
    top: 0;
}
.fixed{
    background: #000000;
}
.hertre_cen {
    width: var(--max);
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.logo {
    width: 140px;
    overflow: hidden;

}

.logo img {
    width: 100%;
    height: auto;
}

.nav {
    width: max-content;
}

.nav ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.nav ul li {
    font-size: var(--size18);
    color: rgb(255, 255, 255);
    text-align: center;
    margin-left: 4vw;
    line-height: 70px;
}
.nav ul li>a{
    display: block;
    position: relative;
}
.nav ul li:nth-child(1){
    margin: 0;
}
.nav ul li svg {
    width: 16px;
    height: 16px;
    fill: #ffffff;
    display: none;
}


/* .nav ul li.nav_cen {
    color: rgb(255, 255, 255);
}

.nav ul li:hover {
    color: rgb(255, 255, 255);;
} */

.nav ul li>a::after {
    content: "";
    width: 0%;
    height: 1px;
    background: rgb(255, 255, 255);;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.nav ul li.nav_cen>a::after {
    width: 100%;
}

.nav ul li:hover>a::after {
    width: 100%;
}

.nav_ul{
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0%;
    transition: auto;
    background: rgb(255, 255, 255,0.6);
    padding: 30px;
    display: none;
}
.nav_ul_Nax{
    width: var(--max);
    overflow: hidden;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.nav_List{
    width: max-content;
    max-width: 14%;
}
.nav_List h2{
    width: 100%;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    text-align: left;
    position: relative;
    padding-left: 20px;
    line-height: 1;
}
.nav_List h2::after{
    content: "";
    width: 15px;
    height: 15px;
    background: rgb(9, 77, 140);
    border-radius: 50%;
    display: block;
    margin-right: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav_Mounk{
    width: 100%;
    margin-top: 20px;
}
.extra-class{
    display: flex;
    flex-wrap: wrap;
}
.extra-class .nav_Mounk{
    width: 80px;
}
.nav_Mounk a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nav_Mounk img{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.nav_Mounk p{
    flex: 1;
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-left: 10px;
    line-height: 1;
    text-align: left;
}
.Tel{
    font-size: var(--size16);
    color: rgb(255, 255, 255);
    background-image: url(../images/dianhua.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left: 25px;
    line-height: 18px;
}
.an {
    width: 60px;
    height: 60px;
    display: none;
    position: absolute;
    right: 0%;
    top: 0;
    transition: all 0.5s;
    z-index: 99;
}

.container {
    cursor: pointer;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s;
}

.container svg {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.active svg {
    transform: rotate(90deg);
}

.container path {
    stroke: #ffffff;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.container path:nth-child(1) {
    transform-origin: 36% 40%;
}

.container path:nth-child(2) {
    stroke-dasharray: 29 299;
}

.container path:nth-child(3) {
    transform-origin: 35% 63%;
}

.container path:nth-child(4) {
    stroke-dasharray: 29 299;
}

.container path:nth-child(5) {
    transform-origin: 61% 52%;
}

.container path:nth-child(6) {
    transform-origin: 62% 52%;
}

.active path:nth-child(1) {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.active path:nth-child(2) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(3) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(4) {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(5) {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(6) {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 100%;
    height: auto;
}


.banner .swiper-pagination{
    bottom: 10px !important;
}
.banner .swiper-pagination .swiper-pagination-bullet {
    width: 140px;
    height: 5px;
    background: #6695e8;
    border-radius: 0px;
    opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    background: #ffffff;
}
.banner_text {
    width: var(--max);
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.LianXi{
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
}
.Gg{
    text-align: center;
    font-size: var(--size24);
    color: rgb(51, 51, 51);
    line-height: 1;
}
.LianXi_Max{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.LianXi_Left{
    width: 50%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.LianXi_Left ul{
    width: 600px;
    max-width: calc(100% - 15px);
    display: flex;
    flex-wrap: wrap;
    gap: var(--top20);
}
.LianXi_Left ul li{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.LianXi_Left ul li img{
    width: 26px;
    height: 26px;
    object-fit: contain;
}
.LianXi_Left ul li p{
    flex: 1;
    margin-left: 10px;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
}
#allmap{
    width: 50%;
    height: 400px;
}
#allmap div,
#allmap img{
    transition: auto;
}

.BMap_bubble_content p{
    font-size: 12px;
    color: #000000;
    line-height: 1.8;
}
.LiuYan{
    width: 100%;
    overflow: hidden;
    background: rgb(245, 249, 252);
}
.LiuYan_Max{
    width: var(--max);
    overflow: hidden;
    margin: var(--top60) auto;
}
.LiuYan_Max form{
    width: 100%;
    overflow: hidden;
    margin-top: var(--top60);
}
.LiuYan_Form{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.LiuYan_Left{
    width: calc(50% - 8px);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.LiuYan_Left label{
    width: 100%;
    overflow: hidden;
    display: block;
}
.LiuYan_Left label p{
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    line-height: 1;
}
.LiuYan_Left label input{
    width: 100%;
    height: 50px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    font-size: var(--size14);
    color: rgb(198, 198, 198);
    padding: 0 15px;
    margin-top: 10px;
}
.LiuYan_Right{
    width: calc(50% - 8px);
    overflow: hidden;
}
.LiuYan_Right p{
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    line-height: 1;
}
.LiuYan_Right textarea{
    width: 100%;
    height: 170px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    font-size: var(--size14);
    color: rgb(198, 198, 198);
    padding: 15px;
    margin-top: 10px;
    resize: none;
    font-family: 'siyuanheiti';
    border: transparent;
    box-sizing: border-box;
    display: block;
}
.submit{
    width: 100%;
    height: 50px;
    background: rgb(24, 64, 149);
    border-radius: 10px;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: rgb(255, 255, 255);
    cursor: pointer;
}
.layui-layer{
    transition: auto;
}
.FanNao{
    width: var(--max);
    overflow: hidden;
    margin: var(--top30) auto;
}
.FanNao img{
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}

.FanNao a{
    width: max-content;
    padding: 0 var(--top30);
    line-height: 50px;
    border-radius: 50px;
    background: rgb(24, 64, 149);
    font-size: var(--size14);
    color: #ffffff;
    display: block;
    margin: auto;
    margin-top: var(--top50);
}
.WoMen{
    width: 100%;
    overflow: hidden;
    background: rgb(245, 249, 252);
}
.WoMen_Max{
    width: var(--max);
    margin: 20px auto;
}
.WoMen_Max ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--top20);
    margin-top: var(--top20);
}
.WoMen_Max ul li{
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 54px 60px 0px rgb(227, 227, 227);
    padding: var(--top60) var(--top20);
}
.WoMen_Max ul li img{
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin: auto;
}
.WoMen_Max ul li p{
    text-align: center;
    font-size: var(--size16);
    color: rgb(0, 0, 0);
    margin-top: var(--top30);
}
.LiCheng_Swiper{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.LiCheng_Swiper .swiper-slide{
    width: 100%;
}
.LiCheng_Top{
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.LiCheng_Top h2{
    width: 100%;
    text-align: center;
    font-size: var(--size18);
    line-height: 1;
    color: rgb(19, 34, 122);
}
.LiCheng_Top p{
    width: 100%;
    text-align: center;
    font-size: var(--size14);
    color:rgb(102, 102, 102);
    margin-top: 10px;
    line-height: 1;
}
.LiCheng_Swiper .swiper-slide i{
    width: 100%;
    height: 15px;
    background: rgb(19, 34, 122);
    border-radius: 15px;
    display: block;
    position: relative;
}
.LiCheng_Bott{
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-end;
}
.LiCheng_Img{
    width: 30px;
    height: 30px;
    background: rgb(19, 34, 122);
    border-radius: 50%;
    display: flex;
    margin: auto;
    position: relative;
}
.LiCheng_Img::after{
    content: "";
    width: 1px;
    height: 20px;
    background: rgb(19, 34, 122);
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.LiCheng_Img img{
    max-width: 60%;
    max-height: 60%;
    margin: auto;
}
.LiCheng_Bott p{
    width: 100%;
    text-align: center;
    font-size: var(--size14);
    color:rgb(102, 102, 102);
    margin-top: 10px;
    line-height: 1;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n){
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n) .LiCheng_Top{
    align-content: flex-end;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n) .LiCheng_Bott{
    align-content: flex-start;
    flex-direction: column-reverse;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n) .LiCheng_Bott p{
    margin-top: 0px;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n) .LiCheng_Bott .LiCheng_Img{
    margin-top: 10px;
}
.LiCheng_Swiper .swiper-slide:nth-child(2n) .LiCheng_Bott .LiCheng_Img::after{
    top: 30px;
}

.LiCheng_Swiper .swiper-button-next:after, 
.LiCheng_Swiper .swiper-button-prev:after{
    color: #000000;
    font-size: 20px;
}
.LiCheng_Swiper .swiper-button-next{
    right: 0px;
}
.LiCheng_Swiper .swiper-button-prev{
    left: 0px;
}
.HeXin{
    width: var(--max);
    overflow: hidden;
    margin: 20px auto;
}
.HeXin ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    margin-top: 20px;
}
.HeXin ul li{
    flex: 1;
    font-size: var(--size18);
    color: rgb(102, 102, 102);
    text-align: center;
    border-bottom: 2px solid rgb(186, 186, 186);
    line-height: 1;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.HeXin ul li::after{
    content: "";
    width: 0%;
    height: 2px;
    background: rgb(24, 64, 149);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: all 0.3s;
}
.HeXin ul li.HeXin_Nav::after{
    width: 100%;
}
.HeXin_Max{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.HeXin_Ledt{
    width: 100%;
    overflow: hidden;
    transition: auto;
}
.HeXin_Ledt_Max{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.HeXin_Ledt_Left{
    width: 40%;
    overflow: hidden;
}
.HeXin_Text{
    width: 100%;
    overflow: hidden;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    line-height: 2;
}
.HeXin_Text table{
    border: transparent;
}
.HeXin_Ledt_Max>img{
    width: 58%;
    height: auto;
}
.bannerSwiper{
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(5,163,237,1) 0%, rgba(5,53,211,1) 100%);
    padding-top: 120px;
}
.bannerSwiper_mySwiper{
    width: var(--max);
    overflow: hidden;
    margin: auto;
    position: relative;
}
.bannerSwiper_mySwiper .swiper-slide{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.bannerSwiper_mySwiper .swiper-slide>img{
    width: 400px;
    height: auto;
}
.bannerSwiper_Right{
    width: calc(100% - 430px);
    overflow: hidden;
}
.bannerSwiper_Right h2{
    font-size: var(--size30);
    color: rgb(255, 255, 255);
    line-height: 1;
}
.bannerSwiper_Right p{
    font-size: var(--size14);
    color: rgb(255, 255, 255);
    line-height: 1.6;
    margin-top: 15px;
}
.bannerSwiper_a{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--top20);
    margin-top: var(--top30);
}
.bannerSwiper_a a{
    width: max-content;
    display: block;
    line-height: 40px;
    border-radius: 50px;
    font-size: var(--size14);
    color: rgb(255, 255, 255);
    padding: 0 var(--top50);
    border: 1px solid rgb(255, 255, 255);
}
.bannerSwiper_a a:hover{
    background: #ffffff;
    color: rgb(24, 64, 149);
}
.bannerSwiper_mySwiper .swiper-pagination{
    position: static;
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--top60);
}
.bannerSwiper_mySwiper .swiper-pagination .swiper-pagination-bullet {
    width: 140px;
    height: 5px;
    background: #6695e8;
    border-radius: 0px;
    opacity: 1;
}
.bannerSwiper_mySwiper .swiper-pagination .swiper-pagination-bullet-active{
    background: #ffffff;
}
.FangAn{
    width: 100%;
    overflow: hidden;
    background: #f5f9fc;
}
.FangAn_Max{
    width: var(--max);
    margin: 20px auto;
}

.FangAn_Max ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20) var(--top30);
    margin-top: var(--top20);
}
.FangAn_Max ul li{
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 54px 60px 0px rgb(227, 227, 227);
    padding: var(--top20) 10px;
}
.FangAn_Max ul li img{
    max-width: 90%;
    height: 170px;
    object-fit: contain;
    margin: auto;
    object-fit: contain;
    margin: auto;
}
.FangAn_Max ul li h2{
    font-size: var(--size18);
    color: rgb(24, 64, 149);
    margin-top: var(--top20);
}

.FangAn_Max ul li p{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 5px;
}

.shwo {
    width: var(--max);
    overflow: hidden;
    margin: var(--top60) auto;
}

.shwo>h2 {
    text-align: left;
    font-size: var(--size24);
    color: #222222;
}

.shwo>p {
    font-size: var(--size14);
    color: #888888;
    margin-top: 15px;
}

.shwo_text {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: var(--top30) 0;
    margin-top: var(--top30);
    font-size: var(--size14);
    color: #222222;
    line-height: 2;
}

.shwo_text img {
    max-width: 100%;
    height: auto;
    margin: auto;
}

.prev {
    width: 100%;
    overflow: hidden;
    margin-top: var(--top30);
}

.prev a {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: var(--size14);
    color: #222222;
    line-height: 2;
}

.cHANpIN{
    width: 100%;
    overflow: hidden;
    background: rgb(245, 249, 252);
}
.cHANpIN_Max{
    width: var(--max);
    margin: 20PX AUTO;
}
.cHANpIN_Max ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    margin-top: 20px;
}
.cHANpIN_Max ul li{
    flex: 1;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    text-align: center;
    border-bottom: 2px solid rgb(186, 186, 186);
    line-height: 1;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.cHANpIN_Max ul li::after{
    content: "";
    width: 0%;
    height: 2px;
    background: rgb(24, 64, 149);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: all 0.3s;
}
.cHANpIN_Max ul li.HeXin_Nav::after{
    width: 100%;
}

.cHANpIN_Max ul li:hover::after{
    width: 100%;
}

.cHANpIN_Les{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20) var(--top30);
    margin-top: var(--top20);
}
.cHANpIN_List{
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 54px 60px 0px rgb(227, 227, 227);
    padding: var(--top30) 10px;
}
.cHANpIN_List img{
    max-width: 90%;
    height: 170px;
    object-fit: contain;
    margin: auto;
    object-fit: contain;
    margin: auto;
}
.cHANpIN_List h2{
    text-align: center;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    margin-top: var(--top20);
}

.SiDa{
    width: var(--max);
    margin: 20px auto;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 54px 71px 0px rgb(227, 227, 227);
}
.SiDa ul{
    width: 100%;
    overflow: hidden;
    padding: 90px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.SiDa ul li{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.SiDa_img{
    width: 64px;
    height: 64px;
    background: rgb(247, 248, 250);
    border-radius: 50%;
    display: flex;
}
.SiDa_img img{
    max-width: 70%;
    max-height: 50%;
    margin: auto;
}
.SiDa_Text{
    flex: 1;
    margin-left: 10px;
}
.SiDa_Text h2{
    font-size: var(--size16);
    color: rgb(51, 51, 51);
}
.SiDa_Text p{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
}



.FengFu{
    width: var(--max);
    margin: 20px auto;
}

.FengFu ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20) var(--top30);
    margin-top: 20px;
}
.FengFu ul li{
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 54px 60px 0px rgb(227, 227, 227);
    padding: var(--top20) 10px;
}
.FengFu ul li img{
    max-width: 90%;
    height: 170px;
    object-fit: contain;
    margin: auto;
    object-fit: contain;
    margin: auto;
}
.FengFu ul li h2{
    font-size: var(--size18);
    color: rgb(24, 64, 149);
    margin-top: var(--top20);
    text-align: center;
}

.FengFu ul li p{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 5px;
    text-align: center
}
.XiaoLv{
    width: var(--max);
    margin: 20px auto;
}

.XiaoLv ul{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.XiaoLv ul li{
    flex: 1;
    border-left: 2px solid rgb(27, 67, 154);
    padding: 15px 0;
}
.XiaoLv ul li:nth-child(1){
    border: transparent;
}
.XiaoLv ul li h2{
    text-align: center;
    font-size: var(--size20);
    color: rgb(26, 68, 154);
}
.XiaoLv ul li p{
    text-align: center;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
}
.XiaoLv_a{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--top20);
    margin-top: 20px;
}
.XiaoLv_a a{
    width: max-content;
    display: block;
    line-height: 40px;
    border-radius: 50px;
    font-size: var(--size14);
    color: rgb(24, 64, 149);
    padding: 0 var(--top50);
    border: 1px solid rgb(24, 64, 149);
}
.XiaoLv_a a:hover{
    background: rgb(24, 64, 149);
    color: #ffffff;
}
.JieJUeFa{
    width: 100%;
    overflow: hidden;
    background: rgb(245, 249, 252);
}
.JieJUeFa_Max{
    width: var(--max);
    margin: 20px auto;
}
.JieJUeFa_Max ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin-top: 20px;
    gap: var(--top60) 0;
}
.JieJUeFa_Max ul li{
    width: 100%;
    height: 340px;
    background-image: url(../images/beijing.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: var(--top20);
}
.JieJUeFa_Max ul li:hover{
    transform: scale(1.2);
    position: relative;
    z-index: 999;
}
.JieJUeFa_Max ul li img{
    max-width: 90%;
    height: 130px;
    object-fit: contain;
    margin: auto;
    margin-top: var(--top30);
}
.JieJUeFa_Max ul li h2{
    text-align: center;
    font-size: var(--size18);
    color: rgb(255, 255, 255);
}
.JieJUeFa_Max ul li p{
    text-align: center;
    font-size: var(--size14);
    line-height: 1.6;
    color: rgb(255, 255, 255);
}
.LiuGe{
    width: var(--max);
    margin: 20px auto;
}
.LiuGe ul{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--top20) var(--top30);
    margin-top: var(--top20);
}
.LiuGe ul li{
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 54px 60px 0px rgb(227, 227, 227);
    padding: var(--top20) 10px;
}
.LiuGe ul li img{
    width: 65px;
    height: 65px;
    object-fit: contain;
    margin: auto;
    object-fit: contain;
    margin: auto;
}
.LiuGe ul li h2{
    font-size: var(--size18);
    color: rgb(24, 64, 149);
    margin-top: var(--top20);
    text-align: center;
}

.LiuGe ul li p{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin-top: 5px;
    line-height: 1.8;
}
.FuGai{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: rgb(4, 64, 152);
}
.FuGai_Max{
    width: var(--max);
    overflow: hidden;
    margin: 20px auto;
}
.FuGai_Max .Gg{
    color: #ffffff;
}
.FuGai_Max p{
    font-size: var(--size16);
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 10px;
}
.FuGai_Max img{
    width: 100%;
    height: auto;
    margin-top: var(--top30);
}
.FuGai_Max a{
    width: max-content;
    display: block;
    line-height: 40px;
    border-radius: 50px;
    font-size: var(--size14);
    color: #ffffff;
    padding: 0 var(--top50);
    border: 1px solid #ffffff;
    margin: auto;
    margin-top: var(--top30);
}
.FuGai_Max a:hover{
    color: rgb(24, 64, 149);
    background: #ffffff;
}
.XiangXin{
    width: var(--max);
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
}
.XiangXin .Gg{
    width: 45%;
    color: rgb(4, 64, 152);
}
.XiangXin_Max{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}
.XiangXin_Max img{
    width: 45%;
    height: auto;
}
.XiangXin_Max ul{
    width: 53%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: var(--top30);
}
.XiangXin_Max ul li{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.XiangXin_Max ul li p{
    width: 50px;
    height: 50px;
    background: rgb(4, 64, 152);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: var(--size18);
    color: #ffffff;
}

.XiangXin_Max ul li h2{
    flex: 1;
    font-size: var(--size16);
    color: rgb(102, 102, 102);
    line-height: 1.8;
    margin-left: 15px;
}
.HeZuo{
    width: var(--max);
    overflow: hidden;
    margin: 20px auto;
}
.HeZuo ul{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 15px;
}
.HeZuo ul li{
    width: 100%;
    overflow: hidden;
}
.HeZuo ul li img{
    width: 100%;
    height: auto;
}



.page {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--top60);
}

.page .active,
.page .total {
    font-size: 14px;
    padding: 6px 8px;
    color: #000000;
    border: 1px solid #d9d9d9;
    margin: 0px 3px;
    line-height: 1;
}

.page .active {
    background: #da3536;
    border: 1px solid #da3536;
    color: #fff;
}

.page .active:nth-child(1),
.page .active:nth-child(2),
.page .active:nth-child(3),
.page .total:nth-child(1),
.page .total:nth-child(2),
.page .total:nth-child(3),
.page .total:nth-last-child(2),
.page .active:nth-last-child(2),
.page .active:last-child,
.page .total:last-child {
    color: #000000;
    border: 1px solid #d9d9d9;
    background: #fff;
}

.footer{
    width: 100%;
    overflow: hidden;
    background: rgb(51, 51, 51);
}
.footer_max{
    width: var(--max);
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.footer_Logo{
    width: 140px;
    overflow: hidden;
}
.footer_Logo img{
    width: 100%;
    height: auto;
}
.footer_ul{
    width: max-content;
    overflow: hidden;
    margin-left: var(--top30);
}
.footer_top{
    width: max-content;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.footer_top h2{
    font-size: var(--size16);
    color: rgb(211, 211, 211);
}
.footer_top svg{
    width: 14px;
    height: auto;
    display: none;
}
.footer_ul ul{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.footer_ul ul li{
    font-size: var(--size16);
    color: rgb(211, 211, 211);
    line-height: 2;
}
.erweima{
    width: 120px;
    overflow: hidden;
    margin-left: auto;
}
.erweima img{
    width: 100%;
    height: auto;
}
.erweima h2{
    text-align: center;
    font-size: var(--size14);
    color: rgb(211, 211, 211);
    margin-top: 10px;
}
.LIanxio{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.LIanxio ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--top20);
}
.LIanxio ul li{
    width: calc(50% - 10px);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.LIanxio ul li:nth-child(2n){
    justify-content: flex-end;
}
.LIanxio ul li:nth-child(2n) p{
    flex: none;
}
.LIanxio ul li img{
    width: 26px;
    height: 26px;
    object-fit: contain;
}
.LIanxio ul li p{
    flex: 1;
    margin-left: 10px;
    font-size: var(--size16);
    color: #ffffff;
}
.beian{
    width: var(--max);
    overflow: hidden;
    margin:  auto;
    padding: 15px 0;
    overflow: hidden;
    border-top: 1px solid rgb(255, 255, 255);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.beian p{
    font-size: var(--size14);
    color: rgb(102, 102, 102);
    margin: 0 5px;
}