@charset "utf-8";
@media only screen and (min-width : 1921px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1600px) {

}
@media only screen and (max-width : 1400px) {

}
@media only screen and (max-width: 1024px) {
.Bottomerkg,.Bottomer{ display: none; }
.customerxf{ right: 10px; bottom: 20px; }
.customerxf .li{ width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin-top: 5px; }
.customerxf .li img{ height: 18px; }
.webshow{ display: none !important; }
.wapshow{ display: block !important; }
.webmain{ min-width: initial; }
.content{ padding: 0 10px; }
.nav_handle{ display: block; }
.y-kefu-box01{ zoom:.7; }

.tishi { font-size: 14px; min-height: 100px; }

.intop { line-height: 24px; }
.intop .fl { width: 100%; text-align: center; }
.intop .fl li { float: none; margin: 0 10px; }
.intop .fr { display: none; }
.header .logo { padding: 10px 0; }
.header .logo img { height: 30px; }
.header .lang { margin-top: 0; }
.header .lang .wz { border: 0; padding: 5px 20px; font-size: 14px; }
.header .inmuen { padding: 10px 0; display: none; }
.header .inmuen ul li { width: 100%; text-align: center; }
.header .inmuen ul li > a { font-size: 14px; margin: 0; line-height: 40px; }
.header .inmuen ul li > a::after { height: 100%; top: 0; z-index: -1; }
.header.header_on .logo { padding: 10px 0; }
.header.header_on .lang { margin-top: 0; }
.header.header_on .lang .wz { line-height: 40px; }

.banner .banner-left{ width: 30px; line-height: 30px; height: 30px; font-size: 18px; margin-top: -15px; left: 10px; }
.banner .banner-right{ width: 30px; line-height: 30px; height: 30px; font-size: 18px; margin-top: -15px; right: 10px; }
.banner .pagination{ bottom: 0; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; }
.banner .pagination .swiper-active-switch{ width: 15px; }

.inlmtit .cn { font-size: 22px; }
.inlmtit .en { font-size: 28px; margin-top: -28px; height: 29px; overflow: hidden; }

.inpro { padding: 30px 0; }
.inpro .list { margin-top: 16px; }
.inpro .list ul li { width: 48%; margin: 1%; }
.inpro .list ul a:nth-child(5) { display: none; }
.inpro .list ul li .tit { font-size: 14px; padding: 10px; }
.inpro .more { max-width: 120px; height: 40px; line-height: 38px; font-size: 14px; margin: 16px auto 0; }

.company-profile { padding: 30px 0; }
.inabout .nr .ann { font-size: 14px; height: 40px; line-height: 40px; width: 120px; margin-top: 10px; }

.incase { padding-top: 30px; }
.incase .lmtit { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.incase .lmjj { margin-bottom: 20px; }
.incase .list { width: 100%; left: 0; }
.incase .caseone { width: 100%; margin: 0; }
.incase .caseone .bd ul li .tit { font-size: 14px; line-height: 40px; height: 40px; padding: 0 14px; }
.incase .right { margin-top: 10px; width: 102%; position: relative; left: -1%; }
.incase .right ul li .tit { font-size: 14px; padding: 0 14px; }

.inadv { padding: 30px 0; }
.inadv .hd { padding: 20px 0; margin-top: 0; }
.inadv .hd ul { white-space: nowrap; overflow-x: auto; }
.inadv .hd ul li { font-size: 14px; line-height: 40px; padding: 0 15px; margin-right: 10px; margin-left: 0; }

.innews { padding-bottom: 30px; }
.innews .hd { padding: 10px 0; margin-top: 10px; }
.innews .hd ul li { font-size: 14px; line-height: 30px; padding: 0 20px; }
.innews .bd > ul { margin-top: 14px; }
.innews .bd .list { width: 100%; }
.innews .bd .list+.list { margin-left: 0; margin-top: 10px; }
.innews .bd .list.one li .text { padding: 14px 10px; }
.innews .bd .list.one li .tit { font-size: 16px; line-height: 24px; }
.innews .bd .list.one li .jj { font-size: 14px; line-height: 22px; height: 44px; margin-top: 8px; }
.innews .bd .list.one li .date { font-size: 14px; margin-top: 10px; }
.innews .bd .list .slist a { padding: 20px 0; }
.innews .bd .list .slist li { padding-left: 164px; }
.innews .bd .list .slist .pic { width: 149px; }
.innews .bd .list .slist .tit { font-size: 14px; line-height: 24px; height: 72px; }
.innews .bd .list .slist .date { font-size: 14px; }

footer { padding: 30px 0 0 !important; }
footer h5 { font-size: 16px; margin-bottom: 16px; }
footer .nav, footer .contact, footer .search, footer .follow { width: 100%; padding-right: 0; margin-bottom: 20px; }
footer .nav li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
footer .search .jj { margin-bottom: 20px; }
.banq { padding: 10px 0 23px; }

.nybanner { padding-bottom: 54%; }
.nybanner .table { padding-bottom: 40px; }
.nybanner .lmtit { font-size: 18px; text-align: center; }
.nybanner .lmxian { margin: 10px auto; width: 30px; }

.nynav { margin-top: -40px; }
.nynav ul li a { line-height: 40px; font-size: 14px; min-width: 100px }

.nyweizhi { padding: 16px 0; line-height: 24px; }

.nylmtit { font-size: 22px; padding-bottom: 4px; }
.nylmxian { margin: 5px auto; }

.feny{ padding: 20px 0; }
.feny a{ font-size: 12px; margin: 1px; line-height: 20px; height: 22px; padding: 0 5px; width: auto; min-width: initial; }

.nycontact { padding: 20px 0 30px; }
.nycontact .nr { padding-left: 0; margin-top: 20px; }
.nycontact .map { position: static; width: 100%; }
.nycontact .wz { padding: 0; margin-top: 10px; }
.nycontact .wz li { padding: 10px 0 10px 52px; }
.nycontact .wz .ico { width: 38px; height: 38px; line-height: 36px; font-size: 18px; top: 14px; }
.nycontact .wz .tit { font-size: 14px; line-height: 22px; padding-bottom: 0; }

.nymess { padding: 20px 0 30px; }
.nymess .lmtit { font-size: 24px; line-height: 36px; }
.nymess .list .li2 { margin-bottom: 10px; }

.nyrecruit { padding: 20px 0; }
.nyrecruit .list { padding-top: 20px; }
.nyrecruit .list .lmtit span.span1 { padding: 5px; font-size: 14px; width: 25%; }
.nyrecruit .list .lmtit span.span2 { display: none; }
.nyrecruit ul li span.span1 { padding: 6px 5px; font-size: 14px; width: 25%; }
.nyrecruit ul li span.span2 { display: none; }
.nyrecruit ul .erji{ padding: 15px; }

.nypage { padding: 20px 0 30px; }
.nypage .nr { font-size: 14px; line-height: 25px; margin-top: 20px; }

.nynews { padding: 0 0 20px; }
.nynews ul li { padding: 20px 0; }
.nynews ul li .pic { position: static; width: 100%; }
.nynews ul li .text { position: relative; padding: 14px 0 0 100px; }
.nynews ul li .date { position: absolute; left: 0; top: 10px; }
.nynews ul li .tit { font-size: 16px; line-height: 24px; height: 24px; }

.shownews { padding: 20px 0; }
.shownews .tit { font-size: 18px; padding-bottom: 16px; }
.shownews .nr { margin-top: 0; font-size: 14px; line-height: 25px; }
.recase { padding-bottom: 30px; }
.recase .lmtit { font-size: 22px; line-height: 30px; margin-bottom: 0; }
.recase ul li { padding: 20px 0; }
.recase ul li .pic { position: static; width: 100%; }
.recase ul li .text { position: relative; padding: 14px 0 0 100px; }
.recase ul li .date { position: absolute; left: 0; top: 10px; }
.recase ul li .tit { font-size: 16px; line-height: 24px; height: 24px; }

.nyleft{ width: auto; float: none; }
.nyright { padding-left: 0; }
.nycon{ display: none; }
.nypronav .lmtit{ line-height: 45px; padding: 0 15px; text-align: left; font-size: 16px; font-weight: normal; margin-bottom: 0; }
.nypronav .lmtit span { display: none; }
.nypronav .lmtit:after{ content: "+"; float: right; font-size: 20px; }
.nypronav .lmtit.on:after{ content: "-"; }
.nypronav .list{ display: none; }
.nypronav .list ul li > a{ font-size: 14px; }
.nypronav .list ul li.on .erji a{ height: 25px; line-height: 25px; font-size: 12px; }
.nypronav{ margin-bottom: 10px; }

.nypro { padding-bottom: 20px; }
.nypro .nyright ul li{ width: 48%; margin: 1%; padding: 10px; }
.nypro .nyright ul li .wz{ padding: 0; }
.nypro .nyright ul li .tit{ font-size: 14px; margin-top: 10px; margin-bottom: 0; line-height: 22px; height: 44px; }

.box{ width: 300px; margin: 0 auto 30px; position: static; }
.tb-s310, .tb-s310 a{ width: 300px; height: 225px; }
.tb-s310, .tb-s310 img{ max-width: 300px; max-height: 225px; }
.showinfo{ padding: 20px 0; }
.showinfo .nr{ padding: 0; }
.picScroll-left .hd .next,.picScroll-left .hd .prev{ height: 61px; line-height: 61px; }
.picScroll-left .bd ul li a{ padding: 0 2px; }
.showinfo .nr .lmtit{ padding: 0 0 10px; font-size: 16px; }
.showinfo .nr .jj{ padding: 0; margin-top: 0; }
.showinfo .nr .slmtit{ font-size: 18px; }
.showprodetail { margin: 0 0 20px; }
.showprodetail .detail .hd ul li{  padding: 0 10px; }
.showprodetail .detail .hd ul{ display: block; overflow-x: auto; white-space: nowrap; }
.showprodetail .detail .hd ul li span{ font-size: 14px; padding: 0 10px; line-height: 40px; }
.showprodetail .detail .bd ul .list{ width: 102%; left: -1%; }
.showprodetail .detail .bd ul .list .li{ width: 48%; margin: 1%; }
.showprodetail .detail .bd ul .list .li .tit{ font-size: 14px; margin-top: 0; }
.showprodetail .detail .bd ul .wz{ padding: 15px 0; font-size: 14px; line-height: 25px; }

.repro{ padding: 30px 0; }
.repro .lmtit{ font-size: 20px; }
.repro .list ul{ width: 102%; left: -1%; margin-top: 20px; }
.repro .list ul li{ width: 48%; margin: 1%; }
.repro .list ul li a { padding: 10px; }
.repro .list ul li .tit{ font-size: 14px; margin-top: 10px; line-height: 22px; height: 44px; margin-bottom: 0; }

.nyabout { padding: 10px 0 30px; }
.inshuj { margin-top: 20px; }
.inshuj ul { padding: 20px 0; }
.inshuj ul li { width: 50%; padding: 10px 20px; }
.inshuj ul li .sz { font-size: 14px; }
.inshuj ul li .sz span { font-size: 24px; }
.inshuj ul li .tit { font-size: 14px; font-weight: normal; }
.inabout { padding-top: 20px; }
.inabout .nr { padding-left: 0; }
.inabout .nr .pic { position: static; width: 100%; }
.inabout .nr .cnlmtit { margin-top: 20px; font-size: 18px; }
.inabout .nr .wz { margin: 10px 0 0; font-size: 14px; line-height: 25px; }

.nyproduce { padding-bottom: 30px; }
.nyproduce .list { margin-top: 16px; }
.nyproduce .list ul { width: 102%; left: -1%; }
.nyproduce .list ul li { width: 48%; margin: 1%; }
.nyproduce .list ul a:nth-child(5) { display: none; }
.nyproduce .list ul li .tit { font-size: 14px; padding: 10px; }

.nyhonor { padding: 30px 0; }
.nyhonor .list { margin-top: 16px; }
.nyhonor .list ul { width: 102%; left: -1%; }
.nyhonor .list ul li { width: 48%; margin: 1%; }
.nyhonor .list ul li .tit { font-size: 14px; padding: 10px; }

}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {

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

}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 360px) {

}