.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: #e7f1f1/*#fafafa*/
}

.bg-white {
    background: #fff
}

.bg-primary {
    background: #00463E
}

.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 #00463E
}

.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: #00463E
}

.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(../image/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: #00463E;
    border: 1px solid #00463E
}

.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: #00463E
}

.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: #00463E
}

.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: #D4C09D
}

.find-nab .title:after {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    background: #D4C09D;
    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: #00463E;
    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: #00463E
}

.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: #00463E
}

.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 #00463E;
    color: #00463E;
    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: #00463E
}

.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: #00463E
}

.hotzhuang .content-left .lists .list .info .place {
    max-width: 420px
}

.hotzhuang .content-left .lists .list .info .place:hover {
    color: #00463E
}

.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: #00463E
}

.hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(1) {
    background: #fcf8f8;
    color: #00463E
}

.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: #00463E
}

.hotzhuang .content-right .yuyue-box form .tit:after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #00463E;
    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: #00463E
}

.list-detail .left-box {
    float: left;
    width: 880px;
    min-height: 100px
}

.list-detail .left-box .current-house {
    position: relative;
    top: 6px;
    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: #00463E;
    font-size: 22px
}

.list-detail .left-box .current-house .box .cur-detail .title:before {
    content: '';
    display: block;
    height: 20px;
    width: 5px;
    position: relative;
    background: #00463E;
    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: #00463E
}

.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: #00463E
}

.list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(1) {
    background: #f4e6e5;
    color: #00463E
}

.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 0px 15px rgba(0, 0, 0, 0.06)
}

.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: #00463E
}

.list-detail .left-box .current-house .title-list .title-b:hover {
    color: #00463E
}

.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: #00463E
}

.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: #00463E
}

.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: #00463E
}

.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: #00463E
}

.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: #00463E
}

.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(../image/index_2021_22.svg);
    display: block;
    float: left;
    width: 30px;
    height: 31px;
    margin-right: 20px
}

.zaininshenbian .yueyun-card .right-yy .yy-title:after {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: #00463E;
    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: #00463E
}

.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: 30px
}

.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: #00463E
}

.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: #00463E
}

.sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .sub a:hover {
    color: #00463E
}

.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: 215px;
    width: 215px;
    float: left;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: 50px;
    border: 2px solid  #d3ad67;
}
.smil{
        position: absolute;
        top: 225px;
        left: -170px;
        width: 74px;
        height: 26px;
        background-image: linear-gradient(90deg, 
            #b08a57 0%, 
            #e8cda7 100%);
        border-radius: 13px;
        text-align: center;
}
.smil span{
        width: 28px;
        height: 13px;
        font-size: 14px;
        line-height: 27px;
        letter-spacing: 0px;
        color: #ffffff;
        padding-left: 15px;
    
}
.mianbao .anli_nav {
    padding: 20px 0;
    padding-right: 40px;
    float: left;
}

.anli_nav-a {
    color: #fff !important;
    padding: 20px 0;
    padding-right: 40px;
    float: left;
}
.active-a {
    color: #fff !important;
}

.desi1{
    position: absolute;
    top: 52px;
    left: -115px;
}
.desi2 {
    position: absolute;
    top: 5.2px;
    left: 11px;
   
}

.designer-msg {
    position: relative;
}

.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 {
    /* position: absolute;
    top: 27px;
    left: 30px; */
    /* width: 100px; */
    height: 28px;
    font-size: 30px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    padding-top: 26px;
    /* padding-left: 16px; */
    display: inline-block;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .pl1 {
    /* position: absolute; */
    width: 15px;
    /* height: 24px; */
    font-size: 100px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ececec;
    /* margin-top: 49px; */
    margin-left:14px;
    display: inline-block;
    /* vertical-align: top; */
}
.tuijian{
    color: #fff;
    line-height: 26px;
    width: 74px;
    margin-left: -4px;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .subtitle {
    position: absolute;
    top: 27px;
    /* left: 125px; */
    /* width: 125px; */
    height: 25px;
    background-image: linear-gradient(90deg, #373946 0%, #5c5d6f 100%);
    border-radius: 12px;
    margin-left: 20px;
    display: inline-block;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .pl2 {
    line-height: 25px;
    /* width: 125px; */
    height: 13px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    color: #e8dfce;
    text-align: center;
    padding: 0 10px;
}

/* .sjsxiangqing-page .designer-top-detail .designer-msg .name:after {
    content: '';
    display: block;
    width: 150px;
    height: 1px;
    background: #00463E;
    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: 912px;
    margin-top: 20px
}
.boxg{
    display: inline-block;
    width: 100%;
    padding-top: 39px;
    padding-left: 34px;
}

.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: 100%; */
    margin-right: 20px;
    display: inline-block;
}

.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: 350px;
    margin-top: 15px;
    margin-left: 32px;
    font-size: 14px;
}

.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;
    margin-left: -200px;
    margin-top: 14px;
    font-size: 14px;
}

.div2 {
    position: absolute;
    top: 111px;
    left: 21px;
    width: 500px !important;
}

.div2 div {
    float: left;
    width: 80px;
    height: 27px;
    background-color: #d4c09b;
    border-radius: 14px;
    text-align: center;
    margin-left: 10px;
}

.div2 div span {
    width: 55px;
    height: 14px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
}

.div3 {
    /* position: absolute; */
    /* top: 143px; */
    /* left: 33px; */
    font-size: 14px;
    color: #999999;
}


    .div4 {
        position: absolute;
        /* top: 143px; */
        /* left: 405px; */
        font-size: 14px;
        color: #999999;
        /* margin-left: 450px;
        padding-top: 48px; */
    }


.div5 {
    position: absolute;
    top: 170px;
    left: 33px;
    font-size: 14px;
    color: #999999;
}

.div6 {
    position: absolute;
    top: 195px;
    left: 30px;
}

.div7 {
    width: 93px;
    height: 34px;
    background-color: #00463e !important;
    border-radius: 16px !important;
    text-align: center;
}

.div8 {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #fff;
    font-size: 14px;
}

.div9 {
    position: absolute;
    top: 270px;
    left: -230px;
    width: 1094px !important;
    height: 175px !important;
    /* border: 1px solid red; */
}
.tillx{
    position: absolute;
    display: inline-block;
    /* font-weight: 700; */
    /* color: rgb(0, 70, 62) !important; */
  
}


.til1 {
    
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #00463e;
    border-right: 1px solid #eeeeee;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
   padding: 0 15px 0 0;

}
.til3 {
   
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #333333;
    border-right: 1px solid #eeeeee;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;

  
}
.til6 {
    
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #333333;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;



}
.tex{
    width: 1094px;
    height: 105px;
    border-top: 1px dashed #f6f6f6;
    margin-top: 55px;
    padding-top: 10px;
    overflow-y:auto;
    display: block;
}
.tex::-webkit-scrollbar{
    width:7px;
    height:10px;
    /**/
  }
  .tex::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
  }
  .tex::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
 
  
.til4{
     display: none; 
}
.til7{
     display: none; 
}


.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: #00463E; */
    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: #00463E
}

.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: #00463E
}

.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(../image/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: #00463E
}

.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: #00463E;
    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(../image/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(../image/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: #00463E !important;
    border-color: #00463E !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: #00463E
}

.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: #00463E !important
}

.fwzt-nav .fwzt-con ul li:hover .icons-sub {
    color: #00463E !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(../image/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(../image/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: #00463E;
    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(../image/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(../image/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(../image/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(../image/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: #00463E;
    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-radius: 30px;
    text-indent: 10px;
}

.mfsmyf-hk form .button {
    position: absolute;
    display: block;
    width: 90px;
    height: 90px;
    padding: 25px;
    top: 140px;
    left: 530px;
    box-sizing: content-box;
    background: #00463E;
    font-size: 36px;
    white-space: normal;
    line-height: 1.3;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 70, 62, 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 #00463E;
    top: -15px;
    left: -16px;
    transition: all .5s;
    box-shadow: 0 0 20px rgba(0, 70, 62, 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: #00463E
}

.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 #00463E
    }
    20% {
        box-shadow: 0px 0px 4px #00463E
    }
    40% {
        box-shadow: 0px 0px 6px #00463E
    }
    60% {
        box-shadow: 0px 0px 8px #00463E
    }
    80% {
        box-shadow: 0px 0px 6px #00463E
    }
    to {
        box-shadow: 0px 0px 4px #00463E
    }
}

.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: #00463E
}

.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: #00463E
}

.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: #00463E
}

.gydy-lxwm {
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.gydy-left {
    float: left;
    width: 315px;
    overflow: hidden;
    box-shadow: 2px 5px 35px 5px rgba(0, 0, 0, 0.05)
}

.gydy-left .l-head {
    width: 100%;
    height: 110px;
    background-color: #006e4b;
    background-repeat: no-repeat;
    background-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url(../image/logo.png)
}

.gydy-left .list {
    width: 100%;
    height: 59px;
    border-top: 1px solid #edecec;
    line-height: 59px;
    background-color: #fff
}

.gydy-left .list.active {
    color: #00463E
}

.gydy-left .list.active:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 100%;
    background: #00463E
}

.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: 862px
}

.gydy-right .c-a {
    float: left;
    width: 825px;
    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: #00463E
}

.gydy-right .zb {
    height: 190px;
    background-repeat: no-repeat;
    background-position: 625px 15px;
    background-image: url(../image/lxwm_06.jpg)
}

.gydy-right .zb .tit:before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    background-color: #00463E
}

.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: 540px
}

.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: #00463E
}

.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: #00463E;
    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: #00463E
}

.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: #00463E !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: #00463E
}

.describe-page-index-module {
    width: 100%;
    height: 330px;
    overflow: hidden
}

.describe-page-index-module .left {
    /* width: 440px */
    width: 512px
}

.describe-page-index-module .left .img {
    height: 318px
}

.describe-page-index-module .left .detail {
    height: 38px;
    line-height: 1.7
}

.describe-page-index-module .right {
    width: 670px
}

.describe-page-index-module .right .new-con {
    width: 100%;
    height: 95px;
    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: #00463E
}

.describe-page-index-module .right .new-con .time {
    width: 120px;
    height: 95px;
    background: #008c6b;
    transition: all .5s
}

.describe-page-index-module .right .new-con .time .month {
    top: 11px;
    left: 36px
}

.describe-page-index-module .right .new-con .time .day {
    top: 56px;
    left: 21px
}

.describe-page-index-module .right .new-con .detail {
    width: 525px
}

.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: 439px;
    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: #00463E;
    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: #00463E
}

.login-layer span.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #00463E;
    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: #00463E
}
.entry{background-color: #fff;padding: 30px 50px;line-height: 1.7;}
.entry p { line-height: 1.7;  margin:10px 0}
.entry .tit  {
    height: 22px;
    line-height: 25px;
    padding-left: 7px;
    border-left: 4px solid #00463E;
    margin-bottom: 5px;
    margin-left: -10px;
    color: #333;
}
.entry img {max-width: 100% !important;height: auto !important;}


.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(../image/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(../image/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 #00463E;
    color: #00463E;
    text-align: center;
    line-height: 38px;
    margin-top: 40px;
    border-radius: 30px;
}

.qa-con .a .btn:hover {
    background-color: #00463E;
    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
}

.zxnav{background: #f0f1f5; width:100%;height:46px;}
.zxnav li{ margin: 0 10px; display: inline-block; line-height: 46px; position: relative;}
.zxnav li:not(:last-child)::after{  content: "|";height: 10px;width: 1px;position: absolute;top: 0;right: -11px;}
.zxnav li a:hover{color:#008c6b;}