/*閫氱敤鏍峰紡*/ /*----------------------------------------------------------*/ .spot { display: inline-block; width: 10px; height: 10px; background-color: #004898; margin-right: 24px; } .pc-wrap { line-height: 0; } .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 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 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; } .pc-wrap { display: none; } .part-item-info { margin: 0; } .part-item { flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; } .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; } } /*----------------------------------------------------------*/ /*banner*/ /*----------------------------------------------------------*/ .part1 { position: relative; width: 100%; padding-bottom: calc(400 / 1920 * 100%); background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/download/main-bg.jpg'); background-repeat: no-repeat; background-size: cover; } .part1 .main-info { width: 100%; position: absolute; top: 0; left: 0; } .part1 .main-info .main-title { font-family: "闃块噷宸村反鏅儬浣 Bold"; width: 100%; text-align: center; color: #004898; font-size: 72px; } .part1 .main-info .main-desc { font-family: "闃块噷宸村反鏅儬浣 Bold"; font-size: 28px; text-align: center; } @media only screen and (max-width: 1599px) { .part1 .main-info .main-title { font-size: 64px; } .part1 .main-info .main-desc { font-size: 24px; } } @media only screen and (max-width: 1299px) { .part1 .main-info .main-title { font-size: 60px; } .part1 .main-info .main-desc { font-size: 22px; } } @media only screen and (max-width: 1024px) { .part1 { padding-bottom: calc(430 / 750 * 100%); background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/download/m-main-bg.jpg'); } .part1 .main-info .main-title { margin-top: 40px; margin-bottom: 16px; font-size: 42px; line-height: 1.3; } .part1 .main-info .main-desc { font-size: 20px; } } @media only screen and (max-width: 450px) { .part1 .main-info .main-title { font-size: 36px; } .part1 .main-info .main-desc { font-size: 18px; } } /*----------------------------------------------------------*/ /*.part1 { position: fixed; top: -400px; }*/ /*瀵艰埅鏍忔牱寮?/ /*----------------------------------------------------------*/ .navs.tmp { display: none; background: none; } .navs { position: relative; width: 100%; padding-bottom: calc(100 / 1920 * 100%); /*background-color: rgba(0, 64, 188, .8);*/ background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/download/navs-bg.jpg'); background-repeat: no-repeat; background-size: cover; z-index: 2; } .navs.fixed { position: fixed; top: 60px; } .download-navs-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);*/ } .download-navs-container .swiper-wrapper { justify-content: center; /*width: calc(280px * 4 + 60px);*/ /*width: calc(280px * 3 + 45px);*/ margin: 0 auto; } .download-navs-container .swiper-slide { display: inline-block; font-family: "闃块噷宸村反鏅儬浣 Bold"; /*width: 250px;*/ width: 280px; padding: 10px 0; text-align: center; font-size: 28px; color: #FFF; box-sizing: border-box; cursor: pointer; margin-right: 15px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 308px;*/ width: 180px; } .download-navs-container .swiper-slide:last-child { margin-right: 0; } .download-navs-container .swiper-slide div { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: "闃块噷宸村反鏅儬浣 Bold"; } .download-navs-container .swiper-slide div::after { content: ''; display: block; width: 0; height: 4px; background-color: #FFF; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all .4s; } .download-navs-container .swiper-slide.active div::after { width: 165px; } @media only screen and (max-width: 1599px) { .download-navs-container .swiper-wrapper { /*width: calc((250px * 4) + 60px);*/ /*width: calc((250px * 3) + 45px);*/ } .download-navs-container .swiper-slide { /*width: 215px;*/ width: 250px; font-size: 24px; margin-right: 0; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 265px;*/ width: 165px; } .download-navs-container .swiper-slide.active div::after { width: 150px; } } @media only screen and (max-width: 1299px) { .download-navs-container .swiper-wrapper { /*width: calc((200px * 4) + 60px);*/ /*width: calc((200px * 3) + 45px);*/ } .download-navs-container .swiper-slide { /*width: 200px;*/ width: 230px; font-size: 22px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 242px;*/ width: 150px; } .download-navs-container .swiper-slide.active div::after { width: 140px; } } @media only screen and (max-width: 1200px) { .download-navs-container .swiper-slide { /*width: 180px;*/ width: 230px; font-size: 20px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 220px;*/ width: 140px; } } @media only screen and (max-width: 1100px) { .download-navs-container .swiper-slide { /*width: 160px;*/ width: 210px; font-size: 18px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 200px;*/ width: 130px; } } @media only screen and (max-width: 1024px) { .navs.fixed { top: 47px; } .navs { padding-bottom: calc(170 / 750 * 100%); background-image: url(https://file.jingdiao.com/website/jingdiao/cn/images/download/m-navs-bg.jpg); box-sizing: border-box; } .download-navs-container .swiper-wrapper { /*width: calc((100px * 4) + 60px);*/ /*width: calc((115px * 3) + 15px);*/ } .download-navs-container .swiper-slide { width: 110px; font-size: 20px; line-height: 1.5; margin-right: 10px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 140px;*/ width: 110px; } .download-navs-container .swiper-slide.active div::after { width: 80px; } .download-navs-container .swiper-slide div { display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-align-items: center; max-height: 60px; min-height: 54px; justify-content: center; -webkit-justify-content: center; padding: 0 7px; box-sizing: border-box; } .download-navs-container .swiper-slide div::after { height: 2px; bottom: -6px; } } @media only screen and (min-width: 750px) and (max-width: 1024px) { .navs.fixed { left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 750px; padding-bottom: 170px; } } @media only screen and (max-width: 650px) { .download-navs-container .swiper-wrapper { justify-content: flex-start; } } @media only screen and (max-width: 450px) { .download-navs-container .swiper-wrapper { /*width: calc((105px * 3) + 15px);*/ } .download-navs-container .swiper-slide { width: 100px; font-size: 18px; } .download-navs-container .swiper-slide:nth-child(4) { /*width: 130px;*/ width: 95px; } } /*----------------------------------------------------------*/ .download-content-items .fadeInUpThree { margin-left: auto; margin-right: auto; } .more-btn { display: block; margin-left: auto; margin-right: auto; border-radius: 21px; text-align: center; background-color: #004898; color: #FFF; cursor: pointer; padding: 0; } .more-btn.disabled { background-color: #f6f6f6; cursor: not-allowed; cursor: -ms-not-allowed; color: #b9b9b9; } .more-btn.disabled:hover { background-color: #f6f6f6; color: #b9b9b9; } .more-btn:link, .more-btn:visited { background-color: #004898; } .more-btn:hover, .more-btn:active { color: #FFF; background-color: #004898; } .download-content-items:nth-child(2n) { background-color: #F6F6F6; } .download-content-title { font-family: "闃块噷宸村反鏅儬浣 Bold"; text-align: center; font-size: 50px; color: #000; } .download-items { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } /*#high-speed .download-items .download-item:nth-child(2) .download-title { line-height: 48px; } */ .download-item { width: calc((100% - 45px) / 4); position: relative; margin-right: 15px; } .download-item:nth-child(4n) { margin-right: 0; } .download-item .download-img { aspect-ratio: 345/471; overflow: hidden; } .download-item .download-img img { display: block; width: auto; height: 100%; max-width: none; } .download-item .download-title { position: absolute; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .7); line-height: 98px; font-family: "Univers LT Pro 47 Lt Cn","闃块噷宸村反鏅儬浣 Bold"; text-align: center; color: #FFF; font-size: 28px; } .download-item .download-pdf { position: absolute; top: 0; right: 0; display: block; width: 52px; height: 52px; background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/download/download2.jpg'); background-repeat: no-repeat; background-size: cover; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60) } .download-item .download-pdf:hover, .download-item .download-pdf:active { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; filter: alpha(opacity=80) } @media only screen and (max-width: 1599px) { .download-item .download-title { font-size: 24px; line-height: 80px; } /*#high-speed .download-items .download-item:nth-child(2) .download-title { line-height: 40px; } */ .download-item .download-pdf { width: 40px; height: 40px; } } @media only screen and (max-width: 1299px) { .download-item .download-title { font-size: 22px; line-height: 70px; } /*#high-speed .download-items .download-item:nth-child(2) .download-title { line-height: 35px; }*/ } @media only screen and (max-width: 1024px) { .download-content-items { padding-top: 40px; padding-bottom: 40px; } .download-content-title { font-size: 28px; margin-bottom: 24px; } .download-items{ flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } .download-item { margin-right: 12px; width: calc((100% - 12px) / 2); flex: none; -ms-flex: none; -webkit-flex: none; margin-bottom: 12px; } .download-item:nth-child(2n) { margin-right: 0; } .download-item .download-title { font-size: 22px; } .more-btn { margin-top: 4px; } } @media only screen and (max-width: 450px) { .download-content-title { font-size: 24px; } .download-item { width: calc(100%); margin-right: 0; } .download-item .download-title { font-size: 18px; line-height: 80px; }}