.scrFx{
    animation-play-state: paused;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: calc(var(--go) * -1s);
    animation-timing-function: ease-in-out;
}
div,a,i{outline: none;}
.en #bloc header .navBox .col-2 .msg .msgList h2 .letter{margin-right: 0;min-width: 0.4em;}
.en #bloc header .navBox .col-1 .items > li:nth-of-type(4){margin-left: -0.5rem;}
.en #bloc header .navBox .col-1 .items > li:nth-of-type(5){margin-left: -1.5rem;}
.en #about #roll #r5 .inner{display: none;}
.en #home #roll #r3 .add .box .items{width: 4.2rem;}
.en #home #roll #r3 .add .box .items:after{left: 4.5rem;}
.en #home #roll #r3 .add .box .items .child{left: 4.2rem;}
.en #home #roll #r3 .add .box .items .list.on > a{font-size: 0.3rem;}
.en #home #roll #r3 .add .box .items .child > li .pro{left: 11.5rem;}
.en #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 > span{margin-left: 0.3rem;}
.en #stock #roll #r2 .rowMain .mid .col-2 > p{white-space: nowrap;}
.en #stock #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 0.93rem;}
.en #stock #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 0.48rem;}
.en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg h3{font-family: en;font-size: 1.2rem;white-space: nowrap}
.en #proDetail #roll #r3 .rowMain{padding-top: 1.5rem;}
.en #bloc #proDetail footer{margin-top: 0;}
.en #about #roll #r4 > .rowMain .ad > span.t2,.en #about #roll #r4 .bg svg #txtPath text.t2{font-family: en;}
.en #new #roll #r2 .rowMain .btm .items .newBox .msg small,.en #information #roll #r4 .rowMain .inner .items .newBox .msg small,.en #bloc header .navBox .language .box > a{font-family: en;}
.en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo{width: 44.7vw;height: 40.4vw;}
.en #home #roll #r3 .bg .mask{display: none;}
#proDetail #roll #r3 .rowMain .mid .box .group .col-2 > img{border-radius: 0.3rem;}
.wrapper.inner #roll #r1 .rowMain .items .list > h4{opacity: 1;}
@media screen and (min-width: 2000px){
    html{ font-size: 120px; }
    #bloc footer{margin-top: -1.4rem;}
    .max-wid{max-width: 1800px!important;}
    #newDetail #roll #r1 .bg .mask{width: 100%;}
    #home #roll #r2 .wrap .rowMain .group .col-2{min-height: 80vh;display: flex;flex-direction: column;justify-content: space-around;align-items: flex-start;}
    #home #roll #r3 .other .msgBox{top: 16vh;}
    #home #roll #r3 .other .msgBox > li{min-height: 36vh;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;}
    #home #roll #r3.to .rowMain .box{transform: translateY(-7vw);}
    #stock > svg #txtPath1{transform-origin: 0 -100%;transform: scale(1.2)!important;}
    #stock > svg #txtPath2{transform-origin: 0 -100%;transform: scale(1.2)!important;}
    #stock #roll #r2 .rowMain .mid .col-1 div{height: 1.5rem;}
    #stock #roll #r2 .rowMain .mid .col-2 div{height: 1.5rem;}
    #stock > svg #txtPath1 .t1{font-size: 1rem;}
    #stock > svg #txtPath2 .t1{font-size: 1.4rem}
    #home #roll #r6 .rowMain{padding-top: 12vw;}
}
@media screen and (max-width:1600px){
	.ie .layout-rowMain{
        width: 1200px;
    }
    #home #roll #r2 .wrap .rowMain .group .col-2{width: 35vw;}
    #home #roll #r3 .bg .mask{transform: scale3d(3.2, 2, 2.5);}
    #home #roll #r3 .other .msgBox > li img{width: 0.58rem;margin-bottom: 0.4rem}
    #home #roll #r6 .rowMain{padding: 1.55rem 15vw 4vw 10vw;}
    @media screen and (max-height:800px){
        #home #roll #r2 .wrap .bm .data{padding-top: 0.6rem;}
    }
}
@media screen and (max-width:1440px){
    .max-wid{
        width: 82%;
    }
    #home #roll #r2 .wrap .rowMain .group .col-2{width: 36vw;}
    #home #roll #r6 .rowMain .add .msg > a{
        width: 180px;
    }
    #about #banner .bg > .pic svg path{transform: translate3d(-50%, -50%, 0) scale(0.7);transform-origin: 50% 50%;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo #txtPath2 text{transform: translate3d(0, 102%, 0)}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg{width: 5rem;}
    @media screen and (orientation : landscape) {
        .en #home #roll #r2 .wrap .rowMain .group .col-2{width: 42vw;padding-right: 0;}
        .en #home #roll #r2 .wrap .rowMain .group{margin-left: 6vw;}
        .en #home #roll #r2 .wrap .rowMain .group .col-1{margin-left: -6vw;}
        .en #home #roll #r2 .wrap .bm{padding-top: 0;}
        .en #home #roll #r2 .wrap .rowMain .group .col-2 .msg{margin-bottom: 0.7rem;}
        .en #home #roll #r2 .wrap .bg .photo{background-size: 100% 100%;}
    }
}
@media screen and (max-width:1366px){
    #bloc footer .fMain .btm .box .col-1 #goEail{width: 3rem;border-radius: 8px;}
    #bloc footer .fMain .top .col-1 > ul > li > a{line-height: 0.4rem;}
    #bloc footer .fMain .btm .box .col-2 .ad > li svg{width: 0.27rem!important;}
    #home #roll #r1 .rowMain .group{padding-bottom: 1.3rem;}
    #home #roll #r1 .rowMain .ad .col-2 .photo{background-size: contain;}
    #home #roll #r2 .wrap .rowMain .group .col-1{margin-left: 0;}
    #home #roll #r2 .wrap .bm{padding-top: 0.5rem;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .msg h3 .col2{font-size: 22px;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other > small{top: calc(100% + 0.5rem);font-size: 13px;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo #txtPath2{
        transform-origin: 0 -50%;
    }
    #home #roll #r4 .other > ul > li > span{font-size: 14px;}
    #home #roll #r3 .other .msgBox > li h3{font-size: 0.6rem;}
    #home #roll #r3 .add{padding-bottom: 4vw;}
    #home #roll #r3 .add .return{top: 1.55rem;}
    #home #roll #r6 .rowMain{padding: 1.55rem 10vw 4vw 10vw;}
    #home #roll #r6 .rowMain .other{right: 7vw;}

    #about #roll #r2 > .wrap .rowMain .group .col-1{margin-left: 0;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo .img{top: -0.2rem;}
    #about #roll #r2 > .inner .after .other{width: 48vw;}

    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 .Date{font-size: 1.45rem;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) > span{font-size: 0.6rem;}
}
@media screen and (max-width:1280px){
    .mb-40{margin-bottom: 20px;}
    #home #roll #r1 .rowMain .group .box{height: 2.8rem;}
    #home #roll #r1 .rowMain .group{padding-bottom: 1.8rem;}
    #home #roll #r1 .rowMain .ad .col-1{left: -5rem;bottom: -5.5rem;}
    #home #roll #r2 .wrap .rowMain .group .col-1 h2{font-size: 2rem;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .msg{margin-bottom: 3vw;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other > small{top: calc(100% + 0.5rem);font-size: 12px;}
    #home #roll #r3 .other .msgBox > li img{margin-bottom: 0.4rem;width: 0.5rem;}
    #home #roll #r3 .other .msgBox > li h3{font-size: 0.5rem}
    #culture #roll #r2 .a1{max-width: 1.4rem;}
    #culture #roll #r2 .a2{max-width: 1.5rem;}
    #culture #roll #r2 .a3{max-width: 1.35rem;}
    #culture #roll #r2 .bg{max-width: 20rem;}
    .en_l{line-height: 1.7;text-align: justify;}
    #about #roll #r5 .rowMain .col-2 .box p.en_l{line-height: 1.7;text-align: justify;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) > span{font-size: 0.4rem;}
}
@media screen and (max-width:1024px){

}
@media screen and (orientation : landscape) {
    .app{display: none!important;}
    .scrFx1{
        animation-play-state: paused;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-delay: calc(var(--go) * -1s);
        animation-timing-function: ease-in-out;
    }
    #proDetail #roll #r2 .rowMain .inner .msg{min-height: 3rem;}
    .en #home #roll #r2 .wrap .bm .data{padding-left: 4vw;}
    .en #home #roll #r2 .wrap .bm .data > li{width: 22%;}
    .en #home #roll #r3 .other .msgBox{top: 2.5rem;}
    .en #home #roll #r3 .other .msgBox > li h3:before{font-family: en;}
    .en #about #roll #r6 .rowMain .box .list{justify-content: flex-start;}
    .en #about #roll #r6 .rowMain .box .list .msg{padding-top: 36vh;}

    .en #home #roll #r6 .rowMain .add{display: none;}
    .en .wrapper.inner #roll #r1 .rowMain .items .list > h4{width: calc(100% + 200px);left: -100px;}
    .en #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 > span{white-space: nowrap;}
    .en #about #roll #r4 > .rowMain .other > li{font-size: 0.7rem;}
    .en #about #roll #r4 > .rowMain .other{height: calc(13vw + 3rem + 2rem);}
    .en #about #roll #r4 > .rowMain .other > li:nth-of-type(1){left: 3vw;}
    .en #about #roll #r4 > .rowMain .other > li:nth-of-type(4){right: 2vw;}
    .en #stock #roll #r4{padding-bottom: 1rem;}

    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box{padding-left: 0;padding-top: 0.3rem;padding-right: 0;justify-content: center;position: relative;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide{height: 100vh;width: 55%;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg{position: absolute;z-index: 10;left: 42%;top: 75%;pointer-events: none;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg p{display: none;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg a{display: none;}
    #pro #banner .inner .group .swiper-container .swiper-pagination{bottom: 45px;}
    .en #pro #banner .inner .group .swiper-container .set{display: none;}
    .en #pro #banner .inner .other{display: none;}
    .en #about #roll #r1 .rowMain .inner h1{font-size: 2.2rem;}
    .en .wrapper.inner #roll #r1 .rowMain .inner h1{font-size: 2.2rem;}
    .en #about #roll #r1 .rowMain .inner h1 > span{min-width: 1em;}
    .en .wrapper.inner #roll #r1 .rowMain .inner h1 > span{min-width: 1em;}
    .en .wrapper.inner #roll #r1 .rowMain .inner h1 > span > img{margin-bottom: 0;}
    .en #culture #roll #r3 .rowMain .mid .list p{line-height: 0.28rem;}
    .en #culture #roll #r4 .rowMain .mid .list p{letter-spacing: 0.05rem;}
    .en #about #roll #r4 > .rowMain .ad > span.t2{padding-bottom: 0.8rem;margin-left: 0.8rem;}

    .en #home #roll #r3 .rowMain .box .inner .list.on .cir{background-color:#8a6e4b;animation: none;}
    .en #home #roll #r3 .rowMain .box .inner .list.on h6{color: #fff;}
    .en #home #roll #r3 .rowMain .box .inner .list.on .mask{opacity: 0.2}
}

@media screen and (orientation : portrait){
    .pc{display: none!important;}
    body{width: 100%;}
    /*#bloc footer{overflow: hidden;}*/
    .max-wid{width: 90%;}
    #bloc{height: 100%;}
    #home{overflow: hidden;}
    .bx{-webkit-background-clip:unset;-webkit-text-fill-color:unset;}
    #home #roll{position: fixed;overflow: hidden;}
    .dropdown > span{padding: 0.2rem 0.4rem;}
    #loading .con .msg p{text-align: center;}
    .wrapper.inner{overflow: hidden;}
    #roll{width: 100%;overflow: hidden;}
    .wrapper.inner #roll .mk{width: 100%;height: calc(100% - 40vh)!important;}
    .wrapper.inner #roll #r1 .rowMain{height: 50vh;}
    .wrapper.inner #roll{position: relative;top: 0;overflow: hidden;height: 100%;}
    .wrapper.inner #roll #r1{height: 50vh;min-height: 40vh!important;max-height: 50vh;}
    .wrapper.inner > svg #svgPath path{transform: translate3d(-0.5%, -20%, 0)}
    .wrapper.inner #roll #r1{min-height: 100px;}
    .wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.85rem;}
    .wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1rem;}
    .wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 1.1rem;}
    .wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(4){margin-top: 1.08rem;}
    .wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(5){margin-top: 0.78rem;}
    .wrapper.inner #roll #r1 .rowMain{max-height: 100vh;}
    .wrapper.inner #roll #r1 .rowMain .inner{max-width: 90%;}
    .wrapper.inner #roll #r1 .rowMain .inner h1{font-size: 1rem;}
    .wrapper.inner #roll #r1 .rowMain .inner h1 > span{min-width: 1em;}
    .wrapper.inner #roll #r1 .rowMain .items{bottom: 0.5rem;height: 2.3rem;padding:0.5rem 10vw 0 10vw; }
    .wrapper.inner #roll #r1 .rowMain .items .list > h4{width: 100px;left: calc(0.25rem - 50px);bottom: calc(100% + 0.3rem);font-size: 11px;}
    .wrapper.inner #roll #r1 .rowMain .items .list > em{width: 6px;height: 6px;}
    .wrapper.inner #roll #r1 .rowMain .items .list > span{border-width: 1px;transform: scale(0.55);}
    .wrapper.inner #roll #r1 .rowMain .items .list{width: 0.5rem;height: 0.5rem;}
    .wrapper.inner #roll #r1 .rowMain .items .list > span{transform: scale(0.9);}
    .wrapper.inner #roll .mk{top: 38vh!important;}
    .wrapper.inner #roll .mk .pic{background-size:  auto 100%;height: 1000px;}
    #bloc header .navBox{display: none;}
    #bloc footer .bg{clip-path: none;}
    #bloc footer .fMain{padding-top: 1.6rem;}
    #bloc footer .fMain .top{display: none;}
    #bloc footer .fMain .btm > p > a{font-size: 12px;}
    #bloc footer .fMain .btm > p{padding: 0;font-size: 12px;height: 90%;}
    #bloc footer .fMain .btm .box{height: 45px;top: auto;bottom: calc(100% + 5px)}
    #bloc footer .fMain .btm .add{bottom: 0.3rem;}
    #bloc footer .fMain .btm .box .col-2 .ad > li.wb svg, #bloc footer .fMain .btm .box .col-2 .ad > a.wb svg{width: 20px;}
    #bloc footer .fMain .btm .box .col-2 .ad > li.wx svg, #bloc footer .fMain .btm .box .col-2 .ad > a.wx svg{width: 20px;}
    #bloc footer .fMain .btm .box .col-2 .ad > li.mall svg, #bloc footer .fMain .btm .box .col-2 .ad > a.mall svg{width: 16px;}
    #bloc footer .fMain .btm .box .col-2 .ad > li.jd svg, #bloc footer .fMain .btm .box .col-2 .ad > a.jd svg{width: 20px;}
    #bloc footer .fMain .btm .box .col-2 .ad > li.af svg, #bloc footer .fMain .btm .box .col-2 .ad > a.af svg{width: 20px;}
    #bloc footer .fMain .btm .box .col-1 #goEail input{font-size: 12px;padding: 0 10px 0 3px;}

    #loading .con{padding-left: 0;}
    #loading .path .items{height: 100vw;top: 0;bottom: 0;margin: auto 0;transform-origin: 24% 50%;}
    #loading .mask{background-size: auto 100vw;}
    #loading .path svg{height: 100vw;}
    #home #roll #r1 .rowMain .group .box{max-width: 90vw;}
    #home #roll #r1 .rowMain .ad .col-1{width: 4rem;height: 4rem;left: -2.2rem;bottom: 32%;clip-path:circle(0rem at 2rem 2rem)}
    #home #roll #r1.del .rowMain .ad .col-1{clip-path: circle(2rem at 2rem 2rem);}
    #home #roll #r1 .rowMain .ad .col-1 .photo{height: calc(100% + 20px);width: 50%;left: 50%;bottom: -10px;}
    #home #roll #r1 .rowMain .ad .col-2{clip-path: circle(0vw at 100vw 74vw);;left: 10vw;width: 148vw;height: 148vw;bottom: auto;top: -48vw;}
    #home #roll #r1.del .rowMain .ad .col-2{clip-path: circle(74vw at 74vw 74vw);}
    #home #roll #r1 .rowMain .ad .col-2 .photo{width: 90vw;height: calc(102vw + 20px);bottom: -20px;background-size: cover;}
    #home #roll #r1 .rowMain .group{justify-content: flex-end;padding-bottom: 0.5rem;}
    #home #roll #r1 .bg .scr{display: none;}
    #home #roll #r1 .rowMain .group .box{height: 3.2rem;}
    #home #roll #r1 .rowMain .group .dotBox{height: 0.5rem;}
    #home #roll #r1 .rowMain .group .dotBox > li{width: 0.3rem;height: 0.3rem;}
    #home #roll #r1 .rowMain .group .dotBox > li svg{display: none;}
    #home #roll #r1 .rowMain .group .dotBox > li span{border: 1px solid transparent;width: 100%;height: 100%;}
    #home #roll #r1 .rowMain .group .dotBox > li.on span{border-color:#8a6e4b; }
    #home #roll #r1 .rowMain .group .dotBox > li span:after{width: 5px;height: 5px;}
    #home #roll #r1 .rowMain .group .box .msg p{font-size: 12px;}
    #home #roll #r2 .wrap .bg{margin-left: 0vw;top: 0.2rem;height: 80vh;overflow: hidden;transform: scale(1)!important;background-color: transparent;}
    #home #roll #r2 .wrap .rowMain .group .col-1{position: absolute;z-index: 10;top: 38vw;left: 0;}
    #home #roll #r2 .wrap .rowMain .group .col-1 h2{margin-top: 3vw;}
    #home #roll #r2 .wrap .rowMain .group .col-1 h2 > img{display: block;}
    #home #roll #r2 .wrap .rowMain .group .col-2{width: 100%;padding-top: 7rem;padding-left: 6%;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .msg h3 .col2{font-size: 16px;}
    #home #roll #r2 .wrap .bg .mask #r2Path path{transform: translate(-50.2%, -10%);}
    #home #roll #r2 .wrap .bg .photo{left: auto;right: 12vw;height: 17.3rem;width: 12.83rem;top: 1.15rem;padding-bottom: 0;background-position: center;clip-path: none;
    mask-image: url(../images/z57.png);
    mask-size: auto 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    transform:translate(-1.24rem,0.2rem)rotate(-70deg);
    transform-origin:90% 75%;transition: transform 1s ease-in-out;
    }
    #home #roll #r2.del .bg .photo{transform: translate(0, 0) rotate(0deg);transition-delay:1s;}
    #home #roll #r2 .wrap .bg .ad{max-width: 20rem;display: none;}
    #home #roll #r2 .wrap .rowMain .group{width: 88%;}
    #home #roll #r2 .wrap .rowMain .group .col-1 h2 > img{width: 5rem;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .txt{margin: 0.7rem 0 0.9rem 0; }
    #home #roll #r2 .wrap .bm .data{flex-wrap: wrap;padding-left: 0;}
    #home #roll #r2 .wrap .bm .data > li{max-width: 50%;width: 45%;margin-bottom: 0.3rem;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo #txtPath2{transform: scale(1)!important;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo #txtPath2 text{transform: translate(0,50%);}
    #home #roll #r2.go .wrap{transform: translate3d(0, calc(100vh - 100%), 0);}
    #home #roll #r2 .wrap .bm{height: 8rem;padding-top: 0;padding-bottom: 0.8rem;}
    #home #roll #r2 .wrap{height: auto;}
    #home #roll #r2 .wrap .rowMain{height:auto;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .txt > p img{max-width: 22%;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo{margin-left: -2px;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo p{color: #000;background-color: #fff;line-height: 1.2;}
    #home #roll #r2 .wrap .rowMain .group .col-2 .other .photo .img{background-size: 98% 88%;clip-path: none;mix-blend-mode: screen;z-index: 11;}

    #new #roll{overflow: hidden;}
    #new #roll #r2 .rowMain{padding-top: 0.8rem;}
    #new.wrapper.inner #roll #r1 .bg .mask{opacity: 0;}
    #new #roll #r2 .bg .pic{background-size: auto 100%;top: -1rem;}
    #new #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.95rem;}
    #new #roll #r2 .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #new #roll #r2 .rowMain .topic .title h3:after{bottom: 0;max-width: 45vw;}
    #new #roll #r2 .rowMain .topic .dropdown{top: auto;bottom: -15px;}
    #new #roll #r2 .rowMain .mid{position: relative;padding-top: 60vw;margin-top: 1rem;}
    #new #roll #r2 .rowMain .mid .col-1{width: 100%;padding-top: 0;}
    #new #roll #r2 .rowMain .mid .col-2{position: absolute;width: 100%;height: 55vw;left: 0;top: 0;}
    #new #roll #r2 .rowMain .mid .col-2 .photo{clip-path: none;margin-left: 0;border-radius: 0.2rem;overflow: hidden;}
    #new #roll #r2 .rowMain .mid .col-1 h3{margin: 0.2rem 0 0.3rem 0;}
    #new #roll #r2 .rowMain .mid .col-1 > .btns{display: none;}
    #new #roll #r2 .rowMain .btm{padding-top: 0.6rem;}
    #new #roll #r2 .rowMain .btm .items{justify-content: space-between;}
    #new #roll #r2 .rowMain .btm .items .newBox{width: 47%;margin-bottom: 0.5rem;}
    #new #roll #r2 .rowMain .btm .items .newBox .photo{clip-path: none;width: 100%;height: 30vw;border-radius: 0.2rem;overflow: hidden;}
    #new #roll #r2 .rowMain .btm .items .newBox .msg{position: relative;align-items: flex-end;width: 100%;padding-top: 0.2rem;}
    #new #roll #r2 .rowMain .btm .items .newBox .msg h4{
        margin: 0 0 0.3rem 0;text-align: left;
        line-height: 24px;height: 48px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    #new #roll #r2 .rowMain .btm .items .newBox .msg small{font-size: 12px;position: absolute;bottom: 0;left: 0;}
    #new #roll #r2 .rowMain .btm .items .newBox .msg .arrow{width: 12px;}
    #new #roll #r2 .rowMain .btm .pager{padding: 0.5rem 0 1.2rem 0;}
    #new #roll #r2 .rowMain .topic .title h3{letter-spacing: 3px;}
    #new #roll .row#r3{min-height: 0;}
    #new #roll #r3 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #new #roll #r3 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #new #roll #r3 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #new #roll #r3 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #new #roll #r3 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #new #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(1),#new #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(6){font-size: 0.6rem;}
    #new #roll #r3 .rowMain .mid .items .list .Download{top: auto;bottom:0.3rem; }
    #new #roll #r3 .rowMain .mid .items .list h3{width: 100%;}
    #new #roll #r3 .rowMain .mid .items .list small{padding-top: 0.25rem;}
    #new #roll #r3 .rowMain .mid .items .list{padding-bottom: 0.3rem;}
    #bloc #new #roll  footer{margin-top: 0;}


    #information #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #information #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #information #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #information #roll #r2 > .rowMain{padding-top: 0.8rem;}
    #information #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #information #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#information #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(10){font-size: 0.6rem;}
    #information #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1.14rem;}
    #information #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.95rem;}
    /*other*/
    #information #roll{overflow: hidden;position: relative;}
    #information #roll .row{min-height: 40vh;}
    #information #roll #r2 > .rowMain .topic .tab{padding-top: 0.6rem;}
    #information #roll #r2 > .rowMain .topic .tab > a{margin: 0 0.1rem;}
    #information #roll #r2 > .rowMain .mid{height: 70vw;}
    #information #roll #r2 > .rowMain .mid #sw1 .swiper-wrapper .swiper-slide{width: 72vw;}
    #information #roll #r2 > .rowMain .mid .swiper-other > a i{font-size: 12px;}
    #information #roll #r2 > .rowMain .mid .swiper-other > a{top: 0.2rem;}
    #information #roll #r2 > .rowMain .mid #sw1 .swiper-wrapper .swiper-slide .msg > i{font-size: 14px;}
    #information #roll #r3{margin-top: 0.5rem;}
    #information #roll #r3 > .rowMain .title > i{font-size: 0.8rem;}
    #information #roll #r3 > .rowMain{padding-top: 1rem;}
    #information #roll #r3 > .bg .photo .pic{height: 130%;}
    #information #roll #r3 > .rowMain .title > p{margin-bottom: 0.6rem;font-size: 0.32rem;padding: 0 5%;}
    #information #roll #r3 > .rowMain .title .scr > svg{font-size: 13px;}
    #information #roll #r3 > .rowMain .inner{height: 50vw;}
    #information #roll #r3 > .rowMain .inner .com #sw2 .swiper-wrapper .swiper-slide{width: calc(130000vw/1920);padding-right: calc(10000vw/1920);}
    #information #roll #r3 > .rowMain .inner .com #sw2 .swiper-wrapper .swiper-slide:nth-child(1){width: calc(140000vw/1920);padding-left: calc(10000vw/1920);}
    #information #roll #r4 .bg{display: none;}
    #information #roll #r4 .rowMain .mid{position: relative;}
    #information #roll #r4 .rowMain .mid .col-1{position: relative;z-index: 10;padding-top: 5.5rem;width: 100%;}
    #information #roll #r4 .rowMain .mid .col-2{width: 5rem;height: 5rem;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
    #information #roll #r4 .rowMain .mid .col-2 .mask{width: 8rem;left: -1.5rem;top: -1.5rem;}
    #information #roll #r4 .rowMain .mid .col-1 h3{margin: 0.1rem 0 0.2rem 0;}
    #information #roll #r4 .rowMain .mid .col-1 small{position: absolute;left: 0;bottom: 0;line-height: 28px;}
    #information #roll #r4 .rowMain .mid .col-1 > a.btns{width: 100%;text-align: right;}
    #information #roll #r4 .rowMain .mid .col-1 p{margin-bottom: 0.2rem;}
    #information #roll #r4 .rowMain .mid .col-1 > a.btns .arrow{height: 13px;left: auto;}
    #information #roll #r4 .rowMain .mid .col-1 > a.btns .mask{opacity: 0;}
    #information #roll #r4 .rowMain .mid{margin-bottom: 0.7rem;}
    #information #roll #r4 .rowMain{padding-bottom: 3.2rem;padding-top: 1rem;}
    /*newBox*/
    #information #roll #r4 .rowMain .inner{margin-left: 0;width: 100%;}
    #information #roll #r4 .rowMain .inner .items{justify-content: space-between;}
    #information #roll #r4 .rowMain .inner .items .newBox{width: 47%;margin-bottom: 0.5rem;}
    #information #roll #r4 .rowMain .inner .items .newBox .photo{clip-path: none;width: 100%;height: 27vw;border-radius: 0.2rem;overflow: hidden;}
    #information #roll #r4 .rowMain .inner .items .newBox .msg{position: relative;align-items: flex-end;width: 100%;padding-top: 0.2rem;}
    #information #roll #r4 .rowMain .inner .items .newBox .msg h4{
        margin: 0 0 0.3rem 0;text-align: left;
        line-height: 24px;height: 48px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    #information #roll #r4 .rowMain .inner .items .newBox .msg small{font-size: 12px;position: absolute;bottom: 0;left: 0;}
    #information #roll #r4 .rowMain .inner .items .newBox .msg .arrow{width: 12px;}

    #video #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.9rem;}
    #video #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1.08rem;}
    #video #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 0.9rem;}
    #video #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #video #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #video #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #video #roll #r2 > .rowMain{padding-top: 0.8rem;}
    #video #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #video #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1){font-size: 0.6rem;}
    #video #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1.14rem;}
    #video #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.95rem;}
    #video #roll #r2 .rowMain .topic .dropdown{bottom: -15px;top: auto;}
    /*other*/
    #video #roll #r2 .bg .pic{background-size: auto 100%;top: -1rem;}
    #video #roll #r2 .rowMain .mid{height: 66vw;}
    #video #roll #r2 .rowMain .mid #sw1 .swiper-wrapper .swiper-slide{width: 70vw;}
    #video #roll #r2 .rowMain .mid .swiper-other > a i{font-size: 12px;}
    #video #roll #r2 .rowMain .mid #sw1{padding-top: 1rem;}
    #video #roll #r2 .rowMain .mid .swiper-other > a{top: 0.2rem;}
    #video #roll #r2 .rowMain .btm{padding-bottom: 1.2rem;}
    /*title*/
    #video #roll #r3 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #video #roll #r3 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #video #roll #r3 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #video #roll #r3 > .rowMain{padding-top: 0.8rem;}
    #video #roll #r3 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #video #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(1),#video #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(10){font-size: 0.6rem;}

    #video.wrapper.inner #roll #r1 .bg .mask{opacity: 0;}
    #video #roll #r3 .bg .pic{top: -1rem;background-size: auto 100%;}
    #video #roll #r3 .rowMain .topic{margin-bottom: 1rem;}
    #video #roll #r3 .rowMain .mid{position: relative;margin-bottom: 0.8rem;}
    #video #roll #r3 .rowMain .mid .col-1{width: 100%;padding-top: calc(50vw + 0.3rem);}
    #video #roll #r3 .rowMain .mid .col-1 h3{margin: 0.1rem 0 0.2rem 0;}
    #video #roll #r3 .rowMain .mid .col-1 p{margin-bottom: 0.2rem;}
    #video #roll #r3 .rowMain .mid .col-2{position: absolute;left: 0;top: 0;width: 100%;height: 50vw;}
    #video #roll #r3 .rowMain .mid .col-2 .photo{clip-path: none;border-radius: 0.2rem;overflow: hidden;}
    #video #roll #r3 .rowMain{padding-bottom: 3.2rem;}
    /*vBox*/
    #video #roll #r2 .rowMain .btm .items{width:calc(100% + 0.3rem);margin-left: -0.15rem; }
    #video #roll #r2 .rowMain .btm .items .vBox{width: 50%;padding: 0 0.15rem;}


    #stock #roll #r1{height: 50vh;}
    #stock #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.9rem;}
    #stock #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1.01rem;}
    #stock #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 1.14rem;}
    #stock #roll #r1 .rowMain .items .list:nth-of-type(4){margin-top: 0.9rem;}
    /*title*/
    #stock #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #stock #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #stock #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #stock #roll #r2 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #stock #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #stock #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#stock #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(7){font-size: 0.6rem;}
    /*title*/
    #stock #roll #r3 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #stock #roll #r3 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #stock #roll #r3 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #stock #roll #r3 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #stock #roll #r3 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #stock #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(1),#stock #roll #r3 > .rowMain .topic .title h2 > font:nth-of-type(6){font-size: 0.6rem;}
    /*title*/
    #stock #roll #r4 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #stock #roll #r4 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #stock #roll #r4 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #stock #roll #r4 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #stock #roll #r4 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #stock #roll #r4 > .rowMain .topic .title h2 > font:nth-of-type(1),#stock #roll #r4 > .rowMain .topic .title h2 > font:nth-of-type(10){font-size: 0.6rem;}
    /*title*/
    #stock #roll #r5 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #stock #roll #r5 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #stock #roll #r5 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #stock #roll #r5 > .rowMain{padding-top: 0.3rem;padding-bottom: 0.7rem;}
    #stock #roll #r5 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #stock #roll #r5 > .rowMain .topic .title h2 > font:nth-of-type(1),#stock #roll #r5 > .rowMain .topic .title h2 > font:nth-of-type(10){font-size: 0.6rem;}
    /*other*/
    #stock #roll .row{min-height: 200px;}
    #stock #roll .mk{top: 38vh;}
    #stock > svg #txtPath1{transform: scale(1)!important;}
    #stock > svg #txtPath1 .t1{transform: translate3d(0,-40%,0);}
    #stock > svg #txtPath2{transform: scale(0.8)!important;}
    #stock > svg #txtPath2 .t1{transform: translate3d(0,-44%,0);}
    #stock #roll .mk .pic{background-size: auto 100%;height: 1000px;}
    #stock #roll #r2 .bg .mask{display: none;}
    #stock #roll #r2 .rowMain .mid{flex-direction: column;align-items: flex-start;padding-top: 1rem;}
    #stock #roll #r2 .rowMain .mid .col-1{width: 100%;padding-bottom: 0.4rem;}
    #stock #roll #r2 .rowMain .mid .col-1:after{width: 100%;height: 1px;top: 100%;right: 0;}
    #stock #roll #r2 .rowMain .mid .col-2{width: 100%;padding-top: 0.4rem;}
    #stock #roll #r2 .rowMain .mid .col-1 div{height: 1.3rem;margin: 0.2rem 0;clip-path: none;background-image: none!important;}
    #stock #roll #r2 .rowMain .mid .col-2 div{height: 1.3rem;margin: 0.2rem 0;clip-path: none;background-image: none!important;}
    #stock #roll #r3 .rowMain .topic .tab{overflow-y: hidden;overflow-x: auto;padding-bottom: 0.2rem;}
    #stock #roll #r3 .rowMain .mid .items .list .Download{top: auto;bottom:0.3rem; }
    #stock #roll #r3 .rowMain .mid .items .list h3{width: 100%;}
    #stock #roll #r3 .rowMain .mid .items .list small{padding-top: 0.25rem;}
    #stock #roll #r3 .rowMain .mid .items .list{padding-bottom: 0.3rem;}
    #stock #roll #r4 .rowMain .mid{overflow-x: auto;overflow-y: hidden;}
    #stock #roll #r4 .rowMain .mid .col{flex-wrap: wrap;padding: 0.5rem 0.3rem 0.5rem 0.4rem;min-width: 1000px;}
    #stock #roll #r4 .rowMain .mid .col:nth-of-type(2n+1){padding: 0.4rem 0.3rem 0.4rem 0.4rem;}
    #stock #roll #r4 .rowMain .mid .col:nth-of-type(1){height: 1.4rem;padding: 0.2rem 0.3rem 0.2rem 0.4rem}
    /*#stock #roll #r4 .rowMain .mid .col span:nth-of-type(1){width: 30%;padding: 0;}*/
    /*#stock #roll #r4 .rowMain .mid .col span:nth-of-type(2){width: 70%;padding: 0;}*/
    /*#stock #roll #r4 .rowMain .mid .col span:nth-of-type(3){width: 30%;padding: 0;margin-top: 0.2rem;}*/
    /*#stock #roll #r4 .rowMain .mid .col span:nth-of-type(4){width: 70%;padding: 0;margin-top: 0.2rem;}*/
    #stock #roll #r4 .rowMain .bm{padding-top: 0.2rem;padding-bottom: 0.5rem;}
    #stock #roll #r5{padding-bottom:140px;}
    #stock #roll #r5 .bg{top: 0;bottom: auto;left: 25vw;right: auto;}
    #stock #roll #r5 .rowMain .mid .box{max-width: 90vw;}
    #stock #roll #r5 .rowMain .mid .box .col{width:47.5%;padding: 0.4rem 0.3rem;}

    .wrapper.inner #roll #r1 .rowMain .inner h1 > span > img{height: 0.8rem;}
    .en .wrapper.inner #roll #r1 .rowMain .inner h1 > span > img{height: 0.7rem;}
    /*title*/
    #culture #roll #r1{height: 50vh;}
    #culture #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #culture #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #culture #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #culture #roll #r2 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #culture #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #culture #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#culture #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(7){font-size: 0.6rem;}
    /*other*/
    #culture #roll #r2 .rowMain .topic{padding-bottom: 1rem;}
    #culture #roll #r2 .rowMain .mid{height: 46vw;}
    #culture #roll #r2 .rowMain .mid .photo{left: 0;margin: 0 auto;width: 68vw;height: 64vw;}
    #culture #roll #r2 .rowMain .mid #culSw{height: 65vw;padding-bottom: 15vw;}
    #culture #roll #r2 .rowMain .mid .add{display: none;}
    #culture #roll #r2 .rowMain .mid #culSw .swiper-slide .photo{width: 53vw;height: 50vw;}
    #culture #roll #r2 .rowMain .mid #culSw .swiper-pagination > span{width: 12px;height: 12px;}
    #culture #roll #r2 .rowMain .mid #culSw .swiper-pagination > span:after{width: 4px;height: 4px;}
    #culture #roll #r2 .rowMain .mid .add > a > img{width: 40px;}
    #culture #roll #r2 .rowMain .mid .photo .ph .play > span{font-size: 13px;width: 80%;left: 10%;text-overflow: ellipsis;overflow: hidden;}
    #culture #roll #r3 .rowMain .topic .col-2 .txt > img{max-width: 1.4rem;}
    #culture #roll #r3 .rowMain .topic .col-2 .txt > i{font-size: 1.4rem;}
    #culture #roll #r3 .rowMain .topic .col-2 .mc.txt:after{width: 1.4rem;height: 1.4rem;}
    #culture #roll #r3 .rowMain .topic .col-1 .line{width: 0.18rem;}
    #culture #roll #r3 .rowMain .topic .col-2 .dot{width: 0.2rem;height: 0.2rem;border-width: 2px;}
    #culture #roll #r3 .rowMain .topic{width: 5.6rem;max-width: 90vw;}
    #culture #roll #r3 .rowMain .mid .list p{letter-spacing: 1px;text-indent: 0;}
    .en #culture #roll #r3 .rowMain .mid .list p{height: 0.28rem;}
    #culture #roll #r3 .rowMain .mid .list h4{font-size: 0.4rem;}
    #culture #roll #r3 .rowMain .mid .add{width: 3.5rem;top: -1vw;right: -8vw;}
    #culture #roll #r4 .rowMain .topic .col-2 .txt > img{max-width: 1.4rem;}
    #culture #roll #r4 .rowMain .topic .col-2 .txt > i{font-size: 1.4rem;}
    #culture #roll #r4 .rowMain .topic .col-2 .mc.txt:after{width: 1.4rem;height: 1.4rem;}
    #culture #roll #r4 .rowMain .topic .col-1 .line{width: 0.18rem;}
    #culture #roll #r4 .rowMain .topic .col-2 .dot{width: 0.2rem;height: 0.2rem;border-width: 2px;}
    #culture #roll #r4 .rowMain .topic{width: 5.6rem;max-width: 90vw;}
    #culture #roll #r4 .rowMain .mid .list p{letter-spacing: 1px;text-indent: 0;}
    #culture #roll #r4 .rowMain .mid .list h4{font-size: 0.4rem;}
    #culture #roll #r4 .rowMain .mid .list h4 .txt{color: #8a6e4b;}
    #culture #roll #r4 .rowMain .mid .add{width: 3.1rem;left: -1rem;}
    #culture #roll #r5{padding-top: 1.4rem;padding-bottom: 180px;}
    #culture #roll #r5 .bg .pic{background-size: 100%;}
    #culture #roll #r5 .rowMain .mid .col-1>img{width: 0.5rem;}
    #culture #roll #r5 .rowMain .topic .col-2 .txt > img{max-width: 1.4rem;}
    #culture #roll #r5 .rowMain .topic .col-2 .txt > i{font-size: 1.4rem;}
    #culture #roll #r5 .rowMain .topic .col-2 .mc.txt:after{width: 1.4rem;height: 1.4rem;}
    #culture #roll #r5 .rowMain .topic .col-1 .line{width: 0.18rem;}
    #culture #roll #r5 .rowMain .topic .col-2 .dot{width: 0.2rem;height: 0.2rem;border-width: 2px;}
    #culture #roll #r5 .rowMain .mid .col-1{width: 100%;position: relative;z-index: 10;}
    #culture #roll #r5 .rowMain .mid .col-1 h3{font-size: 0.4rem;margin-top: 0.4rem;letter-spacing: 0.1rem;}
    #culture #roll #r5 .rowMain .mid .col-1 p{margin: 0.3rem 0 0.5rem 0;}
    #culture #roll #r5 .rowMain .mid .col-2{position: absolute;right: 0;top: 0.5rem;z-index: 4;width: 48vw;height: 48vw;}
    #culture #roll #r5 .rowMain .mid .col-2 .photo .ph{width: 100%;height: 100%;}

    /*title*/
    #power #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #power #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #power #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #power #roll #r2 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #power #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #power #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#power #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(7){font-size: 0.6rem;}
    /*other*/
    #power #roll #r2 .bg{max-width: 15rem;}
    #power #roll #r2 .rowMain .mid .col-1{width: 100%;height: 6.5rem;}
    #power #roll #r2 .rowMain .mid .col-2{display: none;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 .Date{height: 1.25rem;clip-path: none!important;background-size: 98% 96%;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 .Date clipPath text{transform: translate3d(0,45%,0);font-size: 1.45rem;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 .Date clipPath{transform: scale(1)!important;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2{margin-bottom: 0.4rem;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList h3{margin-bottom: 0.2rem;}
    #power #roll #r2 .rowMain .mid .col-1 .set > a.btns .arrow{height: 6px;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList p{
        line-height: 20px;height: 80px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;
    }
    #power #roll #r2 .rowMain .bm{padding-top: 1rem;}
    #power #roll #r2 .rowMain .mid .col-1 .msg .msgList .h2 .Date > span{background-color: #fff;color: #000;mix-blend-mode: screen;}
    #power #roll #r3{min-height: 10vh;}
    #power #roll #r3 .rowMain{position: relative;}
    #power #roll #r3 .rowMain .txt{top: -22vw;font-size: 1rem;white-space: nowrap;}
    #power #roll #r3 .rowMain .txt img{max-width: 15rem;}
    #power #roll #r3 .rowMain .msg{position: relative;bottom: auto;margin-top: -31vw;}
    #power #roll #r3 .rowMain .msg p{color: #333;margin-top: 1rem;max-width: 8rem;width: 100%;}
    #power #roll #r4{margin-top: 1rem;}
    #power #roll #r4 .bg .pic{top: -9rem;height: calc(100% + 12rem)}
    #power #roll #r4 .rowMain .txt{font-size: 1rem;white-space: nowrap;}
    #power #roll #r4 .rowMain .mid{flex-direction: column;}
    #power #roll #r4 .rowMain .mid .col-1{width: 100%;}
    #power #roll #r4 .rowMain .mid .col-1 p{max-width: 10rem;}
    #power #roll #r4 .rowMain .mid .col-2{width: 90vw;height: 90vw;}
    #power #roll .last-row{padding-bottom: 120px;}
    #power #roll #r2 .rowMain .bm .scr > svg{width: 0.23rem;}
    #power #roll #r3{margin-bottom: 1rem;}

    /*title*/
    #innovate #roll #r1{height: 50vh;}
    #innovate #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.85rem;}
    #innovate #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1rem;}
    #innovate #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 1.1rem;}
    #innovate #roll #r1 .rowMain .items .list:nth-of-type(4){margin-top: 1.08rem;}
    #innovate #roll #r1 .rowMain .items .list:nth-of-type(5){margin-top: 0.78rem;}
    #innovate #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #innovate #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #innovate #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #innovate #roll #r2 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.1rem;}
    #innovate #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #innovate #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#innovate #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(6){font-size: 0.6rem;}
    /*other*/
    #innovate #roll #r2 .rowMain .mid .col-1{}
    #innovate #roll #r2 .rowMain .mid .ad{width: 2rem;left: calc(100% - 1rem); bottom: calc(100% - 1rem);}
    #innovate #roll #r2 .rowMain .mid .add{display: none;}
    #innovate #roll #r2 .rowMain .mid{position: relative;padding-top: 0;margin-top: 1rem;}
    #innovate #roll #r2 .rowMain .mid .col-1{position: relative;z-index: 10;padding-top: 5.5rem;width: 100%;}
    #innovate #roll #r2 .rowMain .mid .col-2{width: 5rem;height: 5rem;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
    #innovate #roll #r2 .rowMain .mid .col-2 .mask{width: 8rem;left: -1.5rem;top: -1.5rem;}
    #innovate #roll #r2 .rowMain .mid .col-1 h3{margin: 0.1rem 0 0.2rem 0;}
    #innovate #roll #r2 .rowMain .mid .col-1 small{position: absolute;left: 0;bottom: 0;line-height: 28px;}
    #innovate #roll #r2 .rowMain .mid .col-1 > a.btns{width: 100%;text-align: right;}
    #innovate #roll #r2 .rowMain .mid .col-1 p{margin-bottom: 0.2rem;}
    #innovate #roll #r2 .rowMain .mid .col-1 > a.btns .arrow{height: 13px;left: auto;}
    #innovate #roll #r2 .rowMain .mid .col-1 > a.btns .mask{opacity: 0;}
    #innovate #roll #r2 .rowMain .mid{margin-bottom: 0.7rem;}
    #innovate #roll #r2 .rowMain .mid .col-1 i{margin-bottom: 0.1rem;}
    #information #roll #r3{overflow: hidden;}
    #innovate #roll #r3 .rowMain{padding-top: 0;padding-bottom: 180px;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(1){height: 2.4rem;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(1) #txtPath1{transform: scale(0.5)!important;transform-origin: 0 -20%;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(2){margin: 0 0 0.5rem 0;clip-path: url(#txtPath2);}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) #txtPath2{transform: scale(0.6)!important;transform-origin: 70% -40%;}
    #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) > span{color: transparent;}
    #innovate #roll #r3 .rowMain .title .scr > svg{width: 15px}
    #information #roll #r3 > .bg{background-size: auto 100%;overflow: hidden;}
    #innovate #roll .row{min-height: 20vh;}

    #about #banner{display: none;}
    #about #roll #r1{height: 50vh;}
    #about.wrapper.inner #roll #r1 .bg .pic{clip-path: none;}
    #about #roll #r2 > .wrap .bg{display: none;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.85rem;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1rem;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 1.1rem;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(4){margin-top: 1.08rem;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list:nth-of-type(5){margin-top: 0.78rem;}
    #about.wrapper.inner #roll #r1 .rowMain .inner{max-width: 90%;}
    #about.wrapper.inner #roll #r1 .rowMain .inner h1{font-size: 1rem;}
    #about.wrapper.inner #roll #r1 .rowMain .inner h1 > span{min-width: 1em;}
    #about.wrapper.inner #roll #r1 .rowMain .items{bottom: 0.3rem;height: 2.3rem;padding:0.5rem 10vw 0 10vw; }
    #about.wrapper.inner #roll #r1 .rowMain .items .list > h4{width: 100px;left: calc(0.25rem - 50px);bottom: calc(100% + 0.3rem);font-size: 12px;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list > em{width: 6px;height: 6px;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list > span{border-width: 1px;transform: scale(0.55);}
    #about.wrapper.inner #roll #r1 .rowMain .items .list{width: 0.5rem;height: 0.5rem;}
    #about.wrapper.inner #roll #r1 .rowMain .items .list > span{transform: scale(0.9);}
    #about #roll #r2{margin-top: 0px;}
    /*title*/
    #about #roll #r2 > .wrap .rowMain .group .col-1 .topic .title h3{letter-spacing: 4px;}
    #about #roll #r2 > .wrap .rowMain .group .col-1 .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #about #roll #r2 > .wrap .rowMain .group .col-1 .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #about #roll #r2 > .wrap .rowMain .group .col-1 .topic .title h2 > font{font-size: 0.4rem;}
    #about #roll #r2 > .wrap .rowMain .group .col-1 .topic .title h2 > font:nth-of-type(1),#about #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(7){font-size: 0.6rem;}
    /*other*/
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo{margin-left: -2px;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo p{text-indent: 2px;color: #000;background-color: #fff;line-height: 1.2;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo .img{background-size: 98% 98%;clip-path: none;mix-blend-mode: screen;z-index: 11;}
    #about #roll #r2 > .wrap .bg .ad{max-width: 20rem;}
    #about #roll #r2 > .wrap .bg{margin-left: -40vw;top: 1.5rem;}
    #about #roll #r2 > .wrap .bg .photo{opacity: 0.6;}
    #about #roll #r2 > .wrap .bg .mask #r2Path{transform: none;}
    #about #roll #r2 > .wrap .rowMain .group{flex-direction: column;}
    #about #roll #r2 > .wrap .rowMain .group .col-2{width: 100%;padding-top: 1rem;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .msg p.en_l{text-align: justify;font-size: 10px;}
    #about #roll #r2 > .wrap .rowMain .group .col-2 .other .photo #txtPath2 text{transform: translate3d(0,-34%,0);}
    #about #roll #r2 > .wrap .rowMain .bm{padding: 0 0 0.5rem 0;}
    #about #roll #r2 > .inner .after .wrap{height: 5rem;}
    #about #roll #r2 > .wrap .rowMain .bm .scr > svg{width: 0.23rem;}
    #about #roll #r2 > .inner .after .wrap .list .photo .pic .logo{max-width: 1.2rem;}
    #about #roll #r2 > .inner .after .wrap .list{width: 2.4rem;height: 2.4rem;}
    #about #roll #r2 > .inner .after .wrap .list:nth-of-type(1){width: 2.4rem;height: 2.4rem;}
    #about #roll #r2 > .inner .after .wrap .list:nth-of-type(2){width: 1.5rem;height: 1.5rem;left: 11%;top: 56%;}
    #about #roll #r2 > .inner .after .wrap .list:nth-of-type(3){left: 40%;}
    #about #roll #r2 > .inner .after .wrap .list:nth-of-type(4){width: 1.5rem;height: 1.5rem;top: 67%;}
    #about #roll #r2 > .inner .after .wrap .list:nth-of-type(5){top: -0.5rem;left: calc(100% - 1.5rem);}
    #about #roll #r2 > .inner .after .other{width: 90vw;}
    #about #roll #r3 .rowMain{padding-top: 1.8rem;}
    #about #roll #r3 .rowMain .title{padding: 0 5%;margin-bottom: 1.1rem;}
    #about #roll #r3 .rowMain .inner .col-1{display: none;}
    #about #roll #r3 .rowMain .inner .col-2{width: 100%;}
    #about #roll #r3 .rowMain .inner .col-2 .box{width: 84%;margin-left: 8%;}
    #about #roll #r3 .rowMain .inner .col-2{border-top-right-radius: 1rem;}
    #about #roll #r3 .rowMain .inner .col-2 .box img{height: 0.62rem;}
    #about #roll #r3 .rowMain:after{display: none;}
    #about #roll #r4 .bg{display: block;}
    #about #roll #r4 > .rowMain .txt{width: 84vw;margin: 0.5rem auto;}
    #about #roll #r4 .mask{top: 0;}
    #about #roll #r4 > .rowMain .ad{height: 58vw;opacity: 0;}
    #about #roll #r4 > .rowMain{padding-top: 0;}
    #about #roll #r4 > .rowMain{padding-top: 0;}
    #about #roll #r4 .bg > .pic svg text.t1{}
    #about #roll #r4 > .rowMain .other{height: 50vw;}
    #about #roll #r4 > .rowMain .other > li:nth-of-type(2){left: 20vw;}
    #about #roll #r4 .bg > .pic svg #txtPath{transform: translate(-10vw, 25vw) scale(0.6);}
    #about #roll #r4 > .rowMain .other > li{font-size: 0.6rem;}
    #about #roll #r4 > .rowMain .bm .scr > svg{width: 0.23rem;}
    #about #roll #r4 > .rowMain .bm .photo{display: none;}
    #about #roll #r4 > .rowMain .ad > span{font-size: 1.8rem;}
    #about #roll #r4 > .rowMain .ad > span.t2{margin-left: 0.4rem;}
    #about #roll #r5{padding-top: 0.8rem;}
    #about #roll #r5 .rowMain{flex-direction: column;padding-bottom: 0.6rem;}
    #about #roll #r5 .rowMain .col-1{width: 100%;}
    #about #roll #r5 .rowMain .col-2{width: 100%;}
    #about #roll #r5 .rowMain .col-2 .box{flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;}
    #about #roll #r5 .rowMain .col-2 .box>img{height: 45px;}
    #about #roll #r5 .rowMain .col-2 .box h5{width: calc(100% - 80px);}
    #about #roll #r5 .rowMain .col-2 .box h5{margin: 0.3rem 0;}
    #about #roll #r5 .inner > img{max-width: 30px;}
    #about #roll #r5 .inner .pager > li{width: 9px;height: 9px;}
    #about #roll #r5 .inner .box{height: 4rem;}
    #about #roll #r5 .inner .box .list{min-width: 10px;width: 90vw;line-height: 1.8;height: 4rem;}
    #about #roll #r6 .bg{display: none;}
    #about #roll #r6 .rowMain .box{flex-direction: column;}
    #about #roll #r6 .rowMain .box .list{width: 100%;}
    #about #roll #r6 .rowMain{position: relative;width: 100%;height: auto;}
    #about #roll #r6 .rowMain .box .list .msg{margin-top: 0.5rem;}
    #about #roll #r6 .rowMain .box .list .msg > img{max-height:38px; }
    #about #roll #r6 .rowMain{padding-bottom: 96px;}
    #about #roll #r6 .rowMain .box .list:last-of-type{padding-bottom: 90px;}
    #about #roll #r6 .rowMain .box .list .msg .dot{border-color: rgba(255,255,255,0.6);}

    #pro #banner .inner .other{display: none;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg p{
        line-height: 24px;height: 48px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    #pro #banner .inner .group .swiper-container{padding-top: calc(70px + 28vw);padding-bottom: 40px;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide{height: calc(68vw + 2.4rem + 48px);}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box{padding-left: 9vw;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg{width: 100%;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg h3 > img{height: 0.9rem;}
    .en #pro #banner .inner .group .swiper-container{padding-top: 70px;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo .pic{clip-path: none!important;border-radius: 50%;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo{position: absolute;width: 64.7vw;height: 63vw;top: 0;left: 0;right: 0;margin: 0 auto;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo{width: 64.7vw;height: 63vw;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg h3{font-size: 0.6rem;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .box .msg p{max-height: 20px;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg{padding-top: 68vw;text-align: center;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg h3{text-align: center;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .msg p{margin: 0.3rem 0;text-align: center;}
    #pro #banner .inner .tab{padding: 0 3vw;width: 100%;height: calc(22vw + 80px);padding-bottom: 0;padding-top: 50px;flex-direction: row;}
    #pro #banner .inner .tab .list .cir{width: 22vw;height: 22vw;clip-path: none;border-radius: 50%;}
    #pro #banner .inner .tab .list .col h6{font-size: 13px;}
    #pro #banner .inner .group .swiper-container .set{bottom: 3%;display: none;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo > .img{left: 60%;right: auto;}
    .en #pro #banner .inner .group .swiper-container .swiper-wrapper .swiper-slide .box .photo > .img{left: 20%;}
    #pro #banner .inner .group .swiper-container .swiper-wrapper{align-items: center}

    #proDetail #roll #r1 .rowMain .inner{padding-bottom: 0;}
    #proDetail #roll #r1 .rowMain .inner p{font-size: 0.45rem;}
    #proDetail #roll #r2 .rowMain{padding-top: 1.4rem;}
    #proDetail #roll #r2 .bg .ad{width: 2.3rem;height: 2.3rem;top: 0.2rem;}
    #proDetail #roll #r2 .bg .add{width: 2rem;height: 2rem;top: -0.5rem;left: -0.2rem;}
    #proDetail #roll #r2 .bg .addd{width: 2rem;height: 2rem;bottom: 1rem;left: 85%;}
    #proDetail #roll #r2 .rowMain .inner > img{max-height: 1.5rem;max-width: 45vw;}
    #proDetail #roll #r2 .rowMain .inner .msg h6{margin: 0.4rem 0 0.3rem 0;}
    #proDetail #roll #r2 .rowMain .inner .bm{padding-top: 1rem;}
    #proDetail #roll #r2 .rowMain .inner .bm .scr > svg{max-width: 0.23rem;}
    #proDetail #roll #r2 .rowMain .inner .msg p{line-height: 1.8;font-size: 10px;}
    #proDetail #roll #r3 .rowMain{padding-top: 0.5rem;}
    #proDetail #roll #r3 .rowMain .topic .ad{width: 150vw;}

    #proDetail #roll #r3 .rowMain .tab{margin-bottom:0.3rem;flex-wrap: wrap;}
    #proDetail #roll #r3 .rowMain .tab a{max-width: 5rem;}
    #proDetail #roll #r3 .rowMain .tab #sw3 .swiper-slide{margin: 0.2rem 0;}
    #proDetail #roll #r3 .rowMain{padding-top: 0.5rem;}
    #proDetail #roll #r3 .rowMain .tab .prev_{font-size: 12px}
    #proDetail #roll #r3 .rowMain .tab .next_{font-size: 12px}
    #proDetail #roll #r3 .rowMain .mid .box{height: auto;border-radius: 0.5rem;background-color: #fff;}
    #proDetail #roll #r3 .rowMain .mid .box > .mask{width: 100%;height: 50vw;top: 0;bottom: auto;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-1{width: 100%;padding-top: 50vw;background-color: transparent;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-1 > .mask{background-size: cover;height: calc(100% - 50vw);top: 50vw;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-1 .msg{width: 90%;padding-left: 10%;padding-top: 0.3rem;padding-bottom: 0.3rem;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-2{position: absolute;top: 0;width: 100%;left: 0;height: 50vw;z-index: 10;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-2 > a > i{font-size: 0.8rem;}
    #proDetail #roll #r3 .rowMain .mid .box .group .col-1 .msg .layout-btn-1 > div > span > i{font-size: 12px;}
    #proDetail #roll #r4 .rowMain .mid{flex-wrap: wrap;}
    #proDetail #roll #r4 .rowMain .mid .col{width: 48%;margin: 0.2rem 1%;}
    #proDetail #roll #r4 .rowMain .mid .col .img{height: 1.5rem;}
    #proDetail #roll #r4 .rowMain .mid .col .msg{width: 100%;}
    #proDetail #roll #r4 .rowMain .mid .col .msg h5{width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0 auto;}
    #proDetail #roll #r4 .rowMain{padding-bottom: 1.8rem;}
    #bloc #proDetail footer{margin-top: -40px;}

    #search #roll{overflow: hidden;position: relative;}
    #search #roll .mk .pic:last-of-type{height: 100%;}
    #search #roll .mk{top: 30vh;}
    #search #roll #r1 .rowMain .inner .msg .inForm{width: 80%;margin: 0 auto;}
    #search > svg #svgPath path{transform: translate3d(-0.5%, -22%, 0);}
    #search #roll #r1 .rowMain .scr > svg{width: 0.23rem;}
    #search #roll #r2 .rowMain.no_result{padding-top: 0.8rem;}
    #search #roll #r2 .rowMain{padding-top: 0.2rem;padding-bottom: 1rem;}
    #search #roll #r2 .rowMain .title p{text-align: center;}
    #search #roll #r2 .rowMain .proBox .items .box{flex-direction: column;}
    #search #roll #r2 .rowMain .proBox .items .box .col-1{width: 100%;}
    #search #roll #r2 .rowMain .proBox .items .box .col-2{width: 100%;}
    #search #roll #r2 .rowMain .proBox .items .box .col-2 .msg{padding: 4% 6%;}
    #search #roll #r2 .rowMain .newBox .items{justify-content: space-between;}
    #search #roll #r2 .rowMain .mediaBox .items .box{padding: 0;}
    #search #roll #r2 .rowMain .newBox .items .box{width: 47%;margin-bottom: 0.5rem;}
    #search #roll #r2 .rowMain .newBox .items .box .photo{border-radius: 0.3rem;overflow: hidden;clip-path: none;width: 100%;height: 30vw;}
    #search #roll #r2 .rowMain .newBox .items .box .msg{position: relative;align-items: flex-end;width: 100%;padding-top: 0.2rem;}
    #search #roll #r2 .rowMain .newBox .items .box .msg h4{
        margin: 0 0 0.3rem 0;text-align: left;
        line-height: 24px;height: 48px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    #search #roll #r2 .rowMain .newBox .items .box .msg small{font-size: 12px;position: absolute;bottom: 0;left: 0;}
    #search #roll #r2 .rowMain .newBox .items .box .msg .arrow{width: 12px;}

    #bloc #newDetail footer{margin-top: -80px;}
    #newDetail > svg #svgPath path{transform: translate3d(-0.5%, -23%, 0)}
    #newDetail #roll #r1 .rowMain .scr > svg{width: 0.23rem;}
    #newDetail #roll #r2 .rowMain .detail{overflow-x: auto;max-width: 100%;}
    #newDetail #roll #r2 .rowMain .detail img{margin: 0.5rem auto;border-radius: 0.2rem;}
    #newDetail .layout-btn-1 > div > span i{font-size: 10px;}
    #newDetail #roll #r2 .rowMain .detail p{margin-bottom: 0.3rem;}
    #newDetail #roll #r1 .rowMain .inner{height: 56%;flex-direction: column;}
    #newDetail.wrapper.inner > svg #svgPath path{transform: translate3d(-0.5%, -20%, 0);}
    #newDetail #roll #r1{height: 50vh;}
    #newDetail #roll #r2 .rowMain .add{padding-top: 20px;flex-direction: column;justify-content: space-around;}
    #newDetail #roll #r2 .rowMain .add .col-1 .share{width: 4.6rem;height: 0.8rem;}
    #newDetail #roll #r1 .bg .pic > img{top: auto;bottom: 0;height: 100%;}
    #newDetail #roll #r2 .rowMain .add .col-1{margin-bottom: 0.2rem;}
    #newDetail #roll #r2 .rowMain .add .col-2{width: 100%;}
    #newDetail #roll #r2 .rowMain .add .col-2 > a p{width: 100%;}
    #newDetail #roll #r2 .other{padding-top: 0.6rem;}
    #newDetail #roll #r2 .other .items{justify-content: space-between;}
    #newDetail #roll #r2 .other .items .newBox{width: 47%;margin-bottom: 0.5rem;}
    #newDetail #roll #r2 .other .items .newBox .photo{clip-path: none;width: 100%;height: 30vw;}
    #newDetail #roll #r2 .other .items .newBox .msg{position: relative;align-items: flex-end;width: 100%;padding-top: 0.2rem;}
    #newDetail #roll #r2 .other .items .newBox .msg h4{
        margin: 0 0 0.3rem 0;text-align: left;
        line-height: 24px;height: 48px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    #newDetail #roll #r2 .other .items .newBox .msg small{font-size: 12px;position: absolute;bottom: 0;left: 0;}
    #newDetail #roll #r2 .other .items .newBox .msg .arrow{width: 12px;}

    #recruit #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.9rem;}
    #recruit #roll #r1 .rowMain .items .list:nth-of-type(2){margin-top: 1.11rem;}
    #recruit #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 0.8rem;}
    /*title*/
    #recruit #roll #r2 .rowMain{padding-top: 0.8rem;}
    #recruit #roll #r2 .rowMain .topic .title h3{letter-spacing: 4px;}
    #recruit #roll #r2 .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #recruit #roll #r2 .rowMain .topic .title h3:after{bottom: 0;max-width: 45vw;}
    #recruit #roll #r2 .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #recruit #roll #r2 .rowMain .topic .title h2 > font:nth-of-type(1),#recruit #roll #r2 .rowMain .topic .title h2 > font:nth-of-type(8){font-size: 0.6rem;}
    /*other*/
    #recruit #roll .mk .pic{height: 1620px;background-size: auto 100%;background-position: left top;}
    #recruit #roll #r2 .rowMain .mid .select{padding-right: 0;flex-wrap: wrap;}
    #recruit #roll #r2 .rowMain .mid .select .dropdown{width: 47%;margin-bottom: 0.3rem;}
    #recruit #roll #r2 .rowMain .mid .select .inBox{width: calc(100% - 2.4rem);}
    #recruit #roll #r2 .rowMain .mid .select .inBox input[type='text']{font-size:0.16rem;}
    #recruit #roll #r2 .rowMain .mid .select .inBox input[type='submit']{font-size: 0.18rem;background-color: transparent;}
    #recruit #roll #r2 .rowMain .mid .select .searchBtn{top: auto;bottom: 0;}
    #recruit #roll #r2 .rowMain .mid .select .searchBtn > span{font-size: 14px;}
    #recruit #roll #r2 .rowMain .mid .inner .box .center .group .list p{line-height: 2;}
    #recruit #roll #r2 .rowMain .mid .inner .box .center .line{margin: 0.05rem 0 0.4rem 0;}
    #recruit #roll #r2 .rowMain .mid .inner .box .center .group .list{margin-bottom: 0.5rem;}
    #recruit #roll #r2 .rowMain .mid .inner .box .center{background-size: auto 8.28rem;background-position: -50% 123%;}
    #recruit #roll #r2 .rowMain .mid .inner .box .top .col-1 .dot{display: none;}
    #recruit #roll #r2 .rowMain .mid .pager{padding: 0.5rem 0;}
    #recruit #roll #r3 .rowMain .inner{flex-direction: column;}
    #recruit #roll #r3 .rowMain .inner .left{width: 100%;margin-bottom: 0.4rem;}
    #recruit #roll #r3 .rowMain .inner .left .msg h4{font-size: 13px;}
    #recruit #roll #r3 .rowMain .inner .left .msg > div{margin-bottom: 0.5rem;position: relative}
    /*#recruit #roll #r3 .rowMain .inner .left .msg > div > span{width: auto!important;}*/
    #recruit #roll #r3 .rowMain .inner .left .msg > div > span img{width: 1.8rem!important;}
    #recruit #roll #r3 .rowMain .inner .left .msg p{line-height: 1.7;font-size: 10px;}
    #recruit #roll #r3 .rowMain .inner .right{max-width: 104%;width: 104%;}
    #recruit #roll #r3 .rowMain .inner .right .col > span{font-size: 0.16rem;}
    #recruit #roll #r3 .rowMain .inner .right .col .dot > span{font-size: 12px;}
    #recruit #roll #r4 .rowMain .inner{flex-direction: column;}
    #recruit #roll #r4 .rowMain .inner .left{width: 100%;padding-bottom: 0.4rem;}
    #recruit #roll #r4 .rowMain .inner .right{width: 100%;}
    #recruit #roll #r4 .rowMain .inner .right .col .box p{line-height: 1.7;}
    #recruit #roll #r4 .rowMain .bm{height: calc(45vw + 0.8rem + 50px)}
    #recruit #roll #r4 .rowMain .bm #sw1{padding-top: 0.8rem;}
    #recruit #roll #r4 .rowMain .bm #sw1 .swiper-pagination{bottom: 20px;}
    #recruit #roll #r4 .rowMain .bm #sw1 .swiper-wrapper .swiper-slide{width: 70vw;}
    #recruit #roll #r4 .rowMain .bm #sw1 .swiper-wrapper .swiper-slide .box{padding-bottom: 45vw;}
    #recruit #roll #r4 .rowMain .bm #sw1 .swiper-pagination .swiper-pagination-bullet{width: 5px;height: 5px;}
    #recruit #roll #r4 .rowMain .bm .swiper-other > a{top: 0;}
    #recruit #roll #r4 .rowMain .bm .swiper-other > a i{font-size: 0.16rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .ad{width: 2rem;left: calc(100% - 1rem); bottom: calc(100% - 1rem);}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .add{display: none;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2){position: relative;padding-top: 0;margin-top: 1rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1{position: relative;z-index: 10;padding-top: 5.5rem;width: 100%;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-2{width: 5rem;height: 5rem;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-2 .mask{width: 8rem;left: -1.5rem;top: -1.5rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 h3{margin: 0.1rem 0 0.2rem 0;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 small{position: absolute;left: 0;bottom: 0;line-height: 28px;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 > a.btns{width: 100%;text-align: right;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 p{margin-bottom: 0.2rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 > a.btns .arrow{height: 13px;left: auto;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 > a.btns .mask{opacity: 0;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2){margin-bottom: 0.7rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 i{margin-bottom: 0.1rem;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 .msg{padding-top: 0.4rem;}
    #recruit #roll #r3 .rowMain{padding-bottom: 140px;}

    #error #banner .bg .msg .layout-btn-1 > div{height: 0.32rem;line-height: 0.32rem;}
    #error #banner .bg .msg .layout-btn-1 > div > span i{font-size: 12px;vertical-align: bottom;}

    /*title*/
    #learn #roll #r1{height: 50vh;}
    #learn #roll #r2 > .rowMain .topic .title h3{letter-spacing: 4px;}
    #learn #roll #r2 > .rowMain .topic .title h2:after{bottom: 5px;max-width: 86vw;}
    #learn #roll #r2 > .rowMain .topic .title h3:after{bottom: 0;max-width: 60vw;}
    #learn #roll #r2 > .rowMain{padding-top: 0.8rem;padding-bottom: 0.7rem;}
    #learn #roll #r2 > .rowMain .topic .title h2 > font{font-size: 0.4rem;}
    #learn #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(1),#learn #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(10),#learn #roll #r2 > .rowMain .topic .title h2 > font:nth-of-type(14){font-size: 0.6rem;}

    #learn #roll #r2 .rowMain .inner > img{width: 70vw}
    #learn #roll #r2 .rowMain .inner .msg h6{letter-spacing: 0;}
    #learn #roll #r2 .bg .ad{right: -1rem;top: 2rem;opacity: 0.6;}
    #learn #roll #r2 .bg .mask{right: -1.2rem;top: 1.8rem;opacity: 0.6;}
    #learn #roll #r2 .bg .add{left: -1.2rem;opacity: 0.5;}
    #learn #roll #r2 .bg .addd{opacity: 0.3;bottom: 0;}
    #learn #roll #r2 .bg .adddd{left: 6%;}
    #learn #roll #r3 .rowMain{padding-top: 0.4rem;}
    #learn #roll #r3 .rowMain .tab #sw3{overflow: visible;}
    #learn #roll #r3 .rowMain .tab #sw3 .swiper-slide{margin: 0.2rem 0rem;}
    #learn #roll #r3 .rowMain #learnBox .box .top img{width: 0.5rem;}
    #learn #roll #r3 .rowMain #learnBox .box .top{max-width: 100%;}
    #learn #roll #r3 .rowMain .tab{margin-bottom: 0.6rem;width: calc(100% - 60px)}
    #learn #roll #r3 .rowMain .tab .prev_{width: 30px;display: none;}
    #learn #roll #r3 .rowMain .tab .next_{width: 30px;display: none;}
    #learn #roll #r3 .rowMain #learnBox .box .mid{padding-top: 0.6rem;}
    #learn #roll footer{margin-top: 0;}
    #learn #roll #r3 .other .msg p{letter-spacing: 2px;}
    #learn #roll #r3 .other .msg > img{max-width: 74%;}
    #learn #roll #r3 .rowMain #learnBox .box .mid .swiper-container{padding-bottom: 1rem;}
    #learn #roll #r2 .rowMain .inner .bm .scr > svg{width: 16px;}

    .en .wrapper.inner #roll #r1{max-height: 78vh;height: 78vh;}
    .en #culture #roll #r1{height: 78vh;}
}


@media screen and (max-width:700px){
    .wrapper.inner #roll #r1 .rowMain .inner{padding-bottom: 12vw;}
    .wrapper.inner #roll #r1 .rowMain .inner p{font-size: 12px;line-height: 1.8;}
    .wrapper.inner #roll #r1 .rowMain .inner p br{display: none;}
    #video #roll #r2 .rowMain .mid #sw1 .swiper-wrapper .swiper-slide .msg > i{font-size: 13px;}
    #video #roll #r3 .rowMain .mid .col-1 p{font-size: 14px}
    #video #roll #r3 .rowMain .mid .col-1 span{font-size: 12px;}
    .layout-btn-1 > div > span{font-size: 13px;}
    #bloc header nav.app-nav .inner_mid .nav-items > .child_first > .firstList > a{font-size: 14px;}
    #bloc header nav.app-nav .inner_mid .nav-items > .child_first .child_second > li > a{font-size: 13px;}
    #bloc footer .fMain .btm > p > a img{height: 14px;vertical-align: text-top;}
    #innovate #roll #r3 .rowMain .inner .box .list .msg small{font-size: 14px;}
    #innovate #roll #r3 .rowMain .inner .box .list .msg h3{font-size: 16px;}
    #proDetail .goReturn{width: 68px;height: 68px;}
    #recruit #roll #r2 .rowMain .mid .inner .box .top .col-1{width: 66%;}
    #recruit #roll #r2 .rowMain .mid .inner .box .top .col-1 > span{font-size: 13px;line-height: 1.2;}
    #recruit #roll #r4 .rowMain .inner .left .msg p{line-height: 1.7;font-size: 10px;}
    #recruit #roll #r3 .rowMain .inner .left .msg > div .inter > a{width: 34px;height: 34px;}
    #recruit #roll #r3 .rowMain .inner .right .col .dot > span{margin-bottom: 10px;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 .msg .items > li:after{bottom: auto;top: 7px;width: 5px;height: 5px;}
    #recruit #roll #r3 .rowMain .inner .right .col .dot > span:after{top: 94%;}
    #recruit #roll #r3 .rowMain .inner:nth-of-type(2) .col-1 .msg p{font-size: 10px;line-height: 1.7;}
    #home #roll #r2 .wrap .bm{height: auto;padding-top: 0;padding-bottom: 0.5rem;}
    #home #roll #r2 .wrap .bm .data{padding-top: 0.3rem;}

    .en #home #roll #r2 .wrap .bm .data > li{max-width: 100%;width: 100%;}
    .en #home #roll #r2 .wrap .bm .data > li p{font-size: 12px;line-height: 1.6;}
    .en #home #roll #r2.go .wrap .bm .data > li:nth-of-type(4){margin-bottom: 0;}
    .en #home #roll #r2 .wrap .bm .data > li > span{margin-top: 0.2rem;margin-bottom: 0.2rem;}
    .en #home #roll #r2 .wrap .rowMain .group .col-2{padding-right: 0;}
    .en #home #roll #app_r6 .rowMain .col-1 .msg{display: none;}
    .en #home #roll #app_r6 .rowMain .col-1 .pic:after{background-color: rgba(0,0,0,0);}
    .en #home #roll #app_r6 .rowMain .col-2 .other{right: 5vw;}
    .en #home #roll #app_r6 .ad{right: 5%;}
    .en #home #roll #app_r6 .rowMain .col-2{padding: 0.4rem 15% 0.4rem 10%;}
    .en #home #roll #r2 .wrap .rowMain .group .col-2 .msg p{line-height: 1.8;}
    .en #home #roll #r2 .wrap .bm .data{padding-top: 0.1rem;}
    .en #home #roll #r2 .wrap .rowMain .group .col-2 .other .txt{margin: 0.4rem 0 0.6rem 0;}
    .en #home #roll #r2 .wrap .bm .data > li p{
        overflow:hidden;height: 36px;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .en #about #roll #r2 > .inner .after .title h3{padding: 0;width: 85%;}
    .en #about #roll #r4 > .rowMain .other > li{font-size: 0.4rem;}
    .en #stock #roll #r1 .rowMain .items .list:nth-of-type(1){margin-top: 0.6rem;}
    .en #stock #roll #r1 .rowMain .items .list:nth-of-type(3){margin-top: 0.4rem;}
    .en #stock #roll #r3 .rowMain .topic .tab > a{min-width: auto;max-width: 6rem;overflow: visible;}
    .en #stock #roll #r3 .rowMain .topic .tab > a:before{border-radius: 100px;}
    .en #stock #roll #r3 .rowMain .mid .items .list .Download > span{font-size: 13px;}
    .en #stock #roll #r3 .rowMain .mid .items .list .Download{width: 2.8rem;bottom: 0.2rem;}
    /*.en #stock #roll #r4 .rowMain .mid .col span:nth-of-type(2){text-align: justify;}*/
    /*.en #stock #roll #r4 .rowMain .mid .col:nth-of-type(1) span:nth-of-type(2){text-align: right;}*/
    /*.en #stock #roll #r4 .rowMain .mid .col span:nth-of-type(3){width: 50%;}*/
    /*.en #stock #roll #r4 .rowMain .mid .col span:nth-of-type(4){width: 45%;text-align: right;}*/
    .en #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) #txtPath2 text{font-size: 0.6rem;}
    .en #innovate #roll #r3 .rowMain .title .text:nth-of-type(2) #txtPath2{transform-origin: 40% -80%;}
    .en #bloc #stock footer{margin-top: 0;}

    .en #video #roll #r1 .rowMain .items{bottom: 1.3rem;}
    .en #video #roll #r2 .bg .pic{top: -2rem;}
    .en #video #roll #r3 .bg .pic{top: -2rem;}
    .en #video #roll #r2 .rowMain .topic .title{padding-bottom: 0.5rem;}
    .en #new #roll #r2 .bg .pic{top: -2rem;}
    .en #new #roll #r2 .rowMain .topic .title{padding-bottom: 0.5rem;}
    .en #power #roll #r3 .rowMain .txt{font-size: 0.7rem;}
    .en #home #roll #app_r3 .rowMain .title{width: 90%;}
    .en #home #roll #app_r3 .rowMain .title p{font-size: 12px;}
    .en #home #roll #app_r3 .rowMain .title h2{line-height: 1.2;}
    .en #appSw{overflow: visible;}
    .en #appSw .swiper-pagination-bullet{background-color: #fff;}
    .en #appSw .swiper-pagination-bullets{bottom: -30px;}
    .en #home #roll #r2 .wrap .rowMain .group .col-2 .msg h3{line-height: 1.4;}
    #power #roll #r3 .rowMain .txt img{max-width: 100%;}
    .pop .formCon{width: 90%;}
    .pop .formCon form .list{width: 46%;}
    .pop .formCon form .list.small{width: 46%;}
}