/*身体部分开始  */
.container {max-width: 100vw;overflow: hidden;}

/*banner部分*/
.slide {margin-top: 54px;width: 100vw;overflow: hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide img {width: 100vw;}
.swiper-pagination span {  background-color: #ffffff;}
/*banner部分 end*/

/*疑问部分*/
.yiwen {overflow: hidden;border-bottom: 1.7vw solid #8c8c8c;}
.yiwen-content{width: 100%;position: relative;overflow: hidden;height: 100vw;}
.yiwen-man img{width: 50.666vw;position: absolute;left: calc(50% - 25.333vw);top: 21vw;  }
.yiwen-quan img{width:73.46666vw;position: absolute;left: calc(50% - 36.7333vw);top: 2vw; }
.yiwen-text ul li{font-size: 3.5vw;color: #00b3ff;text-align:center;width: 7.7vw;}
.yiwen-text-li1 {position: absolute; left: 15.3333vw;bottom:37.4%;width:11.5vw!important;}
.yiwen-text-li2 {position: absolute;left: 18.2666vw;top: 20%;}
.yiwen-text-li3 {position: absolute;left: 46.7vw;top: 5%;}
.yiwen-text-li4 {position: absolute;right: 19.0666vw;top: 19%;}
.yiwen-text-li5 {position: absolute;right: 17.2vw;bottom:38%;}
/*疑问部分 end*/

        /*烦恼发愁*/
.fannao {max-width: 100vw;border-bottom: 1.7vw solid #8c8c8c;padding-bottom: 8vw;  background-color: #f6f6f6;overflow: hidden;}
.fannao-content {margin-top: 2vw;position: relative;overflow: hidden;}
.fannao-content-img {position:absolute;left: calc(50% - 15.1vw);top: calc(50% - 14.8666%);z-index: 99;}
.fannao-content-img img{width: 26.1333vw;}
.fannao-text {display: inline-block; width: 48.5%;height: 40vw;color:#ffffff;}
.fannao-text h3 {padding: 0 7%; font-size: 4.5vw;margin: 9vw 0 3vw 0;}
.fannao-text p{padding: 0 7%;width: 80%;font-size: 2.8vw;}
.fannao-text1 {  background-color: #ff686a;float: left;margin-bottom: 2vw;text-align: left;}
.fannao-text2 {  background-color: #3abcff;float: right;margin-bottom: 2vw;text-align: right;}
.fannao-text3 {  background-color: #0ec621;float: left;text-align: left;}
.fannao-text4 {  background-color: #775dfe;float: right;text-align: right;}
        /*烦恼发愁 end*/

        /*带给您什么*/
.give {max-width: 100vw;border-bottom: 1.7vw solid #8c8c8c;padding-bottom: 6vw;}
.give-content{text-align: center;}
.give-content ul li img {width: 82.8vw;margin: 0 auto 33px auto;}
/*带给您什么 end*/


        /*特色与亮点*/
.characteristic {max-width: 100vw;border-bottom: 1.7vw solid #8c8c8c;}
.characteristic-content {width: 100%; position: relative;height: 288vw;padding: 5% 0 39% 0; box-sizing:content-box}
.rocket img {width: 9.7333vw; position: absolute;  left: calc(50% - 4.8666vw);margin-top: -6%;}
.characteristic-size h4 {font-size: 3.8vw;color: #0191ea;margin: 0 5px;}
.characteristic-size p {font-size: 3vw;color: #333333;width: 90%;margin:7% auto 0 auto;text-align: left;line-height: 5.5vw;}
.characteristic-left {width:47%;text-align: right;}
.characteristic-right {margin-top: 5%; width:47%;text-align: left;}


.characteristic-left-img-o img {width: 40.9333vw; margin-top: 9vw;}
.characteristic-left-img-t img {width: 43.3333vw;margin-top: 20%;}
.characteristic-left-a {margin-top: 10%;}
.characteristic-left-b {margin-top: 15%;}
.characteristic-left-c {margin-top: 22%;}
.characteristic-left-d {margin-top: 26vw;}
.characteristic-left-e {margin-top: 12%;}
.characteristic-left-f {margin-top: 10%;}

.characteristic-right-a {margin-top: 15%;margin-bottom: 20%;}
.characteristic-right-b {margin-top: 5%;}
.characteristic-right-c {margin-top: 18%;}
.characteristic-right-d {margin-top: 12%;}
.characteristic-right-img-o img {width: 44.6153vw;margin-top: 4vw;}
.characteristic-right-img-t img {width: 46.5333vw;margin-left: 3vw;}

.characteristic-left li>i>img {width: 6.5333vw;float: right;margin-right: -13%;vertical-align: middle;margin-top: -2%;}
.characteristic-right>li>i>img {width: 6.5333vw;float: left;margin-left: -13%;vertical-align: middle;margin-top: -1%;}

.characteristic-right-a-img {width: 57.444vw;}

.new-cg-a {width: 57.4666vw;margin-left: -28%;}
.new-cg-b {width: 46.4vw;}
.new-cg-c {width: 57.33vw;margin-left: -28%;}
.new-cg-d {width: 57.333vw;margin-right: -28%;margin-top: 15%;z-index:99;}
.new-cg-e {width: 57.4666vw;margin-right: -28%;}
/*特色与亮点 end*/


        /*广告*/
.advert img{width: 100vw;margin: 10px 0;}
    /*广告 end*/


        /*多版本需求*/
.edition {max-width: 100vw;overflow: hidden;}
.edition-content {width:95%;margin: 0 auto;}
.attr-table {width: 100%;border: 1px solid #c7c7c7;}
.attr-table td{border: 1px solid #dfdfdf;font-size: 2.6vw;height: 7vw;text-align: center; border-bottom: none;border-right: none;}
.attr-table h4 {font-size: 3.8vw;color: #333333;}
.attr-table h5 {font-size: 4vw;color: #ffffff;}
.attr-table p {font-size: 3.3vw;color: #e50404;}
.attr-table th {  background-color: #f6f6f6;width: 17.9666vw;height: 15vw;}
.table-left-o {  background-color: #03a6eb!important;width:20.9333vw}
.table-left-t {font-size: 3vw!important;background-color: #d4f2fe;}
.good a{color:#000;font-size:2.8vw;}
.good img{width: 3.166vw;}
.bad {width: 2.8vw; background: url(/images/m_images/buzhichi.png) center center no-repeat;background-size: 2.666vw;}
.edition-content tr td img{width: 3.7vw;display: inline-block;margin-right: 1.2vw;margin-bottom: -0.6vw;}

.zq_buy_now {padding: 3% 0;border: 1px solid #ccc;width: 99.4%;border-top: none;}
.zq_buy_now_son{ font-size: 3vw;}
.zq_buy_now_son p{margin-bottom: 2vw;}
.zq_buy_more{ text-align: center;margin-top: 5%;}
.zq_buy_more p{font-size: 2.8vw;margin-left: 4vw;}
.zq_buy_gm { height:8vw; padding:0 3.8vw; line-height:8vw; background:#3DA5DA; color:#FFF; display: inline-block; border-radius: 5px;position:relative;margin-right: 10px; cursor:pointer;}
.zq_buy_gm img{width: 5.0666vw; position:absolute;top: 1.4vw;left: 1.8vw;}
.zq_buy_gm a{font-size: 2.8vw;color: #fff;}



.zq_buy_now_son_text {display: none;}
.zq_buy_now_son>span {color: #3ea5da;}
/*多版本需求 end*/


        /*广告2*/
.adverts img {width: 100vw;margin: 30px 0;}
/*广告2 end*/

        /*装饰公司*/
.serve {max-width: 100vw;background-color: #f4f9ff;overflow: hidden;}
.serve-content {width:100%;overflow: hidden;}
.serve-content ul {margin: 0 auto;width: 100%;}
.serve-content ul li {float: left;margin: 1vw 0 2vw 3.5vw;}
.serve-content ul li img {width: 28.5333vw;height:19.7333vw;}
.serve-content ul li img:active{box-shadow: 0 0 10px #cccccc;}
    /*装饰公司 end*/

        /*广告3*/
.ad img {width: 100vw;margin: 30px 0;}
/*广告3 end*/

        /*选择乐后屋*/
.choose {max-width: 100vw;border-bottom: 1.7vw solid #8c8c8c;border-top: 1px solid #f1f1f1;}
.choose-content {width: 100%;padding-bottom: 6vw;}
.choose-content ul {width: 100%;overflow: hidden;padding-top: 2vw;}
.choose-content ul li {float: left;margin:0 2.8vw 3vw 4.25vw;}
.choose-content ul li img {width: 25.8666vw;}
.choose-content ul li img:active{box-shadow: 0 0 15px #4eafff;}
/*选择乐后屋 end*/

        /*问题答疑*/
.question {max-width: 100vw;border-bottom: 1.7vw solid #8c8c8c;padding-bottom: 7vw;}
.question-content {width: 100%;}
.question-content ul {width: 100%;margin: 0 auto;}
.question-content ul li {width: 90%;overflow: hidden;border-bottom: 1px dotted #a0a0a0;padding: 1.4vw 0;margin-left: 5vw;}
.question-content ul li:before{content: '';width: 1vw;height: 1vw;border-radius: 50%;display: inline-block;background-color: #ed7018;vertical-align: middle;margin-right: 3vw;}
.question-content ul li p {font-size: 3.6vw;color: #333333;display: inline-block;margin-top: 0.5vw;}
.question-content ul li span {font-size: 2.9vw; float: right;padding: 0.8vw 1.8vw;color: #eb6100;border: 1px solid #eb6100;}
.question-content ul li span:active {  background-color: #eb6100;color: #ffffff;}
.question-content ul li p:active {color: #eb6100;}
        /*问题答疑 end*/

        /*完成之后*/
.doing {max-width: 100vw;padding-bottom: 2vw; border-bottom: 1.7vw solid #8c8c8c;}
.doing-content {width: 100vw;overflow: hidden;}
.doing-content ul {width: 100vw;}
.doing-content ul li { float: left;width:42.8vw;margin-left: 4.8vw;padding-bottom: 2vw;overflow:hidden;}
.doing-content ul li a {overflow: hidden;}
.doing-content ul li a img {width: 42.8vw;overflow:hidden;}
        /*完成之后 end*/

        


        /*返回顶部*/
.backtop {border-radius: 5px; position: fixed;right: 3vw;bottom: 10vh;width: 15vw;height: 15vw;background-color: #8c8578;text-align: center;opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=50);}
.backtop img{width: 8vw;margin-top: 1vw;}
.backtop p {font-size: 2.8vw;color: #f6f6f6;}
    /*返回顶部 end*/




        /*css动画部分*/
/*从上到下*/
.top-bottom {-webkit-animation: top-bottom 1.5s ease both;-moz-animation: top-bottom 1.5s ease both;-o-animation: top-bottom 1.5s ease both;animation: top-bottom 1.5s ease both;}
@keyframes  top-bottom{
    0%  {
        -webkit-transform: translateY(-200px);
        -moz-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        transform: translateY(-200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/*从上到下 end*/

/*从下到上*/
.bottom-top {-webkit-animation: bottom-top 1.5s ease both;-moz-animation: bottom-top 1.5s ease both;-o-animation: bottom-top 1.5s ease both;animation: bottom-top 1.5s ease both;}
@keyframes  bottom-top{
    0%  {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/*从下到上 end*/

/*从下到上慢*/
.bottom-top-man {-webkit-animation: bottom-top-man 2.5s ease both;-moz-animation: bottom-top-man 2.5s ease both;-o-animation: bottom-top-man 2.5s ease both;animation: bottom-top-man 2.5s ease both;}
@keyframes  bottom-top-man{
    0%  {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/*从下到上慢 end*/

/*从左到右*/
.left-right {-webkit-animation: left-right 1.5s ease both;-moz-animation: left-right 1.5s ease both;-o-animation: left-right 1.5s ease both;animation: left-right 1.5s ease both;}
@keyframes  left-right{
    0%  {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/*从左到右 end*/
/*从右到左*/
.right-left {-webkit-animation: right-left 1.5s ease both;-moz-animation: right-left 1.5s ease both;-o-animation: right-left 1.5s ease both;animation: right-left 1.5s ease both;}
@keyframes  right-left{
    0%  {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/*从右到左 end*/
/*慢慢的从左到右*/
.left-right-man {-webkit-animation: left-right-man 2.5s ease both;-moz-animation: left-right-man 2.5s ease both;-o-animation: left-right-man 2.5s ease both;animation: left-right-man 2.5s ease both;}
@keyframes  left-right-man{
    0%  {
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/*慢慢的从左到右 end*/
/*慢慢的从右到左*/
.right-left-man {-webkit-animation: right-left-man 2.5s ease both;-moz-animation: right-left-man 2.5s ease both;-o-animation: right-left-man 2.5s ease both;animation: right-left-man 2.5s ease both;}
@keyframes  right-left-man{
    0%  {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px);
        opacity: .9;
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/*慢慢的从右到左 end*/

/*慢慢的从右到左*/
.shanshan {-webkit-animation: shanhan 1.5s ease both;-moz-animation: shanhan 1.5s ease both;-o-animation: shanhan 1.5s ease both;animation: shanhan 1.5s ease both;}
@keyframes  shanhan{
    0%  {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*慢慢的从右到左 end*/

/*变大*/
.weiwei {-webkit-animation: weiwei .8s linear both;-moz-animation: weiwei .8s linear both;-o-animation: weiwei .8s linear both;animation: weiwei .8s linear both;transform-style:preserve-3d;}
@keyframes weiwei{
    0%  {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    50% {
        -webkit-transform: scale(1.025);
        -moz-transform: scale(1.025);
        -o-transform: scale(1.025);
        transform: scale(1.025);
        opacity: 1;
    }
    100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
}
/*变大 end*/

	/*电话图标*/
	.tell {-webkit-animation: tell .2s ease both;-moz-animation: tell 1.2s ease both;-o-animation: tell 1.2s ease both;animation: tell 1.2s ease both;transform-style:preserve-3d;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@keyframes tell{
0%  {
    -webkit-transform: rotate(0) ;
    -moz-transform: rotate(0) ;
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}
15% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
}
30% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    opacity: 1;
}
45% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
}
60% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    opacity: 1;
}
75%  {
    -webkit-transform: rotate(0) ;
    -moz-transform: rotate(0) ;
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}
100%  {
    -webkit-transform: rotate(0) ;
    -moz-transform: rotate(0) ;
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}
}
/*电话图标 end*/