body,html{
	font-size: 14px;
	background: #fff;
}
.mui-content{background: #fff;}
.mui-bar-nav~.mui-content{padding-top:76px;}
h1,h2,h3,h4{font-weight: normal;line-height: 24px;margin:0;padding:0;}
p{margin:0;line-height: 22px;color:#000;}
a,a:active{color:#000;}
.img img{width:100%;float:left;}
.content p{line-height: 20px;margin-bottom:15px;font-size: 12px;}
.grayBg{background: #bec0c2;}
.white{color:#fff;}
.whiteBg{background: #ffffff;}
.top32{padding-top:42px;}
img{max-width: 100%;}
.mui-bar-tab .mui-tab-item{color:#000;}
header.mui-bar-nav{
	height:76px;
	background: #fff;
}
header .mui-title{height:76px;}
header.mui-bar .mui-icon{padding: 26px 10px;font-size: 22px}
.mui-bar-tab{height:60px;}
.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop{
	box-shadow: none;
}
header.mui-bar .mui-icon:active{
	opacity: 1;
}
header .mui-action-menu{
	opacity: 1;
	font-weight: bold;
}
.mui-bar-nav .mui-title img{
	height: 52px;
    margin: 12px auto 11px auto;
}
.mui-slider .mui-slider-indicator{bottom:10px;}
.productDetail .mui-slider{margin-top:10px;}
.footerMenu .mui-tab-item.mui-active{color:#fff!important;}
.mui-slider-indicator .mui-indicator{
	-webkit-box-shadow:none;
	box-shadow:none;
	border-radius:0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background: #000;
	margin: 1px 4px;
	width:5px;
	height:5px;
}
.colorPoint.mui-slider-indicator .mui-indicator{
	background-color: #eecbcb;
}
.mui-slider-indicator .mui-active.mui-indicator{
	background-color: #000000;
}
.homes .mui-slider-indicator .mui-active.mui-indicator{
	background-color: #fff;
}
.mui-slider-indicator .mui-indicator:first-child{
	width:7px;
	height:7px;
}
.mui-slider-indicator .mui-indicator:nth-child(2){
	width:6px;
	height:6px;
}
.mui-slider-indicator .mui-indicator:nth-child(3){
	width:6px;
	height:6px;
}
.menus .mui-table-view-cell:after{
	height:0;
}
.menus .logoTitle{
	height:88px;
}
.menus .homeMenu{
	display: block;
	height: 88px;
	padding: 30px 20px;
	line-height: 30px;
}
.menus .logoTitle img{
	width:28px;
	height:28px;
	float:left;
}
.menus .logoTitle span{
	font-size: 20px;
	float:left;
	padding-left:12px;
}
.menus .mui-table-view-cell{
	padding: 10px 20px;
	line-height: 24px;
	height: 48px;
	font-size: 16px;
}
.menus .mui-table-view-chevron{
	padding-top:12px;
}
.menus .mui-table-view-cell:nth-child(4),.menus .mui-table-view-cell:nth-child(8),.menus .mui-table-view-cell:nth-child(11){
	height: 59px;
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
}
.menus .mui-table-view:after{
	height:0;
}
.menus .mui-table-view:before{
	left:6px;
	right:6px;
}
.footerMenu{background: #bec0c2;}
.footerMenu .mui-icon:before{
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: center center;
	content:"";
	width: 24px;
	height: 24px;
	display: inline-block;
}
.mui-icon.nav-icon1:before{
	background-image: url("../images/nav/icon1.png");
}
.mui-icon.nav-icon2:before{
	background-image: url("../images/nav/icon2.png");
	background-size: 18px;
}
.mui-icon.nav-icon3:before{
	background-image: url("../images/nav/icon3.png");
}
.mui-icon.nav-icon4:before{
	background-image: url("../images/nav/icon4.png");
}
.pages{
	width:100%;
	float:left;
	display: inline-block;
	margin: 20px 0 5px 0;
}
.pages .btn{
	width:80%;
	text-align: center;
	height:48px;
	display: flex;
	margin:0 auto;
}
.pages .btn a{
	display: block;
	flex:1;
	background: #eecbcb;
	color:#fff;
	text-align: center;
	padding: 11px 25px 10px 25px;
	margin:0 10px;
	height:42px;
}
.halfItem.mui-row{
	padding:0 0.74%;
}
.halfItem .mui-col-sm-6{
	width:48.5%;
	margin:3px 0.75%;
}
.imgLists .mui-col-sm-6 img{
	width:100%;
	float:left;
}
.cates .imgLists .mui-col-sm-6 img{
	padding:24px 0 15px 0;
}
.cates .imgLists h2{font-size: 14px;}
.cates .halfItem .mui-col-sm-6{
	width: 42%;
	margin: 3px 4%;
}
.imgLists .color{color:#eecbcb;}
.imgLists h2{
	font-size: 16px;
	margin-top: 6px;
	width: 100%;
	height: 24px;
	float: left;
	overflow: hidden;
}
.homes .imgLists h2,.homes .imgLists p{text-align: center;}
.imgLists p{
	color:#bec0c2;
	font-size: 12px;
	line-height: 18px;
	margin-bottom:4px;
	overflow: hidden;
	width:100%;
	float:left;
}
.homeTitle,.historyTitle{
	padding:20px 15px 16px 15px;
}
.homeTitle p,.historyTitle p{
	text-align: center;
}
.homeTitle p{font-size: 13px;}
.historyTitle p{font-size: 16px;}
.starLineItem .mui-col-sm-6{
	padding:14px 35px 18px 35px;
	background: #bec0c2;
	text-align: center;
}
.starLineItem h2{
	font-size: 15px;
	text-align: center;
	height:24px;
}
.starLineItem .line{
	height: 7px;
	margin-top: 7px;
	position: relative;
	line-height: 1px;
}
.starLineItem .line:before,.starLineItem .line:after{
	position: absolute;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #333;
	top:3px;
}
.starLineItem .line:before{
	left:0;
	right:57%;
}
.starLineItem .line:after{
	left:57%;
	right:0;
}
.footerContact{
	width:97%;
	margin:10px 1.5% 5px 1.5%;
	line-height: 20px;
	text-align: center;
	padding:4px 0;
	border:1px solid #bec0c2;
	display: inline-block!important;
}
.phoneInfo{
	display: inline-block;
	float:left;
	padding-left: 10px;
}
.footerContact a{
	font-size: 13px;
	float:left;
}
.footerContact span{color:#7f7f7f;font-size: 12px;float:left;}
.footerContact img{float:left;width: 16px;margin:2px 4px;}
.switchTap{
	height: 32px;
	position: fixed;
	line-height: 33px;
	width: 100%;
	top: 76px;
	z-index: 99;
	left:0;
}
.switchTap .toMenuItem{
	width:25%;
	height:32px;
	line-height: 33px;
	display: inline-block;
	background: #bdbfc1;
	font-size: 13px;
	float:left;
	text-align: center;
}
.switchTap.halfTap .toMenuItem{width:50%;}
.switchTap .toMenuItem.active{
	background: #000;
	color:#fff;
}
.switchTap.halfTap .toMenuItem.active{
	background: #eecbcb;
}
.banner .img{margin:6px 1.5%;}
.storys .content{
	padding:12px 14px;
}
.storyMan{
	padding:30px 10px;
	display: inline-block;
}
.mui-scroll .mui-inline{width:100%;}
.storyMan .manItem,.historyList .historyItem{
	width:50%;
	float:left;
}
.storyMan .item{
	padding:0 10px;
}
.storyMan h2{font-size: 15px;border-bottom:1px solid #aaaaaa;line-height: 28px;margin-top:14px;}
.storyMan .job{
	font-size: 12px;
	color: #010101;
	line-height: 16px;
	margin: 8px 0;
}
.storyMan p{
	color:#bebfc1;
	font-size: 13px;
}

.historyList{
	padding:15px 14px 40px 14px;
}
.historyList .item{
	padding:0 6px;
}
.historyList h2{
	line-height: 48px;
	margin-bottom:10px;
	font-size: 28px;
	text-align: center;
	color:#fff;
}
.historyList .historyItem{padding-bottom:15px;}
.historyList .item p{
	height:112px;
	overflow-y: hidden;
	font-size: 12px;
}
.historyList .img{padding-top:15px;}
.videoTitle p{
	font-size: 28px;
	line-height: 60px;
	padding:12px 14px 0 14px;
}
.videoTxt .content p{
	font-size: 13px;
	padding: 15px 6px;
	line-height: 24px;
}
.videoCode.mui-block{
	width:100%;
	padding:0 3%;
	display: inline-block!important;
}
.videoCode .img{
	width: 30%;
	margin: 0 1.66%;
	display: inline-block;
	float:left;
	text-align: center;
}
.videoCode .img p{
	width: 100%;
	font-size: 14px;
	color: #333;
	text-align: center;
	float: left;
	padding:10px 0 15px 0;
}
.videoCode .codeDes{
	text-align: center;padding:5px 0 10px 0;margin-bottom:8px;float:left;width:100%;
}
.newList{margin-bottom:64px;}
.newList img{max-width:124px!important;width:124px;height:90px!important;}
.newList .name{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
	white-space: break-spaces;
}
.newList .more{margin-top:7px;float:left;}
.newList .mui-table-view:before{height:0;}
.newList .mui-ellipsis{
	height:36px;
	font-size: 12px;
	color:#bec0c2;
	line-height: 18px;
	white-space:break-spaces;
}
.newList .mui-table-view-cell{padding:16px 15px;}
.follow{
	padding:20px;
}
.crumb .icons{
	line-height: 16px;
}
.crumb h1{
	line-height: 26px;
	font-size: 17px;
	padding-bottom: 8px;
}
.followList{
	padding:30px 60px;
}
.followList .item{
	padding:5px 0;
	float:left;
	width:100%;
}
.followList .item h2{
	line-height: 44px;
	font-size: 15px;
	text-align: center;
}
.business .content{
	padding:0 26px 32px 26px;
}
.business h1{padding-top:18px;font-size:28px;line-height:44px;}
.business h2{line-height: 42px;color:#fff;font-size: 18px;}
.progress p{
	padding-bottom:26px;
	margin-bottom:0;
	position: relative;
}
.progress p:after{
	position: absolute;
	width:100%;
	height:10px;
	content:'';
	display: inline-block;
	bottom:8px;
	left:1px;
	background-image: url("../images/down.png");
	background-position:left center;
	background-size: 10px;
	background-repeat: no-repeat;
}
.progress p:last-child:after{background-image: none;}
.designer{
	padding:15px;
}
.designer h2{font-size: 22px;line-height: 42px;text-align: center;}
.designer p{line-height: 18px;font-size: 13px;text-align: center;}
.designer .img{width:60%;}
.designer .info{
	position: absolute;
	top:50%;
	width:40%;
	z-index:2;
	margin-top:-40px;
}
.designer .mui-inline{
	padding-bottom:15px;
	position: relative;
}
.designer .left .info{
	right:0;
}
.designer .right .info{
	left:0;
}
.designer .left .img{
	margin-right:40%;
	float:left;
}
.designer .right .img{
	margin-left:40%;
	float:right;
}
.faq .mui-card{margin:0;}
.faq .mui-table-view-cell>a:not(.mui-btn){white-space: break-spaces;}
.faq .mui-collapse.mui-active{background: #fff;margin-top:0;}
.faq .mui-collapse.mui-active .mui-navigate-right{line-height:22px;}
.faq .mui-card .mui-table-view-cell{padding:14px 18px 14px 18px;}
.faq .mui-card .mui-table-view-cell .mui-navigate-right{font-size: 16px;padding-right:24px;}
.faq .mui-collapse-content{padding:8px 20px 26px 20px!important;}

.faq .mui-collapse-content p{line-height: 24px;}
.products .des{text-align: center;padding:40px 0;}
.products .des h1{font-size: 20px; line-height: 24px;margin-bottom:10px;}
.products .des h2{font-size: 17px;line-height: 22px;}
.products .des p{
	font-size: 13px;
	color:#fff;
	line-height: 32px;
	margin-top:18px;
}
.designer.lover{
	padding:56px 15px 15px 15px;
}
.lover.designer p{color:#fff;}
.lover.designer .img{width:66%;}
.lover.designer .info{
	width:34%;
	color:#fff;
}
.lover.designer .mui-inline{
	margin-bottom:15px;
	padding-bottom:0;
	background: #bdbfc1;
}
.lover.designer .left .img{
	margin-right:34%;
}
.lover.designer .right .img{
	margin-left:34%;
}
.detailTitle h2{
	font-size: 18px;
	color: #bdbfc1;
	line-height: 36px;
	margin-top: 4px;
	margin-bottom: 24px;
}
.detailTitle h2.color{
	color:#eecbcb;
}
.detailTitle h1{
	line-height: 24px;
	margin-top: 24px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.mui-inline.img{margin-bottom:10px;}
.detailContent{
	padding:0 24px 0 24px;
	text-align: center;
}
.detailContent p{
	line-height: 22px;
	font-size: 12px;
}
.detailContent p img{margin-top:10px;}
.toBusiness {
	position: absolute;
	width: 150px;
	height: 40px;
	top: 50%;
	margin-top:10px;
	left:50%;
}
.toBusiness a{
	display: block;
	text-align: center;
	color:#fff;
	padding:0;
	width:100%;
	height:40px;
	line-height: 40px;
	background: #bec2c3;
	font-size: 13px;
}
.toTomcat a{
	display: block;
	text-align: center;
	color:#fff;
	padding:0;
	width:100%;
	height:56px;
	line-height: 56px;
	background: #eecbcb;
	font-size: 12px;
	margin:18px 0;
}
.articleDetail{
	padding:0 16px;
}
.articleDetail .articleTitle{
	line-height:32px;
	padding:14px 0;
	font-size: 20px;
	margin-bottom:18px;
	border-bottom: 1px solid #333;
}
.articleDetail .img img{margin-bottom:12px;}
.articleDetail .content p{line-height: 24px;}
@media (min-width: 420px) {
	.storyMan h2{
		margin-top:30px;
	}
}
@media (max-width: 420px) {
	.footerContact a{font-size: 12px;}
}
@media (max-width: 360px) {
	.phoneInfo{
		padding-left:6px;
	}
	.footerContact{
		padding: 6px 0 5px 0;
	}
}
@media (max-width: 340px) {
	.historyList .item p {
		height:134px;
	}
}