@media(max-width:767px){ body{padding-top:60px;min-width:auto;} .boxTop{display:none} .boxTopM{ display:block} .banner{display:none} .bannerM{display:block} .boxFoot{padding:20px 10px; text-align:center} .boxFoot span{float:none; display:block; padding:0 0 12px 0; margin-bottom:10px; border-bottom:1px solid #515151;} .boxFoot1{margin:0 auto; font-size:10px} .boxFoot1 p{ font-size:12px;} .boxFoot1 i{display:block} .boxFoot1 font{display:block; margin:0} /*.boxFoot span font a:last-child{border-right:1px solid #8d8d8d;}*/ #btnRev{display:inline-block;} .boxIndex{padding:0;} /*.focusNews{width:100%; height:100px; border:none; background:#f3f2f5} .focusNews div{display:inline-block; width:85px; height:100%; background:#e60012; vertical-align:middle; font-family:'fontAnt'; color:#fff; text-align:center} .focusNews h1{font-size:35px; line-height:35px; border-bottom:2px solid #fff; display:inline-block; padding:16px 3px 10px 3px; margin-bottom:10px;} .focusNews h2{font-size:14px; line-height:14px; } .focusNews span{ width:calc(100% - 85px); padding:0 15px;} .focusNews h3{ font-size:17px; line-height:22px; padding-bottom:5px;} .focusNews h4{ font-size:12px; line-height:18px; height:36px; overflow:hidden; text-align:justify}*/ .boxFocusNews{width:100%; height:150px; overflow:hidden; background:url(../images/bgFocusNews.png) left no-repeat; background-size:85px 100%; border-left:none;border-right:none;} .focusNews{width:100%;height:100%; /*padding:15px 0 15px 85px; position:relative;*/} .focusNews div{width:85px;/*position:absolute; top:50%; margin-top:-35px; left:0; */text-align:center; background:none; height:100%;} .focusNews h1{font-size:35px; line-height:35px;display:inline-block; padding:38px 3px 10px 3px; margin-bottom:10px;} .focusNews h2{font-size:14px; line-height:14px; } .focusNews span{ width:calc(100% - 85px); padding:0 15px;} .focusNews h3{ font-size:17px; line-height:22px; padding-bottom:5px;} .focusNews h4{ font-size:12px; line-height:18px; text-align:justify} .indNews{margin:20px 0 0 0; width:100%; padding:0 15px;} .indNewsNav a{width:33.3%;} .indNewsNav .on{} .indNewsList{padding:0} .indNewsList a{display:block;font-size:14px; line-height:28px; border-bottom:1px solid #ddd; padding:10px 0} .indNewsList i{display:block; float:none;font-size:13px; color:#999} .moreNews{ position:relative;text-align:right; padding:20px 0} .indGp{display:none;width:100%; padding:0 15px; height:auto; margin:10px 0} .gpInfo{ line-height:20px; top:14px; left:125px; font-size:14px;} .gpInfo i{display:block; margin:0} .gpPriceBox{padding:18px 0;} .gpPriceBox i{font-size:16px;line-height:16px;margin:0 0 0 0px} .gpPrice{font-size:35px; line-height:35px;padding-right:15px;} .gpUp{color:#e60012;background:url(../images/icoGpUp.png) right 22px no-repeat; background-size:12px 10px} .gpDown{color:#009e20;background:url(../images/icoGpDown.png) right 22px no-repeat; background-size:12px 10px} .gpTimeBox{position:absolute;top:6px; right:15px; font-size:11px; letter-spacing:-0.5px} .indMap{width:100%; height:auto; margin-top:0; } .indMapNav{left:15px; width:100%; height:15px;} .indMapTime{right:15px;} .indMapImg{background:url(../images/imgMapIndM.png?v=2.0) center no-repeat; background-size:cover;width:100%; height:76.6vw; position:relative; top:0; left:0; margin-top:56px;} .indMapText{ padding:0 20px 20px 20px; text-align: center; margin: 72px 0 0; } .indMapText li{width:33.3%;} .indOther{width:100%; height:auto;margin:15px 0 0 0; padding:0 0 0 15px;} .indOther a{width:calc((100vw - 32px)/2); margin-right:2px;} .indOther a i{top:15px;left:15px;} .indMagBox{width:calc(100vw - 30px); height:auto; background:#d2a36d; margin:2px 15px 15px 15px;} .indMag .swiper-slide{width:33.3%; display:inline-block; text-align:center; } .indMag .swiper-slide img{width:90%; height:calc((100vw - 90px)/3*0.9*1.4)} .subBanner{ width:100%; height:100px;} /*.subNav{position:absolute;top:220px;background:#fff; border-top:1px solid #ddd;height:auto;display:none; z-index:99} .subNav div a{padding:0;width:100%;line-height:45px; text-align:center; border-bottom:1px solid #ddd} .subNav div .on i{display:none}*/ .boxSubNav{background:none; height:54px} .subNav{width:100%;} .subNav .swiper-wrapper{text-align:center} .subNav .swiper-slide a{line-height:54px;} .boxCur{display:none} .navTitle{display:block;line-height:60px;font-size:16px;text-align:center; position:fixed; width:100vw; top:60px; left:0; background:#ebebed; z-index:99} .openSubMenu{display:block; width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/icoNavM.png) center no-repeat; background-size:20px 20px; } .closeSubMenu{display:block; width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/icoNavM1.png) center no-repeat; background-size:20px 20px; } .boxMain{padding:0 15px; margin:0;} .boxCon{padding:15px 0} .boxCon img{width:100%} .imgLdgh{padding:0} .imgLdgh a{width:100%;height:calc((100vw - 30px)*0.67);margin:0 0 15px 0; } .boxYhln{ padding:0 0 30px 0;} .boxYhln li h1{ padding:0 0 0 25px; background:url(../images/icoNavJt.png) left 7px no-repeat; background-size:15px 14px;} .boxYhln li h1 i{ font-size:18px; padding:0 0 10px 0} .boxYhln li p{padding:10px 0 0 25px;} .boxYear{padding:20px 25px;} .listYear .swiper-slide{width:20%;} .magList a{width:calc((100vw - 40px)/2); margin:0 10px 20px 0; } .magList a:nth-child(2n+2){margin-right:0} .magList a img{height:calc((100vw - 40px)/2*1.4); } .magList a i{font-size:12px; line-height:22px; padding:12px 0 0 0; text-align:center} .dsjList li{padding:0 0 20px 40px;} .dsjList li span{left:22px;} .dsjList li div{padding:20px 15px;} .dsjList li div p{ padding:0 0 10px 10px;} .navCsr{padding:30px 0;font-size:18px;} .newsList{} .newsList li{ padding:20px 0;} .newsList li i{width:80px; height:80px; border:none;background:#e60012; margin:-60px 0 0 10px;z-index:2; position:relative} .newsList li i h1{font-size:26px; margin:13px 0 0 0; line-height:30px; color:#fff} .newsList li i h2{font-size:16px; background:url(../images/bgDate1.png) center no-repeat; color:#fff} .newsList li span{width:100%; padding:0 0;} .newsList li span h3{ font-size:18px; font-weight:bold; margin:10px 0 5px 0; line-height:30px;} .newsList li span h4{ font-size:12px; line-height:20px;} .newsList li div{width:100%; float:none;} .newsList li div img{width:100%; height:auto; max-height:calc(100vw - 30px)} .newsList li h5{ display:none} .boxPage{display:none} .loadMore{display:block} .newsTextList li{font-size:15px; padding:15px 0 15px 0;} .newsTextList li h1{width:100%;font-size:18px;padding:0;} .newsTextList li h2{width:100%; padding:0 50px 0 0; text-align:justify; /*background:url(../images/icoJt1.png) bottom right no-repeat; background-size:7px 12px;*/background:none} .newsTextList li h3{left:auto; right:0; top:15px; color:#999; font-size:12px;} .newsTextList li h2:hover{/*background:url(../images/icoJt1Hover.png) bottom right no-repeat; background-size:7px 12px;*/ background:none} .newsDownList li{font-size:15px; padding:15px 0 15px 0;} .newsDownList li h1{width:100%;font-size:18px;padding:0;} .newsDownList li h2{width:100%; padding:0 50px 0 0; text-align:justify;} .newsDownList li h3{width:25px; height:18px; right:3px; top:18px;background-size:25px 18px!important} .newsDownList li h3:hover{background-size:25px 18px!important} .boxShow{padding:0 0 20px 0;} .showTitle{font-size:18px; line-height:26px; margin-top:20px;} .showTitle1{font-size:16px; line-height:26px; margin-top:5px;} .showInfo{font-size:12px; padding:10px 0 20px 0;} .showCon{font-size:15px; line-height:26px;padding:15px 0 0 0;} .showCon p{font-size:15px; line-height:26px;} .showCon img{max-width:100%!important;} .invStock{height:100%; top:60px; height:100px;} .invStock1{display:none} .invStock2{display:none} .invStock3{display:none} .invStocka{width:100%; height:100%; padding:0; } .invStock4{ left:20px; top:22px; text-align:left} .invList li{font-size:15px; padding:15px 0 15px 0;background:url(../images/icoJt1.png) center right no-repeat; background-size:7px 12px;} .invList li h1{width:100%;font-size:18px;padding:0;} .invList li h2{width:100%; padding:0 20px 0 0; text-align:justify;} .invList li h3{left:auto; right:0; top:15px; color:#999; font-size:12px;} .invList li:hover{background:url(../images/icoJt1Hover.png) center right no-repeat; background-size:7px 12px;} .invList1 li{font-size:15px; padding:15px 0;background:url(../images/icoJt1.png) center right no-repeat; background-size:7px 12px;} .invList1 li h1{width:100%;font-size:18px;padding:0;} .invList1 li h2{width:100%; padding:0 70px 0 0; text-align:justify;} .invList1 li h3{left:auto; right:0; top:15px; color:#999; font-size:12px;} .invList1 li:hover{background:url(../images/icoJt1Hover.png) center right no-repeat; background-size:7px 12px;} .invList1 li i{position:absolute; top:50%; right:15px;line-height:20px; padding:0 5px; border-radius:10px;margin:-10px 0 0 0;} .dsList{padding:15px 0 0 0} .dsList li{ margin-bottom:15px;} .dsList li img{width:100px; height:auto;display:block; margin:0 auto} .dsList li div{ width:100%; padding:0;display:inline-block; vertical-align:top} .dsList li div i{ display:none} .dsList li div span{width:100%; margin-top:20px;} .dsList li div span h1{text-align:center} .boxMsg{margin:15px auto 30px 0} .boxMsg li{ padding:0 0 10px 0} .boxMsg li i{width:100%; text-align:left} .boxMsg li span{width:100%;} .selectMsg,.textareaMsg,.inputMsg{width:100%;} .inputYzm{width:calc(100% - 100px)!important} .textareaMsg{width:100%; height:120px;} .submitMsg{width:100%;} .boxMsg li:last-child{padding:10px 0 0 0} .boxMsg li:last-child i{ display:none} .searchClass{padding:20px 0 0 0;} .searchClass li{padding:0 0 10px 40px;} .searchClass i{font-size:14px;} .searchClass a{font-size:14px;padding:0 8px;} .navSearch{ padding-top:45px;} .navSearch i{font-size:30px;} .navSearch div{width:100%;} .inputStore{ width:calc(100% - 40px); } .storeList li{padding:25px 0;} .storeList li img{width:100%; height:auto;} .storeList li div{width:100%; padding:0;} .storeList li div h1{font-size:18px; line-height:24px; padding:15px 0 5px 0;} .bannerMark{display:none} .boxBook{padding:60px 15px 15px 15px; margin:0; background:#fff} .bookLeft{width:100%; height:calc(100vh - 120px); overflow:auto; overflow-x:hidden; margin:0; padding:20px 20px 20px 20px; position:fixed; top:120px; left:0; background:#fff; z-index:2; border-top:1px solid #ddd; display:none} .bookLeft li{border-bottom:1px solid #ddd} .bookLeft li span{display:block;} .bookLeft li span a{display:block;font-size:15px;line-height:50px; text-indent:12px;border-left:5px solid #fff;} .bookLeft li span a:hover{} .bookLeft li span .on{border-left:5px solid #d2a56c!important; color:#d2a56c} .bookLeft li div{border-top:1px solid #ddd; display:none} .bookLeft li div a{display:block; line-height:20px; font-size:12px; padding:10px; margin-bottom:2px; background:#f8f8f8; color:#888} .bookLeft li div a:hover{color:#d2a56c} .bookLeft li a:hover{color:#d2a56c} .bookLeft li div .on{background:#f6ede2} .bookRight{padding:0} .bookFmImg{background-size:100% 100%!important; width:70vw; height:99vw; padding:0 1vw 1.7vw 1vw; margin:50px auto 30px auto} .btnGo{ width:100px;line-height:50px;background:url(../images/icoGo.jpg) 80px center no-repeat;background-size:12px 15px!important;background-color:#fff; padding:0 0 0 15px; position:absolute; top:50%; right:calc(16vw - 14px); margin:-15px 0 0 0;} .btnGo:hover{color:#d2a56c} .bookShow{} .bookShow .showCon{padding:15px 0 0 0!important;} .bookImg{display:none} .btnBookPre{display:none} .btnBookNext{display:none} .boxYhln{ padding:0 0 30px 0;} .boxYhln li h1{ padding:0 0 0 25px; background:url(../images/icoNavJt.png) left 7px no-repeat; background-size:15px 14px;} .boxYhln li h1 i{font-size:18px; padding:0 0 10px 0} .boxYhln li p{padding:10px 0 0 25px;} .boxHr{padding:15px 0 0 0;} .navCon{padding:0 0 0 25px; background:url(../images/icoNavJt.png) left 7px no-repeat; background-size:15px 14px;} .navCon i{font-size:18px; padding:0 0 10px 0} .conRcg{padding:15px 0 0 25px;} .imgRcg{padding:20px 0 5px 25px;} .imgRcg img{ margin:0 0 10px 0; width:100%} .jobHr{padding:0; margin-top:0;} .jobHr a{width:100%;height:calc((100vw - 30px)*0.64);display:inline-block; margin-bottom:15px;} .jobHr a i{display:block; background:url(../images/icoJt2.png) calc(100% - 10px) center no-repeat; background-size:20px 20px; background-color:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0; height:50px; line-height:50px; text-indent:10px; } .contactHr{ margin:0 0 -10px 0} .contactHr li{width:100%; height:auto; margin:0 0 15px 0;} .fwlnTel{width:100%; margin:15px 0 0 0} .fwlnTel li{width:100%; height:50%;background-color:rgba(230,0,18,0.7); position:relative; display:inline-block; color:#fff} .fwlnTel div{width:100%;} .fwlnTel span{top:50%;left:50%; margin:-30px 0 0 -120px; background:url(../images/icoService.png) center left no-repeat; background-size:60px 60px;padding:0 0 0 74px; height:60px;} .fwlnTel h1{ font-size:15px; line-height:15px; margin:5px 0 13px 0} .fwlnTel h2{ font-size:20px; line-height:20px; } .fwlnTel li:last-child span{left:50%;background:url(../images/icoService5.png) center left no-repeat;background-size:60px 60px} .fwlnList{margin:0;} .fwlnList li{padding:35px 0 35px 40px;} .fwlnList li img{top:28px; left:0; width:40px;} .fwlnList li i{font-size:22px; line-height:22px;} .downList{} .downList li{width:100%; padding:30px 0; border-bottom:1px solid #ddd} .downList li div{width:calc(100% - 140px);} .appList{} .appList li{width:100%; padding:30px 0; border-bottom:1px solid #ddd;} .appList li .icoApp{width:80px; height:80px; margin:0 auto 5px auto; display:block} .appList li div{width:100%;} .appList li div i{text-align:center} .appList li span{width:100%;text-align:center; margin-top:20px} .appList li span .imgIco{} .appList li span .imgEwm{display:none; position:absolute; border:1px solid #ddd; width:120px; height:120px; top:-130px; left:-39px;} .navSearch1{padding:20px 15px} .navSearch1 i{font-size:30px;} .searchList{ width:100%;padding:0 15px 10px 15px;} .searchList li{width:100%; height:auto; padding:25px 15px 45px 15px; margin:0 0 15px 0; } .searchList h3{right:15px;} .boxFt{height:calc(100vh - 60px); min-height:inherit} .boxFt1{height:auto;top:0; left:0; margin:0;} .ftCur{ height:auto; line-height:20px; position:relative} .ftCur1{display:none} .ftCur1M{display:block} .ftSearch{position:relative;right:0; padding:0 10px 10px 10px; display:none} .inputFtSearch{width:calc(100% - 50px);} .ftTitle{} .ftTitle i{font-size:15px;width:calc(100% - 120px);} .ftTitle i:first-child{width:120px; } .ftCon{ width:100%; height:calc(100vh - 148px - 146px); padding:10px; overflow:hidden; overflow-y:auto; margin:0 0} .ftTable{ width:100%;font-size:12px; line-height:20px;} .ftTable tr td:first-child{ width:94px;} .ftTable i{ display:block; font-size:12px; text-align:right; color:#999; font-style:normal} .ftForm{} .boxMyAsk{ margin-bottom:20px; border-right:0} .ftEnd span{margin-top:15px;} .submitFt{width:90px; height:32px; line-height:32px; border-radius:3px; background:#354b60; color:#fff; font-size:15px; margin:0 10px 0 0; cursor:pointer} .submitFt:hover{ background:#416383} #boxFace{position:absolute; bottom:0; left:0} .btnWdtw{ position:absolute;left:50px; bottom:11px} /*.boxMyAsk{border:1px solid #e60012;bottom:40px; left:0;height:calc(100vh - 100px); }*/ .faceContent{width:100vw;border:1px solid #ddd; border-left:none;border-right:none;} .storeNum{ width:100%; padding:30px 0 30px 0;} .storeNum li{width:25%; height:90px;} .storeNum li i{font-size:36px; line-height:36px;margin:10px 0;} /*.storeNum li:nth-child(2){width:42%;}*/ .storeNum li span{font-size:10px; line-height:16px} .storeMap{width:100%; height:calc((100vw - 30px)*0.75);margin:0 0 10px 0;} .boxGrowth{ width:100%; position:relative; left:0; top:0; margin:0 0 20px 0} .navGrowth{padding:0 0 0 20px; background:url(../images/icoNavJt.png) left center no-repeat;background-size:15px 14px;font-size:18px; line-height:50px; } .boxGrowth1{background:rgba(255,255,255,0.4); box-shadow:0 0 10px rgba(0,0,0,0); border-top:1px solid #ababab;} .storeGrowth{width:100%; height:270px; margin:15px 0} .storeDate{font-size:12px; color:#999; padding:0 0 20px 40px} .boxSdzq{ padding:20px 0 0 0} .sdzqList{ padding:10px 0 0 25px;} .sdzqList li{width:100%;} .sdzqMap{width:100%; height:calc((100vw - 30px)*0.75);margin:20px auto} .boxYjyjy{width:100%;padding:20px 0} .conYjyjy{padding:15px 0 0 25px;} .icoYjyjy{} .icoYjyjy li{ width:100%; border-right:none; border-bottom:1px solid #ddd;padding:30px 0; } .telYjyjy{ background:url(../images/imgYjyjy.jpg) left center no-repeat;margin:0 0 0 25px;} .telYjyjy span{top:104px; left:50%; margin:0 0 0 -130px;} .btnFile{ height:50px; line-height:50px; margin:0 auto 30px auto; } .boxLink1{background:#e3e2e8; padding:15px 0 15px 0; margin-top:0; position:relative; width:100%;height:auto;overflow:hidden} .boxLink{width:calc(100vw - 30px);overflow:hidden;margin:0 auto;} .boxLink .swiper-slide{width:calc((100vw - 26px)/4);height:calc((100vw - 26px)/4*0.47);} .boxLink .swiper-slide img{width:calc(100% - 6px); height:auto; border:1px solid #dcdcdc; box-sizing:content-box} .boxLink .swiper-button-prev{left:5px; top:50%;margin:-10px 0 0 0; width:16px; height:19px; } .boxLink .swiper-button-next{right:5px;top:50%;margin:-10px 0 0 0;width:16px; height:19px;} .con1933{padding:15px 25px 0 25px; text-align:center;line-height:26px; font-size:15px;} .con1933 p{ text-align:justify} .con1933 strong{display:block; margin:20px 0 0 0} .con1933 img{display:inline-block; margin:50px 0 30px 0;} .img1933{ padding:50px 0 20px 0;} .img1933 a{width:calc((100vw - 45px)/2);margin:0 15px 15px 0;} .img1933 a img{height:calc((100vw - 45px)/2*0.67);} .img1933 a i{height:calc((100vw - 45px)/2*0.67);} .img1933 a span{ height:calc((100vw - 45px)/2*0.67);background:url(../images/icoLook.png) center no-repeat; background-size:30px 30px;} .imgCard{text-align:center; padding:20px 0 0 20px} .imgCard img{ width:100%;} .imgCard img:first-child{margin:0 0 20px 0} .imgCard1{padding:0 0 0 20px; margin:30px 0 10px 0; border-top:none;} .imgCard1 img{ width:100%;} .searchCard{padding:20px 3.84% 0 20px} .searchCard li{line-height:44px; padding:0 0 5px 0; width:100%;} .searchCard li i{display:block; width:100%;} .searchCard li span{width:100%;} .inputCard,.inputCard1,.inputCard2{border:1px solid #cbcbcb;height:44px; line-height:44px;box-sizing:border-box; font-size:15px; font-family:'Microsoft YaHei'; text-align:center} .inputCard{ width:18%; margin-right:2%;} .inputCard1{ width:40%;} .inputCard2{ width:100%;} .inputCard3{ width:100%;} .submitCard{width:100%; margin-top:10px;} .resultCard{ width:auto; display:block;margin:30px 3.84% 0 20px;background:#efefef; border-radius:10px; padding:20px; } .resultCard h1{ font-size:17px; font-weight:bold;padding-bottom:15px;} .resultCard li{ font-size:14px; line-height:26px;} .pcCardNum{display:none} .mCardNum{ display:block} .marginM{ margin:0 0 -30px 0!important} }