@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1400px) {
.webmain { min-width: 1200px }
.content{ width: 1140px; }
.header .lmtit { width: 36%; margin-bottom: 20px; }
.header .lmtit .btit { font-size: 18px }
.header .lmtit .stit { font-size: 14px; line-height: 1.5 }
.inmuen { width: 50%; }
.inmuen ul li { margin: 0 2px }
.inmuen ul li a { line-height: 40px }
.inreason .nav li:after { display: none; }
.incase .list .bd .cover { padding-top: 20px; padding-bottom: 20px; }
.footer .top .content > div { padding-left: 30px; padding-right: 30px; }
.nybanner { height: 400px }
.nynav a {padding: 0 20px}
}
@media only screen and (max-width : 1200px) {
.content{ width: 1060px; }
.inmess .wz{ width: auto; float: none; margin-bottom: 20px; }
.inmess .messnr{ width: auto; float: none; }
.inmuen ul li a{ padding: 0 12px; }
}
@media only screen and (max-width : 1024px) {
.webmain { min-width: 100% }
.content { width: 100%; padding: 0 10px; box-sizing: border-box; }
.header-top { display: none; }
.header .lmtit { display: none; }
.header .logo{ padding: 2px 0; width: auto; position: absolute; left: 50%; margin-left: -32px; }
.header .logo img{ height: 30px; width: auto; }
.nav_handle{ display: block; }
.inmuen{ display: none; width: 100%; margin-top: 0; }
.inmuen ul { padding: 10px 0; border-top: 1px solid #eee; }
.inmuen ul li{ float: none; padding: 0; width: 100%; border: 0; }
.inmuen ul li a{ text-align: center; font-size: 14px; line-height: 40px; }
.intitle .lmtit { font-size: 20px; padding-bottom: 12px; }
.intitle .lmjj { font-size: 14px; margin-top: 14px; }
.intitle .lmtit:after { height: 1px }

.banner .pagination { bottom: 4px }

.inabout { padding: 20px 0 }
.inabout .list > p { line-height: 26px; margin-top: 5px; font-size: 14px; }
.inabout .data { margin-top: 10px; }
.inabout .data img { width: 100% }
.inabout .data ul { width: 100% }
.inabout .data li { width: 33.3333%; display: inline-block; float: left; box-sizing: border-box; padding-left: 10px; padding-right: 10px; border: 0; }
.inabout .data li h6 { font-size: 24px }
.inabout .data li p { font-size: 14px; margin-top: 4px; }
.inabout .factory .bd li { margin: -5px }
.inabout .factory .list-box { width: 50%; padding: 5px }
.inabout .factory .list-box .text { font-size: 14px; }
.inabout .factory .hd { text-align: center; }
.inabout .factory .prev,
.inabout .factory .next { display: inline-block; position: static; font-size: 28px; margin: 0 8px; height: 40px; width: 30px; line-height: 40px }

.inpro{ padding: 20px 0; }
.inpro .lmtit{ font-size: 20px; }
.inpro .nav{ padding: 15px 0; }
.inpro .nav ul li{ width: 31.33333%; float: left; display: block; margin: 5px 1%; box-sizing: border-box; }
.inpro .nav ul li a{ padding: 0; box-sizing: border-box; }
.inpro .list ul li{ width: 48%; }
.inpro .list ul li .tit{ height: 30px; line-height: 30px; }
.inreason { padding: 20px 0 }
.inreason .nav { margin-top: 5px; }
.inreason .nav li { width: 50%; font-size: 14px; padding: 20px 20px 20px 72px }
.inreason .nav li .pic { width: 40px; height: 40px; margin-top: -20px; left: 20px }
.inreason .nav li img { width: 40px }
.inreason .nav li .text h6 { font-size: 18px }
.inreason .list { margin-top: 10px; }
.inreason .list .pic { width: 100% }
.inreason .list .pic img { box-sizing: border-box; }
.inreason .list .text { width: 100%; position: static; padding: 19px; }
.inreason .list .text h6 { font-size: 14px }
.inreason .list .text h6 > span { font-size: 18px }
.inreason .list .text p { margin-top: 14px; line-height: 24px; font-size: 14px }

.incase { padding: 20px 0 }
.incase .injianjie { margin-top: 0; font-size: 14px; }
.incase .list { margin-top: 10px; }
.incase .list .bd .list-box { width: 50%; }
.incase .list .bd .cover { display: none; }
.incase .list .hd { margin-top: 14px; }
.inprocess { padding: 20px 0 }
.inprocess .list { margin-top: 0; }
.inprocess .list li { width: 25%; margin-bottom: 10px; }
.inprocess .list li .icon img { width: 40px; height: 40px; }

.innews { padding: 20px 0 }
.innews .list { margin-top: 10px; }
.innews .list .title { font-size: 18px; margin-top: 0; }
.innews .list .title > a { font-size: 14px; }
.innews .news { width: 100%; margin-right: 0; margin-bottom: 10px; }
.innews .news .pic { height: auto; }
.innews .news .pic img { position: static; top: 0; transform: none }
.innews .news li:first-child a:hover img {     -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
.innews .news h4 { font-size: 16px; }
.innews .faq { width: 100%; margin-top: 0; }
.innews .faq h5 { font-size: 16px }

.inmess{ padding: 20px 0; }
.inmess .messnr{ padding-right: 0; }
.inmess .wz .tit { font-size: 16px }
.inmess .wz .jj { font-size: 14px }
.inmess .messnr .li{ width: auto; float: none; margin: 0 0 15px 0 !important; }
.inmess .messnr .li .text { font-size: 14px }
.inmess .messnr .an{ position: static; margin: 0 auto; }

.footer .footer-logo { display: none; }
.footer .top .content > div { width: 100%; padding-left: 0; padding-right: 0 }
.footer .top .content > div:after { display: none; }
.footer .footer-nav a { width: auto; margin-right: 12px; font-size: 16px; }
.footer .footer-follow { max-width: 140px; margin-top: 20px; margin-bottom: 10px; }
.Bottomerkg,.Bottomer{ display: block; }

.nybanner { height: 300px }

.nyleft{ float: none; width: auto; margin-bottom: 0; }
.nyleft .nav{ background: #f5f5f5; }
.nyleft .nav li{ padding: 0 10px; text-align: center; line-height: 35px; font-size: 14px; height: 35px; box-sizing: border-box; width: 33.3333%; float: left; }
.nyleft .nav li.yerji{ width: 100%; }
.nyleft .lmtit i{ display: inline-block; margin-right: 10px; }
.nyleft .lmtit{ font-size: 16px; line-height: 40px; height: 40px; cursor: pointer; }
.nyleft .news { display: none; }
.nyleft .contact p { font-size: 14px; display: inline-block; }
.nyleft .contact p i { font-size: 18px }
.nyleft .contact h6 { font-size: 18px; display: inline-block; }
.nyleft .erji a{ padding: 0 10px; box-sizing: border-box; float: left; font-size: 12px; width: 50%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyleft .erji:after{ content: ""; display: block; width: 100%; height: auto; clear: both; }
.nyright{ width: auto; float: none; margin-bottom: 0; }
.weizhi2 { padding: 7px 0 }
.weizhi2 > h1 { font-size: 18px; padding: 5px 10px 0; float: none; }
.weizhi2 > h1:after { width: 3px; height: 20px; margin-top: -10px; }
.weizhi2 > h1:before { display: none; }
.weizhi2 .right { padding: 0; float: none; line-height: 22px; }

.nynav { padding: 5px 0; }
.nynav a {line-height: 40px; font-size: 14px; width: 33.3333%; box-sizing: border-box; text-align: center; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; padding: 0 10px }
.nynav a.on:after, .nynav a:hover:after { display: none }
.weizhi .content { padding-top: 10px; padding-bottom: 10px; }
.weizhi .content > .fl { font-size: 14px; }
.weizhi .content > .fl i { font-size: 16px; margin-right: 4px }
.weizhi .content > a { font-size: 14px; padding: 0 10px }

.nypro { padding-bottom: 0; }
.nypro ul { margin-top: 0; }
.nypro li { width: 48%; margin: 5px 1% }
.nypro li .text { font-size: 14px; margin-top: 0;}

.fy2 a{ font-size: 12px; padding: 0 5px; height: 20px; line-height: 20px; margin: 1px; }

.nycase { padding-bottom: 0; }
.nycase li { width: 48% }
.nycase ul { margin-top: 10px; }

.showcase{ padding: 20px 0; }
.showcase .lmtit{ font-size: 16px; line-height: 36px; padding: 0 10px }
.showcase .date1{ font-size: 12px; }
.showcase .wz{ font-size: 14px; line-height: 24px }
.showcase .pre{ padding: 10px 15px; }
.showcase .pre a{ font-size: 12px; height: 20px; line-height: 20px; padding-right: 110px }
.showcase .pre .return { font-size: 12px; line-height: 30px; height: 30px; margin-top: -15px; right: 15px }

.repro{ padding: 0 0 20px; }
.repro .lmtit{ margin-bottom: 20px; }
.repro .list ul li{ width: 48%; }
.repro .list ul li .tit{ height: 30px; line-height: 30px; }

.nynews { padding-bottom: 20px; }
.nynews ul { margin-top: 10px; }
.nynews li { width: 48%; padding: 10px }
.nynews li .text { margin-top: 10px; }
.nynews li h6 { font-weight: normal; font-size: 16px }
.nynews li .btn { font-size: 14px; padding: 0 10px; line-height: 30px }

.renews{ padding: 0 0 20px; }
.renews .lmtit{ margin-bottom: 20px; }
.renews .list ul li{ width: 44%; margin: 0 3% }
.renews .list ul li .tit{ height: 30px; line-height: 30px; }

.nytitle .lmjj{ font-size: 30px; }
.nytitle .lmtit{ font-size: 20px; }
.nyabout { padding: 20px 0; }
.nyabout .list .data { margin-top: 10px; }
.nyabout .list .data li { width: 50%; box-sizing: border-box; padding: 10px; }
.nyabout .list .data li h6 { font-size: 25px }
.nyabout .list .data li p { font-size: 14px }
.nyabout .list .jianjie { font-size: 14px; margin-top: 10px; }
.nyhonor { padding: 20px 0; }
.nyhonor .list { margin-top: 10px }
.nyhonor .list .bd li { margin: -5px }
.nyhonor .list .bd .list-box { width: 50%; padding: 5px }
.nyhonor .list .bd .text { padding-top: 0; font-size: 14px; line-height: 30px }
.nyhonor .list .hd { margin-top: 14px; }
.nystrength { padding: 20px 0; }
.nystrength .list { margin-top: 10px }
.nystrength .list .bd li { margin: -5px }
.nystrength .list .bd .list-box { width: 50%; padding: 5px }
.nystrength .list .hd { margin-top: 14px; }
.nyadvantage { padding: 20px 0; }
.nyadvantage ul { margin-top: 10px }
.nyadvantage li { width: 48%; margin: 5px 1% }
.nyadvantage li .tit { font-size: 14px }
.nyadvantage li .tit b { font-size: 18px }
.nyadvantage li .desc b { font-size: 16px }
.nypartner { padding: 20px 0; }
.nypartner .list { margin-top: 10px; }
.nypartner .list ul li { width: 49% }

.nycontact .contact { padding: 20px 0 }
.nycontact .contact h2 { font-size: 24px; }
.nycontact .contact li { width: 48%; padding-left: 94px; padding-top: 4px; min-height: 80px }
#dituContent { height: 400px !important }
.nycontact .contact li .text h6 { font-size: 16px; }
.nycontact .contact li .text p { font-size: 14px; line-height: 20px }
.nycontact .contact li .pic img { width: 80px; height: 80px }

.showpro .showproinfo{ padding-left: 0; margin-top: 20px; }
.pro-box{ position: relative; margin: 0 auto 20px; }
.showpro .showproinfo .right{ padding: 0; }
.showpro .showproinfo .messnr{ padding: 15px; }
.showpro .showproinfo .messnr .li{ width: auto; float: none; margin: 0 0 15px 0 !important; }
.showpro .showproinfo .messnr .an{ position: static; margin: 0 auto; }
.showprodetail{ padding: 20px 0; }
.showpro .showproinfo .right .tit{ height: auto; line-height: 30px; margin-bottom: 10px; font-size: 18px; }
.showpro .showproinfo .right .jj{ height: auto; }
.showpro .showproinfo .right .phone1{ line-height: 25px; font-size: 14px; padding: 10px 0 10px 50px; height: auto; }
.showprodetail .wz{ font-size: 14px; line-height: 30px; padding-top: 20px; }
.showprotitle .lmtit { font-size: 24px }
.showprotitle .lmjj { font-size: 14px; margin-top: 0; }
.showprotitle .lmtit:after { width: 80px; height: 2px; margin-top: -1px; left: -100px }
.showprotitle .lmtit:before { width: 80px; height: 2px; margin-top: -1px; right: -100px }
.showpro .showproinfo .right .tit { padding-bottom: 10px; border-width: 2px }
.showpro .showproinfo .messnr a { font-size: 16px; line-height: 40px; padding: 0 20px }
.showpro .showproinfo .messnr p { font-size: 14px; line-height: 1.5; background-size: 50px auto; padding-left: 60px; }
.showpro .showproinfo .messnr p span { font-size: 18px }

.repro .lmtit { font-size: 18px; line-height: 40px; margin-bottom: 10px; }
.showpro .repro { padding-top: 20px; }
.showprodetail .lmtit { font-size: 18px; line-height: 40px; }
.showprodetail .wz { padding-top: 10px; }

.nypage .wz{ font-size: 14px; line-height: 24px }

.nysupp ul li{ padding: 15px; }
.nysupp ul li .pic{ position: static; width: auto; height: auto; margin-bottom: 10px; }
.nysupp ul li .tit{ font-size: 18px; }
.nysupp ul li .jj{ margin-bottom: 10px; font-size: 14px; }
.nysupp ul li .date{ font-size: 12px; margin-bottom: 10px; }

.showpro-details2 li { width: 48% }

.inabout .list > p > a{ display: block; width: 50px; margin: 0 auto; }
}
@media only screen and (max-width : 910px) {
.nybanner { height: 240px }
.nycase li { margin: 5px 1%; }
}
@media only screen and (max-width : 850px) {
.nybanner { height: 220px }

.showprotitle .lmtit { font-size: 18px }
.showprotitle .lmtit span { font-size: 24px }
.showpro-details1 ul { margin-left: 0; margin-right: 0; }
.showpro-details1 li { width: 100%; margin-left: 0; margin-right: 0 }
.showpro-details1 li .text { font-size: 14px; }
.showpro-details2 ul { margin-left: 0; margin-right: 0; }
.showpro-details2 li { width: 100%; margin-left: 0; margin-right: 0; margin-top: 5px; margin-bottom: 5px; padding: 10px }
.showpro-details2 li:nth-of-type(n+7) { width: 100% }
.showpro-details2 li .text h6 { font-size: 16px; }
.showpro-details2 li .text p { height: auto; -webkit-line-clamp: 10; font-size: 14px; margin-top: 4px; line-height: 24px }
.showpro-details3 ul { margin-left: 0; margin-right: 0; }
.showpro-details3 li { width: 100%; margin-left: 0; margin-right: 0 }
.showpro-details3 li .text { margin-top: 10px; }
.showpro-details3 li .text h6 { font-size: 16px }
.showpro-details4 ul { margin-left: 0; margin-right: 0; }
.showpro-details4 li { width: 100%; margin-left: 0; margin-right: 0; font-size: 14px; padding: 15px }
}
@media only screen and (max-width : 640px) {
.inmuen ul li:hover a, .inmuen ul li.on a { line-height: 40px }
.banner .pagination .swiper-pagination-switch { margin: 0 4px }
.banner .pagination { bottom: 0 }
.banner .pagination .swiper-pagination-switch { width: 10px; height: 10px }

.inabout .data li p { font-size: 12px }
.inabout .factory .list-box .pic { padding: 4px }

.inpro .nav ul li a { font-size: 14px }
.inpro .list ul li .pic { border-width: 4px }
.inpro .list ul li .tit { font-size: 14px }

.incase .list .bd li { margin: -6px }
.incase .list .bd .list-box { padding: 6px }
.incase .list .bd .cover h6 { font-size: 18px }
.incase .list .bd .cover p { margin-top: 10px; }
.incase .list .bd .cover span { font-size: 28px; width: 30px; height: 30px; line-height: 30px }
.incase .list .hd li { font-size: 14px; }
.incase .list .bd .text { padding-top: 0; font-size: 14px; }
.inreason .nav li { width: 100% }

.inabout .data ul { margin-top: 0; }
.inabout .data li h6 { font-size: 24px }
.inabout .data li { padding: 14px 5px }
.inreason .nav li img { width: 36px; margin-right: 10px; font-size: 16px }

.innews .list .title { margin-bottom: 10px; }
.innews .news { padding: 10px }
.innews .news h4 { margin-top: 6px; }
.innews .news p { margin-top: 2px; }
.innews .news li:first-child { padding-bottom: 10px; margin-bottom: 10px }
.innews .faq li:first-child { padding-top: 0 }
.innews .faq li { padding: 10px 0 }

.footer .footer-nav { padding-top: 10px; padding-bottom: 10px; }
.footer .footer-nav a { font-size: 14px; padding: 0 }
.footer .footer-follow { margin-top: 10px; max-width: 140px }

.nybanner { height: 180px }

.weizhi2 > h1 { font-size: 16px }

.nypro li .pic { border-width: 4px }

.nynav a { line-height: 30px; padding: 0 10px; width: 33.3333% }

.nyright { margin-bottom: 0 }

.renews { padding-bottom: 8px; }
.renews .lmtit { margin-bottom: 8px; }
.renews .list ul { width: 94%; left: 0; margin: 0 auto }
.renews .list ul li { width: 100%; margin: 0 }

.nyhonor .list .bd a { padding: 5px }
.nyhonor .list .hd li { font-size: 14px; }
.nystrength .list .hd li { font-size: 14px; }
.nystrength .list .bd a { padding: 5px }
.nystrength .list .bd .text { font-size: 14px; line-height: 30px }
.nyadvantage li .tit b { font-size: 16px }
.nyadvantage li .desc{ height: 196px; overflow: hidden; }
.nyadvantage li .desc b {font-size: 14px}
.nycontact .contact ul { margin-left: 0; margin-right: 0; }
.nycontact .contact li { width: 100%; margin-left: 0; margin-right: 0; padding-left: 74px; margin-top: 5px; margin-bottom: 5px; min-height: 60px}
.nycontact .contact li .pic img { width: 60px; height: 60px }
.nycontact .contact h2 { font-size: 18px }
.nycontact .contact li .text h6 { font-size: 14px }
.nycontact .contact li .text p { margin-top: 0; }

.showprotitle .lmtit { font-size: 18px; line-height: 30px }
.showprotitle .lmjj { font-size: 12px }

.tb-pic a{ display: block; }
.pro-box{ padding: 0; max-width: 100%;  box-sizing: border-box;   }
.tb-s310, .tb-s310 a { width:100%; height:auto; box-sizing: border-box; }
.tb-s310, .tb-s310 img {width: 100%; height: auto; max-width: initial; max-height: initial; }
div.zoomDiv{height:299px; width:299px;}
.picScroll-left {width: 65px}
.picScroll-left .bd{ width: auto; margin: 28px 0 }
.picScroll-left .bd ul li { height:69px; width:65px; float: left;}
.picScroll-left .bd ul li img{ width:65px; height:65px; margin: 2px 0 }
.picScroll-left .bd ul li.tb-selected img{ width:65px; height:65px; }
.picScroll-left .hd .prev { height: 26px; line-height: 26px }
.picScroll-left .hd .next { height: 26px; line-height: 26px }
.showpro .showproinfo .messnr a { font-size: 14px; line-height: 30px }

.nysupp ul a { margin: 10px 0; }
.nysupp ul li{ padding: 10px; }
.nysupp ul li .tit { font-size: 16px; margin-top: 0; line-height: 28px; height: 28px }
.nysupp ul li .date { margin-bottom: 0; line-height: 26px; height: 26px }
.nysupp ul li .jj { line-height: 22px; height: 44px }
.nysupp ul li .more { width: 90px; height: 30px; line-height: 30px; }
}
@media only screen and (max-width : 480px) {
.nybanner { height: 130px }
}
@media only screen and (max-width : 360px) {
.nybanner { height: 100px }
}