@charset "utf-8"; @media (max-width:1600px){ .colBulid,.news > .c-con{ width:100%; margin:0 auto; box-sizing: border-box; padding-left:10px; padding-right:10px; } .header .hd-right{padding-left:5%;} .header .hd-right > .nav > ul > li{ font-size: 17px;} .swiper6 .swiper-slide > a{padding:6px;} .swiper6 .swiper-slide > a > p{ box-shadow: 0 0 6px rgba(200,200,200,0.5); padding:10px; } .leader-list4{ width:100%; padding:0 5px;} .leader-list4 .swiper-button-next,.leader-list4 .swiper-button-prev{ height:54px; width:54px; margin-top:-44px;} .swiper6 .swiper-slide > a > h3{ font-size: 16px; } .alMain > a > .almCount{margin-top:6%} /*.about>.about-left{*/ /* top:-75px;*/ /* left: -42px;*/ /*}*/ .jobs>.jobs-right{ top:-5px; } .jobs>.jobs-right> img{ width:80%; height: 80%; } } @media (max-width:1400px){ body{ background-image: url(none);} .float{ width:100%; left:0; margin-left:0;} .container{ width:100%; } .c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;} .hd-con{ padding:0 10px;} .header .hd-right{padding-left:4%;} /**/ .header .hd-right > .nav > ul > li{ width:auto; font-size: 15px;} .header .hd-right > .nav > ul > li > p > a {font-size: 15px;} /****/ .swiper1 .swiper-slide > a > .slideAbout,.colFlashAbout{ width:100%; left:0; margin-left:0; padding:0 5%;} .swiper1 .swiper-slide > a > .slideAbout > h4{ font-size: 24px;} .swiper1 .swiper-slide > a > .slideAbout > h3{ font-size: 44px;} .swiper1 .swiper-slide > a > .slideAbout > p{ font-size: 14px;} .swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:48px; width:48px; line-height:48px;margin-top:-24px;} .swiper1 .swiper-slide > a > .slideAbout > .saIcon{ left:3%; } /****/ .casesList > ul > li > a > .slidercAbout > h3{ font-size: 28px; } .casesList > ul > li > a > .slidercAbout > h4{ font-size: 24px; } .casesList > ul > li > a > .slidercAbout > p{ font-size: 14px;} /************/ .newsheader{ width:100%; padding-left:10px; padding-right: 10px; } /****/ .jobs{ padding-left:10px;padding-right: 10px; } /***********/ .colFlashAbout{ padding:3%; } /****/ .caAbout > h3{ font-size: 30px;} .caAbout > h4{font-size: 20px;} .caAbout > div{ font-size: 16px; } .caCount > .cacItem > p,.caCount > .cacItem > h3{ font-size: 14px; } .caCount > .cacItem > h3 > span,.alMain > a > .almCount > ul > li > .almcNums > span{ font-size: 50px; } .caCount > .cacItem > h3 > span.cacItemUnit{ font-size: 18px; } .cavAbout{ width:100%; left:0; margin-left:0;} .cavAbout > h3{ font-size: 24px; } .cavAbout > p{ font-size: 18px;} .ccHeader{ width:30%;} .ccHeader > p{ width:100%;} .colCulture > .c-con{ padding-left:0;padding-right: 0; } .ccHeader{ padding-left:10px; } .ccleft{width:60%} .ccRight{ padding-right: 10px; } .ccRight > ul > li > h3{ font-size: 24px; } .ccRight > ul > li > h4{ font-size: 16px;} .ccRight > ul > li > div{ font-size: 14px; } .colBulidHeader > h3,.quabanHeader > h3{ font-size: 24px; } .leader-list2{ padding:0 52px;} .swiper4 .swiper-slide > a > .sliderBuildItemAbout > h3,.swiper2 .swiper-slide > a > .sliderBuildItemAbout > h3{ height: 60px; line-height: 30px; font-size: 18px; } .swiper4 .swiper-slide > a > .sliderBuildItemAbout{padding:15px 4%;} .leader-list2 .swiper-button-next,.leader-list2 .swiper-button-prev{ height:52px; width:52px; margin-top: -26px;} .busiMenu > ul > li{ font-size: 18px; } .brTitle{ font-size: 24px; } .busiItems > ul > li{ width:32.5%; margin-right: 1.25%; } .busiItems > ul > li > a > .biImg > h3 > p,.biAboutMemo > h3{ font-size: 32px; } .busiItems > ul > li > a > .biAbout > .biAboutMemo > p{ font-size: 16px; -webkit-line-clamp:8; } .colBusiAbout > .c-con > .cbaMemo > div > h3{ font-size: 36px; } /****/ .showcase .content{ height: 500px;} /****/ .btn{ width:40px; height: 40px; } /*.alMain{ padding-left:20px; box-sizing:border-box; }*/ .alMain > a > h4,.alMain > a > h3,.alMain > a > .almMemo,.alMain > a > p{ padding-left:20px; box-sizing: border-box; } .alMain > a > p{ margin-top: 6%; } .alMain > a > .almCount > ul > li > .almcNums > span{ font-size: } .alMain > a > h4,.alMain > a > .almCount > ul > li > .almcNums > span.cacItemUnit{font-size: 18px; } .alMain > a > h3,.caseHeader > h3,.newsheader > h3{ font-size: 36px; } .alMain > a > .almMemo,.alMain > a > .almCount > ul > li > .almcTitle,.alMain > a > .almCount > ul > li > .almcNums > p{ font-size: 14px; } /****/ .caseHeader > h3,.caseHeader > p{ padding-left: 10px; } .newsFlash{ width:540px;} .swiperNews .swiper-slide > a > img{ width:100%; height:360px;} .swiperNews .swiper-slide > a > .snTitle > h3,.newsList > p{ font-size: 16px; } .newsRight{ height:360px; } .nrTab > p{ font-size: 18px; } /***20231122**/ .honorHeader{ font-size: 24px;} .colHonor > ul > li > .colHonorItem-icon > h3,.colHonor > ul > li > .colHonorItem-right > ul > li > h4{ font-size: 20px; } .colHonor > ul > li > .colHonorItem-icon > h3 > span{ font-size: 16px; } .colHonor > ul > li > .colHonorItem-right > ul > li > h4{ font-size: 18px; } .contactMap > .map> img{ width:140%; height:100%; object-fit:cover; } } @media (max-width:1200px){ .logo{ display:block; width:160px; padding-top: 10px; padding-bottom: 10px;} .header .hd-right{padding-left:5%; height:68px; } .header .hd-right > .nav > ul > li{ font-size: 14px; } .header .hd-right > .nav > ul > li > a{height: 30px; line-height: 30px; padding:0 10px !important;} .header .hd-right > .nav > ul > li > a > img{width:16px; height: 16px;} .header .hd-right > .nav > ul > li > p{ top:49px; font-size:14px; } /*.header .hd-right > .nav > ul > li > a > img{width:20px; height: 20px; transform: translateY(8px); -webkit-transform: translateY(8px);}*/ /*.header .hd-right > .nav > ul > li > p{ width:100%; height: auto; position: absolute; left:0%; top:68px; background-color: rgba(0,0,0,0.2); display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; padding:10px 0;}*/ .header .hd-right > .nav > ul > li.headerSearch > .searchForm{ top:55px; } /****/ /*.swiper1 .swiper-slide > a > .slideAbout{ width:100%; left:0; margin-left:0; padding:0 5%;}*/ .swiper1 .swiper-slide > a > .slideAbout > h4{ font-size: 18px;} .swiper1 .swiper-slide > a > .slideAbout > h3{ font-size: 36px;} .swiper1 .swiper-slide > a > .slideAbout > p{ font-size: 14px;} .swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:40px; width:40px; line-height:40px;margin-top:-20px;} /****/ .casesList > ul > li > a > .slidercAbout > h3{ font-size: 24px; } .casesList > ul > li > a > .slidercAbout > h4{ font-size: 20px; } .casesList > ul > li > a > .slidercAbout > p{ font-size: 14px;} /****/ .newsFlash{ width:480px;} .swiperNews .swiper-slide > a > .snTitle > h3,.newsList > p{ font-size: 14px; } .nrTab > p{ font-size: 16px; padding:0 5px; } .newsList > p > a,.newsList > p > span{ height: 24px; line-height: 24px; } .swiperNews .swiper-slide > a > img{ height:320px;} .newsRight{ height:320px; } /*flash*/ .flash,.colFlash{ margin-top:68px !important; } /* ***/ .online > .c-con{ padding-top: 2%; padding-bottom: 2%; align-items: center;} .logo2{ width:200px; } .link > h3{ width: 100%; height: 48px; line-height: 32px; padding:8px 0 10px 20px; font-size: 16px; } .link > .linkList{ top:48px;} .link > h3::after{ display:none; } /****/ .jobTitle > h3{ font-size: 28px;} .jobTitle > p{ font-size: 16px; } .jobMore{ width:50px; height:42px; line-height: 40px;} .soPhone{ font-size:18px; } /***********/ .colFlashAbout > h3{font-size: 22px;} .colFlashAbout > p{ font-size: 16px; } /****/ .caAbout > h3{ font-size: 24px;} .caAbout > h4{font-size: 16px;} .caAbout > div{ font-size: 14px; } .caCount > .cacItem > p,.caCount > .cacItem > h3{ font-size: 14px; } .caCount > .cacItem > h3 > span,.alMain > a > .almCount > ul > li > .almcNums > span{ font-size: 42px; } .caCount > .cacItem > h3 > span.cacItemUnit{ font-size: 18px; } .cavAbout{ padding-top: 4%; } .cavAbout > h3{ font-size: 20px; } .cavAbout > p{ font-size: 16px; } /****/ .colNewsList > ul > li > a > .cnlAbout > h3,.hotParty > a > .hpAbout > h3{ font-size: 22px; } .colNewsList > ul > li > a > .cnlAbout > div,.hotParty > a > .hpAbout > div{-webkit-line-clamp:4; font-size: 14px;} /****/ .ccRight > ul > li > h3{ font-size: 20px; } .ccRight > ul > li > h4{ font-size: 16px;} .ccRight > ul > li > div{ font-size: 14px; } .leader-list2{ padding:0 40px;} .swiper4 .swiper-slide > a > .sliderBuildItemAbout > h3,.swiper2 .swiper-slide > a > .sliderBuildItemAbout > h3{ height: 48px; line-height: 24px; font-size: 16px; } .swiper4 .swiper-slide > a > .sliderBuildItemAbout{padding:10px 4%;} .leader-list2 .swiper-button-next,.leader-list2 .swiper-button-prev{ height:40px; width:40px; margin-top: -20px;} .busiItems > ul > li > a > .biImg > h3 > p,.biAboutMemo > h3{ font-size: 28px; } .busiItems > ul > li > a > .biAbout > .biAboutMemo > p{ font-size: 14px; -webkit-line-clamp:8; } .colBusiAbout > .c-con > .cbaMemo > div > h3{ font-size: 30px; } .colBusiAbout > .c-con > .cbaMemo > div > p{ font-size: 14px; -webkit-line-clamp:4; } .contactOnline > .coItem > .coiRight > h3{ font-size: 18px; } .contactOnline > .coItem > .coiRight > .coirMemo{ font-size: 14px; } /****/ .dqlLogo{ width:58px;} .dqlLogo > h3,.showcase .content li p,.alMain > a > .almMemo{ font-size: 12px; } .showcase .content{ height: 414px;} /*.showcase .content li p,.alMain > .almMemo{ font-size: 14px;}*/ .showcase .content li h3{ font-size: 18px;} .alMain > a > h4{font-size: 16px; } .alMain > a > h3,.caseHeader > h3,.newsheader > h3{ font-size: 30px; } /*.alMain > .almMemo{ font-size: 14px; }*/ .alMain > a > .almCount{ bottom:6%; } .alMain > a > .almCount > ul > li > .almcNums > span{ font-size: 32px; } .caCount > .cacItem > h3 > span.cacItemUnit{ font-size: 16px; } .alMain > a > .almCount > ul > li > .almcNums > span.cacItemUnit,.alMain > a > .almCount > ul > li > .almcNums > p{ transform: translateY(-4px); -webkit-transform: translateY(-4px); } .swiper2 .swiper-slide > a > .sliderBuildItemAbout > p{ font-size: 14px; } .sbitDate{ width:64px; height: 60px; bottom:-20px; } .sbitDate > h3{ font-size: 20px; } .sbitDate > p{ font-size: 14px; } .carousel-list{ width:70%; box-sizing: border-box; margin:0 15%; } .prev{ left:5%; } .next{ right:5%; } /***20231122**/ .honorHeader,.aptitudeList > ul > li{ font-size: 20px;} .colHonor > ul > li > .colHonorItem-icon{ width:32%;} .colHonor > ul > li > .colHonorItem-icon > h3,.colHonor > ul > li > .colHonorItem-right > ul > li > h4,{ font-size: 18px; } .colHonor > ul > li > .colHonorItem-right > ul > li > p{ font-size: 14px; } .aptitudeList > ul > li{ line-height: 4.8; } .hotParty > a > .hpAbout > div{-webkit-line-clamp:2;} .hotParty > a > .hpAbout > p{font-size: 14px;} /****/ .busiItemTitle > p{ font-size: 24px; } .cimAbout > p{ width:72px; } .cimAbout > h3{ font-size: 26px; } .cimAbout > h3::after{ content: ' '; width:60px; height: 5px; } .cimAboutOption > div > p,.cimAbout > .cimAboutLink{ font-size: 14px; } .cimAbout > .cimAboutLink{ height: 36px; line-height: 36px; width:120px; margin-top: 5px;} .cimAboutOption{margin-top: 0;} .jobRight{ padding:1% 2% 0!important; } .header> .left img, .header> .right img{ width: 120%; height: 120%; } .header> .right{ top: 68px; right: -50px; } .header> .left{ top: 68px; left: -110px; } .header>.right-t{ position: fixed; z-index:900; right:0px; top: -10px; } } @media (max-width:992px){ .header .hd-right{padding-left:10px; height:68px; } .header .hd-right > .nav > ul > li{ font-size: 12px; margin-left:0; margin-right: 0;} .header .hd-right > .nav > ul > li>a{padding:0 4px !important;} .header .hd-right > .nav > ul > li > a > img{width:14px; height: 14px;} .header .hd-right > .nav > ul > li > p::after{ border-bottom:10px solid #FFF; border-left:6px solid transparent; border-right:6px solid transparent; top:-10px; margin-left:-6px;} /****/ .swiper1 .swiper-slide > a > .slideAbout{ width:100%; left:0; margin-left:0; padding:0 20px;} .swiper1 .swiper-slide > a > .slideAbout > h4{ font-size: 16px;} .swiper1 .swiper-slide > a > .slideAbout > h3{ font-size: 30px;} .swiper1 .swiper-slide > a > .slideAbout > p{ font-size: 14px;} .swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:32px; width:32px; line-height:32px;margin-top:-16px;} /****/ .casesList > ul > li > a > .slidercAbout > h3{ font-size: 20px; } .casesList > ul > li > a > .slidercAbout > h4{ font-size: 16px; } .casesList > ul > li > a > .slidercAbout > p{ font-size: 13px;} .header .hd-right > .nav > ul > li > a { padding: 0px;} .header .hd-right > .nav > ul > li > p > a { font-size: 12px; } .colNewsList > ul > li > .cniImg { display: none;} /****/ .news > .c-con{ flex-direction: column; } .newsFlash{ width:100%; margin-right: 0; } .swiperNews .swiper-slide > a > .snTitle > p{ font-size: 12px; } .newsRight{ margin-top: 10px; } .nrTab{ margin-bottom: 0px; } .nrTab >p > a { font-size: 12px; } .newsList > p > a,.newsList > p > span{ height: 32px; line-height: 32px; } /*flash*/ .flash{ margin-top:68px !important; } /*****/ .link{ font-size:15px; } /*鍙嬫儏閾炬帴娑堝け*/ .link_phone{ display:none; } .link_ser{ float:left; } .link>.link_fw { font-size:16px; } .servNav > ul > li{ width:12%; } .soPhone{ font-size: 18px; } .service > .c-con{ flex-direction: column; } .servNav{ width:100%; } .servOnline{ width:100%; margin-left:0; align-items: center;} .soPhone{ width:100%; text-align: left; margin-bottom: 0;font-size:15px; } .soAside{ text-align: left; width:110%;} .servOnline > h3{ text-align: center; } /*闆嗗洟绠€浠?/ .alMain{ padding-left:3%; padding-right:3%; padding-top:0%; } /****/ .jobTitle > span> h3{ font-size: 24px;} .jobTitle > span>p{ font-size: 14px; } .jobTitle { width: auto; } /***********/ .colFlashAbout > h3{font-size: 20px;} .colFlashAbout > p{ font-size: 14px; } /****/ .location > .c-con{ flex-direction: column; } .locaTitle,.locaNav{ width:100%; } .locaTitle{ font-size: 14px; } .locaTitle,.locaNav > ul > li{ height: 40px;line-height: 40px; } .locaNav{ height: auto; } .locaNav > ul{ flex-wrap: wrap; } .locaNav > ul > li{ margin-left:0; width:25%; font-size: 14px; box-sizing: border-box; padding:0 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center; border-radius: 3px;} .locaNav > ul > li.active,.locaNav > ul > li:hover{ border-bottom:0; background-color: #EEE; } .locaNav > ul > li.active > a,.locaNav > ul > li:hover > a{ color: #333 !important;} /****/ .colNewsList > ul > li > a > .cnlAbout > h3{ font-size: 20px; } .colNewsList > ul > li > a > .cnlAbout > div{-webkit-line-clamp:3; font-size: 14px;} /****/ .busiMenu > ul > li,.brMemo{ font-size: 16px; } .brTitle{ font-size: 20px; } .busiItems > ul > li > a > .biImg > h3 > p,.biAboutMemo > h3{ font-size: 24px; } .busiItems > ul > li > a > .biAbout > .biAboutMemo > p{ font-size: 14px; -webkit-line-clamp:5; } .colBusiAbout > .c-con > .cbaMemo > div > h3{ font-size: 24px; } /****/ .contactOnline > .coItem > .coiIcon{ width:24px; height: 24px;} .contactOnline > .coItem > .coiRight > h3{ height:24px; line-height: 24px; } /****/ .showcase .content{ height: 300px;} /****/ .btn{ width:30px; height: 30px; } .alMain > a > h3,.caseHeader > h3{ font-size: 24px; } .alMain > a > .almCount{ bottom:0; } .alMain > a > .almMemo {-webkit-line-clamp: 3;} .alMain > a > .almCount > ul > li > .almcNums > span{ font-size: 24px; } .caCount > .cacItem > h3 > span.cacItemUnit{ font-size: 14px; } /*.carousel-list{ height:282px; } .carousel-list .carousel-item{ width:360px; height:282px; margin-left:-180px;}*/ .carousel-list{ width:80%; box-sizing: border-box; margin:0 10%; } .prev{ left:0%; } .next{ right:0%; } .showcase .content li h3,.aptitudeList > ul > li{ font-size: 16px;} /*****/ .aptitudeList > ul > li{ font-size: 14px; } /****/ .busiItemTitle > p{ font-size: 20px; } .cimAbout > p{ width:60px; } .cimAbout > h3{ font-size: 20px; } .cimAbout > h3::after{ content: ' '; width:40px; height: 3px; } .cimAboutMemo{ display: none; } .cimAboutOption > div > p,.cimAbout > .cimAboutLink{ font-size: 13px; } .cimAbout > .cimAboutLink{ height: 32px; line-height: 32px; width:90px; margin-top: 5px;} .cimAboutOption{margin-top: 0;} .swiper4 .swiper-slide > a > p{ height:180px !important; } .contactMap > .map> img{ width:150%; height:100%; object-fit:cover; } .jobs>.jobs-right{ right: -200px; top:18px; } } @media (max-width:768px){ /****/ .height150 { height: 150px;} .header .hd-right{ width: 0px; padding-right:0; display: none; } /*.header{ background-image: url(url(../images/cj/dhl.jpg));}*/ .header .hd-right{ justify-content:flex-end; align-items:center; padding-right:10px; box-sizing: border-box;} .header .nav{display: none;} .header .nav-btn{ display: flex; } /****/ .swiper1 .swiper-pagination-bullet{width:10px; height:10px; border-radius: 50%; } .swiper1 .swiper-slide > a > .slideAbout{ width:100%; left:0; margin-left:0; padding:0 20px;} .swiper1 .swiper-slide > a > .slideAbout > h4{ font-size: 14px;} .swiper1 .swiper-slide > a > .slideAbout > h3{ font-size: 24px;} .swiper1 .swiper-slide > a > .slideAbout > p{ font-size: 12px;} .nrTab >p > a { font-size: 12px; } .colNewsList > ul > li > .cniAbout > a >h3 { font-size: 16px; } /****/ .casesList{ height:0; padding-bottom: 0; overflow: hidden; } .swipercm{ height:auto; padding-bottom: 4%; } /*flash淇敼*/ .flash{ margin-top:68px !important; } /*****/ .swiper5 .swiper-slide > a > .sliderBuildItemAbout > h3{ text-align:center; } .online > .c-con{ flex-direction: row; } /******/ .service > .c-con{ flex-direction: row; padding-top: 20px; padding-bottom: 20px;} .servNav{ width:100%; } .servNav > ul{ flex-direction: column;} .servNav > ul > li{ width:100%; height:auto; } .servNav > ul > li > h3{ width:100%; text-align: left; font-weight: 550; font-size: 18px; line-height: 3; height:auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position: relative; border-bottom: 1px solid #EEE;} .servNav > ul > li > h3::after{ content: '\e625'; width:24px; height: 24px; line-height: 24px; text-align: center; position: absolute; right:0;top:50%; margin-top: -12px; font-family:"iconfont" !important; font-size:14px; font-style:normal; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} .servNav > ul > li:hover > h3::after{ transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); } .servNav > ul > li > p{ width:100%; height: auto; text-align: left; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} .servNav > ul > li > p > a{ display: block; width:25%; text-align: left; height:auto; line-height: 2.7; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } .servNav > ul > li:hover > p{ display: flex; } .servOnline{ width:auto; margin-left:4%; align-items: flex-end;} .soPhone{ width:100%; text-align: left; margin-bottom: 0 } .servOnline > h3{ text-align: right; } .jobs > .c-con{ padding:10px; } .link { width:150px; } .link > .QTCode_news > img{ width:90px; } .link > .QTCode_news > p { font-size:12px; } /****/ .footer2 > .c-con{ flex-direction: column;} /*.link{display:none} */ /*.link > h3::after{ left:155px; top:50%;}*/ /****/ /*.servNav{ display: none; }*/ .copyright,.help{ text-align: center; width:100%; } .service > .c-con{ flex-direction: column; } .servNav{ width:100%; } .servOnline{ width:100%; margin-left:0; align-items: center;} /*.soPhone{ width:100%; text-align: center; margin-bottom: 0 }*/ .servOnline > h3{ text-align: center; } /****/ .alMain > a > .almMemo {-webkit-line-clamp: 10; box-sizing: border-box; padding-right: 10px;} /****/ .jobs > .c-con{ flex-direction: column; padding-top: 20px; padding-bottom: 20px; } .jobTitle > h3{ font-size: 20px; text-align: center;} .jobTitle > p{ font-size: 14px; text-align: center;} .jobMore{ width:40px; height:32px; line-height: 30px; margin-top: 20px;} /************/ /****/ .colAbout{ flex-direction: column} .caAbout,.caCount{ width:100%; } .colAbout::after{ display: none; } .caCount{ flex-direction:row; justify-content: space-between;} .caCount > .cacItem{ border-bottom: 0; padding-top: 5%; padding-bottom: 5%; } .caCount > .cacItem > h3{ justify-content: center; } .caCount > .cacItem > p{ box-sizing: border-box; padding-right:5%; text-align: center; } .cavAbout > p{ font-size: 14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /****/ .colNewsList > ul > li{ width:49.2%; padding-left:0px; padding-top: 0; padding-bottom: 0; border-bottom:0; margin-bottom: 10px; float: left} .colNewsList > ul > li:nth-of-type(2n){ float: right; } .colNewsList > ul > li > a{ flex-direction: column; } .colNewsList > ul > li > a > .cnlImg,.colNewsList > ul > li > a > .cnlAbout{ width:100%;} .colNewsList > ul > li > a > .cnlAbout{ padding-left:0; } .colNewsList > ul > li > a > .cnlAbout > h3{ font-size: 18px; } .colNewsList > ul > li > a > .cnlAbout > div{-webkit-line-clamp:2; font-size: 14px;} .colNewsList > ul > li > a > .cnlDate{ width:100%; height: 24px; background-color: #FFF; position: relative; left:0; bottom:0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; font-size: 14px; font-weight: normal;} .colNewsList > ul > li > a > .cnlDate > h3,.colNewsList > ul > li > a > .cnlDate > p{display: none;} .colNewsList > ul > li > a > .cnlDate > div{ display: block; } .colCulture > .c-con{ flex-direction: column; } .ccHeader{ width:100%;} .ccHeader > p{ width:360px;} .ccRight{ padding-left:10px; margin-top:0; } /****/ .ccRight > ul > li > h3{ font-size: 18px; } .ccRight > ul > li > h4{ font-size: 14px;} .ccRight > ul > li > div{ font-size: 14px; } .leader-list2,.leader-list4,.leader-listnt{ height: 0; padding-top: 0; padding-bottom: 0;} .leader-list3,.leader-list5,.leader-listnb{height: auto; padding-left:10px; padding-right: 10px;} /****/ /*.business{ flex-direction: column;} .busiMenu,.busiRight{ width:100%; height:auto; }*/ .busiMenu{ position: relative; width:calc(32px + 3%);} .busiMenu > h3{ display: flex; } .busiMenu > ul{ width:400%; position: absolute; left:40px; top:0; background-color: #c40009; border:1px solid #c40009; border-radius: 0 10px 10px 0; filter: drop-shadow(0 0 6px #999); display: none; padding-top: 10px; padding-bottom: 10px;} .busiMenu > ul::after{ content: ' '; width:0; height:0; border-right:10px solid #c40009; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; left:-10px; top:11px;} .busiMenu > ul > li{ font-size: 14px; margin-bottom: 0; width:100%; margin-right: 2%;} .busiMenu > ul > li > a{ color: #FFF !important; } .busiItems > ul > li > a > .biImg > h3 > p,.biAboutMemo > h3{ font-size: 20px; } .colBusiAbout > .c-con > .cbaMemo > div > p{-webkit-line-clamp:3;} /**涓氬姟棰嗗煙璇︽儏鍐呭淇敼**/ .busiRight { width: 90%; height: auto; } .brMemo img { width:80%!important; height:330px !important; } .brMemo p, .brMemo span { font-size:16px !important; } .contactOnline{ padding:20px; } .colContact{flex-direction: column; } .contactMap{ width:100%; } .contactMap > .map{ width: 100%; height: auto } .contactMap > .map> img{ width:100%; height:100%; object-fit:cover; } /*#map{ width:100%; height: 300px; }*/ .contactOnline{ width:100%; } .coLogo{ width:240px; } /****/ .colQuali{ flex-direction: column; padding-top:10px; padding-bottom: 10px; } .cqImg,.cqLeft{ width: 100%;} .cqLeft{ padding:20px; margin-top: 10px; } /****/ .about{ flex-direction: column;} .aboutLeft,.aboutVideo{ width:100%; height: 180px; } .aboutLeft { height: 320px; } .btn{ width:40px; height: 40px; } .aboutLeft > p{ display: none; } .alMain { position: relative; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; } .alMain > a{ width:100%; height: auto; position: inherit; padding-right: 0;} .alMain > a > .almCount{position: inherit; margin-top: 2%;} .alMain > a > .almCount > ul{ flex-direction: column; } .alMain > a > .almCount > ul > li{ width:100%; } .alMain > a > .almCount > ul > li + li{ margin-top: 10px; } .alMain > a > .almCount > ul > li > .almcNums > span{ font-size: 30px; } .caCount > .cacItem > h3 > span.cacItemUnit{ font-size: 16px; } .carousel-list{ width:100%; box-sizing: border-box; margin:0 0%; } .carousel{ display: none; } .swiperh{ height:auto; } .dqlLogo{ margin-right: 20px; } .colBulidHeader{ margin-bottom: 20px;} .quabanHeader{ margin-bottom: 20px; padding-bottom: 20px;} .colBulidHeader > h3,.quabanHeader > h3{ font-size: 20px;} /*.showcase .content li h3{ font-size: 14px;}*/ .colHonor > ul > li{ flex-direction: column; } .colHonor > ul > li > .colHonorItem-icon{ width:100%; align-items: center; padding-top: 10px; } .colHonor > ul > li > .colHonorItem-right{} .colHonor > ul > li > .colHonorItem-right > ul > li > p{ line-height: 2; -webkit-line-clamp:10; font-size: 14px; } .colHonor > ul > li > .colHonorItem-right > ul > li > p + p{ margin-top: 5px; } /****/ .hotParty{ flex-direction: column; } .hotParty .hplImg,.hotParty > a{width:100%;} .hotParty > a{ padding-left:0; padding-top: 10px; } .hotParty > a > .hpAbout > div{ -webkit-line-clamp:10; } /****/ .location > p,.colNewsTab > p,.caseItemTitle > p{ font-size: 18px; } .location > p,.colNewsTab > p::after,.caseItemTitle > p::after{ width: 70px; height: 3px;} .busiList > ul > li > .busiItemMain,.busiList > ul > li:nth-of-type(2n) > .busiItemMain,.jobMain{ flex-direction: column; } .cimImg,.jobLeft{ width:100%; } .cimAbout,.jobRight{ padding:30px 10px 30px 10px; } .cimAbout > h3{ padding-bottom: 20px; } .cimAboutMemo{ display: block; height:auto;margin-top: 20px; } /*r鑽h獕璧勮川*/ .swiper7 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; height: 220px!important; } /*鏂囧寲寤鸿杞挱鍥惧ぇ灏?/ .swiper7 .swiper-slide > a > p > img{ width: 100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; object-fit: fill;} /*鏂囧寲寤鸿*/ .swiper5 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; height: 220px!important; } /*鏂囧寲寤鸿杞挱鍥惧ぇ灏?/ .swiper5 .swiper-slide > a > p > img{ width: 100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; object-fit: fill;} .ccleft { width: 100%; } .video_phone{ width:100%!important; } /*鍏氬缓缃《*/ .chnAbout > h3 { font-size:26px; } .chnAbout > div { font-size:14px; height: 120px; overflow: hidden; line-height: 20px; } .leader-list5 .swiper-button-next { right: 10px; background-image: url(../images/goRight5.png); } .leader-list5 .swiper-button-prev { left: 10px; background-image: url(../images/goLeft5.png); } /* } @media (max-width:640px){ .nrTab >p > a { font-size: 12px; } .caCount{ flex-direction:column;} .ccHeader > p{ width:50%;} /**flash**/ .flash{ margin-top:68px !important; } .busiItems > ul > li > a > .biAbout > .biAboutMemo > p{ font-size: 14px; -webkit-line-clamp:3; line-height: 1.6; margin-top: 10px;} .swiper3 .swiper-slide > a > .sliderBuildItemAbout > h3{font-size: 20px;} /****/ .swipercm{ padding-bottom: 30px; } .swipercm .swiper-slide > a > .slidercAbout > h3{ font-size: 28px; } .swipercm .swiper-slide > a > .slidercAbout > h4{ font-size: 24px; } .swipercm .swiper-slide > a > .slidercAbout > p{ font-size: 14px;} .busiItemTitle > p{ font-size: 16px; } /*搴曡竟*/ .link{ margin-right:5px; } .link>.link_ser { font-size: 15px; width:45%; } .servlink{ width:35%; } .soPhone{ font-size:14px; } .link > .QTCode_news{ float:right !important; } .link > .QTCode_news > img{ width:78px; } .span_icp{ display:block; } .footer2 > .c-con{ padding:0; } .copyright{ font-size:12px; } .ccleft { width: 100%; } .colContact{ width:80%; margin:0 auto; } /*鏄ヨ妭鏍峰紡*/ .header> .left img, .header> .right img{ width: 100%; } .header> .right{ top: 68px; right: -60px; } .header> .left{ top: 68px; left: -60px; } .header>.right-t{ position: fixed; z-index:900; right:30px; top: -10px; } .about>.about-left>img{ width: 100%; height:100%; } .main >.c-right{ bottom: -100px; } .main >.c-right> img{ width: 50%; height:50%; } .jobs>.jobs-right{ display: none; } /*鏄ヨ妭鏍峰紡*/ /*.header>img{*/ /* position: fixed;*/ /* width:1920px;*/ /* z-index:900;*/ /*}*/ /*.container{*/ /* position: relative;*/ /*}*/ /*.flash > img {*/ /* position: absolute;*/ /* z-index: 900;*/ /*top: 20px;*/ /*left: 100px;*/ /* width:;*/ /* height:520px;*/ /*}*/ /*鍏充簬鎴戜滑*/ .about{ position: relative; } .about>.about-left{ position: absolute; top:-40px; left: 150px; /*width: 40%;*/ height: 200px; /*left: 20px;*/ z-index: 900; } .about>.about-left img{ width:200%; height:200%; } /*.about>.about-two{*/ /* position: absolute;*/ /* top:20px;*/ /* width:50%;*/ /* height:50%;*/ /*width: 40%;*/ /*height: 200px;*/ /*left: 20px;*/ /* z-index: 900;*/ /*}*/ /*.about>.about-two img{*/ /* width:100%;*/ /* height:100%;*/ /*}*/ .newsRight{ position: relative; } .newsRight>.news-right{ position: absolute; z-index: -600; } /**/ .main{ position: relative; } .main>.c-right{ position: absolute; width: 150px; height: 150px; z-index: 900; bottom: -50px; right: 0; } .main >.c-right> img{ width:100%; height: 100%; } .jobs{ position: relative; } .jobs>.jobs-right{ position: absolute; z-index: 900; top: -10px; right: 60px; text-align: center; } .jobs>.jobs-right> img{ width:100%; height: 100%; } .news{ position: relative; } .new-top{ position: absolute; top: 5px; width:100%; z-index: 900; } .new-top >img{ width: 100%; } .news > .c-con { padding-top:7%; } .header>.left-two{ position: fixed; z-index: 600; top: 120px; width:5%; left:-10px; } .header>.right-two{ position: fixed; z-index: 600; top: 120px; right: -10px; width:5%; } .header>.left-two img { width: 100%; } .header>.right-two img{ width: 100%; } .about>.alMain-left{ top:-3%; left:40%; width:15% ; } .colBulidHeader>.c-left{ width: 15%; margin-right:40px; } .colBulidHeader>.c-right{ width: 15%; margin-left:40px; } .colBulidHeader{ margin-top:20px; } /*.colBulidHeader>.c-right{*/ /* position: absolute;*/ /*right: -200px;*/ /* width:15%;*/ /* z-index:900;*/ /* right:40%;*/ /* margin-left: 50px;*/ /*}*/ /*.colBulidHeader>.c-left{*/ /* position: absolute;*/ /*right: -200px;*/ /* width:15%;*/ /* z-index:900;*/ /* left:50%;*/ /* margin-right: 50px;*/ /*}*/ } @media (max-width:480px){ .nrTab >p > a { font-size: 12px; } .flash{ margin-top:68px !important; } /****/ .swiper1 .swiper-slide > a > .slideAbout > h4{ font-size: 14px;} .swiper1 .swiper-slide > a > .slideAbout > h3{ font-size: 18px;} .swiper1 .swiper-slide > a > .slideAbout > p{ display: none;} /****/ .swipercm .swiper-slide > a > .slidercAbout > h3{ font-size: 24px; } .swipercm .swiper-slide > a > .slidercAbout > h4{ font-size: 20px; } .swipercm .swiper-slide > a > .slidercAbout > p{ font-size: 14px;} /****/ .colNewsList > ul > li{ width:100%;} .colNewsList > ul > li > a > .cnlAbout > h3{ font-size: 14px; text-align: center; } .colNewsList > ul > li > a > .cnlAbout > div{ display: none; } /****/ .swiper5 .swiper-slide > a > .sliderBuildItemAbout > h3{ font-size: 14px; } /****/ .busiItems > ul > li{ width:100%; float: left; margin-right: 0; overflow: hidden; } .busiItems > ul > li + li{ margin-top: 10px; } .busiItems > ul > li > a > .biImg > h3,.busiItems > ul > li > a > .biAbout{ padding:10%; } .busiItems > ul > li > a > .biImg > h3 > p,.biAboutMemo > h3{ font-size: 24px; } .busiItems > ul > li > a > .biAbout > .biAboutMemo > p{ font-size: 14px;-webkit-line-clamp:8; line-height: 2; } .colBusiAbout > .c-con{ padding-bottom: 8%; } .colBusiAbout > .c-con > .cbaImg{ width:100%; padding-bottom: 0;} .colBusiAbout > .c-con > .cbaMemo{ width:100%;position: inherit; } .colBusiAbout > .c-con > .cbaMemo > div{ width:100%; padding:10px;} .colBusiAbout > .c-con > .cbaMemo > div > p{-webkit-line-clamp:100;} /****/ .btn{ width:30px; height: 30px; } .swiper3 .swiper-slide > a > .sliderBuildItemAbout > h3{font-size: 18px;} .leader-listnb .swiper-button-next,.leader-listnb .swiper-button-prev{height:48px; width:48px; margin-top: -68px; } .sbitDatenb{ width:80px; height: 64px; bottom:-24px; } /****/ .swiperh .swiper-slide > a > h3{ font-size: 14px; line-height: 2.5;} .swiperh .swiper-button-next,.swiperh .swiper-button-prev{ height:40px; width:40px; line-height:40px; margin-top:-20px; } /*.servlink{*/ /* width:160px;*/ /*}*/ .jobs > .c-con { /*flex-direction: column;*/ padding-top: 10px; padding-bottom: 10px; } .jobTitle > span> h3{ font-size:22px; } .jobTitle > span> p{ font-size:12px; } .link>.link_fw { font-size: 15px!important; } .link > .QTCode_news { width:80px !important; } .link > .QTCode_news > p{ font-size: 11px; } .soAside{ width:100%; font-size:12px; } .soPhone { font-size:12px; text-align:left; } .link_ser{ width:50%; } /*鍏氬缓*/ .chnAbout > h3 { font-size:18px; } .chnAbout > div { font-size:14px; height: 80px; overflow: hidden; line-height: 20px; } /*鍏充簬鎴戜滑涓?/ /*.ca_phone{*/ /* font-size:16px !important;*/ /*}*/ .alMain{ padding-left:3%; padding-right:3%!important; } .video_phone{ width:100%!important; } /*鍏氬缓缃《*/ .article >h3{ font-size:24px; } .articleMain span{ font-size:14px !important; text-indent: 2em } .articleMain img{ max-width:300px !important; max-height:250px !important; } /*r鑽h獕璧勮川*/ .swiper7 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; height: 120px!important; } /*鏂囧寲寤鸿杞挱鍥惧ぇ灏?/ .swiper7 .swiper-slide > a > p > img{ width: 100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; object-fit: fill;} /*鏂囧寲寤鸿*/ .swiper5 .swiper-slide > a > p{ width: 100%; margin:0 auto; overflow: hidden; height: 120px!important; } /*鏂囧寲寤鸿杞挱鍥惧ぇ灏?/ .swiper5 .swiper-slide > a > p > img{ width: 100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; object-fit: fill;} .ccleft { width: 100%; } /*r浜烘墠鎷涜仒*/ .jobRight> p,.jobRight>.td_address{ font-size:15px!important; } /**涓氬姟棰嗗煙璇︽儏鍐呭淇敼**/ .busiRight { width: 90%; height: auto; } .brMemo img { width:80%!important; height:170px !important; } .brMemo p, .brMemo span { font-size:14px !important; text-indent:2em!important; } .coLogo > img { width: 70%; } .coItem > .coiRight > h3{ font-size:16px; } .coItem > .coiIcon > img { width: 90%; height: 90%; } .articleMain span{ font-size:16px !important; } .articleMain img{ max-width:300px !important; max-height:200px !important; } .swiperNews .swiper-slide > a > img { height:260px; } .articleMain p{ text-indent:1em; } /*鏄ヨ妭鏍峰紡*/ /*鏄ヨ妭鏍峰紡*/ .header> .left { position: fixed; width: 40%; left:-55px; z-index: 900; } .header> .left img { width:100%; /*height:200%;*/ } .header> .right{ position: fixed; width: 40%; right:-55px; z-index: 900; } .header> .right img { width:100%; /*height:200%;*/ } .header>.left-two{ position: fixed; z-index: 600; top: 200px; width:10%; left:-10px; } .header>.right-two{ position: fixed; z-index: 600; top: 200px; right: -10px; width:10%; } .header>.left-two img { width: 100%; } .header>.right-two img{ width: 100%; } .colBulidHeader{ margin-top:20px; } .colBulidHeader>div{ font-size: 18px; } .colBulidHeader>.c-right{ position: absolute; /*right: -200px;*/ width:15%; z-index:900; left:50%; margin-left: 50px; } .colBulidHeader>.c-left{ position: absolute; /*right: -200px;*/ width:15%; z-index:900; left:21%; margin-right: 50px; } .about>.alMain-left{ top:-2%; left:48%; width:15% ; } } @media (max-width:375px){ .nrTab >p > a { font-size: 11px; } /****/ .swipercm .swiper-slide > a > .slidercAbout > h3{ font-size: 20px; } .swipercm .swiper-slide > a > .slidercAbout > h4{ font-size: 16px; } .swipercm .swiper-slide > a > .slidercAbout > p{ font-size: 13px;} .alMain{ padding-left:-3.5px; } /*棣栭〉*/ /*涓氬姟棰嗗煙*/ .caseHeader > h3 { font-size: 20px; } .caseHeader > p { font-size:14px; } .swipercm .swiper-slide > a > .slidercAbout > h3{ font-size:20px; } .swipercm .swiper-slide > a > .slidercAbout > h4 { font-size:18px; } .swipercm .swiper-slide > a > .slidercAbout > p { font-size: 14px; } /*鍟嗗姟鍚堜綔*/ .swiper5 .swiper-slide > a > .sliderBuildItemAbout > h3{ text-align:center; } /*搴曡竟*/ .jobs > .c-con{ padding-top:10px;padding-bottom:10px; } .online > .c-con{ padding-top:0%;padding-bottom:0%; } .link{ text-align:left; } .link>.link_fw { font-size: 14px!important; } .soPhone { font-size: 12px; text-align: left; } .link > .QTCode_news > img { width: 65px; } .link_ser{ width:60%; } /*鍏氬缓*/ .chnAbout > h3 { font-size:18px; } .chnAbout > div { font-size:14px; height: 80px; overflow: hidden; line-height: 20px; } /*鍏氬缓缃《*/ .article >h3{ font-size:24px; } .articleMain span{ font-size:16px !important; } .articleMain img{ width:300px !important; height:220px !important; } .swiperNews .swiper-slide > a > img { height:250px; } }