@media screen and (max-width:1100px) { 
.he-er,
.l-pro-border .subTitle,
.pro-nav,
.home-advantage,
.home-advantage-title,
.clo-title,
.clo-page,
.cert,
.home-sample,
.anli,
.mes-title,
.mes-page,
.weblink,
.footnav,
.home-title,
.subBanner, .subBody,
.machining-demo,
.newsbody,
.sublist ul,
.home-product,
.home-about ul,
.home-service,
.home-blog,
.home-news,
.home-message-banner .home-message-title,
.home-message .home-message-back>ul,
.flow-chart,
.scrollleft,
.flexslider,
.vantage,
.home-foot-title,
.about,
.abouts-third .ath-title,
.abouts-third #myCarousel,
.at-honor,
.allfoot .allfoot-title,
.allfoot ul,
.czdltitle .czdl-bj,
.ctt-body,
.ctt-body > div,
.aboutbody,
.ctt-1, .ctt-2{ width:auto;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~1100px and auto~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.he-er{ padding:0 10px;}
.he-er-right{ right:10px;}
.he-login{left: 20%;}

.search{ position:absolute; right:10px;}
.home-pro{ padding:10px;}
.h-ab{ padding:10px;}
.home-title{ margin-top:30px;}
.home-advantage-title{ padding:0 10px; display:none;}
.h-close{ padding:50px 10px;}
.home-news{ padding:10px;}
.home-sample{ padding:10px;}
.h-purchase{ padding:10px;}
.subBody{ padding:10px;}

.anli .al_li2{ margin-left:10%;}
.alul1{ position:relative; z-index:10}
.al_c{width:358px; z-index:9;}
.al_c p img{ width:60%; height:60%;}

.h-message{ padding:10px;}
.h-mes{ width:30%;}
.h-ssa{ width:30%;}
.h-agekj{ }
.h-age input{ width:80%;}
.h-age select{ width:79%;}
.h-age-textarea textarea{ width:100%;}
.h-age input.h-age-submit{ width:100%}
.proleft-tab{ width:25%}
.subBody .TwoOfTwo{ width:100%;}
.pro-tab{  width:70%}
.side-search .search{ float:none; position:relative; left:0; top:0}
.prolist li a{ padding-left:5%;}
.xiang_list li .pic{ width:100%; max-height: 135px; height: auto;}

.piclist{ width:100%; overflow:hidden;}
.piclist ul{ width:100%;}
.piclist li{ width:30%; margin:0 1%;}
.l-pro-border{ padding:10px;}
.pro-nav{ width:100%;}
.pro-nav li:first-child{ width:100%; display:block;}
.pro-nav li:first-child span{ display:none;}
.pro-nav li:last-child{ width:100%; display:block;}
.pro-nav li:last-child p { text-align:center; margin-bottom:3vw;}
.pro-nav li:last-child p a{ padding:0;}

/*news*/
.Nnews{ width:70%}
.Nnew-center{ width:100%;}
.Nnew-center .Nnew-center-left{ width:40%;}
.Nnew-center .Nnew-center-right{ width:55%; margin-left:2%;}
.Nnew-center .Nnew-center-right-font .Nnew-center-right-font-title{ width:100%;}
.Nnew-center .Nnew-center-right .Nnew-center-right-font .Nnew-center-right-date{ display:none;}
.videos .videos-page{ width:100%;}
 
.subBody .newspage{ width:73%; padding:0 10px;}

.subBanner-a{ min-width:auto;}
.ctt{ min-width:auto;}
.contact{ width:100%;}
.contact .contact-title{ width:100%;}
.contact-page{ width:96%; padding:1%;}
.contact-page div img{ width:100%;}
.contact-page ul{ width:76%}
.contact-page ul li{ width:100%;}
.weblink{ padding:10px;}
.newfoot{ margin-top:10px;}

.newfoot ul{ width:100%}
}
@media screen and (max-width:960px) { 
.nav{ max-width:82%;}
.section ul li{ width:28%; margin:0 2%;}
.al_c{ display:none;}
.anli .al_liTit{ margin-left:0;}
.home-title{ padding:0;margin-top:10px;}
.home-product .clearfix{ margin-top:30px;}
.h-message{ padding-top:30px;}
.newfoot ul li{ width:20%;}


}
@media screen and (max-width:768px) { 
.he-er-bg,.he-er{ display:none;}
.czdltitle .czdl-bj ul li{ width:100%;}


.header_wap{ display:block; height:100%;}
/*显示手机端头部 + 首页手机版轮播 + 首页新闻版轮播*/
body{ padding-top:48px; padding-bottom:50px;}
.wapman{display:block;}
.wapman .waphead{ width:100%; height:49px; border-bottom:1px solid #eee; position:fixed; left:0; top:0; background-color:#fff; /*border-bottom:1px solid #ccc;*/ z-index:9999;}
.wapman .waphead h3{ width:100%; height:100%; line-height:50px; text-align:center; font-weight:normal; font-size:5vw;}
.wapman .waphead h3 a{ display:block; height:100%; color:#333; overflow:hidden;}
.wapman .waphead h3 a img{ max-height:90%; display:block; margin:2px auto 0;}
.wapman .waphead .navsbtn{ position:absolute; right:0px; top:0px; width:50px; line-height:50px; font-size:24px; text-align:center;}


.wapman .waphead h3 span{position: absolute; left: 0; top: 0;}
.wapman .waphead h3 span,
.wapman .waphead h3 span>a{ display:block; width:50px; line-height:50px; text-align:center;}
.wapman .waphead h3 span a img{}

.wapman .wapnav{ width:100%; height:100%; overflow-y:scroll; position:fixed; top:0; left:-100%; z-index:9998; background-color:rgba(19,136,213,0.9); }
.wapman .wapnav .wapnavlist{ margin-top:50px;}
.wapman .wapnav .wapnavlist>li ul{ padding:5px 0;}
.wapman .wapnav .wapnavlist>li{ width:100%; border-bottom: 1px solid #eee; position:relative;}
.wapman .wapnav .wapnavlist>li .zhan{ position:absolute; right:0; top:0; display:block; width:42px; height:42px; line-height:42px; background-color:#0769a7; color:#fff; text-align:center;}
.wapman .wapnav .wapnavlist>li .zhan.dup{ background: url(../images/dup.png) no-repeat center center; background-size:45%;}
.wapman .wapnav .wapnavlist>li .zhan.dop{ background: url(../images/dop.png) no-repeat center center; background-size:45%;}
.wapman .wapnav .wapnavlist>li a{ color:#eee;font-family: 'OpenSans';}

.wapman .wapnav .wapnavlist>li>a{ display:block; height:42px; line-height:42px; vertical-align: middle; padding-left:10px; background-color:#1388d5; color:#fff; }
.wapman .wapnav .wapnavlist>li ul{ display:none;}
.wapman .wapnav .wapnavlist>li ul li{}
.wapman .wapnav .wapnavlist>li ul li a{ display:block; height:26px; line-height:26px; padding-left:20px;}
.wapman .wapnav .wapnavlist>li ul li a:hover{ text-decoration:underline;}

.wapnav_sreach{ margin-top:20vw; padding:5px;}

.wapnav_sreach .search-container-inner{ width:100%; height:10vw; position:relative;}
.wapnav_sreach .search-container-inner input.search-field{ display:block; width:100%; height:100%; text-indent:10px;}
.wapnav_sreach .search-container-inner .subtn{width:15vw;height:100%; position: absolute;right: 0;top: 0;}
.wapnav_sreach .search-container-inner .subtn input{display: block;width: 100%;height: 100%;text-indent: 10px; position:relative; z-index:100;}
.wapnav_sreach .search-container-inner .subtn i{display: inline-block; position:absolute; top:3vw; right:3vw; color: #1388d5; font-size:20px; z-index:99;}
/*头部 end*/
.messboxnr{ display:none;}
.messboxnrwap{ width:100%; height:50px; background-color:#000; display:block; position:fixed; bottom:0; left:0; z-index:999;}
.messboxnrwap ul{ width:100%; height:100%; overflow:hidden; padding-top:3px;}
.messboxnrwap ul li{ width:25%; float:left; text-align:center; padding:0;}
.messboxnrwap ul li a{ display:block;}
.messboxnrwap ul li span{}
.messboxnrwap ul li span i{color:#fff; font-size:5vw;}
.messboxnrwap ul li h5{ color:#fff; text-align:center; margin:0;}
/*底部吸盘 end*/

.home-about ul{ padding:0;}
.home-about ul li .home-about-link{ display:none;}
.home-about ul li:first-child{ width:100%; padding:5vw}
.home-about ul li:last-child{ display:none;}
.home-about ul li .img-fluid{ display:none;}
.home-advantage{ background:none; padding:10px; margin-top:3vw; display:none;}
.home-advantage ul{ width:100%;}
.home-advantage ul li{ width:100%; float:none; margin:0 !important; padding:10px !important;}
.home-advantage ul li h4{ text-align:left !important; width:100%; margin:0; padding:0}

.home-blog ul li{ width:100% !important; float:none !important; margin:0 0 10px 0 !important; background-color:#f8f8f8; padding:10px;}
.home-blog ul li strong,
.home-blog ul li a .home-news-more{ display:none !important;}
.home-blog ul li h5{ border-top:none;}
.czdltitle{ display:none;} /*招聘*/
.h-purchase{ display:none;} /*服务与支持*/

.home-sample .nbs-flexisel-container{ overflow:hidden;}
.h-message{ display:none;} /*留言*/

.newfoot{ background:none; background-color:#333;}
.newfoot ul { padding:10vw 0;}
.newfoot ul li{ display:block; width:100%; float:none;}
.newfoot ul li:first-child{ display:none;}
.newfoot ul li:nth-child(2){ display:none;}

}
@media screen and (max-width:640px) { 
.proleft-tab{ width:100%; float:none; margin:5vw 0 0;}
.proleft-logo{ display:none;}
.proleft-top{ display:none;}
.side-search .search,.side-search .cl{ display:none;}
.subBody .TwoOfTwo{ background-color:#fff;}
.prolist{ border:1px solid #00479d;}
.pro-tab{ width:100%; float:none; margin:5vw 0 0;}
.prolist ul li{ background:none;}
.prolist li a{ border:none !important;}
.codes_r{ display:none;}
.prolist{ padding-bottom:0}
.sidelist{ display:none;}
.prolist span i{ display:block; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; right:0; top:0;}

.pro-nav{ display:none;}
.l-pro-border{ margin-bottom:10px;}
.subBody .wamp_to{ display:block;}

.pro-tab h1{width:auto; margin:2vw; padding:2vw; border-bottom:1px solid #eee; font-size:5vw; line-height:8vw; background:none;}
.propic{ padding:0;}
.propic .picture{ width:100%; float:none; margin:0;}
.picdes .picarr .preview{ width:100%; float:none; margin:0; margin-top:5vw; border-radius:0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.picdes .picarr .preview li{ width:25%;}
.picdes .picarr .preview li a{ width:100%; height:auto;}
.picdes .picarr .preview li img{ width:100%; height:auto;}
.Nnews{ width:100%; margin:0;}
.Nnew-center .Nnew-center-left a, .Nnew-center .Nnew-center-left img{ height:auto;}
.Nnew-center .Nnew-center-right{ padding:0}
.home_news_list li{ width:100%; float:none; display:block;}
.dow_show .infobox{ padding:10px}
.dow_show .infobox .img{ float:none; display:block;}
.dow_show .infobox .txt{ width:100%; display:block; float:none; margin:0; padding:0}

.sublist .product_list li{ width:46%; margin:0 1%}
.clo-page ul li{ width:48%;}
.subBody .subTitle{ margin-top:0;}
.subBanner,.subBanner img{ width:100%;}
.case{ width:100%; margin:0; padding:0;}
.subBody .newspage{ width:100%;}
.listConts .info small:nth-child(1),.listConts .info small:nth-child(2){ display:none;}
*{ font-size:4vw !important;}
p>b{ font-size:6vw !important;}
.wapman .waphead i.navsbtn{ font-size:5vw !important;}
.prolist span i{ font-size:6vw !important;}
.section ul li{ width:42%; margin:0 2%;}
.home-title{ margin:2vw auto;}
.home-title p{ text-align:center;}
.clo-title p{ text-align:center;}
.home-about ul li,
.home-about ul li:first-child{ padding:0;}
.home-news{ margin:0;}
.home-blog{ padding-top:3vw;}
.home-sample{ margin-top:0;}
.home-sample .nbs-flexisel-container{ margin:5vw 0;}
.h-close{ padding-top:5vw;}
.clo-title{ margin-bottom:5vw;}
.clo-page ul li a h6{ height:48px; overflow:hidden;}
.clo-page ul li p span{ color:#888;}
.home-blog ul li{ background:none; border-bottom:1px dotted #ccc;}
.home-blog ul li h5{ margin:0; padding:0;}
.home-blog ul li a p{ margin:3vw 0;}
.clo-page strong{ text-align:left; line-height:6vw;}

.sublist{ margin-top:5vw;}
.product_content{ padding:5px;}
.listConts .info small.nth-child(-1){ display:none;}
.listConts .info small:last-child{display:none;}
.preNext .line_list ul{ padding:0;}
.preNext ul li{ padding:0;}
.preNext ul li{ display:block; width:100%; float:none;}
.preNext .leftitem{ background:none;}
.img-fluid{ max-height:100%;}
}
@media screen and (max-width:520px) { 
.videos .videos-page{ width:100%;}
}
@media screen and (max-width:480px) { 

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

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

}