/*Common For Max 1200*/ @media only screen and (max-width: 1190px) { body{padding-top: 70px;} .header{ position: fixed;left: 0;right: 0;top: 0;z-index: 999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; box-shadow: 0 0 5px rgba(204,204,204,.6); } .header .hd-bot{height: 70px;} .logo{height: 70px;line-height: 70px;} body{padding-top: 70px;} .header .hd-top{display: none;} .menuBtn{display: block;} .nav{ float: none; position: absolute;left: 0;right: 0;top: 100%; display: none; border-top: 1px #ccc solid; padding: 0; } .nav li{float: none;width: auto;margin: 0;background: rgba(255,255,255,.9);} .nav .v1,.index .nav .v1{ height: auto; line-height: 35px;font-size: 14px; padding: 0;text-align: center; } .nav li:hover .v1, .nav li.on .v1{background: none;} .nav .subBox{position: static;width: auto;background: none;padding: 0;margin: 0;} .nav .subBox .pic{display: none;} .nav .subBox dl dd{float: none;width: auto;margin: 0;} .nav .subBox dl a{display: block;text-align: center;font-size: 13px;line-height: 30px;} .nav li:hover{background: rgba(5,92,71,.9);} .nav li:hover .subBox dl a, .nav li:hover .v1{color: #fff;} .footer .fd-top{padding: 15px 5px 10px;text-align: center;} .f-nav{display: none;} .f-ma{float: none;width: auto;display: inline-block;} .banner .slick-dots{left: 0;width: 100%;bottom: 15px;} .m-lecture-lb .video{height: auto;} } /*Common For Max 960*/ @media only screen and (max-width: 1199px) { .wp{width: 98%;} .menuBtn{right: 1%;} .banner{height: 350px;} .ul-list1{padding-left: 0;padding-right: 0;} .g-tit1,.index-row3 .col-l .g-tit1, .index-row3 .g-tit1{font-size: 20px;margin-bottom: 15px;} .index-row1,.index-row2,.index-row3{padding: 20px 0 0;} .index-row1 .col-l, .index-row2 .col-l, .index-row3 .col-l, .index-row1 .col-r, .index-row2 .col-r{ float: none;width: auto;margin: 0 0 20px; } .index-row3 .col-r,.index-row3 .col-c{ width: 49%;margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .index-row3 .col-c{float: left;} .m-news1 .pic{margin-right: 10px;} .m-news1 .txt h4{font-size: 15px;} .m-plan:after{display: none;} .m-plan .txt{font-size: 13px;padding: 5% 20px 0;} .m-plan .txt h4{font-size: 16px;margin-bottom: 10px;} .index-row2 .p-txt{margin: 0 0 10px;} .index-row3 .links{padding: 10px 0 20px;} .index-row3 .links .g-tit1{float: none;margin-bottom: 15px;} .ul-list6{margin: 0 -5px 20px;} .ul-list6 li{padding: 0 5px 10px;} .ul-list6 .txt{padding: 15px 10px;font-size: 13px;} .ul-list6 .txt h3{padding-bottom: 10px;margin-bottom: 10px;font-size: 15px;} .ul-list6-1 .txt{padding: 10px;} .ul-list6-1 .txt h3{margin-bottom: 0;padding-bottom: 0;background-image: none;} .m-cont .pic{float: none;margin: 0 auto 30px;} .m-cont .txt{float: none;} .ul-list8{width: auto;} .m-cont .txt .arrow{position: static;text-align: center;margin-top: 10px;} .m-cont .txt .arrow a{display: inline-block;vertical-align: top;} .m-history .slick-nav{padding: 0 40px;} .m-history .slick-nav .slider{padding-left: 0;padding-right: 0;padding-bottom: 20px;} .m-history .slick-nav .slick-next{right: -30px;} .m-history .slick-nav .slick-prev{left: -30px;} .m-history .slick-for{padding: 30px 20px 10px;} .m-history .slick-nav .item{font-size: 14px;} .m-history .slick-nav .slick-current{font-size: 20px;} .m-about .txt1{width: auto;padding: 10px 20px 20px;} .m-about .txt2{ position: static;width: auto;max-height: none; padding: 20px;margin: 0; } .m-about .txt2 h3{text-align: center;} .m-about .txt3 .det{padding: 20px;} .m-about .txt3 h4 em br{display: none;} /* -----------------[优越会GEG01]--------------*/ .m-content-lb{margin-bottom: 20px;} .m-content-lb .col-l,.m-content-lb .col-r{ float: none;width: auto;margin-bottom: 10px; } .ul-txt-lb1 .items{padding: 10px 20px;} .ul-list-lb1{margin: 0 -5px;} .ul-list-lb1 .items{margin: 0 5px;} .ul-list-lb1 .items .text{font-size: 12px;margin-left: 10px;margin-left: 10px;} .ul-list-lb1 .other .items .text{margin: 0;} .ul-list-lb1.lb2 li{margin-bottom: 10px;} /* -----------------[优越会GEG02]--------------*/ .m-lecture-lb .col-l,.m-lecture-lb .col-r{float: none;width: auto;} .m-txt-box{padding: 10px 0;} .m-txt-box .m-page1{text-align: center;padding: 0;} .ul-txt-lb2 .items{padding: 10px 20px;} .m-page1 a{display: inline-block;vertical-align: top;} .m-artical-lb1{margin-top: 30px;} .lecture-tit{margin-bottom: 20px;} .lecture-tit h4{font-size: 20px;} /* -----------------[企业责任]--------------*/ .m-about-lb.lb2 .tit{font-size: 40px;} .m-about-lb.lb2{margin: 0;} .m-about-lb .con,.m-about-lb.lb2 .con{margin-top: 20px;} /* -----------------[专利]--------------*/ .ul-list9{text-align: center;} .ul-list9 li{float: none;display: inline-block;vertical-align: top;} .m-patent{padding: 30px 20px;} /* -----------------[产品中心]--------------*/ .ul-tab-lb3 li a{margin: 0 5px;} .ul-tab-lb3 li.on a i{ width: 130px;height: 130px; margin: 0; -webkit-transform: translate(-50%,-80%); -ms-transform: translate(-50%,-80%); -o-transform: translate(-50%,-80%); transform: translate(-50%,-80%); } .ul-con-lb3{margin: 0 -5px;} .ul-con-lb3 li{margin: 0;} .ul-con-lb3 .items{margin: 0 5px 10px;} .ul-con-lb3 .txt{padding: 10px 0 20px;} .ul-con-lb3 .txt h4 a{font-size: 16px;line-height: 1.5;} .ul-con-lb3 .txt p{font-size: 13px;} /* -----------------[产品中心03]--------------*/ .m-product-lb{padding: 0;} .pro-con-lb{padding: 30px 80px;} .m-product-lb h1{font-size: 24px;} .ul-pro-lb1 li{width: 50%;margin-bottom: 5px;} .ul-pro-lb1 .items{padding: 20px;} .ul-pro-lb1 .items h4{font-size: 22px;line-height: 1.5;} /* -----------------[临床应用]--------------*/ .clinic-tit{font-size: 24px;line-height: 2;padding-bottom: 10px;} .m-clinic1{padding: 10px 0 20px;} .img-txt-nic{margin-top: 20px;} .img-txt-nic .img{margin-right: 20px;} .m-clinic2{padding-left: 80px;padding-right: 80px;} .m-clinic2 .con{margin-top: 20px;} .m-clinic3{padding-top: 20px;padding-bottom: 30px;} .m-clinic3 .txt3{margin-top: 20px;} .ul-img-lb li{margin-bottom: 15px;} .ul-tab-lb4{text-align: center;} .ul-tab-lb4 li{float: none;display: inline-block;vertical-align: top;} .ul-tab-lb4 li a{padding: 0 20px;} .video-big{float: none;width: auto;} .video-big .box{height: auto;margin: 0 0 20px;} .video-small .box{ float: left;width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .video-small .box a{ display: block;height: 0;padding-top: 72%;position: relative;overflow: hidden; } } /*Common For Max 768*/ @media only screen and (max-width: 959px) { .banner{height: 280px;} .ul-list5 li{ width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 2px; } .ul-list6 li{width: 50%;} .m-about .txt1 span{font-size: 28px;} .m-about .txt1 h4{font-size: 16px;} .m-about .txt1 p em{font-size: 44px;} .m-about .txt2 h3{font-size: 18px;margin-bottom: 10px;} .m-about .txt2 p{margin-bottom: 15px;} .m-about .txt3 h4{font-size: 16px;line-height: 1.5;} .m-about .txt3 h4 em{font-size: 26px;line-height: 1.2;margin-bottom: 5px;} /* -----------------[优越会GEG01]--------------*/ .lecture-tit h4{font-size: 18px;} .m-lecture-lb{padding-top: 20px;} /* -----------------[企业责任]--------------*/ .m-about-lb{padding: 50px 0;} .m-about-lb .tit{ overflow: hidden; font-size: 24px; } .m-about-lb .tit span{font-size: 34px;} .m-about-lb.lb2 .tit{font-size: 30px;margin-top: 0;} /* -----------------[产品中心]--------------*/ .ul-tab-lb3 li a{font-size: 13px;} .ul-tab-lb3 li.on a i { width: 110px; height: 110px; -webkit-transform: translate(-50%,-80%); -ms-transform: translate(-50%,-80%); -o-transform: translate(-50%,-80%); transform: translate(-50%,-80%); } .g-return{padding-top: 0;padding-bottom: 0;} .pro-con-lb{padding: 20px 30px;} .m-product-lb h1{font-size: 18px;line-height: 1.8;padding: 10px 0;} .m-product-lb .con img{margin: 15px auto;} .ul-pro-lb1 .items{padding: 10px 15px;} .ul-pro-lb1 .items h4{font-size: 16px;} .m-product-lb .txt{padding: 20px 0 0;} .m-product-lb .txt p{margin-bottom: 10px;} /* -----------------[临床应用]--------------*/ .clinic-tit{font-size: 18px;} .clinic-tit::after{display: none;} .m-clinic2,.m-clinic3{padding-left: 30px;padding-right: 30px;} .m-clinic3 .txt3{padding: 0;} } /*Common For Max 480*/ @media only screen and (max-width: 767px) { .wp{width: 95%;} .header .hd-bot{height: 45px;padding: 0 2%;} .menuBtn{right: 4%;} .logo{height: 45px;line-height: 45px;} .logo img{height: 50%;} body{padding-top: 45px;} .f-copy{font-size: 13px;text-align: center;padding: 5px;line-height: 1.8;} .f-copy span{display: block;float: none;} .banner{height: 180px;} .ul-list1 li{font-size: 14px;line-height: 20px;} .ul-list1 span{width: 60px;height: 60px;} .g-tit1{font-size: 18px;} .ul-list2 li a{font-size: 13px;line-height: 36px;} .m-plan .slick-dots{left: 0;width: 100%;bottom: 10px;} .m-plan .txt{padding-left: 10px;padding-right: 10px;} .ul-list3{margin: 0;} .ul-list3 li{float: none;width: auto;padding: 0 0 10px;} .index-row3 .col-r,.index-row3 .col-c{ float: none;width: auto;margin-bottom: 20px; } .index-row3 .links{padding-top: 0;} .m-mission .txt{padding: 5% 10px 0;} .m-mission .slick-dots{left: 10px;bottom: 15px;} .m-founder .txt{padding: 5% 10px 0;} .ul-list5 li{width: 33.33%;} .m-cont .pic{display: none;} .ul-list8 li,.ul-list8 li.on{ padding: 10px;margin-bottom: 0;background: none; color: #000; } .ul-list8 li.on h4{color: #c09463;border-color: #dedede;} .m-history .slick-for{padding: 10px;} .m-history .slick-for .con{padding: 0 0 10px;} .m-history .slick-for .con .date{ position: static;font-size: 16px;margin-bottom: 10px; } .m-history .slick-for .con p{padding-bottom: 15px;} .m-about .txt1{padding: 10px;} .m-about .txt2{padding: 10px;background-image: none;} .m-about .txt3 .det{padding: 10px;text-align: center;} /* -----------------[优越会GEG01]--------------*/ .ul-txt-lb1 .items{padding: 5px 10px;} .video-small .box{margin-bottom: 10px;} .ul-list-lb1 li{width: 33.33%;margin-bottom: 10px;} .ul-list-lb1 .other{float: none;width: auto;} /* -----------------[优越会GEG02]--------------*/ .ul-txt-lb2 .items{padding: 5px 10px;} .lecture-tit h4{font-size: 16px;} /* -----------------[企业责任]--------------*/ .m-about-lb{padding: 30px 0;} .m-about-lb .tit,.m-about-lb.lb2 .tit{float: none;margin-bottom: 20px;font-size:18px;} .m-about-lb .tit span{font-size: 20px;line-height: 30px;} .m-about-lb .con{margin-top: 0;float: none;width: auto;} .m-about-lb.lb2 .tit{font-size: 30px;line-height: 40px;} .m-about-lb .con .items{padding: 20px;} .m-about-lb .con .slick-dots{bottom: 10px;} .m-about-lb.lb2 .tit{font-size: 20px;line-height: 30px;} .m-about-lb .con .txt2 h4{font-size: 18px;} /* -----------------[专利]--------------*/ .ul-list9{margin-bottom: 20px;} .ul-list9 a{font-size: 14px;padding: 0 10px;line-height: 40px;} .m-patent{padding: 10px;text-align: center;background-image: none;} .m-patent .s1{width: 27.5%;} .m-patent .s2{width: 45%;} .m-patent .s3{width: 27.5%;} .m-patent .tit .s1, .m-patent .tit .s2, .m-patent .tit .s3, .m-patent .s1, .m-patent .s2, .m-patent .s3,.m-patent .det .s3{ padding: 10px 5px; } .m-patent .det span{margin: 0;} .m-patent .det p{padding: 0;background: none;} .m-patent .tit h4{font-size: 14px;padding: 0;} .m-patent .tit h4:after{display: none;} .m-patent .det{font-size: 12px;} /* -----------------[产品中心]--------------*/ .ul-tab-lb3{border: none;} .ul-con-lb3 li{width: 50%;} .m-tab-lb3{padding-top: 30px;margin-bottom: 20px;} .ul-tab-lb3 li{width: 25%;border-top: 1px solid #cfcfcf;} .ul-tab-lb3 li a{padding: 15px 0 20px;height: 36px;} .ul-tab-lb3 li.on a i,.ul-tab-lb3 li a i{ background-image: none; background-color: #fff; width: 5px;height: 5px; border: 3px solid #39b09d; position: absolute; left: 50%; top: -5px; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } .ul-tab-lb3 li.on a{color: #39b09d;} .pro-con-lb{padding: 15px 10px;} /* -----------------[临床应用]--------------*/ .img-txt-nic .img{float: none;margin: 0 auto 10px;} .m-clinic2,.m-clinic3{padding-left: 10px;padding-right: 10px;} .ul-img-lb li{width: 50%;} .m-clinic3{padding-top: 10px;padding-bottom: 20px;} .m-clinic3 .txt3{margin-top: 10px;} .ul-img-lb li{margin-bottom: 10px;} .ul-img-lb li .items .img{ width: auto;height: 0;padding-top: 86.04%;position: relative; } .ul-img-lb li .items .img img{ display: block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; } .ul-img-lb .items p{font-size: 14px;padding-top: 10px;} .ul-tab-lb4 li a{font-size: 14px;line-height: 40px;padding: 0 10px;height: 40px;} .lecture-tit .g-share{top: auto;bottom: -7px;} .lecture-tit h4{padding-right: 0;} } /*Common For Max 640*/ @media only screen and (max-width: 639px) { .ul-list6{margin-left: 0;margin-right: 0;} .ul-list6 li{float: none;width: auto;padding: 0 0 10px;} .ul-list6 .txt p{height: auto;} .ul-list6 .txt h3{ text-align: center; background-position: center bottom; } } /*Common For Max 320*/ @media only screen and (max-width: 479px) { .banner{height: 115px;} .banner .slick-dots li button{width: 8px;height: 8px;} .banner .slick-dots{bottom: 10px;} .ul-list1{padding-top: 15px;padding-bottom: 5px;} .ul-list1 li{font-size: 12px;line-height: 20px;} .ul-list1 span{width: 40px;height: 40px;margin-bottom: 10px;} .m-news1{padding-top: 0;} .m-news1 .pic{margin-right: 0;float: none;width: auto;height: auto;} .m-plan .inner{padding: 0 0 40px;} .m-plan .pic:after{display: none;} .m-plan .txt{position: static;width: auto;} .m-plan .txt .a-more{margin: 15px auto 0;} .ul-list3 .pic{width: 100px;height: 69px;} .ul-list3 .pic span{font-size: 14px;} .ul-list3 .txt{line-height: 20px;} .index-row2 .p-txt{font-size: 13px;} .ul-list4 li,.ul-list4 li:first-child{float: none;width: auto;margin-bottom: 10px;} .ul-list5 li{width: 50%;font-size: 13px;height: 45px;line-height: 45px;} .m-about .txt1 h4{font-size: 15px;margin-bottom: 10px;} .m-about .txt1 span{font-size: 24px;} .m-about .txt1 p em{font-size: 40px;} .m-about .txt1 p em b{font-size: 16px;} .m-about .txt2 h3{font-size: 16px;} .m-about .txt3 h4{font-size: 15px;} .m-about .txt3 h4 em{font-size: 24px;} /* -----------------[优越会GEG01]--------------*/ .video-big{float: none;width: auto;margin-bottom: 10px;} .video-big .box{margin-right: 0;} .ul-list-lb1 li{width: 50%;} .ul-list-lb1 li:last-child{display: none;} .ul-list-lb1.lb2 li:last-child{display: block;} /* -----------------[优越会GEG01]--------------*/ .m-artical-lb1 br{display: none;} .m-about-lb{padding-top: 20px;} /* -----------------[产品中心]--------------*/ .ul-con-lb3 li{float: none;width: auto;} .ul-tab-lb3 li{width: 50%;} .ul-pro-lb1 li{float: none;width: auto;} .pro-con-lb .con{line-height: 1.8;} /* -----------------[临床应用]--------------*/ .clinic-tit{font-size: 16px;} }