@charset "utf-8";
/* CSS Document */
.title01 {color: #000;font-size: 40px;padding-bottom: 25px;}
.title02 {color: #de052e;margin-bottom: 10px;font-weight: bold;}
.title03 {color: #de052e;margin-bottom: 10px;font-size: 20px;font-weight: bold;}
.title04 {color: #8d0821;margin-bottom: 10px;font-size: 16px;font-weight: bold;position: relative;padding-left: 45px;}
.title04:before {content: "";position: absolute;left: 0;top: 12px;width: 35px;height: 1px;background: #d5d5d5;}
.title06 {color: #de052e;margin-bottom: 10px;font-weight: bold;position: relative;padding-left: 105px;}
.title06:before {content: "";width: 90px;height: 1px;background: #b6b6b6;position: absolute;left: 0;top: 13px;}
.title07 {color: #000;font-size: 30px;padding-bottom: 20px;}
.title08 {color: #888888;font-weight: bold;margin-bottom: 10px;}
.table-rwd {width: calc(100% + 30px);margin-left: -15px;}
.table-rwd td {padding: 15px;vertical-align: top;}
.wapper h1, .wapper .h1 {font-size: 35px;position: relative;padding-bottom: 25px;margin-bottom: 30px;display: block;line-height: 140%;}
.wapper h1:after, .wapper .h1:after {content: "";position: absolute;background: #de052e;height: 4px;width: 90px;left: 0;bottom: 0;}
.breadcrumb {background: none;margin: 10px 0;padding: 0;line-height: 180%;}
.breadcrumb li .divider:first-child {padding: 0;}
.breadcrumb li{display: flex;align-items: center;}
.breadcrumb li .divider {padding: 0 10px;display: none;}
.breadcrumb-item+.breadcrumb-item::before {content: "";margin-left: 5px;display: inline-block;width: 9px;height: 9px;border-top: 1px solid #092869;border-right: 1px solid #092869;transform: rotate(45deg);zoom: 1;transition: 0.3s linear;margin-right: 15px;}
.breadcrumb li a {color: #aeaeae;zoom: 1;transition: 0.3s linear;}
.breadcrumb a {text-decoration: none;}
/**/
img.logo_img {max-width: 100%;height: 45px;}
header.navbar {padding: 0 calc(50% - 550px);height: 80px;}
.menu_r {order: 3;display: flex;justify-content: center;align-items: baseline;}
.menu_r .dropdown-toggle::after {display: none;}
.menu_r .dropdown-menu {left: auto;right: 0;min-width: 4em;padding: 5px;}
a.menu_r_link {color: #666;padding: 5px;line-height: 24px;height: 24px;display: block;}
.lang_switch {display: inline-flex;align-items: center;gap: 2px;margin-left: 8px;font-size: 14px;line-height: 1;}
.lang_switch .lang_link {color: #666;text-decoration: none;padding: 6px 6px;white-space: nowrap;}
.lang_switch .lang_link:hover {color: #de052e;}
.lang_switch .lang_link.active {color: #de052e;font-weight: 700;}
.lang_switch .lang_sep {color: #ccc;margin: 0 2px;}
.wapper {margin-top: 80px;}
.news {display: flex;position: relative;padding: 40px 0;}
.news .swiper {display: flex;}
.news .swiper .swiper-wrapper {width: calc(100% - 133px);}
.news .swiper-button-wrap{width: 50px;position: relative;background: #fff;z-index: 9;height: 34px;display: flex;justify-content: space-between;align-items: center;}
.swiper-button-prev {position: relative;display: block;top: 0;left: 0;width: 25px;height: 25px;margin: 0;color: #666;text-align: left;}
.swiper-button-next {position: relative;display: block;top: 0;right: 0;width: 25px;height: 25px;color: #666;margin: 0;text-align: right;}
.swiper-button-prev::after, .swiper-button-next::after{font-size: 18px;line-height: 25px;}
.news .swiper .topic {padding: 5px 12px;background-color: #000;color: #fff;margin-right: 1em;position: relative;z-index: 10;}
.news .swiper-slide p {margin: 0;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .swiper-slide p .date {margin-right: 1em;}
.introduction_box {background: #f2edea;padding: 80px 0;overflow: hidden;}
.introduction_box .fulltext {padding-left: 5%;display: flex;flex-direction: column;justify-content: center;}
.feedback_box {padding-bottom: 100px;overflow: hidden;margin-bottom: 0;position: relative;}
.feedback_box .big-title {color: #fff;font-size: 90px;font-weight: 500;height: 44%;top: 0;left: 0%;z-index: 9;padding-left: 3%;display: flex;align-items: flex-end;}
.feedback_box .intro {transform: translate(25%, 60%);}
.feedback_box .img {padding-top: 130px;}
.feedback_box:before {content: "";width: 100%;background: #092869;position: absolute;height: 40%;z-index: -1;}
.feedback_box ul.index_ul_col2 {
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 2.5em;
}
.feedback_box ul.index_ul_col2 li{width: 50%;}
.feedback_box ul.index_ul_col2 li i,.feedback_box ul.index_ul_col2 li svg{margin-right: 1em;color:#DC0B0E;}
.news-wrap {padding: 80px 0;}
.news-wrap .nav-tabs {list-style: none;margin-bottom: 45px;width: 100%;border-bottom: 1px solid #cccccc;justify-content: center;}
.news-wrap .nav-tabs li {margin: 0;width: 160px;text-align: center;margin-bottom: -1px;}
.news-wrap .nav-tabs li a {width: 100%;font-size: 20px;padding: 20px 10px;border: none;border-bottom: 1px solid transparent;font-weight: bold;color: #000;zoom: 1;transition: 0.3s linear;}
.news-wrap .nav-tabs li a:hover, .news-wrap .nav-tabs li a.active {color: #de052e;background: none;border-bottom: 1px solid #de052e;zoom: 1;transition: 0.3s linear;}
.news-wrap .swiper-wrapper .item a{color: #333;text-decoration: none;}
.news-wrap .swiper-wrapper .item a .img{position: relative;padding-bottom: 100%;}
.news-wrap .swiper-wrapper .item a img {object-fit: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.news-wrap .swiper-wrapper .item .date {color: #999;margin-top: 10px;}
.news-wrap .swiper-wrapper .item .title {font-size: 22px;margin-top: 10px;line-height: 140%;max-height: 70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-wrap .more_btn {display: flex;justify-content: center;margin-top: 50px;}
.red-btn {padding: 20px;background: #de052e;border-radius: 40px;width: 210px;display: block;text-align: center;color: #fff !important;border: 1px solid transparent;zoom: 1;transition: 0.3s linear;cursor: pointer;}
.cause_box {background-repeat: no-repeat;background-size: cover;background-position: center;padding: 1.5rem 0;position: relative;}
.cause_box::before {content: "";background-color: #000;opacity: 0.5;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.cause_box .title {color: #fff;font-size: 40px;padding-bottom: 25px;text-align: center;line-height: 140%;}
.cause_box .sub-title {font-size: 18px;color: #fff;text-align: center;margin-bottom: 80px;line-height: 140%;}
.cause {margin-top: 50px;margin-bottom: 30px;z-index: 2;}
.cause .owl-item .item{padding: 1em;}
.cause .owl-item .item a {border-radius: 500px;overflow: hidden;display: block;}
.cause .owl-dots{text-align: center;}
.cause .owl-dots .owl-dot span {background: #d8d8d8;width: 12px;height: 12px;margin: 5px 3px;display: block;border-radius: 12px;}
.cause .owl-dots .owl-dot.active span, .cause .owl-dots .owl-dot:hover span {background: #6a6a6a;}
.news-page .create{color: #999;font-size: 16px;padding-right: 10px;margin-bottom: 20px;}
.news-page .sub-title {background: #f1f1f1;padding: 25px 30px;font-size: 18px;color: #333;border-radius: 5px;}
/*about*/
.banner_img {position: relative;display: flex;align-items: center;overflow: hidden;}
.banner_img .wrap {position: absolute;left: 5%;right: 5%;color: #fff;z-index: 99;}
.banner_img .title {font-size: 50px;position: relative;padding-bottom: 20px;margin-bottom: 25px;line-height: 130%;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);letter-spacing: 3px;}
.banner_img .title:after {content: "";width: 75px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 0;}
.banner_img .subtitle {font-size: 20px;line-height: 150%;}
.banner_img img {filter: brightness(0.7);max-width: 100%;min-width: 110%;}
.history-desc {padding: 100px 0 80px 0;margin-bottom: 80px;background: #f2edea;}
.history-desc p {line-height: 180% !important;}
.history-title {display: flex !important;justify-content: center;}
.history-title:after {left: auto !important;}
.timeline {overflow: unset;margin-top: 50px;list-style: none;position: relative;max-width: 1200px;padding: 20px;margin: 0 auto;}
.timeline:after {content: "";position: absolute;top: 0;left: 15%;margin-left: -2px;background-color: rgba(0, 0, 0, 0.2);height: 100%;width: 4px;border-radius: 2px;display: block;}
.timeline .timeline-row {padding-left: 18%;padding-bottom: 80px;position: relative;z-index: 10;}
.timeline .timeline-row:nth-child(odd) {padding-left: 18%;padding-right: 0;position: relative;z-index: 10;}
.timeline .timeline-row .timeline-time {position: relative;right: auto;left: auto;top: 0;text-align: left;margin: 0 0 6px 20px;}
.timeline .timeline-row .timeline-time h3, .timeline .timeline-row .timeline-time .h3 {font-size: 50px;}
.timeline .timeline-row .timeline-time h3 span, .timeline .timeline-row .timeline-time .h3 span {font-size: 16px;color: #888;display: inline-block;padding-left: 10px;}
.timeline .timeline-row .timeline-icon .bg-primary {background-color: #092869 !important;width: 50px;height: 50px;color: #fff;display: flex;align-items: center;justify-content: center;}
.timeline .timeline-row .timeline-icon > div {border-radius: 50%;line-height: 34px;font-size: 28px;}
.timeline-icon {position: absolute;left: 11.5%;top: 5%;}
.timeline-content {background-color: #fff;border: 1px solid #ddd;border-radius: 15px;padding: 2em 1em;position: relative;}
.timeline-content:before {content: "";position: absolute;top: 44px;left: -15px;width: 17px;height: 0;border-style: solid;z-index: 1;border-width: 7.5px 15px 7.5px 0;border-color: transparent #fff transparent transparent;}
.timeline-content:after {content: "";position: absolute;border-width: 7.5px 15px 7.5px 0;border-color: transparent #b7b7b7 transparent transparent;border-style: solid;top: 44px;left: -17px;width: 17px;height: 0;}
.philosophy .block01 {padding:1em 0 5em;position: relative;}
.philosophy .block01::before{content: "";background-color:#092869;width: 100%;height: 50%;bottom: 0;left: 0;position: absolute;}
.philosophy .block01 .container {display: flex;justify-content: space-between;position: relative;}
.philosophy .block01 .title07 {line-height: 140% !important;}
.philosophy .block01 .container .tiems {width: 30%;margin: 0 15px;padding: 40px 40px 80px 40px;vertical-align: top;background: #f2edea;}
.philosophy .block02 {background: #f1f1f1;padding-top: 60px;}
.philosophy .block02 .items{margin: 0 15px;padding: 40px 40px 80px 40px;vertical-align: top;}
.philosophy .block03 {background: url(../images/home-silder-2-1920x700w.jpg) no-repeat center center;background-size: cover;min-width: 100%;min-height: 555px;width: 100%;background-attachment: fixed;display: flex;align-items: center;}
.philosophy .block03 .row {color: #fff;}
.philosophy .block03 .row div {padding: 80px 60px;}
.philosophy .block03 .row div:first-child {border-right: 1px solid rgba(255, 255, 255, 0.6);}
.philosophy .block03 .row div .title01 {color: #fff;}
/**/
.article_top{display: flex;flex-wrap: wrap;}
.article_top .first {position: relative;display: flex;padding-bottom: 20px;}
.article_list{display: flex;flex-wrap: wrap;}
.article_list .items,.article_top .items{margin: 0px 0 20px 0;display: block;}
.article_top .first .items{position: relative;display: block;}
.article_list .items a {display: block;text-decoration: none;}
.article_top .items a {display: flex;text-decoration: none;flex-direction: row;}
.article_top .first .items a {height: 100%;}
.article_list .items .thumb,.article_top .items .thumb {overflow: hidden;display: flex;min-width: 50%;zoom: 1;transition: 0.3s linear;}
.article_list .items:hover img,.article_top .items:hover img {transform: scale(1.1);zoom: 1;transition: 0.3s linear;}
.article_list .items img,.article_top .items img {max-width: 100%;margin-bottom: -3px;zoom: 1;transition: 0.3s linear;}
.article_list .items .wrap{position: relative;padding-bottom: 30px;}
.article_top .items .wrap {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;position: relative;padding: 30px;background: #f2edea;min-width: 50%;height: auto;}
.article_top .first .items .wrap {position: absolute;bottom: -20px;right: 0;left: 0;color: #fff;width: 100%;padding-top: 60px;background: linear-gradient(185deg, transparent 60px, #de052e 0) top left;}
.article_list .items .date,.article_top .items .date {color: #999;font-size: 16px;padding: 15px 0 5px 15px;display: block;}
.article_list .items .title,.article_top .items .title {font-size: 20px;color: #323232;padding: 0px 10px 10px 15px;line-height: 140%;margin-bottom: 30px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 60px;zoom: 1;transition: 0.3s linear;}
.article_top .first .items .title,.article_top .first .items .more{color: #fff;}
.article_list .items .more,.article_top .items .more {color: #de052e;padding-left: 40px;position: absolute;text-align: right;right: 30px;bottom: 20px;zoom: 1;transition: 0.3s linear;}
.article_list .items .more:before,.article_top .items .more:before {content: "";background: #de052e;width: 35px;height: 1px;position: absolute;right: 70px;top: 7px;zoom: 1;transition: 0.3s linear;}
.article_top .first .items .more:before{background: #fff;}
.article_list .items:hover .more:before,.article_top .items:hover .more:before {padding-left: 70px;zoom: 1;transition: 0.3s linear;}
/*contact*/
.contact {min-height: 400px;padding: 40px 0px 60px 0px;}
.contact .contact_list .items {background: #f2f2f2;padding: 40px 30px 20px 30px;margin-left: 40px;margin-bottom: 80px;}
.contact .contact_list .items img {max-width: 100%;height: auto;border-radius: 10px;transform: translate(-70px, -70px);}
.contact .contact_list .items .title {font-size: 28px;position: relative;padding-bottom: 25px;margin-bottom: 25px;display: block;}
.contact .contact_list .items .title:after {content: "";position: absolute;background: #de052e;height: 4px;width: 45px;left: 0;bottom: 0;}
/*recruit*/
.recruit .recruit_menu {position: relative;background: #fff;z-index: 99;box-shadow: 0px 0px 27px 1px rgba(0, 0, 0, 0.1);}
.hr-block .hr-blockmenu .container {display: flex;align-items: center;justify-content: center;}
.recruit .recruit_menu ul {display: flex;list-style: none;margin: 0;}
.recruit .recruit_menu ul li a {height: 85px;display: flex;justify-content: center;align-items: center;flex-direction: row;padding: 0 25px;text-decoration: none;font-size: 18px;color: #333;}
.recruit .recruit_menu ul li a:hover {background: #092869;color: #fff;zoom: 1;transition: 0.3s linear;}
.recruit .recruit_menu ul li a img {margin-right: 15px;}
.recruit .recruit_menu ul li.fb-link svg {color: #1a67ee;font-size: 30px;}
.recruit_wrap .items {padding: 100px 0;background-size: 100% !important;}
ul.list01 {list-style: none;padding: 0;margin: 0;}
ul.list01 li {list-style: none;margin-left: 0px !important;margin-bottom: 15px;padding-left: 20px;line-height: 180%;position: relative;}
ul.list01 li:before {content: "";position: absolute;left: 0;top: 10px;height: 7px;width: 7px;background: #de052e;border-radius: 50%;display: inline-block;}
ul.list03 {list-style: none;padding: 0;margin: 0;column-count: 2;}
ul.list03 li {list-style: none;margin-left: 0px !important;margin-bottom: 15px;padding-left: 20px;line-height: 180%;position: relative;}
ul.list03 li:before {content: "";position: absolute;left: 0;top: 10px;height: 7px;width: 7px;background: #de052e;border-radius: 50%;display: inline-block;}
#recruit2 .img_box {width: 40%;}
#recruit2 .first {display: flex;margin: 1em 0;align-items: center;justify-content: space-between;}
#recruit2 .first .text_box {width: 30%;}
#recruit2 .second {display: flex;margin: 1em 0;justify-content: space-between;align-items: center;}
#recruit2 .second .text_box {width: auto;flex: auto;}
#recruit2 .third {display: flex;margin: 1em 0;align-items: center;justify-content: space-between;}
#recruit2 .third .text_box {width: auto;flex: auto;}
/*project*/
.project .project_bg {background: no-repeat right bottom #f7f7f7;background-attachment: fixed;padding-top: 50px;}
.project .submenu {position: relative;margin-top: -3.5px;overflow: hidden;z-index: 300;background: #fff;box-shadow: 0px 0px 27px 1px rgba(0, 0, 0, 0.1);}
.project .submenu .swiper {width: 90%;height: auto;margin: 0 auto;}
.project .submenu ul {margin: 0;}
.project .submenu li {float: none;display: inline-block;display: inline;zoom: 1;vertical-align: top;}
.project .submenu ul>li {font-size: 18px;height: 85px;}
.project .submenu .swiper-slide {position: unset;}
.project .submenu ul>li a {height: 85px;display: flex;justify-content: center;align-items: center;zoom: 1;transition: 0.3s linear;padding: 5px;color: #333;text-decoration: none;letter-spacing: 3px;}
.project .submenu ul>li.active a {background: #de052e;color: #fff;}
.project .submenu .swiper-button-next,.project  .submenu .swiper-button-prev {color: #ccc;width: 35px;height: 85px;top: 0;background: #fff;position: absolute;display: flex;}
.project .submenu .swiper-button-prev {left: 0px;}
.project .submenu .swiper-button-next {right: 0px;}
/*footer*/
footer {background-color: #092869;color: #fff;}
.copyright {background-color: #041b4d;text-align: center;padding: 1em;}
.copyright a {color: #fff;text-decoration: none;margin: 0 5px;}
.copyright a+span.line {margin: 0 10px 0 5px;display: inline-block;}
a.icon_round {background-color: #fff;color: #333;width: 30px;display: inline-flex;height: 30px;align-items: center;justify-content: center;border-radius: 30px;}
.f_menu {display: flex;padding: 3em 15px 15px;}
.f_logo {width: 200px;text-align: center;}
.f_menu ul {display: flex;flex-wrap: wrap;padding: 0;margin: 0;width: auto;flex: auto;list-style: none;justify-content: space-between;}
.f_menu ul li{width: calc(25% - 20px);margin-bottom: 15px;}
.f_menu ul li .title {font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #fff;}
.f_menu ul li p {margin-bottom: 0;}
.f_menu ul li p a{color: #b3c7ef;text-decoration: none;}
@media (min-width: 768px) {
.feedback_box{padding-bottom: 0px;margin-bottom: -80px;}    
.feedback_box:before {height: 150px;}
.title01 {font-size: 25px;}
.feedback_box .big-title {height: 150px;font-size: 50px;transform: translateY(16px);position: relative;}
.feedback_box .intro {transform: translate(0%, 0);padding-left: 7%;padding-top: 4%;}
}
@media (min-width: 992px) {
li.nav-item.dropdown:hover > .dropdown-menu {display: block;top: 30px;}
.feedback_box{padding-bottom: 100px;margin-bottom: 0;}
.feedback_box .big-title {height: 200px;font-size: 50px;transform: translateY(16px);position: absolute;}
.feedback_box .intro {padding-left: 6%;padding-top: 215px;}
.feedback_box:before {height: 200px}
.title01 {font-size: 30px;}
.feedback_box .img {padding-top: 140px;}
}
@media (max-width: 991px) {
header.navbar {padding: 0 15px;height:auto;}
header.navbar .menu_r {order: 2;}
header.navbar .navbar-collapse {order: 3;}
}
@media (max-width: 768px) {
.feedback_box {padding-bottom: 0px;margin-bottom: -100px;}
.feedback_box:before {height: 150px;}
.feedback_box .big-title {height: 150px;font-size: 50px;transform: translateY(16px);}
.feedback_box .intro {transform: translate(0%, 0%);padding-left: 30px;padding-top: 2%;}
.title01 {font-size: 23px;}
.feedback_box .img img {display: none;}
.philosophy .block01 .container {flex-wrap: wrap;}
.philosophy .block01 .container .tiems {width: 100%;margin: 15px;}
}