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

.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:left;margin:50px 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: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}
/*底部快捷菜单*/
.Fast-nav{display: block; position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(50,50,50,.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}
	
.wrapper{width:auto;padding:0 2%}
.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:5px 0 0 0;width:223px; height:40px; background-size:100%;}
.toper .t_nav { display:none;}
.toper .t_right{float:right; margin-right: 50px; display: none}
.toper .t_right .topyy{text-align:right; padding:12px 0 0}
.toper .t_right .topyy span{display: none;}
	
.protitle{ height:50px}
.protitle_l{float:none; font-size:16px; line-height: 50px; padding-right:15px; padding-left:0;}
.protitle_l span{font-weight: normal; color:#666}

.mainwrap_l{float:none; width:100%; padding-top: 15px;}
.mainwrap_r{float:none; width:100%; padding-top: 15px; clear: both}
.leftmenu{ background: #fff;}
.leftmenu li{line-height:40px;float:left; width:50%}
.leftmenu a{background:url(../images/leftmenu.png) no-repeat 10px 50%;padding-left: 35px;}
.leftmenu li:nth-child(even){background:#e6e6e6;}
.productlist{padding-left:0; margin-left: -10px}
.productlist li{float:left;width: calc(100% / 2 - 10px);margin-left: 10px; margin-top:10px;}
.productlist h2{font-size:14px; padding:10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.servicebox{padding:30px 0; margin-top: 20px}
.servicttitle{font-size:18px;}
.servicttitle:after{display: block; content:'';width:40px; margin-top:10px; height: 3px;}
.pd40{padding-bottom:20px}
.serviceitem{ margin: 0 -6px; padding:20px 0}
.serviceitem .sbox{margin:6px}
.serviceitem li{float:left; width:50%}
.serviceitem img{border-top-left-radius:0;border-bottom-right-radius:0;}
.serviceitem h2{ padding:6px 0; font-size:14px; font-weight: normal}
.idx_pro{ padding-top: 25px}
.idx_pro .pro_swiper .swiper-slide h2 {font-size:14px;}
.izl-rmenu,.ysbg,.pd40,.maintitle,.lefttitle,.protitle_r,.leftcontact,.leftcontactbox,.homenews{display: none}
	
.homeabout{ background:none; margin-top:20px}
.homeabout_l{float:none; width:100%; margin-left: 0; margin-top: 0; height:auto}
.homebox{padding:0}
.aboutfonttitle{ color:#333333; font-size:18px; padding:10px 0 20px;}
.aboutfonttitle h2{ font-size:16px}
.aboutbox{ line-height:180%;}
.aboutbox span{font-size:14px; padding-bottom:10px;}
.amore{margin-top:20px;}
.amore a{ padding:7px 0;width:120px; font-size:12px}
.homeabout_r{float:none;background:none; width:100%; padding: 20px 0}
.aboutcontent{padding-left:0; line-height:180%; padding-bottom: 30px}
.viewbox h2{ font-size:18px; padding-bottom: 10px; color:#000}
.content{border-bottom:1px dotted #dddddd}
.context{border-top:0;padding:10px 0}
.context_l{float:none; width:100%;}
.context_l li{line-height:30px}
.context_r{float:none; display: none}
.rimg{float:none; display: block; margin: 0px auto}
.yingyong-wrap { padding:0; margin:0 -5px}
.yingyong-item { float:left; background: #fafafa; width: calc(100% / 2 - 10px); margin:5px;}
.yingyong-item:hover { box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
.yingyong-item:hover .news-h5,.yingyong-item:hover .news-more{color: #0067aa;}
.yingyong-wrap .txts-wrap {padding:10px 5px; font-size: 14px; line-height: 24px; border:1px solid #e2e2e2; border-top:0}
.yingyong-wrap .news-h5 { font-size: 14px;}
.yingyong-wrap .news-detail {display: none}
.yingyong-wrap .news-more {display: none}
/*底部*/
.footer{padding:10px 0 50px;font-size:12px}
.footer p{line-height:24px}
.footer h4{line-height:20px;font-size:12px}
.footer .links{text-align:left;float:none; display: none;}
.footer .linksm{float:none;border:0; padding: 10px 0; text-align: center;}
.footer .linksr{text-align:center; width:50%;margin-left:0}
.footer .linksr img{float:none; width: 115px; margin: 0px auto 5px; display: block; text-align: center}
.swiper-pagination-bullet{width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;}
.propage{ height:auto;}
}