body{
	background: #fafafa;
}
.index-page .connectme {
    height: 75px;
    background: #fff;
    box-shadow: none;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee;
}
#swiper1 .swiper-slide img{
	height: 4.5rem;
}
#swiper1 .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    height: .12rem;
    width: .12rem;
}
.index-page .swiper-container .swiper-pagination-bullet-active {
    width: .4rem!important;
    border-radius: .1rem;
    background: #fff;
}
.box1 ul li{
	float: left;
	width: 25%;
	margin-bottom: 10px;
}
.box1 ul li img{
	width: 1.09rem;
	height: 1.09rem;
	margin: 0 auto;
}
.box1 ul li span{
	font-size:.22rem;
}
.form-common-body h2{
	font-size:.36rem;
	color: #333;
	margin-bottom: .2rem;
}
.form-common-body h2 span{
	font-size:.22rem;
	color: #666;
	margin-left: .1rem;
}
.form-common-body h2 span em{
	color: #e60012;
}
.index-page .box2 {
    padding-top:0;
}
.form-common-body form .form-input {
    position: relative;
}
.form-common-body {
    background: url(../../../images/m/index/zy_bg1.png);
    background-size: 100%;
    width: 6.9rem;
    height: 6.5rem;
    margin: 0 auto;
}
.form-common-body form .form-input input {
    background-color: #fff;
    width: 6.4rem;
}
.form-common-body .shuzi{
	width: 6.4rem;
	margin-bottom: .2rem;
}
.button-primary {
	background:linear-gradient(267deg,rgba(176,13,21,1),rgba(215,23,31,1));
	border-radius:.1rem;
	color: #fff;
	letter-spacing: 1px;
}
.form-input span{
	position: absolute;
	top: .2rem;
	right: .2rem;
}
/*更懂生活方式的家装解决方案*/
.index-page .left1{
    display: block;
}
.index-page .mainPage-title{
	font-size: .4rem;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    border-bottom: none;
}
.index-page .mainPage-title p{
	font-size:.22rem;
	color:#666;
	font-family: "Noto Sans CJK SC Light", "Source Han Sans CN Light";
}
/*更懂生活方式的家装解决方案*/
.anli {
    height: 4rem;
    margin-bottom: 0;
}
.anli .text {
	width: 3.32rem;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    left: 0.1rem;
    bottom:.2rem;
}
.anli .text .sub {
    opacity:1;
    font-family: "Noto Sans CJK SC DemiLight", "Source Han Sans CN DemiLight"
}
.anli .text h3{
	font-size: .34rem;
	 font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
}
.anli .text p{
	font-size: .22rem;
	font-family: "Noto Sans CJK SC DemiLight", "Source Han Sans CN DemiLight"
}
.anli .bgimg {
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent, transparent, transparent);
}
/*装修案例*/
.index-page .box6 {
    padding: 0;
}
.index-page .left2{
	padding:15px 15px 0;
}
.index-page .mainPage-title .right {
    color: #333;
    font-size: .25rem;
    line-height: .7rem;
}
.tab-show-center{
	display: none;
}
.tabHH1::-webkit-scrollbar {
    display: none;
}
.tabHH1 {
    width: 7.5rem;
    margin: 0 auto;
    display: inline-block;
    overflow-y: hidden;
    overflow-x: scroll;
    padding:0 15px;
    margin-bottom: 10px;
}
.tabH1 {
    display: flex;
    font-size: .28rem;
    height: .88rem;
    line-height: .88rem;
    color: #666666;
    white-space: nowrap;
}
.ZYanli{
    width: 100%;
    height: 6.5rem;
    position: relative;
    margin-top:.3rem;
}
.ellipsis_2{
	overflow: hidden;    
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;  
 	-webkit-box-orient: vertical;
}
.style_1{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.style_1.active{
    opacity: 1;
    z-index: 3;
}
.tabH1 span {
    display: inline-block;
    padding: 0 .2rem;
}
.tabH1Active {
    background: url(../../../images/m/index/jt.png) no-repeat bottom center;
    background-size: .3rem .14rem;
    font-size: .32rem;
    color: #323232;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    font-weight: bold;
}
.style_1 .swiper-container{
	height: 6.5rem;
	margin-bottom: .2rem;
}
.style_1 .swiper-slide{
	position: relative;
}
.style_1 .swiper-slide img{
	width: 6.8rem;
	height: 4.6rem;
	border-radius: .1rem .1rem 0 0;
}
.style_1 .swiper-pagination-bullet {
    background: #dcdcdc;
    opacity: 1;
    width: .12rem;
    height: .12rem;
}
.index-page .style_1 .swiper-container .swiper-pagination-bullet-active {
    background: #B40E16;
}
.anli_1{
	position: relative;
	background: #fff;
	padding:.2rem;
	border-radius: 0 0 .1rem .1rem;
}
.anli_1 h3{
	font-size: .3rem;
	color: #333;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	width: 80%;
	font-weight: bold;
}
.anli_1 p{
	font-size: .24rem;
	color: #666;
}
.anli_2{
	position: absolute;
	bottom: .2rem;
	right: .2rem
}
.style_1 .anli_2 img{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}
.anli_2 p{
	font-size: .24rem;
	color: #333;
	text-align: center;
	margin-top: .1rem;
}
.design{
	width:6.9rem;
	height:.9rem;
	line-height: .9rem;
	background:linear-gradient(267deg,rgba(176,13,21,1),rgba(215,23,31,1));
	border-radius:.1rem;
	margin: 0 auto;
	display: block;
	color: #fff;
	font-size: .32rem;
	text-align: center;
}
/*服务体验*/
.box7 ul{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.box7 ul li{
	margin-bottom: .1rem;
	position: relative;
}
.box7 ul li img{
	width: 3.4rem;
	height: 1.9rem;
	border-radius: .1rem;
}
.box7_1{
	position: absolute;
    top: .6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}
.box7_1 h3{
	align-items: center;
}
.box7_1 span{
	display: inline-block;
	width: .2rem;
	height: .02rem;
	background:#fff;
	margin: 0 .1rem;
	vertical-align: middle;
}
.box7_1 p{
	font-size: .2rem;
	margin-top: .1rem;
}
/*大牌设计*/
.box8 .swiper-slide1{
	position: relative;
	margin-right: .15rem;
}
.box8 .detail_team{
	height: 5.7rem;
}
.box8 .swiper-slide1 img{
	width: 3.36rem;
	height: 4.3rem;
	border-radius: .1rem .1rem 0 0;
}
.box8_1{
	position: absolute;
	top: 3.35rem;
	padding: .1rem;
	color: #fff;
	font-size: .22rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	height: .95rem;
	background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	border-radius: .1rem .1rem 0px 0px;
}
.box8_1 h4{
	font-size: .3rem;
}
.box8_2{
	padding: .2rem;
	background:#ffff;
	color: #333;
	width: 3.36rem;
	border-radius: 0 0 .1rem .1rem;
	height: 1rem;
}
.box8_2 h4{
	font-size: .24rem;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	font-weight: bold;
}
.box8_2 p{
	font-size: .22rem;
}
/*样板工地*/
.zy1 .swiper-slide{
	position: relative;
}
.zy1 .swiper-slide img{
	width: 4rem;
	height: 2.99rem;
	border-radius: .1rem;
}
.zy1_2{
	position: absolute;
	bottom: 1.15rem;
	right: .2rem;
	font-size: .22rem;
	color: #fafafa;
}
.zy1_2 em{
	font-size: .3rem;
	color: #fff;
}
.zy1_1{
	position: absolute;
	bottom: 0rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: .2rem .05rem;
	color: #fff;
	font-size: .22rem;
	text-align: center;
}
.zy1_1 h3 span{
	font-size: .3rem;
}
.zy1_1 h4{
	display: flex;
	justify-content: space-between;
	margin-top:.1rem;
}
.zy1_1 h4 em{
	color:#e60012;
}
.zy2 h4{
	font-size: .3rem;
	color: #333;
	margin-bottom: .2rem;
	text-align: center;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
}
.zy2 ul{overflow: hidden;}
.zy2 ul li{
	float: left;
	margin-right: .15rem;
	background: #f1f1f1;
	margin-bottom: .2rem;
	font-size: .24rem;
	color: #999;
	width: 2.19rem;
	height: .7rem;
	line-height: .7rem;
	text-align: center;
	overflow: hidden;
}
.zy2 ul li:nth-child(3n){
	margin-right: 0;
}
.zy2 ul li:last-child{
	background:rgba(196,18,26,.1);
	color: #C4121A;
}
.zy2 .design{
	margin-top: .1rem;
}
/*线下门店*/
.box9 .swiper-slide{
	position: relative;
}
.box9 .swiper-slide img{
	width: 100%;
	height: 5.5rem;
}
.box9_1{
	padding: .23rem;
	background: #fff;
}
.box9_1 h3{
	display: flex;
	justify-content: space-between;
	font-size: .3rem;
	color: #333;
	margin-bottom: .2rem;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	font-weight: bold;
}
.box9_1 h3 a{
	color: #C4121A;
}
.box9_1 h4{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .24rem;
}
.box9_1 h4 button{
	width:2.3rem;
	height:.5rem;
	line-height: .5rem;
	text-align: center;
	background:linear-gradient(267deg,rgba(176,13,21,1),rgba(215,23,31,1));
	border-radius:.1rem;
	font-size: .22rem;
	color: #fff;
}
.box9 .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    height: .12rem;
    width: .12rem;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.46);
}
.box9 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1.7rem;
}
/*装修流程*/
.index-page .box10 .tab-container {
    width: 84%;
}
.box10 .mainPage-title .right {
    line-height: .32rem;
    margin-left: .3rem;
    display: flex;
    align-items: center;
}
.tab-container li{
	font-size: .2rem;
	color: #333;
	line-height: .5rem;
	font-family: "Noto Sans CJK SC Light", "Source Han Sans CN Light";
}
.tab-container li.active em{
	border-bottom:.05rem solid #e60012;
	width: .5rem;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.tab-container li img{
	width: .39rem;
	height: .39rem;
}
.box10_1{
	background: #f1f1f1;
    height: .68rem;
    line-height: .75rem;
    width: 100%;
    position: relative;
    padding-left: .2rem;
    font-size: .22rem;
    color: #C4121A;
    margin-top: .2rem;
    display: none;
}
.box10_1 b {
    position: absolute;
    top: -.3rem;
    left: .25rem;
    border-top: .15rem transparent dashed;
    border-left: .15rem transparent dashed;
    border-right: .15rem transparent dashed;
    border-bottom: .15rem #f1f1f1 solid;
}
/*选择南韵装饰的八大理由*/
.box11{
	overflow: hidden;
}
.box11_1 .left{
	float: left;
	width: 38%;
	margin-right: .1rem;
}
.box11_1 .left img{
	width:2.64rem;
	height: 4.14rem; 
	border-radius: .1rem;
}
.box11_1 .right{
	float: left;
	width: 60%;
}
.box11_1 .right .box11_li1{
	background: url(../../../images/m/index/fuwu1.png) no-repeat center center;
	background-size: 100%;
}
.box11_1 .right .box11_li2{
	background: url(../../../images/m/index/fuwu2.png) no-repeat center center;
	background-size: 100%;
	margin-right: 0;
}
.box11_1 .right .box11_li3{
	background: url(../../../images/m/index/fuwu3.png) no-repeat center center;
	background-size: 100%;
}
.box11_1 .right .box11_li4{
	background: url(../../../images/m/index/fuwu4.png) no-repeat center center;
	background-size: 100%;
	margin-right: 0;
}
.box11_2 .box11_li5{
	background: url(../../../images/m/index/fuwu5.png) no-repeat center center;
	background-size: 100%;
}
.box11_2 .box11_li6{
	background: url(../../../images/m/index/fuwu6.png) no-repeat center center;
	background-size: 100%;
}
.box11_2 .box11_li7{
	background: url(../../../images/m/index/fuwu7.png) no-repeat center center;
	background-size: 100%;
}
.box11_2 .box11_li8{
	background: url(../../../images/m/index/fuwu8.png) no-repeat center center;
	background-size: 100%;
	margin-right: 0;
}
.box11_1 .right li,.box11_2 li{
	float: left;
	margin-right: .08rem;
	margin-bottom: .1rem;
	width: 2.02rem;
	height:2.02rem;
	background:rgba(241,241,241,0.3);
	border-radius:.1rem;
	text-align: center;
}
.box11_1 .right li h2,.box11_2 li h2{
	font-size:.24rem;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	color:#333;
	padding-top: .35rem;
	margin-bottom: .12rem;
	font-weight: bold;
}
.box11_1 .right li p,.box11_2 li p{
	font-size:.2rem;
}
.box11_2 li{
	float: left;
	margin-right: .1rem;
	margin-bottom: .1rem;
	width: 1.64rem;
	height:2.12rem;
	background:rgba(241,241,241,0.3);
	border-radius:.1rem;
	text-align: center;
}.box11_2 li h2{
	font-size:.24rem;
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	color:#333;
	padding-top: .3rem;
	margin-bottom: .12rem;
}
/*装修攻略*/
.box13 .topic ul{
	display: flex;
	justify-content: space-evenly;
	font-size: .26rem;
	color:#666;
	line-height: .8rem;
	margin-bottom: .2rem;
}
.box13 .topic ul li{
	width: 32%;
	text-align: center;
}
.box13 .topic ul li.active{
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	font-size: .32rem;
	color: #333;
	background: url(../../../images/m/index/jt.png) no-repeat bottom center;
	background-size: .3rem .14rem;
	font-weight: bold;
}
.index-page .box13 .topic .topic-con{
	display: none;
}
.box13_1{
	width:6.9rem;
	height:1.9rem;
	background:#fff;
	border:1px solid #eee;
	margin-bottom: .2rem;
}
.index-page .box13 .topic .top-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-page .box13 .topic .topic-con{
	max-height: 100%;
	overflow-x: hidden;
}
.time1 {
	padding:.2rem;
}
.time1 img{
	width: 1.5rem;
	height: 1.5rem;
}
.index-page .box13 .topic .top-item .text {
    width: 5rem;
    height: 1.52rem;
    border-bottom: none;
    padding-right: .2rem;
}
.index-page .box13 .topic .top-item .text .title {
	font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
	font-size: .3rem;
	color: #333;
	font-weight: bold;
}
.index-page .box13 .topic .top-item .text .msg {
    font-size: 12px;
    color: #999;
    height: 38px;
}
.index-page .box13 .topic .top-item .text span{
	font-size: .2rem;
	color: #999;
	line-height: .5rem;
}
.index-page .box13 .topic .top-item .text em{
	float: right;
	padding-right: .2rem;
	font-size: .2rem;
	color: #999;
	line-height: .5rem;
}
.index-page .box13 .topic .top-item .text em img{
	width: .22rem;
	height: .16rem;
	display: inline-block;
	margin-right: .1rem;
}
/*无论您在哪 南韵装饰都不会离您太远*/
.index-page .connectme .text .title {
    font-size: .28rem;
    color: #333;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    font-weight: bold;
}
.index-page .connectme .text .sub span{
    color: #B00D15;
}
.index-page .connectme .cic {
    border-radius: 50%;
    width: .86rem;
    height:.86rem;
    border: none;
    line-height:.4rem;
    text-align: center;
    margin-right: .2rem;
    color: #e74c3c;
}
.index-page .connectme .cic img{
	width: .86rem;
	height: .86rem;
}
/*原创样式*/
.index-page .notice-info {
    margin-bottom: 20px;
    box-shadow:none;
    height: .5rem;
    line-height: .5rem;
    border-radius: .5rem;
    color: #999;
    font-size: .22rem;
    padding: 0 .3rem;
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
}
.index-page .notice-info img{
	width: .21rem;
	height: .29rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
	margin-top: -.07rem;
}
.box2_1 {
    background: url(../../../images/m/index/zy_bg2.png);
    background-size: 100%;
    width: 6.9rem;
    height: 5.59rem;
    margin: 0 auto;
}
.box2_1 h2 {
    font-size: .4rem;
    color: #333;
    text-align: center;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
    font-weight: bold;
}
.box2_1 span {
	font-size: .2rem;
	color: #666;
	text-align: center;
	display: block;
	margin-bottom: .3rem;
}
.box2_1 span em{
	color: #e60012;
}
.box2_1 form .form-input input {
    border-radius:.4rem;
    text-indent: .3rem;
    color: #999;
    font-size: .24rem;
}
.box2_1 .button-primary {
    background: linear-gradient(0deg,rgba(179,125,55,1),rgba(241,180,100,1));
    border-radius: .4rem;
    color: #fff;
    letter-spacing: 1px;
    border-color: inherit;
}
.box3_2 .text{
	text-align: center;
	width:100%;
	height:1.3rem;
	border-radius:.2rem;
	background: rgba(0,0,0,.7);
	left: 0;
	bottom: 0;
	font-size: .2rem;
}
.box3_2 .text h3{
	font-size:.3rem;
	color:#fff;
	line-height:.6rem;
}
.index-page .box5_1{
	border-radius: .2rem;
}
.box6_1 .anli_1{
	border:1px solid #ddd;
	width: 6.9rem;
    margin: 0 auto;
    border-radius:0 0 .2rem .2rem;
}
.anli_1 ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.anli_1 ul li{
	position: relative;
	padding-right: .3rem;
}
.box6_1 .style_1 .anli_1 ul li img{
	width: .5rem;
	height: .5rem;
	border-radius:50%;
}
.box6_1 .style_1 .swiper-slide img {
    width: 6.9rem;
    height: 3.3rem;
    border-radius: .1rem .1rem 0 0;
}
.box6_1 .style_1 .anli_1 ul li:first-child:after{
	content: "";
	position: absolute;
	top: .2rem;
	right: 0;
	background: url(../../../images/m/index/line.png) no-repeat center center;
	background-size: .1rem .63rem;
	width: .03rem;
	height: .63rem;
}
.box6_1 .style_1 .anli_1 ul li:first-child p{
	font-size: .3rem;
	color: #333;
}
.design1 {
    width: 6.9rem;
    height: .9rem;
    line-height: .9rem;
    background: linear-gradient(0deg,rgba(179,125,55,1),rgba(241,180,100,1));
    border-radius: .6rem;
    margin: 0 auto;
    display: block;
    color: #fff;
    font-size: .32rem;
    text-align: center;
}
.index-page .box5{
	width: 6.89rem;
}