#main{ background-color:#F3F0EB; background-repeat:no-repeat; background-position:center center; } .block .block-title { font-size: 26px !important; color: #333; margin: 40px 0 30px 0 !important; border-bottom: 0; font-weight: 600 !important; position: relative; } .block .block-title:before{ position: absolute; color: rgba(0,0,0,0.3); top: -30px; } .language-en .block h2.block-title:before { content: ""; } .language-en .block h2.block-title { font-size: 28px !important; } .more-link{ position: absolute; left: 2.8rem; top: 8px; display: flex; vertical-align: middle; align-items: center; font-size:14px !important; overflow: initial !important; color:#666 !important; } a.more-link:before { content: ""; width: 1.3rem; background: #ccc; height: 1px; margin-left: -1.5rem; margin-right: 10px; } a.more-link:after{ background: url(../../morelink-arrow-normal.png) no-repeat; margin-top:0px; margin-left:10px; background-size: 100%; align-items: center; content:""; width:16px; height:16px; background-size:100%; display: inline-block; } /******** region-top-first - big sliderpicture *******/ .layout-full.region-top-first { margin-bottom: 40px; } .block-region-top-first .pagination { bottom: 40px; text-align: left; left: 14%; } .block-region-top-first .swiper-pagination-bullet { background: #FFF; opacity: 0.5; } .block-region-top-first .swiper-pagination-bullet-active{ background:#701318; } /******** region-top- news *******/ .block-region-top .block .block-title:before{ content: "NEWS"; } .block-region-top .block:nth-child(1){ width: 96%; height: auto; max-width: 1400px; margin: 0 auto; max-height:7.2rem; } .block-region-top { position: relative; height:6.4rem; margin-top:0.6rem; max-height:7.2rem; } .block-region-top .swiper-container-autoheight,.block-region-top .swiper-container-autoheight .swiper-slide,.swiper-wrapper.news-thumbs { height: auto !important; } .block-region-top .swipermain-thumbs{ width: 38%;; } .block-region-top .newspicblock img{ width: 100%; object-fit: cover; height: auto; max-height:7.4rem; } .block-region-top .block:nth-child(2) { position: absolute; z-index: 1; left: 50%; right: 0; top: 0; bottom: 0; margin-left: -2.01rem; /* padding-top: 0.46rem; overflow: hidden; */ } .news-thumbs .newslistitems{ border:1px solid #FFF; background:#FFF; padding:0.2rem 0.2rem 0.2rem 0; overflow: hidden; } .news-thumbs .newslistitems p.summary{ font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-thumbs .newslistitems p a{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px; font-weight: bold; } .news-thumbs .newslistitems .posttime{ float:left; width:70px; background:#EADFC8; color:#c9a063; padding:20px 10px; margin-right:20px; font-family: arial; } .news-thumbs .newslistitems .postinfo{ float:left; width:calc(100% - 90px); } .news-thumbs .newslistitems .posttime span{ display:block; text-align:center; padding:3px 0; font-family: arial; } .news-thumbs .newslistitems .posttime span.month { border-top: 1px solid #c9a063; font-size: 12px; } .news-thumbs .newslistitems .posttime span.day { font-size: 16px; } .news-thumbs .swiper-slide-thumb-active .newslistitems{ background:rgba(112, 19, 24,1); } .news-thumbs .swiper-slide-thumb-active .newslistitems p.title a{ color:#FFF; } .news-thumbs .swiper-slide-thumb-active .newslistitems p.summary{ color:rgba(255,255,255,0.6); } .news-thumbs .swiper-slide-thumb-active .newslistitems .posttime { background:#333; color:#FFF; } .news-thumbs .swiper-slide-thumb-active .newslistitems .posttime span.month{ border-top:1px solid #FFF; } .newspicblock .swiper-pagination-fraction.swiper-pagination { color: #000; position: relative; left: 0; top: 0; } .newspicblock .swiper-pagination-fraction.swiper-pagination .swiper-pagination-current { color:#A98E55; font-weight: bold; } .newspicblock .btns { position: absolute; left: 30px; bottom: 20px; z-index: 200; width: 100px; } .newspicblock .swiper-button-next, .newspicblock .swiper-button-prev { margin: 0; position: relative; } .newspicblock .swiper-button-next{ right:10px; left:auto; } .swipermain .swiper-button-prev{ left:0; right:auto; } .newspicblock .sw-button { position: relative; display: flex; align-items: center; padding: 10px 0; margin-top:30px; justify-content: center; } .newspicblock .swiper-button-next,.newspicblock .swiper-button-prev{ opacity: 1; line-height: 100% !important; font-size:0 !important; } .newspicblock .swiper-button-prev:before,.newspicblock .swiper-button-next:before{ font-size: 20px; font-weight: bold; color: #6B1519; font-family:swiper-icons; } .newspicblock .swiper-button-next:hover:before,.newspicblock .swiper-button-prev:hover:before{ color: #6A1116; } .newspicblock .swiper-button-prev:before { content: 'prev'; } .newspicblock .swiper-button-next:before { content: 'next'; } .newslistblock { flex-wrap: wrap; position:relative; z-index:10; } @media screen and (min-width:992px){ .block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{ height: 450px !important; } .newslistitems .imgs{ display:none; } .block-region-middle-first-right { margin-left: 40px; padding-left: 40px; border-left: 1px solid #ECECEC; } .block-region-middle-third-right { margin-left: 40px; } .newspicblock .sw-button { margin-top: 0; position: absolute; width: 150px; bottom: 0px; right: 0; background: #FFF; z-index: 10; } .layout-full.region-top .inner { position: inherit; max-width: 1920px; width: 100%; } } @media screen and (min-width:1170px){ .block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{ height: 80vh !important; } } @media screen and (min-width:1400px){ .block-region-top-first .swiper-55-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 { height: 90vh !important; } } @media screen and (min-width:1600px){ .block-region-top-first.swiper-55-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-55-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-55-1 .swiper-container.swiper-1, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 { height:96vh !important; } } @media (min-width:992px) and (max-width:1600px){ .block-region-top .swipermain-thumbs { width: 6rem; } .news-thumbs .newslistitems p.summary{ display:none; } .news-thumbs .newslistitems .posttime { width: 60px; padding: 5px 5px; } .news-thumbs .newslistitems p a{ font-size:16px; } } @media (max-width:991px){ .block-region-top { position: initial; height: auto; margin-top: 0.6rem; max-height: initial; } .block-region-top .block:nth-child(1) { max-height:initial; } .block-region-top .block:nth-child(2){ display:none; } .block-region-top .swipermain-thumbs { width: 100%; overflow: hidden; } .news-thumbs .newslistitems { padding: 0.2rem; } .news-thumbs .newslistitems .imgs{ margin-bottom:0.2rem; } } /********** top region applylink ********/ #main .field-body .apply-links div{ line-height:100%; } .apply-links { z-index: 101; position: absolute; bottom: -20px; right: 0; width: 100%; } .apply-links .swiper-slide a{ display:block; text-align:center; padding-top:15px; padding-bottom:15px; background:#FFF; } .apply-links .swiper-slide a:hover{ background:#701318; color:#FFF; } .front-programs { height: 70px; } /************ academicblock ***************/ .region-middle-first .col-xs-12.col-md-6 { width: 100%; } .region-middle-first .block .block-title:before{ content: "ACADEMIC"; } .region-middle-first{ padding:40px 0; } .region-middle-first{ padding-top:1400px; margin-top:-1370px; background:url(../../04.jpg) no-repeat center center; background-size:cover; } .academicblock { margin-left: -10px; margin-right: -10px; } .academicblock .owl-item{ height:100%; padding-bottom:200px; margin-bottom:-200px; } .academicitems { margin-right:10px; margin-left:10px; background: #FFF; height: 100%; padding-bottom:200px; margin-bottom:-200px; } .academicitems:hover{ background:rgba(255,255,255,0.8); } .academicitems imgs a { line-height: 0; display: block; } .academicitems .posttime span { display: block; color: #FFF; text-align: center; font-family: arial; } .academicitems .postinfo { padding: 20px 0.35rem 40px 70px; position: relative; } .academicitems .posttime span.month { padding-top: 5px; margin-top: 5px; border-top: 1px solid; font-size:12px; } .academicitems .postinfo p.title{ font-size:16px; } .academicitems .postinfo p.title a{ color:#333; font-weight:600; } .academicitems .postinfo p.summary{ color:#999; } .academicitems .posttime { position: absolute; padding: 10px 5px; background: rgba(0,0,0,0.8); display: inline-block; left: 0; /* right: 0; */ width: 55px; margin: 0 auto; top: 0; font-family: arial; font-size: 18px; } .swiper-slide.imgs { overflow: hidden; } .imgs{ overflow:hidden; } .imgs a{ display:block; line-height:0; overflow:hidden; } .imgs img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .imgs:hover img { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04) } /**************** media **************/ .region-third{ padding-top:20px; } .block-region-middle-third-left .block .block-title:before{ content:"MEDIA FOCUS"; } .media .imgs{ background:url(../../nopic-media.jpg) no-repeat; background-size: cover; background-position: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .media .imgs:hover{ background-size: 120%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .listitems{ overflow: hidden !important; } .listitems .postinfo { position: relative; margin-top: -40px; } .listitems .postinfo .summaryinfo { background: #F3F0EB; float: right; width: calc(100% - 70px); padding: 20px 30px 0 30px; } .listitems .postinfo .viewmore { position: absolute; top: 40px; left: 0; background: #FFF; width: 70px; height: 70px; font-size: 0; display: flex; justify-content: center; vertical-align: middle; align-items: center; } .listitems .postinfo .viewmore a:before { content: "\e657"; font-size: 20px; font-family: 'iconfont'; color: #86000D; top: 0; bottom: 0; } .listitems .postinfo .viewmore a:hover:before { color: #BFA87A; } .listitems .postinfo .posttime { position: absolute; padding: 10px 5px; background: rgba(0,0,0,0.8); display: inline-block; left: 15px; top: -20px; width: 55px; font-family: arial; font-size: 14px; } .listitems .postinfo .posttime span{ text-align:center; color:#FFF; display: block; font-size:18px; } .listitems .posttime span.month { padding-top: 5px; margin-top: 5px; border-top: 1px solid; font-size:12px; } .listitems .postinfo .title { overflow: hidden; font-size:16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .listitems .postinfo .summaryinfo{ min-height:145px; } .listitems .postinfo .title a{ color:#333; } .listitems .postinfo .summary { overflow: hidden; font-size:14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#999; } .listitems .ilist { padding: 20px; border: 1px solid #CCC; margin-bottom: 10px; position: relative; min-height:120px; } .listitems .ilist:hover{ background:rgba(255,255,255,0.5); } .listitems .ilist p.title a{ overflow: hidden; font-size:16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333; } .listitems .ilist p.time{ font-size:12px; position:absolute; bottom:10px; color:#999; } .list-4 .list-content { padding-right: 0; padding-left: 0; } /**************** campus **************/ .block-region-bottom-second-middle .block .block-title:before{ content:"CAMPUS CULTURE"; } .campus .imgs{ background:url(../../nopic-campus.jpg) no-repeat; background-size: cover; background-position: center; } /************** notice ******************/ .block-region-middle-third-right .block .block-title:before{ content:"NOTICE"; } .block-region-middle-third-right .list-right.f-r.outside-l.size-s { float: none; padding-left: 0; margin-left: 0; margin-bottom: 20px; } .block-region-middle-third-right .list-right.f-r.outside-l.size-s span{ float:right; } .block-region-middle-third-right .list-4 .list-content li.inside-tb{ padding:20px; } .block-region-middle-third-right .list-4 .list-content li.inside-tb:hover{ background:rgba(255,255,255,0.4); box-shadow:2px 2px 6px #999; } .block-region-middle-third-right .list-4.bg-white.clearfix.inside-b.outside-b.list-4-blue.bg-white { background:none; } .block-region-middle-third-right .list-4 .list-content li .list-right a { color: #711318; } @media only screen and (max-width:991px){ .listitems .postinfo .summaryinfo { min-height: inherit; } .block-region-middle-third-left,.block-region-bottom-second-middle,.block-region-bottom-second-right{ margin-bottom:40px; } } /******************* event *************************/ .region-bottom-standard{ background:url(../../fronteventbg.jpg) no-repeat; background-size:cover; background-position:center center; padding:40px 0 40px 0; margin-top:40px; } .block-region-bottom { width: calc(100% - 2.4rem); margin-left: 2.4rem; } .block-region-bottom .block .block-title{ color:#FFF; } .block-region-bottom .block .block-title:before{ content: "UPCOMING EVENTS"; color: rgba(255,255,255,0.4); } .fronteventblock{ display:flex; flex-wrap:wrap; width: calc(100% - 100px); margin-left: 100px; } .event-list.event-list-4 .event-content { border: 1px solid #CCC; margin-bottom: 10px; height: 100%; width: 100%; } .event-list.event-list-4 .event-content:hover{ background:#F3F0EB; } .event-list.event-list-4 .event-content .event-left { display: table-cell; vertical-align: top; padding-right: 10px; width: 55px; text-align: center; font-family:Arial; } .event-list.event-list-4 .event-content .event-right { padding: 10px; display: table-cell; vertical-align: top; } .event-list.event-list-4 .event-content .event-left .event-time .event-day { font-weight: 600; text-align: center; font-size:18px; } .event-list.event-list-4 .event-content .event-left .event-month { border-top: 1px solid #FFF; font-size:12px; } .event-list.event-list-4 .event-content .event-left .event-time { background-color: #333; margin-top: 10px; } .event-list.event-list-4 { margin-bottom: 30px; } .event-list li a, .event-list ul li a { color: #FFF; } .event-list.event-list-4 .event-content .event-left .event-time { padding: 10px; line-height: 22px; color: #FFF; } .event-title a{ color:#FFF; } .event-list.event-list-4 p,.event-right p{ color:rgba(255,255,255,0.8); font-size:13px; overflow:hidden; } .event-list.event-list-4 .event-content:hover .event-right p,.event-list.event-list-4 .event-content:hover .event-right p span{ color:rgba(0,0,0,0.5); } .event-list.event-list-4 .event-content:hover .event-title a{ color:#333; } .event-right p span{ display:inline-block; float:left; width:calc(100% - 40px); color:rgba(255,255,255,0.8); } .block-region-bottom a.more-link{ color:rgba(255,255,255,0.8) !important; } @media only screen and (min-width:992px){ .block-region-bottom .more-link { position: absolute; left: 10px; top: 2.6rem; font-size: 14px; right: auto; writing-mode: vertical-lr; } .block-region-bottom .more-link:before{ display:none; } .block-region-bottom h2:after { position: absolute; content: ""; height: 1.5rem; width: 1px; border-right: 1px solid #ECECEC; left: 18px; top: 0.9rem; /* background: black; */ display: block; } .block-region-bottom a.more-link:after { content: ""; width: 16px; height: 16px; background: url(../../morelink-arrow.png) no-repeat; background-size: 100%; display: inline-block; margin-top: 10px; margin-left: 2px; } } @media only screen and (max-width:1400px){ .block-region-bottom { width: calc(100% - 1.2rem); margin-left: 1.2rem; } } @media only screen and (max-width:991px){ .block-region-bottom { width: 100%; margin-left: 0; } .block-region-bottom .block .block-title{ margin-right:14px; margin-left:14px; } .event-list.event-list-4 { width: 100%; } .fronteventblock { display: flex; flex-wrap: wrap; width: 100%; margin-left:0; } .more-link{ position: absolute; left: inherit; top: 8px; right:5px; } a.more-link:before { display:none; } } @media only screen and (min-width: 768px){ .event-list.event-list-4 .event-content .event-right .event-title { -webkit-line-clamp: 4; font-size: 16px; line-height: 1.5em; font-weight: 400; margin-bottom:15px; } .event-right p strong{ float:left; width: 40px; } } @media only screen and (max-width: 767px){ .event-right p{ } .event-list ul li{ float:none; width:auto; } } /******************** professor ***********/ .region-footer-first { background: #FFF; padding:40px 0; overflow: hidden; } .region-footer-first .empty-row { display: block; width: auto; position: relative; margin-right: -28px; } .region-footer-first .col-xs-12.col-md-4:nth-child(2){ width: calc(100% - 840px); overflow: hidden; } .fixpicture .swiper-wrapper { display:inherit; flex-wrap: wrap; } .fixpicture{ width:810px; margin:0 auto; overflow: hidden; height:810px; } .fixpicture .swiper-slide{ float:left; width:33.3%; height:270px !important; position: relative; cursor: pointer; } .fixpicture .swiper-slide:nth-child(2),.fixpicture .swiper-slide:nth-child(3),.fixpicture .swiper-slide:nth-child(5){ margin-left:33.3%; } .fixpicture .swiper-slide:nth-child(3){ margin-right:33.3%; } .fixpicture .swiper-slide:before{ content: ""; background-color: rgba(0, 0, 0, 0.1); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .fixpicture .swiper-slide.swiper-slide-thumb-active:before{ display:none; } .fixpicture .swiper-slide img{ object-fit: cover; object-position: center; width:100%; height:100%; } .block-region-footer-first-middle{ height:810px; position:relative; } .block-region-footer-first-middle h2{ position: absolute; right: 0px; top: 10px; text-align: right; font-weight: 600; } .block-region-footer-first-middle h2:before{ content: "VIEWPOINTS"; color: #CCC !important; font-size: 32px; display: block; text-transform: uppercase; right: 0; } .block-region-footer-first-middle h2:after{ position: absolute; content: ""; height: 1.5rem; width: 1px; border-right: 1px solid #ECECEC; right: 10px; top: 0.9rem; /* background: black; */ display: block; } .block-region-footer-first-middle .swipermain-thumbs{ height:540px; position:relative; margin-right: 50px; top: 162px; } .block-region-footer-first-middle .swipermain-thumbs:before{ content: ""; position: absolute; top: -140px; right: 0; height: 160px; width: 400px; max-height: 60%; max-width: 100%; background: url(../../draw-bus.gif) no-repeat; background-size: 100%; z-index: 2; } .block-region-footer-first-middle .professorcontent{ padding:10%; background:#F2F2F2; height:100%; } .block-region-footer-first-middle .imgs{ height:270px; position:relative; } .block-region-footer-first-middle .swiper-container { height: 100%; background: #F2F2F2; } .block-region-footer-first-middle .sw-button { position: absolute; bottom: 10px; width: 100px; height: 40px; left:10%; bottom:10%; } .block-region-footer-first-middle .swiper-button-next,.block-region-footer-first-middle .swiper-button-prev{ opacity: 1; } .block-region-footer-first-middle .swiper-button-next:before, .block-region-footer-first-middle .swiper-button-prev:before{ font-size:14px; } .block-region-footer-first-middle .imgs img{ position:absolute; bottom:-20px; right:0; height:auto; width:auto; max-height:60%; max-width: 100%; } .block-region-footer-first-middle .title{ font-size:150%; margin-bottom:20px; line-height:180%; } .block-region-footer-first-middle .more-link{ position: absolute; right: 3px; top: 2.6rem; font-size: 14px; left: auto; writing-mode: vertical-lr; } .block-region-footer-first-middle a.more-link{ text-decoration: none; } @media(min-width:992px){ .block-region-footer-first-middle a.more-link:before { display:none; } .block-region-footer-first-middle a.more-link:after{ content: ""; width:16px; height:16px; background: url(../../morelink-arrow.png) no-repeat; background-size:100%; display: inline-block; margin-top:10px; margin-left: 2px; } } @media (min-width: 1201px) and (max-width:1400px){ .fixpicture{ width:660px; height:660px; } .block-region-footer-first-middle{ height:660px; } .block-region-footer-first-middle .swipermain-thumbs:before{ display:none; } .region-footer-first .col-xs-12.col-md-4:nth-child(2) { width: calc(100% - 690px); overflow: hidden; } .fixpicture .swiper-slide,.block-region-footer-first-middle .img{ height:220px !important; } .block-region-footer-first-middle .professorcontent{ height:440px; } .block-region-footer-first-middle a.more-link:before { content: ""; height: 1.3rem; background: #ccc; width: 1px; margin-left: -1.5rem; margin-right: 10px; } .block-region-footer-first-middle .swipermain-thumbs { top: 113px; height: 440px; } } @media (max-width: 1200px) and (min-width: 992px){ .fixpicture{ width:450px; height:450px; } .block-region-footer-first-middle{ height:450px; } .region-footer-first .col-xs-12.col-md-4:nth-child(2) { width: calc(100% - 480px); overflow: hidden; } .block-region-footer-first-middle .swipermain-thumbs { top: 42px; height: 300px; } .fixpicture .swiper-slide,.block-region-footer-first-middle .img{ height:150px !important; } .block-region-footer-first-middle .professorcontent{ height:300px; } .block-region-footer-first-middle .professorcontent p.title{ font-size:120%; } .block-region-footer-first-middle .professorcontent p{ font-size:100%; } .block-region-footer-first-middle .swipermain-thumbs:before{ display:none; } } @media (max-width: 991px) { .fixpicture{ display: none; } .block-region-footer-first-middle{ height:auto; width:100%; margin:0 auto; float:none; } .block-region-footer-first-middle .imgs{ height:200px; } .region-footer-first .col-xs-12.col-md-4:nth-child(2) { width: 100%; overflow: hidden; } .block-region-footer-first-middle .imgs img{ max-height:80%; max-width:100%; } .block-region-footer-first-middle .professorcontent{ height:auto; min-height:400px; } .block-region-footer-first-middle .professorcontent p.title{ font-size:130%; } .block-region-footer-first-middle .professorcontent p{ font-size:100%; } .block-region-footer-first-middle h2{ position: relative; right: 0px; top: 10px; text-align: left; font-weight: 600; } .block-region-footer-first-middle h2:after { display:none; } .block-region-footer-first-middle h2:before{ left: 0; } .block-region-footer-first-middle .swipermain-thumbs:before { top: -180px; height: 200px; width: 80%; z-index: 2; } .block-region-footer-first-middle .more-link{ top: 15px; writing-mode: inherit; } .block-region-footer-first-middle .more-link a:after{ background: url(morelink-arrow-normal.png) no-repeat; margin-top:0px; margin-left:10px; background-size: 100%; align-items: center; } } @media(max-width:768px){ .block-region-footer-first-middle .swipermain-thumbs { top: 10px; height:100%; margin-right: 0; } .block-region-footer-first-middle .swipermain-thumbs:before{ display:none; } } @media (max-width: 480px){ .block-region-footer-first-middle h2:after{ display: none; } .block-region-footer-first-middle .more-link{ left:auto; right:0; } } /*************** bottom ************/ .block-region-footer-bottom div.block:nth-child(1){ background-color:rgba(43, 19, 19,.6); padding:0 1% 20px 1%; } .block-region-footer-bottom div.block:nth-child(2){ background-color:rgba(43, 19, 19,.8); padding:0 1% 20px 1%; } @media (min-width: 1200px){ .block-region-footer-bottom div.block:nth-child(1) { width: 28%; float: left; } .block-region-footer-bottom div.block:nth-child(1) .col-md-12.col-xs-12.t-c { padding: 0 60px 0 20px; } .block-region-footer-bottom div.block:nth-child(2) { width: 68%; float: left; padding:0 1%; } } @media (max-width: 1199px) and (min-width: 768px){ .block-region-footer-bottom div.block:nth-child(1) { width: 38%; float: left; padding:0 1%; } .block-region-footer-bottom div.block:nth-child(2) { width: 58%; float: left; padding:0 1%; } } @media (min-width: 768px){ .region-footer-bottom .block-region-footer-bottom { display: flex; } } @media (max-width: 767px){ .block-region-footer-bottom div.block:nth-child(1) { padding:30px 1% 0 1%; } .block-region-footer-bottom div.block:nth-child(1) img{ width:100%; } .block-region-footer-bottom div.block:nth-child(2) { padding:30px 1% 0 1%; } } .front-jj .list-image { padding: 0 15px; } .front-jj a{ color:#FFF !important; } .block-region-footer-bottom .block h2.block-title{ color:#FFF; padding-left: 20px; } .region-footer-bottom{ background:url(../../bottomlinksbg2.jpg) no-repeat; background-position:top center; background-size:cover; position:relative; } /*.region-footer-bottom:after{ position:absolute; content:""; width:100%; height:100px; background-color:rgba(43, 19, 19,.9); bottom:0; left:0; }*/ .region-footer-bottom .block-region-footer-bottom { margin-top:500px; margin-bottom:60px; position:relative; z-index:2; } .region-footer-bottom .quick-inside-min-tb { font-size: 14px; position: relative; text-indent: 0; color: #FFF; font-weight: 100; padding-top: 40px; margin-top: -25px; padding-bottom: 15px; text-align: left; } .region-footer-bottom .quick-inside-min-tb img { border: 1px solid #ECECEC; } @media (max-width: 991px) and (min-width: 560px){ .region-footer-bottom .block-region-footer-bottom{ margin-top:200px; margin-bottom:0px; } } @media (max-width: 560px){ .region-footer-bottom .block-region-footer-bottom{ margin-top:100px; } } /******************** front-program list ****************/ .front-programs .owl-nav { position: absolute; top: 25px; right: 10px; } .front-programs .owl-nav .icon{ font-weight:700; } .front-programs .owl-stage-outer { position: relative; overflow: hidden; } .front-programs .owl-item { float: left; overflow:hidden; text-align: center; } .front-programs .item { margin-bottom:10px; } .front-programs .item a { display: block; padding-top: 20px; padding-bottom: 20px; box-shadow: 1px 1px 10px #ccc; background: #FFF; border-right: 1px solid #ECECEC; position:relative; z-index: 1; margin-top:20px; } .front-programs .owl-item a:after{ width:100%; height:100%; position: absolute; background:#FFF; bottom:0; content:""; left:0; z-index: -1; transition: .3s; } .front-programs .owl-item:last-child .item a{ border-right:0; } .front-programs .owl-item a:hover{ background:rgba(112, 19, 24,1); color:#FFF; padding-top:10px; padding-bottom:30px; } .front-programs .owl-item a:hover:after{ width:100%; height:calc(100% + 20px); position: absolute; background:rgba(112, 19, 24,1); bottom:0; content:""; left:0; } .front-programs .owl-nav .owl-prev, .front-programs .owl-nav .owl-next { cursor: pointer; font-size: 20px; line-height: 23px; color:#079F48; margin-left: 15px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; float: left; text-align: center; position: relative; } .front-programs .recent-carousal-en .item a{ height: 72px; display: flex; align-items: center; justify-content: center; }