*{margin: 0;padding: 0 ;}
a{
    text-decoration: none;
    cursor: pointer;
	color: #999;
}
/* 头部样式 */
.box_top{
    width:100%;
    /*height: 600px;*/
    /*max-width: 1920px;*/
    min-width: 1200px;
    margin: 0 auto;
}
.top_background{
    background-color: transparent;
}
/*右边小火箭和APP*/
.appBack{
    width:76px;
    height:151px;
    border: 1px solid #999999;
    background: #FFF;
    font-size: 13px;
    color: #333333;
    position: fixed;
    right:0;
    top:0;
    bottom: 0;
    margin:auto 0;
    display: none;
}
.app{
    width:76px;
    height:63px;
    border-bottom: 2px solid #999;
    text-align: center;
    padding-top: 17px;
}
.app>img{
    width: 18px;
    height:30px;
    margin: 0 auto;
}
.app>img:nth-child(2){
    display: none;
}
.back{
    width:76px;
    height:51px;
    text-align: center;
    padding-top: 18px;
}
.back>img{
    width: 14px;
    height:14px;
    margin: 0 auto;
}
.back>img:nth-child(2){
    display: none;
}
.download{
    width: 160px;
    height:180px;
    position:fixed;
    right: 76px;
    top:0;
    bottom: 0;
    margin:auto 0;
    display: none;
}
.contain-slide {
    position: relative;
}
/* banner处报名入� start */
.signup2-box span {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 27px;
    display: block;
}
.signup2-ok {
    background: #333;
    border-radius: 3px;
    border: none;
    outline: none;
    width: 100px;
    height: 35px;
    margin: 22px 0 0 0;
    font-size: 15px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 15px;
    cursor: pointer;
}
.signup2-close, .signup3-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url("../images/exit.png") center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.signup2 {
    background: rgba(0,0,0,0.50);
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 100;
}

.signup2-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 580px;
    height: 343px;
    background: #fff;
    z-index: 99;
    border-radius: 5px;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.15);
}

.signup2-image {
    width: 260px;
    height: 250px;
    position: absolute;
    top:52px;
    left: 0;
}

.signup2-box {
    position: absolute;
    top: 57px;
    left: 280px;
}

.signup2-input {
    width: 226px;
    height: 36px;
    border: 1px solid #979797;
    border-radius: 2px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 25px;
}
.signup2-error-msg {
    margin-top: 10px;
    font-size: 14px;
    color: red;
}
.signup3 {
    background: rgba(0,0,0,0.60);
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 100;
}
.signup3-content {
    box-shadow: 0 2px 17px 0 rgba(0,0,0,0.33);
    width: 300px;
    padding-right: 99px;
    height: 288px;
    background: #fff url("../images/signup3.png") center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    border: none;
}
.signup3 span {
    display: block;
    letter-spacing: 0;
}
.signup3-tip1 {
    font-size: 24px;
    color: #333;
    margin: 83px 0 36px;
    line-height: 24px;
}
.signup3-tip2 {
    font-size: 12px;
    color: #999;
}
.signup3-tip3 {
    font-size: 12px;
    color: #151515;
    line-height: 14px;
}
.signup3-tip4 {
    margin: 13px 0 0;
}
.signup-button {
    position: fixed;
    bottom: 140px;
    right: -20px;
    width: 132px;
    height: 89px;
    background: url("../images/registration_logo.gif") center no-repeat;
    background-size: contain;
    z-index: 99;
    cursor: pointer;
}
@media screen and (min-width: 1600px) {
    .signup-button{
        right: 0;
    }
}
@media screen and (min-width: 1920px) {
    .signup-button{
        right: 0.4%;
    }
}
/* banner处报名入� end */
.banner-pagination, .case-pagination, .case-style-pagination {
    display: none;
}
.to_blank, .to_blank:hover, .to_blank:visited {
    text-decoration: none;
    color: #2687FB;
    font-family: PingFangSC-Light;
}
.slide-thumbs {
    font-size: 0;
    letter-spacing: -6px;
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
}

.thumbname {
    width: 198px;
    height: 72px;
    background: #FAFAFA;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    line-height: 72px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 2px;
}
.thumbname:last-child {
    margin-right: 0;
}
.thumbname:hover, .change_tab {
    background: #333;
    color: #fff;
}
/* 设计作品 start */
.case-detail {
    width: 1200px;
    margin: 70px auto 60px;
    overflow: hidden;
    background: #fff;
}
.floor-title {
    text-align: center;
    font-size: 45px;
    color: #333;
    letter-spacing: 0;
    line-height: 45px;
	margin-top:20px;
    margin-bottom: 20px;
    font-family: PingFangSC-Light;
}
.floor-summary {
    font-size: 17px;
    color: #333;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center;
    font-family: PingFangSC-Light;
}
.floor-link {
    font-size: 17px;
    color: #2687FB;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 30px;
    text-align: center;
    font-family: PingFangSC-Light;
}
.floor-link > a{
    font-size: 17px;
    font-family: PingFangSC-Light;
}

.floor-link > a > span{
    width: 9px;
    height: 9px;
    margin-bottom: 1px;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    border-width: 0 1px 1px 0;
    border-color: #2687fb;
    border-style: solid;
}
.case-content {
    width: 1200px;
    letter-spacing: -6px;
    font-size: 0;
}
.case-left {
    width: 390px;
    height: 456px;
    display: inline-block;
    position: relative;
}
.case-swiper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 390px;
    height: 456px;
}
.case-bigger {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 390px;
    height: 456px;
}
.case-bigger img {
    width: 100%;
    height: 100%;
}
.case-style-swiper {
    width: 330px;
    padding: 0 30px;
    height: 64px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,.6);

}
.case-style-swiper .swiper-slide {
    opacity: 0.55;
    font-size: 18px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 64px;
    text-align: center;
}
.case-style-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.case-style-swiper .swiper-slide > span {
    display: inline-block;
    height: 64px;
    width: 100%;
    cursor: pointer;
}
.case-desc {
    position: absolute;
    padding-top: 186px;
    top: 0;
    left: 0;
    width: 100%;
    height: 397px;
    display: block;
    text-align: center;
    background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 72%);
    background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 72%);
    background-image: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 72%);
    background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 72%);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 72%);
    z-index: 2;
}
.case-desc span:first-child {
    font-size: 30px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 20px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 30px;
    margin-bottom: 20px;
    display: inline-block;
}
.case-desc span:last-child{
    font-family: DINCond-Regular;
    opacity: 0.8;
    font-size: 25px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
}
.case-examples {
    display: inline-block;
    font-size: 0;
    /*width: 810px;*/
    vertical-align: top;
    letter-spacing: -6px;
}
.case-examples > a > div {
    width: 280px;
    height: 220px;
    margin-left: 16px;
    margin-bottom: 16px;
    display: inline-block;
    font-size: 12px;
    background-size: cover !important;
    overflow: hidden;
}

.example-info {
    width: 390px;
    height: 64px;
    background-image: linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -o-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -ms-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -moz-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    font-size: 0;
    letter-spacing: -6px;
    margin-top: 220px;
}
.example-info .dicon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: inline-block;
    margin:12px 12px 12px 10px;
}
.example-info .dname{
    opacity: 0.98;
    font-size: 13px;
    color: #FFF;
    line-height: 64px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
}
.example-info .house-info{
    width: 200px;
    float: right;
    margin-right: 15px;
    text-align: center;;
    display: table;
    height: 64px;
}
.house-info .house-name {
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
}
/* 设计作品 end    设计� start */
.designer-detail {
    width: 100%;
    min-width: 1200px;
    padding: 70px 0 40px;
    margin: 0 auto;
    overflow: hidden;
    background: #F2F2F2;
}
.designer-content {
    width: 1200px;
    height: 546px;
    position: relative;
    margin: 0 auto;
}

.designer-content .dc-list{
    width: 1200px;
    height: 350px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}

.designer-content li{
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    opacity: 0;
    transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.designer-content img{
    width: 750px;
    height: 350px;
    border:none;
    float: left;
}
.designer-content .p1{
    transform:translate3d(-224px,0,0) scale(0.81);
    -o-transform:translate3d(-224px,0,0) scale(0.81);
    -ms-transform:translate3d(-224px,0,0) scale(0.81);
    -moz-transform:translate3d(-224px,0,0) scale(0.81);
    -webkit-transform:translate3d(-224px,0,0) scale(0.81);
}
.designer-content .p2{
    transform:translate3d(0px,0,0) scale(0.81);
    -o-transform:translate3d(0px,0,0) scale(0.81);
    -ms-transform:translate3d(0px,0,0) scale(0.81);
    -moz-transform:translate3d(0px,0,0) scale(0.81);
    -webkit-transform:translate3d(0px,0,0) scale(0.81);
    transform-origin:0 50%;
    opacity: 0.8;
    z-index: 2;
}
.designer-content .p3{
    transform:translate3d(224px,0,0) scale(1);
    -o-transform:translate3d(224px,0,0) scale(1);
    -ms-transform:translate3d(224px,0,0) scale(1);
    -moz-transform:translate3d(224px,0,0) scale(1);
    -webkit-transform:translate3d(224px,0,0) scale(1);
    z-index: 3;
    opacity: 1;
}
.designer-content .p4{
    transform:translate3d(449px,0,0) scale(0.81);
    -o-transform:translate3d(449px,0,0) scale(0.81);
    -ms-transform:translate3d(449px,0,0) scale(0.81);
    -moz-transform:translate3d(449px,0,0) scale(0.81);
    -webkit-transform:translate3d(449px,0,0) scale(0.81);
    transform-origin:100% 50%;
    opacity: 0.8;
    z-index: 2;
}
.designer-content .p5{
    transform:translate3d(672px,0,0) scale(0.81);
    -o-transform: translate3d(672px,0,0) scale(0.81);
    -ms-transform: translate3d(672px,0,0) scale(0.81);
    -moz-transform: translate3d(672px,0,0) scale(0.81);
    -webkit-transform: translate3d(672px,0,0) scale(0.81);
}
.designer-content .buttons{
    position: absolute;
    width: 1200px;
    height: 30px;
    bottom: 0;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    padding-top: 10px;
}
.designer-content .buttons a{
    display: inline-block;
    width: 30px;
    height: 5px;
    padding-top: 4px;
    cursor: pointer;
    margin-right: 12px;
}
.designer-content .buttons span{
    display: block;
    width: 30px;
    height: 1px;
    background: #B9B9B9;
}
.designer-content .btn-on{
    background: #333 !important;
}
.designer-infos {
    width: 100%;
    height: 240px;
    position: absolute;
    z-index: 4;
    top:262px;
}

.designer-info {
    height: 240px;
    width: 750px;
    margin: 0 auto;
    text-align: center;
    display: none;
}
.designer-info img {
    width: 130px;
    height: 130px;
    border-radius: 65px;
    border:none;
    background: rgba(183, 112, 53, 0.05);
    margin: 0 310px;
    float: none;
}
.designer-info .designer-name{
    font-size: 18px;
    display: block;
    margin-top: 20px;
}
.designer-info .designer-name .name{
    color: #333;
    font-size: 22px;
}
.designer-info .designer-line {
    width: 70px;
    border-top: 1px solid #e4e4e4;
    height: 1px;
    margin: 5px 15px;
    display: inline-block;
}
.designer-info .good-style{
    font-size: 0;
    letter-spacing: -6px;
    margin-top: 15px;
}
.designer-info .good-style span{
    font-size: 15px;
    color: #333;
    letter-spacing: 1px;
    line-height: 15px;
}
/* 设计� end   装修公司 start */
.company {
    background: url("../images/zxlc_bg.png") center no-repeat;
    background-size: cover;
    min-width: 1200px;
}
.company .floor-title,.company .floor-summary {
    color: #fff;
}
.company-detail {
    min-width: 1200px;
    padding: 70px 0 60px;
    overflow: hidden;
    background: transparent;
}
.company-content {
    font-size: 0;
    width: 1200px;
    margin: 0 auto;
    letter-spacing: -6px;
}
.single-company {
    width: 227px;
    height: 170px;
    margin: 0 16px 16px 0;
    display: inline-block;
    background: #fff;
    position: relative;
}
.single-company:nth-child(5n) {
    margin: 0 0 16px 0
}
.single-company img {
    width: 227px;
    height: 170px;
    /*margin: 35px 63px;*/
}
.company-sub {
    position: absolute;
    top: 0;
    left: 0;
    width: 228px;
    height: 170px;
    display: none;
    background: #333;
    text-align: center;
}
.company-sub > span {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 17px;
}
/* 装修公司end  装修流程start */
.flow-detail {
    min-width: 1200px;
    padding: 20px 0 70px;
    overflow: hidden;
    background: transparent;
}
.flow-content {
    font-size: 0;
    letter-spacing: -6px;
    padding-top: 30px;
    width: 1200px;
    margin: 0 auto;
}
.single-flow {
    display: inline-block;
    background: rgba(0,0,0,.5);
    border-radius: 100px;
    width: 110px;
    height: 110px;
    margin-right: 11px;
}
.single-flow:last-child {
    margin-right: 0;
}
/*.single-flow img{
    width: 56px;
    height: 56px;
    margin: 13px 27px 9px;
}*/
.single-flow label{
    width: 56px;
    height: 56px;
    margin: 13px 27px 9px;
    background: url("../images/flow.png") no-repeat;
    background-size: cover !important;
    display: inline-block;
}
.single-flow .f0{background-position: 0 0}
.single-flow .f1{background-position: -57px 0}
.single-flow .f2{background-position: -113px 0}
.single-flow .f3{background-position: -164px 0;height:54px}
.single-flow .f4{background-position: -228px 0}
.single-flow .f5{background-position: -285px 0}
.single-flow .f6{background-position: -344px 0}
.single-flow .f7{background-position: -400px 0}
.single-flow .f8{background-position: -457px 0}
.single-flow .f9{background-position: -515px 0}
.single-flow span{
    font-size: 16px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 16px;
    display: block;
    margin: 0 23px 16px;
    white-space: nowrap;
}
/* 装修流程 end  灵感设计(美图美文) start */
.inspiration-detail {
    min-width: 1200px;
    padding: 70px 0 52px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    font-size: 0;
    letter-spacing: -6px;
}
.greatest {
    width: 1100px;
    border: none;
    display: inline-block;
    vertical-align: top;
}
.atlas-content {
    width: 599px;
    font-size: 0;
    letter-spacing: -6px;
    border-right: 1px solid #E4E4E4;
    position: relative;
}
.atlas-swiper {
    width: 580px;
    height: 150px;
    vertical-align: bottom;
    margin-right: 20px;
}
.atlas-swiper .swiper-slide {
    font-size: 0;
    letter-spacing: -6px;
}
.single-atlas {
    width: 133px;
    height: 120px;
    margin-right: 16px;
    display: inline-block;
    /*border-top: 1px solid #E4E4E4;*/
}
.single-atlas:last-child {
    margin-right: 0;
}
.single-atlas img{
    width: 133px;
    height: 100px;
    margin-top: 20px;
}

.atlas-big {
    width: 579px;
    height: 325px;
    margin-bottom: 20px;
    position: relative;
}
.atlas-big-img {
    width: 579px;
    height: 325px;
}
.atlas-big-desc {
    width: 579px;
    height: 80px;
    background-image: linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -o-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -ms-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -moz-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.40) 72%);
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}
.atlas-big-desc .desc-content{
    font-size: 18px;
    color: #FFF;
    letter-spacing: 0;
    line-height: 18px;
    padding: 0 16px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #fff;
    margin-top: 31px;
    display: inline-block;
    max-height: 54px;
    overflow: hidden;
}
.atlas-line {
    width: 580px;
    height: 1px;
    background: #b9b9b9;
    position: absolute;
    left: 0;
}
.atlas-line span{
    height: 1px;
    width: 133px;
    background: #b9b9b9;
    margin-right: 16px;
    display: inline-block;
}
.atlas-line span:last-child{
    margin-right:0;
}
.atlas-line span.active{
    background: #333;
}
.atlas-pagination {
    top: 143px !important;
}
.atlas-pagination .swiper-pagination-bullet{
    width: 30px !important;
    height: 2px !important;
    /*background: #B9B9B9;*/
    border-top: 2px solid #B9B9B9;
    background: none !important;
    display: inline-block !important;
    cursor: pointer;
    border-radius: 0;
    padding: 3px 0 !important;
}
.atlas-pagination .swiper-pagination-bullet-active{
    /*background: #333 !important;*/
    border-top:2px solid #333 !important;
    background: none !important;
}
.article-content {
    width:1100px;
    margin-left: 20px;
}
.single-article {
    height: 140px;
    margin-bottom: 23px;
    margin-right: 50px;
    background: #fafafa;
    letter-spacing: -6px;
    font-size: 0;
    float: left;
}
.single-article-left {
    width: 260px;
    padding-left: 3px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 15px;
}
.article-title {
    font-size: 17px;
    color: #333;
    letter-spacing: 0;
    line-height: 17px;
    margin: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.article-summary {
    font-size: 13px;
    color: #999;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
    overflow-y: hidden;
}
.article-read {
    font-size: 13px;
    color: #333;
    letter-spacing: 0;
    line-height: 13px;
    /*width: 8em;*/
}
.article-image {
    width: 200px;
    height: 140px;
    display: inline-block;
}
/* 灵感设计(美图美文) end  平台保障 start */
.platform-detail {
    min-width: 1200px;
    overflow: hidden;
    background: #f2f2f2;
    text-align: center;
    font-size: 0;
    letter-spacing: -6px;
}
.platform, .codes {
    width: 1200px;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 auto;

    text-align: left;
}
.single-plat {
    display: inline-block;
    margin-right: 130px;
    text-align: center;
    width: 136px;
    white-space: nowrap;
}
.single-plat:last-child {
    margin-right: 0;
}
/*.single-plat img {
    width: 50px;
    height: 45px;
}*/
.single-plat label {
    width: 50px;
    height: 45px;
    display: inline-block;
    background: url("../images/platform.png") no-repeat;
    background-size: cover !important;
}
.single-plat label.p1 {background-position: 0 0}
.single-plat label.p2 {background-position: -50px 0}
.single-plat label.p3 {background-position: -100px 0}
.single-plat label.p4 {background-position: -154px 0}
.single-plat label.p5 {background-position: -205px 0}
.single-plat span {
    display: block;
}
.plat-title {
    font-size: 22px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px;
    margin: 20px auto 12px;
}
.plat-desc {
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    line-height: 12px;
}
.codes {
    font-size: 0;
    letter-spacing: -6px;
    text-align: left;
}
.single-code {
    border-right: 1px solid #E4E4E4;
    padding-right: 67px;
    margin-top: 40px;
    display: inline-block;
    text-align: center;
}
.single-code:not(:first-child) {
    padding-left: 70px;
    padding-top: 40px;
}
.single-code img{
    width: 140px;
    height: 140px;
}
.single-code .code-desc{
    font-size: 16px;
    color: #B5B5B5;
    letter-spacing: 0;
    line-height: 16px;
    display: block;
    margin-top: 10px;
}
.kefu {
    opacity: 0.99;
    font-size: 40px;
    color: #777;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 20px;
    display: block;
}
.kefu-tip {
    opacity: 0.99;
    font-size: 16px;
    color: #CDCDCD;
    letter-spacing: 0;
    line-height: 16px;
}
.kefu-info {
    padding-right: 0;
    margin-right: 0;
    border: none;
    vertical-align: top;
}


/*报价设计*/
.i_bjsj{ width:322px; margin: auto;}
.i_bjsj .ibjsj_tag{ height:41px; font-size:18px;margin-left:-1px; margin-right:-1px;}
.i_bjsj .ibjsj_tag a{ float:left; display:block; width:99%; line-height:40px; border-left:1px solid #DDD;  text-align:center; cursor:pointer; text-decoration:none; border-bottom: 1px solid #DDD;}
.i_bjsj .ibjsj_tag .ibsjstag_on{ background-color:#FFF; color:#F30; border-bottom:none;}
.i_bjsj .ibjsj_tag .ibsjstag_off{ background-color:#FAFAFA; border-bottom:1px solid #EDEDED;}

.i_bjsj .ibjsj_main{ width:282px; height:280px; margin:25px 20px;}
.i_bjsj .ibjsj_main .izxbjm_txt{ margin-bottom:35px;}

#rsj_main .izxbjm_txt input{ border:1px solid #DEDEDE; width:260px; height:22px; padding:8px 10px; border-radius:2px;}
#rsj_main .ibjsj_butt input{ width:282px; height:38px; display:block; color:#FFF; font-size:17px; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(../images/bjsj_bg.gif) no-repeat 65px -62px;}
#rbjm1 .izxbjm_txt input{ border:1px solid #DEDEDE; width:260px; height:22px; padding:8px 10px; background:url(bjsj_bg.gif) no-repeat right -20px; border-radius:2px;}
#rbjm1 .ibjsj_butt input{ width:282px; height:38px; display:block; color:#FFF; font-size:17px; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(bjsj_bg.gif) no-repeat 65px -62px;}

#rbjm2 .izxbjm_txt input{ border:1px solid #DEDEDE; width:260px; height:22px; padding:8px 10px; background:url(bjsj_bg.gif) no-repeat right -20px; border-radius:2px;}
#rbjm2 .izxbjm_txt1 input{ border:1px solid #DEDEDE; width:260px; height:22px; padding:8px 10px; border-radius:2px;}
#rbjm2 .izxbjm_txt1{ margin-bottom:12px;}
#rbjm2 .ibjsj_butt input{ width:282px; height:38px; display:block; color:#FFF; font-size:17px; text-indent:38px; border-radius:3px; cursor:pointer; background:#C70000 url(bjsj_bg.gif) no-repeat 65px -62px;}
#rbjm2 .bj_ydtxt{ padding:3px; margin-bottom:10px; font-size:12px; padding-left:38px; line-height:18px; color:#C9C9C9; background:url(bjsj_bg.gif) no-repeat 7px -158px;}

.i_bjsj .ibjsj_main .ibjsj_butt{ margin-bottom:18px;}
.i_bjsj .ibjsj_main .ibjsj_txt{ text-align:center;}
.i_bjsj .ibjsj_main .ibjsj_txt i{ color:#F40; margin:auto 5px;}

.nice-select{ width:260px; padding:0 10px; height:38px; border: 1px solid #DEDEDE; position:relative; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:35px;}
.nice-select select{height:34px; line-height:34px; width:120px; border:none;}
.nice-select option{ height:34px;}
.nice-select input{ display:block; width:100%; height:38px; line-height:38px \9; border:0; outline:0; background:none;}
.nice-select ul{ width:100%; display:none; position:absolute; left:-1px; top:38px; overflow:hidden; background-color:#fff; overflow-y:auto; border:1px solid #DEDEDE; border-top:0; z-index:9999;}
.nice-select ul li{ height:30px; line-height:30px; overflow:hidden; padding:0 10px; cursor:pointer;}
.nice-select ul li.on{ background-color:#FAFAFA;}

.city-select{ width:260px; position:relative;}
.city-select div.tag_select { padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select div.tag_select_hover{ padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select div.tag_select_open{ padding:0 10px; height:38px; line-height:38px; border:1px solid #DEDEDE; background:#FFF url(bjsj_bg.gif) no-repeat right 15px; border-radius:2px; margin-bottom:12px;}
.city-select ul.tag_options{ width:99%; position:absolute; left:0; top:38px; overflow:hidden; background-color:#fff; overflow-y:auto; border:1px solid #DEDEDE; border-top:0; z-index:9999;}
.city-select ul.tag_options li{ height:30px; line-height:30px; overflow:hidden; padding:0 10px; cursor:pointer;}
.city-select ul.tag_options li.open_hover{ background-color:#F5F5F5;}



/* suspend  QQ客服 */
.fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background:url("../images/JS_02.png") no-repeat;}
.fixed-bar .icon{display:block;position:absolute;top:50%;left:50%;width:23px;height:12px;overflow:hidden;margin:-18px 0 0 -12px;background-position:right -220px;text-indent:-999em;}
.fixed-bar{position:fixed;right:20px;bottom:50px;z-index:50;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-30);}
.fixed-bar .gotop{position:relative;z-index:1;display:block;width:68px;height:36px;overflow:hidden;margin:-1px 0 0;padding:32px 0 0;border:1px solid #e6e6e6;border-top:1px dashed #eaeaea;background-color:#fff;color:#666;font:normal 14px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .share{height:68px;overflow:hidden;margin:-1px 0 0;border:1px solid #e6e6e6;}
.fixed-bar .gotop:hover{z-index:10;border-color:#2acb6b;background-color:#2acb6b;color:#fff;text-decoration:none;}
.fixed-bar .gotop:hover .icon{background-position:right -251px;}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#2acb6b;}
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}
.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea; overflow:hidden}
.fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .wide-bar{width:134px;background:#fff;}
.fixed-bar .wide-bar .share .bds_more{width:148px;_width:146px;background-position:-252px -568px;}
.fixed-bar .wide-bar .share .bds_more:hover{background-position:-354px -568px;}
.fixed-bar .wide-bar .gotop{width:132px;}
.fixed-bar .consult-list .tel-icon{margin-left:-15px;padding:0 0 0 20px;background-position:-591px -264px;}