:root { --max-width: 1440px; } * { padding: 0; margin: 0; box-sizing: border-box; } html, body { width: 100%; overflow-x: hidden; } a { color: inherit; text-decoration: none; } ul, li, ol { list-style: none; } .clearfix { zoom: 1; } .header { background: #ffffff; width: 100%; height: 110px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302); } .header .main { max-width: 1320px; width: 100%; margin: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; } .header .logo { display: block; width: 379px; } .header nav { display: flex; align-items: center; justify-content: flex-start; column-gap: 29px; } .header nav .item { display: block; color: #160908; font-size: 16px; } .header nav .item:hover { color: #00479c; } .header nav .active { color: #00479c; } .header .phone { display: flex; align-items: center; justify-content: flex-start; } .header .phone .left { margin-right: 14px; width: 36px; } .header .phone .left img { width: 100%; display: block; } .header .phone .right .txt { font-size: 12px; } .header .phone .right .mobile { font-size: 14px; font-weight: 700; color: #00479c; } .foot-product-library { width: 100%; padding: 0.6666666667vw 0; background: #01479d; display: flex; justify-content: center; align-items: center; } @media all and (max-width: 500px) { .foot-product-library { display: block; } } .foot-product-library .text { color: #fefefe; font-size: 20px; margin-right: 31px; } @media all and (max-width: 500px) { .foot-product-library .text { text-align: center; } } .foot-product-library .button { width: 160px; height: 37px; background: #16b4b9; display: flex; justify-content: center; align-items: center; } @media all and (max-width: 500px) { .foot-product-library .button { margin: 2vw auto auto; } } .foot-product-library .button .icon { display: block; width: 18px; } .foot-product-library .button .text { font-weight: 600; font-size: 17px; color: #fefefe; margin-right: 15px; padding-right: 15px; border-right: 1px #fff solid; } .page-banner { height: 300px; display: flex; justify-content: center; align-items: center; } .page-banner .search { display: flex; justify-content: flex-end; align-items: center; width: 510px; height: 58px; font-size: 24px; color: #fff; margin-top: 180px; background: #213b62; border-radius: 1000px; border: 1px solid #fff; } .page-banner .search .to-search { width: 24px; height: 24px; margin-right: 25px; background: transparent; border: transparent; } .page-banner .search .to-search img { display: block; width: 100%; } .page-banner .search .input { background: transparent; width: 320px; height: 100%; line-height: 58px; color: #fff; border: 0; box-shadow: none; } .page-banner .search .input:focus { outline: 0; } .page-banner .search .input::placeholder { color: #fff; } @media all and (max-width: 1024px) { .page-banner { display: none; } } .page-main { max-width: 1320px; width: 100%; margin: auto; position: relative; padding-top: 46px; padding-bottom: 115px; } @media all and (max-width: 1024px) { .page-main { padding-top: 94px; } } .slide-article .main { display: flex; justify-content: space-between; align-items: flex-end; margin: auto; padding-top: 60px; padding-bottom: 45px; max-width: var(--max-width); } .slide-article .main .en { position: relative; padding: 0 30px; color: #e4e4e4; font-size: 25px; height: 1em; vertical-align: bottom; line-height: 0.5em; margin-right: 24px; border-right: 1px solid #3f69bd; white-space: nowrap; } .slide-article .main .en:first-letter { font-size: 45px; } .slide-article .main .en:before { content: ""; width: 1px; height: 55px; position: absolute; bottom: 0; left: 0; background: #3f69bd; } .slide-article .main .name { font-size: 22px; color: #676767; width: 100%; } .slide-article .main .icon { width: 35px; height: 35px; border-radius: 50%; flex: none; } .slide-article .main .icon img { width: 100%; height: 100%; display: block; } @media all and (max-width: 1440px) { .slide-article .main { width: 100%; padding-left: 40px; padding-right: 40px; } } @media all and (max-width: 768px) { .slide-article .main { padding-bottom: 40px; } .slide-article .main .en { font-size: 25px; } .slide-article .main .en:before { height: 55px; } .slide-article .main .en:first-letter { font-size: 35px; } .slide-article .main .name { font-size: 25px; white-space: nowrap; } .slide-article .main .icon { width: 46px; height: 46px; } } @media all and (max-width: 425px) { .slide-article .main { padding: 30px 0; } .slide-article .main .en { display: none; } .slide-article .main .name { font-size: 30px; } .slide-article .main .icon { width: 35px; height: 35px; } } .paginate { display: flex; justify-content: center; align-items: center; } .paginate .item { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 5px; } .paginate .item.active, .paginate .item:hover { background: #004ea2; color: #fff; } .paginate .page-num { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 5px; } .paginate .page-num.page-num-current, .paginate .page-num:hover { background: #004ea2; color: #fff; } .product { --color: #375fae; } .product .tabs { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; } .product .tabs-item { font-weight: 700; font-size: 22px; text-align: center; border-bottom: 2px solid transparent; cursor: pointer; margin-right: 50px; padding-top: 10px; padding-bottom: 7px; } .product .tabs-item:last-child { margin-right: 0; } .product .tabs-item.active { border-bottom: 2px solid var(--color); color: var(--color); } @media all and (max-width: 1024px) { .product .tabs { overflow: hidden; overflow-x: auto; } .product .tabs-item { font-size: 18px; white-space: nowrap; } } .product .section { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 35px; } .product .section-item { background: #f7f7f7; padding: 8px 17px; font-size: 16px; color: #6c6c6c; margin-right: 20px; margin-bottom: 20px; cursor: pointer; border-radius: 3px; transition: all 0.25s; border-bottom: 2px transparent solid; } .product .section-item.active { color: var(--color); border-bottom: 2px var(--color) solid; } .product .section-item:hover { color: #fff; background: var(--color); } @media all and (max-width: 425px) { .product .section { justify-content: space-between; } .product .section-item { width: 49%; margin-right: 0; } .product .section-item a { display: block; width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .product .content { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; } .product .list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex: 1; } .product .list-item { border: 1px solid #f0f0f0; text-align: center; background: #f6f6f6; width: 32%; margin-bottom: 35px; padding: 7px 7px 24px; cursor: pointer; } .product .list-item .icon { display: block; width: 100%; height: auto; object-fit: cover; } .product .list-item .name { line-height: 60px; font-size: 16px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .product .list-item .buttons { display: flex; align-items: center; justify-content: center; column-gap: 28px; } .product .list-item .buttons .button { padding: 4px 13px; font-size: 12px; color: #ffffff; } .product .list-item .buttons .consult { background: #00479c; } .product .list-item .buttons .to-detail { background: #98c93c; } .product .list-item.plac { opacity: 0; visibility: hidden; padding: 0; margin: 0; } @media all and (max-width: 1024px) { .product .list-item { width: 30%; } } @media all and (max-width: 425px) { .product .list-item { width: 100%; } } .product-detail { max-width: var(--max-width); width: 100%; margin: auto; margin-top: 30px; margin-bottom: 50px; display: flex; align-items: flex-start; justify-content: space-between; } .product-detail .product-cate { width: 208px; } @media all and (max-width: 1440px) { .product-detail .product-cate { display: none; } } .product-detail .product-cate .cate-one { width: 100%; } .product-detail .product-cate .cate-one-item { width: 100%; line-height: 47px; border: 1px solid #dcdcdc; margin-bottom: 10px; } .product-detail .product-cate .cate-one-item.title { height: 95px; line-height: 95px; background: #3070c8; border-radius: 0 30px 0 0; text-align: center; } .product-detail .product-cate .cate-one-item.title .title-text { width: 100%; font-size: 29px; color: #fff; } .product-detail .product-cate .cate-one-item .item { color: #282828; transition: 0.2s; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; } .product-detail .product-cate .cate-one-item .item .to-page { margin-left: 16px; margin-right: 32px; transition: 0.2s; color: #808080; font-size: 19px; } .product-detail .product-cate .cate-one-item .item .text { font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-detail .product-cate .cate-one-item .item.active { background: #004ea2; color: #fff; } .product-detail .product-cate .cate-one-item .item.active .to-page { color: #fff; transform: rotate(90deg); } .product-detail .product-cate .cate-one-item .cate-two { width: 100%; } .product-detail .product-cate .cate-one-item .cate-two-item { line-height: 47px; border-top: 1px solid #dcdcdc; } .product-detail .product-cate .cate-one-item .cate-two-item a { display: flex; align-items: center; justify-content: flex-start; } .product-detail .product-cate .cate-one-item .cate-two-item .to-page { margin-left: 16px; margin-right: 32px; transition: 0.2s; color: #808080; font-size: 19px; } .product-detail .product-cate .cate-one-item .cate-two-item .text { font-size: 17px; color: #282828; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-detail .product-main { flex: 1; margin-left: 54px; } .product-detail .product-main .top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 66px; } .product-detail .product-main .top .imgs { display: block; width: 44%; } .product-detail .product-main .top .imgs .jqzoom { float: none; border: 1px solid #dfdfdf; } .product-detail .product-main .top .imgs .jqzoom img { display: block; width: 300px; height: 300px; margin: auto; object-fit: cover; } .product-detail .product-main .top .imgs .img-list { padding-top: 10px; display: flex; align-items: center; column-gap: 10px; } .product-detail .product-main .top .imgs .img-list .item { width: 18.4%; height: 70px; border: 1px solid #dfdfdf; } .product-detail .product-main .top .imgs .img-list .item.active { border: #00479c 1px solid; } .product-detail .product-main .top .imgs .img-list .item img { display: block; width: 100%; } .product-detail .product-main .top .info { flex: 1; margin-left: 45px; } .product-detail .product-main .top .info .info-title { font-size: 30px; } .product-detail .product-main .top .info .note { height: 140px; font-size: 14px; color: #888; background: #f8f8f8; margin: 20px auto; padding: 20px; } .product-detail .product-main .top .info .note span { color: #333; } .product-detail .product-main .top .info .model { font-size: 14px; color: #888; display: flex; align-items: center; justify-content: flex-start; } .product-detail .product-main .top .info .model img { display: block; width: 16px; height: 16px; margin: 7px 4px 7px 0; } .product-detail .product-main .top .info .model .name { color: #888; width: 70px; text-align-last: justify; } .product-detail .product-main .top .info .model span { color: #999999; } .product-detail .product-main .top .info .buttons { display: flex; align-items: center; column-gap: 20px; } .product-detail .product-main .top .info .inquiry { display: block; width: 48%; height: 60px; line-height: 60px; background: #004ea2; color: #fff; text-align: center; font-size: 22px; margin-top: 42px; } .product-detail .product-main .bottom { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px; } .product-detail .product-main .bottom .right { box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.08); flex: 1; } .product-detail .product-main .bottom .cate { height: 100px; border-bottom: 1px #dcdcdc solid; margin-bottom: 50px; padding-left: 77px; display: flex; align-items: center; cursor: pointer; } @media all and (max-width: 768px) { .product-detail .product-main .bottom .cate { padding-left: 20px; } } .product-detail .product-main .bottom .cate .item { padding: 0 20px; margin-right: 50px; height: 100%; line-height: 100px; font-size: 20px; color: #282828; } .product-detail .product-main .bottom .cate .item.active { color: #004ea2; border-bottom: 1px #004ea2 solid; } @media all and (max-width: 768px) { .product-detail .product-main .bottom .cate .item { margin-right: 30px; font-size: 16px; } } .product-detail .product-main .bottom .content { padding: 0 45px 45px; } .case-kehu { background: #f8f8f8; } .case-kehu .main { max-width: var(--max-width); width: 100%; margin: auto; display: flex; align-items: flex-start; padding-top: 60px; padding-bottom: 66px; } .case-kehu .main .aside { width: 235px; flex: none; color: #fff; font-size: 30px; line-height: 1; padding: 15px 30px; background: #3f69bd; border-bottom: 2px solid #c6b385; position: relative; z-index: 2; } .case-kehu .main .aside:before { content: ""; width: 0; height: 0; position: absolute; top: 0; bottom: 0; right: -20px; margin: auto; border-left: 20px solid #3f69bd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } @media all and (max-width: 1440px) { .case-kehu .main { width: calc(100% - 80px); margin: auto; } } @media all and (max-width: 768px) { .case-kehu .main .aside { display: none; } } .case-kehu .wrap { height: 350px; overflow: hidden; } .case-kehu .right { padding: 42px 44px 23px; background: #fff; } .case-kehu .content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex: 1; overflow: hidden; } .case-kehu .content .item { border: 1px solid #d0d0d0; text-align: center; padding-top: 10px; width: 18%; border-radius: 3px; margin-bottom: 25px; } .case-kehu .content .item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; padding: 0; border: none; } .case-kehu .content .item .image { width: 100px; height: 100px; display: block; margin: auto; } .case-kehu .content .item .name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 40px; font-size: 14px; color: #020202; } @media all and (max-width: 425px) { .case-kehu .content .item { width: 45%; } } @media all and (max-width: 768px) { .case-kehu .content .item { width: 30%; } } .case-list { background: #fff; } .case-list .main { max-width: var(--max-width); width: 100%; margin: auto; padding: 20px 30px 00px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; column-gap: 46px; } .case-list .main .item { padding: 23px 25px 20px 19px; border: 1px solid #dddddd; width: 48%; margin-bottom: 25px; border-radius: 5px; cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.18); } .case-list .main .item .left { display: flex; align-items: center; } .case-list .main .item .image { width: 28px; display: block; margin-right: 13px; } .case-list .main .item .name { line-height: 40px; color: #3a3a3a; font-size: 17px; max-width: 377px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .case-list .main .item.plac { opacity: 0; visibility: hidden; padding: 0; margin: 0; } .case-list .main .item .right { display: flex; align-items: center; justify-content: space-between; column-gap: 5px; } .case-list .main .item .right .icon { display: block; width: 16px; } .case-detail { max-width: 1320px; width: 100%; margin: auto; margin-top: 120px; } .case-detail .info .title { text-align: center; font-weight: 400; color: #252525; font-size: 28px; line-height: 40px; margin-bottom: 35px; } .case-detail .info .dd { line-height: 20px; color: #aaa; font-size: 14px; text-align: center; margin: 20px auto; padding: 0 0 10px; border-bottom: 1px dashed #dfdfdf; } .case-detail .info .dd .note { margin-left: 90px; } .case-detail .swiper-container { width: 100%; padding-bottom: 50px; } .case-detail .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 300px; } .case-paginate { padding-top: 80px; padding-bottom: 100px; } .profile { max-width: 1920px; width: 100%; margin: auto; } .profile .top { margin-bottom: 85px; display: flex; align-items: center; justify-content: center; column-gap: 20px; font-size: 30px; font-weight: 700; color: #000000; line-height: 40px; letter-spacing: 6px; } .profile .top img { display: block; width: 30px; } .profile .intro { margin-top: 69px; padding-bottom: 75px; } .profile .intro .data { max-width: 1320px; width: 100%; margin: auto; display: flex; align-items: center; } .profile .intro .data .left { flex-shrink: 0; width: 574px; } .profile .intro .data .left img { display: block; width: 100%; } .profile .intro .data .right { padding: 76px 60px; background: #f7f4f4; } .profile .intro .data .right .title { font-size: 30px; margin-bottom: 42px; } .profile .intro .data .right .info p { font-size: 14px; line-height: 20px; text-indent: 2em; margin-bottom: 5px; } .profile .conant { padding-top: 51px; padding-bottom: 92px; background: #f9f9f9; } .profile .conant .cards { max-width: 1320px; width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; } .profile .conant .cards .item { position: relative; width: 374px; padding: 86px 98px 99px; background: #fff; text-align: center; border-radius: 10px; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); overflow: hidden; } .profile .conant .cards .item img { margin: auto; display: block; width: 116px; } .profile .conant .cards .item .title { font-size: 24px; font-weight: 700; margin-top: 33px; margin-bottom: 8px; text-align: center; } .profile .conant .cards .item .info { color: #8f8f8f; font-size: 18px; line-height: 30px; } .profile .conant .cards .item .bt { position: absolute; left: 0; bottom: 0; margin-bottom: -71px; width: 100%; height: 71px; display: flex; align-items: center; justify-content: center; font-size: 18px; background: #f1f1f1; transition: all 0.3s ease; } .profile .main { max-width: 1320px; width: 100%; margin: auto; margin-top: 79px; padding-bottom: 100px; overflow: hidden; } .profile .main .tab { position: relative; margin: auto; margin-bottom: 68px; display: flex; align-items: center; justify-content: space-around; background: #b3b2b2; width: 956px; height: 55px; } .profile .main .tab .bg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #00479c; z-index: 1; transition: all 0.5s ease; } .profile .main .tab .tab-item { position: relative; color: #ffffff; font-size: 30px; font-weight: 700; z-index: 2; width: 50%; height: 100%; line-height: 55px; text-align: center; cursor: pointer; } .profile .main .data-list { position: relative; display: flex; align-items: flex-start; width: calc(1320px * 2); transition: all 0.5s ease; } .profile .main .data-list .video-list, .profile .main .data-list .cases-list { width: 1320px; } .profile .main .data-list .video-list .list, .profile .main .data-list .cases-list .list { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; row-gap: 20px; padding-bottom: 20px; } .profile .main .data-list .video-list .list .item, .profile .main .data-list .cases-list .list .item { width: 648px; padding: 23px 33px 14px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302); } .profile .main .data-list .video-list .list .item a, .profile .main .data-list .cases-list .list .item a { display: flex; justify-content: flex-start; align-items: center; } .profile .main .data-list .video-list .list .item a .item-left, .profile .main .data-list .cases-list .list .item a .item-left { padding-right: 20px; } .profile .main .data-list .video-list .list .item a .item-left img, .profile .main .data-list .cases-list .list .item a .item-left img { width: 166px; height: 100%; object-fit: contain; } .profile .main .data-list .video-list .list .item a .item-right, .profile .main .data-list .cases-list .list .item a .item-right { flex: 1; } .profile .main .data-list .video-list .list .item.plac, .profile .main .data-list .cases-list .list .item.plac { padding: 0; box-shadow: none; } .profile .main .data-list .video-list .list .item .title, .profile .main .data-list .cases-list .list .item .title { color: #160908; font-size: 17px; line-height: 24px; margin-bottom: 6px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .profile .main .data-list .video-list .list .item .subtitle, .profile .main .data-list .cases-list .list .item .subtitle { margin-bottom: 48px; color: #9d9e9f; font-size: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .profile .main .data-list .video-list .list .item .bottom, .profile .main .data-list .cases-list .list .item .bottom { display: flex; align-items: center; justify-content: space-between; } .profile .main .data-list .video-list .list .item .bottom .date, .profile .main .data-list .cases-list .list .item .bottom .date { font-size: 14px; color: #d0d1d4; } .profile .main .data-list .video-list .list .item .bottom .detail, .profile .main .data-list .cases-list .list .item .bottom .detail { display: flex; align-items: center; color: #d0d1d4; font-size: 14px; } .profile .main .data-list .video-list .list .item .bottom .detail img, .profile .main .data-list .cases-list .list .item .bottom .detail img { margin-left: 4px; display: block; width: 11px; } .profile .main .data-list .video-list .list .item.plac, .profile .main .data-list .cases-list .list .item.plac { height: 0; } .profile-detail { max-width: var(--max-width); width: 100%; margin: auto; margin-top: 120px; } .profile-detail .info { padding-bottom: 56px; border-bottom: 1px #cfcfcf solid; } .profile-detail .info .title { font-weight: 400; color: #252525; font-size: 41px; margin-bottom: 52px; } .profile-detail .info .dd { font-size: 22px; color: #676767; } .profile-detail .info .dd .date { padding-left: 42px; position: relative; } .profile-detail .info .dd .date:before { content: ""; position: absolute; width: 27px; height: 27px; left: 0; top: 0; background: url("../static/images/date-icon.png") center no-repeat; background-size: cover; } .profile-detail .info .dd .note { margin-left: 116px; } .profile-detail .content { margin-top: 90px; margin-bottom: 90px; } @media all and (max-width: 1440px) { .profile-detail { width: calc(100% - 80px); margin: 75px auto auto; } } @media all and (max-width: 1024px) { .profile-detail { margin-top: 84px; } } @media all and (max-width: 425px) { .profile-detail .info .title { font-size: 30px; text-align: center; } .profile-detail .info .dd .note { display: block; margin-left: 0; margin-top: 15px; } } .detail-paginate { padding: 40px 86px 110px; font-size: 14px; color: #676767; border-top: 1px #cfcfcf solid; display: flex; align-items: flex-start; justify-content: space-between; } .detail-paginate .prev, .detail-paginate .next { width: calc((100% - 186px) / 2); } .detail-paginate .next .text { text-align: right; } .detail-paginate .next a { float: right; } .detail-paginate .list { padding: 0 20px; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; } .detail-paginate .list .icon { display: block; margin: auto auto 13px; width: 25px; } .detail-paginate .list a { margin: 13px auto auto; } .detail-paginate .text { margin-bottom: 13px; } @media all and (max-width: 768px) { .detail-paginate { display: block; padding: 65px 0; } .detail-paginate .list { display: block; border: none; padding: 0; margin: 15px 0; } .detail-paginate .list .icon { margin: auto auto 5px 5px; } } .news-page-main { padding-bottom: 60px; } .news-page-list { max-width: 1320px; width: 100%; margin: auto; padding-bottom: 60px; margin-bottom: 30px; } .news-page-list .one-item { width: 100%; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between; padding: 20px; margin-bottom: 40px; } .news-page-list .one-item .img { width: 37.5%; background: #ffffff; overflow: hidden; } .news-page-list .one-item .img:hover img { transform: scale(1.1); } .news-page-list .one-item .img img { display: block; height: 100%; margin: auto; transition: all 0.5s; } .news-page-list .one-item .info { flex: 1; padding-inline: 40px; } .news-page-list .one-item .info .title { font-size: 24px; font-weight: 700; line-height: 32px; color: #333; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; } .news-page-list .one-item .info .title:hover { color: #00479c; } .news-page-list .one-item .info .date { font-size: 16px; line-height: 32px; margin: 12px auto; color: #999; } .news-page-list .one-item .info .subtitle { margin-bottom: 20px; height: 84px; line-height: 28px; color: #777; font-size: 15px; text-align: justify; text-indent: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .news-page-list .one-item .info .to { padding-top: 24px; border-top: #ccc 1px dashed; color: #666; cursor: pointer; } .news-page-list .one-item .info .to:hover { color: #00479c; } .news-page-list .one-item .info .to:hover svg { fill: #00479c; } .news-page-list .one-item .info .to .to-info { display: flex; align-items: center; font-size: 16px; line-height: 40px; } .news-page-list .one-item .info .to svg { margin-left: 8px; width: 20px; height: 20px; fill: #666; } .news-page-list .item { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 30px 40px; width: 100%; background: #f5f5f5; margin-bottom: 20px; } .news-page-list .item .info { width: 83%; } .news-page-list .item .info .title { line-height: 40px; color: #333; font-size: 17px; } .news-page-list .item .info .date { overflow: hidden; line-height: 32px; color: #999; font-size: 14px; margin: 0 auto 4px; } .news-page-list .item .info .subtitle { padding-left: 20px; height: 53px; line-height: 28px; color: #777; font-size: 15px; text-align: justify; border-left: 1px solid #dfdfdf; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news-page-list .item .right-to { width: 140px; height: 123px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #dfdfdf; } .news-page-list .item .right-to svg { width: 40px; height: 40px; fill: #6d6d6d; } .news-page-list .paginate { margin-top: 60px; } .news-detail { max-width: 1320px; width: 100%; margin: auto; margin-top: 24px; } .news-detail .info .title { text-align: center; font-weight: 400; color: #252525; font-size: 28px; line-height: 40px; margin-bottom: 35px; } .news-detail .info .dd { line-height: 20px; color: #aaa; font-size: 14px; text-align: center; margin: 20px auto; padding: 0 0 10px; border-bottom: 1px dashed #dfdfdf; } .news-detail .info .dd .note { margin-left: 90px; } @media all and (max-width: 1440px) { .news-detail { width: calc(100% - 80px); margin: 90px auto; } } @media all and (max-width: 1024px) { .news-detail .info .title { font-size: 30px; } .news-detail .info .dd { font-size: 15px; } } @media all and (max-width: 425px) { .news-detail .info .dd .note { display: block; margin-left: 0; } } .contact-page { max-width: 1320px; width: 100%; margin: auto; } .contact-page .card { margin-top: 40px; margin-bottom: 40px; display: flex; align-items: center; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; } .contact-page .item { width: calc(100% / 3); overflow: hidden; margin: 0; padding: 40px 20px 20px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .contact-page .item img { display: block; width: 130px; height: 130px; overflow: hidden; margin: 0 auto 20px; } .contact-page .item .txt { color: #797979; font-size: 14px; text-align: center; margin: 0 auto 10px; } .contact-page .item .data { height: 60px; line-height: 30px; color: #333; font-size: 16px; text-align: center; } .contact-page .wechat { width: 100%; margin: 0 auto 40px; padding: 60px 0; background: url("/skin/sub_pages_images/NyContact_ewmbg.jpg") no-repeat center; background-size: cover; } .contact-page .wechat img { display: block; width: 160px; margin: 30px auto 0; } .contact-page .txt1 { line-height: 40px; color: #fff; font-size: 32px; text-align: center; } .contact-page .txt2 { line-height: 30px; color: #fff; font-size: 16px; text-align: center; } .contact-page .contact-map { max-width: 1320px; width: 100%; margin: auto; height: 400px; margin-bottom: 150px; } .about-page .about-page-content { background: #fcfcfc; } .about-page .about-page-content .main { max-width: 1320px; width: 100%; margin: auto; } @media all and (max-width: 1440px) { .about-page .about-page-content .main { width: calc(100% - 80px); margin: auto; } } .about-page .about-page-content .slide-article { background: transparent; } .about-page .about-page-content .about-page-content-header { width: 100%; display: block; margin-bottom: 67px; } .about-page .about-page-content .note { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; } .about-page .about-page-content .note img { width: 185px; margin-left: 58px; margin-right: 70px; flex: none; } .about-page .about-page-content .note .note-details .head { font-size: 28px; font-weight: 700; padding-left: 43px; padding-bottom: 40px; padding-top: 40px; position: relative; z-index: 2; } .about-page .about-page-content .note .note-details .head:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 116px; height: 112px; background: url("../static/images/opacity-about@2x.png") no-repeat; background-size: 100%; z-index: -1; } .about-page .about-page-content .note .note-details .note-content { color: #3d3d3d; font-size: 16px; line-height: 1.8; text-indent: 2em; } @media all and (max-width: 1024px) { .about-page .about-page-content .note img { display: none; } } @media all and (max-width: 425px) { .about-page .about-page-content .note .note-details .head { font-size: 21px; padding-bottom: 15px; } .about-page .about-page-content .note .note-details .head:before { width: 85px; } .about-page .about-page-content .note .note-details .note-content { font-size: 15px; } } .about-page .about-page-head { text-align: center; font-size: 40px; line-height: 60px; position: relative; z-index: 1; } .about-page .about-page-head:after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: #fcfcfc; } .about-page .about-page-head:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; width: 360px; height: 60px; z-index: -2; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3); border-radius: 100%; } @media all and (max-width: 768px) { .about-page .about-page-head:before { width: 335px; } } @media all and (max-width: 425px) { .about-page .about-page-head { font-size: 30px; line-height: 50px; } .about-page .about-page-head:before { width: 323px; height: 48px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } } .about-page .renzheng-list { display: flex; justify-content: space-between; align-items: center; margin-top: 100px; padding-bottom: 60px; } .about-page .renzheng-list .item img { height: 120px; display: block; margin-bottom: 30px; } .about-page .renzheng-list .item .name { font-size: 20px; color: #171717; } @media all and (max-width: 768px) { .about-page .renzheng-list .item img { height: 100px; } .about-page .renzheng-list .item .name { font-size: 15px; text-align: center; } } @media all and (max-width: 425px) { .about-page .renzheng-list { display: block; margin-top: 35px; } .about-page .renzheng-list .item { margin-bottom: 20px; text-align: center; } .about-page .renzheng-list .item img { margin: auto auto 30px; height: 190px; } } .about-page .about-honor { max-width: 1320px; width: 100%; margin: auto; padding-bottom: 70px; position: relative; } .about-page .about-honor .swiper-button-prev { left: -60px; } .about-page .about-honor .swiper-button-next { right: -60px; } .about-page .about-honor .swiper-slide { display: flex; justify-content: space-between; align-items: center; } .about-page .about-honor .swiper-slide .item { width: 100%; height: 360px; object-fit: cover; } .about-page .about-honor .swiper-slide .item.plac { height: 0; } @media all and (max-width: 1440px) { .about-page .about-honor { width: calc(100% - 80px); margin: auto; } .about-page .about-honor .swiper-button-prev { display: none; } .about-page .about-honor .swiper-button-next { display: none; } } @media all and (max-width: 1024px) { .about-page .about-honor .swiper-slide .item { display: block; width: 100%; height: 100%; object-fit: cover; } } .about-page .about-hezuo { max-width: 1320px; width: 100%; margin: auto; background: url("../static/images/baozhang-bg@2x.png") no-repeat top center/cover; padding-top: 47px; padding-bottom: 35px; } .about-page .about-hezuo .about-page-head:after { background: #ffffff; margin: auto; width: 700px; } .about-page .about-hezuo .message { font-size: 23px; color: #3d3d3d; padding-top: 40px; margin-bottom: 76px; text-align: center; } .about-page .about-hezuo .list { display: flex; justify-content: center; align-items: flex-start; } .about-page .about-hezuo .list .item { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 30px; border-right: 1px solid #c3c3c3; } .about-page .about-hezuo .list .item:last-child { border-right: none; } .about-page .about-hezuo .list .item img { display: block; width: 85px; height: 85px; object-fit: contain; } .about-page .about-hezuo .list .item .name { line-height: 100px; font-size: 23px; color: #3d3d3d; } .about-page .about-hezuo .list .item .tip { color: #3d3d3d; font-size: 16px; } @media all and (max-width: 768px) { .about-page .about-hezuo .list { display: block; } .about-page .about-hezuo .list .item { margin-top: 25px; border: none; } } @media all and (max-width: 768px) { .about-page .about-hezuo .message { font-size: 20px; margin-bottom: 30px; } .about-page .about-hezuo .list .item .name { line-height: 70px; } } @media all and (max-width: 425px) { .about-page .about-hezuo .message { font-size: 12px; } .about-page .about-hezuo .list .item .tip { font-size: 15px; } } .about-page .qiye-list { max-width: 1320px; width: 100%; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 85px; } .about-page .qiye-list .item { width: 24%; border-bottom: 1px solid #e4e4e4; text-align: center; margin-bottom: 35px; cursor: pointer; } .about-page .qiye-list .item.plac { opacity: 0; visibility: hidden; margin-bottom: 0; } .about-page .qiye-list .item img { width: 100%; height: 225px; object-fit: cover; display: block; } .about-page .qiye-list .item .name { line-height: 55px; font-size: 16px; color: #676767; } @media all and (max-width: 1440px) { .about-page .qiye-list { width: calc(100% - 80px); margin: auto; } } @media all and (max-width: 768px) { .about-page .qiye-list .item { width: 47%; margin-bottom: 30px; } } @media all and (max-width: 425px) { .about-page .qiye-list .item { width: 100%; } } .search-page { max-width: var(--max-width); width: 100%; margin: auto; margin-top: 84px; margin-bottom: 157px; display: flex; align-items: flex-start; justify-content: space-between; } .search-page .product-cate { width: 208px; } .search-page .product-cate .cate-one { width: 100%; } .search-page .product-cate .cate-one-item { width: 100%; line-height: 47px; border: 1px solid #dcdcdc; margin-bottom: 10px; } .search-page .product-cate .cate-one-item.title { height: 95px; line-height: 95px; background: #3070c8; border-radius: 0 30px 0 0; text-align: center; } .search-page .product-cate .cate-one-item.title .title-text { width: 100%; font-size: 29px; color: #fff; } .search-page .product-cate .cate-one-item .item { display: flex; align-items: center; justify-content: flex-start; color: #282828; transition: 0.2s; cursor: pointer; } .search-page .product-cate .cate-one-item .item .to-page { margin-left: 16px; margin-right: 32px; transition: 0.2s; color: #808080; font-size: 19px; } .search-page .product-cate .cate-one-item .item .text { font-size: 17px; } .search-page .product-cate .cate-one-item .item.active { background: #004ea2; color: #fff; } .search-page .product-cate .cate-one-item .item.active .to-page { color: #fff; transform: rotate(90deg); } .search-page .product-cate .cate-one-item .cate-two { width: 100%; } .search-page .product-cate .cate-one-item .cate-two-item { line-height: 47px; border-top: 1px solid #dcdcdc; } .search-page .product-cate .cate-one-item .cate-two-item .to-page { margin-left: 16px; margin-right: 32px; transition: 0.2s; color: #808080; font-size: 19px; } .search-page .product-cate .cate-one-item .cate-two-item .text { font-size: 17px; color: #282828; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .search-page .product-cate .cate-one-item .cate-two-item a { display: flex; align-items: center; justify-content: flex-start; } .search-page .product { margin-left: 100px; --color: #375fae; flex: 1; } .search-page .product .list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .search-page .product .list-item { border: 1px solid #f0f0f0; text-align: center; background: #f9f9f9; width: 23%; margin-bottom: 35px; cursor: pointer; } .search-page .product .list-item .icon { display: block; width: 100%; height: 230px; object-fit: cover; } .search-page .product .list-item .name { line-height: 60px; font-size: 16px; background: #fff; } .search-page .product .list-item.plac { opacity: 0; visibility: hidden; } .ue-content a { color: #059aff; } .ue-content video { width: 100%; height: 100%; } .ue-content blockquote { font: 14px/22px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding: 10px 10px 10px 15px; border-left: 3px solid #ccc; background-color: #f1f1f1; } .ue-content p { margin: 5px 0; margin-bottom: 1em; } .ue-content table { margin-bottom: 10px; border-collapse: collapse; display: table; } .ue-content td, .ue-content th { padding: 5px 10px; border: 1px solid #ddd; } .ue-content .ue-table-interlace-color-double { background-color: #f7faff; } .ue-content .ue-table-interlace-color-single { background-color: #fcfcfc; } .ue-content img { display: block; width: auto; margin: 0 auto; } @media all and (max-width: 425px) { .ue-content img { width: 100%; } } .cate-list { width: 284px; } .cate-list .title { width: 100%; padding: 20px 0; background: #00479c; text-align: center; } .cate-list .title .name-zh { font-size: 26px; color: #ffffff; } .cate-list .title .name-en { font-size: 14px; color: #ffffff; } .cate-list .list { margin-top: 2px; display: block; border: #00479c 1px solid; } .cate-list .list .one-cate .detail { height: 42px; display: flex; align-items: center; justify-content: space-between; padding-inline: 8px 17px; border-left: transparent 3px solid; border-bottom: #d8d8d8 1px dashed; } .cate-list .list .one-cate .detail:last-of-type { border-bottom: none; } .cate-list .list .one-cate .detail:hover, .cate-list .list .one-cate .detail.active { border-left: #98c93c 3px solid; background: #00479c; } .cate-list .list .one-cate .detail:hover .name, .cate-list .list .one-cate .detail.active .name { color: #ffffff; } .cate-list .list .one-cate .detail:hover .icon, .cate-list .list .one-cate .detail.active .icon { fill: #ffffff; } .cate-list .list .one-cate .detail.active .icon { transform: rotate(90deg); transition: 0.2s all ease-in-out; } .cate-list .list .one-cate .detail .name { line-height: 42px; flex: 1; display: block; font-size: 16px; cursor: pointer; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .cate-list .list .one-cate .detail span { height: 100%; width: 20%; display: flex; align-items: center; justify-content: center; } .cate-list .list .one-cate .detail .icon { display: block; width: 13px; height: 13px; fill: #00479c; } .cate-list .list .one-cate .two-cate-list { display: none; background: #f4f4f4; border-left: #ffffff 3px solid; border-right: #ffffff 3px solid; } .cate-list .list .one-cate .two-cate-list .two-cate { display: block; line-height: 33px; padding-left: 14px; color: #767575; font-size: 14px; border-bottom: #d8d8d8 1px dashed; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .cate-list .list .one-cate .two-cate-list .two-cate:hover, .cate-list .list .one-cate .two-cate-list .two-cate.active { color: #00479c; } .home-header { position: fixed; background: rgba(255, 255, 255, 0.7); width: 100%; height: 120px; z-index: 99999; } .home-header .detail { display: flex; padding: 0 47px; height: 100%; align-items: center; justify-content: space-between; } .home-header .detail .left .logo .pc { display: block; width: 142px; } .home-header .detail .middle { flex: 1; padding-left: 100px; } .home-header .detail .middle .nav { display: flex; align-items: center; justify-content: flex-start; } .home-header .detail .middle .nav .item { display: block; margin-top: 30px; margin-right: 64px; font-size: 16px; font-weight: 400; color: #3d3d3d; position: relative; } .home-header .detail .middle .nav .item.active { position: relative; } .home-header .detail .middle .nav .item.active:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 3px; border-bottom: 3px #004ea2 solid; bottom: -34px; left: 0; } .home-header .detail .right .mobile { display: flex; align-items: center; justify-content: flex-start; } .home-header .detail .right .mobile .text { margin-left: 12px; font-size: 24px; color: #00479c; } .home-header .detail .right .search { width: 244px; height: 39px; position: relative; margin-top: 17px; } .home-header .detail .right .search input { width: 100%; height: 100%; border-radius: 150px; border: 1px solid #9c9d9e; padding-left: 15px; } .home-header .detail .right .search .search-icon { position: absolute; right: 0; top: 0; width: 39px; height: 39px; border-radius: 50%; background: url("../static/images/search_icon.png") center no-repeat #00479c; background-size: 23px; border: none; } @media all and (max-width: 1440px) { .home-header .detail { padding: 0 40px; } } @media all and (max-width: 1200px) { .home-header .detail .left .logo .pc { width: 114px; } .home-header .detail .middle { padding-left: 39px; } .home-header .detail .middle .nav .item { margin-right: 39px; } } @media all and (max-width: 1024px) { .home-header .detail .left .logo .pc { width: 113px; } .home-header .detail .middle { padding-left: 29px; } .home-header .detail .middle .nav .item { margin-right: 26px; font-size: 14px; } .home-header .detail .middle .nav .item.active:before { bottom: -35px; } } @media all and (max-width: 768px) { .home-header { display: none; } } .pc-banner { max-width: 1920px; width: 100%; overflow-x: hidden; position: relative; } @media all and (max-width: 768px) { .pc-banner { display: none; } } .pc-banner .swiper { width: 100%; overflow-x: hidden; } .pc-banner img { width: 100%; height: 100%; display: block; } .pc-banner .mouse { margin: auto; width: 36px; position: absolute; left: 0; right: 0; bottom: 50px; z-index: 5; } .pc-banner .mouse img { display: block; width: 100%; } .mobile-banner { width: 100%; overflow-x: hidden; display: none; } @media all and (max-width: 768px) { .mobile-banner { display: block; } } .mobile-banner .swiper { width: 100%; overflow-x: hidden; } .mobile-banner img { width: 100%; height: 100%; display: block; } .home-product { max-width: 1320px; width: 100%; margin: auto; background: #ffffff; margin: auto; padding-top: 68px; padding-bottom: 122px; } .home-product .top { margin-bottom: 39px; } .home-product .top .search { margin-top: -30px; float: right; width: 224px; height: 37px; position: relative; } .home-product .top .search input { width: 100%; height: 100%; border: #00479c 1px solid; border-radius: 88px; text-align: center; } .home-product .top .search button { position: absolute; top: 0; right: 1px; width: 37px; height: 37px; background: url("/skin/images/icon10.png") #00479c no-repeat center; background-size: 21px; color: #ffffff; font-size: 14px; border: none; border-radius: 50%; } .home-product .product { display: flex; align-items: flex-start; justify-content: space-between; column-gap: 66px; } .home-product .product-list { flex: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; } .home-product .product-list .item { width: 309px; background: #f4f4f4; padding: 7px 7px 25px; border-radius: 26px 26px 0 0; cursor: pointer; } .home-product .product-list .item:hover .img img { transform: scale(1.2); } .home-product .product-list .item:hover .name { color: #00479c; } .home-product .product-list .item .img { display: block; width: 100%; height: 192px; overflow: hidden; border-radius: 26px; } .home-product .product-list .item .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.5s all; } .home-product .product-list .item .name { margin-top: 16px; margin-bottom: 26px; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .home-product .product-list .item .buttons { display: flex; align-items: center; justify-content: center; column-gap: 6px; } .home-product .product-list .item .buttons .button { padding: 4px 13px; font-size: 12px; color: #ffffff; background: #00479c; border: transparent 1px solid; } .home-product .product-list .item .buttons .to-detail { border: 1px solid #00479c; background: #ffffff; color: #00479c; } .home-about { padding-top: 171px; background: url("/skin/sub_pages_images/home_about/home_about_bg.png") no-repeat center; background-size: contain; height: 1515px; } .home-about .main { max-width: 1320px; width: 100%; margin: auto; } .home-about .top { display: flex; align-items: flex-end; justify-content: space-between; column-gap: 72px; } .home-about .top .left .title-img { width: 599px; } .home-about .top .left .content { margin: 56px 0 34px 0; font-weight: 400; font-size: 21px; color: #080808; line-height: 39px; text-align: left; font-style: normal; text-transform: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .home-about .top .left .content p { text-indent: 2em; } .home-about .top .left .to-about { text-align: center; color: #ffffff; background: #00479c; border-radius: 22px; width: 111px; padding: 9px 10px; } .home-about .top .left .icons { margin-top: 49px; display: flex; align-items: flex-end; justify-content: flex-start; column-gap: 60px; } .home-about .top .left .icons .icons-item { display: flex; align-items: center; justify-content: center; flex-direction: column; } .home-about .top .left .icons .icons-item img { display: block; width: 82px; } .home-about .top .right .company-img { width: 566px; } .home-about .bottom { margin-top: 148px; } .home-about .bottom .list { display: flex; align-items: flex-start; justify-content: space-between; } .home-about .bottom .list .item { width: 264px; height: 75px; display: flex; align-items: center; justify-content: center; column-gap: 16px; font-size: 22px; } .home-about .bottom .list .item:nth-child(odd) { color: #ffffff; background-color: #0056bd; border-bottom: #dadce0 4px solid; } .home-about .bottom .list .item:nth-child(even) { background-color: #ffffff; height: 71px; } .home-about .bottom .list .item img { display: block; width: 35px; } .home-news .main { max-width: 1320px; width: 100%; margin: auto; margin-top: 31px; padding: 30px 28px 40px 40px; background: url("/skin/images/news-bg.png") no-repeat center; background-size: cover; } .home-news .more { float: right; font-size: 14px; color: #868686; display: flex; align-items: center; column-gap: 14px; } .home-news .more img { display: block; width: 28px; } .home-news .list { height: 323px; margin-top: 45px; display: flex; flex-flow: column wrap; align-content: flex-start; column-gap: 26px; } .home-news .list .item { width: 400px; padding-bottom: 25px; display: flex; align-items: flex-start; column-gap: 17px; border-bottom: #d8d8d8 1px solid; margin-bottom: 32px; } .home-news .list .item:nth-child(3n) { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .home-news .list .item .index { font-size: 24px; color: #3d3d3d; } .home-news .list .item .info { width: 88%; } .home-news .list .item .info .title { flex: 1; font-size: 20px; font-weight: 700; color: #3d3d3d; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .home-news .list .item .info .date { margin-top: 18px; font-size: 14px; color: #3d3d3d; } .home-news .left { padding-top: 32px; margin-right: 100px; } .home-news .left .head { margin-bottom: 45px; display: flex; align-items: center; justify-content: flex-start; } .home-news .left .head img { display: block; width: 3px; } .home-news .left .head .title-en { margin-inline: 14px 19px; color: #00479c; font-size: 40px; font-weight: 700; } .home-news .left .head .title-zh { color: #3d3d3d; font-size: 30px; } .home-news .left .more { display: flex; align-items: center; justify-content: space-between; width: 129px; height: 35px; background: #00479c; padding-inline: 22px 3px; font-size: 14px; color: #ffffff; } .home-news .left .more img { display: block; width: 34px; } .home-news .right { flex: 1; padding-left: 72px; } .home-news .right .list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .home-news .right .list .item { padding: 29px 46px 22px; width: calc((100% - 73px) / 2); background: #ffffff; border-bottom: transparent 5px solid; margin-bottom: 44px; border-radius: 44px 0px 0px 0px; } .home-news .right .list .item:hover { border-bottom: #00479c 5px solid; } .home-news .right .list .item:hover .title { color: #00479c; } .home-news .right .list .item:hover .date { color: #00479c; } .home-news .right .list .item .title { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 4px; font-size: 14px; color: #3d3d3d; } .home-news .right .list .item .date { font-size: 12px; color: #3d3d3d; } .home-title .title { font-size: 30px; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: 700; color: #000000; line-height: 40px; letter-spacing: 6px; text-align: center; } .home-title .detail { font-size: 16px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 21px; letter-spacing: 3px; text-align: center; margin-top: 14px; margin-bottom: 7px; } .home-title .icon { width: 38px; margin: auto; } .home-title .icon img { display: block; width: 100%; } .home-more { display: flex; align-items: center; justify-content: flex-start; padding: 4px 4px 5px 27px; margin: auto; background: #00479c; width: fit-content; } .home-more .text { font-size: 18px; margin-right: 35px; color: #ffffff; } .home-more .icon { display: block; width: 49px; } @media all and (max-width: 1440px) { .home-more { padding: 3px 3px 3px 23px; } .home-more .text { font-size: 14px; margin-right: 13px; } .home-more .icon { width: 34px; } } .video-paginate .item { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 5px; }