/*轮播*/
.swiper-pagination {text-align: right!important;width: 98%!important;}
.swiper-pagination .num {background: none;color: #fff;opacity: 1;margin-left: 10px!important;}
.swiper-pagination-bullet-active {color: rgba(47, 118, 251, 1)!important;opacity: 1}
.swiper-slide > span {z-index: 9999;display: block;width: 100%;position: absolute;bottom: 20px;color: #fff;font-size: 20px;left: 30px}

/*主体*/
.main{width: 100%}
.container{width: 1400px;margin: 0 auto;}

.title {font-size: 28px;height: 72px;line-height: 72px;background-size: 100% 100%;background-repeat: no-repeat}
.title ul li {float: left;display: block;width: 18%;position: relative}
.title ul li::before {content: "|";position: absolute;left: -20px;color: #007aff}
.title ul li:first-child::before {content: ""}
.title ul li:last-child::before {content: ""}
.title ul li {margin-left: 20px}
.title ul li.active a{color: #007aff}
.title ul li:first-child,.title ul li:last-child{margin-left: 0}
.title ul li > a {display: block;width: 100%;height: 100%}
.title ul li > a:hover {scale: calc(1.02)}
.title ul li.more {float: right}
.title ul li.more  > a{height: 72px;line-height: 90px;font-size: 16px;color: rgba(53, 51, 46, 1);text-align: right}
.title ul li.more  > a:hover >svg > g > g{fill: #204F9F}
.title ul li.more  > a:hover >svg > g > line{stroke: #204F9F;fill: #204F9F}

/*第一块*/
.first {height: 580px;background-image: url("../images/first-hxh.png");background-size: 100% 100%;padding-top: 80px}
.first .swiper-slide {height: 455px;}
.first .swiper-slide a > span {bottom: 0;left:0;width: 96%;background-color: rgba(0,0,0,.5);padding: 10px 2%;display: block;position: absolute;line-height: 25px;height: 50px;color: #fff;font-size: 18px}
.first .swiper-slide a > span:hover {color: #204F9F}
.swiper-slide a {display: block}
.xhdt-img  {width:100%;height: 455px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.xhdt-img .swiper-slide img  {transition: transform 1s ease;}
.xhdt-img .swiper-slide img:hover  {transform:scale(1.1);}
.xhdt-img .swiper-slide a:hover span  {color: #f60}

.list-tzgg {height: 455px;;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.list-tzgg ul {width: 90%;height: 100%;padding: 0 5%}
.list-tzgg li {display: block;height: 114px;border-bottom: 1px solid rgba(238, 238, 238, 1)}
.list-tzgg li:last-child {border-bottom: none}
.list-tzgg li a {display: block;width: 100%;height: 100%;font-size: 20px}
.list-tzgg li a:hover {scale: calc(1.02)}
.list-tzgg li a:hover span {color: #204F9F!important;font-weight: bold}
.list-tzgg li a span {display: block;width: 100%;height: 100%;font-size: 20px}
.list-tzgg .time {width: 12%;float: left}
.list-tzgg .time .day{color: rgba(15, 74, 164, 1);font-size: 23px;height: 30px;margin-top: 30px;text-align: center;font-weight: bold;text-align: left}
.list-tzgg .time .ym{font-size: 18px;height: 30px;}
.list-tzgg .content {width: 85%;line-height: 112px;overflow: hidden;white-space: nowrap;float: right;text-overflow: ellipsis;margin-left: 3%}

/*第二块*/
.two {height: 628px;background-image: url("../images/two-hxh.png");background-size: 100% 100%;padding-top: 80px}
.two .list-tzgg {border-top: 2px solid rgba(17, 103, 183, 1)}
.two .right .title li {width: 30%}
.video-img {width:100%;height: 455px;}
.video-img  li {display: block;width: 48.5%;height: 220px;float: left;object-fit: cover}
.video-img  li:nth-child(odd) {margin-right: 1.5%}
.video-img  li:nth-child(even) {margin-left: 1.5%}
.video-img  li:nth-child(1),.video-img  li:nth-child(2) {margin-bottom: 20px}
.video-img  li img {display: block;width: 100%;height: 100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.video-img  li a img {transition: transform 1s ease;}
.video-img  li a:hover img {transform:scale(1.02)}
.video-img  li a svg  {opacity: .6}
.video-img  li a:hover svg  {opacity: 1}
.video-img  li a:hover span path  {fill: #204F9F}
.video-img  li a {position: relative}
.video-img  li a span {position: absolute;display: block;left: 43%;bottom: 85px}

.tabs-content > .tab-pane {display: none}
.tabs-content > .active {display: block}
/*第三块*/
.three {height: 640px;background-image: url("../images/three-hxh.png");background-size: 100% 100%;padding-top: 60px}
.three  .title ul {display: block;width: 100%;height: 100px;text-align: center}
.three  .title li {width:10%;margin: 0 auto!important;float: unset;float: none;}
.hyfc-list {margin-top: 25px}
ul.group {display: block;width: 220px;height: 48px;margin: 0 auto}
ul.group li {float: left;width: 90px;margin: 0 10px;background-color: rgba(209, 209, 209, 1);height: 100%;border-radius: 30px}
ul.group li a {font-size: 20px;display: block;text-align: center;width: 100%;height: 100%;line-height: 48px}
.three .img-list,#swiper3 {height: 320px}
.three .img-list {margin-top: 50px}
.swiper-button-prev,.swiper-button-next {width:60px;height: 60px;border-radius: 50% ;border: 1px solid rgba(87, 87, 87, 1);}
.swiper-button-prev::after,.swiper-button-next::after {font-size: 35px;color: rgba(87, 87, 87, 1)}
.swiper-button-next {right: -80px;top: 69%;}
.swiper-button-prev {left: -80px;top: 69%;}
@media (width < 1560px) {
    .swiper-button-prev,.swiper-button-next {background-color: rgba(255,255,255,.3);}
    .swiper-button-next {right: 0;top: 69%;}
    .swiper-button-prev {left: 0;top: 69%;}
}
.group li.active {background-color: #204F9F;color: #fff}
.group li.active a{color: #fff}
.group li.active a:hover{color: #fff!important;}
#tab_4 .swiper-slide {transition:transform 0.6s ease }
#tab_4 .swiper-slide:hover {transform: scale(1.1); /* 放大到原来的1.2倍 */}
#tab_3 .swiper-slide {transition:transform 1s ease }
#tab_3 .swiper-slide:hover {transform: scale(1.1); /* 放大到原来的1.2倍 */}
.swiper img {object-fit: cover}
.swiper-slide {position: relative}
span.bot-desc {display: block;position: absolute;z-index: 9999;background-color: rgba(0, 0, 0, .4);bottom: 0px;width: 88%;padding: 0 6%;margin: 0 auto;height:60px;transition:bottom 0.6s ease }
span.bot-desc > .name {display: block;width: 100%;height: 35px;text-align: center;color: #FFF;line-height: 35px;}
span.bot-desc > .jj {display: block;width: 100%;height: 20px;line-height: 20px;text-align: center;color: rgba(189, 189, 189, 1)}
#tab_3 .swiper-slide:hover span.bot-descv ,#tab_4 .swiper-slide:hover span.bot-desc {bottom: 13px}

/*第四块*/
.four {height: 680px;background-image: url("../images/four-hxh.png");background-size: 100% 100%;padding-top: 60px}
.four .list-right,.four .list-left {background-color: unset;box-shadow: unset;}
.four .list-right ul,.four .list-left ul {padding: 0;width: 100%}
.four .list-right li {border-bottom:unset;height: 100px;background-color: #fff;margin: 20px 0;border-top: 2px solid rgba(17, 103, 183, 1);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19)}
.four .list-right li a {width: 90%;margin: 0 5%}
.four .list-right li:hover {background-color: #204F9F}
.four .list-right li:hover a span{color: #fff!important;}
.four .list-left li {border-bottom:unset;height: 112px;width: 100%;background-image: url("../images/lef-list-hxh.png");background-size: 100% 100%;margin: 12px 0}
.four .list-left li a {width: 90%;margin: 0 5%;border-radius: 15px}
.four .list-left li a span.title {width: 50%;float: left;line-height: 110px;color: rgba(0, 56, 115, 1)}
.four .list-left li a span.desc {width: 40%;float: right;color: #fff;height: 50px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;margin-top: 25px}
.four .list-left li:hover {background-image: url("../images/lef-active-hxh.png")}
.four .list-left li:hover span.desc {color: #ffffff!important;}




/*img  {transition: transform 1s ease;}*/
/*img:hover  {transform:scale(1.1);}*/