@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 40px rgba(255, 255, 255, .1), 0 0 0 60px rgba(255, 255, 255, .1), 0 0 0 80px rgba(255, 255, 255, 0)
    }
}

::placeholder {
    color: #e6e6e8
}

:root {
    --blue: #007007;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40
}

::-moz-selection,
::-webkit-selection,
::selection {
    background: #1f1f1f;
    color: #fff
}

body,
html {
    width: 100%;
    height: 100%
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px
}

*,
a,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

a,
article,
aside,
body,
button,
dd,
details,
div,
dl,
dt,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
img,
input,
li,
menu,
nav,
ol,
p,
section,
select,
span,
table,
tbody,
td,
textarea,
th,
tr,
ul {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.71428571429;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: GOTHAM-BOOK_0, Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif;
    color: #212121;
    background-color: #fff
}

:active,
:focus {
    outline: 0 !important
}

blockquote,
p,
pre,
table {
    margin-bottom: .3rem
}

select {
    max-width: 100%
}

li,
ul {
    list-style-type: none
}

blockquote {
    background: #fff;
    border: 1px solid #f8f8f8;
    border-left: 5px solid #ec5e79;
    padding: 0 1.75rem 1.25rem;
    margin-top: 1.421875rem;
    line-height: 2;
    font-size: 1rem
}

blockquote::before {
    color: #ec5e79;
    content: open-quote;
    font-size: 5.25rem;
    line-height: .1;
    margin-right: .21875rem;
    vertical-align: -2.055rem;
    font-family: sans-serif;
    content: "\201C"
}

strong {
    font-weight: 600
}

hr {
    margin: 1.421875rem 0;
    border-color: #f4f4f4
}

hr.black {
    border-color: rgba(255, 255, 255, .1)
}

a img {
    border: none
}

img {
    max-width: 100%;
    vertical-align: middle
}

img:not([src]),
img[src=''] {
    display: none
}

iframe {
    border: none !important
}

.table-normal table,
table.table-normal {
    border: 1px solid #000;
    border-collapse: collapse;
    width: 100%
}

.table-normal table th,
table.table-normal th {
    text-align: left
}

.table-normal table td,
.table-normal table th,
table.table-normal td,
table.table-normal th {
    border: 1px solid #000;
    padding: .6875rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    transition: all .3s ease
}

a {
    color: #474747
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

a.link {
    text-decoration: underline;
    color: #ec5e79
}

a.link:hover {
    color: #e8588c
}

.heading-space-none {
    margin: 0 !important;
    padding: 0 !important
}

@media all and (max-width:768px) {
    h1 {
        font-size: 2.4107142857rem;
        line-height: 1.15555556
    }

    h2 {
        font-size: 15.6625rem;
        line-height: 1.421875
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.625
    }

    .h1 {
        font-size: 2.4107142857rem !important;
        line-height: 1.15555556 !important
    }

    .h2 {
        font-size: 15.6625rem !important;
        line-height: 1.421875 !important
    }

    .h3 {
        font-size: 1.25rem !important;
        line-height: 1.625 !important
    }
}

@media all and (max-width:480px) {
    h1 {
        font-size: 1.2053571429rem;
        line-height: 1.38461538462
    }

    h2 {
        font-size: 13.425rem;
        line-height: 1.28571428571
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.5
    }

    .h1 {
        font-size: 1.2053571429rem !important;
        line-height: 1.38461538462 !important
    }

    .h2 {
        font-size: 13.425rem !important;
        line-height: 1.28571428571 !important
    }

    .h3 {
        font-size: 1.25rem !important;
        line-height: 1.5 !important
    }
}

.font-normal {
    font-family: GOTHAM-BOOK_0, Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif;
    font-weight: 400 !important
}

.font-uppercase {
    text-transform: uppercase !important
}

.font-bold {
    font-weight: 800 !important
}

.font-italic {
    font-style: italic !important
}

.font-no-italic {
    font-style: normal !important
}

.font-underline {
    text-decoration: underline !important
}

.font-primary-color {
    color: #ec5e79 !important
}

.font-sub-color {
    color: #aeaeae !important
}

.font-white {
    color: #fff
}

.font-white .h1,
.font-white .h2,
.font-white .h3,
.font-white .h4,
.font-white .h5,
.font-white .h6,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white p {
    color: #fff
}

.list-normal a:not(.uix-sc-btn),
.table-normal a:not(.uix-sc-btn) {
    color: #ec5e79
}

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
    color: #e8588c;
    text-decoration: underline
}

.list-normal a:not(.uix-sc-btn):hover img,
.table-normal a:not(.uix-sc-btn):hover img {
    text-decoration: none
}

.dropcap::first-letter,
.dropcap>p:first-of-type::first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: -2px
}

.section,
section {
    position: relative
}

.section,
section {
    padding: 6.5625rem 0
}

.section.space-sm,
section.space-sm {
    padding: 4.8125rem 0
}

.section.space-lg,
section.space-lg {
    padding: 11.375rem 0
}

.section.space-none,
section.space-none {
    padding: 0 !important
}

.section.space-none-top,
section.space-none-top {
    padding-top: 0 !important
}

.section.space-none-bottom,
section.space-none-bottom {
    padding-bottom: 0 !important
}

.section.site-google-map,
section.site-google-map {
    padding-top: 0 !important
}

@media all and (max-width:768px) {

    .section,
    section {
        padding: 4.265625rem 0
    }

    .section.space-sm,
    section.space-sm {
        padding: 2.625rem 0
    }

    .section.space-lg,
    section.space-lg {
        padding: 4.265625rem 0
    }

    .section.space-none,
    section.space-none {
        padding: 0
    }

    .section.space-none-top,
    section.space-none-top {
        padding-top: 0
    }

    .section.space-none-bottom,
    section.space-none-bottom {
        padding-bottom: 0
    }

    .section.site-google-map,
    section.site-google-map {
        padding-top: 0
    }
}

html {
    font-size: 100px
}

@media screen and (max-width:1600px) {
    html {
        font-size: 83.33px
    }
}

@media screen and (max-width:1500px) {
    html {
        font-size: 78.125px
    }
}

@media screen and (max-width:1440px) {
    html {
        font-size: 75px
    }
}

@media screen and (max-width:1366px) {
    html {
        font-size: 71.1458px
    }
}

@media screen and (max-width:1280px) {
    html {
        font-size: 66.6666px
    }
}

@media screen and (max-width:800px) {
    html {
        font-size: 70px
    }
}

@media screen and (max-width:600px) {
    html {
        font-size: 50px
    }
}

.pure:after,
.pure:before {
    content: " ";
    display: table
}

.pure:after {
    clear: both
}

h1,
h2 {
    font-weight: 400
}

body {
    height: auto;
    overflow-x: hidden;
    color: #000;
    cursor: default
}

.fl_l {
    float: left
}

.fl_r {
    float: right
}

@media screen and (max-width:800px) {
    html {
        font-size: 80px
    }
}

@media screen and (max-width:600px) {
    html {
        font-size: 60px
    }
}

a {
    text-decoration: none
}

.iconfont {
    font-size: inherit
}

.bloc {
    position: relative
}

::-webkit-scrollbar {
    width: 4px;
    border-radius: 1.5px
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-track {
    background-color: #eee
}

::-webkit-scrollbar-thumb {
    background-color: #bf0006
}

.mess_img_case .swiper-wrapper {
    transition-timing-function: cubic-bezier(.1, .7, .74, .3)
}

.swiper-button-next,
.swiper-button-prev {
    background: 0 0;
    text-align: center;
    color: #bf0006;
    width: auto;
    height: auto;
    line-height: 1;
    opacity: .5;
    transition: all .3s ease;
    font-size: .36rem;
    margin: 0;
    top: 50%
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper-button-prev {
    left: 0;
    transform: translate(-100%, -50%)
}

.swiper-button-next {
    right: 0;
    transform: translate(100%, -50%)
}

.swiper-pagination-bullet {
    background-color: transparent;
    opacity: .5;
    border: 1px solid #fff;
    vertical-align: middle;
    transition: all .3s ease;
    width: .1rem;
    height: .1rem
}

.swiper-pagination-bullet:hover {
    background-color: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .15rem
}

.works__slider {
    cursor: url(https://www.leedarson.com/templates/dist/image/svgipsa_cursor_arrow.png) 52 23, move
}

.works__slider a {
    cursor: url(https://www.leedarson.com/templates/dist/image/svgipsa_cursor_arrow.png) 52 23, move
}

.works__slider a:active,
.works__slider a:focus {
    cursor: url(https://www.leedarson.com/templates/dist/image/svgipsa_cursor_arrow_pushed.png) 52 23, move
}

.works__slider:active,
.works__slider:focus {
    cursor: url(https://www.leedarson.com/templates/dist/image/svgipsa_cursor_arrow_pushed.png) 52 23, move
}

.swiper-slide.active {
    pointer-events: all
}

.btn_sty {
    color: #fff;
    background-color: #bf0006;
    padding: 15px .4rem;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.btn_sty>div {
    overflow: hidden;
    height: 34px;
    position: relative
}

.btn_sty>div>div {
    transition: all .3s ease;
    line-height: 34px;
    font-size: 0
}

.btn_sty>div>div i {
    margin-right: .24rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: inherit;
    font-style: normal
}

.btn_sty>div>div span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-family: GOTHAM-BOOK_0;
    text-transform: capitalize
}

.btn_sty.btn_col_w {
    background-color: #fff;
    color: #bf0006
}

.btn_sty.btn_hover {
    cursor: pointer
}

.btn_sty.btn_hover:hover>div>div {
    transform: translateY(-50%)
}

.circle_btn {
    border-radius: 100%;
    width: .5rem;
    height: .5rem;
    padding: 0;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.circle_btn em {
    font-size: .22rem
}

.nav .zy_fr>a {
    color: #fff
}

.zy_fr {
    width: 12.05%;
    float: left;
    display: flex;
    justify-content: flex-end
}

.zy_fr>a,
.zy_fr>div {
    margin-left: .2rem
}

.btn_search {
    position: relative
}

.btn_search>.search_box {
    position: absolute;
    display: none
}

@media screen and (min-width:1025px) {
    .ind_body .nav {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        background-color: transparent;
        box-shadow: none
    }

    .ind_body .nav a {
        color: #fff
    }

    .ind_body .nav .nav_con .logo_box .logo_w {
        opacity: 1
    }

    .ind_body .nav .nav_con .logo_box .logo_c {
        opacity: 0
    }

    .ind_body .nav .nav_con .navBox .item li a span::before {
        background-color: #fff;
        bottom: -1px
    }
}

.nav_btn_01,
.nav_btn_02 {
    display: flex
}

.nav_btn_01 i,
.nav_btn_02 i {
    display: none
}

.nav_back1,
.nav_back2 {
    display: none !important
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 90px;
    transition: all .3s ease;
    z-index: 98;
    border-bottom-color: transparent;
    background-color: #fff;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .08)
}

.nav::after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    transition: all .3s ease;
    position: absolute;
    z-index: 0;
    background-color: rgba(255, 255, 255, .95)
}

.nav a {
    color: #000
}

.nav .nav_con {
    margin: 0 auto;
    width: 93.75%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 15
}

.nav .nav_con .logo_box {
    width: 12.055%;
    font-size: 0;
    position: relative
}

.nav .nav_con .logo_box img {
    width: 100%;
    transition: all .3s ease;
    opacity: 0
}

.nav .nav_con .logo_box .logo_c {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.nav .nav_con .navBox {
    width: 75.9%
}

.nav .nav_con .navBox .item {
    display: flex;
    justify-content: center;
    width: 860px;
    margin: 0 auto;
    position: relative
}

@media all and (min-width:1025px) {
    .nav .nav_con .navBox .item {
        max-width: 100%
    }
}

.nav .nav_con .navBox .item li a {
    display: block;
    transition: all .3s ease;
    padding: 0 38px;
    font-size: 16px;
    cursor: pointer
}

.nav .nav_con .navBox .item li a span {
    position: relative;
    display: block
}

.nav .nav_con .navBox .item li a span::before {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    height: 3px;
    background-color: #bf0006;
    transition: all .3s ease;
    width: 0;
    position: absolute
}

.nav .nav_con .navBox .item li a.on {
    font-family: GOTHAM-BOLD_0
}

.nav .nav_con .navBox .item li a.on span::before {
    width: 100%
}

@media all and (min-width:1025px) {
    .nav .nav_con .navBox .item li a:hover span::before {
        width: 100%
    }
}

.nav .nav_con .navBox .item li .item_1 {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    z-index: 6;
    background-color: #fff;
    text-align: left;
    min-height: 150px;
    padding: .3rem .15rem;
    width: 860px
}

.nav .nav_con .navBox .item li .item_1>li {
    min-width: 190px;
    position: relative
}

.nav .nav_con .navBox .item li .item_1>li::before {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .1)
}

.nav .nav_con .navBox .item li .item_1>li:last-child::before {
    display: none
}

.nav .nav_con .navBox .item li .item_1>li>a,
.nav .nav_con .navBox .item li .item_1>li>div>a {
    font-size: 15px;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    font-family: GOTHAM-BOLD_0;
    color: #333
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty {
    flex-wrap: wrap;
    align-content: flex-start
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty>li {
    width: 100%;
    position: relative
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty>li>a {
    font-family: GOTHAM-BOOK_0
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty>li a {
    padding: .1rem .2rem;
    font-size: 12px;
    line-height: 1.2;
    color: #666
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty>li::before {
    display: none
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1 {
    display: block !important;
    padding-left: .2rem;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    font-family: GOTHAM-BOLD_0;
    color: #333;
    cursor: pointer
}

.nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1 i {
    display: none
}

.nav .nav_con .navBox .item li .item_1 li {
    transition: none
}

.nav .nav_con .navBox .item li .item_1 li a.on {
    color: #bf0006
}

@media screen and (min-width:1025px) {
    .nav .nav_con .navBox .item li .item_1 li a:hover {
        color: #bf0006
    }
}

.nav .nav_con .navBox .item li .item_1 a {
    padding: .1rem .2rem;
    font-size: 12px;
    line-height: 1.2;
    color: #666
}

.nav .nav_con .navBox .item>li {
    position: relative
}

@media screen and (min-width:1025px) {
    .nav .nav_con .navBox .item>li:hover .item_1 {
        display: flex
    }
}

.nav.on {
    border-bottom-color: transparent;
    background-color: #fff;
    box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .08)
}

.nav.on .nav_con .navBox .item li a span::before {
    background-color: #bf0006;
    bottom: 0
}

.nav.on a {
    color: #000
}

.nav.on .nav_con .logo_box .logo_w {
    opacity: 0
}

.nav.on .nav_con .logo_box .logo_c {
    opacity: 1
}

@media screen and (min-width:1025px) {
    .nav.hover {
        border-bottom-color: transparent;
        background-color: #fff;
        box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .08)
    }

    .nav.hover::after {
        height: 2.7rem
    }

    .nav.hover a {
        color: #000
    }

    .nav.hover .nav_con .logo_box img {
        opacity: 0
    }

    .nav.hover .nav_con .logo_box .logo_c {
        opacity: 1
    }

    .nav.hover .nav_con .navBox .item li .item_1 {
        display: block
    }
}

.nav .nav_ser_box {
    position: relative;
    left: 0;
    top: 0;
    margin-top: -.8rem;
    pointer-events: none;
    z-index: 0;
    transition: all 1s ease;
    overflow: hidden
}

.nav .w_sha {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    height: 90px;
    width: 100%;
    left: 0;
    top: 0
}

.nav.er_nav .nav_ser_box {
    margin-top: 0;
    pointer-events: all;
    overflow: visible
}

.nav.s_nav {
    transform: translateY(-90px)
}

.nav_ser_box {
    position: absolute;
    top: auto;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    z-index: 11
}

.nav_ser_box>div {
    display: flex;
    line-height: .8rem
}

.nav_ser_box>div>a {
    background-color: #bf0006;
    color: #fff !important;
    min-width: .8rem;
    width: .8rem;
    text-align: center;
    font-size: .28rem
}

.nav_ser_box>div .sel_box {
    position: relative
}

.nav_ser_box>div .sel_box:nth-child(3) .btn_link span {
    font-family: GOTHAM-BOOK_0
}

.nav_ser_box>div .sel_box.on .btn_link i {
    transform: translateY(-50%) rotate(180deg)
}

.nav_ser_box>div .sel_box.on ul {
    display: block
}

.nav_ser_box>div .sel_box .btn_link {
    padding: 0 .52rem 0 .4rem;
    position: relative;
    min-width: 310px;
    color: #fff;
    cursor: pointer;
    height: .8rem;
    display: flex;
    align-items: center
}

.nav_ser_box>div .sel_box .btn_link span {
    font-family: GOTHAM-BOLD_0;
    line-height: 1.5;
    white-space: nowrap;
    padding-right: 20px
}

.nav_ser_box>div .sel_box .btn_link::before {
    content: '';
    display: block;
    height: 50%;
    width: 1px;
    background-color: rgba(255, 255, 255, .4);
    position: absolute;
    right: 0;
    top: 25%
}

.nav_ser_box>div .sel_box .btn_link i {
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease
}

.nav_ser_box>div .sel_box ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .2)
}

.nav_ser_box>div .sel_box ul li {
    display: block;
    padding-top: 1px;
    padding-bottom: 1px
}

.nav_ser_box>div .sel_box ul li:first-child a {
    margin-top: .15rem
}

.nav_ser_box>div .sel_box ul li:last-child a {
    margin-bottom: .15rem
}

.nav_ser_box>div .sel_box ul li a {
    display: block;
    line-height: 1.5;
    padding: .15rem .3rem;
    font-size: 14px;
    position: relative;
    color: #333;
    transition: all .3s ease
}

.nav_ser_box>div .sel_box ul li a i {
    position: absolute;
    right: .1rem;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.nav_ser_box>div .sel_box ul li a.on {
    background-color: #bf0006;
    color: #fff
}

@media all and (min-width:1025px) {
    .nav_ser_box>div .sel_box ul li a:not(.on):hover {
        color: #bf0006
    }
}

.nav_ser_box>div .sel_box:last-child ul li a i {
    display: none
}

.btn_nav_box {
    display: none;
    float: right;
    border-radius: 100%;
    line-height: .7rem;
    width: .7rem;
    height: .7rem;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    position: relative
}

.btn_nav_box i {
    font-size: .16rem
}

.btn_nav_box .btn_nav_k {
    display: block
}

.btn_nav_box .btn_nav_g {
    display: none
}

.btn_nav_box.on .btn_nav_k {
    display: none
}

.btn_nav_box.on .btn_nav_g {
    display: block
}

.btn_nav_box.on>div {
    margin-top: .015rem;
    margin-left: .015rem
}

.btn_nav_box.on>div span {
    background-color: #000;
    width: 100%;
    transition: all .3s ease
}

.btn_nav_box.on>div span:nth-child(1) {
    transform-origin: 0 50%;
    transform: rotate(45deg);
    margin-top: 0
}

.btn_nav_box.on>div span:nth-child(2) {
    opacity: 0
}

.btn_nav_box.on>div span:nth-child(3) {
    width: 100% !important;
    margin-left: 0 !important;
    transform-origin: 0 50%;
    transform: rotate(-45deg);
    margin-top: 9px
}

.btn_nav_box>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px
}

.btn_nav_box>div span {
    display: block;
    height: .02rem;
    background-color: #000;
    margin: 7px 0;
    width: 100%;
    transition: all .3s ease
}

.btn_nav_box>div span:nth-child(2) {
    width: 50%;
    margin-left: 50%
}

.btn_nav_box>div span:nth-child(3) {
    width: 75%;
    margin-left: 25%
}

footer {
    background-position: center;
    background-size: cover;
    color: #fff
}

footer a {
    transition: all .3s ease;
    color: rgba(255, 255, 255, .5);
    font-size: 16px
}

@media all and (min-width:1025px) {
    footer a:not(.btn_sty):hover {
        color: #bf0006
    }
    .footerproducts {
        columns: 3; 
        -webkit-columns: 3; 
        -moz-columns: 3;
        width: 70vh;
    }
}

footer .link_box {
    padding: 1rem 0 .37rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start
}

footer .link_box>a {
    width: 18.57%
}

footer .link_box>a img {
    width: 100%
}

footer .link_box>div {
    width: 81.43%;
    display: flex;
    /*justify-content: space-between*/
}

footer .link_box>div>ul {
    width: 25%
}

footer .link_box>div span {
    font-family: GOTHAM-BOLD_0;
    line-height: 1;
    margin-bottom: .16rem;
    display: block
}

footer .link_box>div a {
    line-height: 2;
    display: block
}

footer .lx_box {
    padding: .6rem 0 .54rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer .lx_box>div {
    width: 48.41%
}

footer .lx_box>div .lx_title {
    color: #bf0006;
    font-size: .28rem;
    line-height: 1;
    margin-bottom: .33rem;
    font-family: GOTHAM-BOLD_0
}

footer .lx_box>div .lx_info {
    font-size: 12px;
    line-height: 2;
    color: rgba(255, 255, 255, .5)
}

footer .lx_box form {
    width: 38%;
    display: flex
}

footer .lx_box form input {
    width: calc(100% - .4rem);
    background-color: transparent;
    font-size: .2rem;
    cursor: pointer;
    padding: .17rem 0;
    line-height: 1.5;
    outline: 0;
    color: #fff
}

footer .lx_box form input::placeholder {
    color: rgba(255, 255, 255, .5)
}

footer .lx_box form>div {
    background-color: rgba(0, 0, 0, .8);
    width: 60.44%;
    display: flex;
    padding: 0 .28rem;
    align-items: center
}

footer .lx_box form>div i {
    font-size: .2rem;
    margin-right: .2rem;
    line-height: 1
}

footer .lx_box form>a,footer .lx_box form>input {
    width: 39.56%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer
}
footer .lx_box form>input.btn_sty.btn_hover{    background-color: #bf0006;}

footer .copyright_box {
    padding: .36rem 0 .4rem;
    display: flex;
    flex-direction: row-reverse
}

footer .copyright_box>div {
    font-size: 12px;
    line-height: 1;
    width: 50%;
    color: rgba(255, 255, 255, .5)
}

footer .copyright_box>div a {
    margin-left: .15rem;
    margin-right: .15rem;
    vertical-align: middle;
    font-size: inherit
}

footer .copyright_box>div a:last-child {
    margin-right: 0
}

footer .copyright_box>div br {
    display: none
}

footer .copyright_box ul {
    width: 50%;
    display: flex;
    justify-content: flex-end
}

footer .copyright_box ul a {
    font-size: 24px;
    line-height: 1;
    display: block;
    cursor: pointer;
    margin-left: .15rem
}

.banner_svg {
    width: 1.22rem;
    margin: 0 auto .12rem;
    position: relative;
    overflow: hidden
}

.banner_svg::before {
    content: '';
    display: block;
    margin-top: 100%
}

.banner_svg #banner_svg {
    display: block;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%
}

.banner_svg #banner_svg path {
    stroke: #fff;
    fill: rgba(255, 255, 255, 0);
    stroke-width: 12px;
    transition: fill .5s ease-in-out
}

.banner_svg #banner_svg.on path {
    fill: #fff;
    stroke-width: 0
}

@media (min-width: 1200px) {
    .ind_body .pub_banner .pub_banner_con {
    height: 100vh;
    width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .ind_body .pub_banner .pub_banner_con {
    height: 100vh;
    width: 100%;
    }
}
@media (max-width: 979px) {
    .ind_body .pub_banner .pub_banner_con {
    /*height: 100vh*/
    }
}

/*.ind_body .pub_banner .pub_banner_con {*/
    /*height: 100vh*/
/*    height: 80%;*/
/*    width: 100%;*/
/*}*/

.pub_banner {
    position: relative
}

.pub_banner .pub_hint {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .25rem;
    text-align: center;
    color: #fff;
    line-height: 1;
    z-index: 3
}

.pub_banner .pub_hint div {
    font-size: 12px;
    margin-top: .18rem;
    color: #fffefe
}

.pub_banner.on .pub_banner_con .pub_banner_img {
    transform: scale(1)
}

.pub_banner .pub_banner_con {
    position: relative;
    overflow: hidden
}

.pub_banner .pub_banner_con .pub_banner_img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 2s ease;
    transform: scale(1.2)
}

.pub_banner .pub_banner_con .pub_banner_text {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0 .6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.pub_banner .pub_banner_con .pub_banner_text>div,
.pub_banner .pub_banner_con .pub_banner_text>h1 {
    overflow: hidden
}

.pub_banner .pub_banner_con .pub_banner_text font {
    font-size: 54px;
    line-height: 1.34
}

.pub_banner .pub_banner_con .pub_banner_text .btn_sty {
    margin-top: .5rem
}

.ind_banner .swiper-pagination {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    right: 3.65%
}

.ind_banner .swiper-pagination span {
    margin: .15rem auto;
    display: block
}

.ind_banner .pub_banner_text {
    /* display: none */
}

.ind_banner .active .pub_banner_text {
    display: block
}

.ind_banner .active .pub_banner_con .pub_banner_img {
    transform: scale(1)
}

.ind_banner .active .pub_banner_con .pub_banner_img video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.ind_banner .active .pub_banner_con .pub_banner_img canvas {
    display: none
}

.pub_case {
    margin: 0 auto;
    width: 1260px;
    max-width: 100%;
    padding-left: .3rem;
    padding-right: .3rem
}

section {
    padding: 6.25vw 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.pub_title {
    font-size: 36px;
    line-height: 1.16;
    text-align: center;
    letter-spacing: -.02rem;
    color: #333;
    margin-top: -.095rem;
    font-weight: 400
}

.pub_title.pub_title_l {
    position: relative;
    margin-top: 0;
    padding-bottom: .515rem;
    margin-bottom: .53rem
}

.pub_title.pub_title_l::after {
    content: '';
    display: block;
    width: 3.333em;
    height: 1px;
    background-color: #bf0006;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.pub_info {
    font-size: 16px;
    line-height: 1.875;
    color: #666;
    text-align: center;
    margin-top: .235rem;
    font-weight: 400
}

.ind_body .ind_src1_block {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.ind_body .ind_src1_block img {
    width: 50%
}

.ind_body .ind_src1_block .ind_src1_text_box {
    width: 50%;
    padding-right: 10px;
    text-align: left
}

.ind_body .ind_src1_block .ind_src1_text_box .pub_title {
    padding-top: .945rem
}

.ind_body .ind_src1_block .ind_src1_text_box .pub_title.pub_title_l {
    text-align: left
}

.ind_body .ind_src1_block .ind_src1_text_box .pub_title.pub_title_l::after {
    left: 0;
    transform: none;
    width: 3.916em
}

.ind_body .ind_src1_block .ind_src1_text_box .pub_info {
    text-align: left;
    width: 77.8%;
    margin-bottom: .53rem
}

.ind_body .ind_src2_block .ind_src2_img_box {
    display: flex;
    margin-top: .53rem
}

.ind_body .ind_src2_block .ind_src2_img_box a {
    width: 50%;
    position: relative;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-color: #000
}

.ind_body .ind_src2_block .ind_src2_img_box a img {
    width: 100%;
    transition: all 1s ease
}

@media all and (min-width:1024px) {
    .ind_body .ind_src2_block .ind_src2_img_box a:hover img {
        opacity: .7;
        transform: scale(1.2)
    }

    .ind_body .ind_src2_block .ind_src2_img_box a:hover .ind_src2_info {
        opacity: 0
    }

    .ind_body .ind_src2_block .ind_src2_img_box a:hover .ind_src2_mess_case {
        opacity: 1
    }
}

.ind_body .ind_src2_block .ind_src2_img_box .ind_src2_info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 .2rem;
    transition: all .3s ease
}

.ind_body .ind_src2_block .ind_src2_img_box .ind_src2_info i {
    font-size: 1.05rem;
    line-height: 1;
    margin-bottom: .3525rem;
    display: block
}

.ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 .2rem;
    transition: all .3s ease;
    opacity: 0
}

.ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case .ind_src2_mess {
    font-size: 18px;
    line-height: 1.667;
    margin-bottom: .54rem
}

.ind_body .ind_src2_block .ind_title {
    font-size: 36px;
    line-height: .9167;
    text-transform: capitalize;
    text-shadow: 0 3px 35px rgba(0, 0, 0, .76)
}

.ind_body .ind_src3_block .ind_src3_img_box {
    margin-top: .53rem;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.ind_body .ind_src3_block .ind_src3_img_box>img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ind_body .ind_src3_block .ind_src3_img_box a {
    width: 33.33%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
    padding: .96rem .2rem 1rem;
    color: #fff;
    position: relative;
    cursor: pointer
}

.ind_body .ind_src3_block .ind_src3_img_box a:nth-child(3n+1) {
    border-right: none
}

.ind_body .ind_src3_block .ind_src3_img_box a i {
    display: block;
    font-size: .8rem;
    line-height: 1
}

.ind_body .ind_src3_block .ind_src3_img_box a svg {
    width: .8rem;
    margin: 0 auto;
    display: block
}

.ind_body .ind_src3_block .ind_src3_img_box a svg path {
    fill: #fff
}

.ind_body .ind_src3_block .ind_src3_img_box a .ind_title_l {
    margin: .4rem 0 0;
    font-size: 32px;
    line-height: 1
}

.ind_body .ind_src3_block .ind_src3_img_box a .ind_title_info {
    font-size: 16px;
    line-height: 1.6676;
    color: rgba(255, 255, 255, .8);
    width: 60%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease
}

.ind_body .ind_src3_block .ind_src3_img_box a .ind_src3_name {
    transition: all .3s ease
}

@media all and (min-width:641px) {
    .ind_body .ind_src3_block .ind_src3_img_box a:hover .ind_src3_name {
        opacity: 0
    }

    .ind_body .ind_src3_block .ind_src3_img_box a:hover .ind_title_info {
        opacity: 1
    }
}

.ind_body .ind_src4_block .zs_box {
    margin-top: .135rem;
    font-size: 14px;
    line-height: 1;
    color: #666;
    text-align: center
}

.ind_body .ind_src4_block .ind_src4_img_box {
    padding-top: .235rem;
    padding-bottom: .705rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.ind_body .ind_src4_block .ind_src4_img_box>div {
    display: flex;
    align-items: center;
    padding: .32rem 0;
    width: 27.08%
}

.ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(1),
.ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(4) {
    width: 37.92%
}

.ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(2),
.ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(5) {
    width: 35%
}

.ind_body .ind_src4_block .ind_src4_img_box>div>i {
    color: #bf0006;
    font-size: .65rem;
    margin-right: .32rem;
    line-height: 1;
    width: .85rem;
    text-align: center
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div {
    width: calc(100% - 1.15rem);
    position: relative
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div .run_num_box_p {
    font-size: 16px;
    line-height: .73;
    white-space: normal;
    display: flex;
    align-items: flex-end;
    color: #666
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div .run_num_box_p span {
    font-size: 36px;
    color: #000;
    display: inline-block
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div .run_num_box_p i {
    font-style: normal;
    font-size: .48rem;
    color: #000
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div .run_num_box_p i.pf {
    font-size: .3rem
}

.ind_body .ind_src4_block .ind_src4_img_box>div>div .ind_num_info {
    width: 100%;
    top: 100%;
    font-size: 16px;
    line-height: 1;
    color: #666;
    margin-top: .22rem
}

.ind_body .ind_src5_block .ind_src5_img_box {
    display: flex;
    justify-content: space-between;
    margin-top: .505rem
}

.ind_body .ind_src5_block .ind_src5_img_box .ind_new_time {
    font-size: .16rem;
    line-height: 1;
    margin-bottom: .1rem;
    color: #999
}

.ind_body .ind_src5_block .ind_src5_img_box .ind_new_title {
    font-size: 16px;
    font-family: GOTHAM-BOLD_0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5;
    color: #333
}

.ind_body .ind_src5_block .ind_src5_img_box a {
    position: relative;
    cursor: pointer;
    color: #fff;
    display: block;
    overflow: hidden;
    width: 31%
}

.ind_body .ind_src5_block .ind_src5_img_box a .news_i_img_box::before {
    margin-top: 58.723%
}

.ind_body .ind_src5_block .ind_src5_img_box a img {
    display: block;
    transition: all .3s ease;
    width: 100%
}

.ind_body .ind_src5_block .ind_src5_img_box a .ind_new_text {
    width: calc(100% - .75rem);
    margin-top: .4rem
}

.ind_body .ind_wei_case {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #fff
}

.ind_body .ind_src1_case {
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff
}

.ind_src6_case {
    background-color: #bf0006
}

.ind_src6_case .ind_src6_block {
    padding: .75rem 0
}

.ind_src6_case .ind_src6_block .ind_src6_text_box {
    position: relative
}

.ind_src6_case .ind_src6_block .ind_src6_text_box .pub_info,
.ind_src6_case .ind_src6_block .ind_src6_text_box .pub_title {
    text-align: left;
    color: #fff;
    line-height: 1
}

.ind_src6_case .ind_src6_block .ind_src6_text_box .pub_info {
    margin-top: .4rem
}

.ind_src6_case .ind_src6_block .ind_src6_text_box .btn_sty {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.sol_icon_box_h {
    display: flex;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .13);
    background-color: rgba(255, 255, 255, .5)
}

.sol_icon_box_h>a,
.sol_icon_box_h>div {
    flex: 1;
    position: relative;
    background-color: rgba(255, 255, 255, .5);
    border-right: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer
}

.sol_icon_box_h>a .sol_icon_img_box,
.sol_icon_box_h>div .sol_icon_img_box {
    overflow: hidden;
    opacity: 0;
    transition: all .3s ease
}

.sol_icon_box_h>a .sol_icon_img_box>img,
.sol_icon_box_h>div .sol_icon_img_box>img {
    width: 100%;
    display: block
}

.sol_icon_box_h>a .sol_icon_text_box,
.sol_icon_box_h>div .sol_icon_text_box {
    padding: 0 .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%
}

.sol_icon_box_h>a .sol_icon_text_box i,
.sol_icon_box_h>div .sol_icon_text_box i {
    font-size: .5rem;
    display: block;
    line-height: 1;
    margin: 0 auto;
    color: #bf0006;
    transition: all .3s ease
}

.sol_icon_box_h>a .sol_icon_text_box div,
.sol_icon_box_h>div .sol_icon_text_box div {
    color: #333;
    font-family: GOTHAM-BOLD_0;
    font-size: 16px;
    line-height: 1.5;
    margin-top: .24rem;
    min-height: .48rem;
    transition: all .3s ease
}

@media all and (min-width:1025px) {

    .sol_icon_box_h>a.on .sol_icon_img_box,
    .sol_icon_box_h>div.on .sol_icon_img_box {
        opacity: 1
    }

    .sol_icon_box_h>a.on .sol_icon_text_box i,
    .sol_icon_box_h>div.on .sol_icon_text_box i {
        color: #fff
    }

    .sol_icon_box_h>a.on .sol_icon_text_box div,
    .sol_icon_box_h>div.on .sol_icon_text_box div {
        color: #fff;
        transform: translateY(.1rem)
    }
}

@media all and (max-width:1024px) {

    .sol_icon_box_h>a .sol_icon_img_box,
    .sol_icon_box_h>div .sol_icon_img_box {
        opacity: .65
    }

    .sol_icon_box_h>a .sol_icon_text_box i,
    .sol_icon_box_h>div .sol_icon_text_box i {
        color: #fff
    }

    .sol_icon_box_h>a .sol_icon_text_box div,
    .sol_icon_box_h>div .sol_icon_text_box div {
        color: #fff;
        transform: translateY(.1rem)
    }
}

body:not(.ind_body) #bloc article {
    padding-top: .9rem
}

body:not(.ind_body) .last_sec {
    padding-top: 0;
    padding-bottom: 0
}

.news_page_box {
    padding: .24rem .2rem .54rem;
    display: flex;
    justify-content: center
}

.news_page_box a {
    font-size: .16rem;
    line-height: 1.75;
    cursor: pointer;
    padding: 0 .2rem;
    display: block;
    transition: all .3s ease;
    color: #999
}

.news_page_box a.none {
    display: none
}

@media all and (min-width:1025px) {
    .news_page_box a:hover {
        color: #bf0006
    }
}

.news_page_box ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.news_page_box ul a {
    font-family: GOTHAM-LIGHT_0
}

.news_page_box ul a.on {
    font-family: GOTHAM-BOLD_0;
    color: #bf0006
}

.qry_banner.pub_banner .pub_banner_con .pub_banner_img {
    height: auto;
    overflow: hidden
}

.qry_banner.pub_banner .pub_banner_con .pub_banner_img img {
    display: none
}

.qry_banner.pub_banner .pub_banner_con .pub_banner_img::before {
    content: '';
    display: block;
    margin-top: 50%
}

.rya_banner.pub_banner .pub_banner_con .pub_banner_img {
    height: auto;
    overflow: hidden
}

.rya_banner.pub_banner .pub_banner_con .pub_banner_img img {
    display: none
}

.rya_banner.pub_banner .pub_banner_con .pub_banner_img::before {
    content: '';
    display: block;
    margin-top: 35.41666%
}

.pro_img_box {
    overflow: hidden;
    position: relative
}

.pro_img_box::before {
    content: '';
    display: block;
    margin-top: 100%
}

.pro_img_box .pro_img_ {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .8s ease
}

.pro_img_box>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .8s ease
}

.cj_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .5rem
}

.cj_list>a {
    display: block;
    width: calc((100% - .2rem)/ 2);
    margin-bottom: .1rem
}

.cj_list>a>div:first-child {
    background: #f7f7f7;
    transition: all .3s ease
}

.cj_list>a>div .liv_src1_img {
    overflow: hidden
}

.cj_list>a>div .liv_src1_img img {
    width: 100%;
    display: block
}

.cj_list>a>div .liv_src1_text {
    margin-top: -6.78%;
    position: relative
}

.cj_list>a>div .liv_src1_text img {
    width: 61%
}

.cj_list>a>div .liv_src1_text .btn_sty {
    position: absolute;
    left: 61%;
    bottom: 17.5%;
    width: 33.89%;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.cj_list>a>div .liv_src1_text .btn_sty>div>div i {
    color: #333
}

.cj_list>a>div .liv_src1_text .btn_sty>div>div span {
    font-family: GOTHAM-BOLD_0;
    color: #333
}

.cj_list>a>div.liv_src1_name {
    font-family: GOTHAM-LIGHT_0;
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
    padding: .3rem .2rem .42rem;
    color: #333
}

.cj_list>a>div.liv_src1_name span {
    font-family: GOTHAM-BOLD_0
}

.cj_list>a:hover>div:first-child {
    background: #fff;
    box-shadow: 0 24px 60px 0 rgba(0, 0, 0, .13)
}

.cj_list>a:hover>div .liv_src1_text .btn_sty.btn_col_w {
    background-color: #bf0006
}

.cj_list>a:hover>div .liv_src1_text .btn_sty>div>div i {
    color: #fff
}

.cj_list>a:hover>div .liv_src1_text .btn_sty>div>div span {
    color: #fff
}

.tw_m {
    display: none
}

.liv_body .liv_src1_block {
    padding-bottom: 3.33vw
}

.liv_body .liv_src2_case {
    padding-bottom: 5.729vw
}

.liv_body .liv_src2_case .sol_icon_box_h {
    margin-top: .565rem
}

.liv_body .liv_src2_case .pub_info {
    margin-top: .53rem
}

.liv_body .liv_src2_case .pub_info>div {
    display: none;
    min-height: 60px
}

.liv_body .liv_src2_case .pub_info>div.on {
    display: block
}

.liv_body .liv_src3_case {
    background-color: #f7f7f7;
    padding-bottom: 5.3125vw
}

.liv_body .liv_src3_case .liv_src3_img_box {
    margin-top: .5rem;
    position: relative
}

.liv_body .liv_src3_case .liv_src3_img_box img {
    display: block;
    width: 100.666666%;
    margin-left: -.333333%;
    max-width: none
}

.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, .9);
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    color: #bf0006;
    text-align: center;
    z-index: 10
}

.btn_big_ck i {
    display: block;
    line-height: 1;
    font-size: .4rem
}

.btn_big_ck span {
    line-height: 1;
    margin-top: .1rem;
    display: block;
    font-size: .14rem
}

.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, .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 .btn_sha_close {
    position: absolute;
    color: rgba(51, 51, 51, .2);
    transition: all .5s ease;
    cursor: pointer;
    right: .6rem;
    top: .4rem;
    line-height: 1
}

@media screen and (orientation:landscape) {
    .mat_sha_box .mat_sha_con_box .btn_sha_close:hover {
        color: #333
    }
}

.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: #fff;
    top: auto;
    right: 0;
    bottom: 100%;
    transform: translate(50%, -50%)
}

.lig_body .abo_list {
    margin-top: 5.885vw
}

.lig_body .abo_list .abo_l_s {
    position: relative
}

.lig_body .abo_list .abo_l_s>img {
    display: block;
    width: 100%
}

.lig_body .abo_list .abo_l_s .abo_l_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26.0965%
}

.lig_body .abo_list .abo_l_s .abo_l_text .abo_l_num {
    font-size: 24px;
    font-family: GOTHAM-BOLD_0;
    line-height: .75;
    color: #bf0006
}

.lig_body .abo_list .abo_l_s .abo_l_text .abo_l_name {
    font-family: GOTHAM-BOLD_0;
    font-size: 32px;
    color: #333;
    margin-top: .24rem;
    line-height: 1.0625
}

.lig_body .abo_list .abo_l_s .abo_l_text .abo_l_info {
    font-size: 16px;
    color: #333;
    line-height: 1.875;
    margin-top: .16rem
}

@media all and (min-width:1025px) {
    .lig_body .abo_list .abo_l_s:nth-child(odd) .abo_l_text {
        left: 58.33%
    }

    .lig_body .abo_list .abo_l_s:nth-child(even) .abo_l_text {
        left: 15.625%
    }
}

.lig_body .lig_src2_case {
    padding-bottom: 6.25vw;
    background-color: #f7f7f7
}

.lig_body .lig_src2_case .sol_pro_list {
    margin-top: .57rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .13);
    overflow: hidden
}

.lig_body .lig_src2_case .sol_pro_list a {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    align-items: center;
    background-color: #fff;
    color: #333
}

.lig_body .lig_src2_case .sol_pro_list a .pro_img_box {
    width: 43.3333%
}

.lig_body .lig_src2_case .sol_pro_list a .pro_img_box::before {
    margin-top: 57.6923%
}

.lig_body .lig_src2_case .sol_pro_list a:last-child {
    border-bottom: none
}

.lig_body .lig_src2_case .sol_pro_list a .lig_pro_mess {
    padding-right: 5%;
    width: 56.6667%
}

.lig_body .lig_src2_case .sol_pro_list a .lig_pro_name {
    font-size: 24px;
    font-family: GOTHAM-BOLD_0;
    line-height: 1.46875;
    margin-top: -.12rem
}

.lig_body .lig_src2_case .sol_pro_list a .lig_pro_xh {
    font-size: 16px;
    line-height: .75
}

.lig_body .lig_src2_case .sol_pro_list a .lig_pro_xb {
    font-size: 16px;
    font-family: GOTHAM-BOLD_0;
    line-height: 1.5;
    margin-top: .36rem
}

.lig_body .lig_src2_case .sol_pro_list a .lig_pro_info {
    font-size: 12px;
    line-height: 1.833;
    margin-top: .18rem
}

.lig_body .lig_src2_case .sol_pro_h_list {
    margin-top: .57rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .13);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.lig_body .lig_src2_case .sol_pro_h_list>a {
    width: 33.33%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    display: block;
    background-color: #fff;
    position: relative
}

.lig_body .lig_src2_case .sol_pro_h_list>a .pro_img_box>img {
    transform: translate(-50%, -63%) scale(.72)
}

.lig_body .lig_src2_case .sol_pro_h_list>a .pro_d_name {
    position: absolute;
    width: 100%;
    left: 0;
    top: 68%;
    font-size: 24px;
    line-height: 1.1466;
    text-align: center;
    font-family: GOTHAM-BOLD_0;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.lig_body .lig_src3_case {
    padding-bottom: 6.25vw
}

.lig_body .lig_src3_case .sol_icon_box_h {
    flex-wrap: wrap
}

.lig_body .lig_src3_case .sol_icon_box_h>div {
    flex: none;
    width: 25%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media all and (min-width:641px) {
    .lig_body .lig_src3_case .sol_icon_box_h.sol_icon_box_h_3>div {
        width: 33.33%
    }
}

.g_body {
    background-color: #f9f9f9
}

.pro_body .cj_list {
    margin-top: 5.72916vw
}

.pro_body .pro_src2_block {
    padding-top: .6rem
}

.pro_body section {
    padding-bottom: 6.25vw
}

.pro_body .pro_l_src1_case {
    padding-top: 0
}

.pro_body .pro_fl_box {
    margin-top: .5rem;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12)
}

.pro_body .pro_fl_box .swiper-slide {
    position: relative
}

.pro_body .pro_fl_box .swiper-slide::before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - .9rem);
    top: .4rem;
    right: 0;
    position: absolute;
    background: #e0e0e0
}

.pro_body .pro_fl_box .swiper-slide:last-child::before {
    display: none
}

.pro_body .pro_fl_box .swiper-slide a {
    display: block;
    color: rgba(0, 0, 0, .6);
    transition: all .3s ease;
    padding: .76rem .2rem .5rem;
    position: relative;
    text-align: center;
    cursor: pointer
}

.pro_body .pro_fl_box .swiper-slide a::before {
    content: '';
    display: block;
    width: 0;
    height: .04rem;
    background-color: #bf0006;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease
}

@media all and (min-width:1025px) {
    .pro_body .pro_fl_box .swiper-slide a:hover {
        color: #000
    }

    .pro_body .pro_fl_box .swiper-slide a:hover::before {
        width: .48rem
    }
}

.pro_body .pro_fl_box .swiper-slide a.on {
    color: #000
}

.pro_body .pro_fl_box .swiper-slide a.on::before {
    width: .48rem
}

.pro_body .pro_fl_box .swiper-slide a i {
    font-size: .65rem;
    line-height: 1;
    margin-bottom: .5rem;
    display: block
}

.pro_body .pro_fl_box .swiper-slide a .fl_pro_name {
    font-size: .18rem;
    font-weight: 700;
    line-height: 1
}

.pro_body .pro_l_nav_box {
    margin-top: .9rem;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12)
}

.pro_body .pro_l_nav_box .swiper-slide {
    position: relative
}

.pro_body .pro_l_nav_box .swiper-slide::before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - .4rem);
    top: .2rem;
    right: 0;
    position: absolute;
    background: #d2d2d2
}

.pro_body .pro_l_nav_box .swiper-slide:last-child::before {
    display: none
}

.pro_body .pro_l_nav_box .swiper-slide a {
    display: block;
    transition: all .3s ease;
    padding: .265rem .2rem;
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

.pro_body .pro_l_nav_box .swiper-slide a::before {
    content: '';
    display: block;
    width: 0;
    height: .04rem;
    background-color: #bf0006;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease
}

.pro_body .pro_l_nav_box .swiper-slide a h2 {
    font-size: inherit;
    font-weight: inherit
}

@media all and (min-width:1025px) {
    .pro_body .pro_l_nav_box .swiper-slide a:hover {
        color: #bf0006
    }

    .pro_body .pro_l_nav_box .swiper-slide a:hover::before {
        width: .48rem
    }
}

.pro_body .pro_l_nav_box .swiper-slide a.on {
    color: #bf0006
}

.pro_body .pro_l_nav_box .swiper-slide a.on::before {
    width: .48rem
}

.pro_body .screen_box {
    background: #f0f0f0;
    padding: .3rem .4rem
}

.pro_body .screen_box .gru_box {
    display: flex;
    align-items: flex-start
}

.pro_body .screen_box .gru_box .scr_name {
    font-size: 16px;
    line-height: 3;
    color: #333;
    font-family: GOTHAM-BOLD_0;
    width: 105px
}

.pro_body .screen_box .gru_box .scr_con {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 105px)
}

.pro_body .screen_box .gru_box .scr_con label {
    font-size: 12px;
    color: #666;
    line-height: 48px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: .3rem
}

.pro_body .screen_box .gru_box .scr_con label:last-child {
    margin-right: 0
}

.pro_body .screen_box .gru_box .scr_con label span {
    display: block;
    width: .16rem;
    height: .16rem;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    transition: all .3s ease;
    margin-right: .1rem;
    position: relative;
    display: inline-block;
}

.pro_body .screen_box .gru_box .scr_con label span::before {
    content: '';
    display: block;
    width: .1rem;
    height: .04rem;
    border: 1px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.pro_body .screen_box .gru_box .scr_con label input:checked+span {
    border-color: transparent;
    background-color: #bf0006
}

.pro_body .pro_l_list_case {
    display: flex;
    flex-wrap: wrap;
    margin-top: .6rem
}

.pro_body .pro_l_list_case .pro_link {
    width: calc((100% - .39rem)/ 4);
    margin-right: .13rem;
    margin-bottom: .13rem
}

.pro_body .pro_l_list_case .pro_link:nth-child(4n) {
    margin-right: 0
}

.pro_body .pro_link {
    cursor: pointer
}

.pro_body .pro_link .pro_img_box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    transition: all .3s ease
}

.pro_body .pro_link .pro_img_box::after {
    content: '';
    display: block;
    height: 3px;
    width: 0;
    background-color: #bf0006;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
    position: absolute;
    z-index: 2
}

@media all and (min-width:1025px) {
    .pro_body .pro_link:hover .pro_img_box {
        box-shadow: 0 16px 43px 0 rgba(0, 0, 0, .12)
    }

    .pro_body .pro_link:hover .pro_img_box::after {
        width: 100%
    }

    .pro_body .pro_link:hover .pro_d_name {
        font-size: 16px
    }
}

.pro_body .pro_link .pro_d_name {
    font-size: 16px;
    text-align: center;
    transition: all .3s ease;
    color: #333;
    line-height: 1.5;
    height: 42px;
    padding: .185rem .2rem .055rem;
    font-family: GOTHAM-BOLD_0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_body .pro_d_top {
    display: flex;
    align-items: flex-start;
    margin-top: 5.729166vw
}

.pro_body .pro_d_top .pro_d_lb {
    width: 50%
}

.pro_body .pro_d_top .pro_d_lb .pro_d_img {
    border: 1px solid #ccc
}

.pro_body .pro_d_top .pro_d_lb .pro_d_img .swiper-button-prev {
    transform: translate(0, -50%)
}

.pro_body .pro_d_top .pro_d_lb .pro_d_img .swiper-button-next {
    transform: translate(0, -50%)
}

.pro_body .pro_d_top .pro_d_lb .pro_d_img .pro_img_box::before {
    margin-top: 85.6666%
}

.pro_body .pro_d_top .pro_d_lb .pro_d_img .pro_img_magnify {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .4rem;
    display: block;
    line-height: 1;
    color: #333;
    cursor: pointer;
    z-index: 2
}

.pro_body .pro_d_top .pro_d_lb .pro_d_nav {
    margin-top: .3rem
}

.pro_body .pro_d_top .pro_d_lb .pro_d_nav .swiper-slide {
    cursor: pointer
}

.pro_body .pro_d_top .pro_d_lb .pro_d_nav .swiper-slide-thumb-active .pro_img_box {
    border-color: #bf0006
}

.pro_body .pro_d_top .pro_d_lb .pro_d_nav .pro_img_box {
    border: 1px solid #e6e6e6;
    transition: all .3s ease
}

.pro_body .pro_d_top .pro_d_lb .pro_d_nav .pro_img_box::before {
    margin-top: 85%
}

.pro_body .pro_d_top .pro_d_mess {
    width: 50%;
    padding-left: .6rem
}

.pro_body .pro_d_top .pro_d_mess .pro_mess_box {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .5rem
}

.pro_body .pro_d_top .pro_d_mess .pro_mess_box .pub_info,
.pro_body .pro_d_top .pro_d_mess .pro_mess_box .pub_title {
    text-align: left
}

.pro_body .pro_d_top .pro_d_mess .pro_mess_info_box {
    margin-top: .5rem;
    font-size: 16px;
    line-height: 1.875;
    color: #333;
    overflow-y: auto
}

.pro_body .pro_d_top .pro_d_mess.pro_mess_a_sty .pro_mess_info_box {
    margin-top: .55rem;
    padding-right: .35rem;
    font-family: GOTHAM-BOOK_0;
    overflow-y: auto;
    height: 3.34rem
}

.pro_body .pro_d_top .pro_d_mess.pro_mess_a_sty .sq_logo {
    margin-top: 12.963%
}

.pro_body .pro_d_top .pro_d_mess .sq_logo {
    margin-top: 11.111%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.pro_body .pro_d_top .pro_d_mess .sq_logo img {
    display: block;
    height: .52rem;
    margin-right: .2rem
}

.pro_body .pro_d_top .pro_d_mess .sq_logo img:last-child {
    margin-right: 0
}

.pro_body .pro_d_js {
    margin-top: .5rem
}

.pro_body .pro_d_js>div {
    margin-bottom: 5.2083vw;
    display: flex
}

.pro_body .pro_d_js>div:nth-child(even) {
    flex-direction: row-reverse
}

.pro_body .pro_d_js>div>div {
    width: 50%
}

.pro_body .pro_d_js>div .pro_img_box::before {
    margin-top: 76.66666%
}

.pro_body .pro_d_js>div .pro_d_info_text {
    display: flex;
    padding: .5rem .6rem;
    align-items: center;
    border: 1px solid #e5e5e5;
    background: #f9f9f9
}

.pro_body .pro_d_js>div .pro_d_info_text>div {
    width: 100%
}

.pro_body .pro_d_js>div .pro_d_info_text>div .pro_d_i_name {
    font-size: .32rem;
    line-height: 1.125;
    color: #333;
    margin-bottom: .25rem
}

.pro_body .pro_d_js>div .pro_d_info_text>div .pub_info {
    text-align: left
}

.pro_body .pro_table_box {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between
}

.pro_body .pro_table_box .pro_tab_sty1 {
    width: calc((100% - .2rem)/ 2)
}

.pro_body .pro_table_box .pro_tab_sty1>div {
    display: flex
}

.pro_body .pro_table_box .pro_tab_sty1>div:first-child .tab_name {
    font-size: 14px;
    background-color: #bf0006;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #fff;
    font-weight: 700;
    color: #fff;
    padding-top: .13rem;
    padding-bottom: .13rem
}

.pro_body .pro_table_box .pro_tab_sty1>div:first-child .tab_mess {
    font-size: 14px;
    border-bottom-color: transparent;
    border-right-color: #fff;
    word-wrap: break-word;
    word-break: normal;
    background: #333;
    font-weight: 700;
    color: #fff;
    padding-top: .13rem;
    padding-bottom: .13rem
}

.pro_body .pro_table_box .pro_tab_sty1>div:first-child .tab_mess:last-child {
    border-right-color: transparent
}

.pro_body .tab_name {
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 700;
    padding: .1rem .2rem;
    line-height: 1.66;
    background: #f9f9f9;
    color: #333
}

.pro_body .tab_mess {
    color: #333;
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
    padding: .1rem .2rem;
    line-height: 1.66;
    background: #fff
}

.pro_body .pro_tab_sty2 {
    margin-top: .4rem
}

.pro_body .pro_tab_sty2>div {
    display: flex;
    justify-content: center
}

.pro_body .pro_tab_sty2>div .tab_mess {
    width: calc(100% / 7)
}

.pro_body .pro_tab_sty2>div .tab_name {
    width: calc(100% / 7)
}

.pro_body .pro_tab_sty2>div:first-child .tab_name {
    font-size: 14px;
    background-color: #bf0006;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #fff;
    font-weight: 700;
    color: #fff;
    padding-top: .13rem;
    padding-bottom: .13rem
}

.pro_body .pro_tab_sty2>div:first-child .tab_mess {
    font-size: 14px;
    border-bottom-color: transparent;
    border-right-color: #fff;
    background: #333;
    font-weight: 700;
    color: #fff;
    padding-top: .13rem;
    padding-bottom: .13rem
}
.pro_body .pro_tab_sty2 .s_title>div:first-child .tab_mess{font-size: 14px;
    background-color: #bf0006;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #fff;
    font-weight: 700;
    color: #fff;
    padding-top: 0.13rem;
    padding-bottom: 0.13rem;}

.pro_body .pro_tab_sty2>div:first-child .tab_mess:last-child {
    border-right-color: transparent
}

.pro_body .pro_tab_sty2>div>div:nth-child(odd) {
    background: #f9f9f9
}

.pro_body .pro_d_src3_case {
    background: #f9f9f9
}

.pro_body .pro_d_src3_case .rec_pro_box {
    margin-top: .5rem;
    position: relative
}

.sha_case {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    display: none
}

.sha_case .sha_guan {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.sha_case .btn_close {
    position: absolute;
    left: 100%;
    top: 0;
    color: #fff;
    transition: all .3s ease;
    cursor: pointer;
    font-size: .4rem;
    line-height: 1;
    margin-left: .3rem
}

.sha_case .btn_close:hover {
    color: #bf0006
}

.sha_case .sha_con_box {
    position: absolute;
    background-color: #fff;
    padding: .5rem;
    border-radius: .3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sha_case .sha_con_box img {
    max-width: 70vw;
    max-height: 70vh
}

.sha_case .form_con_box {
    background: #fff;
    border-radius: 4px;
    padding: .6rem 1.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sha_case .form_con_box form {
    display: flex;
    flex-wrap: wrap;
    margin-top: .53rem
}

.sha_case .form_con_box form label {
    width: calc(50% - .3rem);
    display: flex;
    align-items: center;
    margin-bottom: .24rem;
    font-size: 16px;
    line-height: 1.875
}

.sha_case .form_con_box form label span {
    width: 170px;
    color: #666
}

.sha_case .form_con_box form label span em {
    color: #bf0006
}

.sha_case .form_con_box form label input {
    width: calc(100% - 170px);
    font-size: inherit;
    line-height: inherit;
    color: #999;
    padding: .1rem;
    background: #fff;
    border: 1px solid #eee
}

.sha_case .form_con_box form label:nth-child(even) {
    margin-left: .6rem
}

.sha_case .form_con_box form label:nth-child(5) {
    width: 100%
}

.sha_case .form_con_box .hints_box {
    padding-left: 170px;
    width: 100%
}

.sha_case .form_con_box .btn_sty {
    min-width: 2.2rem;
    display: block;
    margin: .58rem auto 0;
    text-align: center
}

.news_body .news_src1_case {
    padding-bottom: 6.25vw
}

.news_body .news_time_nav_box {
    position: relative;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    padding: 0 .3rem
}

.news_body .news_time_nav_box .swiper-slide {
    position: relative;
    width: auto
}

.news_body .news_time_nav_box .swiper-slide a {
    display: block;
    transition: all .3s ease;
    padding: .4rem .1rem;
    line-height: .2rem;
    width: 98px;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    font-family: NEXA-XBOLD
}

.news_body .news_time_nav_box .swiper-slide a::before {
    content: '';
    display: block;
    width: 0;
    height: .04rem;
    background-color: #bf0006;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease
}

@media all and (min-width:1025px) {
    .news_body .news_time_nav_box .swiper-slide a:hover {
        color: #bf0006
    }

    .news_body .news_time_nav_box .swiper-slide a:hover::before {
        width: .48rem
    }
}

.news_body .news_time_nav_box .swiper-slide a.on {
    color: #bf0006;
    font-size: 24px
}

.news_body .news_time_nav_box .swiper-slide a.on::before {
    width: .48rem
}

.news_body .news_list {
    margin-top: .24rem;
    padding: 0 .6rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.news_body .news_list .news_list_box a {
    display: flex;
    align-items: flex-start;
    padding: .6rem 0;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer
}

.news_body .news_list .news_list_box a .pro_img_box {
    width: 26.31578%;
    margin-right: .6rem
}

.news_body .news_list .news_list_box a .pro_img_box::before {
    margin-top: 66.6666%
}

.news_body .news_list .news_list_box a .pro_img_box img {
    transition: all .3s ease
}

.news_body .news_list .news_list_box a .news_text_box {
    width: calc(73.68422% - .6rem)
}

.news_body .news_list .news_list_box a .news_text_box .news_title {
    font-size: 24px;
    line-height: 1;
    color: #333;
    transition: all .3s ease;
    font-weight: 400
}

@media all and (max-width:1024px) {
    .news_body .news_list .news_list_box a .news_text_box .news_title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.news_body .news_list .news_list_box a .news_text_box .news_time {
    font-size: 16px;
    color: #999;
    line-height: 1;
    margin-top: .2rem
}

.news_body .news_list .news_list_box a .news_text_box .pub_info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 6.544%;
    text-align: left;
    margin-bottom: -.07rem
}

.news_body .news_list .news_list_box a:last-child {
    border-bottom: none;
    padding-bottom: .3rem
}

@media all and (min-width:1025px) {
    .news_body .news_list .news_list_box a:hover .news_text_box .news_title {
        color: #bf0006;
        font-family: GOTHAM-BOLD_0
    }

    .news_body .news_list .news_list_box a:hover .pro_img_box img {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

.news_body .news_d_src1_block {
    background: #fff;
    padding: .6rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12)
}

.news_body .new_d_top {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: .6rem
}

.news_body .new_d_top .nes_d_title {
    font-size: 24px;
    line-height: 1.78;
    margin-top: -.128rem;
    color: #333;
    font-weight: 400
}

.news_body .new_d_top .nes_d_time {
    margin-top: .19rem;
    line-height: 1;
    font-size: 16px;
    color: #999;
    position: relative
}

.news_body .new_d_top .nes_d_time span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    display: flex;
    align-items: center
}

.news_body .new_d_top .nes_d_time span i {
    font-size: .18rem;
    margin-right: .16rem
}

.news_body .new_d_con {
    font-size: 16px;
    line-height: 1.875;
    color: #666;
    padding: .53rem 0;
    border-bottom: 1px solid #d9d9d9
}

.news_body .new_d_con h2 {
    font-size: 16px
}

.news_body .new_d_con a {
    word-wrap: break-word;
    word-break: normal;
    color: #bf0006
}

.news_body .new_d_con img {
    text-align: center;
    display: block;
    margin: 0 auto
}

.news_body .new_d_con p {
    margin: 0;
    padding: 0
}

.news_body .new_d_bottom {
    padding-top: .53rem
}

.news_body .new_d_bottom a {
    display: block;
    line-height: 1.875;
    font-size: 16px;
    margin-top: .1rem;
    color: #666;
    padding-left: .32rem;
    position: relative;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news_body .new_d_bottom a::before {
    content: '';
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #bf0006;
    border-radius: 50%;
    width: .06rem;
    height: .06rem;
    position: absolute
}

.news_body .new_d_bottom a span {
    font-family: GOTHAM-BOLD_0;
    color: #bf0006
}

.news_body .new_d_bottom a:first-child {
    margin-top: 0
}

@media all and (min-width:1025px) {
    .news_body .new_d_bottom a:hover {
        color: #bf0006
    }
}

.cookie-go {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 10000000;
    background-color: rgba(0, 0, 0, .8);
    padding: .32rem 4%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cookie-go.on {
    pointer-events: auto;
    opacity: 1
}

.cookie-go div {
    text-align: right
}

.cookie-go div>a.yes {
    display: inline-block;
    font-size: 16px;
    padding: 0 .2rem;
    line-height: 2.1428;
    color: #fff;
    text-align: center;
    background-color: #bf0006;
    background-size: cover;
    cursor: pointer
}

.cookie-go div>a.no {
    display: inline-block;
    font-size: 16px;
    padding: 0 .2rem;
    line-height: 2.1428;
    color: #fff;
    text-align: center;
    background: 0 0;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer
}

.cookie-go p {
    color: #fff;
    font-size: 16px;
    line-height: 180%;
    margin: 0
}

.cookie-go p>a {
    color: #bf0006
}

.undone {
    cursor: pointer;
    pointer-events: auto
}

.undone a {
    pointer-events: none
}

.sha_hint_box {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5);
    display: none
}

.sha_hint_box i {
    display: block;
    line-height: 1;
    position: absolute;
    left: 100%;
    top: 0;
    color: #fff;
    transition: all .3s ease;
    cursor: pointer;
    font-size: .4rem;
    margin-left: .3rem;
    transition: all .3s ease
}

@media all and (min-width:1025px) {
    .sha_hint_box i:hover {
        color: #bf0006
    }
}

.sha_hint_box>div {
    background-color: #fff;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    max-width: 300px;
    height: 20vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .18rem;
    line-height: 1.5;
    color: #666;
    border-radius: .3rem
}

.other-nav {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, -100%, 0);
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease;
    z-index: 99
}

.other-nav .btn_sha_ {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: .9rem;
    left: 0;
    display: none
}

.other-nav .search-in {
    border: none;
    border-bottom: 1px solid #bf0006;
    background-color: transparent;
    width: 4rem;
    line-height: 30px;
    height: 30px;
    display: inline-block
}

.other-nav .sub {
    color: #bf0006;
    background-color: transparent;
    border: none;
    padding: 12px;
    cursor: pointer;
    font-size: .22rem
}

.other-nav.on {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.search_body p {
    margin-bottom: 0
}

.search_body .sr.maxsize {
    max-width: 800px;
    margin: 0 auto;
    padding: .1rem 0
}

.search_body .sr.maxsize .news_page_box {
    padding-bottom: 0;
    padding-top: .14rem
}

.search_body .search {
    text-align: center
}

.search_body .hl {
    color: #bf0006;
    text-decoration: underline
}

.search_body .con {
    border: 1px solid #ccc;
    display: inline-block;
    width: 50%;
    position: relative;
    margin-bottom: .2rem
}

.search_body .con .text {
    float: left;
    width: 75%;
    line-height: .5rem;
    height: .5rem;
    text-indent: 10px
}

.search_body .con .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    line-height: .5rem;
    height: .5rem;
    font-size: .2rem;
    text-align: center;
    width: 25%;
    cursor: pointer
}

.search_body .con .iconfont:hover {
    background: #bf0006;
    color: #fff
}

.search_body .maxsize .list {
    padding: .5rem 0
}

.search_body .maxsize .list .item {
    margin-bottom: 10px
}

.search_body .maxsize .list .item a {
    display: block;
    padding: .2rem
}

.search_body .maxsize .list .item:hover a {
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}

.search_body .maxsize .list .item h2 {
    font-weight: 400;
    font-size: .18rem;
    line-height: .4rem;
    border-bottom: 1px solid #dadada;
    margin-bottom: .15rem
}

.search_body .maxsize .list .item h2 span {
    padding-right: .15rem;
    margin-right: .15rem;
    border-right: 1px solid #dadada
}

.search_body .maxsize .list .item p {
    line-height: 1.71429;
    font-size: .14rem
}

.s_style {
    display: none
}

.con_body .con_src1_case {
    padding-bottom: 6.25vw
}

.con_body .con_src1_case .con_src1_block {
    display: flex
}

.con_body .con_src1_case .con_src1_block .con_mess_case {
    width: 37.5%;
    padding-right: .46rem
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box {
    padding-right: .3rem
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div {
    margin-bottom: .51rem
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .gq_img_box {
    position: relative
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .gq_img_box::before {
    content: '';
    display: block;
    width: 1.02rem;
    height: 1px;
    margin-top: -.05px;
    left: .64rem;
    top: 50%;
    position: absolute;
    background-color: #bf0006
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .gq_img_box img {
    display: block;
    width: .34rem
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .zgs_name {
    margin-top: .3rem;
    line-height: .9166;
    font-size: 24px;
    color: #333
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .pub_info {
    margin-top: .22rem;
    text-align: left
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .pub_info>div {
    display: flex
}

.con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .pub_info>div span:first-child {
    white-space: nowrap;
    margin-right: .1rem
}

.con_body .con_src1_case .con_src1_block .tj_case {
    width: 62.5%;
    border-radius: 4px;
    background: #fafafa;
    padding: .6rem
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box {
    margin-top: .48rem
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box {
    margin-bottom: .3rem;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.875;
    position: relative
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box:nth-of-type(5) {
    z-index: 5
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box label {
    color: #666;
    width: 160px;
    padding: .1rem 0
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box label em {
    color: #bf0006
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box input,
.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box select,
.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box textarea {
    font-size: inherit;
    line-height: inherit;
    width: calc(100% - 160px);
    color: #999;
    padding: .1rem;
    background: #fff;
    border: 1px solid #eee
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box select {
    display: block;
    width: 100%;
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box textarea {
    height: 1.5rem;
    resize: none
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    width: calc(100% - 160px);
    color: #999;
    text-align: center
}
#attr_7{width: 100%!important;}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou .btn_show {
    font-size: inherit;
    line-height: inherit;
    color: #999;
    padding: .1rem;
    background: #fff;
    border: 1px solid #eee;
    cursor: pointer
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou .btn_show i {
    color: #bf0006;
    margin-left: 5px;
    position: absolute;
    transition: all .3s ease
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou ul {
    display: none;
    position: absolute;
    max-height: 5rem;
    overflow-y: auto;
    left: 0;
    width: 100%;
    top: 100%;
    background-color: #fff;
    padding: 0 .15rem;
    box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .2)
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou ul li {
    line-height: 1.5;
    color: #999;
    font-size: 14px;
    padding: .15rem 0;
    transition: all .3s ease;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou ul li:last-child {
    border-bottom: none
}

@media all and (min-width:1025px) {
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou ul li:hover {
        color: #bf0006
    }
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou.on ul {
    display: block
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou.on .btn_show i {
    transform: rotate(-180deg)
}

.con_body .con_src1_case .con_src1_block .tj_case .tj_box .btn_sty {
    display: table;
    margin: .58rem auto 0;
    text-align: center
}

.hints_box {
    font-size: 14px;
    line-height: 1;
    margin-top: .24rem;
    color: #999
}

.hints_box a,
.hints_box span {
    color: #bf0006
}

.res_body .news_page_box {
    margin-top: .3rem
}

.res_body .pro_l_nav_box .swiper-slide::before {
    height: calc(100% - .5rem);
    top: .25rem
}

.res_body .pro_l_nav_box .swiper-slide a {
    font-family: GOTHAM-BOLD_0;
    display: flex;
    align-items: center;
    height: 1rem;
    justify-content: center
}

.res_body .res_list_case {
    margin-top: .24rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    background-color: #fff
}

.res_body .res_list_case .res_list_box {
    padding: 0 .6rem
}

.res_body .res_list_case .res_list_box>div {
    padding: .48rem 0;
    border-bottom: 1px solid rgba(217, 217, 217, .5);
    display: flex;
    align-items: center
}

.res_body .res_list_case .res_list_box>div:last-child {
    border-bottom: none
}

.res_body .res_list_case .res_list_box>div .btn_sty {
    width: 134px;
    margin-left: .24rem;
    padding: .07rem 0;
    text-align: center
}

.res_body .res_list_case .res_list_box>div .btn_sty>div>div i,
.res_body .res_list_case .res_list_box>div .btn_sty>div>div span {
    font-size: 12px
}

.res_body .res_list_case .res_list_box>div .btn_sty>div>div i {
    margin-right: .16rem
}

.res_body .res_list_case .res_list_box>div .btn_sty.btn_col_w {
    border: 1px solid #d2d2d2
}

.res_body .res_list_case .res_list_box>div .btn_sty.btn_col_w>div>div i {
    color: #bf0006
}

.res_body .res_list_case .res_list_box>div .btn_sty.btn_col_w>div>div span {
    color: #333
}

.res_body .res_list_case .res_list_box>div .btn_sty.des_btn {
    background: #d2d2d2;
    pointer-events: none
}

.res_body .res_list_case .res_list_box>div .zl_info {
    width: calc(100% - 268px - .24rem)
}

.res_body .res_list_case .res_list_box>div .zl_info .zl_name {
    line-height: 1;
    font-size: 24px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.res_body .res_list_case .res_list_box>div .zl_info .zl_time {
    font-size: 16px;
    margin-top: .2rem;
    color: #999;
    line-height: 1
}

.abo_body section {
    padding-bottom: 6.25vw
}

.abo_body .list_sty {
    margin: .8rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.abo_body .list_sty a {
    width: 16%
}

@media all and (min-width:1025px) {
    .abo_body .list_sty a:hover .pro_img_box img {
        transform: translate3d(-50%, -50%, 0) scale(1.1)
    }
}

.abo_body .list_sty a .pro_img_box {
    background-position: center;
    background-size: cover
}

.abo_body .list_sty a .pro_img_box::before {
    margin-top: 151.04166%
}

.abo_body .list_sty a:nth-child(even) {
    margin-top: .6rem
}

.abo_body .list_sty a>div:nth-child(2) {
    font-size: 16px;
    margin-top: .38rem;
    color: #666;
    line-height: 1.25
}

.abo_body .list_sty.list_w a {
    width: 22.5%
}

.abo_body .list_sty.list_w a .pro_img_box::before {
    margin-top: 150%
}

.abo_body .abo_src1_case,
.abo_body .abo_src3_case,
.abo_body .soc_src2_case {
    background: #f5f5f5
}

.abo_body .abo_src3_case .logo_sty {
    margin-top: .45rem
}

.abo_body .abo_src3_case .logo_sty .swiper-slide {
    display: flex;
    justify-items: center;
    flex-wrap: wrap
}

.abo_body .abo_src3_case .logo_sty .swiper-slide a {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    margin-bottom: .1rem;
    width: calc((100% - .39rem)/ 4);
    margin-right: .13rem
}

.abo_body .abo_src3_case .logo_sty .swiper-slide a:nth-child(4n) {
    margin-right: 0
}

.abo_body .abo_src3_case .logo_sty .swiper-slide a img {
    display: block;
    width: 100%
}

.abo_body .abo_src3_case .logo_sty .swiper-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .2rem
}

.abo_body .abo_src3_case .logo_sty .swiper-pagination span {
    width: .06rem;
    height: .06rem;
    border: .03rem solid #999;
    opacity: 1;
    background-color: transparent;
    margin: 0 .2rem
}

.abo_body .abo_src3_case .logo_sty .swiper-pagination span.swiper-pagination-bullet-active {
    width: .2rem;
    height: .2rem;
    border-color: #e30311
}

.abo_body .mil_case {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    padding: .6rem .45rem
}

.abo_body .mil_case .mil_con_box {
    position: relative
}

.abo_body .mil_case .mil_con_box::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.5px;
    background: #e5e5e5;
    pointer-events: none
}

.abo_body .mil_case .mil_con_box>div {
    margin-bottom: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    visibility: hidden
}

.abo_body .mil_case .mil_con_box>div:last-child {
    margin-bottom: 0
}

.abo_body .mil_case .mil_con_box>div:before {
    content: '';
    display: block;
    width: .07rem;
    height: .07rem;
    border-radius: 50%;
    background-color: #bf0006;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    position: absolute
}

.abo_body .mil_case .mil_con_box>div>div {
    width: 50%
}

.abo_body .mil_case .mil_con_box>div .mil_img {
    padding-right: .6rem;
    display: flex;
    justify-content: flex-end
}

.abo_body .mil_case .mil_con_box>div .mil_img img {
    max-width: 100%;
    display: block
}

.abo_body .mil_case .mil_con_box>div .mil_text {
    padding-left: .6rem
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_time {
    color: #bf0006;
    font-family: NEXA-XBOLD;
    font-size: 32px;
    line-height: .75
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_info {
    margin-top: .3rem
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_info span {
    display: none;
    padding-left: .18rem;
    padding-top: .12rem;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    color: #999
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_info span i {
    margin-left: .13rem;
    font-size: .085rem
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_mess {
    transition: all .3s ease;
    overflow: hidden
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    padding: .055rem 0;
    position: relative
}

.abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div::before {
    content: '';
    display: inline-block;
    margin-right: .1rem;
    background-color: #333;
    width: .03rem;
    height: .03rem;
    border-radius: 100%;
    vertical-align: middle
}

.abo_body .mil_case .mil_con_box>div.on {
    align-items: flex-start
}

.abo_body .mil_case .mil_con_box>div.on .mil_text .mil_mess {
    max-height: 9999px
}

.abo_body .mil_case .mil_con_box>div.on .mil_text .mil_info span {
    display: none
}

.abo_body .mil_case .mil_con_box>div:nth-child(even) {
    flex-direction: row-reverse
}

.abo_body .mil_case .mil_con_box>div:nth-child(even) .mil_img {
    padding-right: 0;
    padding-left: .6rem;
    justify-content: flex-start
}

.abo_body .mil_case .mil_con_box>div:nth-child(even) .mil_text {
    padding-left: 0;
    padding-right: .6rem;
    text-align: right
}

.abo_body .dev_src_box>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8.333%
}

.abo_body .dev_src_box>div:last-child {
    margin-bottom: 0
}

.abo_body .dev_src_box>div>img {
    display: block;
    width: 50%
}

.abo_body .dev_src_box>div .dev_text_box {
    width: 50%;
    padding-left: 10%
}

.abo_body .dev_src_box>div .dev_text_box .pub_title {
    text-align: left
}

.abo_body .dev_src_box>div .dev_text_box .pub_title.pub_title_l::after {
    left: 0;
    transform: none
}

.abo_body .dev_src_box>div .dev_text_box .pub_info {
    text-align: left
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>div {
    margin-bottom: .14rem
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>div span {
    font-family: GOTHAM-BOLD_0;
    color: #333
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>div:last-child {
    margin-bottom: 0
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>.alone_s {
    margin-bottom: .05rem;
    font-size: inherit;
    line-height: inherit;
    color: #333;
    font-family: GOTHAM-BOLD_0
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>span {
    font-size: inherit;
    line-height: inherit;
    position: relative;
    display: block;
    padding-left: .3rem
}

.abo_body .dev_src_box>div .dev_text_box .pub_info>span::before {
    content: '•';
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0
}

.abo_body .dev_src_box>div:nth-child(even) {
    flex-direction: row-reverse
}

.abo_body .dev_src_box>div:nth-child(even) .dev_text_box {
    width: 41.5%;
    padding-left: 0
}

.abo_body .dev_src1_case .dev_src_box>div {
    flex-direction: row-reverse
}

.abo_body .dev_src1_case .dev_src_box>div .dev_text_box {
    width: 41.5%;
    padding-left: 0
}

.abo_body .dev_src2_case,
.abo_body .dev_src4_case {
    background: #f7f7f7
}

.abo_body .des_img {
    margin: .45rem auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.abo_body .des_img a {
    margin-top: .3rem;
    width: 21.62%;
    margin-left: .2rem;
    margin-right: .2rem;
    border: 1px solid #d9d9d9;
    background-color: #fff
}

.abo_body .des_img a img {
    display: block;
    width: 100%
}

@media all and (min-width:768px) {
    .abo_body .des_img a:nth-child(1) {
        margin-left: 5%
    }

    .abo_body .des_img a:nth-child(3) {
        margin-right: 5%
    }
}

.abo_body .abo_l_nav_box {
    margin-top: .45rem;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12)
}

.abo_body .abo_l_nav_box .swiper-slide {
    position: relative
}

.abo_body .abo_l_nav_box .swiper-slide::before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - .5rem);
    top: .25rem;
    right: 0;
    position: absolute;
    background: #d2d2d2
}

.abo_body .abo_l_nav_box .swiper-slide:last-child::before {
    display: none
}

.abo_body .abo_l_nav_box .swiper-slide a {
    transition: all .3s ease;
    padding: .265rem .2rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    font-family: GOTHAM-BOLD_0
}

.abo_body .abo_l_nav_box .swiper-slide a::before {
    content: '';
    display: block;
    width: 0;
    height: .04rem;
    background-color: #bf0006;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease
}

@media all and (min-width:1025px) {
    .abo_body .abo_l_nav_box .swiper-slide a:hover {
        color: #bf0006
    }

    .abo_body .abo_l_nav_box .swiper-slide a:hover::before {
        width: .48rem
    }
}

.abo_body .abo_l_nav_box .swiper-slide.swiper-slide-thumb-active a {
    color: #bf0006
}

.abo_body .abo_l_nav_box .swiper-slide.swiper-slide-thumb-active a::before {
    width: .48rem
}

.abo_body .abo_con_mess {
    margin-top: .6rem
}

.abo_body .abo_list_box {
    margin-top: 6.833%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.abo_body .abo_list_box>a {
    margin-top: .3rem;
    position: relative;
    width: 49.16%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12);
    background-color: #fff
}

.abo_body .abo_list_box>a .btn_sty {
    position: absolute;
    bottom: .6rem;
    left: .4rem;
    text-align: center
}

.abo_body .abo_list_box>a .con_info {
    padding: .45rem .4rem 130px
}

.abo_body .abo_list_box>a .con_info .con_name {
    font-size: 24px;
    color: #000;
    line-height: 1.5
}

.abo_body .abo_list_box>a .con_info .pub_info {
    margin-top: .2rem;
    text-align: left
}

.abo_body .abo_list_box>a .con_info .pub_info>div {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: .07rem
}

.abo_body .abo_list_box>a .con_info .pub_info>div:last-child {
    margin-bottom: 0
}

.abo_body .abo_list_box>a .img_box {
    overflow: hidden
}

.abo_body .abo_list_box>a img {
    width: 100%;
    display: block;
    transition: all .8s ease
}

@media all and (max-width:1024px) {
    .abo_body .abo_list_box>a:hover img {
        transform: scale(1.1)
    }
}

.abo_body .she_liang_box {
    margin-top: 5.20833%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: .85rem
}

.abo_body .she_liang_box .soc_she_name {
    font-size: 24px;
    color: #333;
    line-height: 1.333
}

.abo_body .she_liang_box .soc_num_box {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between
}

.abo_body .she_liang_box .soc_num_box .run_num_box_p {
    color: #bf0006;
    font-size: 36px;
    line-height: .85;
    font-family: NEXA-XBOLD
}

.abo_body .she_liang_box .soc_num_box .run_num_box_p span {
    font-size: inherit
}

.abo_body .she_liang_box .soc_num_box .run_name {
    font-size: 22px;
    line-height: 1.5;
    margin-top: .1rem;
    color: #333
}

.abo_body .abo_src3_case .abo_con_mess {
    margin-top: .4rem
}

.abo_body .abo_src3_case .abo_con_mess .par_logo_box {
    display: flex;
    flex-wrap: wrap
}

.abo_body .abo_src3_case .abo_con_mess .par_logo_box a {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    width: 24.15%;
    margin-top: .2rem;
    margin-right: 1.133%
}

.abo_body .abo_src3_case .abo_con_mess .par_logo_box a:nth-child(4n) {
    margin-right: 0
}

.abo_body .abo_src3_case .abo_con_mess .par_logo_box a img {
    width: 100%;
    display: block
}

.abo_body .aro_box {
    position: relative;
    margin-top: .65rem
}

.abo_body .aro_box>img {
    width: 100%;
    display: block
}

.abo_body .aro_box .aro_info_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.abo_body .aro_box .aro_info_box .zb_dot {
    position: absolute;
    transform: translate(-50%, -50%);
    width: .07rem;
    height: .07rem;
    border-radius: 100%;
    background-color: #bf0006
}

.abo_body .aro_box .aro_info_box .zb_dot.bottom_s .line_s {
    top: 100%;
    bottom: auto
}

.abo_body .aro_box .aro_info_box .zb_dot.bottom_s .line_s .map_mess_box {
    top: calc(100% + .1rem);
    bottom: auto
}

.abo_body .aro_box .aro_info_box .zb_dot .line_s {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -.5px;
    width: 1px;
    background-color: #bf0006
}

.abo_body .aro_box .aro_info_box .zb_dot .line_s .map_mess_box {
    position: absolute;
    bottom: calc(100% + .1rem);
    left: 50%;
    transform: translateX(-50%)
}

.abo_body .aro_box .aro_info_box .zb_dot .abo_name_box {
    position: absolute;
    right: calc(100% + .1rem);
    top: 0;
    text-align: right
}

.abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_name {
    font-family: GOTHAM-BOLD_0;
    padding-top: .1rem;
    line-height: 1;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    text-transform: uppercase
}

.abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_info {
    margin-top: .08rem;
    line-height: 1;
    font-size: 14px;
    color: #666;
    white-space: nowrap
}

.abo_body .aro_box .aro_info_box .zb_dot.left_s .abo_name_box {
    right: auto;
    left: calc(100% + .1rem);
    top: 0;
    text-align: left
}

.abo_body .aro_box .aro_info_box .abo_icon_box {
    position: relative;
    display: flex;
    color: #bf0006
}

.abo_body .aro_box .aro_info_box .abo_icon_box i {
    font-size: .2rem;
    display: block;
    line-height: 1.4;
    margin: 0 .05rem
}

.pdf_box #canvas {
    text-align: center;
    margin-top: 1px
}

.pdf_box canvas {
    margin-bottom: 20px
}

.pdf_box .header {
    padding: .2rem .45rem;
    width: 100%;
    background: #323639;
    color: #fff;
    margin-bottom: 10px;
    font-size: 0
}

.pdf_box .header>h1 {
    display: inline-block;
    font-size: 32px;
    line-height: 1.5;
    width: calc(100% - 40px);
    padding-right: .2rem;
    word-wrap: break-word
}

.pdf_box .header .btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 4px
}

.pdf_box .header .btn a {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.pdf_box .header .btn a:nth-child(1) {
    background-image: url(../image/down.png)
}

.pdf_box .header .btn a:nth-child(2) {
    background-image: url(https://www.leedarson.com/templates/dist/image/print.png)
}

#v-pop {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0);
    transition: all .3s ease
}

#v-pop .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7)
}

#v-pop .con {
    padding: 1em;
    height: 100%;
    position: relative;
    transform: translate3d(0, 8px, 0);
    transition: all .3s ease;
    opacity: 0;
    background-color: #333
}

#v-pop .con video {
    height: 100%;
    display: none;
    object-fit: cover;
    margin: 0 auto
}

#v-pop .con .del_p {
    position: absolute;
    bottom: 50%;
    right: .2rem;
    transform: translateY(50%);
    color: #fff;
    font-size: .34rem;
    transition: all .3s ease;
    cursor: pointer
}

@media all and (min-width:1025px) {
    #v-pop .con .del_p:hover {
        color: #bf0006
    }
}

#v-pop.on {
    opacity: 1;
    display: flex;
    pointer-events: auto;
    visibility: visible
}

#v-pop.on .con {
    transform: none;
    opacity: 1
}

#v-pop.on .con video {
    display: block
}

#v-pop.on .con canvas {
    display: none
}

.sup_r_con {
    text-align: center;
    padding-bottom: 6.25vw
}

.sup_r_con .pub_title {
    color: #bf0006
}

.sup_r_con .pub_info {
    margin-top: .2rem
}

.sup_r_con .pub_info span {
    color: #bf0006
}

.nav.on .zy_fr a {
    color: #fff;
    margin-left: .2rem
}

.go_top {
    color: #666;
    font-size: .5rem;
    display: none;
    line-height: 1;
    cursor: pointer;
    position: fixed;
    right: .4rem;
    bottom: 10vw;
    transition: all .3s ease;
    z-index: 99;
    background-color: #fff;
    border-radius: 100%
}

@media all and (min-width:1025px) {
    .go_top:hover {
        color: #bf0006
    }
}

.img_4 {
    width: 25%;
    display: block;
    margin: 1.5rem auto .5rem
}

.btn_4 {
    line-height: .6rem;
    text-align: center;
    color: #fff;
    background-color: #bf0006;
    cursor: pointer;
    display: block;
    margin: 0 auto 1.5rem;
    width: 2rem;
    font-size: 14px
}

@media all and (max-width:1600px) {
    .nav .nav_con .navBox .item li a {
        padding: 0 30px
    }

    .nav .nav_con .navBox .item {
        width: 800px
    }

    .nav .nav_con .navBox .item li .item_1 {
        width: 800px
    }
}

@media all and (max-width:1440px) {
    .nav_ser_box>div .sel_box .btn_link {
        min-width: 280px
    }
}

@media all and (max-width:1366px) {
    .con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box {
        max-height: 9.8rem
    }

    .res_body .res_list_case .res_list_box>div .zl_info {
        width: calc(100% - 200px - .24rem)
    }

    .res_body .res_list_case .res_list_box>div .btn_sty {
        width: 100px
    }

    .nav_ser_box>div .sel_box .btn_link {
        min-width: 240px
    }

    .nav .nav_con .navBox .item li a {
        padding: 0 20px
    }
}

@media all and (max-width:1024px) {
    body {
        font-size: .16rem
    }
    .lang_fr{margin-top: 0.15rem;}
    .pub_case {
        min-width: auto;
        width: 90%
    }

    .btn_nav_box {
        display: block;
        margin-top: .1rem;
        margin-left: .2rem
    }

    .nav {
        line-height: .9rem
    }

    .btn_sty {
        padding-top: .15rem;
        padding-bottom: .15rem
    }

    .abo_body .abo_l_nav_box .swiper-slide a {
        padding-left: .4rem;
        padding-right: .4rem
    }

    .sha_case .form_con_box .btn_sty {
        width: auto;
        min-width: auto
    }

    .nav .nav_con {
        display: block
    }

    .nav .nav_con .navBox {
        width: 100%;
        background-color: #fff;
        position: fixed;
        height: 100%;
        left: 100%;
        transform: translateX(20%);
        top: .9rem;
        border-top: 1px solid rgba(0, 0, 0, .5);
        transition: all .3s ease;
        overflow: hidden
    }

    .nav .nav_con .navBox .item {
        display: block;
        width: 100%
    }

    .nav .nav_con .navBox .item li a {
        font-size: 16px;
        line-height: 3
    }

    .nav .nav_con .navBox .item li a span {
        display: inline-block
    }

    .nav .nav_con .navBox .item li a span::before {
        background-color: #bf0006
    }

    .nav .nav_con .navBox .item li:first-child a {
        padding-top: .2rem
    }

    .nav .nav_con .navBox.on {
        transform: translateX(-100%)
    }

    .nav .nav_con .logo_box {
        float: left;
        width: 25%
    }

    .nav .nav_con .zy_fr {
        float: right;
        margin-top: .25rem;
        width: auto
    }

    .nav .nav_con .navBox .item li .item_1.item_1_a_sty>li a {
        line-height: 2
    }

    .nav .nav_con .navBox .item li .item_1 a {
        font-size: 14px
    }

    .nav .nav_con .navBox .item li .item_1 li::before {
        display: none
    }

    .news_body .news_time_nav_box .swiper-slide a {
        width: auto
    }

    .nav_btn_01 i,
    .nav_btn_02 i {
        padding: 0 .4rem 0 .8rem;
        line-height: 2;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .btn_sty>div>div span,
    .ind_body .ind_src3_block .ind_src3_img_box a .ind_title_info,
    .ind_body .ind_src4_block .ind_src4_img_box>div>div .ind_num_info,
    .ind_body .ind_src5_block .ind_src5_img_box .ind_new_time,
    .ind_body .ind_src5_block .ind_src5_img_box .ind_new_title,
    .lig_body .abo_list .abo_l_s .abo_l_text .abo_l_info,
    .pub_info,
    footer .link_box>div span,
    footer .link_box>div ul li a,
    footer .lx_box form input,
    footer .lx_box>div .lx_info {
        font-size: 14px
    }

    .btn_sty>div>div i {
        font-size: 18px
    }

    footer .lx_box form>div i {
        font-size: 12px
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case .ind_src2_mess {
        font-size: 16px
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
        opacity: 1
    }

    .cj_list>a>div.liv_src1_name {
        font-size: 16px
    }

    .sol_icon_box_h>a .sol_icon_text_box div,
    .sol_icon_box_h>div .sol_icon_text_box div {
        font-size: 12px
    }

    .lig_body .abo_list .abo_l_s .abo_l_text {
        position: relative;
        top: 0;
        width: 90%;
        margin: .4rem auto;
        transform: none
    }

    .lig_body .lig_src2_case .sol_pro_list a {
        display: block
    }

    .lig_body .lig_src2_case .sol_pro_list a .pro_img_box {
        margin: 0 auto
    }

    .lig_body .lig_src2_case .sol_pro_list a .lig_pro_mess {
        text-align: center;
        width: 90%;
        padding-right: 0;
        margin: auto;
        padding-bottom: .4rem
    }

    .lig_body .abo_list,
    .lig_body .lig_src2_case .sol_pro_list,
    .lig_body .lig_src3_case .sol_icon_box_h {
        margin-top: .53rem
    }

    .lig_body .lig_src3_case .sol_icon_box_h {
        padding-top: 0
    }

    .circle_btn em {
        font-size: 18px;
        display: block
    }

    .abo_body .abo_l_nav_box .swiper-slide {
        width: auto
    }

    .pro_src1_block .pub_info br {
        display: none
    }

    .pro_body .pro_l_nav_box .swiper-slide a {
        font-size: 18px;
        padding-left: .4rem;
        padding-right: .4rem
    }

    .abo_body .abo_list_box>a .con_info {
        padding-bottom: 110px
    }

    .pro_body .screen_box .gru_box {
        align-items: flex-start
    }

    .pro_body .pro_link .pro_d_name {
        font-size: 14px;
        height: auto
    }

    .pro_body .pro_d_top .pro_d_mess .pro_mess_info_box {
        font-size: 14px;
        min-height: 10vh
    }

    .pro_body .pro_d_js>div .pro_d_info_text>div .pro_d_i_name {
        font-size: 25px
    }

    .news_body .news_time_nav_box .swiper-slide a {
        font-size: 14px;
        line-height: 20px
    }

    .news_body .news_time_nav_box .swiper-slide a.on {
        font-size: 20px;
        line-height: 20px
    }

    .news_body .new_d_top .nes_d_title,
    .news_body .news_list .news_list_box a .news_text_box .news_title {
        font-size: 20px
    }

    .news_body .news_list .news_list_box a .news_text_box .news_time {
        font-size: 12px
    }

    .news_body .new_d_top .nes_d_time {
        font-size: 12px
    }

    .news_body .new_d_bottom a,
    .news_body .new_d_con {
        font-size: 14px
    }

    .circle_btn em {
        font-size: 18px
    }

    .other-nav.on .btn_sha_ {
        display: block;
        cursor: pointer
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box .sel_cou {
        display: block;
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box select {
        display: block;

    }

    .abo_body .list_sty a>div:nth-child(2),
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box,
    .sha_case .form_con_box form label {
        font-size: 14px
    }

    .nav_back1,
    .nav_back2 {
        display: block !important;
        pointer-events: all
    }

    .nav .nav_con .navBox .item {
        transition: all .5s ease
    }

    .nav .nav_con .navBox .item.nav_1 {
        transform: translateX(-100%)
    }

    .nav .nav_con .navBox .item.nav_2 {
        transform: translateX(-200%)
    }

    .nav .nav_con .navBox .item li .item_1 {
        display: none
    }

    .nav .nav_con .navBox .item li .item_1 .nav_back1 {
        color: #bf0006;
        font-size: 16px;
        font-family: GOTHAM-BOLD_0
    }

    .nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1 {
        color: #bf0006
    }

    .item_2 {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        display: none;
        padding: .3rem 0
    }

    .item_2>div {
        padding: .1rem .4rem;
        color: #bf0006;
        font-size: 16px;
        line-height: 2;
        font-family: GOTHAM-BOLD_0
    }

    .nav_btn_02 a {
        width: calc(100% - 1rem)
    }

    .nav_btn_02 i {
        cursor: pointer;
        text-align: right;
        padding-right: .4rem;
        box-sizing: border-box
    }

    .nav .nav_con .navBox .item li .item_1>li>a,
    .nav .nav_con .navBox .item li .item_1>li>div>a {
        font-family: GOTHAM-BOOK_0
    }

    .nav .nav_con .navBox .item li .item_1 {
        top: 0;
        left: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .nav .nav_con .navBox .item li .item_1 a {
        text-align: left;
        padding-left: .4rem;
        padding-right: .4rem;
        line-height: 1.875
    }

    .sha_case .form_con_box {
        padding-left: .3rem;
        padding-right: .3rem
    }

    .abo_body .she_liang_box .soc_she_name {
        font-size: 18px
    }

    .abo_body .she_liang_box .soc_num_box .run_name {
        font-size: 14px
    }

    .abo_body .dev_src_box>div .dev_text_box .pub_info>.alone_s,
    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div {
        font-size: 16px
    }

    .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
    }

    .news_body .new_d_top .nes_d_time span i {
        font-size: 14px
    }

    .con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .zgs_name {
        font-size: 18px
    }

    .res_body .res_list_case .res_list_box>div .zl_info .zl_name {
        font-size: 18px
    }

    .ind_banner .active .pub_banner_con .pub_banner_img video {
        display: none
    }

    .ind_banner .active .pub_banner_con .pub_banner_img canvas {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        height: 100%
    }

    .nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1 i {
        display: initial
    }

    #v-pop .con {
        width: 100%;
        height: auto
    }

    #v-pop .con video {
        width: 100%;
        height: auto
    }

    #v-pop .con .del_p {
        bottom: calc(100% + .3rem);
        left: auto;
        right: .2rem
    }

    .pub_title {
        font-size: .48rem
    }

    .item_2>div,
    .nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1 {
        font-size: 16px;
        line-height: 3;
        padding-top: 0;
        padding-bottom: 0
    }

    .abo_body .abo_l_nav_box .swiper-slide a,
    .nav .nav_con .navBox .item li .item_1 a,
    .nav .nav_con .navBox .item li .item_1.item_1_a_sty>li a,
    .nav .nav_con .navBox .item li .item_1>li>a,
    .nav .nav_con .navBox .item li .item_1>li>div>a {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        line-height: 3
    }

    .lig_body .lig_src2_case .sol_pro_h_list>a .pro_d_name {
        font-size: 16px
    }

    .ind_body .ind_src3_block .ind_src3_img_box a .ind_title_l {
        font-size: .32rem
    }

    .abo_body .she_liang_box .soc_num_box .run_num_box_p {
        font-size: .36rem
    }

    .nav_btn_01,
    .nav_btn_02 {
        justify-content: space-between
    }

    .nav_btn_01 a,
    .nav_btn_02 a {
        min-width: auto
    }

    .nav_btn_01 i,
    .nav_btn_02 i {
        min-width: auto
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div {
        padding-left: .2rem
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div::before {
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        width: 3px;
        height: 3px
    }

    .news_body .new_d_bottom a {
        white-space: initial
    }

    .news_body .new_d_bottom a::before {
        top: 14px
    }

    footer .link_box>div {
        flex-wrap: wrap
    }

    footer .link_box>div ul {
        width: 50%;
        margin-top: .3rem
    }

    footer .link_box>div ul:nth-child(1),
    footer .link_box>div ul:nth-child(2) {
        margin-top: 0
    }

    .pro_body .pro_l_nav_box .swiper-slide {
        width: auto
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
        display: none
    }

    .ind_body .ind_src2_block .ind_title {
        font-size: .36rem
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_info i {
        font-size: .8rem
    }

    .ind_body .ind_src3_block .ind_src3_img_box a .ind_title_info {
        width: 90%
    }

    .abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_info,
    .abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_name {
        font-size: 12px
    }

    .abo_body .aro_box .aro_info_box .zb_dot:nth-last-child(3) .abo_name_box {
        margin-top: -20px
    }

    .tw_sty {
        background-color: #000
    }

    .abo_body .mil_case {
        padding: .3rem
    }

    .abo_body .mil_case .mil_con_box:before {
        left: 0;
        display: none
    }

    .abo_body .mil_case .mil_con_box>div {
        display: block
    }

    .abo_body .mil_case .mil_con_box>div:nth-child(even) .mil_img {
        padding-left: 0
    }

    .abo_body .mil_case .mil_con_box>div .mil_text {
        padding-left: 0;
        width: 100%;
        margin-top: .4rem
    }

    .abo_body .mil_case .mil_con_box>div:nth-child(even) .mil_text {
        padding-right: 0;
        text-align: left
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess {
        max-height: none;
        height: auto
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_info span {
        display: none
    }

    .abo_body .mil_case .mil_con_box>div .mil_img {
        padding: 0;
        width: 100%
    }

    .abo_body .mil_case .mil_con_box>div .mil_img img {
        width: 100%
    }

    .cj_list>a>div .liv_src1_text .btn_sty {
        background-color: #bf0006;
        color: #fff
    }

    .cj_list>a>div .liv_src1_text .btn_sty>div>div i,
    .cj_list>a>div .liv_src1_text .btn_sty>div>div span {
        color: #fff
    }
}

@media all and (max-width:768px) {
    .ind_body .ind_src4_block .ind_src4_img_box>div {
        width: 50%
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(2),
    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(5) {
        width: 50%
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(1),
    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(4) {
        width: 50%
    }

    .ind_body .ind_src3_block .ind_src3_img_box a {
        width: 50%
    }

    .ind_body .ind_src3_block .ind_src3_img_box a:nth-child(3n+1) {
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

    .ind_body .ind_src3_block .ind_src3_img_box a:nth-child(2n+1) {
        border-right: none
    }

    .pro_body .pro_l_list_case .pro_link {
        width: calc((100% - .2rem)/ 2);
        margin-right: .2rem;
        margin-bottom: .2rem
    }

    .pro_body .pro_l_list_case .pro_link:nth-child(2n) {
        margin-right: 0
    }

    .pro_body .screen_box .gru_box .scr_name {
        font-size: 14px
    }

    .pro_body .pro_table_box {
        display: block
    }

    .pro_body .pro_table_box .pro_tab_sty1 {
        width: 100%
    }

    .pro_body .pro_tab_sty2 {
        overflow-x: auto
    }

    .pro_body .pro_tab_sty2>div {
        width: 850px
    }

    .news_body .news_list .news_list_box a {
        display: block
    }

    .news_body .news_list .news_list_box a .pro_img_box {
        width: 50%;
        margin: 0 auto
    }

    .news_body .news_list .news_list_box a .news_text_box {
        width: 100%;
        margin-top: .4rem
    }

    .news_body .news_page_box a {
        font-size: 14px
    }

    .con_body .con_src1_case .con_src1_block {
        display: block
    }

    .con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box {
        max-height: none;
        padding-right: 0
    }

    .con_body .con_src1_case .con_src1_block .con_mess_case {
        width: 100%;
        padding-right: 0;
        margin-bottom: .4rem
    }

    .con_body .con_src1_case .con_src1_block .tj_case {
        width: 100%
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box label {
        width: 2.5rem
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box input,
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box select,
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box textarea {
        width: calc(100% - 2.5rem)
    }

    .sha_case .form_con_box form label span {
        width: 2.3rem
    }

    .sha_case .form_con_box form label input {
        width: calc(100% - 2.3rem)
    }

    .sha_case .form_con_box .hints_box {
        padding-left: 2.3rem
    }

    .abo_body .dev_src_box>div {
        display: block
    }

    .abo_body .dev_src_box>div>img {
        width: 100%
    }

    .abo_body .dev_src_box>div .dev_text_box {
        width: 100%;
        margin-top: .4rem
    }

    .abo_body .dev_src1_case .dev_src_box>div .dev_text_box {
        width: 100%
    }

    .aro_case {
        overflow-x: auto
    }

    .aro_case .aro_box {
        width: 800px;
        transform-origin: 0 0;
        transform: scale(.8);
        margin-bottom: -10vw
    }

    .abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_info,
    .abo_body .aro_box .aro_info_box .zb_dot .abo_name_box .aro_name {
        font-size: 12px
    }

    .abo_src1_case .pub_info br,
    .abo_src2_case .pub_info br,
    .dev_src2_case .pub_info br,
    .dev_src4_case .pub_info br {
        display: none
    }

    .abo_body .dev_src_box>div .dev_text_box {
        padding-left: 0
    }

    .abo_body .list_sty {
        display: block
    }

    .abo_body .list_sty a {
        margin-bottom: .3rem;
        width: 100%;
        display: block
    }

    .abo_body .list_sty a:last-child {
        margin-bottom: 0
    }

    .abo_body .list_sty a .pro_img_box img {
        display: block;
        position: relative;
        transform: none;
        left: 0;
        top: 0;
        width: 100%;
        max-height: none;
        max-width: none
    }

    .abo_body .list_sty a .pro_img_box::before {
        margin-top: 35%;
        display: none
    }

    .abo_body .list_sty.list_w a {
        display: block;
        width: 100%
    }

    .abo_body .list_sty.list_w a .pro_img_box::before {
        margin-top: 35%
    }

    .abo_body .pub_title br {
        display: none
    }

    .abo_body .dev_src_box>div:nth-child(even) .dev_text_box {
        width: 100%
    }

    .cookie-go {
        display: block
    }

    .cookie-go div {
        text-align: center;
        margin-top: .1rem
    }

    .cookie-go p {
        font-size: 14px;
        width: 100%;
        text-align: center
    }

    .cookie-go div>a.yes {
        font-size: 12px;
        padding: .1rem .2rem;
        line-height: 1.5
    }

    .cookie-go div>a.no {
        font-size: 12px;
        padding: .1rem .2rem;
        line-height: 1.5
    }

    footer .copyright_box>div br {
        display: block
    }

    footer .copyright_box>div {
        width: 60%
    }

    footer .copyright_box ul {
        width: 40%
    }

    footer .lx_box form {
        width: 48%
    }

    .lig_body .abo_list .abo_l_s .abo_l_text .abo_l_name {
        font-size: .32rem
    }

    .lig_body .lig_src2_case .sol_pro_list a .lig_pro_name {
        font-size: 18px
    }

    .lig_body .lig_src2_case .sol_pro_list a .lig_pro_xb {
        font-size: 14px
    }

    .pub_banner .pub_banner_con .pub_banner_text font {
        font-size: .54rem
    }
}

@media all and (max-width:640px) {
    section {
        padding: .6rem 0 0;
        overflow: hidden
    }

    .pub_title {
        letter-spacing: normal;
        margin-top: 0
    }

    .ind_body .ind_src1_block {
        display: block
    }

    .ind_body .ind_src1_block img {
        width: 100%
    }

    .ind_body .ind_src1_block .ind_src1_text_box {
        width: 100%;
        padding-right: 0
    }

    .ind_body .ind_src1_block .ind_src1_text_box .pub_info {
        width: 100%
    }

    .ind_body .ind_src2_block .ind_src2_img_box {
        flex-wrap: wrap
    }

    .ind_body .ind_src2_block .ind_src2_img_box a {
        width: 100%
    }

    .ind_body .ind_src2_block .ind_title br {
        display: none
    }

    .ind_body .ind_src2_block .ind_src2_img_box a {
        height: 90vw
    }

    .ind_body .ind_src2_block .ind_src2_img_box a img {
        opacity: .5;
        height: 100%;
        width: auto;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
        position: absolute
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_info,
    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        display: block
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
        margin-top: .4rem
    }

    .ind_src2_con {
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .ind_body .ind_src1_block .ind_src1_text_box .pub_title {
        padding-top: .6rem
    }

    .ind_body .ind_src3_block .ind_src3_img_box a {
        width: 100%;
        border-right: none
    }

    .ind_body .ind_src3_block .ind_src3_img_box a .ind_title_info {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        opacity: 1;
        margin-top: .35rem;
        width: 100%
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div>i {
        width: auto;
        font-size: .4rem;
        margin-right: .2rem
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div>div .run_num_box_p span {
        font-size: .4rem
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div>div .ind_num_info {
        font-size: 12px
    }

    .ind_body .ind_src5_block .ind_src5_img_box {
        flex-wrap: wrap
    }

    .ind_body .ind_src5_block .ind_src5_img_box>a:first-child,
    .ind_body .ind_src5_block .ind_src5_img_box>a:nth-child(2),
    .ind_body .ind_src5_block .ind_src5_img_box>div:nth-child(3) {
        width: 100%
    }

    .ind_body .ind_src5_block .ind_src5_img_box .ind_body .ind_src5_block .ind_src5_img_box>div:nth-child(3),
    .ind_body .ind_src5_block .ind_src5_img_box>a:first-child {
        width: 100%
    }

    .ind_body .ind_src5_block .ind_src5_img_box a {
        margin-bottom: .4rem
    }

    .ind_body .ind_src5_block .ind_src5_img_box>div a:last-child {
        margin-bottom: 0
    }

    .ind_body .ind_src5_block .ind_src5_img_box .ind_new_time {
        font-size: 12px
    }

    .ind_src6_case .ind_src6_block .ind_src6_text_box .btn_sty {
        margin-top: .6rem;
        position: relative;
        right: auto;
        top: 0;
        transform: none
    }

    footer .link_box {
        display: block
    }

    footer .link_box>a {
        width: 20%;
        display: none
    }

    footer .link_box>div {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }

    footer .link_box>div ul {
        width: auto;
        margin-bottom: .3rem;
        width: 40%;
        margin-right: 3%;
        margin-left: 3%
    }

    footer .link_box>div ul li a {
        line-height: 1.5;
        padding: .1rem 0;
        font-size: 12px
    }

    footer .link_box>div ul:last-child(1),
    footer .link_box>div ul:last-child(2) {
        margin-bottom: 0
    }

    footer .lx_box {
        flex-wrap: wrap
    }

    footer .lx_box>div {
        width: 100%
    }

    footer .lx_box form {
        width: 100%;
        margin-top: .3rem
    }

    footer .copyright_box {
        display: block;
        text-align: center
    }

    footer .copyright_box ul {
        width: 100%;
        justify-content: center
    }

    footer .copyright_box ul a {
        margin: 0 .1rem;
        font-size: 20px
    }

    footer .copyright_box>div {
        width: 100%;
        margin-top: .3rem;
        font-size: 10px
    }

    footer .lx_box>div .lx_info {
        font-size: 12px
    }

    .nav_ser_box {
        display: none
    }

    .qry_banner.pub_banner .pub_banner_con .pub_banner_img {
        height: 45vh
    }

    .rya_banner.pub_banner .pub_banner_con .pub_banner_img {
        height: 45vh
    }

    .pub_banner .pub_banner_con .pub_banner_text {
        padding-top: 0
    }

    .cj_list>a {
        width: 100%
    }

    .liv_body .liv_src2_case .pub_info,
    .liv_body .liv_src2_case .sol_icon_box_h {
        margin-top: .235rem
    }

    .sol_icon_box_h {
        flex-wrap: wrap
    }

    .sol_icon_box_h>a,
    .sol_icon_box_h>div {
        flex: auto;
        width: 50%;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .sol_icon_box_h>a:last-child,
    .sol_icon_box_h>div:last-child {
        border-right: 1px solid rgba(0, 0, 0, .1)
    }

    .lig_body .lig_src3_case .sol_icon_box_h>div {
        width: 50%
    }

    .lig_body .abo_list .abo_l_s .abo_l_text .abo_l_num {
        font-size: 12px
    }

    .lig_body .lig_src2_case .sol_pro_list a .pro_img_box {
        width: 100%
    }

    .lig_body .lig_src2_case .sol_pro_list a .lig_pro_mess {
        text-align: left
    }

    .pub_title.pub_title_l {
        padding-bottom: .2rem;
        margin-bottom: .235rem
    }

    .ind_body .ind_src1_block .ind_src1_text_box .pub_info {
        margin-bottom: .4rem
    }

    .pro_body .pro_l_nav_box .swiper-slide a {
        font-size: 15px
    }

    .pro_body .pro_l_nav_box {
        margin-top: .6rem
    }

    .pro_body .screen_box .gru_box .scr_con label {
        width: auto;
        margin-right: .2rem
    }

    .pro_body .screen_box {
        padding-left: .2rem;
        padding-right: 0
    }

    .pro_body .screen_box .gru_box .scr_name {
        width: 1.5rem
    }

    .pro_body .screen_box .gru_box .scr_con label,
    .pro_body .screen_box .gru_box .scr_name {
        line-height: .48rem
    }

    .pro_body .pro_link .pro_d_name {
        font-size: 12px
    }

    .pro_body .pro_d_top {
        flex-wrap: wrap
    }

    .pro_body .pro_d_top .pro_d_lb {
        width: 100%
    }

    .pro_body .pro_d_top .pro_d_mess {
        width: 100%;
        padding-left: 0;
        margin-top: .4rem
    }

    .pro_body .pro_d_top .pro_d_mess .pro_mess_box {
        padding-bottom: .4rem
    }

    .pro_body .pro_d_top .pro_d_mess.pro_mess_a_sty .pro_mess_info_box {
        height: auto;
        padding: 0;
        margin-top: .4rem
    }

    .pro_body .pro_d_top .pro_d_mess.pro_mess_a_sty .sq_logo {
        margin-top: .4rem
    }

    .pro_body .pro_d_js>div {
        display: block
    }

    .pro_body .pro_d_js>div>div {
        width: 100%
    }

    .pro_body .pro_d_js>div .pro_d_info_text {
        width: 100%
    }

    .pro_body .pro_d_js>div .pro_d_info_text {
        padding: .35rem
    }

    .pro_body .pro_d_js>div .pro_d_info_text>div .pro_d_i_name {
        font-size: 20px
    }

    .pro_body .sha_case .sha_con_box .btn_close {
        margin-left: 1px
    }

    .news_body .news_time_nav_box .swiper-slide a {
        font-size: 12px;
        line-height: 16px
    }

    .news_body .news_time_nav_box .swiper-slide a.on {
        font-size: 16px;
        line-height: 16px
    }

    .news_body .news_list .news_list_box a .pro_img_box {
        width: 100%
    }

    .news_body .news_list .news_list_box a {
        padding-bottom: .4rem;
        padding-top: .4rem
    }

    .news_body .news_list .news_list_box a .news_text_box .news_title {
        font-size: 18px
    }

    .news_body .news_list .news_list_box a .news_text_box .pub_info {
        margin-top: .2rem
    }

    .news_body .new_d_top .nes_d_title {
        font-size: 18px;
        line-height: 1.5
    }

    .news_body .new_d_top {
        padding-bottom: .4rem
    }

    .news_body .new_d_con {
        padding-bottom: .4rem;
        padding-top: .4rem
    }

    .news_body .new_d_bottom {
        padding-top: .4rem
    }

    .search_body .maxsize .list {
        padding: .4rem 0 .3rem
    }

    .search_body .con {
        width: 100%
    }

    .search_body p {
        font-size: 14px
    }

    .search_body .maxsize .list .item h5 {
        font-size: 16px
    }

    .news_body .news_src1_case {
        padding-bottom: .6rem
    }

    .search_body .sr.maxsize .news_page_box {
        padding-top: 0
    }

    .search_body .con .text {
        line-height: 40px;
        height: 40px
    }

    .search_body .con .iconfont {
        line-height: 40px;
        height: 40px;
        font-size: 16px
    }

    .con_body .con_src1_case .con_src1_block .tj_case {
        padding: .3rem
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box label {
        width: 2rem
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box input,
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box select,
    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box textarea {
        width: calc(100% - 2rem)
    }

    .con_body .con_src1_case .con_src1_block .tj_case .tj_box .grow_box,
    .sha_case .form_con_box form label {
        font-size: 12px
    }

    .con_body .con_src1_case .con_src1_block .con_mess_case .con_mess_box>div .gq_img_box img {
        width: .5rem
    }

    .res_body .res_list_case .res_list_box {
        padding: 0 .3rem
    }

    .res_body .res_list_case .res_list_box>div {
        display: block;
        font-size: 0;
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .res_body .res_list_case .res_list_box>div .zl_info {
        width: 100%
    }

    .res_body .res_list_case .res_list_box>div .btn_sty {
        margin-top: .3rem;
        width: calc(50% - .24rem);
        margin-left: .12rem;
        margin-right: .12rem
    }

    .res_body .res_list_case .res_list_box>div .btn_sty.btn_zl_down {
        border: 1px solid transparent
    }

    .sha_case .form_con_box {
        width: 80%;
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .sha_case .form_con_box form label {
        width: 100%;
        margin-right: 0
    }

    .sha_case .form_con_box form label:nth-child(even) {
        margin-left: 0
    }

    .sha_case .form_con_box .hints_box {
        padding-left: 0
    }

    .sha_case .btn_close {
        margin-left: .15rem
    }

    .sha_case .form_con_box form label span {
        width: 2rem
    }

    .sha_case .form_con_box form label input {
        width: calc(100% - 2rem)
    }

    .abo_body .abo_src3_case .abo_con_mess .par_logo_box a {
        width: 48%;
        margin-right: 4%
    }

    .abo_body .abo_src3_case .abo_con_mess .par_logo_box a:nth-child(2n) {
        margin-right: 0
    }

    .abo_body .des_img a {
        width: 38%
    }

    .abo_body .abo_list_box>a {
        width: 100%
    }

    .abo_body .abo_list_box>a .btn_sty {
        width: auto;
        padding-left: .4rem;
        padding-right: .4rem
    }

    .abo_body .list_sty a>div:nth-child(2) {
        margin-top: .25rem
    }

    .abo_body .abo_src3_case .logo_sty .swiper-slide a {
        width: calc((100% - .39rem)/ 3)
    }

    .abo_body .abo_src3_case .logo_sty .swiper-slide a:nth-child(4n) {
        margin-right: .13rem
    }

    .abo_body .abo_src3_case .logo_sty .swiper-slide a:nth-child(3n) {
        margin-right: 0
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_time {
        font-size: .32rem
    }

    .abo_body .she_liang_box .soc_she_name {
        font-size: 16px;
        font-family: GOTHAM-BOLD_0
    }

    .abo_body .she_liang_box .soc_num_box .run_name {
        font-size: 14px
    }

    .abo_body .she_liang_box .soc_num_box {
        flex-wrap: wrap;
        margin-top: .2rem
    }

    .abo_body .she_liang_box .soc_num_box>div {
        margin-top: .3rem;
        min-width: 32.33%;
        text-align-last: center
    }

    .abo_body .she_liang_box {
        padding-top: .5rem
    }

    .pub_banner .pub_banner_con .pub_banner_text font {
        font-size: .32rem
    }

    .abo_body .abo_l_nav_box .swiper-slide a,
    .nav .nav_con .navBox .item li .item_1 a {
        font-size: 14px
    }

    .abo_body .abo_l_nav_box .swiper-slide a,
    .pro_body .pro_l_nav_box .swiper-slide a {
        line-height: 1
    }

    .ind_src6_case .ind_src6_block .ind_src6_text_box .pub_info {
        margin-top: .2rem
    }

    .abo_body .abo_src1_case>.abo_src1_block>.pub_info {
        text-align: left
    }

    .abo_body .list_sty a {
        margin-top: .4rem
    }

    .abo_body .list_sty a:nth-child(even) {
        margin-top: .4rem
    }

    .abo_body .list_sty.list_w a:first-child {
        margin-top: 0
    }

    .abo_body .list_sty {
        margin-top: .4rem
    }

    .pub_info {
        text-align: left
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div {
        font-size: 14px
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_info {
        margin-top: .1rem
    }

    .btn_sty>div>div i {
        margin-right: .12rem
    }

    .cj_list>a>div.liv_src1_name {
        padding: .2rem .2rem .42rem
    }

    .sol_icon_box_h {
        background-color: transparent
    }

    .sol_icon_box_h>a,
    .sol_icon_box_h>div {
        width: 100%;
        margin-bottom: .15rem
    }

    .sol_icon_box_h>a:last-child,
    .sol_icon_box_h>div:last-child {
        margin-bottom: 0
    }

    .sol_icon_box_h>a .sol_icon_text_box div br,
    .sol_icon_box_h>div .sol_icon_text_box div br {
        display: none
    }

    .sol_icon_box_h>a .sol_icon_text_box div,
    .sol_icon_box_h>div .sol_icon_text_box div {
        margin-top: 0
    }

    .news_body .new_d_top .nes_d_time span i {
        font-size: 12px
    }

    .news_body .news_list .news_list_box a .news_text_box .news_title {
        font-family: GOTHAM-BOLD_0
    }

    .con_mess_box>div .zgs_name {
        font-size: 16px;
        font-family: GOTHAM-BOLD_0
    }

    .hints_box {
        font-size: 12px
    }

    .res_body .res_list_case .res_list_box>div .btn_sty {
        width: calc((100% - .48rem)/ 2);
        margin-left: 0;
        margin-right: .48rem
    }

    .res_body .res_list_case .res_list_box>div .btn_sty:nth-child(3) {
        margin-right: 0
    }

    .btn_sty>div {
        height: 20px;
        line-height: 20px
    }

    .btn_sty>div>div {
        line-height: 20px
    }

    .res_body .res_list_case .res_list_box>div .zl_info .zl_name {
        font-size: 14px
    }

    .news_page_box a {
        font-size: 14px
    }

    .sha_case .form_con_box form label span em {
        margin-right: .05rem
    }

    .nav .nav_con .logo_box {
        width: 33%
    }

    .img_b_box .mat_sha_con_box .btn_sha_close {
        font-size: 30px
    }

    .lig_body .lig_src2_case .sol_pro_h_list>a {
        width: 50%
    }

    .sol_text_q {
        display: none
    }

    .tw_m {
        display: block;
        padding: 0 .2rem .2rem
    }

    .nav .nav_con .navBox .item li .item_1 {
        padding: .2rem 0
    }

    .item_2>div {
        padding-right: .3rem;
        padding-left: .3rem
    }

    .nav .nav_con .navBox .item li .item_1 a {
        padding-left: .3rem;
        padding-right: .2rem;
        display: flex;
        align-items: center
    }

    .nav .nav_con .navBox .item li .item_1>li>a,
    .nav .nav_con .navBox .item li .item_1>li>div>a {
        padding-right: 0
    }

    .ind_body .ind_src5_block .ind_src5_img_box a {
        width: 100%
    }

    .abo_body .abo_l_nav_box .swiper-slide {
        width: auto
    }

    .abo_body .abo_l_nav_box .swiper-slide a {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .abo_body .mil_case .mil_con_box>div:before {
        display: none
    }

    .pro_body .pro_l_nav_box .swiper-slide {
        width: auto
    }

    .pdf_box .header {
        padding-right: .2rem;
        padding-left: .2rem
    }

    .pdf_box .header>h1 {
        font-size: 16px;
        width: calc(100% - 30px)
    }

    .pdf_box .header .btn {
        width: 30px;
        height: 30px;
        margin-top: 0;
        vertical-align: top
    }

    .news_body .news_d_src1_block {
        padding: .4rem .2rem
    }

    .btn_nav_box>div span {
        height: 1px
    }

    .nav .nav_con .navBox .item li a {
        padding-right: .4rem;
        padding-left: .4rem
    }

    .abo_body .abo_l_nav_box .swiper-slide a,
    .item_2>div,
    .nav .nav_con .navBox .item li .item_1 .nav_back1,
    .nav .nav_con .navBox .item li .item_1 a,
    .nav .nav_con .navBox .item li .item_1.item_1_a_sty .nav_back1,
    .nav .nav_con .navBox .item li .item_1.item_1_a_sty>li a,
    .nav .nav_con .navBox .item li .item_1>li>a,
    .nav .nav_con .navBox .item li .item_1>li>div>a,
    .nav .nav_con .navBox .item li a {
        font-size: 14px
    }

    .pub_case {
        width: 90%;
        padding-right: 0;
        padding-left: 0
    }

    .res_body .res_list_case .res_list_box>div .zl_info .zl_time {
        font-size: 12px
    }

    .res_body .res_list_case .res_list_box>div .zl_info .zl_name {
        white-space: initial;
        overflow: initial;
        text-overflow: initial
    }

    .pub_title {
        font-size: .32rem
    }

    .lig_body .lig_src2_case .sol_pro_h_list>a .pro_d_name {
        font-size: 14px;
        position: relative;
        top: auto;
        bottom: 10%
    }

    .aro_case .aro_box {
        transform: scale(.45);
        margin-bottom: -56vw
    }

    .news_body .new_d_bottom {
        padding-top: .3rem
    }

    .news_body .new_d_bottom a {
        padding-left: .1rem
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(1) i {
        font-size: 24.26px
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(2) i {
        font-size: 24.59px
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(3) i {
        font-size: 30px
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(4) i {
        font-size: 19.14px
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(5) i {
        font-size: 26.1px
    }

    .ind_body .ind_src4_block .ind_src4_img_box>div:nth-child(6) i {
        font-size: 29.05px
    }

    .ind_body .ind_src2_block .ind_src2_img_box .ind_src2_mess_case {
        display: block
    }

    .abo_body .mil_case .mil_con_box>div .mil_text .mil_mess>div::before {
        top: 12px
    }

    .img_4 {
        width: 60%
    }
}

@media all and (max-width:375px) {
    .res_body .res_list_case .res_list_box>div .zl_info .zl_time {
        font-size: 10px
    }

    .btn_sty>div>div span {
        font-size: 12px
    }

    .lig_body .lig_src2_case .sol_pro_h_list>a .pro_d_name {
        font-size: 13px
    }

    .aro_case .aro_box {
        transform: scale(.4);
        margin-bottom: -66vw
    }

    .news_body .new_d_top .nes_d_title {
        font-size: 16px
    }
}
.lang_sty{display: flex;}
.lang_fr{margin-left:15px;float: left;display: flex;justify-content: flex-end;}
.lang_sty a.icon{width: 31px;height: 31px;border-radius: 50%; background: #fff;display: block;
line-height: 28px;border: 1px solid #ddd;text-align: center;    margin-left: 10px;}
.pagelist{margin-top: 5%;}
.pagelist ul{display: flex;justify-content: center;}
.pagelist ul li{padding: 5px 8px;}
.pagelist ul li.f-20.enxa_b.grc.on{background: #bf0006;}
.pagelist ul li.f-20.enxa_b.grc.on a{color: #fff;}