@charset "utf-8";
@media only screen and (max-width:2000px){	
    .home-company:before {top:3%;height:97%;}
    .club-pic .pic {padding:0;height:975px}
}

@media only screen and (max-width:1560px){	
    .wrap {margin:0 4%;}
    .fixtop .navpc li {margin:0 0 0 6%;}
    .home-company {padding:130px 0 50px 0;}
    .home-company .home-subject {margin-top:90px}
    .home-research-innovation .pic {margin-top:80px;}
    .home-research-innovation .content {font-size:19px; margin:-95px 0 0 0;padding:60px 5% 60px 4%}
    .home-research-innovation .content li:before {left:-75px;}
    .home-multi-brand {margin:0 0 90px 0}
    .home-multi-brand li .text .logo img {max-height:90px}
    .home-multi-brand li .color-logo .logo img {height:45px;}
    .home-multi-brand li .text .content {font-size:17px;width:520px;margin:40px auto}
    .home-multi-brand li .text .more a {font-size:17px}
    .home-multi-brand li .color-logo .more a {font-size:17px;}
    .home-news {padding:80px 0 100px 0}
    .home-news ul {margin:80px 0}
    .footer dl {margin-left:7%}
    .story-part-1 {padding:100px 0 120px 0;}
    .story-part-1 .text .content {margin-top:50px}
    .story-part-2 {padding:120px 0;}
    .story-part-2 h3 {font-size:36px;}
    .story-part-2 .text {max-width:1180px}    
    .story-part-3 {padding:120px 0 150px 0;}
    .story-part-3:before { background-position: 90%}    
    .news li {min-height:360px;}
    .news li .pic {width:600px;height:360px;}
    .news li .text {margin-left:650px;}
    .news li .text .date-more {padding:99px 0 40px 0}
    .news li .text .date-more a {bottom:38px;}
    .club-pic .pic {padding:29.5% 0;height:auto}
    .club {padding:90px 0;font-size:22px;}
    .club-wx {padding:100px 0 120px 0}
    .club-wx .wx img {margin:40px 0 20px 0}
    .club-num .text {font-size:1.33vw;}
    .club-num .text strong {font-size:2.55vw}
    .online-shop li .icon img {width:150px}
    .online-shop li .pic { left:-12px;bottom:230px;width:150px;}    
    .easternculture li .content h3 {font-size:30px;line-height: 1.6}
    .easternculture li.li5 hr {margin:50px 0}
    .easternculture li .content {font-size:18px}
    .easternculture li .content strong {font-size:22px;}
    .easternculture {padding:20px 0 120px 0}
    .home-product {margin:120px 0 100px 0}
    .new_telst li {width:160px;}
    .new_telst li:before {background: url("../images/home-product-cate-bg-2.png") no-repeat center;}
    .new_telst i.i1 {left:15.2%;}
    .new_telst i.i2 {left:32.15%}
    .new_telst i.i5 {right:32.15%;}
    .new_telst i.i6 {right:15.2%}
    .product {margin:0 0 100px 0}
    .product .swiper-container {margin:60px 0}
    .gaoyi-about {padding:100px 0}
    .gaoyi-art .text {padding:100px 0 120px 10%}
    .gaoyi-art .text .content {top:100px;font-size:15px;}
    .gaoyi-art .text .content h2 {font-size:28px;}
    .gaoyi-art .text .content h3 {font-size:28px;}    
    .gaoyi-brand {padding:100px 0 120px 0}
    .gaoyi-brand table {margin-bottom:70px}
    .jingyangfang-about {font-size:20px;padding:100px 0}
    .jingyangfang-about .content {margin-top:40px}
    .jingyangfang-art .content {margin-top:100px}
    .jingyangfang-pic {margin:120px 0}
    .bainianyiren-about {padding:100px 0 80px 0}
    .bainianyiren-about .pic {margin-top:100px}
    .bainianyiren-art .subtitle {margin:120px 0}
    .bainianyiren-honor .text .wrap {margin:0}
    .bainianyiren-honor .pic {margin-top:80px}
    .bainianyiren-honor .text {padding:80px 0 120px 0;font-size:14px;}
    .bainianyiren-honor .text ul.ul-1 {margin-bottom:0px}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) {margin-bottom:60px}
    .bainianyiren-honor .text ul.ul-1 li h3 {font-size:28px;}
    .bainianyiren-honor .text ul.ul-1 li h3:before {top:-4px;left:-45px;width:35px;height:35px;  }
    .bainianyiren-honor .text ul.ul-1 li h3:after {top:-4px;right:-45px;width:35px;height:35px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3 {font-size:35px; }
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:before {top:-8px;left:-70px;width:50px;height:50px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:after {top:-8px;right:-70px;width:50px;height:50px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(2) h3 {margin-right:10%}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(3) h3 {margin-left:10%}
    .bainianyiren-honor .text ul.ul-2 li{margin-top:40px}
    .bainianyiren-honor .text ul.ul-2 li img {margin:0 0 8px 0}
    .bainianyiren-honor .text ul.ul-2 li strong {font-size:18px;}
    .bainianyiren-art-2 {padding:80px 0 120px 0;}
    .bainianyiren-art-2 .text .wrap {margin-top:50px}    
    .product-cate {margin:205px 0 5px 0}
    .product-cate ul {padding:0 0 20px 0}
    .product-cate li {margin:0 0 0 6.5%}
    .product-cate li a {font-size:25px;padding-left:20px}
    .product-cate li a:before {top:16px;width:8px;height:8px;}
    .product-name {margin-top:10px}
    .product-name a {font-size:19px;padding-right:30px}
    .product-name a span {top:10px;font-size:19px;}
}

@media only screen and (max-width:1420px){	
    .home-research-innovation .content li:before {left:-70px;}
    .footer dl {margin-left:6%}    
    .news li {min-height:330px;}
    .news li .pic {width:550px;height:330px;}
    .news li .text {margin-left:600px;padding-top:0}
    .news li .text .date-more {padding:89px 0 35px 0}
    .news li .text .date-more a {bottom:35px;}
    .online-shop li .icon img {width:130px}
    .online-shop li .pic { left:-22px;bottom:210px}
    .product-cate li {margin:0 0 0 6%}
}

@media only screen and (max-width:1300px){	
    .fixtop .navpc li {margin:0 0 0 4.5%;}
    .home-research-innovation .content li:before {left:-58px;}
    .footer dl {margin-left:4.5%}
    .news li {min-height:300px;}
    .news li .pic {width:500px;height:300px;}
    .news li .text {margin-left:550px;}
    .news li .text .date-more {padding:68px 0 30px 0}
    .news li .text .date-more a {bottom:30px;}
    .online-shop li .icon img {width:120px}
    .online-shop li .pic { left:-25px;bottom:195px}
    .product-cate li {margin:0 0 0 5.5%}
}

@media only screen and (max-width:1200px){	
    .home-research-innovation .content li:before {left:-45px;}
    .footer dl {margin-left:3%}
    .footer .wx-tel-social .wx {justify-content: flex-end}
    .footer .wx-tel-social .tel {text-align: right}
    .new_telst i.i1 {left:16%;}
    .new_telst i.i2 {left:32.85%}
    .new_telst i.i5 {right:32.85%;}
    .new_telst i.i6 {right:16%}
    .product-cate li {margin:0 0 0 4%}
}

@media only screen and (max-width:1044px){	
	body {line-height:1.8;}
	html,body,input,button,select,textarea,big,small {font-size:16px;font-weight:500}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 15px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:40px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	     
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
    .fixtop {height:50px}
    .fixtop .logo,.fixtop.active .logo  {top:10px;}
    .fixtop .logo a,.fixtop.active .logo a {width:111px; height:30px;}
    .fixtop .navpc {display:none;}
    .fixtop.active {top:0px; height:50px}  
    .banxh{display:none;}
    .home-more a {font-size:16px;}
    .home-company {padding:50px 0 30px 0; }
    .home-company .text .content {padding:25px 0 0 0;margin:20px 0 0 0;font-size:16px;}
    .home-company .pics li:nth-child(2) {margin-top:30px}
    .home-company .home-more a {margin:20px 15px 0 0}
    .home-company .home-subject {margin-top:40px}
    .home-subject:before {top:12px;}
    .home-subject:after {top:12px;}
    .home-subject i {width:20px;height:20px; background-size:100%}
    .home-subject img {margin:8px 0 14px 0}
    .img-100 {max-height:50px;}
    .img-70 {max-height:35px;}
    .img-65 {max-height:32px;}
    .img-50 {max-height:25px;}
    .home-multi-brand {margin:0 0 50px 0}
    .home-multi-brand li .color-logo .logo img {height:35px;}
    .home-multi-brand li .color-logo .more a {font-size:14px;}
    .home-multi-brand li .text .logo img {max-height:60px}
    .home-multi-brand li .text .content {font-size:14px;width:400px;margin:20px auto}
    .home-multi-brand li .text .more a {font-size:14px}    
    .home-research-innovation .pic {margin-top:30px;}
    .home-research-innovation .content {font-size:14px; margin:-55px 0 0 0;padding:30px 3% 30px 2%}
    .home-research-innovation .content li:before {left:-45px;display:none;}    
    .home-news {padding:40px 0 50px 0}
    .home-news ul {margin:30px 0 40px 0}
    .home-news li .text {padding:20px 15px}
    .home-news li .text .title {font-size:16px; line-height: 25px;height:25px;}
    .home-news li .text .content {font-size:14px; line-height: 22px;height:44px; margin:10px 0;}
    .home-news li .text .more a {font-size:14px;}
    .news-more a,.news-blue-more a,.yellow-more a,.yellow-more-2 a {width:197px;height:30px; line-height: 30px;font-size:14px;border-radius:30px}
    footer {padding-top:30px;}
    .footer .logo {padding-bottom:20px;margin-bottom:30px;}
    .footer .logo a {width:147px;height:40px}
    .footer dl {display:none}
    .footer .wx-tel-social { position: relative;top:0;width:100%;margin:0 auto;}
    .footer .wx-tel-social .wx {align-content: center;justify-content: center}
    .footer .wx-tel-social .wx .pic {width:100px;margin-right:20px;}
    .footer .wx-tel-social .wx .text {font-size:14px}
    .footer .wx-tel-social .tel {font-size:20px;margin:25px 0; text-align: center}
    .footer .wx-tel-social ul {width:250px;margin:0 auto}
    .footer .wx-tel-social li .pic {left:-40px;bottom:45px;width:100px;}
    .footer .wx-tel-social li .icon img {width:35px}
    footer .line {margin-top:30px}
    footer .copy {padding:20px 0 25px 0;font-size:14px;}    
    .story-part-1 {padding:40px 0 50px 0; }
    .story-part-1:before {background-position: center; background-size:cover;}
    .story-part-1 .subject {top:-8px;font-size:20px;padding:0 0 0 15px}
    .story-part-1 .subject:before {top:14px;width:5px;height:5px;}
    .story-part-1 .text .content {font-size:16px;margin-top:25px}    
    .story-part-2 {padding:60px 0;font-size:16px; background-attachment:scroll}
    .story-part-2 h3 {font-size:20px;}    
    .story-part-3 {padding:40px 0 50px 0;}
    .story-part-3:before { background-position: center; background-size:100%}
    .story-part-3 .title {font-size:25px; margin:0 0 50px 0;}
    .story-part-3 .title:before {bottom:-22px;width:40px;margin-left:-20px;}
    .story-part-3 .content {font-size:16px;}
    .story-part-3 .content strong {font-size:20px;}
    .anchor-point {top:-50px}    
    .news {padding:10px 0 50px 0}
    .news li {min-height:240px;margin-top:30px}
    .news li .pic {width:400px;height:240px;}
    .news li .text {margin-left:430px}
    .news li .text .title {height:25px; line-height: 25px;margin:0 0 15px 0}
    .news li .text .title a {font-size:18px}
    .news li .text .content { line-height: 25px;height:75px;font-size:14px}
    .news li .text .date-more {font-size:16px;padding:85px 0 10px 0}
    .news li .text .date-more a {right:5px;bottom:10px;font-size:16px;}    
    .news-show .title {font-size:22px; line-height:35px;margin-top:100px;}
    .news-show .date {font-size:14px;padding:20px 0 10px 0;margin:0 0 40px 0;}
    .news-show .content {font-size:16px;margin:0 auto 50px auto}
    .news-show .content img {margin:5px 0}
    .health {padding-bottom:50px}
    .health li {position: relative;padding:45px 0 0 0}
    .health li .content {font-size:16px;margin-top:20px}
    .health li .content .max-width {margin:0 auto}
    .health .img-65 {max-height:28px;}    
    .club-pic {margin:50px 0 0 0;}
    .club-pic.active {margin-top:50px;}
    .club {padding:45px 0;font-size:16px; }
    .club-num .text {font-size:14px;}
    .club-num .text strong {font-size:20px;}
    .club-wx {padding:40px 0 50px 0}
    .club-wx .title {font-size:25px;}
    .club-wx .wx img {max-width:150px;margin:30px 0 15px 0}
    .club-wx .content {font-size:16px; line-height: 1.8}
    .club-num .pic {padding:0;height:500px}    
    .shop-text {font-size:16px;margin:40px auto 0px auto}
    .online-shop {margin:50px 0 0 0}
    .online-shop ul {margin:40px 0 0px 0}
    .online-shop li:hover {top:0}
    .online-shop li .icon img {width:80px}
    .online-shop li .pic { left:-15px;bottom:125px;width:100px;padding:5px;}
    .online-shop li .title {font-size:16px;margin-top:10px;}    
    .easternculture {padding:10px 0 50px 0}
    .easternculture li {padding:30px 0; }
    .easternculture li .content {font-size:16px}
    .easternculture li .content strong {font-size:18px;}
    .easternculture li .content hr {margin:15px 0}
    .easternculture li .content h3 {font-size:22px;line-height: 1.7}
    .easternculture li.li5 .content .img-50 {margin-bottom:10px}
    .easternculture li.li5 hr {margin:30px 0}    
    .new_telst {margin:30px 0; }
    .new_telst i {top:8px;height:15px;}
    .new_telst i.i1 {left:15.7%;}
    .new_telst i.i2 {left:32.85%}
    .new_telst i.i5 {right:32.85%;}
    .new_telst i.i6 {right:15.7%}
    .new_telst li {width:104px;height:30px; line-height: 30px; font-size:16px;}
    .new_telst li:before { background-size:100%;}
    .new_telst li h2 {font-size:16px;font-weight:500}
    .home-product {margin:50px 0 40px 0}    
    .subtitle-bg {height:40px;padding:0;width:194px; text-align: center}
    .subtitle-bg p { height: 30px; line-height: 28.5px;font-size:17px;padding:0; background: url("../images/btn-red.png") no-repeat center; background-size:100%}
    .subtitle-bg:before,.subtitle-bg:after {display:none;width:22px;height:40px; background-size:100%}
    .gaoyi-about {padding:40px 0}
    .gaoyi-about .content {font-size:16px;}
    .gaoyi-about .subtitle-bg {margin:20px 0 30px 0}
    .product {margin:0px 0 50px 0}
    .product .swiper-container {margin:30px 0}
    .product .swiper-slide .title p {bottom:12px;font-size:18px;}
    .product .swiper-slide:hover .title p {bottom:12px}
    .product .swiper-button-next:after,.product .swiper-button-prev:after {font-size:20px;}
    .product .swiper-button-prev {left:-5px}
    .product .swiper-button-next{right:-5px}
    .gaoyi-art .text {padding:40px 0 50px 0}
    .gaoyi-art .text .content {top:40px;font-size:12px; }
    .gaoyi-art .text .content h2,.gaoyi-art .text .content h3 {font-size:16px;}    
    .gaoyi-brand {font-size:16px;padding:40px 0 50px 0}
    .gaoyi-brand table {margin-bottom:10px}
    .gaoyi-brand table td img {height:120px}
    .gaoyi-brand table td img:hover {top:0}
    .jingyangfang-about {font-size:16px;padding:50px 0}
    .jingyangfang-about .content {margin-top:30px}
    .jingyangfang-art .content {margin-top:30px}
    .jingyangfang-pic {margin:50px 0}
    .jingyangfang-pic li:Hover img {top:0}    
    .bainianyiren-subtitle-bg {height:30px;padding:0;width:293px; text-align: center}
    .bainianyiren-subtitle-bg p { height: 30px; line-height:29px;font-size:15.6px;background: url("../images/btn-yellow.png") no-repeat center; background-size:100%; }
    .bainianyiren-subtitle-bg:before {display:none;width:19px;height:30px;background-size:100%}
    .bainianyiren-subtitle-bg:after {display:none;width:19px;height:30px;background-size:100%}
    .bainianyiren-about {padding:40px 0 40px 0}
    .bainianyiren-about .bainianyiren-subtitle-bg {margin:15px 0 30px 0}
    .bainianyiren-about .pic {margin-top:40px}    
    .bainianyiren-yellow-bg {height:30px;padding:0 18px;margin:10px 0 30px 0}
    .bainianyiren-yellow-bg p {height: 30px; line-height: 30px;font-size:16px;padding:0 10px; letter-spacing: 1px; background-size:100% 30px}
    .bainianyiren-yellow-bg:before,.bainianyiren-yellow-bg:after {width:18px;height:30px; background-size:100%}
    .bainianyiren-art {padding:0 0 30px 0}
    .bainianyiren-art .title {font-size:25px;letter-spacing: 1px}
    .bainianyiren-art .content h3 {font-size:20px;padding:0 0 10px 0;margin:0 0 20px 0;}
    .bainianyiren-art .content h3:before {bottom:0px;width:60px; height:2px;margin-left:-30px}
    .bainianyiren-art .content td:nth-child(1) .row {margin:0 15% 0 0;width:85%}
    .bainianyiren-art .content td:nth-child(2) .row {width:85%}
    .bainianyiren-art .content td:nth-child(3) .row {margin:0 0 0 15%;width:85%;}
    .bainianyiren-art .subtitle {margin:50px 0}
    .bainianyiren-art .subtitle p {font-size:14px;right:-60px}
    .bainianyiren-art .subtitle p span:before {width:40px;top:11px;left:-50px;}    
    .bainianyiren-honor .text .wrap {margin:0 2%}
    .bainianyiren-honor .pic {margin-top:40px}
    .bainianyiren-honor .text {padding:50px 0 50px 0;font-size:12px;font-weight:500}
    .bainianyiren-honor .text ul.ul-1 {margin-bottom:0px}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) {margin-bottom:40px}
    .bainianyiren-honor .text ul.ul-1 li h3 {font-size:18px;}
    .bainianyiren-honor .text ul.ul-1 li h3:before {top:-4px;left:-30px;width:25px;height:25px;  }
    .bainianyiren-honor .text ul.ul-1 li h3:after {top:-4px;right:-30px;width:25px;height:25px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3 {font-size:25px; }
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:before {top:-6px;left:-45px;width:35px;height:35px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:after {top:-6px;right:-45px;width:35px;height:35px;}
    .bainianyiren-honor .text ul.ul-2 li{margin-top:30px}
    .bainianyiren-honor .text ul.ul-2 li img {margin:0 0 8px 0;height:60px;}
    .bainianyiren-honor .text ul.ul-2 li strong {font-size:16px;font-weight:700}
    .bainianyiren-honor .text ul.ul-2 li{width:33.3333%;}    
    .bainianyiren-art-2 {padding:40px 0 50px 0;}
    .bainianyiren-art-2 .text .wrap {margin-top:40px}
    .product-cate {margin:80px 0 5px 0}
    .product-cate ul {padding:0 0 15px 0;border-width:1px}
    .product-cate li {margin:0 0 0 4%}
    .product-cate li a {font-size:18px;padding-left:10px}
    .product-cate li a:before {top:11px;width:5px;height:5px;}    
    .product-list {padding-bottom:20px}
    .product-list li {padding:40px 0 35px 0;}
    .product-list li .logo {width:59.9%;padding-right:25px;display:block}
    .product-list li .logo img {height:60px;position: relative;top:10%}
    .product-list li .big-pic {width:40.1%;margin-left:59.9%}
    .product-list li .list {width:59.9%;padding-right:25px;}
    .product-name {margin-top:15px;}
    .product-name a {font-size:16px;padding-right:20px}
    .product-name a span {top:6px;font-size:16px;}
    .product-list .swiper-button-next,.product-list .swiper-button-prev {width:35px;}
    .product-list .swiper-button-next:after,.product-list .swiper-button-prev:after {width:35px;}
    .product-list .swiper-button-prev {right:34px}

}

@media only screen and (max-width:788px){
    .indpics{height:auto;}
    .indpics .swiper-slide,.top-pic {height:auto;padding:35% 0; }
    .home-framework {margin-top:0;}    
    .home-multi-brand .col-4 .col {width:100%}
    .home-multi-brand .col-4 .col.active {width:100%}
    .home-multi-brand ul {margin-top:-1%}
    .home-multi-brand li {padding:29.4545% 0;margin:1% 0 0 0}
    .home-multi-brand li:before {opacity:1}
    .home-multi-brand li .color-logo {display:none;}
    .home-multi-brand li .text {opacity:1;width:90%;padding:0 5%}
    .home-multi-brand li .text .logo img {max-height:60px}
    .home-multi-brand li .text .content {width:100%;margin:20px auto}
    .home-research-innovation .content {padding:10px 0 10px 0}
    .home-research-innovation .content ul {display: flex; justify-content:center;flex-wrap: wrap;align-items: flex-start;}
    .home-research-innovation .content li {width:33.3333%;margin:15px 0}    
    .news li {min-height:180px;}
    .news li .pic {width:300px;height:180px;}
    .news li .text {margin-left:325px}
    .news li .text .date-more {padding-top:25px}
    .new_telst {flex-wrap: wrap;margin:15px 0}
    .new_telst i {display:none;}
    .new_telst li {width:33.3333%;margin:5px 0}
    .new_telst li:before {background-size:104px 30px;}
    .gaoyi-brand table td img {height:90px}
    .product-cate li {margin:0 0 0 3%}
    .product-list li .logo img {height:50px;top:5%}
    
    
}

@media only screen and (max-width:640px){
    .home-company .text {width:100%;margin-right:0}
    .home-company .pics {width:100%;margin-top:40px}
    .home-company .wrap:nth-child(1) {display:block;}
    .home-research-innovation .pic {padding:40% 0;}
    .home-research-innovation .content {padding:10px 4% 0 0;font-size:16px;margin-top:-60px}
    .home-research-innovation .content ul {display:block;align-items:center}
    .home-research-innovation .content li {width:100%;border-top:1px solid rgba(255,255,255,0.2);margin:0;padding:25px 0}
    .home-research-innovation .content li:first-of-type {border-top:0}
    .home-news .col-3 {gap:0;}
    .home-news .col-3 .col {width:100%}    
    .story-part-1 .subject { position:relative;left:0;top:0}
    .story-part-1 .text {width:100%;margin-left:0;margin-top:25px}    
    .news li {min-height:120px;}
    .news li .pic {width:200px;height:120px;}
    .news li .text {margin-left:225px}
    .news li .text .title { position: relative;top:-5px; line-height: 30px; height: 60px;}
    .news li .text .title a {font-size:16px}
    .news li .text .content {display:none;}
    .news li .text .date-more {padding-top:13px;font-size:14px;padding-bottom:5px}
    .news li .text .date-more a {bottom:5px;font-size:14px;}
    .online-shop ul {flex-wrap: wrap;margin-top:20px}
    .online-shop li {width:33.3333%;margin-top:20px}
    .online-shop li .pic { left:50%;margin-left:-57px;bottom:130px}    
    .easternculture li .content {width:100%;}
    .easternculture li .pic {width:100%;margin-top:30px}
    .home-product .col-4 .col {width:calc(50% - 11.25px);width:-webkit-calc(50% - 11.25px);}
    .gaoyi-art .text .content {position:relative;top:0;text-align:center;font-size:14px;padding-bottom:30px; line-height: 1.6}
    .gaoyi-art .text .content h2,.gaoyi-art .text .content h3 {font-size:18px; line-height: 1.4}
    .gaoyi-brand table td img {height:60px}
    .bainianyiren-art .content td {display:block;width:100%}  
    .bainianyiren-art .content td:nth-child(1) .row {margin:0;width:100%}
    .bainianyiren-art .content td:nth-child(2) .row {width:100%;margin:30px 0}
    .bainianyiren-art .content td:nth-child(3) .row {margin:0;width:100%;}
    .bainianyiren-honor .text ul.ul-1 li {width:100%; position: relative;left:-7px}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(2) {text-align:center;margin-top:-20px}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(3) {text-align:center;margin-top:20px}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(2) h3 {margin-right:0;font-weight:500;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(3) h3 {margin-left:0;font-weight:500;}
    .bainianyiren-honor .text ul.ul-2 li{width:100%; position: relative;left:-7px}
    .bainianyiren-honor .text ul.ul-1 li h3 {font-size:16px;font-weight:700}
    .bainianyiren-honor .text ul.ul-1 li h3:before {top:-2px;left:-20px;width:20px;height:20px;  }
    .bainianyiren-honor .text ul.ul-1 li h3:after {top:-2px;right:-20px;width:20px;height:20px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3 {font-size:20px; }
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:before {top:-5px;left:-30px;width:30px;height:30px;}
    .bainianyiren-honor .text ul.ul-1 li:nth-child(1) h3:after {top:-5px;right:-30px;width:30px;height:30px;}
    .bainianyiren-honor .text {font-size:14px;}    
    .product-cate li {margin:0;width:32.3333%}    
    .product-list li .logo { position:relative;;width:100%;height:auto;padding-right:0}
    .product-list li .logo img {top:0;height:60px}
    .product-list li .big-pic {width:100%;margin-left:0;margin-top:40px}
    .product-list li .list { position:relative;height:auto;width:100%;padding-right:0;margin-top:30px}
    .product-name {margin-top:12px;}
    .product-name a {font-size:18px;padding-right:20px}
    .product-name a span {top:9px;font-size:18px;}
    .product-list li .swiper-slide .pic h2 img {max-width:100%}
}

@media only screen and (max-width:480px){
    .home-multi-brand li {padding:45% 0;}    
    .news li {min-height:90px;}
    .news li .pic {width:150px;height:90px;}
    .news li .text {margin-left:165px}
    .news li .text .title {line-height: 28px; height: 56px;margin-bottom:0}
    .news li .text .date-more {padding-top:6px;font-size:12px;}
    .news li .text .date-more a {font-size:12px;}
    .gaoyi-brand table td img {height:50px}
}