/*pad*/ img { max-width: 100%; } .gh { height: 12px; width: 28px; position: relative; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; z-index: 9999; } .selected .gh { transform: rotate(90deg); } .gh a { background-color: none; display: block; margin: 0 auto; height: 2px; margin-top: -1px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%; border-radius: 2px; } .gh a:after { width: 100%; } .gh a:before { width: 100%; } .gh a:after, .gh a:before { background-color: #333333; content: ""; display: block; height: 2px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .gh a:after { top: 7px; } .gh a:before { top: -6px; } .selected .gh a:after, .selected .gh a:before { top: 0; } .selected .gh a:before { transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); background: #333333; width: 100%; } .selected .gh a:after { transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); background: #333333; width: 100%; } .selected .gh a { background-color: transparent !important; } .selected .header { overflow: visible; } .selected .header .nav { display: block; z-index: 111; position: absolute; left: 0; top: 80px; right: 0; margin: 0; } .selected .header .nav li a { text-align: center; width: auto; display: block; background: rgba(255, 255, 255, 0.9); margin: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 50px; padding: 0; } .selected .header .nav li a { color: #000000; } .selected .header .nav .selected a { border-bottom-color: #73e5b1; } .padd .text section { width: auto !important; } .padd .text section.group-empty { width: 30px !important; display: none !important; } .padd section p { padding: 8px !important; } @media only screen and (max-width:1840px) { .fdevents .lts dl dd:first-child:before { left: -65px; top: 40px; } .fawhole .global .rtswiper { right: 0; } .about_us .rts { padding: 80px 180px; } .fcontact .list li svg { width: 100%; height: auto; } .fban { height: 480px; } .fawhole { padding-top: 110px; } .fdevents .lts { width: 32%; } .fdevents .lts dl dd { font-size: 22px; line-height: 70px; } .fdevents .lts dl dd span { width: 160px; } .fdevents .fsupply { margin-top: 80px; height: 250px; padding: 40px 30px 20px 120px; } .fdevents .fsupply dl dt { font-size: 22px; margin-bottom: 10px; } .lsvideo::before { margin: -30px 0; } .padd { padding: 0 0 0px 65px; margin-left: 60px; } .fnews .padd:before { /* bottom: -80px; */ } .fawhole .habou .lts .list { margin-top: 70px; } .fnewsdata .text { padding: 50px 200px 60px; } .fsmartlog .list dd .werment:before { width: 100px; height: 135px; top: -150px; right: -100px; } .fsharedata .wrap:after { right: -90px; } .fsmartlog .list dd:nth-child(2n) .werment:before { top: -100px; left: -50px; } .fban .ftext h3 { font-size: 36px; } .fsmartlog .list dd .werment { width: 1400px; height: 475px; padding: 120px 0 0; } .fsmartlog .list dd .werment li .icon .ico { height: 80px; width: 80px; } .fsmartlog .list dd .werment li .icon { height: 90px; width: 90px; } .fsmartlog .list dd .werment li { margin: 0 30px; } .fsmartlog .list dd .werment .fimg { right: 50px; } .fintelle .list li .icon { width: 240px; height: 240px; } .fintelle .list li.on .icon { height: 400px; width: 400px; } .fintelle .list li.on h5 { font-size: 18px; } .fsmartlog .list dd .werment li .icon:before { width: 14px; height: 100px; background-size: 14px auto; bottom: -95%; } .fsmartlog .list dd .werment li h4 { font-size: 15px; line-height: 1.8; } .habou .ftlt p br { display: none; } .fawhole .habou .lts .list li { margin-bottom: 25px; } .ftlt h3:before { left: -65.5px; } .fawhole .fsmart .fimgs .lts { margin-left: -40px; } .fawhole .fsmart .fimgs { margin-left: 40px; } /* .fsmart .fimgs .rts li { margin: 0 50px; } .fsmart .fimgs .rts li { margin: 0 30px;float: none; display: inline-block; } */ .fawhole .fculture .imgs { margin-right: -150px; } .fawhole .fculture .imgs .mo { /* right: 80px; */ } .fawhole .fculture .lts { left: 0; } .footer { padding: 120px 0 120px; } .footer .lt h2 { font-size: 40px; } .footer .lt h6 { margin-top: 20px; } .fawhole .fculture .wrap:before { bottom: -40px; } .footer .top_txt { left: 60px; top: 40px; } .footer .lt { width: 350px; } .footer .rt { width: calc(100% - 400px); } .footer .rt dl { width: calc((100% - 202px)/5); margin-right: 50px; } .fnavig .ftenr { padding-top: 160px; padding-left: 200px; } .fnavig .ftenr .lts .rt, .fnavig .ftenr .lts .lt { padding-left: 50px; } .fnavig .ftenr .lts .lt li a { font-size: 25px; } .fnavig .ftenr .lts .lt li.on a, .fnavig .ftenr .lts .lt li a:hover { font-size: 30px; } .fnavig .ftenr .lts .lt li a:hover { font-size: 35px; } .ftlt h3 { font-size: 58px; } .ftlt h2 { font-size: 46px; } .fsmart .padd { padding-bottom: 150px; } .fdevents .wrap:before { bottom: -320px; } .fhonor .list li { width: 460px; } .fhonor .wrap:before { bottom: -230px; } .fcultudea .list { padding: 60px 0 0 110px; } .fcultudea .list li { height: 360px; padding: 40px 0 0; } .fcultudea .list li .tet:before { width: 362px; height: 50px; left: -25px; top: -40px; } .fcultudea .list li .tet p { margin: 20px -15px 0; } .fcultudea .wrap:before { bottom: -150px; } .fdomeword .wrap:before { bottom: -130px; } .fdomeword .lts { width: 65%; } .fdomeword .rts { width: 35%; } .fflst h2 { font-size: 20px; line-height: 1.8; margin-bottom: 10px; } .fflst li { font-size: 13px; line-height: 2.3; background-size: 15px auto; padding-left: 25px; } .fflst { width: 350px; padding: 10px 15px 20px; } .fflst:before { height: 8px; width: 8px; background-size: 8px auto; left: -8px; } .fflst:after { width: 100px; height: 110px; } .fdomeword .rts { margin-right: -80px; } .finterword .fimgs { width: auto; margin: 0; } .finterword .wrap:after { bottom: -110px; } .flogistis li .imgs { width: calc(100% - 420px); } .flogistis li .lts { height: 60vh; padding: 40px 200px 30px 220px; bottom: auto; } .flogistis li .lts .list li h2 em { font-size: 12px; } .flogistis li .lts .list li h6 { font-size: 12px; } .flogistis li .lts .list li { margin-bottom: 15px; } .flogistis li .lts p { font-size: 13px; line-height: 2; margin-top: 10px; } .flogistis li:first-child .lts p span { font-size: 18px; } .flogistis li:nth-child(2n) .lts { padding: 40px 160px 30px 220px; } .flogistis .wrap:before { bottom: -90px; } .fcolourapp .indusapp .lts { padding: 30px 0 0; } .fcolourapp .indusapp .lts h6 { margin-top: 10px; } .fcolourapp .indusapp .lts ul { margin-top: 20px; } .fcolourapp .indusapp .lts li { margin-bottom: 20px; } .fcontact .list li { right: -100px; width: 1200px; height: auto !important; top: -60px; } .fcontac .fimgs { width: 100%; height: 646px; margin-left: -10%; } .fcontac .text { width: 800px; height: 420px; padding: 60px 180px; } .fcontac .text .form1 dd a { font-size: 18px; } .fcontac .text .form1 dl { width: calc(100% - 15px); } .fcontac .text .form1 label { font-size: 20px; line-height: 45px; } .fcontac .text .form1 { width: 400px; height: 45px; background-size: 100% 100%; } .inSelect label em, .inSelect label span, .inSelect label { line-height: 45.5px; height: 45.5px; } .fcontac .text .form1 select { font-size: 15px; height: 45.5px; } .fcontac .text .txt { margin-top: 40px; height: 200px; } .fcontac .text .txt h2 { font-size: 20px; line-height: 1.6; } .fcontac .text .txt h6 { padding: 10px 0 5px; } .fcontac .text .txt h3 { font-size: 30px; } .fcontac .text .txt h4 { font-size: 14px; line-height: 1.8; } .hnews .list li:hover i { width: 108%; } .xmxyg_group .xmximgs .imgs { margin: 0; } .about_us .lts li h2, .stockcomp .list li h2 { font-size: 40px; } .about_us .lts li { margin-right: 30px; padding-right: 30px; } .stockcomp .tcen .rt b, .about_us .rts h2 { font-size: 26px; line-height: 1.6; } .about_us .rts p { margin-top: 20px; } .fawhole .fsmart .fimgs { height: auto; } .fsmart .fimgs .rts { padding-top: 190px; } .fawhole .fsmart .fimgs { width: auto; background-position: right center !important; } .fawhole .fculture .imgs { margin-right: 0; } .fsmart .fimgs .rts { width: 1500px; } .fnavig .fbootom { margin: 0 30px; } } @media only screen and (max-width:1740px) { .fsmart .fimgs .rts { width: 1400px; height: 475px; } .xzsqmulst { margin-left: 140px; } } @media only screen and (max-width:1640px) { .fsmart .fimgs .rts { width: 1250px; height: 425px; } .fcultudea .list li .tet p { font-size: 18px; line-height: 1.6; } .fsmart .fimgs .tft { font-size: 24px; top: 70px; } .fcultudea .list li h4 { left: -100px; font-size: 28px; } .about_us .padd { padding-bottom: 30px; } .about_us .rts { height: 480px; top: 40px; } .about_us .lts { height: 560px; } .about_us .rts { width: 50%; } .fsmartlog .list dd .werment { width: 1200px; height: 400px; } .fawhole .fculture .imgs { height: auto; width: 80%; } .fsmart .fimgs .rts ul { /* padding-top: 15px;padding-right: 15px; */ } .fawhole .fculture .lts { padding-top: 60px; } .fsmart .fimgs .rts li .icon { overflow: initial; width: 100px; height: 100px; } .fawhole .global .padd { padding-bottom: 100px; } .stockcomp .tcen .rt b, .about_us .rts h2 { font-size: 20px; } .about_us .rts p { /* font-size: 14px; */ line-height: 1.7; } .fcolourapp .indusapp .fimgs { width: 75%; } .fcolourapp .indusapp .lts li p { margin-top: 5px; } .fcolourapp .indusapp .lts li p { font-size: 12px; line-height: 1.8; height: auto !important; } .fcultudea .list { padding: 0 120px; } .qmnehd { margin-bottom: 50px; } .qmnehd .lt { margin-top: 15px; } .qmnehd .lt li { width: 280px; height: 60px; } .qmnehd .lt li span { line-height: 60px; } .fawhole .fsmart .fimgs .lts { margin-top: 50px; } .fnavig .ftenr .lts .lt li a { line-height: 50px; } } @media only screen and (max-width:1540px) { .fsmart .fimgs .rts { width: 1150px; height: 395px; } .fnews .list li .text .lt { width: calc(100% - 200px); } .xzsqmutcangc li .ico { width: 240px; height: 240px; } .xzsqmutcangc li .txt { margin-left: 40px; } } @media only screen and (max-width:1440px) { .fsmart .fimgs .rts { width: 1050px; height: 355px; } .fnavig .ftenr .lts .lt li a { line-height: 36px; font-size: 20px; } .flogistis li .imgs { width: calc(100% - 380px); } .flogistis li .lts p { line-height: 1.7; } } @media only screen and (max-width:1400px) { .gprofile .fimgs .fltrs { width: 240px; } .stockcomp .tcen .lt li, .stockcomp .tcen .rt, .about_us .rts p { font-size: 16px; } .flogistis li .lts { height: 50vh; } .fsmart .fimgs .rts { width: 1040px; height: 345px; } .stockcomp .tcen .rt { padding-bottom: 50px; } .fintelle .list li.on .icon { width: 300px; height: auto; } .fintelle .list li { vertical-align: middle; top: 0; } .about_us .rts { padding: 40px 180px; } .xmxyg_group .wrap:before { top: 20px; bottom: -2303px; } .fdevents { padding: 70px 0 0; } .fbanner { height: 800px; } .flogistis li:nth-child(3) .imgs:before, .flogistis li:nth-child(1) .imgs:before { width: 120px; height: 130px; bottom: -50px; } .fbanner li .text { top: 20%; } .fbanner li .text h4 { font-size: 28px; line-height: 40px; } .fbanner li .text h5 span { font-size: 46px; } .fbanner li .text h5.s1, .fbanner li .text h5 { font-size: 40px !important; line-height: 1.6; } .hnews .padd:before { left: 0; } .fnews .list { margin-right: 0; } .fsharedata .padd { padding-top: 50px; } .fsharedata { padding: 40px 0 0; position: relative; z-index: 111; } .fnewsdata .text { margin-right: -30px; padding: 40px 100px 60px; } .fsharedata .wrap:after { bottom: -110px; } .fsharedata .padd:before { top: -130px; } .fnews .list li a { padding: 15px 0; } .fnews .list li .imgs { width: 220px; height: 120px; } .fnews .list li .text { width: calc(100% - 230px); } .fnews .list li .text .lt h3 { padding: 5px 0 10px; font-size: 18px; line-height: 1.2; } .fnews .list li .text .rt { width: 120px; height: 80px; margin-top: 20px; } .fnews .list li .text .rt span { font-size: 14px; line-height: 80px; background-size: 20px auto; padding-right: 30px; } .hnews .list li { padding: 10px 0; } .fban .ftext h3 { font-size: 26px; } .fnews .list li .tu { height: 170px; width: 700px; background-size: 700px auto; bottom: 0; left: -56px; } .hnews .list ul { margin: 50px 6% 0 55px; } .hnews .list li .img { width: 180px; height: 99px; } .fnewsdata .padd:after { top: -20px; } .hnews .list li .txt { padding: 10px; width: calc(100% - 200px); } .hnews .list li .txt a { font-size: 14px; line-height: 1.8; } .fnews { padding-right: 0; } .hnews .list li .txt:before { top: 19px; height: 2px; width: 2px; } .hnews .list li:hover i { width: 113.5%; } .fnavig .ftenr { padding-left: 50px; } .fnavig .ftenr .lts .lt:before { display: none; } .fnavig .ftenr .lts .rt, .fnavig .ftenr .lts .lt { padding-left: 30px; } .fnavig .ftenr .lts .lt li { margin-bottom: 20px; } .fnavig .ftenr .rts p { padding-top: 50px; } .fnavig .ftenr .rts h2 { font-size: 35px; line-height: 1.2; } .fawhole { padding-top: 70px; } .ftlt.o h3, .ftlt h3 { font-size: 35px; line-height: 1.2; } .ftlt.o h2, .ftlt h2 { font-size: 28px; line-height: 1.4; } .ftlt p { margin-top: 8px; } .fawhole .habou .wrap:before { left: 0; } .indlay .ftlt h3:before { left: -64px; } .padd::before { top: 22px; } .fawhole .habou .wrap:before { top: 20px; } .fawhole .habou .lts { width: 400px; } .fawhole .habou .lts .list { margin-top: 40px; } .fawhole .habou .lts .list li h2 { font-size: 40px; line-height: 1.2; } .fawhole .habou .rts .imgs { width: 500px; height: 500px; } .more { width: 160px; height: 48px; } .more span { line-height: 48px; font-size: 14px; padding-right: 50px; background-size: 14px auto; } .fawhole .habou .rts .imgs:before { left: -120px; right: -120px; top: -120px; bottom: -120px; } .fawhole .habou .rts .imgs:after { left: -240px; right: -240px; top: -240px; bottom: -240px; } .fawhole .fsmart .wrap:before { left: 0; } .fsmartlog .list dd .werment { width: auto; margin-right: 0; height: 30vw; } .fsharedata .wrap:before, .fintelle .wrap:before, .fsmartlog .wrap:before { top: 20px; } .fsharedata .wrap:before { bottom: -140px; } .fawhole .fsmart .fimgs { margin-left: 20px; } .fsharedata .lt { width: 1100px; height: 400px; } .fnewsdata .padd::after, .fnews .padd:after { /* top: -30px; */ } .fsharedata .lt h3 { font-size: 26px; line-height: 1.6; left: 200px; top: 30px; } .fsharedata .rt { width: 600px; height: 260px; right: -100px; } .fsharedata .rt .txt { padding-left: 120px; width: 480px; } .fawhole .fsmart .fimgs { width: auto; height: 395px; } .fawhole .fsmart .fimgs { padding-bottom: 0; } .fawhole .global .padd { padding-bottom: 240px; } .fawhole .fsmart .fimgs .lts { width: 340px; height: 256px; padding: 10px 30px 30px 50px; margin-top: 70px; } .ftlt p { margin-bottom: 15px; } .fsmart .fimgs .lts .list li h3 { line-height: 55px; } .fsmart .fimgs .lts .list ul:before { transform: rotate(25deg); } .fawhole .fsmart .fimgs .lts .more { margin: -5px 0 0 -20px; } .fsmart .fimgs .rts li .icon .ico { height: 50px; width: 50px; } .fsmart .fimgs .rts li .icon { height: 70px; width: 70px; } .fsmart .fimgs .rts li h3 { font-size: 18px; line-height: 1.5; } .fsmart .fimgs .rts li .icon i { height: 40px; width: 40px; margin-top: -20px; } .fawhole .global .wrap:before { left: 0; } .fawhole .global .rtswiper .list li { /* width: 600px; */ } .fawhole .global .lts .bal { margin-top: 70px; } a.mo { width: 160px; line-height: 48px; } a.mo span { padding-right: 35px; background-size: 7px auto; } a.mo:hover span { padding-right: 40px; } .fawhole .fculture .lts { left: 40px; padding-top: 50px; } .fawhole .fculture .lts p { margin: 5px 0 20px; } .footer .lt h2 { font-size: 30px; } .footer .lt { width: 260px; } .footer .rt { width: calc(100% - 300px); } .footer .rt dt { font-size: 16px; margin-bottom: 5px; } .footer .rt dd a { font-size: 13px; line-height: 1.8; } .footer .rt dl { width: calc((100% - 122px)/5); margin-right: 30px; } .fawhole .fculture .wrap:before { left: 0; } .footer { padding: 120px 0 80px; } .fpdd { padding: 0 40px; } .fdevents .lts dl dd.on { margin-bottom: 6px; } .fdevents .lts { width: 35%; } .fdevents .lts dl dd { font-size: 18px; line-height: 60px; } .fdevents .lts dl dd span { width: 130px; } .fdevents .lts h2 { margin-top: 180px; font-size: 32px; width: 40%; } .fdevents .fsupply { height: 200px; padding: 40px 30px 30px 100px; } .fdevents .fsupply dl dt { font-size: 20px; line-height: 1.6; margin-bottom: 10px; } .fdevents .fsupply dl dd { font-size: 15px; } .fdevents .lts dl dd:first-child:before { width: 35px; height: 35px; } .fdevents .wrap:before { top: 32px; } .fdevents .lts dl dd:first-child:before { top: 20px; } .fban { height: 400px; } .fban h2 { width: 200px; height: 130px; } .fban h2 span { font-size: 26px; line-height: 1.6; } .fhonor .list { margin-top: 50px; padding: 0 20px; } .fhonor .list li { width: 45%; margin-right: 50px; } .fhonor .list li a { padding: 0 0 0 50px; line-height: 60px; background-size: 25px auto; } .fhonor .list li:hover a { background-size: 25px auto; } .fhonor { padding: 70px 0 0; } .fhonor .wrap:before { bottom: -160px; top: 20px; } .fcultudea .list li { width: calc((100% - 222px)/3); margin-right: 110px; height: 250px; } .fcultudea .list li .tet:before { width: 259px; height: 30px; left: -7px; } .fcultudea .list li:after, .fcultudea .list li:before { width: 88px; left: -88px; } .fcultudea .list li:after { left: auto; right: -88px; } .fcultudea .list li .tet h3 { font-size: 20px; line-height: 2; } .fcultudea .list li .tet h3 i { padding-left: 20px; } .fcultudea .list li .tet h3 i:before { background-size: 10px auto; width: 10px; height: 20px; } .fcultudea .list li .tet p { margin-top: 0; font-size: 14px; line-height: 1.8; } .fcultudea .list li h4 { left: -40px; font-size: 20px; line-height: 1.8; bottom: 10px; } .fcultudea .list li .icon { height: 100px; width: 100px; } .fcultudea .lst { padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcultudea .lst li h3 { font-size: 20px; line-height: 80px; padding-left: 20px; } .fcultudea .lst li h3 i { font-size: 14px; width: calc(100% - 120px); padding-right: 100px; } .fcultudea .lst li:after, .fcultudea .lst li:before { width: 28px; background-size: 28px auto; left: -28px; } .fcultudea .lst li:after { left: auto; right: -28px; } .fcultudea .lst li h3:before { background-size: 10px auto; width: 10px; height: 20px; } .fcultudea .lst li h3:after { width: 90px; height: 80px; background-size: 40px auto !important; } .fdomeword .wrap:before { top: 20px; } .fdomeword .lts { margin: -30px 0 0 10px; } .fdomeword .rts .list li { font-size: 12px; } .fdomeword .rts .list li i { background-size: 15px auto; padding-left: 25px; } .fdomeword .rts { margin-right: -30px; } .fflst h2 { font-size: 16px; } .fflst li { font-size: 12px; } .fflst { width: 310px; } .finterword .fimgs { width: 800px; } .finterword .wrap:after { top: 20px; } .flogistis li .lts { left: -150px; } .flogistis li .lts .list li h6 { height: 48px; } .flogistis li:nth-child(2n) .imgs { float: left; margin: -20px 0 0 -125px; } .flogistis .wrap:before { top: 20px; } .flogistis li .lts .list li h2 { font-size: 24px; line-height: 1.2; } .flogistis li .lts .list li { margin-bottom: 5px; } .flogistis li .lts { padding: 20px 160px 30px 160px; } .flogistis li { margin-bottom: 70px; } .flogistis li .lts p { margin-top: 0; height: auto; overflow: hidden; } .flogistis li .lts p br { /* display: none; */ } .flogistis li:nth-child(2n) .lts { padding: 40px 160px 30px 200px; } .fbusiness .padd:before { top: 20px; } .fnav .ftlt { width: 50%; } .fnav .txt { margin-right: 30px; width: calc(100% - 550px); margin-top: 20px; } .fbusiness .fimgs { margin: 48px -30px 0 0; } .fbusiness { padding: 70px 0 0; } .fcolourapp .indusapp .fimgs { width: 65%; } .fcolourapp .indusapp .lts { padding: 20px 0 0; width: 40%; } .fcolourapp .indusapp .lts h3 { font-size: 18px; line-height: 1.4; } .fcolourapp .indusapp .lts li h5 { font-size: 14px; line-height: 22px; } .fcolourapp .indusapp .lts h6 { margin-top: 10px; } .fcolourapp .indusapp .lts ul { margin-top: 10px; } .fcolourapp .indusapp .lts li { margin-bottom: 10px; } .fcolourapp .indusapp .lts li p { margin-top: 5px; height: 52px; } .fcontact .list li { right: -50px; top: -40px; width: 1100px; height: 705px; } .ustexta { padding: 10px 15px; } .ustexta h3 { font-size: 16px; line-height: 1.8; padding-bottom: 5px; } .ustexta h6 { font-size: 14px; padding: 6px 0; } .ustexta p { font-size: 14px; line-height: 1.6; } .ustexta:after { background-size: 60px auto; width: 60px; height: 130px; } .fcontac .fimgs { width: 1200px; height: 484px; margin-left: -350px; } .fcontac .text .txt { width: 390px; } .about_us .lts { height: 480px; } .about_us .rts { height: 400px; } .qmnehd .lt { margin-top: 15px; } .qmnehd .lt li { width: 200px; height: 60px; } .qmnehd .lt li span { line-height: 60px; font-size: 16px; padding-left: 30px; background-size: 20px auto !important; } .xzsqmulst { margin-left: 40px; } .xzsqmulst li span { font-size: 18px; } .xzsqmutcangc li .txt h3 { font-size: 24px; } .xzsqmutcangc li .txt p { font-size: 14px; line-height: 1.8; } .xzsqmutcangc li .ico { width: 200px; height: 200px; z-index: 3; } .xzsqmutcangc { margin-top: 80px; } .xzsqmutcangc li .ico::before { background-size: 8px auto !important; bottom: -80px; } .xzsqmutcangc li:nth-child(3) .ico::before { background-size: 8px auto !important; top: -80px; } .xzqmufintelle .box { padding: 60px 0; } .xzqmufintelle .box h3 { font-size: 18px; } .xzqmufintelle .box .ts li { width: 160px; height: 60px; line-height: 60px; font-size: 14px; } .xzqmufintelle .box .bd { margin-top: 30px; } .xzqmufintelle .box .bd li { width: 400px; height: 278px; } .xzqmufintelle .box .bd li .img { height: 180px; } .xzqmufintelle .box .bd li h6 { font-size: 20px; margin-top: 10px; } } @media only screen and (max-width:1360px) { .fsmart .fimgs .rts { width: 1040px; height: 365px; } } @media only screen and (max-width:1300px) { .fsmart .fimgs .rts { width: 960px; height: 335px; } .flogistis li .lts { bottom: -10px; width: 680px; bottom: -30px; } .xzsqmulst li span { font-size: 16px; line-height: 60px; padding: 0 40px 0 60px; } .xzsqmulst li:nth-child(3) span:before, .xzsqmulst li:nth-child(2) span:before, .xzsqmulst li span:before { height: 60px; width: 60px; background-size: 60px !important; } .xzsqmulst li span:after { background-size: 30px auto; width: 30px; height: 30px; } .xzsqmulst li { width: 270px; height: 62px; padding: 0 10px; margin-bottom: 5px; } .xzsqmulst { margin-top: -25px; } } @media only screen and (max-width:1240px) { .fsmart .fimgs .rts { width: 880px; height: 305px; } } @media only screen and (max-width:1200px) { .gprofile .fimgs .fltrs { width: 220px; } .gprofile .fimgs .rts { margin-right: -50px; } .fltrs li h2 { font-size: 40px; } .fsmart .fimgs .rts { width: 800px; height: 275px; } .fsmartlog .list dd .werment { width: 1000px; } .about_us .rts { padding: 40px 140px; } .fintelle .list li { margin: 0 2%; } .qmvideo li .img { height: 200px; } .qmvideo li .ico { width: 50px; height: 50px; } .qmvideo li h6 { font-size: 18px; margin-top: 10px; } .copyright p { font-size: 12px; } .xzsqmutcangc li .ico { width: 160px; height: 160px; } } @media only screen and (max-width:1100px) { .nlst { padding: 20px 20px 0; } .uswebno { /* display:block; */ } .fsmart .fimgs .rts { width: 870px; height: 295px; } .fnewsdata .padd::after, .fnews .padd:after { top: -30px; } .fdevents .lts dl dd:first-child:before { top: 15px; } .fsmart .fimgs .lts .list li:nth-child(4) { margin-left: 6px; } .fcontact .list li svg { width: 100%; } .ftlt h3:before, .indlay .ftlt h3:before { left: -19px; } .padd::before { top: 12px; } .layout { overflow: hidden; margin: 0 auto; width: auto; } .wrap { width: auto; padding: 0; } .padd { padding: 0 0 0px 20px; margin-left: 20px; } .lsvideo::before {} .header .rt { width: auto; height: auto; background: none; } .gh a:after { top: 4px; } .gh { width: 24px; } .header { position: fixed; top: 0; height: 50px; background: #fff; } .header .logo1, .header .logo { width: 100px; height: 40px; margin: 5px 0 0 15px; } .header .logo { display: none; } .header .logo1 { display: block; } .header .rt h5, .header .rt h6 { font-size: 12px; line-height: 40px; } .header .rt .gh { margin-top: 15px; } .header .rt { margin-top: 5px; padding: 0 15px; height: 100% } .fnavig .ftenr { padding: 60px 15px 20px; } .fnavig .ftenr .rts, .fnavig .ftenr .lts .rt, .fnavig .ftenr .lts .lt, .fnavig .ftenr .lts { float: none; width: auto; } .fnavig .ftenr .rts:before, .fnavig .ftenr .lts .rt:before, .fnavig .ftenr .lts .lt:before { display: none; } .fnavig .ftenr .lts .rt, .fnavig .ftenr .lts .lt { padding-left: 0; } .fnavig .ftenr .lts .lt li a { font-size: 18px; line-height: 60px; } .fnavig .ftenr .lts .lt li a:hover { font-size: 18px; } .fnavig .ftenr .lts .lt li { margin-bottom: 0; } .fnavig .ftenr .lts .rt li { margin-bottom: 5px; } .fnavig .ftenr .lts .rt { margin-top: 10px; } .fnavig .ftenr .lts .rt li a { font-size: 16px; line-height: 36px; } .fnavig .ftenr .lts .rt li a:hover, .fnavig .ftenr .lts .rt li.on a { font-size: 18px; padding-left: 15px; } .fnavig .ftenr .lts .rt li:hover:before, .fnavig .ftenr .lts .rt li.on:before { width: 10px; } .fnavig .ftenr .rts { padding-left: 0; } .fnavig .ftenr .rts { padding-top: 10px; } .fnavig .ftenr .rts h6 { font-size: 14px; line-height: 1.4; } .fnavig .ftenr .rts h2 { font-size: 26px; line-height: 1.8; } .fnavig .ftenr .rts p { padding-top: 0; font-size: 16px; } .fnavig .ftenr .rts .wx { width: 20px; height: 16px; } .fnavig .fbootom { left: 15px; right: 15px; } .header.on .rt h6, .fnavig .ftenr .rts { display: none; } .fnavig .fbootom a, .fnavig .fbootom h6, .fnavig .fbootom h5 { font-size: 14px; line-height: 30px; } .fnavig .fbootom { bottom: 0; display: none; } .fbanner { height: 200px; margin-top: 50px; } .fbanner li .text h4 { font-size: 16px; line-height: 1.4; text-align: left; } .fbanner li .text h5 span { font-size: 26px; } .fbanner li .text h5 .s1, .fbanner li .text h5 { font-size: 20px !important; line-height: 1.6; margin: 20px 0; text-align: left; } .fbanner li .text { top: 30%; left: 15px; text-align: center; right: 15px; } .ohigh-wrapper .ohw-banner-list .banner-item[data-layout="right"] .banner-title-wrapper, .ohigh-wrapper .ohw-banner-list .banner-item.item-layout-left .banner-title-wrapper { display: block; } .ohigh-wrapper .ohw-banner-list .banner-item .banner-title { display: block; height: 100%; } .fbanner .swiper_span { right: 15px; left: 15px; top: auto; z-index: 11; bottom: 15px; text-align: center; transform: scale(.6); -ms-transform: scale(.6); /* IE 9 */ -moz-transform: scale(.6); /* Firefox */ -webkit-transform: scale(.6); /* Safari 姘撻垾娅拷 Chrome */ -o-transform: scale(.6); } .fbanner .swiper_span span { opacity: 1; margin: 0 5px !important; display: inline-block; } .fbanner .swiper_span .swiper-pagination-bullet-active.swiper-pagination-bullet {} .fbanner .swiper_span span { margin: 0 5px; vertical-align: middle; } .fbanner .swiper_span .swiper-pagination-bullet-active:before { height: 3px; width: 3px; margin: 0 auto; } .fbanner li .text ul { margin-top: 10px; } .fbanner li .text li:first-child { font-size: 20px; line-height: 20px; height: 20px; padding-right: 30px; } .fbanner li .text li { font-size: 15px; line-height: 15px; height: 20px; bottom: -2px; padding: 0 6px; } .fbanner li .text li:first-child:before { width: 30px; left: 53%; } .fbanner .btns.wrap { bottom: 20px; left: 15px; } .fbanner .btns .btn { width: 15px; height: 31px; } .fbanner .btns.wrap { height: 32px; } .fawhole { padding-top: 20px; } .fawhole .habou .wrap:before, .ftlt h3:before { display: block; } .fawhole .habou .rts, .fawhole .habou .lts { float: none; width: auto; } .fawhole .habou .rts { margin-right: -100px; margin-top: -100px; } .fawhole .habou .rts .imgs:after, .fawhole .habou .rts .imgs::before { display: none; } .ftlt h3 { font-size: 30px; } .ftlt h2 { font-size: 26px; color: #d70c1f; } .ftlt p { margin-top: 20px; font-size: 12px; } .fawhole .habou .lts .list { margin-top: 15px; } .fawhole .habou .lts .list li { margin-bottom: 30px; } .fawhole .habou .lts .list li h2 { font-size: 30px; font-weight: bold; } .fawhole .habou .lts .list li h6 { font-size: 12px; line-height: 1.6; margin-top: 3px; } .fawhole .habou .rts .imgs { width: 50%; height: auto; margin: 0 auto; } .fawhole .habou .rts .imgs:before { left: -60px; right: -60px; top: -60px; bottom: -60px; } .fawhole .habou .rts .imgs:after { left: -120px; right: -120px; top: -120px; bottom: -120px; } .fawhole .habou .rts .more { left: 0; bottom: 30px; width: 120px; height: 38px; } .more span { font-size: 12px; line-height: 38px; padding-right: 30px; } .more:hover span { padding-right: 35px; } .fawhole .fsmart .wrap:before { display: block; left: 16px; background: #9fafc9; } .fawhole .fsmart .fimgs { height: auto; margin: 10px 0; width: auto; } .fawhole .fsmart .fimgs .lts { width: 230px; height: 120px; margin-left: 0; background-size: 220px auto; padding: 15px 15px 15px 35px; background-size: 100% 100% !important; } .fsmart .fimgs .lts .list li:first-child { margin-left: 30px; } .fsmart .fimgs .lts .list li:nth-child(2) { margin-left: 22px; } .fsmart .fimgs .lts .list li:nth-child(3) { margin-left: 14px; } .fsmart .fimgs .lts .list li h3 { font-size: 12px; line-height: 1.8; } .fsmart .fimgs .lts .list li { padding-left: 20px; } .fsmart .fimgs .lts .list li:before { width: 10px; height: 10px; background-size: 10px auto; } .fawhole .fsmart .fimgs .lts .more { margin: 20px 0 0 -8px; } .more { width: 120px; height: 38px; } .fsmart .fimgs .lts .list ul:before { top: 9px; bottom: 6px; width: 1px; background: #f1f4f7; transform: rotate(20deg); left: 22px; } .fawhole .global .wrap:before { display: block; left: 16px; background: #9fafc9; } .fawhole .global .lts .bal { margin-top: 15px; } .fawhole .global .lts .bal ul { width: 120%; } .fawhole .global .lts .bal li { margin-bottom: 10px; display: inline-block; } a.mo.on, .more, a.mo { width: 140px !important; line-height: 38px !important; font-size: 12px; height: 38px; } .fawhole .fculture { padding-bottom: 40px; } a.mo.on span, .more span, a.mo span { padding-right: 30px; line-height: 38px } a.mo:hover span { padding-right: 25px; } .fawhole .global .rtswiper { position: static; top: auto; right: auto; } .fawhole .global .rtswiper .list li { width: auto; height: auto; } .fawhole .global .rtswiper .tetlst li h4 { font-size: 12px; line-height: 36px; } .fawhole .global .rtswiper .tetlst ul { width: 204px; } .fawhole .global .rtswiper .tetlst ul:after { right: 2px; } .fawhole .global .rtswiper .tetlst { bottom: 10px; display: none; } .fawhole .fculture { margin-top: 20px; } .fawhole .fculture .wrap:before { display: none; } .fawhole .fculture .imgs { width: auto; margin-right: 0; height: auto; } .fawhole .fculture .lts { position: static; padding: 10px 15px; } .fawhole .fculture .lts h3 { font-size: 14px; line-height: 1.5; } .fawhole .fculture .lts p { font-size: 12px; line-height: 1.6; margin: 5px 0 10px; } .fawhole .fculture .imgs { float: none; } .fawhole .fculture .imgs .mo { bottom: 15px; right: 50px; } .footer { padding: 20px 15px; } .footer .top_txt { height: 25px; width: 25px; left: 4px; } .footer .rt, .footer .lt { float: none; width: auto; } .footer .rt { display: none; } .footer .lt .logo { width: 100px; height: auto; } .footer .lt h6 { margin-top: 10px; font-size: 14px; line-height: 1.8; } .footer .lt h2 { font-size: 20px; } .copyright p { font-size: 12px; line-height: 1.6; float: none; text-align: center; margin-top: 20px; } .copyright { padding: 0 15px 5px; } .copyright p a { display: inline-block; } .copyright .wx { float: none; width: auto; height: auto; } .copyright .wx a { width: 20px; height: 16px; display: none; } .footer .lt .logo { display: none; } .footer { text-align: center; } .ftlt p br { display: none; } .fnavig { background-size: 800px auto; background: #fff; } .fban { height: 160px; background-size: cover !important; } .fban .nlst { bottom: 10px; left: 15px; } .fban .nlst li a, .fban .nlst li { font-size: 12px; line-height: 1.6; } .fban h2 { bottom: 10px; right: 15px; width: 80px; height: 50px; } .fban h2 span { font-size: 13px; } .fdevents .wrap:before, .fdevents .lts dl dd:before { top: 20px; left: 15px; bottom: -80px; } .fpdd { padding: 0 30px; } .fdevents { padding: 20px 0; } .fdevents .lts h2, .fdevents .lts dl { float: none; width: auto; } .fdevents .fsupply { width: auto; margin: 30px -35px 0; height: auto; float: none; background: #fff; padding: 20px; } .fdevents .fsupply dl { float: none; width: auto; } .fdevents .fsupply dl:nth-child(2n) { float: none; } .fdevents .lts h2 { margin-top: 5px; font-size: 18px; line-height: 1.6; } .fdevents .lts dl dd.on { font-size: 18px; line-height: 1.6; margin-bottom: 3px; } .fdevents .lts dl dd:first-child:before { left: -20px; } .fdevents .wrap:before, .fdevents .lts dl dd:before { top: 15px; } .fdevents .lts dl dd { font-size: 16px; line-height: 2; } .fdevents .lts { width: auto; float: none; } .fdevents .fsupply dl { padding: 0 15px 15px; } .fdevents .fsupply dl:last-child { padding: 0 15px; } .fdevents .fsupply dl dt { font-size: 16px; padding-left: 15px; line-height: 1.6; margin-bottom: 5px; background-size: 10px auto; } .fdevents .fsupply dl dt.on { font-size: 14px; } .fdevents .fsupply dl dd { font-size: 14px; line-height: 1.6; padding-left: 15px; } .fban .nlst li a, .fban .nlst li { color: #fff; } .fdevents .lts h2 { display: none !important; } .ftlt.o h3 { font-size: 22px; line-height: 1.2; } .fhonor { padding: 20px 0; } .fhonor .wrap:before { display: none; } .ftlt.o h2 { font-size: 26px; line-height: 1.8; } .fhonor .list { margin-top: 15px; padding: 0; } .fhonor .list li { margin-right: 0; width: 80%; margin: 0 auto 15px; float: none; padding: 0 10px; } /* .fhonor .list li:after { background: url(../images/ficon19-1.png) no-repeat center/cover !important; } */ .finterword .wrap::after, .fdomeword .wrap:before, .fhonor .wrap:before { background: #9fafc9; display: block !important; top: 12px; margin-left: 1px; bottom: -80px; } .flogistis .wrap:before { top: 12px; } /* .fhonor .list li{ background: #d70c1f; } .fhonor .list li a { background-size: 15px auto;color: #fff; background: url(../images/ficon16.png) no-repeat left center; } .fhonor .list li em { background: url(../images/ficon18.png) no-repeat center/cover; width: 260px; height: 75px; top: 0; left: -25px; position: absolute; z-index: 66; } */ /* .fhonor .list li i { display: none; } */ /* .fhonor .list li:after, .fhonor .list li:before { background: url(../images/ficon19.png) no-repeat center/cover; } */ .fhonor .list li:nth-child(2n) { margin-right: auto; } .fhonor .list li a { font-size: 12px; line-height: 35px; padding: 0 30px; background-size: 15px auto; } .fhonor .list li:hover a { background-size: 15px auto; } .fcultudea .wrap:before { top: 10px; bottom: -100px; } .fcultudea { padding: 20px 0; } .fcultudea .list { padding: 20px 80px; } .fcultudea .list li .tet p { height: auto; } .fcultudea .list li { float: none; width: auto; margin-right: 0; height: auto; margin-bottom: 15px; padding: 20px 0 50px; } .fcultudea .list li:after, .fcultudea .list li:before { width: 83px; left: -83px; } .fcultudea .list li:after { left: auto; right: -83px; } .fcultudea .list li .tet:before { width: 200px; top: -20px; height: 17px; left: -7px; } .fcultudea .list li .tet h3 { font-size: 14px; height: 28px; } .fcultudea .list li .tet h3 i:before { background-size: 5px auto; width: 5px; height: 12px; } .fcultudea .list li .tet h3 i { padding-left: 10px; } .fcultudea .list li .tet p { font-size: 12px; margin: 5px -5px; } .fcultudea .list li .icon { width: 60px; height: 60px; } .fcultudea .lst { margin-top: 0; padding: 0 40px 0 10px; } .fcultudea .lst li h3 { font-size: 14px; line-height: 24px; padding-left: 10px; padding: 10px 0 10px 10px; } .fcultudea .lst li:after, .fcultudea .lst li:before { width: 15px; background-size: 15px auto; left: -14px; display: none; } .fcultudea .lst li:after { left: auto; right: -14px; } .fcultudea .lst li { padding: 0 10px; } .fcultudea .lst li h3:before { width: 5px; height: 10px; background-size: 5px auto; } .fcultudea .lst li h3 i { padding-left: 5px; font-size: 12px; width: calc(100% - 60px); padding-right: 20px; } .fcultudea .lst li h3:after { height: 40px; width: 40px; background-size: 20px auto !important; right: -10px; } .fcultudea .lst li { margin-bottom: 10px; } .finterword .padd { padding-top: 20px; } .fdomeword { padding: 20px 0 0; } .fdomeword .wrap:before { display: none; } .fflst { position: relative; padding: 10px 10px 15px; width: auto; margin: 10px auto; } .fdomeword .fflst { bottom: auto; right: auto; margin-top: 10px; } .fdomeword .lts, .fdomeword .rts { float: none; width: auto; } .fdomeword .lts { margin: 0 auto; } .fdomeword .rts { margin: 10px auto 0; } .fdomeword .rts .list li { text-align: left; } .fflst:before { height: 5px; width: 5px; background-size: 5px auto; left: -5px; } .fflst h2 { font-size: 14px; margin-bottom: 5px; } .finterword .wrap:after { display: none; } .finterword { padding: 20px 0; } .finterword .fimgs { width: auto; margin: 0 auto 0; } .finterword .fflst { top: auto; right: auto; } .flogistis { padding: 20px 0; } .flogistis .wrap:before { display: block; background: #9fafc9; margin-left: 1px; } .flogistis li .ftlt { margin-bottom: 10px; } .flogistis li .imgs { margin: 0 auto; width: auto; height: auto; float: none; } .flogistis li .lts { position: static; right: auto; top: auto; bottom: auto; left: auto; padding: 10px 5px; background: none; width: auto; height: auto; } .flogistis li .lts .list li h2 { font-size: 18px; } .flogistis li .lts .list li h2 em { line-height: 1.6; } .flogistis li .lts p { font-size: 12px; height: auto; } .flogistis li:first-child .lts p span { font-size: 14px; } .flogistis li { margin-bottom: 5px; } .flogistis li:nth-child(2n) .imgs { float: none; margin: 0 auto; } .flogistis li:nth-child(2n) .lts { padding: 10px 5px; background: none; left: auto; right: auto; } .flogistis li .lts p span { font-size: 12px; } .layout { padding-top: 50px; } .webban { height: calc(70vh - 50px); margin: 0; } .fawhole .habou .wrap:before { background: #9fafc9; left: 16px; } .ftlt h3:before { width: 35px; height: 35px; } .hnews .wrap, .fawhole .lndustry .wrap, .fawhole .global .wrap, .fawhole .fsmart .wrap, .fawhole .habou .wrap { padding-left: 15px; } .copyright .padd, .footer .padd { padding: 0; } .copyright .wx { width: 100px; margin: 0 auto; } .fnavig .ftenr .rts .wx .wxs, .copyright .wx .wxs { display: block; position: static; } .fnavig .ftenr .rts .wx a { display: none; } .fbusiness { /* padding: 20px 15px; */ } .fnav .ftlt { float: none; width: auto; } .fnav .txt { float: none; width: auto; margin-top: 5px; font-size: 12px; line-height: 1.8; margin-right: 0; } .fbusiness .padd:before { top: 10px; } .fnav .txt br { display: none; } .fcolourapp { padding: 20px 0; } .fcolourapp .indusapp { margin-top: 10px; } .fcolourapp .indusapp .fimgs { float: none; width: auto; height: auto; margin: 0 -45px; } .fcolourapp .indusapp .lts { float: none; width: auto; } .indusapp { background: none !important; } .fcolourapp .indusapp .fimgs .mo { right: 45px; bottom: 10px; } .fcolourapp .indusapp .lts { padding: 10px 0; } .fcolourapp .indusapp .lts h3 { font-size: 15px; } .fcolourapp .indusapp .lts h6 { font-size: 12px; line-height: 1.5; margin-top: 3px; } .fcolourapp .indusapp .lts li h5 { font-size: 12px; line-height: 1.6; padding-left: 20px; background-size: 10px auto; } .fcolourapp .indusapp .lts li p { font-size: 12px; line-height: 1.8; padding-left: 20px; height: auto; } .fcontact { padding: 20px 0 0; } .fcontact .list li { width: auto; height: auto; top: auto; right: 0; } .fcontac .ftlt dl { right: 10px; } .fcontac .ftlt dl dd { font-size: 12px; line-height: 2.5; margin-right: 5px; width: 35px; } .fcontac .ftlt dl dd:hover, .fcontac .ftlt dl dd.on { font-size: 13px; } .fcontac .ftlt dl dd:hover:before, .fcontac .ftlt dl dd.on:before { width: 25px; } .fcontac { padding: 20px 0 20px; } .fcontac .cen { margin-top: 10px; } .fcontac .fimgs { float: none; width: auto; height: auto; margin: 0 -45px; } .fcontac .text { position: static; right: auto; width: auto; height: auto; top: auto; transform: translateY(0); margin-top: 5px; padding: 20px 45px; margin: 10px -45px 0; background-color: #fff; } .fcontac .text .form1 { padding: 0; } .inSelect label em, .inSelect label span, .inSelect label { line-height: 34px; height: 34px; font-size: 18px; } .ustexta { bottom: 0; right: 50px; width: 200px; top: auto; display: none !important; margin: 0 auto; } .ustexta .pding { padding: 15px; } .ustexta1 { display: block !important; z-index: 111; padding: 0; width: 260px; } .ustexta1 dl { font-size: 14px; line-height: 1.7; color: #fff; position: absolute; display: none; background: #d70c1f; left: 0; right: 0; padding: 0 15px; } .ustexta h3 { font-size: 13px; position: relative; } .ustexta h3.on::before { transform: rotate(0); -ms-transform: rotate(0); /* IE 9 */ -moz-transform: rotate(0); /* Firefox */ -webkit-transform: rotate(0); /* Safari 姘撻垾娅拷 Chrome */ -o-transform: rotate(0); } .ustexta h3::before { content: ""; width: 20px; height: 20px; z-index: 11; position: absolute; right: 0; top: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 姘撻垾娅拷 Chrome */ -o-transform: rotate(180deg); transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 姘撻垾娅拷 Chrome */ -o-transition: all 0.3s; background: url(../images/ficon10.png) no-repeat center; } .ustexta h6 { margin: 8px 0; } .ustexta h6, .ustexta p { font-size: 12px; padding: 0; line-height: 1.4; } .ustexta:before { width: 15px; height: 7px; top: -6px; background-size: 100% 100%; } .fcontac .text .form1 i { height: 34px; right: 10px; } .fcontac .text .form1 { width: auto; height: 34px; background: none !important; border: 1px solid #ddd; } .fcontac .text .form1 label { padding: 0 20px; } .fcontac .text .form1 dl { width: calc(100% + 2px); left: -1px; right: -1px; } .fcontac .text .form1 dd a { font-size: 14px; } .fcontac .text .form1 label { line-height: 34px; font-size: 16px; } .inSelect .dropbox .listbox .option a span, .inSelect .dropbox .listbox .optgroup a span { line-height: 35px; } .inSelect .dropbox { width: calc(100% - 10px) !important; } .fcontac .text .form1 select { font-size: 12px; height: 34px; background-size: 10px auto; } .fcontac .text .txt { width: auto; margin-top: 15px; height: auto; } .fcontac .text .txt h2 { font-size: 15px; line-height: 1.5; } .fcontac .text .txt h6 { padding: 5px 0 2px; font-size: 12px; line-height: 1.5; } .fcontac .text .txt h3 { font-size: 18px; line-height: 1.6; } .fcontac .text .txt h4 { font-size: 12px; } .fcontac .padd:before, .fcontact .padd:before { top: 10px; } .fdomeword .wrap:before { bottom: -80px; } .hnews .list li:nth-child(2n), .hnews .list li { width: auto; float: none; margin-bottom: 10px; } .hnews .list li { height: 86px; } .hnews .list li .img { width: 120px; height: 66px; } .hnews .list li .txt { width: calc(100% - 120px); padding: 5px 7px; } .hnews .list li .txt a { font-size: 12px; } .hnews .list li .txt:before { top: 14px; } .fsmart .fimgs .tft { font-size: 14px; top: 50pxpx; right: 0; left: 45px; text-align: center; } .fsmart .fimgs .rts { right: 30px; padding: 120px 0 100px; } .fsmart .padd { padding-bottom: 200px; } .fawhole .global .rtswiper { margin: 0 auto; } .fawhole .fsmart .fimgs .lts { margin-top: 100px; } /* .fsmart .fimgs .rts li { margin: 0 5px; } */ .fsmart .fimgs .rts li .icon .ico { height: 30px; width: 30px; } .fsmart .fimgs .rts li .icon i { width: 25px; height: 25px; margin-top: -12px; } .fsmart .fimgs .rts li .icon { width: 50px; height: 50px; } .fsmart .fimgs .rts li h3 { font-size: 12px; margin-bottom: 0; } .footer .top_txt, .indlay .footer .top_txt { left: 28px; top: 20px; } .fawhole .global .wrap:before { bottom: -650px; } .finterword .wrap:after { bottom: -80px; } .fnews { padding: 20px 0; } .fnews .list li { margin: 0 -45px 10px; padding: 0 45px; } .fnews .list li .imgs { float: none; width: auto; height: auto; margin-left: 0; } .fnews .list li .text { float: none; width: auto; margin-top: 5px; } .fnews .list li .text .rt, .fnews .list li .text .lt { float: none; width: auto; } .fnews .list li .text .lt h3 { font-size: 14px; line-height: 1.8; padding: 0; } .fnews .list li .text .lt h6 { font-size: 12px; line-height: 1.6; height: auto; } .fnews .list li:after, .fnews .list li:before { display: none; } .fnews .list li .text .rt { margin-top: 5px; opacity: 1; width: 100px; height: 55px; } .fnews .list li .tu { display: none; } .fnews .list li i { display: none; } .fnews .list li .text .rt span { font-size: 12px; line-height: 55px; background-size: 15px auto; padding-right: 20px; } .fnews .list ul:before, .fnews .list:after, .fnews .list:before { display: none; } .fpage_list ul { margin-top: 10px; } .fpage_list li a { font-size: 12px; } .fnewsdata { padding: 20px 0; } .fnewsdata .text { margin: 0; padding: 10px 15px 15px; font-size: 12px; line-height: 1.8; } .fnewsdata .padd:after { bottom: -80px; } .fsmartlog { padding: 20px 0; } .fsmartlog .list dd .werment { width: 1000px; margin: 10px 0 0; height: 335px; padding: 100px 0 0; /* display: none; */ } .fsmartlog .list dd .werment li { margin: 0 10px; } .fsmartlog .list dd .werment li h4 { font-size: 14px; padding: 10px 0; } .fsmartlog .list dd .werment li .icon .ico { height: 40px; width: 40px; } /* .fsmartlog .list dd .werment li .icon { height: 50px;width: 50px; } */ .fsmartlog .list dd .werment li:nth-child(2n) { top: -15px; } .fsmartlog .list dd .werment li .icon:before { background-size: 4px auto; width: 4px; height: 30px; bottom: -40%; } .fsmartlog .list dd .werment .fimg { right: 5px; width: 25px; height: 34px; bottom: -15px; } .fsmartlog .list dd:nth-child(2n) .werment .fimg { right: auto; left: -5px; bottom: 30px; } .fsmartlog .list dd .trxt { padding: 10px 0; font-size: 12px; line-height: 1.6; text-align: left; } .fsmartlog .list dd .trxt br { display: none; } .fsmartlog .list dd .trxt i { font-size: 13px; } .fintelle { padding: 0; } .fintelle .list li { top: auto; margin-bottom: 30px; } .fintelle .list ul { margin-top: 10px; } .fintelle .list li .icon { height: 160px; width: 160px; } .fintelle .list li h5 { font-size: 12px; line-height: 30px; width: 95px; bottom: -10px; } .fintelle .list li.on { margin: 0 auto 30px; } .fintelle .list li.on .icon { margin: 0 auto; height: 240px; width: 240px; } .fintelle .list li.on h5 { font-size: 14px; line-height: 35px; width: 120px; } .fsmartlog .list { margin-top: 15px; } .fsharedata { padding: 20px 0; } .fsharedata .wrap:before { bottom: -80px; } .fsharedata .rt { height: auto !important; } .fsharedata .padd { padding-top: 0; } .fsharedata .rt .txt { position: static; transform: translateY(0%); -ms-transform: translateY(0%); /* IE 9 */ -moz-transform: translateY(0%); /* Firefox */ -webkit-transform: translateY(0%); /* Safari 姘撻垾娅拷 Chrome */ -o-transform: translateY(0%); } .fsharedata .lt { float: none; width: auto; margin: 0 -45px; height: 150px; background-size: cover !important; height: 40vw; } .fsharedata .rt { background: #fff; } .fsharedata .rt { position: static; width: auto; right: auto; top: auto; transform: translateY(0); } .fsharedata .lt h3 { font-size: 14px; line-height: 1.6; top: 5px; left: 35px; } .fsharedata .lt .lst { left: 35px; bottom: -30px; } .fsharedata .lt .lst li { width: 180px; height: 40px; padding: 0 10px; float: none; margin-bottom: 5px; } .fsharedata .lt .lst li span { font-size: 12px; line-height: 40px; padding: 0 30px 0 40px; } .fsharedata .lt .lst li:hover:nth-child(2) span:before, .fsharedata .lt .lst li:hover span:before, .fsharedata .lt .lst li:nth-child(2) span:before, .fsharedata .lt .lst li span:before { height: 40px; width: 40px; background-size: 40px; } .fsharedata .lt .lst li span:after { background-size: 20px auto; width: 20px; height: 20px; } .fsharedata .rt { margin: 30px 0 0; height: 160px; } .fsharedata .rt .txt { padding: 20px 60px; width: auto; font-size: 12px; line-height: 1.8; } .fsharedata .wrap:after, .fsmartlog .list dd .werment:before { display: none; } .xmxyg_group .fltrs { float: none; width: auto; margin-top: 20px; } .fltrs ul { overflow: hidden; } .gprofile .fimgs .fltrs li, .fltrs li { float: left; width: 50%; text-align: center; margin-bottom: 20px; } .xmxyg_group .xmximgs { float: none; width: auto; } .fltrs li h2 {} .gprofile .fimgs .fltrs { float: none; width: auto; } .gprofile .fimgs .rts { float: none; width: auto; margin: 0; padding: 20px; background: rgba(255, 255, 255, .8); height: auto; } .fltrs li h2 { font-size: 30px; } .gprofile .fimgs .rts h2 { font-size: 18px; line-height: 1.8; } .gprofile .fimgs .rts ul { margin-top: 15px; } .gprofile .fimgs .rts p { font-size: 14px; line-height: 1.7; margin-top: 15px; } .stockcomp .stocktxt h4 { font-size: 14px; } .stockcomp .stocktxt h4 span { font-size: 16px; } .stockcomp .stocktxt { margin-top: -40px; } .stockcomp .list ul { text-align: center; font-size: 0; } .stockcomp .list li { width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0; text-align: left; border-bottom: 1px solid #c6d7e6; float: none; padding: 10px; } .stockcomp .list li::before { display: none; } .stockcomp .list { padding: 30px 0; } .stockcomp .tcen .rt, .stockcomp .tcen .lt { float: none; width: auto; } .about_us .rts p, .stockcomp .tcen .rt, .stockcomp .tcen .lt li { font-size: 14px; line-height: 2; } .stockcomp .tcen .lt li i { font-size: 24px; } .about_us .lts li h2, .stockcomp .list li h2 { font-size: 30px; } .stockcomp .stocktxt { float: none; margin: 20px auto 0; } .stockcomp .stocktxt h4 { float: none; width: 180px; margin: 0 auto; } .about_us .lts { float: none; width: auto; height: auto; margin: 0; background: rgba(255, 255, 255, .8) !important; display: none; } .about_us .rts { position: static; width: auto; height: auto; padding: 20px; background: rgba(255, 255, 255, .8); } .stockcomp .tcen .rt { margin-top: 20px; padding-bottom: 50px; } .stockcomp .tcen .rt b, .about_us .rts h2 { font-size: 16px; } .about_us .lts ul { padding: 0; } .about_us .lts li { float: none; width: auto; } .xmxyg_group { padding: 50px 0 30px; } .faboutus { padding: 20px 0 0; } .xmxyg_group .wrap:before { top: 13px; bottom: -3070px; } .stockcomp { padding: 20px 0 0; } .about_us { /* background: #e5ecf7; */ position: relative; z-index: 111; } .about_us .ftlt h3:before { margin-top: -8px; } .xmxyg_group { padding: 0; } .fcontact .list { margin-left: -20%; width: 120%; } .ustexta1 { right: 200px; } .fban .ftext { left: 15px; right: 15px; text-align: center; } .fban .ftext h3 { font-size: 18px; line-height: 1.4; } .fban .ftext .ndate { font-size: 18px; line-height: 1.4; } .fsharedata .wrap:before, .fintelle .wrap:before, .fsmartlog .wrap:before { top: 10px; left: 16px; top: 20px; } .fawhole .global .rtswiper .list { padding-bottom: 60px; } .fnavig .ftenr .lts .lt li { position: relative; border-bottom: 1px solid #f1f1f1; } .fnavig .ftenr .lts .lt li i { position: absolute; right: -10px; top: 0; width: 40px; height: 60px; background: url(../images/ficon9.png) no-repeat center/7px auto; display: block; z-index: 11; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 姘撻垾娅拷 Chrome */ -o-transition: all 0.3s; } .fnavig .ftenr .lts .rt { display: none; } .fnavig .ftenr .lts .lt li dd a { font-size: 16px; line-height: 36px; padding: 0 10px; } .fnavig .ftenr .lts .lt li i.on { transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 姘撻垾娅拷 Chrome */ -o-transform: rotate(90deg); } .flogistis li:nth-child(3) .imgs:before, .flogistis li:nth-child(1) .imgs:before { display: none; } .qmnehd { margin-bottom: 30px; } .qmvideo li { width: calc((100% - 5px)/2); margin-right: 0; margin-bottom: 10px; } .qmvideo li .img { height: 240px; } .qmvideo li:nth-child(2n) { float: right; } .qmvideo li h6 { margin-top: 10px; font-size: 16px; } .mskvideo { width: 700px; } .qmnehd .lt { float: none; } .qmnehd .neforms { float: none; } .qmnehd .lt li { width: 260px; height: 60px; } .qmnehd .lt li span { line-height: 60px; } .jiquns { float: none; margin-top: 20px; display: inline-block; } .copyright .qmtaxt { text-align: center; } .copyright p span { display: none; } .jiquns .qsksa { margin-right: 0; text-align: left; } .copyright p i { border: none; padding: 0; margin: 0 0 0; } .copyright p { margin-top: 20px; } .copyright .qmtaxt { float: none; } .copyright p { padding-bottom: 10px; } .fsmartlog .list dd .werment { width: 900px; height: 305px; padding: 100px 0 0; } .fnavig .ftenr .rts { display: block; } .fnavig .ftenr .rts h2, .fnavig .ftenr .rts h6, .fnavig .ftenr .rts p, .fnavig .ftenr .rts .wx { display: none; } .emch { text-align: center; margin-top: 20px; } } @media only screen and (max-width:1020px) { .fsmart .fimgs .rts { width: auto; height: 31.5vw; position: static; padding: 0; position: relative; right: 0; } .fawhole .fsmart .fimgs .lts { margin: -50px 0 0; } .fsmartlog .list dd .werment { width: 800px; height: 275px; padding: 50px 0 0; } .xzsqmulst li{ width: 220px;height: 50px; } .xzsqmulst li span{ font-size: 14px;line-height: 50px; } .xzsqmulst li:nth-child(3) span:before, .xzsqmulst li:nth-child(2) span:before, .xzsqmulst li span:before{ height: 50px; width: 50px; background-size: 50px !important; } .xzsqmutcangc li .ts{ display: block; } .xzsqmutcangc li .ico{ margin: 0 auto; } .xzsqmutcangc li .ico::before{ background-size: 6px auto !important; bottom: -70px; } .xzsqmutcangc li .txt{ margin-left: 0;margin-top: 70px; } .xzsqmutcangc li:nth-child(3) .ico::before{ background: url(../images/xaqmus4.png) no-repeat center/cover; bottom: -70px;background-size: 6px auto !important;top: auto; } .xzsqmutcangc li{ margin-bottom: 50px; } .xzqmufintelle .box .bd li{ width: 350px;height: 244px;margin: 0 15px; } .xzqmufintelle .box .bd li .img{ height: 160px; } } @media only screen and (max-width:768px) { .werment .uls1 li.lpquan { top: 52%; } .werment .uls1 li, .fsmartlog .list dd .werment .uls1 li { width: 7% !important; } .werment .uls1 li:nth-child(2), .fsmartlog .list dd .werment .uls1 li:nth-child(2) { left: 18.9%; } .werment .uls1 li.lpquan { width: 12% !important; } .fsmart .fimgs .rts ul { width: 50%; bottom: 2%; top: 16%; } .lpquan::after, .lpquan::before { top: 40%; } .werment .uls1 { width: 49%; } .padd::before { top: 12px; } .stockcomp .padd { padding-top: 40px; } .padd { padding-bottom: 30px !important; } .about_us .ftlt { margin-bottom: 0; } .about_us .rts p i { font-size: 14px; } .fawhole .global .padd { padding-bottom: 50px; } .fawhole .fsmart .fimgs .lts { margin-top: 20px; } .fdevents .lts dl dd:first-child:before, .ftlt h3:before, .indlay .ftlt h3:before { width: 30px; height: 30px; } .fdevents .lts dl dd:first-child:before { top: 15px; } .fsmart .fimgs .tft { display: none; } .fawhole .fsmart .fimgs .lts { float: none; width: auto; height: auto; margin-top: 10px; background: #fff; margin-right: 5%; -webkit-clip-path: polygon(0% 100%, 65px 0%, 100% 0%, calc(100% - 65px) 100%, 0% 100%); padding-left: 50px; } .fawhole .fculture .lts { width: auto; } .fawhole .global .lts { width: auto; } .fawhole .fculture { margin: 0; } .padd { padding-bottom: 40px; } .ftlt h3 { font-size: 22px; } .fawhole .global .rtswiper { width: auto; padding-bottom: 0; } .fawhole .global .rtswiper .list { padding-bottom: 30px; } .fsmart .fimgs .rts { position: relative; right: 0; background-position: center !important; } .hnews .list ul { margin: 20px 50px 0 30px; } .fcontact .list { margin-left: -100%; width: 220%; } .ustexta1 { right: 80px; } .fcontact .list li { margin-top: -60px; } .fcontac .text { margin-top: 0; } .fsharedata .ftlt { margin-bottom: 20px; } .fcolourapp .indusapp { padding-right: 15px; } .fbusiness { padding: 30px 15px 0 0; } .fnewsdata .padd:after { top: -20px; width: 30px; height: 30px; } .neforms .txt { width: calc(100% - 58px); height: 40px; font-size: 14px; } .fnewsdata .padd::after, .fnews .padd:after { top: -20px; width: 30px; height: 30px; } .neforms .btn { width: 70px; height: 40px; background-size: 100% 100% !important; font-size: 14px; } .fnews .list li .text .rt { display: none; } .fculture .padd { padding-top: 20px; } .fawhole .fculture { padding: 0; } .fbanner li .text h5 { margin: 10px 0; } .fbanner li .text h5 span { font-size: 20px; } .fbanner li .text h5 .s1, .fbanner li .text h5 { font-size: 18px; } .header .rt .gh { margin-top: 15px; } .dialog img { width: 120px; } .dialog h2 { font-size: 14px; } .dialog__content { min-width: 200px; } .fsharedata .lt .lst { top: 100%; right: 0; margin-top: 10px; } .fsharedata .rt { margin-top: 60px; margin-left: -10px; margin-right: 23px; } .fsharedata .lt .lst li { width: 43%; float: left; background-size: 100% !important; } .fsharedata .rt .txt { padding: 20px; } .fintelle .list ul { display: flex; } .fintelle .list li { margin: 0; } .fintelle .list li .icon { margin: 0 auto; width: 240px; height: 240px; } .fintelle .list li h5 { font-size: 14px; line-height: 35px; width: 120px; } .fsharedata { padding-top: 0; } .fsharedata .padd::after { right: -50px; top: 0; } .swiper_spot { text-align: center; } .swiper_spot span { border-radius: 0; width: 20px; height: 3px; } .swiper_spot span.swiper-pagination-bullet-active { background: #d70c1f; } .fcultudea .list { padding-bottom: 0; } .fdomeword .lts { padding-top: 60px; } .fdomeword { padding-bottom: 0; } .finterword { padding-top: 0; } .fcontact .list li svg { width: 105%; margin-left: -9%; margin-top: -10%; } .ustexta1 { right: 110px; bottom: 50px; } .inSelect label { padding: 0 10px; } .footer .top_txt, .indlay .footer .top_txt { left: 29px; } .footer .top_txt, .indlay .footer .top_txt { top: 20px; } .about_us { padding-bottom: 20px; } .lsvideo .icons { padding-top: 50px; background-size: 45px; font-size: 14px; } .stockcomp .stocktxt h4 { width: 140px; display: none; } .lsvideo { padding-bottom: 0; } .stockcomp .list { padding-top: 0; } .gprofile .padd { padding-top: 20px; } .stockcomp .padd { padding-bottom: 0 !important; } .stockcomp .tcen .rt:before { background-size: 20px auto !important; top: 0; } .qmnehd .lt li { width: 155px; height: 40px; } .qmnehd .lt li span { font-size: 14px; line-height: 40px; background-size: 15px auto !important; } .qmvideo li .img { height: 125px; } .qmvideo li .ico { width: 30px; height: auto; border-radius: 50%; } .mskvideo { width: 340px; } .mskvideo .gb { top: -40px; right: -10px; } .footer .lt h2 { font-size: 30px; padding: 10px 0; } .footer { padding-bottom: 0; } .qmvideo li { width: auto; margin-right: 0; margin-bottom: 10px; float: none !important; } .qmvideo li .img { height: 200px; } .stockcomp .tcen .rt { margin-bottom: 40px; } .fltrs li h2 span { font-size: 24px; } .fhonor .list li a { font-size: 14px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; padding-right: 0; padding-left: 20px; } .fhonor .list li { width: 85%; } .webban { height: calc(100vh - 50px); } .fcolourapp .indusapp .fimgs { margin: 0 -10px; } .fsmartlog .list dd .werment { width: auto; height: 29.5vw; padding: 50px 0 0; } .fsmartlog .list .werment .uls1 li.lpquan { width: 12% !important; } .fsmartlog .list .werment .uls1 li.lpquan { top: 54% !important; } .werment .uls1 li, .fsmartlog .list dd .werment .uls1 li { width: 7% !important; } .werment .uls1 li:nth-child(2), .fsmartlog .list dd .werment .uls1 li:nth-child(2) { left: 18.9% !important; } .fsmartlog .list dd .werment ul { width: 48% !important; } .fsmartlog .list dd .werment li .icon { height: 30px; width: 30px; margin: 0 auto; } .fsmartlog.fsmartlog2 .list dd .werment { padding-top: 30px; } .fsmartlog.fsmartlog2 .list dd .werment ul { width: 80% !important; font-size: 0; margin: 0 auto; } .fsmartlog .list dd .werment li h4 { font-size: 12px; padding: 0; } .fsmartlog .list dd .werment li { margin: 0; width: 25%; } .fsmartlog .list dd .werment li .icon em { background-size: 20% !important; padding: 3px; left: -3px; top: -3px; } .fsmartlog .list dd .werment li .icon .ico { width: 25px; height: 25px; } .fsmartlog2 .list dd .werment li { -webkit-animation: bounce-upss 2.5s linear infinite !important; animation: bounce-upss 2.5s linear infinite !important; } .fsmartlog .padd { padding-bottom: 0px !important; } .pcban { display: none; } .webban { display: block; } .mobile .ohigh-wrapper .ohw-banner-list .banner-item { background: none !important; } .ohigh-wrapper .ohw-banner-list .banner-item .webbg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .fbanner li .text h5.s1 { margin-bottom: 0; } .fbanner li .text h5 { margin: 5px 0; } .fbanner li .text ul { margin-top: 40px; } .fbanner li .text { top: 26%; } .fbanner li .text h5 span { margin: 0 2px; } .fsmartlog .list dd .trxt { padding: 30px 0; } .fbanner li .text h5.a5 span, .fbanner li .text h5.a5 { font-size: 26px !important; } .fawhole .global .rtswiper .list li:first-child { width: auto; margin-right: 10px; } .hnews .list li:hover i, .hnews .list li:hover .more { display: none; } a.mo:hover { pointer-events: none; } .fltrs li h6 { font-size: 14px; padding: 0; } .fltrs li:nth-child(2n+1) { width: 42%; } .lsvideo .icons { display: none !important; } .gprofile .fimgs .fltrs li, .fltrs li { margin-bottom: 15px !important; overflow: hidden; height: 60px; } .fcultudea .lst li h3:before { top: 22px; } .fban { background-position: center bottom !important; background-attachment: initial !important; } .fltrs li h2 span { line-height: 32px; } .hnews .list li .txt a { height: 62px; } .fnews .list li .text .lt h3 { font-weight: bold; } /* 閺傛澘顤 */ .bmpg .bmbd { padding: 40px; } .bmpg .bmhd ul { font-size: 0; } .bmpg .bmhd li { width: 50%; margin: 0 -2px; } .bmpg .bmhd li a { font-size: 14px; line-height: 50px; } .bmpg .bmbd { margin-top: 20px; padding: 20px; } .bmpg .bmbd .text { font-size: 14px; } .flogistis li .imgs li { width: 20%; } .flogistis li .imgs li h6 { font-size: 12px; display: none; } .flogistis li .imgs li .icons { margin-top: 10px; } .fawhole .fsmart .fimgs, .hnews .list { padding-bottom: 0; } .xzsqmulst { margin-top: -15px;margin-left: 0; } .xzsqmulst li { width: 180px; height: 40px; padding: 0 10px; float: none; margin-bottom: 5px; } .xzsqmulst li span { font-size: 12px; line-height: 40px; padding: 0 30px 0 40px; } .xzsqmulst li:hover:nth-child(3) span:before, .xzsqmulst li:hover span:before, .xzsqmulst li:hover:nth-child(2) span:before, .xzsqmulst li:hover span:before, .xzsqmulst li:nth-child(3) span:before, .xzsqmulst li:nth-child(2) span:before, .xzsqmulst li span:before { height: 40px; width: 40px; background-size: 40px !important; } .xzsqmulst li span:after { background-size: 20px auto; width: 20px; height: 20px; } .xzsqmutcangc li { display: block; width: auto; } .fsmartlog .list dd .xzsqmutrxt{ padding: 5px 0; } .xzsqmutcangc li .ts{ display: block; } .xzsqmutcangc li{ margin-bottom: 30px; } .xzsqmutcangc{ margin-top: 30px; } .xzsqmutcangc li .ico{ width: 140px;height: 140px;margin: 0 auto;padding: 2px; } .xzsqmutcangc li .ico::before{ display: none; } .xzsqmutcangc li .txt{ margin-left: 0;margin-top: 10px; } .xzsqmutcangc li .txt h3{ font-size: 16px;margin-bottom: 8px; } .xzsqmutcangc li .txt p{ font-size: 13px; } .xzsqmutcangc li:nth-child(2){ padding-left: 0; } .xzqmufintelle .padd::after{ right: 0; } .xzqmufintelle .box{ padding: 20px 0 40px; } .xzqmufintelle .box h3{ font-size: 14px;padding: 0 10px; } .xzqmufintelle .box{ margin-top: 30px; } .xzqmufintelle .box .ts li{ width: 120px;font-size: 12px;line-height: 58px; } .xzqmufintelle .box .bd{ margin-top: 15px; } .xzqmufintelle .box .bd li{ width: 270px;height: 188px;padding: 10px 10px 0;margin: 0 0 20px; } .xzqmufintelle .box .bd li .img{ height: 130px; } .xzqmufintelle .box .bd li h6{ font-size: 12px; } .xzsqmulst li{ width: 30%; } .xzsqmulst ul{ display: block; display: flex; justify-content: space-between; } .xzsqmulst li span{ padding: 0; background: none; } .xzsqmulst li:nth-child(3) span:before, .xzsqmulst li:nth-child(2) span:before, .xzsqmulst li span:before{ display: none !important; } .xzsqmulst li span:after{ display: none !important; } }