@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1500px) {
.header .inmuen{ margin-right: 0; }
.header .inmuen ul li{ padding: 0 10px; }
.header .phone{ font-size: 16px; }
}
@media only screen and (max-width : 1400px) {
.header .inmuen ul li { padding: 0 10px; }
.header .inmuen ul li > a{ font-size: 14px; }
.content{ max-width: 1200px; }
.indata{ padding: 50px 0; }
.indata ul li .tit{ font-size: 17px; }
.incase .bd ul .top .pic{ width: 65%; }
.incase .bd ul .top .text{ width: 35%; }
.inyoushi .list{ padding: 50px; }
.inyoushi .list ul li{ margin: 0 13px 0 0; }
.inmess .nr .right{ width: 690px; }
.inpro .nav{ width: 230px; }
.inpro .right{ width: 950px; }
.innewsnr{ width: 800px; }

}
@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; }
.header{ min-width: initial; padding: 0 10px; background: #222; }
.header .logo{ padding: 5px 0; }
.header .logo img{ height: 40px; }
.header .phone{ font-size: 12px; line-height: 50px; padding: 0 5px; margin: 0; }
.header .search{ display: none; }
.header .search .ann{ line-height: 50px; font-size: 16px; padding: 0 10px; text-align: center; }
.header .inmuen{ float: none; margin: 0; clear: both; padding: 5px 0 10px; display: none; }
.header .inmuen ul li{ float: none; padding: 0; }
.header .inmuen ul li > a{ text-align: center; line-height: 35px; height: 35px; font-size: 14px; }
.header .inmuen ul li > a::before{ height: 2px; }
.header .search .xuanf{ padding: 10px 0; }
.header .search .xuanf .searchnr .text{ height: 35px; font-size: 14px; }
.header .search .xuanf .searchnr .sub{ height: 35px; font-size: 14px; }

.banner-placeholder{ height: 300px; position: relative; margin-top: 50px; }
.banner{ min-width: initial; }
.banner .swiper-slide .fgc .subtit{ font-size: 20px; line-height: initial; margin-bottom: 0; }
.banner .swiper-slide .fgc .tit{ font-size: 25px; line-height: initial; margin-bottom: 5px; }
.banner .swiper-slide .fgc .jj{ font-size: 14px; line-height: 25px; padding: 0 50px; }
.banner .scroll-tip{ zoom:.5; }
.banner .banner-left,.banner .banner-right{ width: 30px; height: 30px; line-height: 28px; font-size: 16px; }
.banner .banner-left{ left: 10px; }
.banner .banner-right{ right: 10px; }

.indata{ padding: 20px 0; }
.indata .logo{ position: static; width: auto; text-align: center; padding: 0; margin-bottom: 0; }
.indata .logo img{ height: 45px; }
.indata ul{ padding-left: 0; margin-left: -5px; margin-right: -5px; }
.indata ul li{ padding: 5px; width: 33.333%; text-align: center; }
.indata ul li .sz{ font-size: 25px; margin-bottom: 0; }
.indata ul li .tit{ font-size: 12px; zoom:.8; }

.incase{ padding: 20px 0; }
.incase .lmtit{ font-size: 20px; margin-bottom: 0; }
.incase .lmjj{ font-size: 14px; }
.incase .nav{ padding: 15px 0; }
.incase .nav ul{ border-radius: 10px; background: #333; }
.incase .nav ul li{ width: 33.3333%; padding: 0 5px; font-size: 14px; line-height: 35px; border: 0; }
.incase .bd ul .top{ float: none; width: auto; min-height: initial; }
.incase .bd ul .top .pic{ width: auto; position: static; float: none; height: 200px; }
.incase .bd ul .top .text{ width: auto; float: none; padding: 15px; }
.incase .bd ul .top .tit{ font-size: 16px; line-height: 30px; height: 30px; margin-bottom: 0; }
.incase .bd ul .top .jj{ font-size: 14px; line-height: 25px; height: auto; }
.incase .bd ul .top .ann{ line-height: 35px; height: 35px; font-size: 14px; margin-top: 15px; }
.incase .bd ul{ margin-left: -5px; margin-right: -5px; }
.incase .bd ul .li{ margin: 5px; }
.incase .bd ul > a{ width: 50%; }
.incase .bd ul .li .tit{ font-size: 14px; padding: 0 10px; height: 40px; line-height: 38px; }

.inyoushi{ padding: 20px 0; }
.inyoushi .lmtit{ font-size: 20px; margin-bottom: 0; }
.inyoushi .lmjj{ font-size: 14px; }
.inyoushi .list{ margin-top: 15px; padding: 15px; }
.inyoushi .list ul{ display: flex; flex-wrap: wrap; }
.inyoushi .list ul li{ width: 48%; margin: 1%; height: auto; }
.inyoushi .list ul li span em{ font-size: 30px; bottom: -12px; position: relative; }
.inyoushi .list ul li span{ line-height: 30px; font-size: 18px; padding-left: 0; }
.inyoushi .list ul li p{ font-size: 14px; line-height: 25px; padding: 10px 0 0; } 

.inpar{ padding: 20px 0; }
.inpar .lmtit{ font-size: 20px; margin-bottom: 0; }
.inpar .lmjj{ font-size: 14px; }
.inpar .list ul{ margin-top: 15px; }
.inpar .list ul li{ width: 32.333%; }

.incaselist{ padding: 20px 0; }
.incaselist .lmtit{ font-size: 20px; margin-bottom: 0; }
.incaselist .lmjj{ font-size: 14px; }
.incaselist ul{ margin-top: 15px; }
.incaselist ul li{ width: 48%; }
.incaselist ul li .wz{ padding: 10px 0 0; }
.incaselist ul li .wz .tit{ font-size: 16px; }

.inprocess{ padding: 20px 0; }
.inprocess .lmtit{ font-size: 20px; margin-bottom: 0; }
.inprocess .lmjj{ font-size: 14px; }
.inprocess .list{ margin-top: 15px; }
.inprocess .list ul li{ width: 50%; padding: 15px 10px; }
.inprocess .list ul li .ico{ margin-bottom: 0; }
.inprocess .phone{ margin-top: 15px; padding: 0 20px; font-size: 14px; line-height: 40px; height: 40px; }
.inprocess .phone i{ font-size: 20px; margin-right: 5px; }
.inprocess .phone b{ font-size: 20px; top: 0; }

.inmess{ padding: 20px 0; }
.inmess .nr .left{ width: auto; float: none; padding: 15px; }
.inmess .nr .left .lmtit{ font-size: 25px; }
.inmess .nr .left .lmjj .li{ width: 100%; line-height: 30px; height: 30px; }
.inmess .nr .right{ width: auto; float: none; padding: 15px; }
.inmess .nr .right .li{ width: 98%; }
.inmess .nr .right .sub{ width: 98%; }

.inabout{ padding: 20px 0 0; }
.inabout .left{ padding: 0; width: auto; float: none; }
.inabout .left .lmtit{ font-size: 20px; margin-bottom: 0; }
.inabout .left .lmjj{ font-size: 16px; }
.inabout .left .wz{ font-size: 14px; line-height: 25px; margin-top: 15px; }
.inabout .right{ width: auto; position: static; display: block; margin-top: 20px; }
.inabout .right .list{ display: block; }
.inabout .right .list ul li{ padding: 15px 10px; }
.inabout .right .list ul li .ico{ margin-bottom: 5px; }
.inabout .right .list ul li .tit{ font-size: 14px; }

.inabout .bottom{ padding: 15px 40px 25px; margin: 20px 0 0; box-shadow: initial; background: #f5f5f5; }
.inabout .bottom .lmtit{ font-size: 20px; margin-bottom: 0; }
.inabout .bottom .lmjj{ font-size: 14px; margin-bottom: 15px; }
.inabout .bottom .bd ul li{ width: 50%; }
.inabout .bottom .bd ul li .text{ padding-top: 5px; }
.inabout .bottom .prev{ width: 25px; text-align: center; line-height: 25px; font-size: 16px; left: 10px; top: 50%; margin-top: -13px;  height: 25px; }
.inabout .bottom .next{ width: 25px; text-align: center; line-height: 25px; font-size: 16px; right: 10px; top: 50%; margin-top: -13px;  height: 25px; }

.inprotitle{ margin-top: 0; padding: 20px 0 0; }
.inprotitle .lmtit{ font-size: 20px; margin-bottom: 0; }
.inprotitle .lmjj{ font-size: 14px; }

.inpro{ padding: 15px 0 20px; }
.inpro .nav{ width: auto; float: none; }
.inpro .nav .tit{ font-size: 20px; }
.inpro .nav ul:after{ content: ""; display: block; clear: both; }
.inpro .nav ul li{ width: 50%; float: left; box-sizing: border-box; padding: 0 10px; font-size: 14px; line-height: 30px; height: 30px; }
.inpro .nav .con{ display: none; }
.inpro .right{ width: auto; float: none; }
.inpro .right ul li{ width: 48%; }
.inpro .right ul li .tit{ font-size: 14px; height: 35px; line-height: 35px; }

.innews1{ padding: 0 0 20px; }
.innews1 .lmtit{ font-size: 20px; margin-bottom: 0; }
.innews1 .lmjj{ font-size: 14px; }
.innews1 .list{ margin-top: 15px; }
.innewsnr{ width: auto; float: none; }
.innewsnr .more{ font-size: 12px; }
.innewsnr .hd{ margin-bottom: 10px; }
.innewsnr .hd ul li{ padding: 0 15px; font-size: 14px; }
.innewsnr .hd ul li.on{ border-radius: 5px 5px 0 0; }
.innewsnr .bd .one{ padding: 0 0 10px; margin-bottom: 10px; }
.innewsnr .bd .one .pic{ position: static; width: auto; margin-bottom: 10px; }
.innewsnr .bd .one .tit{ position: relative; font-size: 16px; line-height: 30px; height: 30px; }
.innewsnr .bd .one .tit .date{ line-height: 30px; }
.innewsnr .bd .one .jj{ font-size: 14px; line-height: 25px; height: 75px; margin-bottom: 10px; }
.innewsnr .bd ul li{ height: 35px; line-height: 35px; font-size: 14px; }
.innewsnr .bd ul li .date{ line-height: 35px; font-size: 12px; }
.inque{ width: auto; float: none; }
.inquenr .bd ul li{ padding: 7px 0; }

.footer .left{ display: none; }
.footer .right{ float: none; width: auto; background: none; padding: 20px 0; }
.footer .right .top{ display: none; }
.footer .right .flogo{ padding-left: 140px; margin-bottom: 20px; }
.footer .right .flogo p{ font-size: 12px; margin-bottom: 0; }
.footer .right .phone{ font-size: 14px; }
.footer .right .phone span{ font-size: 20px; margin-top: 0; }
.footer .right .qtewm li{ font-size: 14px; height: 35px; line-height: 35px; }
.footer .right .qtewm .xuanf .text{ font-size: 12px; }

.nybanner{ height: 350px; background-size: auto 100% !important; }

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

.nyhengnav ul li{ width: 33.3333%; padding: 0 5px; font-size: 14px; text-align: center; box-sizing: border-box; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; }

.feny a{ padding: 0 5px; font-size: 12px; }

.nypro{ padding: 15px 0 10px; }
.nypro ul li{ width: 48%; margin: 1%; }
.nypro ul li .wz{ padding: 10px; }
.nypro ul li .tit{ font-size: 16px; }
.nypro ul li .ann .ann1{ font-size: 12px; line-height: 35px; }

.showpro{ padding-top: 15px; }
.showpro .info{ padding: 0; min-height: inherit; margin-bottom: 10px; }
.box{ width: 300px; margin: 0 auto 15px; position: static; }
.tb-s310, .tb-s310 a{ width: 300px; height: 225px; }
.tb-s310, .tb-s310 img{ max-width: 300px; max-height: 225px; }
.showpro .info .tit{ padding: 10px; }
.showpro .info .tit .b{ font-size: 18px; }
.showpro .info .tit .s{ font-size: 14px; }
.showpro .info .jj{ font-size: 14px; line-height: 25px; height: auto; margin: 10px 0; }
.showpro .info .conann{ margin-bottom: 10px; width: auto; height: 35px; line-height: 35px; font-size: 14px; float: none; }
.showpro .info .phone{ float: none; margin-left: 0; margin-bottom: 20px; }
.showpro .detail .lmtit{ font-size: 18px; padding: 0 15px; line-height: 50px; }
.showpro .detail .nr{ font-size: 14px; line-height: 25px; }
.showpro .sxp .ann.ann1{ width: auto; margin-bottom: 5px; }
.showpro .sxp{ margin: 10px 0 10px; padding: 0; }
.showpro .sxp .ann.ann2{ position: static; width: auto; margin-bottom: 5px; }
.showpro .sxp .ann.ann3{ position: static; width: auto; margin-bottom: 5px; }

.nycase{ padding: 15px 0 10px; }
.nycase ul li{ width: 48%; }
.nycase ul li .wz{ padding: 5px 10px 10px; }
.nycase ul li .tit{ font-size: 16px; }
.nycase ul li .xian{ width: 20px; margin: 5px 0; }
.nycase ul li .more{ font-size: 12px; }

.renews{ padding: 20px 0 0; }
.repro{ padding: 20px 0 0; }
.repro .lmtit{ margin-bottom: 10px; }
.repro .lmtit span{ font-weight: initial; padding: 0 20px; line-height: 45px; font-size: 18px; }
.repro .list{ width: calc(100% + 10px); left: -5px; }
.repro .list .bd ul li{ width: 50%; }
.repro .list .bd ul li a{ padding: 0 5px; }
.repro .list .bd ul li .tit{ font-size: 14px; line-height: 40px; height: 40px; }
.nyaboutrenews{ padding: 0 10px 20px; }

.shownews{ padding: 15px 0 0; }
.shownews .lmtit{ font-size: 16px; margin-bottom: 5px; }
.shownews .date{ font-size: 12px; padding-bottom: 10px; }
.shownews .wz{ padding: 15px 0; font-size: 14px; line-height: 25px; }
.shownews .wz img{ margin: 5px auto; }
.shownews .sxp .ann.ann1{ width: auto; margin-bottom: 5px; }
.shownews .sxp{ margin: 10px 0 10px; padding: 0; }
.shownews .sxp .ann.ann2{ position: static; width: auto; margin-bottom: 5px; }
.shownews .sxp .ann.ann3{ position: static; width: auto; margin-bottom: 5px; }
.shownews .renews .list ul li{ width: 98%; }
.shownews .renews .list ul li{ padding-right: 100px; line-height: 30px; }

.nyabout{ padding-top: 15px; }
.nyabout .nr{ font-size: 14px; line-height: 25px; }
.nyabout .nr img{ margin: 5px 0; }
.nyabout .lmtit{ font-size: 20px; margin-bottom: 10px; }

.nyvideo{ padding-top: 15px; }
.nyvideo ul{ width: 102%; left: -1%; }
.nyvideo ul li{ width: 48%; margin: 0 1% 2%; }
.nyvideo ul li .pic .fgc{ font-size: 30px; }
.nyvideo ul li .pic{ border-radius: 5px; }
.nyvideo ul li .tit{ margin-top: 0; font-size: 14px; }

.videoxf .nr{ width: 90%; }
.videoxf .nr iframe{ height: 180px; }

.nyabout1{ padding: 20px 0 0; }
.nyabout1 .nr{ padding: 0; }
.nyabout1 .nr .pic{ position: static; width: 100%; margin-top: 10px; }
.nyabout1 .nr .lmtit{ font-size: 20px; }
.nyabout1 .nr .lmxian{ height: 3px; margin: 10px 0; }
.nyabout1 .nr .lmjj{ font-size: 16px; margin-bottom: 10px; }
.nyabout1 .nr .wz{ font-size: 14px; }

.nyaboutcore{ width: 102%; left: -1%; padding: 20px 0; }
.nyaboutcore ul li:nth-child(1),.nyaboutcore ul li{ width: 98%; margin: 1%; float: none; }
.nyaboutcore ul li .fgc{ padding: 20px; }
.nyaboutcore ul li .tit{ font-size: 20px; margin-bottom: 10px; }
.nyaboutcore ul li .jj{ font-size: 14px; line-height: 22px; max-height: 175px; overflow: auto; }

.nyaboutindustry{ padding: 0 0 20px; }
.nyaboutindustry .tit{ font-size: 20px; }
.nyaboutindustry .wz{ font-size: 14px; line-height: 25px; }

.nypiclist{ padding: 15px 0 10px; }
.nypiclist ul li{ width: 48%; }
.nypiclist ul li .tit{ font-size: 14px; height: 35px; line-height: 35px; }

.nynews{ padding-bottom: 15px; }
.nynews ul li{ padding: 15px 0; }
.nynews ul li .pic{ position: static; width: auto; }
.nynews ul li .tit{ font-size: 16px; height: 30px; line-height: 30px; margin-top: 10px; }
.nynews ul li .jj{ font-size: 12px; line-height: 20px; height: 60px; margin-bottom: 10px; }

.nycontact{ padding: 20px 0; }
.nycontact ul li{ padding: 15px; width: 98%; }
.nycontact ul li .tit{ font-size: 20px; margin-bottom: 5px; }
.nycontact ul li .jj{ font-size: 16px; line-height: 25px; }
.nycontact ul li .xian{ margin-top: 20px; }
.nycontact ul li:nth-last-child(2) .jj{ font-size: 14px; line-height: 25px; }

.nycondit .map{ height: 200px; }

.nyconjob{ padding: 20px 0; }
.nyconjob .lmtit{ font-size: 20px; }
.nyconjob .lmjj{ font-size: 14px; }
.nyconjob .list ul li{ padding: 10px; }
.nyconjob .list ul li .tit .date{ font-size: 12px; }
.nyconjob .list ul li .wz{ font-size: 14px; line-height: 25px; padding-top: 10px; }

.nyconmess{ padding: 20px 0; }
.nyconmess .lmtit{ font-size: 20px; margin-bottom: 15px; }
.nyconmess .nr .li{ width: 98%; }
.nyconmess .nr .li .text{ height: 35px; font-size: 14px; }
.nyconmess .nr .li1 .textarea{ font-size: 14px; }
.nyconmess .nr .sub{ height: 35px; font-size: 14px; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {
.nybanner{ height: 300px; }
}
@media only screen and (max-width : 640px) {
.nybanner{ height: 220px; }
}
@media only screen and (max-width : 480px) {
.nybanner{ height: 180px; margin-top: 30px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 130px; margin-top: 30px; }
}