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

}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: initial; }
.content{ padding: 0 10px; width: auto; }
.nav_handle{ display: block; }

.header{ background: #fff; height: auto; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.header .inmuen{ display: none; float: none; clear: both; margin: 0; padding: 5px 0 10px; }
.header .inmuen ul li{ float: none; padding-right: 35px; position: relative; }
.header .inmuen ul li:before{ content: ">"; font-family: '宋体'; color: #333; display: block; width: 35px; line-height: 35px; position: absolute; right: 0; top: 0; text-align: center; transition: all .5s; }
.header .inmuen ul li a{ padding: 0; line-height: 35px; }
.header .inmuen ul li:hover:before{ transform: rotate(90deg); }
.header .inmuen ul li .erji{ position: static; width: auto; margin: 0; width: calc(100% + 35px); padding: 10px 0; }
.header .inmuen ul li .erji a{ width: 50%; float: left; box-sizing: border-box; text-align: left; }
.header .inmuen ul li .erji:after{ content: ""; display: block; clear: both; }
.header .inmuen ul li:nth-child(1):before,.header .inmuen ul li:nth-child(5):before{ display: none; }
.header .phone .tit{ display: none; }
.header .phone .sz{ font-size: 16px; line-height: 30px; }
.header .phone{ padding: 10px 0; }
.header .inmuen ul li:after{ display: none; }

.banner{ margin-top: 0; }
.banner .pagination{ bottom: 0 !important; }
.banner .pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 2px; }
.banner .swiper-slide video{ display: none; }
.banner .swiper-slide .fgc{ display: none; }
.y-kefu-box01{ zoom:.6; }

.hotkey{ display: none; }

.inhotpro{ padding: 30px 0; }
.inhotpro .lmjj{ font-size: 20px; }
.inhotpro .lmtit{ font-size: 18px; margin-bottom: 15px; }
.inhotpro .inhotprolist a .tit{ font-size: 14px; }
.inhotpro .inhotprolist a{ border-radius: 5px; }
.inhotpro .pagination{ margin-top: 20px; }
.inhotpro .pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 3px; }

.inabout{ padding: 0 0 30px; background: none; }
.inabout .lmjj{ font-size: 20px; }
.inabout .lmtit{ font-size: 18px; margin-bottom: 15px; }
.inabout .nr{ min-height: initial; padding: 0; }
.inabout .nr .pic{ width: auto; position: relative; }
.inabout .nr .kk{ padding: 20px 15px; margin-top: 20px; }
.inabout .nr .slmtit{ font-size: 20px; padding-bottom: 5px; margin-bottom: 5px; }
.inabout .nr .wz{ font-size: 14px; line-height: 25px; }
.inabout .shuju ul li{ padding: 0 10px; zoom:.8; }

.inpro{ padding: 30px 0; }
.inpro .lmjj{ font-size: 20px; }
.inpro .lmtit{ font-size: 18px; margin-bottom: 15px; }
.inpro .list ul{ width: 102%; left: -1%; }
.inpro .list ul li{ width: 48%; margin: 1%; }
.inpro .list ul li .tit{ font-size: 14px; }

.inpronav{ padding: 30px 0; }
.inpronav .list ul li{ width: 49%; padding: 5px; box-sizing: border-box; }
.inpronav .list ul li .ico{ zoom:.8; }
.inpronav .list ul li .tit{ margin-top: 5px; }
.inpronav .more{ zoom:.8; }

.inshuju ul li{ padding: 0 10px; zoom:.6; }
.inshuju{ padding-top: 0; padding-bottom: 30px; }
.inshuju ul li .ico{ zoom:.8; }

.innews{ padding: 30px 0; }
.innews .lmjj{ font-size: 20px; }
.innews .lmtit{ font-size: 18px; margin-bottom: 15px; }
.innews .list ul li{ width: 98%; }

.footer .nr .fnav{ display: none; }
.footer{ padding: 30px 0; }
.footer .nr .fcon{ width: auto; padding: 0; border: 0; }
.footer .nr{ display: block; }
.footer .nr .ewm{ padding: 0; width: 130px; margin: 15px auto 0; }
.footer .nr .fcon .sz{ margin-bottom: 10px; }
.footer .nr .fcon .stit{ margin-bottom: 10px; }

.nybanner{ padding: 50px 0; }
.nybanner .lmtit{ font-size: 25px; }
.nybanner .lmxian{ width: 60px; height: 3px; margin: 5px auto 8px; }
.nybanner .lmjj{ font-size: 14px; }

.nynav{ margin-top: 0; }
.nynav .list{ padding: 0; }
.nynav .list .weizhi{ position: static; width: auto; text-align: left; padding: 0; margin-bottom: 10px; }

.nynav .list ul li{ margin: 0 15px 0 0; }
.nynav .list ul li > a{ font-size: 14px; }

.nypro{ padding: 30px 0; }
.nypro ul li{ width: 48%; }
.nypro ul li .tit{ font-size: 14px; height: 25px; line-height: 25px; background-size: auto 30px; background-position: right bottom; padding: 5px 0 10px; }

.showinfo{ padding: 30px 0; }
.box{ zoom:.5; position: relative; margin: 0 auto; }
.showinfo .nr{ padding: 0; min-height: initial; }
.showinfo .nr .lmtit{ font-size: 18px; padding-top: 10px; padding-bottom: 5px; }
.showinfo .nr .jj{ padding: 15px 0; }
.showinfo .nr .contact{ padding: 0; margin-top: 0; }
.showinfo .nr .phone{ height: auto; padding: 10px; line-height: initial; width: auto; font-size: 14px; text-align: center; }
.showinfo .nr .ann{ position: static; display: block; width: auto; line-height: 40px; font-size: 14px; }
.showinfo .nr .phone span{ font-size: 25px; }
.showprodetail .pre{ margin-top: 30px; padding: 10px 0; }

.showprodetail .detail .hd ul li span{ padding-left: 0; }
.showprodetail .detail .bd ul .wz{ padding-top: 15px; font-size: 14px; line-height: 25px; }

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

.pages{ padding-top: 20px; zoom:.8; }
.pages a{ line-height: 25px; padding: 0 8px; font-size: 12px; margin: 3px; }

.showpro{ margin-top: 50px; }
.nypage{ padding: 30px 0; }
.nypage h3{ font-size: 20px; }

.nynews{ padding: 30px 0; }
.nynews ul li{ width: 98%; padding: 0; margin: 0 1% 4%; }
.nynews ul li .pic{ position: static; width: auto; height: auto; padding-bottom: 55%; }
.nynews ul li .tit{ font-size: 16px; padding-right: 80px; }
.nynews ul li .jj{ margin: 0 0 5px; }
.nynews ul li .ann{ font-size: 12px; }

.shownews{ padding: 30px 0; }
.shownews .tit{ font-size: 18px; }
.shownews .date{ font-size: 12px; padding-bottom: 10px; }
.shownews .wz{ padding: 15px 0; }
.shownews .pre .li{ text-align: left; width: 100%; height: 30px; line-height: 30px; font-size: 12px; }
.shownews .pre .li:nth-child(2){ text-align: left; }
.shownews .pre{ padding: 10px 15px; }

.nyrecruit { padding: 30px 0; }
.nyrecruit .list{ zoom:.8; }
.nyrecruit .lmtit span.span1 { padding: 5px; font-size: 14px; width: 25%; }
.nyrecruit .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; }

.nyabout{ padding: 30px 0; }
.nyabout .nr{ padding: 0; min-height: initial; }
.nyabout .nr .pic{ width: auto; padding: 20px 20px 20px 0; position: relative; }
.nyabout .nr .lmtit{ font-size: 20px; padding-top: 15px; }
.nyabout .nr .wz{ font-size: 14px; line-height: 25px; overflow: initial; max-height: initial; }

.nyhistory{ padding: 30px 0; }
.nyhistory .lmtit{ font-size: 20px; }
.nyhistory .lmxian{ margin: 10px 0; }
.nyhistory .slmtit{ font-size: 20px; margin-bottom: 5px; text-align: left; }
.nyhistory .slmjj{ font-size: 14px; margin-bottom: 15px; text-align: left; }
.nyhistory .list .xian{ left: 10px; width: 1px; }
.nyhistory .list ul li{ margin-top: 20px; }
.nyhistory .list ul li .pic{ width: auto; padding-left: 35px; padding-right: 0; min-height: inherit; float: none; text-align: left; }
.nyhistory .list ul li .pic img{ max-height: 160px; margin-bottom: 10px; }
.nyhistory .list ul li .dian{ left: 10px; top: 3px; }
.nyhistory .list ul li .wz{ width: auto; float: none; padding-left: 35px; padding-right: 0; }
.nyhistory .list ul li:nth-child(odd) .pic{ float: none; padding-left: 35px; padding-right: 0; }
.nyhistory .list ul li:nth-child(odd) .wz{ padding-left: 35px; padding-right: 0; text-align: left; }
.nyhistory .list ul li .wz .tit{ font-size: 16px; margin-bottom: 5px; font-weight: bold; }
.nyhistory .list ul li .wz .jj{ font-size: 14px; line-height: 25px; }
.nyhistory .list ul li:hover .pic,.nyhistory .list ul li:hover .wz{ transform: translateY(-10px); }
.nyhistory .last{ font-size: 14px; padding-top: 15px; }

.nyhonor{ padding: 30px 0; }
.nyhonor .lmtit{ font-size: 20px; padding-bottom: 10px; }
.nyhonor .list ul li{ padding: 10px; width: 48%; }
.nyhonor .list ul li .tit{ height: 30px; line-height: 30px; margin-top: 10px; }

.strength{ padding: 30px 0; }
.strength .nr{ padding: 0; }
.strength .nr .wz{ padding: 20px; }
.strength .nr .pic{ position: static; padding-bottom: 70%; width: auto; }
.strength .nr .wz .lmtit{ font-size: 20px; }
.strength .nr .shuj ul li{ width: 50%; padding: 0; margin-bottom: 10px; }

.nycontact{ padding: 30px 0; font-size: 14px; line-height: 25px; }
.nycontact h3{ font-size: 20px; margin-bottom: 5px; }

.nymess{ padding: 30px 0; }
.nymess .lmtit{ font-size: 20px; }
.nymess .lmjj{ font-size: 14px; margin-bottom: 10px; }
.nymess .list .text{ font-size: 14px; height: 40px; padding: 0 10px; }
.nymess .list .li1,.nymess .list .li3{ width: 98%; margin-bottom: 10px; }
.nymess .list textarea{ font-size: 14px; padding: 5px 10px; }
.nymess .list .li3{ width: 98%; }
.nymess .list .li2{ margin: 0 1% 10px; }
.nymess .list .li3 img{ height: 40px; }
.nymess .list .sub{ width: 100%; height: 40px; font-size: 14px; margin: 0; }

.header .lang .wz{ line-height: 50px; margin-left: 10px; font-size: 12px; }
.inshuju.nyshuju{ padding: 30px 0; }
}
@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) {

}