.oems-banner img, .aib-mode img, .aib-channel img, .aib-industry img, .aib-map img{ width: 100%; } .aib-mode{ padding: 6.25rem 0; } h1{ font-size: 2rem; font-weight: 700; color: #333333; letter-spacing: 0.28rem; text-align: center; margin-bottom: 3.125rem; } .aib-channel{ background: #F2F2F2; padding: 6.875rem 0; } .aib-industry{ padding: 4.375rem 0; } .aib-agent{ background: #259E3C; padding: 5.3125rem 0; } .aib-agent h1{ font-size: 2rem; font-weight: 700; color: #ffffff; letter-spacing: 0.28rem; margin-bottom: 1.875rem; } .aib-agent h5{ opacity: 0.7; font-size: 2rem; font-weight: 400; color: #ffffff; letter-spacing: 0.28rem; text-align: center; margin-bottom: 5rem; } .aib-agent img{ width: 3.75rem; height: 3.75rem; margin-bottom: 2.5rem; } .aib-agent .aiba-content{ display: flex; align-items: center; justify-content: space-between; } .aib-agent .aiba-content ul{ width: 21.25rem; padding: 3.75rem 0; background: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 0.75rem; } .aib-agent .aiba-content .text1{ font-size: 1.5rem; font-weight: 700; color: #666666; margin-bottom: 1.25rem; } .aib-agent .aiba-content .text2{ font-size: 1.125rem; font-weight: 400; text-align: center; color: #666666; } .aib-map{ padding: 4.375rem 0; } .aib-map h5{ width: 32.3125rem; font-size: 1.5rem; font-weight: 400; text-align: center; color: #999999; letter-spacing: 0.21rem; margin: 0 auto; margin-bottom: 4.875rem; } .aib-afterSale{ padding-bottom: 5rem; } .aib-afterSale h1{ } .aib-afterSale h5{ font-size: 1.5rem; font-weight: 400; text-align: center; color: #999999; letter-spacing: 0.21rem; margin-bottom: 6.25rem; } .aibas-content{ display: flex; align-items: center; justify-content: center; } .aibas-content .textT{ font-size: 3.75rem; font-weight: 700; color: #93c79d; } .aibas-content .aibasc-left, .aibas-content .aibasc-right{ width: 31.25rem; } .aibas-content .aibasc-left ul, .aibas-content .aibasc-right ul{ display: flex; align-items: center; justify-content: flex-end; margin-bottom: 4rem; } .aibas-content .aibasc-right ul{ justify-content: flex-start; } .aibas-content .aibasc-left ul:last-child, .aibas-content .aibasc-right ul:last-child{ margin: 0; } .aibas-content .aibasc-left ul:nth-child(2){ padding-right: 3.5rem; } .aibas-content .aibasc-right ul:nth-child(2){ padding-left: 3.5rem; } .aibas-content .aibasc-left ul{ text-align: right; } .aibas-content .aibasc-left ul .textT{ margin-left: 1.875rem; } .aibas-content .aibasc-right ul{ text-align: left; } .aibas-content .aibasc-right ul .textT{ margin-right: 1.875rem; } .aibas-content .tip-title{ font-size: 1.25rem; font-weight: 700; color: #666666; margin-bottom: 1.25rem; } .aibas-content .tip-text{ font-size: 1.125rem; font-weight: 400; color: #999999; } /* 鈥 浜斿ソ 鈥 浼樺娍 */ .advantage-bg { width: 100%; min-height: 31.25rem; padding-top: 4.125rem; box-sizing: border-box; background: url(../image/advantage-bg.jpg); margin-bottom: 4.5rem; background-size: cover; } .advantage-bg h2 { font-size: 2rem; font-weight: 700; text-align: center; color: #333333; margin-bottom: 4.8125rem; } .advantage-bg .adt-content { display: flex; align-items: flex-start; justify-content: space-between; } .adt-content .adtC-item { width: 14%; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; text-align: center; } .adtC-item .item-number { width: 4rem; height: 4rem; line-height: 4rem; text-align: center; background: #0b9e27; font-size: 2rem; font-weight: bold; color: #ffffff; letter-spacing: -0.16rem; border-radius: 50%; } .adtC-item .item-tip { font-size: 1.25rem; font-weight: bold; color: #333333; padding-top: 1.25rem; border-bottom: 0.0625rem solid #000000; margin-bottom: 1.875rem; padding-bottom: 1.25rem; } .adtC-item .item-text { font-size: 1.125rem; font-weight: 400; color: #666666; } /* 绉诲姩绔叕鍏辨牱寮 */ @media only screen and (max-width: 1000px) { h1{ font-size: 1.5rem; } h5{ font-size: 1.2rem; } .aib-agent h1{ font-size: 1.5rem; } .aib-agent h5{ font-size: 1.2rem; } .aib-agent .aiba-content{ flex-direction: column; } .aib-agent .aiba-content ul{ margin-bottom: 1.5rem; } .aib-map h5{ width: 80%; } .aibas-content{ flex-direction: column; } .aibas-content .aibasc-left, .aibas-content .aibasc-right{ width: 100%; } .aibas-content .aibasc-left ul:nth-child(2), .aibas-content .aibasc-right ul:nth-child(2){ padding: 0; } .aibas-content img{ width: 100%; } }