/* CSS Document */
body{margin:0 auto; padding:0px; background:#FFF;
font:16px "Microsoft Yahei","微软雅黑",Arial,Verdana,sans-serif; color:#333333;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; }
li{list-style-type:none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
.content{width:1200px; margin:0 auto;}
.marauto{ margin:0 auto;}
.txtcolor{color:#FFFFFF}
.topimg{ width:100%; vertical-align:top;}
/*公共链接*/
a {color:#333333;}
a:link {color: #333333; text-decoration:none;}
a:visited {color:#333333;text-decoration:none;}
a:hover {color:#006ad7; text-decoration:none;}
.mr40 {margin-right: 40px;}
.fl-left {float:left}
.fl-right {float:right}
.txt-c {text-align: center;}

.show-mod-righttxt::-webkit-scrollbar {/*滚动条整体样式*/
        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/   height: 0px;  }
.show-mod-righttxt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 20px;  background: #ffbc6b;    }
.show-mod-righttxt::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
        border-radius: 20px;   background: #e4e4e4;    }

.pcTopImg,.pcTopImg img{width: 100%;}
.pcTopImg{margin-bottom: 80px;}
.bg1{ background: url(img/bg.jpg) no-repeat top; height:860px;margin-top: 80px;padding-top: 30px;margin-bottom: 80px;}
.bg2{ background-color:#0e7acd; width: 100%;}
.bg3{ background: url(img/tu.jpg) no-repeat top; height:506px;}
.bg4{ background-color:#55d5ff; width: 100%; height:442px;display: flex;margin-bottom: 40px;}
.titleBox{margin-bottom: 40px;}
.leftVideo video{width: 786px;height: 443px;}
/* 多行省略 */
.x_t1 a,.tj li p,.j_list li span{    text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; white-space: normal;}
.x_t1 a{ -webkit-line-clamp: 7;}

.x_t1 {text-align:left;line-height:56px; font-size:30px; font-weight: bold; color:#ffffff;  padding: 20px 30px 20px 30px;}
.x_t1  a{color:#ffffff;}
.x_t1  a:hover{color:#0159ba;}



.j_list {
	width: 520px;
	height: 416px;
	overflow-y: scroll;
	padding-right: 25px;
}
.tabBox{display: flex;justify-content: space-between;}
.j_list li {
	width: 520px;
	height: 124px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
		background:#55d5ff;
}

.j_list li img {
	width: 200px;
	float: left;
	height: 124px;
}

.j_list li span {	
	font-size: 16px;
	line-height: 30px;
	right: 0;
	position: absolute;
	top: 0;
	width: 300px;
	height: 114px;
	color: #333333;
	padding-right: 5px;
	padding-top: 10px;
	-webkit-line-clamp: 3;
	max-height: 90px;
}


.j_list li:hover {
	background: #d0fcff;
	width: 520px;
	height: 124px;
}

.j_list li span:hover {
	color: #333333;
}



.shu_n {margin-bottom:15px}
.shu_n .item { background:#55d5ff;width:620px;position: relative; line-height: 0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;display: none;}
.item:nth-child(1){display: block;}
.shu_n .item img{width:100%}
.shu_n .item p{padding:0px 15px; line-height: 58px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.shu_n .item-col {height:58px; line-height:24px;}
.shu_n .item:hover {background: #d0fcff;color:#333333;}
.activeOn{background: #d0fcff !important;color:#333333;}



.list_m{font-size:16px;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.list_m li { width:570px; OVERFLOW: hidden; list-style:inside; list-style-type:none; background:url(img/ico.png) no-repeat left 26px; padding-left:10px; margin-right: 10px; margin-left: 10px;}
.list_m li a{ overflow:hidden;  color:#ffffff; line-height:46px;  text-decoration:none;white-space: nowrap;text-overflow: ellipsis;display: block;}
.list_m li a:hover{color:#55d5ff;}





.tj {
	padding-top:2px;
	text-align: center;
}
.tj ul { /* width:1200px;overflow:hidden */}
.tj li img { width:100%; height: 230px;}
.tj ul li {margin-bottom: 40px;background-color: #f9f9f9;}
.tj ul li:nth-of-type(3n) {
  margin-right: 0;
}
.tj li p {line-height:32px; text-align:left; font-size:16px; padding-bottom:10px; -webkit-line-clamp: 2;}
.tj .swiper-pagination-bullet{background-color: #0e7acd;}
.tj .swiper-pagination-bullet-active{width: 30px;border-radius: 5px;}



.x-bq {
	float: center;
	line-height: 28px;
	color: #ffffff;
	font-size: 16px;
}

.x-bq p {
	text-align: center;
}

.x-bq a {
	overflow: hidden;
	color: #ffffff;
}


.picBanner li img {width: 100%;display: block;}

.picBanner li {position: relative;}

.picBanner li p {position: absolute;width: 90%;line-height: 35px;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.5);font-size: 16px;bottom: 0;	padding: 0 5%;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: none;}

.picBanner .swiper-slide {width: 50%;transition-timing-function: linear;position: relative;}

.picBanner li::before {content: "";	width: 100%;	height: 100%;z-index: 9;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;}

.picBanner .swiper-slide-active::before {display: none !important;}

.picBanner .swiper-slide-active p {display: block;}
.picRight,.picLeft{position: absolute;top: 45%;cursor: pointer;z-index: 99;}
.picRight img,.picLeft img{width:40px;}
.picRight{right: 20%;}
.picLeft{left: 20%;}
.picBanner {margin-top: 50px;}


/* 手机版样式 */
@media screen and (max-width:760px) {
	.pcTopImg{margin-bottom: 0.5rem;}
	.titleBox{margin: 1rem auto;width: 95%;}
	.content,.w786,.leftVideo video,.w414,.w580,.shu_n .item,.j_list li{width: 100% !important;}
	.leftVideo video,.bg4,.tj li img,.bg1,.j_list,.j_list li img,.j_list li,.j_list li span{height: auto;}
	.j_list li img{float: inherit;}
	.bg4{flex-wrap: wrap;margin-bottom: 1rem;}
	.x_t1{font-size: 0.9rem;line-height: 1.8rem;padding: 0.5rem;}
	.tj,.j_list{width: 95%;margin: 0.5rem auto;}
	.bg1{margin: 1rem auto;background-repeat: repeat;}
	.tabBox{flex-wrap: wrap;}
	.j_list{padding-right: 0;max-height: 15rem;}
	.j_list li img{width: 6rem;}
	.j_list li span{position: inherit;width: 60%; -webkit-line-clamp: 2;line-height: 1.5rem;max-height: 3rem;padding-top: 0;}
	.j_list li a{display: flex;justify-content: space-between;}
	.list_m{margin-top: 0.5rem;}
	.picRight {right: 0;}
	.picLeft{left: 0;}
	.picRight img, .picLeft img{width: 1.5rem;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-07-14 17:07:39" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->