@charset "UTF-8";
/* ---------------------------------------------------------------------- 共用样式 --------------------------------------------------------------------*/
/*! * Bootstrap Grid v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/
html{box-sizing: border-box;-ms-overflow-style: scrollbar;}
*,
*::before,
*::after{box-sizing: inherit;}
.container{width: 100%;padding-right: 8px;padding-left: 8px;margin-right: auto;margin-left: auto;}
@media (min-width: 576px){.container{max-width: 520px;}}
@media (min-width: 768px){.container{max-width: 720px;}}
@media (min-width: 992px){.container{max-width: 960px;}}
@media (min-width: 1200px){.container{max-width: 1200px;}}
.container-fluid{width: 100%;padding-right: 8px;padding-left: 8px;margin-right: auto;margin-left: auto;}
.row{display: flex;flex-wrap: wrap;margin-right: -8px;margin-left: -8px;}
.no-gutters{margin-right: 0;margin-left: 0;}
.no-gutters > .col,
.no-gutters > [class*=col-]{padding-right: 0;padding-left: 0;}
.col-xl,
.col-xl-auto, .col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-24, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col{flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-auto{flex: 0 0 auto;width: auto;max-width: none;}
.col-1{flex: 0 0 4.1666666667%;max-width: 4.1666666667%;}
.col-2{flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.col-3{flex: 0 0 12.5%;max-width: 12.5%;}
.col-4{flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.col-5{flex: 0 0 20.8333333333%;max-width: 20.8333333333%;}
.col-6{flex: 0 0 25%;max-width: 25%;}
.col-7{flex: 0 0 29.1666666667%;max-width: 29.1666666667%;}
.col-8{flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-9{flex: 0 0 37.5%;max-width: 37.5%;}
.col-10{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.col-11{flex: 0 0 45.8333333333%;max-width: 45.8333333333%;}
.col-12{flex: 0 0 50%;max-width: 50%;}
.col-13{flex: 0 0 54.1666666667%;max-width: 54.1666666667%;}
.col-14{flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.col-15{flex: 0 0 62.5%;max-width: 62.5%;}
.col-16{flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.col-17{flex: 0 0 70.8333333333%;max-width: 70.8333333333%;}
.col-18{flex: 0 0 75%;max-width: 75%;}
.col-19{flex: 0 0 79.1666666667%;max-width: 79.1666666667%;}
.col-20{flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.col-21{flex: 0 0 87.5%;max-width: 87.5%;}
.col-22{flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.col-23{flex: 0 0 95.8333333333%;max-width: 95.8333333333%;}
.col-24{flex: 0 0 100%;max-width: 100%;}
.order-first{order: -1;}
.order-last{order: 25;}
.order-0{order: 0;}
.order-1{order: 1;}
.order-2{order: 2;}
.order-3{order: 3;}
.order-4{order: 4;}
.order-5{order: 5;}
.order-6{order: 6;}
.order-7{order: 7;}
.order-8{order: 8;}
.order-9{order: 9;}
.order-10{order: 10;}
.order-11{order: 11;}
.order-12{order: 12;}
.order-13{order: 13;}
.order-14{order: 14;}
.order-15{order: 15;}
.order-16{order: 16;}
.order-17{order: 17;}
.order-18{order: 18;}
.order-19{order: 19;}
.order-20{order: 20;}
.order-21{order: 21;}
.order-22{order: 22;}
.order-23{order: 23;}
.order-24{order: 24;}
.offset-1{margin-left: 4.1666666667%;}
.offset-2{margin-left: 8.3333333333%;}
.offset-3{margin-left: 12.5%;}
.offset-4{margin-left: 16.6666666667%;}
.offset-5{margin-left: 20.8333333333%;}
.offset-6{margin-left: 25%;}
.offset-7{margin-left: 29.1666666667%;}
.offset-8{margin-left: 33.3333333333%;}
.offset-9{margin-left: 37.5%;}
.offset-10{margin-left: 41.6666666667%;}
.offset-11{margin-left: 45.8333333333%;}
.offset-12{margin-left: 50%;}
.offset-13{margin-left: 54.1666666667%;}
.offset-14{margin-left: 58.3333333333%;}
.offset-15{margin-left: 62.5%;}
.offset-16{margin-left: 66.6666666667%;}
.offset-17{margin-left: 70.8333333333%;}
.offset-18{margin-left: 75%;}
.offset-19{margin-left: 79.1666666667%;}
.offset-20{margin-left: 83.3333333333%;}
.offset-21{margin-left: 87.5%;}
.offset-22{margin-left: 91.6666666667%;}
.offset-23{margin-left: 95.8333333333%;}
@media (min-width: 576px){.col-sm{flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-sm-auto{flex: 0 0 auto;width: auto;max-width: none;}
.col-sm-1{flex: 0 0 4.1666666667%;max-width: 4.1666666667%;}
.col-sm-2{flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.col-sm-3{flex: 0 0 12.5%;max-width: 12.5%;}
.col-sm-4{flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.col-sm-5{flex: 0 0 20.8333333333%;max-width: 20.8333333333%;}
.col-sm-6{flex: 0 0 25%;max-width: 25%;}
.col-sm-7{flex: 0 0 29.1666666667%;max-width: 29.1666666667%;}
.col-sm-8{flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-sm-9{flex: 0 0 37.5%;max-width: 37.5%;}
.col-sm-10{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.col-sm-11{flex: 0 0 45.8333333333%;max-width: 45.8333333333%;}
.col-sm-12{flex: 0 0 50%;max-width: 50%;}
.col-sm-13{flex: 0 0 54.1666666667%;max-width: 54.1666666667%;}
.col-sm-14{flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.col-sm-15{flex: 0 0 62.5%;max-width: 62.5%;}
.col-sm-16{flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.col-sm-17{flex: 0 0 70.8333333333%;max-width: 70.8333333333%;}
.col-sm-18{flex: 0 0 75%;max-width: 75%;}
.col-sm-19{flex: 0 0 79.1666666667%;max-width: 79.1666666667%;}
.col-sm-20{flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.col-sm-21{flex: 0 0 87.5%;max-width: 87.5%;}
.col-sm-22{flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.col-sm-23{flex: 0 0 95.8333333333%;max-width: 95.8333333333%;}
.col-sm-24{flex: 0 0 100%;max-width: 100%;}
.order-sm-first{order: -1;}
.order-sm-last{order: 25;}
.order-sm-0{order: 0;}
.order-sm-1{order: 1;}
.order-sm-2{order: 2;}
.order-sm-3{order: 3;}
.order-sm-4{order: 4;}
.order-sm-5{order: 5;}
.order-sm-6{order: 6;}
.order-sm-7{order: 7;}
.order-sm-8{order: 8;}
.order-sm-9{order: 9;}
.order-sm-10{order: 10;}
.order-sm-11{order: 11;}
.order-sm-12{order: 12;}
.order-sm-13{order: 13;}
.order-sm-14{order: 14;}
.order-sm-15{order: 15;}
.order-sm-16{order: 16;}
.order-sm-17{order: 17;}
.order-sm-18{order: 18;}
.order-sm-19{order: 19;}
.order-sm-20{order: 20;}
.order-sm-21{order: 21;}
.order-sm-22{order: 22;}
.order-sm-23{order: 23;}
.order-sm-24{order: 24;}
.offset-sm-0{margin-left: 0;}
.offset-sm-1{margin-left: 4.1666666667%;}
.offset-sm-2{margin-left: 8.3333333333%;}
.offset-sm-3{margin-left: 12.5%;}
.offset-sm-4{margin-left: 16.6666666667%;}
.offset-sm-5{margin-left: 20.8333333333%;}
.offset-sm-6{margin-left: 25%;}
.offset-sm-7{margin-left: 29.1666666667%;}
.offset-sm-8{margin-left: 33.3333333333%;}
.offset-sm-9{margin-left: 37.5%;}
.offset-sm-10{margin-left: 41.6666666667%;}
.offset-sm-11{margin-left: 45.8333333333%;}
.offset-sm-12{margin-left: 50%;}
.offset-sm-13{margin-left: 54.1666666667%;}
.offset-sm-14{margin-left: 58.3333333333%;}
.offset-sm-15{margin-left: 62.5%;}
.offset-sm-16{margin-left: 66.6666666667%;}
.offset-sm-17{margin-left: 70.8333333333%;}
.offset-sm-18{margin-left: 75%;}
.offset-sm-19{margin-left: 79.1666666667%;}
.offset-sm-20{margin-left: 83.3333333333%;}
.offset-sm-21{margin-left: 87.5%;}
.offset-sm-22{margin-left: 91.6666666667%;}
.offset-sm-23{margin-left: 95.8333333333%;}}
@media (min-width: 768px){.col-md{flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-md-auto{flex: 0 0 auto;width: auto;max-width: none;}
.col-md-1{flex: 0 0 4.1666666667%;max-width: 4.1666666667%;}
.col-md-2{flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.col-md-3{flex: 0 0 12.5%;max-width: 12.5%;}
.col-md-4{flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.col-md-5{flex: 0 0 20.8333333333%;max-width: 20.8333333333%;}
.col-md-6{flex: 0 0 25%;max-width: 25%;}
.col-md-7{flex: 0 0 29.1666666667%;max-width: 29.1666666667%;}
.col-md-8{flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-md-9{flex: 0 0 37.5%;max-width: 37.5%;}
.col-md-10{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.col-md-11{flex: 0 0 45.8333333333%;max-width: 45.8333333333%;}
.col-md-12{flex: 0 0 50%;max-width: 50%;}
.col-md-13{flex: 0 0 54.1666666667%;max-width: 54.1666666667%;}
.col-md-14{flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.col-md-15{flex: 0 0 62.5%;max-width: 62.5%;}
.col-md-16{flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.col-md-17{flex: 0 0 70.8333333333%;max-width: 70.8333333333%;}
.col-md-18{flex: 0 0 75%;max-width: 75%;}
.col-md-19{flex: 0 0 79.1666666667%;max-width: 79.1666666667%;}
.col-md-20{flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.col-md-21{flex: 0 0 87.5%;max-width: 87.5%;}
.col-md-22{flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.col-md-23{flex: 0 0 95.8333333333%;max-width: 95.8333333333%;}
.col-md-24{flex: 0 0 100%;max-width: 100%;}
.order-md-first{order: -1;}
.order-md-last{order: 25;}
.order-md-0{order: 0;}
.order-md-1{order: 1;}
.order-md-2{order: 2;}
.order-md-3{order: 3;}
.order-md-4{order: 4;}
.order-md-5{order: 5;}
.order-md-6{order: 6;}
.order-md-7{order: 7;}
.order-md-8{order: 8;}
.order-md-9{order: 9;}
.order-md-10{order: 10;}
.order-md-11{order: 11;}
.order-md-12{order: 12;}
.order-md-13{order: 13;}
.order-md-14{order: 14;}
.order-md-15{order: 15;}
.order-md-16{order: 16;}
.order-md-17{order: 17;}
.order-md-18{order: 18;}
.order-md-19{order: 19;}
.order-md-20{order: 20;}
.order-md-21{order: 21;}
.order-md-22{order: 22;}
.order-md-23{order: 23;}
.order-md-24{order: 24;}
.offset-md-0{margin-left: 0;}
.offset-md-1{margin-left: 4.1666666667%;}
.offset-md-2{margin-left: 8.3333333333%;}
.offset-md-3{margin-left: 12.5%;}
.offset-md-4{margin-left: 16.6666666667%;}
.offset-md-5{margin-left: 20.8333333333%;}
.offset-md-6{margin-left: 25%;}
.offset-md-7{margin-left: 29.1666666667%;}
.offset-md-8{margin-left: 33.3333333333%;}
.offset-md-9{margin-left: 37.5%;}
.offset-md-10{margin-left: 41.6666666667%;}
.offset-md-11{margin-left: 45.8333333333%;}
.offset-md-12{margin-left: 50%;}
.offset-md-13{margin-left: 54.1666666667%;}
.offset-md-14{margin-left: 58.3333333333%;}
.offset-md-15{margin-left: 62.5%;}
.offset-md-16{margin-left: 66.6666666667%;}
.offset-md-17{margin-left: 70.8333333333%;}
.offset-md-18{margin-left: 75%;}
.offset-md-19{margin-left: 79.1666666667%;}
.offset-md-20{margin-left: 83.3333333333%;}
.offset-md-21{margin-left: 87.5%;}
.offset-md-22{margin-left: 91.6666666667%;}
.offset-md-23{margin-left: 95.8333333333%;}}
@media (min-width: 992px){.col-lg{flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-lg-auto{flex: 0 0 auto;width: auto;max-width: none;}
.col-lg-1{flex: 0 0 4.1666666667%;max-width: 4.1666666667%;}
.col-lg-2{flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.col-lg-3{flex: 0 0 12.5%;max-width: 12.5%;}
.col-lg-4{flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.col-lg-5{flex: 0 0 20.8333333333%;max-width: 20.8333333333%;}
.col-lg-6{flex: 0 0 25%;max-width: 25%;}
.col-lg-7{flex: 0 0 29.1666666667%;max-width: 29.1666666667%;}
.col-lg-8{flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-lg-9{flex: 0 0 37.5%;max-width: 37.5%;}
.col-lg-10{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.col-lg-11{flex: 0 0 45.8333333333%;max-width: 45.8333333333%;}
.col-lg-12{flex: 0 0 50%;max-width: 50%;}
.col-lg-13{flex: 0 0 54.1666666667%;max-width: 54.1666666667%;}
.col-lg-14{flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.col-lg-15{flex: 0 0 62.5%;max-width: 62.5%;}
.col-lg-16{flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.col-lg-17{flex: 0 0 70.8333333333%;max-width: 70.8333333333%;}
.col-lg-18{flex: 0 0 75%;max-width: 75%;}
.col-lg-19{flex: 0 0 79.1666666667%;max-width: 79.1666666667%;}
.col-lg-20{flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.col-lg-21{flex: 0 0 87.5%;max-width: 87.5%;}
.col-lg-22{flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.col-lg-23{flex: 0 0 95.8333333333%;max-width: 95.8333333333%;}
.col-lg-24{flex: 0 0 100%;max-width: 100%;}
.order-lg-first{order: -1;}
.order-lg-last{order: 25;}
.order-lg-0{order: 0;}
.order-lg-1{order: 1;}
.order-lg-2{order: 2;}
.order-lg-3{order: 3;}
.order-lg-4{order: 4;}
.order-lg-5{order: 5;}
.order-lg-6{order: 6;}
.order-lg-7{order: 7;}
.order-lg-8{order: 8;}
.order-lg-9{order: 9;}
.order-lg-10{order: 10;}
.order-lg-11{order: 11;}
.order-lg-12{order: 12;}
.order-lg-13{order: 13;}
.order-lg-14{order: 14;}
.order-lg-15{order: 15;}
.order-lg-16{order: 16;}
.order-lg-17{order: 17;}
.order-lg-18{order: 18;}
.order-lg-19{order: 19;}
.order-lg-20{order: 20;}
.order-lg-21{order: 21;}
.order-lg-22{order: 22;}
.order-lg-23{order: 23;}
.order-lg-24{order: 24;}
.offset-lg-0{margin-left: 0;}
.offset-lg-1{margin-left: 4.1666666667%;}
.offset-lg-2{margin-left: 8.3333333333%;}
.offset-lg-3{margin-left: 12.5%;}
.offset-lg-4{margin-left: 16.6666666667%;}
.offset-lg-5{margin-left: 20.8333333333%;}
.offset-lg-6{margin-left: 25%;}
.offset-lg-7{margin-left: 29.1666666667%;}
.offset-lg-8{margin-left: 33.3333333333%;}
.offset-lg-9{margin-left: 37.5%;}
.offset-lg-10{margin-left: 41.6666666667%;}
.offset-lg-11{margin-left: 45.8333333333%;}
.offset-lg-12{margin-left: 50%;}
.offset-lg-13{margin-left: 54.1666666667%;}
.offset-lg-14{margin-left: 58.3333333333%;}
.offset-lg-15{margin-left: 62.5%;}
.offset-lg-16{margin-left: 66.6666666667%;}
.offset-lg-17{margin-left: 70.8333333333%;}
.offset-lg-18{margin-left: 75%;}
.offset-lg-19{margin-left: 79.1666666667%;}
.offset-lg-20{margin-left: 83.3333333333%;}
.offset-lg-21{margin-left: 87.5%;}
.offset-lg-22{margin-left: 91.6666666667%;}
.offset-lg-23{margin-left: 95.8333333333%;}}
@media (min-width: 1200px){.col-xl{flex-basis: 0;flex-grow: 1;max-width: 100%;}
.col-xl-auto{flex: 0 0 auto;width: auto;max-width: none;}
.col-xl-1{flex: 0 0 4.1666666667%;max-width: 4.1666666667%;}
.col-xl-2{flex: 0 0 8.3333333333%;max-width: 8.3333333333%;}
.col-xl-3{flex: 0 0 12.5%;max-width: 12.5%;}
.col-xl-4{flex: 0 0 16.6666666667%;max-width: 16.6666666667%;}
.col-xl-5{flex: 0 0 20.8333333333%;max-width: 20.8333333333%;}
.col-xl-6{flex: 0 0 25%;max-width: 25%;}
.col-xl-7{flex: 0 0 29.1666666667%;max-width: 29.1666666667%;}
.col-xl-8{flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-xl-9{flex: 0 0 37.5%;max-width: 37.5%;}
.col-xl-10{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;}
.col-xl-11{flex: 0 0 45.8333333333%;max-width: 45.8333333333%;}
.col-xl-12{flex: 0 0 50%;max-width: 50%;}
.col-xl-13{flex: 0 0 54.1666666667%;max-width: 54.1666666667%;}
.col-xl-14{flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.col-xl-15{flex: 0 0 62.5%;max-width: 62.5%;}
.col-xl-16{flex: 0 0 66.6666666667%;max-width: 66.6666666667%;}
.col-xl-17{flex: 0 0 70.8333333333%;max-width: 70.8333333333%;}
.col-xl-18{flex: 0 0 75%;max-width: 75%;}
.col-xl-19{flex: 0 0 79.1666666667%;max-width: 79.1666666667%;}
.col-xl-20{flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}
.col-xl-21{flex: 0 0 87.5%;max-width: 87.5%;}
.col-xl-22{flex: 0 0 91.6666666667%;max-width: 91.6666666667%;}
.col-xl-23{flex: 0 0 95.8333333333%;max-width: 95.8333333333%;}
.col-xl-24{flex: 0 0 100%;max-width: 100%;}
.order-xl-first{order: -1;}
.order-xl-last{order: 25;}
.order-xl-0{order: 0;}
.order-xl-1{order: 1;}
.order-xl-2{order: 2;}
.order-xl-3{order: 3;}
.order-xl-4{order: 4;}
.order-xl-5{order: 5;}
.order-xl-6{order: 6;}
.order-xl-7{order: 7;}
.order-xl-8{order: 8;}
.order-xl-9{order: 9;}
.order-xl-10{order: 10;}
.order-xl-11{order: 11;}
.order-xl-12{order: 12;}
.order-xl-13{order: 13;}
.order-xl-14{order: 14;}
.order-xl-15{order: 15;}
.order-xl-16{order: 16;}
.order-xl-17{order: 17;}
.order-xl-18{order: 18;}
.order-xl-19{order: 19;}
.order-xl-20{order: 20;}
.order-xl-21{order: 21;}
.order-xl-22{order: 22;}
.order-xl-23{order: 23;}
.order-xl-24{order: 24;}
.offset-xl-0{margin-left: 0;}
.offset-xl-1{margin-left: 4.1666666667%;}
.offset-xl-2{margin-left: 8.3333333333%;}
.offset-xl-3{margin-left: 12.5%;}
.offset-xl-4{margin-left: 16.6666666667%;}
.offset-xl-5{margin-left: 20.8333333333%;}
.offset-xl-6{margin-left: 25%;}
.offset-xl-7{margin-left: 29.1666666667%;}
.offset-xl-8{margin-left: 33.3333333333%;}
.offset-xl-9{margin-left: 37.5%;}
.offset-xl-10{margin-left: 41.6666666667%;}
.offset-xl-11{margin-left: 45.8333333333%;}
.offset-xl-12{margin-left: 50%;}
.offset-xl-13{margin-left: 54.1666666667%;}
.offset-xl-14{margin-left: 58.3333333333%;}
.offset-xl-15{margin-left: 62.5%;}
.offset-xl-16{margin-left: 66.6666666667%;}
.offset-xl-17{margin-left: 70.8333333333%;}
.offset-xl-18{margin-left: 75%;}
.offset-xl-19{margin-left: 79.1666666667%;}
.offset-xl-20{margin-left: 83.3333333333%;}
.offset-xl-21{margin-left: 87.5%;}
.offset-xl-22{margin-left: 91.6666666667%;}
.offset-xl-23{margin-left: 95.8333333333%;}}
.d-none{display: none !important;}
.d-inline{display: inline !important;}
.d-inline-block{display: inline-block !important;}
.d-block{display: block !important;}
.d-table{display: table !important;}
.d-table-row{display: table-row !important;}
.d-table-cell{display: table-cell !important;}
.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
@media (min-width: 576px){.d-sm-none{display: none !important;}
.d-sm-inline{display: inline !important;}
.d-sm-inline-block{display: inline-block !important;}
.d-sm-block{display: block !important;}
.d-sm-table{display: table !important;}
.d-sm-table-row{display: table-row !important;}
.d-sm-table-cell{display: table-cell !important;}
.d-sm-flex{display: flex !important;}
.d-sm-inline-flex{display: inline-flex !important;}}
@media (min-width: 768px){.d-md-none{display: none !important;}
.d-md-inline{display: inline !important;}
.d-md-inline-block{display: inline-block !important;}
.d-md-block{display: block !important;}
.d-md-table{display: table !important;}
.d-md-table-row{display: table-row !important;}
.d-md-table-cell{display: table-cell !important;}
.d-md-flex{display: flex !important;}
.d-md-inline-flex{display: inline-flex !important;}}
@media (min-width: 992px){.d-lg-none{display: none !important;}
.d-lg-inline{display: inline !important;}
.d-lg-inline-block{display: inline-block !important;}
.d-lg-block{display: block !important;}
.d-lg-table{display: table !important;}
.d-lg-table-row{display: table-row !important;}
.d-lg-table-cell{display: table-cell !important;}
.d-lg-flex{display: flex !important;}
.d-lg-inline-flex{display: inline-flex !important;}}
@media (min-width: 1200px){.d-xl-none{display: none !important;}
.d-xl-inline{display: inline !important;}
.d-xl-inline-block{display: inline-block !important;}
.d-xl-block{display: block !important;}
.d-xl-table{display: table !important;}
.d-xl-table-row{display: table-row !important;}
.d-xl-table-cell{display: table-cell !important;}
.d-xl-flex{display: flex !important;}
.d-xl-inline-flex{display: inline-flex !important;}}
@media print{.d-print-none{display: none !important;}
.d-print-inline{display: inline !important;}
.d-print-inline-block{display: inline-block !important;}
.d-print-block{display: block !important;}
.d-print-table{display: table !important;}
.d-print-table-row{display: table-row !important;}
.d-print-table-cell{display: table-cell !important;}
.d-print-flex{display: flex !important;}
.d-print-inline-flex{display: inline-flex !important;}}
.flex-row{flex-direction: row !important;}
.flex-column{flex-direction: column !important;}
.flex-row-reverse{flex-direction: row-reverse !important;}
.flex-column-reverse{flex-direction: column-reverse !important;}
.flex-wrap{flex-wrap: wrap !important;}
.flex-nowrap{flex-wrap: nowrap !important;}
.flex-wrap-reverse{flex-wrap: wrap-reverse !important;}
.flex-fill{flex: 1 1 auto !important;}
.flex-grow-0{flex-grow: 0 !important;}
.flex-grow-1{flex-grow: 1 !important;}
.flex-shrink-0{flex-shrink: 0 !important;}
.flex-shrink-1{flex-shrink: 1 !important;}
.justify-content-start{justify-content: flex-start !important;}
.justify-content-end{justify-content: flex-end !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-between{justify-content: space-between !important;}
.justify-content-around{justify-content: space-around !important;}
.align-items-start{align-items: flex-start !important;}
.align-items-end{align-items: flex-end !important;}
.align-items-center{align-items: center !important;}
.align-items-baseline{align-items: baseline !important;}
.align-items-stretch{align-items: stretch !important;}
.align-content-start{align-content: flex-start !important;}
.align-content-end{align-content: flex-end !important;}
.align-content-center{align-content: center !important;}
.align-content-between{align-content: space-between !important;}
.align-content-around{align-content: space-around !important;}
.align-content-stretch{align-content: stretch !important;}
.align-self-auto{align-self: auto !important;}
.align-self-start{align-self: flex-start !important;}
.align-self-end{align-self: flex-end !important;}
.align-self-center{align-self: center !important;}
.align-self-baseline{align-self: baseline !important;}
.align-self-stretch{align-self: stretch !important;}
@media (min-width: 576px){.flex-sm-row{flex-direction: row !important;}
.flex-sm-column{flex-direction: column !important;}
.flex-sm-row-reverse{flex-direction: row-reverse !important;}
.flex-sm-column-reverse{flex-direction: column-reverse !important;}
.flex-sm-wrap{flex-wrap: wrap !important;}
.flex-sm-nowrap{flex-wrap: nowrap !important;}
.flex-sm-wrap-reverse{flex-wrap: wrap-reverse !important;}
.flex-sm-fill{flex: 1 1 auto !important;}
.flex-sm-grow-0{flex-grow: 0 !important;}
.flex-sm-grow-1{flex-grow: 1 !important;}
.flex-sm-shrink-0{flex-shrink: 0 !important;}
.flex-sm-shrink-1{flex-shrink: 1 !important;}
.justify-content-sm-start{justify-content: flex-start !important;}
.justify-content-sm-end{justify-content: flex-end !important;}
.justify-content-sm-center{justify-content: center !important;}
.justify-content-sm-between{justify-content: space-between !important;}
.justify-content-sm-around{justify-content: space-around !important;}
.align-items-sm-start{align-items: flex-start !important;}
.align-items-sm-end{align-items: flex-end !important;}
.align-items-sm-center{align-items: center !important;}
.align-items-sm-baseline{align-items: baseline !important;}
.align-items-sm-stretch{align-items: stretch !important;}
.align-content-sm-start{align-content: flex-start !important;}
.align-content-sm-end{align-content: flex-end !important;}
.align-content-sm-center{align-content: center !important;}
.align-content-sm-between{align-content: space-between !important;}
.align-content-sm-around{align-content: space-around !important;}
.align-content-sm-stretch{align-content: stretch !important;}
.align-self-sm-auto{align-self: auto !important;}
.align-self-sm-start{align-self: flex-start !important;}
.align-self-sm-end{align-self: flex-end !important;}
.align-self-sm-center{align-self: center !important;}
.align-self-sm-baseline{align-self: baseline !important;}
.align-self-sm-stretch{align-self: stretch !important;}}
@media (min-width: 768px){.flex-md-row{flex-direction: row !important;}
.flex-md-column{flex-direction: column !important;}
.flex-md-row-reverse{flex-direction: row-reverse !important;}
.flex-md-column-reverse{flex-direction: column-reverse !important;}
.flex-md-wrap{flex-wrap: wrap !important;}
.flex-md-nowrap{flex-wrap: nowrap !important;}
.flex-md-wrap-reverse{flex-wrap: wrap-reverse !important;}
.flex-md-fill{flex: 1 1 auto !important;}
.flex-md-grow-0{flex-grow: 0 !important;}
.flex-md-grow-1{flex-grow: 1 !important;}
.flex-md-shrink-0{flex-shrink: 0 !important;}
.flex-md-shrink-1{flex-shrink: 1 !important;}
.justify-content-md-start{justify-content: flex-start !important;}
.justify-content-md-end{justify-content: flex-end !important;}
.justify-content-md-center{justify-content: center !important;}
.justify-content-md-between{justify-content: space-between !important;}
.justify-content-md-around{justify-content: space-around !important;}
.align-items-md-start{align-items: flex-start !important;}
.align-items-md-end{align-items: flex-end !important;}
.align-items-md-center{align-items: center !important;}
.align-items-md-baseline{align-items: baseline !important;}
.align-items-md-stretch{align-items: stretch !important;}
.align-content-md-start{align-content: flex-start !important;}
.align-content-md-end{align-content: flex-end !important;}
.align-content-md-center{align-content: center !important;}
.align-content-md-between{align-content: space-between !important;}
.align-content-md-around{align-content: space-around !important;}
.align-content-md-stretch{align-content: stretch !important;}
.align-self-md-auto{align-self: auto !important;}
.align-self-md-start{align-self: flex-start !important;}
.align-self-md-end{align-self: flex-end !important;}
.align-self-md-center{align-self: center !important;}
.align-self-md-baseline{align-self: baseline !important;}
.align-self-md-stretch{align-self: stretch !important;}}
@media (min-width: 992px){.flex-lg-row{flex-direction: row !important;}
.flex-lg-column{flex-direction: column !important;}
.flex-lg-row-reverse{flex-direction: row-reverse !important;}
.flex-lg-column-reverse{flex-direction: column-reverse !important;}
.flex-lg-wrap{flex-wrap: wrap !important;}
.flex-lg-nowrap{flex-wrap: nowrap !important;}
.flex-lg-wrap-reverse{flex-wrap: wrap-reverse !important;}
.flex-lg-fill{flex: 1 1 auto !important;}
.flex-lg-grow-0{flex-grow: 0 !important;}
.flex-lg-grow-1{flex-grow: 1 !important;}
.flex-lg-shrink-0{flex-shrink: 0 !important;}
.flex-lg-shrink-1{flex-shrink: 1 !important;}
.justify-content-lg-start{justify-content: flex-start !important;}
.justify-content-lg-end{justify-content: flex-end !important;}
.justify-content-lg-center{justify-content: center !important;}
.justify-content-lg-between{justify-content: space-between !important;}
.justify-content-lg-around{justify-content: space-around !important;}
.align-items-lg-start{align-items: flex-start !important;}
.align-items-lg-end{align-items: flex-end !important;}
.align-items-lg-center{align-items: center !important;}
.align-items-lg-baseline{align-items: baseline !important;}
.align-items-lg-stretch{align-items: stretch !important;}
.align-content-lg-start{align-content: flex-start !important;}
.align-content-lg-end{align-content: flex-end !important;}
.align-content-lg-center{align-content: center !important;}
.align-content-lg-between{align-content: space-between !important;}
.align-content-lg-around{align-content: space-around !important;}
.align-content-lg-stretch{align-content: stretch !important;}
.align-self-lg-auto{align-self: auto !important;}
.align-self-lg-start{align-self: flex-start !important;}
.align-self-lg-end{align-self: flex-end !important;}
.align-self-lg-center{align-self: center !important;}
.align-self-lg-baseline{align-self: baseline !important;}
.align-self-lg-stretch{align-self: stretch !important;}}
@media (min-width: 1200px){.flex-xl-row{flex-direction: row !important;}
.flex-xl-column{flex-direction: column !important;}
.flex-xl-row-reverse{flex-direction: row-reverse !important;}
.flex-xl-column-reverse{flex-direction: column-reverse !important;}
.flex-xl-wrap{flex-wrap: wrap !important;}
.flex-xl-nowrap{flex-wrap: nowrap !important;}
.flex-xl-wrap-reverse{flex-wrap: wrap-reverse !important;}
.flex-xl-fill{flex: 1 1 auto !important;}
.flex-xl-grow-0{flex-grow: 0 !important;}
.flex-xl-grow-1{flex-grow: 1 !important;}
.flex-xl-shrink-0{flex-shrink: 0 !important;}
.flex-xl-shrink-1{flex-shrink: 1 !important;}
.justify-content-xl-start{justify-content: flex-start !important;}
.justify-content-xl-end{justify-content: flex-end !important;}
.justify-content-xl-center{justify-content: center !important;}
.justify-content-xl-between{justify-content: space-between !important;}
.justify-content-xl-around{justify-content: space-around !important;}
.align-items-xl-start{align-items: flex-start !important;}
.align-items-xl-end{align-items: flex-end !important;}
.align-items-xl-center{align-items: center !important;}
.align-items-xl-baseline{align-items: baseline !important;}
.align-items-xl-stretch{align-items: stretch !important;}
.align-content-xl-start{align-content: flex-start !important;}
.align-content-xl-end{align-content: flex-end !important;}
.align-content-xl-center{align-content: center !important;}
.align-content-xl-between{align-content: space-between !important;}
.align-content-xl-around{align-content: space-around !important;}
.align-content-xl-stretch{align-content: stretch !important;}
.align-self-xl-auto{align-self: auto !important;}
.align-self-xl-start{align-self: flex-start !important;}
.align-self-xl-end{align-self: flex-end !important;}
.align-self-xl-center{align-self: center !important;}
.align-self-xl-baseline{align-self: baseline !important;}
.align-self-xl-stretch{align-self: stretch !important;}}
/* ----------------------------------------------------------------- 样式重置 & 常用样式 ---------------------------------------------------------------*//*
一、基本概念： clip-path 是CSS属性，用于创建一个裁剪区域，只显示元素在区域内的部分，区域外的部分会被隐藏。
.element{clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
二、基本形状函数
1. circle() - 圆形裁剪
.circle{clip-path: circle(50% at 50% 50%);}
// 语法: circle(半径 at 圆心x 圆心y)
.example1{clip-path: circle(40%);}
.example2{clip-path: circle(100px at 50% 50%);}
// 中心点40%半径
.example3{clip-path: circle(30% at 70% 30%);}
2. ellipse() - 椭圆形裁剪
.ellipse{clip-path: ellipse(25% 40% at 50% 50%);}
// 语法: ellipse(水平半径 垂直半径 at 中心x 中心y)
3. inset() - 矩形裁剪
.inset{clip-path: inset(10% 20% 30% 15%);}
// 语法: inset(上 右 下 左 [圆角])
.rounded-rect{clip-path: inset(10% 15% round 20px);}
// 带圆角的矩形
4. polygon() - 多边形裁剪（最常用）
.polygon{clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);}
// 语法: polygon(x1 y1, x2 y2, x3 y3, ...)
三、polygon() 常用形状示例
基础形状
.triangle{clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
// 三角形
.parallelogram{clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
// 平行四边形
.trapezoid{clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
// 梯形
.pentagon{clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}
// 五边形
.hexagon{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
// 六边形
.octagon{clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);}
// 八边形
斜角/切角效果
.skew-top{clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);}
// 单边斜角
.skew-both{clip-path: polygon(0% 15%, 100% 0%, 100% 85%, 0% 100%);}
// 双边斜角
.bevel-corners{clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px,100% calc(100% - 20px), calc(100% - 20px) 100%,20px 100%, 0% calc(100% - 20px), 0% 20px);}
// 四角斜切
四、clip-path 动画
1. 简单过渡动画
.animated-clip{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition: clip-path 0.5s ease;}
.animated-clip:hover{clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);}
2. 关键帧动画
@keyframes morph{0%{clip-path: circle(0% at 50% 50%);}
25%{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
50%{clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
100%{clip-path: circle(70% at 50% 50%);}}
.animate-morph{animation: morph 4s infinite alternate;}
五、实用技巧和示例
1. 响应式斜角背景
.responsive-skew{position: relative;height: 400px;background: linear-gradient(45deg, #3498db, #2ecc71);clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);}
// 不同屏幕尺寸下的适配
@media (max-width: 768px){.responsive-skew{clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);}}
2. 图像遮罩效果
<div class="image-mask"><img src="image.jpg"alt="示例"></div>
<style>.image-mask{width:300px;height:300px;overflow:hidden;}
.image-mask img{width:100%;height:100%;object-fit:cover;clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);transition:clip-path 0.5s ease;}
.image-mask:hover img{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%);}
</style>
3. 对话气泡
.speech-bubble{position:relative;background:#3498db;color:white;padding:20px;border-radius:10px;max-width:300px;}
.speech-bubble::after{content:'';position:absolute;bottom:-15px;left:50px;border-width:15px 15px 0;border-style:solid;border-color:#3498db transparent transparent;clip-path:polygon(0% 0%,100% 0%,50% 100%);}
4. 多段背景分割
.multi-section{height: 500px;background: linear-gradient(135deg,#3498db 0%,#3498db 33%,#2ecc71 33%,#2ecc71 66%,#e74c3c 66%);clip-path: polygon(0% 0%, 100% 0%,100% 25%, 0% 50%,0% 75%, 100% 100%,0% 100%);}
六、SVG clipPath 引用
1. 定义SVG裁剪路径
<svg width="0"height="0"><defs><clipPath id="customShape"clipPathUnits="objectBoundingBox"><path d="M0.5,0 C0.776,0,1,0.224,1,0.5 C1,0.603,0.964,0.7,0.9,0.8 L0.5,1 L0.1,0.8 C0.036,0.7,0,0.603,0,0.5 C0,0.224,0.224,0,0.5,0 Z"/></clipPath></defs></svg>2. 在CSS中使用SVG clipPath .use-svg-clip{clip-path: url(#customShape);// 或clip-path: url('data:image/svg+xml;utf8,<svg>...</svg>');}
七、浏览器兼容性和注意事项
1. 浏览器支持
- Chrome: 55+(完全支持)
- Firefox: 54+(完全支持)
- Safari: 9.1+(需要 -webkit- 前缀)
- Edge: 79+(完全支持)
2. 前缀处理 .clip-element{-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);}
3. 重要注意事项 clip-path 会创建新的堆叠上下文 裁剪区域外的部分完全不可见（包括点击事件） 与 transform 一起使用时注意渲染顺序 某些情况下可能需要设置 overflow: hidden
4. 检测支持
if (CSS.supports('clip-path', 'polygon(0 0, 100% 0, 100% 100%, 0 100%)')){// 支持 clip-path}
else{// 降级方案}
八、性能优化建议
尽量使用简单的多边形顶点数 避免在大量元素上使用复杂的裁剪 使用 transform 和 opacity 触发GPU加速 考虑使用 SVG 替代复杂形状
九、工具推荐
1. 在线生成器
[Clippy - 最流行的 clip-path 生成器](https: //bennettfeely.com/clippy/)
[CSS clip-path maker](https: //cssplant.com/clip-path-generator)
2. 调试工具
使用浏览器开发者工具可以实时编辑和调试 clip-path 值。*/
body{margin: 0;padding: 0;box-sizing: border-box;font-weight: normal;font-style: normal;font-family: inherit;font-size: 1rem;color: #333333;background: #ffffff;min-height: 100vh;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
section, div, p, a, img,
article, aside, footer, header,
main, nav,
table, th, td,
ul, ol, dl, dt, dd, li,
h1, h2, h3, h4, h5, h6,
form, input, textarea, select, label, button,
video, audio, canvas,
iframe, pre, caption, legend, fieldset,
progress, address, blockquote, details, figcaption, figure, hgroup, summary{margin: 0;padding: 0;font-weight: normal;font-style: normal;font-family: inherit;box-sizing: border-box;font-size: inherit;}
a{text-decoration: none;color: #333333;background-color: transparent;-webkit-text-decoration-skip: objects;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{box-sizing: border-box;font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;-webkit-text-size-adjust: none;}
table{border-collapse: collapse;border-spacing: 0;empty-cells: show;font-size: inherit;width: 100%!important;}
ul, li, ol{list-style: none;line-height: normal;}
i, address, cite, dfn, em, var{font-style: normal;}
input[type=date]{outline: none;border: none;}
a:active, a:hover, a:focus{color: #13227a;outline-width: 0;}
video{border: none;outline: none;display: block;width: 100%;}
img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header{transition: all 0.3s linear;}
input[type=file]{cursor: pointer;}
body::-webkit-scrollbar{width: 0.375rem;height: 0.375rem;background-color: transparent;border-radius: 0.375rem;}
body::-webkit-scrollbar-track{border-radius: 0.3125rem;background-color: transparent;}
body::-webkit-scrollbar-thumb{border-radius: 0.3125rem;background-color: rgba(19, 34, 122, 0.6);}
body::-webkit-scrollbar-thumb:hover{background: rgba(19, 34, 122, 0.6);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
::-moz-selection{background: #13227a;color: #fff;}
::selection{background: #13227a;color: #fff;}
::-moz-selection{background: #13227a;color: #fff;}
html, body{font-size: 12px;}
@media (min-width: 768px){html, body{font-size: 14px;}}
@media (min-width: 992px){html, body{font-size: 15px;}}
@media (min-width: 1200px){html, body{font-size: 16px;}}
.uc-wrap{width: 100vw;}
@media (min-resolution: 192dpi) and (min-width: 1920px) {
html,body{font-size: 18px;max-width: 1920px;margin-left: auto;margin-right: auto;}
}
img{width: 100%;-ms-interpolation-mode: bicubic;}
.uc-show{display: block !important;}
.uc-bg{background-color: #f6f6f6;}
.uc-b{font-weight: bold;}
.uc-small{font-size: 0.875em;}
.uc-big{font-size: 1.25em;}
.uc-ma{margin-left: auto;margin-right: auto;}
.uc-mla{margin-left: auto;}
.uc-mra{margin-right: auto;}
.uc-del{text-decoration: line-through;color: #949599;margin-left: 1.25rem;}
.uc-del:first-child{margin-left: 0;}
.animate, .uc-animate, .uc-revealOnScroll{opacity: 0;}
.uc-blue{color: #13227a !important;}
.uc-blue2{color: #13227a !important;}
.uc-cyan{color: #33ccff !important;}
.uc-white{color: #fff !important;}
.uc-gray{color: #949599 !important;}
.uc-icon16{width: 1rem !important;height: 1rem !important;}
.uc-icon20{width: 1.25rem !important;height: 1.25rem !important;}
.uc-icon24{width: 1.55rem !important;height: 1.55rem !important;}
.uc-icon28{width: 1.75rem !important;height: 1.75rem !important;}
.uc-icon32{width: 2rem !important;height: 2rem !important;}
.uc-icon36{width: 2.25rem !important;height: 2.25rem !important;}
.uc-icon40{width: 2.5rem !important;height: 2.5rem !important;}
.uc-icon44{width: 2.75rem !important;height: 2.75rem !important;}
.uc-icon48{width: 3rem !important;height: 3rem !important;}
.uc-icon50{width: 3.125rem !important;height: 3.125rem !important;}
.uc-icon64{width: 4rem !important;height: 4rem !important;}
.uc-icon70{width: 4.375rem !important;height: 4.375rem !important;}
.uc-icon80{width: 5rem !important;height: 5rem !important;}
.uc-icon90{width: 5.625rem !important;height: 5.625rem !important;}
.uc-icon100{width: 6.25rem !important;height: 6.25rem !important;}
.uc-icon120{width: 7.5rem !important;height: 7.5rem !important;}
.uc-icon150{width: 9.375rem !important;height: 9.375rem !important;}
.uc-icon200{width: 12.5rem !important;height: 12.5rem !important;}
@font-face{font-family: "uc-font";src: url("../fonts/uicut-font.eot?t=1645078740157");src: url("../fonts/uicut-font.eot?t=1645078740157#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA3IAAsAAAAAGuAAAA15AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHCgqiAJteATYCJAN0CzwABCAFhFsHglwbwBYzo7aTs/JN9n9KkHaYxvlQbIaSlFQW2upyunDLeUe9dQNm+47vwmeinzmX+5W4j2EYRriFFuZp28bdxB2mGUoJUb8Xt3f3/ktt1fY2PoGui0QRY+gOFIpEKIQJkUeT3TE8bfMfoSMPwUIEg7Py4Iv5RTijwDgOK4FFYySYYxmwan5av1aRH9dNADRAAEHrobwy0zopDsFlD1xW0OKovsjMd6bPSbLgMaiAoDLNt6mW2r+VY1jsfBizftvrToSwCWD5ZZzS5ucD/xtAYOBfAwIYsEbYBjrsGpz/W0ttJnkTnQLwLwt3qkZWVsg/uxv4C92bLc5diaa8KRBaBleWQdgrgru6CFlwlUDOVcvKCuOrc5pCPPbRgsQ5ji3D6cLMoOYBqr79/iIIkE6vabqYloOB7LNq/SRQLkCPFHBXlrOx2mqQehxDEDQTUkfHuHWGXLnAAfSpJwE8Mz+9/AApFZTEoA+1alLrwKUNjI7MuBFg13TltxmUrUACGNBZs7HaLp4pjZhNnaaTjiUD//xUu30XmS62on7DKxVSm2wavQ4GvTbZ7ndDLo+WN9TI7cCBzSVm7DDewwazS3cODQuduvWy2P18kA2zcYOsq5SrkEbSHko5/DdeiSKpFCiWJ18WhTLIJpJJqTKVcsiFROiKmQByCgsr4UDthYADFNwFUA53BVTA/QBp4GGABDwcYOBKQDp4ISAFXA0I4JMBJfBpgCK4HpAK3gEogBsAxfAeQB68F5AP3wTIAt8OKIT/DsgAH5Rk390hkERwLwMgE76UAkrxpQxQhi/lgEp8GZLkmO4IrEMugCq9jnEwiWQJkFIB9a63vrLJqaTYngDZ3VCTSvBvhk6U/Ey+gYcJYm95d0Z6eUVReoakp4+VN6alHZa7imUxJy8np6woS81ycwvjMcRSkllTVxTfpyrJPpcoFgZUyPcrSJO4vl4i6SeLsQkNuiig9C6EEhRWj3WJ7e2TJe1UETKgyRSTaNoxUIh9QaPVY0lo+lUVQF5hgaE1FBogliXECCUBjA1vwBMAztFqcje4DLbXvZx3k0ri9E1JMvdy0d0KKc4iJdkMGhGWzQCEcJxiuVFdijc8odG3EM407RF8wCxPAejBwvjt6uFo0pMMAZj1QOd62KJOpQXiZVZt4qYXy4xGERPenwzewOg2cwmFLUttpYhtt8Ux120Lo44TaiNGKD23jMJPPtDok29El89Ae9oaVXFtnrsgJbihGIATnZ8s3rQziUi3PvePe+Ugp6957i64HeINPlmeOrkRY2ryacZt/RD5jTyFiCQzeByO0VGsQgWNSKNMS8Zh5BvzhWNODxq7h7MrFRpZFkUkdNei/Q0PaOQ40YUoc2+s7M/LzHm3rkICcGlQHWZ88+0a+mSxUmYJjfjoSMNIHsFi4g35xpb7wmRIlBBziqRYPQIGVypBHbIL0FYMOk75TyfZNoP9qp9RMberSlGF3+551b9G5byj3ChKzBQQ6XRsyHHopuVsfEOVLMtsCzTQE+npQzNSAcN5iksPAlqAsPE0FZcR727iEkHu5iYxwQUngdSD+lsLrnpqLxtdJgv+cb8qCOac29U5z63VRujZ8kcrRwIsP7aaD4VerZ+Gq/OCKbyuy4bejQiGj390dI4qjHtHfwZ1MVEWpxOYYms2sGO+R6uf+fZLU0hJeb0S4m95PIbnVh2f9PAgV64K5mu/OgenB/V5iWTzWBLQ7n4yyFVEDOiaT70yNyp0oejwmL0jdsgcKWzt18VhNGJae2tv7cW+uuaBaG803IMMMBmamFtt09heci71iOTtk4dJRIkho47V58xejjZZnPqSpNGzlqSxRoX89s3MfZ6vH/XPFrFTkmWN+E5MtsaFIvQPTIX/3wTF/qXmz0Wo0EWIOCQHlQq6a6aiCqiowlzkdkE6hY2vLxWhH2988u3Pvfz9Xq7od7/OR2ORgUgHxQbnJYvsAVFNBbQxiDQSg8Ak0YnMtsRtIThWTvERFk81bg1NXr7ZVaXuhnC4mYupzC09I+pwtpPYRVoDCOwTUtXSETJ35s7cIaNPLtRoC+qma/Lq6/JLWQC61GXZsskFw5dttW2FuYcDOuGtaY9/H4r+F4Mg+n71IbrTLJ3WwrdUyCyQC6wKeo9WgZipw1hivpiFQSgfBXb63KKVQItv52OiRamgY4H5ECqQQ3KIv1dAIghno2xF5ALKay4nfchMoZPHwCo6KvlEAZRH0839JOAQc+HTZK81aAWF7kHF6I6IEEuVpmtEmBAN5CZEOdJRqgedTg6s1RACG1yn95AbzXIbxYH6SBLfkmYFqELiIOZg8nQO9zUXxPpLpeRNZGAYW+i78IKN7/3JCZthTmnhZrV9vTwOuE7v7RoYIBTFm69uBuEOBYyR1dzsluTrRaR3JIo37/KVPWxFuY0/JOeEAh+SUVcRWBowd25AaWDFWWHf+Ny5pQEVgWeRNz2wdsU9x0t5Tdu8E874+UwI4bX7+J0JZUPbtErbh9emmxRFXM/vhDyZaZJSBmSTa40ZhPw1PXEURSFZhow5GSXs3Aglc7ZO0q970ZzQiHlsRnGw06GmOv8/ggodtxArGlzXKy8/qrWi0/v9U0KyZs/ODJH5awPR7Y1z/hdnALmB+pzznMpkclR2zhTI7vmDn8xLhihzy/XnNGU/5jTQmUPSUGl0ExEaC4Pd08tTymKTS8aLU+LqgtGstYO02FJErBK5l+RBJfn0B3AgR1IaLlaUC3uiRFyWqSsiA6ZLS7d1QpW8Sk8Wj8XUW2m3OLdojNo0ygAAyW+GNHwN5LJUsOyi3VRZsgTdSOgM+RiSrDjyAzzsLmsKL87H8t+cpXA3EhxhfXz0n6IZ8V5lsqjU1jQ8OiMqvSBYFVJXrBTm+oxvZGWQe7VhyqzQCkSSNI62LjFd05I4ryXBqRWaSkKGy5L7oyQwZlP5cXIwopaUIme9bLtl1VL4/zeL3em+xPGCVEWjHEbhPMKz8lpTbI460y9DuGp3ZkdnkSzepaHAZUUwl/8qC2Ye9nCdGWQO9gjyAMxT0WEvVammzoWNPG+Heh2FNu9g+Fjp0Ou7O4D9hvFZ+ujY1gdkcl3I1k2EKVMIU1fZXm5vGrs/UWj385YMFC+uc8psPFWT5fn9x440jxhdpjMi3kPtlzIdUzRHRqfGLNOi9mFu9CIkv+efKSDwzT3Oi5M1o386SffpY9Yb52/68vVrwdMbCHZrzpmBD59oX/a8d5PGuAkIXf6iVKv6/3N5tdj134fh+Heps7VoYJnbOMvKm6ee3zgSG9vzgPMU2Em2RKxGELW45LzQ42pk7v38uSrHxWNri/1xv74+P9y/+LCj47027lfsfxg5acBeJxtlkRDHUZTNmWmSy4E22anJKSoX+Oxwd9+hffFg3r+yWBYUCSW56KlMIfQzJGRSwR73OEcXg0fhnbmii3bsMeqKRTiC4KLis7p+BMeRYtHZ0GqBBrFIrRbpgO3r7D+xoLuC+D+NOMyG1VETRUtpO2gh3/17J1YGz7Zaj7lwTByXVXPmxEhOwCa269GEjYBYkhHAi4JhAAcvgrdFeYl4z54VFy9ahCC7CCD9oenUSO4Ndq4Khzq1ndUAGVABgCu/ByBnJ2qEwjtvr9li3TM+dHdfuGN7JhRq0IKM/5+FF3QDKVDVMOK376tl3DRutr4mrio2tjKudjSuJrbq4pw3WhtXGQuE1GdzI8quff92zL9wQrkiIjcsLDdC8W+EMizH0Ob9q4zICQMCnwLFLzq6BvqYEwy61ImMDDBgKMszDezZY7QnAT8RnaBP1mHzjx9fv7SYlvg2F5u8vW+7ApcXXewpYJepqltBO4JuCWDircAT5/1Bk93+yf4u5KQkxq7bhX5J2c0YgD3ONBRsdB6GroD/h9tR8kgWs5lmANBX7mt+pXs72RxR6gTldSTBnkAW4IZcbBbY5d8rM61D35IjRvSj6Ax95zGYZLOEslqsEeWT7xDRf3fW5OJJYx3zxN+f0zZ0zo1I2BTtIUN7jfySqShPCiS0kbLO48PR7OTZ/242hKoB4ZsaExF/n2C7kJg16FHlA4pWIJ0dBv/bTM13U0+vILahU4rPOjDl5cx4HQu8tVdCBj0UMT7eK50Oc/VnUOCsYUhIA5o9gl5CNs+Z8vfM+BUL/FOvhGKfKQL/2Sud7SYhWgbN7ci3wKgiarE7CwtUGM2INSTGil+Y1V6xLxfK+0OuLBVik76EFn9igZy8muqQyRiNMExBfBwfDr0nUTLtEWKax1hu12uDVZMChcYro4p6v1rYnYe3QIVZNdaQ+D7eF2a1V4xvBdb9Q67sMSls/lzbiph9OkWcrdYgXB0ySXQ0QkWsSEH4SKfQswUklHhpe4SYylPocmtN9mbiOmnbvLAoHKbaNmmKVbWkphumZSvHb4A373q+pZULl65cu3Hrzr0Hj548R6fAU+yUjIfW/39bdcouKO9l/4j2ZAvZM+1OxOebQ47gdnRKwDJ4XPnrTqiYKGY6JmyzPMrxaapHswOajoUcFROplANW2lIip2v5y9w2piIpvbLFILT7OLrKTsCibiutu+Cpwp4uUwz5qKjdx1W4S49R14Cjwv3hLmg0AAAA") format("woff2"), url("../fonts/uicut-font.woff?t=1645078740157") format("woff"), url("../fonts/uicut-font.ttf?t=1645078740157") format("truetype"), url("../fonts/uicut-font.svg?t=1645078740157#uc-font") format("svg");}
.uc-font{font-family: "uc-font" !important;line-height: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.uc-checkbox-circle:before{content: "\e624";}
.uc-checkbox-circle-on:before{content: "\e64f";}
.uc-checkbox:before{content: "\e684";}
.uc-checkbox-on:before{content: "\e67d";}
.uc-checkbox-on-plain:before{content: "\e683";}
.uc-radio-on:before{content: "\e7b3";}
.uc-radio:before{content: "\e7b5";}
.uc-arrow-left:before{content: "\e75b";}
.uc-arrow-right:before{content: "\e75c";}
.uc-arrow-down:before{content: "\e615";}
.uc-arrow-top:before{content: "\e75d";}
.uc-arrow-right2:before{content: "\e6ae";}
.uc-arrow-left2:before{content: "\e6d6";}
.uc-arrow-down2:before{content: "\e6a4";}
.uc-arrow-top2:before{content: "\e6b2";}
.uc-next:before{content: "\e600";}
.uc-prev:before{content: "\e601";}
.uc-add:before{content: "\e672";}
.uc-reduce:before{content: "\e614";}
.uc-menu:before{content: "\e6a9";}
.uc-close:before{content: "\e67f";}
.uc-search:before{content: "\e66f";}
.uc-qq:before{content: "\e62d";}
.uc-qq2:before{content: "\e657";}
.uc-call2:before{content: "\e62c";}
.uc-weixin2:before{content: "\e6b3";}
.uc-weixin:before{content: "\e653";}
.uc-call:before{content: "\e674";}
.uc-arrow{position: relative;padding-right: 1.875rem;}
.uc-arrow:after{content: "\e75c";font-family: "uc-font";font-size: 1.4em;right: -0.625rem;opacity: 0.5;position: absolute;top: 50%;transform: translateY(-50%);}
.uc-flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.uc-flex.start{justify-content: flex-start;}
.uc-flex.end{justify-content: flex-end;}
.uc-flex.center{justify-content: center;}
.uc-flex-col{display: flex;align-content: center;justify-content: space-between;flex-direction: column;}
.uc-flex-col.start{align-content: start;justify-content: flex-start;}
.uc-flex-col.end{align-content: end;justify-content: flex-end;}
.uc-flex-col.center{align-content: center;justify-content: center;}
textarea{min-height: 7.5rem;height: auto;width: 100%;}
.uc-phColor{color: #949599;}
input:-moz-placeholder{color: #949599;}
::-webkit-input-placeholder{color: #949599;}
input[type=text], input[type=password]{-webkit-appearance: none;}
[type=submit]{outline: none;}
[type=submit]:hover{opacity: 0.8;}
button{margin: 0;padding: 0;background: none;line-height: inherit;font-size: inherit;border: none;color: inherit;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;}
button:after{display: none;}
.uc-input, .uc-select, .uc-button, .uc-textarea{width: 100%;border: #e5e5e5 1px solid;outline: none;height: 1.875rem;line-height: 1.75rem;border-radius: 0.3125rem;padding: 0 0.625rem;}
.uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus{border-color: #13227a;}
.uc-btn{cursor: pointer;outline: none;transition: all 0.3s linear;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 1.875rem;border-radius: 0.3125rem;padding: 0 0.625rem;}
.uc-btn img{margin-right: 0.625rem;}
.uc-btn:hover{opacity: 0.8;}
.uc-btn.blue{background-color: #13227a;border: #13227a 1px solid;color: #fff;}
.uc-btn.blue-linear{background: linear-gradient(to right, rgba(19, 34, 122, 0.7) 0%, #13227a 100%);color: #fff;}
.uc-btn.blue-plain{color: #13227a;border: #13227a 1px solid;}
.uc-btn.blue-plain:hover{opacity: 1;background-color: #13227a;color: #fff;}
.uc-btn.blue2{background-color: #13227a;border: #13227a 1px solid;color: #fff;}
.uc-btn.blue2-linear{background: linear-gradient(to right, rgba(1, 86, 255, 0.7) 0%, #13227a 100%);color: #fff;}
.uc-btn.blue2-plain{color: #13227a;border: #13227a 1px solid;}
.uc-btn.blue2-plain:hover{opacity: 1;background-color: #13227a;color: #fff;}
.uc-btn.cyan{background-color: #33ccff;border: #33ccff 1px solid;color: #fff;}
.uc-btn.cyan-linear{background: linear-gradient(to right, rgba(51, 204, 255, 0.7) 0%, #33ccff 100%);color: #fff;}
.uc-btn.cyan-plain{color: #33ccff;border: #33ccff 1px solid;}
.uc-btn.cyan-plain:hover{opacity: 1;background-color: #33ccff;color: #fff;}
.uc-btn.white{background-color: #fff;border: #fff 1px solid;color: #333333;}
.uc-btn.white-linear{background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, #fff 100%);color: #333333;}
.uc-btn.white-plain{color: #fff;border: #fff 1px solid;}
.uc-btn.white-plain:hover{opacity: 1;background-color: #fff;color: #333333;}
.uc-btn.gray{background-color: #949599;border: #949599 1px solid;color: #fff;}
.uc-btn.gray-linear{background: linear-gradient(to right, rgba(148, 149, 153, 0.7) 0%, #949599 100%);color: #fff;}
.uc-btn.gray-plain{color: #949599;border: #949599 1px solid;}
.uc-btn.gray-plain:hover{opacity: 1;background-color: #949599;color: #fff;}
.uc-prvNxt{margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-prvNxt a{width: 2.5rem;border-radius: 100%;height: 2.5rem;line-height: 2.375rem;margin: 0 0.125rem;text-align: center;}
.uc-prvNxt a:hover, .uc-prvNxt a.on{background-color: #13227a;border-color: #13227a;color: #fff;}
.uc-tag{display: inline-block;border-radius: 0.1875rem;padding: 0 0.3125rem;}
.uc-tag:empty{display: none;}
.uc-tag.blue{background-color: #13227a;color: #fff;}
.uc-tag.blue2{background-color: #13227a;color: #fff;}
.uc-tag.cyan{background-color: #33ccff;color: #fff;}
.uc-tag.white{background-color: #fff;color: #333333;}
.uc-tag.gray{background-color: rgba(148, 149, 153, 0.4);color: #fff;}
/* ---------------------------------------------------------------------- 通用样式 --------------------------------------------------------------------*/
.g-banner{position: relative;}
.g-banner img{display: block;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;height: 15rem;}
.g-banner .box{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;color: #fff;}
.g-banner h2{font-size: 2.25rem;font-weight: bold;margin-bottom: 1rem;}
.g-banner .crumb{font-size: 0.875rem;text-align: center;}
.g-banner .crumb a{position: relative;/*padding-right: 1rem;*/color: #fff;transition: all 0.3s linear;}
.g-banner .crumb a:hover{opacity: 0.8;}
/*
.g-banner .crumb a:after{content: "\e75c";font-family: "uc-font";position: absolute;right: 0;top: 50%;transform: translateY(-50%);}*/
.g-banner .crumb a:last-child{padding-right: 0;}
.g-banner .crumb a:last-child:after{display: none;}
@media (min-width: 768px){.g-banner img{height: 17.5rem;}}
@media (min-width: 992px){.g-banner img{height: 22.5rem;}}
@media (min-width: 1200px){.g-banner img{height: 28.125rem;}}
.g-formBox.pt0{padding-top: 0;}
.g-formBox.pb0{padding-bottom: 0;}
.g-formBox .form{margin-top: -1rem;}
.g-formBox .form li{margin-bottom: 1.45rem;}
.g-formBox .form li:last-child{margin-bottom: 0;}
.g-formBox .form .uc-input,
.g-formBox .form .uc-textarea{background-color: #f8f8f8;border: #13227a 1px solid;border-radius: 1rem;}
.g-formBox .form .uc-input{height: 3.125rem;}
.g-formBox .form .uc-textarea{height: 11.875rem;padding-top: 0.625rem;padding-bottom: 0.625rem;}
.g-formBox .form .uc-btn{height: 3.125rem;border-radius: 1rem;width: 100%;font-size: 1.5rem;}
.g-formBox .form .btn-yzm{width: 100%;border-radius: 1rem;height: 3.125rem;border: #13227a 1px solid;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;overflow: hidden;cursor: pointer;}
.g-formBox .form .btn-yzm img{width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.g-question.bg{background-color: #f6f6f6;}
.g-question .list{margin-top: -1rem;padding-right: 3rem;}
.g-question .list li{padding-top: 0.75rem;padding-bottom: 0.75rem;border-bottom: #e5e5e5 1px solid;}
.g-question .list li:last-child{border-bottom: none;}
.g-question .list li.on .btn{background-image: url("images/icon-reduce.png");}
.g-question .list li.on .bd{display: block;}
.g-question .list .hd{position: relative;font-size: 1.25rem;line-height: 1.4;font-weight: bold;color: #13227a;cursor: pointer;}
.g-question .list .btn{width: 1.6rem;height: 1.6rem;position: absolute;top: 50%;transform: translateY(-50%);right: -3rem;background: url("images/icon-add.png") center center no-repeat;background-size: 100% auto;}
.g-question .list .bd{line-height: 1.5em;margin-top: 0.5rem;transition: all 0.3s linear;display: none;}
footer{overflow: hidden;background-color: #13227a;padding-bottom: 0px;padding-bottom: calc(0px + constant(safe-area-inset-bottom));padding-bottom: calc(0px + env(safe-area-inset-bottom));color: #fff;}
footer a{color: #fff;transition: all 0.3s linear;}
footer a:hover{opacity: 0.8;color: #949599!important;}
footer > div{margin-left: -5px;margin-right: -5px;}
footer .ft1{padding-top: 3.75rem;padding-bottom: 1.875rem;}
footer .part h3{line-height: 3em;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 1rem;font-weight: bold;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
footer .part .con, footer .part .contact{line-height: 1.875rem;margin-bottom: 1.875rem;font-size: 1rem;}
footer .part .con:last-child, footer .part .contact:last-child{margin-bottom: 0;}
footer .part .con{display: none;}
footer .part .con2{display: block;}
footer .part .item{display: block;}
footer .part .btn{font-size: 1.5rem;}
footer .part .btn .uc-reduce{display: none;}
footer .part .btn.on .uc-add{display: none;}
footer .part .btn.on .uc-reduce{display: block;}
footer .operate{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
footer .operate .uc-btn{border-radius: 3.125rem;border: #fff 1px solid;height: 3.125rem;color: #13227a;padding: 0 1.25rem;font-weight: bold;}
footer .operate .uc-btn:hover{background:#13227a;color:#fff;}
footer .share{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-bottom: 1rem;}
footer .share .icon{margin-bottom: 1rem;margin-right: 0.5rem;}
footer .share .icon:last-child{margin-right: 0;}
footer .share img{display: block;width:36px;height:36px;}
footer .ft2{padding-top: 1.5rem;padding-bottom: 1.5rem;position: relative;text-align: center;line-height: 1.5em;font-size: 0.875rem;margin-top: 2rem;}
footer .ft2:after{content: "";width: 100%;height: 2px;background: linear-gradient(to right, transparent 0%, #e7e8ec 50%, transparent 100%);position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
@media (min-width: 992px){footer .part .btn{display: none;}
footer .part h3{border: none;line-height: 2em;margin-bottom: 1.5rem;}
footer .part .con{display: block;}
footer .part .contact, footer .part .item{font-size: 0.875rem;}
footer .share{margin-top: -1rem;}}
.header-phone{height: 50px;color: #fff;overflow: hidden;width: 100%;position: fixed;top: 0;background-color: #13227a;z-index: 888;transition: all none linear;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header-phone .logo{display: inline-block;padding: 0 15px;}
.header-phone .logo img{width: auto;display: block;height: 32px;}
.header-phone .btn-menu{width: 50px;height: 50px;background: url(images/icon-menu.png) center center no-repeat;background-size: 32px 32px;}
.header-phone .btn-menu.on{background-image: url("images/icon-menu-2.png");}
.header-phone.style-transparent{background-color: transparent;}
.header-phone.on, .header-phone.fixed{background-color: #13227a;}
.alert-menu{display: none;position: fixed;z-index: 777;top: 0px;width: 100%;background-color: rgba(0, 0, 0, 0.6);height: 100vh;font-size: 14px;overflow-x: hidden;overflow-y: auto;}
.alert-menu .list{width: 100%;padding: 0px 10px;border-top: rgba(255, 255, 255, 0.1) 1px solid;}
.alert-menu .list li{line-height: 40px;border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
.alert-menu .list li > a{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.alert-menu .list li.on{color: #fff;}
.alert-menu .list li.on > a{color: #fff;}
.alert-menu .list .hasSubMenu > a{position: relative;}
.alert-menu .list .hasSubMenu > a:after{content: "\e75c";right: 0;font-family: "uc-font";font-size: 1.4em;opacity: 0.6;position: absolute;top: 50%;transform: translateY(-50%);}
.alert-menu .list .hasSubMenu > a:after{color: #949599;}
.alert-menu .list a{color: #fff;}
.alert-menu .list img{display: block;margin-right: 0.3125rem;}
.alert-menu .box{width: 70%;height: 100vh;padding-bottom: 0.98rem;overflow-x: hidden;overflow-y: auto;padding-top: 50px;background-color: #13227a;position: absolute;z-index: 99;right: 0;}
.alert-menu .over-close{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;}
.alert-menu .subMenu{padding-bottom: 10px;border-top: rgba(255, 255, 255, 0.1) 1px solid;display: none;background-color: rgba(1, 86, 255, 0.2);padding-left: 10px;}
.alert-menu .subMenu a{display: block;}
.alert-menu .operate{padding: 2rem 10px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.alert-menu .btn{margin-left: 2rem;}
.alert-menu .btn:first-child{margin-left: 0;}
body{padding-top: 50px;}
@media (min-width: 768px){body{padding-top: 80px;}}
.header-pc{position: fixed;left: 0;top: 0;width: 100%;z-index: 888;background-color: #13227a;}
.header-pc > div{margin-left: -5px;margin-right: -5px;}
.header-pc .container{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;transition: all 0.3s linear;margin: 0 auto;height: 80px;}
.header-pc .logo{width: 130px;}
.header-pc .logo img{display: block;}
.header-pc .list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-left: auto;}
.header-pc .list li{margin-right: 0.5rem;position: relative;line-height: 80px;height: 80px;transition: all 0.3s linear;}
.header-pc .list li:last-child{margin-right: 0;}
.header-pc .list li > a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 100%;font-size: 16px!important;}
.header-pc .list li:after{content: "";width: 0;height: 4px;background-color: #fff;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: all 0.3s ease-in;}
.header-pc .list li.on:after, .header-pc .list li:hover:after{width: 100%;}
.header-pc .list li:hover .subMenu{display: block;height: auto;}
.header-pc .list li:hover .subMenu .con{margin-top: 0;}
.header-pc .list li img{display: block;}
.header-pc .list a{color: #fff;}
.header-pc .subMenu{top: 80px;position: absolute;left: 50%;transform: translateX(-50%);height: 0;overflow: hidden;width: 100%;min-width: 15.5rem;}
.header-pc .subMenu .con{background-color: #13227a;padding: 1rem 0;position: relative;margin-top: 1.5rem;transition: all 0.3s ease-in;font-size: 1rem;border-radius: 0 0 5px 5px;overflow: hidden;}
.header-pc .subMenu a{color: #fff;display: block;line-height: 3rem;text-align: left;font-size:14px;text-indent: 10px;}
.header-pc .subMenu a:hover{background-color: #33ccff;color: #fff;}
.header-pc .btn{margin-left: 1rem;position: relative;display: block;}
.header-pc .btn img{display: block;}
.header-pc .btn .subMenu{height: auto !important;}
.header-pc .btn:hover .subMenu{display: block;height: auto;}
.header-pc .btn:hover .subMenu .con{margin-top: 0;}
.header-pc .btn:hover .code{display: block;}
.header-pc .code{width: 160px;height: 160px;background-color: #fff;padding: 0.625rem;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);top: 40px;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 0.3125rem;display: none;}
.header-pc .code img{width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.header-pc .code:after{content: "\e6b2";font-family: "uc-font";font-size: 1.8em;top: -0.9375rem;position: absolute;left: 50%;transform: translateX(-50%);color: #fff;}
.header-pc.style-transparent{background-color: transparent;}
.header-pc.fixed{background-color: #13227a;/*opacity: 0.8;*/}
.header-pc.fixed .container{height: 64px;}
.header-pc.fixed .list li{line-height: 64px;height: 64px;}
.header-pc.fixed .list li > a{height: 64px;}
.header-pc.fixed .subMenu{top: 64px;}
@media (min-width: 992px){.header-pc .list li{margin-right: 1.5rem;}}
@media (min-width: 1200px){.header-pc .list li{margin-right: 1.5rem;}}


.g-operate{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 1.75rem;}
.g-operate .uc-btn{height: 3rem;border-radius: 3rem;margin-left: 1rem;flex: 1;min-width: 0;max-width: 14rem;}
.g-operate .uc-btn.blue{border-color: #33ccff;}
.g-operate .uc-btn:first-child{margin-left: 0;}
.g-operate .uc-btn small{font-size: 0.6em;}
@media (min-width: 768px){.g-operate{margin-top: 2.25rem;}
.g-operate .uc-btn{font-size: 1.125rem;}}
@media (min-width: 992px){.g-operate{margin-top: 3rem;}
.g-operate .uc-btn{font-size: 1rem;}}
.g-title{text-align: center;}
.g-title h1{font-size: 36px;font-weight: bold;line-height:1.6;}
.g-title h2{font-size: 28px;font-weight: bold;}
.g-title .txt{font-size: 0.875rem;color: #949599;margin-top: 0.25rem;line-height: 1.5em;}
.g-title .txt.t2{color: #333333;line-height: 1.75em;margin-top: 1.25rem;}
.g-title .txt.t2 .link{color: #333333;}
.g-title .txt.t2 .link:hover{color: #13227a;}
.g-title .txt .link{color: #949599;}
.g-title .txt .link:hover{color: #13227a;}
.g-title .link{text-decoration: underline;}
.g-title.style-left{text-align: left;}
.g-title.style-left .txt{color: #fff;}
.g-title.style-white{color: #fff;}
.g-title.style-white .txt{color: #fff;}
.g-title.style-white .txt .link{color: #fff;}
.g-title.style-white .txt .link:hover{color: #fff;}
.g-title.style-white .txt.t .link{color: #fff;}
@media (min-width: 768px){.g-title h2{font-size: 1.75rem;}}
@media (min-width: 992px){.g-title h2{font-size: 2rem;}}
@media (min-width: 1200px){.g-title h2{font-size: 2.25rem;line-height:1;}
.g-title .txt{margin-top: 0.5rem;}
.g-title .txt.t2{margin-top:60px;margin-bottom:30px;}}

.swiper-container{width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.swiper-pagination-bullet{width: 0.75rem;border-radius: 100%;height: 0.75rem;border: #13227a 1px solid;background-color: transparent;opacity: 1;}
.swiper-pagination-bullet-active{background-color: #13227a;width: 0.75rem;}
.swiper-button-prev,
.swiper-button-next{background-color: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.3);width: 50px;border-radius: 100%;height: 50px;transition: all 0.3s linear;outline: none;background-size: 0.9375rem auto;}
.swiper-button-prev:after,
.swiper-button-next:after{font-size: 1.25em;}
.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);}

/* --------------------------------------------------------------------- 各页面样式 -------------------------------------------------------------------*/
.uc-knowledge,
.uc-contact-1,
.uc-philosophy-1, .uc-philosophy-2,
.uc-product,
.uc-solution,
.uc-knowledgeDetail-1, .uc-knowledgeDetail-2, .uc-knowledgeDetail-3,
.uc-solutionDetail-1, .uc-solutionDetail-2, .uc-solutionDetail-3, .uc-solutionDetail-4,
.g-formBox,
.g-question,
.uc-knowledgeDetail,
.uc-tracking-1, .uc-tracking-2,
.uc-partner2-1, .uc-partner2-2,
.uc-productDetail-1, .uc-productDetail-3,
.uc-partner-1, .uc-partner-2, .uc-partner-3, .uc-partner-4,
.uc-purchase-1, .uc-purchase-2, .uc-purchase-3,
.uc-profile-1, .uc-profile-3, .uc-profile-4, .uc-profile-5,
.uc-home-2, .uc-home-3, .uc-home-4, .uc-home-5, .uc-home-6, .uc-home-7, .uc-home-8{padding-top:90px;padding-bottom:90px;}
@media (min-width: 768px){.uc-knowledge, .uc-contact-1, .uc-philosophy-1, .uc-philosophy-2, .uc-product, .uc-solution, .uc-knowledgeDetail-1, .uc-knowledgeDetail-2, .uc-knowledgeDetail-3, .uc-solutionDetail-1, .uc-solutionDetail-2, .uc-solutionDetail-3, .uc-solutionDetail-4, .g-formBox, .g-question, .uc-knowledgeDetail, .uc-tracking-1, .uc-tracking-2, .uc-partner2-1, .uc-partner2-2, .uc-productDetail-1, .uc-productDetail-3, .uc-partner-1, .uc-partner-2, .uc-partner-3, .uc-partner-4, .uc-purchase-1, .uc-purchase-2, .uc-purchase-3, .uc-profile-1, .uc-profile-3, .uc-profile-4, .uc-profile-5, .uc-home-2, .uc-home-3, .uc-home-4, .uc-home-5, .uc-home-6, .uc-home-7, .uc-home-8{padding-top: 36px;padding-bottom: 36px;}}
@media (min-width: 992px){.uc-knowledge, .uc-contact-1, .uc-philosophy-1, .uc-philosophy-2, .uc-product, .uc-solution, .uc-knowledgeDetail-1, .uc-knowledgeDetail-2, .uc-knowledgeDetail-3, .uc-solutionDetail-1, .uc-solutionDetail-2, .uc-solutionDetail-3, .uc-solutionDetail-4, .g-formBox, .g-question, .uc-knowledgeDetail, .uc-tracking-1, .uc-tracking-2, .uc-partner2-1, .uc-partner2-2, .uc-productDetail-1, .uc-productDetail-3, .uc-partner-1, .uc-partner-2, .uc-partner-3, .uc-partner-4, .uc-purchase-1, .uc-purchase-2, .uc-purchase-3, .uc-profile-1, .uc-profile-3, .uc-profile-4, .uc-profile-5, .uc-home-2, .uc-home-3, .uc-home-4, .uc-home-5, .uc-home-6, .uc-home-7, .uc-home-8{padding-top: 48px;padding-bottom: 48px;}}
@media (min-width: 1200px){.uc-knowledge, .uc-contact-1, .uc-philosophy-1, .uc-philosophy-2, .uc-product, .uc-solution, .uc-knowledgeDetail-1, .uc-knowledgeDetail-2, .uc-knowledgeDetail-3, .uc-solutionDetail-1, .uc-solutionDetail-2, .uc-solutionDetail-3, .uc-solutionDetail-4, .g-formBox, .g-question, .uc-knowledgeDetail, .uc-tracking-1, .uc-tracking-2, .uc-partner2-1, .uc-partner2-2, .uc-productDetail-1, .uc-productDetail-3, .uc-partner-1, .uc-partner-2, .uc-partner-3, .uc-partner-4, .uc-purchase-1, .uc-purchase-2, .uc-purchase-3, .uc-profile-1, .uc-profile-3, .uc-profile-4, .uc-profile-5, .uc-home-2, .uc-home-3, .uc-home-4, .uc-home-5, .uc-home-6, .uc-home-7, .uc-home-8{padding-top:90px;padding-bottom:60px;}}
.g-title,
.uc-knowledge .filter,
.uc-product .filter,
.uc-solution .filter,
.uc-solutionDetail-2 .part{margin-bottom: 1.75rem;}
@media (min-width: 768px){.g-title, .uc-knowledge .filter, .uc-product .filter, .uc-solution .filter, .uc-solutionDetail-2 .part{margin-bottom: 1.75rem;}}
@media (min-width: 992px){.g-title, .uc-knowledge .filter, .uc-product .filter, .uc-solution .filter, .uc-solutionDetail-2 .part{margin-bottom: 48px;}}
/* |01|01 首页 V4.0 2026|home|*/
.uc-home-1 .swiper-slide{position: relative;}
.uc-home-1 .img{width: 100%;}
.uc-home-1 img{display: block;width: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;height: 100vh;}
.uc-home-1 .box{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;text-align: left;color: #fff;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.uc-home-1 .txt{font-size: 1rem;color: #33ccff;margin-bottom: 1.5rem;font-weight: lighter;}
.uc-home-1 .name{font-size: 1.75rem;line-height: 1.5em;margin-bottom: 1.5rem;}
.uc-home-1 .con{font-size: 1rem;line-height: 1.5em;margin-bottom: 1.5rem;}
.uc-home-1 .btm{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-top: 1.5rem;}
.uc-home-1 .uc-btn{width:10rem;height: 3rem;border-radius: 3rem;margin-right: 1rem;padding: 0 0.5rem 0 1rem;color:#fff;border:1px solid #fff;}
.uc-home-1 .uc-btn:last-child{margin-right: 0;}
.uc-home-1 .hys1:hover{border: #33ccff 1px solid;background:#13227a;font-weight:bold;color:#Fff;}
.uc-home-1 .hys2:hover{border: #fff 1px solid;color: #13227a;background:#33ccff;font-weight:bold;color:#Fff;}
.uc-home-1 .swiper-pagination{bottom: 5vh;}
.uc-home-1 .swiper-pagination-bullet{width: 0.75rem;border-radius: 100%;height: 0.75rem;border: #fff 1px solid;background-color: transparent;opacity: 1;}
.uc-home-1 .swiper-pagination-bullet-active{background-color: #33ccff;width: 0.75rem;}
.uc-home-1 .txt, .uc-home-1 .name, .uc-home-1 .con, .uc-home-1 .btm{transform: translateY(100px);opacity: 0;transition: all 0.3s linear;}
.uc-home-1 .name{transition-delay: 0.5s;}
.uc-home-1 .con{transition-delay: 1s;}
.uc-home-1 .btm{transition-delay: 1.5s;}
.uc-home-1 .ani-slide .txt, .uc-home-1 .ani-slide .name, .uc-home-1 .ani-slide .con, .uc-home-1 .ani-slide .btm{transform: translateY(0);opacity: 1;}
@media (min-width: 768px){.uc-home-1 .txt{font-size: 1rem;}
.uc-home-1 .name{font-size: 1.75rem;}
.uc-home-1 .con{font-size: 1rem;}}
@media (min-width: 992px){.uc-home-1 .txt{font-size: 1.25rem;}
.uc-home-1 .name{font-size: 2rem;margin-bottom: 3rem;}
.uc-home-1 .con{font-size: 1.25rem;margin-bottom: 3rem;}}
@media (min-width: 1200px){.uc-home-1 .txt{font-size: 1.5rem;margin-bottom: 3rem;}
.uc-home-1 .name{font-size: 2.25rem;margin-bottom: 4rem;}
.uc-home-1 .con{font-size: 1.5rem;margin-bottom: 4rem;}}
.uc-home-3{background: url("../images/box1CenBg.png") center top no-repeat;background-size: cover;position: relative;}
.uc-home-3 .img-box{margin-bottom: 2rem;}
.uc-home-3 .img-box img{display: block;}
.uc-home-3 .detail{text-align: left;color: #fff;padding: 2rem 0;}
.uc-home-3 .detail h3{font-size: 1.5rem;line-height: 1.5em;margin-bottom: 1rem;font-weight: bold;}
.uc-home-3 .detail .con{font-size: 1rem;line-height: 1.5em;margin-bottom: 1.5em;}
.uc-home-3 .btm .uc-btn{border-radius: 3rem;height: 3rem;}
.uc-home-3 .btn{text-align: center;cursor: pointer;width: 3.125rem;border-radius: 100%;height: 3.125rem;line-height: 3.125rem;font-size: 1.5rem;outline: none;background-color: rgba(255, 255, 255, 0.2);position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;color: #fff;}
.uc-home-3 .btn:hover{background-color: rgba(255, 255, 255, 0.5);}
.uc-home-3 .btn.btn-prev{left: 1rem;}
.uc-home-3 .btn.btn-next{right: 1rem;}
.wavesBg{position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:300px;overflow:hidden;}
#waves{overflow:hidden;}

@media (min-width: 768px){.uc-home-3{padding-top: 0;padding-bottom: 0;min-height:630px;}
.uc-home-3 .img-box{margin-bottom: 0;}
.uc-home-3 .btm{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.uc-home-3 .btm .uc-btn{height: 2.4rem;padding: 0 1.5rem;}
.uc-home-3 .swiper-box{position: relative;top: 5.35rem;}
.uc-home-3 .swiper-container3{padding-top: 4rem;}
.uc-home-3 .detail{position: relative;top: -4rem;}}
@keyframes rotate2{0%{transform: rotate(0);}
100%{transform: rotate(360deg);}}

.box1Cen{margin:100px 0 0;position:relative;}
.box1CenPrev,.box1CenNext{position:absolute;width:29px;height:51px;top:100px;cursor:pointer;}
.box1CenPrev{left:-150px;background:url(../images/box1CenPrev.png) left center no-repeat;background-size:cover;}
.box1CenNext{right:-150px;background:url(../images/box1CenNext.png) right center no-repeat;background-size:cover;}
.box1CenImgBg{float:left;width:58%;padding-right:3%;}
.box1CenText{float:right;width:42%;max-width:450px;color:#FFFFFF;}
.box1CenH3{font-size:30px;line-height:30px;}
.box1CenBrief{font-size:16px;line-height:1.4;margin:10px 0;}
.box1CenItem{padding:0px 0 15px;}
.box1CenItem li a{color:#FFFFFF;display:inline-block;line-height:26px;padding:0 10px;border-radius:10px;transition:all 0.4s ease 0s;}
.box1CenItem li a:before{display:inline-block;content:"";vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#FFFFFF;margin:-2px 5px 0 0;}
.box1CenItem li a:hover{background:#13227a;}
.box1CenText .box1BotMore{margin:0;border:1px solid #FFFFFF;text-align:center;}
.box1CenText .box1BotMore:hover{background:#df292e;border-color:#df292e;}
.box1BotMore a,.box1BotMore a:hover{display:block;color:#FFFFFF;}
.box1Bot{margin:0 -42px;padding:0 0;text-align:center;}
.box1Bot li{padding:10px 42px;}
/*.box1Bot li:after{display:block;content:"";display:block;width:190px;height:1px;font-size:0;background:#e6e6e6;position:absolute;top:100px;right:-95px;}*/
.box1Bot li:last-child:after{display:none;}
.box1Bot li a{display:block;height:100%;}
.box1BotImgBg{width:174px;height:174px;border:1px solid #dbdbdb;border-radius:50%;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;}
.box1BotImgBg:after{display:block;content:"";position:absolute;top:29px;right:15px;width:7px;height:7px;background:#13227a;border-radius:50%;}
.box1BotCir{position:absolute;left:50%;top:50%;width:144px;height:144px;margin-left:-72px;margin-top:-72px;background:url(../images/box1BotCir.png) center center no-repeat;background-size:cover;}
.box1BotImg{width:84px;height:84px;background:#13227a;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all 0.4s ease 0s;}
.box1BotH3{font-size:24px;color:#222222;line-height:150%;padding:20px 0;}
.box1BotBrief{font-size:14px;color:#999999;line-height:26px;height:52px;margin:0 0 20px;overflow:hidden;}
.box1BotMore{display:block;margin:0 auto;width:120px;height:40px;line-height:38px;border:1px solid #13227a;border-radius:20px;color:#13227a;transition:all 0.4s ease 0s;text-align:center;}
.box1Bot li a:hover .box1BotImg{width:120px;height:120px;}
.box1Bot li a:hover .box1BotMore{border-color:#33ccff;background:#13227a;color:#fff;}
.box1Bot li a:hover .box1BotMore img.showsIn{display:none;}
.box1Bot li a:hover .box1BotMore img.hides{display:inline-block;}
.box1Bot li a:hover .box1BotCir{animation:Cir 20s infinite;}
.img-responsives{width:42px;height:42px;}
@keyframes Cir{from{transform:rotate(0);}
to{transform:rotate(360deg);}}
.box1Bot li:nth-child(2) .box1BotImgBg:after{top:auto;bottom:29px;}
.box1Bot li:nth-child(3) .box1BotImgBg:after{right:auto;left:-4px;top:74px;}
.box2Bg{background:url(../images/box2Bg.jpg) center top no-repeat;background-size:cover;padding:90px 0;}
.box2Bg .title h2,.box2Bg .titleBrief{color:#FFFFFF;}
.box2List{margin:0 -30px;}
.box2List li{padding:0 30px 30px;}
.box2Con{position:relative;overflow:hidden;}
.box2Img{overflow:hidden;}
.box2Img img{width:100%;transition:all 0.4s ease 0s;}
.box2Tit{position:absolute;left:0;bottom:0;width:100%;background:#000000;background:rgba(0,0,0,0.7);font-size:18px;color:#FFFFFF;line-height:34px;padding:15px;transition:all 0.4s ease 0s;}
.box2HovBg{position:absolute;left:0;top:0;width:100%;height:100%;background:#184091;background:rgba(24,64,145,0.9);padding:35px;color:#FFFFFF;opacity:0;transform:translateY(-100%);transition:all 0.4s ease 0s;}
.box2Hov a{color:#FFFFFF;color:rgba(255,255,255,0.65);transition:all 0.4s ease 0s;}
.box2Hov h4{text-align:center;font-size:18px;padding:20px 0;opacity:0;transform:translateY(-50%);transition:all 0.4s ease 0s;}
.box2Item{overflow:hidden;margin:0 -5px;font-size:12px;line-height:20px;opacity:0;transform:translateY(50%);transition:all 0.4s ease 0s;}
.box2Item p{float:left;width:50%;padding:0 5px;}
.box2Hov a:hover{color:#FFFFFF;}
.box2Con:hover .box2Tit{transform:translateY(100%);}
.box2Con:hover .box2HovBg{opacity:1;transform:translateY(0%);}
.box2Con:hover .box2Hov h4,.box2Con:hover .box2Item{opacity:1;transform:translateY(0%);transition:all 0.4s ease 0.3s;}
.box3Bg{padding:90px 0;}

@keyframes Cir{from{transform:rotate(0);}
to{transform:rotate(360deg);}}

.uc-home-4 .list .img-box img{display: block;}
.uc-home-4 .list .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 6.25rem;border-radius: 100%;height: 6.25rem;}
.uc-home-4 .list .c{width: 12.75rem;height: 12.75rem;animation: rotate2 1.6s linear infinite;transform-origin: 50%;}
.uc-home-4 .list .c2{animation: rotate2 2s linear infinite;}
.uc-home-4 .list .c3{animation: rotate2 3s linear infinite;}
.uc-home-4 .list h3{font-size: 1.75rem;text-align: center;font-weight: bold;margin-bottom: 1rem;}
.uc-home-4 .list .con{line-height: 1.875rem;height: 5.625rem;overflow: hidden;text-align: center;margin-bottom: 1.5rem;}
.uc-home-4 .list .btm{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-home-4 .list .uc-btn{height: 2.6rem;border-radius: 2.4rem;padding: 0 1.5rem 0 2rem;width: 160px;margin: 0 auto;}
@media (min-width: 768px){.uc-home-4 .space{height: 4rem;}}
.uc-home-5{background: url("images/home-bg-5.jpg") center center no-repeat;background-size: cover;}
.uc-home-5 .list li,
.uc-home-6 .list li,
.uc-profile-4 .list li{margin-bottom: 3rem;}
.uc-home-5 .card,
.uc-home-6 .card,
.uc-profile-4 .card{display: block;box-shadow: 0.5rem 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);overflow: hidden;position: relative;min-height: 100%;overflow: hidden;}
.uc-home-5 .card img,
.uc-home-6 .card img,
.uc-profile-4 .card img{transition: all 0.3s linear;}
.uc-home-5 .card:hover img,
.uc-home-6 .card:hover img,
.uc-profile-4 .card:hover img{transform: scale(1.1, 1.1);}
.uc-home-5 .card:hover .btm,
.uc-home-6 .card:hover .btm,
.uc-profile-4 .card:hover .btm{bottom: -4rem;}
.uc-home-5 .card:hover .over,
.uc-home-6 .card:hover .over,
.uc-profile-4 .card:hover .over{opacity: 1;}
.uc-home-5 .card img,
.uc-home-6 .card img,
.uc-profile-4 .card img{display: block;}
.uc-home-5 .card .btm,
.uc-home-6 .card .btm,
.uc-profile-4 .card .btm{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.5rem;line-height: 2rem;background-color: #13227a;color: #fff;text-align: center;font-size: 1rem;transition: all 0.3s linear;}
.uc-home-5 .card .over,
.uc-home-6 .card .over,
.uc-profile-4 .card .over{position: absolute;left: 0;top: 0;transition: all 0.3s linear;opacity: 0;width: 100%;height: 100%;background-color: rgba(19, 34, 122, 0.7);padding: 1rem;color: #fff;}
.uc-home-5 .card .con a{color:#fff;}
.uc-home-5 .card .con{color:#fff;}
.uc-home-5 .card .over a{color:#fff;}
.uc-home-5 .card h3,
.uc-home-6 .card h3,
.uc-profile-4 .card h3{font-size: 1.25rem;margin-bottom: 1rem;}
.uc-home-5 .card .con,
.uc-home-6 .card .con,
.uc-profile-4 .card .con{font-size: 0.875rem;line-height: 1.25rem;}
.uc-home-5 .card .link,
.uc-home-6 .card .link,
.uc-profile-4 .card .link{text-decoration: underline;display: inline-block;}
@media (min-width: 992px){.uc-home-5 .card .btm, .uc-home-6 .card .btm, .uc-profile-4 .card .btm{font-size: 1.25rem;}
.uc-home-5 .card .over, .uc-home-6 .card .over, .uc-profile-4 .card .over{padding: 2rem 1rem;}
.uc-home-5 .card .con, .uc-home-6 .card .con, .uc-profile-4 .card .con{font-size: 1rem;line-height: 1.5em;}}
@media (min-width: 1200px){.uc-home-5 .card .btm, .uc-home-6 .card .btm, .uc-profile-4 .card .btm{font-size: 1.5rem;}
.uc-home-5 .card h3, .uc-home-6 .card h3, .uc-profile-4 .card h3{font-size: 1.5rem;margin-bottom: 2rem;}
.uc-home-5 .card .over, .uc-home-6 .card .over, .uc-profile-4 .card .over{padding: 2rem 1rem 1rem 3rem;}
.uc-home-5 .card .con, .uc-home-6 .card .con, .uc-profile-4 .card .con{line-height: 1.875rem;}}
.uc-home-7{background: url("images/home-bg-7.jpg") center center no-repeat;background-size: cover;}
.uc-home-7 .list{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;}
.uc-home-7 .list .item{color: #fff;padding: 0 1rem 2rem;width:230px;}
.uc-home-7 .list img{width:3.5rem;height:3.5rem;display: block;margin: 0 auto 1rem;}
.uc-home-7 .list .txt{line-height: 1.5em;height: 3em;overflow: hidden;color:#fff;}
.uc-home-7 .swiper-pagination{bottom: 0;}
.uc-home-7 .swiper-pagination-bullet{border: #fff 1px solid;margin: 0 0.625rem !important;}
.uc-home-7 .swiper-pagination-bullet-active{background-color: #fff;}
@media (min-width: 992px){.uc-home-7 .list .item{width:230px;padding-bottom: 4rem;}}
.uc-home-8 .list{padding-bottom: 1rem;}
.uc-home-8 .list li{padding-top: 1rem;padding-bottom: 1rem;}
.uc-home-8 .list li:hover .card{box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);}
.uc-home-8 .list li:hover h3 a{color: #13227a;}
.uc-home-8 .list li:hover .date{background-color: #13227a;}
.uc-home-8 .list li:hover .uc-btn{background-color: #13227a;color: #fff;border-color: #33ccff;}
.uc-home-8 .list li:hover .img img{transform: scale(1.1, 1.1);}
.uc-home-8 .list .card{display: block;position: relative;background-color: #f8f8f8;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);}
.uc-home-8 .list .eye{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;font-size: 0.75rem;color: #949599;margin-bottom: 0.5rem;}
.uc-home-8 .list .eye img{display: block;margin-right: 0.3125rem;}
.uc-home-8 .list .con{padding: 0.5rem 1rem 1rem;}
.uc-home-8 .list .date{width: 4rem;height: 4rem;position: absolute;left: 1.5rem;top: 0;z-index: 99;background-color: #33ccff;text-align: center;font-size: 0.875rem;color: #fff;transition: all 0.3s linear;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.uc-home-8 .list .date .day{font-size: 1.5rem;}
.uc-home-8 .list .img{overflow: hidden;}
.uc-home-8 .list .img img{display: block;transition: all 0.3s linear;min-height:205px;}
.uc-home-8 .list h3{font-size: 1.25rem;line-height: 1.4;max-height: 3.75rem;overflow: hidden;margin-bottom: 1rem;word-break: break-word;text-align:left;}
.uc-home-8 .list h3 a{font-weight: bold;}
.uc-home-8 .list .btm{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.uc-home-8 .list .btm .uc-font{margin-left: 0.625rem;}
/* |02|02-01 About Us_Company Profile|profile|*/
.uc-profile-1 .swiper-container1 .swiper-slide{opacity: 0.4;cursor: pointer;}
.uc-profile-1 .swiper-container1 .swiper-slide-thumb-active{opacity: 1;}
.uc-profile-1 img{display: block;}
.uc-profile-1 .swiper-box{margin-top: 10px;}
.uc-profile-1 h2{font-size: 2.25rem;margin-bottom: 1rem;font-weight: bold;}
.uc-profile-1 .con{line-height: 1.5em;}
.uc-profile-1 .con p{margin-bottom: 1.5em;}
.uc-profile-1 .con p:last-child{margin-bottom: 0;}
.uc-profile-2{padding-bottom: 0;}
.uc-profile-2 video{background-color: #000;-o-object-fit: cover;object-fit: cover;height: 28.125rem;}
.uc-profile-2 .list{position: relative;top: -4rem;z-index: 9;}
.uc-profile-2 .list li{margin-bottom: 2rem;}
.uc-profile-2 .list li:nth-child(2n) .card{background-color: #13227a;}
.uc-profile-2 .card{padding: 2rem 0.5rem;height: 100%;color: #fff;text-align: center;background-color: #13227a;box-shadow: 0 0.625rem 0.5rem 0 rgba(0, 0, 0, 0.2);}
.uc-profile-2 .card:hover{box-shadow: 0 0.625rem 0.5rem 0 rgba(0, 0, 0, 0.6);}
.uc-profile-2 .card img{width: 6.25rem;height: 6.25rem;display: block;margin: 0 auto 1rem;}
.uc-profile-2 .card h3{font-size: 2.25rem;font-weight: bold;}
.uc-profile-2 .card .txt{color: #33ccff;}
@media (min-width: 992px){.uc-profile-2 .list{top: -5rem;}
.uc-profile-2 .card .txt{font-size: 1.25rem;}}
.uc-profile-3{padding-top: 0;}
.uc-profile-4{background-color: #f8f8f8;}
.uc-profile-5{background: url("images/profile-bg-5.png") center center no-repeat;background-size: 100% auto;padding-bottom: 0;}
.uc-profile-5 .img-box{margin-top: -15rem;}
.uc-profile-5 .img-box img{display: block;}
.uc-profile-5 .swiper-box{position: relative;}
.uc-profile-5 .swiper-box:after{content: "";width: 100%;height: 8px;background-color: #13227a;position: absolute;top: 50%;transform: translateY(-50%);}
.uc-profile-5 .swiper-box h3{font-size: 1.5rem;margin-bottom: 0.5rem;font-weight: bold;}
.uc-profile-5 .swiper-box .con{line-height: 1.5em;height: 4.5em;overflow: hidden;}
.uc-profile-5 .swiper-box .year{font-size: 1.75rem;font-weight: bold;color: #33ccff;}
.uc-profile-5 .swiper-box .line{width: 8px;height: 3.5rem;margin: 0 auto;background-color: #13227a;}
.uc-profile-5 .swiper-box .dot{position: relative;width: 1.875rem;border-radius: 100%;height: 1.875rem;margin: 0 auto;}
.uc-profile-5 .swiper-box .c{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #13227a;transition: all 0.3s linear;}
.uc-profile-5 .swiper-box .c1{width: 1.875rem;border-radius: 100%;height: 1.875rem;z-index: 9;}
.uc-profile-5 .swiper-box .c2{width: 2.375rem;border-radius: 100%;height: 2.375rem;background-color: #2b86ff;z-index: 8;opacity: 0;}
.uc-profile-5 .swiper-box .c3{width: 2.875rem;border-radius: 100%;height: 2.875rem;background-color: #7adeff;z-index: 7;opacity: 0;}
.uc-profile-5 .top, .uc-profile-5 .bottom{height: 20rem;}
.uc-profile-5 .top{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
.uc-profile-5 .top .dot{margin-top: 1rem;margin-bottom: -3px;}
.uc-profile-5 .top .year{margin-top: 1.5rem;}
.uc-profile-5 .bottom .dot{margin-bottom: 1rem;margin-top: -3px;}
.uc-profile-5 .bottom .year{margin-bottom: 1.5rem;}
.uc-profile-5 .part:hover .c2, .uc-profile-5 .part:hover .c3{opacity: 1;}
.uc-profile-5 .part:hover h3{color: #13227a;}
@media (min-width: 768px){.uc-profile-5 .top, .uc-profile-5 .bottom{height: 24rem;}}
@media (min-width: 992px){.uc-profile-5 .top, .uc-profile-5 .bottom{height: 20rem;}}
/* |03|02-01 BePartner-Product Purchase|purchase|*/
/* |04|02-02 About Us_Company Philosophy|philosophy|*/
.uc-philosophy-1 .img{overflow: hidden;overflow: hidden;}
.uc-philosophy-1 .img img{transition: all 0.3s linear;}
.uc-philosophy-1 .img:hover img{transform: scale(1.1, 1.1);}
.uc-philosophy-1 .img img{display: block;}
.uc-philosophy-1 .col-sm-12{margin-bottom: 2rem;}
.uc-philosophy-1 .con{line-height: 1.5em;margin-bottom: 2rem;}
.uc-philosophy-1 .con:last-child{margin-bottom: 0;}
.uc-philosophy-1 .sub-item{background: url("images/checked.png") left top no-repeat;background-size: 1.5rem 1.5rem;padding-left: 2rem;line-height: 1.5rem;margin-bottom: 0.5rem;}
.uc-philosophy-1 .sub-item:last-child{margin-bottom: 0;}
@media (min-width: 768px){.uc-philosophy-1 .col-sm-12{margin-bottom: 0;}
.uc-philosophy-1 .detail{height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}}
.uc-philosophy-2 .con{line-height: 1.5em;margin-bottom: 2rem;text-align: center;}
.uc-philosophy-2 .con:last-child{margin-bottom: 0;}
.uc-philosophy-2 .card .btm{text-align: center;}
/* |07|03-01 Product Catalog|product|*/
/* |09|04-01 Solution List|solution|*/
.uc-product .list li,
.uc-solution .list li,
.uc-philosophy-2 .list li,
.uc-knowledgeDetail-3 .list li,
.uc-solutionDetail-4 .list li{margin-bottom: 2rem;}
.uc-product .card,
.uc-solution .card,
.uc-philosophy-2 .card,
.uc-knowledgeDetail-3 .card,
.uc-solutionDetail-4 .card{background-color: #f8f8f8;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);transition: all 0.3s linear;margin-bottom: 2rem;overflow: hidden;}
.uc-product .card .img,
.uc-solution .card .img,
.uc-philosophy-2 .card .img,
.uc-knowledgeDetail-3 .card .img,
.uc-solutionDetail-4 .card .img{overflow: hidden;overflow: hidden;}
.uc-solution .img{height:200px;}
.uc-product .card .img img,
.uc-solution .card .img img,
.uc-philosophy-2 .card .img img,
.uc-knowledgeDetail-3 .card .img img,
.uc-solutionDetail-4 .card .img img{transition: all 0.3s linear;}
.uc-product .card .img:hover img,
.uc-solution .card .img:hover img,
.uc-philosophy-2 .card .img:hover img,
.uc-knowledgeDetail-3 .card .img:hover img,
.uc-solutionDetail-4 .card .img:hover img{transform: scale(1.1, 1.1);}
.uc-product .card img,
.uc-solution .card img,
.uc-philosophy-2 .card img,
.uc-knowledgeDetail-3 .card img,
.uc-solutionDetail-4 .card img{display: block;}
.uc-product .card .btm,
.uc-solution .card .btm,
.uc-philosophy-2 .card .btm,
.uc-knowledgeDetail-3 .card .btm,
.uc-solutionDetail-4 .card .btm{padding: 1rem;}
.uc-product .card h3,
.uc-solution .card h3,
.uc-philosophy-2 .card h3,
.uc-knowledgeDetail-3 .card h3,
.uc-solutionDetail-4 .card h3{color: #13227a;font-size: 1.25rem;font-weight: bold;margin-bottom: 0.5rem;line-height: 1.4;}
.uc-product .card .txt,
.uc-solution .card .txt,
.uc-philosophy-2 .card .txt,
.uc-knowledgeDetail-3 .card .txt,
.uc-solutionDetail-4 .card .txt{line-height: 1.5em;height: 9em;color: #666666;overflow: hidden;font-size: 0.875rem;}
.uc-product .card .uc-btn,
.uc-solution .card .uc-btn,
.uc-philosophy-2 .card .uc-btn,
.uc-knowledgeDetail-3 .card .uc-btn,
.uc-solutionDetail-4 .card .uc-btn{height: 2.75rem;border: #13227a 1px solid;margin-top: 1rem;border-radius: 1rem;}
.uc-product .card:hover,
.uc-solution .card:hover,
.uc-philosophy-2 .card:hover,
.uc-knowledgeDetail-3 .card:hover,
.uc-solutionDetail-4 .card:hover{box-shadow: 0 0.3125rem 0.625rem 0.3125rem rgba(0, 0, 0, 0.15);}
.uc-product .card:hover .uc-btn,
.uc-solution .card:hover .uc-btn,
.uc-philosophy-2 .card:hover .uc-btn,
.uc-knowledgeDetail-3 .card:hover .uc-btn,
.uc-solutionDetail-4 .card:hover .uc-btn{background-color: #13227a;color: #fff;border:1px solid #33ccff;}
.uc-solution .card h3,
.uc-knowledgeDetail-3 .card h3,
.uc-solutionDetail-4 .card h3{height:7em;overflow: hidden;}
.stxt{height:3em;overflow:hidden;}
.uc-product .card h3,
.uc-philosophy-2 .card h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.uc-product .filter,
.uc-solution .filter{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-product .filter .item,
.uc-solution .filter .item{line-height: 3.125rem;height: 3.125rem;margin:0 0.5rem 1rem 0.5rem;border: #13227a 1px solid;border-radius: 1rem;text-align: center;padding: 0 1rem;transition: all 0.3s linear;}
.uc-product .filter .item:first-child,
.uc-solution .filter .item:first-child{margin-left: 0;}
.uc-product .filter .item.on, .uc-product .filter .item:hover,
.uc-solution .filter .item.on,
.uc-solution .filter .item:hover{background-color: #13227a;border:1px solid #33ccff;color: #fff;}
.uc-product .filter .item.on,
.uc-solution .filter .item.on{font-weight: bold;}
.uc-product .tab-con,
.uc-solution .tab-con{display: none;}
.uc-product .tab-con:first-child,
.uc-solution .tab-con:first-child{display: block;}
/* |05|02-02 BePartner-Distribution Partner|partner|*/
.uc-partner-1 .desc, .uc-partner-2 .desc, .uc-partner-3 .desc,
.uc-purchase-1 .desc, .uc-purchase-2 .desc,
.uc-profile-3 .desc{margin-bottom:60px;text-align: center;line-height: 1.5em;}
.uc-partner-1 .list li, .uc-partner-2 .list li, .uc-partner-3 .list li,
.uc-purchase-1 .list li, .uc-purchase-2 .list li,
.uc-profile-3 .list li{margin-bottom: 3rem;}
.uc-partner-1 .card, .uc-partner-2 .card, .uc-partner-3 .card,
.uc-purchase-1 .card, .uc-purchase-2 .card,
.uc-profile-3 .card{background-color: #f8f8f8;border: 1px solid rgba(0,0,0,0.1);box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);padding: 2rem 1rem 1rem;text-align: center;min-height: 100%;transition: all 0.3s linear;}
.uc-partner-1 .card:hover, .uc-partner-2 .card:hover, .uc-partner-3 .card:hover,
.uc-purchase-1 .card:hover, .uc-purchase-2 .card:hover,
.uc-profile-3 .card:hover{box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.45);}
.uc-partner-1 .card:hover .i1, .uc-partner-2 .card:hover .i1, .uc-partner-3 .card:hover .i1,
.uc-purchase-1 .card:hover .i1, .uc-purchase-2 .card:hover .i1,
.uc-profile-3 .card:hover .i1{display: block;}
.uc-partner-1 .card:hover .i2, .uc-partner-2 .card:hover .i2, .uc-partner-3 .card:hover .i2,
.uc-purchase-1 .card:hover .i2, .uc-purchase-2 .card:hover .i2,
.uc-profile-3 .card:hover .i2{/*display: block;filter: brightness(0) invert(1);*/}
.uc-partner-1 .card img, .uc-partner-2 .card img, .uc-partner-3 .card img,
.uc-purchase-1 .card img, .uc-purchase-2 .card img,
.uc-profile-3 .card img{display: block;margin: 0 auto 1rem;width: 4rem;height: 4rem;}
.uc-partner-1 .card .i2, .uc-partner-2 .card .i2, .uc-partner-3 .card .i2,
.uc-purchase-1 .card .i2, .uc-purchase-2 .card .i2,
.uc-profile-3 .card .i2{display: none;}
.uc-partner-1 .card h3, .uc-partner-2 .card h3, .uc-partner-3 .card h3,
.uc-purchase-1 .card h3, .uc-purchase-2 .card h3,
.uc-profile-3 .card h3{font-size: 1.25rem;line-height: 1.25em;}
.uc-partner-1 .card .con, .uc-partner-2 .card .con, .uc-partner-3 .card .con,
.uc-purchase-1 .card .con, .uc-purchase-2 .card .con,
.uc-profile-3 .card .con{line-height: 1.5em;font-size: 0.875rem;margin-top: 0.5rem;}
.uc-partner-4 .list li,
.uc-purchase-3 .list li{margin-top: 4rem;position: relative;}
.uc-partner-4 .list .item,
.uc-purchase-3 .list .item{border: #fff 1px solid;box-shadow:0.1rem 0.1rem 0.625rem 0.3rem rgba(0, 0, 0, 0.15);border-radius: 1.5rem;width: 100%;max-width: 11.25rem;min-height: 100%;position: relative;padding: 1.5rem 0.5rem;color: #fff;margin-left: auto;margin-right: auto;}
.uc-partner-4 .list .item img,
.uc-purchase-3 .list .item img{display: block;margin: 0 auto 1rem;border-radius: 15px;padding:10px;box-shadow: 0 0.5rem 0.125rem 0 rgba(0, 0, 0, 0.2);}
.uc-partner-4 .list .name,
.uc-purchase-3 .list .name{font-size: 1.25rem;font-weight: bold;text-align: center;}
.uc-partner-4 .list .txt,
.uc-purchase-3 .list .txt{text-align: center;font-size: 0.875rem;margin-top: 0.5rem;height:40px;}
.uc-partner-4 .tips,
.uc-purchase-3 .tips{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin-top: 1rem;}
.uc-partner-4 .tips .l,
.uc-purchase-3 .tips .l{width: 1.45rem;border-radius: 100%;height: 1.45rem;line-height:0.7rem;font-weight:bold;font-size:18px;border: #fff 1px solid;text-align: center;color: #fff;margin-right: 0.3125rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;cursor: pointer;}
.uc-partner-4 .tips .r,

.uc-purchase-3 .tips .r{flex: 1;min-width: 0;font-size:12px;color: #fff;line-height: 1.4;/*display: inline-block;animation: jump 1s infinite;*/}
/*.uc-purchase-3 .tips .r p{animation:normal;}
@keyframes jump{0%, 100%{transform: translateY(0);}
50%{transform: translateY(-3px);}}*/

.uc-purchase-3 .list .name{color: #13227a;}
.uc-purchase-3 .list .item{border-color: #13227a;}
.uc-purchase-3 .list .item:hover{box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.45);}
.uc-purchase-3 .list .txt{color: #000000;height:40px;}
.uc-purchase-3 .tips{color: #949599;}
.uc-purchase-3 .tips .l{border-color: #13227a;color: #13227a;}
@media (min-width: 992px){.uc-partner-4 .list .line, .uc-purchase-3 .list .line{width: 10rem;height: 1px;border-bottom: #f8f8f8 1px dashed;position: absolute;left: 100%;margin-left: -5rem;top: 6.875rem;}
.uc-partner-4 .list .line:before, .uc-partner-4 .list .line:after, .uc-purchase-3 .list .line:before, .uc-purchase-3 .list .line:after{content: "";width: 0.5625rem;border-radius: 100%;height: 0.5625rem;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);}
.uc-partner-4 .list .line:before, .uc-purchase-3 .list .line:before{left: 0;}
.uc-partner-4 .list .line:after, .uc-purchase-3 .list .line:after{right: 0;}
.uc-partner-4 .list .line2, .uc-purchase-3 .list .line2{width: 1px;height: 6rem;border-left: #fff 1px dashed;position: absolute;left: 50%;transform: translateX(-50%);margin-top: -1rem;top: 100%;}
.uc-partner-4 .list .line2:before, .uc-partner-4 .list .line2:after, .uc-purchase-3 .list .line2:before, .uc-purchase-3 .list .line2:after{content: "";width: 0.5625rem;border-radius: 100%;height: 0.5625rem;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);}
.uc-partner-4 .list .line2:before, .uc-purchase-3 .list .line2:before{top: 0;}
.uc-partner-4 .list .line2:after, .uc-purchase-3 .list .line2:after{bottom: 0;}
.uc-purchase-3 .list .line:before, .uc-purchase-3 .list .line:after, .uc-purchase-3 .list .line2:before, .uc-purchase-3 .list .line2:after{background-color: #33ccff;}
.uc-purchase-3 .list .line{border-bottom-color: #33ccff;}
.uc-purchase-3 .list .line2{border-left-color: #33ccff;}}
@media (min-width: 1200px){.uc-partner-4 .list .line, .uc-purchase-3 .list .line{width: 10rem;margin-left: -5rem;}
.uc-partner-4 .list .name, .uc-purchase-3 .list .name{font-size: 1.5rem;}}
.uc-partner-2, .uc-partner-4,
.uc-purchase-2{background: url("images/partner-bg-2.jpg") center 30% no-repeat;background-size: cover;}
.dzbjt{background: url("images/partner-bg-2s.jpg") center 30% no-repeat!important;background-size: cover!important;}
.uc-partner-2 .g-title, .uc-partner-4 .g-title,
.uc-purchase-2 .g-title{color: #fff;}
.uc-partner-2 .desc, .uc-partner-4 .desc,
.uc-purchase-2 .desc{color: #fff;}
/* |06|02-04 About Us_Proud for Partners|partner2|*/
.uc-partner2-1 .desc{line-height: 1.5em;text-align: center;margin-bottom: 1.5rem;}
.uc-partner2-1 .list li{margin-top: 2.5rem;}
.uc-partner2-1 .list img{display: block;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);padding:0 40px;}
.uc-partner2-1 .list img:hover{box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.45);}
.uc-partner2-2{background-color: #f6f6f6;}
.uc-partner2-2 .filter{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-partner2-2 .filter li{overflow: hidden;margin: 0.5rem;width: 8rem;border-radius: 100%;height: 8rem;border: transparent 2px solid;padding:8px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;transition: all 0.3s linear;}
.uc-partner2-2 .filter li.on, .uc-partner2-2 .filter li:hover{border-color: #33ccff;transform: scale(1.1, 1.1);}
.uc-partner2-2 .filter .item{width: 100%;border-radius: 100%;height: 100%;overflow: hidden;}
.uc-partner2-2 .filter .item img{width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.uc-partner2-2 .tab-con{display: none;}
.uc-partner2-2 .tab-con:first-child{display: block;}
.uc-partner2-2 .detail{margin-top: 2rem;}
.uc-partner2-2 .detail .txt{font-size: 1.5rem;line-height: 1.5em;text-align: center;color: #666666;font-style: italic;}
.uc-partner2-2 .detail .name{font-weight: bold;margin-top: 2rem;text-align: center;font-size: 2.25rem;}
/* |08|03-02 Product Details|productDetail|*/
.uc-productDetail-1 .swiper-container{margin-bottom: 0;}
.uc-productDetail-1 .swiper-container img{display: block;}
.uc-productDetail-1 .swiper-container1 .swiper-slide{opacity: 0.4;cursor: pointer;}
.uc-productDetail-1 .swiper-container1 .swiper-slide-thumb-active{opacity: 1;}
.uc-productDetail-1 .swiper-button-prev,
.uc-productDetail-1 .swiper-button-next{background-color: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.8);width: 50px;border-radius: 100%;height: 50px;transition: all 0.3s linear;outline: none;background-size: 0.9375rem auto;z-index: 199 !important;opacity: 1;}
.uc-productDetail-1 .swiper-button-prev:after,
.uc-productDetail-1 .swiper-button-next:after{font-size: 1.25em;}
.uc-productDetail-1 .swiper-button-prev:hover,
.uc-productDetail-1 .swiper-button-next:hover{background-color: rgba(255, 255, 255, 0.7);color: rgba(255, 255, 255, 0.8);}
.uc-productDetail-1 h1{font-size: 1.45rem;line-height: 1.45em;margin-bottom: 1.5rem;font-weight:bold;}
.uc-productDetail-1 .desc{line-height: 1.5em;margin-bottom: 1.5em;}
.uc-productDetail-1 .operate{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin-top: 1.75rem;}
.uc-productDetail-1 .operate .uc-btn{height: 3.125rem;border-radius: 3.125rem;margin-left: 1rem;flex: 1;width:10rem;max-width:10rem;border: 1px solid #13227a;}
.uc-productDetail-1 .operate .proa1:hover{background:#13227a;color:#fff;font-weight:bold;border: 1px solid #13227a;}
.uc-productDetail-1 .operate .proa2:hover{background:#33ccff;color:#fff;font-weight:bold;border: 1px solid #33ccff;}
.uc-productDetail-1 .operate .uc-btn.blue{border-color: #33ccff;}
.uc-productDetail-1 .operate .uc-btn:first-child{margin-left: 0;}
.uc-productDetail-1 .operate .uc-btn small{font-size: 0.6em;}
.uc-productDetail-2 .box img{display: block;width: auto;max-width: 100%;margin: 0 auto;}
.uc-productDetail-3 .list li{margin-bottom: 3rem;}
.uc-productDetail-3 .card{background-color: #f8f8f8;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);padding:2rem 1rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;height: 100%;transition: all 0.3s linear;}
.uc-productDetail-3 .card:hover{box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.45);color:#000;}
.uc-productDetail-3 .card:hover .num{}
.uc-productDetail-3 .card:hover .i1{display: block;}
.uc-productDetail-3 .card:hover .i2{display: none;}
.uc-productDetail-3 .card .left{width: 2.75rem;}
.uc-productDetail-3 .card img{display: block;margin-bottom: -0.3125rem;}
.uc-productDetail-3 .card .i2{display: none;filter: brightness(0) invert(1);}
.uc-productDetail-3 .card .num{text-align: center;color: #949599;font-size: 2.5rem;margin-top:10px;}
.uc-productDetail-3 .card .right{flex: 1;min-width: 0;margin-left: 0.625rem;}
.uc-productDetail-3 .card h3{font-size: 1.25rem;line-height: 1.6;}
.uc-productDetail-3 .card .con{line-height: 1.6;font-size: 0.875rem;margin-top: 0.5rem;}
/* |10|04-02 Solution Details|solutionDetail|*/
.uc-solutionDetail-1 .info{padding-bottom: 1rem;margin-top: -1rem;}
.uc-solutionDetail-1 .info, .uc-solutionDetail-1 .info li{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-solutionDetail-1 .info li{margin-left: 1em;margin-bottom: 1rem;color: #666666;font-size: 0.875rem;}
.uc-solutionDetail-1 .info li:first-child{margin-left: 0;}
.uc-solutionDetail-1 .info img{margin-right: 0.3125rem;}
.uc-solutionDetail-1 .box img{display: block;margin-bottom: 1.5rem;padding: 15px 0;}
.g-banner h1{font-size:36px;line-height: 1.6;font-weight:bold;}
.uc-solutionDetail-1 .con h1{font-size:36px!important;line-height: 1.6;font-weight:bold;margin-bottom:15px;}
.uc-solutionDetail-1 .con h2{font-size:28px!important;line-height: 1.6;margin-bottom:15px;font-weight:bold;}
.uc-solutionDetail-1 .con h3{font-size: 24px!important;line-height: 1.6;margin-bottom:15px;font-weight:bold!important;}
.uc-solutionDetail-1 .con p{font-size:16px;word-break: break-word;line-height: 1.6;display: block!important;}
.con .list-paddingleft-2 li p{display:inline!important;}
.uc-solutionDetail-1 .con img{display: block;margin:0 0 15px 0;}
.uc-solutionDetail-1 .box h3{font-size: 1.75rem;margin-bottom: 1.5rem;font-weight: bold;}
.uc-solutionDetail-1 .box .con{line-height: 1.5em;margin-bottom: 2rem;}
.uc-solutionDetail-1 .box .con p{font-size: 16px;word-wrap: break-word;line-height: 1.6;display: inline-block;}
.uc-solutionDetail-1 .box .con:last-child{margin-bottom: 0;}
.uc-solutionDetail-1 .box .sub-item{background: url("images/checked.png") left top no-repeat;background-size: 1.5rem 1.5rem;padding-left: 2rem;line-height: 1.5rem;margin-bottom: 0.5rem;margin-left: 1em;}
.uc-solutionDetail-1 .box .sub-item:last-child{margin-bottom: 0;}
.uc-solutionDetail-2{background-color: #f6f6f6;}
.uc-solutionDetail-2 .name{font-size: 1.75rem;font-weight: bold;}
.uc-solutionDetail-2 .part{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.uc-solutionDetail-2 .con{flex: 1;min-width: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin-left: 0.625rem;}
.uc-solutionDetail-2 .con .item{border: #13227a 1px solid;border-radius: 1rem;padding: 0 0.5rem;line-height: 2.5rem;margin-right: 0.625rem;margin-bottom: 0.625rem;}
.uc-solutionDetail-2 .con .item.on, .uc-solutionDetail-2 .con .item:hover{background-color: #33ccff;color: #fff;}
.uc-solutionDetail-2 .share{padding-bottom: 1rem;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin-top: 1.5rem;}
.uc-solutionDetail-2 .share .item{margin-right: 0.5rem;margin-bottom: 1rem;}
.uc-solutionDetail-2 .share .item:last-child{margin-right: 0;}
.uc-solutionDetail-2 .share .item:hover{opacity: 0.8;}
.uc-solutionDetail-2 .share img{display: block;}

/* |11|05 Tracking Platform and Apps|tracking|*/
/* 20260427*/
.uc-tracking-1 .list .item{padding-bottom: 2rem;padding-left: 2rem;background: url("images/checked.png") left top no-repeat;background-size: 1.5rem 1.5rem;text-align: left;}
.uc-tracking-1 .list h3{font-size: 1.25rem;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;line-height: 1;}
.uc-tracking-1 .list .con{font-size: 0.875rem;line-height: 1.5em;min-height: 3em;overflow: hidden;margin-top: 0.5rem;color: #666666;}
.uc-tracking-1 .container .con{margin:30px 0;}
.uc-tracking-1 .list .item .con{margin:10px 0!important;}
.uc-tracking-1 .container .con p{font-size:16px;line-height:1.6;}
.uc-tracking-2 .container .con{margin:30px 0;font-size:16px;line-height:1.6;}
.uc-tracking-2 .img-box{margin-top:45px;}

/* /20260427*/
.uc-tracking-2{background-color: #f6f6f6;}
.uc-tracking-2 .list .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}
.uc-tracking-2 .list .item img{display: block;}
.uc-tracking-2 .list .item .con{flex: 1;min-width: 0;text-align: left;margin-left: 0.625rem;}
.uc-tracking-2 .list .item:hover h3{color: #13227a;}
.uc-tracking-2 .list h3{font-size: 1.25rem;font-weight:bold;margin-bottom: 0.5rem;}
.uc-tracking-2 .swiper-slide{padding-bottom: 3rem;}
.uc-tracking-2 .swiper-pagination{bottom: 0;}
.uc-tracking-2 .swiper-pagination-bullet{width: 0.75rem;border-radius: 100%;height: 0.75rem;border: #13227a 1px solid;}
.uc-tracking-2 .swiper-pagination-bullet-active{background-color: #13227a;width: 0.75rem;}
@media (min-width: 768px){.uc-tracking-2 .list{height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;}
.uc-tracking-2 .list .item:last-child{margin-bottom: 0;}
.uc-tracking-2 .style1 h3, .uc-tracking-2 .style1 .txt{text-align: right;}
.uc-tracking-2 .style1 .con{text-align: right;margin-right: 0.625rem;margin-left: 0;}}
@media (min-width: 992px){.uc-tracking-2 .style1{padding-right: 1rem;}
.uc-tracking-2 .style2{padding-left: 1rem;}}

/* |12|06-01 Knowledge Need to Know List|knowledge|*/
.uc-knowledge .filter{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-knowledge .filter .item{flex: 1;min-width: 0;max-width: 11.25rem;line-height: 3.125rem;margin-left: 1rem;border: #13227a 1px solid;border-radius: 1rem;text-align: center;transition: all 0.3s linear;}
.uc-knowledge .filter .item:first-child{margin-left: 0;}
.uc-knowledge .filter .item.on, .uc-knowledge .filter .item:hover{background-color: #13227a;color: #fff;}
.uc-knowledge .filter .item.on{font-weight: bold;}
.uc-knowledge .tab-con{display: none;}
.uc-knowledge .tab-con:first-child{display: block;}
.uc-knowledge .list li{padding-top: 1rem;padding-bottom: 1rem;border-bottom: #e5e5e5 1px solid;}
.uc-knowledge .list li:first-child{padding-top: 0;}
.uc-knowledge .list li:last-child{border-bottom: none;}
.uc-knowledge .list li:hover h3 a{color: #13227a;}
.uc-knowledge .list li:hover .date{background-color: #13227a;}
.uc-knowledge .list li:hover .uc-btn{background-color: #13227a;color: #fff;border-color: #33ccff;}
.uc-knowledge .list li:hover .img img{transform: scale(1.1, 1.1);}
.uc-knowledge .list .img-box{position: relative;}
.uc-knowledge .list .right{padding-top: 1rem;}
.uc-knowledge .list .date{width: 4rem;height: 4rem;position: absolute;left: 1.5rem;top: 0;background-color: #33ccff;text-align: center;font-size: 0.875rem;color: #fff;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.uc-knowledge .list .date .day{font-size: 1.5rem;}
.uc-knowledge .list .img{overflow: hidden;box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.15);}
.uc-knowledge .list .img img{display: block;transition: all 0.3s linear;}
.uc-knowledge .list h3{font-size: 1.5rem;line-height: 1.5em;max-height: 3em;overflow: hidden;margin-bottom: 1rem;}
.uc-knowledge .list h3 a{font-weight: bold;}
.uc-knowledge .list .con{font-size: 0.875rem;line-height: 1.5em;max-height: 3em;overflow: hidden;margin-bottom: 1rem;}
.uc-knowledge .list .btm{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.uc-knowledge .list .sub-item{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin-right: 1rem;font-size: 0.875rem;color: #666666;}
.uc-knowledge .list .sub-item img{display: block;margin-right: 0.3125rem;}
.uc-knowledge .list .uc-btn{margin-left: auto;border: #13227a 1px solid;border-radius: 2.5rem;height: 2.5rem;padding: 0 0.625rem;}
@media (min-width: 768px){.uc-knowledge .list .right{padding-top: 0;}}
@media (min-width: 992px){.uc-knowledge .list .uc-btn{padding: 0 1.25rem;}}
/* |13|06-02 Knowledge Need to Know Details|knowledgeDetail|*/
.uc-knowledgeDetail .info{padding-bottom: 1rem;margin-top: -1rem;}
.uc-knowledgeDetail .info, .uc-knowledgeDetail .info li{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.uc-knowledgeDetail .info li{margin-left: 1em;margin-bottom: 1rem;color: #666666;font-size: 0.875rem;}
.uc-knowledgeDetail .info li:first-child{margin-left: 0;}
.uc-knowledgeDetail .info img{margin-right: 0.3125rem;}
.uc-knowledgeDetail article{margin-bottom: 2rem;}
.uc-knowledgeDetail article img{display: block;margin-bottom: 1.5rem;}
.uc-knowledgeDetail article h3{font-size: 1.75rem;margin-bottom: 1.5rem;font-weight: bold;}
.uc-knowledgeDetail article .con{line-height: 1.5em;margin-bottom: 2rem;}
.uc-knowledgeDetail article .con:last-child{margin-bottom: 0;}
.uc-knowledgeDetail article .sub-item{background: url("images/checked.png") left top no-repeat;background-size: 1.5rem 1.5rem;padding-left: 2rem;line-height: 1.5rem;margin-bottom: 0.5rem;margin-left: 1em;}
.uc-knowledgeDetail article .sub-item:last-child{margin-bottom: 0;}
.uc-knowledgeDetail .box{background-color: #f6f6f6;margin-bottom: 2rem;padding: 1.5rem 1rem;}
.uc-knowledgeDetail .box .name{font-size: 1.5rem;font-weight: bold;margin-bottom: 1rem;}
.uc-knowledgeDetail .search-box{position: relative;}
.uc-knowledgeDetail .search-box .uc-input{border-color: #13227a;background-color: #fff;height: 2.5rem;border-radius: 1rem;}
.uc-knowledgeDetail .search-box .btn-search{position: absolute;top: 50%;transform: translateY(-50%);right: 1rem;}
.uc-knowledgeDetail .search-box img{display: block;}
.uc-knowledgeDetail .prev-next .link{margin-bottom: 1.5rem;display: block;}
.uc-knowledgeDetail .prev-next .link:last-child{margin-bottom: 0;}
.uc-knowledgeDetail .prev-next .link:hover{color: #13227a;}
.uc-knowledgeDetail .prev-next .link:hover .txt{text-decoration: underline;}
.uc-knowledgeDetail .prev-next .txt{margin-top: -0.5rem;line-height: 1.5em;}
.uc-knowledgeDetail .list li{margin-bottom: 1rem;}
.uc-knowledgeDetail .list li:last-child{margin-bottom: 0;}
.uc-knowledgeDetail .list .item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;overflow: hidden;}
.uc-knowledgeDetail .list .item img{transition: all 0.3s linear;}
.uc-knowledgeDetail .list .item:hover img{transform: scale(1.1, 1.1);}
.uc-knowledgeDetail .list .img{width: 6.25rem;height: 3.75rem;overflow: hidden;margin-right: 0.625rem;}
.uc-knowledgeDetail .list .img img{width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.uc-knowledgeDetail .list .con{flex: 1;min-width: 0;line-height: 1.5em;max-height: 3em;overflow: hidden;}
.uc-knowledgeDetail .share{padding-bottom: 1rem;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;margin-top: 1.5rem;}
.uc-knowledgeDetail .share .item{margin-right: 0.5rem;margin-bottom: 1rem;}
.uc-knowledgeDetail .share .item:last-child{margin-right: 0;}
.uc-knowledgeDetail .share .item:hover{opacity: 0.8;}
.uc-knowledgeDetail .share img{display: block;}
.uc-knowledgeDetail .tags{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.uc-knowledgeDetail .tags .item{border: #13227a 1px solid;border-radius: 1rem;padding: 0 0.5rem;line-height: 2.5rem;margin-right: 0.625rem;margin-bottom: 0.625rem;}
.uc-knowledgeDetail .tags .item.on, .uc-knowledgeDetail .tags .item:hover{background-color: #13227a;color: #fff;}
/* |14|08-01 Contact Us|contact|*/
.uc-contact-1 .contact{padding-bottom: 1rem;}
.uc-contact-1 .contact li{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}
.uc-contact-1 .contact img{display: block;margin-right: 1rem;}
.uc-contact-1 .contact .con{flex: 1;min-width: 0;}
.uc-contact-1 .g-title.mb1{margin-bottom: 1rem;}
.uc-contact-1 .share{padding-bottom: 1rem;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.uc-contact-1 .share .item{margin-right: 0.5rem;margin-bottom: 1rem;}
.uc-contact-1 .share .item:last-child{margin-right: 0;}
.uc-contact-1 .share .item:hover{opacity: 0.8;}
.uc-contact-1 .share img{display: block;}
.uc-contact-1 .form li{margin-bottom: 1.5rem;}
.uc-contact-1 .form li:last-child{margin-bottom: 0;}
.uc-contact-1 .form .uc-input,
.uc-contact-1 .form .uc-textarea{background-color: #f8f8f8;border: #13227a 1px solid;border-radius: 1rem;}
.uc-contact-1 .form .uc-input{height: 3.125rem;}
.uc-contact-1 .form .uc-textarea{height: 11.875rem;}
.uc-contact-1 .form .uc-btn{height: 3.125rem;border-radius: 1rem;width: 100%;font-size: 1.5rem;}
.uc-contact-1 .form .btn-yzm{width: 100%;border-radius: 1rem;height: 3.125rem;border: #13227a 1px solid;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;overflow: hidden;cursor: pointer;}
.uc-contact-1 .form .btn-yzm img{width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;}
.uc-contact-2 > img{display: block;}
.teamlists{margin:60px 0;}
.aboutlist1 .list .card:hover{box-shadow:0 0 10px #222;}

.uc-philosophy-2 .btm .txt{height:80px!important;}
.uc-philosophy-2 .btm{padding:0.5rem 1rem 1rem!important;}
.uc-philosophy-2 .list .img{max-height:205px;}

.teams{display: flex;flex-wrap: wrap;justify-content: center;gap:40px 20px;margin: 60px auto;padding: 0 5px;list-style: none;}
.team-item{flex: 0 1 calc(25% - 20px);min-width: 200px;min-height: 320px;display: flex;flex-direction: column;align-items: center;padding: 30px 20px;text-align: center;background: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;list-style: none;}
.team-item:hover{background: #13227a;transform: translateY(-5px);box-shadow: 0 8px 25px rgba(14, 51, 95, 0.2);}
.team-item .yxtb{width: 100%;max-width: 120px;max-height: 120px;aspect-ratio: 1/1;border-radius: 50%;border: 2px dashed #13227a;padding: 10px;object-fit: cover;transition: border-color 0.3s ease;}
.team-item:hover .yxtb{border-color: rgba(255, 255, 255, 0.6);}
.team-item em{display: block;margin: 15px 0 5px;font-style: normal;font-weight: bold;font-size: 18px;color: #000;transition: color 0.3s ease;}
.team-item em i{display: block;font-style: normal;font-size: 16px;margin-top:10px;font-weight: 300;color: #ccc;transition: color 0.3s ease;}
.team-item:hover em{color: #fff;}
.team-item:hover em i{color: #ddd;}
.tbs{width: 100%;margin-top: auto;padding-top: 15px;}
.tbs a{display: block;margin:10px 0;color: #000;text-decoration: none;font-size: 13px;transition: color 0.3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tbs a i{margin-right: 3px;}
.tbs a:hover,
.team-item:hover .tbs a{color: #fff;}
@media (max-width: 1199px){.team-item{flex: 0 1 calc(25% - 15px);min-height: 300px;padding: 20px 15px;}
.teams{gap: 25px 15px;}
.uc-philosophy-2 .btm .txt{height:50px!important;}
.uc-philosophy-2 .list .img{max-height:145px;}
}
/* 中等屏幕：3列 (768px-991px)*/
@media (max-width: 991px){.team-item{flex: 0 1 calc(33.333% - 12px);min-height: 300px;padding: 20px 12px;}
.teams{gap: 20px 12px;}
.team-item .yxtb{max-width: 100px;max-height: 100px;padding: 8px;}
.uc-philosophy-2 .btm .txt{height:50px!important;}
.uc-philosophy-2 .list .img{max-height:185px;}
.uc-philosophy-2{padding-top:5px!important;}
}
/* 平板：2列 (576px-767px)*/
@media (max-width: 767px){.team-item{flex: 0 1 calc(50% - 10px);min-height: 280px;padding: 20px 15px;}
.teams{gap: 20px 10px;padding: 0 10px;}
.team-item .yxtb{max-width: 100px;max-height: 100px;}
.tbs{padding-top: 10px;}
.tbs a{font-size: 13px;}
.uc-home-1 .swiper-pagination{bottom:2vh;}
.uc-home-1 .name{font-size:1.5rem;}}
/* 手机：1列 (小于575px)*/
@media (max-width: 575px){.team-item{flex: 0 1 100%;max-width: 360px;margin: 0 auto;min-height: 260px;padding: 25px 20px;}
.teams{gap: 20px;padding: 0 15px;}
.team-item .yxtb{max-width: 100px;max-height: 100px;}
.tbs a{font-size: 14px;padding: 4px 0;}}
/* ===== 辅助类 =====*/
.gdtss{max-width: 1230px;margin: 0 auto;padding: 0 15px;}
.abtleft,
.abtright{width: 50%;padding: 10px 20px;}
@media (max-width: 767px){.abtleft, .abtright{width: 100%;float: none;padding: 10px;}
.abtright p{font-size: 16px;text-align: left;}}
.rtx{width: 4rem;border-radius: 50%;display: block;margin: 0 auto;max-width: 120px;max-height: 120px;border: 1px solid #13227a;padding: 3px;}
.gallerytb dd{text-align: left !important;}

/*文章标题效果*/
.title3{background: repeating-linear-gradient(to right,#ff5700,#f7f7f7) no-repeat right bottom;background-size: 0 1px;transition:background-size 1300ms;}
.title3:hover{background-position-x:left;background-size:100% 1px;}
/*返回顶部-TOP*/
p#top{position:fixed;display:none;bottom:0px;right:20px;}
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}
p#top a:hover{color:#979797;}
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;width:54px;height:30px;transition:background 1s;right: 5px;position: relative;bottom: 10px;}
#top a:hover span{background:url(../images/gotop.png) no-repeat center;}
.summarys{padding:10px;line-height:1.8;color:#ddd;}
.summarys i{display: block;text-align: left;font-family: inherit;font-style: normal;color: #333;width: 100%;overflow: hidden;max-width: 290px;text-overflow: ellipsis;white-space: nowrap;}
.summaryss i{display: block;text-align: left;font-family: inherit;font-style: normal;color: #333;width: 100%;font-size:1rem;line-height:1.4;}
.clear{clear:both;}
.artlistBox{padding:80px 0;}
.artlist{padding:0 0 30px 0;}
.artlist li{border-bottom:1px solid #e8e8e8;padding:0 0 38px;margin-bottom:38px;}
.artlist li a{display:block;height:100%;font-size:14px;color:#8e8e8e;line-height:26px;}
.arImg{position:relative;float:left;width:380px;}
.arImg img{width:100%;}
.arTime{position:absolute;left:15px;top:0;width:60px;height:70px;background:#33ccff;font-size:12px;color:#FFFFFF;line-height:20px;text-align:center!important;padding-top:25px;transition:all 0.4s ease 0s;}
.date{font-size:18px;font-weight:bold;display:block;}
.arText{margin-left:420px;}
.arTit{font-size: 1.5rem;color: #555;line-height: 1.6;/* padding: 10px 0;*/transition: all 0.4s ease 0s;font-weight: bold;word-break: break-word;}
.arBrief{height:104px;margin:5px 0 10px;overflow:hidden;}
.arBrief p{text-align:left!important;}
.arBot{font-size:13px;color:#b1b1b1;}
.arBot .pull-left{float:left;font-size: 1rem;position: relative;top: 15px;}
.arBot .pull-right{font-size:14px;transition:all 0.4s ease 0s;float:right;}
.arBot .pull-right i{width:22px;height:22px;border:1px solid #999999;border-radius:50%;line-height:20px;text-align:center;transition:all 0.4s ease 0s;}
.arBot .pull-right .more{width: 150px;border: 1px solid #13227a;color:#13227a;text-align: center;padding: 10px 15px;border-radius: 35px;display: inline-block;}
.arBot .pull-right .more:hover{background:#13227a;color:#fff;border:1px solid #33ccff;}
.artlist li a:hover .arTime{background:#13227a;}
.artlist li a:hover .arTit,.artlist li a:hover .arBot .pull-right{color:#13227a;}
.artlist li a:hover .arBot .pull-right .more{border:1px solid #33ccff;background:#13227a;color:#fff;}
.artlist li a:hover .arBot .pull-right{}
.artlist li a:hover .arBot .pull-right i{background:#13227a;border-color:#13227a;color:#FFFFFF;}
/* -- lift --*/
.lift{color: #999;font-size: 14px;border-top: 1px solid #ddd;padding: 5px 10px;width:100%;margin: 0 auto;margin-top: 35px;box-sizing: border-box;}
.lift a{color: #999;padding:10px 0;display: inline;word-break: break-word;box-sizing: border-box;width: 100%;}
.lift span{margin-right: 15px;}
.lift p{display:block;margin:10px 0;line-height:1.4;}
/* -- ur-here --*/
.ur-here{color: #999999;font-size: 14px;}
.ur-here em{font-style:normal;}
/* -- pager css1 --*/
.pager{text-align: center;padding-top: 20px;color: #666;font-size: 14px;}
.pager a{color: #000;background: #fff;border: 1px solid #ddd;padding: 5px 8px;}
.pager a:hover{background-color: #000;color:#fff;}
.pager a.active{background-color: #000;color: #fff;cursor: default;}
/* -- pager css2 --*/
.pager{text-align: center;padding-top: 20px;color: #666;font-size: 14px;}
.pager ul{display: inline-block;padding: 0;/*border-left: 1px solid #ddd;*/}
.pager ul li{display: block;float: left;}
.pager ul li a, .pager ul li em{display: block;padding: 0 12px;line-height: 30px;text-decoration: none;background-color: #fff;border: 1px solid #ddd;/*border-left-width:0;*/border-radius: 0;}
.pager ul li a:hover{background-color: #f5f5f5;}
.pager ul li.active a{background-color: #f5f5f5;color: #999;cursor: default;}
.pager ul li em.total{margin-left: 10px;border-left-width: 1px;color: #999;}
/*表格自适应*/
table{margin:10px 0 30px 0;width: 100%!important;/*box-shadow: 0 0 15px #ddd;*/}
td,th{white-space:nowrap;word-break:keep-all;text-align:center;white-space:pre-line;word-break:break-word !important;word-wrap:break-word !important;display:table-cell;vertical-align:middle !important;white-space: normal !important;height:auto;vertical-align:text-top;padding:10px 5px;display: table-cell;border: 1px solid #ccc;}
.ue-table-interlace-color-single{background: #f9f9f9;}
.clear{clear:both;}
.wrap{position: relative;text-align:center;width:100%;}
.wrap div{line-height:20px;}
.uc-solutionDetail-1 .box .con em{font-style:italic;}
/*CSS伪类用法*/
.wrap div:after, .wrap div:before{position: absolute;top:50%;background:#ddd;content:"";height:1px;width:45%;}
/*调整背景横线的左右距离*/
.wrap div:before{left: 0;}
.wrap div:after{right:0;}
/*video标签禁止下载 全屏按钮*/
video::-internal-media-controls-download-button{display:none!important;}
video::-webkit-media-controls-enclosure{overflow:hidden!important;}
video::-webkit-media-controls-panel{width: calc(100% + 30px)!important;}
video::-webkit-media-controls-fullscreen-button{display: none!important;}
/*设置全屏平铺<video controls class="video"/>*/.video{width: 100%;height: 100%;display: block;object-fit: contain;}
/* 隐藏video 全屏按钮*/.video::-webkit-media-controls-fullscreen-button{display: none;}
/* 隐藏video 播放按钮*/.video::-webkit-media-controls-play-button{display: none;}
/* 隐藏video 进度条*/.video::-webkit-media-controls-timeline{display: none;}
/* 隐藏video 观看的当前时间*/.video::-webkit-media-controls-current-time-display{display: none;}
/* 隐藏video 剩余时间*/.video::-webkit-media-controls-time-remaining-display{display: none;}
/* 隐藏video 音量按钮*/.video::-webkit-media-controls-mute-button{display: none;}
.video::-webkit-media-controls-toggle-closed-captions-button{display: none;}
/* 隐藏video 音量的控制条*/.video::-webkit-media-controls-volume-slider{display: none;}
/* 隐藏video 所有控件*/.video::-webkit-media-controls-enclosure{display: none;}
/*视频css*//*
.video-box{display:block;width:100%;margin:0 auto;margin-bottom: 2em;font-size: 1.5rem;}
video{border: none;outline: none;display: block;width: 100%!important;height:100%!important;margin: 0 auto;box-sizing: border-box;}*/
/*清除浮动*/
.clear{clear:both;}
/*隐藏文本*/
.yctext{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
/*文字阴影*/
/*
h1{text-shadow:5px 5px 5px #FF0000;}*//*图片缩放*//*
img{display: block;transition: all 0.3s ease;box-sizing:border-box;}
img:hover{transform: scale(1.2);transform: rotate(360deg);transform: translate(10px,20px);}*/
/*表单内文字颜色*/
.formBox input::-webkit-input-placeholder{color:#fff;}
.formBox input::-moz-placeholder{/* Mozilla Firefox 19+*/color:#fff;}
.formBox input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color:#fff;}
.formBox input:-ms-input-placeholder{/* Internet Explorer 10-11*/color:#fff;}
/*网页直译插件css*/.translateSelectLanguage{position: fixed;z-index: 999;border: 1px solid #ddd;width: 120px;top: 20px;right: 220px;font-size: 14px;background: #F44336;color: #fff;}
.article{width:100%;margin:0 auto;}
.arLef{padding-bottom:70px;width:73%;float:left;}
.arTop{padding:90px 0 10px 0;}
.arTopTit{font-size: 36px;font-weight: bold;line-height: 1.4;color: #000;text-align: center;word-break: break-word;}
.arTop p{margin: 35px 0;text-align: center;font-size: 14px;color:#888;}
.arTop p span{padding:0 5px;margin-right:15px;}
.arCon{word-break: break-word;font-size:16px;line-height:1.2;}
.arCon h2{font-size: 28px;word-break: break-word;font-weight: bold;color: #000;margin: 15px 0;}
.arCon h3{font-size: 24px;word-break: break-word;font-weight: bold;color: #000;margin: 15px 0;}
.arCon h4{font-size: 20px;word-break: break-word;font-weight: bold;color: #000;margin: 15px 0;}
.arCon p{line-height: 1.6;font-size: 16px;word-break: break-word;margin:2px 0;}
.arCon strong{margin:0 0;}
.arCon p br{display: block; margin: 0.5em 0;  content: ""; }
.arCon p em{font-style: italic!important;margin: 5px 0;font-size:14px!important;}
.arCon em{font-style: italic!important;margin: 5px 0;font-size:14px!important;}
.arCon p strong{display:inline-block;}
.list-paddingleft-2 li strong{display:inline-block;}
.list-paddingleft-2{padding: 0 30px;margin: 10px 0;}
.list-paddingleft-2 li{list-style: inside;line-height: 1.4;font-size:1.25rem;}
.list-paddingleft-2 li::marker{margin-right:5px;}
.list-paddingleft-2 li p{display: inline; margin: 0 auto; line-height: 1.4!important; font-size: 16px;margin-left: -10px;}
.arCon img{max-width:100% !important;height:auto !important;margin:15px auto;width:auto;}
.reList{display:block;background:#e7141a;width:120px;height:40px;line-height:40px;color:#FFFFFF;text-align:center;border-radius:5px;}
.reList:hover,.reList:focus{color:#FFFFFF;}
.arRig{float:right;width:25%;}
.yctbcss{}
.arTops p{margin: 15px 0;text-align: center;font-size:14px;color:#888;}
.arTops p span{padding:0 5px;margin-right:15px;}
.newssearch{width:100%;background:#f8f8f8;padding:30px;margin-bottom:50px;}
.newssearch h3{font-size:1.45rem;font-weight:bold;margin:10px 0;}
.newssearch form{border: 1px solid #555;padding: 5px;border-radius: 35px;}
.newssearch input{border:0px;outline:none;background: #f8f8f8;width:90%;}
.newssearch button{cursor:pointer;}
.fynews{width:100%;background:#f8f8f8;padding:30px;margin-bottom:50px;}
.fynews h3{font-size:1.45rem;font-weight:bold;margin:10px 0;}
.fynews p{font-size:1rem;line-height:1.4;word-break:break-word;}
.tjnews{width:100%;background:#f8f8f8;padding:30px;margin-bottom:50px;}
.tjnews h3{font-size:1.45rem;font-weight:bold;margin:10px 0;}
.tjnews img{width:100%;}
.tjnews h4{font-size:14px;line-height:1.4;padding:5px;font-weight:bold;border-bottom: 1px dashed #ddd;}
.tjnews ul li{margin-bottom:25px;}
.yctbcss h3{font-size:1.45rem;font-weight:bold;margin:10px 0;}
.yctbcss{width:100%;background:#f8f8f8;padding:30px;margin-bottom:50px;}
.list .card h3{font-weight:bold;}
.lbysh3{font-weight:bold!important;font-size:1.5rem;padding:15px 0;margin:15px 0;}
.img-box .lbysh3wap{font-weight:bold!important;font-size:1.5rem;margin:15px 0;}

.online{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:1;}
.online li{margin:5px 0;width:35px;height:35px;position:relative;}
.onlineIco{float:right;display:block;text-align:center;width:35px;height:35px;border-radius:5px;background:#b5b5b5;color:#FFFFFF;overflow:hidden;transition:all 0.3s ease-in 0s;}
.onlineIco i{width:35px;height:35px;line-height:35px;font-size:16px;text-align:center;}
.onlineCon{font-size:13px;font-weight:bold;color:#FFFFFF;line-height:35px;display:inline;}
/* 通用悬停效果 */
.onlineIco:hover{background: #3351a8; width: 250px; color: #FFFFFF;}
/* 第4个的特殊悬停效果（写在后面覆盖） */
.online li.online_top:nth-child(5):hover .onlineIco{width: 35px; /* 生效 */}
.onlineIco:focus{color:#FFFFFF;}
.onlineIco:hover i{text-align:right;width:auto;}
.onlineWx{position:absolute;right:38px;top:40px;width:90px;height:90px;border:1px solid #666666;transform:scale(1,0);transition:all 0.1s ease-in 0.1s;}
.online li:hover .onlineWx{transform:scale(1,1);}
.online li.online_top .onlineIco{background:#5269af;}
.factorycss .g-title h2{font-size:1.75rem!important;}
.uc-solutionDetail-1 .con h4{font-size:20px;font-weight:bold;margin:15px 0;word-break:break-word;}

/* 允许 Swiper 内的文本选择 */
.uc-tracking-2 .swiper-slide .txt,
.uc-tracking-2 .swiper-slide .con,
.uc-tracking-2 .swiper-slide h3 {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    pointer-events: auto !important;
}


/* 重要：p 默认隐藏*/
.tips .r p{display: none;margin: 6px 0 0 0;}
/* 展开状态：显示 p，同时图标文字变成 '−' （由 JS 切换）*/
.tips.is-open .r p{display: block;font-size:12px;}

/*媒体查询css*/
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px){/* 判断iPad Media Queries*/}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){/*iPad 横屏*/}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){/*iPad 竖屏*/.uc-productDetail-1 .operate .uc-btn{min-width:8rem;}}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio:2){/*iPad 3 & 4 Media Queries*/}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:2){/*高清屏 iPad 横屏*/}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:2){/*高清屏 iPad 竖屏*/}
@media (max-width:1199px){/*<=1199的设备*/}
@media (max-width:991px){/* <=991的设备*/}
@media(max-width:768px){
.uc-knowledge, .uc-contact-1, .uc-philosophy-1, .uc-philosophy-2, .uc-product, .uc-solution, .uc-knowledgeDetail-1, .uc-knowledgeDetail-2, .uc-knowledgeDetail-3, .uc-solutionDetail-1, .uc-solutionDetail-2, .uc-solutionDetail-3, .uc-solutionDetail-4, .g-formBox, .g-question, .uc-knowledgeDetail, .uc-tracking-1, .uc-tracking-2, .uc-partner2-1, .uc-partner2-2, .uc-productDetail-1, .uc-productDetail-3, .uc-partner-1, .uc-partner-2, .uc-partner-3, .uc-partner-4, .uc-purchase-1, .uc-purchase-2, .uc-purchase-3, .uc-profile-1, .uc-profile-3, .uc-profile-4, .uc-profile-5, .uc-home-2, .uc-home-3, .uc-home-4, .uc-home-5, .uc-home-6, .uc-home-7, .uc-home-8{padding-top:30px;padding-bottom:60px;}
.uc-product .filter .item, .uc-solution .filter .item{padding: 0 0.25rem;margin:0.5rem 0.5rem;}
.uc-product .card h3, .uc-solution .card h3, .uc-philosophy-2 .card h3, .uc-knowledgeDetail-3 .card h3, .uc-solutionDetail-4 .card h3{font-size:1.15rem;line-height: 1.6;}
.uc-partner2-2 .detail .txt{font-size:1.25rem;}
.g-title h1{font-size:24px;}
.g-title h2{font-size:20px;}
.uc-productDetail-3 .card .con{font-size:1.15rem;}
.uc-profile-1 .detail{margin-top:30px;}
.uc-profile-1 h2{font-size:2rem;}
.online{top:auto;bottom:3%;transform:translateY(0);}
.online li{display:none;}
.online li.online_top{display:block;opacity:1;}
.onlineIco:hover{color:#FFFFFF;background:#3351a8;width:35px;}
.onlineIco:hover i{text-align:center;width:35px;}
.uc-home-7 .list .item{width:175px;}
.g-title .txt{font-size:1rem;}
.uc-home-3{height: 100%; min-height: 1050px; overflow: hidden; font-size: 16px;margin-bottom: -200px;margin-top:-30px;}
.uc-home-1 img{height:40vh;}
.uc-home-3 .detail .con{height:350px;}
.uc-home-3 .detail .con .item{font-size:13px;line-height: 1.6;margin-bottom: 5px;}
.box1CenBrief{font-size:14px;}
/*移动端 css*/
.artlist{padding:10px 0;}
.arImg{width:100%;}
.arText{margin-left:0px;}
.arBot .pull-left{top:6px;}
.arBrief{height:auto;}
.arBot .pull-right .more{width:120px;padding:5px;}
.translateSelectLanguage{top: 22px!important;right: 20%!important;}
.g-banner .box{top:30%;}
.arTop{padding:30px 0 10px 0;}
.arTopTit{font-size:24px;}
.arCon h2{font-size:20px;}
.arCon h3{font-size:18px;}
.arCon h4{font-size:16px;}
.arTop p{padding: 10px 0;margin: 15px 0;text-align: center;font-size: 1rem;color:#888;}
.g-banner h2{font-size:20px;}
.arLef{float:none;width:100%;}
.arRig{float:none;width:100%;}
.arCon p{font-size:16px;}
.newssearch input{width:95%;}
.uc-home-5 .card .con, .uc-home-6 .card .con, .uc-profile-4 .card .con{font-size: 1.25rem;line-height: 2;}
.uc-home-5 .card h3, .uc-home-6 .card h3, .uc-profile-4 .card h3{font-size: 1.75rem;margin-bottom: 2rem;}
.uc-productDetail-1 .desc{font-size:1.25rem;line-height:1.4;}
.summaryss i{line-height:1.6;}
.g-question .list .bd{font-size:1.25rem;line-height:1.4;}
.g-banner h1{font-size:20px;}
.uc-solutionDetail-1 .con h2{text-align:left!important;font-weight:bold;font-size:20px!important;}
.uc-solutionDetail-1 .con h3{text-align:left!important;font-weight:bold;font-size:18px!important;}
.uc-tracking-1 .con p{font-size:16px;line-height:1.6;word-break:break-word;}
.desc{font-size:1.25rem;}
.uc-partner-1 .card .con, .uc-partner-2 .card .con, .uc-partner-3 .card .con, .uc-purchase-1 .card .con, .uc-purchase-2 .card .con, .uc-profile-3 .card .con{font-size:1.25rem;}
.uc-home-5 .card .btm, .uc-home-6 .card .btm, .uc-profile-4 .card .btm{font-size:1.25rem;}
.detail .g-title h2{font-size:24px;}
.detail .con{font-size:16px;height:100%;}
.uc-partner2-1 .list img{padding:0 10px;}
}
@media screen and (orientation:portrait) and (max-width:720px){/*竖屏 css*/}
@media screen and (orientation:landscape){/*横屏 css*/}
@media only screen and (width:360px){/*红米*/}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/*iphone 5 5s 5se*/.max-width{max-width:320px;overflow:hidden;}}
@media (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2){/*三星gs5*/}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-device-pixel-ratio:2){/*iphone 6/7/8*/}
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){/*iphone x*/}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3){/*iphone 6/7/8 Plus*/}
/* 针对 Apple 设备（DPR=2），恢复标准字体大小 */
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px) {
  :root { font-size: 16px; }
}

/* 针对 iPad 竖屏优化 - 使用移动端样式（覆盖iPad mini/Air/Pro） */
@media only screen and (min-device-width: 744px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
/* 强制隐藏PC端导航栏 */
.header-pc {display:none!important;}
.offset-md-1{margin-left:0!important;}
.uc-partner2-1 .list img{padding:0 10px;}
.uc-product .card h3, .uc-solution .card h3, .uc-philosophy-2 .card h3, .uc-knowledgeDetail-3 .card h3, .uc-solutionDetail-4 .card h3{font-size:1.15rem;line-height:1.4;}
.g-banner .box{top:50%;}
/* 强制显示移动端导航栏 */
.header-phone{display:flex!important;}
.uc-philosophy-1 .con{display:table;}
.uc-philosophy-1 .detail{display:table;}
/* 移除body顶部padding（移动端不需要） */
body{padding-top:0!important;}
/* 覆盖 d-md-block 和 d-md-none 类 */
.d-md-block {display:none!important;}
.d-md-none {display:flex!important;}
.uc-home-1 img{height:40vh;}
.uc-home-3{height: 100%; min-height: 420px; overflow: hidden; font-size: 16px;margin-bottom: -20px;}
.uc-home-1 img{height:40vh;}
.uc-home-3 .detail .con .item{font-size:13px;line-height: 1.6;margin-bottom: 5px;}
.box1CenBrief{font-size:14px;}
.uc-home-7 .list .item{width:176px;}
.uc-home-8 .list .img img{min-height:125px;height: 125px;}
.uc-home-8 .list h3{max-height:100%;font-size:1rem;}
.uc-home-3 .detail{height: 260px;overflow-y: scroll;}
footer .share img{width:32px;height:32px;}

}

/* 针对 iPad Air / iPad mini 横屏优化 - 使用PC端样式 */
@media only screen and (min-device-width: 744px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* 强制隐藏PC端导航栏 */
.header-pc {display:none!important;}
.offset-md-1{margin-left:0!important;}
.uc-partner2-1 .list img{padding:0 10px;}
.uc-product .card h3, .uc-solution .card h3, .uc-philosophy-2 .card h3, .uc-knowledgeDetail-3 .card h3, .uc-solutionDetail-4 .card h3{font-size:1.15rem;}
/* 强制显示移动端导航栏 */
.header-phone{display:flex!important;}
/* 移除body顶部padding（移动端不需要） */
body{padding-top:0!important;}
/* 覆盖 d-md-block 和 d-md-none 类 */
.d-md-block {display:none!important;}
.d-md-none {display:flex!important;}
.uc-home-1 img{height:40vh;}
.uc-home-3{height: 100%; min-height: 525px; overflow: hidden; font-size: 16px;margin-bottom: -20px;}
.uc-home-1 img{height:40vh;}
.uc-home-3 .detail .con .item{font-size:13px;line-height: 1.6;margin-bottom: 5px;}
.box1CenBrief{font-size:14px;}
.uc-home-7 .list .item{width:185px;}
.uc-home-8 .list .img img{min-height:125px;height: 145px;}
.uc-home-8 .list h3{max-height:100%;font-size:1rem;}
.uc-home-3 .detail{height: 300px;overflow-y: scroll;}
footer .share img{width:32px;height:32px;}

}