.bg-f6f6f6{ background-color: #f6f6f6; } .part-title { font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 50px; color: #000; text-align: center; } .part-subtitle { font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 28px; color: #004898; } .part-desc { font-family: "闃块噷宸村反鏅儬浣 Regular"; font-size: 24px; color: #333; line-height: 1.75; } .min-part-desc{ max-width: 1168px; margin-left: auto; margin-right: auto; text-align: center; } .more-btn, .more-btn:link, .more-btn:visited { display: block; width: 280px; line-height: 42px; border-radius: 21px; text-align: center; background-color: #004898; color: #FFF; } .pc-wrap { line-height: 0; } @media only screen and (max-width: 1599px) { .part-title { font-size: 40px; } .part-subtitle { font-size: 24px; } } @media only screen and (max-width: 1024px) { .part-title { font-size: 28px; padding-top: 40px; padding-bottom: 12px; } .part-desc { font-size: 16px; line-height: 1.7; } .part-subtitle { font-size: 20px; } .pc-wrap { display: none; } .more-btn, .more-btn:link, .more-btn:visited { width: 169px; line-height: 36px; font-size: 16px; margin: 16px auto 0; } } @media only screen and (max-width: 450px) { .part-title { font-size: 24px; } .part-desc { font-size: 14px; } .part-subtitle { font-size: 18px; } .more-btn, .more-btn:link, .more-btn:visited { font-size: 14px; } } .top-title{ position: relative; width: 50%; margin-left: auto; margin-right: auto; } .top-title img{ width: 100%; } .top-title img:nth-child(2){ position: absolute; top: 0; left: 0; } .part1 .main-desc { text-align: center; font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 24px; } @media only screen and (max-width: 1299px) { .top-title{ width: 60%; } } @media only screen and (max-width: 1024px) { .part1 { margin-top: 40px; } .top-title{ width: 100%; } .part1 .main-desc { font-family: "闃块噷宸村反鏅儬浣 Regular"; font-size: 16px; } } @media only screen and (max-width: 460px) { .part1 .main-desc { line-height: 1.5; } } @media only screen and (max-width: 450px) { .part1 .main-desc { font-size: 14px; } } .part4{ background-color: #f6f6f6; background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/service/bg-part1-pc.png'); background-repeat: no-repeat; background-size: 100% auto; } .m-show { display: none; } @media only screen and (max-width: 1024px) { .m-show { display: block; } .pc-show { display: none; } .part4, .part5 { padding-bottom: 40px; } .part4 .part-desc, .part5 .part-desc { margin-top: 12px; } } .part6 .part-subtitle, .part5 .part-subtitle { text-align: center; } .part6 .part6-main { display: flex; display: -ms-flexbox; display: -webkit-flex; } .part6 .part6-item { display: block; flex: 1; -ms-flex: 1; -webkit-flex: 1; margin-right: 15px; text-align: center; } .part6 .part6-item:last-child { margin-right: 0; } .part6 .part6-item .part6-img-wrapper { overflow: hidden; } .part6 .part6-item .part6-img-wrapper .part6-img { padding-bottom: calc(400 / 872 * 100%); background-repeat: no-repeat; background-size: cover; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .part6 .part6-item .part6-img-wrapper .part6-img1 { background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/service/6-1.png'); } .part6 .part6-item .part6-img-wrapper .part6-img2 { background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/service/6-2.png'); } .part6 .part6-item:hover .part6-img-wrapper .part6-img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .part6 .part6-item .part6-img-title { font-size: 40px; color: #000; font-family: "闃块噷宸村反鏅儬浣 Bold"; } .part6 .part6-item .learn-more span { font-size: 20px; color: #004898; font-family: "闃块噷宸村反鏅儬浣 Medium"; } .part6 .part6-item .learn-more span.icon--6::before { font-size: 16px; } @media only screen and (max-width: 1599px) { .part6 .part6-item .part6-img-title { font-size: 32px; } .part6 .part6-item .learn-more span { font-size: 18px; } .part6 .part6-item .learn-more span.icon--6::before { font-size: 14px; } } @media only screen and (max-width: 1024px) { .part6 { padding-bottom: 40px; } .part6 .part-subtitle { margin-bottom: 24px; } .part6 .part6-main { display: block; } .part6 .part6-item { margin-right: 0; margin-bottom: 16px; } .part6 .part6-item:last-child { margin-bottom: 0; } .part6 .part6-item .part6-img-title { font-size: 20px; margin-top: 16px; } .part6 .part6-item .learn-more { margin-top: 12px; font-size: 18px; } } @media only screen and (max-width: 450px) { .part6 .part6-item .part6-img-title { font-size: 18px; } .part6 .part6-item .learn-more { font-size: 16px; } } /*閫氱敤鏍峰紡*/ /*----------------------------------------------------------*/ .spot { display: inline-block; width: 10px; height: 10px; background-color: #004898; margin-right: 24px; } .part-item { display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .part-left, .part-right { flex: 1; -ms-flex: 1; -webkit-flex: 1; } .part-item-info { margin: 0 0 0 16.6667%; } .part-item img { display: block; width: 100%; } .part-item-title { font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 50px; } .part-item-desc { font-family: "闃块噷宸村反鏅儬浣 Regular"; line-height: 2; font-size: 18px; color: #333; } .part-item-desc span { vertical-align: middle; } @media only screen and (max-width: 1599px) { .part-item-info { margin: 0 0 0 8.3333%; } .part-item-title { font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 40px; } .spot { margin-right: 16px; } } @media only screen and (max-width: 1024px) { .spot { margin-right: 10px; } .part-item-info { margin: 0; } .part-item { flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-top: 24px; padding-bottom: 0px; } .part-left, .part-right { min-width: 100%; width: 100%; } .part-item-title { margin-bottom: 16px; text-align: center; font-size: 28px; } .part-item-desc { font-size: 16px; line-height: 1.7; } .part-img-wrapper { margin-bottom: 16px; } } @media only screen and (max-width: 450px) { .part-item-title { font-size: 24px; } .part-item-desc { font-size: 14px; } } /*----------------------------------------------------------*/ .numerical-control-desc-1 .part-img-wrapper { padding-bottom: calc(400 / 872 * 100%); background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/service-engineering/part2.jpg'); background-repeat: no-repeat; background-size: cover; } .numerical-control-desc-2 .part-img-wrapper { padding-bottom: calc(400 / 872 * 100%); background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/service-engineering/part3.jpg'); background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1599px) { } @media only screen and (max-width: 1024px) { .numerical-control-desc-1 .part-item-desc, .numerical-control-desc-2 .part-item-desc { margin: 0; } } /*鏈嶅姟鏈烘瀯*/ /*----------------------------------------------------------*/ .branchOffices{ display: grid; grid-template-columns: 33.3% 33.3% 33.3%; grid-template-rows: max-content ; justify-items: center; align-items: center; grid-gap: 16px; margin-top: -24px; } .branchOffice-block{ width: 100%; height: 100%; padding-top: 24px; } .branchOffice{ background-color: #ffffff; padding: 40px; height: 100%; box-shadow: 0px 4px 10px 0px #0000001F; } .branchOffice-header{ display: flex; align-items: center; position: relative; } .address-img{ width: 34px; height: 34px; } .copy-btn{ display: inline-flex; color: #004898; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ cursor: pointer; border: 1px solid #004898; align-items: center; padding: 6px 16px 6px 16px; border-radius: 2px; position: absolute; right: 0px; } .copy-btn img{ width: 16px; height: 16px; margin-right: 8px; } .branchOffice-name{ overflow: hidden; color: #004898; text-overflow: ellipsis; font-size: 28px; font-style: normal; font-weight: 500; line-height: 48px; /* 171.429% */ padding-top: 16px; padding-bottom: 20px; text-align: left; border-bottom: 1px solid #E7E7E7; } .branchOffice-items{ text-align: left; padding-top: 12px; } .branchOffice-item{ display: flex; } .branchOffice-item-key,.branchOffice-item-value{ display: inline-block; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 12px; } .branchOffice-item-key{ color: #1A1A1A; min-width: 56px; } .branchOffice-item-value{ color: #666; flex: auto; } @media only screen and (max-width: 1024px) { .branchOffices{ display: grid; grid-template-columns: 100%; justify-items: center; align-items: center; grid-gap: 16px; margin-top: 0px; margin-bottom: 26px; } .branchOffice-block{ padding-top: 0px; } .regionName-select-blocks{ margin-left: 44px; margin-right: 44px; } .regionName-select-block{ width: 100%; } input[type="text"].regionName-select{ width: 100%; height: 38px; padding: 4px 24px 4px 24px; border-radius: 100px; background-size: 16px 16px; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0em; text-align: left; color: #000000; } .regionName-select-block ul{ padding: 6px 12px; max-height: 200px; top: 44px; } .regionName-select-block li{ font-size: 14px; } .branchOffice{ padding: 24px; } .branchOffice-name{ font-size: 24px; font-weight: 500; line-height: 42px; letter-spacing: 0px; padding-top: 10px; padding-bottom: 16px; } .branchOffice-items{ text-align: left; padding-top: 12px; } .branchOffice-item-key,.branchOffice-item-value{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 4px; } .branchOffice-item-key{ min-width: 45px; } .address-img{ width: 30px; height: 30px; } .copy-btn{ font-size: 14px; padding: 3px 10px; } .copy-btn img{ width: 16px; height: 16px; margin-right: 8px; } } /*----------------------------------------------------------*/ /* 鎶€鏈煿璁湇鍔 */ /*----------------------------------------------------------*/ .part5-items { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } .part5-item { display: block; width: calc((100% - 2.5%) / 3); margin-right: 1.25%; flex: 1; background-color: #F6F6F6 !important; } .part5-items .part5-item:nth-child(3n) { margin-right: 0; } .part5-items .part5-item .part5-item-img { overflow: hidden; position: relative; } .part5-items .part5-item .part5-item-img img { width: 100%; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; } .part5-items .part5-item .part5-item-img .img-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2d2d2d; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; } .part5-items .part5-item:hover .part5-item-img img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .part5-items .part5-item:hover .part5-item-img .img-mask { opacity: .3; -moz-opacity: .3; -webkit-opacity: .3; filter: alpha(opacity=30); } .part5-item-info{ padding: 40px 24px; } .part5-item-title{ font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 32px; font-weight: 700; line-height: 50px; text-align: center; color: #004898; } .part5-item-desc{ font-size: 18px; font-weight: 400; line-height: 36px; text-align: left; color: #000000; } @media only screen and (max-width: 1024px) { .part5-items{ display: block; margin-left: 3.8%; margin-right: 3.8%; } .part5-items .part5-item { width: 100%; margin-right: 0; } .buttonBox { width: 200px; } .part5-item-info{ padding: 16px 12px; } .part5-item-title{ font-size: 18px; line-height: 30px; } .part5-item-desc{ font-size: 14px; line-height: 24px; } } /*----------------------------------------------------------*/