/* CSS Document */
@charset "utf-8";
.topArea{display: none;position: fixed;top: 0;left: 0;right: 0;z-index: 12;background: #ffffff; background: url(bg_nav.jpg) no-repeat center center;}
.topArea .cont {width: 94%; margin: 0 auto;}
.topArea div.nav ul li a{color: #fff;}
.topArea div.topLink ul li:nth-child(1){background: url(ico_01_bb.png) no-repeat center center;}
.topArea div.topLink ul li:nth-child(2){background: url(ico_02_bb.png) no-repeat center center;}

.banner img{max-width: 100%;}
.container{position: relative;}
.m-use > .hd{text-align: center;}
.m-use > .hd .tit{font-size: 36px; font-weight: bold;}
.m-use > .hd .tip{font-size: 14px; opacity: 0.6;}
.m-use > .ft{text-align: center;}
.m-use > .ft .item{display: inline-block; margin: 0 26px;}
.m-use > .ft .item a{position: relative;display: inline-block;width: 170px;height: 50px;border-radius: 30px;font-size: 16px;color: #ffffff;text-align: center;line-height: 50px;background: #01489e;overflow: hidden;transition: all 0.3s;z-index: 1;}
.m-use > .ft .item a::before{position: absolute; left: 0; top: 0; width: 0%; height: 102%; content: '\20'; border-radius: 30px; background: #e07900; z-index: -1; transition: all 0.3s;}
.m-use > .ft .item a:hover::before{width: 102%;}
div.swiper-container{max-width: 1920px;}
.ban-swiper .swiper-pagination-bullet{width: 14px; height: 14px; background: #ffffff; opacity: 1;}
.ban-swiper .swiper-pagination-bullet-active{width: 40px; border-radius: 30px;}
div.ban-swiper>.swiper-pagination-bullets{bottom: 10%;}
div.ban-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.section-1{padding: 82px 0 82px 0; background: #eef6fd;}
.section-1 .hd{margin-bottom: 20px;}
.section-1 .bd{position: relative; margin-bottom: 90px;}
.section-1 .s1-swiper .swiper-slide{width: 25%; padding-top: 20px; text-align: center;}
.section-1 .s1-swiper .p{transition: all 0.3s;}
.section-1 .s1-swiper .t{margin: 10px 0 20px 0; font-size: 18px; font-weight: bold;}
.section-1 .s1-swiper .i{padding: 0 20px; font-size: 12px; color: rgba(0, 0, 0, .66); line-height: 22px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.section-1 .bd .s1-prev,
.section-1 .bd .s1-next{width: 40px; height: 40px; font-family: "宋体"; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; background: #eef6fd; border-radius: 50%; color: #abafbb; border: 1px solid #abafbb; transition: all 0.3s;}
.section-1 .bd .s1-prev{left: -66px;}
.section-1 .bd .s1-next{right: -66px;}
.section-1 .s1-swiper .swiper-slide a:hover .p{transform: translateY(-20px);}
.section-1 .s1-swiper .swiper-slide a:hover .t{color: #01489e;}
.section-1 .bd .s1-prev:hover,
.section-1 .bd .s1-next:hover{border-color: #01489e; font-size: #ffffff; background: #01489e;}
@media screen and (max-width: 1550px) {
    .section-1 .bd .s1-prev,
    .section-1 .bd .s1-next{display: none;}
}

@media screen and (max-width: 1200px) {
    .section-1 .s1-swiper .swiper-slide{width: 50%;}
}

@media screen and (max-width: 750px) {
    .m-use > .hd .tit{font-size: 26px;}
    .m-use > .ft .item{margin: 0px 0px;}
    .m-use > .ft .item a{width: 150px;}
    .section-1 {padding: 32px 0 32px 0;}
    .section-1 .hd{margin-bottom: 0;}
    .section-1 .bd{margin-bottom: 20px;}
    .section-1 .s1-swiper .swiper-slide{width: 100%;}
    div.ban-swiper>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
    .ban-swiper .swiper-pagination-bullet{width: 8px; height: 8px;}
    .ban-swiper .swiper-pagination-bullet-active{width: 24px;}
}
.section-2 .hd{padding: 63px 0; text-align: center;}
.section-2 .hd ul li{display: inline-block; margin: 0 33px; font-size: 36px; color: rgba(0, 0, 0, .6); cursor: pointer;}
.section-2 .hd ul li.on{font-weight: bold; color: #000000;}
.section-2 .gallery-top .swiper-slide{position: relative;}
.section-2 .gallery-top .m-text{position: absolute; left: 50%; top: 24%; padding-left: 4.1%; transform: translateX(-50%);}
.section-2 .gallery-top .m-text .b{margin-bottom: 14px; font-size: 30px; color: #ffffff;}
.section-2 .gallery-top .m-text .c{margin-bottom: 60px; font-size: 14px; color: rgba(255, 255, 255, .6); line-height: 24px;}
.section-2 .gallery-top .m-text .m a{display: block; width: 114px; height: 40px; border-radius: 30px; font-size: 12px; color: #01489e; text-align: center; line-height: 40px; background: #ffffff;}
.section-2 .gallery-thumbs{width: 1400px; margin: 0 auto; box-shadow: 0 0 18px rgba(0, 0, 0, .2); transform: translateY(-126px); /* overflow: unset; */}
.section-2 .gallery-thumbs .swiper-slide{padding-top: 10px; text-align: center;}
.section-2 .gallery-thumbs .swiper-slide .m-cont{position: relative; padding: 30px 0; background: #ffffff;}
.section-2 .gallery-thumbs .swiper-slide .t{margin-top: 20px; font-size: 16px; color: #000000;}
.section-2 .gallery-thumbs .swiper-slide-thumb-active .m-cont::before{content: "";width: 0px;height: 0px;border-left: 14px solid transparent;border-right: 14px solid transparent;border-bottom: 10px solid #ffffff;position: absolute;bottom: 99%;left: 50%;transform: translateX(-50%);}
@media screen and (max-width: 1400px) {
    .section-2 .gallery-thumbs{width: 1200px;}
}

@media screen and (max-width: 1200px) {
    .section-2 .gallery-thumbs{width: 92%;}
    .section-2 .gallery-top .m-text{top: 14%;}
    .section-2 .gallery-top .swiper-slide img {height: 500px;}
}

@media screen and (max-width: 750px) {
    .section-2 .hd{padding: 32px 0;}
    .section-2 .hd ul li{margin: 0 6px; font-size: 24px;}
    .section-2 .gallery-thumbs{transform: translateY(-84px);}
    .section-2 .gallery-thumbs .swiper-slide .m-cont{padding: 14px 0;}
    .section-2 .gallery-thumbs .swiper-slide .t{margin-top: 8px;}
}

.section-3{padding-bottom: 86px;}
.section-3 .hd{margin-bottom: 60px;}
.section-3 .s3-swiper .swiper-slide{margin-bottom: 36px;}
.section-3 .s3-swiper .swiper-slide .picBox{overflow: hidden;text-align: center;}
.section-3 .s3-swiper .swiper-slide .picBox img{width: 100%;transition: all 0.3s;}
.section-3 .s3-swiper .swiper-slide a:hover .picBox img{transform: scale(1.1);}
.section-3 .ft{margin-top: 30px;}
@media screen and (max-width: 750px) {
    .section-3{padding-bottom: 32px;}
    .section-3 .hd{margin-bottom: 14px;}
    .section-3 .s3-swiper .swiper-slide{margin-bottom: 10px;}
    .section-3 .ft{margin-top: 14px;}
}

.section-4{padding: 72px 0 64px 0; background: #eef6fd;}
.section-4 .hd{margin-bottom: 70px;}
.section-4 .s4-swiper .t{margin: 28px 0 20px 0; font-size: 18px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section-4 .s4-swiper .i{margin-bottom: 20px; font-size: 12px; color: rgba(0, 0, 0, .7); line-height: 22px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.section-4 .s4-swiper .r{font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, .8); background: url(ico_03.png) no-repeat left center; padding-left: 25px;}
.section-4 .s4-swiper .swiper-slide .p{overflow: hidden;}
.section-4 .s4-swiper .swiper-slide .p img{transition: all 0.3s; width: 100%;}
.section-4 .s4-swiper .swiper-slide a:hover .t{color: #01489e;}
.section-4 .s4-swiper .swiper-slide a:hover .p img{transform: scale(1.1);}
.section-4 .ft{margin-top: 70px;}
@media screen and (max-width: 750px) {
    .section-4{padding: 32px 0;}
    .section-4 .hd{margin-bottom: 24px;}
    .section-4 .ft{margin-top: 32px;}
}