.center-bg {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.logo {
    width: 200px;
    height: auto;
    margin: 0 124px 0 0px;
    cursor: pointer;
}
/* .logo {
    width: 240px;
    height: 48px;
    margin: 0 325px 0 20px;
} */

.top-a-bg {
    margin-top: -30px;
}

.top-search-bg .top-a-bg ul {
    display: inline-block;
    margin-left: 275px;
    width: auto;
}

.top-search-bg .top-a-bg li {
    display: inline-block;
    height: 42px;
}
.top-search-bg .top-a-bg .lin .nav-item {
    padding: 0 6px;
}
.top-a-bg .nav-item:last-child {
    margin-left: 0 !important;
}
.top-search-bg .top-a-bg .lin .nav-item:hover{
    border-bottom: 2px solid  #004BAA;
}
.top-search-bg .top-a-bg a {
    font-size: 18px;
    color: #004BAA;
    
    line-height: 25px;
}

.top-search-bg {
    /* margin-top: 12px; */
}

body {
    background-color: #FFFFFF;
}

.top-a-bg {
    margin-top: -30px;
}

.top-img-bg {
    position: relative;
    /*margin-top:90px;*/
}

.top-a-bg a.login-a {
    font-size: 14px;
    color: #F0831E;
    margin-right: 20px;
    margin-left: 20px;
    display: inline-block;
}

.top-a-bg a.register-a {
    display: inline-block;
    width: 104px;
    height: 36px;
    font-size: 14px;
    border-radius: 21px;
    border: 1px solid #F0831E;
    color: #F0831E;
    text-align: center;
    line-height: 36px;

}

/* 中间 -img*/
.container-sa .top-banner-bg .class-bg ul li .bg-img {
    width: 100%;
}
.container-sa{
    height: calc(100% - 252px);
}


.show-bg {
    width: 33.3%;
    float: left;
    cursor: pointer;
    color: #fff;
    padding: 35px 20px;
    height: 150px;
}

.one-bg {
    background: #66d555;
}

.two-bg {
    background: #e79853;
}

.three-bg {
    background: #5d91c1;
}

.big-font {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.sm-font {
    font-size: 20px;
    line-height: 23px;
}

/*donghua*/
.white-bg {
    background: #FFFFFF;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.jianB-01-1 {

    background-color: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #66d555, #ffffff);
    background-image: -o-linear-gradient(top, #66d555, #ffffff);
    background-image: -ms-linear-gradient(top, #66d555, #ffffff);
    background-image: linear-gradient(top, #66d555, #ffffff);
    background-repeat: repeat-x;
    background-size: 100% 0;
}

.jianB-02-1 {
    background-color: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #e79853, #ffffff);
    background-image: -o-linear-gradient(top, #e79853, #ffffff);
    background-image: -ms-linear-gradient(top, #e79853, #ffffff);
    background-image: linear-gradient(top, #e79853, #ffffff);
    background-repeat: repeat-x;
    background-size: 100% 0;
}

.jianB-03-1 {
    background-color: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #3476b0, #ffffff);
    background-image: -o-linear-gradient(top, #3476b0, #ffffff);
    background-image: -ms-linear-gradient(top, #3476b0, #ffffff);
    background-image: linear-gradient(top, #3476b0, #ffffff);
    background-repeat: repeat-x;
    background-size: 100% 0;
}

.jianB-01-1 img {
    position: absolute;
    bottom: -50%;
    width: 40%;
    left: 30%;
}

.jianB-01-1 span {
    font-size: 50px;
    width: 32%;
    display: block;
    line-height: 64px;
    text-align: center;
    left: 34%;
    position: absolute;
    color: #fff;
    top: 59px;
    opacity: 0;
}
.show .jianB-01-1{
    background-size: 100% 100%;
    transition: all 1s cubic-bezier(0,0.7,0,0.7) 0s;
}

.show .jianB-02-1{
    background-size: 100% 100%;
    transition: all 1s cubic-bezier(0,0.7,0,0.7) 0s;
}
.show .jianB-03-1{
    background-size: 100% 100%;
    transition: all 1s cubic-bezier(0,0.7,0,0.7) 0s;
}


.show .jianB-01-1 img{
    bottom: 0;
    transition: all 1s cubic-bezier(0,1,0,1) 0s;
}
.show .jianB-01-1 span{
    top: 69px;
    opacity:1;
    transition: all 0.5s linear 0.2s;
}



.jianB-02-1 span {
    position: absolute;
    font-size: 50px;
    line-height: 500px;
    right: 50%;
    margin-right: 50px;
    color: #FFFFFF;
    bottom: -50%;
    opacity: 0;
}

.jianB-02-1 img {
    position: absolute;
    left: 50%;
    width: 28%;
    bottom: -100%;
}

.show .jianB-02-1 img{
    bottom: 0;
    transition: all 1s cubic-bezier(0,1,0,1) 0s;
}
.show .jianB-02-1 span{
    bottom: 0;
    opacity:1;
    transition: all 0.5s linear 0.2s;
}


.jianB-03-1 .r-font {
    position: absolute;
    left: 58%;
    bottom: -100%;
    font-size: 50px;
    line-height: 500px;
    color: #fff;
}

.jianB-03-1 .r-font span {
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
}

.jianB-03-1 .r-img {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    top: 5%;
}

.jianB-03-1 .r-img img {
    position: absolute;
}

.jianB-03-1 .r-img img.img-01 {
    width: 30%;
    left: 131%;
    top: -90%;
}

.jianB-03-1 .r-img img.img-02 {
    left: 157%;
    top: -63%;
    width: 20%;
}

.jianB-03-1 .r-img img.img-03-1 {
    left: 163%;
    top: -81%;
    width: 16%;
}

.jianB-03-1 .r-img img.img-03-2 {
    left: 181%;
    top: -55%;
    width: 16%;
}

.jianB-03-1 .r-img img.img-03-3 {
    left: 157%;
    top: -37%;
    width: 19%;
}

.jianB-03-1 .r-img img.img-04 {
    left: 118%;
    top:-100%;
    z-index: 2;
    width: 20%;
}

.show .jianB-03-1 .r-img img.img-01{
    left: 31%;
    top: 10%;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0s;
}
.show .jianB-03-1 .r-img img.img-02{
    left: 57%;
    top: 37%;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0.2s;
}
.show .jianB-03-1 .r-img img.img-03-1{
    left: 63%;
    top: 19%;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0.5s;
}
.show .jianB-03-1 .r-img img.img-03-2{
    left: 81%;
    top: 45%;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0.5s;
}
.show .jianB-03-1 .r-img img.img-03-3{
    left: 57%;
    top: 63%;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0.5s;
}

.show .jianB-03-1 .r-img img.img-04{
    left: 18%;
    top: 0;
    transition: all 0.4s cubic-bezier(0,1,0,1) 0.3s;
}

.show .jianB-03-1 .r-font{
    bottom: 0;
    opacity:1;
    transition: all 0.8s linear 0.7s;
}










.center-01 {
    display: none;
}

.center-02 {
    display: none;
}

.center-03 {
    display: none;
}

.heightAll {
    height: 100%;
}