:root{--primary: #009CFF;--secondary: #777777;--light: #F8F8F8;--dark: #252525}.back-to-top{position:fixed;display:none;right:30px;bottom:30px;z-index:99}#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}.btn{font-weight:500;transition:.5s}.btn.btn-primary{color:#fff}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-lg-square{width:48px;height:48px}.btn-square,.btn-sm-square,.btn-lg-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400}.navbar .dropdown-toggle::after{border:none;content:"\f107";font-family:"font awesome 5 free";font-weight:900;vertical-align:middle;margin-left:8px}.navbar .navbar-nav .nav-link{margin-right:30px;padding:20px 0;color:#fff;font-weight:500;outline:none}.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link.active{color:var(--dark)}.navbar.sticky-top{top:-100px;transition:.5s}@media(max-width:991.98px){.navbar .navbar-nav .nav-link{margin-right:0;padding:8px 0}.navbar .navbar-nav{margin-top:8px;border-top:1px solid rgba(256,256,256,.1)}}@media(min-width:992px){.navbar .nav-item .dropdown-menu{display:block;visibility:hidden;top:100%;transform:rotateX(-75deg);transform-origin:0% 0%;transition:.5s;opacity:0}.navbar .nav-item:hover .dropdown-menu{transform:rotateX(0deg);visibility:visible;transition:.5s;opacity:1}}#header-carousel .carousel-caption{top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:1}#header-carousel .carousel-control-prev,#header-carousel .carousel-control-next{width:10%}#header-carousel .carousel-control-prev-icon,#header-carousel .carousel-control-next-icon{width:3rem;height:3rem}@media(max-width:768px){#header-carousel .carousel-item{position:relative;min-height:500px}#header-carousel .carousel-item img{position:absolute;width:100%;height:100%;object-fit:cover}}#header-carousel .carousel-indicators [data-bs-target]{width:60px;height:60px;text-indent:0;margin-bottom:15px;border:2px solid #fff;border-radius:60px;overflow:hidden}#header-carousel .carousel-indicators [data-bs-target] img{width:100%;height:100%;object-fit:cover}.page-header{
	background-size:cover;
	background-color: linear-gradient;
	background-image: url(../picture/carousel-1.jpg);
	background-repeat: no-repeat;
	background-position: 0;
}.breadcrumb-item+.breadcrumb-item::before{color:var(--secondary)}.page-header .breadcrumb-item+.breadcrumb-item::before{color:var(--light)}.section-title{position:relative;display:inline-block;text-transform:uppercase}.section-title::before{position:absolute;content:"";width:calc(100% + 80px);height:2px;top:4px;left:-40px;background:var(--primary);z-index:-1}.section-title::after{position:absolute;content:"";width:calc(100% + 120px);height:2px;bottom:4px;left:-60px;background:var(--primary);z-index:-1}.section-title.text-start::before{width:calc(100% + 40px);left:0}.section-title.text-start::after{width:calc(100% + 60px);left:0}
.img-border{position:relative;height:100%;min-height:100%}
.img-border::before{position:absolute;content:"";top:0;left:0;right:3rem;bottom:3rem;
border:5px solid var(--primary);
border-radius:6px}
.img-border img{
	position:absolute;
	top:3rem;
	left:3rem;
	width:calc(100% - 3rem);
	height:calc(100% - 3rem);
	object-fit:cover;
	border-radius:6px;
	max-width: calc(100% - 3rem);
}.fact-item{transition:.5s}.fact-item:hover{margin-top:-10px;background:#fff!important;box-shadow:0 0 45px rgba(0,0,0,.07)}.service-item{box-shadow:0 0 45px rgba(0,0,0,.07);border:1px solid transparent;transition:.5s}.service-item:hover{margin-top:-10px;box-shadow:none;border:1px solid #dee2e6}.progress{height:5px}.progress .progress-bar{width:0;transition:3s}
.project-item a{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);border-radius:6px;opacity:0;transition:.5s}
.project-item:hover a{opacity:1}
.project-carousel .owl-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px}
.project-carousel .owl-dot{width:35px;height:35px;margin:3px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;border-radius:35px;transition:.5s}
.project-carousel .owl-dot:hover,.project-carousel .owl-dot.active{color:#fff;border-color:var(--primary);background:var(--primary)}
.team-item{box-shadow:0 0 45px rgba(0,0,0,.07)}
.team-item .team-text{position:relative;height:65px;overflow:hidden}
.team-item .team-title{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.5s}
.team-item:hover .team-title{top:-65px}
.team-item .team-social{position:absolute;width:100%;height:100%;top:65px;left:0;display:flex;align-items:center;justify-content:center;background:#fff;transition:.5s}
.team-item .team-social .btn{margin:0 3px}.team-item:hover .team-social{top:0}
.testimonial-carousel .owl-item .testimonial-item img{
	max-width:60px;
	height:60px;
border-radius:6px;
}.testimonial-carousel .owl-item .testimonial-item,.testimonial-carousel .owl-item .testimonial-item *{transition:.5s}.testimonial-carousel .owl-item.center .testimonial-item{background:var(--primary)!important}.testimonial-carousel .owl-item.center .testimonial-item *{color:#fff!important}.testimonial-carousel .owl-nav{margin-top:30px;display:flex;justify-content:center}.testimonial-carousel .owl-nav .owl-prev,.testimonial-carousel .owl-nav .owl-next{margin:0 12px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;border-radius:50px;font-size:18px;transition:.5s}.testimonial-carousel .owl-nav .owl-prev:hover,.testimonial-carousel .owl-nav .owl-next:hover{color:#fff;border-color:var(--primary);background:var(--primary)}.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:var(--secondary);font-weight:400;text-transform:capitalize;transition:.3s}.footer .btn.btn-link::before{position:relative;content:"\f105";font-family:"font awesome 5 free";font-weight:900;color:var(--secondary);margin-right:10px}.footer .btn.btn-link:hover{color:var(--primary);letter-spacing:1px;box-shadow:none}.footer .copyright{padding:25px 0;font-size:15px;border-top:1px solid rgba(256,256,256,.1)}.footer .copyright a{color:var(--light)
	font-weight: lighter;
}.footer .copyright a:hover{color:var(--primary)}
.logo img {
    width: 100%;
}
.lan{
	margin:auto;
	text-align: center;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66CCFF;	
}
.lan ul {
	list-style-type: none;
}
.lan ul li{
	line-height:46px;
	height:54px;
	margin-left:0px;
	margin-right:8px;
	width: 200px;
	display: inline;
	padding:10px 20px 10px 20px;
	border-radius:4px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}
.lan ul li.hover{
	background-color: #FF3300;
}
.lan ul li.hover a{
		color:#fff;
}
.lan ul li:hover{ background:#eabb60;}

.tm5{}

.tm5 li{border-bottom:1px dotted #ddd; padding:40px 0; overflow:hidden;}

.tm5 li .pic{ float:left; margin-right:30px; width:280px; height:190px; overflow:hidden;}
.tm5 li .pic img{ min-width:300px;max-width:300px;  }
.tm5 li .txt{}
.tm5 li h2 a{ font-size:21px; font-weight:normal; color:#555; line-height:18px; }

.tm5 li h2{ margin-bottom:15px;}

.tm5 li p{ height:70px; overflow:hidden; line-height:24px;}

.tm5 li .other{ height:25px; line-height:25px; color:#999;}

.htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 24px;
}
.htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.cen-04-1{ text-align:center; border-bottom:1px dashed #ccc; line-height:25px; color:#666; float:left; width:100%;}
.cen-04-3{width:100%; padding-top:8px; padding-bottom:8px; line-height:30px; font-size:14px; }
.cen-04-3 img{border-radius:6px; }
.newsdetail2{width:150px; float:right; text-align:right;}
.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}


.fenye {
	margin-top: 30px;
	text-align: center;
}
.fenye li{
	display: inline;
	list-style-type: none;
	width: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius:40%;
}
.fenye .active{
	background-color: #FFCC00;
}
.about {
	line-height:1.5;
}
.agent{
	margin-top: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-right: 50px;
	padding-left: 50px;
}
.agentPic img{
	max-width:100%;
	border-radius:6px;
}
.agentTxt{
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	line-height:200%;
}
.agentTxt a{
	float: right;
	margin-top: 50px;	
}
.footerLogo{
	margin: 10px;
}

.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: none; z-index: 99; }
.popmess {
	position: absolute;
	display: none;
	width:800px;
	height:600px;
	border: 6px solid lightblue;
	z-index: 1200;
	background-color: #FFFFFF;
}
.popmess .poptxt {
	height: 550px;
	overflow: auto;
}

.tm5 ul, li {
    padding: 0;
}
.p-3 h1{
	font-weight: normal;
}
@media (max-width:480px) {
.tm5 li .pic{ width:100%;}
.tm5 li .pic img{ max-width:100%;min-width:100%;}
.cen-04-3 img{max-width:100%; ;min-width:100%;}
.popmess{width:90%;height: 90%}
.popmess img{
	max-width:100%;min-width:100%;
}
.lan ul li{
	width: 45%;
	display: block;
	float:left;
	padding:0px;
	
}
.about {
	width:100%;
	margin-top: 20px;
	padding: 0px;

}
.about img{
	max-width:100%;

}

.popmess .poptxt{
	height:93%;
	overflow: scroll;
}
.popmess .poptxt .pic{
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
	
}
.popmess img{
	max-width:50%;
	border-radius:6px;
	margin-right: 10px;	
}
.footer{
padding-left:var(--bs-gutter-x, .75rem);
}
.carousel-caption,.carousel-inner{height:300px;}
.p-3 h1{
	font-size: 30px;
	font-weight: normal;
	margin-top: -10px;	
}
}