@charset "utf-8";

/* banner */
.banner { position: relative; height: auto; overflow: hidden; width: 100%; }
.banner::after { display: block; content: ""; width: 100%; height: 2px; background-color: #eef8fa; position: absolute; bottom: 0; left: 0; z-index: 1;}
.banner .pic img{ width: 100%; height: auto; transform: translate3d(0px, 0px, 0px) scale(1.15); transition: opacity 0.5s ease 0s, transform 0s ease 1s; object-fit: cover; }
.banner .title { padding: 1em; box-sizing: border-box; position: absolute; bottom: 12%; right: 5%; font-size: 16em; line-height: 1.2; font-weight: 700; color: #fff; background: linear-gradient(270deg, rgba(1, 85, 155, 0.8) 0%, rgba(1, 85, 155, 0) 100%); }
.banner .title a { color: inherit; }
.banner .title1 { line-height: 1.5;}
.banner .title1 p:nth-child(2) { text-indent: 2em;}
.banner .title1 p:nth-child(3) { text-indent: 4em;}
.banner .title1 p:nth-child(4) { text-indent: 6em;}
.banner .title1 p:nth-child(5) { text-indent: 8em;}
.banner .swiper-slide { opacity: 0;}
.banner .swiper-slide-active { opacity: 1;}
.banner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
.banner .swiper-pagination { bottom: 10%; text-align: center; padding: 0 2.6%; z-index: 1; display: none; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; transition: all 0.5s; width: 36rem; height: 36rem; border: 2px solid transparent; position: relative; background: none; margin: 0 10rem; opacity: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet::after { position: absolute; display: block; content: ""; width: 8rem; height: 8rem; border-radius: 100%; background-color: #fff; left: 50%; top: 50%; margin-left: -4rem; transform: translateY(-50%); }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { border-color: #fff; }

/* .banner .li1 .title { display: none !important; } */
.banner .swiper-slide-active .title { animation: moveRight 2s ease; }

@keyframes moveRight
{
    0%{
        opacity: 0;
        transform: translateX(100%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}


/* 公共 */
.row-group { padding: 30rem 20rem; }


/* row-news ---------------------------- */
.row-news { background: url(../../base/img/row-bg-01.jpg) no-repeat center; background-size: cover; }

/* box-honor */
.box-honor { margin-top: -84rem; }
.box-honor { background-color: #fff; padding: 10rem 20rem 20rem; box-sizing: border-box; border-radius: 8rem 8rem 0 0; margin-bottom: 30rem; }
.box-honor ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.box-honor li { position: relative; text-align: center; margin-top: 20rem; width: 50%;transition:all 500ms;}
.box-honor li::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; content: ""; background: url(../../base/img/line.png) no-repeat center; width: 1px; height: 108rem; background-size: cover; }
.box-honor li:nth-child(2n)::after { display: none; }
.box-honor .pic img { border: 2px solid #42241E; box-sizing: border-box; border-radius: 5px; width: 150rem; height: 90rem; }
.box-honor .title { line-height: 1.5; color: #999; padding: 0.5em 32rem 0; font-size: 16em; }
.box-honor .title a { color: inherit; }
.box-honor .title a::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.box-honor li:hover{transform:translate(0,-5px);}
.box-honor li:hover .title a { color: #01559b; }
.box-honor li:hover .pic img { transform: scale(1.15); }


/* box-focus ------- */

/* focus-news */
#focus-news { position: relative; }

/* box-news */
.box-news { flex: 1 0 0%; min-width: 0; }
.box-news .hd { background-color: #f3f3f3; height: 3em; margin-bottom: 0.25em; line-height: 3em; display: flex; align-items: center; justify-content: space-between; font-size: 18em; }
.box-news .hd li { float: left; margin-right: 2px; }
.box-news .hd li a { display: block; padding: 0 20rem; background-color: #f3f3f3; }
.box-news .hd li.active a { background-color: #01559b; color: #fff; }
.box-news .hd .more { color: #999; font-size: 0.9em; padding-right: 20rem; transition: 0.5s; }
.box-news .hd .more:hover { color: #01559b; }

/* top-date-list */
.top-date-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.top-date-list li { width: 100%; background-color: #fff; box-sizing: border-box; padding: 15rem 20rem 8rem; transition: 0.5s; margin-top: 20rem; position: relative; }
.top-date-list .con { display: flex; align-items: center; justify-content: space-between; font-size: 18em;}
.top-date-list .title { min-width: 0; flex: 1 0 0%; line-height: 1.5;}
.top-date-list .tit {  display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-date-list .arrow-more::after { content: "\E812"; font-family: font-webicon; font-size: 1.6em; color: #999; display: block; line-height: 1; text-align: right; }
.top-date-list .date { width: 2.2em; border-right: 1px solid #d9d9d9; margin-right: 15rem; color: #999; }
.top-date-list .date .dd { font-size: 1em; display: block; position: relative; padding-bottom: 10rem; margin-bottom: 10rem;} 
.top-date-list .date .dd::after { width: 20rem; height: 1px; content: ""; display: block; background-color: #e8e8e8; position: absolute; bottom: 0; left: 0;}
.top-date-list .date .ym { font-size: 0.77em; } 

.top-date-list li:hover { background-color: #01559b; padding-left: 30rem; padding-right: 10rem; }
.top-date-list li:hover .date,
.top-date-list li:hover .tit,
.top-date-list li:hover .arrow-more::after { color: #fff; }
.top-date-list li:hover .tit font { color: #fff !important;}

/* row-plate ---------------------------- */
.slide-banner { position: relative; margin-bottom: 30rem; }
.slide-banner .swiper-pagination { text-align: right; box-sizing: border-box; padding-right: 10rem; }
.slide-banner .swiper-pagination-bullet { background: #fff; }
.slide-banner .con { display: none; }

/* row-color ----------- */
.row-color { margin-bottom: 30rem; }
.row-color .box-default { height: 100%; }

/* box-default */
.box-default { box-sizing: border-box; padding: 20rem 30rem; background-color: #f8f8f8; }

/* list-special */
.box-special { padding-bottom: 0; }
.list-special { justify-content: space-between; padding-top: 10rem;}
.list-special li { width: 48%; }

/* box-party */
.box-party { background: url(../../base/img/dj-bg.jpg) no-repeat; background-size: cover; }
.box-party .infoList li { line-height: 3em; height: 3em; border-bottom: 1px solid #d6e2ee; }


/* box-column */
.box-column { margin-bottom: 30rem; }
.box-column>.hd { border-top: 2px solid #6fb143; position: relative; height: 2em; display: flex; margin-bottom: 15rem; font-size: 24em; line-height: 2em; align-items: center; justify-content: space-between; }
.box-column>.hd::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #ECFFF5 0%, rgba(236, 255, 245, 0) 100%); }
.box-column>.hd h3 { color: #fff; position: relative; }
.box-column>.hd h3 a { color: inherit; display: block; }
.box-column>.hd .node-list { padding-right: 30rem; }
.box-column>.hd .more { color: #999; position: relative; font-size: 0.66667em; padding-right: 30rem;}

/* box-culture */
.box-culture>.hd h3::before { background: rgba(0, 129, 64, 0.2); position: absolute; z-index: 1; left: 10rem; top: 0; width: 100%; height: 100%; display: block; content: ""; border-radius: 0 0 100rem 0; }
.box-culture>.hd h3 a { padding: 0 2.25em 0 1.25em; position: relative; z-index: 2; background: linear-gradient(90deg, #01559B 0%, #70B143 100%); border-radius: 0 0 100rem 0;}
.box-culture>.hd .node-list li a:hover { color: #6fb143; }
.box-culture .box-border > .hd a.more:hover { color: #6fb143; }

/* video-list */
.video-list li { position: relative; overflow: hidden; font-size: 18em; }
.video-list .pic a::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: font-webicon; content: "\E815"; font-size: 4.5em; line-height: 1; color: #fff; }
.video-list .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 72.8%; height: 0; z-index: 1; }
.video-list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.video-list .title { position: absolute; z-index: 3; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); width: 100%; padding: 0 10%; box-sizing: border-box; bottom: -3em; color: #fff;  height: 3em; line-height: 3em; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.5s; }
.video-list .title a { color: inherit; }
.video-list li:hover .title { bottom: 0; }
.video-list li:hover .pic img { transform: scale(1.1); }



/* box-handbook */
.box-handbook .bd { position: relative;  }
.box-handbook .bd::before,
.box-handbook .bd::after { width: 100%; height: 100%; position: absolute; display: block; content: ""; border: 1px solid #eee; box-sizing: border-box; }
.box-handbook .bd::before { top: 3px; left: 2px; }
.box-handbook .bd::after { top: 5px; left: 4px; }
.box-handbook .inbd { border: 1px solid #eee; position: relative; z-index: 1; background-color: #fff; padding: 20rem 20rem 0; box-sizing: border-box; }
.box-handbook .swiper-slide { padding-bottom: 65rem; }
.box-handbook .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 60%; height: 0; z-index: 1; }
.box-handbook .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.box-handbook .con { display: none; } 
.box-handbook .swiper-button-prev,
.box-handbook .swiper-button-next { width: 50em; top: 40%; }
.box-handbook .swiper-button-prev { border-radius: 50em 0 0 50em; background: linear-gradient(270deg, rgba(180, 180, 180, 0) 0%, rgba(180, 180, 180, 0.6) 100%); }
.box-handbook .swiper-button-next { border-radius: 0 50em 50em 0; background: linear-gradient(90deg, rgba(180, 180, 180, 0) 0%, rgba(180, 180, 180, 0.6) 100%);  }
.box-handbook .swiper-button-next:after,
.box-handbook .swiper-button-prev:after { content: "\E812"; font-family: font-webicon; font-size: 35em; color: #ddd; }
.box-handbook .swiper-button-prev:after { content: "\E813"; }
.box-handbook .swiper-pagination { color: #999; font-size: 16em; bottom: 0;}
.box-handbook .swiper-pagination-current { color: #01559B; font-size: 1.3em; }
 
/* top-pic-list */
.top-pic-list li { display: flex; align-items: center; justify-content: space-between; font-size: 18em; padding-bottom: 18rem; margin-bottom: 18rem; border-bottom: 1px solid #ebf0f6; }
.top-pic-list .pic { width: 7.22em; margin-right: 1em; }
.top-pic-list .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 70%; height: 0; z-index: 1; }
.top-pic-list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.top-pic-list .con { min-width: 0; flex: 1 0 0%; }
.top-pic-list .title {  overflow: hidden; font-size: 1em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 10rem; }
.top-pic-list .date { color: #999; font-size: 0.89em; }
.top-pic-list .pic:hover img { transform: scale(1.1); }

/* box-open */
.box-open { margin-bottom: 0; }
.box-open>.hd { border-top-color: #01559B; }
.box-open>.hd::before { background: linear-gradient(180deg, #EBF5FF 0%, rgba(235, 245, 255, 0) 100%); }
.box-open>.hd h3 a { position: relative; z-index: 1; padding: 0 150rem 0 1.25em; background: linear-gradient(90deg, #01559B 0%, rgba(92, 163, 118, 0.5) 50%, rgba(112, 177, 67, 0) 100%); border-radius: 0 0 0 10rem; }
.box-open .box-border > .hd h3 { color: #01559B; }
.box-open .box-border > .hd h3::after { background-color: #01559B; }
.box-open .box-border > .hd .more:hover svg rect { stroke: #01559B; }
.box-open .box-border > .hd .more:hover svg circle { fill: #01559B; }

/* date-list */
.date-list li { margin-bottom: 15rem; font-size: 18em; }
.date-list li:last-child { margin-bottom: 0; }
.date-list .con  { display: flex; align-items: center; justify-content: space-between; line-height: 1.7778; }
.date-list .title { min-width: 0; flex: 1 0 0%; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .title a { background-image: linear-gradient(#06c, #06c); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s;}
.date-list .title:hover a { background-position: left bottom; background-size: 100% 1px;  color: #01559b;}
.date-list .title a::after { display: block; inset: 0; position: absolute; content: ""; }
.date-list .date { width: 4.44em; height: 4.44em; border: 1px solid #d9d9d9; text-align: center; margin-right: 20rem; }
.date-list .date span { display: block; line-height: 1.5; }
.date-list .date .dd { font-weight: bold; font-size: 1.33em; padding-top: 8rem;}
.date-list .date .ym { color: #999; font-size: 0.89em; }

/* silde-pic */
.silde-pic li { margin-bottom: 20rem; }
.silde-pic li:last-child { margin-bottom: 0; }
.silde-pic .pic { overflow: hidden; }
.silde-pic .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 29.6%; height: 0; z-index: 1; }
.silde-pic .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.silde-pic li:hover img { transform: scale(1.1); }


/* row-business --------------------------- */
.row-business { background: url(../../base/img/row-bg-02.jpg) no-repeat center bottom; background-size: cover; padding-top: 20rem; }
.row-business .container { overflow: hidden; }

/* box-business */
.box-business .hd { font-size: 24em; text-align: center; margin-bottom: 70rem; }
.box-business .hd h3 { line-height: 2; }
.box-business .hd h3::after { display: block; content: ""; width: 1.25em; margin: 0 auto; height: 0.166em; background: linear-gradient(90.86deg, #01559B -14.66%, #70B143 136.45%);}
.box-business .bd { position: relative; margin-bottom: 50rem; }

.box-business .swiper-slide { position: relative; text-align: center; font-size: 16em; transition: 750ms; overflow: hidden; border-radius: 5px; }
.box-business .swiper-slide .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 60%; height: 0;  }
.box-business .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.box-business .swiper-slide-active { z-index: 11; transform: scale(1.5); font-size: 12em; box-shadow: 0 5px 5px rgba(0, 0, 0, .25); }
.box-business .swiper-slide .title { overflow: hidden; z-index: 3; color: #fff; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; width: 100%;
    line-height: 2.5em; height: 2.5em; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
 }
.box-business .swiper-slide .title a { color: inherit; }
.box-business .swiper-button-next,
.box-business .swiper-button-prev { border-radius: 100%; background-color: rgba(0, 0, 0, 0.5); width: 2em; font-size: 20em; height: 2em; transition: 0.5s; box-sizing: border-box; text-align: center; line-height: 4em; }
.box-business .swiper-button-next::after,
.box-business .swiper-button-prev::after { display: block; content: '\E807'; font-family: font-webicon; color: #fff; font-size: 1.5em; }
.box-business .swiper-button-prev::after { content: '\E808'; }
.box-business .swiper-button-next:hover,
.box-business .swiper-button-prev:hover { background-color: #2d7979; }
.box-business .swiper-button-next:hover::after,
.box-business .swiper-button-prev:hover::after { color: #fff; }

.box-business .btn-more { text-align: center; }
.box-business .btn-more a { display: inline-block; transition: 0.5s; font-size: 16em; line-height: 2.5em; height: 2.5em; padding: 0 2em; color: #fff; background-color: #01559B; border-radius: 10em; }
.box-business .btn-more a:hover { background-color: #418b66; }



/* 多分辨----------------------------------------------------------------------- */
@media (max-width: 768px) {
	.banner .title { bottom: 5%;}
    .top-pic-list li:last-child { margin-bottom: 0; }
}

@media (min-width: 480px) {
    .banner .title { font-size: 20em;}
}

@media (min-width: 768px) {
	
    /* box-honor */
    .box-honor li { width: 33.33%; }
    .box-honor li:nth-child(2n)::after { display: block; }
    .box-honor li:nth-child(3n)::after { display: none; }

    /* box-focus */ 
    .box-focus .col-md-4 { width: 37%; }
    .box-focus .col-md-8 { width: 63%; }

    /* top-date-list */
    .top-date-list li:nth-child(5),
    .top-date-list li:nth-child(6) { display: none; }
    .top-date-list li { width: 48.5%; padding-bottom: 16rem; }
    .top-date-list .arrow-more::after { line-height: 0.6; }
    .top-date-list .tit { height: 3em;}


    /* box-column */ 
    .box-column .col-lg-4 { width: 26%; }
    .box-column .col-lg-8 { width: 74%; }

    .box-handbook .swiper-pagination { bottom: 5rem; }
    .box-handbook .pic a { padding-bottom: 56%; }

    .box-party .infoList li:nth-child(6),
    .box-party .infoList li:nth-child(7),
    .top-pic-list li:nth-child(3) { display: none; }
    .top-pic-list li:nth-child(2) { margin-bottom: 0; }
    .top-pic-list .pic { width: 6em; margin-right: 0.5em; }
    .top-pic-list .date { font-size: 0.7em; }

    .silde-pic .pic a { padding-bottom: 40%; }

    .date-list .date { height: 3.6em; }
    .date-list .date .dd { padding-top: 0; }
}

@media (min-width: 992px) {
	
    .banner .title { font-size: 30em;}
    
    /* box-honor */
    .box-honor li { width: 16.66%; margin-bottom: 0; }
    .box-honor li:nth-child(2n)::after,
    .box-honor li:nth-child(3n)::after { display: block; }
    .box-honor li:last-child::after { display: none; }
    .box-honor .title { padding-top: 1em; }
    .box-honor .pic img { width: 100rem; height: 60rem; }

    /* top-date-list */
    .top-date-list li:nth-child(5),
    .top-date-list li:nth-child(6) { display: block; }
    .top-date-list li { padding-bottom: 6rem; margin-top: 14rem; }
    .top-date-list .date .dd { padding-bottom: 5rem; margin-bottom: 5rem; }

    .box-handbook .swiper-pagination { bottom: 10rem; } 

    .silde-pic .pic a { padding-bottom: 29.6%; }
    .top-pic-list li:nth-child(3) { display: flex; }
    .top-pic-list li:nth-child(2) { margin-bottom: 5rem; }
    .top-pic-list li { margin-bottom: 5rem; padding-bottom: 5rem; }
    .box-handbook .pic a { padding-bottom: 60%; }
    .box-party .infoList li:nth-child(6) { display: flex; }
    
    

}

@media (min-width: 1200px) {
    .box-news .hd { font-size: 20em; }
    .box-news .hd li a { padding: 0 30rem; }

    .top-date-list li { padding-bottom: 12rem; margin-top: 18rem; }
    .top-pic-list li { padding-bottom: 13rem; margin-bottom: 13rem; }
    .top-pic-list li:nth-child(2) { margin-bottom: 13rem; }
    .top-pic-list li:last-child { margin-bottom: 0; }
    .top-pic-list .pic { margin-right: 1em; }
}

@media (min-width: 1300px) {
    .top-date-list li { padding-bottom: 10rem; margin-top: 16rem; }
}


@media (min-width: 1366px) {
    .top-date-list li { padding-bottom: 11rem; margin-top: 15rem; }

    .top-pic-list li { margin-bottom: 15rem; padding-bottom: 15rem; }
    .top-pic-list li:last-child { margin-bottom: 0; }
}

@media (min-width: 1400px) {
    .top-date-list li { margin-top: 10rem; padding-bottom: 6rem; }
    .top-date-list .arrow-more::after { display: block;}
    .box-handbook .swiper-pagination { bottom: 15rem; }  

    .top-pic-list li { margin-bottom: 10rem; padding-bottom: 10rem; }
    .top-pic-list .title { margin-bottom: 5rem; }
 	
    
}

@media (min-width: 1500px) {
    .date-list .date { height: 4em; }
    .date-list .date .dd { padding-top: 5rem; }

    .top-date-list li { margin-top: 20rem; padding-bottom: 9rem; }
    .top-pic-list li { margin-bottom: 18rem; padding-bottom: 18rem; }
    
    .banner .title { font-size: 40em; right: 10%;}
}


@media (min-width: 1600px) {

    .date-list .date { height: 4.44em; }
    .date-list .date .dd { padding-top: 8rem; }
    .top-date-list li { padding-bottom: 6rem; padding-top: 12rem; }
    .top-date-list .date .dd { padding-bottom: 10rem; margin-bottom: 10rem; }
    .top-date-list .arrow-more::after { line-height: 1; }
    .top-pic-list .pic { width: 7.22em; }
    .top-pic-list .date { font-size: 0.89em; }

    .box-party .infoList li:nth-child(7) { display: flex; }
    .banner .title { right: 12%;}
}