@media screen and (max-width: 1900px) { .w1850 { width: 90%; } } @media screen and (max-width: 1600px) { .box2 .w1850 .lister .item .img { width: 180px; height: 180px; } } @media screen and (max-width: 1440px) { .swiper-box1 .swiper-prev, .swiper-box1 .swiper-next { font-size: 30px; } .box3 .w1850 .bannerbox3 .swiper-next1, .box3 .w1850 .bannerbox3 .swiper-prev1 { top: 15%; font-size: 24px; } .box3 .w1850 .bannerbox3 .swiper-pagination { top: 35%; } footer .w1850 .footerTop .item h6 { font-size: 32px; } } @media screen and (max-width: 1366px) { .box2 .w1850 .lister .item { width: 24%; padding: 50px 0; } .subnavHead .w1200 { width: 80%; } .contact .w1200 .font h5 { font-size: 24px; } .higuys .w1200 h5 { font-size: 32px; } .prdInner .w1200 .font { padding: 0; } .brandprofile .w1200 .font { margin-right: 100px; } .leader .w1200 .head h5 { font-size: 32px; } .culturewish .w1200 .font { margin-left: 90px; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile { padding: 60px 0; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .bannerimg1 .logoimgbox { height: auto; padding-bottom: 20px; right: 5%; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .bannerimg1 .logoimgbox h6 { margin-top: 10px; } .barndImg .barndImgBg figure { width: 150px; } .barndImg .barndImgBg figure img { width: 100%; } } @media screen and (max-width: 1280px) { .box2 .w1850 .head h5 { font-size: 18px; } .leader .w1200 .box .font { height: auto; } .leader .w1200 .box .font .swiperleader { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 300px; } .display .box .w1200 .swiper-certify .swiper-wrapper .swiper-slide { width: 600px; } .news .bg .w1200 .font h4 { margin-bottom: 60px; } .w1200 { width: 90%; } .profile .w1200 .item .img { width: 70%; } .cultureCorporate .w1200 ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cultureCorporate .w1200 ul li { width: 32%; margin-bottom: 30px; } .cultureCorporate .w1200 ul > i { width: 32%; } } @media screen and (max-width: 1100px) { .leader .w1200 .box .font .swiperleader { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 240px; } .profile .w1200 .item { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; } .profile .w1200 .item .img { width: 100%; } .profile .w1200 .item .text { width: 100%; padding: 30px !important; } } @media screen and (max-width: 1024px) { .profile, .cultureTitle, .culturewish, .cultureCorporate, .honor, .display .box, .newsItem, .higuys, .contact { padding: 60px 0; } .subnavHead .dataRight { height: 100%; right: 3%; } .subnavHead .dataRight img { height: 145%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .leader .w1200 .box .font { margin-left: 30px; } .leader .w1200 .box .font .fonttitle { margin-bottom: 30px; } .cultureVideo video { height: auto; } .barndImg .bannerimg img { height: auto; } .mobileNav .box { padding-top: 65px; } .msgBox { padding-bottom: 60px; } .msgBox .w1200 h5 { font-size: 24px; } .contact .w1200 .font { padding: 30px; } .guysItemBox { padding-bottom: 60px; } .guysItemBox .w1200 .guysItem .head { height: 80px; } .higuys .w1200 h5 { font-size: 24px; } .prdTuijian .w1200 h5 { font-size: 24px; } .prdTuijian { padding-bottom: 60px; } .prdInner { padding: 60px 0; } .prdInner .w1200 .font .title h5 { font-size: 24px; } .prdInner .w1200 .font .title .icon a { font-size: 18px; } .prdInner .w1200 .font .text { margin: 30px 0; height: 200px; } .prd .w1200 .items { margin-bottom: 60px; } .prd { padding: 60px 0; } .prd .w1200 .items .prdBox > i { width: 33.33%; } .newsItem .w1200 .item { width: 48%; } .newsItem .w1200 i { width: 48%; } .news { padding: 120px 0 60px; } .news .bg .w1200 .font { padding: 30px; padding-bottom: 0; } .news .bg .w1200 .font h4 { font-size: 24px; } .newsInner .w1200 .Inner, .newsInner .w1200 .otherlink { padding: 60px 0; } .newsInner .w1200 .head h5 { font-size: 24px; } .display .box .w1200 i { width: 33.33%; } .prdItem { width: 33.33%; } .prdItem:nth-child(4) { border-top: none; } .prdItem:nth-child(4n + 1) { border-left: none; } .prdItem:nth-child(3n + 1) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .brandprofile .w1200 .font { margin-right: 30px; } .barndImg .barndImgBg figure { width: 100px; } .leader .w1200 .head h5 { font-size: 24px; } .honor .w1200 .item { width: 48%; } .honor .w1200 i { width: 48%; } .culturePrice img { max-width: initial; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 200px; } .ctitle h5 { font-size: 18px; } .ctitle h6 { font-size: 16px; } .culturewish .w1200 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .culturewish .w1200 .ctitle { width: 100%; text-align: center; } .culturewish .w1200 .font { margin-top: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0; width: 100%; } .culturewish .w1200 .font .list h4 { font-size: 24px; } .cultureVideo .shubiao { display: none; } .cultureTitle .w1200 h5 { font-size: 18px; } .cultureTitle .w1200 h6 { font-size: 16px; } .cultureTitle .w1200 p { margin-top: 20px; font-size: 17px; } .cultureVideo .needs div { width: 50px; height: 50px; font-size: 16px; } .profileBot img { max-width: initial; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 300px; } .subnavHead .w1200 h5 { font-size: 24px; margin-top: 5px; } .profile .w1200 .item .text h6 { font-size: 24px; } .profile .w1200 .item .text h5 { font-size: 18px; } .profile .w1200 .font { margin: 60px 0; } .profile .w1200 .head h5 { font-size: 24px; } .profile .w1200 .head h6 { font-size: 18px; } header .w1850 ul { display: none; } footer .w1850 .footerTop .item h6 { font-size: 24px; } footer .w1850 .footerTop { padding: 30px 0; } footer .w1850 .footerTop .item { width: 100%; text-align: center; } footer .w1850 .footerTop .item .link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer .w1850 .footerTop .item.rights { margin-top: 20px; text-align: center; width: 100%; } .box3 .w1850 .bannerbox3 .swiper-next1, .box3 .w1850 .bannerbox3 .swiper-prev1 { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .box3 .w1850 .bannerbox3 .swiper-pagination { margin-top: -30px; left: 0; text-align: center; } .box3 .w1850 .bannerbox3 .swiper-pagination span { margin: 0 6px !important; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .bannerimg1 .logoimgbox { position: static; -webkit-transform: translate(0); transform: translate(0); margin-top: 30px; margin-left: 15px; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile { padding: 50px 0; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile h5 { font-size: 18px; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile p { margin: 30px 0; } .box2 .w1850 .head { padding: 30px; } .box2 .w1850 .lister .item { width: 48%; padding: 50px 0; margin-bottom: 30px; } header { height: 65px; } .swiper-box1 .swiper-prev, .swiper-box1 .swiper-next { font-size: 24px; } .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 30px; } .swiper-box1 .shubiao { display: none; } } @media screen and (max-width: 860px) { .news .bg .w1200 .font h4 { margin: 30px 0; } .subnavHead .w1200 { width: 100% !important; margin-left: 15%; } .leader .w1200 .box .font { margin-left: 0; } .contact .w1200 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact .w1200 .font { width: 100%; } .contact .w1200 .map { width: 100%; height: 400px; } .prdInner .w1200 .img { width: 100%; } .prdInner .w1200 .font { width: 100%; margin: 0; margin-top: 30px; } .prdInner .w1200 .font .text { height: auto; } .prdInner .w1200 .font .pay { margin-left: auto; margin-right: auto; } .cultureCorporate .w1200 ul li { width: 48%; margin-bottom: 30px; } .cultureCorporate .w1200 ul li:last-child { margin-bottom: 0; } .cultureCorporate .w1200 ul > i { width: 48%; } .leader .w1200 .box { margin-top: 30px; padding: 30px 0; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .leader .w1200 .box figure { margin: 0 auto; width: 50%; position: static; -webkit-transform: translate(0); transform: translate(0); } .leader .w1200 .box .font { margin-top: 30px; width: 100%; height: auto; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .leader .w1200 .box .font .swiperleader { height: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .leader .w1200 .box .font .swiperleader .swiper-wrapper .swiper-slide { width: 100%; padding: 0; overflow-y: auto; } } @media screen and (max-width: 750px) { .news .bg .w1200 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .news .bg .w1200 figure { width: 100%; } .news .bg .w1200 .font { width: 100%; padding: 30px; } .display .box .w1200 .swiper-certify .profile6prev { left: 15px; } .display .box .w1200 .swiper-certify .profile6next { right: 15px; } .brandprofile .w1200 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .brandprofile .w1200 .font { margin-right: 0px; width: 100%; padding: 30px 0; } .brandprofile .w1200 figure { width: 100%; text-align: center; } .brandprofile .w1200 figure img { max-width: 100%; } .display .box .w1200 i { width: 50%; } .prdItem { width: 50%; padding: 15px 0; } .prdItem:nth-child(3) { border-top: none; } .prdItem:nth-child(3n + 1) { border-left: none; } .prdItem:nth-child(2n + 1) { border-left: 1px solid rgba(0, 0, 0, 0.1); } .prdItem .img { width: 80%; height: 80%; } .prdItem p { margin-top: 15px; } .barndImg .bannerimg { position: relative; } .barndImg .bannerimg img { max-width: initial; height: 380px; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .barndImg .barndImgBg { padding-top: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; } .barndImg .barndImgBg figure { width: 50px; margin-bottom: 15px; } .barndImg .barndImgBg p { font-size: 12px; width: 100%; } .box2 .w1850 .head { padding: 30px 0; } .box2 .w1850 .head h5 { font-size: 17px; line-height: 1.5; } .box2 .w1850 .head .list { margin-top: 12px; } .box2 .w1850 .head .list span:first-child { font-size: 14px; } .box2 .w1850 .head .list span.fg { margin: 0 5px; } .box2 .w1850 .head .list span:nth-child(3) { font-size: 12px; } .box2 .w1850 .head .list a { margin-left: 15px; } .box3 .w1850 .bannerbox3 .swiper-next1, .box3 .w1850 .bannerbox3 .swiper-prev1 { font-size: 16px; } .box3 .w1850 .bannerbox3 .swiper-next1 { right: 5px; } .box3 .w1850 .bannerbox3 .swiper-prev1 { left: 5px; } .box3 .w1850 .bannerbox3 .swiper-pagination { margin-top: -20px; } .box3 .w1850 .bannerbox3 .swiper-pagination span { width: 8px; height: 8px; } .msgBox .w1200 .box .input { width: 100%; } .msgBox .w1200 .box .input input { padding: 15px 0; } .msgBox .w1200 .box textarea { padding: 15px; height: 120px; margin-bottom: 30px; } .msgBox .w1200 .box button { width: 110px; height: 40px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 640px) { .profile, .cultureTitle, .culturewish, .cultureCorporate, .leader, .honor, .display .box, .newsItem, .higuys, .contact { padding: 30px 0; } .subnavHead .dataRight img { height: 100%; } .prd .w1200 .items .title a { padding: 0 12px; } .mobileNav .box { padding-top: 50px; } .msgBox { padding-bottom: 30px; } .amap-info-contentContainer { padding: 15px; } .amap-info-contentContainer h5 { font-size: 16px; } .amap-info-contentContainer p { font-size: 14px; } .msgBox .w1200 h5 { font-size: 18px; } .contact .w1200 .font { padding: 15px; } .contact .w1200 .font h5 { font-size: 18px; } .contact .w1200 .font .item { margin-top: 15px; padding-top: 15px; } .contact .w1200 .font .item .list { margin-bottom: 5px; } .contact .w1200 .font .item .list i { margin-right: 10px; } .contact .w1200 .font .item .list p { font-size: 14px; } .contact .w1200 .map { height: 250px; } .guysItemBox { padding-bottom: 30px; } .higuys .w1200 p { margin-bottom: 30px; } .guysItemBox .w1200 .guysItem .head { height: 50px; padding: 0 15px; } .guysItemBox .w1200 .guysItem .head div h4 { margin-left: 10px; } .guysItemBox .w1200 .guysItem .box .font { padding: 15px; } .higuys .w1200 .td span { width: 100%; margin-right: 0; margin-bottom: 5px; } .higuys .w1200 h5 { font-size: 18px; } .prdTuijian { padding-bottom: 30px; } .prdTuijian .w1200 h5 { font-size: 18px; } .prdInner .w1200 .img { padding: 15px; } .prdInner .w1200 .font .title h5 { font-size: 18px; font-weight: 700; } .prdInner .w1200 .font .title .icon a { font-size: 16px; } .prdInner .w1200 .font .text { margin: 15px 0; } .prdInner .w1200 .font .text ul li { width: 100%; } .prdInner .w1200 .font .pay { margin-top: 15px; width: 110px; height: 35px; } .prdInner .w1200 .font .pay i { font-size: 18px; margin-right: 5px; } .prdInner .w1200 .font .pay span { font-size: 14px; } .prdInner { padding: 30px 0; } .prd .w1200 .items .prdBox > i { width: 50%; } .prd .w1200 .items { margin-bottom: 30px; } .prd { padding: 30px 0; } .news { padding: 80px 0 30px; } .newsInner .w1200 .Inner, .newsInner .w1200 .otherlink { padding: 30px 0; } .paging { margin-top: 30px; } .paging a { width: 30px; height: 30px; font-size: 14px; } .paging .text { margin: 0 20px; } .newsItem .w1200 .item { width: 100%; margin-bottom: 20px; } .newsItem .w1200 .item:last-child { margin-bottom: 0; } .newsItem .w1200 .item .font { padding: 10px; } .newsItem .w1200 .item .font h5 { font-size: 16px; margin-bottom: 0; } .newsItem .w1200 .item .font span { margin: 10px 0; } .newsItem .w1200 .item .font time { line-height: 1; } .newsItem .w1200 i { width: 100%; } .newsInner .w1200 .otherlink { -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsInner .w1200 .otherlink .item { width: 100%; } .newsInner .w1200 .otherlink .item a { margin-bottom: 0px; width: 100%; } .newsInner .w1200 .otherlink .links { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin: 0; text-align: center; } .newsInner .w1200 .otherlink .links a { padding-bottom: 0px; border-width: 2px; } .newsInner .w1200 .head h5 { font-size: 18px; } .newsInner .w1200 .title { margin: 15px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsInner .w1200 .title time { font-size: 12px; margin-right: 15px; } .newsInner .w1200 .title a { font-size: 12px !important; margin-right: 0 !important; margin: 0 4px !important; } .newsInner { padding-top: 30px; } .display .head { height: 50px; } .display .head .w1200 h5 { line-height: 50px; } .brandprofile .w1200 .font .item { margin-bottom: 12px; } .brandprofile .w1200 .font .item h5 { margin-bottom: 0; font-size: 16px; } .brandprofile .w1200 figure { width: 61.8%; } .honor .w1200 .item { padding: 8px; margin-bottom: 15px; } .leader .w1200 .head h5 { font-size: 18px; } .leader .w1200 .box figure { width: 70%; } .leader .w1200 .box .font { padding: 0 15px; } .leader .w1200 .box .font .fonttitle { margin-bottom: 20px; } .leader .w1200 .box .font .fonttitle .item { padding: 15px 0; margin-right: 15px; } .cultureCorporate .w1200 ul { margin-top: 30px; } .cultureCorporate .w1200 ul li { width: 100%; padding: 30px 0; margin-bottom: 15px; } .cultureCorporate .w1200 ul li:after { height: 2px; } .cultureCorporate .w1200 ul li .dot { width: 50px; height: 50px; } .cultureCorporate .w1200 ul li .dot i { font-size: 16px; } .cultureCorporate .w1200 ul li p { margin-top: 20px; font-size: 14px; } .cultureCorporate .w1200 ul > i { width: 100%; } .culturePrice .bg .w1200 p { margin-top: 20px; font-size: 14px; } .culturePrice img { height: 143px; } .culturewish .w1200 .font { margin-top: 30px; } .culturewish .w1200 .font .list { padding: 10px 0; } .culturewish .w1200 .font .list h4 { font-size: 18px; text-align: center; } .cultureTitle .w1200 p { margin-top: 15px; font-size: 14px; } .cultureVideo .needs div { width: 35px; height: 35px; border-width: 1px; font-size: 12px; } .profileBot img { height: 200px; } .profileBot .bg p { font-size: 14px; } .profile .w1200 .item { margin-bottom: 30px; } .profile .w1200 .item .text { padding: 15px 0 !important; } .profile .w1200 .item .text h6 { font-size: 16px; } .profile .w1200 .item .text h5 { font-size: 18px; } .profile .w1200 .item .text p { margin-top: 15px; } .subnavHead { padding: 15px 0; } .subnavHead .w1200 h5 { font-size: 18px; } .profile .w1200 .font { margin: 30px 0; } .profile .w1200 .head h5 { font-size: 18px; } .profile .w1200 .head h6 { font-size: 16px; } .swiper-box1 .swiper-prev, .swiper-box1 .swiper-next { display: none; } footer .w1850 .footerTop { padding: 15px 0 0; } footer .w1850 .footerTop .item .link { margin-top: 15px; } footer .w1850 .footerTop .item h6 { font-size: 18px; } footer .w1850 .footerTop .item span { font-size: 16px; } footer .w1850 .footerBot { padding: 15px 0; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .bannerimg1 .logoimgbox { margin-left: auto; margin-right: auto; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile { padding: 30px 0; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile h5 { font-size: 16px; text-align: center; } .box3 .w1850 .bannerbox3 .swiper-wrapper .swiper-slide .box3profile p { margin: 15px 0; } .learnMore { width: 120px; height: 35px; margin-left: auto; margin-right: auto; } .learnMore span { margin-right: 15px; } .learnMore i { font-size: 12px; } .box2 .w1850 .bot { padding: 10px 0 25px; } .box2 .w1850 .bot .more { width: 50px; height: 50px; } .box2 .w1850 .lister .item { width: 48%; padding: 15px 0; margin-bottom: 15px; } .box2 .w1850 .lister .item .img { width: 80%; height: 80%; margin-bottom: 15px; } .box2 .w1850 .lister .item .text h5 { margin: 5px 0; } header { height: 50px; } header .w1850 .logo img { height: 35px; } header .w1850 .morelink .sc { font-size: 18px; } .mobileMenu { margin-left: 25px; } .swiper-box1 .numbox { bottom: 13px; line-height: 1; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .swiper-box1 .numbox div { font-size: 15px; } } @media screen and (max-width: 480px) { .news .bg .w1200 .font { padding: 15px; } .news .bg .w1200 .font h4 { margin: 10px 0; font-size: 16px; } }