@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 40px;
}

body {
	font-family: "Source Han Sans CN","Microsoft YaHei","宋体",Verdana, Geneva, sans-serif;
	text-align: left;
	color: #3a3a3a;
	line-height: 20px;
}

img {
	border: 0;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: #3a3a3a;
	cursor: pointer;
}

a:hover {
	color: #0268d0;
}

.container-fluid {
	background-color: #e7e3e4;
}

.denglu {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	height: 41px;
}

/*导航*/

.nav-bg-box {
	background: url(../images/logobg.gif) repeat-x;
}

.nav-box {
	padding-left: 0px;
	padding-right: 0px;
}

.nav {
	height: 84px;
	color: #FFF;
	font-size: 14px;
}


.nav a {
	color: #FFF
}

.nav a:hover {
	color: #FFF;
	text-decoration: underline;
}

.nav .logo {
	float: left;
	width: 231px;
}

.logo-visual-img {
	width: 231px;
	height: 84px;
	background: url(../images/logo.jpg) no-repeat;
	background-size: 100% 100%;
}


.nav-titles {
	width: calc(100% - 261px);
}

.nav-first-title {
	width: 100%;
	height: 34px;
	padding-top: 8px;
}
.nav-first-title-left-box {
	float: left;
	width: 80%;
}
.nav-first-title-right-box {
	float: right;
	width: 20%;
	text-align: right;
}

.nav-second-title {
	width: 100%;
	height: 50px;
	padding-top: 15px;
}

.nav-second-title-left-box {
	float: left;
	width: 75%;
}

.nav-second-title-right-box {
	float: right;
	width: 25%;
	text-align: right;
}

.btn-search22 {
	color: #FFF !important;
	background-color: #880008 !important;
	/* border: 1px solid #3a3a3a; */
}

/* banner */
.banner-box{
	background-color: #E6E5E5;
}

.banner {
	/* padding-left: 0px; */
	/* padding-right: 0px; */
    /* background-color: #880008; */
}

.carousel-item {
	/* height: 256px;
	max-height: 512px; */
	min-height: 256px;
}

.carousel-indicators {
    justify-content: end;
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin-right: 8px;
    margin-left: 8px;
	opacity: 1;
}

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

.carousel-control-next-icon,.carousel-control-prev-icon {
    width: 25px;
    height: 25px;
}
/* banner */

/* 专题描述 */
.description-box {
	background-color: #E6E5E5;
}

.visual-description-box {
	/* border: 1px dashed #dcdcdc; */
	padding: 25px 80px;
	font-family: Source Han Sans CN;
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: #292928;
	/* text-indent: 2em; */
}
/* 专题描述 */


.subnav {
	background-color: #F3F3F3FF;
}

.nav2 {
	height: auto;
}

.nav2 .nav-item {
	width: calc(100% / 6);
}

.nav2 .nav-item a{
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #353534;
	line-height: 36px;
}

.nav2 .nav-item a:hover {
	text-decoration: none;
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #BA1414;
    background-color: #F3F3F3;
	border-bottom: 4px solid #BA1414;
}


.new-subnav {
	background-color: aquamarine;
	height: 50px;
}

/*导航*/

/* 业务标题部分 */
.card {
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.15);
}

.yw-odd {
	padding-top: 20px;
	background-color: #FFF;
}

.yw-even {
	padding-top: 20px;
	background-color: #F3F3F3FF;
}

.bg-odd {
	/* 从左到右填充颜色 */
	/* background: linear-gradient(to right, #F3F3F3FF, rgba(255, 255, 255, 0.7), #FFF); */
	background: linear-gradient(to right, #F3F3F3FF, #FFF);
}

.bg-even {
	background: linear-gradient(to right, #FFF, #F3F3F3FF);
}

.yw-title-box {
	width: 100%;
}

.yw-title-left-box {
	float: left;
	width: 15%;
	height: 35px;
	background-color: #BA1414FF;
    font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	color: #FFF;
}

.yw-title-right-box {
	float: right;
	width: 84%;
	height: 35px;
	text-align: right;
}

.yw-title-right-box a {
	color: #272626;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	opacity: 0.65;
	margin-right: 20px;
}

.yw-title-right-box a:hover {
	color: #272626;
	text-decoration: none;
}

.yw-title-right-box a:active {
	color: #272626;
	text-decoration: none;
}

.yw-title-right-box a:visited {
	color: #272626;
	text-decoration: none;
}

.yw-title-right-box a:focus {
	color: #272626;
	text-decoration: none;
}

.yw-title-right-box a:link {
	color: #272626;
}

.yw-content-box {
	width: 100%;
	padding-top: 60px;
}

.yw-items-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.yw-item-box {
	width: 20%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	/* margin-bottom: 20px; */
	padding-right: 10px;
}

.card-text {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 14px;
	color: #1A1A1A;
}
/* 业务标题部分 */

/* 期刊封面图 */
.rc-qkfmt-card img{
	height: 277px;
}
/* 期刊封面图 */

/* 科研插图 */
.rc-kyct-card img{
	height: 181px;
}
/* 科研插图 */

/* 宣传配图 */
.rc-xcpt-card img{
	height: 112px;
}
/* 宣传配图 */

/* PPT美化 */
.rc-pptmh-card img{
	height: 157px;
}
/* PPT美化 */

/* 绘图教程 */
.rc-htjc-card img{
	height: 252px;
}
/* 绘图教程 */

/* 资讯 */
.rc-zx-card img{
	height: 112px;
}
/* 资讯 */


.rc-htjc-card::before {
    content: ''; /* 必须设置content属性，即使是空字符串 */
    position: absolute;
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    width: 80px; /* 按钮宽度 */
    height: 80px; /* 按钮高度 */
    background-image: url(../images/play.png); /* 播放器按钮图片 */
    background-size: cover; /* 确保图片覆盖整个区域 */
    background-position: center; /* 图片居中 */
    transform: translate(-50%, -50%); /* 微调居中位置 */
    cursor: pointer; /* 鼠标悬停时显示手形图标 */
}


.footer {
	background-color: #970F0EFF;
	padding-top: 16px;
	padding-bottom: 16px;
}

.foot {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-family: Source Han Sans CN;
	font-size: 14px;
	line-height: 32px;
	clear: both;
}

.foot a {
	color: #FFF;
}


/* 列表页-面包屑 */

.r-breadcrumb {
    /* border-bottom: 1px solid rgba(0,0,0,.08); */
	margin-bottom: 10px !important;
	padding-left: 5px !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}

.breadcrumb {
    background-color: #fff !important;
    margin-bottom: 0rem !important;
    font-size: 14px !important;
	line-height: 32px !important;
	color: #272626FF !important;
}
.breadcrumb a {
    color: #272626FF !important;
}

.breadcrumb-item.active {
    color: #BA1414 !important;

	width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 列表页-面包屑 */

.list-pagination {
    padding-bottom: 20px;
}

.list-pagination a{
	font-size: 14px;
	color: #272626;
}

.page-item {
	padding: 0px 5px;
}

.page-item.active .page-link {
    background-color: #BA1414;
    border-color: #BA1414
}

/* 资讯列表样式 */
.list-zx-box a:hover {
	text-decoration: none;
}
.list-zx-box a:active {
	text-decoration: none;
}
.list-zx-box a:visited {
	text-decoration: none;
}
.list-zx-box a:focus {
	text-decoration: none;
}

.r-zx {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #1E1D1D;
	line-height: 32px;
	border-bottom: 1px dashed rgba(181, 181, 181, 0.8);
	padding-top: 15px;
	padding-bottom: 15px;
}

.r-zx:hover {
	color: #BA1414;
}

.r-zx-title-box {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 资讯列表样式 */


/* 详情页 */
.detail-box {
	width: 100% !important;
	min-height: 400px;
	background-color: rgba(210, 208, 208, 0.12);
	margin-bottom: 30px;
	padding: 0 5% 2% 5%;
}

.detail-box img{
	max-width: 100%;
	max-width: 800px;
	height: auto !important;
}

.detail-box video{
	/* width:100%; */
	max-width: 864px;
	height: auto !important;
}

.detail-title-box {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	color: #1A1A1A;
	padding-top: 20px;
	padding-bottom: 20px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.detail-info-box {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	color: #1E1D1D;
	line-height: 40px;
	opacity: 0.58;
	padding-bottom: 10px;
}

.detail-line-box {
	height: 2px;
	background: linear-gradient(90deg, #FFFFFF, #616161, #FFFFFF);
	opacity: 0.54;
	margin-bottom: 30px;
}

.detail-info-box span{
	margin-left: 10px;
	display: inline;
}

.detail-content-box {
	width: 100%;
}

.detail-content-box {
	font-family: Source Han Sans CN;
	font-weight: 300;
	font-size: 16px;
	color: #1E1D1D;
	line-height: 32px;
}

.detail-content-box p{
}

/* 详情页 */


/* 需求采集 */

@keyframes circleMotion2 {
    /* 0% { transform: translateY(0); }
    25% { transform: translateY(10px) rotate(-5deg); }
    50% { transform: translateY(-10px) rotate(5deg); }
    75% { transform: translateY(10px) rotate(-5deg); }
    100% { transform: translateY(0); } */

	0% { transform: scale(1) rotate(-1deg); }
    25% { transform: scale(1.1) rotate(1deg); }
    50% { transform: scale(1.2) rotate(-1deg); }
    75% { transform: scale(1.1) rotate(1deg); }
    100% { transform: scale(1) rotate(-1deg); }
}
  

/* .order-box {
	position: fixed;
	top: 150px;
	right: 100px;

	width: 240px;
    height: 570px;
	
	background-color: rgba(255, 255, 255, 1);

	border-radius: 10px;

	animation: circleMotion2 12s linear infinite;
    z-index: 1040;
} */


.order-box {
	position: fixed;
	top: 150px;
	right: 100px;

	width: 240px;
    height: 570px;
	
	background-color: rgba(255, 255, 255, 1);

	border-radius: 10px;

	animation: circleMotion2 12s linear infinite;
    z-index: 1040;
}

@media (min-width: 768px) {
	.order-box {
		right: 30px;
	}
}

@media (min-width: 1800px) {
	.order-box {
		right: 60px;
	}
}

@media (min-width: 1900px) {
	.order-box {
		right: 80px;
	}
}

@media (min-width: 2000px) {
	.order-box {
		right: 100px;
	}
}

.order-head-box {
	width: 100%;
	height: 175px;
	/* background-color: aqua; */

	text-align: center;
	padding-top: 10px;
	color: rgb(255, 0, 0);
	font-size: 14px;
}

.order-head-left-box {
	width: 50%;
	float: left;
}

.order-head-right-box {
	width: 50%;
	float: right;
}

.order-head-left-title {
	text-align: center;
}

.order-head-right-title {
	text-align: center;
}

.order-head-left-img {
	margin-top: 5px;
}

.order-head-right-img {
	margin-top: 5px;
}

.order-head-left-img img{
	width: 115px;
	height: 116px;
}

.order-head-right-img img{
	width: 115px;
	height: 116px;
}

.order-body-box {
	width: 100%;
	height: 395px;

	font-size: 14px;
	text-align: left;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #E6E5E5;

	border-radius: 10px;
}

.order-col-box {
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	margin: 10px 0px 10px 0px;
	height: 45px;
}

.order-col-left-box {
	width: 95px;
	text-align: right;
	font-weight: 500;
}

.order-col-left-box span {
	color: #910204FF;
}

.input-phone-code {
	width: 88px !important;
	float: left;
}

.input-phone-code-btn {
	width: 50px !important;
	float: right;
}

#yourPhoneCode {
	width: 76px !important;
	height: 28px;
}

#sengMsg {
	width: 48px !important;
	height: 28px;
	border: none;
	color: #fff;
	background-color: #910204FF;
}

.seng-msg-disabled {
	background-color: rgb(143, 142, 142) !important;
}

.order-col-right-box input {
	width: 140px !important;
	height: 28px !important;
	font-size: 14px;
}

.order-col-right-box select {
	width: 140px !important;
	height: 28px !important;
	font-size: 14px;
}

.order-btn-box {
	padding-left: 30px;
	padding-right: 25px;
}

.order-btn-box input {
	width: 180px;
	height: 36px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border: none;
	background-color: #C00;
}

.order-btn-box input:disabled {
	background-color: rgb(143, 142, 142);
}


.btn-primary {
    color: #fff;
    background-color: #C00;
    border-color: #C00
}

.btn-primary:hover {
    color: #fff;
    background-color: #910204FF;
    border-color: #910204FF
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #910204FF;
    border-color: #910204FF;
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #C00;
    border-color: #C00
}

.order-msg-modal {
	z-index: 8889;
}
/* 需求采集 */


/* 分页 */
.pc-pages {
	display: block;
}

.mob-pages {
	display: none;
	margin: 20px;
	text-align: center;
	padding: 5px;
	border: 1px solid #D6C397;
}
/* 分页 */

.mob-dingzhi {
	display: none;
}

.mob-ordering {
	display: none;
}

/* 手机端兼容导航部分 */
.mob-header-box {
	display: none;
}


/* 悬浮组件 */
.float-widget {
	position: fixed;
	right: 20px; /* 距离浏览器右侧 20px */
	top: 65%;    /* 距离浏览器顶部 65% */
	transform: translateY(-50%); /* 向上偏移自身高度的一半，实现垂直居中 */
	width: 160px;
	height: 190px;
	z-index: 1040;
	border-radius: 18px;
	overflow: visible;
	box-shadow: 0 5px 18px rgba(220, 53, 69, 0.45);
	background: #fff;
}

@media (min-width: 1300px) {
	/* max-width:1140px */
	.float-widget {
		right: calc((100% - 1140px - 160px) / 5);
	}
}

/* ===== 环绕旋转小点动画 ===== */
.orbit-dot {
	position: absolute; /* 相对于 .float-widget (fixed) 定位 */
	width: 8px;
	height: 8px;
	background: #dc3545;
	border-radius: 50%;
	/* 旋转中心设为悬浮框中心 (width/2, height/2) */
	transform-origin: 80px 95px; 
	/* animation: orbit 40s linear infinite; */
}

.orbit-dot.dot-1 {
	top: -4px; /* 相对于 .float-widget 的 top */
	left: -4px; /* 相对于 .float-widget 的 left */
	animation: orbit1 5s linear infinite;
}

.orbit-dot.dot-2 {
	top: calc(190px - 4px); /* height - 20 */
	left: calc(160px - 4px); /* width - 20 */
	animation: orbit2 5s linear infinite;
}

@keyframes orbit1 {
	0% { transform: translate(0, 0) rotate(0deg); }
	25% { transform: translate(0, 190px) rotate(0deg); }
	50% { transform: translate(160px, 190px) rotate(0deg); }
	75% { transform: translate(160px, 0px) rotate(0deg); }
	100% { transform: translate(0px, 0px) rotate(0deg); }
}

@keyframes orbit2 {
	0% { transform: translate(0, 0) rotate(0deg); }
	25% { transform: translate(0, -190px) rotate(0deg); }
	50% { transform: translate(-160px, -190px) rotate(0deg); }
	75% { transform: translate(-160px, 0px) rotate(0deg); }
	100% { transform: translate(0px, 0px) rotate(0deg); }
} 

@keyframes subBtn {
	0% { transform: scale(1) rotate(0deg); }
	50% { transform: scale(1.15) rotate(0deg); }
	100% { transform: scale(1) rotate(0deg); }
}
/* ===== 环绕旋转小点动画 ===== */

.widget-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
}

.widget-header {
	background: white;
	color: #dc3545;
	width: 100%;
	text-align: center;
	padding: 12px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	/* border-bottom: 1px solid #eee; */
	border-radius: 18px;
}

.widget-qr {
	padding: 1px;
	opacity: 1;
	transform: scale(1);
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.widget-qr img {
	 width: 100px;
	 height: 100px;
	 border: 1px solid #e0e0e0;
}

.widget-btn {
	width: 78%;
	padding: 4px 0;
	border-radius: 16px;
	font-size: 12px;
	opacity: 1;
	transform: translateY(0);
	margin-bottom: 9px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;

	animation: subBtn 1s linear infinite;
}

.widget-btn:hover {
	background-color: #c82333;
	transform: translateY(-1.5px) scale(1.015);
	box-shadow: 0 3px 6px rgba(220, 53, 69, 0.4);
}

.widget-btn:active {
	transform: translateY(0) scale(0.99);
}
/* 悬浮组件 */

/* 弹出采集表单层 */


#orderModal .modal-dialog {
	max-width: 400px;
}

#orderModal .modal-content {
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	overflow: hidden;
}

/* #orderModal .modal-header {
	padding: 12px 16px 8px;
	border-bottom: none;
	background: transparent;
	min-height: auto;
	position: relative;
} */

#orderModal .modal-header .close:hover,
#orderModal .modal-header .close:focus {
	color: #343a40;
	opacity: 0.75;
}

#orderModal .modal-body {
	padding: 20px 20px 25px;
	background-color: #f8f9fa;
}

.field-row {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.field-label {
	flex: 0 0 80px; /* 固定标签宽度 */
	font-weight: 500;
	color: #333;
	font-size: 14px;
	white-space: nowrap;
}

.field-label span {
	color: rgb(255, 0, 0);
}

.field-control {
	flex: 1;
	margin-left: 8px;
}

.field-control input,
.field-control select {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	font-size: 14px;
	outline: none;
}

/* .field-control input:focus,
.field-control select:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} */

.btn-send {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 500;
	background-color: #dc3545;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.btn-send:hover {
	background-color: #c82333;
}

/* 提交按钮 */
.btn-submit {
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	background-color: #dc3545;
	color: white;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s;
	margin-top: 20px;
}

.btn-submit:hover {
	background-color: #c82333;
	transform: translateY(-1px);
}
/* 弹出采集表单层 */