@charset "UTF-8";

/***********page-banner*************/
.page-banner { position:relative; overflow:hidden; }
.page-banner .bg_container { padding-bottom:48.25%; }
.page-banner .page-text { position:absolute; left:0px; text-align:right; top:0px; height:100%; bottom:0px; width:100%; }
.page-banner .page-text .page-tit { color:#fff; line-height:1.3; }
.page-banner .page-text .page-tit span { color:#ffdb14; }
.page-banner .page-text .page-sub {color:#fff; padding-top:0.8125em; opacity:0.6; filter:alpha(opacity=60);}
.page-banner .li02 .page-text { height:73%; bottom:auto; text-align:left; }
.page-banner .li02 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .li03 .page-text { top:auto; height:46%;  }
.page-banner .li03 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .li04 .page-text { top:auto; height:90%;  }
.page-banner .li04 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .swiper-slide .page-text { z-index: 200; filter:alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 2000ms ease; transition: all 2000ms ease;  transform: translate(5%,0); color:#fff; -webkit-transform: translate(5%,0); }
.page-banner .swiper-slide.swiper-slide-active .page-text { transform: translate(0,0); -webkit-transform: translate(0,0);opacity:1; filter:alpha(opacity=100); visibility: visible; }
.page-banner .pagination { position:absolute; z-index:3; left:0px; bottom:3.1%; width:100%; }
.page-banner .pagination .swiper-pagination-bullet { width:30px; background:none; opacity:1; height:5px; position:relative; border-radius:0px; }
.page-banner .pagination .swiper-pagination-bullet:before { position:absolute;transition:0.5s all; content:""; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;  left:0px; bottom:0px; height:2px; background:#fff; width:100%; }
.page-banner .pagination .swiper-pagination-bullet-active { background:none; }
.page-banner .pagination .swiper-pagination-bullet-active:before { height:5px; background:#003592; }

@media only screen and (max-width:767px){
.page-banner ul li .page-text .page-sub br { display:none; }
.page-banner .li02 .page-text { height:100%; }
.page-banner .li03 .page-text { height:100%; }
.page-banner .bg_container { padding-bottom:66%; }

}
@media only screen and (max-width:414px){
.page-banner .bg_container { padding-bottom:75%; }
}
@media only screen and (max-width:374px){
.page-banner .bg_container { padding-bottom:100%; }
}


/***********自主创新*************/
.page-innovate { padding:2.375em 0px; color:#fff; }
.page-innovate .page-more a { display:inline-block; position:relative; overflow:hidden; background:#fff; color:#003592; line-height:2.75; padding:0px 2.75em; border-radius:1.375em; }
.page-innovate .page-more a:hover { text-decoration:underline; }
.page-innovate .page-more a span { position:relative; z-index:5; }
.page-innovate .page-more a:before { position:absolute; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; left:-100%; content:""; top:0px; height:100%; display:none; background:rgba(0,0,0,0.1); border-radius:1.375em; width:100%; }
.page-innovate .page-more a:hover:before { left:0px; }
@media only screen and (max-width:480px){
.page-innovate .page-more { width:100%; padding-top:1em; }
}






.absolute {
	position:absolute
}
.relative {
	position:relative
}
.inset-0 {
	inset:0px
}
.bottom-8 {
	bottom:2rem
}
.left-0 {
	left:0px
}
.left-1\/2 {
	left:50%
}
.right-0 {
	right:0px
}
.top-full {
	top:100%
}
.left-10 {
	left:2.5rem
}
.left-12 {
	left:3rem
}
.top-10 {
	top:2.5rem
}
.top-12 {
	top:3rem
}
.left-4 {
	left:1rem
}
.right-4 {
	right:1rem
}
.top-1\/2 {
	top:50%
}
.bottom-0 {
	bottom:0px
}
.z-50 {
	z-index:50
}
.z-10 {
	z-index:10
}
.col-span-2 {
	grid-column:span 3 / span 2
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.mb-6 {
	margin-bottom:1.5rem
}
.mb-8 {
	margin-bottom:2rem
}
.ml-1 {
	margin-left:0.25rem
}
.mr-1 {
	margin-right:0.25rem
}
.mt-2 {
	margin-top:0.5rem
}
.mb-16 {
	margin-bottom:4rem
}
.mb-2 {
	margin-bottom:0.5rem
}
.mb-3 {
	margin-bottom:0.75rem
}
.mb-4 {
	margin-bottom:1rem
}
.ml-2 {
	margin-left:0.5rem
}
.mr-3 {
	margin-right:0.75rem
}
.mt-4 {
	margin-top:1rem
}
.mt-6 {
	margin-top:1.5rem
}
.mr-2 {
	margin-right:0.5rem
}
.block {
	display:block
}
.flex {
	display:flex
}
.inline-flex {
	display:inline-flex
}
.grid {
	display:grid
}
.hidden {
	display:none
}
.aspect-\[9\/11\] {
	aspect-ratio:9/11
}
.h-16 {
	height:4rem
}
.h-3 {
	height:0.75rem
}
.h-8 {
	height:2rem
}
.h-\[600px\] {
	height:600px
}
.h-full {
	height:100%
}
.h-\[400px\] {
	height:400px
}
.h-\[500px\] {
	height:500px
}
.h-96 {
	height:24rem
}
.h-48 {
	height:12rem
}
.h-\[300px\] {
	height:300px
}
.w-1\/2 {
	width:50%
}
.w-24 {
	width:6rem
}
.w-3 {
	width:0.75rem
}
.w-48 {
	width:12rem
}
.w-\[200px\] {
	width:200px
}
.w-full {
	width:100%
}
.w-1\/5 {
	width:20%
}
.w-2\/5 {
	width:40%
}
.w-3\/5 {
	width:60%
}
.w-4\/5 {
	width:80%
}
.max-w-7xl {
	max-width:80rem
}
.max-w-2xl {
	max-width:42rem
}
.flex-1 {
	flex:1 1 0%
}
.flex-shrink-0 {
	flex-shrink:0
}
.-translate-x-1\/2 {
	--tw-translate-x:-50%;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
	--tw-translate-y:-50%;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
	grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
	grid-template-columns:repeat(4,minmax(0,1fr))
}
.flex-col {
	flex-direction:column
}
.items-center {
	align-items:center
}
.justify-end {
	justify-content:flex-end
}
.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.gap-8 {
	gap:2rem
}
.gap-6 {
	gap:1.5rem
}
.space-x-3 >:not([hidden]) ~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(0.75rem * var(--tw-space-x-reverse));
	margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4 >:not([hidden]) ~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(1rem * var(--tw-space-x-reverse));
	margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-8 >:not([hidden]) ~:not([hidden]) {
	--tw-space-x-reverse:0;
	margin-right:calc(2rem * var(--tw-space-x-reverse));
	margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-4 >:not([hidden]) ~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-8 >:not([hidden]) ~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}
.space-y-2 >:not([hidden]) ~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}
.overflow-hidden {
	overflow:hidden
}
.rounded-button {
	border-radius:8px
}
.rounded-full {
	border-radius:9999px
}
.rounded-lg {
	border-radius:16px
}
.border-r {
	border-right-width:1px
}
.border-t {
	border-top-width:1px
}
.border-gray-200 {
	--tw-border-opacity:1;
	border-color:rgb(229 231 235 / var(--tw-border-opacity,1))
}
.border-gray-800 {
	--tw-border-opacity:1;
	border-color:rgb(31 41 55 / var(--tw-border-opacity,1))
}
.bg-primary {
	--tw-bg-opacity:1;
	background-color:rgb(37 99 235 / var(--tw-bg-opacity,1))
}
.bg-white {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))
}
.bg-white\/50 {
	background-color:rgb(255 255 255 / 0.5)
}
.bg-gray-100 {
	--tw-bg-opacity:1;
	background-color:rgb(243 244 246 / var(--tw-bg-opacity,1))
}
.bg-gray-50 {
	--tw-bg-opacity:1;
	background-color:rgb(249 250 251 / var(--tw-bg-opacity,1))
}
.bg-white\/80 {
	background-color:rgb(255 255 255 / 0.8)
}
.bg-gray-900 {
	--tw-bg-opacity:1;
	background-color:rgb(17 24 39 / var(--tw-bg-opacity,1))
}
.bg-gradient-to-t {
	background-image:linear-gradient(to top,var(--tw-gradient-stops))
}
.from-black\/60 {
	--tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
	--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
	--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.to-transparent {
	--tw-gradient-to:transparent var(--tw-gradient-to-position)
}
.object-cover {
	object-fit:cover
}
.p-2 {
	padding:0.5rem
}
.p-3 {
	padding:0.75rem
}
.p-6 {
	padding:1.5rem
}
.px-4 {
	padding-left:1rem;
	padding-right:1rem
}
.px-8 {
	padding-left:2rem;
	padding-right:2rem
}
.py-2 {
	padding-top:0.5rem;
	padding-bottom:0.5rem
}
.py-3 {
	padding-top:0.75rem;
	padding-bottom:0.75rem
}
.px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.py-20 {
	padding-top:5rem;
	padding-bottom:5rem
}
.py-4 {
	padding-top:1rem;
	padding-bottom:1rem
}
.py-16 {
	padding-top:4rem;
	padding-bottom:4rem
}
.pt-16 {
	padding-top:4rem
}
.pl-8 {
	padding-left:2rem
}
.pr-8 {
	padding-right:2rem
}
.pt-8 {
	padding-top:2rem
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-2xl {
	font-size:1.5rem;
	line-height:2rem
}
.text-5xl {
	font-size:3rem;
	line-height:1
}
.text-xl {
	font-size:1.25rem;
	line-height:1.75rem
}
.text-xs {
	font-size:0.75rem;
	line-height:1rem
}
.text-3xl {
	font-size:1.875rem;
	line-height:2.25rem
}
.text-4xl {
	font-size:2.25rem;
	line-height:2.5rem
}
.text-lg {
	font-size:1.125rem;
	line-height:1.75rem
}
.text-sm {
	font-size:0.875rem;
	line-height:1.25rem
}
.font-bold {
	font-weight:700
}
.font-semibold {
	font-weight:600
}
.tracking-wide {
	letter-spacing:0.025em
}
.tracking-wider {
	letter-spacing:0.05em
}
.text-gray-600 {
	--tw-text-opacity:1;
	color:rgb(75 85 99 / var(--tw-text-opacity,1))
}
.text-gray-700 {
	--tw-text-opacity:1;
	color:rgb(55 65 81 / var(--tw-text-opacity,1))
}
.text-gray-900 {
	--tw-text-opacity:1;
	color:rgb(17 24 39 / var(--tw-text-opacity,1))
}
.text-primary {
	--tw-text-opacity:1;
	color:rgb(37 99 235 / var(--tw-text-opacity,1))
}
.text-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity,1))
}
.text-gray-300 {
	--tw-text-opacity:1;
	color:rgb(209 213 219 / var(--tw-text-opacity,1))
}
.text-gray-500 {
	--tw-text-opacity:1;
	color:rgb(107 114 128 / var(--tw-text-opacity,1))
}
.text-white\/80 {
	color:rgb(255 255 255 / 0.8)
}
.opacity-0 {
	opacity:0
}
.shadow-lg {
	--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-sm {
	--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-md {
	--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.transition-transform {
	transition-property:transform;
	transition-timing-function:cubic-bezier(0.4,0,0.2,1);
	transition-duration:150ms
}
.transition {
	transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
	transition-timing-function:cubic-bezier(0.4,0,0.2,1);
	transition-duration:150ms
}
.transition-opacity {
	transition-property:opacity;
	transition-timing-function:cubic-bezier(0.4,0,0.2,1);
	transition-duration:150ms
}
.transition-shadow {
	transition-property:box-shadow;
	transition-timing-function:cubic-bezier(0.4,0,0.2,1);
	transition-duration:150ms
}
.duration-500 {
	transition-duration:500ms
}
.duration-700 {
	transition-duration:700ms
}
.hover\:bg-gray-100:hover {
	--tw-bg-opacity:1;
	background-color:rgb(243 244 246 / var(--tw-bg-opacity,1))
}
.hover\:bg-primary\/90:hover {
	background-color:rgb(37 99 235 / 0.9)
}
.hover\:bg-white:hover {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))
}
.hover\:text-primary:hover {
	--tw-text-opacity:1;
	color:rgb(37 99 235 / var(--tw-text-opacity,1))
}
.hover\:text-primary\/90:hover {
	color:rgb(37 99 235 / 0.9)
}
.hover\:text-white:hover {
	--tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity,1))
}
.hover\:shadow-md:hover {
	--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.group:hover .group-hover\:block {
	display:block
}
.group:hover .group-hover\:scale-110 {
	--tw-scale-x:1.1;
	--tw-scale-y:1.1;
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:opacity-100 {
	opacity:1
}