/* 公共手机端， 包括ipad、其它手机分辨率  头部、底部、全局等样式， 其它页面样式单个文件 */


 @media screen and (max-width:820px){
    body, html,p,span,li,input, textarea{
        font-size: 3.2vw !important;
    }

    #header.nav .language img {
        content: url(../images/language_2.png) !important;
    }
    .search img {
        content: url(../images/tosearchImg-2.png);
    }
    
    #header .language_box{
        right: 0;
        top: 12vw;
    }
    #header .language_box ul{
        margin: 0;
        width: 50vw;
    }
    .search_form form{
        width: 100%;
    }

    .carousel .txt{
        width: 100%;
        text-align: center;
        top: 5vw !important
    }

    strong{
        font-size: 3.90vw !important;
    }
    .col-md-3{
        padding-left: 7px;
        padding-right: 7px;
    }
    .bg-black{
        padding: 0vw !important;
        background-size: cover !important;
        background-position-x: center !important;
        color: #ccc;
        height: 34vw;

    }
    .bg-black h1{
        font-size: 8vw;
        margin-top: 16vw;
    }
    .bg-black a{
        color: #ccc;
    }
    .container_category li {
        margin: 1vw;
    }
    .container_category li a{
        padding: 1vw 3vw;
    }

    .content{
        /* margin: 5vw 3.6vw; */
        width: 100% !important;
        /* padding: 7px; */
    }

    #header .container a#logo img{
        height: auto;
    }
    .search{
        right: 16vw;
        top: 4.4vw;
    }
    #header .language{
        top: 4.2vw;
        right: 2vw;
        color: #333 !important;
    }
    /* #header .language a{
        width: 4vw;
        height: 4vw;
    } */
    #header .language span:nth-child(1){
        /* display: none; */
    }
    #header .language span{
        
    }
    #header .language span a{
        color: #333 !important;
        font-size: 3.75vw;
        border-radius: 5vw;
        padding: 1vw 2vw;
        /* border: solid 1px #666; */
    }

    #header .nav .subnav{
        box-shadow: none;
    }

    .header-bg .container{
       /* display: none; */
       position: relative;
    }
    
    h2{
        font-size: 4.68vw !important;
    }

    .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;
    }

    .title_h3 {
        padding: 4vw 3.5vw !important;
    }
    .title_h3 strong,.title_h3 h3 span{
        font-size: 6.2vw !important;
    }

    .title_h3 h3{
        font-size: 6.2vw !important;

    }
    .title_h3 p{
        width: 100% !important;
        font-size: 3.42vw !important;
        /* font-weight: bold; */
        margin: auto;
    }
    


    /* 隐藏面包屑 */
   .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 #headTop{
        /* left: 0; */
        left: 50%;
        top: 50%;
        display: block;
        transform: translate(-50%,-50%);
    }
   

    #header #navWrapper{
       /* right:0 !important; */
       left: 3vw;
        /* left: auto; */
        margin: 0;
        position: absolute;
        transform:none;
    }


    #header .container a#logo{
        margin-top: 0;
    }
    #header .container a#logo  img{
         height: 11vw; 
        /*width: 28vw;*/
        margin-top: 2vw;
        margin-left: 0;
    }

    #header .nav,.fot_tag .fot_title {
        display: none
    }
      
    /* 手机端下拉菜单按钮 */
    
    #header #openBtn {
        display: block;
        height: 15vw !important;
        /* margin: 2vw 0; */

    }

    /* 菜单按钮 */

    #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;
        top: 3vw !important;
        left: 1.7vw;
        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;
        clear: both;
        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;
        line-height: 13vw !important;
        display: block;
        /* color: #229bbc !important; */
    }

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

    /* 导航下拉菜单 */
    body.openMenu #header .nav>ul>li span {
        color: #333 ;
        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: 6.5vw;
        left: 0;
        width: 1vw !important;
        height: 3.2vw !important;
        background-color: #229bbc;
    }
    #header .nav>ul>li a.active:before, #header .nav>ul>li:hover a:before{
        height: 3.2vw;
        color: #229bbc !important;
    }
    #header .nav>ul>li>a:hover:before{
        background-color:#229bbc ;
    }

    
    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: auto !important;
        /* opacity: 0; */
        /* display: none; */
        transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
    }

    body.openMenu #header .nav .subnav li a{
        padding: 3.2vw 5vw;
        font-size: 3.55vw !important;
        font-weight: bold;
        color: #666 !important;
    }
    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: #229bbc ;

    }

    /* 搜索 */
    #search_form{
        position: fixed;
        width: 100vw;
        /* height: 14vw; */
        top: 15vw;
        border-radius: 0;
        box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05);
    }
     #search_form .form-control{
        height: 10vw;
    }
    #search_form button{
        width: 15vw;
        border-radius: 3px !important;
    }
    /* 语言切换菜单 */
    #header .header-column {
        display: none;
        position: absolute;
        right: 5vw;
        top: 5vw;
    }
    #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: 6vw 0 4vw 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;
    }

    /* 产品目录 */
    .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;
    }


    .pages a, .pages span{
        width: 8vw;
        height: 8vw;
        line-height: 8vw;
    }

    /* 底部 */
    #footer .container{
        margin: 5px;
    }
    #footer .container ul{
        padding-bottom: 0;
        overflow: hidden;
        border-bottom: solid 1px rgba(170, 170, 170, 0.5);
    }

  
    #footer .fot_title strong{
        font-size: 5vw !important;
        margin-bottom: 3vw;
        padding-top: 3vw;
        border-top: solid 1px #ddd;
    }

    .newsletter{
        /* display: none; */
        margin: 9px;
    }

    #footer .container .fitem_block_link{
        width: 100%;
    }
    
    .bury .fot_con p{
        font-size: 5vw !important;
    }
    #footer .container .bury{
        /* width: 98%; */
        margin: auto;
        clear: both;
        height: auto !important;
        line-height: 4em !important;
        transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
        /*padding: 0;*/
    }

   
    /* 底部产品分类 */

    #footer .container .fot_tag ul.hide{
        /* display: none;    */
        height: 0 !important;
        transition: height 0.36s ease 0s, opacity 0.26s ease 0s;
    }
    #footer .container .fot_tag ul{
        margin: 0;
        border: none;
    }
    #footer .container .fot_tag ul li{
        border-bottom: solid 1px #ddd !important;
    }
    #footer .fot_tag li a:before{
        right: 3vw;
        left: auto;
        opacity: 1;

    }
    #footer .container .fot_tag ul li a{
        /*line-height: 3em !important;*/
        font-size: 4.2vw !important;
        line-height: 11vw;
    }
    #footer .container .fot_tag 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 .container .fot_tag h3 .fa{
        display: block;
        float: left;
        right: 5vw;
        top: 5.2vw;
        position: absolute;
    }

    #footer .clearfix{
	}
    #footer .fot_con{
        padding-right:13px;
    }
	#footer .logo{
		height: 14vw;
        margin: 0 auto;
	}
	#footer .btn-success{
		margin: 6vw auto;
		width: 70%;
		display: block;
		line-height: 4.5vw;
	}


    #footer .container .bottom1{
        padding-bottom: 0;
    }
    
    .bottom2{
        padding:15px 4px !important;
        border: none;
    }
    #footer .bottom2 .links{
        display: none;
     }
     #footer .bottom2 span,#footer .bottom2 a{
        font-size:3vw !important;
        font-weight: 500;
    }
    #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
    }

    /* 视频 */
    .show_vid .vid_box {
        width: 100%;
        height: auto;
    }
    
    .show_vid .vid_box >img{
        top: -19px;
        right: 9px;
    }
    .show_vid .vid_box video {
        width: 100%;
        min-width: 100%;
        height: auto;
    }

    
}


@media screen and (max-width:414px){
    body, html,p,span,li,input, button, textarea, select, .btn{
        font-size: 3.42vw !important;
    }
    /* #header .container #headTop{
        left: 3vw;
    }
    #header #navWrapper{
        right: 3vw !important;
    } */

    
}