/* Ripple Effect */



@keyframes ripple {

    0% {

        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);

    }

    100% {

        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);

    }

}



.butterfly_body ::placeholder {

    color: #E6E6E8;

}



.butterfly_body :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;

}



.butterfly_body ::selection,

.butterfly_body ::-moz-selection,

.butterfly_body ::-webkit-selection {

    background: #1f1f1f;

    color: #fff;

}



.butterfly_bodybody {

    font-size: 0.16rem;

    font-weight: 400;

    line-height: 1.71428571429;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-family: "PingFang SC", Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif;

    color: #212121;

    background-color: #fff;

}



.butterfly_body :active,

.butterfly_body :focus {

    outline: none !important;

}



.butterfly_body p,

.butterfly_body pre,

.butterfly_body table,

.butterfly_body blockquote {

    margin-bottom: .1rem;

}



.butterfly_body select {

    max-width: 100%;

}



.butterfly_body ul,

.butterfly_body li {

    list-style-type: none;

}



.butterfly_body 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;

}



.butterfly_body blockquote::before {

    color: #EC5E79;

    content: open-quote;

    font-size: 5.25rem;

    line-height: 0.1;

    margin-right: 0.21875rem;

    vertical-align: -2.055rem;

    font-family: sans-serif;

    content: "\201C";

    /*Unicode for Left Double Quote*/

}



.butterfly_body strong {

    font-weight: 600;

}



.butterfly_body hr {

    margin: 1.421875rem 0;

    border-color: #F4F4F4;

}



.butterfly_body hr.black {

    border-color: rgba(255, 255, 255, 0.1);

}



.butterfly_body a img {

    border: none;

}



.butterfly_body img {

    max-width: 100%;

}



.butterfly_body iframe {

    border: none !important;

}



.butterfly_body table.table-normal,

.butterfly_body .table-normal table {

    border: 1px solid black;

    border-collapse: collapse;

    width: 100%;

}



.butterfly_body table.table-normal th,

.butterfly_body .table-normal table th {

    text-align: left;

}



.butterfly_body table.table-normal td,

.butterfly_body table.table-normal th,

.butterfly_body .table-normal table td,

.butterfly_body .table-normal table th {

    border: 1px solid black;

    padding: 0.6875rem;

}



.butterfly_body a,

.butterfly_body h1,

.butterfly_body h2,

.butterfly_body h3,

.butterfly_body h4,

.butterfly_body h5,

.butterfly_body h6,

.butterfly_body .h1,

.butterfly_body .h2,

.butterfly_body .h3,

.butterfly_body .h4,

.butterfly_body .h5,

.butterfly_body .h6 {

    transition: all 0.3s ease;

}



.butterfly_body .heading-space-none {

    margin: 0 !important;

    padding: 0 !important;

}



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

    .butterfly_body h1 {

        font-size: 2.4107142857rem;

        line-height: 1.15555556;

    }

    .butterfly_body h2 {

        font-size: 15.6625rem;

        line-height: 1.421875;

    }

    .butterfly_body h3 {

        font-size: 1.25rem;

        line-height: 1.625;

    }

    .butterfly_body .h1 {

        font-size: 2.4107142857rem !important;

        line-height: 1.15555556 !important;

    }

    .butterfly_body .h2 {

        font-size: 15.6625rem !important;

        line-height: 1.421875 !important;

    }

    .butterfly_body .h3 {

        font-size: 1.25rem !important;

        line-height: 1.625 !important;

    }

}



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

    .butterfly_body h1 {

        font-size: 1.2053571429rem;

        line-height: 1.38461538462;

    }

    .butterfly_body h2 {

        font-size: 13.425rem;

        line-height: 1.28571428571;

    }

    .butterfly_body h3 {

        font-size: 1.25rem;

        line-height: 1.5;

    }

    .butterfly_body .h1 {

        font-size: 1.2053571429rem !important;

        line-height: 1.38461538462 !important;

    }

    .butterfly_body .h2 {

        font-size: 13.425rem !important;

        line-height: 1.28571428571 !important;

    }

    .butterfly_body .h3 {

        font-size: 1.25rem !important;

        line-height: 1.5 !important;

    }

}



.butterfly_body .font-normal {

    font-family: "PingFang SC", Arial, "Microsoft YaHei", "Helvetica Neue", Helvetica, STXihei, "PingFang SC", "Hiragino Sans GB", sans-serif;

    font-weight: 400 !important;

}



.butterfly_body .font-uppercase {

    text-transform: uppercase !important;

}



.butterfly_body .font-bold {

    font-weight: 800 !important;

}



.butterfly_body .font-italic {

    font-style: italic !important;

}



.butterfly_body .font-no-italic {

    font-style: normal !important;

}



.butterfly_body .font-underline {

    text-decoration: underline !important;

}



.butterfly_body .font-primary-color {

    color: #EC5E79 !important;

}



.butterfly_body .font-sub-color {

    color: #AEAEAE !important;

}



.butterfly_body .font-white {

    color: white;

}



.butterfly_body .font-white p,

.butterfly_body .font-white h1,

.butterfly_body .font-white h2,

.butterfly_body .font-white h3,

.butterfly_body .font-white h4,

.butterfly_body .font-white h5,

.butterfly_body .font-white h6,

.butterfly_body .font-white .h1,

.butterfly_body .font-white .h2,

.butterfly_body .font-white .h3,

.butterfly_body .font-white .h4,

.butterfly_body .font-white .h5,

.butterfly_body .font-white .h6 {

    color: white;

}



.butterfly_body .list-normal a:not(.uix-sc-btn),

.butterfly_body .table-normal a:not(.uix-sc-btn) {

    color: #EC5E79;

}



.butterfly_body .list-normal a:not(.uix-sc-btn):not(.button):hover,

.butterfly_body .table-normal a:not(.uix-sc-btn):not(.button):hover {

    color: #E8588C;

    text-decoration: underline;

}



.butterfly_body .list-normal a:not(.uix-sc-btn):hover img,

.butterfly_body .table-normal a:not(.uix-sc-btn):hover img {

    text-decoration: none;

}



.butterfly_body .dropcap::first-letter,

.butterfly_body .dropcap>p:first-of-type::first-letter {

    display: block;

    margin-right: 10px;

    float: left;

    font-size: 3.5rem;

    line-height: 1;

    margin-bottom: -2px;

}



.butterfly_body section,

.butterfly_body .section {

    position: relative;

}



.butterfly_body section,

.butterfly_body .section {

    padding: 0;

}



.butterfly_body section.space-sm,

.butterfly_body .section.space-sm {

    padding: 4.8125rem 0;

}



.butterfly_body section.space-lg,

.butterfly_body .section.space-lg {

    padding: 11.375rem 0;

}



.butterfly_body section.space-none,

.butterfly_body .section.space-none {

    padding: 0 !important;

}



.butterfly_body section.space-none-top,

.butterfly_body .section.space-none-top {

    padding-top: 0 !important;

}



.butterfly_body section.space-none-bottom,

.butterfly_body .section.space-none-bottom {

    padding-bottom: 0 !important;

}



.butterfly_body section.site-google-map,

.butterfly_body .section.site-google-map {

    padding-top: 0 !important;

}



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

    .butterfly_body section.space-none,

    .butterfly_body .section.space-none {

        padding: 0;

    }

    .butterfly_body section.space-none-top,

    .butterfly_body .section.space-none-top {

        padding-top: 0;

    }

    .butterfly_body section.space-none-bottom,

    .butterfly_body .section.space-none-bottom {

        padding-bottom: 0;

    }

    .butterfly_body section.site-google-map,

    .butterfly_body .section.site-google-map {

        padding-top: 0;

    }

}



.butterfly_body .button {

    width: 2rem;

    text-align: center;

    display: block;

    padding: 1.5em .5em;

    font-size: .16rem;

    line-height: 1;

    border: none;

    background: none;

    color: inherit;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    cursor: pointer;

    box-shadow: 0px 0px 98px 3px rgba(0, 0, 0, 0.1);

}



.butterfly_body .button:focus {

    outline: none;

}



.butterfly_body .button>span {

    vertical-align: middle;

}



.butterfly_body .button--nanuk {

    padding: 0 1.4em;

    overflow: hidden;

    background: #e6091a;

    -webkit-transition: background-color 0.3s;

    transition: background-color 0.3s;

}



.butterfly_body .button--nanuk.button--inverted {

    background: #fff;

    color: #e6091a;

}



.butterfly_body .button--nanuk.button--lan {

    background: #fff;

    color: #0031c3;

}



.butterfly_body .button--nanuk>span {

    display: inline-block;

    padding: 1em 0;

}



@media screen and (orientation: landscape) {

    .butterfly_body .button--inverted:hover {

        background-color: #e6091a;

    }

    .butterfly_body .button--lan:hover {

        background-color: #0031c3;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(odd) {

        -webkit-animation: anim-nanuk-1 0.5s forwards;

        animation: anim-nanuk-1 0.5s forwards;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(even) {

        -webkit-animation: anim-nanuk-2 0.5s forwards;

        animation: anim-nanuk-2 0.5s forwards;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(odd),

    .butterfly_body .button--nanuk:hover>span:nth-child(even) {

        -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

        transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);

    }

}



.butterfly_body .button--wayra {

    border-radius: .8rem;

    background: #fff;

    color: #e6091a;

    overflow: hidden;

    -webkit-transition: border-color 0.3s, color 0.3s;

    transition: border-color 0.3s, color 0.3s;

    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}



.butterfly_body .button--wayra::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 150%;

    height: 100%;

    background: #37474f;

    z-index: -1;

    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    -webkit-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;

    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

}



@media screen and (orientation: landscape) {

    .butterfly_body .button--wayra:hover {

        color: #fff;

        border-color: #0031c3;

    }

    .butterfly_body .button--wayra.button--inverted:hover {

        color: #0031c3;

        border-color: #fff;

    }

    .butterfly_body .button--wayra:hover::before {

        opacity: 1;

        background-color: #0031c3;

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg);

        -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    }

    .butterfly_body .button--wayra.button--inverted:hover::before {

        background-color: #fff;

    }

}



@-webkit-keyframes anim-nanuk-1 {

    0%,

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    49% {

        opacity: 1;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        color: inherit;

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        color: #fff;

    }

    100% {

        color: #fff;

    }

}



@keyframes anim-nanuk-1 {

    0%,

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    49% {

        opacity: 1;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        color: inherit;

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        color: #fff;

    }

    100% {

        color: #fff;

    }

}



@-webkit-keyframes anim-nanuk-2 {

    0%,

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    49% {

        opacity: 1;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        color: inherit;

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        color: #fff;

    }

    100% {

        color: #fff;

    }

}



@keyframes anim-nanuk-2 {

    0%,

    100% {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    49% {

        opacity: 1;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    50% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        color: inherit;

    }

    51% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        color: #fff;

    }

    100% {

        color: #fff;

    }

}



@media screen and (orientation: landscape) {

    .butterfly_body .button--nanuk:hover>span:nth-child(1) {

        -webkit-animation-delay: 0s;

        animation-delay: 0s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(2) {

        -webkit-animation-delay: 0.05s;

        animation-delay: 0.05s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(3) {

        -webkit-animation-delay: 0.1s;

        animation-delay: 0.1s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(4) {

        -webkit-animation-delay: 0.15s;

        animation-delay: 0.15s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(5) {

        -webkit-animation-delay: 0.2s;

        animation-delay: 0.2s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(6) {

        -webkit-animation-delay: 0.25s;

        animation-delay: 0.25s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(7) {

        -webkit-animation-delay: 0.3s;

        animation-delay: 0.3s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(8) {

        -webkit-animation-delay: 0.35s;

        animation-delay: 0.35s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(9) {

        -webkit-animation-delay: 0.4s;

        animation-delay: 0.4s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(10) {

        -webkit-animation-delay: 0.45s;

        animation-delay: 0.45s;

    }

    .butterfly_body .button--nanuk:hover>span:nth-child(11) {

        -webkit-animation-delay: 0.5s;

        animation-delay: 0.5s;

    }

}



.butterfly_body .scroll-animate.animated {

    visibility: hidden;

}



.butterfly_body .disable-hover {

    pointer-events: none;

}



.butterfly_body .ohp_t {

    text-shadow: 9px 3px 54px rgba(0, 0, 0, 0.29);

}



.butterfly_body .pure:before,

.butterfly_body .pure:after {

    content: " ";

    display: table;

}



.butterfly_body .pure:after {

    clear: both;

}



.butterfly_bodybody {

    height: auto;

    overflow-x: hidden;

}



.butterfly_body .fl_l {

    float: left;

}



.butterfly_body .fl_r {

    float: right;

}



.butterfly_body .csnet_img {

    cursor: pointer;

}



.butterfly_body .csnet_img * {

    pointer-events: none;

}



@media screen and (max-width: 800px) {

    .butterfly_body html {

        font-size: 80px;

    }

}



@media screen and (max-width: 600px) {

    .butterfly_body html {

        font-size: 60px;

    }

}



.butterfly_body a {

    text-decoration: none;

}



.butterfly_body input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px transparent inset;

}



.butterfly_body input,

.butterfly_body textarea {

    font-family: inherit;

}



.butterfly_body .pro_img_box {

    position: relative;

    overflow: hidden;

}



.butterfly_body .pro_img_box::before {

    content: '';

    display: block;

    margin-top: 100%;

}



.butterfly_body .pro_img_box>.img_box {

    position: absolute;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    transition: all .5s ease-in-out;

}



.butterfly_body .pro_img_box>.img_box img {

    display: none;

    width: 100%;

}



.butterfly_body .bloc {

    position: relative;

}



.butterfly_body *::-webkit-scrollbar {

    width: 4px;

    border-radius: 1.5px;

    height: 4px;

}



.butterfly_body *::-webkit-scrollbar-button {

    display: none;

}



.butterfly_body *::-webkit-scrollbar-track {

    background-color: #eee;

}



.butterfly_body *::-webkit-scrollbar-thumb {

    background-color: #0031c3;

}



.butterfly_body .mess_img_case .swiper-wrapper {

    transition-timing-function: cubic-bezier(0.1, 0.7, 0.74, 0.3);

    /*transition-timing-function: ease;*/

}



.butterfly_body .index03 .swiper-button-prev,

.butterfly_body .index03 .swiper-button-next {

    background: none;

    text-align: center;

    color: #fff;

    width: auto;

    height: auto;

    line-height: 1;

    font-size: 26px;

    margin-top: -25px;

    opacity: .5;

}



.butterfly_body .index03 .swiper-button-prev i,

.butterfly_body .index03 .swiper-button-next i {

    font-size: 20px;

    position: absolute;

    display: block;

    line-height: 1;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.butterfly_body .index03 .swiper-button-prev:hover,

.butterfly_body .index03 .swiper-button-next:hover {

    opacity: 1;

}



.butterfly_body .index03 .swiper-button-prev {

    left: .4rem;

}



.butterfly_body .index03 .swiper-button-next {

    right: .4rem;

}



.butterfly_body .index03 .swiper-pagination {

    font-size: 0;

}



.butterfly_body .index03 .swiper-pagination .swiper-pagination-bullet {

    background-color: transparent;

    opacity: .5;

    border: 3px solid #ffffff;

    vertical-align: middle;

    transition: all .5s ease-in-out;

    margin: 0 .23rem;

    width: .06rem;

    height: .06rem;

    display: inline-block;

}



.butterfly_body .index03 .swiper-pagination .swiper-pagination-bullet:hover {

    border-color: #0031c3;

}



.butterfly_body .index03 .swiper-pagination .swiper-pagination-bullet-active {

    opacity: 1;

    width: .2rem;

    height: .2rem;

}



.butterfly_body .index03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 .1rem;

}



.butterfly_body .btn_m {

    display: none;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.butterfly_body .works__slider {

    cursor: url(../image/svgipsa_cursor_arrow.png) 52 23, move;

}



.butterfly_body .works__slider a {

    cursor: url(../image/svgipsa_cursor_arrow.png) 52 23, move;

}



.butterfly_body .works__slider a:active,

.butterfly_body .works__slider a:focus {

    cursor: url(../image/svgipsa_cursor_arrow_pushed.png) 52 23, move;

}



.butterfly_body .works__slider:active,

.butterfly_body .works__slider:focus {

    cursor: url(../image/svgipsa_cursor_arrow_pushed.png) 52 23, move;

}



.butterfly_body .nav_d {

    display: none;

}



.butterfly_body .nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 99;

    transition: all .5s ease;

}



.butterfly_body .nav .nav_sha {

    display: block;

    background-color: rgba(0, 0, 0, 0.8);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    transition: all .5s ease-in-out;

}



.butterfly_body .nav .nav_con {

    margin: 0 auto;

    padding: 0 0 0 .4rem;

    position: relative;

    transition: all .5s ease-in-out;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.butterfly_body .nav .nav_con>.navBox {

    float: right;

    display: flex;

}



.butterfly_body .nav .nav_con>.navBox li a {

    display: block;

    font-size: 16px;

    transition: all .5s ease;

    padding: 0 1.823vw;

    position: relative;

    line-height: 1.1rem;

    color: #fff;

}



.butterfly_body .nav .nav_con>.navBox li a span {

    position: relative;

}



.butterfly_body .nav .nav_con>.navBox li a span::before {

    content: '';

    display: block;

    position: absolute;

    right: -2px;

    top: -5px;

    width: 8px;

    height: 25px;

    transform: skewX(30deg) translateY(-20px) scaleY(0) translateZ(0);

    background-color: #0031c3;

    transition: all .5s ease-in-out;

    z-index: -1;

}



.butterfly_body .nav .nav_con>.navBox li a.on span::before {

    transform: skewX(30deg) translateY(0) scaleY(1) translateZ(0);

}



@media screen and (orientation: landscape) {

    .butterfly_body .nav .nav_con>.navBox li a:hover span::before {

        transform: skewX(30deg) translateY(0) scaleY(1) translateZ(0);

    }

}



.butterfly_body .nav .nav_con .navBox>ul {

    display: flex;

    min-width: 51vw;

}



.butterfly_body .nav .nav_con .navBox>ul li {

    display: block;

    float: left;

    position: relative;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul {

    position: absolute;

    left: 50%;

    top: 100%;

    margin-top: -2px;

    transform: translate(-50%, 0);

    width: 100%;

    transition: all .3s ease;

    border-radius: 3px;

    text-transform: uppercase;

    overflow: hidden;

    display: none;

    padding-top: .35rem;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul::before {

    content: '';

    display: block;

    width: 100%;

    height: 20px;

    position: absolute;

    z-index: -1;

    bottom: 100%;

    left: 0;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul::after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 1px;

    width: 100%;

    background-color: #0031c3;

    z-index: -1;

    display: none;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul>li {

    width: 100%;

    display: block;

    position: relative;

    z-index: 1;

    float: none;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul>li:last-child {

    padding-bottom: .1rem;

}



.butterfly_body .nav .nav_con .navBox>ul li>ul>li a {

    transition: all .3s ease;

    padding: .1rem 10px;

    text-align: center;

    line-height: 1;

    font-weight: lighter;

    color: rgba(255, 255, 255, 0.5);

}



.butterfly_body .nav .nav_con .navBox>ul li>ul>li a:hover,

.butterfly_body .nav .nav_con .navBox>ul li>ul>li a.on {

    color: white;

}



.butterfly_body .nav.nav_on .nav_sha {

    height: 5rem;

}



.butterfly_body .nav.nav_on .nav_con>.navBox.navBox ul li>ul {

    display: block;

}



@media screen and (orientation: landscape) {

    .butterfly_body .nav.nav_ban .nav_con>.navBox li a,

    .butterfly_body .nav.nav_ban .pub_sha_case a,

    .butterfly_body .nav.active .nav_con>.navBox li a,

    .butterfly_body .nav.active .pub_sha_case a,

    .butterfly_body .nav.go-show .nav_con>.navBox li a,

    .butterfly_body .nav.go-show .pub_sha_case a {

        color: #000;

    }

    .butterfly_body .nav.nav_ban .nav_con .navBox>ul li>ul>li a:hover,

    .butterfly_body .nav.active .nav_con .navBox>ul li>ul>li a:hover,

    .butterfly_body .nav.go-show .nav_con .navBox>ul li>ul>li a:hover {

        color: #0031c3;

    }

    .butterfly_body .nav.nav_ban .logo_box .logo_w,

    .butterfly_body .nav.active .logo_box .logo_w,

    .butterfly_body .nav.go-show .logo_box .logo_w {

        opacity: 0;

    }

    .butterfly_body .nav.nav_ban .logo_box .logo_c,

    .butterfly_body .nav.active .logo_box .logo_c,

    .butterfly_body .nav.go-show .logo_box .logo_c {

        opacity: 1;

    }

    .butterfly_body .nav.nav_ban .nav_con>.navBox .lan_box a,

    .butterfly_body .nav.active .nav_con>.navBox .lan_box a,

    .butterfly_body .nav.go-show .nav_con>.navBox .lan_box a {

        color: #0031c3;

    }

    .butterfly_body .nav.nav_ban .nav_sha,

    .butterfly_body .nav.active .nav_sha,

    .butterfly_body .nav.go-show .nav_sha {

        background-color: rgba(255, 255, 255, 0.95);

        transition: all .5s ease-in-out;

    }

    .butterfly_body .nav.nav_ban .nav_con,

    .butterfly_body .nav.active .nav_con,

    .butterfly_body .nav.go-show .nav_con {

        border-bottom-color: rgba(0, 0, 0, 0.2);

    }

    .butterfly_body .nav.nav_ban .nav_con>.navBox .lan_box,

    .butterfly_body .nav.active .nav_con>.navBox .lan_box,

    .butterfly_body .nav.go-show .nav_con>.navBox .lan_box {

        border-left-color: rgba(0, 0, 0, 0.2);

    }

}



.butterfly_body .nav.sor .nav_con>.navBox>ul>li>a,

.butterfly_body .nav.sor .pub_sha_case a,

.butterfly_body .nav.sor .nav_con>.navBox .lan_box a,

.butterfly_body .nav.active .nav_con>.navBox>ul>li>a,

.butterfly_body .nav.active .pub_sha_case a,

.butterfly_body .nav.active .nav_con>.navBox .lan_box a,

.butterfly_body .nav.go-show .nav_con>.navBox>ul>li>a,

.butterfly_body .nav.go-show .pub_sha_case a,

.butterfly_body .nav.go-show .nav_con>.navBox .lan_box a {

    line-height: .8rem;

}



.butterfly_body .nav.sor .logo_box,

.butterfly_body .nav.active .logo_box,

.butterfly_body .nav.go-show .logo_box {

    padding: .23rem 0;

}



.butterfly_body .nav.active,

.butterfly_body .nav.go-show {

    background-color: #fff;

}



.butterfly_body .pub_sha_case {

    font-size: 0;

    float: right;

    margin-right: .4rem;

    display: flex;

    align-items: center;

}



.butterfly_body .pub_sha_case a {

    position: relative;

    line-height: 1.1rem;

    font-size: .22rem;

    padding: 0 .12rem;

    cursor: pointer;

    transition: all .5s ease;

    color: #fff;

}



.butterfly_body .pub_sha_case a i {

    transition: all .5s ease;

    font-size: .22rem;

    display: block;

}



.butterfly_body .pub_sha_case a>div {

    display: none;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 115%;

    width: 1.5rem;

    padding: 10px;

    background-color: #fff;

    border-radius: .15rem;

}



.butterfly_body .pub_sha_case a>div img {

    display: block;

    width: 100%;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pub_sha_case a:hover i {

        transform: scale(1.2);

    }

}



.butterfly_body .pub_sha_case a:hover>div {

    display: block;

}



.butterfly_body .logo_box {

    display: block;

    float: left;

    cursor: pointer;

    position: relative;

    z-index: 8;

    padding: .4rem 0;

    transition: all .5s ease;

}



.butterfly_body .logo_box img {

    display: block;

    height: .34rem;

    transition: all .5s ease-in-out;

}



.butterfly_body .logo_box .logo_c {

    position: absolute;

    left: 50%;

    top: 50%;

    opacity: 0;

    transform: translate(-50%, -50%);

    width: 100%;

}



.butterfly_body .btn_sea_s {

    font-size: .24rem;

    margin: 0 .2rem 0 3.125vw;

    color: #fff;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



@media screen and (orientation: landscape) {

    .butterfly_body .btn_sea_s:hover {

        color: #0031c3;

    }

}



.butterfly_body .pub_search_box_case {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 6;

    transition: all .5s ease;

    transform: translateY(-120%);

    width: 100%;

}



.butterfly_body .pub_search_box_case.on {

    transform: none;

}



.butterfly_body .pub_search_box_case.on .pub_sea_sha {

    display: block;

}



.butterfly_body .pub_search_box_case .pub_sea_sha {

    position: absolute;

    width: 100vw;

    height: 100vh;

    left: 0;

    top: 0;

    z-index: 2;

    display: none;

}



.butterfly_body .pub_search_box_case .pub_search_case {

    background-color: #fff;

    padding: .2rem .65rem .2rem 1.1rem;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

    position: relative;

    z-index: 3;

}



.butterfly_body .pub_search_box_case .pub_search_case .zhan_c {

    overflow: hidden;

    position: relative;

    height: .4rem;

    min-height: .4rem;

    opacity: 0;

    pointer-events: none;

}



.butterfly_body .pub_search_box_case .pub_search_case .zhan_c img {

    height: .4rem;

    display: block;

    max-width: none;

    width: auto !important;

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box {

    position: relative;

    width: 90%;

    padding-left: .8rem;

    padding-right: .4rem;

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box .btn_sea_close {

    position: absolute;

    left: 100%;

    top: .2rem;

    font-size: .4rem;

    line-height: 1;

    cursor: pointer;

    color: #222;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pub_search_box_case .pub_search_case .pub_search_box .btn_sea_close:hover {

        color: #0031c3;

    }

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box .sea_t {

    font-size: 16px;

    line-height: .4rem;

    margin-bottom: 10px;

    color: #666;

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box form {

    display: block;

    width: 100%;

    position: relative;

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box form a {

    position: absolute;

    line-height: .65rem;

    top: 0;

    right: 0;

    width: .4rem;

    font-size: .4rem;

    color: #222;

    cursor: pointer;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pub_search_box_case .pub_search_case .pub_search_box form a:hover {

        color: #0031c3;

    }

}



.butterfly_body .pub_search_box_case .pub_search_case .pub_search_box form input {

    display: block;

    width: 100%;

    background-color: transparent;

    border: none;

    border-bottom: 4px solid #222;

    padding: .2rem .6rem .2rem 0;

    outline: none;

    line-height: .25rem;

    font-size: .24rem;

    color: #333;

}



.butterfly_body .sty_p {

    font-family: CgFuturaMaxiLt;

    line-height: 1;

    color: #fff;

}



.butterfly_body .sty_p span {

    display: block;

    text-align: center;

    font-size: .24rem;

}



.butterfly_body .sty_p span.on {

    font-size: .72rem;

    font-family: CgFuturaMaxiBd;

}



.butterfly_body .nav .nav_con>.navBox .lan_box {

    position: relative;

    border-left: 1px solid rgba(255, 255, 255, 0.2);

    display: flex;

    justify-content: center;

    width: 1.8rem;

    font-size: .24rem;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



.butterfly_body .nav .nav_con>.navBox .lan_box a {

    padding: 0 .09rem;

    color: inherit;

    line-height: 1.1rem;

    transition: all .5s ease;

    color: #fff;

}



@media screen and (orientation: landscape) {

    .butterfly_body .nav .nav_con>.navBox .lan_box a:hover {

        color: #0031c3;

    }

}



.butterfly_body .nav .nav_con>.navBox .lan_box span {

    color: inherit;

    font-size: inherit;

}



.butterfly_body .nav_s_box {

    position: absolute;

    left: 4.145%;

    bottom: 0;

    padding-bottom: 1.6rem;

    border-left: 5px solid rgba(255, 255, 255, 0.2);

    padding-left: .6rem;

}



.butterfly_body .nav_s_box::before {

    content: '';

    width: 5px;

    background-color: #fff;

    height: .26rem;

    position: absolute;

    left: -5px;

    top: 0;

}



.butterfly_body .nav_s_box ul {

    display: block;

}



.butterfly_body .nav_s_box ul li {

    display: block;

}



.butterfly_body .nav_s_box ul li:first-child {

    margin-top: -.065rem;

}



.butterfly_body .nav_s_box ul li a {

    display: block;

    font-size: .26rem;

    color: rgba(255, 255, 255, 0.5);

    line-height: 1.5;

    cursor: pointer;

    transition: all .5s ease;

}



.butterfly_body .nav_s_box ul li a:hover,

.butterfly_body .nav_s_box ul li a.on {

    color: #fff;

}



.butterfly_body.con_body .nav_s_box::before {

    height: .91rem;

}



.butterfly_body .swiper-slide {

    overflow: hidden;

}



.butterfly_body .swiper-slide.active {

    pointer-events: all;

}



.butterfly_body .navDown .childItem {

    display: none;

}



.butterfly_body .childItem {

    width: 2rem;

    height: calc(100vh - 50px);

    position: absolute;

    top: 0;

    left: 100%;

    padding-left: .56rem;

    color: rgba(255, 255, 255, 0.25);

    z-index: 1;

}



.butterfly_body .childItem>ul {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.butterfly_body .childItem>ul:first-child {

    display: block;

}



.butterfly_body .childItem>ul li {

    padding: 1.85vh 0;

    cursor: pointer;

}



.butterfly_body .childItem>ul li.thisNav a,

.butterfly_body .childItem>ul li:hover a {

    font-weight: 700;

    color: #000;

}



.butterfly_body .childItem>ul li.thisNav a::after,

.butterfly_body .childItem>ul li:hover a::after {

    width: calc(100% + 1.5em);

}



.butterfly_body .childItem>ul a {

    font-size: .15rem;

    color: #808080;

    transition: all .5s ease;

    position: relative;

    line-height: 1;

}



.butterfly_body .childItem>ul a::after {

    content: '';

    display: block;

    left: -.5em;

    bottom: -3px;

    position: absolute;

    width: 0;

    height: 6px;

    background-color: #f2f2f2;

    z-index: -1;

    transition: width .5s ease;

}



.butterfly_body .navBox>.childItem {

    width: 2rem;

    height: calc(100vh - 50px);

    position: fixed;

    top: 25px;

    left: 240px;

    padding-left: .48rem;

    background-color: #000000;

}



.butterfly_body .navBox>.childItem>ul {

    display: none;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.butterfly_body .navBox>.childItem>ul:first-child {

    display: block;

}



.butterfly_body .navBox>.childItem>ul li {

    padding: 1.85vh 0;

    cursor: pointer;

}



.butterfly_body .navBox>.childItem>ul li.thisNav a,

.butterfly_body .navBox>.childItem>ul li:hover a {

    color: white;

}



.butterfly_body .navBox>.childItem>ul li.thisNav a::after,

.butterfly_body .navBox>.childItem>ul li:hover a::after {

    width: calc(100% + 1.5em);

}



.butterfly_body .navBox>.childItem>ul a {

    font-size: .13rem;

    color: rgba(255, 255, 255, 0.25);

    transition: all .5s ease;

    position: relative;

    line-height: 1;

}



.butterfly_body .navBox>.childItem>ul a::after {

    content: '';

    display: block;

    left: -.5em;

    bottom: -3px;

    position: absolute;

    width: 0;

    height: 6px;

    background-color: #292929;

}



.butterfly_body .header_m {

    display: none;

}



.butterfly_body .disable-hover {

    pointer-events: none;

}



.butterfly_body .btn_nav_box,

.butterfly_body .m_hint_box {

    display: none;

}



.butterfly_body .btn_sty {

    line-height: 1.5;

    font-size: .20rem;

    color: #fff;

    border-radius: .6rem;

    padding: .15rem .85rem;

    display: inline-block;

    position: relative;

    overflow: hidden;

    background: #e6091a;

    text-align: center;

}



.butterfly_body .btn_sty::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 150%;

    height: 100%;

    background: #e6091a;

    z-index: -1;

    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);

    -webkit-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;

    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;

}



.butterfly_body .btn_sty i {

    display: block;

    font-size: inherit;

    color: inherit;

}



.butterfly_body .btn_sty.btn_hover {

    cursor: pointer;

}



.butterfly_body .btn_sty.btn_hover:hover {

    transition: none;

}



.butterfly_body .btn_sty.btn_hover:hover::before {

    opacity: 1;

    background-color: #a00f01;

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

    transform: rotate3d(0, 0, 1, 0deg);

    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}



.butterfly_body .sha_video {

    background-color: rgba(0, 0, 0, 0.7);

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    display: none;

    z-index: 9999;

}



.butterfly_body .sha_video>div {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate3d(-50%, -50%, 0) scale(0);

    transition: all .5s ease-in-out;

}



.butterfly_body .sha_video>div .video_btn_close {

    position: absolute;

    right: -.5rem;

    top: -.25rem;

    cursor: pointer;

    color: #ffffff;

    opacity: .5;

    z-index: 3;

    transition: all .5s ease-in-out;

}



@media screen and (orientation: landscape) {

    .butterfly_body .sha_video>div .video_btn_close:hover {

        color: #0031c3;

    }

}



.butterfly_body .sha_video>div video {

    display: block;

    min-width: 50vw;

    max-height: 80vh;

    max-width: 85vw;

}



.butterfly_body .sha_video>div.on {

    transform: translate3d(-50%, -50%, 0) scale(1);

}



.butterfly_body .img_sha {

    background-color: rgba(0, 0, 0, 0.7);

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    display: none;

    z-index: 9999;

}



.butterfly_body .img_sha>div {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 95%;

    background-color: #fff;

}



.butterfly_body .img_sha>div .img_sha_close {

    position: absolute;

    right: -.5rem;

    top: -.25rem;

    cursor: pointer;

    color: #ffffff;

    opacity: .5;

    z-index: 3;

    transition: all .5s ease-in-out;

}



@media screen and (orientation: landscape) {

    .butterfly_body .img_sha>div .img_sha_close:hover {

        color: #0031c3;

    }

}



.butterfly_body .img_sha>div .sha_img_box {

    overflow: auto;

    height: 85vh;

    width: 100%;

    margin: 0;

}



.butterfly_body .img_sha>div .sha_img_box img {

    width: auto;

    max-width: none;

    display: block;

}



@keyframes rotate_ {

    0% {

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

    }

}



.butterfly_body .cir-box {

    position: relative;

    width: 100%;

    opacity: 0;

    pointer-events: none;

    transform: scale(1.2);

    transition: all 0.8s ease-in-out;

}



.butterfly_body .cir-box .c-line {

    width: 100%;

}



.butterfly_body .cir-box .cir {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    animation-name: rotate_;

    animation-timing-function: linear;

    animation-iteration-count: 1000;

}



.butterfly_body .cir-box .cir.c1 {

    animation-duration: 8s;

}



.butterfly_body .cir-box .cir.c2 {

    animation-duration: 20s;

}



.butterfly_body .cir-box .cir.c3 {

    animation-duration: 8s;

}



.butterfly_body .cir-box .cir.c4 {

    animation-duration: 21s;

}



@keyframes zhuang {

    0% {

        transform: rotate(20deg);

    }

    48% {

        transform: rotate(359deg);

    }

    48.1% {

        transform: rotate(0deg);

    }

    98% {

        transform: rotate(359deg);

    }

    98.1% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(20deg);

    }

}



.butterfly_body .btn_sor_down {

    cursor: pointer;

    background-color: transparent;

    width: .6rem;

    padding: .2rem 0;

    text-align: center;

    background-color: #0031c3;

    border: 1px solid #0031c3;

    color: #fff;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1.5s;

}



.butterfly_body .btn_sor_down i {

    line-height: .2rem;

    font-size: .16rem;

    display: block;

}



.butterfly_body .pub_banner {

    position: relative;

    overflow: hidden;

}



.butterfly_body .pub_banner .pub_banner_img {

    position: relative;

    overflow: hidden;

}



.butterfly_body .pub_banner .pub_banner_img>img {

    width: 100%;

    display: block;

    transition: all 3s ease;

    transform: scale(1.2);

}



.butterfly_body .pub_banner .pub_banner_img .img {

    transition: all 3s ease;

    transform: scale(1.2);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    overflow: hidden;

}



.butterfly_body .pub_banner .pub_banner_img .img::before {

    content: '';

    display: block;

    margin-top: 50%;

}



.butterfly_body .pub_banner.on .pub_banner_img>img {

    transform: scale(1);

}



.butterfly_body .pub_banner.on .pub_banner_img>.img {

    transform: scale(1);

}



.butterfly_body .pub_banner .pub_banner_text {

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    color: #ffffff;

    left: 50%;

    width: 73%;

    max-width: 1600px;

}



.butterfly_body .pub_banner .pub_banner_text .pub_banner_title {

    line-height: 1.25;

    font-weight: 700;

    font-size: .56rem;

}



.butterfly_body .pub_banner .pub_banner_text .pub_banner_title_en {

    line-height: 1.2;

    font-size: 1rem;

    font-family: 'NexaThin';

    text-transform: capitalize;

}



.butterfly_body .pub_banner .pub_banner_text .pro_img_box {

    margin-left: auto;

    margin-right: auto;

    background-size: contain;

    width: 42.15%;

    margin-top: 3.5%;

}



.butterfly_body .pub_banner .pub_banner_text .pro_img_box::before {

    margin-top: 67.7966%;

}



.butterfly_body .pub_banner .pub_banner_text .banner_svg {

    margin-bottom: .35rem;

    width: .8rem;

    margin-right: auto;

    margin-left: auto;

}



.butterfly_body .pub_banner .pub_banner_text .banner_svg svg {

    display: block;

    width: 100%;

    height: 100%;

}



.butterfly_body .pub_banner .pub_banner_text .banner_svg svg path {

    fill: #fff;

}



.butterfly_body .pub_banner .banner_img_box {

    width: 100%;

    height: 100vh;

    display: block;

    overflow: hidden;

}



.butterfly_body .pub_banner .banner_img_box+.pub_banner_img {

    display: none;

}



.butterfly_body .pub_banner .banner_img_box image {

    width: 100%;

}



.butterfly_body .pub_banner .banner_img_box image:first-child {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



@media screen and (orientation: portrait) {

    .butterfly_body .pub_banner .banner_img_box image {

        width: auto;

        height: 100%;

    }

    .butterfly_body .pub_banner .banner_img_box image:first-child {

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

    }

}



.butterfly_body .pub_banner .banner_img_box rect {

    width: 100%;

    height: 100%;

}



.butterfly_body .pub_banner .banner_img_box .banner_svg_case {

    transform: translate(60.5%, 33%) scale(0.35);

}



.butterfly_body .pub_banner .banner_img_box .benner_img {

    transform: translate(31%, -7%) scale(1.5);

    transition: all 5s ease;

    filter: blur(5px);

}



.butterfly_body .pub_banner .pub_banner_text_box {

    position: absolute;

    left: 50%;

    top: 55%;

    transform: translate(-50%, -50%);

    color: #fff;

    z-index: 2;

}



.butterfly_body .pub_banner .pub_banner_text_box .pub_banner_txt {

    line-height: 1;

    font-size: .5rem;

    margin-bottom: .25rem;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease .5s;

}



.butterfly_body .pub_banner .pub_banner_text_box .pub_banner_txt_en {

    text-transform: uppercase;

    line-height: .8;

    font-size: .4rem;

    margin-bottom: .8rem;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1s;

}



.butterfly_body .pub_banner .pub_banner_text_box .news_d_txt {

    font-size: .36rem;

    line-height: 1.388;

    color: #fff;

    font-weight: 500;

    width: calc(100% - 2.5rem);

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease .5s;

}



.butterfly_body .pub_banner .pub_banner_text_box .news_d_tel {

    color: rgba(255, 255, 255, 0.5);

    font-size: .22rem;

    line-height: 1;

    margin-top: .35rem;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1s;

}



.butterfly_body .pub_banner .pub_banner_text_box .btn_back {

    position: absolute;

    right: 0;

    top: 0;

}



.butterfly_body .pub_banner .pub_banner_text_box .btn_back i {

    margin-right: .14rem;

}



.butterfly_body .pub_banner .pub_banner_text_box .btn_back.button--wayra:hover {

    color: #fff;

    border-color: #e6091a;

}



.butterfly_body .pub_banner .pub_banner_text_box .btn_back.button--wayra:hover::before {

    background-color: #e6091a;

}



.butterfly_body .pub_banner.on .btn_sor_down {

    transform: none;

    opacity: 1;

}



.butterfly_body .pub_banner.on .banner_img_box .benner_img {

    transform: translate(31%, -7%);

}



.butterfly_body .pub_banner.on .pub_banner_text_box .pub_banner_txt,

.butterfly_body .pub_banner.on .pub_banner_text_box .pub_banner_txt_en,

.butterfly_body .pub_banner.on .pub_banner_text_box .btn_sor_down,

.butterfly_body .pub_banner.on .pub_banner_text_box .news_d_tel,

.butterfly_body .pub_banner.on .pub_banner_text_box .news_d_txt,

.butterfly_body .pub_banner.on .pub_banner_text_box .btn_back {

    transform: none;

    opacity: 1;

}



.butterfly_body .pub_banner .nav_ser_box {

    position: absolute;

    top: auto;

    bottom: 0;

    display: block;

    background-color: rgba(0, 0, 0, 0.5);

}



.butterfly_body .pub_banner .nav_ser_box>div {

    line-height: .8rem;

}



.butterfly_body .pub_banner .swiper-slide a {

    display: block;

}



.butterfly_body .pub_banner .swiper-slide a img {

    width: 100%;

    display: block;

}



.butterfly_body .pub_banner .swiper-button-prev,

.butterfly_body .pub_banner .swiper-button-next {

    background-color: rgba(0, 0, 0, 0.3);

    width: .8rem;

    height: .8rem;

    line-height: .8rem;

    text-align: center;

    margin: -.4rem 0 0;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    transition: all .5s ease-in-out;

    color: #fff;

    font-size: .26rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pub_banner .swiper-button-prev:hover,

    .butterfly_body .pub_banner .swiper-button-next:hover {

        background-color: black;

        color: #0031c3;

    }

}



.butterfly_body .pub_banner .swiper-button-prev {

    left: .78rem;

}



.butterfly_body .pub_banner .swiper-button-next {

    right: .78rem;

}



.butterfly_body .pub_banner .swiper-pagination {

    width: 72.9%;

    left: 50%;

    transform: translateX(-50%);

    text-align: left;

    bottom: 8.57%;

}



.butterfly_body .pub_banner .swiper-pagination span {

    opacity: 1;

    margin: 0 .24rem;

    transition: all .5s ease-in-out;

}



.butterfly_body .pub_banner .swiper-pagination span.swiper-pagination-bullet-active {

    border-color: #0031c3;

}



.butterfly_body .sec_nav_box {

    position: relative;

    border-bottom: 2px solid rgba(153, 153, 153, 0.2);

}



.butterfly_body .sec_nav_box>div {

    display: flex;

    justify-content: center;

    width: 55.2%;

}



.butterfly_body .sec_nav_box>div a {

    width: 20%;

    text-align: center;

    font-size: .18rem;

    line-height: .38rem;

    padding: .25rem .1rem;

    cursor: pointer;

    transition: all .5s ease;

    color: #666666;

}



.butterfly_body .sec_nav_box>div a.on {

    color: #0031c3;

    font-weight: 700;

}



@media screen and (orientation: landscape) {

    .butterfly_body .sec_nav_box>div a:hover {

        color: #0031c3;

        font-weight: 700;

    }

}



.butterfly_body .sec_nav_box>div .line {

    transition: all .5s ease;

    background-color: #0031c3;

    height: 2px;

    width: 100px;

    position: absolute;

    top: 100%;

    color: #0031c3;

    left: 0;

    box-shadow: 0px 3px 6px 0px rgba(0, 65, 255, 0.22);

}



.butterfly_body .sec_nav_box>div .line i {

    font-size: .14rem;

    line-height: 1;

    bottom: 100%;

    right: 0;

    position: absolute;

    transform: translateX(15%);

    color: inherit;

}



.butterfly_body .sec_nav_box.none {

    opacity: 0;

    pointer-events: none;

}



.butterfly_body .pub_pad {

    padding-top: 8.28vw;

    padding-bottom: 6.666vw;

}



.butterfly_body .pub_pad_t {

    padding-top: 0;

}



.butterfly_body .pub_pad_b {

    padding-bottom: 6.666vw;

}



.butterfly_body .pub_case {

    width: 80.57%;

    margin: 0 auto;

    /*max-width: 1400px;*/

}



.butterfly_body .BMap_cpyCtrl.BMap_noprint.anchorBL {

    display: none;

}



.butterfly_body .BMap_pop {

    transform: translateY(-15px);

}



.butterfly_body .pub_hide {

    display: none !important;

}



.butterfly_body .swiper-button-next.swiper-button-disabled,

.butterfly_body .swiper-button-prev.swiper-button-disabled {

    display: none;

}



.butterfly_body #v-pop {

    position: fixed;

    z-index: 100;

    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 .5s ease-in-out;

}



.butterfly_body #v-pop .mask {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.7);

}



.butterfly_body #v-pop .con {

    padding: 1em;

    height: 100%;

    position: relative;

    transform: translate3d(0, 8px, 0);

    transition: all .5s ease-in-out;

    opacity: 0;

    background-color: #333;

}



.butterfly_body #v-pop .con video {

    height: 100%;

    display: none;

    object-fit: cover;

    margin: 0 auto;

}



.butterfly_body #v-pop .con .del_p {

    position: absolute;

    bottom: 50%;

    right: .2rem;

    transform: translateY(50%);

    color: #fff;

    font-size: .34rem;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



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

    .butterfly_body #v-pop .con .del_p:hover {

        color: #0031c3;

    }

}



.butterfly_body #v-pop .con .btn_box_sha {

    position: absolute;

    width: 100%;

    text-align: center;

    bottom: 20.37%;

}



.butterfly_body #v-pop .con .btn_box_sha .btn_sty {

    width: 180px;

    text-align: center;

    margin: 0 .1rem;

    padding-left: 0;

    padding-right: 0;

    border: 1px solid transparent;

}



.butterfly_body #v-pop .con .btn_box_sha .btn_sty.close_p {

    border-color: rgba(0, 0, 0, 0.75);

}



.butterfly_body #v-pop .con .btn_box_sha .btn_sty.close_p::after {

    background-color: rgba(0, 0, 0, 0.5);

}



.butterfly_body #v-pop .con .btn_box_sha .btn_sty::after {

    background-color: #0031c3;

}



.butterfly_body #v-pop .con .btn_box_sha:hover {

    border-color: #0031c3 !important;

}



.butterfly_body #v-pop .con .btn_box_sha>div span:first-of-type {

    color: #fff;

}



.butterfly_body #v-pop.on {

    opacity: 1;

    display: flex;

    pointer-events: auto;

    visibility: visible;

}



.butterfly_body #v-pop.on .con {

    transform: none;

    opacity: 1;

}



.butterfly_body #v-pop.on .con video {

    display: block;

}



.butterfly_body #v-pop.on .con canvas {

    display: none;

}



.butterfly_body .mat_sha_box {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 9999;

    display: none;

}



.butterfly_body .mat_sha_box .sha_guan {

    background-color: rgba(0, 0, 0, 0.3);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

}



.butterfly_body .mat_sha_box .mat_sha_con_box {

    position: absolute;

    z-index: 2;

    left: 50%;

    top: 48%;

    transform: translate(-50%, -50%);

    width: 1200px;

    max-width: 90%;

    background-color: #fff;

    padding: .6rem 10.4%;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .btn_sha_close {

    right: .2rem;

    font-size: .6rem;

    line-height: 1;

    color: rgba(0, 0, 0, 0.09);

    position: absolute;

    top: .2rem;

    cursor: pointer;

}



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

    .butterfly_body .mat_sha_box .mat_sha_con_box .btn_sha_close:hover {

        color: #0031c3;

    }

}



.butterfly_body .mat_sha_box .mat_sha_con_box .sha_title_n {

    font-size: .24rem;

    font-weight: 600;

    color: #000000;

    line-height: 1;

    text-align: center;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .tab_lb_box {

    text-align: center;

    display: flex;

    justify-content: center;

    margin-top: .35rem;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .tab_lb_box>a {

    line-height: .4rem;

    font-size: 13px;

    padding: 0 .4rem;

    margin: 0 .1rem;

    border-radius: .2rem;

    border: 1px solid #D9D9D9;

    color: #262626;

    background: #F5F5F5;

    transition: all .5s ease-in-out;

    cursor: pointer;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .tab_lb_box>a.on {

    background-color: #0031c3;

    border-color: #0031c3;

    color: #fff;

}



@media screen and (orientation: landscape) {

    .butterfly_body .mat_sha_box .mat_sha_con_box .tab_lb_box>a:hover {

        background-color: #0031c3;

        border-color: #0031c3;

        color: #fff;

    }

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box {

    position: relative;

    margin-top: .3rem;

    margin-bottom: .2rem;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-slide .ban_sha {

    position: relative;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-slide .ban_sha::before {

    content: '';

    display: block;

    bottom: -1px;

    left: 0;

    position: absolute;

    height: .3rem;

    width: 100%;

    z-index: 9;

    background-image: linear-gradient(to top, white, transparent);

    background-position: center;

    background-blend-mode: normal;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-slide .tab_img_box {

    position: relative;

    height: 46vh;

    overflow-y: auto;

    padding-bottom: .3rem;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-slide .tab_img_box img {

    display: block;

    width: 100%;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-button-prev {

    left: 0;

    transform: translateX(-150%);

    color: #0031c3;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_lb_box .swiper-button-next {

    right: 0;

    transform: translateX(150%);

    color: #0031c3;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_con_box {

    background-color: #fff;

    width: 41.4286%;

    padding: 6.4% 3.57%;

    position: relative;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .met_con_box .mat_pro_info {

    margin-top: 27px;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .hint_sha {

    text-align: center;

    font-size: 12px;

    font-weight: 500;

    color: rgba(0, 0, 0, 0.7);

    line-height: 1;

    margin-bottom: .1rem;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .sha_tol_num {

    border-bottom: 1px solid #000;

    padding: .1rem .85rem .1rem .2rem;

    text-align: right;

    font-size: 14px;

    font-weight: 500;

    color: #000000;

    line-height: 1;

}



.butterfly_body .mat_sha_box .mat_sha_con_box .sha_tol_num span {

    font-size: .28rem;

    line-height: 1;

    color: #0031c3;

    font-family: Source Han Serif SC;

    font-style: italic;

    font-weight: 800;

}



.butterfly_body .banner_sha {

    position: fixed;

    z-index: 999999;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.butterfly_body #date {

    display: none;

}



.butterfly_body .go_top {

    cursor: pointer;

    width: .6rem;

    height: .6rem;

    position: fixed;

    right: .5rem;

    bottom: .5rem;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 66;

    display: none;

}



.butterfly_body .swiper-slide .go_top {

    display: none !important;

}



@keyframes shake-horizontal {

    0% {

        transform: translate(0px, 0px) rotate(0deg);

    }

    2% {

        transform: translate(-4px, 0px) rotate(0deg);

    }

    4% {

        transform: translate(2px, 0px) rotate(0deg);

    }

    6% {

        transform: translate(-3px, 0px) rotate(0deg);

    }

    8% {

        transform: translate(9px, 0px) rotate(0deg);

    }

    10% {

        transform: translate(2px, 0px) rotate(0deg);

    }

    12% {

        transform: translate(-6px, 0px) rotate(0deg);

    }

    14% {

        transform: translate(-7px, 0px) rotate(0deg);

    }

    16% {

        transform: translate(2px, 0px) rotate(0deg);

    }

    18% {

        transform: translate(7px, 0px) rotate(0deg);

    }

    20% {

        transform: translate(-1px, 0px) rotate(0deg);

    }

    22% {

        transform: translate(-10px, 0px) rotate(0deg);

    }

    24% {

        transform: translate(-10px, 0px) rotate(0deg);

    }

    26% {

        transform: translate(3px, 0px) rotate(0deg);

    }

    28% {

        transform: translate(-5px, 0px) rotate(0deg);

    }

    30% {

        transform: translate(4px, 0px) rotate(0deg);

    }

    32% {

        transform: translate(-6px, 0px) rotate(0deg);

    }

    34% {

        transform: translate(-2px, 0px) rotate(0deg);

    }

    36% {

        transform: translate(-6px, 0px) rotate(0deg);

    }

    38% {

        transform: translate(-2px, 0px) rotate(0deg);

    }

    40% {

        transform: translate(4px, 0px) rotate(0deg);

    }

    42% {

        transform: translate(8px, 0px) rotate(0deg);

    }

    44% {

        transform: translate(-3px, 0px) rotate(0deg);

    }

    46% {

        transform: translate(-10px, 0px) rotate(0deg);

    }

    48% {

        transform: translate(4px, 0px) rotate(0deg);

    }

    50% {

        transform: translate(-6px, 0px) rotate(0deg);

    }

    52% {

        transform: translate(6px, 0px) rotate(0deg);

    }

    54% {

        transform: translate(-8px, 0px) rotate(0deg);

    }

    56% {

        transform: translate(5px, 0px) rotate(0deg);

    }

    58% {

        transform: translate(9px, 0px) rotate(0deg);

    }

    60% {

        transform: translate(7px, 0px) rotate(0deg);

    }

    62% {

        transform: translate(1px, 0px) rotate(0deg);

    }

    64% {

        transform: translate(2px, 0px) rotate(0deg);

    }

    66% {

        transform: translate(-2px, 0px) rotate(0deg);

    }

    68% {

        transform: translate(-7px, 0px) rotate(0deg);

    }

    70% {

        transform: translate(-1px, 0px) rotate(0deg);

    }

    72% {

        transform: translate(-6px, 0px) rotate(0deg);

    }

    74% {

        transform: translate(5px, 0px) rotate(0deg);

    }

    76% {

        transform: translate(0px, 0px) rotate(0deg);

    }

    78% {

        transform: translate(9px, 0px) rotate(0deg);

    }

    80% {

        transform: translate(-3px, 0px) rotate(0deg);

    }

    82% {

        transform: translate(8px, 0px) rotate(0deg);

    }

    84% {

        transform: translate(-2px, 0px) rotate(0deg);

    }

    86% {

        transform: translate(-1px, 0px) rotate(0deg);

    }

    88% {

        transform: translate(-3px, 0px) rotate(0deg);

    }

    90% {

        transform: translate(4px, 0px) rotate(0deg);

    }

    92% {

        transform: translate(0px, 0px) rotate(0deg);

    }

    94% {

        transform: translate(4px, 0px) rotate(0deg);

    }

    96% {

        transform: translate(2px, 0px) rotate(0deg);

    }

    98% {

        transform: translate(-2px, 0px) rotate(0deg);

    }

}



.butterfly_body .pub_title {

    line-height: 1;
margin-bottom: 1rem;
    color: #005cac;

    font-size: .3rem;

}



.butterfly_body .pub_title_en {

    font-family: Futura-Medium;

    font-size: .18rem;

    line-height: 1;

    color: #005cac;

    text-transform: capitalize;

    font-weight: lighter;

    margin-top: .24rem;

}



.butterfly_body .pub_info {

    color: #14212C;

    font-size: .16rem;

    line-height: 2.25;

    text-align: justify;

    margin-top: .55rem;

}



.butterfly_body .pub_tit_info {

    font-size: .4rem;

    color: #e6091a;

    line-height: 1.5;

    font-weight: 500;

}



.butterfly_body .pub_sty_t {

    display: flex;

}



.butterfly_body .pub_sty_t span {

    margin: 0 .1rem;

    background-color: #005cac;

    width: .07rem;

    height: .5rem;

    transform: skewX(-30deg);

}



.butterfly_body .pub_sty_t.pub_sty_h span {

    background-color: #005cac;

}



.butterfly_body .ind_loc_n {

    color: #005cac;

    font-size: .5rem;

    line-height: 1.4;

    font-weight: 700;

}



.butterfly_body .ind_loc_info {

    color: #14212C;

    font-size: .16rem;

    line-height: 2.25;

}



.butterfly_body .one {

    height: 39.2px;

    width: 68px;

    margin: 0 25.8px;

    border-left: 2px solid #0031c3;

    border-right: 2px solid #0031c3;

}



.butterfly_body .two {

    position: absolute;

    height: 39.2px;

    width: 68px;

    left: 25.7px;

    top: 0;

    transform: translate(-50%, -50%);

    transform: rotate(60deg);

    border-left: 2px solid #0031c3;

    border-right: 2px solid #0031c3;

}



.butterfly_body .three {

    position: absolute;

    height: 39.2px;

    width: 68px;

    left: 25.8px;

    top: 0;

    transform: translate(-50%, -50%);

    transform: rotate(300deg);

    border-left: 2px solid #0031c3;

    border-right: 2px solid #0031c3;

}



.butterfly_body .ind_loc_nc {

    display: flex;

    align-items: baseline;

    font-size: .3rem;

    line-height: 1;

    color: #11252c;

    margin-bottom: .52rem;

}



.butterfly_body .ind_loc_nc span {

    background-size: cover;

    font-size: 2rem;

    font-family: Futura-Heavy;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;

    pointer-events: none;

    background-position: left top;

    background-repeat: no-repeat;

}



.butterfly_body .pub_img_box {

    overflow: hidden;

    position: relative;

}



.butterfly_body .pub_img_box::before {

    content: '';

    display: block;

    margin-top: 100%;

}



.butterfly_body .pub_img_box .pub_img {

    position: absolute;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    background-position: center;

    left: 0;

    top: 0;

}



@keyframes upDown {

    0% {

        transform: translateY(-50%);

        opacity: 0;

    }

    100% {

        transform: translateY(50%);

        opacity: 1;

    }

}



@keyframes gd {

    0% {

        transform: scale(0.8);

    }

    20% {

        transform: scale(0.85);

    }

    30% {

        transform: scale(0.75);

    }

    75% {

        transform: scale(1.1);

    }

    80% {

        transform: scale(0.95);

    }

    85% {

        transform: scale(1.05);

    }

    90% {

        transform: scale(0.95);

    }

    100% {

        transform: scale(1);

    }

}



.butterfly_body.ind_body .pub_case {

    width: 77.08%;

    max-width: 1400px;

}



.butterfly_body.ind_body .ind_banner_case2 .swiper-button-next.swiper-button-disabled,

.butterfly_body.ind_body .ind_banner_case2 .swiper-button-prev.swiper-button-disabled {

    display: block;

}



.butterfly_body.ind_body .ind_banner_box {

    position: relative;

    z-index: 2;

}



.butterfly_body.ind_body .ind_banner_box .swiper-container {

    overflow: visible;

}



.butterfly_body.ind_body .ind_banner_box .swiper-pagination {

    position: absolute;

    right: 0;

    transform: translateX(50%);

    text-align: center;

    font-family: CgFuturaMaxiLt;

    z-index: 3;

    width: 1.6rem;

    left: auto;

    bottom: auto;

    top: 10%;

}



.butterfly_body.ind_body .ind_banner_box .swiper-pagination span:nth-child(2) {

    margin: .18rem 0 .28rem 0;

}



.butterfly_body.ind_body .ind_banner_box .swiper-pagination div:nth-child(1) {

    font-family: CgFuturaMaxiBd;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box {

    display: block;

    overflow: hidden;

    height: 100vh;

    transition: all .5s ease-in-out;

    position: relative;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .pub_img {

    width: 100%;

    height: 100%;

    background-size: cover;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .photo {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .ind_src1_img_box {

    height:100vh;

    background-size: cover;

    background-position: center;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box #myCanvas {

    display: none;

    transition: all .5s ease-in-out;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box #myCanvas.on {

    opacity: 0;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .xing_box {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .xing_box rect {

    width: 100%;

    height: 100%;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .xing_box image {

    width: 100%;

}



.butterfly_body.ind_body .ind_banner_box .banner_img_box .xing_box .xing_case {

    transform-origin: 0 0;

    transform: scale(5) translate(-15%, -22%);

    transition: all 1s ease;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box {

    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    width: 67.29%;

    transform: translate(-50%, -50%);

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box li {

    color: #fff;

    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box li:first-child {

    display: block;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box li div {

    font-size: .24rem;

    line-height: 1;

    font-weight: 100;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box li h5 {

    line-height: 1.3;

    font-size: .6rem;

    font-weight: 700;

    margin-top: .7rem;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box li a {

    margin-top: .7rem;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .ind_src1_title {

    font-size: .6rem;

    line-height: 1.23;

    margin-bottom: 1.5rem;

    font-weight: 700;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .ind_src1_title>div {

    display: flex;

    justify-content: center;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .ind_src1_info_en {

    font-size: .18rem;

    line-height: 1;

    font-family: CgFuturaMaxiLt;

    letter-spacing: 1em;

    text-transform: uppercase;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video {

    margin-top: .35rem;

    position: absolute;

    width: 90px;

    height: 90px;

    cursor: pointer;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video svg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: visible;

    transform: rotate(20deg);

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video svg circle {

    stroke-dasharray: 250;

    stroke: #ffffff;

    stroke-width: 4;

    transition: all .8s ease;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video>div {

    position: absolute;

    left: 100%;

    top: 50%;

    text-transform: uppercase;

    font-size: .16rem;

    font-family: 'Conv_NEXA-XBOLD';

    transform: translate(-50%, -50%);

    transition: all .5s ease-in-out;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video:hover svg {

    animation: zhuang ease .5s forwards;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video:hover svg circle {

    stroke-dasharray: 282;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_d_video:hover>div {

    left: 50%;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_play {

    width: 1rem;

    cursor: pointer;

    position: relative;

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_play img {

    display: block;

    width: 100%;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_play:hover img {

        animation: zhuang 2s ease infinite;

    }

}



.butterfly_body.ind_body .ind_banner_box .banner_text_img_box .btn_play i {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    display: block;

    line-height: 1;

}



.butterfly_body.ind_body .ind_banner_box .swiper-slide {

    opacity: 0 !important;

    transition: none;

}



.butterfly_body.ind_body .ind_banner_box .active {

    opacity: 1 !important;

}



.butterfly_body.ind_body .ind_banner_box .active .ind_src1_img_box {

    transform: none;

}



.butterfly_body.ind_body .ind_banner_box .active .banner_text_img_box {

    display: block;

}



.butterfly_body.ind_body .ind_banner_box .active .banner_img_box .xing_box .xing_case {

    transform: scale(5) translate(-50%, -22%);

}



.butterfly_body.ind_body .ind_banner_box .swiper-container.on {

    animation: gd 1s ease-in-out;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper {

    height: 100vh;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide>div {

    height: 100vh;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_loc_wl {

    transform: translateY(30%);

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .coo_lb_case .ind_loc_wl {

    transform: translateY(-50%);

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .pro_img_photo_nav a .pro_text_box {

    transform: none;

    opacity: 1;

    transition: all .5s ease;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_location .pub_sty_t {

    display: flex;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_news_box .pub_sty_t {

    display: flex;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_news_box .ind_news_case .ind_new_ {

    display: flex;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_news_box .ind_news_case .ind_new_l {

    display: block;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_con_foo .pub_sty_t {

    display: flex;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_con_foo .ind_con_con .ind_con_name {

    transform: none;

    opacity: 1;

    transition: all 1s ease .5s;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_con_foo .ind_con_con .ind_con_from {

    transform: translateY(34%);

    opacity: 1;

    transition: all 1s ease .7s;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .cooperation_case .pub_sty_t {

    display: flex;

}



.butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .cooperation_case .coo_lb_case {

    transform: none;

    opacity: 1;

    transition: all 1s ease .5s;

}



.butterfly_body.ind_body .pro_img_photo_nav {

    display: flex;

}



.butterfly_body.ind_body .pro_img_photo_nav a {

    cursor: pointer;

    background-color: #000;

    position: relative;

    height: 100%;

    overflow: hidden;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_img_box {

    height: 100%;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_img_box {

        width: 30vw;

    }

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_img_box::before {

    display: none;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_img_box .img_box {

    opacity: .5;

    transition: all .5s ease;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box {

    position: absolute;

    width: 60%;

    left: 22%;

    bottom: 12%;

    color: #fff;

    transition: all .5s ease-in-out;

    opacity: 0;

    transform: translateY(100%);

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box i {

    display: block;

    color: #e6091a;

    font-size: .4rem;

    line-height: 1;

    margin-bottom: .9rem;

    opacity: 0;

    transition: all .5s ease-in-out;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_num {

    font-size: .3rem;

    line-height: 1;

    font-family: Futura-Heavy;

    margin-bottom: .45rem;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name {

    line-height: 1.5;

    font-size: .4rem;

    margin-bottom: .5rem;

    transition: margin-bottom .5s ease;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en {

    font-family: Futura-Medium;

    line-height: 1.36;

    font-size: .3rem;

    text-transform: uppercase;

    transition: all .5s ease;

    position: absolute;

    transform: translateY(-100%);

    opacity: 0;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en.pro_ind_name_en_n {

    opacity: 1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en.pro_ind_name_en_n {

        width: 120%;

    }

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_info {

    line-height: 1.5;

    display: none;

    font-size: .2rem;

    overflow: hidden;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_info>div {

    overflow: hidden;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_info>div:first-child {

    padding-top: .5rem;

}



.butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_info>div div {

    padding: .06rem 0;

}



.butterfly_body.ind_body .pro_img_photo_nav a::before {

    content: '';

    display: block;

    width: 0;

    transition: all .5s ease-in-out;

    height: .09rem;

    background-color: #0031c3;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 4;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box .pro_ind_name {

        margin-bottom: .5rem;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box .pro_ind_name_en_o {

        opacity: 0;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box .pro_ind_name_en_n {

        opacity: 1;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on::before {

        width: 100%;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_img_box .img_box {

        opacity: 1;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box {

        width: 60%;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box i {

        opacity: 1;

    }

}



.butterfly_body.ind_body .ind_loc_wl {

    position: absolute;

    font-size: 4.5rem;

    -webkit-text-stroke: 1px #0000C3;

    opacity: .1;

    line-height: .7;

    text-stroke: 1px #0000C3;

    font-family: Futura-Medium;

    text-transform: uppercase;

    transition: all 1s ease;

    left: -43.148%;

    bottom: 0;

    transform: translate(30%, 30%);

    color: transparent;

}



.butterfly_body.ind_body .ind_location {

    background-color: #f9f9f9;

    display: flex;

    align-items: center;

}



.butterfly_body.ind_body .ind_location .ind_loc_con {

    width: 56.28%;

    margin-left: 32.5%;

    display: flex;

    position: relative;

    justify-content: space-between;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc {

    width: 40%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc .ind_pm {

    font-size: .3rem;

    line-height: 1.5;

    color: #14212C;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc i {

    font-size: .66rem;

    line-height: 1;

    color: #0031c3;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms {

    width: 52%;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms .ind_loc_n {

    margin-top: -.1rem;

    margin-bottom: .58rem;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms .ind_loc_info {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms a {

    margin-top: .7rem;

}



.butterfly_body.ind_body .ind_location .pub_sty_t {

    display: none;

    position: absolute;

    z-index: 3;

}



.butterfly_body.ind_body .ind_location .pub_sty_l {

    left: 17.8%;

    top: 18.05%;

}



.butterfly_body.ind_body .ind_location .pub_sty_h {

    right: .1rem;

    bottom: 11.11%;

}



.butterfly_body.ind_body .ind_location .pub_sty_h span {

    background-color: #e6091a;

}



.butterfly_body.ind_body .ind_location .ind_loc_img {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    pointer-events: none;

    background-size: cover;

}



.butterfly_body.ind_body .ind_news_box {

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.butterfly_body.ind_body .ind_news_box .pub_sty_t {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

    transform: translate(55%, 50%);

}



.butterfly_body.ind_body .ind_news_box .z_in_1 {

    z-index: 1;

}



.butterfly_body.ind_body .ind_news_box .z_in_3 {

    z-index: 3;

    display: none !important;

}



.butterfly_body.ind_body .ind_news_box .z_in_3 span:nth-child(1),

.butterfly_body.ind_body .ind_news_box .z_in_3 span:nth-child(2),

.butterfly_body.ind_body .ind_news_box .z_in_3 span:nth-child(3),

.butterfly_body.ind_body .ind_news_box .z_in_3 span:nth-child(4),

.butterfly_body.ind_body .ind_news_box .z_in_3 span:nth-child(5) {

    visibility: hidden !important;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case {

    width: 70.833%;

    margin-top: 6%;

    margin-left: 10%;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ {

    display: flex;

    align-items: flex-start;

    display: none;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_n {

    width: 35.29%;

    font-size: .8rem;

    font-weight: 500;

    color: #0031c3;

    line-height: 1.25;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info {

    width: 60%;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info .ind_loc_info {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info a {

    margin-top: .5rem;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l {

    margin-top: 8%;

    position: relative;

    display: none;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-container {

    overflow: visible;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-container .swiper-wrapper {

    z-index: 2;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-slide {

    opacity: .8;

    transition: all .5s ease-in-out;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-slide.active {

    opacity: 1;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-slide.active+.swiper-slide {

    opacity: 1;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .swiper-slide.active+.swiper-slide+.swiper-slide {

    opacity: 1;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a {

    display: block;

    position: relative;

    overflow: hidden;

    background-size: cover;

    background-color: #000;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .pub_img_box {

    opacity: .8;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .pub_img_box::before {

    margin-top: 105%;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .pub_img_box .pub_img {

    background-size: cover;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a::after {

    content: '';

    display: block;

    width: 0;

    transition: all .5s ease-in-out;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    background-color: #0031c3;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a:hover::after {

        width: 100%;

    }

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .ind_new_text {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: space-between;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    color: #fff;

    padding: .7rem .5rem .5rem;

    z-index: 1;

    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .ind_new_text .ind_new_n {

    font-size: .24rem;

    line-height: 1.66;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .ind_new_text .ind_new_time {

    font-family: Futura-Medium;

    font-size: .18rem;

    line-height: 1;

}



.butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l .ind_new_sha_ {

    position: absolute;

    width: 25%;

    height: 110%;

    top: -5%;

    right: -28%;

    background-image: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.4) 40%, #f9f9f9 98%, #f9f9f9 100%);

    z-index: 2;

    pointer-events: none;

}



.butterfly_body.ind_body .ind_news_box .swiper-button-next {

    right: -20%;

}



.butterfly_body.ind_body .ind_news_box .swiper-button-prev {

    left: -7.2%;

}



.butterfly_body.ind_body .ind_news_box .swiper-button-next i,

.butterfly_body.ind_body .ind_news_box .swiper-button-prev i {

    color: #0031c3;

}



.butterfly_body.ind_body .ind_con_foo {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-top: 1px;

}



.butterfly_body.ind_body .ind_con_foo .pub_sty_t {

    display: none;

    position: absolute;

    top: 25%;

    z-index: 7;

    left: 0;

    transform: translateX(-20%);

}



.butterfly_body.ind_body .ind_con_foo .pro_img_box {

    position: absolute;

    width: 100%;

    z-index: 1;

    left: 0;

    top: 0;

}



.butterfly_body.ind_body .ind_con_foo .pro_img_box::before {

    margin-top: 74vh;

}



.butterfly_body.ind_body .ind_con_foo .pro_img_box .img_box {

    background-size: cover;

    background-position: bottom center;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_case {

    margin-top: 4%;

    position: relative;

    z-index: 2;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con {

    width: 83.33%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    position: relative;

    z-index: 2;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_name {

    color: #fff;

    font-size: 1.4rem;

    line-height: .5;

    font-family: Futura-Medium;

    text-transform: capitalize;

    margin-bottom: .8rem;

    transition: all 1s ease 0;

    transform: translateY(15px);

    opacity: 0;

    text-shadow: 5px 20px 50px rgba(0, 0, 0, 0.4);

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from {

    width: 39.4%;

    position: relative;

    transform: translateY(40%);

    transition: all 1s ease;

    opacity: 0;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form {

    background-color: #0031c3;

    display: block;

    padding: .2rem .6rem .7rem;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form input,

.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form textarea {

    display: block;

    width: 100%;

    border: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    background-color: transparent;

    outline: none;

    padding: .3rem 0;

    font-size: .18rem;

    line-height: 1.5;

    color: #fff;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form input:focus,

.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form textarea:focus {

    border-bottom-color: #fff;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form textarea {

    height: 1.8rem;

    resize: none;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g {

    display: flex;

    margin-top: .5rem;

    justify-content: space-between;

    align-items: center;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g a {

    cursor: pointer;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link {

    display: flex;

    line-height: 1;

    align-items: center;

    font-size: .18rem;

    color: #fff;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link i {

    font-size: .3rem;

    margin-right: .2rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link {

        transition: all .5s ease;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link:hover {

        transform: translateY(-15px);

    }

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link .button--lan:hover {

    background-color: #fff;

    border-color: transparent;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link .button--wayra:hover::before {

    background-color: rgba(230, 9, 26, 0.7);

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .button--wayra {

    background-color: transparent;

    z-index: 0;

    color: #fff;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .button--wayra::before {

    display: none;

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .button--wayra::after {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border: 2px solid #fff;

    transition: .5s ease;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .button--wayra:hover {

        color: #0031c3;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .button--wayra:hover::after {

        border-width: 100px;

    }

}



.butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

    margin-top: .4rem;

    position: absolute;

    left: 0;

    top: 100%;

    font-size: 14px;

    line-height: 1.5;

    color: #14212C;

}



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

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from .ind_copyright a {

        display: block;

    }

}



.butterfly_body.ind_body .ind_con_foo .ind_loc_wl {

    font-size: 3rem;

    left: 28%;

    white-space: nowrap;

}



.butterfly_body.ind_body .ind_banner_case {

    /* Color schemes */

    /* Fade effect */

    /* Page Loader */

    /* Icons */

    /* Header */

    /* Top Navigation Style */

}



.butterfly_body.ind_body .ind_banner_case canvas {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

}



.butterfly_body.ind_body .ind_banner_case .scene-nav {

    font-size: 1.15em;

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    background: none;

    border: 0;

    right: 0;

    padding: 1.5em;

    color: var(--color-nav);

}



.butterfly_body.ind_body .ind_banner_case .scene-nav:focus {

    outline: none;

}



.butterfly_body.ind_body .ind_banner_case .scene-nav--prev {

    left: 0;

}



.butterfly_body.ind_body .ind_banner_case .slide-wrapper {

    display: none;

}



.butterfly_body.ind_body .ind_banner_case .icon--arrow-nav-next {

    transform: rotate(-180deg);

}



.butterfly_body.ind_body .ind_banner_case.demo-1 {

    --color-text: #fff;

    --color-bg: #000;

    --color-link: #8fe8ff;

    --color-link-hover: #fff;

    --color-info: #72af3a;

    --color-nav: #fff;

}



.butterfly_body.ind_body .ind_banner_case.demo-2 {

    --color-text: #fff;

    --color-bg: #000;

    --color-link: #9cf9db;

    --color-link-hover: #fff;

    --color-info: #f3a145;

    --color-nav: #fff;

}



.butterfly_body.ind_body .ind_banner_case.demo-3 {

    --color-text: #fff;

    --color-bg: #a9b1b7;

    --color-link: #201b18;

    --color-link-hover: #224d94;

    --color-info: #fff473;

    --color-nav: #fff;

}



.butterfly_body.ind_body .ind_banner_case.demo-4 {

    --color-text: #81838c;

    --color-bg: #000;

    --color-link: #96e23e;

    --color-link-hover: #fff;

    --color-info: #ea7836;

    --color-nav: #fff;

}



.butterfly_body.ind_body .ind_banner_case.demo-5 {

    --color-text: #fff;

    --color-bg: #000;

    --color-link: #fff;

    --color-link-hover: #2a3cbb;

    --color-info: #f7fb40;

    --color-nav: #fff;

}



.butterfly_body.ind_body .ind_banner_case .js body {

    opacity: 0;

    transition: opacity 0.3s;

}



.butterfly_body.ind_body .ind_banner_case .js body.render {

    opacity: 1;

}



.butterfly_body.ind_body .ind_banner_case .js .loading::before {

    content: '';

    position: fixed;

    z-index: 100000;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--color-bg);

}



.butterfly_body.ind_body .ind_banner_case .js .loading::after {

    content: '';

    position: fixed;

    z-index: 100000;

    top: 50%;

    left: 50%;

    width: 60px;

    height: 60px;

    margin: -30px 0 0 -30px;

    pointer-events: none;

    border-radius: 50%;

    opacity: 0.4;

    background: var(--color-link);

    animation: loaderAnim 0.7s linear infinite alternate forwards;

}



@keyframes loaderAnim {

    to {

        opacity: 1;

        transform: scale3d(0.5, 0.5, 1);

    }

}



.butterfly_body.ind_body .ind_banner_case a {

    text-decoration: none;

    color: #5d93d8;

    color: var(--color-link);

    outline: none;

}



.butterfly_body.ind_body .ind_banner_case a:hover,

.butterfly_body.ind_body .ind_banner_case a:focus {

    color: #423c2b;

    color: var(--color-link-hover);

    outline: none;

}



.butterfly_body.ind_body .ind_banner_case .hidden {

    position: absolute;

    overflow: hidden;

    width: 0;

    height: 0;

    pointer-events: none;

}



.butterfly_body.ind_body .ind_banner_case .message {

    background: var(--color-text);

    color: var(--color-bg);

    text-align: center;

    padding: 1em;

    display: none;

    position: relative;

    z-index: 100;

}



.butterfly_body.ind_body .ind_banner_case .icon {

    display: block;

    width: 1.5em;

    height: 1.5em;

    margin: 0 auto;

    fill: currentColor;

}



.butterfly_body.ind_body .ind_banner_case main {

    position: relative;

    width: 100%;

}



.butterfly_body.ind_body .ind_banner_case .content {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 100vh;

    margin: 0 auto;

}



.butterfly_body.ind_body .ind_banner_case .content--fixed {

    position: fixed;

    z-index: 10000;

    top: 0;

    left: 0;

    display: grid;

    align-content: space-between;

    width: 100%;

    max-width: none;

    height: 100vh;

    padding: 1.5em;

    pointer-events: none;

    grid-template-columns: 50% 50%;

    grid-template-rows: auto auto 4em;

    grid-template-areas: "header ..." "... ..." "github demos";

}



.butterfly_body.ind_body .ind_banner_case .content--fixed a {

    pointer-events: auto;

}



.butterfly_body.ind_body .ind_banner_case .codrops-header {

    position: relative;

    z-index: 100;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    align-items: center;

    align-self: start;

    grid-area: header;

    justify-self: start;

}



.butterfly_body.ind_body .ind_banner_case .codrops-header__title {

    font-size: 1em;

    font-weight: bold;

    margin: 0;

    padding: 0.75em 0;

}



.butterfly_body.ind_body .ind_banner_case .info {

    margin: 0 0 0 1.25em;

    font-style: italic;

    color: var(--color-info);

    font-weight: bold;

}



.butterfly_body.ind_body .ind_banner_case .github {

    display: block;

    align-self: end;

    grid-area: github;

    justify-self: start;

}



.butterfly_body.ind_body .ind_banner_case .demos {

    position: relative;

    display: block;

    align-self: end;

    text-align: center;

    grid-area: demos;

}



.butterfly_body.ind_body .ind_banner_case .demo {

    margin: 0 0 0 0.15em;

}



.butterfly_body.ind_body .ind_banner_case .demo:hover,

.butterfly_body.ind_body .ind_banner_case .demo:focus {

    opacity: 0.5;

}



.butterfly_body.ind_body .ind_banner_case .demo span {

    white-space: nowrap;

    text-transform: lowercase;

    pointer-events: none;

}



.butterfly_body.ind_body .ind_banner_case .demo span::before {

    content: '#';

}



.butterfly_body.ind_body .ind_banner_case a.demo--current {

    pointer-events: none;

}



.butterfly_body.ind_body .ind_banner_case .codrops-links {

    position: relative;

    display: flex;

    justify-content: center;

    margin: 0 1em 0 0;

    text-align: center;

    white-space: nowrap;

}



.butterfly_body.ind_body .ind_banner_case .codrops-icon {

    display: inline-block;

    margin: 0.15em;

    padding: 0.25em;

}



.butterfly_body.ind_body .ind_banner_case .scene {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    pointer-events: none;

    z-index: 1;

}



@media screen and (min-width: 55em) {

    .butterfly_body.ind_body .ind_banner_case .demos {

        display: flex;

        justify-self: end;

    }

    .butterfly_body.ind_body .ind_banner_case .demo {

        display: block;

        width: 17px;

        height: 17px;

        margin: 0 4px;

        border-radius: 50%;

        background: var(--color-link);

    }

    .butterfly_body.ind_body .ind_banner_case a.demo--current {

        background: var(--color-link-hover);

    }

    .butterfly_body.ind_body .ind_banner_case .demo span {

        position: absolute;

        line-height: 1;

        right: 100%;

        display: none;

        margin: 0 1em 0 0;

    }

    .butterfly_body.ind_body .ind_banner_case .demo--current span {

        display: block;

    }

}



@media screen and (max-width: 55em) {

    .butterfly_body.ind_body .ind_banner_case .message {

        display: block;

    }

    .butterfly_body.ind_body .ind_banner_case .content--fixed {

        position: relative;

        z-index: 1000;

        display: block;

        padding: 0.85em;

    }

    .butterfly_body.ind_body .ind_banner_case .codrops-header {

        flex-direction: column;

        align-items: center;

    }

    .butterfly_body.ind_body .ind_banner_case .codrops-header__title {

        font-weight: bold;

        padding-bottom: 0.25em;

        text-align: center;

    }

    .butterfly_body.ind_body .ind_banner_case .github {

        display: block;

        margin: 1em auto;

    }

    .butterfly_body.ind_body .ind_banner_case .codrops-links {

        margin: 0;

    }

}



.butterfly_body.ind_body .ind_banner_case2 {

    position: relative;

}



.butterfly_body.ind_body .ind_banner_case2 .banner_hint {

    position: absolute;

    right: 16%;

    bottom: 9%;

    width: .28rem;

    font-size: 16px;

    text-align: center;

    color: #fff;

    font-weight: 100;

    z-index: 6;

    line-height: 1;

}



.butterfly_body.ind_body .ind_banner_case2 .banner_hint i {

    display: block;

    margin-top: .3rem;

    font-size: .28rem;

    animation: upDown 2s ease infinite;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider {

    position: absolute;

    background-color: #000;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    z-index: 5;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider>img {

    width: 100%;

    max-width: 100%;

    position: relative;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 0;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider canvas {

    position: absolute;

    opacity: .9;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 2;

    transform-origin: 50% 50%;

}



.butterfly_body.ind_body .ind_banner_case2 .pagination {

    position: absolute;

    z-index: 6;

    width: 67.29%;

    left: 50%;

    transform: translateX(-50%);

    bottom: 9%;

    color: #fff;

    display: flex;

    align-items: center;

}



.butterfly_body.ind_body .ind_banner_case2 .pagination a {

    margin-right: 16%;

    font-size: .2rem;

    font-weight: lighter;

    transition: all .5s ease-in-out;

    color: #fff;

    cursor: pointer;

    text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.6);

    display: flex;

    font-weight: initial;

    align-items: center;

}



.butterfly_body.ind_body .ind_banner_case2 .pagination a::before {

    content: "";

    display: inline-block;

    margin-right: .25rem;

    width: 12px;

    height: 0;

    transform: skewX(-30deg);

    background-color: #fff;

    transition: all .5s ease;

}



.butterfly_body.ind_body .ind_banner_case2 .pagination a.at_on:before {

    height: 30px;

}



@media screen and (orientation: landscape) {

    .butterfly_body.ind_body .ind_banner_case2 .pagination a:hover {

        font-weight: initial;

    }

}



.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box {

    position: absolute;

    right: 20%;

    top: 25%;

}



.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-prev,

.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-next {

    margin-top: 0;

    left: auto;

    right: auto;

}



.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-prev div,

.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-next div {

    border-color: #fff;

}



.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-next {

    transform: translate(-18%, 150%);

}



.butterfly_body.ind_body .ind_banner_case2 .lb_nav_box .swiper-button-prev {

    transform: translate(-50%, -50%);

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider a.move-prev {

    position: absolute;

    bottom: 100%;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    margin: 0;

    color: #fff;

    background-color: transparent;

    font-size: 24px;

    opacity: 0.6;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider a.move-prev:hover {

    opacity: 1;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider a.move-next {

    position: absolute;

    top: 100%;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    margin: 0;

    color: #fff;

    background-color: transparent;

    font-size: 24px;

    opacity: 0.6;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider a.move-next:hover {

    opacity: 1;

}



.butterfly_body.ind_body .ind_banner_case2 .bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3;

}



.butterfly_body.ind_body .ind_banner_case2 .dis_bg {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 3;

    pointer-events: none;

}



.butterfly_body.ind_body .ind_banner_case2 .dis_bg img {

    width: 100%;

    display: block;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    width: 67.29%;

    transform: translate(-50%, -50%);

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li {

    color: #fff;

    display: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li.ohp_t {

    text-shadow: 9px 3px 54px rgba(0, 0, 0, 0.29);

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li:first-child {

    display: block;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li div {

    font-size: .24rem;

    line-height: 1;

    font-weight: 100;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li h5 {

    line-height: 1.3;

    font-size: .6rem;

    font-weight: 700;

    margin-top: .7rem;

}



.butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li a {

    margin-top: .7rem;

}



.butterfly_body.ind_body .ind_banner_case2 .scr {

    position: absolute;

    z-index: 10;

    bottom: 4vh;

    right: 4vw;

    padding-top: 90px;

    cursor: pointer;

}



.butterfly_body.ind_body .ind_banner_case2 .scr>span {

    position: absolute;

    top: 0;

    left: 50%;

    text-align: center;

    width: 84px;

    height: 84px;

    line-height: 84px;

    display: block;

    letter-spacing: 7px;

    transform: translateX(-50%) rotate(90deg);

    -webkit-transform: translateX(-50%) rotate(90deg);

    -moz-transform: translateX(-50%) rotate(90deg);

    -o-transform: translateX(-50%) rotate(90deg);

    -ms-transform: translateX(-50%) rotate(90deg);

}



.butterfly_body.ind_body .ind_banner_case2 .scr #mouse {

    transform: scale(0.7);

    -webkit-transform: scale(0.7);

    -moz-transform: scale(0.7);

    -o-transform: scale(0.7);

    -ms-transform: scale(0.7);

}



.butterfly_body.ind_body .ind_banner_case2 .scr #mouse #mouse-move {

    animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}



@keyframes Tmouse {

    0% {

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

    100% {

        -webkit-transform: translateY(8px);

        -moz-transform: translateY(8px);

        -ms-transform: translateY(8px);

        -o-transform: translateY(8px);

        transform: translateY(8px);

    }

}



.butterfly_body.ind_body .ind_banner_case2 .pub_sty_t {

    position: absolute;

    left: 0;

    top: 23%;

    transform: translateX(-40%);

    z-index: 6;

}



.butterfly_body.ind_body .ind_banner_case2 .pub_sty_t span {

    background-color: #0031c3;

}



.butterfly_body .cooperation_case {

    background-size: cover;

    height: 100%;

    background-position: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.butterfly_body .cooperation_case .pub_sty_t {

    position: absolute;

    z-index: 5;

    right: 6.25%;

    bottom: 12.9%;

    display: none;

}



.butterfly_body .cooperation_case .coo_lb_case {

    transition: all .5s ease-in-out;

    transform: translateY(10%);

    opacity: 0;

    padding-top: 1.1rem;

    position: relative;

}



.butterfly_body .cooperation_case .coo_lb_case .ind_loc_wl {

    font-size: 1.6rem;

    -webkit-text-stroke: 1px #ffffff;

    opacity: .2;

    transform: translateY(-30%);

    text-stroke: 1px #ffffff;

    top: calc(100% / 6 + 1.1rem);

    left: 0;

    bottom: auto;

    z-index: 2;

    text-transform: capitalize;

}



.butterfly_body .cooperation_case .coo_box {

    display: flex;

    flex-wrap: wrap;

}



.butterfly_body .cooperation_case .coo_box a {

    width: calc(100% / 6);

    border-left: 1px solid #6C6C6C;

    border-top: 1px solid #6C6C6C;

    border-bottom: 1px solid #6C6C6C;

    display: block;

    position: relative;

}



.butterfly_body .cooperation_case .coo_box a:first-child {

    margin-left: calc((100%) / 6 * 4);

}



.butterfly_body .cooperation_case .coo_box a:nth-last-child(3) {

    margin-left: calc((100%) / 6);

}



.butterfly_body .cooperation_case .coo_box a>div {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

}



.butterfly_body .cooperation_case .coo_box a>div::before {

    content: '';

    display: block;

    margin-top: 100%;

}



.butterfly_body .cooperation_case .coo_box a>div img {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    transition: all .5s ease;

    transform: translateY(100%);

    opacity: 0;

}



@media screen and (orientation: landscape) {

    .butterfly_body .cooperation_case .coo_box a:hover>div img {

        background-color: #0031c3;

    }

}



.butterfly_body .cooperation_case .coo_box a:nth-child(2),

.butterfly_body .cooperation_case .coo_box a:nth-child(8),

.butterfly_body .cooperation_case .coo_box a:last-child {

    border-right: 1px solid #6C6C6C;

}



.butterfly_body .cooperation_case .coo_box a:nth-last-child(1),

.butterfly_body .cooperation_case .coo_box a:nth-last-child(2),

.butterfly_body .cooperation_case .coo_box a:nth-last-child(3) {

    border-top: none;

}



.butterfly_body .cooperation_case .coo_box a:nth-child(1),

.butterfly_body .cooperation_case .coo_box a:nth-child(2) {

    border-bottom: none;

}



.butterfly_body .cooperation_case .coo_box a::after {

    content: '';

    display: block;

    width: 8px;

    height: 8px;

    background-color: #fff;

    transform: translate(50%, 50%) rotate(45deg);

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 3;

}



.butterfly_body .cooperation_case .coo_box a:first-child::after,

.butterfly_body .cooperation_case .coo_box a:nth-child(2)::after {

    right: auto;

    left: 0;

    transform: translate(-50%, 50%) rotate(45deg);

}



.butterfly_body .cooperation_case .coo_box a:nth-last-child(1)::after,

.butterfly_body .cooperation_case .coo_box a:nth-last-child(2)::after,

.butterfly_body .cooperation_case .coo_box a:nth-last-child(3)::after,

.butterfly_body .cooperation_case .coo_box a:nth-last-child(4)::after {

    display: none;

}



.butterfly_body .cooperation_case .swiper-slide {

    transition: opacity .01s ease .8s;

}



.butterfly_body .cooperation_case .active {

    transition: opacity .01s ease 0.01s;

}



.butterfly_body .cooperation_case .active .coo_box a>div img {

    transform: none;

    opacity: 1;

}



.butterfly_body .cooperation_case .prev .coo_box a>div img {

    transform: translateY(-100%);

    opacity: 0;

}



.butterfly_body .cooperation_case .swiper-pagination {

    bottom: auto;

    top: calc(100% / 6);

    width: calc((100% / 6) * 4);

    text-align: right;

    padding-right: 8.333%;

    transform: translateY(-50%);

}



.butterfly_body .cooperation_case .swiper-pagination span {

    margin: 0 .15rem;

    width: .09rem;

    height: .09rem;

    border: 1px solid rgba(255, 255, 255, 0.5);

    border-radius: 0;

}



.butterfly_body .cooperation_case .swiper-pagination span.swiper-pagination-bullet-active {

    background-color: #fff;

    border-color: transparent;

}



.butterfly_body .line_sty {

    font-size: 2.5rem;

    font-family: Futura-Bold;

    color: rgba(20, 33, 44, 0);

    line-height: .75;

    opacity: 0.1;

    -webkit-text-stroke: 1px #0000C3;

    text-stroke: 1px #0000C3;

    text-transform: uppercase;

}



.butterfly_body.abo_body .abo_src1_case>div {

    display: flex;

    justify-content: space-between;

}



.butterfly_body.abo_body .abo_src1_case>div .abo_con_box {

    width: 58%;

}



.butterfly_body.abo_body .abo_src1_case>div .abo_con_box .abo_src1_r_top {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.butterfly_body.abo_body .abo_src1_case>div .abo_con_box .abo_src1_r_top span {

    width: calc(100% - .65rem);

}



.butterfly_body.abo_body .abo_src1_case>div .abo_con_box .abo_src1_r_top .iconfont {

    font-size: .54rem;

    width: .54rem;

    min-width: .54rem;

    color: #e6091a;

}



.butterfly_body.abo_body .abo_src1_case>div .abo_title_box {

    width: 41%;

    margin-top: .1rem;

}



.butterfly_body.abo_body .abo_src2_case {

    position: relative;

}



.butterfly_body.abo_body .abo_src2_case>img {

    width: 81.875%;

    display: block;

}



.butterfly_body.abo_body .abo_src2_case .abo_src2_con {

    position: absolute;

    width: 43.02%;

    background-color: #fff;

    box-shadow: 0px 0px 98px 3px rgba(0, 0, 0, 0.1);

    padding: 5.989% 7.8125% 4.6875% 5.208%;

    right: 11.77%;

    bottom: -9.5%;

}



.butterfly_body.abo_body .abo_src2_case .abo_src2_con .abo_src2_tit {

    color: #333333;

    font-size: .24rem;

    line-height: 1;

}



.butterfly_body.abo_body .abo_src2_case .abo_src2_con .pub_sty_t {

    position: absolute;

    top: .9rem;

    right: 0;

    transform: translateX(22.727%);

}



.butterfly_body.abo_body .abo_src3_case {

    position: relative;

    overflow: hidden;

}



.butterfly_body.abo_body .abo_src3_case .line_sty {

    position: absolute;

    right: 0;

    top: 0;

}



.butterfly_body.abo_body .abo_src3_case .pub_sty_t {

    position: absolute;

    right: 7.55%;

    top: 7.625vw;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box {

    margin-top: .15rem;

    position: relative;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .det_year {

    position: absolute;

    left: 65%;

    top: 10%;

    transform: translateX(-50%);

    color: #005cac;

    font-size: .6rem;

    font-weight: bold;

    width: 250px;

    line-height: 1;

    z-index: 3;

    margin-top: -1.3rem;

    font-family: Impact;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .pub_img_box {

    width: 47.87%;

    margin-bottom: .24rem;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .pub_img_box::before {

    margin-top: 65.24%;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text {

    width: 45.2426%;

    font-size: .18rem;

    font-weight: 500;

    color: #666666;

    line-height: 2;

    height: 3.35rem;

    overflow-y: auto;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text span {

    display: block;

    padding-left: .3rem;

    font-size: inherit;

    position: relative;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text span::before {

    content: '';

    display: block;

    left: 0;

    top: 1.2em;

    font-size: inherit;

    width: .06rem;

    height: .06rem;

    margin-top: -.03rem;

    border-radius: 50%;

    background-color: #666666;

    position: absolute;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev {

    left: 0;

    margin-left: -1.26rem;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next {

    right: 0;

    margin-right: -1.26rem;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next,

.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev {

    width: .7rem;

    height: .7rem;

    border-radius: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    overflow: hidden;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next::before,

.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev::before {

    content: '';

    position: absolute;

    left: -5%;

    top: -5%;

    background-color: #0031c3;

    width: 110%;

    height: 110%;

    z-index: 1;

    transition: transform .5s ease;

    transform: scale(0);

    border-radius: 100%;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next i,

.butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev i {

    color: #fff;

    position: relative;

    z-index: 2;

    transition: color .5s ease;

    font-size: 16px;

}



@media screen and (orientation: landscape) {

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next:hover:before,

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev:hover:before {

        transform: none;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next:hover i,

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev:hover i {

        color: #fff;

    }

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav {

    border-top: 2px solid #d9d9d9;

    position: relative;

    margin-top: .5rem;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next {

    display: none;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev .one,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev .two,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev .three,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next .one,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next .two,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next .three {

    border-color: #666666;

    transition: all .5s ease;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev i,

.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next i {

    color: #666666;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .line {

    height: 2px;

    position: absolute;

    left: 0;

    width: 10%;

    background-color: #005cac;

    bottom: 100%;

    transition: all .5s ease;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .line>div {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translate(50%, -50%) scale(0.3);

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .line>div>div {

    background-color: #005cac;

    border-color: #005cac;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container {

    width: 82.9166%;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container .swiper-slide {

    padding-top: .5rem;

    cursor: pointer;

    font-family: Futura-Light;

    color: #999999;

    text-align: center;

    line-height: 2;

    font-size: .16rem;

}



.butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container .swiper-slide.swiper-slide-thumb-active {

    color: #005cac;

    font-family: futur;

}



@media screen and (orientation: landscape) {

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container .swiper-slide:hover {

        color: #005cac;

    }

}



.butterfly_body.abo_body .abo_src4_case {

    position: relative;

}



.butterfly_body.abo_body .abo_src4_case .map_bg {

    position: absolute;

    right: 0;

    width: 30.46%;

    bottom: 68%;

    pointer-events: none;

}



.butterfly_body.abo_body .abo_src4_case .abo_src4_con {

    width: 66.445833%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 9.89% 20.3125% 4.3% 18.229%;

    color: #fff;

}



.butterfly_body.abo_body .abo_src4_case .abo_src4_con .pub_title,

.butterfly_body.abo_body .abo_src4_case .abo_src4_con .pub_title_en {

    color: #fff;

}



.butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text {

    margin-top: .7rem;

    font-size: .18rem;

    font-weight: 500;

    height: 4.8rem;

    overflow-y: auto;

    line-height: 2.44;

}



.butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text::-webkit-scrollbar-track,

.butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text::-webkit-scrollbar-track {

    background-color: #0A2C91;

}



.butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text::-webkit-scrollbar-thumb,

.butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text::-webkit-scrollbar-thumb {

    background-color: #fff;

}



.butterfly_body.abo_body .abo_src4_case .pub_img_box {

    position: absolute;

    bottom: -.3rem;

    right: 0;

    width: 45.416%;

}



.butterfly_body.abo_body .abo_src4_case .pub_img_box::before {

    margin-top: 101.032%;

}



.butterfly_body.abo_body .abo_src5_case {

    position: relative;

    background-size: cover;

}



.butterfly_body.abo_body .abo_src5_case .pub_title,

.butterfly_body.abo_body .abo_src5_case .pub_title_en {

    text-align: center;

}



.butterfly_body.abo_body .abo_src5_case .line_sty {

    position: absolute;

    top: 25%;

    text-align: center;

    text-transform: capitalize;

    width: 100%;

    pointer-events: none;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img {

    width: 84.739%;

    margin: .5rem auto .4rem;

    z-index: 2;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img img {

    display: block;

    position: relative;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck {

    display: none;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

    border-radius: 100%;

    background-color: rgba(255, 255, 255, 0.9);

    width: 80px;

    height: 80px;

    justify-content: center;

    align-items: center;

    color: #0031c3;

    text-align: center;

    z-index: 10;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck>div {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck i {

    display: block;

    line-height: 1;

    font-size: 20px;

}



.butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck span {

    line-height: 1;

    margin-top: .1rem;

    display: block;

    font-size: 12px;

}



.butterfly_body.abo_body .abo_src6_case {

    position: relative;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_title {

    position: absolute;

    left: 0;

    top: 1.2rem;

    text-align: center;

    z-index: 3;

    width: 100%;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_title .pub_title,

.butterfly_body.abo_body .abo_src6_case .abo_src6_title .pub_title_en {

    text-align: center;

    color: #fff;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con {

    position: relative;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con>img {

    width: 100%;

    display: block;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text {

    display: none;

    position: absolute;

    width: 80%;

    left: 50%;

    top: 55%;

    transform: translate(-50%, -50%);

    color: #fff;

    text-align: center;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .fh_sty {

    font-size: 1rem;

    font-weight: 600;

    color: #fff;

    line-height: .35rem;

    margin-bottom: .8rem;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .fh_sty img {

    width: .4rem;

    display: block;

    margin: 0 auto;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .abo_src6_info {

    font-weight: 600;

    line-height: 1.4;

    font-size: .5rem;

    margin-bottom: .7rem;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .abo_src6_tit {

    font-size: .18rem;

    line-height: 1;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .active .abo_src6_con .abo_src6_text {

    display: block;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next .one,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next .two,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next .three,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev .one,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev .two,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev .three {

    border-color: #fff;

    transition: all .5s ease;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next i,

.butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev i {

    color: #FFFFFF;

    transition: all .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next:hover .one,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next:hover .two,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next:hover .three,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev:hover .one,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev:hover .two,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev:hover .three {

        background-color: #fff;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-next:hover i,

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .swiper-button-prev:hover i {

        color: #0031c3;

    }

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 2;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide {

    cursor: pointer;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide>div {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    font-size: .18rem;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-right: 1px solid rgba(255, 255, 255, 0.2);

    padding: .27rem .1rem .29rem;

    transition: all .5s ease;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide>div i {

    font-size: .34rem;

    margin-right: .28rem;

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide.swiper-slide-thumb-active>div {

    color: #0031c3;

    background-color: #fff;

}



@media screen and (orientation: landscape) {

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide:hover>div {

        color: #0031c3;

        background-color: #fff;

    }

}



.butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide:last-child>div {

    border-right: 0;

}



.butterfly_body.news_body .news_src1 {

    margin: 7.8125% auto;

    position: relative;

}



.butterfly_body.news_body .news_src1 .line_sty {

    left: 13.69%;

    position: absolute;

    bottom: -12.58%;

    white-space: nowrap;

}



.butterfly_body.news_body .news_src1 .swiper-container {

    overflow: visible;

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide {

    overflow: visible;

    background-color: #000;

    transition: all 1s ease;

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide.active {

    transform: none;

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide.active a {

    opacity: 1;

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide.active a .new_src1_text {

    opacity: 1;

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide.swiper-slide-prev {

    transform: translateY(0.4rem);

}



.butterfly_body.news_body .news_src1 .swiper-container .swiper-slide.swiper-slide-next {

    transform: translateY(-0.4rem);

}



.butterfly_body.news_body .news_src1 .swiper-container a {

    display: block;

    position: relative;

    opacity: .6;

}



.butterfly_body.news_body .news_src1 .swiper-container a .pub_img_box::before {

    margin-top: 51.666%;

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text {

    position: absolute;

    right: 0;

    bottom: 0;

    transition: all .5s ease .5s;

    width: 46.66%;

    padding: .8rem .85rem .8rem .4rem;

    color: #fff;

    opacity: 0;

    box-shadow: 0px 14px 38px 2px rgba(0, 52, 205, 0.13);

    background-size: auto 100%;

    background-repeat: repeat-x;

    background-image: url("../images/line.png");

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text::before {

    content: '';

    width: 1.2rem;

    height: 100%;

    position: absolute;

    right: calc(100% - .5px);

    bottom: 0;

    background-size: 100% 100%;

    background-image: url("../images/san.png");

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .new_src1_time {

    font-size: .18rem;

    font-family: futur;

    margin-bottom: .3rem;

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .new_src1_info {

    font-size: .24rem;

    text-align: justify;

    font-weight: 700;

    line-height: 1.66;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .btn_hint {

    position: absolute;

    right: 0;

    bottom: 0;

    display: none;

    transform: translate(45%, 45%);

}



.butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .btn_hint i {

    position: absolute;

    left: 50%;

    top: 50%;

    display: block;

    transform: translate(-50%, -50%);

}



.butterfly_body.news_body .news_src1 .swiper-button-prev {

    left: 0;

    margin-left: -1.38rem;

}



.butterfly_body.news_body .news_src1 .swiper-button-next {

    right: 0;

    margin-right: -1.38rem;

}



.butterfly_body.news_body .news_src1 .swiper-button-next,

.butterfly_body.news_body .news_src1 .swiper-button-prev {

    width: .7rem;

    height: .7rem;

    border-radius: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    overflow: hidden;

}



.butterfly_body.news_body .news_src1 .swiper-button-next::before,

.butterfly_body.news_body .news_src1 .swiper-button-prev::before {

    content: '';

    position: absolute;

    left: -5%;

    top: -5%;

    background-color: #0031c3;

    width: 110%;

    height: 110%;

    z-index: 1;

    transition: transform .5s ease;

    transform: scale(0);

    border-radius: 100%;

}



.butterfly_body.news_body .news_src1 .swiper-button-next i,

.butterfly_body.news_body .news_src1 .swiper-button-prev i {

    color: #fff;

    position: relative;

    z-index: 2;

    transition: color .5s ease;

    font-size: 16px;

}



@media screen and (orientation: landscape) {

    .butterfly_body.news_body .news_src1 .swiper-button-next:hover:before,

    .butterfly_body.news_body .news_src1 .swiper-button-prev:hover:before {

        transform: none;

    }

    .butterfly_body.news_body .news_src1 .swiper-button-next:hover i,

    .butterfly_body.news_body .news_src1 .swiper-button-prev:hover i {

        color: #fff;

    }

}



.butterfly_body.news_body .news_src2 .new_list {

    min-height: 80vh;

}



.butterfly_body.news_body .news_src2 .new_list a {

    display: flex;

    justify-content: space-between;

    padding: .45rem 0;

    cursor: pointer;

}



.butterfly_body.news_body .news_src2 .new_list a>div {

    width: 30.33%;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}



.butterfly_body.news_body .news_src2 .new_list a>div .new_time,

.butterfly_body.news_body .news_src2 .new_list a>div .new_l_tit {

    font-size: .18rem;

    font-weight: 500;

    color: #0031c3;

    line-height: 1;

    font-family: Futura-Medium;

}



.butterfly_body.news_body .news_src2 .new_list a>div .new_tit {

    margin-top: .32rem;

    font-size: .18rem;

    line-height: 1.8333;

    color: #000;

    text-align: justify;

    width: 265px;

    max-width: 100%;

}



.butterfly_body.news_body .news_src2 .new_list a>div .new_info {

    margin-top: .32rem;

    font-size: 14px;

    line-height: 2.1428;

    color: #000;

    text-align: justify;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.butterfly_body.news_body .news_src2 .new_list a .pub_img_box {

    border-bottom: none;

}



.butterfly_body.news_body .news_src2 .new_list a .pub_img_box::before {

    margin-top: 64.83516%;

}



.butterfly_body.news_body .news_src2 .new_list a .pub_img_box .pub_img {

    transition: all 1.5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body.news_body .news_src2 .new_list a:hover .pub_img_box .pub_img {

        transform: scale(1.2);

    }

}



.butterfly_body.news_body .news_not1 {

    padding-top: 7.29%;

    position: relative;

    z-index: 0;

}



.butterfly_body.news_body .news_not1 .line_sty {

    z-index: -1;

    position: absolute;

    top: 2.9rem;

    left: 55%;

}



.butterfly_body.news_body .news_not1 .pub_case {

    position: relative;

}



.butterfly_body.news_body .news_not1 .not_list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    min-height: 80vh;

    align-items: flex-start;

}



.butterfly_body.news_body .news_not1 .not_list a {

    width: 46.9%;

    padding: .5rem .6rem;

    transition: all .5s ease;

    cursor: pointer;

    margin-bottom: 6.25%;

    box-shadow: 0px 25px 70px 0px rgba(0, 0, 0, 0.1);

    background-color: #fff;

}



.butterfly_body.news_body .news_not1 .not_list a .not_time {

    font-size: .18rem;

    line-height: 1;

    color: black;

    margin-bottom: .19rem;

    transition: all .5s ease;

    font-family: Futura-Light;

}



.butterfly_body.news_body .news_not1 .not_list a .not_title {

    font-size: .18rem;

    line-height: .3rem;

    height: .6rem;

    color: #000;

    text-align: justify;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-bottom: .19rem;

    transition: all .5s ease;

}



.butterfly_body.news_body .news_not1 .not_list a .not_more {

    display: flex;

    align-items: center;

    transition: all .5s ease;

    color: #0031c3;

    font-size: .16rem;

    line-height: 1;

    padding: .3rem 0 0;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.butterfly_body.news_body .news_not1 .not_list a .not_more i {

    font-size: .22rem;

    margin-right: .17rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body.news_body .news_not1 .not_list a:hover {

        background-color: #0031c3;

    }

    .butterfly_body.news_body .news_not1 .not_list a:hover .not_time,

    .butterfly_body.news_body .news_not1 .not_list a:hover .not_title,

    .butterfly_body.news_body .news_not1 .not_list a:hover .not_more {

        color: #fff;

    }

    .butterfly_body.news_body .news_not1 .not_list a:hover .not_more {

        border-top-color: #fff;

    }

}



.butterfly_body .pub_page_box {

    padding-top: 0.66rem;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: .16rem;

    line-height: 2;

}



.butterfly_body .pub_page_box.not_data {

    display: none;

}



.butterfly_body .pub_page_box .my-page-forbid {

    pointer-events: none;

    opacity: .3;

}



.butterfly_body .pub_page_box a,

.butterfly_body .pub_page_box .my-page-cell,

.butterfly_body .pub_page_box>div {

    color: #666666;

    transition: color .5s ease-in-out, background-color .5s ease-in-out;

    cursor: pointer;

}



.butterfly_body .pub_page_box .button--wayra::before {

    display: none;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pub_page_box .button--wayra:hover {

        color: #0031c3;

        border: none;

    }

    .butterfly_body .pub_page_box a:not(.on):hover,

    .butterfly_body .pub_page_box .my-page-cell:not(.my-page-checked):hover,

    .butterfly_body .pub_page_box>div:hover {

        color: #0031c3;

    }

}



.butterfly_body .pub_page_box>a,

.butterfly_body .pub_page_box>div {

    padding: 0 .14rem;

}



.butterfly_body .pub_page_box ul {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 .05rem;

    font-family: "en-regular";

}



.butterfly_body .pub_page_box ul li {

    margin: 0 .07rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    width: 2.2em;

    height: 2.2em;

}



.butterfly_body .pub_page_box ul li a {

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    width: 2.2em;

    height: 2.2em;

}



.butterfly_body .pub_page_box ul li a.on,

.butterfly_body .pub_page_box ul li.my-page-checked {

    background-color: #0031c3;

    color: #fff;

}



.butterfly_body.new_d_body .pub_banner {

    height: auto;

}



.butterfly_body.new_d_body .pub_banner .pub_banner_img {

    background-color: #000;

    overflow: hidden;

}



.butterfly_body.new_d_body .pub_banner .pub_banner_img .img {

    opacity: .3;

}



.butterfly_body.new_d_body .pub_banner .pub_banner_img .img::before {

    margin-top: 28.958%;

}



.butterfly_body.new_d_body .news_det_con {

    padding: 1.2rem 1.1rem;

}



.butterfly_body.new_d_body .news_det_con img {

    display: block;

    margin: .3rem auto .15rem;

    height: auto !important;

}



.butterfly_body.new_d_body .news_det_con p {

    margin-top: 0;

    margin-bottom: 0;

    font-size: .18rem;

    line-height: 2.22;

    color: #666666;

    text-align: justify;

    position: relative;

}



.butterfly_body.new_d_body .news_det_con p .new_tit_box {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    font-size: .18rem;

    line-height: 1.5;

    padding: .25rem;

    color: #fff;

    text-align: center;

}



.butterfly_body.new_d_body .news_det_con .new_d_con {

    border-bottom: 1px solid rgba(198, 198, 198, 0.5);

    margin-bottom: .7rem;

    line-height: 2;

    font-size: .18rem;

}



.butterfly_body.new_d_body .news_det_con .new_d_con * {

    font-size: .24rem !important;

}



.butterfly_body.new_d_body .news_d_more {

    display: flex;

    justify-content: space-between;

}



.butterfly_body.new_d_body .news_d_more+.button--wayra {

    display: none;

}



.butterfly_body.new_d_body .news_d_more a {

    font-size: .18rem;

    font-weight: 700;

    line-height: 2;

    cursor: pointer;

    transition: all .5s ease;

    color: #666666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.butterfly_body.new_d_body .news_d_more a.hide {

    opacity: 0;

    pointer-events: none;

    animation: none;

}



@media screen and (orientation: landscape) {

    .butterfly_body.new_d_body .news_d_more a {

        width: 48.5%;

    }

    .butterfly_body.new_d_body .news_d_more a:hover {

        color: #0031c3;

    }

}



.butterfly_body.business_body .pub_banner .pub_banner_img::before {

    margin-top: 50%;

}



.butterfly_body.business_body .pub_banner .bus_center_box {

    position: absolute;

    width: 90%;

    left: 50%;

    top: 52%;

    transform: translate(-50%, -50%);

    color: #fff;

    text-align: center;

}



.butterfly_body.business_body .pub_banner .bus_center_box .bus_l_tit {

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1s;

    font-size: .22rem;

    line-height: 1;

    font-weight: 300;

}



.butterfly_body.business_body .pub_banner .bus_center_box .bus_l_tit::after {

    content: '';

    display: block;

    width: 1px;

    height: .8rem;

    margin: .45rem auto;

    background-color: #fff;

}



.butterfly_body.business_body .pub_banner .bus_center_box .bus_ban_titel {

    font-size: .5rem;

    line-height: 1;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1.5s;

}



.butterfly_body.business_body .pub_banner .bus_center_box .bus_ban_titel_en {

    font-size: .4rem;

    margin-top: .25rem;

    text-transform: uppercase;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 2s;

}



.butterfly_body.business_body .pub_banner .bus_center_box .btn_sor_down {

    transition: all 2s ease 2.5s;

    margin-top: 1rem;

    margin-right: auto;

    margin-left: auto;

}



.butterfly_body.business_body .pub_banner.on .bus_center_box .bus_l_tit,

.butterfly_body.business_body .pub_banner.on .bus_center_box .bus_ban_titel,

.butterfly_body.business_body .pub_banner.on .bus_center_box .bus_ban_titel_en,

.butterfly_body.business_body .pub_banner.on .bus_center_box .btn_sor_down {

    transform: none;

    opacity: 1;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case {

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    background-position: bottom center;

    padding-top: 1.75rem;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box {

    text-align: center;

    width: 38.4375%;

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box>div {

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box>div .sub_title {

    font-size: .6rem;

    line-height: 1.1666;

    color: #0031c3;

    text-align: left;

    text-transform: uppercase;

    font-family: Futura-Medium;

    position: absolute;

    left: 50%;

    top: 100%;

    transform-origin: 0;

    transform: translateY(-50%) rotate(90deg);

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box .sub_zh {

    width: 100%;

    left: 0;

    bottom: 34%;

    text-align: center;

    position: absolute;

    font-weight: 700;

    font-size: .3rem;

    line-height: 1;

    color: #0031c3;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box {

    width: 61.5625%;

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .pub_img_box::before {

    margin-top: 95%;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .case_box {

    position: absolute;

    left: 0;

    top: 0;

    transform: translate(-50%, 0) scale(2.8);

    transform-origin: 50% 0;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .case_box .sty_polygon {

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .case_box .sty_polygon>div {

    background-color: #0031c3;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 81.3%;

    padding: 10.15% 14.38% 11% 8.45%;

    background-color: #fff;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box .pub_sty_t {

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(22.7272%, -50%);

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box .sup_src1_tit {

    color: #e6091a;

    font-size: .32rem;

    line-height: 1.5625;

    margin-bottom: .45rem;

    font-weight: 500;

}



.butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box .sup_src1_info {

    color: #666666;

    font-size: .16rem;

    line-height: 2.25;

    text-align: justify;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case {

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_con .active .sup_src2_det .bus_con_box {

    display: block;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det {

    position: relative;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .pub_img_box::before {

    margin-top: 45.8645%;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box {

    width: 42.708%;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    position: absolute;

    z-index: 0;

    color: #fff;

    padding: 5.5% 5.2%;

    display: none;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #0031c3;

    z-index: -1;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title {

    line-height: 1;

    font-size: .5rem;

    font-weight: 500;

    margin-bottom: .25rem;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title_en {

    font-family: Futura-Medium;

    font-size: .4rem;

    line-height: 1;

    margin-bottom: .4rem;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title_info {

    font-size: .16rem;

    line-height: 2.25;

    text-align: justify;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_tit_l {

    border-top: 1px solid rgba(255, 255, 255, 0.3);

    padding-top: .55rem;

    margin-top: .5rem;

    margin-bottom: .4rem;

    font-size: .3rem;

    line-height: 1;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button {

    margin-bottom: .2rem;

    line-height: .32rem;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    padding: .16rem .2rem;

    border: 1px solid #FFFFFF;

    background-color: #0031c3;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: calc((100% - .2rem) / 2);

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button i {

    font-size: .17rem;

    margin-right: .2rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button:hover {

        color: #e6091a;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button:hover::before {

        background-color: #fff;

    }

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button:nth-last-child(1),

.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button:nth-last-child(2) {

    margin-bottom: 0;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav {

    width: 13.33%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next,

.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev {

    position: relative;

    margin: 0;

    width: 100%;

    left: auto;

    right: auto;

    top: auto;

    transform: none;

    text-align: center;

    color: #fff;

    font-size: .24rem;

    height: 1rem;

    line-height: 1rem;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next.swiper-button-disabled,

.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev.swiper-button-disabled {

    display: block;

    opacity: 0;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-container {

    height: calc(100% - 2rem);

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-slide {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-slide.swiper-slide-thumb-active .sup_src2_icon_box {

    opacity: 1;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box {

    opacity: 0.5;

    transition: all .5s ease-in-out;

    line-height: 1;

    font-weight: 500;

    color: #fff;

    text-align: center;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .icon_box {

    position: relative;

    overflow: hidden;

    margin-bottom: .3rem;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: contain;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .icon_box::before {

    content: '';

    display: block;

    margin-top: 56%;

}



.butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .iconfont {

    display: block;

    margin-bottom: .3rem;

    color: #fff;

    font-size: .47rem;

    line-height: 1;

    text-align: center;

}



@media screen and (orientation: landscape) {

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box:hover {

        opacity: 1;

    }

}



.butterfly_body .bus_nav_box {

    position: absolute;

    left: 50%;

    transform: translate(-50%, -125%);

    z-index: 2;

    box-shadow: 0px 14px 87px 5px rgba(37, 26, 5, 0.17);

    background-color: #fff;

    display: flex;

}



.butterfly_body .bus_nav_box a {

    flex: 1;

    border-right: 1px solid rgba(0, 0, 0, 0.05);

    text-align: center;

    padding: .5rem .1rem .7rem;

    font-size: .16rem;

    line-height: 1;

    transition: color .5s ease-in-out;

    position: relative;

}



.butterfly_body .bus_nav_box a i {

    font-size: .45rem;

    margin-bottom: .2rem;

    display: block;

}



.butterfly_body .bus_nav_box a:last-child {

    border-right: none;

}



.butterfly_body .bus_nav_box a.on {

    color: #e6091a;

}



@media screen and (orientation: landscape) {

    .butterfly_body .bus_nav_box a:hover {

        color: #e6091a;

    }

}



.butterfly_body .bus_nav_box .line {

    width: 25%;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 3px;

    background-color: #e6091a;

    transition: left .3s ease-in-out;

}



.butterfly_body .wat_name {

    font-size: .32rem;

    line-height: 1.5;

    color: #0031c3;

    margin-bottom: .1rem;

    font-weight: 700;

}



.butterfly_body .wat_name_en {

    font-size: .24rem;

    line-height: 1;

    color: #0031c3;

}



.butterfly_body.sub_body .pub_banner {

    position: relative;

}



.butterfly_body.sub_body .pub_banner .pub_banner_img .img::before {

    margin-top: 39.0625%;

}



.butterfly_body.sub_body .pub_banner .bus_center_box {

    position: absolute;

    left: 50%;

    top: 55%;

    transform: translate(-50%, -50%);

    width: 90%;

    color: #fff;

    text-align: center;

}



.butterfly_body.sub_body .pub_banner .bus_center_box .bus_mar {

    width: 2.2rem;

    display: block;

    margin: 0 auto .55rem;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease .5s;

}



.butterfly_body.sub_body .pub_banner .bus_center_box .bus_ban_titel {

    font-size: .4rem;

    line-height: 1;

    margin-bottom: .25rem;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1s;

}



.butterfly_body.sub_body .pub_banner .bus_center_box .bus_ban_titel_en {

    font-size: .3rem;

    line-height: 1;

    text-transform: uppercase;

    opacity: 0;

    transform: translateY(15px);

    transition: all 1s ease 1.5s;

}



.butterfly_body.sub_body .pub_banner.on .bus_mar,

.butterfly_body.sub_body .pub_banner.on .bus_ban_titel,

.butterfly_body.sub_body .pub_banner.on .bus_ban_titel_en {

    transform: none;

    opacity: 1;

}



.butterfly_body.sub_body .btn_sor_down {

    pointer-events: none;

    margin-top: .7rem;

}



.butterfly_body.sub_body .sub_num {

    font-size: .9rem;

    line-height: .75rem;

    font-family: futur;

    margin-bottom: .4rem;

    color: #0031c3;

}



.butterfly_body.sub_body .sub_name_en {

    margin-top: .25rem;

    font-size: .24rem;

    line-height: 1;

    color: #0031c3;

    font-family: Futura-Bold;

}



.butterfly_body.sub_body .sub_src1_name {

    line-height: 1.5;

    color: #0031c3;

    font-size: .5rem;

    font-weight: 700;

}



.butterfly_body.sub_body .sub_src1_case {

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: top center;

    padding-top: 10%;

    padding-bottom: .76rem;

    position: relative;

}



.butterfly_body.sub_body .sub_src1_case .line_sty {

    position: absolute;

    bottom: 0;

    right: 4%;

    font-size: 5.9rem;

}



.butterfly_body.sub_body .sub_src1_case .pub_img_box {

    margin: 1.1rem auto 0;

    width: 72.6%;

    z-index: 2;

}



.butterfly_body.sub_body .sub_src1_case .pub_img_box::before {

    margin-top: 38.6458%;

}



.butterfly_body.sub_body .sub_src1 {

    display: flex;

    justify-content: space-between;

}



.butterfly_body.sub_body .sub_src1 .sub_src1_left {

    width: 33.75%;

}



.butterfly_body.sub_body .sub_src1 .sub_src1_right {

    width: 66.25%;

}



.butterfly_body.sub_body .sub_src1 .sub_src1_right .button {

    background-color: #e6091a;

    margin-top: .55rem;

    width: 1.9rem;

    color: #fff;

}



.butterfly_body.sub_body .sub_src1 .sub_src1_right .button i {

    margin-right: .2rem;

    line-height: inherit;

    font-size: inherit;

}



.butterfly_body.sub_body .sub_src2_case {

    padding-top: 1rem;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box {

    margin-top: 1.1rem;

    overflow: hidden;

    position: relative;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container {

    width: 72.65625%;

    overflow: visible;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide {

    background-color: #000;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box {

    position: relative;

    opacity: .5;

    transition: opactiy .5s ease;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .btn_d_video {

    position: absolute;

    z-index: 4;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    font-size: .85rem;

    display: block;

    line-height: 1;

    text-align: center;

    cursor: pointer;

    color: #fff;

    transition: color .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .btn_d_video:hover {

        color: #0031c3;

    }

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box.alone_img {

    pointer-events: none;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box.alone_img .btn_d_video {

    display: none !important;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .pub_img_box::before {

    margin-top: 59.785%;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text {

    display: none;

    position: absolute;

    right: 0;

    bottom: 0;

    width: 41.86%;

    padding: 7.1% 7.5% 7% 6.4%;

    z-index: 0;

    color: #fff;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .sub_src2_bg {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #0031c3;

    z-index: -1;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .sub_src2_g {

    font-size: .16rem;

    line-height: 1;

    margin-bottom: .30rem;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .sub_src2_n {

    font-size: .3rem;

    line-height: 1.5;

    font-weight: 500;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .pub_info {

    margin-top: .35rem;

    color: #fff;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide.active .vid_info_box {

    opacity: 1;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide.active .vid_info_box .sub_src2_text {

    display: block;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination {

    padding: 0 .55rem;

    text-align: left;

    bottom: .5rem;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination span {

    margin: 0 .15rem;

    width: .12rem;

    height: .12rem;

    border: 1px solid white;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination span.swiper-pagination-bullet-active {

    background-color: #FFFFFF;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-prev,

.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-next {

    width: .6rem;

    height: .6rem;

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

    text-align: center;

    line-height: .6rem;

    color: #fff;

    padding: 0;

    border: 1px solid white;

    font-size: .16rem;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-prev {

    left: 1rem;

}



.butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-next {

    right: 1rem;

}



.butterfly_body.sub_body .sub_src3_case {

    padding-top: 10.15625%;

    padding-bottom: 8.0729%;

    background-size: cover;

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    flex-direction: row-reverse;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_left {

    width: 43.33%;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_left .pub_img_box::before {

    margin-top: 117.3076%;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right {

    width: 41.166%;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_num {

    margin-bottom: 1.2rem;

}



.butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_mess {

    font-size: .22rem;

    line-height: 1.818;

    color: #666666;

    margin-top: .45rem;

}



.butterfly_body.sub_body .sub_src3_case .line_sty {

    font-size: 6rem;

    position: absolute;

    bottom: -10%;

    left: 24.479%;

}



.butterfly_body.sub_body .pub_banner .bus_center_box .wat_mar {

    width: 1.87rem;

    margin-bottom: .25rem;

}



.butterfly_body.sub_body .water_src1_case {

    padding-top: 10.4166%;

    padding-bottom: 15.3125%;

    background-size: cover;

    background-position: right bottom;

    position: relative;

}



.butterfly_body.sub_body .water_src1_case .wat_src1 {

    margin-left: 11.354166%;

    width: 50.78125%;

    position: relative;

}



.butterfly_body.sub_body .water_src1_case .wat_src1 .pub_img_box::before {

    margin-top: 76.923%;

}



.butterfly_body.sub_body .water_src1_case .wat_src1 .wat_src1_text {

    background-color: #fff;

    width: 85.0256%;

    padding: 8.7% 15.38% 8.7% 10%;

    position: absolute;

    left: 70.56%;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

}



.butterfly_body.sub_body .water_src1_case .wat_src1 .wat_src1_text .pub_info {

    margin-top: .4rem;

}



.butterfly_body.sub_body .water_src1_case .wat_src1 .wat_src1_text .button--wayra {

    margin-top: .4rem;

    color: #fff;

    background-color: #e6091a;

}



.butterfly_body.sub_body .water_src1_case .wat_src1 .wat_src1_text .button--wayra i {

    margin-right: .2rem;

    font-size: .16rem;

}



.butterfly_body.sub_body .water_src1_case .wat_src1_l {

    width: 25.729%;

    position: absolute;

    left: 0;

    bottom: 0;

}



.butterfly_body.sub_body .water_src1_case .wat_src1_l::before {

    margin-top: 95.344%;

}



.butterfly_body.sub_body .water_src1_case .line_sty {

    position: absolute;

    bottom: 0;

    right: 11.71875%;

    font-size: 2rem;

}



.butterfly_body.sub_body .case_box {

    position: absolute;

    right: 0;

    top: 0;

    transform: translate(30%, -20%) scale(2);

}



.butterfly_body.sub_body .case_box i {

    font-size: .22rem;

    color: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.butterfly_body.sub_body .case_box .sty_polygon {

    position: relative;

}



.butterfly_body.sub_body .case_box .sty_polygon div {

    background-color: #0031c3;

}



.butterfly_body.sub_body .pub_title,

.butterfly_body.sub_body .pub_title_en {

    text-align: center;

}



.butterfly_body.sub_body .water_src2_case {

    padding-top: .5rem;

    padding-bottom: .5rem;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb {

    margin-top: .85rem;

    position: relative;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb::before,

.butterfly_body.sub_body .water_src2_case .wat_src2_lb::after {

    content: '';

    position: absolute;

    width: 25%;

    height: 110%;

    top: -5%;

    z-index: 2;

    pointer-events: none;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb::before {

    left: 0;

    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 40%, #fff 98%, #fff 100%);

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb::after {

    right: 0;

    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 40%, #fff 98%, #fff 100%);

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container {

    width: 40.3645%;

    overflow: visible;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .swiper-slide {

    overflow: visible;

    width: auto;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es img {

    height: 5rem;

    width: auto;

    display: block;

    margin-bottom: .45rem;

    border: .04rem solid #fff;

    box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es .sl_n {

    text-align: center;

    line-height: 1.5;

    color: #666666;

    font-size: .22rem;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev,

.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next {

    color: #0031c3;

    transition: all .5s ease;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev div,

.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next div {

    background-color: #fff;

    border-color: transparent;

    transition: all .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev:hover,

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next:hover {

        color: #fff;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev:hover div,

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next:hover div {

        background-color: #0031c3;

    }

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev {

    left: 10%;

}



.butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next {

    right: 10%;

}



.butterfly_body.sub_body .water_src4_case {

    padding-top: 5%;

    padding-bottom: 25%;

    background-size: 100% auto;

    background-position: center bottom;

    background-repeat: no-repeat;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box {

    margin-top: 8.33%;

    display: flex;

    justify-content: space-around;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div {

    position: relative;

    width: 28.6666%;

    box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

    background-color: #fff;

    text-align: center;

    padding: 1.2rem .2rem .55rem;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .case_box {

    position: absolute;

    right: auto;

    transform: translate(-50%, -50%) scale(1.4);

    top: 0;

    left: 50%;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .case_box i {

    font-size: .27rem;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_name {

    font-size: .2rem;

    font-weight: 700;

    color: #666666;

    line-height: 1;

    margin-bottom: .1rem;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_con {

    font-size: .22rem;

    line-height: 1.6363;

    color: #0031c3;

    margin-top: .25rem;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_con span {

    display: none;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div img {

    width: 44.2%;

    display: block;

    margin: .15rem auto;

}



.butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_t {

    font-size: .18rem;

    color: #666666;

    font-weight: 700;

    line-height: 1;

}



.butterfly_body .water_src3_case {

    background-size: cover;

    padding-top: 6.25%;

    position: relative;

}



.butterfly_body .water_src3_case .line_sty {

    position: absolute;

    font-size: 5.9rem;

    top: 50%;

    left: 24.479%;

}



.butterfly_body .water_src3_case .wat_src3 {

    margin-top: 1rem;

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box {

    margin-left: 26.05%;

    width: 73.95%;

    position: relative;

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .pub_img_box::before {

    margin-top: 59.2383%;

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb {

    background-color: #fff;

    width: 54.6544%;

    position: absolute;

    bottom: 0;

    right: 67.5599%;

    padding: 9.1% 9.8% 7.75%;

    box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb .case_box {

    right: auto;

    left: 0;

    transform: translate(-30%, -20%) scale(2);

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb .wat_src3_text img {

    width: 67.478%;

    margin-top: .4rem;

    display: block;

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb .swiper-pagination {

    position: relative;

    text-align: left;

    bottom: auto;

    left: 0;

    margin-top: .3rem;

}



.butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb .swiper-pagination span {

    border: 1px solid #666666;

    width: .1rem;

    height: .1rem;

    margin: 0 .1rem;

}



.butterfly_body .water_src3_case .ty_con {

    margin: 10.26% auto 5.26%;

    width: 87.708%;

    position: relative;

}



.butterfly_body .water_src3_case .ty_con .pub_img_box::before {

    margin-top: 46.08%;

}



.butterfly_body .water_src3_case .ty_con .ty_text_box {

    width: 36.3095%;

    right: 10.629%;

    background-color: #fff;

    padding: 4.9% 5.1%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.butterfly_body.join_body .case_box {

    position: absolute;

    left: 0;

    top: 0;

    transform: translate(-50%, -50%) scale(2);

}



.butterfly_body.join_body .case_box .sty_polygon {

    position: relative;

}



.butterfly_body.join_body .case_box .sty_polygon div {

    background-color: #fff;

    border-color: transparent;

}



.butterfly_body.join_body .case_box .sty_polygon i {

    color: #0031c3;

    position: absolute;

    left: 50%;

    top: 50%;

    font-size: .22rem;

    transform: translate(-50%, -50%);

}



.butterfly_body.join_body .join_con_case {

    background-size: cover;

    background-position: center bottom;

}



.butterfly_body.join_body .join_con_case .join_src1_case {

    position: relative;

}



.butterfly_body.join_body .join_con_case .join_src1_case .sty_img {

    position: absolute;

    left: 0;

    width: 18.54%;

    display: block;

}



.butterfly_body.join_body .join_con_case .join_src1_case .sty_img .pub_img_box::before {

    margin-top: 174.157%;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con {

    width: 65.625%;

    margin-left: 29.479%;

    position: relative;

    display: block;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .pub_sty_t {

    position: absolute;

    right: 0;

    transform: translate(13.18%, -50%);

    top: 0;

    z-index: 4;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .pub_img_box::before {

    margin-top: 65.476%;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text {

    position: absolute;

    width: 73.4126%;

    right: 50.79%;

    bottom: -15.15%;

    padding: 8.33% 13.49% 7.9% 12.8%;

    z-index: 0;

    color: #fff;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text .join_src1_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #0031c3;

    z-index: -1;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text .pub_info {

    margin-top: .3rem;

    color: #fff;

}



.butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text .wat_name {

    color: #fff;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box {

    width: 72.7%;

    margin: .85rem auto 0;

    display: flex;

    justify-content: space-between;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div {

    width: 30.7%;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im {

    position: relative;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im .pub_img_box::before {

    margin-top: 75.41%;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im .case_box {

    position: absolute;

    right: 0;

    bottom: 0;

    left: auto;

    top: auto;

    width: 43%;

    transform: translate(16.7%, 38%);

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im .case_box img {

    display: block;

    width: 100%;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im .case_box i {

    top: 40%;

    font-size: .45rem;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex {

    padding-top: .75rem;

    background-color: #fff;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex .pub_info {

    margin-top: .3rem;

}



.butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex .fl_n {

    font-size: .3rem;

    line-height: 1;

    color: #0031c3;

    font-family: Futura-Medium;

}



.butterfly_body.join_body .join_con_case .pub_title,

.butterfly_body.join_body .join_con_case .pub_title_en {

    text-align: center;

}



.butterfly_body.join_body .join_con_case .join_src3_case {

    position: relative;

    z-index: 0;

    color: #fff;

    text-align: center;

}



.butterfly_body.join_body .join_con_case .join_src3_case .pub_img_box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}



.butterfly_body.join_body .join_con_case .join_src3_case .pub_img_box::before {

    margin-top: 50%;

}



.butterfly_body.join_body .join_con_case .join_src3_case .pub_title,

.butterfly_body.join_body .join_con_case .join_src3_case .pub_title_en {

    color: #fff;

}



.butterfly_body.join_body .join_con_case .join_src3_case .joi_yh {

    font-size: .6rem;

    line-height: .4;

    margin-top: .6rem;

}



.butterfly_body.join_body .join_con_case .join_src3_case .joi_ms {

    margin-top: .35rem;

    font-size: .3rem;

    font-weight: 500;

    line-height: 1.66;

}



.butterfly_body.join_body .join_con_case .join_src3_case .btn_sor_down {

    pointer-events: none;

    margin-left: auto;

    margin-right: auto;

    margin-top: .5rem;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box {

    margin: 1.1rem auto 0;

    display: flex;

    width: 72.7%;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a {

    flex: 1;

    position: relative;

    background-color: #000;

    cursor: pointer;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .pub_img_box {

    position: relative;

    transition: opacity .5s ease;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .pub_img_box::before {

    margin-top: 166.76%;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex {

    position: absolute;

    bottom: 12.88%;

    width: 65.616%;

    left: 50%;

    transform: translateX(-50%);

    color: #fff;

    text-align: left;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_num {

    font-size: .3rem;

    font-family: futur;

    line-height: 1;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_n {

    margin-top: .35rem;

    font-size: .3rem;

    line-height: 1;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_en {

    font-size: .18rem;

    line-height: 1;

    margin-top: .15rem;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_i {

    margin-top: .4rem;

    font-size: .16rem;

    line-height: 1.875;

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    height: 5px;

    width: 0;

    transition: width .5s ease;

    background-color: #0031c3;

    z-index: 5;

}



@media screen and (orientation: landscape) {

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:hover .pub_img_box {

        opacity: .9;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:hover::before {

        width: 100%;

    }

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:nth-child(2) {

    transform: translateY(-0.3rem);

}



.butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:nth-child(3) {

    transform: translateY(0.3rem);

}



.butterfly_body.coll_body .join_con_case .join_src1_case {

    background-size: cover;

}



.butterfly_body.coll_body .join_con_case .join_src1_case .sty_img {

    left: auto;

    right: 0;

}



.butterfly_body.coll_body .join_con_case .join_src1_case .join_src1_con {

    margin-left: 4.843%;

}



.butterfly_body.coll_body .join_con_case .join_src1_case .join_src1_con .pub_sty_t {

    left: 0;

    right: auto;

    transform: translate(-13.18%, -50%);

}



.butterfly_body.coll_body .join_con_case .join_src1_case .join_src1_con .join_src1_text {

    right: auto;

    left: 50.79%;

    padding-right: 10.5%;

}



.butterfly_body.coll_body .join_con_case .join_src1_case .case_box {

    position: absolute;

    left: auto;

    right: 0;

    transform: translate(28%, -50%) scale(2);

}



.butterfly_body.coll_body .join_con_case .water_src3_case {

    padding-top: 10.4%;

    padding-bottom: 3%;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .case_box .sty_polygon div {

    background-color: #0031c3;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .case_box .sty_polygon i {

    color: #fff;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .coll_l_tit {

    margin-top: .4rem;

    font-size: .24rem;

    line-height: 2;

    color: #000;

    font-weight: 500;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .pub_info {

    margin-top: .3rem;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .link_box {

    position: absolute;

    bottom: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.7);

    text-align: center;

    line-height: .97rem;

    font-size: .24rem;

    color: #ecf1ff;

    width: 67.5%;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .link_box i {

    margin-right: .2rem;

    font-size: inherit;

}



@media screen and (orientation: landscape) {

    .butterfly_body.coll_body .join_con_case .water_src3_case .link_box {

        transition: all .5s ease;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .link_box:hover {

        color: #0031c3;

    }

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3 {

    padding-bottom: 9.375%;

    margin-top: 0;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .wat_src3_box {

    width: 87.708%;

    margin-right: auto;

    margin-left: auto;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .pub_img_box::before {

    margin-top: 46.08%;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .pub_img_box .link_box {

    left: 0;

    right: auto;

    width: 56.96%;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .wat_src3_lb {

    right: 0;

    left: auto;

    top: 22%;

    bottom: auto;

    width: 48.6544%;

    padding: 7.7% 4.8% 7.1% 7.1%;

}



.butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .wat_src3_lb .case_box {

    right: 0;

    left: auto;

    transform: translate(-9%, 15%) scale(2);

}



.butterfly_body.coll_body .join_con_case .sc_box {

    margin: .85rem auto 0;

    position: relative;

    z-index: 0;

}



.butterfly_body.coll_body .join_con_case .sc_box::before {

    content: '';

    display: block;

    height: 1px;

    width: 100%;

    left: 50%;

    transform: translateX(-50%);

    top: 1.53rem;

    background-color: rgba(0, 0, 0, 0.1);

    position: absolute;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a {

    display: block;

    text-align: center;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .pub_img_box {

    width: 1.15rem;

    margin-left: auto;

    margin-right: auto;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .dot_s {

    width: .14rem;

    height: .16rem;

    background: url("../images/dot_001.png") no-repeat center;

    background-size: 100% 100%;

    margin-top: .3rem;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_n {

    font-size: .24rem;

    color: #0031c3;

    line-height: 1;

    margin: .3rem .1rem .2rem;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_i {

    font-size: .16rem;

    line-height: 1.5;

    color: #666666;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev {

    left: 12.6%;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next {

    right: 12.6%;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next,

.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev {

    width: .7rem;

    height: .7rem;

    border-radius: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    margin-top: -.35rem;

    overflow: hidden;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next::before,

.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev::before {

    content: '';

    position: absolute;

    left: -5%;

    top: -5%;

    background-color: #0031c3;

    width: 110%;

    height: 110%;

    z-index: 1;

    transition: transform .5s ease;

    transform: scale(0);

    border-radius: 100%;

}



.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next i,

.butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev i {

    color: #fff;

    position: relative;

    z-index: 2;

    transition: color .5s ease;

    font-size: 16px;

}



@media screen and (orientation: landscape) {

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next:hover:before,

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev:hover:before {

        transform: none;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next:hover i,

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev:hover i {

        color: #fff;

    }

}



.butterfly_body.coll_body .join_src1_case {

    mix-blend-mode: darken;

}



.butterfly_body .cam_src2_case .zw_tit,

.butterfly_body .cam_src2_case .soc_box_s {

    padding: .3rem .7rem .28rem .5rem;

    position: relative;

    font-size: .2rem;

    line-height: 1;

    cursor: pointer;

    color: #fff;

    font-weight: 700;

    box-shadow: 0px 14px 38px 2px rgba(0, 0, 0, 0.09);

    background-color: #0031c3;

}



.butterfly_body .cam_src2_case .zw_tit i,

.butterfly_body .cam_src2_case .soc_box_s i {

    position: absolute;

    right: .5rem;

    top: 50%;

    transform: translateY(-50%);

    font-size: 14px;

}



.butterfly_body .cam_src2_case .zw_case {

    padding-top: .8rem;

}



.butterfly_body .cam_src2_case .zw_case .zw_box {

    margin-bottom: .6rem;

    box-shadow: 0px 14px 38px 2px rgba(0, 0, 0, 0.09);

}



.butterfly_body .cam_src2_case .zw_case .zw_box .zw_con_box {

    padding: .33rem .98rem .8rem;

    display: none;

    background-color: #fff;

}



.butterfly_body .cam_src2_case .zw_case .zw_box .zw_con_box .zw_n {

    font-size: .2rem;

    line-height: 1;

    margin-top: .5rem;

    color: #0031c3;

}



.butterfly_body .cam_src2_case .zw_case .zw_box .zw_con_box .pub_info {

    margin-top: .4rem;

}



.butterfly_body .cam_src2_case .zw_case .zw_box .zw_con_box .button--wayra {

    margin-top: .55rem;

    background-color: #e6091a;

    width: 2.22rem;

    color: #fff;

}



.butterfly_body .cam_src2_case .zw_case .zw_box .zw_con_box .button--wayra input {

    opacity: 0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 5;

    width: 100%;

    height: 100%;

    cursor: pointer;

}



.butterfly_body .cam_src2_case .zw_case .zw_box.on .zw_con_box {

    display: block;

}



.butterfly_body .cam_src3_case {

    position: relative;

    z-index: 0;

}



@media screen and (orientation: landscape) {

    .butterfly_body .cam_src3_case {

        padding-top: 6.28vw;

    }

}



.butterfly_body .cam_src3_case .jl_num {

    font-family: futur;

    font-size: .7rem;

    line-height: .7rem;

    margin-bottom: .3rem;

    color: #0031c3;

}



.butterfly_body .cam_src3_case .line_sty {

    font-size: .8rem;

    position: absolute;

    bottom: 5vw;

    left: 13.6%;

    z-index: -1;

    text-transform: capitalize;

}



.butterfly_body .cam_src3_case .pub_sty_t {

    position: absolute;

    right: 0;

    transform: translateX(9.1%);

    margin-top: .3rem;

}



.butterfly_body .cam_src3_case .jl_box {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 6%;

}



.butterfly_body .cam_src3_case .jl_box .jl_img {

    width: 35.08%;

    box-shadow: 0px 14px 38px 2px rgba(0, 0, 0, 0.09);

}



.butterfly_body .cam_src3_case .jl_box .jl_img .pub_img_box::before {

    margin-top: 128.74%;

}



.butterfly_body .cam_src3_case .jl_box .jl_tex {

    width: 45.66%;

}



.butterfly_body .cam_src3_case .jl_box .jl_tex .jl_ms {

    font-size: .2rem;

    line-height: 1.8;

    color: #666666;

    text-align: justify;

}



.butterfly_body .cam_src3_case .jl_box .jl_tex .btn_boxs {

    margin-top: .4rem;

    margin-bottom: .7rem;

    display: flex;

    justify-content: space-between;

}



.butterfly_body .cam_src3_case .jl_box .jl_tex .btn_boxs .button {

    background-color: #e6091a;

    color: #fff;

    width: calc((100% - .5rem) / 2);

}



.butterfly_body .cam_src3_case .jl_box .jl_tex .btn_boxs .button input {

    opacity: 0;

    cursor: pointer;

    position: absolute;

    left: 0;

    height: 100%;

    top: 0;

    width: 100%;

}



.butterfly_body .cam_src3_case .jl_s_bc {

    margin-top: 4.5%;

    display: flex;

    justify-content: space-between;

    position: relative;

}



.butterfly_body .cam_src3_case .jl_s_bc .jl_num {

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -50%);

    z-index: 5;

}



.butterfly_body .cam_src3_case .jl_s_bc a {

    width: 30%;

    box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

    cursor: pointer;

}



.butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt {

    background-color: #fff;

    padding: .7rem .2rem;

    text-align: center;

    line-height: 1;

}



.butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_num {

    font-size: .24rem;

    font-family: futur;

    margin-bottom: .35rem;

    color: #14212C;

    transition: all .5s ease;

}



.butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n {

    font-size: .24rem;

    font-weight: 700;

    color: #14212C;

    transition: all .5s ease;

}



.butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n_en {

    margin-top: .18rem;

    font-family: Futura-Medium;

    font-size: .18rem;

    color: #666;

    transition: all .5s ease;

}



.butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box .h_icon {

    position: absolute;

    z-index: 5;

    background-color: rgba(0, 0, 0, 0.2);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transition: opacity .5s ease-in-out;

    opacity: 1;

}



.butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box .h_icon i {

    color: #fff;

    font-size: .44rem;

    line-height: 1;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box .pub_img {

    transition: all .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body .cam_src3_case .jl_s_bc a:hover .jl_s_txt .jl_s_num,

    .butterfly_body .cam_src3_case .jl_s_bc a:hover .jl_s_txt .jl_s_n,

    .butterfly_body .cam_src3_case .jl_s_bc a:hover .jl_s_txt .jl_s_n_en {

        color: #0031c3;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a:hover .pub_img_box .h_icon {

        opacity: 1;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a:hover .pub_img_box .pub_img {

        transform: scale(1.1);

        transition: all 1s ease;

    }

}



.butterfly_body .soc_case {

    margin-top: .7rem;

}



.butterfly_body .soc_box {

    position: relative;

    z-index: 4;

}



.butterfly_body .soc_box .soc_box_s {

    cursor: pointer;

}



.butterfly_body .soc_box .soc_box_s span {

    font-size: .3rem;

    margin-right: .26rem;

}



.butterfly_body .soc_box .soc_con {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    display: none;

    background-color: #fff;

    box-shadow: 0px 14px 38px 2px rgba(0, 52, 205, 0.13);

    max-height: 300px;

    overflow-y: auto;

}



.butterfly_body .soc_box .soc_con ul {

    display: block;

}



.butterfly_body .soc_box .soc_con ul li {

    display: block;

}



.butterfly_body .soc_box .soc_con ul li a {

    display: block;

    line-height: 3;

    font-size: 14px;

    color: #0031c3;

    padding: 0 .5rem;

    cursor: pointer;

    transition: all .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_box .soc_con ul li a:hover {

        background-color: #0031c3;

        color: #fff;

    }

}



.butterfly_body .soc_box.on .soc_con {

    display: block;

}



.butterfly_body .soc_sel_box {

    margin: .5rem auto;

    display: flex;

    justify-content: space-between;

}



.butterfly_body .soc_sel_box .sel_con_box {

    width: 21.5%;

    position: relative;

}



.butterfly_body .soc_sel_box .sel_con_box:nth-child(1) {

    z-index: 3;

}



.butterfly_body .soc_sel_box .sel_con_box:nth-child(2) {

    z-index: 2;

}



.butterfly_body .soc_sel_box .sel_con_box .show_box {

    border: 1px solid #D2D2D2;

    padding: .2rem .42rem .2rem .25rem;

    color: #666666;

    cursor: pointer;

    box-shadow: 0px 14px 38px 2px rgba(0, 0, 0, 0.09);

    position: relative;

}



.butterfly_body .soc_sel_box .sel_con_box .show_box span {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .16rem;

    line-height: 1.25;

}



.butterfly_body .soc_sel_box .sel_con_box .show_box i {

    font-size: 16px;

    position: absolute;

    right: .25rem;

    top: 50%;

    transform: translateY(-50%);

}



.butterfly_body .soc_sel_box .sel_con_box ul {

    display: none;

    border: 1px solid #D2D2D2;

    background-color: #ffffff;

    border-top: none;

    position: absolute;

    top: 100%;

    width: 100%;

    left: 0;

    max-height: 300px;

    overflow-y: auto;

}



.butterfly_body .soc_sel_box .sel_con_box ul input {

    position: absolute;

    opacity: 0;

}



.butterfly_body .soc_sel_box .sel_con_box ul li {

    display: block;

    line-height: 3;

    font-size: 14px;

    padding: 0 .25rem;

    transition: all .5s ease;

    cursor: pointer;

    color: #0031c3;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_sel_box .sel_con_box ul li:hover {

        color: #fff;

        background-color: #0031c3;

    }

}



.butterfly_body .soc_sel_box .sel_con_box.on ul {

    display: block;

}



.butterfly_body .soc_sel_box .sel_sea_box {

    width: 21.5%;

    border: 1px solid #D2D2D2;

    box-shadow: 0px 14px 38px 2px rgba(0, 0, 0, 0.09);

    position: relative;

    overflow: hidden;

}



.butterfly_body .soc_sel_box .sel_sea_box input {

    padding: .2rem .42rem .2rem .25rem;

    color: #666666;

    font-size: .16rem;

    line-height: 1.25;

    display: block;

    width: 100%;

}



.butterfly_body .soc_sel_box .sel_sea_box input::-webkit-input-placeholder {

    color: #666666;

}



.butterfly_body .soc_sel_box .sel_sea_box input::-moz-input-placeholder {

    color: #666666;

}



.butterfly_body .soc_sel_box .sel_sea_box input::-ms-input-placeholder {

    color: #666666;

}



.butterfly_body .soc_sel_box .sel_sea_box i {

    font-size: 18px;

    position: absolute;

    right: .25rem;

    top: 50%;

    transform: translateY(-50%);

}



.butterfly_body .soc_sel_box .soc_btn_boxs {

    width: 28.26%;

    display: flex;

}



.butterfly_body .soc_sel_box .soc_btn_boxs a {

    width: calc((100% - .4rem) / 2);

    margin-left: .2rem;

    padding: .2rem;

    line-height: 1.25;

    border: 1px solid;

}



.butterfly_body .soc_sel_box .soc_btn_boxs .btn_sea {

    color: #fff;

    background-color: #0031c3;

    border-color: transparent;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_sel_box .soc_btn_boxs .btn_sea:hover {

        border-color: #e6091a;

    }

    .butterfly_body .soc_sel_box .soc_btn_boxs .btn_sea:hover::before {

        background-color: #e6091a;

    }

}



.butterfly_body .soc_sel_box .soc_btn_boxs .btn_reset {

    color: #666;

    border-color: #D2D2D2;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_sel_box .soc_btn_boxs .btn_reset:hover {

        color: #fff;

    }

    .butterfly_body .soc_sel_box .soc_btn_boxs .btn_reset:hover::before {

        border-color: #0031c3;

    }

}



.butterfly_body .soc_con_case .soc_th_box {

    border-top: 1px solid #E3E3E3;

    color: #999999;

    font-weight: 500;

    display: flex;

    align-items: center;

}



.butterfly_body .soc_con_case .soc_th_box i {

    font-size: .19rem;

    font-weight: normal;

    margin-right: .18em;

}



.butterfly_body .soc_con_case .soc_th_box,

.butterfly_body .soc_con_case .soc_tr_box {

    padding: 0 .6rem;

    border-bottom: 1px solid #E3E3E3;

    display: flex;

    text-align: center;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_con_case .soc_th_box,

    .butterfly_body .soc_con_case .soc_tr_box {

        justify-content: space-between;

    }

}



.butterfly_body .soc_con_case .soc_th_box>div,

.butterfly_body .soc_con_case .soc_tr_box>div {

    line-height: 1.55;

    font-size: .18rem;

    padding-right: .1rem;

    padding-top: .25rem;

    padding-bottom: .25rem;

    width: 15%;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_con_case .soc_th_box>div,

    .butterfly_body .soc_con_case .soc_tr_box>div {

        min-width: 150px;

    }

}



.butterfly_body .soc_con_case .soc_th_box>div:last-child,

.butterfly_body .soc_con_case .soc_tr_box>div:last-child {

    padding-right: 0;

}



.butterfly_body .soc_con_case .soc_tr_box {

    font-weight: 500;

    cursor: pointer;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_con_case .soc_tr_box {

        transition: all .5s ease;

    }

    .butterfly_body .soc_con_case .soc_tr_box:hover {

        background-color: rgba(0, 49, 195, 0.1);

    }

}



.butterfly_body .soc_con_case .soc_tr_box div {

    color: #666666;

}



.butterfly_body .soc_con_case .soc_tr_box div:first-child {

    color: #0031c3;

}



.butterfly_body .soc_con_case .soc_tr_case {

    min-height: 40vh;

}



.butterfly_body .pas_box_nav {

    position: relative;

    z-index: 3;

}



.butterfly_body .pas_box_nav.area_nav .swiper-container .swiper-slide {

    padding-left: .1rem;

    padding-right: .1rem;

}



.butterfly_body .pas_box_nav .swiper-container {

    width: 84.3785%;

    padding-top: .1rem;

    margin-top: -.1rem;

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide {

    position: relative;

    padding-top: .2rem;

    padding-bottom: .25rem;

    overflow: visible;

    width: auto;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #999999;

    text-align: center;

    font-size: .20rem;

    line-height: .5rem;

    cursor: pointer;

    transition: color .5s ease;

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide img {

    max-height: .53rem;

    max-width: 1.1rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide img {

        margin: 0 .45rem;

    }

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide.swiper-slide-thumb-active {

    color: #0031c3;

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide.swiper-slide-thumb-active::before {

    opacity: 1;

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide.swiper-slide-thumb-active::after {

    width: 1.33rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide:hover {

        color: #0031c3;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide:hover::after {

        width: 1.33rem;

    }

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide::before {

    content: '';

    display: block;

    width: 10px;

    height: 10px;

    background-color: #fff;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

    transition: all .5s ease;

    opacity: 0;

}



.butterfly_body .pas_box_nav .swiper-container .swiper-slide::after {

    content: '';

    display: block;

    height: .05rem;

    width: 0;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    background-color: #0031c3;

    transition: all .5s ease-in-out;

}



.butterfly_body .pas_box_nav .swiper-container .pub_img_box {

    width: 80%;

    margin: 0 auto;

}



.butterfly_body .pas_box_nav .swiper-container .pub_img_box::before {

    margin-top: 26%;

}



.butterfly_body .pas_box_nav .swiper-container .pub_img_box .pub_img {

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

}



.butterfly_body .pas_box_nav .swiper-button-next,

.butterfly_body .pas_box_nav .swiper-button-prev {

    width: .7rem;

    height: .7rem;

    margin-top: -.3rem;

    border-radius: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    overflow: hidden;

}



.butterfly_body .pas_box_nav .swiper-button-next::before,

.butterfly_body .pas_box_nav .swiper-button-prev::before {

    content: '';

    position: absolute;

    left: -5%;

    top: -5%;

    background-color: #0031c3;

    width: 110%;

    height: 110%;

    z-index: 1;

    transition: transform .5s ease;

    transform: scale(0);

    border-radius: 100%;

}



.butterfly_body .pas_box_nav .swiper-button-next i,

.butterfly_body .pas_box_nav .swiper-button-prev i {

    color: #fff;

    position: relative;

    z-index: 2;

    transition: color .5s ease;

    font-size: 16px;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pas_box_nav .swiper-button-next:hover:before,

    .butterfly_body .pas_box_nav .swiper-button-prev:hover:before {

        transform: none;

    }

    .butterfly_body .pas_box_nav .swiper-button-next:hover i,

    .butterfly_body .pas_box_nav .swiper-button-prev:hover i {

        color: #fff;

    }

}



.butterfly_body .pass_case {

    background-size: 31%;

    background-position: right bottom;

    background-repeat: no-repeat;

}



.butterfly_body .pass_case .sup_src1_case {

    display: block !important;

}



.butterfly_body .pass_case .pas_box {

    position: relative;

}



.butterfly_body .pass_case .pas_box .tab_plb {

    left: 0;

    top: 10%;

    position: absolute;

    z-index: 3;

}



.butterfly_body .pass_case .pas_box .tab_plb div {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    line-height: 1rem;

    width: 5.5rem;

    background-size: 100% 100%;

    font-size: .28rem;

    position: relative;

    transition: all .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pass_case .pas_box .tab_plb div {

        background-image: none !important;

        z-index: 0;

    }

    .butterfly_body .pass_case .pas_box .tab_plb div::before {

        content: '';

        z-index: -1;

        background-color: #0031c3;

        position: absolute;

        left: 50%;

        top: 50%;

        width: 100%;

        height: 100%;

        transform: translate(-50%, -50%) skewX(-20deg);

        margin-left: -.4rem;

    }

}



.butterfly_body .pass_case .pas_box .tab_plb div i {

    font-size: .3rem;

    margin-right: .3rem;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pass_case .pas_box .tab_plb {

        transition: all .5s ease;

    }

    .butterfly_body .pass_case .pas_box .tab_plb:hover {

        transform: translateY(-15px);

    }

    .butterfly_body .pass_case .pas_box .tab_plb:hover>div {

        line-height: .8rem;

    }

}



.butterfly_body .pass_case .pas_box.pas_are .swiper-slide {

    opacity: 0 !important;

}



.butterfly_body .pass_case .pas_box.pas_are .swiper-slide.active {

    opacity: 1 !important;

}



@media screen and (orientation: landscape) {

    .butterfly_body .pass_case .pas_box.brand_pass .pas_con .pas_con_t {

        right: auto;

        left: 9.79166%;

    }

    .butterfly_body .pass_case .pas_box.brand_pass .tab_plb {

        right: 0;

        left: auto;

        margin-right: -.4rem;

    }

    .butterfly_body .pass_case .pas_box.brand_pass .tab_plb div::before {

        margin-left: 0;

        margin-right: -.4rem;

    }

}



.butterfly_body .pass_case .pas_box .area_con .pub_img_box {

    opacity: 0 !important;

    pointer-events: none;

}



.butterfly_body .pass_case .pas_box .swiper-container>.pub_img_box {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

}



.butterfly_body .pass_case .pas_box .swiper-container>.pub_img_box::before {

    margin-top: 38.6458%;

}



.butterfly_body .pass_case .pas_box .pas_con .pub_img_box::before {

    margin-top: 38.6458%;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t {

    position: absolute;

    top: 50%;

    right: 9.79166%;

    width: 28.02%;

    z-index: 3;

    transform: translateY(-50%);

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pub_sty_t {

    z-index: -1;

    position: absolute;

    bottom: 0;

    right: 0;

    transform: translate(9.1%, 50%);

    display: none;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_tit {

    padding: .4rem .6rem;

    background-color: #0031c3;

    line-height: 1;

    font-size: .24rem;

    color: #fff;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box {

    background-color: #fff;

    padding: .8rem .6rem;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case {

    height: 3.25rem;

    overflow-y: auto;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl {

    margin-bottom: .5rem;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_n {

    line-height: 1.5;

    color: #0031c3;

    font-size: .24rem;

    margin-bottom: .3rem;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m {

    display: flex;

    align-items: center;

    font-size: .16rem;

    color: #14212C;

    line-height: 1.25;

    margin-bottom: .2rem;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m:last-child {

    margin-bottom: 0;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m i {

    font-size: .16rem;

    margin-right: .18rem;

}



.butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl:last-child {

    margin-bottom: 0;

}



.butterfly_body .pass_case .pas_box .pas_con .line_sty {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 1.8rem;

    line-height: .65;

    font-family: futur;

    -webkit-text-stroke: 1px #EFEFEF;

    opacity: .2;

}



.butterfly_body .pass_case .active .pub_sty_t {

    display: flex !important;

}



.butterfly_body.business_body .pass_case .sup_src1_case {

    padding-top: 0;

}



.butterfly_body .area_biao {

    width: 40%;

    position: absolute;

    left: 12%;

    top: 52%;

    transform: translateY(-50%);

}



.butterfly_body .area_biao>img:first-child {

    width: 100%;

    display: block;

}



.butterfly_body .area_biao>img.are_mark {

    width: 2.38%;

    transform: translate(-50%, -50%);

    transition: all .5s ease;

    position: absolute;

    left: 20%;

    top: 50%;

}



.butterfly_body .ind_banner_case2:nth-child(2) {

    display: none;

}



.butterfly_body .vid_case {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.butterfly_body .vid_case a {

    margin-bottom: .4rem;

    width: 44.42%;

}



.butterfly_body .vid_case a .pub_img_box::before {

    margin-top: 61.77%;

}



.butterfly_body .vid_case a .btn_d_video {

    position: absolute;

    z-index: 4;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    cursor: pointer;

    font-size: 1rem;

    line-height: 1;

    color: #fff;

    transition: all .5s ease;

}



.butterfly_body .vid_case a .btn_d_video img {

    display: block;

    width: 100%;

}



@media screen and (orientation: landscape) {

    .butterfly_body .vid_case a .btn_d_video:hover {

        color: #0031c3;

    }

}



.butterfly_body .vid_case a .video_time {

    position: absolute;

    right: 0;

    z-index: 3;

    bottom: 0;

    width: 34.9%;

    text-align: center;

    color: #fff;

    background: url("../images/vid_003.png") no-repeat center;

    background-size: 100% 100%;

    line-height: .54rem;

    font-size: .16rem;

}



.butterfly_body .vid_case a .vid_name {

    padding: .35rem;

    line-height: 2;

    font-size: .2rem;

    color: #333333;

    text-align: center;

}



.butterfly_body .soc_sha {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 9999;

}



.butterfly_body .soc_sha .soc_sha_case {

    width: 62.76%;

    max-width: 1400px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background-color: #fff;

}



.butterfly_body .soc_sha .soc_sha_case .soc_title {

    background-color: #0031c3;

    color: #fff;

    display: flex;

    justify-content: space-between;

    padding: .3rem .4rem .3rem .5rem;

    align-items: center;

    font-size: .24rem;

    line-height: 1;

}



.butterfly_body .soc_sha .soc_sha_case .soc_title .btn_soc_close {

    font-size: 20px;

    cursor: pointer;

    transition: opacity .5s ease;

}



@media screen and (orientation: landscape) {

    .butterfly_body .soc_sha .soc_sha_case .soc_title .btn_soc_close:hover {

        color: #e6091a;

    }

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con {

    padding: .3rem .5rem .7rem .8rem;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div {

    height: 60vh;

    overflow-y: auto;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top {

    padding: .23rem 0 .4rem;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    margin-bottom: .12rem;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top .sec_com {

    font-size: .24rem;

    line-height: 1;

    color: #0031c3;

    font-weight: 500;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top .sec_com_info {

    margin-top: .32rem;

    font-size: .16rem;

    color: #333333;

    display: flex;

    flex-wrap: wrap;

    line-height: 2.5;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top .sec_com_info span {

    width: 33.33%;

    padding-right: .1rem;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_cen .sec_j_t {

    padding-top: .48rem;

    line-height: 1;

    font-size: .2rem;

    font-weight: 500;

    color: #0031c3;

    font-weight: 500;

    margin-bottom: .35rem;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_cen .sec_j_i {

    font-size: .16rem;

    color: #333333;

    line-height: 2.5;

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .button--wayra {

    width: 2.22rem;

    margin-top: .48rem;

    color: #fff;

    background-color: #e6091a;

    box-shadow: 0px 25px 70px 0px rgba(0, 0, 0, 0.1);

}



.butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .button--wayra input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    width: 100%;

    height: 100%;

    z-index: 3;

    left: 0;

    top: 0;

}



.butterfly_body .m_sty {

    display: none;

}



.butterfly_body.new_d_body .pub_case {

    width: 850px;

    max-width: 90%;

}



.butterfly_body.new_d_body .pub_banner_text_box {

    width: 80.57%;

}



.butterfly_body>.sec_nav_box {

    position: fixed;

    z-index: 97;

    width: 100%;

    top: .8rem;

    left: 0;

    background-color: #fff;

    display: none;

}



.butterfly_body>.sec_nav_box>div a {

    transition: all .5s ease;

}



.butterfly_body>.sec_nav_box.on {

    display: none;

}



.butterfly_body>.sec_nav_box.on>div a {

    padding-top: .15rem;

    padding-bottom: .15rem;

}



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

    .butterfly_body.ind_body .ind_con_foo .pro_img_box::before {

        margin-top: 65vh;

    }

}



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

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .case_box {

        transform: translate(-50%, 0) scale(2);

    }

}



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

    .butterfly_body.join_body .case_box {

        transform: translate(-50%, -50%) scale(1.5);

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name {

        font-size: .34rem;

    }

}



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

    .butterfly_body .btn_m {

        display: block;

    }

    .butterfly_body .nav {

        padding: 0 .3rem;

        top: 0;

    }

    .butterfly_body .nav .nav_con {

        width: 100%;

        position: relative;

        padding: .4rem 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    }

    .butterfly_body .btn_nav_box {

        display: block;

        position: absolute;

        right: 0;

        top: 50%;

        transform: translateY(-50%);

        color: #fff;

        cursor: pointer;

    }

    .butterfly_body .btn_nav_box i {

        font-size: 25px;

        line-height: 1;

        display: block;

    }

    .butterfly_body .btn_nav_box .btn_nav_g {

        display: none;

    }

    .butterfly_body .btn_nav_box.on .btn_nav_k {

        display: none;

    }

    .butterfly_body .btn_nav_box.on .btn_nav_g {

        display: block;

    }

    .butterfly_body .nav_c .btn_nav_box {

        color: #2a3438;

    }

    .butterfly_body .nav_c .navBox {

        background-color: #fff;

    }

    .butterfly_body .navBox {

        position: fixed;

        width: 100%;

        height: 100%;

        transition: all .5s ease;

        left: 0;

        top: 0;

        background: url("../images/m_n_bg.jpg") no-repeat center;

        background-color: #0031c3;

        background-size: cover;

        transform: translateX(110%);

    }

    .butterfly_body .navBox.on {

        transform: translateX(0);

    }

    .butterfly_body .navBox .item {

        display: block;

        position: absolute;

        left: 0;

        top: 42%;

        transform: translateY(-50%);

        width: 100%;

        text-align: center;

    }

    .butterfly_body .navBox .item li {

        float: none !important;

    }

    .butterfly_body .navBox .item li a {

        display: block;

        padding: .1rem 0;

        color: #fff;

    }

    .butterfly_body .nav .nav_con>.navBox li a span::before {

        background-color: #e6091a;

        right: -5px;

        top: 0px;

        width: 9px;

        height: 24px;

    }

    .butterfly_body .nav .nav_con>.navBox li a.on span::before {

        transform: skewX(-30deg) translateY(0) scaleY(1) translateZ(0);

    }

    .butterfly_body .nav .nav_con>.navBox li a {

        font-size: 22px;

        padding-left: .666rem;

        line-height: 2.2727;

        text-align: left;

    }

    .butterfly_body .logo_box {

        position: relative;

        z-index: 2;

    }

    .butterfly_body .logo_box img {

        margin: 0;

    }

    .butterfly_body .logo_box .sty_circle {

        display: none;

    }

    .butterfly_body .nav .nav_con>div a i {

        position: relative;

        display: inline-block;

        vertical-align: middle;

        left: auto;

        top: auto;

        transform: none;

    }

    .butterfly_body .nav .nav_con .btn_sty {

        margin-right: .5rem;

    }

    .butterfly_body .alo_copyright {

        display: none;

    }

    .butterfly_body .navBox .item li a {

        font-size: 20px;

    }

    .butterfly_body .nav .nav_con>.navBox.navBox ul li>ul {

        position: absolute;

        left: auto;

        right: .666rem;

        top: 50%;

        margin-top: -20.5px;

        transform: none;

        padding-top: 0;

        width: auto;

        text-align: left;

        overflow: visible;

    }

    .butterfly_body .nav .nav_con>.navBox.navBox ul li>ul::before {

        content: '';

        display: block;

        height: 1px;

        width: calc(100vw - .666rem * 2 - .58rem * 2 - 88px - 100%);

        position: absolute;

        right: calc(100% + .58rem);

        top: 20.56px;

        background-color: #fff;

        bottom: auto;

        left: auto;

    }

    .butterfly_body .nav .nav_con .navBox>ul li>ul>li a {

        padding: 0;

    }

    .butterfly_body .nav .nav_con .navBox>ul li>ul>li a {

        color: #fff;

        text-align: left;

    }

    .butterfly_body .nav .nav_con>.navBox>ul>li:hover {

        z-index: 6;

    }

    .butterfly_body .pub_case {

        width: calc(100% - .9rem);

    }

    .butterfly_body .sec_nav_box>div {

        width: calc(100% - .9rem);

    }

    .butterfly_body .swiper-button-prev {

        left: 0;

    }

    .butterfly_body .swiper-button-next {

        right: 0;

    }

    .butterfly_body html {

        height: auto;

        overflow-x: hidden;

    }

    .butterfly_body.cus_body .nav_left #v-pop .con {

        height: auto;

    }

    .butterfly_body.cus_body .nav_left #v-pop .con video {

        width: 90%;

        height: auto;

    }

    .butterfly_body.cus_body .nav_left .black_n .nav .nav_con {

        padding: .2rem 0;

    }

    .butterfly_body.cus_body .nav_left .nav {

        background-color: black;

    }

    .butterfly_body.cus_body .nav_left body {

        padding-top: .7365rem;

    }

    .butterfly_body.cus_body .nav_left .ind_body .ind_banner_box .banner_img_box video {

        display: none;

    }

    .butterfly_body.cus_body .nav_left .pro_z_body .tong_bg canvas {

        display: block;

        position: relative;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        min-width: 100%;

        height: 100%;

    }

    .butterfly_body.cus_body .nav_left .ind_body .ind_banner_box .banner_img_box #myCanvas {

        display: block;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        min-width: 100%;

        height: 100%;

    }

    .butterfly_body .nav .nav_con .navBox>ul {

        display: block;

        z-index: 5;

    }

    .butterfly_body .nav .nav_con>.navBox {

        padding-right: .8rem;

        justify-content: flex-end;

        align-items: flex-start;

    }

    .butterfly_body .nav .nav_con>.navBox .pub_sha_case {

        display: block;

        line-height: 1.2rem;

        position: absolute;

        bottom: 5%;

        left: 0;

        margin: 0 0 0 .666rem;

        float: none;

        animation: none;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box {

        display: block;

        line-height: 1.2rem;

    }

    .butterfly_body .logo_box {

        padding: 0 !important;

    }

    .butterfly_body .logo_box img {

        height: .6rem;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box span {

        font-size: 20px;

    }

    .butterfly_body .pub_sha_case a>div {

        top: auto;

        bottom: 150%;

    }

    .butterfly_body.ind_body .pro_img_photo_nav {

        flex-wrap: wrap;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a {

        height: 50%;

        width: 50%;

    }

    .butterfly_body .pub_sty_t span {

        width: .04rem;

        height: .25rem;

        margin: 0 .07rem;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_img {

        z-index: 0;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con {

        width: 79%;

        margin-left: 10.5%;

        display: block;

        margin-top: .8rem;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc {

        width: 100%;

        flex-direction: row;

    }

    .butterfly_body.ind_body .ind_loc_wl {

        font-size: 2rem;

    }

    .butterfly_body .ind_loc_nc {

        margin-bottom: 1.5vh;

        align-items: baseline;

        font-size: 24px;

    }

    .butterfly_body .ind_loc_nc span {

        font-size: 1.9rem;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc .ind_pm {

        font-size: 18px;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .inc_loc_mc i {

        font-size: .5rem;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms {

        width: 100%;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms .ind_loc_n {

        margin-top: 7.7vh;

        margin-bottom: 3vh;

        font-size: 28px;

        line-height: 1.3;

    }

    .butterfly_body.ind_body .ind_location .pub_sty_l {

        left: 5%;

        top: 12%;

        display: none !important;

    }

    .butterfly_body.ind_body .ind_location .pub_sty_h {

        bottom: 7%;

        display: none !important;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms a {

        color: #0031c3;

        margin-top: 5vh;

    }

    .butterfly_body .ind_loc_info {

        font-size: 14px;

    }

    .butterfly_body .cooperation_case .coo_box a {

        width: calc(100% / 3);

    }

    .butterfly_body .cooperation_case .coo_box a:first-child {

        margin-left: 0;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(2),

    .butterfly_body .cooperation_case .coo_box a:nth-child(8) {

        border-right: none;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(5),

    .butterfly_body .cooperation_case .coo_box a:nth-child(3),

    .butterfly_body .cooperation_case .coo_box a:nth-child(4) {

        border-bottom: none;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(4),

    .butterfly_body .cooperation_case .coo_box a:nth-child(7),

    .butterfly_body .cooperation_case .coo_box a:nth-child(10) {

        border-right: 1px solid #6C6C6C;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-last-child(3) {

        margin-left: 0;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(9) {

        border-right: 1px solid #6C6C6C;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(10),

    .butterfly_body .cooperation_case .coo_box a:nth-child(11) {

        display: none;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(6),

    .butterfly_body .cooperation_case .coo_box a:nth-child(3) {

        border-right: 1px solid #6C6C6C;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(6)::after,

    .butterfly_body .cooperation_case .coo_box a:nth-child(3)::after {

        display: none;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(1)::after,

    .butterfly_body .cooperation_case .coo_box a:nth-child(4)::after {

        display: block !important;

        right: 0;

        left: auto;

        transform: translate(50%, 50%) rotate(45deg);

    }

    .butterfly_body .pro_ind_name_info {

        display: none;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box {

        width: 90%;

        left: 5%;

        bottom: auto;

        top: 44%;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name {

        font-size: 22px;

        margin-bottom: 0 !important;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box i {

        margin-bottom: .5rem;

        opacity: 1;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_num {

        margin-bottom: .2rem;

        font-size: 16px;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en {

        font-size: 16px;

        position: relative;

        transform: none;

        opacity: 1 !important;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en br {

        display: none;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en.pro_ind_name_en_n {

        white-space: normal;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name_en.pro_ind_name_en_n {

        display: none;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a.on .pro_text_box {

        width: 90%;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_news_box .ind_news_case .ind_new_ {

        display: block;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_n {

        width: 100%;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_n {

        font-size: 22px;

        margin-bottom: .2rem;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case {

        width: 90%;

        margin-left: 5%;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info {

        width: 100%;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info .ind_loc_info {

        color: #14212C;

        text-shadow: none;

    }

    .butterfly_body.ind_body .swiper-button-prev,

    .butterfly_body.ind_body .swiper-button-next {

        display: none;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con {

        display: block;

        width: 90%;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide .ind_con_foo .ind_con_con .ind_con_name {

        margin-bottom: .5rem;

        font-size: 26px;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_con_foo .ind_con_con .ind_con_from {

        transform: none;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide .ind_con_foo .ind_con_con .ind_con_from {

        position: initial;

        width: 100%;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_loc_wl {

        font-size: 1.3rem;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

        font-size: 14px;

    }

    .butterfly_body.ind_body .ind_con_foo .pub_sty_t {

        z-index: 0;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form input,

    .butterfly_body .ind_body .ind_con_foo .ind_con_con .ind_con_from form textarea {

        font-size: 14px;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_case {

        margin-top: .8rem;

    }

    .butterfly_body .nav_ban .logo_box img {

        opacity: 0;

    }

    .butterfly_body .nav_ban .logo_box .logo_c {

        opacity: 1;

    }

    .butterfly_body .nav_ban .btn_nav_box .btn_nav_k {

        color: #14212C;

    }

    .butterfly_body .nav_ban .nav_con {

        border-bottom-color: rgba(0, 0, 0, 0.3);

    }

    .butterfly_body .pub_sha_case a,

    .butterfly_body .nav .nav_con>.navBox .lan_box a {

        font-size: .3666rem;

        line-height: 1;

        display: inline-block;

    }

    .butterfly_body .pub_sha_case a i,

    .butterfly_body .nav .nav_con>.navBox .lan_box a i {

        font-size: .3666rem;

        line-height: 1;

        display: block !important;

    }

    .butterfly_body .pub_sha_case a {

        padding: 0 .2166rem;

    }

    .butterfly_body .pub_sha_case a:first-child {

        margin-left: -.2166rem;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box {

        border-left: none;

        position: absolute;

        right: .666rem;

        bottom: 5%;

        font-size: 0;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box a {

        padding: 0 .2166rem;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box a:last-child {

        margin-right: -.2166rem;

    }

    .butterfly_body .nav.on_bg {

        background-color: #fff;

        box-shadow: 0px 14px 20px 2px rgba(17, 17, 17, 0.13);

    }

    .butterfly_body .nav.on_bg .logo_box img {

        opacity: 0;

    }

    .butterfly_body .nav.on_bg .logo_box .logo_c {

        opacity: 1;

    }

    .butterfly_body .nav.on_bg .btn_nav_box .btn_nav_k {

        color: #14212C;

    }

    .butterfly_body .nav.on .logo_box img {

        opacity: 1;

    }

    .butterfly_body .nav.on .logo_box .logo_c {

        opacity: 0;

    }

    .butterfly_body .pub_banner .banner_img_box .banner_svg_case {

        transform: translate(4.5%, 22%) scale(0.1);

    }

    .butterfly_body .pub_banner .pub_banner_text_box {

        top: 70%;

    }

    .butterfly_body .pub_banner .banner_img_box .benner_img {

        transform: translate(-50%, -50%) scale(1.5);

    }

    .butterfly_body .pub_banner.on .banner_img_box .benner_img {

        transform: translate(-50%, -50%);

    }

    .butterfly_body.abo_body .abo_src1_case>div {

        display: block;

    }

    .butterfly_body.abo_body .abo_src1_case>div .abo_title_box {

        width: 100%;

    }

    .butterfly_body.abo_body .abo_src1_case>div .abo_con_box {

        width: 100%;

    }

    .butterfly_body .sec_nav_box>div a {

        font-size: 15px;

    }

    .butterfly_body>.sec_nav_box.on>div a {

        padding-top: .2rem;

        padding-bottom: .2rem;

    }

    .butterfly_body .pub_banner .pub_banner_text_box .pub_banner_txt {

        font-size: 24px;

    }

    .butterfly_body .pub_banner .pub_banner_text_box .pub_banner_txt_en {

        font-size: 18px;

    }

    .butterfly_body .pub_title {

        font-size: 22px;

    }

    .butterfly_body .pub_title_en {

        font-size: 16px;

    }

    .butterfly_body .pub_tit_info {

        font-size: 20px;

    }

    .butterfly_body .pub_info {

        font-size: 15px;

        line-height: 1.7;

    }

    .butterfly_body.abo_body .abo_src2_case .abo_src2_con .abo_src2_tit {

        font-size: 15px;

        line-height: 1.7;

        color: #14212c;

    }

    .butterfly_body.abo_body .abo_src1_case>div .abo_con_box .abo_src1_r_top {

        margin-top: .5rem;

    }

    .butterfly_body.abo_body .abo_src2_case .abo_src2_con {

        position: relative;

        bottom: auto;

        right: auto;

        width: calc(100% - .9rem);

        margin-left: .9rem;

        margin-top: -10%;

        padding-right: .45rem;

    }

    .butterfly_body.abo_body .abo_src2_case .abo_src2_con .ind_loc_nc {

        color: #11252c;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l {

        display: block;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .pub_img_box {

        width: 100%;

        margin-bottom: 80px;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav {

        position: absolute;

        width: 100%;

        left: 0;

        top: calc(8.28vw + 22px + .24rem + 16px + .5rem + 90vw * 0.43 + .4rem);

        margin-top: 0;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text {

        font-size: 15px;

        width: 100%;

        line-height: 1.7;

        color: #14212c;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text span::before {

        top: .85em;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .det_year {

        display: none;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box {

        margin-top: .5rem;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container .swiper-slide {

        padding-top: .3rem;

        font-size: 14px;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-container {

        width: 90%;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .line>div {

        transform: translate(50%, -50%) scale(0.2);

    }

    .butterfly_body.abo_body .abo_src4_case .abo_src4_con {

        width: 100%;

        padding: .8rem .3rem .5rem;

        margin: 20vh auto 0;

        text-align: center;

    }

    .butterfly_body.abo_body .abo_src4_case .pub_img_box {

        width: 100%;

        top: 8.28vw;

        left: 0;

        right: auto;

        bottom: auto;

    }

    .butterfly_body.abo_body .abo_src4_case .pub_img_box .pub_img {

        background-size: cover;

        background-position: left 62%;

    }

    .butterfly_body.abo_body .abo_src4_case .pub_img_box::before {

        margin-top: 30vh;

    }

    .butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text {

        margin-top: .4rem;

    }

    .butterfly_body.abo_body .abo_src5_case .abo_src5_img {

        width: 90%;

        position: relative;

    }

    .butterfly_body.abo_body .abo_src5_case .abo_src5_img::before {

        content: '';

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        background-color: rgba(255, 255, 255, 0.3);

        z-index: 1;

    }

    .butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck {

        display: block;

        z-index: 2;

    }

    .butterfly_body .abo_src6_box .swiper-button-prev,

    .butterfly_body .abo_src6_box .swiper-button-next {

        transform: scale(0.4);

        opacity: 1;

    }

    .butterfly_body .abo_src6_box .swiper-button-prev {

        left: 0;

        transform-origin: 0 50%;

    }

    .butterfly_body .abo_src6_box .swiper-button-next {

        right: 0;

        transform-origin: 100% 50%;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .abo_src6_info {

        font-size: 20px;

        margin-bottom: .3rem;

    }

    .butterfly_body.abo_body .abo_src5_case .abo_src5_img .btn_big_ck span {

        font-size: 14px;

        font-weight: 700;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .fh_sty {

        display: none;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con>img {

        height: 40vh;

        max-width: none;

        width: auto;

        margin-left: 50%;

        transform: translateX(-50%);

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav {

        position: relative;

        left: auto;

        bottom: auto;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide>div {

        color: #000;

        font-size: 14px;

        border-color: rgba(0, 0, 0, 0.2);

        padding-top: .2rem;

        padding-bottom: .2rem;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide>div i {

        font-size: 20px;

    }

    .butterfly_body .bus_nav_box a div {

        font-size: 14px;

        white-space: nowrap;

    }

    .butterfly_body .pub_banner .pub_banner_img .img::before {

        margin-top: 88vw;

    }

    .butterfly_body.business_body .pub_banner .bus_center_box .bus_ban_titel {

        font-size: 24px;

    }

    .butterfly_body.business_body .pub_banner .bus_center_box .bus_ban_titel_en {

        font-size: 18px;

        margin-top: .1rem;

    }

    .butterfly_body.business_body .pub_banner .bus_center_box .btn_sor_down {

        display: none;

    }

    .butterfly_body.business_body .pub_banner .bus_center_box .bus_l_tit {

        font-size: 14px;

        font-weight: initial;

    }

    .butterfly_body.business_body .pub_banner .bus_center_box .bus_l_tit::after {

        height: .6rem;

        margin-top: .2rem;

        margin-bottm: .2rem;

    }

    .butterfly_body .bus_nav_box a {

        padding-top: .2rem;

        padding-bottom: .3rem;

    }

    .butterfly_body.business_body .pass_case .sup_src1_case {

        padding-top: 1.2rem;

    }

    .butterfly_body .pass_case .pas_box .tab_plb div {

        width: 3rem;

        font-size: 14px;

        line-height: 2.5;

    }

    .butterfly_body .pass_case .pas_box .tab_plb div i {

        font-size: inherit;

        margin-right: .1rem;

    }

    .butterfly_body .pass_case .pas_box .tab_plb {

        top: 0;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t {

        width: 100%;

        position: relative;

        right: auto;

        top: auto;

        transform: none;

        margin-top: 48px;

        display: none;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box {

        padding: .4rem .45rem .6rem;

    }

    .butterfly_body .pass_case .pas_box .active .pas_con .pas_con_t {

        display: block;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide {

        font-size: 14px;

        line-height: inherit;

    }

    .butterfly_body .pas_box_nav {

        position: absolute;

        width: 100%;

        left: 0;

        top: 38.6458vw;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_tit {

        padding: .25rem .3rem;

        font-size: 16px;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_n {

        font-size: 15px;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m {

        font-size: 15px;

        align-items: flex-start;

        line-height: 1.7;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m i {

        font-size: inherit;

        line-height: inherit;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl {

        margin-bottom: .3rem;

    }

    .butterfly_body .pas_box_nav .swiper-button-prev,

    .butterfly_body .pas_box_nav .swiper-button-next {

        margin-top: 0;

        transform: translateY(-50%) scale(0.4);

        top: 50%;

        opacity: 1;

    }

    .butterfly_body .pas_box_nav .swiper-button-prev {

        left: 5px;

        transform-origin: 0 50%;

    }

    .butterfly_body .pas_box_nav .swiper-button-next {

        right: 5px;

        transform-origin: 100% 50%;

    }

    .butterfly_body .pas_box_nav .swiper-container {

        width: 90%;

    }

    .butterfly_body .pas_box_nav .swiper-container .pub_img_box {

        width: 100%;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide {

        width: auto;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide {

        padding-top: .2rem;

        padding-bottom: .2rem;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide.swiper-slide-thumb-active::after {

        width: 80%;

    }

    .butterfly_body .pass_case .pas_box .pas_con .line_sty {

        font-size: .6rem;

        right: 0;

        left: auto;

    }

    .butterfly_body .area_biao {

        width: 40%;

        left: 50%;

        transform: translate(-50%, -50%);

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case {

        padding-top: 1.5rem;

        display: block;

        position: relative;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .case_box {

        transform: translate(-50%, 0) scale(0.8);

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box .sub_zh {

        position: relative;

        left: 0;

        bottom: auto;

        width: auto;

        font-size: 14px;

        font-weight: initial;

        display: none;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box>div .sub_title {

        font-size: 22px;

        position: relative;

        transform: none;

        left: auto;

        top: auto;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_left_box {

        width: 90%;

        margin: 0 auto .5rem;

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box {

        width: 90%;

        margin-left: 10%;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box {

        position: relative;

        bottom: auto;

        width: 100%;

        left: 0;

        padding-left: 0;

        padding-right: .45rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box .sup_src1_tit {

        font-size: 18px;

        margin-bottom: .3rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src1_case .sup_src1_right_box .sup_src1_con_box .sup_src1_info {

        font-size: 15px;

        text-align: justify;

        line-height: 1.7;

        color: #14212c;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box {

        position: relative;

        right: auto;

        top: auto;

        transform: none;

        width: 100%;

        overflow: hidden;

        padding-left: .45rem;

        padding-right: .45rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title {

        font-size: 22px;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title_en {

        font-size: 16px;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title_info {

        font-size: 15px;

        line-height: 1.7;

        min-height: 2rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_tit_l {

        font-size: 16px;

        margin-bottom: .2rem;

        margin-top: .2rem;

        padding-top: .3rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_title_en {

        margin-bottom: .2rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button:nth-last-child(2) {

        margin-bottom: .15rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box .bus_link_box .button {

        width: 100%;

    }

    .butterfly_body .button {

        font-size: 14px;

        padding: 1em .5em;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav {

        position: relative;

        width: 100%;

        height: auto;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next,

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev {

        position: absolute;

        transform: translateY(-50%) rotate(-90deg);

        top: 50%;

        width: auto;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next i,

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev i {

        color: #0031c3;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next {

        right: 0;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev {

        left: 0;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-next.swiper-button-disabled,

    .butterfly_body .business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-button-prev.swiper-button-disabled {

        display: none;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box {

        padding: .2rem .15rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .icon_box {

        width: .6rem;

        margin: 0 auto .2rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box div {

        font-size: 14px;

        line-height: 1.5;

    }

    .butterfly_body.news_body .sec_nav_box>div a {

        width: 33.33%;

    }

    .butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text {

        position: relative;

        bottom: auto;

        width: 100%;

        padding: .3rem .3rem .5rem;

    }

    .butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text::before {

        display: none;

    }

    .butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .btn_hint {

        transform: translate(45%, 45%) scale(0.65);

    }

    .butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .new_src1_time {

        font-size: 12px;

        margin-bottom: .2rem;

    }

    .butterfly_body.news_body .news_src1 .swiper-container a .new_src1_text .new_src1_info {

        font-size: 14px;

    }

    .butterfly_body .line_sty {

        font-size: 1.3rem;

    }

    .butterfly_body.news_body .news_src2 .new_list a {

        padding: .2rem 0;

        display: block;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div {

        width: 100%;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div .new_time {

        margin-top: .3rem;

        font-size: 12px;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div .new_l_tit {

        display: none;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div:nth-child(2) {

        border-bottom: none;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div:nth-child(3) {

        padding-bottom: .3rem;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div .new_tit {

        margin-top: .2rem;

        font-size: 15px;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div .new_tit {

        width: 100%;

    }

    .butterfly_body.news_body .news_src2 .new_list a>div .new_info {

        font-size: 15px;

        line-height: 1.7;

        margin-top: .1rem;

        color: #666666;

    }

    .butterfly_body .pub_page_box {

        margin-top: .2rem;

    }

    .butterfly_body.new_d_body .pub_banner .pub_banner_img .img::before {

        margin-top: 40vh;

    }

    .butterfly_body .pub_banner .pub_banner_text_box .news_d_txt {

        width: 100%;

    }

    .butterfly_body .btn_back {

        display: none;

    }

    .butterfly_body .pub_banner .pub_banner_text_box .news_d_txt {

        font-size: 22px;

    }

    .butterfly_body .pub_banner .pub_banner_text_box .news_d_tel {

        font-size: 12px;

        margin-top: .2rem;

    }

    .butterfly_body.new_d_body .news_det_con {

        padding: 8% 0 .4rem;

    }

    .butterfly_body.new_d_body .news_det_con p {

        font-size: 14px;

        margin-bottom: .3rem;

    }

    .butterfly_body.new_d_body .news_det_con p .new_tit_box {

        font-size: 15px;

    }

    .butterfly_body.new_d_body .news_d_more {

        display: block;

    }

    .butterfly_body.new_d_body .news_d_more a {

        line-height: 1.5;

        font-size: 14px;

        display: block;

        padding: .15rem 0;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    .butterfly_body.new_d_body .news_det_con .new_d_con {

        margin-bottom: .4rem;

    }

    .butterfly_body.news_body .news_not1 .not_list a {

        width: 100%;

        padding-left: .3rem;

        padding-right: .3rem;

    }

    .butterfly_body.news_body .news_not1 .not_list a .not_time {

        font-size: 12px;

    }

    .butterfly_body.news_body .news_not1 .not_list a .not_title {

        font-size: 15px;

        line-height: 1.6;

        display: block;

        overflow: visible;

        height: auto;

    }

    .butterfly_body.news_body .news_not1 .not_list a .not_more {

        font-size: 14px;

    }

    .butterfly_body.news_body .news_not1 .not_list a .not_more i {

        font-size: 14px;

    }

    .butterfly_body.join_body .sec_nav_box>div a {

        width: 25%;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text {

        position: relative;

        width: 84vw;

        margin-left: -18vw;

        bottom: auto;

        right: auto;

        padding: .4rem .5rem;

    }

    .butterfly_body.join_body .case_box {

        transform: translate(30%, -20%) scale(0.7);

        right: 0;

        left: auto;

    }

    .butterfly_body.join_body .case_box .sty_polygon i {

        font-size: 28px;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .sty_img {

        top: 1.2rem;

    }

    .butterfly_body.join_body .case_box .sty_polygon div {

        box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.5);

    }

    .butterfly_body .wat_name {

        font-size: 22px;

    }

    .butterfly_body .wat_name br {

        display: none;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box {

        width: 90%;

        margin-top: .5rem;

        display: block;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div {

        width: 100%;

        margin-bottom: .4rem;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div:last-child {

        margin-bottom: 0;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_im .case_box {

        width: 25%;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex {

        padding-top: .3rem;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex .fl_n {

        font-size: 16px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .btn_sor_down {

        display: none;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box {

        width: 90%;

        margin-top: 0;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a {

        width: 48%;

        flex: none;

        margin-top: 4%;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .joi_yh {

        display: none;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .joi_ms {

        font-size: 16px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:nth-child(2),

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a:nth-child(3) {

        transform: none;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex {

        width: 90%;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_num {

        font-size: 15px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_n {

        font-size: 16px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_en {

        font-size: 12px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_i {

        font-size: 14px;

        line-height: 1.6;

        text-align: justify;

        margin-top: .2rem;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .ms_tex .ms_i br {

        display: none;

    }

    .butterfly_body .pub_banner .banner_img_box {

        height: 60vh;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev,

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next {

        transform: translateY(-50%) scale(0.4);

        opacity: 1;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev>div,

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next>div {

        background-color: #fff;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-prev {

        left: 0;

        transform-origin: 0 50%;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-button-next {

        right: 0;

        transform-origin: 100% 50%;

    }

    .butterfly_body.coll_body .join_con_case .sc_box {

        margin-top: .4rem;

        margin-bottom: .6rem;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_n {

        font-size: 14px;

        margin-left: .05rem;

        margin-right: .05rem;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_i {

        font-size: 14px;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_tit,

    .butterfly_body.coll_body .cam_src2_case .soc_box_s {

        padding-left: .3rem;

        padding-right: .5rem;

        font-size: 16px;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_tit i,

    .butterfly_body.coll_body .cam_src2_case .soc_box_s i {

        right: .3rem;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_case .zw_box .zw_con_box {

        padding: .3rem .3rem .5rem;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_case .zw_box .zw_con_box .zw_n {

        font-size: 15px;

        margin-top: .3rem;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_case .zw_box .zw_con_box .pub_info {

        margin-top: .2rem;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_case {

        padding-top: .5rem;

    }

    .butterfly_body .cam_src3_case .jl_box {

        margin-top: .3rem;

        display: block;

    }

    .butterfly_body .cam_src3_case .jl_box .jl_img {

        width: 60%;

        margin: 0 auto .4rem;

        display: none;

    }

    .butterfly_body .cam_src3_case .jl_box .jl_tex {

        width: 100%;

    }

    .butterfly_body .cam_src3_case .jl_num {

        line-height: 1;

        font-size: 22px;

    }

    .butterfly_body .cam_src3_case .jl_box .jl_tex .jl_ms {

        font-size: 15px;

        line-height: 1.7;

    }

    .butterfly_body .cam_src3_case .jl_box .jl_tex .btn_boxs {

        margin-top: .2rem;

        margin-bottom: .3rem;

    }

    .butterfly_body.coll_body .cam_src2_case .zw_case .zw_box {

        margin-bottom: .3rem;

    }

    .butterfly_body .soc_case {

        margin-top: .5rem;

    }

    .butterfly_body .soc_sel_box {

        flex-wrap: wrap;

        margin-top: .2rem;

        margin-bottom: .2rem;

    }

    .butterfly_body .soc_sel_box .sel_con_box,

    .butterfly_body .soc_sel_box .sel_sea_box {

        width: 100%;

        margin-bottom: .2rem;

    }

    .butterfly_body .soc_sel_box .soc_btn_boxs {

        width: 100%;

        justify-content: space-between;

    }

    .butterfly_body .soc_sel_box .soc_btn_boxs a {

        margin-left: 0;

        width: calc((100% - .2rem) / 2);

    }

    .butterfly_body .soc_sel_box .soc_btn_boxs a:first-child {

        border-color: #D2D2D2;

    }

    .butterfly_body .soc_con_case .soc_th_box,

    .butterfly_body .soc_con_case .soc_tr_box {

        padding-left: .2rem;

        padding-right: .2rem;

    }

    .butterfly_body .soc_con_case .soc_th_box>div:last-child,

    .butterfly_body .soc_con_case .soc_tr_box>div:last-child {

        min-width: auto;

    }

    .butterfly_body .soc_con_case .soc_th_box>div,

    .butterfly_body .soc_con_case .soc_tr_box>div {

        width: 25% !important;

    }

    .butterfly_body .soc_con_case .soc_th_box>div:first-child,

    .butterfly_body .soc_con_case .soc_tr_box>div:first-child {

        width: 27% !important;

    }

    .butterfly_body .soc_con_case .soc_th_box>div:last-child,

    .butterfly_body .soc_con_case .soc_tr_box>div:last-child {

        width: 23% !important;

        white-space: nowrap;

    }

    .butterfly_body .soc_con_case .soc_tr_box>div:nth-child(3) {

        text-align: center;

    }

    .butterfly_body .cam_src3_case .jl_s_bc {

        margin-top: .5rem;

        display: block;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a {

        width: 100%;

        margin-bottom: .3rem;

        display: block;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt {

        padding: .5rem .2rem .2rem;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_num {

        font-size: 14px;

        margin-bottom: .15rem;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n {

        font-size: 16px;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n_en {

        font-size: 16px;

        margin-top: .1rem;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box .h_icon {

        opacity: 1;

    }

    .butterfly_body .soc_sha .soc_sha_case {

        width: 90%;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con {

        padding: .3rem .3rem .5rem;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top {

        font-size: 14px;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top .sec_com_info {

        font-size: 12px;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_top .sec_com_info span {

        width: 50%;

        padding: .1rem .1rem .1rem 0;

        line-height: 1.5;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_cen .sec_j_t {

        font-size: 13px;

    }

    .butterfly_body .soc_sha .soc_sha_case .sec_sha_con>div .sec_cen .sec_j_i {

        font-size: 12px;

        line-height: 1.8;

    }

    .butterfly_body.sub_body .pub_banner .pub_banner_img .img::before {

        margin-top: 40vh;

    }

    .butterfly_body.sub_body .pub_banner .bus_center_box .bus_mar {

        width: 33.33%;

        margin-bottom: .3rem;

    }

    .butterfly_body.sub_body .pub_banner .bus_center_box .bus_ban_titel {

        font-size: 22px;

    }

    .butterfly_body.sub_body .pub_banner .bus_center_box .bus_ban_titel_en {

        font-size: 16px;

    }

    .butterfly_body.sub_body .sub_src1 {

        display: block;

    }

    .butterfly_body.sub_body .sub_src1 .sub_src1_left {

        width: 100%;

        display: flex;

        align-items: baseline;

    }

    .butterfly_body.sub_body .sub_src1 .sub_src1_right {

        width: 100%;

        margin-top: .2rem;

    }

    .butterfly_body.sub_body .sub_src1 .sub_src1_right .pub_info {

        margin-top: .2rem;

    }

    .butterfly_body.sub_body .btn_sor_down {

        display: none;

    }

    .butterfly_body.sub_body .sub_num {

        font-size: 34px;

        margin-bottom: 0;

    }

    .butterfly_body.sub_body .sub_name_en {

        margin-top: 0;

    }

    .butterfly_body.sub_body .sub_src1_name {

        font-size: 22px;

    }

    .butterfly_body.sub_body .sub_src1 .sub_src1_right .button {

        line-height: 1;

        width: 2.22rem;

    }

    .butterfly_body.sub_body .sub_src1 .sub_src1_right .button i {

        line-height: .7;

    }

    .butterfly_body .button i {

        font-size: 12px;

    }

    .butterfly_body.sub_body .sub_src1_case .line_sty {

        font-size: 1.3rem;

    }

    .butterfly_body.sub_body .sub_src1_case .pub_img_box {

        width: 90%;

        margin-top: .5rem;

    }

    .butterfly_body.sub_body .sub_src2_case {

        padding-top: 0;

    }

    .butterfly_body .sub_src1_left .m_sty {

        display: block;

    }

    .butterfly_body .sub_src1_name+.sub_name_en {

        display: none;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box {

        margin-top: .5rem;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container {

        width: 100%;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-prev,

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-button-next {

        display: none;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text {

        position: relative;

        right: auto;

        bottom: auto;

        width: 100%;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide {

        background-color: #0031c3;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .sub_src2_g {

        font-size: 14px;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .sub_src2_n {

        font-size: 16px;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text .pub_info {

        margin-top: .2rem;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box .sub_src2_text {

        padding-bottom: 1rem;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination {

        bottom: .3rem;

        padding-left: 6.4%;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination span {

        margin-left: .08rem;

        margin-right: .08rem;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-pagination span:first-child {

        margin-left: 0;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 {

        display: block;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: baseline;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_num {

        margin-bottom: 0;

        width: .78rem;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_num+.m_sty {

        width: calc(100% - .78rem);

        margin-bottom: .2rem;

        display: block;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_name_en,

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_mess {

        width: 100%;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_left {

        width: 60%;

        margin: .4rem auto 0;

    }

    .butterfly_body.sub_body .sub_src3_case .sub_src3 .sub_src3_right .sub_mess {

        font-size: 14px;

        line-height: 1.6;

    }

    .butterfly_body.sub_body .sub_src3_case .line_sty {

        font-size: 1.3rem;

    }

    .butterfly_body.sub_body .water_src1_case .line_sty {

        font-size: 1.3rem;

        white-space: nowrap;

    }

    .butterfly_body.sub_body .water_src1_case .wat_src1 {

        width: 90%;

        margin-left: 5%;

    }

    .butterfly_body.sub_body .water_src1_case .wat_src1 .wat_src1_text {

        width: 100%;

        position: initial;

        left: auto;

        top: auto;

        transform: none;

    }

    .butterfly_body.sub_body .case_box {

        transform: translate(30%, -20%) scale(0.7);

    }

    .butterfly_body .wat_name_en {

        font-size: 16px;

    }

    .butterfly_body.sub_body .water_src1_case .wat_src1_l {

        display: none;

    }

    .butterfly_body.sub_body .water_src1_case {

        padding-bottom: .5rem;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-prev,

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-button-next {

        display: none;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es .sl_n {

        font-size: 14px;

    }

    .butterfly_body .water_src3_case .wat_src3 .wat_src3_box {

        width: 90%;

        margin-left: 5%;

    }

    .butterfly_body .water_src3_case .wat_src3 {

        margin-top: .5rem;

    }

    .butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb {

        position: relative;

        width: 100%;

        right: auto;

    }

    .butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb .case_box {

        transform: translate(30%, -20%) scale(0.7);

        left: auto;

        right: 0;

    }

    .butterfly_body .wat_src3_text .pub_info {

        margin-top: .4rem;

    }

    .butterfly_body .water_src3_case .ty_con {

        margin: .5rem auto .3rem;

    }

    .butterfly_body .water_src3_case .ty_con .ty_text_box {

        position: initial;

        right: auto;

        top: auto;

        transform: none;

        width: 100%;

        box-shadow: 0px 14px 38px 2px rgba(17, 17, 17, 0.13);

    }

    .butterfly_body.sub_body .case_box i {

        font-size: 28px;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box {

        margin-top: .8rem;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div {

        width: 48%;

        padding-top: .8rem;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div:first-child {

        width: 100%;

        margin-bottom: .8rem;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div img {

        width: 75%;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div:last-child {

        margin-bottom: 0;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .case_box {

        transform: translate(-50%, -50%) scale(0.7);

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .case_box i {

        font-size: 28px;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_name {

        font-size: 14px;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_con {

        font-size: 15px;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_con br {

        display: none;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_con span {

        display: inline;

    }

    .butterfly_body.sub_body .water_src4_case .wat_src4_box>div .wat_src4_t {

        font-size: 14px;

    }

    .butterfly_body.coll_body .join_con_case .join_src1_case .join_src1_con {

        width: 90%;

        margin-left: 5%;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .sty_img {

        display: none;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con {

        width: 90%;

        margin-left: 5%;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text {

        width: 100%;

        margin-left: 0;

        left: auto;

        position: initial;

        background-color: #0031c3;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text .join_src1_bg {

        display: none;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .pub_sty_t {

        display: none;

    }

    .butterfly_body.coll_body .join_con_case .join_src1_case .case_box {

        transform: translate(29%, -50%) scale(0.7);

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .link_box {

        width: 100%;

        padding: 0 .1rem;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 14px;

        line-height: 3;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .coll_l_tit {

        font-size: 15px;

        margin-top: .3rem;

        font-weight: 700;

        line-height: 1.6;

    }

    .butterfly_body .water_src3_case .wat_src3 .wat_src3_box .wat_src3_lb {

        padding: 5.6% 5.8% 7.8%;

        position: initial;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case {

        padding-top: 0;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .pub_img_box .link_box {

        width: 100%;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .wat_src3_lb {

        padding: 5.6% 5.8% 7.8%;

        width: 100%;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .wat_src3:nth-child(2) .wat_src3_lb .case_box {

        transform: translate(30%, -20%) scale(0.7);

    }

    .butterfly_body.ind_body .ind_location .ind_loc_img {

        background-size: 150% 100%;

        background-position: right;

        background-repeat: no-repeat;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(2)::after {

        right: 0;

        left: auto;

        transform: translate(50%, 50%) rotate(45deg);

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(4)::after,

    .butterfly_body .cooperation_case .coo_box a:nth-child(7)::after {

        display: none;

    }

    .butterfly_body .cooperation_case .coo_box a:nth-child(8)::after {

        display: none;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav {

        animation-delay: .5s !important;

    }

    .butterfly_body .pas_box_nav {

        background-color: rgba(0, 49, 195, 0.1);

    }

    .butterfly_body .pas_box_nav .swiper-container {

        padding-top: 0;

        margin-top: 0;

    }

    .butterfly_body .pas_box_nav .swiper-container .swiper-slide::before {

        display: none;

    }

    .butterfly_body .vid_case a {

        width: 100%;

        margin-bottom: .1rem;

    }

    .butterfly_body .vid_case a .btn_d_video {

        font-size: .6rem;

    }

    .butterfly_body .vid_case a .video_time {

        font-size: 12px;

    }

    .butterfly_body .vid_case a .vid_name {

        font-size: 14px;

        line-height: 1.6;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .iconfont {

        margin-bottom: .15rem;

        font-size: 20px;

    }

    .butterfly_body .ind_loc_wl {

        display: none !important;

    }

    .butterfly_body .ind_loc_info {

        line-height: 1.6;

    }

    .butterfly_body .cooperation_case .coo_lb_case {

        padding-bottom: 1.2rem;

        padding-top: 0;

    }

    .butterfly_body .coo_lb_case .swiper-container {

        overflow: visible;

    }

    .butterfly_body .cooperation_case .swiper-pagination {

        width: 100%;

        padding-right: 0;

        top: 140%;

        text-align: center;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_name {

        line-height: .8;

        text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);

    }

    .butterfly_body.ind_body .ind_con_foo .pro_img_box::before {

        height: 45vh;

        margin-top: 0;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

        bottom: .3rem;

        top: auto;

        left: 5%;

        width: 90%;

        opacity: 0;

        transition: all .5s ease;

        transform: translateY(15px);

    }

    .butterfly_body.ind_body .swiper-slide.active .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

        opacity: 1;

        transform: none;

        transition: all .5s ease 2s;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_case {

        position: initial;

        margin-top: 18vh;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .ind_news_box .ind_news_case .ind_new_l {

        margin-top: .7rem;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_info a {

        margin-top: .4rem;

    }

    .butterfly_body .img_sha>div .img_sha_close {

        right: 0;

        top: -.8rem;

        font-size: 20px;

    }

    .butterfly_body .sha_video>div .video_btn_close i {

        right: -.1rem;

        top: -.8rem;

        font-size: 20px;

    }

    .butterfly_body.new_d_body .news_det_con .new_d_con {

        line-height: 1.7;

    }

    .butterfly_body.new_d_body .news_det_con .new_d_con * {

        font-size: 15px !important;

    }

    .butterfly_body .copyRight {

        margin-top: 12px;

    }

    .butterfly_body .copyRight a {

        display: block;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .pub_img_box .pub_img {

        background-size: cover;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .pub_img_box::before {

        margin-top: 40%;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-container {

        width: 85.33%;

        z-index: 1;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav {

        position: absolute;

        bottom: 0;

        padding: .5rem 0;

        left: 0;

        top: auto;

        background-color: transparent;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav::before {

        content: '';

        height: 60%;

        width: 90%;

        background-color: #fff;

        display: block;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%) skewX(-10deg);

        z-index: 1;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_det .bus_con_box {

        padding-bottom: 2.7rem;

        padding-top: .6rem;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box .iconfont {

        color: #666666;

        transition: all .5s ease;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .sup_src2_icon_box {

        color: #666666;

        opacity: 1;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-slide.swiper-slide-thumb-active .sup_src2_icon_box {

        color: #0031c3;

    }

    .butterfly_body.business_body .sup_con_box .sup_src2_case .sup_src2_nav .swiper-slide.swiper-slide-thumb-active .sup_src2_icon_box .iconfont {

        color: #0031c3;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_title {

        top: .6rem;

    }

    .butterfly_body>.sec_nav_box {

        top: 1rem;

    }

    .butterfly_body.ind_body .ind_con_box>.swiper-container>.swiper-wrapper>.swiper-slide.active .coo_lb_case .ind_loc_wl {

        display: block !important;

        position: initial;

        transform: none;

        margin-bottom: .5rem;

        font-size: 36px;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con {

        position: initial;

    }

    .butterfly_body *::-webkit-scrollbar {

        display: block;

    }

    .butterfly_body.new_d_body .pub_banner_text_box {

        width: 90%;

    }

    .butterfly_body.news_body .news_not1 .not_list {

        display: block;

        min-height: auto;

    }

    .butterfly_body.news_body .news_not1 .not_list a {

        display: block;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .pub_img_box {

        position: relative;

    }

    .butterfly_body .m_join_s {

        position: absolute;

        width: 100%;

        top: 1.2rem;

    }

    .butterfly_body .soc_sel_box .sel_con_box .show_box span,

    .butterfly_body .soc_sel_box .sel_sea_box input {

        font-size: 14px;

    }

    .butterfly_body .soc_con_case .soc_th_box>div,

    .butterfly_body .soc_con_case .soc_tr_box>div {

        font-size: 14px;

    }

    .butterfly_body .line_sty {

        display: none !important;

    }

    .butterfly_body.coll_body .join_con_case .water_src3_case .pub_info {

        margin-top: .1rem;

    }

    .butterfly_body.sub_body .sub_src2_case .sub_src2_box .swiper-container .swiper-slide .vid_info_box {

        opacity: 1;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_num,

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n,

    .butterfly_body .cam_src3_case .jl_s_bc a .jl_s_txt .jl_s_n_en {

        color: #0031c3;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .ind_new_text .ind_new_n {

        font-size: 14px;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_l a .ind_new_text .ind_new_time {

        font-size: 12px;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from form .in_con_add_g .ind_add_link {

        font-size: 14px;

    }

    .butterfly_body.ind_body .swiper-slide.active .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

        text-align: center;

    }

    .butterfly_body.ind_body .swiper-slide.active .ind_con_foo .ind_con_con .ind_con_from .ind_copyright a {

        display: block;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .pub_img_box .pub_img {

        background-size: cover;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .pub_img_box::before {

        margin-top: 43%;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .abo_src3_l .abo_src3_text {

        height: auto;

        display: none;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .active .abo_src3_l .abo_src3_text {

        display: block;

    }

    .butterfly_body.abo_body .abo_src4_case .pub_img_box::before {

        margin-top: 20vh;

    }

    .butterfly_body.abo_body .abo_src4_case .abo_src4_con .abo_src4_text {

        height: auto;

        font-size: 15px;

        line-height: 1.7;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_box .abo_src6_con .abo_src6_text .abo_src6_tit {

        font-size: 14px;

    }

    .butterfly_body.abo_body .abo_src5_case .abo_src5_img img {

        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

    }

    .butterfly_body .pub_banner .banner_img_box .banner_svg_case {

        display: none;

    }

    .butterfly_body .sec_nav_box>div a {

        white-space: nowrap;

    }

    .butterfly_body.join_body .join_con_case .join_src2_case .fl_box>div .fl_tex .pub_info {

        margin-top: 12px;

    }

    .butterfly_body.join_body .join_con_case .join_src3_case .ms_box>a .pub_img_box {

        opacity: .8;

    }

    .butterfly_body .soc_con_case .soc_th_box,

    .butterfly_body .soc_con_case .soc_tr_box {

        text-align: left;

    }

    .butterfly_body .pub_page_box .button--wayra {

        font-size: 14px;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box::before {

        margin-top: 36%;

    }

    .butterfly_body .cam_src3_case .jl_s_bc a .pub_img_box .pub_img {

        background-size: cover;

    }

    .butterfly_body .bus_nav_box {

        width: 100%;

    }

    .butterfly_body.join_body .join_con_case .join_src1_case .join_src1_con .join_src1_text .wat_name {

        font-size: 15px;

        line-height: 1.7;

    }

    .butterfly_body.sub_body .sub_name_en {

        font-size: 16px;

    }

    .butterfly_body .sha_video>div .video_btn_close {

        right: 0;

        top: -.8rem;

        font-size: 20px;

    }

    .butterfly_body .pub_banner .banner_img_box+.pub_banner_img {

        display: block;

    }

    .butterfly_body .pub_banner .banner_img_box {

        display: none;

    }

    .butterfly_body *::-webkit-scrollbar {

        -webkit-overflow-scrolling: touch;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case {

        height: auto;

    }

    .butterfly_body.abo_body .abo_src6_case .abo_src6_nav .swiper-slide>div i {

        margin-right: 10px;

    }

    .butterfly_body.new_d_body .news_d_more+.button--wayra {

        display: block;

        margin: .2rem auto;

        background-color: #e6091a;

        color: #fff;

    }

    .butterfly_body.new_d_body .news_d_more+.button--wayra i {

        margin-right: 10px;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev,

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next {

        top: calc(90vw * 0.43 + .4rem + 12px + .3rem);

        transform: translateY(-50%) scale(0.4);

        opacity: 1;

        margin: 0;

        display: none;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-prev {

        left: -5vw;

        transform-origin: 0 50%;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_lb_box .swiper-button-next {

        right: -5vw;

        transform-origin: 100% 50%;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev,

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next {

        top: calc(.3rem + 12px);

        transform: translateY(-50%) scale(0.4);

        opacity: 1;

        margin: 0;

        display: block;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-prev {

        left: -10px;

        transform-origin: 0 50%;

    }

    .butterfly_body.abo_body .abo_src3_case .abo_src3_nav .swiper-button-next {

        right: -10px;

        transform-origin: 100% 50%;

    }

    .butterfly_body.ind_body .ind_location .ind_loc_con .ind_loc_ms .ind_loc_info {

        line-height: 1.9;

    }

    .butterfly_body .button {

        width: 2.25rem;

    }

}



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

    .butterfly_body .logo_box img {

        height: .4rem;

    }

    .butterfly_body .nav .nav_con>.navBox .pub_sha_case,

    .butterfly_body .nav .nav_con>.navBox .lan_box {

        line-height: .9rem;

    }

    .butterfly_body .nav .nav_con>.navBox .lan_box {

        width: auto;

    }

    .butterfly_body .pub_sha_case {

        margin-right: .2rem;

    }

    .butterfly_body .nav .nav_con .navBox>ul li>ul>li a {

        line-height: 2.57;

        font-size: 16px;

        font-weight: normal;

    }

    .butterfly_body .lb_nav_box {

        display: none;

    }

    .butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item {

        width: 79%;

    }

    .butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li div {

        font-size: 14px;

        font-weight: initial;

    }

    .butterfly_body.ind_body .ind_banner_case2 .webGL-slider .txt-item li h5 {

        font-size: 22px;

    }

    .butterfly_body.ind_body .ind_banner_case2 .pagination {

        width: 79%;

    }

    .butterfly_body.ind_body .ind_banner_case2 .pagination a {

        white-space: nowrap;

        position: relative;

        padding-left: .2rem;

        display: block;

        margin-right: 0;

        font-size: 14px;

        width: 28%;

        text-align: left;

    }

    .butterfly_body.ind_body .ind_banner_case2 .pagination a.at_on::before {

        height: 15px;

    }

    .butterfly_body.ind_body .ind_banner_case2 .pagination a::before {

        width: 6px;

        position: absolute;

        left: 0;

        top: 50%;

        transform: translateY(-50%) skewX(-30deg);

    }

    .butterfly_body.ind_body .ind_banner_case2 .banner_hint {

        display: none;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb {

        padding-bottom: .6rem;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-wrapper {

        align-items: center;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es {

        position: relative;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es .sl_n {

        position: absolute;

        width: 100%;

        top: 100%;

        margin-top: .45rem;

    }

    .butterfly_body.sub_body .water_src2_case .wat_src2_lb .swiper-container .wat_src2_es img {

        max-width: 80vw;

        max-height: 29vh;

        height: auto;

        margin-bottom: 0;

    }

    .butterfly_body .sec_nav_box>div {

        width: 95%;

        padding-left: 0;

        padding-right: 0;

    }

}



@media all and (max-height: 673px) {

    .butterfly_body.ind_body .ind_con_foo .ind_con_case {

        margin-top: 9vh;

    }

}



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

    .butterfly_body .copyRight {

        font-size: 10px;

    }

    .butterfly_body.ind_body .ind_news_box .ind_news_case .ind_new_ .ind_new_n {

        font-size: 20px;

    }

    .butterfly_body.ind_body .pro_img_photo_nav a .pro_text_box .pro_ind_name {

        font-size: 20px;

    }

    .butterfly_body .soc_sel_box .sel_con_box .show_box span,

    .butterfly_body .soc_sel_box .sel_sea_box input {

        font-size: 12px;

    }

    .butterfly_body .soc_con_case .soc_th_box>div,

    .butterfly_body .soc_con_case .soc_tr_box>div {

        font-size: 12px;

    }

    .butterfly_body .bus_nav_box a div {

        font-size: 13px;

    }

    .butterfly_body .sec_nav_box>div a {

        font-size: 13px;

    }

    .butterfly_body .soc_sel_box .sel_con_box .show_box span,

    .butterfly_body .soc_sel_box .sel_sea_box input {

        font-size: 13px;

    }

    .butterfly_body .soc_con_case .soc_th_box>div,

    .butterfly_body .soc_con_case .soc_tr_box>div {

        font-size: 13px;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_n {

        font-size: 13px;

    }

    .butterfly_body.coll_body .join_con_case .sc_box .swiper-slide a .cam_i {

        font-size: 13px;

    }

    .butterfly_body .cam_src3_case .jl_box .jl_tex .jl_ms {

        font-size: 12px;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_n {

        font-size: 14px;

    }

    .butterfly_body .pass_case .pas_box .pas_con .pas_con_t .pas_con_box .pas_case .pas_bl .pas_m {

        font-size: 12px;

    }

    .butterfly_body.ind_body .ind_con_foo .ind_con_con .ind_con_from .ind_copyright {

        font-size: 12px;

    }

    .butterfly_body .nav .nav_con {

        padding: .25rem 0;

    }

    .butterfly_body .btn_nav_box i {

        font-size: 20px;

    }

    .butterfly_body>.sec_nav_box {

        top: .9rem;

    }

}



.-ms- .butterfly_body.ind_body .ind_item_case .ind_item_con_box .ind_item_img_box .bg_wl {

    color: #ffffff;

}



.-ms- .ind_banner_case2:nth-child(1) {

    display: none;

}



.-ms- .ind_banner_case2:nth-child(2) {

    display: block;

}





/*# sourceMappingURL=public.css.map */