@charset "utf-8";
/* CSS Document */
.m-menubtn{z-index: 10001;top:0;right:0%; width:88px; height:82px; 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:24px;height:2px; background-color: #000; margin: auto;}
.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: #000;}
.m-menubtn>span:before {bottom: 7px;}
.m-menubtn>span:after {bottom: -7px; width:70%; margin-right:30%;}
.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: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:78px;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: #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; right:0;left:0;top:78px; 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: #983132;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:#983132; 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: 1650px){
.header .menu li .menu_a{ margin:0 30px;}
.header .search {margin: 0 78px 0 15px;}

.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}
.iabout.section{ padding:100px 0;}
.i-product-list .swiper-slide{ padding:50px 0 80px 0}
.i-product-list .swiper-slide .wenzi .con{ margin:35px 0 50px 0;}

.icase .title{ top:120px;}

.i-product-list .swiper-slide .wenzi .more{ width:160px; line-height:42px;}
.iabout .more a{ width:160px; line-height:42px; }
.inews .title .more a{ width:160px; line-height:42px;}
.nprolist .conn .kuai .text .more{ width:160px; line-height:42px; }
.nappdetail .more a{ width:160px; line-height:42px; }
.case_serinfo .common_btns a{ width:160px; line-height:42px; }

.wrap{ width:84%;}
.icase_casebtn {padding-left:8%; }
.title h3{font-size:36px; line-height:36px;}
.i-product-list .swiper-slide .wenzi h3{font-size:26px;}
.iabout .title h3{ font-size:38px; margin-bottom:10px;}
.iabout .youshi .item .icon{ width:125px;}
.iabout .youshi{padding:50px 0 80px 0;}
.case_serinfo strong {font-size: 32px; }
.inews .icon{ margin-bottom:20px;}
.nbanner .text h3{ font-size:36px;padding-bottom:20px; margin-bottom:10px;}
.nbanner .text p{ font-size:20px;}
.nab04 .conn .item .text h3{ font-size:28px;}
.nab04 .conn .item .text .num{ font-size:60px;}
.nprolist .conn .kuai .text .con{ font-size:17px; }
.ncaselist .conn .item .text{ padding:30px}
.ncaselist .conn .item .text .more{ bottom:30px;width: 100px;}
.ncaselist .conn .item .text h3, .ncaselist .conn .item .text p{width: calc(100% - 130px);}
.nnewslist .newskuai .more{margin-top: 30px;}
.nnewslist .newskuai .text{margin-top: 5px;}
.casebtn li .iconfont{ width:40px;}
.case_serinfo strong{ line-height:50px;}

.npdpnav li a{ padding:0 30px;}
}
@media screen and (max-width: 1440px){
.header .logo { padding:0 28px}
.header .menu  { margin-left:260px;}
.header .menu li .menu_a{ margin:0 25px;}
.title {padding-bottom: 25px;}

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

body{ font-size:15px;}	
input,textarea,select,button,input{font-size:15px;}	
.title h3{font-size:32px; line-height:32px;}
.title h4{ font-size:18px;}
.header .tel{ font-size:17px; }
.header .menu li .menu_a{font-size:17px; }
.iproduct .pro-nav a{ font-size:18px; }
.i-product-list .swiper-slide .wenzi h3{font-size:24px;}
.i-product-list .swiper-slide .wenzi .con{ font-size:16px;}
.iabout .title h3{ font-size:32px;}
.iabout .conn p{ font-size:17px; line-height:35px;}
.iabout .youshi .item .text{ font-size:18px;}
.case_serinfo strong {font-size: 28px; line-height:40px; }
.case_serinfo p {font-size: 17px;}
.casebtn li p {font-size:18px;}
.inews .conn h3{font-size:18px;}
.inews .topnews .text .nmore{font-size: 17px;}
.inews .topnews .text .nmore{ font-size: 16px;}
.footer h3{ font-size:17px;}
.footer .ftel{ font-size:22px;}
.nbanner .text h3{ font-size:32px;padding-bottom:20px;}
.nbanner .text p{ font-size:18px;}
.nab01 .conn p{ font-size:17px;}
.nab02 .conn .item .text h3{ font-size:22px;}
.nab02 .conn .item .text p{ font-size:17px;}
.nab03 .swiper-slide .text h3{ font-size:17px;}
.photo-panel .photo-bar{ font-size:18px;}
.nab04 .conn .item .text .num{ font-size:50px;}
.nab04 .conn .item .text h3{ font-size:24px;margin: 15px 0;}
.nab04 .conn .item .text p{ font-size:16px;}
.nprolist .conn .kuai .text h3{font-size:26px;}
.nprolist .conn .kuai .text .con{ font-size:16px;margin:30px 0  50px 0;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 17px !important; }
.protop .wenzi .conn p{ font-size:17px;}
.protop .wenzi .protitle h3{ font-size:26px;}
.protop .wenzi .use .ptel h3{ font-size:20px;}
.prodetail .ktitle { font-size:24px; }
.prodetail .intro{ font-size:17px; }
.prodetail .intro table{ font-size:15px;}
.ncaselist .conn .item .text h3{font-size:20px; margin-bottom: 10px;}
.other .tjtitle h3{ font-size:30px;}
.other .swiper-slide h3{font-size:20px;}
.othernews .swiper-slide h3{font-size:18px;}
.nnewslist .newskuai .date h3{  font-size:20px;}
.nnewslist .newskuai .text h3{font-size:20px;}
.ncb01 .item span{ font-size:17px;}
.inews .conn .con{ font-size:16px;}
.i-product-list .swiper-slide{ padding:30px 0 70px 0}
.i-product-list .swiper-slide .wenzi .con{ margin:25px 0 35px 0;}
.nprolist .conn .kuai .text .con{ margin:25px 0 35px 0;}
.iabout .youshi .item .icon{ width:115px;}
.casebtn li .iconfont{ margin-bottom:0}
.casebtn li{ padding:20px 0;}
.nnav{ font-size:16px}
.nab02 .conn{ margin-top:25px;}

.ncaselist .conn .item .text{ padding:20px 20px 30px 20px}
.ncaselist .conn .item .text .more{ bottom:30px; right:20px;}

.nappdetail .ntitle h3{ font-size:24px;padding-bottom: 20px;margin-bottom: 20px;}
.nnewslist .newskuai .more{margin-top: 20px;}

.wrap{ width:88%;}
.icase_casebtn {padding-left:7%; }
.icase .title{ top:100px;}

.iabout .youshi{padding:40px 0 50px 0;}
.case-slide img{ width:110%; margin-left:-5%}

.npdpnav li a{ padding:0 25px; font-size:15px;}
}
@media screen and (max-width: 1366px){
body{ font-size:14px; line-height:28px;}	
input,textarea,select,button,input{font-size:14px;}	
.casebtn li p {font-size:17px;}
.inews .conn .con{ font-size:15px;}
.inews .icon{ margin-bottom:15px;}
.nab01 .conn p{ font-size:16px; line-height:33px;}
.nab02 .conn .item .text h3{ font-size:20px;}
.nab02 .conn .item .text p{ font-size:16px;}
.title h4{ font-size:16px;}
.prodetail .ktitle { font-size:20px; }
.ncaselist .conn .item .text h3{font-size:18px;}
.other .tjtitle h3{ font-size:28px}
.title h3{font-size:30px; line-height:30px;}
.i-product-list .swiper-slide .wenzi h3{ font-size:20px;padding-bottom: 15px;}
.iproduct .pro-nav a{ font-size:17px;}
.iabout .title h3{font-size:30px;}

.header .menu li .menu_a{ margin:0 20px;}
.header .menu { margin-left: 250px;}
.iabout .youshi .item .text{ font-size:17px}
.icase .title{ top:80px;}
.case_serinfo strong {font-size: 24px;}
.footer h3 img{ width:120px;}
.footer h3{ font-size:16px;}
.footer .flogo{ padding-top:50px; }
.case_serinfo p{ font-size:16px;}

.nbanner .text h3{ font-size:28px;padding-bottom:10px;}
.nbanner .text p{ font-size:17px;}
.nbanner img{ width:110%; margin-left:-5%;}
.nnav li a{ padding:0 30px;}

.nab04 .conn .item .text .num{ font-size:40px;}
.nab04 .conn .item .text h3{ font-size:20px;margin: 10px 0;}
.nab04 .conn .item .text p{ font-size:15px; line-height:25px;}

.nprolist .conn .kuai .text h3{ font-size:20px;padding-bottom: 15px;}
.protop .wenzi .protitle h3{ font-size:24px;}
.protop .wenzi{ padding-top:0}
.protop .wenzi .conn p{ font-size:16px;}
.protop .wenzi .use{ margin-top:30px;}
.protop .procon{ padding:30px 0 60px 0}
}
@media screen and (max-width: 1240px){
.wrap{ width:90%;}
.icase_casebtn {padding-left:5%; }
.header .menu li .menu_a{ font-size:16px; margin:0 16px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-78px;}
.space{height:78px;}
.header{ height:78px;}
.header .logo{ height:78px;}
.header .tel{line-height:78px; }
.header .search a{height:78px; }
.header .search .sub{top:78px;}
.m-menubtn{ height:78px;}
.npdpnav.fixeds{ top:78px !important}
.header .menu li .menu_a{ line-height:78px;}
.banner .swiper-slide{ height:calc(100vh - 78px);}
.icase .title{ top:60px;}
.header .logo img{ height:38px;}
.header .menu{ margin-left:230px;}

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}
.iabout.section{ padding:50px 0;}
.iabout .title h3{font-size:26px;}
.iabout .youshi .item .icon{ width:100px;}
.case-slide img{ width:120%; margin-left:-10%}

.inews .conn .con{-webkit-line-clamp:3;overflow: hidden; height:84px;}
.inews .conn h3{font-size:16px;}
.inews .topnews .text .nmore{font-size:15px;}
.nbanner img{ width:120%; margin-left:-10%;}
.protop .wenzi .use .pfeedback a{ width:140px;background: url(../images/pfeed.png) #983132 no-repeat 25px center;}
.npdpnav li a{ padding:0 20px;}
}
@media screen and (max-width: 1150px){
.header .logo, .header .menu, .header .tel, .header .search, .m-menubtn{ display:none}	
.m-menubtn02{ display:block}
.header .phlogo{ display:block}
.banner img{ display:block; width:120%; margin-left:-10%;}
.banner a{ position:relative; left:auto; height:auto; height:auto; }
.banner .swiper-slide{height:auto !important; overflow:hidden}
.title h3{font-size:24px;margin-bottom:0}
.iabout .title h3{font-size:24px;}
.iproduct .pro-nav{ top:0}
.iproduct .pro-nav a{ margin-left:15px;}
.i-product-list .swiper-slide .wenzi .con{margin: 15px 0 20px 0;}
.nprolist .conn .kuai .text .con{margin: 15px 0 20px 0;}
.title{ padding-bottom:20px;}
.iabout .conn p{ line-height:30px; font-size:16px; margin-top:-10px}


.iabout .youshi{padding:30px 0 40px 0;}
.iabout .youshi .item .text{ font-size:16px;}
.icase .title {top: 40px;}
.icase .title h3{ padding-bottom:10px;}
.case_serinfo strong{ margin-bottom:0}
.case-slide .case_serinfo{ top:45%}
.case_serinfo p{ font-size:15px; line-height:26px;}
.inews .conn h3{ height:auto; margin-bottom: 10px}
.inews .topnews .text .inn{ padding:20px;}
.inews .othernews .item{padding: 20px}

.footer .flogo img{ height:38px;}

.footer{ margin-bottom:55px;}
.m-foot{ display:block;}
.nbanner .text h3{ font-size:24px;}
.nbanner .text p{ font-size:16px;}

.protop .wenzi .protitle h3{ font-size:22px;margin: 15px 0;}
.npdpnav li a{ padding:0 15px;}
}
@media screen and (max-width: 1024px){
.wrap{ width:94%;}
.icase_casebtn {padding-left:3%; }
.case-slide img{ width:130%; margin-left:-15%}
.nnav li a{ padding:0 20px;}

.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 820px;height: 447px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 660px; position:relative;float: left;height: 447px;background: #fff;}
.photo-panel .photo-view-w {width: 660px;height: 447px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 660px;height:  447px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 640px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 640px;height: 427px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 80px;float: left;margin-top: 180px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:18px;}
.npdpnav ul{ display:block}
.npdpnav li{ float:left}
}
@media screen and (max-width: 920px){
.nnewslist .newskuai .text{ margin-top:0}
.nnewslist .newskuai .more{ margin-top:30px;}

.other .tjtitle h3{ font-size:24px}
.case_serinfo strong {font-size: 20px;}
.banner img{ width:130%; margin-left:-15%;}
.iabout .youshi .item .icon{ width:90px;}

.i-product-list .swiper-slide .wenzi .more{ width:120px; line-height:40px;}
.iabout .more a{ width:120px; line-height:40px; }
.inews .title .more a{ width:120px; line-height:40px;}
.nprolist .conn .kuai .text .more{ width:120px; line-height:40px; }
.nappdetail .more a{ width:120px; line-height:40px; }
.case_serinfo .common_btns a{ width:120px; line-height:40px; }
.case-slide img{ width:140%; margin-left:-20%}

.inews .topnews .text .nmore{ margin-top:15px;}
.footer .ftel{ font-size:18px;margin-bottom: 4px;}
.footer li:nth-child(3){ display:none}
.nbanner img{ width:140%; margin-left:-20%;}
.nab03 .conn{ position:relative;}
.nab03 .title{ width:100%;}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ left:50%; right:auto; top:auto; bottom:0px;}
.nab03 .swiper-button-prev{ margin-right:auto;margin-left: -48px;}
.i-product-list .swiper-button-next{margin-left: 8px;}
.nab03 .swiper-slide{ margin-bottom:50px;}
.title h4{ margin-top:10px;}

.photo-panel .photo-div {width: 430px;height: 223px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 330px; position:relative;float: left;height:223px;background: #fff;}
.photo-panel .photo-view-w {width: 330px;height: 223px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 330px;height:  223px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 320px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 320px;height: 213px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 50px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:17px;}

.nab04 .conn .item .text .num{ font-size:35px; line-height:45px;}
.nab04 .conn .item .text h3{ font-size:18px; }

.protop .swiper-container-wrapper{ float:none; width:100%;}
.protop .wenzi{ float:none; width:100%;}
.protop .wenzi .use .pfeedback a{ width:120px;}

.protop .swiper-container-wrapper{ float:none; width:100%; }
.protop .wenzi{ float:none; width:100%; padding-top:20px;}
.protop .gallery-thumbs .swiper-slide{ min-width:55px !important; margin-bottom:5px}

.npdpnav .wrap{ width:100%;}
.npdpnav{ line-height:55px; height:55px;}
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto;}
}
@media screen and (max-width: 768px){
.nnewslist .newskuai .date{ position:absolute; left:0; top:0;width: 70px;height: 55px;text-align: center; padding: 6px 0; line-height:20px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0}
.nnewslist .newskuai .text{ width: 68%;}
.nnewslist .newskuai .date h3{ font-size:17px; line-height:20px;}

.shangxia li{ float:none; display:block;}
.shangxia li:nth-child(2){ float:none;}

.other .swiper-slide .more{  width:120px; height:35px; line-height:33px;}
.nnewslist .newskuai .more{ width:120px; line-height:33px;height:35px;}
.other .tjtitle{ margin-bottom:25px}

.nappdetail .ntitle h3 {font-size: 22px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-70px;}
.space{height:70px;}
.header{ height:70px;}
.m-menubtn02{ height:70px;}
.m-menu02{top:70px;}
.npdpnav.fixeds{ top:70px !important}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 70px);}
.header .phlogo{ margin-top:-18px;}
.header .phlogo img{ height:36px;}
.banner img{ width:140%; margin-left:-20%;}
.case-slide img{ width:200%; margin-left:-50%}
.icase_casebtn {width:100%;}
.casebtn li p {font-size:16px;}
.casebtn li .iconfont{ width:35px; height:40px;}
.casebtn li{ padding:10px 0}

.inews .conn .con{-webkit-line-clamp:2;overflow: hidden; height:56px;}
.footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(4){ display:none}

.nab04 .conn .item{ width:50%}
.nab04 .conn .item .text .inn{padding:0 20px;}

.ncaselist .conn .item{ width:100%; margin-right:0; margin-bottom:20px;}
}

@media screen and (max-width:640px){
.nnewslist .newskuai .pic{width: 100%; float:none; margin-bottom:15px;}
.nnewslist .newskuai .text{ width: 100%; float:none}

.ncb01 .item{ width:100%; float:none; margin-bottom:25px;}
.ncb01 .item:nth-child(2n){ float:none}
.ncb01 .item:last-child{ margin-bottom:0}

.feedback .conn{ padding:30px 20px;}
.feedback .form .column{ float:none; width:100%; margin-right:0%; margin-bottom:3%;  }
.banner img{ width:150%; margin-left:-25%;}

.i-product-list .swiper-slide .wenzi{ float:none; width:100%}
.i-product-list .swiper-slide .pic{ float:none; width:100%; margin-bottom:20px}
.iabout .youshi .item .icon{ width:80px;}

.case-slide img{ width:260%; margin-left:-80%}

.inews .topnews .pic{ width:100%;}
.inews .topnews .text{ position: relative; width:100%; height:auto; top:auto; right:auto}
.inews .topnews .text .inn{position:relative;left: auto;-moz-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);top: auto;}
.inews .othernews .item{ width:calc(50% - 6px); margin-right:12px; margin-top:12px;}
.inews .othernews .item:nth-child(2n){ margin-right:0}
.inews .othernews .item:last-child{ display:none}
.footer li:nth-child(5){ margin-top:5px;}
.footer h3 img{ width:100px; margin-bottom:5px;}
.footer li:nth-child(5) h3{ font-size:14px;}
.footer .flogo {margin-bottom: 15px; padding-top:40px;}

.nbanner img{ width:170%; margin-left:-35%;}

.nnav{ height:50px; line-height:48px;}
.nnav li a{ padding:0; text-align:center}
.nnav li.cur a, .nnav li:hover a{ line-height:48px;}
.nnav li{ max-width:100px;}
.nnav.nnavabout li{ width:25%; float:left}
.nnav.nnavproducts li{ width:50%; float:left}
.nnav.nnavcase li{ width:25%; float:left}
.nnav.nnavnews li{ width:50%; float:left}
.nnav.nnavcontact li{ width:33.33%; float:left}

.nab02 .conn .item{ width:50%;}
.nab02 .conn .item:nth-child(1), .nab02 .conn .item:nth-child(2){ margin-bottom:20px;}

.photo-panel .photo-div {width: 350px;height: 207px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 310px; position:relative;float: left;height:220px;background: #fff;}
.photo-panel .photo-view-w {width: 310px;height: 210px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 310px;height: 210px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 300px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 300px;height: 200px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 20px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-next {background: url(../images/r.png) center;width: 20px;height: 40px;  background-size:auto 100%}
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}


.nprolist .conn .kuai .pic{ float:none; width:100%; margin-bottom:20px}
.nprolist .conn .kuai .text{ float:none; width:100%}
.nprolist .conn .kuai:nth-child(2n) .pic{ float:none}
.nprolist .conn .kuai:nth-child(2n) .text{ float:none}
.npdpnav{ line-height:50px; height:50px;}
}