@charset "UTF-8"; .homeabout {clear: both; margin: 0px auto; padding: 30px 0 0 0; height: auto; font-size: 14px; line-height: 30px; color: #444; text-align: left; display: none;} .homeabout a:link, .homeabout a:visited {font-size:9pt;line-height:175%;color:#444;} @media only screen and (max-width: 1180px) { .main .banner .wrap .p1{ font-size:16px;} .main .banner .wrap .p1 b, .main .banner .wrap .p1 span{ font-size:14px;} .yi3{ padding-bottom:100px; font-size: 14px; line-height: 30px;} .yi3_z{ font-size: 16px; line-height: 30px;} .yi h5{ font-size:20px;} .yi h6{ font-size:16px;} .yi .yi2{ font-size:14px;} .contact-page .policy .tit { font-size: 18px;} .contact-page .policy .box { font-size: 14px;} .cpt{ font-size:18px; text-align:center;} .about-page .internet .introduction p { font-size:14px;} .header .nav .sub100{ display:none;} .about-page .pp { max-width: 100%; margin: 0; padding:40px 0 0 0; } .cp { width: 100%; background: #333; padding: 40px 0;} .cpn{ margin: 0 20px; overflow:hidden;} .cpn a{ display:block; float:left; text-align:center; width:100%; margin-right: 0%; margin-bottom:2%;} .cpn a img{ width:100%; height:auto;} .cpn a:nth-child(2n){ margin-right:0;} .cpn a span{ display:block; padding:16px 0 0 0; color:#333; text-align:left; } .cpn a pre{ padding-top:4px;} .xhgn { background: #fff; padding: 0 0 20px 20px; text-align:left; font-size: 14px; min-height:auto;} *{ box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rbtn::after { display: none; } @media only screen and (max-width: 750px) { .lzpic2{ display: block; } .lzpic1{ display: none; } } .main .banner .wrap { padding: 20px; } .main .banner .p1 { font-size: 22px; letter-spacing: 4px; font-family:Arial, Helvetica, sans-serif; } .main .banner .p2 { font-size: 14px; margin: 8px 0 12px 0; } .main .banner .btn { min-width: auto; height: 24px; line-height: 22px; font-size: 12px; } @media only screen and (max-width: 600px){ .main .banner .pic1{ display: none; } .main .banner .pic2{ display: block; } .main .banner .wrap { padding: 0 14px; text-align: center; left: 0; top: auto; bottom: 50px; transform: translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); } } .main .popularity { padding: 50px 10px; } .main .popularity ul { margin-top: 30px; } @media only screen and (max-width: 800px){ .main .popularity .title{ font-size: 20px; } .main .popularity ul{ margin: 30px 0 0 0; } .main .popularity li { padding: 0 6px; margin-bottom: 12px; } .main .popularity li .en, .main .popularity li .tit { height: 22px; line-height: 22px; } .main .popularity li .en { font-size: 16px; } .main .popularity li .tit { font-size: 14px; } } @media only screen and (max-width: 600px){ .main .popularity li { width: 50%; } .main .popularity li:nth-child(4n+1) { } .main .popularity li:nth-child(2n+1) { } } .main .news { padding: 40px 20px; } .main .news ul { margin: 0 -10px; } .main .news li { padding: 0 5px; margin-bottom: 18px; } .main .news .tit { margin: 10px 0 6px 0; } .main .news .tit{ font-size: 16px; } .main .news .txt{ font-size: 14px; } @media only screen and (max-width: 600px){ .main .news .swiper-container{ margin-bottom: 20px; } .main .news .swiper-slide{ width: 300px; } .main .news .pic a{ display: block; } .main .news .pic a:hover img, .main .news .pic a:hover, .main .news .pic a, .main .news .pic img, .main .news .pic{ border-radius: 18px; overflow: hidden; transform: rotate(0deg); } .main .news li{ width: 50%; } .main .news li:nth-child(3n+1) { clear: none; } .main .news li:nth-child(2n+1) { clear: left; } } .main .product { padding: 40px 20px 1px 20px; } .main .product .content { margin: 0 -5px; } .main .product .list { padding: 0 5px; } .main .product .list:nth-child(3) li { margin-bottom: 24px; } .main .product .title { line-height: 30px; font-size: 16px; padding: 0; } .main .product .swiper-container, .main .product ul { padding: 20px 0; } .main .product .swiper-slide, .main .product li { margin-bottom: 20px; } .main .product .list i { margin-right: 14px; } .main .product .list .text { padding-top: 6px; } @media only screen and (max-width: 800px){ .main .product .swiper-wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .main .product .list{ width: 100%; } .main .product .list.qt{ display: none; } .main .product .list:nth-child(3n+1) { clear: none; } .main .product .list:nth-child(2n+1) { clear: left; } .main .product .list a{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; text-align: center; } .main .product .list i{ display: block; height: 100px; line-height: 100px; float: none; margin: 0; } .main .product .list i img{ max-height: 100%; } .main .product .list .en{ margin: 16px 0 10px 0; } } @media only screen and (max-width: 500px){ .main .product .list:nth-child(4) li i, .main .product li i{ max-width: 60px; min-width: auto; margin-right: 10px; } } .container .banner .text { font-size: 20px; } @media only screen and (max-width: 750px){ .container .banner .text { left: 0; top: auto; bottom: 30px; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); text-align: center; } } .about-page .philosophy { padding: 40px 20px; } .about-page .philosophy .wrap{ text-align: center; } .about-page .philosophy .content{ overflow-x: scroll; display: inline-block; max-width: 100%; width: auto; } .about-page .philosophy article { text-align: left; min-width: 600px; padding-right: 20px; } .about-page .philosophy .p1 { font-size: 16px; letter-spacing: .4em; margin-left: 30px; } .about-page .philosophy .p2 { font-size: 18px; max-height: 240px; letter-spacing: .2em; } .about-page .philosophy .p2 p { padding: 0 10px 0 20px; } .about-page .philosophy .text { font-size: 14px; line-height: 20px; letter-spacing: .4em; } .about-page .philosophy .text p { margin-left: 10px; } .about-page .philosophy .p3 { font-size: 14px; letter-spacing: .4em; margin-right: 30px; } .about-page .internet .introduction, .about-page .acupoint .introduction { margin: 30px auto; line-height: 30px; font-size: 16px; text-align: center; } .about-page .acupoint { padding: 40px 20px; } .about-page .acupoint .list .box { padding: 26px 0 0 0; margin-bottom: 50px; } .about-page .acupoint .list .box:last-child { margin-bottom: 0; } @media only screen and (max-width: 750px){ .about-page .acupoint .list .box{ max-width: 600px; margin-left: auto; margin-right: auto; } .about-page .acupoint .list .illness { font-size: 18px; position: relative; text-align: center; font-weight: bold; writing-mode:horizontal-tb; margin-bottom: 20px; } .about-page .acupoint .list .picleft, .about-page .acupoint .list .picright { width: 100%; padding: 0; margin: 20px 0; } .about-page .acupoint .list .en { font-size: 20px; font-weight: bold; } .about-page .acupoint .list .tit { font-size: 16px; letter-spacing: .1em; font-weight: normal; } } .about-page .prize .title, .about-page .internet .title { font-size: 22px; } .about-page .internet { padding: 40px 20px 0 20px; } .about-page .internet .introduction { margin: 20px auto; text-align: center; } .about-page .internet .data{ margin: 40px 0; } .about-page .internet .data .number{ font-weight: 200; } .about-page .internet .data .box { margin: 0 20px; } .about-page .bottompic { margin-top: 30px; } .about-page .prize { padding: 40px 20px 10px 20px; } .about-page .prize ul{ margin: 40px -20px 0 -20px; } .about-page .prize ul li { margin-bottom: 60px; } .about-page .prize ul li img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); opacity: 1; } @media only screen and (max-width: 750px){ .about-page .prize ul li{ width: 49%; padding: 0 10px; } .about-page .prize ul li .i{ padding: 0 10%; height: 70px; } .about-page .prize ul li .t{ font-size: 16px; } .about-page .prize ul li:nth-child(3n+1) { clear: none; } .about-page .prize ul li:nth-child(2n+1) { clear: left; } .about-page .history { margin: 40px auto; padding: 0 20px; } .about-page .history li { padding: 30px 0; } .about-page .history .date { width: 70px; font-size: 50px; line-height: 50px; font-weight: bold; } .about-page .history .date.ts{ line-height: 50px; } .about-page .history .date span{ width: 30px; } .about-page .history .date .line { height: 30px; margin: 10px auto; } .about-page .history .text { padding-left: 20px; } .about-page .history .tit { font-size: 16px; } .about-page .history .txt { font-size: 14px; font-weight: normal; } } .news-page { padding: 40px 20px; } @media only screen and (max-width: 900px){ .news-list .list { margin-bottom: 20px; } .news-list .date { font-size: 20px; margin-bottom: 10px; } .news-list li { padding: 10px 0; } .news-list li .pic { width: 200px; } .news-list li .text { padding-left: 220px; } .news-list li .tit, .news-list li .info, .news-list li .txt { height: 20px; line-height: 20px; } .news-list li .tit { font-size: 16px; font-weight: normal; line-height: 26px; height: 60px;} .news-list li .info { margin: 8px 0 4px 0; color: #999; } .news-list li .txt { height: 60px; font-size: 14px; } .news-list li .more { display: none; } } @media only screen and (max-width: 500px){ .news-list .list { margin-bottom: 10px; } .news-list .date { margin-bottom: 10px; } .news-list li .pic { width: 160px; } .news-list li .text { padding-left: 170px; } .news-list li .txt { height: 40px; -webkit-line-clamp:2; display:none; } } @media only screen and (max-width: 770px){ .news-page .details { padding: 0; } .news-page .details .title { font-size: 20px; padding: 0; } .news-page .details .date, .news-page .details .social-share { margin: 0 10px; } .news-page .details .social-share a { margin: 0 5px; } .news-page .article { margin-top: 30px; padding-top: 30px; } .news-page .article .tsimg1, .news-page .article .tsimg2{ float: none; } .news-page .article .tsimg2 { margin-top: 20px; } } .product-list { padding: 40px 20px 0 20px; } .product-list ul { margin: 30px -20px; } .product-list li { padding: 0 20px; } .product-list li .pic { width: 180px; height: 180px; } @media only screen and (max-width: 800px){ .product-list .title { font-size: 20px; } .product-list ul{ margin: 30px -5px; } .product-list li { width: 50%; padding: 0 5px; } .product-list li:nth-child(3n+1) { clear: none; } .product-list li:nth-child(2n+1) { clear: left; } .product-list li .pic{ width: 130px; height: 130px; } .product-list li .en, .product-list li .tit, .product-list li .txt{ height: 26px; line-height: 26px; } .product-list li .en { font-size: 16px; } .product-list li .tit { font-size: 16px; } .product-list li .txt { height: 40px; line-height: 20px; -webkit-line-clamp:2; font-size: 12px; margin-top: 0px; } } .product-details { /*padding-top: 40px;*/ } .pron{ background:#333; padding: 0;} .product-details .headTitle { line-height: 30px; font-size: 18px; top: 50px; padding: 10px 20px; } .product-details .headTitle span { font-size: 16px; margin-left: 14px; } .product-details .headTitle .price { font-size: 16px; } .product-details .headTitle .btn { margin: 3px 0 0 12px; } @media only screen and (max-width: 600px){ .product-details .headTitle .price{ float: none; margin-top: 6px; } .product-details .headTitle .btn{ display: inline-block; float: none; vertical-align: top; } } .product-details .banner .text { left: 10px; transform: translate(0, -95%); -webkit-transform: translate(0, -95%); -moz-transform: translate(0, -95%); -ms-transform: translate(0, -95%); -o-transform: translate(0, -95%); font-size: 26px; } @media only screen and (max-width: 750px){ .product-details.sport .banner .text, .product-details .banner .text{ left: 0; top: auto; bottom: 30px; transform: translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); text-align: center; font-size: 22px; font-weight: normal; } } .product-details .features { padding: 50px 20px; } .product-details .features img{ max-width: 40%; } .product-details .features .text { width: 180px; } .product-details .features .p1{ font-size: 32px; } .product-details .features .p1 span{ font-size: 18px; } .product-details .features .p2{ line-height: 28px; font-size: 16px; } @media only screen and (max-width: 950px){ .product-details .features .text4, .product-details .features .text3 { bottom: 100px; } } @media only screen and (max-width: 750px){ .product-details .features{ padding: 10px 20px; } .product-details.iSeeM .features .text1, .product-details.scalpminiPro .features .text1, .product-details.iSeeM .features .text2, .product-details.scalpminiPro .features .text2, .product-details.iSeeM .features .text3, .product-details.scalpminiPro .features .text3, .product-details.iSeeM .features .text4, .product-details.scalpminiPro .features .text4, .product-details.iDream5S .features .text1, .product-details.iDream5S .features .text2, .product-details.iDream5S .features .text3, .product-details.iDream5S .features .text4, .product-details .features .text{ width: 100%; position: relative; top: auto; left: auto; right: auto; bottom: auto; padding: 20px 0; } .product-details .features .pic{ padding: 20px 0; } .product-details .features .p2{ font-weight: normal; } } @media only screen and (max-width: 600px){ .product-details .features img{ max-width: 60%; } } @media only screen and (max-width: 400px){ .product-details .features img{ max-width: 70%; } } .product-details .introduction { padding-bottom: 40px; } .product-details .introduction .head { padding: 40px 20px; } .product-details .introduction .head img{ max-width: 80%; } .product-details .introduction .head .tit { font-size: 30px; margin: 30px 0 10px 0; } .product-details .introduction .head .txt { font-size: 16px; } @media only screen and (max-width: 750px){ .product-details .introduction .head .tit, .product-details .introduction .head .txt{ font-weight: normal; } } .product-details.iSeeM .features .text2, .product-details.iSeeM .features .text1 { top: -10px; } .product-details.iSeeM .features .text4, .product-details.iSeeM .features .text3 { bottom: -10px; } .product-details .introduction .row .text{ padding: 6px; } .product-details .introduction .row .p1, .product-details .introduction .row .p2 { line-height: 26px; max-width: 280px; } .product-details .introduction .row .p1 { font-size: 20px; } .product-details .introduction .row .p2 { font-size: 16px; } @media only screen and (max-width: 750px){ .product-details .introduction{ padding-bottom: 0; } .product-details .introduction .row { display: -webkit-block; display: -moz-block; display: -ms-block; display: -o-block; display: block; } .product-details .introduction .row:nth-child(even) .pic, .product-details .introduction .row:nth-child(even) .text, .product-details .introduction .row .pic, .product-details .introduction .row .text { width: 100%; float: none; position: static; } .product-details .introduction .row:nth-child(even) .text, .product-details .introduction .row .text { height: 100%; padding: 24px 20px 40px 20px; text-align: center; } .product-details .introduction .row .line { display: none; } .product-details .introduction .row .p1, .product-details .introduction .row .p2 { max-width: 100%; line-height: 32px; margin: 0 !important; } .product-details .introduction .row .p1 { font-size: 20px; font-weight: normal; } .product-details .introduction .row .p1::after{ content: " "; width: 20px; height: 1px; background: #ff740f; display: block; margin: 10px auto 0 auto; } .product-details.sport .introduction .row .p1::after, .product-details.scalpminiPro .introduction .row .p1::after{ background: #AB308A; } .product-details.iDream5S .introduction .row .p1::after{ background: #4678B1; } .product-details .introduction .row .p2 { font-size: 16px; margin-top: 14px !important; } .product-details .introduction .row .p2 span { font-weight: normal; } } .product-details .photo { padding: 40px 20px; } .product-details .photo .title { font-size: 20px; margin-bottom: 6px; font-weight: bold; } .product-details .photo .info{ color: #242424; margin-top: 20px; } .product-details .photo .swiper-container { margin-top: 30px; padding-bottom: 0; overflow: visible; padding-right: 32px; } .product-details .photo .swiper-pagination-bullet { margin: 0 4px; display: none; } .product-details .photo .swiper-slide:hover img, .product-details .photo .swiper-slide:hover, .product-details .photo .swiper-slide img, .product-details .photo .swiper-slide{ overflow: hidden; border-radius: 12px; transform: rotate(0deg); } .product-details .parameter { padding: 40px 20px; } .product-details .parameter .entit { font-size: 22px; } .product-details .parameter .title { font-size: 16px; margin-top: 10px; } .product-details .parameter .entit, .product-details .parameter .title{ font-weight: normal; } .product-details .parameter .content { max-width: 500px; margin: 40px auto 0 auto; } .product-details .parameter .text , .product-details .parameter .pic { width: 100%; float: none; } .product-details .parameter .text { margin-top: 30px; } .product-details .parameter .row { margin-bottom: 30px; } .product-details .parameter .row:last-child { margin-bottom: 0; } .product-details .parameter p { padding: 12px 0; } @media only screen and (max-width: 980px){ .contact-page .title{ margin-top: 0; } .contact-page .title .tit { padding-top:0; line-height: 30px;font-size: 20px;} .contact-page .title .txt { padding-top:0; line-height: 30px;font-size: 16px; color:#999;} .contact-page .qrcodebox .box, .contact-page .contact .box { width: 50%; } .contact-page .contact .icon{ width: 50px; } .contact-page .contact .p1{ line-height: 30px; } .contact-page .contact .p1, .contact-page .contact .p1 a { font-size: 20px; } } @media only screen and (max-width: 780px){ .contact-page { padding: 40px 20px; } .contact-page .row { margin-bottom: 40px; } .contact-page .col{ width: 100%; float: none; } .contact-page .col8 { padding-left: 0; } .contact-page .title{ text-align: center; margin-bottom: 30px; } .contact-page .title .txt br{ display: none; } .contact-page .qrcodebox, .contact-page .contact { padding-bottom: 30px; } .contact-page .contact .icon{ width: 34px; } .contact-page .contact .p1 { margin: 12px 0; line-height: 22px; } .contact-page .contact .p1, .contact-page .contact .p1 a { font-size: 16px; } .contact-page .qrcodebox { padding-top: 30px; } .contact-page .qrcodebox .qrcode { width: 82px; margin: 0 auto; } .contact-page .qrcodebox .icon { height: 24px; } .contact-page .address { padding-top: 30px; } .contact-page .policy .box { padding: 30px 0; } .contact-page .policy .box:first-child { padding-top: 0; } } .modelist .col { padding: 0 30px; } @media only screen and (max-width: 780px){ .work-page .pcbtn , .cooperation-page .pcbtn { margin-top: 30px; } .cooperation-page .pcbtn a, .cooperation-page .pcbtn button, .cooperation-page .pcbtn input { min-width: 160px; } .member-page, .support-page, .work-page, .cooperation-page { padding: 40px 20px; } .pcintr{ padding-bottom: 30px; } .pcintr .p1 { line-height: 30px; font-size: 16px; } .pcintr .p2 { line-height: 24px; font-size: 14px; margin-top: 20px; } .cooperation-page .pcintr .p3 { font-size: 18px; margin: 30px 0; } .cooperation-page .pcintr ul { width: auto; max-width: none; display: inline-block; margin: 0 auto 10px auto; padding-left: 0px; } .cooperation-page .pcintr ul li { width: 100%; margin-bottom: 10px; } .modelist .row { margin-bottom: 0; } .modelist .col { padding: 0; width: 100%; margin-bottom: 30px; } .modelist .icon { height: 50px; line-height: 60px; } .modelist .tit { margin: 20px 0 14px 0; } .modelist .txt{ font-size: 14px; line-height: 22px; } .cooperation-page .partner { padding: 30px 0 30px 0; } .cooperation-page .partner .title { font-size: 20px; } .cooperation-page .partner .slogan { margin-top: 10px; } .cooperation-page .partner ul { margin-top: 30px; } .cooperation-page .partner ul li { width: 50%; padding: 0 5px; margin-bottom: 20px; } .cooperation-page .partner ul li a{ height: 60px; } .cooperation-page .partner ul li:nth-child(2n+1) { clear: left; } .cooperation-page .partner ul li:nth-child(3n+1) { clear: none; } .cooperation-page .message { padding: 30px 14px; } .cooperation-page .message .row { margin-top: 30px; } .cooperation-page .message .inpu select, .cooperation-page .message .inpu input { height: 30px; line-height: 30px; } .work-page .work { padding-top: 30px; } .work-page .work .txt { line-height: 30px; font-size: 16px; } .work-page .work .picbox { margin: 30px -5px 0 -5px; } .work-page .work .picbox .col { padding: 0 5px; margin-bottom: 10px; } .member-page .title, .support-page .title { font-size: 20px; padding: 30px 0; } .support-page .connection { padding-bottom: 30px; } .support-page .connection li { margin-bottom: 30px; } .support-page .connection li .icon { width: 140px; height: 140px; } .support-page .connection li .num { margin: 10px 0; } .support-page .connection li .txt { max-width: 140px; line-height: 22px; font-size: 14px; } .support-page .product ul{ margin: 0; padding: 0; } .support-page .product li { width: 50%; margin-bottom: 40px; padding: 0 10px; } .support-page .product li:nth-child(3n+1) { clear: none; } .support-page .product li:nth-child(2n+1) { clear: left; } .support-page .product li .icon{ padding: 0 20px; } .support-page .product li .txt { margin-top: 20px; } } .support-page .problem .modelist{ margin-top: 0; padding: 0; } .support-page .problem .modelist .col{ padding: 0; } @media only screen and (max-width: 550px){ .support-page .pcintr br{ display: none; } .support-page .connection li{ width: 50%; } .support-page .connection li:nth-child(3n+1) { clear: none; } .support-page .connection li:nth-child(2n+1) { clear: left; } .support-page .connection li:nth-child(3n) .num::after, .support-page .connection li:nth-child(3n+1) .num::before { background: #5EB3CC; } .support-page .connection li:nth-child(2n) .num::after, .support-page .connection li:nth-child(2n+1) .num::before { background: #fff; } .support-page .connection li .icon{ width: 120px; height: 120px; } } .member-page .level .col { padding: 0 20px; } .member-page .level .txt::after { left: -20px; } @media only screen and (max-width: 780px){ .member-page .interests { padding-bottom: 10px; } .member-page .interests .title{ padding-bottom: 30px; } .member-page .interests .modelist .row { margin-bottom: 0; } .member-page .level { padding-top: 0px; } /*.member-page .level .pic{ max-width: 275px; }*/ .member-page .level .p1 { margin: 10px 0; } .member-page .level .col { padding: 30px 0; width: 100%; border-bottom: solid 1px #242424; } .member-page .level .txt { line-height: 22px; margin-top: 20px; } .member-page .level .txt::after { display: none; } .member-page .qrcode { margin-top: 30px; } } .member-page .level .txt, .member-page .level .p2, .contact-page .policy, .contact-page .title .txt, .product-details .parameter p, .product-details .parameter .entit, .product-details .parameter .title, .product-details .introduction .row .p2, .product-details .introduction .head .txt, .product-details .introduction .head .tit, .product-details .features .p2, .product-details .features .p1, .product-details .banner .text, .product-list li .txt, .about-page .history .txt, .container .banner .text, .news-page .article{ font-weight: normal; } .layui-layer-setwin .layui-layer-close2{ right: 0px !important; top: 0px !important; } .ykplayer .x-gradient, .ykplayer .x-mask, .ykplayer .x-trigger, .ykplayer .x-video-button, .ykplayer .x-video-poster{ bottom: 0 !important; } }/*手机版css*/