#item {
    display: flex;
    display: -webkit-flex;
    margin-top: 30px;
    position: absolute;
}
#item>div{text-align: center;margin-right: 50px; font-size: 22px}
#item>div>span{
    position: relative;
    display: block;

}
#item>div>span:after {
    content: "";
    position: absolute;
    height: 35px;
    width: 68px;
    background-image: linear-gradient(to right, rgba(255,255,255,0.2) , rgba(255,255,255,0));
    left: 0;
    margin-left: 5px;
    margin-top: -6px;
}


.inner .title{
    font-size: 40px;
    color: #3B3B3B;
    letter-spacing: 0;
    text-align: center;
}

.section-inner {
    padding: 130px 0;
}
.section-inner .title{
    position: relative;
    font-size: 30px;
    color: #3B3B3B;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    margin-bottom:100px;
}
.section-inner .btn {margin-top: 80px}
.section-inner .title:before {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -40px;
    color: #000;
}
.section-inner .title + .sub-title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-top: -60px;
    display: block;
    margin-bottom: 100px;
}
section:nth-child(2) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-01.png);
}
section:nth-child(3) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-02.png);
}
section:nth-child(4) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-03.png);
}
section:nth-child(5) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-04.png);
}
section:nth-child(6) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-05.png);
}
section:nth-child(7) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-06.png);
}
section:nth-child(8) .section-inner .title:before {
    content: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210324-num-07.png);
}
.section-inner .title span {margin: 0 10px;}
.section-inner .title img {height: 25px}

.content-flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.content-flex.around{justify-content: space-around;}
.content-flex figure img {
    ransition:transform .3s ease;
    -o-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -webkit-transition:transform .3s ease;
}
.content-flex:not(.rect):not(.box) figure:hover img{
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transition:transform .3s ease;
    -o-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -webkit-transition:transform .3s ease;
}
.content-flex figure h1 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
}
.content-flex figure span {
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
    line-height: 38px;
}








.main1 {
    padding: 40px 0;
}

.main1_nr {
    margin-top: 20px;
    overflow: hidden;
}

.main1_nrk {
    width: 100%;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.main1_nrk .pic {
    width: 100%;
}

.main1_nrk .pic img {
    width: 100%;
}

.main1_nrk .title {
    width: 100%;
    height: 100%;
    background: url('../images/pic37.png') repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.main1_nrk .title_nr {
    width: 100%;
    height: 100%;
    display: table;
}

.main1_nrk .title_nrk {
    text-align: center;
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
}

.main1_nrk .title_nrk1 {
    width: 79px;
    height: 72px;
}

.main1_nrk .title_nrk2 {
    width: 79px;
    height: 72px;
    position: relative;
    display: none;
}

.main1_nrk .title_nrk2 .img1 {
    position: absolute;
    top: 9px;
    left: 23px;
}

.main1_nrk .title_nrk2 .img2 {
    position: absolute;
    top: 3px;
    right: -63px;
}

.main1_nrk .title_nrk2 .img3 {
    position: absolute;
    top: 5px;
    left: -62px;
    opacity: 0;
}

.main1_nrk .title_nrk2 .img31 {
    position: absolute;
    top: 42px;
    left: -42px;
    opacity: 0;
}

.main1_nrk .title_nrk2 .img32 {
    position: absolute;
    top: 5px;
    right: -62px;
    opacity: 0;
}

.main1_nrk .title_nrk2 .img33 {
    position: absolute;
    top: 42px;
    right: -42px;
    opacity: 0;
}

.main1_nrk .title_nrk2 .img4 {
    position: absolute;
    top: 9px;
    left: 2px;
}

.main1_nrk .title_nrk2 .img41 {
    position: absolute;
    top: 0px;
    left: 13px;
}

.main1_nrk .title_nrk2 .img51 {
    position: absolute;
    top: 17px;
    left: 36px;
}

.main1_nrk .title_nrk2 .img6 {
    position: absolute;
    top: 20px;
    left: 24px;
}

.main1_nrk .title_nrk3 {
    font-size: 18px;
    font-weight: bold;
    color: #114d9f;
    line-height: 100%;
    margin-top: 16px;
}

.main1_nrk .title_nrk4 {
    font-size: 14px;
    color: #616161;
    height: 48px;
    line-height: 24px;
    margin-top: 20px;
    overflow: hidden;
}

.main1_nrk:hover .title {
    background: url('../images/pic38.png') repeat;
}

.main1_nrk:hover .title_nrk1 {
    display: none;
}

.main1_nrk:hover .title_nrk2 {
    display: block;
}

.main1_nrk:hover .title_nrk3 {
    color: #fff;
}

.main1_nrk:hover .title_nrk4 {
    color: #fff;
}

.section-form{
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    background-image: url(https://jfile.cloudpnr.com/app-bdef1811-3bad-472f-b76c-90230ad840ed/adapay/site/20210325-bg-05.png);
    height: 400px;
}

.section-form .title{color: #ffffff; opacity: 0.9}
.section-form input {width: 280px}
.footer {
    width: 100%;
    height: 78px;
    background: #21262c;
}
.footerIconGroup {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding-top: 16px;
}
.footerIcon {
    margin-right: 10px;
    width: 12px;
    height: 10px;
    margin-left: 10px;
}
.footerIconGroup div span {
    color: #ff9c00;
    margin-left: 10px;
}


.muchpaybanner{
    background: url("../images/muchpaybanner.jpeg") no-repeat center center / cover;
    padding: 8rem 0;
    color: #fff;
}

.youshi{
    background: url("../images/youshi.jpeg") no-repeat center center / cover;
    padding: 2rem 0 3rem;
    color: #fff;
}

.y_pro_1 a.a1{
    color: #fff;
    line-height: 24px;
    cursor: default;
    text-decoration: none;
}
.y_pro_1 a img{
    width: 100%;
    max-width: 100%;
}
.y_pro_1 a.a1 b.b1{
    font-size: 20px;
    height: 24px;
    margin-bottom: 15px;
    margin-top: 24px;
    display: block;
    color: #fff;
}
.y_pro_1 a.a1 span.span1{
    height: 96px;
    margin-bottom:10px;
}

.y_pro_2 .a1{
    background: #f6f6f6;
    padding: 30px;
    min-height: 196px;
    color: #616161;
    line-height: 24px;
    margin-top: 25px;
    display: block;
    position: relative;
}
.y_pro_2.ling .a1{
    cursor: default;
}
.y_pro_2 .a1:first-child{
    margin-top: 0;
}
.y_pro_2 .a1 span.span1{
    position: absolute;
    left: 30px;
    top: 30px;
    width: 206px;
    height: 139px;
}
.y_pro_2 .a1 span.span1 img{
    width: 100%;
}
.y_pro_2 .a1 span.span2{
    padding-left: 236px;
    display: block;
}
.y_pro_2 .a1 span.span2 .bdo_01{
    display: block;
    font-size: 26px;
    line-height: 26px;
    color: #000;
    margin-bottom: 16px;
    margin-top: 15px;
}
.y_pro_2 .a1.ling span.span2 .bdo_01{
    margin-bottom: 14px;
    margin-top: 0px;
}
/*.y_pro_2 .a1 span.span2 .bdo_02{
    max-height: 72px;
}*/
.y_pro_2 .a1:hover{
    background: #0b5bba;
    color: #fff;
}
.y_pro_2.ling .a1:hover{
    background: #f6f6f6;
    color: #616161;
}
.y_pro_2 .a1:hover span.span2 .bdo_01{
    color: #fff;
}
.y_pro_2.ling .a1:hover span.span2 .bdo_01{
    color: #000;
}


.main6_nr {
    text-align: center;
    padding: 76px 0 58px;
    border: 1px solid #a6a6a6;
}

.main6_nr1 {
    font-size: 54px;
    font-weight: bold;
    color: #fff;
    line-height: 100%;
}

.main6_nr2 {
    font-size: 24px;
    font-weight: bold;
    color: #a6a6a6;
    line-height: 100%;
    margin-top: 40px;
}

.main6_nr2 span {
    font-size: 16px;
    line-height: 100%;
}

.main6_nr3 {
    margin-top: 36px;
}

.main6_nr3 a {
    font-size: 14px;
    color: #fff;
    width: 146px;
    max-width: 100%;
    height: 43px;
    line-height: 41px;
    text-align: center;
    border: 1px solid #f5f5f5;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.main6_nr3 a:hover {
    font-size: 16px;
    background-color: #114d9f;
    border: 1px solid #114d9f;
}




html{
    font-size: 32px;
}
@media (max-width: 768px) {
    html{
        font-size: 20px;
    }
}

.hide {
    display: none !important
}
body {
    overflow-x: hidden
}
.mobile-show {
    display: none
}
.mobile-hide {
    display: block
}
@media screen and (max-width:768px) {
    .mobile-show {
        display: block !important
    }
    .mobile-hide {
        display: none !important
    }
}
.fit-screen {
    width: 100vw;
    padding-left: calc(50vw - 720px);
    margin-left: calc(720px - 50vw);
    padding-right: calc(50vw - 720px);
    margin-right: calc(720px - 50vw)
}
div[role=anchor] {
    margin-top: -3rem;
    padding-top: 3rem
}
.ant-affix{
    position: sticky!important; top: 0px; width: 1272px; height: 50px;
}
.top-banner {
    height: 13.125rem;
    width: 100%;
    position: relative;
    background: no-repeat;
    background-size: cover;
    background-image: url('../images/banner4.png')
}
.top-banner>:nth-child(1) {
    position: absolute;
    top: 2.9375rem;
    left: 5rem
}
.top-banner>:nth-child(1) .breadcrumb-list {
    position: absolute;
    top: -1.71875rem;
    left: -1.625rem;
    padding: 0
}
.top-banner>:nth-child(1) .breadcrumb-list>ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}
.top-banner>:nth-child(1) .breadcrumb-list>ul>li {
    display: inline-block;
    position: relative
}
.top-banner>:nth-child(1) .breadcrumb-list>ul>li>a {
    height: .6875rem;
    font-size: .5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1f2023;
    line-height: .6875rem
}
.top-banner>:nth-child(1) .breadcrumb-list>ul>li:after {
    content: ">";
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}
.top-banner>:nth-child(1) .breadcrumb-list>ul>li:last-child>a {
    color: #878c9e
}
.top-banner>:nth-child(1) .breadcrumb-list>ul>li:last-child:after {
    content: none
}

.ant-affix {
    width: 100%;
    height: 1.5625rem;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.ant-affix .tab-list {
    max-width: 45rem;
    margin: 0 auto;
    padding: 0 3.375rem
}
.ant-affix .tab-list .tab-btn {
    display: inline-block;
    min-width: 3.125rem;
    height: 1.5625rem;
    font-size: .5375rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #3c4043;
    line-height: 1.5625rem;
    margin-right: 1.5rem;
    text-align: center
}
.ant-affix .tab-list .tab-btn:hover {
    cursor: pointer;
    color: #4285f4
}
.ant-affix .tab-list .tab-btn.active {
    cursor: pointer;
    font-size: .5rem;
    color: #4285f4;
    border-bottom: .09375rem solid #4285f4
}

.top-banner .fixed {
    position: fixed;
    width: 100%;
    z-index: 2;
    left: 0;
    top: 70px;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
.top-banner>span {
    width: 38.1875rem;
    position: absolute;
    left: 3.375rem;
    bottom: -.09375rem;
    border-bottom: 1px solid #e9e9ef
}
.top-banner .title {
    font-size: 1rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1f2023;
    line-height: 1.75rem
}
.top-banner .description {
    width: 18.75rem;
    height: auto;
    font-size: .5625rem;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #1f2023;
    line-height: 1rem;
    margin-top: .5rem
}
.top-banner .toDetail {
    width: 3rem;
    height: 1.125rem;
    font-size: .4375rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAkCAMAAABBj89wAAAAWlBMVEUgd/9oo/4hd/9sp/9ioP8hd/8mev9Mkv88iP9Fjv9QlP9Ul/8sfv85hv9Aiv8pfP9hnv9Zmv9JkP9enf82hP9mov8xgf8vgP9bm/9CjP8zg/9joP9WmP9qpP88edTdAAAABXRSTlPn505OTpatyikAAAFDSURBVEjHtZcLUsMwDAUdoGlLgKQQ8s/9r4namlkG11HHtd4BvKOnaGfinotV8i2Z57lpmi/JMJwky1JV1es5e8mn5CgZxw/JQfIuadt2mrqu6/v+TVLXdXnO7jfuyRUrgEZyeX+4vu8Bew84aoDaA3bEuVUBBAOM/v2Df/8C+DfAH4RbIw0tdzc0xQcAcCXoDY3bDTEAAN6nodP2CmjIA3plgnhD1f0NMYECoCF9gI1vCEBiQ+E3BKBUADmuLATMD35DAHYBID5AwpWFgPweKiOA3B4CoIsuwUMAWEFWDwHI4yEAwZKNPATAyEMAjDwEwMhDABLOmBXHzxiAkYcAxAZQr6xVPAQg0UOt5iEmAJDPQwCMPATAzEMA8pn65pKNPARgBpDTQwCMPATAyEMAks5Y9xCA4iEP6StwL4WFh/iF+gE+ubs5W02ydQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 1.125rem;
    display: inline-block;
    margin-top: 1rem
}






.product-value {
    width: 100%
}
.product-value .title {
    font-size: 1rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1f2023;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
    text-align: center
}
.product-value .commonTitle {
    width: 100%;
    text-align: center
}
.product-value .commonTitle .smallTitle {
    font-size: .75rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 500;
    color: #1f2023;
    line-height: 1.125rem;
    margin: 0 auto .9375rem auto
}
.product-value .commonTitle .title-desc {
    font-size: .625rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(31, 32, 35, .7);
    line-height: 1.125rem;
    letter-spacing: 1px
}
.product-value .photo {
    width: 20rem;
    height: 11.875rem;
    margin: 1.5625rem 0
}
.product-value .item {
    height: 15.3125rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f4f8ff));
    background: linear-gradient(180deg, #fff 0, #f4f8ff 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.product-value .item .content-one {
    margin-left: .5625rem
}
.product-value .item .content-two {
    width: 18.8125rem;
    padding-left: 1.9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.product-value .item:nth-child(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.product-value .item:nth-child(even) .content-one {
    margin-right: .5625rem
}
.product-value .content-title {
    font-size: .75rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1f2023;
    white-space: pre-line;
    line-height: 1.125rem
}
.product-value .content-description {
    font-size: .625rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(31, 32, 35, .7);
    line-height: 1.125rem;
    margin-top: .75rem
}
.product-value .content-description>div {
    white-space: pre-line
}


.application {
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f4f8ff));
    background: linear-gradient(180deg, #fff 0, #f4f8ff 100%);
    padding-bottom: 1.5625rem
}
.application .title {
    text-align: center;
    font-size: 1.125rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1f2023;
    line-height: 1.5rem;
    margin: 2.1875rem auto 1.25rem auto
}
.application .application-cotent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.application .application-cotent .application-item {
    width: 50%;
    padding-left: 3.375rem
}
.application .application-cotent .application-item .item-title {
    text-align: center;
    font-size: .75rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666;
    line-height: 1.03125rem;
    margin-bottom: .3125rem;
    margin-right: .9375rem
}
.application .application-cotent .application-item .shop-item {
    display: inline-block;
    margin-top: .9375rem;
    width: 8.375rem;
    height: 7.3125rem;
    background: #fff;
    -webkit-box-shadow: 0 8px 48px 0 rgba(207, 211, 223, .35);
    box-shadow: 0 8px 48px 0 rgba(207, 211, 223, .35);
    border-radius: 4px;
    text-align: left
}
.application .application-cotent .application-item .shop-item>img {
    width: 8.375rem;
    height: 5.625rem
}
.application .application-cotent .application-item .shop-item .shopName {
    display: block;
    font-size: .6875rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: .9375rem;
    margin: .375rem .75rem
}
.application .application-cotent .application-item .shop-item:nth-child(even) {
    margin-right: .9375rem
}
.application .application-cotent .application-item:nth-child(2n) {
    text-align: right;
    padding-left: 0;
    padding-right: 3.375rem
}
.application .application-cotent .application-item:nth-child(2n) .item-title {
    margin-left: .9375rem;
    margin-right: 0
}


.case-banner {
    width: 100%;
    background: #f4f9ff;
    padding-top: 1.25rem;
    padding-bottom: .5rem
}
.case-banner>.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #1f2023;
    margin-bottom: 1.25rem;
    line-height: 1.5rem
}
.case-banner>.title>div {
    position: relative
}
.case-banner>.title>div>:nth-child(1) {
    display: inline-block;
    color: #fa6915;
    position: absolute;
    left: -1.09375rem
}
.case-banner>.title>div>:nth-child(2) {
    display: inline-block;
    color: #fa6915;
    position: absolute;
    right: -1.09375rem
}
.case-banner>.description {
    text-align: center;
    height: .625rem;
    font-size: .5rem;
    font-weight: 400;
    color: #636676;
    line-height: .625rem;
    margin-top: .3125rem;
    margin-bottom: 1rem
}
.case-banner .case-list-container>.case-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.case-banner .case-list-container>.case-list .case-item {
    display: inline-block;
    vertical-align: top;
    width: 9rem;
    height: 8.75rem;
    background: #fff;
    -webkit-box-shadow: 0 .25rem 1.5rem 0 rgba(207, 211, 223, .35);
    box-shadow: 0 .25rem 1.5rem 0 rgba(207, 211, 223, .35);
    border-radius: .125rem;
    font-size: 0;
    margin-right: .35rem;
    margin-bottom: .75rem
}
.case-banner .case-list-container>.case-list .case-item>a {
    display: inline-block;
    width: 9rem;
    height: 10.75rem;
    position: relative
}
.case-banner .case-list-container>.case-list .case-item>a .brandImage {
    width: 3.75rem;
    height: 1.25rem;
    margin-top: .75rem;
    margin-left: .75rem;
    border-radius: .125rem
}
.case-banner .case-list-container>.case-list .case-item>a .high-quality {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .625rem;
    margin-right: .75rem;
    float: right
}
.case-banner .case-list-container>.case-list .case-item>a>img {
    display: block;
    margin: 0 auto;
    margin-top: .5rem;
    width: 7.5rem;
    height: 5.625rem;
    border-radius: .125rem
}
.case-banner .case-list-container>.case-list .case-item>a .name {
    letter-spacing: -1px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    float: right;
    margin-top: .75rem;
    margin-right: .75rem;
    width: 3rem;
    height: 1.25rem;
    font-size: .5625rem;
    font-weight: 500;
    color: #393939;
    line-height: 1.25rem;
    text-shadow: 0 .25rem 1.5rem rgba(207, 211, 223, .35);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.case-banner .case-list-container>.case-list .case-item>a>.description {
    margin: .625rem 0 .5rem .75rem;
    width: 7.5rem;
    height: 1.25rem;
    font-size: .375rem;
    font-weight: 400;
    font-family: PingFangSC-Regular, PingFang SC;
    color: rgba(135, 140, 158, .85);
    line-height: .625rem;
    text-shadow: 0 .25rem 1.5rem rgba(207, 211, 223, .35);
    overflow: hidden
}
.case-banner .case-list-container>.case-list .case-item>a>.detail {
    background: #fff;
    font-size: 12px;
    position: absolute;
    right: .75rem;
    top: 3.25rem;
    color: #007bff
}



.banner-block .item{height:550px;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center
}
.banner-block .item .title{font-size:44px;color:#fff;line-height:62px;padding:149px 0 31px
}
.banner-block .item .info{width:1100px;margin:0 auto;max-width:90%;font-size:16px;color:#fff;line-height:22px
}
@media (max-width: 768px){
    .banner-block .item{height:380px
    }
    .banner-block .item .title{font-size:26px;line-height:1.5em;padding:79px 0 15px
    }
    .banner-block .item .info{font-size:14px;line-height:1.5em
    }
}



.main-container .section-1 {
    position: relative;
    height: 600px;
    background-color: #F5F9FF;
    padding-bottom: 70px;
}
.main-container .section-1 .banner {
    height: 600px;
    width: 100%;
    position: absolute;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 2000px 598px;
}
.main-container .section-1 .banner .container {
    position: relative;
    padding-top: 99px;
}
.main-container .section-1 .banner .img-box {
    position: absolute;
    right: 0;
    top: 0;
}
.main-container .section-1 .banner .img-box img {
    height: 514px;
    margin-top: 40px;
}
.main-container .section-1 .banner .container .download-box .text-1 {
    font-size: 42px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 10px;
}
.main-container .section-1 .banner .container .download-box .text-2 {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: left;
    color: #7a7a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 470px;
}
.main-container .section-1 .banner .container .download-box .text-2 .vertical-line {
    display: block;
    width: 1px;
    height: 20px;
    border-left: solid 1px #b9b9b9;
}
.main-container .section-1 .banner .container .download-box .text-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 447px;
    margin-top: 48px;
}
.main-container .section-1 .banner .container .download-box .text-3 a {
    display: block;
    width: 214px;
    height: 68px;
}


.main-container .section-app {
    width: 100%;
    /* background: #ffffff; */
    padding: 70px 0;
    max-width: 1168px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    margin: 0 auto
}
.main-container .section-app .section-bg {
    width: 100%;
    /* background-color: #f8f8f9; */
    min-height: 400px;
}
.main-container .section-app .section-bg .container {
    position: relative;
    height: 400px;
}
.main-container .section-app .section-bg .container .con-box {
    /*position: relative;*/
}
.main-container .section-app .section-bg .container .con-box .img-box {
    position: absolute;
}
.main-container .section-app .section-bg .container .con-box .img-box img {
    height: 400px;
}
.main-container .section-app .section-bg .container .con-box .text-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-container .section-app .section-bg .container .con-box .text-box .text-1 {
    width: 100%;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    color: #0083FC;
}
.main-container .section-app .section-bg .container .con-box .text-box .horizon-line {
    width: 45px;
    height: 2px;
    background-color: #0083FC;
    margin: 27px 0;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-2 {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.72;
    letter-spacing: 1px;
    color: #000000;
    text-align: justify;
    width: 420px;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-3 {
    margin-top: 61px;
}
.main-container .section-app .section-bg .container .con-box .text-box .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 400px;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-3 a {
    display: block;
    width: 200px;
    height: 44px;
    background-color: #0083FC;
    line-height: 44px;
    color: #ffffff;
    text-align: center;
}
.main-container .section-app .section-bg .container .con-box .app-section-1 {
    top: 40%;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-3 .btn-download-iphone {
    width: 191px;
    height: 61px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 191px 61px;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-3 .btn-download-android {
    width: 191px;
    height: 61px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 191px 61px;
}
.main-container .section-app .section-bg .container .con-box .text-box .text-3 a .iconfont {
    margin-left: 16px;
}
.main-container .section-app .section-bg .container .con-odd .img-box {
    right: 0;
}
.main-container .section-app .section-bg .container .con-odd .text-box {
    left: 0;
}
.main-container .section-app .section-bg .container .con-even .img-box {
    left: 0;
}
.main-container .section-app .section-bg .container .con-even .text-box {
    right: 0;
}
.main-container .section-app .section-bg .container .con-box .text-box .account-box span {
    opacity: 0.6;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.main-container .section-app .section-bg .container .con-box .text-box .account-box .vertical-line {
    width: 3px;
    height: 27px;
    border: solid 1px #636363;
    margin: 0 16px;
}
.main-container .section-app .section-bg .container .con-box .text-box .intro-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-container .section-app .section-bg .container .con-box .text-box .intro-box>div {
    margin-left: 8px;
}
.main-container .section-app .section-bg .container .con-box .text-box .intro-box>div>div:first-child {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2d2d32;
}
.main-container .section-app .section-bg .container .con-box .text-box .intro-box>div>div:nth-child(2) {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #c7c7c7;
}





.main_part1 {
    width: 100%;
    height: 255px;
    background-color: #FAFAFA;
}
#main_part1_swiper {
    width: 85%;
    margin: 0 auto;
    height: 100%;
}
#main_part1_swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#main_part1_swiper .swiper-slide {
    text-align: center;
    background-color: #FFFFFF;
    width: 209px;
    height: 158px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(48, 48, 77, 0.05), 0px 4px 6px 0px rgba(48, 48, 77, 0.05);
    box-shadow: 0px 2px 4px 0px rgba(48, 48, 77, 0.05), 0px 4px 6px 0px rgba(48, 48, 77, 0.05);
    border-radius: 6px;
    border: 1px solid rgba(239, 239, 239, 1);
    margin: 49px 15px 0;
}
#main_part1_swiper .swiper-slide:hover {
    border: 2px solid #0083FC;
}
#main_part1_swiper .swiper-slide .title {
    font-size: 42px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 36px;
    margin-top: 38px;
}
#main_part1_swiper .swiper-slide .sub_title {
    font-size: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 22px;
    margin-top: 20px;
}

/*======================================= part2 ============================================*/
.main_part2 {
    width: 100%;
    height: 641px;
    background-color: #FFFFFF;
    border-top: 1px solid rgba(239, 239, 239, 1);
}
.main_part2 .title {
    font-size: 42px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 42px;
    margin-top: 88px;
    text-align: center;
}
.main_part2 .sub_title {
    font-size: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 34px;
    margin-top: 19px;
    text-align: center;
}

/* 左右箭头 */

/* .main_part2 .button{
    width: 100%;
    position: absolute;
    margin-top: 220px;
} */
.main_part2 .swiper-button-prev {
    /* left: -10px; */
    width: 48px;
    height: 48px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJFBMVEUAAABDRERDRERDRERDRERDRERDRERDRERDRERDRERDRERDRESZi5ebAAAAC3RSTlMAENDwMGCAcMBQIDfuI74AAABESURBVDjLYxgF1AZC27CLM2rjkBDabYJDw2aHoaKBHaEBU4I0oxiE8GgJwKVlKy4tu6mpZSeJUcsggUuCYQHDKCAdAAD9WRiuVee3VQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    opacity: 0.7;
    outline: none;
}
.main_part2 .swiper-button-prev:hover {
    opacity: 1;
}
.main_part2 .swiper-button-next {
    /* right: -10px;  */
    width: 48px;
    height: 48px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEUAAABDRERDRERDRERDRERDRERDRERDRESXEMESAAAAB3RSTlMAYKAQ0PDAf/87NgAAAD5JREFUOMtjGAXUBOyFuCTKBbBLMJXj0qI+BLUE4JQgzSgzHJYzu+PQYEJzDSzlhSRGLXsgjgBkNmAYBeQBAFD8EXXsa7CwAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    opacity: 0.7;
    outline: none;
}
.main_part2 .swiper-button-next:hover {
    opacity: 1;
}
.main_part2 .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* 图片轮番 */
.reason-info {
    width: 90%;
    height: 360px;
    margin: 0 auto;
    margin-top: 66px;

    position: relative;
}
.reason-info .swiper-container {
    height: 360px;
    width: 90%;
    top: 14px;
    margin: 0 auto;
}
.reason-info .swiper-slide {
    -webkit-transition: transform 2.0s;
    -moz-transition: transform 2.0s;
    -ms-transition: transform 2.0s;
    -o-transition: transform 2.0s;
    -webkit-transform: scale(0.715, 0.670);
    transform: scale(0.715, 0.670);
}
.reason-info .swiper-slide-active,
.reason-info .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);

    -webkit-box-shadow: 0px 2px 2px 0px rgba(48, 48, 77, 0.05), 0px 4px 4px 0px rgba(48, 48, 77, 0.05), 0px 8px 8px 0px rgba(48, 48, 77, 0.05), 0px 16px 16px 0px rgba(48, 48, 77, 0.05), 0px 32px 32px 0px rgba(48, 48, 77, 0.05);

    box-shadow: 0px 2px 2px 0px rgba(48, 48, 77, 0.05), 0px 4px 4px 0px rgba(48, 48, 77, 0.05), 0px 8px 8px 0px rgba(48, 48, 77, 0.05), 0px 16px 16px 0px rgba(48, 48, 77, 0.05), 0px 32px 32px 0px rgba(48, 48, 77, 0.05);
    border-radius: 6px;
    border-bottom: 6px solid rgba(222, 184, 91, 1);

    width: 100%;
    height: 312px;
}
.reason-info .swiper-slide-active .icon {
    margin-top: 50px;
}
.reason-info .swiper-slide-active .title {
    font-size: 26px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
}
.reason-info .swiper-slide-active .sub_title {
    display: block;
}
.reason-info .swiper-slide-active .columns {
    border-bottom: 1px solid rgba(222, 184, 91, 1);
}
.reason-info .none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
.reason-info .swiper-slide img {
    width: 100%;
}
.row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
}
.align-middle {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
.columns {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    min-width: initial;
    width: 273px;
    height: 312px;
    border-radius: 6px;
    border: 1px solid rgba(239, 239, 239, 1);
}
.info {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.columns .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 70px;
    background-size: 100% 100%;
}
.columns .title {
    font-size: 24px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 26px;
    margin-top: 30px;
}
.columns .sub_title {
    width: 176px;
    height: 68px;
    font-size: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 34px;
    margin: 0 auto;
    margin-top: 18px;
    text-align: center;

    display: none;
}

/*======================================= part3 ============================================*/
.main_part3 {
    width: 100%;
    height: 774px;
    background-color: #FFFFFF;
    border-top: 1px solid rgba(239, 239, 239, 1);
}
.main_part3 .title {
    font-size: 42px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 42px;
    margin-top: 80px;
    text-align: center;
}

/*轮番*/
.logowrap {
    width: 730px !important;
    height: 35px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 45px;

    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.logowrap .logoitem {
    width: 160px;
    height: 35px;
    display: inline-block;
    text-align: center;
    position: relative;

    font-size: 22px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 24px;
}
.logowrap .logoitem.active {
    border-bottom: solid 2px rgba(222, 184, 91, 1);

    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}
.owl-buttons {
    position: relative;
}
body .owl-theme .owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #fff
}
body .owl-theme .owl-controls .owl-buttons div:hover {
    border: 1px solid #555
}
.owl-prev {
    position: absolute;
    left: -60px;
    top: -58px;
}
.owl-next {
    position: absolute;
    right: -60px;
    top: -58px;
}
.logocontent {
    width: auto;
    margin: 0 auto;
    margin-left: 207px;
    margin-right: 207px;
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.left-right_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.content1 {
    width: 100%;
}
.content1 ul li {
    /* 方框与文字水平对齐 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
}
.content1 .yes_icon {
    width: 24px;
    height: 24px;
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjdBQTM4NjVBNjc1MTFFQkE3MDVCRDMzNzlCOTU4M0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjdBQTM4NjZBNjc1MTFFQkE3MDVCRDMzNzlCOTU4M0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCN0FBMzg2M0E2NzUxMUVCQTcwNUJEMzM3OUI5NTgzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCN0FBMzg2NEE2NzUxMUVCQTcwNUJEMzM3OUI5NTgzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnqXJx0AAADnSURBVHjaYvz//z8DLQETA43BqAUEAQu1DGJs+QtybBkQSwNx/f8a5ndUswBq+HwgjoMK/QDiUqoEERbDQeA6VeIAh+E9wOCZh9UCoAZ5IBak0PBSrKkIqCEKSD0A4vtAtgURhs8mZDi6D8yhND8Q78BlCZLhSYQMR7egD4if4LOEVMNRLAAqegikHHBZgsPwSfgMB+tDL02BBikDqQNALAMV+gjEHkCcisXwfIKJAVtxjcWSP2iZkijDcVqAwxKSDceb0YCG3EWLExCYQorheH2A5pM6IL4INLyP5Nw+WmUOfwsAAgwAYzpuxjJ13KsAAAAASUVORK5CYII=);
}
.content1 ul li .tit {
    float: left;
    margin-left: 12px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 18px;
}
.content1 .right_img {
    width: 626px;
    height: 376px;
    text-align: right;
}
.content1 .right_img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 本例子css part3*/

/*content2*/
.content2 .slideTxtBox {
    width: 1166px;
    height: 452px;
    background-color: #FAFAFA;
}
.content2 .slideTxtBox .hd {
    width: 194px;
    height: 356px;
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, 0.09);
}

/* ---- swiper second --- */
.content2 {
    width: 1166px;
    height: 452px;
    background-color: #FAFAFA;
}
.second_swiper_father1 {
    width: 194px;
    height: 356px;
    float: left;
    margin-top: 48px;
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    position: relative;
}
#second_swiper1 {
    height: 308px;
    margin-top: 24px;
}
#second_swiper1 .swiper-slide {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
}
.my-slide-thumb-active {
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    background: rgba(216, 216, 216, 0.2);
    border-right: 2px solid rgba(222, 184, 91, 1);
}
#second_swiper2 {
    height: 356px;
    margin-top: 48px;

    /* background-color: green; */
}
#second_swiper2 .pic {
    width: 846px;
    height: 356px;
    margin-left: 55px;
}
#second_swiper2 .pic img {
    width: 800px;
    margin-top: 8px;
    border-radius: 8px;
    background: rgba(255, 243, 227, 1);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}

/* ---- swiper third --- */
.content3 {
    width: 1166px;
    height: 452px;
    background-color: #FAFAFA;
}
.third_swiper_father1 {
    width: 194px;
    height: 356px;
    float: left;
    margin-top: 48px;
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    position: relative;

    /* background-color: pink; */
}
#third_swiper1 {
    height: 308px;
    margin-top: 24px;

    /* background-color: red; */
}
#third_swiper1 .swiper-slide {
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
}
#third_swiper2 {
    height: 356px;
    margin-top: 48px;

    /* background-color: green; */
}
#third_swiper2 .pic {
    width: 846px;
    height: 356px;
    margin-left: 55px;
    /* background-color: red; */
}
#third_swiper2 .pic img {
    width: 800px;
    margin-top: 8px;
    border-radius: 8px;
    background: rgba(255, 243, 227, 1);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}

/*======================================= part4 ============================================*/
.main_part4 {
    width: 100%;
    height: 695px;
    background-color: #FAFAFA;
}
.main_part4 .title {
    font-size: 42px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
    line-height: 42px;
    padding-top: 88px;
    text-align: center;
    border-top: 1px solid rgba(239, 239, 239, 1);
}
.main_part4 .image {
    background-position: center;
    background-size: auto 100%;
    position: relative;
    background-repeat: no-repeat;
    height: 440px;
    margin-top: 80px;
}
.join_botton {
    background-color: transparent;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 auto;
}
.join_botton a {
    color: #fff;
    display: inline-block;
    width: 300px;
    height: 70px;
    font-size: 30px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 70px;
    background-color: #0083FC;
    color: #fff;
    border-radius: 8px;
    margin-top: 475px;
    margin-left: calc(50% - 150px);
}
.join_botton a:hover {
    color: #0083FC;
    background-color: transparent;
    border: 1px solid #0083FC;
}
@media (max-width: 768px) {
    .banner {
        background-position: center left;
        height: 200px;
    }
}


.bannerasdfasf {
    background-image: url(../images/1610361670110.e5188fd.png);
    background-position: center;
    background-size: cover;
    position: relative;
    height: 600px;
}
.main{
    width: 1200px;
    margin: 0 auto;
}





























/* 内容 */
.conten{
    overflow-x: hidden;
}
.conten h3 {
    font-size: 34px;
    font-weight: 400;
    color: rgba(39, 48, 69, 1);
    line-height: 48px;
    text-align: center;
}
.conten p.legend {
    font-size: 18px;
    color: rgba(89, 101, 128, 1);
    line-height: 26px;
    margin-top: 20px;
    text-align: center;
}
.conten .has_bg {
    background: rgba(248, 250, 252, 1);
}
.conten .dx_intruct ul,
.conten .busi_oppo ul,
.conten .num_encryp ul,
.conten .call_task ul,
.conten .high_effic ul,
.conten .in_place ul {
    width: 1100px;
    margin: 0 auto;
    margin-top: 80px;
}
.conten .dx_intruct ul li,
.conten .busi_oppo ul li,
.conten .num_encryp ul li,
.conten .call_task ul li,
.conten .high_effic ul li {
    float: left;
}
.conten .busi_oppo ul li.text h4,
.conten .num_encryp ul li.text h4,
.conten .call_task ul li.text h4,
.conten .high_effic ul li.text h4 {
    font-size: 24px;
    font-weight: 400;
    color: rgba(39, 48, 69, 1);
    line-height: 34px;
}
.conten .num_encryp ul li.text h4.h4_two,
.conten .high_effic ul li.text h4.h4_two {
    margin-top: 50px;
}
.conten .busi_oppo ul li.text h4 span,
.conten .num_encryp ul li.text h4 span,
.conten .call_task ul li.text h4 span,
.conten .high_effic ul li.text h4 span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0083FC;
    margin-right: 12px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.conten .busi_oppo ul li.text p,
.conten .num_encryp ul li.text p,
.conten .call_task ul li.text p,
.conten .high_effic ul li.text p {
    font-size: 16px;
    color: rgba(89, 101, 128, 1);
    line-height: 26px;
    padding-left: 22px;
    margin-top: 8px;
}
.conten .busi_oppo ul li.text p.suport,
.conten .high_effic ul li.text p.suport {
    padding-left: 0;
    margin-top: 0;
}
.conten .busi_oppo ul li.text p.suport span,
.conten .high_effic ul li.text p.suport span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #596580;
    vertical-align: middle;
    margin-left: 4px;
    border-radius: 50%;
    margin-right: 16px;
    margin-bottom: 2px;
}
.conten .dx_intruct,
.conten .call_task,
.conten .in_place {
    padding: 120px 0;
}
.conten .in_place ul li {
    width: 209px;
    margin-left: 88px;
    float: left;
    text-align: center;
}
.conten .in_place ul li.li_one {
    margin-left: 0;
}
.conten .in_place ul li.li_one p {
    width: 218px;
}
.conten .in_place ul li img {
    width: 67px;
    height: 64px;
}
.conten .in_place ul li h4 {
    height: 34px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(39, 48, 69, 1);
    line-height: 34px;
    margin: 30px 0 10px;
}
.conten .in_place ul li p {
    font-size: 16px;
    color: rgba(89, 101, 128, 1);
    line-height: 26px;
    text-align: justify;
}
.conten .num_encryp,
.conten .high_effic {
    padding: 120px 0 96px;
}
.conten .high_effic ul {
    margin-top: 74px;
}
.conten .high_effic ul li img {
    width: 537px;
    height: 352px;
}
.conten .high_effic ul li.text {
    padding-top: 46px;
    margin-right: 130px;
}
.conten .high_effic ul li.text h4 {
    margin-bottom: 8px;
}
.conten .call_task ul {
    margin-top: 70px;
}
.conten .call_task ul li img {
    width: 572px;
    height: 338px;
}
.conten .call_task ul li.text {
    padding-top: 80px;
    margin-left: 104px;
    width: 424px;
}
.conten .busi_oppo ul,
.conten .num_encryp ul {
    margin-top: 58px;
}
.conten .num_encryp ul li img {
    width: 587px;
    height: 355px;
}
.conten .num_encryp ul li.text {
    padding-top: 34px;
    margin-right: 88px;
    width: 424px;
}
.conten .busi_oppo {
    padding: 120px 0 100px;
}
.conten .busi_oppo ul li img {
    width: 544px;
    height: 352px;
}
.conten .busi_oppo ul li.text {
    padding-top: 86px;
    margin-left: 100px;
    width: 398px;
}
.conten .busi_oppo ul li.text p {
    margin-top: 0;
}
.conten .busi_oppo ul li.text p.suport {
    margin-top: 8px;
}
.conten .busi_oppo ul li.text p.two {
    margin-top: 16px;
}
.conten .dx_intruct ul li {
    width: 206px;
    padding: 44px 0 38px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-left: 92px;
    margin-top: 30px;
}
.conten .dx_intruct ul li.one {
    margin-left: 0;
}
.conten .dx_intruct ul li.top {
    margin-top: 0;
}
.conten .dx_intruct ul li p {
    font-size: 20px;
    color: rgba(39, 48, 69, 1);
    line-height: 28px;
    margin-top: 30px;
}
@media (max-width: 768px) {
    /* 内容 */
    .conten h3 {
        font-size: 22px;
        line-height: 1.5em;
    }

    .conten p.legend {
        font-size: 12px;
        line-height: 22px;
        margin-top: 10px;
    }

    .conten .dx_intruct ul,
    .conten .busi_oppo ul,
    .conten .num_encryp ul,
    .conten .call_task ul,
    .conten .high_effic ul,
    .conten .in_place ul {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }

    .conten .busi_oppo ul li.text h4,
    .conten .num_encryp ul li.text h4,
    .conten .call_task ul li.text h4,
    .conten .high_effic ul li.text h4 {
        font-size: 14px;
        line-height: 24px;
    }

    .conten .num_encryp ul li.text h4.h4_two,
    .conten .high_effic ul li.text h4.h4_two {
        margin-top: 25px;
    }

    .conten .busi_oppo ul li.text p,
    .conten .num_encryp ul li.text p,
    .conten .call_task ul li.text p,
    .conten .high_effic ul li.text p {
        font-size: 12px;
        line-height: 22px;
        padding-left: 14px;
        margin-top: 4px;
    }

    .conten .dx_intruct,
    .conten .call_task,
    .conten .in_place {
        padding: 40px 0;
    }

    .conten .in_place ul li, .conten .in_place ul li.li_one {
        margin: 0 auto;
        float: none;
    }

    .conten .in_place ul li {
        padding: 20px 0;
    }

    .conten .in_place ul li h4 {
        height: 26px;
        font-size: 18px;
        line-height: 26px;
        margin: 10px 0 7px;
    }

    .conten .in_place ul li p {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .conten .num_encryp,
    .conten .high_effic {
        padding: 40px 0 32px;
    }

    .conten .high_effic ul {
        margin-top: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .conten .high_effic ul li {
        margin: 0 auto;
        text-align: center;
    }

    .conten .high_effic ul li img {
        width: 90%;
        height: auto;
    }

    .conten .high_effic ul li.text {
        padding-top: 26px;
        margin: 0 auto;
        text-align: left;
    }

    .conten .call_task ul {
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .conten .call_task ul li {
        text-align: center;
    }

    .conten .call_task ul li img {
        width: 90%;
        height: auto;
    }

    .conten .call_task ul li.text {
        padding-top: 40px;
        margin-left: 0;
        width: 90%;
        text-align: left;
        margin: 0 auto;
    }

    .conten .busi_oppo ul,
    .conten .num_encryp ul {
        margin-top: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .conten .num_encryp ul li {
        text-align: center;
    }

    .conten .num_encryp ul li img {
        width: 90%;
        height: auto;
    }

    .conten .num_encryp ul li.text {
        padding-top: 14px;
        margin-right: 0;
        width: 90%;
        text-align: left;
        margin: 0 auto;
    }
}

.banner-block .item{height:550px;background-size:cover;background-repeat:no-repeat;background-position:center;text-align:center
}
.banner-block .item .title{font-size:44px;color:#fff;line-height:62px;padding:149px 0 31px
}
.banner-block .item .info{width:1100px;margin:0 auto;max-width:90%;font-size:16px;color:#fff;line-height:22px
}
@media (max-width: 768px){
    .banner-block .item{height:380px
    }
    .banner-block .item .title{font-size:26px;line-height:1.5em;padding:79px 0 15px
    }
    .banner-block .item .info{font-size:14px;line-height:1.5em
    }
}



.bannerAboutUs {
    position: relative;
    height: 550px;
    min-width: 1200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(../images/about_us_banner.553cbf8.jpg);
}

.tabs {
    width: 1030px;
    margin: 35px auto 35px;
    position: relative;
}
.tabs .tabs-link {
    background: #fff;
    width: 300px;
    /*position: absolute;*/
    float: right;
    right: 0px;
    top: 0px;
    border-radius: 4px;
    overflow: hidden;
}
.tabs .tab-content-style {
    width: 700px;
    /*position: absolute;*/
    /*left: 0px;*/
    /*top: 0px;*/
}
.tabs .nav-link {
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 20px;
    background-color: #fff;
    position: relative;
    border-radius: 0px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.tabs .nav-pills .nav-link.active {
    color: #0083FC;
    background: #fff;
    border-left: 6px solid #0083FC;
}
.tabs .nav-link span {
    position: absolute;
    right: 154px;
    font-size: 16px;
}
.tabs .nav-link:hover {
    color: #0083FC;
    border-left: 6px solid #0083FC;
    background-color: #fff;
}
#tonews:hover {
    color: #0083FC;
}
.tabs .nav-link-border {
    border-bottom: 1px solid #e1e8ee;
}


/*=======================================tab切换内容：公司文化============================================*/
.v-pills-culture .company-card {
    border-radius: 4px;
    background: #fff;
    padding: 50px 68px 56px;
    color: #000;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.v-pills-culture .company-card-interval {
    margin-bottom: 18px;
}
.v-pills-culture .company-card .card-header-title {
    height: 33px;
    line-height: 33px;
    font-size: 25px;
}
.v-pills-culture .company-card .card-header-border {
    display: inline-block;
    margin-top: 21px;
    margin-bottom: 41px;
    width: 36px;
    height: 1px;
    background-color: #979797;
}
.v-pills-culture .company-card .card-content-header {
    height: 29px;
    line-height: 29px;
    /*opacity: 0.75;*/
    font-size: 22px;
    color: #070707;
}
.v-pills-culture .company-card .card-content-bar {
    display: inline-block;
    background-color: #979797;
    width: 24px;
    height: 1px;
    margin: 0 15px 8px;
}
.v-pills-culture .company-card .card-content-opacity {
    opacity: 1;
    color: #0083FC;
}
.v-pills-culture .company-card .card-content-text {
    margin-left: 98px;
    font-size: 14px;
    opacity: 0.75;
    ine-height: 1.7;
    margin-top: 5px;
    font-size: 14px;
}
.v-pills-culture .company-card .company-card-bar {
    margin: 40px 0;
    height: 1px;
    background-color: #dfe1e8;
}
.v-pills-culture .company-card .value-left {
    width: 137px;
    height: 137px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 137px 137px;
    position: absolute;
    margin-top: -10px;
}
.v-pills-culture .company-card .value-left-brief {
    margin-top: 0px;
}
.v-pills-culture .company-card .value-right {
    font-size: 14px;
    color: #3b3f48;
    line-height: 1.57;
    text-align: justify;
    /*opacity: 0.75;*/
}
.v-pills-culture .company-card .value-right-title {
    font-size: 22px;
    color: #0083FC;
    line-height: 40px;
    height: 40px;
    margin: 6px 0 6px;
}
.v-pills-culture .company-card .value-right-disprition {
    opacity: 0.75;
    color: #000;
}
.v-pills-culture .company-card .worth-margin {
    margin-bottom: 36px;
}

/*=======================================tab切换内容：公司简介============================================*/
.v-pills-home .company-card {
    border-radius: 4px;
    background: #fff;
    padding: 50px 68px 50px;
    color: #000;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.v-pills-home .company-card-interval {
    margin-bottom: 18px;
}
.v-pills-home .company-card .card-header-title {
    height: 33px;
    line-height: 33px;
    font-size: 25px;
    margin: 0;
}
.v-pills-home .company-card .card-header-border {
    display: inline-block;
    margin-top: 21px;
    margin-bottom: 41px;
    width: 36px;
    height: 1px;
    background-color: #979797;
}
.v-pills-home .company-card .card-header-center {
    font-size: 22px;
    height: 29px;
    line-height: 29px;
    color: #0083FC;
    margin-bottom: 18px;
}
.v-pills-home .company-card .card-header-text {
    font-size: 14px;
    line-height: 28px;
    color: #3b3f48;
    text-align: justify;
}
.v-pills-home .company-card .card-content-partner {
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 614px 89px;
    width: 614px;
    height: 89px;
    margin-left: -23px;
    position: relative;
    margin-top: -5px;
}
.v-pills-home .company-card .card-arrow {
    width: 114px;
    background-color: pink;
    position: absolute;
    display: inline-block;
    margin-right: 28px;
}
.v-pills-home .company-card .card-arrow-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #dfe1e8;
    position: absolute;
    right: -4px;
    top: -2px;
}
.v-pills-home .company-card .card-arrow-bar {
    right: 0.5px;
    height: 1597px;
    background-color: #dfe1e8;
    width: 1px;
    top: 0;
    position: absolute;
}
.v-pills-home .company-card .card-content-activity {
    padding-top: 34px;
    font-size: 14px;
    line-height: 22px;
    margin-left: 144px;
    color: #3b3f48;
}
.v-pills-home .card-content-activity .card-activity-item {
    margin-bottom: 33px;
    position: relative;
}
.v-pills-home .card-content-activity .card-activity-time {
    position: absolute;
    left: -10px;
    top: 0px;
}
.v-pills-home .card-content-activity .card-arrow-circle {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #dfe1e8;
    position: absolute;
    left: -36px;
    top: 5px;
}
.v-pills-home .card-content-activity .card-arrow-time {
    font-size: 25px;
    color: #0083FC;
    position: absolute;
    left: -100px;
    top: -6px;
}

/*=======================================tab切换内容：领导团队============================================*/
#v-pills-leader .company-card {
    border-radius: 4px;
    background: #fff;
    padding: 50px 68px 50px;
    color: #000;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
#v-pills-leader .company-card-interval {
    margin-bottom: 18px;
}
#v-pills-leader .company-card .card-header-title {
    height: 33px;
    line-height: 33px;
    font-size: 25px;
}
#v-pills-leader .company-card .card-header-border {
    display: inline-block;
    margin-top: 21px;
    margin-bottom: 28px;
    width: 36px;
    height: 1px;
    background-color: #979797;
}
#v-pills-leader .company-card .leader-card {
    padding: 44px 0 41px;
    border-bottom: 1px solid #dfe1e8;
}
#v-pills-leader .company-card .leader-card-left {
    height: 235px;
    width: 235px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 235px 235px;
    vertical-align: center;
}
#v-pills-leader .company-card .leader-card-right {
    padding-top: 62px;
    display: inline-block;
    position: absolute;
    margin-left: 30px;
}
#v-pills-leader .company-card .leader-card-name {
    font-size: 28px;
    height: 37px;
    line-height: 37px;
    opacity: 0.75;
}
#v-pills-leader .company-card .leader-card-nickname {
    margin-top: 23px;
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    opacity: 0.75;
}
#v-pills-leader .company-card .leader-card-dis {
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    opacity: 0.75;
}

/*=======================================tab切换内容：联系我们============================================*/
.v-pills-contact .company-card {
    border-radius: 4px;
    background: #fff;
    padding: 44px 70px 56px;
    color: #000;
    display: block;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.v-pills-contact .company-card-interval {
    margin-bottom: 21px;
}
.v-pills-contact .company-card .card-header-title {
    height: 33px;
    line-height: 33px;
    font-size: 25px;
}
.v-pills-contact .company-card .card-header-border {
    display: inline-block;
    margin-top: 21px;
    margin-bottom: 41px;
    width: 36px;
    height: 1px;
    background-color: #979797;
}
.v-pills-contact .company-card .card-content-map {
    height: 392px;
    background-color: #b9b9b9;
    margin-bottom: 9px;
}
.v-pills-contact .company-card-brief {
    padding: 38px 70px 34px;
    font-size: 25px;
    line-height: 38px;
    vertical-align: center;
    color: #444;
    border-bottom: 4px solid #fff;
}
.v-pills-contact .company-card-brief:hover {
    color: #0083FC;
    border-bottom: 4px solid #0083FC;
}
.v-pills-contact .card-brief-title {
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
}
.v-pills-contact .card-content-text {
    font-size: 16px;
    color: #666;
    line-height: 1.7em;
}
#map-container .info {
    width: 452px;
    height: 196px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 452px 196px;
    padding-top: 35px;
    padding-left: 28px;
    text-align: center;
    position: relative;
    font-size: 16px;
    top: 40px;
    left: -17px;
}
#map-container .info-middle {
    position: absolute;
}
#map-container .info-middle img {
    /* width: 89px; */
    height: 86px;
    background-size: 89px 86px;
    background-repeat: no-repeat;
    position: relative;
    left: 13px;
    top: 0px
}
#map-container .info-middle .marker-content {
    height: 86px;
    padding-left: 22px;
    border-left: 2px solid #979797;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 112px;
    width: 298px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}
#map-container .info-middle .marker-title {
    font-size: 19.5px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 20px;
}
.v-pills-job .company-card {
    border-radius: 4px;
    background: #fff;
    padding: 44px 70px 56px;
    color: #000;
    display: block;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.v-pills-job .company-card-interval {
    margin-bottom: 21px;
}
.intro-box .intro-con {
    position: relative;
    margin-top: 37px;
}
.intro-box .intro-con img {
    position: absolute;
    top: 3px;
}
.intro-box .intro-con p {
    padding-left: 30px;

    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
}
.intro-box .intro-con .obj-title {
    font-size: 22px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    padding-left: 30px;
}
.intro-title {
    padding-left: 30px;
    margin-bottom: 8px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-family: PingFangSC-Regular;
    font-weight: 400;
}
@media (max-width: 768px) {
    .banner {
        height: 200px;
        min-width: 100%;
    }

    /*=======================================tab切换栏============================================*/
    .tabs {
        width: 100%;
        margin: 25px auto 0;
    }
    .tabs .tabs-link {
        position: relative;
        width: 100%;
        float: none;
        right: 0px;
    }
    .tabs .tab-content-style {
        width: 100%;
    }
    .tabs .nav-link {
        float: left;
        width: 25%;
        height: 40px;
        line-height: 40px;
        padding: 0 0 0 10px;
        border: none;
    }
    .tabs .nav-pills .nav-link.active{
        border-left: none;
    }
    .tabs .nav-link span {
        position: absolute;
        right: 10px;
        font-size: 16px;
    }

    /*=======================================tab切换内容：公司简介============================================*/
    .v-pills-home .company-card {
        padding: 30px 30px 20px;
    }
    .v-pills-home .company-card .card-header-title {
        font-size: 20px;
    }
    .v-pills-home .company-card .card-header-border {
        margin-top: 15px;
        margin-bottom: 21px;
    }
    .v-pills-home .company-card .card-header-center {
        font-size: 16px;
        color: #0083FC;
        margin-bottom: 8px;
    }
    .v-pills-home .company-card .card-header-text {
        font-size: 10px;
        line-height: 1.7em;
    }

    /*=======================================tab切换内容：联系我们============================================*/
    .v-pills-contact .company-card {
        padding: 24px 30px 26px;
    }
    .v-pills-contact .company-card-interval {
        margin-bottom: 11px;
    }
    .v-pills-contact .company-card .card-header-title {
        font-size: 18px;
    }
    .v-pills-contact .company-card .card-header-border {
        margin-top: 11px;
        margin-bottom: 21px;
    }
    .v-pills-job .company-card {
        padding: 24px 30px 26px;
    }
    .v-pills-job .company-card-interval {
        margin-bottom: 11px;
    }
    .intro-box .intro-con {
        margin-top: 17px;
    }
    .intro-box .intro-con img{
        width: 15px;
    }
    .intro-box .intro-con p {
        padding-left: 20px;
        font-size: 12px;
    }
    .intro-box .intro-con .obj-title {
        font-size: 18px;
        padding-left: 20px;
    }
    .intro-title {
        padding-left: 20px;
        margin-bottom: 4px;
        font-size: 12px;
    }
    .v-pills-culture .company-card .card-content-header {
        font-size: 14px;
    }
    .v-pills-culture .company-card .card-content-bar {
        width: 10px;
        margin: 0 10px 6px;
    }
    .v-pills-culture .company-card .card-content-text {
        margin-left: 88px;
        font-size: 12px;
    }
    .v-pills-culture .company-card .company-card-bar {
        margin: 20px 0;
    }
    .v-pills-culture .company-card .value-right-title {
        font-size: 16px;
        line-height: 30px;
        height: 30px;
        margin: 2px 0 2px;
    }
    .v-pills-culture .company-card .worth-margin {
        margin-bottom: 20px;
    }
}

.navbar-right .fix{
    list-style: none;
    margin-top: 14px;
}


.footer-block{
    /* height: 260px; */
    /* padding: 60px 0; */
    padding: 50px 0 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media(max-width:768px) {
    .footer-block{
        height: auto;
        padding: 20px 0;
        font-size: 12px;
        line-height: 1.5em;
    }
}
.navbar-default{
    background: #fff;
}
.navbar-brand{
    padding: 0 0 0 15px;
}
.navbar-brand img{
    width: 85px;
    height: 50px;
}