@charset "utf-8";

#content { width: 100%; max-width: 100%; margin-bottom: 0; padding: 0; }


/* footer */
.box-massge { padding-bottom: 0; }
.box-m-r { position: relative; top: -100px; }

/* banner */
.banner {  position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 0; }
.banner .swiper-slide{ overflow: hidden; }
.banner .pic img{ width: 100%; height: 100vh; animation: slideBanner 8s ease-in-out 1; object-fit: cover; }
@keyframes slideBanner {
    0% { transform: scale(1.2); }
    100% {transform: scale(1); }
}

.banner .pic:hover img { transform: scale(1); -webkit-transform: scale(1); }
.banner .con { display: none; }
.banner .hd {  height: 40px; position: absolute; right: 5%; bottom: 30px;  }
.banner .hd li { float: left; text-align: center; transition: all 0.5s; box-sizing: border-box; border: 2px solid #fff; width: 30px; height: 30px; line-height: 26px; color: #fff; cursor: pointer; margin: 0 5px; opacity: 0.6; border-radius: 100%; }
.banner .hd li.on { opacity: 1; border-color: #006DB1; color: #006DB1; background-color: #fff; }
.banner .hd li span { display: none; }
.banner .hd li::before { display: block; content: "\E619"; font-size: 20px; font-family: "iconfont"; font-weight: bold; }
.banner-mask { height: 100vh; transition: all .5s cubic-bezier(.5,0,.2,1) 0s; }
.banner-mask.fixed{ height: 0; }

/* row---------------------------- */
.row { padding-top: 60px; padding-bottom: 70px;  min-width: 1400px; }

a.more { order: 1; text-align: center; transition: all 0.5s; color: #484848; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); width: 80px; padding: 0 10px; height: 36px; line-height: 36px; background-color: #fff; border-radius: 36px; }
a.more:hover { background-color: #fd5e1f; color: #fff; }


/* row-news------------------------- */
.row-news { background: url(../../base/img/bg-news.jpg) no-repeat center; background-size: cover;  }
.row-news .box-default .hd { margin-bottom: 40px; }
.box-news .tempWrap { width: 1400px !important; }
.box-news .bd { position: relative; }
.box-news .bd .arrow { display: block; cursor: pointer; transition: all 0.5s; color: #006DB1; font-size: 20px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); text-align: center; width: 40px; height: 40px; background-color: #fff; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.box-news .bd .arrow::before { display: block; content: "\E648" ; font-family: "iconfont"; color: inherit; font-weight: bold; }
.box-news .bd .prev { left: -50px; }
.box-news .bd .next { right: -50px; }
.box-news .bd .next::before { content: "\E647"; }
.box-news .bd .arrow:hover { background-color: #006DB1; color: #fff; }

/* pic-list */
.pic-list li { float: left; width: 430px; margin-right: 55px; background-color: #fff; height: 405px; position: relative; }
.pic-list .date { position: absolute; background: url(../../base/img/icon-date.png) no-repeat left center; left: 15px; padding-left: 25px; top: 220px; line-height: 40px; display: block; height: 40px; font-size: 14px; color: #fff; }
.pic-list .con { padding: 20px; transition: all 0.5s;}
.pic-list .pic { position: relative; overflow: hidden; width: 430px; height: 260px; }
.pic-list .pic img { width: 430px; height: 260px; transition:all 0.5s; }
.pic-list .pic::after {  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%); display: block; content: ""; width: 100%; height: 50px; position: absolute; bottom: 0; left: 0;}
.pic-list .title { line-height: 30px; height: 30px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px;}
.pic-list .title a { transition: 0ms; }
.pic-list .intro {  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 26px; height: 52px; font-size: 14px; color: #999; }
.pic-list li:hover {  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); background-color: #006DB1; }
.pic-list li:hover .con { padding-top: 30px; padding-bottom: 10px;  }
.pic-list li:hover .title a,
.pic-list li:hover .intro { color: #fff; }
.pic-list li:hover .pic img { transform: scale(1.2); }
.pic-list .title a::after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* row-notice------------------------- */
.row-notice { background: url(../../base/img/bg-notice.jpg) no-repeat center; background-size: cover; padding-bottom: 40px; }
.row-notice .box-default .hd li { color: #fff; }

/* date-list */
.date-list { display: flex; flex-wrap: wrap; padding-top: 20px; }
.date-list li { width: 31%; margin-right: 3.5%; transition: all 0.3s ease-out 0s; transform: none; position: relative; margin-bottom: 50px; background-color: #fff; padding: 30px; box-sizing: border-box; }
.date-list li:nth-child(3n) { margin-right: 0; }
.date-list li .con { position: relative; z-index: 1; }
.date-list li .con:before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 1px; background-color: #C4C4C4; transition: all 0.5s; }
.date-list li:hover .con:before { width: 80%; }
.date-list .tit { flex: 1 0 0%; padding-right: 20px; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 18px; line-height: 30px; height: 60px;  }
.date-list .intro { padding-right: 0; line-height: 26px; color: #999; height: 52px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.date-list .title { display: flex; justify-content: space-between; }
.date-list .calendar { top:-30px; position: relative; display: block; transition: all 0.5s; order: 1; width: 75px; line-height: 30px; background-color: #c4c4c4; height: 90px; color: #fff; text-align: center;}
.date-list .calendar em { font-size: 30px; font-weight: bold; display: block; line-height: 40px; padding-top: 10px; }

.date-list li:hover { transform: translateY(-10px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
.date-list li:hover .calendar { background-color: #006DB1; }


/* row-links------------------------- */
.row-links { padding-bottom: 0; }
.row-links .container { position: relative; padding-bottom: 60px; }
.row-links .container::after { display: block; content: ""; height: 240px; position: absolute; right: 250px; bottom: 0; opacity: 0.05; background: url(../../base/img/foot-logo.png) no-repeat center top; width: 454px; overflow: hidden; }


/* menu-list */
.menu-list { margin-bottom: 40px; }
.menu-list li { float: left; width: 256px; height: 120px; line-height: 30px; margin-right: 30px; margin-bottom: 30px; text-align: center;}
.menu-list li:nth-child(5n) { margin-right:0; }
.menu-list li a { background-color: #F0F0F0; transition: all 0.5s; display: block; width: 100%; height: 100%; border-radius: 5px; }
.menu-list li a::before { display: block; transition: all 0.5s; content: "\E635"; font-size: 50px; width: 50px; margin: 0 auto 5px; font-family: "iconfont"; height: 50px; line-height: 50px; padding-top: 15px;}
.menu-list li:hover a { background-color: #006DB1; color: #fff; letter-spacing: 2px; }
.menu-list li:hover a::before { color: #fff; transform: rotateY(180deg); }
.menu-list .li2 a::before { content: "\E701"; }
.menu-list .li3 a::before { content: "\E64D"; }
.menu-list .li4 a::before { content: "\E642"; }
.menu-list .li5 a::before { content: "\E687"; }
.menu-list .li6 a::before { content: "\E686"; }
.menu-list .li7 a::before { content: "\E763"; }
.menu-list .li8 a::before { content: "\E651"; }
.menu-list .li9 a::before { content: "\E744"; }
.menu-list .li10 a::before { content: "\E603"; }