@charset "utf-8";
a {
cursor: auto;
}
a:hover {
cursor: auto;
}
a[href] {
cursor: pointer;
}
.cam_src5_nav_box .swiper-container,
.arn_src3_nav_box .swiper-container {
cursor: url('/watermark.php?src=static/templates/sub/img/shubiao.png'), auto;
}
.swiper-pagination span {
outline: none;
}
.after-inner #main .row {
padding-top: 0;
padding-bottom: 0;
}
.after-inner #top .banner .topic #icon_all {
width: .95rem;
height: auto;
margin-bottom: .35rem;
}
.pub_case {
max-width: 1400px;
width: 72.9166%;
margin-left: auto;
margin-right: auto;
}
.pub_black {
padding-top: 5.2083vw;
padding-bottom: 5.2083vw;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.pub_black.pub_top_padding {
padding-top: 6.25vw;
}
.pub_black.pub_bottom_padding {
padding-bottom: 6.25vw;
}
.mar_t_100 {
margin-top: 4.6875vw;
}
.mar_b_100 {
margin-bottom: 4.6875vw;
}
.pub_title {
color: #d70917;
line-height: 1.2;
margin-top: -0.05rem;
text-align: center;
}
.pub_title_en {
color: #333333;
line-height: 1.33;
margin-top: .135rem;
text-transform: capitalize;
text-align: center;
}
.go_scr {
margin-top: .455rem;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
line-height: 0.6rem;
background-color: #d70917;
text-align: center;
display: flex;
transform-origin: 50% 50%;
justify-content: center;
align-items: center;
}
.go_scr > i {
color: #fff;
display: inline-block;
margin-left: 1px;
}
.btn_sty {
color: #fff;
background-color: #d70917;
display: inline-block;
position: relative;
overflow: hidden;
text-align: center;
padding: .12rem;
}
.btn_sty > div {
overflow: hidden;
height: .35rem;
position: relative;
}
.btn_sty > div > div {
transition: all .5s ease;
line-height: .35rem;
height: .7rem;
font-size: 0;
}
.btn_sty > div > div > div {
font-size: 0;
white-space: nowrap;
}
.btn_sty > div > div i {
margin-right: .2rem;
display: inline-block;
vertical-align: middle;
font-style: normal;
}
.btn_sty > div > div span {
display: inline-block;
vertical-align: middle;
text-transform: capitalize;
font-size: .18rem;
}
.btn_sty.btn_col_w {
background: #E1E1E1;
color: #666666;
}
.btn_sty.btn_hover_s {
cursor: pointer;
}
.btn_sty.btn_hover_s:hover > div > div {
transform: translateY(-50%);
}
.swiper-button-prev,
.swiper-button-next {
width: .6rem;
height: .6rem;
line-height: .6rem;
background-image: none;
background-color: #d70917;
color: #fff;
text-align: center;
margin: -0.3rem 0 0;
outline: none;
border-radius: 100%;
transition: all .5s ease;
}
@media screen and (orientation: landscape) {
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: #fff;
color: #d70917;
border: 1px solid #d70917;
}
}
.dot_logo {
color: #d70917;
line-height: 1;
}
.pub_info {
color: #666666;
line-height: 2.44;
text-align: justify;
letter-spacing: -0.07em;
}
.pub_info > div:not(.zs_box_a) {
position: relative;
padding-left: 35px;
}
.pub_info > div:not(.zs_box_a) i {
position: absolute;
left: 0;
top: .14rem;
}
.pub_info .zs_box_a {
line-height: 1.8333;
color: #d70917;
width: 93%;
margin-bottom: .36rem;
margin-top: -0.3rem;
display: block;
}
.lk_sty {
color: transparent;
font-size: 1.5rem;
-webkit-text-stroke: 1px #D70917;
text-stroke: 1px #D70917;
line-height: .75;
position: absolute;
opacity: .5;
}
.pro_img_box {
overflow: hidden;
position: relative;
}
.pro_img_box::before {
content: '';
display: block;
margin-top: 100%;
}
.pro_img_box > img {
display: block;
max-width: 100%;
max-height: 100%;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.pro_z_quan > i {
display: block;
-webkit-animation: ring 1.8s ease-in infinite;
animation: ring 1.8s ease-in infinite;
}
.pro_z_quan > i:nth-child(1) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.pro_z_quan > i:nth-child(2) {
webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.pro_z_quan > i:nth-child(3) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
@keyframes ring {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.3);
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
}
20% {
-webkit-transform: translate(-50%, -50%) scale(0.3);
transform: translate(-50%, -50%) scale(0.3);
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
img {
max-width: 100%;
}
.int_title_box {
background-size: 100%;
background-position: bottom center;
background-color: #fff;
}
.int_title_box .pub_case {
display: flex;
align-items: flex-start;
}
.int_title_box .pub_case:first-child > div {
width: 53.714%;
padding-right: .2rem;
}
.int_title_box .pub_case:first-child > div.pub_info {
width: 46.286%;
padding-right: 0;
margin-top: .12rem;
}
.int_title_box .pub_case .pub_title {
text-align: left;
}
.int_title_box .pub_case .pub_title_en {
text-align: left;
}
#security .sec_src1_case {
padding-bottom: .6rem;
}
#security .sec_src2_case {
background-color: #fafafa;
position: relative;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
#security .sec_src2_case .sec_src2_con_box {
transition: all .5s ease;
}
#security .sec_src2_case .sec_src2_con_box.on {
opacity: 0;
pointer-events: none;
}
#security .sec_src2_case .sec_src2_con_box.on .hots_box {
display: none;
}
#security .sec_src2_case .btn_list_mess {
position: absolute;
background-color: #fff;
text-align: center;
width: .7rem;
line-height: 1.6rem;
height: 1.6rem;
cursor: pointer;
transition: all .5s ease;
transform: translate(50vw, -50%);
top: 50%;
right: .5rem;
border-radius: 1rem;
}
#security .sec_src2_case .btn_list_mess.on {
transform: translate(0, -50%);
}
#security .sec_src2_case > div {
position: relative;
}
#security .sec_src2_case > div .max_1920 {
max-width: 1920px;
margin: 0 auto;
position: relative;
}
#security .sec_src2_case > div .video_box {
position: absolute;
width: 100%;
height: 100%;
}
#security .sec_src2_case > div .video_box video {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: none;
}
#security .sec_src2_case > div .sec_src2_pro_case {
pointer-events: none;
}
#security .sec_src2_case > div .sec_src2_pro_case.on {
pointer-events: all;
}
#security .sec_src2_case > div .sec_src2_pro_case.on .sec_src2_pro_mess_box {
transform: translateX(0);
}
#security .sec_src2_case > div .sec_src2_pro_case.on .sha_h {
opacity: 1;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box {
position: absolute;
right: 0;
height: 100%;
background-color: #fff;
top: 0;
width: 36.458%;
padding: .65rem .6rem;
z-index: 9;
text-align: center;
transition: all .5s ease;
transform: translateX(120%);
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .pro_img_box {
width: 89.61%;
margin: .4rem auto .2rem;
max-width: 400px;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .btn_sty {
border-radius: .6rem;
display: block;
margin: 0 auto;
width: 2.25rem;
text-transform: capitalize;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .btn_sty.btn_col_w {
background-color: #f5f5f5;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .sec_src2_pro_name {
color: #333333;
line-height: 1.5;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .sec_src2_pro_info {
color: #666666;
line-height: 1.875;
margin-top: .075rem;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .sec_src2_pro_box {
padding-top: .225rem;
padding-bottom: .3rem;
margin-bottom: .25rem;
max-height: 21vh;
overflow-y: auto;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .sec_src2_pro_box .dot_logo {
display: none;
}
#security .sec_src2_case > div .sha_h {
position: absolute;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
z-index: 6;
opacity: 0;
transition: all .5s ease;
}
#security .sec_src2_case .sec_src2_msbox {
position: absolute;
background-color: #fff;
box-shadow: 0px 10px 30px 0px rgba(47, 54, 69, 0.1);
text-align: center;
opacity: 0;
transition: all .5s ease;
left: 102%;
width: 180px;
top: 50%;
transform: translateY(-50%);
}
#security .sec_src2_case .sec_src2_msbox::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg) skew(-10deg, -10deg);
width: 12px;
height: 12px;
background-color: #fff;
}
#security .sec_src2_case .sec_src2_msbox .pro_img_box {
margin: .3rem;
}
#security .sec_src2_case .sec_src2_msbox .sec_src2_info {
line-height: 1;
color: #d70917;
}
#security .sec_src2_case .sec_src2_msbox .sec_src2_info_en {
font-size: 12px;
line-height: 1;
color: #666666;
transform: scale(0.833);
min-width: 24px;
width: 110%;
margin-left: -5%;
padding: .07rem .1rem .25rem .1rem;
}
#security .sec_src2_case .hots_box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#security .sec_src2_case .hots_box > div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all .5s ease;
opacity: 0;
pointer-events: none;
}
#security .sec_src2_case .hots_box > div.on {
opacity: 1;
pointer-events: all;
}
#security .sec_src2_case .hots_box > div.on .sec_icon_hot_box .pro_z_quan > img {
pointer-events: all;
}
#security .sec_src2_case .sec_icon_hot_box {
position: absolute;
transform: translate(-50%, -50%);
pointer-events: none;
cursor: pointer;
}
#security .sec_src2_case .sec_icon_hot_box .pro_z_quan {
width: 1.15rem;
height: 1.15rem;
}
#security .sec_src2_case .sec_icon_hot_box .pro_z_quan i {
border-radius: 100%;
width: 100%;
height: 100%;
border: 1px solid #d70917;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
}
#security .sec_src2_case .sec_icon_hot_box .pro_z_quan > img {
display: block;
width: 33.04%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (orientation: landscape) {
#security .sec_src2_case .sec_icon_hot_box:hover {
pointer-events: all;
z-index: 6;
}
#security .sec_src2_case .sec_icon_hot_box:hover .sec_src2_msbox {
opacity: 1;
}
}
#security .sec_src2_case .pub_info {
position: absolute;
bottom: 0;
left: 2%;
z-index: 4;
}
#security .sec_src2_case .sec_src2_nav_box {
z-index: 5;
position: absolute;
top: 13%;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-around;
}
#security .sec_src2_case .sec_src2_nav_box > .btn_sty {
width: 24.857%;
border-radius: .6rem;
background: #E1E1E1;
color: #666666;
}
#security .sec_src2_case .sec_src2_nav_box > .btn_sty.on {
background-color: #d70917;
color: #fff;
}
@media screen and (orientation: landscape) {
#security .sec_src2_case .sec_src2_nav_box > .btn_sty:hover {
background-color: #d70917;
color: #fff;
}
}
#security .sec_src3_case.sec_src3_case_2 {
background-color: #f6f6f6;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div {
background-color: #fff;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .pro_img_box {
width: calc(50vw - 3.7143%);
margin-left: calc( -50vw + 3.7143% + 46.2857%);
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .pro_img_box::before {
margin-top: 64.35643%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .sec_src3_text {
padding-right: 5.766%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .sec_src3_num {
left: calc(100% - .4em);
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box {
display: flex;
justify-content: space-between;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div {
width: 29.7%;
display: block;
background-color: #fff;
margin-bottom: 0;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .pro_img_box {
width: 100%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .pro_img_box::before {
margin-top: 60.3365%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .sec_src3_2_text {
padding: 13.349% 9% 12.2%;
text-align: center;
}
#security .sec_src4_case .pub_title,
#security .sec_src4_case .pub_title_en {
text-align: center;
}
.canvas_box canvas {
border-radius: .4rem .4rem 0 0;
display: none;
}
.lr_sty_box {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.lr_sty_box:first-child {
margin-top: 0;
}
.lr_sty_box .pro_img_box {
width: 46.2857%;
}
.lr_sty_box .pro_img_box > img {
display: block;
position: relative;
width: 100%;
left: auto;
top: auto;
transform: none;
}
.lr_sty_box .pro_img_box::before {
margin-top: 69.7531%;
display: none !important;
}
.lr_sty_box .sec_src3_num {
left: -0.4em;
top: -0.42em;
z-index: 4;
}
.lr_sty_box .sec_src3_text {
width: 46.2857%;
padding-right: 3.07%;
}
.lr_sty_box .sec_src3_text .pub_title {
margin-top: .4rem;
text-align: left;
}
.lr_sty_box .sec_src3_text .pub_title_en {
margin-top: .105rem;
text-align: left;
}
.lr_sty_box .sec_src3_text .pub_info {
margin-top: .36rem;
}
.lr_sty_box:nth-child(even) {
flex-direction: row-reverse;
}
.lr_sty_box:nth-child(even) .sec_src3_num {
left: calc(100% - .4em);
}
.classGo::before {
display: none !important;
}
.classGo > img {
display: block;
position: relative;
width: 100%;
left: auto;
top: auto;
transform: none;
}
.int_l_info {
color: #666666;
line-height: 2.25;
margin-top: .15rem;
}
.int_l_title {
color: #d70917;
line-height: 1.2;
text-align: center;
}
.pro_recommend_box {
margin-top: 3.75vw;
position: relative;
}
.pro_recommend_box .swiper-button-next,
.pro_recommend_box .swiper-button-prev {
top: calc((100% - 4.166vw - .14rem) / 2);
}
.pro_recommend_box .swiper-button-next.swiper-button-disabled,
.pro_recommend_box .swiper-button-prev.swiper-button-disabled {
display: none;
}
.pro_recommend_box .swiper-button-next {
transform: translateX(150%);
}
.pro_recommend_box .swiper-button-prev {
transform: translateX(-150%);
}
.pro_recommend_box .swiper-pagination {
margin-top: 4.166vw;
position: relative;
text-align: center;
z-index: 0;
bottom: 0;
font-size: 0;
}
.pro_recommend_box .swiper-pagination span {
display: inline-block;
vertical-align: middle;
width: .14rem;
height: .14rem;
background-color: #fff;
opacity: .35;
border: 1px solid #999999;
margin: 0 .14rem;
}
.pro_recommend_box .swiper-pagination span.swiper-pagination-bullet-active {
opacity: 1;
background: #d70917;
border-color: #d70917;
}
.pro_recommend_box .swiper-slide {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pro_recommend_box .swiper-slide > a {
width: 23.0714%;
margin-bottom: 2.57%;
}
.pro_recommend_box .swiper-slide > a:nth-last-child(1),
.pro_recommend_box .swiper-slide > a:nth-last-child(2),
.pro_recommend_box .swiper-slide > a:nth-last-child(3),
.pro_recommend_box .swiper-slide > a:nth-last-child(4) {
margin-bottom: 0;
}
.pro_recommend_box a {
background-color: #f6f6f6;
display: block;
position: relative;
cursor: auto;
}
.pro_recommend_box a .pro_img_box > img {
transition: all .5s ease;
}
.pro_recommend_box a .pro_mess_box {
width: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
transition: all .5s ease;
bottom: 0;
left: 0;
padding: 12.38%;
height: calc(24.76% + 18px);
}
.pro_recommend_box a .pro_mess_box > div {
width: 100%;
height: 18px;
transition: all .5s ease;
text-align: center;
}
.pro_recommend_box a .pro_mess_box .pro_rec_name {
line-height: 1.8181;
color: #666666;
transition: all .5s ease;
margin: -0.0736rem 0;
}
.pro_recommend_box a .pro_mess_box .pro_rec_info {
color: #666666;
transition: all .5s ease;
line-height: 2.142857;
margin-top: .1rem;
opacity: 0;
}
.env_src3_con {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.env_src3_con a {
display: block;
width: 47.15%;
margin-bottom: 5.7%;
background-color: #fff;
box-shadow: 0px 10px 30px 0px rgba(47, 54, 69, 0.2);
}
.env_src3_con a:nth-last-child(1),
.env_src3_con a:nth-last-child(2) {
margin-bottom: 0;
}
.env_src3_con a .pro_img_box::before {
margin-top: 56.666%;
}
.env_src3_con a .env_src3_text {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
height: 2.94rem;
}
.env_src3_con a .env_src3_text .dot_logo {
position: absolute;
left: 50%;
bottom: 100%;
transform: translate(-50%, 50%);
}
.env_src3_con a .env_src3_text .env_src3_text_box {
width: 73.5%;
text-align: center;
}
#environment .env_src1_case .pub_case > div.pub_info {
width: 47.286%;
}
#environment .env_src2_case {
padding: 0;
}
#environment .env_src2_case > div {
position: relative;
}
#environment .env_src2_case > div > img {
display: block;
width: 100%;
}
#environment .env_src2_case > div .env_src2_con {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#environment .env_src2_case > div .env_src2_con > img {
position: absolute;
left: 50%;
top: 50%;
width: 90%;
transform: translate3d(-50%, -50%, 0);
}
#environment .env_src2_case > div .env_src2_con > img:nth-child(1) {
z-index: 2;
}
#environment .env_src2_case > div .env_src2_text {
position: absolute;
line-height: 2;
left: 17%;
bottom: 7.8%;
color: #fff;
}
@media screen and (orientation: landscape) {
#environment .env_src2_case > div .env_src2_text {
font-weight: lighter;
}
}
#environment .env_src3_case {
background-position: center top;
background-size: 100%;
}
#environment .env_src3_case .pub_case > div.pub_info {
width: 43.286%;
}
#environment .env_src4_case {
background-color: #fafafa;
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom center;
}
#environment .env_src4_case .pub_case > div.pub_info {
width: 47%;
}
.env_src4_img .pro_img_box {
width: calc(50vw + 50%);
padding-right: 0;
margin-right: calc(-50vw + 50%);
}
.env_src4_img .pro_img_box::before {
margin-top: 44.491%;
display: none;
}
.env_src4_img .pro_img_box > img {
width: 100%;
position: relative;
left: auto;
top: auto;
transform: none;
}
.guo_c::after {
content: '';
height: 100%;
position: absolute;
background: #d70917;
right: 0;
top: 0;
width: 0;
}
.guo_c img {
opacity: 0;
}
.guo_c.guo_h::after {
animation: gua 1s cubic-bezier(0.4, 0, 1, 1) forwards;
}
.guo_c.guo_h img {
opacity: 1;
transition: opacity .1s ease .4s;
}
@keyframes gua {
0% {
right: 0;
width: 0;
}
20% {
right: 0;
width: 110%;
}
70.01% {
left: 0;
width: 110%;
}
100% {
left: 0;
width: 0;
}
}
@keyframes guaL {
0% {
left: 0;
width: 0;
}
20% {
left: 0;
width: 110%;
}
70.01% {
right: 0;
width: 110%;
}
100% {
right: 0;
width: 0;
}
}
.case_line {
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
height: 1px;
background-color: rgba(0, 0, 0, 0.15);
}
#campus .cam_src1_case {
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
position: relative;
}
#campus .cam_src2_case {
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center;
position: relative;
}
#campus .cam_src3_case {
padding-top: 0;
padding-bottom: 0;
background-size: 100%;
background-position: bottom center;
background-repeat: no-repeat;
}
#campus .cam_src3_case .cam_src3_text {
width: 66.5625%;
margin-left: 33.4375%;
background-color: #d70917;
margin-top: -15.625vw;
position: relative;
z-index: 2;
padding: .9rem 1.7rem .95rem;
}
#campus .cam_src3_case .cam_src3_text .pub_title,
#campus .cam_src3_case .cam_src3_text .pub_title_en,
#campus .cam_src3_case .cam_src3_text .pub_info {
color: #fff;
text-align: left;
}
#campus .cam_src3_case .cam_src3_text .pub_info > div:not(.zs_box_a):first-of-type {
margin-bottom: 0;
}
#campus .cam_src3_case .cam_src3_text .dot_logo {
color: #fff;
}
#campus .cam_src3_case .cam_src3_text .pub_info {
margin-top: .235rem;
}
#campus .cam_src3_case .m_video {
padding-top: 5.46875vw;
padding-bottom: 12.5vw;
background-size: cover;
background-position: center;
position: relative;
}
#campus .cam_src3_case .m_video .btn_pause {
position: absolute;
right: 9%;
top: 13%;
text-align: center;
color: #fff;
cursor: pointer;
z-index: 2;
display: none;
}
#campus .cam_src3_case .m_video .btn_pause i {
display: block;
line-height: 1;
transition: all .5s ease;
}
@media screen and (orientation: landscape) {
#campus .cam_src3_case .m_video .btn_pause:hover i {
transform: scale(1.2);
}
}
#campus .cam_src3_case .m_video .btn_play {
position: absolute;
left: 50%;
top: 50%;
text-align: center;
color: #fff;
cursor: pointer;
z-index: 2;
transform: translate(-50%, -50%);
}
#campus .cam_src3_case .m_video .btn_play i {
display: block;
line-height: 1;
transition: all .5s ease;
}
@media screen and (orientation: landscape) {
#campus .cam_src3_case .m_video .btn_play:hover i {
transform: scale(1.2);
}
}
#campus .cam_src3_case .m_video .btn_play div {
line-height: 1.2;
margin-top: .27rem;
}
#campus .cam_src3_case .m_video video {
width: 89.79166%;
}
#campus .cam_src4_case {
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
text-align: center;
padding-bottom: 0;
}
#campus .cam_src4_case .pro_list_lb_box {
margin-top: .3rem;
position: relative;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-container {
overflow: visible;
width: 80%;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-slide {
opacity: .6;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-slide a {
display: block;
cursor: auto;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-slide a .pro_img_box::before {
margin-top: 49.7857%;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-slide.active {
opacity: 1;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-button-next {
left: 107.1428%;
right: auto;
}
#campus .cam_src4_case .pro_list_lb_box .swiper-button-prev {
right: 107.1428%;
left: auto;
}
#campus .cam_src5_case {
padding-bottom: 0;
}
.cam_src5_case {
text-align: center;
}
.cam_src5_case > div:first-child {
position: relative;
z-index: 5;
}
.cam_src5_case .swiper-container {
overflow: visible;
}
.cam_src5_case .cam_src5_nav_box {
margin-top: .3rem;
margin-bottom: .5rem;
position: relative;
}
.cam_src5_case .cam_src5_nav_box::before {
content: '';
display: block;
width: 101%;
position: absolute;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
top: -0.63rem;
height: calc(100% + .63rem + .7rem);
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 88%, #ffffff 100%);
z-index: 2;
}
.cam_src5_case .cam_src5_nav_box .swiper-container {
width: 93.75%;
}
.cam_src5_case .cam_src5_nav_box .btn_sty {
font-weight: 700;
border-radius: 0;
text-align: center;
background-color: #ccc;
display: block;
width: 89%;
margin: 0 auto;
position: relative;
overflow: visible;
}
.cam_src5_case .cam_src5_nav_box .btn_sty i {
font-weight: 400;
}
.cam_src5_case .cam_src5_nav_box .btn_sty::after {
content: attr(data-num);
font-size: 1.8rem;
color: transparent;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: 'NEXA-XBOLD';
line-height: .75;
z-index: -1;
transition: all .5s ease;
}
.cam_src5_case .cam_src5_nav_box .btn_sty::before {
content: '';
display: block;
width: .12rem;
height: .12rem;
background-color: #ccc;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%) rotate(45deg);
opacity: 0;
transition: none;
}
@media screen and (orientation: landscape) {
.cam_src5_case .cam_src5_nav_box .btn_sty:hover {
background-color: #d70917;
}
}
.cam_src5_case .cam_src5_nav_box .swiper-slide {
width: auto;
}
.cam_src5_case .cam_src5_nav_box .swiper-slide.swiper-slide-thumb-active .btn_sty {
background-color: #d70917;
box-shadow: 0px 27px 87px 0px rgba(255, 0, 20, 0.25);
}
.cam_src5_case .cam_src5_nav_box .swiper-slide.swiper-slide-thumb-active .btn_sty::after {
opacity: .1;
}
.cam_src5_case .cam_src5_nav_box .swiper-slide.swiper-slide-thumb-active .btn_sty::before {
background-color: #d70917;
transition: all .5s ease;
opacity: 1;
}
.cam_src5_case .cam_src5_num {
line-height: .9;
font-size: 2rem;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
opacity: .15;
text-align: left;
text-transform: uppercase;
bottom: .2rem;
left: -0.2em;
}
.cam_src5_case .cam_src5_con_box .swiper-slide {
opacity: 0 !important;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .pro_img_box > img {
position: relative;
width: 100%;
left: auto;
top: auto;
transform: none;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .pro_img_box::before {
margin-top: 38.17708%;
display: none;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .pub_info div {
transition: all .5s ease;
opacity: 0;
transform: translateY(10px);
}
.cam_src5_case .cam_src5_con_box .swiper-slide .cam_src5_text {
position: relative;
box-shadow: 0px 3px 55px 7px rgba(192, 196, 204, 0.69);
padding: .44rem .6rem;
margin-top: -0.6rem;
z-index: 4;
background-color: #fff;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .cam_src5_text .pub_info {
line-height: 1.666;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .cam_src5_text .pub_info div {
padding-top: .23rem;
padding-bottom: .23rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.cam_src5_case .cam_src5_con_box .swiper-slide .cam_src5_text .pub_info div i {
top: .31rem;
}
.cam_src5_case .cam_src5_con_box .swiper-slide .cam_src5_text .pub_info div:last-child {
border-bottom: none;
}
.cam_src5_case .cam_src5_con_box .swiper-slide.active {
pointer-events: all;
opacity: 1 !important;
}
.cam_src5_case .cam_src5_con_box .swiper-slide.active .pub_info div {
opacity: 1;
transform: translateY(0);
}
.delay-1 {
transition-delay: 0.5s !important;
}
.delay-2 {
transition-delay: 0.7s !important;
}
.delay-3 {
transition-delay: 0.9s !important;
}
.delay-4 {
transition-delay: 1.1s !important;
}
.delay-5 {
transition-delay: 1.3s !important;
}
.delay-6 {
transition-delay: 1.5s !important;
}
.delay-7 {
transition-delay: 1.7s !important;
}
.delay-8 {
transition-delay: 1.9s !important;
}
.delay-9 {
transition-delay: 2.1s !important;
}
.delay-10 {
transition-delay: 2.3s !important;
}
.delay-11 {
transition-delay: 2.5s !important;
}
.delay-12 {
transition-delay: 2.7s !important;
}
.delay-13 {
transition-delay: 2.9s !important;
}
.delay-14 {
transition-delay: 3.1s !important;
}
.delay-15 {
transition-delay: 3.3s !important;
}
.delay-16 {
transition-delay: 3.5s !important;
}
.delay-17 {
transition-delay: 3.7s !important;
}
.delay-18 {
transition-delay: 3.9s !important;
}
.delay-19 {
transition-delay: 4.1s !important;
}
.delay-20 {
transition-delay: 4.3s !important;
}
.delay-21 {
transition-delay: 4.5s !important;
}
.delay-22 {
transition-delay: 4.7s !important;
}
.delay-23 {
transition-delay: 4.9s !important;
}
.delay-24 {
transition-delay: 5.1s !important;
}
.delay-25 {
transition-delay: 5.3s !important;
}
.delay-26 {
transition-delay: 5.5s !important;
}
.delay-27 {
transition-delay: 5.7s !important;
}
.delay-28 {
transition-delay: 5.9s !important;
}
.delay-29 {
transition-delay: 6.1s !important;
}
.delay-30 {
transition-delay: 6.3s !important;
}
video + canvas {
display: none;
}
video {
display: block;
margin-left: auto;
margin-right: auto;
}
.num_t_sty .lr_sty_box .sec_src3_num {
left: auto;
right: 0;
top: 0;
opacity: 0.15;
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
}
.num_t_sty .lr_sty_box:nth-child(even) .sec_src3_num {
right: 53.7243%;
top: 0;
}
#video_con .vid_src1_case {
background-position: bottom center;
background-repeat: no-repeat;
}
#video_con .vid_src2_case {
padding-top: 0;
}
#video_con .vid_src2_case .lr_sty_box:nth-child(even) .pro_img_box::before {
margin-top: 103.5494%;
}
#video_con .vid_src2_case .lr_sty_box:nth-child(even) .pub_info {
letter-spacing: -0.1em;
}
#video_con .vid_src3_case {
background-color: #f6f6f6;
background-position: bottom center;
background-size: 100%;
text-align: center;
}
#video_con .vid_src3_case > .pub_case > div {
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
}
#video_con .vid_src3_case .vid_src3_con {
margin-top: 0;
width: 65%;
margin-left: auto;
margin-right: auto;
position: relative;
}
#video_con .vid_src3_case .vid_src3_con > img {
display: block;
width: 100%;
position: relative;
z-index: 1;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan {
width: 1.34rem;
height: 1.34rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan i {
border-radius: 100%;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan i:nth-child(1) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan i:nth-child(2) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan i:nth-child(3) {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
}
#video_con .vid_src3_case .vid_src3_con .pro_z_quan span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
text-align: center;
line-height: .7rem;
height: .7rem;
width: .7rem;
border-radius: 100%;
color: #d70917;
}
#video_con .vid_src3_case .vid_src3_con .vid_src3_num {
-webkit-text-stroke: 1px #000;
text-stroke: 1px #000;
font-size: 2.2rem;
line-height: 1;
left: -10%;
bottom: .3rem;
text-transform: uppercase;
opacity: .15;
white-space: nowrap;
}
#video_con .vid_src3_case .cj_employ {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#video_con .vid_src3_case .cj_employ > div {
width: 29.43%;
margin-bottom: 2.6%;
background-color: #fff;
box-shadow: 0 3px 55px 7px rgba(192, 196, 204, 0.45);
text-align: center;
padding: 5.7143% 2.72%;
}
#video_con .vid_src3_case .cj_employ > div:nth-last-child(1),
#video_con .vid_src3_case .cj_employ > div:nth-last-child(2),
#video_con .vid_src3_case .cj_employ > div:nth-last-child(3) {
margin-bottom: 0;
}
#video_con .vid_src3_case .cj_employ > div i {
line-height: 1;
color: #d70917;
}
#video_con .vid_src3_case .cj_employ > div .em_name {
margin-top: .4rem;
color: #333333;
line-height: 1;
font-weight: 700;
}
#video_con .vid_src3_case .cj_employ > div .em_name_en {
color: #666666;
line-height: .8125;
text-transform: uppercase;
margin-top: 12px;
}
#video_con .vid_src3_case .cj_employ > div .dot_logo {
line-height: 1;
margin-top: .3rem;
margin-bottom: .22rem;
}
#video_con .vid_src3_case .cj_employ > div .int_l_info {
line-height: 2;
letter-spacing: -0.01em;
}
.vid_src1_img.pub_case .guo_c.guo_h::after {
animation: guaL 1s cubic-bezier(0.4, 0, 1, 1) forwards;
}
.vid_src1_img.pub_case .pro_img_box {
width: calc(50vw + 50%);
margin-left: calc(-50vw + 50%);
padding-right: 0;
}
.vid_src1_img.pub_case .pro_img_box::before {
margin-top: 44.57177%;
}
@keyframes quanD {
0% {
transform: translate(-50%, -50%) rotate(0);
}
50% {
transform: translate(-50%, -50%) rotate(360deg);
}
50.01% {
transform: translate(-50%, -50%) rotate(0);
}
99.09% {
transform: translate(-50%, -50%) rotate(360deg);
}
100% {
transform: translate(-50%, -50%) rotate(0);
}
}
.dong_dot_case {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.dong_dot_case .dong_dot_box {
position: absolute;
width: 1.24rem;
height: 1.24rem;
padding: .07rem;
transform: translate3d(-50%, -50%, 0);
}
.dong_dot_case .dong_dot_box::before {
content: '';
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
border: 1px dashed #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: quanD 4s ease infinite;
}
.dong_dot_case .dong_dot_box > div {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
transition: all .5s ease;
}
.dong_dot_case .dong_dot_box > div > div {
width: 100%;
text-align: center;
}
.dong_dot_case .dong_dot_box > div i {
line-height: 1;
color: #d70917;
transition: all .5s ease;
}
.dong_dot_case .dong_dot_box > div .icon_refer {
color: #d70917;
line-height: 1;
text-transform: uppercase;
margin-top: .1rem;
transition: all .5s ease;
}
.dong_dot_case .dong_dot_box span {
display: block;
position: absolute;
top: 100%;
left: 50%;
width: 1px;
margin-left: -0.5px;
background-color: #fff;
display: none;
}
.dong_dot_case .dong_dot_box span::before {
content: '';
display: block;
width: .07rem;
height: .07rem;
border-radius: 100%;
background-color: #fff;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.dong_dot_case.dot_sty_btn .dong_dot_box {
cursor: pointer;
}
.dong_dot_case.dot_sty_btn .dong_dot_box.on > div {
background-color: rgba(215, 9, 23, 0.9);
}
.dong_dot_case.dot_sty_btn .dong_dot_box.on > div i {
color: #fff;
}
.dong_dot_case.dot_sty_btn .dong_dot_box.on > div .icon_refer {
color: #fff;
}
#tunnel .tun_src1_case {
padding-bottom: 0;
}
#tunnel .tun_src1_case .vid_src1_img {
margin-top: .44rem;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-left: calc((-50vw + 50%) / 2);
margin-right: calc((-50vw + 50%) / 2);
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box {
width: 67.53%;
position: relative;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box img {
display: block;
width: 100%;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box > img {
width: 29.096%;
}
#tunnel .tun_src3_case {
position: relative;
}
#tunnel .tun_src3_case > img {
width: 100%;
display: block;
}
#tunnel .tun_src3_case .pub_case {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
padding-top: 4.6875vw;
}
#tunnel .tun_src3_case .pub_case .pub_title,
#tunnel .tun_src3_case .pub_case .pub_title_en {
color: #fff;
}
#tunnel .tun_src4_case .pub_info {
text-align: center;
}
.tun_jg_img {
margin-top: .3rem;
margin-bottom: .3rem;
text-align: center;
}
.sty_center {
text-align: center;
margin-top: .25rem;
}
.pub_title_l_info {
color: #d70917;
line-height: 1.833;
margin-top: .22rem;
margin-bottom: .45rem;
text-align: center;
}
.col_b {
color: #333333;
}
.park_src4_text {
width: 56.25%;
background-color: #d70917;
position: absolute;
right: 0;
bottom: 0;
padding: 4.6785vw 5.98958vw 3.6458vw;
}
.park_src4_text .pub_info {
color: #fff;
margin-bottom: .24rem;
}
.park_src4_text .pub_info > div:not(.zs_box_a):first-of-type {
margin-bottom: 0;
}
.park_src4_text .pub_info:nth-child(1) div {
padding-left: 0;
}
.park_src4_text .pub_info .dot_logo {
color: #fff;
}
.park_src4_text .pub_info:last-child {
margin-bottom: 0;
}
#sw2 {
margin-top: .3rem;
}
#sw2 .swiper-wrapper .swiper-slide .inner .btm .text_ {
color: #fff;
}
#sw2 .int_l_info {
line-height: 2;
margin-top: .25rem;
display: block;
}
#park .park_src1_case {
padding-bottom: 0;
}
#park .park_src2_case {
padding-bottom: 0;
}
#park .park_src3_case {
padding-bottom: 0;
padding-top: 3.8vw;
}
#park .park_src4_case {
padding-bottom: 0;
}
#park .park_src4_case .cam_src5_con_box .swiper-slide {
position: relative;
}
#park .park_src5_case .pub_case {
padding-bottom: 1px;
padding-top: 1px;
position: relative;
}
#park .park_src5_case .pub_title_l_info {
margin-bottom: 0;
}
#park .park_src5_case .col_b {
margin: .7rem 0;
color: #d70917;
}
#park .park_src5_case .tun_jg_img {
margin-top: .3rem;
margin-bottom: .4rem;
}
#park .park_src5_case .park_str_hint {
text-align: center;
line-height: 1.833;
color: #666666;
padding-bottom: .7rem;
}
#shops .shop_src1_case,
#shops .shop_src2_case,
#shops .shop_src3_case {
padding-bottom: 0;
}
#shops .shop_src3_case {
padding-top: 3.8vw;
}
#shops .shop_src3_con {
padding-bottom: 5.2083vw;
margin-top: .3rem;
padding-top: .5rem;
}
#shops .shop_src3_con .shop_info {
margin-top: 4.1666vw;
color: #fff;
}
#shops .shop_src3_con .shop_src3_img {
margin: auto;
width: 60%;
max-width: 1600px;
position: relative;
}
#shops .shop_src3_con .shop_src3_img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#shops .shop_src3_con .shop_src3_img img:first-child {
position: relative;
}
#shops .shop_src4_case {
padding-top: .1rem;
}
#shops .shop_src4_case .shop_src4_con {
position: relative;
}
#shops .shop_src4_case .shop_src4_con > img {
display: block;
width: 100%;
}
#shops .shop_src4_case .shop_src4_con .img_line {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
#shops .shop_info {
text-align: center;
line-height: 2;
color: #05192B;
margin-top: -0.6rem;
}
.mat_sha_box {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999;
display: none;
}
.mat_sha_box .sha_guan {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.mat_sha_box .mat_sha_con_box {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
background-color: #fff;
border-radius: .3rem;
width: 75%;
max-width: 1400px;
padding: .7rem .77rem .7rem;
}
.mat_sha_box .mat_sha_con_box .sha_sr_box {
max-height: 65vh;
overflow-y: auto;
padding: 0 5%;
}
.mat_sha_box .mat_sha_con_box .btn_sha_close {
position: absolute;
color: rgba(51, 51, 51, 0.2);
transition: all .5s ease;
cursor: pointer;
right: .6rem;
top: .4rem;
line-height: 1;
left: auto;
}
@media screen and (orientation: landscape) {
.mat_sha_box .mat_sha_con_box .btn_sha_close:hover {
color: #333333;
}
}
.mat_sha_box .mat_sha_con_box .dot_logo {
margin-top: .36rem;
}
.mat_sha_box .mat_sha_con_box .pub_info {
text-align: center;
margin-top: .27rem;
}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box {
text-align: center;
font-size: 0;
margin-top: .45rem;
}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box .swiper-pagination {
margin-top: .3rem;
position: relative;
text-align: center;
z-index: 0;
bottom: 0;
font-size: 0;
}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box .swiper-pagination span {
display: inline-block;
vertical-align: middle;
width: .14rem;
height: .14rem;
background-color: #fff;
opacity: .35;
border: 1px solid #999999;
margin: 0 .14rem;
}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box .swiper-pagination span.swiper-pagination-bullet-active {
opacity: 1;
background: #d70917;
border-color: #d70917;
}
.mat_sha_box .mat_sha_con_box .tun_sha_img_box img {
max-width: 100%;
}
.stores_body .after-inner #main .row {
background-color: #1e1e1e;
}
.stores_body .after-inner #main {
min-height: 100vh;
padding-top: 0;
}
.stores_body .con_case {
position: relative;
}
.stores_body .at_on {
visibility: hidden;
}
.stores_body #dituContent {
width: 45%;
height: 100vh;
transition: all .3s ease;
}
.stores_body .con_mess_box {
width: 41.354%;
position: absolute;
right: 13.54%;
top: 50%;
transform: translateY(-50%);
margin-top: .6rem;
background-color: #d70917;
color: #fff;
padding: 4.7% 9% 4.7% 4.7%;
}
.stores_body .con_mess_box .con_btn_close {
position: absolute;
right: .4rem;
top: .4rem;
cursor: pointer;
line-height: 1;
}
.stores_body .con_mess_box .con_title {
line-height: 1.5;
}
.stores_body .con_mess_box .con_title_en {
text-transform: uppercase;
line-height: 1.5;
margin-top: 5px;
}
.stores_body .con_mess_box .con_arr_box {
line-height: 2;
margin-top: .35rem;
}
.stores_body .texture_sty {
position: absolute;
pointer-events: none;
color: rgba(255, 255, 255, 0);
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
text-stroke: 1px rgba(255, 255, 255, 0.1);
font-size: 1rem;
line-height: .74;
top: 50%;
right: .96rem;
text-transform: uppercase;
transform: translate3d(50%, -50%, 0) rotate(90deg);
}
.con_arr_box_z {
color: #d70917;
line-height: 1;
margin-top: .25rem;
text-align: center;
}
.ie .stores_body .texture_sty {
color: rgba(255, 255, 255, 0.1);
}
.serve_body .ban_list_syt .lr_sty_box {
margin-top: 4.166vw;
}
.serve_body .ban_list_syt .lr_sty_box::before {
position: absolute;
content: '';
display: block;
width: 50vw;
height: 100%;
top: 0;
left: 50%;
background: #FFFFFF;
box-shadow: 0px 10px 30px 0px rgba(47, 54, 69, 0.2);
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_num {
top: .5rem;
}
.serve_body .ban_list_syt .lr_sty_box:nth-child(even)::before {
left: auto;
right: 50%;
}
.serve_body .ban_list_syt .lr_sty_box .pro_img_box {
width: 50%;
position: relative;
z-index: 2;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text {
width: 44.357%;
position: relative;
z-index: 2;
padding-right: 0;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .pub_title {
margin-top: .4rem;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .pub_title:first-child {
margin-top: 0;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info {
line-height: 1.875;
padding-right: .65rem;
color: #666666;
margin-top: .37rem;
max-height: 17.86vw;
overflow-y: auto;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info.lh_a {
line-height: 2.25;
margin-top: .35rem;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div {
position: relative;
padding-left: .34rem;
margin-bottom: .28rem;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div:last-child {
margin-bottom: 0;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div .dot_logo {
line-height: 1.875;
top: 0;
left: 0;
position: absolute;
}
.serve_body .sev_tab {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.serve_body .sev_tab > a {
width: 20%;
text-align: center;
border-radius: .5rem;
margin: 0 .4rem;
background: #E5E5E5;
}
.serve_body .sev_tab > a.on {
background-color: #d70917;
color: #fff;
}
.serve_body .sev_tab > a i {
font-size: .24rem;
}
@media screen and (orientation: landscape) {
.serve_body .sev_tab > a:hover {
background-color: #d70917;
color: #fff;
}
}
.serve_body #life .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div {
margin-bottom: .14rem;
}
.serve_body #life .ban_list_syt .lr_sty_box .sec_src3_text .sev_info {
margin-top: .2rem;
}
.serve_body #life .ban_list_syt .lr_sty_box:nth-child(even) .sec_src3_text {
padding-left: .5rem;
}
.serve_body .hint_life {
color: #d70917;
line-height: 1;
text-align: center;
margin-top: 4.166vw;
}
.arnoo_body .after-inner #top .banner .topic #icon_all {
width: 2.51rem;
margin: -1rem 0 -0.5rem;
}
.arnoo_body .after-inner #top .banner .scroll-animate {
visibility: hidden;
}
.arnoo_body .after-inner #top .banner .txt_ > div {
line-height: 2;
color: #fff;
text-align: center;
margin-top: .2rem;
}
.arnoo_body .mat_sha_box .mat_sha_con_box {
padding-left: 8.78%;
padding-right: 8.78%;
}
.arnoo_body .arn_src1_case {
background-color: #eef0f4;
background-img: linear-gradient(180deg, #eef0f4, #f5f5f5);
}
.arnoo_body .arn_src1_case .max_1920 {
max-width: 1920px;
margin: 0 auto;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box::before {
background: linear-gradient(to right, #f0f2f4 0%, rgba(240, 242, 244, 0) 12%, rgba(240, 242, 244, 0) 88%, #f0f2f4 100%);
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .swiper-container {
width: 72.9166%;
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .btn_sty {
border-radius: .6rem;
background-color: #fff;
color: #999999;
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .btn_sty::before {
display: none;
}
@media screen and (orientation: landscape) {
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .btn_sty:hover {
background-color: #d70917;
color: #fff;
}
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .swiper-slide.swiper-slide-thumb-active .btn_sty {
background-color: #d70917;
color: #fff;
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .swiper-slide.swiper-slide-thumb-active .btn_sty {
box-shadow: none;
}
.arnoo_body .arn_src1_case .cam_src5_con_box {
margin-top: .5rem;
position: relative;
}
.arnoo_body .arn_src1_case .cam_src5_con_box .arn_src2_con_box {
width: 75%;
position: relative;
margin: 0 auto;
}
.arnoo_body .arn_src1_case .cam_src5_con_box .arn_src2_con_box > img {
width: 100%;
display: block;
opacity: 0;
}
.arnoo_body .arn_src1_case .cam_src5_con_box .arn_src2_con_box .hots_box {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.arnoo_body .arn_src1_case .cam_src5_con_box > .arn_src2_con_box {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
.arnoo_body .arn_src1_case .cam_src5_con_box > .arn_src2_con_box > img {
opacity: 1;
}
.arnoo_body .arn_src1_case .active .sec_icon_hot_box .pro_z_quan > img {
pointer-events: all;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box {
position: absolute;
transform: translate(-50%, -50%);
pointer-events: none;
cursor: pointer;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box .pro_z_quan {
width: 1.15rem;
height: 1.15rem;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box .pro_z_quan i {
border-radius: 100%;
width: 100%;
height: 100%;
border: 1px solid #d70917;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box .pro_z_quan > img {
display: block;
width: 40%;
height: 40%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media screen and (orientation: landscape) {
.arnoo_body .arn_src1_case .sec_icon_hot_box:hover {
pointer-events: all;
z-index: 6;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box:hover .sec_src2_msbox {
opacity: 1;
}
}
.arnoo_body .arn_src1_case .sec_src2_msbox {
display: flex;
width: 395px;
background: #fff;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.08);
border-radius: 4px;
flex-direction: column;
justify-content: center;
z-index: 100;
position: absolute;
top: 50%;
left: 102%;
padding: .4rem;
transform: translateY(-50%);
opacity: 0;
cursor: auto;
}
.arnoo_body .arn_src1_case .sec_src2_msbox.left_sty {
left: auto;
right: 102%;
}
.arnoo_body .arn_src1_case .sec_src2_msbox.left_sty::before {
right: 0;
left: auto;
transform: translate(50%, -50%) rotate(45deg) skew(-10deg, -10deg);
}
.arnoo_body .arn_src1_case .sec_src2_msbox::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg) skew(-10deg, -10deg);
width: 12px;
height: 12px;
background-color: #fff;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .arn_sha_img_box {
display: flex;
flex-wrap: wrap;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .arn_sha_img_box .pro_img_box {
width: 30%;
border: 1px solid #e8e6e6;
border-radius: 100%;
margin-right: 5%;
position: relative;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .arn_sha_img_box .pro_img_box:before {
content: '';
display: block;
margin-top: 100%;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .arn_sha_img_box .pro_img_box img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: 80%;
max-width: 80%;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .arn_sha_img_box .pro_img_box:nth-child(3n) {
margin-right: 0;
}
.arnoo_body .arn_src1_case .sec_src2_msbox .sec_src2_info {
line-height: 1.5;
color: #999;
margin-top: .2rem;
text-align: left;
}
.arnoo_body .arn_src1_case .active .arn_src1_icon_bos {
display: flex;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos {
display: none;
justify-content: space-around;
margin-top: .5rem;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos > div {
display: flex;
align-items: center;
color: #666666;
text-align: left;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos > div i {
font-size: .56rem;
margin-right: .2rem;
color: #d70917;
line-height: 1;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos > div .arn_src1_name {
line-height: 1;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos > div .arn_src1_name_en {
line-height: 1;
margin-top: .1rem;
}
.arnoo_body .arn_src5_case {
height: 46.1458vw;
}
.arnoo_body .arn_src5_case .pub_title,
.arnoo_body .arn_src5_case .pub_title_en {
color: #fff;
}
.arnoo_body .arn_src2_case .pub_title,
.arnoo_body .arn_src2_case .pub_title_en {
color: #fff;
}
.arnoo_body .arn_src2_case .fa_box {
display: flex;
justify-content: space-between;
align-items: center;
}
.arnoo_body .arn_src2_case .fa_box > div {
width: 16.7%;
border-radius: 2rem;
background-color: #fff;
text-align: center;
padding: 1.05rem .2rem;
cursor: pointer;
transition: all .5s ease;
}
@media screen and (orientation: landscape) {
.arnoo_body .arn_src2_case .fa_box > div:hover {
margin-top: -0.8rem;
}
}
.arnoo_body .arn_src2_case .fa_box > div i {
font-size: .8rem;
line-height: 1;
color: #d70917;
}
.arnoo_body .arn_src2_case .fa_box > div .sol_name {
margin-top: .38rem;
line-height: 1.5;
color: #d70917;
}
.arnoo_body .arn_src2_case .fa_box > div .sol_info {
color: #666666;
line-height: 1.5555;
margin-top: .165rem;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m {
display: none;
margin-top: .2rem;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m .swiper-pagination {
margin-top: .3rem;
position: relative;
text-align: center;
z-index: 0;
bottom: 0;
font-size: 0;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m .swiper-pagination span {
display: inline-block;
vertical-align: middle;
width: .14rem;
height: .14rem;
background-color: #fff;
opacity: .35;
border: 1px solid #999999;
margin: 0 .14rem;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m .swiper-pagination span.swiper-pagination-bullet-active {
opacity: 1;
background: #d70917;
border-color: #d70917;
}
.arnoo_body .arn_src3_case .pub_title_en {
color: #333333;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box {
margin: 4.1666vw 0;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty {
margin: 0 .25rem;
display: block;
border-radius: .6rem;
padding: .12rem;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty > div {
height: .35rem;
pointer-events: none;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty > div > div {
line-height: .35rem;
height: .7rem;
}
@media screen and (orientation: landscape) {
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty:hover {
background-color: #d70917;
color: #fff;
}
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .swiper-slide-thumb-active .btn_sty {
background-color: #d70917;
color: #fff;
}
.arnoo_body .arn_src3_case .swiper-container {
overflow: visible;
}
.arnoo_body .arn_src3_case .yq_logo_box {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: -2.5%;
}
.arnoo_body .arn_src3_case .yq_logo_box a {
width: 18%;
margin-right: 2.5%;
margin-bottom: 2.5%;
box-shadow: 0 3px 55px 7px rgba(192, 196, 204, 0.48);
opacity: 0;
transform: translateY(15px);
transition: none;
}
.arnoo_body .arn_src3_case .yq_logo_box a:nth-child(5n) {
margin-right: 0;
}
.arnoo_body .arn_src3_case .arn_src3_con_box .swiper-slide {
opacity: 0 !important;
}
.arnoo_body .arn_src3_case .arn_src3_con_box .swiper-slide.active {
opacity: 1 !important;
pointer-events: all;
}
.arnoo_body .arn_src3_case .arn_src3_con_box .swiper-slide.active .yq_logo_box a {
opacity: 1;
transform: translateY(0);
transition: all .5s ease;
}
.arnoo_body .arn_src4_case .pub_title,
.arnoo_body .arn_src4_case .pub_title_en {
color: #fff;
}
.arnoo_body .arn_src4_case .arn_src4_nav {
margin-top: .2rem;
display: flex;
}
.arnoo_body .arn_src4_case .arn_src4_nav > div {
width: 50%;
text-align: center;
line-height: 1.666;
padding: .2rem .2rem;
position: relative;
color: rgba(255, 255, 255, 0.5);
transition: all .5s ease;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.arnoo_body .arn_src4_case .arn_src4_nav > div::before {
content: '';
display: block;
height: 3px;
background-color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
transition: all .5s ease;
width: 0;
}
@media screen and (orientation: landscape) {
.arnoo_body .arn_src4_case .arn_src4_nav > div:hover {
color: #fff;
}
}
.arnoo_body .arn_src4_case .arn_src4_nav > div.on {
color: #fff;
}
.arnoo_body .arn_src4_case .arn_src4_nav > div.on::before {
width: 2rem;
}
.arnoo_body .arn_src4_case .arn_src4_con {
margin-top: .4rem;
}
.arnoo_body .arn_src4_case .arn_src4_con > div {
display: none;
}
.arnoo_body .arn_src4_case .arn_src4_con > div.on {
display: flex;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb {
position: relative;
width: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-container {
width: 80%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-slide a {
display: block;
position: relative;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-slide a img {
display: block;
width: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-slide a .arn_src4_l_text {
bottom: 0;
left: 0;
position: absolute;
color: #fff;
text-align: center;
line-height: 1.5;
padding: .2rem .2rem .4rem;
width: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-pagination {
bottom: -0.6rem;
font-size: 0;
width: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-pagination span {
opacity: .4;
width: .13rem;
height: .13rem;
margin: 0 .15rem;
background-color: transparent;
border: 1px solid #fff;
outline: none;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-pagination span.swiper-pagination-bullet-active {
opacity: 1;
background-color: #fff;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list {
justify-content: space-between;
position: relative;
margin: .2rem auto;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list::before {
content: '';
display: block;
width: 87%;
height: 3px;
background-color: rgba(255, 255, 255, 0.2);
bottom: 1.7rem;
position: absolute;
z-index: 3;
left: 6.5%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div {
width: 13%;
padding: .7rem .1rem;
background: #32435E;
text-align: center;
transition: all .5s ease;
color: #fff;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_r_name {
margin-bottom: .43rem;
height: .54rem;
display: flex;
justify-content: center;
align-items: center;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div img {
width: .68rem;
display: block;
margin: 0 auto .7rem;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_right_dot {
width: 7px;
height: 7px;
border-radius: 100%;
background-color: #fff;
margin: 0 auto;
position: relative;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_right_dot::before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 240%;
height: 240%;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_right_dot::after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 440%;
height: 440%;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_time_box {
margin-top: .7rem;
line-height: 1;
}
.terms_body .after-inner #main {
min-height: 100vh;
padding-top: 0;
}
.terms_body .con_case {
padding-top: 1.28rem;
}
.terms_body .con_case .pub_case {
padding: 0 5.25%;
}
.terms_body .con_case .pub_title {
padding-bottom: .52rem;
border-bottom: 1px solid #C6C6C6;
margin-bottom: .47rem;
}
.terms_body .con_case .ter_info {
color: #666666;
line-height: 2.222;
text-align: justify;
margin-bottom: .47rem;
}
.terms_body .con_case .ter_title {
line-height: 2.222;
color: #d70917;
}
.terms_body .con_case .ter_con_box {
margin-left: -10px;
}
.search_body #bloc header nav.inner-nav .right .other-box .search {
display: none;
}
.search_body #new #r1 .con .tab-box {
width: 100%;
margin-top: 0;
margin-left: 0;
}
.search_body #new #r1 .con .tab-box em {
color: #d70917;
}
.search_body #new #r1 {
padding-top: 4vw;
}
.search_body .con {
width: 62.5%;
padding-bottom: 6.25vw;
}
.search_body .after-inner #main {
min-height: 100vh;
padding-top: 0 !important;
}
.search_body .con_case {
padding-top: 1.28rem;
}
.search_body .not_da {
margin-top: .8rem;
text-align: center;
color: #666666;
line-height: 1.5;
}
.search_body .sea_box {
width: 48%;
margin-left: auto;
margin-right: auto;
background-color: #d70917;
margin-bottom: .3rem;
border-radius: .6rem;
overflow: hidden;
color: #fff;
}
.search_body .sea_box form {
display: flex;
overflow: hidden;
}
.search_body .sea_box form input {
width: calc(100% - 1rem);
padding: .15rem;
line-height: .3rem;
background-color: transparent;
border: none;
outline: none;
color: #fff;
}
.search_body .sea_box form input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search_body .sea_box form input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.8);
}
.search_body .sea_box form input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.8);
}
.search_body .sea_box form input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.8);
}
.search_body .sea_box form .btn_sty {
width: 1rem;
padding-top: .10rem;
padding-bottom: .10rem;
text-align: center;
}
.search_body .sea_box form .btn_sty > div > div i {
margin-right: 0;
}
.search_body .sea_title {
padding: .5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1;
color: #d70917;
margin-bottom: .2rem;
}
.search_body .sol-list a {
margin-top: .6rem;
display: flex;
}
.search_body .sol-list a:nth-child(1) {
margin-top: .5rem;
}
.search_body .sol-list a:last-child {
margin-bottom: .4rem;
}
@media screen and (orientation: landscape) {
.search_body .sol-list a:hover .sol_img img {
transform: translate(-50%, -50%) scale(1.1);
}
}
.search_body .sol-list a .sol_img {
width: 40%;
overflow: hidden;
position: relative;
}
.search_body .sol-list a .sol_img::before {
content: '';
display: block;
margin-top: 69.1023%;
}
.search_body .sol-list a .sol_img img {
display: block;
min-width: 100%;
height: 100%;
max-width: none;
transition: all .6s ease;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.search_body .sol-list a .sol_text_box {
width: 60%;
display: flex;
align-items: center;
box-shadow: 0px 10px 30px 0px rgba(47, 54, 69, 0.2);
}
.search_body .sol-list a .sol_text_box > div {
width: 100%;
padding: 0 12.5%;
}
.search_body .sol-list a .sol_text_box > div .sol_s_name {
line-height: 1.5;
color: #d70917;
}
.search_body .sol-list a .sol_text_box > div .sol_s_info {
line-height: 2.25;
color: #666666;
text-align: justify;
margin-top: .18rem;
}
.search_body .sol-list a .sol_text_box > div .go_scr {
margin-top: .3rem;
}
.search_body .sol-list a .sol_text_box > div .go_scr i {
transform: rotate(-90deg);
}
.search_body .list_sty {
margin-left: -0.34rem;
margin-right: -0.34rem;
}
.BMap_cpyCtrl,
.anchorBL {
display: none;
}
._body .after-inner #main {
padding-top: 0;
min-height: 100vh;
}
._body .body_box {
height: 100vh;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
background-size: cover;
background-position: center;
position: relative;
}
._body .body_box .btn_sty {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
border-radius: .5rem;
text-align: center;
color: #d70917;
width: 2.5rem;
background: #FFFFFF;
box-shadow: 0px 25px 100px 0px rgba(47, 64, 77, 0.19);
}
@media screen and (orientation: landscape) {
._body .body_box .btn_sty:hover {
background-color: #d70917;
color: #fff;
}
}
._body #bloc header nav.inner-nav:after,
._body #bloc header nav.inner-nav .right,
._body #bloc header nav.inner-nav .center .nav-items {
display: none;
}
._body #page_404 .pic_404 {
max-width: 80% !important;
margin: auto;
}
._body #page_404 .r1 {
margin-top: 10vh;
}
._body #page_404 .maxsize {
text-align: center;
}
._body #page_404 .maxsize p {
color: #444;
}
._body #page_404 .maxsize p a {
color: #d70917;
font-size: 16px;
cursor: pointer;
}
._body #page_404 .maxsize.r2 {
text-align: left;
width: 640px;
margin: auto;
margin-top: 60px;
}
._body #page_404 .r2 .search_404 {
margin-top: 12px;
overflow: hidden;
height: 56px;
margin-bottom: 45px;
}
._body .search_404 form {
display: flex;
height: 100%;
}
._body #page_404 .r2 .search_404 input {
height: 100%;
width: calc(100% - 118px);
border: 1px solid #ccc;
box-sizing: border-box;
padding: 6px 12px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
font-size: 16px;
}
._body #page_404 .r2 .search_404 a {
height: 100%;
background-color: #ccc;
line-height: 56px;
width: 118px;
text-align: center;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
}
._body #page_404 .r2 .search_404 a i {
color: #fff;
font-size: 34px;
}
._body #page_404 .maxsize .note {
margin-top: 16px;
}
._body #page_404 .r2 .ad_404 p {
font-size: 18px;
margin: 20px 0;
}
.ser_life.serve_body .ban_list_syt .lr_sty_box {
flex-direction: row;
}
.ser_life.serve_body .ban_list_syt .lr_sty_box:nth-child(odd) {
flex-direction: row-reverse;
}
.ser_life.serve_body .ban_list_syt .lr_sty_box:nth-child(odd)::before {
left: auto;
right: 50%;
}
.ser_life.serve_body .ban_list_syt .lr_sty_box:nth-child(even)::before {
left: 50%;
right: auto;
}
.ser_life.serve_body .num_t_sty .lr_sty_box:nth-child(odd) .sec_src3_num {
right: 53.7243%;
}
.ser_life.serve_body .num_t_sty .lr_sty_box:nth-child(even) .sec_src3_num {
right: 0;
}
.btn_big_ck {
display: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
border-radius: 100%;
background-color: rgba(255, 255, 255, 0.9);
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
color: #d70917;
text-align: center;
z-index: 10;
}
.btn_big_ck i {
display: block;
line-height: 1;
}
.btn_big_ck span {
line-height: 1;
margin-top: .1rem;
display: block;
}
.m_ar_title {
display: none;
}
.sec_mess_box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 83.33%;
}
.sec_mess_box .sec_mess_case {
background-color: #fff;
border-radius: .4rem;
overflow: hidden;
}
.sec_mess_box .sec_mess_case .canvas_box canvas {
width: 100%;
}
.sec_mess_box .sec_mess_case .sty_center {
margin-top: .2rem;
}
.sec_mess_box .sec_mess_case .sec_src2_pro_box {
padding: .35rem .35rem .8rem;
text-align: center;
}
.sec_mess_box .sec_mess_case .sec_src2_pro_info {
max-height: 80px;
overflow-y: auto;
margin-top: .2rem;
}
.sec_mess_box .sec_mess_case .btn_sha_close {
top: auto;
right: auto;
bottom: .25rem;
left: 50%;
transform: translateX(-50%);
position: absolute;
line-height: 1;
color: #b8b8b8;
}
.img_b_box .mat_sha_con_box {
padding: 0;
}
.img_b_box .mat_sha_con_box .img_box_b {
margin: 0;
}
.img_b_box .mat_sha_con_box .btn_sha_close {
color: #ffffff;
top: auto;
right: 0;
bottom: 100%;
transform: translate(50%, -50%);
}
@media screen and (orientation: landscape) {
/* 横屏 */
}
@media screen and (max-width: 1700px) {
#video_con .vid_src3_case .cj_employ > div .int_l_info {
letter-spacing: normal;
}
#video_con .vid_src3_case .cj_employ > div .int_l_info br {
display: none;
}
}
@media screen and (max-width: 1600px) {
#security .sec_src2_case > div .sec_src2_pro_mess_box .sec_src2_pro_box {
width: 140%;
margin-left: -20%;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box {
padding: .35rem 1.2rem;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .pro_img_box {
margin-top: .5rem;
}
.cam_src5_case .cam_src5_nav_box .btn_sty {
width: 95%;
}
.btn_sty > div > div i {
margin-right: .15rem;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty {
margin-right: .15rem;
margin-left: .15rem;
}
}
@media screen and (max-width: 1440px) {
#environment .env_src1_case .pub_case > div.pub_info {
width: 50%;
margin-right: -4%;
}
#environment .env_src3_case .pub_case > div.pub_info {
width: 50%;
margin-right: -4%;
}
#environment .env_src4_case .pub_case > div.pub_info {
width: 52%;
margin-right: -5%;
}
}
@media screen and (max-width: 1366px) {
#environment .env_src4_case .pub_case > div.pub_info {
width: 55%;
margin-right: -8%;
}
}
@media screen and (orientation: portrait) and (max-width: 1024px) {
/* 竖屏 */
.pub_case {
width: 90%;
}
.env_src3_con a .env_src3_text {
height: 4.5rem;
}
.wrapper {
overflow-x: hidden;
width: 100%;
}
.img_box_b {
overflow: auto;
height: 70vh;
margin: 0 .3rem;
}
.img_box_b img {
height: 100%;
width: auto;
max-width: none;
display: block;
}
.btn_big_ck {
display: flex;
}
#bloc footer {
opacity: 1;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div {
width: 16%;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box {
padding-right: .6rem;
padding-left: .6rem;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .pro_img_box {
width: 65%;
}
.search_body .con_case {
padding-top: .6rem;
}
.search_body .con {
width: 90%;
padding-bottom: .6rem;
}
}
@media screen and (orientation: portrait) and (max-width: 768px) {
.int_title_box .pub_case:first-child > div {
padding-right: 0;
width: 100%;
}
.int_title_box .pub_case {
display: block;
}
.env_src3_con a {
width: 100%;
}
.int_title_box .pub_case:first-child > div.pub_info {
width: 100%;
margin-top: .4rem;
}
#environment .env_src1_case .pub_case > div.pub_info,
#environment .env_src3_case .pub_case > div.pub_info,
#environment .env_src4_case .pub_case > div.pub_info {
width: 100%;
margin-right: 0;
}
.env_src3_con a .env_src3_text {
height: auto;
padding: .5rem 0 .4rem;
}
.env_src3_con a .env_src3_text .env_src3_text_box {
width: 100%;
padding-right: 3%;
padding-left: 3%;
}
.env_src3_con a:nth-last-child(1),
.env_src3_con a:nth-last-child(2) {
margin-bottom: 5.7%;
}
.pub_info,
#video_con .vid_src3_case .cj_employ > div .int_l_info,
.int_l_info {
line-height: 1.875;
}
.lr_sty_box {
display: block;
}
.lr_sty_box .pro_img_box {
width: 100%;
margin-bottom: .4rem;
}
.lr_sty_box .sec_src3_text {
width: 100%;
padding-right: 0;
}
#video_con .vid_src3_case .vid_src3_con {
width: 100%;
}
#video_con .vid_src3_case .cj_employ > div {
width: 48%;
}
#video_con .vid_src3_case .cj_employ > div:nth-last-child(3) {
margin-bottom: 2.6%;
}
#video_con .vid_src3_case .vid_src3_con .vid_src3_num {
font-size: .8rem;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .pro_img_box {
width: 100%;
margin-left: 0;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .sec_src3_text {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-right: 0;
padding-bottom: .4rem;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box {
display: block;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div {
width: 100%;
margin-bottom: 5.7%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div:last-child {
margin-bottom: 0;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .sec_src3_2_text {
padding: .4rem 9%;
}
.pro_recommend_box .swiper-slide > a {
width: 48%;
}
.pro_recommend_box .swiper-slide > a:nth-last-child(3),
.pro_recommend_box .swiper-slide > a:nth-last-child(4) {
margin-bottom: 4%;
}
.pro_recommend_box .swiper-button-next {
transform: translateX(60%);
}
.pro_recommend_box .swiper-button-prev {
transform: translateX(-60%);
}
section .go_scr {
display: none;
}
#campus .cam_src3_case .cam_src3_text {
width: 100%;
margin-left: 0;
margin-top: 0;
padding: .4rem .3rem;
}
#campus .cam_src4_case,
#campus .cam_src5_case {
overflow: hidden;
}
.cam_src5_case .cam_src5_num {
display: none;
}
.cam_src5_case .cam_src5_nav_box .btn_sty::after {
font-size: 1.2rem;
}
.num_t_sty .lr_sty_box .sec_src3_num {
left: auto;
top: 63vw;
right: 0;
}
.num_t_sty .lr_sty_box:nth-child(even) .sec_src3_num {
right: 0;
top: 63vw;
}
.pub_title_l_info br {
display: none;
}
#shops .shop_src3_con .shop_src3_img {
width: 98%;
}
#shops .shop_src3_con .shop_info br {
display: none;
}
#environment .env_src2_case > div .env_src2_con {
height: 49.48vw;
}
#environment .env_src2_case > div .env_src2_text {
width: 100%;
padding: .2rem .3rem .3rem;
color: #333;
position: relative;
left: auto;
bottom: auto;
}
.serve_body .ban_list_syt .lr_sty_box .pro_img_box {
width: 100%;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text {
width: 100%;
}
.serve_body .ban_list_syt .lr_sty_box::before {
display: none;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_num {
right: 0;
left: auto;
top: 77vw;
}
.ser_life.serve_body .num_t_sty .lr_sty_box:nth-child(odd) .sec_src3_num {
right: 0;
}
.num_t_sty .lr_sty_box .sec_src3_num {
opacity: .05;
}
.serve_body #life .ban_list_syt .lr_sty_box:nth-child(even) .sec_src3_text {
padding-left: 0;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info {
padding-right: 0;
max-height: 99999px;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-pagination {
bottom: -0.3rem;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_left_lb .swiper-container {
width: 100%;
}
.arnoo_body .arn_src1_case .sec_src2_msbox {
display: none;
}
#security .sec_src2_case > div .sec_src2_pro_mess_box .pro_img_box {
width: 50%;
}
}
@media screen and (orientation: portrait) and (max-width: 640px) {
#video_con .vid_src3_case .cj_employ > div {
width: 100%;
margin-left: 0;
}
#video_con .vid_src3_case .cj_employ > div:nth-last-child(2) {
margin-bottom: 2.6%;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .sec_src3_2_text {
width: 90%;
margin: 0 auto;
padding-right: 0;
padding-left: 0;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box {
display: block;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box,
#tunnel .tun_src1_case .vid_src1_img .pro_img_box > img {
width: 100%;
}
.dong_dot_case .dong_dot_box {
transform: translate3d(-50%, -50%, 0) scale(0.5);
}
.mat_sha_box .mat_sha_con_box {
min-width: auto;
padding: .4rem 0;
border-radius: .1rem;
width: 90%;
}
.mat_sha_box .mat_sha_con_box .btn_sha_close {
right: .1rem;
top: .1rem;
}
.lr_sty_box .sec_src3_text .pub_title {
margin-top: .2rem;
}
.lr_sty_box .sec_src3_text .pub_info {
margin-top: .2rem;
}
.lr_sty_box {
margin-top: .5rem;
}
.num_t_sty .lr_sty_box .sec_src3_num {
top: 65vw;
font-size: .65rem;
}
.num_t_sty .lr_sty_box:nth-child(even) .sec_src3_num {
top: 65vw;
}
.lr_sty_box .pro_img_box {
margin-bottom: .15rem;
}
.lr_sty_box .sec_src3_text .pub_info {
margin-top: .15rem;
}
#shops .shop_info {
margin-top: 0;
}
#shops .shop_info br {
display: none;
}
.pro_recommend_box .swiper-pagination span {
width: 8px;
height: 8px;
}
.cam_src5_case .cam_src5_nav_box .btn_sty {
width: auto;
padding-left: .2rem;
padding-right: .2rem;
}
.serve_body .sev_tab > a {
width: 50%;
margin: 0 .2rem;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div {
margin-bottom: .1rem;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info {
margin-top: .2rem;
}
.stores_body .con_mess_box {
width: 100%;
right: 0;
top: auto;
bottom: 0;
transform: none;
}
.con_btn_close {
display: none;
}
.arnoo_body .arn_src1_case.cam_src5_case .cam_src5_nav_box .swiper-container {
width: 90%;
}
.arnoo_body .arn_src1_case .cam_src5_con_box .arn_src2_con_box {
width: 100%;
}
.arnoo_body .arn_src1_case .sec_icon_hot_box .pro_z_quan {
width: .5rem;
height: .5rem;
}
.arnoo_body .arn_src1_case .active .arn_src1_icon_bos {
display: flex;
margin-top: .2rem;
flex-wrap: wrap;
}
.arnoo_body .arn_src1_case .active .arn_src1_icon_bos > div {
padding: .15rem 0;
width: 50%;
margin-bottom: .15rem;
}
.arnoo_body .arn_src1_case {
background-size: cover;
}
.arnoo_body .arn_src2_case .fa_box {
display: block;
}
.arnoo_body .arn_src2_case .fa_box > div {
width: 100%;
margin-bottom: .3rem;
padding: .3rem;
position: relative;
border-radius: 0;
text-align: center;
}
.arnoo_body .arn_src2_case .fa_box > div i {
margin: 0 auto;
display: block;
text-align: center;
}
.arnoo_body .arn_src2_case .fa_box > div .sol_name {
margin-top: .15rem;
}
.arnoo_body .arn_src2_case .fa_box > div .sol_info {
margin: 0;
}
.arnoo_body .arn_src3_case .yq_logo_box {
justify-content: space-between;
}
.arnoo_body .arn_src3_case .yq_logo_box a {
width: 48.75%;
margin-right: 0;
}
.arnoo_body .arn_src5_case {
height: 70vw;
}
.arnoo_body .arn_src4_case .arn_src4_nav > div {
pointer-events: none;
width: 100%;
}
.arnoo_body .arn_src4_case .arn_src4_nav > div:nth-child(2) {
display: none;
}
.arnoo_body .arn_src4_case .arn_src4_con > div {
display: flex;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list {
margin-top: .5rem;
padding-top: 1.2rem;
position: relative;
display: block;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list .m_ar_title {
text-align: center;
line-height: 1.666;
padding: .2rem .2rem;
color: #ffffff;
transition: all .5s ease;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list .m_ar_title::before {
content: '';
display: block;
height: 3px;
background-color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
transition: all .5s ease;
width: 2rem;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list::before {
width: 3px;
height: calc(100% - 2.3rem);
bottom: .5rem;
left: 31.8%;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: .3rem;
padding: .2rem;
flex-direction: row-reverse;
text-align: right;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div:last-child {
margin-bottom: 0;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_r_name {
margin-bottom: 0;
width: 35%;
justify-content: revert;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div img {
margin: 0 .2rem;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_right_dot {
margin: 0 .2rem;
}
.arnoo_body .arn_src4_case .arn_src4_con .arn_right_list > div .arn_time_box {
margin-top: 0;
width: 22%;
text-align: left;
}
#security .sec_src2_case .sec_src2_nav_box .btn_sty > div > div i {
display: none;
}
#security .sec_src2_case .sec_src2_nav_box > .btn_sty {
width: 32%;
}
.video_box {
display: none;
}
#security .sec_src2_case > div .max_1920 {
overflow-x: auto;
overflow-y: hidden;
}
#security .sec_src2_case .sec_src2_con_box {
width: 1000px;
position: relative;
}
#security .sec_src2_case .pub_info > div:not(.zs_box_a) i {
top: 50%;
transform: translateY(-50%);
}
#security .sec_src2_case .pub_info {
bottom: .3rem;
display: none;
}
.btn_sha_close {
font-size: 30px;
}
.int_title_box .pub_case .pub_title_en,
.pub_title_en {
display: none;
}
.int_title_box .pub_case:first-child > div.pub_info {
margin-top: .2rem;
}
.pub_title {
margin-top: 0;
}
#environment .env_src2_case > div .env_src2_text {
font-size: 14px;
}
.int_l_info {
text-align: justify;
}
.int_title_box .pub_case:first-child > div.pub_info br {
display: none;
}
.env_src3_con a .env_src3_text {
padding-top: .3rem;
}
#video_con .vid_src1_img {
display: none;
}
.lr_sty_box .sec_src3_text .pub_title {
padding-left: .36rem;
}
.lr_sty_box .sec_src3_text .dot_logo {
position: absolute;
left: 0;
margin-top: .05rem;
}
.pub_info {
letter-spacing: 0;
}
#video_con .vid_src3_case .cj_employ > div .em_name_en {
display: none;
}
#video_con .vid_src3_case .cj_employ > div .em_name {
margin-top: .15rem;
}
#video_con .vid_src3_case .cj_employ > div .dot_logo {
display: none;
}
#security .sec_src3_case.sec_src3_case_2 {
background-color: #fff;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_al_s > div .sec_src3_text {
width: 100%;
padding-bottom: 0;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .sec_src3_2_text {
padding: 0;
}
#security .sec_src3_case.sec_src3_case_2 .sec_src3_mess_box > div .pro_img_box {
display: none;
}
#campus .cam_src1_case .lr_sty_box .pro_img_box {
display: none;
}
#campus .cam_src1_case .lr_sty_box .sec_src3_text .pub_title {
margin-top: 0;
padding-left: 0;
}
#campus .cam_src1_case .lr_sty_box .sec_src3_text .dot_logo {
display: none;
}
.pub_info .zs_box_a {
margin-top: .2rem;
width: 100%;
margin-bottom: .1rem;
}
#video_con .lr_sty_box .sec_src3_text .dot_logo {
margin-top: .1rem;
}
#park .vid_src1_img.pub_case .pro_img_box {
display: none;
}
.park_src3_case .sty_center {
display: none;
}
.pub_title_l_info {
text-align: justify;
}
#shops .env_src4_img .pro_img_box {
display: none;
}
#shops .shop_src3_con .shop_info {
text-align: justify;
}
#shops .shop_info {
font-weight: normal;
text-align: justify;
}
.img_b_box .mat_sha_con_box {
padding: 0;
}
.img_b_box .mat_sha_con_box .btn_sha_close {
top: 100%;
bottom: auto;
right: auto;
left: 50%;
transform: translate(-50%, 50%);
}
.after-inner #top .banner .btn_hover {
right: 50%;
transform: translateX(50%);
line-height: 2.6;
}
.arnoo_body .arn_src1_case .arn_src1_icon_bos > div .arn_src1_name_en {
display: none;
}
.arnoo_body .arn_src1_case .active .arn_src1_icon_bos {
justify-content: flex-start;
}
.arnoo_body .arn_src1_case .active .arn_src1_icon_bos > div {
justify-content: center;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box img {
display: none;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box .dong_dot_case {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box .dong_dot_case .dong_dot_box {
transform: none;
left: auto !important;
top: auto !important;
position: relative;
margin-bottom: .15rem;
width: 1.5rem;
height: 1.5rem;
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box .dong_dot_case .dong_dot_box > div {
box-shadow: 0px 10px 30px 0px rgba(47, 54, 69, 0.1);
}
#tunnel .tun_src1_case .vid_src1_img .pro_img_box .tun_src1_img_box .dong_dot_case .dong_dot_box > div .dong_sty {
transform: scale(1.3);
}
.arn_src4_l_name_en {
display: none;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m {
display: block;
}
.arnoo_body .arn_src2_case .fa_box .tun_sha_img_box_m .swiper-pagination span {
width: 8px;
height: 8px;
}
.search_body .sea_box {
width: 100%;
}
.search_body .sea_title {
padding: .2rem 0;
}
.search_body .sol-list a {
display: block;
margin-top: .15rem;
}
.search_body .sol-list a .sol_img {
width: 100%;
}
.search_body .sol-list a .sol_img::before {
display: none;
}
.search_body .sol-list a .sol_img > img {
width: 100%;
position: relative;
left: auto;
top: auto;
transform: none;
}
.search_body .sol-list a:nth-child(1) {
margin-top: .15rem;
}
.search_body .sol-list a .sol_text_box {
width: 100%;
}
.search_body .sol-list a .sol_text_box > div {
padding: .3rem;
}
.search_body .sol-list a .sol_text_box > div .go_scr {
margin-top: .15rem;
}
.arn_src3_nav_box .swiper-slide {
width: auto;
}
.arnoo_body .arn_src3_case .arn_src3_nav_box .btn_sty {
padding-left: .15rem;
padding-right: .15rem;
}
.sev_tab .btn_sty > div > div span {
font-size: 16px;
}
.con_arr_box_z .enxa_b {
font-family: inherit;
}
.serve_body .lr_sty_box .sec_src3_text .pub_title {
padding-left: 0;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info > div .dot_logo {
margin: 0;
}
.stores_body .con_mess_box .con_title_en {
display: none;
}
.terms_body .con_case {
margin-top: 50px;
padding-top: .6rem;
}
.terms_body .con_case .pub_title {
padding-bottom: .2rem;
margin-bottom: .3rem;
}
.terms_body .con_case .pub_case {
padding: 0;
}
.terms_body .con_case .ter_info {
margin-bottom: .15rem;
}
.terms_body .con_case .ter_con_box {
margin-left: 0;
}
.terms_body .con_case .ter_title {
font-size: 16px;
}
}