@charset "UTF-8";
	.container .item3 {
	grid-area: sidebar;
	height: 11.0267rem;
	display: flex;
	justify-content: space-between;
	background-color: #f5f5f5;
}
.container .item3 .item3-1-left {
	height: 100%;
	flex: 1 210px;
	display: flex;
	transform: translateX(-0.9rem);
}
.container .item3 .item3-1-left .item3-1-1-img{
	display: flex;
}
.container .item3 .item3-1-left .item3-1-1-img img {
	height: 100%;
}
.container .item3 .item3-1-left .item3-1-1-text {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	transform: translateX(-0.6667rem);
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all span {
	font-size: .1867rem;
	text-align: center;
	display: block;
	color: #909090;
	font-weight: 600;
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all p {
	font-size: .4500rem;
	color: #014EA1;
	font-weight: bold;
	text-align: center;
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(2) {
	transform: translateX(1.0667rem);
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(3) {
	transform: translateX(1.3333rem);
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(4) {
	transform: translateX(1.2rem);
}
.container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(5) {
	transform: translateX(0.9333rem);
}
.container .item3 .item3-2-right {
	height: 8rem;
	flex: 1;
}
.container .item3 .item3-2-right .item3-2-right-box {
	width: 7.3333rem;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle {
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	margin-top: 1rem;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title {
	font-size: .2667rem;
	color: #134f93;
	font-weight: bold;
	position: relative;
	padding-left: 1.1667rem;
	box-sizing: border-box;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title::before {
	content: '';
	display: inline-block;
	width: .99rem;
	height: .0267rem;
	background: linear-gradient(to right, #004da0, #fff);
	position: absolute;
	top: .36rem;
	left: 0;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title::after {
	content: '';
	display: inline-block;
	width: 4.8rem;
	height: .0267rem;
	background: linear-gradient(to right, #fff, #004da0);
	position: absolute;
	top: .36rem;
	right: 0;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article {
	width: 100%;
	/* height: 1.3333rem;
	background-color: #004da0;*/
	/* margin-top: .1333rem;*/
	padding: .1333rem 0rem;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article h4 {
	color: #014ea1;
	letter-spacing: .0233rem;
	font-size: 0.4rem;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article p {
	color: #828282;
	font-size: .2067rem;
	margin-top: .2333rem;
	letter-spacing: .0133rem;
	text-align: justify;
	text-justify: inter-ideograph;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-button {
	width: 2.1333rem;
	height: .4267rem;
	background: #004EA2;
	border-radius: .20rem;
	margin-top: .2333rem;
	float: right;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-button a {
	color: #FBD205;
	font-size: .24rem;
	text-align: center;
	line-height: .4267rem;
	display: block;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video {
	width: 7.3333rem;
	height: 4.4rem;
	margin-top: .8rem;
	position: relative;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box {
	width: 100%;
	position: relative;
	/* height: 6.4rem;
	margin-top: .2667rem;*/
	/* display: block;*/
	/* height: 100%;*/
	/* object-fit: cover;*/
	 }
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img1 {
	width: 100%;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img-box1 {
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img-box1 .img2 {
	width: .6667rem;
	height: .6667rem;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video video {
	width: 100%;
	object-fit: cover;
	border-radius: .3333rem;
	display: none;
}
.container .item4 {
	grid-area: item4;
	/* background-color: green;*/
	background: #bbd0e9;
	height: 11.12rem;
}
.container .item4 .item4-bg {
	background: url("../../images/item4.webp") no-repeat;
	background-size: cover;
	background-position: center 0.799rem;
	height: 100%;
	position: relative;
}
.container .item4 .item4-center {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3.0933rem;
	height: 2.0267rem;
}
.container .item4 .item4-center img {
	width: 100%;
}
.container .item4 .item4-bottom {
	width: 43%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
}
.container .item4 .item4-bottom .item4-bottom-item {
	width: 1.8267rem;
	height: 1.4rem;
	/* background-color: red;*/
	border: .04rem solid #fff;
	border-radius: .2rem;
}
.container .item4 .item4-bottom .item4-bottom-item p {
	text-align: center;
	color: #fff;
	font-size: .1967rem;
}
.container .item4 .item4-bottom .item4-bottom-item.active {
	border: 0;
	background-color: #004da0;
}
.container .item4 .item4-bottom .item4-bottom-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.container .item4 .item4-bottom .item4-bottom-item .active {
	background-color: #004da0;
}
/* .container .item4 .item4-bottom .item4-bottom-item:first-child {
	border: none;
}*/
	.container .item5 {
	grid-area: item5;
	height: 11.1333rem;
}
.container .item5 .item5-bg {
	background: url("../../images/item5-bg.png") no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.container .item5 .item5-bg .item5-bg-left {
	width: 60%;
	height: 100%;
	position: relative;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box {
	position: absolute;
	top: 8%;
	left: 20%;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1 {
	height: 6.4933rem;
	/* width: 5.3333rem;*/
	/* border: 1px solid #000;*/
	position: absolute;
	left: 25%;
	top: 30%;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message {
	width: 8.0267rem;
	height: 3.96rem;
	background-color: #fff;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message .item5-bg-left-box1-Message-wen {
	margin-left: .9667rem;
	padding-top: .4933rem;
	font-size: .2933rem;
	width: 6.32rem;
	letter-spacing: .04rem;
	color: #858585;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message .item5-bg-left-box1-Message-wen img {
	width: 100%;
	height: 100%;
}
/**/
	.container .item5 .item5-bg .item5-bg-left .item5-bg-left-Chairman {
	position: absolute;
	top: 30%;
	left: .9333rem;
	width: 3.36rem;
	height: 6.4933rem;
	/* background: url('./img/photoz.png') no-repeat;*/
	background-size: cover;
	background-position: center;
	height: 300px;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-Chairman img {
	width: 2.66rem;
	height: 5.4933rem;
	object-fit: cover;
	image-rendering: pixelated;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1 img {
	width: 8.0267rem;
	height: 1.5467rem;
	transition: all 0.3s ease-out;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box .item5-bg-left-title {
	font-size: .4667rem;
	color: #004da1;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.0267rem;
}
.container .item5 .item5-bg .item5-bg-left .item5-bg-left-box .item5-bg-left-h2 {
	color: #F4F6FC;
	text-align: center;
	font-size: .6667rem;
}
.container .item5 .item5-bg .item5-bg-right {
	width: 40%;
	height: 100%;
	position: relative;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box {
	position: absolute;
	top: 8%;
	right: 15%;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box .item5-bg-right-title {
	color: #0C55A6;
	font-size: .4667rem;
	text-align: center;
	font-weight: bold;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box .item5-bg-right-h2 {
	margin-top: 8px;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box .item5-bg-right-h2 img {
	width: 7.2933rem;
	height: .4533rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 {
	position: absolute;
	top: 22%;
	right: 9%;
	display: flex;
	/* border: 1px solid #000;*/
	height: 3.1867rem;
	width: 8.52rem;
	align-items: center;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-title {
	/* writing-mode: vertical-rl;
	让文字垂直排列*/
	/* font-size: .2667rem;*/
	margin-left: .1667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-title span {
	display: block;
	margin-top: .0267rem;
	color: #004da0;
	font-weight: 600;
	font-size: .2967rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div {
	width: 8.52rem;
	height: 3.12rem;
	background: url("../../images/item5-react.png") no-repeat;
	background-size: cover;
	padding: .4333rem .5067rem;
	display: flex;
	/* align-items: center;*/
	box-sizing: border-box;
	position: relative;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-left img {
	width: 3.84rem;
	height: 2.2933rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right p {
	color: #9F9F9F;
	font-size: .2133rem;
	margin-bottom: .2667rem;
	/* margin-top: .38rem;*/
	
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right {
	padding: .2667rem .1667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .p3 {
	position: absolute;
	bottom: 0.35rem;
	right: .4333rem;
}
.container .item5 .item5-bg .item5-bg-right .p3 img {
	vertical-align: middle;
}
.container .item5 .item5-bg .item5-bg-right .p3 span {
	background-color: #004ea1;
	color: #fff;
	font-size: 0.2rem;
	line-height: 0.02rem;
	padding: 0.15rem 0.15rem 0.15rem 0.15rem;
	display: inline-block;
	text-align: center;
	border-radius: 0.3rem;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	margin-right: 20px;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right .p1 {
	margin-top: .2667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 {
	position: absolute;
	top: 55%;
	right: 9%;
	display: flex;
	height: 3.1867rem;
	width: 8.52rem;
	align-items: center;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div {
	width: 8.52rem;
	height: 3.12rem;
	background: url("../../images/item5-react.png") no-repeat;
	background-size: cover;
	display: flex;
	box-sizing: border-box;
	position: relative;
	padding: .4333rem .5067rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-left img {
	width: 3.84rem;
	height: 2.2933rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right {
	padding: .2667rem .1667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right p {
	color: #9F9F9F;
	font-size: .2133rem;
	margin-bottom: .2667rem;
	/* margin-top: .38rem;*/
	
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right .p1 {
	margin-top: .2667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-title {
	margin-left: .1667rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .p3 {
	position: absolute;
	bottom: 0.35rem;
	right: .4333rem;
}
.container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-title span {
	display: block;
	margin-top: .0267rem;
	color: #004da0;
	font-weight: bold;
	font-size: .2967rem;
}
.container .item6 {
	grid-area: item6;
	height: 10.1333rem;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../../images/item6-bg.png') no-repeat;
	background-size: cover;
}
.item6-container-max {
	width: 90%;
	display: flex;
	justify-content: space-between;
}
.container .item6 .item6-container-max .item6-container {
	width: 24%;
}
.container .item6 .item6-container-max .item6-container .item6-header-img img {
	width: 100%;
	height: 3.1867rem;
	border-radius: 0.3rem;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5)
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title {
	margin-top: .2667rem;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li .imgs1 {
	width: 7%;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li .imgs1 img {
	width: .2133rem;
	vertical-align: middle;
	/* vertical-align: .04rem;*/
	
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title p {
	font-weight: bold;
	font-size: .2967rem;
	margin-bottom: .1333rem;
	/* margin-top: -0.1333rem;*/
	
}
/* .container .item6 .item6-container-max .item6-container .item6-content-header-title ul li span {
	font-size: .2080rem;
	margin-left: -.1667rem;
	font-weight: 550;
}*/
	.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li {
	display: flex;
	/* margin-top: .1333rem;*/
	justify-content: space-between;
	height: .5rem;
	line-height: .4rem;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li p {
	font-size: .2080rem;
	width: 93%;
	/* margin-left: -.1667rem;*/
	font-weight: 550;
	margin-top: -0.1033rem;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title {
	color: #636363;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title.active {
	color: #004da1;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title.active .imgs1 img:first-child {
	display: block;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title.active .imgs1 img:last-child {
	display: none;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title:not(.active) .imgs1 img:first-child {
	display: none;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title:not(.active) .imgs1 img:last-child {
	display: block;
}
/*==========@@swiper 开始@@==========*/
	.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes*/
	.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.swiper-pagination {
	position: absolute;
	bottom: 15px;
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 1;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 30px;
	height: 8px;
	margin: 0 5px;
	border: 1px solid #FFF;
	border-radius: 8px;
	cursor: pointer;
	transition-duration: .5s;
}
.swiper-active-switch {
	background: #004da0;
}
.component {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.component:after {
	content: '';
	display: block;
	clear: both;
}
.component i {
	font-style: normal;
}
.component .TPagePicture img {
	display: block;
	width: 100%;
}
/* 幻灯片组件0*/
	.floor_banner0 {
	position: relative;
	z-index: 0;
}
.banner0 li {
	position: relative;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.banner0 li img {
	display: block;
	width: 100%;
}
.banner0 li .bannertext {
	position: absolute;
	height: 80px;
	line-height: 40px;
	max-width: 1440px;
	left: 0;
	right: 0;
	top: 50%;
	margin: -40px auto 0;
	text-align: center;
	color: #444;
	cursor: pointer;
	z-index: 99;
}
.banner0 li .bannertext .BannerName {
	font-size: 36px;
	opacity: 0;
	transform: translateY(50px);
	transition-duration: 1s;
	transition-delay: 1s;
}
.banner0 li .bannertext .BannerDescription {
	font-size: 20px;
	opacity: 0;
	transform: translateY(80px);
	transition-duration: 1.5s;
	transition-delay: 1.2s;
}
/*==========@@swiper 结束@@==========*/
	/*关于集团*/