/*通用滚动效果*/
[data-animation] {
    opacity: 0;
}

[data-animation].animated {
    opacity: 1;
}

/*导航*/

#nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.logo {
    width: 230px;
    overflow: hidden;
}

.logo a {
    display: block;
}

.logo a img {
    max-width: 100%;
}

ul.nav {
    display: inline-flex;
    flex: 1;
    padding-left: 20px;
}

li.layui-nav-item {
    flex: 1;
}

li.layui-nav-item > a {
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    position: relative;
}

li.layui-nav-item:hover > a, li.nav-item.active > a {
    color: #1E50AE;
}

li.assessment {
    flex: 1;
}

li.assessment > a {
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    position: relative;
}

.assessment .btn {
    background: #076CE0;
    color: #FFFFFF;
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 40px;
    margin: 15px 0;
    font-size: 18px;
    overflow: hidden;
    font-weight: bold;
}

.assessment .btn:before {
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
    z-index: 1
}

li.assessment a:hover {
    color: #FFFFFF;
}

/*按钮放大动效*/
@keyframes wave {
    0% {
        background: rgba(0, 0, 0, .25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: transparent;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

/* 二级菜单 */
.subMenu {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 99;
}

.subMenu > ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.subMenu > ul > li > a {
    display: block;
    padding: 0 18px;
    text-align: center;
    line-height: 50px;
    color: #000000;
}



.subMenu .news-img {
    width: 100%;
}

.subMenu .item_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: left;
}

.subMenu .item_list li {
    margin: 15px 10px;
    float: left;
}

.subMenu .item_list li a {
    border: 1px solid #1E50AE;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 20px;
    color: #1E50AE;
}

.subMenu .item_list li:hover a {
    background-color: #1E50AE;
    color: #ffffff;
}

.subMenu dl {
    margin: 10px 0;
}

.subMenu dl dt img {
    height: 18px;
    margin-right: 10px; /* ... 现有代码（定制未来区域样式） ... */

}
.subMenu .host_col .header_positio{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 10px;
}

#customized .card-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: #fff; /* 确保背景为白色，与文字区分 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}

/* 新增：确保 .card-item-bg 内容区域可见 */
#customized .card-item-bg .card-content {
  padding: 30px; /* 与原卡片保持一致内边距 */
  box-sizing: border-box; /* 防止内边距撑大容器 */
}

/* 新增：设置 .card-item-bg 文字颜色 */
#customized .card-item-bg .card-content h3 {
  color: #253F8D; /* 标题蓝色，与原卡片保持一致 */
  font-size: 24px;
  margin-bottom: 15px;
}
#customized .card-item-bg .card-content p {
  color: #666; /* 正文灰色，确保可见 */
  font-size: 16px;
  line-height: 1.6;
}

/* ... 现有代码 ... */
/* ... 现有代码（定制未来区域样式） ... */

#customized .card-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background: #fff; /* 确保背景为白色，与文字区分 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}

/* 新增：确保 .card-item-bg 内容区域可见 */
#customized .card-item-bg .card-content {
  padding: 30px; /* 与原卡片保持一致内边距 */
  box-sizing: border-box; /* 防止内边距撑大容器 */
}

/* 新增：设置 .card-item-bg 文字颜色 */
#customized .card-item-bg .card-content h3 {
  color: #253F8D; /* 标题蓝色，与原卡片保持一致 */
  font-size: 24px;
  margin-bottom: 15px;
}
#customized .card-item-bg .card-content p {
  color: #666; /* 正文灰色，确保可见 */
  font-size: 16px;
  line-height: 1.6;
}



.subMenu dl dt a {
    vertical-align: middle;
    line-height: 18px;
    font-size: 18px;
}

.subMenu dl dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

.subMenu dl dd {
    line-height: 40px;
    font-size: 16px;
}

.subMenu dl dd:hover a {
    color: #1E50AE;
}

.subMenu h2 {
    font-size: 24px;
    color: #1E50AE;
}

.subMenu .coloim_img {
    width: 100%;
}

.subMenu .layui-fest dd {
    float: left;
    font-size: 16px;
}

/*banner表单*/
#form_ym {
    position: absolute;
    bottom: -150px;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(33, 37, 41, 0.15);
}

#form_ym .form_text {
    font-size: 24px;
    margin-bottom: 20px;
}

#form_ym .layui-form-item {
    overflow: hidden;
}

#form_ym .layui-btn {
    overflow: hidden;
    background: #253F8D;
    height: 50px;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#form_ym .layui-btn:before {
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 40%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
    z-index: 1
}

#form_ym .layui-input {
    height: 50px;
    line-height: 50px;
}

#form_ym .layui-input-prefix {
    line-height: 50px;
}

#form_ym .layui-icon-clear {
    line-height: 50px;
}

#form_ym .layui-input:focus {
    border-color: #253F8D !important;
}

#form_ym .host-imgs {
    width: 150px;
    float: left
}

#form_ym .host-imgs img {
    height: 25px;
    vertical-align: middle;
}

#form_ym .txtScroll-top:not(:last-child):before {
    content: "|";
    display: block;
    color: #999;
    vertical-align: middle;
    height: 30px;
    line-height: 25px;
    float: right;
    margin: 0 5px;
}

/* 文字滚动 */
#form_ym .sopll-tetx {
    margin-top: 10px;
}

#form_ym .txtScroll-top {
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}

#form_ym .txtScroll-top .hd {
    overflow: hidden;
    height: 30px;
    background: #f4f4f4;
    padding: 0 10px;
}

#form_ym .txtScroll-top .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
}

#form_ym .txtScroll-top .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
}

#form_ym .txtScroll-top .infoList li {
    height: 30px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#form_ym .txtScroll-top .infoList li a {
    color: #999;
}

#form_ym .txtScroll-top .infoList li .date {
    float: right;
    color: #999;
}

#top_heade{
    margin-top: 250px;
}
/*海外*/
#haiwai {
    margin-top: 80px;
}

#haiwai .title_text {
    text-align: center;
}

#haiwai .title_text h3 {
    font-size: 2.5rem;
    font-weight: bold;
}

#haiwai .title_text p {
    font-size: 1rem;
    color: rgb(75, 75, 75);
}

#haiwai .layui-tab {
    margin-top: 20px;
}

#haiwai .layui-tab .layui-tab-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#haiwai .layui-tab li {
    border: 1px solid #E0E0E0;
    margin: 0 5px;
    font-size: 16px;
    padding: 10px 30px;
}

#haiwai .layui-tab li.layui-this {
    background: #253F8D;
    color: #FFFFFF;
}

#haiwai .layui-tab .layui-tab-title:after {
    border: none;
}

#haiwai .layui-tab .layui-tab-title .layui-this:after {
    border: none;
}

#haiwai .layui-tab-content {
    margin-top: 30px;
}

/* 卡片基础样式（合并重复定义） */
#haiwai .card-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: #fff;
    transition: all 0.3s ease;
    display: flex; /* 整合flex布局 */
    flex-direction: column;
    height: 100%;
}

/* 卡片图片区域（合并重复定义） */
#haiwai .card-img {
    width: 100%;
    height: 300px; /* 保留最终设置的200px高度 */
    overflow: hidden;
    display: block; /* 消除图片底部间距 */
}

#haiwai .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 卡片内容区域（合并重复定义） */
#haiwai .card-content {
    padding: 20px;
    box-sizing: border-box;
    clear: both;
    position: absolute;
    bottom: 0;
    flex: 1;
}

#haiwai .card-content h3 {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 10px;
    font-weight: bold;
}

#haiwai .card-content p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 1.5;
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 标签样式（保留一份） */
#haiwai .card-tags {
    display: flex;
    gap: 8px;
}

#haiwai .card-tags span {
    font-size: 12px;
    padding: 4px 10px;
    background: #f5f5f5;
    color: #666;
    border-radius: 12px;
}



#haiwai .card-item:hover {
    /*transform: translateY(-5px); 注释或删除此行，阻止卡片上移*/
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); /* 保留阴影增强效果 */
}
#haiwai .card-item:hover .card-img img {
  transform: scale(1.05); /* 图片放大效果可保留 */
}

#haiwai .layui-tab .layui-tab-title .layui-this:after {
    border: none;
}
#haiwai .mero{ text-align: center;}
#haiwai .mero a{ text-align: center;background: #253F8D;color: #FFFFFF;padding: 10px 20px;border-radius: 20px;line-height: 40px;height: 50px;}
#auto{background-image: url("../images/ABUIABAEGAAgkL2vswYo8Mnt_AEwgA84uAg.png");height: 750px;box-sizing: border-box;padding: 50px 0;}
/*关于我们*/
#auto .title_text{ text-align: center;}
#auto .title_text h3{font-size: 2.5rem;}
#auto .title_text p{font-size: 2.2rem;color: #E8B865;}
#auto .dees_text {margin-top: 80px;}
#auto .dees_text h2{font-size: 2.2rem;}
#auto .dees_text h3{font-size: 1.8rem;}
#auto .dees_text .meor{background: #253F8D;color: #FFFFFF;font-size: 14px;border-radius: 5px;padding: 10px 20px;}
#auto .dees_text p{font-size: 1rem;color: rgb(102, 102, 102);}
#auto .video-buy-now{text-align: center;}
#auto .video-buy-now img{height: 400px;}

/*定制未来*/
#customized .title_text {text-align: center;}
#customized .title_text h3{font-size: 2.5rem;}
#customized .title_text h3:after{content: "";display: block;width: 80px;height: 2px;background: #253F8D;margin: 10px auto;}

#customized .card-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: #fff;
    transition: all 0.3s ease;
    display: flex; /* 整合flex布局 */
    flex-direction: column;
    height: 100%;
}

#customized .card-img {
    width: 100%;
    height: 300px; /* 保留最终设置的200px高度 */
    overflow: hidden;
    display: block; /* 消除图片底部间距 */
}
/* customized 区域卡片容器样式 */
#customized .layui-col-md4 {
  position: relative; /* 作为子元素定位基准 */
  height: 280px; /* 确保容器高度适应内容 */
}

/* 默认状态：显示 card-item，隐藏 card-item-bg */
#customized .card-item {
  transition: all 0.3s ease; /* 保留过渡动画，但移除自身 hover 冲突 */
}
#customized .list_pros{margin-top: 20px;}
#customized .card-item-bg {
  position: absolute; /* 绝对定位，覆盖在.card-item上方 */
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  display: flex; /* 使用flex布局居中内容 */
  flex-direction: column; /* 垂直排列 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  /* background: #253F8D; 背景色改为蓝色，与文字形成对比 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* 与原卡片保持一致阴影 */
  opacity: 0; /* 默认隐藏 */
  visibility: hidden; /* 默认不可见 */
  transition: all 0.3s ease; /* 添加过渡效果 */
  z-index: 10; /* 确保在.card-item上方 */
}

/* 鼠标悬停在容器上时，显示.card-item-bg并隐藏.card-item */
#customized .layui-col-md4:hover .card-item-bg {
  opacity: 1; /* 显示 */
  visibility: visible; /* 可见 */
}

#customized .layui-col-md4:hover .card-item {
  opacity: 0; /* 隐藏 */
  visibility: hidden; /* 不可见 */
}

#customized .card-content{
    padding: 50px 30px;
    text-align: center;
}

#customized .card-item h3{font-size: 24px;color: #253F8D;}
#customized .card-item-bg .card-content{ position: absolute;left: 0;top: 0;}
#customized .card-item-bg {color: #FFFFFF; text-align: center;}
#customized .card-item-bg span{color: #FFFFFF;font-size: 20px;}
#customized .card-item-bg img{vertical-align:middle; margin-right: 10px;}
#customized .card-item-bg p{margin-top: 30px;font-size: 16px;}


#education{background-image: url("../images/ABUIABAEGAAgq7arswYo4re2kgEwgA84swc.png");box-sizing: border-box;height: 750px;padding-top: 30px;margin-top: 20px;}
#education .title_text {text-align: center;}
#education .title_text h3{font-size: 2.5rem;}
#education .title_text p{font-size: 1.2rem;}
.accordion{height: 530px;}
#slider {z-index: 1; position: absolute;width: 100%;  height: 450px; overflow: hidden;margin-top: 30px;}
#slider .slide {z-index: 10; position: absolute; border-left: #ffffff 1px solid; width: 800px; height: 450px; overflow: hidden; top: 0px; cursor: default; left: 22px;text-align:left;}
#slider .text {position: absolute; text-align: justify; width: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #fff;  top: 100%; left:30px}
#slider .text a{color: #FFFFFF;}
#slider .text .text-left{float: left;font-size: 20px;line-height: 20px;}
#slider .text .text-right{float: right;}
#slider .text .text-right a{border: 1px solid #FFFFFF;padding: 10px 20px;border-radius: 20px;overflow: hidden;line-height: 20px;}
#slider .text .text-right a:hover{background:#253F8D; color: #FFFFFF;border: none;}
#slider .diapo {position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1}

#form_accordion .form_text {
    font-size: 24px;
    margin-bottom: 20px;
}

#form_accordion .layui-form-item {
    overflow: hidden;
}

#form_accordion .layui-btn {
    overflow: hidden;
    background: #253F8D;
    height: 50px;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#form_accordion.layui-btn:before {
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 40%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
    z-index: 1
}

#form_accordion .layui-input {
    height: 50px;
    line-height: 50px;
}

#form_accordion .layui-input-prefix {
    line-height: 50px;
}

#form_accordion .layui-icon-clear {
    line-height: 50px;
}

#form_accordion .layui-input:focus {
    border-color: #253F8D !important;
}

#form_accordion .host-imgs {
    width: 150px;
    float: left;
}

#visas {background-image: url("../images/ABUIABAEGAAgrYqvswYo2qn1qgEwgA84pQQ.png");box-sizing: border-box;height: 550px;}
#visas .text-left{margin-top: 20px;}
#visas h2{font-size: 2.2rem;}
#visas p{font-size: 1.2rem;}
#visas .text-right{margin-top: 20px;}

#visas .text-right .card-item{text-align: center;background: #21347B;color: #FFFFFF;height: 130px;border-radius: 10px;}
#visas .card-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #253F8D;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 10px;
}

/* 鼠标悬停时显示背景内容 */

#visas  .layui-col-md4:hover .card-item-bg {
    opacity: 1;
    visibility: visible;
}

/* 鼠标悬停时隐藏默认内容 */

#visas  .layui-col-md4:hover .card-item {
    opacity: 0;
    visibility: hidden;
}

/* 链接样式优化 */

#visas  .card-item-bg a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255,192,1,1);
}

#visas .banli{background: #E8B865;color: #FFFFFF;padding: 10px 20px;margin-top:30px;border-radius: 20px;font-size: 1.2rem;}


/*团队*/
#team {background-image: url("../images/ABUIABAEGAAgo9ivswYogOH-qQUwgA84-QU.png");box-sizing: border-box;height: 600px;}
#team .title-wrapper{text-align: center;color: #FFFFFF;margin-top: 3rem;}
#team .title-wrapper h3{font-size: 2.2rem;}
#team .title-wrapper p{font-size: 2rem;}
#team .title-wrapper p span{color: #E8B865;}

#team .td_hh {
    font-size: 1.2rem;
}

#team  .picScroll {
    position: relative;
    overflow: hidden;
}

#team  .picScroll ul {
    zoom: 1;
}

#team .picScroll ul li {
    width: 250px;
    float: left;
    position: relative;
    margin: 0px 5px;
    height: 350px;
}


#team .dy-videos ul li .mr_zhe {
    position: absolute;
    bottom: 40px;
}

#team  .dy-videos ul li .mr_zhe_hover {
    height: 80px;
    width: 250px;
}

#team  .dy-videos ul li .mr_zhe_p h3 {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    padding-top: 10px;
}

#team  .dy-videos ul li .mr_zhe_p h3 span {
    display: block;
    margin: 0 auto;
    width: 220px;
    font-size: 18px;
}

#team  .dy-videos ul li .xl_wm {
    width: 70%;
    background: #1e50ae;
    color: #FFFFFF;
    border-radius: 10px;
    height: 35px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    z-index: -1;
    font-weight: bold;
}

#team  .dy-videos ul li .info_body{
    position:relative;
    left: 0;
    background: #ffffff;
    width: 400px;
    z-index: 9999;
    padding: 10px 10px;
}
#team  .dy-videos ul li .info_body h5{
    color:#1e50ae;
}

.dy-content .dy-videos {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    position: relative
}
.dy-content .dy-videos .dy-video-item {
    float: left;
    width: 220px;
    position: relative
}
.dy-content .dy-videos .dy-video-item .dy-video-poster {
    position: relative
}
.dy-content .dy-videos .dy-video-item .dy-video-link {
    display: block;
    overflow: hidden
}
.dy-content .dy-videos .dy-video-item .dy-video-link .s-pay {
    position: absolute;
    width: 56px;
    height: 43px;
    left: 0;
    top: -1px;
}
.dy-content .dy-videos .dy-video-item .dy-video-date {
    position: absolute;
    bottom: 6px;
    right: 10px;
    color: #fff;
    line-height: 18px;
    padding: 0 4px;
    font-size: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    filter: alpha(opacity=60)
}
.dy-content .dy-videos .dy-video-item-last {
    margin-right: 0
}
.dy-content .dy-videos ul li.dy-video-item .dy-video-meta {
    display: none;
}
.dy-content .dy-videos ul li.dy-video-item:hover .dy-video-poster {
    z-index: 3
}
.dy-content .dy-videos ul li.dy-video-item:hover .dy-video-meta {
    display: block;
}

.dy-content .dy-videos .dy-video-meta{
    z-index: 9999;
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-dy {
    position: absolute;
    top: 0;
    width: 500px;
    padding: 30px 15px;
    background-color: #fff;
    z-index: 4;
    height: 350px;
}
.dy-content .dy-videos .dy-video-meta .dy-video-title {
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dy-content .dy-videos .dy-video-meta .dy-video-title a {
    font-size: 18px;
    text-decoration: none
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-list {
    zoom: 1;
    position: relative
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-list:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-list li {
    float: left;
    line-height: 25px;
    height: 25px
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-list li a {
    color: #427fd0
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-list .dy-video-actors {
    float: none;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #427FD0
}
.dy-content .dy-videos .dy-video-meta .dy-split {
    margin-left: 5px;
    color: #a7a9ac;
}
.dy-content .dy-videos .dy-video-meta .dy-video-tip {
    color: #a7a9ac;
}
.dy-content .dy-videos .dy-video-meta .dy-video-meta-none, .dy-content .dy-videos .dy-video-meta .dy-video-meta-filter {
    color: #444;
}
.dy-content .dy-videos .dy-video-meta .dy-video-intro {
    margin-top: 10px;
    line-height: 20px;
    color: #5f5f5f;
    font-size: 14px;
}

.dy-content .dy-videos .dy-video-meta .dy-video-rating {
    position: absolute;
    right: 30px;
    top: 10px;
    color: #1e50ae;
    font-size: 14px
}
.dy-content .dy-videos .dy-video-butom{
    margin-top: 30px;
    display: flex;
    justify-items:center;
    align-items: center;
    text-align: center;
}
.dy-content .dy-videos .dy-video-butom a{
    border: 1px solid #1e50ae;
    padding: 15px 30px;
    font-size: 14px;
    color:#1e50ae;
}

.dy-content .dy-videos .dy-video-butom a:hover{
    background: #1e50ae;
    color: #FFFFFF;
}
.dy-content .dy-videos .dy-video-buto p{
    color: #5f5f5f;
}

.dy-content .dy-videos .dy-proct img{
    width: 100px;
}
.dy-content .dy-video-item .dy-video-meta-bg {
    right: -4px
}

.dy-content .dy-video-item .dy-video-meta-dy {
    right: 250px;
    vertical-align: middle;
}

.dy-content .dy-video-item .dy-video-meta-dy h4{
    font-size: 24px;
    color: rgb(33, 47, 89);
}
.dy-content .dy-video-item .dy-video-meta-dy h4 p{
    font-size: 16px;
    color: rgb(102, 102, 102);
}

.dy-content .dy-videos .dy-video-meta-right .dy-video-meta-bg {
    left: 0;
}
.dy-content .dy-videos .dy-video-meta-right .dy-video-meta-dy {
    left: 250px
}

#case {background-image: url("../images/5000002372.jpg");box-sizing: border-box;height: 650px;}
#case .title-wrapper{margin-top: 3rem; display: flex;justify-content: space-between;align-items: center;}

#case .case_left p{font-size: 2rem;}
#case .case_right p{font-size: 1.6rem;}


#case .picMarquee-left{overflow:hidden; position:relative; margin-top: 30px;}
#case .picMarquee-left .bd{ padding:10px;}
#case .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
#case .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; height: 350px;}
#case .picMarquee-left .bd ul li .pic{ text-align:center; position: relative;}
#case .picMarquee-left .bd ul li .pic img{ width:250px; display:block;}
#case .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
#case .picMarquee-left .bd ul li .title{ line-height:30px; position: absolute;bottom: 0; width: 250px;text-align: center;background-color: rgba(0,0,0,0.5);padding: 0 10px;}
#case .picMarquee-left .bd ul li .title a{color: #FFFFFF;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#case .picMarquee-left .Views{position: absolute;top: 40%;left: 40%;background: rgba(0,0,0,0.5);color: #FFFFFF;width: 50px;height: 50px;border-radius: 30px;line-height: 50px;display: none;}
#case .picMarquee-left .bd ul li:hover .Views{display: block;}
#case .assessment{text-align: center; margin-top: 30px;}
#case .assessment > a {display: block;text-align: center;line-height: 80px;font-size: 16px;position: relative;}
#case .assessment .btn {background: #1E50AE;color: #FFFFFF;display: block;width: 180px;height: 50px;line-height: 50px;border-radius: 40px;margin: 15px 0;font-size: 18px;overflow: hidden;font-weight: bold;margin: 0 auto;}

.assessment .btn:before {-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;border-radius: 50%;content: "";display: block;height: 0;left: 50%;padding-top: 100%;position: absolute;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition: all .6s;transition: all .6s;width: 100%;z-index: 1}

/* 遮罩层样式 */
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);display: none;justify-content: center;align-items: center;z-index: 1000;}
/* 放大图片样式 */
.overlay-img {max-width: 90%;max-height: 90%;border: 5px solid white;}

/* 关闭按钮样式 */
.close-btn {position: absolute;top: 20px;right: 30px;color: white;font-size: 40px;font-weight: bold;cursor: pointer;}
.close-btn:hover {color: #ccc;}

#contact {background-image: url("../images/ABUIABACGAAg3fa_swYo0MSrqAQwgBk4wgc.jpg");box-sizing: border-box;height: 850px;padding: 100px 0;}
#contact .fom_bt{background-image: url("../images/i.png");padding: 50px 20px;text-align: center;}
#contact .text_header{text-align: left;color: #FFFFFF;margin: 20px 0;}
#contact .text_header h3{font-size: 2rem;}
#contact .text_header p{font-size: 1.5rem;}
#contact .layui-input{height: 50px; line-height: 50px;}

#contact .layui-icon:before{line-height: 50px;}
#contact .layui-btn{height: 50px;background: #EEBE68;color: #FFFFFF;font-size: 1.2rem;width: 100%;}
#contact .img_bt{padding: 0 0 0 50px;}

#news {background-image: url("../images/ABUIABACGAAg7p7UtwYo3OriiQIwgA84pwY.jpg");box-sizing: border-box;height: 800px;padding-top: 50px;}
#news .news_title h3{font-size: 2rem;}
#news .news_title p{font-size: 1rem;}
#news .news_centent{margin-top: 30px;}
#news .layui-card-header img{width: 100%;height: 280px;}
#news .layui-card-body h2{font-size:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#news .layui-card-body p{font-size: 14px;line-height: 30px;color: rgba(102, 102, 102, 1);}
#news .layui-card-body .layui-bootum{vertical-align: middle;font-size: 16px;color: rgba(102, 102, 102, 1);}
#news .layui-tab{margin-top: 0;}
#news .news_right .layui-tab-title li{font-size: 18px;}
#news .news_right .layui-tab-title .layui-this:after{border-bottom: 2px solid #1E50AE;}
#news .news_right .layui-tab-title .layui-this{color:#1E50AE; }
#news .news_right .layui-tab-content ul li a{font-size: 16px;line-height: 35px;height: 35px;}
#news .news_right .layui-tab-content ul li a:hover{color: #1E50AE;}
#news .news_right .layui-tab-content ul li a .date{float: right;}

footer {background:#213679;height: 680px;padding-top: 30px;}
footer .foontet-header {display: flex;align-items: center;align-content: space-between;justify-content:space-between;margin: 10px 0;}
footer .foontet-header .text_ardd{color: #FFFFFF;font-size: 16px;}
footer .cl{color: #3D599F;}
footer .foo_lx img{width:180px;}
footer .foo_lx h4{color: rgba(255, 255, 255, 0.506);font-size: 14px;font-weight: 400;}
footer .foo_lx p{color: rgba(255, 255, 255, 0.506);font-size: 14px;}
footer .foo_lx .tels{font-size: 18px;color: #FFFFFF;}
footer .pro_cloum{margin-top: 20px;}
footer .footer_col h4{font-size: 18px;color: #FFFFFF;margin-bottom: 10px;}
footer .footer_col ul li a{color: rgba(255, 255, 255, 0.506);font-size: 14px;line-height: 30px;}
footer .host_img{background-image: url("../images/ABUIABAEGAAg7enkswYoh6bXjgQw_Ao4Tg.png");height: 80px;margin-top: 30px;}
footer .host_img ul{display: flex;align-items: center;justify-content:space-around;height: 80px;}
footer .host_img ul img{width: 32px;margin-right: 10px;vertical-align: middle;}
footer .host_img ul li{color: #FFFFFF;font-size: 16px;vertical-align: middle;line-height: 30px;}
footer .link{margin-top: 30px;}
footer .link h4{color: rgba(255, 255, 255, 0.506);font-size: 14px;font-weight: 400;}
footer .link ul li{float: left;color: rgba(255, 255, 255, 0.506);margin:10px 10px 0 0;}
footer .link ul li a{color: rgba(255, 255, 255, 0.506)}
footer .recordnum{margin-top: 30px;color: rgba(255, 255, 255, 0.506);font-size: 14px;display: flex;align-items: center;justify-content:space-between;}
footer .recordnum a{color: rgba(255, 255, 255, 0.506);}

#sidebar{position: fixed;top: 60%;right: 1%;margin-top: -163px;z-index: 100;background: #1e50ae;width: 35px; }
#sidebar dd{color:#FFFFFF;padding: 5px 10px;position: relative;font-size: 14px;cursor: pointer;transition: all .5s;}
#sidebar dd:hover .box {opacity: 1;right: 30px;text-align: center;}
#sidebar dd .box{position: absolute;top: -50px;width: 160px;right: 100px;margin-right: 10px;border-radius: 5px;opacity: 0;transition: all .5s;background: #FFFFFF;padding: 20px 10px 10px 10px;text-align: center;}
#sidebar dd .box p{color: #1e50ae;text-align: center;}
#sidebar dd .box .tesl{font-size: 18px;color:#1e50ae; margin: 10px 0; }
#sidebar dd .box img{width:100px;}


.bg-white{background: #FFFFFF;}
.bg-descs{background: #f9f9f9;}
.popular{padding: 50px 0;}
.popular .popular_title img{width: 48px;margin-right: 10px;}
.popular .popular_title{font-size: 24px;line-height: 30px;vertical-align: middle;margin: 20px 0;}
.popular .layui-tab .layui-tab-title:after{border: none;}
.popular .layui-tab .layui-tab-title li{background: rgba(246, 246, 246, 1);color: #000;margin: 0 5px 0 0;font-size: 16px;padding: 5px 15px;}
.popular .layui-tab .layui-tab-title li.layui-this{background:#1e50ae; color: #FFFFFF;}
.popular .layui-tab-title .layui-this:after{border: none;}
.popular .layui-tab-content{margin-top: 10px;}
.popular .layui-tab-content img{width: 100%;}
.popular .revites_info {width: 100%;overflow: hidden;padding: 30px 30px;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.popular .revites_info_title {width: 100%;display: flex; align-items: center; gap: 10px;}
.popular .revites_info_title h3 {white-space: nowrap; overflow: hidden;text-overflow: ellipsis; flex: 1; color: #FFFFFF;font-size: 24px;}
.popular #ID-rate-demo-readonly {min-width: 100px;}
.popular .revites_body p{color: #FFFFFF;line-height: 35px;}
.popular .revites_btn{margin-top: 30px;text-align: center;}
.popular .revites_btn a i{margin-right: 10px;}
.popular .revites_btn a{background: #F2C26E;color:#222222;padding: 15px 20px;border-radius: 10px; font-size: 16px;margin-right: 20px;line-height: 30px; }
.popular .lrevties_info{width: 100%;overflow: hidden;padding: 30px 30px;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.popular .lrevties_title{text-align: center;margin-top: 30px;color: #FFFFFF;font-size: 24px;}
.popular .lrevties_title p{color: rgba(255, 255, 255, 0.506);font-size: 14px;}
.popular .lrevties_body {margin-top: 80px;}
.popular .lrevties_body ul {display: flex;align-items: center;justify-content:space-around;justify-items: center;flex: 1;}
.popular .lrevties_body ul li{color: #FFFFFF;text-align: center;}
.popular .lrevties_body ul li p b{font-size: 1.5rem;}
.popular .lrevties_btnlink {text-align: center;margin-top: 60px;}
.popular .lrevties_btnlink a{background: #F2C26E;line-height: 50px;padding: 20px 30px;border-radius: 5px;font-size: 16px;}

.viveform {text-align: center;}
.viveform h3{text-align: center;}
#viveForm .layui-btn{width: 100%;background: #EEBF6C;color: #FFFFFF;height: 50px;line-height: 50px;font-size: 16px;}
#viveForm .layui-input{height: 50px;line-height: 50px;}
#viveForm .layui-input-prefix .layui-icon{line-height: 50px;}
#viveForm .layui-input:focus, .layui-textarea:focus{border-color:#1e50ae!important;}

.positoon{margin: 20px 0;}
.article h1{font-size: 1.8rem;}
.article .article_time{margin-top: 20px;color: #adadad;}
.article .article_body{margin-top: 20px;}
.article .pagenation a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #adadad;}
.article_right .article_colse{display: flex;align-items: center;justify-content: space-between;padding: 5px 20px;line-height: 40px;}
.article_right .article_colse .article_host{font-size: 18px;color: #1e50ae;font-weight: bold;}
.article_right ul li{padding: 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 40px;line-height: 40px;}
.article_right ul li a{font-size: 14px;}
.article_right ul li a:hover{color: #1e50ae;}
.article_right .article_btn{text-align: center;padding: 30px 0;}
.article_right .article_btn .hs{font-size: 2rem;color: #1e50ae;font-weight: bold;}
.article_right .article_btn .btn_link{background:#1e50ae;color: #FFFFFF;padding: 15px 20px;}

#introduction{background-image:url("../images/ABUIABAEGAAg5LqZtAYoxLKLuQQwgA84owY.png");box-sizing: border-box;padding: 30px 0;}
#introduction .intridu_info{color: #FFFFFF;}
#introduction .intridu_info h3{font-size: 2rem;}
#introduction .intridu_img {margin-top: 20px;}
#introduction .intridu_img img{width: 100%;}
#introduction .intridu_tiaojie{background-image: url("../images/ABUIABAEGAAghL6ZtAYojMH8JzCeBTiBAQ.png");box-sizing: border-box;height: 120px;margin-top: 20px;}
#introduction .intridu_tiaojie ul {display: flex;align-items: center;justify-content:space-around;justify-items: center;flex: 1;height: 120px;}
#introduction .intridu_tiaojie ul li{color: #FFFFFF;text-align: center;}
#introduction .intridu_tiaojie ul li p b{font-size: 1.5rem;}

#introduction .revites_btn{margin-top: 50px;}
#introduction .revites_btn a i{margin-right: 10px;}
#introduction .revites_btn a{background: #F2C26E;color:#222222;padding: 20px 20px;border-radius: 10px; font-size: 16px;margin-right: 20px;line-height: 30px; font-weight: bold;}

#introd_faan {background-image: url("../images/ABUIABAEGAAg1vGZtAYo0MTi1AYwgA846QM.png");box-sizing: border-box;height:auto;padding: 50px 0;}
#introd_faan .layui-elem-quotel{line-height: 1.8;border-left: 5px solid #1e50ae;border-radius: 0 2px 2px 0;}
#introd_faan .layui-elem-quotel h3{font-size: 24px;text-indent: 10px;}
#introd_faan .introd_faan_body{margin-top: 30px;}
#introd_faan .introd_faan_body p{line-height: 40px;font-size: 18px;}

#application {background-image: url("../images/ABUIABAEGAAg5P6ZtAYomOHdxwUwgA84tgU.png");box-sizing: border-box;padding: 50px 0;height: auto;display: flow-root;}
#application h3{text-align: center;font-size: 2rem;}
#application .application_line{background-image: url("../images/ABUIABAEGAAgk-_ZtAYoyfTrpQUw8go4OQ.png");box-sizing: border-box;margin: 10px 0;display: flex;justify-content:flex-start;align-items: center;line-height: 50px;}
#application .application_rudiao{background-image: url("../images/ABUIABAEGAAg0ICatAYo3s_QrgUw8go47gE.png");box-sizing:border-box;padding: 10px 20px;margin: 10px 0;}
#application .application_rudiao p{color: #FFFFFF;font-size: 14px;line-height: 30px;}
#application .application_line .application_line_left{margin:0 60px;font-size: 16px;}
#application .application_line .application_line_right{font-size: 16px;color: #FFFFFF;}

#flow{background-image: url("../images/ABUIABAEGAAgqYmatAYolp30iAYwgA84wAY.png");box-sizing: border-box;padding: 50px 0;}
#flow .flow_body h3{font-size: 2rem;color: #FFFFFF;text-align: center;}
#flow .flow_body img{width: 100%;margin-top: 20px;}
#costs {padding: 50px 0; background-image: url("../images/ABUIABAEGAAg6-K9tAYo46P4ZTDAFjj7Cw.png");box-sizing: border-box;}
#costs h3{text-align: center;font-size: 2rem;}
#costs .costs_img{margin-top: 20px;position: relative;}
#costs .costs_position{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
#costs .costs_position p{color: #FFFFFF;font-size: 18px;margin-bottom: 20px;}
#costs .costs_position a{background: #F2C26E;color: #FFFFFF;padding: 15px 20px;border-radius: 10px; font-size: 16px;line-height: 30px; margin-top: 30px;}
#costs .costs_btn{text-align: center;margin-top: 20px;}
#costs .costs_btn a{background: #F2C26E;color: #FFFFFF;padding: 15px 20px;border-radius: 10px; font-size: 16px;line-height: 30px; margin-right: 30px;}
#Contact{padding: 20px 0;}
#Contact .con_body{background-image: url("../images/ABUIABACGAAgkOaBtQYo4OnM5gEwgA841QM.png");box-sizing: border-box;padding: 20px 20px;}
#Contact .con_body p{color: #FFFFFF;line-height: 40px;font-size: 20px;}
#Contact .con_body .layui-form{margin-top: 30px;}
#Contact .con_body .layui-form .layui-input{height: 50px; line-height: 50px;}
#Contact .con_body .layui-form i{line-height: 50px;}
#Contact .con_body .layui-btn{height: 50px; line-height: 50px;background: #1e50ae;}
#Contact .con_body .con_right{text-align: center;}
#Contact .con_body .con_right img{width: 150px;}
#Contact .con_body .con_right p{font-size: 16px;}

.advantages {background-image: url("../images/ABUIABACGAAgnsTCtAYo4rKV8gcwgA84gAk.png");box-sizing: border-box;padding: 30px 0;}
.advantages h3{color: #FFFFFF;text-align: center;font-size: 2rem;}

/* show_img容器样式 */
#crowd .show_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 330px;
}



#crowd h3{text-align: center;font-size: 2rem;margin-top: 20px;}

#crowd .show_img img {
    width: 100%;
    display: block;
    height: 330px;
}


/* 图片下方文字样式 */
#crowd .show_img > div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

#crowd .node_body {
    position: absolute;
    top: 7.5px; /* 匹配父容器padding */
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    background: #fff;
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.3s ease-out;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
    text-align: center;
}
#crowd .node_body p{
    margin-top: 20px;
    font-size: 14px;
}
#crowd .node_body a{
    background: #FFFFFF;
    color: #000000;
    padding: 10px 20px;
    text-align: center;
    display: block;
    width: 30%;
    margin: 30px auto 0 auto;

}

#crowd .layui-col-md4:hover .node_body {
    transform: translateY(0);
    opacity: 1;
    background: rgba(0,0,0,0.5);
    color: #FFFFFF;
    padding: 20px 20px;
    box-sizing: border-box;
}
#crowd .layui-col-md4:hover .show_img>div{
    display: none;
}

#crowd .layui-col-md4 {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7.5px;
}
#sector {background-image: url("../images/ABUIABAEGAAgsN_LtgYo3o-KwAYwgA84jgY.png");box-sizing: border-box;padding: 50px 0;}
#sector .sector_title{text-align: center;}
#sector .sector_title h3{font-size: 2rem;color: #FFFFFF;}
#sector .sector_list {margin-top: 30px;}
#sector .sector_list li{text-align: center;margin: 10px 0;}
#sector .sector_list li img{width: 65px;}
#sector .sector_list li h4{font-size: 18px;color: #FFFFFF;margin-top: 20px;}

#stratagem{background-image: url("../images/5000002372.jpg");box-sizing: border-box;padding: 50px 0;}
#stratagem .stratagem_title{text-align: center;}
#stratagem .stratagem_title h3{font-size: 2rem;}
#stratagem .stratagem_body{margin-top: 30px;}
#stratagem .stratagem_body img{width: 100%;}
#stratagem .stratagem_body h3{font-size: 20px;}
#stratagem .stratagem_body div{line-height: 40px;}