@charset "utf-8";
/* CSS Document */
.m-menubtn{position:absolute;z-index:1002;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; 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: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.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:#e71e1d}
.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;background:#e71e1d}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#e71e1d}
.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-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/

.m-menu{position: fixed; right:0;left:0;top:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu .m-menu-con{height: -webkit-calc(100vh - 60px);height: -moz-calc(100vh - 60px);height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

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


.m-foot{ position:fixed; width:100%; height:55px; line-height:15px; left:0; bottom:0;background:#80bc00; color:#fff; display:none; z-index:1500;}
.m-foot a{ color:#fff;}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot .mail01 i{ width:100%; height:35px; background:url(../images/fcon01.png) no-repeat center center; background-size:22px auto; margin:0 auto; display:block}
.m-foot .mail01 .hd{ background:#80bc00; color:#fff;  position:absolute;right:70px;top:0;text-align:left;padding:0 20px; width:310px; line-height:45px; }
.m-foot .mail01 .hd:after{ position:absolute; content:""; width:0; height:0; right:-10px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent;border-left:10px solid #80bc00;}
.m-foot .liuyan-btn i{ width:100%; height:35px; background:url(../images/fcon02.png) no-repeat center center; background-size:22px auto; margin:0 auto; display:block; cursor: pointer;}
.m-foot .backtop i{ width:100%; height:35px; background:url(../images/fcon04.png) no-repeat center center;  background-size:25px auto; margin:0 auto; display:block; cursor: pointer;}
.m-foot .tel i{ width:100%; height:35px; background:url(../images/fltel.png) no-repeat center center;  background-size:22px auto; margin:0 auto; display:block; cursor: pointer;}

.en .f-nav .sub a{ line-height:1.2; margin-bottom:.5em}
.en .f-nav .sub_sed a:before{top:.45em}
.en .nyoushi .conn{max-width: 1400px; width:80%}
.en .nyoushi .conn>h3{ white-space:normal}
.en .banner .swiper-slide .txt{ max-width:40%}
.en .nculture-info{ text-align:left}
.en .nproducts .nprotit{ line-height:1.2}
.en .nserivce .sertabmenu li{ width:calc(33.33% - 6px)}
.en .banner .swiper-slide .txt h3{font-family:Times New Roman,Arial,Helvetica,sans-serif}
.en .videoList li{ width:48%}
@media screen and (max-width:1920px){
.en .f-nav li{margin-right: 4%;padding-right: 4%;}

}
@media screen and (max-width: 1680px){
.header .menu li{ margin-left:40px}
.f-ewm .img{ width:100px}
.f-nav{max-width: calc(100% - 400px);}
.contact-list .item{ width:45%;padding: 2.5% 2.5% 2%;}
.plright-NHJ .nproInfor h3{ margin:0}

}
@media screen and (max-width: 1440px){
.header .neck .logo img{ height:45px}
.contact-list .item h3{font-size: 1.375rem;}
.contact-list .item h3:after{margin: 15px 0 20px;}
.contact-list .item .add, .contact-list .item .fax, .contact-list .item .mail{ margin-bottom:15px}
.banner .swiper-slide .txt h3{ font-size:45px}
.iproducts .item, .pronav .item{ width:20%}
.f-nav h3, .f-ewm h3, .f-share h3{ font-size:1.125rem}
.f-nav li{margin-right: 6%;padding-right: 6%;}
.case-nbanner .txt h1{font-size:2.5rem}
.serlist .wenzi .b_tit{ font-size:26px}

/*en*/
.en .header .menu li{ margin-left:30px}
}
@media screen and (max-width: 1366px){
.header .menu li{margin-left: 30px;}
.header .menu  .mpro{ padding:0 50px}
.liuyan .row{ margin-bottom:5px;}
.liuyan textarea{ height:90px;}
.liuyan .submit{ margin-top:20px; }

.title{ margin-bottom:.6em;}

.nnav{ line-height:80px;font-size:24px;}
.nnews .newskuai .wenzi h3 { margin:5px 0 10px;}

.nprodetail .conn .wenzi .nptitle p{ font-size:1rem;}

.nprodetail .conn .wenzi .pys p{ line-height:1.8;}
.nprodetail .conn .wenzi .pys p:after{top:.7em}
.nprodetail .conn .wenzi .nptitle h3{ font-size:26px;line-height:1.2}
.nprodetail .conn .wenzi .item h3{line-height: 1.5;}
.nprodetail .conn .wenzi .item p{font-size:14px;}

.serlist .ppic{ width:60%}
.serlist .wenzi{ width:40%}
.subtitle { margin-top:0}

/*en*/
.en .header .menu li{ margin-left:20px}
}

@media screen and (max-width: 1240px){
.wrap{ width:92%}
.header .neck .logo img{height:40px}
.header .menu li{ margin-left:20px;font-size:16px;}
.header .menu  .mpro{ padding:0 40px}
.banner .swiper-slide .txt h3{font-size:30px;}
.case-nbanner .txt{ font-size:.9em}
.case-nbanner .txt h1{ font-size:1.8em}

.nnav{line-height:60px;font-size:1.25rem;}
.nnews .newskuai .wenzi p{ -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nnews .newskuai .wenzi h3{ font-size:1.25rem;}
.nnews .newskuai .wenzi .date{ margin:0; font-size:0.9rem}
.nseivce .kuai .wenzi{ margin-top:0}


.nprodetail .conn .wenzi{ padding-bottom:0}
.nprodetail .conn .wenzi .item{margin-right: 5%; padding-right: 5%;}
.nprodetail .conn .wenzi .canshu{ width:100%; left:0; position:relative}

.iproducts .item h3{ font-size:1.125rem}
.imain .text h3{ font-size:1.25rem}

.f-ewm li{ width:80px}
.f-ewm .img{ width:80px}
.f-nav{max-width: calc(100% - 300px);}
.f-nav h3, .f-ewm h3, .f-share h3{ font-size:1rem}
.f-nav .sub{ font-size:.9em}

.serlist{ padding-top:3%}
.serlist .kuai{ padding:40px 0}
.yghdList .swiper-container{ padding-bottom:50px}

/*en*/
.en .header .menu li{ margin-left:10px}
}

@media screen and (max-width: 1024px){
.wrap { width:100%; padding:0 1.5rem}
.header .menu{ display:none}
.banner .swiper-slide .text h3{ margin-bottom:40px}
.header.scroll{ margin-top:0px}
.header .top{ display:none}
.header .neck .wrap, .header .neck .logo{height:60px}
.header .neck .logo img{height:35px;}

.header .neck .lang, .m-menubtn{ display:block}
.lang{ position:absolute; right:60px;line-height: 60px;}
.lang > a{color:#666}
.lang a i{ width:5px; height:5px; border-top:1px solid #333; border-right:1px solid #333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:0;top:8px}
.lang:hover a{color:#e71e1d}
.lang:hover a i{border-top:1px solid #e71e1d; border-right:1px solid #e71e1d;}

.banner, .nbanner{ margin-top:60px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px}
.space{ padding:40px 0}
.title{ font-size:2rem;line-height:1.8}
.title:after{ width:35px; height:2px; margin-top:0}
.nnews{padding-bottom:40px}

.footer{ padding-top:40px}
.f-nav{ display:none;}
.f-ewm, .f-share{ float:none;text-align: center;}
.f-ewm ul{justify-content:center}
.f-ewm li{ margin:0 5px;font-size: 0.875em;}
.footer-top{ margin-bottom:20px}
.f-sharelist{ display:flex; display:-webkit-flex;justify-content:center}
.f-sharelist div{margin:0 1px;}

.nyoushi{min-height: auto;padding:100px 0;}
.nyoushi .conn{ position:relative; top:auto;left:auto; -webkit-transform:none;-moz-transform:none;transform:none}
.nyoushi .conn>h3{font-size:2rem;line-height:1.4; white-space:normal}
.numList .item{ padding:0}
.numList h3 span{font-size: 1.3em;}
.numList p{ margin-top:.5em} 
/*en*/
.en .nyoushi .conn{width:100%}


.honorList h4{ font-size:1.125rem;height: 40px;}
.conn{ overflow-x:hidden}
.nculture-list{ margin-right:-2%}
.nculture-list .item{ width:48%; margin-right:2%; margin-bottom:2%;}
.nculture-list .item:nth-child(3), .nculture-list .item:nth-child(4){ margin-bottom:0}
.nculture-list .item .wenzi .intro h3{font-size:1.5rem}
.nculture-list .item .wenzi .intro p{ font-size:1rem}
.nculture-info{ margin-top:0}

.nnav{line-height:50px;font-size:1.125rem;}
.nnews .wrap{ margin-bottom:0}
.nnews .newskuai{padding:1.25em 1.25em 1.5em 1.25em;}
.nnews .newskuai .wenzi h3{line-height:1.4;}

.nnewsxing .newsLeft{ float:none; width:100%}
.nnewsxing .newstj{ display:none}
.ntitle{font-size:2rem;margin-bottom: .5em;}

.nnewsxing .newsLeft .newstime{width:70px; font-size:.9em}
.nnewsxing .newsLeft .newscon{ width:calc(100% - 90px)}
.back{ margin-top:1.5em}

.nnews .ytabmenu li{ font-size:1.5rem;margin-right:1em;line-height: 1.5;}
.nnews .ytabmenu{ margin-bottom:1em;}
.nnews #ytabcontent .item{ margin-bottom:3%}
.nnews #ytabcontent .item .month{ padding:0 15px; font-size:1.25em; font-weight:bold; line-height:40px}
.nnews #ytabcontent .item .list span{padding:15px; line-height:1.5}

.down .sertitle, .down .sercon>div{ padding:10px 0 10px 15px; line-height:1.4}
.liuyan-sub{ width:640px;}
.liuyan-sub .conn .tit{font-size: 2rem;line-height:1.8}
.liuyan-sub .conn .sumn{ font-size:.9em;}
.liuyan-sub .conn{padding:40px 30px 30px;}

.serlist .kuai{flex-wrap:wrap; padding:2% 0}
.serlist .ppic{ width:100%; float:none}
.serlist .ppic:after{ display:none}
.serlist .wenzi{width:100%; float:none;}
.serlist .wenzi:after{ display:none}
.serlist .wenzi .box, .serlist .kuai:nth-child(2n) .wenzi .box{ border: 2px solid #e71e1d; }
.serlist .wenzi .s_tit{ font-size:1.5rem;padding-left: 15px; padding-top:15px;margin-bottom: 40px;}
.serlist .wenzi .box .b_tit{left:auto;width:90%; max-width:360px;top:-25px; font-size:1.25em;line-height:40px; display:flex; display:-webkit-flex;align-items:center;justify-content:center;padding: 5px;}
.serlist .wenzi .box{ padding:45px 15px 15px 15px;}
.nvideo .kuaivideo{margin-bottom:40px}
.videoList li{ width:48%}
.nvideo .video .tit, .videoList li .tit{font-size: 1.25rem;padding: .5em 0;}
.video-show{ width:95%}
.nhr.space{ padding-top:0 !important}
.hrBox{ margin-bottom:40px}
#allmap, #gmap{ height:350px; margin-top:3%}
.contact-list{justify-content:space-between}
.contact-list .item{ width:49%;margin:0}
.contact-list .item h3{ font-size:1.25rem}
.contact-list .item h3:after{ margin-top:10px}
.contact-list .item3 .tel{font-size:16px}
.contact-list .item3 .tel span{ font-size:1.35em}

.pronav, .pronav.fixeds{ padding:10px 0}
.pronav .item .pic{ width:80px; padding:0}
.pronav .item .text{ font-size:14px}
.pronav .item h3{ font-size:1.1em}
.pronav .item p{ font-size:.9em}
.pronav .item:after, .pronav.fixeds .item:after{margin-left: -6px;bottom: -10px;border-left: solid 6px transparent;border-right: solid 6px transparent;border-bottom: solid 6px #e71e1d;}

.fixeds{top: 60px !important;}
.pronav.fixeds .item .pic{width:60px}
.pronav02{ height:105px; margin-top:-105px}
.pronav02.cur{ margin-top:60px}


.case-nbanner{ display:block}
.case-nbanner .txt, .case-nbanner .pic{ width:100%}
.case-nbanner .pic:before{ width:100%; height:60px;top:inherit}
.case-nbanner .txt .con{ padding:1.5rem}
.caseList li{ width:48%}
.caseList .textbox .text_top{ padding:15px;}
.caseList .textbox .text_top h3{ font-size:18px}
.caseList .textbox .text_bot{ padding:0 15px 5px}

.pdetail{ padding-bottom:40px}
.nprodetail .conn{ display:block}
.nprodetail .conn .picsshow{ width:80%; margin:0 auto 20px; float:none}
.picsshow .gallery-top{ float:none; width:100%; margin-bottom:15px}
.picsshow .gallery-thumbs{ position:relative; width:100%; height:auto}
.nprodetail .conn .wenzi{ width:100%; margin-left:0; float:none}
.nprodetail .conn .wenzi .nptitle{ padding-bottom:10px; margin-bottom:10px;}
.nprodetail .conn .wenzi .nptitle h3{ font-size:22px;}
.pdnav{ font-size:16px}
.pdnav li a{padding:8px 25px;}
.pdnav li:hover a, .pdnav li.cur a{padding: 7px 25px 8px;}
.nproducts{ font-size:14px}
.nproducts_2{ font-size:1em}
.nproducts .item{ margin-bottom:40px}
.nproducts .nprolist li a{ font-size:12px;background-size: 4px auto;padding-right: 15px;}
.nproducts .nprolist li:hover a{background-size: 4px auto;}
.plright .canshu th p, .nproducts .nprotit li{ height:auto;min-height:48px}
.plright-NGS .canshu th.gzjb p{min-height: auto;}
.nprotitle .anchor{top:-170px}
.pdetail #npdtabcontent ul img{ max-width:100%}
.plright-NHJ .nproInfor h3{ font-size:1.3em}
.plright-NHJ .nproInfor li{padding-left: 12px;}
.plright-NHJ .nproInfor li:before{top:10px}
.nproducts .plright{ overflow-x:auto}
}


@media screen and (max-width: 768px){
html,body{ font-size:14px}
.mserivce .sertabmenu li{font-size:15px;line-height:18px;margin-right:1px; height:60px;display:flex;align-items:center; padding:5px 2px 20px 2px; width:auto; position:relative; text-align:center }
.mserivce .sertabmenu li span{ display:block; position: absolute; width:100%; text-align:center; bottom:0 }
.mserivce .sertabmenu li:nth-child(3) span, .mserivce .sertabmenu li:nth-child(4) span{ bottom:8px;}
.mserivce .sertabmenu ul {vertical-align: auto;display:flex; display:-webkit-flex;}
.mserivce .sertabmenu ul{ overflow-x:auto;overflow-y: hidden; width:100%;}

.wrap{padding: 0 1.1rem;}
.banner .swiper-slide .txt h3{ font-size:24px}
.banner .swiper-button-prev, .banner .swiper-button-next{background-size: 10px auto;}
.banner .swiper-pagination-bullet{ width:8px; height:8px; background:#a09d9c; border:0}
.banner .swiper-pagination-bullet-active{ background:#fff}
.space{ padding:20px 0}
.title, .ntitle{font-size: 1.6rem;}
.nnews{padding-bottom:20px}
.iproducts .conn{flex-wrap:wrap;justify-content:flex-start}
.iproducts .item{width: 33.33%;}
.iproducts .item h3{ font-size:1.2rem}
/*.imain{ padding:0 1.15rem}*/
.imain .top li:nth-child(1){ width:100%; margin-right:0}
.imain .top li:nth-child(2){ display:none}
.imain .bot li.m-li1{ display:block}
.imain .bot li{ width:49.5%}
.imain .bot li:nth-child(2){ margin-right:0}
.imain .top li:nth-child(1) .text{padding: 10% 1.1rem 1rem;}
.imain .text h3{ font-size:1.2rem}
.imain .text{padding:15% 1.1rem 1rem;}
.footer{ padding-top:30px}
.float_kf{ display:none}
.m-foot{ display:block}

.honorList{ padding-bottom:20px}
.yghdList .swiper-container{ padding-bottom:30px}
.honorList .swiper-pagination-bullet, .yghdList .swiper-pagination-bullet{ width:8px; height:8px;}
.nyoushi{ padding:60px 0}
.nyoushi .conn>h3{font-size: 1.6rem;}
.numList h3{ font-size:20px}
.numList .item{ min-width:80px}
.nnewsxing .newsLeft .newstime{ width:60px}
.nnewsxing .newsLeft .newstime span{font-size: 2em;line-height:40px;letter-spacing:0}
.nnewsxing .newsLeft .newtit{font-size: 1.5rem;line-height: 1.4; min-height: 75px;font-weight: bold;}
.newsdetail{ line-height:1.8; width:calc(100% + 90px);left: -90px;position: relative;}

.pages{ margin-top:1.5em} 
.pagination a,.pagination p{padding: 0 8px !important;}
.nvideo .kuaivideo{ margin-bottom:20px}
.hrBox .top{font-size:1.15rem}
.hrBox .top .colm{ padding:10px 1%; line-height:1.4}
.hrList .colm5:after{top:0}
.hrList li.cur .colm5:after{top:2px;}
.hrList .hide{ line-height:2}
.hrList .colm{ padding:10px 1%}
.hrList .ttit{ line-height:1.4}
.hrBox{ margin-bottom:20px}
.contact-list{ flex-wrap:wrap}
.contact-list .item{ width:100%; padding:2em}
.contact-list .item1{ margin-bottom:3%}
.contact-list .item3 .tel:first-child:after{ margin:3% 0}
.contact-list .item3 .tel:first-child{ margin-bottom:4%}
.contact-list .item3 .tel{ font-size:14px}

.liuyan-sub{ width:80%}
.f-sharelist div.phshow{ display:block}
.f-sharelist div.pcshow{ display:none}
.pdetail{ padding-bottom:20px}
.nppx h4{ font-size:18px;}
.nppx table td{padding:6px 5px}
.tableBox{ overflow-x:auto}
.nproducts .item{ margin-bottom:30px;display: block;}
.nprotitle h3{ font-size:1.5em}
.nproducts .item .plleft{ float:none; width:100%}
.nproducts .item .plleft .nprotit span{ width:100%}
.nproducts .plright{ float:none; width:100%; overflow-x:auto}
.nproducts .plcenter{overflow-x:auto}
.nproducts .item .ppic{ height:auto}
.nproducts .nprotit li, .nproducts .nprolist li span, .nproducts .item .nprolist li p{flex-shrink: 0;}
.nproducts .plright .nprotit li, .nproducts .plcenter .nprotit li{background: #575757;}
.nproducts .nprolist li:nth-child(2n) span, .nproducts .nprolist li:nth-child(2n) p{ background:#f5f5f5}
.nproducts_2 .plleft{ width:48%}
.nproducts_2 .item_2 .nprotit li{ font-size:1.15em}
.plright .canshu{ overflow-x:auto}
.pronav{ overflow:auto;justify-content:flex-start}
.pronav .item{ width:auto; margin-left:1em;}
.pronav .item:last-child{ padding-right:1em}
.pronav .item h3, .pronav .item p{ white-space:nowrap}
.nproducts .nprolist img{ max-width:80%; margin:0 auto; display:block}
.plright-NHJ .nproInfor{ padding:1.5em}
.plright .canshu td{ min-width:60px; padding:8px 10px}
}

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

.banner .swiper-button-prev, .banner .swiper-button-next{ display:none}
.banner .swiper-slide .txt{ left:1.1rem}
.banner .swiper-slide .txt h3{ font-size:20px}
.banner .swiper-slide:before{ content:""; width:100%; display:block; padding-top:50%}
.banner .swiper-slide img{ position:absolute; width:100%; height:100%; object-fit:cover; left:0;top:0;right:0;bottom:0; margin:auto}

.nabout .conn{ line-height:28px}
.numList .item{ margin:0 10px}
.nculture-list{ margin-right:0}
.nculture-list .item{ width:100%; margin-right:0}
.nculture-list .item:nth-child(3){ margin-bottom:2%}

.nnews .newskuai .pic{ float:none; width:100%}
.nnews .newskuai .wenzi{ float:none; width:100%}
.nnews .newskuai .wenzi .date{ margin-top:1em;}
.back{ width:100px}
.back a{ line-height:30px}

.nnews #ytabcontent .item .list{ padding:10px 0}
.nnews #ytabcontent .item .list span{ padding:2px 15px}
.nnews #ytabcontent .item .list span:nth-child(1){ font-weight:bold;color: #333;}
.nnews #ytabcontent .item .list span:nth-child(1), .nnews #ytabcontent .item .list span:nth-child(2){ width:100%}
.nnews #ytabcontent .item .list span:nth-child(3), .nnews #ytabcontent .item .list span:nth-child(4){ width:auto}
.down .sertitle span:nth-child(2), .down .sercon>div span:nth-child(2){ width:60px; padding-left:10px}
.down .sertitle span:nth-child(3), .down .sercon>div span:nth-child(3){ width:100px; padding-left:10px}
.down .sertitle span:nth-child(1), .down .sercon>div span:nth-child(1){ width:calc(100% - 160px)}
.nserivce .sertabmenu{ margin-bottom:.2em}
.nserivce .sertabmenu ul{flex-wrap:wrap; border-bottom:0}
.nserivce .sertabmenu li{ width:calc(50% - 3px); margin-bottom:6px; margin-right:6px;border-radius:6px}
.nserivce .sertabmenu li:nth-child(2n){ margin-right:0}
.nserivce .sertabmenu .cur{background: #e71e1d;color:#fff; border:0;margin-bottom:8px}
.en .nserivce .sertabmenu li{width:calc(50% - 3px);}

.liuyan-sub{ width:320px;max-height:95%;overflow-y: auto;}
.liuyan-sub .conn .tit{font-size: 1.5rem; margin-bottom:0}
.liuyan-sub .conn .liuyan{ margin-top:10px}
.liuyan .row .colum{ width:100%; float:none; margin-bottom:3px;}
.liuyan-sub .conn{padding: 15px 20px 15px 20px;}
.liuyan .row .colum .ntit{ line-height:24px}
.liuyan .inp{ line-height:28px; height:28px;}
.liuyan textarea{ height:60px; padding:5px 15px}
.liuyan-sub .closed{ top:15px; right:15px; width:22px; height:22px}
.liuyan .submit{width: 100px;font-size:16px;line-height: 32px;height: 32px; border-radius:5px}

.videoList ul{ margin-right:0}
.videoList li{ width:100%; margin-right:0;margin-bottom: 2%;}
.en .videoList li{ width:100%}
.zp-lx{ font-size:12px}


.nprodetail .conn .picsshow{width:100%;}
.nprodetail .conn .wenzi .canshu{ flex-wrap:wrap;text-align:left}
.nprodetail .conn .wenzi .item{position:relative; border-right:none; border-bottom:dotted 1px #e1e1e1; margin-right:0px; padding-right:2%; margin-bottom:.8em;padding-bottom: .5em; float:left; width:50%} 

.nprodetail .conn .wenzi .item h3{ color:#403f41; font-size:20px; font-weight:bold}
.nprodetail .conn .wenzi .nptitle h3{ font-size:20px;}
.nprodetail .conn .wenzi .nptitle p{ font-size:14px; margin-top:-5px}
.nprodetail .conn .wenzi .pys{ margin-bottom:1em}
.nprodetail .conn .wenzi .pys p{ line-height:2;padding-left:10px;}
.en .nprodetail .conn .wenzi .pys p{ line-height:1.8;}
.nprodetail .conn .wenzi .pys p:after{ width:4px; height:4px;top: .85em;}

.nprodetail .conn .picsshow .bigpic{float: left;}
.nprodetail .conn .picsshow .otherpic, .nprodetail .conn .picsshow .otherpic .tabmenu, .nprodetail .conn .picsshow .otherpic .tabmenu ul {left:auto; right:0;}


.nppx h2{ font-size:24px;}

#allmap, #gmap{ height:240px}
.caseList ul{ margin-right:0}
.caseList li{ width:100%; margin-bottom:3%; margin-right:0} 
.caseList .textbox .text_top h3{ font-size:16px}
.nprotitle h3{ font-size:1.28em}
.nproducts_2 .item_2{ margin-right:0}
.nproducts_2 .plleft{ width:100%; margin-right:0;margin-bottom:3%}
.plright .canshu th p, .nproducts .nprotit li{ min-height:38px}
.pronav .item h3{ font-size:1em}

.plright-NHJ .nproInfor{ flex-wrap:wrap}
.plright-NHJ .nproInfor .kuai{ width:100%}
}

@media screen and (max-width: 425px){
.header .neck .logo img{ height:25px}
.banner .swiper-slide .txt h3{ font-size:16px}
.iproducts .item{ padding:0 1.5%}

.nnav{line-height:45px }
.nnewsxing .newsLeft .newstime{ line-height:20px;font-size: .8em;}
.nnewsxing .newsLeft .newstime span{ line-height:30px; font-size:1.5em}
.nnewsxing .newsLeft .newtit{ min-height:55px;font-size: 1.285rem;}
.nnews .ytabmenu{margin-bottom: .5em;}
.nnews .ytabmenu li{ font-size:1.25rem;margin-right: .5em;}
.nnews #ytabcontent .item{ margin-bottom:4%}
.serlist .kuai{ padding-bottom:4%}
.serlist .kuai .wenzi .box .b_tit img{ height:30px}
.serlist .wenzi .box .b_tit{ line-height:20px;top: -20px;}
.serlist .wenzi .s_tit{  margin-bottom:30px}
.subtitle{ text-align:left;margin-bottom: 1em;}
.hrBox .top{ font-size:1rem}
.contact-list .item3 .tel span{ font-size:1.15em}
.nppx table{ overflow:auto}
.case-nbanner .pic:before{ height:30px}
.case-nbanner .txt h1{ font-size:1.6em}
.nppx h4{ font-size:16px}
.nprodetail .conn .wenzi .item{ width:100%}
.nprodetail .conn .wenzi .item h3{ font-size:16px;line-height: 1.2;}
.pdnav{ font-size:14px}
.pdnav li{ margin-right:5px}
.pdnav li a{padding: 6px 15px;}
.pdnav li:hover a, .pdnav li.cur a {
    padding: 5px 15px 6px;
}
.pdetail #npdtabcontent{ margin-top:10px; line-height:2}

}
@media screen and (max-width:375px){
.iproducts .item h3{font-size:1.05rem;}
.iproducts .item p{ font-size:.8em;line-height: 1.2;}
}