.wapper {
    width: 100%;
    height: auto;
    /*position: relative;*/
}


.wapTop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 83px;
    background: #fafafa;
    z-index: 99;
}

.top {
    width: 1400px;
    height: 82px;
    padding: 11px 0;
    margin: 0 auto;
}

.top .logo {
    height: 62px;
    width: auto;
    float: left;
    display: block;
}

.top .logo img {
    height: 60px;
    width: auto;
}

.top .nav {
    height: 64px;
    float: left;
    margin-top: 20px;
    padding-left: 40px;
}

.top .nav ul {
    float: left;
    margin-left: -10px;
    list-style: none;
}

.top .nav ul li {
    z-index: 9999;
    float: left;
    height: 50px;
    padding: 0 20px;
    line-height: 26px;
    text-align: center;
    position: relative;
}

.top .nav ul li a,
.top .nav ul li a:link {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

.top .nav ul li a:hover {
    color: #e94c3d;
}

.top .nav ul li a.active {
    color: #e94c3d;
}

.top .nav ul li ul {
    position: absolute;
    top: 40px;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    display: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
}

.top .nav ul li.hover ul {
    display: block;
}

.top .nav ul li.hover>a {
    color: #e94c3d;
}

.top .nav ul li ul li {
    width: 100px;
    padding: 0;
    height: 30px;
    text-align: center;
}

.top .nav ul li ul li a,
.top .nav ul li ul li a:link {
    color: #fff;
    font-size: 12px;
}

.top .nav ul li ul li a:hover {
    color: #e94c3d;
    font-size: 12px;
}

.top .nav ul li a.bj {
    color: #fff;
    background: #e94c3d;
    display: inline-block;
    padding: 0 20px;
    height: 26px;
    border-radius: 13px;
}

.top .searchBox {
    float: left;
    margin-left: 20px;
    position: relative;
    z-index: 9999;
}

.top .searchBox .sbtn {
    width: 40px;
    height: 40px;
    margin-top: 14px;
    cursor: pointer;
    background: url("../images/sbtn.png") center center no-repeat;
}

.top .searchBox .sBox {
    position: absolute;
    left: -860px;
    height: 57px;
    width: 960px;
    top: 0;
    display: none;
    padding: 14px 0 0 200px;
    background: #fafafa;
}

.top .searchBox .sBox input {
    border: 1px solid #e94c3d;
    width: 400px;
    height: 36px;
    float: left;
    text-indent: 10px;
    font-size: 14px;
}

.top .searchBox .sBox button {
    border: 0;
    width: 100px;
    height: 36px;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
    background: #e94c3d;
    color: #fff;
    float: left;
    cursor: pointer;
}

.top .tel {
    float: right;
    background: url("../images/tel1.png") left center no-repeat;
    padding-left: 50px;
    margin-left: 20px;
    margin-top: -17px;
    height: 82px;

}

.top .tel .telTit {
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.top .tel .telCon {
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #e94c3d;
    margin-top: -15px;
}

.zhanwei{
    height: 82px;
    width: 100%;
}



.footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 220px;
    background: #cd8f41;
}

.footer-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}

.footer-left-img {
    margin-right: 30px;
}

.footer-info div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 30px;
    margin-top: 20px;
}

.footer-info div a {
    display: block;
    height: 37px;
    padding: 8px 12px;
    padding-top: 6px;
    background-color: #f97d16;
    border-radius: 8px;
    font-family: FZLTHK--GBK1-0;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    margin-right: 32px;
    border-radius: 5px;
    margin-bottom: 24px;
}
.head {
    min-width: 1200px;
    background: #fff;
    -ms-box-shadow: 0 15px 16px rgba(0,0,0,0.02);
    -o-box-shadow: 0 15px 16px rgba(0,0,0,0.02);
    box-shadow: 0 15px 16px rgba(0,0,0,0.02);

}

.head.black {
    border-bottom: solid 1px #1e2528;
    background: #1e2528
}

.head.black .topBox {
    border-bottom: 1px solid #1e2528
}

.head .topBox {
    padding: 6px 0;
    height: 30px;
    box-sizing: border-box;
    background: #f8f8f8;
    border-bottom: 1px solid #edecec;
    font-size: 14px;
    color: #999
}

.head .topBox i {
    position: relative;
    color: #999
}

.head .topBox .left .cityNav {
    z-index: 9999;
    line-height: 23px
}

.head .topBox .left .cityNav.black .cityBtn {
    border: solid 1px #1e2528;
    border-bottom: none
}

.head .topBox .left .cityNav .cityBtn {
    padding: 0 4px;
    border: solid 1px transparent;
    border-bottom: 0
}

.head .topBox .left .cityNav.active .cityBtn {
    border-color: #edecec;
    background: #fff;
    position: relative;
    z-index: 101
}

.head .topBox .left .cityNav.active .cityBtn .text-title {
    color: #212628 !important
}

.head .topBox .left .cityNav.active .cityBtn .text-white {
    color: #fff
}

.head .topBox .left .cityNav.active .cityList {
    display: block
}

.head .topBox .left .cityList {
    display: none;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 22px;
    width: 80px;
    height:180px;
    border: solid 1px #edecec;
    line-height: 35px;
    padding: 15px;
    z-index: 9999;
}

.head .topBox .left .cityList .tabTit {
    border-bottom: dotted 1px border;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.head .topBox .left .cityList .tabTit span {
    padding: 5px 10px;
    cursor: pointer
}

.head .topBox .left .cityList .tabTit .active {
    background: #a569c4;
    color: #fff
}

.head .topBox .left .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.head .topBox .left .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.head .topBox .left .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.head .topBox .left .cityList .tabLayer a:hover {
    color: #e74c3c
}

.head .topBox .right .register,.head .topBox .right .login {
    border-right: 1px solid #edecec
}

.head .topBox .right i {
    width: 17px;
    height: 19px;
    display: inline-block;
    color: #e74c3c;
    top: 1px
}

.head .topBox .hotLine span {
    color: #e74c3c
}





.underline {
    text-decoration: underline
}

.a-hover:hover {
    color: #e74c3c !important
}

.text-primary.a-hover:hover {
    text-decoration: underline
}

.bg-center {
    background-repeat: no-repeat;
    background-position: center
}

.paging {
    text-align: center;
    padding: 40px
}

.paging a {
    display: inline-block;
    background: #fff;
    padding: 8px 13px;
    border: 1px solid #edecec;
    margin: 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.paging a:hover {
    color: #e74c3c;
    background: #f8f8f8
}

.paging a.current {
    background: #e74c3c;
    border: 1px solid #e74c3c;
    color: #fff
}

.mianbao.black .anli_nav .active {
    color: #fff
}

.mianbao .anli_nav {
    color: #999;
    padding: 20px 0;
    padding-right: 40px;
    float: left
}

.mianbao .anli_nav a:hover {
    color: #e74c3c
}

.mianbao .anli_nav .active {
    color: #333
}

.mianbao #anliyun {
    padding: 15px 0;
    float: left
}

.mianbao #anliyun .tab {
    float: left;
    padding: 2px 10px;
    cursor: pointer;
    border: 1px solid #edecec;
    font-size: 14px !important;
    margin: 2px 10px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mianbao #anliyun .tab:before {
    content: '\e607';
    display: block;
    width: 20px;
    height: 20px;
    font-size: 14px !important;
    float: right;
    text-align: center;
    line-height: 20px
}

.mianbao #anliyun .tab:hover {
    color: #e74c3c
}

.mianbao .total_anli {
    float: left;
    color: #212628;
    padding: 20px
}

.mianbao .total_anli .active {
    color: #e74c3c
}

.mianbao .mianbao_more {
    color: #999999;
    border: 1px solid #edecec;
    background: #f6f6f6;
    width: 85px;
    height: 25px;
    padding: 0px 5px;
    font-size: 14px;
    float: right;
    text-align: center;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer
}

.mianbao .mianbao_more i {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 12px
}

.mianbao .mianbao_more:hover {
    color: #e74c3c;
    border: 1px solid #e74c3c
}

.process {
    width: 100%;
    margin-top: 30px
}

.process .process-list {
    position: relative;
    width: 155px;
    float: left;
    left: -15px
}

.process .process-list:before {
    content: '';
    float: left;
    width: 100%;
    height: 1px;
    margin-top: 7px;
    background-color: #dadee5;
    position: relative;
    right: 8px
}

.process .process-list:first-child:before {
    background-color: #fff
}

.process .process-list i.iconfont {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    border: 1px solid #dadee5;
    background-color: #fff;
    z-index: 1;
    right: 5px;
    font-size: 12px
}

.process .process-list i.iconfont:before {
    display: none
}

.process .process-list span {
    float: right;
    margin-top: 17px;
    font-size: 12px;
    width: 48px;
    display: block;
    color: #dadee5;
    margin-left: 5px;
    position: relative;
    left: 11px;
    text-align: center
}

.process .process-list.done:before {
    background-color: #e74c3c
}

.process .process-list.done:first-child:before {
    background-color: #fff
}

.process .process-list.done i.iconfont {
    background-color: #fff;
    color: #e74c3c;
    border-color: #e74c3c
}

.process .process-list.done i.iconfont:before {
    display: inline
}

.process .process-list.done span {
    color: #e74c3c
}

.process .process-list:first-child.ing:before {
    background-color: transparent
}

.process .process-list.ing i.iconfont {
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    border-color: #e74c3c
}

.process .process-list.ing i.iconfont:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    text-align: center;
    line-height: 6px;
    background-color: #e74c3c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: inline
}

.process .process-list.ing:before {
    background-color: #e74c3c
}

.process .process-list.ing span {
    color: #e74c3c
}



.construction_right {
    width: 300px;
    float: right
}

.construction_right .tit b {
    display: block;
    width: 82px;
    height: 1px;
    background: #e74c3c;
    margin: 12px auto 0
}

.construction_right .team {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding-bottom: 16px;
    border-radius: 3px
}

.construction_right .team .boxTop .lazy {
    width: 90px;
    height: 90px;
    border-radius: 3px;
    margin: 0 8px;
    background: none
}

.construction_right .team .boxTop .lazy img {
    top: 0 !important
}

.construction_right .team .boxTop .msg {
    width: 182px
}

.construction_right .team .button {
    padding: 5px 12px;
    margin-left: 6px
}

.construction_right .sever {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding-bottom: 16px;
    border-radius: 3px
}

.construction_right .sever .lazy {
    width: 260px;
    height: 196px;
    margin: 0 auto;
    background: none
}

.construction_right .sever .msg {
    margin: 0 auto;
    width: 260px
}

.construction_right .sever .button {
    padding: 5px 12px;
    margin-top: 10px
}

.construction_right .yuyue-box {
    background: #fff;
    min-height: 340px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    padding: 30px 0;
    padding-top: 1px;
    border-radius: 3px
}

.construction_right .yuyue-box form {

    padding: 0 20px
}

.construction_right .yuyue-box form .tit {
    margin-top: 30px
}

.construction_right .yuyue-box form .tit span {
    color: #e74c3c
}

.construction_right .yuyue-box form dd {
    background: #f6f8fa
}

.construction_right .yuyue-box form dd input {
    background: #f6f8fa;
    line-height: 40px;
    height: 40px
}

.construction_right .yuyue-box form .subtit {
    line-height: 2;
    text-align: center
}

.construction_right .yuyue-box form .subtit span {
    color: #e74c3c
}

.citySearch {
    display: inline-block;
    background: #fff;
    height: 40px;
    z-index: 2
}

.citySearch .citySelect {
    border-right: solid 1px #d9d9d9;
    float: left;
    width: 80px;
    height: 100%
}

.citySearch .citySelect .curCity {
    line-height: 40px;
    left: 10px;
    top: 0;
    max-width: 3em
}

.citySearch .citySelect .icon {
    right: 10px;
    top: 0;
    color: #e74c3c;
    line-height: 40px;
    display: inline-block;
    width: 15px
}

.citySearch .txt {
    width: 240px;
    height: 40px;
    float: left;
    padding: 0 10px;
    font-size: 14px
}

.citySearch .button {
    border-radius: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    width: 58px;
    float: left
}

.citySearch.active .cityList {
    display: block
}

.citySearch.active .icon {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.citySearch .cityList {
    display: none;
    font-size: 14px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 55px;
    width: 150px;
    border: solid 1px #edecec;
    line-height: 26px;
    padding: 10px
}

.citySearch .cityList:before {
    content: '';
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 0 8px 8px;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: -8px
}

.citySearch .cityList dl {
    padding-left: 30px
}

.citySearch .cityList dl dt {
    float: left;
    margin-left: -30px;
    width: 30px;
    padding-top: 5px
}

.citySearch .cityList dl dd {
    text-align: left;
    border-bottom: solid 1px #edecec;
    padding: 5px 0
}

.citySearch .cityList dl:last-child dd {
    border: 0
}

.citySearch .cityList dl a {
    margin-right: 10px
}

.citySearch .cityList dl a:hover {
    color: #e74c3c
}

.citySearch .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.citySearch .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.citySearch .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.citySearch .cityList .tabLayer a:hover {
    color: #e74c3c
}



.ad-custom .title {
    margin-top: 25px;
    text-align:center;
}

.ad-custom .title .block {
    width: 5px;
    height: 20px;
    background: #e74c3c;
    border-radius: 2px;
    float: center;
    margin: 6px 10px 0 10px
}

.ad-custom .title .main {
    float: center;
    color: #212628;
    font-size: 24px
}

.ad-custom .title .sub {
    float: left;
    color: #666;
    font-size: 16px;
    margin-top: 8px
}

.ad-custom .title .sub span {
    color: #e74c3c
}

.ad-custom .input-list {
    width: 100%
}

.ad-custom .input-list .input-box {
    float: left;
    border: 1px solid #edecec;
    background: #f9f9f9;
    margin: 20px 10px
}

.ad-custom .input-list .input-box input {
    background: #f9f9f9;
    color: #666;
    width: 280px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    box-sizing: border-box
}

.ad-custom .input-list .button-box {
    float: left;
    padding: 11px 22px;
    margin: 20px 10px;
    background: #e74c3c;
    border-radius: 3px;
    cursor: pointer
}

.ad-custom .input-list .button-box button {
    background: #e74c3c;
    color: #fff;
    outline: none;
    cursor: pointer
}

.ad-custom .input-list .button-box:hover {
    background: #ed7669;
    border-color: #ed7669;
    color: #fff
}

.ad-custom .input-list .button-box:hover button {
    background: #ed7669;
    border-color: #ed7669;
    color: #fff
}

.content-cards {
    width: 1230px;
    margin-left: -15px;
    padding-left: 3px;
    padding-bottom: 7px
}

.content-cards .zhuangxiu-box {
    float: left;
    padding: 12px
}

.content-cards .zhuangxiu-box:hover {
    -ms-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
    box-shadow: 0 5px 7px rgba(0,0,0,0.2)
}

.content-cards .zhuangxiu-box:hover .huoke-wy {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .liulan-hot {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .collect {
    opacity: 1;
    filter: alpha(opacity=100)
}

.content-cards .zhuangxiu-box:hover .zhuangxiu-card {
    background-color: #fff;
    border-color: transparent
}

.content-cards .zhuangxiu-box .huoke-wy {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 140px;
    padding: 5px;
    background: #e74e3e;
    color: #fff;
    top: 10px;
    text-align: center
}

.content-cards .zhuangxiu-box .huoke-wy:hover {
    background: #d72d1b
}

.content-cards .zhuangxiu-box .huoke-wy:hover:after {
    border-top-color: #d72d1b;
    border-bottom-color: #d72d1b
}

.content-cards .zhuangxiu-box .huoke-wy:after {
    transition: all .5s;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -7px;
    border-top: 15px solid #e74e3e;
    border-bottom: 15px solid #e74e3e;
    border-right: 7px solid transparent
}

.content-cards .zhuangxiu-box .collect {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 30px;
    background: rgba(0,0,0,0.7);
    top: 10px;
    right: 10px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content-cards .zhuangxiu-box .collect i {
    font-size: 12px
}

.content-cards .zhuangxiu-box .collect .yes {
    color: red
}

.content-cards .zhuangxiu-box .collect:hover {
    color: #e74c3c
}

.content-cards .zhuangxiu-box .liulan-hot {
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 30px;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    line-height: 30px
}

.content-cards .zhuangxiu-box .liulan-hot span {
    font-size: 12px
}

.content-cards .zhuangxiu-box .liulan-hot span i {
    font-size: 12px
}

.content-cards .zhuangxiu-card {
    width: 380px;
    height: 380px;
    margin: auto;
    border: 1px solid #edecec;
    background: #f7f7f7;
    transition: all .5s
}

.content-cards .zhuangxiu-card .img-box {
    height: 270px;
    width: 100%;
    overflow: hidden
}

.content-cards .zhuangxiu-card .img-box img {
    width: 100%;
    transition: all .5s
}

.content-cards .zhuangxiu-card .img-box:hover img {
    transform: scale(1.05, 1.05)
}

.content-cards .zhuangxiu-card .detail-box {
    width: 100%;
    height: 80px;

    padding: 15px 10px
}

.content-cards .zhuangxiu-card .detail-box .designer {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden
}

.content-cards .zhuangxiu-card .detail-box .designer img {
    width: 100%
}

.content-cards .zhuangxiu-card .detail-box .msg {
    float: left;
    width: 240px;
    margin-left: 16px
}

.content-cards .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-cards .zhuangxiu-card .detail-box .msg .title:hover {
    color: #e74c3c
}

.content-cards .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-cards .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-cards .zhuangxiu-card .detail-box .msg .tel:hover {
    color: darkred;
    border: 1px solid darkred
}

.content-cards .divider {
    width: 25px;
    height: 380px;
    float: left
}

.content-cards .selfZhuangxiuBox {
    padding: 0px;
    margin-right: 10px
}

.content-cards .selfZhuangxiuBox:last-child {
    margin-right: 0
}

.content-cards .selfZhuangxiuBox:hover {
    -ms-box-shadow: 0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0)
}

.content-cards .selfZhuangxiuBox .zhuangxiu-card {
    border: 0
}

.guess .titleTop {
    margin-top: 50px
}

.guess .titleTop .block {
    width: 5px;
    height: 20px;
    background: #e74c3c;
    border-radius: 2px;
    margin: 10px 10px 0 0;
    display: inline-block;
    position: relative;
    top: 2px
}

.guess .titleTop .main {
    color: #212628;
    font-size: 26px
}

.guess .titleTop h2 {
    display: inline
}

.xiaoguo {
    width: 100%;
    margin-top: 30px;
    background: #ededed;
    height: 485px
}

.xiaoguo .main-title {
    padding-top: 30px;
    color: #212628;
    font-size: 20px;
    text-align: center
}

.xiaoguo .main-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #e74c3c;
    margin: 10px auto
}

.xiaoguo .sub-title {
    text-align: center
}

.xiaoguo .sub-title span {
    padding: 0 10px
}

.xiaoguo .sub-title span:hover {
    color: #e74c3c
}

.xiaoguo .sub-title span.active {
    color: #e74c3c
}

.xiaoguo .img-lists {
    width: 100%
}

.xiaoguo .img-lists .img-list {
    float: left;
    width: 280px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    height: 223px
}

.xiaoguo .img-lists .img-list img {
    width: 100%;
    display: block
}

.xiaoguo .img-lists .img-list .msg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 10px
}

.xiaoguo .img-lists .img-list .msg .title {
    float: left
}

.xiaoguo .img-lists .img-list .msg .num {
    margin-right: 20px;
    float: right
}

.select-box {
    width: 100%
}

.select-box .select-card {
    border: 1px solid #edecec;
    border-bottom: 1px
}

.select-box .select-card .list-box {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.select-box .select-card .list-box li {
    min-height: 49px;
    margin: 0;
    border-bottom: 1px solid #edecec;
    text-align: center;
    line-height: 48px;
    position: relative;
    overflow: hidden
}

.select-box .select-card .list-box li .title {
    position: absolute;
    height: inherit;
    width: 80px;
    background: #fafafa
}

.select-box .select-card .list-box li .content {
    position: absolute;
    overflow: hidden;
    left: 80px;
    width: 960px;
    color: #333;
    padding-bottom: 13px;
    padding-left: 10px
}

.select-box .select-card .list-box li .content span {
    display: block;
    padding: 2px 8px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
    line-height: 1.5;
    height: 20px
}

.select-box .select-card .list-box li .content span.active {
    background: #e74c3c;
    color: #fff
}

.select-box .select-card .list-box li .content span.active:hover {
    color: #fff
}

.select-box .select-card .list-box li .content span:hover {
    color: #e74c3c
}

.select-box .select-card .list-box li .content span.more {
    float: right
}

.select-box .select-card .list-box li .content span.more i {
    font-size: 12px
}

.select-box .select-card .list-box li .more-a {
    color: #999;
    position: absolute;
    right: 94px;
    cursor: pointer
}

.select-box .select-card .list-box li .more-a i {
    color: #999;
    font-size: 12px;
    display: inline-block;
    position: relative;
    left: 5px
}

.select-box .select-card .list-box li .more-a i.xiangxia1 {
    border: 6px solid transparent;
    border-top-color: #999;
    top: 4px
}

.select-box .select-card .list-box li .more-a i.xiangshang1 {
    border: 6px solid transparent;
    border-bottom-color: #999;
    top: -4px
}

.select-box .sortful {
    padding-top: 10px;
    -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.05);
    -o-box-shadow: 0 10px 15px rgba(0,0,0,0.05);
    box-shadow: 0 10px 15px rgba(0,0,0,0.05)
}

.select-box .sortful .sort-btn {
    float: left
}

.select-box .sortful .sort-btn .news {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .news:hover {
    color: #e74c3c
}

.select-box .sortful .sort-btn .news.active {
    color: #e74c3c
}

.select-box .sortful .sort-btn .news i {
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px
}

.select-box .sortful .sort-btn .hot {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .hot:hover {
    color: #e74c3c
}

.select-box .sortful .sort-btn .hot.active {
    color: #e74c3c
}

.select-box .sortful .sort-btn .hot i {
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px
}

.select-box .sortful .search-btn {
    float: right
}

.select-box .sortful .search-btn .select-input {
    float: left;
    position: relative;
    width: 100px;
    margin: 10px;
    padding: 2px
}

.select-box .sortful .search-btn .select-input select {
    background: none;
    color: #666
}

.select-box .sortful .search-btn .select-input .filter-list {
    top: 33px;
    width: 100px;
    left: 2px
}

.select-box .sortful .search-btn .select-input.areatip .filter-list {
    width: 130px
}

.select-box .sortful .search-btn .select-input.qblp .filter-list {
    width: 155px;
    left: 2px
}

.select-box .sortful .search-btn .search-b {
    float: left;
    border: 1px solid #edecec;
    margin: 12px 10px;
    width: 192px;
    position: relative
}

.select-box .sortful .search-btn .search-b input {
    color: #333;
    float: left;
    padding: 0 5px;
    display: block;
    height: 100%
}

.select-box .sortful .search-btn .search-b div {
    background: #e74e3e;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    color: #fff;
    padding: 8px 7px;
    font-size: 12px;
    outline: none;
    cursor: pointer
}

.select-box .sortful .search-btn .search-b div:hover {
    color: #fff;
    background: #d62c1a;
    border-color: #d62c1a
}

.imgCard {
    text-align: center;
    width: 100%
}

.imgCard .img-box img {
    width: 800px
}

.imgCard p {
    line-height: 24px;
    font-size: 13px
}

.imgCard .share-btn,.imgCard .see-pic {
    position: absolute;
    width: 120px;
    height: 30px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    top: 20px;
    right: 40px;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.imgCard .share-btn:hover,.imgCard .see-pic:hover {
    background: rgba(0,0,0,0.6)
}

.imgCard .share-btn {
    right: 190px;
    width: 60px
}

.imgCard b {
    position: absolute;
    min-width: 120px;
    padding: 10px 2px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    bottom: 20px;
    left: 20px;
    border-radius: 20px;
    text-align: center
}

.imgCard .caseBtn {
    width: 100%;
    border-top: 1px solid #edecec;
    margin-top: 30px
}

.imgCard .caseBtn .box {
    width: 49%;
    height: 96px;
    line-height: 96px;
    display: inline-block;
    text-align: center;
    position: relative
}

.imgCard .caseBtn .box i {
    border: 5px solid transparent;
    border-bottom-color: #666;
    position: relative;
    top: -12px;
    margin-right: 7px
}

.imgCard .caseBtn .box:nth-child(2) i {
    border: 5px solid transparent;
    border-top-color: #666;
    top: 10px
}

.cardNav {
    height: 50px;
    width: 880px;
    line-height: 50px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
    background: #fff;
    position: relative;
    z-index: 5
}

.cardNav a {
    padding: 0 30px;
    color: #212628;
    font-size: 18px;
    cursor: pointer
}

.cardNav a:hover {
    color: #e74c3c
}

.cardNav .active a {
    color: #e74c3c
}

.hengtiao-form {
    width: 100%;
    height: 170px;
    position: fixed;
    bottom: 0;
    z-index: 10
}

.hengtiao-form .title-a {
    height: 30px;
    width: 100px;
    margin: auto;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.hengtiao-form .title-d {
    height: 30px;
    width: 463px;
    cursor: pointer;
    margin: auto;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #191919;
    border-top-left-radius: 45px 30px;
    border-top-right-radius: 45px 30px
}

.hengtiao-form .title-d span {
    color: #e74c3c
}

.hengtiao-form .title-d i {
    color: #e74c3c;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 28px;
    position: relative;
    top: 4px
}

.hengtiao-form .ht {
    height: 140px;
    width: 100%;
    background: #191919
}

.hengtiao-form .ht .xiangxia {
    position: absolute;
    left: 593px;
    top: 3px
}

.hengtiao-form .ht .xiangxia i {
    color: #e74c3c
}

.hengtiao-form .ht .pr {
    height: 140px
}

.hengtiao-form .ht .zs-pic {
    width: 212px;
    height: 134px;
    position: absolute;
    bottom: 0;
    left: 27px
}

.hengtiao-form .ht form {
    width: 670px;
    position: absolute;
    height: 90px;
    top: 15px;
    left: 304px
}

.hengtiao-form .ht form input {
    display: block;
    width: 237px;
    padding-left: 10px;
    height: 40px;
    float: left;
    margin-right: 20px;
    margin-top: 9px
}

.hengtiao-form .ht form button {
    width: 47px;
    height: 47px;
    position: absolute;
    padding: 20px 44px;
    word-break: break-all;
    box-sizing: content-box;
    white-space: normal;
    font-size: 18px;
    margin-top: 9px;
    line-height: 25px;
    letter-spacing: 4px
}

.hengtiao-form .ht .zxrx {
    width: 180px;
    height: 140px;
    float: right
}

.hengtiao-form .ht .zxrx .title {
    color: #fff;
    height: 40px;
    line-height: 40px
}

.hengtiao-form .ht .zxrx .tel {
    height: 28px;
    width: 143px;
    text-align: center;
    background: #e74c3c;
    border-radius: 8px;
    line-height: 28px
}

.rightBox {
    width: 300px;
    float: right
}

.rightBox .yuyue-box {
    background: #fff;
    min-height: 340px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
    padding: 30px 0;
    padding-top: 1px;
    border-radius: 3px
}

.rightBox .yuyue-box form {
    padding: 0 20px
}

.rightBox .yuyue-box form .tit span {
    color: #e74c3c
}

.rightBox .yuyue-box form dd {
    background: #f6f8fa
}

.rightBox .yuyue-box form dd input {
    background: #f6f8fa;
    line-height: 40px;
    height: 40px;
    color: #333
}

.rightBox .yuyue-box form .city {
    padding: 0;
    position: relative
}

.rightBox .yuyue-box form select {
    width: 124px;
    height: 40px;
    line-height: 40px;
    background: #f6f8fa;
    border-radius: 3px;
    padding-left: 10px
}

.rightBox .yuyue-box form b {
    position: absolute;
    width: 10px;
    height: 40px;
    background: #f6f8fa;
    right: 5px
}

.rightBox .yuyue-box form b:first-child {
    right: 140px
}

.rightBox .yuyue-box form .subtit {
    line-height: 2;
    text-align: center
}

.rightBox .yuyue-box form .subtit span {
    color: #e74c3c
}

.rightBox .visit {
    border-radius: 3px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1)
}

.rightBox .visit .sub .text-primary {
    display: inline-block;
    border-bottom: 1px solid #e74c3c;
    padding-bottom: 2px
}

.rightBox .visit ul {
    height: 35px;
    line-height: 35px
}

.domesticOutfit {
    border-radius: 3px;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.1)
}

.domesticOutfit .bg-primary {
    width: 110px;
    height: 1px;
    margin: 0 auto;
    background: #e74c3c
}

.domesticOutfit .con {
    padding: 0 15px
}

.recommend {
    height: 225px
}

.recommend 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
}

.recommend 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
}

.bomLogo {
    height: 200px
}

.bomLogo .bomLogoleft {
    margin-right: 152px;
    padding-left: 168px
}

.bomLogo .lazy {
    width: 441px;
    height: 120px
}

.relative-anli .yhhd {
    height: 220px;
    width: 100%
}

.relative-anli .yhhd .img-box {
    float: left;
    height: 220px;
    width: 290px
}

.relative-anli .yhhd .img-box .status {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.relative-anli .yhhd .img-box .status.success {
    background-image: url(//s.dyrs.cc/static/pc/images/tydxq_05.png)
}

.relative-anli .yhhd .img-box .status.error {
    background-image: url(//s.dyrs.cc/static/pc/images/tydxq_04.png)
}

.relative-anli .yhhd .yhmsg {
    width: 570px;
    float: right
}

.relative-anli .yhhd .yhmsg .detail {
    width: 550px;
    height: 50px;
    line-height: 1.7
}

.relative-anli .yhhd .yhmsg .hov:hover {
    color: #e74c3c
}

.relative-anli .title-ra {
    font-size: 20px;
    color: #212628;
    width: 100%;
    position: relative
}

.relative-anli .title-ra::before {
    content: '';
    display: block;
    float: left;
    height: 20px;
    width: 5px;
    margin: 4px 20px 0 0;
    border-radius: 3px;
    background: #e74c3c
}

.relative-anli .title-ra .more {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
    font-size: 14px
}

.relative-anli .title-ra .more i {
    font-size: 14px
}

.relative-anli .re-list {
    height: 240px;
    width: 100%;
    padding-top: 20px;
    border-bottom: 1px solid #edecec
}

.relative-anli .re-list:last-child {
    border: 0
}

.relative-anli .re-list .img-box {
    float: left;
    height: 220px;
    width: 290px;
    border-radius: 5px
}

.relative-anli .re-list .an-detail {
    float: left;
    margin-left: 28px;
    width: 560px
}

.relative-anli .re-list .an-detail .title:hover {
    color: #e74c3c
}

.relative-anli .re-list .an-detail .subtitle .div {
    margin: 0 8px
}

.relative-anli .re-list .an-detail .img-list {
    margin-top: 23px;
    width: 100%;
    height: 120px
}

.relative-anli .re-list .an-detail .img-list .image {
    width: 180px;
    height: 120px;
    float: left;
    margin-right: 10px
}

.relative-anli .re-list .an-detail .img-list .image:nth-child(3) {
    margin-right: 0
}

.relative-anli .re-list .an-detail .text-descript {
    color: #999;
    margin-top: 25px;
    width: 100%;
    height: 106px;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 1.5;
    word-break: break-all
}

.relative-anli .re-list .an-detail .submsg {
    font-size: 14px
}

.relative-anli .re-list .an-detail .submsg .ssqy {
    float: left;
    width: 170px
}

.relative-anli .re-list .an-detail .submsg .ssqy span {
    color: #212628;
    font-weight: bold
}

.relative-anli .re-list .an-detail .submsg .ssqy span:hover {
    color: #e74c3c
}

.title-sjsal {
    font-size: 20px;
    color: #212628;
    width: 100%;
    position: relative
}

.title-sjsal:before {
    content: '';
    display: block;
    float: left;
    height: 20px;
    width: 5px;
    margin: 4px 20px 0 0;
    border-radius: 3px;
    background: #e74c3c
}

.title-sjsal .more {
    position: absolute;
    top: 5px;
    right: 0;
    color: #999;
    font-size: 14px
}

.sjslb .content-cards {
    width: 1230px;
    margin-left: -10px
}

.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 {
    width: 165px;
    font-size: 16px
}

.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 {
    height: 24px;
    line-height: 24px;
    width: 170px;
    font-size: 14px
}

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

.selfMinHeight {
    min-height: 777px;
    margin-bottom: 53px
}

.personalCenterLeft {
    width: 240px;
    box-shadow: 0 7px 35px rgba(0,0,0,0.05);
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.personalCenterLeft .leftLogo {
    width: 220px;
    height: 84px;
    border-bottom: 1px solid #edecec;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 26px
}

.personalCenterLeft .leftLogo .lazy {
    height: 46px;
    width: 182px;
    margin: auto
}

.personalCenterLeft .userInfo {
    width: 220px;
    margin: 0 auto;
    border-bottom: 1px solid #edecec;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px
}

.personalCenterLeft .userInfo .lazy {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.personalCenterLeft .userInfo .name {
    max-width: 96px
}

.personalCenterLeft ul li {
    height: 50px;
    line-height: 50px;
    margin-top: 14px;
    border-left: 3px solid #fff
}

.personalCenterLeft ul li:hover i,.personalCenterLeft ul li:hover span {
    color: #e74c3c
}

.personalCenterLeft ul li.active {
    border-left: 3px solid #e74c3c;
    background: #fdeded
}

.personalCenterLeft ul li.active i,.personalCenterLeft ul li.active span {
    color: #e74c3c
}

.self-module {
    width: 900px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    -ms-box-shadow: 0 5px 29px rgba(0,0,0,0.05);
    -o-box-shadow: 0 5px 29px rgba(0,0,0,0.05);
    box-shadow: 0 5px 29px rgba(0,0,0,0.05)
}

.self-module .self-title {
    padding-top: 5px;
    height: 38px;
    border-bottom: 1px solid #edecec
}

.self-module .self-title:before {
    content: '';
    width: 2px;
    height: 20px;
    background-color: #e74c3c;
    display: block;
    float: left;
    margin-right: 10px
}

.self-module .self-title span {
    font-weight: bold
}

.self-module .self-title span.title {
    color: #212628
}

.self-module .self-title .more {
    padding-top: 5px;
    width: 83px;
    height: 35px
}

.self-module .self-title .more span {
    font-weight: normal
}

.self-module .self-title .more i {
    color: #999
}

.self-module:last-child {
    margin-bottom: 0
}

.kd-self-layer {
    position: absolute;
    z-index: 999;
    max-width: 420px;
    min-width: 280px;
    padding: 0 15px 15px 15px;
    min-height: 215px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(98,98,98,0.07)
}

.kd-self-layer:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 100px
}

.kd-self-layer .self-title {
    padding-top: 20px;
    height: 25px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #edecec;
    margin-bottom: 19px;
    position: relative
}

.kd-self-layer .self-title .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer
}

.kd-self-layer .self-title .close:hover {
    color: #e74c3c
}

.kd-self-layer .self-content {
    font-size: 14px;
    color: #666
}

.kd-self-layer .self-content p {
    word-break: break-all;
    word-wrap: break-word;
    padding-bottom: 10px
}

.personalCenterRight {
    float: right;
    width: 940px
}

.lingganzhiyuan {
    width: 1230px;
    margin-left: -10px
}

.lingganzhiyuan .lg-card {
    width: 305px;
    height: 364px;
    float: left
}

.lingganzhiyuan .lg-card:hover {
    -ms-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    box-shadow: 0 0px 15px rgba(0,0,0,0.2)
}

.lingganzhiyuan .lg-card:hover .content-card {
    background: transparent
}



.lingganzhiyuan .lg-card .content-card {
    transition: all .5s;
    width: 285px;
    height: 344px;
    background: #f8f8f8;
    margin: 10px auto
}

.lingganzhiyuan .lg-card .content-card .img-content {
    width: 100%;
    height: 285px;
    position: relative
}

.lingganzhiyuan .lg-card .content-card .img-content .huoke-wy {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 140px;
    padding: 5px;
    background: #db2a29;
    color: #fff;
    top: 10px;
    text-align: center
}

.lingganzhiyuan .lg-card .content-card .img-content .huoke-wy:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -7px;
    border-top: 15px solid #db2a29;
    border-bottom: 15px solid #db2a29;
    border-right: 7px solid transparent
}

.lingganzhiyuan .lg-card .content-card .img-content .liulan-hot {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 100px;
    height: 30px;
    bottom: 10px;
    left: 10px;
    border-radius: 15px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    text-align: center;
    line-height: 30px
}

.lingganzhiyuan .lg-card .content-card .img-content .collect {
    transition: all .5s;
    opacity: 0;
    filter: alpha(alpha=0);
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 30px;
    background: rgba(0,0,0,0.7);
    top: 10px;
    right: 10px;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lingganzhiyuan .lg-card .content-card .title {
    margin: auto;
    height: 30px;
    width: 260px;
    font-size: 14px;
    line-height: 30px;
    color: #212628
}

.lingganzhiyuan .lg-card .content-card .title:hover {
    color: #e74c3c
}

.lingganzhiyuan .lg-card .content-card .subtitle {
    margin: auto;
    height: 30px;
    width: 260px
}

.lingganzhiyuan .lg-card .content-card .subtitle a:hover {
    color: #e74c3c
}

.lingganzhiyuan .lg-card .content-card .subtitle .div {
    padding: 0 5px
}

.self-module .lingganzhiyuan {
    margin-left: 0;
    padding-top: 10px;
    width: 900px;
    overflow: hidden
}

.self-module .lingganzhiyuan .lg-card {
    width: 292px;
    height: 297px;
    margin-right: 10px
}

.self-module .lingganzhiyuan .lg-card .content-card {
    width: 292px;
    height: 297px;
    margin: 0
}

.self-module .lingganzhiyuan .lg-card .content-card .title {
    height: 35px;
    line-height: 35px
}

.self-module .lingganzhiyuan .lg-card .content-card .img-content {
    height: 228px
}

.self-module .lingganzhiyuan .lg-card:last-child {
    margin-right: 0
}

.self-module .lingganzhiyuan .lg-card:hover {
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.freeConsultation {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 3px
}

.freeConsultation .lazy {
    width: 90px;
    height: 90px;
    border-radius: 3px
}

.freeConsultation .info {
    width: 174px
}

.goldMaster .selectBoxs {
    border: 1px solid #edecec;
    position: relative
}

.goldMaster .selectBoxs .tit {
    width: 80px;
    padding: 10px 0;
    text-align: center;
    border-right: solid 1px #edecec;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.goldMaster .selectBoxs ul {
    background-color: #fff;
    width: 1110px;
    position: relative;
    padding-left: 90px !important
}

.goldMaster .selectBoxs ul li {
    cursor: pointer;
    padding: 0 10px
}

.goldMaster .selectBoxs ul li a {
    padding: 4px 10px
}

.goldMaster .selectBoxs ul li:hover {
    color: #e74c3c
}

.goldMaster .selectBoxs ul li.active a {
    background: #e74c3c;
    color: #fff
}

.goldMaster .selectBoxs ul li.active:hover a {
    color: #fff !important
}

.friendly .tab-tit {
    border-bottom: solid 1px #edecec;
    line-height: 40px;
    height: 40px;
    font-size: 18px
}

.friendly .tab-tit span {
    margin-right: 25px;
    display: inline-block;
    border-bottom: solid 1px transparent;
    cursor: pointer
}

.friendly .tab-tit span.active {
    border-color: #e74c3c;
    color: #333
}

.friendly .tab-layer .alink {
    margin-top: 20px;
    line-height: 1.6
}

.friendly .tab-layer .alink a {
    color: #999;
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
    width: 8.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.friendly .tab-layer .alink a:hover {
    color: #e74c3c
}

.lh1 {
    line-height: 1
}

.customerEvaluationDetails .detailsLeft {
    width: 880px;
    overflow: hidden
}

.customerEvaluationDetails .detailsLeft .boxLazy {
    width: 800px;
    margin: 0 auto
}

.customerEvaluationDetails .detailsLeft img {
    max-width: 100%
}

.customerEvaluationDetails .detailsLeft .caseBtn {
    width: 100%
}

.customerEvaluationDetails .detailsLeft .caseBtn .box {
    width: 49%;
    height: 96px;
    line-height: 96px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative
}

.customerEvaluationDetails .detailsLeft .caseBtn .box i {
    border: 5px solid transparent;
    border-bottom-color: #666;
    position: relative;
    top: -12px;
    margin-right: 7px
}

.customerEvaluationDetails .detailsLeft .caseBtn .box:nth-child(2) i {
    border: 5px solid transparent;
    border-top-color: #666;
    top: 10px
}

.present-list-card {
    width: 383px;
    height: 526px;
    background-color: #fff;
    box-shadow: 0 0 21px rgba(0,0,0,0.05)
}

.present-list-card .cont-r {
    width: 65px;
    height: 27px;
    border: 2px solid #fafafa;
    position: absolute;
    top: -10px;
    left: -13px;
    z-index: 1;
    border-radius: 15px;
    line-height: 27px
}

.present-list-card .img {
    width: 100%;
    height: 226px
}

.present-list-card .con {
    height: 216px
}

.article-content {
    overflow: hidden
}

.article-content * {
    white-space: normal !important
}

.article-content b,.article-content strong {
    font-weight: bold
}

.article-content p {
    padding-bottom: 20px;
    line-height: 24px
}

.article-content img {
    max-width: 800px !important;
    height: auto;
    margin: auto;
    display: block;
    padding-bottom: 20px
}

.get-custom-form-common {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-radius: 3px;
    min-height: 310px;
    padding: 10px;
    width: 280px
}

.get-custom-form-common .input {
    background-color: #f3f3f3;
    height: 40px;
    border: solid 1px #f3f3f3;
    border-radius: 5px;
    padding: 0 10px
}

.get-custom-form-common .input input {
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 40px;
    background: transparent
}

.self-kong {
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
    background-image: url(//s.dyrs.cc/static/pc/images/konghezi_03.png)
}

.my-share-box {
    padding: 20px;
    background: #fff;
    border: solid 1px #ddd;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100
}

.my-share-box .share-tit {
    font-size: 16px;
    margin-bottom: 15px
}

.my-share-box a {
    margin: 5px 10px;
    display: inline-block;
    background: #f8f8f8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s
}

.my-share-box a:hover {
    transform: scale(1.1)
}

.my-share-box .iconfont {
    font-size: 30px;
    color: #fff
}

.shejishiye .designer-list {
    width: 1230px;
    margin-left: -10px
}

.shejishiye .designer-list .designer-carder {
    width: 305px;
    float: left;
    height: 400px;
    transition: all .5s
}

.shejishiye .designer-list .designer-carder .designer-msg {
    margin: 10px auto;
    width: 285px;
    height: 380px;
    background: #f7f7f7;
    position: relative;
    transition: all .5s
}

.shejishiye .designer-list .designer-carder .designer-msg.reward:after {
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 27px;
    top: 290px;
    right: -4px;
    background-image: url(//s.dyrs.cc/static/pc/images/sjslib_03.png);
    background-size: 100%;
    background-position: center
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo {
    width: 100%;
    height: 285px;
    position: relative
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal {
    transition: all .5s;
    width: 102px;
    position: absolute;
    z-index: 10;
    background: #333;
    color: #fff;
    border: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal:hover {
    background: #000
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .tuijian {
    position: absolute;
    left: 0;
    top: 10px;
    width: 68px;
    height: 26px;
    background: #e74c3c;
    border-radius: 0 0 15px 0;
    color: #fff;
    line-height: 26px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ztsj {
    transition: all .5s;
    width: 103px;
    position: absolute;
    bottom: 0;
    border: 0;
    right: 0;
    opacity: 0;
    border-radius: 0;
    filter: alpha(opacity=0)
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-name {
    font-size: 18px;
    color: #212628;
    margin-left: 10px;
    margin-right: 70px;
    height: 25px;
    line-height: 25px;
    position: relative
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-name span {
    font-size: 14px;
    margin-left: 11px
}

.shejishiye .designer-list .designer-carder .designer-msg .tag {
    position: absolute;
    width: 50px;
    border: #edecec 1px solid;
    background: #f6e6e6;
    height: 17px;
    color: #eb4f4f;
    line-height: 17px;
    text-align: center;
    font-size: 14px;
    top: 300px;
    left: 174px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr {
    width: 265px;
    margin: auto;
    height: 25px;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div {
    width: 125px;
    height: 25px;
    color: #666;
    float: left;
    font-size: 14px;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span {
    color: #212628
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span:hover {
    color: #e74c3c
}

.shejishiye .designer-list .designer-carder .designer-msg .designer-hobbit {
    width: 265px;
    height: 25px;
    margin: auto;
    line-height: 25px
}

.shejishiye .designer-list .designer-carder:hover {
    -ms-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);
    box-shadow: 0 0px 15px rgba(0,0,0,0.2)
}

.shejishiye .designer-list .designer-carder:hover .designer-msg {
    background: #fff
}

.shejishiye .designer-list .designer-carder:hover .designer-msg .ktal {
    opacity: 1;
    filter: alpha(opacity=100)
}

.shejishiye .designer-list .designer-carder:hover .designer-msg .ztsj {
    opacity: 1;
    filter: alpha(opacity=100)
}

.common-zixun .tit:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 75px;
    height: 1px;
    background: #e74c3c;
    left: 0
}

.common-zixun .line {
    width: 452px;
    margin-bottom: 20px
}

.common-zixun .line b {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #e74c3c;
    border-radius: 50%;
    margin-right: 12px;
    float: left
}

.common-zixun .line span {
    width: 300px
}

.case-tag-box {
    box-shadow: 3px 5px 18px 8px rgba(0,0,0,0.03);
    border: 1px solid #f1f1f1
}

.case-tag-box .a {
    overflow: hidden;
    width: 746px
}

.case-tag-box .c {
    width: 760px
}

.case-tag-box .p3 {
    width: 33%;
    border-right: 1px solid #f1f1f1
}

.common-search-null {
    height: 80px;
    background-position: center;
    background-repeat: no-repeat
}

.huoke .input-n {
    float: left;
    background: #fcfcfc;
    border: 1px solid #edecec;
    padding: 10px 20px;
    margin-left: 10px
}

.huoke .input-n input {
    background: #fcfcfc;
    outline: none;
    width: 220px;
    color: #666;
    border: none;
    outline: none;
    height: 20px
}

.huoke .button {
    float: right
}

.advertisement {
    height: 100px;
    width: 100%;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center
}

.spjx-zx {
    width: 100%;
    height: 75px;
    background-color: #f6f6f6
}

.spjx-zx .photo {
    width: 114px;
    height: 104px;
    border: 1px solid #edecec;
    left: 45px;
    top: -40px
}

.spjx-zx .neirong {
    width: 520px;
    line-height: 75px;
    top: 0;
    left: 190px
}

.spp-temp {
    padding-bottom: 13px;
    padding-left: 10px
}

.spp-temp span {
    display: block;
    padding: 2px 8px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
    line-height: 1.5;
    height: 20px;
    font-size: 14px
}

.right_slide {
    position: fixed;
    z-index: 50;
    right: 0;
    top: 50%;
    margin-top: -100px;
    width: 80px;
    text-align: center
}

.right_slide .link-box {
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #ccc;
    display: block;
    margin-bottom: 1px
}

.right_slide .link-box .link {
    display: block;
    margin: auto;
    color: #fff;
    width: 80px;
    padding: 15px 0;
    position: relative;
    z-index: 2
}

.right_slide .link-box:hover {
    background: #e74c3c
}

.bottom-top-btn {
    position: fixed;
    bottom: 45px;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #ccc;
    color: #fff;
    cursor: pointer;
    z-index: 99;
    line-height: 1;
    font-size: 14px
}

.bottom-top-btn:hover {
    background: #e74c3c
}

.not-find {
    padding-top: 50px
}

.not-find .pic {
    width: 100px;
    margin: auto;
    text-align: center
}

.not-find .pic img {
    width: 100%
}

.not-find .title {
    text-align: center;
    font-size: 24px;
    color: #212628
}

.not-find .title span {
    color: #e74c3c
}

.not-find .subtitle {
    font-size: 16px;
    text-align: center
}

.not-find .subtitle span {
    color: #e74c3c
}

.not-find-title {
    font-size: 24px
}

.not-find-title:before {
    content: '';
    display: block;
    float: left;
    width: 5px;
    height: 24px;
    background: #e74c3c;
    border-radius: 2px;
    margin: 5px 10px 0px 2px
}

.withOutLazy {
    overflow: hidden;
    text-align: center
}

.withOutLazy img {
    height: 100%
}

.withOutLazy-width {
    overflow: hidden;
    text-align: center
}

.withOutLazy-width img {
    width: 100%;
    vertical-align: middle
}

#doyoo_share {
    position: inherit;
    display: none !important
}

.doyoo_f_original body {
    overflow: auto !important
}

.doyoo_f_original {
    overflow: auto !important
}

.doyoo_f_frame {
    display: none !important
}

.yuyue-box form {
    max-width: 400px;
    padding: 0 40px;
    margin: 0 auto;
    font-size: 14px
}

.yuyue-box form .tit {
    font-size: 20px;
    margin-top: 40px
}

.yuyue-box dl {
    margin-top: 20px
}

.yuyue-box dt {
    margin-top: 10px
}

.yuyue-box dd {
    margin-top: 15px;
    height: 40px;
    border: solid 1px #f3f3f3;
    border-radius: 5px;
    padding: 0 10px
}

.yuyue-box dd input {
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 40px
}

.yuyue-box .btn {
    border-radius: 5px;
    height: 40px;
    margin-top: 15px
}

.lazy {
    position: relative;
    background: url("data:image/gif;base64,R0lGODlhEAAQALMMAKqooJGOhp2bk7e1rZ2bkre1rJCPhqqon8PBudDOxXd1bISCef///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAAMACwAAAAAEAAQAAAET5DJyYyhmAZ7sxQEs1nMsmACGJKmSaVEOLXnK1PuBADepCiMg/DQ+/2GRI8RKOxJfpTCIJNIYArS6aRajWYZCASDa41Ow+Fx2YMWOyfpTAQAIfkEBQAADAAsAAAAABAAEAAABE6QyckEoZgKe7MEQMUxhoEd6FFdQWlOqTq15SlT9VQM3rQsjMKO5/n9hANixgjc9SQ/CgKRUSgw0ynFapVmGYkEg3v1gsPibg8tfk7CnggAIfkEBQAADAAsAAAAABAAEAAABE2QycnOoZjaA/IsRWV1goCBoMiUJTW8A0XMBPZmM4Ug3hQEjN2uZygahDyP0RBMEpmTRCKzWGCkUkq1SsFOFQrG1tr9gsPc3jnco4A9EQAh+QQFAAAMACwAAAAAEAAQAAAETpDJyUqhmFqbJ0LMIA7McWDfF5LmAVApOLUvLFMmlSTdJAiM3a73+wl5HYKSEET2lBSFIhMIYKRSimFriGIZiwWD2/WCw+Jt7xxeU9qZCAAh+QQFAAAMACwAAAAAEAAQAAAETZDJyRCimFqbZ0rVxgwF9n3hSJbeSQ2rCWIkpSjddBzMfee7nQ/XCfJ+OQYAQFksMgQBxumkEKLSCfVpMDCugqyW2w18xZmuwZycdDsRACH5BAUAAAwALAAAAAAQABAAAARNkMnJUqKYWpunUtXGIAj2feFIlt5JrWybkdSydNNQMLaND7pC79YBFnY+HENHMRgyhwPGaQhQotGm00oQMLBSLYPQ9QIASrLAq5x0OxEAIfkEBQAADAAsAAAAABAAEAAABE2QycmUopham+da1cYkCfZ94UiW3kmtbJuRlGF0E4Iwto3rut6tA9wFAjiJjkIgZAYDTLNJgUIpgqyAcTgwCuACJssAdL3gpLmbpLAzEQA7LyogIHx4R3YwMHxhMDk3N2E3ZTFmMDQ1MjlmZTRhZDdhYzlhZWJkNjE3NyAqLw==") center center no-repeat;
    overflow: hidden;
    background-color: #fff;
    -webkit-transform: rotateZ(0)
}

.lazy img.lazy_img {
    background: none;
    position: absolute
}

.lazy.load-over {
    background-image: none
}

img.lazy_img {
    background: url(//s.dyrs.cc/static/pc/images/loading.gif) center center no-repeat;
    background-color: #fff
}

.auto_height {
    height: 500px;
    background: url(//s.dyrs.cc/static/pc/images/loading.gif) center center no-repeat;
    background-color: #fff
}

.auto_height.load-over {
    background-image: none
}

.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;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 2px
}

.button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.button.is-plain:focus,.button.is-plain:hover {
    background: #fff;
    border-color: #e74c3c;
    color: #e74c3c
}

.button.is-disabled,.button.disabled {
    opacity: .6;
    cursor: not-allowed
}

.button:hover,.button:focus {
    color: #000;
    border-color: #ddd;
    background-color: #f8f8f8
}

.button-primary {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c
}

.button-primary:focus,.button-primary:hover {
    background: #d62c1a;
    border-color: #d62c1a;
    color: #fff
}

.button-primary.is-plain {
    color: #e74c3c;
    background: #fff;
    border-color: #e74c3c
}

.button-primary.is-plain:hover,.button-primary.is-plain:focus {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}

.button-black {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.button-black:focus,.button-black:hover {
    background: #1a1919;
    border-color: #1a1919;
    color: #fff
}

.button-black.is-plain {
    color: #333;
    background: #fff;
    border-color: #333
}

.button-black.is-plain:hover,.button-black.is-plain:focus {
    background: #333;
    border-color: #333;
    color: #fff
}

.button-transparent {
    color: #333;
    background: transparent;
    border-color: #333
}

.button-transparent.white {
    color: #fff;
    border-color: #fff
}

.button-transparent:hover,.button-transparent:focus {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #fff
}

.head {
    min-width: 1200px;
    background: #fff;
    -ms-box-shadow: 0 15px 16px rgba(0,0,0,0.02);
    -o-box-shadow: 0 15px 16px rgba(0,0,0,0.02);
    box-shadow: 0 15px 16px rgba(0,0,0,0.02);

}

.head.black {
    border-bottom: solid 1px #1e2528;
    background: #1e2528
}

.head.black .topBox {
    border-bottom: 1px solid #1e2528
}

.head .topBox {
    padding: 6px 0;
    height: 30px;
    box-sizing: border-box;
    background: #f8f8f8;
    border-bottom: 1px solid #edecec;
    font-size: 14px;
    color: #999
}

.head .topBox i {
    position: relative;
    color: #999
}

.head .topBox .left .cityNav {
    z-index: 9999;
    line-height: 23px
}

.head .topBox .left .cityNav.black .cityBtn {
    border: solid 1px #1e2528;
    border-bottom: none
}

.head .topBox .left .cityNav .cityBtn {
    padding: 0 4px;
    border: solid 1px transparent;
    border-bottom: 0
}

.head .topBox .left .cityNav.active .cityBtn {
    border-color: #edecec;
    background: #fff;
    position: relative;
    z-index: 101
}

.head .topBox .left .cityNav.active .cityBtn .text-title {
    color: #212628 !important
}

.head .topBox .left .cityNav.active .cityBtn .text-white {
    color: #fff
}

.head .topBox .left .cityNav.active .cityList {
    display: block
}

.head .topBox .left .cityList {
    display: none;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 22px;
    width: 80px;
    height:180px;
    border: solid 1px #edecec;
    line-height: 35px;
    padding: 15px;
    z-index: 9999;
}

.head .topBox .left .cityList .tabTit {
    border-bottom: dotted 1px border;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.head .topBox .left .cityList .tabTit span {
    padding: 5px 10px;
    cursor: pointer
}

.head .topBox .left .cityList .tabTit .active {
    background: #a569c4;
    color: #fff
}

.head .topBox .left .cityList .tabLayer .line {
    border-top: dashed 1px #edecec;
    height: 0;
    margin: 2px 0 2px 29px;
    overflow: hidden
}

.head .topBox .left .cityList .tabLayer span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.head .topBox .left .cityList .tabLayer a {
    width: 33%;
    color: #666;
    margin: 0 5px;
    white-space: nowrap
}

.head .topBox .left .cityList .tabLayer a:hover {
    color: #e74c3c
}

.head .topBox .right .register,.head .topBox .right .login {
    border-right: 1px solid #edecec
}

.head .topBox .right i {
    width: 17px;
    height: 19px;
    display: inline-block;
    color: #e74c3c;
    top: 1px
}

.head .topBox .hotLine span {
    color: #e74c3c
}
.new {
    width: 100%;
    height: 717px;
    background: url(../images/index_news_bg.jpg) top center no-repeat;
    margin-top: 50px;
    padding: 10px 0 10px 0;
}

.new_con h5 {
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.new_con {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.new_left {
    border-bottom: 1px solid #d7d7d7;
    background: #fff;
    width: 393px;
}

.new_left_con ul li {
    line-height: 35px;
    cursor: pointer;
}

.new_left_con ul li a {
    font-size: 14px;
    color: #595959;
}

.new_left_con ul li:hover a {
    color: #8a1b7d;
}

.new_left_con {
    padding: 18px 20px;
}
.new_left_con ul {
    height:154px;
}
.publiccenter_tl {
    line-height: 27px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.publiccenter_tl h1 {
    font-size: 30px;
    padding: 7px 0;
    color: #323232;
    width: 130px;
    border-bottom: 1px solid #000;
}

.publiccenter_tl a {
    position: relative;
    font-size: 13px;
    color: #353535;
    top: 8px;
}

.publiccenter_tl a i {
    margin-left: 5px;
}

.new_pic_box {
    position: relative;
    width:393px; height:230px;
    overflow: hidden;
    display: block;
}
.new_pic_box  a img{ width:393px; height:230px;}



.new_pic_box img {
    width: 393px;
    height: 230px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.new_pic_box:hover img {
    width: 413px;
    height: 260px;
    margin-left: -10px;
    margin-top: -15px;
}
.new_fix_title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #222222;
    opacity: 0.8;
    filter: alpha(opacity=80);
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #FFF;
    padding: 0 0 0 18px;
    width: 375px;
}

.index_new_img {
    position: absolute;
    right: 0px;
    top: 0px;
}

.news_next a {
    line-height: 50px;
    color: #4c4c4c;
    margin: 0 45px;
    display: inline-block
}

.news_next a:hover {
    color: #8a1b7d;
    text-decoration: underline;
}

.advtp .publiccenter_tl {
    line-height: 40px;
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    background: #f5f5f5;
}

.advtp .publiccenter_tl h1 {
    font-size: 16px;
    padding: 0;
    line-height: 40px;
    height: 40px;
    color: #323232;
    border-bottom: 0;
}

.advtp .publiccenter_tl a {
    position: relative;
    font-size: 13px;
    color: #353535;
    top: 0;
}

.advtp .publiccenter_tl a i {
    margin-left: 5px;
}

.advtp .new_fix_title {
    position: absolute;
    left: 0px;
    bottom: 3px;
    background: #222222;
    opacity: 0.8;
    filter: alpha(opacity=80);
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #FFF;
    padding: 0 0 0 18px;
    width: 375px;
}

.advtp .new_left_con {
    background: #f8f8f8;
}

.new_con .icat_title1 h2, .new_con .icat_title1 h3 {
    color: #fff;
}
.maleft{
    margin: 0 10px;
}

.tapsbox{
    border-bottom: 1px solid #f4f4f4;
    padding-top: 15px;
}
.hqt-txt{
    text-align: center;
    font-size:14px;
    margin: 20px 0;
    color:#000000;
}
.hqt-box-tap{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.hqt-box-onetap{
    width: 50%;
    float: left;
    font-size: 17px;
    text-align: center;
    padding: 0 6px;
    box-sizing: border-box;
}
.hqt-box-onetaptxt{
    line-height: 30px;
    text-align: center;
    padding-bottom: 10px;
    font-size:17px;
    color:#000000;
    border: 1px solid #eee; border-radius: 5px; width: 50%; height: 100%; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer;
}
.hqt-box-onetapchoosed{
    border-bottom: 3px solid #ff0000;
}
.quote-type{width: 100%; height: 54px; display: flex; display: -webkit-flex; display: -ms-flex;}
.quote-type li{border: 1px solid #eee; border-radius: 5px; width: 50%; height: 100%; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer;}
.quote-type li.active{background: #e94c3d; color: #fff; border-color: #e94c3d;}
.quote-type li i{background: url(..pcweb/images/icon.png); margin-right: 10px; cursor: pointer;}
.quote-type li:nth-child(1) i{background-position: 0 -155px; width: 26px; height: 26px;}
.quote-type li:nth-child(2) i{background-position: 0 -188px; width: 30px; height: 32px;}
.quote-input{width: 100%; height: auto;}
.quote-input select,.quote-input input{width: 100%; height: 47px; border: 1px solid #eee; border-radius: 5px; text-indent: 10px; font-size: 14px; margin-top: 12px; outline: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.quote-input select:focus,.quote-input input:focus{border-color: #00ae66 !important;}
.quote-input .area-input{position: relative;}
.quote-input .area-input i{position: absolute; top: 25px; right: 20px; color: #adadad;}
.quote-input .quote-btn1{width: 135px; color: #fff; text-indent: 0; cursor: pointer;}
.quote-input .quote-btn1{height: 47px;border: 1px solid #eee;font-size: 14px;margin-top: 12px;border-radius: 5px;text-align: center;line-height: 47px}
.quote-input .quote-btn1{background: #919191;}
.quote-input .quote-btn2{width: 135px; color: #fff; text-indent: 0; cursor: pointer;}
.quote-input .quote-btn2{height: 47px;border: 1px solid #eee;font-size: 14px;margin-top: 12px;border-radius: 5px;text-align: center;line-height: 47px}
.quote-input .quote-btn2{background: #c79e68;}
.quote-input h6{color: #686868; }

.feedbookdiv {
    margin-top: 12px;
}

.indexinput {
    width: 90%;
    height: 41px;
    line-height: 41px;
    border: 0px;
    padding: 0 5%;

}

.inputeight {
    margin: 8px 0 0 0;
}

.indexbutton {
    width: 100%;
    height: 54px;
    line-height: 24px;
    background: #ff0000;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
}

.tabs-vertical{
    font: bold 13px sans-serif;

    max-width: 900px;
    text-align: center;
    border-radius: 2px;
    padding-top:20px;
}

/* The tabs */

.tabs-vertical ul{
    float: left;
    list-style: none;
    text-align: left;
    background-color: #f7f7f7;
    margin: 0;
    padding-left: 0;
}

.tabs-vertical ul li{
    margin-right: -1px;
}

.tabs-vertical ul li a{
    display: block;
    text-decoration: none;
    color: #656a6d;
    height:186px;
    border: 1px solid transparent;
    border-right: 0;
    border-left: 0;
    padding: 36px 40px 16px 20px;
    width: 15px;
    margin: 0 auto;
    line-height: 28px;
    font-size: 26px;
    word-wrap: break-word;/*Ó¢ÎĵÄʱºòÐèÒª¼ÓÉÏÕâ¾ä£¬×Ô¶¯»»ÐÐ*/
    word-break:break-all;
    border-radius:10px;
    letter-spacing:1.6em;
    justify-content:center;

}

.tabs-vertical ul li a.tab-active {
    border-color: #dddddd;
    background-color: #C79E67;
    color:#ffffff;
    box-shadow: 0px 2px 0px #EFEFEF;
}

.tabs-vertical ul li:first-child a{
    border-top: 0;
}

/* The content */

.tabs-vertical .tabs-content-placeholder{
    overflow: hidden;
    border-left: 1px solid #dddddd;
    font-weight: normal;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: -3px 0 0px #F3F3F3;
    text-align: center;
}

.tabs-vertical .tabs-content-placeholder div{
    display: none;
}

.tabs-vertical .tabs-content-placeholder div.tab-content-active{
    display: block;
}

.tabs-vertical .tabs-content-placeholder div a:hover{
    width:920px; height:480px;

}


@media (max-width: 600px) {

    .tabs-vertical ul{
        float: none;
    }

    .tabs-vertical ul li{
        display: inline-block;
        margin-bottom: -1px;
    }

    .tabs-vertical ul li a{
        border: 1px solid transparent;
        border-bottom: 0;
        border-top: 0;
        padding: 12px 15px;
    }

    .tabs-vertical ul li a.tab-active {
        border-color: #dddddd;
        background-color: #ffffff;
        box-shadow: 2px 0px 0px #EFEFEF;
    }

    .tabs-vertical ul li:first-child a{
        border-left: 0;
    }

    .tabs-vertical .tabs-content-placeholder{
        border-left: 0;
    }

}

.width_wap{ width:100%; display:table; margin:0 auto; padding: 10px 0; background:#333;border-bottom: 1px solid #fff;}
.ttl{height:18px;}
.ctt100{height:auto;padding:6px;clear:both; display:table; text-align:left; }
.w978{clear:both; width:1200px;margin: 0 auto; margin-top:10px;background:#333;}
/* TAB Çл»Ð§¹û */
.tb100_{ background-color:#333}
.tb100_ ul{height:32px;}
.tb100_ li{float:left;height: 32px;line-height:32px; padding-left:15px;color:#666; padding-right:15px;cursor:pointer; font-size:13px; list-style:none;}
/* ¿ØÖÆÏÔʾÓëÒþ²ØcssÀà */

.normaltab100 a{color:#666 ;}
.hovertab100{ background:#000000;color:#fff;}
.hovertab100 a{color:#fff; text-decoration:none;}
.dis{display:block;}

.list_ul li{ height:24px; line-height:24px; font-size:13px; color:#666; }
.list_ul li a{ line-height:24px; font-size:13px; color:#1f376d; }
.list_ul li a:hover{color:#666;}
.undis{display:none;}

.linkText{ text-indent:0; text-align:left; padding:5px 15px 5px 10px; line-height:25px;}
.linkText a{ padding-left:5px; padding-right:5px; color:#666; font-size:13px;}



/* e74c3c */
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    min-width: 1420px;
}

.clear {
    clear: both;
}

a,
a:link {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #e94c3d;
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
img {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}




.wapper {
    width: 100%;
    height: auto;
    /*position: relative;*/
}



/* banner */


.bannerNew {
    z-index: 1;
    width: 100%;
    height: 700px;
}

.bannerNew li {
    position: relative;
}

.bannerNew li img {
    width: 1920px;
    height: 700px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}

.bannerNew .tb-arrow {
    width:90%;left:5%;margin-left:0!important;
}
.bannerNew .tb-arrow a {
    opacity:0;
    background:rgba(0,0,0,0.3);
    padding:10px;
    border-radius:5px;
}
.bannerNew:hover .tb-arrow a{
    opacity:0.5;
}
.bannerNew .tb-arrow a:hover {
    opacity:1;
}

.bannerNew .tb-btn a{width: 20px;height: 20px;line-height: 20px;margin: 0 10px;background: #000;color: #fff;text-align: center;-webkit-transition: background .3s;transition: background .3s;}
.bannerNew .tb-btn a.active{background: #ccc;}



.banner {
    width: 100%;
    max-width: 1920px;
    height: 700px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

.banner_img{width:100%;height:700px;position:absolute;left:0;top:0}
.banner_img:hover{width:100%;height:700px;position:absolute;left:0;top:0}
.banner_img li{width:100%;height:700px;display:inline-block;background-position:center;background-repeat:no-repeat;float:left;list-style:none}
.banner_img li a{display:block;width:100%;height:100%;}
.banner_list{height:50px;top:450px;position:relative;margin:0 auto;z-index:1}
.banner_list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #555;float:left;margin:0 5px}
.banner_list .spcss{border:3px solid #c00}
.banner_left{position:absolute;height:90px;width:60px;top:50%;left:-60px;background-color:rgba(73,72,62,.6);margin-top:-45px;text-align:center;transition:all .5s;z-index:2}
.banner_left:hover{background-color:rgba(73,72,62,.9)}
.banner_right{position:absolute;height:90px;width:60px;top:50%;right:-60px;background-color:rgba(73,72,62,.6);margin-top:-45px;text-align:center;transition:all .5s;z-index:2}
.banner_right:hover{background-color:rgba(73,72,62,.9)}
.banner_left img{margin-top:22px}
.banner_right img{margin-top:22px}



#flash {
    position: relative;
}

#flash #play {
    width: 100%;
    height: 500px;
    list-style: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

#flash #play li {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#flash #play li a {
    display: block;
    width: 100%;
    height: 100%;
}


#button {
    position: absolute;
    bottom: 20px;
    width: 100%;
    list-style: none;
    text-align: center;
}

#button li {
    margin: 0 5px;
    display: inline-block;
}

#button li div {
    width: 16px;
    height: 16px;
    background: #DDDDDD;
    border-radius: 8px;
    cursor: pointer;
}

#prev {
    cursor: pointer;
    opacity: 0.6;
    width: 38px;
    height: 66px;
    background: url(../img/preImg.png) center center no-repeat rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 222px;
    left: 10px;
    z-index: 1000;
    border-radius: 4px;
}

#next {
    cursor: pointer;
    opacity: 0.6;
    width: 38px;
    height: 66px;
    background: url(../img/nexImg.png) center center no-repeat rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 222px;
    right: 10px;
    z-index: 1000;
    border-radius: 4px;
}

#prev:hover {
    opacity: 1;
    background: url(../img/preImg.png) center center no-repeat rgba(0, 0, 0, 0.3);
}

#next:hover {
    opacity: 1;
    background: url(../img/nexImg.png) center center no-repeat rgba(0, 0, 0, 0.3);
}

/* 报价一 */
.bj1Bg {
    background: #e5e5e5;
}

.bj1 {
    width: 1270px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}

.bj1 .des {
    width: 1270px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align:center;
    padding:20px;
}

.bj1 .des span {
    padding: 0 5px;
    color: #e94c3d;
}

.bj1 .form {
    width: 1270px;
    float: right;
    font-size: 14px;
}

.bj1 input {
    width: 210px;
    border: 1px solid #ccc;
    text-indent: 10px;
    height: 30px;
    margin-right: 15px;
    font-size: 14px;
    float: left;
}
.bj1 select {
    width: 210px;
    border: 1px solid #ccc;
    text-indent: 10px;
    height: 30px;
    margin-right: 15px;
    font-size: 14px;
    float: left;
}


.bj1 button {
    width: 120px;
    height: 32px;
    float: left;
    background: #e94c3d;
    color: #fff;
    border: 0;
    cursor: pointer;
}

/* 首页标题 */
.indexTitle {
    width: 100%;
    text-align: center;
    padding: 40px 0;
}

.indexTitle h1 {
    font-size: 36px;
    line-height: 40px;
}

.indexTitle p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
    color: #aaa;
}

.indexTitle .logoLine {
    margin-top: 10px;
}


.indexTitle .logoLine .logo {
    width: 18px;
    height: 20px;
    vertical-align: middle;
}

.indexTitle .logoLine::before {
    display: inline-block;
    content: '';
    height: 1px;
    width: 80px;
    background: #ccc;
    vertical-align: middle;
}

.indexTitle .logoLine::after {
    display: inline-block;
    content: '';
    height: 1px;
    width: 80px;
    background: #ccc;
    vertical-align: middle;
}

/* 五大理由 */
.resonBg {
    background: #f7f7f7;
}

.reson {
    width: 1290px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.reson a {
    width: 190px;
    height: auto;
    display: block;
    margin: 0 12px;
    float: left;
    background: #fff;
    text-decoration: none;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.reson a .icon1 {
    margin-top: 20px;
}

.reson a .icon2 {
    display: none;
}

.reson a h2 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.reson a p {
    font-size: 12px;
    color: #aaa;
    line-height: 30px;
    padding-bottom: 10px;
}

.reson a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin-top: -10px;
}

/* 首页视频 */
.indexVideo {
    width: 1270px;
    margin: 0 auto;
    height: 238px;
    padding-top: 20px;
}

.indexVideo .left {
    width: 340px;
    height: 238px;
    float: left;
}

.indexVideo .right {
    width: 930px;
    height: 238px;
    float: right;
}

.indexVideo .right video {
    width: 100%;
    height: 100%;
}

/* 环保方案 */
.faBox {
    width: 1270px;
    margin: 0 auto;
    margin-bottom:20px;

}

.faBox .faOut {
    width: 920px;
    height: 234px;
    float: left;
    position: relative;
    margin-right: 15px;
    margin-bottom:5px;
}

.faBox .faOut.big {
    width: 920px;
}

.faBox .faOut1 {
    clear:both;
    width: 920px;
    height: 234px;
    float: left;
    position: relative;
    margin-right: 15px;
    margin-bottom:5px;
}
.faBox .faOut1.big1 {
    width: 920px;


}
.faBox .faItem {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    float: left;
    position: absolute;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}


.faBox .faItem img {
    width: 100%;
    height: 100%;
}

.faBox .faItem .des {
    height: 250px;
    padding: 40px 20px 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}


.faBox .faItem:hover {
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.faBox .faItem:hover .des {
    background: url(../images/faBg.png) bottom left no-repeat;
}

.faBox .faItem .des .fk {
    width: 18px;
    height: 10px;
    background: #e94c3d;
}

.faBox .faItem:hover .des .fk {
    background: none;
}

.faBox .faItem .des h1 {
    font-size: 30px;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}

.faBox .faItem:hover .des h1 {
    color: #000;
}

.faBox .faItem .des h2 {
    font-size: 18px;
    color: #fff;
    padding-bottom: 10px;
}

.faBox .faItem:hover .des h2 {
    color: #333;
}

.faBox .faItem .des p {
    font-size: 12px;
    color: #b9b9b9;
    line-height: 26px;
}

.faBox .faItem:hover .des p {
    color: #b9b9b9;
}

.faBox .faItem .des button {
    color: #e94c3d;
    border: 1px solid #e94c3d;
    font-size: 14px;
    width: 140px;
    height: 30px;
    line-height: 26px;
    background: none;
    margin-top: 10px;
    cursor: pointer;
}

.faBox .faItem:hover .des button {
    color: #fff;
    border: 1px solid #e94c3d;
    background: #e94c3d;
}

.bj2 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    width: 323px;
    height: 474px;
    float: left;
    box-sizing: border-box;
    padding: 15px;
}

.bj2:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.bj2 h1 {
    font-size: 24px;
    text-align: center;
    position: relative;
    padding: 30px 0;

}
.bj2 h3 {
    width: 100%; height: 60px; background: #373737; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 60px; margin-bottom: 20px;

}


.bj2 h1::after {
    display: inline-block;
    content: '';
    height: 3px;
    width: 46px;
    background: #e94c3d;
    position: absolute;
    top: 70px;
    left: 136px;

}

.bj2 .form {
    padding-top: 20px;
    text-align: center;
    width: 291px;
    float: left;
}

.bj2 .form label {
    width: 80px;
    font-size: 14px;
    line-height: 30px;
    float: left;
    display: block;
}

.bj2 .form input {
    height: 30px;
    width: 250px;
    border: 1px solid #ccc;
    text-indent: 10px;
    float: center;
}
.bj2 .form select {
    height: 36px;
    width: 282px;
    border: 1px solid #ccc;
    text-indent: 10px;
    float: center;
}

.bj2 .form button {
    color: #fff;
    border: 0;
    font-size: 16px;
    width: 180px;
    height: 54px;
    line-height: 30px;
    background: #e94c3d;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

/* 案例 */
.caseBg {
    /* background: url(../img/caseBg.jpg) bottom center no-repeat #fbfbfb; */
    overflow: hidden;
}

.case {
    width: 1270px;
    margin: 0 auto;
}

.caseBg .indexTitle {
    /* background: url(../images/caseBgTop.jpg) top center repeat-x; */
}

.case .caseNav {
    width: 1270px;
    text-align: center;
    color: #999;
}

.case .caseNav a,
.case .caseNav a:link {
    color: #999;
    text-decoration: none;
    display: inline-block;
    padding: 0 15px;
}

.case .caseNav a:hover {
    color: #e94c3d;
}

.case .caseBox {
    width: 1290px;
    padding-top: 30px;
    overflow: hidden;
}

.case .caseList {
    width: 970px;
    overflow: hidden;
    float: left;
    height: 464px;
}

.case .caseList li {
    width: 300px;
    height: 220px;
    float: left;
    margin-right: 23.3px;
    margin-bottom: 23.3px;
}

.case .caseList li.big {
    width: 300px;
    height: 464px;
    float: right;
}

.case .caseList li a,
.case .vrCase a {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
}

.case .caseList li a img,
.case .vrCase a img {
    width: 300px;
    height: 220px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -110px;
    position: absolute;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.vrCase .vrBz {
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    z-index: 999;
    font-size: 14px;
    color: #fff;
}

.vrCase .vrIcon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.vrCase .vrIcon img {
    width: 100%;
    height: 100%;
}

.case .vrCase a img {
    height: 464px;
    margin-top: -232px;
}

.case .caseList li a:hover img {
    width: 330px;
    height: 240px;
    margin-left: -165px;
    margin-top: -120px;
}

.case .caseList li.big a img {
    height: 464px;
    margin-top: -232px;
    position: absolute;
}

.case .caseList li.big a:hover img {
    width: 330px;
    height: 500px;
    margin-left: -165px;
    margin-top: -250px;
}

.case .caseList li a h1,
.case .vrCase a h1 {
    width: 80%;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    height: 30px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    left: 10%;
    line-height: 30px;
    text-align: center;
    z-index: 999;
}


.case .vrCase {
    width: 300px;
    float: left;
    height: 464px;
}



.case .vrCase a:hover img.da {
    width: 330px;
    height: 500px;
    margin-left: -165px;
    margin-top: -250px;
}

.caseSpace {
    width: 1270px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}

.caseSpace a {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 0 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    color: #999;
    overflow: hidden;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.caseSpace a i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 5px auto 0 auto;
    background: url(../images/kongjian.png);
}

.caseSpace a p {
    width: 80px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.caseSpace a:hover {
    background: #e94c3d;
}

.caseSpace a:hover i {
    margin-top: -45px;
    height: 100px;
}

.caseSpace a:hover p {
    color: #fff;
    background: none;
}

.moreBtn {
    width: 180px;
    height: 40px;
    font-size: 18px;
    color: #fff !important;
    background: #e94c3d;
    border: 0;
    border-radius: 2px;
    display: block;
    margin: 20px auto 40px auto;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
}
.moreBtn:hover{
    color: #fff;
}
/* 首页case样式修改 */

.case .caseList li.indexCase{
    width: 320px;
    height: 230px;
    float: left;
    margin-right: 3.3px;
    margin-bottom: 3.3px;
}
.case .caseList li.indexCase a img{
    width: 320px;
    height: 230px;
    margin-left: -160px;
    margin-top: -115px;
}
.case .caseList li.indexCase a:hover img {
    width: 350px;
    height: 260px;
    margin-left: -175px;
    margin-top: -130px;
}

/* 热装楼盘 */

.hotCon {
    width: 1280px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
}

.hotCon .hotItem {
    width: 25%;
    height: 210px;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}

.hotCon .hotItem a {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #fff;
    transition: all 1s;
    -moz-transition: all 1s;
    /* Firefox */
    -webkit-transition: all 1s;
    /* Safari 和 Chrome */
    -o-transition: all 1s;
    /* Opera */
}

.hotCon .hotItem a h1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.hotCon .hotItem a h2 {
    display: block;
    padding: 20px 10px 20px 10px;
    width: 80px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(138, 118, 97, 0.6);
    color: #fff;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    /* Firefox */
    -webkit-transition: all 0.1s;
    /* Safari 和 Chrome */
    -o-transition: all 0.1s;
    /* Opera */
    z-index: 3;
}

.hotCon .hotItem a h2 p.hotJb1 {
    font-size: 13px;
    line-height: 14px;
}

.hotCon .hotItem a h2 p.hotJb2 {
    font-size: 13px;
    line-height: 24px;
}

.hotCon .hotItem a h2 p.hotJb2 .num {
    font-size: 20px;
}

.hotCon .hotItem a .zoomCon {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    z-index: 3;
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    /* Firefox */
    -webkit-transition: all 0.7s;
    /* Safari 和 Chrome */
    -o-transition: all 0.7s;
    /* Opera */
    transform: scale(0);
    -ms-transform: scale(0);
    /* IE 9 */
    -moz-transform: scale(0);
    /* Firefox */
    -webkit-transform: scale(0);
    /* Safari 和 Chrome */
    -o-transform: scale(0);
    text-align: left;
}

.hotCon .hotItem a .zoomCon h3 {
    height: 40px;
    line-height: 20px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.hotCon .hotItem a .zoomCon p {
    line-height: 30px;
    font-size: 14px;
}

.hotCon .hotItem a img {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    /* Firefox */
    -webkit-transition: all 0.8s;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    /* Opera */
}

.hotCon .hotItem a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

.hotCon .hotItem a:hover h1 {
    bottom: -40px;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    /* Firefox */
    -webkit-transition: all 0.1s;
    /* Safari 和 Chrome */
    -o-transition: all 0.1s;
    /* Opera */
}

.hotCon .hotItem a:hover h2 {
    right: -100px;
    top: -100px;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    /* Firefox */
    -webkit-transition: all 0.1s;
    /* Safari 和 Chrome */
    -o-transition: all 0.1s;
    /* Opera */
}

.hotCon .hotItem a:hover .zoomCon {
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -moz-transform: scale(1);
    /* Firefox */
    -webkit-transform: scale(1);
    /* Safari 和 Chrome */
    -o-transform: scale(1);
}

.hotCon .hotItem a:hover {
    background: #000;
}

/* 报价三 */
.bj3Bg {
    background: #eee;
}

.bj3 {
    height: 100px;
    width: 1270px;
    margin: 0 auto;
}

.bj3 .des {
    width: 300px;
    height: 100px;
    float: left;
}


.bj3 .form {
    width: 900px;
    float: right;
    font-size: 14px;
    padding-top: 36px;
}

.bj3 input {
    width: 170px;
    border: 1px solid #ccc;
    text-indent: 10px;
    height: 30px;
    margin-right: 15px;
    font-size: 14px;
    float: left;
    border-radius: 3px;
}

.bj3 button {
    width: 120px;
    height: 32px;
    float: left;
    background: #e94c3d;
    color: #fff;
    border: 0;
    cursor: pointer;
}

/* news */


.news {
    width: 1270px;
    text-align: center;
    color: #999;
    margin: 0 auto;
}

.news .newsNav {
    width: 1270px;
    text-align: center;
    color: #999;
}

.news .newsNav a,
.news .newsNav a:link {
    color: #999;
    text-decoration: none;
    padding: 0 15px;
}

.news .newsNav a:hover {
    color: #e94c3d;
    text-decoration: none;
    padding: 0 15px;
}

.news .newsBox {
    border-top: 1px solid #ccc;
    padding: 30px 0 30px 0;
    margin-top: 30px;
}

.news .newsBox .newsLeft {
    width: 610px;
    height: 445px;
    float: left;
    display: block;
}

.news .newsBox .newsLeft:hover .picBig img {
    width: 630px;
    height: 325px;
    margin-left: -10px;
    margin-top: -5px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.news .newsBox .newsLeft .picBig {
    width: 610px;
    height: 315px;
    overflow: hidden;
}

.news .newsBox .newsLeft .picBig img {
    width: 610px;
    height: 315px;
}

.news .newsBox .newsLeft h1 {
    font-size: 20px;
    color: #333;
    line-height: 20px;
    text-align: left;
    padding-top: 10px;
}

.news .newsBox .newsLeft h2 {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: left;
}

.news .newsBox .newsLeft p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: left;
    padding-top: 10px;
}

.news .newsBox .newsRiht {
    float: right;
    width: 610px;
    height: 445px;
}

.news .newsBox .newsRiht .newsItem {
    float: left;
    width: 610px;
    height: 95px;
    margin-bottom: 20px;
}

.news .newsBox .newsRiht .newsItem:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.news .newsBox .newsRiht .newsItem:hover .newsTime {
    background: #e94c3d;
}

.news .newsBox .newsRiht .newsItem .newsTime {
    float: left;
    width: 85px;
    height: 95px;
    background: #c0b8ac;
}

.news .newsBox .newsRiht .newsItem .newsTime h1 {
    height: 40px;
    padding-top: 20px;
    font-size: 30px;
    color: #fff;
}

.news .newsBox .newsRiht .newsItem .newsTime h2 {
    height: 30px;
    font-size: 18px;
    color: #fff;
    text-align: right;
    padding-right: 10px;
}

.news .newsBox .newsRiht .newsItem .newsCon {
    float: left;
    width: 500px;
    padding-left: 20px;
    text-align: left;
}

.news .newsBox .newsRiht .newsItem .newsCon h1 {
    font-size: 18px;
    color: #222;
    line-height: 40px;
}

.news .newsBox .newsRiht .newsItem .newsCon p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

/* 友情链接 */
.linkBox {
    border-top: 1px solid #ccc;
}

.link {
    width: 1270px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}

.link .linkBt {
    width: 70px;
    float: left;
    height: 30px;
    line-height: 30px;
}

.link .links {
    width: 1200px;
    float: right;
}

.link .links .linkItem {
    width: 150px;
    float: left;
    height: 30px;
    line-height: 30px;
    text-indent: 5px;
}

.link .links a,
.link .links a:link {
    color: #666;
    text-decoration: none;
}

.link .links a:hover {
    color: #e94c3d;
}

.copyright {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #6d6d6d;
    font-size: 14px;
}

/* 设计师 */
.sjs {
    width: 1270px;
    height: auto;
    margin: 0 auto;
}

.sjsShow {
    width: 1270px;
    position: relative;
}

.sjsBox {
    width: 1100px;
    height: 480px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.sjsBox .sjss {
    height: 480px;
    position: absolute;
}

.prevSjs {
    position: absolute;
    left: 0;
    top: 200px;
    width: 45px;
    height: 45px;
    background: #6d6d6d;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
}

.prevSjs:hover {
    background: #e94c3d;
    color: #fff;
}

.nextSjs {
    position: absolute;
    right: 0;
    top: 200px;
    width: 45px;
    height: 45px;
    background: #6d6d6d;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
}

.nextSjs:hover {
    background: #e94c3d;
    color: #fff;
}

.sjsBox .sjss {
    position: relative;
    left: 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sjsBox .sjss li {
    width: 245px;
    height: 480px;
    float: left;
    margin: 0 15px;
}


.sjsBox .sjss li .sjspic {
    width: 245px;
    height: 352px;
    overflow: hidden;
    position: relative;
    display: block;
}

.sjsBox .sjss li .sjspic img {
    width: 245px;
    height: 352px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}

.sjsBox .sjss li .sjspic:hover img {
    width: 265px;
    height: 382px;
    margin-left: -10px;
    margin-top: -15px;
}

.sjsBox .sjss li .sjspic h1 {
    font-size: 20px;
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
}

.sjsBox .sjss li h2 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding-top: 10px;
    font-weight:bold;
}

.sjsBox .sjss li h3 {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.sjssearch {
    width: 1100px;
    margin: 0 auto;
}

.sjssearch select {
    padding: 10px;
    font-weight: bold;
}

.sjsscroll {
    width: 1100px;
    height: 120px;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}

.sjsscroll .scrollBox {
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 0;

}

#sBox1,
#sBox2,
#sBox3,
#sBox4 {
    display: inline;
    font-size: 0;
}

#demo a {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 81px;
}

#demo a img {
    width: 57px;
    height: 81px;
    opacity: 0.5;
}


#demo a:hover img {
    width: 77px;
    height: 107px;
    position: absolute;
    left: -10px;
    top: -13px;
    opacity: 1;
    z-index: 99;
}

/* 内页 */
/*cate*/
.bannerCate {
    width: 100%;
    height: 260px;
    position: relative;
    display: block;
    overflow: hidden;
}

.bannerCate img {
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    /* Firefox */
    -webkit-transition: all 0.8s;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    /* Opera */
    width: 1920px;
    height: 260px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 50%;
    margin-top: -130px;
}

.bannerCate:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
}

/*面包屑*/
.breadNav {
    width: 1270px;
    height: auto;
    padding: 15px 0 0 0;
    margin: 0 auto;
    font-size: 14px;
}

/*筛选*/
.shaixuan {
    width: 1270px;
    height: auto;
    padding: 0;
    margin: 15px auto 0 auto;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-bottom: 0;
    font-size: 14px;
}

.shaixuan .sxx {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 10px 0 5px 0;
}

.shaixuan .sxx .sxName {
    width: 100px;
    line-height: 24px;
    float: left;
    text-align: right;
}

.shaixuan .sxx .sxxs {
    width: 1165px;
    line-height: 24px;
    float: left;
}

.shaixuan .sxx .sxxs a {
    position: relative;
    float: left;
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    color: #444;
    text-align: center;
    padding: 0 6px;
    border-radius: 2px;
    margin: 0 14px 5px 0;
}

.shaixuan .sxx .sxxs a.all {
    width: auto;
    margin-left: 10px;
}

.shaixuan .sxx .sxxs a:hover {
    color: #e94c3d;
}

.shaixuan .sxx .sxxs a.focus {
    background: #e94c3d;
    color: #fff;
}

.shaixuan .sxx .sxxs a i {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../images/check.jpg);
    right: 0;
    bottom: 0;
}

.shaixuan .sxx .sxxs div {
    width: 1035px;
    float: left;
    padding-left: 7px;
}

.shaixuan2 {
    width: 1280px;
    height: auto;
    padding: 25px 0 15px 0;
    margin: 0 auto;
    font-size: 14px;
}

.shaixuan2 .sxx {
    overflow: hidden;
}

.shaixuan2 .sxx .sxName {
    width: 100px;
    line-height: 30px;
    float: left;
}

.shaixuan2 .sxx .sxxs {
    width: 1175px;
    line-height: 30px;
    float: left;
}

.shaixuan2 .sxx .sxxs a {
    position: relative;
    float: left;
    display: inline-block;
    width: 135px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    color: #444;
    text-align: center;
    margin: 0 10px 10px 0;
}

.shaixuan2 .sxx .sxxs a.all {
    width: 87px;
    margin-left: 10px;
}

.shaixuan2 .sxx .sxxs a:hover {
    color: #e94c3d;
    border: 1px solid #e94c3d;
}

.shaixuan2 .sxx .sxxs a.focus {
    background: #e94c3d;
    border: 1px solid #e94c3d;
    color: #fff;
}

.shaixuan2 .sxx .sxxs a i {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../images/check.jpg);
    right: 0;
    bottom: 0;
}

.shaixuan2 .sxx .sxxs div {
    width: 1045px;
    float: left;
    padding-left: 20px;
}

/*搜索*/
.searchDiv {
    width: 1230px;
    height: auto;
    margin: 0 auto 20px auto;
    background: #eee;
    padding: 20px;
    overflow: hidden;
    line-height: 30px;
}

.searchDiv span {
    float: left;
}

.paixu {
    float: left;
}


.paixu a {
    margin: 0 10px;
}

.paixu a i {
    display: none;
}

.paixu a.normal i.fa-sort {
    display: inline-block;
}

.paixu a.up,
.paixu a.down {
    color: #e94c3d;
}

.paixu a.up i.fa-sort-up {
    display: inline-block;
    color: #e94c3d;
}

.paixu a.down i.fa-sort-down {
    display: inline-block;
    color: #e94c3d;
}

.searchDiv .ss {
    float: left;
}

.searchDiv .ss {
    width: 790px;
    height: auto;
    overflow: hidden;
}

.searchDiv .ss input {
    width: 300px;
    height: 30px;
    border: 1px solid #e94c3d;
    text-indent: 20px;
    float: left;
    box-sizing: border-box;
}

.searchDiv .ss button {
    width: 100px;
    height: 30px;
    background: #e94c3d;
    color: #fff;
    float: left;
    border: 0;
}

/*list*/
.listBox {
    width: 1294px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    left: 12px;
}

.listBox .caseItem {
    margin-right: 23.3px;
    margin-bottom: 23.3px;
    width: 300px;
    height: 292px;
    float: left;
    overflow: hidden;
}

.listBox .caseItem a.pic {
    width: 300px;
    height: 220px;
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    background: #000;
}

.listBox .caseItem a.pic img {
    width: 300px;
    height: 220px;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    /* Firefox */
    -webkit-transition: all 0.8s;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    /* Opera */
}

.listBox .caseItem a.pic:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
    opacity: 0.7;
}

.listBox .caseItem .titcon {
    width: 278px;
    height: 50px;
    float: left;
    padding: 10px;
    color: #000;
    border: 1px solid #eee;
}

.listBox .caseItem .titcon h3 {
    line-height: 26px;
    font-size: 16px;
    height:26px;
    overflow:hidden;
}

.listBox .caseItem .titcon h4 {
    line-height: 24px;
    font-size: 12px;
}

.listBox .caseItem .titcon h4 span {
    display: inline-block;
    width: 28%;
    float:left;
}

.listBox .caseItem .titcon h4 span:first-child {
    width: 40%;
}

.listBox .caseItem .titcon h4 span i {
    font-style: normal;
    color: #666;
}

/* vr */
.listBox .caseItem.vr {
    margin-right: 30px;
    margin-bottom: 30px;
    width: 400px;
    height: 572px;
    float: left;
    overflow: hidden;
}

.listBox .caseItem.vr a.pic {
    width: 400px;
    height: 500px;
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    background: #000;
}

.listBox .caseItem.vr a.pic img {
    width: 400px;
    height: 500px;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    /* Firefox */
    -webkit-transition: all 0.8s;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    /* Opera */
}


.listBox .caseItem.vr .titcon {
    width: 378px;
    height: 50px;
    float: left;
    padding: 10px;
    color: #000;
    border: 1px solid #eee;
}

/* 设计师 */

.listBox .sjsItem {
    margin-right: 23.3px;
    margin-bottom: 23.3px;
    width: 300px;
    height: 526px;
    float: left;

}

.listBox .sjsItem a.pic {
    width: 300px;
    height: 430px;
    float: left;
    overflow: hidden;
    display: block;
    position: relative;
    background: #000;
}

.listBox .sjsItem a.pic img {
    width: 300px;
    height: 430px;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    /* Firefox */
    -webkit-transition: all 0.8s;
    /* Safari 和 Chrome */
    -o-transition: all 0.8s;
    /* Opera */
}

.listBox .sjsItem a.pic:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    -moz-transform: scale(1.2);
    /* Firefox */
    -webkit-transform: scale(1.2);
    /* Safari 和 Chrome */
    -o-transform: scale(1.2);
    opacity: 0.7;
}

.listBox .sjsItem .titcon {
    width: 278px;
    height: 74px;
    float: left;
    padding: 10px;
    color: #000;
    border: 1px solid #eee;
}

.listBox .sjsItem .titcon h3 {
    line-height: 26px;
    font-size: 16px;
    font-weight:bold;
}

.listBox .sjsItem .titcon h4 {
    line-height: 24px;
    font-size: 14px;
}

.listBox .sjsItem .titcon h4 span {
    display: inline-block;
    padding-right: 20px;
}


.listBox .sjsItem .titcon h4 span i {
    font-style: normal;
    color: #666;
}

/*分页*/
.pages {
    width: 100%;
    height: auto;
    padding: 20px 0;
    margin: 20px 0;
    text-align: center;
}

.pages a,
.pages a:link {
    margin: 0 2px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    color: #666;
    background: #fff;
    border: 1px solid #eee;
}

.pages a:hover {
    color: #333;
    background: #f1f1f1;
}

.pages a.focus {
    background: #e94c3d;
    color: #fff;
}

.pages a.a1 {
    width: auto;
    padding: 0 10px;
}

.pages span {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    display: inline-block;
    background: #e94c3d;
    border: 1px solid #e94c3d;
    color: #fff;
}

/* .case内容 */
.conBox {
    width: 1290px;
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    left: 10px;
}

.cLeft {
    width: 880px;
    float: left;
    padding-top: 20px;
    min-height:900px;
}


.cTitle {
    font-size: 26px;
    text-align: center;
    line-height: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.cTitle2 {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding-top: 20px;
}

.cTitle2 span {
    padding: 0 15px;
    color: #444;
}

.cTitle2 span b {
    font-weight: normal;
    color: #999;
}

.cDes {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 20px;
}

.cDes .desItem {
    width: 25%;
    height: 60px;
    padding: 20px 0;
    text-align: center;
    float: left;
}

.cDes .desItem h1 {
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    color: #444;
}

.cDes .desItem p {
    height: 20px;
    line-height: 20px;
    color: #999;
}

.cDes .jdt {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

.cLinian {
    background: #eee;
    width: 100%;
    padding: 20px;
    height: auto;
    min-height: 180px;
    box-sizing: border-box;
}

.cLinian img {
    float: left;
    width: 240px;
    height: 140px;
    margin-right: 20px;
}

.cLinian h1 {
    font-size: 18px;
    color: #444;
    font-weight: bold;
    line-height: 30px;
}

.cLinian p {
    font-size: 12px;
    color: #999;
    line-height: 24px;
}

.cRight {
    width: 360px;
    float: right;
    padding: 20px 20px 0 20px;
}

.cRight .sjsInfo {
    width: 360px;
    float: left;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.cRight .sjsInfo:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cRight .sjsInfo h1 {
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    padding-top: 15px;
}

.sjsInfoBox {
    padding: 15px;
    height: auto;
    overflow: hidden;
}

.sjsInfoBox .imgBox {
    width: 140px;
    float: left;
}

.sjsInfoBox .imgBox img {
    width: 120px;
}

.sjsInfoBox .sjscz {
    float: left;
    width: 180px;
    color: #444;
}

.sjsInfoBox .sjscz span {
    color: #999;
}

.sjsInfoBox h2 {
    font-size: 12px;
    line-height: 22px;
}

.sjsInfoBox h3 {
    margin-top: 15px;
}

.sjsInfoBox h3 a {
    height: 32px;
    width: 130px;
    line-height: 32px;
    color: #fff;
    background: #e94c3d;
    text-align: center;
    display: inline-block;
}



.bjRight {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    width: 360px;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding: 15px 15px 25px 15px;
}

.bjRight:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bjRight h1 {
    font-size: 24px;
    text-align: center;
    position: relative;
    padding: 15px 0;
}

.bjRight h1::after {
    display: inline-block;
    content: '';
    height: 3px;
    width: 46px;
    background: #e94c3d;
    position: absolute;
    top: 50px;
    left: 168px;

}

.bjRight .form {
    padding-top: 20px;
    text-align: center;
}

.bjRight .form input {
    height: 30px;
    width: 300px;
    border: 1px solid #ccc;
    text-indent: 10px;
}

.bjRight .form button {
    color: #fff;
    border: 0;
    font-size: 16px;
    width: 180px;
    height: 34px;
    line-height: 30px;
    background: #e94c3d;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.newDan {
    width: 360px;
    float: left;
    margin-top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.newDan:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.newDan img {
    width: 360px;
    vertical-align: middle;
}



.longBt {
    width: 1270px;
    height: 20px;
    line-height: 40px;
    margin: 0 auto;
    line-height: 20px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.longBt a,
.longBt a:link {
    float: right;
    font-size: 16px;
    color: #333;
}

.longBt a:hover {
    color: #e94c3d;
}

.longBt h1 {
    font-size: 20px;
    border-left: 5px solid #e94c3d;
    text-indent: 10px;
    height: 20px;
    line-height: 20px;
    float: left;
}

.shortBt {
    width: 100%;
    height: 20px;
    line-height: 40px;
    margin: 0 auto;
    line-height: 20px;
    padding: 20px 0;
}

.shortBt a,
.shortBt a:link {
    float: right;
    font-size: 16px;
    color: #333;
}

.shortBt a:hover {
    color: #e94c3d;
}

.shortBt h1 {
    font-size: 20px;
    border-left: 5px solid #e94c3d;
    text-indent: 10px;
    height: 20px;
    line-height: 20px;
    float: left;
}

/*滚动固定*/
.tabs {
    margin-top: 20px;
    width: 880px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tabCon.mt {
    padding-top: 30px;
}

.rightFixed {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 255px;
}

.botFixed {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 245px;
}

.leftFixed {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -635px;
    z-index: 999;
}

.leftFixed::before {
    position: absolute;
    top: -21px;
    height: 20px;
    width: 880px;
    background: #fff;
    content: '';
    display: inline-block;
    left: -1px;
}

.botFixed2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -635px;
}

.sjssBox {
    width: 100%;
    box-sizing: border-box;
    background: #f9f9f9;
    overflow: hidden;
}

.sjssBox .sjsPicBox {
    width: 300px;
    height: 430px;
    float: left;
}

.sjssBox .sjsPicBox img {
    width: 300px;
    height: 430px;
}

.sjssBox .sjsInf {
    width: 540px;
    float: right;
    padding-right: 20px;
}

.sjssBox .sjsInf h1 {
    font-size: 16px;
    color: #999;
    line-height: 40px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.sjssBox .sjsInf h1 span {
    font-size: 22px;
    color: #333;
}

.sjssBox .sjsInf p {
    padding: 5px 0;
    line-height: 18px;
    font-size: 14px;
    color: #777;
}

.sjssBox .sjsInf a {
    margin-top: 20px;
    height: 32px;
    width: 130px;
    line-height: 32px;
    color: #fff;
    background: #e94c3d;
    text-align: center;
    display: inline-block;
}

/* 设计师相关案例 */
.aboutCase {
    width: 100%;
    overflow: hidden;
}

.aboutCase .aboutItem {
    float: left;
    width: 880px;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.aboutCase .aboutItem .aipic {
    width: 300px;
    height: 220px;
    float: left;
}

.aboutCase .aboutItem .aipic img {
    width: 300px;
    height: 220px;
    border-radius: 5px;
}

.aboutCase .aboutItem .aides {
    width: 560px;
    float: right;
}

.aboutCase .aboutItem .aides h1 {
    height: 40px;
    padding-top: 5px;
    line-height: 40px;
    font-size: 18px;
}

.aboutCase .aboutItem .aides h2 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.aboutCase .aboutItem .aides .imgs {
    width: 570px;
}

.aboutCase .aboutItem .aides .imgs a {
    width: 180px;
    height: 135px;
    margin-right: 10px;
    float: left;
    display: block;
}

.aboutCase .aboutItem .aides .imgs a img {
    width: 180px;
    height: 135px;
}

/* 金牌工长 */
.listShu {
    width: 880px;
}

.listShu .gzItem {
    width: 880px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 20px;
    height: 255px;
    margin-bottom: 20px;
}

.listShu .gzItem:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.listShu .gzItem .gzLeft {
    float: left;
    width: 300px;
    height: 215px;
}

.listShu .gzItem .gzLeft .pic {
    width: 125px;
    float: left;
    height: 215px;
    margin-right: 20px;
}

.listShu .gzItem .gzLeft .pic img {
    float: left;
    height: 180px;
    width: 125px;
    margin-top: 10px;
}

.listShu .gzItem .gzLeft .titcon {
    width: 150px;
    float: left;
}

.listShu .gzItem .gzLeft .titcon h3 {
    font-size: 20px;
    line-height: 40px;
    padding-top: 10px;
}

.listShu .gzItem .gzLeft .titcon h4 {
    font-size: 14px;
    line-height: 30px;
    color: #777;
}


.listShu .gzItem .gzLeft .titcon a {
    font-size: 14px;
    background: #e94c3d;
    color: #fff;
    display: block;
    width: 100px;
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.listShu .gzItem .gzRight {
    float: right;
    width: 538px;
    height: 215px;
}

.listShu .gzItem .gzRight a {
    width: 250px;
    height: 215px;
    display: block;
    margin-left: 19px;
    float: left;
}

.listShu .gzItem .gzRight a img {
    width: 250px;
    height: 215px;
}

/* 在施工地 */
.listShu .gdItem {
    width: 880px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 20px;
    height: 265px;
    margin-bottom: 20px;
}

.listShu .gdItem:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.listShu .gdItem .gdLeft {
    float: left;
    width: 320px;
    height: 225px;
}

.listShu .gdItem .gdLeft .pic {
    width: 300px;
    height: 225px;
    display: block;
}

.listShu .gdItem .gdLeft .pic img {
    width: 300px;
    height: 225px;
}

.listShu .gdItem .gdLeft .titcon {
    width: 150px;
    float: left;
}

.listShu .gdItem .gdLeft .titcon h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 10px;
}

.listShu .gdItem .gdLeft .titcon h4 {
    font-size: 14px;
    line-height: 30px;
    color: #777;
}


.listShu .gdItem .gdLeft .titcon a {
    font-size: 14px;
    background: #e94c3d;
    color: #fff;
    display: block;
    width: 100px;
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.listShu .gdItem .gdRight {
    float: right;
    width: 518px;
    height: 225px;
}

.listShu .gdItem .gdRight h3 {
    font-size: 26px;
    line-height: 40px;
    padding: 15px 0;
}

.listShu .gdItem .gdRight h4 {
    font-size: 16px;
    line-height: 30px;
    color: #777;
    height: 30px;
}

.listShu .gdItem .gdRight h4 span {
    padding-right: 35px;
}

.listShu .gdItem .gdRight h4 span i {
    font-style: normal;
}

.listShu .gdItem .gdRight h5 {
    padding-top: 30px;
    margin-left: -7%;
}

.jdt span {
    width: 18%;
    display: inline-block;
    text-align: center;
    color: #999;
    position: relative;
}

.jdt span i {
    font-size: 20px;
    background: #fff;
    position: relative;
    z-index: 99;
}

.jdt span i.fa-circle {
    display: none;
}

.jdt span i.fa-check-circle-o {
    display: none;
}

.jdt span.done,
.jdt span.ing {
    color: #e94c3d;
}

.jdt span.done i.fa-circle {
    display: none;
}

.jdt span.done i.fa-circle-o {
    display: none;
}

.jdt span.done i.fa-check-circle-o {
    display: inline-block;
}

.jdt span.ing i.fa-circle {
    display: inline-block;
}

.jdt span.ing i.fa-circle-o {
    display: none;
}

.jdt span.ing i.fa-check-circle-o {
    display: none;
}


.jdt span::before {
    display: inline-block;
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 10px;
    right: 50%;
    z-index: 9;
}

.jdt span::before {
    background: #999;
}

.jdt span.done::before,
.jdt span.ing::before {
    background: #e94c3d;
}

.jdt span:first-child::before {
    display: none;
}

/* 热装楼盘 */

.sjssBox .hotPicBox {
    width: 450px;
    height: 337.5px;
    float: left;
    border-radius: 0 5px 5px 0;
}

.sjssBox .hotPicBox img {
    width: 450px;
    height: 337.5px;
    border-radius: 5px 0 0 5px;
}

.sjssBox .hotInf {
    width: 380px;
    float: right;
    padding-right: 20px;
}

.sjssBox .hotInf h1 {
    font-size: 16px;
    color: #999;
    line-height: 40px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.sjssBox .hotInf h1 span {
    font-size: 22px;
    color: #333;
}

.sjssBox .hotInf p {
    padding: 5px 0;
    line-height: 18px;
    font-size: 14px;
    color: #777;
}

.sjssBox .hotInf a {
    margin-top: 20px;
    height: 32px;
    width: 130px;
    line-height: 32px;
    color: #fff;
    background: #e94c3d;
    text-align: center;
    display: inline-block;
}

/* 工长show */

.sjssBox .gzPicBox {
    width: 200px;
    height: 270px;
    float: left;
}

.sjssBox .gzPicBox img {
    width: 200px;
    height: 270px;
}

.sjssBox .gzInf {
    width: 640px;
    float: right;
    padding-right: 20px;
}

.sjssBox .gzInf h1 {
    font-size: 16px;
    color: #999;
    line-height: 40px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.sjssBox .gzInf h1 span {
    font-size: 22px;
    color: #333;
}

.sjssBox .gzInf p {
    padding: 5px 0;
    line-height: 18px;
    font-size: 14px;
    color: #777;
}

.sjssBox .gzInf a {
    margin-top: 20px;
    height: 32px;
    width: 130px;
    line-height: 32px;
    color: #fff;
    background: #e94c3d;
    text-align: center;
    display: inline-block;
}

/* 家装知识 */
.erNavs {
    width: 880px;
    border: 1px solid #eee;
    box-sizing: border-box;
    height: 50px;
    margin-bottom: 20px;
    padding-top: 10px;
    background: #fff;
}

.erNavs a {
    display: block;
    height: 38px;
    width: 120px;
    font-size: 18px;
    float: left;
    line-height: 38px;
    text-align: center;
    margin-top: -1px;
}

.erNavs a.focus {
    border-bottom: 2px solid #e94c3d;
    color: #e94c3d;
}

.listShu .newsItem {
    width: 880px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 15px;
    height: 205px;
    margin-bottom: 20px;
}

.listShu .newsItem:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.listShu .newsItem .newsLeft {
    float: left;
    width: 220px;
    height: 175px;
}

.listShu .newsItem .newsLeft .pic {
    width: 220px;
    height: 175px;
    display: block;
}

.listShu .newsItem .newsLeft .pic img {
    width: 220px;
    height: 175px;
}

.listShu .newsItem .newsLeft .titcon {
    width: 150px;
    float: left;
}

.listShu .newsItem .newsLeft .titcon h3 {
    font-size: 26px;
    line-height: 40px;
    padding-top: 10px;
}

.listShu .newsItem .newsLeft .titcon h4 {
    font-size: 14px;
    line-height: 30px;
    color: #777;
}


.listShu .newsItem .newsLeft .titcon a {
    font-size: 14px;
    background: #e94c3d;
    color: #fff;
    display: block;
    width: 100px;
    border-radius: 3px;
    margin-top: 10px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.listShu .newsItem .newsRight {
    float: right;
    width: 610px;
    height: 225px;
}

.listShu .newsItem .newsRight h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0;
}

.listShu .newsItem .newsRight p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    height: 40px;
    overflow:hidden;
}

.listShu .newsItem .newsRight p a {
    color: #777;
}

.listShu .newsItem .newsRight p a:hover {
    color: #e94c3d;
}

.listShu .newsItem .newsRight h4 {
    font-size: 14px;
    line-height: 30px;
    color: #777;
    height: 30px;
}

.listShu .newsItem .newsRight h4 span {
    padding-right: 35px;
}

.listShu .newsItem .newsRight h4 span i {
    font-style: normal;
}

/* 普通文章 */
.lrCon {
    width: 1290px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.leftCon {
    width: 240px;
    float: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
}

.leftCon h1 {
    width: 240px;
    float: left;
    background: #e94c3d;
    color: #fff;
    text-align: center;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}

.leftCon a {
    width: 240px;
    float: left;
    height: 55px;
    border-bottom: 1px solid #eee;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
}

.leftCon a.focus {
    color: #e94c3d;
    font-weight: bold;
}

.rightCon {
    width: 1000px;
    float: right;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
    margin-top: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.rightCon h1 {
    text-align: center;
    font-size: 20px;
    line-height: 50px;
}

.conconcon {
    margin-top: 20px;
}

.conconcon img {
    max-width: 960px;
}

.listlist {
    width: 960px;
    margin-bottom: 30px;
    overflow: hidden;
}

.listlist .listlistItem {
    width: 300px;
    height: 260px;
    float: left;
    margin: 10px;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.listlist .listlistItem:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.listlist .listlistItem a.pic {
    display: block;
    width: 100%;
    height: 200px;
}

.listlist .listlistItem a.pic img {
    width: 100%;
    height: 200px;
}

.listlist .listlistItem h1 {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    text-align: left;
    text-indent: 10px;
    overflow:hidden;
}

.listlist .listlistItem h2 {
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    color: #777;
    text-indent: 10px;
}

/* 图库 */
.tkBox {
    width: 1290px;
    height: auto;
    margin: 0 auto;
    padding-top: 10px;
    overflow: hidden;
}

.tkBoxLeft {
    width: 800px;
    float: left;
    margin-left: 10px;
}

.tkPicBox {
    width: 800px;
    float: left;
    padding-left:50px;
    height:530px;
    position: relative;
}

.tkPicBox img {
    width: 800px;
    height: 530px;
    text-align:center;
}

.tkPicBox a {
    width: 460px;
    height: 675px;
    position: absolute;
}

.tkPicBox a.prevTk {
    left: 0;
    top: 0;
    cursor: url('../images/left.cur'), pointer;
}

.tkPicBox a.nextTk {
    right: 0;
    top: 0;
    cursor: url('../images/right.cur'), pointer;
}

.tkSjsInfo {
    float: left;
    margin-top: 30px;
}

.tkSjsPic {
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 3px solid #ccc;
    border-radius: 50%;
}

.tkSjsPic img {
    width: 150px;
    height: auto;
    margin-top: -20px;
}

.tkSjsDes {
    width: 570px;
    height: 160px;
    float: left;
    padding-left: 30px;
}

.tkSjsDes h1 {
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    font-size: 26px;
}

.tkSjsDes h2 {
    font-size: 16px;
    margin-top: 5px;
    color: #777;
    height: 30px;
    line-height: 30px;
}

.tkSjsInfo .showCase {
    background: #e94c3d;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    width: 160px;
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 60px;
    border-radius: 5px;
}

.tkBoxRight {
    width: 323px;
    float: right;
    margin-right: 10px;
}

.tkBoxRight .cateBox {
    width: 283px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 20px;
}

.tkBoxRight .cateBox:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.tkBoxRight .cateBox h1 {
    font-size: 20px;
    line-height: 40px;
    color: #000;
}

.tkBoxRight .cateBox p {
    font-size: 14px;
    line-height: 30px;
}

.tkBoxRight .cateBox p a:link {
    white-space: nowrap;
    margin-right: 10px;
    color: #444;

}

.tkBoxRight .cateBox p a:hover {
    color: #e94c3d;
}

/* 底部文章推荐 */
.tjnews {
    left: 0;
    padding-bottom: 30px;
    width: 1270px;
}

.newsTjItem {
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
}

.newsTjItem span {
    float: right;
}

.newsTjItem i {
    font-style: normal;
    color: #e94c3d;
    margin-right: 10px;
}

.newsTjItem:nth-child(2n+1) {
    padding-right: 80px;
}

.newsTjItem:nth-child(2n) {
    padding-left: 80px;
}

.by h1::after {
    display: none;
}

.by h1 span {
    color: #e94c3d;
}

.by h2 {
    font-size: 18px;
    color: #666;
    text-align: center;
}

.yylist {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    width: 360px;
    height: auto;
    float: left;
    box-sizing: border-box;
    padding: 15px 15px 25px 15px;
    margin-top: 20px;
}

.yylist:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.yylist h1 {
    font-size: 24px;
    text-align: center;
    position: relative;
    padding: 15px 0;
}

.yylist h2 {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-bottom: 20px;
}

.yylist h2 span {
    border-bottom: 1px solid #e94c3d;
    color: #e94c3d;
}

.yylist .list {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.yylist .list span {
    float: right;
}

.zzc {
    width: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.bjTc {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: auto;
    border-radius: 10px;
    margin-left: -210px;
    margin-top: -230px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    z-index: 99999;
    display: none;
}

.bjTc .bjTcinner {
    background: #fff;
    text-align: center;
}

.bjTc .bjTcinner .bt {
    position: absolute;
    background: #e94c3d;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    padding: 10px;
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.bjTc .bjTcinner h1 {
    padding-top: 50px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}

.bjTc .bjTcinner input {
    border: 1px solid #ccc;
    width: 300px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-indent: 10px;
}

.bjTc .bjTcinner button {
    border: 1px solid #ccc;
    width: 170px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-align: center;
    background: #e94c3d;
    color: #fff;
    border-radius: 5px;
    border: 0;
    margin-bottom: 20px;
}

.bjTc .bjTcinner .closeBj {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.bjTcSjs {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: auto;
    border-radius: 10px;
    margin-left: -210px;
    margin-top: -230px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    z-index: 99999;
    display: none;
}

.bjTcSjs .bjTcinner {
    background: #fff;
    text-align: center;
}

.bjTcSjs .bjTcinner .bt {
    position: absolute;
    background: #e94c3d;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    padding: 10px;
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.bjTcSjs .bjTcinner h1 {
    padding-top: 30px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}

.bjTcSjs .bjTcinner input {
    border: 1px solid #ccc;
    width: 300px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-indent: 10px;
}

.bjTcSjs .bjTcinner button {
    border: 1px solid #ccc;
    width: 170px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-align: center;
    background: #e94c3d;
    color: #fff;
    border-radius: 5px;
    border: 0;
    margin-bottom: 20px;
}

.bjTcSjs .bjTcinner .closeSjs {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.cCon{padding:30px 20px;line-height:26px!important;}
.cCon *{max-width:100%!important;}
.cCon p{margin:10px 0;}
.cCon img{max-width:100%!important;margin:10px 0!important;}
.listNewsTj{padding:0;height:24px;overflow:hidden;margin:7px 0;}
.listNewsTj i{color:#e94c3d;font-style:normal;padding-right:10px;}

/* 故事 */

.listShu .newsItem.story {
    width: 880px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 15px;
    height: 350px;
    margin-bottom: 20px;
}

.listShu .newsItem.story:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.listShu .newsItem.story .newsLeft {
    float: left;
    width: 435px;
    height: 320px;
}

.listShu .newsItem.story .newsLeft .pic {
    width: 435px;
    height: 320px;
    display: block;
}

.listShu .newsItem.story .newsLeft .pic img {
    width: 435px;
    height: 320px;
}
.listShu .newsItem.story .newsRight {
    width: 390px;
}

.listShu .newsItem.story .newsRight p{
    height:200px;
}


.dbbj{background:rgba(0,0,0,0.8);position:fixed;bottom:0;left:0;right:0;height:120px;z-index:99999;}
.dbbj .dbbjbox{width:1000px;margin:0 auto;position:relative;}
.dbbj .dbbjbox img{float:left;}
.dbbj form{width:710px;float:right;}
.dbbj form .inps{width:550px;float:left;}
.dbbj form .inps input{width:260px;float:left;height:30px;border:0;line-height:30px;margin:20px 10px 0 0;text-indent:15px;}
.dbbj form button{width:150px;float:right;background:#e94c3d;color:#fff;font-size:18px;border:0;height:80px;line-height:80px;margin-top:20px;border-radius:6px;}
.dbbj .close{position:absolute;right:-55px;top:10px;width:20px;height:20px;cursor:pointer;line-height:20px;color:#333;background:#fff;border-radius:4px;text-align:center;}

/* 墅装瞬间 二级页分类*/
.momentBg{
    background-color:#fff;
}
.moment {
    width: 1290px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    overflow: hidden;
}
.moment a {
    width: 190px;
    height: auto;
    display: block;
    margin: 0 12px;
    float: left;
    text-decoration: none;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    border-radius:5%;
}
.moment .active h2{
    border-radius:5%;
    font-size:21px;
    font-weight:600;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.moment .category {
    width: 190px;
    height:106px;
    display:block;
    position:relative;
}
.moment .category img {
    width: 190px;
    height:auto;
}
.moment a h2 {
    width: 190px;
    height:106px;
    font-size: 18px;
    letter-spacing:0.1em;
    color: #fff;
    line-height: 106px;
    position:absolute;
    top:0;
}
.moment a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin-top: -10px;
}


/* footer */
.footerBg {
    background: #333;
}

.footer {
    width: 100%;
    /* border-top: 1px solid #6d6d6d; */
    padding: 30px 0 50px 0;
    margin: 0 auto;
}

.foot {
    width: 1270px;
    margin: 0 auto;
    overflow: hidden;
}

.foot .maps {
    float: left;
    width: 164px;
    padding-top:15px;
}

.foot .maps li {
    line-height: 30px;
    text-align:center;
}

.foot .maps li h1 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 20px;
}
.foot .maps li a,
.foot .maps li a:link {

    font-size: 14px;
    color: #666;
}

.foot .maps li a:hover {
    color: #fff;
}

.foot .wxwb {
    padding-top: 30px;
    float: right;
    width: 150px;
    height: 160px;
    text-align: center;
}

.foot .wxwb p {
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.foot-about{
    width:350px;
    height:auto;
    float:left;
    /*padding:0 50px;*/
}
.foot-about .foot-about-left{
    float:left;
    width:;
    margin-right:20px;

}
.foot-about .foot-about-right{
    float:left;
    color:#fff;
}
.foot-about .foot-about-right h4{
    font-size:18px;
}
.foot-span{
    width:100%;
    padding:10px 0;
}
.about-24{
    font-size:30px;
    font-weight:bold;
    margin-right:5px;
}
.foot-about .foot-about-right h5{
    font-size:16px;
    padding-top:5px;
}

.foot-about li{
    float:left;
    padding:10px 10px 0 0;
    position: relative;
}
.foot-about li img{
    display:inline-block;
}
.foot-about li div{
    position: absolute;
    top: -78px;
    left: 0;
    width: 85px;
    display: none;
}
.foot-about li:hover div{
    display: block;
}

/*  -- flex弹性布局 -- */

.flex {
    display: flex;
}

.basis-xs {
    flex-basis: 20%;
}

.basis-sm {
    flex-basis: 40%;
}

.basis-df {
    flex-basis: 50%;
}

.basis-lg {
    flex-basis: 60%;
}

.basis-xl {
    flex-basis: 80%;
}

.flex-sub {
    flex: 1;
}

.flex-twice {
    flex: 2;
}

.flex-treble {
    flex: 3;
}

.flex-direction {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-center {
    align-self: flex-center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.margin-0 {
    margin: 0;
}

.margin-xs {
    margin: 10px;
}

.margin-sm {
    margin: 20px;
}

.margin {
    margin: 30px;
}

.margin-lg {
    margin: 40px;
}

.margin-xl {
    margin: 50px;
}

.margin-top-xs {
    margin-top: 10px;
}

.margin-top-sm {
    margin-top: 20px;
}

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

.margin-top-lg {
    margin-top: 40px;
}

.margin-top-xl {
    margin-top: 50px;
}

.margin-right-xsm {
    margin-right: 5px;
}

.margin-right-xs {
    margin-right: 10px;
}

.margin-right-sm {
    margin-right: 20px;
}

.margin-right {
    margin-right: 30px;
}

.margin-right-lg {
    margin-right: 40px;
}

.margin-right-xl {
    margin-right: 50px;
}

.margin-bottom-xs {
    margin-bottom: 10px;
}

.margin-bottom-xsm {
    margin-bottom: 15px;
}

.margin-bottom-sm {
    margin-bottom: 20px;
}

.margin-bottom {
    margin-bottom: 30px;
}

.margin-bottom-lg {
    margin-bottom: 40px;
}

.margin-bottom-xl {
    margin-bottom: 50px;
}

.margin-left-xs {
    margin-left: 10px;
}

.margin-left-sm {
    margin-left: 20px;
}

.margin-left {
    margin-left: 30px;
}

.margin-left-lg {
    margin-left: 40px;
}

.margin-left-xl {
    margin-left: 50px;
}

.margin-lr-xs {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-lr-sm {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-lr {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-lr-lg {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-lr-xl {
    margin-left: 50px;
    margin-right: 50px;
}

.margin-tb-xs {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-tb-sm {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-tb {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-tb-lg {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-tb-xl {
    margin-top: 50px;
    margin-bottom: 50px;
}

.padding-0 {
    padding: 0;
}

.padding-xs {
    padding: 10px;
}

.padding-sm {
    padding: 20px;
}

.padding {
    padding: 30px;
}

.padding-lg {
    padding: 40px;
}

.padding-xl {
    padding: 50px;
}

.padding-top-xs {
    padding-top: 10px;
}

.padding-top-sm {
    padding-top: 20px;
}

.padding-top-0 {
    padding-top: 0;
}

.padding-top {
    padding-top: 30px;
}

.padding-top-lg {
    padding-top: 40px;
}

.padding-top-xl {
    padding-top: 50px;
}

.padding-right-xs {
    padding-right: 10px;
}

.padding-right-sm {
    padding-right: 20px;
}

.padding-right {
    padding-right: 30px;
}

.padding-right-lg {
    padding-right: 40px;
}

.padding-right-xl {
    padding-right: 50px;
}

.padding-bottom-xs {
    padding-bottom: 10px;
}

.padding-bottom-sm {
    padding-bottom: 20px;
}

.padding-bottom {
    padding-bottom: 30px;
}

.padding-bottom-lg {
    padding-bottom: 40px;
}

.padding-bottom-xl {
    padding-bottom: 50px;
}

.padding-left-xs {
    padding-left: 10px;
}

.padding-left-sm {
    padding-left: 20px;
}

.padding-left {
    padding-left: 30px;
}

.padding-left-lg {
    padding-left: 40px;
}

.padding-left-xl {
    padding-left: 50px;
}

.padding-lr-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-lr-sm {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-lr {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-lr-lg {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-lr-xl {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-tb-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-tb-sm {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-tb {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-tb-lg {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-tb-xl {
    padding-top: 50px;
    padding-bottom: 50px;
}

.font-size-xs{
    font-size: 12px;
}
.font-size-sm{
    font-size: 14px;
}
.font-size{
    font-size: 16px;
}
.font-size-lg{
    font-size: 18px;
}
.font-size-xs{
    font-size: 20px;
}



.footer {
    height: 297px;
    padding: 50px 0;
    background-color: #333333;
}

.footer-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1400px;
    margin: 0 auto;
}

.footer-left {
    width: 400px;
}

.left-gzh {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.left-gzh img {
    display: block;
    width: 142px;
    height: 142px;
    margin-right: 15px;
}

.left-gzh div {
    flex: 1;
}

.left-gzh div p {
    font-family: FZCCHJW--GB1-0;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}

.left-gzh div h2 {
    font-family: FZDHTFW--GB1-0;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 1px;
    color: #ffffff;
}

.left-dy {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.left-dy a {
    display: block;
    margin-right: 15px;
}

.left-dy a img {
    display: block;
    width: 138px;
    height: 30px;
}

.footer-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1000px;
}

.footer-right div {
    width: 250px;
    margin: 0 25px;
}

.footer-right h3 {
    font-family: HYe3gj;
    font-size: 26px;
    line-height: 36px;
    color: #ffffff;
    margin-bottom: 10px;
    text-align: center;
}

.footer-right div h3 a {
    font-size: 26px;
    line-height: 36px;
    color: #ffffff;
}

.footer-right div a {
    display: block;
    font-family: Hye1gj;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #878789;
    text-align: center;
}

.douyin {
    position: relative;
}

.douyin div {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;

}

.douyin div img {
    width: 300px;
    height: auto;
}

.douyin:hover div {
    display: block;
}



.cityNav:hover .cityList{
    display: block!important;
    height: 220px!important;
    font-size: 16px;
    background: #fff;
    position: absolute;
    left: 22px;
    top: 22px;
    width: 80px;
    border: solid 1px #edecec;
    line-height: 35px;
    padding: 15px;
    z-index: 9999;
}




.zzc {
    width: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.bjTc {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: auto;
    border-radius: 10px;
    margin-left: -210px;
    margin-top: -230px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    z-index: 99999;
    display: none;
}

.bjTc .bjTcinner {
    background: #fff;
    text-align: center;
}

.bjTc .bjTcinner .bt {
    position: absolute;
    background: #e94c3d;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    padding: 10px;
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.bjTc .bjTcinner h1 {
    padding-top: 50px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}

.bjTc .bjTcinner input {
    border: 1px solid #ccc;
    width: 300px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-indent: 10px;
}

.bjTc .bjTcinner button {
    border: 1px solid #ccc;
    width: 170px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-align: center;
    background: #e94c3d;
    color: #fff;
    border-radius: 5px;
    border: 0;
    margin-bottom: 20px;
}

.bjTc .bjTcinner .closeBj {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.bjTcSjs {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: auto;
    border-radius: 10px;
    margin-left: -210px;
    margin-top: -230px;
    border: 10px solid rgba(255, 255, 255, 0.5);
    z-index: 99999;
    display: none;
}

.bjTcSjs .bjTcinner {
    background: #fff;
    text-align: center;
}

.bjTcSjs .bjTcinner .bt {
    position: absolute;
    background: #e94c3d;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    padding: 10px;
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.bjTcSjs .bjTcinner h1 {
    padding-top: 30px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}

.bjTcSjs .bjTcinner input {
    border: 1px solid #ccc;
    width: 300px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-indent: 10px;
}

.bjTcSjs .bjTcinner button {
    border: 1px solid #ccc;
    width: 170px;
    line-height: 36px;
    height: 36px;
    margin-top: 15px;
    text-align: center;
    background: #e94c3d;
    color: #fff;
    border-radius: 5px;
    border: 0;
    margin-bottom: 20px;
}

.bjTcSjs .bjTcinner .closeSjs {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.cCon{padding:30px 20px;line-height:26px!important;}
.cCon *{max-width:100%!important;}
.cCon p{margin:10px 0;}
.cCon img{max-width:100%!important;margin:10px 0!important;}
.listNewsTj{padding:0;height:24px;overflow:hidden;margin:7px 0;}
.listNewsTj i{color:#e94c3d;font-style:normal;padding-right:10px;}