/* 内容区域容器 */
.content-container {
    padding: 60px 0;
    background-color: #f8f9fa;
    margin: 30px 0;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    width: 100%;
    box-sizing: border-box;
}

/* 内容包装器 */
.content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 内容标题区域 */
.content-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 2px solid #007bff;
}

.content-title {
    font-size: 28px;
    color: #333;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

/* 公司信息区域 */
.company-profile {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.company-info {
    margin-bottom: 25px;
    border-left: 3px solid #007bff;
    padding-left: 15px;
}

.company-name {
    font-size: 24px;
    color: #007bff;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.company-subtitle {
    font-size: 18px;
    color: #666;
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
}

/* 内容主体 */
.content-body {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-top: 20px;
}

.content-body p {
    margin-bottom: 1.5em;
}

.content-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .content-container {
        padding: 40px 0;
        margin: 20px 0;
        border-radius: 8px;
    }
    
    .content-title {
        font-size: 24px;
    }
    
    .company-name {
        font-size: 22px;
    }
    
    .company-subtitle {
        font-size: 16px;
    }
    
    .company-profile {
        padding: 20px;
    }
    
    .content-body {
        font-size: 15px;
        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .content-container {
        padding: 30px 0;
        margin: 15px 0;
    }
    
    .content-header {
        margin-bottom: 30px;
    }
    
    .content-title {
        font-size: 22px;
    }
    
    .company-info {
        padding-left: 12px;
    }
}

.navbar-header h1 a {
	background: #fff0;
}


.navbar-header a img {
	max-width: 100px;
}

.social_agileinfo li a {
	width: 150px;
}

.modal-body img {
	display: block;
	margin: 0 auto;
}

.modal-body p {
	text-align: center;
}

.tweet-agile img {
	width: 90%;
}

.about_left {
	border-radius: 20px;
}
.about_left1 {
	border-radius: 20px;
}

.about_left2 {
	border-radius: 20px;
}

.modal-body p {
	color: #da9d40;
	font-weight: 600;
}

.modal-header,
.modal-content {
	border-radius: 20px;
}

.slider-info h4 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.baojiaqi .agileinfo_sign {
	text-align: center;
	color: #666;
	margin-bottom: 30px;
	font-size: 28px;
}


.baojiaqi .city-picker-selector .selector-item {
	width: 45%;


}

.city-picker-selector .selector-name {
	height: 30px;
}

.selector-list ul li {
	width: 100%;
}

/*.selector-list ul li:first-child{*/
/*	margin-top: 10px;*/
/*}*/
.baojiaqi #rzm {
	width: 40%;
	float: left;
}

.baojiaqi #sendag {
	width: 55%;
	margin-left: 5%;
}

.baojiaqi .btn-tijiao {
	width: 100%;

}

.baojiaqi .control-label {
	height: 34px;
}

.baojiaqi .form-control {
	border-radius: 5px;
	height: 34px;
}

.baojiaqi .city-picker-selector .selector-search {
	padding-top: 5px;
	height: 38px;
}

.baojiaqi h2 {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
}

.baojiaqi .modal-header {
	font-size: 22px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.baojiaqi .offer_header {
	padding-bottom: 15px;
}

.baojiaqi .offer-layui {
	float: initial !important;
	float: none !important;

}

.baojiaqi .layui-form-item {
	margin-bottom: 10px;

}

.baojiaqi .layui-form-code {
	width: 44%;
}

.baojiaqi #sendag {
	width: 40%;
}

.baojiaqi .layui-form-client {
	display: none;
	height: 0px;
}

.baojiaqi .tijiao-btn {
	padding-top: 15px;
	padding-bottom: 15px;
}

.baojiaqi .city-picker-selector .province,
.baojiaqi .city-picker-selector .city {
	width: 47%;
}

.baojiaqi .city-picker-selector .city {
	margin-left: 6%;
}

.baojiaqi .layui-form-client,
.baojiaqi .layui-form-platform {
	display: none;
}

.shentouceshi {
	background: url(shentouceshi.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.zhongbao {
	background: url(zhongbao.jpg) no-repeat 0px 0px;
	background-size: cover;
	min-height: 330px;
}

.lesuobingdu {
	background: url(lesuobingdu.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.loudongsaomiao {
	background: url(loudongsaomiao.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}




.shentouceshi1 {
	background: url(ai3.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.zhongbao1 {
	background: url(zhongbao.jpg) no-repeat 0px 0px;
	background-size: cover;
	min-height: 330px;
}

.lesuobingdu1 {
	background: url(ai2.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.loudongsaomiao1 {
	background: url(ai1.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.loudongsaomiao2 {
	background: url(hyyyy2.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.shentouceshi2 {
	background: url(hyyyy1.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.Ridesharingcompany  {
	background: url(hyyyy3.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;
	padding: 0 15px;
}

.Thegamingindustry {
	background: url(hyyyy4.png) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	min-height: 330px;

	padding: 0 15px;
}





.packages_left,
.packages_left1,
.shentouceshi,
.zhongbao {
	min-height: 330px;
}

.packages_right a {
	line-height: 50px;
}

.packages_right,
.packages_left {
	max-height: 330px;
}




.yzdb .bannerimg.w3layouts-banner-top1 {
	background: url(banner-db.jpeg) no-repeat 0px 0px;
	background-size: auto;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 700px;
}


.lq .offer-layui {
	padding-left: 15px !important;
}



#dbal .caption ul {
	margin-top: 10px;

}

#dbal .caption ul li {
	margin-top: 10px;
}

#dbal .caption ul li b {
	color: #da9d40;
	font-size: 18px;
}


#fuwuxiang tr td {
	vertical-align: middle;
	background-color: #f2f6ff;
	border: 1px solid #fff;
	color: #555;
}


#fuwuxiang tr th {
	background-color: #cfdeff;
	border: 1px solid #fff;
}





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

	.packages_left,
	.packages_left1,
	.zhongbao,
	.shentouceshi {
		display: none;
	}

	.w3ls-button a {
		line-height: 50px;
	}

	.social_agileinfo {
		display: none;
	}

	.navbar-header h1 a img {
		height: 30px;
	}

	.grid1 {
		margin-bottom: 20px;
	}

	.bannergrids {
		margin-top: 2em;
	}

	.navbar-header h1,
	.navbar-header h1 a {
		display: inline;
	}

	.navbar-toggle {
		margin-top: 10px;
	}

	.tweet-agile img {
		width: 60%;
	}

	.about_left {
		min-height: 315px;
	}

	.jisuan-lable {
		display: none;
	}

	.baojiaqi .city-picker-selector .province,
	.baojiaqi .city-picker-selector .city {
		width: 100%;
	}

	.baojiaqi .city-picker-selector .city {
		margin-left: 0%;
		margin-top: 2%;
	}



}

@media screen and (min-width: 768px) {
	.baojiaqi form {
		margin: 0 auto;
		padding-left: 15px;
	}

}



/***********art*************/

			/* 鏂板鑷畾涔夋牱寮� */
			.expo-header {
				position: relative;
				padding: 20px 0;
				margin-bottom: 30px;
				border-bottom: 1px solid #eaeaea;
			}
			
			.expo-title-container {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				margin-bottom: 15px;
			}
			
			.expo-meta {
				background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
				color: white;
				padding: 8px 20px;
				border-radius: 25px;
				font-size: 14px;
				box-shadow: 0 4px 12px rgba(106, 17, 203, 0.2);
				display: inline-flex;
				align-items: center;
			}
			
			.expo-meta i {
				margin-right: 8px;
			}
			
			.content-wrapper {
				background: white;
				border-radius: 12px;
				padding: 30px;
				box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
				margin-bottom: 40px;
			}
			
			.expo-content {
				display: flex;
				flex-wrap: wrap;
				gap: 40px;
			}
			
			.expo-text {
				flex: 1;
				min-width: 300px;
			}
			
			.expo-image {
				flex: 0 0 400px;
				max-width: 100%;
			}
			
			.expo-image img {
				width: 100%;
				height: auto;
				border-radius: 12px;
				box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
				transition: transform 0.3s ease;
			}
			
			.expo-image img:hover {
				transform: translateY(-5px);
			}
			
			.cta-section {
				background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
				padding: 25px;
				border-radius: 12px;
				margin-top: 30px;
				text-align: center;
			}
			
			.cta-title {
				font-size: 18px;
				color: #333;
				margin-bottom: 20px;
				font-weight: 600;
			}
			
			.cta-buttons {
				display: flex;
				gap: 20px;
				justify-content: center;
				flex-wrap: wrap;
			}
			
			.btn-wechat {
				background: linear-gradient(135deg, #09bb07 0%, #09a805 100%);
				color: white;
				padding: 12px 35px;
				border-radius: 30px;
				text-decoration: none;
				transition: all 0.3s ease;
				border: none;
				font-weight: 500;
				box-shadow: 0 4px 15px rgba(9, 187, 7, 0.3);
			}
			
			.btn-apply {
				background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
				color: white;
				padding: 12px 35px;
				border-radius: 30px;
				text-decoration: none;
				transition: all 0.3s ease;
				border: none;
				font-weight: 500;
				box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
			}
			
			.btn-wechat:hover, .btn-apply:hover {
				transform: translateY(-3px);
				box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
				color: white;
				text-decoration: none;
			}
			
			.hot-topics {
				background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
				color: white;
				padding: 25px;
				border-radius: 12px;
				margin: 40px 0;
			}
			
			.hot-topics h3 {
				color: white;
				text-align: center;
				margin-bottom: 25px;
				font-size: 24px;
			}
			
			.topic-nav {
				display: flex;
				flex-wrap: wrap;
				gap: 15px;
				justify-content: center;
			}
			
			.topic-nav a {
				background: rgba(255, 255, 255, 0.15);
				color: white;
				padding: 10px 25px;
				border-radius: 25px;
				text-decoration: none;
				transition: all 0.3s ease;
				border: 1px solid rgba(255, 255, 255, 0.2);
			}
			
			.topic-nav a:hover {
				background: rgba(255, 255, 255, 0.25);
				transform: translateY(-2px);
			}
			
			.topic-nav a.thisclass {
				background: white;
				color: #667eea;
				font-weight: 600;
			}
			
			/* 鍝嶅簲寮忚皟鏁� */
			@media (max-width: 992px) {
				.expo-image {
					flex: 0 0 100%;
				}
				
				.expo-content {
					flex-direction: column;
				}
				
				.cta-buttons {
					flex-direction: column;
					align-items: center;
				}
				
				.btn-wechat, .btn-apply {
					width: 100%;
					max-width: 300px;
					text-align: center;
				}
			}
			
			@media (max-width: 768px) {
				.content-wrapper {
					padding: 20px;
				}
				
				.expo-title-container {
					flex-direction: column;
					align-items: flex-start;
				}
				
				.expo-meta {
					margin-top: 10px;
				}
			}


/******************xin****************/
/* 涓诲唴瀹瑰尯鍩� */
.main-content {
    background: #f8f9fa;
    padding: 40px 0;
}

/* 闈㈠寘灞戝鑸� */
.breadcrumb {
    margin: 15px 0 30px;
    color: #666;
    font-size: 14px;
}

.breadcrumb a {
    color: #0066cc;
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumb a:hover {
    color: #ff6600;
    text-decoration: underline;
}

/* 鍒嗗尯鏍囬 */
.section-header {
    margin-bottom: 40px;
    text-align: center;
}

.section-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 15px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #0066cc, #ff6600);
}

.section-subtitle {
    color: #666;
    font-size: 16px;
    margin-top: 10px;
}

/* 灞曚細鍒楄〃鍗＄墖 */
.exhibition-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.exhibition-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 30px;
    transition: all 0.3s ease;
    border: 1px solid #eaeaea;
}

.exhibition-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    border-color: #0066cc;
}

.exhibition-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.exhibition-date {
    background: linear-gradient(135deg, #0066cc, #0099ff);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
    text-align: center;
}

.exhibition-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    flex: 1;
}

.exhibition-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.exhibition-title a:hover {
    color: #0066cc;
}

.excerpt {
    color: #555;
    line-height: 1.8;
    margin-bottom: 20px;
    font-size: 16px;
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0066cc;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    padding: 10px 20px;
    border: 2px solid #0066cc;
    border-radius: 8px;
    background: white;
}

.read-more:hover {
    background: #0066cc;
    color: white;
    transform: translateX(5px);
}

/* 鐩稿叧灞曚細缃戞牸 */
.related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 20px;
}

.related-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.related-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.card-image {
    position: relative;
    overflow: hidden;
    height: 200px;
}

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

.related-card:hover .exhibition-img {
    transform: scale(1.05);
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,102,204,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.related-card:hover .image-overlay {
    opacity: 1;
}

.view-details {
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.card-content {
    padding: 20px;
}

.card-title {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}

.card-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.card-title a:hover {
    color: #0066cc;
}

.category-tag {
    display: inline-block;
    padding: 4px 12px;
    background: #e6f2ff;
    color: #0066cc;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* 鍒嗛〉鏍峰紡 */
.pagination-wrapper {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
}

.pagination a {
    color: #333;
    background: white;
    border: 1px solid #ddd;
}

.pagination a:hover {
    background: #0066cc;
    color: white;
    border-color: #0066cc;
}

.pagination .thisclass,
.pagination .current {
    background: #0066cc;
    color: white;
    border-color: #0066cc;
    font-weight: 600;
}

/* 鍝嶅簲寮忚璁� */
@media (max-width: 992px) {
    .exhibition-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .exhibition-date {
        align-self: flex-start;
    }
    
    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .main-content {
        padding: 20px 0;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .exhibition-card {
        padding: 20px;
    }
    
    .related-grid {
        grid-template-columns: 1fr;
    }
    
    .pagination a,
    .pagination span {
        padding: 8px 14px;
        font-size: 14px;
    }
}