/*濯掍綋鏌ヨ*/ /*鎵€鏈夋瘮鍘熷昂瀵稿16px*/ @media screen and (max-width:1416px) { .max { max-width: 100%; margin: 0 auto; } .header .nav li a { line-height: 100px; height: 100px; } .header .logo { margin-top: 20px; } .about .img { width: 60%; } .win-anumber { width: 40%; } .about .win-win { padding: 20px; height: auto; } .number { padding: 20px; height: auto; } .number li { margin-bottom: 20px; } .see { font-size: 14px; line-height: 30px; width: 100px; } .swiper-container2.swiper-container { display: none; } .engineering { padding: 25px 0 0 50px; } .journa .max { height: auto; } .journalism .title { margin-bottom: 30px; } .content-left { float: left; width: 45%; background: #ffffff; padding: 30px; } .content-right { float: right; width: calc(100% - 45% - 30px); } .time-top { font-size: 20px; } .time-bottom { font-size: 12px; } .content-right-list .time { width: 15%; } .content-text { width: 82%; } .content-text-top { font-size: 16px; } .content-text-bottom { font-size: 12px; } .content-text { padding: 8px 0 0 20px; } .content-right-list { margin-bottom: 11px; } .corpoat .imgnews:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .corpoat .imgnews .img { width: 50%; float: left; position: static; } .corpoat .imgnews img { -webkit-transform: translate(-100%, -50%); } .corpoat .imgnews .jouright { float: left; width: 50%; padding: 20px; position: static; } .corpoat #oranger { width: 100%; position: static; padding: 20px 0; } .number2.number li { margin-right: 48px; } .sx { display: none; } .introduce { padding-left: 0px; margin: 80px 0 60px; position: relative; } .intleft { width: 50%; margin-right: 20px; } .intright { width: calc(50% - 20px); } .header2.header .two { top: 100px; } .header .two { top: 100px; } .news .dynamic { float: left; padding: 30px; background: #f7f7f7; width: calc(100% - 300px); font-family: "寰蒋闆呴粦"; } .swiper-huace{height:820px;} } @media screen and (max-width:1008px) { .max { max-width: 100%; margin: 0 auto; } /***************************棣栭〉********************/ .header .logo { max-width: 100px; max-height: 40px; margin-right: 0px; margin-top: 15px; } .header .nav { width: calc(100% - 100px); } .header .nav li>a { line-height: 60px; height: 60px; font-size: 12px; } .header .two { top: 60px; } .header .nav li .two a { font-size: 12px; } .about .img { width: 50%; } .win-anumber { width: 50%; } .number { padding-bottom: 20px; } .number li { width: 16.6%; margin-bottom: 0px; text-align: center; } .number li h3 { font-size: 20px; line-height: 20px; } .number li p { font-size: 12px; line-height: 20px; } .aboutUS { padding: 80px 0 0; } .swiper-container1 .area { padding: 45% 10px 0; } .swiper-container1 .area h3 { margin-bottom: 60px; } .engineering { padding: 20px 0 0 20px; } .engineering .see { float: none; margin: 30px 0 25px; } .see { font-size: 14px; line-height: 30px; width: 100px; } .content-left { float: left; width: 45%; background: #ffffff; padding: 30px; margin-right: 0; } .content-right { float: right; width: calc(100% - 45% - 30px); } .time-top { font-size: 20px; } .time-bottom { font-size: 12px; } .content-right-list .time { width: 15%; } .content-text { width: 82%; } .content-text-top { font-size: 16px; } .content-text-bottom { font-size: 12px; } .content-text { padding: 8px 0 0 20px; } .content-right-list { margin-bottom: 4px; } .footleft ul { width: 260px; } .footright p { margin: 10px 0; } .header2.header .nav li>a { line-height: 60px; height: 60px; } .header2.header .logo { margin-top: 10px; } .header2.header .two { top: 60px; } .header .two { top: 60px; } .path_navigation .path li { margin-right: 20px; } .path_navigation .path li a { line-height: 50px; } .path_navigation .navigation a { line-height: 50px; } .path_navigation .navigation img { margin-top: 19px; } .news .dynamic { float: left; padding: 10px 20px; background: #f7f7f7; width: calc(100% - 255px); font-family: "寰蒋闆呴粦"; } .news .line { margin-right: 20px; } .number2.number li h3 { font-size: 40px; line-height: 40px; } .number2.number li { margin-right: 0; width: 16.6%; } .number2.number { padding: 30px 0; } .comleft { width: 100%; text-align: center; margin-bottom: 30px; } .company { padding: 60px 0; } .comright { width: 100%; } .introduce { margin: 30px 0; } .intleft { width: 100%; margin-right: 0; } .intright { width: 100%; } .intright img { width: auto; display: block; margin: 5px auto; } .leaimg { margin-bottom: 20px; } .leaimg p { padding: 0 10px; line-height: 40px; height: 40px; } .leaimg p span { width: 60px; font-size: 14px; } .leaimg p em { width: calc(100% - 60px); } .t2left h3 { font-size: 32px; line-height: 32px; } .honor_top { margin: 50px 0; } .honor_bottom { padding: 50px 0; background: #f2f4f6; } .honorlist li h6 { width: 80px; line-height: 80px; height: 80px; font-size: 20px; } .honorlist li .hoP { width: calc(100% - 80px); line-height: 24px; height: 80px; } .honorlist li { margin-bottom: 20px; } .Address { margin: 50px 0; } .Address .img { width: 30%; } .addright { width: 70%; float: left; } .party_building .img { width: 30%; } .party_building .party { width: 70%; padding: 8px 0 0 20px; } .party_building .party .partyleft { width: calc(100% - 150px); } .party_building .party .partyright { width: 120px; margin-left: 30px; } .townav a { margin-right: 27px; } .busp { padding: 30px; } .organ .menu-one .name { padding-left: 20px; } .contactBOT h4 { width: 100px; line-height: 100px; height: 100px; font-size: 18px; } .contactBOT .botright { float: left; width: calc(100% - 100px); padding: 20px; } .contactBOT .botright .p2 { width: 50%; height: 100px; } .contactTOP .topleft { width: 30%; padding: 20px; } .contactTOP .topright { width: 70%; } .my-map { margin: 0 auto; height: 370px; } .contactTOP .topleft h4 { font-size: 20px; line-height: 20px; margin-bottom: 20px; } .contactTOP .topleft h6 { font-size: 14px; line-height: 26px; } .contactTOP .topleft p { font-size: 14px; line-height: 26px; } .contactTOP .topleft h5 { font-size: 14px; color: #0068b7; line-height: 26px; margin-top: 20px; } .townav { text-align: left; } .swiper-huace{height:560px;} } @media screen and (max-width:784px) { .max { max-width: 96%; margin: 0 auto; } /*鎶樺彔瀵艰埅*/ .btn { display: block; } .header .nav { display: none; position: absolute; right: 0%; top: 60px; z-index: 99999999999999; width: 50%; background: rgba(213, 226, 235, .8); } .header .nav li { float: left; width: 100%; text-align: center; position: relative; line-height: 50px; height: 50px; } .header .nav li a { font-weight: normal; font-size: 14px; color: #2e2e2e; line-height: 50px; height: 50px; } .header .nav li:hover, .header .nav .select { background-color: rgba(0, 104, 183, .8); border: none; } .header .nav li:hover a, .header .nav .select a { color: #fff; } .header .two { display: none; } .header .nav li:hover .two { display: none; } /*鎶樺彔缁撴潫*/ .header .logo { max-width: 120px; max-height: 60px; padding: 10px 0; margin: 0; } .header2.header .logo { margin: 0; } .swiper-one.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; } .aboutUS { padding: 20px 0 0; margin-top: -4px; } .title { margin-bottom: 20px; } .title h2 { font-size: 18px; line-height: 18px; } .title i { height: 2px; } .title p { font-size: 12px; line-height: 24px; text-align: center; } .about .img { width: 100%; } .win-anumber { width: 100%; } .about .win-win { padding: 10px; } .about .win-win h3 { font-size: 16px; margin-bottom: 20px; line-height: 32px; } .see { font-size: 12px; line-height: 24px; width: 100px; } .about .win-win p { font-size: 12px; height: auto; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .number { padding: 20px 0 0; } .number li { width: 33%; margin-bottom: 20px; } .number li h3 { font-size: 24px; line-height: 24px; } .number li p { font-size: 12px; line-height: 24px; } .business_area { padding: 20px 0; } .swiper-container1 .area h3 { font-size: 18px; margin-bottom: 50px; } .swiper-container1 .area p { font-size: 12px; line-height: 24px; text-align: justify; } .swiper-container1.swiper-container { padding-bottom: 40px; } .boutique_engineering { margin: 0; } .boutique { width: 100%; } .boutique p { line-height: 40px; height: 40px; padding: 0 10px; font-size: 12px; } .engineering { width: 100%; padding: 20px 10px; } .engineering .see { float: none; margin: 20px 0 0px; } .journalism { padding: 20px 0px 0; } .journalism .title { margin-bottom: 20px; } .content-left { float: left; width: 100%; background: #ffffff; padding: 20px 0; margin-right: 0; } .content-right { width: 100%; } .content-right-list { margin-top: 15px; } .time-top { font-size: 20px; } .time-bottom { font-size: 12px; } .content-right-list .time { width: 20%; padding: 10px 0; } .content-text-top { font-size: 14px; } .content-text-bottom { font-size: 12px; margin-top: 10px; } .content-text { padding: 5px 0 0 20px; width: 75%; } .corpoat .imgnews .img { width: 100%; box-shadow: none; } .corpoat .imgnews img { width: 100%; -webkit-transform: translate(-50%, 5%); top: 0%; } .corpoat .imgnews .jouright { width: 100%; padding: 10px; margin-top: 15px; } .corpoat .imgnews .jouright h4 { font-size: 26px; } .corpoat .imgnews .jouright h3 { font-size: 16px; margin: 20px 0; } .corpoat .imgnews .jouright p { font-size: 12px; line-height: 24px; height: 48px; } .corpoat .imgnews .jouright em { display: block; font-size: 14px; margin: 20px 0 10px; } .corpoat #oranger li { width: 30px; line-height: 30px; height: 30px; margin-right: 10px; } .footer { padding: 20px 0; } .footleft { width: 100%; margin-right: 0%; } .footleft h3 { font-size: 16px; line-height: 28px; } .footleft>p { font-size: 12px; line-height: 24px; margin: 10px 0 -20px; } .footleft ul li { font-size: 12px; line-height: 28px; } .footleft ul { width: 62%; } .footleft .rwm p { font-size: 12px; } .footright { width: 100%; text-align: left; margin-top: 20px; } .footright img { width: 300px; height: 54px; } .footright p { font-size: 12px; line-height: 24px; } .footright em { font-size: 12px; line-height: 24px; } .footright a { font-size: 12px; line-height: 24px; } .path_navigation .path { width: 100%; } .path_navigation .path li { margin-right: 13px; } .path_navigation .path li a { line-height: 30px; font-size: 12px; } .path_navigation .navigation { float: left; width: 100%; } .path_navigation .navigation img { margin-top: 5px; } .path_navigation .navigation a { line-height: 30px; font-size: 12px; } .number2.number { padding: 20px 0 0; } .number2.number li { width: 33%; margin-bottom: 20px; } .number2.number li h3 { font-size: 24px; line-height: 24px; } .number2.number li p { font-size: 12px; line-height: 24px; } .company { padding: 20px 0; } .comleft { margin-bottom: 20px; } .comleft h3 { font-size: 24px; line-height: 24px; } .comleft h4 { font-size: 16px; } .comright { font-size: 12px; line-height: 28px; } .comright p:nth-child(1) { margin-bottom: 10px; } .intleft { font-size: 12px; line-height: 28px; } .introduce { margin: 20px 0; } .intleft p { margin-bottom: 10px; } .dtp { margin-top: 60px; } .honor_top { margin: 20px 0; } .title2 { margin-bottom: 20px; } .t2left { width: 100%; } .t2left h3 { font-size: 18px; line-height: 28px; } .t2left p { font-size: 14px; line-height: 28px; } .t2right { text-align: left; width: 100%; } .t2right p { font-size: 12px; line-height: 24px; } .qualifications-list li { width: 49%; margin-right: 2%; } .qualifications-list li:nth-child(2n) { margin-right: 0%; } .leader { margin: 20px 0; } .leaimg { width: 49%; margin-bottom: 2%; } .leader .max .leaimg:nth-child(2n) { margin-right: 0; } .honor_bottom { padding: 20px 0; } .honorlist li { width: 49%; margin-right: 2%; margin-bottom: 2%; } .honorlist li:nth-child(3n) { margin-right: 2%; } .honorlist li:nth-child(2n) { margin-right: 0%; } .honorlist li h6 { width: 50px; line-height: 50px; height: 50px; font-size: 14px; } .honorlist li .hoP { width: calc(100% - 50px); line-height: 50px; height: 50px; padding: 0 10px; font-size: 12px; } .honorlist li .hoP p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .paging a { width: 30px; line-height: 30px; height: 30px; margin-right: 0px; font-size: 12px; } .honor .paging a:nth-child(1), .honor .paging a:last-child { width: 30px; } .Address { margin: 20px 0; } .Address .img { width: 100%; } .addright { width: 100%; } .addright h6 { font-size: 18px; line-height: 60px; height: 60px; padding-left: 20px; } .addright h6 span { font-size: 14px; } .addright .addP { padding: 10px; font-size: 12px; line-height: 28px; } .party_building { padding: 0 0 20px; } .party_building li { padding: 20px 0; } .party_building .img { width: 40%; } .party_building .party { width: 60%; padding: 0 0 0 10px; } .party_building .party .partyleft { width: 100%; } .party_building .party .partyleft h6 { font-size: 12px; line-height: 24px; font-weight: 500; } .party_building .party .partyleft p { font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .party_building .party .partyright { display: none; } .party_building .paging { margin-top: 20px; } .paging a:nth-child(1), .paging a:last-child { width: 45px; } .newsNotice { width: 49%; margin-right: 2%; } .max .newsNotice:nth-child(3n) { margin-right: 2%; } .max .newsNotice:nth-child(2n) { margin-right: 0%; } .newsNotice .notice { padding: 10px 0; } .newsNotice .notice em { font-size: 16px; margin-bottom: 10px; } .newsNotice .notice h6 { font-size: 14px; } .newsNotice .notice p { font-size: 12px; line-height: 24px; height: 48px; margin: 10px 0; } .newsNotice .notice i { font-size: 12px; } .news .paging { margin-top: 20px; } .engineering2 { margin: 20px 0; } .engineering2 .engimg { width: 49%; margin-right: 2%; margin-bottom: 2%; } .engineering2 .engimg:nth-child(3n) { margin-right: 2%; } .engineering2 .engimg:nth-child(2n) { margin-right: 0%; } .engineering2 .engimg p { font-size: 12px; line-height: 40px; height: 40px; } .business { margin: 20px 0 0; } .townav { padding:20px 5px 0; } .townav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .townav a { float: left; width: 32%; text-align: center; line-height: 30px; height: 30px; padding: 0; font-size: 12px; margin-right: 2%; font-weight: 300; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .townav a:nth-child(3n) { margin-right: 0%; } .yw-bg { margin-bottom: 20px !important; } .busp { padding: 10px; font-size: 12px; line-height: 28px; } .swiper-container4 .swiper-button-next, .swiper-container4 .swiper-button-prev { top: 40%; width: 20px; height: 40px; } .swiper-container4 .swiper-slide { width: 100%; } .swiper-container4 p { width: 100%; font-size: 12px; line-height: 60px; margin-top: 0px; padding: 0 5px; } .innovate { margin: 20px 0; } .innovate .inn h6 { font-size: 18px; } .innovate .inn em { font-size: 16px; } .innovate .inn p { font-size: 12px; line-height: 24px; text-align: justify; } .innovate .case { margin: 20px 0; } .innovate .case h3 { font-size: 18px; margin-bottom: 5px; } .innovate .case p { font-size: 14px; } .culture { margin: 20px 0; } .policy .party_building { padding: 0 0 20px; } .policy .party_building li { padding: 10px 0; } .policy .party_building .party .partyleft { width: calc(100% - 90px); } .policy .party_building .party .partyleft p { height: 48px; } .policy .party_building .party .partyright { display: block; width: 80px; margin-left: 10px; } .policy .party_building .party .partyright p { font-size: 16px; line-height: 28px; margin-bottom: 20px; } .party_building .party .partyright em { font-size: 12px; } .policy .party_building .paging { margin-top: 20px; } .recruit { margin: 20px 0; } .recruit .t2right p { font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .organ .menu-one:nth-child(1) { margin-top: 20px; } .organ .post p { font-size: 16px; line-height: 40px; height: 40px; } .post { margin-bottom: 10px; } .organ .menu-one .name { padding-left: 5px; line-height: 40px; height: 40px; } .organ .menu-one>li { margin-bottom: 10px; } .organ .menu-one .name h3 { font-size: 14px; } .organ .menu-one .name p { display: none; } .organ .menu-one .name p:nth-last-child(2) { display: block; width: 80px; font-size: 14px; } .organ .menu-two { padding: 10px; } .organ .menu-two p { font-size: 12px; line-height: 24px; } .organ .menu-one { margin-top: 20px; } .contact { margin: 20px 0; } .contactTOP .topleft { width: 100%; padding: 20px; } .contactTOP .topleft p { font-size: 12px; line-height: 24px; } .contactTOP .topright { width: 100%; } .contactBOT h4 { width: 100%; line-height: 50px; height: 50px; font-size: 18px; } .contactBOT .botright { width: 100%; padding: 10px; } .contactBOT .botright .p2 { width: 49%; padding-top: 0px; margin: 0 2% 2% 0; height: auto; } .contactBOT .botright .p2:nth-child(2n) { width: 49%; padding-top: 0px; margin-right: 0%; } .contactBOT .botright .p2 a { font-size: 14px; line-height: 28px; } .details { margin: 20px 0; } .title3 { margin-bottom: 20px; } .title3 h4 { font-size: 14px; line-height: 28px; margin-bottom: 10px; } .title3 p span { margin-left: 20px; } .title3 p { font-size: 12px; line-height: 24px; } .details .pimg { font-size: 12px; color: #474747; line-height: 28px; padding: 20px 0 10px; } .max3 { max-width: 96%; margin: 0 auto; } .details .pimg p { margin-bottom: 0px; } .sxp_fh { margin-top: 10px; } .sxp_fh .sxp { width: 100%; } .sxp_fh .sxp a { font-size: 12px; line-height: 24px; } .sxp_fh .more { float: left; width: 120px; margin: 20px 0 0; line-height: 40px; height: 40px; } .sxp_fh .more img { margin-top: 13px; } .news { margin-top: 20px; } .news li { margin-bottom: 10px; } .news .time { padding: 18px; width: 26%; } .news .line { display: none; } .news .dynamic { padding: 9px; width: 74%; } .news .dynamic .spanspan { font-size: 14px; width: 100%; } .news .dynamic i { line-height: 16px; font-size: 12px; } .news .dynamic span { margin-bottom: 0px; display: none; } .news .time h3 { font-size: 20px; } .news .time p { font-size: 14px; } .swiper-huace{height:385px;} .swiper-huace > .swiper-pagination-bullets .swiper-pagination-bullet{background: #ccc;width:0px;height:0px;border-radius:50%;} }