/* 鎵嬫満绔紝 鍖呮嫭ipad銆佸叾瀹冩墜鏈哄垎杈ㄧ巼 */

@media screen and (max-width:1020px){
    body,html,p,span{
        font-size: 3.6vw !important;
    }
    h2{
        font-size: 4.68vw !important;
    }

    /* 搴曢儴椤电爜 */
    .page .col-md-4{
        display: none;
    }

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

    .content{
        margin: 5vw 3.6vw;
    }
    .slogan {
		/* text-align: center; */
        top: 7vw;
        left: 5.5vw;
	}
    .slogan strong{
        font-size: 5.2vw;
        margin-top: 1.8vw;
        display: inline-block;
    }
    .slogan span{
        font-size: 4.2vw;
    }

    .header-bg{
        height: 32vw;
    }

    /* 闅愯棌闈㈠寘灞 */
   .container {
		display: none;
	}

    #siteWrapper{
        margin-top: 18vw;
    }
    #siteWrapper .nav2{
        height: 18vw !important;
    }


    #header  {
        height: 18vw !important;
        box-shadow: 0px 2px 2px rgb(0 0 0 / 8%);
        backdrop-filter: blur(10px); /* 璁╄儗鏅彉妯＄硦锛屾湁纾ㄧ爞鐜荤拑鏁堟灉 */
        background-color: rgba(255, 255, 255, 0.75);
        background-color: #fff;

    }
    #header .content{
        height: 18vw;
    }
    #header .content a#logo img{
        height: 6.5vw;
    }
    #header .content .mobile_language{
        display: inline-block;
        width: 12vw;
    }
   
    #header .content .search{
        display: none;
    }
    #header #navWrapper {
       display: flex;
       align-items: center;

    }
    

    #header .content .mobile_language span{
        font-size: 3.6vw !important;
        height: 8.5vw;
        width: 8.5vw;
        line-height: 8.5vw;
        text-align: center;
        display: inline-block;
        border: solid 1px #666;
        border-radius: 50%;
        margin-right: -12vw;
        margin-top: 0.2vw;
    }
    

    #header .nav {
        display: none
    }

    
    /* 鎵嬫満绔笅鎷夎彍鍗曟寜閽 */
    
    #header #openBtn {
        display: block;
        /* height: 18vw !important; */
        width: 11vw;
        text-align: center;
    }

    /* 鑿滃崟鎸夐挳 */

    #openBtn .iconfont {
        font-size: 11vw;
        /* top: 1vw !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: 7vw;
        /* top: 4vw !important; */
        /* right: 2vw; */
        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: 18vw;
        margin-left: 0;
        display: block;
    }

    body.openMenu #header .nav .menu{
        left: 0;
        width: 45vw;
        padding: 5vw;
        height: calc(100vh - 18vw);
        /* box-shadow: 0px 2px 2px rgb(0 0 0 / 8%); */
        backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.98);
        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: 4.2vw 0;
        display: block;
        color: #254678 !important;
    }

    body.openMenu #header .nav>ul>li>a i {
        color: #254678;
        float: right
    }
    #header .nav>ul>li>a:before{
        display: none;
    }

    body.openMenu #header .nav>ul>li span {
        color: #254678;
        font-size: 4.2vw !important;
    }
    
    body.openMenu #header .nav .subnav {
        border:none;
        display: block;
        background-color:transparent;

    }
    body.openMenu #header .nav .subnav {
        position: static;
        /* visibility: visible;
        opacity: 1; */
        padding: 0;
        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: 4.2vw 1vw;
        font-size: 3.55vw !important;
        color: #254678 !important;
    }


    body.openMenu #header .nav>ul>li a.active span,.agent-desktop #header .nav>ul>li:hover a span{
        color: #254678;

    }

    /* 鎵嬫満绔笉闇€瑕佹悳绱㈠姛鑳 */
    body.openMenu #header .nav .search{
        display: none;
    }

    /* 缁熶竴澶撮儴鏍囬瀛楀彿 */
    .container_header span{
        font-size: 3.5vw !important;
        display: block;
    }
    .container_header h2{
        font-size: 4.68vw !important;
        font-weight: 600;
    }

    .container_header{
        width: 100% !important;
        height: 10vw !important;
        text-align: center;
        margin-bottom: 4.5vw;
        display: block;
        
        background-size: 60% 10vw !important;
       
    }
    .newspage .container_hc{
        display: block !important;
    }

    /* 浜у搧鐩綍 */
    .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{
        background: url('') ;
        margin-top: 2vw;
    }

    #footer .module_container .logo{
        display: none;
    }
    #footer .module_container .bury{
       width: 100%;
       clear: both;
       height: auto !important;
       line-height: 4em !important;
       transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
    }

    #footer .module_container .bury ul.hide{
        /* display: none;    */
        height: 0 !important;
        transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
    }
    #footer .module_container .bury ul li a{
        line-height: 3em !important;
        font-size: 4.01vw !important;
    }
    #footer .module_container .bury h2{
      font-weight: 500 !important;
      font-size: 4.68vw !important;
      line-height: 3em !important;
      border-bottom: solid 1px #ddd;
    }
    
    #footer #flinks .content_list .fitem_block_link{
        width: 100% !important;
    }
    /* 鑱旂郴鐢佃瘽 */
    #footer .module_container .richtext{
        display: block;
        width: 100% !important;
        clear: both;
        text-align: center;
        margin: 4vw;
    }

    #footer .module_container .richtext h2{
       font-weight: 400;
       margin: 3vw 0;
       font-size: 4.68vw;
       
    }
    #footer #flinks .fitem_block_link h2 i{
        display: inline-block !important;
        font: normal normal normal 14px/1 FontAwesome;
        margin: 3vw 4vw;
        font-size: 5.3vw;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        float: right;
    }

    
    #footer .module_container .richtext strong{
       font-weight: 650;
       font-size: 7.5vw !important;
       margin: 3vw 0;
    }
    

    #footer #flinks .content_list .richtext .more{
        display: none;
    }


    #footer #copyright{
        text-align: center !important;
        font-size: 3.4vw !important;
        padding: 3vw 0;
        display: block;
        overflow: hidden;
        line-height: 2em;
    }

    #footer .ellipsis{
        white-space:inherit;
    }
    #footer span{
        display: block;
    }

    #footer a{
        /* display: block; */
    }
    #footer .right{
        display: none;
    }





  
    /* 鏂囩珷鍒楄〃 */

    .newspage .container_hc .container_category{
        display: none;
        position: relative;
        margin: 3vw 0;
        text-align: center;



    }
    .container_category li a{
        padding: 1.6vw 3.71vw;

    }


    .newslist {
        margin: 8vw auto;
    }
    .newslist li{
        width: 100% !important;
        clear: both;
        display: block;

        box-shadow:unset !important;
    }

    .newslist li .item_img{
        /* height: 50vw; */
    }
    .newslist li .item_info{
        margin: 3vw;
        height: auto;
    }
    .newslist li h2{
        font-size: 3.8vw !important;
        font-weight: 400;
        display: unset !important;
    }
    .newslist li .item_info p{
        margin: 2.5vw 0;
    }


    /* 鏂囩珷璇︽儏 */
    .pages{
        margin: auto;
        margin-top: 5vw;
        width: 100%;
    }

    .newsinfo {
       padding: 0 13px;
    }
    .newsinfo .left{
        clear: both;
        width: 100%;
    }
    .newsinfo .right{
        clear: both;
        width: 100%;
    }

    .newsinfo .text-muted{
        margin: 6vw 0;

    }
    .newsinfo .title h1{
        font-size: 4.5vw;
        line-height: 1.5em;
        font-weight: 600;
        margin: 3vw 0;
    }
    .newsinfo .title .text-muted span{
        color: #999;
    }
    
    .newsinfo .detail ,.newsinfo  .detail p{
        color: #000 !important;
        line-height: 1.6em !important;
        margin-bottom: 0.5em !important;
        font-size: 3.6vw !important;

    }
    /* 涓婁竴鏉★紝涓嬩竴鏉 */
    .newsinfo .netpage {
        margin: 4vw 0;
    }
    .newsinfo .netpage p{
       font-size: 3.6vw !important;
       line-height: 3em !important;
    }

    /* 鐩稿叧鏂囩珷 */

    .newsinfo .newslist ul li{
        width: 100% !important;

    }
    .newsinfo h6 .title{
        font-size: 4.85vw !important;
        line-height: 1.3em !important;
        padding-left: 3.89vw !important;
    }

    .newslist li h5{
        font-size: 4.2vw;
        margin: 3vw 0;
    }

    .newsinfo .detail p, .newsinfo .detail p span {
        font-size: 3.93vw !important;
    }


    /* 鎶曡祫鑰呭叧绯 */

    .touzizheguanxi .content .container_header{
        background-image: url('');
    }

    .title-font{
        margin: 5vw 0;
        display: none;
    }
    .title-font strong{
        font-size:4.5vw;
    }
    .touzizheguanxi .content .kxiantu .col-lg-6{
        width: 100%;
        margin: 5vw 0;
    }
    .touzizheguanxi .content {
        margin: 5vw 4vw;
        
    }
    .touzizheguanxi .content .lists{
        margin: 4vw 0;
        overflow: hidden;
    }
    .touzizheguanxi .content .lists li{
        width: 100%;
        margin: 3vw 0;
    }
    .touzizheguanxi .content .lists li .box h5 a{
        font-size: 4.2vw;
    }
    .touzizheguanxi .content .kxiantu .col-lg-6 img{
        width: 100%;
        display: block;
    }
    /* tab */
    .touzizheguanxi .menu{
        margin-top: 4vw 0;
    }
    .touzizheguanxi .menu .menu-item{
        min-width: 25vw;
        height: 10.5vw;
        font-size: 3.65vw;
        line-height: 10.5vw;
        margin-right: 3.2vw;
    }
    /* tab */

    /* 鎶曡祫鑰呭叧绯 鑱旂郴鏂瑰紡 */
    .contact .contact-box{
        display: revert;
    }
    .contact .contact-box .contact-type{
        width:100%;
        height: 25vw;
        margin: 0 !important;
        box-shadow:none;
        border-bottom: solid 1px #ddd;
    }

    .contact .contact-box .contact-type .contact-type-icon{
        width: 12vw;
    }
    .contact .contact-box .contact-type .contact-way .type{
        font-size: 3.58vw;
    }
    .contact .contact-box .contact-type .contact-way .number{
        font-size: 3.78vw;
    }


    /* 鍔犲叆鎴戜滑 */
    .joblist .title-font{
        text-align: center;
    }
    .joblist .title-font p{
        margin: 3vw 0;
    }
    .joblist .container_hc .container_category{
        display: block !important;
        position: relative !important;
        margin: 4vw auto !important;
        overflow: hidden;
        text-align: center;

    }
    .joblist .lists{
        overflow: hidden;
        margin: 5vw 0;
    }

    .joblist .lists ul li{
        width: 90%;
        padding: 5%;
        display: block !important;
        clear: both !important;
        margin: 1.5vw 0;
        height: auto;
    }
    .joblist .lists ul li h5 {
        font-size: 4.65vw;
        /* margin: 2.5vw 0; */
    }
    .joblist .lists ul li p.description{
        margin: 3.5vw 0;
    }

    /* 鍔犲叆鎴戜滑璇︽儏 */

    .jobinfo .content{
        margin: 5vw 4.6vw;
    }
    .jobinfo .col-md-9,.jobinfo .col-md-3{
        width: 100%;
        clear: both;
        margin: 4vw auto; 
        overflow: hidden;
    }
    .jobinfo .col-md-9 p{
        font-size: 3.68vw !important;
        margin-bottom: 1em !important;
    }
    .jobinfo h6 .title{
        font-size: 4.85vw !important;
        line-height: 1.3em !important;
        padding-left: 3.89vw !important;
    }

    .jobinfo li h5{
        font-size: 4.2vw;
        margin: 3vw 0;
    }

    .jobinfo .job-list li{
        font-size: 3.89vw !important;
        line-height: 3em;
    }
    .jobinfo h1{
        font-size: 5.2vw;
        margin-bottom: 7vw;
    }


    /* 鑱旂郴鏂瑰紡 */
    .contact .content .container_header{
        background-image: none;
    }

    .contact .fengongsi li {
        width: 100%;
        border: none;
        border-bottom: solid 1px #eee;
        padding: 4vw 0;
    }

    .contact .fengongsi li div{
        border: none;
        margin: 0;
        padding: 0;
    }

    .contact .fengongsi li img {
        width: 4.66vw;
        margin-right: 2.45vw;
        
    }
    .contact .content .other p{
        margin: 7.45vw 0;
        text-align: left;
    }

    .contact .content .other p:nth-child(2){
        margin-left: 2vw;
        text-align: left;
    }
    /* .contact .content .other p span{
        display: block;
    } */

    .contact .content .other span{
        /* margin: 2.45vw 0; */
        display: block;
        font-size: 3.86vw;
        text-align: left;
        margin-left: 2vw;
        position: relative;
    }



    .contact .content .other span strong{
        margin: 2.45vw 0;
        display: block;
        font-size: 6.26vw;
        color: #000;
    }
    .contact .content .other .tel {
        /* font-size: 6.56vw; */
        /* position: absolute; */
        /* right: 5vw; */
        /* top: 8.7vw */
    }

    /* 鐣欒█鏉 */
    .feedback {
        padding: 5vw 0;
        text-align: left;
    }
    .feedback p{
        text-align: left;
    }

    .feedback .col-md-12 .text-danger,.feedback .col-md-12 .fr{
        clear: both;
        width: 100%;
    }
    .feedback .col-md-12 .form-control{
        height: 10.2vw;
        font-size: 3.68vw !important;
    }
    .feedback .col-md-12.verify input, .feedback .col-md-12.verify img{
        width: 45% !important;
    }

    .feedback .col-md-12.verify .btn{
        width: 100% !important;
        line-height: 10vw;
        margin: 8vw 0;
        font-size: 3.68vw !important;
    }


    .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:769px) {
    

    
}