@media (max-width:1024px) {
.mbmenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 26px;right:3%;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#f08200;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #f08200;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-8px;}
.nav__icon:after {margin-top:8px;}

.mbmenu .nav { position:fixed; z-index:99996;top:50px;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.mbmenu .nav--active .nav {right:0;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #444}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #444;}

.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:left;margin:20px 0 0 0}
.mbmenu li { border-bottom: 1px solid #333; display:block;width:100%;margin:0;}
.mbmenu li a {display: block;font-size:14px;border-width:0;line-height:40px;padding-left:15px;color:#ddd}
.mbmenu li a:hover { background:none;color:#fff}
.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:30px; line-height:30px;color:#fff;font-size:14px;padding-left:15px; background: url(../images/1.png) no-repeat 94% 50%}
.accordionmenu li .link a {color:#ddd;font-size:14px;}
.accordionmenu li.open .link { background:url(../images/2.png) no-repeat 94% 50% #ec0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #555;}
.accordionmenu .submenu p { height:40px; line-height:40px; background:#444;border-top:1px solid #555;}
.accordionmenu .submenu p a { display:block;color:#ddd;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#fff}
.searchbox{float:none; position: relative;margin-top:0px; width:100%;}
/*pc版搜尋*/
.search{display: none;}
.m_search,.m_search_btn{display: none; width:100%}
.m_search{width: 100%; height: 100px;position: absolute;top: 50px;left: 0; background-color: #ddd; text-align: center; display: flex;flex-direction: column;justify-content: center; display: none;z-index: 999999;}
.m_search .search_m{border: none; border-bottom: 1px solid #bfbfbf;background-color: inherit; border-radius: 0;-webkit-box-shadow: inherit; box-shadow: inherit;}
.m_search .form-control.search_m::-webkit-input-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m::-moz-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m:-ms-input-placeholder{font-size: 14px;font-weight: bold; color: #535353;}
.m_search .form-control.search_m:-moz-placeholder{ font-size: 14px;font-weight: bold; color: #535353;}
.m_search form{width: 100%; position: relative; margin: 0 auto;}
.searchbox .btn{ width: 25px; height: 25px; background: url(../images/search_pc.png) no-repeat center; position: absolute; top:13px; right: 50px; outline: none;z-index:999; cursor:pointer}
/*搜尋列遮罩*/
.cover{position: absolute;top: 50px;left: 0;width: 100%;z-index: 888;background-color: rgba(0,0,0,0.8)}
.topblank { height:50px}
.toper { background:#da2b45;}
.toper { background:#fff;height:50px;position: fixed;top: 0;left: 0;width: 100%;z-index: 15;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.toper .logo {margin:3px 0 0 0;width:225px; height:45px; background-size:100%;}
.toper .t_right{float:right; margin-right: 50px; display: none}
.toper .top,.toper .t_nav,.toper .t_left,.jjtt,.location,.link_bg,.foot-menu,.foot-menu1,.cc_con1{display: none;}
.wrapper{width:auto; padding: 0 2%;}
.prod_t{ margin-top:15px;background: none; min-height:auto; padding-bottom: 15px;}
.prod_t strong{ font-size:18px;}
.prod_t span{display: block;font-size:14px; margin-top:0;}
.tabPanel { padding:0}
.tabPanel ul{display: none;}
.tabPanel ul li{font-size:14px;}
.hiddle_pc{display: none;}
.kv{box-shadow:none;display: none;}
.kv1{display:block;}
.panes {padding:0;}
.panes .pane {display:block; padding-bottom:10px;}
.panes .pane .panetitle{display:block; font-size:14px; font-weight: bold; color:#000; padding-left: 10px; margin-bottom:5px; line-height:35px; background: #eee; text-transform: uppercase;}
.yhkh,.process,.news,.ad2,.case_row2,.plant,.adv{display: none;}
.ad1{ height:auto; background:#ef6b00; padding-bottom: 15px;}
.ad1 .fl{ padding-top:20px;float:none}
.ad1 .fl h2{font-size: 16px;color: #fff; padding-left: 0; text-align: center;}
.ad1 .fl strong{ text-align: center; font-size:20px;padding-top:5px; line-height:32px; letter-spacing:0px;}
.ad1 .fl span{ text-align: center; font-size:16px;display: block;margin-top:5px;line-height:32px; letter-spacing:0px;}
.ad1 .fr{ padding-top:5px; width:100%;text-align: center;float:none}
.ad1 .fr .telb{ font-size: 16px; text-align: center; line-height:25px; padding-bottom: 10px;}
.ad1 .fr .telb b{font-size:18px;}
.ad1 .fr a{ display: inline-block;color: #000;font-size:14px; border-radius: 3px; line-height:30px; background:rgba(255,255,255,0.8);padding:0 10px}

.homeabout{ padding-top:0px;}
.homeabout_l{float:none; width:100%;}
.aboutbox{ line-height:180%; padding:15px 0;}
.aboutbox h2{font-size:18px; font-weight: bold; padding-bottom:10px;}
.aboutbox dt{margin-top:5px}
.homeabout .amore a{line-height:30px; border-radius:15px; padding: 0 15px;}
.homeabout_r{ text-align: left;float:none; width:100%}
.idx_pro{padding:20px 0 10px;}
.idx_pro .pro_swiper .swiper-slide h2{ height:35px; line-height:35px;}
.productbox{margin:0 -3px}
.product {float:left;width:50%;}
.product .probox{position:relative; overflow:hidden; margin:3px}
.product .title { font-size:12px; padding:8px 0;}
.product .cons { font-size:12px;}
.product .cons .titles {display: none;}
.product:hover .cons .titles { display:block; margin:35% 0 0}
.mainleft{float:none; width:100%}
.mainright{float:none; width:100%; display: none;}
.leftmenu { padding:10px 0 0;border-bottom: 0px solid #e2e2e2;}
.leftmenu ul li{ line-height:35px; display:block; text-align:center;}
.leftmenu ul li a{margin:1px 0 0;padding: 0 20px;font-size:14px; background: #eee;}
.aboutcontent{padding:15px 0}
.aboutcontent .idx_pro{padding:10px 0 0}
.aboutconbox{line-height:180%; padding:5px 0 0;}
.rightimg{float:none; margin-right:0px; margin-top:0px; margin-bottom: 10px;}
.contact{padding:10px 0}
.contact_l{float:none; width:100%; font-size: 14px;}
.contact_l strong{font-size:18px; padding-bottom: 10px; display: inline-block;}
.contact_l .people{padding-left:45px; border-bottom: 1px solid #e2e2e2; line-height:50px; background-size: 25px;}
.contact_l .fax{padding-left:45px; border-bottom: 1px solid #e2e2e2; line-height:50px; background-size: 25px;}
.contact_l .qq{padding-left:45px; border-bottom: 1px solid #e2e2e2; line-height:50px; background-size: 25px;}
.contact_l .email{padding-left:45px; border-bottom: 1px solid #e2e2e2; line-height:50px; background-size: 25px;}
.contact_l .add{padding-left:45px; border-bottom: 1px solid #e2e2e2; line-height:50px; background-size: 25px;}
.contact_r{float:none; width:100%; padding-top:20px;}
.mapheight{width:100%; min-height: 300px; margin-top:15px;}
.sb-list { padding-bottom:20px;}
.sb-list li {position: static;width:100%; margin-right: 0%;float:left; margin-top:2%;}
.sb-list li:nth-child(3n){margin-right:0;}
.sb-list li:nth-child(2n){margin-right:0;}
.sb-list li a {display: block}
.news-tit { width:100%; left:0; line-height:30px; position: static; bottom:0;}
.proxqtit{ height:35px; line-height: 35px; font-size:14px;}
.productsm{text-align: center; padding-bottom:15px;}
.productsm h2{font-size:18px; line-height:35px; padding:5px 0; font-weight: bold;}
.productxq{padding:12px 0; line-height:180%;}
.productxq img{margin:5px auto;}
.context{height:auto; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background: #fbfbfb; padding: 6px 0;}
.context li{ line-height:25px; float: none; width:100%;}
.othertitle{font-size:16px;line-height:35px; padding-top:10px;}
.video {margin:0px; padding:0;}
.video li {float:none;width:100%; padding:0;margin-top:10px}
.video .pbox{margin:0px;overflow:hidden}
.video .cons { position:absolute; z-index:1;width:100%; height:100%; background:#000; opacity:0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.video .titles { padding:8px 0; font-size:14px}

.shili{}
.shili_l{float:none; width:100%; margin-top: 5px;}
.shilifont{padding:10px 15px;}
.shilifont h3{font-size:14px; padding:0;}
.shilifont h4{ font-size:18px; padding:5px 0 10px; margin-bottom:6px;}
.shilifont p{font-size: 14px; line-height:180%;}
.shilicj{background:#f6f6f6; font-size:14px; line-height:170%; margin-top:5px;}
.shilicj ul{padding:0;}
.shilicj li{float:none; width:100%; margin-right: 0; margin-top: 2%;}
.shilicj li:nth-child(3n){margin-right: 0;}
.shiliimg{padding:15px 0}
.shilikuang{padding:0 12px}
.honor{background: #f6f6f6;margin-top:5px; padding-bottom:10px;}
.honor h3{font-size:16px; font-weight: bold; padding:15px 0;}
/*底部快捷菜单*/
.Fast-nav{display: block; position: fixed;bottom: 0;left: 0;width: 100%;background:#00ab4c;z-index: 9999999;padding: 3px 0;font-size: 12px;}
.Fast-nav li{width: 33.333%;float: left;text-align: center;position: relative;}
.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:rgba(255,255,255,.3);}
.Fast-nav li:nth-child(3):after{display: none;}
.Fast-nav span{display:block}
.Fast-nav li a{color: #fff; line-height: 22px}
.Fast-nav .tel {background:url(../images/downtel.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .cp{background:url(../images/downcp.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .map {background:url(../images/downwz.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .top {background:url(../images/downhome.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
/*底部*/
.izl-rmenu{display: none;}
.copyright{ height:auto; line-height:18px; padding:10px 0 55px; font-size:12px}
.copyright-l{ float:none; text-align: center;}
.copyright-r{ float:none;text-align: center;}
.foot{line-height:22px; padding:20px 0 10px; font-size:12px}
.foot-ewm{text-align: center; margin-left: 0px; margin-top: 0px; width:50%}
.foot-ewm p{padding-top: 5px;}
.foot-ewm img{width:110px;}
.page{ text-align:center; height:auto}
.swiper-pagination-bullet{width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;}
.dd1{ width:98%; font-size:12px;} 
.dd1 td{ padding:3px 5px;}

.inews-box { width: 100%; background:none; padding: 5px 0 20px;}
.news-swiper .swiper-slide .news_content h2 {font-size:14px; line-height: 40px;}
.news-swiper .news-prev, .news-swiper .news-next { outline: none; position: absolute; top:39%; width: 40px; height: 40px;line-height: 40px; font-size:22px; }
.news-swiper .news-prev { left:0;}
.news-swiper .news-next { right:0;}
}