@charset "utf-8";
/* CSS Document */
.m-btn{height:50px;width:45px; display:none; background:#0e62aa; position:fixed; top:20px; right:15px; z-index:9999}
.m-btn span{ width:20px; height:2px;background:#fff; position:absolute; left:12px; top:18px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:24px;}
.m-btn .line3{top:30px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu span{left:14px;}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.mobile-menu{width: 270px;position: fixed; top: 0; height: 100%; overflow: hidden;background-color: #0C0C0C;z-index: 9999999;left: 0;transform: translate3d(-270px,0,0);-webkit-transform: translate3d(-270px,0,0);-ms-transform: translate3d(-270px,0,0);-sand-transform: translate3d(-270px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px; background:url(../images/guanbi.png) no-repeat center #f8f8f8; position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}

.mobile-menu li{ position:relative;padding:12px 15px;border-bottom: 1px solid rgba(92,92,92,.23);}
.mobile-menu li>a{ font-size: 16px; line-height: 26px; overflow-x:hidden;text-transform: uppercase;color: rgba(255,255,255,.8);}
.mobile-menu .menua i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.mobile-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.mobile-menu .m-search{padding:12px 0; font-size: 16px;border-bottom: 1px solid rgba(92,92,92,.23);position:relative}
.mobile-menu .m-search form{ position:relative}
.mobile-menu .m-search .input{background-color: rgba(255,255,255,.1);border: none;padding: 14px 50px 14px 18px;font-size: 14px;color: #fff;height: 48px;width:100%;color: rgba(255,255,255,.8)}
.mobile-menu .m-search .btn{position: absolute;top:0;right: 0;bottom:0;font-size: 0;border: none;background:url(../images/search-btn01.png) no-repeat center;width: 50px;}
.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 1000; display:none;background-color: rgba(0,0,0,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}

.m-menubtn{z-index: 10001;top:0;right:0%; width:100px; height:100px; background:#004ea2; cursor: pointer;-webkit-transition:.5s;transition:.5s;position:fixed;}
.m-menubtn.anim{opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0,0); transform: translate(0,0);}
.m-menubtn>span{position: absolute;top: 0;bottom: 0;left: 0; right: 0; width:30px;height:2px; background-color: #fff; margin: auto;}
.m-menubtn>span:before, .m-menubtn>span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn>span:before {bottom: 9px;width:36px;}
.m-menubtn>span:after {bottom: -9px; width:18px;}
.m-menubtn.active>span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff}
.m-menubtn.active>span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active>span {width:36px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff}
.m-menubtn.active>span, .m-menubtn.active>span:before, .m-menubtn.active>span:after {right: 0;bottom: 0;}
.m-menubtn>span, .m-menubtn>span:before, .m-menubtn>span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; text-align:left; left:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;visibility: hidden;opacity: 0;z-index:10000;display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.m-menu ul{ width:100%;padding-bottom:30px; padding-left:5%; padding-right:5%;overflow-y:auto;overflow-x:hidden; display:flex; display:-webkit-flex; justify-content:center;}
.m-menu li{ float:left; width:14.28%;position: relative;bottom: -20px;opacity: 0;-webkit-transition:0.6s cubic-bezier(0.5, 0, 0, 1);-moz-transition: 0.6s cubic-bezier(0.5, 0, 0, 1);-o-transition: 0.6s cubic-bezier(0.5, 0, 0, 1);transition: 0.6s cubic-bezier(0.5, 0, 0, 1);}
.m-menu li>a{ font-size:20px; font-weight:bold; line-height:40px; margin-bottom:20px}
.m-menu a{ display:block; color:#fff;}
.m-menu .sub a{color:rgba(255,255,255,.5); line-height:35px;padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}
.m-menu a:hover{color:#0677c4}
.m-menu.active{visibility: visible; opacity:1;}
.m-menu.active li{bottom: 0;opacity: 1;}
.m-menu.active li:nth-child(1){transition-delay:.3s;}
.m-menu.active li:nth-child(2){transition-delay:.35s;}
.m-menu.active li:nth-child(3){transition-delay:.4s;}
.m-menu.active li:nth-child(4){transition-delay:.45s;}
.m-menu.active li:nth-child(5){transition-delay:.5s;}
.m-menu.active li:nth-child(6){transition-delay:.55s;}
.m-menu.active li:nth-child(7){transition-delay:.6s;}
.m-menubg{display: block;width:100%;height:0;z-index:9999;position: fixed;bottom: 0;-webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); -moz-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); background:#151515}
.m-menubg.active{ height:100%}

.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#0e62aa; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:16px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


.phshow{ display:none}
.pcshow{ display: block}


@media screen and (max-width: 1520px){
.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:105% auto}
.iabout .wenzi .aquite{ margin-top:100px}	
.m-menubtn{ width:90px;}
.header .lang{margin: 0 120px 0 30px;}

.ncontact04 .item{ width:49%; margin-right:2%; margin-top:2%}
.ncontact04 .item:nth-child(2n){ margin-right:0}
}

@media screen and (max-width: 1440px){

.header .logo{ left:3%; margin-top:-25px;}
.header .logo img{ height:50px;}

.header .menu li .menu_a{ line-height:100px;font-size:17px;}
#a01, #a02, #a03, #a04, #a05, #a06, #a07{ position: absolute;  margin-top:-100px;}
.header .wrap{ height:100px;}
.space{height:100px;}

.banner{ width:110%; margin-left:-5%}
.banner .swiper-button-prev{ left:6%}
.banner .swiper-button-next{ right:6%}

.section{ padding:60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}

.title { margin-bottom:25px; padding-bottom:10px;}
.title h3{ font-size:32px; padding-bottom:15px;}
.title p{ padding:0px 0 15px 0}

.iabout .wenzi .aquite{ margin-top:80px;}

.nbanner img{ width:110%; margin-left:-5%}

.nabout02 li .wenzi h3{ font-size:28px;}
.ncontact02 .item h3{ font-size:28px;}

.header .menu{ width:50%; margin-left:25%;}
}

@media screen and (max-width: 1366px){
body{font-size:15px;}

.banner .swiper-button-prev{ left:10%}
.banner .swiper-button-next{ right:10%}


.ipicrollslei .ipicrolls_cont .pic img{ min-height:400px;}
.ipicrollslei #ul .wenzi h3 { font-size:18px; }
.ipicrollslei #ul a{padding:15px 20px}

.title h3{ font-size:30px; padding-bottom:10px;}


.title:after{ width:50px; height:10px;  margin-left:-25px; background:url(../images/tbg.png) no-repeat center bottom; background-size:100% auto}
.title02:after{ width:50px; height:10px;background:url(../images/tbg.png) no-repeat center bottom;background-size:100% auto; left:0 !important;margin-left:0px !important; }

.iabout .wenzi .aquite .item{ font-size:18px;}
.iyoushi .item .wenzi h3{ font-size:18px;}
.inews .swiper-slide h3{ font-size:17px;}
.footer .qlink .qnav{ font-size:16px;}

.inews .title p{ font-size:28px;}
.header .menu li .menu_a{ margin:0 13px}
.iproduct .pro-nav a{ font-size:17px;}



.header .tel{ font-size:17px;}



.banner{ width:120%; margin-left:-10%}

.iabout .wenzi .aquite .item{ font-size:18px;}
.iabout .wenzi .atitle h3{ font-size:22px;margin-bottom:5px;}

.footer .qlink{ padding:30px;}
.footer .flx li{padding: 40px 0;margin-right: 30px;}
.nbanner img{ width:120%; margin-left:-10%}

.nabout02 li .wenzi h3{ font-size:25px;}
.ncontact02 .item h3{ font-size:25px;}



.nser03 .download .item .wenzi h3{ font-size:18px;}
.nser03 .download .item .wenzi .more{ width:110px; height:36px; line-height:36px;}

.nnews .newskuai .wenzi h3{ font-size:18px; margin:5px 0}

.newstitle h3{ font-size:22px;}
.napp .kuai .wenzi h3{ margin-bottom:20px; font-size:28px}

.npros .pright02 .single-product-top{ margin-top:50px}

.npros .pright02 .ntitle h3{ font-size:28px;}

.wrap{ width:90%;}

.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:108% auto}
}



@media screen and (max-width: 1280px){

.header .menu li .menu_a{  margin:0 10px; font-size:15px; }
.header .menu li .sub{width:240%;}
.m-menu li>a{ font-size:15px;}

.m-menu .sub a{font-size:13px;}

.nser01 .wrap .wenzi h3 {
	font-size: 26px;

}

}



@media screen and (max-width: 1240px){
.wrap{ width:96%;}
	
.header{ margin-top:0px;}
.header .wrap{ width:100%}
.header .menu{ width:450px; margin-left:calc(50% - 225px);}
.header .menu li .menu_a{ margin:0 10px}

.header .menu li .menu_a{ font-size:16px; margin:0 6px;}

.footer .flx li{margin-right:10px;}
.footer .flx li img{ width:70px; height:auto}
.footer .flx li:last-child img{ width:100px; height:auto}

.header .menu li .menu_a{ line-height:90px;}
#a01, #a02, #a03, #a04, #a05, #a06, #a07{ margin-top:-90px;}
.header .lang{line-height:90px;}
.m-menubtn{ height:90px;}
.header .search .sub{ top:90px;}
.header .wrap{ height:90px;}
.space{height:90px;}
.header .search{margin: 30px 0;}
.header .tel{ margin:30px 0}
.header .tel{ font-size:16px;}
.nbanner{margin-top:90px;}

.banner{ width:130%; margin-left:-15%}
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none}

.iabout .wenzi .aquite .item{ font-size:17px;}


.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:112% auto}
.iabout .wenzi .aquite{ margin-top: 60px;}

}

@media screen and (max-width: 1080px){

.header .menu, .header .tel, .header .search{ display:none}
.m-menubtn{ display:none;}
.m-btn{ display:block}
.header .lang{ display:none; }

.section{ padding:50px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}

.iapplication .title{ position:relative}
.ipicrollslei .ipicrolls_cont .wenzi{ margin-top:0px;}
.ipicrollslei #ul{ float:none; width:100%}
.ipicrollslei .proconn{ float:none !important; width:100% !important}

.ipicrollslei #ul a {padding:15px 10px; float:left; width:16.66%; border-bottom:none}
.ipicrollslei #ul{ margin-bottom:20px}
.ipicrollslei .ipicrolls_cont .pic img{ min-height:auto; }
.ipicrollslei .ipicrolls_cont .wenzi .more{ margin-top:20px;}
.ipicrollslei .ipicrolls_cont .wenzi .more a{ width:160px; height:50px;line-height:50px; font-size:16px;padding-right:30px;}

.float_kf{ display:none}

.footer .qlink, .footer .flx{ display:none}
.copyright{ padding:10px 0; margin-bottom:55px;}
.m-foot{ display:block}

.newstitle h3{ font-size:20px;}

.napp .kuai .wenzi h3{ margin-bottom:15px; font-size:25px}
.npros .pright02 .ntitle h3{ font-size:25px;}

.product-classification ul li{padding:0 25px;font-size: 17px;}

.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:120% auto}
}


@media screen and (max-width: 1024px){
.nbanner .nav .dabiaozhu{ display:none}
.nbanner .nav ul li{ line-height:50px;}
.nbanner .nav ul li a{ padding:0 20px; }
.nbanner .nav ul, .nbanner .nav .location { text-align:left}

.ncontact01 li{ text-align:center; width:33.33%; float:left;}
.ncontact01 li .icon{ width:70px; margin:20px auto 10px auto;}
.ncontact01 li:hover .icon{margin:10px auto 20px auto;}
.ncontact01 li .wenzi{ font-size:16px;}

.title h3{ font-size:28px; padding-bottom:5px;}





.nnews .newskuai .wenzi{ width:73%; padding: 0 0 0 2%;}
.nnews .newskuai .date{ display:none}

.iabout .conn .wenzi .aquite img{ margin:0}
.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:130% auto}

}
@media screen and (max-width: 920px){
.ipicrollslei #ul a {width:33.33%;}	
.iabout .wenzi .atitle h3{ font-size:18px;}

.iabout .pic{ float:none; width:100%; padding:0px;}
.iabout .wenzi{ float:none; width:100%;}
.iabout .wenzi .aquite{ text-align:center}
.iabout .wenzi .aquite .item{ display: inline-block; margin:0; padding:0 20px}

.nbanner img{ width:130%; margin-left:-15%}

.npros .pright02 .single-product-top{ margin-top:40px}

.iabout .wenzi .aquite .item{ max-width:auto;}
.iabout .conn .wenzi .aquite img { margin:0 auto !important}
.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:140% auto}
}

@media screen and (max-width: 768px){
	
.header .menu li .menu_a{ line-height:80px;}
#a01, #a02, #a03, #a04, #a05, #a06, #a07{ margin-top:-80px;}
.nbanner{margin-top:80px;}
.header .wrap{ height:80px;}
.space{height:80px;}
.m-btn{top:15px;}

.banner{ margin-top:40px}
.title h3{ font-size:28px; padding-bottom:5px;}
.iproduct .pro-nav li{ padding:0 20px}

.i-product-list .swiper-container{width:calc(100% - 120px)}

.iyoushi .item{ width:calc(50% - 1px); padding:0px;margin-top:0px; }
.iyoushi .item:nth-child(1),.iyoushi .item:nth-child(2){ min-height:320px;}

.iyoushi .item:hover{margin-top:0px; }
.iyoushi .item p{ padding:0 10px}

.nbanner img{ width:140%; margin-left:-20%}


.nabout02 li{ float:none; width:100%; margin-bottom:2%; padding:25px;  }
.nabout02 li  .wenzi h3{ margin-bottom:15px;}
.nabout02 li:nth-child(2){ margin-bototm:2%}
.nabout02 li:nth-child(2n){ float:none}

.ncontact02 .item{ width:49%; margin-right:0%; padding:2%;}
.ncontact02 .item:nth-child(2n){ float:right}
.ncontact02 .item:nth-child(3n+1){ clear:none}
.ncontact02 .item:nth-child(2n+1){ clear:both}


.nser01 .wrap .conn{ position: relative;  margin-bottom:0px;}
.nser01 .wrap .pic{ float:none; width:100%; padding-top:0px}
.nser01 .wrap .wenzi{ position:relative; top:auto; left:auto; width:100%; height:auto; padding:20px; }

.napp .kuai .pic{ float:none; width:100%;}
.napp .kuai .wenzi{ float:none; width:100%; padding:20px}
.napp .kuai:nth-child(2n) .pic{ float:none}
.napp .kuai:nth-child(2n) .wenzi{ float:none}

.pcshow{ display:none}
.phshow{ display: block}
.pright, .pright02{ float:none; width:100%}
.fixeds .wrap ul{width:100%; float:none}

.pright .ppbiao h3{font-size:22px;}

.pright li{position:relative; float:left; width:49%; margin-right:0%; margin-bottom:2%;}
.pright li:nth-child(2n){ float:right}
.pright li:nth-child(3n+1){ clear:none}
.pright li:nth-child(2n+1){ clear:both}


.npros .pright02 .single-product-top .picsshow{width:100%; float:none; }
.single-product-top .wenzi{width:100%; float:none; padding:30px 0}

.product-classification ul li{padding:0 15px;font-size: 16px;}

.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:150% auto}

.ncontact04 .item{ width:100%; margin-right:0; margin-top:20px}
.honorlist{ padding-bottom:30px}
.honorlist .swiper-pagination-bullet{ width:8px; height:8px}

.baselist .tit{ font-size:16px; margin-top:0}
.base-tab a{ font-size:16px; width:120px; line-height:30px; height:30px;margin: 0 3px;}
}

@media screen and (max-width: 640px){



.header .menu li .menu_a{ line-height:70px;}
#a01, #a02, #a03, #a04, #a05, #a06, #a07{ margin-top:-70px;}
.nbanner{margin-top:70px;}
.header .wrap{ height:70px;}
.space{height:70px;}
.m-btn{top:10px;}

.header .logo{ margin-top:-20px;}
.header .logo img{ height:40px;}

.banner{ margin-top:30px}

.section{ padding:45px 0;}
.sectionpre{ padding-top:45px;}
.sectionnext{ padding-bottom:45px;}

.iproduct .pro-nav li{ padding:0 15px}
.ipicrollslei #ul a {padding:10px 0px 10px 5px;}
.ipicrollslei #ul .icon{  margin-right:5px;}

.ipicrollslei .ipicrolls_cont .pic{ float:none; width:100%;}
.ipicrollslei .ipicrolls_cont .wenzi{ float:none; width:100%; margin-top:20px;}


.nbanner img{ width:150%; margin-left:-25%}
.iyoushi .item .wenzi h3{ font-size:14.5px}


.ncontact01 li{ text-align:center; width:50%; float:left;}
.ncontact01 li .icon{ width:65px;}
.ncontact01 li:nth-child(2n+1){ clear:both}



.nser03 .download .item{ float:none; width:100%; padding:20px;}
.nser03 .download .item:nth-child(2n){ float:none}
.nser03 .download .item:nth-child(2n+1){ clear:both }


.nnews .newskuai .pic{ float:none; width:100%;}
.nnews .newskuai .wenzi{ float:none%; width:100%; padding: 0; margin-top:20px;}

.nnews .newskuai{padding: 0 0 30px 0; margin-bottom:30px; }
.nnews .newskuai .wenzi h3{ font-size:17px;}
.nser02 .conn{ padding:20px}
.nser02 .conn form{ width:100%}

.nbanner .nav ul{ width:100%; float:none; display:flex; display:-webkit-flex;}
.nbanner .nav ul li a{ white-space:nowrap}
.nbanner .nav ul{ overflow-x:auto;overflow-y: hidden;}

.nbanner .nav .location { line-height:26px; padding:12px 0; }

.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:200% auto}

.nser03 .download .item .wenzi h3{ height:auto;}
.nser03 .download .item .wenzi p{ line-height:24px;}
.nser03 .download .item .wenzi .more { margin-top:15px}

.history-list{ padding:0; padding-bottom:60px}
.history-list:before{ display:none}
.history-list .swiper-container{ padding:0}
.history-list .swiper-slide{ height:auto}
.history-list .item{ right:0;left:0; position:relative; height:auto}
.history-list .item h3{ position:relative}
.history-list .item .word{}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:0}
.history-list .swiper-button-prev, .history-list .swiper-button-next{ width:35px; height:35px; background-size:cover;top:auto;bottom:0; margin-top:0}
.history-list .swiper-button-prev:hover,.history-list .swiper-button-next{background-size:cover !important}
.history-list .swiper-button-prev{ left:50%; margin-left:-40px}
.history-list .swiper-button-next{ left:50%; margin-left:0px}
.honorlist .tit{ line-height:40px; height:40px; font-size:14px}
}

@media screen and (max-width: 540px){
.iproduct ul{ width:100%; float:none; display:flex; display:-webkit-flex;}
.iproduct .pro-nav li{  padding:0 15px}
.iproduct .pro-nav li a{ white-space:nowrap}
.iproduct ul{ overflow-x:auto;overflow-y: hidden;}


.nbanner img{ width:160%; margin-left:-30%}

.ncontact02 .item{ width:100%; margin-right:0%; padding:20px; float:none; margin-bottom:20px}
.ncontact02 .item:nth-child(2n){ float:none}


.prosum1 .item{position:relative; float:none; width:100%; margin-right:0%; margin-bottom:20px;}

.i-product-list .swiper-container{width:100%}
.i-product-list .swiper-slide { padding-bottom:50px;}

.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:38px; height:38px; margin-top:auto; bottom:0 !important}
.i-product-list .swiper-button-prev{ background:url(../images/ppre.png) no-repeat; background-size:cover; left:50%; margin-left:-45px }
.i-product-list .swiper-button-next{ background:url(../images/pnext.png) no-repeat;background-size:cover; right:50%; margin-right:-45px}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre02.png) no-repeat;background-size:cover}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext02.png) no-repeat;background-size:cover}

.iapplication:after{ width:100%;}
.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:230% auto}

.product-classification ul li{ padding:0 10px}
.nser03 .download .item .wenzi .more { display:none}

.ncontact01 li{ width:100%; float:none; margin-top:20px;}

.pright li{float:none; width:100%; margin-right:0%; margin-bottom:20px;}
.pright li:nth-child(2n){ float:none}

.title h3{ font-size:24px; padding-bottom:5px;}
.aqlist li{padding: 13px 15px;}
.nbanner .nav ul li a{ padding: 0 10px;}
}

@media screen and (max-width: 420px){
.iabout {background:url(../images/mbg02.png) no-repeat center bottom; background-size:260% auto}
.iabout .wenzi .aquite .item{ padding:0 30px;}
}