.top-img {

        /*height: 54px;*/

    }

    .nav {

        margin-left: 18.75rem;

        height: 100%;

    }

    .nav li {

        margin-right: 3rem;

    }

    .banner {

        height: 28rem;

    }

    .banner .banner-img {

        height: 100%;

        /*background: #ccc url('../../images/index/banner.jpg') no-repeat;*/

        background-size: cover;

    }

    .banner .banner-img {

        position: relative;

    }

    .banner-img .register-btn {

        position: absolute;

        left: 50%;

        bottom:6.5rem;

        transform: translateX(-50%);
        
        width: 38rem;
        text-align:center;
    }

    .banner-img .register-btn a {

        color: white;

    }

    .banner-img .register-btn .btn {

        width: 9rem;

        height: 2.5rem;

        border-radius: 1.5rem;

        background-color: #fc7845;

        color: white;

        font-size: 16px;

        text-align: center;

        line-height: 2.5rem;

        margin-right: 0.5rem;

        box-shadow: 0 4px 10px 0 #59312f;

    }

    .banner-img .banner-platform {

        width: 14rem;

        height: 2rem;

        position: absolute;

        left: 50%;

        bottom:3.5rem;

        transform: translateX(-50%)

    }

    .banner-img .banner-platform .platform {

        width: 6rem;

        height: 2rem;

        border: 1px solid #f9fcfe;

        text-align: center;

        line-height: 2rem;

        border-radius: 4px;

    }

    .banner-img .banner-platform .platform a{

        color:  #f9fcfe;;

    }
    .banner-img .banner-platform .platform:hover {

        background: #c1d7e3;

    }

    .banner-img .banner-platform .platform:first-child {

        margin-right: 1.5rem;

    }

    .banner-title-ch {

        height:5rem;
        line-height:5rem;
        /*border-bottom: 1px solid #bb0504;*/

        /*max-width:58rem;*/
        width:1200px;
        text-align:center;

        text-align:center;

        position: absolute;

        left: 50%;

        top: 9rem;

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

        font-size: 3.5rem;

        font-weight: 700;

        color: #990002;

    }

    .banner-title-en {

        text-align: center;

        width: 54rem;

        font-size: 1.45rem;

        position: absolute;

        left: 50%;

        top: 12rem;

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

        color: #bb0404;

    }

    .nav-color {

        height: 4.75rem;

        /*background-color: #313131;*/

        position: relative;

    }

    .nav-color ul {

        position: absolute;

        top: 50%;

        left: 50%;

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

        height: 40px;

        line-height: 40px;

        width: 610px;

    }

    .nav-color ul li {

        height: 100%;

        text-align: center;

        width: 90px;
    }

    .nav-color ul li:hover a{

        color: #ffa855;
    }

    .nav-color ul a {

        color:#555;
        font-weight:bold;

    }

    .nav-color ul .line {

       /* width: 1px;

        height: 1.1rem;

        background-color: #555;

        margin: 12px 5px;*/

    }

    .contain .contain-title {

        margin-top: 1rem;

    }

    .contan-title-box{

        height: 4rem;

        line-height: 4rem;

    }

    .contan-title-box .contain-title-left {

        margin-left: 10rem;


    }

    .contan-title-box .contain-title-right {

        margin-right: 10rem;

    }

    .contain .contain-title .larger-blue {

        font-size: 3rem;

        color:#2c459d;

    }

    .contain .contain-title .larger-number {
        dislay:inline-block;
        text-align: center;

        min-width: 3.6rem;

        height: 3.6rem;


        border-radius: 50%;

        color: red;

        margin: 0 4px;


    }

    thead tr {

        background:#fc7845;

        height: 2.25rem;

    }

    th {

        color: #fff2f0;

    }


    .contain-table-box {

        box-shadow:0 5px 5px 0 #ccc;

        width: 100%;

        height: 18rem;

        border: 1px solid #ccc;

        margin-top: 1rem;

        position: relative;

        box-sizing: border-box;

        padding-right: 3.5rem;

        box-sizing: border-box;

        overflow: hidden;

    }

    .contain-table-box table {

        width: 37rem;

        height: 12.5rem;

        margin-top: 2.5rem;

        margin-left: 2rem;

    }

    .more {

        position: absolute;

        left: 40rem;

        top: 0.6rem;

        color: #838383;

    }

    .more-r {

        left: 36rem;

    }

    .more-t {

        position: absolute;

        right: 4.3rem;

        top: 0.6rem;

        color: #838383;

    }

    .more a, .more-t a {

        color: #838383;

        ;

    }

    .tbody-num {

        color: #a6a6a6;

        width: 14rem;

        height: 30px;
        text-align:left;
    }

    .tbody-project {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        width: 20rem;

        display: block;

        width: 14.25rem;

        text-align: left;

    }

    .tbody-project a {

        color: #979797;

    }

    .tbody-project a:hover {

        color: #0a4182;

    }

    .tbody-project-r {

        color: #979797;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        width: 20rem;

        display: block;

    }

    .tbody-project-sm {

        width: 19rem;

    }

    .tbody-time {

        color: #7b7b7b;

        width: 8.5rem;

        text-align: left;

        height: 30px;

    }

    .new-notice {

        height: 4rem;

        line-height: 4rem;

        text-align: center;

        margin-top: 2rem;

    }

    .new-notice span {

        font-size: 3rem;

        color: #2c47a3;

    }

    .title-l {

        font-size: 2rem;

        color: #2c47a3;

        position: absolute;

        left: 2rem;

        top: 1.6rem;

    }

    .title-l span {

        color: red;

    }

    .title-r {

        left: 46rem!important;

    }

    .table-large {

        margin-top: 5rem!important;

    }

    .title-line {

        width: 41.5rem;

        height: 1px;

        background: #ccc;

        position: absolute;

        top: 4rem;

        left: 2.1rem;

    }

    .title-line-r {

        left: 46rem;

        width: 25rem;

    }

    .top16 {

        top: 1.6rem!important;

    }

    .table-width-lar {

        width: 42rem!important;

    }

    .table-width-sm {

        width: 30rem!important;

    }

    .table-width-sm1 {

        width: 25rem!important;

    }

    .contain-table-top {

        height: 28rem!important;

        margin-top: 0!important;

    }

    tr {

        line-height: 30px;

        ;

    }

    .now {

        width: 5rem;

    }

    .ycg {
          
        height: 10rem;

        /*margin-top: 2rem;*/

        background: url('../../images/index/bjt-3.jpg') no-repeat;

        background-size: cover;

    }

    .ycg .ycg-orange {

        width: 50%;

        height: 100%;

        background: #fc7845;

        line-height: 6.2rem;

    }

    .ycg .ycg-gray {

        width: 50%;

        height: 100%;

        background: #f1f1f1;

        line-height: 6.2rem;

    }

    .ycg-orange .join {

        font-size: 1.5rem;

        color: white;

        margin-left: 6.2rem;

    }

    .now-join {

        width: 7.8rem;

        height: 2.2rem;

        background: #fff;

        border-radius: 4px;

        margin-top: 2rem;

        margin-left: 5rem;

        line-height: 2.2rem;

        text-align: center;

        color: #fc7845;

    }

    .ycg-gray .phone {

        margin-left: 5rem;

    }

    .phone {

        padding-top: 0.8rem;

    }

    .phone-num {

        margin-left: 2rem;

    }

    .phone-num span {

        font-size: 1.5rem;

        color: #fc7845;

    }

    .winning-bid {
        display: flex;
        justify-content: space-between;
        margin-top: 2rem!important;

    }

    .bid-left {

        width: 31%;

        height: 28rem;

        position: relative;

    }

    .bid-left-top {

        width: 16.6rem;

        height: 3.5rem;

        background: #d2d2d2;

        margin-left: 5.7rem;

        text-align: center;

        line-height: 3.5rem;

        font-size: 1.4rem;

        border-radius: 1rem 1rem 0 0;

    }

    .bid-left-container {

        height:24rem;

        background: #f6f9f9;

        box-sizing: border-box;

        padding: 16px 12px ;

        overflow: hidden;
        border-radius: 10px;
    }
    .bid-left-container:hover {
        box-shadow:  1px 0px 2px 1px #ccc;
        border-color: #f1f1f1;
        transition:box-shadow 2s;
        -moz-transition:box-shadow 2s; /* Firefox 4 */
        -webkit-transition:box-shadow 2s; /* Safari and Chrome */
        -o-transition:box-shadow 2s; /* Opera */
    }


    .bid-td-item{
        height:35px;
        line-height:35px;
    }
    .bid-td {

        width: 75%;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        display: inline-block;

        color: #838383;
        vertical-align: middle;

    }

    .bid-td-time {

        color: #535354;
        vertical-align: middle;

    }

    .bid-more {

        color: #838383;

        position: absolute;

        top: 17px;

        right: 30px;

        font-size: 0.8rem;

        width: 38px;

    }

    .bid-bottom {

        /*margin: 0 4.7rem;*/

    }

    .bid-bottom .bid-left-container {

        background: #fff;

        /*box-shadow:1px 0px 2px 1px #ccc;*/
        border:1px solid #f1f1f1;
    }

    .now-know .width1 {

        height: 12rem;

        background: url(../../images/index/bjt.jpg) no-repeat;

        background-size: contain;

        overflow: hidden;

        margin-bottom:20px;
        margin-top:20px;

    }

    .now-know-title {

        position: relative;

        height:4rem;

    }

    .know-line {

        width:21rem;

        height: 2px;

        background: #687ab5;

        position: absolute;

        left: 0;

        top: 2rem;

    }

    .konw-line-r {

        width: 2px;

        height: 15px;

        background: #687ab5;

        position: absolute;

        left: 21rem;

        top: 1.7rem;

    }

    .know-line1 {

        width:21rem;

        height: 2px;

        background: #687ab5;

        position: absolute;

        right: 0;

        top: 2rem;

    }

    .know-line1-r {

        width: 2px;

        height: 15px;

        background: #687ab5;

        position: absolute;

        left:54rem;

        top: 1.7rem;

    }

    .phone-numr {

        width: 20rem;

        left: 33rem;

        top: 4.8rem;

        position: absolute;

        font-size: 1.3rem;

    }

    .konw-ti {

        font-size: 3rem;

        color:RGB(44, 67, 155);

        position: absolute;

        left: 25.8rem;

        top: 4px;

        height: 4rem;

        line-height: 4rem;

    }

    .now-know-box {

        height:30rem;

        background: RGBA(49, 86, 174, 0.22);

        margin-top: 4rem;

        box-sizing: border-box;

        padding: 3rem 0 3rem 2.5rem;

    }

    .now-know-left {

        width: 35rem;

        height: 24rem;

    }

    .now-know-photo {

        width: 17rem;

        height: 11.4rem;

        background: url('../../images/index/chat.jpg') no-repeat;

        position: relative;

    }

    .konw-red-title {

        position: absolute;

        height: 2.25rem;

        background: RGBA(255, 0, 0, 0.66);

        left: 0;

        bottom: 0;

        color: white;

        line-height: 2.25rem;

        width: 100%;

        text-align: center;

    }

    .konw-photo-r {

        margin-right: 1rem;

        margin-bottom: 1rem;

    }

    .now-know-right {

        margin-left: 5rem;

    }

    .last-title {

        width: 20rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        display: block;

    }

    .last-title a {

        color: RGB(82, 101, 162);

    }

    .know-more {

        margin-bottom: 1rem;

    }

    .know-more a {

        color: #838383;

    }

    .now-know-r {

        background: #fff;

    }

    .ad-box {

        height: 35rem;

        margin-top: 3rem;

    }

    .ad-child{

        width: 64%;

        height: 31.8rem;

        margin-right: 1%;

        background-size: cover; 
    }
    
    .ad-child-up img,.ad-child-down img{

        width: 100%;

        height: 100%;
    }
    .ad-child-r{

        width:35%;
        height: 31.8rem;
    }

    .ad-child-up{

        height: 15rem;

        margin-bottom: 1rem;

    }

    .ad-child-down{

        height: 15.75rem;

    }

    /* .ad-box-child {

        height: 15.25rem;

        width: 23.5rem;

    } */

    .konw-ti-r {

        left: 23.8rem;

    }

    /* .ad-box-child {

        margin-bottom: 2rem;

        margin-right: 2rem;

    } */

    /* .ad-box-child img {

        width: 100%;

        height: 100%;

    }

    .ad-box-child:nth-child(3), .ad-box-child:nth-child(6) {

        margin-right: 0;

    } */

    .expert-online {

        border: 1px solid #fff;

        height: 28rem;

        background: url('../../images/index/shouban.jpg') no-repeat;

        margin-top: 19em;

        background-size: cover;

        position: relative;

    }

    .phone-online {

        transform: translateY(36%);

        height: 15.5rem;

        background: RGB(72, 123, 205);

        margin-top: 6.25rem;

        border: 1px solid RGB(72, 123, 205);

    }

    .erweima {

        width: 11.75rem;

        height: 11.76rem;

        margin:2rem 0 2rem 2rem;

    }

    .export-mid {

        margin-left: 12.25rem;

        width: 22.75rem;

        height: 100%;

    }

    .child-top {

        height: 1.8rem;

        text-align: center;

        color: white;

        margin-top: 2rem;

        font-size: 1.2rem;

    }

    .child-mid {

        height: 5rem;

        line-height: 5rem;

        text-align: center;

        font-size: 4.5rem;

        color: white;

    }

    .child-bot {

        width: 100%;

        height: 3rem;

        background: white;

        text-align: center;

        line-height: 3rem;

        margin-top: 2rem;

    }

    .export-right {

        margin-left: 11rem;

        width: 10.5rem;

        height: 100%;

        background: url(../../images/index/kefu.png) no-repeat 0.8rem 2.1rem

    }

    .formula {

        /*height: 35rem;*/
        padding-bottom:20px;
        background: url('../../images/index/bjt-1.jpg') no-repeat;

        background-size:100% 100% ; 

        border:1px solid #fff

    }

    .formula-box {

        height: 18rem;

        margin-top: 1rem;

    }

    .formula-child {

        width: 100%;

        height: 100%;

        background: #fff;

        padding-top: 1rem;

        box-sizing: border-box;

        padding-left: 6px;

    }

    .formula-child:nth-child(2) {

        margin: 0 2.2rem;

    }

    .formula-one {

        border-bottom: 1px solid #ccc;

        height: 3rem;

        margin-bottom: 1rem;

    }

    .formula-one-child {

        float: left;

    }

    .formula-one-childr {

        margin-right: 0.5rem;

        margin-top: 0.5rem;

    }

    .formula-one-childr a {

        color: #838383;

    }

    .formula-font {

        font-size: 2rem;

        color:RGB(51, 86, 177);

        font-weight: 700;

    }

    .red1 {

        color: RGB(186, 6, 5);

    }

    .formula-title {

        width: 16.25rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        display: block;

    }

    .formula-title a {

        color: #838383;

    }

    .footer-s {

        height: 5rem;

        background: RGB(48, 61, 86);

        /*line-height: 5rem;*/

    }

    .select {

        width: 14rem;

        margin-right: 1rem;


    }
    .layui-form-select{
        position:relative;
    }

    .select select {

        /*width: 100%;*/

        /*height: 2rem;*/

        /*border-radius: 0.5rem;*/

    }

    /*.footer {*/

        /*height: 15rem;*/

        /*background: RGB(63, 76, 101);*/

        /*overflow: hidden;*/

    /*}*/

    .ul-box {

        margin-top: 2.5rem;

        color: #fff;

        font-size: 0.9rem;

    }

    .footer-m {

        margin-left: 9rem

    }

    .footer-r {

        margin-left: 9rem;

    }

    .last-one {

        width: 31rem;

        height: 2rem;

        margin:0 auto;

        font-size: 12px;

        margin-top: 20px;



    }

    .bg-red {

        background: RGB(187, 5, 4);

        color: white;

    }

    .last-one a {

        color: RGB(90, 145, 168);

    }
    
    .ggwzs{

        margin-top: 1rem;

        height: 20rem;

        margin-bottom: 10rem;
    
    }
    .ggwzs img,.ggwzs a {

        height: 100%;

        display: block;

        width: 100%;

    }
    /* @media screen and (max-width: 1200px) {

        html {

            font-size: 14px;

        }

    } */
    .hzhb{

        font-weight: 700;

        font-size: 1.25rem;

        margin: 0.8rem 0.5rem;

        color: blue;

    }

    .hzhb-box-child{

        width: 22%;

        height: 9.1rem;

        background: #fff;

        margin-right: 4%;
    }

    .hzhb-box-child:last-child{

        margin-right: 0;
    }

    .formula img {

        vertical-align: top;
    }

    .login-a {

        height: 36px;

        width: 230px;

        margin-top: 30px;

        background: #9eb5e4ab;

        line-height: 36px;

        text-align: center;

        box-shadow: brown;

        border-radius: 5px;

        box-shadow: 3px 3px 10px #769ce9;

    }

    .login-a span{

        margin: 0 3px;

        color: #8c9de8;
    }

    .login-a a{

        color: #652b2b;

        height: 100%;

        display: inline-block;

        padding: 0 5px;

        border-radius: 5px;

    }

    .login-a a:hover{

        background: #aeb6d6;
    }

    .minWid{

        min-width: 1200px;

    }

    .overflow{

        overflow:auto;

    }

    .w-h100{

        width: 100%;

        height: 100%;
    }

    .h-100{

        height: 100%;

    }
    table tr {

        /*height: auto;*/

    }

    .footer-s {

        height: 5rem;

        background: RGB(48, 61, 86);

        /*line-height: 5rem;*/

    }

    .select {

        width: 14rem;
        margin-right: 1rem;
    }

    .select select {

        width: 100%;

        height: 2rem;

        border-radius: 0.5rem;

    }

    .footer {

        height: 11rem;

        background: RGB(63, 76, 101);

        overflow: hidden;

    }
    .layui-select-title{
        display:inline-flex;
    }

    .bid-content{
        display:inline-block;
        width:90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #838383
    }
    .bid-time{
        width:10%;
    }

    .newnav .clearfix li ul.aa{
        position:absolute;
        top:100%;
        left:0;
        z-index:2;
        width: 100px;
        height:auto;
        /*float: left;*/
        /*margin-left: 100px;*/
        display: none;
        background:white;
        /*height:22px;*/
        text-align: center;
        opacity: 1
    }
    .newnav .clearfix li ul li{
        font-size: 14px;
        line-height: 25px;
        height: 25px;
        font-weight: 400;
    }
    .newnav .clearfix .a:hover .aa{
        display: block;
    }
    .card_load_extreme_title {
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: linear-gradient(120deg, #e5e5e5 30%, #f0f0f0 38%, #f0f0f0
        40%, #e5e5e5 48%);
        background-size: 200% 100%;
        background-position: 100% 0;
        animation: load89234 2s infinite;
    }

    @keyframes load89234 {
        100% {
            background-position: -100% 0;
        }
    }