body{ background-color: #f5f5f5;}
input,textarea{font-size: 14px;}

.u-radius-8{ border-radius: 8px;}
.u-radius-6{ border-radius: 6px;}

.hei60{ padding-top: 60px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei50{ padding-top: 50px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei40{ padding-top: 40px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei20{ padding-top: 20px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei30{ padding-top: 30px;visibility: hidden;clear: both;content: "";display: block; height: 0;}
.hei12{ padding-top: 12px;visibility: hidden;clear: both;content: "";display: block; height: 0;}

.main-box{ width: 1200px; margin: 0 auto; position: relative;}


/************/
header{ height: 78px; }
header .hLogo{}
header .hLogo img{ height: auto; width: 32px;}
header .hLogo h1{ font-size: 14px; margin-left: 5px;}
	header .menu{ position: relative;}
		header .menu li{ margin-right: 50px;}
			header .menu li a{ font-size: 14px;}
			header .menu li a:hover{ color: #3491ec;}
			header .menu li a.oncl{ font-weight: bold;}
	header .sea-box{ height: 36px; width: 240px; border-radius: 100px;}
		header .sea-box .seaInp{ background: none;  display: block; width: 100%; padding-left: 12px; line-height: 34px;}
		header .sea-box .seaSub{ border-radius: 0 100px 100px 0; width: 40px; display: block; height: 36px; background-color: none; background-image:url(/static/web/imgs/home/search.png); background-size: 16px auto; background-repeat: no-repeat; background-position: center;}
		header .sea-box .seaSub:hover{ background-color: #f0f0f0;}

footer{ margin-top: 34px; padding-bottom: 25px;}
.frLink{ font-size: 12px; margin-top: 6px; color: #aaa;}
	.frLink a{ display: inline-block;  margin-left: 8px; margin-right: 8px; color: #444;}
	.frLink a:hover{ color:#3491ec;}


.swiper-box{ width: 100%; height: 340px; overflow: hidden;}
.swImg{ width: auto; height: 340px; object-fit: cover;}

.swiper-box .swiper-pagination{}
	.swiper-box .swiper-pagination .swiper-pagination-bullet{ background-color: rgba(255, 255, 255, .6);}
	.swiper-box .swiper-pagination .swiper-pagination-bullet-active{ background-color: rgba(255, 255, 255, 1);}

.cag-list{ display: grid; grid-template-columns: repeat(5, 1fr); gap:24px}
	.cag-list li{ cursor: pointer; height: 134px; border-radius: 12px; background-repeat: no-repeat; background-position: right bottom;}
	.cag-list li h2{ font-size: 24px; margin-top: 28px; margin-left: 20px;}
	.cag-list li:nth-child(1){ background-color: #ceecea; background-image: url(/static/web/imgs/tm-1.png);}
	.cag-list li:nth-child(2){ background-color: #e6efdf; background-image: url(/static/web/imgs/tm-2.png);}
	.cag-list li:nth-child(3){ background-color: #f7eac1; background-image: url(/static/web/imgs/tm-3.png);}
	.cag-list li:nth-child(4){ background-color: #e3dcf3; background-image: url(/static/web/imgs/tm-4.png);}
	.cag-list li:nth-child(5){ background-color: #f7d9d2; background-image: url(/static/web/imgs/tm-5.png);}

.com-pd{ padding: 30px;}

.lay-Tie{ position: relative; margin-bottom: 16px;}
	.lay-Tie h2{ line-height: 1;}
	.lay-Tie .h-tie{ font-size: 24px; font-weight: 700;}
	
.com-list{ position: relative;}
	.com-list .aLink{ position: relative; padding-top: 8px; padding-bottom: 8px; overflow: hidden;}
	.com-list .aLink:hover{ background-color: #f2fbfb;}
	.com-list .aLink:first-child{ margin-top: 0;}
		.com-list .aLink .label{ width: 68px; color: #00BAAD;}
		.com-list .aLink:nth-child(6n+1) .label{ color: #00BAAD;}
		.com-list .aLink:nth-child(6n+2) .label{ color: #A5D63F;}
		.com-list .aLink:nth-child(6n+3) .label{ color: #FFC300;}
		.com-list .aLink:nth-child(6n+4) .label{ color: #7948EA;}
		.com-list .aLink:nth-child(6n+5) .label{ color: #D43030;}
		.com-list .aLink:nth-child(6n+6) .label{ color: #2A82E4;}
		.com-list .aLink .info{ margin-right: 10px; overflow: hidden;}
			.com-list .aLink h3{ font-size: 14px;}
		.com-list .aLink .time{ font-size: 12px;}

.cagBg-box{ position: relative; z-index: 0; height: 310px;
	background-image: -webkit-linear-gradient(180deg, #96c5fa, rgba(0,0,0, 0));
	background-image: -moz-linear-gradient(180deg, #96c5fa, rgba(0,0,0, 0)); 
	background-image: -o-linear-gradient(180deg, #96c5fa, rgba(0,0,0, 0));
	background-image: linear-gradient(180deg, #96c5fa, rgba(0,0,0, 0));
}

.catg-info{ z-index: 2; min-height: 400px; margin-top: -235px;}
.catg-info:before{ content: ""; position: absolute; z-index: 1; width: 534px; height: 367px;
	background-image: url(/static/web/imgs/home/bg-1.png);
	background-repeat: no-repeat; right:-160px; top: -50px;
}
.catgMain{ position: relative; z-index: 3;}
	.catgMain .com-pd{ min-height: 400px;}
.tab-tag{line-height: 76px; border-bottom: solid 4px #3491ec;}
	.tab-tag li{ cursor: pointer; padding-left: 45px; padding-right: 45px; font-size: 18px; }
	.tab-tag li:hover{ background-color: #e6f2ff;}
	.tab-tag li.oncl{ color: #fff; background-color: #3491ec;font-weight: 600;}
 
.pagination{ padding-top: 30px;}
.pagination li{
	display: inline-block;
	color: #666;
	border:solid 1px #d5d5d5;	
	margin: 5px 2px;
	text-align: center;
	overflow: hidden;
	padding: 3px 12px;
	font-size: 16px;
	border-radius: 3px;	
	cursor: pointer;
}
.pagination li.active{	color:#00baad; }
.pagination li.active{ background-color: #00baad;border-color: #00baad; color: #fff;}
.pagination li.disabled{ border: none;}
/* .page-list{ padding-top: 30px;}
.page-list span{
	display: inline-block;
	color: #666;
	border:solid 1px #d5d5d5;	
	margin: 5px 2px;
	text-align: center;
	overflow: hidden;
	padding: 3px 12px;
	font-size: 16px;
	border-radius: 3px;	
	cursor: pointer;
}
.page-list span:hover{	color:#00baad; }
.page-list span.oncl{ background-color: #00baad;border-color: #00baad; color: #fff;}
.page-list span.nobor{ border: none;} */


.activeBg-box{ position: relative; z-index: 0; 
	background-image: -webkit-linear-gradient(180deg, #2a82e4, #1b5a91);
	background-image: -moz-linear-gradient(180deg, #2a82e4, #1b5a91); 
	background-image: -o-linear-gradient(180deg, #2a82e4, #1b5a91);
	background-image: linear-gradient(180deg, #2a82e4, #1b5a91);
	padding: 70px 0;
}
.active-info h1{font-size: 48px; line-height: 1.1;}
	.active-info .ac-des{ padding: 15px 0; font-size: 16px; line-height: 1.3; color: rgba(255,255,255, .4);}
	.active-info .acLab{ margin-right:30px; font-size: 12px;  color: rgba(255,255,255, .5);border-radius: 3px; padding: 2px 5px; background-color: rgba(255,255,255, .2);}
	.active-info .acTime{ color: rgba(255,255,255, .5);}

.active-main{ position: relative; z-index: 1; margin-top: -55px;}
.active-main .prev{
	position: absolute; /* 绝对定位 */
    left: 0; /* 左边对齐 */
	font-size: 18px;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.active-main .next{
    position: absolute; /* 绝对定位 */
    right: 0; /* 右边对齐 */
	font-size: 18px;
	width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.layText{ position: relative;}
.layText .txt-tie{line-height: 1.1; font-size: 20px; font-weight: 600;}
.layText .txt-des{ margin-top: 20px; line-height: 1.1;font-size: 20px;  }

.layText p{ margin-top: 15px; font-size: 16px;}
.layText h2,
.layText h3,
.layText h4,
.layText h5,
.layText h6{margin-top: 15px;}

.search-box{ padding-left: 12px; width: 960px; margin: 0 auto 30px; border-radius: 100px; border: solid 1px #f1f1f1; height: 46px;}
	.search-box .sele{ font-size: 16px; min-width:100px; border: none;}
	.search-box .seaFlex{ padding-left: 8px; margin-left: 5px; height: 44px; margin-right: 5px; border-left: solid 1px #f1f1f1;}
		.search-box .seaInput{ display: block; width: 100%; line-height: 44px;} 
	.search-box .seaSubmit{ width: 150px; font-size: 18px; line-height: 45px; border-radius: 100px;}
	.search-box .seaSubmit:hover{ opacity: .9;}