/* 按钮默认指针 */
html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
html input[disabled] {cursor: default;}
img{max-width: 100%;}

/* a标签点击 */
a:hover, a:link, a:visited { text-decoration: none; }
a{transition:0.3s all;}
/* 浮动 */
.l{float:left;}
.r{float:right;}
/*清除浮动*/
.clear{clear:both;}
/* 圆角 */
.radius{-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
/* display */
.db{display:block;}
/* 指针 */
.poi{cursor:pointer;}
.def{cursor:default;}
/* 无框文本框文本域 */ 
.bo_none{border:0; outline:none;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/* overflow */
.ovh{overflow:hidden;}
.hccontent img{
	max-width: 100%;
}
/*公共样式*/
  /*标题样式*/
 .public-title-css{
	 font-size: 30px;
	 font-weight: bold;
 }
/*banner-area*/
   /*发明专利*/
.banner-area{
	width: 100%;
	height: 600px;
	background: url("../../img/patent/fa-ming-patent.png") no-repeat;
	background-position: center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
   /*实用新型banner-area*/
.banner-area-utility-model{
	width: 100%;
	height: 600px;
	background: url("../../img/patent/utility-model-banner.png") no-repeat;
	background-position: center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/*外观专利*/
.appearance-banner-area{
	width: 100%;
	height: 600px;
	background: url("../../img/patent/appearance-patent.png") no-repeat;
	background-position: center;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.banner-text{
	font-size: 30px;
	font-weight: bold;
	color:white;
	letter-spacing:5px;
}
.banner-text-dot{
	display: inline-block;
	background-color: white;
	color:#34b7a7;
	padding: 2px 10px;
	font-size: 30px;
	font-weight: bold;
}
.banner-btn{
	width: 180px;
	height: 50px;
	line-height: 50px;
	background-color: #34b7a7;
	text-align: center;
	color:white;
	border-radius: 10px;
	margin-top: 40px;
	letter-spacing:3px;
	cursor: pointer;
	position:relative;
}
.banner-btn-text{
	font-size: 18px;
	font-weight: bold;
}
.hover-show{
	position:absolute;
	bottom:-150px;
	left: 0;
	width: 300px;
	height: 150px;
	background-color: white;
	box-shadow: 0 0 3px red;
	display: none;
}
.qq-area{
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
	float: left;
}
.qq-area>div,.wei-xin-area>div{
	width: 100%;
	text-align: center;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
}
.qq-area>img{
	display: block;
	margin: 40px auto 0 auto;
	width: 70%;
}
.wei-xin-area{
	width: 50%;
	height: 100%;
	float: left;
}
.wei-xin-area>img{
	display: block;
	margin: 10px auto;
	width: 70%;
	height: 100px;
}
/*什么是发明专利*/
.what-patent{
	width: 1100px;
	height: 100%;
	margin: 20px auto;
}
.what-title{
	width: 100%;
	text-align: center;
	height: 70px;
}
.what-patent-text{
	font-size: 16px;
	letter-spacing:2px;
	font-family: 华文楷体;
}
.what-patent-item{
	width: 100%;
	height: 230px;
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}
/*发明专利*/
.what-patent-item-img{
	width: 50%;
	height: 100%;
}
.what-patent-item-img>img{
	width: 100%;
	height: 100%;
}
/*实用新型*/
.what-utility-patent-item-img{
	width: 50%;
	height: 100%;
}
.what-utility-patent-item-img>img{
	width: 70%;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.what-patent-item-text{
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.item-text-box{
	width: 95%;
	font-size: 15px;
	letter-spacing: 3px;
	color:#666;
}
.what-patent-item-2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	background-color: #f5f7fa;
	padding: 15px 0;
	margin-bottom: 20px;
}
.what-patent-item-2-text{
	width: 50%;
}
.item-2-text-title{
	width: 90%;
	margin: 0 auto;
	letter-spacing: 3px;
}
.text-bottom-line{
	display: inline-block;
	padding-bottom: 1px;
	box-sizing: border-box;
	border-bottom:4px solid #34b7a7;
}
.item-2-text-content{
	width: 90%;
	margin: 15px auto 0 auto;
	font-size: 15px;
	letter-spacing: 3px;
	color:#666;
}
.what-patent-item-2-img{
	width: 45%;
}
.what-patent-item-2-img>img{
	width: 97%;
	height: 100%;
}
.what-patent-item-3-text{
	width: 45%;
}
.what-patent-item-3-img{
	width: 50%;
}
.what-patent-item-3-img>img{
	width: 95%;
	height: 100%;
	display: block;
	margin: 0 auto;
}
/*哪些发明可以申请专利*/
.apply-patent{
	width: 1100px;
	height: 100%;
	margin: 0 auto 20px auto;
}
.apply-patent-title{
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.apply-patent-text-content{
	width: 100%;
	font-size: 15px;
	line-height: 25px;
	font-family: "黑体";
	color:black;
}
.patent-appearance-text{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color:#34b7a7;
	margin: 10px 0;
}
.dot{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #34b7a7;
	margin-right: 5px;
	position:relative;
	top:-5px;
}
/*小程序广告图*/
.mini-program{
	width: 1100px;
	margin: 10px auto;
}
.mini-program>img{
	width: 100%;
}
/*申请专利获取价值图*/
.apply-get-img{
	width: 100%;
	height: 100%;
	margin: 50px auto 50px auto;
}
.apply-get-img>img{
	width: 100%;
	height: 100%;
}
/*实用新型 办理注意事项*/
.matters-needing-attention{
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}
.needing-attention-text-div{
	width: 100%;
	font-size: 16px;
	font-family: "微软雅黑 Light";
	margin-top: 20px;
}
.needing-attention-text{
	font-size: 23px;
	font-weight: bold;
	color:#83d1c7;
	letter-spacing: 1px;
}
/*申请专利费用*/
.apply-cost{
	width: 1100px;
	height: 100%;
	margin: 0 auto 50px auto;
}
.apply-cost-table{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.apply-cost-left{
	width: 65%;
	height: 100%;
	box-sizing: border-box;
	border:1px solid gainsboro;
}
.title-bg-color{
	background-color: #f5f7fa;
}
.cost-left-table-item{
	width: 100%;
	min-height: 50px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom:1px solid gainsboro;
}
.appearance-cost-left-table-item{
	width: 100%;
	min-height: 50px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom:1px solid gainsboro;
}
.appearance-cost-left-table-item>div{
	width: 33.333333%;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
.cost-left-table-item>div{
	width: 25%;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
.cost-left-table-item-material{
	width: 100%;
	min-height: 50px;
	display: flex;
	justify-content: space-between;
}
.appearance-item-material-title{
	width: 33.333333%;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
.item-material-title{
	width: 25%;
	min-height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
.appearance-item-material-content{
	width: 66.6666%;
	min-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
.item-material-content{
	width: 75%;
	min-height: 50px;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
}
/*发明、实用新型专利 办理材料*/
.material-content-text{
	width: 95%;
	margin: 20px auto;
	text-align: left;
	line-height: 20px;
}
.material-text-title{
	font-size: 20px;
	font-weight: bold;
}
.material-text-content-size{
	font-size: 15px;
	font-family: "黑体";
}
/*外观设计专利*/
.wai-guan-img{
	width: 95%;
	height: 190px;
	box-sizing: border-box;
	border:1px solid grey;
	margin: 0 auto 20px auto;
	display:flex;
	justify-content: space-between;
}
.wai-guan-img-item-border{
	box-sizing: border-box;
	border-right:1px solid grey;
	border-left:1px solid grey;
	border-top:0;
	border-bottom:0;
}
.wai-guan-img-item{
	width: 33.333%;
	height: 100%;
}
.wai-guan-img-item-img{
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.wai-guan-img-item-img>img{*/
	/*width: 60%;*/
	/*height: 85%;*/
/*}*/
.wai-guan-img-item-text{
	width: 100%;
	text-align: center;
	font-size: 17px;
	box-sizing: border-box;
	border-top:1px solid grey;
}
.wai-guan-img-title{
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
.apply-cost-right{
	width: 33%;
	height: 100%;
}

.new-data-title{
	width: 100%;
	font-size: 18px;
	text-align: center;
	height: 50px;
	background-color: #f5f7fa;
	line-height: 50px;
}
.new-data-table{
	width: 100%;
	height: 523px;
	box-sizing: border-box;
	border:1px solid gainsboro;
}
.new-data-div{
	width: 100%;
	height: 423px;
	overflow: hidden;
}
.appearance-new-data-table{
	width: 100%;
	height: 845px;
	box-sizing: border-box;
	border:1px solid gainsboro;
}
.appearance-new-data-div{
	width: 100%;
	height: 745px;
	overflow: hidden;
}
.appearance-new-data-item-box{
	width: 100%;
	height: 1200px;
	position:relative;
	top:0;
}
.new-data-item-box{
	width: 100%;
	height: 1200px;
	position:relative;
	top:0;
}
.new-data-item{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom:1px solid gainsboro;
}
.new-data-item>div{
	width: 33.33%;
	height: 100%;
	font-size: 17px;
	text-align: center;
	line-height: 50px;
}
/*申请官费减缴*/
.apply-reduce-cost{
	width: 1100px;
	height: 420px;
	margin: 0 auto 20px auto;
}
.apply-reduce-cost-attention{
	width: 100%;
	text-align: center;
	height: 50px;
	font-size: 14px;
	font-family: "黑体";
}
.apply-reduce-cost-content{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.apply-reduce-cost-content-left{
	width: 70%;
	display: flex;
	justify-content: space-between;
}
.cost-content-left-item{
	width: 31%;
	height: 250px;
	box-sizing: border-box;
	border:2px solid #7d96c4;
}
.cost-content-left-item>img{
	width: 98%;
	height: 150px;
	display: block;
	margin: 3px auto 20px auto;
}
.cost-content-left-item-text{
	width: 90%;
	color:#666;
	margin: 0 auto;
	font-size: 15px;
}
.apply-reduce-cost-content-right{
	width: 28%;
	height: 300px;
	position:relative;
	top:-50px;
	background: url("../../img/patent/download.png") no-repeat;
	background-size: 100% 100%;
}
.cost-content-right-title{
	width: 100%;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	color:white;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: "黑体";
}
.cost-reduce-img{
	display: block;
	margin: 10px auto 0 auto;
	width: 60%;
	height: 60%;
}
.cost-content-right-name{
	width: 90%;
	height: 40px;
	margin: 0 auto;
}
.cost-content-right-name>input{
	width: 100%;
	height: 100%;
	color: white;
	font-size: 20px;
	box-sizing: border-box;
	border-bottom:1px solid white;
	background-color: transparent;
}
.cost-content-right-name>input::-webkit-input-placeholder {
	/* WebKit browsers*/
	color: white;
	font-size: 18px;
}

.cost-content-right-name>input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18*/
	color: white;
	font-size: 18px;
}
.cost-content-right-name>input::-moz-placeholder {
	/* Mozilla Firefox 19+*/
	color: white;
	font-size: 18px;
}

.cost-content-right-name>input:-ms-input-placeholder {
	/* Internet Explorer 10+*/
	color: white;
	font-size: 18px;
}
.download-btn{
	width: 90%;
	color:#87e8ff;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: white;
	border-radius: 10px;
	margin: 20px auto 0 auto;
	cursor: pointer;
}
/*专利申请流程*/
.apply-patent-progress{
	width: 1100px;
	height: 100%;
	margin: 0 auto 20px auto;
}
.apply-patent-progress-content{
	width: 80%;
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.patent-progress-content-item{
	width: 20%;
	height: 200px;
}
.patent-progress-content-item>img{
	width: 50%;
	height: 45%;
	display: block;
	margin: 0 auto;
}
.patent-progress-content-item-title{
	font-weight: bold;
	color:black;
	font-size: 17px !important;
}
.patent-progress-content-item>div{
	width: 100%;
	text-align: center;
	color:#666;
	font-size: 14px;
	margin-top: 6px;
}

/* link  合作伙伴*/
.app-top{
	width: 100%;
	height: 70px;
	margin: 0 0 20px 0
}
.app-top-l{
	height: 100%;
	overflow: hidden;
}
.app-top-bg{
	width: 4px;
	height: 22px;
	background: #2846d8;
	margin: 0 11px 0 0;
}
.app-top-title{
	color: #222;
	font-size: 24px;
	line-height: 24px;
	height: 30px;
	overflow: hidden;
}
.app-top-titleEn{
	color: #aaaaaa;
	font-size: 14px;
	line-height: 14px;
	height: 16px;
	margin: 0 0 0 15px
}
.link-big{
	width: 100%;
	min-width: 1100px;
	overflow: hidden;
	background:#fafbff;
	/*padding: 55px 0 70px 0;*/
	padding: 25px 0 30px 0;
}
.link{
	width: 1100px;
	margin: 0 auto;
}
.link-ul{
	overflow: hidden;
	height: 80px;
	width: 100%;
}
.link-ul a{
	display: block;
	float: left;
	width: 165px;
	height: 80px;
	margin: 0 6px 0 0;
	text-align: center;
}
.link-ul a i{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.link-ul a img{
	vertical-align: middle;
}

/* footer */
.foot-big{
	width: 100%;
	padding: 50px 0 50px 0;
	background-color: #222;
	min-width: 120px;
	overflow: hidden;

}
.foot{
	width: 1200px;
	margin: 0 auto;
}
.foot-l{
	width: 1050px;
	padding: 20px 0 0 0;
}
.foot-li,.foot-li-copy{
	float: left;
	display: inline-block;
	color: #e3e4e5;
	font-size: 14px;
	padding: 0 38px;
	height: 23px;
	line-height: 24px;
}
.foot-span,.foot-span-copy{
	width:2px;
	height: 23px;
	background:url(../images/foot-bg.png) center center no-repeat;
	float: left;
}

.foot-li-copy,.foot-span-copy{
	margin: 30px 0 0 0;
}
.foot-l p{
	height: 75px;
	line-height: 75px;
	font-size: 14px;
	color: #e3e4e5;
	clear: both;
}
.foot-r{
	width: 118px;
	height: 150px;
}
.foot-r img{
	width: 100%;
	height: 118px;
}
.foot-r p{
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: #aaaaaa
}
/*qq交谈*/
.qq-chat{
	width: 80px;
	height: 25px;
	display: inline-block;
	position:relative;
	top:10px;
	cursor: pointer;
	z-index: 2;
}
.qq-chat>img{
	width: 100%;
	height: 100%;
}
.qq-chat-box{
	position:absolute;
	bottom:-150px;
	left: 0;
	width: 300px;
	height: 150px;
	background-color: white;
	box-shadow: 0 0 3px red;
	display: none;
}
.qq-chat-box-2{
	position:absolute;
	bottom:-120px;
	left: -300px;
	width: 300px;
	height: 150px;
	background-color: white;
	box-shadow: 0 0 3px red;
	display: none;
}
.qq-chat-box-left>div,.qq-chat-box-right>div{
	width: 100%;
	text-align: center;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
}
.qq-chat-box-left{
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	border-right:1px solid gainsboro;
	float: left;
}
.qq-chat-box-right{
	width: 50%;
	height: 100%;
	float: left;
}
.qq-chat-box-left>img{
	display: block;
	margin: 40px auto 0 auto;
	width: 70%;
}
.qq-chat-box-right>img{
	display: block;
	margin: 10px auto;
	width: 70%;
	height: 100px;
}