/*公共头部样式*/
/* 2026-11：删除本页对顶部主导航(.header-container/.banner-box/banner-text 等)
   的单独覆盖样式，主导航完全交给全站 nav.css（与主页一致）。
   本文件只保留本页 hero banner（.module-banner-bg）及子导航样式 */
.about-page .module-banner-bg {
	height:600px;
	position: relative;
	background: url(../img/about-banner.jpg) no-repeat center center;
}

/*导航栏*/
.about-nav-wrapper {
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.about-nav-list {
	height: 100%;
	line-height: 50px;
}
.banner-nav-item {
	width: 12.5%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.banner-nav-item:hover {
	background-color: #00aaff;
	color:#fff;
}
/*导航栏默认选中效果*/
.about-introduce-page .banner-nav-introduce {
	background-color: #00aaff;
}
.about-course-page .banner-nav-course {
	background-color: #00aaff;
}
.about-news-page .banner-nav-news {
	background-color: #00aaff;
}
.about-culture-page .banner-nav-culture {
	background-color: #00aaff;
}
.about-join-page .banner-nav-join {
	background-color: #00aaff;
}
.about-connect-page .banner-nav-connect {
	background-color: #00aaff;
}
.about-law-page .banner-nav-law {
	background-color: #00aaff;
}
.about-friend-page .banner-nav-friend {
	background-color: #00aaff;
}
.about-payment-page .banner-nav-payment {
	background-color: #00aaff;
}
.about-license-page .banner-nav-license{
	background-color: #00aaff;
}
.pic-tit{
	position:relative;
	height:45px;
	margin-bottom:50px;
}
.pic-tit em{
	font-style: normal;
	color:#ff8800;
}
.pic-tit .s-font{
	font-size:12px;
	color:#999999;
	text-indent: 0;
}
.pic-tit h2,
.pic-tit em{
	font-size:28px;
}
.pic-tit p,
.pic-tit h2{
	text-align: center;
}
.pic-tit img{
	width:100%;
}
.v-line{
	position:absolute;
	top:13px;
	width:100%;
	z-index: 0;
	border-bottom:#e9e9e9 solid 1px;
}
.ab-tit{
	mix-width:142px;
	margin-left:-71px;
	position:absolute;
	top:-13px;
	*top:6px;
	left:50%;
	background:#FFF;
	border:#FFF solid 6px;
	z-index: 5;
}
.pic-tit em.f-normal{
	color:#000;
}

.about-outer{
	padding: 58px 0;
}
.ab-part-title{
	font-size: 32px;
    color: #222;
    text-align: center;
    margin: 0 0 40px;
}
.law-part-div {
	padding-bottom: 20px;
}
.margin-bottom-26 {
	margin-bottom: 26px;
}
.ab-part-law-intro {
	text-indent: 2em;
	line-height: 28px;
	font-size: 14px;
	color: #666666;
	word-break: break-all;
}
.ab-part-law-intro.color-blue {
	color: #0080ff;
}
/* 走进中光云 */
.ab_walk{
	background-image: url('../img/ab_bg01.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	margin-bottom: 35px;
}
.ab_iconbox{
	height: 192px;
    margin-bottom: 40px;
}
.ab_icon_item{
	float: left;
	width: 25%;
	text-align: center;
}
.ab_icon_{
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 78px;
}
.ab_icon_01{
	background-image: url('../img/ab_img01.png');
}
.ab_icon_02{
	background-image: url('../img/ab_img02.png');	
}
.ab_icon_03{
	background-image: url('../img/ab_img03.png');	
}
.ab_icon_04{
	background-image: url('../img/ab_img04.png');	
}
.ab_title_{
	color: #333;
    margin: 10px 0;
}
.ab_num_{
	color: #222;
    font-size: 40px;
    font-weight: 600;
}
.ab_numintro_{
	color: #666;
	font-size: 13px;
}
.ab_p{
	color: #666;
    line-height: 31px;
    margin-bottom: 25px;
}
/* 技术优势（2026-11：1200 → 1440，与全站 .auto 宽度对齐） */
.ab_advCarouselbox{
	width: 1440px;
	height: 401px;
	position: relative;
	margin-bottom: 55px;
}
.ab_advCarouselbox0{
	width: 1440px;
	height: 401px;
	position: relative;
	overflow: hidden;
}
.ab_advCarouselbox_ {
	height: 401px;
	position: relative;
}
.ab_advCarouselbox_ li{
	float: left;
	width: 1440px;
}
.ab_advCarouselbox_ li dd{
	float: left;
	width: 360px;
	padding: 0 15px;
	text-align: center;
}
.ab_adv_title{
	color: #333;
	margin-top: 15px;
}
.ab_advCarouselbox_ li dd:hover .ab_adv_title{
	color: #0080ff;
}
.ab_adv_prev{
	width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #eeeeee url(../img/server_youshi_left.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: -70px;
    margin-top: -25px;
    cursor: pointer;
}
.ab_adv_prev:hover{
	background-color: #0080ff;
}
.ab_adv_next{
	width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #eeeeee url(../img/server_youshi_right.png) no-repeat center;
    position: absolute;
    top: 50%;
    right: -70px;
    margin-top: -25px;
    cursor: pointer;
}
.ab_adv_next:hover{
	background-color: #0080ff;
}

/* 公司资源及荣誉（2026-11：右栏 804 → 1020，填满 1440；卡片加圆角阴影，与首页风格统一） */
.ab_honor{
	padding: 50px 0 70px;
	background-color: #e7ecf2;
	display: inline-block;
	width: 100%;
}

.ab_h_assets{
	background-image: url(../img/ab_bg02.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 396px;
    height: 325px;
    float: left;
    color: #fff;
    padding: 40px 25px;
    font-size: 14px;
    line-height: 27px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
.ab_h_honorlist{
	float: right;
	width: 1020px;
	height: 325px;
}
.ab_h_honorlist dd{
	float: left;
	width: 330px;
	height: 101.6px;
	margin-left: 10px;
	margin-top: 10px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: all 0.25s;
}
.ab_h_honorlist dd:hover{
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0, 128, 255, 0.15);
}
.ab_h_icon{
	background-position: center center;
    background-repeat: no-repeat;
    width: 26%;
    height: 100%;
    float: left;
}
.ab_h_txt{
	float: right;
	width: 72%;
	height: 101.6px;
	display: table;
}
.ab_h_txt span{
	color: #748598;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
    line-height: 25px;
}
/* 友情链接 */
.share-link-wrapper {
	width: 100%;
	padding-bottom: 100px;
}
.links-introduce-p {
	margin-bottom: 35px;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}
.share-link-left {
	width: 70%;
	padding-left: 50px;
	background: url(../img/links-share-virtical-bg.png) no-repeat 0 0;
}
.share-link-left-title {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #0080ff;
}
.share-link-left-title-introduce {
	margin-bottom: 18px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.step2-introduce {
	margin-bottom: 34px;
}
.share-code-title,.txt-link-code,.logo-link-code {
	margin-left: 20px;
}
.link-email {
	color: #009ed6;
	margin-top: 30px;
}
.link-email i {
	display: inline-block;
	width: 18px;
	height: 12px;
	background: url(../img/link_icon_list.png) no-repeat 0 -16px;
	margin-right: 12px;
}
.share-link-right {
	padding-left: 5%;
}
.share-link-right i {
	display: none;
}
.share-code-title {
	display: inline-block;
	*display: block;
	color: #999;
	font-size: 14px;
	position: relative;
	/*padding-left: 20px;*/
}
.share-code-title span {
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 16px;
}
.logo-link-code,
.txt-link-code {
	position: relative;
	margin-top: 15px;
	/*border: 1px solid #bebebe;*/
}
.share-code-title .txt-code-icon {
	background: url(../img/link_icon_list.png) no-repeat -2px -45px;
}
.share-code-title .logo-code-icon {
	background: url(../img/link_icon_list.png) no-repeat -2px -85px;
}
.link-code-box {
	/*float: left;*/
	*margin-bottom: 23px;
	width: 80%;
	max-width: 498px;
	height: 100%;
	background-color: #fff;
	color: #666666;
	padding: 6px 2%;
	font-size: 14px;
	border: 1px solid #e5e5e5;
}
.link-preview-box,
.link-preview-box-2 {
	position: absolute;
	top: -48px;
	right: -100px;
	width: 35%;
	*width: 33%;
	height: 68px;
	line-height: 68px;
}
.link-preview-box-2{
	height: 50px;
	line-height: 50px;
}
.preview-text {
	padding-left: 10%;
	font-size: 14px;
	color: #999;
}
.preview-info,
.preview-info-2 {
	width: 50%;
	height: 50px;
	margin-left: 26px;
}
.preview-info {
	width: 122px;
	height: 44px;
}
.preview-info img {
	width: 100%;
	height: 100%;
}
.preview-info-2 {
	margin-top: 0;
	background:none;
	font-size: 14px;
	line-height: 30px;

}
.preview-info-2 a{
	color: #0000ee;
}
.copy-code-1,
.copy-code-2 {
	float: left;
	margin: 10px 0 20px 0;
	*margin: 5px 0 15px 0;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 2px;
	background: #0080ff;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.ie7-fix {
	*height: 1px;
	width: 100%;
}
.copied-remind {
	display: none;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	padding-left: 24px;
	background: url(../img/links-ok.png) no-repeat 0 center;
	font-size: 14px;
	color: #ff8800;
}

/* 付款方式 */
.iconh04 {
    text-indent: 2em;
    line-height: 28px;
    font-size: 14px;
    color: #0080ff;
    font-weight: 100;
    word-break: break-all;
}
.paycode {
    text-align: center;
    width: 50%; float:left;
}
.paytable {
    width: 100%;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    margin: 40px 0;
}
.paytable tr td {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 15px 5px;
    font-size: 13px;
    text-align: center;
}


.text-red {
    color: #ee4444;
    font-weight: 600;
}
/* 资质证书（旧版样式已废弃——#dowebok li 定高 180px + img height:100% 会把证书拉变形；
   2026-11 重设计样式见文件末尾 .cu-certs 系列） */
#imageData #bottomNavClose {
    position: relative;
    z-index: 999;
}
/* ==================== 企业文化 & 资质证书 2026-11 重设计（对齐首页风格） ==================== */
/* 作用域：.about-culture-page / .about-license-page（body 类），不影响其它关于页 */

.about-culture-page .about-outer,
.about-license-page .about-outer{
	padding-top: 24px;
}
.cu-section{
	padding: 40px 0 64px;
}
.cu-section-gray{
	background-color: #f7f9fc;
}
.cu-sec-title{
	text-align: center;
	font-size: 28px;
	color: #12233d;
	font-weight: 700;
	margin: 0 0 36px;
	line-height: 1;
}
.cu-sec-title::after{
	content: '';
	display: block;
	width: 42px;
	height: 4px;
	border-radius: 2px;
	background-color: #0080ff;
	margin: 16px auto 0;
}
.cu-sec-sub{
	text-align: center;
	font-size: 14px;
	color: #5b6b81;
	margin: -30px 0 40px;
	line-height: 26px;
}

/* ---- 企业文化：六大理念卡片 ---- */
.cu-values{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.cu-value-item{
	float: none;
	width: 33.3333%;
	padding: 0 12px;
	margin-bottom: 24px;
	display: flex;
}
.cu-value-card{
	width: 100%;
}
.cu-value-card{
	background-color: #fff;
	border: 1px solid #e8eef5;
	border-radius: 12px;
	padding: 34px 30px 30px;
	transition: all 0.25s;
	height: 100%;
}
.cu-value-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 128, 255, 0.10);
	border-color: #d7e8fb;
}
.cu-value-icon{
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background-color: #eaf4ff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}
.cu-value-card h3{
	font-size: 18px;
	color: #12233d;
	font-weight: 600;
	margin: 0 0 10px;
}
.cu-value-card p{
	font-size: 14px;
	color: #5b6b81;
	line-height: 26px;
	margin: 0;
}

/* ---- 员工十大准则（5 列编号卡片） ---- */
.cu-rules{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}
.cu-rule-item{
	float: none;
	width: 20%;
	padding: 0 12px;
	margin-bottom: 24px;
	display: flex;
}
.cu-rule-card{
	width: 100%;
}
.cu-rule-card{
	background-color: #fff;
	border: 1px solid #e8eef5;
	border-radius: 12px;
	padding: 26px 22px 24px;
	transition: all 0.25s;
	height: 100%;
}
.cu-rule-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 128, 255, 0.10);
	border-color: #d7e8fb;
}
.cu-rule-card em{
	font-style: normal;
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #0080ff;
	opacity: 0.35;
	margin-bottom: 16px;
}
.cu-rule-card h4{
	font-size: 15px;
	color: #12233d;
	font-weight: 600;
	margin: 0 0 8px;
}
.cu-rule-card p{
	font-size: 13px;
	color: #5b6b81;
	line-height: 24px;
	margin: 0;
}

/* ---- 资质证书：统一证书网格 ---- */
.about-license-page .about-outer{
	padding-bottom: 0;
}
.cu-certs{
	margin: 0 -10px;
}
.cu-certs li{
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
	list-style: none;
	cursor: pointer;
}
.cu-certs li img{
	display: block;
	width: 100%;
	height: 230px;
	object-fit: contain;
	background-color: #fff;
	border: 1px solid #e8eef5;
	border-radius: 12px;
	padding: 14px;
	box-sizing: border-box;
	transition: all 0.25s;
}
.cu-certs li:hover img{
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 128, 255, 0.12);
	border-color: #d7e8fb;
}