@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: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}

.wrapper{width:auto;padding:0 2%}
.hidden_pc{ display: none;}
.hidden_mb{display: block;}

#pro_list{ display: none;}
#pro_list2{ display: none;}
#pro_list3{ display: none;}
.p_tu{ display: none;}
.topblank { height:50px}
.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); border-top:0px solid #0579e7}
.toper .logo {margin:5px 0 0 0;width:96px; height:40px; background-size:100%;}
.toper .t_nav { display:none;}
.toper .t_right{display: none}
.toper .logo::after{ display:none}
.toper .t_left{ display:none}
.izl-rmenu{display: none}

.productlist{padding:0 0 20px; margin-top: -10px; margin-left: -10px;}
.productlist li{float:left;width: calc(100% / 2 - 10px);margin-left:10px; margin-top:10px;}
.productlist h2{padding:10px 0; line-height: 20px;}

.z-tit1{position:relative;padding:25px 0;text-align:center}
.z-tit1 h3{font-size:20px;margin-bottom:2px;}
.z-tit1 h3 strong{font-size:36px;color:#e42a13;margin:0 10px;}
.z-tit1 h3 b{color:#102568}
.z-tit1 em{font-size:14px;letter-spacing:0px;}
.z-tit1 em:before{content:'';position:absolute;left:-100px;top:50%;margin-top:-3px;width:82px;height:6px;background:url(../images/tit-l.png) no-repeat left center}
.z-tit1 em:after{content:'';position:absolute;right:-100px;top:50%;margin-top:-3px;width:79px;height:6px;background:url(../images/tit-r.png) no-repeat left center}
.z-tit1 .bg{position:absolute;top:35px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;font-size:45px;color:#f0f0f0;letter-spacing:0px}

.aboutwrap{background: url(../images/company.jpg) repeat-x top;}
.homeabout{display: inline}
.homeabout_l{width:100%;background: #eee;}
.homebox{padding:10px 10px 20px}
.aboutfonttitle{ font-size:18px; padding:10px 0;}
.aboutfonttitle h2{ color:#00458b; text-transform:uppercase; font-weight:normal; font-size:24px}
.aboutbox{ line-height:200%; color:#777;}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.amore{margin-top:20px; text-align:center}
.amore a{border:1px solid #ccc; background: #fff; display:block; padding:8px 0;width:120px;}
.amore a:hover{border:1px solid #00458b; color:#00458b}
.homeabout_r{width:100%}
.factorybox{padding:25px 0 0}
.factorytitle{width:180px; height:34px; border-radius:14px; line-height:34px; font-size:14px}
.idx_pro{padding:20px 0 30px; border-bottom: 0px solid #e2e2e2;}
.casepic{margin-left:-5px}
.casepic .cabox{margin: 5px 0 0 5px;}
.casezong{margin:0 -5px;}
.casezong li{float:left; width:50%}
.casepic .img-hover{display: block;	position: relative;	background: #fff;	width: 100%;height: 100%;}
.casepic .img-hover span{display: block;text-align: center;	background: rgba(0,79,154, 0.8);color: #fff;position: absolute;bottom: 0px;left: 0px;width: 100%;height:32px; line-height:32px;
	overflow: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.casepic .img-hover:hover span{height: auto;opacity: 1;}
.casepic .list-hover-box img{display: block;width: 100%;}
.casepic .list-hover-box{margin: 0px;float: left;height: auto;width: 0px;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-o-transform: scale(0,0);-ms-transform: scale(0,0);transform: scale(0,0);}
.casepic .list-hover-box{width: 100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);-webkit-transition: -webkit-transform 0.3s linear;-o-transition: -o-transform 0.3s linear;-ms-transition: -ms-transform 0.3s linear;transition: transform 0.3s linear;}
.casepic .list-hover-block h5{text-align: left;font-size: 14px; font-weight: normal; padding-left: 10px;}
.casepic .img-hover:hover .list-hover-block h5{font-size:14px; font-weight: normal;}
.casepic .img-hover:hover .list-hover-block{height: 100%;width:100%;}
.casepic .img-hover:hover .list-hover-block h5{margin-top: 0px;}
.casepic .list-hover-block p,.casezong .list-hover-block p{display: none;}

.phone_nav{display:block;padding:0 15px;background:#ddd; position:relative;z-index:999;}
.phone_nav p{height:42px;line-height:42px;margin-bottom:0;font-size:16px;font-weight:bold; background:url(../images/p_nav.png) no-repeat right center;color:#4b4b4b; cursor:pointer;}
.phone_nav ul{ position:absolute;top:43px;left:0;background:#e9e9e9;right:0;display:none;}
.phone_nav ul li{padding:0 15px;height:35px;line-height:35px;border-bottom:1px solid #fff;}
.phone_nav ul li a{display:block;font-size:14px;color:#414141; text-decoration:none;}
.hotproduct{padding-bottom:0px;}
.hotproduct_l{float:none; width:100%}
.hotproduct_r{float:none; width:100%; display: none;}
.hottitle{ line-height:32px; height:32px}
.hottitle_l{font-size:14px; padding: 0 35px 0 10px;}
.hottitle_r{ padding-right: 10px;}
.youshiwrap{ background:none; min-height: auto; margin:0; padding: 0 0 20px;}
.youshibox{ background:none}
.youshi_l{float:none; width:100%; text-align: left;}
.youshi_r{float:none; width:100%;}
.yslist{}
.yslist p{margin-top:5px; line-height: 22px; font-size: 14px;}
.yslist h2{font-size:16px; line-height:35px;text-align: center;}
.yslist .number{ font-size:24px; line-height:30px; text-align: center;}

.bread{background: #e3e3e3;}
.bread .wrapper{padding:0}
.bread a {width: 50%;line-height: 24px;padding: 10px 0;font-size: 14px;float: left;border-bottom: 1px solid rgba(255, 255, 255,1);}
.bread a:before{display: none;}
.bread a:after{content: "";position: absolute;right: 0;top: 0;width: 1px;background: #fff;opacity:1;height: 100%;}
.bread a:nth-child(2n):after{display: none;}
.bread.sunlong a{width: 100%;}

.prosm{border:0px solid #e2e2e2;}
.prosm_l{float:none;width:100%;}
.prosm h2{font-size:18px; line-height: 150%; padding-bottom:10px;}
.prosm .smfont{padding:0px; text-align: left;}
.prosm .smfont img{max-width:100%}
.prosm_jj{ padding:10px 0;}

.index{display: none;}
.case{padding:0 0 20px 0;}
.case_l{float:none; width:100%; margin-top: 0px; display: none;}
.case_r{float: none; width:100%}
.aboutconetent{padding:0 0 20px}
.abouttitle{font-size:18px; padding:20px 0;}
.abouttitle1{font-size:18px; padding:10px 0;}
.contact_l{float:none; width:100%}
.contact_r{float:none; width:100%}
.imgbox{border:0px solid #e2e2e2; margin-top:10px;}
.whlist{margin:30px -5px 0}
.whlist_l{float:none; width:100%}
.whlibox{ min-height:auto;padding:10px 15px;}
.whlibox strong{font-size:18px; padding-bottom:10px; display: block; color:#056ae7}
.context_l{float:none; width:100%;}
.context_r{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 span{ display:block; width:auto}
.footer .linksm{float:none;border:0; padding: 10px 0; text-align: center;}
.footer .linksr{text-align:center; width:100%;margin-left:0; float:none}
.footer .linksr img{float:none; width: 115px; margin: 0px auto 5px; display: block; text-align: center}
/*底部快捷菜单*/
.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}

.swiper-pagination-bullet{width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;}
}