.survey-con .item {
    padding-top: 50px;
    padding-bottom: 60px
}

.survey-con .item .title {
    font-size: 20px;
    color: #666;
    text-align: center;
    margin-bottom: 35px
}

.survey-con .item .title span {
    width: 80px;
    height: 4px;
    display: block;
    margin: 10px auto;
    background-image: linear-gradient(135deg, #00d0fb, #00acf6);
    border-radius: 10px
}

.survey-con .item .txt-con {
    width: 1200px;
    margin: auto
}

.survey-con .item .txt-con .txt {
    font-size: 18px;
    color: #666;
    letter-spacing: 2px;
    line-height: 30px;
    text-indent: 2em;
    text-align: justify
}

.survey-con .item .txt-con .bg-img {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px
}

.survey-con .item .txt-con .floor {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px
}

.survey-con .item .txt-con .floor li {
    float: left;
    width: 270px;
    text-align: center;
    margin-right: 40px;
    border-radius: 2px
}

.survey-con .item .txt-con .floor li .list {
    margin-top: 20px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABRAAD/4QOBaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NWY3ZjMwZGYtNjkyYy00YTRmLWI4NWItZmY5MGIyNGIyMzYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGOTdBMTNBMTg2ODExRThBQjgyQzg0ODg3MTQ1Q0EzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGOTdBMTM5MTg2ODExRThBQjgyQzg0ODg3MTQ1Q0EzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWY3ZjMwZGYtNjkyYy00YTRmLWI4NWItZmY5MGIyNGIyMzYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVmN2YzMGRmLTY5MmMtNGE0Zi1iODViLWZmOTBiMjRiMjM2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAQEBAQEBAQGBAUFBQUEBgYHBwcHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAgMDBQQFCQYGCQ0KCAoNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAdQBLQMBEQACEQEDEQH/xABTAAEBAQAAAAAAAAAAAAAAAAAAAQkBAQEBAQEBAAAAAAAAAAAAAAACAwEGCBABAQAAAAAAAAAAAAAAAAAAABERAQEAAAAAAAAAAAAAAAAAAAAR/9oADAMBAAIRAxEAPwDRJ6x8oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAES7CBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBCBBDoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACpWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKoKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKKiqCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgirCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCgUCis6sKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKKzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUioq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisq0gUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUis6uBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKyrSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisq0gUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisquBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKyrWBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKyq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrKrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisq0gUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisq0gUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisquBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOtIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIMquBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUisquBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSCKuBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSBSKzq4FIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIIqoFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIFIrOrgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgiqgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUgUioUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAM6oKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKCQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABE10KBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKCaBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBREgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA46AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEcoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFAoFBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQcdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/2Q==);
    width: 100%;
    height: 380px;
    text-align: center
}

.survey-con .item .txt-con .floor li .list .floor-txt {
    font-size: 50px;
    padding: 28px 0;
    color: #fff;
    text-align: center
}

.survey-con .item .txt-con .floor li .list .one {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 5px
}

.survey-con .item .txt-con .floor li:last-child {
    margin-right: 0
}

.survey-con .item .txt-con .floor-item {
    text-align: center;
    margin-top: 60px
}

.survey-con .item .txt-con .floor-item .grad {
    font-size: 16px;
    color: #333;
    padding-bottom: 4px;
    border-bottom: 3px solid #00c3fa;
    margin-bottom: 40px;
    display: inline-block
}

.survey-con .item .txt-con .floor-item .grad-bg {
    width: 100%;
    height: 600px;
    position: relative
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-1 {
    background: url(../../../images/grads/grad1.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-2 {
    background: url(../../../images/grads/grad2.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-3 {
    background: url(../../../images/grads/grad3.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-4 {
    background: url(../../../images/grads/grad4.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-5 {
    background: url(../../../images/grads/grad5.png) no-repeat;
    background-size: 100% 100%;
}
.survey-con .item .txt-con .floor-item .grad-bg.grad-6 {
    background: url(../../../images/grads/grad6.png) no-repeat;
    background-size: 100% 100%;
}
.survey-con .item .txt-con .floor-item .grad-bg.grad-7 {
    background: url(../../../images/grads/grad7.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg.grad-b1f {
    background: url(../../../images/b1.png) no-repeat;
    background-size: 100% 100%;
}

.survey-con .item .txt-con .floor-item .grad-bg .mask {
    position: absolute;
    bottom: 0;
    height: 250px;
    background: rgba(0, 0, 0, .5);
    left: 0
}

.survey-con .item .txt-con .floor-item .grad-bg .mask p {
    padding: 30px 45px;
    color: #fff;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
    letter-spacing: 4px
}

.banner {
    width: 100%;
    height: 560px;
    position: relative;
    overflow: hidden
}

.banner .banner-img {
    background-size: cover !important;
    width: 100%;
    height: 560px
}

.banner .filter {
    -webkit-filter: blur(10px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.banner .navs {
    width: 100%;
    height: 80px;
    background: rgba(42, 138, 199, .7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.banner .navs .navs-con {
    width: 1200px;
    margin: 0 auto
}

.banner .navs .navs-con .title {
    font-size: 30px;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    line-height: 80px;
    vertical-align: middle
}

.banner .navs .navs-con .guides {
    display: inline-block;
    vertical-align: middle
}

.banner .navs .navs-con .guides li {
    display: inline-block;
    font-size: 16px;
    margin-right: 4px
}

.banner .navs .navs-con .guides li a {
    padding: 9px 28px;
    color: #fff;
    display: inline-block;
    border-radius: 3px
}

.banner .navs .navs-con .guides li a.active,
.banner .navs .navs-con .guides li a:hover {
    background-image: linear-gradient(135deg, #00d0fb, #00acf6)
}

.banner .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.bg-con {
    width: 100%;
    background: #f6f6f6 url(/static/img/bg.c4b24c7.png) no-repeat;
    background-size: 100%
}

.pic {
    margin-top: 80px;
    display: flex;
    height: 398px;
}

.pic_left {
    width: 50%;
    display: flex;
}

.pic_right {
    width: 50%;
    display: flex;
}

.pic_left_1 {
    /* flex: 1; */
    width: 50%;
}

.pic_left_2 {
    display: flex;
    flex-direction: column;
    width: 50%;
    /* flex: 1; */
}

.pic_left_2_1 {
    height: 50%;
    /* flex: 2; */
}

.pic_left_2_2 {
    /* flex: 1; */
}