@charset "utf-8";
/* CSS Document */
.m-menubtn{z-index: 10001;top:0;right:3%; width:24px; height:90px; 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:15px;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: 7px;width:24px;}
.m-menubtn>span:after {bottom: -7px; width:24px;}
.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:24px; -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:24px; 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-menubtn02{position:fixed;z-index:1002;top:0;right: 0;width:60px; height:80px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn02 span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #fff; 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: #fff;}

.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:#fff}
.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:#fff}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#fff}
.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; right:0;left:0;top:80px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 78px);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}

.m-menu02 li.last form { margin:25px 20px;position:relative; z-index:99; border:solid 1px #ddd;}
.m-menu02 li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 82px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu02 li.last form #searchBtn {width: 80px;height: 40px;background: #0026e9;color: #FFF;margin-left: -3px; border:none; border-radius:0}


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


.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#0026e9; 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-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}



@media screen and (max-width: 1750px){
.nnews .kuai .text h3 span{ font-size:15px;}
body{ font-size:15px; line-height:28px;}
.title h4{ font-size:20px; color:#0026e9; text-transform:uppercase;}
.title h3{ line-height:50px; font-size:40px;}

.banner .swiper-slide .text h3{ font-size:55px; line-height:55px; margin-bottom:40px; width:60%;}
.banner .swiper-slide .text p{ font-size:40px; line-height:55px; margin-bottom:60px; width:60%;}
.iabout .star{ font-size:150px; line-height:150px;}

.nbanner .text h3{font-size:40px; line-height:40px; }
.nbanner .text p{ font-size:22px;}

.header .menu li .menu_a{ font-size:17px;padding: 0 25px;}
.more{height:45px; line-height:45px; font-size:16px;}
.more a{ padding:0 50px 0 25px;}

.banner .swiper-slide .text .more a{ background:url(../images/jt.png) no-repeat 85% center; background-size:auto 30%;}
.banner .swiper-slide .text .more a:hover{ background:url(../images/jt.png) no-repeat 88% center; background-size:auto 30%;}

.more a{ background:url(../images/jth.png) no-repeat 85% center;background-size:auto 30%; color:#555 }
.more a:hover{ background:url(../images/jth.png) no-repeat 88% center;background-size:auto 30%;}

.iabout .text .abconn{font-size:17px;}
.iproducts .text .appleft .conn { font-size:17px;}
.inews .title .nmore a{ font-size:17px;}
.footer h3{ font-size:17px;}
.nnav{ line-height:55px; font-size:17px; }
.nnav li a{padding:0 25px; font-size:17px;}
.nprolist .kuai .text .pmore{ font-size:16px;}
.nprolist .kuai .text .pmore{ font-size:16px;}
.nprodetail .pdetail{ font-size:17px}
.nprodetail .pdetail .nitem .caselist li h3{ font-size:17px; }
.nnews .kuai .text .pmore{ font-size:16px; }
.nnews .kuai .text .pmore{font-size:16px; }
.nnewsdetail .newsleft .newscon { font-size:17px;}
.partner .item .par2{font-size:17px; }
.feedback .form .row .submit{font-size:17px;}
.iproducts .text .ipro_probtn ul li h3{ font-size:22px}
.nprodetail .nguide li{font-size:17px;}
.section{ padding:100px 0;}
.nmain .section{ padding:80px 0;}
.nab01 .section{ padding:80px 0 100px 0;}
.nprodetail.section{ padding:60px 0 100px 0;}
.sectionpre{ padding-top:100px;}
.sectionnext{ padding-bottom:100px;}
.inews .conn h3{ font-size:18px; margin:5px 0}
.footer .fcontent{ padding:60px 0}
.footer .copyright{ padding:20px 0;}

.nprolist .kuai .text h3{ font-size:32px;}
.nprodetail .pdetail .ntitle h3{ font-size:32px; margin-bottom:20px;}
}
@media screen and (max-width: 1665px){
.nprodetail .nguide.fixeds, .nprodetail .nguide.fixeds{ left:8%;}
.banner .swiper-slide .num span:nth-child(2){ padding-right:65px;}
.banner .swiper-slide .num span:nth-child(2):after{ width:65px;}
.banner .swiper-slide .num span:nth-child(1){ padding-left:65px;}
.banner .swiper-slide .num span:nth-child(1):after{ width:65px;}

}
@media screen and (max-width: 1560px){
.title h4{ font-size:18px; }
.title h3{ line-height:45px; font-size:35px;}

.banner .swiper-slide .text h3{ font-size:50px; line-height:50px; margin-bottom:30px; width:60%;}
.banner .swiper-slide .text p{ font-size:35px; line-height:45px; margin-bottom:50px; width:60%;}
.iabout .star{ font-size:140px; line-height:140px;}

.nbanner .text h3{font-size:35px; line-height:35px; }
.nbanner .text p{ font-size:20px;}	

.iproducts .text .ipro_probtn ul li h3{ font-size:20px}

.section{ padding:60px 0 80px 0;}
.nmain .section{ padding:60px 0;}
.nab01 .section{ padding:60px 0 80px 0;}
.nprodetail.section{ padding:50px 0 80px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}

.header .menu li .menu_a{ padding: 0 20px;}
.inews .conn .topnews .text{ padding:10px 20px}
.footer li:first-child .flogo img{ height:70px;}
.footer h3{ margin-top:40px}
.footer .fcontent{ padding:50px 0}
.nprodetail .nguide li{margin-bottom: 35px}
.nprolist .kuai .text h3{ font-size:30px;}
.nprodetail .pdetail .ntitle h3{ font-size:30px; }

.nprodetail .pdetail .nitem .ntti{ line-height:50px; font-size:22px; margin-bottom:20px;}
.nnewsdetail .newsright{ margin-top:115px;}
.nlx .kuai p{ font-size:18px}


.nprodetail .nguide {width:200px;}
.nprodetail .nguide li a{ padding-left:32px;}
.nprodetail .pdetail{ float:right; width:calc(100% - 220px); font-size:17px}
.nab01 .text h3{ font-size:28px}
}

@media screen and (max-width: 1440px){
.banner .swiper-slide .text h3{ font-size:40px; line-height:40px; margin-bottom:30px; width:60%;}
.banner .swiper-slide .text p{ font-size:30px; line-height:35px; margin-bottom:50px; width:60%;}	
.iproducts .text .appleft .more{ margin-top:50px}
body{ font-size:14px;}

.nbanner .text h3{font-size:30px; line-height:30px;margin-bottom:15px }
.nbanner .text p{ font-size:18px;}
.nprolist .kuai .text h3{ font-size:28px;}
.nprodetail .pdetail .ntitle h3{ font-size:28px; }	
.nnews .kuai .text h3{ font-size:18px; margin-bottom:10px}

}
@media screen and (max-width: 1366px){
.header .menu li .menu_a{ font-size:16px;padding: 0 18px;}

.iabout .text .abconn{font-size:16px;}
.iproducts .text .appleft .conn { font-size:16px;}
.inews .title .nmore a{ font-size:16px;}
.footer h3{ font-size:16px;}
.nnav{ line-height:55px; font-size:16px; }
.nnav li a{padding:0 25px; font-size:16px;}
.nprolist .kuai .text .pmore{ font-size:14px;}
.nprodetail .pdetail{ font-size:16px}
.nprodetail .pdetail .nitem .caselist li h3{ font-size:16px; }
.nnews .kuai .text .pmore{ font-size:14px; }
.nnews .kuai .text .pmore{font-size:14px; }
.nnewsdetail .newsleft .newscon { font-size:16px;}
.partner .item .par2{font-size:16px; }
.feedback .form .row .submit{font-size:16px;}
.iproducts .text .ipro_probtn ul li h3{ font-size:18px}
.nprodetail .nguide li{font-size:16px;}
.wrap{ width:88%;}
.nprodetail .nguide.fixeds, .nprodetail .nguide.fixeds{ left:6%;}

.iabout .text .abconn{ margin-bottom:45px;}
.iabout .star{ font-size:130px; line-height:130px;}
.inews .conn h3{ font-size:16px; margin:2px 0}

.iproducts .text .appleft .more{ margin-top:40px}

.banner .swiper-slide .text h3{ font-size:36px; line-height:40px; margin-bottom:20px; width:60%;}
.banner .swiper-slide .text p{ font-size:26px; line-height:32px; margin-bottom:40px; width:60%;}	
.title h4{ font-size:17px; }
.title h3{ line-height:40px; font-size:30px;}

.nprodetail .nguide li{margin-bottom: 25px}
.nprolist .kuai .text h3{ font-size:24px;}
.nprolist .kuai .text .icon span{ margin-left:12px; line-height:40px; min-width:calc(28% - 15px); margin-top:12px;}
.nprodetail .pdetail .ntitle h3{ font-size:24px; }

.nprodetail .pdetail .nitem .ntti{ line-height:50px; font-size:20px;}
.nnews .kuai .text h3 span{ font-size:14px;}
.nnews .kuai .text .pmore{ margin-top:10px;}

.nnewsdetail .newsright .ntitle h3{ font-size:22px;}
.nbanner img{ width:110%; margin-left:-5%}
.nab01 .text h3{ font-size:24px}
.nab01 .title{ margin-bottom:35px}
.feedback { padding: 20px;}
}

@media screen and (max-width: 1280px){
.header .menu li .menu_a{ font-size:15px;padding: 0 10px;}

}
@media screen and (max-width: 1240px){
body{ font-size:13px;}	
.header .menu li .menu_a{ padding: 0 15px;}
.banner .swiper-slide .text h3{ font-size:30px; line-height:40px;}
.banner .swiper-slide .text p{ font-size:22px; line-height:32px;}

.more{height:40px; line-height:40px; font-size:15px;}
.title{ margin-bottom:20px;}
.title h4{ font-size:16px; }
.title h3{ line-height:30px; font-size:24px;}
.iabout .star{ font-size:120px; line-height:120px;}
.iproducts .text .ipro_probtn ul li{ padding:5% 5% 7% 5%; }
.iproducts .text .ipro_probtn ul li h3{ font-size:17px;}

.wrap{ width:90%;}
.nprodetail .nguide.fixeds, .nprodetail .nguide.fixeds{ left:5%;}

.nbanner .text h3{font-size:24px; margin-bottom:5px }
.nbanner .text p{ font-size:16px;}	
.inews .conn .nsmore{ margin:20px 0}
.nnews .kuai .text h3{ font-size:16px;}

.nnewsdetail .newsright{ margin-top:100px;padding-left: 29px; margin-left: 30px;}
.nlx .kuai p{ font-size:16px}
.iabout .text .abconn{ margin-bottom:35px;}
.iproducts .text .appleft{ margin-top:10px;}
.iproducts .text .appleft{ width:48%}

.iproducts .proswiper{ width:120%; margin-left:-10%}
.footer li:first-child{padding-right: 5%;}
.nnav li a{padding:0 20px;}
.nbanner img{ width:120%; margin-left:-10%}
.nbanner .location{ top:110px}

.nprodetail .nguide {width:120px; margin-left:-1%}
.nprodetail .nguide li a{ padding-left:26px;}
.nprodetail .pdetail{ float:right; width:calc(100% - 120px); font-size:16px}
}
@media screen and (max-width: 1180px){
.iabout .star{ font-size:110px; line-height:110px;}
.header .menu li .menu_a{ font-size:15px;padding: 0 15px;}

.nnews .kuai .pic{ width:28%;}
.nnews .kuai .text{ width:70%;}
.iabout .text{ margin-top:1%}
}
@media screen and (max-width: 1100px){
.header .menu li .menu_a{ padding: 0 12px;}
#a01, #a02, #a03, #a04{ margin-top:-80px;}	
.header{height:80px;}
.header .search a{height:80px; }
.header .search .sub{top:80px; }
.header .menu li .menu_a{ line-height:80px; }
.header .logo img{ height:54px; margin:13px 0}
.m-menubtn02{ height:80px;}
.iabout .star{ font-size:100px; line-height:100px;}
.iproducts .proswiper{ width:130%; margin-left:-15%}
.nprolist .kuai .text{ margin-top:0}
}
@media screen and (max-width: 1024px){
.wrap{ width:94%;}
.nprodetail .nguide.fixeds, .nprodetail .nguide.fixeds{ left:3%;}	

.iabout .text{ margin-top:0%}
.nnews .kuai .text h3 span{ font-size:13px;}
.header .menu, .header .search, .m-menubtn{ display:none;}
.m-menubtn02{ display:block}

.banner .swiper-slide .text h3{ font-size:24px; line-height:30px; margin-bottom:10px; width:100%;}
.banner .swiper-slide .text p{ font-size:17px; line-height:28px; margin-bottom:25px; width:100%;}

.banner .swiper-slide{ min-height:400px !important}
.banner .swiper-slide .num span{ width:75px}
.banner .swiper-slide .num span:nth-child(2){ padding-right:45px;}
.banner .swiper-slide .num span:nth-child(2):after{ width:45px;}
.banner .swiper-slide .num span:nth-child(1){ padding-left:45px;}
.banner .swiper-slide .num span:nth-child(1):after{ width:45px;}

.bann2 a{ display:none}
.banner .swiper-slide .num{ bottom:30px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ bottom:35px;}
.banner .swiper-slide .text{ margin-top:10px;}
.iproducts .text .appleft{ margin-top:0}

.iproducts .proswiper{ width:140%; margin-left:-20%}
.footer li:nth-child(5), .footer li:nth-child(6){ display:none}

.m-foot{ display:block;}
.footer .copyright{ margin-bottom:55px;}
.nnav li a{padding:0 15px;}
.nprolist .kuai .text .pmore{ margin-top:30px;}
.nbanner .location{ top:100px}
.nbanner img{ width:140%; margin-left:-20%}
}

@media screen and (max-width: 920px){
#a01, #a02, #a03, #a04{ margin-top:-70px;}	
.header{height:70px;}
.header .search a{height:70px; }
.header .search .sub{top:70px; }
.header .menu li .menu_a{ line-height:70px; }
.header .logo img{ height:50px; margin:10px 0}
.m-menubtn02{ height:70px;}
.m-menu02{top:70px;}

.iabout .abpic{ float:none; width:100%; position:relative}
.iabout .text{ float:none; width:100%;  margin-top:35px;}
.iabout .abpic:after{ right:-10px; bottom:-10px;}
.iproducts .proswiper{ width:200%; margin-left:-50%}

.iproducts .text .appleft{ width:100%; left:none}
.iproducts .text .ipro_probtn{width:100%; left:none; margin-top:65px}
.iproducts .text .ipro_probtn ul li{ width:calc(25% - 1px)}
.iproducts .text .ipro_probtn ul li{padding: 20px 0% 25px 0%;}
.iproducts .text .ipro_probtn ul li h3{ font-size:15px}
.iproducts .text .ipro_probtn ul li img{ width:55px; height:auto}
.more:after{width: 12px; right:-10px}

.inews .conn .topnews{ position: relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:25px;}
.inews .conn .sth{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:25px;}
.inews .conn .other{width:100%; margin-left:0}

.inews .conn .nspic img{ display: block; width:100%; height:auto}

.inews .conn .topnews .nspic{ position:relative; left:auto; top:auto; height:auto;}
.inews .conn .sth .nspic{ position:relative; left:auto; top:auto; width:100%; height:auto;}
.inews .conn .nspic div{ position:relative; left:auto; top:auto; width:100%; height:auto; }

.inews .conn .sth .list:last-child{bottom:auto; position:relative;left: auto; margin-top:20px;}
.footer li:first-child .flogo img{ margin-bottom:15px; height:50px;}

.nnav li a{padding:0 12px;}
.nprolist .kuai .propic:after{ right:-10px; bottom:-10px;}
.nprolist .kuai .text h3{ margin-bottom:15px;}

.nprolist .kuai .propic{ float:none; width:100%;}
.nprolist .kuai .text{ float:none; width:100%;  margin-top:25px;}
.nprolist .kuai .text .icon span{margin-left:8px;line-height:35px;min-width: calc(33.33% - 20px);margin-top: 12px;}
.nbanner img{ width:160%; margin-left:-30%}
.nbanner .location{ top:90px;}
.nbanner .text{ margin-top:40px;}

.nbanner .text h3{font-size:22px; margin-bottom:0px }
.nbanner .text p{ font-size:15px;}	

.nprodetail .nguide {width:80px;}
.nprodetail .pdetail{ float:none; width:100%;}

.nnewsdetail .newsleft{ float:none; width:100%}
.nnewsdetail .newsright{ float:none; width:100%; margin-top:50px; padding-top:35px; border-top:solid 1px #ddd; border-left:none; padding-left:0; margin-left:0}

.nab01 .abpic{ float:none; width:100%;}
.nab01 .abpic:after{ right:-10px; bottom:-10px;}
.nab01 .text{ float:none; width:100%;  margin-top:30px;}

.pcshow{ display: none}
.phshow{ display: block}
}
@media screen and (max-width: 768px){
.nbanner .location{ top:80px;}
.footer li:first-child{padding-right: 0%; background:none;}
.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4){ display:none}
.nprodetail .pdetail .nitem .conn{ overflow-x: auto;}
.nprodetail .pdetail .nitem table{ width:100%;}
.nprodetail .pdetail .nitem table td{ padding:6px 10px;}

.nlx{ float:none; width:100%; margin-bottom:35px;}
.feedback{ float:none; width:100%}
.feedback .fdtitle h3{ margin-bottom:15px}
.feedback .form .row .submit{width:130px; font-size:16px; height:42px; line-height:42px; }


.section{ padding:50px 0 60px 0;}
.nmain .section{ padding:50px 0;}
.nab01 .section{ padding:50px 0 60px 0;}
.nprodetail.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}
}
@media screen and (max-width: 640px){
.iabout .star{ font-size:80px; line-height:80px;}
.iproducts .proswiper{ width:300%; margin-left:-75%}
.nbanner img{ width:180%; margin-left:-40%}

.nnews .kuai .pic{ float:none; width:100%; }
.nnews .kuai .text{ width:100%; float:none; margin-top:20px}

.nnewsdetail .title h3{ font-size:22px;}
.nab01 .text h3{ font-size:24px}
.nab01 .title{ margin-bottom:20px}
}
@media screen and (max-width: 460px){
.iabout .star{ font-size:64px; line-height:64px; margin-top:8%}
.iproducts .proswiper{ width:340%; margin-left:-120%}
.nbanner img{ width:220%; margin-left:-60%}

.nprodetail .pdetail .nitem .caselist li{ width:100%; margin-right:0%; margin-bottom:20px}
}