@font-face {
    font-family: "MiSans Medium";
    src:
            url("../misans/MiSans-Medium.woff2") format("woff2"),
            url("../misans/MiSans-Medium.woff") format("woff"),
            url("../misans/MiSans-Medium.ttf") format("truetype"),
            url("../misans/MiSans-Medium.eot");
}
@font-face {
    font-family: "MiSans Bold";
    src:
            url("../misans/MiSans-Bold.woff2") format("woff2"),
            url("../misans/MiSans-Bold.woff") format("woff"),
            url("../misans/MiSans-Bold.ttf") format("truetype"),
            url("../misans/MiSans-Bold.eot");
}
body{
    color:#718096;
    font-family: "MiSans Medium";
}
header img{
    width:15rem;
}
.fs12{
    font-size:12px;
}
.fs14{
    font-size:14px;
}
/*.menu-active::before{
    display: inline-block;
    content: "";
    vertical-align: -.125em;
   background-repeat: no-repeat;
    background-size: cover;
    width:1em;
    height: 1em;
    margin-right: 0.5rem;
}*/
.icon.icon-phone{
    color:#1F6AA5;;
    fill:#1F6AA5;;
    width:20px;
    height: 20px;
}

.nav a{
    font-family: "MiSans Bold";
    font-size: 1rem;
    color: #585858;
}
.nav a.active{
    color:#006BBA ;
}

.py-3 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.mb-4 {
    margin-bottom: 0rem !important;
}
.card{
    border:0px !important;
    border-radius: 0px !important;
}
.web-lan a{
    text-decoration: none;
    font-size:1.2rem !important;
    font-weight: 800;
    color:#1F6AA5;
}
.web-lan a.menu-noactive{
    border:1px solid #0D6EFD;
    color:#0D6EFD;
}
.web-lan a.menu-noactive:hover{
    background-color: #0D6EFD;
    color:#fff;
}



.index-products .item .title{
    color:#1F6AA5;
    margin: 1rem;
}
.index-products .item .desc{
    color:#718096 ;
    margin: 1rem;
}
.index-products .item a{
    margin: 3rem 1rem 1rem 1rem;
    text-decoration: none; /* 先取消默认 */
    color: #006BBA !important;
    border-bottom: 1px solid currentColor; /* 用边框模拟下划线 */
}

.index-products .item a::after{
    content:"→";
    margin-left: 5px;
    transition: all 0.2s;
}
.index-products .item a:hover::after{
    margin-left: 10px;
    color:#1F6AA5
}

.index-products .item .thumb{
    overflow: hidden;
}
.index-products .item img{
    transition:all 0.5s;

}

.index-products .item:hover img{
    transform:scale(1.2);
}
.index-products-down {
    margin-top: 1rem;
}


.sbumenus{
    background-color: #F5F4F8 ;
}
.sbumenus a{
    color:#718096;
}
.sbumenus a.act{
    color:#1F6AA5;
    font-weight: bold;
}
.sbumenus a.act::before{
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234BA2EA" class="bi bi-play-fill" viewBox="0 0 16 16"><path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width:1em;
    height: 1em;
    margin-left: 0.1rem;
}
.foot .text-muted{
    color:#718096 !important;
    font-size: 0.8rem;
    font-family: misans medium;
}
.foot .text-muted a{
    text-decoration: none;
    color:#718096 !important;
    font-size: 0.6rem;
    font-weight: 500;
}
.foot p{
    margin-bottom: 0.2rem;

}
.foot .text-muted a::after{
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23718096" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width:1em;
    height: 1em;
    margin-left: 0.1rem;
}
.contents img{
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}
footer h5{
    color:#1F6AA5;
}