@media (max-width:1024px) {
.wrapper{width:auto;padding:0 3%}
.topon.active { background:#eee;}
.topblank { height:45px}
.topmenu { background:#eee; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);}
.topmenu .tel { display:none;}
.topmenu,.topon.active { height:45px}
.topmenu .logo,.topon.active .logo {margin:10px 0 0 0;width:156px; height:26px; background-size:100%;}
.topmenu ul { display:none;}
.mobilebtn{ position:fixed; right:55px; top:10px; display: block;}
.mobilebtn a{background: #aaa; margin: 0 5px; color: #fff; font-size: 12px; display: inline-block; text-align: center; width:26px; height: 26px; line-height: 26px; border-radius: 50%;}
.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;}
.top_lang{margin-left:0;margin-top:10px; margin-right: 50px;}
.topmenu.active2 { height:45px;}
.topmenu.active2 .logo {margin-top:10px;}
.topmenu.active2 ul {margin-top:20px}

.phonemenu { display:block;}
.phonemenu ul { display:block;float:none; text-align:center;margin:70px 0 0}
.phonemenu li { display:block;background: #ddd; margin-top: 10px;}
.phonemenu li a {font-size:14px; font-weight: bold;line-height:45px;padding:0;color:#333; display: block;}
.phonemenu li a:hover { background: #999; color: #fff;}
.accordionmenu {padding:0 25px}
.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:#fff;font-size:14px}
.accordionmenu li .link a {color:#fff;font-size:14px;}
.accordionmenu li.open .link { background:#f08200;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p { height:40px; line-height:40px; background:#dee1e5;border-top:1px solid #bcbfc1;}
.accordionmenu .submenu p a { display:block;color:#696969;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#f08200}

.footer .footer01{padding:20px 0;}
.footer .footer02 a{display: block;}
.footer .footer01 .fl{float:none;display:none;}
.footer .footer01 .fl dl{display:block;float:none;margin-left:0}
.footer .footer02{padding:15px 0 60px; font-size:12px; line-height: 170%}
.footer .fr{width:100%;float:none; text-align: left}
.footer .fr h2,.footer .ewm h2{line-height:30px;}
.footer .fr .tel{ font-size:16px; padding:5px 0}
.footer .fr .add{ font-size:12px; line-height: 24px;}
.footer .ewm{float:none; margin-left:0px; display: none;}
.hdown{height:30px}
.mainabout{padding:20px 0}
.hometitle{font-size:18px; padding:10px 0 0}
.hometitle:after{height:2px; margin-top:2px}
.hometitle p{font-size:12px; padding-top:0;}
.aboutcontent{padding:15px 0;}
.yingyong {width: 100%;padding-top:10px}
.graybox{padding: 15px 0;}
.graybox .yingyong{width: 100%;padding-top:20px}
.yingyong li {width: 100%; float:none; margin:0 0 2%;}
.abimg{float:none; display: block; margin-right:0; margin-bottom: 15px;margin-top:15px}
#idx_pro { padding:20px 0;}
#idx_pro .pro_swiper { overflow: hidden; border: 0px solid #e2e2e2}
#idx_pro .pro_swiper .swiper-slide p { padding-bottom: 20px;font-size: 16px; font-weight:normal;}
.idxb .swiper-pagination { bottom:5px;}
.idxb .swiper-pagination-bullet { width:6px; height:6px}
.idxb .swiper-pagination-bullet-active.swiper-pagination-bullet:before { width: 6px;height: 6px;}
.idxb .swiper-pagination-bullet-active.swiper-pagination-bullet:after { width: 10px;height: 10px;}
#idx_case { padding:20px 0 0; border-bottom: 1px solid #e6e6e6}
#idx_case .case_swiper {background: #eee; padding:0; margin: 0}
#idx_case .swiper-button-prev {left:0;}
#idx_case .swiper-button-next {right:0;}
.homesort{height:auto;padding-bottom: 10px}
.homesort_l{float:none;padding-bottom: 5px; font-size: 18px;}
.pro_search_2015{border:1px solid #d0d0d0;padding:1px;}
.pro_search{float:none;width:100%; margin-top:0; margin-right:0}
.pro_search_a{width:100%;}
.pro_search .pro_search_txt{width:99%;}
.pro_search_a .pro_search_txt{width:99%;}
.product_type{width: 100%; padding: 10px 0 0;}
.product_type ul li{float:none;width:99%;height:100px;margin:5px 0;}
.product_type ul li .popList{width:96%;height:auto;top:0px;left:0;padding:2%;}
.product_type ul li .pName{line-height:100px; font-size:16px}
.product_type ul li .mask{height:100px;}
.product_type ul li .pImg{ height:100px}
.product_type ul li:nth-child(4n) .popList{left:0;}
.bo140{padding-bottom: 20px;padding-top:20px}

.wrapper_l{float:none; width:100%}
.wrapper_r{float:none; width:100%; border-left:0px solid #e2e2e2;padding-left:0; min-height:auto}
.abouttitle{font-size:30px; font-weight: bold; color: #222; text-align: left; padding: 40px 0 0}
.abouttitle:after{ display: block; width:40px; content: ""; height:4px; background: #b11506; margin-top: 10px}
.abouttitle p{ color:#999; font-size:16px; font-weight: normal; padding-top:7px; text-transform: uppercase}
.lefttitle{border-bottom:4px solid #999; font-weight:bold; font-size:22px; line-height: 40px; padding-bottom: 8px; color: #222; padding-left:0px}
.leftmenu{padding:0}
.leftmenu li{line-height:40px;}
.bigclass{line-height:45px;font-size:14px;}
.bigclass img{width:45px}
.location{display: none}
.smallclass li { height:26px; line-height:26px;}
.viewtitle{ padding-bottom:5px;padding-top:20px; text-align: center}
.lefttitle{display: none}
.prosm{padding:10px 0}
.prosm_l{float:none; width: 100%; padding-left: 0}
.prosm_r{float:none; width: 100%;}
.prosm_r h3{font-size:18px; font-weight: bold;padding:20px 0 5px}
.prosm_r .jsfont{padding:10px 0; color:#666; font-size: 14px; line-height: 180%}
.prosm_r .download{height:50px;padding:10px 0}
.products{}
.products .pro-item{ margin:2% 0; padding: 10px 0;}
.products .pro-item .pro-item-l{float:none; width: 100%; text-align: center}
.products .pro-item .pro-item-l img{text-align: center}
.products .pro-item .pro-item-r{float:none; width: 100%;}
.products .pro-item .pro-item-r .news-h5{ font-size:14px; text-align: center; padding-bottom: 10px}
.products .pro-item .pro-item-r .news-cf{display: none}
.products .pro-item .pro-item-r .more{display: none}

.prolist>ul{ background:none;}
.prolist>ul>li>ul{ background:#f5f5f5;}
	
.indtech {padding:50px 0 0 0;}
.indtech li {margin-right:2%;margin-top:2%;width:49%;}
.indtech li:nth-child(2n){margin-right:0;}
.indtech li.no {margin-top:2%}
.indtech li .cons .list { position:absolute; z-index:2;top:45%;left:0;width:100%}
.indtech li .list .title {font-size:24px;}

.lxwm{padding:20px 0 40px}
.lxwm .wz,.lxwm .tel,.lxwm .fax,.lxwm .email{width:60px;height:60px; border-radius: 30px;}
.lxwm_l{float:none; width:100%; padding-top: 15px; font-size:14px}
.lxwm_l span{display: inline-block;}
.lxwmsecond{font-size: 14px; border: 0; border-top:1px solid #eee; background:none; border-radius: 0px; padding:10px 0 10px;}
.lxwmsecond .lxwmsecond-l{float:none; width:100%; line-height: 1.8; padding: 10px 0;}
.mapheight{min-height: 350px; margin-top: 0px;}
.contact-feedback{padding:20px 0 0}
.contact-feedback .text{float: none; width:100%}
.contact-feedback .text label input{line-height:26px;height:26px}
.contact-feedback .text .imgval img{top:5px;height:23px}
.contact-feedback .msg{float: none;width:100%; padding-bottom: 10px}
.contact-feedback .msg textarea{height:108px;width:calc(100%);padding: 0}
.but_b{font-size:14px; border:0; width:120px;height:36px;}
	
.black2 a {padding:4px 8px;}
.black2 span.current {padding:4px 8px;}
}