@charset "UTF-8";
.nav-link {
	color: #000;
}
.nav-link:hover {
	color:#fff;
	background-color:#005aa7;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #005aa7;
    border-color: #dee2e6 #dee2e6 #fff;
}

.card a{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;}
.card img{border:1px solid rgba(0,0,0,.125);border-radius:1rem}

 .card:hover {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
.mainArea {
	padding:50px 0;
}
 @media(max-width:480px) {
.mainArea {
 padding:30px 5px;
}
}
.bannerArea ul.slick-dots {
	width: 100%;
	bottom: 20px;
	text-align: center;
}
.bannerArea ul.slick-dots li {
	width: auto;
}
.bannerArea ul.slick-dots li.slick-active button:before {
	opacity: 1;
	background: #C30D23;
	border-radius:50%;
}
.bannerArea ul.slick-dots li button {
	width: 15px;
	height: 15px;
	padding: 0;
	border-radius:50%;
}
.bannerArea ul.slick-dots li button:before {
	content: '';
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius:50%;
	opacity: 1;
}


@media(max-width:640px){
	.bannerArea ul.slick-dots {
	width: 100%;
	bottom: 0px;
	text-align: center;
}
	
	.bannerArea ul.slick-dots li {
	padding:0px;
}
	.bannerArea ul.slick-dots li button {
	width:10px;
	height: 10px;
	padding: 0;
	border-radius:50%;
}
	.bannerArea ul.slick-dots li button:before {
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius:50%;
	opacity: 1;
}
	
	}
.popWin {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
	width: 100%;
	height: 100vh;
	font-size: 15px;
	line-height: 1.8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.popWin .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.popWin .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 700px;
	max-width: 90%;
	max-height: 85vh;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.popWin .popContent {
	max-height: 85vh;
	overflow-y: auto;
}
.popWin img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.popWin .Txt {
	padding: 30px;
}
.popWin .Txt .popTitle {
	font-size: 25px;
	margin-bottom: 25px;
}
.popWin .close {
	position: absolute;
	right: -23px;
	top: -23px;
	z-index: 1;
	width: 46px;
	height: 46px;
	background-color: rgba(0, 0, 0, 0.7);
	/* background-color: #fff; */
  border-radius: 50%;
}
.popWin .close::before, .popWin .close::after {
 content: "";
 position: absolute;
 left: 11px;
 top: 23px;
 width: 25px;
 height: 1px;
 background-color: #bca480;
/* border-radius:  50%; */
}
.popWin .close::before {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.popWin.show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.popWin.show .mask, .popWin.show .inner {
	opacity: 1;
}
.popWin .close::after {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
@media (max-width: 1180px) {
 .popWin .close {
 right: 0;
 top: 0;
 border-radius: 0;
}
 .popWin .popContent {
 max-height: calc(100vh - 150px);
}
}
.investorsArea {
	padding: 50px 0;
	background:#F2F6F9;
	overflow: hidden;
}
@media (max-width: 1180px) {
 .investorsArea {
 padding: 40px 0;
}
}
 @media (max-width: 480px) {
 .investorsArea {
 padding: 20px 5px;
}
}
.investorsArea .investorsClassList {
	margin: 30px -13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.investorsArea .investorsClassItem {
	padding: 0 13px;
	width: 25%;
}
.lblue {
	background: #f0f6ff;
	border-radius: 20px;
	box-shadow:
 6px 6px 0 #cfe3ff, 0 6px 12px rgba(176, 202, 255, 0.5), inset 0 0 0 2px #ffffff;
	padding: 20px;
}
.org {
	background: #FFF8D3;
	border-radius: 20px;
	box-shadow:
 6px 6px 0 #FFF4B5, 0 6px 12px rgba(176, 202, 255, 0.5), inset 0 0 0 2px #ffffff;
	padding: 20px;
}
.pink {
	background: #F8EAEA;
	border-radius: 20px;
	box-shadow:
 6px 6px 0 #F1D3D3, 0 6px 12px rgba(176, 202, 255, 0.5), inset 0 0 0 2px #ffffff;
	padding: 20px;
}
.dpink {
	background: #F8F5F9;
	border-radius: 20px;
	box-shadow:
 6px 6px 0 #E7DBEA, 0 6px 12px rgba(176, 202, 255, 0.5), inset 0 0 0 2px #ffffff;
	padding: 20px;
}
.investorsArea .classItem .Txt {
	padding-top: 20px;
}
.investorsArea .classItem .Txt .title1 {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #000;
	text-align:center;
	border-radius:100px;
	padding:8px;
	background:#D2E6FF
}
.investorsArea .classItem .Txt .title2 {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #000;
	text-align:center;
	border-radius:100px;
	padding:8px;
	background:#FFF4B5
}
.investorsArea .classItem .Txt .title3 {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #000;
	text-align:center;
	border-radius:100px;
	padding:8px;
	background:#F1D3D3
}
.investorsArea .classItem .Txt .title4 {
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #000;
	text-align:center;
	border-radius:100px;
	padding:8px;
	background:#E7DBEA
}
 @media(max-width:480px) {
 .investorsArea .investorsClassItem .lblue, .investorsArea .investorsClassItem .org, .investorsArea .investorsClassItem .pink, .investorsArea .investorsClassItem .dpink {
 padding: 10px;
}
 .investorsArea .classItem .Txt .title1, .investorsArea .classItem .Txt .title2, .investorsArea .classItem .Txt .title3, .investorsArea .classItem .Txt .title4 {
 font-size: 22px;
 padding:5px;
}
}
.investorsArea .classItem .Txt .title .linkWrap {
	color: #222222;
}
 @media (max-width: 1180px) {
.investorsArea .wrap {
padding-left:10px;
padding-right:10px
}
.investorsArea .investorsClassList {
 margin: 30px -18px;
}
.investorsArea .investorsClassItem {
 padding: 10px 18px;
 width: 50%;
}
}
 @media (max-width: 450px) {
.investorsArea .investorsClassList {
 margin: 20px -20px;
}
.investorsArea .investorsClassItem {
 padding:10px 20px;
 width: 100%;
}
}
 @media (min-width: 1181px) {
 .investorsArea .classItem .Txt .title .linkWrap:hover {
 color: #003281;
}
}
.investorsArea .investorsBox {
	padding-top: 10px;
}
.investorsArea .investorsItem {
	position: relative;
	padding: 12px 0;
	padding-left: 20px;
	border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 1181px) {
 .investorsArea .investorsItem:hover::after {
 width: 100%;
}
 .investorsArea .investorsItem:hover .item .title {
 color: #015CA3;
}
}
.investorsArea .investorsItem::before {
 content: "\f0da";
 font-family:FontAwesome;
 position: absolute;
 top: 50%;
 left: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 display: block;
}
.investorsArea .investorsItem::after {
 content: "";
 position: absolute;
 bottom: -1px;
 left: 0;
 display: block;
 width: 0;
 height: 2px;
 background: #015CA3;
}
.investorsArea .investorsItem .item .title {
	font-weight: 400;
	letter-spacing: 1px;
	color: #444444;
	font-size:18px;
}
.investorsArea .investorsItem .item a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
@media(max-width:480px) {
 .investorsArea .investorsItem {
 position: relative;
 padding: 8px 0;
 padding-left:12px;
}
 .investorsArea .investorsItem .item .title {
 letter-spacing: 0px;
 font-size:17px;
}
}
.videoArea {
	background:url(../images/ytbg.jpg)
}
.videoArea .wrap {
	padding:50px 0;
	position: relative;
	z-index: 1;
}
.iframeBox {
	background:#646464;
	padding:10px;
	border-radius:10px
}
.videoArea .videoList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.videoArea .videoItem {
	width: 50%;
	padding: 10px 25px;
	min-height:215px;
}
@media (max-width: 1180px) {
 .videoArea .videoItem {
 padding: 10px 20px;
 width: 33.33%;
}
}
@media (max-width: 640px) {
 .videoArea .videoItem {
 padding: 10px;
 width: 50%;
}
}
@media (max-width: 400px) {
.videoArea .wrap {
padding:30px 0;
position: relative;
 z-index: 1;
}
}
 @media (max-width: 400px) {
 .videoArea .videoItem {
 padding:0px;
 width: 50%;
 min-height:130px;
}
}
.videoArea .item {
	text-align: center;
	background:#ffffff;
	border-radius:20px;
	border:3px solid #fff;
}
.videoArea .item:hover .Img img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
.videoArea .item:hover .title {
	background:rgba(255, 255, 255, 1);
	border-radius:100px;
	color:#015CA3;
	margin:0 10px;
}
.videoArea .Img {
	display: inline-block;
	width: 100%;
	max-width: 88px;
	padding-top:15px;
}
.videoArea .Img img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.7;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.videoArea .Txt {
	position: relative;
	padding: 18px 0;
}
@media (max-width: 400px) {
 .videoArea .Img {
 display: inline-block;
 width: 100%;
 max-width: 60px;
 padding-top:5px;
}
}
 @media (max-width: 1180px) {
 .videoArea .Txt {
 margin-top: 5px;
 padding-top: 10px;
}
}
.videoArea .title {
	font-size:25px;
	font-weight: 300;
	color: #ffffff;
}
.videoArea img {
	display: block;
	width: 100%;
}
 @media (max-width: 400px) {
 .videoArea .title {
 font-size:20px;
 letter-spacing:0;
 color: #ffffff;
}
}
.newsBox {
	padding-top: 25px;
}
@media (max-width: 1180px) {
 .newsBox {
 padding-top: 10px;
}
}
.newsList {
	position: relative;
}
.newsItem {
	position: relative;
	padding: 10px 0;
}
 .newsItem:nth-child(odd) {
 background: #f7f7f7;
}
@media (min-width: 1181px) {
 .newsItem:hover::before {
 width: 100%;
}
 .newsItem:hover .item .title {
 color: #003281;
}
}
.newsItem .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media (max-width: 768px) {
 .newsItem .item {
 padding: 0 20px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
}
}
 @media (max-width: 480px) {
 .newsItem .item {
 padding: 0 10px;
}
}
.newsInfoBox .dateBox {
	width: 120px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #F00;
}
@media (max-width: 768px) {
 .newsInfoBox .dateBox {
 text-align: left;
}
}
.newsItem .Txt {
	position: relative;
	width: calc(100% - 120px);
}
@media (max-width: 768px) {
 .newsItem .Txt {
 width: 100%;
}
}
.newsItem .Txt .title {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.44px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newsItem .Txt .title.toptitle {
	padding-left: 20px;
	text-align: center;
}
@media (max-width: 768px) {
 .newsItem .Txt .title {
 padding: 0;
 padding-top: 5px;
}
}
.newsItem .linkWrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
}
.honorList {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 40px;
	margin: 0 -20px;
}
@media (max-width: 1180px) {
 .honorList {
 margin: 0 -20px;
}
}
.honorList .honorItem {
	width: 33.3333333333%;
	padding: 0 20px;
}
@media (max-width: 1180px) {
 .honorList .honorItem {
 padding: 0 15px;
}
}
@media (max-width: 1024px) {
 .honorList .honorItem {
 width: 50%;
}
}
.honorList .item {
	position: relative;
	z-index: 2;
}
.honorList .item:before, .honorList .item:after {
	content: "";
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0;
}
 @media (min-width: 1201px) {
 .honorList .item:hover {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 .honorList .item:hover .classTitle {
 background-color: #015CA3;
}
 .honorList .item:hover .Txt .title {
 color: #015CA3;
}
}
.honorList .imgBox {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}
.honorList .imgBox .classTitle {
	background-color: #F00;
	color: #fff;
	padding:10px 5px;
	border-radius:100px;
	position: absolute;
	top: 10px;
	border:2px solid #fff;
	left: 10px;
	width:54px;
	height:54px;
	z-index: 2;
}
.honorList .imgBox .Img {
	position: relative;
	z-index: 1;
	overflow: clip;
	border-radius: 10px;
}
.honorList .imgBox .Img img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.honorList .Txt {
	padding-top: 18px;
	max-width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	pointer-events: none;
}
.honorList .Txt .title {
	font-weight: 600;
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.44px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 640px) {
 .honorList {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 0 -10px;
}
 .honorList .honorItem {
 width: 50%;
 max-width: 500px;
 margin: 0 auto;
 padding: 0 10px;
}
 .honorList .Txt .title {
 font-size: 18px;
 line-height: 1.2;
 letter-spacing: 0px;
 display: -webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
}
@media (max-width: 450px) {
 .honorList {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 0 -5px;
}
 .honorList .honorItem {
 padding: 0 5px;
}
 .honorList .Txt .title {
 font-size: 17px;
 line-height: 1.2;
 letter-spacing: 0px;
 display: -webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
 .honorList .imgBox .classTitle {
 color: #fff;
 font-size:16px;
 padding: 10px 5px;
 border-radius: 100px;
 position: absolute;
 top: -10px;
 width:48px;
 height:48px;
 left: 0px;
 z-index: 2;
}
}
.photoBox {
	padding: 3% 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: start;
}
.photoBox .left {
	width: 54%;
}
.photoBox .right {
	width: 46%;
}
.photoBox .left {
	position: relative;
	padding-right: 15px;
}
@media (max-width: 1180px) {
 .photoBox .left {
 padding-right: 15px;
 border-right: none;
 padding-bottom: 40px;
 margin-bottom: 40px;
}
}
.photoBox .left .Img {
	border-radius: 20px;
	overflow: hidden;
}
.photoBox .left .Txt {
	margin-top: -15%;
	background:rgba(1, 92, 163, 0.7);
	width: 100%;
	border-radius: 0 0 20px 20px;
	padding: 28px 13px 10px 8px;
	position: relative;
	z-index: 1;
}
 @media (max-width: 1023px) {
 .photoBox .left, .photoBox .right {
 width: 100%;
}
 .photoBox .left {
 padding-bottom: 30px;
 margin-bottom: 20px;
}
 .photoBox .left .Txt {
 margin-top: -9%;
 background:rgba(1, 92, 163, 0.7);
 width: 100%;
 border-radius: 0 0 20px 20px;
 padding: 28px 13px 10px 8px;
 position: relative;
 z-index: 1;
}
}
@media (max-width: 768px) {
 .photoBox .left .Txt {
 margin-top: -11%;
 background:rgba(1, 92, 163, 1);
}
}
 @media (max-width: 400px) {
 .photoBox .left {
 padding-right: 0px;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
}
.photoBox .left .Txt .title {
	letter-spacing: 2.3px;
	font-size:24px;
	text-align:center;
	margin-bottom: 0px;
	overflow: hidden;
	color:#ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.photoBox .left .Txt .title a {
	color:#ffffff;
}
@media (max-width: 480px) {
 .photoBox .left .Txt {
 margin-top: -6%;
 padding:12px 10px 10px 8px;
}
 .photoBox .left .Txt .title {
 letter-spacing: 0px;
 font-size:22px;
 text-align:center;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
}
 @media (max-width: 400px) {
 .photoBox .left .Txt .title {
 margin-bottom: 0;
}
}
.photoBox .left.noticeShow .topItem .txtImg {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s 0.8s;
}
.photoBox .right {
	padding:0 0 0 20px;
}
.photoBox .right .photoList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.photoBox .right .photoItem {
	width: 50%;
	padding: 0 15px;
}
@media (max-width: 1180px) {
 .photoBox .right .photoItem {
 padding: 0 13px;
}
}
@media (max-width: 640px) {
 .photoBox .right {
 margin: 0 -8px;
 padding-right:0px;
}
 .photoBox .right .photoItem {
 padding: 0 8px;
}
}
.photoBox .right .photoItem .item .Img {
	border-radius: 15px;
	overflow: hidden;
}
@media (max-width: 480px) {
 .photoBox .right .photoItem .item .Img {
 border-radius: 10px;
}
 .photoBox .right .photoItem {
 padding: 0 5px;
}
}
.photoBox .right .photoItem .item .Txt {
	position: relative;
	z-index: 1;
	margin-top: 0px;
}
.photoBox .right .photoItem .item .Txt .photoInfoBox {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 6px;
	position: relative;
}
.photoBox .right .photoItem .item .Txt .title {
	padding: 0 12px;
	font-size: 18px;
	letter-spacing: 1.3px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align:center;
	text-overflow: ellipsis;
}
@media (max-width: 400px) {
 .photoBox .right .photoItem .item .Txt .title {
 padding:3px 5px;
 font-size: 17px;
 letter-spacing: 0px;
}
}
@media (max-width: 1180px) {
 .photoBox {
 padding: 2% 0;
}
}
.photoBox .photoList {
	position: relative;
	z-index: 1;
}
.photoBox .Img {
	overflow: hidden;
}
.photoBox .Img img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.5s;
}
@media (min-width: 1201px) {
 .photoBox .Img:hover img {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
}
.photoBox .title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
@media (max-width: 400px) {
 .photoBox .right .photoItem .item .Txt {
 margin-top: 10px;
}
 .photoBox .title {
 letter-spacing:0;
 line-height:1.2;
 font-size: 17px;
}
}