@font-face {
  font-family: 'iconfont';
  src: url('iconfont.ttf?t=1763805066952') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 40px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
    height: 100%;
}
body {
    margin: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    background-color: #fefefe;
}
.wrapper {
    margin: 0 auto;
    width: 85%;
    padding: 1px 3em;
    height: 100%;
	display: flex;
}
header {
    background: linear-gradient(rgba(0, 0, 0, .7), transparent);
	position: absolute;
	width: 100%;
	z-index:99999;
}
header:after {
    content: " ";
    display: table;
    clear: both;
}
header
.brand, h1, h2, h3 {
     font-family: 'Roboto Condensed', sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand p {
    margin: 0;
}
.brand p a span{
	color:#fff;
}
.rm-nav {
    letter-spacing: 1px;
}
.logo {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    float: left;
    text-decoration: none;
    color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
	transition:ease all 0.3s;
	margin-top:10px;
}
.logo:hover{
	transform: scale(1.1);
}
.logo>img{
	height:80px;
	padding:0 20px;
}
.video-container{
	height: calc(100vh - 30px);
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	display:flex;
	justify-content: center;
}
.video-container video{
	
}
.rm-toggle.rm-button {
    margin-top: 25px;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    float: right;
	margin-top:10px;
}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: 18px;
    line-height: 1.5rem;
    text-transform: uppercase;
	color:#fff;
}
.rm-menu-item>a:hover{
	color:#fff;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 80px;
    line-height: 80px;
	font-weight: 600;
}
.main {
    background-image: url("../images/cloud.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    padding-top: 1px;
}
.xxzt{
    width: 80%;
    margin: 20px auto;
    text-align: center;
}
.xxzt a img{
	width: 100%;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}
        /* 基础导航样式重置与布局 */
.rm-nav {
    padding: 0 20px;
}
.rm-nav ul, .rm-menu {
    background:none;
    margin-top: 0;
}
        .rm-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
        }
        .rm-nav li {
            position: relative; /* 为子菜单和伪元素定位 */
            padding: 0;
            margin: 0;
        }
        .rm-nav a {
            display: block; /* 让链接充满li，方便点击 */
            text-decoration: none;
            color: #333;
            padding: 15px 20px;
            font-size: 14px;
            white-space: nowrap; /* 防止文本换行，保证下划线宽度准确 */
        }

        /* 1. 下划线动画：伪元素实现 */
        .rm-nav > ul > li > a::after { /* 仅一级菜单添加下划线 */
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%; /* 初始位置：水平居中 */
            width: 0; /* 初始宽度：0（隐藏） */
            height: 2px;
            background-color: #007bff; /* 下划线颜色 */
            transition: 
                width 0.3s ease-in-out, /* 宽度变化动画 */
                left 0.3s ease-in-out;   /* 水平位置变化动画 */
        }

        /* 2. 触发条件：一级菜单hover 或 子菜单hover时，下划线显示 */
        .rm-nav > ul > li:hover > a::after,
        .rm-nav > ul > li:has(ul:hover) > a::after { /* :has检测子菜单hover状态 */
            width: 100%; /* 展开宽度：与li等宽 */
            left: 0;     /* 位置调整：从左到右铺满 */
        }

        /* 3. 多级子菜单样式（可选，优化视觉效果） */
        .rm-nav ul ul {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            display: none; /* 初始隐藏子菜单 */
            flex-direction: column; /* 子菜单垂直排列 */
            min-width: 200px;
        }
        .rm-nav ul ul li {
            width: 100%;
        }
        .rm-nav ul ul a {
            padding: 12px 20px;
            color: #666;
        }
        /* 子菜单hover效果 */
        .rm-nav ul li:hover > ul {
            display: flex; /* hover时显示子菜单 */
        }
        .rm-nav ul ul a:hover {
            color: #007bff;
        }
.head-top{
		height:30px;
		width:100%;
		background:#007bff;
		color:#fff;
	}
	.head-top1{
		width:80%;
		height:30px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
	}
	.head-top1 p{
		margin: 2px 0;
		height: 30px;
		font-size: 14px;
		display: flex;
		align-items: center;
}
.main1{
	width:80%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}
.main1 .main1-l{
	width:45%;
	overflow:hidden;
}
/* 选项卡 */
/* 侧边栏容器 */
        .main1-r {
            width: 50%;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            overflow: hidden;
            margin: 20px;
        }
        /* 标题栏样式 */
        .main1-r-title {
            background-color: #0066b2;
            padding: 0 15px;
        }
        .main1-r-title ul {
            list-style: none;
            display: flex;
            width: 100%;
        }
        .main1-r-title li {
            flex: 1;
            text-align: center;
        }
        .main1-r-title a {
            display: block;
            padding: 14px 0;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            transition: all 0.3s;
            border-bottom: 3px solid transparent;
        }
        /* 激活状态样式 */
        .main1-r-title a.active,
        .main1-r-title a:hover {
            border-bottom: 3px solid #ffd700;
            background-color: #005599;
        }
        /* 内容区域样式 */
        .main1-r-content {
            padding: 15px;
        }
        .main1-r-content ul {
            list-style: none;
            display: none;
        }
        /* 激活的内容列表显示 */
        .main1-r-content ul.active {
            display: block;
        }
        .main1-r-content li {
            padding: 10px 0;
            border-bottom: 1px dashed #eee;
            position: relative;
        }
        .main1-r-content li:last-child {
            border-bottom: none;
        }
        .main1-r-content a {
            color: #333;
            text-decoration: none;
            font-size: 14px;
            line-height: 1.5;
            display: block;
            padding-right: 70px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: color 0.3s;
        }
        .main1-r-content a:hover {
            color: #0066b2;
        }
        .main1-r-content span {
            position: absolute;
            right: 0;
            top: 10px;
            color: #999;
            font-size: 12px;
        }
        /* 移动端适配 */
        @media (max-width: 768px) {
            .main1-r {
                width: 100%;
                margin: 10px 0;
            }
        }
.main{
	width:80%;
}
#masterslider {
            width: 100%;
            max-width: 1200px; /* 设置一个最大宽度 */
            margin: 0 auto;    /* 水平居中 */
        }
  .container {
      width: 45%;
      box-sizing: border-box;
    }
    .main_1{
		display:flex;
		justify-content:space-between;
	}
    /* Swiper 容器样式 */
    .main .banner-wrapper {
      width: 100%;
      margin: 0 auto; /* 水平居中 */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      overflow: hidden;
    }
    
    /* Swiper 幻灯片样式 */
    .swiper-slide {
      position: relative;
      height: 300px; /* 固定高度，可根据需要调整 */
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 保持图片比例并覆盖整个幻灯片区域 */
    }
    
    /* 幻灯片标题样式 */
    .swiper-slide h2 {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 20px;
      margin: 0;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
      color: white;
      font-size: 1.1rem;
      line-height: 1.4;
      transform: translateY(100%);
      transition: transform 0.3s ease;
    }
    
    .swiper-slide-active h2 {
      transform: translateY(0);
    }
    
    /* 导航按钮样式 */
    .swiper-button-prev,
    .swiper-button-next {
      width: 40px;
      height: 40px;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      color: #333;
      transition: all 0.3s ease;
      z-index: 10;
    }
    
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
      background-color: white;
      transform: scale(1.1);
    }
    
    .swiper-button-prev::after,
    .swiper-button-next::after {
      font-size: 18px;
    }
    
    /* 分页指示器样式 */
    .swiper-pagination {
      bottom: 10px !important;
    }
    
    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background-color: rgba(255, 255, 255, 0.5);
      opacity: 1;
      transition: all 0.3s ease;
    }
    
    .swiper-pagination-bullet-active {
      background-color: white;
      width: 30px;
      border-radius: 5px;
    }
    
    /* 响应式调整 */
    @media (max-width: 768px) {
      .banner-wrapper {
        width: 70%; /* 在平板设备上宽度调整为 70% */
      }
      
      .swiper-slide {
        height: 250px;
      }
      
      .swiper-slide h2 {
        font-size: 1rem;
        padding: 15px;
      }
    }
    
    @media (max-width: 480px) {
      .banner-wrapper {
        width: 90%; /* 在移动设备上宽度调整为 90% */
      }
      
      .swiper-slide {
        height: 200px;
      }
      
      .swiper-slide h2 {
        font-size: 0.9rem;
        padding: 10px;
      }
    }
	#new_box {
	width: 52%;
	overflow: hidden;
	padding-bottom: 0px;
	margin-bottom: 5px;
	float: left;
}
.card-fouth .desc.desc-list{
	width:100%;
}
.card-fouth .case-container{
	width:100%;
}
.new_lst_cn .new_cnrf .newrf_lst .newrf_tx {
    border-bottom: 1px dashed #ddd;
    width: 100%;
}
#new_box .case-panel{
	width:100%;
}
.new_lst_cn .new_cnrf .newrf_lst .newrf_tx span {
    float: right;
    line-height: 40px;
    font-size: 14px;
    margin-right: 30px;
}
.new_lst_cn .new_cnrf .newrf_lst .newrf_tx a {
    color: #333;
    font-size: 15px;
    line-height: 54px;
    background: url(../images/222221.png) no-repeat left;
    background-size: 12px 12px;
    padding-left: 20px;
}
.card-fouth {
    border: none;
}
.card-fouth .desc.desc-list {
    font-size: 0;
    color: #3a3a3a;
    font-weight: 200;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
    line-height: 70px;
    padding: 0;
}
.card-fouth .industry span {
    font-family: PingFang SC;
    font-weight: 500;
	font-size: 22px;
}
.card-fouth .industry.active span {
    font-size: 24px;
    font-weight: 800;
    color: #000;
    padding-bottom: 12px;
}
.mid3{
	display:flex;
	justify-content:space-between;
	width:80%;
}
.mid3 ul li {
    float: left;
    margin-right: 23px;
	width:100%;
}
.mid3 .m3_r {
    float: left;
    width: 45%;
    border: none;
    border-radius: 5px 5px 0 0;
}
.card-fouth .case-panel{
	padding-left:0;
}
.mid5 {
    width: 45%;
}
.mid2_r ul {
	display:flex;
	flex-wrap: wrap;
}
.mid5  .mid2_r ul li{
	width:45%;
	height:40%;
}
.main-mid4{
	margin:0 auto;
	width:80%;
}
.card-fouth .desc.desc-list {
    font-size: 0;
    color: #000;
    font-weight: 200;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
    line-height: 70px;
    padding: 0;
	background: #007bff;
	border:none;
	border-radius: 5px 5px 0 0;
}
.card-fouth .industry.active span{
	font-size: 24px;
    font-weight: 800;
    color: #217AF0;
    padding-bottom: 12px;
}
.card-fouth .industry.active{
	background:#fff;
	margin:5px 10px;
	border-radius: 5px 5px 0 0;
}
.mid3 h2{
    height: 55px;
    line-height: 60px;
    border-bottom: 3px solid #007bff;
    margin-bottom: 10px;	
	background: #fff;
	border-radius: 5px 5px 0 0;
	padding-left:0;
}
.mid3 h2 a span{
	height: 55px;
	border:none;
	background:#007bff;
	border-radius: 5px 5px 0 0;
	color:#fff;
	padding:0;
}
.mid2{
	border:none;
}
.mid2 .desc-list .mt33{
    height: 55px;
    line-height: 60px;
    border-bottom: 3px solid #007bff;
    margin-bottom: 10px;	
	background: #fff;
	border-radius: 5px 5px 0 0;
	padding-left:0;
}
.mid2 .desc-list .mt33 a span{
	height: 55px;
	border:none;
	background:#007bff;
	border-radius: 5px 5px 0 0;
	color:#fff;
	padding:0;
	margin:0;
	width: 200px;
}
.mid2 .desc-list{
	border:none;
}
.mid2 .mid2_r ul li a span,.mid2 .mid2_r ul li a p{
	width:100%;
	color: #333;
}
.mid2 .mid2_r ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.power{
	background:#07499c;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.power a{
	color:#fff;
	font-size:13px;
}
.banquan-w {
    width: 100%;
    height: 108px;
    margin: 0 auto;
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.banquan {
    width: 100%;
    height: 185px;
    background-color: #07499c;
    clear: both;
}
.power{
	margin-top:50px;
	padding:20px;
	border-top: 1px solid #ccc;
    background: #07499c;
    text-align: center;
    color: #eee;
    font-size: 12px;
}
.wenzi {
    float: left;
    font-size: 13px;
    color: #fff;
    margin-left: 25px;
    display: flex;
	align-items: center;
}
.qsydwimg{
	padding-left: 25px;
}
.foot-logo img{
	width:120px;
}