/* 字体图标 */
@font-face {
 font-family: "iconfont";
 src: url("../font/iconfont/iconfont.ttf") format("woff2"),
 url("../font/iconfont/iconfont.woff") format("woff"),
 url("../font/iconfont/iconfont.woff2") format("truetype");
}
.iconfont {
 font-family: "iconfont" !important;
 font-size: 20px;
 font-style: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
/* 地图 */
#chart-panel {
 height: calc(100vh - 170px);
 top: -0.2rem;
}
/* 导航 */
.header_container:hover {
 background: #fff;
}
.header_container:hover .box nav .item p a {
 color: #111;
}
.header_container:hover .box nav .item> p a::after {
 background: #0055ff;
}
.header_container:hover .box .boxRight .left .img1 {
 display: none;
}
.header_container:hover .box .boxRight .left .img2 {
 display: inline-block;
}
.header_container:hover .box .boxRight .left a {
 color: #111;
}
.header_container:hover .box .boxLeft .left .img1 {
 display: none;
}
.header_container:hover .box .boxLeft .left .img2 {
 display: block;
}
/* 行业应用场景 */
.HomeMap .w1620 {
 padding-left: 0;
 padding-right: 0;
}
.HomeMap .p105_ {
 padding-bottom: 0;
}
.HomeMap .w1620 .box .item {
 border-radius: 0px;
 margin-right: 0;
}
.HomeMap .w1620 .box .item .item_left .posi {
 padding: 0.8rem 0.54rem;
 top: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.HomeMap .w1620 .box .item .posi .con1 {
 overflow: hidden;
 /* 隐藏超出容器的内容 */
 margin-top: 0;
}
.HomeMap .w1620 .box .item .posi .con1 p {
 font-size: 0.16rem;
 font-weight: 400;
}
.HomeMap .w1620 .box .item .item_right {
 min-width: 6rem;
}
.HomeMap .box .item .item_right .content1 {
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 padding-bottom: 0.6rem;
}
.HomeMap .w1620 .box .item .item_right .content2 {
 margin-top: 0.2rem;
}
.HomeMap .w1620 .box .item .posi .content1 p {
 font-size: 0.16rem;
 font-weight: 400;
}
.HomeMap .w1620 .box .item .item_right .content0 {
 border: 0;
 padding-bottom: 0;
 margin-top: 0.2rem;
}
.HomeMap .w1620 .box .item .item_right .content2 .ite ul li {
 list-style-type: none;
}
.HomeMap .w1620 .box .item .item_right .content2 .ite ul p {
 font-size: 0.2rem;
 color: #fff;
 line-height: 0.44rem;
}
.HomeMap .w1620 .box .item .cj_jyrj {
 background: url(../images/home/homebg-jyrj.png);
 background-repeat: no-repeat;
 /* 禁止重复 */
 background-size: cover;
 /* 铺满并保持比例 */
 background-position: center;
 /* 图片在容器中居中 */
}
.HomeMap .w1620 .box .item .cj_yyky {
 background: url(../images/home/homebg-yyky.png);
 background-repeat: no-repeat;
 /* 禁止重复 */
 background-size: cover;
 /* 铺满并保持比例 */
 background-position: center;
 /* 图片在容器中居中 */
}
.HomeMap .w1620 .box .item .cj_szkyy {
 background: url(../images/home/homebg-szkyy.png);
 background-repeat: no-repeat;
 /* 禁止重复 */
 background-size: cover;
 /* 铺满并保持比例 */
 background-position: center;
 /* 图片在容器中居中 */
}
.HomeMap .w1620 .box .item .cj_zgdw {
 background: url(../images/home/homebg-zgdw.png);
 background-repeat: no-repeat;
 /* 禁止重复 */
 background-size: cover;
 /* 铺满并保持比例 */
 background-position: center;
 /* 图片在容器中居中 */
}
.HomeMap .w1620 .box .item .item_right .content0,
.content1,
.content2,
a {
 color: #fff;
 font-weight: 400;
}
/* 产品及服务 */
.HomeSolution .w1620 .iconfontswq {
 width: 0.5rem;
 height: 0.5rem;
 background: #ebeef0;
 border-radius: 0.25rem;
 text-align: center;
 line-height: 0.5rem;
}
.HomeSolution .toggle .w1620 .flexCenter li {
 flex-direction: column;
 align-items: center;
 display: flex;
 gap: 0.05rem;
}
/* 底部bottom */
.footer_container .boxCenter .logo img {
 margin-bottom: 0.4rem;
}
.footer_container .flexStart .item li {
 display: flex;
 flex-direction: column;
}
.footer_container .flexStart .item .top {
 margin-top: 0.2rem;
}
/* 新闻banner */
.newTuijian .moreBut {
 font-size: 16px;
 color: #fff;
 line-height: 0.5rem;
 width: 1.4rem;
 text-align: center;
 background: #0055ff;
 border-radius: 5px;
 position: relative;
 cursor: pointer;
 padding: 0.14rem 0.4rem;
}
.newTj-dl:hover .ab .div .hd .tit {
 color: #0055ff;
 -webkit-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
}
.newTuijian {
 margin-top: 55px;
 margin-bottom: 60px;
 position: relative;
}
.newTj-dl a.ab {
 flex-direction: row-reverse;
}
.newTj-dl dd {
 width: 50%;
 background-color: #f5f7fa;
 padding: 100px;
 align-items: center;
}
.newTj-dl dt,
.newTjBut {
 width: 50%;
}
.newTj-dl .hd {
 padding-bottom: 35px;
 margin-bottom: 30px;
 border-bottom: solid 1px #eeeeee;
}
.newTj-dl .hd .date {
 font-size: 16px;
 font-family: "Gilroy";
 color: #495770;
 margin-bottom: 15px;
 display: block;
}
.newTj-dl .hd .tit {
 font-size: 0.26rem;
 line-height: 0.38rem;
 color: #111;
 transition: color 05s ease;
 /* 过渡效果,颜色在0.3秒内平滑变化 */
}
.newTj-dl .txt {
 font-size: 0.16rem;
 color: #666666;
 line-height: 0.24rem;
 margin-bottom: 50px;
}
.newTjBut {
 position: absolute;
 right: 0;
 justify-content: center;
 align-items: center;
 z-index: 2;
 bottom: 50px;
}
.newTuijian-pg {
 width: auto !important;
}
.newTuijian-but img {
 -webkit-transition: all 0.5s ease 0s;
 transition: all 0.5s ease 0s;
}
.newTuijian-but {
 position: relative;
 font-size: 0;
}
.newTuijian-but .img-y {
 position: absolute;
 top: 0;
 left: 0;
 visibility: hidden;
 opacity: 0;
}
.newTuijian-but:hover .img-w {
 visibility: hidden;
 opacity: 0;
}
.newTuijian-but:hover .img-y {
 visibility: visible;
 opacity: 1;
}
.newTuijian-pg {
 font-size: 16px;
 color: #fff;
 margin: 0 30px;
}
.newTuijian-pg .swiper-pagination-current {
 color: #0055ff;
}
.message_container .p105none {
 padding-top: 0;
}
.newTj-dl .ab .title a {
 display: flex;
 flex-direction: column;
}
/* about 客户群体 */
.customer_con .box .boxLeft ul {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
}
.customer_con .box .boxLeft {
 width: 2.8rem;
 padding: 0.2rem 0;
 border-radius: 5px 0 0 5px;
}
.customer_con .box .boxLeft .title {
 display: flex;
 align-items: center;
 gap: 0.16rem;
 margin-bottom: 0.2rem;
}
.customer_con .box .boxLeft .title img {
 height: 0.16rem;
}
.customer_con .box .boxLeft .title span {
 color: #111;
 font-size: 0.26rem;
 font-weight: 400;
}
.customer_con .box .boxLeft ul li a {
 font-size: 0.2rem;
 color: #111;
 text-align: left;
 padding-left: 0.2rem;
 line-height: 0.5rem;
 display: block;
 cursor: pointer;
 -webkit-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
 position: relative;
}
.customer_con .box .boxLeft ul li a::after {
 content: "";
 position: absolute;
 bottom: 0;
 height: 0%;
 -webkit-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
 width: 2px;
 background: #0055ff;
 left: 0;
}
.customer_con .box .boxLeft ul li a:hover {
 color: #0055ff;
}
.customer_con .box .boxLeft ul .active a {
 background: #f5f7fa;
 color: #0055ff;
}
.customer_con .box .boxLeft ul .active a::after {
 height: 100%;
 top: 0;
 bottom: auto;
}
.customer_con .box .boxLeft .link {
 padding: 0.18rem 0;
}
.customer_con .box .boxRight {
 width: 78%;
}
.customer_con .box .boxRight .title h3 {
 font-size: 0.32rem;
 color: #111;
 font-weight: bold;
}
.customer_con .box .boxRight .title h3 p {
 font-size: 0.16rem;
 color: #495770;
}
.customer_con .box .boxRight .sort {
 margin-top: 0.4rem;
 margin-bottom: 0.1rem;
 color: #111;
 font-size: 0.18rem;
}
.customer_con .box .boxRight .school {
 display: flex;
 flex-wrap: wrap;
}
.customer_con .box .boxRight .school a {
 text-align: center;
 border: 1px solid var(--line, #ebeef0);
 height: 100%;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 16px;
 width: 20%;
 height: var(--height);
}
.customer_con .box .boxRight .school a {
 font-size: 0.18rem;
 color: #495770;
 text-align: left;
}
.customer_con .box .boxRight .school a:hover {
 color: #0055ff;
}
.customer_con .box .boxRight .school a span {
 color: #0055ff;
 font-weight: bold;
 margin-right: 0.1rem;
 font-size: 0.2rem;
}
.customer_con .box .boxRight .school a:hover img {
 transform: scale(1.1);
 transition: all 0.3s;
}
.customer_con .box .boxRight .school img {
 margin: auto;
 max-width: 80%;
 max-height: 80%;
}
.customer_con .box .boxRight .school a img:not(:hover) {
 transition: transform 0.3s;
 /* 鼠标移出时的动画效果,平滑过渡回原始状态 */
}
/* service */
.service_container {
 background: url(../images/service/bg-2.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.service_container .w1620 .m54 {
 margin-top: 0;
}
.service_container .HomeTiele {
 text-align: left;
}
.service_container .main {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.service_container .main .left {
 /* width: 5.75rem; */
 padding-right: 1rem;
}
.service_container .main .lefttow {
 padding-right: 0;
 padding-left: 1rem;
}
.service_container .main .content1 {
 font-size: 16px;
 color: #495770;
}
.service_container .main .Right .list {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 0.2rem;
}
.service_container .main .Right .list .listxq {
 padding: 0.4rem;
 border: 1px solid rgba(0, 85, 255, 0.1);
 background: #fff;
 overflow: hidden;
 border-radius: 10px;
 box-shadow: -17px 31px 30px 0px rgba(39, 64, 111, 0.15);
}
.service_container .main .Right .list .listxq .title {
 background: #0055ff;
 padding: 0.1rem 0.2rem;
 text-align: center;
 color: #fff;
 border-radius: 10px;
}
.service_container .main .Right .list .listxq p {
 color: #495770;
 font-size: 0.16rem;
 margin-top: 0.1rem;
}
.kywxdsj .main {
 display: flex;
 justify-content: center;
}
.kywxdsj .main .left {
 width: 10rem;
}
.kywxdsj .main .left,
.HomeTiele {
 text-align: center;
}
.kywxdsj .main .left .HomeTiele {
 text-align: center;
 margin-bottom: 0.3rem;
}
.kywxdsj {
 background: #fff;
}
.kytjyfw {
 background: #f5f7fa;
}
/* 易科研体系VED*/
.Casestudy {
 background: url(../images/ved/bg3.png);
 background-repeat: no-repeat;
 /* 禁止重复 */
 background-size: cover;
 /* 铺满并保持比例 */
 background-position: center;
 /* 图片在容器中居中 */
}
.Casestudy .list {
 display: flex;
 justify-content: space-between;
 gap: 0.3rem;
}
.Casestudy .list a .casetitle {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: #fff;
 padding: 0.3rem;
}
.Casestudy .list a {
 width: 50%;
}
.Casestudy .list a .imgs img {
 width: 100%;
}
.Casestudy .list a .casetitle .title p {
 font-size: 16px;
 color: #555;
}
.Casestudy .list a .casetitle .title .biaoti {
 font-size: 0.2rem;
 color: #111;
 margin-bottom: 0.1rem;
}
.V8UIUE {
 background: url(../images/ved/bg2.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 height: 100vh;
}
.Multilingual img {
 width: 100%;
}
.SchemeValue img {
 width: 100%;
}
.vedleft {
 background: #fff;
}
.vedRIGHT .main {
 flex-direction: row-reverse;
}
.vedschool .main {
 flex-direction: row-reverse;
}
.vedschool .main .left {
 padding-left: 1rem;
 padding-right: 0;
}
.vedzscqbg {
 background: url(../images/ved/bg4.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.service_container .main .content1 .subheading {
 background: rgba(255, 255, 255, 0.4);
 padding: 0.2rem;
 margin: 0.16rem 0;
}
.service_container .main .content1 .subheading .title {
 color: #111;
 font-size: 0.18rem;
}
.service_container .main .content1 .subheading .category {
 display: flex;
}
.service_container .main .content1 .subheading .category span {
 color: #ebeef0;
 margin: 0 0.1rem;
}
/* v9 */
.v9banner_container {
 position: relative;
}
.v9banner_container .img img {
 width: 100%;
}
.v9banner_container .img #arrow {
 animation: moveUp 2s infinite alternate;
 width: 1.2rem;
 margin-top: -20%;
 margin-left: 56%;
}
@keyframes moveUp {
 0% {
 transform: translateY(0px);
 }
 100% {
 transform: translateY(-20px);
 }
}
.v9banner_container .position {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 display: flex;
 align-items: center;
}
.v9banner_container .position .title h5 {
 background: linear-gradient(90deg, #226eff 0%, #ff228c 100%);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 text-align: left;
 font-size: 0.48rem;
 margin-bottom: 0.4rem;
}
.boxgrid {
 display: flex;
}
.boxgrid .item {
 width: 20%;
 border: 1px solid #e6e6e6;
 border-left: none;
 box-sizing: border-box;
 padding: 0.5rem;
 position: relative;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 gap: 0.3rem;
}
.boxgrid .item:nth-child(1) {
 border-left: 1px solid #e6e6e6;
}
.boxgrid .item .title {
 font-size: 0.24rem;
 color: #111;
}
.boxgrid .item p {
 color: #495770;
 font-size: 14px;
}
.boxgrid .item .bottom {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
.boxgrid .item .bottom p {
 font-size: 0.36rem;
 color: #555;
 opacity: 0.1;
 font-family: "gilroy_bold";
 font-weight: bold;
}
.boxgrid .item .bottom img {
 transition: transform 0.3s ease-in-out;
 /* 设置过渡动画为0.3秒,ease-in-out为缓入缓出效果 */
}
.boxgrid .item:hover .bottom img {
 transform: translateY(-0.1rem);
 /* 当鼠标悬停时,将图片向上移动30px */
}
.boxgrid .item:hover .top .title {
 color: #0055ff;
}
.v9Toggle {
 margin-top: -0.7rem;
 backdrop-filter: blur(24px);
}
.v9Toggle a {
 width: 49%;
 background: rgba(255, 255, 255, 0.2);
 border-bottom: 3px solid #fff;
 box-shadow: 0px 11px 17px 0px #ddedfe;
 padding: 0.3rem 0.5rem;
 display: flex;
 gap: 0.2rem;
 align-items: center;
}
.v9Toggle .active {
 border-bottom: 3px solid #0055ff;
}
.v9Toggle .flexCenter {
 justify-content: space-between;
}
.v9Toggle a img {
 display: flex;
 flex-direction: column;
 width: 0.5rem;
}
.v9Toggle a .subheading {
 display: flex;
 align-items: flex-end;
}
.v9Toggle a .subheading p {
 color: #495770;
 font-size: 0.16rem;
 margin-top: 0.1rem;
}
.v9Toggle a .subheading span {
 color: #ebeef0;
 font-size: 0.16rem;
 margin: 0 0.1rem;
}
.v9Toggle a .text .title {
 color: #111;
 font-size: 0.26rem;
}
.v9Toggle .flexCenter .imgs .img2 {
 transition: transform 0.3s ease-in-out;
 /* 设置过渡动画为0.3秒,ease-in-out为缓入缓出效果 */
}
.v9Toggle .flexCenter a:hover .imgs .img2 {
 transform: translateY(-0.1rem);
 /* 当鼠标悬停时,将图片向上移动30px */
}
.AILargemodel .kytjyfw {
 background: url(../images/v9/bg.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.AILargemodelr .main .content1 {
 margin-bottom: 0;
}
.v9sequence {
 margin-top: 0.4rem;
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
}
.v9sequence a .Ntext .num {
 color: #555;
 opacity: 0.1;
 font-size: 0.36rem;
 font-family: "Gilroy";
 font-weight: bold;
}
.v9sequence a .Ntext {
 display: flex;
 align-items: center;
 gap: 0.1rem;
}
.v9sequence a .Ntext .title {
 color: #111;
 font-size: 0.2rem;
 display: flex;
 align-items: center;
 gap: 0.1rem;
}
.v9sequence a .Description {
 color: #495770;
 font-size: 0.16rem;
 line-height: 0.24rem;
 display: none;
 /* 初始时Description隐藏 */
 transform: translateY(-10px);
 /* 初始位置稍微上移 */
 transition: opacity 0.5s ease, transform 0.5s ease;
 /* 添加过渡效果 */
 margin-bottom: 0.2rem;
}
.v9sequence a:hover .Ntext .num,
.v9sequence a.active .Ntext .num {
 color: #0055ff;
 opacity: 1;
 /* 选中或鼠标悬浮时num的样式 */
 -webkit-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
}
.v9sequence a:hover .Ntext .title,
.v9sequence a.active .Ntext .title {
 color: #0055ff;
 /* 选中或鼠标悬浮时title的样式 */
 -webkit-transition: 0.4s;
 -o-transition: 0.4s;
 transition: 0.4s;
}
.images-container {
 display: flex;
 align-items: center;
}
.images-container img {
 position: absolute;
 opacity: 0;
 transition: opacity 0.5s ease, transform 0.5s ease;
 /* 添加渐变效果 */
 width: 56%;
}
.images-container img.active {
 opacity: 1;
 transform: translateX(0);
 /* 图片淡入效果 */
}
.v9sequence .active .Description {
 display: block;
 /* 选中时Description显示 */
 transform: translateY(0);
 /* 描述显示时位置回到原位 */
}
.AILargemodel .main .lefttow {
 width: 44%;
}
.AILargemodel .main .content1 {
 margin-bottom: 0;
}
.v9sequence a {
 /* 其他样式... */
 -webkit-transition: background-color 0.4s, color 0.4s;
 -o-transition: background-color 0.4s, color 0.4s;
 transition: background-color 0.4s, color 0.4s;
}
.dateapp .kytjyfw {
 background: #fff;
}
.Largedate .kytjyfw {
 background: #fff;
}
.v9imgscon {
 display: flex;
 align-items: center;
 justify-content: flex-end;
}
.Largedate .vedRIGHT .main {
 flex-direction: row;
}
.Largedate .main .lefttow {
 padding-right: 1rem;
 padding-left: 0;
}
/* v9 用户感知中心 */
.Userper .w1620 .box .list .item .boxLeft .content0 .title {
 color: #111;
 font-size: 0.48rem;
}
.Userper .w1620 .box .list .item .boxLeft .content0 .line {
 width: 70px;
 height: 4px;
 background: #0055ff;
 margin: 0.3rem 0;
}
.Userper .boxLeft .content1 {
 margin-bottom: 0;
 margin-bottom: 0;
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
}
.Userper .boxLeft .content1 .item .title {
 color: #111;
 font-size: 0.2rem;
}
.Userper .boxLeft .content1 .item .title {
 color: #111;
 font-size: 0.2rem;
}
.Userper .boxLeft .content1 .item .text {
 display: flex;
 align-items: center;
 gap: 0.1rem;
}
.Userper .w1620 .box .list .flexBetween {
 align-items: center;
}
.Userper .boxLeft .content1 .item p {
 color: #495770;
}
/* 右侧安全支撑 */
.Userper .w1620 .box .list .flexRight {
 flex-direction: row-reverse;
}
.Userper .w1620 .box .list .flexRight .boxLeft {
 padding-left: 1rem;
 padding-right: 0;
}
.Xcssupport .Userper {
 background: url(../images/v9/bg2.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.Userper .boxLeft .content1 p {
 color: #495770;
}
.Userper .boxLeft .xclist .item {
 display: flex;
 align-items: center;
 gap: 0.2rem;
 background: #fff;
 padding: 0.2rem;
}
.Userper .boxLeft .xclist {
 gap: 0.1rem;
 margin-top: 0.3rem;
}
/* 校间对比大数据 */
.Userper .main .left {
 width: 6rem;
}
.Userper .service_container .w1620 .box .main .left .content0 .line {
 width: 70px;
 height: 4px;
 background: #0055ff;
 margin: 0.3rem 0;
}
.Userper .Maleftdate {
 flex-direction: row;
}
.service_container .main .content3 {
 margin-top: 0.3rem;
}
.service_container .main .con3jz {
 margin-top: 0.3rem;
 display: flex;
 justify-content: center;
}
.service_container .main .content3 .button1 .home_link {
 margin-right: 0.1rem;
 display: flex;
 justify-content: center;
}
/* 教育软件 */
.Education .m54 {
 margin-top: 0;
}
.Education .w1620 .box .list2 .item {
 display: flex;
 justify-content: space-between;
 background: #f5f7fa;
 transition: all 0.3s ease;
 /* 平滑过渡效果 */
 position: relative;
 /* 为投影设置相对定位 */
 overflow: hidden;
 /* 确保背景图片不会溢出 */
}
.Education .w1620 .box .list2 .item img {
 height: 1.3rem;
}
.Education .w1620 .box .list2 .item .main {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 gap: 0.4rem;
 transition: background-image 0.3s ease;
 /* 背景图片过渡效果 */
}
.Education .w1620 .box .list2 .item .main .content1 {
 margin-top: 0.06rem;
}
.Education .w1620 .box .list2 .item .main .con2 {
 display: flex;
 width: 0.44rem;
 height: 0.44rem;
 justify-content: center;
 align-items: center;
 border-radius: 0.22rem;
 border: 1px solid #495770;
 transition: background-color 0.3s ease, border-color 0.3s ease;
}
.Education .w1620 .box .list2 .item .main .con2 .layui-icon-right {
 transition: color 0.3s ease;
 /* 图标颜色过渡效果 */
 color: inherit;
 /* 默认颜色继承自父元素 */
}
.Education .w1620 .box .list2 .item:hover {
 outline: 1px solid #0055ff;
 /* 添加蓝色外描边 */
 background-image: url("../images/scenarios/bg-card.png");
 /* 设置背景图片 */
 background-size: cover;
 /* 背景图片覆盖整个元素 */
 box-shadow: 0px 8px 20px 0px rgba(99, 113, 139, 0.1);
 transition: all 0.3s ease;
 /* 平滑过渡效果 */
}
.Education .w1620 .box .list2 .item:hover .con2 {
 background: #0055ff;
 border: none;
}
.Education .w1620 .box .list2 .item:hover .con2 .layui-icon-right {
 color: #fff;
}
/* 医院科研 */
.Hospitalres .w1620 .boxRight .h1 {
 line-height: 0.6rem;
}
.Hospitalres .w1620 .box .boxRight .line {
 width: 70px;
 height: 4px;
 background: #0055ff;
 margin: 0.3rem 0;
}
.CoreAdvantage {
 background: url(../images/scenarios/bg-2.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 overflow: hidden;
}
.CoreAdvantage .w1620 .box .HomeTiele .line {
 width: 70px;
 height: 4px;
 background: #fff;
 margin: 0.3rem 0;
}
.CoreAdvantage .w1620 .box .list {
 display: flex;
 justify-content: space-between;
}
.CoreAdvantage .w1620 .box .item {
 width: 20%;
 padding: 0.3rem;
 display: flex;
 justify-content: center;
 gap: 0.2rem;
 flex-direction: column;
 position: relative;
}
.CoreAdvantage .w1620 .box .item .top {
 display: flex;
 flex-direction: column;
 align-items: center;
 transition: transform 0.5s ease;
 transition: transform 0.5s ease;
}
.CoreAdvantage .w1620 .box .item .top p {
 font-size: 0.24rem;
 margin-top: 0.16rem;
 color: #fff;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.CoreAdvantage .w1620 .box .list .texthiding {
 opacity: 0;
 transition: opacity 0.5s ease, transform 0.5s ease;
 color: #fff;
}
.CoreAdvantage .w1620 .box .list .item:hover .texthiding {
 display: block;
 opacity: 1;
 transform: translateY(0);
}
.CoreAdvantage .w1620 .box .list .item:hover .top {
 transform: translateY(-20px);
 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.HomeTiele .white {
 color: #fff;
}
.CoreAdvantage .HomeTiele {
 display: flex;
 flex-direction: column;
 align-items: center;
}
/* 特色功能 */
.Characteristic .m54 {
 margin-top: 0;
}
.Characteristic .w1620 .box .list2 .item {
 display: flex;
 justify-content: space-between;
 background: #f5f7fa;
 transition: all 0.3s ease;
 /* 平滑过渡效果 */
 position: relative;
 /* 为投影设置相对定位 */
 overflow: hidden;
 /* 确保背景图片不会溢出 */
}
.Characteristic .w1620 .box .list2 .item .main {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 gap: 0.4rem;
 transition: background-image 0.3s ease;
 /* 背景图片过渡效果 */
}
.Characteristic .w1620 .box .list2 .item .main .content1 {
 margin-top: 0.06rem;
}
.Characteristic .w1620 .box .list2 .item .main .con2 .layui-icon-right {
 transition: color 0.3s ease;
 /* 图标颜色过渡效果 */
 color: inherit;
 /* 默认颜色继承自父元素 */
}
.Characteristic .w1620 .box .list2 .item:hover {
 background-image: url("../images/scenarios/bg-card.png");
 /* 设置背景图片 */
 background-size: cover;
 /* 背景图片覆盖整个元素 */
 box-shadow: 0px 8px 20px 0px rgba(99, 113, 139, 0.1);
 transition: all 0.3s ease;
 /* 平滑过渡效果 */
}
.Characteristic .w1620 .box .HomeTiele .line {
 width: 70px;
 height: 4px;
 background: #0055ff;
 margin: 0.3rem 0;
}
.Characteristic .w1620 .box .HomeTiele {
 display: flex;
 flex-direction: column;
 align-items: center;
}
/* 主营单位 */
.HomeTiele .line {
 width: 70px;
 height: 4px;
 background: #0055ff;
 margin: 0.3rem 0;
}
.dateresy {
 background: url(../images/scenarios/bg-5.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 overflow: hidden;
}
.Mainunitadvantage .w1620 .HomeTiele {
 display: flex;
 flex-direction: column;
 align-items: center;
}
.Mainunitadvantage .w1620 .flexBetween {
 margin: 0;
}
.Mainunjianjie {
 background: url(../images/scenarios/bg-4.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.DigitalResI {
 background: url(../images/scenarios/bg-3.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.Future-oriented {
 background: url(../images/scenarios/bg-6.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
/* 教育软件子菜单 */
.Educationbanner .position .box h5 img {
 width: 2.4rem;
}
.Educationbanner .videoToggle {
 background: rgba(255, 255, 255, 0.4);
 width: 100%;
 clip-path: none;
 backdrop-filter: blur(15px);
}
.Educationbanner .videoToggle .toggle ul .active {
 margin: 0;
}
.Educationbanner .banner_container .position .edubox {
 margin: auto 0;
 color: #fff;
 text-align: center;
 margin-left: 7.8vw;
}
.Educationbanner .banner_container .position .flexCenter {
 justify-content: space-between;
}
/* 教育软件子菜单-01-1 */
.Scientificdiv .Characteristic .w1620 .box .HomeTiele {
 margin-bottom: 0.4rem;
 align-items: flex-start;
}
.Scientificdiv .Characteristic {
 background: #edf2fa;
}
.Scientificdiv .Characteristic .w1620 .box .list2 .item {
 background: #fff;
 padding: 0.3rem;
}
.Scientificdiv .PainPoint .box .list2 .item .main .content0 {
 display: flex;
 border-bottom: 1px solid #ebeef0;
 padding-bottom: 0.2rem;
}
.Scientificdiv .PainPoint .box .list2 .item .main .content0 .title {
 font-size: 0.2rem;
}
.Scientificdiv .PainPoint .box .list2 .item .main .content0 img {
 width: none;
 height: 0.35rem;
}
.Scientificdiv .PainPoint .box .list2 {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap: 0.16rem;
}
.Scientificdiv .Characteristic .w1620 .box .list2 .item:hover {
 background-image: url(../images/scenarios/card-bg3.png);
 background-size: cover;
 box-shadow: 0px 9px 12.2px 0px rgba(174, 195, 207, 0.5);
 border: 1px solid #0055ff;
}
.Scientificdiv .Characteristic .w1620 .box .list2 .item {
 transition: background-image 1s ease, box-shadow 0.3s ease, border 0.3s ease;
}
.Scientificdiv .Characteristic .w1620 .box .img img {
 width: 100%;
}
/* 教育软件子菜单-01-2 */
.Ipmsystem .Characteristic .w1620 .box .HomeTiele {
 margin-bottom: 0.4rem;
 align-items: flex-start;
 text-align: left;
}
.Ipmsystem .Characteristic {
 background: #edf2fa;
}
.Ipmsystem .Characteristic .w1620 .box .list p .txts {
 margin-bottom: 0.2rem;
}
.Ipmsystem .Characteristic .w1620 .box .list2 .item {
 background: #fff;
 padding: 0.3rem;
}
.Ipmsystem .Characteristic .w1620 .box .list .imgbox {
 background: #fff;
 width: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.Ipmsystem .PainPoint .box .list2 .item .main .content0 {
 display: flex;
 border-bottom: none;
 padding-bottom: 0.1rem;
}
.Ipmsystem .PainPoint .box .list2 .item .main .content0 .title {
 font-size: 0.2rem;
}
.Ipmsystem .PainPoint .box .list2 .item .main .content0 img {
 width: none;
 height: 0.35rem;
}
.Ipmsystem .PainPoint .box .list2 {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap: 1px;
}
.Ipmsystem .Characteristic .w1620 .box .list2 .item:hover {
 background-image: url(../images/scenarios/card-bg3.png);
 background-size: cover;
 box-shadow: 0px 9px 12.2px 0px rgba(174, 195, 207, 0.5);
 border: 1px solid #0055ff;
}
.Ipmsystem .Characteristic .w1620 .box .list2 .item {
 transition: background-image 1s ease, box-shadow 0.3s ease, border 0.3s ease;
}
.Ipmsystem .Characteristic .w1620 .box .img img {
 width: 100%;
}
.Ipmsystem .PainPoint .box .title .line {
 width: 16px;
 height: 4px;
 background: #0055ff;
}
.Ipmsystem .PainPoint .box .title span {
 color: #111;
 font-size: 0.2rem;
}
.Ipmsystem .PainPoint .box .title {
 display: flex;
 align-items: center;
 gap: 0.1rem;
}
.Ipmsystem .PainPoint .box .Thei {
 margin-bottom: 0.1rem;
}
.Ipmsystem .PainPoint .box .list .msp {
 font-size: 0.16rem;
 color: #495770;
 line-height: 0.3rem;
 margin-bottom: 0.1rem;
}
.Ipmsystem .PainPoint .box .list2 .main .content0 span {
 color: #0055ff;
 font-family: "Gilroy";
 font-weight: bold;
 margin-right: 0.1rem;
}
.Ipmsystem .PainPoint .box .maxlist {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
}
/* 教育软件子菜单-01-4 */
.Chooseus .Characteristic .w1620 .box .HomeTiele {
 margin-bottom: 0.4rem;
 align-items: flex-start;
}
.Chooseus .Characteristic .w1620 .box .HomeTiele p {
 text-align: left;
}
.Chooseus .Characteristic {
 background: #fff;
}
.Chooseus.Characteristic .w1620 .box .list2 .item {
 background: #fff;
 padding: 0.3rem;
}
.Chooseus .PainPoint .box .list2 .item .main .content0 {
 display: flex;
 border-bottom: 1px solid #ebeef0;
 padding-bottom: 0.2rem;
 flex-direction: column;
 align-items: center;
 margin-bottom: 0.2rem;
}
.Chooseus .PainPoint .box .list2 .item .main .content0 .title {
 font-size: 0.2rem;
}
.Chooseus .PainPoint .box .list2 .item .main .content0 img {
 margin-right: 0;
 height: 0.6rem;
 width: 0.6rem;
}
.Chooseus .PainPoint .box .list2 {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 0.16rem;
}
.Chooseus .Characteristic .w1620 .box .list2 .item:hover {
 background-image: url(../images/scenarios/card-bg3.png);
 background-size: cover;
 box-shadow: 0px 9px 12.2px 0px rgba(174, 195, 207, 0.5);
 border: 1px solid #0055ff;
}
.Chooseus .Characteristic .w1620 .box .list2 .item {
 transition: background-image 1s ease, box-shadow 0.3s ease, border 0.3s ease;
}
.Chooseus.Characteristic .w1620 .box .img img {
 width: 100%;
}
.Chooseus .Characteristic .w1620 .box .list2 .item {
 display: block;
}
/* .banner */
.Banner {
 position: relative;
 width: 100%;
 overflow: hidden;
}
.Banner .content-wrapper {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 box-sizing: border-box;
 z-index: 10;
 display: flex;
 align-items: stretch;
 flex-direction: column;
 justify-content: space-between;
}
.Banner .video-container {
 position: relative;
 width: 100%;
 /* 16:9 的纵横比 */
 height: 100vh;
}
.Banner .video-container video {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.Banner .position {
 position: relative;
 z-index: 1;
}
.Banner .banner .position .main .title {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 visibility: visible;
}
.Banner .banner .position .main .link {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 visibility: visible;
}
.Banner .banner .position .main .desc {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 visibility: visible;
}
.Banner .content-wrapper .content .title {
 font-size: 0.52rem;
 line-height: 1.2;
 color: #fff;
}
.Banner .content-wrapper .content {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 margin-top: 2.4rem;
}
.Banner .content-wrapper .content .desctex p {
 padding: 0.1rem 0.16rem;
 border: 1px solid #fff;
 font-size: 0.18rem;
 color: #fff;
}
.Banner .content-wrapper .content .desctex {
 display: flex;
 gap: 0.16rem;
 flex-wrap: wrap;
}
/* 导航V9 */
.header_container .box nav .item2 .product_nav ._right .ite h5 {
 border-bottom: none;
 padding-bottom: 0;
}
.header_container .box nav .item2 .product_nav ._right .ite .text {
 margin-top: 0;
 display: flex;
 gap: 0.2rem;
 color: #495770;
 font-size: 0.16rem;
 margin-top: 0.1rem;
}
.header_container .box nav .item2 .product_nav ._right .itedisplay .ite {
 width: 4rem;
 background: #f5f7fa;
 padding: 0.2rem 0.3rem;
 margin-bottom: 0.1rem;
 display: block;
}
.header_container .box nav .item2 .product_nav ._right .flexStart .img {
 width: 240px;
}
.header_container .box nav .item2 .product_nav ._right .itedisplay .ite:hover {
 border: 1px solid rgba(34, 110, 255, 0.2);
 background: rgba(34, 110, 255, 0.05);
}
.header_container
 .box
 nav
 .item2
 .product_nav
 ._right
 .itedisplay
 .ite:hover
 h5 {
 color: #0055ff;
}
.header_container .box nav .item2 .product_nav ._right .flexStart .img p {
 text-align: center;
 margin-top: 0.1rem;
 color: #495770;
}
/* 新闻详情 */
.news_info table{
 display: flex;
 justify-content: center;
}
.news_info .table {
 width: 100%;
 border-collapse: collapse;
 
}
.news_info th,
td {
 border: 1px solid #ddd;
 padding: 8px;
 text-align: center;
 padding: 0.1rem;
}
.news_info th {
 background-color: #f2f2f2;
}
.news_info .content2 .title129{
 padding: 0.1rem 0.3rem;
 background: rgba(0, 85, 255, 0.1);
 color: #0055ff;
 border-left: 3px solid #0055ff;
}
.news_info .content2 .ctitle{
 color: #111;
}
.news_info .content2 .school .list .item img{
 width: 60px;
 margin: 0;
}
.news_info .content2 .school .list .item {
 display: flex;
 align-items: center;
 width: 300px;
}
.news_info .content2 .school .list{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 0.3rem;
 margin-bottom: 0.6rem;
}
.news_info .content2 .school .list .item .schname{
 text-indent: 0;
 margin-left: 0.1rem;
}
.news_info .content2 .package {
 display: flex;
 flex-direction: column;
 gap: 0.2rem;
 padding: 0.3rem;
 background: #F2F5F9;
 border: 1px solid #F7F8FB;
 border-radius: 5px;
}
.news_info .content2 .package .li{
 
}
.news_info .content2 .package .li .item{
 display: flex;
 text-indent: 0;
 gap: 0.1rem;
 color: #111;
 align-items: center;
}
.news_info .content2 .package .li .item img{
 margin: 0;
 height: 20px;
}
.news_info .content2 .newimgtext{
text-align: center;
}
.Ipmsystem .PainPoint .box .Tablelist {
 background: #fff;
 padding: 0 0.6rem 0.6rem 0.6rem;
 display: flex;
 justify-content: center;
 flex-direction: column;
 align-items: center;
}
.Ipmsystem .PainPoint .box .Tablelist .msp{
 padding: 0.08rem 0.4rem;
 background: rgba(0, 85, 255, 0.1);
 color: #0055ff;
 border-left: 3px solid #0055ff;
 border-right: 3px solid #0055ff;
}
.Ipmsystem .PainPoint .box .Tablelist table tr td{
 padding: 0.2rem 0.2rem;
 text-align: left;
 color:#495770 ;
}
.Ipmsystem .PainPoint .box .Tablelist table tr th{
 padding: 0.2rem 0.2rem;
 background: #e7e7e7;
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.e-plugger.com/css/main.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www.e-plugger.com/css/main.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>