/*
 *	Created by Edward on 23/10/31
 *	Copyright (c) 2023 ishutime.com All rights reserved
*/

@font-face {
	font-family: GeoBrandBold;
	src: url(../fonts/Open_Sans.woff2)
}

html,body{
    font-family: GeoBrandBold;
    text-transform: capitalize;
}
.getInfo .img{
    width: 450px;
}


.getInfo .info_box{
    width: calc(100% - 500px);
}
.sub_more .more_box,.info_box .tips p{
    text-transform: capitalize;
}

.singePage,.team_left .name,.team_show ul li .info,.num_list ul li .des,.newsSwiper .name,.cons h2,.f_address ul li .txt,.pro_list ul li a .info .des,.h_news_t .des{
    text-transform: initial;
}

.sub_nav a .name b{
    font-size: 16px;
}

.labels input{
    text-transform: capitalize;
}

.product_list ul li .info .name::after{
    display: none;
}



.product_list ul li .info .name{
    font-size: 28px;
}

.an_slogan img{
    top: 50%;
	-webkit-transform: translateY(-50%);
}

.num_list ul li{
    width: 300px;
}

.f_address{
    width: 20%;
}

.pro_list ul li a .info .name{
    font-size: 20px;
}

.f_nav ul li a{
    line-height: 20px;
    margin-bottom: 10px;
}

.sub_title{
    font-size: 3vw;
}

.underSwiper .name2{
    color: #fff;
    text-align: center;
    font-size: 24px;
    position: relative;
    bottom: 0px;
    margin-top: 1vw;
}

.underSwiper .name1{
    width: 18vw;
    background: #023592;
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-radius: 50px;
    padding: 15px 0px;
}

.sub_title.blue{
    color: #002fa3;
}

.onlineSwiper .name2{
    background: #f5ab18;
    color: #940000;
    font-size: 28px;
    border-radius: 50px;
    padding: 15px 0px;
    text-align: center;
    width: 18vw;
}
.f_nav ul li{
    width: calc(100% / 7);
}
.f_nav{
    width: 75%;
}

.an_slogan.active img{
    top: 50%;
}

header nav ul li{
    text-transform: capitalize;
}

header nav ul li .list{
    width: 100%;
    left: 0%;
}

.three_nav,.product_list ul li .info .des{
    display: none;
}

.team_show ul li .mark{
    width: 200px;
}

.three_tips{
    display: none;
}

.num_list ul li .icon{
    width: 100px;
    height: 100px;
    font-size: 40px;
    line-height: 100px;
}

.num_list ul li .name,.cons ul li .info a{
    font-size: 18px;
}
.num_list ul li .name{
    font-size: 24px;
}
.qafs ul li .qa{
    font-size: 16px;
    font-weight: normal;
}

.qafs ul li{
    padding: 10px 20px;
    margin-bottom: 10px;
}

.qafs ul li .qq{
    font-size: 14px;
    text-align: justify;
}

header nav ul li .list a{
    padding: 5px 5px;
}

.sub_title.w5{
    margin-bottom: 3vw;
}

.cons h2{
    font-size: 20px;
}

.f_address ul li .txt{
    width: calc(100% - 35px);
    line-height: 1.4;
}

.newsSwiper .des{
    display: none;
}

.aboutBox{
    align-items: flex-start;
}

.subBanner .txt{
    width: auto;
    font-size: 4vw;
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    color: #fff;
}

.sub_nav a{
    padding: 10px 0px 10px 10px;
}
.sub_nav a .icon{
    width: 50px;
    height: 50px;
}

.sub_nav a .name {
    width: calc(100% - 55px);
    position: relative;
}

.onlineSwiper .no1{
    color: #fff;
    text-align: right;
    font-size: 6vw;
}

.brand_tips{
    margin-bottom: 2vw;
}

.languge{
    width: 40px;
    height: 40px;
    padding: 8px;
    position: absolute;
    right: 1.5%;
    background: #002fa7;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
}

.languge img:nth-child(2){
    display: none;
}

.languge .lan_label{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    background: #fff;
    color: #002fa7;
    padding: 10px;
    text-align: center;
    display: none;
    font-size: 12px;
    width: 150%;
    left: -25%;
    top: 45px;
    border-radius: 5px;
    line-height: 20px;
}

.languge .lan_label:before{
    width: 100%;
	height: 10px;
	position: absolute;
	left: 0px;
	top: -10px;
	content: '';
}

.languge .lan_label:after{
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	content: '';
	top: -5px;
}
.brand_tips{
    font-size: 20px;
}
.bb ul li .info,.bb ul li .mark{
    font-size: 14px;
}
.languge .lan_label a{
    opacity: .5;
    display: block;
    width: 100%;
}

.num_list ul li:nth-child(3){
    top: 0px;
}

.languge .lan_label a:hover,.languge .lan_label a.active{
    opacity: 1;
}


.languge:hover .lan_label{
    display: block;
}
@media screen and (max-width: 1366px){
    header nav ul li>a{
        font-size: 14px;
    }
    header nav ul li::before{
        width: 120px;
        margin-left: -60px;
    }
    .team_show ul li .info{
        line-height: 25px;
    }
    .num_list ul li:nth-child(2){
        left: 10%;
    }
    .num_list ul li .name{
        font-size: 22px;
    }
    .num_list ul li .icon{
        width: 80px;
        height: 80px;
        font-size: 32px;
        line-height: 80px;
    }
}
@media screen and (max-width: 1200px){
    .b9 .sub_nav.sn{
        display: none;    
    }
    .onlineSwiper .no1{
        color: #fff;
        text-align: right;
        font-size: 10vw;
        width: auto;
    }
    .sub_title.w5{
        margin-bottom: 5vw;
    }
    .numSwiper .des{
        font-size: 14px;
    }
    .copyright>p{
        display: none;
    }
    header nav ul li .list a {
        padding: 5px 0px;
        margin-right: 10px;
    }
    header nav ul li a{
        width: 90px;
        font-size: 14px;
    }
    header nav ul li .list{
        width: calc(100% - 100px);
    }
    .sub_title.w5 img,.sub_title img{
        width: 100%;
    }
    .team_left .name p{
        font-size: 12px;
        text-align: justify;
    }
    .team_show ul li .mark{
        width: 100%;
    }
    .toast span{
        font-size: 12px;
    }
    .pro_list ul li a .info .name{
        font-size: 20px;
    }
    .boxes {
        padding: 15vw 0px;
    }
    .boxes.b5{
        padding-bottom: 80vh;
    }
    .product_list ul li .info .name{
        font-size: 18px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .product_list ul li .info{
        padding:15px 0px;
    }
    .sub_title{
        font-size: 7vw;
        padding: 0px 5%;
        justify-content: center;
    }
    .brand_tips{
        margin-bottom: 3vw;
    }
    .cons h2{
        font-size: 14px;
    }
    .cons ul li{
        margin-bottom: 10px;
    }
    .numSwiper{
        margin-bottom: 10vh;
    }
    .onlineSwiper .name2,.underSwiper .name1{
        display: none;
    }
    .underSwiper .name2{
        width: 100%;
        margin-left: 0%;
        text-align: center;
        position: relative;
        font-size: 14px;
        bottom: 0px;
        left: 0px;
        margin-top: 2vw;
    }
    .h_news_t .des{
        font-size: 12px;
    }
    .f_address{
        width: 100%;
    }
    .labels .hot-submit{
        width: 50%;
        margin-left: 25%;
    }
    .f_logo{
        display: none;
    }
    header nav ul li{
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    header nav ul li a{
        line-height: 20px;
    }
    header nav ul li .list {
        width: calc(100% - 90px);
    }
    header nav ul li .list a{
        padding: 2.5px 0px;
        font-size: 12px;
    }
    .singePage{
        font-size: 14px;
        line-height: 1.7;
        text-align: justify;
    }
    .singePage.c,.bb ul li .info{
        text-align: justify;
    }
    .singePage p {
        margin-bottom: 5px;
    }
    .brand_box{
        padding: 0px;
    }
    .qafs ul li .qq{
        font-size: 12px;
    }
    .info_box .tips{
        text-align: left;
    }
    .bb ul li .mark {
        font-size: 14px;
        line-height: 1.4;
        padding: 15px 25px;
        text-align: justify;
    }
    .sub_nav{
        display: flex;
        top: 0px;
    }
    .sub_nav a{
        align-items: flex-start;
    }
    .sub_nav a .name b {
        font-size: 14px;
        text-align: center;
    }
    .newsSwiper.w li a{
        padding: 10px;
    }
    .subBanner .txt{
        font-size: 7vw;
    }
    .sub_nav a{
        padding: 10px;
    }
    .sub_nav a .icon {
        width: 40px;
        height: 40px;
    }
    .sub_nav a .name{
        width: 100%;
        margin-top: 5px;
    }
    .nav_icon {
        width: 130px;
        line-height: 30px;
        height: 30px;
    }
    .nav_icon .icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        
    }
    .mlogo{
        width: 150px;
    }
    header{
        background: #002fa7;
    }
    .languge{
        right: 100px;    
        width: 32px;
        height: 32px;
        padding: 4px;
        background: #fff;
    }
    
    .languge .lan_label{
        top: 37px;
        padding: 10px 5px;
        width: 200%;
        left: -50%;
    }
    
    .languge img:nth-child(1){
        display: none;
    }
    .languge img:nth-child(2){
        display: block;
    }
    .nav_icon .tel{
        display: none;
    }
    .nav_icon{
        width: 30px;
    }
    .getInfo .img,.getInfo .info_box{
        width: 100%;
    }
}