@charset "utf-8";
:root {
    --color-blue: #0060af;
	--color-red: #ed1c24;
    --color-blue--light: #E1EEFC;
    --color-yellow: #FFB900;
    --color-yellow--light: #FFF1CC;
    --color-green: #30AD63;
    --color-gray: #333;
    --color-dark: #0e2b5c;
	--border-color: #e4e4e4;
    --font-title: 'Roboto Condensed', sans-serif;
    --transition-smooth: all 0.5s cubic-bezier(0.04, 1, 0.6, 0.97);
}

@font-face {
	font-family: 'MBF';
	src:url('fonts/VIE-HandelGothicMedium.eot');
	src:url('fonts/VIE-HandelGothicMedium.eot?#iefix') format('embedded-opentype'),
		url('fonts/VIE-HandelGothicMedium.woff') format('woff'),
		url('fonts/VIE-HandelGothicMedium.ttf') format('truetype'),
		url('fonts/VIE-HandelGothicMedium.svg#VIE-HandelGothicMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MBF';
	src:url('fonts/VIE-HandelGothic-Bold.eot');
	src:url('fonts/VIE-HandelGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/VIE-HandelGothic-Bold.woff') format('woff'),
		url('fonts/VIE-HandelGothic-Bold.ttf') format('truetype'),
		url('fonts/VIE-HandelGothic-Bold.svg#VIE-HandelGothic-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}



body, html {
  background:#fff;
  font-family:'Roboto Condensed';
  font-size: 1.1rem;
  height: 100%;
  margin: 0;
}
:focus      { outline:none !important; }
a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover{text-decoration:none;}

.w-100 {
    width: 100% !important;
	height:auto !important;
}

.box__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow:hidden;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.mbf-font{font-family:'MBF';}
.link1{color:var(--color-blue);}
.link1:hover{color:var(--color-red);text-decoration:none;}
.link2{color:#969696;}
.link2:hover{color:var(--color-blue);text-decoration:none;}
.link3{color:var(--color-gray);}
.link3:hover{color:var(--color-blue);text-decoration:none;}

.v-font-8{font-size:0.8rem;}
.v-font-9{font-size:0.9rem;}
.v-font-10{font-size:1rem;}
.v-font-11{font-size:1.1rem;}
.v-font-12{font-size:1.2rem;}
.v-font-13{font-size:1.3rem;}
.v-font-14{font-size:1.4rem;}
.v-font-15{font-size:1.5rem;}
.v-font-16{font-size:1.6rem;}
.v-font-18{font-size:1.8rem;}
.v-font-20{font-size:2rem;}
.color-blue{color:var(--color-blue);}
.color-red{color:var(--color-red);}

.swal-button{background-color:var(--color-blue);font-family:'MBF';font-size:1rem;text-transform:uppercase;padding:5px 15px;}
.swal-button:not([disabled]):hover{background-color:var(--color-red);}
.line-clamp{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}


.home_banner{
	height:100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
  	align-items: center;
  	justify-content: center;
	
}
.home_banner .bn_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);}
.home_banner .com_name{position:absolute;top:50%;width:100%;text-align:center;font-size:2rem;transform:translateY(-50%);font-weight:bold;padding:0 1%;}
.home_banner .bbutton{position:absolute;top:80%;text-align:center;}

.mbf-btn1{border:1px solid var(--color-blue);background:rgba(255,255,255,0.8);color:#0060af;font-family:'MBF';height:45px;border-radius:23px;display:inline-block;
font-size:1.1rem;font-weight:bold; line-height:45px;padding:0 20px;text-transform:uppercase;}
.mbf-btn1:hover{text-decoration:none;color:#fff;background:#0060af;}

.mbf-btn2{border:1px solid #e0e0e0;background:#fff;color:var(--color-gray);height:40px;border-radius:20px;display:inline-block;
font-size:1rem;font-weight:bold; line-height:40px;padding:0 20px;}
.mbf-btn2:hover{text-decoration:none;color:#fff;background:var(--color-blue);}

.mbf-btn3{border:none;background:var(--color-blue);color:#fff;font-family:'MBF';height:45px;border-radius:23px;display:inline-block;
font-size:1.1rem;font-weight:bold; line-height:45px;padding:0 20px;text-transform:uppercase;}
.mbf-btn3:hover{text-decoration:none;color:#fff; background:var(--color-red);}

.mbf-btn4{border:none;background:var(--color-red);color:#fff;font-family:'MBF';height:45px;border-radius:23px;display:inline-block;
font-size:1.1rem;font-weight:bold; line-height:45px;padding:0 20px;text-transform:uppercase;}
.mbf-btn4:hover{text-decoration:none;color:#fff; background:var(--color-blue);}

.h_about,.bg-about{background:url(../images/habout-bg.jpg) center no-repeat;background-size:cover;}
.a_history{background:url(../images/aboutbg2.jpg) center no-repeat;background-size:cover;}
.ab-icon,.ab-icon img{width:90px;height:90px;border-radius:50%;}
.ab-icon{border:1px solid var(--color-red);margin:auto;overflow:hidden;}
.ab-icon img{object-fit: cover;}
.ab-num{background:url(../images/aboutbg1.jpg) center no-repeat;background-size:cover;}

.coun-ter {
    padding: 20px;
    text-align: center;
}
.coun-ter:before {
	content: "";
	position: absolute;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	width: 55px;
	height: 30px;
	left: 0;
	top: 0;
	transition: .5s;
	-webkit-transition: .5s;
}
.coun-ter:after {
	content: "";
    position: absolute;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 55px;
    height: 30px;
    right: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.coun-ter:hover:before{
	width: 100%;
    height: 100%;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
}
.coun-ter:hover:after{
	width: 100%;
    height: 100%;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.col-coun {
	padding-bottom: 50px !important;
    padding-top: 50px;
}


.hpart-item
{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
	padding-top:1rem;
	padding-bottom:1rem;
}
.hpart-item img{filter: grayscale(1);transition: all .15s ease-out;mix-blend-mode: multiply;}
.hpart-item:hover img{filter:none;}
.slide-adv-h{height:120px;padding:0 10%;}

.g-title{text-align:center;padding:2rem 0;}
.g-title .name{display:inline-block;font-family:'MBF';text-transform:uppercase;font-size:1.5rem;font-weight:bold;margin:0;color:#0060af;}
.g-title .line{width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    display: block;
    content: "";
    background: #ed1c24;
    height: 3px;}

.f-title .name{display:inline-block;font-family:'MBF';text-transform:uppercase;font-size:1.1rem;font-weight:bold;margin:0;color:#fff;}
.f-title .line{width: 80px;
    margin-top: 5px;
    display: block;
    content: "";
    background: #ccdfef;
    height: 1px;}
.f-desc{color:#e1e1e1;}
.f-desc a{color:#e1e1e1;}
.f-desc a:hover{color:#fff;}
.f-desc iframe{width:100%;}

.fotter{background-color:var(--color-blue);color:#fff;}

.homePrdItem {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.homePrdTitle {
    margin-bottom: 24px;
	color:var(--color-blue);
	font-family:'MBF';
	font-size:1.6rem;
	font-weight:bold;
	text-transform:uppercase;
}

.homePrdTxt {
    overflow: hidden;
	text-align:center;
}

.homePrd-item {
    width: calc(100% - 48px);
    padding: 16px 32px;
    margin: 0 24px 24px;
    box-shadow: 0 12px 24px var(--color-blue--light);
    border-radius: 12px;
    border: 1px solid var(--color-blue--light);
	text-align:center;
	background:#fff;
}

.homePrd-itemIcon {
    width: 90px;
    height: 90px;
    background-color: var(--color-blue);
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
	box-shadow: 0 0 0 8px rgb(9 102 182 / 20%);
	padding:15px;
}


.homePro-item {
    width: calc(100% - 48px);
    margin: 0 24px 24px;
    box-shadow: 0 12px 24px var(--color-blue--light);
    border: 1px solid var(--color-blue--light);
	text-align:center;
	background:#fff;
}


/* circle carousel */

.circular-slider {
    width: 100%;
    height: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: -16px 0 0 0;
	padding:0 1%;
}

.circular-slider .wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    /* padding: 0; */
    /* overflow: hidden; */
}

.circular-slider .wrapper .controls__left,
.circular-slider .wrapper .controls__right,
.circular-slider .wrapper .controls__autoplay {
    position: absolute;
    z-index: 101;
    -webkit-transition: .6s all;
    -o-transition: .6s all;
    transition: .6s all;
}

.circular-slider .wrapper .controls__left:hover .icon-wrapper,
.circular-slider .wrapper .controls__right:hover .icon-wrapper,
.circular-slider .wrapper .controls__autoplay:hover .icon-wrapper {}

.circular-slider .wrapper .controls__left .icon-wrapper,
.circular-slider .wrapper .controls__right .icon-wrapper,
.circular-slider .wrapper .controls__autoplay .icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.circular-slider .wrapper .controls__left,
.circular-slider .wrapper .controls__right {
    top: 50%;
}

.circular-slider .wrapper .controls__left {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.circular-slider .wrapper .controls__left:hover {
    left: 0;
}

.circular-slider .wrapper .controls__right {
    right: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.circular-slider .wrapper .controls__autoplay {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    display: none;
}

.circular-slider .wrapper .controls__autoplay_running .pause {
    display: block;
}

.circular-slider .wrapper .controls__autoplay_running .run {
    display: none;
}

.circular-slider .wrapper .controls__autoplay_paused .pause {
    display: none;
}

.circular-slider .wrapper .controls__autoplay_paused .run {
    display: block;
}

.circular-slider .wrapper .slides-holder {
    border-radius: 50%;
    border: 2px solid #8EB8E5;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.circular-slider .wrapper .slides-holder__item {
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(9, 102, 182, 0.2);
    position: absolute;
    box-sizing: border-box;
    transform-origin: center;
    background-color: #8EB8E5;
    transition: .3s linear all;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: white;
}

.circular-slider .wrapper .slides-holder__item img {
    width: 72%;
}

.circular-slider .wrapper .slides-holder__item img.inactive {
    display: none;
}

.circular-slider .wrapper .slides-holder__item_active {
    background: var(--color-blue);
}
.circular-slider .wrapper .slides-holder__item:nth-child(2){background:var(--color-red) !important;}
.circular-slider .wrapper .slides-holder__item:nth-child(3){background:var(--color-yellow) !important;}

.circular-slider .wrapper .slides-holder__item_active img {
    display: block;
}

.circular-slider .wrapper .slides-holder__item_active img.inactive {
    display: block;
}

.circular-slider .wrapper .descriptions {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.circular-slider .wrapper .descriptions__item {

    opacity: 0;
    transform: scale(.5) translateY(64px);
    transition: var(--transition-smooth);
    pointer-events: none;
}

.circular-slider .wrapper .descriptions__item_visible {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.circular-slider .wrapper .descriptions__item h1,
.circular-slider .wrapper .descriptions__item .description {}

.circular-slider .wrapper .descriptions__item h1 {
    font-size: 200%;
    padding-top: 5px;
}

.circular-slider .wrapper .descriptions__item .description {
    text-overflow: ellipsis;
}

.circular-slider .wrapper .homePrdItem:nth-child(2) .homePrdTitle{color:var(--color-red) !important;}
.circular-slider .wrapper .homePrdItem:nth-child(3) .homePrdTitle{color:var(--color-yellow) !important;}

.circular-slider .wrapper .homePrdItem:nth-child(2) .mbf-btn1{border-color:var(--color-red) !important;color:var(--color-red) !important;}
.circular-slider .wrapper .homePrdItem:nth-child(2) .mbf-btn1:hover{color:#fff !important;background-color:var(--color-red) !important;}
.circular-slider .wrapper .homePrdItem:nth-child(3) .mbf-btn1{border-color:var(--color-yellow) !important;color:var(--color-yellow) !important;}
.circular-slider .wrapper .homePrdItem:nth-child(3) .mbf-btn1:hover{color:#fff !important;background-color:var(--color-yellow) !important;}


.homePrdNav.icon-wrapper {
    width: 74px;
    height: 74px;
    background: var(--color-blue--light);
    font-size: 32px;
    transition: var(--transition-smooth);
    cursor: pointer;
}

.homePrdNav.icon-wrapper:hover {
    box-shadow: 0 16px 24px rgba(0, 0, 0, .1);
    background: #fff;
    transform: scale(.8);
}

.ml-about .homePrd-item:nth-child(2) .homePrd-itemIcon{background:var(--color-red) !important;}
.ml-about .homePrd-item:nth-child(3) .homePrd-itemIcon{background:var(--color-yellow) !important;}

.ml-about .homePrd-item:nth-child(2) .homePrdTitle{color:var(--color-red) !important;}
.ml-about .homePrd-item:nth-child(3) .homePrdTitle{color:var(--color-yellow) !important;}

.ml-about .homePrd-item:nth-child(2) .mbf-btn1{border-color:var(--color-red) !important;color:var(--color-red) !important;}
.ml-about .homePrd-item:nth-child(2) .mbf-btn1:hover{color:#fff !important;background-color:var(--color-red) !important;}
.ml-about .homePrd-item:nth-child(3) .mbf-btn1{border-color:var(--color-yellow) !important;color:var(--color-yellow) !important;}
.ml-about .homePrd-item:nth-child(3) .mbf-btn1:hover{color:#fff !important;background-color:var(--color-yellow) !important;}

.top_menu{position:absolute;top:0;left:0;width:100%;min-height:50px;}
.top_menu .img-logo{max-width:210px;height:25px;}
.top_menu .menuright{float:left;}
.top_menu .internal{}
.top_menu .lang{float:right;padding-left:5px;padding-top:15px;}
.top_menu .lang img{border:1px solid #fff;border-radius:50%;}
.top_menu .mnusearch{float:right;padding-left:5px;padding-top:15px;}
.top_menu .mnusearch i{display:inline-block;text-transform:uppercase;color:#fff;font-size:16px;
line-height:20px;text-align:center;border:1px solid #fff;width:22px;height:22px;border-radius:50%;}
.top_menu .mnusearch i:hover,.top_menu .internal i:hover{text-decoration:none;color:#ed1c24;}
.top_menu .logo{margin-left:-15px;margin-right:-15px;padding-top:5px;}
.top_menu .logo1{display:none;}
.top_menu .logo0{margin-top:6px;}
.top_menu .mobile-menu{color:#fff;font-size:28px;padding-top:12px;display:block;}
.top_menu .mobile-menu i{width:30px;height:30px;text-align:center;}
.top_menu .mobile-menu:hover{color:var(--color-red);}
.menu-wrapper1{position:relative;}
.menubg1{background:#fff;border-bottom:1px solid #eee;}
.menubg1 .logo1{display:block;margin-top:6px;}
.menubg1 .logo0{display:none;}
.menubg1 .navigation li a,.menubg1 .mnusearch i,.menubg1 .mobile-menu{color:#0060af;}
.menubg1{transition: background-color .3s, opacity .3s;}
.menubg1 .mnusearch i{border-color:var(--color-blue);}
.menubg1 .lang img{border-color:var(--color-blue);}

.ab-info{padding-left: 1rem !important;}


.top_menu .menuleft{
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;	
}

.navigation {margin:0px auto;position:relative;padding:0;margin:0;
	display:none;
	margin: 0 auto;
	list-style: none;
}

.navigation li {
	display:block;
	position:relative;
	white-space: nowrap;
	text-align:center;
	
}

.navigation li,.navigation li:hover{
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	
}
.navigation li a {
	font-size:16px;
	font-family:'MBF';
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	display:inline-block;
	height:55px;line-height:55px;
	padding:0 5px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.navigation li a:hover,.navigation li a.active{color:#ed1c24;}

.navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

.navigation ul, .navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility:hidden;
	position: absolute;
	z-index: 99999;
	min-width:180px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	-o-transition:opacity 0.2s linear, visibility 0.2s linear;
	transition:opacity 0.2s linear, visibility 0.2s linear;
}

.navigation ul {
	top: 55px;
	left: 0;
	padding:0;margin:0;
	background:#fff;
	border-radius:5px;
	border:1px solid #eee;
}

.navigation ul li ul {

	top: 0px;
	left: 180px;
}

.navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
}
.navigation ul li:last-child{border-bottom:none;}

.navigation ul li a {
	padding:0 10px;
	color:#0060af;
	height:35px;
	line-height:35px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
	font-size:16px;
	text-transform:none;
	font-weight:normal;
}
.navigation ul li a:hover,.navigation ul li a.active {color:#ed1c24;}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
@keyframes bounceIn{-ms-transform: scale(1.3);transform: scale(1.3);}

#menumb
{
	
	width:90%;
	margin:auto;
	display:none;
	overflow: hidden;
	position:fixed;
	top:50px;left:5%;
	z-index:109;
	background:rgba(0,95,175);
	border-radius: 5px;
	border:1px solid #fff;
	padding:0 15px;
}
.menumb{
	width: 100%;
	height: 100%;
	overflow: auto;
	position:relative;
}

.nav {
	display:block;
	font-size:16px;
	font-family:'MBF';
}
.nav ul{list-style:none;padding:0;margin:0;}
.nav-list {
	text-align:left;
}
.nav-item {
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	color:#fff;
	padding:5px 20px 5px 10px;
	border-bottom:1px solid #c4e4ff;
	line-height:30px;
}
.nav-item:last-child a{border-bottom:none;}
.nav-item .nav-submenu-item:last-child a{border-bottom:1px solid #c4e4ff;}
.nav-item > a:hover {
	background:#520203;
	text-decoration:none;
}
.nav-item:hover .nav-submenu {
	display:block;
	width:100%;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
}
.nav-submenu-item a {
	border-bottom:1px solid #c4e4ff;
	display:block;
	padding:8px 15px 6px 20px !important;
	text-decoration:none;
}

.nav-submenu-item a:hover {
	background:#520203;
}

.nav-submenu-item1 a{padding:8px 15px 6px 30px !important;}
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:block;
	height:40px;
	width:38px;
	cursor:pointer;
}
.nav-click i {
	display:flex;
	height:38px;
	width:36px;
	/*background:url(../images/drop.png) no-repeat center center;*/
	background-size:20px;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-size:34px;
}

.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

.form-search{position: absolute;width: 270px;padding: 10px;
    top: 55px;
    right: 0px;
    z-index: 200;
    box-shadow: 0 5px 8px rgb(0 0 0 / 10%);
    background: #fff;
    display: none;
}
.form-search input.input-text {
    width: calc(100% - 40px);
    border: 1px solid var(--color-blue);
    font-size: 14px;
    color: #000;
    padding: 3px 8px;
    line-height: 1.5;
    float: left;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	height:30px;
}

.form-search button.button {
    background: var(--color-blue);
    width: 40px;
    border: 0 none;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 5px 10px 6px;
    font-size: 16px;
	height:30px;
    float: right;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.fixed{position:fixed;top:0;left:0;right:0;z-index:1000;animation: stuckMoveDown .6s;}


.b-news .b-title{
    overflow: hidden;
    word-break: break-word;}
.b-news .b-desc{
    overflow: hidden;
    word-break: break-word;}

.h_job{background:url(../images/hjob-bg.jpg) center no-repeat;background-size:cover;}

.box-job{background:#fff;border:1px solid var(--border-color);}
.box-job .jtitle{display: -webkit-box;margin:0;
	font-size:1.2rem;
	font-weight:bold;
	padding-bottom:0.2rem;
}
.box-job:hover{border:1px solid var(--color-blue);}
.jicon{color:var(--color-blue);width:28px;font-size:18px;text-align:center;padding-top:3px;}

.v-nav{border-top:1px solid #dcdbdb;border-bottom:1px solid #dcdbdb;}
.v-a-link{color:#0c0c0c;}
.v-a-link:hover{color:#bf1f25;text-decoration:none;}
.v-content{text-align:justify;}
.v-content img{max-width:100%;height:auto !important;}
.v-color1{color:#bcbec0;}
.ico-txt{color:#bf1f25;font-size:1.5rem;}
.img-fit{width:100%;height:100%;object-fit: cover;}


.chart-ceo{width:210px;margin:auto;text-align:center;margin-bottom:20px;}
.chart-ceo .img{margin:auto;z-index:10;position:relative;transform:translateY(10px);}
.chart-ceo .img,.chart-ceo .img img{border-radius:50%;width:100px;height:100px;}
.chart-ceo .img img{object-fit: cover;}
.chart-ceo .img{box-shadow: 0 0 0 10px rgb(9 102 182 / 20%);overflow:hidden;}
.chart-ceo .box{border-radius:5px;border:1px solid var(--border-color);background:#f2f2f2;z-index:1;position:relative;
padding:25px 10px 10px 10px;}
.chart-ceo .name{color:var(--color-blue);font-weight:bold;font-size:1.2rem;}
.chart-ceo .job{color:var(--color-red);}

.chart-1,.chart-2{position:relative;}
.chart-1:before,.chart-2:before
{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: var(--border-color);
}

.chart-level-2
{
	list-style:none;
	padding:0;margin:20px 0 0 0;
	justify-content: space-around;
	display:flex;
	position: relative;
	flex-direction: column;
}
.chart-level-2:before {
    display:none;
	top:0;
}

.chart-level-2 li{width:100%;position:relative;padding-bottom:20px;}
.chart-level-2 li:before
{
	content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 20px;
    background: var(--border-color);
}
.chart-level-2 .dept-box{border-radius:5px;border:1px solid var(--border-color);background:#f2f2f2;z-index:1;
padding:10px;max-width:210px;margin:auto;text-align:center;}
.chart-level-2 .dept-box .c-icon{color:#00325b;font-size:24px;}
.chart-level-2 .dept-box .name{color:var(--color-blue);}


@media (min-width: 576px) {
	.chart-level-2{flex-direction: row;margin:40px 0 0 0;}
	.chart-level-2 li{width:25%;position:relative;margin-left:1rem;margin-right:1rem;}
	.chart-level-2:before {
		display:block;
		content: "";
		position: absolute;
		top: -20px;
		left: 12.5%;
		width: 75%;
		height: 2px;
		background: var(--border-color);
	}
}

#timeline{
	position:relative;
  	margin-left:-60px;
  	margin-right:-60px;
}
.timeline {
  white-space: nowrap;
  overflow-x: hidden;
	margin:0 70px;	
}

.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 150px 0;
  transition: all 1s;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 120px;
  height: 3px;
  background: #adadad;
}

.timeline ol li:last-child {
  width: 240px;
}
.timeline ol li:first-child {
  width: 50px;
}

.timeline ol li:not(:first-child) {
  margin-left: 14px;
}


.timeline ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--color-blue);
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 240px;
  height:auto !important;
  padding: 0px 10px ;
  white-space: normal;
  color: #58585a;
  border-left:1px solid #adadad;
  font-size:1rem;
  line-height:1.2rem;
}
.timeline ol li p{padding:0;margin:0;padding-bottom:10px;}
.timeline ol li div img{padding:10px 0;}

.timeline ol li:nth-child(odd) div {
  transform: translateY(-100%);
  
}
.timeline ol li:nth-child(even) div{padding-top:10px;}

.timeline ol li:nth-child(even) div::before {
  top: -8px;
}

.timeline time {
  display: block;
  font-family:'MBF';
  color:var(--color-red);
  font-weight:bold;
  font-size: 2rem;
  padding: 15px 0;
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrow__prev {
  margin-right: 20px;
  position:absolute;
  top:44%;
  left:-6px;
}
.timeline .arrow__next {
  margin-left: 20px;
  position:absolute;
  top:44%;
  right:-6px;
}

.timeline .disabled {
  opacity: .5;
}

.timeline .arrow{background:none;border:none;cursor:pointer;}
.timeline .arrow i {font-size:52px;
}


@media (max-width: 769px) {
	.a_history{background-repeat:repeat-y;background-position:top center;background-size:contain;}
	#timeline{margin:0 20px;}
	.timeline{margin:0 1%;}
	.timeline ol,
	.timeline ol li {
	width: auto; 
	}
	
	.timeline ol {
	padding: 0;
	transform: none !important;
	}
	
	.timeline ol li {
	display: block;
	height: auto;
	background: transparent;
	padding-left:6px;
	}
	.timeline ol li:before{
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 15px;
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  background: #6d6e71;
	  
	}
	
	.timeline ol li:first-child {
	width:auto;
	}
	
	.timeline ol li:not(:first-child) {
	margin-left: auto;
	}
	
	.timeline ol li div {
	width: 100%;
	height: auto !important;
	margin: 0 auto 0px;
	}
	
	.timeline ol li div {
	position: static;
	padding:0px 0 20px 10px !important;
	}
	.timeline ol li time{line-height:1.2em;}
	.timeline time{transform: translateY(-15px);padding-bottom:0;}
	.timeline ol li:nth-child(odd) div {
	transform: none;
	}
	
	.timeline ol li:nth-child(odd) div::before,
	.timeline ol li:nth-child(even) div::before {
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border: none;
	border-left: 1px solid white;
	height: 25px;
	}
	
	.timeline ol li:last-child,
	.timeline ol li:nth-last-child(2) div::before,
	.timeline ol li:not(:last-child)::after,
	.timeline .arrow {
	display: none;
	}
}

.main-content img{width:100% !important;height:auto !important;}
.main-content iframe{width:100% !important;}
.view-title{border-bottom:1px solid var(--border-color);padding-bottom:0.8rem;line-height:normal;}

.blockpage{text-align:center;}
.page,.pageselect{text-decoration:none;height:40px;text-align:center;font-family:'MBF';
line-height:40px;padding:0 5px;font-weight:600;vertical-align:middle;font-size:20px;}
.page{color:var(--color-blue);}
.page:hover{color:#bf1f25;}
.pageselect,.pageselect:hover{color:var(--color-red);text-decoration:none;}
.page .parr{font-size:24px;height:40px;line-height:40px;}
.blockpage .pg:after{content:'|';position:absolute;right:-2px;top:-2px;}
.blockpage .pg::last-child::fater{content:'';}

.news_box .title
{
    -webkit-line-clamp: 2;
    height: 2.75rem;
}

.news_box .desc
{
    -webkit-line-clamp: 4;
    height: 6.8rem;
}
.pro_box .desc
{
    -webkit-line-clamp: 4;
    height: 6.8rem;
	text-align:justify;
}

input[type=file]{display:inline-block;height:38px;line-height:38px;font-size:16px;}
input[type=file]:focus{outline:none;}
.input-file,.input-file .fbox{width:100%;}
.input-file .fbox{position:relative;float:left;border:1px solid #ccc;height:38px;line-height:38px;overflow:hidden;border-radius: 5px;}
.upload {width:100%;}
.upload + label {
    width: 92px;
    height:38px;
    color: white;
    line-height: 38px;
    text-align: center;
    background-color: var(--color-blue);
    display: inline-block;
    border-radius: 5px;
    transition: 150ms;
	position:absolute;
	top:-1px;left:-1px;
	margin:0;
}

.upload:focus + label,
.upload + label:hover {
    background-color: var(--color-blue);
    cursor:pointer;
}



.list-news{list-style:none;margin:0;padding:0;}
.list-news li{border-bottom:1px dashed var(--border-color);}
.list-news li:last-child{border-bottom:none;}


.slick-prev,
.slick-next {
    position: absolute;
    top: 0;
	z-index: 2;
    height: 40px;
    padding: 0;
    cursor: pointer;
    outline: none;
    color:#0c0c0c;
	background:none;
	border:none;
}
.slick-prev:hover,
.slick-prev:hover i,
.slick-next:hover,
.slick-next:hover i{color:#bf1f25;}
.slick-prev i,
.slick-next i{font-size:22px;color:#c9c8c8;}
.slick-prev i{margin-right:8px;}
.slick-next i{margin-left:8px;}
.slick-prev {left: 0px;}
.slick-next {right: 0px;}

.product-slide{overflow:hidden;}
.product-slide .owl-theme .owl-controls .owl-buttons>div {
    background: #ffffff;
    border-radius: 0;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 50px;
    text-align: center;
    line-height: 60px;
    transition: all .3s
}

.product-slide .slider img{width:100%;}

.product-slide .owl-theme .owl-controls .owl-buttons>div.owl-prev {
    left: -50px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

.product-slide .owl-theme .owl-controls .owl-buttons>div.owl-next {
    right: -50px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.product-slide:hover .owl-prev {
    left: -10px !important
}

.product-slide:hover .owl-next {
    right: -10px !important
}

.product-slide .flex-prev-slideshow i,
.product-slide .flex-next-slideshow i{color:#09F;font-size:30px;height:60px;line-height:60px;width:25px;}
.product-slide .owl-pagination{position:absolute;bottom:10px;width:100%;}
.product-slide .owl-theme .owl-controls .owl-page span{background:var(--color-blue);border-radius:50%;border:1px solid #fff;}
.product-slide .owl-theme .owl-controls .owl-page.active span,
.product-slide .owl-theme .owl-controls.clickable .owl-page:hover span{background:var(--color-red);}

.bn-captchar{float:left;border: 1px solid #e6e6e6;border-radius: 4px;width:102px;margin-top:2px;}
.bn-captchar img{border-radius: 4px;}
.capt-input{float:left;width:calc(100% - 102px);padding-left:18px;} 
.bn-input{position: relative;}
.bn-input .licon{
	position: absolute;
    top: 1px;
    height: 42px;
    width: 35px;
    line-height: 42px;
    text-align: center;
    color: #a4a4a4;
}
.bn-input .safec{padding-left:40px;}


.v-advs{display:none;}
.mb-show{display:block;}
.mb-hide{display:none;}
@media (min-width: 0px) {
	.ab-info{padding-left: 0 !important;}
}
@media (min-width: 576px) {
	
	.home_banner .com_name{font-size:3rem;}
	.mb-show{display:none;}
	.mb-hide{display:block;}
}
@media (min-width: 768px) {
	.homePrdTitle {
		font-size:2rem;
	}
}
@media (min-width: 992px) {
	.top_menu .mobile-menu{color:#0060af;display:none;}
	.top_menu .navigation{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
	}
	.top_menu .logo0,.menubg1 .logo1{margin-top:0;}
	.v-advs{display:block;}
}
@media (min-width: 1200px) {
	.top_menu .img-logo{height:35px;width:100%;}
	.navigation li a{padding: 0 15px;}
}