@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; }

.banner{ margin-top: 0; }
.banner .swiper-slide .fgc{ height: auto; padding: 50px 0; text-align: center; }
.banner .swiper-slide .fgc .content{ text-align: center; }
.banner .swiper-slide .fgc .stit{ font-size: 14px; }
.banner .swiper-slide .fgc .tit{ font-size: 20px; }
.banner .swiper-slide .fgc .jj{ font-size: 16px; }
.banner .swiper-slide .fgc .ann{ margin-top: 10px; }
.banner .swiper-slide .fgc .ann a{ margin: 0 5px; zoom:.8; }
.banner .banner-left{ left: 0; zoom:.8; }
.banner .banner-right{ right: 0; zoom:.8; }
.banner .pagination{ bottom: 0px !important; }
.banner .pagination .swiper-pagination-bullet{ overflow: hidden; width: 10px !important; height: 3px !important; background: #fff !important; margin: 0 2px  !important; padding: 0  !important; border-radius: 0  !important; }
.banner .pagination .swiper-pagination-bullet:before{ display: none; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ea0429 !important; }

.intop a{ padding: 0 20px; }

.header{ padding: 0 10px; min-width: initial; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.header .logo{ padding: 10px 0; position: static; float: left; }
.header .logo img{ height: 30px; }
.header .tright{ padding: 5px 0; position: static; float: right; }
.header .tright .cart .ann svg{ height: 20px; }
.header .tright .cart{ margin-right: 10px; }
.header .tright .searchann{ margin-right: 5px; }
.header .inmuen{ display: none; float: none; clear: both; }
.header .inmuen ul li{ display: block; }
.header .inmuen ul li > a{ padding: 0; line-height: 35px; text-align: left; }
.header .inmuen ul li .erji{ position: static; display: none; padding: 10px 0; background: #f5f5f5; box-sizing: border-box; }
.header .inmuen ul li .erji .nr{ padding: 0; }
.header .inmuen ul li .erji .nr .btit{ display: none; }
.header .inmuen ul li .erji .nr .rlist{ padding: 0; border: 0;  }
.header .inmuen ul li .erji .nr .rlist .li{ padding: 0 10px; width: 50%; }
.header .inmuen ul li .erji .nr .rlist .li .sli{ font-size: 12px; }
.header .inmuen ul li:hover .erji{ display: none; }
.tophot{ top: 84px; padding: 10px 0; }
.tophot .li .tit{ padding: 0 10px; }
.headerkg{ height: 143px; }

.searchmain{ top: 84px; }
.searchmain .content{ padding: 30px 10px 40px; }

.inyoustu{ padding: 30px 0; }
.inyoustu ul{ display: flex; flex-wrap: wrap; }
.inyoustu ul li{ width: 33.333%; box-sizing: border-box; padding: 0 15px; }

.inhotpro{ padding: 30px 0; }
.inhotpro .lmtit{ font-size: 25px; margin-bottom: 10px; }
.inprolist .li .tit{ margin-bottom: 15px; }
.inhotprolist .pagination{ margin-top: 15px; }

.inproadv .nr{ padding: 0; }
.inproadv .nr .pic{ position: static; width: 100%; height: auto; padding-bottom: 100%; }
.inproadv .nr .wz{ padding: 30px 15px; }
.inproadv .nr .wz .tit{ font-size: 25px; }
.inproadv .nr .wz .jj{ font-size: 16px; }
.inproadv .nr .wz .more{ font-size: 14px; line-height: 35px; }

.inpronav{ padding: 30px 0; }
.inpronav .lmtit{ font-size: 25px; margin-bottom: 15px; }
.inpronav .list ul li{ margin: 1%; width: 48%; }
.inpronav .list ul li:nth-last-child(1){ display: none; }

.induib{ padding: 30px 0; }
.induib .nr .pic{ float: none; width: 100%; zoom:.8; }
.induib .nr .wznr{ padding: 0; width: auto; margin-top: 10px; }
.induib .nr .swz{ padding: 0; }
.induib .nr .wznr h3{ line-height: 30px; }

.footer .fenx{ padding: 30px 0; }
.footer .mid{ padding: 30px 0; }
.footer .mid .email{ float: none; width: auto; margin-bottom: 15px; }
.footer .mid .fnav{ float: none; width: auto; border-bottom: 1px solid #222; padding: 0; }
.footer .mid .fnav .btit{ margin-bottom: 0; height: 35px; line-height: 35px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 35px; position: relative; }
.footer .mid .fnav .btit:before{ content: "+"; width: 35px; line-height: 35px; text-align: center; color: #fff; position: absolute; right: 0; top: 0; }
.footer .mid .fnav .list{ padding-bottom: 10px; display: none; }
.footer .mid .fnav:hover .list{ display: block; }
.footer .mid .fnav:hover .btit:before{ content: "-"; }
.footer .banq{ padding: 15px 0; }
.footer .mid .email .kk .text{ height: 35px; }
.footer .mid .email .kk .sub{ height: 100%; }

.nypro{ padding: 30px 0; }
.nypro .lmtit{ padding: 10px 0; }
.nypro .advwz h3{ font-size: 25px; line-height: 25px; }
.nypro .pronum{ padding: 10px; margin-bottom: 15px; }
.nypro .nypronav{ float: none; width: auto; }

.nyprolist{ width: auto; float: none; }
.nyprolist ul li{ padding: 10px; width: 48%; }
.nyprolist ul li .tit{ height: 40px; line-height: 20px; }
.nyprolist ul li .pic{ padding: 0; }
.nyprolist ul li .protype{ padding: 10px; }

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

.showproinfo{ padding: 30px 0 0; }
.showproinfo .left{ float: none; margin: 0 auto 15px; width: auto; }
.dfwpic{ zoom:.6; margin: 0 auto; }
.dfwpic .zoom{ margin: 0 auto; }
.dfwpic .dtlist{ zoom:1.3; }
.dfwpic span{ zoom:1.7; }
.showproinfo .left .bbd video{ height: auto; }
.showproinfo .left .bhd{ margin-top: 10px; zoom:.8; }
.showproinfo .right{ float: none; width: auto; }
.showproinfo .right .tit{ font-size: 18px; line-height: 25px; }
.showproinfo .right .price span{ font-size: 22px; }
.showproinfo .right .guiglist .sli .tit{ font-size: 14px; }
.showproinfo .right .guiglist .sli .sprice{ font-size: 12px; }
.showproinfo .right .ann1{ width: 180px; font-size: 14px; }
.showproinfo .right .shul{ margin: 10px 0 20px; }
.showproinfo .right .txpj{ padding: 15px; margin-top: 15px; }

.indingwei{ position: relative; top: -50px; }
.xianggpj{ padding: 30px 0; }
.xianggpj .list ul{ width: 100%; left: 0; }
.xianggpj .list ul li{ width: 100%; margin: 10px 0 0; }
.xianggpj .list ul li .tit{ font-size: 16px; }
.xianggpj .list ul li .price{ font-size: 14px; }
.xianggpj .lmtit{ margin-bottom: 5px; }

.showproxian{ margin: 30px 0; }

.showprodetail .hd{ margin-bottom: 15px; }
.showprodetail .bd ul{ padding: 15px; font-size: 14px; line-height: 25px; }

.huishoupage{ padding: 30px 0; font-size: 14px; line-height: 25px; }
.huishoupage h3{ line-height: 25px; }
.huishoupage h2{ line-height: 50px; }

.nycontact{ padding: 30px 0; }
.nycontact .left{ width: auto; float: none; padding: 0; }
.nycontact .left .lmtit{ font-size: 20px; padding-bottom: 10px; }
.nycontact .left .wz{ padding: 10px 0 20px; }
.nycontact .left .wz .tit{ font-size: 18px; margin-bottom: 5px; }
.nycontact .left .wz .jj{ font-size: 14px; }
.nycontact .left .list .li{ width: 98%; padding: 15px; }
.nycontact .left .list .li .tit{ font-size: 16px; margin-bottom: 5px; }
.nycontact .rmess{ width: auto; float: none; margin-top: 10px; padding: 30px 15px; }
.nycontact .rmess .lmtit{ font-size: 20px; margin-bottom: 10px; }
.nycontact .rmess .li .sub{ line-height: 35px; }

.nynews{ padding: 30px 0; }
.nynews .lmtit{ font-size: 20px; margin-bottom: 15px; }
.nynews .llist{ width: auto; float: none; }
.nynews .llist ul li{ padding: 0 0 15px; margin-bottom: 15px; min-height: initial; }
.nynews .llist ul li .pic{ position: relative; width: auto; margin-bottom: 10px; }
.nynews .llist ul li .ann{ line-height: 35px; }
.nynews .llist ul li .tit{ font-size: 16px; }
.nynews .right{ width: auto; margin-top: 20px; }
.nynews .right .nav{ padding: 15px; margin-bottom: 10px; }
.nynews .right .renews{ padding: 15px; }

.shownews{ width: auto; float: none; }
.shownews .tit{ font-size: 18px; line-height: 25px; }
.shownews .pre{ margin-top: 20px; padding: 10px 0; }
.shownews .pre .li,.shownews .pre .li:nth-child(2){ width: 100%; text-align: left; padding: 10px; }
.shownews .pre .li a{ font-size: 14px; }

.uindex{ padding: 30px 0; }
.uindex .unav{ width: auto; float: none; margin-bottom: 15px; }
.uindex .uright{ float: none; width: auto; }
.ugerenzx .top{ margin-bottom: 15px; }
.ugerenzx .top .linfo{ width: auto; margin: 0; float: none; padding: 30px 15px; min-height: initial; margin-bottom: 15px; }
.ugerenzx .top .liuljl{ width: auto; float: none; padding: 15px; min-height: initial; }
.ugerenzx .top .linfo a{ font-size: 12px; }
.ugerenzx .top .liuljl .lmtit{ font-size: 18px; }
.ugerenzx .top .liuljl .more{ font-size: 12px; }
.ugerenzx .top .liuljl .list .li .tit{ font-size: 14px; }

.uedit{ padding: 15px 15px 25px; }
.uedit .info{ padding: 15px 15px 15px 65px; margin-bottom: 10px; }
.uedit .editnr .li{ width: 98%; }

.uorder{ padding: 15px 15px 25px; }
.uorder .lmtit{ margin-bottom: 5px; }
.uorder .lmtit span{ float: none; font-size: 18px; }
.uorder .lmtit .kk{ width: auto; float: none; margin-bottom: 15px; }
.uorder .list ul li .btit .num{ float: none; line-height: initial; }
.uorder .list ul li .btit .oid{ float: none; margin: 0; }
.uorder .list ul li{ margin-bottom: 10px; }
.uorder .list ul li table{ width: 1000px;}
.uorder .list ul li .soll{ overflow-x: auto; }
.uorder .list ul li .btit .zt{ float: none; line-height: 30px; }
.uorder .list ul li .btit .payann{ line-height: 30px; }
.uorder .nothing{ padding: 15px 0 20px; }
.uorder .nothing .ico{ zoom:.6; }
.uorder .nothing .tit{ font-size: 16px; margin-bottom: 10px; }

.ushoworder .orderinfo{ padding: 15px 15px 25px; margin-bottom: 15px; }
.ushoworder .orderinfo table{ display: block; width: 100%; }
.ushoworder .orderinfo table tbody{ display: block; }
.ushoworder .orderinfo table tr{ display: block; }
.ushoworder .orderinfo table th, .ushoworder .orderinfo table td{ display: block; width: auto; text-align: left; }
.ushoworder .prolist{ padding: 15px; }
.ushoworder .prolist .soll{ overflow-x: auto; }
.ushoworder .prolist table{ min-width: 1000px; }
.ushoworder .prolist th{ font-size: 14px; }
.ushoworder .orderinfo .lmtit{ font-size: 18px; }
.ushoworder .prolist .lmtit{ font-size: 18px; }

.ufavourites{ padding:  15px 15px 25px; }
.ufavourites th{ font-size: 14px; }
.ufavourites .soll{ overflow-x: auto; }
.ufavourites table{ min-width: 800px; margin-bottom: 0; }
.ufavourites .lmtit span{ font-size: 18px; }

.nycart{ padding: 30px 0; }
.nycart .lmtit{ font-size: 20px; }
.nycart .nothing .tit{ font-size: 18px; }
.nycart .nothing{ margin: 20px 0 10px; }
.nycart .cartann a{ zoom:.8; }
.nycart .carttable .soll{ overflow-x: auto; }
.nycart .carttable table tr td{ padding: 10px; }
.nycart .carttable table tr td .proli{ zoom:.8; }
.nycart .carttable table{ min-width: 1000px; }
.nycart .zongji{ padding: 20px 0; }
.nycart .zongji .tishi{ float: none; }
.nycart .zongji .right{ float: none; margin-top: 10px; text-align: center; }
.nycart .zongji .right .s{ font-size: 14px; }
.nycart .zongji .right .b{ font-size: 20px; }
.nycart .cartann a{ float: none !important; margin: 10px auto 0; width: 100%; }

.nyreg{ padding: 30px 0; }
.nyreg .nr{ padding: 30px; }
.nyreg .nr{ zoom:.9; }

.nyconfirmorder{ padding: 30px 0; }
.nyconfirmorder .lmtit{ font-size: 20px; }
.nyconfirmorder .nr{ margin-top: 10px; }
.nyconfirmorder .nr .orderinfo{ width: auto; float: none; margin-bottom: 15px; }
.nyconfirmorder .nr .orderinfo .slmtit{ font-size: 18px; }
.nyconfirmorder .nr .mess{ float: none; width: auto; padding: 0; border: 0; }
.nyconfirmorder .nr .mess .slmtit{ font-size: 18px; margin-bottom: 10px; }
.nyconfirmorder .nr .mess .li{ zoom:.9; }
.nyconfirmorder .nr .mess .li.li1{ margin-top: 15px; }
.nyconfirmorder .nr .mess .li .sub{ zoom:.9; margin-top: 15px; width: 100%; }
.nyconfirmorder .nr .mess .li .tis{ line-height: 20px; }

.nypage .lmtit{ padding: 15px 0; }
.nypage .lmtit .tit{ font-size: 20px; }
.nypage .wz{ padding: 30px 0; font-size: 14px; line-height: 25px; }

.nybanner{ height: 200px; }

.nyoffers{ padding: 30px 0; }
.nyoffers .lmtit{ font-size: 25px; margin-bottom: 15px; }
.nyoffers .nyoffersnr .li{ padding: 0; min-height: initial; }
.nyoffers .nyoffersnr .li .pic{ width: 100%; height: auto; padding-bottom: 100%; position: static; }
.nyoffers .nyoffersnr .li .rwz{ padding: 10px 0 0; }
.nyoffers .nyoffersnr .li .rwz .tit{ font-size: 25px; margin-bottom: 5px; }

.nyyoushi{ padding: 15px 0; }
.nyyoushi ul li{ width: 50%; padding: 15px; }

.nystorybanner{ padding: 80px 10px; }
.nystorybanner .lmtit{ font-size: 25px; margin-bottom: 10px; }
.nystorybanner .lmjj{ font-size: 14px; line-height: 22px; }

.nyhistory{ padding: 30px 0 0; }
.nyhistory .list .xian{ left: 10px; width: 1px; height: 100%; }
.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; }
.nyhistory .list ul li .dian{ left: 13px; top: 3px; width: 12px; height: 12px; }
.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: 10px; font-weight: bold; line-height: 25px; }
.nyhistory .list ul li .wz .jj{ font-size: 14px; line-height: 22px; }
.nyhistory .list ul li:hover .pic,.nyhistory .list ul li:hover .wz{ transform: translateY(-10px); }

.nyque{ padding: 30px 0; }
.nyque .lmtit{ font-size: 25px; }
.nyque .slmtit{ font-size: 20px; margin-bottom: 5px; }
.nyque .nav ul{ display: block; overflow-x: auto; white-space: nowrap; }
.nyque .list .btit{ font-size: 20px; }
}
@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) {

}