@charset "utf-8";
/* =====================内页样式======================== */

/* =====================关于样式======================== */

/* 品牌定位 s */
.n_about_02{
	padding: 2.2rem 0;
}
.n_about_02 .pst_pic{
	width: 41.67%;
	top: 2.2rem;
	left: 0;
	right: auto;  
	height: 6.72rem;
}
.n_about_02 .fr{
	width: 50.78125%;
	height: 6.72rem;
}
.n_about_02 .fr .i_tit{
	width: 100%;
}
.n_about_02 .fr .info{
	width: 100%;
	font-size: 0.32rem;
	font-family: "SY-L";
	color: #3d3a39;
	line-height: 1.4;
	margin-top: 1.4rem;
}
.n_about_02 .fr .info h4{
	font-family: "SY-B";
}
/* 品牌定位 e */

/* 品牌理念 s */
.n_about_03{
	padding: 1.9rem 0 0.3rem;
}
.n_about_03 .pst_pic{
	width: 46.35%;
	top: 1.9rem;
	height: 6.8rem;
}
.n_about_03 .fl{
	width: 43%;
	height: 6.8rem;
}
.n_about_03 .fl .i_tit{
	width: 100%;
}
.n_about_03 .fl .info{
	width: 100%;
	font-size: 0.24rem;
	font-family: "SY-L";
	color: #3d3a39;
	line-height: 2.25;
	margin-top: 0.5rem;
}
/* 品牌理念 e */

/* n_pic_bg_01 s */
.ab_pic_bg_01{
	height: 8.74rem;
	background-image: url('../images/ab_pic_bg_01.jpg');
	background-attachment: initial;
}
.ab_pic_bg_01 .txt{
	top: 28.7%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ab_pic_bg_01 .txt .tit{
	font-size: 0.6rem;
	font-family: "SY-L";
	line-height: 1.2;
}
.ab_pic_bg_01 .txt .tit span{
	display: block;
	font-size: 0.4rem;
	font-family: "SY-B";
}
.ab_pic_bg_01 .txt .info{
	font-size: 16px;
	line-height: 1.3;
	margin: 0.6rem 0 1rem;
}
.ab_pic_bg_01 .txt img{}
/* n_pic_bg_01 e */

/* 品牌实力 s */
.n_about_04{
	background: url('../images/n_about_04_bg.jpg') no-repeat center/cover fixed;
	padding: 1.75rem 0 0.8rem;
}
.n_about_04 ul{
	margin-top: 1.1rem;
}
.n_about_04 ul li{
	width: 20.3125%;
	border-radius: 0.18rem;
	background-color: #ffffff;
	box-shadow: 0 0 0.12rem rgb(0,0,0,.35);
	padding: 0.8rem 0 0.85rem;
	margin-bottom: 0.4rem;
}
.n_about_04 ul li .ico{
	height: 60px;
	line-height: 60px;
	margin-bottom: 0.25rem;
}
.n_about_04 ul li .ico img{}
.n_about_04 ul li:hover .ico{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.n_about_04 ul li .info{}
.n_about_04 ul li h4{
	font-size: 0.28rem;
	color: #231815;
	margin-bottom: 0.24rem;
	text-align: center;
}
.n_about_04 ul li p{
	padding: 0 10%;
	font-size: 14px;
	line-height: 1.75;
	height: 3.5em;
	color: #717171;
	text-align: left;
}
.n_about_04 ul li:hover{
	background-color: #ed742f;
}
.n_about_04 ul li:hover h4,.n_about_04 ul li:hover p{
	color: white;
}
/* 品牌实力 e */

/* 在线留言 s */
.ab_mess{
	padding: 2rem 0;
}
.ab_mess .pst_pic{
	width: 34.8%;
	top: 2rem;
	background-image: url('../images/ab_mess_bg.jpg');
	height: 4rem;
}
.ab_mess .fl{
	width: 64.85%;
	height: 4rem;
	width: 66%;
}
.ab_mess .fl .tit{
	font-size: 0.36rem;
	color: #323333;
}
.ab_mess .fl form{
	width: 100%;
	margin-top: 0.45rem;
}
.ab_mess .fl form .mui-input-row{
	width: 100%;
}
.ab_mess .fl form .mui-input-row:not(:nth-child(4)){
	width: 31.3%;
}
.ab_mess .fl form .mui-input-row input,.ab_mess .fl form .mui-input-row textarea{
	width: 100%;
	font-size: 16px;
	font-family: "SY-R";
	color: #040000;
	background-color: #f5f5f5;
	margin-bottom: 0.2rem;
}
.ab_mess .fl form .mui-input-row input{
	line-height: 40px;
	padding-left: 0.18rem;
}
.ab_mess .fl form .mui-input-row textarea{
	line-height: 1.5;
	height: 10em;
	padding: 0.15rem 0.18rem;
	border: none;
}
.ab_mess .fl form button{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.28rem;
	color: white;
	background-color: #ed742f;
	padding: 0.22rem 0.94rem 0.22rem 0.64rem;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
}
.ab_mess .fl form button:hover{
	box-shadow: 0 0 0.16rem rgb(237,116,47,.35);
}
.ab_mess .fl form button img{
	margin-left: 0.08rem;
}
/* 在线留言 e */

/* =====================产品样式======================== */

/* 产品列表 s */
.n_pro_list{
	padding-bottom: 0;
}
.n_pro_list .con{
	width: 100%;
	margin-top: 0.8rem;
}
.n_pro_list .con ul{}
.n_pro_list .con ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.n_pro_list .con ul li:nth-child(3n){
	margin-right: 0;
}
.n_pro_list .con ul li a{}
.n_pro_list .con ul li .pic{}
.n_pro_list .con ul li .pic img{]}
/* 产品列表 e */

/* =====================新闻样式======================== */

/* =====================案例样式======================== */

/* 案例列表 s */
.n_case_list{
	background-color: #eeeeee;
}
.n_case_list .top{
	position: relative;
	padding: 1.2rem 6.5%;
	background-color: white;
	margin-top: -0.8rem;
	z-index: 2;
}
.n_case_list .top .pic{
	margin-top: 0.9rem;
}
.n_case_list .top .pic img{
	width: 100%;
}
.n_case_list .top .pic .txt{
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	color: white;
}
.n_case_list .top .pic .txt h3{
	font-size: 0.45rem;
}
.n_case_list .top .pic .txt h3 span{
	font-weight: 700;
}
.n_case_list .top .pic .txt p{
	font-size: 0.28rem;
	margin-top: 0.2rem;
}

.n_case_list .bot{}
.n_case_list .bot ul{}
.n_case_list .bot ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 2%;
}
.n_case_list .bot ul li:nth-child(3n){
	margin-right: 0;
}
.n_case_list .bot ul li a{}
.n_case_list .bot ul li a .pic{}
.n_case_list .bot ul li a .pic img{}
.n_case_list .bot ul li p{
	font-size: 0.22rem;
	line-height: 1.3;
	color: #231815;
	margin-top: 0.12rem;
}
/* 案例列表 e */

/* =====================招商样式======================== */

/* 加盟优势 s */
.n_join_01{}
.n_join_01 ul{
	margin-top: 0.9rem;
}
.n_join_01 ul li{
	width: 16%;
	box-shadow: 0.06rem 0.06rem 0.12rem rgb(0,0,0,.2);
	padding: 0.45rem 0.2rem 0.3rem;
	background-color: white;
	text-align: center;
}
.n_join_01 ul li:hover{
	background-color: #ed742f;
}
.n_join_01 ul li .ico{
	height: 55px;
	line-height: 55px;
}
.n_join_01 ul li:hover .ico{
	position: relative;
	filter: drop-shadow(100vw 0px 0 white);
	-webkit-filter: drop-shadow(100vw 0px 0 white);
	right: 100vw;
}
.n_join_01 ul li img{
	display: inline-block;
}
.n_join_01 ul li .info{}
.n_join_01 ul li .info h4{
	font-size: 16px;
	color: #3d3a39;
	font-family: 'SY-M';
	margin: 0.15rem 0 0.2rem;
}
.n_join_01 ul li .info p{
	font-size: 12px;
	line-height: 1.75;
	color: #717171;
	height: 7em;
}
.n_join_01 ul li:hover .info h4,.n_join_01 ul li:hover .info p{
	color: white;
}
/* 加盟优势 e */

/* join_pic_bg_01 s */
.join_pic_bg_01{
	background-image: url('../images/join_pic_bg_01.jpg');
	background-attachment: initial;
	height: 10.28rem;
}
.join_pic_bg_01 .txt{
	top: 23%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.join_pic_bg_01 .txt .tit{
	text-align: center;
	font-size: 0.36rem;
	color: white;
	line-height: 1.3;
	font-family: 'SY-L';
}
.join_pic_bg_01 .txt .tit span{
	display: block;
	font-family: 'SY-B';
}
.join_pic_bg_01 .ico{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0.6rem;
}
/* join_pic_bg_01 e */

/* 加盟流程 s */
.n_join_03{
	background-color: #f4f4f4;
}
.n_join_03 ul{
	width: 89.065%;
	margin: 0.6rem auto 0;
	background: url('../images/n_join_03_bg.png') no-repeat center;
	background-size: 100% auto;
}
.n_join_03 ul li{
	width: 120px;
	height: 120px;
	margin-bottom: 2.33rem;
	background-color: #3d3a39;
	border-radius: 50%;
}
.n_join_03 ul li:hover{
	background-color: #ed742f;
}
.n_join_03 ul li:nth-child(2n){
	margin-top: 2.33rem;
	margin-bottom: 0;
}
.n_join_03 ul li .ico{
	height: 36px;
	line-height: 36px;
}
.n_join_03 ul li img{
	display: inline-block;
}
.n_join_03 ul li .info{
	font-size: 14px;
	line-height: 1.5;
	color: white;
	margin-top: 0.04rem;
}
/* 加盟流程 e */

/* 在线加盟 s */
.n_join_04{
	background: url('../images/n_join_04_bg.jpg') no-repeat center/cover;
}
.n_join_04 .fl{
	padding: 0.2rem 0 0.55rem;
}
.n_join_04 .fl .info{}
.n_join_04 .fl .info p{
	font-size: 16px;
	color: white;
	line-height: 2;
}
.n_join_04 .fr{
	width: 55%;
}

.n_join_04 .form{
	width: 100%;
	padding: 0.6rem 1rem;
	background-color: white;
}
.n_join_04 form{
	width: 100%;
}
.n_join_04 form .input-row{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
	color: #000000;
	line-height: 1.3;
	margin-bottom: 0.2rem;
}
.n_join_04 form .input-row:nth-child(1),.n_join_04 form .input-row:nth-child(2),
.n_join_04 form .input-row:nth-child(3),.n_join_04 form .input-row:nth-child(4){
	justify-content: space-between;
}
.n_join_04 form .input-row label{
	flex: 1;
	min-width: 85px;
	letter-spacing: 1px;
	text-align: justify;
}
.n_join_04 form .input-row:nth-child(1) label,.n_join_04 form .input-row:nth-child(2) label,
.n_join_04 form .input-row:nth-child(3) label,.n_join_04 form .input-row:nth-child(4) label{
	flex: none;
	text-align-last: justify;
}
.n_join_04 form .input-row input{
	width: 3.85rem;
	font-size: 16px;
	line-height: 32px;
	border-bottom: 1px solid #808080;
}
.n_join_04 form .input-row:nth-child(6) label{
	flex: none;
}
.n_join_04 form .input-row:nth-child(6) .view{
	display: flex;
	align-items: center;
	margin-left: 0.75rem;
}
.n_join_04 form .input-row:nth-child(6) input{
	border: none;
	width: auto;
	appearance: radio;
	outline: initial;
	margin-right: 0.06rem;
	cursor: pointer;
}
.n_join_04 form .input-row:nth-child(7) input,
.n_join_04 form .input-row:nth-child(8) input{
	width: 1.1rem;
	margin: 0 0.16rem;
}
.n_join_04 form .input-row:nth-child(7) label,
.n_join_04 form .input-row:nth-child(8) label{
	flex: none;
}
.n_join_04 form .input-row span{}
.n_join_04 form .btn{
	margin: 0.5rem 0 0;
}
.n_join_04 form button{
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #ed742f;
	padding: 0.1rem 0.55rem;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: none;
}
.n_join_04 form button:last-child{
	margin-left: 0.36rem;
}
.n_join_04 form button:hover {
    box-shadow: 0 0 6px #ed742f;
}
/* 在线加盟 e */

/* =====================联系样式======================== */

/* 联系地图 s */
.n_contact_01{
	padding: 1.8rem 0;
}
.n_contact_01 .map{
	width: 100%;
	height: 5.2rem;
}
.n_contact_01 .map img{
	max-width: none;
	max-height: none;
}
.n_contact_01 .fr{
	position: absolute;
	right: 0;
	top: 0;
	width: 380px;
	height: 100%;
	color: white;
	background-color: rgb(237,116,47,.85);
	padding: 0 0.4rem;
}
.n_contact_01 .fr .tit{
	font-size: 0.24rem;
}
.n_contact_01 .fr span{
	display: block;
	font-size: 0.28rem;
	font-family: "SY-B";
	margin: 0.3rem 0;
}
.n_contact_01 .fr .wx{
	margin-top: 0.55rem;
}
.n_contact_01 .fr .wx .pic{
	width: 80px;
}
.n_contact_01 .fr .wx .pic img{
	width: 100%;
}
.n_contact_01 .fr .wx p{
	margin-top: 0.04rem;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
}

.n_contact_01 .fr .mask{
	position: absolute;
	right: -63px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 126px;
	height: 182px;
	border: 2px solid #ed742f;
	border-radius: 63px;
	background-color: white;
	box-shadow: -0.2rem 0.24rem 0.24rem rgb(0,0,0,.3);
}
/* 联系地图 e */

/* con_pic_bg_01 s */
.con_pic_bg_01{
	background-image: url('../images/con_pic_bg_01.jpg');
	background-position: center;
	height: 9.35rem;
}
.con_pic_bg_01 .txt{
	padding: 0 1.75rem 0 2rem;
	height: 58%;
	top: 21%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.con_pic_bg_01 .tit{
	width: 100%;
	font-size: 0.36rem;
	color: #221714;
	font-family: "SY-L";
}
.con_pic_bg_01 .tit span{
	font-family: "SY-M";
}
.con_pic_bg_01 .info{
	width: 100%;
	color: white;
	font-family: "Bahnschrift";
	line-height: 1.2;
}
.con_pic_bg_01 .info p{
	font-size: 0.64rem;
	padding-right: 1.1rem;
	font-weight: lighter;
}
.con_pic_bg_01 .info p span{
	color: #62676d;
	font-weight: 700;
}
.con_pic_bg_01 .info i{
	font-size: 0.24rem;
}
/* con_pic_bg_01 e */


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.n_about_02{
		padding: 1rem 0;
	}
	.n_about_02 .pst_pic{
		top: auto;
		height: 5.5rem;
	}
	.n_about_02 .fr{
		width: 100%;
		height: auto;
		padding-top: 0.45rem;
	}
	.n_about_02 .fr .info{
		margin-top: 1rem;
	}
	
	.n_about_03{
		padding: 1rem 0;
	}
	.n_about_03 .pst_pic{
		top: auto;
		height: 5.5rem;
	}
	.n_about_03 .fl{
		width: 100%;
		height: auto;
		padding-top: 0.45rem;
	}
	
	.i_feature ul li{
		width: 24%;
		margin: 0.2rem 0;
	}
	
	.ab_pic_bg_01{
		height: 5.5rem;
	}
	.ab_pic_bg_01 .txt{
		top: 15%;
	}
	.ab_pic_bg_01 .txt .info{
		font-size: 14px;
		margin: 0.5rem 0 0.6rem;
	}
	.ab_pic_bg_01 .txt .tit{
		font-size: 0.48rem;
	}
	.ab_pic_bg_01 .txt .tit span{
		font-size: 0.36rem;
	}
	
	.n_about_04{
		padding: 1rem 0;
	}
	.n_about_04 ul{
		margin-top: 0.6rem;
	}
	.n_about_04 ul li{
		width: 48%;
	}
	
	.ab_mess{
		padding: 1rem 0;
	}
	.ab_mess .pst_pic{
		top: 0;
		height: 5.5rem;
	}
	.ab_mess .fl{
		width: 100%;
		height: auto;
		padding-top: 0.45rem;
	}
	.ab_mess .fl .tit{
		font-size: 0.45rem;
	}
	.ab_mess .fl form .mui-input-row:not(:nth-child(4)){
		width: 100%;
	}
	.ab_mess .fl form .mui-input-row input{
		margin-bottom: 0.25rem;
		padding-left: 0.25rem;
	}
	.ab_mess .fl form .mui-input-row textarea{
		padding: 0.25rem;
	}
	
	.n_pro_list .con{
		margin-top: 0.6rem;
	}
	.n_pro_list .con ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.45rem;
	}
	
	.n_join_01 ul{
		margin-top: 0.2rem;
	}
	.n_join_01 ul li{
		width: 32%;
		margin-top: 0.45rem;
	}
	
	.join_pic_bg_01{
		height: 9rem;
	}
	
	.n_join_03 ul{
		width: 100%;
		flex-wrap: wrap;
		background: none;
	}
	.n_join_03 ul li,.n_join_03 ul li:nth-child(2n){
		margin-bottom: 0.4rem;
		margin-top: 0;
	}
	.n_join_03 ul li:last-child{
		margin-bottom: 0;
	}
	
	.pic_bg_01{
		height: 6rem;
	}
	
	.n_join_04 .fl,.n_join_04 .fr{
		width: 100%;
	}
	.n_join_04 .form{
		padding: 0.5rem;
	}
	.n_join_04 form button{
		padding: 0.2rem 0.7rem;
	}
	.n_join_04 form .input-row label{
		line-height: 32px;
	}
	
	.n_contact_01{
		padding: 1rem 0;
	}
	.n_contact_01 .map{
		height: 6rem;
	}
	.n_contact_01 .fr{
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		height: auto;
		padding: 0.45rem;
	}
	.n_contact_01 .fr .mask{
		display: none;
	}
	.n_contact_01 .fr .tit{
		font-size: 0.36rem;
	}
	.n_contact_01 .fr span{
		font-size: 0.4rem;
	}
	
	.con_pic_bg_01{
		height: 7rem;
	}
	.con_pic_bg_01 .txt{
		top: 10%;
		height: 80%;
		padding: 0;
	}
	.con_pic_bg_01 .tit{
		margin-bottom: 0.6rem;
	}
	.ab_pic_bg_01 .txt img{
		width: 2rem;
	}
}

@media all and (max-width:768px) {
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.n_about_04 ul li p{
		-webkit-line-clamp: 3;
		height: 5.25em;
	}
	
	.n_join_01 ul{
		justify-content: flex-start;
	}
	.n_join_01 ul li{
		width: 48%;
		margin-right: 4%;
	}
	.n_join_01 ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.n_join_03 ul li{
		width: 100px;
		height: 100px;
	}
}


@media all and (max-width:480px) {
	.i_feature ul li .txt p{
		font-size: 14px;
	}
	.ab_pic_bg_01 .txt .info,.n_about_04 ul li p,.n_join_03 ul li .info{
		font-size: 12px;
	}
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}