@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1600px) {
.inpro ul li .fgc{ padding: 0 60px; }
.inpro ul li .fgc .wz{ max-width: 350px; }
.nypro .nypronr{ padding: 0 130px; }
.nyjoin ul li .pic,.nyjoin ul li .wz{ min-height: 600px; }
.nyjoin ul li .wz1{ font-size: 18px; line-height: 35px; }
}
@media only screen and (max-width : 1400px) {
.nycart .content{ max-width: 1100px; }
.nydingzlist .content{ max-width: 1100px; }
.nydingzlist .list ul li .tit{ font-size: 30px; }
.nydingzlist .list ul li .jj{ font-size: 20px; }

.inpro1 ul li .wzxf{ padding: 20px 40px; }
}
@media only screen and (max-width : 1200px) {
.inpro1 ul li .wzxf{ zoom:.8; }
.inpro1 ul li{ padding-left: 480px; }
.inpro1 ul a:nth-child(even) li{ padding-right: 480px; }
}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: initial; }
.content{ padding: 0 10px; }
.header{  box-shadow: 0 0 10px rgba(0,0,0,.1); }
.header .logo{ float: left; margin: 0; padding: 15px 0; }
.header .logo img{ height: 20px; }
.nav_handle{ display: block; }
.header .inmuen{ display: none; float: none; width: auto; clear: both; }
.header .inmuen ul li,.header.header_on .inmuen ul li{ display: block; float: none; padding: 0; font-size: 16px; line-height: 35px; }
.header .inmuen ul li span{ right: 0; top: 50%; margin-top: -10px; }
.banner{ margin-top: 50px; }
.header.header_on .logo{ padding: 15px 0; }
.banner .banner-left{ left: 10px; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; }
.banner .banner-right{ right: 10px; width: 30px; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; }
.banner .pagination{ bottom: 0; }
.inpro ul li .fgc{ padding: 0 20px; }
.inpro ul li .fgc .wz .jj{ display: none; }
.inpro ul li .fgc .wz .tit{ font-size: 16px; }
.inpro ul li .fgc .wz .xian{ height: 1px; width: 40px; margin: 5px 0 10px; }
.inpro ul li .fgc .wz .price{ font-size: 16px; margin-bottom: 10px; }
.inpro ul li .fgc .wz .ann{ font-size: 14px; width: 100px; height: 30px; line-height: 30px; }
.footer{ padding: 20px 0 0; margin-top: 20px; border-top: 1px solid #eee; }
.footer .fnav{ width: 33.333%; float: left; }
.footer .fnav .tit{ font-size: 16px; margin-bottom: 10px; }
.footer .fnav a{ font-size: 14px; height: 25px; line-height: 25px; }
.footer .phone{ float: none; width: auto; clear: both; padding-top: 15px; }
.footer .ewm{ float: none; margin: 15px auto 0; }
.footer .ewm .pic{ margin: 0 auto; }
.footer .phone .ann{ width: auto; }
.footer .bhh{ padding: 0 0 10px; }
.footer .banq{ padding: 15px 0; font-size: 18px; }

.nypro{ padding: 70px 0 0; }
.nypro .nypronr{ padding: 0 60px; }
.nypro .nypronr .bd ul li{ width: 100%; }
.nypro .nypronr .bd ul li a{ padding: 10px; }
.nypro .nypronr .bd ul li .li{ border-radius: 10px; }
.nypro .nypronr .prev, .nypro .nypronr .next{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; opacity: 1; }
.nypro .nypronr .prev{ left: 10px; margin-top: -20px; }
.nypro .nypronr .next{ right: 10px; margin-top: -20px; }

.showpro{ padding: 70px 0 0; }
.showpro .info{ min-height: initial; padding: 0; margin-bottom: 20px; }
.showpro .info .pic{ width: auto; position: static; }
.showpro .info .tit{ font-size: 18px; padding: 10px 0 0; margin-bottom: 5px; }
.showpro .info .jj{ margin-bottom: 10px; }
.showpro .info .guig .list .li .secai{ height: 50px; }
.showpro .info .guig .list .li .wz{ height: 50px; line-height: 50px; font-size: 16px; }
.showpro .info .guig{ margin-bottom: 20px; }
.showpro .info .ann{ margin-bottom: 20px; font-size: 14px; }
.showpro .detail{ font-size: 14px; line-height: 25px; }

.nycart{ padding: 70px 0 0; }
.nycart .nr{ padding: 0; }
.nycart .nr .rightnr{ position: static; width: auto; }
.nycart .nr table{ display: block; padding-bottom: 10px; overflow-x: scroll; }

.nydingztit{ padding: 70px 0 20px; }
.nydingztit .tit{ font-size: 20px; margin-bottom: 10px; }
.nybanner{ margin-top: 0; }
.nydingztit .erji .wz{ font-size: 14px; }
.nydingzlist{ padding: 20px 0 0; }
.nydingzlist .lmtit{ font-size: 20px; margin-bottom: 10px; }
.nydingzlist .list ul li{ width: 100%; padding: 15px; }
.nydingzlist .list ul li .tit{ font-size: 18px; margin-bottom: 10px; }
.nydingzlist .list ul li .jj{ font-size: 14px; line-height: 25px; }
.nydingzlist .list ul li .jj img{ vertical-align: middle; }

.nyabout{ padding: 70px 0 0; font-size: 14px; line-height: 25px; }
.nyabout h2{ font-size: 16px; }

.nyjoin{ padding: 50px 0 0; }
.nyjoin ul li .pic, .nyjoin ul li .wz{ min-height: 300px; }
.nyjoin ul li .pic{ width: auto; float: none; }
.nyjoin ul li .wz{ width: auto; float: none; }
.nyjoin ul li .wz .fgc{ padding: 15px; }
.nyjoin ul li .wz1{ font-size: 14px; line-height: 25px; }

.nychax{ padding: 20px 0 0; }
.nychax .kk{ width: 100%; box-sizing: border-box; }
.nychax .kk .sub{ width: 80px; height: 40px; font-size: 14px; }
.nychax .kk{ padding-right: 80px; }
.nychax .kk .text{ height: 40px; font-size: 14px; padding: 0 10px; }

.fillordernr .paymet .li{ width:90px;}
.fillordernr .info em{ clear:both; width:100%; text-align:left;}
.fillordernr .info .text1{ max-width:inherit; margin:0;}

.buzou{ margin-top: 70px; margin-bottom: 10px; }
.fillorder .lmtit .tit{ font-size:18px;}
.fillordernr .info .text1{ margin-bottom:10px; margin-right:0; max-width:none; box-sizing:border-box;}
.fillordernr .info .text2{ margin-bottom:10px; box-sizing:border-box;}
.fillorder .orderinfo .bmordertit{ display:none;}
.fillorder .orderinfo .smorderstit{ display:inline-block; color:#666;}
.fillorder .orderinfo td{ padding:8px; display:block; width:100% !important;}
.fillordernr .smtit{ text-align:left;}
.fillordernr .smtit .jies{ display:block; text-align:center; margin:0; margin:5px 0;}

.webshow{ display: none !important; }
.wapshow{ display: block !important; }

.inpro1 ul li,.inpro1 ul a:nth-child(even) li{ padding: 0; }
.inpro1 ul li .wzxf{ position: static; padding: 20px; box-sizing: border-box; width: auto; }
.inpro1 ul li .wzxf .tit{ font-size: 25px; }
}
@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) {

}