:root {
	--primary-color: #008cd6;
	--secondary-color: #00b4d8;
	--light-color: #f8f9fa;
	--dark-color: #212529;
	--accent-color: #4dabf7;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #008cd6;
  --bs-btn-border-color: #008cd6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00b4d8;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #008cd6;
  --bs-btn-disabled-border-color: #008cd6;
}


html,
body {
	position: relative;
	font-family:  "Microsoft YaHei", "Microsoft JhengHei", "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback","STHeiti",  sans-serif;
	height:100%;
}

::selection {
  background: #03a4ed;
  color: #fff;
}

::-moz-selection {
  background: #03a4ed;
  color: #fff;
}


a{
	color: #333;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
}


a:hover,a:active {
    text-decoration: none;
    color: #ff695f;
}



/* 文本溢出 */
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.truncate-clip { text-overflow: clip; }
.truncate-ellipsis { text-overflow: ellipsis; }
.truncate-line-1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.truncate-line-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.truncate-line-3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.truncate-line-4 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }




.fs-7{
	font-size:15px;
}
.fs-8{
	font-size:14px;
}
.fs-9{
	font-size:13px;
}
.fs-10{
	font-size:12px;
}
.lh-md{
	line-height:1.8;
}


.header .navbar {
	background-color: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding:0;
}


.navbar-nav{} 
.navbar-nav .nav-item .nav-link{
	padding:0 1rem;
	white-space: nowrap;
	height:70px;line-height:70px;
} 

.navbar-nav .nav-item.active .nav-link{
	color:var(--primary-color);
	border-bottom:2px solid #ffffff00;
}

.navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item.active .nav-link{
	color:var(--primary-color);
	border-bottom:2px solid var(--primary-color)
}


.navbar-nav .nav-item:hover .dropdown-menu {
	display:block;
}

@media (max-width: 768px) {
	.header .navbar {
		background-color:#fff;
	}
	.navbar-nav .nav-item .nav-link{
		padding:0 1rem;
		white-space: nowrap;
		height:40px;line-height:40px;
	} 
}


.btn-telphone{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.btn-telphone .icon-box{
	display:block;
	width:34px;
	height:34px;
	border-radius:50%;
	color:#fff;
	line-height:1;
	background-color:var(--primary-color)
}
.btn-telphone strong{
	margin-left:10px;font-size:18px;
	white-space: nowrap;
}	




.footer{
	padding:4rem 0 1rem;
	background-color: #F5F5F7;
}


.footer .social-icons{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}



.footer .footer-box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
}

.footer .footer-box .footer-item{
	margin-bottom:2rem;
}


.footer .footer-title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:1rem;
}


.footer-logo{
	max-width:200px;
	margin-bottom:1rem;
}

.footer .footer-links{
	list-style:none;
	padding:0;
	margin:0;
	line-height:2;
}
.footer .footer-qrcode{
	max-width:120px;
}

.footer .copyright{
	border-top:1px solid #eee;
	padding-top:1rem;
	color:#999;
}




.section {
	padding:4rem 0;
}

.section-heading{
	position: relative;
	text-align: center;
	margin-bottom: 3rem;
}


.section-heading h2 {
	color: #333;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 2px;
}


.section-heading h6 {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.5em;
	color:#999;
}

.section-heading p {
	line-height: 1.5em;
	letter-spacing: 1px;
	color:#666;
	font-size:14px;
}




.bg-boss{
	background-color: #2A64F6;
	background-image:url(../../images/about/map-bg.png);
	background-size: cover;
    background-position: center;

}






.part-heroe{
	position: relative;
	
}

.part-heroe .background{
    position: absolute;
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.part-heroe .background img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.part-heroe .heroe-box{
	min-height:400px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: flex-start;
	position: relative;
	padding: 12rem 0;
    z-index: 999;
}

.part-heroe .heroe-box h2{
    font-weight: 600;
	font-size: 42px;
	color: #172237;
}
.part-heroe .heroe-box p{
	font-size: 20px;
    color: #192235;
    font-weight: 300;
	line-height:1.8;
}


@media (max-width: 768px) {

	.part-heroe .heroe-box{
		padding: 4rem 0 1rem;
		min-height:240px;
	}
	
	.part-heroe .heroe-box h2{
		font-size: 2rem;
	}
	.part-heroe .heroe-box p{
		font-size: 1rem;
	}
}


.carousel{

}

.carousel .link-image {
	display:block;
}
.carousel .link-image .image{
	width:100%;height:100%;
	min-height:300px;
	object-fit: cover;
}
.carousel .carousel-caption{
	left: 0;
    right: 0;
    width: 100%;
    text-align: left;
    color: #333;
    top: 50%;
    transform: translateY(-50%);
}

.carousel .carousel-caption h5{
	font-size: 46px;
	color: #172237;
	font-weight:bold;
}
.carousel .carousel-caption p{
    font-size: 18px;
    color: #2d2d2d;
	font-weight: 300;
	line-height:1.8;
}

.carousel-indicators [data-bs-target]{
	width:40px;
	height:6px;
	
	opacity:1;
}
.carousel-indicators .active{
	background-color: var(--primary-color)
}


@media (max-width: 768px) {

	.carousel .carousel-caption{
		left: 0;
		right: 0;
		padding:1rem;
	}
	
		
	.carousel .carousel-caption h5{
		font-size: 36px;
		margin-bottom:2rem;
	}
}



.news-card{
	border: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.2s;
}

.news-card:hover{
	border: none;
	box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.2);
}
.news-card h5.card-title{
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
}

.news-card  p.card-text{
	color:#666;
	line-height:1.8;
}


.news-card .read-more{
	color: #4e79e7;
	font-weight:bold;
}
.news-card .read-more:hover{
	color: var(--primary-color);
	font-weight:bold;
}













.part-advantage{
	background-image:url(../../images/bg1.png);
	background-size: cover;
    background-position: center;
}
.part-advantage h2.part-title{
	font-size:46px;
	font-weight:bold;
	color: #000;
}

.part-advantage h6{
	font-size: 26px;
	font-weight: 400;
	color: #172237;
	line-height: 36px;
}

.part-advantage .link-detail{
	color:var(--primary-color);
	font-size:26px;
}


@media (max-width: 768px) {

	.part-advantage h2.part-title{
		font-size:36px;
	}
	.part-advantage h6{
		font-size:18px;
	}
	.part-advantage .link-detail{
		font-size:18px;
	}
}



.part-ads{
	background-image:url(../../images/banner-t1.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}






.article-list-date{
	background-color:#f9f9f9;
	border:1px solid #eee;
	padding:10px;
	
}
.article-list-date .item{
	display: flex;
	margin: 15px;
}
.article-list-date .item-date{
	background-color:#00549d;
	padding:10px;
	text-align:center;
	color:#fff;

	width:80px;
	height:90px;
	
	margin-right:10px;
	
	flex-shrink: 0;
}
.article-list-date .item-date big{
	font-size:28px;
	font-weight:bold;
}
.article-list-date .item-date time{
	font-size:12px;
}
.article-list-date .item-link{
	display:block;
}
.article-list-date .item-link h5{
	font-size:16px;
	font-weight: bold;
}
.article-list-date .item-link p{
	font-size:14px;
	line-height:1.8;
	color:#555;
	margin-bottom:0;
}


.part-banner{
	width:100%;
	padding:50px 0;
	min-height:200px;
	background-image:url(../../images/banner.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
	
}


.part-breadcrumb{
	padding:0.5rem 0;
	border-bottom:1px dashed #ccc;
}
.part-breadcrumb ol{
	margin-bottom:0;
}
.part-breadcrumb .breadcrumb-item{
	font-size:14px;
}

.article{
	background-color:#fff;
	padding:0.5rem 1rem;
}
.article-title{
	line-height:2;
    font-size: 26px;
    font-weight: 600;
	text-align:center;

}


.article-info  {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


.article-info cite {
	font-size: 12px;
    color: #666;
    font-weight: 200;
	margin-right:1rem;
	font-style:normal;
}
.article-info-name em{
	font-size: 12px;
	font-style:normal;
    color: #333;	
}

.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%;
	height:auto;
}

.article-content h1{
	margin:40px 0 30px
}
.article-content h2{
	margin:35px 0 25px
}
.article-content h3{
	margin:30px 0 20px
}
.article-content h4{
	margin:25px 0 15px
}





.side-nav{

	background-color:#013f93;
	color:#fff;
	border-radius:10px;
}

.side-nav .title{
	padding:20px;
}

.side-nav .title h5{
	font-size:18px;
	font-weight:bold;
}
.side-nav .title h6{
	font-size:14px;
}




.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: 20px;
    line-height: 1.4em;
    font-weight: 700;
}
.article-list-title p{
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
}


.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;	
}



.get-solution-modal .modal-content{
    background: linear-gradient(to bottom, #e8f3f5, #e4f3f4);
}