.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-shadow{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}
a{transition:.5s ease-in-out}
.rui-navbar{background-color: #fff;position: sticky;top: 0;z-index: 1020;}
.rui-navbar.navbar-dark{background-color:rgba(0,0,0,.8)}
.rui-navbar .logo{background-image:url('../imgs/logo.png');background-size:100% 100%}
.rui-navbar.navbar-dark .logo{background-image:url('../imgs/logo-w.png');background-size:100% 100%}
.rui-nav {width: 100%;justify-content: center}
.navbar-brand{padding-top:0.5rem;padding-bottom:0.5rem}
.navbar-brand-image{height:70px}
footer{font-size:0.875rem;background-color:#2c2c2c !important;border-top:20px solid #6e2c91 !important;color:#666 !important}
footer a{color:rgba(255,255,255,0.6) !important}
footer p{color:rgba(255,255,255,0.6) !important;margin-bottom: .3rem }
#carousel-home{width:100%;max-width:1920px;margin:0 auto}
.page-wrapper .page-header {margin: 2rem 0 0}
.card-title {color: #380b57;font-weight:600}
.card-subtitle {font-size: 0.875rem}
/*  */
.sub-banner{position:relative;padding-bottom:40%;background-repeat:no-repeat;background-size:cover;background-position:center}
.sub-banner-wrap{left:0;top:0}
.sub-banner-title{color:#ffffff;font-size:1.5rem;text-align:right}
.sub-banner-path{position:absolute;background-color:rgba(0,0,0,0.5);font-size:0.875rem;color:#fff;bottom:0;left:0;right:0;border-top-left-radius:4px;border-top-right-radius:4px}
.sub-banner-path .breadcrumb{padding:1rem;color:#fff}
.sub-banner-path .breadcrumb a{color:#ffffff}
.sub-child-catalog {background-color: rgba(255,255,255,1);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;display: flex;justify-content: center;flex-wrap: wrap;padding: 1rem 0;}
.sub-child-catalog .catalog-item {line-height: 2;display: block;padding: 0 1rem;margin: 0 1rem;font-size: 0.875rem;text-decoration: none;color: #000}
.sub-child-catalog .catalog-item:hover {color: #fff;text-decoration: none;font-weight: 600;background-color: #6e2c91;border-radius: 0.625rem;}
.sub-child-catalog .catalog-item.curr {color: #fff;text-decoration: none;font-weight: 600;background-color: #6e2c91;border-radius: 0.625rem;}
/*  */
.breadcrumb-item+.breadcrumb-item::before{color:#CCC}
.breadcrumb-item.active{font-weight:bold}
.sub-dropdown{display:inline-block;padding:1rem 1rem 1rem 0;color:#fff;border-top-right-radius:4px}
a.sub-dropdown{color:#fff;text-decoration:none}
.sub-catalog{top:-2.5rem;background-color:#fff}
.sub-catalog .nav-link{line-height:3}
.sub-catalog.nav-pills .nav-link{border-radius:0;display:block;text-align:center}
.sub-catalog.nav-pills .nav-link.active,.sub-catalog.nav-pills .show>.nav-link{border-left:3px solid}
.sub-catalog-title{font-size:1.5rem;line-height:4.5;background-color:var(--tblr-orange);color:#fff}
.sub-path.page-header{margin:2rem 0 0}
.sub-path.page-header h4{color:var(--tblr-blue)}
.showpages td{padding:4rem 0}
.about-txt-content{line-height:2;}
.about-txt-content p {text-indent: 2rem;}
.content-wrap {background-color: #e8eaf7;}
.content-txt-content{line-height:2;}
/*  */
.home-project {background-color: #666;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 0.75rem;color: #fff;text-align: center;border-radius: 0.5rem}
.home-project:hover {background-color: #f1592a !important}
.bg-job {background-image: url('../imgs/home_job.jpg');background-size: 100%;padding-top: 26%;background-repeat: no-repeat}
.bg-contact {background-image: url('../imgs/home_contact.jpg');background-size: 100%;padding-top: 26%;background-repeat: no-repeat;position: relative}
.home-contact {position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center}
.home-contact p {color: #fff;margin-bottom: .2rem;text-indent: 9rem;font-size: 0.875rem}
.home-news .list-group-item {padding: .5rem 1.25rem;}
.home-news a {font-size: 0.875rem;}
.page-wrapper.brand {background-repeat: no-repeat;background-size: 100%;background-position: center top;padding-top: 1rem;}
.page-wrapper.brand .page-title {justify-content: center;line-height: 1;background-image: url('../imgs/sub-page-tit-bg.png');background-repeat: no-repeat;background-position: center;margin-bottom: 2rem;}
.topNewsTime{display:flex;flex-direction:column;width:6rem;height:6rem}
.topNewsTime span.date{font-size:3rem;line-height:1.2;font-weight:lighter}
.topNewsTime span.line{width:4rem;border-bottom:1px solid #fff}
/*  */
.products-class {cursor: pointer;}
.products-class:hover {border:1px solid #F39800;}
.products-class-pic{background-repeat:no-repeat;background-size:100%;background-position:center;padding-bottom:50%;transition:all .6s ease;}
.products-class:hover .products-class-pic {transform:scale(1.1);}
.products-sub-tit{display:flex;justify-content:center;align-items:center;line-height:1;margin-bottom:2rem;color:#777777;}
.products-sub-tit::before{content:'';width:89px;height:18px;background-image:url('../imgs/tit-bg-left.png');margin-right:0.5rem;}
.products-sub-tit::after{content:'';width:89px;height:18px;background-image:url('../imgs/tit-bg-right.png');margin-left:0.5rem;}
.proLink{text-decoration:none;border:1px solid rgba(0,0,0,0);display:block;overflow:hidden;height: 100%;cursor: pointer;}
.proLink:hover{text-decoration:none;border:1px solid #F39800;}
.proLink .img-responsive{position: relative;overflow: hidden;}
.proLink .card-title:hover{color:#F39800;}
.proLink .txt-buy:hover{color:#F39800;}
.scale-pic {position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition:all .6s ease;background: no-repeat center/cover;}
.proLink:hover .scale-pic {transform:scale(1.1);}
/*  */
@media (min-width:768px){
	.navbar-expand-md .navbar-nav .nav-link {border-radius: 0px;min-height: 1rem;padding: 0.2rem 1rem;}
	.navbar-brand-image{height:77px}
	.sub-banner{padding-bottom:35%}
	.page-wrapper .page-header {margin: 4rem 0 0}
	.dropdown {position: initial}
	.dropdown-menu {width: 100%;border: none;border-top: 5px solid #000;background-color: rgba(255,255,255,.8);border-radius: 0}
	.drop-menu-box {width: 70%; margin: 0 auto;position: relative;padding: 20px 10px}
	.drop-menu-box::before {content: '';position: absolute;width: 3px;top: 20px;bottom: 20px;background-color: #000;left: 0}
	.dropdown-item {padding: 0.2rem 0.75rem}
	.rui-nav .nav-item {margin-right: 5px}
	.navbar .navbar-nav .show > .nav-link, .navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .nav-link.active {color: #6e2c91;border-bottom: 2px solid #6e2c91;}
	.rui-nav .nav-item:hover .nav-link {color: #6e2c91;border-bottom: 2px solid #6e2c91;}
}
@media (min-width:1200px){
	#carousel-home .banner-txt{width:1140px;left:50%;margin-left:-570px}
	#carousel-home .banner-txt h1{font-size:2.2rem}
	#carousel-home .banner-txt h2{font-size:1.4rem}
	.sub-banner{padding-bottom:32%}
}
@media (min-width:1400px){
	#carousel-home .banner-txt{width:1320px;left:50%;margin-left:-660px}
	#carousel-home .banner-txt h1{font-size:2.5rem}
	#carousel-home .banner-txt h2{font-size:1.5rem}
	.sub-banner{padding-bottom:22%}
}