@charset "utf-8"; @media (max-width:1600px){ .hd-con{ padding:0 10px 0 10px; } .mAboutLeft > h3 > p,.mAboutLeft > h3 > span,.colAboutcen > h3 > p,.colAboutcen > h3 > span{ font-size: 30px;} .mAboutLeft > div,.colAboutcen > div{height: 224px;line-height: 32px;font-size: 16px;margin-top: 3%;margin-bottom: 4%;} .colAboutcen > div{height: 30px;margin-top: 1%;margin-bottom: 1%;} .mAboutLeft > p > a,.colaAboutcen > p >a{ padding:0 25px; height: 35px; line-height: 35px; font-size: 16px; } } @media (max-width:1440px){ /******/ .float{ width:100%; left:0; margin-left:0;} /******/ .navlist > ul > li > div > a{font-size: 18px;} .c-con,.headerCol > .c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;} /******/ .hd-con{ padding:0 10px 0 10px; } .mAboutLeft > h3 > p,.mAboutLeft > h3 > span,.colAboutcen > h3 > p,.colAboutcen > h3 > span{ font-size: 24px;} .mAboutLeft > div,.colAboutcen > div{ height: 196px; line-height: 28px; font-size: 14px; margin-top: 3%; margin-bottom: 4%;} .colAboutcen > div{height: 30px;margin-top: 1%;margin-bottom: 1%;} .mAboutLeft > p > a,.colAboutcen > p >a{ padding:0 20px; height: 32px; line-height: 32px; font-size: 16px; } .newsTab > p{font-size: 30px;} } @media (max-width:1200px){ .logo{ width: 180px; } .navlist,.navlist > ul,.navlist > ul > li,.navlist > ul > li:nth-last-of-type(1),.navlist > ul > li > div{ height: 74px;} .navlist > ul > li > div > a{ font-size: 14px; } .navlist > ul > li > p{ top:70px; } .navlist > ul > li > p::after{ border-bottom:12px solid #FFF; border-left:10px solid transparent; border-right:10px solid transparent; top:-12px; margin-left:-10px;} .header-blank{ height:74px;} /******/ .swiper1 .swiper-pagination{ padding-bottom:10px;} /******/ .f2Flash{width: 20%;} .newsTab > p{font-size: 18px;height: 66px;line-height: 40px;} .newsTab > p > span{font-size: 14px;} .news{width: 76%;} .newsList > ul > li > a{ font-size: 14px; } .newsList > ul > li > a > .cnItem-date{height: 120px;padding-top: 5px;} .newsList > ul > li > a > .cnItem-date > h3{font-size: 38px;} .newsList > ul > li > a > .cnItem-about > h3{font-size: 18px;} .newsList > ul > li > a > .cnItem-about > div{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;} .newsList > ul > li > a > .cnItem-img{width: 24%;} .news > a{width: 150px;height: 35px;line-height: 35px;font-size: 16px;} .newsList > ul > li > span{ font-size: 12px; } /******/ .colHeader > h3{ font-size: 14px; height: 24px; line-height: 24px; } .colHeader > h4{height: 60px;line-height: 40px;font-size: 30px;padding:0 0;} .colHeader > p{ width: 60px; } .colHeader > a{ width:120px; height: 42px; line-height: 40px; font-size: 14px; margin-top: -21px; } .colHeader > ul{ width:240px; height:48px; margin-top: -24px; } .colHeader > ul > li{ width: 48px; height: 48px; margin-left:12px; } .colHeader > ul > li > a{ width:48px; height: 48px; } /*******/ .mAboutLeft > h3 > p,.mAboutLeft > h3 > span,.colAboutcen > h3 > p,.colAboutcen > h3 > span{ font-size: 20px;} .mAboutLeft > div,.colAboutcen > div{ height: 168px; line-height: 24px; font-size: 14px; margin-top: 15px; margin-bottom: 15px;} .colAboutcen > div{height: 30px;margin-top: 1%;margin-bottom: 1%;} .mAboutLeft > p > a,.colAboutcen > p > a{ padding:0 20px; height: 30px; line-height: 30px; font-size: 14px; } /*******/ .industry .item{width:20%} /********/ .mediaList > ul > li > a > .mediaAbout > h4{ font-size:14px; } .mediaList > ul > li > a > .mediaAbout > h3{ font-size:20px; } /******/ .servLogo > h3,.servItem > h3,.servQTCode > h3{ line-height: 3; } .servLogo{ width:30%; flex-shrink: 0; } .sLogoImg{ width:60%; overflow: hidden; } /******/ .servLogo2 > h3,.servItem2 > h3,.servQTCode2 > h3{ line-height: 3; } .servLogo2{ width:30%; flex-shrink: 0; } .sLogoImg2{ width:60%; overflow: hidden; } .servItem2{width: 30%;} .shopList > ul > li > .slItems > p{ line-height: 40px; height:40px; font-size:14px; } .servItem3-wrap > div:nth-of-type(5){display: none;} /*******/ .cNewsItem > h3{ font-size: 24px; line-height: 48px;height:48px; } .pic ul li{height: 300px; } .pic ul li .txt{ height: 300px;} .txt .icon{width:30px; height:30px; overflow: hidden; } .txt .p1{font-size: 16px;line-height: 20px;width: 30px;height:200px; } .txt .more{width:30px; height:30px; line-height: 30px; } .txt .more > i{ font-size: 16px; } .sIlist > ul > li{ min-width: 120px;} } @media (max-width:992px){ .logo{ width: 150px; padding-top:10px; padding-bottom:10px;} /*.navlist > ul > li > p{ top:60px; }*/ /********/ .header-blank{ height:65px;} /******/ .navlist,.navlist > ul,.navlist > ul > li,.navlist > ul > li:nth-last-of-type(1),.navlist > ul > li > div{ height: 65px;} .navlist{ padding-left:0px;} .navlist > ul > li:nth-last-of-type(2){ width: 116px; } .navlist > ul > li > div > a{ font-size: 12px; } /******/ .f2Flash{width: 20%;} .newsTab > p{height: 70px;line-height: 36px;} .newsTab > p > span{font-size: 14px;} .news{width: 76%;} .newsList > ul > li > a{ font-size: 14px; } .newsList > ul > li > a > .cnItem-date{height: 119px;padding-top: 5px;display: none;} .newsList > ul > li > a > .cnItem-date > h3{font-size: 28px;padding: 5% 0;} .newsList > ul > li > a > .cnItem-date > p{font-size: 18px;} .newsList > ul > li > a > .cnItem-about > h3{font-size: 16px;} .newsList > ul > li > a > .cnItem-about > div{-webkit-line-clamp: 2;font-size: 14px;} .newsList > ul > li > a > .cnItem-about > h4{display:block;} .newsList > ul > li > a > .cnItem-about > p{display:none;} .newsList > ul > li > a > .cnItem-img{width: 24%;display: none;} .news > a{width: 150px;height: 35px;line-height: 35px;font-size: 16px;} .swiper2 .swiper-slide div{padding:10px 10px; } .swiper2 .swiper-slide div h3{height: 24px; line-height: 24px;} .swiper2 .swiper-slide div h3,.newsList > ul > li >.newsItemLeft > h3{ font-size: 14px; } .swiper2 .swiper-slide div h4,.newsList > ul > li >.newsItemLeft > p{ font-size: 12px; } .swiper2 .swiper-pagination { height:44px; box-sizing: border-box; padding:16px 10px 16px 0; } .newsList > ul > li >.newsItemDate > h3{ font-size: 18px; } /******/ .colHeader > h3{ font-size: 12px; height: 20px; line-height: 20px; } .colHeader > h4{height: 50px;line-height: 32px;font-size: 24px;padding:0 0;} .colHeader > p{ width: 48px; } .colHeader > a{ width:100px; height: 36px; line-height: 34px; font-size: 14px; margin-top: -18px; } .colHeader > ul{ width:200px; height:40px; margin-top: -20px; } .colHeader > ul > li{ width: 40px; height: 40px; margin-left:10px; } .colHeader > ul > li > a{ width:40px; height: 40px; } /*******/ .mAboutLeft > div,.colAboutcen > div{ height: 96px; line-height: 24px; font-size: 14px; margin-top: 15px; margin-bottom: 15px;} .colAboutcen > div{height: 30px;} /******/ .mediaList > ul > li > a > .mediaAbout > h4{ font-size:14px; } .mediaList > ul > li > a > .mediaAbout > h3{ font-size:18px; } /******/ .industry .item{width:24%;font-size: 20px;} .business_banner .swiper-slide{margin-top: 30px;} .txtTit{font-size: 22px;margin-bottom: 5px;padding-bottom: 10px;} .txtTit::after{height:4px} .fbCon{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .business_banner .swiper-button-prev{left: 5%;width: 50px;height: 50px;} .business_banner .swiper-button-next{right:5%;width: 50px;height: 50px;} /********/ /********/ .service::after{top:20%;} .sLogoImg{ width:180px; } .servLogo > h3,.servItem > h3,.servQTCode > h3{ line-height: 2.5; } .sIlist3 > h4{white-space: nowrap;} .sLogoImg2{ width:180px; } .servLogo2 > h3,.servItem2 > h3,.servItem3 > h3{ line-height: 2.5; } /*******/ .cNewsItem > h3{ font-size: 20px; line-height: 40px;height:40px; } .sIlist{ flex-direction: column; } .sIlist > ul > li{ min-width: 80px; padding-right: 10px;} } @media (max-width:768px){ .search{height:60px;top:64px;} .sechForm{width:300px;height:40px;} .header{ background-image: url(none);} .logo{ width:180px; padding-top: 5px; padding-bottom: 5px} .header-blank{ height:74px;} .navlist{ width:40px; position: absolute; right:40px; top: 0; } .navlist > ul > li,.navlist2{ display: none;} .navlist01 > ul > li,.navlist2{ display: none;} .navlist > ul > li:nth-last-of-type(1){ display: block;} .menu{ display: block; } /******/ .revolution-slider{margin-top:60px !important;} .swiper1 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; } /******/ .f2{ display: block; padding-bottom: 20px;} .f2Flash,.news{ width:100%; } .news{ margin-top: 10px; padding-left:0; white-space: normal; text-overflow: auto;} .newsTab{ margin-bottom: 10px;flex-direction:row; } .newsTab > a{display: none !important;} .newsTab > p{margin: 0;padding: 0;} .newsTab > p > span{display: none !important;} .newsList > ul > li + li{ margin-top: 10px; } .newsTab,.newsList > ul > li{ padding-left:0; } .newsList > ul > li > a > .cnItem-date,.newsList > ul > li > a > .cnItem-img,.newsList > ul > li > a > .cnItem-about > p{display: none;} .newsList > ul > li > a > .cnItem-about > h4{display: block;} .newsList > ul > li > a > .cnItem-about > h3{font-size: 20px;} .newsList > ul > li > a > .cnItem-about > div{font-size: 16px;} .news > a{width: 150px;height: 30px;line-height: 30px;font-size: 16px;float: right;display: block;margin: 5% auto;} .swiper2 .swiper-slide p img{min-height:250px;} /******/ .colHeader > h3{ font-size: 12px; height: 20px; line-height: 20px; } .colHeader > h4{ height: 50px; line-height: 30px; font-size: 22px; padding:0 0; } .colHeader > p{ width: 48px; } .colHeader > a{ width:80px; height: 32px; line-height: 30px; font-size: 14px; margin-top: -16px; } .colHeader > ul{ width:160px; height:30px; margin-top: -15px; } .colHeader > ul > li{ width: 30px; height: 30px; margin-left:10px; } .colHeader > ul > li > a{ width:30px; height: 30px; } /******/ .about{ padding-bottom: 3%; } .about > .c-con > .colHeader{ padding-top: 2%; } .about > .c-con > .colHeader > div{ font-size: 14px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .mainAbout{ flex-direction: column; } .mAboutImg,.mAboutLeft{ width: 100%;} .mAboutLeft,.colAboutcen{ padding:2% 3% 3% 3%; } .mAboutLeft > div,.colAboutcen > div{height: auto;margin-top: 2%;line-height: 30px;margin-bottom: 2%;} /*.aboutVideo p*/ /******/ .industry{width: 100%;} .industry .item{width:24%;font-size: 14px;} .business_banner .swiper-slide{margin-top: 30px;} .txtTit{font-size: 20px;} .txtTit::after{height:2px} .business_banner .swiper-button-prev{left: 0;width: 30px;height: 30px;} .business_banner .swiper-button-next{right: 0;width: 30px;height: 30px;} /********/ .media{ background-image: url(none);} .mediaList > ul{ flex-direction: column; } .mediaList > ul > li{ width:100%; } /******/ .service > .c-con{ flex-direction: row; flex-wrap: wrap;} .servItem{ width:50%; } .servLogo,.servQTCode{ width: 100%; } .servLogo > h3,.servItem > h3,.servQTCode > h3{ text-align: center; } .servItem > h3::after{ left:50%; margin-left:-30px; } .sIlist > ul > li,.sIContact > ul > li{ text-align: center; } .sIlist > ul{ width:100%; } .sIContact > ul > li{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: center; align-items: center; } .sIlist,.sIContact{ padding-right: 0; } .servLogo > h3,.servQTCode > h3{ display: none; } .sLogoImg{ width:200px; margin:0 auto; } .servItem{ margin-bottom: 10px; } .sQImg{ width:100px; margin:0 auto; } .servLogo2,.servItem2,.servItem3,.servItem3,.sIlist3{ width: 100%; } .servItem3 > .servItem3-wrap{border-top: 1px solid rgba(255,255,255,0.2);} .servLogo2 > h3,.servItem2 > h3,.servItem3 > h3,.sIlist3 > h4,.sIlist3 > ul > li,.sIlist2 > ul > li,.sIContact2 > ul > li{ text-align: center; } .sIContact2 > ul > li{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: center; align-items: center; } .sIlist2,.sIContact2{ padding-right: 0;border-top: 1px solid rgba(255,255,255,0.2); } .servLogo2 > h3,.servQTCode2 > h3{ display: none; } .sLogoImg2{ width:200px; margin:0 auto; } .servItem{ margin-bottom: 10px; } .sQImg2{ width:100px; margin:0 auto; } .service::after{display: none;} .sIlist3 > h4 > a >img{margin: 0 auto;margin-top: 13%} /****/ .shops{flex-direction: column; } .shopList{ width:100%;} /*******/ .colNews{flex-direction: column; padding:0 20px;} .cNewsItem,.cNewsItem2{ width:100%;} .cNewsItem{ margin-top: 10px; } .cNewsItem2{ height:auto;margin-left: 0;margin-top: 2%; } .cNewsItem2 > ul{ display: block; } .colF1{flex-direction: column;} .colF1Objs > ul > li > a > p{ width:80px; } .colF1Objs > ul > li{ padding-top: 10%; padding-bottom: 10%; } .colF1Flash{ width:100%;margin-left:0; margin-top: 10px;} } @media (max-width:640px){ .amMain > div{ height: 24px; white-space: nowrap; text-overflow: ellipsis; } .amMain > .amBtn > p{ width:32px; height: 32px; } .amBtn > span{ font-size: 16px; } /*****/ .leader-list2,.leader-list4{ height: 0; } .leader-list3,.leader-list5{height: auto;} /*********/ .location > p,.caseItemTitle > p{ font-size: 16px; } } @media (max-width:480px){ .colHeader > ul{ width:120px; height:20px; margin-top: -10px; } .colHeader > ul > li{ width: 20px; height: 20px; margin-left:10px; } .colF1Flash{ display: none; } } @media (max-width:375px){ }