<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media only screen and (min-width:900px) and (max-width:1260px){ 

    .drawer-nav { display: none; }
    .drawer-hamburger{display: none;}
    .fixed-sub {display: none!important;}
    /* header */
    .pc-1200px {display: none!important;}
    
    
    /* header footer */
    .icenter{width: 94%;}
    .footerwrap .fo01,.footerwrap .fo02 {display: none;}
    .waves {display: none;}
    .footerwrap { padding-top: 0px; }
    .footerwrap .fo03 .icenter1 {    flex-flow: wrap; justify-content: center;}
    .footerwrap .fo03 .right {display: none;}
    .meng img { width: 220px;    margin: auto; }
    .meng .box p { font-size: 14px; margin-top: 14px; margin-bottom: 22px;}
    #spinningSquaresG { width: 141px; height: 14px; }
    .spinningSquaresG { width: 9px; height: 9px;}
    .icenter1 { width: 94%; } 
    .footerwrap .fo03 .left { width: 80%; text-align: center; }
    .head_b .right ul li .a { font-size: 13px; }
/* html */
html { font-size: 10px; }
.index_banner { margin-top: 80px; height: calc(75% - 80px); }
.index_banner .banner_dex { bottom: 60px; }
.index_banner .box .b-video{height: 100%;width: 100%;}


/* index */
.index_1 .box a .text .icon { margin-bottom: 163px; width: 62px; height: 62px; }
.index_1 .box a .text .mid h4 { font-size: 2.2rem; margin-bottom: 8px; }
.h3_com { font-size: 4.5rem; line-height: 51px; }
.index_2 .icenter1 .left .t h4 { line-height: 30px; font-size: 2.6rem; }
.index_2 .icenter1 .left .m .title { padding: 6px 0; padding-left: 8px; font-size: 1.6rem; }
.index_3 dl dd { width: 31%; }
.index_3 dl dd .m { padding: 10px 0; font-size: 1.4rem; line-height: 21px; height:auto; }
.index_3 dl dd .b { font-size: 1.4rem; padding-top: 10px; }
.index_3 dl dd .icon img { height: 55px; }
.index_4 .top .right .text { width: 82%; }
.index_4 .top .right .text h3 { margin-bottom: 12px; line-height: 48px; }
.index_4 .top .right .text h4 { line-height: 30px; margin-bottom: 17px; font-size: 2.4rem; }
.index_4 .top .right .text p { margin-bottom: 30px; line-height: 24px; font-size: 1.4rem; }
.index_4 .top .left .wen { right: -108px; bottom: 150px; font-size: 6.5rem; }
.index_4 .bot li h4 strong,.index_4 .bot li h4 { font-size: 5.5rem; line-height: 51px; }
.index_4 .bot li h5 { font-size: 1.4rem; padding-top: 10px; margin-top: 10px; }
.index_4 .bot li .icon { width: 46px; height: 46px; margin-right: 7px; }
.index_4 .bot li .icon img { width: 25px; }
.index_4 .bot li { width: 32%; }
.index_4 .bot li .text { width: 76%; }
.index_5 .bot .box .imgbox { height: 158px; border-radius: 12px; }
.index_5 .bot .box .cc .t .date span { font-size: 1.4rem; }
.index_5 .bot .box .cc .t .icon img { width: 16px; }
.index_5 .bot .box .cc { padding-top: 17px; }
.index_5 .bot .box .cc .t { margin-bottom: 12px; }
.index_5 .bot .box .m h4 { height: 43px; font-size: 1.6rem; }
.index_5 .bot .box .m h5 { font-size: 1.4rem; }
.index_5 .bot .box .cc .b_more { margin-top: 14px; font-size: 1.3rem; }
.index_5 .swiper-container-horizontal&gt;.swiper-pagination-progressbar { width: 89%; }
.index_5 { padding: 80px 0 60px; }

/* Eversmile */
.inner-banner { margin-top: 80px; }
.inner-banner img {height: 400px;}
.smile01 .segment2 .box .text { width: 157px; }
.smile01 .segment2 .box .icon img { width: 37px; }
.smile01 .segment2 .box .icon { width: 65px; height: 65px; }
.smile01 .segment2 .box .text h4 { font-size: 15px; }
.smile01 .segment2 .box .text h5 { font-size: 12px; line-height: 20px; }
.smile01 .segment1 p { margin: 5px 0 34px; font-size: 16px; line-height: 23px; }
.soft_h4 { font-size: 30px; line-height: 42px; }
.smile01 {     margin-top: 412px; padding-bottom: 100px; padding-top: 83px;}
.smile01 .segment1 { top: -510px; }
.smile02 .segment2 .left h4 { font-size: 30px; line-height: 36px; margin-bottom: 13px; }
.smile02 .segment2 .left h5 { font-size: 16px; line-height: 26px; }
.smile02 .segment2 .right dl dd .icon { width: 70px; height: 70px; }
.smile02 .segment2 .right dl dd .icon img { width: 30px; }
.smile02 .segment2 .right { padding: 66px 14px; }
.smile02 .segment2 .right dl dd span { font-size: 14px; margin-top: 6px; height: 37px; line-height: 17px; }
.smile02 { padding: 90px 0; }


/* about */
.comp01 .right { padding-right: 0px; width: 45.5%;}
.comp01 .left video { height: 255px; }
.comp01 { padding-bottom: 90px; }
.print01 { padding: 80px 0; }
.comp04 .right { width: 48.5%; }
.comp04 .box2 { margin-bottom: 4.6%; }
.comp04 .box { height: 48%; }
.comp04 .box  img {height: 100%;}
.comp04 .icenter1 { height: 530px; }
.comp04 .box1 { width: 48.5%; height: 100%; }
.comp04 .box .text { left: 30px; top: 30px; width: 80%; }
.comp04 { padding: 95px 0; }
.comp05 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.comp05 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.comp05 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.comp05 .ban { bottom: 81px; }
.comp05 .soft_h4 { margin-bottom: 85px; }
.comp05 { padding: 96px 0 102px; }
.comp05 .le_cc { top: -58px; }
.comp05 .ri_cc { top: -58px; }
.comp05Swiper { height: 357px; }
.comp06 { padding: 50px 0; }
.comp06 .top p { font-size: 14px; line-height: 24px; margin-top: 7px; }
.comp06 .top { width: 100%; margin-bottom: 20px; }
.comp06 .dr{display: none;}
.comp06 .dr6 { display: block; left: 0px; top: 0px; position: relative; width: fit-content;animation: none;}
.comp06 .top .soft_h4,.comp06 .top p {text-align: center;}
.comp06 .dr6 {margin: auto;}
.comp06 .bot { padding-bottom: 0px; height: auto; }
.comp06_h5 {display: block;margin-bottom: 0px;}
.comp06 .dr6 a { font-size: 16px; width: 88px; height: 88px; }

.comp06_h5_1 {display: none;}
.comp06_h5_2 {display: block;}
.human03 { margin-bottom: 105px; }
.human03 .bot .t .mg1 img,.human03 .bot .t .mg2 img {height: 217px;}
.human03 .bot .t .mg1 { width: 66%; }
.human03 .bot .t .mg2 { width: 32%; }
.segment3 .fa {border: 1px solid #ddd;color: #fff;}
.segment3 .fa-angle-right { right: 0px; }
.segment3 .fa-angle-left{ left: 0px; }
.inner-banner .text { width: 94%;}
.con02 { padding: 90px 0 90px; }
.dr6 {     top: 129px; left: 488px; }
.dr5 { top: 61px; left: 510px; }
.con01 .bot .left { width: 66%; }
.con01 .bot .right .bg { width: 93px; }
.con01 .bot .right .card { padding: 37px 25px; }
.con01 .bot .right { min-height: 356px; width: 31%; }
.news01 .left img{height: 100%;}
.news01 { margin-bottom: 55px; height: 315px; }
.news01 .right { padding: 32px 37px; }
.newsinfo { width: 94%; padding: 100px 0 100px; }
.fac01 p {font-size: 14px; line-height: 24px; margin: 8px 0 29px;}
.fac01 .icenter1 .box { width: 51%; height: 400px; }
.icenter3 { width: 94%; }
.fac02 dl dd { padding: 14px 4px; font-size: 12px;white-space: inherit;}
.fac03 dl dd { width: 200px; }
.fac03 span { font-size: 16px; margin-top: 16px; }
.jian { left: 249px; }
.fac04 .content .text { padding: 68px 33px; }
.fac04 .content { height: 327px; }
.fac04 .content .text .wen { font-size: 88px; top: 10px; left: 20px; }
.fac05 { padding: 50px 0; }
.am2bg { display: none; }
.fac05 .bot a {display: none;}
.ac2sz:before { width: 211px; }
.ab2cv { position: relative; left: 0px; bottom: 0px; margin-top: 30px; }
.fac05_h5 {display: block!important;}
.fac05_h5 .card {   background-color: #fff; box-shadow: 0 0 10px #ddd; display: flex; padding: 16px; margin: 20px 0;    width: 57%;}
.fac05_h5 .card .text{text-align: start;}
.fac05_h5 .card .text h4 {color: var(--dex); font-weight: bold; font-size: 18px;margin-bottom: 6px;}
.fac05_h5 .card .text h5 {color: #333; font-size: 16px;}
.fac05_h5 .card .text { text-align: start; margin-left: 18px; }
.fac05 .top {flex-flow: wrap; }
.fac05 .top p {width: 100%;}
.fac05 .top p::before {display: none;}
.ac2sz strong {    font-size: 62px; line-height: 58px; }
.ac2sz span { font-size: 50px; line-height: 40px; margin-right: 10px; }
.ac2sz { font-size: 14px; margin-top: 0px; padding-bottom: 14px; }
.case01 .box .text p { font-size: 12px; line-height: 22px; margin-bottom: 21px; }
.case01 .box .text h4 { font-size: 18px; line-height: 22px; margin-bottom: 17px; }
.case01 .box .text { padding: 30px; }
.case02 { padding: 101px 0 143px; background-position:center;}
.case02 .content { padding: 0px 95px; }
.case02 .fa {    bottom: -25%;}
.case02 .fa-angle-left { left: 45.5%; }
.case02 .fa-angle-right { right: 45.5%; }
.case03 dl dd img { height: 155px; }
.case03 dl dd h4 { font-size: 22px; margin-bottom: 12px; }
.case03 dl dd { padding: 25px 14px; }
.case03 { padding: 90px 0; }
.case04 .icenter1 p { width: 94%; }
.case05 { padding-bottom: 0px; }
.case05 dl { top: -61px; }
.case04 { padding: 90px 0 110px; }
.case03 dl dd .bottom .sc span { font-size: 12px; }
.aft01 .right { width: 51%; padding: 11px 47px; }
.aft03 dl dd { padding: 24px 13px; }
.aft03 dl dd img { width: 56px; margin-bottom: 12px; }
.aft03 dl dd h4 { font-size: 20px; }
.aft03 dl dd .line { width: 18px; margin: 9px auto; }
.aft03 dl dd p { font-size: 14px; line-height: 24px; height: 78px; }

.print02 .right { width: 50%; }
.print02 .wen { font-size: 79px; top: 50px; }
.print02 .left { width: 47%; }
.print02 .left h4 { font-size: 33px; margin-bottom: 16px; }
.print02 { padding: 164px 0 66px; }
.print03 { padding: 100px 0; }
.print04 h5 { width: 94%; }
.print04 h4 { margin-bottom: 17px; }
.print04 { padding: 116px 0; }
.print05 { padding: 100px 0 }
.print03 .dot .bot .icon img { width: 54px; }
.print03 .dot .bot .icon { width: 110px; height: 110px; }
.print03 .dot .bot { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.print01 a { font-size: 16px; }
.equip .box .imgbox img { height: 200px; }
.equip .box .text h4 { font-size: 28px; }
.equip .box .text h5 { font-size: 15px; }
.equip .box .text p { font-size: 12px; line-height: 22px; margin: 14px 0 18px; }
.equip .box .text { padding: 12px 23px 30px; }
.equip { padding-bottom: 20px; }

.equipinfo_banner .left {justify-content: flex-start;}
.equipinfo_banner .left .main .icon img { height: 356px; width: auto; }
.equipinfo_banner .right h3 { font-size: 40px; margin-bottom: 5px; line-height: 44px; }
.equipinfo_banner .right h4 { font-size: 16px; margin-bottom: 14px; }
.equipinfo_banner .right p { font-size: 12px; line-height: 22px; margin-bottom: 27px; }
.equipinfo_banner .right { width: 47%;     padding-right: 30px;}
.equip-w { width: 94%; }
.equipinfo01 ul li p { height: 46px; padding: 10px 0; line-height: 16px; font-size: 12px; }
.equipinfo01 ul li:nth-of-type(2) p { padding-left: 36px; }
.equipinfo02 { padding: 90px 0 80px; }
.equipinfo_banner { padding: 90px 0; margin-top: 80px; }
.equipinfo05 { padding: 100px 0; }
.equipinfo04 .bot .box { padding: 43px 90px; }
.equipinfo04 .bot .box img { height: 263px; }
.equipinfo04 .bot .box h4 { font-size: 16px; margin-bottom: 12px; }
.equipinfo04 .bot .box h5 { font-size: 14px; margin-bottom: 10px; }
.equipinfo04 .bot .box .text { width: 62%; }
.equipinfo04 .fa { width: 34px; height: 68px; font-size: 34px; }

.mat01 .text { width: 45%; }
.mat01 .cc { position: absolute; right: 0px; top: 71px; width: 53%; }
.mat02 dl dd .top { width: 158px; margin-bottom: 18px; }
.mat02 dl dd .icon img { width: 54px; }
.mat02 dl dd { width: 24%; }
.mat02 dl dd .bot h5 { font-size: 12px; line-height: 20px; height: 125px; }

.mat03 .article .left h4 { font-size: 26px; margin-bottom: 4px; }
.mat03 .article .left h5 { font-size: 12px; line-height: 22px; }
.mat03 .article .left { padding: 46px; }
.mat04 p { width: 94%; }
.mat04 { padding: 120px 0; }

.soft01 .right { padding-right: 35px;    width: 47.5%; }
.soft_h4 { font-size: 28px; line-height: 33px; }
.soft01 .right p { margin-top: 14px; font-size: 14px; }
.soft_cc dd .icon { width: 120px; height: 120px; }
.soft_cc dd .icon img { width: 63px; }
.soft_cc dd .text { width: 67%; }
.soft_cc dd { width: 49%; margin-bottom: 42px; }
.soft_cc dd .text p { font-size: 12px; line-height: 20px; }
.soft_cc dd .text h4 { font-size: 18px; margin-bottom: 7px; line-height: 24px; }
.soft_cc dd .icon span { font-size: 14px; left: 10px; top: -12px; }
.soft03 .right { padding-left: 40px; }
.soft01 .right p { margin-top: 12px; font-size: 12px; line-height: 22px; }
.gridLayout { margin: 140px 0 30px;}
.coll { padding: 30px 0 0px; }

.case01 .box { height: 233px; }

.print02 .right img { height: auto; }

.inner-banner img { height: 100%; }
.hengxiao03 ul li .text { padding-left: 4.3rem; }
.hengxiao04 .icenter1 ul li { width: 23%; margin-right: 2.6%; margin-bottom: 2.6%; }
.hengxiao05 .icenter1 p { width: 94%; }
.hengxiao04 {background-size: contain;}
.hengxiao04 .icenter1 ul li:hover .text { padding: 2.9rem 1.5rem 0; }
.hengxiao03 ul li .text p { max-width: 94%; }
.hengxiao06 { padding: 80px 0;}


}
@media only screen and (min-width:750px) and (max-width:1000px){

    .drawer-nav { display: none; }
    .drawer-hamburger{display: none;}
    .fixed-sub {display: none!important;}
    /* header */
    .pc-1200px {display: none!important;}
    
    
    /* header footer */
    .icenter{width: 94%;}
    .footerwrap .fo01,.footerwrap .fo02 {display: none;}
    .waves {display: none;}
    .footerwrap { padding-top: 0px; }
    .footerwrap .fo03 .icenter1 {    flex-flow: wrap; justify-content: center;}
    .footerwrap .fo03 .right {display: none;}
    .meng img { width: 220px;    margin: auto; }
    .meng .box p { font-size: 14px; margin-top: 14px; margin-bottom: 22px;}
    #spinningSquaresG { width: 141px; height: 14px; }
    .spinningSquaresG { width: 9px; height: 9px;}
    .icenter1 { width: 94%; } 
    .footerwrap .fo03 .left { width: 80%; text-align: center; }
    .head_b .right ul li .a { font-size: 13px; }
    .head_b .right ul li { margin: 0px 4px; }
    .head_b .right ul li .a { font-size: 12px; }
    
/* html */
html { font-size: 10px; }
.index_banner { margin-top: 80px; height: calc(65% - 80px); }
.index_banner .banner_dex { bottom: 60px; }
.index_banner .box .b-video{height: 100%;width: 100%;}


/* index */
.index_1 .box a .text .icon { margin-bottom: 163px; width: 62px; height: 62px; }
.index_1 .box a .text .mid h4 { font-size: 2.6rem; margin-bottom: 8px; }
.h3_com { font-size: 4.5rem; line-height: 51px; }
.index_2 .icenter1 .left .t h4 { line-height: 30px; font-size: 2.6rem; }
.index_2 .icenter1 .left .m .title { padding: 6px 0; padding-left: 8px; font-size: 1.6rem; }
.index_3 dl dd { width: 31%; }
.index_3 dl dd .m { padding: 10px 0; font-size: 1.3rem; line-height: 21px; height: auto; }
.index_3 dl dd .b { font-size: 1.4rem; padding-top: 10px; }
.index_3 dl dd .icon img { height: 55px; }
.index_4 .top .right .text { width: 82%; }
.index_4 .top .right .text h3 { margin-bottom: 12px; line-height: 48px; }
.index_4 .top .right .text h4 { line-height: 30px; margin-bottom: 17px; font-size: 2.4rem; }
.index_4 .top .right .text p { margin-bottom: 30px; line-height: 24px; font-size: 1.4rem; }
.index_4 .top .left .wen { right: -108px; bottom: 150px; font-size: 6.5rem; }
.index_4 .bot li h4 strong,.index_4 .bot li h4 { font-size: 5.5rem; line-height: 51px; }
.index_4 .bot li h5 { font-size: 1.4rem; padding-top: 10px; margin-top: 10px; }
.index_4 .bot li .icon { width: 46px; height: 46px; margin-right: 7px; }
.index_4 .bot li .icon img { width: 25px; }
.index_4 .bot li { width: 32%; }
.index_4 .bot li .text { width: 76%; }
.index_5 .bot .box .imgbox { height: 158px; border-radius: 12px; }
.index_5 .bot .box .cc .t .date span { font-size: 1.4rem; }
.index_5 .bot .box .cc .t .icon img { width: 16px; }
.index_5 .bot .box .cc { padding-top: 17px; }
.index_5 .bot .box .cc .t { margin-bottom: 12px; }
.index_5 .bot .box .m h4 { height: 43px; font-size: 1.6rem; }
.index_5 .bot .box .m h5 { font-size: 1.4rem; }
.index_5 .bot .box .cc .b_more { margin-top: 14px; font-size: 1.3rem; }
.index_5 .swiper-container-horizontal&gt;.swiper-pagination-progressbar { width: 89%; }
.index_5 { padding: 80px 0 60px; }


/* Eversmile */
.inner-banner { margin-top: 80px; }
.inner-banner img {height: 300px;}
.smile01 .segment2 .box .text { width: 157px; }
.smile01 .segment2 .box .icon img { width: 37px; }
.smile01 .segment2 .box .icon { width: 65px; height: 65px; }
.smile01 .segment2 .box .text h4 { font-size: 15px; }
.smile01 .segment2 .box .text h5 { font-size: 12px; line-height: 20px; }
.smile01 .segment1 p { margin: 5px 0 34px; font-size: 16px; line-height: 23px; }
.soft_h4 { font-size: 30px; line-height: 42px; }
.smile01 { margin-top: 341px; padding-bottom: 100px; padding-top: 83px; }
.smile01 .segment1 { top: -448px; }
.smile02 .segment2 .left h4 { font-size: 30px; line-height: 36px; margin-bottom: 13px; }
.smile02 .segment2 .left h5 { font-size: 16px; line-height: 26px; }
.smile02 .segment2 .right dl dd .icon { width: 70px; height: 70px; }
.smile02 .segment2 .right dl dd .icon img { width: 30px; }
.smile02 .segment2 .right { padding: 66px 14px; }
.smile02 .segment2 .right dl dd span { font-size: 14px; margin-top: 6px; height: 51px; line-height: 17px; }
.smile02 { padding: 90px 0; }

/* about */
.comp01 .right { padding-right: 0px; width: 45.5%;}
.comp01 .left video { height: 198px; }
.comp01 { padding-bottom: 90px; }
.print01 { padding: 80px 0; }
.comp04 .right { width: 48.5%; }
.comp04 .box2 { margin-bottom: 6%; }
.comp04 .box { height: 48%; }
.comp04 .box  img {height: 100%;}
.comp04 .icenter1 { height: 530px; }
.comp04 .box1 { width: 48.5%; height: 100%; }
.comp04 .box .text { left: 30px; top: 30px; width: 80%; }
.comp04 { padding: 95px 0; }
.comp05 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.comp05 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.comp05 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.comp05 .ban { bottom: 81px; }
.comp05 .soft_h4 { margin-bottom: 85px; }
.comp05 { padding: 96px 0 102px; }
.comp05 .le_cc { top: -58px; }
.comp05 .ri_cc { top: -58px; }
.comp05Swiper { height: 357px; }
.comp06 { padding: 50px 0; }
.comp06 .top p { font-size: 14px; line-height: 24px; margin-top: 7px; }
.comp06 .top { width: 100%; margin-bottom: 20px; }
.comp06 .dr{display: none;}
.comp06 .dr6 { display: block; left: 0px; top: 0px; position: relative; width: fit-content;animation: none;}
.comp06 .top .soft_h4,.comp06 .top p {text-align: center;}
.comp06 .dr6 {margin: auto;}
.comp06 .bot { padding-bottom: 0px; height: auto; }
.comp06_h5 {display: block;margin-bottom: 0px;}
.comp06 .dr6 a { font-size: 16px; width: 88px; height: 88px; }
.comp06_h5_1 {display: none;}
.comp06_h5_2 {display: block;}
.human03 { margin-bottom: 105px; }
.human03 .bot .t .mg1 img,.human03 .bot .t .mg2 img {height: 160px;}
.human03 .bot .t .mg1 { width: 65.5%; }
.human03 .bot .t .mg2 { width: 31.5%; }
.segment3 .fa {border: 1px solid #ddd;color: #fff;}
.segment3 .fa-angle-right { right: 0px; }
.segment3 .fa-angle-left{ left: 0px; }
.inner-banner .text { width: 94%;}
.con02 { padding: 90px 0 90px; }
.dr6 { top: 102px; left: 332px; }
.dr5 {    top: 13px; left: 350px; }
.con01 .bot .left { width: 62%; }
.con01 .bot .right .bg { width: 93px; }
.con01 .bot .right .card { padding: 37px 25px; }
.con01 .bot .right { min-height: 356px; width: 36%; }
.news01 .left img{height: 100%;}
.news01 { margin-bottom: 55px; height: 272px; }
.news01 .right { padding: 26px 24px; }
.news01 .right .date img { width: 13px; margin-right: 7px; }
.news01 .right .date { font-size: 12px; margin-bottom: 7px; }
.news01 .right h4 { font-size: 14px; line-height: 22px; margin-bottom: 8px; }
.news01 .right p { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
.newsinfo { width: 94%; padding: 100px 0 100px; }
.fac01 p { font-size: 12px; line-height: 20px; margin: 8px 0 29px; }
.fac01 .icenter1 .box { width: 51%; height: 400px; }
.icenter3 { width: 94%; }
.fac02 dl dd { padding: 14px 4px; font-size: 12px;white-space: inherit;}
.fac03 dl dd { width: 170px; }
.fac03 span { font-size: 16px; margin-top: 16px; }
.jian { left: 181px; }
.fac04 .content .text { padding: 68px 33px; }
.fac04 .content { height: 327px; }
.fac04 .content .text .wen { font-size: 88px; top: 10px; left: 20px; }
.fac05 { padding: 50px 0; }
.am2bg { display: none; }
.fac05 .bot a {display: none;}
.ac2sz:before { width: 211px; }
.ab2cv { position: relative; left: 0px; bottom: 0px; margin-top: 30px; }
.fac05_h5 {display: block!important;}
.fac05_h5 .card {   background-color: #fff; box-shadow: 0 0 10px #ddd; display: flex; padding: 16px; margin: 20px 0;    width: 57%;}
.fac05_h5 .card .text{text-align: start;}
.fac05_h5 .card .text h4 {color: var(--dex); font-weight: bold; font-size: 18px;margin-bottom: 6px;}
.fac05_h5 .card .text h5 {color: #333; font-size: 16px;}
.fac05_h5 .card .text { text-align: start; margin-left: 18px; }
.fac05 .top {flex-flow: wrap; }
.fac05 .top p {width: 100%;}
.fac05 .top p::before {display: none;}
.ac2sz strong {    font-size: 62px; line-height: 58px; }
.ac2sz span { font-size: 50px; line-height: 40px; margin-right: 10px; }
.ac2sz { font-size: 14px; margin-top: 0px; padding-bottom: 14px; }

.case01 .box .text p { font-size: 12px; line-height: 22px; margin-bottom: 21px; }
.case01 .box .text h4 { font-size: 18px; line-height: 22px; margin-bottom: 17px; }
.case01 .box .text { padding: 30px; }
.case01 .box { height: 265px; }
.case02 { padding: 101px 0 143px; background-position:center;}
.case02 .content { padding: 0px 95px; }
.case02 .fa {    bottom: -25%;}
.case02 .fa-angle-left { left: 45.5%; }
.case02 .fa-angle-right { right: 45.5%; }
.case03 dl dd img { height: 155px; }
.case03 dl dd h4 { font-size: 22px; margin-bottom: 12px; }
.case03 dl dd { padding: 25px 14px; }
.case03 { padding: 90px 0; }
.case04 .icenter1 p { width: 94%; }
.case05 { padding-bottom: 0px; }
.case05 dl { top: -61px; }
.case04 { padding: 90px 0 110px; }
.case03 dl dd .bottom .sc span { font-size: 12px; }
.aft01 .right { width: 51%; padding: 11px 47px; }
.aft03 dl dd { padding: 24px 13px; }
.aft03 dl dd img { width: 56px; margin-bottom: 12px; }
.aft03 dl dd h4 { font-size: 16px; }
.aft03 dl dd .line { width: 18px; margin: 9px auto; }
.aft03 dl dd p { font-size: 12px; line-height: 22px; height: 78px; }

.print02 .right { width: 50%; }
.print02 .wen { font-size: 79px; top: 50px; }
.print02 .left { width: 47%; }
.print02 .left h4 { font-size: 33px; margin-bottom: 16px; }
.print02 { padding: 164px 0 66px; }
.print03 { padding: 100px 0; }
.print04 h5 { width: 94%; }
.print04 h4 { margin-bottom: 17px; }
.print04 { padding: 116px 0; }
.print05 { padding: 100px 0 }
.print03 .dot .bot .icon img { width: 54px; }
.print03 .dot .bot .icon { width: 110px; height: 110px; }
.print03 .dot .bot { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.print01 a { font-size: 16px; }
.equip .box .imgbox img { height: 200px; }
.equip .box .text h4 { font-size: 28px; }
.equip .box .text h5 { font-size: 15px; }
.equip .box .text p { font-size: 12px; line-height: 22px; margin: 14px 0 18px; }
.equip .box .text { padding: 12px 23px 30px; }
.equip { padding-bottom: 20px; }
.equipinfo_banner .left {justify-content: flex-start;}
.equipinfo_banner .left .main .icon img { height: 300px; width: auto; }
.equipinfo_banner .right h3 { font-size: 40px; margin-bottom: 5px; line-height: 44px; }
.equipinfo_banner .right h4 { font-size: 16px; margin-bottom: 14px; }
.equipinfo_banner .right p { font-size: 12px; line-height: 22px; margin-bottom: 27px; }
.equipinfo_banner .right { width: 47%;     padding-right: 30px;}
.equip-w { width: 94%; }
.equipinfo01 ul li p { height: 46px; padding: 10px 0; line-height: 16px; font-size: 12px; }
.equipinfo01 ul li:nth-of-type(2) p { padding-left: 36px; }
.equipinfo02 { padding: 90px 0 80px; }
.equipinfo_banner { padding: 90px 0; margin-top: 80px; }
.equipinfo05 { padding: 100px 0; }
.equipinfo04 .bot .box { padding: 43px 90px; }
.equipinfo04 .bot .box img { height: 263px; }
.equipinfo04 .bot .box h4 { font-size: 16px; margin-bottom: 12px; }
.equipinfo04 .bot .box h5 { font-size: 14px; margin-bottom: 10px; }
.equipinfo04 .bot .box .text { width: 62%; }
.equipinfo04 .fa { width: 34px; height: 68px; font-size: 34px; }
.mat01 .text { width: 45%; }
.mat01 .cc { position: absolute; right: 0px; top: 71px; width: 53%; }
.mat02 dl dd .top { width: 158px; margin-bottom: 18px; }
.mat02 dl dd .icon img { width: 54px; }
.mat02 dl dd { width: 24%; }
.mat02 dl dd .bot h5 { font-size: 12px; line-height: 20px; height: 125px; }
.mat03 .article .left h4 { font-size: 26px; margin-bottom: 4px; }
.mat03 .article .left h5 { font-size: 12px; line-height: 22px; }
.mat03 .article .left { padding: 46px; }
.mat04 p { width: 94%; }
.mat04 { padding: 120px 0; }
.soft01 .right { padding-right: 35px;    width: 47.5%; }
.soft_h4 { font-size: 28px; line-height: 33px; }
.soft01 .right p { margin-top: 14px; font-size: 14px; }
.soft_cc dd .icon { width: 120px; height: 120px; }
.soft_cc dd .icon img { width: 63px; }
.soft_cc dd .text { width: 56%; }
.soft_cc dd { width: 49%; margin-bottom: 42px; }
.soft_cc dd .text p { font-size: 12px; line-height: 20px; }
.soft_cc dd .text h4 { font-size: 18px; margin-bottom: 7px; line-height: 24px; }
.soft_cc dd .icon span { font-size: 14px; left: 10px; top: -12px; }
.soft03 .right { padding-left: 40px; }
.soft01 .right p { margin-top: 12px; font-size: 12px; line-height: 22px; }
.gridLayout { margin: 140px 0 30px;}
.coll { padding: 30px 0 0px; }
.print02 .right img { height: auto; }

.inner-banner img { height: 100%; }
.hengxiao03 ul li .text { padding-left: 4.3rem; }
.hengxiao04 .icenter1 ul li { width: 23%; margin-right: 2.6%; margin-bottom: 2.6%; }
.hengxiao05 .icenter1 p { width: 94%; }
.hengxiao04 {background-size: contain;}
.hengxiao04 .icenter1 ul li:hover .text { padding: 2.9rem 1.5rem 0; }
.hengxiao03 ul li .text p { max-width: 94%; }

.hengxiao06 { padding: 80px 0;}


}



@media only screen and (max-width:768px){
    .fixed-sub {display: none!important;}
           /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
*{font-weight: normal!important;/*font-size: 16px;*/}
/* header */
 .pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{      height: 100%!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav&gt;.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.drawer--right .drawer-nav&gt;.drawer-menu&gt;.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;          top: 6.4%;}
.drawer--right .drawer-nav&gt;.drawer-menu&gt;.drawer-menu&gt;li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu&gt;li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open&gt;.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open&gt;.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu&gt;li:last-child{margin-bottom: 0px!important;}

.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {    position: absolute; right: 40px; bottom: 90px; font-size: 20px; color: #333;z-index: 10;}

/* header footer */
.icenter{width: 94%;}
.head_t {display: none;}
.head_b .right{display: none;}
.head_b .left::before {height: 100%;}
.head_b .left::after {height: 100%;}
.head_b .left {     width: 44.7%; justify-content: center; width: fit-content;}
.head_b .left .logo img { width: 115px; object-fit: contain;}
.head_b {height: 60px;}
.head_b .left .logo {  padding: 3px;   margin-top: 0px; box-sizing: border-box; width: 122px; height: 46px; display: flex; justify-content: center; align-items: center;}
.div2 .head_b .left .logo img { width: 115px; }
.footerwrap .fo01,.footerwrap .fo02 {display: none;}
.waves {display: none;}
.footerwrap { padding-top: 0px; }
.footerwrap .fo03 .icenter1 {    flex-flow: wrap; justify-content: center;}
.footerwrap .fo03 .right {display: none;}
.meng img { width: 220px;    margin: auto; }
.meng .box p { font-size: 14px; margin-top: 14px; margin-bottom: 22px;}
#spinningSquaresG { width: 141px; height: 14px; }
.spinningSquaresG { width: 9px; height: 9px;}
.icenter1 { width: 94%; } 
.footerwrap .fo03 .left { width: 90%; text-align: center; }
.head_b .left::before ,.head_b .left::after{display: none;}
.head_b .left .logo .logo2 { display: block; }
.div1 .head_b .left .logo1 { display:none; }
/* html */
html { font-size: 8px; }

/* indexbanner */
.index_banner { margin-top: 60px; height: calc(68% - 60px); }
.indexSwiper .box .text h4 { font-size: 8rem; margin-bottom: 34px; line-height: 55px; }
.indexSwiper .box .text h3 { font-size: 2rem; margin-bottom: 10px; }
.index_banner .box .amore{width: 120px;height: 36px;}
.index_banner .banner_dex { bottom: 45px; }


/* index5 */
.index_5 { padding: 50px 0; }
.h3_com { font-size: 4rem; }
.amore { font-size: 13px; width: 110px; height: 32px; }
.index_5 .bot .box .cc { padding-top: 20px; }
.index_5 .bot .box .cc .t { margin-bottom: 12px; }
.index_5 .bot .box .cc .t { margin-bottom: 12px; }
.index_5 .fa2 { border: 7px solid #f1f5fb; border-left: 7px solid var(--dex); left: 28px;}
.index_5 .fa1 { border: 7px solid #f1f5fb; border-right: 7px solid var(--dex); left: -4px;}
.index_5 .bot { padding-bottom: 82px; }
.index_5 .swiper-container-horizontal&gt;.swiper-pagination-progressbar { width: 84%;    bottom: 40px; }
.index_5 .fa {bottom: 35px;}



/* index4 */
.index_4 { padding: 50px 0; }
.index_4 .top .left { position: relative; width: 100%;top: 0px;left: 0px;margin-bottom: 20px;}
.index_4 .top .right {width: 100%;}
.index_4 .top {flex-flow: wrap;  padding-bottom: 34px}
.index_4 .top .right .text { width: 90%; left: 50%;}
.index_4 .top .right .text h3 { margin-bottom: 24px; line-height: 42px; }
.index_4 .top .right .text p {     margin-bottom: 29px; line-height: 26px;}
.index_4 .top .right::before {display: none;}
.index_4 .top .right img { height: 404px; }
.index_4 .top .left img { height: 372px; }
.index_4 .bot {flex-flow: wrap;}
.index_4 .bot li { width: 100%; }
.index_4 .bot li .icon { width: 50px; height: 50px; margin-right: 14px; }
.index_4 .bot li .icon img { width: 24px; }
.index_4 .bot li h5 { font-size: 1.6rem; padding-top: 9px; margin-top: 7px; }
.index_4 .bot li h4 { font-size: 6rem; margin-left: 5px; line-height: 50px; }
.index_4 .bot li h4 strong { font-size: 6rem; line-height: 50px; }
.index_4 .bot li { width: 100%; margin-bottom: 14px; border: 1px solid #ddd; padding: 24px; }
.index_4 .top .right .text h4 { line-height: 30px; margin-bottom: 14px; font-size: 2.6rem; }
.index_4 .top .right .text h3 { margin-bottom: 8px; line-height: 36px; font-size: 3.8rem;display: flex; }
.index_4 .top .right .text h3 span { margin-left: 13px; }


/* index3 */
.index_3 {background-attachment: unset;}
.index_3 { padding: 50px 0; }
.index_3 dl {flex-flow: wrap;}
.index_3 dl dd {    width: 100%; margin-bottom: 22px; border: 1px solid rgba(255,255,255,0.3); padding: 10px;}
.index_3 dl dd .b { font-size: 1.6rem; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.index_3 dl dd .icon img { height: 47px; }
.index_3 dl dd .t{justify-content: center;align-items: center;padding: 0px;border: 0px;}
.index_3 dl dd .t span { margin-right: 10px; }
.index_3 dl dd .t .t_img img { width: 16px; }
.index_3 dl dd .m {border: 0px;    padding: 4px 0; line-height: 18px;    height: auto; text-align: center;}
.index_3 dl dd .b { padding-top: 5px; padding-bottom: 5px; border: 0px; text-align: center; }



/* index2 */
.index_2::before {display: none;}
.index_2 { padding: 50px 0 30px; }
.index_2 .icenter1 .right { width: 100%; overflow: hidden; }
.index_2 .icenter1 {flex-flow: wrap;}
.index_2 .icenter1 .left {width: 100%;margin-bottom: 40px;}
.index_2 .icenter1 .left .t { margin-bottom: 13px; }
.index_2 .icenter1 .left .m .title { padding: 0px 0; padding-left: 10px; }
.index_2 .icenter1 .left .m { margin-bottom: 13px; display: none;}
.index_2 .icenter1 .left .b {display: none;}
.index_2 .icenter1 .left .b .biao {    width: 73px; height: 73px; margin-right: 20px; }
.index_2 .icenter1 .left .t h4 { line-height: 22px; font-size: 18px; }
.index_2 .h3_com { font-size: 3.6rem; }
.index_2 .icenter1 .left { margin-bottom: 26px; }
.index_2 .icenter1 .left .b .biao .sp_1, .index_2 .icenter1 .left .b .biao span { font-size: 3rem; line-height: 33px; }
.index_2 .icenter1 .right .swiper-slide-active .box h4 {     font-size: 3rem; margin: 14px 0 6px; line-height: 27px; }
.index_2 .icenter1 .right .swiper-slide { height: 441px; }
.index_2 .icenter1 .right .swiper-slide .box h4 { margin: 14px 0 20px; }
/* index1 */
.index_1 { padding: 50px 0 0px; }
.index_1 .box a .text .mid h5 { line-height: 20px; height: 101px; }
.index_1 .box a .text .icon { margin-bottom: 185px; width: 55px; height: 55px; }
.index_1 .box a .text .icon img { width: 25px; }
.index_1 .box a .img { height: 453px; }
.index_1 .bot_cc { padding-bottom: 80px; }
.index_1 .swiper-container-horizontal&gt;.swiper-pagination-bullets { bottom: 43px; }
.index_1 .box a .text { width: 85%; top: 56%; }
.index_1 .box a .imgbox { border-radius: 12px;}
.index_1 .box  {border-radius: 12px;overflow: hidden;position: relative;}
.index_1 .box a::after {border-radius: 12px;overflow: hidden;}
/* h5 */
.h5-index{display: block;}
.index_banner .box .b-video {display: none;}

/* eversmile */
.inner-banner { margin-top: 60px; }
.inner-banner .text { width: 94%;}
.inner-banner img {height: 200px;}
.inner-banner .text h3 { font-size: 34px; margin-bottom: 4px; }
.inner-banner .text h4 { font-size: 14px; margin-bottom: 15px; }
.inner-banner .down i { width: 14px; height: 14px; }
.soft_h4 { font-size: 26px; line-height: 34px;    text-align: center; }
.con01 .top { margin-bottom: 0px; }
.smile01 .segment1 p { margin: 5px 0 27px; font-size: 14px; line-height: 24px; }
.smile01 .segment2 .box { width: 100%; margin-right: 0%; margin-bottom: 28px; }
.smile01 .segment2 .box .icon { width: 80px; height: 80px; }
.smile01 .segment2 .box .icon img { width: 39px; }
.smile01 .segment2 .box .text { width: 70%; }
.smile01 .segment2 .box .text h4 { font-size: 20px; }
.smile02 .segment2 { margin: 50px 0; flex-flow: wrap; }
.smile02 .segment2 .left {width: 100%;    margin-bottom: 30px;}
.smile02 .segment2 .right {width: 100%;}
.smile02 .segment2 .left h4 { font-size: 22px; line-height: 28px; margin-bottom: 8px; }
.smile02 .segment2 .left h5 { font-size: 14px; line-height: 24px; }
.smile02 .segment2 .right { padding: 65px 10px; }
.smile02 .segment2 .right dl dd span { font-size: 13px; margin-top: 5px; height: 31px; line-height: 15px; }
.smile02 .segment2 .right dl dd .icon img { width: 29px; }
.smile02 .segment2 .right dl dd .icon { width: 70px; height: 70px; }
.segment3 .fa-angle-right { right: 0px; }
.segment3 .fa-angle-left{ left: 0px; }
.segment3 .fa { width: 40px; height: 40px; font-size: 26px; color: #fff; border: 1px solid #fff; box-shadow: 0 0 3px #ddd; }
.smile02 { padding: 50px 0; }
.smile01 {     margin-top: 239px; padding-bottom: 50px; padding-top: 19px;}
.smile01 .segment1 {     position: absolute; top: -299px; }

/* about us */
.print01 { padding: 50px 0 40px; }
.print01 .icenter1 { flex-flow: wrap; justify-content: flex-start;}
.print01 a {     margin-right: 10px; font-size: 14px; width: 47%; height: 42px; margin-bottom: 10px; }
.comp01 .icenter1 {flex-flow: wrap;}
.comp01 .left {width: 100%;}
.comp01 .right {    width: 100%; margin-top: 26px;}
.comp01 .left video { height: 181px; box-shadow: 0 0 8px #afaaaa; }
.comp01 { padding-bottom: 50px; }
.comp02 { padding: 50px 0; }
.comp02 ul li { width: 100%; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
.comp02 ul {flex-flow: wrap;}
.comp02 ul li img { width: 34px; margin: 0 auto 16px; }
.comp02 ul li h4 strong { font-size: 45px; line-height: 44px; }
.comp02 ul li h4 { padding-top: 10px; line-height: 44px; }
.comp02 ul li h4 span { font-size: 40px; margin-left: 6px; }
.comp02 ul li h5 { font-size: 13px; margin-top: 5px; }
.comp03 { padding: 50px 0 }
.comp03 .box {flex-flow: wrap;}
.comp03 .box .left {width: 100%;}
.comp03 .box .right {width: 100%;    margin-top: 20px;}
.comp03 {background-attachment: unset;}
.comp03 .box .right h4 { font-size: 16px; margin-bottom: 4px; }
.comp03 .box .right h5 { font-size: 40px; margin-bottom: 13px; line-height: 40px; }
.comp03 .box .right p {     font-size: 14px; line-height: 24px; height: 130px; overflow-y: scroll; padding-right: 10px;}
.comp03 .box .right p::-webkit-scrollbar { height: 1px; width: 3px; }
.comp03 .box .right p::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.comp03 .box .right p::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.comp03 .bot .box .wen { font-size: 14px; padding-top: 17px; }
.comp03 .bot { padding: 34px 0; }
.comp03 .fa { width: 32px; height: 32px; font-size: 24px;    top: 67%;}
.comp03 .top .fa-angle-left { left: 79%; }
.comp03 .top .fa-angle-right { right: 0%; }
.comp04 { padding: 50px 0; }
.comp04 .box1 { width: 100%; height: 250px; margin-bottom: 20px;}
.comp04 .right {width: 100%;}
.comp04 .icenter1 {flex-flow: wrap;}
.comp04 .box .text h4 { font-size: 22px; margin-bottom: 2px; }
.comp04 .box .text p { font-size: 14px; line-height: 24px; }
.comp04 .box .text { left: 26px; top: 26px; width: 87%; z-index: 2; }
.comp04 .box { height: 220px; }
.comp04 .box  img {width: 100%;height: 100%;}
.comp05 { padding: 50px 0; }
.comp05 .soft_h4 { margin-bottom: 20px; }
.comp05 .swiper-wrapper .swiper-slide img {     width: 84px; max-height: 118px; transition: 0s;}
.comp05 .swiper-wrapper .swiper-slide-active img { width: 149px; max-height: 225px;}
.comp05 .swiper-wrapper .swiper-slide-active { margin-right: 4px !important; }
.comp05 .com_cc .text h4 { font-size: 12px; }
.comp05 .com_cc .text h5 {     font-size: 12px; width: 150px; height: 51px;}
.comp05 .fa { width: 15px; height: 31px; }
.comp05 .le_cc .text { margin-left: 10px; }
.comp05Swiper { padding-top: 80px;height: 294px;  }
.comp05 .ri_cc .text { margin-right: 10px; }
.comp05 .ban { bottom: 38px; }
.comp06 { padding: 50px 0; }
.comp06 .top p { font-size: 14px; line-height: 24px; margin-top: 7px; }
.comp06 .top { width: 100%; margin-bottom: 20px; }
.comp06 .dr6 a {     font-size: 14px; width: 80px; height: 80px;}
.comp06 .dr{display: none;}
.comp06 .dr6 { display: block; left: 0px; top: 0px; position: relative; width: fit-content;animation: none;}
.comp06 .top .soft_h4,.comp06 .top p {text-align: center;}
.comp06 .dr6 {margin: auto;}
.comp06 .bot { padding-bottom: 0px; height: auto; }
.comp06_h5 {display: block;margin-bottom: 0px;}
.comp06_h5_1 {display: block;}
.comp06_h5_2 {display: none;}
.comp06 .dr6 a span { font-size: 14px; margin-left: 1px; left: 2px; }
.hu_top p { font-size: 14px; margin-top: 10px; width: 100%; }
.hu_top { margin-bottom: 24px; }
.human01 .up .left {width: 73%;}
.human01 .up .left h3 { font-size: 20px; margin-bottom: 6px; line-height: 29px; }
.human01 .up .left h4 span { font-size: 12px; padding: 0 4px;    white-space: normal;}
.human01 .amore { font-size: 12px; width: 87px; height: 30px; }
.human01 .low { padding: 36px 10px; }
.human01 { padding-bottom: 50px; }
.human02 .soft_h4 { font-size: 20px; line-height: 30px; }
.human02 .top .switch .fa { width: 18px; }
.human02 .top .switch .line { height: 13px; width: 2px; margin: 0 14px;}
.human02 { padding-bottom: 50px; }
.human03 .bot .t {flex-flow: wrap;}
.human03 .bot .t .mg1 {width: 100%;margin-bottom: 20px;}
.human03 .bot .t .mg2 {width: 100%;}
.human03 { margin-bottom: 50px; }
.human03 .bot .t .mg1 {display: none;}
.con01 .bot {flex-flow: wrap;}
.con01 .bot .left {    width: 100%; margin-bottom: 22px;}
.con01 .bot .dr {display: none;}
.con01 .bot .right { min-height: auto; width: 100%; }
.con01 .bot .right .card { box-shadow: 0 0 10px #ddd; height: 370px; margin-bottom: 30px;    position: relative; transform: unset; }
.con01 { padding-bottom: 30px; }
.con01 .left img {display: none;}
.h5_ditu { display: none; }
.con02 { padding: 50px 0; }
.con02 .top p { font-size: 14px; margin: 8px 0 28px; }
.con02 .bot .f4 { margin-top: 16px; flex-flow: wrap;}
.con02 .bot .f4 span {width: 100%;margin-bottom: 16px;}
.con02 .bot .f3 { margin-bottom: 16px; flex-flow: wrap;}
.con02 .bot .f3 span {width: 100%;margin-bottom: 16px;}
.con02 .bot .f3 span:last-child ,.con02 .bot .f2 span:last-child{margin-bottom: 0px;}
.con02 .bot input { font-size: 16px; padding: 12px 22px;}
.con02 .bot textarea { width: 100%; height: 120px; padding: 12px 22px;}
.con02 .bot .f2 {margin-bottom: 16px;flex-flow: wrap;}
.con02 .bot .f2 span {width: 100%;margin-bottom: 16px;}
.con02 .bot .f1 { margin-bottom: 16px; }
.con02 .bot .cc span { font-size: 12px; width: 58%; }
.news01 { margin-bottom: 0px; height: auto; flex-flow: wrap;display: none; }
.news01 .left {width: 100%;}
.news01 .right {width: 100%;}
.news01 .right { padding: 30px; }
.news01 .right h4 { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
.news01 .right p { font-size: 12px; line-height: 21px; margin-bottom: 29px; }
.news dd a {    flex-flow: wrap; position: relative;    padding: 40px 0;}
.news dd .left {width: 100%;flex-flow: wrap;}
.news dd .left .imgbox {width: 100%;margin-bottom: 20px;}
.news dd .left .text {width: 100%;}
.news dd .right {   width: 100%; display: flex; align-items: center; position: absolute; bottom: 44px; right: 2%; width: fit-content; flex-flow: row-reverse;}
.news dd .left .text h4 { font-size: 16px; line-height: 24px;}
.news dd .left .text h5 { font-size: 13px; line-height: 24px; margin-bottom: 24px; }
.news dd .right h4 {   background-color: #fff; font-size: 14px; margin-right: 0px; color: #999; position: relative; margin-left: 5px; padding: 0px; margin-bottom: 0px;}
.news dd .right h4::before {    position: absolute; content: "/"; left: -5px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #999;}
.news dd .right h5 { background-color: #fff;}
.page { margin-bottom: 50px; }
.news { margin-bottom: 50px; }
.page a { width: 34px; height: 34px; font-size: 14px; margin-right: 13px; }
.page span{
    width: 34px;
    height: 34px;
    font-size: 14px;
    margin-right: 13px;
}
.news-banner .text h5 { font-size: 16px; line-height: 24px; margin-bottom: 9px; }
.news-banner .text h6 { font-size: 13px; }
.inner-banner .text { top: 50%;}
.newsinfo { width: 94%; margin: auto; padding: 50px 0; }
.newsinfo p { font-size: 14px; line-height: 24px; }
.newsinfo .fen a { padding: 14px 0; font-size: 14px; }
.newsinfo .bottom .share span { font-size: 14px; margin-right: 6px; }
.newsinfo .bottom .share .s a { margin-right: 6px; width: 28px; height: 28px; font-size: 14px; }
.newsinfo .bottom .share .s a img { width: 16px; }
.newsinfo .bottom .right a { width: 122px; height: 38px; }
.newsinfo .bottom {flex-flow: wrap;}
.newsinfo .bottom .share { margin-bottom: 20px; }
.newsinfo .bottom .right a { margin-left: 0px; width: 116px; height: 37px; margin-right: 10px; }
.newsinfo .fen { margin: 14px 0 30px; }
.coll { padding: 0px 0 0px; }
.coll .segment { padding: 50px 0; }
.coll .segment .top p { font-size: 14px; margin-top: 8px; }
.coll .segment .fa { width: 29px; height: 58px; font-size: 27px;}
.coll .segment .swiper-container-horizontal&gt;.swiper-pagination-progressbar { bottom: -30px; height: 2px; }
.coll .segment .bot { width: 100%; margin-top: 52px; font-size: 14px; }
.fac01 .icenter1 { display: flex; justify-content: unset; }
.fac01 .bg { width: 100%; margin-bottom: 22px; height: auto;position: relative;}
.fac01 .icenter1 .box { width: 100%; height: auto; }
.fac01 p { font-size: 14px; line-height: 24px; margin: 8px 0 30px; }
.fac01 { padding-bottom: 50px; }
.fac02 { padding: 50px 0;background: url(/style/img/sy_s2.jpg); }
.fac02 img {     margin: 0; width: auto; height: 250px; }
.fac02 .bg {display: none;}
.fac02 .scroll {    overflow-x: scroll; margin: 30px 0;}
.fac02 .scroll::-webkit-scrollbar { height: 1px; width: 3px; }
.fac02 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.fac02 .scroll::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.icenter3 { width: 94%; }
.fac02 dl { flex-flow: wrap; }
.fac02 dl dd { padding: 19px 14px; font-size: 14px; white-space: nowrap; margin-bottom: 12px;width: 100%; }
.fac03 { padding: 50px 0; }
.fac03 dl dd { width: 28%; }
.fac03 dl dd .box .icon img { width: 36px; }
.fac03 span { font-size: 14px; margin-top: 11px;    height: 38px; }
.jian { left: 100%; top: 34%; width: 33px; height: 27px; padding: 0px; }
.jian .cc { border: 4px solid #fff; border-left: 4px solid var(--dex); }
.fac04 .content .text { padding: 30px; width: 100%; }
.fac04 .content { height: auto; flex-flow: wrap; } 
.fac04 .content .imgbox {width: 100%;}
.fac04 .content .text .wen {     font-size: 60px; top: 0px; left: 19px; }
.fac04 .content .text h4 { font-size: 26px; margin-bottom: 2px; line-height: 40px; }
.fac04 .content:nth-of-type(2n) { flex-flow: wrap; }
.fac05 { padding: 50px 0; }
.am2bg { display: none; }
.fac05 .bot a {display: none;}
.ac2sz:before { width: 211px; }
.ab2cv { position: relative; left: 0px; bottom: 0px; margin-top: 30px; }
.fac05_h5 {display: block!important;}
.fac05_h5 .card {   background-color: #fff; box-shadow: 0 0 10px #ddd; display: flex; padding: 16px; margin: 20px 0;}
.fac05_h5 .card .text{text-align: start;}
.fac05_h5 .card .text h4 {color: var(--dex); font-weight: bold; font-size: 18px;margin-bottom: 6px;}
.fac05_h5 .card .text h5 {color: #333; font-size: 16px;}
.fac05_h5 .card .text { text-align: start; margin-left: 18px; }
.fac05 .top {flex-flow: wrap; }
.fac05 .top p {width: 100%;}
.fac05 .top p::before {display: none;}
.ac2sz strong { font-size: 50px; line-height: 44px; }
.ac2sz span { font-size: 50px; line-height: 40px; margin-right: 10px; }
.ac2sz { font-size: 14px; margin-top: 0px; padding-bottom: 14px; }
.ca_top p {     width: 100%;font-size: 14px; line-height: 24px; margin-top: 6px; }
.case01 .box {flex-flow: wrap;    height: auto;}
.case01 .box .imgbox {width: 100%;}
.case01 .box .text {    width: 100%; padding: 30px;}
.case01 .box .text p { font-size: 14px; margin-bottom: 30px; }
.case01 .box .text h4 { font-size: 20px; line-height: 26px; margin-bottom: 17px; }
.case02 .content { padding: 0px 0px; }
.case02 {    padding: 70px 0 90px; background-attachment: unset; background-position: center;}
.case02 .le_d, .case02 .ri_d { font-size: 98px; }
.case02 .fa { font-size: 20px; width: 28px; height: 28px; bottom: -12%; }
.case02 .fa-angle-right { right: 40.5%; }
.case02 .fa-angle-left { left: 40.5%; }
.case02 .box .line { width: 1px; height: 14px; margin: 14px auto; }
.case03 dl dd .bottom .sc span h6 { font-size: 14px; margin: 14px 0; padding: 0px 12px; }
.case03 { padding: 50px 0; }
.case03 dl {flex-flow: wrap;}
.case03 dl dd {width: 100%;    margin-bottom: 20px;}
.case03 .amore1 { margin-top: 17px; }
.case05 dl dd {width: 32.5%; margin-right: 1%; margin-bottom: 1%; }
.case05 dl dd:nth-of-type(5n) { margin-right: 1%; }
.case05 dl dd:nth-of-type(3n) { margin-right: 0px; }
.case04 .icenter1 p { width: 100%; }
.case05 {  padding-bottom: 8px; }
.case04 { padding: 50px 0 85px; }
.case05 dl { top: -45px; }
.aft01 .icenter1 {flex-flow: wrap;}
.aft01 .left {width: 100%;}
.aft01 .right {width: 100%;padding: 30px;}
.aft01 {padding: 0px 0 0px; margin-bottom: 50px; }
.aft01 .icenter1::before { top: 0%; height: 100%; width: 100%; }
.aft01 .right .text .content h3 { font-size: 32px; margin-bottom: 4px; line-height: 33px; }
.aft01 .right .text .content h4 { font-size: 14px; }
.aft01 .right .text .icon { width: 42px; margin-right: 27px; }
.aft02 .segment1 { margin-bottom: 22px; width: 100%; }
.aft02 .segment2 { margin-bottom: 22px; }
.aft02 .segment1 h4 { font-size: 30px; }
.aft02 .segment2 h4 { font-size: 14px; margin-bottom: 3px; }
.aft02 .segment2 a { font-size: 30px; letter-spacing: 1px; line-height: 35px; }
.aft02 .segment3 h4 { font-size: 14px; margin-bottom: 3px; }
.aft02 { padding: 50px 0; background-attachment: unset; }
.aft02::after{ content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }
.aft02 .icenter1 { z-index: 1; position: relative; }
.aft03 { padding: 50px 0; }
.aft03 dl { margin-top: 24px; }
.aft03 dl dd {    width: 100%; margin-right: 0%; margin-bottom: 20px;}
.print02 .wen {display: none;}
.print02 .right { top: 0px; position: relative; width: 100%;}
.print02::before {    left: 0px; top: 0px; height: 100%; width: 100%; }
.print02 .left { width: 100%; margin-top: 20px;  }
.print02 .wenF {display: none;}
.print02 .left h4 { font-size: 26px; margin-bottom: 12px; }
.print02 { padding: 50px 0; display: flex; flex-flow: column-reverse; }
.print02 .right img { height: auto; }
.print03 { padding: 50px 0; }
.print03 h3 { font-size: 26px; width: 94%; margin: auto; margin-bottom: 32px;}
.print03 .dot::before {display: none;}
.print03 .dot .icenter1 { flex-flow: wrap; }
.print03 .dot .icenter1 .num { font-size: 14px; margin-top: 14px; }
.print03 .dot .bot { margin-top: 12px; }
.print03 .dot .box { width: 48.5%; margin-bottom: 40px; }
.print03 .dot .bot span { font-size: 14px; }
.print04 { padding: 50px 0; background-attachment: unset; } 
.print04 h5 { font-size: 14px; line-height: 24px; width: 100%; }
.print04 h4 { font-size: 26px; margin-bottom: 10px; }
.print05 dd span { margin-top: 10px; font-size: 14px; }
.print05 dd {width: 48.5%;padding-bottom: 25px}
.print05 dd:nth-of-type(3n) { margin-right: 2%; }
.print05 dd:nth-of-type(2n) { margin-right: 0px; }
.print05 .morecc .content { padding: 20px 0; }
.print05 .morecc .content img { width: 16px; margin-right: 12px; }
.print05 { padding: 50px 0; }
.equip .content h3::after {display: none;}
.equip .content h3 span { font-size: 22px; }
.equip .top .ce .fa {     height: 28px; width: 28px; font-size: 20px; margin-right: 0px; left: 0px; right: 0px; }
.equip .top .ce { width: 70px; justify-content: space-between;}
.equip { padding-bottom: 0px; }
.equip .content { margin-bottom: 50px; }
.equipinfo_banner { padding: 50px 0;margin-top: 60px; }
.equipinfo_banner .icenter1 {flex-flow: wrap;}
.equipinfo_banner .left {width: 100%;}
.equipinfo_banner .right {    width: 100%; padding-right: 0px; margin-top: 30px;}
.equipinfo_banner .left .main .icon img { height: 250px; width: auto; }
.equipinfo_banner .right h3 { font-size: 32px; margin-bottom: 7px; line-height: 31px; }
.equipinfo_banner .right h4 { font-size: 16px; margin-bottom: 12px; }
.equipinfo_banner .right p { margin-bottom: 30px; }
.equipinfo01 { padding: 50px 0; }
.equip-w { width: 94%;}
.equipinfo01 ul li:nth-of-type(2) p { padding-left: 20px; }
.equipinfo01 ul li p {     height: 60px; padding: 6px 0; font-size: 12px; display: flex;    justify-content: flex-start; line-height: 16px; align-items: center;    text-align: start; }
.equipinfo02 { padding: 50px 0; }
.equipinfo02 dl { margin-top: 28px; }
.equipinfo02 dd {     margin-bottom: 26px; width: 49%; margin-right: 2%;margin-bottom: 2%; border: 1px solid #ddd; padding: 14px; }
.equipinfo02 dd:nth-of-type(3n) { margin-right: 2%; }
.equipinfo02 dd:nth-of-type(2n){margin-right: 0px;}
.equipinfo02 dd .icon { width: 50px; height: 50px;    margin: auto; }
.equipinfo02 dd .icon img { width: 26px; }
.equipinfo02 dd h4 { padding-top: 12px; font-size: 15px; margin-bottom: 5px; margin-top: 9px; text-align: center;}
.equipinfo03 { padding: 50px 0; }
.equipinfo02 dd p {   text-align: center; }
 
.equipinfo03 dl { margin-top: 0px; }
.equipinfo03 dl dd { width: 49%; margin-right: 1%; margin-bottom: 1%; }
.equipinfo03 dl dd:nth-of-type(4n) { margin-right: 1%; }
.equipinfo03 dl dd:nth-of-type(2n) { margin-right: 0; }
.equipinfo02 dd h4::before { left: 50%; transform: translateX(-50%); }
.equip-w  .soft_h4{white-space: nowrap;}
.equipinfo04 .bot .box { padding: 50px 20px;flex-flow: wrap;}
.equipinfo04 .bot .box img { height: 250px; width: auto; }
.equipinfo04 .bot .box { padding: 50px 20px; flex-flow: wrap; }
.equipinfo04 .fa { width: 30px; height: 54px; font-size: 28px;top: 40%; }
.equipinfo04 .bot .box .imgbox { margin: auto; margin-bottom: 30px; }
.equipinfo04 .bot .box h3 { font-size: 32px; margin-bottom: 6px; line-height: 34px; }
.equipinfo04 .bot .box h4 { font-size: 16px; margin-bottom: 12px; }
.equipinfo_banner .left {justify-content: flex-start;}
.box h5 { margin-bottom: 14px; }
.equipinfo04 .bot .box h6 { margin-bottom: 28px; }
.equipinfo05 { padding: 50px 0; }
.equipinfo05 h4 { font-size: 15px; width: 100%; margin: 7px auto 27px; }
.equipinfo05 .amore { width: 126px; height: 36px; margin-bottom: 40px; }
.equipinfo05 .share span { font-size: 15px; }
.equipinfo05 .share .cc a { width: 32px; height: 32px; font-size: 15px; margin-right: 6px; }
.equipinfo05 .share .cc a img { width: 18px; }
.soft01 { padding: 0px 0 50px; }
.soft01 .icenter1 {flex-flow: wrap;}
.soft01 .left {width: 100%;}
.soft01 .right {padding-right: 0px;width: 100%;}
.soft01 .icenter1::before {right: -7%; width: 112%; height: 100%; top: 0px;}
.soft01 .right { padding-right: 0px; width: 100%; margin-top: 20px; padding-bottom: 30px; }
.soft01 .right p { margin-top: 14px; font-size: 14px; }
.soft_cc { margin-top: 32px;}
.soft_cc dd { width: 100%; margin-bottom: 40px; }
.soft_cc dd .icon { width: 110px; height: 110px; }
.soft_cc dd .icon img { width: 50px; }
.soft_cc dd .text { width: 58%; }
.soft_cc dd .icon span { font-size: 14px; left: 6px; top: -13px; }
.soft03 .right { padding-right: 0px; padding-left: 0px; }
.soft03 .icenter1::before { left: -7%; }
.mat01 { padding: 50px 0; }
.mat01 .cc { position: relative; right: 0px; top: 0px; width: 100%; margin-bottom: 20px; }
.mat01 p { font-size: 14px; line-height: 24px; margin-top: 16px; }
.mat01 .text { width: 100%; }
.mat01 { padding: 0px 0 50px; }
.mat02 {    padding: 50px 0 40px; background-size: contain; }
.mat02 dl { margin-top: 30px;flex-flow: wrap;}
.mat02 dl dd { width: 48.5%; margin-bottom: 30px; }
.mat02 dl dd .top { width: 134px; margin-bottom: 17px; }
.mat02 dl dd .icon img { width: 52px; }
.mat02 dl dd .bot h4 { font-size: 18px; margin-bottom: 7px; }
.mat02 dl dd .bot h5 { font-size: 13px; line-height: 20px; height: 100px; }
.mat03 { padding: 50px 0; }
.mat03 .article {    flex-flow: column-reverse;}
.mat03 .article .left {width: 100%;padding: 24px;}
.mat03 .article .right {width: 100%;}
.mat03 .article .left h4 { font-size: 24px; margin-bottom: 5px; }
.mat03 .morecc .content { padding: 20px 0; }
.mat04 { padding: 50px 0; background-attachment: unset; }
.mat04 p { width: 100%; }
.mat05 { margin-bottom: 0px; }
.case01 { padding-bottom: 50px; }

/* policy */
.gridLayout { margin: 100px 0 0px;}



/* hengxiao */
.hengxiao-banner { height: calc(100vh - 60px); }
.hengxiao-banner img { height: 100%; }
.hengxiao-banner .text p { font-size: 14px; line-height: 24px; }
.hengxiao01 { padding: 50px 0; }
.hengxiao01 .icenter1 h3 { font-size: 24px; }
.hengxiao01 .icenter1 p { font-size: 15px; line-height: 28px;width: 100%; }
.hengxiao01 .icenter1 p  br{display: none; }
.hengxiao02 {background-attachment: unset;    padding: 50px 0;}
.hengxiao02 .icenter1 h3 { line-height: 34px; font-size: 25px; }
.hengxiao02 .icenter1 img { height: 7.7rem; }
.hengxiao03 ul li {flex-flow: wrap;height: auto;margin-bottom: 4rem;}
.hengxiao03 ul li .imgbox {width: 100%;}
.hengxiao03 ul li .text {width: 100%;  padding-left: 0rem;margin-top: 2rem;}
.hengxiao03 { padding: 50px 0 15px;background: none; }
.hengxiao03 ul li .text .wen {display: none;}
.hengxiao_h3 { font-size: 24px; }
.hengxiao03 ul li .text p { margin-top: 1.7rem; font-size: 14px; line-height: 24px; }
.hengxiao03 ul li .text h3::after { width: 6.5rem; height: 0.3rem; }
.hengxiao03 ul li:nth-of-type(2n) { flex-flow: wrap; }
.hengxiao03 ul li .imgbox img { height: 185px; }
.hengxiao03 .imgbox video { height: 185px; }
.hengxiao03 .imgbox .bo img { width: 6.5rem; height: auto; }
.hengxiao04 { padding: 50px 0; background: rgba(237, 237, 237,1); }
.hengxiao04 .icenter1 ul li { height: 34.9rem; width: 100%; margin-right: 0%; margin-bottom: 20px; }
.hengxiao05 { padding: 50px 0; }
.hengxiao05 .icenter1 p { width: 94%; margin: 1.8rem 0 2.5rem; font-size: 14px; line-height: 24px; }

.hengxiao06 { padding: 50px 0; }
.hengxiao06 .icenter1 { flex-flow: wrap; }
.hengxiao06 .icenter1 .g { width: 100%;}
}</pre></body></html>