@charset "utf-8";
/* 首页的样式 */

/* 每一块的标题 */
.box-title,
.box-subtitle {
	margin: 0;
	font-size: 36px;
	line-height: 2;
	text-align: center;
}

/* 每一块的英文标题 */
.box-subtitle {
	font-size: 16px;
	text-transform: uppercase;
}

/* 新闻资讯这一块 */
.news-information {
	padding-top: 43px;
	padding-bottom: 70px;
}

.news-information .news-nav {
	display: table;
	margin: 24px auto 0;
}

.news-information .news-nav a {
	margin: 0 45px;
	border: 0;
	border-radius: 0;
	width: 140px;
	padding: 16px 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background-color: #CECECE;
}

.news-information .news-nav a:hover,
.news-information .news-nav a:focus,
.news-information .news-nav>.active>a {
	color: #fff;
	background-color: var(--main-color);
}

/* 查看更多 */
.news-information .text-right {
	padding-top: 50px;
}

.news-information .more-link {
	font-size: 18px;
	line-height: 20px;
	color: #9A9A9A;
}

/* 新闻列表 */
.news-list {
	padding-top: 0;
}

.news-list > .span6 {
	width: 580px;
	margin-left: 40px;
	line-height: 0;
}

.news-list .news-pic {
	width: 580px;
	height: 308px;
	margin-top: 20px;
	display: block;
}

/* 每一条新闻 */
.row-fluid.news-item .span3 {
    width: 16.2%;
    *width: 16.2%;
}

.row-fluid.news-item .span9 {
    width: 80%;
    *width: 80%;
}

.news-list .news-item {
	margin-top: 20px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #F8F8F8;
}

.news-item-main .news-item-title {
	margin: 0;
	font-size: 16px;
	line-height: 2.2;
}

.news-item-main .news-item-des {
	-webkit-line-clamp: 3;
	line-clamp: 3;
	line-height: 1.65;
	color: #666;
}

/* 新闻日期 */
.news-item .date-box {
	height: 88px;
	text-align: center;
	background: url('../img/border_bg.png') no-repeat left center;
}

/* 新闻日期 */
.news-item .date-box .news-item-date {
	font-size: 22px;
	line-height: 88px;
}

/* 第二块，成果展示 */
.achievement-display {
	padding-top: 52px;
	padding-bottom: 45px;
	background-color: #FAFAFA;
}

.achievement-display .container {
	position: relative;
}

/* 我要发布 */
.want-to-release {
	position: absolute;
	right: 64px;
	top: 54px;
}

.want-to-release .releave-icon {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #fff url("../img/release_icon.png") no-repeat 12px center;
	box-shadow: 1px 5px 10px 0px rgba(154, 154, 154, 0.15);
}

.want-to-release p {
	font-size: 18px;
	line-height: 48px;
	color: #0584F2;
}

/* 成果展示导航条样式修改 */
.nav-tabs.achievement-tabs {
	position: relative;
	display: table;
	margin: 50px auto 0;
	border-bottom: 0;
	box-sizing: border-box;
	font-size: 20px;
	color: #0484F1;
	background: -webkit-linear-gradient(90deg, rgba(2, 132, 241, 0.06), #0284F1, rgba(2, 132, 241, 0.06)) no-repeat top;
	background: -moz-linear-gradient(90deg, rgba(2, 132, 241, 0.06), #0284F1, rgba(2, 132, 241, 0.06)) no-repeat top;
	background: linear-gradient(90deg, rgba(2, 132, 241, 0.06), #0284F1, rgba(2, 132, 241, 0.06)) no-repeat top;
	background-size: 100% 2px;
}

/* 默认样式 */
.nav-tabs.achievement-tabs>li>a {
	padding: 14px 48px;
	width: 176px;
	height: 58px;
	box-sizing: border-box;
	border: none !important;
	line-height: 30px;
}

/* 选中的样式 */
.nav-tabs.achievement-tabs>.active>a, 
.nav-tabs.achievement-tabs>li>a:hover, 
.nav-tabs.achievement-tabs>li>a:focus {
	color: #fff;
	background: -webkit-gradient(90deg, #0082F1, #3F9FF2);
	background: -moz-gradient(90deg, #0082F1, #3F9FF2);
	background: linear-gradient(90deg, #0082F1, #3F9FF2);
}

/* 分类 */
.cate-list {
	padding-top: 35px;
	padding-bottom: 35px;
	margin: 0 auto;
	font-size: 0;
	color: #999;
}

.cate-list a {
	position: relative;
	margin: 10px;
	padding: 5px 10px;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
}

.cate-list a:focus,
.cate-list a:hover,
.cate-list a.active {
	text-decoration: none;
	color: #fff;
	background-color: #0484F1;
}

/* 鼠标悬浮加上逐渐变宽的底部蓝边 */


.carousel-indicators {
	position: static;
	display: table;
	margin: 26px auto 0;
	height: 20px;
}

.carousel-indicators li {
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #0484F1;
	background-color: #fff;
}

.carousel-indicators li {
	margin: 0 15px;
}

 .carousel-indicators .active {
	background-color: #0484F1;
}

.processes {
	margin-right: -255px;
}

/* 发布流程 */
.process-item {
	position: relative;
	margin-right: 255px;
}

.process-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 130px;
	height: 0;
	width: 184px;
	border-bottom: 1px dashed #0484F1;
}

.process-item .process-box {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0px 5px 10px 0px rgba(153, 153, 153, 0.05);
}

.process-item .process-box.register {
	background-image: url("../img/register_icon.png");
}

.process-item .process-box.fill {
	background-image: url("../img/fill_report_icon.png");
}

.process-item .process-box.time {
	background-image: url("../img/time_icon.png");
}

.process-item .process-box.show {
	background-image: url("../img/show_icon.png");
}

.process-item .process-item-text {
	padding-top: 10px;
	font-size: 18px;
	text-align: center;
	line-height: 3;
	color: #0484F1;
}

/* 第三块，成果转化 */
.achievement-transform {
	height: 840px;
	padding-top: 55px;
	box-sizing: border-box;
	background: url("../img/bg_img.png") no-repeat center;
}

.achievement-transform .box-title,
.achievement-transform .box-subtitle {
	color: #fff;
}

/* 这里的四块 */
.transform-types-box  {
	margin-top: 56px;
}

.transform-types-box .transform-types-item {
	position: relative;
	z-index: 0;
	color: #fff;
}

.transform-types-box .transform-types-item .tranform-cover {
	width: 300px;
	height: 420px;
	display: block;
}

.transform-types-box .transform-types-item .tranfrom-title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	line-height: 1.35;
	transform: translate(-50%,-50%);
	width: min-content;
	font-size: 26px;
}

/* 悬浮可见的内容 */
.more-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: none;
	padding-top: 30px;
	text-align: center;
	background-color: rgba(0, 51, 94, .8);
}

.more-content .tranfrom-title2 {
	font-size: 26px;
	line-height: 3.4;
	/* 字体改为楷体 */
	font-family: "KaiTi";
}

.more-content .more-item {
	padding: 0 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.8;
}

.transform-types-box .transform-types-item:hover .more-content {
	display: block;
}

.transform-types-box .transform-types-item:hover .tranfrom-title {
	display: none;
}

/* 下面两个按钮 */
.transform-btns {
	padding-top: 70px;
}

.transform-btns button {
	margin: 0 100px;
	border: none;
	width: 170px;
	height: 56px;
	border-radius: 28px;
	font-size: 22px;
	color: #fff;
}

.transform-btns button.blue {
	background: -moz-linear-gradient(90deg, #0082F1, #3F9FF2);
	background: -webkit-linear-gradient(90deg, #0082F1, #3F9FF2);
	background: linear-gradient(90deg, #0082F1, #3F9FF2);
	box-shadow: 0px 4px 25px 0px rgba(22, 106, 177, 0.3);
}

.transform-btns button.orange {
	background: -moz-linear-gradient(90deg, #F17100, #F2933F);
	background: -webkit-linear-gradient(90deg, #F17100, #F2933F);
	background: linear-gradient(90deg, #F17100, #F2933F);
	box-shadow: 0px 4px 25px 0px rgba(177, 95, 22, 0.3);
}

/* 成功案例 */
.successful-case {
	padding-top: 50px;
}

.successful-case .box-subtitle {
	margin-bottom: 56px;
}

.service-item a:hover,
.achievement-display .carousel a:hover,
.more-content a:hover {
	text-decoration: none;
	color: inherit;
}

.achievement-display .carousel a:hover {
	text-decoration: underline;
}

/* 一站式服务窗口 */
.on-stop-service {
	padding-top: 50px;
	padding-bottom: 20px;
}

/* 里面的小块所在区域 */
.on-stop-service .serviece-box {
	text-align: center;
	font-size: 0;
	line-height: 0;
	padding-top: 16px;
}

.on-stop-service .serviece-box .service-item {
	display: inline-block;
	width: 278px;
	height: 278px;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 8px 16px;
	padding-top: 120px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 38px;
}

.service-item .item-title {
	line-height: 3;
	font-size: 24px;
	color: #343434;
}

.service-item .item-des {
	display: none;
	font-size: 16px;
	line-height: 2.6;
	color: #343434;
}

.serviece-box .service-item:hover {
	box-shadow: 1px 10px 31px 0px rgba(15, 83, 140, 0.1);
}

.serviece-box .service-item:hover .item-title {
	color: #0284F2;
}

.service-item:hover .item-des {
	display: block;
}

/* 每个小块对应的图案 */
.serviece-box .service-item.high-school {
	background-image: url("../img/high_school.png");
}

.serviece-box .service-item.high-school:hover {
	background-image: url("../img/high_school_blue.png");
}

.serviece-box .service-item.expert {
	background-image: url("../img/expert.png");
}

.serviece-box .service-item.expert:hover {
	background-image: url("../img/expert_blue.png");
}

.serviece-box .service-item.items {
	background-image: url("../img/items.png");
}

.serviece-box .service-item.items:hover {
	background-image: url("../img/items_blue.png");
}

.serviece-box .service-item.knowledge {
	background-image: url("../img/knowledge.png");
}

.serviece-box .service-item.knowledge:hover {
	background-image: url("../img/knowledge_blue.png");
}

.serviece-box .service-item.legal {
	background-image: url("../img/legal.png");
}

.serviece-box .service-item.legal:hover {
	background-image: url("../img/legal_blue.png");
}

.serviece-box .service-item.money {
	background-image: url("../img/money.png");
}

.serviece-box .service-item.money:hover {
	background-image: url("../img/money_blue.png");
}

.serviece-box .service-item.hatch {
	background-image: url("../img/hatch.png");
}

.serviece-box .service-item.hatch:hover {
	background-image: url("../img/hatch_blue.png");
}

/* 友情链接 */
.friend-links {
	position: relative;
	z-index: 0;
	max-height: 810px;
	box-sizing: border-box;
	padding-top: 60px;
	padding-bottom: 90px;
	background: url("../img/links_bg.png") no-repeat center;
}

.friend-links::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 00px;
	bottom: 0;
	background-color: rgba(255,255,255,.7);
}

/* 链接的主要区域 */
.friend-links .link-box {
	width: 1046px;
	margin: 50px auto 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 18px 73px;
	background-color: #fff;
	box-shadow: 1px 10px 16px 0px rgba(154, 154, 154, 0.3);
}

.link-box .link-list {
	margin: 0;
	padding: 0;
	margin-right: -38px;
}

.link-box .link-list .link-list-item {
	list-style: none;
	height: 80px;
	margin-right: 37px;
	float: left;
	padding: 25px 0 0;
}

.link-list .link-list-item img {
	width: 150px;
}

/* 数据区域 */
.data-box {
	height: 648px;
	padding-top: 130px;
	box-sizing: border-box;
	color: #fff;
	background: url("../img/data_bg.png") no-repeat center;
}

.data-box .data-info {
	text-align: center;
}

.data-box .data-info .data-amount {
	font-size: 40px;
	line-height: 120px;
	letter-spacing: 8px;
}

.data-info .data-amount em {
	font-size: 72px;
	font-style: normal;
	vertical-align: -4%;
}

.data-box .data-info .data-text {
	font-size: 22px;
	line-height: 3;
}

/* 咨询按钮 */
.data-box .consult-btn {
	margin: 90px auto 0;
	width: 210px;
	display: block;
	border: 1px solid #fff;
	border-radius: 32px;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}

.data-box .consult-btn:hover {
	color: inherit;
}

.banner-box {
	position: relative;
	min-width: 1200px;
	font-size: 0;
}

.banner-box .index-img {
	display: block;
	width: 100%;
}

.banner-box .left-box {
	position: absolute;
	width: 560px;
	height: 560px;
	top: 50%;
	left: 110px;
	margin-top: -300px;
}

/* 左边,圆环 */
.banner-box .circle-box {
	width: 560px;
	height: 560px;
	transform-origin: center;
	background: url("../img/circle_bg.png");
	/* animation:spin 10s infinite linear; */
}

.left-box .circle-title {
	position: absolute;
	left: 95px;
	top: 239px;
}

/* 悬浮时暂停动画 */
.banner-box .circle-box:hover .menu-box {
	/* animation-play-state: paused; */
}

/* banner里面的每一个链接 */
.banner-box .circle-box .menu-box {
	position: absolute;
	animation: inherit;
	animation-name: spin-reverse;
	transform-origin: 50% 40px;
/* 	transform-origin: 50% 315px; */
	/* 加上旋转动画 */
	/* 加上旋转动画 */
	animation: inherit;
	animation-name: spin-reverse;
}

.banner-box .circle-box .menu {
	display: inline-block;
	-moz--moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	color: transparent!important;
	/* 加上旋转动画 */
/* 	animation: inherit;
	animation-name: spin-reverse; */
}

/* 用伪元素做两个小圆环 */
.banner-box .circle-box .menu::before,
.banner-box .circle-box .menu::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -39.5px;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
	transform-origin: center;
	opacity: 0;
}

/* 悬浮和active闪烁*/
.banner-box .circle-box .menu.active::before,
.banner-box .circle-box .menu:hover::before {
	/* 加上发光动画 */
	animation: shining 3s infinite linear;
}

/* after的动画有延时 */
.banner-box .circle-box .menu.active::after,
.banner-box .circle-box .menu:hover::after {
	animation: shining 3s infinite 1.5s linear;
}

/* 如果是加上了active，那么就只动一次 */
.banner-box .circle-box .menu.active::after,
.banner-box .circle-box .menu.active::before {
	animation-iteration-count: 1;
}

/* 发光动画 */
@-ms-keyframes shining {
	from {
		opacity: 1;
		border-width: 3px;
		transform: scale(1);
	}
	to {
		opacity: 0;
		border-width: 1px;
		transform: scale(1.8);
	}
}

@-webkit-keyframes shining {
	from {
		opacity: 1;
		border-width: 3px;
		transform: scale(1);
	}
	to {
		opacity: 0;
		border-width: 1px;
		transform: scale(1.8);
	}
}

@-moz-keyframesshining {
	from {
		opacity: 1;
		border-width: 3px;
		transform: scale(1);
	}
	to {
		opacity: 0;
		border-width: 1px;
		transform: scale(1.8);
	}
}

@keyframes shining {
	from {
		opacity: 1;
		border-width: 3px;
		transform: scale(1);
	}
	to {
		opacity: 0;
		border-width: 1px;
		transform: scale(1.8);
	}
}
/* 每个a的大小和背景图 */
.banner-box .circle-box .menu-box1 .menu {
	width: 125px;
	height: 131px;
	background: url("../img/banner_menu1.png");
}

.banner-box .circle-box .menu-box2 .menu {
	width: 124px;
	height: 131px;
	background: url("../img/banner_menu2.png");
}

.banner-box .circle-box .menu-box3 .menu {
	width: 124px;
	height: 131px;
	background: url("../img/banner_menu3.png");
}

.banner-box .circle-box .menu-box4 .menu {
	width: 124px;
	height: 131px;
	background: url("../img/banner_menu4.png");
}

.banner-box .circle-box .menu-box5 .menu {
	width: 124px;
	height: 131px;
	background: url("../img/banner_menu5.png");
}

.banner-box .circle-box .menu-box6 .menu {
	width: 124px;
	height: 131px;
	background: url("../img/banner_menu6.png");
}

.banner-box .circle-box .menu-box7 .menu {
	width: 123px;
	height: 131px;
	background: url("../img/banner_menu7.png");
}

.banner-box .circle-box .menu-box8 .menu {
	width: 125px;
	height: 131px;
	background: url("../img/banner_menu8.png");
}

/* 每个a的位置 */
.banner-box .circle-box .menu-box1 {
	top: -39px;
	left: 218px;
	/* transform-origin: 50% 340px; */
}

.banner-box .circle-box .menu-box2 {
	top: 26px;
	left: 397px;
	/* transform-origin: -130px 270px; */
}

.banner-box .circle-box .menu-box3 {
	top: 215px;
	left: 495px;
	/* transform-origin: -220px 86px; */
}

.banner-box .circle-box .menu-box4 {
	top: 446px;
	left: 398px;
	/* transform-origin: -90px -200px; */
}

.banner-box .circle-box .menu-box5 {
	top: 516px;
	left: 218px;
	/* transform-origin: -220px 86px; */
}

.banner-box .circle-box .menu-box6 {
	top: 441px;
	left: 21px;
	/* transform-origin: -90px -200px; */
}

.banner-box .circle-box .menu-box7 {
	top: 215px;
	left: -62px;
	/* transform-origin: -220px 86px; */
}

.banner-box .circle-box .menu-box8 {
	top: 26px;
	left: 33px;
	/* transform-origin: -90px -200px; */
}

/* 外部旋转 */
@keyframes spin{
	to{transform: rotate(1turn);}
}

/* 内部旋转 */
@keyframes spin-reverse{
	from{
		transform:rotate(1turn);
	}
}

/* 右边 */
.banner-box .right-box {
	position: absolute;
	top: 25%;
	right: 10.3%;
}

.banner-box .right-box img {
	display: block;
}

.banner-box .right-box .big-img {
	margin-bottom: 68px;
}

/* 圆环的缩放 */
@media screen and (max-width: 1300px) {
	.banner-box .right-box,
	.banner-box .left-box {
		transform-origin: left center;
		transform: scale(.65);
	}
	.banner-box .right-box {
		right: 40px;
		transform-origin: right center;
	}
}


@media screen and (min-width: 1300px) and (max-width: 1365px) {
	.banner-box .right-box,
	.banner-box .left-box {
		transform-origin: left center;
		transform: scale(.7);
	}
	.banner-box .right-box {
		right: 50px;
		transform-origin: right center;
	}
}

@media screen and (min-width:1366px) and (max-width: 1599px){
	.banner-box .right-box,
	.banner-box .left-box {
		transform-origin: left center;
		transform: scale(.75);
	}
	.banner-box .right-box {
		transform-origin: right center;
	}
}

@media screen and (min-width:1600px) and (max-width: 1900px) {
	.banner-box .right-box,
	.banner-box .left-box {
		transform-origin: left center;
		transform: scale(.85);
	}
	.banner-box .right-box {
		transform-origin: right center;
	}
}

@media screen and (min-width:1900px){
	.banner-box .right-box,
	.banner-box .left-box {
		transform-origin: left center;
		transform: scale(1);
	}
	.banner-box .right-box {
		transform-origin: right center;
	}
}