@media (max-width:1024px) {
.wrap,.wrap_a{max-width:auto;padding:0 2%}
.topon.active { background:#fff;}
.topblank { height:45px}
.topmenu { background:#fff;}
.topmenu .tel { display:none;}
.topmenu,.topon.active { height:45px}
.topmenu .logo,.topon.active .logo {margin:5px 0 0 0;width:157px; height:35px; background-size:100%;}
.topmenu ul { display:none;}

.topon{transition-duration:0s;-ms-transition-duration:0s;-moz-transition-duration:0s; -webkit-transition-duration:0s;}
.topon .logo { background:url(../images/logo.png) no-repeat center;background-size:100%;}
.topon.active ul li a {color:#fff;}
.topon.active ul li i { display:none;}

.topmenu.active2 { height:45px;}
.topmenu.active2 .logo {margin-top:5px;}
.topmenu.active2 ul {margin-top:20px}

.phonemenu { display:block;}
.phonemenu ul { display:block;float:none; text-align:center;margin:60px 0 0 0}
.phonemenu li { display:block;width:100%;margin:0;}
.phonemenu li a {font-size:18px;border-width:0;line-height:40px; padding:5px 0;color:#fff}
.phonemenu li a:hover { background:none}
.accordionmenu {}
.accordionmenu li {position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#999;font-size:18px; padding:5px 0;}
.accordionmenu li .link a {color:#fff;}
.accordionmenu li.open .link { background:#f08200;}
.accordionmenu .submenu {display:block; padding: 0 0 10px;}
.accordionmenu .submenu p { height:40px; line-height:40px;}
.accordionmenu .submenu p a { display:block;color:#fff;font-size:16px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#f08200}
.hidden_m{display: none}
.hidden_pc{display: block}
.kefubox,.serviceitem,.ind4,.graybox,.kfpj,.news-box,.news_content,.hometitle{display:none}
.wrap2{padding:0 2%}
.tabPanel {background:#ffffff; padding-bottom:30px}
.tabPanel ul{ display: none;}
.panes {padding-bottom: 0;}
.panes .pane { display:block;}
.panes .pane dd {float:left;width:50%;}
.casetitle { padding:30px 0 20px; text-align:center}
.casetitle .cons1 {color:#444;font-weight: normal;font-size:22px; line-height:40px;}
.casetitle .cons2 {font-size:14px; line-height:26px; color:#777}
.prolist .procons .up { position:absolute; z-index:4;top:5%;left:3%;width:94%}
.prolist .procons .up h1 {font-size:16px; line-height:30px}
.prolist .procons .up h2 { font-size:12px;margin:3px 0 10px 0}
.prolist .procons .up h3 { height:2px; background:#fff;width:0px;}
.prolist .procons:hover .up h3 {width:50px;}
.prolist .procons .down { width:30px; height:30px; background-size: 100%; bottom:5%;right:5%}
.prombtitle{display: block; font-size:18px; font-weight: bold; text-align: center; padding: 20px 0; border-top:1px solid #e2e2e2;}
.indadv-bg{display: none}
.flexslider,.slides li,.slides li a{height:auto;}
.flex-control-nav{bottom:5px;}
.flex-control-nav li{width:20px;height:3px;}
.flex-control-nav a{width:20px;height:3px;}
.foot { padding:10px 0 20px; display: none;}
.foot .hid{display: none;}
.foot dl {float:none;margin-right:0; padding-bottom:0}
.foot dl.last {display: none;}
.foot dl.copy {display: none; float:none;margin-right:0; text-align: center}
.foot dl.contact {float:none;margin-right:0; text-align: center; padding-bottom: 10px}
.foot dl.contact dd .cons1 {font-size:14px;margin:10px 0 0 0; line-height:30px}
.foot .friendlink{display: none}
.foot .copyright{ padding-bottom: 0; padding-top:0}
#main_box{width:auto;max-width:auto; padding: 0 2%; margin-top:10px; margin-bottom:20px}
#main_box_left{ float:none;width:100%;}
#main_box_right{float:none;display: none; width:280px}
.abouttitle_left{ color:#333333; float:none; width:auto;}
.abouttitle_right{display: none}
	.aboutcontent_box,.contact_content{padding:3% 0 0}
	.aboutcontent_box img{width:100%; height:100%}
	.col3_3,.quyu{display: none}
.aboutbanner,.contactbanner,.probanner,.vibanner,.bzbanner,.logobanner,.hcbanner,.sybanner,.printbanner{height:100px; background-size:cover;}
.contact_left{ float:none; width:100%; height:auto}
.contact_right{ float:none; width:100%; height:auto;}
.page_box{ margin:0 5px;box-shadow:none;}
.page_pic { height:auto; margin:10px -10px}
.page_pic img {	width:100%; height:auto}
.page_pic dt { height:40px; line-height: 40px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:12px; text-align: left;}
.page_pic li {float:left;width:50%;height:auto; padding-top:5px;}
.page_pic li:nth-child(3n + 1) {clear: none;}
.page_pic li:nth-child(2n + 1) {clear: both;}
.page_pic.onepic li{float:none; width:100%;}
.sort_content{display: none; padding-left:2%; padding-right:2%;}
.productcontent{padding:0}
.productcontent .jsfont{line-height:1.8; padding-top: 10px; display: none;}
.context{border-bottom:0;padding-top:10px; height:58px;}
.context li{line-height:26px; font-size: 12px; float:none; width:100%; margin:0; padding:0; background:none; border-radius:0; text-align:left;}
.huacexx{ height:auto; padding-top:20px; font-size:12px}
.huacexxtitle{ font-size:18px;}
.huacexx span{ color:#999}
.huacexxdown{ width:auto; padding-top:10px; text-align:center}
.lefthuacexx{ float:none; width:100%; padding-top:5px;}
.righthuacexx{ float:none; width:100%;padding-top:5px}
.Fast-nav{display:block}
.news_box{padding-top:8px; padding-bottom:0;}
.news_box ul{padding:0}
.news_box li{line-height:25px; font-size: 12px; float:none; width:100%; margin-right:0;}
.productxxcs{font-size:12px; line-height: 1.8;}
.news_box_title,.news_box{display: none;}
}