.banner {
    position: relative;
    height: 100%;
}
.firstScreen {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.body_main {
    position: absolute;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 999;
    overflow: auto;
    outline: none;
}

.body_main.on {
    top: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgbox {
    overflow: hidden;
}

.imgbox img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.imgbox:hover img,
.swiper-slide:hover img {
    transform: scale(1.1);
}

.mySwiper .swiper-pagination {
    display: flex;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.mySwiper .pagination {
    position: absolute;
    bottom: 20%;
    left: 12%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-active,
.total {
    font-size: 36px;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-weight: bold;
}

.p-active {
    margin-right: 10px;
}

.total {
    margin-left: 10px;
    font-size: 23px;
}

.mySwiper .swiper-pagination-bullet {
    padding: 0 15px;
    opacity: 0;
}

.mySwiper .swiper-pagination-bullet-active {
    position: relative;
    width: 13px;
    height: 13px;
    background: url(../images/pagination.png) center no-repeat;
    opacity: 1;
}

.mySwiper .swiper-pagination-bullet-active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: auto;
}

.mySwiper .swiper-button-next {
    right: 74%;
    bottom: 10%;
    background: url(../images/next.png) center no-repeat #fff;
}

.mySwiper .swiper-button-prev {
    left: 16%;
    bottom: 10%;
    background: url(../images/prev.png) center no-repeat transparent;
}

.xydt {
    position: relative;
    padding: 165px 0 105px;
    background: url(../images/xydt-bg_02.jpg) no-repeat;
    background-size: 100% 100%;
}

.xydt .w {
    position: relative;
}

.titbox h1 {
    font-weight: normal;
}

.titbox h1,
.titbox span {
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb(153, 153, 153);
    text-transform: uppercase;
}

.titbox span {
    color: #333;
}
.titbox .addd{
    float:right;
    color: #275ebc;
    margin-top: -30px;
}
.xydt .titbox,
.gsgg .titbox,
.xshd .titbox {
    margin-bottom: 95px;
}

.mySwiper2 {
    position: relative;

}

.mySwiper2 .swiper-slide {
    display: flex;
    /* justify-content: space-between; */
}

.mySwiper2 .imgbox {
    width: 52.5%;
    height: 670px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
    margin: 20px;
}

.mySwiper2 .textbox {
    padding-top: 225px;
    width: 36.5%;
    margin-left: 40px;
}

.xydt .dt {
    position: absolute;
    font-size: 57px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    font-weight: normal;
    white-space: nowrap;
    right: 25.5%;
    top: 25%;
}
.xydt .dt::after {
    content: '';
    display: block;
    width: 109px;
    height: 4px;
    background: url(../images/xydt-bg2.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.xydt .addd{
    position: absolute;
    top: 30%;
    right: 0;
    color: #2f5db2;
    z-index: 9999;
}
.mySwiper2 .textbox h2 a {
    display: block;
    margin-bottom: 45px;
    font-weight: normal;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: #333;
}

.mySwiper2 .textbox p a {
    font-size: 18px;
    font-weight: normal;
    font-family: "Microsoft YaHei";
    color: #333;
}

.pagination2 {
    position: absolute;
    width: 220px;
    height: 80px;
    background: #2f5db2;
    bottom: 12%;
    right: 27%;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
}

.mySwiper2 .swiper-button-prev,
.mySwiper2 .swiper-button-next {
    width: 23px;
    height: 17px;
    top: 68%;
}

.mySwiper2 .swiper-button-prev {
    background: url(../images/prev2.png) no-repeat;
    left: 25px;
}

.mySwiper2 .swiper-button-next {
    background: url(../images/next2.png) no-repeat;
    right: 25px;
}

.mySwiper2 .swiper-pagination2 {
    width: auto;
    font-size: 20px;
    color: #fff;
    font-family: "Microsoft YaHei";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gsgg {
    padding: 110px 0 65px;
    background: url(../images/gsgg-bg.png) no-repeat;
}

.gsgg-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gsgg-list li {
    width: 22.8%;
    padding: 50px 35px;
    background: url(../images/icon3.png) no-repeat;
    background-size: 100% 100%;
    /* box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2); */
}

.gsgg-list li .date {
    position: relative;
    margin: 0 auto;
    width: 90px;
    height: 60px;
    text-align: center;
    font-size: 32px;
    color: #275ebc;
}

.gsgg-list li .mm {
    position: absolute;
    top: 0;
    left: 0;
}

.gsgg-list li .dd {
    position: absolute;
    bottom: 0;
    right: 0;
}

.gsgg-list li .week {
    display: block;
    width: 18px;
    height: 18px;
    background: #275ebc;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 18px;
    font-size: 9px;
    position: absolute;
    top: 0;
    right: 5px;
}

.gsgg-list li .date::after {
    content: '';
    display: block;
    height: 39px;
    width: 24px;
    background: url(../images/fg.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gsgg-list li .year {
    position: relative;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(39, 94, 188);
    text-align: center;
    margin-bottom: 40px;
}

.gsgg-list li .year::after,
.gsgg-list li .year::before {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: url(../images/icon.png) no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.gsgg-list li .year::after {
    right: 20%;
}

.gsgg-list li .year::before {
    left: 20%;
}

.gsgg-list li h1,
.gsgg-list li p {
    font-size: 16px;
    height: 48px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    line-height: 1.5;
}

.gsgg-list li p {
    margin-top: 30px;
    margin-bottom: 50px;
    height: 96px;
    color: rgb(153, 153, 153);
}

.gsgg-list li .more {
    padding: 8px 10px;
    width: 120px;
    margin: 0 auto;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(39, 94, 188);
    background: url(../images/jiantou.png) 90% center no-repeat;
    border-bottom: 1px solid #e5e5e5;
}

.gsgg-list .gsgg1 {
    padding: 63px 35px;
    background: url(../images/gsgg-bg2.png) no-repeat;
    background-size: 100% 100%;
}

.gsgg-list .gsgg4 {
    padding: 63px 35px;
    background: url(../images/gsgg-bg3.png) no-repeat;
    background-size: 100% 100%;
}

.gsgg-list li:hover {
    background: url(../images/gsgg-bg4.png) no-repeat;
    background-size: 100% 100%;
}

.gsgg-list li:hover .date {
    color: #fff;
}

.gsgg-list li:hover .date::after {
    background: url(../images/fg2.png) no-repeat;
}

.gsgg-list li:hover h1,
.gsgg-list li:hover p,
.gsgg-list li:hover .more,
.gsgg-list li:hover .year {
    color: #fff;
}

.gsgg-list li:hover .year::after,
.gsgg-list li:hover .year::before {
    background: url(../images/icon2.png) no-repeat;
}

.gsgg-list li:hover .week {
    background: #fff;
    color: #275ebc;
}

.gsgg-list .gsgg1:hover,
.gsgg-list .gsgg4:hover {
    padding: 50px 35px;
}

.xshd {
    padding: 110px 0 80px;
    background: url(../images/xshd-bg.png) no-repeat;
    background-size: cover;
}

.xshd-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.xshd1 {
    padding-top: 50px;
    margin-bottom: 80px;
    display: flex;
    width: 100%;
    background: url(../images/xshd-bg2.png) right top no-repeat;
}

.xshd1 .textbox {
    position: relative;
    margin-right: 85px;
    padding-right: 85px;
    width: 44.3%;
}

.xshd1 .imgbox {
    width: 40.8%;
    height: 377px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
}

.xshd1 .textbox h1 {
    font-size: 22px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    height: 97px;
    line-height: 2.2;
    font-weight: normal;
}

.xshd1 .textbox p {
    margin-bottom: 75px;
    font-size: 16px;
    height: 96px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    line-height: 2;
}

.xshd1 .textbox hr {
    display: block;
    margin: 30px 0;
    border-top-color: #cccccc;
}

.xshd1 .textbox .num {
    position: absolute;
    font-size: 36px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: bold;
    right: 0;
    top: 28%;
}

.xshd1 .textbox .more a {
    display: block;
    width: 170px;
    padding: 15px 0px;
    background: #275ebc;
    text-align: center;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);

}

.xshd2,
.xshd3 {
    position: relative;
    display: flex;
    width: 47.2%;
    padding-right: 60px;
}

.xshd2 .imgbox,
.xshd3 .imgbox {
    margin-right: 20px;
    width: 81%;
    height: 205px;
}
.xshd2 .textbox,
.xshd3 .textbox{
    width: 100%;
}
.xshd2 h1,
.xshd3 h1 {
    font-size: 18px;
    font-weight: normal;
    font-family: "Microsoft YaHei";
    height: 69px;
    color: rgb(51, 51, 51);
    line-height: 1.9;
}

.xshd2 hr,
.xshd3 hr {
    margin: 13px 0;
    display: block;
    border-top-color: #cccccc;
}

.xshd2 p,
.xshd3 p {
    margin-bottom: 20px;
    font-size: 16px;
    height: 51px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    line-height: 1.6;
}

.xshd2 .more a,
.xshd3 .more a {
    display: block;
    width: 100px;
    padding: 8px 0;
    font-size: 16px;
    text-align: center;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    background: #275ebc;
}

.xshd2 .num,
.xshd3 .num {
    font-size: 30px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1.6;
    position: absolute;
    right: 0;
    top: 30%;
}

.zpxx {
    position: relative;
    padding: 154px 0 80px;
    background: url(../images/zpxx-bg.png) no-repeat;
    background-size: cover;
}

.zpxx .titbox {
    margin-bottom: 40px;
}

.mySwiper3 {
    position: relative;
    height: 590px;
}

.mySwiper3 .swiper-slide {
    position: relative;
}

.mySwiper3 .imgbox {
    width: 52.5%;
    height: 590px;
}

.mySwiper3 .swiper-pagination-progressbar {
    width: 4px;
    height: 460px;
    top: 12%;
    left: 16.5%;
}

.pagination3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mySwiper3 .p-active2 {
    font-size: 36px;
    font-family: "Arial";
    color: rgb(47, 93, 178);
    line-height: 1.2;
    position: absolute;
    top: 10px;
    left: 15.6%;
}

.mySwiper3 .total2 {
    font-size: 36px;
    font-family: "Arial";
    color: rgb(51, 51, 51);
    line-height: 1.2;
    position: absolute;
    left: 15.6%;
    bottom: 0;
}

.swiper-pagination-progressbar {
    background: #2f5db2;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fabf42;
}

.mySwiper3 .textbox {
    width: 33.4%;
    padding: 60px 45px 25px;
    background: #fff;
    position: absolute;
    right: 45%;
    top: 12%;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
}

.mySwiper3 .textbox h1 {
    margin-bottom: 40px;
    font-size: 30px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    font-weight: normal;
}

.mySwiper3 .textbox p {
    margin-bottom: 30px;
    font-size: 16px;
    height: 120px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    line-height: 2.5;
}

.mySwiper3 .textbox .more a {
    display: block;
    width: 100px;
    padding: 6px 0;
    background: #275ebc;
    text-align: center;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
}

.clsj {
    position: absolute;
    left: 23%;
    bottom: 5%;
}

.clsj p,
.zdmj p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
}

.clsj span,
.zdmj span {
    font-size: 48px;
    font-family: "Arial";
    color: #2f5db2;
}

.zdmj {
    position: absolute;
    left: 31%;
    bottom: 5%;
}

.yqlj {
    padding: 90px 0 45px;
    background: url(../images/link-bg.png) no-repeat;
    background-size: cover;
}

.yqlj .linkbox {
    width: 61.1%;
}

.yqlj .linkbox h1 {
    margin-bottom: 45px;
    font-size: 36px;
    font-family: "Microsoft YaHei";
    color: rgb(0, 0, 0);
    font-weight: normal;
}

.yqlj .link-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.yqlj .link-items li {
    width: 30.5%;
    border-bottom: 1px solid #999;
}

.yqlj .link-items li a {
    display: block;
    padding: 15px 0 15px 35px;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
}

.yqlj .link1 {
    background: url(../images/link1.png) left center no-repeat;
}

.yqlj .link2 {
    background: url(../images/link2.png) left center no-repeat;
}

.yqlj .link3 {
    background: url(../images/link3.png) left center no-repeat;
}

.yqlj .link4 {
    background: url(../images/link4.png) left center no-repeat;
}

.yqlj .link5 {
    background: url(../images/link5.png) left center no-repeat;
}

.yqlj .link6 {
    background: url(../images/link6.png) left center no-repeat;
}

.yqlj .link7 {
    background: url(../images/link7.png) left center no-repeat;
}

.yqlj .linkbox2 {
    width: 27.5%;
}

.yqlj .linkbox2 a {
    display: block;
    padding: 18px 0;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
    text-align: center;
    border: 1px solid #cccccc;
    background: url(../images/link8.png) no-repeat #fff;
    background-size: cover;
}

.yqlj .linkbox2 li:first-child,
.yqlj .linkbox2 li:nth-child(2),
.yqlj .linkbox2 li:nth-child(3) {
    margin-bottom: 15px;
}
.yqlj .linkbox2 li:hover a{
    background: url(../images/link9.png) no-repeat;
    color: #fff;
    font-weight: bold;
}