@charset "UTF-8";

.main-visual {position:relative; overflow:hidden;}
.main-visual .item {height:786px; position: relative; z-index:1;}
.main-visual .item .background {position:absolute;  top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.main-visual .content {position:absolute; top:50%; left:0; width:100%; color:#fff; transform:translateY(-80%); z-index:50;}
.main-visual .content .tit {font-size:60px; line-height:1.17em; font-weight:700; margin-bottom:20px;}
.main-visual .content p {font-size:18px; line-height:1.59em; font-weight:300; opacity:.70;}
.main-visual .slick-arrow {position:absolute; top:50%; margin-top:-31px; width:62px;height:62px; border-radius:100%; font-size:0; line-height:0; border:2px solid #fff; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; z-index:50}
.main-visual .slick-prev {left:50px; background-image:url('/html/_skin/img/main/slide_prev.png');}
.main-visual .slick-next {right:50px; background-image:url('/html/_skin/img/main/slide_next.png');}
.main-visual .slick-arrow:hover {opacity:1;}
.main-visual .slick-arrow:focus {outline:0}
.main-visual .slide-btns {width:20px;height:75px; font-size:0; line-height:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; z-index:50}
.main-visual .slide-btns:focus {outline:0}
.main-visual .slide-prev {margin-right:20px;background-image:url('/html/_skin/img/main/slide_prev2.png');}
.main-visual .slide-next {margin-left:20px;background-image:url('/html/_skin/img/main/slide_next2.png');}
.main-visual .controler-wrap {position:absolute; bottom:200px; left:0; width:100%; z-index:2; }
.main-visual .controler-wrap .inner {display:flex; align-items:center;}
.main-visual .controler {width:75px; height:75px; margin-right:40px; position:relative;}
.main-visual .controler .slick-playback {position:absolute; top:0; left:0; width:75px; height:75px;  text-indent:-9999em; border:0; border-radius:100%;  background-color:transparent; z-index:5}
.main-visual .controler .slick-playback:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; background:url('/html/_skin/img/main/bt_pause.png') 50% 50% no-repeat;}
.main-visual .controler .slick-playback.play:after {background-image:url('/html/_skin/img/main/bt_play.png')}
.main-visual .controler .slick-playback:focus {outline:0}
.main-visual .controler .slider-progress {position:absolute;}
.main-visual .controler .slider-progress:after {content:""; position:absolute; top:0; left:0; width:75px; height:75px; border:4px solid #fff; border-radius:100%; opacity:.2;}
.main-visual .controler .slick-progress circle {fill: transparent; stroke: #fff;stroke-width: 4; }
.main-visual .slick-counter {line-height:75px; display:flex; color:#fff; z-index:6}
.main-visual .slick-counter .current-wrap {font-weight:700;}
.main-visual .slick-counter .bar {padding:0 6px;}

.animated {transition: all .5s ease;}
.main-visual [data-animation-in] {opacity: 0;animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;transition:1s;}

@keyframes zoomInImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
	transition:1s;
  }
  to {
    transform: scale3d(1, 1, 1);
	transition:1s;
  }
}
.zoomInImage {animation-name: zoomInImage;}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1, 1, 1);
	transition:1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
	transition:1s;
  }
}
.zoomOutImage {animation-name: zoomOutImage;transition:1s;}

.main-title {margin-bottom:40px;}
.main-title h2 {font-size:40px; line-height:1.4em; font-weight:700;}

.main-news {position:relative; background:url('../img/main/news_bg.jpg') 0 0 no-repeat; background-size:cover; padding:120px 0;}
.main-news:after {content:""; position:absolute; bottom:0; right:0; width:100%; height:316px; background:url('../img/main/news_dva.png') 100% 100% no-repeat; z-index:0;}
.main-news .inner {position:relative; z-index:1;  max-width:100%; margin-left:550px;}
.main-news .news-wrap {display:flex; align-items:center;}
.main-news .title {position:relative; width:506px; height:518px; background:#155cc0; border-radius:0 15px 0 15px; overflow:hidden; padding:75px 80px;}
.main-news .title:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(114deg,  rgba(35,184,197,1) 0% ,rgba(40,74,148,1) 100%); opacity:.50; z-index:0;}
.main-news .title .group {position:relative; z-index:2; color:#fff;}
.main-news .title .group em {display:block; font-size:18px; line-height:1.4em; margin-bottom:8px;}
.main-news .title .group h3 {font-size:36px; line-height:1.14em; font-weight:700; margin-bottom:60px;}
.main-news .title .group .more {display:inline-block; font-size:18px; line-height:30px; font-weight:700; position:relative; padding-right:30px; margin-bottom:80px;}
.main-news .title .group .more:after {content:"";position:absolute; top:0; right:0; width:16px; height:30px; background:url('../img/main/more_arrow_2.png') 0 50% no-repeat; background-size:contain;}
.main-news .btns {display:flex;}
.main-news .btns button {width:62px; height:62px; border:2px solid #fff; background:transparent; border-radius:100%; background-repeat:no-repeat; background-position:50% 50%; margin-right:6px; opacity:.44; transition:.3s;}
.main-news .btns button:last-child {margin-right:0;}
.main-news .btns button.news-prev {background-image:url('../img/main/slide_prev.png')}
.main-news .btns button.news-next {background-image:url('../img/main/slide_next.png')}
.main-news .btns button:hover {opacity:1;}
.main-news .btns button:focus {outline:0;}
.main-news .slider-inner {width:calc(100% - 506px); max-width:1580px; margin-left:-126px; padding-right:50px;position:relative; overflow:hidden; z-index:20}
.main-news .slider-inner .slick-list {padding-bottom:10px; overflow:visible;}
.main-news .slider-inner .item {margin-right:30px; opacity:.50; background:#fff; border-radius:0 15px 0 15px; box-shadow:4px 4px 8px rgba(0,0,0,.05);}
.main-news .slider-inner .item a {display:block; padding:45px 50px;}
.main-news .slider-inner .item em {display:none;}
.main-news .slider-inner .item .tit {font-size:22px; line-height:1.5em; color:#151515; margin-bottom:15px; transition:0.3s; font-weight:700; height:calc(1.5em * 1 * 2); -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.main-news .slider-inner .item .txt {font-size:18px; line-height:1.5em; color:#151515; height:calc(1.5em * 1 * 2); transition:0.3s; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.main-news .slider-inner .item a:hover .tit,
.main-news .slider-inner .item a:hover .txt {color:#155cc0}
.main-news .slider-inner .item.slick-active {opacity:1;} 
.main-news .slider-inner .hits {margin-top:110px; display:flex; align-items:center;  justify-content:space-between;}
.main-news .slider-inner .hits .date {font-size:18px; line-height:1.4em; opacity:.45;}
.main-news .slider-inner .hits .more {display:inline-block; font-size:18px; line-height:30px; font-weight:700; position:relative; padding-right:30px;}
.main-news .slider-inner .hits .more:after {content:"";position:absolute; top:0; right:0; width:16px; height:30px; background:url('../img/main/more_arrow.png') 0 50% no-repeat; background-size:contain;}


@media (max-width: 1920px) {
	.main-news .inner {margin-left:260px;}
	.main-news .slider-inner {max-width:1280px;}
}

.main-join {color:#fff; background:url('../img/main/join_bg.jpg') 0 0 no-repeat; background-size:cover; padding:210px 0;}
.main-join .inner {display:flex; align-items:center;}
.main-join .title {width:50%;}
.main-join .title h2 {font-size:50px; line-height:1.3em; font-weight:700; margin-bottom:15px;}
.main-join .title p {font-size:18px; line-height:1.3em; opacity:.90;}
.main-join .bnr {width:50%; padding-left:90px;}
.main-join .bnr ul li {border-bottom:1px solid rgba(255,255,255,.50);}
.main-join .bnr ul li a {display:block; position:relative; padding:35px 0;}
.main-join .bnr ul li p {font-size:18px; line-height:1.3em; opacity:.80; margin-bottom:4px;}
.main-join .bnr ul li h3 {font-size:36px; line-height:1.4em; font-weight:700;}
.main-join .bnr ul li .more {position:absolute; top:50%; right:30px; width:26px; height:12px; margin-top:-6px; background:url('../img/main/join_arrow.png') 50% 50% no-repeat; transition:.3s;}
.main-join .bnr ul li a:hover .more {right:20px;}

.main-board-wrap {background:url('../img/main/board_bg.jpg') 0 0 no-repeat; background-size:cover;}
.main-board {padding:110px 0;}
.main-board .inner {display:flex;}
.main-board .list {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.main-board .main-title {margin-bottom:30px;}
.main-board .slick-list {margin-right:-30px;}
.main-board .item {border-top:3px solid #151515; margin-right:30px;}
.main-board .item a {display:block; padding-top:40px;}
.main-board .item em {display:inline-block; padding:0 12px; border:1px solid #151515; border-radius:30px; height:30px; font-size:16px; line-height:28px; margin-bottom:28px; transition:0.3s;}
.main-board .item .tit {color:#151515; font-size:22px; line-height:1.5em; font-weight:700; margin-bottom:60px; transition:0.3s; height:calc(1.5em * 1 * 2); -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.main-board .item .date {color:#155cc0; font-size:16px; line-height:1.4em;font-weight:700;}
.main-board .item .txt {display:none;}
.main-board .item a:hover em {border-color:#155cc0}
.main-board .item a:hover em,
.main-board .item a:hover .tit {color:#155cc0;}
.main-board .item .hits .more {display:none;}
.main-board .more {position:absolute; top:25px; right:0; display:inline-block; font-size:18px; line-height:30px; font-weight:700; color:#151515; padding-right:30px;}
.main-board .more:after {content:"";position:absolute; top:0; right:0; width:16px; height:30px; background:url('../img/main/more_arrow.png') 0 50% no-repeat; background-size:contain;}
.main-board .bnr {width:443px; margin-left:66px;}

.main-site {padding:56px 0; }
.main-site.bg-color { background:rgba(45,105,190,.05);}
.main-site .main-title {margin-bottom:30px;}
.main-site .slick-list {margin:0 -10px;}
.main-site .item {padding:0 10px;}
.main-site .pic {display: block; position:relative; height:0; border: 1px solid #d2d2d2; padding-bottom:33.5%; border-radius:15px; overflow:hidden;}
.main-site .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-site .slick-arrow {position:absolute; top:50%; width:62px; height:62px; opacity:.30; font-size:0; margin-top:-31px;border-radius:100%; border:2px solid #155cc0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; transition:0.3s; z-index:10;}
.main-site .slick-arrow:focus {outline:0;}
.main-site .slick-arrow:hover {opacity:1;}
.main-site .slick-prev {left:-92px; background-image:url('/html/_skin/img/main/site_prev.png');}
.main-site .slick-next {right:-92px; background-image:url('/html/_skin/img/main/site_next.png');}


.main-site .category-none .category-tab { display: none;}