﻿@import url(https://js01.v15cdn.com/single-template/public.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
.common-title{text-transform:uppercase;color:#333;font-family:"Montserrat",sans-serif;font-weight:bold;font-size:44px}
@media (max-width:1440px){.common-title{font-size:38px}}
@media (max-width:1280px){.common-title{font-size:32px}}
@media (max-width:768px){.common-title{font-size:26px}}
.index_application_wrap{padding: 20px 0 50px;}
.index_application_wrap .common-title{text-align:center}
.index_application_wrap .application-outer-wrap{margin-top: 1.375em;font-size: 32px;}
.index_application_wrap .application-item{display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #ffffff;box-shadow: 0 0 1.34375em .09375em rgba(0, 0, 0,.16);}
.index_application_wrap .application-item .item-info{width: 48.31%;padding: 1.9375em 3.19% 2.40625em 4.35%;}
.index_application_wrap .application-item .item-img{width: 51.69%;}
.index_application_wrap .application-item .item-img img{width: 100%;height: 100%;object-fit: cover;}
.index_application_wrap .application-item .item-info .item-title{color: #000000;font-size: 1em;font-family: "Montserrat-SemiBold";font-weight: 400;}
.index_application_wrap .application-item .item-info .item-sub-title{color: #000000;font-size: .625em;font-family: "Montserrat";display: block;margin: 1.35em 0 1em;}
.index_application_wrap .application-item .item-info .item-desc{color: #666666;font-size: .5em;font-family: "Montserrat-Light";line-height: 1.875;margin-bottom: 2.5625em;}
.index_application_wrap .application-item .item-info .btn-more{padding:.6em 1.3636em .45em;font-size: .625em;line-height:1.3}
.tab-outer-wrap .tab-nav{position: relative;color: #333333;font-size: 16px;font-family: "Montserrat-Medium";padding: 0 1.4375em;overflow:hidden}
.tab-outer-wrap .tab-nav .nav-item{cursor: pointer;width: auto;padding: 0 2.375em;position: relative;}
.tab-outer-wrap .tab-nav .nav-item span{position: relative;display: inline-block;padding: .625em 0;line-height: 1;}
.tab-outer-wrap .tab-nav .nav-item span::after{content: '';width: 100%;height: 1px;background-color:var(--color);position: absolute;bottom: 0;left: 0;transform: scaleX(0);opacity: 0;transition: all .35s ease;}
.tab-outer-wrap .tab-nav .nav-item.swiper-slide-active span{color: var(--color);}
.tab-outer-wrap .tab-nav .nav-item.swiper-slide-active span::after{opacity: 1;}
.tab-outer-wrap .tab-nav .nav-item::after{content: '';width: 1px;height: .75em;background-color: #999999;opacity: .5;position: absolute;top: calc(50% - 6px);right: 0;}
.tab-outer-wrap .tab-nav .swiper-button{text-align:center;background:none;width: 24px;height:24px;font-size: 1em;line-height:24px;border-radius: 0;background-color: #fff;border: none;color: #333333;opacity: 1;filter:alpha(opacity=100);top: 50%;transform: translateY(-50%);line-height: 1;margin: 0;display:flex;align-items:center;justify-content:center}
.tab-outer-wrap .tab-nav .swiper-button-prev::before{content: '<';}
.tab-outer-wrap .tab-nav .swiper-button-next::before{content: '>';}
.tab-outer-wrap .tab-nav .swiper-button-prev{left: 0;}
.tab-outer-wrap .tab-nav .swiper-button-next{right:0;}
.tab-outer-wrap .tab-pannels{margin-top: 23px;margin-bottom: 25px;}
.tab-outer-wrap .tab-pannels .tab-pannel{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transform: scale(0);margin: 0;}
.tab-outer-wrap .tab-pannels .tab-pannel.active{display: flex;flex-wrap: wrap;position: relative;opacity: 1;transform: scale(1);transition: all 1s ease;}
.btn-style1{font-size: 22px;padding: .4545em 1.3636em;font-family: "Montserrat-Light";border-radius: 1.136em;border: 1px solid #ffffff;display: inline-flex;align-items: center;justify-content: center;color: #fff;text-transform: capitalize;transition: all .35s ease;}
.btn-style1 i{font-size: inherit;width: 1.045em;height: 1.045em;background: url(/uploads/33800/index/arrow.png) center/100% no-repeat;margin-left: .818em;}
.btn-style1.btn-theme,
.btn-style1:hover{background-color:var(--color);border-color: var(--color);color: #ffffff !important;}
.btn-style1.btn-theme:hover{color:var(--color) !important;background-color: transparent;}
.btn-style1.btn-theme:hover i{background-image: url(/uploads/33800/index/arrow_theme.png);}
@media screen and (max-width:1680px) {.index_application_wrap .application-outer-wrap{font-size: 1.9vw;}}
@media screen and (max-width:1280px) {.index_application_wrap .tab-outer-wrap .tab-nav{font-size: 14px;}
.index_application_wrap .application-outer-wrap{padding: 0 2%;}}
@media screen and (max-width:950px) {.index_application_wrap .application-outer-wrap{font-size: 16px;}
.index_application_wrap .application-item .item-info .item-sub-title{font-size: .9em;}
.index_application_wrap .application-item .item-info .item-desc{font-size: .8em;}
.index_application_wrap .application-item .item-info .btn-more{font-size: .7em;}
.index_application_wrap .application-item .item-info{width: 100%;}
.index_application_wrap .application-item .item-img{width: 100%;}}
@media screen and (max-width:480px) {.index_application_wrap{padding:0 0 20px;}
.index_application_wrap .tab-outer-wrap .tab-pannels{margin-top: 1em;}
.index_application_wrap .application-outer-wrap{margin-top: .5em;}}
.wmpage176-page2 .wmpage-title{text-align:center}
.wmpage176-page2 .wmpage176-page2-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage176-page2 .wmpage176-page2-list .wmpage176-page2-item{position:relative;width:19%;margin-top:30px}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-img{position:relative;width:100%}
.wmpage176-page2 .wmpage176-page2-list .wmpage176-page2-item .wmpage176-page2-img::before{position:absolute;content:'';width:100%;height:80%;left:0;bottom:0;background:rgba(5,5,33,.5);opacity:0;transition:all .3s linear;z-index:1}
.wmpage176-page2 .wmpage176-page2-list .wmpage176-page2-item:hover .wmpage176-page2-img::before{opacity:1;height:100%}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-img img{width:100%;height:auto;object-fit:cover}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-info{position:relative;text-align:center;width:85%;padding:20px 10px;margin:-90px auto 0;background:#050521;z-index:2}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-info .wmpage176-page2-name{position:relative;display:inline-block;color:#fff;font-size:var(--wmpage-font20);font-weight:var(--fontbold7);margin-bottom:20px;transition:all .2s linear}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-info .wmpage176-page2-name:hover{color:var(--color)}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-info .wmpage176-page2-name::after{position:absolute;content:'';width:70%;height:2px;background:var(--color);bottom:-10px;left:50%;transform:translateX(-50%)}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-info .wmpage176-page2-text{color:#fff}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-card{position:absolute;top:40%;left:50%;transform:translateX(-50%);text-align:center;opacity:0;transition:all .3s linear;z-index:2}
.wmpage176-page2 .wmpage176-page2-item:hover .wmpage176-page2-card{top:30%;opacity:1}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-card li{display:flex;justify-content:space-between}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-card li em{color:var(--color);font-size:var(--wmpage-font20);font-weight:var(--fontbold7)}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-card li a{transition:all .2s linear;color:#fff}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-card li:hover a{color:var(--color)}
@media screen and (max-width:1024px){.wmpage176-page2 .wmpage176-page2-list .wmpage176-page2-item{width:48%}
}@media screen and (max-width:768px){.wmpage176-page2 .wmpage176-page2-list .wmpage176-page2-item{width:100%}
}.wmpage176-page2 .common-title{text-align:center;margin-bottom:2%}
.wmpage176-page2 .more{background:var(--color);color:#fff;padding:1% 4%;border-radius:30px;margin:0 auto}
.wmpage176-page2 .wmpage-lwrap{display:flex;flex-direction:column;align-items:center}
.wmpage176-page2 .wmpage176-page2-list{width:100%;margin:3% 0}
.wmpage176-page2 .wmpage176-page2-item .wmpage176-page2-img img{aspect-ratio: 281/332;}