/*        h2,
        h3,
        h4 {
            color: #22252D;
        }*/
        
        h1 {
            font-size: 60px;
        }
        
/*        h2 {
            font-size: 36px;
            line-height: 50px;
        }*/
        
        /*h3 {
            font-size: 20px;
            line-height: 34px;
            font-weight: 600;
        }*/
        
        h4 {
            font-size: 16px;
        }
        
        .note {
            font-size: 14px;
            color: #999B9E;
            line-height: 44px;
        }
        
        .api-container {
            height: 227px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .api_centeD {}
        
        .api-container .h2 {
            line-height: 84px;
            color: #0B0E17;
            font-weight: 500;
        }
        
        .api-container .p1 {
            font-size: 18PX;
            padding-top: 30px;
            line-height: 1.5;
            color: #52545A;
        }
        
        .api_center {
            background: #F7F9FB;
            width: 100%;
        }
        
        .api_centerP {
            /* padding: 0 96px; */
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        
        .api_center .title {
            font-size: 16px;
            color: #999B9E;
            display: flex;
            align-items: center;
            height: 108px;
        }
        
        .api_center .title>img {
            width: 20px;
        }
        
        .api_center .title>span {
            color: #455C9D;
        }
        
        .apiCenterB {
            display: flex;
            flex-wrap: wrap;
            /* max-width: 1280px; */
            justify-content: space-between;
            padding-bottom: 78px;
        }
        
        .apiCenterB h6 {
            font-size: 14px;
            padding: 12px 18px;
            color: #999B9E;
        }
        
        .apiCenterB .api_centerL {
            max-width: 224px;
            background: #FFFFFF;
            box-shadow: 0px 5px 13px 0px rgba(192, 212, 233, 0.41);
            border-radius: 8px;
            font-size: 16px;
            flex: 1;
            padding: 28px 0;
            box-sizing: border-box;
            max-height: 532px;
        }
        
        .apiCenterB.small {
            display: none;
        }
        
        .apiCenterB.small .dl .titleDiv {
            height: 44px;
            overflow: hidden;
            transition: all 0.4s ease-in;
        }
        
        .apiCenterB.small .dl .titleDiv.css {
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            z-index: 999;
            background: #fff;
        }
        
        .apiCenterB.small .dl .titleDiv.active {
            height: 352px;
            transition: all 0.4s ease-in;
        }
        
        .apiCenterB.small .dl .titleDiv .titleH6 {
            display: flex;
            line-height: 44px;
            width: 100%;
            background: #fff;
            height: 44px;
            justify-content: space-between;
            align-items: center;
        }
        
        .apiCenterB.small .dl .titleDiv .titleH6>h6 {
            color: #3B3D44;
            font-weight: 500;
            font-size: 16px;
        }
        
        .apiCenterB.small .dl>.dt.active .api_centerR {
            display: block;
        }
        
        .apiCenterB.small .dl>.dt {
            height: auto;
            flex-direction: column;
            padding: 0;
        }
        
        .apiCenterB.small .dl>.dt .api_centerR {
            display: none;
        }
        
        .apiCenterB.small .dl .dt .title:hover {
            background: rgba(222, 233, 242, 0.5);
        }
        
        .apiCenterB.small .title {
            width: 100%;
            padding: 0 16px;
            border-bottom: 1px solid #E1E9EB;
        }
        
        .apiCenterB.small .api_centerL {
            max-width: 100%;
            padding: 0;
            max-height: 100%;
        }
        
        .apiCenterB.small .dl>.dt h5 {
            height: 62px;
            line-height: 62px;
        }
        
        .apiCenterB .dl {
            min-width: calc(224px - 36px);
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            font-size: 16px;
        }
        
        .apiCenterB .dl>dt {
            display: flex;
            align-items: center;
            height: 62px;
            cursor: pointer;
            padding: 0 18px;
        }
        
        .apiCenterB .dl dt>img:last-child {
            display: none;
        }
        
        .apiCenterB .dl dt:hover {
            background: rgba(222, 233, 242, 0.5);
            color: #76A1D1;
            font-weight: 500;
            transition: all 0.5s ease-in-out;
        }
        
        .apiCenterB .dl dt:hover>img:last-child {
            display: block;
        }
        
        .apiCenterB .dl dt:hover>img:first-child {
            display: none;
        }
        
        .apiCenterB .dl img {
            width: 24px;
            height: 24px;
            margin-right: 13px;
        }
        
        .apiCenterB .api_centerR {
            flex: 0 0 76%;
            margin: 0 auto;
            padding-left: 40px;
            min-width: 500px;
        }
        
        .apiCenterB .api_centerR h2 {
            font-weight: 500;
        }
        
        .apiCenterB .api_centerR>p {
            color: #64656B;
            line-height: 34px;
            font-size: 16px;
            padding: 15px 0;
        }
        
        .apiCenterB .api_centerR .apiCenterR_dl {
            background: #EEF2F6;
            display: flex;
            width: 100%;
            font-size: 16px;
            overflow-x: scroll;
        }
        
        .api_centerR .apiCenterR_dl dt {
            flex: 0 0 33.33%;
            min-width: 150px;
        }
        
        .api_centerR .apiCenterR_dl dt>p {
            line-height: 58px;
            padding-left: 34px;
        }
        
        .api_centerR>h3 {
            margin: 38px 0 10px 0;
            font-size: 16px;
            font-weight: 500;
        }
        
        .api_centerR .callDiv {
            position: relative;
            height: 200px;
            overflow-x: scroll;
            width: 100%;
        }
        
        .api_centerR .callDiv .center_call {
            background: #4F566B;
            color: #C0C9D2;
            padding: 18px 24px;
            font-size: 14px;
            height: 200px;
            border-radius: 4px;
            left: 0;
            line-height: 24px;
            overflow-y: scroll;
            position: absolute;
            border: 1px solid #E1E9EB;
            z-index: 1;
        }
        
        .api_centerR .callDiv img {
            position: absolute;
            right: 12px;
            top: 12px;
            height: 17px;
            z-index: 2;
        }
        
        .center_call .api_centerR .tableCall tbody tr {
            height: 58px;
            line-height: 58px;
            border-bottom: 1px solid #E1E9EB;
        }
        
        .api_centerR .tableCall tbody tr>th {
            text-align: left;
            background: #EEF2F6;
        }
        
        .api_centerR .tableCall tbody tr>th,
        .api_centerR .tableCall tbody tr>td {
            padding-left: 10px;
            min-width: 100px;
        }
        
        .callbackD {
            background: #E3E8EE;
            font-size: 14px;
            color: #4D4F58;
            max-width: 950px;
            line-height: 50px;
            border-radius: 4px;
            padding: 0 20px;
            box-sizing: border-box;
            margin: 0 5px;
            white-space: nowrap;
            overflow-y: auto;
        }
        
        .instructionsUl {
            background: #F9FBFC;
            font-size: 16PX;
            color: #64656B;
            width: 100;
            overflow-x: scroll;
            border-left: 1px solid #E1E9EB;
            border-right: 1px solid #E1E9EB;
        }
        
        .instructionsUl>li:first-child {
            background: #E3E8EE;
            color: #22252D;
            font-weight: 400;
        }
        
        .instructionsUl>li {
            display: flex;
            justify-content: space-between;
            padding: 20px;
            align-items: center;
            color: #64656B;
            box-sizing: border-box;
            border-bottom: 1px solid #E1E9EB;
        }
        
        .instructionsUl>li div {
            min-width: 130px;
        }
        
        .instructionsUl>li p {
            line-height: 58px;
        }
        
        .instructionsUl>li>div:nth-child(2) {
            max-width: 510px;
            line-height: 24px;
            padding: 0 20px;
        }
        
        .consulting {
            color: #6C6D73;
            font-size: 16px;
            padding: 240x 0 0 0;
        }
        
        .consulting>a {
            color: #455C9D;
        }
        
        .tableDiv {
            width: 100%;
            overflow-x: scroll;
            font-size: 16px;
        }
        
        .tableDiv tr th,
        .tableDiv tr td {
            height: 58px;
            line-height: 58px;
        }
        /* 关于BUKA  开始*/
        
        .about_Who {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
            position: relative;
        }
        
        .about_Who .whoCenter {
            flex: 0 0 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            color: #52545A;
            padding-right: 28px;
        }
        
        .about_Who .whoCenter>p {
            color: #5B78B4;
            font-size: 16px;
        }
        
        .about_Who .whoCenter>h2 {
            font-size: 30px;
            padding: 12px 0;
            font-weight: 500;
        }
        
        .about_Who .whoCenter>div {
            line-height: 26px;
            font-size: 16px;
        }
        
        .about_Who>img {
            max-height: 530px;
            flex: 0 0 50%;
            min-width: 310px;
        }
        
        .about_Do {
            background: url(../images/abuot_bj.png) no-repeat;
            width: 100%;
            background-size: 1985px 404px;
            background-position: bottom center;
            min-height: 424PX;
        }
        
        .about_Do .whoCenter {
            padding: 0px 96px 250px 96px;
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            box-sizing: border-box;
            text-align: center;
        }
        
        .about_Do .whoCenter h2 {
            font-size: 30px;
            padding: 20px 0;
            font-weight: 500;
        }
        
        .about_Do .whoCenter div {
            line-height: 24px;
            font-size: 16px;
            color: #52545A;
        }
        
        .titleP {
            color: #5B78B4;
            font-size: 16px;
        }
        
        .api_centerP.apiCenterB {
            margin: 50px auto 20px;
        }
        
        .information {
            background: #fff;
        }
        
        .addressCen {
            flex-direction: column;
        }
        
        .addressCen>h2 {
            text-align: center;
            font-size: 30px;
            padding: 77px 0;
            font-weight: 500;
        }
        
        .informationAddress {
            display: flex;
            padding: 0 0 78px 0;
            justify-content: center;
        }
        
        
        .informationAddress .address {
            flex: 0 0 50%;

        }
        .informationAddress .address1 {
            flex: 0 0 33%;
			border-style: solid;
			border-width: 0 1px 0 0;
			border-color: #e9eef2;
			box-shadow: 1px 0 10px 0 #e9eef2;
			padding: 72px 39px 0 52px;
        }
        .informationAddress .address1 .special {
    font-size: 18px;
    color: #76A1D1;
    font-family: Roboto-Medium;
    margin-top: 18px;
    margin-bottom: 10px;
}
.informationAddress .address1 p {
    line-height: 30px;
    font-size: 16px;
}
        .informationAddress .address1 h2 {
        font-size: 32px;
        color: #0B0E17;
        letter-spacing: 0;
        font-weight: 500;
        }
		 .informationAddress .fromTable1 {
            padding: 36px 38px;
            flex: 0 0 66%;
			text-align: left;
			box-shadow: 0px 2px 14px 0px #eef3f8;
}

        .fromTable1 .btn {
            width: 176px;
            height: 54px;
            background: linear-gradient(128deg, #A0C5E2 0%, #5B78B4 100%);
            box-shadow: 0px 6px 20px 0px #9BC0DE;
            border-radius: 35px;
            color: #fff;
            border: none;
            font-size: 16px;
            font-weight: 500;
        }
        
        .fromTable1 .dl {
            margin: 10px 0 32px 0;
            font-size: 16px;
        }
        
        .fromTable1 .dl .dt {
            padding: 10px 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .fromTable1 .dl .dt>div {
            flex: 0 0 44%;
            display: flex;
            flex-direction: column;
        }
        
        .fromTable1 .dl .dt>div>.gender {
            display: flex;
            align-items: center;
            padding-top: 16px;
        }
        
        .fromTable1 .dl .dt>div>span {
            padding: 0 0 10px 0;
            color: #6B6C73;
        }
        
        .fromTable1 .dl .dt>.div {
            display: flex;
            flex-direction: column;
            min-width: 190px;
            /* align-items: center; */
        }
        
        .fromTable1 .dl .dt>.div.divD {
            flex: 100%;
        }
        
        .fromTable1 .dl .dt>.div>input,
        .fromTable1 .dl .dt>.div>select {
            height: 40px;
            padding: 10px;
            box-sizing: border-box;
            border-radius: 10px;
            border: 1px solid #E5EAED;
            width: 100%;
            margin: 0;
            font-size: 16px;
			background: #FFF;
        }
        
        .fromTable1 .dl .dt>.div.divCheckbox>input {
            width: 20px;
            margin-right: 10px;
        }
        
        .fromTable1 .dl .dt>.div>textarea {
            height: 100PX;
            border-radius: 8px;
            border: 1px solid #E5EAED;
            line-height: 20px;
            padding: 10px;
            width: 100%;
            font-size: 16px;
            box-sizing: border-box;
        }
        
        .fromTable1 .dl .dt>div>.gender label {
            height: 40px;
            min-width: 100px;
            display: flex;
            align-items: center;
        }
        .fromTable1 .dl .dt>div.divCheckbox {
            flex: 100%;
            flex-direction: row;
            align-items: center;
            color: #6B6C73;
        }
        
        .fromTable1 .dl .dt>p {
            font-size: 16px;
            line-height: 26px;
            color: #6B6C73;
        }
        
        
        .informationAddress .address p {
            line-height: 30px;
            font-size: 16px;
        }
        
        .addressCen .informationAddress .address {
            padding-right: 40px;
        }
        
        .addressCen .informationAddress .address>p {
            color: #53555B;
        }
        .fromTable {
            padding: 36px 38px;
            flex: 0 0 50%;
			text-align: left;
			background-color: #F7F9FB;
			border-radius: 8px;
        }
        
        .fromTable .btn {
            width: 176px;
            height: 54px;
            background: linear-gradient(128deg, #A0C5E2 0%, #5B78B4 100%);
            box-shadow: 0px 6px 20px 0px #9BC0DE;
            border-radius: 35px;
            color: #fff;
            border: none;
            margin: 0 auto;
            font-size: 16px;
            font-weight: 500;
        }
        
        .fromTable .dl {
            margin: 10px 0 32px 0;
            font-size: 16px;
        }
        
        .fromTable .dl .dt {
            padding: 10px 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .fromTable .dl .dt>div {
            flex: 0 0 44%;
            display: flex;
            flex-direction: column;
        }
        
        .fromTable .dl .dt>div>.gender {
            display: flex;
            align-items: center;
        }
        
        .fromTable .dl .dt>div>span {
            padding: 0 0 10px 0;
            color: #6B6C73;
        }
        
        .fromTable .dl .dt>.div {
            display: flex;
            flex-direction: column;
            min-width: 190px;
            /* align-items: center; */
        }
        
        .fromTable .dl .dt>.div.divD {
            flex: 100%;
        }
        
        .fromTable .dl .dt>.div>input,
        .fromTable .dl .dt>.div>select {
            height: 40px;
            padding: 10px;
            box-sizing: border-box;
            border-radius: 10px;
            border: 1px solid #E5EAED;
            width: 100%;
            margin: 0;
            font-size: 16px;
        }
        
        .fromTable .dl .dt>.div.divCheckbox>input {
            width: 20px;
            margin-right: 10px;
        }
        
        .fromTable .dl .dt>.div>textarea {
            height: 100PX;
            border-radius: 8px;
            border: 1px solid #E5EAED;
            line-height: 20px;
            padding: 10px;
            width: 100%;
            font-size: 16px;
            box-sizing: border-box;
        }
        
        .fromTable .dl .dt>div>.gender label {
            height: 40px;
            min-width: 100px;
            display: flex;
            align-items: center;
			padding-right: 20px;
        }
        
        input[type="radio"]:first-child {
            margin: 0;
        }
        
        input[type="radio"] {
            height: 20px;
            width: 20px;
            margin-left: 30px;
        }
        
        input[type="radio"]:checked+label::before {
            background: cornflowerblue;
        }
        
        .fromTable .dl .dt>div.divCheckbox {
            flex: 100%;
            flex-direction: row;
            align-items: center;
            color: #6B6C73;
        }
        
        .fromTable .dl .dt>p {
            font-size: 16px;
            line-height: 26px;
            color: #6B6C73;
        }
        
        #allmap {
            width: 100%;
            height: 600px;
        }
        
        .label-group {
            margin-top: 100px;
            width: 100%;
            display: flex;
            cursor: pointer;
            justify-content: center;
            height: 300px;
        }
        
        .label-group .label-list {
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .label-group .label-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
        }
        
        .label-group .label-item-inner,
        .label-inner-center {
            font-size: 21px;
            font-weight: 500;
            border-radius: 50%;
            transition: .3s;
        }
        
        .label-item-inner:hover {
            width: 200px !important;
            height: 200px !important;
        }
        
        .label-item-inner:hover div {
            display: block !important;
        }
        
        .label-group .label-item-inner {
            display: flex;
            padding: 0 10px;
            text-align: center;
            flex-direction: column;
            justify-content: center;
            font-size: 21px;
            font-weight: 500;
            border-radius: 50%;
        }
        
        .label-group .label-item-inner>p {
            font-size: 21px;
            font-weight: 500;
            line-height: 2;
        }
        
        .label-group .label-item-inner>div {
            width: 180px;
            font-size: 14px;
            line-height: 1.5;
            display: none;
        }
        
        .label-group .label-item-inner.circle1 {
            text-align: center;
            width: 112px;
            height: 112px;
            color: #5A8E91;
            background: #D7EBEC;
        }
        
        .label-group .label-item-inner.circle2 {
            text-align: center;
            width: 130px;
            height: 130px;
            line-height: 130px;
            color: #83645E;
            background: #F3E0DC;
        }
        
        .label-group .label-item-inner.circle3 {
            text-align: center;
            width: 112px;
            height: 112px;
            line-height: 112px;
            color: #6782B9;
            background: #D7DFEC;
        }
        
        .label-group .label-item-inner.circle4 {
           
            margin-left: 60px;
            text-align: center;
            width: 120px;
            height: 120px;
            line-height: 100px;
            color: #74679C;
            background: #DCD7EC;
        }
        
        .label-group .label-inner-center.circle5 {
            text-align: center;
            width: 222px;
            height: 222px;
            line-height: 222px;
            color: #ffffff;
            background: #5B78B4;
        }
        
        .label-group .label-item-inner.circle6 {
            text-align: center;
            width: 90px;
            height: 90px;
            line-height: 90px;
            color: #A55757;
            background: #ECD7D7;
        }
        
        .label-group .label-item-inner.circle7 {
          
            margin-left: 60px;
            text-align: center;
            width: 135px;
            height: 135px;
            line-height: 90px;
            color: #5C809D;
            background: #DCE8F3;
        }
        
        .label-group .label-item-inner.circle8 {
            text-align: center;
            width: 112px;
            height: 112px;
            line-height: 112px;
            color: #536A9B;
            background: #D7DFEC;
        }
        
        .label-group .label-item-inner.circle9 {
            text-align: center;
            width: 130px;
            height: 130px;
            line-height: 130px;
            color: #5C937A;
            background: #D3E7DE;
        }
        
        #allmap {
            margin-top: 30px;
        }
        /* 关于BUKA  结束*/
        
        @media (max-width: 460px) {
            .callbackD {
                margin: 0;
                ;
            }
            .about_Who .whoCenter {
                flex: 0 0 80%;
            }
            .about_Do .whoCenter {
                width: 80%;
                padding: 0;
            }
            .about_Who>img {
                height: 300px;
            }
            .about_Who .banner-item>img {
                width: 310px;
            }
            .swiper-slide {
                text-align: center;
            }
            .fromTable {
                flex: 0 0 80%;
            }
            .informationAddress .address {
                flex: 0 0 80%;
                font-size: 16px;
            }
            .apiCenterB {
                display: none;
            }
            .apiCenterB.small .title {
                height: 44px;
                display: flex;
                justify-content: space-between;
            }
            .apiCenterB.small .title h5 {
                font-size: 14px;
                color: #3B3D44;
            }
            .apiCenterB.small .api_centerR {
                flex: 0 0 90%;
                min-width: 100%;
                max-width: 100%;
                padding-left: 0;
                padding: 54px 16px;
                background: #F7F9FB;
            }
            .apiCenterB.small .dl img {
                width: 12px;
                height: 7px;
            }
            .api_center .titleSmall {
                display: none;
            }
            .note {
                line-height: 20px;
                padding-top: 10px;
            }
            .addressCen .informationAddress .address {
                padding: 0;
                margin-bottom: 20px;
            }
            .fromTable .dl .dt>div>.gender {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }
            .fromTable .dl .dt>div {
                flex: 0 0 100%;
                display: flex;
                flex-direction: column;
            }
            .informationAddress {
                display: flex;
                padding: 0 0 78px 0;
                justify-content: center;
                width: 100%;
                flex-wrap: inherit;
            }
            .informationAddress .fromTable1 {
                padding: 36px 38px;
                flex: 0 0 100%;
                text-align: left;
                box-shadow: 0px 2px 14px 0px #eef3f8;
                width: 100%;
            }
            .fromTable1 .dl .dt>div {
                flex: 0 0 100%;
                display: flex;
                flex-direction: column;
            }
            .fromTable1 .dl .dt>div>.gender {
                display: flex;
                align-items: center;
                padding-top: 16px;
                flex-wrap: wrap;
            }
        }
           .problemC {
            max-width: 1280px;
            margin: 0 auto;
            font-size: 16px;
        }
        
        .problemC .ul {
            overflow: hidden;
            padding-bottom: 32px;
        }
        
        .problemC .ul li {
            width: 50%;
            background: #fff;
            box-sizing: border-box;
            float: left;
            line-height: 58px;
            padding: 0 0 0 36px;
            min-width: 320px;
            border-radius: 8px;
            border-bottom: 4px solid #F7F9FB;
            border-right: 4px solid #F7F9FB;
            position: relative;
        }
        
        .problemC .ul li>a {
            color: #3B3D44;
        }
        .problemC>.center .cen {
            border-bottom: 1px solid #E2E2E2;
            color: #6B6C72;
        }
        
        .problemC>.center .cen>h6 {
            line-height: 56px;
            color: #3B3D44;
            padding: 0 0 0 16px;
            font-weight: 500;
            position: relative;
        }
        
        .problemC .center {
            padding: 0 0 78px 0;
        }
		.informationAddress .address h2{
			font-size: 32px;
			color: #0B0E17;
			letter-spacing: 0;
			font-weight: 500;
			}
		.informationAddress .address .special{
			font-size: 18px;
			color: #76A1D1;
			font-family: Roboto-Medium;
			margin-top: 18px;
			margin-bottom: 10px;
			}