@charset "utf-8"; /* CSS Document */ .pcshow{} .wapshow{display: none} .wapxianshi{display: none} @media screen and (max-width:1680px) { } @media screen and (max-width:1440px) { } @media screen and (max-width:1366px) { .sywenhuabox li .info .txt h2{font-size: 36px;} .sywenhuabox li .info .txt h3{font-size: 24px;} .kexueyingshibj img{width:120%; margin-left: -10%; max-width: none} .jiankanbanner img{width:120%; margin-left: -10%;max-width: none} .healthceshi img{width:120%; margin-left: -10%;max-width: none} .tanyueboxstxttop .technologyPagetxt{width:76%} .tanywxsd{width:86%} } @media screen and (max-width:1200px) { } @media screen and (max-width:1100px) { body{overflow-x: hidden} .kexueyingshibj img{width:140%; margin-left: -20%; max-width: none} .jiankanbanner img{width:140%; margin-left: -20%;max-width: none} .healthceshi img{width:140%; margin-left: -20%;max-width: none} .tanyueboxstxttop .technologyPagetxt{width:100%} .tanywxsd{width:100%} .siteleft{width: 215px;} .siteright {width: calc(100% - 220px);} .qiyeboxs li {width: calc(50% - 20px);} } @media screen and (max-width:1024px) { .nyconttop ul{display: block; overflow: hidden} .nyconttop li img{width: 50px;} .nyconttop li{width: 50%; float: left; min-height: 70px;} } @media screen and (max-width:1000px) { } @media screen and (max-width:970px) { } @media screen and (max-width:800px) { .brandqiehuan{margin-top: 0px;width: calc(70% - 80px); padding: 0px 40px;} .brandqiehuan img{ height:120px;} .brandqiehuan .swiper-button-prev, .brandqiehuan .swiper-button-next{width: 30px; height: 87px;background-size: 100% auto;} .keyanqiehuan .swiper-pagination{ bottom:0px; left: 50%; transform: translate(-50%,0)} .keyanqiehuan .mainbox{padding-bottom: 30px;} .swiper-pagination-bullet{width:10px; height: 10px; margin: 0 4px;} .swiper-pagination-bullet-active {background: #db1e26;} .rongyupic{width:90%} .keyanqiehuan .swiper-button-prev,.keyanqiehuan .swiper-button-next{display: none} .countryList-item{width: calc(50% - 110px);} .kexueyingshibj img{ display: none} .jiankanbanner img{ display: none} .healthceshi img{ display: none} .kexuewapbj01{background: url("../images/scientific-diet.jpg") no-repeat top center; background-size: cover} .kexuewapbj02{background: url("../images/health-bg-02.jpg") no-repeat top center; background-size: cover} .healthhezi{position: relative; top: auto;left: auto; transform: none; padding: 40px 0px} .jiankanbanner img.pcshow{ display: none} .jiankanbanner img.wapshow{display:block} .healthceshihezi{position: relative; top: auto;left: auto; transform: none; padding: 40px 0px} .healthceshi{background: url("../images/health-bg-03.jpg") no-repeat top center; background-size: cover; padding-bottom: 30px} .health-test{width: 100%} .tanywxsd{display: block} .wenlefts{width: 100%} .wenrights{width: 100%} } @media screen and (max-width:768px) { .logo .pcshow{ display: none} .logo .wapshow{display:block} .top{height: 60px;background-color:#FFF;position: fixed;z-index: 99999999;width:100%; left: 0;} .logo{width: 140px; left: 20px; top:50%; transform: translate(0,-50%)} .nav{ display: none;} .nav-btn{width:50px; background:#fff; display:block;} .nav-btn .pcshow{ display: none} .nav-btn .wapshow{display:block} .nav-btn .zuo span{ width: 26px;height:3px;position: relative;background-color: #d0cdce;border-radius: 3px; display: block; padding: 0px;} .nav-btn .zuo{padding: 0px;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; padding-right:17px;} .nav-btn .zuo span i{display: none} .nav-btn .zuo span:before, .nav-btn .zuo span:after {width: 100%;height: 100%;position: absolute;left: 0;content: "";background-color: #d0cdce;border-radius: 3px; } .nav-btn .zuo span:before{top:-8px;} .nav-btn .zuo span:after{ bottom:-8px;} .nav-btn .zuo img { width: 78px; height: auto;} .nav-btn.cur:before{width: 60px; height: 100%;background: rgba(0,0,0,.62); content: ""; position: absolute; right: 0px; top: 0px;} .nav-btn.cur .zuo span{background-color: #fff; } .nav-btn.cur .zuo span:before, .nav-btn.cur .zuo span:after {background-color: #fff; } .nav-bar{width: 240px; height:calc(100vh - 60px);overflow-y: scroll} .nav-barbox{} .nav-item a.menu-tab{font-size: 16px; line-height:46px;} .menu-tab i{top: 15px;} .active:after{height: 46px; width: 100%; left: 0px;} .active .menu-tab i{top: 20px;} .menu-sub li a{font-size: 14px; line-height: 46px;} .shop-bar h3{font-size: 14px;} .shop-bar{padding: 15px; padding-bottom: 0px;} .shop-icon li a img{width: 28px; height: 28px;} .shop .shop-icon{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;} .shop .shop-icon{ margin:15px;} .shop-icon li{width: 28px; height: 28px; margin-right: 0px;} .shop{margin: 40px auto;} .mainbox{padding-left:20px; padding-right: 20px; width: calc(100% - 40px); max-width: none} .banner{margin-top: 60px;} .synewstit h2{font-size: 30px;} .synewstit p{font-size: 22px;} .news-item-info { top:0;left:5%;width:90%; } .news-item-date{ font-size:14px; top:30px} .news-cover{opacity: 0} .video-con{width: 52%} .video-info{width: 42%} .about-info{font-size:14px} .brand-title .intro h2{font-size: 30px;} .syservicebox .intro h2{font-size: 30px;} .syservicebox{padding-top: 25%} .service-list{height:75%; top: 25%; } .sywenhuabj{display: none} .nybanner{margin-top: 60px;} .nybantxt ul{display: none} .nybantxt{top: 45%;text-shadow: 0 0 5px rgba(0,0,0,.4);} .nytop{display: block;left:-160px;top: 60px;width: 160px;height:calc(100vh - 60px);background: rgba(0,0,0,.62);z-index: 999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; } .nylogo a{display: none} .nynav{overflow-y: scroll;height:calc(100vh - 60px);} .nynav ul{height: auto; display: block; overflow: hidden} .nynav li a {text-align: center;display: block;line-height: 60px;color: rgba(255,255,255,.75);font-size: 15px;border-bottom: 1px solid rgba(196,200,208,.14);} .nynav li{padding: 0px; margin: 0px;} .nynav li.cur a{color: #db1e26} .nylogo{width: 20px;height: 60px;position: absolute;top: 25%; z-index: 1;background: url(../images/btn-bar.png) center center no-repeat;background-size: cover;left: 160px;} .nytop.cur{left: 0px;} .prologo{width: 80px;} .protxts{width:47%; padding-right: 8%} .propics { width: calc(38% - 120px);} .daojishez{display: block} .daojiascleft{width: 100%} .daojiascright{width:calc(100% - 40px); padding: 20px; padding-bottom: 40px;} .nysocial{display: none} .bowuguantxthzi{display: block} .bowuguantxtleft{width: 100%} .nyhistorywenzi{display: block} .nyhistorywenzileft{width: 100%} .nyhistorywenzileft h4{text-align: center} .nyhistorywenziright{width: 100%;} } @media screen and (max-width:680px) { .nav{ display: none;} .banner img.pcshow{display: none} .banner img.wapshow{display:block} .top{ width:100%; left: 0;} .pcxianshi{display: none} .wapxianshi{display:block} .ns-img{width:100%} .ns-info{width:100%; position: relative; top: auto; right: auto; padding: 30px 0px 20px; height:auto; text-align: center; font-size: 20px;} .ns h2{font-size:24px; margin-top:10px;} .ns a.nimg{ height:280px} .ns-title a{font-size:20px; color: #0087cd;font-weight:bold} .ns-txt {font-size:14px; line-height:180%; margin-top:10px} .ns .date{ display:none} .ns .ns-name{ text-align:center} .xw{ margin-top:10px; display: block; } .xw a.li{ display: block; width: 100%; } .xw .li .cover-img{ width: 100%; height: 150px;} .xw .li:nth-child(n+2) .cover-img { display:none;} .xw .li .title{ height:20px; font-weight: normal; padding: 5px 0; width: 100%; overflow: hidden; color: #666;} .xw .li .info{color: #999; padding:10px; padding-top: 0;line-height:160%; height:auto; display: none; } .swt .li{ width: 30%;font-size:16px; line-height: 40px;} .synewstit h2{font-size:24px; } .synewstit p{font-size:16px;} .synewstit img{width: 50px;} .pd5{padding-top: 8%; padding-bottom: 8%} .news-item {width: calc(25% - 10px);margin-left:10px;} .news-list {margin-top:30px;width: calc(100% + 10px);margin-left: -10px;} .syvideobj .aboutdiv{ display: block;} .syvideobj .about{ width: 100%;} .syvideobj h3{ font-size:20px; margin-top:20px;} .syvideobj .about-info{ font-size:14px; line-height:200%; margin-top: 10px;} .syvideobj .abinfo{ margin-left:0px;} .brand-title{width: 100%; text-align: center} .brand-title h2{font-size: 26px;} .brand-title p{font-size: 16px;} .sybrandbox>img{display: none} .sybrandhezi{position: relative; transform: none; left: auto; top: auto} .brandqiehuan{margin:10% 0;width: calc(100% - 70px); padding: 0px 35px;} .brandqiehuan .swiper-button-prev, .brandqiehuan .swiper-button-next{width: 20px;} .brandqiehuan a{ background:rgba(255,255,255,0.4); padding: 0px 5px;} .syserviceboximg .wapshow{display: block} .syserviceboximg .pcshow{display: none} .syservicebox{padding: 0px;} .syservicebox .intro{position: relative; text-align: center} .syservicebox .intro h2{font-size: 20px;} .syservicebox .intro p{font-size: 13px;} .syserviceboximg{margin-top:20px;} .service-list li{} .serviceItemA {width:48%;height:20%;left:0;bottom:66%;} .serviceItemB {width:54%;height:18%;left:39%;bottom:48%;} .serviceItemC {width:39%;height:27%;left:0%;bottom:7%;} .serviceItemD {width:30%;height:28%;left:61%;bottom:17%;} .service-text,.wechat-code {font-size:12px;} .serviceD {bottom:-100px;left:-25%;} .serviceD i.range {left:72%;} .serviceC {left:115%;bottom:-70px;} .serviceC i.range {left:16%;} .serviceA {left:93%} .serviceA i.range {left:25%;} .kejiimg img.pcshow{display: none} .kejiimg img.wapshow{display:block} .imgs-list{position: relative; width: 100%; right: auto;overflow: hidden} .shop-icon li a .iconfont { font-size: 30px; width:40px; line-height: 40px; border-radius: 50px; } .footer ul.shop-icon li{width: 34px; height: 34px; margin-right:0px;} .footer ul.shop-icon{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center; max-width: 250px;} .footer {margin: 60px auto 40px;} .foot-top{width:100%; height: auto;display:flex; } .foot-top .flogo{ height:40px;} .tel { height: 40px; padding-left: 15px; border-left: 1px solid #07773d; margin-left: 15px; } .foot-top .tel h1 { font-size: 20px;} .foot-bottom{ margin-top: 20px; color: #a7c1b4;} .foot-bottom a{ color: #a7c1b4;} /*.nybanner{width: 150%; margin-left: -25%}*/ .nybantxt h2 p{font-size: 20px; font-weight: bold} .nybantxt h2{font-size: 20px; font-weight: bold} .nyabbiaoti h2{font-size: 22px;} .nyabbiaoti p{font-size: 12px;} .rongyupic{width:90%; height: 200px; } .rongyupic img{max-height: 100%} .nyabbiaoti h2{line-height: 1.4; margin-bottom: 10px;} .rysuanjun{padding-top: 20px; padding-bottom: 0px;} .ruanimgs ul{display: block} .ruanimgs li{width: 100%; margin: 10px 0px;} .technologyPagetxt{font-size: 14px; line-height: 28px; text-align: justify} .keyanchengguo{padding-bottom: 40px;} .probanner img.wapshow{display: block} .probanner img.pcshow{display: none} .probanner .swiper-pagination-bullet{width: 15px;height: 18px; background-size:15px 18px; margin: 0} .prohezi{position: relative; left: auto; top: auto; transform: none} .prohezi .mainbox.erduan{display: block} .prologo{width: 130px; margin: 0 auto} .propics{width:80%; margin: 10px auto} .protxts{width: 100%; padding: 0; font-size: 14px; } .proboxbj{display: none} .probox li:nth-child(1){background: url("../images/brand-bg-01.jpg") no-repeat top center #bdd9e1; background-size: 100% auto } .probox li{padding: 60px 0px;} .probox{padding: 0} .probox li:nth-child(2){background: url("../images/brand-bg-02.jpg") no-repeat top center #e6e6e6; background-size: 100% auto; margin-top: 0px; } .probox li:nth-child(3){background: url("../images/brand-bg-03.jpg") no-repeat top center #90d4f6; background-size: 100% auto; margin-top: 0px; } .probox li:nth-child(4){background: url("../images/brand-bg-04.jpg") no-repeat top center #90d4f6; background-size: 100% auto;} .probox ul{background: url("../images/brand-bg-05.jpg") no-repeat bottom center #90d4f6; background-size: 100% auto; padding-bottom:25%} .proshowbanner img.wapshow{display: block} .proshowbanner img.pcshow{display: none} .proshowtop{ background: url(../images/pro-bg-01.png) no-repeat top center; background-size: 100% auto; padding: 0px; padding-top:8%} .proshowtop .mainbox{background: #cae7ee; display: block} .proshowqiehuan{width: 100%; padding-top: 20px;} .proshowqiehuantop li{height: 240px;} .proshowyoutxt{width: 100%; margin-top: 40px;} .proshowyoutxt h1{font-size: 18px; text-align: center} .proshowyouwenzi{font-size: 14px; line-height: 1.8; margin-top: 10px;} .biaoshi{margin-top: 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; height: 120px;} .proshowcen{ background: url(../images/pro-bg-02.jpg) no-repeat top center #cae7ee; background-size: 100% auto; padding: 60px 0px; } .proshowcen .mainbox{display: block} .procenpic{width: 140px; margin: 0 auto} .procentxt{width: 100%} .procentxt h2{font-size: 18px; text-align: center} .procentxt p{line-height: 1.8} .proshowvideobox{width: 100%} .proshowvideobot{margin-top: 20px;} .proshowvideobox .video_paly{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;} .proshowvideobox .video_paly i{position: relative; margin-right: 10px; top: auto;left:auto} .proshowvideobot .swiper-slide a:before{width: 15px; height: 15px;} .nyconttop li{width: 100%; float: left; min-height:10px; margin: 20px 0px; display: block; text-align: center} .nyconttop li img{display: inline-block} .contxts{width:100%; line-height: 1.8; margin-top: 10px; margin-left: 0px;} .nycontbot ul{display: block} .nycontbot li{width: 100%; margin: 10px 0px;} .countryList-item {width: calc(100% - 110px); min-height:0px} .countryList-infor p{line-height: 1.8; font-size: 16px;} .imgList-item01{width: 100%} .imgList-item02{width: 100%; margin:6px 0px;display:flex;flex-direction:row;justify-content:space-between;} .imgList-item02 img{width:calc(50% - 3px);} .imgList-item03{width: 100%} .foreignExchange-imgList{margin-bottom: 40px;} .test-box h3{font-size: 18px;} .next-test{position: relative; right: auto; bottom: auto; width: 80px; margin: 0 auto; text-align: center; padding: 5px;margin-top: 20px;} .option{font-size: 16px;} .test-tips{font-size: 12px;} .healthbox .swiper-slide h4{font-size: 20px;} .newshowtit h1{font-size: 20px;} .newshowtit{margin-top: 10px;} .nynewsshowbox img{max-width: 100%!important;} .nynewsshowbj{padding-top: 20px;} .nyabtit h2{font-size: 28px; text-align: center} .nyxinzhis{font-size: 14px;} .nyxinzhis p{margin-bottom: 10px;} .indtitle{font-size: 22px;} .niuniu{width: 60%;margin: 30px auto;} .nyindustrywenzi p{margin-bottom: 10px;} .nyindustrywenzi{font-size: 14px;} .xiaohdf{font-size: 22px; text-align: center; margin-top:20px; line-height: 1.4} .nyindustrytxt2{padding-top: 50px;} .gongchangimg{width: 80%;margin: 30px auto;} .wcmsboxs{display: block} .wcmsleft{width: 100%} .wcmsright{width: 100%} .nyindustrytxt3{padding-top: 20px;} .wuliches{width: 60%} .luwfax img{float: none; width: 100%; margin-bottom: 20px;} .luwfax{margin-top: 20px;} .nyindustrytxt4{padding-top: 30px; padding-bottom: 10px;} .milkxsd{width: 60%} .wenzisers{display: block} .wenzisersleft{width: 100%} .nyindustrytxt5{padding-top: 20px;} .nyindustrytxt6{background: #bfe3d4; margin: 0; padding: 30px 0px;} .nplogo{width: 30%} .jishhav{width: 100%} .nyindustrytxt7{padding: 30px 0px;} .technologyPagetxt p{padding: 10px 0px;} .guojihuabox{padding-bottom:30px;} .investosximg{width: 100%; margin: 30px 0px 40px;} .myChart{height: 300px; margin: 30px 0px 40px;} .zoushiimgbox{width: calc(100% - 40px); padding:0 20px;} .zoushiimg{margin: 0px 0 40px} .tab-list li p{display: none} .tab-list li h3{font-size: 16px;} .tab-list li {width: calc(33.33% - 12px);margin-left: 10px;height: 45px;} .tab-list {margin: 30px auto 0;width: calc(100% + 10px);margin-left: -10px;} .tab-list .reports-current-tab{ height: 56px;} .reports-list{margin-left: 0px; padding:20px 10px 10px;} .reports-list-item p {line-height: 20px;font-size: 13px;width: calc(100% - 100px);-webkit-line-clamp:2;line-clamp: 2; height: 40px;} .downLoad-report{top:3px; transform: none} .gonggaolanbj .mainbox{padding-top: 20px;} .gonggaolan{padding-top: 30px;} .ggqiehuanbtnxs .swiper-pagination {position:relative;display:inline-block;width:auto;font-size:20px;line-height:100%;color:#cacaca;bottom:auto;margin:0px 10px;} .ggqiehuanbtnxs .swiper-pagination-current,.ggqiehuanbtnxs .swiper-pagination-bullet,.ggqiehuanbtnxs .swiper-pagination-total {display:inline-block;width:32px;height:32px;text-align:center;line-height:32px;font-size:14px;color:#fff;opacity:1;background:#cad0df;border-radius:50%;margin:0px 4px;} .ggqiehuanbtnxs .swiper-pagination-current,.ggqiehuanbtnxs .swiper-pagination-bullet-active {color:#fff;background:#d41f26;} .xinxiangs .wapshow{display: block} .xinxiangs .pcshow{display:none} .xinxiangs{padding-top: 30px;} .xinxiangs .nyabbiaoti{margin-bottom:20px;} .jointxtsd{font-size: 14px; line-height: 1.8} .fengexs{display: block} .fengexs div{width: 100%} .fengexs div:nth-child(2){margin-top: 20px;} .jointxtsd img.pcshow{display: none} .jointxtsd img.wapshow{display: block} .aixinhezi .swiper-slide a{padding: 10px;} .aixinhezi .swiper-slide a p{font-size: 14px; line-height: 20px; height: 40px;} .aixinhezi .swiper-slide a span{font-size: 12px; display: none} .joinusbj{padding: 40px 0 30px} .aixinhezi{margin-top: 30px;} .technologyPage1-partA-logo{width: 120px;} .page-title p{font-size: 22px;} .technologyPage1-partA-img{margin-bottom: 10px;} .technologyPage1-item{width:100%;margin: 20px 0;} .technologyPage1-item-title i{width: 22px;} .technologyPage1-item-title{padding-left: 38px;} .technologyPage1-item p{font-size: 14px; line-height: 1.8} .technologyPage1-partB{padding: 40px 0px;} .technologyPage1-partC .technologyPagetxt{width: 100%} .imgList-L{width: 100%; margin: 0px; margin-bottom: 20px;} .imgList-R{width: 100%} .shiyanshibox{padding-bottom: 0px;} .tanyueboxstxt{padding-top:30px;} .zhuttis{font-size: 20px; padding-left: 16%} .zhuttis br{display: none} .tanyujian{display: block} .tanyujianpic{width: 100%} .tanyujiantxt{width: 100%; line-height: 1.8; margin-top: 20px;} .tanyujian{padding:20px; max-width: calc(100% - 80px)} .tanyueboxstxt .mainbox{max-width: none} .bgImg-left{top: 0px;} .bgImg-right{width: 24%} .tanyujian{margin-top: 30px;} .newstanbj{opacity: 1; left:0px; top:110%; background: none} .newstan{position: relative; left: auto; top: auto;color: #3e3e3e;transform:none; width: 100%} .nynewsbox .swiper-slide a{ margin-bottom:60px; } .newstan span{display: none} .newstan p{font-size: 12px; line-height: 20px; height: 40px; text-align: left} .nynewsmedia .swiper-slide h3{font-size: 16px; line-height: 24px;height: 72px;-webkit-line-clamp:3; line-clamp:3; margin-bottom: 15px;} .nynewsmedia .swiper-slide p em{display: block; padding-top: 3px;} .nynewsmedia .swiper-slide p{font-size: 12px} .nynewsvideo .swiper-slide p{height: auto; font-size: 16px;} .nynewsvideo .swiper-slide a .video-playicon{opacity: 1; top: 50%} .video-body{width: 100%} .newshowtit h1{margin-bottom: 10px;} .xinxigong{margin-top: 40px;} .sitemap li{display: block} .siteleft{width: 100%} .siteleft p{font-size: 18px;} .siteright{width: 100%;} .siteright div{margin:10px; overflow: hidden} .siteright span a{font-size: 16px;} .siteright span{padding: 8px 0; width: 50%} .xinbjs.pd3{margin: 20px 0px;} .qiyeboxs li {width: calc(100% - 20px); font-size: 16px;} .qiyeboxs{padding: 20px;} .nyabbiaoti{padding-top:10px;} .yanjiusuopic li {width: calc(50% - 10px); margin-bottom: 10px;} .yanjiusuotxt{margin-top: 30px;} .yansxboxs{margin-top:20px; display: block} .yanjiuypic{width: 100%} .technologyPagetxt{width: 100%; margin-top: 20px;} .yanjiusuobox{padding-bottom: 40px;} .nysocialtxt{font-size: 16px;margin-top: 20px;} .zerenboxs .swiper-button-prev{left: -48px;} .zerenboxs .swiper-button-next{right: -48px;} .bowuguantxt{font-size: 16px;} .textList li{margin: 0 8px;} .textList li a{font-size: 16px;} .tag-prev, .tag-next{width: 30px; height: 30px;} .tag-list-box{height: 30px;} .textList {height: 30px;line-height: 30px;} .textList li{height: 30px;} .boweuguanqieh{margin: 30px auto} .boweguanbox{margin: 20px auto;} .slide-bd .swiper-container{width: 100%} .zeurctxt{width: 100%; font-size: 16px; line-height: 30px; margin-top:10px;} .zeurctxt p{padding-bottom: 10px;} .technologyPage-teamItem{width:calc(45% - 20px); margin: 0 10px 20px;} .teamItem-intro h4{font-size:24px;} .teamItem-intro p { font-size: 18px;} .teamItem-intro em{display: block; padding: 0px 5px;} .nyaboutwenzi{padding-top: 30px;} .nyaboutwenzi img{width: auto; margin-top:30px;} .nyhistorywenzileft{font-size: 14px;} .nywenhua li{width:33.33%} .proshowqiehuanbot .swiper-slide a{height: 60px;} .class_title h2{ font-size: 20px;} .class_title h3{ font-size:18px;} .nlist .li{ width:100%; } .nlist .li .cover-img{ height:160px; } .nlist .li .info .title{ font-weight: normal; font-size: 16px; } .picList.mainbox{ width:100%; padding:10px; box-sizing: border-box;} .picList .li{ width:46%; } .picList .li img{ width: 100%; height:43vw} .picList .li .info .title{ font-size: 16px; } .picList .li .info .con{ font-size: 14px; line-height: 150%; display: none; } .ry .li{ width: 90%; } .ry .kuang{ background-color: #fff;width: 100%; height: auto;} } @media screen and (max-width:580px){ .nyhistorytop .swiper-slide span{width:45px; height: 45px; line-height: 45px; font-size: 14px;} .nyhistorytop .swiper-button-next{right: 0px;} .nyhistorytop .swiper-button-prev{left: 0px;} .nyhistorytop {width: calc(100% - 60px);padding: 0px 30px;} } @media screen and (max-width:480px) { } @media screen and (max-height:400px) { .tanyueboxstxttop .technologyPagetxt{padding-left: 15%; width: 85%} .wenlefts{padding-left: 11%;width: 66%;} .wenrights{text-align: center} .wenrights img{display: inline-block} .zhuttis{font-size: 32px;} }