#index {
	position: relative;
	width: 100%;
	margin:0 auto;
	animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;
}
#index .index-date{
	color: #ffffff;
	width: 58%;
	line-height: 55px;
	overflow:hidden;
	font-size: 14px;
	float: right;
	height: 55px;
	}
#index .banner {
	width: 100%;
	margin: 0 auto;
}
#index .banner img {
	overflow: hidden;
}
#index .banner_mob {
	overflow: hidden;
	background-color: #fff;
	position: relative;
}
#index .banner_mob h4 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 16px;
	bottom: -10px;
	width: 100%;
	padding: 10px;
}
.calendar_tit {
	height: 55px;
	bottom: 0;
	padding: 0;
	text-align: left;
	background: rgba(0, 0, 0, 0.3);
	width: 1200px;
	z-index: 9;
	position: absolute;
	padding-left: 120px;
	left: 0;
}
.calendar_tit h4 {
	width: 88%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	font-size: 16px;
	color: #fff;
	padding: 12px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
}
.calendar_tit h4 a {
	color: #fff;
	z-index: 9;
	font-size: 16px;
	font-weight: normal;
}
 @media (max-wdith: 996px) {
 .calendar_tit {
 left: 29%;
}
}
.calendar_date {
	display: inline-block;
	bottom: -45px;
	height: 35px;
	background-color: #0052ba;
	font-size: 0px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 99999;
}
 @media (min-wdith: 996px) and (max-wdith: 1200px) {
 .calendar_date {
 margin-left: -300px !important;
}
}
 @media (max-wdith: 996px) {
 .calendar_date {
 margin-left: -200px !important;
}
}
.calendar_date li {
	width: 3.22%;
	height: 20px;
	line-height: 20px;
	list-style-type: decimal-leading-zero;
	border: none;
	display: inline-block;
	text-align: center;
}
.calendar_date li span.date_num {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
}
.calendar_date li span.date_num a{
	color:#fff;
}
.calendar_date li span.date_num b {
	color: #00fbff;
}
.calendar_date li span.no_news {
	color: #999;
}
.calendar_date li.active {
	height: 20px;
	top: -1px;
	background-color: transparent;
}
.calendar_date li.active span.date_num {
	font-size: 12px;
	color: #3d8dcd;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
}
.calendar_date li.no_news span {
	/* color: #7ab1f8; */
}
.banner .container {
	position: relative;
}
.banner .container .calendar-container {
	position: absolute;
	width: 1200px;
	height: 550px;
	left: 0;
	right: 0;
	margin: auto;
}
.banner .container .calendar-container .right {
	margin-left: 0;
	z-index: 998;
}
.banner .container .calendar-container .calendar_date {
	position: absolute;
	left: 0;
	bottom: -35px;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.5s;
	padding: 8px 1% 2px;
}
.banner .container .calendar-container .right {
	right: 0;
}
#calendar_arrow {
	position: relative;
	font-size: 18px;
	text-align: center;
	color: #FFFFFF;
	line-height: 55px
}
#calendar_arrow a.prev, #calendar_arrow a.next {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	display: block
}
#calendar_arrow a.prev {
	background: url(/images/month_prev.png) no-repeat center;
	left: 5px
}
#calendar_arrow a.next {
	background: url(/images/month_next.png) no-repeat center;
	right: 5px
}
.calendar .right, .calendar-container .right {
	position: absolute;
	width: 150px;
	background: #0052ba;
	color: #fff;
	text-align: center;
	height: 55px;
	line-height: 35px;
	bottom: 0px;
	text-align: center;
}
.calendar .right span.month, .calendar-container .right span.month {
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
}
.calendar-container .right span.month .mon_num {
	font-weight: 700;
}
.calendar .left, .calendar-container .left {
	z-index: 99;
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 120px;
}
.calendar .left .arrowbox, .calendar-container .left .arrowbox {
	width: 240px;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.calendar .left .arrowbox .backwards, .calendar-container .left .arrowbox .backwards {
	cursor: pointer;
	color: #fff;
	display: inline-block;
	background: url(/images/back.png) no-repeat;
	background-position: center;
	background-color: #88c0ee;
	width: 120px;
	height: 55px;
}
.calendar .left .arrowbox .forwards, .calendar-container .left .arrowbox .forwards {
	width: 120px;
	cursor: pointer;
	color: #fff;
	margin: 0;
	display: inline-block;
	background-color: #88c0ee;
	background-position: center;
	height: 55px;
}
.calendar .left .arrowbox span.active, .calendar-container .right .arrowbox span.active {
	background-color: #004f8e;
}
.calendar .main, .calendar-container .main {
	padding: 0;
	margin: 0;
}
.calendar .main .top, .calendar-container .main .top {
	height: 55px;
}
.calendar .main .top h4.title, .calendar-container .main .top h4.title {
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	font-size: 23px;
	font-weight: 600;
	color: #fff;
	padding: 15px;
}
.calendar .main .top h4.title a, .calendar-container .main .top h4.title a {
	color: #fff;
}
.calendar .main .top .arrowbox, .calendar-container .main .top .arrowbox {
	width: 20%;
	padding: 0;
	height: 100%;
	margin: 0;
	font-size: 0;
}
.calendar .main .top .arrowbox .backward, .calendar-container .main .top .arrowbox .backward {
	cursor: pointer;
	width: 50%;
	color: #fff;
	height: 100%;
	display: inline-block;
	background-position: center;
	background-color: #2677b8;
}
.calendar .main .top .arrowbox .forward, .calendar-container .main .top .arrowbox .forward {
	cursor: pointer;
	width: 50%;
	color: #fff;
	margin: 0;
	height: 100%;
	display: inline-block;
	background-color: #2677b8;
	background-position: center;
}
.calendar .main .top .arrowbox span.active, .calendar-container .main .top .arrowbox span.active {
	background-color: #004f8e;
}
.calendar .main .bottom, .calendar-container .main .bottom {
	height: 45px;
	padding: 10px;
	padding-left: 18px;
	background-color: #4a4a4a;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0px;
	width: 100%;
}
.calendar .main .bottom a, .calendar-container .main .bottom a {
	display: inline-block;
	height: 100%;
	font-size: 12px;
	color: #ccc;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	width: 3.2%;
}
.calendar .main .bottom a.active, .calendar-container .main .bottom a.active {
	color: #fff;
}
.btnbox {
	float: right;
	position: relative;
	width: 70px;
}
.btnbox .carousel-control-left {
	display: inline-block;
	width: 25px;
	height: 25px;
	color: #ccc;
	font-size: 14px;
	font-weight: 100;
	line-height: 24px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 22px;
	background-position: center;
	cursor: pointer;
	position: absolute;
}
.btnbox .carousel-control-right {
	margin-left: 5px;
	display: inline-block;
	width: 25px;
	height: 25px;
	color: #ccc;
	font-size: 14px;
	font-weight: 100;
	line-height: 24px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 22px;
	background-position: center;
	cursor: pointer;
}
.carousel-inner .banner_item {
	height: 520px;
}
.carousel-inner .banner_item img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.newsbox {
	height: 550px !important;
	background-size: auto 550px !important;
	overflow: hidden;
	transition: all 0.5s;
	/* background-repeat: no-repeat !important; */
	background-position: center !important;
}
.newsbox .container {
	height: 100%;
	width: 1200px;
	margin: 0 auto;
}
.carousel{
	height:550px;
}


#calendar_arrow a.prev, #calendar_arrow a.next {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    display: block;
}
#calendar_arrow a.next {
    background: url(/img/month_next.png) no-repeat center;
    right: 5px;
}
#calendar_arrow a.prev {
    background: url(/img/month_prev.png) no-repeat center;
    left: 5px;
}
#icon_left {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/img/banner_left.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 5%;
    line-height: 45px;
    text-align: center;
}
#icon_right {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/img/banner_right.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 5%;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* linksWrap */
.rowgroup5{padding: 50px 0 35px;margin-top: 20PX;opacity: 0;visibility: hidden;}
.rowgroup5.animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;
}
.rowgroup5 .linksWrap > span{position:relative;display: inline-block;float: left;font-size: 20px;color: #195da8;}
.rowgroup5 .linksWrap > span img{display: block;margin-top: 10px;}
.rowgroup5 .linksWrap > span::after{content:'';display:block;width: 1px;height: 54px;position:absolute;background: #c7c7c7;right: -45px;top: 0;transform: rotate(25deg);-ms-transform: rotate(25deg);  /* IE 9 */-moz-transform: rotate(25deg);  /* Firefox */-webkit-transform: rotate(25deg); /* Safari ???¡¯???€????€????????????¡¯??????????????€??????€??????¡¯???€????????€????¡­?????¡¯??????????€????????¡¯???€????€????????????¡¯??????????€????????¡¯???€????€????????¡¯??????????????????????€????????¡¯??????????€????????¡¯???€????€????????¡¯??????????????????????€????????¡¯??????????€????????¡¯???€????€????????????¡¯??????????????????????€????????¡¯???€????€????????¡¯???????????€????¡­?????€????????¡¯???????????€????¡­?????€????? Chrome */-o-transform: rotate(25deg);}
.rowgroup5 .linksWrap .linksBox{display: inline-block;margin-left: 6%;width: 87%;padding-top: 7px;}
.rowgroup5 .linksWrap .linksBox .item{display: inline-block;width: 16.3%;text-align: left;}
.rowgroup5 .linksWrap .linksBox .item span{display: inline-block;line-height: 41px;font-size: 17px;}
.rowgroup5 .linksWrap .linksBox .item span:hover{color:#0052ba;}
.rowgroup5 .linksWrap .linksBox .item span.img{line-height: 1;margin-right: 15px;}
.rowgroup5 .linksWrap .linksBox .item span.img img{display: inline-block;}
.rowgroup5 .linksWrap .linksBox .slick-dots,.rowgroup5 .linksWrap .linksBox .slick-arrow{display:none}

.main{
	padding-top: 100px;
}
.rowgroup2.animation{
	animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown;
	opacity: 1;
	visibility: visible;
}
.tit h2{
	color: #333;
	font-size: 26px;
	font-weight: normal;
}
.tit h2 img{
	margin-right: 15px;
}
.tit a img{
	position: relative;
	top: -2px;
	margin-left: 12px;
}
.rowgroup1 .news{
	width: 26%;
	animation: 0.8s ease 0.8s 1 normal backwards running fadeInLeft;
}
.rowgroup1 .news-lb{
	width: 41%;
	margin: 0 3%;
	animation: 0.8s ease 0.8s 1 normal backwards running fadeInUp;
}
.rowgroup1 .notice{
	width: 27%;
	animation: 0.8s ease 0.8s 1 normal backwards running fadeInRight;
}
.news .time{
	width: 75px;
}
.news .time .p1{
	width: 100%;
	height: 34px;
	background: #d6d6d6;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 34px;
}
.news .time .p2{
	width: 100%;
	height: 33px;
	background: #fff;
	font-size: 14px;
	color: #b2b2b2;
	text-align: center;
	line-height: 33px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.news ul{
	padding-top: 15px;
}
.news li{
	margin-top: 20px;
}
.news li a{
	display: block;
	width: calc(100% - 93px);
	float: right;
	font-size: 16px;
	color: #666;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news li:hover .time .p1{
	background: #278dcb;
}
.news li:hover .time .p2{
	color: #278dcb;
}
.news li:hover .time a{
	color: #333;
}
.news-lb .txt{
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	padding: 40px 35px 55px;
}
.news-lb .img{
	width: 100%;
	height: 324px;
	overflow: hidden;
}
.news-lb .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-lb .slider:hover .img img{
	transform: scale(1.1);
}
.news-lb .txt h2{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	text-align: center;
	line-height: 34px;
	margin-bottom: 20px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 68px;
}
.news-lb .txt p{
	font-size: 14px;
	color: #808080;
	line-height: 28px;
	text-indent: 2em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 56px;
}

.notice li{
	padding: 12px 0;
	border-bottom: 1px solid #f2f2f2;
}
.notice li:hover h2{
	color: #0052ba;
}
.notice li h2 {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    line-height: 32px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 64px;
}
.notice li h2 span {
    font-size: 14px;
    color: #b2b2b2;
    line-height: 32px;
}
.notice ul{
	padding-top: 5px;
}

.rowgroup1{
	padding-bottom: 45px;
	border-bottom: 1px solid #ededed;
}
.news-lb .slick-prev,.news-lb  .slick-next{
	bottom: 15px;
	width: 26px;
	height: 9px;
	z-index: 99999;
}
.news-lb .slick-prev{
	left: 100px;
	background: url(/img/news-prev.png) no-repeat center center;
}
.news-lb .slick-next{
	right: 100px;
	background: url(/img/news-next.png) no-repeat center center;
}
.rowgroup2{
	margin-top: 40px;
	opacity: 0;
	visibility: hidden;
}
.rowgroup2 .tit h2{
	margin-right: 40px;
	cursor: pointer;
}
.rowgroup2 .tit h2 img{
	position: relative;
	top: -2px;
}
.rowgroup2 .tit h2 img:nth-child(1){
	display: inline-block;
}
.rowgroup2 .tit h2 img:nth-child(2){
	display:none;
}
.rowgroup2 .tit h2.active img:nth-child(1){
   display:none;
}
.rowgroup2 .tit h2.active img:nth-child(2){
	 display: inline-block;
}
.rowgroup2 .tit a{
	display: none;
}
.rowgroup2 .tit a.active{
	display: block;
}

.rowgroup2 .list{
	padding-top: 20px;
}
.list li{
	margin-top: 20px;
	position: relative;
	float: left;
	height: 255px;width: 32%;
	margin-right: 1.5%;
	overflow: hidden;
}
.list li img{
	width:100%;
	height:100%;
	
object-fit: cover;}
.list li a{
	display:block;
	overflow: hidden;
width: 100%;height: 100%;}
.list li:hover img{
	transform:scale(1.1);
}
.list li:nth-child(3n){
	margin-right:0;
}
.list li p{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(/img/txtbg.png) repeat center;
	left: 0;
	height: 55px;
	font-size: 15px;
	color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
	line-height: 48px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
}
.list li p::after{
	position: absolute;
	width: 28px;
	height: 4px;
	content: "";
	display: block;
	bottom: 0;
	left: 15px;
	background: #b51e23;
}
.list li:nth-child(2) p::after{
	background: #41a2f8;
}
.list li:nth-child(3) p::after{
	background: #5aca28;
}
.list li:nth-child(4) p::after{
	background: #fabf00;
}
.list li:nth-child(5) p::after{
	background: #5aca28;
}
.list li:nth-child(6) p::after{
	background: #0052ba;
}
.list{
	display: none;
	animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;
}
.list.active{
	display: block;
}
#showhd{
    width: 1200px;
    padding: 0 37px;
    float: none;
}
.can{
	margin: 550px 0 0 0;
}
.calendar-right {
    position: absolute;
    width: 150px;
    background: #0052ba;
    height: 55px;
    bottom: 0px;
    text-align: center;
    right: 0;
    color: #ffffff;
    line-height: 55px;
    overflow: hidden;
    font-size: 15px;
    z-index: 999;
}
/*/* ÈÝÆ÷¿ØÖÆ */
#index .banner {
  width: 100%;
  max-width: 1920px; /* ¸ù¾ÝÉè¼Æ¸å×î´ó¿í¶Èµ÷Õû */
  margin: 0 auto;
  position: relative;
}


/*/* ͼƬ×ÔÊÊÓ¦ºËÐÄ´úÂë */
#index .banner img {
  width: 100%;
  height: auto; /* ±£³Öԭʼ±ÈÀý */
  display: block; /* Ïû³ýͼƬµ×²¿¼ä϶ */
  object-fit: cover; /* ¿ÉÑ¡£º²Ã¼ôÌî³ä£¨±£³Ö±ÈÀýÌîÂúÈÝÆ÷£© */
}

/* Òƶ¯¶ËÌØÊâ´¦Àí£¨¿ÉÑ¡£© */
@media (max-width: 768px) {
  #index .banner {
    height: auto !important; /* Ç¿Öƽâ³ý¹Ì¶¨¸ß¶È */
  }
  #index .banner img {
    min-height: 200px; /* ·ÀֹͼƬ¹ý°« */
  }*/
}