@font-face { font-family: 'SourceHanSansCNBold'; src: url("../font/SourceHanSansCN Bold.otf"); } @font-face { font-family: 'centuryschoolbook'; src: url("../font/centuryschoolbook.ttf"); } @font-face { font-family: 'Century'; src: url("../font/Century.ttf"); } body { margin: 0; cursor: default; } a { text-decoration: none; } ul { margin: 0; padding: 0; } p,dl,dd { margin: 0; } ul li { list-style-type: none; } input[type="button"] { cursor: pointer; } button { cursor: pointer; } .shopdet2 img{max-width:100%;} @media (min-width: 1020px) { #H5 { display: none; } } .BANNERS{ width: 100%; } .BANNERS .swiper-container{ width: 100%; height: 100%; } .BANNERS .swiper-slide{ width: 100%; height: 100%; } .BANNERS .swiper-slide img{ width: 100%; height: 100%; display: block; } .BANNERS .swiper-pagination-bullet { width: 14px; height: 14px; background: white; opacity: 1; } .BANNERS .swiper-pagination-bullet-active { background: #FFB901 !important; opacity: 1; } .RMSEACHS{ width: 100%; display:flex; background: #F4F4F4; } .RMSEACH{ border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; box-sizing: border-box; width: 1200px; height: 45px; margin: auto; display: inline-block; } .rmseach1{ float: left; font-size: 12px; line-height: 45px; } .rmseach1 span{ color: #111111; } .rmseach1 a{ color: #666666; margin-right: 10px; } .rmseach2{ float: right; margin-top: 7.5px; } .rmseach2_1{ font-size: 12px; color: #333333; display: inline-block; vertical-align: middle; } .rmseach2_2{ width: 260px; height: 30px; display: inline-block; vertical-align: middle; } .rmseach22_1{ border: 1px solid #DDDDDD; border-right: 0; outline: none; box-sizing: border-box; width: 75%; height: 100%; padding: 0 10px; float: left; font-size: 12px; color: #333333; } .rmseach22_2{ border: none; outline: none; width: 25%; height: 100%; float: left; background: #FFB901; color: white; font-size: 12px; } .CPZXINDES{ width: 100%; display: flex; } .CPZXINDE{ width: 1200px; margin:30px auto; display: inline-block; } .cpzxinde1{ /* border: 1px solid red; */ box-sizing: border-box; width: 20%; float: left; background: #61CCFF; } .cpzxinde1_1{ width: 100%; box-sizing: border-box; padding: 20px; background-image: url(../img/img4.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .cpzxinde11_1{ width: 15px; display: inline-block; vertical-align: middle; } .cpzxinde11_2{ font-size: 12px; color: #E4EDF9; display: inline-block; vertical-align: middle; } .cpzxinde11_2 span{ font-size: 22px; color: white; } .cpzxinde1_2{ width: 100%; box-sizing: border-box; padding:0 15px; padding-bottom: 55px; } .cpzxinde12{ border-bottom: 1px dashed white; box-sizing: border-box; padding: 15px 0; display: block; } .cpzxinde12_1{ width: 5px; display: inline-block; vertical-align: middle; } .cpzxinde121_1{ width: 100%; display: block; } .cpzxinde121_2{ width: 100%; display: none; } .cpzxinde12_2{ margin-left: 5px; font-size: 16px; color: white; display: inline-block; vertical-align: middle; } .cpzxinde12.active .cpzxinde121_1{ display: none; } .cpzxinde12.active .cpzxinde121_2{ display: block; } .cpzxinde12.active .cpzxinde12_2{ color: #095273; } .cpzxinde12:hover .cpzxinde121_1{ display: none; } .cpzxinde12:hover .cpzxinde121_2{ display: block; } .cpzxinde12:hover .cpzxinde12_2{ color: #095273; } .cpzxinde2{ /* border: 1px solid red; */ box-sizing: border-box; width: 78%; float: left; margin-left: 2%; } .cpzxinde2_1{ border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 5px 0; display: inline-block; width: 100%; } .cpzxinde21_1{ font-size: 16px; color: #0C181D; float: left; } .cpzxinde21_2{ float: right; width: 90px; height: 25px; background: #F7F7F7; text-align: center; line-height: 25px; font-size: 12px; color: #00ADFC; } .cpzxinde2_2{ width: 100%; display: inline-block; } .cpzxinde22{ width: 32%; margin-right: 2%; margin-top: 20px; display: block; float: left; } .cpzxinde22_1{ width: 100%; height: 280px; background-position: center; background-repeat: no-repeat; background-size: cover; } .cpzxinde22_2{ width: 100%; background: #01A1EA; box-sizing: border-box; padding: 10px; text-align: center; font-size: 16px; color: white; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .cpzxinde22:nth-child(3n){ margin-right: 0; } .HYYYS{ width: 100%; display: flex; background-image: url(../img/img8.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .HYYY{ width: 1200px; margin: auto; margin-top: 50px; } .hyyy1{ width: 100%; text-align: center; } .hyyy1 img{ width: 160px; display: inline-block; vertical-align: middle; } .hyyy1 div{ font-size: 28px; color: #01A1EA; font-weight: bold; margin-left: 10px; margin-right: 10px; display: inline-block; vertical-align: middle; } .hyyy1 span{ color: #FFB901; } .hyyy2{ width: 100%; text-align: center; margin-top: 10px; font-family: "Microsoft YaHei"; font-size: 12px; color: #999999; } .hyyy3{ width: 100%; margin-top: 35px; } .hyyy3 .swiper-father{ width: 100%; height: 100%; position: relative; } .hyyy3 .swiper-container{ width: 90%; height:100%; } .hyyy3 .swiper-slide{ width: 90%; height:100%; } .hyyy3 .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; background-image: url(../img/prev.png); background-repeat: no-repeat; background-size: 100% 100%; } .hyyy3 .swiper-button-prev:hover{ background-image: url(../img/prev-s.png); } .hyyy3 .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%; background-image: url(../img/next.png); background-repeat: no-repeat; background-size: 100% 100%; } .hyyy3 .swiper-button-next:hover{ background-image: url(../img/next-s.png); } .hyyy3_1{ width: 100%; height:365px; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .hyyy31{ width: 100%; background: rgba(255,255,255,0.5); box-sizing: border-box; padding: 20px; text-align: center; font-size: 15px; color:#333333; position: absolute; left: 0; bottom: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .QYYSS{ width: 100%; display: flex; } .QYYS{ width: 1200px; margin:75px auto; } .qyys1{ width: 100%; margin-top: 40px; display: inline-block; } .qyys2{ width: 49%; height: 230px; float: left; margin-right: 2%; margin-top: 2%; display: inline-block; } .qyys2:nth-child(2n){ margin-right: 0; } .qyys2_1{ width: 42%; height:100%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .qyys2_1.left{ margin-right: -3%; background-image: url(../img/img12.png); } .qyys2_1.right{ margin-left: -3%; background-image: url(../img/img13.png); } .qyys21{ width: 100%; box-sizing: border-box; padding: 0 10px; display: inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .qyys2_1.left .qyys21{ padding-right: 35px; } .qyys2_1.right .qyys21{ padding-left: 35px; } .qyys21_1{ width: 20px; height:20px; float: left; border-radius: 5px; background-image: url(../img/img15.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .qyys21_2{ /* border:1px solid red; */ box-sizing: border-box; width: 88%; margin-left: 2%; float: left; } .qyys212_1{ width: 100%; font-size: 18px; color:#333333; font-weight: bold; } .qyys212_2{ width: 100%; margin-top: 30px; font-size: 14px; color: #999999; } .qyys2_2{ width: 61%; height:100%; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; } .qyys2:hover .qyys2_1.left{ background-image: url(../img/img12-s.png); } .qyys2:hover .qyys2_1.right{ background-image: url(../img/img13-s.png); } .qyys2:hover .qyys21_1{ background-image: url(../img/img15-s.jpg); } .qyys2:hover .qyys212_1{ color: white; } .qyys2:hover .qyys212_2{ color: rgba(255,255,255,0.78); } .GSJSS{ width: 100%; display: flex; background-image: url(../img/img17.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .GSJS{ width: 1200px; margin:35px auto; } .gsjs1{ width: 50%; padding: 45px 30px; box-sizing: border-box; background: white; display: inline-block; vertical-align: middle; } .gsjs1_1{ width: 100%; font-size: 28px; color: #333333; } .gsjs1_2{ width: 100%; margin-top: 30px; font-size: 14px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .gsjs1_3{ border: 1px solid #01A1EA; box-sizing: border-box; font-size: 14px; display: block; color: #01A1EA; width: 110px; height: 35px; border-radius: 5px; text-align: center; line-height: 35px; margin-top: 30px; } .gsjs2{ width: 49%; margin-left: -0.4%; display: inline-block; vertical-align: middle; } .XWDTS{ width: 100%; display: flex; } .XWDT{ width: 1200px; margin:65px auto; } .xwdt1{ width: 100%; margin-top: 40px; text-align: center; } .xwdt1_1{ font-size: 22px; color: #333333; box-sizing: border-box; padding: 15px 0; margin-right: 80px; display: inline-block; vertical-align: middle; } .xwdt1_1:last-child{ margin-right: 0; } .xwdt1_1.active{ border-bottom: 1px solid #01A1EA; color: #01A1EA; } .xwdt2{ width: 100%; display: inline-block; } .xwdt2_1{ width: 48%; float:left; margin-right: 4%; margin-top: 30px; display: block; } .xwdt2_1:nth-child(2n){ margin-right: 0; } .xwdt21_1{ width: 95px; box-sizing: border-box; padding: 10px; background: #F4F4F4; display: inline-block; vertical-align: middle; } .xwdt211_1{ width: 100%; text-align: center; font-size: 24px; color: #01A1EA; } .xwdt211_2{ width: 100%; margin-top: 10px; text-align: center; font-size: 18px; color: #777777; } .xwdt21_2{ /* border: 1px solid red; */ box-sizing: border-box; width: 80%; margin-left: 2%; display: inline-block; vertical-align: middle; } .xwdt212_1{ width: 100%; font-size: 18px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .xwdt212_2{ width: 100%; margin-top: 15px; font-size: 14px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .xwdt3{ width: 100%; display: none; } .KHXCS{ width: 100%; display:flex; } .KHXC{ width: 1200px; margin:60px auto; } .khxc1{ width: 100%; margin-top: 40px; } .khxc1 .swiper-father{ width: 100%; height: 100%; position: relative; } .khxc1 .swiper-container{ width: 90%; height: 100%; } .khxc1 .swiper-slide{ width: 100%; height: 100%; } .khxc1 .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; background-image: url(../img/prev2.png); background-repeat: no-repeat; background-size: 100% 100%; } .khxc1 .swiper-button-prev:hover{ background-image: url(../img/prev-s.png); } .khxc1 .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%; background-image: url(../img/next2.png); background-repeat: no-repeat; background-size: 100% 100%; } .khxc1 .swiper-button-next:hover{ background-image: url(../img/next-s.png); } .khxc2{ border: 1px solid #DFDFDF; box-sizing: border-box; width: 100%; background:#F5F5F5; display: block; } .khxc2_1{ width: 100%; height: 190px; background-position: center; background-repeat: no-repeat; background-size: cover; } .khxc2_2{ width: 100%; box-sizing: border-box; padding: 15px; text-align: center; font-size: 14px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .FWLCS{ width: 100%; display: flex; background-image: url(../img/img18.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .FWLC{ width: 1200px; margin:75px auto; } .fwlc1{ width: 100%; text-align: center; } .fwlc1 img { width: 160px; display: inline-block; vertical-align: middle; } .fwlc1 div { font-size: 28px; color: white; font-weight: bold; margin-left: 10px; margin-right: 10px; display: inline-block; vertical-align: middle; } .fwlc2{ width: 100%; text-align: center; margin-top: 10px; font-family: "Microsoft YaHei"; font-size: 12px; color: white; } .fwlc3{ width: 100%; margin-top: 100px; margin-bottom: 25px; display: inline-block; background-image: url(../img/img22.png); background-position: center; background-repeat: no-repeat; background-size: 100%; } .fwlc3_1{ /* border: 1px solid red; */ box-sizing: border-box; width: 13.4%; margin-right: 1%; float: left; position: relative; } .fwlc3_1:last-child{ margin-right: 0; } .fwlc3_1:nth-child(2){ position: relative; top:-15px; } .fwlc3_1:nth-child(7){ position: relative; bottom:-15px; } .fwlc31_1{ width: 105px; height: 105px; border-radius: 50%; display: block; margin:auto; } .fwlc31_2{ width: 100%; text-align: center; font-size: 14px; color: white; position: absolute; left: 0; top: 125px; } .fwlc31_3{ width: 100%; text-align: center; font-size: 14px; color: white; position: absolute; left: 0; bottom: 125px; } .ALLCNTS{ width: 100%; display: flex; } .ALLCNT{ width: 1200px; margin:35px auto; display: inline-block; } .allcntle{ /* border: 1px solid red; */ box-sizing: border-box; width: 20%; float: left; } .allcntleF{ width: 100%; background: #61CCFF; } .allcntleF1{ width: 100%; box-sizing: border-box; padding: 20px; background-image: url(../img/img4.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .allcntleF1_1{ width: 15px; display: inline-block; vertical-align: middle; } .allcntleF1_2{ font-size: 12px; color: #E4EDF9; display: inline-block; vertical-align: middle; } .allcntleF1_2 span{ font-size: 22px; color: white; } .allcntleF2{ border: 1px solid #DDDDDD; border-top: 0; box-sizing: border-box; width: 100%; box-sizing: border-box; padding: 0 15px; padding-bottom: 55px; } .allcntleF2_1{ border-bottom: 1px dashed white; box-sizing: border-box; padding: 15px 0; display: block; } .allcntleF21_1{ width: 5px; display: inline-block; vertical-align: middle; } .allcntleF211_1{ width: 100%; display: block; } .allcntleF211_2{ width: 100%; display: none; } .allcntleF21_2{ margin-left: 5px; font-size: 16px; color: white; display: inline-block; vertical-align: middle; } .allcntleF2_1.active .allcntleF21_2 { color: #095273; } .allcntleF2_1.active .allcntleF211_1 { display: none; } .allcntleF2_1.active .allcntleF211_2 { display: block; } .allcntleT{ width: 100%; margin-top: 10px; background: #F4F4F4; box-sizing: border-box; padding: 20px; } .allcntleT1{ width: 100%; text-align: center; } .allcntleT1 img{ width: 40px; display: inline-block; vertical-align: middle; } .allcntleT1 div{ font-size: 18px; color: #61CCFF; margin-left: 5px; margin-right: 5px; display: inline-block; vertical-align: middle; } .allcntleT2{ width: 80%; display: block; margin:auto; margin-top: 10px; } .allcntleT3{ width: 100%; text-align: center; margin-top: 10px; font-size: 14px; color:#555555; } .allcntleS{ border-bottom: 1px solid #E7E6E6; box-sizing: border-box; padding: 20px 0; } .allcntleS1{ width: 100%; margin-bottom: 15px; font-size: 18px; color: #333333; font-weight: bold; } .allcntleS2{ width: 100%; margin-bottom: 10px; display:inline-block; font-size: 12px; color:#333333; } .allcntleS2:last-child{ margin-bottom: 0; } .allcntleS2_1{ float: left; } .allcntleS2_1:last-child{ width: 84%; } .allcntri{ /* border: 1px solid red; */ box-sizing: border-box; width: 78%; float: left; margin-left: 2%; } .allcntriF{ width: 100%; display: inline-block; } .allcntriF1{ float: left; font-size: 16px; color: #0C181D; } .allcntriF2{ float: right; display: inline-block; } .allcntriF2 img{ width: 15px; display: inline-block; vertical-align: middle; } .allcntriF2 div{ font-size: 12px; color: #666666; display: inline-block; vertical-align: middle; } .allcntriF2 a{ color: #666666; } .allcntriT{ border: 1px solid #E5E5E5; box-sizing: border-box; width: 100%; margin-top: 10px; padding: 25px 20px; } .SHOPLISTS{ width: 100%; } .SHOPLIST{ width: 100%; display: inline-block; } .shopli{ width: 32%; margin-right: 2%; margin-bottom: 20px; float: left; display: block; } .shopli:nth-child(3n){ margin-right: 0; } .shopli1{ width: 100%; height: 265px; background-position: center; background-repeat: no-repeat; background-size: cover; } .shopli2{ width: 100%; background: #01A1EA; box-sizing: border-box; padding: 10px; text-align: center; font-size: 15px; color: white; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .pagination { width: 100%; list-style: none; display: inline-block; padding: 0; text-align: center; } .pagination li { /* display: inline; text-align: center; */ display: inline-block; } .pagination a { display: block; height: 30px; line-height: 30px; display: block; font-size: 14px; text-decoration: none; padding: 0 12px; color:#666666; margin-left: 2px; margin-right: 2px; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 5px; } .pagination span { display: block; height: 30px; line-height: 30px; display: block; font-size: 14px; text-decoration: none; padding: 0 12px; color:#666666; margin-left: 2px; margin-right: 2px; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 5px; } .pagination a.active { border: 1px solid #01A1EB; background: #01A1EB; color: white; cursor: default; } .pagination a:active { outline: none; } .SHOPDETS{ width: 100%; } .shopdet1{ width: 100%; display:inline-block; } .shopdet1_1{ width: 44%; float: left; } .shopdet1_2{ width: 56%; float: left; box-sizing: border-box; padding: 0 30px; } .shopdet12_1{ width: 100%; font-size: 26px; color: #333333; font-weight: bold; } .shopdet12_2{ width: 100%; margin-top: 30px; font-size: 14px; color: #000000; } .shopdet122{ width: 100%; margin-bottom: 15px; font-size: 14px; color: #000000; } .shopdet122:last-child{ margin-bottom: 0; } .shopdet122 span{ color:#666666; } .shopdet12_3{ width: 100%; margin-top: 20px; background: #F3F3F3; padding: 15px 20px; box-sizing: border-box; font-size: 18px; color:#242B42; } .shopdet12_3 span{ color: #01A1EB; } .shopdet12_4{ width: 205px; height:55px; display: block; margin-top: 25px; background: #FFB901; text-align: center; line-height: 55px; font-size: 20px; color: white; } .shopdet2{ border-bottom: 1px solid #CCCCCC; box-sizing: border-box; width: 100%; display: inline-block; font-size: 18px; } .shopdet2_1{ width: 135px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: white; background-image: url(../img/img33.png); background-repeat: no-repeat; background-size: 100% 100%; } .shopdet3{ width: 100%; margin-top: 35px; } .shopdet3_1{ width: 100%; font-size: 18px; color: #01A1EB; } .shopdet3_2{ width: 100%; display: inline-block; margin-top: 25px; } .shopdet3_2 img{ width: 120px; float: left; margin-right: 2%; } .shopdet4{ width: 100%; } .shopdet4 img{ max-width: 100%; display: block; margin: auto; } .HYYYLIS{ width: 100%; } .HYYYLI{ width: 100%; display: inline-block; } .hyyyl{ width: 30%; height: 330px; display: block; float: left; margin-right: 5%; margin-bottom: 40px; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .hyyyl:nth-child(3n){ margin-right: 0; } .hyyyl1{ width: 100%; box-sizing: border-box; padding: 15px 20px; text-align: center; font-size: 16px; color: #333333; background: rgba(255,255,255,0.5); position:absolute; left:0; bottom: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .NEWLIS{ width: 100%; } .NEWLI{ width: 100%; margin-bottom: 40px; } .newli1{ border-bottom: 1px dashed #DCDCDC; box-sizing: border-box; padding: 20px 0; display: block; } .newli1_1{ width: 210px; height:145px; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; vertical-align: middle; } .newli1_2{ /* border: 1px solid red; */ box-sizing: border-box; width: 65%; margin-left: 2%; margin-right: 2%; display: inline-block; vertical-align: middle; } .newli12_1{ width: 100%; font-size: 18px; color: #191919; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .newli12_2{ width: 100%; margin-top: 20px; font-size: 12px; color: #191919; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .newli12_3{ width: 100px; height: 30px; margin-top: 20px; background: #61CCFF; text-align: center; line-height: 30px; font-size: 12px; color: white; } .newli1_3{ width: 55px; display: inline-block; vertical-align: middle; } .newli13_1{ width: 100%; text-align: center; font-size: 49px; color:#595959; } .newli13_2{ border-top: 1px solid #ADADAD; box-sizing: border-box; width: 100%; text-align: center; font-size: 16px; color: #595959; } .NEWDES{ width: 100%; } .newde1{ width: 100%; text-align: center; font-size: 18px; color: #111111; } .newde2{ width: 100%; margin-top: 15px; text-align: center; } .newde2_1{ font-size: 12px; margin-right: 15px; display: inline-block; vertical-align: middle; } .newde2_2{ font-size: 12px; display: inline-block; vertical-align: middle; } .newde2_2 img{ display: inline-block; vertical-align: middle; } .newde22_1{ width: 10px; } .newde3{ border-top: 1px dashed #DDDDDD; border-bottom: 1px dashed #DDDDDD; box-sizing: border-box; margin-top: 25px; padding: 40px 0; font-size: 14px; color:#333333; } .newde3 img{ max-width: 100%; display: block; margin: auto; margin-bottom: 25px; } .newde4{ width: 100%; margin-top: 40px; } .newde4_1{ width: 100%; margin-bottom: 15px; font-size: 14px; color: #333333; } .newde4_1:last-child{ margin-bottom: 0; } .newde4_1 a{ color: #666666; } .GSJJS{ width: 100%; box-sizing: border-box; padding: 25px; } .gsjj1{ width: 100%; font-size: 28px; color: #333333; } .gsjj2{ width: 100%; margin-top: 30px; font-size: 14px; color:#999999; } .gsjj3{ width: 100%; display: block; margin-top: 30px; } .LXWMS{ width: 100%; box-sizing: border-box; padding: 25px 0; } .lxwm1{ border: 1px dashed #28DAAD; box-sizing: border-box; width: 100%; border-radius: 5px; height: 290px; overflow: hidden; } .lxwm2{ width: 100%; margin-top: 45px; margin-bottom: 45px; font-size: 22px; color: #000000; } .lxwm3{ width: 100%; margin-bottom: 25px; } .lxwm3:last-child{ margin-bottom: 0; } .lxwm3_1{ width: 100%; font-size: 18px; color: #01A1EA; } .lxwm3_2{ width: 100%; margin-top: 15px; font-size: 14px; color: #000000; } .ZXZXS{ width: 100%; box-sizing: border-box; padding: 25px 0; } .ZXZXS img{ max-width: 100%; display: block; margin: auto; } .zxzx1{ width: 210px; display: block; margin: auto; } .zxzx2{ width: 100%; margin-top: 15px; text-align: center; font-size: 16px; color: #333333; } .zxzx3{ width: 555px; margin: auto; margin-top: 45px; } .zxzx31{ width: 100%; margin-bottom: 20px; display: inline-block; } .zxzx31_1{ width: 65px; min-height: 20px; line-height: 45px; float: left; font-size: 14px; color: #555555; } .zxzx31_2{ border:none; outline: none; width: 86%; height: 45px; margin-left: 2%; padding: 0 15px; box-sizing: border-box; border-radius: 5px; font-size: 14px; color: #555555; box-shadow: 0 0 5px #61CCFF; float: left; } .zxzx31_3{ border:none; outline: none; width: 86%; height: 190px; margin-left: 2%; padding: 15px; border-radius: 5px; font-size: 14px; color: #555555; box-shadow: 0 0 5px #61CCFF; float: left; box-sizing: border-box; } .zxzx31_4{ border:none; outline: none; width: 86%; height: 45px; margin-left: 2%; border-radius: 5px; background: #01A1EA; color: white; font-size: 18px; font-weight: bold; box-sizing: border-box; } @media (max-width: 1220px) and (min-width: 1020px) { .BANNERS .swiper-pagination{ display: flex; justify-content: center; } .RMSEACH{ width: 96%; } .CPZXINDE{ width: 96%; } .HYYY{ width: 96%; } .QYYS{ width: 96%; } .qyys21{ display: flex; align-items: flex-start; } .GSJS{ width: 96%; display: flex; justify-content: space-between; align-items: center; } .gsjs2{ margin-left: 0; } .XWDT{ width: 96%; } .xwdt2_1{ display: flex; align-items: center; } .KHXC{ width: 96%; } .FWLC{ width: 96%; } .fwlc1{ display: flex; justify-content: center; align-items: center; } .ALLCNT{ width: 96%; } .allcntleF2_1{ display: flex; align-items: center; } .newli1{ display: flex; align-items: center; } } @media (max-width: 1020px) { #PC { display: none; } .BANNERS .swiper-pagination{ display: flex; justify-content: center; } .BANNERS .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; } .RMSEACH { width: 96%; margin: 2% auto; height: auto; display: none; flex-wrap: wrap; } .rmseach1 { width: 100%; font-size: 0.2rem; line-height: normal; display: flex; flex-wrap: wrap; } .rmseach1 a{ margin-right: 0.1rem; margin-bottom: 0.1rem; } .rmseach2 { width: 100%; margin-top: 2%; margin-bottom: 2%; display: flex; align-items: center; } .rmseach2_1{ font-size: 0.2rem; } .rmseach2 form{ display: flex !important; width: 83%; } .rmseach2_2 { width: 100%; height: 0.6rem; } .rmseach22_1{ padding: 0 0.1rem; font-size: 0.2rem; } .rmseach22_2{ font-size: 0.2rem; } .CPZXINDE { width: 96%; margin: 0.3rem auto; display: flex; flex-wrap: wrap; } .cpzxinde1{ width: 100%; } .cpzxinde1_1 { padding: 0.2rem; display: flex; align-items: center; } .cpzxinde11_1{ width: 0.25rem; } .cpzxinde11_2{ margin-left: 0.1rem; font-size: 0.2rem; } .cpzxinde11_2 span{ font-size: 0.3rem; } .cpzxinde1_2 { padding: 0 0.15rem; /*padding-bottom: 0.55rem;*/ padding-bottom: 0.2rem; display: flex; align-items: center; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; } .cpzxinde12 { padding: 0.15rem 0; margin-right:0.4rem; display: flex; align-items: center; } .cpzxinde12:last-child{ margin-right:0; } .cpzxinde12_1{ width: 0.1rem; } .cpzxinde12_2{ font-size: 0.24rem; margin-left: 0.1rem; } .cpzxinde2 { width: 100%; margin-left: 0; margin-top: 2%; } .cpzxinde2_1 { padding: 0.1rem 0; display: flex; align-items: center; justify-content: space-between; } .cpzxinde21_1{ font-size: 0.24rem; } .cpzxinde21_2 { width: 1.2rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; } .cpzxinde2_2{ display: flex; flex-wrap: wrap; } .cpzxinde22{ width:49%; margin-top: 0.2rem; } .cpzxinde22:nth-child(3n){ margin-right: 2%; } .cpzxinde22:nth-child(2n){ margin-right: 0; } .cpzxinde22_1 { height: 2.8rem; } .cpzxinde22_2 { padding: 0.1rem; font-size: 0.24rem; } .HYYYS { background-image: none; background: #F4F4F4; } .HYYY{ width: 96%; margin-top: 0.5rem; } .hyyy1{ display:flex; justify-content: center; align-items: center; } .hyyy1 img{ width: 1.6rem; } .hyyy1 div { font-size: 0.36rem; margin-left: 0.1rem; margin-right: 0.1rem; } .hyyy2 { margin-top: 0.1rem; font-size: 0.2rem; } .hyyy3{ margin-top: 0.35rem; } .hyyy3 .swiper-container{ width: 100%; } .hyyy3 .swiper-button-prev{ width: 0.4rem; height: 0.4rem; } .hyyy3 .swiper-button-next{ width: 0.4rem; height: 0.4rem; } .hyyy3_1{ height: 5rem; } .hyyy31 { padding: 0.2rem; font-size: 0.23rem; } .QYYS { width: 96%; margin: 0.75rem auto; } .qyys1 { margin-top: 0.4rem; display: flex; flex-wrap: wrap; } .qyys2 { width: 100%; height: 2.5rem; margin-right: 0; display: flex; align-items: center; } .qyys2_1{ width: 47%; } .qyys2_2{ width: 50%; } .qyys21 { padding: 0 0.1rem; display: flex; align-items: flex-start; } .qyys21_1{ width: 0.2rem; height: 0.2rem; } .qyys212_1{ font-size: 0.26rem; } .qyys212_2 { margin-top: 0.1rem; font-size: 0.22rem; } .qyys2_1.right .qyys21{ padding-left: 0.35rem; } .qyys2_1.left .qyys21{ padding-right: 0.35rem; } .GSJS { width: 96%; margin: 0.35rem auto; display: flex; flex-wrap: wrap; } .gsjs1 { width: 100%; padding: 0.45rem 0.3rem; } .gsjs1_1{ font-size: 0.36rem; } .gsjs1_2 { margin-top: 0.3rem; font-size: 0.22rem; } .gsjs1_3 { font-size: 0.22rem; width: 1.2rem; height: 0.5rem; border-radius: 0.05rem; line-height: 0.5rem; margin-top: 0.3rem; } .gsjs2 { width: 100%; margin-left: 0; } .XWDT { width: 96%; margin: 0.65rem auto; } .xwdt1{ margin-top: 0.4rem; display: flex; justify-content: center; } .xwdt1_1 { font-size: 0.3rem; padding: 0.15rem 0; margin-right: 0.8rem; } .xwdt2{ display: flex; flex-wrap: wrap; } .xwdt2_1 { width: 100%; margin-right: 0; margin-top: 0.3rem; display: flex; align-items: center; } .xwdt21_1 { width: 1.1rem; padding: 0.1rem; } .xwdt211_1{ font-size: 0.32rem; } .xwdt211_2 { margin-top: 0.1rem; font-size: 0.26rem; } .xwdt21_2 { width: 83%; } .xwdt212_1 { font-size: 0.26rem; } .xwdt212_2 { margin-top: 0.15rem; font-size: 0.22rem; } .KHXC { width: 96%; margin: 0.6rem auto; } .khxc1{ margin-top: 0.4rem; } .khxc2_1{ height: 1.9rem; } .khxc2_2 { padding: 0.15rem; font-size: 0.22rem; } .khxc1 .swiper-container{ width: 100%; } .khxc1 .swiper-button-prev{ width: 0.4rem; height: 0.4rem; } .khxc1 .swiper-button-next{ width: 0.4rem; height: 0.4rem; } .FWLC { width: 96%; margin: 0.75rem auto; } .fwlc1{ display: flex; justify-content: center; align-items: center; } .fwlc1 img{ width: 1.6rem; } .fwlc1 div { font-size: 0.36rem; margin-left: 0.1rem; margin-right: 0.1rem; } .fwlc2 { margin-top: 0.1rem; font-size: 0.2rem; } .fwlc3 { margin-top: 0.6rem; margin-bottom: 0; display: flex; flex-wrap: wrap; background-image: none; } .fwlc3_1 { width: 32%; margin-right: 2%; margin-top: 0.2rem; } .fwlc3_1:nth-child(3n){ margin-right: 0; } .fwlc31_1{ width: 1.05rem; height:1.05rem } .fwlc3_1:nth-child(2){ top: 0; } .fwlc3_1:nth-child(7){ bottom: 0; } .fwlc31_2 { margin-top: 0.1rem; font-size: 0.22rem; position: inherit; left: inherit; top: inherit; } .fwlc31_3 { margin-top: 0.1rem; font-size: 0.22rem; position: inherit; left: inherit; bottom: inherit; } .ALLCNT { width: 96%; margin: 0.35rem auto; display: flex; flex-wrap: wrap; } .allcntle{ width: 100%; } .allcntri { width: 100%; margin-left: 0; margin-top: 2%; } .allcntleF1 { padding: 0.2rem; display: flex; align-items: center; } .allcntleF1_1{ width: 0.25rem; } .allcntleF1_2{ font-size: 0.2rem; margin-left: 0.1rem; } .allcntleF1_2 span{ font-size: 0.3rem; } .allcntleF2 { padding: 0 0.15rem; padding-bottom: 0.2rem; display: flex; align-items: center; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; } .allcntleF2_1 { padding: 0.15rem 0; display: flex; align-items: center; } .allcntleF21_1{ width: 0.1rem; } .allcntleF21_2 { margin-left: 0.1rem; font-size: 0.24rem; } .allcntleT { display:none; margin-top: 0.1rem; padding: 0.2rem; } .allcntleT1{ display: flex; justify-content: center; align-items: center; } .allcntleT1 img{ width: 0.4rem; } .allcntleT1 div { font-size: 0.26rem; margin-left: 0.1rem; margin-right: 0.1rem; } .allcntleT2 { width: 45%; margin-top: 0.1rem; } .allcntleT3 { margin-top: 0.1rem; font-size: 0.22rem; } .allcntleS { display:none; padding: 0.2rem 0; } .allcntleS1 { margin-bottom: 0.15rem; font-size: 0.26rem; } .allcntleS2 { margin-bottom: 0.1rem; font-size: 0.2rem; display: flex; } .allcntriF{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .allcntriF1{ font-size: 0.24rem; } .allcntriF2{ display: flex; align-items: center; } .allcntriF2 img{ width: 0.25rem; margin-right: 0.1rem; } .allcntriF2 div{ font-size: 0.2rem; } .allcntriT { margin-top: 0.1rem; padding: 0.25rem 0.2rem; } .SHOPLIST{ display: flex; flex-wrap: wrap; } .shopli { width: 49%; margin-bottom: 0.2rem; } .shopli:nth-child(3n){ margin-right: 2%; } .shopli:nth-child(2n){ margin-right: 0; } .shopli1{ height: 2.65rem; } .shopli2 { padding: 0.1rem; font-size: 0.23rem; } .pagination{ display: flex; justify-content: center; flex-wrap: wrap; } .pagination a { height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; padding: 0 0.2rem; margin: 0.05rem; border-radius: 0.05rem; } .pagination span { height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; padding: 0 0.2rem; margin: 0.05rem; border-radius: 0.05rem; } .shopdet1{ display: flex; flex-wrap: wrap; } .shopdet1_1{ width: 100%; } .shopdet1_2 { width: 100%; padding: 0.3rem; } .shopdet12_1{ font-size: 0.34rem; } .shopdet12_2{ margin-top: 0.3rem; font-size: 0.22rem; } .shopdet122 { margin-bottom: 0.15rem; font-size: 0.22rem; } .shopdet12_3 { margin-top: 0.2rem; padding: 0.15rem 0.2rem; font-size: 0.26rem; } .shopdet12_4 { width: 2.05rem; height: 0.55rem; margin-top: 0.25rem; line-height: 0.55rem; font-size: 0.28rem; } .shopdet2{ display: flex; flex-wrap: wrap; font-size: 0.26rem; overflow: hidden; overflow-x: auto; } .shopdet2 div{ max-width: 100%; overflow: hidden; overflow-x: auto; } .shopdet2_1 { width: 1.35rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; } .shopdet3{ margin-top: 0.35rem; } .shopdet3_1{ font-size: 0.26rem; } .shopdet3_2 { display: flex; flex-wrap: wrap; margin-top: 0.25rem; } .shopdet3_2 img{ width: 1.2rem; margin-bottom: 1%; } .HYYYLI { display: flex; flex-wrap: wrap; } .hyyyl { width: 49%; height: 3.3rem; margin-right: 2%; margin-bottom: 0.4rem; } .hyyyl:nth-child(3n){ margin-right: 2%; } .hyyyl:nth-child(2n){ margin-right: 0; } .hyyyl1 { padding: 0.15rem 0.2rem; font-size: 0.24rem; } .NEWLI{ margin-bottom: 0.4rem; } .newli1 { padding: 0.2rem 0; display: flex; align-items: center; } .newli1_1 { width: 2.1rem; height: 1.45rem; } .newli1_2{ width: 50%; } .newli12_1{ font-size: 0.26rem; } .newli12_2 { margin-top: 0.2rem; font-size: 0.2rem; } .newli12_3 { width: 1.6rem; height: 0.4rem; margin-top: 0.2rem; line-height: 0.4rem; font-size: 0.2rem; } .newli1_3{ width: 1rem; } .newli13_1{ font-size: 0.57rem; } .newli13_2{ font-size: 0.24rem; } .newde1{ font-size: 0.26rem; } .newde2 { margin-top: 0.15rem; display: flex; flex-wrap: wrap; } .newde2_1 { font-size: 0.2rem; margin-right: 0.15rem; } .newde2_2 { font-size: 0.2rem; display: flex; align-items: center; } .newde22_1{ width: 0.15rem; } .newde3 { margin-top: 0.25rem; padding: 0.4rem 0; font-size: 0.22rem !important; } .newde4{ margin-top: 0.4rem; } .newde4_1 { margin-bottom: 0.15rem; font-size: 0.22rem; } .GSJJS { padding: 0.25rem; } .gsjj1{ font-size: 0.36rem; } .gsjj2 { margin-top: 0.3rem; font-size: 0.22rem; } .gsjj3 { margin-top: 0.3rem; } .LXWMS { padding: 0.25rem 0; } .lxwm1{ height: 2.9rem; } .lxwm2 { margin-top: 0.45rem; margin-bottom: 0.45rem; font-size: 0.3rem; } .lxwm3{ margin-bottom: 0.25rem; } .lxwm3_1{ font-size: 0.26rem; } .lxwm3_2 { margin-top: 0.15rem; font-size: 0.22rem; } .ZXZXS { padding: 0.25rem 0; font-size: 0.24rem; } .zxzx1{ width: 2.1rem; } .zxzx2 { margin-top: 0.15rem; font-size: 0.24rem; } .zxzx3 { width: 100%; margin-top: 0.45rem; } .zxzx31 { margin-bottom: 0.2rem; display: flex; align-items: flex-start; } .zxzx31_1 { width: 1rem; min-height: 0.2rem; line-height: 0.6rem; font-size: 0.22rem; } .zxzx31_2 { width: 83%; height: 0.6rem; padding: 0 0.15rem; border-radius: 0.05rem; font-size: 0.22rem; box-shadow: 0 0 0.05rem #61ccff; } .zxzx31_3 { width: 83%; height: 2rem; padding: 0.15rem; border-radius: 0.05rem; font-size: 0.22rem; box-shadow: 0 0 0.05rem #61ccff; } .zxzx31_4 { width: 83%; height: 0.6rem; border-radius: 0.05rem; font-size: 0.26rem; } }