@charset "utf-8";

@media screen and (max-width: 1919px) {
    .f26 {font-size: 20px;}
    .idxhotproright {padding-bottom: 0px;}
    .idxprospdesc {height: auto;}
    .aboutcore {padding-left: 36%;}
    .aboutintro {position: unset;background: url(../images/aboutusbg_01.jpg) no-repeat center top;background-size: 100% 100%;}
    .abpageitem1 ,.abbrandimg,.abprobg,.abquabg ,.cattouch{display: none;}
    .aboutcorelist ul li {width: 32%;margin-right: 2%;padding:20px;}
    .aboutcorelist ul li:last-child {margin-right: 0px;}
    .abbrandbox {position: unset; background: url(../images/aboutusbg_02.jpg) no-repeat center top;background-size: 100% 100%;}
    .abprobox  {position: unset; background: url(../images/aboutusbg_03.jpg) no-repeat center top;background-size: 100% 100%;}
    .abqualitem {position: unset;background: url(../images/aboutusbg_04.jpg) no-repeat center top;background-size: 100% 100%;}
    .cattouchitem {position: unset; background: url(../images/contactbg_01.jpg) no-repeat center top;background-size: 100% 100%;}
    
}
@media screen and (max-width: 1768px) {
    .idxproduct {top: 50%;}
    .idxprolist {margin-top: 120px;}
    .idxhotprocon {padding-top: 100px;}
    .idxzsname {margin-top: 200px;}
    .idxzsimgs {background-position-y: 320px;}
    .idxmess {padding: 200px 0px;}
    .footbottom {margin-top: 100px;padding-bottom: 38px;}
}

@media screen and (max-width: 1616px) {
    .idxhotproconbox {padding-left: 5%;}
    .idxhotproright .swiper-button-next, .idxhotproright .swiper-button-prev {left: 5%;top: 300px;}
    .idxhotproright .swiper-button-next {left: 10%;}
    .idxhotproleftdesc {margin-top: 200px;}
    .idxzsimgs {background-position-y: 310px;}
}

@media screen and (max-width: 1515px) {
    .idxzsimgs {background-position-y: 290px;}
    .idxjoinus {padding-top: 100px;}
    .f26 {font-size: 18px;}
    .prolistr_img {height: 380px;}
    .prodetopr_exp h4 {align-items: flex-start;}
    .proquanum .proquaprice {margin-right: 20px;}
    .f48 {font-size: 40px;}
    .abbrboxl {width: 50%;}
    .abbrboxr {width: 45%;}
    .abprolistswiper .swiper-slide {width: 380px;}
    .abprolistimg {height: 380px;}
    .abprolistdesc {padding: 20px;}
    .abquaboxrtop_l {width: 45%;}
    .abquaboxrtop_r {width: 50%;}
    .catjoin {padding-top: 200px;}
    .cattouchitem,.cattchform {padding-top: 200px;}
}

@media screen and (max-width: 1444px) {
    .idxproitem {width: 400px;height: 500px;padding: 30px;}
    .prolistswiper .swiper-slide {width: 380px;}
    .idxhotproright {padding-bottom: 0px;}
    .idxprospimg {height: 450px;}
    .idxprospdesc {height: auto;padding-bottom: 0px;}
    .idxhotproleft {padding-top: 0px;}
    .idxhotproleftdesc a {margin-top: 50px;}
    .idxzsimgs  {background-position-y: 275px;}
    .shopliinfobotr {width: 35%;}
}

@media screen and (max-width: 1370px) {
    .idxhotproright .swiper-button-next, .idxhotproright .swiper-button-prev {top: 150px;}
    .banenrtext h1 {margin-bottom: 0px;}
    .idxzsimgs {background-position-y: 257px;}
    .f72 {font-size: 54px;}
    .f64 {font-size: 46px;}
    .f32 {font-size: 28px;}
    .idxprolist {margin-top: 80px;}
    .idxhotprocon {padding-top: 0px;}
    .idxjoinus {padding-top: 0px;}
    .prolistr_img {height: 320px;}
    .aboutcore {padding-left: 30%;}
    .aboutcorelist ul li {height: 400px;}
}

@media screen and (max-width: 1285px) {
    .f26 {font-size: 16px;}
    .idxzsimgs {background-position-y: 240px;}
    .idxjoinus {padding-top: 50px;}
    .idxmess {padding: 130px 0px;}
    .proquanum p.iconfont {padding: 0px;}
    .proquanum .proquaprice {margin-right: 0px;width: 100%;text-align: right;margin-bottom: 20px;}
    .prodetopr_qua form {width: 40%;}
    .abtintrimg_s {padding: 200px 10% 15px;}
    .abtintrimg_b {width: 50%;padding-left:20px;}
    .shopliinfo {width: 80%;}
    .personalbox {padding: 0px 5%;}
}

@media screen and (max-width: 1200px) {
    .idxhotprocon {padding-top: 50px;}
    .idxaboutleft p {width: 80%;}
    .idxaboutleft {padding-top: 70px;}
    .idxaboutleft a {margin: 50px 0px;}
    .idxproduct {top: 45%;}
    .idxhotproright .swiper-button-next, .idxhotproright .swiper-button-prev {top: 200px;}
    .idxhotproright .swiper-button-next {left: 12%;}
    .idxzsname {margin-top: 130px;}
    .idxzsicolist ul li {margin: 0px 50px;}
    .idxzsicolist {margin: 50px 0px;}
    .idxzsimgs {background-position-y: 213px;background-size: 100%;}
    .idxjoinusbox {height: 450px;}
    .f60 {font-size: 40px;}
    .messinput {font-size: 20px;}
    .prolistright ul li {width: 48%;}
    .prolistright ul li:nth-child(2n) {margin-right: 0px;}
    .prolistright ul li:nth-child(3n) {margin-right: 2%;}
    .prolistr_img {height: 420px;}
    .prodetopr_cs table tr td {height: 40px;font-size: 14px;}
    .f40 {font-size: 30px;}
    .prodetopr_price table tr td p {font-size: 20px;}
    .prodetopl .gallery-thumbs .swiper-slide {height: 70px;}
    .prodetopl {height: 590px;}
    .abbrboxlleft h3 {margin-top: 300px;}
    .abbrboxlright {width: 55%;}
    .abprolistswiper .swiper-slide {width: 300px;}
    .abprolistimg {height: 300px;border-radius: 8px;}
}

@media screen and (max-width: 1100px) {
    .toplogo {margin-right: 50px;}
    .topicons ul li,.toplogin {margin-left: 25px;}
    .prodetail_loginprice {margin-left: 0px;}
    .idxaboutleft {padding-top: 0px;}
    .f32 {font-size: 22px;}
    .f20 {font-size: 18px;}
    .f18 {font-size: 16px;}
    .f16 {font-size: 13px;}
    .f64 {font-size: 38px;}
    .f48 {font-size: 40px;}
    .prolistswiper .swiper-slide {width: 260px;}
    .idxprospimg {height: 330px;}
    .f26 {font-size: 12px;}
    .idxhotproleftdesc {margin-top: 150px;}
    .idxzsimgs {background-position-y: 185px;}
    .idxjoinus {height: auto;}
    .prolistr_img {height: 300px;}
    .abbrboxrdesc {width: 100%;right: 0px;padding: 0px 20px;}
    .abquaboxrtop_l ul li img {height: 25px;}
    .searchtcbox {width: 90%;padding: 50px 20px;}
}

@media screen and (max-width: 992px) {
    .topnav ul li {margin: 0px 10px;}
    .f72 {font-size: 40px;}
    .idxproduct {top: 48%;}
    .idxproitem {width: 250px;height: 300px;padding: 15px;}
    .idxprolist {margin-top: 50px;}
    .idxproitemtop h3 {margin: 10px 0px ;}
    .idxpromore {height: 40px;}
    .f32 {font-size: 20px;}
    .f20 {font-size: 16px;}
    .f16 {font-size: 12px;}
    .f18 {font-size: 14px;}
    .f60 {font-size: 30px;}
    .idxhotproleftdesc p {width: 300px;line-height: 1.6;}
    .idxhotproright .swiper-button-next {left: 14%;}
    .idxzsicolist ul li {margin: 0px 25px;}
    .idxzsicolist ul li img {height: 40px;}
    .idxzsname {margin-top: 80px;}
    .idxjoinusbox {height: auto;}
    .idxjoinusboxtxt p {margin:40px 0px;line-height: 1.6;padding: 0px 20%;}
    .idxhotprobg {margin-bottom: 150px;}
    .idxzsimgs {background-position-y: 135px;}
    .footboxl {width: 60%;}
    .prodetopl {width: 100%;}
    .prodetopr {width: 100%;padding-top: 50px;}
    .prodetopl .gallery-thumbs .swiper-slide {height: 100px;}
    .prodetopl {height: 680px;}
    .prodetopr_qua form {width: 20%;}
    .protjpros_box .swiper-button-next, .protjpros_box .swiper-button-prev {top: 20px;}
    .abtintrimg_s {padding: 100px 5% 15px;}
    .abtintrimg_bimg {height: auto;}
    .abtintrimgr_b {height: 200px;width: 200px;left: -200px;}
    .abbrboxl {width: 100%;}
    .abbrboxlleft h3 {margin-top: 130px;}
    .abbrboxr {width: 100%;margin-top: 50px;}
    .abquaboxrtop_l h3 {padding-left: 5px;}
    .shopliinfo {width: 70%;}
    .shopliinfobotr {width: 50%;}

}

@media screen and (max-width: 767px) {
    .waptop {z-index: 9999;}
    .waptop.fixednav {height: 60px;}
    .waptopbox {width: 100%;height: auto;padding: 10px;}
    .waptoplogo a img {height: 40px;}
    .wapmenuicon {height: 30px;filter: grayscale(1000%) invert(1);}
    .waptopicon span.iconfont {font-size: 20px;color: #fff;margin-right: 10px;}
    .wapxlnav {position: fixed;top: 60px;left: 0px;width: 100%;height: 100%;background: rgba(15, 0, 27, 0.5);z-index: 9999;display: none;}
    .wapxlnavbox {background-color: #030303;padding: 20px 15px 50px;}
    .wapxlnavbox ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 10px 0px;}
    .wapxlnavbox ul li a {color: #fff;font-size: 16px;line-height: 2;}

    .idxaboutbg,.idxhotprobg,.idxjoinbg {display: none;}
    .idxproduct ,.idxaboutbox,.idxhotprocon,.idxjoinus{position: unset;}
    .idxaboutbox {background: url(../images/idxaboutbg.jpg) no-repeat center top;background-size: 100% 100%;}
    .idxjoinus {background: url(../images/bgpic2.jpg) no-repeat center bottom;background-size: 100% 600px;}
    .idxaboutleft {width: 100%;padding-top: 50px;text-align: center;}
    .idxaboutright,.idxaboutleft p {width: 100%;}
    .idxaboutleft a {margin: 30px auto 40px;}
    .idxaboutright {padding: 30px ;}
    .idxproduct {margin-top: 50px;}

    .idxhotprocon {margin-top: 100px;background: url(../images/idxprosbg.jpg) no-repeat center top;background-size: 100% 100%;}
    .idxhotproconbox {padding-left: 0px;}
    .idxhotproleft,.idxhotproleftdesc p {width: 100%;text-align: center;}
    .idxhotproleftdesc {margin-top: 30px;text-align: center;}
    .idxhotproleftdesc h4 {margin-bottom: 20px;}
    .idxhotproleftdesc a {margin: 30px auto;}
    .idxhotproright {width: 100%;margin-left: 0px;}
    .idxhotproright .swiper-button-next, .idxhotproright .swiper-button-prev {top: 635px;}
    .idxhotproright .swiper-button-next {left: unset;right: 20px;}

    .idxzhengshu {width: 90%;margin: 0px auto;}
    .idxzsname h4 {margin: 30px 0px;line-height: 1.6;}
    .idxzsicolist ul li {margin: 0px 10px;}
    .idxzsicolist ul li img {height: 30px;}
    .idxzsswiper {width: 100%;}
    .idxzsimgs {background-position-y: 105px;background-size: 100%;padding-bottom: 50px;}
    .idxjoinusbox ,.idxjoinusbox img{border-radius: 10px;}
    .idxjoinusboxtxt {position: unset;padding: 40px 0px 50px;}

    .idxmess {padding: 80px 0px;}
    .idxmessl {width: 100%;margin-bottom:30px;}
    .idxmessr {width: 100%;}
    .messinput {font-size: 16px;}

    .footbox {display: none;}
    .footboxtop {margin-bottom: 50px;}
    .footbottom {margin-top: 0px;justify-content: center;}
    .footcopy {width: 100%;text-align: center;}
    .footfast {display: flex;justify-content: center;padding-top:10px ;}
    .footfast a {margin: 0px 10px;}

    .xuanfu {right: 10px ;bottom: 10px;}
    .f72,.f48 {font-size: 26px;}
    .f64,.f60  {font-size: 24px;}
    .f24,.f40 {font-size: 18px;}
    .prodetoprt h2 {line-height: 1.4;}
    .prodetopr_price table tr td p ,.prodetopr_price table tr td{font-size: 16px; line-height: unset;}
    .prodebotr_title {padding: 15px;}
    .proname {padding-top: 60px;}
    .prolistleft {width: 100%;}
    .prolistright {width: 100%;}
    .prolistright ul li {width: 100%;margin-right: 0px;}
    .prolistright ul li:nth-child(2n) {margin-right: 0px;}
    .prolistright ul li:nth-child(3n) {margin-right: 0%;}
    .prolistr_img {height: auto;}
    .prolistr_desc{padding: 15px;}
    .prolistleft ul {display: flex;width: 100%;justify-content: space-between;}
    .proli_sx {display: none;}
    .prolistleft ul li {margin-bottom: 0px;position: relative;}
    .proli_botbtn ,.prolist{margin: 20px 0px 50px;}
    .prolistleft ul li h2 {margin: 0px;font-size: 14px;padding: 15px;background-color: rgba(214, 163, 255, 0.4);}
    .wapprolistleft .proli_sx {width: 200px;position: absolute;top: 45px;left: 0px;background-color: #fff;z-index: 99;padding: 10px 5px;}
    .proli_sx input[type="checkbox"] {width: 15px;height: 15px;}
    .neipagetop .waptopicon span.iconfont {color: #030303;}
    .neipagetop .wapmenuicon {filter: unset;}

    .prodetopl {height: 370px;}
    .prodetopl .gallery-thumbs .swiper-slide {height: 50px;border-radius: 4px;}
    .prodetopl .gallery-top .swiper-slide {border-radius: 8px;}
    .prodetail {margin: 60px 0px;}
    .prodetopr_price table tr td span {font-size: 13px;}
    .prodetopr_exp h4 span {padding-top: 8px;}
    .prodetopr_qua form {width: 40%;}
    .prodetopr_total p {margin-left: 15px;}
    .prodebot {margin-top: 60px;padding: 40px 20px;}
    .prodebotl {width: 100%;margin-bottom: 30px;}
    .prodebotr {width: 100%;}
    .prodebotr_title h3 {width: 80%;}
    .promess ,.protjpros{padding: 60px 0px;}
    .promess_boxl {width: 100%;margin-bottom: 30px;}
    .promess_boxr {width: 100%;}
    .prodetopl .swiper-button-next, .prodetopl .swiper-button-prev,.protjpros_box .swiper-button-next, .protjpros_box .swiper-button-prev {width: 36px;height: 36px;}
    .prodetopl .swiper-button-next:after, .prodetopl .swiper-button-prev:after,.protjpros_box .swiper-button-next:after, .protjpros_box .swiper-button-prev:after {font-size: 12px;}
    .protjpros_box .swiper-button-prev {right: 45px;}
    .aboutintrobox {padding: 60px 0px 0px; width: 100%;}
    .aboutintroboxr {width: 100%;margin-top: 30px;}
    .abtintrimg_s {padding: 40px 5% ;width: 100%;}
    .abproboxname h3 {margin-left: 0px;}
    .abtintrimg_b {width: 100%;padding-left: 0px;}
    .abtintrimgr_b {position: unset;width: 100%;height: auto;margin: 30px 0px;}
    .aboutcore {width: 100%;padding-left: 0px;margin-top: 60px;}
    .aboutcorelist ul li {width: 100%;height: auto;margin-bottom: 20px;}
    .aboutcorename h3 {width: 100%;padding: 0px 20px;}
    .aboutcorelidesc {min-height: auto;}
    .aboutcorelidesc h5 {margin: 10px 0px;}
    .aboutcorelist ul li {margin: 0px auto 20px; width: 90%;}
    .aboutcorelist ul li:last-child {margin: 0px  auto;}
    .abbrbox {margin-top: 100px;}
    .abbrboxlleft {width: 100%;}
    .abbrboxlleft h3 {margin: 40px 0px;}
    .abbrboxlright {margin: 50px auto 0px;width: 100%;}
    .abbrboxr img {border-radius: 8px;}
    .abprobox {padding: 60px 10px;}
    .abproboxname h2 {width: 100%;margin: 0px 0px 40px;}
    .abprolist {margin-top: 50px;}
    .abqualitybox {padding-top: 40px;}
    .abquaboxrtop_l,.abquaboxr {width: 100%;}
    .abquaboxrtop_l h3 {padding: 20px 0px;}
    .abquaboxrtop_l ul {margin: 20px 0px 60px;width: 100%;padding: 0px;}
    .abquaboxrtop_r {width: 100%;}
    .abquaboxrtop_r img {height: auto;border-radius: 8px;}
    .abquaboxrbot {margin-top: 60px;}
    .abfoot {padding-top: 100px;}
    .cattchname {width: 100%;}
    .cattouchitem {padding-top: 100px;}
    .cattchform {width: 100%;padding-top: 60px;}
    .cotactlist {margin-top: 60px;}
    .cotactlist ul li {width: 100%;margin-bottom: 30px;}
    .cotactlist ul li h4 {padding: 20px 0px;}
    .contactmap {margin-top: 60px;}
    .catjoin {padding-top: 100px;}
    .sehrsltbot {padding: 0px;}
    .langboxitem {width: 50%;}
    .shoppage {padding-top: 60px;}
    .shopleft {width: 100%;}
    .shopright {width: 100%;}
    .shopliimg {width: 30%;height: auto;}
    .shopliinfo {width: 65%;margin-top: 0px;}
    .shopliinfobot {margin-top: 15px;}
    .shopformbox input {font-size: 15px;}
    .shopliinfotopl {width: 80%;}
    .shopformlist ul {margin-top: 30px;}
    .shopformbox {padding: 30px;justify-content: center;}
    .personalmain {padding-top: 70px;}
    .personalpage {padding: 60px 0px;}
    .personalbox {padding: 0px;}
    .accounttopname {padding:20px 10px;}
    .acctopnamer a {width: 120px;}
    .addressbox,.editnamebox {width: 100%;height: auto;}
    .ednameinput input {width: 100%;}
    .forgetbtnbox button {width: 100px;height: 40px;}
    .addressinput,.addressform .ednameinput {margin-top: 0px;}
    .ednameinput input,.addressinput input {height: 40px;}
    .addressbox {padding: 30px 20px;}
    .xohistoryboxl h4 span {margin-left: 20px;}
    .accounttopsort a {width: 50%;}
    .currency_dropdown_menu {min-width: 80px;}
    .prolistr_desc h3 {height: auto;}
    .toploginuser,.toplogin {margin-left:10px;margin-right: 5px;}
    .toploginuser a ,.toplogin a{padding: 10px;background-color: #6b24b0;height: auto;width: auto;line-height: unset;}
    .toploginuser a .avatar-img {display: none;}
    .toploginuser a span {font-size: 12px;}
    .currency_li a,.currency_li a.show {color: #fff;font-size: 12px;}
    .wapsort43 .currency_li a,.wapsort43 .currency_li a.show,.neipagetop .currency_li a, .neipagetop .currency_li a.show {color: #030303;}
    .registbox {width: 100%;}
    .loginreg h4 {margin-right: 20px;}
    .registboxbott input[type="text"], .registboxbott input[type="password"],.forgetyxbox input {margin-bottom: 10px;height: 40px;font-size: 14px;}
    .registboxtop span ,.forgettname span{font-size: 16px;}
    .regxy input[type="checkbox"] {width: 18px;height: 18px;}
    .regcaptchabtn {margin: 20px 0px ;}
    .loginitembox input {margin-top: 20px;}
    .forgetyxbox span {margin: 15px 0px;}
    .addressinput input,.ednameinput input,.ednamemail {font-size: 15px;}
    .layui-form-select .layui-select-title .layui-input {border-radius: 0px;}
    .addaddressxy  span {padding-left: 10px;}
    .xohistorybox {padding: 15px 10px;}
    .xohistoryboxbot {padding: 10px 15px;}
    .prolistr_maskbox {opacity: 1;}
    .cart-count {right: 0px !important;background-color: #6b24b0 !important;padding: 2px 5px !important;}
    .prolistr_maskbox p {margin-left: 10px;}
    .proquanuminput {width: 80px;}
    .proquanum p.iconfont {padding: 3px;}
    .cotactlist ul li a {display: block;}
    .prodetail_loginprice {margin: 0px ;}
    .prolistr_desc h4 {height: auto;}
    .prolistpages ul li a, .prolistpages ul li span {font-size: 12px;padding:3px 6px;}
}

@media screen and (max-width: 380px) {
    /* .prolistleft ul li h2 {padding: 2px;} */
}