锘
@media only screen and (max-width:960px) {
    .content_wrapper { padding-top: 60px; }
}


img { max-width: 100%; }
.video { border-style: none; position: relative; width: 100%; height: 100vh; min-height: 600px; background-color: #fff; margin: 0px auto; }
    .video > video { position: relative; width: 100%; height: 100%; border: none; object-fit: cover; border-style: none; background-color: #fff; }
        .video > video:focus { outline: none }

    .video > .text { z-index: 1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
        .video > .text > .box { max-width: 1800px; padding: 0px 10%; width: 100%; flex: 1; display: flex; align-items: center; }
            .video > .text > .box > .bl { flex: 1; }
                .video > .text > .box > .bl > p { font-size: 5rem; color: #fff; line-height: 1.15; font-family: BebasKai; }
                    .video > .text > .box > .bl > p > i { font-style: normal; background-color: #e50112; padding: 0px 10px; }
                .video > .text > .box > .bl > a { display: inline-block; font-family: "IBMPlexSans-Regular"; position: relative; margin-top: 2.5rem; border-radius: 2.5rem; height: 2.5rem; line-height: 2.5rem; padding: 0px 5.6rem; color: #000; background-color: #fff; font-size: 1.125rem; }
                    .video > .text > .box > .bl > a > img { position: absolute; right: 1rem; vertical-align: middle; top: calc(50% - 7px); }
            .video > .text > .box > .br { width: 1%; max-width: 181px; padding-bottom: 6rem; }
                .video > .text > .box > .br > img { width: 100%; }
        .video > .text > .down { margin-bottom: 120px; height: 3.75rem; width: 3.75rem; border: 0.625rem solid rgba(255,255,255,0.6); border-radius: 60px; }
            .video > .text > .down > .mouse { position: relative; height: 2.5rem; width: 2.5rem; background-color: #fff; border-radius: 40px; text-align: center; }
                .video > .text > .down > .mouse::before { content: ''; width: 0.625rem; height: 0.625rem; position: absolute; top: 0.625rem; left: 50%; transform: translateX(-50%); background-color: #333; border-radius: 50%; opacity: 1; animation: wheel 1s infinite; -webkit-animation: wheel 1s infinite; }



.chevron { position: relative; display: block; margin: 0px auto; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; color: #666; }
    .chevron::before { border-style: solid; border-width: 3px 3px 0 0; content: ''; display: inline-block; position: relative; vertical-align: top; width: 8px; height: 8px; }
    .chevron.bottom:before { top: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

@-webkit-keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 7px); transform: translate(0, 7px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

@keyframes pulse {
    0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    50% { -webkit-transform: translate(0, 7px); transform: translate(0, 7px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}




@media only screen and (max-width:1600px) {
    .video > .text > .box > .bl > p { font-size: 4.4rem; }
    .video > .text > .box > .bl > a { padding: 0px 5rem; }
}

@media only screen and (max-width:1440px) {
    .video > .text > .box > .bl > p { font-size: 4rem; }
    .video > .text > .box > .bl > a { padding: 0px 4.5rem; }
}

@media only screen and (max-width:13660px) {
    .video > .text > .box > .bl > p { font-size: 3.8rem; }
    .video > .text > .box > .bl > a { padding: 0px 4.2rem; }
}

@media only screen and (max-width:1280px) {
    .video > .text > .box > .bl > p { font-size: 3.6rem; }
    .video > .text > .box > .bl > a { padding: 0px 4rem; }
}

@media only screen and (max-width:1024px) {
    .video > .text > .box > .bl > p { font-size: 2.8rem; }
}

@media only screen and (max-width:960px) {
    .video > .text > .box > .bl > p { font-size: 2.6rem; }
}

@media only screen and (max-width:768px) {
    .video { min-height: 360px; height: 60vh; }
        .video > .text > .box > .bl > p { font-size: 2.25rem; }
        .video > .text > .box > .br { width: 25%; }
        .video > .text > .box > .bl > p > i { padding: 0px 5px; }
        .video > .text > .down { margin-bottom: 50px; height: 3rem; width: 3rem; border: 0.5rem solid rgba(255,255,255,0.6); border-radius: 50px; }
            .video > .text > .down > .mouse { height: 2rem; width: 2rem; }
    .chevron::before { width: 5px; height: 5px; border-width: 2px 2px 0 0; }
    .chevron.bottom:before { top: 7px; }
}

@media only screen and (max-width:640px) {
    .video > .text > .box > .bl > p { font-size: 1.8rem; }
}

@media only screen and (max-width:480px) {
    .video > .text > .box > .bl > p { font-size: 1.35rem; }
}

@keyframes wheel {
    to { opacity: 0; top: 1.5rem }
}

@-webkit-keyframes wheel {
    to { opacity: 0; top: 1.5rem }
}


.mvideo { display: none; }

@media only screen and (max-width:960px) {
    .video { display: none; }
    .mvideo { display: block; position: relative; width: 100%; background-color: #fff; margin: 0px auto; }
        .mvideo > video { position: relative; width: 100%; height: 100%; border: none; object-fit: cover; border-style: none; background-color: #fff; }
            .mvideo > video:focus { outline: none }
}


.newsbg { width: 100%; }
.newsbig { width: 100%; max-width: 1200px; padding: 5rem 4% 5rem 4%; margin: 0px auto; text-align: center; }
    .newsbig > .title { text-align: left; font-size: 1.25rem; color: #161616; line-height: 1.5; }
    .newsbig > .subtitle { text-align: left; display: flex; line-height: 1; border-bottom: solid 1px #333; align-items: center; padding-bottom: 1rem; }
        .newsbig > .subtitle > span.ens { flex: 1; font-size: 2rem; color: #0064b6; }
        .newsbig > .subtitle > a { width: 30%; text-align: right; font-size: 14px; color: #333 }
    .newsbig > .content { width: 100%; margin: 0rem auto; text-align: left; }
        .newsbig > .content > ul { width: 100%; }
            .newsbig > .content > ul > li { width: 100%; padding: 1rem 0px; border-bottom: solid 1px #d4d4d4; }
                .newsbig > .content > ul > li > a { width: 100%; display: flex; align-items: center; }
                    .newsbig > .content > ul > li > a > b { border: solid 1px #0064b6; font-size: 1rem; font-weight: 400; color: #0064b6; line-height: 1; padding: 5px 10px; }
                    .newsbig > .content > ul > li > a > p { flex: 1; margin: 0px 1rem; font-size: 1rem; color: #000; }
                        .newsbig > .content > ul > li > a > p > span.reldate { padding-right: 1rem; background-image: url('/Tpl/web/images/home/ia2.png'); background-repeat: no-repeat; padding-left: 17px; background-position: left center; }

                    .newsbig > .content > ul > li > a > i { padding-right: 1rem; }
                        .newsbig > .content > ul > li > a > i > img { max-width: 24px; }


@media only screen and (max-width:1280px) {
    .newsbig > .title { font-size: 1rem; }
    .newsbig > .subtitle > span.ens { font-size: 1.5rem; }
}

@media only screen and (max-width:960px) {
    .newsbig { padding-top: 3.5rem; padding-bottom: 3.5rem; }
        .newsbig > .content > ul { width: 100%; }
        .newsbig > .title { font-size: 14px; }
        .newsbig > .subtitle { font-size: 22px; }
        .newsbig > .content > ul > li > a > b { font-size: 14px; }
        .newsbig > .content > ul > li > a > p { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .newsbig > .content > ul > li > a > i > img { max-width: 16px; }
}


.prodtbg { width: 100%; background-color: #f0f0f0; }
.prodtbig { width: 100%; max-width: 1920px; padding: 5rem 4% 5rem 4%; margin: 0px auto; text-align: center; }
    .prodtbig > .logodt { padding-bottom: 1rem; }
    .prodtbig > .title { text-align: center; font-size: 2rem; color: #000; padding: 10px 0px; }
    .prodtbig > .subtitle { text-align: center; line-height: 1; color: #474645; font-size: 1.25rem; }

    .prodtbig > .content { width: 100%; padding: 1rem 0px; }
        .prodtbig > .content > .cname { width: 100%; border-bottom: solid 2px #707070; text-align: left; padding: 1rem 0px; display: flex; align-items: center; }
            .prodtbig > .content > .cname > div.img { margin-right: 2.5rem; width: 80px; }
            .prodtbig > .content > .cname > div.txt { flex: 1; }
                .prodtbig > .content > .cname > div.txt > b { display: block; font-size: 1.5rem; color: #000; margin-bottom: 10px; }
                .prodtbig > .content > .cname > div.txt > i { display: block; font-size: 1rem; color: #000; font-style: normal; }


        .prodtbig > .content > ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 2rem 0px; }
            .prodtbig > .content > ul > li { margin-top: 100px; flex-basis: 48%; position: relative; border-radius: 1rem; border: solid 1px #707070; padding: 2rem; }
                .prodtbig > .content > ul > li > div.top { display: flex; height: 2rem; }
                    .prodtbig > .content > ul > li > div.top > .pname { transform: translateY(-50px); flex: 1; text-align: left; margin-left: 10px; }
                        .prodtbig > .content > ul > li > div.top > .pname > b { display: inline-block; background-color: #1a73bd; color: #fff; padding: 8px 1.5rem; line-height: 1; transform: skewX(-20deg); font-size: 16px; line-height: 1; }
                            .prodtbig > .content > ul > li > div.top > .pname > b > span { display: inline-block; transform: skewX(20deg); }
                    .prodtbig > .content > ul > li > div.top > .img { transform: translateY(-100px); }
                .prodtbig > .content > ul > li > .box { display: flex; width: 100%; align-items: flex-end; flex-wrap: wrap; }
                    .prodtbig > .content > ul > li > .box > .text { width: 60%; text-align: left; }
                        .prodtbig > .content > ul > li > .box > .text > p { color: #333; font-size: 1rem; }
                    .prodtbig > .content > ul > li > .box > .more { flex: 1; padding-left: 1rem; }
                        .prodtbig > .content > ul > li > .box > .more > a { border-radius: 1rem; line-height: 1; padding: 8px 1rem; display: inline-block; background-color: #000000; color: #fff; font-size: 1rem; }


@media only screen and (max-width:960px) {
    .prodtbig { padding-top: 3.5rem; padding-bottom: 3.5rem; max-width: 500px; }
        .prodtbig > .title { font-size: 22px; }
        .prodtbig > .subtitle { font-size: 14px; }
        .prodtbig > .content > .cname > div.txt > b { font-size: 20px; }
        .prodtbig > .content > .cname > div.txt > i { font-size: 14px; }
        .prodtbig > .content > .cname > div.img { width: 60px; }

        .prodtbig > .content > ul { margin: 1rem 0px; }
            .prodtbig > .content > ul > li { flex-basis: 100%; padding: 1rem; margin-top: 100px;}
                .prodtbig > .content > ul > li > div.top { height: 3rem; }
                    .prodtbig > .content > ul > li > div.top > .pname { transform: translateY(-30px); }
                    .prodtbig > .content > ul > li > div.top > .img { transform: translateY(-85px); width: 120px; }

                .prodtbig > .content > ul > li > .box > .text { width: 100%; margin-bottom: 10px; }
                .prodtbig > .content > ul > li > .box > .more { width: 100%; text-align: right }
}


.procgcbg { width: 100%; background-color: #f5f5f5; }
.procgcbig { width: 100%; max-width: 1920px; padding: 3rem 4% 3rem 4%; margin: 0px auto; text-align: center; }
    .procgcbig > .logodt { padding-bottom: 1rem; }
    .procgcbig > .title { text-align: center; font-size: 2rem; color: #000; padding: 10px 0px; }
    .procgcbig > .subtitle { text-align: center; line-height: 1; color: #474645; font-size: 1.25rem; }
    .procgcbig > .content { width: 100%; padding: 2rem 0px; }
        .procgcbig > .content > ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
            .procgcbig > .content > ul > li { flex-basis: 49%; position: relative; padding: 2rem; background-color: #fff; margin-bottom: 1.5rem; }
                .procgcbig > .content > ul > li > b { display: block; color: #161616; font-size: 1.5rem; }
                .procgcbig > .content > ul > li > .img { margin: 1rem 0px; }
                .procgcbig > .content > ul > li > p { text-align: center; font-size: 1rem; color: #161616; }
                .procgcbig > .content > ul > li > .more { text-align: center; margin: 1rem 0px; }
                    .procgcbig > .content > ul > li > .more > a { display: inline-block; line-height: 1; padding: 8px 1rem; background-color: #0064b6; color: #fff; font-size: 14px; }

@media only screen and (max-width:960px) {
    .procgcbig { max-width: 500px; }
        .procgcbig > .title { font-size: 22px; }
        .procgcbig > .subtitle { font-size: 14px; line-height: 1.5; }
        .procgcbig > .content > ul > li { flex-basis: 100%; }
            .procgcbig > .content > ul > li > b { font-size: 16px; }
            .procgcbig > .content > ul > li > p { font-size: 14px;text-align:left }
}

 <!--0.00019288063049316-->