@media screen and (max-width: 1600px) {
     .w1200{
          width: 96%;
     }
   

}

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

/*=================================中小型笔记本或大平板 laptop /*=================================*/


/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 767px) {
	
	
	.dialog .iframe-w{
		width:92%;
		height: 50vh;
		margin: 25vh auto;
	}
	.dialog .iframe-w .close-btn{
		right:0;
		top:-40px;
	}
     .w1200{
          width: 92%;
     }
     .flex-x-phone{
          flex-direction: column;
     }
     .flex-x-phone-reverse{
          flex-direction: column-reverse;
     }
     .flex-x-phone .l{
          width: 100%;
     }
     .flex-x-phone .r{
          width: 100%;
          margin-top: 20px;
     }

     
     .frontend-body-canvas #backstage-bodyArea{
          padding-top: 55px;
     }
   #backstage-headArea{
     display: none;
   }
#location_1674886605751{
     width: 120px;
     height: 41px;
     float: right;
     margin-top: 7px;
     margin-right: 10px;
}
.sitewidget-langBar .lang-bar .lang-dropdown{
     width: 120px;
     min-width: 100px;
}
#backstage-headArea-mobile .header-style07 .logo-box .logo-url{
     padding: 10px 0;
}
#location_1674886605751 .lang-menu  .lang-item a{
     line-height: 20px;
}
#location_1636613839683{
     display: none;
}
#location_1636618512079 .sitewidget-text-20211111153713 .sitewidget-bd{
     text-align: center;
}
#location_1636618512079 .sitewidget-text-20211111153713 .sitewidget-bd{
     background: url(../images/line.png) no-repeat center bottom;
     font-size: 30px;
}
#component_VAUBFLKgipGj .sitewidget-text-20211111154427 .sitewidget-bd .item{
     display: inline-block;
     line-height: 1.4;
     margin-bottom: 10px;
}
#component_VAUBFLKgipGj .sitewidget-text-20211111154427 .sitewidget-bd .item strong{
     margin: 0 5px;
     line-height: 1.4;
}
#column_1649216500156{
     display: none;
}
#column_1636618536900{
     margin-bottom: 20px;
}
.sitewidget-text-20211111145043 .sitewidget-bd{
     font-size: 30px !important;
}
.product-list{
     grid-template-columns: repeat(1, 1fr);
}
.index-factory-page .sitewidget-bd{
     font-size: 30px;
     line-height: 1.4;
     padding-bottom: 30px;
}
.product-list h2{
     font-size: 22px;
}
.index-factory-page .list-grid .item{
     width: 100%;
}
.index-factory-page2 .list{
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.index-factory-page4 h2{
     font-size: 20px;
}
.index-factory-page4 .more{
     height: 36px;
     line-height: 36px;
}
.index-factory-page5 .list{
     width: 100%;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px 10px;
}
.index-factory-page5 .list i{
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-size: 30px;
}
.index-factory-page5 li p{
     font-size: 18px;
     word-break: break-all;
     margin-bottom: 10px;
     line-height: 1.2;
}
.index-factory-page5 li span{
     font-size: 14px;
     line-height: 1.2;
}
.about-page1{
     padding: 30px 0;
}
.about-page1 .l a{
     transform: none;
}

.about-page1 .l .bg{
     display:none;
}
.common-title1 .sitewidget-bd{
     font-size: 30px;
     line-height: 1.4;
     padding-bottom: 30px;
}
.common-title2 .sitewidget-bd{
     font-size: 30px;
     line-height: 1.4;
     padding-bottom: 30px;
     text-align: center;
     background: url(../images/line.png) no-repeat center bottom;
}
.about-page1 .r .editor{
     margin: 20px 0;
}
.about-page2{
     padding: 0px 0 30px;
     gap: 0;
}
.about-page2 .l .list{
     grid-template-columns: repeat(1, 1fr);
     gap: 10px 15px;
}
.about-page2 .r{
    display:none;
}
.about-page3{
     padding: 0px 0 30px;
     gap: 0;
}
.about-page3 .btns{
     width: 100%;
     justify-content: space-between;
     gap: 30px;
}

.sidebar{
     width: 100%;
     padding: 0;
}
.sidebar .search{
     margin-bottom: 15px;
}
.product-page{
     padding: 30px 0;
}
.product-page1 .list{
     grid-template-columns: repeat(1, 1fr);
}
.sidebar .other{
     display: none;
}
.product-detail-page{
     width: 100%;
}

.product-detail-page2 .btns{
     gap: 15px;
     
     /* align-items: center; */
}
.product-detail-page2 .btn{
     display: inline-block;
     height: auto;
     font-size: 14px;
     line-height: 1.7;
     padding: 8px 20px;
     /* width: max-content; */
}
.product-detail-page3{
     margin-top: 30px;
}
.w{
     padding: 30px 0;
}

.download-page{
     padding: 30px 0;
}
.download-page .list li{
	flex-direction:column;
	gap:0;
}
.download-page .download-btn{
	margin:20px auto 10px;
}
.banner2 {
     margin-top: 55px;
}

.banner2 img{
     min-height: 100px;
     object-fit: cover;
}

.banner2 .nav{
	padding:10px 0;
}
.news-page{
     margin-top: 20px;
     width: 100%;
     padding: 0;
}

.news-page .list a{
     flex-direction: column;
}
.news-page .list li .l{
     width: 100%;
}
.news-page .list li .r{
     width: 100%;
}
.news-page .list li .r h5{
     padding: 0 0 10px;
     line-height: 1.4;
}
.news-detail-page-w .sidebar .nav{
     display: none;
}
.news-detail-page{
     width: 100%;
     padding:0 ;
}
.news-detail-page h3{
     font-size: 20px;
     line-height: 1.4;
     margin-bottom: 20px;
}
.news-detail-page .bottom{
     flex-direction: column;
     gap: 15px;
}
.news-detail-page .bottom .btn{
     width: 100%;
     box-sizing: border-box;
     max-width: 100%;
     padding: 8px 20px;
     line-height: 1.7;
     font-size: 14px;
     height: auto;
     overflow:initial;
     text-overflow:initial;
     white-space:initial;
}

.contact-page{
     padding: 30px 0;
}

.contact-page1 h3{
     font-size: 20px;
     line-height: 1.4;
}
.contact-page1 ul{
     grid-template-columns: repeat(1, 1fr);
     padding-top: 0;
}
.contact-page1 ul li{
     padding: 50px 10px 30px;
     margin-top: 45px;
}
.contact-page1 ul li i{
     width: 80px;
     height: 80px;
     top: -55px;
}
.contact-page2 .r .tit{
     text-align: center;
     font-size: 30px;
}



#backstage-footArea .top .nav{
     grid-template-columns: repeat(1, 1fr);
}
#backstage-footArea .top .list>li{
     line-height: 1.4;
     margin-bottom: 10px;
}
#backstage-footArea .top .nav>li:nth-child(1) .list img{
     margin-right: 8px;
}
#backstage-footArea .top .nav>li:nth-child(2){
     display: none;
}    
#backstage-footArea .top .nav>li:nth-child(3){
     display: none;
}
#backstage-footArea .top .nav .title{
     text-align: center;
}
.onlineservice-fixed{
     display: none;
}
#backstage-footArea .top button{
     margin: 0 auto;
}

}