.padding{ padding-top:50px; padding-bottom:50px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--main);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.block80{  height: 80px;}
html{height: 100%;}

.index_banner {position: relative;width: auto;overflow: hidden;}
.index_banner .swiper{height: 660px;}
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
.index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; animation: breathe 10s ease-in-out;}
.index_banner .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
.index_banner .swiper-slide .info img{ height:120px; margin: 0 auto; display: block;}
.index_banner .swiper-slide .info h2{ font-size: 24px; line-height: 1em; color:#fff; font-weight: normal; margin-bottom: 32px; }
.index_banner .swiper-slide .info h3{ font-size: 60px; line-height: 1.2em; color:#fff; margin-bottom: 32px;  }
.index_banner .swiper-slide .info p{ color: #fff; font-size: 20px; line-height: 1.6em; width: 56%;}
.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .swiper-slide .info.white h2{color: #fff; }
.index_banner .swiper-slide .info.white h3{color: #fff;}
.index_banner .swiper-slide .info.white p{color: #fff;}
.index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
@keyframes breathe{
    0%   { transform: scale(1);   }   /* 原始大小 */
    100% { transform: scale(1); }   /* 缩小到 60% */
}
.index_banner .swiper-button-box{  display: flex; justify-content: right; align-items: center; grid-gap: 20px; width: var(--width); left: 50%; transform: translateX(-50%);  position: absolute; bottom:44px; z-index: 14;}
.index_banner .swiper-button-box .swiper-button-next{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
.index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
.index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width) !important; left: 50% !important; transform: translateX(-50%); }
/*.index_banner .swiper-slide .info h1{color: #fff; font-size:45px; font-weight: bold; line-height:1.2em; margin-bottom:20px; }*/
/*.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:60px;  font-size:22px;}*/
/*.index_banner .swiper-slide .info .button{display: flex; justify-content: left; align-items: center;}*/
/*.index_banner .swiper-slide .info .button a{ color:#fff;transition-duration: 0.3s;  padding-left: 30px; padding-right: 15px; display: inline-block; padding-top: 3px; padding-bottom: 3px;  border-radius:2px; border:#fff solid 2px; line-height:1em; }*/
/*.index_banner .swiper-slide .info .button span{ color:#fff; }*/
/*.index_banner .swiper-slide .info .button i{color: #fff; font-size: 18px;display:inline-block;width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; transition-duration: 0.2s}*/
/*.index_banner .swiper-slide .info .button a:hover i{  margin-left:10px;   }*/
/*.index_banner .swiper-slide .info .button a:hover{background: var(--main); border:var(--main) solid 2px; }*/
.index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:4px; width:20px; border-radius: 3px; background: #c0c7ca; transition-duration: 0.2s; opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main); width: 40px;}
.index_banner .swiper-pagination .swiper-pagination-current{font-size: 24px;}


.logo{ text-align: center; padding-top: 40px; padding-bottom: 40px;}
.logo img{ width: 320px;}

.index_about .title{ margin-bottom: 30px;}
.index_about .title h2{ font-size: 32px; text-align: center; color:#093f8e}
.index_about .content{ font-size: 20px; line-height: 1.6;color:#676d74}

.index_vision .title{ margin-bottom: 30px;}
.index_vision .title h2{ font-size: 32px; text-align: center; color:#7cbce0}
.index_vision .content{ font-size: 20px; line-height: 1.6;color:#676d74; text-align: center;}


.index_school_mission .title{ margin-bottom: 30px;}
.index_school_mission .title h2{ font-size: 32px; text-align: center; color:#f06797}
.index_school_mission .content{ font-size: 20px; line-height: 1.6;color:#676d74; text-align: center;}


.index_teacher_mission .title{ margin-bottom: 30px;}
.index_teacher_mission .title h2{ font-size: 32px; text-align: center; color:#f7cf33}
.index_teacher_mission .content{ font-size: 20px; line-height: 1.6;color:#676d74; text-align: center;}


.index_admin_mission .title{ margin-bottom: 30px;}
.index_admin_mission .title h2{ font-size: 32px; text-align: center; color:#8ec448}
.index_admin_mission .content{ font-size: 20px; line-height: 1.6;color:#676d74; text-align: center;}

.index_message1 .content{ border-radius: 24px; padding-top: 40px; padding-bottom: 40px; background: #8cc453; font-size: 32px; line-height: 1.6; letter-spacing: 10px; color:#fff; text-align: center;}

.footer_img .pagewidth{ display: flex; justify-content:center; grid-gap:100px; align-items: center;}
.footer_img{ padding-bottom: 80px;}
.footer_img a img{  transition-duration:0.2s; }
.footer_img a:hover img{ transform: scale(1.03); }


.detail_banner{overflow: hidden; position: relative; width: 100%; margin-bottom: 40px; }
.detail_banner .pagewidth{position: relative; height: 660px;}
.detail_banner img.detailbg{  width: 100%; height: 660px; object-fit: cover;}


.list_about_top .content{font-size: 20px; line-height: 1.6;color:#676d74; margin-bottom: 40px}
.list_about_top .img{ border-radius: 16px; overflow: hidden;}
.list_about_top .img img{ width: 100%; height:100%; object-fit:cover; }

.list_about_item{margin-bottom: 40px}
.list_about_item .pagewidth{ display: grid; grid-template-columns: 32% auto; grid-gap: 40px; align-items: center; }
.list_about_item .pagewidth .img{ overflow: hidden; border-radius: 16px;}
.list_about_item .pagewidth .img .swiper-slide img{ width: 100%;}
.list_about_item .pagewidth .info h2 { margin-bottom: 20px; font-size: 32px;}
.list_about_item .pagewidth .info .html {font-size:20px; line-height: 1.6;color:#676d74;}





.list_activity_item{}
.list_activity_item .pagewidth{ d}
.list_activity_item .pagewidth .img{ overflow: hidden; border-radius: 16px;}
.list_activity_item .pagewidth .img img{ width: 100%;}
.list_activity_item .pagewidth .info{ margin-bottom: 40px;}
.list_activity_item .pagewidth .info h2 { margin-bottom: 20px; text-align: center; font-size: 32px;}
.list_activity_item .pagewidth .info .html {font-size:20px; line-height: 1.6;color:#676d74;}


.list_news .article-list{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap: 0px; align-items: center; border-radius: 16px; overflow: hidden; }
.list_news .article-list .item a{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap: 0px; align-items: center; transition-duration: 0.3s; }
.list_news .article-list .item a .img{ aspect-ratio: 1; overflow: hidden}
.list_news .article-list .item a .img img{ width: 100%; height: 100%; object-fit:cover; transition-duration: 0.3s; }
.list_news .article-list .item a:hover .img img{transform: scale(1.1); }
.list_news .article-list .item a .info{ aspect-ratio: 1; display: flex; justify-content: center; align-items: center; position: relative; transition-duration: 0.3s;}
.list_news .article-list .item a .info h3{ font-size: 28px; text-align: center;transition-duration: 0.3s;}

.list_news .article-list .item:nth-child(3) .img{ order: 2;}
.list_news .article-list .item:nth-child(3) .info{ order: 1;}
.list_news .article-list .item:nth-child(4) .img{ order: 2;}
.list_news .article-list .item:nth-child(4) .info{ order: 1;}

.list_news .article-list .item:nth-child(1) .info{background: #7fbade;}
.list_news .article-list .item:nth-child(2) .info{background: #f4a8c0;}
.list_news .article-list .item:nth-child(3) .info{background: #f9e991;}
.list_news .article-list .item:nth-child(4) .info{background: #c69cc5;}
.list_news .article-list .item a:hover .info{ opacity: 0.9;}
.list_news_bottomimg{ text-align: center; padding-bottom: 80px;}

.show_news_menu{ margin-bottom:60px; padding-top: 20px;}
.show_news_menu ul{ display: flex; justify-content: center; align-items: center; grid-gap:40px;}
.show_news_menu ul li a{ font-size: 24px; padding: 10px 30px; border-radius: 50px;}
.show_news_menu ul li a:hover{ background: #f9f9f9}
.show_news_menu ul li:nth-child(1).active a{ background: #7fbade;}
.show_news_menu ul li:nth-child(2).active a{ background: #f4a8c0;}
.show_news_menu ul li:nth-child(3).active a{ background: #f9e991;}
.show_news_menu ul li:nth-child(4).active a{ background: #c69cc5;}

.show_news .img{ border-radius: 48px 48px 0px 0px; overflow: hidden;}
.show_news .img .swiper .swiper-slide img{ width: 100%;}
.show_news .img .swiper .swiper-button-next{ color: #fff; right: 40px;}
.show_news .img .swiper .swiper-button-next:after{font-size: 36px;}
.show_news .img .swiper .swiper-button-prev{ color: #fff; left: 40px;}
.show_news .img .swiper .swiper-button-prev:after{font-size: 36px;}
.show_news .title{border-radius:0px 0px 48px 48px ; overflow: hidden; text-align: center; height: 100px; line-height: 100px;  color: #fff; font-size: 28px;}
.show_news .html { padding-top: 60px; padding-bottom: 80px; font-size:20px; line-height: 1.6;color:#676d74; text-align: center}


.list_service .article-list{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 60px;  }
.list_service .article-list .item{aspect-ratio: 1; position: relative; border-radius: 32px; overflow: hidden;}
.list_service .article-list .item .img{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index:2; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s; }
.list_service .article-list .item .img img{ width: 180px;}
.list_service .article-list .item .img p{ font-size: 32px; color: #fff; text-align: center}
.list_service .article-list .item .info{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index:1; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s; text-align: center }
.list_service .article-list .item:hover .img{left: -100%; opacity: 0;}
.list_service .article-list .item .info h3{ font-size: 32px; text-align: center; font-weight:500; margin-bottom: 20px;}
.list_service .article-list .item .info h4{ font-size: 20px; line-height: 1.6; text-align: center; font-weight:500;}

.list_service .article-list .item:nth-child(1) .img{background: #7fbade}
.list_service .article-list .item:nth-child(2) .img{background: #ef6c97}
.list_service .article-list .item:nth-child(3) .img{background: #ef9d38}
.list_service .article-list .item:nth-child(4) .img{background: #f5d14a}
.list_service .article-list .item:nth-child(5) .img{background: #8cc453}
.list_service .article-list .item:nth-child(6) .img{background: #b578b0}

.list_service .article-list .item:nth-child(1) .info{background: #bedcee;}
.list_service .article-list .item:nth-child(2) .info{background: #f7b5cb}
.list_service .article-list .item:nth-child(3) .info{background: #f6ce94}
.list_service .article-list .item:nth-child(4) .info{background: #f9e89f}
.list_service .article-list .item:nth-child(5) .info{background: #c5e1a6}
.list_service .article-list .item:nth-child(6) .info{background: #dabcd7}

.list_note{ }
.list_note .html{ color: var(--main); font-size: 24px; font-weight: 500;}


.list_messages{ margin-bottom: 60px;}
.list_messages .title{border-radius:24px 24px 0px 0px; background: #7fb9dd; overflow: hidden; text-align: center; height: 100px; line-height: 100px;  color: #fff;letter-spacing: 4px;}
.list_messages .title h2{ font-size: 32px;}
.list_messages .content{border-radius: 0px 0px 24px 24px; border:#ececec solid 1px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); padding: 50px;}

.list_messages .layui-form-item .layui-form-label{ float: none; padding-left: 0; color: #666; width: auto; text-align: left}
.list_messages .layui-form-item .layui-input-block{ margin-left: 0;}
.list_messages .layui-form-item .layui-input-block .layui-input{ font-size: 16px; line-height: 44px; height: 44px;}
.list_messages .layui-form-item .layui-input-prefix{ display: flex; justify-content: center; align-items: center;}
.list_messages .layui-form-item .layui-btn{background: #f4a8c0; padding-left: 80px; padding-right: 80px;}
.list_messages .layui-form-item .layui-form-label span{ color: #ff0000}

.layui-laydate .layui-this, .layui-laydate .layui-this > div{background: #f4a8c0!important;border-radius: 6px;}

.list_job .item{ margin-bottom: 200px; padding-left: 200px; padding-right: 200px;}
.list_job .item .title{ margin-bottom: 40px;}
.list_job .item .title h2{ text-align: center; font-weight: 500; line-height: 1.4; font-size: 28px;}
.list_job .item .content{ font-size: 20px; line-height: 1.6; text-align: left;color:#676d74;}










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

}

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

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



}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 480px) {
    .padding{ padding-top:30px; padding-bottom:30px; }
    .padding-bottom-80{ padding-bottom:80px;}
    .padding-top-0{ padding-top:0; }
    .swiper{--swiper-theme-color:  var(--main);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
    .block80{  height: 80px;}
    html{height: 100%;}

    .index_banner {position: relative;width: auto;overflow: hidden;}
    .index_banner .swiper{height: auto;}
    .index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
    .index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; animation: breathe 10s ease-in-out;}
    .index_banner .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
    .index_banner .swiper-slide .info img{ height:120px; margin: 0 auto; display: block;}
    .index_banner .swiper-slide .info h2{ font-size: 24px; line-height: 1em; color:#fff; font-weight: normal; margin-bottom: 32px; }
    .index_banner .swiper-slide .info h3{ font-size: 60px; line-height: 1.2em; color:#fff; margin-bottom: 32px;  }
    .index_banner .swiper-slide .info p{ color: #fff; font-size: 20px; line-height: 1.6em; width: 56%;}
    .index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
    .index_banner .swiper-slide .info.white h2{color: #fff; }
    .index_banner .swiper-slide .info.white h3{color: #fff;}
    .index_banner .swiper-slide .info.white p{color: #fff;}
    .index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
    .index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
    .index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
    .index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
    .index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
    @keyframes breathe{
        0%   { transform: scale(1);   }   /* 原始大小 */
        100% { transform: scale(1); }   /* 缩小到 60% */
    }
    .index_banner .swiper-button-box{  display: flex; justify-content: right; align-items: center; grid-gap: 20px; width: var(--width); left: 50%; transform: translateX(-50%);  position: absolute; bottom:44px; z-index: 14;}
    .index_banner .swiper-button-box .swiper-button-next{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
    .index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
    .index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
    .index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
    .index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width) !important; left: 50% !important; transform: translateX(-50%); }
    /*.index_banner .swiper-slide .info h1{color: #fff; font-size:45px; font-weight: bold; line-height:1.2em; margin-bottom:20px; }*/
    /*.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:60px;  font-size:22px;}*/
    /*.index_banner .swiper-slide .info .button{display: flex; justify-content: left; align-items: center;}*/
    /*.index_banner .swiper-slide .info .button a{ color:#fff;transition-duration: 0.3s;  padding-left: 30px; padding-right: 15px; display: inline-block; padding-top: 3px; padding-bottom: 3px;  border-radius:2px; border:#fff solid 2px; line-height:1em; }*/
    /*.index_banner .swiper-slide .info .button span{ color:#fff; }*/
    /*.index_banner .swiper-slide .info .button i{color: #fff; font-size: 18px;display:inline-block;width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; transition-duration: 0.2s}*/
    /*.index_banner .swiper-slide .info .button a:hover i{  margin-left:10px;   }*/
    /*.index_banner .swiper-slide .info .button a:hover{background: var(--main); border:var(--main) solid 2px; }*/
    .index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
    .index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:4px; width:20px; border-radius: 3px; background: #c0c7ca; transition-duration: 0.2s; opacity:1; }
    .index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main); width: 40px;}
    .index_banner .swiper-pagination .swiper-pagination-current{font-size: 24px;}


    .logo{ text-align: center; padding-top: 40px; padding-bottom: 20px;}
    .logo img{ width: 160px;}

    .index_about .title{ margin-bottom: 30px;}
    .index_about .title h2{ font-size: 24px; text-align: center; color:#093f8e}
    .index_about .content{ font-size: 14px; line-height: 1.6;color:#676d74}

    .index_vision .title{ margin-bottom: 30px;}
    .index_vision .title h2{ font-size: 24px; text-align: center; color:#7cbce0}
    .index_vision .content{ font-size: 14px; line-height: 1.6;color:#676d74; text-align: center;}


    .index_school_mission .title{ margin-bottom: 30px;}
    .index_school_mission .title h2{ font-size: 24px; text-align: center; color:#f06797}
    .index_school_mission .content{ font-size: 14px; line-height: 1.6;color:#676d74; text-align: center;}


    .index_teacher_mission .title{ margin-bottom: 30px;}
    .index_teacher_mission .title h2{ font-size: 24px; text-align: center; color:#f7cf33}
    .index_teacher_mission .content{ font-size: 14px; line-height: 1.6;color:#676d74; text-align: center;}


    .index_admin_mission .title{ margin-bottom: 30px;}
    .index_admin_mission .title h2{ font-size: 24px; text-align: center; color:#8ec448}
    .index_admin_mission .content{ font-size: 14px; line-height: 1.6;color:#676d74; text-align: center;}

    .index_message1 .content{ border-radius: 16px; padding-top: 20px; padding-bottom:20px; background: #8cc453; font-size:20px; line-height: 1.6; letter-spacing: 2px; color:#fff; text-align: center;}

    .footer_img .pagewidth{ display: flex; justify-content:center; grid-gap:20px; align-items: center;}
    .footer_img{ padding-bottom: 80px;}
    .footer_img a img{  transition-duration:0.2s; }
    .footer_img a:hover img{ transform: scale(1.03); }
    .footer_img .left { width: 40%;}
    .footer_img .right { width:50%;}
    .footer_img img{ width: 100%;}



    .detail_banner{overflow: hidden; position: relative; width: 100%; margin-bottom: 40px; }
    .detail_banner .pagewidth{position: relative; height: 100%; height: auto}
    .detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover;}


    .list_about_top .content{font-size: 14px; line-height: 1.6;color:#676d74; margin-bottom: 40px}
    .list_about_top .img{ border-radius: 16px; overflow: hidden;}
    .list_about_top .img img{ width: 100%; height:100%; object-fit:cover; }

    .list_about_item{margin-bottom: 40px}
    .list_about_item .pagewidth{ display: block;  align-items: center; }
    .list_about_item .pagewidth .img{ overflow: hidden; border-radius: 16px; margin-bottom:40px;}
    .list_about_item .pagewidth .img .swiper-slide img{ width: 100%;}
    .list_about_item .pagewidth .info h2 { margin-bottom: 20px; font-size: 24px;}
    .list_about_item .pagewidth .info .html {font-size:14px; line-height: 1.6;color:#676d74;}





    .list_activity_item{}
    .list_activity_item .pagewidth{ d}
    .list_activity_item .pagewidth .img{ overflow: hidden; border-radius: 16px;}
    .list_activity_item .pagewidth .img img{ width: 100%;}
    .list_activity_item .pagewidth .info{ margin-bottom: 40px;}
    .list_activity_item .pagewidth .info h2 { margin-bottom: 20px; text-align: center; font-size: 24px;}
    .list_activity_item .pagewidth .info .html {font-size:14px; line-height: 1.6;color:#676d74;}


    .list_news .article-list{ display: grid; grid-template-columns:repeat(1,1fr); grid-gap: 0px; align-items: center; border-radius: 16px; overflow: hidden; }
    .list_news .article-list .item a{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap: 0px; align-items: center; transition-duration: 0.3s; }
    .list_news .article-list .item a .img{ aspect-ratio: 1; overflow: hidden}
    .list_news .article-list .item a .img img{ width: 100%; height: 100%; object-fit:cover; transition-duration: 0.3s; }
    .list_news .article-list .item a:hover .img img{transform: scale(1.1); }
    .list_news .article-list .item a .info{ aspect-ratio: 1; display: flex; justify-content: center; align-items: center; position: relative; transition-duration: 0.3s;}
    .list_news .article-list .item a .info h3{ font-size: 18px; text-align: center;transition-duration: 0.3s;}

    .list_news .article-list .item:nth-child(1) .img{ order: 1;}
    .list_news .article-list .item:nth-child(1) .info{ order: 2;}
    .list_news .article-list .item:nth-child(2) .img{ order: 2;}
    .list_news .article-list .item:nth-child(2) .info{ order: 1;}
    .list_news .article-list .item:nth-child(3) .img{ order: 1;}
    .list_news .article-list .item:nth-child(3) .info{ order: 2;}
    .list_news .article-list .item:nth-child(4) .img{ order: 2;}
    .list_news .article-list .item:nth-child(4) .info{ order: 1;}

    .list_news .article-list .item:nth-child(1) .info{background: #7fbade;}
    .list_news .article-list .item:nth-child(2) .info{background: #f4a8c0;}
    .list_news .article-list .item:nth-child(3) .info{background: #f9e991;}
    .list_news .article-list .item:nth-child(4) .info{background: #c69cc5;}
    .list_news .article-list .item a:hover .info{ opacity: 0.9;}
    .list_news_bottomimg{ text-align: center; padding-bottom: 80px;}
    .list_news_bottomimg img{ width: 80%;}
    .show_news_menu{ margin-bottom:60px; padding-top: 20px;}
    .show_news_menu ul{ display: grid; grid-template-columns: repeat(2,1fr); align-items: center; grid-gap:15px;}
    .show_news_menu ul li a{ font-size: 16px; padding: 6px 0px; border-radius: 50px; background: #f9f9f9; display: block; text-align: center}
    .show_news_menu ul li a:hover{ background: #f9f9f9}
    .show_news_menu ul li:nth-child(1).active a{ background: #7fbade;}
    .show_news_menu ul li:nth-child(2).active a{ background: #f4a8c0;}
    .show_news_menu ul li:nth-child(3).active a{ background: #f9e991;}
    .show_news_menu ul li:nth-child(4).active a{ background: #c69cc5;}

    .show_news .img{ border-radius: 16px 16px 0px 0px; overflow: hidden;}
    .show_news .img .swiper .swiper-slide img{ width: 100%;}
    .show_news .img .swiper .swiper-button-next{ color: #fff; right: 40px; display: none}
    .show_news .img .swiper .swiper-button-prev{ color: #fff; left: 40px; display: none}
    .show_news .title{border-radius:0px 0px 16px 16px ; overflow: hidden; text-align: center; height: 60px; line-height: 60px;  color: #fff; font-size: 18px;}
    .show_news .html { padding-top: 60px; padding-bottom: 80px; font-size:14px; line-height: 1.6;color:#676d74; text-align: center}


    .list_service .article-list{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px;  }
    .list_service .article-list .item{aspect-ratio: initial; position: relative; border-radius: 16px; overflow: hidden; padding-top: 40px; padding-bottom: 40px;}
    .list_service .article-list .item .img{ position: initial;background: none!important;}
    .list_service .article-list .item .img img{ width: 120px;}
    .list_service .article-list .item .img p{ font-size: 24px; color: #fff; text-align: center; display: none}
    .list_service .article-list .item .info{ padding-top: 20px;background: none!important; position: initial; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index:1; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s; text-align: center }
    .list_service .article-list .item:hover .img{left:auto; opacity: 1;}
    .list_service .article-list .item .info h3{ font-size: 24px; color: #fff!important; text-align: center; font-weight:500; margin-bottom: 20px;}
    .list_service .article-list .item .info h4{ font-size: 14px; color: #fff!important; line-height: 1.6; text-align: center; font-weight:500;}

    .list_service .article-list .item:nth-child(1){background: #7fbade}
    .list_service .article-list .item:nth-child(2){background: #ef6c97}
    .list_service .article-list .item:nth-child(3){background: #ef9d38}
    .list_service .article-list .item:nth-child(4){background: #f5d14a}
    .list_service .article-list .item:nth-child(5){background: #8cc453}
    .list_service .article-list .item:nth-child(6){background: #b578b0}


    .list_note{ }
    .list_note .html{ color: var(--main); font-size: 14px; font-weight: 500;}


    .list_messages{ margin-bottom: 60px;}
    .list_messages .title{border-radius:16px 16px 16px 16px; margin-bottom: 40px; background: #7fb9dd; overflow: hidden; text-align: center; height: 72px; line-height: 72px;  color: #fff;letter-spacing: 4px;}
    .list_messages .title h2{ font-size: 24px;}
    .list_messages .content{border-radius: 0px; border:none; box-shadow:initial; padding: 0px;}

    .list_messages .layui-form-item .layui-form-label{ float: none; padding-left: 0; color: #333; width: auto; text-align: left; font-size: 18px;}
    .list_messages .layui-form-item .layui-input-block{ margin-left: 0;}
    .list_messages .layui-form-item .layui-input-block .layui-input{ font-size: 14px; line-height: 44px; height: 44px;}
    .list_messages .layui-form-item .layui-input-prefix{ display: flex; justify-content: center; align-items: center;}
    .list_messages .layui-form-item .layui-btn{background: #f4a8c0; padding-left: 0px; padding-right:0px; width: 100%;}
    .list_messages .layui-form-item .layui-form-label span{ color: #ff0000}

    .layui-laydate .layui-this, .layui-laydate .layui-this > div{background: #f4a8c0!important;border-radius: 6px;}

    .list_job .item{ margin-bottom:100px; padding-left: 0px; padding-right: 0px;}
    .list_job .item .title{ margin-bottom: 40px;}
    .list_job .item .title h2{ text-align: center; font-weight: 500; line-height: 1.4; font-size: 24px;}
    .list_job .item .content{ font-size: 14px; line-height: 1.6; text-align: left;color:#676d74;}



}

/*小尺寸手机*/
@media screen and (max-width: 320px) {

}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}