@charset "utf-8";

/*幻灯片css*/
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	
}
.banner .swiper-slide{ height:390px; }
.banner .swiper-slide img{ height: 100%;}
.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 30px 0px 0px 0px!important;
}
.swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #bebcbb!important;
	border-radius: 0;
	opacity: 1;
	margin: 0px 3px!important;
}
/*显示当前活动块的图片*/
.swiper-pagination .swiper-pagination-bullet-active {
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #0eb9d9!important;
	border-radius: 0;
	opacity: 1;
}

.stitle{}
.stitle{text-align:left; position: relative; padding: 0px 0px; overflow: hidden; background: #f9f8f8; border-top: 2px solid #00748a;}
.stitle span{ color: #02738b; height: 50px; width: 110px; text-align: center; line-height: 50px; display: block; font-size: 18px; float: left; cursor: pointer;}
.stitle span.active{ color: #fff; background: #00748a; font-weight: bold;}
.stitle a{ float: right; margin-top: 15px; margin-right: 10px; }

.notice{ background: #f5f5f5; margin-top: 10px; width: 100%; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.notice label{color: #333333; font-size: 24px; line-height: 50px; font-weight: bold; 
	display: block; width: 80px; text-align: center; border-left: 5px solid #d0d0d0;
}
.notice .bd{  width: calc(100% - 200px); overflow:hidden; }
.notice ul{padding-right:20px;}
.notice ul li{width: auto; margin-right: 20px; float: left;}
.notice ul li a{ line-height: 50px; display: block;display: -webkit-box; margin-right: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;}
.notice ul li dd{ display: flex; line-height: 50px;}
.notice>a{ display:block; padding-right:10px; color:#307dd3; line-height:50px; }


.newsc{margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.newsc .newstop{ width: 700px; overflow: hidden; position: relative;}
.newsc .newstop .swiper-slide{ position: relative; font-size: 0; height: 420px; overflow: hidden;}
.newsc .newstop .swiper-slide img{ height:100%; width:100%}
.newsc .newstop .swiper-slide div{position: absolute; bottom: 0; z-index: 999; height: 50px;  width: 100%;
	line-height: 50px; text-align: left; padding-left: 20px; font-size: 20px; color: #fff; background: rgba(0, 0, 0, .7);}
.newsc .newstop .swiper-pagination{ left: calc(100% - 100px)!important; width: 80px;}

.newsc .newslist{width: calc(100% - 720px);}
.newsc .newslist ul{ padding-top: 10px;}
.newsc .newslist ul li{display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 35px; position: relative; padding-left: 15px; justify-content: space-between;}
.newsc .newslist ul li::before{ content: ''; width: 6px; height: 6px; position: absolute; background: #d0d0d0; left: 0; top: 15px;}
.newsc .newslist ul li a{display: block; width: calc(100% - 120px); line-height: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.newsc .newslist ul li span{ width: 100px; display: block; text-align: right;}


.menu{ margin-top: 20px;}
.menu ul{ display: flex; justify-content: space-between;}
.menu ul li{ width: calc((100% - 60px) / 4); margin-right: 20px;}
.menu ul li:last-child{ margin-right: 0;}

.news{ margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.newsb{ width: calc((100% - 40px) / 3); margin-right: 20px;}
.newsb:last-child{ margin-right: 0;}
.newsb ul{ padding-top: 10px; display: none;}
.newsb ul:first-child{ display: block;}
.newsb ul li{display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 35px; position: relative; padding-left: 15px; justify-content: space-between;}
.newsb ul li::before{ content: ''; width: 6px; height: 6px; position: absolute; background: #d0d0d0; left: 0; top: 15px;}
.newsb ul li a{display: block; width: calc(100% - 120px); line-height: 35px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.newsb ul li span{ width: 100px; display: block; text-align: right;}


.chanye{margin-top: 35px;}
.chanye .content{color: #747474; font-size: 16px; line-height: 28px; margin-top: 12px; }

.cylist{ overflow: hidden; position: relative; margin-top: 10px;}
.cylist h4{ font-size: 14px; color:#000000; line-height: 23px; margin: 10px 0px; text-align: center; }
/* .news ul li:hover{box-shadow: 0 0 10px #5e5e5e;} */
.cylist img:hover{
	transform: translate(0,0) scale(1.05);
	-ms-transform: translate(0,0) scale(1.05);
	-o-transform: translate(0,0) scale(1.05);
	-moz-transform: translate(0,0) scale(1.05);
	-webkit-transform: translate(0,0) scale(1.05);
	cursor: pointer;
	 transition: all .3s;
}

		
/* 本例子css */
.picscroll-left{ width:100%;  overflow:hidden; position:relative;}
.picscroll-left .hds .prev,.picscroll-left .hds .next{ display:block;  width:40px; height:40px;
	 cursor:pointer; position: absolute; z-index: 999; top: calc(50% - 20px); border-radius: 5px;}
.picscroll-left .hds .prev{ background: rgba(47, 156, 182, 0.8) url(/uploads/image/hsimages/left.png) no-repeat center center; left: 0;}
.picscroll-left .hds .next{ background: rgba(47, 156, 182, 0.8) url(/uploads/image/hsimages/right.png) no-repeat center center; right:0; }

.picscroll-left .hds .prevstop{ background-position:-60px 0; }
.picscroll-left .hds .nextstop{ background-position:-60px -50px; }
.picscroll-left .cylist{ padding:10px;   }
.picscroll-left .cylist ul{ overflow:hidden; zoom:1; }
.picscroll-left .cylist ul li{ margin:0 8px; width: calc((100% - 64px) / 4); float:left; _display:inline; overflow:hidden; text-align:center;  }


.tese{ margin-top: 35px;}
.tslist{ margin-top: 0px;}
.tslist h4{ font-size: 14px; color:#000000; line-height: 23px; margin: 10px 0px; text-align: center; }
.tslist .swiper-container{ padding-bottom: 20px!important;}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
		display: none;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 40%!important;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next{ 
	width: 40px!important;
	height: 40px!important;
	background: rgba(47, 156, 182, 0.8) url(/uploads/image/hsimages/right.png) no-repeat center center;
	border-radius: 5px;
	right: 0px!important;
}
.swiper-button-prev{ 
	width: 40px!important;
	height: 40px!important;
	background: rgba(47, 156, 182, 0.8) url(/uploads/image/hsimages/left.png) no-repeat center center;
	border-radius: 5px;
	left: 0px!important;
}
.tslist dd{ height:160px; overflow:hidden; text-align:center; border:1px solid #ddd; }
.tslist dd img{ height:160px; width:auto; }
.tslist h4{display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}

.adv{overflow: hidden; display: flex; margin-top: 30px;}
.adv dd{ margin-right: 10px; cursor: pointer;}
.adv dd:last-child{ margin-right: 0;}

.advs{ margin-bottom: 30px;}


.linklist{
	width: calc(100% - 180px);
	margin-top: 20px;
}
.linklist a{ 
	line-height: 30px; 
	font-size: 16px; padding-right:30px; color: #333333;
	white-space:nowrap;
}