/**网站全局css**/
* 
{
	margin: 0;
	padding: 0;
	word-break: break-word;
	font-family:"微软雅黑";
	appearance:none;
}
body 
{	
	color: #333;
	background: white;
	margin:auto;  
	min-width:1200px;
	margin:auto;
}
p 
{
	color: #333;
}
a 
{
	text-decoration: none;
	color: #333;
}
li 
{
	list-style: none;
}
img 
{
	border: none;
	display:block;
}
.clear 
{
	clear: both;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.m_hide
{
	display:block;
}
.pc_hide
{
	display:none;
}
.light_yellow
{
	background-color: rgb(245, 244, 237);
}
/**滚动条**/
body::-webkit-scrollbar
{
	width:6px;
}
body::-webkit-scrollbar-thumb
{
	background:#737373;
}
/**滚动条 end**/
/**网站全局css end**/
/**返回顶部**/
.totop
{
	width:30px;
	height:30px;
	background:url('../images/totop.jpg') no-repeat center center;
	position:fixed;
	right:20px;
	bottom:30px;
	border:1px solid #ddd;
	border-radius:5px;
	z-index:200;
	display:none;
	cursor:pointer;
}
/**返回顶部 end**/
/**跟着鼠标走光圈**/
.mousecircle
{
	width:55px;
	height:55px;
	box-sizing:border-box;
	border-radius:50%;
	position:fixed;
	top:0px;
	left:0px;
	border:1px solid #b2b2b2;
	z-index:-1;
	display:block;
	transition:100ms;
}
/**跟着鼠标走光圈 end**/
/**网站头部**/
.pc_head_bg
{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	height:140px;
	z-index:1000;
}
.pc_head_bg .pc_head
{
	width:85%;
	height:100%;
	max-width:1600px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.pc_head_bg .pc_head .pc_haad_left
{
	height:100%;
	display:flex;
	flex-wrap:wrap;
}
.pc_head_bg .pc_head .pc_haad_left .grid
{
	height:100%;
	position:relative;
	width:25px;
	cursor:pointer;
	margin-right:5px;
}
.pc_head_bg .pc_head .pc_haad_left .grid:last-child
{
	margin-right:0px;
}
.pc_head_bg .pc_head .pc_haad_left .grid a
{
	display:flex;
	height:100%;
	align-items:flex-end;
}
.pc_head_bg .pc_head .pc_haad_left .grid a .pic
{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.pc_head_bg .pc_head .pc_haad_left .grid a .pic img
{
	width:100%;
	height:auto;
}
.pc_head_bg .pc_head .pc_haad_left .grid .twocode
{
	width:100px;
	height:auto;
	position:absolute;
	top:140px;
	left:50%;
	transform:translate(-50%,0);
	display:none;
}
.pc_head_bg .pc_head .pc_haad_left .grid:hover .twocode
{
	display:block;
}
.pc_head_bg .pc_head .pc_haad_left .grid .twocode .pic
{
	width:100%;
	height:auto;
}
.pc_head_bg .pc_head .pc_haad_left .grid .twocode .pic img
{
	width:100%;
	height:auto;
}
.pc_head_bg .pc_head .logo
{
	width:220px;
	height:100%;
}
.pc_head_bg .pc_head .logo a
{
	display:flex;
	align-items: flex-end;
	height:100%;
}
.pc_head_bg .pc_head .logo a .pic
{
	width:100%;
	height:auto;
}
.pc_head_bg .pc_head .logo a .pic img
{
	width:100%;
	height:auto;
}
.pc_head_bg .pc_head .menu_btn
{
	display:flex;
	height:100%;
	align-items:flex-end;
	cursor:pointer;
}
.pc_head_bg .pc_head .menu_btn .text
{
	width:50px;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#1d1d1d;
	margin-bottom:15px;
}
.pc_head_bg .pc_head .menu_btn .pic
{
	margin-bottom:15px;
	width:40px;
}
.pc_head_bg .pc_head .menu_btn .pic img
{
	width:100%;
	height:auto;
}
.pc_head_bg .black
{
	display:none;
}
/**白底**/
.pc_head_white_bg,
.no_banner_head
{
	height:70px;
	background:#fff;
	transition:500ms;
	border-bottom:1px solid #eee;
}
.pc_head_white_bg .white,
.no_banner_head .white
{
	display:none;
}
.pc_head_white_bg .black,
.no_banner_head .black
{
	display:block;
}
.pc_head_white_bg .pc_head .pc_haad_left .grid a,
.no_banner_head .pc_head .pc_haad_left .grid a
{
	align-items:center;
}
.pc_head_white_bg .pc_head .pc_haad_left .grid a .pic,
.no_banner_head .pc_head .pc_haad_left .grid a .pic
{
	margin-bottom:0px;
}
.pc_head_white_bg .pc_head .pc_haad_left .grid .twocode,
.no_banner_head .pc_head .pc_haad_left .grid .twocode
{
	top:70px;
}
.pc_head_white_bg .pc_head .logo,
.no_banner_head .pc_head .logo
{
	width:140px;
}
.pc_head_white_bg .pc_head .logo a,
.no_banner_head .pc_head .logo a
{
	align-items:center;
}
.pc_head_white_bg .pc_head .menu_btn,
.no_banner_head .pc_head .menu_btn
{
	align-items:center;
}
.pc_head_white_bg .pc_head .menu_btn .text,
.no_banner_head .pc_head .menu_btn .text
{
	color:#333;
	margin-bottom:0px;
}
.pc_head_white_bg .pc_head .menu_btn .pic,
.no_banner_head .pc_head .menu_btn .pic
{
	margin-bottom:0px;
}
/**白底 end**/
/**导航**/
.head_nav_fix
{
	position:fixed;
	right:-350px;
	top:0px;
	z-index:2000;
	height:100vh;
	transition:500ms;
	width:350px;
}
.head_nav_fix_hover
{
	right:0px;
}
.head_nav_fix .head_nav_bg
{
	 display:flex;
	 flex-wrap:wrap;
	 width:100%;
	 height:100%;
	 background:rgba(0,0,0,0.8);
	 position:relative;
	 align-content:center;
}
.head_nav_fix .close
{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:30px;
	left:28px;
	z-index:10;
	cursor:pointer;
}
.head_nav
{
	width:100%;
	height:calc(100% - 120px);
	overflow-y:auto;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.head_nav .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	cursor:pointer;
}
.head_nav .grid .firstlink
{
	display:block;
	width:100%;
	height:auto;
	font-size:16px;
	text-align:center;
	line-height:25px;
	padding-top:12.5px;
	padding-bottom:12.5px;
	padding-left:28px;
	padding-right:28px;
	box-sizing:border-box;
	color:#fff;
	transition:1s;
}
.head_nav .grid:hover .firstlink
{
	color:#ddd;
}
.head_nav .subnavbg
{
	position:absolute;
	right:-350px;
	height:100vh;
	width:100%;
	background-color: rgb(0, 0, 0);
	top:0px;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	transition:500ms;

}
.head_nav .subnavbg1
{
	z-index:2100;
}
.head_nav .subnavbg2
{
	z-index:2200;
}
.head_nav .subnavbghov
{
	right:0px;
}
.head_nav .subnavbg .back
{
	width:30px;
	height:30px;
	font-weight:bold;
	position:absolute;
	top:30px;
	left:28px;
	z-index:10;
	cursor:pointer;
	background:url('../images/back_white.png') no-repeat left center;
	background-size:100% 80%;
}
.head_nav .subnavbg .subnav
{
	width:100%;
	height:auto;
	max-height:calc(100% - 120px);
	overflow:auto;
}
.head_nav .subnavbg .subnav .record
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.head_nav .subnavbg .subnav .record a
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	padding:12.5px 28px;
	box-sizing:border-box;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:25px;
	transition:1s;
}
.head_nav .subnavbg .subnav .record:hover a
{
	color:#ddd;
}
/**导航 end**/
/**网站头部 end**/
/**网站底部**/
.footbg
{
	background:#eeece6;
	padding-top:90px;
	padding-bottom:90px;
}
.foot-first
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1100px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.foot-first .footnav
{
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.foot-first .footnav .grid
{
	margin-right:25px;
}
.foot-first .footnav .grid:last-child
{
	margin-right:0px;
}
.foot-first .footnav .grid a
{
	display:block;
	font-size:14px;
	line-height:20px;
	color:#1b1b1b;
	transition:1s;
}
.foot-first .footnav .grid:hover a
{
	color:#999;
}
.foot-first .codelist
{
	height:auto;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}
.foot-first .codelist .grid
{
	height:auto;
	position:relative;
	cursor: pointer;
	width:30px;
	margin-right:20px;
}
.foot-first .codelist .grid:last-child
{
	margin-right:0px;
}
.foot-first .codelist .grid .codetb
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.foot-first .codelist .grid .codetb img
{
	width:100%;
	height:auto;
}
.foot-first .codelist .grid .code
{
	width:100px;
	height:100px;
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	transition:1s;
}
.foot-first .codelist .grid:hover .code
{
	transform:translate(-50%,-50%) scale(1);
}
.foot-first .codelist .grid .code img
{
	width:100%;
	height:100%;
}
.foot-second
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1100px;
	padding-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
}
.foot-second .footlogo
{
	width:15%;
	height:auto;
}
.foot-second .footlogo img
{
	width:100%;
	height:auto;
}
.foot-second .footinfo
{
	max-width:60%;
	height:auto;
}
.foot-second .footinfo .title
{
	font-size:14px;
	height:auto;
	line-height:16px;
	text-transform:uppercase;
	margin-bottom:10px;
	text-align:right;
	color:#1b1b1b;
}
.foot-second .footinfo .infolist
{
	height:auto;
}
.foot-second .footinfo .infolist p
{
	font-size:14px;
	line-height:16px;
	margin-bottom:10px;
	text-align:right;
	color:#1b1b1b;
}
.foot-second .footinfo .infolist p:last-child
{
	margin-bottom:0px;
}
.foot-second .footinfo .infolist p a
{
	color:#1b1b1b;
	transition:1s;
}
.foot-second .footinfo .infolist p a:hover
{
	color:#999;
}
/**网站底部 end**/
/**侧边客服**/
.rightservice {
    width: 50px;
    height: auto;
    position: fixed;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    z-index: 50;
}
.rightservice .grid {
    width: 100%;
    height: auto;
    position: relative;
    background: #c3b6a6;
    margin-bottom: 5px;
    box-sizing: border-box;
    padding: 8px;
    cursor: pointer;
}
.rightservice .grid:last-child {
    margin-bottom: 0px;
}
.rightservice .grid .tb {
    width: 100%;
    height: auto;
}
.rightservice .grid .tb img {
    width: 100%;
    height: auto;
}
.rightservice .grid .code {
    position: absolute;
    top: 50%;
    left: -100px;
    width: 100px;
    height: auto;
    overflow: hidden;
    transform: translate(0, -50%);
    display: none;
}
.rightservice .grid .code img {
    width: 100%;
    height: auto;
}
/**侧边客服 end**/
/**网站banner**/
.banner
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.banner .bannerarr
{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	border-radius:50%;
	transition:1s;
}
.banner:hover .bannerarr
{
	opacity:1;
}
.banner .leftbtn-prev
{
	background:url('../images/index/bannerleftarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	left:30px;
}
.banner .rightbtn-next
{
	background:url('../images/index/bannerrightarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	right:30px;
}
.banner a
{
	display:block;
	width:100%;
	height:auto;
	min-height:100px;
}
.banner a img
{
	width:100%;
	height:auto;
}
.banner .swiperpages
{
	position:absolute;
	bottom:15px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.swiperpages
{
	width:100%;
	height:auto;
	text-align:center;

}
.swiperpages .swiper-pagination-bullet-active
{
	background:#fff;
}
/**canvas banner**/
.pc_canvasbanner
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.pc_canvasbanner canvas
{
	display:block;
}
.pc_canvasbanner .mousehover
{
	width:40px;
	height:40px;
	position:absolute;
	bottom:5%;
	left:50%;
	transform:translate(-50%) rotate(-45deg);
	transform-origin:50% 100%;
	z-index:1000;
	animation:mousehoverAnimate 1.5s;
	animation-iteration-count:infinite;
}
@keyframes mousehoverAnimate {

	 0%
	 {
		transform:translate(-50%) rotate(-45deg);
	 }
	 50%
	 {
		transform:translate(-50%) rotate(45deg);
	 }
	 100%
	 {
		transform:translate(-50%) rotate(-45deg);
	 }
	
}
.pc_canvasbanner .mousehover img
{
	width:100%;
	height:auto;
}
.dg.ac
{
	display:none;
}
/**canvas banner end**/
/**网站banner end**/
/**网站首页**/
.indexblockbg
{
	width:100%;
	height:auto;
	padding-top:120px;
	padding-bottom:120px;
	overflow:hidden;
}
.indexblock
{
	width:85%;
	margin:auto;
	max-width:1700px;
}
.indexbigtitle
{
	width:100%;
	height:auto;
	font-size:36px;
	line-height:40px;
	text-align:center;
	color:#1b1b1b;
}
span.bold
{
	font-weight:bold;
	color:#1b1b1b;
}
/**网站首首页模块1MCHO CASA**/
.indexblock1
{
	max-width:1190px;
}
.indexblock1 .bigdes
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
	text-align:center;
	color:#888;
	margin-top:40px;
}
.indexblock1 .bigdes p
{
	font-size:14px;
	line-height:30px;
	text-align:center;
	color:#888;
}
.indexblock1 .zhijianlist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:80px;
}
.indexblock1 .zhijianlist .record
{
	width:100%;
	height:auto;
	display:flex;
	margin-bottom:70px;
	flex-wrap:wrap;
	align-items:center;
}
.indexblock1 .zhijianlist .record:last-child
{
	margin-bottom:0px;
}
.indexblock1 .zhijianlist .record:nth-child(2n)
{
	flex-direction:row-reverse;
}
.indexblock1 .zhijianlist .record .pic
{
	width:50%;
	box-sizing: border-box;
}
.indexblock1 .zhijianlist .record:nth-child(2n) .pic
{
	padding-left:20px;
}
.indexblock1 .zhijianlist .record:nth-child(2n-1) .pic
{
	padding-right:20px;
}
.indexblock1 .zhijianlist .record .pic img
{
	width:100%;
	height:auto;
}
.indexblock1 .zhijianlist .record .text
{
	width:50%;
	box-sizing: border-box;
	padding-left:35px;
	padding-right:35px;
}
.indexblock1 .zhijianlist .record .text .title
{
	font-size:25px;
	line-height:30px;
	color:#1b1b1b;
	text-transform:uppercase;
}
.indexblock1 .zhijianlist .record:nth-child(2n) .text .title
{
	text-align:right;
}
.indexblock1 .zhijianlist .record .text .des
{
	margin-top:20px;
	font-size:14px;
	line-height:30px;
	color:#888;
}
.indexblock1 .zhijianlist .record:nth-child(2n) .text .des
{
	text-align:right;
}
.indexblock1 .zhijianlist .record .text .des p
{
	font-size:14px;
	line-height:30px;
	color:#888;
}
.indexblock1 .zhijianlist .record:nth-child(2n) .text .des p
{
	text-align:right;
}
.indexblock1 .technologypic
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.indexblock1 .technologypic a
{
	display:block;
}
.indexblock1 .technologypic .pic
{
	width:100%;
	height:auto;
}
.indexblock1 .technologypic .pic img
{
	width:100%;
	height:auto;
}
.indexblock1 .technologypic .text
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.indexblock1 .technologypic .text .entitle
{
	font-size:36px;
	line-height:40px;
	color:#fff;
	text-align:center;
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
}
.indexblock1 .technologypic .text .cntitle
{
	font-size:24px;
	line-height:30px;
	color:#fff;
	text-align:center;
	width:100%;
	letter-spacing:5px;
	margin-top:20px;
}
.indexblock1 .technologydes
{
	max-width:800px;
	height:auto;
	margin:auto;
	margin-top:50px;
	font-size:14px;
	line-height:30px;
	color:#888;
	text-align:center;
}
/**网站首首页模块1MCHO CASA end**/
/**网站首首页模块2门店**/
.indexblockbg2
{
	background:url('../images/index/home4.jpg') no-repeat center center;
	background-size:cover !important;
	background-attachment:fixed;
	padding-top:200px;
	padding-bottom:150px;
}
.indexblockbg2 a
{
	display:block;
	width:100%;
	height:auto;
}
.indexblockbg2 a .indexbigtitle
{
	color:#fff;
}
.indexblockbg2 a .storeentitle
{
	color:#fff;
	text-align:center;
	text-transform: uppercase;
	font-size:18px;
	line-height:20px;
	letter-spacing:4px;
	margin-top:15px;
}
.indexblockbg2 a .form
{
	width:360px;
	margin:auto;
	border:1px solid #fff;
	border-radius:10px;
	height:57px;
	padding-left:35px;
	padding-right:35px;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	overflow:hidden;
	box-sizing:border-box;
}
.indexblockbg2 a .form .input
{
	width:calc(100% - 30px);
	height:25px;
	margin-top:15px;
}
.indexblockbg2 a .form .input input
{
	outline: none;
	background:none;
	color:#fff;
	height:100%;
	width:100%;
	font-size:18px;
	border:none;
	box-sizing:border-box;
	cursor: pointer;
}
.indexblockbg2 a .form .input input::-webkit-input-placeholder
{
	color:#fff;
	font-size:18px;
}
.indexblockbg2 a .form .btn
{
	width:25px;
	height:auto;
	margin-top:16px;
	overflow:hidden;
}
.indexblockbg2 a .form .btn img
{
	width:100%;
	height:auto;
}
/**网站首首页模块2门店 end**/
/**网站首首页模块3工艺材料**/
.indexblockbg3 .indexjoinlist
{
	max-width:1120px;
	margin:auto;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
}
.indexblockbg3 .indexjoinlist .grid
{
	width:32%;
	margin-right:2%;
	overflow:hidden;
}
.indexblockbg3 .indexjoinlist .grid:nth-child(3n)
{
	margin-right:0px;
}
.indexblockbg3 .indexjoinlist .grid a
{
	display:block;
	height:auto;
	overflow:hidden;
}
.indexblockbg3 .indexjoinlist .grid a .pic
{
	width:100%;
	height:auto;
	padding-bottom:120%;
	position:relative;
	overflow:hidden;
}
.indexblockbg3 .indexjoinlist .grid a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
	transition:1s;
}
.indexblockbg3 .indexjoinlist .grid:hover a .pic img
{
	transform: scale(1.1);
}
.indexblockbg3 .indexjoinlist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	text-align:center;
	margin-top:15px;
	color:#1b1b1b;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition:1s;
}
.indexblockbg3 .indexjoinlist .grid:hover a .title
{
	color:#888;
}
/**网站首首页模块3工艺材料 end**/
/**网站首首页模块4视频**/
.indexblockbg4
{
	padding-top:0px;
}
.indexblockbg4 .outindexvideo
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.indexblockbg4 .outindexvideo .videobtn
{
	width:100px;
	height:100px;
	position:absolute;
	z-index:20;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	opacity:0.5;
	transition:1s;
}
.indexblockbg4 .outindexvideo .videobtn img
{
	width:100%;
	height:auto;
}
.indexblockbg4 .outindexvideo:hover .videobtn
{
	opacity:1;
}
.indexblockbg4 .outindexvideo .indexvideo
{
	width:100%;
	height:auto;
	position:relative;
	padding-bottom:45%;
	overflow:hidden;
}
.indexblockbg4 .outindexvideo .indexvideo video
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
}
.indexblockbg4 .videodes
{
	width:100%;
	height:auto;
	padding-top:50px;
	font-size:14px;
	line-height:30px;
	color:#888;
	text-align:center;
}
.indexblockbg4 .videodes p
{
	text-align:center;
	font-size:14px;
	line-height:30px;
	color:#888;
}
/**网站首首页模块4视频 end**/
/**网站首首页模块5新闻**/
.indexblockbg5
{
	padding-top:0px;
}
.indexblockbg5 .indexnews
{
	max-width:1120px;
	overflow:hidden;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}
.indexblockbg5 .indexnews .pic
{
	width:50%;
	height:auto;
	overflow:hidden;
}
.indexblockbg5 .indexnews .pic img
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg5 .indexnews .text
{
	width:50%;
	height:auto;
	padding-left:8%;
	padding-right:8%;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.indexblockbg5 .indexnews .text .bigtitle
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:25px;
	line-height:30px;
	color:#1b1b1b;
	text-transform:uppercase;
}
.indexblockbg5 .indexnews .text .bigextitle
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:20px;
	line-height:28px;
	color:#1b1b1b;
	text-transform:uppercase;
	margin-top:10px;
}
.indexblockbg5 .indexnews .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
	color:#888;
	margin-top:20px;
}
.indexblockbg5 .indexnews .text .des p
{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:30px;
	color:#888;
}
/**网站首首页模块5新闻 end**/
/**网站查看更多**/
.webmore
{
	width:90px;
	height:55px;
	overflow:hidden;
	position:relative;
	margin-top:40px;
	display:block;
}
.webmore .circle
{
	width:55px;
	height:100%;
	border:1px solid #b2b2b2;
	border-radius:50%;
	margin-left:35px;
	box-sizing:border-box;
	transition:1s;
}
.webmore:hover .circle
{
	border:1px solid #000;
}
.webmore .threeangle
{
	width:0px;
	height:0px;
	border-left:6px solid #b2b2b2;
	border-right:6px solid transparent;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	position:absolute;
	top:22px;
	left:60px;
	z-index:10;
	transition:1s;
}
.webmore:hover .threeangle
{
	border-left:6px solid #000;
}
.webmore .linebg
{
	width:60px;
	height:30px;
	position:absolute;
	right:30px;
	top:12.5px;
	z-index:5;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	transition:1s;
}
.webmore:hover .linebg
{
	width:0px;
}
.webmore .linebg .line
{
	width:100%;
	height:1px;
	background:#b2b2b2;
}
/**网站查看更多 end**/
/**网站首页 end**/
/**网站内页**/
/**网站内页整体部分**/
/**网站内页banner**/
.inside_banner
{
	width:100%;
	height:auto;
}
.inside_banner a
{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
.inside_banner a .pic
{
	width:100%;
	height:auto;
}
.inside_banner a .pic img
{
	width:100%;
	height:auto;
}
/**网站内页banner end**/
/**内页内容区**/
.insideblock
{
	width:1180px;
	height:auto;
	margin:auto;
}
.insidecontent
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	margin:auto;
} 
.insidecontent p
{
	font-size:15px;
	line-height:25px;
}
.insidecontent ul li
{
	 list-style:disc;
}
.insidecontent img
{
	display:inline;
	max-width:100%;
}
.inside_bigtit
{
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:20px;
	overflow:hidden;
	line-height:25px;
	text-align:center;
}
/**内页内容区 end**/
/**上一篇下一篇**/
.prevnext
{
	width:100%;
	height:auto;
	overflow:hidden;
	display: flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.prevnext .grid
{
	width:50%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#1b1b1b;
}
.prevnext .grid:nth-child(2n)
{
	text-align:right;
}
.prevnext .grid a
{
	color:#1b1b1b;
	transition:1s;
}
.prevnext .grid a:hover
{
	color:#888;
}
/**上一篇下一篇 end**/
/**发布时间**/
.create_time
{
	width:100%;
	height:auto;
	font-size:15px;
	margin-top:15px;
	line-height:25px;
	color:#999;
	text-align:center;
	margin-bottom:30px;
}
/**发布时间 end**/
/**锚点**/
.anchor
{
	padding-top:70px;
	margin-top:-70px;
}
/**锚点 end**/
/**网站内页整体部分 end**/
/**品牌故事**/
/**品牌介绍**/
.aboutblockbg
{
	width:100%;
	height:auto;
	padding-top:120px;
	padding-bottom:120px;
	overflow:hidden;
}
.aboutblock
{
	width:85%;
	margin:auto;
	max-width:1700px;
}
.aboutblock1
{
	max-width:1150px;
}
.aboutblock1 .bigdes
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
	text-align:center;
	color:#888;
}
.aboutblock1 .bigdes p
{
	font-size:14px;
	line-height:30px;
	text-align:center;
	color:#888;
}

.aboutblock1 .storylist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:80px;
}
.aboutblock1 .storylist .record
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.aboutblock1 .storylist .record:nth-child(2n)
{
	flex-direction:row-reverse;
}
.aboutblock1 .storylist .record .pic
{
	width:50%;
	box-sizing: border-box;
}
.aboutblock1 .storylist .record .pic img
{
	width:100%;
	height:auto;
}
.aboutblock1 .storylist .record .text
{
	width:50%;
	box-sizing: border-box;
	padding-left:35px;
	padding-right:35px;
}
.aboutblock1 .storylist .record .text .title
{
	font-size:25px;
	line-height:30px;
	color:#1b1b1b;
}
.aboutblock1 .storylist .record .text .des
{
	margin-top:20px;
	font-size:14px;
	line-height:30px;
	color:#888;
}
.aboutblock1 .storylist .record .text .des p
{
	font-size:14px;
	line-height:30px;
	color:#888;
}
/**品牌介绍 end**/
/**高品质材料与工艺**/
.aboutblockbg2
{
	background:#313131;
}
.aboutblock2 .indexbigtitle
{
	color:#fff;
}
.aboutblock2 .technologylist
{
	width:1170px;
	margin:auto;
	margin-top:80px;
}
.aboutblock2 .technologylist a
{
	display:flex;
	background:#fff;
	flex-wrap:wrap;
	align-items:stretch;
	
}
.aboutblock2 .technologylist a .outpic
{
	width:43%;
}
.aboutblock2 .technologylist a .outpic .pic
{
	width:100%;
	padding-bottom:90%;
	position:relative;
	overflow:hidden;
}
.aboutblock2 .technologylist a .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0px;
	left:0px;
}
.aboutblock2 .technologylist a .text
{
	width:57%;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	padding-left:5%;
	padding-right:5%;
	box-sizing: border-box;
}
.aboutblock2 .technologylist a .text .title
{
	font-size:25px;
	line-height:30px;
	color:#1b1b1b;
}
.aboutblock2 .technologylist a .text .des
{
	margin-top:20px;
	font-size:14px;
	line-height:30px;
	color:#888;
}
.swiperpage1 
{
	margin-top:30px;
}
.swiperpage1 .swiper-pagination-bullet
{
	margin:0px 10px !important;
	background:rgba(255,255,255,0.8);
}
.swiperpage1 .swiper-pagination-bullet-active
{
	background:#fff;
	position:relative;
}
.swiperpage1 .swiper-pagination-bullet-active::after
{
	content:'';
	width:20px;
	height:20px;
	border:1px solid #fff;
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	transform: translate(-50%,-50%);
	border-radius:50%;
}
/**高品质材料与工艺 end**/
/**品牌故事 end**/
/**招商中心**/
.joinblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.joinblock
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1700px;
}
.joinblockbg .swiperpage1 
{
	text-align:center;
}
.joinblockbg .swiperpage1 .swiper-pagination-bullet
{
	background:rgba(51,51,51,0.8);
}
.joinblockbg .swiperpage1 .swiper-pagination-bullet-active
{
	background:#333;
}
.joinblockbg  .swiperpage1 .swiper-pagination-bullet-active::after
{
	border:1px solid #333;
}
/**加盟八大优势**/
.advantagelist
{
	margin-top:80px;
	overflow:hidden;
	padding-bottom:15px;
}
.advantagelist a
{
	display:block;
	overflow:hidden;
}
.advantagelist a .pic
{
	width:100%;
	height:auto;
	padding-bottom:66%;
	position:relative;
}
.advantagelist a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
}
.advantagelist a .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.advantagelist a .text .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight:bold;
	margin-top:15px;
	color:#1b1b1b;
}
.advantagelist a .text .des
{
	font-size:14px;
	line-height:30px;
	overflow:hidden;
	color:#666;	
}
.advantagelist a .text .des p
{
	font-size:14px;
	line-height:25px;
	color:#666;
	margin-top:10px;
}
/**加盟八大优势 end**/
/**加盟流程**/
.joinblockbg2
{
	background:#e5e5e5;
}
.joinblockbg2 .flowpathlist
{
	width:100%;
	height:auto;
	margin-top:80px;
}
.joinblockbg2 .flowpathlist a
{
	display:flex;
	flex-wrap:wrap;
}
.joinblockbg2 .flowpathlist a .leftcontent
{
	width:150px;
	height:150px;
	border:1px solid #1b1b1b;
	border-radius:15px;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	justify-content: center;
}
.joinblockbg2 .flowpathlist a .leftcontent .pic
{
	width:80px;
	height:auto;
	overflow:hidden;
}
.joinblockbg2 .flowpathlist a .leftcontent .pic img
{
	width:100%;
	height:auto;
}
.joinblockbg2 .flowpathlist a .leftcontent .title
{
	width:100%;
	height:auto;
	font-size:16px;
	line-height:28px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
.joinblockbg2 .flowpathlist a .arr
{
	width:calc(100% - 150px);
	height:150px;
	background:url('../images/join/flowpatharr.png') no-repeat center center;
}
.joinblockbg2 .flowpathlist .swiper-slide:last-child .arr
{
	display:none;
}
/**加盟流程 end**/
/**立即加盟**/
.joinblockbg3
{
	background:url('../images/join/joinform.jpg') no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
}
.joinblockbg3 .indexbigtitle
{
	color:#fff;
}
.joinblockbg3 .form
{
	width:500px;
	height:auto;
	margin:auto;
	margin-top:80px;
}
.joinblockbg3 .form .inputlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg3 .form .inputlist .input
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}
.joinblockbg3 .form .inputlist .input input
{
	width:100%;
	height:35px;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
	outline:none;
	border:none;
}
.joinblockbg3 .form .submit
{
	width:100%;
	height:40px;
	background:#7d7d7d;
	text-align:center;
	font-size:15px;
	text-align:center;
	line-height:40px;
	transition:1s;
	color:#fff;
	cursor:pointer;
}
.joinblockbg3 .form .submit:hover
{
	background:#666;
}
/**立即加盟 end**/
/**加盟优势**/
.joinblock4
{
	max-width:1100px;
}
.joinblock4 .joinyoushi
{
	margin-top:80px;
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}
.joinblock4 .joinyoushi .pic
{
	width:50%;
	height:auto;
	overflow:hidden;
}
.joinblock4 .joinyoushi .pic img
{
	width:100%;
	height:auto;
}
.joinblock4 .joinyoushi .right
{
	width:42%;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
}
.joinblock4 .joinyoushi .right .content
{
	width:100%;
	height:auto;
	overflow:hidden;
}
/**加盟优势 end**/
/**三大优势**/
.joinblockbg5
{
	background:url('../images/join/join2.jpg') no-repeat center center;
	background-size:cover;
}
.joinblock5
{
	max-width:1100px;
}
.joinblock5 .pc_sandayoushilist
{
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.5);
	display:flex;
	flex-wrap:wrap;
	padding-top:50px;
	padding-bottom:20px;
}
.joinblock5 .pc_sandayoushilist .grid
{
	width:33.33%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
}
.joinblock5 .pc_sandayoushilist .grid .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-weight:600;
}
.joinblock5 .pc_sandayoushilist .grid  .content
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:24px;
	color:#fff;
	margin-top:20px;
	text-align:center;
}
.joinblock5 .pc_sandayoushilist .grid  .content p
{
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
}
/**三大优势 end**/
/**加明条件**/
.joinblockbg6
{
	padding-bottom:90px;
}
.joinblock6
{
	max-width:1180px;
}
.joinblock6 .tiaojianlist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	margin-top:80px;
}
.joinblock6 .tiaojianlist .grid
{
	width:46%;
	height:auto;
	overflow:hidden;
	margin-right:8%;
	margin-bottom:30px;
	background:#eee;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:4%;
}
.joinblock6 .tiaojianlist .grid:nth-child(2n)
{
	margin-right:0px;
}
.joinblock6 .tiaojianlist .grid .title
{
	width:35px;
	height:35px;
	overflow:hidden;
	border-radius:50%;
	font-size:18px;
	line-height:35px;
	color:#fff;
	background:#626262;
	text-align:center;
}
.joinblock6 .tiaojianlist .grid .content
{
	width:calc(100% - 45px);
	height:auto;
	overflow:hidden;
	font-size:14px;
	line-height:24px;
	color:#888;
	min-height:72px;
	margin-top:5px;
}
.joinblock6 .tiaojianlist .grid .content p
{
	font-size:14px;
	line-height:24px;
	color:#888;
}
/**加盟条件 end**/
/**招商中心 end**/
/**门店**/
.storeblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
}
.storeblock
{
	width:100%;
	height:auto;
	margin:auto;
	overflow:hidden;
}
.storeblock .storesearchbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:40px;
	background:#eee;
	margin-top:80px;
}
.storeblock .storesearchbg .storesearch
{
	width:100%;
	max-width:1600px;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:20px;
	padding-bottom:20px;
	margin:auto;

}
.storeblock .storesearchbg .storesearch .select
{
	width:50%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	
}
.storeblock .storesearchbg .storesearch .select select
{
	width:32%;
	height:35px;
	margin-right:2%;
	border:1px solid #aaa;
	box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
	background:url('../images/littledownarr.png') no-repeat right center;
	background-color:#fff;
	border-radius: 5px;
	outline:none;
	cursor: pointer;
}
.storeblock .storesearchbg .storesearch .select select:last-child
{
	margin-right:0px;
}
.storeblock .storesearchbg .storesearch .searchbtn
{
	width:65px;
	height:35px;
	overflow:hidden;
	line-height:33px;
	font-size:15px;
	text-align:center;
	border:1px solid #aaa;
	border-radius:5px;
	margin-left:10px;
	cursor: pointer;
	transition:1s;
}
.storeblock .storesearchbg .storesearch .searchbtn:hover
{
	background:#666;
	color:#fff;
}
.storeblock .maplist
{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:1600px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.storeblock .maplist .map
{
	width:65%;
	height:500px;
}
.storeblock .maplist .storelist
{
	width:30%;
	height:500px;
	overflow-y:auto;
}
.storeblock .maplist .storelist .grid
{
	width:100%;
	border-bottom:1px solid #eee;
	padding-bottom:15px;
	margin-bottom:15px;
	box-sizing: border-box;
	padding-left:15px;
	position:relative;
}
.storeblock .maplist .storelist .grid::after
{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#666;
	left:0px;
	top:12.5px;
}
.storeblock .maplist .storelist .grid .tit
{
	width:100%;
	height:auto;
	font-size:17px;
	font-weight:bold;
	line-height:30px;
}
.storeblock .maplist .storelist .grid .address
{
	width:100%;
	height:auto;
	font-size:15px;
	line-height:25px;
	overflow:hidden;
	margin-bottom:10px;
}
.storeblock .maplist .storelist .grid .looksite
{
	width:100px;
	height:30px;
	overflow:hidden;
	font-size:14px;
	line-height:30px;
	background:#666;
	color:#fff;
	text-align:center;
	cursor: pointer;
	border-radius:5px;
	transition:1s;
}
.storeblock .maplist .storelist .grid .looksite:hover
{
	background:#aaa;
}
/**门店 end**/
/**产品列表**/
.productblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:100px;
}
.productblockbg .productdes
{
	width:80%;
	max-width:1300px;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-bottom:80px;
	margin-top:80px;
}
.productblockbg .productdes .bigtitle
{
	font-size:24px;
	line-height:30px;
	overflow:hidden;
	text-align:center;
	color:#1b1b1b;

}
.productblockbg .productdes .line
{
	width:30px;
	height:1px;
	margin:auto;
	background:#333;
	margin-top:30px;
}
.productblockbg .productdes .des
{
	margin:auto;
	margin-top:30px;
	height:auto;
	overflow:hidden;
	width:100%;
	font-size:14px;
	line-height:28px;
	text-align:center;
	color:#1b1b1b;
	max-width:700px;
}
.productblockbg .productdes .des p
{
	font-size:14px;
	line-height:28px;
	text-align:center;
}
.productblockbg .catesearchbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#eee;
	padding-top:20px;
	padding-bottom:20px;
}
.productblockbg .catesearchbg .catesearch
{
	width:80%;
	margin:auto;
	max-width:1300px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.productblockbg .catesearchbg .catesearch .cateselect
{
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .cateselect select
{
	width:230px;
	height:40px;
	margin-right:40px;
	border:1px solid #fff;
	box-sizing: border-box;
	outline:none;
	font-size:15px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	background:url('../images/downarr.png') no-repeat 190px center;
	background-color:#fff;
	border-radius:5px;
}

.productblockbg .catesearchbg .catesearch .search
{
	width:230px;
	height:40px;
	border:1px solid #fff;
	background-color:#fff;
	border-radius:5px;
	box-sizing: border-box;
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .search .form
{
	 display:flex;
	 flex-wrap:wrap;
	 width:100%;
	 height:38px;
}
.productblockbg .catesearchbg .catesearch .search .form .input
{
	width:calc(100% - 50px);
	height:100%;
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .search .form .input input
{
	width:100%;
	height:100%;
	border:none;
	outline:none;
	box-sizing: border-box;
	font-size:15px;
	padding-left:15px;
	padding-right:15px;
	background:none;
}
.productblockbg .catesearchbg .catesearch .search .form .submit
{
	width:50px;
	height:100%;
	
}
.productblockbg .catesearchbg .catesearch .search .form .submit input
{
	cursor: pointer;
	background:url('../images/seach1.png') no-repeat center center;
	border:none;
	font-size:0px;
	width:100%;
	height:100%;
}
.prolistblock
{
	max-width:1300px;
	overflow:hidden;
	margin:auto;
	margin-top:50px;
	box-sizing: border-box;
	width:80%;
}
.prolistblock .prolist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .prolist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
	margin-bottom:20px;
}
.prolistblock .prolist .grid:nth-child(3n)
{
	margin-right:0px;	
}
.prolistblock .prolist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.prolistblock .prolist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:66.66%;
	position:relative;
}
.prolistblock .prolist .grid a .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	transition:1s;
}
.prolistblock .prolist .grid a .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit: cover;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .outpic .pic img
{
	transform: scale(1.1);
}
.prolistblock .prolist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .title
{
	color:#aaa;
}
/**产品列表 end**/
/**产品展示页**/
.proview
{
	background:#fff;
	padding:30px;
	padding-top:170px;
	box-sizing: border-box;
	overflow:hidden;
	width:80%;
	max-width:1300px;
	margin:auto;
}
.proview .picarr
{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
	margin-bottom:30px;
}
.proview .picarr .arr
{
	width:50px;
	height:50px;
	cursor: pointer;
}
.proview .picarr .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
}
.proview .picarr .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
}
.proview .picarr .picarrlist
{
	width:60%;
	height:auto;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
}
.proview .picarr .picarrlist .outpic
{
	width:100%;
	padding-bottom:66.66%;
	overflow:hidden;
	position:relative;
}
.proview .picarr .picarrlist .outpic .pic
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;	
}
.proview .picarr .picarrlist .outpic .pic img
{
	max-width:100%;
	max-height:100%;
}
.proview .picarr .picarrlist .swiperpage
{
	margin-top:20px;
	text-align:center;
}
.proview .picarr .picarrlist .swiperpage .swiper-pagination-bullet-active
{
	background:#000;
}
.proview .productcontent
{
	margin-bottom:30px;
	overflow:hidden;
}
.proview .productcontent .title
{
	font-size:16px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
/**产品展示页 end**/
/**分类导航**/
.catenav
{
	width:80%;
	margin:auto;
	overflow:hidden;
	max-width:1300px;
	padding-top:30px;
	padding-bottom:30px;
	box-sizing: border-box;
	overflow-x:auto;
	display:flex;
	flex-shrink:unset;
}
.catenav .grid
{
	margin-right:20px;
}
.catenav .grid a
{
	display:block;
	font-size:16px;
	line-height:25px;
	padding-left:25px;
	box-sizing: border-box;
	position:relative;
	white-space: nowrap;
}
.catenav .grid a::after
{
	width:14px;
	left:0px;
	height:14px;
	content:'';
	border:1px solid #333;
	border-radius:2px;
	top:5px;
	position:absolute;
	transition:1s;
}
.catenav .grid:hover a::after
{
	background:#333;
}
.catenav .grid .hover::after
{
	background:#333;
}
/**分类导航 end**/
/**分页**/
.pages
{
	width:100%;
}
.Pagination__Nav {
    text-align: center;
    margin: 20px 0;
	margin-bottom:80px;
}

.Pagination__Nav span {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav a {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav .is-active {
    background: #333;
	color:#fff;

}

.Pagination__Nav span:hover {
    background: #333;
	color:#fff;
}

.Pagination__Nav a:hover {
    background: #333;
	color:#fff;
}
/**分页 end**/
/**设计师案例**/
.caseblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.caseblock
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1300px;
}
.caseblock .caselist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;	
}
.caseblock .caselist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
	margin-bottom:30px;
}
.caseblock .caselist .grid:nth-child(3n)
{
	margin-right:0px;
}
.caseblock .caselist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.caseblock .caselist .grid a .pic
{
	width:100%;
	height:auto;
	padding-bottom:66.66%;
	overflow:hidden;
	position:relative;
}
.caseblock .caselist .grid a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:1s;
}
.caseblock .caselist .grid:hover a .pic img
{
	transform:scale(1.1);
}
.caseblock .caselist .grid a .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.caseblock .caselist .grid a .text .title
{
	width:100%;
	height:auto;
	font-size:15px;
	margin-top:10px;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
}
/**设计师案例 end**/
/**VR展厅**/
.vrblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.vrblock
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1300px;
}
.vrblock .vrlist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;	
}
.vrblock .vrlist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
	margin-bottom:30px;
}
.vrblock .vrlist .grid:nth-child(3n)
{
	margin-right:0px;
}
.vrblock .vrlist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.vrblock .vrlist .grid a .pic
{
	width:100%;
	height:auto;
	padding-bottom:66.66%;
	position:relative;
	overflow:hidden;
}
.vrblock .vrlist .grid a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
	z-index:10;
	transition:1s;
}
.vrblock .vrlist .grid:hover a .pic img
{
	transform:scale(1.1);
}
.vrblock .vrlist .grid a .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.vrblock .vrlist .grid a .text .title
{
	width:100%;
	height:auto;
	font-size:15px;
	margin-top:10px;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
}
/**VR展厅 end**/
/**新闻中心**/
.newblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.newblock
{
	width:85%;
	height:auto;
	margin:auto;
	max-width:1300px;
}
.newblock .newslist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
}
.newblock .newslist .grid
{
	width:48%;
	height:auto;
	margin-right:4%;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.newblock .newslist .grid:nth-child(2n)
{
	margin-right:0px;
}
.newblock .newslist .grid a
{
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
	justify-content:space-between;
}
.newblock .newslist .grid a .outpic
{
	width:25%;
	height:auto;
	overflow:hidden;
}
.newblock .newslist .grid a .outpic .pic
{
	width:100%;
	height:auto;
	padding-bottom:42%;
	position:relative;
	overflow:hidden;
	border:1px solid #eee;
	box-sizing:border-box;
	
}
.newblock .newslist .grid a .outpic .pic .insidepic
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.newblock .newslist .grid a .outpic .pic .insidepic img
{
	max-width:100%;
	max-height:100%;
	transition:1s;
}
.newblock .newslist .grid:hover a .outpic .pic img
{
	transform:scale(1.1);
}
.newblock .newslist .grid a .text
{
	width:72%;
	height:auto;
	overflow:hidden;
}
.newblock .newslist .grid a .text .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:4px;
	transition:1s;
}
.newblock .newslist .grid:hover a .text .title
{
	color:#000;
}
.newblock .newslist .grid a .text .time
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#999;
	line-height:15px;
	margin-top:5px;
	margin-bottom:5px;
	transition:1s;
}
.newblock .newslist .grid:hover a .text .time
{
	color:#000;
}
.newblock .newslist .grid a .text .des
{
	height:50px;
	font-size:15px;
	line-height:25px;
	color:#666;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	transition:1s;
	display:none;
}
.newblock .newslist .grid:hover a .text .des
{
	color:#000;
}
/**新闻中心 end**/
/**联系我们**/
.contactblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.contactblockbg .contactblock
{
	width:1100px;
	margin:auto;
	overflow:hidden;
}

.contactblockbg .contactblock .contactmsg
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.contactblockbg .contactblock .contactmsg .grid
{
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid:nth-child(1)
{
	width:50%;
}
.contactblockbg .contactblock .contactmsg .grid:nth-child(2)
{
	width:44%;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo
{
	width:100%;
	height:auto;
	overflow:hidden;
	
}
.contactblockbg .contactblock .componylogo
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
	
}
.contactblockbg .contactblock .componylogo img
{
	width:180px;
	height:auto;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .componytitle
{
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	margin-bottom:30px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .infolist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .infolist .record
{
	font-size:14px;
	line-height:24px;
	font-weight:300;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .code
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .code img
{
	width:100px;
	height:auto;
	
}
.contactblockbg .contactblock .grid .msg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
}
.contactblockbg .contactblock .grid .msgtitle
{
	width:100%;
	font-size:20px;
	line-height:25px;
	font-weight:300;
	margin-bottom:25px;
}
.contactblockbg .contactblock .grid .msg .inputlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input
{
	width:100%;
	height:35px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#333;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input::-webkit-input-placeholder
{
	color:#333;
}
.contactblockbg .contactblock .grid .msg .textareabox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea
{
	width:100%;
	height:80px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
	padding:10px 15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#333;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea::-webkit-input-placeholder
{
	color:#333;
}
.contactblockbg .contactblock .grid .msg .submit
{
	width:100%;
	height:35px;
	overflow:hidden;
	box-sizing: border-box;
	cursor: pointer;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.contactblockbg .contactblock .grid .msg .submit .line
{
	width:65px;
	height:1px;
	background:#999;
	margin-right:25px;
	transition:1s;
}
.contactblockbg .contactblock .grid .msg .submit:hover .line
{
	background:#000;
}
.contactblockbg .contactblock .grid .msg .submit .text
{
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#999;
	transition:1s;
}
.contactblockbg .contactblock .grid .msg .submit:hover .text
{
	color:#000;
}
/**联系我们 end**/
/**网站内页 end**/