@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: 35px;height: 25px;right:3%;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 35px;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: 35px;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:-10px;}
.nav__icon:after {margin-top:10px;}

.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: #f08200}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #f08200;}

.mbmenu { display:block;margin:20px 0 0 0}
.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;border-bottom: 1px solid #333;}
.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;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}

.mainwrap{max-width:auto; width:96%;}
.protitle{text-align: center; padding-top:4%; font-size:16px}
.protitle h2{font-size:18px; padding-bottom:3px;}
.title{font-size:24px; line-height:30px; padding: 10px 0;}
.pmore a{border-radius:11px; font-size: 12px; padding: 0 12px; border:1px solid #999;line-height: 22px;}
.hotprowrap{padding:0}
.hotpro{padding:2% 0}
.hotpro_l{float:none; width:100%;padding:10px 0;}
.hotpro1{padding:0 0 20px;text-align: center}
.footcontact{padding:20px 0 0; display: none;}
.footcontact li{float:none; width:100%; text-align: center; padding-bottom: 20px;}
.footcontact h2{font-size:16px;padding:10px 0 6px; color: #333}
.footcontact p{padding:6px 0}
.contactpage-l{float: none;width:100%;}
.contactpage-r{float: none;width:100%; margin:20px 0 0;}
.contactpage .row{margin-bottom: 8px;}
.contactpage-l .row-right{text-align: left;margin-top:8px;}
.aboutcontent{line-height:180%; padding:10px 0; font-size:14px}
.newscontent{padding:20px 0;}
.newscontent .viewtitle{font-size:24px;}
.newscontent .viewcontent{margin:15px 0}
.newscontent .viewcontent img{margin:10px auto}
.newscontent .conpage{ border-top:1px dotted #ccc;padding-top:10px; height:auto}
.newscontent .conpage li{ line-height:22px; margin-top:6px}
.newscontent .conpage span{display:none; background: #eee;width:75px;padding-left:8px; text-align: left; margin-right:8px}
.prolist{padding:15px 0}
.prolist li{float:left; width:50%;padding:20px 0;}
.prolist h2{font-size:16px; color:#333; padding:20px 0 0}
.prolist li:hover img { transform: scale(1.05)}

.txt_body .top{ height:48px;cursor:pointer;}
.txt_body .txt{display:none;padding:0 10px 15px;font-size:14px;line-height:18px;}
.txt_body .top p.col-md-a{ line-height:48px;}
.txt_body .txtfont_l{float:none; width:100%}
.txt_body .txtfont_l span,.txt_body .txtfont_r span,.txt_body .txtfont span{display: block; width:auto; font-weight: bold; margin-top:10px}
.txt_body .txtfont_r{float:none; width:100%}
.qianblue{background:#fff; width:100%;padding:2% 0}
.abouttb{ padding:1.5%}
.abouttb li{float:left; width:33.333%; text-align: center}
.abouttb img{height:50px}
.abouttb dt{font-size:14px; padding-top:10px;}
.abouttb3 li{float:none; width:100%; overflow: hidden;}
.abouttb4 li{float:none; width:100%; overflow: hidden;}
.cenfont{background: #4a525c; color:#fff;}
.abox{ display: initial;}
.abox img{transition: transform .5s}
.abox img:hover{ transform: scale(1.15)}
.aa_box{width:100%; overflow: hidden;}
.bb_box{width:100%; overflow: hidden;}
.txt_xxcsbox{background:#fff; padding:0}
.w1340{width:auto;margin:0 10px}
.xxcsboxtit{font-size:18px; padding:4% 0 0;}
.xxcsbox{padding-bottom:15px;}
.xxcs{padding:15px 0; border-bottom: 1px dotted #aaa;}
.xxcs:last-child{ border-bottom: 0px dotted #aaa;}
.xxcs_l{float:none; width:100%}
.xxcs_r{float:none; width:100%}
.xxcs_ll{float:none; width:100%}
.xxcs_rr{float:none; width:100%}
.xxcs .leftbox{padding-right:0px; padding-bottom:15px; font-size: 14px; line-height: 140%;}
.xxcs .xxcs_ll img{margin-bottom:8px;}
.xxcs .rightbox{padding-left:0px;font-size: 14px; line-height: 140%;}
.xxcs h3{font-size:18px; color:#000; padding:5px 0;}
.productbanner{position: relative;text-align: center;}
.productbanner img{width:100%}
.productbanner .productsmtit{position: absolute; width:100%; text-align: center; bottom:0; color:#fff; font-size:20px; line-height:35px;}

.tabPanelbox{background:#fff;}
.tabPanel { padding:20px 0}
.tabPanel ul{display: none;}
.tabPanel ul li{font-size:14px;}
.panes {padding:0;}
.panes .pane {display:block;}
.panes .pane .panetitle{display:block; font-size:16px;color:#000; padding-left: 10px; line-height:35px; background: #eee; text-transform: uppercase;}
.panes .pane_l{padding-top:2%; float:none; width:100%}
.panes .pane_l .gntdlist{padding:5px 0}
.panes .pane_l .gntdlist_l{float:left; width:20%;}
.panes .pane_l .gntdlist_r{float:right; width:78%; font-size: 14px; line-height: 130%;}
.panes .pane_l .gntdlist_r h2{font-size:18px; color:#107398; line-height:30px;}
.panes .pane_r{float:none; width:100%; padding-top:2%;}
.download{text-align: left; padding-top:10px; padding-bottom: 15px;}
.download a{display:inline-block; border:1px solid #ccc;background:#fff; padding:6px 20px; color:#333}
.download a:hover{background: #444; color:#fff; border:1px solid #444}
.spaheight{height:20px}
.brand3 { min-height:220px; font-size:20px; color:#fff;}
.brand3 .dodtit-b{font-size:26px; color:#fff; line-height: 130%; padding:10px 0 15px;text-align: center;}
/*底部快捷菜单*/
.Fast-nav{display: block; position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(30,30,30,.9);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}
.toper .welcome{float:none;display: none;}
}