@charset "utf-8"; html { overflow-x: hidden; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch } /* @font-face { font-family: "sourcehansans"; font-display: swap; src: url("../fonts/noto-sans-sc-regular.eot"); src: url("../fonts/noto-sans-sc-regular.eot") format("embedded-opentype"), url("../fonts/sourcehansans.woff") format("woff"), url("../fonts/noto-sans-sc-regular.ttf") format("truetype"); } */ body, html { font-size: calc(100vw / 120) } input, input[type=button], input[type=reset], input[type=submit] { border: none; resize: none } img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .line1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .line2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .line3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .line4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4 } .trans { -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transform: all .4s } body { overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-family: 'sourcehansans'; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body, h1, h2, h3, h4, p { margin: 0 } ul { margin: 0; padding: 0; list-style: none } li { list-style: none } img { border: none; vertical-align: middle } a { color: #3c3c3c; text-decoration: none } a:hover, a:link, a:visited { text-decoration: none } i { font-style: normal } input { margin: 0; padding: 0 } button { margin: 0; padding: 0; outline: 0 } .clearfix:after, .clearfix:before { display: table; content: "" } .clearfix:after { clear: both } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } .fl { float: left } .fr { float: right } .ta { text-align: center } .tr { text-align: right } .tl { text-align: left } .tj { text-align: justify; } a:hover { color: #000; text-decoration: none } a, article, aside, body, button, dd, details, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, img, input, li, menu, nav, ol, p, section, select, table, tbody, td, textarea, th, tr, ul { margin: 0; padding: 0 } .w100 { width: 100% } .w95 { width: 95% } .w90 { width: 90% } .w85 { width: 85% } .w80 { width: 80% } .w75 { width: 75% } .w70 { width: 70% } .w65 { width: 65% } .w60 { width: 60% } .w55 { width: 55% } .w50 { width: 50% } .w45 { width: 45% } .w40 { width: 40% } .w35 { width: 35% } .w30 { width: 30% } .w25 { width: 25% } .w20 { width: 20% } .w15 { width: 15% } .w10 { width: 10% } .w5 { width: 5% } .mauto { margin: 0 auto; } .p5 { padding: .3125rem } .p10 { padding: .625rem } .p15 { padding: .9375rem } .p20 { padding: 1.25rem } .p25 { padding: 1.5625rem } .p30 { padding: 1.875rem } .p35 { padding: 2.1875rem } .p40 { padding: 2.5rem } .p45 { padding: 2.8125rem } .pt5 { padding-top: .3125rem } .pt10 { padding-top: .625rem } .pt15 { padding-top: .9375rem } .pt20 { padding-top: 1.25rem } .pt25 { padding-top: 1.5625rem } .pt30 { padding-top: 1.875rem } .pt35 { padding-top: 2.1875rem } .pt40 { padding-top: 2.5rem } .pt45 { padding-top: 2.8125rem } .pt50 { padding-top: 3.125rem } .pt55 { padding-top: 3.4375rem } .pt60 { padding-top: 3.75rem } .pt65 { padding-top: 4.0625rem } .pt70 { padding-top: 4.375rem } .pt75 { padding-top: 4.6875rem } .pt80 { padding-top: 5rem } .pt85 { padding-top: 5.3125rem } .pt90 { padding-top: 5.625rem } .pt95 { padding-top: 5.9375rem } .pt100 { padding-top: 6.25rem } .pb5 { padding-bottom: .3125rem } .pb10 { padding-bottom: .625rem } .pb15 { padding-bottom: .9375rem } .pb20 { padding-bottom: 1.25rem } .pb25 { padding-bottom: 1.5625rem } .pb30 { padding-bottom: 1.875rem } .pb35 { padding-bottom: 2.1875rem } .pb40 { padding-bottom: 2.5rem } .pb45 { padding-bottom: 2.8125rem } .pb50 { padding-bottom: 3.125rem } .pb55 { padding-bottom: 3.4375rem } .pb60 { padding-bottom: 3.75rem } .pb65 { padding-bottom: 4.0625rem } .pb70 { padding-bottom: 4.375rem } .pb75 { padding-bottom: 4.6875rem } .pb80 { padding-bottom: 5rem } .pb85 { padding-bottom: 5.3125rem } .pb90 { padding-bottom: 5.625rem } .pb95 { padding-bottom: 5.9375rem } .pb110 { padding-bottom: 6.875rem } .pb115 { padding-bottom: 7.1875rem } .pb120 { padding-bottom: 7.5rem } .pb125 { padding-bottom: 7.8125rem } .pb130 { padding-bottom: 8.125rem } .pb135 { padding-bottom: 8.4375rem } .pl5 { padding-left: .3125rem } .pl10 { padding-left: .625rem } .pl15 { padding-left: .9375rem } .pl20 { padding-left: 1.25rem } .pl25 { padding-left: 1.5625rem } .pl30 { padding-left: 1.875rem } .pl35 { padding-left: 2.1875rem } .pl40 { padding-left: 2.5rem } .pl45 { padding-left: 2.8125rem } .pl50 { padding-left: 3.125rem } .pl55 { padding-left: 3.4375rem } .pl60 { padding-left: 3.75rem } .pl65 { padding-left: 4.0625rem } .pl70 { padding-left: 4.375rem } .pl75 { padding-left: 4.6875rem } .pl80 { padding-left: 5rem } .pl85 { padding-left: 5.3125rem } .pl90 { padding-left: 5.625rem } .pl95 { padding-left: 5.9375rem } .pl100 { padding-left: 6.25rem } .pr5 { padding-right: .3125rem } .pr10 { padding-right: .625rem } .pr15 { padding-right: .9375rem } .pr20 { padding-right: 1.25rem } .pr25 { padding-right: 1.5625rem } .pr30 { padding-right: 1.875rem } .pr35 { padding-right: 2.1875rem } .pr40 { padding-right: 2.5rem } .pr45 { padding-right: 2.8125rem } .pr50 { padding-right: 3.125rem } .pr55 { padding-right: 3.4375rem } .pr60 { padding-right: 3.75rem } .pr65 { padding-right: 4.0625rem } .pr70 { padding-right: 4.375rem } .pr75 { padding-right: 4.6875rem } .pr80 { padding-right: 5rem } .pr85 { padding-right: 5.3125rem } .pr90 { padding-right: 5.625rem } .pr95 { padding-right: 5.9375rem } .pr100 { padding-right: 6.25rem } .p5-l-r { padding: 0 .3125rem } .p10-l-r { padding: 0 .625rem } .p15-l-r { padding: 0 .9375rem } .p20-l-r { padding: 0 1.25rem } .p25-l-r { padding: 0 1.5625rem } .p30-l-r { padding: 0 1.875rem } .p35-l-r { padding: 0 2.1875rem } .p40-l-r { padding: 0 2.5rem } .p45-l-r { padding: 0 2.8125rem } .p50-l-r { padding: 0 3.125rem } .p55-l-r { padding: 0 3.4375rem } .p60-l-r { padding: 0 3.75rem } .p65-l-r { padding: 0 4.0625rem } .p70-l-r { padding: 0 4.375rem } .p75-l-r { padding: 0 4.6875rem } .p80-l-r { padding: 0 5rem } .p85-l-r { padding: 0 5.3125rem } .p90-l-r { padding: 0 5.625rem } .p95-l-r { padding: 0 5.9375rem } .p100-l-r { padding: 0 6.25rem } .p5-t-b { padding: .3125rem 0 } .p10-t-b { padding: .625rem 0 } .p15-t-b { padding: .9375rem 0 } .p20-t-b { padding: 1.25rem 0 } .p25-t-b { padding: 1.5625rem 0 } .p30-t-b { padding: 1.875rem 0 } .p35-t-b { padding: 2.1875rem 0 } .p40-t-b { padding: 2.5rem 0 } .p45-t-b { padding: 2.8125rem 0 } .p50-t-b { padding: 3.125rem 0 } .p55-t-b { padding: 3.4375rem 0 } .p60-t-b { padding: 3.75rem 0 } .p65-t-b { padding: 4.0625rem 0 } .p70-t-b { padding: 4.375rem 0 } .p75-t-b { padding: 4.6875rem 0 } .p80-t-b { padding: 5rem 0 } .p85-t-b { padding: 5.3125rem 0 } .p90-t-b { padding: 5.625rem 0 } .p95-t-b { padding: 5.9375rem 0 } .p100-t-b { padding: 6.25rem 0 } .m5 { margin: .3125rem } .m10 { margin: .625rem } .m15 { margin: .9375rem } .m20 { margin: 1.25rem } .m25 { margin: 1.5625rem } .m30 { margin: 1.875rem } .m35 { margin: 2.1875rem } .m40 { margin: 2.5rem } .m45 { margin: 2.8125rem } .mt5 { margin-top: .3125rem } .mt10 { margin-top: .625rem } .mt15 { margin-top: .9375rem } .mt20 { margin-top: 1.25rem } .mt25 { margin-top: 1.5625rem } .mt30 { margin-top: 1.875rem } .mt35 { margin-top: 2.1875rem } .mt40 { margin-top: 2.5rem } .mt45 { margin-top: 2.8125rem } .mt50 { margin-top: 3.125rem } .mt55 { margin-top: 3.4375rem } .mt60 { margin-top: 3.75rem } .mt65 { margin-top: 4.0625rem } .mt70 { margin-top: 4.375rem } .mt75 { margin-top: 4.6875rem } .mt80 { margin-top: 5rem } .mt85 { margin-top: 5.3125rem } .mt90 { margin-top: 5.625rem } .mt95 { margin-top: 5.9375rem } .mt100 { margin-top: 6.25rem } .mb5 { margin-bottom: .3125rem } .mb10 { margin-bottom: .625rem } .mb15 { margin-bottom: .9375rem } .mb20 { margin-bottom: 1.25rem } .mb25 { margin-bottom: 1.5625rem } .mb30 { margin-bottom: 1.875rem } .mb35 { margin-bottom: 2.1875rem } .mb40 { margin-bottom: 2.5rem } .mb45 { margin-bottom: 2.8125rem } .mb50 { margin-bottom: 3.125rem } .mb55 { margin-bottom: 3.4375rem } .mb60 { margin-bottom: 3.75rem } .mb65 { margin-bottom: 4.0625rem } .mb70 { margin-bottom: 4.375rem } .mb75 { margin-bottom: 4.6875rem } .mb80 { margin-bottom: 5rem } .mb85 { margin-bottom: 5.3125rem } .mb90 { margin-bottom: 5.625rem } .mb95 { margin-bottom: 5.9375rem } .mb100 { margin-bottom: 6.25rem } .ml5 { margin-left: .3125rem } .ml10 { margin-left: .625rem } .ml15 { margin-left: .9375rem } .ml20 { margin-left: 1.25rem } .ml25 { margin-left: 1.5625rem } .ml30 { margin-left: 1.875rem } .ml35 { margin-left: 2.1875rem } .ml40 { margin-left: 2.5rem } .ml45 { margin-left: 2.8125rem } .ml50 { margin-left: 3.125rem } .ml55 { margin-left: 3.4375rem } .ml60 { margin-left: 3.75rem } .ml65 { margin-left: 4.0625rem } .ml70 { margin-left: 4.375rem } .ml75 { margin-left: 4.6875rem } .ml80 { margin-left: 5rem } .ml85 { margin-left: 5.3125rem } .ml90 { margin-left: 5.625rem } .ml95 { margin-left: 5.9375rem } .ml100 { margin-left: 6.25rem } .mr5 { margin-right: .3125rem } .mr10 { margin-right: .625rem } .mr15 { margin-right: .9375rem } .mr20 { margin-right: 1.25rem } .mr25 { margin-right: 1.5625rem } .mr30 { margin-right: 1.875rem } .mr35 { margin-right: 2.1875rem } .mr40 { margin-right: 2.5rem } .mr45 { margin-right: 2.8125rem } .mr50 { margin-right: 3.125rem } .mr55 { margin-right: 3.4375rem } .mr60 { margin-right: 3.75rem } .mr65 { margin-right: 4.0625rem } .mr70 { margin-right: 4.375rem } .mr75 { margin-right: 4.6875rem } .mr80 { margin-right: 5rem } .mr85 { margin-right: 5.3125rem } .mr90 { margin-right: 5.625rem } .mr95 { margin-right: 5.9375rem } .mr100 { margin-right: 6.25rem } .m5-l-r { margin: 0 .3125rem } .m10-l-r { margin: 0 .625rem } .m15-l-r { margin: 0 .9375rem } .m20-l-r { margin: 0 1.25rem } .m25-l-r { margin: 0 1.5625rem } .m30-l-r { margin: 0 1.875rem } .m35-l-r { margin: 0 2.1875rem } .m40-l-r { margin: 0 2.5rem } .m45-l-r { margin: 0 2.8125rem } .m50-l-r { margin: 0 3.125rem } .m55-l-r { margin: 0 3.4375rem } .m60-l-r { margin: 0 3.75rem } .m65-l-r { margin: 0 4.0625rem } .m70-l-r { margin: 0 4.375rem } .m75-l-r { margin: 0 4.6875rem } .m80-l-r { margin: 0 5rem } .m85-l-r { margin: 0 5.3125rem } .m90-l-r { margin: 0 5.625rem } .m95-l-r { margin: 0 5.9375rem } .m100-l-r { margin: 0 6.25rem } .m5-t-b { margin: .3125rem 0 } .m10-t-b { margin: .625rem 0 } .m15-t-b { margin: .9375rem 0 } .m20-t-b { margin: 1.25rem 0 } .m25-t-b { margin: 1.5625rem 0 } .m30-t-b { margin: 1.875rem 0 } .m35-t-b { margin: 2.1875rem 0 } .m40-t-b { margin: 2.5rem 0 } .m45-t-b { margin: 2.8125rem 0 } .m50-t-b { margin: 3.125rem 0 } .m55-t-b { margin: 3.4375rem 0 } .m60-t-b { margin: 3.75rem 0 } .m65-t-b { margin: 4.0625rem 0 } .m70-t-b { margin: 4.375rem 0 } .m75-t-b { margin: 4.6875rem 0 } .m80-t-b { margin: 5rem 0 } .m85-t-b { margin: 5.3125rem 0 } .m90-t-b { margin: 5.625rem 0 } .m95-t-b { margin: 5.9375rem 0 } .m100-t-b { margin: 6.25rem 0 } .z { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) } .t50 { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%) } .l50 { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%) } .flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .flex2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .flex_left { display: flex; justify-content: start; flex-wrap: wrap; align-items: center; } .flex_right { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; } .flex_left1 { display: flex; justify-content: start; flex-wrap: wrap; } .none { display: none } .block { display: block } address, em, i { font-style: normal } img { max-width: 100% } .pa { position: absolute } .pr { position: relative } .over { overflow: hidden } .ma { margin: 0 auto } .over>img:hover { transform: scale(1.1) } .over>img { cursor: pointer; transition: all .6s } .swiper-button-next, .swiper-button-prev, .swiper-pagination-clickable .swiper-pagination-bullet, input:focus, select:focus, textarea { outline: 0; resize: none } .bl { display: block } .ib { display: inline-block } .phone { position: fixed; top: 0; right: 0; left: 0; z-index: 999; display: none; padding: 10px 0; width: 100%; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .1) } .phone .wid { float: left } .phone .wid>a { display: inline-block } .color_dao .iconfont { margin: 0 5px; color: #fe7506; font-size: 1.875rem } .color_dao { line-height: 35px } .color_dao .daohang_sp { position: relative; top: -7px; font-size: 1.5625rem } .color_a { position: relative; top: -7px; font-size: 1.5625rem } #phone_nav span, .seaarch_phone span { display: inline-block; margin-left: 15px; padding: 0 0 0 10px; font-size: 20px; line-height: 40px } #siteFunctions { position: fixed; top: 0; right: -100%; bottom: 0; z-index: 10; z-index: 9999; display: none; width: 100%; height: 100%; background-color: #fff } #siteFunctions .inner { position: relative; overflow-y: auto; padding: 0 0 50px; height: 100vh; background-color: #fff } #siteFunctions .hd { position: relative; overflow: hidden; padding: 0 5vw; height: 60px; border-bottom: #dcdcdc 1px solid; line-height: 60px } #siteFunctions .hd .lang a { display: inline-block; padding: 0; height: 44px; color: #999; text-transform: uppercase; font-size: 1.3rem; line-height: 44px } #siteFunctions .hd .lang a.active { color: #57b665 } #siteFunctions .hd .lang a+a { margin-left: 20px } #siteFunctions .bt-close { position: absolute; top: 16px; right: 5vw; display: block; width: 1.8rem; height: 1.8rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } #siteFunctions .bt-close span { position: absolute; top: -9999px; left: -9999px } #siteFunctions .bt-close::before { position: absolute; top: 50%; left: 0; display: block; margin-top: -1px; width: 100%; height: 2px; background-color: #222; content: "" } #siteFunctions .bt-close::after { position: absolute; top: 0; left: 50%; display: block; margin-left: -1px; width: 2px; height: 100%; background-color: #222; content: "" } .mobMenu { padding: 0 5vw } .mobMenu a, .mobMenu span { display: block; color: #222 } .mobMenu>li { border-bottom: #dcdcdc 1px solid } .mobMenu>li>a { position: relative; display: block; padding: 18px 12px; color: #000; font-weight: 500; font-size: 1rem } .mobMenu>li>a::before { position: absolute; top: 50%; right: 12px; display: block; width: 13px; height: 1px; background-color: #000; content: '' } .mobMenu>li>a::after { position: absolute; top: 50%; right: 18px; display: block; margin-top: -6px; width: 1px; height: 13px; background-color: #000; content: '' } .mobMenu>li.active>a::before { background-color: #57b665 } .mobMenu>li.active>a::after { display: none } .mobMenu>li>.subDepth { padding: 0 12px 15px } .mobMenu>li>.subDepth>li>a { display: block; color: #666; font-size: 1rem; line-height: 28px } .mobMenu>li>.subDepth>li+li { margin-top: 10px; line-height: 28px } .searchbox { position: fixed; top: 93px; z-index: 44; padding: 15px; width: 100%; border-top: 2px solid #ee1d23; background: #fff; box-shadow: 0 0 7px 0 #cfcfcf; text-align: center } .displaynone { display: none } .searchs { margin: 0 auto; max-width: 600px } .clearfix { zoom: 1 } .searchs .sertext { float: left; display: block; box-sizing: border-box; padding: 0; padding-left: 12px; width: 78%; height: 52px; outline: 0; border: 1px solid #cdcdcd; color: #a2a2a2; font-size: 1rem; line-height: 52px; transition: .4s } .serbtn { float: right; margin: 0; padding: 0; width: 22%; height: 52px; outline: 0; border: none; background: #ee1d23; color: #fff; text-align: center; font-size: 15px; line-height: 52px; cursor: pointer; transition: .44s } .phone_footer { display: none } .phone_weibu { display: none; background: #0a0a0a } .phone_weibu .mobMenu>li>a { padding: 10px 0; color: #fff; font-size: 12px } .phone_weibu .mobMenu { padding: 0 15px } .phone_weibu .mobMenu>li { border-bottom: #424245 1px solid } .phone_weibu .mobMenu>li>.subDepth>li>a { color: #9a9797; font-size: 1em; line-height: 28px } .phone_weibu .mobMenu>li>a::before { background-color: #fff } .phone_weibu .mobMenu>li>a::after { background-color: #fff } .phone_weibu .mobMenu>li>.subDepth { display: none } .font12 { font-size: .75rem } .font14 { font-size: .875rem } .font16 { font-size: 1rem } .font18 { font-size: 1.125rem } .font20 { font-size: 1.25rem } .font22 { font-size: 1.375rem } .font24 { font-size: 1.5rem } .font26 { font-size: 1.625rem } .font28 { font-size: 1.75rem } .font30 { font-size: 1.875rem } .font32 { font-size: 2rem } .font34 { font-size: 2.125rem } .line28 { line-height: 1.75rem } .line30 { line-height: 1.875rem } .line32 { line-height: 2rem } .line34 { line-height: 2.125rem } .line36 { line-height: 2.25rem } .line38 { line-height: 2.375rem } .line40 { line-height: 2.5rem } .cf { color: #fff !important } .c0 { color: #000 !important } .er-ul { position: absolute; top: 100%; right: 0; left: 0; z-index: 999; width: 100%; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .1); transition: 400ms ease-in-out; transform: scale(0); opacity: 0; } .er-ul>li { text-align: center; font-size: .875rem; line-height: 2.25rem } .er-ul>li:hover a { color: #57b665 } .er-ul>li:nth-child(1) { padding-top: .625rem } .er-ul>li:last-child { padding-bottom: .625rem } header .nav_ul>li:hover .er-ul { opacity: 1; transform: scale(1) } .rightfix { position: fixed; top: 50%; right: 0; z-index: 9999; display: block; border-right: none; transform: translateY(-50%) } .fix_ul li { position: relative; float: none; padding: .5rem .5rem; border: 1px solid #ffffff; border-right: none; background: #000000; color: #ffffff; text-align: center; font-size: .75rem; cursor: pointer } .fix_ul li i { color: #ffffff; font-size: 1.55rem } .fix_ul a { display: block; color: #ffffff; font-size: .875rem } .right_div { position: absolute; top: 0; right: 40px; padding: 0 5px; min-width: 140px; min-height: 70px; border: 1px solid #ddd; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); color: #6a6a6a; font-size: 1rem; line-height: 68px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-transform: scale(0) } .fix_ul li:last-child { border-bottom: none } .fix_ul li:hover { background: #fff; background: #57b665; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out } .fix_ul li:first-child>.right_div { padding: 0 } .fix_ul li:hover a, .fix_ul li:hover i { color: #fff } .fix_ul li:hover .right_div { right: 70px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -ms-transform: scale(1) } .right_div div { height: 30px; line-height: 30px } .searchbox { padding: .9375rem; box-shadow: 0 0 7px 0 #cfcfcf; background: #fff; width: 100%; top: 6.1875rem; border-top: 2px solid #ec1b23; text-align: center; z-index: 44; position: fixed } .displaynone { display: none } .searchs { max-width: 600px; margin: 0 auto } .clearfix { zoom: 1 } .searchs .sertext { display: block; padding: 0; outline: 0; padding-left: .75rem; width: 78%; float: left; border: 1px solid #cdcdcd; color: #a2a2a2; font-size: .75rem; height: 3.25rem; line-height: 3.25rem; transition: .4s } .serbtn { padding: 0; margin: 0; border: none; outline: 0; width: 22%; float: right; height: 3.25rem; text-align: center; line-height: 3.25rem; background: #ec1b23; color: #fff; font-size: .9375rem; cursor: pointer; transition: .44s } @media(max-width:990px) { body { padding: 60px 0 } .index_pcnav { display: none } .phone { display: block } .mobile-foot { display: block } .foot, .footer { display: none } .searchbox { top: 60px } .searchs .sertext, .serbtn { height: 44px; line-height: 44px } .phone_footer { display: block } .phone_footer_ul li { float: left; width: 25%; text-align: center; position: relative; } .phone_footer_ul li::after { position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255, 255, 255, .35); content: "" } .phone_footer_ul li a { padding: 10px 0 } .phone_footer { position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; background: #000; color: #fff } .phone_footer_ul li .iconfont { padding-top: 7px; font-size: 20px } .phone_footer_ul li a { color: #fff !important } .rightfix { display: none } .daohang { display: none; } /* .nav { display: none; } */ } @media (max-width:767px) { body, html { font-size: 14px } .phone_beian { display: block; padding: 10px 0; background-color: #000 } .phone_beian .text { color: #b9b9b9; text-align: center; font-size: 12px } .container { padding: 0 15px } #siteFunctions { display: block } } .leftimg_righttext>li { margin-bottom: 3.125rem; } .leftimg_righttext>li:last-child { margin-bottom: 0; } .leftimg_righttext>li .name { font-size: 1.625rem; line-height: 1.875rem; } .leftimg_righttext>li .over, .leftimg_righttext>li .over img { border-radius: 0.3125rem; } .leftimg_righttext>li:nth-child(even) .left { order: 2; } .leftimg_righttext>li:nth-child(even) .right { order: 1; } table td { padding: 1rem 2rem !important; border: 1px solid #ddd; font-size: 1rem; color: #6a6a6a; } .line_three .name, .line_two .name { font-size: 1.25rem; margin-top: 1.25rem; } .line_three .over, .line_two .over, .line_three .over img, .line_two .over img { border-radius: 0.3125rem; width: 100%; } .line_three li:hover img, .line_two li:hover img { transform: scale(1.1); } .left_right_ul li:not(:last-child) { margin-bottom: 3.75rem; } .left_right_ul li:nth-child(even) .order2 { order: 1; } .left_right_ul li:nth-child(even) .order1 { order: 2; } @media (max-width: 990px) { .left_right_ul li .order1 { order: 1 !important; } .left_right_ul li .order2 { order: 2 !important; margin-top: 15px; } } .over { overflow: hidden; } .phone_show_990, .phone_show_767 { display: none; } @media (max-width: 990px) { .pc_show_990 { display: none; } .phone_show_990 { display: block; } } @media (max-width: 767px) { .pc_show_767 { display: none; } .phone_show_767 { display: block; } } .ar43 { aspect-ratio: 4/3; } .ar34 { aspect-ratio: 3/4; } .ar11 { aspect-ratio: 1/1; } .ar169 { aspect-ratio: 16/9; } .ar916 { aspect-ratio: 9/16; } .bgf8 { background: #f8f8f8; } .box_s { box-shadow: 0px 0px 1rem .1875rem rgba(0, 0, 0, 0.05); } .alignc { align-items: center; } .bor1 { border: 1px solid #ddd; } .textca { text-transform: capitalize; } img{ image-rendering: auto; transform: translateZ(0); backface-visibility: hidden; }