/* 公共手机端， 包括ipad、其它手机分辨率  头部、底部、全局等样式， 其它页面样式单个文件 */
body {
    /*width: 100%;*/
    /*max-width: 768px;*/
    /*overflow-x: hidden !important;*/
    /*锁定X轴*/
    touch-action: none;
    touch-action: pan-y;

}

@media screen and (max-width:820px) {

    body,
    html,
    div,
    p,
    select,
    input,
    textarea,
    span,
    button,
    li {
        font-size: 3.68vw !important;
    }
    h1 {
        font-size: 6.2vw !important;
    }
    h2 {
        font-size: 5.5vw !important;
    }
    h3 {
        font-size: 5.5vw !important;
    }
    strong {
        font-size: 3.68vw !important;
    }

    body {
        background-position-y: 4vw !important;
    }

    .container {
        max-width: 90%;
    }

    .btn {
        font-size: 3.68vw;
        padding: 2.5vw 3.2vw;
        /* margin-top: 5vw; */
    }

    .btn::after {
        width: 4.5vw;
        height: 4.5vw;
        margin-left: 2.5vw;
    }

    .col-md-3 {
        padding-left: 7px;
        padding-right: 7px;
    }
    .btn2 {
        padding: 3vw 6vw;
    }

    .content {
        /* margin: 5vw 3.6vw; */
        width: 100% !important;
        /* padding: 7px; */
    }
    #header .container {
        max-width: 91%;
    }

    #header .language {
        /* display: none; */
        right: 4.5vw;
        color: #333 !important;
    }

    #header .language b {
        display: none;

    }

    #header .language img {
        width: 4vw;
        height: 4vw;
        margin-right: 0;
    }

    /* #header .language span:nth-child(1) {
        display: none;
    } */


    #header .language a {
        color: #333 !important;
        font-size: 3.75vw;
        border-radius: 5vw;
        padding: 2vw 2vw;
        border: solid 1px #ddd;
        margin-right: 2vw;
    }


    .header-bg .container {
        /* display: none; */
        position: relative;
    }

    .apple-banner .swiper-slide .title {
        width: 90%;
        margin-top: 6vw;
    }

    .apple-banner .swiper-button-prev,
    .apple-banner .swiper-button-next {
        display: none;
    }

    .page-layout-row-inner-ab83f {
        /* 自动根据子元素宽度并排，绝不换行 */
        grid-template-columns: unset !important;
    }

    .layout-col-bg-f5eee,
    .layout-col-container-aa69d {
        padding: 9vw;
    }

    #IZtuPxXm {
        width: 100%;
    }

    .layout-col-bg-f5eee,
    .layout-col-container-aa69d {
        border-radius: 5vw;
    }

    #IZtuPxXm .layout-col-inner-e7875 {
        gap: 8vw 0;
    }

    .page-layout-block-wrapper-c3099 .text-22-f5dd2 {
        font-size: 5.6vw !important;
    }

    /* 第一个 高亮 */

    /* #IZtuPxXm:nth-child(1) .layout-col-container-aa69d::before {
        opacity: 1;
        background-size: 148%;
        background-position-x: -35vw;
        background-position-y: -73.5vw;
    }
    
    #IZtuPxXm:nth-child(1)  a .btn-icon-a4b75 {
        filter: none;
        transition: all 0.3s;
    }
    
    
    #IZtuPxXm:nth-child(1)  a .layout-text-block-b704c span {
        color: #fff !important;
    }
    #IZtuPxXm:nth-child(1)  a .layout-text-block-b704c p {
        color: #fff !important;
    } */
    /* 第一个 高亮 */

    .about {
        padding: 20vw 3vw;
        background-size: 540% !important;
        background-position: top !important;
        background-position-x: -80vw !important;
    }

    .about .row {
        flex-direction: column;
    }

    .about .row .col-md-7 {
        width: 100%;
    }

    .about .row .col-md-5 {
        width: 100%;
    }

    .about .canshu ul li>div>b {
        font-size: 8vw;
    }

    .about .gaikuang h2 {
    }

    .about .gaikuang strong {
        font-size: 5vw !important;
        margin: 4vw 0;
    }
    .about .btn.btn_bg2 {
        margin-top: 7vw;
    }
    .about .canshu ul {
        gap: 4.5vw;
    }


    .faq{
        width: 87%;
    }

    .faq .container .row>div{
        padding: 4.2vw 0;
    }


    .text-success {
        width: 80vw;
    }

    /* 底部页码 */
    .page .col-md-4 {
        display: none;
    }


    #tab .tabList ul li a {
        font-size: 3.6vw;
    }

    .bg {
        padding: 8vw 0 !important;
    }


    .slogan .banner-font {
        width: 100%;
    }

    .header-bg .banner-font {
        margin-top: 11vw;
    }

    .slogan {
        text-align: center !important;
        position: absolute;
        top: 2vw;
        width: 100%;
    }

    .slogan p {
        margin: 0.5vw;

    }

    .slogan h3 {
        font-size: 4.5vw !important;
        font-weight: bold;
    }

    .slogan p {
        font-size: 2.85vw !important;
        width: 85%;
        margin: auto;
    }

    .header-bg {
        /* height: 42vw; */
    }
    .header-bg .row {
		flex-direction: column;
	}
	.header-bg .col-md-6 {
		width: 100%;
	}
	.header-bg .col-md-6:nth-child(2) {
		order: 1;
	}
	.header-bg .col-md-6:nth-child(1) {
		order: 2;
	}
    .header-bg .col-md-6:nth-child(1) .title>div {
		text-align: center;
        margin-bottom: 5vw;
	}
	.header-bg .col-md-6:nth-child(2) img {
		width: 80%;
		margin: auto;
		display: block;
	}

    .title_h3 {
        padding: 6vw;
    }

    .title_h3 h3 {
        font-size: 6.5vw;
        line-height: 1.5;
    }



    /* 隐藏面包屑 */
    .container {
        /* display: none; */
    }

    #siteWrapper {
        margin-top: 15vw;
    }

    #siteWrapper .nav2 {
        height: 15vw !important;
    }


    #header {
        height: 15vw !important;
        box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);
        backdrop-filter: blur(10px);
        /* 让背景变模糊，有磨砂玻璃效果 */
        background-color: rgba(214, 151, 151, 0.75);
        background-color: #fff;
    }

    #header .container .row {
        height: 15vw !important;

    }


    #header #navWrapper {
        display: flex;
        justify-content: end;
        align-items: center;
        transform: none;
    }
    #header #navWrapper>div{
        order: 2; /* 将上面的div在其兄弟元素中的顺序设置为2 */
    }
    #header #navWrapper .language{
        order: 1; /* 将上面的div在其兄弟元素中的顺序设置为2 */
        margin-right: 2vw;
    }


    #header .container a#logo {
        margin-top: 0;
    }

    #header .container a#logo img {
        height: 8.4vw;
        width: auto;
    }

    #header .nav {
        display: none
    }

    /* 手机端下拉菜单按钮 */

    #header #openBtn {
        display: flex;
        height: 15vw !important;
        width: 9vw;
        align-items: center;
        justify-content: center;
        align-items: center;
    }

    /* 菜单按钮 */

    #openBtn .iconfont {
        font-size: 9vw;
        /* top: 0.8vw !important; */
        position: relative;
        transform: translateZ(0px) rotate(0deg);
        transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
        color: #102653;
        line-height: 1.6 !important;
    }

    #openBtn .iconfont.icon-guanbi2 {
        font-size: 5.5vw;
        /* position: relative;
        transform: translateZ(0px) rotate(0deg);
        transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
        color: #102653; */
    }


    .lcitem {
        position: absolute;
        left: -7vw;
        top: 5vw;
        transform: translateZ(0px) rotate(0deg);
        transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
        width: 2vw;
        height: 2vw;
    }

    .lcitem .rect {
        width: 7vw;
        height: 0.5vw;
        background: #232323;
        position: absolute;
        left: 0;
        transition: transform 0.2s ease 0.2s;
        -webkit-transition: -webkit-transform 0.2s ease 0.2s;
    }




    /* 弹出的手机下拉菜单 */

    body.openMenu #header .nav .black_bg {
        background-color: rgba(0, 0, 0, 0.45);
        left: 0;
        top: 0;
        z-index: -1;
        width: 100vw;
        height: 100vh;
        position: absolute;
    }



    body.openMenu #header .nav {
        position: fixed;
        left: 0;
        top: 15vw;
        margin-left: 0;
        display: block;
        width: 100%;
    }

    body.openMenu #header .nav .menu {
        left: 0;
        /* width: 45vw; */
        padding: 5vw;
        height: calc(100vh - 15vw);
        /* box-shadow: 0px 2px 2px rgb(0 0 0 / 8%); */
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 1);
        overflow-y: auto;
        display: block;
    }


    body.openMenu #header .nav>ul>li {
        width: 100%;
        display: block;
        border-bottom: solid 1px #eee;
    }


    body.openMenu #header .nav>ul>li>a {
        border-bottom: solid 1px rgba(255, 255, 255, .06);
        padding: 2vw 0;
        height: auto;
        display: block;
        /* color: rgba(0, 47, 167, 1)!important; */
    }

    body.openMenu #header .nav>ul>li>a i {
        color: #333;
        position: absolute;
        top: 8vw;
        right: 5vw;
        font-size: 4vw;
    }

    /* 导航下拉菜单 */
    body.openMenu #header .nav>ul>li span {
        color: #333 !important;
        opacity: 1;
        font-weight: bold;
        font-size: 4vw !important;
        margin-left: 3vw;
    }

    body.openMenu #header .nav .subnav .fa-angle-right:before {
        font-size: 4vw;
    }

    /*底部小横线*/
    #header .nav>ul>li>a {
        position: relative;
    }

    #header .nav>ul>li>a:before {
        top: 10vw;
        left: 0;
        width: 2vw;
        height: 3.2vw;
        background-color: var(--color);
    }

    #header .nav>ul>li>a:before {
        /*display: none;*/
    }

    #header .nav>ul>li a.active:before,
    #header .nav>ul>li:hover a:before {
        height: 3.2vw;
    }

    #header .nav>ul>li>a:hover:before {
        background-color: var(--color);
    }


    body.openMenu #header .nav .subnav {
        border: none;
        display: block;
        background-color: transparent;

    }

    body.openMenu #header .nav .subnav {
        position: static;
        /* visibility: visible;
        opacity: 1; */
        padding: 0vw;
        height: auto !important;
        /* background-color: rgba(23, 23, 23, 1); */
    }

    body.openMenu #header .nav .subnav.hide {
        height: 0 !important;
        /* opacity: 0; */
        display: none;
        transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
    }

    body.openMenu #header .nav .subnav li a {
        padding: 4vw 4vw;
        font-size: 3.55vw !important;
        color: #666 !important;
        background-position: 92%;
        background-repeat: no-repeat;
        background-size: 2.2vw;
    }

    body.openMenu #header .nav .subnav li a i {
        position: absolute;
        right: 6vw;
        color: #ddd !important;
    }

    body.openMenu #header .nav>ul>li a.active span,
    .agent-desktop #header .nav>ul>li:hover a span {
        color: rgba(0, 47, 167, 1);

    }

    /* 语言切换菜单 */
    #header .header-column {}

    #header .dropdown a {
        color: #333;
    }

    #header .dropdown-menu {
        box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.05);
        transform: translate3d(-20vw, 9vw, 0px) !important;
    }



    /* 统一头部标题字号 */
    .container_header {
        width: 100% !important;
        /* height: 10vw !important; */
        text-align: center;
        /* margin-top: 10vw; */
        /* margin-bottom: 6vw !important; */
        padding: 7vw 0 6vw 0 !important;
        display: block !important;
        background-size: 100% 10vw !important;
    }

    .container_header span {
        /* font-size: 3.5vw !important; */
        display: block;
    }

    .container_header h2 {
        font-size: 4.68vw !important;
        font-weight: 600;
        padding-bottom: 4.5vw;
    }


    .newspage .container_hc {
        display: block !important;
    }
    .case .container {
        max-width: 96%;
    }

    .case .case_list .swiper-container {
        padding-bottom: 5vw;
    }
    .case .case_list .row a{
        padding: 3.5vw;
        border-radius: 4vw;
    }
    .case a .txt{
        margin: 3vw;
        font-size: 3.68vw !important;
        font-weight: bold;
    }
    .case .swiper-pagination{
        bottom: 0 !important;
    }

    .case .news_list .row {
        gap: 2vw;
        grid-template-columns: repeat(1, 1fr);
    }
    .case a .thumb{
        border-radius: 4vw;
    }
    .case a .thumb img{
        border-radius: 4vw;
    }
    
    /* 产品目录 */
    .Products .catalogue {
        margin: 2vw 0;
    }

    .Products .catalogue li {
        margin: 2vw 0 !important;
        display: block;
        width: 100% !important;
    }

    .Products .catalogue li .imgbox {
        min-height: 42vw !important;
    }

    .Products .catalogue li .info .title {
        font-size: 3.88vw !important;
    }

    .Products .catalogue li .info {
        margin: 4.65vw !important;
    }

    .Products .catalogue li .info .btn {
        display: none;
    }

    /* 底部 */
    #footer .container{
        /* width: 89%; */
    }

    #footer .theFooter .txt{
        width: 50%;
        margin-top: 3vw;
    }

    #footer .theFooter p{
        display: none;
    }
    #footer .row {
        flex-direction: column;
    }

    #footer .btn {
       display: none;
    }

    #footer .row .logo {
        display: none;
    }
    #footer::before {
        height: 97vw;
    }

    #footer .row .share {
        justify-content: center;
        margin-top: 6vw;
    }
    #footer .theFooter h3 {
        font-size: 3.6vw !important;
    }

    #footer .row .share img {
        width: 25vw;
    }
    #footer .content .bury ul {
        margin: 0;
    }

    #footer .content .bury ul li a {

        line-height: 3em !important;
        font-size: 3.5vw !important;
    }

    #footer .content .bury h3 {
        font-weight: 500 !important;
        font-size: 4.18vw !important;
        line-height: 4.2 !important;
        border-bottom: solid 1px rgba(255, 255, 255, 0.18);
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
    }

    #footer .content .bury h3 .fa {
        display: block;
        float: left;
        right: 5vw;
        top: 5.2vw;
        position: absolute;
    }

    #footer .logo {
        display: block;
        margin: auto;
        margin-top: 8vw;
        align-items: center;
        text-align: center;
        height: 10vw;
    }

    #footer .content .bottom1 {
        padding-bottom: 0;
    }

    #footer .bottom2 {
        padding: 0 0 8vw 0 !important;
        border: none;
    }

    #footer .bottom2 .links {
        display: none;
    }

    #footer .bottom2 span,
    #footer .bottom2 a {
        font-size: 3.2vw !important;
    }

    #footer .bottom2 .col-md-12 {
        padding: 3vw;
        text-align: center !important;
    }





    .feedback {
        /* padding: 7vw 10.2vw; */
    }

    .feedback strong {
        font-size: 5.4vw !important;
        margin-top: 4vw;
    }

    .form_feedback .row {
        margin: 0;
    }

    .feedback .form-control {
        padding: 2vw 5vw;
        margin-bottom: 5px !important;
    }

    .feedback .col-md-12 {
        padding: 0;
        margin: 1vw 0;
    }

    .feedback #content {
        height: 30vw;
        padding: 2vw 5vw;
    }

    .form_feedback .btn {
        width: 100% !important;
        margin: 2vw 1vw;
        line-height: 7vw;
        font-size: 3.2vw !important;
    }




    /* 上一条，下一条 */
    .newsinfo .netpage {
        margin: 4vw 0;

    }

    .newsinfo .netpage p {
        font-size: 4.2vw !important;
        line-height: 1.6em !important;
        background-color: #f5f5f7;
        padding: 2vw;
    }



    /* 留言板提交成功后 弹出信息 */

    .modal .text-success {
        width: 82vw;
        padding: 6vw 4vw;
        margin-top: 20vw;
    }

    .modal .text-success h3 {
        font-size: 1.4rem;
    }

    .module.mcustomize .content_list.flex .description {
        padding: 25px 10px
    }

    .module.mcustomize .content_list .description {
        padding-left: 10px;
        padding-right: 10px
    }

    .module.mcounter ul.content_list li {
        margin-bottom: 15px
    }





}


/* @media screen and (max-width:414px) {

    body,
    html,
    p,
    span,
    li,
    input,
    button,
    textarea,
    select {
        font-size: 3.96vw !important;
    }


} */