.cover-img { width: 100%; height: 100%; object-fit: cover; } .contain-img { width: 100%; height: 100%; object-fit: contain; } .fb { font-weight: bold; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; } .f30 { font-size: 30px; } .f32 { font-size: 32px; } .f34 { font-size: 34px; } .f36 { font-size: 36px; } .f38 { font-size: 38px; } .f40 { font-size: 40px; } .flex-row-box { display: flex; flex-direction: row; } .flex-column-box { display: flex; flex-direction: column; } .block-box { display: block; width: 100%; height: 100%; } .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .absolute-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .flex { flex: 1; } .after { display: block; content: ""; position: absolute; width: 100%; height: 100%; } .before { display: block; content: ""; position: absolute; width: 100%; height: 100%; } .ellipsis-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p-100 { padding: 100px; } .pt-100 { padding-top: 100px; } .pr-100 { padding-right: 100px; } .pb-100 { padding-bottom: 100px; } .pl-100 { padding-left: 100px; } .m-100 { margin: 100px; } .mt-100 { margin-top: 100px; } .mr-100 { margin-right: 100px; } .mb-100 { margin-bottom: 100px; } .ml-100 { margin-left: 100px; } .width100 { width: 100%; } .p-99 { padding: 99px; } .pt-99 { padding-top: 99px; } .pr-99 { padding-right: 99px; } .pb-99 { padding-bottom: 99px; } .pl-99 { padding-left: 99px; } .m-99 { margin: 99px; } .mt-99 { margin-top: 99px; } .mr-99 { margin-right: 99px; } .mb-99 { margin-bottom: 99px; } .ml-99 { margin-left: 99px; } .width99 { width: 99%; } .p-98 { padding: 98px; } .pt-98 { padding-top: 98px; } .pr-98 { padding-right: 98px; } .pb-98 { padding-bottom: 98px; } .pl-98 { padding-left: 98px; } .m-98 { margin: 98px; } .mt-98 { margin-top: 98px; } .mr-98 { margin-right: 98px; } .mb-98 { margin-bottom: 98px; } .ml-98 { margin-left: 98px; } .width98 { width: 98%; } .p-97 { padding: 97px; } .pt-97 { padding-top: 97px; } .pr-97 { padding-right: 97px; } .pb-97 { padding-bottom: 97px; } .pl-97 { padding-left: 97px; } .m-97 { margin: 97px; } .mt-97 { margin-top: 97px; } .mr-97 { margin-right: 97px; } .mb-97 { margin-bottom: 97px; } .ml-97 { margin-left: 97px; } .width97 { width: 97%; } .p-96 { padding: 96px; } .pt-96 { padding-top: 96px; } .pr-96 { padding-right: 96px; } .pb-96 { padding-bottom: 96px; } .pl-96 { padding-left: 96px; } .m-96 { margin: 96px; } .mt-96 { margin-top: 96px; } .mr-96 { margin-right: 96px; } .mb-96 { margin-bottom: 96px; } .ml-96 { margin-left: 96px; } .width96 { width: 96%; } .p-95 { padding: 95px; } .pt-95 { padding-top: 95px; } .pr-95 { padding-right: 95px; } .pb-95 { padding-bottom: 95px; } .pl-95 { padding-left: 95px; } .m-95 { margin: 95px; } .mt-95 { margin-top: 95px; } .mr-95 { margin-right: 95px; } .mb-95 { margin-bottom: 95px; } .ml-95 { margin-left: 95px; } .width95 { width: 95%; } .p-94 { padding: 94px; } .pt-94 { padding-top: 94px; } .pr-94 { padding-right: 94px; } .pb-94 { padding-bottom: 94px; } .pl-94 { padding-left: 94px; } .m-94 { margin: 94px; } .mt-94 { margin-top: 94px; } .mr-94 { margin-right: 94px; } .mb-94 { margin-bottom: 94px; } .ml-94 { margin-left: 94px; } .width94 { width: 94%; } .p-93 { padding: 93px; } .pt-93 { padding-top: 93px; } .pr-93 { padding-right: 93px; } .pb-93 { padding-bottom: 93px; } .pl-93 { padding-left: 93px; } .m-93 { margin: 93px; } .mt-93 { margin-top: 93px; } .mr-93 { margin-right: 93px; } .mb-93 { margin-bottom: 93px; } .ml-93 { margin-left: 93px; } .width93 { width: 93%; } .p-92 { padding: 92px; } .pt-92 { padding-top: 92px; } .pr-92 { padding-right: 92px; } .pb-92 { padding-bottom: 92px; } .pl-92 { padding-left: 92px; } .m-92 { margin: 92px; } .mt-92 { margin-top: 92px; } .mr-92 { margin-right: 92px; } .mb-92 { margin-bottom: 92px; } .ml-92 { margin-left: 92px; } .width92 { width: 92%; } .p-91 { padding: 91px; } .pt-91 { padding-top: 91px; } .pr-91 { padding-right: 91px; } .pb-91 { padding-bottom: 91px; } .pl-91 { padding-left: 91px; } .m-91 { margin: 91px; } .mt-91 { margin-top: 91px; } .mr-91 { margin-right: 91px; } .mb-91 { margin-bottom: 91px; } .ml-91 { margin-left: 91px; } .width91 { width: 91%; } .p-90 { padding: 90px; } .pt-90 { padding-top: 90px; } .pr-90 { padding-right: 90px; } .pb-90 { padding-bottom: 90px; } .pl-90 { padding-left: 90px; } .m-90 { margin: 90px; } .mt-90 { margin-top: 90px; } .mr-90 { margin-right: 90px; } .mb-90 { margin-bottom: 90px; } .ml-90 { margin-left: 90px; } .width90 { width: 90%; } .p-89 { padding: 89px; } .pt-89 { padding-top: 89px; } .pr-89 { padding-right: 89px; } .pb-89 { padding-bottom: 89px; } .pl-89 { padding-left: 89px; } .m-89 { margin: 89px; } .mt-89 { margin-top: 89px; } .mr-89 { margin-right: 89px; } .mb-89 { margin-bottom: 89px; } .ml-89 { margin-left: 89px; } .width89 { width: 89%; } .p-88 { padding: 88px; } .pt-88 { padding-top: 88px; } .pr-88 { padding-right: 88px; } .pb-88 { padding-bottom: 88px; } .pl-88 { padding-left: 88px; } .m-88 { margin: 88px; } .mt-88 { margin-top: 88px; } .mr-88 { margin-right: 88px; } .mb-88 { margin-bottom: 88px; } .ml-88 { margin-left: 88px; } .width88 { width: 88%; } .p-87 { padding: 87px; } .pt-87 { padding-top: 87px; } .pr-87 { padding-right: 87px; } .pb-87 { padding-bottom: 87px; } .pl-87 { padding-left: 87px; } .m-87 { margin: 87px; } .mt-87 { margin-top: 87px; } .mr-87 { margin-right: 87px; } .mb-87 { margin-bottom: 87px; } .ml-87 { margin-left: 87px; } .width87 { width: 87%; } .p-86 { padding: 86px; } .pt-86 { padding-top: 86px; } .pr-86 { padding-right: 86px; } .pb-86 { padding-bottom: 86px; } .pl-86 { padding-left: 86px; } .m-86 { margin: 86px; } .mt-86 { margin-top: 86px; } .mr-86 { margin-right: 86px; } .mb-86 { margin-bottom: 86px; } .ml-86 { margin-left: 86px; } .width86 { width: 86%; } .p-85 { padding: 85px; } .pt-85 { padding-top: 85px; } .pr-85 { padding-right: 85px; } .pb-85 { padding-bottom: 85px; } .pl-85 { padding-left: 85px; } .m-85 { margin: 85px; } .mt-85 { margin-top: 85px; } .mr-85 { margin-right: 85px; } .mb-85 { margin-bottom: 85px; } .ml-85 { margin-left: 85px; } .width85 { width: 85%; } .p-84 { padding: 84px; } .pt-84 { padding-top: 84px; } .pr-84 { padding-right: 84px; } .pb-84 { padding-bottom: 84px; } .pl-84 { padding-left: 84px; } .m-84 { margin: 84px; } .mt-84 { margin-top: 84px; } .mr-84 { margin-right: 84px; } .mb-84 { margin-bottom: 84px; } .ml-84 { margin-left: 84px; } .width84 { width: 84%; } .p-83 { padding: 83px; } .pt-83 { padding-top: 83px; } .pr-83 { padding-right: 83px; } .pb-83 { padding-bottom: 83px; } .pl-83 { padding-left: 83px; } .m-83 { margin: 83px; } .mt-83 { margin-top: 83px; } .mr-83 { margin-right: 83px; } .mb-83 { margin-bottom: 83px; } .ml-83 { margin-left: 83px; } .width83 { width: 83%; } .p-82 { padding: 82px; } .pt-82 { padding-top: 82px; } .pr-82 { padding-right: 82px; } .pb-82 { padding-bottom: 82px; } .pl-82 { padding-left: 82px; } .m-82 { margin: 82px; } .mt-82 { margin-top: 82px; } .mr-82 { margin-right: 82px; } .mb-82 { margin-bottom: 82px; } .ml-82 { margin-left: 82px; } .width82 { width: 82%; } .p-81 { padding: 81px; } .pt-81 { padding-top: 81px; } .pr-81 { padding-right: 81px; } .pb-81 { padding-bottom: 81px; } .pl-81 { padding-left: 81px; } .m-81 { margin: 81px; } .mt-81 { margin-top: 81px; } .mr-81 { margin-right: 81px; } .mb-81 { margin-bottom: 81px; } .ml-81 { margin-left: 81px; } .width81 { width: 81%; } .p-80 { padding: 80px; } .pt-80 { padding-top: 80px; } .pr-80 { padding-right: 80px; } .pb-80 { padding-bottom: 80px; } .pl-80 { padding-left: 80px; } .m-80 { margin: 80px; } .mt-80 { margin-top: 80px; } .mr-80 { margin-right: 80px; } .mb-80 { margin-bottom: 80px; } .ml-80 { margin-left: 80px; } .width80 { width: 80%; } .p-79 { padding: 79px; } .pt-79 { padding-top: 79px; } .pr-79 { padding-right: 79px; } .pb-79 { padding-bottom: 79px; } .pl-79 { padding-left: 79px; } .m-79 { margin: 79px; } .mt-79 { margin-top: 79px; } .mr-79 { margin-right: 79px; } .mb-79 { margin-bottom: 79px; } .ml-79 { margin-left: 79px; } .width79 { width: 79%; } .p-78 { padding: 78px; } .pt-78 { padding-top: 78px; } .pr-78 { padding-right: 78px; } .pb-78 { padding-bottom: 78px; } .pl-78 { padding-left: 78px; } .m-78 { margin: 78px; } .mt-78 { margin-top: 78px; } .mr-78 { margin-right: 78px; } .mb-78 { margin-bottom: 78px; } .ml-78 { margin-left: 78px; } .width78 { width: 78%; } .p-77 { padding: 77px; } .pt-77 { padding-top: 77px; } .pr-77 { padding-right: 77px; } .pb-77 { padding-bottom: 77px; } .pl-77 { padding-left: 77px; } .m-77 { margin: 77px; } .mt-77 { margin-top: 77px; } .mr-77 { margin-right: 77px; } .mb-77 { margin-bottom: 77px; } .ml-77 { margin-left: 77px; } .width77 { width: 77%; } .p-76 { padding: 76px; } .pt-76 { padding-top: 76px; } .pr-76 { padding-right: 76px; } .pb-76 { padding-bottom: 76px; } .pl-76 { padding-left: 76px; } .m-76 { margin: 76px; } .mt-76 { margin-top: 76px; } .mr-76 { margin-right: 76px; } .mb-76 { margin-bottom: 76px; } .ml-76 { margin-left: 76px; } .width76 { width: 76%; } .p-75 { padding: 75px; } .pt-75 { padding-top: 75px; } .pr-75 { padding-right: 75px; } .pb-75 { padding-bottom: 75px; } .pl-75 { padding-left: 75px; } .m-75 { margin: 75px; } .mt-75 { margin-top: 75px; } .mr-75 { margin-right: 75px; } .mb-75 { margin-bottom: 75px; } .ml-75 { margin-left: 75px; } .width75 { width: 75%; } .p-74 { padding: 74px; } .pt-74 { padding-top: 74px; } .pr-74 { padding-right: 74px; } .pb-74 { padding-bottom: 74px; } .pl-74 { padding-left: 74px; } .m-74 { margin: 74px; } .mt-74 { margin-top: 74px; } .mr-74 { margin-right: 74px; } .mb-74 { margin-bottom: 74px; } .ml-74 { margin-left: 74px; } .width74 { width: 74%; } .p-73 { padding: 73px; } .pt-73 { padding-top: 73px; } .pr-73 { padding-right: 73px; } .pb-73 { padding-bottom: 73px; } .pl-73 { padding-left: 73px; } .m-73 { margin: 73px; } .mt-73 { margin-top: 73px; } .mr-73 { margin-right: 73px; } .mb-73 { margin-bottom: 73px; } .ml-73 { margin-left: 73px; } .width73 { width: 73%; } .p-72 { padding: 72px; } .pt-72 { padding-top: 72px; } .pr-72 { padding-right: 72px; } .pb-72 { padding-bottom: 72px; } .pl-72 { padding-left: 72px; } .m-72 { margin: 72px; } .mt-72 { margin-top: 72px; } .mr-72 { margin-right: 72px; } .mb-72 { margin-bottom: 72px; } .ml-72 { margin-left: 72px; } .width72 { width: 72%; } .p-71 { padding: 71px; } .pt-71 { padding-top: 71px; } .pr-71 { padding-right: 71px; } .pb-71 { padding-bottom: 71px; } .pl-71 { padding-left: 71px; } .m-71 { margin: 71px; } .mt-71 { margin-top: 71px; } .mr-71 { margin-right: 71px; } .mb-71 { margin-bottom: 71px; } .ml-71 { margin-left: 71px; } .width71 { width: 71%; } .p-70 { padding: 70px; } .pt-70 { padding-top: 70px; } .pr-70 { padding-right: 70px; } .pb-70 { padding-bottom: 70px; } .pl-70 { padding-left: 70px; } .m-70 { margin: 70px; } .mt-70 { margin-top: 70px; } .mr-70 { margin-right: 70px; } .mb-70 { margin-bottom: 70px; } .ml-70 { margin-left: 70px; } .width70 { width: 70%; } .p-69 { padding: 69px; } .pt-69 { padding-top: 69px; } .pr-69 { padding-right: 69px; } .pb-69 { padding-bottom: 69px; } .pl-69 { padding-left: 69px; } .m-69 { margin: 69px; } .mt-69 { margin-top: 69px; } .mr-69 { margin-right: 69px; } .mb-69 { margin-bottom: 69px; } .ml-69 { margin-left: 69px; } .width69 { width: 69%; } .p-68 { padding: 68px; } .pt-68 { padding-top: 68px; } .pr-68 { padding-right: 68px; } .pb-68 { padding-bottom: 68px; } .pl-68 { padding-left: 68px; } .m-68 { margin: 68px; } .mt-68 { margin-top: 68px; } .mr-68 { margin-right: 68px; } .mb-68 { margin-bottom: 68px; } .ml-68 { margin-left: 68px; } .width68 { width: 68%; } .p-67 { padding: 67px; } .pt-67 { padding-top: 67px; } .pr-67 { padding-right: 67px; } .pb-67 { padding-bottom: 67px; } .pl-67 { padding-left: 67px; } .m-67 { margin: 67px; } .mt-67 { margin-top: 67px; } .mr-67 { margin-right: 67px; } .mb-67 { margin-bottom: 67px; } .ml-67 { margin-left: 67px; } .width67 { width: 67%; } .p-66 { padding: 66px; } .pt-66 { padding-top: 66px; } .pr-66 { padding-right: 66px; } .pb-66 { padding-bottom: 66px; } .pl-66 { padding-left: 66px; } .m-66 { margin: 66px; } .mt-66 { margin-top: 66px; } .mr-66 { margin-right: 66px; } .mb-66 { margin-bottom: 66px; } .ml-66 { margin-left: 66px; } .width66 { width: 66%; } .p-65 { padding: 65px; } .pt-65 { padding-top: 65px; } .pr-65 { padding-right: 65px; } .pb-65 { padding-bottom: 65px; } .pl-65 { padding-left: 65px; } .m-65 { margin: 65px; } .mt-65 { margin-top: 65px; } .mr-65 { margin-right: 65px; } .mb-65 { margin-bottom: 65px; } .ml-65 { margin-left: 65px; } .width65 { width: 65%; } .p-64 { padding: 64px; } .pt-64 { padding-top: 64px; } .pr-64 { padding-right: 64px; } .pb-64 { padding-bottom: 64px; } .pl-64 { padding-left: 64px; } .m-64 { margin: 64px; } .mt-64 { margin-top: 64px; } .mr-64 { margin-right: 64px; } .mb-64 { margin-bottom: 64px; } .ml-64 { margin-left: 64px; } .width64 { width: 64%; } .p-63 { padding: 63px; } .pt-63 { padding-top: 63px; } .pr-63 { padding-right: 63px; } .pb-63 { padding-bottom: 63px; } .pl-63 { padding-left: 63px; } .m-63 { margin: 63px; } .mt-63 { margin-top: 63px; } .mr-63 { margin-right: 63px; } .mb-63 { margin-bottom: 63px; } .ml-63 { margin-left: 63px; } .width63 { width: 63%; } .p-62 { padding: 62px; } .pt-62 { padding-top: 62px; } .pr-62 { padding-right: 62px; } .pb-62 { padding-bottom: 62px; } .pl-62 { padding-left: 62px; } .m-62 { margin: 62px; } .mt-62 { margin-top: 62px; } .mr-62 { margin-right: 62px; } .mb-62 { margin-bottom: 62px; } .ml-62 { margin-left: 62px; } .width62 { width: 62%; } .p-61 { padding: 61px; } .pt-61 { padding-top: 61px; } .pr-61 { padding-right: 61px; } .pb-61 { padding-bottom: 61px; } .pl-61 { padding-left: 61px; } .m-61 { margin: 61px; } .mt-61 { margin-top: 61px; } .mr-61 { margin-right: 61px; } .mb-61 { margin-bottom: 61px; } .ml-61 { margin-left: 61px; } .width61 { width: 61%; } .p-60 { padding: 60px; } .pt-60 { padding-top: 60px; } .pr-60 { padding-right: 60px; } .pb-60 { padding-bottom: 60px; } .pl-60 { padding-left: 60px; } .m-60 { margin: 60px; } .mt-60 { margin-top: 60px; } .mr-60 { margin-right: 60px; } .mb-60 { margin-bottom: 60px; } .ml-60 { margin-left: 60px; } .width60 { width: 60%; } .p-59 { padding: 59px; } .pt-59 { padding-top: 59px; } .pr-59 { padding-right: 59px; } .pb-59 { padding-bottom: 59px; } .pl-59 { padding-left: 59px; } .m-59 { margin: 59px; } .mt-59 { margin-top: 59px; } .mr-59 { margin-right: 59px; } .mb-59 { margin-bottom: 59px; } .ml-59 { margin-left: 59px; } .width59 { width: 59%; } .p-58 { padding: 58px; } .pt-58 { padding-top: 58px; } .pr-58 { padding-right: 58px; } .pb-58 { padding-bottom: 58px; } .pl-58 { padding-left: 58px; } .m-58 { margin: 58px; } .mt-58 { margin-top: 58px; } .mr-58 { margin-right: 58px; } .mb-58 { margin-bottom: 58px; } .ml-58 { margin-left: 58px; } .width58 { width: 58%; } .p-57 { padding: 57px; } .pt-57 { padding-top: 57px; } .pr-57 { padding-right: 57px; } .pb-57 { padding-bottom: 57px; } .pl-57 { padding-left: 57px; } .m-57 { margin: 57px; } .mt-57 { margin-top: 57px; } .mr-57 { margin-right: 57px; } .mb-57 { margin-bottom: 57px; } .ml-57 { margin-left: 57px; } .width57 { width: 57%; } .p-56 { padding: 56px; } .pt-56 { padding-top: 56px; } .pr-56 { padding-right: 56px; } .pb-56 { padding-bottom: 56px; } .pl-56 { padding-left: 56px; } .m-56 { margin: 56px; } .mt-56 { margin-top: 56px; } .mr-56 { margin-right: 56px; } .mb-56 { margin-bottom: 56px; } .ml-56 { margin-left: 56px; } .width56 { width: 56%; } .p-55 { padding: 55px; } .pt-55 { padding-top: 55px; } .pr-55 { padding-right: 55px; } .pb-55 { padding-bottom: 55px; } .pl-55 { padding-left: 55px; } .m-55 { margin: 55px; } .mt-55 { margin-top: 55px; } .mr-55 { margin-right: 55px; } .mb-55 { margin-bottom: 55px; } .ml-55 { margin-left: 55px; } .width55 { width: 55%; } .p-54 { padding: 54px; } .pt-54 { padding-top: 54px; } .pr-54 { padding-right: 54px; } .pb-54 { padding-bottom: 54px; } .pl-54 { padding-left: 54px; } .m-54 { margin: 54px; } .mt-54 { margin-top: 54px; } .mr-54 { margin-right: 54px; } .mb-54 { margin-bottom: 54px; } .ml-54 { margin-left: 54px; } .width54 { width: 54%; } .p-53 { padding: 53px; } .pt-53 { padding-top: 53px; } .pr-53 { padding-right: 53px; } .pb-53 { padding-bottom: 53px; } .pl-53 { padding-left: 53px; } .m-53 { margin: 53px; } .mt-53 { margin-top: 53px; } .mr-53 { margin-right: 53px; } .mb-53 { margin-bottom: 53px; } .ml-53 { margin-left: 53px; } .width53 { width: 53%; } .p-52 { padding: 52px; } .pt-52 { padding-top: 52px; } .pr-52 { padding-right: 52px; } .pb-52 { padding-bottom: 52px; } .pl-52 { padding-left: 52px; } .m-52 { margin: 52px; } .mt-52 { margin-top: 52px; } .mr-52 { margin-right: 52px; } .mb-52 { margin-bottom: 52px; } .ml-52 { margin-left: 52px; } .width52 { width: 52%; } .p-51 { padding: 51px; } .pt-51 { padding-top: 51px; } .pr-51 { padding-right: 51px; } .pb-51 { padding-bottom: 51px; } .pl-51 { padding-left: 51px; } .m-51 { margin: 51px; } .mt-51 { margin-top: 51px; } .mr-51 { margin-right: 51px; } .mb-51 { margin-bottom: 51px; } .ml-51 { margin-left: 51px; } .width51 { width: 51%; } .p-50 { padding: 50px; } .pt-50 { padding-top: 50px; } .pr-50 { padding-right: 50px; } .pb-50 { padding-bottom: 50px; } .pl-50 { padding-left: 50px; } .m-50 { margin: 50px; } .mt-50 { margin-top: 50px; } .mr-50 { margin-right: 50px; } .mb-50 { margin-bottom: 50px; } .ml-50 { margin-left: 50px; } .width50 { width: 50%; } .p-49 { padding: 49px; } .pt-49 { padding-top: 49px; } .pr-49 { padding-right: 49px; } .pb-49 { padding-bottom: 49px; } .pl-49 { padding-left: 49px; } .m-49 { margin: 49px; } .mt-49 { margin-top: 49px; } .mr-49 { margin-right: 49px; } .mb-49 { margin-bottom: 49px; } .ml-49 { margin-left: 49px; } .width49 { width: 49%; } .p-48 { padding: 48px; } .pt-48 { padding-top: 48px; } .pr-48 { padding-right: 48px; } .pb-48 { padding-bottom: 48px; } .pl-48 { padding-left: 48px; } .m-48 { margin: 48px; } .mt-48 { margin-top: 48px; } .mr-48 { margin-right: 48px; } .mb-48 { margin-bottom: 48px; } .ml-48 { margin-left: 48px; } .width48 { width: 48%; } .p-47 { padding: 47px; } .pt-47 { padding-top: 47px; } .pr-47 { padding-right: 47px; } .pb-47 { padding-bottom: 47px; } .pl-47 { padding-left: 47px; } .m-47 { margin: 47px; } .mt-47 { margin-top: 47px; } .mr-47 { margin-right: 47px; } .mb-47 { margin-bottom: 47px; } .ml-47 { margin-left: 47px; } .width47 { width: 47%; } .p-46 { padding: 46px; } .pt-46 { padding-top: 46px; } .pr-46 { padding-right: 46px; } .pb-46 { padding-bottom: 46px; } .pl-46 { padding-left: 46px; } .m-46 { margin: 46px; } .mt-46 { margin-top: 46px; } .mr-46 { margin-right: 46px; } .mb-46 { margin-bottom: 46px; } .ml-46 { margin-left: 46px; } .width46 { width: 46%; } .p-45 { padding: 45px; } .pt-45 { padding-top: 45px; } .pr-45 { padding-right: 45px; } .pb-45 { padding-bottom: 45px; } .pl-45 { padding-left: 45px; } .m-45 { margin: 45px; } .mt-45 { margin-top: 45px; } .mr-45 { margin-right: 45px; } .mb-45 { margin-bottom: 45px; } .ml-45 { margin-left: 45px; } .width45 { width: 45%; } .p-44 { padding: 44px; } .pt-44 { padding-top: 44px; } .pr-44 { padding-right: 44px; } .pb-44 { padding-bottom: 44px; } .pl-44 { padding-left: 44px; } .m-44 { margin: 44px; } .mt-44 { margin-top: 44px; } .mr-44 { margin-right: 44px; } .mb-44 { margin-bottom: 44px; } .ml-44 { margin-left: 44px; } .width44 { width: 44%; } .p-43 { padding: 43px; } .pt-43 { padding-top: 43px; } .pr-43 { padding-right: 43px; } .pb-43 { padding-bottom: 43px; } .pl-43 { padding-left: 43px; } .m-43 { margin: 43px; } .mt-43 { margin-top: 43px; } .mr-43 { margin-right: 43px; } .mb-43 { margin-bottom: 43px; } .ml-43 { margin-left: 43px; } .width43 { width: 43%; } .p-42 { padding: 42px; } .pt-42 { padding-top: 42px; } .pr-42 { padding-right: 42px; } .pb-42 { padding-bottom: 42px; } .pl-42 { padding-left: 42px; } .m-42 { margin: 42px; } .mt-42 { margin-top: 42px; } .mr-42 { margin-right: 42px; } .mb-42 { margin-bottom: 42px; } .ml-42 { margin-left: 42px; } .width42 { width: 42%; } .p-41 { padding: 41px; } .pt-41 { padding-top: 41px; } .pr-41 { padding-right: 41px; } .pb-41 { padding-bottom: 41px; } .pl-41 { padding-left: 41px; } .m-41 { margin: 41px; } .mt-41 { margin-top: 41px; } .mr-41 { margin-right: 41px; } .mb-41 { margin-bottom: 41px; } .ml-41 { margin-left: 41px; } .width41 { width: 41%; } .p-40 { padding: 40px; } .pt-40 { padding-top: 40px; } .pr-40 { padding-right: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .m-40 { margin: 40px; } .mt-40 { margin-top: 40px; } .mr-40 { margin-right: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .width40 { width: 40%; } .p-39 { padding: 39px; } .pt-39 { padding-top: 39px; } .pr-39 { padding-right: 39px; } .pb-39 { padding-bottom: 39px; } .pl-39 { padding-left: 39px; } .m-39 { margin: 39px; } .mt-39 { margin-top: 39px; } .mr-39 { margin-right: 39px; } .mb-39 { margin-bottom: 39px; } .ml-39 { margin-left: 39px; } .width39 { width: 39%; } .p-38 { padding: 38px; } .pt-38 { padding-top: 38px; } .pr-38 { padding-right: 38px; } .pb-38 { padding-bottom: 38px; } .pl-38 { padding-left: 38px; } .m-38 { margin: 38px; } .mt-38 { margin-top: 38px; } .mr-38 { margin-right: 38px; } .mb-38 { margin-bottom: 38px; } .ml-38 { margin-left: 38px; } .width38 { width: 38%; } .p-37 { padding: 37px; } .pt-37 { padding-top: 37px; } .pr-37 { padding-right: 37px; } .pb-37 { padding-bottom: 37px; } .pl-37 { padding-left: 37px; } .m-37 { margin: 37px; } .mt-37 { margin-top: 37px; } .mr-37 { margin-right: 37px; } .mb-37 { margin-bottom: 37px; } .ml-37 { margin-left: 37px; } .width37 { width: 37%; } .p-36 { padding: 36px; } .pt-36 { padding-top: 36px; } .pr-36 { padding-right: 36px; } .pb-36 { padding-bottom: 36px; } .pl-36 { padding-left: 36px; } .m-36 { margin: 36px; } .mt-36 { margin-top: 36px; } .mr-36 { margin-right: 36px; } .mb-36 { margin-bottom: 36px; } .ml-36 { margin-left: 36px; } .width36 { width: 36%; } .p-35 { padding: 35px; } .pt-35 { padding-top: 35px; } .pr-35 { padding-right: 35px; } .pb-35 { padding-bottom: 35px; } .pl-35 { padding-left: 35px; } .m-35 { margin: 35px; } .mt-35 { margin-top: 35px; } .mr-35 { margin-right: 35px; } .mb-35 { margin-bottom: 35px; } .ml-35 { margin-left: 35px; } .width35 { width: 35%; } .p-34 { padding: 34px; } .pt-34 { padding-top: 34px; } .pr-34 { padding-right: 34px; } .pb-34 { padding-bottom: 34px; } .pl-34 { padding-left: 34px; } .m-34 { margin: 34px; } .mt-34 { margin-top: 34px; } .mr-34 { margin-right: 34px; } .mb-34 { margin-bottom: 34px; } .ml-34 { margin-left: 34px; } .width34 { width: 34%; } .p-33 { padding: 33px; } .pt-33 { padding-top: 33px; } .pr-33 { padding-right: 33px; } .pb-33 { padding-bottom: 33px; } .pl-33 { padding-left: 33px; } .m-33 { margin: 33px; } .mt-33 { margin-top: 33px; } .mr-33 { margin-right: 33px; } .mb-33 { margin-bottom: 33px; } .ml-33 { margin-left: 33px; } .width33 { width: 33%; } .p-32 { padding: 32px; } .pt-32 { padding-top: 32px; } .pr-32 { padding-right: 32px; } .pb-32 { padding-bottom: 32px; } .pl-32 { padding-left: 32px; } .m-32 { margin: 32px; } .mt-32 { margin-top: 32px; } .mr-32 { margin-right: 32px; } .mb-32 { margin-bottom: 32px; } .ml-32 { margin-left: 32px; } .width32 { width: 32%; } .p-31 { padding: 31px; } .pt-31 { padding-top: 31px; } .pr-31 { padding-right: 31px; } .pb-31 { padding-bottom: 31px; } .pl-31 { padding-left: 31px; } .m-31 { margin: 31px; } .mt-31 { margin-top: 31px; } .mr-31 { margin-right: 31px; } .mb-31 { margin-bottom: 31px; } .ml-31 { margin-left: 31px; } .width31 { width: 31%; } .p-30 { padding: 30px; } .pt-30 { padding-top: 30px; } .pr-30 { padding-right: 30px; } .pb-30 { padding-bottom: 30px; } .pl-30 { padding-left: 30px; } .m-30 { margin: 30px; } .mt-30 { margin-top: 30px; } .mr-30 { margin-right: 30px; } .mb-30 { margin-bottom: 30px; } .ml-30 { margin-left: 30px; } .width30 { width: 30%; } .p-29 { padding: 29px; } .pt-29 { padding-top: 29px; } .pr-29 { padding-right: 29px; } .pb-29 { padding-bottom: 29px; } .pl-29 { padding-left: 29px; } .m-29 { margin: 29px; } .mt-29 { margin-top: 29px; } .mr-29 { margin-right: 29px; } .mb-29 { margin-bottom: 29px; } .ml-29 { margin-left: 29px; } .width29 { width: 29%; } .p-28 { padding: 28px; } .pt-28 { padding-top: 28px; } .pr-28 { padding-right: 28px; } .pb-28 { padding-bottom: 28px; } .pl-28 { padding-left: 28px; } .m-28 { margin: 28px; } .mt-28 { margin-top: 28px; } .mr-28 { margin-right: 28px; } .mb-28 { margin-bottom: 28px; } .ml-28 { margin-left: 28px; } .width28 { width: 28%; } .p-27 { padding: 27px; } .pt-27 { padding-top: 27px; } .pr-27 { padding-right: 27px; } .pb-27 { padding-bottom: 27px; } .pl-27 { padding-left: 27px; } .m-27 { margin: 27px; } .mt-27 { margin-top: 27px; } .mr-27 { margin-right: 27px; } .mb-27 { margin-bottom: 27px; } .ml-27 { margin-left: 27px; } .width27 { width: 27%; } .p-26 { padding: 26px; } .pt-26 { padding-top: 26px; } .pr-26 { padding-right: 26px; } .pb-26 { padding-bottom: 26px; } .pl-26 { padding-left: 26px; } .m-26 { margin: 26px; } .mt-26 { margin-top: 26px; } .mr-26 { margin-right: 26px; } .mb-26 { margin-bottom: 26px; } .ml-26 { margin-left: 26px; } .width26 { width: 26%; } .p-25 { padding: 25px; } .pt-25 { padding-top: 25px; } .pr-25 { padding-right: 25px; } .pb-25 { padding-bottom: 25px; } .pl-25 { padding-left: 25px; } .m-25 { margin: 25px; } .mt-25 { margin-top: 25px; } .mr-25 { margin-right: 25px; } .mb-25 { margin-bottom: 25px; } .ml-25 { margin-left: 25px; } .width25 { width: 25%; } .p-24 { padding: 24px; } .pt-24 { padding-top: 24px; } .pr-24 { padding-right: 24px; } .pb-24 { padding-bottom: 24px; } .pl-24 { padding-left: 24px; } .m-24 { margin: 24px; } .mt-24 { margin-top: 24px; } .mr-24 { margin-right: 24px; } .mb-24 { margin-bottom: 24px; } .ml-24 { margin-left: 24px; } .width24 { width: 24%; } .p-23 { padding: 23px; } .pt-23 { padding-top: 23px; } .pr-23 { padding-right: 23px; } .pb-23 { padding-bottom: 23px; } .pl-23 { padding-left: 23px; } .m-23 { margin: 23px; } .mt-23 { margin-top: 23px; } .mr-23 { margin-right: 23px; } .mb-23 { margin-bottom: 23px; } .ml-23 { margin-left: 23px; } .width23 { width: 23%; } .p-22 { padding: 22px; } .pt-22 { padding-top: 22px; } .pr-22 { padding-right: 22px; } .pb-22 { padding-bottom: 22px; } .pl-22 { padding-left: 22px; } .m-22 { margin: 22px; } .mt-22 { margin-top: 22px; } .mr-22 { margin-right: 22px; } .mb-22 { margin-bottom: 22px; } .ml-22 { margin-left: 22px; } .width22 { width: 22%; } .p-21 { padding: 21px; } .pt-21 { padding-top: 21px; } .pr-21 { padding-right: 21px; } .pb-21 { padding-bottom: 21px; } .pl-21 { padding-left: 21px; } .m-21 { margin: 21px; } .mt-21 { margin-top: 21px; } .mr-21 { margin-right: 21px; } .mb-21 { margin-bottom: 21px; } .ml-21 { margin-left: 21px; } .width21 { width: 21%; } .p-20 { padding: 20px; } .pt-20 { padding-top: 20px; } .pr-20 { padding-right: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .m-20 { margin: 20px; } .mt-20 { margin-top: 20px; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .width20 { width: 20%; } .p-19 { padding: 19px; } .pt-19 { padding-top: 19px; } .pr-19 { padding-right: 19px; } .pb-19 { padding-bottom: 19px; } .pl-19 { padding-left: 19px; } .m-19 { margin: 19px; } .mt-19 { margin-top: 19px; } .mr-19 { margin-right: 19px; } .mb-19 { margin-bottom: 19px; } .ml-19 { margin-left: 19px; } .width19 { width: 19%; } .p-18 { padding: 18px; } .pt-18 { padding-top: 18px; } .pr-18 { padding-right: 18px; } .pb-18 { padding-bottom: 18px; } .pl-18 { padding-left: 18px; } .m-18 { margin: 18px; } .mt-18 { margin-top: 18px; } .mr-18 { margin-right: 18px; } .mb-18 { margin-bottom: 18px; } .ml-18 { margin-left: 18px; } .width18 { width: 18%; } .p-17 { padding: 17px; } .pt-17 { padding-top: 17px; } .pr-17 { padding-right: 17px; } .pb-17 { padding-bottom: 17px; } .pl-17 { padding-left: 17px; } .m-17 { margin: 17px; } .mt-17 { margin-top: 17px; } .mr-17 { margin-right: 17px; } .mb-17 { margin-bottom: 17px; } .ml-17 { margin-left: 17px; } .width17 { width: 17%; } .p-16 { padding: 16px; } .pt-16 { padding-top: 16px; } .pr-16 { padding-right: 16px; } .pb-16 { padding-bottom: 16px; } .pl-16 { padding-left: 16px; } .m-16 { margin: 16px; } .mt-16 { margin-top: 16px; } .mr-16 { margin-right: 16px; } .mb-16 { margin-bottom: 16px; } .ml-16 { margin-left: 16px; } .width16 { width: 16%; } .p-15 { padding: 15px; } .pt-15 { padding-top: 15px; } .pr-15 { padding-right: 15px; } .pb-15 { padding-bottom: 15px; } .pl-15 { padding-left: 15px; } .m-15 { margin: 15px; } .mt-15 { margin-top: 15px; } .mr-15 { margin-right: 15px; } .mb-15 { margin-bottom: 15px; } .ml-15 { margin-left: 15px; } .width15 { width: 15%; } .p-14 { padding: 14px; } .pt-14 { padding-top: 14px; } .pr-14 { padding-right: 14px; } .pb-14 { padding-bottom: 14px; } .pl-14 { padding-left: 14px; } .m-14 { margin: 14px; } .mt-14 { margin-top: 14px; } .mr-14 { margin-right: 14px; } .mb-14 { margin-bottom: 14px; } .ml-14 { margin-left: 14px; } .width14 { width: 14%; } .p-13 { padding: 13px; } .pt-13 { padding-top: 13px; } .pr-13 { padding-right: 13px; } .pb-13 { padding-bottom: 13px; } .pl-13 { padding-left: 13px; } .m-13 { margin: 13px; } .mt-13 { margin-top: 13px; } .mr-13 { margin-right: 13px; } .mb-13 { margin-bottom: 13px; } .ml-13 { margin-left: 13px; } .width13 { width: 13%; } .p-12 { padding: 12px; } .pt-12 { padding-top: 12px; } .pr-12 { padding-right: 12px; } .pb-12 { padding-bottom: 12px; } .pl-12 { padding-left: 12px; } .m-12 { margin: 12px; } .mt-12 { margin-top: 12px; } .mr-12 { margin-right: 12px; } .mb-12 { margin-bottom: 12px; } .ml-12 { margin-left: 12px; } .width12 { width: 12%; } .p-11 { padding: 11px; } .pt-11 { padding-top: 11px; } .pr-11 { padding-right: 11px; } .pb-11 { padding-bottom: 11px; } .pl-11 { padding-left: 11px; } .m-11 { margin: 11px; } .mt-11 { margin-top: 11px; } .mr-11 { margin-right: 11px; } .mb-11 { margin-bottom: 11px; } .ml-11 { margin-left: 11px; } .width11 { width: 11%; } .p-10 { padding: 10px; } .pt-10 { padding-top: 10px; } .pr-10 { padding-right: 10px; } .pb-10 { padding-bottom: 10px; } .pl-10 { padding-left: 10px; } .m-10 { margin: 10px; } .mt-10 { margin-top: 10px; } .mr-10 { margin-right: 10px; } .mb-10 { margin-bottom: 10px; } .ml-10 { margin-left: 10px; } .width10 { width: 10%; } .p-9 { padding: 9px; } .pt-9 { padding-top: 9px; } .pr-9 { padding-right: 9px; } .pb-9 { padding-bottom: 9px; } .pl-9 { padding-left: 9px; } .m-9 { margin: 9px; } .mt-9 { margin-top: 9px; } .mr-9 { margin-right: 9px; } .mb-9 { margin-bottom: 9px; } .ml-9 { margin-left: 9px; } .width9 { width: 9%; } .p-8 { padding: 8px; } .pt-8 { padding-top: 8px; } .pr-8 { padding-right: 8px; } .pb-8 { padding-bottom: 8px; } .pl-8 { padding-left: 8px; } .m-8 { margin: 8px; } .mt-8 { margin-top: 8px; } .mr-8 { margin-right: 8px; } .mb-8 { margin-bottom: 8px; } .ml-8 { margin-left: 8px; } .width8 { width: 8%; } .p-7 { padding: 7px; } .pt-7 { padding-top: 7px; } .pr-7 { padding-right: 7px; } .pb-7 { padding-bottom: 7px; } .pl-7 { padding-left: 7px; } .m-7 { margin: 7px; } .mt-7 { margin-top: 7px; } .mr-7 { margin-right: 7px; } .mb-7 { margin-bottom: 7px; } .ml-7 { margin-left: 7px; } .width7 { width: 7%; } .p-6 { padding: 6px; } .pt-6 { padding-top: 6px; } .pr-6 { padding-right: 6px; } .pb-6 { padding-bottom: 6px; } .pl-6 { padding-left: 6px; } .m-6 { margin: 6px; } .mt-6 { margin-top: 6px; } .mr-6 { margin-right: 6px; } .mb-6 { margin-bottom: 6px; } .ml-6 { margin-left: 6px; } .width6 { width: 6%; } .p-5 { padding: 5px; } .pt-5 { padding-top: 5px; } .pr-5 { padding-right: 5px; } .pb-5 { padding-bottom: 5px; } .pl-5 { padding-left: 5px; } .m-5 { margin: 5px; } .mt-5 { margin-top: 5px; } .mr-5 { margin-right: 5px; } .mb-5 { margin-bottom: 5px; } .ml-5 { margin-left: 5px; } .width5 { width: 5%; } .p-4 { padding: 4px; } .pt-4 { padding-top: 4px; } .pr-4 { padding-right: 4px; } .pb-4 { padding-bottom: 4px; } .pl-4 { padding-left: 4px; } .m-4 { margin: 4px; } .mt-4 { margin-top: 4px; } .mr-4 { margin-right: 4px; } .mb-4 { margin-bottom: 4px; } .ml-4 { margin-left: 4px; } .width4 { width: 4%; } .p-3 { padding: 3px; } .pt-3 { padding-top: 3px; } .pr-3 { padding-right: 3px; } .pb-3 { padding-bottom: 3px; } .pl-3 { padding-left: 3px; } .m-3 { margin: 3px; } .mt-3 { margin-top: 3px; } .mr-3 { margin-right: 3px; } .mb-3 { margin-bottom: 3px; } .ml-3 { margin-left: 3px; } .width3 { width: 3%; } .p-2 { padding: 2px; } .pt-2 { padding-top: 2px; } .pr-2 { padding-right: 2px; } .pb-2 { padding-bottom: 2px; } .pl-2 { padding-left: 2px; } .m-2 { margin: 2px; } .mt-2 { margin-top: 2px; } .mr-2 { margin-right: 2px; } .mb-2 { margin-bottom: 2px; } .ml-2 { margin-left: 2px; } .width2 { width: 2%; } .p-1 { padding: 1px; } .pt-1 { padding-top: 1px; } .pr-1 { padding-right: 1px; } .pb-1 { padding-bottom: 1px; } .pl-1 { padding-left: 1px; } .m-1 { margin: 1px; } .mt-1 { margin-top: 1px; } .mr-1 { margin-right: 1px; } .mb-1 { margin-bottom: 1px; } .ml-1 { margin-left: 1px; } .width1 { width: 1%; } .btn-hover { background-image: linear-gradient(0deg, #1d5dae, #f8a26c); background-image: -ms-linear-gradient(0deg, #1d5dae, #f8a26c); background-image: -o-linear-gradient(0deg, #1d5dae, #f8a26c); background-image: -moz-linear-gradient(0deg, #1d5dae, #f8a26c); background-image: -webkit-linear-gradient(0deg, #1d5dae, #f8a26c); } @media (max-width: 767px) { .common-top { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .common-top .common-title { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .common-top .common-title strong { font-size: 26px; color: #fff; line-height: 1; } .common-top .common-title span { font-size: 12px; color: #fff; line-height: 1; margin-top: 10px; text-transform: uppercase; } .common-top .common-title .black-title { color: #333; } .common-top .catelist { margin: 10px auto 0; } .common-top .catelist .cate-item { float: left; color: rgba(255, 255, 255, 0.8); font-size: 14px; margin-right: 10px; margin-top: 10px; } .common-top .catelist .cate-item:last-child { margin-right: 0; } .common-top .catelist .cate-item:hover { color: #1d5dae; } .common-top .top-youshi { margin-top: 20px; } .common-top .top-youshi .youshi-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto !important; margin-right: 10px; } .common-top .top-youshi .youshi-item:last-child { margin-right: 0 !important; } .common-top .top-youshi .youshi-item > i { display: none; width: 45px; height: 40px; margin-right: 10px; } .common-top .top-youshi .youshi-item > i.y1 { background: url(../images/y-icon1.png) no-repeat center; } .common-top .top-youshi .youshi-item > i.y2 { background: url(../images/y-icon2.png) no-repeat center; } .common-top .top-youshi .youshi-item > i.y3 { background: url(../images/y-icon3.png) no-repeat center; } .common-top .top-youshi .youshi-item > i.y4 { background: url(../images/y-icon4.png) no-repeat center; } .common-top .top-youshi .youshi-item > span { font-size: 14px; display: inline-block; color: #333; white-space: nowrap; position: relative; overflow: hidden; width: 65px; text-align: center; } .common-top .top-youshi .youshi-item > span:after { display: block; content: ""; position: absolute; height: 100%; width: 100%; height: 6px; background: #1d5dae; left: -100%; bottom: 0; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .common-top .top-youshi .youshi-item:hover, .common-top .top-youshi .youshi-item.swiper-slide-thumb-active { cursor: pointer; } .common-top .top-youshi .youshi-item:hover > span:after, .common-top .top-youshi .youshi-item.swiper-slide-thumb-active > span:after { left: 0; } .common-top .top-btn { display: none; width: 134px; height: 48px; border-radius: 5px; border: 1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 14px; text-align: center; line-height: 48px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .common-top .top-btn:hover { background: #1d5dae; color: #fff; } .fu { display: none; } .topbar { width: 100%; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 102; border-bottom: 1px solid rgba(255, 255, 255, 0.26); padding-left: 10px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .topbar .logo { float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100px; height: 100%; overflow: hidden; } .topbar .toptel { display: none; } .topbar .lang { width: 50px; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.26); position: relative; } .topbar .lang i:nth-child(1) { width: 25px; height: 25px; background: url(../images/lang.png) no-repeat center; } .topbar .lang span { display: none; font-size: 16px; margin-left: 10px; color: #fff; } .topbar .lang i:nth-child(3) { display: none; width: 8px; height: 7px; margin-left: 6px; background: url(../images/sanjiao.png) no-repeat center; } .topbar .lang:hover { cursor: pointer; } .topbar .lang .langlist { position: absolute; width: 100%; left: 0; top: 50px; background: #fff; display: none; opacity: 0; z-index: 101; } .topbar .lang .langlist .lang-item { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-align: center; text-transform: uppercase; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(200, 200, 200, 0.26); border-top: none; } .topbar .lang .langlist .lang-item:hover { color: #fff; background: #1d5dae; } .topbar .lang:hover .langlist { opacity: 1; display: block; } .topbar .topsearch { width: 50px; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.26); position: relative; } .topbar .topsearch i { width: 20px; height: 20px; background: url(../images/search-icon.png) no-repeat center; } .topbar .topsearch i:hover { cursor: pointer; } .topbar .topsearch i.active { background: url(../images/cancle.png) no-repeat center !important; } .topbar .navlist { display: none; } .topbar .fixBut { display: block; float: right; width: 50px; height: 50px; cursor: pointer; z-index: 99; position: relative; border-left: 1px solid rgba(255, 255, 255, 0.26); } .topbar .fixBut.active .lin-top { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .topbar .fixBut.active .lin-cent { opacity: 0; } .topbar .fixBut.active .lin-bottom { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .topbar .fixBut .sm-button-xian { width: 26px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .topbar .fixBut .sm-button-xian span { display: block; position: absolute; height: 2px; background-color: #fff; right: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .topbar .fixBut .sm-button-xian span.lin-top { top: 0; width: 70%; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .topbar .fixBut .sm-button-xian span.lin-cent { top: 6px; width: 100%; } .topbar .fixBut .sm-button-xian span.lin-bottom { bottom: 0; width: 70%; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .topbar.active, .topbar.current { background: #fff; border-bottom: 1px solid rgba(200, 200, 200, 0.26) !important; } .topbar.active .lang, .topbar.current .lang { border-left: 1px solid rgba(200, 200, 200, 0.26); } .topbar.active .lang i:nth-child(1), .topbar.current .lang i:nth-child(1) { background: url(../images/lang1.png) no-repeat center; } .topbar.active .lang span, .topbar.current .lang span { color: #333; } .topbar.active .lang i:nth-child(3), .topbar.current .lang i:nth-child(3) { background: url(../images/sangjiao1.png) no-repeat center; } .topbar.active .topsearch, .topbar.current .topsearch { border-left: 1px solid rgba(200, 200, 200, 0.26); } .topbar.active .topsearch i, .topbar.current .topsearch i { background: url(../images/search-icon1.png) no-repeat center; } .topbar.active .navlist, .topbar.current .navlist { border-left: 1px solid rgba(200, 200, 200, 0.26); } .topbar.active .navlist .nav-item a, .topbar.current .navlist .nav-item a { color: #333; } .m-nav { display: block; position: fixed; width: 50%; background-color: rgba(0, 0, 0, 0.6); height: 100vh; right: -50%; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; z-index: 1003; } .m-nav.active { right: 0; } .m-nav .m-menu { width: 100%; height: 50px; background: #1d5dae; padding: 0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .m-nav .m-menu p { color: #fff; font-size: 14px; } .m-nav .m-menu i { width: 20px; height: 20px; background: url(../images/m-cancle.png) no-repeat center; } .m-nav .m-navlist { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-nav .m-navlist a { display: block; width: 100%; height: 40px; text-align: center; color: #fff; font-size: 12px; line-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.26); } .m-nav .m-navlist a.active { background: #1d5dae8c; } .m-nav .m-tel { width: 100%; margin-top: 10%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .m-nav .m-tel i { width: 24px; height: 24px; background: url(../images/tel-icon.png) no-repeat center; } .m-nav .m-tel span { font-size: 14px; margin-left: 10px; color: #fff; } .search-box { width: 100%; background-color: rgba(0, 0, 0, 0.6); height: 100vh; position: fixed; left: 0; top: 50px; opacity: 0; visibility: hidden; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; overflow: hidden; z-index: 100; } .search-box.active { opacity: 1; visibility: visible; } .search-box .search-item { width: 100%; height: 150px; background: #fff; } .search-box .search-item .searchForm { height: 100%; } .search-box .search-item .searchForm #searchForm { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .search-box .search-item .searchForm #searchForm input { width: 300px; height: 40px; font-size: 14px; margin-right: 10px; border: 1px solid rgba(200, 200, 200, 0.26); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; color: #999; } .search-box .search-item .searchForm #searchForm input:focus { border: 2px solid #1d5dae; } .search-box .search-item .searchForm #searchForm i { width: 60px; height: 40px; border-radius: 6px; background: #1d5dae url(../images/search-icon.png) no-repeat center; } .search-box .search-item .searchForm #searchForm i:hover { cursor: pointer; } .banner { height: 300px; } .banner .swiper-container { width: 100%; } .banner .swiper-container .swiper-slide { position: relative; height: 300px; } .banner .swiper-container .swiper-slide img { height: 100%; } .banner .swiper-container .swiper-slide .banner-word { position: absolute; left: 8.3%; top: 36%; z-index: 99; } .banner .swiper-container .swiper-slide .banner-word .banner-content { color: #fff; text-transform: uppercase; } .banner .swiper-container .swiper-slide .banner-word .banner-content.cn { font-size: 16px; line-height: 1; margin-bottom: 10px; font-family: "Alimama"; color: #fff; } .banner .swiper-container .swiper-slide .banner-word .banner-content.en { margin-top: 10px; font-size: 12px; color: rgba(255, 255, 255, 0.8); line-height: 1; } .banner .swiper-container .swiper-slide .banner-word .banner-content.en.ad3 { margin-top: 20px; } .banner .swiper-container .swiper-slide .pagi-box { margin-top: 20px; height: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .banner .swiper-container .swiper-slide .pagi-box > span { line-height: 1; color: #fff; font-size: 14px; margin-right: 15px; } .banner .swiper-container .swiper-slide .pagi-box .pagination { margin-right: 15px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .banner .swiper-container .swiper-slide .pagi-box .pagination .swiper-pagination-bullet { width: 55px; height: 2px; background: rgba(255, 255, 255, 0.7); border-radius: 0 !important; opacity: 1; } .banner .swiper-container .swiper-slide .pagi-box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1d5dae; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box { display: flex; flex-direction: row; justify-content: center; align-items: center; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .arrow-btn { margin-left: 10px; width: 10px; height: 16px; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .arrow-btn:hover { cursor: pointer; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .arrow-btn.left-arrow { background: url(../images/left-arrow.png) no-repeat center; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .arrow-btn.right-arrow { background: url(../images/right-arrow.png) no-repeat center; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .pause-btn { width: 10px; height: 15px; margin-left: 10px; background: url(../images/pause.png) no-repeat center; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .pause-btn.active { background: url(../images/play.png) no-repeat center; } .banner .swiper-container .swiper-slide .pagi-box .arrow-box .pause-btn:hover { cursor: pointer; } .company { width: 100%; height: 100%; background: url(../images/company-bg.jpg) no-repeat center; padding: 40px 0; } .company .company-top { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 0; } .company .company-top .company-left { flex: 1; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 0; } .company .company-top .company-left p:nth-child(1) { font-size: 22px; color: #333; line-height: 1.5; text-align: center; } .company .company-top .company-left p:nth-child(2) { font-size: 12px; color: #666; line-height: 1; text-align: center; margin-top: 15px; } .company .company-top .company-left .company-line { width: 30px; height: 4px; background: #1d5dae; margin-top: 15px; margin: 15px auto 0; } .company .company-top .company-left .company-content { font-size: 14px; color: #999; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 2; margin-top: 15px; } .company .company-top .company-left .company-btn-box { margin-top: 20px; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; } .company .company-top .company-left .company-btn-box .common-btn { width: 120px; height: 40px; border-radius: 6px; float: left; border: 1px solid #1d5dae; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 5px; } .company .company-top .company-left .company-btn-box .common-btn.more-btn { background: #1d5dae; color: #fff; } .company .company-top .company-left .company-btn-box .common-btn.more-btn i { width: 19px; height: 19px; margin-right: 10px; background: url(../images/more-btn-icon.png) no-repeat center; } .company .company-top .company-left .company-btn-box .common-btn.more-btn span { font-size: 12px; color: #fff; } .company .company-top .company-left .company-btn-box .common-btn.tel-btn { background: #fff; color: #1d5dae; } .company .company-top .company-left .company-btn-box .common-btn.tel-btn i { width: 21px; height: 21px; margin-right: 10px; background: url(../images/contact-btn-icon.png) no-repeat center; } .company .company-top .company-left .company-btn-box .common-btn.tel-btn span { font-size: 12px; color: #1d5dae; } .company .company-top .company-left .company-btn-box .common-btn:hover.more-btn { background: #fff; color: #1d5dae; } .company .company-top .company-left .company-btn-box .common-btn:hover.more-btn i { background: url(../images/more-btn-icon1.png) no-repeat center; } .company .company-top .company-left .company-btn-box .common-btn:hover.more-btn span { font-size: 12px; color: #1d5dae; } .company .company-top .company-left .company-btn-box .common-btn:hover.tel-btn { background: #1d5dae; color: #fff; } .company .company-top .company-left .company-btn-box .common-btn:hover.tel-btn i { background: url(../images/contact-btn-icon1.png) no-repeat center; } .company .company-top .company-left .company-btn-box .common-btn:hover.tel-btn span { font-size: 12px; color: #fff; } .company .company-top .company-right { width: 100%; margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative; margin-left: 0; } .company .company-top .company-right .company-img { width: 49%; height: 130px; } .company .company-top .company-right .company-img:nth-child(3), .company .company-top .company-right .company-img:nth-child(4) { margin-top: 10px; } .company .company-top .company-right .company-logo { position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; } .company .company-bottom { width: 100%; margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .company .company-bottom .company-info-item { margin-top: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 50%; } .company .company-bottom .company-info-item .top-info { font-size: 14px; color: #333; line-height: 1; } .company .company-bottom .company-info-item .bottom-info { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .company .company-bottom .company-info-item .bottom-info strong { font-family: "Alibaba"; font-size: 22px; color: #1d5dae; line-height: 1; } .company .company-bottom .company-info-item .bottom-info > span { font-size: 14px; font-weight: bold; color: #333; margin-left: 5px; line-height: 1; } .product { width: 100%; height: 100%; background: url(../images/pro-bg.jpg) no-repeat bottom; padding: 40px 0; display: flex; flex-direction: column; justify-content: center; } .product .common-top { margin-top: 0; } .product .prolist { width: 100%; margin-top: 20px; } .product .prolist .swiper-wrapper { width: 100%; } .product .prolist .swiper-wrapper .swiper-slide { position: relative; } .product .prolist .swiper-wrapper .swiper-slide .imgbox { height: 220px; width: 100%; overflow: hidden; opacity: 1; visibility: visible; } .product .prolist .swiper-wrapper .swiper-slide .proinfo { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 96px; background: #fff; opacity: 1; visibility: visible; } .product .prolist .swiper-wrapper .swiper-slide .proinfo > p { font-size: 18px; color: #333; } .product .prolist .swiper-wrapper .swiper-slide .proinfo .more { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .product .prolist .swiper-wrapper .swiper-slide .proinfo .more i { width: 22px; height: 22px; background: url(../images/pro-more.png) no-repeat center; } .product .prolist .swiper-wrapper .swiper-slide .proinfo .more span { font-size: 12px; color: #333; margin-left: 5px; } .product .prolist .swiper-wrapper .swiper-slide .proshade { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; background-image: linear-gradient(90deg, #1d5dae, #fff); background-image: -ms-linear-gradient(90deg, #1d5dae, #fff); background-image: -o-linear-gradient(90deg, #1d5dae, #fff); background-image: -moz-linear-gradient(90deg, #1d5dae, #fff); background-image: -webkit-linear-gradient(90deg, #1d5dae, #fff); z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .product .prolist .swiper-wrapper .swiper-slide .proshade .imgbox-shade { width: 100%; height: 180px; border: 5px solid #4686d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .product .prolist .swiper-wrapper .swiper-slide .proshade .proinfo-shade { margin-top: 15px; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .product .prolist .swiper-wrapper .swiper-slide .proshade .proinfo-shade p { color: #fff; line-height: 1; } .product .prolist .swiper-wrapper .swiper-slide .proshade .proinfo-shade p:nth-child(1) { font-size: 16px; } .product .prolist .swiper-wrapper .swiper-slide .proshade .proinfo-shade p:nth-child(2) { font-size: 12px; margin-top: 5px; } .product .prolist .swiper-wrapper .swiper-slide .proshade .proinfo-shade i { width: 36px; height: 36px; background: url(../images/pro-more1.png) no-repeat center; margin-top: 10px; } .product .prolist .swiper-wrapper .swiper-slide:hover .imgbox { opacity: 0; visibility: hidden; } .product .prolist .swiper-wrapper .swiper-slide:hover .proinfo { opacity: 0; visibility: hidden; } .product .prolist .swiper-wrapper .swiper-slide:hover .proshade { opacity: 1; visibility: visible; } .service { padding: 40px 0; } .service .top-box { margin-top: 0; } .service .service-box { margin-top: 20px; width: 100%; position: relative; } .service .service-box .swiper-slide { height: 360px; width: 100%; position: relative; z-index: 97; } .service .service-box .swiper-slide .shade-show { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; opacity: 1; visibility: visible; background: rgba(55, 55, 55, 0.8); -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .service .service-box .swiper-slide .active-show { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; opacity: 0; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; visibility: hidden; background-image: linear-gradient(14deg, rgba(29, 93, 174, 0.8), rgba(255, 255, 255, 0.5)); background-image: -ms-linear-gradient(14deg, rgba(29, 93, 174, 0.8), rgba(255, 255, 255, 0.5)); background-image: -o-linear-gradient(14deg, rgba(29, 93, 174, 0.8), rgba(255, 255, 255, 0.5)); background-image: -moz-linear-gradient(14deg, rgba(29, 93, 174, 0.8), rgba(255, 255, 255, 0.5)); background-image: -webkit-linear-gradient(14deg, rgba(29, 93, 174, 0.8), rgba(255, 255, 255, 0.5)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10% 5% 0 10%; } .service .service-box .swiper-slide .active-show .youshi-icon { width: 48px; height: 48px; } .service .service-box .swiper-slide .active-show .youshi-line { width: 24px; height: 3px; background: #fff; margin-top: 20px; } .service .service-box .swiper-slide .active-show p:nth-child(3) { font-size: 22px; color: #fff; line-height: 1; margin-top: 20px; } .service .service-box .swiper-slide .active-show p:nth-child(4) { font-size: 14px; color: #fff; line-height: 1; margin-top: 15px; } .service .service-box .swiper-slide .active-show p:nth-child(5) { font-size: 22px; color: rgba(255, 255, 255, 0.2); text-transform: uppercase; margin-top: 30px; font-weight: bold; } .service .service-box .swiper-slide.swiper-slide-active { width: 100%; } .service .service-box .swiper-slide.swiper-slide-active .shade-show { opacity: 0; visibility: hidden; } .service .service-box .swiper-slide.swiper-slide-active .active-show { opacity: 1; visibility: visible; } .service .service-box .swiper-youshi-arrow { position: absolute; top: 50%; width: 20px; height: 35px; z-index: 99; } .service .service-box .swiper-youshi-arrow:hover { cursor: pointer; } .service .service-box .swiper-youshi-arrow.swiper-youshi-prev { left: 15%; background: url(../images/prev.png) no-repeat center; } .service .service-box .swiper-youshi-arrow.swiper-youshi-next { right: 15%; background: url(../images/next.png) no-repeat center; } .partner { width: 100%; height: auto; background: url(../images/part-bg.jpg) no-repeat left bottom; } .partner .hezuo-box { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 500px; } .partner .hezuo-box .hezuo-left { width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } .partner .hezuo-box .hezuo-left p:nth-child(1) { font-family: "Alimama"; font-size: 20px; line-height: 1; color: #fff; margin-top: 5%; } .partner .hezuo-box .hezuo-left p:nth-child(2) { font-family: "Alimama"; font-size: 20px; line-height: 1; margin-top: 10px; color: #fff; } .partner .hezuo-box .hezuo-left p:nth-child(3) { display: none; font-size: 12px; line-height: 1; margin-top: 10px; color: #fff; text-transform: uppercase; } .partner .hezuo-box .hezuo-left .hezuo-pagination { margin-top: 10px; } .partner .hezuo-box .hezuo-left .hezuo-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; opacity: 1; background: #fff; margin-right: 10px; } .partner .hezuo-box .hezuo-left .hezuo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1d5dae; } .partner .hezuo-box .hezuo-right { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .partner .hezuo-box .hezuo-right .swiper-container { width: 100%; height: 100%; z-index: 98; } .partner .hezuo-box .hezuo-right .swiper-container .swiper-slide { width: 228px; border-radius: 10px; background: #fff; overflow: hidden; } .news { padding: 40px 0; } .news .top-box { margin-top: 0; } .news .top-box .news-box { width: 100%; margin-top: 20px; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .news .top-box .news-box .news-item { width: 100%; height: 100%; } .news .top-box .news-box .news-item.top-news .img-box { width: 100%; height: 220px; overflow: hidden; position: relative; } .news .top-box .news-box .news-item.top-news .img-box .jia { position: absolute; opacity: 0; visibility: hidden; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/jia.png) no-repeat center; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .news .top-box .news-box .news-item.top-news .news-info { width: 100%; height: 126px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6% 6%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background: #f3f3f3; overflow: hidden; } .news .top-box .news-box .news-item.top-news .news-info p:nth-child(1) { font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news .top-box .news-box .news-item.top-news .news-info p:nth-child(2) { font-size: 12px; color: #999; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .news .top-box .news-box .news-item.top-news .news-info p:nth-child(3) { font-size: 12px; color: #333; margin-top: 5px; } .news .top-box .news-box .news-item.top-news:hover .img-box .jia { opacity: 1; visibility: visible; } .news .top-box .news-box .news-item.top-news:hover .news-info { background: #1d5dae; } .news .top-box .news-box .news-item.top-news:hover .news-info p { color: #fff; } .news .top-box .news-box .news-item.top-news1 .top-news-box { width: 100%; margin-top: 20px; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box { width: 100%; height: 85px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box .img { flex: 1; height: 100%; overflow: hidden; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box .top-time { width: 80px; height: 100%; background: #122133; display: flex; flex-direction: column; justify-content: center; align-items: center; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box .top-time span { color: #fff; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box .top-time span:nth-child(1) { font-size: 16px; line-height: 1; } .news .top-box .news-box .news-item.top-news1 .top-news-box .img-box .top-time span:nth-child(2) { font-size: 12px; line-height: 1; margin-top: 10px; } .news .top-box .news-box .news-item.top-news1 .news-item-info { width: 100%; height: 88px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden; } .news .top-box .news-box .news-item.top-news1 .news-item-info.n-top:after { display: block; content: ""; position: absolute; height: 100%; width: 100%; height: 2px; background: #1d5dae; bottom: 0; left: -100%; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .news .top-box .news-box .news-item.top-news1 .news-item-info.top-item { height: 81px; border-bottom: 2px solid #1d5dae; } .news .top-box .news-box .news-item.top-news1 .news-item-info > p:nth-child(1) { font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news .top-box .news-box .news-item.top-news1 .news-item-info > p:nth-child(2) { margin-top: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; overflow: hidden; } .news .top-box .news-box .news-item.top-news1 .news-item-info > p:nth-child(2) span:nth-child(1) { width: 65%; font-size: 12px; color: #999; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: block; } .news .top-box .news-box .news-item.top-news1 .news-item-info > p:nth-child(2) span:nth-child(2) { font-size: 12px; color: #333; } .news .top-box .news-box .news-item.top-news1 .news-item-info:hover.n-top:after { left: 0; } .news .top-box .news-box .news-item.top-news1 .news-item-info:hover > p { color: #1d5dae; } .news .top-box .news-box .news-item.top-news1 .news-item-info:hover > p:nth-child(2) span { color: #1d5dae; } .news .top-box .news-box .news-item.top-news1:last-child { display: none; } .news .m-news-btn { display: block; } .footer { width: 100%; height: 100%; padding: 60px 0 120px; background: url(../images/foot-bg.jpg) no-repeat center; } .footer .foot-mes { display: none; float: left; width: 38%; } .footer .foot-mes i { width: 40px; height: 47px; background: url(../images/mes-icon.png) no-repeat center; } .footer .foot-mes p:nth-child(2) { font-size: 12px; color: #999; line-height: 1; margin-top: 10px; } .footer .foot-mes p:nth-child(3) { font-size: 14px; color: #fff; font-weight: bold; line-height: 1; margin-top: 10px; } .footer .foot-mes .foot-form { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 20px; flex-wrap: wrap; } .footer .foot-mes .foot-form .form-group { width: 45%; margin-right: 10px; margin-top: 10px; } .footer .foot-mes .foot-form .form-group input { width: 100%; height: 36px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #fff; background: rgba(255, 255, 255, 0.4); } .footer .foot-mes .foot-form .form-group input.mes-submit { padding: 0; background: #1d5dae; text-align: center; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #1d5dae; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .footer .foot-mes .foot-form .form-group input.mes-submit:hover { cursor: pointer; background: #fff; color: #1d5dae; } .footer .foot-mes .foot-form .form-group input::-webkit-input-placeholder { color: #fff; } .footer .foot-mes .foot-form .form-group .code { width: 100%; height: 100%; position: relative; } .footer .foot-mes .foot-form .form-group .code > input { width: 100%; padding: 0 50px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer .foot-mes .foot-form .form-group .code img { display: block; position: absolute; width: 47px; height: 30px; top: 2px; right: 5px; } .footer .foot-mes .contact-list { margin-top: 20px; } .footer .foot-mes .contact-list i { float: left; width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; } .footer .foot-mes .contact-list i:nth-child(1) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon1.png) no-repeat center; } .footer .foot-mes .contact-list i:nth-child(2) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon2.png) no-repeat center; } .footer .foot-mes .contact-list i:nth-child(3) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon3.png) no-repeat center; } .footer .foot-contact { float: left; margin-left: 0; width: 60%; } .footer .foot-contact .foot-tel { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .footer .foot-contact .foot-tel i { width: 22px; height: 22px; background: url(../images/foot-tel-icon.png) no-repeat center; margin-right: 10px; } .footer .foot-contact .foot-tel span { font-size: 14px; color: #fff; line-height: 1; } .footer .foot-contact > p:nth-child(2) { font-size: 20px; color: #fff; font-weight: bold; line-height: 1; margin-top: 10px; } .footer .foot-contact .foot-line { width: 80%; height: 2px; background: rgba(255, 255, 255, 0.35); margin-top: 20px; } .footer .foot-contact .foot-link { width: 100%; } .footer .foot-contact .foot-link .link-item { width: 100%; margin-top: 20px; } .footer .foot-contact .foot-link .link-item p { font-size: 12px; color: rgba(255, 255, 255, 0.75); line-height: 1; margin-top: 10px; } .footer .foot-des { float: right; width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .footer .foot-des p:nth-child(1) { font-size: 20px; color: #fff; line-height: 1; } .footer .foot-des p:nth-child(2) { font-size: 54px; color: #fff; font-weight: bold; line-height: 1; margin-top: 20px; } .footer .foot-des p:nth-child(3) { font-size: 12px; color: #999; line-height: 1; margin-top: 20px; } .footer .foot-des .wechat { width: 104px; height: 104px; margin-top: 30px; } .footer .foot-bottom { width: 100%; height: auto; position: absolute; bottom: 0; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.35); } .footer .foot-bottom .foot-l { display: inline-block; float: left; height: auto; line-height: 1.5; font-size: 12px; text-align: center; color: rgba(255, 255, 255, 0.75); } .footer .foot-bottom .foot-l a { font-size: 12px; color: rgba(255, 255, 255, 0.75); } .footer .foot-bottom .foot-l a:hover { color: #1d5dae; } .footer .foot-bottom .foot-r { width: 100%; float: right; display: inline-block; text-align: center; height: auto; line-height: 1; font-size: 12px; margin-top: 10px; color: rgba(255, 255, 255, 0.75); } .footer .foot-bottom .foot-r a { font-size: 12px; color: rgba(255, 255, 255, 0.75); } .footer .foot-bottom .foot-r a:hover { color: #1d5dae; } } /*# sourceMappingURL=mobile.css.map */久久久久久久精品免费rde