@charset "utf-8";

/* intro */
#intro_wrapper {background:#212121;margin: 0;padding: 0; border: 0; height: 100%; text-align: center; }
/* #intro_wrapper:before {content: ""; display: inline-block;width: 1px; height: 100%;margin-right: 0; vertical-align: middle;} */
#intro_wrapper .box {display: inline-block; vertical-align: middle;  font-size:0px;}
#intro_wrapper .box a {display: inline-block; }
#intro_wrapper a:hover .wuxi {display: inline-block; background:url(../img/intro_bg.png) center no-repeat;animation:fadeIn 1s infinite ease-in-out normal forwards; animation-iteration-count: 1;}
#intro_wrapper a:hover .beijing {display: inline-block; background:url(../img/intro_bg2.png) center no-repeat;animation:fadeIn 1s infinite ease-in-out normal forwards; animation-iteration-count: 1;}


/* intro */
.intro_logo img {width:180px; position:relative; top:-60px;}
.intro_logo {animation:fadeIn 2s infinite ease-in-out normal forwards;animation-iteration-count: 1;opacity: 0; position: relative; top:20vw; z-index: 9;}
.wuxi {animation:fadeIn 1s 1s infinite ease-in-out normal forwards; animation-iteration-count: 1; opacity: 0; border:1px solid #4f4f4f; color:#7a7a7a; display: inline-block; font-size:12px;}
.beijing {animation:fadeIn 1s 1s infinite ease-in-out normal forwards; animation-iteration-count: 1; opacity: 0; border:1px solid #4f4f4f; color:#7a7a7a; display: inline-block; font-size:12px;}
.wuxi:hover {border:1px solid #fff; color:#fff;}
.beijing:hover {border:1px solid #fff; color:#fff;}
/*.box {padding-top:50px;}*/
.box span {width:120px; height:125px; display: inline-block; font-size:22px; line-height:48px; padding-top:6vw;}
.box a ul {width:43vw; height:37vw;}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn { 
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-o-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* Main */
[data-aos^=fade][data-aos^=fade].aos-animate { width:100% }
#transcroller-body {background:#fff;}
/*.visuarl_01 {width:100%; height:0; padding-top:calc(980 / 1920 * 100%); background:url('../img/visuarl_01.png') no-repeat scroll center center / cover;}*/
.visuarl_01 {height: 100vh;min-height: 400px; background: url("../img/visuarl_01.png") no-repeat center/cover; margin-bottom: 25px;}
.visuarl_02 {height: 100vh;min-height: 400px; background: url("../img/visuarl_02.png") no-repeat center/cover; margin-bottom: 25px;}
.visuarl_03 {height: 100vh;min-height: 400px; background: url("../img/visuarl_03.png") no-repeat center/cover;}
.visuarl_04 {height: 100vh;min-height: 400px; background: url("../img/visuarl_04.png") no-repeat center/cover;}
.visuarl_05 {height: 100vh;min-height: 400px; background: url("../img/visuarl_05.png") no-repeat center/cover;}
.visuarl_01 .text-item__inner .title span {font-size:0.25em; letter-spacing: 0.5em; border: 1px solid #fff; padding:1em;} 
.visuarl_02 .text-item__inner {padding-top:50px; width:100%;}
.main_silde > .slick-next {background:url('/img/sub_03/slider_next.png') no-repeat; top:500px; width:38px; height:78px; cursor: pointer;text-indent:-9999rem; right: 40px; z-index:20}
.main_silde > .slick-prev {background:url('/img/sub_03/slider_prev.png') no-repeat;top:500px; width:38px; height:78px; cursor: pointer;text-indent:-9999rem; left: 40px; z-index:20}
/*.visuarl_04 .text-item__inner {text-align:center; margin: 0 auto; position: relative; bottom: 0; left: 30%; top:50%; display: inline-block; height: 100%;}*/

.text-item {display: inline-block; float: left; width:100%; height: 300px; letter-spacing:-2.1px; }
.text-item__inner {position: relative; float: left; text-align: center; color: #fff; font-size:23px; line-height: 1.4em; font-weight:300; letter-spacing:-2.1px;}
.text-item__inner  .title {font-family: 'Poppins-SemiBold'; font-size:55px; color:#0096ff; margin-bottom:20px; letter-spacing: 0;}  

/* main board */
.main_board_wrap {background:#eaeaea; padding:50px 0; }
.main_board {max-width:1240px; margin:0 auto; font-size:0; }
.board_wrap:first-child {margin-right:10px;}
.board_wrap h3, .board_wrap2 h3 {color:#333333; font-size:1.5rem; font-weight:500; padding-bottom:25px;}
.board_wrap h3 span, .board_wrap2 h3 span {float:right; margin-right:20px; color:#959595;}
.board_wrap li, .board_wrap2 li {display:inline-block; font-size:0.9rem;}
.board_wrap .lst_news > li {width:100%; margin-bottom:20px;}
.board_wrap .lst_news li {display:inline-block; color:#8f8f8f; text-align:center;}
.board_wrap .news_cont { background:#fff; border:1px solid #d9d9d9; height:290px; margin-right:10px; padding:20px 26px;}
.board_wrap .news_cont img {width:236px; height:118px; margin-bottom:20px;}
.board_wrap .news_cont .title {font-size:1.3rem; font-weight:500; color:#333; padding-bottom:15px; display:block; text-align:left;}
.board_wrap .news_cont .txt {height:41px; overflow:hidden; word-break: break-all; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:left;}
.board_wrap .news_cont .date {font-size:0.7rem; font-weight:300; color:#848484; text-align: right; width: 100%; padding-top: 20px;}

.board_wrap2 {display: inline-block;}
.board_wrap2 .lst_news .news_cont2 { background:#fff; border:1px solid #d9d9d9; min-width:290px; height:290px; margin-right:10px; padding:20px 26px; text-align: center;}
.board_wrap2 .lst_news .news_cont2 img {width:149px; height:118px; margin-bottom:20px; border:1px solid #eee;}
.board_wrap2 .lst_news .news_cont2 .title {font-size:1.3rem; font-weight:500; color:#333; padding-bottom:15px; display:block; text-align:center;}

/* modal overlay */
.modal {width:80%; background:#f5f5f5; margin:150px auto; }