.swiper-slide:first-child.swiper-slide-active:before { content: ''; opacity: 1; display: block; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: calc(100%); background-color: #1E2C44; transform: translateX(-101%); animation-name: curtainStart,curtainEnd; animation-duration: 1s,1s; animation-timing-function: cubic-bezier(.86,0,.07,1),cubic-bezier(.86,0,.07,1); animation-delay: 0.5s,1.2s; animation-direction: alternate; animation-fill-mode: forwards; animation-iteration-count: 1; } .swiper-slide:first-child:after { width: 0%; } .swiper-slide:first-child.swiper-slide-active:after { content: ''; opacity: 1; display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: calc(100%); background-color: #3D9748; transform: translateX(0); animation-name: curtainEnd; animation-duration: 0.5s; animation-timing-function: cubic-bezier(.86,0,.07,1),cubic-bezier(.86,0,.07,1); animation-delay: 1.1s; animation-direction: alternate; animation-fill-mode: forwards; animation-iteration-count: 1; } #c_banner_028-1686386815721 .e_bannerA-2 .special_a { overflow: hidden; height: 100vh; } #c_flipPage-1637288758471 .p_pageBullet { width: 20px; display: inline-block; margin-left: 0; line-height: 1px; padding: 0; background: none; vertical-align: middle; position: relative; cursor: pointer; overflow: hidden; border: none; background: #fff; height: 3px; border-radius: 50px; transition: all 0.8s; } #c_flipPage-1637288758471 .p_pageItem { text-align: right; margin: 0px 0; cursor: pointer; } #c_flipPage-1637288758471 .p_pageItem_active .p_pageBullet{ background-color: #fff; width:40px; transition: all 0.8s; } #c_flipPage-1637288758471 .position_right { right: 20px; left: auto !important; bottom: 0px !important; top: auto; } #c_static_001-1686461526301 .e_container-11 { bottom: 20px; } .e_credible-17{ position: absolute; bottom: 20px; transform: translateX(-50%) translateY(0%); margin-left: 50%; } #c_static_001-1686461526301 .e_container-11 { bottom: 80px; } @media (max-width : 1440px){ .homeBanner .swiper-container .p_info{ padding: 0 10%; } #c_static_001-1686444416157 .e_container-1 { width: 95%; } .swiper-slide-active .contact img { width: 100%; height: 100vh; } } @media (max-width : 1280px){ #c_navigation_115-1686379057554 .e_container-1 .cbox-1-0{ flex: 0 0 250px; } #c_navigation_115-1686379057554 .e_container-1 .cbox-1-1 { flex: 1; } #c_navigation_115-1686379057554 .e_navigationA-4 .p_level1Item a { padding: 0 15px; } #c_static_001-1686389881218 .e_text-3 { font-size: 32px; } #c_static_001-1686444416157 .e_text-11{ font-size: 32px; } #c_static_001-1686461526301 .e_text-5{ font-size: 32px; } #c_navigation_115-16865535114070 .e_container-1 .cbox-1-0{ flex: 0 0 250px; } #c_navigation_115-16865535114070 .e_navigationA-4 .p_level1Item a { font-size: 16px; margin: 0 20px; } #c_navigation_115-16865535114070 .e_container-1 .cbox-1-1 { flex: 1; } } @media (max-width : 1177px){ #c_navigation_115-1686379057554 .e_navigationA-4 .p_level1Item a { font-size: 15px; padding: 0 12px; } #c_navigation_115-16865535114070 .e_navigationA-4 .p_level1Item a { font-size: 15px; margin: 0 17px; } #c_navigation_115-16865535114070 .e_navigationA-4 .nav-tel .tel-con .tel-text { font-size: 15px; } } @media (max-width : 1110px){ #c_navigation_115-1686379057554 .e_navigationA-4 .p_level1Item a { font-size: 14px; padding: 0 12px; } #c_navigation_115-16865535114070 .e_navigationA-4 .p_level1Item a { font-size: 14px; margin: 0 12px; } #c_navigation_115-16865535114070 .e_navigationA-4 .nav-tel .tel-con { padding: 0 10px; } } @media (max-width : 769px){ .ab_bg { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; height: 100vh; width: 100%; object-fit: cover; } #c_static_001-1686389881218 .e_text-4 { font-size: 22px; } #c_static_001-1686389881218 .e_richText-6 span{ font-size: 12px !important; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } #c_static_001-1686389881218 .e_loop-7 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 2); margin-bottom:20px; } #c_static_001-1686389881218 .e_container-8 { width: 65%; padding: 10px 0px; } #c_static_001-1686444416157 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: column; } #c_static_001-1686444416157 .e_image-4 { overflow: hidden; max-height: none; min-height: 0px; display-radio: 1; padding-left: 0px; display: none; } #c_static_001-1686444416157 .e_button-13 { display: none; } #c_static_001-1686444416157 .e_container-14 .cbox-14-0 { flex: 0 0 76px; align-self: center; display: none; } #c_static_001-1686444416157 .e_container-14 .cbox-14-1 { border-left: none; } #c_static_001-1686444416157 .e_text-5 { margin-left: 0px; } #c_static_001-1686444416157 .e_text-6 { margin-left: 0px; } #c_static_001-1686444416157 .e_container-1 .cbox-1-0 { flex: 0 0 34%; align-self: flex-start; } #c_static_001-1686444416157 .e_text-11 { font-size: 30px; } #c_static_001-1686444416157 .e_text-12 { font-size: 22px; } #c_static_001-1686444416157 .e_container-1 .cbox-1-0 { margin-bottom: 30px; } #c_static_001-1686444416157 .e_container-14 .cbox-14-1 { border-left: none; } #c_static_001-1686444416157 .e_container-3 { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,.2); background: rgba(11, 38, 51, 0.4); } #c_static_001-1686444416157 .e_container-3 a,#c_static_001-1686444416157 .e_text-6,#c_static_001-1686444416157 .e_text-18 a{ color:#fff; } #c_static_001-1686444416157 .e_icon-20 { background-color: initial; } #c_static_001-1686444416157 .e_line-7{ background:1px solid rgba(255,255,255,.2) } #c_static_001-1686461526301 .e_container-1 .cbox-1-0{ display:none; } #c_static_001-1686461526301 .e_container-3 > .p_item { flex: 1; max-width: 90%; max-height: 100%; margin: 0 auto; } #c_static_001-1686461526301 .e_text-5 { font-size: 30px; } #c_static_001-1686461526301 .e_text-6 { font-size: 22px; } #c_static_001-1686461526301 .e_richText-12 { font_radio: 1; display-radio: 1; text-align: center; } }