@media screen and (max-width: 1024px){
	html,body,a,img,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,div,span,p,font,input,textarea,i{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
input, textarea{background:transparent; padding:0px; font-size:12px; color:#000; outline:none; font-family: Arial, "微软雅黑";}
em{font-style:normal;}
input[type="button"],input[type="submit"],select{-webkit-appearance:none;}
	.pc-hide{display:block!important;}
	.pc-show{display:none!important;}
	.wrap{ background:#fff; width:100%; overflow:hidden; font-size:12px;}
	.w980{ width:100%;}
/*about_us*/
	#ban.ban1, #ban.ban11, #ban.ban6, #ban.ban4 ,#ban.ban5 ,#ban.ban8 ,#ban.ban3 ,#ban.ban7{background-size:100% 100%; background-position: center;} 
	.nav{ font-size:12px; padding:5px 10px; margin:0; border-bottom:1px solid #ccc; overflow:hidden; height:auto; line-height:24px;}
	.pageMainA{ width:100%; padding:0px 10px 10px;border-bottom:1px solid #ccc;}
	.pageMainA h1, .pageMainB h1, .h1T{ font-size:16px; margin:0; line-height:24px; margin:3px 0;}
	.pageMainB{ padding-bottom:10px;}
	.pageMainA p, .pageL p{ margin-bottom:0;}
	.page_about_1{ padding:0; background:none;}
	.about_us_img{ width:100%; display:block;}
	.page_about_2,.page_about_3{ margin:0; padding:0; height:auto;}
	.page_about_2{ background:none;}
	.page_about_3{background: none; }
	.page_about_4 li{ width:50%; margin:0;}
	.page_about_4 li a{ display:block; width:100%; padding:0 1px;}
	.page_about_4 li img{ width:100%; padding:0; }
/*Client*/	
	.list_Client{ width:50%; margin:5px 0 0;}
	.list_Client img{ width:100%; display: block;}
/*contact*/		
	.pageL{ width:100%; margin:0; padding:0 10px;}
	.page_contact{ margin:0; padding:0;}
	.page_contact .titleUS{ font-size:13px;}
	.page_contact li{ width:100%;}
	.page_contact .mt30{ margin-top:10px;}
/*support*/	
	.pageL p img{ width:80%; display:block; margin:0 auto;}
/*video*/		
	.toc_4col_block{ width:50%; padding:0 5px; margin:0 0 10px; overflow:hidden}
	.toc_4col_block p{ font-size:12px;}
/*sales_reps*/		
	.list_sales_reps{ width:100%; margin:0px;  padding-bottom:10px;background:#eee; border-bottom:1px solid #fff}
	.list_sales_reps .s2{ color:#005bac; font-size:12px;}
	.list_sales_reps ul{  padding:5px; }
	.list_sales_reps ul li:nth-child(3),.list_sales_reps ul li:nth-child(4){list-style: square inside;}
/*quote*/		
	#webform-client-form-40 table{ width:100%;}
	.pageMainB .pageL{ float:none;}
	#webform-client-form-40{ width:100%; overflow:hidden}
	.pageMainB #indexR{ width:100%!important; float:none!important;}
	.request-a-quote td{ width:100%!important; display:block; text-align:left}
	.request-a-quote textarea{ width:100%;}
	input.input1{ width:100%;}
	.request-a-quote select{ display:block; width:100%;}
	#vdcode{ width:30%!important; padding:5px;}
	.request-a-quote .submit{ margin:0}
	#indexR{ padding:10px; overflow:hidden; width:100%!important; margin:0;}
	.article-brief{ font-size:12px!important; margin-top:10px!important;}
	.article_line{ padding-bottom:10px!important;}
/*product*/	
	.Products_box .toc_4col_block img{ width:100%; display:block}
	.Products_box .toc_4col_block{ margin-bottom:10px; padding:0 2px;}
	.list_products_row2 li{ float:none; width:100%; overflow:hidden; }
	.list_products_row2 h4{ margin:0;line-height:20px; font-size:14px;}
	.list_products_row2 .row{ width:100%; overflow:hidden}
	.list_products_row2 .row_img{ width:50%;}
	.list_products_row2 .row_img a{ display:block; width:100%;}
	.list_products_row2 .row_img img{ width:100%;}
	.list_products_row2 .row_txt{ width:50%;}
	.list_products_row2 li ul li{ list-style:inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:100%;}
	.brief_introduction{ width:100%;}
	.product_big_img{ display:block; width:100%; float:none; height:auto; max-height:100%;}
	.tb-s310, .tb-s310 img{ max-width:100%;width:70%;height:auto;max-height:100%;}
	.tb-s310, .tb-s310 a{ width:100%; height:auto; display:block; margin:0 auto;}
	.product_big_txt{ float:none; width:100%; margin-top:10px; font-weight:normal;}
	.pageMainA h2, .pageMainB h2{ font-size:16px; margin:0;}
	.product_features{ width:100%;}
	.tabB{table-layout:fixed;}
	.tabB_pd td,.tabB_pd th{ word-wrap: break-word; /* 旧版的写法 (IE) */overflow-wrap: break-word; /* 标准写法 */}
  	.tabB_pd .thA{ border-right:1px solid #ccc;width:auto!important;}
	.tabB_pd .thA:last-child{ border-right:1px solid #005bac;}
	.product_pdf{ width:100%; margin-bottom:15px;}
	.product_pdf li{ height:25px; }
	.product_pdf li a{ font-size:12px; line-height:16px; margin-right:0;}
	.toc_3col_block{ width:100%; margin-right:0;  overflow:hidden; height:auto; margin-bottom:3px;}
	.toc_3col_block li.img{ width:20%;}
	.toc_3col_block li.txt{ width:76%;}
	.toc_3col_block li img{ width:100%; height:auto; padding:0;}
	.toc_3col_block li.txt h4{ margin-bottom:0; width:100%;}
	.toc_3col_block li.txt h4 a{ width:100%; display:block; line-height:18px; font-size:12px;}
	.request_a_quote{ float:left; margin-bottom:0;}
	.request_a_quote a{ height:28px; line-height:28px; width:140px;}
	.quick_links{ float:left; margin-left:10px; line-height:28px; margin-top:10px;}
	.app_fea_box div{ width:100%!important;}
	.toc_1col_block{ width:100%;}
	.toc_1col_block li.img{ width:100%; float:none;}
	.toc_1col_block li img{ width:100%; height:auto;}
	.toc_1col_block ul{ overflow:hidden}
	.toc_1col_block li.txt{ float:none; padding:0; overflow:hidden; width:100%;}
	.toc_1col_block li.txt h4{ line-height:24px; margin-bottom:0}
	.toc_1col_block li.txt p{ font-size:12px; line-height:20px;}
	.product_description_img{ display:block; width:100%; margin:0;}
	.product_description_img img{ display:block; margin:10px auto 0;}
	.tabB .tabB_td_br{ border-right:1px solid #fff}
	.tabB .tabB_td_br_bottom{ border-bottom:1px solid #fff}
	.optional_designs_p{ width:100%;}
	.optional_designs_p img{ display:block; width:100%!important;margin:0 auto; height:auto!important;}
	.requst_box_content{ width:100%!important; float:none!important; overflow: hidden}
	.test_box-c{ margin-top:0!important; width:100%; overflow:hidden}
	.test_box-c p{width:100%!important; float:none!important;}
	.img_probe_img{ display:block; max-width:100%; margin:10px auto 0;}
	#images{ width:50%;}
	#images img{ width:100%;}
	.md-img{ display:block; width:100%;}
/*news-events*/		
	.news_box_table{ width:100%!important; overflow:hidden}
	.news_box_table td{ display:block; width:100%;}
	.list_support ul li a{ font-size:14px;}
	.list_support li ul li a{ font-size:12px;}
	.list_article{ margin-bottom:10px!important;}
	.article_content{ margin-top:10px!important;}
	.article_theme1{ padding-bottom:10px;}
	.BOXf3f3f3,.bgDown{ padding:5px;}
	ul.listB li a{ line-height:21px;}
	.product_featuress{ width:100%!important; float:none;}
	.product_video{width:100%!important; float:none;}
	.product_video object ,.product_video embed{width:100%!important;}
/*footer*/		
	#footer{ padding:10px 0;}
	.footerLeft{ width:100%; padding:0 10px;}
	ul.footMenu{ width:50%; overflow:hidden; margin:0 0 10px;}
	
	ul.footMenu li.link{ line-height:24px; border-bottom:1px solid #ccc;}
	ul.footMenu li.link::before {
content: "·"; /*使用圆点作为内容*/
font-size: 18px; /*设置字体大小*/
padding-right: 5px; /*设置圆点与文字之间的距离*/
color: #666; /*设置圆点的颜色*/}
	.footerRight{ width:100%;padding:0 10px; overflow:hidden}
	.footerRight .footMenu li.link{ border:none; width:100%;}
	.footerRight .footMenu li.link::before{content: " ";}
	.footerRight .followUs{ overflow:hidden; margin-bottom:10px;}
	.footerLeft ul.footMenu:nth-child(1) li,.footerLeft ul.footMenu:nth-child(3) li{ width:95%}
/*导航菜单*/
	#header{ display:none;}
	#header-top{ height:40px;}
	.sideMemu{display: none;padding: 0 3%;background: #fff;min-height: 100%;width: 100%;position: fixed;top: 40px;z-index: 9999999;left: 100%;transition: all .5s; } 
	.sideMemu .search{width: 100%; position: relative; } 
	.sideMemu .search input{height: 42px;line-height: 42px;font-size: 14px;color: #999;width: 100%;padding: 0 22% 0 5%;background: #ebebeb;border-radius: 20px;margin: 20px 0 70px;}
	.sideMemu .search .searchIco{display: block;background: url(/style/_img/search.png) no-repeat center;background-size: 22px;width: 40px;height: 40px;position: absolute;right: 3%;top: 21px;}
	.sideMemu .navLayer {overflow-x: auto;width: 100%;overflow: hidden;position: static;z-index: 555;right: -100%;top: 45px;} 
	.sideMemu .navLayer .bg{overflow-x: auto;position:relative;width:100%;} 
	.sideMemu .subNav {cursor: pointer;display: block;height: 30px;line-height: 30px;position: relative;font-size: 14px;color: #151515;opacity: 1;border-bottom:1px solid #e2e2e2;/* background: url(../images/m5.png) 97% center no-repeat; *//* background-size: 7px; */} 
	.sideMemu .subNav .name{text-align: left;position: relative;padding: 0 10px;color: #666;} 
	.sideMemu .subNav a{color: #666;} 
	.sideMemu .subNav1{background: url(/style/_img/right.png) 97% center no-repeat;background-size: 7px;}
	.sideMemu .currentDt{background: url(/style/_img/right-on.png) 98% center no-repeat; background-size: 13px;} 
	.sideMemu .navContent{display: none;} 
	.sideMemu .navContent li{ position:relative;} 
	.sideMemu .navContent a{display: block;height: 30px;line-height: 30px;color: #666;font-size: 14px;text-align: left;margin: 0 19px;border-bottom: 1px solid #ccc; }
	.sideMemu .navContent a::before {
	content: "·"; /*使用圆点作为内容*/
	font-size: 18px; /*设置字体大小*/
	padding-right: 5px; /*设置圆点与文字之间的距离*/
	color: #666; /*设置圆点的颜色*/}
/*首页*/
	#index{ width:100%; overflow:hidden;}
	#index .indexL{ width:100%; padding:0 10px; float:none;}	
	#index .indexR{ width:100%;}	
	#index .indexL dl{ width:50%; margin:0}
	#index .indexL dd.img{ width:98%; height:auto; overflow:hidden;}	
	#index .indexL dd.img img{ width:100%; overflow:hidden; height:auto;}
	#banner{ width:100%; height:454px!important; }
	#banner .b2, #banner .b1, #banner .b3, #banner .b4{ background-size:100% 100%; width:100%; }
	.transparency{ width:100%!important; background:none;}
	.banner_content h2,.banner_content p,.banner_content a{ display:none;}
	#banner_nm{ width:100%; margin:-30px auto 0;}
	#banner_nm .ban_pager{ width:auto;}
	#banner_nm .ban_pager a{ width:10px; height:10px;}
	#banner .b2{background:url(../_img/web_flash_2.jpg) no-repeat top center; background-size:100% auto;height:100%!important;}
	#banner .b3{background:url(../_img/web_flash_3.jpg) no-repeat top center; background-size:100% auto;height:100%!important; }
	#banner .b4{background:url(../_img/web_flash_4.jpg) no-repeat top center; background-size:100% auto;height:100%!important;}
	#banner .b1{background:url(../_img/web_flash_7.jpg) no-repeat top center; background-size:100% auto;height:100%!important;}
	.transparency{height:100%!important;}
	.banner_content{ height:0;}
/*手机头部*/
	.m-head-div-index{background: #fff; }
	.m-head-div{height: 40px; padding:8px 10px 0; float:left; width:100%; position:fixed; top:0; left:0; background:#fff; z-index:999999; border-bottom:3px solid #ccc;} 
	.m-head-div img{width: 100%;} 
	.m-head-div .logo{width:80px; float:left; } 
	.m-head-div .menu{width:20px; float:right; margin-top:3px; } 
	.m-head-div .lang{margin-right: 3%; font-size:14px;float:right; line-height:27px; }
	.m-head-div .menu-closeBtn{display:none;width: 4%; padding: 0; float:right; margin-top:4px;}
	.m-head-div .lang a{ color:#000;}
	.header-search{ right:0; margin-top:0;}
	.header-search .result_wraper{ width:100%;  position:relative; top:0}
	.header-search .result_wraper li{ width:50%; float:left; padding:0; line-height:20px;}
	.header-search .result_wraper li a {display: block; width: 100%; padding: 5px;color: #000;}
	.sideMemu .search input{ background: #eee url(/style/_img/search.png) no-repeat 97%!important; border-radius: 20px; }
	.sideMemu .search input{padding-left:20px; margin-bottom:0}
	.header-search #search{ width:100%; border-radius:0px;}
	.header-search .result_wraper ul{ background:#eee} 
	.followUs li a{ background-size:100%}
/*右侧导航*/
	#service{ right:0!important; margin:0!important;left:90%!important; }
	.height_scroll{ height:auto; overflow:auto}
}
@media screen and (max-width: 912px){
#banner{ width:100%; height:412px!important; }
}
@media screen and (max-width: 853px){
#banner{ width:100%; height:375px!important; }
}
@media screen and (max-width: 820px){
#banner{ width:100%; height:362px!important; }
}
@media screen and (max-width: 768px){
#banner{ width:100%; height:346px!important; }
}
@media screen and (max-width: 540px){
#banner{ width:100%; height:244px!important; }
}
@media screen and (max-width: 430px){
#banner{ width:100%; height:195px!important; }
}
@media screen and (max-width: 414px){
#banner{ width:100%; height:187px!important; }
}
@media screen and (max-width: 412px){
#banner{ width:100%; height:187px!important; }
}
@media screen and (max-width: 390px){
#banner{ width:100%; height:177px!important; }
}
@media screen and (max-width: 375px){
	.toc_4col_block{ padding:0 1px;}
	#banner{ width:100%; height:170px!important;}
}
@media screen and (max-width: 360px){
#banner{ width:100%; height:164px!important; }
}
@media screen and (max-width: 344px){
#banner{ width:100%; height:156px!important; }
}