.apply,.know,.brandsort,.renewal,.brandnews{
	padding: 1px;
}
.apply{
	background-image: linear-gradient(135deg, #00c6ff 0%,#0072ff 100%);
	/*background-image: linear-gradient(45deg,#00c6ff,#0072ff);*/
}
.apply-content{
	background: #ffffff;
	padding:20px 0;
	margin:20px auto 0;
	width:1216px;
}

.know,.renewal{
	/*background-color: #F2F6FF;*/
	background-color: #f1f1f1;
}
.know{
	height: 640px;
}
.apply-box{
	margin: 20px auto 50px;
}
.apply-box-menu{
	/*display: block;*/
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center;     /* 垂直居中 */

	width: 278px;
	height: 45px;
	margin: 0 auto;
}
.apply-box-menu li{
	float: left;
	margin: 0 20px;
}

.banner-title{
	font-size: 30px;
	font-weight: normal;
	color: white;
	line-height: 40px;
	margin-top: 0;
}

/*.apply-box-menu li.current{*/
/*	background: #31BECF;*/
/*	border: 1px solid #31BECF;*/
/*} hover active focus简单方法不用jquery的onclick mouseenter mouseleave添加删除类
或者原生js循环 classList.add() .remove() 添加类k1*/
/*由于div等元素无法接受键盘或其他用户事件，即不支持:focus伪类，可通过增加tabIndex属性使其支持:focus*/
.apply-box-menu li:focus{
	background: #31BECF;
	border: 1px solid #31BECF;
}
.k2{
	width: 99px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	/*border-bottom: 6px solid #ffffff;*/
	border: 1px solid #fff;
	border-radius: 5px;
	opacity: 1;

	font-family: Microsoft YaHei;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	/* #0d2494 */
	/* opacity: 0.59; */
}
/*.k1{*/
/*	!*border-bottom: 6px solid #0d2494;*!*/
/*	!*opacity: 1;*!*/
/*	!*font-weight: bold;*!*/
/*	background: #31BECF;*/
/*	border: 1px solid #31BECF;*/
/*}*/
.apply-inner{
	display: block;
	width: 1032px;
	height: 247px;
	margin: 0 auto ;
	position: relative;
}
.apply-inner-box{
	float: left;
	/*margin: 0 66px;*/
	width: 25%;
	/*text-align: center;*/
}
.apply-inner-img{
	width: 94px;
	height: 94px;
	position: relative;
	/*margin: 0 auto;*/
}
.apply-inner-img img{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.yuandian{
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: #0d2494;
}
.apply-inner-box .yuandian{
	margin: 27px auto 5px;
}
.apply-inner-box span{
	display: block;
	padding-left: 15px;
	padding-bottom: 5px;
}
.apply-title{
	font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: bold;
	color: #f7704e;	
	margin-bottom: 5px;
	margin-top: 5px;
}
.apply-word{
	font-family: Microsoft YaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	color: #070a3c;
}
#kkkk{
	position: absolute;
	width: 1014px;
	height: 4px;
	background-color: #0d2494;
	border-radius: 2px;
	left: 50%;
	transform: translate(-50%);
	top: 127px;
}
.apply-inner-bg{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto;
}

.apply-btn {
	display: block;
	width: 213px;
	height: 40px;
	/*background-image: linear-gradient(326deg, #0622ac 0%, #5672ff 100%);*/
	background-image: linear-gradient(135deg, #00c6ff 0%,#0072ff 100%);
	box-shadow: 0px 3px 10px 0px
		#e4ebff;
	border-radius: 45px;
	outline: none;
	border: 1px;
	margin: 20px auto ;
	
	font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}


.know-item{
	width: 100%;
	/*max-width: 1374px;*/
	max-width: 1216px;
	height: 379px;
	margin: 20px auto 52px;
}
.know-item-box{
	transition: all .3s ease;
	width: 33.33%;
	box-sizing: border-box;

	/*width: 282px;*/
	height: 460px;
	background-color: #ffffff;
	box-shadow: 0px 1px 8px 0px 
		#dbe5ff;
	/*border-radius: 16px;*/
	position: relative;
}
.know-item-box:hover ,.on{
	transform: scale(1.08);
	-ms-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	box-shadow: 0 0 22px rgba(0, 0, 0, .4);

}
#know-item-box1 .know-item-head{
	background: #5b77f1;
}
#know-item-box2 .know-item-head{
	background: #3bcfa3;
}
#know-item-box3 .know-item-head{
	 background: #f2ad3d;
 }

.know-item-box:hover .know-consult{
	color: #00c1de;
}
.know-consult{
	color: #666666;
	text-decoration: none;
	font-size: 14px;
}
.know-consult:visited{
	text-decoration: none;
}
.know-consult:hover{
	text-decoration: none;
}
.know-consult:active{
	text-decoration: none;
}

/*.know-item-box:hover + .know-item-box.on{*/
/*	transform: scale(1);*/
	/*-ms-transform: scale(0.926);*/
	/*-moz-transform: scale(0.926);*/
	/*-webkit-transform: scale(0.926);*/
	/*-o-transform: scale(0.926);*/
	/*box-shadow: none;*/
/*}*/
#know-item-box2 {
	z-index: 1;
}


.know-item-img{
	width: 76px;
	height: 76px;
	margin: 30px auto 4px;
	position: relative;
}
.know-item-img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.know-item-box p{
	text-align: center;
	bottom: 40px;
	left: 170px;
	position: absolute;
}
.fff{
	width: 79px;
	height: 4px;
	background-color: #0d2494;	
	border-radius: 4px;
	margin: 0 auto 20px;
}
.know-title{
	display: block;
	text-align: center;
	font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	/*color: #333333;	*/
	color: #fff;
	margin: 4px auto 5px;
}

.know-word{
	display: block;
	width: 320px;
	font-family: Microsoft YaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #666666;
	margin: 16px auto ;
}

.brandsort-bigbox{
	width: 100%;
	max-width: 1120px;
	margin: 25px auto;
}

.brandsort-item-box{
	position: relative;
	width: 110px;
	height: 120px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 15px;
	margin: 0 15px 20px;
}


.brandsort-item-img{
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid rgb(13,36,148);
	border-radius: 71px;
	position: relative;
	margin: 8px auto 8px;
}
.brandsort-item-img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.brandsort-title,.brandsort-word{
	text-align: center;
}
.brandsort-word{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	color: #070a3c;	
	display: block;
}
.brandsort-title{
	display: block;
	font-size: 14px;
	font-weight: 400;
	font-family: Microsoft YaHei;
	margin: 10px 10px 0;
}
.brandsort-tmep{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(69,78,101,0.5);
	width: 100%;
	height: 100%;
	border-radius: 15px;
}

.handle-bigbox{
	width: 100%;
	max-width: 1445px;
	height: 336px;
	margin: 52px auto 38px;
	position: relative;
}
.handle-middlebox{
	width: 175px;
	height: 336px;
	position: relative;
}
.handle-stepword{
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 170px;
	font-family: "microsoft yahei";
	font-size: 18px;
	font-weight: bold;
	color: #f7704e;
}
.handle-smallbox{
	width: 175px;
	height: 142px;
	padding: 0 15px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 15px;
	position: absolute;
	bottom: -10px;
}
.handle-middlebox .yuandian{
	margin: 154px auto 183px;
}
.handle-smallbox span{
	display: block;
}
.handle-word-up{
	font-family: Microsoft YaHei;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	color: #070a3c;	
	text-align: center;
	margin: 17px auto 7px;
}
.handle-word-down{
	font-family: Microsoft YaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #070a3c;
	margin: 0 auto;
}

.handle-line{
	width: 88.5%;
	height: 4px;
	background-color: #0d2494;
	border-radius: 2px;	
	position: absolute;
	left: 50%;
	top: 160px;
	transform: translate(-50%);	
}
.brand-smalltitle{
	height: 31px;
	margin: 30px auto 10px;
	text-align: center;
}
.brand-line{
	width: 111px;
	height: 4px;
	background-color: #070a3c;
	display: inline-block;
}
.brand-smalltitle-word{
	height: 31px;
	display: inline-block;
	margin: 0 40px;
	font-family: Microsoft YaHei;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	color: #070a3c;	
}
.brand-smalltitle-content {
	display: block;
	margin: 0 auto 60px;
	width: 796px;
	height: 52px;
	font-family: Microsoft YaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	text-align: center;
	color: #070a3c;
}








.renewal-box-title{
	display: block;
	width: 145px;
	height: 59px;
	text-align: center;
	border: 1px solid #0d2494;
	border-radius: 59px;

	font-family: Microsoft YaHei;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 59px;
	color: #161e50;	
	
	margin: 0 auto 23px;
	position: relative;
}


.renewal-bigbox{
	width: 1139px;
	margin:  0 auto;
}
.renewal-box{
	margin: 0 90px;
}
.renewal-line{
	width: 99px;
	height: 6px;
	background-color: #0d2494;
	border-radius: 23px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: -3px;
}
.acx{
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 12px;
}
.renewal-box ul li{
	margin-bottom: 10px;
}
.renewal-word-up,.renewal-word-down{
	font-family: Microsoft YaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	color: #090d5a;	
}
.renewal-word-up{
	width: 360px;
}
.renewal-word-down{
	display: block;
	width: 391px;
}

.renewal-btn {
	outline: none;
	border: 1px solid;
	width: 213px;
	height: 46px;
	background-image: linear-gradient(326deg, #0622ac 0%, #5672ff 100%);
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 45px;

	font-family: Microsoft YaHei;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	
	display: block;
	margin:72px auto 40px;
}



.brandnews-bigbox{
	width: 1192px;
	height: 208px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 14px;	
	padding: 1px 0 1px 0;
	margin: 36px auto;
	position: relative;
}
.brandnews-btn{
	font-family: Microsoft YaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #bbbbbd;
	width: 74px;
	height: 21px;
	
	outline: none;
	border: 1px solid #FFFFFF;
	background-color: #ffffff;
	
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 20px;
}
.brandnews-word{
	height: 25px;
	margin-bottom: 10px;
}
.brandnews-leftbox{
	float: left;
	margin: 50px 40px;
}
.brandnews-right{
	float: right;
	margin: 50px 40px;
}


.protect-smalltitle {
	display: block;
	text-align: center;
	margin: 10px auto 0;
	width: 445px;
	height: 27px;
	font-family: Microsoft YaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	color: #070a3c;
}
.protect-bigbox {
	width: 100%;
	margin: 32px auto 60px;
	max-width: 1200px;
	height: 384px;
	border-radius: 45px;
	border: 1px solid #070A3C;
	padding: 62px 100px 0;
	box-sizing: border-box;
	
	position: relative;
}



.protect-middlebox{
	width: 469px;
	height: 68px;
	position: relative;
	float: left;
	margin-bottom: 50px;
}
.protect-inp {
	outline: none;
	border: 1px solid #070A3C;
	width: 469px;
	height: 68px;
	background-color: #ffffff;
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 45px;
	text-indent: 84px;
	font-size: 24px;
}
.protect-smallbox{
	height: 48px;
	
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
	left: 20px;
}
.protect-img{
	float: left;
	margin-right: 16px;
	width: 48px;
	height: 48px;
	position: relative;
}
.protect-img img{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.protect-word{
	display: block;
	float: left;
	font-family: Microsoft YaHei;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #999999;
}

.protect-btn {
	display: block;
	width: 159px;
	height: 46px;
	background-image: linear-gradient(326deg, #0622ac 0%, #5672ff 100%);
	box-shadow: 0px 3px 10px 0px 
		#e4ebff;
	border-radius: 45px;
	outline: none;
	border: 1px solid;
	
	font-family: Microsoft YaHei;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;	
	
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 33px;
}
.know-item-head{
	background: #eeeeee;
	padding:10px 0 20px;
}

/*查询板块start*/
.banner {
	height: 380px;
	width: 100%;
	/*background: url(../img/brand/banner3.jpg);*/
	background: #fff;
	background-position: center center;
	position: relative;
}
.super2000{
	top: 60px;
	height: 80px;
	font-size: 48px;
	line-height: 80px;
}
.super2000,.huanying{
	position: absolute;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
	color: #000;
	text-align: center;
}
.huanying{
	height:40px;
	top: 130px;
	font-size: 16px;
	line-height: 40px;
}
.s-input {
	position: absolute;
	width: 800px;
	height: 80px;
	left: 50%;
	top: 200px;
	margin-left: -350px;
	z-index: 10;
}
.s-input .input_text {
	width: 471px;
	height: 54px;
	line-height: 54px;
	color: #333333;
	font-size: 14px;
	font-family: "microsoft yahei";
	background: #fff;
	padding-left: 88px;
}
.s-input .topselect{
	width: 70px;
	height: 54px;
	line-height: 54px;
	float: left;
	position: absolute;
	margin-left: 10px;
	color: #444444;
	cursor: pointer;
}
.s-input .topselect .showselect{
	float: left;
	width: 55px;
	text-align:center;
	cursor:pointer;
}
.s-input .topselect em{
	width: 15px;
	height:54px;
	float: left;
	background:url(../img/brand/seld_i.png);
	cursor:pointer;
}
.s-input .select{
	display:none;
	/*width: 55px;*/
	width: 75px;
	background-color: #ffffff;
	position: absolute;
	top: -97px;
	float: left;
	left: -10px;
	padding-left: 8px;
	padding-right: 10px;
	border-left: 2px solid #f0f0f0;
	border-top: 2px solid #f0f0f0;
	border-right: 2px solid #f0f0f0;
	z-index: 111119999;
	text-align: center;
}
.s-input .select li {
	height:35px;
	line-height:35px;
	color:#666666;
}
.s-input .select .active{
	background-color:#dcdcdc;
}
.s-input .select li:hover{
	background-color:#dcdcdc;
}
.scdt{
	/*position: absolute;*/
	position: relative;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	z-index: 10;
	color: #000;
	text-align: left;
	height: 40px;
	top: 270px;
	font-size: 14px;
	line-height: 40px;
}
.slideTxtBox{float:right;width:350px;text-align:left;margin-top:10px;  }
.slideTxtBox .hd{ display:none;}

.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.input_search {
	background: #3fbff0;
}

.input_search,.input_search1 {
	display: inline-block;
	width: 120px;
	height: 54px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.input_search1 {
	background: #fa4f4f;
}

.input_num {
	color:#ababab;
	padding-top: 10px;font-size: 12px;
}


.scroll-message-style {
	overflow:hidden;
	height:30px;
	/*float:right;*/
	padding-right:5%;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 10px;
	position: absolute;
	top:12px;
	left:320px;
}
.scroll-message-style li{
	color: #000000;
}
.cellphone-num {
	width: 215px;
	height: 54px;
	box-sizing: border-box;
	position: relative;
}
.fl {
	float: left;
}
.sp2{
	display: block;
	width: 1px;
	height: 22px;
	background: #d2d2d2;
	position: absolute;
	top: 18px;
	right: 0px;
}
#banner-name-input{
	height:54px ;
	margin-left: -5px;
	padding-left: 20px;
}
/*查询板块end*/

/*商标的变更流程和办理时间 start*/
body .liucheng-wraper {
	padding: 30px 0;
	/*margin-top: 105px;*/
	background: #1f043a;
}
body .common-title {
	font-size: 0;
	text-align: center; }
body .common-title .white {
	font-size: 44px;
	font-weight: bold;
	color: #fff; }
body .common-title .red {
	font-size: 44px;
	font-weight: bold;
	color: #F5638C; }
body .liucheng-wraper .flowbox {
	width: 1201px;
	height: 354px;
	/*margin: 80px auto 0;*/
	margin: 0 auto ;
	background: url(../img/brand/im_fwlc.png) no-repeat center;
	background-size: 1201px 66px;
	position: relative; }
body .liucheng-wraper .flowbox .item {
	width: 170px;
	/*height: 54px;*/
	height: 62px;
	border-radius: 0;
	/*behavior: url(../../tools/iecss3pie/PIE.htc);*/
	position: relative;
	z-index: 10;
	background-color: #ffffff;
	background: url(../img/brand/im_lc_chzx.png) no-repeat center;
	background-size: 100%;
	font-size: 19px;
	line-height: 54px;
	color: #ffffff;
	font-weight: bold;
	text-align: center; }
body .liucheng-wraper .flowbox .item .word1 {
	width: 160px;
	font-size: 14px;
	line-height: 28px;
	color: #969bab;
	position: absolute;
	top: -70px;
	left: 8px; }
body .liucheng-wraper .flowbox .item .word2 {
	width: 160px;
	font-size: 14px;
	line-height: 28px;
	color: #969bab;
	position: absolute;
	bottom: -66px;
	left: 8px; }
body .liucheng-wraper .flowbox .item.item1 {
	position: absolute;
	top: 70px;
	left: 68px;
	padding-bottom: 8px; }
body .liucheng-wraper .flowbox .item.item2 {
	position: absolute;
	top: 228px;
	left: 276px;
	padding-top: 8px;
	background-image: url(../img/brand/im_lc_fxyw.png); }
body .liucheng-wraper .flowbox .item.item3 {
	position: absolute;
	top: 66px;
	left: 482px;
	padding-bottom: 8px;
	background-image: url(../img/brand/im_lc_qsht.png); }
body .liucheng-wraper .flowbox .item.item4 {
	position: absolute;
	bottom: 64px;
	right: 338px;
	padding-top: 8px;
	background-image: url(../img/brand/im_lc_cljh.png); }
body .liucheng-wraper .flowbox .item.item5 {
	position: absolute;
	bottom: 220px;
	right: 122px;
	padding-bottom: 8px;
	background-image: url(../img/brand/im_lc_kshz.png); }
/*商标的变更流程和办理时间 end*/
