.placeholder { color: #aaa; } .home-container .spirit-section .external-link > .container ul, .home-container .statistic-section ul { list-style: none; margin: 0; padding: 0; } .home-container .slideshow-section > .container, .home-container .spirit-section .external-link > .container, .home-container .announcement-section > .container, .home-container .dean-message-section > .container, .home-container .event-section > .container, .home-container .more-about-ust-section > .container { max-width: 1260px; width: auto; margin: auto; } .home-container .spirit-section, .home-container .announcement-section, .home-container .dean-message-section, .home-container .event-section, .home-container .statistic-section ul > li, .home-container .statistic-section .statistic-card .col-xs-6 { padding-left: 15px; padding-right: 15px; } .fade-block { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } .zoom_img { overflow: hidden; } .zoom_img img { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .zoom_img:hover img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } @-webkit-keyframes arrowHint { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } 25% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } 50% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } } @keyframes arrowHint { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } 25% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } 50% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } } body > .header { opacity: 0.85; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } body > .header:focus, body > .header:active, body > .header:hover, body > .header.scrolling { opacity: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } html body { padding: 0; } .main-body { padding: 0; } .main-body .container { max-width: none; } .main-body .container > .main-wrap { padding: 0; } .footer { position: relative; z-index: 2; } .welcome-page { position: fixed; z-index: 2999; top: 0; bottom: 0; right: 0; left: 0; background-color: #fff; } .home-container > div { position: relative; } .home-container .video-section { z-index: -1; position: fixed; left: 0; bottom: 0; right: 0; top: 0; } .home-container .video-section .background-video, .home-container .video-section .background-cover { min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; height: auto; position: absolute; } .home-container > .slideshow-section { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-color: #333; z-index: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .home-container .slideshow-section > .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; margin: auto; z-index: 101; } .home-container .slideshow-section .cycle-slide { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .home-container .slideshow-section .banner-slideshow { height: 100%; } .home-container .slideshow-section .banner-slideshow { width: 100%; } .home-container .slideshow-section .banner-slideshow .cycle-slide img { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; } .home-container .slideshow-section * { color: #fff; } .home-container .slideshow-section .caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .home-container .slideshow-section .caption .container { display: table; width: 100%; height: 100%; } .home-container .slideshow-section .caption .container > div { display: table-cell; vertical-align: middle; text-align: center; } .home-container .slideshow-section .caption .container > div > div { display: inline-block; max-width: 800px; } .home-container .slideshow-section .caption .container > div > div h1, .home-container .slideshow-section .caption .container > div > div h2, .home-container .slideshow-section .caption .container > div > div p { text-align: center; text-transform: uppercase; } .home-container .slideshow-section .caption .container > div > div h1 { font-size: 80px; letter-spacing: 3px; } .home-container .slideshow-section .caption .container > div > div h2 { font-size: 30px; letter-spacing: 2px; margin-bottom: 30px; } .home-container .slideshow-section .caption .container > div > div hr { max-width: 160px; margin: 25px auto 30px auto; border-top: 1px solid #fff; } .home-container .slideshow-section .caption .container > div > div p { max-width: 600px; margin: auto; } @media only screen and (max-width: 768px) { .home-container .slideshow-section .caption .container > div > div h1 { font-size: 60px; } .home-container .slideshow-section .caption .container > div > div h2 { font-size: 20px; } } .home-container .spirit-section { min-height: 500px; position: relative; } .home-container .spirit-section * { color: #fff; } .home-container .spirit-section > .slideshow-section { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .home-container .spirit-section > .container { display: table; width: 100%; height: 100%; min-height: 500px; } .home-container .spirit-section > .container > div { display: table-cell; vertical-align: middle; text-align: center; } .home-container .spirit-section > .container > div > div { display: inline-block; max-width: 800px; } .home-container .spirit-section > .container > div > div h1, .home-container .spirit-section > .container > div > div h2, .home-container .spirit-section > .container > div > div p { text-align: center; text-transform: uppercase; } .home-container .spirit-section > .container > div > div h1 { font-size: 80px; letter-spacing: 3px; } .home-container .spirit-section > .container > div > div h2 { font-size: 30px; letter-spacing: 2px; margin-bottom: 30px; } .home-container .spirit-section > .container > div > div hr { max-width: 160px; margin: 25px auto 30px auto; border-top: 1px solid #fff; } .home-container .spirit-section > .container > div > div p { max-width: 600px; margin: auto; } @media only screen and (max-width: 768px) { .home-container .spirit-section > .container > div > div h1 { font-size: 60px; } .home-container .spirit-section > .container > div > div h2 { font-size: 20px; } } @media only screen and (max-width: 560px) { .home-container .spirit-section > .container > div > div h1 { font-size: 36px; } } .home-container .spirit-section .scroll { position: absolute; bottom: 15%; text-align: center; left: 0; right: 0; z-index: 2; } .home-container .spirit-section .scroll > a { cursor: pointer; margin: auto; background-repeat: no-repeat; background-position: center 5px; display: inline-block; } .home-container .spirit-section .scroll > a .arrow-container { position: relative; width: 16px; height: 34px; margin: 0 auto; } .home-container .spirit-section .scroll > a .arrow-container .arrow-down { position: absolute; left: 0; line-height: 1; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: arrowHint; animation-name: arrowHint; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation: arrowHint 2s infinite; animation: arrowHint 2s infinite; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity-ie)"; } @media only screen and (max-width: 992px) { .home-container .spirit-section .scroll > a .arrow-container .arrow-down { -webkit-animation: inherit; animation: inherit; opacity: 1; filter: alpha(opacity=1); } } .home-container .spirit-section .scroll > a .arrow-container .arrow-down:before { content: ' '; display: block; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; text-align: center; text-decoration: none; text-transform: none; } .home-container .spirit-section .scroll > a .arrow-container .arrow-down + i { top: 8px; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .home-container .spirit-section .scroll > a .arrow-container .arrow-down + i + i { top: 16px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .home-container .spirit-section .scroll > a .discover-more-btn { display: block; height: 60px; opacity: 0.8; margin-bottom: 12px; background-repeat: no-repeat; background-position: center; } .home-container .spirit-section .scroll > a:hover > .discover-more-btn { opacity: 1; } .home-container .spirit-section .scroll > a span { font-size: 18px; } .home-container .spirit-section .external-link { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 3; } .home-container .spirit-section .external-link > .container { height: 50px; text-transform: uppercase; } .home-container .spirit-section .external-link > .container ul { width: calc(100% - 330px); } .home-container .spirit-section .external-link > .container ul li { float: left; position: relative; } .line a { color: #003410; } .home-container .spirit-section .external-link > .container ul li + li { margin-left: 3%; } .line a { color: #003413; } .home-container .spirit-section .external-link > .container ul li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .line a { color: #003418; } .home-container .spirit-section .external-link > .container ul li a:hover { color: #aa8e2d; } @media only screen and (max-width: 560px) { .line a { color: #003413; } .home-container .spirit-section .external-link > .container ul li a { font-size: 15px; } } .line a { color: #003427; } .home-container .spirit-section .external-link > .container .left { position: relative; background-color: rgba(140, 113, 22, 0.85); } .line a { color: #003431; } .home-container .spirit-section .external-link > .container .left:before { background-color: rgba(140, 113, 22, 0.85); content: ' '; width: 2000px; height: 50px; right: 100%; position: absolute; } .line a { color: #003439; } .home-container .spirit-section .external-link > .container .left > i { display: block; position: absolute; top: 50%; margin-top: -25px; left: 0; } .line a { color: #003447; } .home-container .spirit-section .external-link > .container span { display: block; font-size: 20px; line-height: 50px; padding: 0 25px 0 65px; position: relative; } .line a { color: #003454; } .home-container .spirit-section .external-link > .container span:before { z-index: 5; content: " "; position: absolute; width: 0; height: 0; border-left: 20px solid rgba(140, 113, 22, 0.85); border-top: 25px solid transparent; border-bottom: 25px solid transparent; right: -20px; top: 0; } .line a { color: #003467; } .home-container .spirit-section .external-link > .container a { display: block; padding: 0 0 0 47px; font-size: 18px; line-height: 50px; color: #555; } .line a { color: #003474; } .home-container .spirit-section .external-link > .container a > i { display: block; position: absolute; top: 50%; margin-top: -13px; left: 10px; } @media only screen and (max-width: 992px) { .line a { color: #00343221; } .home-container .spirit-section { position: relative; } .line a { color: #003499; } .home-container .spirit-section .external-link { background-color: transparent; } .line a { color: #00343503; } .home-container .spirit-section .external-link > .container .left { -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; width: 100%; cursor: pointer; } .line a { color: #00343508; } .home-container .spirit-section .external-link > .container .left span:before { content: " "; position: absolute; border: 0; width: 27px; height: 27px; background-position: center top; background-repeat: no-repeat; right: 15px; top: 50%; margin-top: -13px; } } @media only screen and (max-width: 992px) and (max-width: 560px) { .line a { color: #00343522; } .home-container .spirit-section .external-link > .container .left > i { display: none; } .line a { color: #00343525; } .home-container .spirit-section .external-link > .container .left span { padding: 0 25px 0 15px; } } @media only screen and (max-width: 992px) { .line a { color: #00343532; } .line a { color: #00343537; } .home-container .spirit-section .external-link > .container ul { display: none; position: absolute; background-color: rgba(255, 255, 255, 0.9); bottom: 50px; width: 100%; } .line a { color: #00343544; } .home-container .spirit-section .external-link > .container ul li { width: 50%; float: left; box-sizing: content-box; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; margin-left: -1px; } .line a { color: #00343552; } .home-container .spirit-section .external-link > .container ul li + li { margin-left: -1px; } .line a { color: #00343558; } .home-container .spirit-section .external-link > .container:hover .left { background-color: rgba(0, 21, 63, 0.9); } .line a { color: #00343563; } .home-container .spirit-section .external-link > .container.active .left { background-color: rgba(0, 21, 63, 0.9); } .line a { color: #00343566; } .home-container .spirit-section .external-link > .container.active ul { display: block; } } .line a { color: #00343574; } .home-container .announcement-section { padding-top: 25px; padding-bottom: 25px; background-color: #fff; overflow: hidden; cursor: pointer; } .line a { color: #00343583; } .home-container .announcement-section:hover .ico-read-more { background-position: center -48px; } .line a { color: #00343586; } .home-container .announcement-section:hover .btn-input > span { color: #aa8e2d; } .line a { color: #00343594; } .home-container .announcement-section .left { width: 100%; } .line a { color: #00343597; } .home-container .announcement-section .left h3 { margin: 30px 0; } .line a { color: #00343600; } .home-container .announcement-section .left .date { margin-bottom: 25px; } .line a { color: #00343606; } .home-container .announcement-section .left p { margin-bottom: 30px; } .line a { color: #00343610; } .home-container .announcement-section .right { width: 55%; } .line a { color: #00343613; } .home-container .announcement-section .right + .left { width: 40%; } .line a { color: #00343617; } .home-container .announcement-section .media-section { text-align: right; width: 100%; max-width: 640px; position: relative; } .line a { color: #00343624; } .home-container .announcement-section .media-section.video-cover:before { content: ' '; position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; height: 65px; width: 65px; background-position: center top; background-repeat: no-repeat; z-index: 2; } .line a { color: #00343640; } .home-container .announcement-section .media-section:hover .cover:before { content: ' '; position: absolute; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .line a { color: #00343651; } .home-container .announcement-section .media-section img, .home-container .announcement-section .media-section video { width: 100%; } @media only screen and (max-width: 992px) { .line a { color: #00343574; } .home-container .announcement-section { padding-top: 0; padding-left: 0; padding-right: 0; } .line a { color: #00343660; } .home-container .announcement-section .left, .home-container .announcement-section .right, .home-container .announcement-section .right + .left { width: 100%; float: none; } .line a { color: #00343665; } .home-container .announcement-section .left > div { padding: 0 15px; } .line a { color: #00343669; } .home-container .announcement-section .media-section { max-width: 100%; } } @media only screen and (max-width: 768px) { .line a { color: #00343675; } .home-container .announcement-section .left h3, .home-container .announcement-section .left .date, .home-container .announcement-section .left .btn-input { display: block; text-align: center; margin-left: auto; margin-right: auto; } .line a { color: #00343681; } .home-container .announcement-section .left h3, .home-container .announcement-section .left .date { margin-bottom: 10px; } .line a { color: #00343684; } .home-container .announcement-section .left .editor-content { display: none; } } .line a { color: #00343690; } .home-container .dean-message-empty-section { background-color: #fff; overflow: hidden; position: relative; } .line a { color: #00343695; } .home-container .dean-message-empty-section .container { max-width: 1260px; } .line a { color: #00343698; } .home-container .dean-message-empty-section .container hr { border-top: 1px solid #cbb97b; } .line a { color: #00343703; } .home-container .dean-message-section { height: 400px; background-color: #dedcce; background-position: left bottom; background-repeat: no-repeat; overflow: hidden; z-index: 1; position: relative; } .line a { color: #00343715; } .home-container .dean-message-section > .container { height: 400px; position: relative; } .line a { color: #00343720; } .home-container .dean-message-section > .container .dean-image { position: absolute; right: -40px; bottom: 0; } .line a { color: #00343725; } .home-container .dean-message-section > .container > div { width: 72%; padding-top: 80px; } .line a { color: #00343729; } .home-container .dean-message-section > .container > div p { color: #555; } .line a { color: #00343732; } .home-container .dean-message-section > .container > div h1 { color: #aa8e2d; } .line a { color: #00343735; } .home-container .dean-message-section > .container > div h2 { color: #777; } .line a { color: #00343740; } .home-container .dean-message-section .left { position: relative; z-index: 2; width: 40%; } .line a { color: #00343745; } .home-container .dean-message-section .left h1 { margin-bottom: 40px; } .line a { color: #00343748; } .home-container .dean-message-section .left p { margin-bottom: 40px; } .line a { color: #00343752; } .home-container .dean-message-section .right { position: relative; z-index: 1; width: 60%; min-height: 200px; } .line a { color: #00343758; } .home-container .dean-message-section .right .message { padding: 0 30px; position: relative; } .line a { color: #00343762; } .home-container .dean-message-section .right .message .left-quote, .home-container .dean-message-section .right .message .right-quote { position: absolute; } .line a { color: #00343765; } .home-container .dean-message-section .right .message .left-quote { top: -62px; left: -20%; } .line a { color: #00343769; } .home-container .dean-message-section .right .message .right-quote { bottom: -46px; right: 15px; } .line a { color: #00343777; } .home-container .dean-message-section:hover .ico-read-more { background-position: center -48px; } .line a { color: #00343780; } .home-container .dean-message-section:hover .btn-input.blue > span { color: #aa8e2d; } @media only screen and (max-width: 992px) { .line a { color: #00343787; } .home-container .dean-message-section > .container > div { width: 60%; margin-left: 0; padding-top: 65px; } .line a { color: #00343792; } .home-container .dean-message-section > .container .dean-image { right: -20px; } .line a { color: #00343796; } .home-container .dean-message-section .left { width: 100%; float: none; margin: 0; } .line a { color: #00343801; } .home-container .dean-message-section .left h1 { margin-bottom: 30px; } .line a { color: #00343804; } .home-container .dean-message-section .left p { margin-bottom: 30px; } .line a { color: #00343808; } .home-container .dean-message-section .right { width: 100%; float: none; min-height: 0; } .line a { color: #00343813; } .home-container .dean-message-section .right .message { padding: 0; margin-bottom: 20px; } .line a { color: #00343817; } .home-container .dean-message-section .right .message .left-quote { top: -115px; left: 0; } .line a { color: #00343821; } .home-container .dean-message-section .right .message .right-quote { bottom: -46px; right: 15px; } } @media only screen and (max-width: 768px) { .line a { color: #00343830; } .home-container .dean-message-section > .container .dean-image { right: -100px; } } @media only screen and (max-width: 560px) { .line a { color: #00343703; } .home-container .dean-message-section { height: 255px; } .line a { color: #00343838; } .home-container .dean-message-section > .container { padding-top: 15px; padding-bottom: 15px; height: 255px; } .line a { color: #00343843; } .home-container .dean-message-section > .container .dean-image { margin-top: 20px; top: 0; right: 0; } .line a { color: #00343848; } .home-container .dean-message-section > .container .dean-image img { width: 255px; position: relative; right: -80px; } .line a { color: #00343855; } .home-container .dean-message-section > .container > div { width: 100%; padding-top: 25px; position: relative; } .line a { color: #00343860; } .home-container .dean-message-section > .container > div .left, .home-container .dean-message-section > .container > div .right { width: 60%; } .line a { color: #00343865; } .home-container .dean-message-section h1 { margin-top: 30px; } .line a { color: #00343868; } .home-container .dean-message-section .left p, .home-container .dean-message-section .right h2 { display: none; } .line a { color: #00343871; } .home-container .dean-message-section .right { position: absolute; top: 0; bottom: 0; } .line a { color: #00343876; } .home-container .dean-message-section .right .message { position: static; } .line a { color: #00343879; } .home-container .dean-message-section .right .message .left-quote { top: 0; left: 0; } .line a { color: #00343883; } .home-container .dean-message-section .right .message .left-quote img { width: 70%; } .line a { color: #00343887; } .home-container .dean-message-section .right .message .right-quote { bottom: 20px; right: 0; } .line a { color: #00343891; } .home-container .dean-message-section .right .message .right-quote img { width: 80%; } } .line a { color: #00343899; } .home-container .event-section { overflow: hidden; background-color: #fff; } .line a { color: #00343906; } .home-container .event-section > .container { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } .line a { color: #00343912; } .home-container .event-section > .container .date { margin-bottom: 10px; } .line a { color: #00343915; } .home-container .event-section > .container .slick-prev, .home-container .event-section > .container .slick-next { height: 38px; width: 23px; top: 10px; margin-top: 0; } .line a { color: #00343922; } .home-container .event-section > .container .slick-prev { left: -40px; background-position: left top; } .line a { color: #00343926; } .home-container .event-section > .container .slick-prev:hover { background-position: left bottom; } .line a { color: #00343930; } .home-container .event-section > .container .slick-next { right: -40px; background-position: right top; } .line a { color: #00343934; } .home-container .event-section > .container .slick-next:hover { background-position: right bottom; } .line a { color: #00343939; } .home-container .event-section > .container h2 { color: #aa8e2d; } .line a { color: #00343942; } .home-container .event-section > .container h3 > a { padding: 0; color: #555; } .line a { color: #00343946; } .home-container .event-section > .container h3 > a:hover { color: #aa8e2d; } .line a { color: #00343951; } .home-container .event-section > .container > .left { width: 65%; border-right: 1px solid #cbb97b; } .line a { color: #00343964; } .home-container .event-section > .container > .left .slick-slide img { width: 100%; } .line a { color: #00343968; } .home-container .event-section > .container > .left .slide-container { height: 410px; } .line a { color: #00343971; } .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next { visibility: hidden; } .line a { color: #00343974; } .home-container .event-section > .container > .left .right { position: relative; } .line a { color: #00343977; } .home-container .event-section > .container > .left .right > h2, .home-container .event-section > .container > .left .right > div { margin: 35px 20px 35px 20px; } .line a { color: #00343980; } .home-container .event-section > .container > .left .right:before { z-index: 5; content: " "; position: absolute; width: 0; height: 0; border-right: 30px solid #fff; border-top: 35px solid transparent; border-bottom: 35px solid transparent; left: -29px; top: 20px; } .line a { color: #00343993; } .home-container .event-section > .container > .left hr { display: none; } .line a { color: #444996; } .home-container .event-section > .container > .left h2 { margin-bottom: 35px; color: #aa8e2d; } .line a { color: #441000; } .home-container .event-section > .container > .left > div { margin: 0; } .line a { color: #441003; } .home-container .event-section > .container > .left h3 { margin-bottom: 20px; } .line a { color: #441006; } .home-container .event-section > .container > .left .slick-dots { left: 66%; width: auto; margin: auto; bottom: 12px; } .line a { color: #441012; } .home-container .event-section > .container > .left .slick-dots > li:first-child { margin-left: 25px; } .line a { color: #441016; } .home-container .event-section > .container > .left .btn-input { right: 20px; } .line a { color: #441020; } .home-container .event-section > .container > .right { width: 35%; } .line a { color: #441030; } .home-container .event-section > .container > .right > h2, .home-container .event-section > .container > .right > div { margin: 35px 15% 0 15%; } .line a { color: #441033; } .home-container .event-section > .container > .right .slide-container { height: 307px; } .line a { color: #441037; } .home-container .event-section > .container > .right h3, .home-container .event-section > .container > .right h3 > a { display: block; overflow: hidden; height: 24px; white-space: nowrap; text-overflow: ellipsis; } .line a { color: #441045; } .home-container .event-section > .container > .right .content { max-height: 63px; overflow: hidden; margin-bottom: 15px; } .line a { color: #441050; } .home-container .event-section > .container > .right .slick-dots { left: 0; width: auto; margin: auto; bottom: 0; } .line a { color: #441056; } .home-container .event-section > .container > .right .slick-dots li { float: left; } .line a { color: #441061; } .home-container .event-section > .container .slick-dots { height: 16px; } .line a { color: #441064; } .home-container .event-section > .container .btn-input { position: absolute; bottom: 0; right: 0; padding: 0; } @media only screen and (max-width: 992px) { .line a { color: #443906; } .home-container .event-section > .container { padding-top: 0; padding-bottom: 0; } .line a { color: #431074; } .home-container .event-section > .container > .left, .home-container .event-section > .container > .right { float: none; width: 100%; background-image: none; } .line a { color: #431079; } .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next, .home-container .event-section > .container > .right .slick-prev, .home-container .event-section > .container > .right .slick-next { top: 50%; margin-top: -19px; } .line a { color: #431084; } .home-container .event-section > .container > .left { padding: 25px 0; } .line a { color: #431085; } .home-container .event-section > .container > .left .slide-container { height: auto; } .line a { color: #431090; } .home-container .event-section > .container > .left .left { width: 60%; } .line a { color: #431093; } .home-container .event-section > .container > .left .right { width: 40%; } .line a { color: #431096; } .home-container .event-section > .container > .left .btn-input { right: 55px; } .line a { color: #431100; } .home-container .event-section > .container > .right { border-top: 1px solid #ddd; } .line a { color: #431103; } .home-container .event-section > .container > .right .slide-container { height: auto; } .line a { color: #431106; } .home-container .event-section > .container > .right .info-list { display: none; } .line a { color: #431108; } .home-container .event-section > .container > .right .info-list span.title { padding-right: 15px; } .line a { color: #431111; } .home-container .event-section > .container > .right .info-list span.info, .home-container .event-section > .container > .right .info-list span.title { float: none; display: inline-block; width: auto; } .line a { color: #431117; } .home-container .event-section > .container > .right .content { margin-bottom: 24px; } .line a { color: #431120; } .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right > div { margin: 20px 55px; } .line a { color: #431123; } .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right h3, .home-container .event-section > .container > .right .content, .home-container .event-section > .container > .right .date, .home-container .event-section > .container > .right > div { text-align: center; } .line a { color: #431126; } .home-container .event-section > .container > .right h3, .home-container .event-section > .container > .right h3 > a { overflow: visible; height: auto; white-space: normal; text-overflow: ellipsis; } .line a { color: #431133; } .home-container .event-section > .container > .right .slick-prev, .home-container .event-section > .container > .right .slick-next { margin-top: -41px; } .line a { color: #431136; } .home-container .event-section > .container > .right .slick-dots { left: 0; top: inherit; } } @media only screen and (max-width: 768px) { .line a { color: #431143; } .home-container .event-section > .container > .left { height: auto; padding: 0; } .line a { color: #431147; } .home-container .event-section > .container > .left > div { margin: 20px 55px; } .line a { color: #431150; } .home-container .event-section > .container > .left .left { display: none; } .line a { color: #431153; } .home-container .event-section > .container > .left .right { width: 100%; height: auto; } .line a { color: #431157; } .home-container .event-section > .container > .left .right > div { margin-top: 0; margin-left: 0; margin-right: 0; } .line a { color: #431163; } .home-container .event-section > .container > .left h2 { margin: 20px 0; } .line a { color: #431166; } .home-container .event-section > .container > .left hr { display: block; } .line a { color: #431169; } .home-container .event-section > .container > .left h2, .home-container .event-section > .container > .left h3, .home-container .event-section > .container > .left .content, .home-container .event-section > .container > .left .date, .home-container .event-section > .container > .left > div { text-align: center; } .line a { color: #431172; } .home-container .event-section > .container > .left .slick-prev, .home-container .event-section > .container > .left .slick-next { visibility: visible; } .line a { color: #431175; } .home-container .event-section > .container > .left .slick-dots { left: 0; top: inherit; } .line a { color: #431179; } .home-container .event-section > .container > .left .slick-dots li:first-child { margin-left: 0; } .line a { color: #431183; } .home-container .event-section > .container > .left .btn-input { right: 0; } } @media only screen and (max-width: 560px) { .line a { color: #431189; } .home-container .event-section > .container > .left .right > div { margin-bottom: 0; } .line a { color: #431193; } .home-container .event-section > .container > .left hr, .home-container .event-section > .container > .left .content, .home-container .event-section > .container > .left .info-list, .home-container .event-section > .container > .right hr, .home-container .event-section > .container > .right .content, .home-container .event-section > .container > .right .info-list { display: none; } .line a { color: #431196; } .home-container .event-section > .container > .left h3, .home-container .event-section > .container > .right h3 { margin: 0; } .line a { color: #431200; } .home-container .event-section > .container > .left .slick-dots, .home-container .event-section > .container > .left .btn-input, .home-container .event-section > .container > .right .slick-dots, .home-container .event-section > .container > .right .btn-input { position: static; margin: 15px auto; display: block; } .line a { color: #431206; } .home-container .event-section > .container > .left .slick-dots li, .home-container .event-section > .container > .right .slick-dots li { float: none; overflow: hidden; } .line a { color: #431214; } .home-container .event-section > .container > .left > div { margin: 20px 40px; } .line a { color: #431219; } .home-container .event-section > .container > .right h2, .home-container .event-section > .container > .right > div { margin: 20px 40px; } } .line a { color: #441225; } .home-container .event-section .left { width: 67%; overflow: hidden; } .line a { color: #441229; } .home-container .event-section .left > .slide-container { margin: 35px 0; } .line a { color: #441233; } .home-container .event-section .right { width: 33%; } .line a { color: #441237; } .home-container .event-section .right .info-list { margin-bottom: 24px; } .line a { color: #441240; } .home-container .event-section .right .info-list > div { margin-bottom: 5px; overflow: hidden; } .line a { color: #441244; } .home-container .event-section .right .info-list span { color: #555; float: left; } .line a { color: #441248; } .home-container .event-section .right .info-list span.title { width: 20%; } .line a { color: #441251; } .home-container .event-section .right .info-list span.info { width: 80%; } @media only screen and (max-width: 992px) { .line a { color: #443899; } .home-container .event-section { background-repeat: repeat-y; position: relative; } .line a { color: #431262; } .home-container .event-section:after { content: ''; display: block; background-repeat: repeat-y; position: absolute; height: 100%; width: 50px; right: 0; top: 0; } } .line a { color: #441276; } .home-container .statistic-section { height: 273px; background-color: #f2f2ea; overflow: hidden; } .line a { color: #441283; } .home-container .statistic-section > .statistic-block { margin: auto; max-width: 1904px; height: 273px; position: relative; } .line a { color: #441290; } .home-container .statistic-section i.alumni_x65 { width: 65px; height: 65px; background-position: center -188px; } .line a { color: #441296; } .home-container .statistic-section i.department_x65 { width: 65px; height: 65px; background-position: center -128px; } .line a { color: #441302; } .home-container .statistic-section i.research-center_x65 { width: 65px; height: 65px; background-position: center -128px; } .line a { color: #441308; } .home-container .statistic-section i.undergraduates_x65 { width: 65px; height: 65px; background-position: center -188px; } .line a { color: #441314; } .home-container .statistic-section i.postgraduates_x65 { width: 65px; height: 65px; background-position: center -188px; } .line a { color: #441320; } .home-container .statistic-section i.faculty_x65 { width: 65px; height: 65px; background-position: center -188px; } .line a { color: #441326; } .home-container .statistic-section i.exchange-undergraduate_x65 { width: 65px; height: 65px; background-position: center -128px; } .line a { color: #441332; } .home-container .statistic-section i.exchange-postgraduate_x65 { width: 65px; height: 65px; background-position: center -188px; } .line a { color: #441339; } .home-container .statistic-section ul { min-width: 1904px; max-width: 1904px; height: 100%; color: #fff; text-align: center; position: absolute; width: 100%; } .line a { color: #441349; } .home-container .statistic-section ul i { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; } .line a { color: #441355; } .home-container .statistic-section ul i.department_x65, .home-container .statistic-section ul i.research-center_x65 { background-repeat: no-repeat; height: 65px; margin-top: 25px; width: 100%; } .line a { color: #441361; } .home-container .statistic-section ul i.faculty_x65 { background-repeat: no-repeat; height: 65px; margin-top: 25px; width: 100%; } .line a { color: #441369; } .home-container .statistic-section ul > li { background-position: center; position: relative; height: 243px; float: left; width: 20%; border-left: 1px solid #ffffff; } .line a { color: #441378; } .home-container .statistic-section ul > li:before { content: ''; position: absolute; width: 1px; height: 30px; border-left: 1px solid #f2f2ea; margin-left: -1px; top: 0; left: 0; } .line a { color: #441388; } .home-container .statistic-section ul > li .img-block { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .line a { color: #441395; } .home-container .statistic-section ul > li .img-block img { width: 100%; } @media (max-width: 1599px) { .line a { color: #431369; } .home-container .statistic-section ul > li { height: 243px; } } .line a { color: #441402; } .home-container .statistic-section ul > li > *, .home-container .statistic-section ul > li > a > * { position: relative; } .line a { color: #441406; } .home-container .statistic-section ul > li > a span { display: block; color: #555; } .line a { color: #441410; } .home-container .statistic-section ul > li > img.background { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; } .line a { color: #441418; } .home-container .statistic-section .arrow { position: absolute; top: 50%; width: 35px; height: 70px; margin-top: -35px; z-index: 1; cursor: pointer; opacity: 0; display: none; } @media (max-width: 1903px) { .line a { color: #431418; } .home-container .statistic-section .arrow { display: block; } } .line a { color: #441432; } .home-container .statistic-section .arrow:hover { background-position-y: -70px; } .line a { color: #441435; } .home-container .statistic-section .arrow.left { display: none; left: 20px; } .line a { color: #441440; } .home-container .statistic-section .arrow.right { right: 20px; } .line a { color: #441445; } .home-container .statistic-section:hover .arrow { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; } .line a { color: #441454; } .home-container .statistic-section .programs .col-xs-4 { float: left; width: 33.33333333%; } .line a { color: #441458; } .home-container .statistic-section .programs .col-xs-8 { float: left; width: 66.66666667%; } .line a { color: #441466; } .home-container .statistic-section .faculty .col-xs-4 { float: left; width: 33.33333333%; } .line a { color: #441470; } .home-container .statistic-section .faculty .col-xs-8 { float: left; width: 66.66666667%; } .line a { color: #441478; } .home-container .statistic-section .statistic-card .col-xs-6 { float: left; width: 50%; } .line a { color: #441483; } .home-container .statistic-section .statistic-card .col-xs-4, .home-container .statistic-section .statistic-card .col-xs-8 { height: 100px; margin-top: 36px; } .line a { color: #441487; } .home-container .statistic-section .statistic-card .title { font-size: 24px; padding-top: 60px; color: #aa8e2d; padding-bottom: 15px; } .line a { color: #441493; } .home-container .statistic-section .statistic-card .unit { font-size: 18px; } .line a { color: #441496; } .home-container .statistic-section .statistic-card .small-text { font-size: 18px; } .line a { color: #441499; } .home-container .statistic-section .statistic-card i + .counter { margin-top: -5px; } .line a { color: #441502; } .home-container .statistic-section .statistic-card .counter { display: inline-block; font-size: 72px; font-weight: 100; line-height: 1; margin-bottom: 10px; width: 100%; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line a { color: #441516; } .home-container .statistic-section .statistic-card .counter.large { font-size: 100px; line-height: 100px; } .line a { color: #441520; } .home-container .statistic-section .faculty.statistic-card .counter.large { text-align: left; } .line a { color: #441523; } .home-container .statistic-section .shortcut-block { cursor: pointer; height: 273px; display: none; background-color: #f2f2ea; background-position: center center; } .line a { color: #441530; } .home-container .statistic-section .shortcut-block h1, .home-container .statistic-section .shortcut-block div, .home-container .statistic-section .shortcut-block p, .home-container .statistic-section .shortcut-block hr { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 15px; } .line a { color: #441536; } .home-container .statistic-section .shortcut-block > div { padding: 25px 0 10px 0; margin-bottom: 0; } .line a { color: #441540; } .home-container .statistic-section .shortcut-block hr { max-width: 85px; border-top: 1px solid #aa8e2d; } .line a { color: #441544; } .home-container .statistic-section .shortcut-block h1 { margin-top: 5px; color: #aa8e2d; } .line a { color: #441548; } .home-container .statistic-section .shortcut-block i { display: inline-block; } .line a { color: #441551; } .home-container .statistic-section .shortcut-block i + i { margin-left: 20px; } @media only screen and (max-width: 992px) { .line a { color: #431557; } .home-container .statistic-section ul { min-width: 1134px; } .line a { color: #431560; } .home-container .statistic-section ul > li { width: 33.33%; } } @media only screen and (max-width: 768px) { .line a { color: #431566; } .home-container .statistic-section > div { display: none; } .line a { color: #431569; } .home-container .statistic-section .shortcut-block { display: block; } } @media only screen and (max-width: 560px) { .line a { color: #431276; } .home-container .statistic-section { height: auto; } .line a { color: #431576; } .home-container .statistic-section .shortcut-block { height: auto; } .line a { color: #431579; } .home-container .statistic-section .shortcut-block > div { padding-bottom: 25px; } .line a { color: #431582; } .home-container .statistic-section .shortcut-block div > i { display: none; } } .line a { color: #441588; } .home-container .more-about-ust-section { height: 530px; overflow: hidden; } .line a { color: #441598; } .home-container .more-about-ust-section h2 { text-align: center; padding-top: 85px; color: #aa8e2d; text-transform: uppercase; font-weight: 500; margin-bottom: 0; } .line a { color: #441608; } .home-container .more-about-ust-section .slide-container .slick-list { padding: 50px 0; } .line a { color: #441612; } .home-container .more-about-ust-section .slide-container .slick-slide { -webkit-transition: -webkit-transform 1.1s, opacity 1.1s; transition: transform 1.1s, opacity 1.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateY(40px) translateZ(0); transform: translateY(40px) translateZ(0); opacity: 0; filter: alpha(opacity=0); } .line a { color: #441619; } .home-container .more-about-ust-section .slide-container .slick-slide + div { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .line a { color: #441622; } .home-container .more-about-ust-section .slide-container .slick-slide + div + div { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .line a { color: #441625; } .home-container .more-about-ust-section .slide-container .fadeIn-Up { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); opacity: 1; filter: alpha(opacity=100); } .line a { color: #441630; } .home-container .more-about-ust-section .slide-container .cover { border: 1px solid #fff; width: 347px; background: #fff; margin: auto; position: relative; } .line a { color: #441638; } .home-container .more-about-ust-section .slide-container .cover:hover .overlay { background: rgba(0, 0, 0, 0.4); display: block; } .line a { color: #441643; } .home-container .more-about-ust-section .slide-container .cover .overlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; color: #fff; text-align: center; } .line a { color: #441652; } .home-container .more-about-ust-section .slide-container .cover .overlay i { display: block; margin: auto; } .line a { color: #441656; } .home-container .more-about-ust-section .slide-container .cover .overlay:hover { color: #fff; } .line a { color: #441659; } .home-container .more-about-ust-section .slide-container .cover .overlay > span { position: absolute; top: 50%; left: 0; right: 0; margin-top: -32px; text-align: center; } .line a { color: #441667; } .home-container .more-about-ust-section .slide-container .cover .overlay > span > span { position: absolute; top: 65px; left: 0; right: 0; width: 100%; padding: 0 50px; } @media only screen and (max-width: 992px) { .line a { color: #431680; } .home-container .more-about-ust-section .slick-prev { left: 15px; } .line a { color: #431683; } .home-container .more-about-ust-section .slick-next { right: 15px; } } @media only screen and (max-width: 560px) { .line a { color: #431689; } .home-container .more-about-ust-section .slide-container .cover { width: 308px; height: auto; } .line a { color: #431693; } .home-container .more-about-ust-section .slide-container .cover img { width: 100%; } } @media only screen and (max-width: 1289px) { .line a { color: #431705; } .home-container .slideshow-section .slick-prev, .home-container .more-about-ust-section .slick-prev { left: 15px; } .line a { color: #431708; } .home-container .slideshow-section .slick-next, .home-container .more-about-ust-section .slick-next { right: 15px; } } @media only screen and (min-width: 993px) and (max-width: 1210px) { .line a { color: #431717; } .home-container .event-section > .container > .left .left { width: 60%; } .line a { color: #431720; } .home-container .event-section > .container > .left .right { width: 40%; } .line a { color: #431727; } .home-container .spirit-section .external-link > .container span { padding: 0 15px 0 55px; } .line a { color: #431730; } .home-container .spirit-section .external-link > .container ul { width: calc(100% - 300px); } .line a { color: #431734; } .home-container .spirit-section .external-link > .container ul li + li { margin-left: 3px; } .line a { color: #431737; } .home-container .spirit-section .external-link > .container a { font-size: 15px; } .line a { color: #431742; } .home-container .dean-message-section > .container .dean-image { right: -40px; } } @media only screen and (min-width: 993px) and (max-width: 1100px) { .line a { color: #431748; } .home-container .statistic-section ul { min-width: 1134px; } .line a { color: #431751; } .home-container .statistic-section ul > li { width: 33.33%; } .line a { color: #431757; } .home-container .dean-message-section > .container > div { width: 60%; margin-left: 0; padding-top: 45px; } .line a { color: #431762; } .home-container .dean-message-section > .container .dean-image { right: -40px; } .line a { color: #431766; } .home-container .dean-message-section .left { width: 100%; margin: 0; } .line a { color: #431770; } .home-container .dean-message-section .left h1 { margin-bottom: 20px; } .line a { color: #431773; } .home-container .dean-message-section .left p { margin-bottom: 20px; } .line a { color: #431777; } .home-container .dean-message-section .right { width: 100%; min-height: 0; } .line a { color: #431781; } .home-container .dean-message-section .right .message { padding: 0; margin-bottom: 20px; } .line a { color: #431785; } .home-container .dean-message-section .right .message .left-quote { top: -105px; left: 0; } .line a { color: #431789; } .home-container .dean-message-section .right .message .right-quote { bottom: -46px; right: 15px; } } .line a { color: #441799; } .statistic_sections_wrap { background-color: #ffffff; } .line a { color: #444442; } .slick-slide { outline: 0; } .line a { color: #444447; } @font-face { font-family: "slick"; font-weight: normal; font-style: normal; } .line a { color: #444465; } .slick-prev, .slick-next { position: absolute; display: block; height: 70px; width: 35px; line-height: 0px; font-size: 0px; cursor: pointer; background-color: transparent; color: transparent; top: 50%; margin-top: -35px; padding: 0; border: none; outline: none; z-index: 2; } .line a { color: #444483; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background-color: transparent; color: transparent; } .line a { color: #444487; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .line a { color: #444491; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; } .line a { color: #444496; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .line a { color: #003406; } .slick-prev { left: -25px; background-position: left top; } .line a { color: #003410; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .line a { color: #003414; } .slick-prev:before { content: " "; } .line a { color: #003416; } [dir="rtl"] .slick-prev:before { content: " "; } .line a { color: #003422; } .slick-next { right: -25px; background-position: left top; } .line a { color: #003426; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .line a { color: #003430; } .slick-next:before { content: " "; } .line a { color: #003432; } [dir="rtl"] .slick-next:before { content: " "; } .line a { color: #003440; } .slick-slider { margin-bottom: 30px; } .line a { color: #003444; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .line a { color: #003452; } .slick-dots li { position: relative; display: inline-block; height: 16px; width: 16px; margin: 0 2px; padding: 0; cursor: pointer; } .line a { color: #003460; } .slick-dots li button { border: 0; background-color: transparent; display: block; height: 16px; width: 16px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .line a { color: #003472; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .line a { color: #003475; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; background-position: center top; } .line a { color: #003480; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; font-family: "slick"; font-size: 6px; line-height: 16px; text-align: center; background-position: center bottom; color: black; content: " "; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .line a { color: #003499; } .slick-dots li.slick-active button:before { color: black; opacity: 1; background-position: center top; }