.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) { input, a, textarea { -webkit-appearance: none; } .common-box { padding: 40px 0; } .innerBanner { width: 100%; height: 344px; position: relative; } .innerBanner .img-box { width: 100%; height: 100%; overflow: hidden; } .innerBanner .img-box .nei-banner-word { position: absolute; top: 45%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .innerBanner .img-box .nei-banner-word p:nth-child(1) { width: 100%; font-size: 28px; font-family: "Alimama"; color: #fff; line-height: 1; text-align: center; font-weight: bold; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms; } .innerBanner .img-box .nei-banner-word p:nth-child(2) { width: 100%; font-size: 14px; color: #fff; line-height: 1; margin-top: 30px; text-align: center; -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; -o-animation-delay: 500ms; animation-delay: 500ms; } .de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 20px 0 0px; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 20px; padding: 0 4px; height: 26px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 26px; font-size: 12px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a:nth-last-child(2) { margin-right: 0; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #1d5dae; background: #1d5dae; } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { display: none; font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; display: none; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; } .crumbs { display: none; } .m-crumbs { display: block; width: 100%; height: 50px; background: #f3f3f3; overflow: hidden; } .m-crumbs .crumbs-left { float: left; } .m-crumbs .crumbs-left a { display: inline-block; height: 50px; line-height: 50px; font-size: 12px; color: #333; margin-right: 15px; position: relative; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; overflow: hidden ; } .m-crumbs .crumbs-left a:last-child { margin-right: 0; } .m-crumbs .crumbs-left a:after { display: block; content: ""; position: absolute; height: 100%; width: 100%; height: 4px; 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; } .m-crumbs .crumbs-left a:hover, .m-crumbs .crumbs-left a.active { color: #1d5dae; } .m-crumbs .crumbs-left a:hover:after, .m-crumbs .crumbs-left a.active:after { left: 0; } .m-crumbs .crumbs-right { float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 28px; position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 12px; } .m-crumbs .crumbs-right:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; width: 18px; height: 16px; top: 50%; left: 0; margin-top: -9px; background: url(../images/home.png) no-repeat center; } .m-crumbs .crumbs-right a { display: inline-block; height: 50px; line-height: 50px; font-size: 12px; color: #666; } .m-crumbs .crumbs-right a:hover { color: #1d5dae; } .newsPage { font-size: 12px; color: #333; line-height: 30px; margin: 10px 0 0px; } .newsPage.goods { width: 100%; margin-bottom: 20px; display: flex; flex-direction: row; font-size: 12px; justify-content: space-between; align-items: flex-start; } .newsPage a { color: #333; font-size: 12px; } .newsPage a:hover { color: #1d5dae; } .inner-common-top { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .inner-common-top .common-title { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .inner-common-top .common-title strong { font-size: 18px; color: #fff; line-height: 1; } .inner-common-top .common-title span { font-size: 12px; color: #fff; line-height: 1; margin-top: 10px; text-transform: uppercase; } .inner-common-top .common-title .black-title { color: #333; } .inner-common-top .catelist .cate-item { float: left; color: rgba(255, 255, 255, 0.8); font-size: 20px; margin-right: 40px; } .inner-common-top .catelist .cate-item:last-child { margin-right: 0; } .inner-common-top .catelist .cate-item:hover { color: #1d5dae; } .inner-common-top .top-youshi .youshi-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: auto !important; margin-right: 40px; } .inner-common-top .top-youshi .youshi-item:last-child { margin-right: 0 !important; } .inner-common-top .top-youshi .youshi-item > i { display: inline-block; width: 50px; height: 40px; margin-right: 15px; } .inner-common-top .top-youshi .youshi-item > i.y1 { background: url(../images/y-icon1.png) no-repeat center; } .inner-common-top .top-youshi .youshi-item > i.y2 { background: url(../images/y-icon2.png) no-repeat center; } .inner-common-top .top-youshi .youshi-item > i.y3 { background: url(../images/y-icon3.png) no-repeat center; } .inner-common-top .top-youshi .youshi-item > i.y4 { background: url(../images/y-icon4.png) no-repeat center; } .inner-common-top .top-youshi .youshi-item > span { font-size: 22px; display: inline-block; color: #333; white-space: nowrap; position: relative; overflow: hidden; width: 105px; text-align: center; } .inner-common-top .top-youshi .youshi-item > span:after { display: block; content: ""; position: absolute; height: 100%; width: 100%; height: 10px; 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; } .inner-common-top .top-youshi .youshi-item:hover, .inner-common-top .top-youshi .youshi-item.swiper-slide-thumb-active { cursor: pointer; } .inner-common-top .top-youshi .youshi-item:hover > span:after, .inner-common-top .top-youshi .youshi-item.swiper-slide-thumb-active > span:after { left: 0; } .inner-common-top .top-btn { display: block; 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; } .inner-common-top .top-btn:hover { background: #1d5dae; color: #fff; } .inner-footer { width: 100%; height: 100%; padding: 40px 0 120px; background: url(../images/foot-bg.jpg) no-repeat center; } .inner-footer .foot-mes { display: none; float: left; width: 38%; } .inner-footer .foot-mes i { width: 40px; height: 47px; background: url(../images/mes-icon.png) no-repeat center; } .inner-footer .foot-mes p:nth-child(2) { font-size: 12px; color: #999; line-height: 1; margin-top: 20px; } .inner-footer .foot-mes p:nth-child(3) { font-size: 14px; color: #fff; font-weight: bold; line-height: 1; margin-top: 10px; } .inner-footer .foot-mes .foot-form { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 30px; flex-wrap: wrap; } .inner-footer .foot-mes .foot-form .form-group { width: 45%; margin-right: 10px; margin-top: 10px; } .inner-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); } .inner-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; } .inner-footer .foot-mes .foot-form .form-group input.mes-submit:hover { cursor: pointer; background: #fff; color: #1d5dae; } .inner-footer .foot-mes .foot-form .form-group input::-webkit-input-placeholder { color: #fff; } .inner-footer .foot-mes .foot-form .form-group .code { width: 100%; height: 100%; position: relative; } .inner-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; } .inner-footer .foot-mes .foot-form .form-group .code img { display: block; position: absolute; width: 47px; height: 30px; top: 2px; right: 5px; } .inner-footer .foot-mes .contact-list { margin-top: 20px; } .inner-footer .foot-mes .contact-list i { float: left; width: 40px; height: 40px; border-radius: 50%; margin-right: 15px; } .inner-footer .foot-mes .contact-list i:nth-child(1) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon1.png) no-repeat center; } .inner-footer .foot-mes .contact-list i:nth-child(2) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon2.png) no-repeat center; } .inner-footer .foot-mes .contact-list i:nth-child(3) { background: rgba(255, 255, 255, 0.3) url(../images/foot-icon3.png) no-repeat center; } .inner-footer .foot-contact { float: left; margin-left: 0; width: 50%; } .inner-footer .foot-contact .foot-tel { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-footer .foot-contact .foot-tel i { width: 22px; height: 22px; background: url(../images/foot-tel-icon.png) no-repeat center; margin-right: 10px; } .inner-footer .foot-contact .foot-tel span { font-size: 14px; color: #fff; line-height: 1; } .inner-footer .foot-contact > p:nth-child(2) { font-size: 20px; color: #fff; font-weight: bold; line-height: 1; margin-top: 10px; } .inner-footer .foot-contact .foot-line { width: 80%; height: 2px; background: rgba(255, 255, 255, 0.35); margin-top: 20px; } .inner-footer .foot-contact .foot-link { width: 100%; } .inner-footer .foot-contact .foot-link .link-item { width: 100%; margin-top: 20px; } .inner-footer .foot-contact .foot-link .link-item p { font-size: 12px; color: rgba(255, 255, 255, 0.75); line-height: 1; margin-top: 10px; } .inner-footer .foot-des { float: right; width: 50%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .inner-footer .foot-des p:nth-child(1) { font-size: 20px; color: #fff; line-height: 1; } .inner-footer .foot-des p:nth-child(2) { font-size: 54px; color: #1d5dae; font-weight: bold; line-height: 1; margin-top: 20px; } .inner-footer .foot-des p:nth-child(3) { font-size: 12px; color: #999; line-height: 1; margin-top: 20px; } .inner-footer .foot-des .wechat { width: 120px; height: 120px; margin-top: 30px; } .inner-footer .foot-bottom { width: 100%; height: auto; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.3); padding: 10px 0; } .inner-footer .foot-bottom .foot-l { display: inline-block; float: left; height: auto; line-height: 1.5; width: 100%; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.75); } .inner-footer .foot-bottom .foot-l a { font-size: 12px; color: rgba(255, 255, 255, 0.75); } .inner-footer .foot-bottom .foot-l a:hover { color: #1d5dae; } .inner-footer .foot-bottom .foot-r { float: right; display: inline-block; height: auto; line-height: 1; font-size: 12px; margin-top: 10px; color: rgba(255, 255, 255, 0.75); width: 100%; text-align: center; } .inner-footer .foot-bottom .foot-r a { font-size: 12px; color: rgba(255, 255, 255, 0.75); } .inner-footer .foot-bottom .foot-r a:hover { color: #1d5dae; } .inner-company { width: 100%; } .inner-company .inner-company-box > p { width: 100%; line-height: 1; text-align: center; } .inner-company .inner-company-box > p:nth-child(1) { font-size: 14px; color: #1d5dae; } .inner-company .inner-company-box > p:nth-child(2) { font-size: 18px; color: #333; font-family: "Alimama"; margin-top: 10px; } .inner-company .inner-company-box > p:nth-child(3) { font-size: 12px; color: #666; margin-top: 15px; } .inner-company .inner-company-box .content { margin-top: 20px; } .inner-company .inner-company-box .content p, .inner-company .inner-company-box .content span { font-size: 12px; color: #666; line-height: 2; } .inner-company .inner-company-box .company-img { width: 100%; margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .inner-company .inner-company-box .company-img .img-box { width: 49%; height: 130px; overflow: hidden; margin-top: 10px; } .inner-company .inner-company-box .company-bottom { width: 100%; margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .inner-company .inner-company-box .company-bottom .company-info-item { width: 49%; margin-top: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .inner-company .inner-company-box .company-bottom .company-info-item .top-info { font-size: 14px; color: #333; line-height: 1; } .inner-company .inner-company-box .company-bottom .company-info-item .bottom-info { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; } .inner-company .inner-company-box .company-bottom .company-info-item .bottom-info strong { font-family: "Alibaba"; font-size: 22px; color: #1d5dae; line-height: 1; } .inner-company .inner-company-box .company-bottom .company-info-item .bottom-info > span { font-size: 14px; font-weight: bold; color: #333; margin-left: 5px; line-height: 1; } .inner-culture { width: 100%; background: url(../images/culture-bg.jpg) no-repeat center; background-size: cover; } .inner-culture .inner-culture-box > p:nth-child(2) { font-size: 14px; color: #333; text-align: center; width: 100%; line-height: 1; margin-top: 10px; } .inner-culture .inner-culture-box > p:nth-child(3) { font-size: 14px; color: #333; text-align: center; width: 100%; line-height: 1; margin-top: 10px; } .inner-culture .inner-culture-box .culture-box { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 10px; flex-wrap: wrap; } .inner-culture .inner-culture-box .culture-box .culture-item { width: 49%; height: 240px; margin-top: 10px; position: relative; overflow: hidden; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-show { opacity: 1; visibility: visible; width: 100%; height: 100%; position: relative; z-index: 11; display: flex; flex-direction: row; justify-content: center; align-items: center; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-show img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-show > p { font-size: 18px; color: #fff; font-weight: bold; text-align: center; z-index: 11; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; opacity: 0; visibility: hidden; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10% 10%; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade.culture1 { background: url(../images/culture-shade1.jpg) no-repeat center; background-size: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade.culture2 { background: url(../images/culture-shade2.jpg) no-repeat center; background-size: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade.culture3 { background: url(../images/culture-shade3.jpg) no-repeat center; background-size: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade.culture4 { background: url(../images/culture-shade4.jpg) no-repeat center; background-size: cover; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade > p:nth-child(1) { font-size: 18px; font-weight: bold; color: #fff; text-align: left; line-height: 1; margin-top: 30px; } .inner-culture .inner-culture-box .culture-box .culture-item .culture-shade > p:nth-child(2) { font-size: 12px; color: #fff; line-height: 1.5; margin-top: 20px; } .inner-culture .inner-culture-box .culture-box .culture-item:hover .culture-show { opacity: 0; visibility: hidden; } .inner-culture .inner-culture-box .culture-box .culture-item:hover .culture-shade { opacity: 1; visibility: visible; } .inner-develop { width: 100%; background: url(../images/develop-bg.jpg) no-repeat center; background-size: cover; } .inner-develop .inner-develop-box .develop-box { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-top: 20px; } .inner-develop .inner-develop-box .develop-box .develop-time { margin-right: 0; } .inner-develop .inner-develop-box .develop-box .develop-time > p { font-size: 26px; color: #fff; font-weight: bold; } .inner-develop .inner-develop-box .develop-box .develop-line { display: none; width: 2px; height: 297px; position: relative; background: #1d5dae; margin-right: 50px; } .inner-develop .inner-develop-box .develop-box .develop-line:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; width: 12px; height: 12px; border-radius: 50%; top: 0; left: 50%; margin-left: -6px; background: #1d5dae; } .inner-develop .inner-develop-box .develop-box .developlist { width: 100%; margin-top: 10px; } .inner-develop .inner-develop-box .develop-box .developlist .swiper-container { width: 100%; height: 250px; } .inner-develop .inner-develop-box .develop-box .developlist .swiper-container .swiper-slide { width: 100%; height: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.6); display: flex; flex-direction: row; justify-content: flex-start; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-develop .inner-develop-box .develop-box .developlist .swiper-container .swiper-slide p:nth-child(1) { font-size: 16px; font-weight: bold; color: #fff; margin-right: 5%; } .inner-develop .inner-develop-box .develop-box .developlist .swiper-container .swiper-slide p:nth-child(2) { font-size: 14px; color: #fff; } .inner-partner { width: 100%; } .inner-partner .inner-partner-box .inner-partner-list { width: 100%; margin-top: 10px; } .inner-partner .inner-partner-box .inner-partner-list .partner-item { width: 49%; float: left; margin-right: 2%; margin-top: 10px; height: 92px; overflow: hidden; border: 1px solid #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-partner .inner-partner-box .inner-partner-list .partner-item img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-partner .inner-partner-box .inner-partner-list .partner-item:nth-child(4n) { margin-right: 0; } .inner-partner .inner-partner-box .inner-partner-list .partner-item:nth-child(6n) { margin-right: 2%; } .inner-partner .inner-partner-box .inner-partner-list .partner-item:nth-child(2n) { margin-right: 0; } .inner-partner .inner-partner-box .inner-partner-list .partner-item:hover { border: 1px solid #1d5dae; } .inner-partner .inner-partner-box .inner-partner-list .partner-item:hover img { transform: scale(1.1); } .inner-honor .honor-list { width: 100%; } .inner-honor .honor-list .honor-item { width: 49%; margin-right: 2%; float: left; margin-top: 2%; } .inner-honor .honor-list .honor-item:nth-child(2n) { margin-right: 0; } .inner-honor .honor-list .honor-item .img-box { height: 180px; position: relative; border: 1px solid #efefef; overflow: hidden; } .inner-honor .honor-list .honor-item .img-box img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-honor .honor-list .honor-item p { width: 100%; height: 40px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; background: #f2f2f2; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; position: relative; font-size: 12px; color: #333; } .inner-honor .honor-list .honor-item:hover img { transform: scale(1.1); } .inner-honor .honor-list .honor-item:hover p { color: #fff; background: #1d5dae; } .inner-hezuo { width: 100%; background: url(../images/hezuo-bg.jpg) no-repeat bottom; } .inner-hezuo .inner-hezuo-box { padding-bottom: 100px; } .inner-hezuo .inner-hezuo-box p:nth-child(1) { font-size: 14px; line-height: 1; color: #333; text-align: center; font-weight: bold; } .inner-hezuo .inner-hezuo-box p:nth-child(1) > span { color: #1d5dae; } .inner-hezuo .inner-hezuo-box p:nth-child(2) { font-size: 18px; font-family: "Alimama"; line-height: 1; margin-top: 10px; text-align: center; } .inner-hezuo .inner-hezuo-box p:nth-child(3) { font-size: 18px; font-family: "Alimama"; line-height: 1; margin-top: 10px; text-align: center; } .inner-hezuo .inner-hezuo-box .hezuo-list { width: 100%; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-hezuo .inner-hezuo-box .hezuo-list .hezuo-item { width: 49%; margin-right: 2%; height: 95px; background: #fff; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; margin-top: 10px; box-shadow: none; overflow: hidden; } .inner-hezuo .inner-hezuo-box .hezuo-list .hezuo-item img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-hezuo .inner-hezuo-box .hezuo-list .hezuo-item:hover { border: 1px solid #1d5dae; box-shadow: none; } .inner-hezuo .inner-hezuo-box .hezuo-list .hezuo-item:hover img { transform: scale(1.1); } .inner-hezuo .inner-hezuo-box .hezuo-list .hezuo-item:nth-child(2n) { margin-right: 0; } .inner-contact .inner-contact-box .inner-contact-detail { width: 100%; height: auto; margin-top: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .inner-contact .inner-contact-box .inner-contact-detail .contact-map { flex: 1; width: 100%; } .inner-contact .inner-contact-box .inner-contact-detail .contact-map #dituContent { width: 100%; height: 300px; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box { width: 100%; height: 400px; background: url(../images/inner-contact-bg.png) no-repeat center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6% 4%; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-tel { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-tel i { width: 18px; height: 18px; background: url(../images/inner-contact-icon.png) no-repeat center; margin-right: 10px; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-tel span { font-size: 14px; color: #333; line-height: 1; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box > p:nth-child(2) { font-size: 28px; color: #333; font-weight: bold; line-height: 1; margin-top: 10px; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-link { width: 100%; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-link .link-item { width: 100%; margin-top: 20px; } .inner-contact .inner-contact-box .inner-contact-detail .contact-info-box .contact-link .link-item p { font-size: 14px; color: #333; line-height: 1; margin-top: 10px; } .inner-message { width: 100%; margin-top: 40px; } .inner-message .inner-mes-form { width: 100%; margin-top: 20px; } .inner-message .inner-mes-form table { width: 100%; border-collapse: collapse; border: 1px solid #e0e0e0; border-top: 2px solid #1d5dae; } .inner-message .inner-mes-form table tr { width: 100%; } .inner-message .inner-mes-form table tr .label { width: 20%; background: #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; font-size: 12px; color: #333; } .inner-message .inner-mes-form table tr td { border: 1px solid #e0e0e0; } .inner-message .inner-mes-form table tr .input { width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } .inner-message .inner-mes-form table tr .input input { width: 100%; height: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #e0e0e0; font-size: 12px; } .inner-message .inner-mes-form table tr .input input:focus { border: 1px solid #1d5dae; } .inner-message .inner-mes-form table tr .input input.mes-submit1 { background: #1d5dae; border: 1px solid #1d5dae; color: #fff; font-size: 12px; font-weight: bold; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-message .inner-mes-form table tr .input input.mes-submit1:hover { background: #fff; color: #1d5dae; cursor: pointer; } .inner-message .inner-mes-form table tr .input .code { width: 100%; height: 36px; position: relative; } .inner-message .inner-mes-form table tr .input .code img { position: absolute; top: 50%; right: 10px; width: 80px; height: 30px; margin-top: -15px; } .inner-message .inner-mes-form table tr .input textarea { width: 100%; height: 156px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e0e0e0; padding: 10px; } .inner-message .inner-mes-form table tr .input textarea:focus { border: 1px solid #1d5dae; } .inner-news .inner-news-list { width: 100%; } .inner-news .inner-news-list .inner-news-item { width: 49%; margin-right: 2%; float: left; margin-top: 2%; } .inner-news .inner-news-list .inner-news-item:nth-child(3n) { margin-right: 2%; } .inner-news .inner-news-list .inner-news-item:nth-child(2n) { margin-right: 0; } .inner-news .inner-news-list .inner-news-item .img-box { height: 150px; position: relative; overflow: hidden; border: 1px solid #f4f4f4; } .inner-news .inner-news-list .inner-news-item .img-box img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-news .inner-news-list .inner-news-item .inner-news-info { width: 100%; padding: 15px; background: #f4f4f4; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-news .inner-news-list .inner-news-item .inner-news-info > p:nth-child(1) { font-size: 16px; color: #333; font-weight: bold; line-height: 1; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-news .inner-news-list .inner-news-item .inner-news-info > p:nth-child(2) { font-size: 12px; color: #666; line-height: 1.5; margin-top: 15px; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-news .inner-news-list .inner-news-item .inner-news-info .inner-news-btn { width: 100%; margin-top: 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .inner-news .inner-news-list .inner-news-item .inner-news-info .inner-news-btn p { color: #666; font-size: 12px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-news .inner-news-list .inner-news-item:hover .img-box img { transform: scale(1.1); } .inner-news .inner-news-list .inner-news-item:hover .inner-news-info { background: #1d5dae; } .inner-news .inner-news-list .inner-news-item:hover .inner-news-info > p:nth-child(1) { color: #fff; } .inner-news .inner-news-list .inner-news-item:hover .inner-news-info > p:nth-child(2) { color: #fff; } .inner-news .inner-news-list .inner-news-item:hover .inner-news-info .inner-news-btn p { color: #fff; } .inner-newsinfo .inner-newsinfo-box { background: #fff; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 2px 2px 10px #3333330a; border: 1px solid #efefef; } .inner-newsinfo .inner-newsinfo-box .inner-pro-title { font-size: 18px; font-weight: bold; text-align: center; color: #333; } .inner-newsinfo .inner-newsinfo-box .clicks { margin-top: 10px; text-align: center; font-size: 12px; color: #868686; padding-bottom: 10px; } .inner-newsinfo .inner-newsinfo-box .clicks span { display: inline-block; margin: 0 15px; } .inner-newsinfo .inner-newsinfo-box .news-info-detail { max-width: 100%; padding: 2% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-newsinfo .inner-newsinfo-box .news-info-detail p, .inner-newsinfo .inner-newsinfo-box .news-info-detail span { font-size: 12px; line-height: 2; color: #646464; } .inner-newsinfo .inner-newsinfo-box .news-info-detail img { max-width: 100%; margin: 10px auto; } .inner-newsinfo .inner-newsinfo-box .news-info-detail table { max-width: 100%; width: 100%; } .other-news { width: 100%; background-size: cover; margin-top: 4%; } .other-news .inner-news-list { width: 100%; } .other-news .inner-news-list .inner-news-item { width: 49%; margin-right: 2%; float: left; margin-top: 3%; } .other-news .inner-news-list .inner-news-item:nth-child(4n) { display: none; } .other-news .inner-news-list .inner-news-item:nth-child(3n) { display: none; } .other-news .inner-news-list .inner-news-item:nth-child(2n) { margin-right: 0; } .other-news .inner-news-list .inner-news-item .img-box { height: 150px; position: relative; overflow: hidden; border: 1px solid #f4f4f4; } .other-news .inner-news-list .inner-news-item .img-box img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .other-news .inner-news-list .inner-news-item .inner-news-info { width: 100%; padding: 15px; background: #f4f4f4; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .other-news .inner-news-list .inner-news-item .inner-news-info > p:nth-child(1) { font-size: 16px; color: #333; font-weight: bold; line-height: 1; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .other-news .inner-news-list .inner-news-item .inner-news-info > p:nth-child(2) { font-size: 12px; color: #666; line-height: 1.5; margin-top: 15px; height: auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .other-news .inner-news-list .inner-news-item .inner-news-info .inner-news-btn { width: 100%; margin-top: 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .other-news .inner-news-list .inner-news-item .inner-news-info .inner-news-btn p { color: #666; font-size: 12px; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .other-news .inner-news-list .inner-news-item:hover .img-box img { transform: scale(1.1); } .other-news .inner-news-list .inner-news-item:hover .inner-news-info { background: #1d5dae; } .other-news .inner-news-list .inner-news-item:hover .inner-news-info > p:nth-child(1) { color: #fff; } .other-news .inner-news-list .inner-news-item:hover .inner-news-info > p:nth-child(2) { color: #fff; } .other-news .inner-news-list .inner-news-item:hover .inner-news-info .inner-news-btn p { color: #fff; } .inner-goods .inner-catelist { width: 100%; justify-content: center; align-items: flex-start; } .inner-goods .inner-catelist .cate-item { float: left; min-width: 90px; height: 30px; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; line-height: 30px; font-size: 12px; color: #333; text-align: center; background: #f3f3f3; margin-right: 10px; border-radius: 40px; } .inner-goods .inner-catelist .cate-item:last-child { margin-right: 0; } .inner-goods .inner-catelist .cate-item:hover, .inner-goods .inner-catelist .cate-item.active { color: #fff; background: #1d5dae; } .inner-goods .inner-goodslist { margin-top: 10px; } .inner-goods .inner-goodslist .goods-item { float: left; width: 49%; margin-right: 2%; height: 280px; background: #f3f3f3; overflow: hidden; padding: 20px 15px; margin-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods .inner-goodslist .goods-item:nth-child(4n) { margin-right: 0; } .inner-goods .inner-goodslist .goods-item:nth-child(3n) { margin-right: 2%; } .inner-goods .inner-goodslist .goods-item:nth-child(2n) { margin-right: 0; } .inner-goods .inner-goodslist .goods-item > span { display: inline-block; padding: 5px 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; background: #b8b8b8; text-align: center; line-height: 1; color: #fff; -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-goods .inner-goodslist .goods-item p:nth-child(2) { font-size: 16px; font-weight: bold; color: #333; line-height: 1; margin-top: 15px; } .inner-goods .inner-goodslist .goods-item .img-box { width: 100%; height: 126px; overflow: hidden; margin-top: 10px; } .inner-goods .inner-goodslist .goods-item .img-box img { -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; } .inner-goods .inner-goodslist .goods-item .goods-btn { width: 100%; height: 30px; margin-top: 10px; background: #b8b8b8; color: #fff; text-align: center; line-height: 30px; font-size: 12px; } .inner-goods .inner-goodslist .goods-item:hover { border: 2px solid #1d5dae; } .inner-goods .inner-goodslist .goods-item:hover > span { background: #1d5dae; } .inner-goods .inner-goodslist .goods-item:hover .img-box img { transform: scale(1.2); } .inner-goods .inner-goodslist .goods-item:hover .goods-btn { background: #1d5dae; } .inner-goods-detail .inner-goods-top { width: 100%; background: #fff; } .inner-goods-detail .inner-goods-top .top-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .inner-goods-detail .inner-goods-top .top-box .img-box { width: 100%; height: 300px; overflow: hidden; border: 1px solid #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box { width: 100%; height: auto; margin-top: 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box p:nth-child(1) { font-size: 14px; color: #1d5dae; line-height: 1; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box p:nth-child(2) { font-size: 22px; color: #333; line-height: 1; margin-top: 10px; font-weight: bold; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goods-line { width: 100%; height: 1px; background: #f3f3f3; margin-top: 20px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goods-tel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 70px; position: relative; margin-top: 20px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goods-tel:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; width: 48px; height: 48px; background: url(../images/inner-goods-icon.png) no-repeat center; top: 50%; margin-top: -24px; left: 0; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goods-tel p:nth-child(1) { font-size: 14px; color: #333; line-height: 1; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goods-tel p:nth-child(2) { font-size: 24px; color: #333; font-weight: bold; line-height: 1; margin-top: 5px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn { margin-top: 30px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more { width: 140px; height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 10px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more.b1 { background: #1d5dae; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more.b2 { background: #f5f5f5; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more i { width: 22px; height: 22px; margin-right: 10px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more i.g1 { background: url(../images/goods-btn-icon1.png) no-repeat center; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more i.g2 { background: url(../images/goods-btn-icon2.png) no-repeat center; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more span { font-size: 14px; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more span.s1 { color: #fff; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more span.s2 { color: #333; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover.b1 { background: #f5f5f5; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover.b2 { background: #1d5dae; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover i.g1 { background: url(../images/goods-btn-hover-icon1.png) no-repeat center; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover i.g2 { background: url(../images/goods-btn-hover-icon2.png) no-repeat center; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover span.s1 { color: #333; } .inner-goods-detail .inner-goods-top .top-box .goods-detail-box .goodsinfo-btn .goods-more:hover span.s2 { color: #fff; } .inner-goods-detail .inner-goods-content { width: 100%; background: #f5f5f5 url(../images/inner-goods-bg.png) no-repeat bottom; } .inner-goods-detail .inner-goods-content .content-box { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3%; } .inner-goods-detail .inner-goods-content .content-box .content-title { font-size: 14px; color: #333; font-weight: bold; width: 100%; padding-bottom: 10px; border-bottom: 2px solid #f3f3f3; } .inner-goods-detail .inner-goods-content .content-box .goods-content { padding: 20px 0 10px; } .inner-goods-detail .inner-goods-content .content-box .goods-content p, .inner-goods-detail .inner-goods-content .content-box .goods-content span { font-size: 12px; color: #333; background: none; } .inner-goods-detail .inner-goods-content .content-box .goods-content table { width: 100%; max-width: 100%; border-collapse: collapse; border: 1px solid #e0e0e0; overflow-x: scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inner-goods-detail .inner-goods-content .content-box .goods-content table tr td { border: 1px solid #c1c1c1c2; } .inner-goods-detail .inner-goods-content .content-box .goods-content img { margin: 0 auto; } .inner-goods-detail .inner-goods-content .content-box .changfang-list { width: 100%; margin-top: 10px; } .inner-goods-detail .inner-goods-content .content-box .changfang-list .changfang-item { width: 49%; margin-right: 2%; height: 120px; float: left; margin-top: 10px; overflow: hidden; } .inner-goods-detail .inner-goods-content .content-box .changfang-list .changfang-item:nth-child(4n) { margin-right: 0; } .inner-goods-detail .inner-goods-content .content-box .changfang-list .changfang-item:nth-child(2n) { margin-right: 0; } } /*# sourceMappingURL=mobile-nei.css.map */久久久久久久精品免费rde