@charset "utf-8";
/* CSS Document */
.m-menubtn{z-index: 10001; top:0;right:4%;cursor: pointer;-webkit-transition:.5s;transition:.5s;font-size:14px; position:fixed; width:25px; height:100px; }
.m-menubtn.active{ display:block !important}

.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:25px;height:1px; background-color: #333; margin: auto 0;}
.m-menubtn>span:before, .m-menubtn>span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn>span:before {bottom: 6px;}
.m-menubtn>span:after {bottom: -6px;}
.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 {-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:20%;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:28px; 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;font-size:18px; 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;top: 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:55px; left:0; bottom:0;background:#1a2e75; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center; text-transform:uppercase}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-emails.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}

.m-menubtn02{position:fixed;top:0;right:3%;width:25px; height:90px; cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none; z-index: 10001; }
.m-menubtn02 span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:25px;height:2px; background: #000; margin: auto;}
.m-menubtn02 span:before, .m-menubtn02 span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #000;}

.m-menubtn02 span:before {bottom: 5px;}
.m-menubtn02 span:after {bottom: -5px;}
.m-menubtn02.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#000}
.m-menubtn02.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#000}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#000}
.m-menubtn02.active span, .m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02 span, .m-menubtn02 span:before, .m-menubtn02 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-menu02{position: fixed;left:0;top:90px; width:100%; height:100vh;z-index:400; z-index:99999; background:#fff; display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 80px);height: -moz-calc(100vh - 80px);height: calc(100vh - 80px);overflow: auto;padding-bottom: 80px;}
.m-menu02 li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu02 li:nth-child(1){border-top: 1px solid #ddd;}
.m-menu02 li>a{ font-size:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu02 li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu02 li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu02 li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu02 a{ display:block; color:#101010;}
.m-menu02 .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu02 .sub li{ border-bottom:0}
.m-menu02 .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 20px; position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}


@media screen and (max-width: 1650px){
.banner .swiper-slide .text h4{ font-size:88px; line-height:90px;}
.banner .swiper-slide .text h3{ font-size:40px; line-height:40px; margin-top:-50px; margin-bottom:30px;}
.banner .swiper-slide .text p{ font-size:20px; line-height:30px;}

.nbanner .text h3{ font-size:40px; line-height:40px; padding-bottom:20px; margin-bottom:15px; }
.nbanner .text p{ font-size:17px;}

.wrap{ width:84%;}

.istrength .mainbody{  width:400px; height:400px;}
.istrength .wrap .kuai{width:calc(50% - 250px); margin-top:50px;}
.istrength .wrap .kuai:nth-child(2n){ margin-left:500px;}
}
@media screen and (max-width: 1550px){
.lxlist .cont{margin-bottom: 25px;}
.nnewslists .item .text h3{ padding:15px 0 10px 0;}
.header .menu li .menu_a{margin: 0 22px;}
}

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

.nbanner .text h3{ font-size:36px; line-height:36px; }
.nbanner .text p{ font-size:16px;}
.header .menu li .menu_a{font-size:17px;}
.title{margin-bottom: 30px;}
.title h4{ font-size:36px; margin-bottom:8px;}
.title h3{ font-size:28px;}

.istrength .wrap .kuai .num{font-size:36px; line-height:40px;}
.istrength .wrap .kuai h3{ font-size:20px; margin:10px 0}
.iyoushi li h3 span{ font-size:40px;}
.iproducts .swiper-slide .wenzi h3{ font-size:17px;}

.banner .swiper-slide .text h4{ font-size:78px; line-height:80px;}
.banner .swiper-slide .text h3{ font-size:36px; line-height:36px; margin-top:-45px; margin-bottom:20px;}
.banner .swiper-slide .text p{ font-size:18px;}

.m-menu li>a{ font-size:24px; line-height:30px;}
.m-menu .sub a{font-size:17px; line-height:30px;}
.icase .item{ height:180px;}
.inews .text h3{ font-size:18px;}
.inews .othernews .text h3{ margin-bottom: 5px;}
.inews .date h3{ font-size:36px;}
.inews .date p{ font-size:14px;}

.nab02 .item .inn{ width:290px; height:290px;}
.nab02 .item .text h3{ font-size:20px; margin-bottom:5px;}
.nab02 .item .text p{ font-size:17px;}
.nab03 .swiper-slide{  line-height:30px; font-size:16px}
.single-product-top .protitle h3, .single-product-top .wenzi .use .ptel h3, .nmember .huiyuan .inn h3{ font-size:28px;}
.single-product-top .wenzi .use .zixun a{ font-size:18px; }
.single-product-top .wenzi .use .zixun { width:160px;height: 40px; line-height: 40px;margin-top: -20px;}
.nmember .huiyuan .inn form .row_3 a{ font-size:16px; line-height:40px; }
.newsli01 .text .num{font-size:50px; line-height:50px; padding:0}
.newsli01 .text h3{ font-size:20px;}
.newstitle h3{ font-size:22px;}
.newstuijian .swiper-button-prev, .newstuijian .swiper-button-next, .protuijian .swiper-button-prev, .protuijian .swiper-button-next{ top:40px}
.lxlist .toptit h3{ font-size:17px;}
.lxlist .toptit{ line-height:52px;}

.nnewslists .item .text h3{ padding:10px 0; font-size:18px}
.nnewslists .item .date{ margin-top:45px;}
.nnewslists .item .nmore{ margin-top:30px;}

.single-product-top .wenzi{padding:20px 0}
.single-product-top .wenzi .use{padding:20px 0}
.inews .topnews .pic .ititle{ font-size:22px; }
.banner .swiper-slide .text .more{ margin-top:50px}

.inews .swiper-slide .text{ padding:20px;}
.inews .swiper-slide .text h3{ font-size:20px; }
}

@media screen and (max-width: 1366px){
.wrap{ width:88%;}
.nbanner .text h3{ font-size:32px; line-height:32px; }
.nbanner .text p{ font-size:15px;}

.header .menu li .menu_a{ margin:0 18px}

#a01, #a02, #a03, #a04{ margin-top:-90px;}
.header .wrap{ height:90px;}
.space{height:90px;}
.header .menu li .menu_a{ line-height:90px;}
.nnav{ line-height:70px;height:70px;}
.nnav02 li .menu_a{ line-height:70px;height:70px;}
.m-menubtn{ height:90px;}


.istrength .mainbody{  width:440px; height:440px;}
.istrength .wrap .kuai .num{font-size:30px; line-height:36px;}
.istrength .wrap .kuai h3{ font-size:18px; margin:8px 0}


.istrength .mainbody .inn .intro{ width:88%}
body{font-size:15px; line-height:28px;}


.iabout .iyoushi{margin: 40px 0 30px 0;}
.nab01 .iyoushi { margin-top:40px}
.iabout .iableft{ margin-top:3%}

.more a{ width:150px; line-height:45px; height:45px; padding-left:30px; }
.more a i{ width:45px; height:45px;}
.iyoushi li h3 span{ font-size:36px;}
.iproducts .swiper-slide .wenzi h3{ font-size:16px; padding-bottom:10px;}
.iproducts .swiper-slide .wenzi .nmore, .nprolist .item .wenzi .nmore, .protuijian .swiper-slide .wenzi .nmore{ margin:14px auto;}
.iproducts .swiper-slide:hover .wenzi .nmore, .nprolist .item:hover .wenzi .nmore, .protuijian .swiper-slide:hover .wenzi .nmore{ margin:0 auto 28px 0}
.iproducts .swiper-slide .wenzi{ height:96px;}
.protuijian .swiper-slide .wenzi{ height:102px;}
.nprolist .item .wenzi{ height:102px;}
.m-menu .sub a{font-size:16px; }
.m-menu li>a{ font-size:20px;}
.icase .item{ height:160px;}
.inews .othernews .item{padding: 20px 3%;}

.nab02 .item .inn{ width:260px; height:260px;}
.nab02 .item .text h3{ font-size:18px;}
.nab02 .item .text p{ font-size:16px;}

.nab03 .swiper-slide{  font-size:15px}
.single-product-top .protitle h3, .single-product-top .wenzi .use .ptel h3, .nmember .huiyuan .inn h3{ font-size:26px;}
.single-product-top .wenzi .use .zixun a{ font-size:16px; }

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

.title h4{ font-size:32px;}
.title h3{ font-size:26px;}
.downtop{ font-size:16px;}

.lxlist .toptit h3{ font-size:15px;}


.banner .swiper-slide .text h4{ font-size:68px; line-height:70px;}
.banner .swiper-slide .text h3{ font-size:30px; line-height:30px; margin-top:-38px;}
.banner .swiper-slide .text p{ font-size:17px; max-width:530px;}
.istrength .title h4{ margin-top:18px}
.istrength .mainbody .inn .intro{ font-size:16px;}
.istrength .mainbody .wlogo img{margin: 20px auto 10px auto;}
.istrength .mainbody .more{ margin-top:30px;}

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.icase .swiper-button-prev, .icase .swiper-button-next{ top:40px;}
.footer .fcontent{padding: 50px 0;}

.nab02 .item .inn{ width:200px; height:200px;}
.nab02 .item .icon{margin: 30px auto 10px auto;}
.nab05 .title p{margin: 30px 0;}
.inews .date h3{ font-size:32px;}
.istrength .wrap .kuai .num{font-size:32px; line-height:32px;}
.nnewslists .item .date h3{font-size:36px;}
.nnewslists .item{ padding:30px 0}

.single-product-top .wenzi{padding:10px 0}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ bottom:23px;}
.videoList li .tit{ font-size:17px;padding: 10px 0 15px 0;}
.tanchu .ntit{ font-size:28px; }
.member .nleft{ padding:20px;}
.member .nright{ padding:20px 30px}
.member .nright .mconn .item .icon img{ height:60px;}
.member .nright .mconn .item{padding: 30px 20px;}
.inews .topnews .pic .ititle{ font-size:20px; }


.honorlist li .text h3{ font-size:17px;padding-top:10px; padding-bottom:5px;}


.header .logo{ margin-top:-27px;}
.header .logo img{ height:54px;}
.header .menu{ right:210px;}

.istrength .mainbody{  width:350px; height:350px;}
.istrength .wrap .kuai{width:calc(50% - 200px); margin-top:30px;}
.istrength .wrap .kuai:nth-child(2n){ margin-left:400px;}
.fuwulist li .icon{ font-size:36px;}
}

@media screen and (max-width: 1240px){
.nbanner .text h3{ font-size:24px; line-height:30px;padding-bottom: 15px;margin-bottom: 10px; }

.nbanner img{ width:110%; margin-left:-5%}
.header .menu li .menu_a{ margin:0 15px}
.header .menu li .menu_a{font-size:16px;}

.title h4{ font-size:28px;}
.title h3{ font-size:24px;}

.wrap{ width:92%;}

.icase .item{ height:130px;}
.single-product-top .protitle h3, .single-product-top .wenzi .use .ptel h3, .nmember .huiyuan .inn h3{ font-size:24px;}
.lxlist .toptit{ line-height:48px;}
.iproducts .pro-nav li { width: 130px}

.banner .swiper-slide{ height:520px; min-height:520px}
.iabout .iableft{ margin-top:0}
.istrength .mainbody .inn .intro{ font-size:15px;}

.istrength .title h4{ margin-top:10px}
.iyoushi li{margin-right: 30px;}

.iproducts .pro-nav li{ width:115px;}

.feedback .conn{ padding:25px 25px 35px 25px}
.nbanner img{ width:120%; margin-left:-10%;}
.iyoushi li h3 span{ font-size:32px;}

.nab02 .item .inn{ width:180px; height:180px;}
.nab02 .item .icon{margin: 20px auto 10px auto;}
.nab02 .item .text p{ font-size:15px;}
.nnewslists .item .nmore{ margin-top:20px;}
.nnewslists .item .date h3{font-size:32px;}
.single-product-top .wenzi{padding:0}
.single-product-top .wenzi .intro{padding: 15px 0 20px 0;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ bottom:20px;}

.pdetail .tabmenu {line-height:45px;height:45px;}
.pdetail .tabmenu li {padding:0 25px;}
.ndownlists .kuai{ padding:20px;}
.member .nright .mconn .item{padding: 20px 15px;}

.honorlist li .text h3{ font-size:16px;}

.banner .swiper-slide .text .more{ margin-top:40px}
.inews .swiper-slide .text{ padding:15px;}
.inews .swiper-slide .text h3{ font-size:18px; }
.fuwulist li .icon{ font-size:32px;}
}
@media screen and (max-width: 1140px){
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ bottom:13px;}
.downtop span:nth-child(3), .ndownlists .kuai .date{ display:none}
.downtop span:nth-child(1){width: 82%;}
.ndownlists .kuai .text{ width: 64%;}
.ndownlists .kuai .size, .downtop span:nth-child(2){ width:10%}
.ndownlists .kuai .download, .downtop span:nth-child(4){width:8%}

.float_r{ display:none}
.header .menu, .m-menubtn, .header .tel{ display:none}
.m-menubtn02{ display:block}
.m-foot{ display:block}
.footer .copyright{ margin-bottom:55px;}

.istrength .mainbody{ border-radius:0%; border:none; color:#fff; text-align:center; width:auto; height:auto; margin:0 auto;  position: relative;left:auto;-moz-transform:translate(-0%,-0%);-webkit-transform:translate(-0%,-0%);transform:translate(-0%,-0%); top:auto;}
.istrength .mainbody .inn{position: relative;left:auto;-moz-transform:translate(-0%,-0%);-webkit-transform:translate(-0%,-0%);transform:translate(-0%,-0%); top:auto; }
.istrength .mainbody .dian{ display:none !important}
}
@media screen and (max-width: 1024px){
.nbanner img{ width:120%; margin-left:-10%}
.header .menu li .menu_a{ margin:0 12px;}
body{line-height:26px;}
.iyoushi li{margin-right: 15px;}

.banner .swiper-slide .text h4{ font-size:45px; line-height:60px;}
.banner .swiper-slide .text h3{ font-size:24px; margin-top:-38px; margin-bottom:15px}
.banner .swiper-slide .text p{ font-size:15px; max-width:390px;}

.banner .swiper-slide{ height:450px; min-height:450px}

.nbanner .text h3{ font-size:24px;}
.iyoushi li h3 span{ font-size:30px;}
.inews .date h3{ font-size:30px}
.istrength .wrap .kuai h3 {font-size: 18px;margin: 5px 0;}
.istrength .wrap .kuai .num{font-size:30px; line-height:30px;}

.footer li:nth-child(5){ display:none}

.nnav{ line-height:60px;height:60px;}
.nnav li a:after{height:60px;}
.nnav02 li .menu_a{ line-height:60px;height:60px;}
.nnewslists .item .text h3{ padding:0px 0 10px 0;}
.nnewslists .item .date{ margin-top:35px;}
.nnewslists .item .text{padding: 0 20px;}
.single-product-top .wenzi .use .ptel{height: 50px;background: url(../images/ptel.png) no-repeat left center; background-size:auto 50px;padding-left: 60px; }
.single-product-top .wenzi .use .zixun{ width:140px;}
.single-product-top .wenzi .use .zixun a{ padding-left:28px;background: url(../images/pzixun.png) #1d337f no-repeat 15% center; background-size:25px auto}
.videoList li .tit{ font-size:16px;}
.ndownlists .kuai .text h3{font-size:16px;}
.ndownlists .kuai .text{padding: 0px 0 0 20px;}
.downtop{ line-height:50px}
.member .nright .mconn .item .icon img{ height:50px;}
.inews .topnews .pic .ititle{ font-size:18px; }

.istrength .wrap .kuai{width:49%; margin-top:30px;}
.istrength .wrap .kuai:nth-child(2n){ margin-left:2%;}
.istrength .wrap .kuai:nth-child(1), .istrength .wrap .kuai:nth-child(2){ margin-top:30px;}
}
@media screen and (max-width: 920px){
.nbanner img{ width:130%; margin-left:-15%}

.icase .item{ height:100px;}
.nab02 .item .text p{ font-size:15px;}

.newsli01 .text .num{font-size:40px; line-height:40px;}
.newsli01 .text h3{ font-size:18px;}
.downtop{ font-size:15px;}

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


.header .language{right: 40px;}

.iabout .iabimg{ float:none; width:100%}
.iabout .iabimg img{border-radius:0;}
.iabout .iableft{ float:none; width:100%; margin-top:30px}

.ncontact .lxlist{ width:100%;float:none; margin-bottom:30px;}
.ncontact .map{ width:100%; float:none}

.feedback .form .row{ width:160px; line-height:42px; height:42px; }
.feedback .form .row .submit{ width:160px; font-size:16px; line-height:42px; height:42px; }
.nbanner img{ width:140%; margin-left:-20%;}
.header{ background:#fff}
.footer .fcontent{padding: 40px 0;}


.iproducts .pro-nav li{ line-height:35px;}

.more a{ width:130px; line-height:40px; height:40px;}
.more a i{ width:40px; height:40px;}

.iyoushi ul{display:flex;display:-webkit-flex;justify-content: space-between;}
.iyoushi ul li{ margin:0}
.iyoushi li h3 span{ font-size:28px; font-weight:bold}

.inews .date h3{ font-size:28px; font-weight:bold}
.istrength .wrap .kuai .num{font-size:28px; font-weight:bold}
.istrength .mainbody .wlogo img{margin: 10px auto 5px auto;}

.istrength .wrap .kuai{position: relative;  width:48.5%; margin-top:3%; float:left}
.istrength .wrap .content .kuai:nth-child(2n){ float:right}
.istrength .wrap .kuai:nth-child(1){ left:auto; top:auto;}
.istrength .wrap .kuai:nth-child(2){ right:auto; top:auto;}
.istrength .wrap .kuai:nth-child(3){ left:auto; bottom:auto;}
.istrength .wrap .kuai:nth-child(4){ right:auto; bottom:auto;}

.nnav li a, .nnav02 li .menu_a{padding: 0 20px;}

.nab02 .item .inn{ width:155px; height:125px;}
.nab02 .item .icon{margin: 15px auto 5px auto;}
.nab02 .item .text h3{ margin-bottom:0}
.nab03 .swiper-slide .inn{padding-left: 20px;}
.partner .item{ float:left; width:15.6666%; margin:0 0.5%; position:relative;line-height:0;}

.nab05 .conn{ padding:0 }
.nab05 .gallery-thumbs {width:100%; position: relative; left:auto; bottom:auto}
.nab05 .gallery-top {width: 100%;float:none; margin-bottom:15px;}
.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:40px; height:40px;bottom:20px;}

.nab05 .title { width:100%;position: relative}
.nab05 .title p{ margin:20px 0}
.nnewslists .item .date h3{font-size:28px;}
.nnewslists .item{ padding:25px 0}
.shangxia li{ float:none;}
.shangxia li:nth-child(2){ float:none;}

.single-product-top .protitle h3{ font-size:20px;}

.single-product-top .picsshow{width:100%; float:none;}
.single-product-top .wenzi{width:100%; float:none; padding:30px 0 0 0}
.single-product-top .wenzi .use .ptel h3{ font-size:20px;}
.single-product-top .wenzi .use .ptel{height: 45px;background-size:auto 45px;padding-left: 55px; }
.single-product-top .wenzi .use .zixun{ width:130px;}
.single-product-top .wenzi .use .zixun a{ padding-left:24px;background: url(../images/pzixun.png) #1d337f no-repeat 13% center; background-size:22px auto}

.pdetail .tabmenu {line-height:42px;height:42px;}
.pdetail .tabmenu li {padding:0 20px;}
.pdetail #atabcontent { padding:20px 0 0 0}
.tanchu .ntit{ font-size:24px; }

.honorlist li{ width:32%; margin:1% 2% 1% 0; padding:10px;}
.honorlist li:nth-child(4n){ margin-right:2%}
.honorlist li:nth-child(4n+1){ clear:none; }
.honorlist li:nth-child(3n){ margin-right:0}
.honorlist li:nth-child(3n+1){ clear:both; }

.ncontact li{ float:left; width:33.33%; font-size:16px; padding:0 0 20px 0}
.ncontact li:nth-child(4){ margin-left:16.66%; clear:both}
.fuwulist li .icon{ font-size:24px;}

.nab01 .ableft{ width:100%; float:none;}
.nab01 .abright{ width:100%; float:none; margin-bottom:30px;;}
}

@media screen and (max-width: 820px){
.iproducts .pro-nav li{white-space:nowrap; width:auto;}
.iproducts .pro-nav li a{ width:auto; padding:0 12px;}
.iproducts .pro-nav {overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}


#a01, #a02, #a03, #a04{ margin-top:-80px;}
.header .wrap{ height:80px;}
.space{height:80px;}



.m-menubtn02{ height:80px;}
.m-menu02{ top:80px}
.header .logo{ margin-top:-24px;}
.header .logo img{ height:48px;}

.banner .swiper-slide{ height:350px; min-height:350px}
.iproducts .more{ margin-top:15px;}

.feedback .form .column{ float:none; width:100%; margin-right:0;}
.feedback .form .row_1 { margin-right:0px}
.feedback .form .row_1 input{ line-height:40px; height:40px;}
.feedback .form .column{line-height:40px; margin-bottom:10px;}

.inews .topnews{ width:100%; position:relative; height:auto; margin-bottom:15px;}
.inews .othernews{ width:100%; float:none}
.inews .othernews .item{margin-bottom:15px;}
.inews .topnews .text {width: calc(100% - 70px);}
.inews .othernews .text{width: calc(100% - 70px);}
.icase .swiper-button-prev, .icase .swiper-button-next{ top:20px;}
.title{ margin-bottom:25px}
.footer li:nth-child(4){ display:none}

.nab02 .item{ float:left; width:50%; margin-top:20px;}
.nab02 .item:nth-child(1), .nab02 .item:nth-child(2){ margin-top:0}
.video-show {width:90%; }
.downtop{ display:none}
.ndownlists .kuai .text{ margin-top:0}
.nmember .huiyuan{ float:none; width:100%;}
.member .nleft{ float:none; width:100%; margin-bottom:20px; min-height:auto}
.member .nright{ float:none; width:100%; min-height:auto}
.member .nleft .mconn{ line-height:30px;}
.member .nleft .mtitle h3{ padding-bottom:10px}
.member .nright .mtitle h3{ padding-bottom:10px; margin-bottom:10px;}




.honorlist li .hd .closed{ left:calc(50% + 140px); top:calc(15% - 15px);}
.honorlist li .hd .pro_con{ width:360px;margin-left:-180px; padding:10px;}
.istrength .wrap .kuai h3{ font-size:18px;}
.istrength .wrap .kuai .num img{ width:45px; height:auto}
.istrength .wrap .kuai p{ font-size:15px;}

.nab02 .item{width:48.5%;margin-right:3%; margin-bottom:3%; }
.nab02 .item:nth-child(2n){ margin-right:0}

.pdetail #atabcontent img{ min-width:auto; max-width:100%}
}
@media screen and (max-width: 640px){
.title h3{ font-size:22px;}	

.banner .swiper-slide .text h4{ font-size:40px; line-height:40px;}
.banner .swiper-slide .text h3{ font-size:20px; margin-top:-30px; margin-bottom:7px}
.banner .swiper-slide .text p{ line-height:24px;}
.banner .swiper-slide{ height:300px; min-height:300px}

.nbanner img{ width:180%; margin-left:-40%;}

#a01, #a02, #a03, #a04{ margin-top:-70px;}
.header .wrap{ height:70px;}
.space{height:70px;}
.m-menubtn02{ height:70px;}
.m-menu02{ top:70px}
.header .logo{ margin-top:-20px;}
.header .logo img{ height:40px;}

.iproducts .protab-wrap{ width:calc(100% + 14px); margin-left:-7px;}
.iproducts .swiper-slide a{ margin:7px;}
.footer li:nth-child(2), .footer li:nth-child(3){ display:none}
.nnav li a:after{height:50px;}
.nnav{ line-height:50px;height:50px;}
.nnav02 li .menu_a{ line-height:50px;height:50px;}
.nnav li a, .nnav02 li .menu_a{padding: 0 15px;}


.nnewslists .item .pic{ float:none; width:100%; margin-bottom:20px}
.nnewslists .item .text{ float:none; width:calc(100% - 62px); padding:0 20px 0 0;}


.nprolist .item{width:48.5%; margin-right:3%; margin-bottom:3%;}
.nprolist .item:nth-child(3n){ margin-right:3%}
.nprolist .item:nth-child(3n+1){ clear:none}
.nprolist .item:nth-child(2n){ margin-right:0%}
.nprolist .item:nth-child(2n+1){ clear:both}

.nnav02 li .sub{width:160px;padding:10px 10px 20px 10px; }
.nnav02 .sub p{ float:none; width:100%; line-height:35px;}
.nnav02 .sub p:nth-child(2n+1){ float:none}

.pdetail .tabmenu li {padding:0 15px;}
.videoList ul{ margin-right:0%}
.videoList li{ float:left; width:48.5%; margin-right:0%;}
.videoList li:nth-child(2n){ float:right}
.tanchu .ntit{ font-size:18px; }
.inews .topnews .pic .ititle{ font-size:16px; }
.banner .swiper-slide .text .more{ display:none;}

.phshow{ display:block}
.pcshow{ display: none}
.single-product-top .protitle h3{ border-bottom:none}
.banner .swiper-slide .text{ text-align:center !important}
.banner .swiper-slide .text p{ display:block; margin:0 auto}

.ncontact .conn{ margin-top:20px}
.ncontact li{ float:none; clear:both; width:100%; border-right:none !important}
.ncontact li:nth-child(4){ margin-left:0%; clear:both}

.ncontact li .icon{ width:20%; float:left}
.ncontact li .text{ width:80%; float:right; text-align:left}
.ncontact li .icon{ margin:0; max-width:60px;}
.ncontact .title p{ font-size:16px;}
.ncontact li h3{ font-size:16px;}
.nprolist .item .wenzi h3{ font-size:16px;}

.fuwulist li{width:48.5%; margin-right:3%; margin-bottom:3%}
.fuwulist li:nth-child(2n){ margin-right:0}
.fuwulist li .conn{ margin-top:-20px}

}

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

.icase .title h3{ font-size:16px;}	

.iabout .iyoushi li p span{ display:none}

.banner .swiper-slide .text h4{ font-size:14px; line-height:20px; margin-top:40px;}
.banner .swiper-slide .text h3{ font-size:22px; margin-top:0px;}


.icase .swiper-button-prev, .icase .swiper-button-next{ top:-4px}
.footer li:nth-child(6){ display:none}
.footer li:nth-child(1) img{ display:none}

.partner .item{ width:23%; margin:0 1%;}
.partner .swiper-slide .item:nth-child(5){ margin-left:12.5%;}
.partner .swiper-slide .item:nth-child(7){ margin-left:1%;}

.ndownlists .kuai .pic{ width:100%; float:none; margin-bottom:20px;}
.ndownlists .kuai .text{ width:100%; float:none; padding:0} 
.ndownlists .kuai .size, .ndownlists .kuai .date, .ndownlists .kuai .download{ width:33.33%; margin-top:20px; display:block; text-align:left}

.member .nright .mconn .item{ float:none; width:100%; margin-right:0; margin-bottom:20px}

.istrength .title{ margin-bottom:15px;}
.istrength .mainbody .more{ margin-top:20px;}
.nbanner .text p{ display:none}
.nbanner .text h3{ margin-bottom:0}

.honorlist li{ width:48.5%; margin:1.5% 3% 1.5% 0; }
.honorlist li:nth-child(3n){ margin-right:3%}
.honorlist li:nth-child(3n+1){ clear:none; }
.honorlist li:nth-child(2n){ margin-right:0}
.honorlist li:nth-child(2n+1){ clear:both; }
.nnav li{ font-size:16px;}
.nnav li a:after{height:50px;}

.nnav02 li{ font-size:16px;}
.nnav02 li .menu_a:after{height:50px;}

.nnav02 li .menu_a{ line-height:50px;}


.nnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.nnav ul li{white-space: nowrap; width: auto;}
}