@charset "utf-8";
/* CSS Document */
body{
	font-size:14px;
	color:#333;	
	max-width:640px;
	margin:auto;
	background:#f5f5f5;
}
*{margin:0px;padding:0px;}
a{
	text-decoration:none;
}
ul,li{list-style:none;}
.cl{clear:both;}
.clearfix:after {
    clear: both;
    display: block;
    content: '';
}

.clearfix {
    zoom: 1;
}
.fl{float:left;}
.fr{float:right;}
.ln{border-bottom: 1px solid #F5F5F5;}
.ln-box{background: #F5F5F5; width: 100%; height:10px;}
.ht50{height:50px;}
.ml10{margin-left:10px;}
.mg15{margin:15px;}
.mg10{margin:10px;}
.bgwhite{ background:#ffffff !important;}
.colorRed{color:red}
.displayHide{display:none !important;}
.fob16{font-size:16px;font-weight:bold}
.loadbg{
	position:fixed;
	width:100%;
	height:100%;
	top:0;left:0;bottom:0;right:0;
	background:url(../images/loadbg.png) repeat;
	z-index:999;	
	display: none;
	align-items: center;
	text-align:center;
}
.loadbg img{
	margin:auto;
}
.row{width:100%;}
.back_icon{
	width:20px;
	height:20px; 
	background:url(../images/icon_navbar_back.png) no-repeat;
	background-size:cover;
}
.tmSearch{
	width:75%;
	margin:10px auto;
	height:30px;
	border-radius:4px;
	background:#f5f5f5;
	text-align:center;
	line-height:30px;
	
}
.tmSearch input{
	width:95%;
	margin:2px auto;
	border:1px solid #f5f5f5;
	background:#f5f5f5;
	height:25px;
	text-indent:20px;
	line-height:30px;
	background:url(../images/icon_search.png) left no-repeat;
	background-size:6% 65%;
}
.navMenu{
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:center;
}
.navMenu li {
	text-align:center;
	font-size:14px;
	color:#666666;
	line-height:50px;
	border-right:1px solid #f5f5f5;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.defaultDes{
	width:70%;
	margin:80px auto 20px auto;
	border-bottom:1px solid #15C187;
	font-size:20px;
	font-weight:500;
	color:#15C187;
	text-align:center;
	line-height:50px;
}
.defaultIcon{
	width:70%;
	margin:auto;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:center;
}
.defaultIcon li {
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#15C187;
	line-height:25px;
	border-right:1px solid #f5f5f5;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.defaultIcon li img{
	width:30px;
	height:30px;
}

.resultNum{
	width:100%;
	line-height:30px;
	text-align:center;
	font-size:13px;
	color:#666666;
}

.tmList li{
	border-bottom:1px solid #f5f5f5;
	margin-bottom:10px;
}
.tmList li img{
	width:150px;
	height:100px;
	margin-right:10px;
	float:left;
}
.tmList li span{
	display:block;
	width: calc(100% - 160px);
	line-height:25px;
	font-size:14px;
	float:left;
	color:#999;
	
}
.tmList li h1{
	font-size:14px;
	font-weight:bold;
	color:#000;
	
}
/*#tmList{display:none}*/
/*商标详情*/
.tmimage{
	width:100%;
	height:150px;
	text-align:center;
	background:#FFF;
	border-bottom:1px solid #f5f5f5;
}
.tmimage img{
	max-height:150px;
}
.conmy{
	margin: 10px auto;
	width: 95%;
	font-size:14px;
	display: flex;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
	justify-content: space-between;
	position: relative;
	background:#FFF;
}
/*商标流程*/
.firmother,firmother_culture{
	padding-top:10px;
	padding-bottom:30px;
	margin:20px;
}
.firmother dl {
	position: relative;
	padding:00px 0 30px 30px;
}
.firmother dl::before, .firmother dl::after {
	content: "";
	position: absolute;
}
.firmother dl::after {
	height: 100%;
	border-left: 4px solid #15C187;
	left: 0;
	top: 0;
}
.firmother dl::before {
	width: 10px;
	height: 10px;
	border: 3px solid #15C187;
	background: #fff;
	border-radius: 100%;
	z-index: 10;
	left: -6px;
}
.firmother dl dt {
	font-size: 16px;
	color: #999999;
}

.firmother dl dd {
	line-height: 26px;
	color: #999999;
}
/*查询首页*/
.index_bg{
	background:url(../images/index_bg.png) no-repeat #49e16a;
	background-size:cover;
}
.index_logo{
	margin:70px auto 0px auto;
	width:40%;
}
.index_logo img{
	width:100%
}
.index_ad{
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:18px;
}
.index_Search{
	width:85%;
	margin:auto;
	height:50px;
	border-radius:4px;
	background:#f5f5f5;
	text-align:center;
	line-height:30px;
	
}
.index_Search input{
	width:95%;
	margin:6px auto;
	border:1px solid #f5f5f5;
	background:#f5f5f5;
	height:35px;
	text-indent:30px;
	line-height:35px;
	background:url(../images/icon_search.png) 4px no-repeat;
	background-size:6%;
}
.tabs{
	width:85%;
	margin:30px auto 0 auto;
}
.tabs li{
	width:80px;
	line-height:40px;
	height:50px;
	text-align:center;
	font-size:14px;
	color:#fff;
	margin-left:10px;
	float:right;
}
.tabs li.on{
	background:url(../images/icon_post_n.png) center no-repeat;
	background-size:80% 80%;
	font-size:14px;
	color:#15C187 !important;
}

.box2{
    position: absolute;
	top:50%;
	margin-top:-100px;
	margin-left:10%;
	width:80%;
	height:200px;
	background:#FFF;
	border-radius:5px;
}
.box2_title{
	text-align:center;
	font-size:16px;
	color:#15C187;
	width:100%;
	line-height:35px;
	font-weight:700
}
.box2 input{
	width:90%;
	margin:5px auto;
	border-radius:4px;
	background:#FFF;
	border:1px solid #ddd;
	height:40px;
	line-height:40px;
	text-indent:10px;
}

.sumbit{
	width:90%;
	margin:5px auto;
	border-radius:4px;
	background:#00C28D;
	border:1px solid #ddd;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#FFF
}

/*企业查询*/
.qy_num{
	width:100%;
	line-height:40px;
	font-size:13px;
	color:#333;
	background:#f5f5f5;
	text-align:center;
}

.simpleList{
	padding:10px;
	background:#fff;
	border-bottom:8px solid #f5f5f5;
}
.qy_name{
	font-size:16px;
	color:#333;
	line-height:45px;
}
.qy_detail{
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-direction: row;
	justify-content:center;
	flex-wrap:wrap;
}
.qy_detail p{
	flex:1;
	line-height:25px;
	color:#999;
	font-size:13px;
	text-align:center;
}
.qy_detail p span{
	display:block;
	color:#666;
	font-size:13px;
}