@charset "utf-8";



/* CSS Document */



.tiOrders{width: 58%;height: 27px;color: #fff;text-align: center;line-height: 27px;background: #000;margin: 34px auto;border-radius: 10px}

@-webkit-keyframes md{0%,30%,50%,60%,80%{-webkit-transform:scale(1)} 50%,70%{-webkit-transform:scale(0.9)}}

@keyframes md{0%,30%,50%,60%,80%{transform:scale(1)} 50%,70%{transform:scale(0.9)}}

.tiOrders{animation: md 1.5s infinite;}



.clearfix:after{

    content: '';

    display: block;

    clear: both;

    overflow: hidden;

    height: 0;

    line-height: 0;

}

/*头部*/



.header {

    width: 100%;

    height: 110px;

    background-color: #fff

}



.header .logo {

    width: 228px;

    height: 91px;

    margin: 9px 0px;

}



.header .city {

    margin: 52px 22px 38px;

}



.header .city .city_select {

    font-size: 12px;

    color: #000;

}



.header .city .city_select input {

    border: none;

    padding-right: 16px;

    background: url(../images/triangle.png) no-repeat 98% center;

    margin: 0px 20px 0 0px;

    outline: none;

    cursor: pointer;

    color: #000 !important

}



.header .search {

    width: 455px;

    height: 38px;

    border: 2px solid #ae4040;

    margin: 40px 0px 28px 90px;

}



.header .search input {

    height: 38px;

    width: 362px;

    float: left;

    padding-left: 95px;

    box-sizing: border-box;

}



.header .search .scbtn {

    display: inline-block;

    float: right;

    width: 92px;

    height: 38px;

    background-color: #ae4040;

    color: #fff;

    font-size: 16px;

    text-align: center;

    line-height: 38px;

}



.header .Telephone {

    margin: 29px 0px;

}



.header .Telephone i {

    display: inline-block;

    float: left;

    width: 40px;

    height: 34px;

    vertical-align: middle;

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

    margin-top: 10px;

    margin-right: 10px;

}



.header .Telephone p {

    float: left;

    color: #4c4a4a;

    font-size: 16px;

}



.header .Telephone p b {

    font-weight: normal;

    display: block;

    color: #c74346;

    font-size: 26px;

    line-height: 30px;

}





/*导航*/



.Consultation {

    position: relative;

    width: 151px;

    text-align: center;

}



.Consultation:hover {

    background: url(../images/tonbg.png) no-repeat center !important;

}



.csu_ul {

    position: absolute;

    top: 47px;

    left: -33px;

    display: none;

    z-index: 10;

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

    padding: 0px 20px 10px;

    width: 186px;

}



.csu_ul li {

    width: 62px;

    text-align: center;

}



.csu_ul li i {

    margin: 10px auto;

}



.csu_ul li i.cuicon_01 {

    width: 18px;

    height: 20px;

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

}



.csu_ul li i.cuicon_02 {

    width: 23px;

    height: 20px;

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

}



.csu_ul li i.cuicon_03 {

    width: 15px;

    height: 20px;

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

}



.csu_ul li a {

    display: inline-block;

    padding: 0px !important;

    font-size: 12px !important;

    height: inherit !important;

    line-height: inherit !important;

}



.csu_ul li:hover {

    background: none !important

}



.csu_ul li:hover a {

    text-decoration: underline;

}



.shouye {

    position: relative;

    z-index: 10;

}



.subnav_ul {

    position: absolute;

    top: 47px;

    left: 0px;

    display: none;

}



.subnav_ul li {

    height: 47px;

    line-height: 47px;

    text-align: center;

    float: none!important;

    background-color: #c74346;

}



.subnav_ul li a {

    display: inline-block;

    padding: 0px !important;

    height: 50px !important;

    font-size: 12px!important;

    line-height: 50px !important;

    width: 134px;

}



.subnav_ul li:hover {

    background-color: #f04145 !important;

}





/*底部*/

.footer {

    width: 100%;

    height: 340px;

    background-color: #444444;

}





.footmain {

    height: 340px;

}



.footmain .footlogo {

    width: 169px;

    height: 340px;

    background: #A63036;

}

.footmain .footlogo img {

    margin: 80px 0 0 6px;

}



.footmain .footnav {

    width: 615px;

    margin-left: 48px;

    margin-top: 55px;

}



.footmain .footnav ul {

    position: relative;

}



.footmain .footnav li {

    width: 80px;

    float: left;

    margin-right: 50px;

}



.footmain .footnav li:last-child {

    margin-right: 0px;

}



.footmain .footnav li dl {

    position: relative;

}



.footmain .footnav li dt {

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    line-height: 35px;

}



.footmain .footnav li dd {

    line-height: 22px;

}



.footmain .footnav li dd a {

    color: #fff;

    font-size: 14px;

}



.footmain .footnav li dd a:hover {

    text-decoration: underline;

    color: #c74346

}



.footmain .hotline {

    width: 260px;

    margin-top: 66px;

    margin-left: 23px;

}



.footmain .hotline p {

    color: #fff;

    font-size: 26px;

    line-height: 40px;

}



.footmain .hotline p i {

    display: inline-block;

    vertical-align: middle;

    width: 33px;

    height: 33px;

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

    margin-right: 5px;

    margin-top: -3px;

}



.footmain .hotline p span {

    color: #fff;

    width: 30px;

    display: inline-block;

    vertical-align: middle;

    font-size: 12px;

    line-height: 18px;

}



.footmain .hotline .htlist {

    position: relative;

    margin-top: 12px;

}



.footmain .hotline .htlist ul {}



.footmain .hotline .htlist li {

    width: 73px;

    margin-right: 20px;

    text-align: center;

    float: left;

}



.footmain .hotline .htlist li:last-child {

    margin-right: 0px;

}



.footmain .hotline .htlist li a {

    color: #fff;

    font-size: 12px;

    line-height: 22px;

}



.footmain .hotline .htlist li i {

    width: 32px;

    height: 32px;

    margin: 0 auto;

}



.footmain .hotline .htlist li i.hticon_01 {

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

}



.footmain .hotline .htlist li i.hticon_02 {

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

}



.footmain .hotline .htlist li i.hticon_03 {

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

}



.footmain .follow {

    position: relative;

    margin-top: 55px;

}



.footmain .follow h2 {

    font-weight: normal;

    color: #fff;

    font-size: 22px;

    text-align: center;

}



.footmain .follow .fwlist {

    position: relative;

    margin-top: 25px;

}



.footmain .follow .fwlist ul {}



.footmain .follow .fwlist li {

    width: 95px;

    float: left;

    margin-left: 27px;

}



.footmain .follow .fwlist li img {

    width: 95px;

    height: 95px;

}



.footmain .follow .fwlist li p {

    color: #fff;

    font-size: 14px;

    text-align: center;

    line-height: 25px;

}



.linkms {

    position: absolute;

    top: 245px;

    left: 210px;

}



.linkms h4 {

    color: #fff;

    font-size: 17px;

}



.linkms .linklist {

    position: relative;

    margin-top: 10px;

}



.linkms .linklist ul {}



.linkms .linklist li {

    padding: 0px 30px;

    float: left;

}



.linkms .linklist li:nth-child(1) {

    padding-left: 0px;

}



.linkms .linklist li a {

    color: #fff;

    font-size: 14px;

}



.linkms .linklist li a:hover {

    text-decoration: underline;

    color: #c74346

}



.copyright {

    width: 100%;

    height: 88px;

    background-color: #1f2734;

    line-height: 44px;

    color: #BCBDBF;

    font-size: 12px;

}





/*banner*/



.banner {

    width: 100%;

    height: 580px;

    position: relative;

    overflow: hidden;

}



.banner .bd {

    width: 100%;

    height: 580px;

}



.banner .bd li a,

.banner .bd li a img {

    width: 100%;

    display: block;

    height: 580px;

}



.banner .hd {

    width: 100%;

    height: 10px;

    position: absolute;

    bottom: 20px;

    text-align: center;

}



.banner .hd li {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #898a88;

    margin: 0 5px;

    text-indent: -1000000000px;

    cursor: pointer;

    display: inline-block;

}



.banner .hd li.on {

    background: #c74346;

    width: 20px;

    height: 10px;

    border-radius: 30px;

}





/*首页*/



.Inspiration {

    width: 1200px;

    margin: 0 auto;

}



.Titlemain {

    width: 768px;

    margin: 30px auto 20px;

}



.Titlemain h2 {

    color: #3d3d3d;

    font-size: 40px;

    text-align: center;

}



.Titlemain h2 i {

    display: inline-block;

    vertical-align: middle;

    width: 6px;

    height: 6px;

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

    text-align: center;

    margin: 0px 10px;

}



.Titlemain h2 em {

    font-style: normal;

    color: #c74346;

}



.Titlemain p {

    line-height: 40px;

}



.Titlemain p b {

    display: inline-block;

    width: 289px;

    border-top: 1px solid #c4c4c4;

    margin: 19px 0px;

}



.Titlemain p span {

    display: inline-block;

    width: 190px;

    text-align: center;

    color: #7c7c7c;

    font-size: 14px;

}



.Titlemain strong {

    text-align: center;

    color: #363636;

    font-size: 14px;

    display: block;

    font-style: normal;

    font-weight: normal;

}



.inpramain {

    position: relative;

}



.inpramain .inhd {

    width: 802px;

    margin: 0 auto;

}



.inpramain .inhd ul {}



.inpramain .inhd li {

    padding: 0px 16px;

    height: 22px;

    line-height: 22px;

    float: left;

    margin-right: 10px;

    background: url(../images/frlin.png) no-repeat center right;

    cursor: pointer;

    text-align: center;

    color: #4f4f4f;

    font-size: 14px;

}



.inpramain .inhd li:last-child {

    margin-right: 0px;

    background: none;

}



.inpramain .inhd li.on,

.inpramain .inhd li:hover {

    background: none;

    border: 1px solid #d16d6f;

    border-radius: 10px;

    color: #c74346;

}



.inpramain .inbd {

    position: relative;

    margin-top: 40px;

    height: 856px;

    overflow: hidden;

}



.inpramain .inbd .inBox {

    position: relative;

}



.inpramain .inbd .inBox ul {}



.inpramain .inbd .inBox li {

    width: 590px;

    float: left;

    position: relative;

    margin-right: 20px;

    margin-bottom: 10px;

}



.inpramain .inbd .inBox li:nth-child(2n+2) {

    margin-right: 0px;

}



.inpramain .inbd .inBox li .inimg {

    width: 590px;

    height: 350px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.inpramain .inbd .inBox li .inlike {

    width: 65px;

    height: 26px;

    line-height: 26px;

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

    border-radius: 10px;

    color: #fff;

    font-size: 16px;

    position: absolute;

    top: 11px;

    left: 34px;

    text-align: center;

    z-index: 12;

}



.inpramain .inbd .inBox li .inlike i {

    display: inline-block;

    width: 18px;

    height: 15px;

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

    vertical-align: middle;

    margin-right: 5px;

    margin-top: -3px;

}



.inpramain .inbd .inBox li .inbg {

    width: 590px;

    height: 350px;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 10;

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

    display: none;

}



.inpramain .inbd .inBox li .inbg h2 {

    color: #fff;

    text-align: center;

    font-size: 42px;

    margin-top: 45px;



}



.inpramain .inbd .inBox li .inbg p {

    color: #fff;

    font-size: 20px;

    text-align: center;

    font-weight: 100;



    margin-top: 15px;

}



.inpramain .inbd .inBox li .inbg p span {

    color: #fff;

    padding: 0px 10px;

}



.inpramain .inbd .inBox li .inbg i {

    width: 11px;

    height: 13px;

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

    margin: 60px auto;

}



.inpramain .inbd .inBox li .inbg em {

    display: block;

    margin: 0 auto;

    text-align: center;

    color: #fff;

    font-size: 25px;

    font-style: normal;

    font-weight: 100;



}



.inpramain .inbd .inBox li .intext {

    padding: 10px;

    position: relative;

    height:48px;

}



.inpramain .inbd .inBox li .intext h4 {

    color: #000;

    font-size: 20px;

}



.inpramain .inbd .inBox li .intext h4 em {

    font-style: normal;

    border-left: 2px solid #000;

    color: #666;

    font-size: 14px;

    text-indent: 10px;

    display: inline-block;

}



.inpramain .inbd .inBox li .intext p {

    color: #666;

    font-size: 14px;

}



.inpramain .inbd .inBox li .intext b {

    display: block;

    width: 80px;

    height: 18px;

    text-align: center;

    line-height: 18px;

    border: 1px solid #000;

    border-radius: 10px;

    color: #000;

    font-size: 14px;

    position: absolute;

    right: 0px;

    top: 30px;

    font-weight: normal;

}

.inpramain .inbd .inBox li .intext b:hover{ border-color:#c74346; color:#c74346;}



.inpramain .inbd .inBox li:hover .inbg {

    display: block;

}



.inpramain .Viewmore {

    display: block;

    width: 156px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    margin: 10px auto;

    border: 1px solid #ae4040;

    color: #c74346;

    font-size: 18px;

}



.Designpower {

    width: 1280px;

    margin: 0 auto;

}



.Index_Box {

    position: relative;

    width: 635px;

    height: auto;

    float: left;

    display:block;

}



.Index_Box ul {

    position: relative;

    width: 617px;

    height: 470px

}



.Index_Box li {

    z-index: 0;

    position: absolute;

    list-style-type: none;

    width: 0px;

    background: #787878;

    height: 0px;

    top: 146px;

    cursor: pointer;



    border-radius: 10px;

    -moz-box-shadow: 0px 5px 10px #808080;

    -webkit-box-shadow: 0px 5px 10px #808080;

    box-shadow: 0px 5px 10px #808080;

}



.Index_Box li img {

    width: 100%;

    height: 100%;

    position: relative;

}



.Index_Box .prevs {

    display: block

}



.Index_Box .nexts {

    display: block

}



.Index_Box .prevs {

    z-index: 100;

    overflow: hidden;

    cursor: pointer

}



.Index_Box .nexts {

    z-index: 100;

    overflow: hidden;

    cursor: pointer

}



.Index_Box .prevs {

    position: absolute;

    width: 17px;

    background: url(../images/slider-arrow_left.png) no-repeat center;

    height: 32px;

    bottom: 50px;

    left: 32px;

    background-size: cover;

}



.Index_Box .nexts {

    position: absolute;

    width: 17px;

    background: url(../images/slider-arrow_right.png) no-repeat center;

    height: 32px;

    bottom: 50px;

    right: 32px;

    background-size: cover;

}



.Index_Box li .bgs {

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0px;

}



.Index_Box li .dgdel {

    width: 106%;

    height: 158px;

    background-color: #c84548;

    position: absolute;

    bottom: 0px;

    z-index: 100;

    display: none;

    left:-3%;

}



.Index_Box li .dgdel .kuang {

    margin: 10px;

    border: 2px solid #fff;

    padding: 18px 20px

}



.Index_Box li .dgdel .kuang h2 {

    color: #fff;

    font-size: 30px;

    line-height: 24px;

    text-align: center;



}



.Index_Box li .dgdel .kuang h2 span {

    font-size: 12px;

    height: 24px;

    border-left: 1px solid #fff;

    display: inline-block;

    line-height: 12px;

    font-weight: normal;

    padding-left: 10px;

    margin-left: 10px;

    vertical-align: middle;

}



.Index_Box li .dgdel .kuang h2 span em {

    font-style: normal;

    display: block;

}



.Index_Box li .dgdel .kuang b {

    display: block;

    width: 86px;

    height: 18px;

    color: #c84548;

    font-size: 16px;

    margin: 10px auto;

    background-color: #fff;

    text-align: center;

    line-height: 17px;

}



.Index_Box li .dgdel .kuang p {

    color: #fff;

    font-size: 12px;

}



.Index_Box li .dgdel .kuang p em {

    font-style: normal;

}



.Index_Box li.on .dgdel {

    display: block;

}



.Index_Box li.on .bgs {

    display: none;

}



.worksmas {

    width: 644px;

    height: 369px;

    overflow: hidden;

    position: relative;

    float: right;

    margin-top: 49px;

}



.worksmas ul {}



.worksmas li {

    position: relative;

    width: 644px;

    height: 369px;

}



.worksmas li .wkimg {

    width: 644px;

    height: 369px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.worksmas li .wktext {

    width: 494px;

    height: 260px;

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

    position: absolute;

    top: 55px;

    left: 41px;

    z-index: 10;

}



.worksmas li .wktext .bian {

    padding: 30px;

}



.worksmas li .wktext h4 {

    font-weight: normal;

    color: #fff;

    font-size: 20px;

    margin-top: 20px;

}



.worksmas li .wktext p {

    color: #fff;

    font-size: 14px;

    line-height: 22px;

    height: 48px;

    overflow: hidden;

}



.Livemodel {

    width: 1209px;

    margin: 0 auto;

}



.lvmmain {

    position: relative;

}



.lvmmain .lvhd {

    width: 716px;

    margin: 0 auto;

}



.lvmmain .lvhd ul {}



.lvmmain .lvhd li {

    height: 22px;

    line-height: 22px;

    float: left;

    background: url(../images/frlin.png) no-repeat center right;

    cursor: pointer;

    text-align: center;

    margin-right: 5px;

    padding: 0 15px;

}



.lvmmain .lvhd li a {

    color: #4f4f4f;

    font-size: 14px;

}



.lvmmain .lvhd li:last-child {

    margin-right: 0px;

    background: none;

}



.lvmmain .lvhd li.on,

.lvmmain .lvhd li:hover {

    background: none;

    border: 1px solid #d16d6f;

    border-radius: 10px;

    color: #c74346;

}



.lvmmain .lvhd li.on a,

.lvmmain .lvhd li:hover a {

    color: #c74346

}



.lvmmain .lvbd {

    position: relative;

    margin-top: 40px;

    overflow: hidden;

    width: 1209px;

    height: 456px;

}



.lvmmain .lvbd .lvBox {

    position: relative;

}



.lvmmain .lvbd .lvBox ul {}



.lvmmain .lvbd .lvBox li {

    width: 295px;

    float: left;

    margin-right: 7px;

    margin-bottom: 9px;

    position: relative;

}



.lvmmain .lvbd .lvBox li:nth-child(1) {

    width: 600px;

    margin-right: 12px;

}



.lvmmain .lvbd .lvBox li:nth-child(1) .lvimg {

    width: 600px;

    height: 466px;

}



.lvmmain .lvbd .lvBox li:nth-child(3) {

    margin-right: 0px;

}



.lvmmain .lvbd .lvBox li:nth-child(5) {

    margin-right: 0px;

}



.lvmmain .lvbd .lvBox li .lvimg {

    width: 295px;

    height: 229px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.lvmmain .lvbd .lvBox li .lvlabel {

    width: 72px;

    height: 100px;

    background: url(../images/wr_09.png) no-repeat center;

    position: absolute;

    top: 0px;

    right: 0px;

}



.lvmmain .lvbd .lvBox li .lvlabel em {

    font-style: normal;

    color: #fff;

    font-size: 20px;

    width: 20px;

    display: block;

    margin-left: 45px;

    margin-top: 5px;

}



.lvmmain .lvbd .lvBox li .lvbg {

    width: 285px;

    height: 466px;

    background: url(../images/sr_09.png) no-repeat center;

    position: absolute;

    top: 0px;

    left: 0px;

    background-color: rgba(255, 255, 255, 0.6);

}



.lvmmain .lvbd .lvBox li .lvtext {

    padding: 100px 52px 20px;

}



.lvmmain .lvbd .lvBox li .lvtext .lbms {

    width: 93px;

    margin: 0 auto;

}



.lvmmain .lvbd .lvBox li .lvtext .lbms em {

    display: block;

    width: 20px;

    font-size: 20px;

    font-style: normal;

}



.lvmmain .lvbd .lvBox li .lvtext .lbms em.m {

    color: #4f4f4f;

}



.lvmmain .lvbd .lvBox li .lvtext .lbms em.k {

    color: #947b63;

    margin-left: 25px;

    margin-top: 5px;

}



.lvmmain .lvbd .lvBox li .lvtext p {

    color: #4f4f4f;

    font-size: 14px;

    margin-top: 40px;

    line-height:30px;

}



.aboutdediao {

    width: 1276px;

    margin: 0 auto;

}



.voidbg {

    width: 1276px;

    height: 443px;

    background: url(../images/20170412144340.jpg) no-repeat center;

    443z

}



.abvoid {

    width: 755px;

    height: 350px;

    margin: 0px auto;

}



.Decoration {

    width: 1200px;

    margin: 0 auto;

}



.decrmian {

    position: relative;

    margin-top: 40px;

}



.decrmian .deitem {

    width: 360px;

    float: lef;

    margin-right: 60px;

    margin-bottom: 10px;

}



.decrmian .deitem:last-child {

    margin-right: 0px;

}



.deitem .dtpic {

    position: relative;

    cursor: pointer;

}



.deitem .dtpic .dtimg {

    width: 360px;

    height: 239px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.deitem .dtpic .dtbg {

    width: 360px;

    height: 239px;

    position: absolute;

    top: 0px;

    left: 0px;

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

}



.deitem .dtpic .dtbg .dtFrame {

    position: relative;

    margin: 20px;

    height: 199px;

    border: 1px solid #fff;

}



.deitem .dtpic .dtbg .dtFrame h2 {

    color: #fff;

    bottom: 0px;

    height: 40px;

    font-size: 24px;

    text-align: center;

    padding: 0px 10px;

    position: absolute;

    width: 298px

}



.deitem .dtpic .dtbg .dtFrame h2 span {

    font-size: 16px;

    font-weight: normal;

    line-height: 40px;

}



.deitem .dtpic .dtbg .dtFrame b {

    display: block;

    width: 100px;

    height: 15px;

    position: absolute;

    bottom: -7px;

    left: 108px;

    background-color: #fff;

    color: #333333;

    text-align: center;

    font-size: 12px;

    line-height: 15px;

    font-weight: normal;

}



.deitem.active .dtpic .dtbg {

    background-color: rgba(201, 66, 70, 0.3);

}



.deitem.active .dtpic .dtbg .dtFrame b {

    color: #aa5d4f;

}



.deitem .delist {

    position: relative;

    padding: 10px;

}



.deitem .delist ul {}



.deitem .delist li {

    height: 30px;

    line-height: 30px;

    background: url(../images/243_12.png) no-repeat center left;

    text-indent: 20px;

    cursor: pointer;

}



.deitem .delist li a {

    color: #3d3d3d;

    font-size: 14px;

    float: left;

    width: 267px;

    display: inline-block;

}



.deitem .delist li em {

    font-style: normal;

    color: #3d3d3d;

    font-size: 16px;



    display: inline-block;

}



.deitem .delist li:hover {

    border-bottom: 1px solid #c74346;

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

}



.deitem .delist li:hover a {

    color: #c74346;

}



.deitem .delist li:hover em {

    color: #c74346;

}



.kmsd {

    position: relative;

    margin-bottom: 70px;

}



.kmsd .more {

    display: block;

    width: 156px;

    height: 31px;

    line-height: 31px;

    text-align: center;

    border: 1px solid #ae4040;

    color: #c74346;

    font-size: 18px;

    margin: 0 auto;

}



.qualitymian {

    width: 100%;

    height: 137px;

    background-color: #e7e7e7;

    margin-top:20px;

}



.qulist {

    width: 1280px;

    margin: 0 auto;

}



.qulist ul {}



.qulist li {

    width: 256px;

    float: left;

    margin: 27px 0px;

    cursor: pointer;

}



.qulist li i {

    display: inline-block;

    float: left;

    width: 83px;

    height: 83px;

    vertical-align: middle;

    margin-right: 5px;

}



.qulist li i.quicon_01 {

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

}



.qulist li i.quicon_02 {

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

}



.qulist li i.quicon_03 {

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

}



.qulist li i.quicon_04 {

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

}



.qulist li i.quicon_05 {

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

}



.qulist li p {

    float: left;

    color: #000;

    font-size: 14px;

    margin: 20px 0px;

}



.qulist li p b {

    display: block;

    font-size: 16px;

}



.qulist li:hover i {

    -webkit-animation: rotateIn 1s ease;

    animation: rotateIn 1s ease;

}





/*走进德雕*/



.pagebanner {

    width: 100%;

    background-position: center;

    background-repeat: no-repeat;

}



.establish {

    width: 100%;

    height: 817px;

    background: url(../images/ren.jpg) no-repeat center;

}



.estamian {

    width: 1200px;

    margin: 0px auto;

    padding: 50px 0px;

}



.estamian .estfl {

    width: 814px;

    position: relative;

    margin-top: 30px;

}



.estamian .estfl .estitle {

    width: 480px;

    float: left;

    margin-top: 45px;

}



.estamian .estfl .estitle p {

    color: #3d3d3d;

    font-size: 12px;

    line-height: 20px;

}



.estamian .estfl .estitle h2 {

    color: #3d3d3d;

    font-size: 28px;

}



.estamian .estfl .espic {

    width: 524px;

    float: left;

    margin-top: 10px;

    height: 452px;



}

.estamian .estfl .espic img{width: 100%;height: 100%}

.estamian .estfl .estext1 {

    width: 524px;

    float: left;

    background-color: #505050;

    margin-top: -4px;

}



.estamian .estfl .estext1 p {

    padding: 40px 40px 30px;

    color: #fff;

    font-size: 12px;

    line-height: 30px;

}



.estamian .estfl .estext2 {

    width: 250px;

    float: right;

    background-color: #757575;

    padding: 120px 20px;

    position: absolute;

    right: 0px;

    top: 0px;

}



.estamian .estfl .estext2 em {

    display: block;

    width: 30px;

    height: 4px;

    background-color: #fff;

}



.estamian .estfl .estext2 h2 {

    font-size: 18px;

    color: #fff;

    line-height: 50px;

    margin-top: 14px;

}



.estamian .estfl .estext2 p {

    color: #fff;

    font-size: 12px;

    line-height: 30px;

    padding: 10px 0px;

}



.estamian .estfl .estext2 span {

    color: #fff;

    font-size: 12px;

    display: block;

    text-align: right;

    margin-top: 20px;

}



.estamian .estfr {

    width: 385px;

    position: relative;

    border-left: 1px solid #c6c6c6;

    height: 717px;

}



.estamian .estfr .estlist {

    margin: 35px 0px 30px;

}



.estamian .estfr .estlist ul {}



.estamian .estfr .estlist li {

    padding-left: 22px;

    position: relative;

    margin-bottom: 20px;

}



.estamian .estfr .estlist li i {

    width: 9px;

    height: 9px;

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

    position: absolute;

    top: 20px;

    left: -5px;

}



.estamian .estfr .estlist li b {

    display: block;

    color: #6f6f6f;

    font-size: 12px;

    line-height: 30px;

}



.estamian .estfr .estlist li p {

    color: #6f6f6f;

    font-size: 12px;

    line-height: 20px;

}



.Technology {

    width: 100%;

    height: 816px;

    background: url(../images/lgbg.jpg) no-repeat center;

}



.techmain {

    width: 1398px;

    margin: 0 auto;

    position: relative;

    padding-top: 78px;

}



.techtext {

    width: 1398px;

    padding: 50px 0px;

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

    height: 500px;

}



.techtext b {

    font-weight: normal;

    color: #2b2b2b;

    font-size: 14px;

    display: block;

    text-align: center;

}



.techtext h2 {

    color: #2b2b2b;

    font-size: 36px;

    text-align: center;

    margin: 10px 0px;

}



.techtext p {

    color: #2b2b2b;

    font-size: 12px;

    text-align: center;

    line-height: 22px;

}



.techtext em {

    display: block;

    width: 50px;

    height: 3px;

    background-color: #c74346;

    margin: 36px auto;

    z-index: 10;

}



.tevoid {

    width: 660px;

    height: 400px;

    position: absolute;

    bottom: -99px;

    left: 369px;

}



.depic {

    width: 100%;

    height: 507px;

    text-align: center;

    background-position: center;

    background-repeat: no-repeat;

}



.Purchase {

    width: 100%;

    height: 696px;

    background: #fff url(../images/2ewedsa.png) no-repeat center;

}



.purmian {

    width: 1200px;

    margin: 0 auto;

}



.purtitle {

    width: 550px;

    padding-top: 110px;

}



.purtitle b {

    display: block;

    color: #3d3d3d;

    font-size: 12px;

    font-weight: normal;

}



.purtitle h2 {

    color: #3d3d3d;

    font-size: 28px;

    margin-bottom: 50px;

}



.purtitle p {

    color: #3d3d3d;

    font-size: 14px;

    line-height: 30px;

}



.purtitle em {

    display: block;

    width: 47px;

    height: 3px;

    background-color: #b33236;

    margin: 75px 0px 0px;

}





/*案例列表*/



.anlimains {

    position: relative;

    padding-bottom: 40px;
    width: 1200px;
    margin: auto;
}



.anliscreen {

    border: 1px solid #afafaf;

    margin: 40px 0px 10px;

}



.anliscreen ul {}



.anliscreen li {

    height: 56px;

    border-bottom: 1px dashed #afafaf;

}



.anliscreen li:last-child {

    border: none;

}



.anliscreen li span {

    display: inline-block;

    width: 110px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    color: #fff;

    font-size: 12px;

    float: left;

    background-color: #c74346;

    border-bottom: 1px solid #a20004;

}



.anliscreen li:last-child span {

    border: none;

}



.anliscreen li dl {

    width: 1058px;

    float: left;

    padding-left: 30px;

}



.anliscreen li dd {

    width: 93px;

    height: 56px;

    line-height: 56px;

    background: url(../images/ddlin.png) no-repeat center right;

    float: left;

}



.anliscreen li dd:last-child {

    background: none;

}



.anliscreen li dd a {

    display: block;

    width: 70px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 12px auto;

    color: #000;

    font-size: 12px;

    widows: 70px;

}



.anliscreen li dd:hover a,

.anliscreen li dd.on a {

    background-color: #c74346;

    color: #fff;

}



.condition {

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #afafaf;

    margin-bottom: 33px;

}



.condition p {

    float: left;

    color: #c74346;

    font-size: 14px;

    border-bottom: 1px solid #c74346;

    margin: 0px 10px;

    height: 40px;

}



.condition p em {

    font-style: normal;

    color: #c74346;

    font-size: 12px;

    margin-left: 5px;

}



.condition b {

    font-weight: normal;

    float: right;

    color: #000;

    font-size: 14px;

}



.caselist {

    position: relative;

}



.caselist ul {}



.caselist li {

    width: 580px;

    float: left;

    margin-right: 36px;

    margin-bottom: 40px;

    border: 1px solid #bfbfbf;

    position: relative;

}



.caselist li:nth-child(2n+2) {

    margin-right: 0px;

}



.caselist li .caseimg {

    width: 580px;

    height: 375px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.caselist li .caseport {

    width: 102px;

    height: 92px;

    padding: 4px;

    background-color: #fff;

    position: absolute;

    right: 30px;

    top: 309px;

    z-index: 10;

    cursor: pointer;

}



.caselist li .caseport .ptimg {

    width: 102px;

    height: 92px;

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover;

}



.caselist li .postbg {

    padding: 10px 30px;

    width: 520px;

    height: 87px;

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

    position: absolute;

    top: 268px;

    display: none;

}



.caselist li .postbg h4 {

    font-weight: normal;

    color: #fff;

    font-size: 16px;

    border-bottom: 1px solid #aba29b;

    width: 134px;

    line-height: 30px;

    position: relative;

    margin-bottom: 10px;

}



.caselist li .postbg h4 em {

    font-style: normal;

    font-size: 12px;

    margin-left: 10px;

}



.caselist li .postbg h4 i {

    display: block;

    width: 28px;

    height: 3px;

    background-color: #fff;

    position: absolute;

    left: 0px;

    bottom: -1.5px;

}



.caselist li .postbg p {

    color: #fff;

    font-size: 14px;

    width: 300px;

    line-height: 20px;

}



.caselist li .postbg .casebtn {

    width: 81px;

    position: absolute;

    right: 150px;

    bottom: 5px;

}



.caselist li .postbg .casebtn a {

    display: block;

    width: 81px;

    height: 20px;

    background-color: #c74346;

    color: #fff;

    text-align: center;

    line-height: 20px;

    margin-bottom: 8px;

    font-size: 12px;

}



.caselist li .casetext {

    padding: 10px 30px;

}



.caselist li .casetext h2 {

    color: #010101;

    font-size: 16px;

    line-height: 40px;

    border-bottom: 1px solid #bfbfbf;

}



.caselist li .casetext h2 i {

    display: inline-block;

    width: 2px;

    height: 20px;

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

    margin: 0px 32px;

    vertical-align: middle;

}



.caselist li .casetext h2 span {

    color: #000;

    font-size: 12px;

    margin-right: 15px;

    font-weight: normal;

}



.caselist li .casetext .delsm {

    padding: 10px 0px 0px;

}



.caselist li .casetext .delsm p {

    color: #747474;

    font-size: 12px;

    line-height: 20px;

    width: 400px;

    float: left;

    height:60px;

    overflow:hidden;

}



.caselist li .casetext .delsm b {

    display: block;

    float: right;

    font-weight: normal;

    width: 77px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    background-color: #535353;

    color: #fff;

    font-size: 14px;

    border-radius: 10px;

    margin-top: 5px;

}



.caselist li .casetext .delsm b i {

    display: inline-block;

    vertical-align: middle;

    width: 22px;

    height: 18px;

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

    margin-right: 5px;

    margin-top: -3px;

}



.caselist li.active {

    border: 1px solid #c74346

}



.caselist li.active .casetext h2 {

    color: #c74346;

}



.caselist li .degerms.active .postbg {

    display: block;

}



.caselist li .degerms.active .caseport {

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

}





/*360全景*/



.vrBanner {

    width: 100%;

    background-size: cover;

    background-position: center;

}



.structureAll {

    width: 100%;

}



.structure {

    width: 1200px;

    margin: 0 auto;

    border: 1px solid #afafaf;

}



.structure dl {

    overflow: hidden;

    height: 56px;

}



.structure dl dt {

    width: 110px;

    border-bottom: 1px solid #a20004;

    float: left;

    height: 55px;

    line-height: 55px;

    background: #c74346;

    font-size: 14px;

    text-align: center;

    color: #fff;

}



.structure dl dd {

    width: 1090px;

    overflow: hidden;

    height: 55px;

    border-bottom: 1px dashed #afafaf;

    float: left;

    padding-left: 50px;

    box-sizing: border-box;

}



.structure dl dd span {

    float: left;

    width: 122px;

    height: 55px;

    padding-top: 14px;

    box-sizing: border-box;

    display: inline-block;

    position: relative;

}



.structure dl dd span i {

    background: url(../images/tiao.jpg) no-repeat;

    width: 1px;

    height: 25px;

    background-size: contain;

    display: inline-block;

    position: absolute;

    top: 17px;

    right: 0px;

}



.structure dl dd span a {

    width: 80px;

    display: block;

    margin: 0 auto;

    height: 29px;

    line-height: 29px;

    text-align: center;

    font-size: 14px;

    color: #010101;

}



.structure dl dd span.on a {

    background: #c74346;

    color: #fff;

}



.structure dl dd span:hover a {

    background: #c74346;

    color: #fff;

}



.newsMar {

    width: 1200px;

    margin: 0 auto;

}



.lately_on {

    width: 1200px;

    overflow: hidden;

    border-bottom: 1px solid #afafaf;

    height: 47px;

    padding: 0px 25px 0px 20px;

    box-sizing: border-box;

}



.lately_on span {

    display: block;

    float: left;

    width: 80px;

    height: 45px;

    line-height: 46px;

    border-bottom: 1px solid #c74346;

    font-size: 16px;

    color: #c74346;

}



.lately_on a {

    height: 47px;

    float: right;

    display: inline-block;

    line-height: 47px;

    font-size: 16px;

    color: #000000;

}



.struct_ul {

    width: 1200px;

    margin-top: 40px;

}



.struct_ul ul {

    overflow: hidden;

}



.struct_ul ul li {

    width: 380px;

    height: 295px;

    float: left;

    margin-right: 30px;

    margin-bottom: 40px;

    position: relative;

    cursor: pointer;

}



.struct_ul ul li:nth-child(3n+3) {

    margin-right: 0px;

}



.struct_ul ul li .tupians {

    width: 380px;

    height: 295px;

}



.struct_ul ul li .tupians .popImg {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 380px;

    height: 295px;

    position: relative;

}



.struct_ul ul li .tupians p {

    width: 100%;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 14px;

    color: #fff;

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

    position: absolute;

    bottom: 0px;

    left: 0px;

}



.struct_ul ul li .tupians p span {

    font-size: 20px;

    font-weight: bold;

}



.order_vr {

    position: absolute;

    display: none;

    top: 0px;

    left: 0px;

    display: none;

    width: 380px;

    height: 295px;

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

}



.order_vr i {

    background: url(../images/icons.png) no-repeat;

    width: 144px;

    height: 154px;

    top: 50px;

    left: 50%;

    margin-left: -72px;

    position: absolute;

}



.order_vr a {

    font-size: 16px;

    color: #fff;

    position: absolute;

    bottom: 28px;

    text-decoration: none;

    border-bottom: 1px solid;

    padding-bottom: 5px;

}



.open_01 {

    left: 40px;

}



.open_02 {

    right: 40px;

}



.order_vr a.on {

    color: #fe8083;

    border-color: #fe8083;

}



.struct_ul ul li:hover .tupians p {

    display: none

}



.struct_ul ul li:hover .order_vr {

    display: block!important;

}



.pageFen {

    height: 40px;

    text-align:center;

}



.pageFen ul li {

    border: 1px solid #dedede;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    margin:0 4px;

    width: 40px;

    height: 40px;

    cursor:pointer;

}



.pageFen ul li a {

    width: 40px;

    height: 40px;

    color: #000;

}



.pageFen ul li.page_on1 {

    width: 80px!important;

}



.pageFen ul li:last-child {

    margin-right: 0px;

}



.pageFen ul li.on {

    background: #c74346;

}



.pageFen ul li.on a {

    color: #fff;

}



.pageFen ul li:hover {

    background: #c74346;

}



.pageFen ul li:hover a {

    color: #fff;

}



.mtnone {

    margin-top: 0px;

}





/*报价*/



.department {

    width: 100%;

    padding-top: 68px;

    box-sizing: border-box;

    background: #fff;

}



.department .depart_mian {

    margin: 0 auto;

}



.depart_mian .depart_tit {

    text-align: center;

}



.select_mian {

    margin-top: 13px;

    padding-bottom: 38px;

    box-sizing: border-box;

}



.select_ul {

    text-align: center;

}



.select_ul a {

    width: 83px;

    position: relative;

    height: 25px;

    line-height: 25px;

    text-align: center;

    margin: 0px 18px;

    display: inline-block;

    font-size: 16px;

    color: #4f4f4f;

}



.select_ul a.on {

    color: #c74346;

    border: 1px solid #c74346;

    border-radius: 20px;

}



.select_ul a i {

    background: url(../images/tiao.png) no-repeat;

    width: 1px;

    height: 25px;

    background-size: cover;

    display: inline-block;

    position: absolute;

    top: 0px;

    right: -20px;

}



.fengjing {

    margin-top: 35px;

    display: none;

}



.fengjing .berlinImg {

    width: 1200px;

    margin:0 auto;

    position: relative;

    height: 541px;

    background-size: cover;

    background-repeat: no-repeat;

}



.fengjing .berlinImg .berlinBg {

    width: 363px;

    height: 541px;

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

    position: absolute;

    top: 0px;

    right: 0px;

    padding: 60px 87px 0px 77px;

    box-sizing: border-box;

}



.fengjing .berlinImg .berlinBg h3 {

    width: 60px;

    font-size: 60px;

    color: #fff;

    line-height: 65px;

}



.fengjing .berlinImg .berlinBg span {

    width: 24px;

    height: 157px;

    position: absolute;

    top: 60px;

    left: 145px;

}



.fengjing .berlinImg .berlinBg p {

    width: 24px;

    font-size: 24px;

    color: #fff;

}

.fengjing .berlinImg .berlinBg p em{ display:block; width:24px; text-align:center;}



.care_on {

    position: absolute;

    top: 163px;

    right: 90px;

}



.life_on {

    position: absolute;

    top: 163px;

    right: 135px;

}



.fengjing .berlinImg .berlinBg i {

    background: url(../images/daoj.png) no-repeat;

    width: 84px;

    font-size: 16px;

    color: #fff;

    height: 113px;

    font-style: normal;

    position: absolute;

    bottom: 0px;

    right: 0px;

    padding: 60px 10px 0px 40px;

    box-sizing: border-box;

}



.xia_on {

    width: 33px;

    height: 33px;

    margin: 38px auto;

}



.xia_on i {

    background: url(../images/xia_on.png) no-repeat;

    width: 33px;

    height: 33px;

    background-size: contain;

    display: inline-block;

}



.xianshi {

    display: block!important;

}



.xia_on a {

    width: 33px;

    height: 33px;

}



.quotationAll {

    width: 100%;

    padding-top: 36px;

    background-color:#fff;

}



.quotationAll .quotation_mian {

    width: 1200px;

    margin: 0 auto;

}



.quotation_mian .quoTit {

    text-align: center;

}



.chooseSec {

    margin-top: 32px;

}



.chooseSec h3 {

    font-weight: normal;

    font-size: 24px;

    color: #3d3d3d;

    margin-bottom: 17px;

    text-align: center;

}



.conditions {

    width: 700px;

    margin: 0 auto;

}



.chooseSec ul {

    overflow: hidden;

}



.chooseSec ul li {

    width: 114px;

    float: left;

}



.chooseSec ul li p {

    font-size: 16px;

    color: #000;

    text-align: center;

}



.chooseSec ul li span {

    width: 114px;

    height: 30px;

    background: #C74346;

    display: inline-block;

    line-height: 30px;

    text-align: center;

    font-size: 14px;

    color: #f2f2f2;

}



.chooseSec ul em,.chooseSec ul am {

    font-style: normal;

    font-size: 24px;

    color: #3d3d3d;

    position: relative;

    top: 17px;

    display: inline-block;

    float: left;

    margin: 0px 30px;

}



.formBiao {

    margin-top: 35px;

}



.formBiao .teleInp {

    width: 600px;

    margin: 0 auto;

    overflow: hidden;

}



.teleInp label {

    width: 100px;

    height: 28px;

    line-height: 28px;

    display: inline-block;

    float: left;

    text-align: right;

    font-size: 18px;

    color: #3d3d3d;

}



.teleInp input {

    width: 260px;

    height: 28px;

    box-sizing: border-box;

    float: left;

    margin-left: 15px;

    border: 1px solid #bdbdbd;

    padding-left: 10px;

    box-sizing: border-box;

}

.teleInp input.yanzheng{

    width: 100px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    margin-left: 10px;

    box-sizing: border-box;

    border: 1px solid #bdbdbd;

    display: inline-block;

    float: left;

    font-size: 16px;

    color: #b2b2b2;

}

.teleInp span {

    width: 100px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    margin-left: 10px;

    box-sizing: border-box;

    border: 1px solid #bdbdbd;

    display: inline-block;

    float: left;

    font-size: 16px;

    color: #b2b2b2;

}



.teleInp img {

    vertical-align: middle;

    margin-left: 15px;

}



.formBiao am{

    display: block;

    text-align: center;

    margin: 10px 0px;

    font-size: 16px;

    color: #c74346;

    font-style: normal;

}



.formBiao a {

    width: 185px;

    height: 36px;

    border: 1px solid #ae4040;

    display: block;

    margin: 0 auto;

    text-align: center;

    line-height: 36px;

    font-size: 21px;

    color: #c74346;

}



.formBiao .wenxin {

    text-align: center;

    font-size: 16px;

    color: #3d3d3d;

    margin-top: 6px;

}



.lookBiao {

    width: 1200px;

    margin-top: 38px;

    overflow: hidden;

}



.lookBiao .look_le {

    width: 786px;

    height: 280px;

    float: left;

    border: 1px solid #bdbdbd;

    padding: 20px 10px;

    box-sizing: border-box;

}



.lookName {

    width: 760px;

    height: 239px;

    background: #ededed;

    position: relative;

    padding: 10px;

    box-sizing: border-box;

    overflow:hidden;

}

.lookName ul{}

.lookName li{height: 60px; line-height:60px;}

.lookName li span{ width: 181px;

    height: 60px;

    font-size: 14px;

    color: #3d3d3d;

    text-align: center;

    position: relative; display:inline-block;}





.lookName table {

    border-collapse: collapse;

    width: 742px;

}



.lookName table .tr_name {

    width: 742px;

    height: 39px;

    background: #c74346;

}



.lookName table .tr_name td {

    width: 136px;

    height: 39px;

    font-size: 24px;

    color: #fff;

    text-align: center;

    position: relative;

}



.lookName table .tr_name td i {

    background: url(../images/xians.png) no-repeat;

    width: 1px;

    height: 25px;

    position: absolute;

    right: 0px;

    top: 8px;

}



.lookName table .lookFen {

    width: 742px;

    height: 60px;

    overflow:hidden;

}

.lookName table .misfj{

    height: 60px;

    overflow:hidden;

}

.lookName table tr {

    width: 742px;

}



.lookName table .lookFen td {

    width: 136px;

    height: 60px;

    font-size: 14px;

    color: #3d3d3d;

    text-align: center;

    position: relative

}



.lookName table .lookFen td a {

    width: 94px;

    height: 33px;

    border: 1px solid #bdbdbd;

    line-height: 33px;

    text-align: center;

    display: inline-block;

    border-radius: 20px;

    color: #3d3d3d;

}



.lookName table .textTr td textarea {

    width: 736px;

    height: 60px;

    position: absolute;

    bottom: 65px;

    left: 10px;

    resize: none;

}



.lookName table .textTr {

    width: 736px;

    height: 60px;

}



.look_ri {

    width: 398px;

    height: 280px;

    border: 1px solid #bdbdbd;

    float: right;

    padding: 0px 13px;

    box-sizing: border-box;

}



.look_ri h3 {

    font-size: 24px;

    color: #3d3d3d;

    line-height: 50px;

    text-align: center;

    font-weight: normal;

}



.orderForm {

    overflow: hidden;

    margin-bottom: 10px;

}



.orderForm .orderLeft {

    width: 180px;

    height: 36px;

    float: left;

}



.orderForm .orderLeft input {

    width: 180px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #bdbdbd;

    padding-left: 10px;

    box-sizing: border-box;

    font-size: 16px;

    color: #b2b2b2;

}



.orderForm .orderRight {

    width: 180px;

    height: 36px;

    float: right;

}



.orderForm .orderRight input {

    width: 180px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #bdbdbd;

    padding-left: 10px;

    box-sizing: border-box;

    font-size: 16px;

    color: #b2b2b2;

}



.orderForm .areaOns {

    width: 369px;

    height: 36px;

}



.orderForm .areaOns input {

    width: 369px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #bdbdbd;

    padding-left: 10px;

    box-sizing: border-box;

    font-size: 16px;

    color: #b2b2b2;

}



.look_ri span {

    display: block;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    color: #c74346;

}



.look_ri p {

    text-align: center;

}



.look_ri p a {

    width: 247px;

    height: 43px;

    display: inline-block;

    background: #c74346;

    line-height: 43px;

    text-align: center;

    font-size: 24px;

    color: #fff;

}



.promiseAll {

    width: 100%;

    height: 459px;

    margin-top: 70px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.promiseMain {

    width: 1200px;

    margin: 0 auto;

    padding-top: 25px;

    box-sizing: border-box;

}



.proTit {

    text-align: center;

    margin-bottom: 50px;

}



.proTit p {

    text-align: center;

    font-size: 14px;

    color: #321616;

    margin-top: 18px;

}



.promise_ul {

    width: 1200px;

    margin: 0 auto;

}



.promise_ul ul {

    overflow: hidden;

}



.promise_ul ul li {

    width: 170px;

    text-align: center;

    float: left;

    margin-right: 75px;

}



.promise_ul ul li:last-child {

    margin-right: 0px;

}



.promise_ul ul li i {

    width: 120px;

    height: 120px;

    margin: 0 auto;

    background-size: contain;

    background-repeat: no-repeat;

}



.promise_ul ul li p {

    font-size: 18px;

    color: #444444;

    margin-top: 18px;

}



.promise_ul ul li span {

    display: block;

    font-size: 14px;

    color: #444444;

}



.Individuality {

    width: 100%;

    background: url(../images/batu.jpg) no-repeat;

    height: 838px;

    background-size: cover;

}



.Individmian {

    width: 1200px;

    margin: 0 auto;

    padding-top: 30px;

    box-sizing: border-box;

}



.Individmian .indivTit {

    text-align: center;

    margin-bottom: 35px;

}



.indivit_bg {

    width: 1200px;

    height: 548px;

    background: #fff;

    padding: 50px 43px 0px 17px;

    box-sizing: border-box;

}



.indivit_bg p {

    font-size: 24px;

    color: #c44749;

}



.indivit_bg p i {

    background: url(../images/buzou.png) no-repeat;

    width: 28px;

    height: 22px;

    background-size: contain;

    display: inline-block;

    position: relative;

    top: 3px;

    margin-left: 6px;

}



.xiang_on {

    width: 33px;

    height: 33px;

    margin: 0 auto;

    padding-top: 36px;

}



.xiang_on i {

    background: url(../images/xia.png) no-repeat;

    width: 33px;

    height: 33px;

    display: inline-block;

    background-size: contain;

}





/* Page styles */



fieldset {

    border: 0;

    margin: 1em 0 0;

    border-top: 1px dotted #aaa;

}



.question label {

    font-size: 24px;

    color: #3c3c3c;

    margin-right: 15px;

    float: left;

    clear: left;

    width: 130px;

    text-align: right;

}



.question label em {

    font-size: 12px;

    color: #999;

    display: block;

    font-style: normal;

    text-align: right;

    text-transform: uppercase;

}





/* question */



.question {

    position: relative;

    padding: 45px 0;

    height: 50px;

}

.qus-ab1{

    position: absolute;

    left: 120px;

    top: 10px;

}

.qus-ab1 > div{

    width:54px;

    height:26px;

    line-height: 26px;

    text-align: center;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    background-color: #c44749;

    color: #fff;

    font-size: 14px;

}

.qus-ab1 > div.mm{

    line-height: 20px;

}

.qus-ab1 > i{

    margin:2px auto 0;

    width:0;

    height: 0;

    border-top:4px solid #c44749;

    border-left:4px solid transparent;

    border-right: 4px solid transparent;

}

.qus-ab2{

    position: absolute;

    left: 143px;

    top: 80px;

    width: 984px;

    color:#3c3c3c;

    font-size: 14px;

}

.qus-ab2:after{

    content:'';

    display: block;

    clear: both;

    visibility: hidden;

    overflow: hidden;

}

.qus-ab2 > span.ab2-left{

    float: left;

}

.qus-ab2 > span.ab2-right{

    float:right;

}

.qus-ab3{

    position: absolute;

    left: 143px;

    top: 84px;

    width: 984px;

    color:#3c3c3c;

    font-size: 14px;

}

.qus-ab3 > span{

    position: absolute;

    top:0;

}

.slider-status {

    float: left;

    font-weight: bold;

    font-size: 1.5em;

    color: #444;

}



input#price,

input#bedrooms,

input#baths {

    float: left;

    font-size: 1.3em;

    font-weight: bold;

    width: 55px;

    border: 1px solid #ccc;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    padding: .2em;

}



input#search {

    background: #666 url(../images/bg-button.png) 50% repeat-x;

    color: #fff;

    padding: .4em 1.3em;

    border: 2px solid #444;

    font-size: 1.7em;

    font-weight: bold;

    -moz-border-radius: 1.3em;

    -webkit-border-radius: 1.3em;

    border-radius: 1.3em;

    cursor: pointer;

    margin: 1em 0 0 150px;

    width: 200px;

}



input#search:hover {

    background-image: url(../images/bg-button-hover.png);

}



#subway,

#water,

#walking {

    display: none;

}





/* ui-slider */



.ui-slider {

    position: relative;

    top: .8em;

    width: 979px;

    float: left;

    text-align: left;

    height: 1em;

    background: #ebebec url(../images/bg-slider.png) top repeat-x;

    border: 1px solid #aaa;

    -moz-border-radius: .5em;

    -webkit-border-radius: .5em;

    border-radius: .5em;

}



.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 1.6em;

    height: 1.6em;

    top: -.5em;

    margin-left: -.8em;

    cursor: pointer;

    border: 2px solid #444;

    background: #fff url(../images/bg-slider-handle.png) 50% repeat-x;

    -moz-border-radius: .9em;

    -webkit-border-radius: .9em;

    border-radius: .9em;

}



.ui-slider .ui-slider-handle:hover,

.ui-slider .ui-slider-handle:focus {

    background-image: url(../images/bg-slider-handle-hover.png);

}



.ui-slider .ui-slider-handle:active {

    background-image: none;

}



.ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    top: 0;

    height: 100%;

    background: #999 url(../images/bg-slider-range.png) 50% repeat-x;

    left: 0;

    -webkit-border-radius:8px ;

    -moz-border-radius:8px ;

    -ms-border-radius:8px ;

    -o-border-radius:8px ;

    border-radius:8px ;

}





/* sliders-labels */



.sliders-labels {

    height: 2em;

    margin-left: 145px;

    width: 293px;

    background: url(../images/bg-continuum.png) bottom left no-repeat;

    padding-top: 1em;

}



.sliders-labels span.label-first {

    float: left;

}



.sliders-labels span.label-last {

    float: right;

}





/*设计师弹窗*/



.bg {

    width: 100%;

    height: 100%;

    display: none;

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

    position: fixed;

    top: 0px;

    left: 0px;

}



.sheTan {

    width: 724px;

    height: 452px;

    display: none;

    background: #fff;

    border-radius: 5px;

    position: fixed;

    top: 20%;

    left: 50%;

    margin-left: -362px;

    z-index: 999;

}



.sheTit {

    height: 65px;

    background: #f9f8f7;

    border-bottom: 1px solid #eaeaea;

    position: relative;

    padding-top: 15px;

    box-sizing: border-box;

}



.sheTit p {

    width: 555px;

    height: 33px;

    margin: 0 auto;

    font-size: 26px;

    color: #c74246;

    background: url(../images/kxian.png) no-repeat;

    text-align: center;

    line-height: 33px;

}



.sheTit span {

    background: url(../images/close.png) no-repeat;

    width: 30px;

    height: 30px;

    background-size: contain;

    position: absolute;

    top: 18px;

    right: 21px;

}



.freeMain {

    overflow: hidden;

}



.freeMain .freeLeft {

    width: 230px;

    float: left;

    border-right: 1px solid #eaeaea;

    padding: 0px 15px;

    box-sizing: border-box;

}



.freeLeft .experience {

    padding-top: 10px;

    box-sizing: border-box;

    padding-bottom: 22px;

    border-bottom: 1px solid #999999;

}



.freeLeft .experience i {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

    display: block;

    margin: 0 auto;

    width: 134px;

    height: 134px;

    border-radius: 100%;

    border: 4px solid #eaeaea

}



.freeLeft .experience h3 {

    font-size: 36px;

    color: #333333;

    margin-top: 16px;

    font-weight: normal;

    text-align: center;

    margin-bottom: 7px;

}



.freeLeft .experience span {

    width: 106px;

    height: 21px;

    border: 1px solid #999999;

    font-size: 14px;

    display: block;

    margin: 0 auto;

    color: #666666;

    line-height: 21px;

    text-align: center;

}



.undergo p {

    margin-top: 16px;

    font-size: 14px;

    color: #666666;

}



.freeRight {

    width: 490px;

    float: right;

    padding: 18px 20px 0px 0px;

    box-sizing: border-box;

}



.freeAll {

    overflow: hidden;

    margin-bottom: 18px;

}



.freeAll .freeName {

    width: 233px;

    float: left;

    overflow: hidden;

}



.freeAll .freeName label {

    width: 100px;

    padding-right: 8px;

    box-sizing: border-box;

    float: left;

    height: 40px;

    line-height: 40px;

    text-align: right;

    font-size: 16px;

    color: #333333;

}



.freeAll .freeName label em {

    font-style: normal;

    color: #c74246;

    display: inline-block;

    margin-right: 6px;

}



.freeAll .freeName input {

    width: 128px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.freeAll .freeTel {

    width: 233px;

    float: right;

    overflow: hidden;

}



.freeAll .freeTel label {

    width: 100px;

    padding-right: 8px;

    box-sizing: border-box;

    float: left;

    height: 40px;

    line-height: 40px;

    text-align: right;

    font-size: 16px;

    color: #333333;

}



.freeAll .freeTel label em {

    font-style: normal;

    color: #c74246;

    display: inline-block;

    margin-right: 6px;

}



.freeAll .freeTel input {

    width: 128px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.suoArea {

    margin-bottom: 18px;

    overflow: hidden;

}



.suoArea label {

    width: 100px;

    padding-right: 8px;

    box-sizing: border-box;

    float: left;

    height: 40px;

    line-height: 40px;

    text-align: right;

    font-size: 16px;

    color: #333333;

}



.suoArea label em {

    font-style: normal;

    color: #c74246;

    display: inline-block;

    margin-right: 6px;

}



.suoArea select {

    width: 180px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.loupan {

    margin-bottom: 18px;

    overflow: hidden;

}



.loupan label {

    width: 100px;

    padding-right: 8px;

    box-sizing: border-box;

    float: left;

    height: 40px;

    line-height: 40px;

    text-align: right;

    font-size: 16px;

    color: #333333;

}



.loupan label em {

    font-style: normal;

    color: #c74246;

    display: inline-block;

    margin-right: 6px;

}



.loupan input {

    width: 370px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.sexArea {

    margin-bottom: 18px;

    overflow: hidden;

    position: relative;

}



.sexArea label {

    width: 100px;

    padding-right: 8px;

    box-sizing: border-box;

    float: left;

    height: 40px;

    line-height: 40px;

    text-align: right;

    font-size: 16px;

    color: #333333;

}



.sexArea label em {

    font-style: normal;

    color: #c74246;

    display: inline-block;

    margin-right: 6px;

}



.sexArea input {

    width: 115px;

    margin-left: 12px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.sexArea select {

    width: 115px;

    height: 40px;

    padding-left: 10px;

    background: #f9f8f7;

    box-sizing: border-box;

    line-height: 40px;

    border: 1px solid #cccccc;

    border-radius: 3px;

    float: left;

}



.sexArea span {

    position: absolute;

    top: 8px;

    right: 15px;

    font-size: 16px;

    color: #333;

}



.tiOrder {

    margin-top: 30px;

    margin-bottom: 15px;

    text-align: center;

}



.tiOrder a {

    width: 195px;

    height: 40px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    background: #c74246;

    font-size: 16px;

    border-radius: 4px;

    color: #fff;

}



.freeRight p {

    text-align: center;

    font-size: 16px;

    color: #000;

}



.freeRight p span {

    color: #c74246;

}



.baomi {

    text-align: center;

    margin-top: 8px;

    font-size: 14px;

    color: #666666;

}



.baomi i {

    background: url(../images/gantan.png) no-repeat;

    width: 15px;

    height: 15px;

    display: inline-block;

    background-size: contain;

    position: relative;

    top: 2px;

    margin-right: 5px;

}



.baomi span {

    color: #c74246;

}





/*家装攻略*/

.home_ul{width:100%; height:54px; margin-top:40px; border-bottom:1px solid #d2d2d2;}

.home_ul .homeCenter{width:650px; margin:0 auto; }

.home_ul .homeCenter ul{overflow:hidden;}

.home_ul .homeCenter ul li{width:103px; height:54px; font-size:16px;  line-height: 54px; text-align:center; margin-right:72px; float:left; }

.home_ul .homeCenter ul li:last-child{margin-right:0px; }

.home_ul .homeCenter ul li a{width:103px; height:54px; display: inline-block; color:#000;}

.home_ul .homeCenter ul li.on{background:#c74346; color:#fff; font-weight:bold; }

.home_ul .homeCenter ul li.on a{color:#fff;}

.decorateAll{width:100%; margin-top:25px; }

.decorateAll .logMain{width:1200px; margin:0 auto; overflow:hidden; display: none;}

.xianshi{display: block!important;}

.decorateAll .logMain .logLeft{width:805px; float:left; }

.logLeft .zhuang_tit{width:805px; overflow:hidden ; height:40px; border-bottom:1px solid #d2d2d2;}

.logLeft .zhuang_tit span{display: inline-block;height:40px; line-height: 40px; font-size:24px; color:#c74346; font-weight:bold;  }

.logLeft .zhuang_tit p{float:right;}

.logLeft .zhuang_tit p em{display: inline-block; font-style:normal;  height:40px; line-height: 40px; font-size:16px; color:#686868;}

.logLeft .zhuang_tit p input{width:90px; height:26px; line-height: 26px; border:1px solid #bfbfbf; padding-left:10px; box-sizing: border-box; font-size:12px; color:#c5c5c5;}

.daril_log{width:805px; }

.daril_log ul li{overflow:hidden; padding:20px 0px; box-sizing: border-box; border-bottom:1px solid #d2d2d2; cursor:pointer;}

.daril_log ul li .pic_le{width:265px; height:164px; float:left; }

.daril_log ul li .pic_le .picImgs{width:265px; height:164px; background-size:cover; background-repeat: no-repeat; background-position:center;}

.daril_log ul li .pic_ri{width:496px; float:right; position:relative;}

.daril_log ul li .pic_ri h3{font-size:18px; color:#1b1b1a; font-weight:normal; line-height: 60px ; }

.daril_log ul li .pic_ri h3 a{color:#000;}

.daril_log ul li:hover .pic_ri h3 a{color:#c74346;}

.daril_log ul li:hover .pic_ri .topShang a{ border:1px solid #c74346; color:#c74346;}



.daril_log ul li .pic_ri .picFonts{height:59px; width:455px; overflow: hidden;}

.topShang{margin-top:10px; position:absolute;  right:0px; bottom:38px;}

.pic_ri .topShang a{width:78px; height:20px; line-height: 20px; text-align:center; display: inline-block;   border:1px solid #b5b5b5; font-size:12px; color:#7c7c79;}

.pic_ri .timeOn{overflow:hidden; margin-top:20px;}

.pic_ri .timeOn em{float:left; font-style:normal; font-size:14px; color:#646464; }

.pic_ri .timeOn p{float:right; }

.pic_ri .timeOn p span{color:#de5858; font-size:14px; display: inline-block; }

.pic_ri .timeOn p span.eye_on{margin-right:12px; }

.pic_ri .timeOn p span.eye_on i{background:url(../images/eye_on.png) no-repeat; width:22px; height:13px; position:relative; display: inline-block; margin-right:4px;}

.pic_ri .timeOn p span.xin_on i{background:url(../images/xinxi_on.png) no-repeat; width:17px; height:17px; position:relative; top:2px; display: inline-block; margin-right:4px;}

.paiXu{width:450px; float:right; margin-top:48px; }

.paiXu ul{overflow:hidden;}

.paiXu ul li{width:26px; height:26px; float:left; margin-right:7px;  border:1px solid #dcdcdc; font-size:12px; color:#3d3d3d; line-height: 26px; text-align:center; cursor:pointer; }

.paiXu ul li.pageOn{width:57px!important;}

.paiXu ul li.page_on1{width:57px!important;}

.paiXu ul li:last-child{margin-right:0px; }

.paiXu ul li a{color:#3d3d3d;}

.paiXu ul li.on{border:0 none;}

.paiXu ul li.on a{color:#c74346;}



.logMain .logRight{width:360px; float:right; }

.logRight .logoTit{width:360px; height:40px; line-height: 40px; overflow:hidden; border-bottom:1px solid #d2d2d2;}

.logRight .logoTit span{font-weight:bold; font-size:24px; color:#CAA15F; float:left; display: inline-block;}

.logRight .logoTit p{float:right; font-size:14px; color:#686868;}

.logRight .logoTit p em{font-style:normal; display: inline-block; margin-right:10px; }

.logRight .logoTit p a{color:#686868; }

.hotUl{width:360px; margin-bottom:18px;  }

.hotUl ul li{padding:10px 0px; overflow:hidden; border-bottom:1px solid #c4bfbf; }

.hotUl ul li .homePic{width:162px; height:110px; float:left;}

.hotUl ul li .homePic img{width:162px; height:110px; vertical-align: middle;}

.hotUl ul li .chakan_on{width:190px; float:right; padding-top:15px; box-sizing: border-box; }

.hotUl ul li .chakan_on h3{font-size:14px; color:#090909; font-weight:normal;}

.hotUl ul li .chakan_on h3 a{ color:#090909;}

.hotUl ul li .chakan_on h3 a:hover{color:#c4bfbf;}

.hotUl ul li .chakan_on .cha_xq{overflow:hidden; margin-top:23px; }

.hotUl ul li .chakan_on .cha_xq a{width:75px; height:23px; line-height: 23px; display: inline-block; text-align:center; background:#c74346; font-size:16px; color:#fff;}

.hotUl ul li .chakan_on .cha_xq p{float:right;}

.hotUl ul li .chakan_on .cha_xq p span{color:#888383; font-size:14px; display: inline-block; }

.chakan_on .cha_xq p span.eye_on{margin-right:6px; }

.chakan_on .cha_xq p span.eye_on i{background:url(../images/eye_on.png) no-repeat; width:22px; height:13px; position:relative; display: inline-block; margin-right:4px;}

.chakan_on .cha_xq p span.xin_on i{background:url(../images/xinxi_on.png) no-repeat; width:17px; height:17px; position:relative; top:2px; display: inline-block; margin-right:4px;}

.tuCeng{width:300px; height:125px; background-size:cover; margin:0 auto; padding-top:20px; box-sizing: border-box;}

.cengBg{width:240px; height:170px; text-align:center; background:rgba(255,255,255,0.7); margin:0 auto; padding-top:43px; box-sizing: border-box; }

.cengBg p{font-size:24px; color:#000000;}

.cengBg span{font-size:16px; color:#000; margin-top:5px; margin-bottom:15px; display: block; }

.cengBg a{width:99px; height:28px; line-height: 28px; margin:0 auto; text-align:center; border-radius:8px; display: block; background: rgba(89, 83, 82, 0.4); color:#fff;}

.tuForm{width:300px; margin:0 auto; }

.tuForm p{line-height: 46px; font-size:24px; width:220px; margin-bottom:19px!important; margin:0 auto; text-align:center;  color:#3d3d3d; border-bottom:1px solid #bfbfbf;}

.tuForm .xiuform{overflow:hidden; margin-bottom:19px; }

.tuForm .xiuform label{width:97px; height:25px; text-align:right; font-size:16px; margin-right:7px;  color:#3d3d3d; display: inline-block; float:left;}

.tuForm .xiuform  input{width:150px; height:25px; border:1px solid #bfbfbf;  font-size:12px; float:left; color:#999; padding-left:8px; box-sizing: border-box;}

.tuForm .xiuform  select{width:150px; height:25px; border:1px solid #bfbfbf; font-size:12px; float:left; color:#999; padding-left:8px; box-sizing: border-box;}

.yzm_on{width:82px!important; margin-right:12px; }

.tuForm span{color: #ff6c43; font-size:12px; margin-bottom:20px; margin-top:5px; margin-left:45px; display: block; }

.tuForm .anButton{text-align:center; }

.tuForm .anButton a{width:81px; height:27px; line-height: 27px; border-radius:9px;  text-align:center; font-size:12px; color:#fff; display: inline-block;}

.tuForm .anButton a.btn1{background:#c74346; margin-right:28px;}

.tuForm .anButton a.btn2{background:#e5ce26;}



/*案列详情*/

.show-3-1{

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.float{

    float: left;

}

.hd ul li{

    list-style-type: none;

}

.showbd{

    width:892px;

    height: 557px;

}

.manshow{

    width: 288px;



    overflow:hidden;

    float: right;

    position:relative;

}

.manshow .slideBox1{ position:relative; width: 287px; height:auto; background-color: #333333;overflow: hidden;}

.manshow .slideBox1 ul{}

.manshow .slideBox1 li{ overflow:hidden; height:532px;}

.manshow .slideBox1 .bd { position:relative;}

.manshow .slideBox1 .bd .slidefl{ display:block; width:19px; height:35px; background:url(../images/slidefl.png) no-repeat center; background-size:contain; position:absolute; top:85px; left:20px;}

.manshow .slideBox1 .bd .slidefr{ display:block; width:19px; height:35px; background:url(../images/slidefr.png) no-repeat center; background-size:contain; position:absolute; top:85px; right:20px;}

.showhd{

    width:356px;

    height: 153px;

}

.showhd ul li a img{

    width: 173px;

    height: 117px;

}

.showhd ul{

    overflow: hidden;

}









.slideBox{ width:450px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative}

.slideBox .bd img{ width:892px; height:557px; display:block;  }





.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:39%; margin-top:-25px; display:block; width:60px; height:110px; background:url(../images/slider-arrow.png) -100px 35px no-repeat; filter:alpha(opacity=50);opacity:0.5; background-color: rgba(21, 21, 21, 0.51)  }

.slideBox .next{ left:auto; right:3%; background-position:21px 33px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }



.caption{

    width: 892px;

    height: 37px;

    background-color: rgba(21, 21, 21, 0.51);

    position: absolute;

    bottom: 0;

    left: 0;

    color: white;

    font-size: 16px;

    text-align: center;

    line-height: 37px;

}

.prompt{

    width: 892px;

    height: 60px;

    line-height: 60px;

    overflow: hidden;

    border-bottom: dashed 1px #dddddd;

}

.other{

    width: 892px;

    height: 152px;

    margin-top: 20px;

    overflow: hidden;

}

.other_show{

    width: 192px;

    height: 152px;

    border: 1px solid #dddddd;

    padding: 17px 16px;

    box-sizing: border-box;

}



.picScroll-left{ width:450px;  overflow:hidden; position:relative; }

.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; overflow:hidden;

    cursor:pointer;}

.picScroll-left .hd .next{}

.picScroll-left .hd .prevStop{ background-position:-60px 0; }

.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }

.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ padding:10px;   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{ line-height:24px;   }





.manshow_introduce{

    width: 287px;

    padding: 20px 23px;

    box-sizing: border-box;

}

.manshow_herd{ border-radius: 50%; width: 161px;height: 161px;margin: 0px auto; background-color:#fff; padding:2px;}

.manshow_herd img{border-radius: 50%; width: 161px!important;height: 161px!important;margin: 0 auto}

.manshow_herd .img{width: 161px;height: 161px; background-position:top center; background-repeat:no-repeat; background-size:cover; border-radius: 50%;}

.manshow_introduce_text{

    width: 235px;

    line-height: 36px;

    margin-top: 45px;

}

.manshow_introduce_text p{

    color: #cccccc;

    line-height:25px;

}

.manshow_introduce_button{

    text-align: center;

    margin-top: 84px;



}

.manshow_introduce_button button{

    width: 100px;

    height: 26px;

    background-color: #ffffff;

    border-radius: 4px;

    font-size: 16px;

    color: #333333;

}

.show-3-2{

    width: 1200px;

    margin: 0 auto;

}

.show-3-2_top{

    border-bottom: 1px dashed #dddddd;

    position: relative;

    width: 1200px;

    height: 76px;

    line-height: 76px;

    padding: 0 10px;

    box-sizing: border-box;

}

.show-3-2_top span{

    color: #333333;

    font-size: 16px;

}

.show-3-2_mid{

    width: 1200px;

    height: 371px;

    border: 1px solid #828282;

    margin-top: 26px;

    overflow: hidden;

}

.show-3-2_mid_seclect{

    width: 1007px;

    height: 125px;

    margin-top: 29px;

}

.show-3-2_mid_seclect ul li{

    width: 157px;

    height: 125px;

    margin-left:10px;

    float: left;

}

.seclect_box{

    width: 157px;

    height: 114px;

    padding: 15px 8px;

    box-sizing:border-box ;

}

.seclect_box-1{

    width: 141px;

    height: 84px;

    border: 1px solid #ffffff;

    text-align: center;

}

.seclect_box-1 p{

    font-size: 18px;

    color: #ffffff;

    margin-top: 10px;

}

.seclect_box_icon{

    width: 157px;

    height: 0px;

    transition: all 0.2s;

}

.box_icon{

    height: 11px!important;

}



.show-3-2_mid_text{

    margin-top: 3px;

    padding: 26px 15px;

    box-sizing: border-box;

}

.text_no1{

    width: 972px;

    height: 159px;

    border: 1px solid #dddddd;

    display: none;

}

.text_no1 ul li{

    width: 121px;

    height: 78px;

    text-align: center;

    padding-top: 14px;

    box-sizing: border-box;

    position: relative;

    float: left;

}

.text_no1 ul{

    width: 972px;

    height: 79px;

}

.text_no1 ul li span{

    font-size: 16px;

    color: #333333;

}

.text_no1 ul li p{

    font-size: 10px;

    color: #999999;

}

.display{

    display: block!important;

}

.mid_img{

    display: none;

}



.show_bottom{

    width: 1200px;

    margin: 0 auto;

}

.show_bottom_show{

    width: 1200px;



    margin-top: 48px;

}

.show_bottom_show ul{overflow:hidden;}

.buttom_box_2{

    width: 370px;height: 49px;padding: 9px 10px;box-sizing: border-box;overflow: hidden;line-height: 30px;

    border:1px solid #c74346 ;

    border-top: 0;

}

.show_bottom_show ul li{

    float: left;

}

.show_bottom_show ul li:nth-child(2){

    margin: 0 45px;

}



/*核心优势-独立质检体系*/

.formAll{width:100%; background:#efefef; border-bottom:4px solid #c74346;}

.formAll .formMain{width:1200px; margin:0 auto; padding:32px 65px; box-sizing: border-box; overflow:hidden;}

.formMain .danLeft{width:750px; float:left; }

.danLeft .postDel{overflow:hidden; margin-bottom:20px; }

.danLeft .postDel input{width:210px; height:37px; float:left; border:1px solid #bdbdbd; padding-left:10px; box-sizing: border-box; font-size:16px; color:#b2b2b2;}

.seleceArea{overflow:hidden;}

.seleceArea select{width:210px; height:37px; margin-right:60px;  float:left; border:1px solid #bdbdbd; padding-left:10px; box-sizing: border-box; font-size:16px; color:#b2b2b2;}

.seleceArea select p{float:left;}

.seleceArea  p input{width:105px; height:37px;   border:1px solid #bdbdbd; padding-left:10px; box-sizing: border-box; font-size:16px; color:#b2b2b2;}

.seleceArea  p img{ margin-left:6px;  vertical-align: middle;}

.danRight{width:247px; height:96px; background:#c74346; text-align:center; float:right; padding-top:28px; box-sizing: border-box;}

.danRight p{font-size:24px; color:#fff;}

.danRight span{font-size:12px; color:#d98c8d; text-transform: uppercase;}

.nav_all{width:100%; padding-top:60px; box-sizing: border-box; border-bottom:1px solid #;}

.nav_all .nav_mian{width:1200px; margin:0 auto; text-align:center;}

.nav_mian  a{width:134px; height:54px; display: inline-block; margin-right:66px; line-height: 54px; color:#010101; font-size:16px; }

.nav_mian  a:last-child{margin-right:0px; }

.nav_mian  a.on{color:#fff; background:#c74346; font-weight:bold;  }

.designban{width:100%; background-size:cover; background-position: center; background-repeat: no-repeat;}

.customAll{width:100%; margin-bottom:38px; }

.customAll .customMain{width:1200px; margin:0 auto; padding-top:52px; box-sizing: border-box;}

.custom_tit{text-align:center; }

.custom_ul{width:1200px; margin-top:35px; }

.custom_ul ul{overflow:hidden;}

.custom_ul ul li{width:280px; height:375px; float:left; margin-right:25px; }

.custom_ul ul li:last-child{margin-right:0px;}

.custom_ul ul li .custom_pic{width:280px; height:375px; background-size:cover; position:relative;}

.custom_ul ul li .custom_pic .customFont{width:190px; height:84px; position:absolute; left:50%; margin-left:-95px; top:50%; margin-top:-42px; background:rgba(0,0,0,0.5); }

.custom_ul ul li .custom_pic .customFont p{text-align:center; line-height: 40px; font-size:24px; color:#fff;}

.custom_ul ul li .custom_pic .customFont span{display: block; font-size:14px; color:#fff; text-align:center; }

.spaceLife{width:1200px; margin-top:32px; }

.spaceLife ul{overflow:hidden;}

.spaceLife ul li{width:594px; height:351px; float:left; margin-right:12px; position:relative;}

.spaceLife ul li:last-child{margin-right:0px; }

.spaceLife ul li span{width:120px; background:rgba(200,67,70,0.8); height:40px; display: inline-block; font-size:24px; color:#fff; line-height: 40px; text-align:center; position:absolute; top:0px; left:0px; }

.spaceLife ul li p{width:100%; background:#000000; height:50px;  position:absolute; bottom:0px; left:0px; padding:6px 3px 0px 3px; box-sizing: border-box; font-size:14px; color:#fff;}

.designban .banmain{width:1200px; margin:0 auto; padding-top:34px; box-sizing: border-box;}

.banmain .ban_Bg{width:526px; height:516px; margin:0 auto; background:rgba(0,0,0,0.5); padding-top:40px; box-sizing: border-box; font-size:26px; color:#fff; text-align:center; }



/**/

.standard_ul{width:1200px; margin-top:24px; margin-bottom:16px; }

.standard_ul ul{overflow:hidden;}

.standard_ul ul li{width:230px; float:left; margin-right:12px; }

.standard_ul ul li:last-child{margin-right:0px; }

.standard_ul ul li .dard_img{width:230px; height:253px; background-size:cover; }

.standard_ul ul li .dard_font{width:230px; height:227px; margin-top:-7px;  background-size:cover; padding-top:30px; box-sizing: border-box; text-align:center; }

.standard_ul ul li .dard_font p{font-size:42px; font-weight:bold; color:#fff; margin-bottom:4px; }

.standard_ul ul li .dard_font em{display: block; width:120px; height:6px; margin:0 auto; background:#fff; }

.standard_ul ul li .dard_font span{font-size:20px; color:#fff; display: block; margin-top:8px; }

.standard_ul ul li .dard_font1{width:230px; height:227px; margin-top:-7px;  background-size:cover; padding-top:30px; box-sizing: border-box; text-align:center; }

.standard_ul ul li .dard_font1 p{font-size:42px; font-weight:bold; color:#000; margin-bottom:4px; }

.standard_ul ul li .dard_font1 em{display: block; width:120px; height:6px; margin:0 auto; background:#000; }

.standard_ul ul li .dard_font1 span{font-size:20px; color:#000; display: block; margin-top:8px; }

.down_on{width:59px; height:54px; margin:0 auto; }

.down_on i{background:url(../images/down_on.png) no-repeat; width:59px; height:54px; }

.pinzhi{width:1200px; margin:0 auto; height:185px; margin-top:-15px!important;}

.fiveUl{width:1200px; margin-top:24px; }

.fiveUl ul{overflow:hidden;}

.fiveUl ul li{width:230px; height:262px; float:left; background:#000; margin-right:12px;  padding-top:45px; box-sizing: border-box; }

.fiveUl ul li:last-child{margin-right:0px; }

.fiveUl ul li i{background-size:cover; background-repeat: no-repeat; margin:0 auto; display: block; width:111px; height:111px; }

.fiveUl ul li .large1{background-image:url(../images/dian1.png);}

.fiveUl ul li .large2{background-image:url(../images/dian2.png);}

.fiveUl ul li .large3{background-image:url(../images/dian3.png);}

.fiveUl ul li .large4{background-image:url(../images/dian4.png);}

.fiveUl ul li .large5{background-image:url(../images/dian5.png);}

.fiveUl ul li p{text-align:center; font-size:32px; color:#fff; margin-top:22px;  }

.guishu{width:1280px; margin:0 auto; margin-top:32px!important;}

.guishu img{width:1280px; height: 751px; }



/**/

.service_ul{width:1200px; margin-top:28px; }

.service_ul ul{overflow:hidden;}

.service_ul ul li{width:280px; height:375px; float:left; margin-right:25px; }

.service_ul ul li:last-child{margin-right:0px;}

.service_ul ul li .serImg{width:280px; height:375px; background-size:cover; background-position: center; background-repeat: no-repeat; position:relative;}

.service_ul ul li .serImg .servBg{background:rgba(0,0,0,0.5); width:280px; height:375px; padding-top:160px; box-sizing: border-box; }

.service_ul ul li .serImg .servBg p{width:203px; height:50px; line-height: 50px;  border:1px solid #fff; font-size:24px; color:#fff; margin:0 auto; padding-left:13px; box-sizing: border-box;}

.zhijian{width:100%; height:391px;}

.zhijian img{width:100%; height:391px; vertical-align: middle;}

.titFont{text-align:center; font-size:20px; color:#797979; margin-bottom:25px;  }

.showUl{width:1200px; margin-top:30px; }

.showUl ul{overflow:hidden;}

.showUl ul li{width:170px; float:left; text-align:center;}

.showUl ul li img{ height:244px; width:170px; }

.showUl ul li p{text-align:center; font-size:20px; color:#333131;}

.system_ul{width:1200px; margin-top:30px; }

.system_ul ul{overflow:hidden;}

.system_ul ul li{width:600px; float:left;}

.system_ul ul li .system_img{width:600px; height:270px;}

.system_ul ul li .system_img img{width:600px; height:270px;}

.system_ul ul li .sysFont{width:600px; height:270px; background:#f1f1f1;}

.system_ul ul li .sysFont p{font-size:44px; color:3545454; font-weight:bold; text-align:center;}

.system_ul ul li .sysFont em{background:#545454; width:173px; height:4px; display: block; margin:0 auto; }

.system_ul ul li .sysFont span{font-size:14px; color:#555555; display: block; text-align:center; margin-top:20px; }

.system_ul ul li .sysFont1{width:600px; height:270px; background:#d9bd50; padding-top:10px; box-sizing: border-box;  text-align:center;}

.system_ul ul li .sysFont1 p{font-size:44px; color:#fff; font-weight:bold; text-align:center;}

.system_ul ul li .sysFont1 em{background:#fff; width:173px; height:4px; display: block; margin:0 auto; }

.system_ul ul li .sysFont1 span{font-size:14px; color:#fff; display: block; text-align:center; margin-top:20px; margin-bottom:12px; }

.system_img1{overflow:hidden;}

.system_img1 img{float:left; width:299px; height:270px; }

.after_sale{text-align:center; margin-top:20px;}

.after_sale img{ position:relative; z-index:20; }

.repair_ul{width:1200px; padding:0px 30px; box-sizing: border-box;}

.repair_ul ul{}

.repair_ul ul li{width:310px; float:left; padding-top:32px; box-sizing: border-box; text-align:center;}

.repair_ul ul li i{background-size:contain; background-repeat: no-repeat; display: block;  margin:0 auto; width:71px; height:71px; }

.repair_ul ul li em{text-transform: uppercase; font-size:12px; font-style:normal;  color:#3d3d3d; display: block; margin-top:5px; }

.repair_ul ul li p{font-size:30px; color:#3d3d3d; font-weight:bold; margin-top:12px; }

.repair_ul ul li span{display: block; width:285px; margin:0 auto; font-size;14px; color:#3d3d3d; line-height: 22px; }

.repair_ul ul img{float:left; margin-top:-60px; position:relative; z-index:30;}

.paridAll{width:100%; background:url(../images/bg1.png) no-repeat center; height:400px;  background-size:cover; margin-top:45px; }

.paridAll .paridmian{width:1200px; margin:0 auto; }

.paridmian .paridLeft{width:670px; height:436px; float:left; margin-top:-18px; }

.paridRight{width:530px; height:400px; float:right; position:relative; padding:56px 0px 0px 80px; box-sizing: border-box;}

.paridRight p{font-size:30px; color:#3d3d3d; font-weight:bold; }

.paridRight em{font-size:14px; color:#ccc9c5; display: block; text-transform: uppercase; font-style:normal; }

.paridRight i{width:449px; height:5px; background-size:contain; display: inline-block; background:url(../images/xiantiao.png); margin:25px 0px;}

.paridRight span{font-size:16px; color:#3d3d3d; }

.paridRight img{position:absolute; left:-140px; bottom:40px; }

.ourService{text-align:center; font-size:16px; color:#3d3d3d; margin-top:20px;  }

.step_ul{width:1200px; margin-top:40px;}

.step_ul ul{overflow:hidden;}

.step_ul ul li{width:240px; float:left; }

.step_ul ul li .step_img{width:240px; height:180px; }

.step_ul ul li .step_img img{width:240px; height:180px; }

.step_ul ul li .step_font{width:240px; background:#dadada; padding-top:48px; height:180px;  box-sizing: border-box; position:relative;}

.step_ul ul li .step_font p{font-size:30px; color:#3d3d3d; font-weight:bold; text-transform: uppercase; padding-left:65px; box-sizing: border-box; }

.step_ul ul li .step_font span{display: block; font-size:16px; color:#3d3d3d; padding-left:70px; box-sizing: border-box; }

.step_ul ul li .step_font em{width:1px; height:40px; background:#c74346; position:absolute; top:90px; left:65px; display: inline-block;  }

.step_ul ul li .step_font i.top_on1{background:url(../images/up2.png) no-repeat; width:29px; height:14px; background-size: contain; display: inline-block; position:absolute; bottom:-14px; left:50%; margin-left:-14.5px; }

.step_ul ul li .step_font i.top_on2{background:url(../images/up1.png) no-repeat; width:29px; height:14px; background-size: contain; display: inline-block; position:absolute; top:-14px; left:50%; margin-left:-14.5px; }



/*首页增加*/

.search{position:relative;}

.shj_search_select_box{width: 85px; height: 38px; background: #f9f9f9;  cursor: pointer; border-right: 1px solid #d7d7d7; position:absolute; top:0px; left:0px; }

.shj_search_content{width: 85px; height: 38px; position: relative;}

.shj_search_content>h5{float: left; width: 80px; height: inherit; line-height: 38px; text-align: center; font-size: 13px;}

.shj_search_jicon{width: 9px; height: 5px; background: url('../images/jiaos.png') no-repeat;  display: block;  position: absolute; top:  15.5px; right: 8px;}

.shj_search_selects{position: absolute; z-index: 9999; width: 85px; height: 0px; padding: 0 2px; margin-left: -2px; display: none; transition: height 0.3s; -moz-transition: height 0.3s; -webkit-transition: height 0.3s; -o-transition: height 0.3s;}

.shj_search_select{width: 85px; line-height: 38px; text-align: center; border-left: 2px solid #c74346; border-right: 2px solid #c74346; background: #f9f9f9; position: relative; z-index: 999; margin-left: -2px;}

.shj_search_select:last-child{border-bottom: 2px solid #01965f; }

.shj_search_select:hover{background: #edefee; color: #ff343f;}

.shj_search_select_box:hover .shj_search_selects{display: block;}

.shj_search_select a{color:#333;}

.shj_search_select:hover a{color: #ff343f;}



/*漂浮框*/

.floatFlag{background:url(../images/zhuansghi.png) no-repeat; padding:103px 0px 0px 27px; box-sizing:border-box;   width:152px; height:663px; position:fixed; top:0px; right:20px; z-index:1000; }

.floatFlag span{width:25px; height:25px; position: absolute; top:0px; right:0px; cursor: pointer; }

.floatBg{width:56px; height:321px; background:url(../images/floating.png) no-repeat; background-size:cover; position:fixed; right:0px; top:160px; display: none;}

.floatFlag ul .online{

    width: 116px;

    height: 39px;

    line-height: 39px;

    font-size: 18px;

    margin-bottom: 13px;

    padding-left: 35px;

    box-sizing: border-box;

    position: relative;}

.floatFlag ul .online a{display: inline-block; width:100%; height:100%; color:#fff; }

.floatFlag ul .online i.zixun1{

    background: url(../images/box1.png) no-repeat;

    width: 24px;

    height: 20px;

    position: absolute;

    top: 11px;

    left: 5px;

}

.floatFlag ul .online i.zixun2{

    background: url(../images/box2.png) no-repeat;

    width: 21px;

    height: 24px;

    position: absolute;

    top: 10px;

    left: 7px;  }

.floatFlag ul .online i.zixun3{

    background: url(../images/box3.png) no-repeat;

    width: 21px;

    height: 25px;

    position: absolute;

    top: 9px;

    left: 9px;

}

.telephones{

    height: 60px;

    width: 115px;

    margin-bottom: 13px;

    padding-top: 5px;

    box-sizing: border-box;

    color: #fff;

}

.telephones p{

    font-size: 13px;

    position: relative;

    padding-left: 8px;

    box-sizing: border-box;

}

.telephones p i{background:url(../images/box4.png) no-repeat; width:0px; height:0px; background-size:contain; position:absolute; top:-3px; left:11px;  }

.telephones em{font-style:normal; font-size:14px; font-weight:bold; text-align:center; display: block; margin-top:4px;  }

.erwei_on{

    width: 120px;

    height: 120px;

    padding: 5px;

    box-sizing: border-box;

    margin-bottom: 37px; }

.erwei_on img{width:100px; height:100px; }

.fan_icon{width:42px; height:84px; margin-left:38px;  padding-top:10px; box-sizing: border-box; }

.fan_icon i{background:url(../images/box5.png) no-repeat; width:30px; height:42px; margin:0 auto;  }



/*设计列表*/

.anliscreen.segerk li dd{ width:208px; }

.anliscreen.segerk li dd a{ width:131px;}

.condition.mbnone{ margin-bottom:0px;}

.Designerlist{ position:relative; padding:18px 35px;}

.Designerlist ul{}

.Designerlist li{ width:256px; padding:7px; float:left; border:1px solid #fff; position:relative; margin-right:14px; margin-bottom:22px; cursor:pointer;}

.Designerlist li:nth-child(4n+4){ margin-right:0px;}

.Designerlist li .dgrimg{ width:256px; height:351px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.Designerlist li .signbg{ width:222px; height:66px; background-color:rgba(199,67,70,0.6); position:absolute; top:272px; padding:10px 17px; display:none;}

.Designerlist li .signbg h2{ font-weight:normal; color:#fff; font-size:14px;}

.Designerlist li .signbg h2 b{ font-weight:bold;}

.Designerlist li .signbg h2 i{ width:16px; height:16px; background-image:url(../images/sdr.png); padding:0px 20px; border-left:2px solid #fff; display:inline-block; margin-left:20px; vertical-align:middle;}

.Designerlist li .signbg p{ color:#fff; font-size:12px; margin-top:10px; height:35px; overflow:hidden;}

.Designerlist li .signtext{ position:relative;}

.Designerlist li .signtext .title{ margin:10px 0px;}

.Designerlist li .signtext .title span{ float:left; color:#c74346; font-size:16px;}

.Designerlist li .signtext .title span em{ font-style:normal; font-size:12px; margin-left:5px;}

.Designerlist li .signtext .title b{ font-weight:normal; color:#010101; font-size:14px; float:right;}

.Designerlist li .signtext .bgat{ margin:10px 0px;}

.Designerlist li .signtext .bgat b{ display:block; width:64px; height:22px; background-color:#c74346; color:#fff; font-size:14px; text-align:center; line-height:22px; font-weight:normal;}

.Designerlist li .signtext .bgat p{ color:#000; font-size:12px; margin:10px 0px; height:32px; overflow:hidden}

.Designerlist li .makebtn{ display:block; width:256px; height:45px; border:1px solid #c74346; line-height:45px; text-align:center; color:#c74346; font-size:14px;}

.Designerlist li .makebtn i.fl{ display:inline-block; width:3px; height:7px; background-image:url(../images/flon.png); vertical-align:middle; margin-left:70px; margin-top:20px;}

.Designerlist li .makebtn i.fr{ display:inline-block; width:3px; height:7px; background-image:url(../images/fron.png); vertical-align:middle; margin-right:70px; margin-top:20px;}

.Designerlist li.active{ border:1px solid #c74346;}

.Designerlist li.active .signbg{ display:block;}

.Designerlist li.active .makebtn{ background-color:#c74346; color:#fff;}

.Designerlist li.active .makebtn i.fl{ background-image:url(../images/fl.png);}

.Designerlist li.active .makebtn i.fr{ background-image:url(../images/fr.png);}

.team_intro{width:100%; margin-top:120px; }

.intromain{width:1200px; margin:0 auto; background:url(../images/shebg.jpg) no-repeat;  height:388px; position:relative;  }

.redmain{background:#c74346; width:910px; height:388px; position:absolute; top:-40px; left:50%; margin-left:-455px; }

.redmain .redImg{width:554px; padding:0px 23px; box-sizing:border-box; float:left;}

.redmain .redImg img{width:505px; height:401px; margin-top:-38px; }

.redmain .redFont{width:353px; float:left; padding:80px 25px 0px 0px; box-sizing: border-box;}

.redmain .redFont h3{font-size:31px; color:#fff; text-transform: uppercase;}

.redmain .redFont span{font-size:26px; color:#fff; display: inline-block; margin-top:13px; text-decoration: none;border-bottom: 1px solid;padding-bottom: 5px;}

.redmain .redFont p{font-size:14px; color:#fff; line-height: 22px; margin-top:22px; }



/*设计详情*/

manshow_introduce_button a{

    display: block;

    width: 167px;

    height: 41px;

    border-radius: 3px;

    background-color: white;

    margin: 0 auto;

}

.design_img1{

    width: 338px;

    height: 455px;

}

.design_img1 img {

    width: 338px;

    height: 455px;

}

.design_img1 .img {

    width: 338px;

    height: 455px;

    background-position:center;

    background-repeat:no-repeat;

    background-size:cover;

}

.float_right{

    float: right;

}

.design_introduce{

    width: 496px;

    height: 455px;

}

.design_introduce-1{



    width:496px ;

    margin-top: 8px;

}

.design_introduce-1 span{

    font-weight: bold;

    font-size: 36px;

    color: #c74346;

}

.design_introduce-2{

    overflow: hidden;

    margin-top: 4px;

}

.design_introduce-2-te{

    width: 107px;

    height: 20px;

    border: 1px solid #c74346;

    font-size: 12px;

    color: #c74346;

    text-align: center;

    line-height: 17px;

    float: left;

}

.design_introduce-2 span{

    font-size: 18px;

    color: #999999;

    float: left;

    margin-left: 20px;

}

.design_introduce-3{

    margin-top: 21px;

}

.design_introduce-3 span{

    font-size: 18px;

    color: #999999;

}

.design_introduce-4{

    margin-top: 20px;

}

.design_introduce-5{

    margin-top: 22px;

    height: 40px;

}

.design_introduce-5 span{

    font-size: 20px;

    color: #666666;

    float: left;

    text-align: center;

    line-height: 40px;

}

.design_introduce-5-span1{

    display: block;width: 120px;height: 40px;background-color: #d8d8d8

}

.design_introduce-6{

    margin-top: 14px!important;

    height:auto;

}

.design_introduce-6 a{

    font-size: 20px;

    color: #c74346;

    line-height: 40px;

}

.design_introduce-7{

    margin-top: 17px;

}

.design_introduce-7 button{

    width: 160px;

    height: 47px;

    background-color: #c74346;

    border: 0;

    color: white;

    font-size: 16px;

}

.design_introduce-7 img{

    margin-bottom: 5px;

}

.design_t_span1{

    font-size: 18px!important;

    color: #c74346!important;

}

.design_t_span2{

    font-size: 12px!important;

    color: #c74346!important;

}

.design_t{

    border-bottom: 1px solid #dddddd!important;

    height: 64px!important;

}



/* 焦点图效果 */

.picBtnTop{ width:500px; height:214px; position:relative;  overflow:hidden;  zoom:1;   }

.picBtnTop .hd{ width:98px;  height:214px; position:absolute; right:0px; overflow:hidden; }

.picBtnTop .hd ul li{ width:305px;height: 124px text-align:center;overflow: hidden;margin-bottom: 20px }

.picBtnTop .hd ul li img{ width:200px; height:124px;  cursor:pointer; vertical-align:bottom; }

.picBtnTop .bd{ width:400px;  height:214px; position:relative;  }

.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}

.picBtnTop .bd li .pic{ position:relative; z-index:0;  }

.picBtnTop .bd li .pic img{ width:400px; height:214px; vertical-align:bottom; }

.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }

.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }

.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }





/* tab选项切换效果 */

.slideTxtBox{ width:510px; border:1px solid #ddd; text-align:left;  }

.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }

.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }

.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }

.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }

.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }

.slideTxtBox .bd li{ height:24px; line-height:24px;   }

.slideTxtBox .bd li .date{ float:right; color:#999;  }



.design_t_mid_pic{

    width: 802px!important;

    height: 432px!important;

}

.design_t_mid_pic .bd li .pic img{

    width: 802px!important;

    height: 432px!important;

}

.design_t_mid_pic_bd{

    width: 802px!important;

    height: 432px!important;

}

.pictitle{

    width: 765px!important;

    height: 392px!important;

    border: 1px solid #333;

    left: 17px!important;

    bottom:24px!important;

}

.pictitle_1{

    position: absolute;

    width: 763px!important;

    height: 390px!important;

    border: 1px solid #666;

    left: 0px!important;

    bottom:0px!important;

}

.design_t_hd{

    width: 365px!important;

    height: 432px!important;

    border: 1px solid #dddddd;

    padding: 10px;

    box-sizing: border-box;

}

.design_t_mid{

    margin-top: 16px!important;

    width: 1200px!important;

    overflow: hidden!important;

    height: 432px!important;

}

.design_t_hd_text{

    height: 124px;

    margin-left: 7px;

    padding-top: 40px;

}

.design_t_hd_text span{

    font-size: 16px;

    color: #333333;

}

.design_t_hd_text p{

    width: 77px;

    height: 21px;

    display: block;

    background-color: #c74346;

    color: #ffffff;

    text-align: center;

    line-height: 21px;

}

.next{

    margin-bottom:114px;

    display: block;

    cursor: pointer;

}

.prev{

    display: block;

    cursor: pointer;

}

.design_t_button{

    top: 134px;

    width: 27px;

    height: 200px;

    float: left;

    margin-top: 123px;

}

.design_t_hd{

    overflow: hidden;

}

.picScroll-top{ margin:0 auto;  width:210px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }

.picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

    cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}

.picScroll-top .hd .next{ background-position:0 -140px;  }

.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }

.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }

.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }

.picScroll-top .hd ul li.on{ background-position:0 0; }

.picScroll-top .bd ul{ overflow:hidden; zoom:1;float: left; }

.picScroll-top .bd ul li{ text-align:center; zoom:1;overflow: hidden }

.picScroll-top .bd ul li .pic{ text-align:center; }

.picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }

.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-top .bd ul li .title{ line-height:24px; }



.picScroll-top .dd ul li{

    margin-bottom: 20px;

}

.picScroll-top .dd ul li img{

    width: 200px!important;

    height: 123px!important;

}

.picScroll-top .bd .tempWrap{

    float: left;

}

.cd img{

    width: 802px!important;

    height: 432px!important;

}

.picBtnTop .cd{

    width: 802px!important;

    height: 432px!important;

}



.design_bottom ul li{

    width: 272px;

    height: 530px;

    padding: 6px;

    box-sizing: border-box;

    cursor:pointer;

}

.design_bottom ul li .text{ display:block; height:40px; overflow:hidden;}

.de_on{

    border: 1px solid #c74346;

}

.design_bottom_img{

    width: 256px;

    height: 316px;

    position: relative;

}

.design_bottom_img img{

    width: 256px;

    height: 316px;

}

.design_bottom_img .img{

    width: 256px;

    height: 316px;

    background-position:center;

    background-repeat:no-repeat;

    background-size:cover;

}

.design_bottom_text{

    position: absolute;

    bottom: 0px;

    left: 0;

    padding: 11px 17px;

    box-sizing: border-box;

    width: 256px;

    height: 86px;

    background-color:rgba(199, 67, 70, 0.6);

    transition:all 0.5s ;

    opacity: 0;

}

.opde{

    opacity: 1!important;

}

.text1 span{

    color: #ffffff;

}

.text2 span{

    color: #ffffff;

    font-size: 14px;

    display:block;

    height:40px;

    overflow:hidden;

}



.design_bottom_t{

    overflow: hidden;

    margin-top: 13px;

}

.design_bottom_t span{

    color: #c74346;

}

.design_tt1{

    display: block;

    width: 64px;

    height: 21px;

    font-size: 14px;

    color: #ffffff;

    text-align: center;

    line-height: 21px;

    background-color: #c74346;

    margin-top: 19px;

    margin-bottom: 6px;

}

.t_button{

    text-align: center;

}

.t_button a{

    width: 256px!important;

    height: 45px!important;

    border: 1px solid #c74346;

    font-size: 16px;

    background-color: #ffffff;

    color:#c74346 ;

    display: block;

    line-height: 45px;

}

.design_bottom{

    width: 1175px;

    margin: 0 auto;

    margin-top: 50px;

}

.design_bottom ul{overflow:hidden;}

.design_bottom ul li{

    margin-right: 29px!important;

}

.design_bottom ul li:nth-child(2){

    margin: 0 0!important;

    margin-right: 29px!important;

}

.design_bottom ul li:nth-child(4){

    margin-right: 0px!important;

}

.t_button_1{

    background-color: #c74346!important;

    color: #ffffff!important;

}

.btimg1{

    margin-left: 72px;

    margin-top: 20px;

    background: url("../images/b_icon2_19.png")!important;

    width: 3px;

    height: 7px;

    background-size: cover;

    float: left;

    margin-right: 20px;

}

.btimg1a{

    margin-left: 72px;

    margin-top: 20px;

    margin-right: 20px;

    background: url("../images/b_icon2_r_43.png");

    width: 3px;

    height: 7px;

    background-size: cover;

    float: left;

}

.btimg2{

    margin-top: 20px;

    margin-left: 20px;

    background: url("../images/b_icon3_19.png")!important;

    width: 3px;

    height: 7px;

    background-size: cover;

    float: left;

}

.btimg2a{

    margin-top: 20px;

    margin-left: 20px;

    background: url("../images/b_icon3_r_43.png");

    width: 3px;

    height: 7px;

    background-size: cover;

    float: left;

}

.dd ul li{height:124px!important;}



/*实景样板*/

.dreamAll{width:100%; height:80px; border-bottom:1px solid #afafaf; }

.dreamAll .dreamMain{width:680px; margin:0 auto; padding:25px 0px; box-sizing: border-box;}

.dreamAll .dreamMain ul{overflow:hidden;}

.dreamAll .dreamMain ul li{width:75px; position:relative; float:left; padding:0px 8px; box-sizing: border-box; line-height: 23px;  }

.dreamAll .dreamMain ul li i{background:url(../images/shux.png) no-repeat; width:1px; height:22px; display: inline-block; position:absolute; top:0px; right:0px; }

.dreamAll .dreamMain ul li a{width:60px; height:23px; line-height: 23px; display: inline-block; text-align:center; color:#4f4f4f; font-size:14px; }

.dreamAll .dreamMain ul li.on a{border:1px solid #c74346; color:#c74346; border-radius:10px; }

.dreamPic{width:1200px; margin-top:38px; display: none; }

.xianshi{display: block!important;}

.dreamPic ul{overflow:hidden;}

.dreamPic ul li{width:580px; float:left; margin-right:36px; margin-bottom:38px; border:1px solid #bfbfbf; }

.dreamPic ul li:nth-child(2n+2){margin-right:0px; }

.dreamPic ul li .otherImg{width:580px; height: 373px; background-size:cover; }

.dreamPic ul li .otherFont{padding:0px 22px; box-sizing: border-box; width:580px; }

.dreamPic ul li .otherFont p{line-height: 62px; font-size:20px; font-weight:bold; color:#010101; border-bottom:1px solid #bfbfbf;}

.dreamPic ul li .otherFont span{display: block; height:80px; font-size:14px; color:#747474; padding:11px 0px; box-sizing: border-box; overflow:hidden;}

.dreamPic ul li:hover{border:1px solid #c74346;}

.dreamPic ul li:hover p{color:#c74346;}





/*实景样本-详情*/

.dreamCase{width:1200px; overflow:hidden; margin-top:33px; }

.dreamCase .hotLeft{ width:850px; float:left;  }

.hotLeft .spaceFont h3{ font-size:24px; color:#333333; font-weight:bold;text-align: center; }

.hotLeft .spaceFont span{ font-size:14px; color:#333; line-height: 60px; }

.hotLeft .spaceFont p{ font-size:16px; color:#333333; line-height: 28px; margin-bottom:22px;letter-spacing: 2px;

}

.hotLeft .spaceFont img{ margin:10px 0px;width:100%}

.lianjie{width:850px; padding-top:22px; box-sizing: border-box; border-top:1px dashed #dddddd;}

.lianjie a{font-size:14px; color:#666666;}

.lianjie a:hover{color:#cc3333; text-decoration: underline;}

.kufu{width:435px; margin:0 auto; padding:30px 0px; box-sizing: border-box; overflow:hidden;}

.kufu .kufu_le{width:200px; float:left; }

.kufu .kufu_le p{text-align: center; font-size:14px; color:#333333;}

.kufu .kufu_le p span{color:#cc3333; font-weight:bold; }

.kufu .kefu_ri{width:210px; float:right; overflow:hidden;}

.kufu .kefu_ri img{width:72px; height:73px; float:left; display: inline-block;}

.kufu .kefu_ri p{width:130px; float:right; font-size:14px; color:#333;}

.designList{ width:850px; margin-top:16px; }

.designList ul{overflow:hidden;}

.designList li{ width:199px; padding:5px; float:left;  position:relative; margin-right:4px; }

.designList li:nth-child(4n+4){ margin-right:0px;}

.designList li .dgrimg{ width:199px; height:274px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.designList li .signbg{ width:165px; height:75px; background-color:rgba(199,67,70,0.6); position:absolute; top:185px; padding:10px 17px; display:none;}

.designList li .signbg h2{ font-weight:normal; color:#fff; font-size:14px;}

.designList li .signbg h2 b{ font-weight:bold;}

.designList li .signbg h2 i{ width:16px; height:16px; background-image:url(../images/sdr.png); padding:0px 20px; border-left:2px solid #fff; display:inline-block; margin-left:20px; vertical-align:middle;}

.designList li .signbg p{ color:#fff; font-size:12px; margin-top:10px;}

.designList li .signtext{ position:relative;}

.designList li .signtext .title{ margin:10px 0px;}

.designList li .signtext .title span{ float:left; color:#c74346; font-size:16px;}

.designList li .signtext .title span em{ font-style:normal; font-size:12px; margin-left:5px;}

.designList li .signtext .title b{ font-weight:normal; color:#010101; font-size:14px; float:right;}

.designList li .signtext .bgat{ margin:10px 0px;}

.designList li .signtext .bgat b{ display:block; width:64px; height:22px; background-color:#c74346; color:#fff; font-size:14px; text-align:center; line-height:22px; font-weight:normal;}

.designList li .signtext .bgat p{ color:#000; font-size:12px; margin:10px 0px; height:32px; overflow:hidden;}

.designList li .makebtn{ display:block; width:199px; height:45px; border:1px solid #c74346; line-height:45px; text-align:center; color:#c74346; font-size:14px;}

.designList li .makebtn i.fl{ display:inline-block; width:3px; height:7px; background-image:url(../images/flon.png); vertical-align:middle; margin-left:50px; margin-top:20px;}

.designList li .makebtn i.fr{ display:inline-block; width:3px; height:7px; background-image:url(../images/fron.png); vertical-align:middle; margin-right:50px; margin-top:20px;}

.designList li.active{ border:1px solid #c74346;}

.designList li.active .signbg{ display:block;}

.designList li.active .makebtn{ background-color:#c74346; color:#fff;}

.designList li.active .makebtn i.fl{ background-image:url(../images/fl.png);}

.designList li.active .makebtn i.fr{ background-image:url(../images/fr.png);}

.tuixiang{width:850px; height:35px; border-bottom:1px solid #afafaf; padding-left:10px; box-sizing: border-box;}

.tuixiang span{font-size:16px;  font-weight:bold; display: inline-block; color:#c74346; height:33px; line-height: 33px; border-bottom:2px solid #c74346;}

.tuixiang span em{font-style:normal; text-transform: uppercase; font-size: 12px; display: inline-block; margin-left:6px; }

.hotRight{width:310px; float:right;}

.tuiHot{width:310px; margin-bottom:16px;  height:35px; border-bottom:1px solid #afafaf; padding-left:10px; box-sizing: border-box;}

.tuiHot span{font-size:16px;  font-weight:bold; display: inline-block; color:#c74346; height:33px; line-height: 33px; border-bottom:2px solid #c74346;}

.tuiHot span em{font-style:normal; text-transform: uppercase; font-size: 12px; display: inline-block; margin-left:6px; }

.anliHot{width:310px; }

.anliHot ul li{width:310px; }

.anliHot ul li .hotPic{width:310px; height:200px; }

.anliHot ul li .hotPic .hotimgs{width:310px; height:200px; background-size:cover; background-repeat: no-repeat; background-position: center;}

.anliHot ul li p{line-height: 44px; font-size:16px; color:#333333; padding-left:10px; box-sizing: border-box;}

.anliHot ul li p a{color:#333333;}

.anliHot ul li p a:hover{color:#c74346;}

.mianBorder{border:1px solid #dfdfdf; width:310px; box-sizing: border-box; padding:0px 12px 45px 12px; box-sizing: border-box;}

.mianBorder h3{font-size:24px; color:#000000; height:57px; margin-bottom:19px;  line-height: 57px; border-bottom:1px solid #dfdfdf; text-align:center;}

.mianBorder .borName{overflow:hidden; margin-bottom:16px; }

.mianBorder .borName label{width:80px; float:left; height:40px; line-height: 40px; font-size:16px; color:#333333;}

.mianBorder .borName input{width:200px; height:40px; font-size:14px; color:#333; background:#fff; border:1px solid #afafaf; border-radius:3px; padding-left:10px; box-sizing: border-box;  }

.mianBorder .borName select{width:200px; height:40px; font-size:14px; color:#333; background:#fff; border:1px solid #afafaf; border-radius:3px; padding-left:10px; box-sizing: border-box;  }

.shu_yzm{width:100px!important;}

.borName img{vertical-align: middle;}

.mianBorder p{font-size:14px; color:#cc3333; margin-bottom:15px; }

.mianBorder .sexmian{text-align:center;}

.mianBorder .sexmian a{width:130px; height:36px; line-height: 36px; text-align:center; display: inline-block; font-size:16px; color:#fff; font-weight:bold;  }





/*文章详情*/

.dreamCase .logRight{ width:340px; float:right;}

.dreamCase .logRight .logoTit{ width:340px;}

.dreamCase .logRight .hotUl{ width:340px;}

.dreamCase .logRight .hotUl ul li .homePic{ width:155px;}

.dreamCase .logRight .hotUl ul li .homePic img{ width:155px;}

.dreamCase .logRight .hotUl ul li .chakan_on{ width:180px;}

.roomX-right {

    float: right;

    width: 340px;

    background-color: white;

    position: relative;

}

.roomX-ri-t {

    box-sizing: border-box;

    height: 60px;

    line-height:60px;

    border-bottom: 1px dashed #dddddd;

}

.roomX-ri-t p {

    font-size: 18px;

    color: #333333;

}

.roomX-ri-c ul {

    box-sizing: border-box;

}

.roomX-ri-c ul li {

    padding-top: 18px;

    box-sizing: border-box;



    border-bottom: 1px solid #e9e8e8;

    overflow: hidden;

    position: relative;

}

.riLeft {

    float: left;

}

.riLeft i {

    width: 50px;

    height: 50px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 50%;

}

.riLeft span {

    width: 40px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    display: inline-block;

    margin-top: 10px;

    font-size: 12px;

    color: #cccccc;

    margin-left: 5px;

}

.riRight {

    margin-left: 18px;

    margin-top: 5px;

    float: left;

}

.riRight p {

    line-height: 30px;

}

.riRight p:nth-child(1) {

    font-size: 12px;

    color: #c74346

}

.riRight p:nth-child(1) span {

    color: #999999;

}

.riRight p:nth-child(2) {

    margin-top: 5px;

    color: #333333;

    font-size: 14px;

}

.L-good {

    position: absolute;

    bottom: 9px;

    right: 10px;

}

.good {

    float: left;

    margin-left: 8px;

}

.good1 {

    width: 22px;

    height: 13px;

    display: inline-block;

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

    vertical-align:middle;

    margin-top:-3px;

}

.good2 {

    width: 17px;

    height: 17px;

    display: inline-block;

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

    vertical-align:middle;

}

.room-page {

    height: 47px;

    background-color: white;

}

.room-page ul {

    margin: 15px auto;

    width: 176px;

    overflow: hidden;



}

.room-page ul li {

    float: left;

    margin-right: 16px;

}

.room-page ul li:last-child {

    margin-right: 0 !important;

}

.room-page ul li a {

    color: #333333;

}

.room-page ul li a:hover {

    color: #c74346;

}

.roomX-com {

    float: right;

    width: 340px;

    background-color: white;

}

.roomX-com-t {

    height: 56px;

    line-height: 56px;

    color: #333333;

    font-size: 16px;

    font-weight: 600;

    box-sizing: border-box;

    border-bottom: 1px dashed #dddddd;

}

.room-form form {

    padding: 20px;

    box-sizing: border-box;

}

.room-form form textarea {

    padding-top: 15px;

    padding-left: 19px;

    box-sizing: border-box;

    color: #999999;

    width: 100%;

    height: 78px;

    border: 1px solid #ededed;

    background-color: #f5f5f5;

}

.room-form a {

    float: right;

    margin-right: 20px;

    margin-bottom: 20px;

    display: inline-block;

    width: 90px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    color: white;

    background-color: #000000;

}



.this_vr{ color:#333333; height:40px; line-height:40px;font-size:17px}

.this_vr span{width:2px; height:12px; background:#B17F32; position:relative; top:1px; display: inline-block; margin-right:6px; }

.this_vr a{ color:#271C18}

.this_vr a:hover{color: #b1863b;}

.this_vr a.a_on{color: #b18c40;}

/*首页案例修改排版样式*/

.lvmmain .lvbd .lvBox{ position:relative;}

.lvmmain .lvbd .lvBox ul{}

.lvmmain .lvbd .lvBox li { width:293px; float:left; margin-right:9px; position:relative;}

.lvmmain .lvbd .lvBox li:nth-child(3n+3){ margin-right:0px;}

.lvmmain .lvbd .lvBox li:nth-child(1){ width:596px; margin-right:9px;}

.lvmmain .lvbd .lvBox li:nth-child(1) .lvsimg{ width:596px;}

.lvmmain .lvbd .lvBox li .lvsimg{ width:293px; height:456px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.lvmmain .lvbd .lvBox li .lvstext{ width:100%; position:absolute; bottom:0px; height:26px; color:#fff; line-height:26px; text-align:center; font-size:16px; background-color:rgba(0,0,0,0.5);}

.lvmmain .lvbd .lvBox li .lvsbg{ width:596px; height:456px; position:absolute; top:0px; left:0px;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfl{ width:293px; height:456px; border-right:10px solid #fff;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr{ width:293px; height:456px;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t1{ height:224px; border-bottom:10px solid #fff; position:relative;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t1 b{ width:40px; height:40px; position:absolute; bottom:0px; left:0px; background:url(../images/lvbgfl.png) no-repeat center;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t1 b em{ font-style:normal; color:#fff; font-size:16px; display:block; padding:15px 0px 0px 5px; font-family:"宋体"}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t2{ height:224px; position:relative;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t2 b{ width:40px; height:40px; position:absolute; top:0px; left:0px; background:url(../images/lvbgfr.png) no-repeat center;}

.lvmmain .lvbd .lvBox li .lvsbg .lvsfr .t2 b em{ font-style:normal; color:#fff; font-size:16px; display:block; padding:5px 0px 0px 5px; font-family:"宋体"}



/*底部报价滑框180高

.appointment_box{ width:100%; height:215px; background:rgba(0, 0, 0, 0.8); position:fixed; bottom:0; z-index:100; left:-100%;}

.appointment_box.scroll{ position:absolute;  bottom:366px;}

.appointment_box .wrap{ height:215px; position:relative;}

.appointment_box .appointment_b1{ width:360px; height:209px; background:url(../images/appointment1.png) no-repeat center; position:absolute; left:0px; bottom:0px;}

.appointment_box .appointment_b2{ width:367px; height:182px; background:url(../images/appointment2.png) no-repeat center; position:absolute; left:225px; bottom:5px;}

.appointment_box .appointment_b3{ width:657px; position:absolute; right:168px; bottom:20px;}

.appointment_box .appointment_b3 p{ text-align:center; color:#fff; font-size:26px; line-height:40px; margin-bottom:10px;}

.appointment_box .appointment_b3 p em{ font-style:normal; color:#666; font-size:26px;}

.appointment_box .appointment_b3 p em.em1{ margin-right:15px;}

.appointment_box .appointment_b3 p em.em2{ margin-left:15px;}

.appointment_box .appointment_b3 p span{ color:#c74247;}

.appointment_box .appointment_b3 dl{}

.appointment_box .appointment_b3 dd{ height:50px; margin-bottom:10px;}

.appointment_box .appointment_b3 dd input{ height:50px; color:#999; font-size:16px; background-color:#fff; border:none; text-indent:10px;}

.appointment_box .appointment_b3 dd input.inp1{ width:340px; float:left;margin-right:20px;}

.appointment_box .appointment_b3 dd input.inp2{ width:130px;}

.appointment_box .appointment_b3 dd .ddbg{ width:160px; float:left; margin-right:20px; background-color:#fff; color:#333; font-size:18px;}

.appointment_box a{ display:block; text-align:center; font-size:26px; color:#fff;  background-color:#c74247; position:absolute; right:0px; bottom:10px; padding:20px 32px;}

.appointment_box .close{ width:80px; height:80px; background:url(../images/closes.png) no-repeat center; position:absolute; right:20px; bottom:50px; cursor:pointer;}

.appointment_open{ width:304px; height:158px; background:url(../images/photo_bottom_07g.png) no-repeat center; position:fixed; bottom:10%; left:0px; cursor:pointer; z-index:100;}

.appointment_open.scroll{ position:absolute; bottom:450px;}



        */



/*底部报价修改全屏100%*/



.appointment_box{ width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; bottom:0; z-index:100;left:-100%;}



.appointment_box.scroll{ position:absolute;  bottom:366px;}



.appointment_box .wraps{ height:360px;top:280px; position:relative;margin:0 auto;width:720px;background:url(../images/xbao.gif) no-repeat center;background-size: 100% 100%;}



.appointment_box .appointment_b1{ width:420px; height:284px; background:url(../images/appointment1.png) no-repeat center; position:absolute; left:30px; bottom:0;}



.appointment_box .appointment_b2{ width:367px; height:182px; background:url(../images/appointment2.png) no-repeat center; position:absolute; bottom:5px;}



.appointment_box .appointment_b3{width: 260px;position: absolute;right: 32px; top: 108px;}



.appointment_box .appointment_b3 p{ text-align:center; color:#fff; font-size:20px; line-height:40px; margin-bottom:10px;}



.appointment_box .appointment_b3 p span{ color:#ffb637;}



.appointment_box .appointment_b3 dl{}



.appointment_box .appointment_b3 dd{ height:45px; margin-bottom:28px;}



.appointment_box .appointment_b3 dd input{ height:100%; color:#999; font-size:16px; background-color:#fff; text-indent:10px;border: solid 1px #a9a9a9}



.appointment_box .appointment_b3 dd input.inp1{ width:100%;}



.appointment_box .appointment_b3 dd input.inp2{ width:100%;}



.appointment_box .appointment_b3 dd .ddbg{ width:31.33%; float:left; background-color:#fff; color:#333; font-size:18px;height:35px}

.appointment_box .appointment_b3 dd  select{width: 100%;height:100%;border: solid 1px #a9a9a9;padding: 0;}

.appointment_box .yuyue-NOW{ display: block;

    text-align: center;

    font-size: 24px;



    position: absolute;

    right: 277px;

    padding: 22px;

    height: 55px;

    width: 55px;

    top: 40px;}

.appointment_box .close{ width:38px; height:38px; background: url(../images/mdFullInd.png) 0 -80px no-repeat; position:absolute; right:22px; top:22px; cursor:pointer;}



.appointment_open{ width:172px; height:88px; background:url(../images/xleftb.png) no-repeat center; position:fixed; bottom:30%; left:0px; cursor:pointer; z-index:100;}



.appointment_open.scroll{ position:absolute; bottom:450px;}



.appointment_box .yusuan{

    display: none;

    width: 298px;

    height: 360px;

    position: absolute;

    left: 6px;

    background: url(../images/xbao2.jpg);

    background-size: auto auto;



    background-size: 100% 100%;

}

.appointment_box .yusuan .y_one{

    text-align: center;

    color: #000;

    font-size: 20px;

    line-height: 55px;

    margin-left: 34px;}

.appointment_box .yusuan .y_one span{color:#BB0000}