@charset "utf-8";
/*about zyr 设计：hml
 * 内容：知识产权-项目申报
 * 2017-12-19
 */
/*页面公用 end*/
.red{
	color: #3C7EE5;
}
.opactity:hover{
	filter:alpha(opacity=85);       /* IE */
	-moz-opacity:0.85;              /* 老版Mozilla */
	-khtml-opacity:0.85;              /* 老版Safari */
	opacity: 0.85;
}
.banner-img{
	width:874px;
	height:280px;
	position: absolute;
	left: 50%;
	top:142px;
	margin-left: -437px;
}
.banner-box span{
	position: absolute;
	width: 140px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	border-radius: 2px;
	bottom: 170px;
	left: 50%;
	margin-left: -313px;
	background: #ff6600;
}
.banner-rw{
	width: 835px;
	height: 251px;
	position: absolute;
	top: 142px;
	left: 50%;
	margin-left: -569px;
}
.box5{padding-bottom: 50px;}
/*快速申请通道 start*/
.putin-box{
	width: 296px;
	height: 350px;
	position: absolute;
	background: #fff;
	border-radius: 2px;
	text-align: center;
    left: 50%;
    margin-left: 305px;
    top: 125px;
}
.putin-box h4{
	font-size: 24px;
	color: #3C7EE5;
	line-height: 52px;
	padding-top: 12px;
}
.form-input{
	width: 254px;
	height: 38px;
	border-radius: 2px;
	border: 1px solid #d6d6d6;
	position: relative;
	margin: 0 auto 10px;
	text-align: left;
}
.form-input i{
	width: 18px;
	height: 18px;
	background: url(../image/put-icon_03.jpg) no-repeat;
	position: absolute;
	left: 12px ;
	top: 10px;
	background-position: -78px 0;
}
.form-input .put-icon2{background-position: -18px 0;}
.form-input .put-icon3{background-position: -36px 0;width: 16px;}
.form-input .put-icon4{background-position: -53px 0;width: 10px;height: 20px;left: 16px;}
.form-input .put-icon5{background-position: -63px 0;width: 15px;height: 15px;left: 13px;}
.form-input .put-icon6{background-position: 2px 0px;width: 20px;height: 20px;left: 13px;}
.form-input input{
	width:210px ;
	height: 38px;
	line-height: 38px;
	padding-left:40px;
	font-size: 14px;
}
.putin-box button{
	width: 256px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 20px;
	color: #fff;
	margin: 10px auto 0;
	background: #3C7EE5;
}
/*快速申请通道 end*/
.ipr-box{
	min-width: 1200px;
}
.box1{background: #f7f7f7;}
/*标题 start*/
.tt-box{
	text-align: center;
	padding: 49px 0 30px;
}
[class^="danceWord"]{
	word-break:break-all;
	white-space:pre-wrap;
}
.danceWord-s1{
	font-size: 30px;
	color: #565656;
	font-weight: bold;
	line-height: 32px;
}
.danceWord-s1 .ele{
	-webkit-animation:a7 .6s ease-out forwards;
	-ms-animation:a7 .6s ease-out forwards;
	-moz-animation:a7 .6s ease-out forwards;
	-o-animation:a7 .6s ease-out forwards;
	animation:a7 .6s ease-out forwards;
}
.tt-box p{
	width: 60px;
	height: 4px;
	background: #999;
	margin-top: 14px;
	position: relative;
}
.tt-box p font{
	width: 10px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 0;
	background: #cd0005;
}
.tt-box2 h3{color: #fff;}
.tt-box2 p{background: #fff;}
.tt-box3{padding-bottom: 20px;}
.tt-box>span{
	font-size: 14px;
	color: #666;
	line-height: 16px;
	display: block;
	padding-top: 13px;
}
/*标题 end */
.icons{background: url(../image/icons_03.png) no-repeat;}
/*页面公用 end*/

/*优势 start*/
.adve-list{
	width: 100%;
	overflow: hidden;
}
.adve-list li{
	width: 33.33%;
	float: left;
	line-height: 0;
	text-align: left;
}
.adve-list li i{
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 5px;
}
.adve-list li .adve-icon2{background-position: -25px 0;}
.adve-list li .adve-icon3{background-position: -49px 0;}
.adve-list li span{
	font-size: 20px;
	color: #666;
	line-height: 96px;
}
.adve-list li span b{font-size: 24px;}
/*优势  end*/
/*申报项目补贴能带来什么 start*/
.band-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}
.band-list li{
	width: 20%;
	float: left;
	text-align: center;
	padding: 5px 0 0;
}
.icons-box{
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border-radius: 50%;
	text-align: center;
	position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.icons-box i{
	width: 180px;
	height: 180px;
	background-position: 0 -44px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: relative;
}
.icons-box .brad-icon2{background-position:-180px -44px;}
.icons-box .brad-icon3{background-position:-360px -44px;}
.icons-box .brad-icon4{background-position:-540px -44px;}
.icons-box .brad-icon5{background-position:-720px -44px;}
.icons-box span{
	display: block;
	width: 100%;
	left: 0;
	font-size: 20px;
	color: #333;
	bottom: 35px;
	position: absolute;
}
.icons-box i:after {
    pointer-events: none;
    position: absolute;
    width: 170px;
    height:170px;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -2px;
    left: -2px;
    padding: 7px;
    box-shadow: 0 0 0 2px #13b3b3;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
.band-list li em{
	width: 100px;
	height: 14px;
	background-position: 0 -31px;
	margin: 17px auto 14px;
}
.band-list li p{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.band-list li:hover i{
	-webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
}
.band-list li:hover i:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.icons-box2{margin: 63px auto 0;}
/*申报项目补贴能带来什么 end*/

/*项目申报补贴项目 start*/
.subsidy-box{
	width: 100%;
	padding-bottom: 17px;
}
.circle-bg{
	width: 423px;
	margin-left: 28px;
	padding: 23px 0 0;
}
.circle-bg p{
	font-size: 20px;
	color: #666;
	padding: 30px 0 0;
	text-align: center;
}
.circle-bg p font{
	font-size: 24px;
	font-family: impact;
}
.circle-bg p i{
	width: 26px;
	height: 21px;
	background-position: -74px 0;
	margin-right: 5px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.subsidy-text{
	width: 360px;
	border-radius: 3px;
}
.subsidy-text ul,.subsidy-text ul li{
	width: 100%;
}
.subsidy-text ul li{
	text-align: center;
	box-shadow: 0 0 30px 5px rgba(25,98,232,0.2);
	margin-bottom: 40px;
	padding-bottom: 21px;
}
.subsidy-text ul li h3{
	font-size: 20px;
	color: #333;
	padding: 20px 0 6px;
}

.subsidy-text ul li p span{
	display: block;
	width: 246px;
}
.subsidy-text ul li p span:first-child{width: 83px !important;}
/*项目申报补贴项目 end*/
/*项目申报必备条件 start*/
.condition-bg{
	background:url(../image/condition-bg_02.jpg) center top no-repeat ;
}
.condition-bg .tt-box .danceWord-s1{color: #fff;}
.condition-bg .tt-box p{background: #fff;}
.condition-box{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.condition-fr{
	width: 852px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 15px;
	box-shadow: 0 16px 24px rgba(15,24,31,0.6);
}
.condition-list{
	width: 100%;
	overflow: hidden;
	background: #10bbb8;
}
.condition-list li{
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 32px 0 0;
}
.condition-list li img{border-radius:8px;} 
.condition-list li p{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	padding: 25px 0 ;
}
.condition-list li p span{font-size: 20px;}
.ny-text{
	text-align: left;
	padding: 0 20px 20px;
}
.ny-text h4{
	font-size: 20px;
	color: #565656;
	font-weight: bold;
	padding: 25px 0 10px;
}
.ny-text p{
	width: 100%;
	overflow: hidden;
}
.ny-text p span{
	display: block;
	width: 175px;
	float: left;
	font-size: 20px;
	color: #333;
	padding-bottom: 4px;
}
.btn-box{
	width: 498px;
	border: 1px solid #10bbb8;
	border-radius: 24px;
	overflow: hidden;
	margin: 50px auto;
	background: url(../image/transparent-fff20.png) repeat;
}
.btn-box a{
	width: 50%;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #10bbb8;
	border-radius: 25px;
}
.btn-box a:first-child{
	color: #fff !important;
	background: #10bbb8 ;
}
/*项目申报必备条件 end*/
/*顶呱呱全程保驾护航 start*/
.flow-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}
.flow-list li{
	width: 330px;
	height: 348px;
	float: left;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
.flow-list li img{
	-webkit-transition: all 1s;
	transition: all 1s;
}
.flow-list li:hover img{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.flow-list .w107{width: 105px;background: none;}
.flow-list li em{
	width: 30px;
	height: 40px;
	background-position: -101px 0;
	margin-top: 154px ;
}
.flow-list li h4{
	font-size: 20px;
	color: #333;
	padding: 29px 0 9px;
}
.flow-list li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
/*顶呱呱全程保驾护航 end*/
/*顶呱呱核心优势 start*/
.core-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}
.core-list li{
	width: 281px;
	height: 220px;
	float: left;
	background: url(../image/core-bg_03.png) no-repeat;
	background-position: -281px 0;
	text-align: left;
	margin-left: 19px;
}
.core-list li:first-child{background-position: 0 0 !important;margin-left: 8 !important;}
.core-list li b{
	font-size: 24px;
	color: #fff;
	display: block;
	padding: 71px 0 20px 77px;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.core-list li p{
	font-size: 16px;
	color: #333;
	line-height: 26px;
	padding: 0 0 0 20px;
}
.core-list .core-li3{background-position:-562px 0 ;}
.core-list .core-li4{background-position:-843px 0 ;}
.core-list li:hover{
	background-position: -281px -220px;
}
.core-list li:first-child:hover{background-position: 0 -220px !important;}
.core-list .core-li3:hover{background-position:-562px -220px ;}
.core-list .core-li4:hover{background-position:-843px -220px ;}
.core-list li:hover b{padding-top:96px;}
/*顶呱呱核心优势 end*/
/*动画 start*/
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}
}
@keyframes a7{
	0%{
		opacity:1;
		-webkit-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		-moz-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3);
	}
	100%{
		opacity:1;
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	}
}
@-webkit-keyframes a7{
	0%{
		opacity:1;
		-webkit-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		-moz-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3);
	}
	
	100%{
		opacity:1;
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	}
}
@-ms-keyframes a7{
	0%{
		opacity:1;
		-webkit-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		-moz-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3);
	}
	100%{
		opacity:1;
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	}
}
@-moz-keyframes a7{
	0%{
		opacity:1;
		-webkit-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		-moz-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3);
	}
	
	100%{
		opacity:1;
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	}
}
@-o-keyframes a7{
	0%{
		opacity:1;
		-webkit-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		-moz-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3);
	}
	
	100%{
		opacity:1;
		-webkit-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
	}
}
/*动画  end*/