.navbar-nav.lang-en {font-size:0.95rem}
.navbar {
	background-color: #dd3333;
}
.navbar-nav .nav-item .nav-link {
	color: #fff;
	font-weight: bold;
}
.navbar-nav > li {
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.navbar-nav > li:last-child {
	border-right: none;
}

.navbar-nav .nav-item:hover .nav-link {
	color: #999;
}

.navbar-nav > li {
	float: left;
	position: relative;
}
.navbar-light .navbar-nav .active a::after {
	border-bottom: 5px solid #fff;
	bottom: -5px;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
}

.header-lang {
	float: right;
	margin-top: 20px;
}
.header-lang a {
	color:#333;
}

.footer1 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #292929; 
    color: #fff; 
	text-align: center;
}

.clearfix {
    overflow: auto;
}


body {
	font-family: 'Noto Sans';
}
.title-big {
	font-size: 67px;
	font-weight: bold;
}
.title-medium {
	font-size: 35px;
	font-weight: bold;
}
.title2 {
	font-size: 25px;
	font-weight: bold;
}
.page-title {
	font-size:30px;
	font-weight: bold;
}
.page-title-bar {
	background-color: #3db7ef;
	height:3px;
	width:70px;
}
/* home */
.home-slider {
	background-color:grey;
}
.home-slider .content{
	position: relative;
}
.home-slider .text-over {
	position: absolute;
	top: 52%;
	left: 26%;
	color: #fff;
	text-shadow: 3px 5px 10px #000;
}
.home-slider .text-over .text1{font-size:67px;font-weight:bold}
.home-slider .text-over .text2{font-size:22px;}
.home-slider .text-over .text3{font-size:30px;}

.home-service {
	padding: 50px 0
}
.home-service .box-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 920px;
	margin: 0 auto;
}
.home-service .box {
	background-color: #ccc;
	width:300px;
	height: 200px;
	/* margin-left:40px; */
	position:relative;
}
.home-service .box:first-child {
	margin-left:0px;
}
.home-service .box .title-overlay {
	position: absolute;	
	height:42px;
	width: 100%;
	bottom: 0px;
	background-color: #000;
	mix-blend-mode: multiply;
}
.home-service .box .title {
	position: absolute;
	height:42px;
	width: 100%;
	bottom: 0px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 16px;
}
.home-service .box-bg-1 {
	background-image: url('../img/home-service-1.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}
.home-service .box-bg-2 {
	background-image: url('../img/home-service-2.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}
.home-service .box-bg-3 {
	background-image: url('../img/home-service-3.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.home-aboutus {
	height:400px;
	position: relative;
}
.home-aboutus .bg-image {
	background-image: url('../img/home_page_bg_1.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
.home-aboutus .bg-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: #3E7B91;
	mix-blend-mode: multiply;
	z-index: -1;
}
.home-aboutus .content {
	color: #fff;
	padding-top: 97px;
}

.home-news {
	padding: 50px 0;
}
.home-news .box-container {
	display: flex;
	justify-content: center;
}
.home-news .box {
	background-color: #F4F4F4;
	width:280px;
	height: 160px;
	margin-left:40px;
	position: relative;
	padding: 15px;
}
.home-news .box:first-child {
	margin-left:0px;
}
.home-news .box .date {
	color: #7C7C7C;
}
.home-news .box .text {
	margin-top: 10px;
}
.home-news .box .more {
	position: absolute;
	color: #E30111;
	text-decoration: none;
	top:0px;
	right:0px;
	padding:15px;
	font-weight: 600;
}
.home-news .box .more a {
	text-decoration: none;
	color: #E30111;
}

.home-contactus {
	height:330px;
}
.home-contactus .bg-image {
	background-image: url('../img/home_page_bg_2.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	width: 100%;
	height: 330px;
	position: absolute;
	z-index: -1;
}
.home-contactus .content {
	padding-top: 97px;
}
.home-contactus .content .text1{
	font-size: 25px;
	font-weight: 600;
}
.home-red-btn {
	display: flex;
	justify-content: center;
}
.home-red-btn .text {
	display: block;
	text-decoration: none;
	background-color: #E30111;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 6px;
	padding: 3px 18px 3px 18px;
}
a:hover {
	text-decoration: none;
}
/* */
.page-head .content {
	padding-top:58px;
	color: white;
}
/* aboutus */
.aboutus-1 {
	/*height:698px;*/
	font-size: 21px;
}
.aboutus-1 .bg {
	background-color: gray;
	position: absolute;
	width: 100%;
	height: 640px;
	z-index: -1;

}
.aboutus-1 .bg-image {
	background-image: url('../img/about_us_bg.jpg');
	background-position: center;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 640px;
	z-index: -1;
}
.aboutus-1 .bg-overlay {
	position: absolute;
	width: 100%;
	height: 640px;
	opacity: 1;
	background-color: #3E7B91;
	mix-blend-mode: multiply;
	z-index: -1;
}
.aboutus-1 .content-0 {
	height: 35px;
}
.aboutus-1 .content {
	padding-top:25px;
	background-color: #fff;
}
.aboutus-1 .image{
	background-image: url('../img/about_us_chasen.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 560px;
}
.aboutus-1-2 {
	/* width: 1000px; */
	margin: 0 auto;
	padding: 50px 140px 50px 140px;
	text-align: justify;
}

/* ------------------- news ------------------------ */
.news-1 {
	width: 100%;
	/* height: 238px; */
}
.news-1 .content-0 {
	height: 60px;
}

.news-2 {
	min-height: 500px;
}

.news-2 .box-container {
	display: flex;
	flex-wrap: wrap;
}
.news-2 .box {
	margin:20px;
	/* position:relative; */
	background-color: #F4F4F4;
	width:100%;
	display:flex;
}
.news-2 .box .bg {
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	width:330px;
	height: 230px;
}
.news-2 .title {
	font-size: 18px;
	font-weight: 600;
	height: 115px;
	position: relative;
	padding: 25px;
}
.news-2 .title-1 {
	color: #000;
}
.news-2 .title-2 {
	color:#7C7C7C;
	font-size: 13px;
	position: absolute;
	bottom: 15px;
}
.news-2 .box .bg-1 {
	background-image: url('../img/news-1.jpg');
}
.news-2 .box .bg-2 {
	background-image: url('../img/news-2.jpg');
}
.news-2 .box .bg-3 {
	background-image: url('../img/news-3.jpg');
}
.news-2 .box .bg-4 {
	background-image: url('../img/news-4.jpg');
}
/* */
.news-detail-2 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.news-detail-2 h3 {
	color: #174958;
	font-weight: 600;
	font-size: 30px;
}
.news-detail-2 .date {
	color: #7C7C7C;
}
.news-detail-2 hr {
	margin-top: 0.1rem;
	margin-bottom: 0.5rem;

}
.news-detail-2 .box-container {
	min-height: 400px;
}
.news-detail-2 .box-container img{
	max-width: 100%;
    max-height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.news-detail-2 .box {
	margin-top: 30px;
}

/* --------------------- equipment ----------------- */
.equipment-1 {
	margin-top:60px;
}
.equipment-title {
	background-color: #f2f3f9;
	padding:8px;
	color:#29293a;
	border-radius: 25px;
}
.equipment-heavy {
	margin-bottom:30px;
}
.equipment-heavy .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.equipment-heavy .box {
	position: relative;
	width:250px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.equipment-heavy .box.bg-1 {
	background-image: url('../img/heavy-1.jpg');
}
.equipment-heavy .box.bg-2 {
	background-image: url('../img/heavy-2.jpg');
}
.equipment-heavy .box.bg-3 {
	background-image: url('../img/heavy-3.jpg');
}
.equipment-heavy .box.bg-4 {
	background-image: url('../img/heavy-4.jpg');
}

.equipment-forklift {
	margin-bottom:30px;
}
.equipment-forklift .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.equipment-forklift .box {
	position: relative;
	width:250px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.equipment-forklift .box.bg-7t {
	background-image: url('../img/forklift-7t.jpg');
}
.equipment-forklift .box.bg-10t {
	background-image: url('../img/forklift-10t.jpg');
}
.equipment-forklift .box.bg-16t {
	background-image: url('../img/forklift-16t.jpg');
}
.equipment-forklift .box.bg-28t {
	background-image: url('../img/forklift-28t.jpg');
}
.equipment-forklift .box.bg-38t {
	background-image: url('../img/forklift-38t.jpg');
}
.equipment-forklift .box .title-overlay {
	position: absolute;
	height: 42px;
	width: 100%;
	bottom: 0px;
	background-color: #666;
	mix-blend-mode: multiply;
}
.equipment-forklift .title {
	position: absolute;
	height: 42px;
	width: 100%;
	bottom: 0px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 16px;
}

.equipment-crane {
	margin-bottom:30px;
}
.equipment-crane .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.equipment-crane .box {
	position: relative;
	width:350px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.equipment-crane .box.bg-1 {
	background-image: url('../img/crane-130t.jpg');
}
.equipment-crane .box.bg-2 {
	background-image: url('../img/crane-150t-1.jpg');
}
.equipment-crane .box.bg-3 {
	background-image: url('../img/crane-150t-2.jpg');
}
.equipment-crane .box .title-overlay {
	position: absolute;
	height: 42px;
	width: 100%;
	bottom: 0px;
	background-color: #666;
	mix-blend-mode: multiply;
}
.equipment-crane .title {
	position: absolute;
	height: 42px;
	width: 100%;
	bottom: 0px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 16px;
}
/*----------------- service ----------------*/
.service-1 {
	margin-top:60px;	
}
.service-title {
	background-color: #f2f3f9;
	padding:8px;
	color:#29293a;
	border-radius: 25px;
}

.service-warehouse {
	margin-bottom:30px;
}
.service-warehouse .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-warehouse .box {
	position: relative;
	width:250px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.service-warehouse .box.bg-1 {
	background-image: url('../img/service-warehouse-1.jpg');
}
.service-warehouse .box.bg-2 {
	background-image: url('../img/service-warehouse-2.jpg');
}
.service-warehouse .box.bg-3 {
	background-image: url('../img/service-warehouse-3.jpg');
}
.service-warehouse .box.bg-4 {
	background-image: url('../img/service-warehouse-4.jpg');
}

.service-import {
	margin-bottom:30px;
}
.service-import .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-import .box {
	position: relative;
	width:250px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.service-import .box.bg-1 {
	background-image: url('../img/service-import-1.jpg');
}
.service-import .box.bg-2 {
	background-image: url('../img/service-import-2.jpg');
}
.service-import .box.bg-3 {
	background-image: url('../img/service-import-3.jpg');
}
.service-import .box.bg-4 {
	background-image: url('../img/service-import-4.jpg');
}

.service-assembly {
	margin-bottom:30px;
}
.service-assembly .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.service-assembly .box {
	position: relative;
	width:250px;
	height:200px;
	background-position: center;
	background-size: cover;
	margin:5px;
}
.service-assembly .box.bg-1 {
	background-image: url('../img/service-assembly-1.jpg');
}
.service-assembly .box.bg-2 {
	background-image: url('../img/service-assembly-2.jpg');
}
.service-assembly .box.bg-3 {
	background-image: url('../img/service-assembly-3.jpg');
}
.service-assembly .box.bg-4 {
	background-image: url('../img/service-assembly-4.jpg');
}
/*-------------------- customercase ------------------*/
.customercase-1 {
	margin-top:60px;	
}
.customercase-2 {
	/* padding: 50px 0 50px 0; */
	min-height: 500px;
}

.customercase-2 .box-container {
	display:flex;
	background-color: #f2f3f9;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 15px 0;
}
.customercase-2 .box {
	position: relative;
	width:380px;
	height:320px;
	background-position: center;
	background-size: cover;
	margin:10px;
}
.customercase-2 .logo {
	height: 56px;
	margin:12px 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.customercase-2 .tab-pane {
	border-color:#ccc;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 30px;
}

/*-------------------------- contactus ---------------------*/
.contactus-2 {
	width: 1000px;
	margin: 0 auto;
}
.contactus-2 .content-0 {
	height: 60px;
}
.contactus-2 .content {
	background-color: #fff;
	display: flex;
	margin-bottom: 60px;
}
.contactus-2 .content .left {
	flex-basis: 82%;
	margin-right:30px;
	display: flex;
	flex-wrap: wrap;
}
.contactus-2 .content .right {
	flex-basis: 18%;
	background-image: url('../img/contactus.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contactus-2 .blk {
	display: flex;
	margin-bottom: 30px;	
	min-height: 180px;
	flex-basis: 50%;
	padding: 8px;
}
.contactus-2 .blk:last-child {
	margin-bottom: 0;
}
.contactus-2 .blk .blk-left {
	flex-basis: 23%;
	background-color: #ccc;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contactus-2 .blk .blk-right {
	flex-basis: 77%;
	margin-left: 30px;
}
.contactus-2 .title {
	font-size: 18px;
	font-weight: bold;	
}
.contactus-2 .detail {
	font-size: 16px;
}
.contactus-2 .icon {
	height: 22px;
}
.contactus-2 .flag-hk {
	background-image: url('../img/flag-hk.png');
}
.contactus-2 .flag-us {
	background-image: url('../img/flag-us.png');
}
.contactus-2 .flag-cn {
	background-image: url('../img/flag-cn.png');
}
.contactus-2 .flag-kr {
	background-image: url('../img/flag-kr.png');
}
.contactus-2 .flag {
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	height:68px;
}
.row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}



/* Style the tab */
.tab {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 30%;
	height: 300px;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
  }




.customercase-2 .customer-text {
	font-size: 14px;
}

.customercase-2 .case {
	margin-top:25px;
}
.customercase-2 .title {
	background-color: #f9f9f9;
	display: flex;
	justify-content: space-between;
	padding: 5px 15px 5px 15px;
}
.customercase-2 .image-container {
	width: 100%;
}
.customercase-2 .image-container img {width:100%}
.customercase-2 .image-container .image {
	background-color: #f9f9f9;
	width: 100%;
	height: 580px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.customercase-2 .thumbnail-container {
	background-color: #f9f9f9;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 10px;
}
.customercase-2 .thumbnail-container .image {
	width:150px; 
	height: 130px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 5px;
	cursor: pointer;
}
.customercase-2 .thumbnail-container img {
	width:100%
}
.customercase-2 .nav-pills .nav-link {
	background-color: transparent;
	color: #707070;
	margin-bottom: 3px;
	text-align: center;
}
.customercase-2 .nav-pills .nav-link:hover {
	color: #000;
	background-color: #dd3333;
	border-radius: 15px;
}
.customercase-2 .nav-pills .nav-link.active {
	color: #fff;
	background-color: #dd3333;
	border-radius: 15px;
}