@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('/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;*/
    color: #ff9502;
    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;*/
    background-color:#ff9502;
    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: 56.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: 40.2857%;*/
    /*padding-right: 3.07%;*/
    width:100%;
}
.tag-container{
    font-size:0.18rem;
    color:#666;
    margin-top:20px !important;
}
.tag-container .show_tag{
    font-size:0.16rem;
    background:#dedede;
    padding:5px 10px;
    color:#777;
    border-radius: 4px;
    margin-right:10px;
}
.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: .373rem;
    /*max-height: 17.86vw;*/
    overflow-y: auto;
}
.serve_body .ban_list_syt .lr_sty_box .sec_src3_text .sev_info p span{
    text-indent: 0 !important;
    display: inline;
}
.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;*/
    background-color:#ff9502;
    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;*/
    color:#ff9502;
    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;
    }
    #main .cam_src1_case .lr_sty_box .show-content .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;
    }
}


.news_tab{
    width:550px;
    display: flex;
    margin:0 auto;
    gap:0.5rem;
    justify-content: center;
}
.news_tab.width-auto{
    width:auto;
}
.news_tab .news_category{
    --tw-text-opacity: 1;
    color: #969aa0;
    font-size: 18px;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    width: 30%;
    position: relative;
}
.news_tab .news_category_2{
    text-align: left;
    overflow: hidden;
}
/*.news_tab .news_category_2:hover {*/
/*    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .1);*/
/*    transform: translateY(-10px);*/
/*    transition: transform .15s;*/
/*}*/
.news_tab .news_category_2.active h3,.news_tab .news_category_2.active  .text-xs{
    color:rgb(42, 85, 229);
}
.news_tab .news_category_2.active h3:after{
    content: '';
    background-color: rgb(42, 85, 229);
    border-radius: 1rem;
    width: 20px;
    height: 4px;
    position: absolute;
    left: 35%;
    top: 100%;
}
.news_tab .news_category_2 h3{
    font-weight: normal;
    position: relative;
    width: 100px;
    text-align: center;
}
.news_category.active{

}
.news_category.active:after{
    content:'';
    background-color: rgb(42, 85, 229);
    border-radius: 1rem;
    width: 20px;
    height: 4px;
    position: absolute;
    left:40%;
    top:100%;
}
.news_category span{
    font-size: 0.2rem;
}
.news-list-container{
    display: flex;
    flex-wrap: wrap;
    margin-top:40px;
    gap:0.2rem;
}
.news-list-container .news_item{
    width:32%;
    margin-bottom: 0.1rem;
    border-radius: 12px;
}
.news-list-container .news_item .img-container{
    width:100%;
    height:2rem;
    overflow: hidden;
}
.news-list-container .news_item .img-container img{
    min-width:100%;
    min-height: 100%;
}

.news-list-container .news_item:hover {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .1);
    transform: translateY(-10px);
    transition: transform .15s;
}

.news-list-container .news_item h3{
    font-weight: normal;
}
.news-list-container .news_item .text-content{
    color: rgb(150, 154, 160);
    font-size:0.15rem;
}
.rounded-lg{
    border-radius: .1rem
}
.overflow-hidden {
    overflow: hidden
}
.p-6 {
    padding:0.25rem;
}
.text-lg {
    font-size: 0.18rem;
    line-height: 0.27rem;
}
@media screen and (max-width: 900px) {
    .news_tab{
        width:300px;
        flex-wrap: wrap;
        gap:0.1rem !important;
    }
    .news-list-container{
        display: flex;
        flex-wrap: wrap;
        margin-top:40px;
        gap:0.1rem;
    }
    .news-list-container .news_item{
        width:96%;
        margin:0 auto;
        margin-bottom: 0.1rem;
        border-radius: 12px;
    }
    .news_tab .news_category_2{
        text-align: left;
        overflow: hidden;
        width:48%;
        background:#f4f4f5;
    }
    .px-6 {
        padding-left: 0.1rem !important;
        padding-right: 0.1rem !important;
    }
    .py-5 {
        padding-bottom: 0.1rem !important;
        padding-top: 0.1rem !important;
    }
    .text-xs{
        font-size: .1rem !important;
        line-height: 0.25rem !important;
    }
    .w-\[282px\]{
        width:100% !important;
    }

}
.item_tags{

}
.item_tags .item_tag{
    --tw-text-opacity: 1;
    color: #323335;
    padding-bottom: 0.04rem;
    padding-top: 0.04rem;
    padding-left: 0.08rem;
    padding-right: 0.08rem;
    background-color: #f4f4f5;
    display: inline-block;
    margin-right: 0.08rem;
}

/*分页*/
#pages {
    text-align: center;
    margin-top:40px;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #d70917;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #d70917;
}

#pages li:hover a {
    color: #fff;
}
#pages .disabled{
    cursor: not-allowed;
}
#pages .disabled:hover{
    color:#fff;
}


/***************** new style *************/


.pt-\[32px\] {
    padding-top: 32px;
}
.justify-center {
    justify-content: center;
}
.w-\[1200px\] {
    width: 1200px;
}
.flex {
    display: flex;
}
.my-16 {
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
}
.m-auto {
    margin: auto;
}
.justify-between {
    justify-content: space-between;
}
.w-full {
    width: 100%;
}

.hover-tip {
    transition: all .15s ease-in-out;
}
.text-\[\#323335\] {
    --tw-text-opacity: 1;
    color: #323335;
}
.py-5 {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}
.px-6 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
}
.items-center {
    align-items: center;
}
.w-\[282px\] {
    width: 282px;
}

.w-14 {
    width: 0.65rem;
}
.h-14 {
    height: 0.65rem;
}
.ml-6 {
    margin-left: 0.2rem;
}
.text-lg {
    font-size: 0.18rem;
    line-height: 0.3rem;
}
.mb-2 {
    margin-bottom: 0.09rem;
}
.text-\[\#969AA0\] {
    --tw-text-opacity: 1;
    color: #969aa0;
}
.text-xs {
    font-size: .125rem;
    line-height: 0.16rem;
}

.h-\[216px\]{
height:216px;
}
