.text-primary {

    color: #e74c3c !important

}

.text-title {

    color: #212628

}

.text-sub {

    color: #666

}

.bg-sub {

    background: #666

}

.text-white {

    color: #fff !important

}

.text-color9 {

    color: #999

}

.text-color4 {

    color: #444

}

.text-black {

    color: #333

}

.bg-bg {

    background: #fafafa

}

.bg-white {

    background: #fff

}

.bg-primary {

    background: #e74c3c

}

.bg-active {

    background: #fdeded

}

.bg-bbb {

    background: #bbb

}

.text-blue {

    color: #c7e3ff

}

.bg-border {

    background: #edecec

}

.text-5d {

    color: #5d5d5d

}

.text-border2 {

    color: #d9d9d9

}

.border-primary {

    border-bottom: 1px solid #e74c3c

}

.bannertop .swiper-prev, .bannertop .swiper-next {

    top: 50%;

    margin-top: -50px;

    width: 70px;

    height: 70px;

    background: #000;

    opacity: .4;

    z-index: 2;

    cursor: pointer;

    text-align: center;

    line-height: 70px;

    color: #fff;

    font-size: 50px

}

.bannertop .swiper-prev:hover, .bannertop .swiper-next:hover {

    opacity: .5;

    color: #e74c3c

}

.bannertop .swiper-prev {

    left: 30px

}

.bannertop .swiper-next {

    right: 30px

}

.test-you-home {

    width: 100%;

    background-color: #040408

}

.test-you-home .test-you-home-box {

    width: 1200px;

    height: 100px;

    margin: auto;

    background-image: url(../images/test_bg.jpg);

    padding-top: 20px

}

.test-you-home .test-you-home-box .title {

    font-size: 30px;

    color: #fff;

    width: 100%;

    text-align: center

}

.test-you-home .test-you-home-box .big-title {

    font-size: 40px;

    text-align: center;

    color: #fff;

    font-weight: bold

}

.test-you-home .test-you-home-box .subtitle {

    font-size: 20px;

    color: #fff;

    text-align: center;

    font-weight: bold

}

.test-you-home .test-you-home-box .jiantou {

    color: #fff;

    text-align: center;

    font-size: 30px

}

.test-you-home .test-you-home-box .check-btn {

    margin: auto;

    width: 60px;

    border: 1px solid #fff;

    font-size: 18px;

    padding: 7px 40px;

    border-radius: 20px;

    color: #fff;

    cursor: pointer;

    transition: all .5s

}

.test-you-home .test-you-home-box .check-btn:hover {

    color: #e74c3c;

    border: 1px solid #e74c3c

}

.cl {

    clear: both;

    width: 0;

    height: 0

}

.frande-link {

    width: 100%

}

.frande-link .title-list {

    padding: 0;

    margin: 0;

    border-bottom: 1px solid #edecec;

    overflow: hidden

}

.frande-link .title-list li {

    float: left;

    padding-right: 24px;

    position: relative;

    cursor: pointer

}

.frande-link .title-list li div {

    position: absolute;

    bottom: -15px;

    width: 80%;

    height: 2px

}

.frande-link .title-list li.active {

    font-weight: bold

}

.frande-link .title-list li.active div {

    background: #e40018

}

.frande-link .title-list li:hover {

    color: #e74c3c

}

.frande-link .content-list {

    width: 100%;

    overflow: hidden;

    margin-top: 30px

}

.frande-link .content-list li {

    float: left;

    padding: 13px 40px 13px 0

}

.frande-link .content-list li:hover {

    color: #e74c3c

}

.find-nab {

    background: #333;

    width: 100%;

    height: 165px

}

.find-nab .title {

    width: 100%;

    color: #fff;

    font-size: 20px;

    padding: 20px;

    position: relative

}

.find-nab .title span {

    color: #e74c3c

}

.find-nab .title:after {

    content: '';

    position: absolute;

    display: block;

    width: 100px;

    height: 1px;

    background: #e74c3c;

    bottom: 15px;

    left: 20px

}

.find-nab .btn-list {

    width: 590px;

    position: relative;

    float: left

}

.find-nab .btn-list .search-self {

    float: left;

    background: #fff;

    position: relative

}

.find-nab .btn-list .search-self select {

    margin-left: 5px;

    background: #fff;

    padding: 10px;

    border: none;

    outline: none;

    color: #666;

    width: 60px

}

.find-nab .btn-list .search-self input {

    padding: 10px 20px;

    width: 270px;

    color: #666

}

.find-nab .btn-list .search-self button {

    background: #e74c3c;

    color: #fff;

    padding: 12px 20px;

    outline: none;

    cursor: pointer

}

.find-nab .btn-list .search-self button:hover {

    background: #ed7669;

    border-color: #ed7669;

    color: #fff

}

.find-nab .btn-list .search-self:after {

    content: '';

    display: block;

    position: absolute;

    top: 9px;

    left: 70px;

    height: 60%;

    width: 1px;

    background: #666

}

.find-nab .btn-list .libtitle {

    width: 100%;

    position: absolute;

    overflow: hidden;

    top: 55px

}

.find-nab .select-btn {

    float: right;

    position: relative

}

.find-nab .select-btn .select-input {

    float: left;

    position: relative;

    margin: 0 10px

}

.find-nab .select-btn .select-input .filter-text {

    background: #3e3e3e;

    padding: 0px 20px;

    color: #edecec;

    height: 40px;

    border: 1px solid #ccc;

    width: 110px;

    float: left;

    border-radius: 3px

}

.find-nab .select-btn .select-input .filter-text .filter-title {

    height: 40px;

    line-height: 40px;

    color: #edecec

}

.find-nab .select-btn .select-input .filter-text .icon-filter-arrow {

    top: 18px

}

.find-nab .select-btn select {

    background: #3e3e3e;

    color: #edecec;

    padding: 0px 20px;

    height: 43px;

    border: 1px solid #ccc;

    width: 140px;

    display: block;

    float: left;

    background: #3e3e3e;

    border-radius: 3px;

    margin: 0 10px

}

.find-nab .select-btn .tuij {

    width: 400px;

    position: absolute;

    top: 55px;

    left: 10px

}

.content-list {

    width: 1230px;

    overflow: hidden

}

.content-list .zhuangxiu-card {

    float: left;

    width: 380px;

    height: 490px;

    border: 1px solid #edecec;

    background: #f7f7f7;

    margin: 0 25px 25px 0

}

.content-list .zhuangxiu-card .img-box {

    height: 420px;

    width: 100%;

    overflow: hidden;

    position: relative

}

.content-list .zhuangxiu-card .img-box img {

    width: 100%;

    transition: all .5s

}

.content-list .zhuangxiu-card .img-box:hover img {

    transform: scale(1.05, 1.05)

}

.content-list .zhuangxiu-card .img-box:hover .shadow {

    display: block

}

.content-list .zhuangxiu-card .img-box .shadow {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    background: rgba(0, 0, 0, 0.3)

}

.content-list .zhuangxiu-card .img-box .shadow .circle {

    background: rgba(255, 255, 255, 0.5);

    width: 80px;

    height: 80px;

    border-radius: 50%;

    line-height: 80px;

    text-align: center;

    margin: 150px auto;

    color: #e74c3c

}

.content-list .zhuangxiu-card .detail-box {

    width: 100%;

    height: 80px;

    padding: 15px 10px

}

.content-list .zhuangxiu-card .detail-box .designer {

    float: left;

    width: 80px;

    height: 80px;

    border-radius: 5px;

    overflow: hidden

}

.content-list .zhuangxiu-card .detail-box .designer img {

    width: 100%

}

.content-list .zhuangxiu-card .detail-box .msg {

    float: left;

    width: 240px;

    margin-left: 16px

}

.content-list .zhuangxiu-card .detail-box .msg .title {

    color: #212628;

    font-size: 16px;

    overflow: hidden;

    white-space: nowrap;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis

}

.content-list .zhuangxiu-card .detail-box .msg .title:hover {

    color: #e74c3c

}

.content-list .zhuangxiu-card .detail-box .msg .sub {

    color: #666;

    font-size: 14px;

    overflow: hidden;

    white-space: nowrap;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis

}

.content-list .zhuangxiu-card .detail-box .msg .tel {

    width: 100px;

    height: 25px;

    border: 1px solid #e74c3c;

    color: #e74c3c;

    font-size: 16px;

    line-height: 25px;

    text-align: center;

    cursor: pointer

}

.content-list .zhuangxiu-card .detail-box .msg .tel:hover {

    color: darkred;

    border: 1px solid darkred

}

.content-list .zhuangxiu-card .detail-box .yuyuebtn {

    float: left;

    display: none

}

.content-list .zhuangxiu-card:hover .yuyuebtn {

    display: block

}

.hotlist .search-self {

    float: left;

    background: #fff;

    background: transparent;

    border: 1px solid #edecec;

    position: relative

}

.hotlist .search-self select {

    margin-left: 5px;

    background: #fff;

    background: transparent;

    padding: 10px;

    border: none;

    outline: none;

    color: #fff;

    width: 60px

}

.hotlist .search-self input {

    padding: 10px 20px;

    width: 270px;

    background: transparent;

    color: #fff

}

.hotlist .search-self button {

    color: #fff;

    padding: 12px 20px;

    outline: none;

    cursor: pointer;

    background: rgba(255, 255, 255, 0.4)

}

.hotlist .search-self button:hover {

    background: #ed7669;

    border-color: #ed7669;

    color: #fff

}

.hotlist .search-self:after {

    content: '';

    display: block;

    position: absolute;

    top: 9px;

    left: 70px;

    height: 60%;

    width: 1px;

    background: #edecec

}

.hotlist .button {

    background: transparent;

    color: #fff;

    padding: 12px 20px

}

.hotlist .button i {

    display: inline-block;

    width: 15px

}

.topic-list {

    overflow: hidden

}

.topic-list li {

    float: left;

    width: 383px;

    height: 295px;

    overflow: hidden;

    position: relative

}

.topic-list li+li {

    margin-left: 10px

}

.topic-list li img {

    transition: all .5s

}

.topic-list li h1 {

    max-width: 80%;

    white-space: nowrap;

    overflow: hidden;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    position: absolute;

    top: 55px;

    left: 30px;

    font-weight: bold;

    z-index: 2;

    font-size: 26px

}

.topic-list li p {

    position: absolute;

    max-width: 80%;

    z-index: 2;

    white-space: nowrap;

    overflow: hidden;

    -webkit-text-overflow: ellipsis;

    -moz-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    top: 100px;

    left: 30px;

    color: #969696

}

.topic-list li:hover img {

    transform: scale(1.05, 1.05)

}

.topic-list::after {

    clear: both

}

.hotzhuang {

    margin-top: 30px

}

.hotzhuang .content-left {

    float: left;

    width: 880px

}

.hotzhuang .content-left .lists {

    padding: 0;

    margin: 0

}

.hotzhuang .content-left .lists .list {

    list-style: none;

    width: 100%;

    height: 240px;

    overflow: hidden;

    border-radius: 3px;

    position: relative;

    margin-bottom: 10px;

    transition: all .5s

}

.hotzhuang .content-left .lists .list .spacial {

    position: absolute;

    width: 70px;

    top: 22px;

    left: 0px;

    height: 25px;

    background: #d7eee3;

    border-top-right-radius: 15px 20px;

    font-size: 14px;

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

    transition: all .5s;

    z-index: 1

}

.hotzhuang .content-left .lists .list .spacial .s1 {

    background: #84cfad;

    position: absolute;

    left: 0;

    padding: 3px 5px;

    width: 70px;

    color: #fff

}

.hotzhuang .content-left .lists .list .spacial .s1:after {

    content: '';

    display: block;

    position: absolute;

    right: -7px;

    width: 0;

    height: 0;

    top: 0;

    border-left: 7px solid #84cfad;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent;

    z-index: 10

}

.hotzhuang .content-left .lists .list .spacial .s1.red {

    background: #f67676

}

.hotzhuang .content-left .lists .list .spacial .s1.red:after {

    border-left: 7px solid #f67676;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent

}

.hotzhuang .content-left .lists .list .spacial .s1.blue {

    background: #8182ed

}

.hotzhuang .content-left .lists .list .spacial .s1.blue:after {

    border-left: 7px solid #8182ed;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent

}

.hotzhuang .content-left .lists .list .spacial .s2 {

    color: #fff;

    position: absolute;

    width: 250px;

    left: 70px;

    padding: 3px 15px;

    background: #48b181

}

.hotzhuang .content-left .lists .list .img-box {

    float: left;

    overflow: hidden;

    margin: 10px;

    width: 290px;

    height: 220px;

    border-radius: 5px

}

.hotzhuang .content-left .lists .list .info {

    float: left

}

.hotzhuang .content-left .lists .list .info .title {

    max-width: 420px;

    color: #212628;

    font-weight: bold

}

.hotzhuang .content-left .lists .list .info .title:hover {

    color: #e74c3c

}

.hotzhuang .content-left .lists .list .info .detail {

    width: 430px

}

.hotzhuang .content-left .lists .list .info .detail .working {

    width: 130px;

    float: left

}

.hotzhuang .content-left .lists .list .info .detail .working span {

    color: #212628;

    font-weight: bold

}

.hotzhuang .content-left .lists .list .info .detail .working span:hover {

    color: #e74c3c

}

.hotzhuang .content-left .lists .list .info .place {

    max-width: 420px

}

.hotzhuang .content-left .lists .list .info .place:hover {

    color: #e74c3c

}

.hotzhuang .content-left .lists .list .info .show-peop i {

    display: inline-block;

    width: 16px;

    height: 16px

}

.hotzhuang .content-left .lists .list .info .tag-lists .tag {

    float: left;

    font-size: 12px;

    background: #fcf8f8;

    margin-right: 10px;

    width: 75px;

    text-align: center;

    padding: 5px 15px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px

}

.hotzhuang .content-left .lists .list .info .tag-lists .tag:hover {

    color: #e74c3c

}

.hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(1) {

    background: #fcf8f8;

    color: #e74c3c

}

.hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(2) {

    background: #fbfbfc;

    color: #a6c0d4

}

.hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(3) {

    background: #fafdfd;

    color: #77e2bb

}

.hotzhuang .content-left .lists .list:hover {

    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)

}

.hotzhuang .content-left .lists .list:hover .button {

    display: block

}

.hotzhuang .content-left .lists .list .button {

    position: absolute;

    right: 10px;

    top: 20px;

    display: none

}

.hotzhuang .content-right {

    float: left;

    width: 300px;

    margin-left: 17px

}

.hotzhuang .content-right .yuyue-box {

    border: 1px solid #edecec;

    border-radius: 3px;

    min-height: 340px

}

.hotzhuang .content-right .yuyue-box form {

    padding: 0 20px

}

.hotzhuang .content-right .yuyue-box form .tit span {

    color: #e74c3c

}

.hotzhuang .content-right .yuyue-box form .tit:after {

    content: '';

    display: block;

    width: 80px;

    height: 1px;

    background: #e74c3c;

    margin: 5px auto

}

.hotzhuang .content-right .yuyue-box form dd {

    background: #f3f3f3

}

.hotzhuang .content-right .yuyue-box form dd input {

    background: #f3f3f3

}

.hotzhuang .content-right .yuyue-box form .subtit {

    line-height: 40px;

    text-align: center;

    height: 40px

}

.hotzhuang .content-right .yuyue-box form .subtit span {

    color: #e74c3c

}

.list-detail .left-box {

    float: left;

    width: 880px;

    min-height: 100px

}

.list-detail .left-box .current-house {

    position: relative;

    height: 390px

}

.list-detail .left-box .current-house .box {

    margin-left: 10px;

    height: 300px;

    width: 860px;

    overflow: hidden;

    background: #f5f5f5

}

.list-detail .left-box .current-house .box .img-left {

    height: 300px;

    width: 400px;

    float: left;

    cursor: pointer;

    position: relative

}

.list-detail .left-box .current-house .box .img-left img {

    cursor: pointer

}

.list-detail .left-box .current-house .box .img-left .xiaoqu-msg {

    position: absolute;

    bottom: 0;

    height: 60px;

    width: 100%;

    left: 0;

    background-color: rgba(0, 0, 0, 0.3)

}

.list-detail .left-box .current-house .box .img-left .xiaoqu-msg .title {

    margin: 8px 10px 0 10px;

    line-height: 1

}

.list-detail .left-box .current-house .box .img-left .xiaoqu-msg .sub {

    line-height: 1;

    margin: 10px 10px 0 10px

}

.list-detail .left-box .current-house .box .cur-detail {

    float: left;

    position: relative

}

.list-detail .left-box .current-house .box .cur-detail .title {

    width: 400px;

    position: absolute;

    left: 30px;

    top: 15px;

    font-weight: bold;

    color: #db2a29;

    font-size: 22px

}

.list-detail .left-box .current-house .box .cur-detail .title:before {

    content: '';

    display: block;

    height: 20px;

    width: 5px;

    position: relative;

    background: #db2a29;

    border-radius: 3px;

    float: left;

    margin-right: 16px;

    top: 5px

}

.list-detail .left-box .current-house .box .cur-detail .subtitle {

    font-size: 16px;

    width: 400px;

    position: absolute;

    left: 30px;

    top: 55px

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d {

    width: 420px;

    position: absolute;

    top: 100px;

    left: 30px

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .design-img {

    float: left;

    width: 70px;

    height: 70px;

    border-radius: 3px

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .erweima {

    float: left;

    width: 70px;

    height: 70px;

    margin-left: 10px;

    border-radius: 3px

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList {

    float: left;

    margin-left: 10px;

    width: 240px

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-name {

    width: 240px;

    height: 22px;

    font-size: 16px;

    font-weight: bold;

    color: #212628

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-des {

    width: 240px;

    height: 20px;

    font-size: 12px;

    color: #666666

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-tel {

    width: 240px;

    height: 20px;

    font-size: 14px;

    color: #e74c3c

}

.list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-tel i {

    display: inline-block;

    width: 16px;

    height: 16px

}

.list-detail .left-box .current-house .box .cur-detail .service-p {

    position: absolute;

    left: 30px;

    top: 210px;

    width: 420px;

    height: 20px;

    font-size: 14px;

    color: #666666

}

.list-detail .left-box .current-house .box .cur-detail .service-z {

    position: absolute;

    left: 30px;

    width: 420px;

    height: 20px;

    font-size: 14px;

    color: #666666;

    left: 30px;

    top: 240px

}

.list-detail .left-box .current-house .box .cur-detail .service-list {

    width: 430px;

    position: absolute;

    left: 30px;

    top: 265px

}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag {

    float: left;

    font-size: 12px;

    background: #fcf8f8;

    margin-right: 10px;

    width: 75px;

    padding: 5px 15px;

    text-align: center;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px

}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag:hover {

    color: #e74c3c

}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(1) {

    background: #f4e6e5;

    color: #e74c3c

}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(2) {

    background: #edf0f2;

    color: #a6c0d4

}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(3) {

    background: #e8f3ef;

    color: #77e2bb

}

.list-detail .left-box .current-house .spacial {

    position: absolute;

    width: 70px;

    top: 22px;

    left: 0px;

    height: 25px;

    background: #d7eee3;

    border-top-right-radius: 15px 20px;

    z-index: 99;

    font-size: 14px;

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

    transition: all .5s

}

.list-detail .left-box .current-house .spacial .s1 {

    background: #84cfad;

    position: absolute;

    left: 0;

    padding: 3px 5px;

    width: 70px;

    color: #fff

}

.list-detail .left-box .current-house .spacial .s1:after {

    content: '';

    display: block;

    position: absolute;

    right: 3px;

    width: 0;

    height: 0;

    top: 0;

    border-left: 7px solid #84cfad;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent;

    z-index: 10

}

.list-detail .left-box .current-house .spacial .s1.red {

    background: #f67676

}

.list-detail .left-box .current-house .spacial .s1.red:after {

    border-left: 7px solid #f67676;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent

}

.list-detail .left-box .current-house .spacial .s1.blue {

    background: #8182ed

}

.list-detail .left-box .current-house .spacial .s1.blue:after {

    border-left: 7px solid #8182ed;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent

}

.list-detail .left-box .current-house .spacial .s2 {

    color: #fff;

    position: absolute;

    width: 250px;

    left: 70px;

    padding: 3px 15px;

    background: #48b181

}

.list-detail .left-box .current-house .title-list {

    width: 879px;

    background: #fff;

    height: 60px;

    position: absolute;

    z-index: 99;

    bottom: 0px;

    left: 0;

    width: 100%;

    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);

    -o-box-shadow: 0 10px 15px rgbsa(0, 0, 0, 0.04);

    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04)

}

.list-detail .left-box .current-house .title-list .title-b {

    float: left;

    padding: 0 20px;

    margin-right: 20px;

    font-size: 18px;

    color: #212628;

    line-height: 60px;

    cursor: pointer

}

.list-detail .left-box .current-house .title-list .title-b.active {

    color: #e74c3c

}

.list-detail .left-box .current-house .title-list .title-b:hover {

    color: #e74c3c

}

.list-detail .left-box .tab-content .xiaoqu {

    width: 100%

}

.list-detail .left-box .tab-content .xiaoqu p {

    max-width: 840px;

    margin: 16px auto;

    color: #999;

    line-height: 1.7

}

.list-detail .left-box .tab-content .shigong-ing .title-ra {

    font-size: 20px;

    color: #212628;

    width: 100%;

    position: relative

}

.list-detail .left-box .tab-content .shigong-ing .title-ra::before {

    content: '';

    display: block;

    float: left;

    height: 20px;

    width: 5px;

    margin: 4px 20px 0 0;

    border-radius: 3px;

    background: #e74c3c

}

.list-detail .left-box .tab-content .shigong-ing .title-ra .more {

    position: absolute;

    top: 5px;

    right: 0;

    color: #999;

    font-size: 14px

}

.list-detail .left-box .tab-content .shigong-ing .title-ra .more i {

    font-size: 14px

}

.list-detail .left-box .tab-content .team .title-ra {

    font-size: 20px;

    color: #212628;

    width: 100%;

    position: relative

}

.list-detail .left-box .tab-content .team .title-ra .icon {

    position: static;

    box-sizing: border-box

}

.list-detail .left-box .tab-content .team .title-ra::before {

    content: '';

    display: block;

    float: left;

    height: 20px;

    width: 5px;

    margin: 4px 20px 0 0;

    border-radius: 3px;

    background: #e74c3c

}

.list-detail .left-box .tab-content .team .title-ra .more {

    position: absolute;

    top: 5px;

    right: 0;

    color: #999;

    font-size: 14px

}

.list-detail .left-box .tab-content .team .title-ra .more i {

    font-size: 14px

}

.list-detail .left-box .tab-content .team .designer-list .designer {

    float: left;

    width: 196px;

    margin-right: 0px;

    margin-bottom: 30px;

    padding: 15px

}

.list-detail .left-box .tab-content .team .designer-list .designer:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)

}

.list-detail .left-box .tab-content .team .designer-list .designer .designer-photo {

    height: 196px;

    width: 196px;

    border-radius: 5px;

    overflow: hidden;

    position: relative

}

.list-detail .left-box .tab-content .team .designer-list .designer .designer-photo .design-name {

    width: 100%;

    height: 30px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.5);

    font-size: 18px;

    text-align: center;

    line-height: 30px;

    color: #fff

}

.list-detail .left-box .tab-content .team .designer-list .designer .yuyue-btn {

    margin-top: 20px;

    text-align: center

}

.list-detail .left-box .tab-content .team .designer-list .designer .yuyue-btn .button {

    padding: 10px 42px

}

.list-detail .right-box {

    float: left;

    margin-left: 20px;

    width: 300px

}

.list-detail .right-box .yuyue-box {

    background-color: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    border: 1px solid transparent;

    border-radius: 3px;

    min-height: 370px

}

.list-detail .right-box .yuyue-box form {

    padding: 0 20px

}

.list-detail .right-box .yuyue-box form .subtit {

    line-height: 40px;

    text-align: center;

    height: 40px;

    color: #666

}

.list-detail .right-box .yuyue-box form .subtit span {

    color: #e74c3c

}

.list-detail .right-box .yuyue-box form dd {

    background: #f3f3f3

}

.list-detail .right-box .yuyue-box form dd input {

    background: #f3f3f3

}

.list-detail .right-box .yuyue-box form .tit span {

    color: #e74c3c

}

.list-detail .right-box .yuyue-box form .tit:after {

    content: '提交报名享受免费专车接送';

    display: block;

    height: 30px;

    font-size: 16px;

    color: #999;

    text-align: center;

    margin: 5px auto

}

.zaininshenbian {

    background: #fafafa;

    padding-bottom: 30px

}

.zaininshenbian .title-ra {

    font-size: 20px;

    color: #212628;

    width: 100%;

    position: relative

}

.zaininshenbian .title-ra::before {

    content: '';

    display: block;

    float: left;

    height: 20px;

    width: 5px;

    margin: 4px 20px 0 0;

    border-radius: 3px;

    background: #e74c3c

}

.zaininshenbian .zs {

    width: 225px;

    height: 34px;

    margin: auto

}

.zaininshenbian .yueyun-card {

    height: 445px;

    background: #fff;

    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)

}

.zaininshenbian .yueyun-card .left-yy {

    float: left;

    width: 600px;

    height: 445px

}

.zaininshenbian .yueyun-card .right-yy {

    float: left;

    width: 560px;

    height: 445px;

    position: relative

}

.zaininshenbian .yueyun-card .right-yy:after {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-right: 15px solid #fff;

    top: 210px;

    left: -15px

}

.zaininshenbian .yueyun-card .right-yy .yy-title {

    font-size: 26px;

    height: 45px;

    line-height: 45px;

    margin-left: 33px;

    margin-top: 33px

}

.zaininshenbian .yueyun-card .right-yy .yy-title:before {

    content: url(//s.dyrs.cc/static/pc/images/tydxq_03.png);

    display: block;

    float: left;

    width: 45px;

    height: 45px;

    margin-right: 20px

}

.zaininshenbian .yueyun-card .right-yy .yy-title:after {

    content: '';

    display: block;

    width: 35px;

    height: 1px;

    background: #e74c3c;

    margin-left: 64px;

    margin-top: 10px

}

.zaininshenbian .yueyun-card .right-yy .anli-num {

    width: 390px;

    height: 28px;

    margin: 25px 0 0 100px;

    font-size: 16px;

    color: #666

}

.zaininshenbian .yueyun-card .right-yy .anli-num .div {

    padding: 0 3px

}

.zaininshenbian .yueyun-card .right-yy .tel {

    margin-left: 50px;

    width: 420px;

    overflow: hidden

}

.zaininshenbian .yueyun-card .right-yy .tel .tel-img {

    width: 30px;

    float: left;

    color: #f5c43b

}

.zaininshenbian .yueyun-card .right-yy .tel .tel-img i {

    font-size: 25px

}

.zaininshenbian .yueyun-card .right-yy .tel .tel-text {

    margin-left: 20px;

    width: 370px;

    float: left;

    height: 26px;

    font-size: 16px;

    line-height: 30px

}

.zaininshenbian .yueyun-card .right-yy .divied {

    width: 460px;

    margin: auto;

    height: 1px;

    background: #edecec

}

.zaininshenbian .yueyun-card .right-yy .dmxq {

    width: 460px;

    height: 155px;

    margin: auto;

    overflow: hidden

}

.zaininshenbian .yueyun-card .right-yy .dmxq p {

    color: #666

}

.zaininshenbian .yueyun-card .right-yy .dmxq .title {

    font-size: 18px;

    margin: 15px 0;

    color: #6a6a6a;

    font-weight: bold

}

.zaininshenbian .yueyun-card .right-yy .lp-hk .hk-title {

    width: 430px;

    margin: auto;

    font-size: 18px;

    text-align: left;

    color: #6a6a6a

}

.zaininshenbian .yueyun-card .right-yy .lp-hk .hk-title span {

    color: #e74c3c

}

.zaininshenbian .yueyun-card .right-yy .lp-hk .list-input {

    width: 430px;

    height: 45px;

    margin: auto;

    overflow: hidden

}

.zaininshenbian .yueyun-card .right-yy .lp-hk .list-input input {

    display: block;

    float: left;

    margin-right: 10px;

    width: 164px;

    height: 40px;

    border: 1px solid #edecec;

    background: #fafafa;

    padding: 0 15px;

    border-radius: 3px

}

.tuijian-gd .title-ra {

    font-size: 20px;

    color: #212628;

    width: 100%;

    position: relative

}

.tuijian-gd .title-ra::before {

    content: '';

    display: block;

    float: left;

    height: 20px;

    width: 5px;

    margin: 4px 20px 0 0;

    border-radius: 3px;

    background: #e74c3c

}

.tuijian-gd .title-ra .more {

    position: absolute;

    top: 5px;

    right: 0;

    color: #999;

    font-size: 14px

}

.tuijian-gd .title-ra .more i {

    font-size: 14px

}

.tuijian-gd .image-tj {

    width: 1210px;

    overflow: hidden

}

.tuijian-gd .image-tj .image {

    width: 292px;

    height: 295px;

    float: left;

    margin-right: 10px;

    position: relative

}

.tuijian-gd .image-tj .image .image-title {

    position: absolute;

    width: 100%;

    height: 42px;

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    text-align: center;

    color: #fff;

    line-height: 42px;

    font-size: 16px

}

.gongdi .list-box {

    height: 146px

}

.fl {

    float: left

}

.sjslb .content-cards {

    width: 1220px;

    margin-left: -12px

}

.sjslb .content-cards .zhuangxiu-box {

    padding: 10px

}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card {

    width: 283px;

    height: 338px

}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .img-box {

    height: 225px

}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg {

    width: 185px

}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .title a:hover {

    color: #e74c3c

}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .sub a:hover {

    color: #e74c3c

}

.sjs-gongdi {

    width: 1210px

}

.sjs-gongdi .working {

    width: 286px;

    height: 218px;

    float: left;

    margin-right: 10px

}

.sjs-gongdi .working .title {

    width: 150px;

    height: 35px;

    background: rgba(0, 0, 0, 0.3);

    position: absolute;

    z-index: 10;

    color: #fff;

    font-size: 16px;

    line-height: 35px;

    text-align: center;

    border-radius: 18px;

    left: 70px;

    bottom: 10px

}

.sjsxiangqing-page {

    width: 100%;

    background: #f2f2f2;

    padding-bottom: 40px

}

.sjsxiangqing-page .designer-top-detail {

    height: 460px;

    background: #fff;

    padding: 5px;

    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);

    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01)

}

.sjsxiangqing-page .designer-top-detail .designer-img {

    height: 460px;

    width: 460px;

    float: left

}

.sjsxiangqing-page .designer-top-detail .designer-msg {

    float: left;

    width: 700px;

    height: 460px;

    margin-left: 25px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .name {

    width: 100%;

    height: 35px;

    line-height: 35px;

    position: relative

}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .title {

    color: #212628;

    font-size: 18px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .subtitle {

    color: #666;

    font-size: 14px;

    margin-left: 5px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .name:after {

    content: '';

    display: block;

    width: 150px;

    height: 1px;

    background: #e74c3c;

    position: absolute;

    bottom: 0;

    left: 0

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core {

    margin-top: 20px;

    height: 163px;

    border-bottom: 1px dashed #edecec

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base {

    width: 670px;

    margin-top: 20px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 {

    float: left;

    width: 325px;

    margin-right: 10px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 .jy {

    width: 150px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 .zp {

    width: 150px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma {

    width: 330px;

    height: 130px;

    position: relative

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .img {

    width: 128px;

    height: 128px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .tip {

    width: 120px;

    height: 20px;

    position: absolute;

    font-size: 14px;

    color: #666;

    top: 20px;

    left: 155px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .button {

    padding: 5px 25px;

    position: absolute;

    left: 155px;

    top: 72px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self {

    width: 100%;

    overflow: hidden;

    height: 200px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content {

    white-space: normal;

    word-break: break-all;

    word-wrap: break-word;

    width: 635px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .title {

    width: 100%;

    height: 26px;

    line-height: 26px

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .title:after {

    content: '';

    display: block;

    position: absolute;

    width: 32px;

    height: 1px;

    background: #e74c3c;

    bottom: 0;

    left: 0

}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .content {

    line-height: 1.5

}

.sjsxiangqing-page2 .list-detail .left-box .current-house {

    height: 60px !important

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box {

    min-height: 310px

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tit {

    margin-top: 24px

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tit:after {

    content: "优质的设计 是一个家的灵魂"

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tits {

    margin-top: 24px

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tits span {

    color: #e74c3c

}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .subtit {

    height: 45px;

    line-height: 45px

}

.sjsxq-hxjx .left-box {

    width: 880px;

    float: left

}

.sjsxq-hxjx .right-box {

    width: 300px;

    float: right

}

.self-module .table-lists {

    padding: 0;

    margin: 0;

    overflow: hidden;

    width: 900px;

    padding-top: 10px

}

.self-module .table-lists li {

    height: 40px;

    overflow: hidden;

    width: 900px

}

.self-module .table-lists li .active {

    color: #e74c3c

}

.self-module .table-lists li div {

    height: 40px;

    float: left;

    padding-right: 10px;

    line-height: 40px

}

.self-module .table-lists li div.name {

    width: 150px

}

.self-module .table-lists li div.tel {

    width: 220px

}

.self-module .table-lists li div.address {

    width: 290px

}

.self-module .table-lists li div.time {

    width: 200px;

    padding-right: 0

}

.self-module table {

    width: 900px

}

.self-module table thead {

    border-top: 1px solid #edecec;

    border-bottom: 1px solid #edecec;

    background: #fafafa

}

.self-module table thead tr th {

    vertical-align: middle;

    height: 56px;

    text-align: center;

    font-size: 16px;

    color: #333

}

.self-module table tbody tr td {

    vertical-align: bottom;

    height: 45px;

    font-size: 14px;

    color: #333;

    text-align: center

}

.self-module .form-data .form-ul {

    padding: 0;

    margin: 10px 0 0 0

}

.self-module .form-data .form-ul .li {

    height: 60px

}

.self-module .form-data .form-ul .li .title {

    float: left;

    line-height: 60px;

    width: 95px;

    color: #333;

    font-size: 16px

}

.self-module .form-data .form-ul .li .input {

    float: left

}

.self-module .form-data .form-ul .li .input input {

    color: #333;

    font-size: 14px;

    margin-top: 10px;

    display: block;

    height: 38px;

    width: 226px;

    padding: 0 10px;

    background-color: #fafafa;

    border: 1px solid #edecec

}

.self-module .form-data .form-ul .li .select-plan .select-input {

    width: 251px;

    height: 40px

}

.self-module .form-data .form-ul .li .select-plan .select-input .filter-text {

    background: #fafafa

}

.self-module .form-data .form-ul .li .select-city .select-input {

    width: 170px;

    height: 40px

}

.self-module .form-data .form-ul .li .select-city .select-input .filter-text {

    background: #fafafa

}

.self-module .form-data .form-ul .li.photo {

    height: 80px

}

.self-module .form-data .form-ul .li.photo .title {

    line-height: 80px

}

.self-module .form-data .form-ul .li.photo .input .img-box {

    border-radius: 50%;

    width: 60px;

    height: 60px;

    overflow: hidden

}

.self-module .form-data .form-ul .li.photo .input .img-box img {

    width: 100%

}

.head-edit {

    padding-bottom: 20px

}

.head-edit .btn {

    display: inline-block;

    height: 34px;

    line-height: 34px;

    padding: 0 15px;

    transition: background ease .3s 0s;

    -moz-transition: background ease .3s 0s;

    -webkit-transition: background ease .3s 0s;

    border: 0;

    cursor: pointer

}

.head-edit .btn-red {

    background: #ff4048;

    color: #fff

}

.head-edit .btn-red:hover {

    background: #ff696f;

    color: #fff

}

.head-edit .step1 {

    color: #999;

    text-align: center;

    padding: 50px 0

}

.head-edit .step1 .btn {

    width: 140px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    border-radius: 4px;

    margin: 10px auto;

    position: relative

}

.head-edit .step1 .btn input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    display: default

}

.head-edit .picBox {

    width: 400px;

    min-height: 100px;

    margin: 0 auto;

    background: #666;

    overflow: hidden

}

.head-edit .btnBox {

    text-align: center;

    margin-top: 20px

}

.head-edit .btnBox button {

    padding: 0 30px;

    height: 35px;

    margin: 0 5px;

    border: 0;

    border-radius: 4px;

    border: solid 1px #fff

}

.head-edit .loading {

    clear: both;

    text-align: center;

    line-height: 30px;

    padding: 40px 0

}

.head-edit .loading img {

    display: inline

}

.ceshi-page {

    width: 100%;

    height: 1013px;

    background-image: url(../images/ceshi_bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}

.ceshi-page .shadow {

    width: 100%;

    height: 100%;

    position: absolute;

    background-color: rgba(0, 0, 0, 0.6)

}

.ceshi-page .shadow .container {

    max-width: 1200px;

    margin: auto

}

.ceshi-page .shadow .nav {

    height: 60px;

    padding-top: 45px;

    position: relative;

    display: none

}

.ceshi-page .shadow .nav .left {

    position: absolute;

    left: 132px;

    color: #fff;

    width: 30px;

    height: 60px;

    top: 50px;

    line-height: 60px

}

.ceshi-page .shadow .nav .right {

    position: absolute;

    color: #fff;

    width: 70px;

    height: 60px;

    line-height: 60px;

    right: 73px;

    top: 50px;

    font-size: 30px

}

.ceshi-page .shadow .nav .center {

    color: #fff;

    width: 100px;

    height: 60px;

    line-height: 60px;

    margin: 5px auto;

    font-size: 30px;

    text-align: center

}

.ceshi-page .shadow .nav .left i {

    font-size: 35px

}

.ceshi-page .shadow .nav .left:hover i {

    color: #e74c3c

}

.ceshi-page .shadow .process {

    margin-top: 8px;

    height: 80px;

    position: relative;

    display: none

}

.ceshi-page .shadow .process .totle {

    width: 800px;

    height: 8px;

    background: #d8d8d8;

    position: absolute;

    left: 224px;

    top: 48px

}

.ceshi-page .shadow .process .totle .cur {

    background: #e74c3c;

    height: 8px;

    position: absolute;

    top: 0;

    left: 0

}

.ceshi-page .shadow .process .totle .sua {

    position: absolute;

    width: 0;

    height: 37px;

    bottom: 8px

}

.ceshi-page .shadow .process .totle .sua:before {

    content: url(//s.dyrs.cc/static/pc/images/ceshisha.png);

    display: block;

    position: absolute;

    width: 25px;

    left: -25px;

    top: 0

}

.ceshi-page .shadow .content {

    margin-top: 70px;

    position: relative;

    height: 915px;

    width: 100%;

    background-repeat: no-repeat;

    background-image: url(../images/c05.png);

    background-size: 100% 100%

}

.ceshi-page .shadow .content .title {

    font-size: 60px;

    text-align: center;

    padding-top: 135px

}

.ceshi-page .shadow .content .sub {

    font-size: 60px;

    text-align: center;

    font-weight: bold;

    letter-spacing: 5px;

    margin-top: -10px

}

.ceshi-page .shadow .content .start-img {

    width: 214px;

    height: 300px;

    margin: auto;

    position: relative;

    margin-top: 50px

}

.ceshi-page .shadow .content .start-img img {

    height: 300px;

    width: 214px

}

.ceshi-page .shadow .content .start {

    text-align: center;

    margin-top: 45px

}

.ceshi-page .shadow .content .start-button {

    display: inline-block;

    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

    background: #fff;

    border: 1px solid #dcdfe6;

    color: #606266;

    -webkit-appearance: none;

    text-align: center;

    box-sizing: border-box;

    outline: none;

    transition: .1s;

    font-weight: 500;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    padding: 12px 110px;

    font-size: 14px;

    border-radius: 2px

}

.ceshi-page .shadow .content .start-button.button-primary {

    color: #fff !important;

    background-color: #e74c3c !important;

    border-color: #e74c3c !important

}

.ceshi-page .shadow .content .start-button.button-primary:hover {

    background: #ed7669 !important;

    border-color: #ed7669 !important;

    color: #fff !important

}

.ceshi-page .shadow .content .p1 {

    text-align: center;

    font-size: 36px;

    color: #333

}

.ceshi-page .shadow .content .p2 {

    text-align: center;

    font-size: 36px;

    color: #333

}

.ceshi-page .shadow .content .img-zh {

    text-align: center

}

.ceshi-page .shadow .content .img-zh img {

    max-width: 360px;

    max-height: 249px

}

.ceshi-page .shadow .content .buttons {

    width: 600px;

    margin: auto

}

.ceshi-page .shadow .content .buttons ul li {

    float: left

}

.ceshi-page .shadow .content .buttons ul li button {

    width: 270px;

    height: 40px;

    font-size: 16px

}

.ceshi-page .shadow .content .result .result-con {

    width: 644px;

    word-break: break-all;

    word-wrap: break-word;

    margin: auto;

    line-height: 1.7

}

.bit {

    width: 100%;

    height: 1090px;

    background-size: 100% 100%;

    position: absolute;

    z-index: -1;

    left: 0;

    min-width: 1200px

}

.fwzt-head {

    height: 420px;

    padding-top: 105px

}

.fwzt-head .img {

    background-color: none;

    width: 362px;

    height: 343px;

    margin-left: 17px;

    position: relative;

    background-size: auto 100%;

    background-position: center

}

.fwzt-head .title {

    width: 480px;

    line-height: 1

}

.fwzt-head .fwzt-erwm {

    width: 315px;

    height: 360px;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    position: relative

}

.fwzt-head .fwzt-erwm .ervm {

    background-size: 100% 100%;

    width: 146px;

    height: 150px;

    position: absolute;

    top: 139px;

    left: 83px

}

.fwzt-head .sub {

    width: 480px

}

.fwzt-head .div {

    width: 175px;

    height: 1px;

    background-color: #fff;

    margin: auto

}

.fwzt-head .button {

    border-radius: 24px;

    box-shadow: 0 0 20px rgba(0, 0, 255, 0.1);

    transition: all .5s

}

.fwzt-head .button:hover {

    color: #fff !important;

    background: #e74c3c

}

.fwzt-nav {

    width: 100%;

    height: 100px;

    background-color: #fff

}

.fwzt-nav .fwzt-con {

    width: 1230px;

    margin-left: -15px;

    overflow: hidden

}

.fwzt-nav .fwzt-con ul {

    margin: auto;

    width: 1200px

}

.fwzt-nav .fwzt-con ul li {

    width: 300px;

    height: 100px;

    float: left;

    cursor: pointer;

    position: relative

}

.fwzt-nav .fwzt-con ul li:hover .icons-main {

    color: #e74c3c !important

}

.fwzt-nav .fwzt-con ul li:hover .icons-sub {

    color: #e74c3c !important

}

.fwzt-nav .fwzt-con ul li .icons-img {

    background-color: #fff;

    width: 64px;

    height: 64px;

    position: absolute;

    left: 17px;

    top: 20px;

    z-index: 11

}

.fwzt-nav .fwzt-con ul li .icons-img img {

    width: 64px;

    height: 64px

}

.fwzt-nav .fwzt-con ul li .icons-main {

    width: 190px;

    height: 35px;

    position: absolute;

    top: 20px;

    left: 95px;

    line-height: 35px

}

.fwzt-nav .fwzt-con ul li .icons-sub {

    width: 190px;

    height: 28px;

    position: absolute;

    top: 55px;

    left: 95px

}

.fwzt-nav .fwzt-con ul li.active {

    background-color: #637be2

}

.fwzt-nav .fwzt-con ul li.active .icons-img {

    background-color: #637be2

}

.fwzt-nav .fwzt-con ul li.active:before {

    content: "";

    width: 30px;

    height: 102px;

    display: block;

    position: absolute;

    top: 0px;

    left: -29px;

    z-index: -100;

    background-color: transparent;

    border-bottom-right-radius: 40px;

    border-bottom: 15px solid #637be2;

    border-right: 15px solid #637be2;

    z-index: 10

}

.fwzt-nav .fwzt-con ul li.active:after {

    content: "";

    width: 40px;

    height: 103px;

    display: block;

    position: absolute;

    top: 0px;

    right: -39px;

    z-index: -100;

    background-color: transparent;

    border-bottom-left-radius: 40px;

    border-bottom: 15px solid #637be2;

    border-left: 15px solid #637be2;

    z-index: 10

}

.fwzt-nav .fwzt-con ul li.active:hover div {

    color: #fff !important

}

.mt90 {

    margin-top: 90px

}

.fwzt-xxcg {

    width: 1200px;

    margin: auto;

    height: 467px

}

.fwzt-xxcg ul li {

    background-image: url(../images/fwzt_03.png);

    background-repeat: no-repeat;

    background-position: center;

    width: 240px;

    height: 180px;

    float: left;

    position: relative

}

.fwzt-xxcg ul li .img {

    width: 84px;

    height: 92px;

    background-size: 100% 100%;

    position: absolute;

    top: -25px;

    left: 75px

}

.fwzt-mfzc {

    background-image: url(../images/fwzt_07.png);

    height: 344px;

    background-repeat: no-repeat

}

.fwzt-mfzc form {

    height: 220px;

    position: relative

}

.fwzt-mfzc form #tel {

    display: block;

    position: absolute;

    width: 300px;

    height: 30px;

    padding: 10px 20px;

    left: 233px;

    top: 66px

}

.fwzt-mfzc form #address {

    display: block;

    position: absolute;

    width: 300px;

    height: 30px;

    padding: 10px 20px;

    top: 66px;

    left: 627px

}

.fwzt-mfzc form .btn {

    width: 206px;

    height: 50px;

    border-radius: 25px;

    color: #fff;

    outline: none;

    background: #e74c3c;

    position: absolute;

    -o-box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);

    -ms-box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);

    box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);

    top: 170px;

    left: 496px;

    cursor: pointer

}

.fwzt-mfzc form .btn:hover {

    background: #ed7669

}

.fwlc {

    height: 413px;

    margin-top: 109px

}

.fwlc ul {

    margin-left: 86px;

    margin-top: 94px

}

.fwlc ul li {

    float: left

}

.fwlc ul li.db1 {

    width: 130px;

    height: 185px;

    background-image: url(../images/dbx_03.png);

    background-size: 100% 144px;

    background-repeat: no-repeat;

    position: relative

}

.fwlc ul li.db1 .tt {

    width: 100%;

    bottom: 0

}

.fwlc ul li.db1 .icons {

    line-height: 146px

}

.fwlc ul li.db2 {

    width: 176px;

    height: 144px;

    background-image: url(../images/dbx_06.png);

    background-repeat: no-repeat;

    background-size: 113px 9px;

    background-position: center

}

.mfsmyf-title {

    width: 1200px;

    margin: auto;

    height: 210px

}

.mfsmyf-title .title {

    font-size: 60px;

    padding-top: 63px

}

.mfsmyf-hk {

    width: 100%;

    height: 720px;

    position: relative

}

.mfsmyf-hk .tags {

    width: 620px;

    margin: auto;

    overflow: hidden;

    position: relative;

    z-index: 20

}

.mfsmyf-hk .tags ul {

    padding: 0

}

.mfsmyf-hk .tags ul li {

    float: left;

    height: 100px

}

.mfsmyf-hk .tags ul li.img {

    width: 130px

}

.mfsmyf-hk .tags ul li.img .cic {

    width: 60px;

    margin: auto;

    height: 60px;

    border-radius: 60px;

    border: 1px solid #fff;

    line-height: 60px;

    text-align: center

}

.mfsmyf-hk .tags ul li.img .cic i {

    font-size: 36px;

    color: #fff

}

.mfsmyf-hk .tags ul li.jt {

    width: 115px;

    height: 65px;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url(../images/dbx_06.png)

}

.mfsmyf-hk .bg {

    position: absolute;

    width: 600px;

    left: 300px;

    top: 0;

    height: 349px;

    background-position: center;

    background-repeat: no-repeat

}

.mfsmyf-hk .form-bg {

    width: 100%;

    position: absolute;

    bottom: 0;

    height: 529px;

    background-image: url(../images/form-bg_09.png);

    background-repeat: no-repeat;

    background-size: 100% 100%

}

.mfsmyf-hk .ren {

    width: 82px;

    height: 268px;

    background-repeat: no-repeat;

    position: absolute;

    left: 557px;

    top: 97px;

    z-index: 11

}

.mfsmyf-hk form {

    width: 598px;

    height: 414px;

    position: absolute;

    bottom: 1px;

    left: 0;

    z-index: 10;

    border-right: 1px solid #e4f8ff

}

.mfsmyf-hk form .div {

    width: 80px;

    height: 1px;

    background: #e74c3c;

    margin: auto

}

.mfsmyf-hk form .xiaoqu {

    width: 250px;

    padding: 0 10px;

    height: 40px;

    background: #f6f8fa;

    display: block;

    margin: auto;

    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    border:1px solid red;

}

.mfsmyf-hk form .button {

    position: absolute;

    display: block;

    width: 90px;

    height: 90px;

    padding: 25px;

    top: 140px;

    left: 530px;

    box-sizing: content-box;

    background: #e74c3c;

    font-size: 36px;

    white-space: normal;

    line-height: 1.3;

    color: #fff;

    border-radius: 50%;

    box-shadow: 0 0 15px rgba(231, 76, 60, 0.6)

}

.mfsmyf-hk form .button:hover:before {

    transform: scale(0.7, 0.7)

}

.mfsmyf-hk form .button:before {

    content: '';

    display: block;

    position: absolute;

    width: 170px;

    height: 170px;

    border-radius: 50%;

    border: 1px solid #e74c3c;

    top: -15px;

    left: -16px;

    transition: all .5s;

    box-shadow: 0 0 20px rgba(231, 76, 60, 0.4)

}

.mfsmyf-hk .lianxi {

    width: 600px;

    height: 417px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 9

}

.mfsmyf-hk .lianxi .tel {

    width: 250px;

    margin: auto;

    height: 75px;

    background-color: #f6f8fa;

    font-size: 16px;

    line-height: 75px;

    padding: 0 30px

}

.mfsmyf-hk .lianxi .tel i {

    font-size: 30px

}

.mfsmyf-liucheng {

    width: 100%;

    height: 430px

}

.mfsmyf-liucheng .title {

    padding-top: 107px

}

.mfsmyf-liucheng ul {

    padding: 0;

    margin-top: 70px

}

.mfsmyf-liucheng ul li {

    width: 200px;

    height: 170px;

    float: left

}

.mfsmyf-liucheng ul li .cil {

    width: 110px;

    height: 110px;

    border-radius: 50%;

    background-color: #efeefa;

    margin: auto;

    line-height: 110px

}

.mfsmyf-jclist {

    height: 545px

}

.mfsmyf-jclist .title {

    padding-top: 94px

}

.mfsmyf-jclist ul {

    position: relative;

    margin-left: 95px;

    margin-top: 86px

}

.mfsmyf-jclist ul li {

    position: absolute;

    width: 160px;

    height: 160px;

    background-color: #606060;

    transform: rotate(45deg)

}

.mfsmyf-jclist ul li .num {

    position: absolute;

    transform: rotate(-45deg);

    color: #fff;

    font-size: 28px;

    left: 50px;

    top: 50px

}

.mfsmyf-jclist ul li .describe {

    width: 145px;

    text-align: center;

    overflow: hidden;

    color: #fff;

    font-size: 14px;

    position: absolute;

    left: 14px;

    top: 84px;

    transform: rotate(-45deg)

}

.mfsmyf-tjlist {

    width: 100%;

    height: 1020px

}

.mfsmyf-tjlist .title {

    padding-top: 90px

}

.mfsmyf-tjlist ul {

    width: 1100px;

    padding: 0;

    margin: auto;

    margin-top: 60px

}

.mfsmyf-tjlist ul li {

    width: 250px;

    margin: 0 10px;

    margin-bottom: 20px;

    float: left;

    height: 370px;

    background-color: #fff;

    position: relative

}

.mfsmyf-tjlist ul li .img {

    width: 100%;

    height: 288px

}

.mfsmyf-tjlist ul li .sub {

    line-height: 80px

}

.mfsmyf-tjlist ul li .icons {

    width: 40px;

    height: 40px;

    background-color: #333333;

    text-align: center;

    line-height: 40px;

    position: absolute;

    left: 109px;

    top: 268px;

    border-radius: 50%

}

.mfsmyf-tjlist ul li .icons i {

    color: #fff;

    font-size: 24px

}

.fwzt-ksbj ul li {

    float: left;

    width: 400px

}

.fwzt-ksbj ul li .img {

    width: 230px;

    margin: auto;

    height: 172px;

    background-color: transparent

}

.fwzt-youshu {

    margin-top: 55px;

    margin-bottom: 130px

}

.fwzt-youshu li {

    width: 400px;

    float: left

}

.fwzt-youshu li .ic {

    width: 184px;

    margin: auto;

    height: 115px;

    background-color: #e9f0f5;

    border-radius: 8px;

    line-height: 115px;

    position: relative

}

.fwzt-youshu li .ic:after {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border-top: 10px solid #e9f0f5;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    bottom: -10px;

    left: 82px

}

.fwzt-24 .box {

    border: 1px solid #ececec;

    width: 210px;

    height: 117px;

    padding: 10px 10px;

    background-color: #fff

}

.fwzt-24 .box p {

    width: 170px

}

.fwzt-24 .box.active {

    box-shadow: 0 0 20px #e4e4e4

}

.fwzt-24 .box.active .point {

    animation: fade 1s infinite;

    background: #e74c3c

}

.fwzt-24 .box .point {

    float: right;

    width: 8px;

    height: 8px;

    border: 2px solid #fff;

    box-shadow: 0px 0px 6px #bebdbd;

    border-radius: 50%;

    background: #999999

}

@keyframes fade {

    from {

        box-shadow: 0px 0px 2px #e74c3c

    }

    20% {

        box-shadow: 0px 0px 4px #e74c3c

    }

    40% {

        box-shadow: 0px 0px 6px #e74c3c

    }

    60% {

        box-shadow: 0px 0px 8px #e74c3c

    }

    80% {

        box-shadow: 0px 0px 6px #e74c3c

    }

    to {

        box-shadow: 0px 0px 4px #e74c3c

    }

}

.tydxq-title-list {

    width: 100%;

    height: 60px;

    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);

    background: #fff;

    z-index: 10

}

.tydxq-title-list li {

    float: left;

    padding: 0 20px;

    margin-right: 20px;

    line-height: 60px;

    cursor: pointer

}

.tydxq-title-list li.active a {

    color: #e74c3c

}

.outline-taste-h {

    width: 100%;

    height: 150px;

    min-width: 1200px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-color: #000

}

.outline-taste-h .outline-shadows {

    width: 100%;

    height: 150px;

    background-color: rgba(0, 0, 0, 0.8)

}

.outline-taste-h .outline-shadows a {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0

}

.outline-taste-h .outline-shadows .c-b {

    position: relative;

    margin: auto;

    width: 888px;

    height: 59px;

    border-top: 1px solid #abacac;

    border-bottom: 1px solid #abacac

}

.outline-taste-h .outline-shadows .c-b .left-w {

    width: 334px;

    float: left;

    height: 60px;

    line-height: 60px

}

.outline-taste-h .outline-shadows .c-b .img {

    width: 215px;

    height: 59px;

    float: left

}

.outline-taste-h .outline-shadows .c-b .img img {

    width: 215px;

    height: 59px

}

.xxtyglb {

    width: 1221px;

    margin-left: -10px

}

.xxtyglb .card-p {

    width: 610px;

    height: 680px;

    float: left;

    margin-top: 10px;

    transition: all .5s

}

.xxtyglb .card-p .card-c {

    width: 590px;

    height: 670px;

    margin: 10px auto 0 auto;

    background: #fff;

    -ms-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1)

}

.xxtyglb .card-p .card-c .bg-img {

    width: 100%;

    height: 442px

}

.xxtyglb .card-p:hover {

    background: #fff

}

.xxtyglb .card-p:hover .card-c {

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none

}

.present-list-h {

    width: 100%;

    min-width: 1200px;

    background-size: auto 100%;

    background-position: center;

    background-repeat: no-repeat;

    height: 510px

}

.present-list-address {

    background-color: #f6f6f6;

    height: 80px;

    width: 100%

}

.present-list-address .til {

    height: 80px;

    line-height: 80px

}

.present-list-container {

    width: 1250px;

    margin: auto

}

.spjx-header {

    width: 100%;

    min-width: 1200px;

    height: 477px;

    background-size: 100% auto;

    background-position: center;

    background-repeat: no-repeat;

    background-color: rgba(0, 0, 0, 0.7);

    overflow: hidden;

    position: relative

}

.spjx-header video {

    display: block;

    position: absolute;

    width: 100%;

    margin-top: -10%

}

.spjx-sort {

    height: 30px;

    border-bottom: 1px solid #edecec

}

.spjx-sort .active {

    color: #e74c3c

}

.spjx-lists {

    width: 1220px;

    margin-left: -10px

}

.spjx-lists .list-box {

    width: 406px;

    height: 370px

}

.spjx-lists .list-box:hover {

    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08)

}

.spjx-lists .list-box:hover .list .img .shadow {

    display: block

}

.spjx-lists .list-box .list {

    width: 386px;

    height: 350px;

    margin: 10px auto

}

.spjx-lists .list-box .list .img {

    width: 100%;

    height: 290px

}

.spjx-lists .list-box .list .img .shadow {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    background: rgba(0, 0, 0, 0.3)

}

.spjx-lists .list-box .list .img .shadow .circle {

    background: rgba(255, 255, 255, 0.5);

    width: 80px;

    height: 80px;

    border-radius: 50%;

    line-height: 80px;

    text-align: center;

    margin: 110px auto;

    color: #e74c3c

}

.gydy-lxwm {

    width: 100%;

    height: 300px;

    background-repeat: no-repeat;

    background-size: auto 100%;

    background-position: center

}

.gydy-left {

    float: left;

    width: 240px;

    overflow: hidden;

    box-shadow: 2px 5px 35px 5px rgba(0, 0, 0, 0.05)

}

.gydy-left .l-head {

    width: 100%;

    height: 110px;

    background-color:white;

    background-repeat: no-repeat;

    background-position: center;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    background-image: url(../images/logo_03.png)

}

.gydy-left .list {

    width: 100%;

    height: 59px;

    border-top: 1px solid #edecec;

    line-height: 59px;

    background-color: #fff

}

.gydy-left .list.active {

    color: #e74c3c

}

.gydy-left .list.active:before {

    content: '';

    display: block;

    position: absolute;

    width: 4px;

    height: 100%;

    background: #e74c3c

}

.gydy-left .ad {

    width: 240px;

    height: 180px;

    left: 0;

    top: 610px;

    position: absolute;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

.gydy-right {

    float: right;

    width: 940px

}

.gydy-right .c-a {

    float: left;

    width: 900px;

    padding: 20px;

    background-color: #fff;

    border-radius: 5px

}

.gydy-right .c-a:hover {

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)

}

.gydy-right .c-b {

    float: left;

    width: 420px;

    padding: 20px;

    background-color: #fff;

    border-radius: 5px

}

.gydy-right .c-v-b {

    width: 960px

}

.gydy-right .c-img {

    width: 940px;

    background-color: #fff;

    padding-bottom: 113px

}

.gydy-right .c-img .year {

    font-size: 18px;

    font-weight: bold;

    color: #333

}

.gydy-right .c-img .year:after {

    content: '';

    display: block;

    width: 60px;

    height: 1px;

    margin-top: 14px;

    margin-right: 8px;

    background: #edecec;

    float: left

}

.gydy-right .c-img .left-lay {

    padding-left: 113px

}

.gydy-right .c-img .right-lay {

    padding-left: 155px

}

.gydy-right .c-img .year-detail {

    width: 363px;

    height: 50px;

    position: relative;

    margin-top: 25px

}

.gydy-right .c-img .year-detail .num {

    font-size: 37px;

    color: #e0e0e0;

    position: absolute;

    top: 0;

    font-weight: bold;

    letter-spacing: 5px;

    left: 0

}

.gydy-right .c-img .year-detail .time {

    color: #797979;

    font-weight: bold;

    position: absolute;

    top: 10px;

    left: 58px

}

.gydy-right .c-img .year-detail .content {

    position: absolute;

    left: 58px;

    top: 32px;

    word-wrap: break-word;

    word-break: break-all

}

.gydy-right .c-img .img-box2 {

    width: 245px;

    height: 157px;

    position: relative

}

.gydy-right .c-img .img-box2 .t-image {

    width: 235px;

    height: 147px;

    position: absolute;

    z-index: 1;

    top: 0;

    right: 0

}

.gydy-right .c-img .img-box2:after {

    content: '';

    display: block;

    width: 210px;

    height: 78px;

    background: #5d5d5e;

    position: absolute;

    bottom: 0;

    left: 0

}

.gydy-right .c-img .img-box {

    width: 245px;

    height: 157px;

    position: relative

}

.gydy-right .c-img .img-box .t-image {

    width: 235px;

    height: 147px;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0

}

.gydy-right .c-img .img-box:after {

    content: '';

    display: block;

    width: 210px;

    height: 78px;

    background: #5d5d5e;

    position: absolute;

    bottom: 0;

    right: 0

}

.gydy-right .c-v {

    float: left;

    width: 460px;

    height: 330px;

    margin-bottom: 20px;

    background: #fff

}

.gydy-right .c-v .img {

    width: 100%;

    height: 250px

}

.gydy-right .c-v .img:hover .shadow {

    display: block

}

.gydy-right .c-v .img .shadow {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    background: rgba(0, 0, 0, 0.3)

}

.gydy-right .c-v .img .shadow .circle {

    background: rgba(255, 255, 255, 0.5);

    width: 80px;

    height: 80px;

    border-radius: 50%;

    line-height: 80px;

    text-align: center;

    margin: 100px auto;

    color: #e74c3c

}

.gydy-right .zb {

    height: 190px;

    background-repeat: no-repeat;

    background-position: 625px 15px;

    background-image: url(../images/lxwm_06.jpg)

}

.gydy-right .zb .tit:before {

    content: '';

    display: block;

    width: 4px;

    height: 100%;

    position: absolute;

    left: -30px;

    top: 0;

    background-color: #e74c3c

}

.gydy-right .love {

    height: 190px

}

.gydy-right .love .img {

    width: 261px;

    height: 190px;

    overflow: hidden

}

.gydy-right .love .img img {

    width: 261px

}

.gydy-right .love .content {

    width: 610px

}

.gydy-right .love .content .describe {

    height: 100px;

    line-height: 1.8

}

.gydy-right .love.nopic .content {

    width: auto;

    float: inherit !important

}

.gydy-right .zx {

    height: 128px;

    background-repeat: no-repeat;

    background-position: 333px 50px;

    background-size: 90px 67px

}

.gydy-right .job {

    margin-bottom: 20px

}

.gydy-right .job .tit:before {

    content: '';

    display: block;

    width: 4px;

    height: 100%;

    position: absolute;

    left: -20px;

    top: 0;

    background-color: #e74c3c

}

.gydy-right .job .sub-tit {

    margin-top: 40px

}

.gydy-right .job p {

    line-height: 26px;

    font-size: 14px;

    color: #666;

    margin-top: 10px;

    word-wrap: break-word;

    word-break: break-all

}

.sh-top {

    box-shadow: 0 0 30px rgba(95, 94, 94, 0.13)

}

.topn-list {

    height: 45px;

    background-color: #f3f3f3;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5

}

.topn-list .tab {

    width: 100px;

    height: 45px;

    line-height: 43px;

    text-align: center;

    border-left: 1px solid transparent;

    border-right: 1px solid transparent

}

.topn-list .tab.active {

    color: #e74c3c;

    background-color: #fff;

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5;

    border-bottom: 1px solid #fff;

    overflow: inherit

}

.topn-list .tab.active:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 2px;

    top: -1px;

    left: 0;

    background-color: #e74c3c

}

.com-news-list-bar {

    padding: 20px;

    height: 150px;

    background-color: #fff

}

.com-news-list-bar .img {

    width: 210px;

    height: 150px

}

.com-news-list-bar:hover {

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)

}

.com-news-list-bar.nopic .fl {

    margin-left: 0 !important;

    width: auto !important

}

.descripbe-swiper-banner {

    height: 400px;

    width: 100%

}

.descripbe-swiper-banner .pagination {

    position: absolute;

    bottom: 10px;

    left: 0;

    width: 100%;

    z-index: 2

}

.descripbe-swiper-banner .pagination .swiper-active-switch {

    background: #e74c3c !important

}

.descripbe-swiper-banner .pagination .swiper-pagination-switch {

    width: 11px;

    height: 11px;

    margin: 0 3px;

    background: #bfbfbf;

    border-radius: 50%;

    display: inline-block

}

.describe-ready-container {

    width: 890px

}

.describe-ready-container .describe-card {

    width: 212px;

    height: 170px;

    border-radius: 5px;

    overflow: hidden;

    box-shadow: 0 0 16px 5px rgba(172, 171, 171, 0.11)

}

.describe-ready-container .describe-card .img {

    height: 90px;

    line-height: 90px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}

.describe-ready-container .describe-card .c-c {

    width: 216px

}

.describe-ready-container .describe-card .c-c .c2 {

    width: 106px;

    border-right: 1px dashed #edecec

}

.describe-ready-container .describe-card .c-c .c3 {

    width: 71px;

    border-right: 1px dashed #edecec

}

.describe-video-study {

    border-top: 1px solid #edecec

}

.describe-video-container {

    width: 900px

}

.video-card {

    width: 430px;

    height: 277px

}

.video-card .img {

    width: 430px;

    height: 200px

}

.video-card .img:hover .shadow {

    display: block

}

.video-card .img .shadow {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    background: rgba(0, 0, 0, 0.3)

}

.video-card .img .shadow .circle {

    background: rgba(255, 255, 255, 0.5);

    width: 80px;

    height: 80px;

    border-radius: 50%;

    line-height: 80px;

    text-align: center;

    margin: 60px auto;

    color: #e74c3c

}

.describe-page-index-module {

    width: 100%;

    height: 330px;

    overflow: hidden

}

.describe-page-index-module .left {

    width: 440px

}

.describe-page-index-module .left .img {

    height: 227px

}

.describe-page-index-module .left .detail {

    height: 38px;

    line-height: 1.7

}

.describe-page-index-module .right {

    width: 420px

}

.describe-page-index-module .right .new-con {

    width: 100%;

    height: 90px;

    overflow: hidden;

    transition: all .5s

}

.describe-page-index-module .right .new-con:hover {

    box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.03)

}

.describe-page-index-module .right .new-con:hover .time {

    background: #e74c3c

}

.describe-page-index-module .right .new-con .time {

    width: 80px;

    height: 90px;

    background: #c0b8ac;

    transition: all .5s

}

.describe-page-index-module .right .new-con .time .month {

    top: 19px;

    left: 20px

}

.describe-page-index-module .right .new-con .time .day {

    top: 62px;

    left: 40px

}

.describe-page-index-module .right .new-con .detail {

    width: 315px

}

.describe-page-index-module .right .new-con .detail .con {

    height: 45px;

    line-height: 1.8

}

.rzlb-header {

    height: 120px;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    min-width: 1200px

}

.rzlb-container {

    width: 1231px

}

.rzlb-container .rzlb-card {

    width: 585px;

    height: 410px;

    overflow: hidden;

    background-color: #f6f6f6

}

.rzlb-container .rzlb-card .rzlb-center {

    width: 555px;

    height: 390px;

    margin: auto

}

.rzlb-container .rzlb-card .anli_c {

    background-color: #fff

}

.rzlb-container .rzlb-card .anli_c .img {

    width: 355px;

    height: 250px

}

.rzlb-container .rzlb-card .anli_c .anli_msg {

    height: 80px

}

.rzlb-container .rzlb-card .anli_c .anli_msg .design-img {

    height: 80px;

    width: 80px;

    border-radius: 5px

}

.rzlb-container .rzlb-card .anli_c .anli_msg .a-msg {

    width: 250px

}

.rzlb-container .rzlb-card .exhibit {

    width: 170px

}

.rzlb-container .rzlb-card .exhibit .img-c {

    width: 160px;

    height: 110px;

    background-color: #fff

}

.design-idea .design-idea-left {

    width: 405px

}

.design-idea .design-idea-right {

    width: 440px;

    height: 343px

}

.design-idea .detail {

    height: 170px;

    overflow: hidden;

    line-height: 1.7

}

.yuyuePage-hk {

    max-width: 800px;

    border-radius: 5px;

    overflow: hidden

}

.yuyuePage-hk .left {

    float: left;

    height: 400px;

    width: 440px;

    background-repeat: no-repeat;

    background-size: 100%

}

.yuyuePage-hk .right {

    float: right;

    height: 400px;

    width: 280px;

    padding: 0 40px

}

.yuyuePage-hk .right .title {

    font-size: 20px;

    color: #333;

    position: relative

}

.yuyuePage-hk .right .title:after {

    content: '';

    display: block;

    position: absolute;

    width: 50px;

    height: 2px;

    background-color: #e74c3c;

    bottom: 0;

    left: 40

}

.yuyuePage-hk .right .input {

    height: 36px;

    border: 1px solid #d9d9d9;

    background-color: #fafafa;

    border-radius: 3px;

    margin-bottom: 20px;

    transition: all .5s

}

.yuyuePage-hk .right .input input {

    background: transparent;

    display: block;

    width: 90%;

    margin: auto;

    height: 38px

}

.login-layer {

    margin: auto;

    width: 200px

}

.login-layer span {

    font-size: 24px;

    color: #666;

    display: block;

    float: left;

    width: 80px;

    position: relative;

    text-align: center;

    padding-bottom: 10px;

    cursor: pointer

}

.login-layer span.active {

    color: #e74c3c

}

.login-layer span.active:after {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 2px;

    background: #e74c3c;

    bottom: 0;

    left: 0

}

.login-ins .l {

    width: 198px

}

.login-ins .r {

    width: 160px

}

.login-ins .r img {

    width: 160px;

    height: 45px;

    cursor: pointer

}

.login-ins .input {

    height: 43px;

    border: 1px solid #d9d9d9;

    background-color: #fafafa;

    border-radius: 3px;

    margin-bottom: 20px;

    transition: all .5s

}

.login-ins .input input {

    background: transparent;

    display: block;

    width: 90%;

    margin: auto;

    height: 43px

}

.login-ins .otherLogin {

    border-top: solid 1px #edecec;

    padding: 35px 45px

}

.login-ins .otherLogin .iconfont {

    font-size: 20px;

    margin-left: 40px;

    vertical-align: middle

}

.login-ins .otherLogin .iconfont:hover {

    color: #e74c3c

}

.rydy {

    background-color: #fff;

    padding-top: 30px

}

.rydy .divide {

    height: 20px;

    background-repeat: no-repeat;

    background-position: center

}

.rydy .core-d {

    height: 355px;

    background-position: center;

    position: relative

}

.rydy .core-d .c {

    padding: 15px;

    width: 230px;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    position: absolute

}

.rydy .core-d .c .tit {

    line-height: 24px

}

.rydy .leader {

    padding: 0 35px 45px 35px

}

.rydy .leader .img {

    width: 310px;

    height: 340px

}

.rydy .leader .detail {

    width: 500px;

    height: 340px

}

.rydy .leader .detail .name {

    font-size: 18px;

    font-weight: bold;

    height: 40px;

    line-height: 40px

}

.rydy .leader .detail .job {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 20px

}

.rydy .leader .detail .content {

    height: 250px;

    overflow: hidden;

    line-height: 1.7

}

.rydy .rydy-content {

    background-repeat: repeat-y;

    background-position: 11px top;

    background-image: url(../images/rydy_11.jpg)

}

.rydy .rydy-content .img-left {

    height: 175px;

    position: relative

}

.rydy .rydy-content .img-left .img-box {

    width: 270px;

    height: 175px;

    position: absolute;

    top: 0;

    left: 142px;

    box-shadow: 0 8px 14px 3px rgba(102, 102, 102, 0.1)

}

.rydy .rydy-content .img-left .year {

    font-size: 20px;

    color: #e74c3c;

    position: absolute;

    width: 270px;

    top: 10px;

    left: 530px

}

.rydy .rydy-content .img-left .detail {

    width: 270px;

    height: 100px;

    position: absolute;

    top: 50px;

    left: 530px

}

.rydy .rydy-content .img-left:after {

    content: '';

    display: block;

    width: 19px;

    height: 19px;

    position: absolute;

    background: #fecbc2;

    border-radius: 50%;

    top: 16px;

    left: 461px;

    z-index: 1

}

.rydy .rydy-content .img-left:after:after {

    content: '';

    display: block;

    width: 38px;

    height: 2px;

    background: #fecbc2

}

.rydy .rydy-content .img-left:before {

    content: '';

    display: block;

    width: 11px;

    height: 11px;

    position: absolute;

    background: #e74c3c;

    top: 20px;

    left: 465px;

    border-radius: 50%;

    z-index: 2

}

.rydy .rydy-content .img-right {

    height: 175px;

    position: relative

}

.rydy .rydy-content .img-right .img-box {

    width: 270px;

    height: 175px;

    position: absolute;

    top: 0;

    left: 530px;

    box-shadow: 0 8px 14px 3px rgba(102, 102, 102, 0.1)

}

.rydy .rydy-content .img-right .year {

    font-size: 20px;

    color: #e74c3c;

    position: absolute;

    width: 270px;

    top: 10px;

    left: 142px

}

.rydy .rydy-content .img-right .detail {

    width: 270px;

    height: 100px;

    position: absolute;

    top: 50px;

    left: 142px

}

.rydy .rydy-content .img-right:after {

    content: '';

    display: block;

    width: 19px;

    height: 19px;

    position: absolute;

    background: #fecbc2;

    border-radius: 50%;

    top: 16px;

    left: 461px;

    z-index: 1

}

.rydy .rydy-content .img-right:after:after {

    content: '';

    display: block;

    width: 38px;

    height: 2px;

    background: #fecbc2

}

.rydy .rydy-content .img-right:before {

    content: '';

    display: block;

    width: 11px;

    height: 11px;

    position: absolute;

    background: #e74c3c;

    top: 20px;

    left: 465px;

    border-radius: 50%;

    z-index: 2

}

.d3-head {

    width: 100%;

    height: 1445px;

    background-repeat: no-repeat;

    background-position: center -90px;

    background-color: #fff;

    background-size: auto 876px

}

.d3-head .button-groups {

    width: 590px;

    margin: auto;

    margin-bottom: 300px;

    padding-top: 440px

}

.d3-head .button-groups .button {

    width: 250px

}

.d3-head .img-grp {

    margin-top: 40px

}

.d3-head .img-grp .img-box {

    width: 330px;

    height: 420px

}

.d3-head .img-grp .img-box .img {

    margin: auto;

    width: 300px;

    height: 260px;

    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1)

}

.d3-head .img-grp .img-box .title {

    color: #333;

    font-size: 18px;

    text-align: center;

    position: relative;

    margin-top: 50px

}

.d3-head .img-grp .img-box .title:after {

    content: '';

    display: block;

    width: 20px;

    height: 1px;

    background: #666;

    margin: auto;

    margin-top: 10px

}

.d3-head .img-grp .to-right:after {

    content: '\e63a';

    display: block;

    width: 100px;

    height: 258px;

    line-height: 258px;

    font-size: 30px;

    float: left;

    text-align: center;

    color: #666

}

.d3-luodi {

    width: 100%;

    height: 850px;

    background: url(../images/d3ysj_007_04.png)

}

.d3-luodi .zt-img {

    background-color: transparent;

    width: 617px;

    height: 571px;

    margin: auto;

    margin-top: 35px

}

.d3-ad {

    width: 100%;

    height: 250px;

    background-repeat: no-repeat;

    background-position: center

}

.d3-ad .title {

    padding-top: 60px;

    color: #fff;

    font-size: 26px;

    text-align: center

}

.d3-ad .title .imp {

    margin: 0 10px;

    position: relative

}

.d3-ad .title .imp:after {

    content: '';

    display: block;

    position: absolute;

    width: 8px;

    height: 8px;

    border-bottom: 1px solid #fff;

    border-right: 1px solid #fff;

    bottom: 0;

    right: -8px

}

.d3-ad .title .imp:before {

    content: '';

    display: block;

    position: absolute;

    width: 8px;

    height: 8px;

    border-left: 1px solid #fff;

    border-top: 1px solid #fff;

    top: 0;

    left: -8px

}

.qa-back {

    padding-top: 255px;

    background: url(../images/qa.jpg) no-repeat center 0

}

.qa-con {

    background: #fff;

    width: 1100px;

    padding: 50px;

    margin: auto;

    border-radius: 5px;

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05)

}

.qa-con .q {

    margin-bottom: 30px;

    line-height: 40px

}

.qa-con .q .ic {

    width: 40px;

    height: 40px;

    background: #666666;

    color: #fff;

    float: left;

    font-size: 18px;

    text-align: center;

    line-height: 40px;

    margin-right: 30px;

    border-radius: 5px

}

.qa-con .q .tit {

    width: 1030px;

    float: left;

    font-size: 20px;

    color: #333

}

.qa-con .a {

    border-bottom: 1px solid #999;

    padding-bottom: 40px

}

.qa-con .a .ic {

    width: 40px;

    height: 40px;

    background: #333333;

    color: #fff;

    margin-right: 30px;

    float: left;

    font-size: 18px;

    text-align: center;

    line-height: 40px;

    border-radius: 5px

}

.qa-con .a .tit {

    width: 1030px;

    float: left;

    font-size: 16px;

    color: #666;

    line-height: 1.9

}

.qa-con .a .btn {

    width: 278px;

    height: 38px;

    display: block;

    border: 1px solid #e74c3c;

    color: #e74c3c;

    text-align: center;

    line-height: 38px;

    margin-top: 40px

}

.qa-con .a .btn:hover {

    background-color: #e74c3c;

    color: #fff

}

.web-map {

    background: #fff;

    border-radius: 10px

}

.web-map .web-con {

    padding: 30px 20px

}

.web-map .web-con .button {

    width: 120px;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    padding: 0

}

.page404 {

    position: relative;

    margin-top: 160px

}

.page404 .n404 {

    width: 319px;

    height: 107px;

    margin: auto

}

.page404 .text-404 {

    top: 167px;

    position: absolute;

    width: 100%;

    text-align: center;

    z-index: 1

}

.page404 .g404 {

    margin: auto;

    margin-top: 100px;

    width: 812px;

    height: 332px

}