@import url("/frame/frame.css");

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.house{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
}
.o10{
	border-radius: 10px;
	overflow: hidden;
}
span,.pagination{font-size: 14px;}
.house.pad{padding: 10px 8vw;}
.w1{width: 10%;}.w2{width: 20%;}.w3{width: 30%;}.w4{width: 40%;}.w5{width: 50%;}.w6{width: 60%;}.w7{width: 70%;}.w8{width: 80%;}.w9{width: 90%;}
.b1{width: 100%;}.b2{width: 50%;}.b3{width: 33.33%;}.b4{width: 25%;}.b5{width: 20%;}.b6{width: 16.66%;}.b7{width: 14.28%;}.b8{width: 12.5%;}.b9{width: 11.11%;}
.b_3{width: 66.66%;}.b_4{width: 75%;}.b_5{width: 80%;}.b_6{width: 83.34%;}.b_7{width: 85.72%;}.b_8{width: 87.5%;}.b_9{width: 88.89%;}
.box3_>view{width: 33.33%;}.box3_2>view:nth-child(odd){width: 24%;}.box3_2>view:nth-child(even){width: 14%;}
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,
.b_3,.b_4,.b_5,.b_6,.b_7,.b_8,.b_9,
.m,
.b3_>view,.b3_2>view{
	display: inline-block;
}
.m{width: max-content;}
.pad1{padding: 1vw;}
.pad2{padding: 2vw;}
.pad3{padding: 3vw;}
.pad4{padding: 4vw;}
.pad5{padding: 5vw;}
.pad05{padding: 5px;}
.pad10{padding: 10px;}
.pad15{padding: 15px;}
.pad20{padding: 20px;}
.pad25{padding: 25px;}
.pad30{padding: 30px;}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.fl{float: left;}
.fr{float: right;}
._fl>view{float: left;}
._fr>view{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.txtr{text-align: right;}
.txt1,.txt2,.txt3,.txt4,.txt5{
	display: -webkit-inline-box!important;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.txt1{-webkit-line-clamp: 1;}
.txt2{-webkit-line-clamp: 2;}
.txt3{-webkit-line-clamp: 3;}
.txt4{-webkit-line-clamp: 4;}
.txt5{-webkit-line-clamp: 5;}
.bold{font-weight: bold;}
.center{text-align: center;}
._center>*{text-align: center;}
.h1,.h1_p,.h2,.h2_p,.h3,.h3_p,.h4,.h4_p{display: block;}
.h1{color: #333;font-size: 36px;}
.h1_p{color: #666;margin-top: 10px;font-size: 18px;}
.h2{color: #333;font-size: 30px;}
.h2_p{color: #666;margin-top: 10px;font-size: 18px;}
.h3{color: #333;font-size: 24px;}
.h3_p{color: #666;margin-top: 10px;font-size: 16px;}
.h4{color: #333;font-size: 18px;}
.h4_p{color: #666;font-size: 14px;}
.br1,.br2,.br3{
	width: 100%;
}
.br1{height: 10px;}
.br2{height: 20px;}
.br3{height: 30px;}
.box_title{padding: 15px;}
.title{text-align: center;}
.del_line{text-decoration: line-through;}
.red{
	color: #ff0000;
}
.red_bg{
	background: #ff0000;
	color: #fff;
}
.white_bg{
	background: #fff;
}
.more .h3{
	padding: 2vw;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
}
.center{text-align: center;}
.swiper-item{
	height: 150px;
}
.show{display: block;}
.hide{display: none;}
.f12{font-size: 12px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f30{font-size: 30px;}
.a{cursor: pointer;}

/* 框架 */
.swiper-slide>a{
	font-size: 0;
}
/* 商标注册咨询 */
.sbzczx{
	position: fixed;
	top: 30%;
	left: 30%;
	display: none;
	width: 500px;
	padding: 10px 20px 35px;
	background: rgb(247,247,247);
	box-shadow: 0 0 10px rgb(153,153,153);
	z-index: 1000;
}
.guanbi{
	padding-top: 10px;
	padding-right: 10px;
	cursor: pointer;
	float: right;
}
.input{
	height: 36px;
	background: #FFFFFF;
	border-radius: 5px;
	border: solid 1px rgb(199,198,198);
	padding: 0 10px;
}
.input.ph{
	background: url(/public/home/images/shouji.png) no-repeat;
	padding-left: 30px;
	background-position: 5px center;
}
.tel{
	position: relative;
}
.tips{
	position: absolute;
	top: 0;
	right: 5px;
	color: #ff4a53;
	display: none;
}
.sbzczx div.code{
	padding: 0 15px;
	border: unset;
}
.tips>img{
	display: inline-block;
	width: auto;
	margin-bottom: 2px;
}
.logincode{
	position: relative;
	display: inline-block;
	height: 36px;
	background: #FFFFFF;
	border-radius: 5px;
	line-height: 33px;
	cursor: pointer;
}
.logincode>span{
	font-size: 12px;
}
.logincode>img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sbzczx h2.tc{
	padding: 20px 0;
}
.submitb{
	padding: 10px 0;
}
.submit{
	padding: 8px 16px;
	border-radius: 5px;
}

/* page */
.pageb{
	text-align: center;
}
.pagelist{
	display: inline-block;
	width: max-content;
}
.page{
	display: inline-block;
	width: 36px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #000000;
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow: 0 0 5px #999999;
	margin: 0 3px;
	float: left;
}
.page.pagethis{
	background: rgb(237,1,13);
	color: #FFFFFF;
}
.pagenot{
	background: #EEEEEE;
	color: #999999;
}
.count{
	width: max-content;
	font-size: 15px;
	color: #666666;
	padding: 10px 15px;
}
.breadlist li:last-of-type{
	display: none;
}
span.bread{
	padding: 0 10px;
}

/* footer */
.footer{
	width: 100%;
	position: relative;
	background: #58595b;
	color: #fff !important;
	padding: 30px 8vw;
}
.footer p{
	margin: 0;
}
.footer_body{
	padding: 0 1vw;
}
.footer_body img{
	width: 100%;
}
.footer_body>div[class^="w"]{
	float: left;
}
.footer_body>.w3{
	width: 26%;
}
.footer_body>.w2{
	width: 24%;
	padding-top: 10px;
}
.footerlogo{
	max-width: 100px;
	padding-top: 28px;
}
.footer_desc{
	padding-top: 25px;
	padding-left: 20px;
}
.footer_desc>p{
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
}
.footer_txt>p{
	font-size: 16px;
	text-indent: 2em;
}
.padleft{
	padding-left: 8%;
	padding-right: 4%;
}
.padright{
	padding-left: 4%;
	padding-right: 8%;
}
.padleft>h3,.padright>h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px
}
.padleft li,.padright li{
	font-size: 14px;
}
.footer_kefu{
	padding-top: 30px;
}
.footer_kefu>div>div{
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 20px;
	float: left;
}
.footer_kefu>div>.erweima{
	padding: 5%;
}
.footer_kefu>.w7{
	padding-left: 1vw;
}
.footer_kefu>div>h3{
	font-size: 24px;
	line-height: 30px;
	margin-top: 10px;
}
.footer_kefu>div>p{
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
}
.bg_bai{
	background: #FFFFFF;
}
.bg153{
	background: rgb(153,153,153);
}
.small{
	font-size: 12px;
	color: rgb(211,211,212);
}
.icon{
	display: inline;
	width: 1.5rem;
	opacity: 0.5;
	vertical-align: text-bottom;
}
.btmsay{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background: rgba(0,0,0,.5);
	z-index: 1024;
}
.btmsaybpc{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 500px;
	padding: 30px 25px 15px;
	background: #FFFFFF;
	border-radius: 15px;
	margin: 0 auto;
}
.btmsaybpc p.f30{
	line-height: 42px;
	color: #FF0055;
}
.btmsaybpc p.f25{
	line-height: 40px;
	color: #999999;
}
.btmsaybpc>.b1{
	padding-top: 15px;
}
.btmsaybpc a{
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 45px;
}
.btmsaybpc a:hover p,.btmsaybpc a:hover div{
	color: #5C5C5C;
}
.btmsaybpc .wxkfcode1{
	position: absolute;
	width: 170px;
	top: -80px;
	right: 110px;
	display: none;
	padding: 10px;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0 0 5px #999999;
	z-index: 1;
}
.wxkfcode1 p{
	text-align: center;
	margin: 0;
}
.wxkfcode1 img.b1{
	padding: 0 5px;
}
.btmsaybpc .wxkfcode2{
	position: absolute;
	top: 100px;
	left: 15px;
	display: none;
	padding: 10px;
	font-size: 16px;
	background: #FFFFFF;
	box-shadow: 0 0 5px #999999;
	z-index: 1;
}
.btmsayb{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	width: 85%;
	padding: 30px 25px;
	background: #FFFFFF;
	border-radius: 15px;
	margin: 0 auto;
}
.btmsay_closealway{
	position: absolute;
	top: 3px;
	right: 30px;
	padding: 2px 8px;
	background: rgba(0,0,0,.3);
}
.btmsay_closealway>span{
	color: #F0F0F0;
}
.btmsay_close{
	position: absolute;
	top: -12px;
	right: -12px;
	padding: 0 2px;
	background: #FFFFFF;
	border-radius: 100px;
	font-size: 0;
}
.btmsay_close>.fa{
	font-size: 28px;
}
.btmsay_tit{
	font-size: 18px;
	line-height: 2;
	text-align: center;
}
.btmsay_txt{
	font-size: 12px;
	text-align: center;
	color: #999999;
}
.btmsay_btn{
	width: 100%;
	padding: 12px 0 11px;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	background: #CB010B;
	border-radius: 50px;
	margin-top: 30px;
}
.btmsayb .fa-phone{
	font-size: 16px;
	color: #FFFFFF;
}
/* rel= "nofollow" */
.nofollowb{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #EEEEEE;
	z-index: 100;
}
.nofollow{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-65%);
	display: inline-block;
	width: 600px;
	max-width: 90%;
	padding: 45px 10px;
	border-radius: 5px;
	background: #FFFFFF;
}
.nofollow>.b1.f15{
	padding: 10px 20px 11px;
	word-break: break-all;
	background: #EEEEEE;
}
.nofollow>.b1>.m{
	padding: 7px 12px 8px;
	color: #FFFFFF;
	background: #ED010D;
	margin: 0 30px;
}
/* index */
.indexsearchb{
	position: fixed;
	top: 150px;
	display: none;
	width: 100%;
	text-align: center;
	z-index: 900;
}
.indexsearch{
	position: relative;
	display: inline-block;
	width: 350px;
}
.a.guanbi{
	position: absolute;
	right: 10px;
	color: rgb(85,85,85);
}

@media (max-width:1200px) {
	.padleft>h3,.padright>h3{
		font-size: 16px;
	}
}

@media (max-width:1000px) {
	.footer_body>.w3{
		width: 100%;
	}
	.footer_body>.w2{
		width: 50%;
		margin-top: 30px;
	}
	.padleft>h3,.padright>h3{
		font-size: 14px;
	}
	.padleft{
		padding: 0 2vw;
	}
	.padright{
		padding: 0 2vw;
	}
	.footer_kefu>div>div{
		font-size: 16px;
		line-height: 22px;
	}
	.footer_kefu>div>h3{
		font-size: 20px;
		line-height: 24px;
	}
}
@media (max-width: 767px) {
	.kuai{
		height: 30vh;
	}
	.sbzczx{
		width: 100%!important;
		left: 0!important;
	}
	.btmsaybpc{
		display: none;
	}
	.btmsayb{
		display: block;
	}
	.phhide{
		display: none;
	}
}