@charset "UTF-8";

.hader{ width: 100%; position: fixed; left:0; top:0; z-index: 11; }
.footer{ width: 100%; }

.con1 .h100{ height:100vh; position: absolute; width: 100%; left:0; top:0;}
.conbg{ max-width:1920px; margin:0 auto; margin-top:232px; width: 100%; height: calc(100% - 232px);  display: block;  /* display: flex;*/align-items: center;flex-wrap: wrap;align-content: center;}
.title1{ color:#0096df; font-size:34px; line-height:100%; font-family:"思源黑体","黑体"; font-weight:normal;padding-bottom:40px;margin-left:5.7%;min-width:80%; }
.title2{ font-size:40px; color:#0068cc; line-height:100%; font-family:"思源黑体","黑体"; font-weight:normal; margin-left:45px; padding-bottom:20px; }
.con1 .conbg{background:url(bg1.jpg) no-repeat center bottom; background-size:cover; max-width: unset; }
.con1 .w1600,.con8 .w1600{ max-width:1200px; min-width:1200px; margin:0 auto; }
.con1 .title1{ font-size:50px;padding-bottom:20px; text-align:center; margin-left:0; width:100%; }
	.xtpttj{ color:#0096df; font-size:26px;padding-bottom:40px; text-align:center;width:100%;  }
	.xtpttj span{ font-size:40px; }
	.mklist1{ display:flex;justify-content: space-between; width:70%; height: 46%; margin:0 auto; max-width:1200px;}
	.mklist1 li{ width: 16%; height: 100%; }
	.mklist1 li a{ position: relative; display:block; width: 100%; height: 100%; background:url(fwbg1.png) no-repeat center bottom; background-size:cover; border-radius:10px; overflow: hidden;transition: all 0.5s linear 0s; margin-top:6px;}
	.mklist1 li a span{ height: 38%; width:100%; margin:16% 0 26%; background:url(fwbg2.png) no-repeat center center; background-size:auto 100%; overflow: hidden; transition: all 0.5s linear 0s; display:flex;justify-content: center;align-items: center;}
	.mklist1 li a span img{ height:56%; display:block; }
	.mklist1 li a em{ position: absolute; width: 100%; left:0; bottom:14%; display:block; color:#fff; text-align:center; font-style:normal; font-size:22px; font-weight:bold; line-height:140%; }
	.mklist1 li a:hover{box-shadow:0 0 10px rgba(0,2,184,.8); margin-top:0; }
	.mklist1 li a:hover span{ background:none; }

.section{ position: relative; }
/*系统平台*/
.imgR{ position: absolute; right:0; bottom:0; height:63.3%;display: flex; align-items: flex-end;}
.imgR img{ display:block; height:100%; float: right; opacity: .5; }
.fwlist2{ width: 63%;background:url(bg2nr.png) repeat-y left top; background-size:100% auto; position: relative;  margin-left:5.7%;  padding:40px 0; min-height:55%;display: flex;flex-wrap: wrap;align-content: center;}
.fwlist2 ul{ width: 100%; display:flex; flex-wrap:wrap; position: relative; z-index: 5;justify-content: center; }
.fwlist2 li{ float: left; width:33.33%; padding-top:20px; }
.fwlist2 li p{margin-left:45px; background: #fff url(mbg1.png) no-repeat top center; padding:25px 0; border-radius:18px; text-align:center; background-size: auto 90%;transition: all 0.5s linear 0s;cursor: pointer;}
.fwlist2 li p a,.fwlist2 li p img{display:inline-block;vertical-align: middle;}
.fwlist2 li p a{ color:#000; font-size:18px; line-height:140%; text-align:left; }
.fwlist2 li p a em{ font-size:12px;}
.fwlist2 li p img{ margin-right:15px; max-width:45px; max-height:35px; }
	.bgB{ position: absolute;  top:-80px; right:-26%; width:55%; }
	.bgB img{ width: 100%;  opacity: .5;}
.fwlist2 li p:hover{ box-shadow:0 8px 20px rgba(0,0,0,.3);}	
.fwlist2 li p:hover a{color:#0096df;}
.con2 .fwlist2 li:nth-child(4){ width:66.66%;}


/*知识产权创造*/	
.con3 .fwlist2 li{ float: left; width:33.33%; padding-top:20px; }
.fwlist3 li{ width: 25%; }
.fwlist3 li p{border-radius:4px; }
.fwlist3 li p span{ display: inline-block; width: 56px; height: 56px; background: #0070cf;border-radius:10px;text-align:center; margin-right:20px; box-shadow:0 0 8px rgba(92,181,210,.6);}
.fwlist3 li p span:after{content: ""; display: inline-block; width: 0; height:56px; overflow: hidden; vertical-align:middle;  }
.fwlist3 li p span img{vertical-align:middle; margin-right:0; max-width: auto;}
.fwlist3 li p a{ font-size:18px; line-height:140%; }
.con3 .conbg{ display:block;}
.con3 .searchcz .swiper-container{ width:100%; overflow:hidden;}
.con3 .fwlist2 li{  padding-top:0px; }
.con3 .fwlist2 li p{ margin-top:20px;}
.swiperbtn{position: relative!important;bottom: unset!important;text-align: center;padding-top: 20px;clear: both;}
.swiperbtn span{ width:12px!important; height:12px!important; background:#0068cc!important; margin:0 8px!important;    display: inline-block;  border-radius: 50%; opacity: .6;}
.swiperbtn span.swiper-pagination-bullet-active{ opacity:1;}
/*知识产权运用*/
.con4{ background:url(bg4.jpg) no-repeat; background-size:cover; }
.con4 .fwlist2,.con6 .fwlist2{background:url(bg4nr.png) repeat-y left top; background-size:100% auto;}
.con4 .fwlist3 ul,.con5 .fwlist3 ul,.con6 .fwlist3 ul{ width: 86%; }
.con4 .fwlist3 li,.con5 .fwlist3 li,.con6 .fwlist3 li{ width: 33.33%; }
.con4 .fwlist2 ul{justify-content: flex-start;}
.con4 .searchyy li{width:50%;}
/*知识产权保护*/
/*知识产权管理*/
.con6{ background:url(bg6.jpg) no-repeat; background-size:cover; }
.con6 .title1{ color:#fff; }
/*知识产权服务*/
.con7 .title2{ margin-left:30px;}
.con7 .fwlist2 li p{ margin-left:30px;}
.con7 .conbg{ display:block;}
.con7 .fwsearch .swiper-container {width: 100%; overflow: hidden;}
.con7 .fwlist2 li{  padding-top:0px; }
.con7 .fwlist2 li p{ margin-top:20px;}
.con7 .fwlist3 li p a{ font-size:16px;}
.con3 .fwlist2 ul,.con7 .fwlist2 ul{ justify-content: flex-start;}
/*宣传教育*/
.con8{background: url(bg8.jpg) no-repeat center center; background-size:cover;}
.con8 .title1{ color:#fff; text-align:center; }
	.pxjz{ width: 34%; }
		.title3{ color:#fff; font-size:30px; font-weight:normal; line-height:100%; padding-bottom:40px; }
		.pxjzimg{ background:#fff; padding:14px; border-radius:4px; }
		.pxjzimg a{ display:block; overflow: hidden; }
		.pxjzimg img{ display:block; width: 100%;transition: all 0.5s linear 0s; }
		.pxjzimg img:hover{ transform:scale(1.1,1.1) }

	.pxsp{ width: 62%; }
		.pxspList{ margin-left:-3%; }
		.pxspList li{ float: left; width: 30.33%; margin-left:3%; }
		.pxspList li a{ display:block; background:#fff;padding:14px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;border-radius:4px;}
		.pxspList li a span{ display:block; }
			.pxspimg,.pxspimg img{ display:block; width:100%; }
			.pxspimg{ overflow: hidden; }
			.pxspimg img{transition: all 0.5s linear 0s;}
			.pxsptitle{ font-size:14px; color:#0068cc; line-height:20px;height:60px; margin:10px 0 15px; font-weight:bold;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient: vertical; }
			.pxspdate em{color:#0068cc; font-size:14px; line-height:100%; vertical-align: middle;}
			.pxspdate em:first-child{ float: left; }
			.pxspdate em:last-child{float: right;}
			.pxspdate em img{vertical-align: middle;}
		.pxspList li:hover	.pxspimg img{transform:scale(1.1,1.1)}





@media screen and (max-width:1200px){
	.w1600,.con1 .w1600, .con8 .w1600{ width: 84%; min-width:84%; }
	.hader{ position: relative; }
	.conbg { margin-top:0; height:auto;padding:80px 0;}
	.con1 .h100{ height:auto; position: relative;}
	/*内容1*/
	.con1 .conbg{ padding-bottom:120px; }
	.mklist1{ width: 84%; min-width:84%; height:auto; }
	.mklist1 li{ height:auto; width: 17%; }
	.mklist1 li a span {height:80px; margin: 35px 0 60px;}
	.mklist1 li a span img{ height:45px; }
	.mklist1 li a em{position: relative; bottom: unset; padding-bottom:30px; font-size: 20px;} 
	/*内容2*/
	.con2 .conbg { padding-bottom:0; }
	.title2{ margin-left:30px; }
	.fwlist2{ width:68%;display: block;}
	.fwlist2 li p{ margin-left: 30px;    padding: 20px 0; }
	.imgR img{ max-height:335px; }
	.bgB{ right:-35%; }
	.con2 .fwlist2 li,.con2 .fwlist2 li:nth-child(4){ width:50%;}
	/*内容3*/
	.fwlist3 li{ width: 33.33%; }

	.con4 .fwlist3 ul, .con5 .fwlist3 ul, .con6 .fwlist3 ul{width: 100%;}

	.pxjz{ width: 40%; }
	.pxsp{ width: 56%; }
	.pxspList li{ width: 47%; }
	.pxspList li:last-child{ display:none; }
 
	.con7 .fwlist2{ width:90%;}
	.con7 .bgB{ right:0; }
}

@media screen and (max-width:959px){
	.w1600,.con1 .w1600, .con8 .w1600{ width: 88.6%; }	
	.conbg {padding: 60px 0;}
	.con1 .conbg{ padding-bottom:120px; }
	.con1 .title1{ font-size:40px; }
	.xtpttj{ font-size:22px; }
	.xtpttj span,.title2,.title1{ font-size:30px; }
	.mklist1{ width: 88.6%; }
	.mklist1 li{width: 19%;}
	.mklist1 li a span {margin: 35px 0 40px;}
	.mklist1 li a em{ font-size:18px; }
	.imgR img{ max-height:290px; }
	.bgB{ right:-24%; }
	.fwlist2{width: 75%;}
	.fwlist2 li p{ border-radius:10px; }
	.fwlist2 li p img{ max-width:40px;margin-right: 10px; }
	.fwlist3 li p span{width: 45px; height: 45px; margin-right:10px;}
	.fwlist3 li p span img{ max-width:64%; }
	.fwlist3 li p span:after{height: 45px;}
	.title3{ font-size:24px; }
	.fwlist3 li p a,.fwlist2 li p a{ font-size:16px;}

}

@media screen and (max-width:767px){
	.w1600,.con1 .w1600, .con8 .w1600,.mklist1{ width:92%; min-width:92%; }
	.xtpttj span, .title2, .title1{ font-size:24px; }
	.title1{ margin-left:4%; }
	.title2{ margin-left:15px;padding-bottom:10px; }
	.con8 .title1{ margin-left:0; }
	.con1 .conbg {padding-bottom: 60px;}
	.con1 .title1{ font-size:28px; }
	.xtpttj{ font-size:18px;    padding-bottom: 20px; }
	.xtpttj span{ font-size:24px; }
	.mklist1 { justify-content: flex-start;flex-wrap: wrap;}
	.mklist1 li{ width: 29.333%; margin:0 2% 25px; }
	.mklist1 li a span {margin:20px 0 30px; height: 66px;}
	.mklist1 li a span img{ height:35px; }
	.mklist1 li a em{font-size:16px;padding-bottom:20px;  }
	.fwlist2{ width: 92%; margin-left:4%; padding:20px 0; }
	.fwlist2 li,.con4 .fwlist3 li, .con5 .fwlist3 li,.con6 .fwlist3 li,.con3 .fwlist2 li{width: 50%;}
	.fwlist2 li p {margin-left: 15px; padding: 15px 0;}
	.fwlist3 li p a,.fwlist2 li p a{font-size: 16px;}
	.bgB{ top:-20px; right:-15px; }
	.imgR img {max-height: 240px;}
	.pxjz,.pxsp{width: 100%;}
	.pxsp{ padding-top:40px; }
	.title3{ font-size:20px;padding-bottom:25px; }
.con7 .fwlist2 li p{margin-left: 15px; }
.con4 .searchyy li:first-child{ width:100%;}
	
}
@media screen and (max-width:500px){
	.con2 .fwlist2 li,.con2 .fwlist2 li:nth-child(4),.con4 .fwlist2 li{ width:100%;}
	
	
}
@media screen and (max-width:400px){

	.fwlist2 li p img {max-width:30px; margin-right:10px;}
	.fwlist3 li p a,.fwlist2 li p a,.con7 .fwlist3 li p a {font-size: 14px;}
	.fwlist3 li p span {width:40px;height: 40px;}
	.fwlist3 li p span:after{ height:40px; }
	.pxspList li a{ padding:8px;}
	.pxspdate em{ font-size:12px; }
}