@charset "utf-8";
*{
    font-family: 微软雅黑, serif;
}
html,
body {
    min-width: 62.500000vw
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%
}

dl,
ul {
    list-style: none
}

li {
    vertical-align: middle
}

fieldset,
img,
a img,
:link img,
:visited img {
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 0.729167vw;
    font-weight: normal
}

em,
i,
u {
    font-style: normal;
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

a {
    color: #333;
    text-decoration: none!important;
}

/*a:hover {*/
/*    text-decoration: underline*/
/*}*/

:focus {
    outline: 0
}

textarea {
    resize: none
}

body {
    font-family: PingFang SC Regular, "微软雅黑", Tahoma, Geneva, "\5B8B\4F53", sans-serif !important;
    line-height: 1.7 !important;
    font-size: 0.729167vw !important;
    background: #fff !important;
    color: #333 !important
}
#app{
    margin: 0 auto;
}
@media (max-width: 94.791667vw) {
    #app{
        width: 100.000000vw;
        height: 56.250000vw;
    }
}
.c1_head {
    position: fixed;
    top: 0;
    width: 100%;
    height: 4.166667vw;
    line-height: 4.166667vw;
    z-index: 999
}

.c1_head .c1_box {
    width: 62.500000vw;
    margin: auto
}

.c1_head .c1_logo {
    float: left;
    margin-top: 0.625000vw;
    width: 19.791667vw;
    height: 2.916667vw;
    z-index: 100
}

.c1_head .c1_logo img {
    width: 8.125000vw;
    float: left
}

.c1_head .c1_nav {
    float: right
}

.c1_head .c1_nav li {
    float: left;
    margin: 0 1.041667vw;
    position: relative
}

.c1_head .c1_nav li:first-child {
    margin-left: 0
}

.c1_head .c1_nav li:last-child {
    margin-right: 0
}

.c1_head .c1_nav li a {
    font-size: 0.833333vw;
    color: #fff;
    padding-bottom: 0.625000vw;
    font-weight: 200
}

.c1_head .c1_nav li:hover a {
    text-decoration: none
}

.c1_head .c1_nav li:hover a.s {
    border-bottom: 0.156250vw solid #0062b1;
    text-decoration: none
}

.c1_head .c1_nav li a.cur {
    border-bottom: 0.156250vw solid #0062b1
}

.c1_head .c1_nav li .down {
    margin-left: 0.520833vw;
    margin-bottom: 0.260417vw;
    border: #fff 0.052083vw solid;
    border-width: 0 0.052083vw 0.052083vw 0;
    display: inline-block;
    padding: 0.208333vw;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.c1_head .c1_nav li:hover .down {
    margin-bottom: 0.000000vw;
    -webkit-transition: 0.6s linear;
    transition: 0.4s ease-in;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.c1_head .c1_nav li .nav_second {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35);
    min-width: 7.291667vw;
    margin: 0 -2.083333vw;
    margin-top: 0.000000vw;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.80
}

.c1_head .c1_nav li:hover .nav_second {
    display: block
}

.c1_head .c1_nav li:hover .nav_second a {
    color: #888;
    font-size: 0.729167vw;
    font-weight: 200;
    text-align: center;
    white-space: nowrap
}

.c1_head .c1_nav li:hover .nav_second a {
    display: block;
    height: 1.250000vw;
    line-height: 1.250000vw;
    border-bottom: #edecec 0.104167vw solid;
    position: relative;
    padding: 0.520833vw 1.250000vw
}

.c1_head .c1_nav li:hover .nav_second a:hover {
    border-bottom: #0062b1 0.104167vw solid
}

.c2_head {
    position: fixed;
    top: 0;
    width: 100%;
    height: 4.166667vw;
    line-height: 4.166667vw;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 0 1.302083vw rgba(0, 0, 0, 0.05);
    font-weight: 200
}

.c2_head .c2_box {
    width: 62.500000vw;
    margin: auto
}

.c2_head .c2_logo {
    float: left;
    margin-top: 0.625000vw;
    width: 19.791667vw;
    height: 2.916667vw;
    z-index: 100
}

.c2_head .c2_logo img {
    width: 8.125000vw;
    float: left
}

.c2_head .c2_nav {
    float: right
}

.c2_head .c2_nav li {
    float: left;
    margin: 0 1.041667vw;
    position: relative
}

.c2_head .c2_nav li:first-child {
    margin-left: 0
}

.c2_head .c2_nav li:last-child {
    margin-right: 0
}

.c2_head .c2_nav li a {
    font-size: 0.833333vw;
    color: #888;
    padding-bottom: 0.625000vw;
    font-weight: 200;
    white-space: nowrap
}

.c2_head .c2_nav li:hover a {
    text-decoration: none
}

.c2_head .c2_nav li:hover a.s {
    border-bottom: 0.156250vw solid #0062b1
}

.c2_head .c2_nav li a.cur {
    border-bottom: 0.156250vw solid #0062b1
}

.c2_head .c2_nav li .down {
    margin-left: 0.520833vw;
    margin-bottom: 0.260417vw;
    border: #888 0.052083vw solid;
    border-width: 0 0.052083vw 0.052083vw 0;
    display: inline-block;
    padding: 0.208333vw;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.c2_head .c2_nav li:hover .down {
    margin-bottom: 0.000000vw;
    -webkit-transition: 0.6s linear;
    transition: 0.4s ease-in;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.c2_head .c2_nav li .nav_second {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35);
    min-width: 7.291667vw;
    margin: -0.520833vw -2.083333vw 0;
    font-weight: 200
}

.c2_head .c2_nav li:hover .nav_second {
    display: block
}

.c2_head .c2_nav li:hover .nav_second a {
    color: #888;
    font-size: 0.729167vw;
    text-align: center
}

.c2_head .c2_nav li:hover .nav_second a {
    display: block;
    height: 1.250000vw;
    line-height: 1.250000vw;
    border-bottom: #edecec 0.104167vw solid;
    position: relative;
    padding: 0.520833vw 1.250000vw
}

.c2_head .c2_nav li:hover .nav_second a:hover {
    border-bottom: #0062b1 0.104167vw solid
}

.c2_head_d {
    width: 100%;
    margin: auto;
    top: 0;
    height: 4.166667vw;
    background: #0099d7
}

.c1_index_banner {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 56.250000vw;
    position: relative;
}
.c1_index_banner video{
    width: 100%;
    height: 56.250000vw;
    object-fit: cover
}
.c1_index_banner .mengceng{
    width: 100%;
    height: 56.250000vw;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.c1_index_banner .swiper-container {
    max-width: 100%;
    min-width: 62.500000vw;
    width: 100vw;
    margin: auto;
    height: 56.250000vw;
    position: absolute;
    top: 0;
}

.c1_index_banner .swiper-slide {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 35.416667vw;
    line-height: 56.250000vw;
}

.c1_index_banner .swiper-pagination {
    margin-bottom: 3.125000vw
}

.c1_index_banner .swiper-slide p.x1 {
    width: 62.500000vw;
    /*height: 5.208333vw;*/
    margin: auto;
    margin-top: 16.145833vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    color: #FFFFFF;
    line-height: 2.291667vw;
    font-weight: 400;
}

.c1_index_banner .swiper-slide p.x2 {
    width: 62.500000vw;
    height: 2.083333vw;
    margin: auto;
    margin-top: 0.937500vw;
    margin-bottom: 2.083333vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #FFFFFF;
    line-height: 1.041667vw;
    font-weight: 400;
}

.c1_index_banner .swiper-slide p.x3 {
    width: 62.500000vw;
    height: 3.125000vw;
    margin: auto;
    text-align: center;
    line-height: 3.125000vw;
    margin-top: 3.645833vw
}

.c1_index_banner .swiper-slide p.x4 {
    width: 50.364583vw;
    height: 3.125000vw;
    margin: auto;
    font-size: 0.729167vw;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.354167vw;
    font-weight: 200;
}

.c1_index_banner .swiper-slide p.x5 {
    width: 50.364583vw;
    height: 3.802083vw;
    line-height: 3.802083vw;
    margin: auto;
    margin-top: 9.895833vw;
    text-align: center;
}
.c1_index_banner .swiper-slide p.x5 img{
    height: 3.802083vw;
}

.c1_index_banner .swiper-slide p.x5 img{
    animation: bounce 2s ease-in-out infinite;
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-1.041667vw);
        }
    }
}

.c1_index_banner .swiper-slide p.x3 a {
    width: 9.895833vw;
    height: 2.500000vw;
    display: inline-block;
    line-height: 2.500000vw;
    border: #0062b1 0.052083vw solid;
    color: #0062b1;
    font-size: 0.833333vw;
    font-weight: 500;
    text-align: center;
    border-radius: 1.093750vw;
    -moz-border-radius: 1.250000vw;
    -webkit-border-radius: 1.250000vw;
    position: relative;
    z-index: 9;
    background: rgba(0,0,0,0.40);
    /* 添加渐入动画 */
    opacity: 0;
    transform: translateY(1.562500vw);
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 3s;
}
/* 定义渐入动画关键帧 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.562500vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 为WebKit浏览器添加兼容性支持 */
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(1.562500vw);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
.c1_index_banner .swiper-slide p.x3 a:before {
    box-sizing: border-box;
    -webkit-transition: 0.7s;
    transition: 0.7s
}

.c1_index_banner .swiper-slide p.x3 a:before {
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 2.187500vw;
    background: #0062b1;
    position: absolute;
    z-index: -1
}

.c1_index_banner .swiper-slide p.x3 a:hover {
    color: #fff;
    text-decoration: none
}

/*.c1_index_banner .swiper-slide p.x3 a:hover:before {*/
/*    width: 9.375000vw;*/
/*    color: #fff;*/
/*    text-decoration: none*/
/*}*/

.c1_index_banner .swiper-slide p.x3 a:active {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c1_index_default{
    width: 100%;
    margin: auto;
    height: 56.250000vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.c1_index_intro {
    width: 100%;
    margin: auto;
    height: 56.250000vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
.c1_index_intro .default{
    width: 62.500000vw;
    margin: auto;
}

.c1_index_intro .default.x1 {
    margin-top: 4.531250vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #202D40;
}

.c1_index_intro .default.x2 {
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
}

.c1_index_intro .default.x3 {
    margin-top: 1.875000vw;
    text-align: center;
    font-size: 0.729167vw;
    color: #606C80;
    line-height: 1.562500vw;
    font-weight: 200;
}

.tabs_box {
    margin: auto;
    width: 62.500000vw;
    box-shadow: 0 0 0.520833vw 0 #ffd9dd;
    margin-top: 2.604167vw;
    background: rgba(255, 255, 255, 0.6);
}

.tabs_box .tabs {
    height: 3.645833vw;
    border-bottom: 0.052083vw solid #ffd9dd;
    box-sizing: border-box;
    display: flex;
}

.tabs_box .tabs .tab-btn{
    cursor: pointer;
    line-height: 3.645833vw;
    flex: auto;
    text-align: center;
    font-size: 0.937500vw;
    color: #606C80;
    font-weight: 400;
    letter-spacing: 0.052083vw;
}

.tabs_box .tabs .tab-btn.active{
    color: #DE0029;
    font-weight: 600;
    position: relative;
}
.tabs_box .tabs .tab-btn.active:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    width: 6.093750vw;
    height: 0.208333vw;
    left: calc(50% - 6.093750vw/2);
}

.c1_index_intro .tabs_box .tab-content{
    height: 31.041667vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.c1_index_intro .tabs_box .tab-content{
    display: none;
}
.c1_index_intro .tabs_box .tab-content.show{
    display: block;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper{
    width: 17.552083vw;
    margin: 2.604167vw 0 0 3.541667vw;
}
.c1_index_intro .tabs_box .tab-content .cpt1{
    height: 22.916667vw;
    position: absolute;
    top: 2.604167vw;
    right: 2.604167vw;
}
.c1_index_intro .tabs_box .tab-content .cpt2{
    width: 34.322917vw;
    position: absolute;
    top: 2.760417vw;
    right: 3.437500vw;
}
.c1_index_intro .tabs_box .tab-content .cpt3{
    height: 23.437500vw;
    position: absolute;
    top: 2.812500vw;
    right: 3.385417vw;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper.tab3{
    width: 17.708333vw;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .title{
    font-size: 1.250000vw;
    color: #202D40;
    line-height: 2.291667vw;
    font-weight: 400;
    font-family: DingTalk-JinBuTi, serif;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper.tab3 .title{
    font-size: 1.041667vw;
    color: #202D40;
    line-height: 2.291667vw;
    font-weight: 400;
    font-family: DingTalk-JinBuTi, serif;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .text{
    font-size: 0.729167vw;
    color: #606C80;
    line-height: 1.562500vw;
    font-weight: 400;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .tag-box{
    margin-top: 0.781250vw;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .tag-box .tag{
    border: 0.052083vw solid transparent;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(270deg, #EC4B6C, #DB2D45) border-box;
    border-radius: 0.208333vw;
    padding: 0.052083vw;
    width: 6.770833vw;
    height: 2.083333vw;
    line-height: 2.083333vw;
    box-sizing: border-box;
    margin-right: 0.625000vw;
    margin-bottom: 0.625000vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    font-size: 0.833333vw;
    color: #D7263C;
    font-weight: 200;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .tag-box .tag img{
    margin-right: 0.260417vw;
    width: 0.729167vw;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .btn a{
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    border-radius: 0.208333vw;
    display: inline-block;
    width: 7.291667vw;
    height: 2.500000vw;
    font-size: 0.833333vw;
    color: #FFFFFF;
    line-height: 2.500000vw;
    font-weight: 400;
    text-align: center;
    margin-top: 2.604167vw;
    text-decoration: none;
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .btn a:hover{
    color: rgba(255, 255, 255, 0.8);
}
.c1_index_intro .tabs_box .tab-content .content-wrapper .btn a:nth-child(2){
    background-color: #FFFFFF;
    background-image: none;
    color: #DE0029;
    border: 0.052083vw solid #DE0029;
    margin-left: 0.833333vw;
}

.c1_index_intro .box {
    width: 62.500000vw;
    margin: auto;
    padding-top: 4.687500vw
}

.c1_index_intro p {
    width: 100%;
    height: 2.604167vw;
    line-height: 2.604167vw;
    font-size: 1.250000vw;
    color: #555;
    text-align: center;
    font-weight: 100;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif
}

.c1_index_company {
    width: 100%;
    margin: auto
}

.c1_index_company .box {
    width: 62.500000vw;
    height: 14.062500vw;
    padding: 4.166667vw 0;
    margin: auto
}

ul.company {
    width: 63.593750vw;
    float: left;
    margin-left: -1.093750vw
}

ul.company li {
    width: 20.104167vw;
    height: 14.062500vw;
    float: left;
    margin-left: 1.093750vw;
    position: relative
}

ul.company li .pic {
    width: 20.104167vw;
    height: 14.062500vw;
    overflow: hidden;
    position: relative;
    display: inline-block;
    z-index: 1
}

ul.company li .pic img {
    transition: all .7s;
    position: absolute;
    width: 100%;
    height: 100%
}

ul.company li p {
    width: 20.104167vw;
    height: 14.062500vw;
    overflow: hidden;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    z-index: 2;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    -moz-opacity: .4
}

ul.company li span.s1 {
    height: 2.604167vw;
    line-height: 2.604167vw;
    font-size: 1.562500vw;
    color: #fff;
    position: absolute;
    z-index: 3;
    left: 1.041667vw;
    top: 1.041667vw
}

ul.company li span.s2 {
    height: 2.083333vw;
    line-height: 0.937500vw;
    font-size: 0.729167vw;
    color: #fff;
    position: absolute;
    z-index: 3;
    left: 1.041667vw;
    top: 3.645833vw
}

ul.company li:hover .pic img {
    transform: scale(1.07, 1.07)
}

ul.company li:hover p {
    background: #0062b1
}

ul.company li:hover span {
    left: 1.822917vw;
    animation: company_txt .8s;
    -webkit-animation: company_txt .8s
}

@keyframes company_txt {
    from {
        left: 1.041667vw
    }

    to {
        left: 1.822917vw
    }
}

@-webkit-keyframes company_txt {
    from {
        left: 1.041667vw
    }

    to {
        left: 1.822917vw
    }
}

.c1_index_title {
    width: 100%;
    margin: auto;
    height: 3.750000vw;
    padding: 2.604167vw 0 1.041667vw 0
}

.tt_box {
    width: 62.500000vw;
    margin: auto;
    height: 3.333333vw;
    line-height: 1.875000vw;
    border-left: #0062b1 0.260417vw solid
}

.tt_box span.t1 {
    font-size: 1.666667vw;
    color: #333;
    float: left;
    display: inline-block;
    height: 1.875000vw;
    line-height: 1.875000vw;
    padding-left: 0.781250vw
}

.tt_box span.t2 {
    font-size: 1.041667vw;
    color: #555;
    font-weight: 100;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif;
    float: left;
    display: inline-block;
    height: 1.041667vw;
    line-height: 1.041667vw;
    padding-left: 0.781250vw;
    padding-top: 0.364583vw
}

.tt_box a {
    float: right;
    color: #999
}

.c1_index_share{
    width: 100%;
    margin: auto;
    height: 56.250000vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
.c1_index_share .default{
    width: 62.500000vw;
    margin: auto;
}
.c1_index_share .default.x1{
    margin-top: 8.072917vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #202D40;
}
.c1_index_share .default.x2 {
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
}

.c1_index_share .swiper-container{
    margin-top: 4.166667vw;
}
.c1_index_share #share:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4.166667vw;
    height: 100%;
    z-index: 10;
    background-image: linear-gradient(90deg, rgba(255,255,255,0),#FFFFFF);
}
.c1_index_share #share{
    position: relative;
}
.c1_index_share #share.left_jb:before{
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 4.166667vw;
    height: 100%;
    z-index: 10;
    background-image: linear-gradient(-90deg, rgba(255,255,255,0),#FFFFFF);
}
.c1_index_share .swiper-container .swiper-wrapper {
    width: 113.906250vw;
    transition-timing-function: linear !important;
    padding: 0 2.083333vw;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide{
    height: 26.041667vw;
    width: 26.770833vw;
    margin-right: 2.083333vw;
    padding: 1.562500vw 0;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active-center{
    transform: scale(1.1);
    transition: transform .5s ease-in-out;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active-center .swiper-slide-box{

}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-box{
    height: 26.041667vw;
    width: 26.770833vw;
    margin-right: 2.083333vw;
    padding: 3.333333vw 2.135417vw;
    box-sizing: border-box;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: width 0.3s, height 0.3s;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-box .share-content{
    height: 100%;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-box .share-content .text{
    font-size: 0.729167vw;
    color: #FFFFFF;
    text-align: justify;
    line-height: 1.354167vw;
    font-weight: 400;
    margin-top: 1.562500vw;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-box .share-content .btn a{
    border: 0.078125vw solid rgba(255,255,255,1);
    border-radius: 1.250000vw;
    display: inline-block;
    width: 7.812500vw;
    height: 2.500000vw;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 0.937500vw;
    color: #FFFFFF;
    line-height: 2.500000vw;
    font-weight: 400;
    text-align: center;
    position: absolute;
    bottom: 2.500000vw;
    left: 2.135417vw;
}
.c1_index_share .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-box.last-item{
    margin-right: 0;
}
.c1_index_share .share-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 72.916667vw;
    margin: auto;
    margin-top: 3.125000vw;
}
.c1_index_share .cggs_logo.active .logo{
    display: block;
}
.c1_index_share .cggs_logo.active .logo_hs{
    display: none;
}
.c1_index_share .share-logo .logo{
    display: none;
}
.c1_index_share .share-logo img{
    display: block;
}
.c1_index_share .share-logo .logo_1{
    height: 2.031250vw;
    width: 19.635417vw;
}
.c1_index_share .share-logo .logo_2{
    height: 2.604167vw;
    width: 15.104167vw;
}
.c1_index_share .share-logo .logo_3{
    height: 1.822917vw;
    width: 15.364583vw;
}
.c1_index_share .share-logo .logo_4{
    height: 1.718750vw;
    width: 10.833333vw;
}

.c1_index_ling {
    width: 100%;
    margin: auto;
    height: 56.250000vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
.c1_index_ling .default{
    width: 62.500000vw;
    margin: auto;
}
.c1_index_ling .default.x1{
    margin-top: 7.916667vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #ffffff;
}
.c1_index_ling .default.x2{
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #FFFFFF;
    line-height: 1.041667vw;
    font-weight: 400;
}
.c1_index_ling .lingxi-and-lingdong{
    width: 62.500000vw;
    margin: auto;
    margin-top: 2.812500vw;
    display: flex;
}
.c1_index_ling .lingxi-and-lingdong > div{
    width: 20.833333vw;
    height: 35.104167vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-left: 1.562500vw;
    padding-top: 3.645833vw;
    padding-right: 1.562500vw;
    transition: width  1s;
}
.c1_index_ling .lingxi-and-lingdong .lx{
    background-image: url("../../asset/images/homepage/img_lx.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 1.041667vw;
}
.c1_index_ling .lingxi-and-lingdong .hidden{
    display: none;
}
.c1_index_ling .lingxi-and-lingdong .active .hidden{
    display: inline-block;
}

.c1_index_ling .lingxi-and-lingdong .show{
    display: block;
}
.c1_index_ling .lingxi-and-lingdong .active .show{
    display: none;
}

.c1_index_ling .lingxi-and-lingdong .lx.active{
    width: 40.625000vw;
    background-image: url("../../asset/images/homepage/img_hover_lx.png");
}
.c1_index_ling .lingxi-and-lingdong .ld{
    background-image: url("../../asset/images/homepage/img_ld.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.c1_index_ling .lingxi-and-lingdong .ld.active{
    width: 40.625000vw;
    background-image: url("../../asset/images/homepage/img_hover_ld.png");
}
.c1_index_ling .lingxi-and-lingdong .active{
    padding-left: 2.604167vw;
    padding-top: 3.645833vw;
}
.c1_index_ling .lingxi-and-lingdong .title{
    font-size: 1.562500vw;
    color: rgba(255,255,255,0.80);
    line-height: 1.041667vw;
    font-weight: 600;
}
.c1_index_ling .lingxi-and-lingdong .text{
    font-size: 0.729167vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
    margin-top: 1.197917vw;
    width: 16.666667vw;
}
.c1_index_ling .lingxi-and-lingdong .active .text{
    font-size: 0.729167vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
    margin-top: 1.197917vw;
    width: auto;
}
.c1_index_ling .lingxi-and-lingdong .active .title{
    color: #202D40;
}
.c1_index_ling .lingxi-and-lingdong .desc{
    font-size: 0.729167vw;
    color: #606C80;
    font-weight: 200;
    display: flex;
    align-items: center;
    margin-top: 0.677083vw;
}
.c1_index_ling .lingxi-and-lingdong .btn a{
    display: inline-block;
    width: 7.291667vw;
    height: 2.500000vw;
    line-height: 2.500000vw;
    background-color: transparent;
    background-image: none;
    color: #DE0029;
    border: 0.052083vw solid #DE0029;
    text-align: center;
    border-radius: 0.208333vw;
    font-size: 0.833333vw;
    text-decoration: none;
    margin-top: 2.937500vw;
}
.c1_index_ling .lingxi-and-lingdong .desc img{
    margin-right: 0.364583vw;
    width: 0.937500vw;
}

.c1_index_znt .default{
    width: 62.500000vw;
    margin: auto;
}
.c1_index_znt .default.x1{
    margin-top: 8.072917vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #202D40;
}
.c1_index_znt .default.x2 {
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
    letter-spacing: 0.052083vw;
}
.c1_index_znt .znt-box {
    width: 62.500000vw;
    margin: auto;
}

.c1_index_znt .znt-box {
    width: 62.500000vw;
    margin: 2.604167vw auto auto;
    display: flex;
}

.c1_index_znt .znt-box .col-1 {
    width: 20.208333vw;
    margin-right: 0.937500vw;
    display: flex;
    flex-direction: column;
}
.c1_index_znt .znt-box .col-1:last-child {
    margin-right: 0;
}
.c1_index_znt .znt-box .col-1 .card-1{
    height: 16.822917vw;
    width: 100%;
    margin-bottom: 0.937500vw;
    box-shadow: 0.000000vw 0.000000vw 0.520833vw 0.000000vw rgba(170,210,242,0.74);
    border-radius: 0.520833vw;
    border: 0.052083vw solid rgba(255,255,255,0.1);
    padding: 4.010417vw 2.135417vw 0;
    box-sizing: border-box;
    transition: height 0.5s;
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.c1_index_znt .znt-box .col-1 .card-1:last-child{
    margin-bottom: 0;
}

.c1_index_znt .znt-box .col-1:nth-child(1) .card-1:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_1.png");
}
.c1_index_znt .znt-box .col-1:nth-child(1) .card-1:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_4.png");
}
.c1_index_znt .znt-box .col-1:nth-child(2) .card-1:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_2.png");
}
.c1_index_znt .znt-box .col-1:nth-child(2) .card-1:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_5.png");
}
.c1_index_znt .znt-box .col-1:nth-child(3) .card-1:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_3.png");
}
.c1_index_znt .znt-box .col-1:nth-child(3) .card-1:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_6.png");
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info{
    display: flex;
    align-items: center;
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info img{
    width: 2.916667vw;
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info .info{
    margin-left: 0.416667vw;
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info .info .title{
    font-size: 0.937500vw;
    color: #606C80;
    letter-spacing: 0;
    line-height: 1.302083vw;
    font-weight: 400;
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info .info .title a:hover{
    color: #DE0029;
}
.c1_index_znt .znt-box .col-1 .card-1 .top-info .info .info-desc{
    font-size: 0.729167vw;
    color: #606C80;
    letter-spacing: 0;
    line-height: 1.302083vw;
    font-weight: 200;
    margin-top: 0.156250vw;
}
.c1_index_znt .znt-box .col-1 .card-1 .text{
    font-size: 0.729167vw;
    color: #606C80;
    line-height: 1.458333vw;
    font-weight: 200;
    margin-top: 1.041667vw;
    letter-spacing: 0.052083vw;
}
.c1_index_znt .znt-box .col-1 .card-1 .desc{
    font-size: 0.729167vw;
    color: #606C80;
    font-weight: 200;
    margin-top: 1.718750vw;
    display: none;
}
.c1_index_znt .znt-box .col-1 .card-1 .desc .desc-item{
    display: flex;
    align-items: center;
    margin-bottom: 0.677083vw;
}
.c1_index_znt .znt-box .col-1 .card-1 .desc .desc-item img{
    margin-right: 0.364583vw;
    width: 0.729167vw;
}
.c1_index_znt .znt-box .col-1 .card-1.active {
    height: 27.083333vw;
}
.c1_index_znt .znt-box .col-1 .card-1.active .desc{
    display: block;
}
.c1_index_znt .znt-box .col-1 .card-1.un-active {
    background: rgba(255, 255, 255, 0.40) none!important;
    height: 6.562500vw;
    padding-top: 2.239583vw;
}
.c1_index_znt .znt-box .col-1 .card-1.un-active .text{
    display: none;
}
.c1_index_znt .znt-box .col-1:nth-child(1) .card-1.active:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_1_hover.png");
}
.c1_index_znt .znt-box .col-1:nth-child(1) .card-1.active:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_4_hover.png");
}
.c1_index_znt .znt-box .col-1:nth-child(2) .card-1.active:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_2_hover.png");
}
.c1_index_znt .znt-box .col-1:nth-child(2) .card-1.active:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_5_hover.png");
}
.c1_index_znt .znt-box .col-1:nth-child(3) .card-1.active:nth-child(1){
    background-image: url("../../asset/images/homepage/img_zntbj_3_hover .png");
}
.c1_index_znt .znt-box .col-1:nth-child(3) .card-1.active:nth-child(2){
    background-image: url("../../asset/images/homepage/img_zntbj_6_hover.png");
}

.c1_index_ygyc .default{
    width: 62.500000vw;
    margin: auto;
}
.c1_index_ygyc .tabs_box{
    background-color: rgba(255, 255, 255, 0.9);
}
.c1_index_ygyc .default.x1{
    margin-top: 8.072917vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #202D40;
}
.c1_index_ygyc .default.x2 {
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
    letter-spacing: 0.052083vw;
}
.c1_index_ygyc .tabs_box .tab-content{
    height: 23.593750vw;
    position: relative;
    overflow: hidden;
    display: none;
}
.c1_index_ygyc .tabs_box .tab-content.show{
    display: block;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper{
    margin: 3.125000vw 0 0 2.447917vw;
}

.c1_index_ygyc .tabs_box .tab-content .cpt1{
    position: absolute;
    top: 0.468750vw;
    right: 2.031250vw;
    width: 36.458333vw;
}
.c1_index_ygyc .tabs_box .tab-content .cpt2{
    position: absolute;
    top: 0.468750vw;
    right: 2.031250vw;
    width: 34.270833vw;
}
.c1_index_ygyc .tabs_box .tab-content .cpt3{
    position: absolute;
    top: 0.572917vw;
    right: 2.395833vw;
    width: 32.135417vw;
}

.c1_index_ygyc .tabs_box .tab-content .content-wrapper .top-info{
    display: flex;
    align-items: center;
}

.c1_index_ygyc .tabs_box .tab-content .content-wrapper .line{
    width: 17.864583vw;
    height: 0.052083vw;
    margin-top: 1.354167vw;
    background-color:  rgba(249,226,230,1);
    position: relative;
}

.c1_index_ygyc .tabs_box .tab-content .content-wrapper .line:before{
    content: '';
    position: absolute;
    background-image: linear-gradient(93deg, #E9A76B 0%, #E9A36C 11%, #E98A71 25%, #EA7972 35%, #EA5E73 46%, #EC4E70 56%, #E5405F 73%, #DB2B44 100%);
    width: 2.500000vw;
    height: 0.208333vw;
    bottom: 0;
}
.c1_index_ygyc .tabs_box .tabs .tab-btn.active:before{
    width: 8.333333vw;
    left: calc(50% - 8.333333vw/2);
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .top-info img{
    width: 2.500000vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .top-info .info{
    margin-left: 1.041667vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .top-info .info .title{
    font-size: 1.250000vw;
    color: #202D40;
    letter-spacing: 0.110937vw;
    line-height: 1.302083vw;
    font-weight: 600;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .top-info .info .info-desc{
    font-size: 0.833333vw;
    color: #202D40;
    letter-spacing: 0.052083vw;
    line-height: 1.302083vw;
    font-weight: 400;
    margin-top: 0.260417vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .desc{
    font-size: 0.729167vw;
    color: #606C80;
    font-weight: 200;
    margin-top: 1.458333vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .desc .desc-item{
    display: flex;
    align-items: center;
    margin-bottom: 0.677083vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper  .desc .desc-item img{
    margin-right: 0.364583vw;
    width: 0.937500vw;
}

.c1_index_ygyc .tabs_box .tab-content .content-wrapper .btn a{
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    border-radius: 0.208333vw;
    display: inline-block;
    width: 7.291667vw;
    height: 2.500000vw;
    font-size: 0.833333vw;
    color: #FFFFFF;
    line-height: 2.500000vw;
    font-weight: 400;
    text-align: center;
    margin-top: 2.604167vw;
    text-decoration: none;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper .btn span{
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    border-radius: 0.208333vw;
    display: inline-block;
    width: 7.291667vw;
    height: 2.500000vw;
    font-size: 0.833333vw;
    color: #FFFFFF;
    line-height: 2.500000vw;
    font-weight: 400;
    text-align: center;
    margin-top: 2.604167vw;
    text-decoration: none;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper .btn a:hover{
    color: rgba(255, 255, 255, 0.8);
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper .btn a:nth-child(2){
    background-color: #FFFFFF;
    background-image: none;
    color: #DE0029;
    border: 0.052083vw solid #DE0029;
    margin-left: 0.833333vw;
}
.c1_index_ygyc .tabs_box .tab-content .content-wrapper .btn a:nth-child(2):hover{
    color: rgba(222, 0, 41, 0.8);
}

.c1_index_ygyc .bottomFooter{
    width: 62.500000vw;
    margin: auto;
    height: 7.395833vw;
    display: flex;
    background-image: linear-gradient(179deg, #FFEBEF 1%, rgba(255,236,240,0.96) 46%, rgba(255,254,254,0.43) 100%, rgba(255,255,255,0.40) 100%);
}
.c1_index_ygyc .bottomFooter .footer-item{
    flex: 1;
    padding: 1.666667vw 0 0 2.552083vw;
}
.c1_index_ygyc .bottomFooter .footer-item > img{
    vertical-align: top;
    margin-right: 0.885417vw;
    width: 2.500000vw;
}
.c1_index_ygyc .bottomFooter .footer-item .info{
    display: inline-block;
}
.c1_index_ygyc .bottomFooter .footer-item .info .title{
    font-size: 0.937500vw;
    color: #202D40;
    letter-spacing: 0.065625vw;
    font-weight: 400;
    margin-bottom: 0.364583vw;
}
.c1_index_ygyc .bottomFooter .footer-item .info .desc{
    font-size: 0.729167vw;
    color: #202D40;
    letter-spacing: 0.051042vw;
    line-height: 1.093750vw;
    font-weight: 200;
}

.c1_index_robot .default{
    width: 62.500000vw;
    margin: auto;
}

.c1_index_robot .default.x1{
    margin-top: 8.072917vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #202D40;
}
.c1_index_robot .default.x2 {
    margin-top: 0.937500vw;
    text-align: center;
    font-size: 1.041667vw;
    color: #606C80;
    line-height: 1.041667vw;
    font-weight: 400;
    letter-spacing: 0.052083vw;
}
.c1_index_robot .robot-tabs{
    width: 62.500000vw;
    margin: auto;
    margin-top: 2.447917vw;
    display: flex;
    box-shadow: 0 0 0.520833vw 0 rgba(170,210,242,0.74);
    border-radius: 0.520833vw;
    overflow: hidden;
}
.c1_index_robot .robot-tabs .tabs{
    width: 6.770833vw;
    display: flex;
    flex-direction: column;
    height: 35.729167vw;
    background-image: linear-gradient(179deg, #F0F7FF 7%, #DDEEFF 84%);
    border: 0.052083vw solid #FFFFFF;
}
.c1_index_robot .robot-tabs .tabs .tab-btn{
    cursor: pointer;
    line-height: 2.083333vw;
    font-size: 0.833333vw;
    color: #202D40;
    font-weight: 400;
    margin: 1.562500vw 0;
    text-align: center;
}

.c1_index_robot .robot-tabs .tabs .tab-btn.active{
    color: #DE0029;
    font-weight: 600;
    position: relative;
}
.c1_index_robot .robot-tabs .tabs .tab-btn.active:before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    width: 0.208333vw;
    height: 2.083333vw;
    top: calc(50% - 2.083333vw/2);
}
.c1_index_robot .robot-tabs .tabs-wrapper{
    width: 37.239583vw;
    background-color: rgba(255, 255, 255, 0.8);
}
.c1_index_robot .robot-tabs .tab-content{
    display: none;
}
.c1_index_robot .robot-tabs .tab-content.show{
    display: block;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper{
    padding: 3.385417vw 0 0 1.562500vw;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper .top-info{
    display: flex;
    align-items: center;
    margin-bottom: 1.145833vw;
}

.c1_index_robot .robot-tabs .tab-content .content-wrapper .top-info img{
    width: 2.604167vw;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .top-info .info{
    margin-left: 1.041667vw;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .top-info .info .title{
    font-size: 1.250000vw;
    color: #202D40;
    letter-spacing: 0.110937vw;
    line-height: 1.302083vw;
    font-weight: 600;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .top-info .info .info-desc{
    font-size: 0.833333vw;
    color: #202D40;
    letter-spacing: 0.052083vw;
    line-height: 1.302083vw;
    font-weight: 400;
    margin-top: 0.364583vw;
}

.c1_index_robot .robot-tabs .tab-content .content-wrapper  .desc{
    font-size: 0.729167vw;
    color: #606C80;
    font-weight: 200;
    display: flex;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .desc .desc-item{
    display: flex;
    align-items: center;
    margin-bottom: 0.677083vw;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .desc .desc-item:first-child{
    margin-right: 1.354167vw;
}
.c1_index_robot .robot-tabs .tab-content .content-wrapper  .desc .desc-item img{
    margin-right: 0.364583vw;
    width: 0.937500vw;
}

.c1_index_robot .robot-tabs .tab-content .cpt1{
    margin-left: 1.562500vw;
    width: 32.760417vw;
}
.c1_index_robot .robot-tabs .tab-content .cpt2{

}
.c1_index_robot .robot-tabs .tab-content .cpt3{
}

.c1_index_robot .robot-tabs .right-results{
    flex: 1;
    background-color: rgba(255, 255, 255, 0.8);
    padding-top: 5.208333vw;
    padding-left: 1.666667vw;
    position: relative;
}
.c1_index_robot .robot-tabs .right-results:before{
    content: '';
    height: 27.083333vw;
    width: 0.052083vw;
    background-color: #E3EBFD;
    position: absolute;left: 0;
}
.c1_index_robot .robot-tabs .right-results>.title{
    font-size: 1.041667vw;
    color: #202D40;
    letter-spacing: 0.101042vw;
    line-height: 1.302083vw;
    font-weight: 600;
    margin-bottom: 0.833333vw;
}
.c1_index_robot .robot-tabs .right-results .result-card{
    width: 15.312500vw;
    height: 6.510417vw;
    background: rgba(255,255,255,0.50);
    box-shadow: 0 0 0.520833vw 0 rgba(170,210,242,0.74);
    border-radius: 0.520833vw;
    padding: 1.041667vw 1.562500vw;
    box-sizing: border-box;
    margin-bottom: 0.520833vw;
}
.c1_index_robot .robot-tabs .right-results .result-card > img{
    vertical-align: top;
    margin-right: 1.041667vw;
    margin-top: 0.260417vw;
    width: 2.187500vw;
}
.c1_index_robot .robot-tabs .right-results .result-card .card-text{
    display: inline-block;
}
.c1_index_robot .robot-tabs .right-results .result-card .card-text .card-title{
    font-size: 0.937500vw;
    color: #202D40;
    letter-spacing: 0.065625vw;
}
.c1_index_robot .robot-tabs .right-results .result-card .card-text .card-desc{
    font-size: 0.729167vw;
    color: #202D40;
    letter-spacing: 0.051042vw;
    line-height: 1.093750vw;
    font-weight: 200;
}
.c1_index_robot .robot-tabs .right-results .btn a{
    display: inline-block;
    width: 15.312500vw;
    height: 2.500000vw;
    line-height: 2.500000vw;
    background-color: #FFFFFF;
    background-image: none;
    color: #DE0029;
    border: 0.052083vw solid #DE0029;
    text-align: center;
    border-radius: 0.208333vw;
    font-size: 0.833333vw;
    text-decoration: none;
    margin-top: 0.937500vw;
}
.c1_index_form {
    width: 100%;
    margin: auto;
    height: 19.062500vw;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.c1_index_form .default{
    width: 62.500000vw;
    margin: auto;
}
.c1_index_form .default.x1{
    margin-top: 3.385417vw;
    text-align: center;
    font-family: DingTalk-JinBuTi, serif;
    font-size: 2.291667vw;
    line-height: 2.291667vw;
    font-weight: 400;
    color: #ffffff;
}
.c1_index_form .default.x2{
    font-size: 0.833333vw;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.833333vw;
    font-weight: 200;
    font-family: MicrosoftYaHeiLight;
    margin-top: 0.885417vw;
}


.sidebarNav{
    position: fixed;
    right: 8.020833vw;
    top: 8.125000vw;
    z-index: 999;
}
.sidebarNav .sidebarNavContent{
    display: flex;
    flex-direction: column;
}
.sidebarNav .sidebarNavContent .nav-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sidebarNav .sidebarNavContent .nav-item .node-btn{
    font-family: DingTalk-JinBuTi, serif;
    font-size: 0.729167vw;
    color: #202D40;
    font-weight: 400;
}
.sidebarNav .sidebarNavContent .nav-item.active .node-btn{
    color: #ffffff;
}
.sidebarNav .sidebarNavContent .nav-item > img{
    margin: 0.416667vw 0 0.312500vw 0;
    width: 0.520833vw;
}
.sidebarNav .sidebarNavContent .nav-item .active-img{
    display: none;
}
.sidebarNav .sidebarNavContent .nav-item .node-btn{
    cursor: pointer;
    width: 3.125000vw;
    height: 3.125000vw;
    border-radius: 50%;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E4F1FF 100%);
    box-shadow: 0.000000vw 0.104167vw 0.312500vw 0.000000vw rgba(0,0,0,0.15);
}
.sidebarNav .sidebarNavContent .nav-item.active .node-btn{
    background-image: linear-gradient(180deg, #56A0FD 0%, #2B67FA 100%);
    box-shadow: 0.000000vw 0.104167vw 0.312500vw 0.000000vw rgba(0,0,0,0.15);
}
.sidebarNav .sidebarNavContent .nav-item.active .node-img{
    display: none;
}
.sidebarNav .sidebarNavContent .nav-item.active .active-img{
    display: inline-block;
}

.c1_index_platform {
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 3.645833vw 0 1.041667vw 0
}

.c1_index_platform .box {
    width: 62.500000vw;
    margin: auto
}

.c1_index_platform .platform {
    width: 62.500000vw;
    margin: auto;
    padding: 3.125000vw 0 1.041667vw 0;
    box-shadow: 0 0 0.260417vw rgba(0, 0, 0, 0.25);
    margin-top: 2.604167vw
}

.platform .title {
    height: 6.250000vw;
    color: #333
}

.platform .title h3 {
    width: 100%;
    height: 2.604167vw;
    line-height: 2.604167vw;
    font-size: 1.666667vw;
    text-align: center;
    font-weight: 700
}

.platform .title p {
    width: 100%;
    height: 1.562500vw;
    line-height: 1.562500vw;
    font-size: 0.729167vw;
    text-align: center;
    font-weight: 600
}

.platform .cont {
    width: 62.500000vw;
    height: 20.312500vw;
    margin: auto
}

.platform .cont .pic {
    width: 40.625000vw;
    height: 20.312500vw;
    float: left
}

.platform .cont .pic .swiper-container {
    width: 40.625000vw;
    height: 20.312500vw
}

.platform .cont .pic .swiper-slide {
    width: 40.625000vw;
    height: 20.312500vw;
    background: #0062b1
}

.platform .cont .pic .swiper-pagination {
    margin-top: 7.291667vw
}

.platform .cont .pic img {
    width: 40.625000vw;
    height: 20.312500vw
}

.platform .cont .intro {
    width: 17.604167vw;
    height: 20.312500vw;
    float: right;
    padding-right: 2.083333vw
}

.platform .cont .intro .t1 {
    width: 17.604167vw;
    height: 3.125000vw;
    line-height: 2.604167vw;
    text-align: left
}

.platform .cont .intro .t1 img {
    height: 2.187500vw;
    float: left
}

.platform .cont .intro .des {
    height: 10.416667vw;
    line-height: 1.458333vw;
    padding: 0.520833vw 0;
    color: #333;
    text-align: justify
}

.platform .cont .intro .more {
    width: 17.604167vw;
    height: 2.083333vw;
    padding-top: 1.041667vw;
    text-align: center
}

.platform .cont .intro .more a {
    background: #fff;
    color: #0062b1;
    font-size: 0.729167vw;
    width: 7.291667vw;
    height: 1.875000vw;
    line-height: 1.875000vw;
    display: inline-block;
    border: #0062b1 0.052083vw solid;
    text-align: center;
    border-radius: 0.312500vw;
    -moz-border-radius: 0.312500vw;
    -webkit-border-radius: 0.312500vw;
    position: relative;
    z-index: 9
}

.platform .cont .intro .more a:before {
    box-sizing: border-box;
    -webkit-transition: 0.7s;
    transition: 0.7s
}

.platform .cont .intro .more a:before {
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 1.875000vw;
    background: #0062b1;
    position: absolute;
    z-index: -1
}

.platform .cont .intro .more a:hover {
    color: #fff;
    text-decoration: none
}

.platform .cont .intro .more a:hover:before {
    width: 7.291667vw;
    color: #fff;
    text-decoration: none
}

.platform .cont .intro .more a:active {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c1_index_service {
    width: 100%;
    margin: auto;
    background: #f2f5fb;
    padding: 3.645833vw 0 0 0;
    min-width: 62.500000vw
}

.c1_index_service .box {
    width: 62.500000vw;
    margin: auto
}

.c1_index_service .service {
    width: 62.500000vw;
    margin: auto;
    padding: 3.645833vw 0 0 0
}

.c1_index_service .service .nav {
    width: 62.500000vw;
    height: 3.437500vw;
    line-height: 3.437500vw;
    margin: auto;
    background-color: #8abdf8
}

.c1_index_service .service .nav a {
    width: 12.500000vw;
    display: block;
    text-align: center;
    font-size: 0.937500vw;
    color: #fff;
    box-sizing: border-box;
    float: left
}

.c1_index_service .service .nav a h5 {
    line-height: 1.562500vw;
    font-size: 1.250000vw;
    color: #333
}

.c1_index_service .service .nav a span {
    line-height: 1.562500vw;
    font-size: 0.729167vw;
    color: #999
}

.c1_index_service .service .nav a:hover {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c1_index_service .service .nav a:hover h5 {
    color: #fff;
    animation: service_nav 1.2s forwards;
    -webkit-animation: service_nav 1.2s forwards
}

.c1_index_service .service .nav a:hover span {
    color: #fff;
    animation: service_nav 1.2s forwards;
    -webkit-animation: service_nav 1.2s forwards
}

.c1_index_service .service .nav .cur {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c1_index_service .service .nav .cur h5 {
    color: #fff;
    animation: service_nav 1.2s forwards;
    -webkit-animation: service_nav 1.2s forwards
}

.c1_index_service .service .nav .cur span {
    color: #fff;
    animation: service_nav 1.2s forwards;
    -webkit-animation: service_nav 1.2s forwards
}

@keyframes service_nav {
    from {
        padding-left: 0
    }

    to {
        padding-left: 0.781250vw
    }
}

@-webkit-keyframes service_nav {
    from {
        padding-left: 0
    }

    to {
        padding-left: 0.781250vw
    }
}

.c1_index_service .service .cont {
    width: 62.500000vw;
    height: 44.010417vw;
    margin-top: -0.520833vw;
    display: inline-block;
    overflow: hidden
}

.c1_index_service .service .cont .ccc {
    position: relative;
    font-size: 1.666667vw;
    color: #1d1d1f;
    padding: 2.500000vw 0 3.125000vw;
    border-bottom: 0.052083vw solid #a0c9f9
}

.c1_index_service .service .cont .ccc:after {
    content: '';
    position: absolute;
    display: inline-block;
    border-top: 0.520833vw solid #0a92fe;
    border-bottom: 0.520833vw solid transparent;
    border-left: 0.520833vw solid transparent;
    border-right: 0.520833vw solid transparent;
    left: 50%;
    bottom: 10%
}

.c1_index_service .service .cont .ccc h1 {
    font-size: 1.666667vw;
    color: #1d1d1f;
    text-align: center;
    font-weight: 100;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif
}

.c1_index_service .service .cont .ccc-image .animate__animated {
    padding-top: 3.125000vw;
    text-align: center
}

.c1_index_service .service .cont .ccc-image .animate__animated img {
    width: 100%;
    text-align: center
}

.c1_index_service .service .cont .ccc-image-row .col-lg-8 {
    width: 60%;
    float: left;
    position: relative
}

.c1_index_service .service .cont .ccc-image-row .col-lg-4 {
    width: 40%;
    float: left
}

.c1_index_service .service .cont .ccc-image-row .col-lg-4 .description {
    margin-top: 7.291667vw;
    color: #0062b2;
    font-size: 0.833333vw;
    padding-right: 0.729167vw;
    line-height: 1.666667vw
}

@keyframes service_h5 {
    from {
        bottom: 2.083333vw
    }

    to {
        bottom: 4.583333vw
    }
}

@-webkit-keyframes service_h5 {
    from {
        bottom: 2.083333vw
    }

    to {
        bottom: 4.583333vw
    }
}

@keyframes service_span {
    from {
        bottom: -2.500000vw
    }

    to {
        bottom: 3.020833vw
    }
}

@-webkit-keyframes service_span {
    from {
        bottom: -2.500000vw
    }

    to {
        bottom: 3.020833vw
    }
}

@keyframes service_a {
    from {
        left: 7.812500vw
    }

    to {
        left: 16.406250vw
    }
}

@-webkit-keyframes service_a {
    from {
        left: 7.812500vw
    }

    to {
        left: 16.406250vw
    }
}

.c1_index_service .service .cont .x2 {
    width: 42.187500vw;
    height: 16.666667vw;
    position: relative;
    overflow: hidden
}

.c1_index_service .service .cont .x2 img {
    width: 42.187500vw;
    height: 16.666667vw;
    position: absolute;
    z-index: 1
}

.c1_index_service .service .cont .x2 h5 {
    position: absolute;
    z-index: 2;
    font-size: 1.250000vw;
    color: #fff;
    height: 1.666667vw;
    line-height: 1.666667vw;
    left: 1.302083vw;
    bottom: 2.083333vw
}

.c1_index_service .service .cont .x2 span {
    position: absolute;
    z-index: 2;
    font-size: 0.729167vw;
    color: #fff;
    height: 1.250000vw;
    line-height: 1.250000vw;
    left: 1.302083vw;
    bottom: -2.500000vw
}

.c1_index_service .service .cont .x2 a {
    position: absolute;
    z-index: 3;
    width: 2.083333vw;
    height: 1.250000vw;
    background: url(../images/index_service.svg) no-repeat center left;
    left: -3.333333vw;
    bottom: 4.583333vw
}

.c1_index_service .service .cont .x2:hover h5 {
    animation-delay: .0s;
    -webkit-animation-delay: .0s;
    animation: service_h52 1.2s forwards;
    -webkit-animation: service_h52 1.2s forwards
}

.c1_index_service .service .cont .x2:hover span {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    animation: service_span2 1.2s forwards;
    -webkit-animation: service_span2 1.2s forwards
}

.c1_index_service .service .cont .x2:hover a {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    animation: service_a2 1.2s forwards;
    -webkit-animation: service_a2 1.2s forwards
}

@keyframes service_h52 {
    from {
        bottom: 2.083333vw
    }

    to {
        bottom: 4.583333vw
    }
}

@-webkit-keyframes service_h52 {
    from {
        bottom: 2.083333vw
    }

    to {
        bottom: 4.583333vw
    }
}

@keyframes service_span2 {
    from {
        bottom: -2.500000vw
    }

    to {
        bottom: 3.020833vw
    }
}

@-webkit-keyframes service_span2 {
    from {
        bottom: -2.500000vw
    }

    to {
        bottom: 3.020833vw
    }
}

@keyframes service_a2 {
    from {
        left: 16.666667vw
    }

    to {
        left: 37.760417vw
    }
}

@-webkit-keyframes service_a2 {
    from {
        left: 16.666667vw
    }

    to {
        left: 37.760417vw
    }
}

.c1_index_partner {
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 3.645833vw 0 0.260417vw 0
}

.c1_index_partner .box {
    width: 62.500000vw;
    margin: auto
}

.c1_index_partner .partner {
    width: 62.500000vw;
    padding: 1.041667vw 0 2.604167vw 0
}

.c1_index_partner .partner ul {
    width: 63.125000vw;
    margin-left: -0.625000vw
}

.c1_index_partner .partner li {
    width: 9.895833vw;
    height: 4.687500vw;
    margin: 0.520833vw 0;
    margin-left: 0.625000vw;
    float: left;
    background: #fff;
    border-radius: 0.312500vw;
    box-shadow: 0 0 0.312500vw rgba(0, 0, 0, 0.35)
}

.c1_index_partner .partner li img {
    width: 9.895833vw;
    height: 4.687500vw;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.c1_index_partner .partner li img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%)
}

.c1_foot {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 24.843750vw;
    margin: auto;
    background: #27313D
}

.c1_foot .box1 {
    width: 62.500000vw;
    height: 15.145833vw;
    margin: auto;
    padding-top: 3.125000vw;
    border-bottom: #7E838B 0.052083vw solid;
    position: relative;
    display: flex;
    justify-content: space-between;
    /*padding-right: 12.500000vw;*/
    box-sizing: border-box;
}
/*.c1_foot .box1 .line{*/
/*    border-left: 0.052083vw solid #FFFFFF;*/
/*    height: 9.427083vw;*/
/*    opacity: 0.4;*/
/*    position: absolute;*/
/*    top: 3.125000vw;*/
/*    left: 53.125000vw;*/
/*}*/

.c1_foot .box1 .dd {
    height: 12.500000vw;
    line-height: 1.458333vw;
    float: left;
    font-size: 0.729167vw;
    color: #999
}
.c1_foot .box1 .dd .line{
    border-top: 0.052083vw solid #7E838B;
    width: 100%;
    margin-bottom: 0.320833vw;
    margin-top: 0.320833vw;
}

.c1_foot .box1 .dd h5 {
    font-size: 0.729167vw;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0.052083vw;
    font-weight: 400;
    font-family: MicrosoftYaHeiSemibold;
}
.c1_foot .box1 .dd h5 a{
    font-size: 0.729167vw;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0.052083vw;
    font-weight: 400;
    font-family: MicrosoftYaHeiSemibold;
    display: inline-flex;
    align-items: center;
}
.c1_foot .box1 .dd h5 a span{
    font-size: 0.729167vw;
    margin-bottom: 0.1vw;
}

.c1_foot .box1 .dd a {
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.052083vw;
    text-decoration: none;
    font-family: MicrosoftYaHeiLight;
}
.c1_foot .box1 .dd a:hover{
    color: rgba(255, 255, 255, 1);
}
.c1_foot .box1 .dd h5 a:hover{
    color: rgba(255, 255, 255, 0.7);
}

.c1_foot .box1 img {
    width: 8.125000vw;
    float: right;
    margin-top: 0.468750vw;
    margin-right: 0;
    position: absolute;
    right: 0;
}

.c1_foot .box2 {
    width: 62.500000vw;
    height: 6.208333vw;
    margin: auto;
    padding: 1.562500vw 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: initial;
}

.c1_foot .box2 > div{
    flex: 1;
}

.c1_foot .box2 .d1 {
    width: 20.916667vw;
    float: left;
    line-height: 1.354167vw;
    color: #999
}

.c1_foot .box2 .d1 h3 {
    font-size: 1.302083vw;
    font-weight: normal
}
.c1_foot .box2 .d1 img{
    height: 2.083333vw;
}
.c1_foot .box2 .d1 .foot_p{
    display: flex;
    flex-direction: column;
}
.c1_foot .box2 .centerImg{
    width: 13.281250vw;
}
.c1_foot .box2 .d1 .foot_p .address_z, .c1_foot .box2 .d1 .foot_p .address_e{
    font-family: MicrosoftYaHei;
    font-size: 0.729167vw;
    color: #8B949E;
    line-height: 1.354167vw;
    text-align: left;
    font-style: normal;
}
.c1_foot .box2 .d1 .foot_p .photo{
    font-family: MicrosoftYaHeiSemibold;
    font-weight: bold;
    font-size: 1.041667vw;
    color: #8B949E;
    line-height: 1.041667vw;
    text-align: left;
    font-style: normal;
    margin-top: 0.208333vw;
}

.c1_foot .box2 .d1 span {
    font-size: 0.625000vw;
    font-weight: normal
}

.c1_foot .box2 .d2 {
    width: 23.437500vw;
    height: 3.958333vw;
    padding: 0.364583vw 0;
    float: right;
    line-height: 1.302083vw;
    color: #666
}

.c1_foot .box2 .d2 p.p1 {
    width: 23.437500vw;
    text-align: right;
    font-size: 0.833333vw
}

.c1_foot .box2 .d2 p.p2 {
    width: 23.437500vw;
    text-align: right;
    font-size: 0.729167vw
}

.c1_foot .box2 .d2 p.p3 {
    width: 23.437500vw;
    text-align: right;
    font-size: 1.041667vw
}

.c1_foot .box2 .d3 {
    float: right
}

.c1_foot .box2 .d3 img {
    height: 5.833333vw;
    float: right
}

.c1_footx {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 3.437500vw;
    margin: auto;
    background: #1A222C;
}

.c1_footx .box {
    width: 62.500000vw;
    height: 3.437500vw;
    margin: auto
}

.c1_footx .d1 {
    width: 12.250000vw;
    height: 3.437500vw;
    line-height: 3.437500vw;
    font-size: 0.625000vw;
    color: #8B949E;
    float: left
}

.c1_footx .d1 a {
    color: #5F646E
}

.c1_footx .d1 span {
    width: 0.052083vw;
    height: 1.041667vw;
    margin: 0.000000vw 0.625000vw;
    color: #5F646E
}

.c1_footx .d2 {
    width: 40.083333vw;
    height: 3.437500vw;
    line-height: 3.437500vw;
    font-size: 0.625000vw;
    color: #5F646E;
    float: right;
    text-align: right
}

.c1_footx .d2 a {
    color: #5F646E
}

.c2_about_banner {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 20.833333vw;
    margin: auto;
    background: #fff url(../images/about_banner1.jpg) no-repeat center center;
    background-size: cover!important;
}

.c2_about_banner .box_t {
    width: 57.291667vw;
    height: 6.250000vw;
    padding-left: 5.208333vw;
    padding-top: 6.145833vw;
    margin: auto
}

.c2_about_banner .box_t img {
    height: 3.125000vw
}

.c2_about_banner .box {
    width: 62.500000vw;
    padding-top: 4.166667vw;
    margin: auto
}

.c2_about_banner .sub {
    width: 62.500000vw;
    height: 7.395833vw;
    margin: auto;
    display: flex;
    background-color: rgba(255, 255, 255, 0.7)
}

.c2_about_banner .sub a {
    width: 15.520833vw;
    height: 2.395833vw;
    line-height: 2.395833vw;
    background: #0099d7;
    border: #fff 0.052083vw solid;
    display: inline-block;
    text-align: center;
    float: left;
    opacity: 0.6;
    filter: alpha(opacity=60)
}

.c2_about_banner .sub a {
    color: #fff;
    font-size: 0.937500vw;
    font-weight: 400
}

.c2_about_banner .sub a:hover,
.c2_about_banner .sub a.cur {
    background: #0062b1;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.c2_about_box {
    width: 100%;
    margin: auto;
    background: #fff;
    padding-bottom: 2.604167vw
}

.c2_about_box .c2_about_cont {
    width: 52.083333vw;
    padding: 5.208333vw;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 0.833333vw;
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35)
}

.c2_about_box .c2_about_cont p {
    padding: 0.781250vw 0;
    line-height: 1.8;
    font-weight: normal
}

.c2_about_box .c2_about_cont .sp1 {
    width: 52.083333vw;
    height: 30.208333vw;
    margin: auto;
    margin-bottom: 1.562500vw;
    display: inline-block;
    position: relative;
    z-index: 1
}

.c2_about_box .c2_about_cont .sp1 .swiper-container {
    width: 52.083333vw;
    height: 30.208333vw
}

.c2_about_box .c2_about_cont .sp1 .swiper-slide {
    width: 52.083333vw;
    height: 30.208333vw;
    background: #0062b1
}

.c2_about_box .c2_about_cont .sp1 .swiper-slide img {
    width: 52.083333vw;
    height: 30.208333vw
}

.c2_about_box .c2_about_cont .sp1 .swiper-pagination {
    margin-bottom: 2.083333vw
}

.c2_about_box .c2_about_cont .sp1 .sb_prev {
    background: url(../images/about_left.svg) no-repeat center center;
    width: 1.250000vw;
    height: 1.250000vw;
    top: 90%;
    right: 5.000000vw;
    position: absolute;
    z-index: 999
}

.c2_about_box .c2_about_cont .sp1 .sb_next {
    background: url(../images/about_right.svg) no-repeat center center;
    width: 1.250000vw;
    height: 1.250000vw;
    top: 90%;
    right: 3.125000vw;
    position: absolute;
    z-index: 999
}

.c2_about_box .c2_about_cont .sp1 .sb_prev:hover,
.c2_about_box .c2_about_cont .sp1 .sb_next:hover {
    animation: t_light .9s .1s both 1;
    webkit-animation: t_light .9s .1s both 1
}

@keyframes t_light {
    50% {
        opacity: 1.0
    }

    70% {
        opacity: 0.6
    }

    90% {
        opacity: 0.2
    }

    100% {
        opacity: 0.6
    }
}

.c2_about_box .c2_about_cont .sp2 {
    width: 52.083333vw;
    height: 36.458333vw;
    margin: auto;
    margin-bottom: 1.562500vw;
    display: inline-block;
    position: relative;
    z-index: 1
}

.c2_about_box .c2_about_cont .sp2 .swiper-container {
    width: 52.083333vw;
    height: 36.458333vw
}

.c2_about_box .c2_about_cont .sp2 .swiper-slide {
    width: 52.083333vw;
    height: 36.458333vw;
    background: #0062b1
}

.c2_about_box .c2_about_cont .sp2 .swiper-slide img {
    width: 52.083333vw;
    height: 36.458333vw
}

.c2_about_box .c2_about_cont .sp2 .swiper-pagination {
    margin-bottom: 2.083333vw
}

.c2_about_box .c2_about_cont .sp2 .sb_prev {
    background: url(../images/about_left.svg) no-repeat center center;
    width: 1.250000vw;
    height: 1.250000vw;
    top: 90%;
    right: 5.000000vw;
    position: absolute;
    z-index: 999
}

.c2_about_box .c2_about_cont .sp2 .sb_next {
    background: url(../images/about_right.svg) no-repeat center center;
    width: 1.250000vw;
    height: 1.250000vw;
    top: 90%;
    right: 3.125000vw;
    position: absolute;
    z-index: 999
}

.c2_about_box .c2_about_cont .sp2 .sb_prev:hover,
.c2_about_box .c2_about_cont .sp1 .sb_next:hover {
    animation: t_light .9s .1s both 1;
    webkit-animation: t_light .9s .1s both 1
}

.c2_about_box .c2_about_cont .p21 {
    font-size: 0.833333vw
}

.c2_about_box .c2_about_cont .p21 span {
    font-size: 1.250000vw;
    font-weight: bold
}

.c2_about_box .c2_about_cont .p22 {
    font-size: 0.833333vw
}

.c2_about_box .c2_about_cont .p22 img {
    width: 29.166667vw;
    margin-top: 0.520833vw
}

.c2_about_box .c2_about_cont .p23 {
    font-size: 0.833333vw
}

.c2_about_box .c2_about_cont .p23 img {
    width: 52.083333vw;
    margin-top: 0.520833vw
}

.c2_about_box .c2_about_cont .p24 {
    height: 8.854167vw;
    line-height: 2.4
}

.c2_about_box .c2_about_cont .p24 img {
    float: left
}

.c2_about_box .c2_about_cont .history {
    padding: 0;
    margin: 0;
    width: 39.583333vw;
    margin-left: 7.291667vw;
    height: 8.854167vw;
    line-height: 8.854167vw;
    background: url(../images/about_history_icon.png) no-repeat center left;
    font-size: 0.937500vw;
    color: #555
}

.c2_about_box .c2_about_cont .history span {
    padding: 0;
    margin: 0;
    width: 8.854167vw;
    height: 2.291667vw;
    line-height: 1.145833vw;
    padding-top: 3.281250vw;
    text-align: center;
    display: inline-block;
    padding-right: 1.041667vw;
    font-size: 0.833333vw;
    color: #999;
    float: left
}

.c2_about_box .c2_about_cont .shareholder {
    padding-bottom: 2.604167vw
}

.about-history-wrapper .c2_about_cont {
    padding: 2.083333vw 3.125000vw;
    width: 56.250000vw
}

.about-history-wrapper .row {
    float: left
}

.about-history-wrapper .row:after {
    content: '';
    display: block;
    clear: both
}

.about-history-wrapper .c2_about_cont .col-8 {
    float: left
}

.about-history-wrapper .col-8 .swiper-container {
    background-color: #d4d4d4
}

.about-history-wrapper .col-2 {
    width: 14.687500vw;
    height: 22.239583vw;
    background-color: #f0f8fe;
    float: left;
    text-align: center;
    padding: 7.291667vw 2.604167vw 0;
    line-height: 1;
    box-sizing: border-box
}

.about-history-wrapper .col-2 h3 {
    font-size: 1.250000vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.093750vw;
    letter-spacing: 0;
    color: #2c62ac
}

.about-history-wrapper .col-2 p {
    font-size: 0.729167vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.458333vw;
    letter-spacing: 0;
    color: #5a5a5a
}

#about-history-wrapper .about-history-wrapper .c2_about_cont .col-8,
#about-history-wrapper .about-history-wrapper .col-8 .swiper-container,
#about-history-wrapper .c2_about_box .c2_about_cont .sp1 .swiper-slide img,
#about-history-wrapper .c2_about_box .c2_about_cont .sp1 .swiper-slide,
#about-history-wrapper .c2_about_box .c2_about_cont .sp1 .swiper-container {
    width: 41.458333vw;
    height: 22.239583vw;
    margin-bottom: 2.083333vw
}

#about-history-wrapper .m-20 {
    margin: 0 -1.041667vw
}

#about-history-wrapper .col-5 {
    float: left;
    width: 50%
}

#about-history-wrapper .col-5 .wrapper {
    padding: 0 1.041667vw 1.927083vw
}

#about-history-wrapper .col-5 .wrapper .card-image {
    width: 27.239583vw;
    height: 15.937500vw;
    background-color: #d4d4d4;
    overflow: hidden
}

#about-history-wrapper .col-5 .wrapper .card-image img {
    width: 100%;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transform: all .6s;
    -o-transform: all .6s
}

#about-history-wrapper .col-5 .wrapper .card-image img:hover {
    transform: scale(1.07, 1.07);
    -moz-transform: scale(1.07, 1.07);
    -webkit-transform: scale(1.07, 1.07);
    -o-transform: scale(1.07, 1.07)
}

#about-history-wrapper .col-5 .wrapper .card-title {
    color: #0062b2;
    font-size: 1.250000vw;
    line-height: 1;
    padding: 1.145833vw 0 0.625000vw
}

#about-history-wrapper .col-5 .wrapper .card-desc {
    color: #5a5a5a;
    font-size: 0.729167vw
}

.shareholder h5 {
    width: 100%;
    height: 3.750000vw;
    line-height: 3.750000vw;
    text-align: center;
    font-size: 1.875000vw;
    font-weight: bold
}

.shareholder .line {
    width: 100%;
    height: 1.145833vw;
    line-height: 1.145833vw;
    text-align: center
}

.shareholder .line span {
    width: 5.208333vw;
    height: 0.729167vw;
    line-height: 0.729167vw;
    padding: 0;
    margin: 0;
    margin: auto;
    display: inline-block;
    border-top: #0062b1 0.156250vw solid
}

.shareholder img {
    width: 52.083333vw
}

.shareholder p.txt {
    line-height: 2.2;
    text-align: justify
}

.shareholder .pa {
    width: 52.083333vw;
    text-align: center
}

.shareholder .pa a {
    background: #fff;
    color: #a6b2b6;
    font-size: 0.833333vw;
    width: 10.416667vw;
    height: 2.708333vw;
    line-height: 2.708333vw;
    display: inline-block;
    border: #a6b2b6 0.052083vw solid;
    border-radius: 0.312500vw;
    -moz-border-radius: 0.312500vw;
    -webkit-border-radius: 0.312500vw;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 9
}

.shareholder .pa a:before {
    box-sizing: border-box;
    -webkit-transition: 0.7s;
    transition: 0.7s
}

.shareholder .pa a:before {
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 2.708333vw;
    background: #0062b1;
    position: absolute;
    z-index: -1
}

.shareholder .pa a:hover {
    color: #fff;
    text-decoration: none;
    border: #0062b1 0.052083vw solid
}

.shareholder .pa a:hover:before {
    width: 10.416667vw;
    color: #fff;
    text-decoration: none
}

.shareholder .pa a:active {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c2_news_banner {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 26.041667vw;
    line-height: 26.041667vw;
    background: #0062b1
}

.c2_news_banner .swiper-container {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 26.041667vw
}

.c2_news_banner .swiper-slide {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 26.041667vw;
    line-height: 26.041667vw;
    background: #0062b1
}

.c2_news_banner .swiper-slide .xleft {
    width: 50%;
    min-width: 31.250000vw;
    float: left;
    height: 26.041667vw;
    line-height: 26.041667vw;
    background: no-repeat center center
}

.c2_news_banner .swiper-slide .xright {
    width: 50%;
    min-width: 31.250000vw;
    float: right;
    height: 26.041667vw;
    line-height: 26.041667vw;
    color: #fff
}

.c2_news_banner .swiper-slide .xright .txt {
    width: 24.479167vw;
    float: left;
    padding: 2.083333vw 0 0 3.125000vw
}

.c2_news_banner .swiper-slide .txt span.s1 {
    width: 24.479167vw;
    float: left;
    height: 1.250000vw;
    line-height: 1.250000vw;
    font-size: 0.625000vw
}

.c2_news_banner .swiper-slide .txt span.s2 {
    width: 24.479167vw;
    float: left;
    padding: 0.520833vw 0;
    height: 3.125000vw;
    line-height: 1.562500vw;
    font-size: 1.250000vw;
    font-weight: bold
}

.c2_news_banner .swiper-slide .txt span.s3 {
    width: 24.479167vw;
    float: left;
    padding: 0.520833vw 0;
    height: 5.208333vw;
    line-height: 1.302083vw;
    font-size: 0.729167vw
}

.c2_news_banner .swiper-slide .txt span.s4 {
    width: 24.479167vw;
    float: left;
    padding: 1.041667vw 0;
    height: 2.604167vw;
    line-height: 2.604167vw
}

.c2_news_banner .swiper-slide .txt span.s4 a {
    color: #fff;
    font-size: 0.729167vw;
    font-weight: bold;
    padding-bottom: 0.260417vw;
    border-bottom: #fff 0.052083vw solid
}

.c2_news_banner .prev {
    width: 1.875000vw;
    height: 1.354167vw;
    z-index: 9991;
    position: relative;
    left: 50%;
    top: -6.250000vw;
    margin-left: 22.916667vw;
    background: url(../images/about_left.svg) no-repeat center right
}

.c2_news_banner .next {
    width: 1.875000vw;
    height: 1.354167vw;
    z-index: 9992;
    position: relative;
    left: 50%;
    top: -7.604167vw;
    margin-left: 25.000000vw;
    background: url(../images/about_right.svg) no-repeat center right
}

.c2_news_banner .prev:hover {
    animation: t_zuo 1s ease infinite;
    cursor: pointer
}

@keyframes t_zuo {
    0% {
        margin-left: 22.916667vw
    }

    50% {
        margin-left: 22.708333vw
    }

    100% {
        margin-left: 22.916667vw
    }
}

.c2_news_banner .next:hover {
    animation: t_you 1s ease infinite;
    cursor: pointer
}

@keyframes t_you {
    0% {
        margin-left: 25.000000vw
    }

    50% {
        margin-left: 25.208333vw
    }

    100% {
        margin-left: 25.000000vw
    }
}

.c2_news_title {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 1.666667vw;
    line-height: 1.666667vw;
    padding: 2.083333vw 0 0.781250vw 0
}

.c2_news_title .t_box {
    width: 62.500000vw;
    margin: auto;
    height: 1.666667vw;
    line-height: 1.666667vw;
    border-left: #0062b1 0.260417vw solid
}

.c2_news_title .t_box span.t1 {
    font-size: 1.666667vw;
    color: #333;
    float: left;
    display: inline-block;
    padding-left: 0.781250vw
}

.c2_news_title .t_box span.t2 {
    font-size: 0.833333vw;
    color: #999;
    float: left;
    display: inline-block;
    padding-left: 0.520833vw;
    padding-top: 0.104167vw;
    line-height: 0.833333vw
}

.c2_news_list {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto
}

.c2_news_list .list_box {
    width: 62.500000vw;
    margin: auto
}

ul.news_list {
    width: 62.500000vw;
    padding: 0.520833vw 0;
    float: left
}

ul.news_list li {
    *zoom: 1;
    padding: 0.781250vw 0.520833vw;
    background: #fff;
    border: #eee 0.052083vw solid;
    margin-bottom: 1.562500vw
}

ul.news_list li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."
}

ul.news_list li:hover {
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35)
}

ul.news_list li p.x1 {
    width: 20.416667vw;
    height: 10.416667vw;
    float: left;
    margin-bottom: 0;
}

ul.news_list li p.x1 img {
    width: 20.416667vw;
    height: 10.416667vw
}

ul.news_list li p.x2 {
    width: 33.333333vw;
    height: 10.416667vw;
    float: left;
    margin-bottom: 0;
}

ul.news_list li p.x2 span.time {
    width: 30.729167vw;
    height: 1.562500vw;
    line-height: 1.562500vw;
    float: left;
    padding-left: 2.604167vw;
    font-size: 0.625000vw;
    color: #999
}

ul.news_list li p.x2 span.title {
    width: 30.729167vw;
    height: 3.125000vw;
    line-height: 3.125000vw;
    float: left;
    padding-left: 2.604167vw;
    font-size: 1.041667vw;
    color: #333;
    font-weight: bold
}

ul.news_list li p.x2 span.title a {
    position: relative
}

ul.news_list li p.x2 span.title a:before {
    content: '';
    display: block;
    width: 4.062500vw;
    height: 0.156250vw;
    position: absolute;
    left: 0;
    bottom: -1.041667vw;
    background: #0062b1;
    transition: all 0.8s ease-in-out
}

ul.news_list li p.x2 span.title a:hover {
    text-decoration: none
}

ul.news_list li:hover p.x2 span.title a:before {
    width: 100%
}

ul.news_list li p.x2 span.brief {
    width: 30.729167vw;
    height: 2.604167vw;
    line-height: 1.302083vw;
    margin-top: 1.562500vw;
    float: left;
    padding-left: 2.604167vw;
    font-size: 0.729167vw;
    color: #666
}

ul.news_list li p.x3 {
    width: 5.208333vw;
    height: 10.416667vw;
    float: left;
    margin-bottom: 0;
}

ul.news_list li p.x3 img {
    margin-left: 3.125000vw;
    margin-top: 4.479167vw;
    width: 1.250000vw
}

ul.news_list li p.x3 a:hover img {
    -webkit-transition: 0.6s linear;
    transition: 0.6s ease-in;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.c2_news_pn {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 1.666667vw;
    line-height: 1.666667vw;
    padding: 1.562500vw 0 2.604167vw 0
}

.c2_news_pn .pn_box {
    width: 62.500000vw;
    margin: auto;
    height: 1.666667vw;
    line-height: 1.666667vw;
    text-align: right
}

.c2_news_pn .pn_box a {
    background: #fff;
    border: 0.052083vw solid #999;
    color: #999;
    padding: 0.260417vw 0.625000vw;
    margin-left: 0.781250vw;
    text-decoration: none;
    border-radius: 0.156250vw;
    -moz-border-radius: 0.156250vw;
    -webkit-border-radius: 0.156250vw
}

.c2_news_pn .pn_box a:hover {
    background: #0062b1;
    border: 0.052083vw solid #0062b1;
    color: #fff;
    padding: 0.260417vw 0.625000vw;
    margin-left: 0.781250vw
}

.c2_news_pn .pn_box span {
    background: #0062b1;
    border: 0.052083vw solid #0062b1;
    color: #fff;
    padding: 0.260417vw 0.625000vw;
    margin-left: 0.781250vw;
    text-decoration: none;
    border-radius: 0.156250vw;
    -moz-border-radius: 0.156250vw;
    -webkit-border-radius: 0.156250vw
}

.c2_news_detail_banner {
    max-width: 100%;
    min-width: 62.500000vw;
    height: 15.625000vw;
    margin: auto;
    background: #fff url(../images/news_detail_banner.jpg) no-repeat center center;
    background-size: cover;
}

.c2_news_detail_title {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 1.250000vw;
    line-height: 1.250000vw;
    padding: 1.041667vw 0
}

.c2_news_detail_title .t_box {
    width: 52.083333vw;
    margin: auto;
    height: 1.250000vw;
    line-height: 1.250000vw;
    border-left: #b2b4b3 0.156250vw solid
}

.c2_news_detail_title a,
.c2_news_detail_title span {
    font-size: 0.729167vw;
    color: #b2b4b3;
    display: inline-block;
    padding: 0 0.260417vw
}

.c2_news_detail_cont {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto
}

.c2_news_detail_cont .cont_box {
    width: 47.916667vw;
    margin: auto;
    padding: 2.083333vw;
    background: #fff;
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35)
}

.c2_news_detail_cont .hd {
    border-bottom: #999 0.052083vw solid;
    text-align: center
}

.c2_news_detail_cont .hd h3 {
    width: 47.916667vw;
    padding: 1.041667vw 0;
    line-height: 2.083333vw;
    text-align: center;
    font-size: 1.250000vw;
    color: #000;
    font-weight: bold
}

.c2_news_detail_cont .hd span {
    width: 47.916667vw;
    height: 2.395833vw;
    line-height: 2.395833vw;
    text-align: center;
    font-size: 0.729167vw;
    color: #999
}

.c2_news_detail_cont .cont {
    color: #333;
    font-size: 0.833333vw;
    padding: 1.562500vw 0 2.604167vw 0;
    text-align: justify
}

.c2_news_detail_cont .cont img {
    text-align: center;
    max-width: 47.916667vw
}

.c2_news_detail_cont .cont p {
    padding: 0.520833vw 0
}

.c2_news_detail_cont .cont section {
    padding: 0.520833vw 0
}

.c2_news_detail_ab {
    max-width: 52.083333vw;
    min-width: 52.083333vw;
    margin: 1.562500vw auto;
    background: #fff;
    padding: 0.520833vw 0;
    box-shadow: 0 0 0.364583vw rgba(0, 0, 0, 0.35)
}

.c2_news_detail_ab .hd {
    width: 50.000000vw;
    height: 2.187500vw;
    line-height: 2.187500vw;
    padding: 0 1.041667vw;
    border-bottom: #ccc 0.052083vw solid
}

.c2_news_detail_ab .hd span {
    color: #000;
    font-size: 0.833333vw;
    font-weight: bold;
    padding-bottom: 0.416667vw;
    border-bottom: #0062b1 0.156250vw solid
}

ul.news_ab_list {
    max-width: 50.000000vw;
    min-width: 50.000000vw;
    padding: 1.041667vw;
    float: left;
    font-size: 0.729167vw
}

ul.news_ab_list li {
    width: 50.000000vw;
    line-height: 2.187500vw;
    overflow: hidden;
    border-bottom: #ccc 0.052083vw dotted;
    *zoom: 1
}

ul.news_ab_list li:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: "."
}

ul.news_ab_list span {
    line-height: 2.187500vw;
    float: right;
    _display: inline;
    color: #999
}

.c2_psafe_banner {
    width: 100%;
    min-width: 62.500000vw;
    height: 35.416667vw;
    margin: auto
}

.c2_psafe_banner .swiper-container {
    width: 100%;
    min-width: 62.500000vw;
    height: 35.416667vw;
    margin: auto
}

.c2_psafe_banner .swiper-slide {
    width: 100%;
    min-width: 62.500000vw;
    height: 35.416667vw;
    background: #0062b1
}

.c2_psafe_cont {
    width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    font-size: 0.833333vw
}

.c2_psafe_cont .box {
    width: 62.500000vw;
    margin: auto;
    padding: 2.604167vw 0
}

.c2_psafe_cont p {
    padding: 1.041667vw 0
}

.c2_psafe_cont .title {
    width: 62.500000vw;
    margin: auto;
    text-align: center;
    padding: 3.645833vw 0 1.562500vw 0
}

.c2_psafe_cont .title span {
    font-size: 1.875000vw;
    font-weight: 700;
    height: 2.083333vw;
    line-height: 2.083333vw;
    padding-bottom: 0.520833vw;
    border-bottom: #0062b1 0.156250vw solid
}

.c2_psafe_cont .sign {
    width: 62.500000vw;
    margin: auto;
    text-align: center;
    padding: 1.562500vw 0;
    margin: 1.562500vw 0;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif
}

.c2_psafe_cont .sign .t {
    width: 14.062500vw;
    float: left;
    text-align: center;
    font-size: 1.458333vw
}

.c2_psafe_cont .sign .s {
    border-left: #a6a6a6 0.052083vw solid;
    padding-left: 6.250000vw;
    font-size: 1.145833vw;
    float: left;
    line-height: 1.9;
    text-align: left
}

.purchase_nav {
    width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 4.166667vw;
    line-height: 4.166667vw;
    background: #f5f4f4;
    border-bottom: #d9d8d8 0.052083vw solid
}

.purchase_nav .box {
    width: 62.500000vw;
    margin: auto
}

.purchase_nav .box a {
    width: 10.416667vw;
    height: 4.166667vw;
    line-height: 4.166667vw;
    text-align: center;
    font-size: 0.937500vw;
    color: #666;
    display: inline-block;
    float: left;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif
}

.purchase_nav .box a:hover,
.purchase_nav .box a.cur {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.purchase_nav2 {
    width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 4.166667vw;
    line-height: 4.166667vw;
    background: #f5f4f4;
    border-bottom: #d9d8d8 0.052083vw solid;
    position: fixed;
    top: 4.166667vw;
    z-index: 90
}

.purchase_nav2 .box {
    width: 62.500000vw;
    margin: auto
}

.purchase_nav2 .box a {
    width: 10.416667vw;
    height: 4.166667vw;
    line-height: 4.166667vw;
    text-align: center;
    font-size: 0.937500vw;
    color: #666;
    display: inline-block;
    float: left;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif
}

.purchase_nav2 .box a:hover,
.purchase_nav2 .box a.cur {
    background: #0062b1;
    color: #fff;
    text-decoration: none
}

.c2_psafe_cont .svg img {
    width: 62.500000vw
}

.c2_psafe_cont .pt {
    background: #eaf6fc;
    width: 62.500000vw;
    height: 23.437500vw;
    margin: auto;
    color: #333;
    margin: 2.083333vw 0
}

.c2_psafe_cont .pt .pic {
    width: 40.625000vw
}

.c2_psafe_cont .pt .pic img {
    height: 20.833333vw;
    padding-top: 1.302083vw
}

.c2_psafe_cont .pt .txt {
    width: 17.708333vw;
    padding: 3.645833vw 2.083333vw
}

.c2_psafe_cont .pt .txt .t {
    font-size: 1.458333vw;
    font-weight: 700;
    margin-bottom: 1.562500vw
}

.c2_psafe_cont .pt .txt .t span {
    padding-bottom: 0.520833vw;
    border-bottom: #0062b1 0.104167vw solid
}

.c2_psafe_cont .da {
    width: 62.500000vw;
    height: 21.875000vw;
    display: inline-block;
    overflow: hidden;
    position: relative
}

.c2_psafe_cont .da img {
    transition: all .7s;
    position: absolute;
    z-index: 1
}

.c2_psafe_cont .da:hover img {
    transform: scale(1.07, 1.07)
}

.c2_psafe_cont .da span {
    position: absolute;
    z-index: 2;
    left: 4.166667vw;
    top: 8.854167vw;
    font-size: 1.875000vw;
    font-weight: 500
}

.c2_psafe_cont .da p {
    position: absolute;
    z-index: 2;
    left: 17.187500vw;
    top: 7.812500vw;
    font-size: 0.937500vw;
    font-weight: 500;
    width: 40.104167vw
}

.c2_psafe_cont .datxt {
    width: 62.500000vw;
    margin: 2.083333vw 0
}

.c2_psafe_cont .datxt .d2 {
    width: 27.604167vw;
    padding: 0 2.083333vw 0 1.562500vw;
    float: left
}

.c2_psafe_cont .datxt .d3 {
    width: 16.145833vw;
    padding: 0 3.125000vw 0 1.562500vw;
    float: left
}

.c2_psafe_cont .datxt .d2 .t,
.c2_psafe_cont .datxt .d3 .t {
    height: 1.562500vw;
    line-height: 1.562500vw;
    padding-left: 1.041667vw;
    border-left: #0099d7 0.260417vw solid;
    font-size: 1.250000vw;
    font-weight: 700
}

.c2_psafe_cont .datxt .d2 p,
.c2_psafe_cont .datxt .d3 p {
    font-size: 0.833333vw;
    line-height: 2.4
}

.c2_psafe_cont .jiazhi {
    width: 62.500000vw;
    height: 15.625000vw;
    background: #eff9fe;
    margin: 1.041667vw 0
}

.c2_psafe_cont .jiazhi .lt {
    width: 31.250000vw;
    float: left;
    text-align: center
}

.c2_psafe_cont .jiazhi .lt img {
    padding-top: 3.125000vw;
    padding-bottom: 1.041667vw;
    height: 4.687500vw;
    transition: all .7s
}

.c2_psafe_cont .jiazhi .lt img:hover {
    transform: scale(1.05, 1.05)
}

.c2_psafe_cont .jiazhi .lt span {
    font-size: 1.250000vw;
    font-weight: 700;
    margin-top: 2.083333vw
}

.c2_psafe_cont .jiazhi .rt {
    width: 31.250000vw;
    float: right
}

.c2_psafe_cont .jiazhi .rt p {
    padding-top: 5.208333vw;
    font-size: 0.833333vw;
    padding-right: 4.166667vw;
    line-height: 2
}

.c2_service_banner {
    width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 35.416667vw;
    background: #0062b1
}

.c2_service_banner .swiper-container {
    max-width: 100%;
    min-width: 62.500000vw;
    margin: auto;
    height: 35.416667vw
}

.c2_service_banner .swiper-slide {
    width: 100%;
    min-width: 62.500000vw;
    height: 35.416667vw;
    line-height: 35.416667vw;
    background: #0062b1;
    overflow: hidden
}

.c2_service_banner .swiper-pagination {
    margin-bottom: 3.125000vw
}

.c2_service_banner .swiper-slide p.x1 {
    width: 62.500000vw;
    line-height: 2.604167vw;
    margin: auto;
    margin-top: 5.729167vw;
    text-align: left;
    color: #fff;
    font-size: 1.875000vw;
    font-weight: bold
}

.c2_service_banner .swiper-slide p.x2 {
    width: 23.437500vw;
    padding-top: 1.562500vw;
    padding-right: 39.062500vw;
    height: 7.812500vw;
    line-height: 2;
    text-align: left;
    color: #edd;
    font-size: 0.729167vw;
    margin: auto
}

.c2_service_banner .swiper-slide p.pic {
    width: 33.333333vw;
    height: 30.208333vw;
    margin: auto;
    text-align: right;
    position: absolute;
    left: 50%;
    margin-left: -2.083333vw;
    top: 4.166667vw;
    z-index: 5;
    overflow: hidden
}

.fuwu_zz {
    width: 100%;
    min-width: 62.500000vw;
    height: 44.791667vw;
    margin: 1.041667vw auto;
    background: url(../images/service_bg.jpg) repeat-x center top
}

.fuwu_zz .box {
    width: 62.500000vw;
    height: 36.458333vw;
    padding: 2.604167vw 0;
    margin: auto
}

.fuwu_zz .box .pic {
    width: 62.500000vw;
    height: 29.166667vw;
    margin-bottom: 1.562500vw
}

.fuwu_zz .box .pic .dh {
    width: 12.500000vw;
    height: 13.020833vw;
    padding: 0 2.604167vw;
    margin-top: 9.375000vw
}

.fuwu_zz .box .pic .dh h5 {
    width: 100%;
    height: 5.208333vw;
    line-height: 2.604167vw;
    padding: 1.041667vw 0;
    font-size: 1.875000vw;
    color: #fff;
    float: left
}

.fuwu_zz .box .pic .dh span {
    width: 2.604167vw;
    height: 1.562500vw;
    line-height: 1.562500vw;
    float: left;
    animation: fuwu_zz 1.8s infinite;
    -webkit-animation: fuwu_zz 1.8s infinite
}

@keyframes fuwu_zz {
    0% {
        padding-left: 0
    }

    50% {
        padding-left: 0.729167vw
    }

    100% {
        padding-left: 0
    }
}

@-webkit-keyframes fuwu_zz {
    0% {
        padding-left: 0
    }

    50% {
        padding-left: 0.729167vw
    }

    100% {
        padding-left: 0
    }
}

.fuwu_zz .box .txt {
    width: 62.500000vw;
    height: 6.250000vw;
    margin: auto
}

.fuwu_zz .box .txt .lt {
    width: 31.250000vw;
    height: 6.250000vw;
    float: left
}

.fuwu_zz .box .txt .lt .icon {
    width: 9.895833vw;
    height: 6.250000vw;
    float: left;
    text-align: center;
    display: inline-block;
    color: #333
}

.fuwu_zz .box .txt .lt .icon p {
    height: 4.166667vw;
    line-height: 4.166667vw
}

.fuwu_zz .box .txt .lt .icon p img {
    height: 4.166667vw;
    margin: auto
}

.fuwu_zz .box .txt .lt .icon span {
    height: 1.875000vw;
    line-height: 1.875000vw;
    font-size: 1.041667vw;
    font-weight: 700
}

.fuwu_zz .box .txt .lt .icon:hover {
    cursor: pointer
}

.fuwu_zz .box .txt .lt .icon:hover span {
    color: #0062b1
}

.fuwu_zz .box .txt .rt {
    width: 31.250000vw;
    height: 6.250000vw;
    float: right;
    text-align: left
}

.fuwu_zz .box .txt .rt .rtl {
    text-align: left;
    height: 1.875000vw;
    line-height: 1.875000vw;
    font-size: 0.833333vw
}

.fuwu_zz .box .txt .rt .rtl span {
    padding: 0;
    margin: 0;
    background: #0062b1;
    width: 0.625000vw;
    height: 0.625000vw;
    line-height: 0.625000vw;
    margin-top: 0.572917vw;
    display: inline-block;
    margin-right: 0.520833vw;
    float: left
}

.fuwu_zz .box .txt .rt .rtl p {
    width: 26.406250vw;
    height: 1.875000vw;
    float: right;
    padding-right: 3.125000vw;
    text-align: left
}

.title_box {
    width: 100%;
    min-width: 62.500000vw;
    margin: auto
}

.title_box .title {
    width: 62.500000vw;
    margin: auto;
    text-align: center;
    padding: 3.125000vw 0 2.083333vw 0
}

.title_box .title span {
    font-size: 1.875000vw;
    font-weight: 700;
    height: 2.083333vw;
    line-height: 2.083333vw;
    padding-bottom: 0.520833vw;
    border-bottom: #0062b1 0.156250vw solid
}

.service_data {
    width: 100%;
    min-width: 62.500000vw;
    height: 20.833333vw;
    padding: 1.041667vw 0;
    margin: auto;
    background: #fff
}

.service_data .sdata_box {
    width: 62.500000vw;
    height: 19.791667vw;
    margin: auto
}

.sdata_box .pic {
    width: 30.208333vw;
    padding: 0 3.645833vw
}

.sdata_box .pic img {
    width: 30.208333vw;
    max-height: 19.791667vw
}

.sdata_box .txt {
    width: 21.875000vw;
    padding: 0 1.562500vw
}

.sdata_box .txt .title {
    width: 21.875000vw;
    height: 4.166667vw;
    line-height: 3.125000vw;
    font-size: 1.250000vw;
    color: #333;
    font-weight: 700
}

.sdata_box .txt .title span {
    padding-bottom: 1.041667vw;
    border-bottom: #0062b1 0.104167vw solid
}

.sdata_box .txt p {
    width: 21.875000vw;
    line-height: 2;
    padding: 1.041667vw 0;
    color: #999;
    font-size: 0.833333vw
}

.service_ul {
    width: 100%;
    min-width: 62.500000vw;
    padding: 2.083333vw 0;
    margin: auto;
    background: #fff
}

.service_ul .dul_box {
    width: 52.604167vw;
    margin: auto
}

.dul_box ul {
    width: 55.208333vw;
    margin-left: -2.604167vw
}

.dul_box li {
    width: 25.000000vw;
    height: 24.479167vw;
    margin-left: 2.604167vw;
    margin-bottom: 2.604167vw;
    box-shadow: 0 0 0.468750vw rgba(0, 0, 0, 0.45);
    transition: all .7s;
    float: left
}

.dul_box li .pic {
    width: 100%;
    height: 11.458333vw;
    padding: 1.562500vw 0;
    text-align: center
}

.dul_box li .pic img {
    height: 11.458333vw;
    max-width: 25.000000vw
}

.dul_box li span {
    width: 25.000000vw;
    height: 2.604167vw;
    line-height: 2.604167vw;
    text-align: center;
    font-size: 1.562500vw;
    display: inline-block;
    margin-top: 0.781250vw
}

.dul_box li p {
    width: 23.437500vw;
    padding: 0.520833vw;
    text-align: center;
    font-size: 0.729167vw;
    line-height: 2;
    font-weight: lighter
}

.dul_box li:hover {
    transform: scale(1.02, 1.02)
}

.ssafe_pic {
    width: 100%;
    min-width: 62.500000vw;
    height: 27.083333vw;
    padding: 3.645833vw 0 1.041667vw 0;
    margin: auto;
    background: #fff
}

.ssafe_pic .pbox {
    width: 62.500000vw;
    height: 27.083333vw;
    margin: auto
}

.ssafe_pic .pbox p {
    height: 7.812500vw;
    line-height: 3.645833vw;
    font-size: 2.187500vw;
    font-weight: 100;
    text-decoration: underline;
    color: #fff;
    padding-left: 1.562500vw;
    padding-top: 15.625000vw;
    animation: ssafe_pic 7.8s infinite;
    -webkit-animation: ssafe_pic 7.8s infinite
}

@keyframes ssafe_pic {
    0% {
        padding-top: 15.625000vw
    }

    30% {
        padding-top: 2.604167vw
    }

    100% {
        padding-top: 2.604167vw
    }
}

@-webkit-keyframes ssafe_pic {
    0% {
        padding-top: 15.625000vw
    }

    30% {
        padding-top: 2.604167vw
    }

    100% {
        padding-top: 2.604167vw
    }
}

.ssafe_txt {
    width: 100%;
    min-width: 62.500000vw;
    padding: 1.041667vw 0;
    margin: auto;
    background: #fff
}

.ssafe_txt .tbox {
    width: 62.500000vw;
    margin: auto
}

.ssafe_txt .tbox .lt {
    width: 26.041667vw;
    float: left
}

.ssafe_txt .tbox .rt {
    width: 26.041667vw;
    float: right
}

.ssafe_txt .tbox .tile {
    width: 26.041667vw;
    height: 4.166667vw;
    padding: 2.083333vw 0 0.781250vw 0;
    margin-top: 1.041667vw
}

.ssafe_txt .tbox .tile span {
    width: 4.427083vw;
    height: 4.166667vw;
    float: left
}

.ssafe_txt .tbox .tile span img {
    height: 4.166667vw;
    max-width: 4.427083vw
}

.ssafe_txt .tbox .tile p {
    height: 4.166667vw;
    line-height: 4.166667vw;
    font-size: 1.875000vw;
    font-weight: bold;
    color: #0062b1
}

.ssafe_txt .tbox ul {
    width: 26.041667vw
}

.ssafe_txt .tbox li {
    width: 25.937500vw;
    height: 2.500000vw;
    padding: 0.729167vw 0;
    background: #fff;
    border: #eef0f2 0.052083vw solid;
    color: #222;
    border-radius: 0.312500vw;
    font-size: 0.833333vw;
    margin-bottom: 0.364583vw
}

.ssafe_txt .tbox li span {
    width: 2.916667vw;
    height: 2.500000vw;
    line-height: 2.500000vw;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    color: #999;
    font-size: 0.937500vw
}

.ssafe_txt .tbox li p {
    width: 21.875000vw;
    height: 2.500000vw;
    line-height: 2.500000vw;
    vertical-align: middle;
    display: inline-block;
    padding-right: 1.041667vw
}

.ssafe_txt .tbox li p.x2 {
    line-height: 1.250000vw
}

.ssafe_txt .tbox li:hover {
    background: #0062b1;
    border: #0062b1 0.052083vw solid;
    color: #fff
}

.ssafe_bottom {
    width: 100%;
    min-width: 62.500000vw;
    height: 31.250000vw;
    margin: auto;
    background: #fff url(../images/service_safe_d.jpg) no-repeat center top;
    margin-top: 2.083333vw
}

.ssafe_bottom .box {
    width: 62.500000vw;
    height: 31.250000vw;
    margin: auto
}

.ssafe_bottom .box p {
    height: 11.458333vw;
    line-height: 2.083333vw;
    font-size: 0.937500vw;
    color: #fff;
    padding-top: 15.625000vw;
    animation: ssafe_bottom 7.8s infinite;
    -webkit-animation: ssafe_bottom 7.8s infinite
}

.ssafe_bottom .box p span {
    line-height: 2.604167vw;
    font-size: 1.875000vw;
    font-weight: 700;
    padding-bottom: 2.083333vw;
    display: inline-block
}

@keyframes ssafe_bottom {
    0% {
        padding-top: 16.666667vw
    }

    30% {
        padding-top: 8.854167vw
    }

    100% {
        padding-top: 8.854167vw
    }
}

@-webkit-keyframes ssafe_bottom {
    0% {
        padding-top: 16.666667vw
    }

    30% {
        padding-top: 8.854167vw
    }

    100% {
        padding-top: 8.854167vw
    }
}

.joinus_banner {
    width: 100%;
    min-width: 62.500000vw;
    height: 29.687500vw;
    margin: auto
}

.joinus_banner .swiper-container {
    width: 100%;
    min-width: 62.500000vw;
    height: 29.687500vw;
    margin: auto
}

.joinus_banner .swiper-slide {
    width: 100%;
    min-width: 62.500000vw;
    height: 29.687500vw;
    background: #0062b1
}
.joinus_banner .swiper-pagination-bullet{
    width: 0.416667vw;
    height: 0.416667vw;
}
.joinus_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 0.208333vw;
}

.c2_joinus_box .hd {
    width: 62.500000vw;
    height: 2.187500vw;
    line-height: 2.187500vw;
    text-align: center;
    margin: 2.604167vw auto
}

.c2_joinus_box h2 {
    color: #000;
    float: none;
    font-size: 1.250000vw;
    font-weight: 500
}

.c2_joinus_box .borderH {
    background: #0062b1;
    height: 0.156250vw;
    overflow: hidden;
    width: 3.593750vw;
    margin: auto
}

.c2_joinus_list {
    width: 62.500000vw;
    margin: auto
}

ul.joinus_list {
    width: 62.500000vw;
    padding: 0.520833vw 0;
    float: left
}

ul.joinus_list li {
    *zoom: 1;
    padding: 2.083333vw 4.687500vw;
    background: #ebf0f6;
    margin-bottom: 1.041667vw
}

ul.joinus_list li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."
}

ul.joinus_list li:hover {
    background: #0062b1
}

ul.joinus_list li .d1 {
    width: 100%;
    height: 1.666667vw;
    line-height: 1.666667vw;
    padding: 0.520833vw 0
}

ul.joinus_list li .d1 h5 {
    width: 60%;
    border-left: #0062b1 0.260417vw solid;
    font-size: 1.666667vw;
    font-weight: bold;
    padding-left: 0.520833vw
}

ul.joinus_list li .d1 a {
    width: 1.614583vw;
    height: 1.614583vw;
    background: url(../images/xia.svg) no-repeat center center;
    display: inline-block;
    float: right;
    cursor: pointer
}

ul.joinus_list li:hover .d1 h5 {
    border-left: #fff 0.260417vw solid;
    color: #fff
}

ul.joinus_list li .d2 {
    color: #a4b2b5;
    font-size: 0.937500vw;
    padding: 0.520833vw 0
}

ul.joinus_list li .d3 {
    color: #fff;
    font-size: 0.833333vw;
    padding: 0.520833vw 0;
    margin: 1.041667vw auto;
    border-top: #fff 0.052083vw solid;
    display: none
}

ul.joinus_list li.ss {
    background: #0062b1
}

ul.joinus_list li.ss .d1 h5 {
    border-left: #fff 0.260417vw solid;
    color: #fff
}

ul.joinus_list li.ss .d3 {
    display: block
}

ul.joinus_list li .d1 a.ss {
    background: url(../images/xia.svg) no-repeat center center
}

.c2_joinus_box .ditu {
    width: 61.458333vw;
    height: 91.145833vw;
    text-align: center;
    margin: 2.604167vw auto;
    background: #fff;
    padding: 0.520833vw;
    box-shadow: 0 0 0.520833vw rgba(0, 0, 0, 0.35)
}

.c2_joinus_box .ditu .txt {
    height: 7.812500vw;
    line-height: 1.562500vw;
    padding: 2.604167vw 0 0 1.041667vw;
    font-size: 0.937500vw;
    font-weight: 400;
    text-align: left
}

.c2_joinus_box .ditu .txt a {
    float: right;
    margin-right: 1.562500vw;
    margin-top: 1.562500vw;
    animation: ditu_icon 1.9s infinite;
    -webkit-animation: ditu_icon 1.9s infinite
}

.c2_joinus_box .ditu .txt img {
    width: 6.250000vw
}

@keyframes ditu_icon {
    10% {
        margin-top: 1.562500vw
    }

    50% {
        margin-top: 2.604167vw
    }

    100% {
        margin-top: 1.562500vw
    }
}

@-webkit-keyframes ditu_icon {
    10% {
        margin-top: 1.562500vw
    }

    50% {
        margin-top: 2.604167vw
    }

    100% {
        margin-top: 1.562500vw
    }
}

.c2_joinus_box .luxian {
    width: 61.458333vw;
    height: 45.833333vw;
    text-align: center;
    margin: 1.562500vw auto;
    background: #fff;
    padding: 0.520833vw 0
}

.c2_joinus_box .luxian img {
    width: 61.458333vw
}
.default-box-shadow{
    box-shadow: 0 0 0.520833vw 0 rgba(170,210,242,0.74);

}


.text-reveal {
    opacity: 0;
    transform: translateY(5.208333vw);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-image-reveal {
    opacity: 0;
    transform: scale(0.8);
    transition: all 1s ease-out;
}

.card-image-reveal.animate {
    opacity: 1;
    transform: scale(1);
}
.text-reveal.animate {
    opacity: 1;
    transform: translateY(0);
}
/* 方向动画类 */
.card-image-reveal.top {
    transform: translateY(-5.208333vw);
}

.card-image-reveal.top.animate {
    transform: translateY(0);
}

.card-image-reveal.bottom {
    transform: translateY(5.208333vw);
}

.card-image-reveal.bottom.animate {
    transform: translateY(0);
}

.card-image-reveal.left {
    transform: translateX(-5.208333vw);
}

.card-image-reveal.left.animate {
    transform: translateX(0);
}

.card-image-reveal.right {
    transform: translateX(5.208333vw);
}

.card-image-reveal.right.animate {
    transform: translateX(0);
}

.w-1200{
    width: 62.500000vw;
    margin: 0 auto;
}
.jdt_ani{
    position: relative;
    overflow: hidden;
}
.jdt_ani:before{
    content: '';
    transition: width 0.5s;
    width: 0.000000vw;
    height: 100%;
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.jdt_ani:hover:before{
    width: 100%;
}
.jdt_ani *{
    z-index: 2;
    position: relative;
}
.jdt_ani:hover *{
    color: #FFFFFF!important;
}

.com-form {
    color: #fff;
    margin-top: 2.760417vw;
    text-align: center
}

.com-form .com-form-title {
    font-size: 1.510417vw;
    line-height: 1
}

.com-form .com-form-subtitle {
    font-size: 0.833333vw;
    padding: 0.781250vw 0 1.562500vw
}

.com-form .border {
    border:  0.052083vw solid #0f91ea!important;
    border-radius: 0.312500vw;
    margin-right: 0.520833vw;
    overflow: hidden
}

.com-form .border:hover {
    border-color: #fff!important;
}

.com-form .border:hover input {
    color: #fff
}

.com-form .border span {
    color: #72bbfc;
    flex: 1;
    padding: 0.625000vw 1.250000vw;
    position: relative;
    white-space: nowrap
}

.com-form .border span:before {
    background: #0f91ea;
    content: "";
    height: 2.291667vw;
    left: 0;
    position: absolute;
    top: 0.052083vw;
    width: 0.052083vw
}

.com-form .code input {
    width: 14.270833vw
}
.com-form .code span {
    cursor: pointer;
    font-size: 0.625000vw;
}

.com-form .form-content {
    display: flex;
    justify-content: center
}

.com-form input {
    background: transparent;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.625000vw;
    height: 100%;
    padding: 0.520833vw 0 0.520833vw 0.781250vw;
    width: 100%
}

.com-form input::-webkit-input-placeholder {
    color: #72bbfc
}

.com-form input :-moz-placeholder, .com-form input ::-moz-placeholder {
    color: #72bbfc
}

.com-form input input:-ms-input-placeholder {
    color: #72bbfc
}

.com-form input input::-ms-input-placeholder {
    color: #72bbfc
}

.com-form .btn {
    background-image: linear-gradient(270deg, #ee4d6f 2%, #d7263c 97%);
    border-radius: 0.208333vw;
    color: #fff;
    font-size: 0.833333vw;
    font-weight: 400;
    letter-spacing: 0.104167vw;
    line-height: 2.291667vw;
    margin-top: 1.562500vw;
    text-align: center;
    width: 11.197917vw;
    padding: 0;
}

.com-form .btn:hover {
    color: hsla(0, 0%, 100%, .8)
}