﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1600px) {
.inyoushi .content{ max-width: 1400px; }
.inyoushi .nr .li1 .wz{ width: 100%; max-width: 650px; }
}
@media only screen and (max-width : 1400px) {
.inyoushi .content{ max-width: 1200px; }
.inyoushi .nr .li1 .wz{ width: 100%; max-width: 550px; }
}
@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: inherit; }
.content{ width: auto; padding: 0 10px; }
.header .lmtit,.header .phone{ display: none; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; width: auto !important; max-width: none !important }
.nav_handle{ display: block; }
.inmuen{ display: none; }
.inmuen ul li{ float: none; padding: 0; }
.inmuen ul li:before{ display: none; }
.inmuen ul li a{ text-align: center; font-size: 14px; }
.inmuen ul li:hover ul { display: none; }
.banner .pagination{ bottom: 0; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; margin: 0 2px; }
.inyoushi{ padding-top: 20px; }
.inyoushi .content{ min-width: inherit; }
.inyoushi .nr{ padding-bottom: 1px; }
.inyoushi .lmtit{ font-size: 20px; margin-bottom: 20px; }
.inyoushi .nr .li{ min-width: inherit; min-height: inherit; }
.inyoushi .nr .li .pic{ position: static; width: auto; height: auto; }
.inyoushi .nr .li1 .wz,.inyoushi .nr .li2 .wz{ float: none; padding-top: 10px; }
.inyoushi .nr .li .wz .sz{ background: none; font-size: 25px; width: auto; height: auto; text-align: center; line-height: inherit; }
.inyoushi .nr .li .wz .tit{ top: inherit; font-size: 18px; padding: 0; }
.inyoushi .nr .li .wz .entit{ top: inherit; margin-bottom: 10px; padding: 0; }
.inyoushi .nr .li .wz .jj{ margin-bottom: 20px; padding: 0; }
.inpro{ padding: 20px 0; }
.inpro .lmtit{ font-size: 20px; margin-bottom: 20px; }
.inpro .leftnav{ width: auto; float: none; margin-bottom: 10px; }
.inpro .leftnav .slmtit{ padding: 15px 0; font-size: 18px; }
.inpro .rightnr{ padding: 0; }
.inpro .rightnr .one{ margin-bottom: 20px; padding: 0; height: auto; }
.inpro .rightnr .one .pic{ width: auto; position: static; margin-bottom: 10px; }
.inpro .rightnr .one .tit{ font-size: 16px; height: 30px; line-height: 30px; }
.inpro .rightnr .one .jj{ margin-bottom: 10px; }
.inpronr ul li{ width: 100%; }
.inpronr ul li a{ padding: 0; }
.inpronr ul li .tit{ height: 30px; line-height: 30px; }
.incase{ padding: 20px 0; }
.incase .lmtit{ font-size: 20px; }
.incase .lmjj{ font-size: 14px; margin-bottom: 20px; }
.incase .caseone{ width: auto; float: none; }
.incase .caseone .bd ul li .tit{ font-size: 14px; }
.incase .right{ float: none; width: auto; }
.incase .right ul li .tit{ height: 30px; line-height: 30px; font-size: 14px; }
.incase .more{ height: 35px; line-height: 35px; width: 150px; font-size: 14px; }
.quality{ padding-top: 20px; background: none; height: auto; }
.quality .sub-title{ font-size: 20px; }
.quality .lmtit{ font-size: 20px; margin-bottom: 20px; }
.quality .accessory-img{ display: none; }
.quality .accessory{ float: none !important; width: auto; }
.quality .sub-title{ margin: 0 0 5px; }
.quality .sub-title span{ font-size: 16px; }
.equip-desc{ float: none !important; width: auto; margin-top: 15px; background: #f4f4f4; padding: 10px; margin-bottom: 20px; }
.equip-desc dd{ padding: 0; }
.equip-desc .feature-btn{ display: none; }
.equip-desc dl{ margin: 0 10px; }
.equip-desc dt{ font-size: 16px; }
.inliuc{ padding: 20px 0; display: none; }
.inliuc .lmtit{ position: static; margin: 0 auto; width: auto; border-radius: 0; margin-bottom: 10px; }
.inliuc ul li{ padding: 5px; }
.inliuc ul li i{ display: none; }
.inliuc ul li.four{ padding-right: 5px; }
.inliuc ul li .yuan{ font-size: 14px; }
.inabout{ padding: 20px 0; background: #f5f5f5 !important; }
.inabout .entit{ font-size: 14px; }
.inabout .cntit{ font-size: 20px; margin-bottom: 10px; }
.inabout .wz{ font-size: 14px; line-height: 25px; height: 200px; overflow: hidden; width: auto; padding: 0; margin-bottom: 20px; }
.inabout .shuj ul li .sz span{ font-size: 20px; }
.inabout .shuj ul li .sz{ font-size: 12px; }
.inabout .shuj ul li{ padding: 20px 0; }
.inabout .shuj ul li .jj{ font-size: 12px; }
.inabout .shuj ul li.on{ padding: 30px 0; }
.inabout a.ann, .inabout a.ann:hover { width: auto; }
.insheb .hd{ padding: 20px 0; }
.insheb .hd ul li{ width: 33.33333%; float: left; box-sizing: border-box; padding: 0; text-align: center; font-size: 14px; }
.insheb .bd ul li{ width: 49%; }

.service .category { margin:20px 0; overflow:hidden; }
.service .category li { width:50%; }
.service .category li h3 { font-size:16px; }
.service .category li h3, .service .category li p { margin-top:5px; }
.service .clickboxshow { padding:0; border:none; border-radius:0; }

.case header { margin:10px 0; }
.case header span { font-size:18px; }
.case .wrap { margin:20px 0; padding:0; border:none; border-radius:0; }
.case .wrap .l { width:auto; float:none;  }
.case .wrap .r { width:auto; float:none; }
.case .wrap .category { margin-bottom:20px; }
.case .wrap .category li { margin:0 0 -1px -1px; width:50%; float:left; box-sizing:border-box; }
.case .wrap .clickboxshow2 td { padding:5px; }
.case .wrap .clickboxshow2 img { width:auto; height:90px; }

.innews{ padding: 20px 0; }
.innews .lmtit{ font-size: 20px; }
.innews .nav{ padding: 10px 0; }
.innews .nav ul li{ width: 31.33333%; margin: 1%; box-sizing: border-box; padding: 0; float: left; line-height: 33px; }
.innewsnr .bd ul li{ width: 50%; }
.innewsnr .bd ul li a{ padding: 0 3px; }
.innewsnr .bd ul li .li .date{ padding: 0 40px 0 10px; }
.innewsnr .bd ul li .li .date .ann{ width: 30px; }
.innewsnr{ padding-bottom: 30px; }
.innewsnr .hd ul li{ width: 15px; }
.inpar{ padding: 0 0 0; }
.inpar .lmtit{ font-size: 20px; }
.inpar .lmjj{ font-size: 14px; margin-bottom: 20px; }
.inpar .list ul li{ width: 33.3333%; }
.footer{ padding: 20px 0; }
.footer .fnav{ display: none; }
.footer .fcon{ width: auto; float: none; }
.footer .fcon .flogo{ font-size: 18px; }
.footer .fcon .phone span{ font-size: 22px; }
.Bottomerkg,.Bottomer{ display: block; }
.page-down{ bottom: 76px; right: 10px; }

.nybanner{ height: 240px; }
.nynav ul li{ height: 35px; line-height: 35px; font-size: 14px; width: 33.33333%; }
.nynav2 ul li{ width: 33.33333%; }
.nynav3 ul li{ width: 33.33333%; }
.nynav4 ul li{ width: 33.33333%; }
.nynav5 ul li{ width: 33.33333%; }
.nynav6 ul li{ width: 33.33333%; }

.nypage{ padding: 10px 0 20px; font-size: 14px; }
.nyabout{ padding: 20px 0; }
.nyabout .left{ width: auto; float: none; }
.nyabout .left .lmtit{ margin-bottom: 20px; }
.nyabout .left .lmtit .cn{ font-size: 20px; }
.nyabout .left .lmtit .en{ font-size: 16px; }
.nyabout .left .tit{ font-size: 18px; margin-bottom: 10px; }
.nyabout .right{ float: none; width: auto; }
.nyabout .right .shuj ul li{ font-size: 12px; }
.nyabout .right .shuj ul li .sz{ font-size: 12px; }
.nyabout .right .shuj ul li .sz span{ font-size: 20px; }
.nyabout .right .shuj{ margin: 0; padding: 20px 0; }
.nyhonor{ padding: 20px 0; }
.nyhonor .lmtit .cn{ font-size: 20px; }
.nyhonor .lmtit .en{ font-size: 16px; }
.nyhonornr{ padding-top: 20px; }
.nyhonornr .bd ul li{ width: 50%; }
.nyhonornr .bd ul li a{ padding: 0 3px; }
.nyhonornr .bd ul li .fgc img{ width: 22px; }
.nyhonornr .bd ul li .li .tit{ font-size: 14px; padding: 10px 10px 0; }

.job{ padding: 20px 0; }
.job .lmtit{ margin-bottom: 20px; }
.job .lmtit .cn{ font-size: 20px; }
.job .lmtit .en{ font-size: 16px; }
.job .lmtit .jj{ position: static; margin: 0; font-size: 14px; line-height: 20px; height: auto; }
.job .left{ width: auto; float: none; }
.job .right{ float: none; width: auto; }

.nyzuzjg{ padding: 20px 0; }
.nyzuzjg .lmtit .cn{ font-size: 20px; }
.nyzuzjg .lmtit .en{ font-size: 16px; }
.nyzuzjg .nr{ padding-top: 20px; }
.nyzuzjg .nr .left{ width: auto; float: none; padding: 0; margin-bottom: 20px; }
.nyzuzjg .nr .right{ width: auto; float: none; }
.nyshengcsb{ padding: 20px 0; }
.nyshengcsb .lmtit .cn{ font-size: 20px; }
.nyshengcsb .lmtit .en{ font-size: 16px; }
.nyshengcsb .lmtit .jj{ position: static; margin: 0; font-size: 14px; line-height: 20px; height: auto; }
.nyshengcsb .lmtit{ margin-bottom: 20px; }
.nyshengcsbnr .bd ul li{ width: 48%; margin: 1%; }
.nyshengcsbnr .bd ul li .tit{ height: 30px; line-height: 30px; font-size: 14px; }
.nyshengcsbnr .hd ul li{ width: 15px; }
.nypar{ padding: 20px 0; }
.nypar .lmtit .cn{ font-size: 20px; }
.nypar .lmtit .en{ font-size: 16px; }
.nypar .lmtit .jj{ position: static; margin: 0; font-size: 14px; line-height: 20px; height: auto; }
.nypar .lmtit{ margin-bottom: 20px; }
.nyparnr .bd ul li{ width: 33.3333%; }
.nyparnr .hd ul li{ width: 15px; }

.weizhi{ padding: 10px 0; font-size: 14px; }
.weizhi .ann{ position: static; width: auto; margin: 0; font-size: 14px; }
.nypronav .nr .li{ padding: 50px 10px 10px; font-size: 12px; }
.nypronav .nr .li .tit{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; }
.nypronav .nr .li a{ text-align: center; font-size: 12px; padding: 0; width: 33.33333%; display: block; height: 25px; line-height: 25px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypronav .nr .li span{ display: none; }
.nypronav .nr .li.pinp a{ font-size: 18px; height: 30px; line-height: 30px; }


.nypro .leftnav{ width: auto; float: none; margin-bottom: 15px; }
.nypro .leftnav .lmtit{ font-size: 20px; }
.nypro .leftnav .li .erji{ display: none; }
.nypro .right{ margin-left: 0; }
.nypro .right ul li{ width: 48%; }
.nypro .right ul li .ann{ display: block; margin: 5px 0 0; padding: 0; text-align: center; height: 30px; font-size: 12px; line-height: 30px; }
.feny{ padding: 15px 0 20px; font-size: 12px; }
.feny a{ font-size: 12px; }

.showpro .showproinfo{ padding: 20px; min-height: inherit; }
.box{ padding: 0; width: 300px; position: static; margin: 0 auto 30px; }
.tb-pic{ border-right: 1px solid #eee; border-bottom: 0px; }
.tb-s310, .tb-s310 a {height:230px; width:299px;}
.tb-s310, .tb-s310 img {max-height:230px; max-width:299px;}
div.zoomDiv{height:230px; width:299px;}
.picScroll-left{ position: static; width: 300px; height: 55px; border-top: 0px; border-left: 1px solid #eee; }
.picScroll-left .bd{ width: auto; overflow: hidden; margin-top: 6px; height: 76px; }
.picScroll-left .bd ul{ display: block; width: 3000px; }
.picScroll-left .bd ul li { height:55px; width:70px; float: left; margin-right: 6px;}
.picScroll-left .bd ul li img{ width:70px; height:55px; border-top: 1px solid #eee; border-left: 0; }
.picScroll-left .bd ul li.tb-selected img{ width:70px; height:55px; }
.showpro .showproinfo .right .tit{ font-size: 18px; }
.showpronr{ padding-bottom: 20px; }
.showpronr .leftnr{ width: auto; float: none; margin-bottom: 20px; }
.showpronr .leftnr .hd ul li{ font-size: 16px; }
.showpronr .right{ width: auto; float: none; }
.showpronr .right .list{ position: relative; }
.showpronr .right .lmtit{ font-size: 16px; }
.showpronr .right .hd{ display: none; }
.showpronr .right .prev,.showpronr .right .next{ position: absolute; display: block; width: 30px; height: 30px; line-height: 30px;text-align: center; font-size: 20px; color: #fff; top: 50%; margin-top: -45px; background: rgba(0,0,0,.6); }
.showpronr .right .prev{ left: 0; }
.showpronr .right .next{ right: 0; }

.nycase ul li{ width: 48%; }
.nycase ul li .pic{ margin-bottom: 5px; }
.nycase ul li .tit{ font-size: 14px; }

.showcase .showcaseinfo{ padding: 20px; }
.showcase .showcaseinfo .pic{ position: static; width: auto; }
.showcase .showcaseinfo .right .tit{ font-size: 18px; padding-top: 20px; }
.showcase .showcaseinfo .right .jj{ min-height: inherit; margin: 20px 0; }
.showcasenr .leftnr{ width: auto; float: none; margin-bottom: 20px; }
.showcasenr .leftnr .hd ul li{ font-size: 16px; padding: 0 20px; }
.showcasenr .right{ width: auto; float: none; }
.showcasenr .right .lmtit{ font-size: 16px; }
.xgcase{ padding-bottom: 20px; }
.xgcase .lmtit{ font-size: 20px; margin-bottom: 10px; }
.xgcase .list ul li{ width: 48%; }
.xgcase .list ul li .tit{ font-size: 14px; }
.xgcase .list ul li .pic{ margin-bottom: 5px; }

.nynews{ padding-top: 15px; }
.nynews ul li{ width: 48%; }
.nynews ul li .li .date{ padding: 0 40px 0 10px; }
.nynews ul li .li .date .ann{ width: 30px; }

.shownews{ padding: 10px 0 20px; }
.shownews .leftnr{ width: auto; float: none; margin-bottom: 20px; }
.shownews .leftnr .tit{ padding: 0 0 10px; font-size: 18px; }
.shownews .leftnr .tit .date{ position: static; margin-top: 5px; }
.shownews .leftnr .wz{ padding: 20px 0; }
.shownews .leftnr .wz iframe{ width: 100%; height: 250px; }
.shownews .right{ width: auto; float: none; }
.shownews .right .lmtit{ font-size: 16px; }

.nycontact{ padding: 20px 0; overflow:hidden; }
.nycontact .lmtit{ font-size: 20px; margin-bottom: 20px; }
.nycontact .left{ width: auto; float: none; padding: 0; }
.nycontact .left ul li{ margin-bottom: 20px; }
.nycontact .left .ewm,.nycontact .left .ewm1{ position: static; width: 50%; float: left; padding: 0 10px; box-sizing: border-box; margin-left:0; margin-bottom: 20px; }
.nycontact .left .ewm .pic,.nycontact .left .ewm1 .pic{ max-width: 150px; margin: 0 auto; }
.nycontact .left .ewm .tit,.nycontact .left .ewm1 .tit{ font-size: 12px; }
.nycontact .right{ width: auto; float: none; }
.nymess{ padding: 20px 0; }
.nymess .messnr{ padding: 15px; }
.nymess .messnr .lmtit{ position: static; padding: 0; width: auto; margin-bottom: 20px; }
.nymess .messnr .lmtit .b{ font-size: 20px; }
.nymess .messnr .lmtit .s{ font-size: 14px; }
.nymess .messnr{ padding: 15px; }
.nymess .messnr .li.names{ margin: 0 0 10px 0; }
.nymess .messnr .li,.nymess .messnr .li2{ width: 100%; margin: 0 0 10px 0; float: none; }
.nymess .messnr .an{ position: static; margin: 0 auto; }
.nymess .messnr .li2.contents{ margin: 0 0 10px 0; }

.webshow{ display: none; }
.wapshow{ display: block; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {

}
@media only screen and (max-width : 640px) {
.nybanner{ height: 200px; }
}
@media only screen and (max-width : 480px) {
.inproadv .nr .advnr.adv3{ background-size: 100% auto !important; }
.nybanner{ height: 105px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 85px; }
}

