/*****头部修饰*******/
.logo img{width:11.37rem; 
height: 1.91rem;
}

/***内容****/
.container{ width: 100%; margin-top: 3.8rem;}
/*****服务修饰*******/

.index-service{ width: 100%;

background-color: #fff;
margin-bottom: .57rem;

}
.index-service span{ text-align: center;
color: #333;
}

.index-service-title{ display: block;
width: 100%;
text-align: center;
margin: 3.24vw 0;
font-size: 1.028rem;}
.index-service-messig{ width: 100%;
padding-bottom: 5.18vw;}
.service-box{ width: 20%;
float: left;
text-align: center;
margin-bottom: 1.2rem;}
.service-box span{ font-size: .98rem;}
.service-box span a{ color: #333}
.service-box-icon{ width: 62.98%;
margin: 0 auto;}
.service-box-icon img{ width: 100%;}
.index-service-pagination .swiper-pagination-bullet{ width: 1.52rem;
height: .32rem;
border-radius: .32rem;}
/*******设计团队*******/
.design-team{width: 96.3%;
margin: 0 auto; }
.design-team-wrap{ width: 98%;
margin: 0 auto;}

.swiper-pagination-bullet {
    width: 1.52rem;
    height: .32rem;
    border-radius: .32rem;
}

.team-case{ width: 100%;
    height: 14.71rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
position: relative;}
.team-case a{ position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.3);}
.quanjing-cion{ width: 3.857rem;
height: 3.857rem;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -1.928rem;
margin-left: -1.928rem;}
.quanjing-cion img{ width: 100%;
height: 100%;}
.quanjing-messig{ color: #fff;
position: absolute;
bottom: 0;
margin-left: 1rem;
margin-bottom: .8rem;}
.quanjing-title{ font-size:1.371rem ;}
.quanjing-messig p{ font-size: .857rem;}

.team-case-text span{ 
}
.text-m{font-size: 1.44rem;
color: #fff;text-align: center;
line-height: 2;}
.text-m p{ font-size: .96rem;}
.team-case img{ width: 100%;}
.designer-wrap{ width: 100%;display: flex;}
.designer-messig{ width: 28%;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-right: 0.08rem solid #f3f3f3;
    margin-bottom: 2rem;}
.designer-pic{ width: 71.4%;
    height: 7.4rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
.designer-pic img{ width: 100%;}
.designer-name{ width: 19.44vw;
text-align: center;
font-size: .971rem;}
.designer-text{ 
	width: 71.4%;
	height: 29.6vw;


}
.designer-text p{ width:73.7%;
font-size: .686rem;
margin-left: 1.6rem;
margin-top: 1.44rem;


}
.designer-text button{ right: 0vw;
bottom: 0;
width: 8.371rem;
height:2.657rem;
border-radius: .32rem;
border: none;
background: -webkit-gradient(linear,left top,right top,from(#e52d27),to(#b31217));
    background: linear-gradient(to right,#e52d27,#b31217);
    font-size: .85rem;
    color: #fff;
    outline: none;}
    /****新闻****/
   .news{
    width: 96.3%;
    margin: .57rem auto 0 auto;}
.news-wrap{width: 98%;
    margin: 0 auto;
    padding-bottom: .1rem;}
    .news-nav{display: flex;
    justify-content: space-around;
    margin-bottom: 1.285rem;}
    .news-nav li.active{ border-bottom: 2px solid red;}
    .news-nav li{ font-size: 1.028rem;}
   .about-news-list{ display: flex;
justify-content: space-between;
margin-bottom: 1.5rem;
flex-wrap: wrap;
padding-bottom: .25rem;
position: relative;
}
.about-news-list a{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;}
.about-news-list + .about-news-list::after{
	
	width: 1040px;
	height:0.05rem ;
	background-color: #f1f1f1;
	content: '';
	position: absolute;
	margin: -.75rem 0 0 -.58rem;
	}
	.list-author{
	font-size: .9rem;
	color: #989898;}
	
.list-author em{ font-style: normal;}
.list-right{width: 42.88%;}
.list-bottm{
	width: 100%;
	margin-top: .65rem;
display: flex;
justify-content: space-between;}
.list-info{
	    width: 42.88%;
	font-size: .9rem;
	color: #989898;
	display: flex;
	justify-content: space-between;}
.list-time{}
.list-time span{ float: left;}
.time-icon{ float: left;
width:.8rem;
height: .8rem;
margin-top: .08rem;
      margin-right: .35rem;
}
.list-viewed{}
.list-viewed span{ float: left;}
.viewed-icon{ float: left;
width:1.06rem;
height: .82rem;
margin-top: .08rem;
      margin-right: .35rem;
}
.viewed-icon img{width: 100%;
height: 100%;}
.time-icon img{ width: 100%;
height: 100%;}
.list-pic{ width: 100%;
height: 7.942rem;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: .228rem;}
.list-pic img{ max-width: 100%;}
.list-messig{ width: 55.3%;}
.list-messig p{overflow: hidden;
line-height: 2.057rem;
font-size: 1.457rem;
color: #333;
margin-bottom: .57rem;
 display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 
}
.list-messig span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.152rem;
color: #999;
 max-height: 999999px;}
.list-all{ width: 100%;}
/*******设计流程*******/
.flow{ width: 96.3%;
margin:.571rem  auto 0 auto;
padding: 1.37rem 0;}
.flow-wrap{ width: 98%;
margin: 0 auto;

text-align: center;}
.flow-title{ text-align: center;}
.flow-title span{ font-size: .971rem;
}
.flow-title span.active{ color: #c31f1f;}
.flow-title span:nth-child(1){
	margin-right: 5.12rem;
}
.flow-messig{ width: 100%;
display: flex;
margin-top: 4.62vw;
}
.flow-box{ width: 20%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;}
.flow-icon{     width: 3.625rem;
    height: 3.625rem;
    background-size: 100% ;
background-repeat: no-repeat;
margin-bottom: 1.7vw;
}
.icon1{background-image: url('../img/icon/1-01.png');}
.icon2{background-image: url('../img/icon/2-01.png');}
.icon3{background-image: url('../img/icon/3-01.png');}
.icon4{background-image: url('../img/icon/4-01.png');}
.icon5{background-image: url('../img/icon/5-01.png');}
.icon6{background-image: url('../img/icon/1-02.png');}
.icon7{background-image: url('../img/icon/2-02.png');}
.icon8{background-image: url('../img/icon/3-02.png');}
.icon9{background-image: url('../img/icon/4-02.png');}
.icon10{background-image: url('../img/icon/5-02.png');}
.flow-box span{ font-size: .97rem;}