:root{
	--bs-primary: #183164;
	--bs-primary-rgb: 24, 49, 100;

	--bs-warning: #dc6925;
	--bs-warning-rgb: 220, 105, 37;
}


a {
    color: var(--bs-primary);
    text-decoration: none;
}
.fs-7{
	font-size:14px;
}

.btn-primary {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.lock{
	overflow:hidden;
}

.site-loading{
	position: fixed;
	width:100%;
	height: 100%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #e9e9e9;
}

.site-loading .spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.site-loading .spinner > div {
  background-color: #183164;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.site-loading .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.site-loading .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.site-loading .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.site-loading .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.header-menu{
	background-color:rgba(255,255,255, 0.7);
}

.header-menu .nav-link {
	font-size:18px;
	font-weight:bold;
    color: var(--bs-primary);
	font-family: "Microsoft JhengHei","Microsoft YaHei","微软雅黑","华文细黑",STHeiti,MingLiu;
	padding:1rem;
	border-radius:0;
}

.header-menu .nav-pills .nav-link:hover, .header-menu .nav-pills .nav-link.active, .header-menu .nav-pills .show > .nav-link {
    color: var(--bs-primary);
    background: none;
	border-bottom:2px solid var(--bs-primary);
}

.header-menu .dropdown-menu{
	background-color:#ffffff80;
	border:none;
	box-shadow: 0 0 3px 0px #454f87;
}


.header-logo{
	display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	margin-right: auto;
    text-decoration: none;
}

.header-logo small{
	font-size:16px;
	margin-left:0.5rem;
	color:#444;
	padding-left:0.5rem;
	border-left:2px dashed #444;
	font-family: "Microsoft JhengHei","Microsoft YaHei","微软雅黑","华文细黑",STHeiti,MingLiu;
}


.header-video{
	position: relative;
	min-height:600px;
	overflow:hidden;
}

.header-video video{
	width:100%;
	max-height:800px;
	min-height:600px;
	object-fit: cover;
	z-index:1;
}

.page-video{
	position: relative;
	height:400px;
	overflow:hidden;
}

.page-video video{	
	width:100%;
	height:400px;
	object-fit: cover;
	z-index:1;
}
.header-intro{
	z-index:9;
}
.header-intro-text h5{
	font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.header-intro-text h6{
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
}
.header-intro-text p{
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    width: 50%;
}

.page-header{
	background-color:#f8f8f8;
	padding:3rem 1rem 1rem;
}



.web-title {
	margin-bottom:2rem;
	text-align:center;
}
.web-title h5{
	font-size: 39px;
	color:#00559c;
    font-weight: bold;
}
.web-title h6{
	font-size: 26px;
	color:#00559c;
    font-weight: bold;
}


.part-service{
	
	background-color: #f6f6f6;
}
.service-icons{
	background-color:#fff;
}
.service-icons .item{
	display:block;
	padding:1rem 0;
	text-align:center;
}
.service-icons .item img{
	max-width:52px;
}
.service-icons .item i{
	display: block;
    color: #0055b4;
	font-size:2.8rem;
    
	transition: all 0.5s;
}

.service-icons .item:hover i{
	transform: rotateY(180deg);
	color:#dc6925;
}
.service-icons .item p{
	margin:10px 0 0;
	color:#333
}

.service-icons .item:hover p{
	color:#dc6925;
}



.part-map{
	position: relative;
	z-index:1;
}

.baidu-map{
	width:100%;
	height:800px;
}

.card-point{
	position: absolute;
	z-index:9;
    top: 20%;
    right: 20%;
    max-width: 320px;
}

.part-number{
	/**background-color:#f3f3f3;**/
	background-image:url('../images/bg-map.png');
	background-repeat: no-repeat;
	background-size: 60% 60%;
    background-position: left center;
}
.part-number .item {
	/**text-align:center;**/
	padding:2rem 1rem;
    /**border: 1px solid #8399c3;**/
	/**border-radius:10px;**/
	height:100%;
	/**background-color: #fbfcff;**/
	margin:5rem 0;
}
.part-number .item i{
	font-size:3rem;
	color: #0b3d9c;
}
.part-number .item h6{
	margin:0;
	color:#000;
	margin:1rem 0;

}
.part-number .item big{
	font-size:40px;
	font-weight:bold;
	color:#db6c2b;
}
.part-number .item p{
	font-size:14px;
	color:#444;
	line-height:2;
	margin:0;
	text-align:left;
}

.part-query{
	height:400px;
	background-image:url('../images/ship.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.query-title{
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
}
.query-title h5{
	color:#fff;
	font-size:40px;
	font-weight:bold;
}
.query-title h6{
	color:#fff;
	font-size:30px;
	font-weight:bold;
}

.query-box{
	padding:1rem 0;
	background-color:rgba(0, 70, 160, 0.7);
}
.query-box .item{
	display:block;
	color:#fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.query-box .item i{
	font-size:3rem;
}
.query-box .item .item-text{
	margin-left:1rem;
}
.query-box .item h5{
	font-size:16px;
	font-weight:bold;
}
.query-box .item p{
	font-size:14px;
	margin:0;
}


.part-news{}

.card-overlay{}

.card-overlay .card-img-overlay{
	top:auto;
	background-color:rgba(0, 0, 0, 0.6);
}
.card-overlay .card-img-overlay h5{
	font-weight:bold;
	font-size:16px;
	color:#fff;

	word-wrap: normal; /* for IE */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.card-overlay .card-img-overlay p{
	font-size:14px;
	color:#fff;
	margin:0;
}

.part-news-lists{
	padding:1rem;
	background-color: #f9f9f9;

	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.part-news-lists .item{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
	border-bottom:1px solid #eee;
	padding-top:0.5rem;
}
.part-news-lists .item .date{
	width:70px;
	height:80px;
	flex-shrink:0;
	background-color: #00549d;
	color:#fff;
	text-align:center;
	margin-right:1rem;
}
.part-news-lists .item .date big{
	display:block;
	font-size:36px;
}
.part-news-lists .item .date span{
	display:block;
	font-size:14px;
}
.part-news-lists .item .text{
	
}
.part-news-lists .item .text h6{
	font-weight:bold;
	font-size:18px;
}
.part-news-lists .item .text p{
	color:#666;
	font-size:14px;
}


.part-partners{}
.partner-lists .item{

}


.part-contact{
	position: relative;
}

.contact-map{
	width:100%;
	height:400px;
	
}

.part-contact-text{
	max-width:460px;
	height:100%;
	background-color:rgba(0, 80, 180, 0.8);
	color:#fff;
	padding:2rem 3rem;
}

.part-contact-text h5{
	font-size:39px;
}
.part-contact-text h6{
	font-size:26px;
}
.part-contact-text p{
	font-size:14px;
}

.contact-text{}





.footer{
	background-color:#202020;
	padding:3rem 0;
}
.footer-about{
	color:#fff;
}
.footer-about p{
	font-size:14px;
	line-height:2;
}
.footer-about-link{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.footer-about-link a{
	font-size:2rem;
	display:block;
	margin-right:1rem;
}
.footer-contact{
	color:#fff;
}
.footer-contact p{
	font-size:14px;
}
.footer-contact-phone{
	font-size:36px;
	color:#ff5722;
}

.footer-links{
	color:#fff;
	padding:0 2rem;
}
.footer-links ul{

}




.article-list{
	list-style:none;
	padding:0;
}
.article-list .item{
	border-bottom: 1px dotted #ddd;
    padding-bottom: 1rem;
	margin-bottom:1rem;
}
.article-list-image{
	position:relative;
}
.article-list-cateurl {
	display:block;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 0.2rem 1rem;
    color: #eee;
    font-size: 12px;
    border-radius: 4px;
    background: rgba(0,0,0,0.5);
}



.article-list-thumb{
	display:block;
}
.article-list-thumb img:hover {
	opacity: 0.8;
}

.article-list-title{
	display:block;
}
.article-list-title h5{
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 600;
}
.article-list-title p{
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 300;
}


.article-list-info  {
	display: flex!important;
	align-items: center!important;
	line-height:28px;
}


.article-list-info img {
    height: 28px;
    width: 28px;
    border-radius: 14px;
    margin-right: 8px;
}
.article-list-info cite {
	font-size: 12px;
    color: #999;
    font-weight: 200;
	margin-right:1rem;
	font-style:normal;
}
.article-list-info-name em{
	font-size: 12px;
	font-style:normal;
    color: #444;	
}



.part-breadcrumb{
	padding:0.5rem 1rem;
	background-color:#fafafa;
	border:1px solid #f0f0f0;
}
.part-breadcrumb .breadcrumb{
	margin:0;
}


.page-side{
	padding:1rem 0;
}

.btn-outline-primary {
    color: #183164;
    border-color: #183164;
}

.form-control-primary{
	border: 1px solid #183164;
}

.card-primary{
	border: 1px solid #183164;
}
.card-primary .card-header{
	background-color: #183164;
    color: #fff;
    padding: 0.2rem 0.6rem;
	/**box-shadow: 1px 1px 2px #556fff inset;**/
}
.page-list{
	padding:1rem;
	border-left:1px solid #eee;
}


.article{
	background-color:#fff;
	padding:1rem;
}
.article-title{
	line-height:2;
    font-weight: 700;
	text-align:center;

}
.article-content{
	margin:1rem 0;
	padding:1rem 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	
	line-height:2;
	font-weight: 400;

}
.article-content img{
	max-width:100%;
}

.article-image{
	padding:1rem 0;
}
.article-images{
	margin:1rem 0;
	padding:1rem 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}



.article-copyright{
	margin-top:1rem;
	padding: 1rem;
    background: #FAFAFA;
}
.article-copyright p {
	padding:0;
	margin:0;
    font-size: 12px;
    line-height: 2;
    color: #666;
    font-weight: 300;
}

.article-bottom{
	padding:2rem 0;
}

.article-bottom a{
	display:block;
	margin:0 2rem;
	text-align:center;
}

.article-bottom a.active{
	color:#FF5722
}

.article-bottom a i{
	font-size:4rem;
}

.article-bottom a p{
	font-size:0.875rem;
}