@import url("bootstrap.css");
@import url("fontawesome.css");
@import url("hover.css");

@font-face {
	font-family: LanTing;
	src: url('../font/LanTingHeiJian.TTF');
	/* IE9 */
}

body,
html {
	font-family: LanTing;
	width: 100%;
	min-height:100%;
	font-size: 15px;

}
html{
		position: relative;
}

.section {
	width: 100%;
	height: auto;
/* 	float: left; */
}

.shiro {
	display: none
}

.ofhidden {
	overflow: hidden;
}
.ofhiddennn {
	overflow: hidden;
	height: 270px;
}
.ofhiddenn {
	overflow: hidden;
	height: 63%;
}

button {
	outline: none !important;
}

.a-btn {
	border: 1px solid rgb(234, 217, 189);
	border-radius: 30px;
	border-bottom-left-radius: 0;
	color: rgb(234, 217, 189);
	background: none;
	font-size: 14px;
	transition: all 0.3s;
	cursor: pointer;
	padding: 0.4rem 1.5rem;
	display: inline-block;
}

.a-btnn {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 30px;
	border-bottom-left-radius: 0;
	color: rgb(255, 255, 255);
	background: none;
	font-size: 14px;
	transition: all 0.3s;
	cursor: pointer;
	padding: 0.4rem 1.5rem;
	display: inline-block;
}

.a-btn i,
.a-btn img {
	margin-left: 5px;
	transition: all 0.3s;
}

.a-btn:hover {
	color: #fff;
	background: rgb(234, 190, 128);
	transition: all 0.3s;
}

.a-btn:hover i,
.a-btn:hover img {
	margin-left: 10px;
	transition: all 0.3s;
}

.a-btn .arr2,
.a-btn:hover .arr1 {
	display: none;
	transition: all 0.3s;
}

.a-btn:hover .arr2 {
	display: inline-block;
	transition: all 0.3s;
}

a,
a:hover {
	text-decoration: none;
	cursor: pointer;
}

ul {
	margin: 0;
	padding: 0;
}

.header {
	background-color: transparent;
	padding: 0px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.bg-f9 {
	background: #f9f9f9;
}

.bg-f7 {
	background: #f7f7f7;
}

.bg-f5 {
	background: #f5f5f5;
}

.gdtxz-table {
	vertical-align: middle;
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.prenext {
	margin-top: 3%;
	padding: 0;
	padding-top: 2%;
	border-top: 1px solid #eee;
	font-size: 16px;
	list-style: none;
}

.prenext li {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.prenext a {
	color: #666;
	text-decoration: none;
	font-size: 16px;
	font-weight: lighter;
}

.prenext a:hover {
	color: #1abec6;
	text-decoration: underline;
}

.hover-box .hvr .ofhidden img {
	transition: all 0.4s;
}

.hover-box .hvr:hover .ofhidden img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transition: all 0.4s;
}

.t-title {
	text-align: center;
}

.t-title h2 {
	font-size: 36px;
	color: #333;
	margin-bottom: 1%;
}

.t-title p {
	color: #666;
	font-size: 16px;
}

.header {
	background-color: transparent;
	padding: 0px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.header .navbar-dark .navbar-nav .nav-link {
	color: #333;
}

.hvr-float,
a {
	cursor: pointer;
}

.apptable {
	vertical-align: middle;
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

video {
	object-fit: fill;
}

.bmc-span {
	color: #1084b4;
}

/*导航栏*/
.navbox {
	position: fixed;
	left: 0;
	top: 0;
	background-image: linear-gradient(30deg, rgb(240, 232, 224) 50%, rgb(237, 217, 192) 80%);
	z-index: 210;
}

.navbox .logobg {
	position: absolute;
	top: -29px;
	left: -29px;
	width: 24%;
}

.navbox .navbar-dark .navbar-nav .nav-link {
	color: rgb(140, 79, 51);
	padding: 2rem 1rem;
	transition: all 0.3s;
	font-size: 16px;
}

.navbox .navbar-dark .nav-item:hover .nav-link {
	transition: all 0.3s;
	color: #fff;
	margin-top: -3px;
	background-image: linear-gradient(30deg, rgb(240, 211, 182) 50%, rgb(237, 215, 175) 80%);
}

.navbox .dropdown.open>.dropdown-menu {
	display: block;
	position: fixed;
	border-radius: 0;
	background: rgb(0 145 165 / 0.6);
	padding: 0;
	z-index: 200;
}

.navbox .nav-item.dropdown.open>.dropdown-menu {
	padding: 0;
	margin: 0;
}

.navbox .dropdown.open>.dropdown-menu .dropdown-item {
	padding: 0.6rem 2.6rem;
	color: #fff;
	font-size: 15px;
	width: 100%;
}

.navbox .dropdown.open>.dropdown-menu .dropdown-item:hover {
	color: #fff;
	background: linear-gradient(to left, rgb(177 199 136 / 60%), rgb(0 145 165 / 0.6));
}

.navbox .hvr-underline-from-left {
	z-index: 1;
	overflow: initial;
	transition: all 0.1s;
}

.navbox .navbar-nav .hvr-underline-from-left:before {
	height: 3px;
	background: #c3c2f27a;
}

/*导航栏*/
.nav-item42 i,
.dropdown-menu42 {
	display: none !important;
}

.toptwo {
	padding: 0;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
}

.toptwo .navbar-dark .navbar-nav .nav-link {
	color: #333;
}

.navbox .onoff2,
.toptwo .onoff1 {
	display: none;
}

.toptwo .onoff2 {
	display: inline-block;
}

.navbox .language a {
	color: #fff;
}

.toptwo .language a {
	color: #333;
}

.dropdown-toggle::after {
	display: none;
}

.dropdown-menu-con {
	width: 76%;
	margin: auto;
}

.dropdown-menu .ulbox {
	width: 17%;
	padding-right: 0;
}

.dropdown-menu .ulbox h3 {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

.dropdown-menu .title-list {
	height: 100%;
	list-style: none;
	padding: 0.5rem 1rem;
	padding-right: 0;
	margin: auto;
	z-index: 1;
	border-right: 1px solid #ddd;
}

.dropdown-menu .title-list li {
	margin-bottom: 10px;
	margin-right: -1px;
	padding: 4px;
}

.dropdown-menu .title-list li.on {
	border: 1px solid #ddd;
	border-right: 1px solid #fff;
}

.dropdown-menu .title-list li a {
	font-size: 14px;
	color: #999;
	padding: 2px;
	text-align: center;
	background: #fbfbfb;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
}

.dropdown-menu .title-list .on a {
	color: #333;
	background: #f5f5f5;
}

.dropdown-menu .product-wrap {
	width: 80%;
	padding-left: 3%;
	padding-right: 1%;
	overflow-y: scroll;
	height: 500px;
}

.dropdown-menu .product-wrap .context {
	display: none;
}

.dropdown-menu .product-wrap .context.show {
	display: block;
}

.dropdown-menu .product-wrap .context .colbox {
	margin-bottom: 0.5rem;
	background: #f5f5f5;
	border: 2px solid #f9f9f9;
	padding: 0.5rem 1rem;
}

.dropdown-menu .product-wrap .context .colbox h4 {
	margin-bottom: 0.4rem;
}

.dropdown-menu .product-wrap .context .colbox h4 a {
	font-size: 14px;
	color: #333;
}

.dropdown-menu .product-wrap .context .colbox .row .col-md-3 {
	margin-bottom: 0.1rem;
}

.dropdown-menu .product-wrap .context .colbox .row .col-md-3 a {
	font-size: 12px;
	color: #888;
	display: inline-block;
	padding: 2px 10px;
}

.dropdown-menu .product-wrap .context .colbox .row .col-md-3 a:hover {
	color: #0091a5;
}

.dropdown-menu .product-wrap::-webkit-scrollbar {
	width: 3px;
}

.dropdown-menu .product-wrap::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.dropdown-menu .product-wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}

.nav-search {
	display: flex;
	justify-content: flex-start;
}

.nav-search span {
	margin-right: 2%;
}

.nav-search span b {
	font-size: 30px;
	font-weight: 100;
	padding: 10px;
	font-family: auto;
	color: #ccc;
}

.nav-search .language {
	margin-left: 2%;
}

.search-btn {
	cursor: pointer;
}

.search-box {
	width: 40%;
	position: absolute;
	right: 0;
	bottom: -40px;
	padding: 15px 25px;
	background: #fff;
	display: none;
	box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);
}

.search-box button {
	border: none;
	background: none;
	padding: 2px;
	padding-right: 10px;
	height: 25px;
	outline: none;
}

.search-box button img {
	width: 80%;
	margin-top: -5px;
}

.search-box input {
	border: none;
	background: none;
	padding: 2px 5px;
	font-size: 14px;
	color: #333;
	height: 25px;
	outline: none;
	width: 80%;
}

.search-box input::-webkit-input-placeholder {
	color: #ccc;
	font-size: 14px;
	outline: none;
}

.search-box .input-group {
	border-bottom: 1px solid #eee;
}

.navbox .lang .nav-link {
	padding-left: 0.8rem !important;
	padding-right: 0.4rem !important;
}

.navbox .navbar-collapse-cn {
	display: -ms-flexbox !important;
	display: inline !important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.navbox .navbar-collapse-cn .btn-group .dropdown-toggle {
	font-size: 13px !important;
}

.navbox .navbar-collapse-cn .btn-group .dropdown-toggle {
	padding-left: 0.8rem !important;
	padding-right: 0.4rem !important;
}

.navbox .topnav {
	margin-bottom: 0;
}

.navbox .topnav dd {
	margin-bottom: 0;
	position: relative;
}

.navbox .topnav dd:after {
	content: "";
	height: 30%;
	width: 1px;
	background: #b1b1b1;
	position: absolute;
	right: 0;
	top: 30%;
}

.navbox .topnav dd:last-child:after {
	display: none;
}

.toptwo .navbar-collapse-cn .nav-link,
.toptwo .navbar-nav-cn .nav-link {
	color: #333;
}

.banner a span {
	background: #00afef;
	display: block;
	width: 70px;
	font-family: monospace;
	line-height: 70px;
	font-size: 40px;
	text-align: center;
	height: 70px;
	color: #fff;
	border-radius: 50%;
}

.banner .carousel-caption .t-abox {
	margin-top: 5%;
}

.banner .carousel-caption .ban-btn {
	background: none;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 0.8rem 3rem;
	font-size: 15px;
	transition: all 0.3s;
	border-bottom-left-radius: 0;
}

.banner .carousel-caption .ban-btn:hover {
	background: rgb(0 145 165 / 0.6);
	border: 1px solid rgb(0 145 165 / 0.6);
	transition: all 0.3s;
}

.banner .carousel-caption .ban-btn .arr {
	width: 8px;
	height: 8px;
	transition: all 0.3s;
}

.banner .carousel-caption .ban-btn:hover .arr {
	margin-left: 5px;
	transition: all 0.3s;
}

.banner .carousel-caption {
	height: 100%;
}

.inner .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 99;
}

.inner.bmc .toptwo,
.inner.video .toptwo,
.inner.new .toptwo,
.inner.notice .toptwo {
	box-shadow: none;
}

.h-solutions-cn {
	position: relative;
}

.h-solutions-cn .arlbox {
	display: flex;
	position: absolute;
	bottom: 50px;
}

.h-solutions-cn .arlbox a {
	display: block;
	opacity: 1;
	color: #fff;
	font-size: 22px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-family: monospace;
}

.h-solutions-cn .arlbox a:nth-child(1) {
	background: #0091a5;
}

.h-solutions-cn .arlbox a:nth-child(2) {
	background: #4d4d4d;
}

.h-solutions-cn ol {
	position: absolute;
	right: 15px;
	bottom: -15px;
	display: inline-block;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 99;
}

.h-solutions-cn ol li {
	width: auto;
	height: auto;
	position: relative;
	background: #4d4d4d;
	opacity: 1;
	padding: 3.8rem 1rem;
	text-indent: 0;
	margin-bottom: 2px;
	text-align: center;
	width: 90%;
}

.h-solutions-cn ol li.active {
	background: #0091a5;
	width: 120%;
	margin-left: -28%;
}

.h-solutions-cn ol li.active:before {
	content: "<";
	position: absolute;
	top: 40%;
	font-size: 20px;
	color: #fff;
	font-family: monospace;
	left: 8%;
}

.h-solutions-cn ol li .textbox {
	color: #fff;
}

.h-solutions-cn ol li .textbox h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 0.5rem;
}

.h-solutions-cn ol li .textbox p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}

.h-solutions-cn .row {
	margin: 0;
}

.h-solutions-cn .row .col-md-6 {
	padding: 0;
}

.h-solutions-cn .row .col-md-6:nth-child(1) {
	margin-top: 0rem;
}

.h-solutions-cn .row .col-md-6:nth-child(2) {
	margin-top: 0rem;
	background: #f5f5f5;
}

.h-solutions-cn .contitle {
	color: #f1f1f1;
	background: #fff;
	font-size: 60px;
	text-align: right;
	text-transform: uppercase;
	padding: 0 2rem;
}

.h-solutions-cn .ai-center {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.h-solutions-cn .conbox {
	padding: 4rem;
	margin-top: -5rem;
}

.h-solutions-cn .conbox h3 {
	font-size: 25px;
	font-weight: bold;
	color: #333;
	margin-bottom: 4rem;
}

.h-solutions-cn .conbox h4 {
	color: #333;
	margin-bottom: 0.2rem;
	font-size: 16px;
}

.h-solutions-cn .conbox .txtbox {
	margin-right: 3rem;
	text-align: center;
}

.h-solutions-cn .conbox p {
	font-size: 14px;
	color: #333;
	margin-bottom: 0;
	margin-top: 0.2rem;
}

.h-solutions-cn .abox {
	margin-top: 5rem;
}

.h-products .hover-box {
	margin: 2% 0;
}

.h-products a span {
	background: #00afef;
	display: block;
	width: 70px;
	font-family: monospace;
	line-height: 70px;
	font-size: 40px;
	text-align: center;
	height: 70px;
	color: #fff;
	border-radius: 50%;
}

.h-products .conbox {
	text-align: center;
	display: block;
	width: 100%;
	color: #333;
	border-radius: 10px;
	box-shadow: 0px 0px 13px 0px #cccccc8c;
	padding: 8% 4%;
}

.h-products .conbox p {
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
}

.h-probox {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 3% 0;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev,
.swiper-button-next {
	background-color: #0079c3;
	border-radius: 50%;
	width: 37px;
	height: 37px;
	top: 51%;
	text-align: center;
	line-height: 34px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	content: "";
}

.swiper-button-prev {
	left: 0px;
}

.swiper-button-next {
	right: 0px;
	transform: rotate(180deg);
}

.h-probox .swiper-slide {
	padding: 1rem;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
}

.h-products-cn {
	background: url(../image/h-probg-cn.jpg) no-repeat center center;
	position: relative;
	background-size: cover;
}

.h-probox-cn {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 3% 0;
}

.h-probox-cn .swiper-slide {
	padding: 1rem;
}

.h-probox-cn .conbox {
	background: #efefef;
	border: 2px solid #fff;
	text-align: center;
	padding: 2rem;
	display: block;
	height: 100%;
}

.h-probox-cn .conbox h3 {
	font-size: 20px;
	color: #107bb7;
	margin: 0.2rem 0;
}

.h-probox-cn .conbox p {
	font-size: 14px;
	color: #333;
}

.h-probox-cn .conbox h4 {
	display: none;
}

.h-products-cn .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.h-products-cn .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.h-products-cn .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
	-moz-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
	box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
}

.h-products-cn .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.h-products-cn .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}

.h-products-cn .swiper-slide:hover {
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px;
	-moz-box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px;
	box-shadow: rgba(0, 0, 0, .5) 0px 0px 50px;
}

.h-products-cn .swiper-container {
	width: 100%;
	margin: 12px 0;
}

.h-products-cn .swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0, 0, 0, .2) 0px 0px 30px;
}

.h-products-cn .swiper-slide-active,
.h-products-cn .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.h-products-cn .swiper-slide-active .conbox {
	background: #068daa;
	border: 1px solid #068daa;
	text-align: left;
}

.h-products-cn .swiper-slide-active .conbox h3 {
	color: #cbe7ec;
	text-align: center;
}

.h-products-cn .swiper-slide-active .conbox p {
	color: #cbe7ec;
	text-align: center;
}

.h-products-cn .swiper-slide-active .conbox h4 {
	display: block;
	font-size: 12px;
	color: #afe0ea;
	line-height: 20px;
	margin-top: 1.6rem;
	position: relative;
}

.h-products-cn .swiper-slide-active .conbox h4:before {
	width: 10%;
	height: 1px;
	content: "";
	background: #c2e9f1;
	position: absolute;
	top: -0.8rem;
	left: 0;
}

.h-products-cn .swiper-slide img {
	width: 100%;
	display: block;
}

.h-products-cn .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.h-products-cn .swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0, 0, 0, .8);
}

.h-about .ofhidden {
	border-radius: 15px;
}

.h-about {
	background: url(../image/h-about-bg.jpg) no-repeat center center;
	position: relative;
}

.h-about .container-bmc {
	position: relative;
	z-index: 2;
}

.h-about .t-title h2 {
	color: #fff;
	text-align: left;
	margin-bottom: 5%;
}

.h-about .t-title p {
	color: #fff;
	text-align: left;
	margin-bottom: 5%;
}

.h-about .txtbox {
	text-align: center;
}

.h-about .txtbox h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 2%;
}

.h-about .txtbox p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}

.h-about .conbox .row {
	width: 114%;
	margin-left: -9%;
}

.h-about .conbox a {
	display: block;
	width: 100%;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-top: 8%;
}

.h-about .conbox a:hover {
	background: none;
}

.h-num-cn {
	background: url(../image/num-bg-cn.jpg) no-repeat center bottom;
	position: relative;
	padding: 7rem 0;
	background-size: cover;
}

.h-num-cn .txtbox {
	text-align: center;
}

.h-num-cn .txtbox h3 {
	font-size: 50px;
	color: #fff;
	margin-bottom: 2%;
}

.h-num-cn .txtbox p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}

.h-num-cn .conbox a {
	display: block;
	width: 100%;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-top: 8%;
}

.h-num-cn .conbox a:hover {
	background: none;
}

.h-new .row .col-md-4 {
	padding: 2%;
}

.h-new .hvr-float {
	display: block;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #e0dcdc;
	transition: all 0.4s;
}

.h-new .hvr-float:hover {
	box-shadow: 0px 5px 7px 0px #dadada;
	transition: all 0.4s;
}

.h-new .hvr-float .ofhidden {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.h-new .hvr-float .textbox {
	padding: 5%;
}

.h-new .hvr-float .textbox h3 {
	font-size: 14px;
	color: #999;
	margin-bottom: 4%;
}

.h-new .hvr-float .textbox p {
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
	line-height: 24px;
}

.h-new-cn .hover-box .hvr-float {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: flex-start;
}

.h-new-cn .hover-box .hvr-float:last-child {
	border-bottom: none;
}

.h-new-cn .lbox {
	width: 20%;
	padding: 0rem;
	border-right: 1px solid #ccc;
}

.h-new-cn .rbox {
	width: 80%;
	padding: 0rem;
}

.h-new-cn .numbox {
	text-align: center;
	padding: 1rem;
	width: 100%;
}

.h-new-cn .numbox h3 {
	font-size: 40px;
	color: #333;
	margin-bottom: 0px;
}

.h-new-cn .numbox h4 b {
	display: block;
	margin: 5px 0;
	font-size: 30px;
	color: #333;
	margin-bottom: 0px;
	font-weight: initial;
}

.h-new-cn .hover-box .hvr-float:hover .numbox h3,
.h-new-cn .hover-box .hvr-float:hover .numbox h4 {
	color: #fff;
}

.conbox{
	
word-wrap: break-word;
}
.h-new-cn .numbox h4 {
	font-size: 12px;
	color: #777;
	margin-bottom: 0.5rem;
}

.h-new-cn .txtbox {
	padding: 0.5rem 1.5rem;
	height: 110px;
	overflow: hidden;
}

.h-new-cn .txtbox h3 {
	font-size: 20px;
	color: #333;
}

.h-new-cn .hover-box .hvr-float:hover .txtbox h3,
.h-new-cn .hover-box .hvr-float:hover .txtbox p {
	color: #fff;
}
.txtbox img{
	display: none;
}
.h-new-cn .txtbox p {
	font-size: 14px;
	color: #777;
	margin-bottom: 0;
	line-height: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.bottomSt {
			width: 100%;
			margin-top: 20px;
			float: left;
		}
.h-new-cn .abox {
	text-align: center;
}

.h-new-cn .abox a {
	padding: 0.6rem 3rem;
}

.h-new-cn .row .col-md-6:nth-child(1) {
	padding-right: 3rem;
}

.h-new-cn .row .col-md-6:nth-child(2) {
	padding-left: 3rem;
}

.h-new-cn #carouselPPnwes .carousel-inner {
	position: relative;
}

.h-new-cn #carouselPPnwes .lrbox {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 55;
}

.h-new-cn #carouselPPnwes .lrbox a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: rgb(0 145 165 / 0.3);
	font-family: cursive;
	color: #fff;
	transition: all 0.4s;
}

.h-new-cn #carouselPPnwes .lrbox a:hover {
	background: rgb(0 145 165 / 1);
	transition: all 0.4s;
}

.h-new-cn #carouselPPnwes .carousel-inner .carousel-item h3 {
	position: absolute;
	bottom: 3rem;
	z-index: 66;
	width: 100%;
	padding: 0 5rem;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.h-new-cn #carouselPPnwes .carousel-inner .carousel-item h3 span {
	background: linear-gradient(to right, rgb(0 145 164 / 0%), rgb(0 145 164 / 0.9), rgb(0 145 164 / 0%));
	border-radius: 30px;
	font-size: 14px;
	padding: 0.5rem 3rem;
	color: #fff;
}

.newtime b {
	font-weight: initial;
}

.position ul {
	display: flex;
	justify-content: flex-start;
	list-style: none;
}

.position li {
	margin-right: 6px;
}

.position li::before {
	content: "/";
	display: inline-block;
	font-size: 14px;
}

.position li:nth-child(1)::before {
	display: none;
}

.position li a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	transition: all 0.3s;
}

.position li a:hover {
	color: #0091a4;
	transition: all 0.3s;
	text-decoration: revert;
	letter-spacing: 0.4px;
}

.indexpro .pronav {
	margin-top: 2rem;
}

.indexpro .pronav h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}

.indexpro .pronav dl dd a {
	color: #333;
}

.listpro dd a {
	display: block;
	padding: 5px;
	padding-left: 10px;
	background: #f5f5f5;
	color: #333;
	font-size: 15px;
	transition: all 0.3s;
}

.listpro dd a.active {
	background: #a1c9c7;
	font-weight: bold;
}

.indexpro .titlebox {
	margin-top: 2rem;
}

.indexpro .titlebox h3 {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.indexpro .titlebox p {
	color: #666;
	font-size: 15px;
}

.probox .hover-box {
	margin-top: 3rem;
}

.probox .hover-box .col-md-4 {
	margin-bottom: 2rem;
}

.probox .hvr-float {
	border: 1px solid #e6e6e6;
	padding: 2rem;
	height: 100%;
	text-align: center;
}

.probox .hvr-float h3 {
	font-size: 18px;
	color: #333;
	margin-top: 0.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.probox .hvr-float p {
	margin: 1rem 0;
	font-size: 15px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.products .descption h1 {
	font-size: 36px;
	color: #333;
}

.products .descption h3 {
	font-size: 16px;
	color: #777;
	line-height: 24px;
}

.products .descption .keyfe p {
	font-size: 15px;
}

.products .descption .keyfe strong {
	font-weight: inherit;
	font-style: 15px;
}

.products .descption .keyfe b:first-child {
	display: block;
	margin-bottom: 5px;
}

.products .descption h4 {
	display: block;
	font-size: 16px;
	color: #777;
	line-height: 24px;
}

.products .features ul li {
	color: #666;
	margin-bottom: 1rem !important;
}

.products .features ul li strong {
	display: block;
	margin-bottom: 2px;
	color: #333;
	font-size: 16px;
}

.products .features dl dd ul {
	list-style: revert;
	margin-left: 1rem;
}

.products .features dl dd {
	margin-bottom: 1rem !important;
}

.products .features dl dd ul li {
	margin-bottom: 5px !important;
	;
}

.products h5 {
	font-size: 16px;
	color: #666;
}

.products h4 {
	font-size: 14px;
	color: #333;
}

.products b {
	color: #333;
	margin-right: 5px;
}

.products .download a {
	display: inline-block;
	border-radius: 30px;
	padding: 0.4rem 2rem;
	color: #fff;
	font-size: 15px;
	transition: all 0.3s;
}

.products .download a img {
	margin-left: 5px;
	transition: all 0.3s;
}

.products .download a:hover img {
	margin-left: 10px;
}

.products .download a:nth-child(1) {
	background: #424243;
	margin-right: 0.8rem;
}

.products .download a:nth-child(2) {
	background: #0091a5;
	margin-right: 0.8rem;
}

.products .download a:nth-child(3) {
	background: #7dba25;
}

.products .download .a-ban {
	background: #f2f2f2 !important;
	color: #cfcdcd;
	cursor: default;
}

.products .conbox {
	margin-bottom: 1rem;
}

.products .conbox ul {
	list-style: none;
}

.products .conbox ul li {
	margin-bottom: 0.4rem;
	font-size: 16px;
	color: #777;
}

.products .conbox h3 {
	font-size: 25px;
	color: #0091a5;
	margin-bottom: 1rem;
	font-weight: bold;
}

.products .conbox p,
.products .conbox .textbox {
	font-size: 16px;
	color: #777;
	line-height: 28px;
}

.products .position {
	padding: 1.5rem 0;
}

.products .configurations table {
	width: 100%;
}

.products .configurations table td {
	padding: 0.8rem 1rem;
	color: #666;
	font-size: 15px;
	text-align: center;
	border: 1px solid #fff;
}

.products .configurations table tr td:first-child {
	width: 40%;
	padding-left: 3rem;
	text-align: left;
	font-weight: bold;
	color: #333;
}

.products .configurations table tr:nth-child(odd) {
	background: #f5f5f5;
}

.products .configurations table td i {
	color: #0091a5;
}

.products.related-pro {
	background: #f5f5f5;
	padding: 3rem 0;
}

.products.related-pro h3 {
	font-size: 25px;
	color: #333;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
}

.products.related-pro .hvr-float {
	background: #fff;
	padding: 3rem;
	text-align: center;
	height: 100%;
}

.products ol .mainvideo {
	display: flex;
	justify-content: center;
}

.products ol .mainvideo i {
	font-size: 20px;
	color: #ff2a2a;
	text-align: center;
	line-height: 51px;
}

.probox .titlebox h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.probox .titlebox p {
	font-size: 15px;
	color: #777;
	margin-bottom: 0.8rem;
}

.probox .titlebox .row {
	margin-top: 1rem;
}

.probox .titlebox .row .col-md-4 {
	margin-bottom: 0.8rem;
}

.probox .titlebox .row .col-md-4 span {
	background: #f5f5f5;
	color: #666;
	padding: 5px 12px;
	border-radius: 30px;
	font-size: 14px;
}

#carouselpro a span {
	background: rgb(110 146 219 / 0.2);
	display: block;
	width: 70px;
	font-family: monospace;
	line-height: 70px;
	font-size: 40px;
	text-align: center;
	height: 70px;
	color: #fff;
	border-radius: 50%;
}

.detail {
	font-size: 16px;
	color: #777;
}

.flist {
	background: url(../image/contact-c12.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

.flist .titlebox h3 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 2rem;
}

.flist .titlebox p {
	color: #fff;
}

.products.flist {
	padding: 3rem 0;
}

.products.flist .btnbox .a-btn {
	color: #fff;
	border: 1px solid #fff;
}

.products.flist .btnbox .a-btn:hover {
	border: 1px solid #048d9f;
	color: #048d9f;
	background: #fff;
}

.online .flist {
	padding: 3rem 0;
}

.online .flist .col-md-12,
.online .flist .col-md-6 {
	padding: 1rem !important;
}

.online .flist .titlebox h3,
.online .flist .titlebox p {
	color: #fff;
}

.flist select {
	border-radius: 0;
	padding: 0.1rem 0.5rem;
}

.online .flist .btnbox {
	margin-left: 1rem;
}

.online .flist .btnbox .a-btn {
	color: #fff;
	border: 1px solid #fff;
}

.online .conbox:nth-child(2) p {
	font-size: 15px;
	color: #666;
}

.online .conbox:nth-child(2) ul {
	list-style: none;
}

.online .conbox:nth-child(2) ul li {
	font-size: 15px;
	color: #666;
	margin-bottom: 3px;
}

.online .listbxo {
	margin-top: 3rem;
}

.online .listbxo .box {
	padding: 1rem 4rem;
	padding-right: 6rem;
}

.online .listbxo .box span {
	margin-right: 1rem;
}

.online .listbxo .box:nth-child(odd) {
	background: #f5f5f5;
}

.online .listbxo h3 {
	font-weight: bold;
	font-size: 16px;
}

.online .listbxo h3,
.online .listbxo p,
.online .listbxo .jc-start {
	padding: 0.5rem;
	margin-bottom: 0;
	font-size: 16px;
	color: #333;
}

.online .listbxo .box .form-check {
	margin-left: 2rem;
}

.online .listbxo .abox {}

.online .listbxo .a-btn {
	padding: 0.6rem 6rem;
	background: #0091a5;
	border: 1px solid #fff;
	color: #fff;
}

.online .listbxo .a-btn:hover {
	background: #fff;
	border: 1px solid #0091a5;
	color: #0091a5;
}

.online .mescon .invalid-feedback,
.products .mescon .invalid-feedback {
	color: #fff;
}

.online .listbxo.assessment h3 {}

.online .listbxo.assessment p {
	font-weight: initial;
	padding: 0;
	margin-top: 1rem;
}

.online .listbxo.assessment .box .form-check {
	margin-right: 5rem;
	margin-left: 0 !important;
}

.related-art .carousel-item .col-md-3,
.related-art .carousel-item .col-md-4 {
	float: left;
}

.related-art .hvr-float a {
	color: #333;
	display: block;
}

.related-art .hvr-float p {
	padding: 0.5rem;
}

.related-art a span {
	background: rgb(122 199 108 / 0.7);
	display: block;
	width: 50px;
	font-family: monospace;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	height: 50px;
	color: #fff;
	border-radius: 50%;
}

.related-art .carousel-control-prev {
	left: 0;
	width: 15%;
}

.related-art .carousel-control-next {
	right: 0;
	width: 15%;
}

.related-art .a-btn:hover {
	color: #fff;
}

.page ul {
	list-style: none;
}

.page ul li {
	font-size: 16px;
	color: #666;
	margin-bottom: 0.5rem;
}

.page .titlebox {
	width: 100%;
}

.page .titlebox span {
	width: 50px;
	height: 5px;
	display: block;
	margin-bottom: 1rem;
	background: #0091a5;
}

.page .titlebox h3 {
	font-size: 30px;
	color: #333;
	margin-bottom: 2rem;
	font-weight: bold;
}

.page .titlebox p {
	font-size: 16px;
	color: #333;
	line-height: 26px;
}

.page .row {
	margin: 0;
}

.page .row .col-md-5,
.page .row .col-md-6,
.page .row .col-md-7 {
	padding: 3%;
}

.page .titlebox h3 {
	font-size: 30px;
	margin-bottom: 1rem;
	font-weight: bold;
}

.page .titlebox p {
	font-size: 15px;
	margin-bottom: 0;
	line-height: 26px;
}

.page .hvr-float {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 10px 0px #e0dcdc;
	transition: all 0.4s;
}

.page .hvr-float:hover {
	box-shadow: 0px 5px 7px 0px #dadada;
	transition: all 0.4s;
}

.page .hvr-float h3 {
	text-align: center;
	font-size: 25px;
	color: #333;
	margin-top: 1rem;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.page .hvr-float .textbox {
	padding: 5%;
}

.page .hvr-float .textbox h3 {
	font-size: 20px;
	color: #333;
	text-align: left;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.page .hvr-float .textbox p {
	font-size: 15px;
	color: #777;
	margin-bottom: 0;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.databox .textbox .col-lg-3 {
	padding: .5rem !important;
}

.page .bmc.one .col-md-5 {
	position: relative;
}

.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) img {
	position: relative;
	z-index: 54;
}

.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) .titlebox {
	z-index: 55;
	background: #fff;
	padding: 4rem;
	border: 1px solid #ccc;
}

.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(2) .titlebox {
	position: absolute;
	left: -10rem;
	top: 0;
}

.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(3) .titlebox {
	position: absolute;
	right: -10rem;
	top: 0;
}

.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(6) .titlebox {
	position: absolute;
	left: -10rem;
	top: 0;
}

.page .bmc.one .conbox:nth-child(2) {
	margin-bottom: 10rem;
	position: relative;
}

.page .bmc.one .conbox:nth-child(2) .row {
	box-shadow: 0px 5px 15px 0px #cccccc73;
	background: #fff;
	padding: 5rem;
	width: 70%;
	margin: auto;
	margin-top: -10rem;
	position: relative;
	z-index: 55;
}

.page .bmc.two .conbox:nth-child(2) .titlebox {
	position: absolute;
	padding: 4rem;
	color: #fff;
	background: #0091a5;
	width: 40%;
	margin-right: 5%;
}

.page .bmc.two .conbox:nth-child(2) .titlebox h3 {
	color: #fff;
}

.page .bmc.two .conbox:nth-child(2) .titlebox span {
	background: #fff;
}

.page .bmc.two .conbox:nth-child(2) .titlebox p {
	color: #fff;
}

.page .bmc.two .conbox:nth-child(4) {
	padding: 12rem 0;
	background: url(../image/scope-of-business-c4.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

.page .bmc.two .conbox:nth-child(4) h3 {
	text-align: center;
	color: #fff;
	line-height: 36px;
}

.page .bmc.two .conbox:nth-child(6) {
	background: #0091a5;
}

.page .bmc.two .conbox:nth-child(6) .titlebox h3 {
	color: #fff;
}

.page .bmc.two .conbox:nth-child(6) .titlebox span {
	background: #fff;
}

.page .bmc.two .conbox:nth-child(6) .titlebox p {
	color: #fff;
}

.page .bmc.two .conbox:nth-child(8) {
	background: #f5f5f5;
}

.page .bmc .title-box {
	text-align: center;
}

.page .bmc .title-box h3 {
	text-align: center;
	padding-top: 4rem;
	font-weight: bold;
}

.page .bmc.history .conbox:nth-child(2) {
	padding-bottom: 4rem;
}

.page .bmc.history .conbox:nth-child(2) h5 {
	margin: auto;
	margin-top: 3rem;
	display: inline-block;
	background: #0091a5;
	padding: 0.4rem 2rem;
	color: #fff;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6 {
	position: relative;
	padding: 2rem 4rem;
	margin-bottom: 0;
}

.page .bmc.history .conbox:nth-child(2) .txtbox {
	position: relative;
}

.page .bmc.history .conbox:nth-child(2) .txtbox h3 {
	font-size: 25px;
	color: #333;
	font-weight: bold;
	margin-bottom: 1rem;
}

.page .bmc.history .conbox:nth-child(2) .txtbox p {
	font-size: 15px;
	color: #333;
	margin-bottom: 0;
	line-height: 26px;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6 .pimg {
	position: absolute;
	top: 0;
	width: 26px;
	height: 26px;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) {
	padding-right: 0;
	border-right: 1px solid #eee;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .txtbox {
	padding-right: 4rem;
	text-align: right;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .pimg {
	right: -13px;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) {
	padding-left: 0;
	padding-top: 10rem;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .txtbox {
	padding-left: 4rem;
}

.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .pimg {
	left: -13px;
}

.page .bmc.history .w-img {
	height: auto !important;
	margin-right: 1rem;
}

.bmc.history .timebox {
	position: relative;
}

.bmc.history .timebox img {
	position: absolute;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6 .jc-center {
	border-bottom: 1px solid #eee;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6 .img-box {
	margin: 1rem 0;
	text-align: center;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6 .img-box p {
	margin-top: 1rem;
	font-size: 15px;
	color: #666;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .timebox h3 {
	text-align: right;
	padding-right: 2rem;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .timebox img {
	right: 0;
	top: 5px;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) {
	margin-top: 3rem;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .timebox h3 {
	text-align: left;
	padding-left: 2rem;
}

.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .timebox img {
	left: 0;
	top: 5px;
}

.join {
	padding-bottom: 4rem;
}

.join .join-saarch {
	margin-bottom: 5rem;
}

.join .join-saarch .justify-content-between {
	width: 60%;
	padding: 0.5rem 1.5rem;
	border-radius: 30px;
	background: #f5f5f5;
}

.join .join-saarch .justify-content-between input {
	width: 100%;
	background: none;
	border: none;
}

.join .join-saarch .justify-content-between img {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-left: 5px;
}

.join .faq-ul li {
	padding: 0.5rem;
	color: #333;
	font-weight: bold;
}

.join .faq-ul .flip {
	padding: 0;
	color: #333;
	border: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

.join .tabtop.bg {
	background: #f5f5f5;
	padding: 0.5rem;
	color: #333;
	font-weight: bold;
}

.join .tabtop.bg .textbox {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
}

.join .tabtop.bg span {
	display: inline-block;
	padding: 0.4rem 2rem;
	border-radius: 30px;
	background: #fff;
	color: #333;
}

.join .tabtop.bg span b {
	display: inline-block;
	font-family: cursive;
	transform: rotate(90deg);
	font-size: 13px;
	margin-top: -1px;
	margin-left: 1px;
}

.join .faq-ul li .textbox {
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
}

.join .faq-ul li.flip .textbox .tbox span {
	display: inline-block;
	font-family: cursive;
	transform: rotate(90deg);
	font-size: 14px;
	margin-left: 0.8rem;
}

.join .faq-ul li a {
	transition: all 0.3s;
	display: inline-block;
	border: 1px solid #0091a5;
	color: #0091a5;
	font-size: 16px;
	padding: 0.4rem 2rem;
	border-radius: 30px;
}

.join .faq-ul li a:hover {
	background: #0091a5;
	color: #fff;
	transition: all 0.3s;
}

.join .faq-ul li .txtbox {
	display: none;
	background: #f5f5f5;
	padding: 2rem 4rem;
}

.join .faq-ul li.active .txtbox {
	display: block;
}

.join .faq-ul li .txtbox h3 {
	padding: 0.2rem;
	padding-left: 0.6rem;
	border-left: 5px solid #0091a5;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 0;
}

.join .faq-ul li .txtbox ol {
	margin: 0;
	padding: 0;
	margin-top: 0.5rem;
	margin-left: 1rem;
}

.join .faq-ul li .txtbox ol li {
	margin-bottom: 0.5rem;
	color: #333;
	font-size: 15px;
	padding: 0;
	font-weight: initial;
}

.join .faq-ul li.active .textbox .tbox span {
	transform: rotate(270deg);
}

.join input {
	outline: none;
}

.join .faq-ul li .textbox .tbox,
.join .tabtop.bg .textbox .tbox {
	display: flex;
	align-items: center;
	justify-content: center;
}

.join .faq-ul li .textbox .tbox:nth-child(1),
.join .tabtop.bg .textbox .tbox:nth-child(1) {
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}

.join .faq-ul li .textbox .tbox:nth-child(2),
.join .tabtop.bg .textbox .tbox:nth-child(2) {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.join .faq-ul li .textbox .tbox:nth-child(3),
.join .tabtop.bg .textbox .tbox:nth-child(3) {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.join .faq-ul li .textbox .tbox:nth-child(4),
.join .tabtop.bg .textbox .tbox:nth-child(4) {
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
}

.join .faq-ul li .textbox .tbox:nth-child(5),
.join .tabtop.bg .textbox .tbox:nth-child(5) {
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
}

.page .explore {
	background: #f5f5f5;
	padding: 4rem 0;
}

.page .explore .title-box h3 {
	text-align: center;
	font-weight: bold;
}

.page .explore .col-md-4 {
	padding: 0 2rem;
}

.page .explore .textbox h4 {
	font-size: 14px;
	color: #666;
}

.page .explore .textbox h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: left;
}

.page .explore .abox {
	margin-top: 2rem;
}

.page .innovation .conbox:nth-child(3) {
	background: #0091a5;
	padding: 4rem 0;
}

.page .innovation .conbox:nth-child(3) h3 {
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.page .innovation .conbox:nth-child(3) p {
	color: #fff;
	text-align: center;
}

.page .innovation .conbox:nth-child(3) .col-md-6 {
	padding: 2rem;
}

.page .innovation .conbox:nth-child(3) .textbox img {
	width: 40%;
}

.page .innovation .conbox:nth-child(3) .textbox .txtbox {
	margin-right: 3rem;
	text-align: left;
}

.page .innovation .conbox:nth-child(3) .textbox h3 span {
	display: block;
	width: 10%;
	margin-bottom: 1rem;
	height: 5px;
	background: #fff;
}

.page .innovation .conbox:nth-child(3) .textbox h3 {
	font-size: 25px;
	color: #fff;
	margin-bottom: 2rem;
	text-align: left;
}

.page .innovation .conbox:nth-child(3) .textbox h5 {
	color: #0091a5;
	font-size: 20px;
	font-weight: bold;
}

.page .innovation .conbox:nth-child(3) .textbox ul li {
	color: #fff;
	font-size: 14px;
}

.page .innovation .conbox:nth-child(3) .textbox p {
	color: #fff;
	font-size: 16px;
	text-align: left;
}

.page .standardization .conbox:nth-child(1) .textbox h3 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 0.5rem 0;
}

.page .standardization .conbox:nth-child(1) .textbox p {
	font-size: 15px;
	color: #333;
}

.page .standardization .conbox:nth-child(2) {
	background: #0091a5;
	padding: 4rem 0;
}

.page .standardization .conbox:nth-child(2) .title-box h3 {
	color: #fff;
}

.page .standardization .conbox:nth-child(2) .title-box p {
	color: #fff;
	padding: 1rem 20rem;
}

.page .standardization .conbox:nth-child(2) .col-md-6 {
	padding: 2rem;
}

.page .social-responsibility .row .col-md-6:nth-child(1),
.page .social-responsibility .row .col-md-6:nth-child(5) {
	padding: 0 4rem;
	padding-left: 10%;
}

.page .social-responsibility .row .col-md-6:nth-child(4),
.page .social-responsibility .row .col-md-6:nth-child(8) {
	padding: 0 4rem;
	padding-right: 10%;
}

.page .join .conbox:nth-child(1) .textbox h3 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 0.5rem 0;
}

.page .join .conbox:nth-child(1) .textbox p {
	font-size: 15px;
	color: #333;
}

.page .join .conbox:nth-child(2) .col-md-6 {
	padding: 0;
}

.page .join .conbox:nth-child(2) .row .col-md-6:nth-child(2) {
	background-color: #0091a5;
	padding: 0 4rem;
}

.page .join .conbox:nth-child(2) .textbox h3 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 3rem;
}

.page .join .conbox:nth-child(2) .textbox p {
	font-size: 15px;
	color: #fff;
}

.page .join .conbox:nth-child(2) .textbox p b {
	font-size: 18px;
	color: #fff;
}

.page .join .carousel-indicators li {
	margin: 0 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 1;
}

.page .join .carousel-indicators li.active:before {
	border-radius: 50%;
	content: ".";
	display: block;
	margin-top: -5px;
	margin-left: -5px;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	background: none;
}

.page .join .conbox:nth-child(3) .textbox h3 {
	font-weight: bold;
	margin-bottom: 3rem;
}

.page .join .conbox:nth-child(4) {
	background-color: #f5f5f5;
	padding: 4rem 0;
}

.page .join .conbox:nth-child(4) .col-md-6 {
	padding: 1rem 2rem;
}

.page .join .conbox:nth-child(4) .col-md-6 a {
	color: #333;
}

.page .join .conbox:nth-child(4) h3 {
	font-size: 20px;
	text-align: center;
	padding: 0.2rem;
	margin-top: 1rem;
}

.page .join .conbox:nth-child(5) {
	margin-bottom: 4rem;
}

.page .join .conbox:nth-child(5) .imgbox {
	position: relative;
}

.page .join .conbox:nth-child(5) .textbox {
	position: absolute;
	top: 15%;
	left: 6%;
}

.page .join .conbox:nth-child(5) .textbox h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.page .join .conbox:nth-child(5) .textbox a {
	display: block;
	margin-bottom: 1.5rem;
}

.page .join .conbox:nth-child(5) .textbox a span {
	border-radius: 30px;
	background-color: #fff;
	padding: 0.4rem 2rem;
	color: #333;
	font-size: 14px;
}

.page .join .conbox:nth-child(5) .textbox a:hover span {
	background-color: #0091a5;
	color: #fff;
}

.page .manage-cloud .title-box p {
	padding: 2rem 10rem;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.page .manage-cloud .abox {
	margin-top: 3rem;
}

.solutions .jb1,
.solutions .jb2 {
	margin-right: 20px;
}

.solutions .jb1:after {
	content: "[1]";
	font-size: 12px;
	position: absolute;
	margin-top: -6px;
	margin-left: 5px;
	color: #0091a5;
}

.solutions .jb2:after {
	content: "[2]";
	font-size: 12px;
	position: absolute;
	margin-top: -6px;
	margin-left: 5px;
	color: #fff;
}

.solutions .abox {
	margin-top: 2rem;
}

.page .solutions .hvr-float .textbox {
	background: #fff;
}

.solutions .title-box {
	text-align: center;
}

.solutions .title-box h3 {
	font-weight: bold;
}

.solutions.sleep-solutions .conbox:nth-child(1) {
	background: #f5f5f5;
}

.solutions.sleep-solutions .textbox p {
	line-height: 26px;
	font-size: 16px;
}

.solutions.sleep-solutions .conbox:nth-child(1) {
	padding-top: 3rem;
}

.solutions.sleep-solutions .conbox:nth-child(1) .col-md-4 {
	padding: 2rem;
}

.solutions .assessment {
	text-align: center;
	padding: 6rem 0;
	background: url(../image/sleep-health-solutions-c4.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
}

.solutions .assessment h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 2rem;
}

.solutions .assessment p {
	color: #fff;
	font-size: 16px;
}

.solutions .assessment .a-btn {
	color: #fff;
	border-color: #fff;
}

.solutions .assessment .a-btn:hover {
	border-color: #0091a5;
}

.solutions.sleep-solutions .conbox:nth-child(2) {
	padding: 15rem 0;
	background: url(../image/sleep-health-solutions-c5.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

.solutions.sleep-solutions .conbox:nth-child(2) p {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
}

.solutions.sleep-solutions .conbox:nth-child(3) .col-md-4 {
	padding: 0 2rem;
}

.solutions.sleep-solutions .conbox:nth-child(3) .hvr-float {
	display: block;
	width: 100%;
	background: #f5f5f5;
	height: 100%;
	text-align: center;
	padding: 2rem;
	box-shadow: 0px 0px 0px 0px #e0dcdc;
	transition: all 0.4s;
}

.solutions.sleep-solutions .conbox:nth-child(3) .hvr-float h3 {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.solutions.sleep-solutions .conbox:nth-child(3) .hvr-float p {
	margin-bottom: 3rem;
}

.solutions.sleep-solutions .conbox:nth-child(4) {
	background: #0091a5;
	padding: 4rem 0;
}

.solutions.sleep-solutions .conbox:nth-child(4) .textbox h3 {
	color: #fff;
	margin-bottom: 3rem;
	font-size: 30px;
}

.solutions.sleep-solutions .conbox:nth-child(4) .textbox p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 3rem;
}

.solutions.sleep-solutions .conbox:nth-child(4) .textbox .a-pdf a {
	display: inline-block;
	padding: 6px 20px;
	font-weight: bold;
	background: #fff;
	color: #333;
	font-size: 15px;
	margin-right: 1rem;
	transition: all 0.2s;
}

.solutions.sleep-solutions .conbox:nth-child(4) .textbox .a-pdf a:hover {
	background: #a9dfe7;
	color: #333;
	transition: all 0.2s;
}

.solutions.sleep-solutions .conbox:nth-child(4) .col-md-4 {
	padding: 0 2rem;
}

.solutions.sleep-solutions .conbox:nth-child(4) .hvr-float {
	display: block;
	width: 100%;
	background: #fff;
	height: 100%;
	text-align: center;
	padding: 2rem;
	box-shadow: 0px 0px 0px 0px #e0dcdc;
	transition: all 0.4s;
}

.solutions.sleep-solutions .conbox:nth-child(4) .hvr-float h3 {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.solutions.sleep-solutions .conbox:nth-child(4) .hvr-float p {
	margin-bottom: 3rem;
}

.solutions.sleep-solutions .conbox:nth-child(5) {
	padding: 14rem 0;
	background: url(../image/sleep-health-solutions-c8.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}

.solutions.sleep-solutions .conbox:nth-child(7) {
	background: #0091a5;
	padding: 4rem 0;
}

.solutions.sleep-solutions .conbox:nth-child(7) .textbox h3 {
	color: #fff;
	margin-bottom: 3rem;
	font-size: 30px;
}

.solutions.sleep-solutions .conbox:nth-child(7) .textbox p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 3rem;
}

.solutions.sleep-solutions .conbox:nth-child(7) .a-btn {
	color: #fff;
	border: 1px solid #fff;
	transition: all 0.4s;
}

.solutions.sleep-solutions .conbox:nth-child(7) .a-btn:hover {
	background: #fff;
	transition: all 0.4s;
	color: #0091a5;
}

.data-management .video .col-md-4 {
	padding: 0 2rem;
}

.data-management .video .hvr-float {
	background: #fff;
	text-align: center;
}

.data-management .video .hvr-float .abox2 a {
	border: 1px solid #0091a5;
	color: #0091a5;
	transition: all 0.4s;
}

.data-management .video .hvr-float .abox2 a:hover {
	border: 1px solid #0091a5;
	background: #0091a5;
	color: #fff;
	transition: all 0.4s;
}

.solutions.respiratory-solutions .conbox:nth-child(1) {
	background: #f5f5f5;
}

.solutions.respiratory-solutions .conbox:nth-child(1) {
	padding-top: 3rem;
}

.solutions.respiratory-solutions .conbox:nth-child(1) .col-md-4 {
	padding: 2rem;
}

.solutions.respiratory-solutions .conbox:nth-child(2) {
	background: #0091a5;
	padding: 4rem 0;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .textbox h3 {
	color: #fff;
	margin-bottom: 3rem;
	font-size: 30px;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .textbox p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 3rem;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .textbox .a-pdf a {
	display: inline-block;
	padding: 6px 20px;
	font-weight: bold;
	background: #fff;
	color: #333;
	font-size: 15px;
	margin-right: 1rem;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .col-md-4 {
	padding: 0 2rem;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .hvr-float {
	display: block;
	width: 100%;
	background: #fff;
	height: 100%;
	text-align: center;
	padding: 2rem;
	box-shadow: 0px 0px 0px 0px #e0dcdc;
	transition: all 0.4s;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .hvr-float h3 {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.solutions.respiratory-solutions .conbox:nth-child(2) .hvr-float p {
	margin-bottom: 3rem;
}

.solutions.reference-material {
	padding: 4rem 0;
}

.solutions.reference-material dl {
	margin-top: 2rem;
}

.solutions.reference-material dl dd {
	padding: 0.7rem;
	margin-bottom: 1rem;
	background: #f5f5f5;
}

.solutions.reference-material dl dd span {
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	margin-right: 1rem;
	background: #0091a5;
	border-radius: 50%;
}

.solutions.reference-material dl dd p {
	margin-bottom: 0px;
	width: 80%;
}

.respiratory.inner .column {
	padding: 3% 0;
}

.respiratory.inner .column.data-management {
	padding: 6% 0;
}

.solutions.respiratory .conbox:nth-child(1) {
	background: #f5f5f5;
}

.solutions.respiratory .conbox:nth-child(1) .title-box p {
	padding: 0 10rem;
	font-size: 16px;
	color: #333;
	margin-bottom: 3rem;
}

.solutions.respiratory .conbox:nth-child(1) .col-md-3 {
	text-align: center;
}

.solutions.respiratory .conbox:nth-child(1) h3 {
	font-size: 20px;
}

.solutions.respiratory .conbox:nth-child(2) {
	background: #0091a5;
	padding: 4rem 0;
}

.solutions.respiratory .conbox:nth-child(2) .titlebox h3 {
	color: #fff;
}

.solutions.respiratory .conbox:nth-child(2) .titlebox p {
	color: #fff;
}

.solutions.respiratory .conbox:nth-child(2) .titlebox span {
	background: #fff;
}

.solutions.respiratory .conbox:nth-child(2) .abox2 {
	margin-top: 3rem;
}

.solutions.hospital .conbox:nth-child(1) {
	padding: 4rem 0;
	background: #f5f5f5;
}

.solutions.hospital .conbox:nth-child(1) .col-md-3 {
	padding: 0 1rem;
}

.solutions.hospital .conbox:nth-child(1) .hvr-float {
	height: 100%;
	background: #fff;
	text-align: center;
	padding-top: 2rem;
	box-shadow: 0px 0px 0px 0px #e0dcdc;
}

.solutions.hospital .conbox:nth-child(2) {
	position: relative;
	z-index: 4;
	padding: 14rem 0;
	background: url(../image/hospital-end-support-scheme-c1.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}

.solutions.hospital .conbox:nth-child(2) .text-box {
	margin-top: -5rem;
	text-align: center;
}

.solutions.hospital .conbox:nth-child(2) .text-box h3 {
	color: #fff;
}

.solutions.hospital .conbox:nth-child(3) {
	margin-top: -10rem;
	position: relative;
	z-index: 5;
	margin-bottom: 4rem;
}

.solutions.hospital .conbox:nth-child(3) .col-md-6 {
	padding: 0;
	background: #fff;
}

.solutions.hospital .conbox:nth-child(3) .textbox {
	padding: 0 4rem;
}

.solutions.hospital .conbox:nth-child(3) .textbox h3 {
	margin-bottom: 2rem;
	font-weight: bold;
}

.list-management {
	background: #f5f5f5;
}

.list-management .hover-box {
	height: 100%;
}

.list-management .hover-box .col-md-4 {
	padding: 0 2rem;
	margin-bottom: 1rem;
}

.list-management .hover-box .textbox {
	padding: 1rem;
	background: #fff;
}

.list-management .hover-box .textbox h4 {
	font-size: 14px;
	color: #0091a5;
}

.list-management .hover-box .textbox h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 2rem;
	margin-top: 1rem;
}

.service.column-nav {
	background: #f5f5f5;
	padding: 0;
}

.service .title-box h3 {
	font-weight: bold;
	margin-bottom: 1rem;
}

.service {
	background: #f5f5f5;
}

.service .gdt {
	overflow-x: scroll;
	padding-bottom: 2rem;
}

.service .conbox:nth-child(2) .gdt::-webkit-scrollbar {
	width: 2px;
	height: 10px;
}

.service .conbox:nth-child(2) .gdt::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgb(198 198 198 / 56%);
	border-radius: 10px;
}

.service .conbox:nth-child(2) .gdt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgb(255 255 255);
	box-shadow: 0 0 6px rgb(148 148 148 / 15%);
}

.service .conbox:nth-child(3) .gdt::-webkit-scrollbar {
	width: 2px;
	height: 10px;
}

.service .conbox:nth-child(3) .gdt::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgb(190 190 190 / 56%);
	border-radius: 10px;
}

.service .conbox:nth-child(3) .gdt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgb(57 176 196);
	box-shadow: 0 0 6px rgb(87 87 87 / 15%);
}

.service .conbox:nth-child(2) .title-box {
	text-align: center;
	margin-bottom: 3rem;
}

.service .conbox:nth-child(2) .col-md-4 {
	padding: 0 2rem;
}

.service .conbox:nth-child(2) .hvr-float {
	box-shadow: 0px 0px 0px 0px #e0dcdc;
}

.service .conbox:nth-child(2) .textbox {
	background: #fff;
}

.service .conbox:nth-child(2) .textbox h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.service .conbox:nth-child(2) .textbox p {
	margin: 1rem 0;
	color: #666;
	font-size: 15px;
}

.service .conbox:nth-child(2) .textbox h4 {
	font-size: 14px;
	color: #0091a5;
}

.service .conbox:nth-child(2) .abox {
	margin: auto;
}

.service .conbox:nth-child(3) {
	margin-top: 2rem;
}

.service .conbox:nth-child(3) .row {
	background: #fff;
	margin-top: 2rem;
	padding: 2rem;
}

.service .conbox:nth-child(3) img {
	width: 30%;
	margin: auto;
}

.service .conbox:nth-child(3) p {
	font-size: 16px;
	color: #333;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 0;
}

.service .conbox:nth-child(4) {
	margin-top: 4rem;
}

.service .conbox:nth-child(4) .row {
	margin-top: 2rem !important;
}

.service .conbox:nth-child(4) .col-md-7 {
	padding: 0;
}

.service .conbox:nth-child(4) .col-md-5 {
	padding: 0;
	background: #fff;
}

.service .conbox:nth-child(4) .textbox {
	padding: 4rem;
}

.service .conbox:nth-child(4) .textbox h3 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.service .conbox:nth-child(5) {
	margin-top: 4rem;
}

.service .conbox:nth-child(5) .col-md-6 {
	padding: 1rem;
}

.service .conbox:nth-child(5) p {
	padding: 0.5rem;
	margin-bottom: 0;
	text-align: center;
	font-size: 16px;
}

.article-service {
	background: #f5f5f5;
}

.article-service .conbox:nth-child(1) {
	margin-top: 4rem;
}

.article-service .conbox:nth-child(1) .row {
	margin-top: 2rem !important;
}

.article-service .conbox:nth-child(1) .col-md-7 {
	padding: 0;
}

.article-service .conbox:nth-child(1) .col-md-5 {
	padding: 0;
	background: #fff;
}

.article-service .conbox:nth-child(1) .textbox {
	padding: 4rem;
}

.article-service .conbox:nth-child(1) .textbox h3 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.article-service .conbox:nth-child(2) {
	margin-top: 4rem;
}

.article-service .conbox:nth-child(2) .col-md-6 {
	padding: 1rem;
}

.article-service .conbox:nth-child(2) p {
	padding: 0.5rem;
	margin-bottom: 0;
	text-align: center;
	font-size: 16px;
}

.service .extended ol {
	list-style: none;
}

.service .extended ol li,
.service .extended ul li,
.service .extended p {
	font-size: 15px;
	color: #555;
	line-height: 26px;
}

.service .extended p strong {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.service .extended h3 {
	font-size: 30px;
	margin-bottom: 2rem;
}

.service .extended h4 strong {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.service.faq .sfaq-box dl dd {
	margin: 1rem;
}

.service.faq .sfaq-box dl a {
	display: inline-block;
	border-radius: 30px;
	border: 1px solid #ccc;
	padding: 0.4rem 1rem;
	font-size: 16px;
	color: #333;
}

.service.faq .sfaq-box dl a.active {
	background: #0091a5;
	color: #fff;
	border-color: #0091a5;
}

.service.faq h6 {
	font-size: 18px;
	margin-bottom: 3rem;
	line-height: 30px;
}

.articlenew .navbox {
	background: #fff;
}

.articlenew .navbox .onoff1 {
	display: none;
}

.articlenew .navbox .onoff2 {
	display: inline-block;
}

.articlenew .navbar-dark .navbar-nav .nav-link {
	color: #333;
}

.articlenew .navbar-dark .nav-item:hover .nav-link {
	color: #333;
}

.articlenew .navbar-dark .nav-item:hover .nav-link {
	background: #fff;
}

.articlenew .dropdown.open>.dropdown-menu {
	background: #fff;
}

.articlenew .dropdown.open>.dropdown-menu .dropdown-item {
	color: #666;
}

.articlenew .dropdown.open>.dropdown-menu .dropdown-item:hover {
	color: #666;
	background: linear-gradient(to left, rgb(239 243 231 / 60%), rgb(204 232 235 / 60%));
}

.inner .top {
	margin-top: 4%;
}

.newsroom.articlenew .newbox {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

.newsroom.articlenew .newbox h1 {
	font-size: 30px;
	color: #333;
}

.newsroom.articlenew .newbox h6 {
	color: #777;
}

.newsroom.articlenew .newbox .bgbox {
	font-size: 15px;
	color: #777;
}

.articlenew .conbox {
	padding: 4rem 0;
}

.articlenew .titlebox h1 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.articlenew .titlebox h5 {
	color: #0091a5;
	font-size: 15px;
	margin-bottom: 0.5rem;
}

.articlenew .titlebox .hr {
	background: #0091a4;
	width: 10%;
	height: 5px;
	margin-bottom: 1rem;
}

.articlenew .tag {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2rem 0;
}

.articlenew .tag span {
	font-size: 14px;
	height: auto;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	text-align: center;
	max-width: 25%;
	padding: 0.4rem 0;
	background: #f5f5f5;
	color: #000;
	margin-right: 1rem;
	margin-bottom: 0.4rem;
}

.related-art .carousel-item .col-md-3,
.related-art .carousel-item .col-md-4 {
	float: left;
}

.related-art .hvr-float a {
	color: #333;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.related-art .hvr-float p {
	padding: 0.5rem;
}

.related-art a span {
	background: rgb(122 199 108 / 0.7);
	display: block;
	width: 50px;
	font-family: monospace;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	height: 50px;
	color: #fff;
	border-radius: 50%;
}

.related-art .carousel-control-prev {
	left: 0;
	width: 15%;
}

.related-art .carousel-control-next {
	right: 0;
	width: 15%;
}

.related-art .a-btn:hover {
	color: #fff;
}

.list-service ul {
	list-style: none;
}

.list-service {
	background: #f5f5f5;
}

.service .conbox {
	margin-bottom: 3rem;
	padding: 2rem 0;
}

.service .searchbox {
	width: 40%;
	margin: auto;
	padding: 8px 20px;
	border-radius: 30px;
	background: #fff;
}

.service .searchbox img {
	width: 16px;
	height: 16px;
	margin-top: 3px;
}

.service .searchbox input {
	width: 90%;
	margin-left: 1rem;
	font-size: 14px;
	border: none;
}

.service .searchbox input::-webkit-input-placeholder {
	color: #333;
	font-size: 14px;
}

.list-service .searchbox a {
	color: #0091a5;
}

.articlenew .service a {
	color: #0091a5;
	display: inline-block;
	font-size: 14px;
}

.list-service .city h3 {
	font-size: 20px;
	white-space: nowrap;
}

.list-service .city ul li {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.list-service .city ul li span {
	cursor: pointer;
	display: inline-block;
	padding: 3px 18px;
	background: #fff;
	color: #0091a5;
	font-size: 14px;
	margin-right: 1rem;
	border-radius: 30px;
}

.list-service .city ul li span a {
	color: #0091a5;
}

.list-service .city ul li span.active {
	background: #0091a5;
	color: #fff;
}

.list-service .city ul li span.active a {
	color: #fff;
}

.list-service .row .col-lg-3 {
	padding: 0 1rem;
}

.list-service .row .hvr-float {
	box-shadow: 0px 0px 2px 0px #e0dcdc;
	background: #fff;
	height: 100%;
}

.list-service .row .textbox h4 {
	font-size: 14px;
	color: #666;
}

.list-service .row .textbox h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.list-service .row .textbox p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.list-service .textbox I {
	color: #0091a5;
	margin-right: 5px;
}

.list-service .row .abox {
	margin-top: 1rem;
}

.list-service .row .abox a {
	font-size: 14px;
}

.articlenew .service h1 {
	font-size: 30px;
	font-weight: initial;
	margin: 3rem 0;
	padding-top: 3rem;
	border-top: 1px solid #ccc;
	text-align: center;
}

.articlenew .service h1 .h-a {
	float: left;
}

.articlenew .service h1 .h-a i {
	font-size: 30px;
}

.articlenew .service .titlebox h3 {
	font-size: 25px;
	margin-bottom: 1rem;
}

.articlenew .service .titlebox h4,
.articlenew .service .titlebox h5,
.articlenew .service .titlebox h6 {
	font-size: 16px;
	color: #333;
	margin-bottom: 0.8rem;
}

.articlenew .service .map-a {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	background: #0091a5;
	border-radius: 50%;
	transition: all 0.4s;
	cursor: pointer;
}

.articlenew .service .map-a:hover {
	background: #1fadc0;
	transition: all 0.4s;
}


.investor {
	background: #f5f5f5;
}

.investor .position {
	background: #fff;
}

/*.investor .sticky .lmbox{position: -webkit-sticky;position: sticky;top: 19vh;background: #fff;padding:2rem 1.5rem;}*/
.investor .sticky {
	background: none;
}

.investor .sticky .lmbox {
	background: #fff;
	padding: 2rem 1.5rem;
}

.investor .sticky .lmbox h5 a {
	font-size: 25px;
	color: #333;
	display: block;
}

.investor .sticky .lmbox ul {
	padding: 0px;
	list-style: none;
	margin-top: 2rem;
}

.investor .sticky .lmbox ul li {
	margin-bottom: 0;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #eee;
}

.investor .sticky .lmbox ul li span {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right: .2rem;
	padding: 10px 15px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 55;
}

.investor .sticky .lmbox ul li:first-child {
	border-top: 1px solid #eee;
}

.investor .sticky .lmbox ul li span svg {
	width: 16px;
	height: 16px;
	transform: rotate(0deg);
	transition: all 0.3s;
	fill: #777777;
}

.investor .sticky .lmbox ul li .active svg {
	transform: rotate(180deg);
	transition: all 0.3s;
}

.investor .sticky .lmbox ul li a {
	position: relative;
	z-index: 54;
	text-decoration: none;
	color: #777;
	font-size: 16px;
	display: block;
	padding: 15px;
	transition: all 0.3s;
}

.investor .sticky .lmbox ul li a:hover {
	color: #1577be;
	transition: all 0.3s;
}

.investor .sticky .lmbox ul li .active svg {
	fill: #1577be;
}

.investor .sticky .lmbox ul li i {
	width: 20px;
	height: 20px;
	font-size: 16px;
}

.investor .sticky .lmbox ul li a i {
	margin-right: 10px;
	transition: all 0.3s;
}

.investor .sticky .lmbox ul li a:hover i {
	margin-right: 20px;
	transition: all 0.3s;
}

.investor .sticky .lmbox ul .list-a {
	font-size: 13px;
	color: #999;
}

.investor .sticky .lmbox .click-box {
	display: none;
}

.investor .list-click103,
.investor .list-click133,
.investor .list-click134,
.investor .list-click124,
.investor .list-click117 {
	display: none !important;
}

.investor .col-lg-9 .p-4 {
	padding: 1rem !important;
}

.investor .btitle {
	font-size: 18px;
	padding: .8rem 1rem;
	padding-left: 0;
	border-bottom: 1px solid #eee;
	color: #333;
}

.investor .btitle span {
	padding: 1rem;
	border-bottom: 2px solid #0091a5;
	margin-bottom: 5px;
}

.investor .databox .codebox {
	background: #e5eeef;
	padding: 3rem;
	height: 100%;
}

.investor .databox .codebox i {
	font-size: 26px;
	transform: rotate(45deg);
	color: #0091a5;
}

.investor .databox .codebox h2 {
	color: #0091a5;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}

.investor .databox .codebox h2 b {
	font-size: 40px;
}

.investor .databox .codebox h6 {
	color: #0091a5;
	font-size: 14px;
}

.investor .databox .codebox h5 {
	font-size: 16px;
	font-weight: bold;
	color: #eb0000;
}

.investor .databox .codebox h5 b {
	color: #333;
	font-size: 14px;
	font-weight: initial;
}

.investor .databox .codebox p {
	color: #333;
	font-size: 14px;
	margin-bottom: 0;
}

.investor .databox .textbox {
	background: #f9f9f9;
	padding: 2rem;
	height: 100%;
}

.investor .databox .textbox h2 {
	font-size: 20px;
	font-weight: bold;
}

.investor .databox .textbox p {
	font-size: 13px;
	color: #777;
}

.investor .databox .textbox .row {
	border-top: 1px solid #eee;
	margin-top: 5rem;
}

.investor .databox .textbox .tbox h3 {
	font-size: 20px;
	color: #333;
}

.investor .databox .textbox .tbox p {
	font-size: 12px;
	color: #666;
}

.investor .shareholders ul {
	margin: 0;
	padding: 0;
	margin-bottom: 4rem;
}

.investor .shareholders ul li {
	margin-bottom: .6rem;
	font-size: 15px;
	color: #666;
}

.investor .shareholders ul li:first-child {
	margin-bottom: 2rem;
}

.investor .shareholders ul li span {
	color: #fff;
	background: #0091a5;
	padding: .8rem 2rem;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.investor .shareholders h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.investor .shareholders .textbox h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.investor .shareholders .col-md-12 {
	margin-bottom: 3rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3rem;
}

.investor .shareholders .col-md-12:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.investor .shareholders .textbox .txt {
	font-size: 14px;
	color: #666;
}

.investor .notice .col-md-12 {
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5rem;
}

.investor .notice a .svg svg {
	fill: #eeeeee;
	width: 30px;
	height: 30px;
	transition: all 0.3s;
}

.investor .notice a .txt-title {
	font-size: 15px;
	color: #333;
	transition: all 0.3s;
}

.investor .notice a .time {
	font-size: 13px;
	color: #777;
	transition: all 0.3s;
}

.investor .notice a:hover .svg svg {
	fill: #0091a5;
	transition: all 0.3s;
}

.investor .notice a:hover .txt-title,
.investor .notice a:hover .time {
	color: #0091a5;
	transition: all 0.3s;
}

.investor .page-item:first-child .page-link {
	border-top-right-radius: 0;
	padding: .5rem .75rem;
}

.investor .pagination .active .page-link {
	border-bottom-left-radius: 0;
	padding: .5rem .75rem;
}

.investor .list-click115 svg {
	display: none;
}

.investor .noticelist .row {
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5rem;
}

.investor .noticelist .svg svg {
	fill: #eeeeee;
	width: 30px;
	height: 30px;
	transition: all 0.3s;
}

.investor .noticelist .txt-title a {
	font-size: 15px;
	color: #333;
	transition: all 0.3s;
}

.investor .noticelist .time {
	font-size: 13px;
	color: #777;
	transition: all 0.3s;
}

.investor .noticelist .row:hover .svg svg {
	fill: #0091a5;
	transition: all 0.3s;
}

.investor .noticelist .row:hover .txt-title a,
.investor .notice a:hover .time {
	color: #0091a5;
	transition: all 0.3s;
}

.faq-ul {
	list-style: none;
	font-size: 15px;
	width: 100%;
}

.faq-ul h6 {
	background: #fff;
	color: #333;
}

.faq-ul h6 b {
	font-weight: inherit;
	font-size: 16px;
	font-weight: bold;
}

.faq-ul p b {
	color: #00afef;
}

.faq-ul .clickbg {
	background: #fff;
	color: #333;
}

.faq-ul .hvr-float:hover {
	transition: all 0.5s;
	box-shadow: 0px 2px 6px 0px #e8e8e8;
}

.faq-ul .flip {
	margin-bottom: 1rem;
	border: 1px solid #eee;
	width: 100%;
	cursor: pointer;
	text-align: left;
	box-shadow: 0 1px 1px 0 rgba(37, 60, 126, 0.01);
}

.faq-ul .flip .span-tb::before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 24px;
	z-index: 50;
	top: 5px;
	right: 10px;
	background: url(../image/plus2.png);
	background-size: cover;
}

.faq-ul .clickbg .span-tb2::before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 24px;
	z-index: 50;
	top: 5px;
	right: 10px;
	background: url(../image/minus2.png);
	background-size: cover;
}

.faq-ul .flip .span-tbb::before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 24px;
	z-index: 50;
	top: 5px;
	right: 10px;
	background: url(../image/minus2.png);
	background-size: cover;
}

.faq-ul .flip .span-tbb2::before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 24px;
	z-index: 50;
	top: 5px;
	right: 10px;
	background: url(../image/plus2.png);
	background-size: cover;
}

.faq-ul .flip .on.panel {
	display: block;
}

.faq-ul .flip .panel {
	display: none;
	padding: 20px;
	border-top: 1px solid #eee;
	background: #fff;
}

.faq-ul .flip .panel,
.faq-ul .flip .panel p {
	font-size: 15px;
	color: #777;
}

.faq-ul .flip:nth-child(1) .panel {
	display: block;
}

.faq-ul .flip:nth-child(1) .on.panel {
	display: none;
}

.page .notice {
	padding: 4rem 0;
}

.page .notice .col-md-5 {
	padding: 0;
	background: #f5f5f5;
}

.page .notice .col-md-5 .textbox {
	padding: 4rem;
}

.page .notice .col-md-5 .textbox h3 {
	color: #333;
	font-size: 15px;
}

.page .notice .col-md-5 .textbox h3 b {
	font-size: 25px;
}

.page .notice .col-md-5 .textbox h4 {
	font-size: 36px;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.page .notice .col-md-5 .textbox h4 span {
	font-size: 18px;
}

.page .notice .col-md-5 .textbox h4 i {
	margin-left: 1rem;
}

.page .notice .col-md-5 .textbox table {
	width: 100%;
	margin-bottom: 1rem;
}

.page .notice .col-md-5 .textbox table td {
	width: 50%;
	padding: 0.4rem;
	font-size: 14px;
	color: #666;
}

.page .notice .col-md-5 .textbox table td b {
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 15px;
}

.page .notice .col-md-5 .textbox p {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	margin-bottom: 0;
}

.page .notice .col-md-7 {
	padding: 0;
}

.page .bulletin-board {
	margin-top: 2rem;
}

.page .bulletin-board .title-box span {
	width: 50px;
	height: 5px;
	display: block;
	margin-bottom: 1rem;
	background: #0091a5;
}

.page .bulletin-board .title-box h3 {
	font-weight: bold;
	margin-bottom: 2rem
}

.page .notice ul li {
	margin-bottom: 2rem;
}

.page .notice ul li .cbox {
	color: #333;
	font-size: 15px;
}

.page .notice ul li .cbox a {
	color: #333;
	font-size: 15px;
}

.page .notice ul li .txtbox {
	width: 100%;
}

.page .notice ul li .txtbox img {
	width: 15px;
	height: 15px;
	margin-left: .8rem;
	margin-top: 2px;
}

.page .notice ul li .time {
	width: 20%;
	text-align: right;
}

.page .notice .col-md-2 .title-box {
	margin-bottom: 1rem;
}

.page .notice .colnum-nav li {
	margin-bottom: 0.5rem;
}

.page .notice .colnum-nav li .active {
	color: #0091a5;
}

.page .notice .col-md-10 h2 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.page .notice .col-md-10 .hover-box a {
	display: block;
	padding: 1rem;
	background-color: #f5f5f5;
}

.page .notice .col-md-10 .hover-box a h4 {
	font-size: 15px;
	color: #666;
}

.page .notice .col-md-10 .hover-box a h3 {
	font-size: 16px;
	color: #333;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.page .notice .col-md-10 .hover-box a:hover {
	background-color: #0091a5;
}

.page .notice .col-md-10 .hover-box a:hover h4,
.page .notice .col-md-10 .hover-box a:hover h3 {
	color: #fff;
}

.kepu {
	background: #f5f5f5;
}

.kepu.column-nav {
	background: #f5f5f5;
}

.kepu .col-md-4,
.kepu .col-md-3 {
	padding: 1rem;
}

.kepu .col-md-4 .hvr-float,
.kepu .col-md-3 .hvr-float {
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.kepu .col-md-4 .hvr-float h4,
.kepu .col-md-3 .hvr-float h4 {
	font-size: 14px;
	margin-top: 0.4rem;
	margin-bottom: 1rem;
	line-height: 22px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.kepu .col-md-4 .hvr-float h3 {
	margin-bottom: 1rem;
	font-size: 18px;
	color: #333;
	height: 60px;
	overflow: hidden;
	font-weight: bold;
	line-height: 30px;
}

.kepu .col-md-3 .hvr-float h3 {
	margin-bottom: 1rem;
	font-size: 18px;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.kepu .col-md-4 .hvr-float .textbox,
.kepu .col-md-3 .hvr-float .textbox {
	padding: 1rem;
}

.kepu .col-md-4 .hvr-float .abox,
.kepu .col-md-3 .hvr-float .abox {
	margin-top: 2rem;
}

.index-kepu .row:nth-child(1) .col-md-4:nth-child(1) {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.index-kepu .row:nth-child(1) .col-md-4:nth-child(1) .textbox {
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.index-kepu .row:nth-child(1) .col-md-4:nth-child(1) .textbox h3 {
	background: rgb(0 0 0 / 0.5);
	color: #fff;
	font-size: 15px;
	padding: 0.8rem;
	margin-bottom: 0;
	text-align: center;
}

.index-kepu .row:nth-child(1) .col-md-4:nth-child(1) .textbox .abox,
.index-kepu .row:nth-child(1) .col-md-4:nth-child(1) .textbox h4 {
	display: none;
}

.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) .textbox {
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) .textbox h3 {
	background: rgb(0 0 0 / 0.5);
	color: #fff;
	font-size: 15px;
	padding: 0.8rem;
	margin-bottom: 0;
	text-align: center;
}

.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) .textbox .abox,
.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) .textbox h4 {
	display: none;
}

.video .conbox {
	padding: 3rem 0;
}

.video .conbox .col-md-4 {
	padding: 0 2rem;
}

.video .col-md-4 .hvr-float {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.video .col-md-4 .hvr-float .ofhidden {
	position: relative;
}

.video .col-md-4 .hvr-float .ofhidden .img-play {
	position: absolute;
	z-index: 5;
	width: 12%;
}

.video .col-md-4 .hvr-float p {
	padding: 0.5rem;
	color: #333;
	font-size: 16px;
	text-align: center;
}

.video .col-md-6 .ofhidden {
	position: relative;
}

.video .col-md-6 .ofhidden .img-play {
	position: absolute;
	z-index: 5;
	width: 12%;
}

.video .conbox:nth-child(even) {
	background: #f5f5f5;
}

.video .justify-content-between h3 {
	font-size: 30px;
	border-left: 4px solid #0091a5;
	padding-left: 1rem;
	margin-bottom: 2rem;
}

.video .justify-content-between a {
	display: inline-block;
	color: #0091a5;
}

.article-video h1 {
	text-align: center;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

.activity.column {
	position: relative;
	padding: 0;
}

.activity.column .container-bmc {
	position: relative;
	z-index: 56;
}

.activity.column .textbox h3 {
	color: #333 !important;
	line-height: 50px;
}

.activity.column .textbox p {
	color: #666 !important;
}

.activity.column .textbox a {
	display: inline-block;
	padding: 0.6rem 2rem;
	border-radius: 30px;
	background: #c7000b;
	color: #fff;
	font-size: 15px;
	transition: all 0.4s;
}

.activity.column .textbox a:hover {
	background: #f73a44;
	transition: all 0.4s;
}

.activity.column .textbox a i {
	font-size: 15px;
	margin-right: 5px;
}

.activity.column .row .col-md-6 img {
	border-radius: 20px;
}

.activity.column .pt-img {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 55;
}

.activity.column .row .col-md-6 .ofhidden {
	position: relative;
}

.activity.column .row .col-md-6 .ofhidden img:nth-child(1) {
	z-index: 55;
}

.activity.column .row .col-md-6 .v-play {
	position: absolute;
	z-index: 56;
	width: 10%;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.4s;
}

.activity.column .row .col-md-6 .v-play:hover {
	opacity: 1;
	transition: all 0.4s;
}

.activity.topics {
	background: #f8f8f8;
}

.activity.topics h2 {
	font-size: 30px;
	margin-bottom: 2rem;
	font-weight: bold;
}

.activity .carousel .row {
	margin-right: -15px;
	margin-left: -15px;
}

.activity.topics .conbox:nth-child(1) .ofhidden {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.activity.topics .conbox:nth-child(1) .txtbox {
	padding: 1rem;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.activity.topics .conbox:nth-child(1) .txtbox h3 {
	height: 50px;
	overflow: hidden;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.activity.topics .conbox:nth-child(1) .txtbox p {
	font-size: 15px;
	margin-bottom: 0;
	color: #777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.activity.topics .conbox:nth-child(1) .carousel-control-prev {
	width: 5%;
	margin-left: -6rem;
}

.activity.topics .conbox:nth-child(1) .carousel-control-next {
	width: 5%;
	margin-right: -6rem;
}

.online .titlebox h3 {
	font-weight: 500;
}

.mdimg {
	overflow-x: scroll;
}

.mdimg img {
	margin-right: 1rem !important;
	box-shadow: none !important;
}

.mdimg br {
	display: none;
}

.mdimg::-webkit-scrollbar {
	width: 2px;
	height: 10px;
}

.mdimg::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgb(198 198 198 / 56%);
	border-radius: 10px;
}

.mdimg::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgb(255 255 255);
	box-shadow: 0 0 6px rgb(148 148 148 / 15%);
}

.topic.column {
	padding-top: 6% !important;
	padding-bottom: 0 !important;
}

.topic.column .txtbox {
	position: absolute;
	bottom: 10%;
	border: 6px solid #0091a5;
	padding: 3rem 4rem;
	z-index: 98;
	text-align: left;
	padding-right: 12rem;
	margin-left: -12rem;
}

.topic.column .txtbox p {
	font-size: 16px;
	color: #333;
}

.topic.column .txtbox h2 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 1rem;
}

.topic.column .txtbox h3 {
	font-size: 20px;
	color: #fff;
}

.topic.column .txtbox ul {
	list-style: none;
	text-align: left;
	font-size: 15px;
	color: #fff;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #fff;
}

.topic.column .txtbox ul li {
	margin-bottom: 0.4rem;
}

.topic.column img {
	width: 18%;
	position: relative;
	z-index: 99;
	margin-right: -25rem;
}

.topic .conbox {
	padding: 3rem 0;
}

.topic .title-box h3 {
	margin-bottom: 3rem;
}

.topic .conbox .textbox span {
	width: 50px;
	height: 4px;
	background: #0091a5;
	display: block;
	margin-bottom: 1rem;
}

.topic .conbox .textbox h3 {
	font-size: 30px;
	color: #333;
	margin-bottom: 2rem;
}

.topic .conbox .textbox p {
	line-height: 26px;
	font-size: 15px;
	color: #666;
}

.topic .conbox .textbox ul {
	list-style: none;
	margin: 1rem 0;
}

.topic .conbox .textbox ul li {
	margin-bottom: 0.4rem;
	font-size: 15px;
	color: #666;
}

.topic .conbox.bg {
	background: #f5f5f5;
}

.brand.topic .conbox:nth-child(1) .col-md-6,
.brand.topic .conbox:nth-child(1) .col-md-4,
.brand.topic .conbox:nth-child(1) .col-md-8 {
	padding: 1rem;
}

.brand.topic .conbox:nth-child(1) .col-md-8 {
	margin-top: 4rem;
}

.brand.topic .conbox:nth-child(2) ul {
	margin: 0;
}

.brand.topic .conbox:nth-child(2) ul li {
	margin-bottom: 1rem;
}

.brand.topic .timebox .row {
	padding: 25rem 2rem;
}

.brand.topic .timebox .row .col {
	position: relative;
}

.brand.topic .timebox .row .col:before {
	content: "";
	background: url(../image/tb-ico1.png);
	display: inline-block;
	width: 16px;
	height: 61px;
	position: absolute;
	left: 50%;
	z-index: 50;
	margin-top: -7px;
}

.brand.topic .timebox .row .col:nth-child(even):before {
	transform: rotate(180deg);
	margin-top: -54px;
}

.brand.topic .timebox .row .col .conbox {
	position: absolute;
	text-align: center;
}

.brand.topic .timebox .row .col .conbox h3 {
	font-size: 14px;
	color: #333;
}

.brand.topic .timebox .row .col:nth-child(odd) .conbox h3 {
	margin-top: 10px;
}

.brand.topic .timebox .row .col .conbox p {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
}

.brand.topic .timebox .row .col .conbox h6 {
	font-size: 14px;
	color: #0091a5;
}

.brand.topic .timebox .row .col .conbox h6 img {
	width: 14px;
	margin-right: 5px;
}

.brand.topic .timebox .row .col:nth-child(even) {
	border-top: 1px solid #0091a5;
}

.brand.topic .timebox .row .col:nth-child(odd) {
	border-bottom: 1px solid #0091a5;
}

.brand.topic .timebox .row .col:nth-child(even) .conbox {
	bottom: 0;
}

.brand.topic .timebox .row .col:nth-child(odd) .conbox {
	top: 0;
}

.brand.topic .conbox:nth-child(4) {
	background: #0091a5;
}

.brand.topic .conbox:nth-child(4) .title-box h3 {
	color: #fff;
}

.brand.topic .conbox:nth-child(4) .title-box p {
	color: #fff;
	padding: 0 10rem;
	text-align: left;
}

.brand.topic .conbox:nth-child(4) #carouselBrand .carousel-item {
	text-align: center;
}

.brand.topic .conbox:nth-child(4) #carouselBrand a {
	opacity: 1;
}

.brand.topic .conbox:nth-child(4) #carouselBrand a:before {
	content: "";
	background: rgb(2 2 2 / 0.4);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 56;
	transition: all 0.2s;
}

.brand.topic .conbox:nth-child(4) #carouselBrand a:hover:before {
	background: rgb(2 2 2 / 0.2);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	transition: all 0.4s;
}

.brand.topic .conbox:nth-child(4) #carouselBrand a img {
	z-index: 57;
	opacity: 0.7;
	transition: all 0.4s;
}

.brand.topic .conbox:nth-child(4) #carouselBrand a:hover img {
	opacity: 1;
	transition: all 0.4s;
}

.brand.topic .conbox:nth-child(4) #carouselBrand .carousel-control-prev {
	background: url(../image/l-img.jpg);
	background-repeat: no-repeat;
	z-index: 57;
}

.brand.topic .conbox:nth-child(4) #carouselBrand .carousel-control-next {
	background: url(../image/r-img.jpg);
	background-repeat: no-repeat;
	z-index: 57;
}

.brand.topic .conbox:nth-child(5) .col-md-12,
.brand.topic .conbox:nth-child(5) .col-md-3 {
	padding: 0.6rem;
}

.brand.topic .conbox:nth-child(5) .ctitle img {
	margin-bottom: 2rem;
}

.brand.topic .conbox:nth-child(5) .ctitle h3 {
	font-size: 50px;
	font-weight: bold;
	color: #0091a5;
	padding-bottom: 2rem;
	border-bottom: 1px solid #0091a5;
	margin-bottom: 2rem;
}

.brand.topic .conbox:nth-child(5) .ctitle p {
	line-height: 30px;
}

.character.topic .conbox:nth-child(2) {
	padding: 6rem 0;
	padding-bottom: 4rem;
	background: url(../image/character-topics-c3.jpg);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}

.character.topic .conbox:nth-child(2) .title-box h3 {
	display: inline-block;
	padding: 0.5rem 5rem;
	padding-left: 18.5rem;
	background: #0091a5;
	color: #fff;
}

.character.topic .conbox:nth-child(2) p {
	color: #fff;
	line-height: 26px;
}

.character.topic .conbox:nth-child(3) .ttbox {
	border: 1px solid #ddd;
	padding: 1.5rem 5rem;
}

.character.topic .conbox:nth-child(3) .title-box h3 {
	margin-bottom: 3rem;
}

.character.topic .conbox:nth-child(3) p {
	margin-bottom: 0;
}

.character.topic .conbox:nth-child(4) {
	background: #f5f5f5;
}

.character.topic .conbox:nth-child(6) {
	background: #0091a5;
}

.character.topic .conbox:nth-child(6) .title-box h3 {
	color: #fff;
	margin-bottom: 3rem;
}

.character.topic .conbox:nth-child(6) .bgbox {
	padding: 4rem;
	background: #fff;
}

.character.topic .achievement .col-md-4 {
	padding: 0 2rem;
}

.character.topic .achievement h3 {
	margin-top: 1rem;
}

.character.topic .timebox {
	position: relative;
}

.character.topic .timebox .row {
	border: 1px solid #0091a5;
	position: relative;
}

.data-txtbox b,
.data-txtbox2 b {
	font-weight: inherit;
	color: #333;
}

.data-txtbox2 .pe,
.data-txtbox2 .pf,
.data-txtbox2 .ph,
.data-txtbox .pa,
.data-txtbox .pf {
	color: #8690dc;
}

.data-txtbox2 .pi,
.data-txtbox2 .pj,
.data-txtbox .pb,
.data-txtbox .pc,
.data-txtbox .pe {
	color: #cece1f;
}

.data-txtbox2 .pg,
.data-txtbox2 .pl,
.data-txtbox2 .pk,
.data-txtbox .pd,
.data-txtbox .pg {
	color: #ff0000;
}

.contact .conbox:nth-child(1) {
	background: #f5f5f5;
	padding: 3rem 0;
}

.contact.column-nav {
	background: #f5f5f5;
}

.contact .conbox:nth-child(1) .textbox h3 {
	font-size: 25px;
	line-height: 40px;
}

.contact .conbox:nth-child(1) .col-md-4 .textbox {
	background: #fff;
	padding: 2rem;
	height: 100%;
}

.contact .conbox:nth-child(1) .col-md-4 .textbox h3 {
	font-weight: bold;
	margin-bottom: 1.2rem;
}

.contact .conbox:nth-child(1) .col-md-4 .textbox a {
	display: block;
	color: #666;
	margin-top: 0.4rem;
}

.contact .conbox:nth-child(2) {
	padding: 4rem 0;
}

.contact .conbox:nth-child(2) .col-md-4 {
	margin-bottom: 2rem;
}

.contact .conbox:nth-child(2) .hvr-float .ofhidden {
	position: relative;
}

.contact .conbox:nth-child(2) .hvr-float .ofhidden .img-text {
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact .conbox:nth-child(2) .hvr-float .ofhidden .img-text span {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.contact .conbox:nth-child(2) .hvr-float .textbox {
	padding: 1rem;
}

.contact .conbox:nth-child(2) .hvr-float .textbox h3 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 1rem;
}

.contact .conbox:nth-child(2) .hvr-float .textbox p {
	font-size: 16px;
	color: #333;
	margin-bottom: 0.4rem;
}

.contact .conbox:nth-child(2) .hvr-float .textbox a {
	color: #0091a5;
	display: block;
}

.contact .col-md-4 a {
	transition: all 0.4s;
}

.contact .col-md-4 a:hover {
	margin-left: 0.4rem;
	transition: all 0.4s;
	cursor: pointer;
	color: #0091a5 !important;
}

.mescon input,
.mescon textarea {
	padding: 0.1rem 0.5rem;
	background: #fff;
	border: none;
	border-radius: 0;
}

.mescon .col-md-6,
.mescon .col-md-12 {
	padding: 0.4rem;
}

.contact .btnbox {
	margin-left: -0.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.contact .btnbox .a-btn {
	background: #0091a5;
	color: #fff;
	width: 30%;
	border-radius: 0;
}

.mescon input::-webkit-input-placeholder,
.mescon textarea::-webkit-input-placeholder,
.flist select option {
	color: #666;
	font-size: 14px;
}

.article-all .article-box .conbox {
	margin-top: 1rem;
	padding-top: 2rem;
	border-top: 1px solid #eee;
}

.article-all .article-box h1 {
	text-align: center;
}

.article-all .article-box img {
	margin: 1rem auto;
}

.article-all .article-box p {
	line-height: 26px;
	font-size: 15px;
}

.tspan {
	display: inline-block !important;
	position: relative;
	padding: 4px 10px;
	color: #fff;
	height: auto !important;
	border: none;
	width: auto !important;
	margin-right: 0.6rem;
	background: #0091a5;
	white-space: nowrap;
}

/*.tspan::before{content: " ";display: inline-block;width: 40px;height: 40px;position: absolute;z-index:50;top: 0px;right: -36px;transform: rotate(45deg);background: #000;}*/

.foot {
	background: #232323;
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.foot .col-md-3 {
	padding: 0 2%;
}

.foot h3,
.foot h3 a {
	font-size: 18px;
	border-bottom: 1px solid #575757;
	padding-bottom: 3%;
	margin-bottom: 4%;
	color: #fff;
}

.foot dl dd {
	margin-bottom: 2%;
}

.foot a,
.footer a {
	color: #bbb;
	font-size: 14px;
}

.foot p,
.footer p {
	color: #bbb;
	font-size: 14px;
	margin-bottom: 5px;
}

.foot a:hover,
.footer a:hover {
	color: #fff;
}

.foot i {
	font-size: 20px;
	color: #fff;
	width: 20px;
}

.foot ul {
	margin-bottom: 5%;
}

.foot ul li {
	margin-right: 8%;
}

.foot dl dd {
	margin-bottom: 0.8rem;
}

.foot h6 {
	color: #fff;
	font-size: 15px;
}

.foot h6 a {
	font-weight: bold;
	color: #0091a5;
	font-size: 24px;
	font-style: oblique;
}

.foot .mescon input {
	background: rgb(103 103 103 / 0.3);
	color: #999;
	padding: 0.8rem;
	border: none;
	width: 60%;
}

.foot input::-webkit-input-placeholder {
	color: #aaa;
	font-size: 14px;
	outline: none;
}

.foot button {
	padding: 0.8rem 1rem;
	border: none;
	background: rgb(103 103 103 / 0.3);
	margin-left: 3%;
	color: #FFF;
}

.foot .powerby-cn h4,
.foot .powerby-cn h5 {
	color: #bbb;
	font-size: 14px;
}

.gotop {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 999;
	cursor: pointer;
	text-align: center;
}

.gotop i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	background: #da251d;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.gotop i:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px 0 rgb(219 241 38 / 50%);
}

.flsm dd {
	color: #bbb;
}

.flsm dd span {
	margin: 0 0.5rem;
}

.footer {
	background: #1f1f1f;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.powerby .rbox p {
	font-size: 16px;
}

.powerby .rbox img {
	width: 95px;
	margin-bottom: 5px;
}

.powerby .lbox dl {
	margin-bottom: 1.5rem;
}

.powerby .lbox .cont a {
	color: #fff;
	font-size: 14px;
}

.powerby .lbox .cont a:hover {
	text-decoration: underline;
}

.powerby .lbox .cont img {
	width: 14px;
	margin-right: 5px;
}

.powerby .lbox .cont dd {
	margin-right: 10px;
}

.powerby .lbox h5 {
	font-size: 14px;
	color: #bbb;
	line-height: 26px;
}

.powerby .lbox h5 a {
	font-size: 14px;
	display: inline-block;
	/* margin-left: 1rem; */
	color: #fff;
	transition: all 0.4s;
}

.powerby .lbox h5 a:hover {
	color: #66a3b9;
	transition: all 0.4s;
}

.social-media {
	position: fixed;
	z-index: 122;
	bottom: 30%;
	right: 0;
}

.social-media a {
	display: block;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	transition: all 0.4s;
	border-bottom: 1px solid #c67e7e;
}

.social-media a i {
	margin: 0;
	padding: 0;
}

.social-media a:hover {
	transition: all 0.4s;
	background: rgb(19 58 83 / 30%);
}

.social-media .leftbox {
	background: linear-gradient(to top, rgb(14 120 184 / 0.9), rgb(106 128 73 / 80%));
	margin-left: 0px;
	transition: all 0.4s;
	position: relative;
}

.social-media .rightbox {
	position: absolute;
	top: 42%;
	left: -24px;
	width: 24px;
	height: 50px;
	align-items: center;
	display: flex;
	text-align: center;
	z-index: 99;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 9px;
	background: linear-gradient(to left, #47616fe8, #47788e);
	cursor: pointer;
	transition: all 0.4s;
}

.social-media .rightbox i {
	color: #fff;
	font-size: 12px;
	transition: all 0.4s;
	margin: auto;
}

.social-media .rightbox:hover i {
	font-size: 14px;
	transition: all 0.4s;
}

.social-media .hiddonf {
	/*margin-right: -50px;*/
	transition: all 0.4s;
}

.social-media .click-off {
	display: none;
}

.social-media .click-on {
	display: block;
}

.social-media .hiddonf .click-on {
	display: none;
}

.social-media .hiddonf .click-off {
	display: block;
}

#exampleModal {
	background: rgb(0 0 0 / 0.7);
}

.qra-code {
	position: relative;
}

.qr-code-img {
	display: none;
	position: fixed;
	width: 10%;
	margin-top: -7%;
	right: 60px;
}

.qra-code:hover .qr-code-img {
	display: block;
}

.legal-cookies h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: #333;
	font-size: 25px;
}

.legal-cookies p {
	font-size: 15px;
	color: #666;
	margin-bottom: 0.4rem;
}

.inner .column {
	position: relative;
	padding: 15% 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.inner .history-article.column {
	padding: 9.2% 0;
}

.article-all.inner .column {
	padding: 8% 0;
}

/*.inner .column:before{background-color: #00afef;content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;opacity: 0.3;}*/
.inner .column .textbox h3 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.inner .column .textbox p {
	font-size: 15px;
	color: #fff;
	line-height: 25px;
}

.column-nav ul {
	padding: 10px 0;
}

.column-nav dl,
.column-nav dl dd,
.column-nav ul {
	margin-bottom: 0;
}

.column-nav dl dd {
	margin-left: 1.5rem;
}

.column-nav dl dd a {
	display: block;
	color: #000;
	padding: 10px 0;
	font-size: 15px;
	border-bottom: 2px solid #eee0;
	transition: all 0.3s;
}

.column-nav dl dd a:hover,
.column-nav dl dd a.active {
	color: #0091a5;
	border-bottom: 2px solid #0091a5;
	transition: all 0.3s;
}

/*.column-nav .container-bmc{border-bottom: 1px solid #eee;}*/
.article-box h1 {
	font-size: 30px;
	color: #333;
}

.article-box h6 {
	color: #666;
}

.article-box .bgbox {
	font-size: 15px;
	color: #666;
}

.hidnav .column {
	padding: 0;
}

.hidnav .column img {
	position: relative;
	z-index: 55;
}

.hidnav .column .tbox {
	position: absolute;
	z-index: 56;
}

.hidnav .toptwo {
	display: none;
}

.hidnav.hidnav-on .toptwo {
	display: block;
}

.hidnav .column-nav ul {
	padding: 0;
}

.hidnav .column-nav dl dd a,
.position ul li {
	padding: 1rem 0;
}

.hidnav .position ul li {
	margin-bottom: 0;
}

.position ul {
	display: flex;
	justify-content: flex-start;
	list-style: none;
}

.position li {
	margin-right: 6px;
}

.position li::before {
	content: "/";
	display: inline-block;
	font-size: 15px;
}

.position li:nth-child(1)::before {
	display: none;
}

.position li a {
	display: inline-block;
	color: #666 !important;
	font-size: 14px;
	transition: all 0.3s;
}

.position li:first-child a {
	font-weight: bold;
	color: #000;
}

.position li a:hover {
	color: rgb(237,217,192);
	transition: all 0.3s;
	text-decoration: revert;
	letter-spacing: 0.4px;
}

.pagination li {
	font-size: 13px !important;
}

.pagination li .page-link {
	cursor: pointer;
	font-size: 13px !important;
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: rgb(237,217,192) !important;
	background-color: #fff;
	border: 1px solid rgb(237,217,192);
}

.pagination .active .page-link {
	font-size: 13px !important;
	background: #0091a5;
	border-color: #0091a5;
	color: #fff !important;
	font-weight: initial;
}

.pagination li .pageinfo {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #6c757d;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.pagination li.disabled .page-link {
	color: #0091a5;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #0091a5;
}

.products #carouselpro .ckeditor-html5-video {
	padding: 2rem 0 !important;
}

#carouselpro .carousel-ins {
	margin: 0;
	padding: 0;
	list-style: none;
}

#carouselpro .carousel-ins li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-left: .5rem;
}

#carouselpro .carousel-ins li img,
.products ol .mainvideo i {
	width: 80px;
	height: 70px;
	line-height: 70px;
}

.abox2 .a-btn {
	border-color: #fff;
	color: #fff;
	transition: all 0.4s;
}

.abox2 .a-btn:hover {
	border-color: #fff;
	color: #0091a5;
	background-color: #fff;
	transition: all 0.4s;
}

.row-scroll {
	flex-wrap: initial;
}

.sitemap.column {
	background: #237791;
}

.sitemap.column h3 {
	font-size: 30px !important;
	color: #fff;
	font-weight: 500 !important;
}

.page.sitemap {
	background: #f5f5f5;
	padding-top: 3rem;
	overflow-x: scroll;
}

.page.sitemap::-webkit-scrollbar {
	width: 3px;
}

.page.sitemap::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.page.sitemap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
}

.page.sitemap .col-md-2 a {
	position: relative;
	display: block;
}

.page.sitemap .col-md-2 a span {
	z-index: 56;
	padding: .4rem 2rem;
	background: #fff;
	display: block;
	position: relative;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.page.sitemap .conbox {
	padding: 1rem;
}

.page.sitemap .conbox h3 a {
	padding: .4rem 2rem;
	background: #fff;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	z-index: 57;
}

.page.sitemap .conbox h3 {
	font-size: 18px;
	color: #333;
}

.page.sitemap .conbox ul {
	margin-left: 2rem;
	padding-top: 0rem;
	margin-bottom: 3rem;
	border-left: 2px solid #0091a5;
}

.page.sitemap .conbox ul li {
	position: relative;
	z-index: 56;
	margin-top: 20px;
	margin-bottom: -10px;
	padding: 0 0.5rem;
}

.page.sitemap .conbox ul li:after {
	content: "";
	height: 2px;
	background: #0091a5;
	position: absolute;
	z-index: 55;
	width: 100%;
	left: 0;
	top: 50%;
}

.page.sitemap .conbox ul li:last-child:after {
	width: 50%;
}

.page.sitemap .conbox ul li a {
	white-space: nowrap;
	display: inline-block;
	position: relative;
	z-index: 56;
	padding: 0.2rem 1rem;
	color: 666;
	font-size: 14px;
	background: #fff;
	margin-right: 0.5rem;
	color: #0091a5;
}

.page.sitemap ul {
	display: flex;
}

.page.sitemap .row .col-md-2:after {
	content: "";
	height: 2px;
	background: #009fc5;
	position: absolute;
	z-index: 55;
	top: 50%;
	right: 0;
	width: 50%;
}

.page.sitemap .row .col-md-10 {
	padding-left: 0;
}

.page.sitemap .row .col-md-10 .conbox {
	position: relative;
	border-left: 2px solid #0091a5;
	padding-left: 3rem;
}

.page.sitemap .row .col-md-10 .conbox:last-child {
	border-left: none;
}

/*.page.sitemap .row .col-md-10 .conbox:first-child{border-left: 2px solid #ccc;position: relative;}*/
.page.sitemap .row .col-md-10 .conbox:after {
	content: "";
	height: 2px;
	background: #0091a5;
	position: absolute;
	z-index: 55;
	width: 10%;
	left: 0;
	top: 0;
}

.page.sitemap .row .col-md-10 .conbox .tbox {
	margin-top: -25px;
}

.language-2 {
	display: none;
}

.app-down42 {
	display: none !important;
}

.p-sl0 .col-md-4,
.p-sl0 .col-md-3 {
	padding: 0 2rem;
}

.p-sl0 .col-md-4:first-child,
.p-sl0 .col-md-3:first-child {
	padding-left: 0 !important;
}

.p-sl0 .col-md-4:last-child,
.p-sl0 .col-md-3:last-child {
	padding-right: 0 !important;
}

.p-sl0 .col-md-4:nth-child(2),
.p-sl0 .col-md-3:nth-child(2),
.p-sl0 .col-md-3:nth-child(3) {
	padding: 0 1rem !important;
}

.img-su p img {
	width: 200px !important;
	height: 110px !important;
}

@media (min-width:768px) {
	.container-bmc {
		width: 80%;
		margin: auto;
		max-width: 1500px;
	}

	.jc-start {
		display: flex;
		justify-content: flex-start;
	}

	.jc-end {
		display: flex;
		justify-content: flex-end;
	}

	.jc-center {
		display: flex;
		justify-content: center;
	}

	.jc-between {
		display: flex;
		justify-content: space-between;
	}

	.jc-around {
		display: flex;
		justify-content: space-around;
	}

	.ai-end {
		display: flex;
		align-items: flex-end;
	}

	.ai-center {
		display: flex;
		align-items: center;
	}

	.app-down {
		display: none;
	}

	.navbar-toggler {
		display: none;
	}

	.navapp-click,
	.navapp-box {
		display: none;
	}

	.navbox .logo {
		margin-top: 5px;
	}

	/*.inner .nav-toptwo{margin-top: 9vh;}*/
	.article-all .modal {
		top: 28%;
	}

	.py-md-5 {
		padding-top: 4% !important;
		padding-bottom: 4% !important;
	}

	.pb-md-0 {
		padding-bottom: 0 !important;
	}

	.t-title-cn h2 span {
		display: block;
		width: 4%;
		height: 4px;
		background: rgb(234, 217, 189);
		margin: 0 auto;
		margin-top: 1rem;
	}

	.carousel-caption {
		top: 40%;
		width: 80%;
		text-align: left;
	}

	.carousel-caption h2 {
		font-size: 36px;
		margin-bottom: 3%;
	}

	.carousel-caption p {
		font-size: 16px;
		line-height: 25px;
	}

	.h-products .carousel-control-prev {
		margin-left: -10%;
	}

	.h-products .carousel-control-next {
		margin-right: -10%;
	}

	.plrcol6 .col-md-6 {
		padding: 2% 4%;
		display: flex;
		align-items: center;
	}

	.plrcol6 .col-md-6 .ofhidden img {
		transition: all 0.4s;
	}

	.plrcol6 .col-md-6:hover .ofhidden img {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		transition: all 0.4s;
	}

	.plrcol6 .col-md-6:nth-child(odd) {
		padding-left: 0;
	}

	.plrcol6 .col-md-6:nth-child(even) {
		padding-right: 0;
	}

	.plrcol6 .textbox h3 {
		font-size: 26px;
		color: #333;
		margin-bottom: 2%;
		text-transform: uppercase;
	}

	.plrcol6 .textbox p {
		font-size: 16px;
		color: #666;
		line-height: 25px;
	}

	#exampleModal .modal-dialog {
		max-width: 400px;
	}

	.foot p img {
		width: 50%;
	}

	.btn-group .dropdown-toggle {
		font-family: Lato, sans-serif;
		font-size: 14px;
		padding: 24px 18px;
		display: block;
		font-weight: inherit;
		color: #fff;
		background: none;
		border: none;
	}

	.toptwo .btn-group .dropdown-toggle {
		color: #000;
	}

	.head-top:hover .btn-group .dropdown-toggle,
	.nav-menu:hover .btn-group .dropdown-toggle {
		color: #000;
	}

	.btn-group .dropdown-menu {
		min-width: 8rem;
	}

	.btn-group .dropdown-menu a {
		display: block;
		padding: 5px;
		font-size: 14px;
		color: #333;
	}

	.btn-group .dropdown-menu a:hover {
		color: #0091a5;
	}

	.btn-group button {
		outline: none;
	}

	.related-art .carousel-control-prev {
		left: -4%;
		width: 5%;
	}

	.related-art .carousel-control-next {
		right: -4%;
		width: 5%;
	}

	.brand.topic .conbox:nth-child(1) .col-md-8 {
		padding-right: 0;
	}

	.brand.topic .conbox:nth-child(5) .col-md-8 {
		padding-left: 5rem;
	}

	.modal-dialog {
		max-width: 900px;
	}

	.page .bmc.history .w-img {
		width: 150px !important;
	}

	.page .innovation .conbox:nth-child(2) .row .col-md-6:nth-child(2),
	.page .innovation .row .col-md-6:nth-child(6) {
		padding: 0 4rem;
		padding-right: 10%;
	}

	.page .innovation .conbox:nth-child(2) .row .col-md-6:nth-child(3),
	.page .innovation .row .col-md-6:nth-child(7) {
		padding: 0 4rem;
		padding-left: 10%;
	}

	.page .innovation .conbox:nth-child(4) .row .col-md-6:nth-child(1) {
		padding: 0 4rem;
		padding-left: 10%;
	}

	.page .row.lrrow div:nth-child(odd) {
		padding-left: 0;
	}

	.page .row.lrrow div:nth-child(even) {
		padding-right: 0;
	}

	.page .row .col-md-6:nth-child(odd) {
		padding-left: 0;
	}

	.page .row .col-md-6:nth-child(even) {
		padding-right: 0;
	}

	.history .history-title .col-md-6:nth-child(1) {
		padding-left: 10% !important;
	}

	.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .img-box {
		margin-right: 4rem;
	}

	.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .img-box {
		margin-left: 4rem;
	}

	.foot-plus {
		display: none;
	}

	.articlepro .column {
		padding: 0;
	}

	.banner img,
	.column img {
		width: 100%;
	}


}

@media (max-width:768px) {
	.container-bmc {
		width: 92%;
		margin: auto;
	}

	.h-about {
		background: url(../image/h-about-bg-app2.jpg) no-repeat center center;
		position: relative;
	}

	.h-num-cn {
		background: url(../image/h-about-bg-app2.jpg) no-repeat center center;
		position: relative;
	}

	.t-title h2 {
		font-size: 30px;
	}

	/*app导航栏头部*/
	.ai-center-app {
		display: flex;
		align-items: center;
	}

	.navbox {
		box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
		background-image:linear-gradient(30deg, rgb(240, 232, 224) 50%, rgb(237, 217, 192) 80%);
	}

	.navbox .container-bmc {
		width: 100%;
		margin: auto;
	}

	.navbox .logo {
		display: flex;
		justify-content: space-between;
		text-align: center;
		padding: 15px 15px;
	}

	.navbox .logo i {
		color: #fff;
		font-size: 25px;
	}

	.navbox .logo button {
		background: none;
	}

	.navbox .logo a img {
		width: 50%;
		margin: auto;
	}

	.navbox .navbar {
		padding: 0;
	}

	.navbox .navbar-dark .navbar-nav .nav-link {
		padding: 10px;
	}

	/*app导航栏头部*/
	.app-down {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 10px;
		background: #eef8f9;
		padding: 4px 6px;
		border: 1px solid #9ae6f0;
		color: #9ae6f0;
	}

	.app-down i {
		display: block;
		color: #0091a5;
		font-size: 12px;
	}

	.navbox .nav-link i {
		display: none;
	}

	.navbox .navbar-nav .nav-item .nav-link {
		color: #333;
		font-size: 15px;
		text-transform: uppercase;
		border-bottom: 1px solid #eee;
	}

	.navapp-click {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		border: 1px solid #ccc;
		color: #ab9696;
		font-size: 12px;
	}

	.navbar-nav .nav-item .dropdown-item {
		color: #666;
		font-size: 14px;
		display: block;
		padding: 5px 10px;
		background: #eef8f9;
		margin-bottom: 5px;
		border-left: 2px solid #9ae6f0;
	}

	.app-down7 {
		display: none;
	}

	.dropdown-menu {
		border: none;
		padding: 2% 4%;
	}

	.lang button {
		color: #333;
		border: none;
	}

	.lang a {
		display: block;
		color: #333;
	}

	.lang .dropdown-menu {
		min-width: 8rem;
		padding: 5px 0;
		top: 10px !important;
	}

	.app-newart .navbox {
		background-image:linear-gradient(30deg, rgb(240, 232, 224) 50%, rgb(237, 217, 192) 80%);
	}

	.nav-search .onoff1,
	.app-newart .onoff1 {
		display: none;
	}

	.nav-search .onoff2,
	.app-newart .onoff2 {
		display: inline-block;
	}

	.nav-search {
		display: flex;
		justify-content: flex-start;
	}

	.nav-search a {
		color: #666;
	}

	.nav-search .nav-link i {
		display: inline-block;
		font-size: 18px;
	}

	.nav-search .nav-link img {
		width: 18px;
		height: 18px;
	}

	.search-box {
		width: 100%;
		position: relative;
		right: auto;
		bottom: 0;
		padding: 15px 25px;
		margin-top: 0 !important;
		background: #f9f9f9;
		display: none;
	}

	.app-search span img {
		width: 20px;
		height: 20px;
	}

	.abox {
		margin-bottom: 1rem;
	}

	.nav-link i {
		display: none;
	}

	.banner .carousel-caption {
		top: 8%;
		left: 0;
		text-align: left;
	}

	.banner .carousel-caption h2 {
		font-size: 25px;
		font-weight: bold;
	}

	.banner .carousel-caption p {
		font-size: 15px;
	}

	.nav-toptwo {
		margin-top: 4rem;
	}

	.banner .carousel-caption .ban-btn {
		padding: 0.3rem 1rem;
		font-size: 14px;
	}

	.navbox .navbar {
		background: #fff;
	}

	.navbox .navbar-dark .nav-item:hover .nav-link {
		background: #fff;
		color: #333;
	}

	.navbox.navbox-bg .navbar-dark .nav-item:hover .nav-link {
		color: #333;
	}

	.relatedpro .probox .conbox {
		padding: 2rem;
	}

	.relatedpro .probox .conbox .row .col-md-6:nth-child(odd) {
		padding-right: 0rem;
	}

	.relatedpro .probox .conbox:nth-child(odd) .textbox {
		padding-left: 0rem;
	}

	.relatedpro .probox .conbox .row .col-md-6 .textbox {
		margin-top: 10px;
	}

	.solutions .column .textbox {
		width: 90%;
	}

	.inner .column {
		padding: 5% 0;
	}

	.inner .column .textbox h3,
	.page .titlebox h3,
	.page .textbox h3 {
		font-size: 30px;
		margin-bottom: 1rem;
	}

	.snoring .conbox:nth-child(1) .row,
	.sleep-apnea .conbox:nth-child(1) .row,
	.what-is-sleep-apnea .conbox:nth-child(1) .row,
	.copd .conbox:nth-child(1) .row,
	.copd .conbox:nth-child(3) .row,
	.asthma .conbox:nth-child(1) .row,
	.asthma .conbox:nth-child(3) .row {
		margin-left: 0;
	}

	.snoring .conbox .col-md-6 .jc-start,
	.sleeping .listbxo .box .jc-start,
	.what-is-sleep-apnea .conbox .col-md-6 .jc-start,
	.copd .conbox .col-md-6 .jc-start,
	.asthma .conbox .col-md-6 .jc-start {
		display: flex;
		justify-content: flex-start;
	}

	.snoring .conbox .col-md-6 .jc-start p,
	.what-is-sleep-apnea .conbox .col-md-6 .jc-start p,
	.copd .conbox .col-md-6 .jc-start p,
	.asthma .conbox .col-md-6 .jc-start p {
		width: 80%;
	}

	.page .conbox.citations ul li p {
		width: 80%;
	}

	.sleeping .listbxo .box {
		padding: 10px;
		padding-right: 1rem;
	}

	.sleeping .listbxo .jc-between {
		display: flex;
		justify-content: space-between;
	}

	.sleep-apnea .conbox:nth-child(2) .nav li a {
		padding: 4px;
		font-size: 15px;
		margin: 0 5px;
		line-height: 22px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.sleep-apnea .conbox:nth-child(2) .nav.jc-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sleep-apnea .conbox:nth-child(2) .nav.jc-center li {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.what-is-sleep-apnea .conbox:nth-child(2) {
		padding: 4rem 0;
	}

	.what-is-sleep-apnea .conbox:nth-child(3) .col-md-4 {
		margin-bottom: 1rem;
	}

	.copd .conbox:nth-child(2) {
		padding: 20% 0;
	}

	.asthma .conbox:nth-child(3) .titlebox p {
		padding: 0;
	}

	/*	.indexpro .pronav dl{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.indexpro .pronav dl dd{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}*/
	.indexpro .pronav,
	.indexpro .titlebox {
		margin-top: 1rem;
	}

	.products .download .jc-start {
		display: flex;
		justify-content: flex-start;
	}

	.products .download a {
		padding: 8px 10px;
	}

	.products.related-pro .col-md-4 {
		margin-bottom: 1rem;
	}

	.inner .column.who-we-are {
		padding: 0;
		text-align: center;
	}

	.inner .column dl {
		position: absolute;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.page.who-we-are {
		padding: 1rem 0;
	}

	.history-article.column .textbox p {
		padding-right: 0;
	}

	.column.software {
		padding-top: 2rem !important;
	}

	.software .conbox {
		margin-top: 1rem;
		text-align: center;
	}

	.software .conbox .ai-center:nth-child(odd) {
		padding-right: 1rem;
	}

	.software .conbox .ai-center:nth-child(even) {
		padding-left: 1rem;
	}

	.software .col-md-7,
	.software .col-md-5 {
		margin-bottom: 1rem;
	}

	.software.bg ul {
		margin-top: 2rem;
	}

	.software.bg ul li img {
		width: 40px;
		height: 40px;
	}

	.contact.flist .a-btn {
		width: 50%;
	}

	.service .find .col-md-6 .textbox {
		padding: 1rem;
	}

	.service .find .col-md-6 .textbox h3 {
		font-size: 20px;
	}

	.service.repair h6 {
		padding: 0;
	}

	.service.repair table tr td {
		padding: 10px;
	}

	.article-all .top {
		margin-top: 6%;
	}

	.article-all .navbox .logo i {
		color: #333;
	}

	.article-all .language-2 {
		display: inline-block;
	}

	.article-all .language-1 {
		display: none;
	}

	.nav-toptwo {
		margin-top: 4rem;
	}

	.inner .column {
		padding: 0;
	}

	.snoring .column-bg {
		display: none;
	}

	.snoring .column-bg2 {
		display: block !important;
	}

	.sleep-apnea .ban-btn {
		padding: 0.4rem 3rem;
	}

	.inner .column.snoring .textbox,
	.inner .column.sleep-apnea .textbox,
	.inner .column.asthma .textbox {
		width: 90%;
		left: 5%;
		top: 3%;
	}

	.inner .column.copd .textbox {
		top: 20%;
	}

	.copd .column-bg4 {
		display: block !important;
	}

	.inner .column .textbox h3,
	.page .titlebox h3,
	.page .textbox h3 {
		font-size: 25px;
	}

	.inner .column .textbox p {
		font-size: 14px;
	}

	.inner .column.asthma .textbox p {
		font-size: 13px;
		line-height: 20px;
	}

	.asthma .conbox:nth-child(1) span,
	.asthma .conbox:nth-child(3) span {
		line-height: 50px;
	}

	.snoring .conbox:nth-child(1) span {
		line-height: 28px;
	}

	.copd .conbox:nth-child(4) .col-md-8 {
		padding-left: 1rem;
	}

	.related-art .hvr-float a {
		font-size: 14px;
	}

	.articlenew .titlebox h1 {
		font-size: 30px;
		margin-bottom: 1rem;
	}

	.articlenew .tag span {
		font-size: 14px;
		height: auto;
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		text-align: center;
		max-width: 45%;
		padding: 0.4rem 0;
		background: #f5f5f5;
		color: #000;
		margin-right: 1rem;
		margin-bottom: 0.4rem;
	}

	.articlenew .conbox {
		padding: 2rem 0;
	}

	.relatedpro .probox .conbox .row .col-md-6:nth-child(even) {
		padding-left: initial;
	}

	.relatedpro .probox .conbox:nth-child(even) {
		padding: 2rem;
	}

	#carouselpro .carousel-control-next,
	#carouselpro .carousel-control-prev {
		width: 24%;
	}

	#carouselpro a span {
		width: 45px;
		line-height: 45px;
		font-size: 22px;
		height: 45px;
	}

	.products .descption h1 {
		margin-top: 1rem;
	}

	.products .download .jc-start {
		display: block;
	}

	.products .download .jc-start a {
		margin-bottom: 1rem;
	}

	.indexpro .pronav dl {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.indexpro .pronav dl dd {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		padding: 5px;
		margin-bottom: 0;
	}

	.indexpro .pronav dl dd a {
		background: #eef8f9;
		display: block;
		padding: 2px 0;
	}

	.listbxo .box p {
		width: 60%;
	}

	.listbxo .box .jc-start {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.listbxo .box .jc-start .form-check {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.sleeping .listbxo .box .form-check {
		margin-left: 0px;
	}

	.sleep-apnea .conbox:nth-child(4) .textbox h3 {
		margin: 1rem 0;
	}

	.sleep-apnea .conbox:nth-child(4) .textbox .abox {
		margin-top: 0;
	}

	.sleep-apnea .conbox:nth-child(4) .textbox {
		padding: 2rem;
	}

	.inner .column.history-article dl {
		position: relative;
	}

	.inner .column.history-article dl dd a {
		color: #0091a5;
		font-size: 12px;
		display: block;
		padding: 4px 10px;
		margin: 0 10px;
		border-radius: 30px;
		border: 1px solid #0091a5;
	}

	.inner .column.history-article dl dd .active {
		color: #fff;
		background: rgb(0 145 165);
		border-radius: 30px;
	}

	.inner .history-article.column .textbox {
		top: 4%;
		left: 4%;
	}

	.inner .history-article.column .textbox p {
		font-size: 12px;
		line-height: 20px;
	}

	.history-article .ban-btn {
		padding: 0.4rem 3rem;
	}

	.responsibility .textbox h3 br {
		display: none;
	}

	.inner.newsroom .column .textbox {
		top: 17%;
	}

	.inner.newsroom .column dl {
		position: relative;
	}

	.inner.newsroom .column dl dd a {
		color: #0091a5;
		font-size: 15px;
		display: block;
		padding: 4px 10px;
		margin: 0 10px;
		border-radius: 30px;
		border: 1px solid #0091a5;
	}

	.inner.newsroom .column dl dd a span {
		display: none;
	}

	.inner.newsroom .column dl dd .active {
		color: #fff;
		background: rgb(0 145 165);
		border-radius: 30px;
	}

	.lnav dl dd a {
		color: #333;
		font-size: 13px;
		margin-left: 1rem;
	}

	.column.software {
		padding: 5% 0 !important;
	}

	.inner .column.software .textbox {
		position: relative;
		top: auto;
		left: auto;
	}

	.software .column .textbox .imgbox {
		margin-bottom: 1rem;
	}

	.software .column .textbox h6 {
		margin-bottom: 2rem;
	}

	.inner .column.software .textbox h3 {
		font-size: 28px;
	}

	.software .column .row .col-md-6:nth-child(odd) {
		padding-right: 2rem;
	}

	.software .column .row .col-md-6:nth-child(even) {
		padding-left: 2rem;
	}

	.software .conbox .col-md-5 img {
		width: 50%;
	}

	.software .conbox .col-md-7 .textbox ul li span {
		margin-right: .5rem;
	}

	.software .conbox .col-md-7 .textbox ul {
		margin-top: 2rem;
	}

	.software .conbox .col-md-7 .textbox ul li {
		padding-right: 0;
		margin-bottom: .5rem;
		text-align: left;
	}

	.software.mini {
		padding: 2rem 0;
	}

	.software.mini h3 {
		margin-bottom: 2rem;
	}

	.mini .imgbox.jc-start {
		display: flex;
		justify-content: flex-start;
	}

	.mini .imgbox.jc-start img {
		width: 44%;
		margin-right: 2%;
	}

	.service h4 {
		margin-bottom: 1rem;
	}

	.service.repair .listable ul li a {
		padding: 0.4rem 1rem;
	}

	.service.repair table {
		margin-top: 2rem;
	}

	.service.faq {
		padding: 1rem 0;
	}

	.service.faq h6 {
		padding: 1rem !important;
		margin-bottom: 1rem;
	}

	.what-is-sleep-apnea .textbox {
		top: 4% !important;
		left: 4% !important;
	}

	.what-is-sleep-apnea .textbox p {
		font-size: 13px !important;
		line-height: 20px !important;
		margin-bottom: 5px !important;
	}

	.what-is-sleep-apnea .conbox:nth-child(2) .titlebox,
	.sleep-apnea .conbox:nth-child(3) .titlebox {
		width: 100%;
	}

	.asthma .conbox:nth-child(1) span,
	.asthma .conbox:nth-child(3) span {
		line-height: 40px !important;
	}

	.inner .column dl {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.inner .column dl dd {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.inner .column dl dd a {
		color: #0091a5;
		font-size: 12px;
		text-align: center;
		display: block;
		padding: 4px 5px;
		margin: 0 5px;
		border-radius: 30px;
		border: 1px solid #0091a5;
	}

	.inner .column dl dd .active {
		color: #fff;
		background: rgb(0 145 165);
		border-radius: 30px;
	}

	.inner .column .textbox {
		top: 4%;
		left: 4%;
	}

	.inner .column .textbox p {
		font-size: 12px;
		line-height: 20px;
	}

	.inner .about.column .textbox {
		top: 28%;
	}

	.copd .conbox:nth-child(2) {
		background: url(https://www.bmc-medical.com/web/img/copd-c1-app.jpg);
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		background-attachment: fixed;
		padding: 30% 0;
	}

	.toptwo .onoff1 {
		display: inline-block;
	}

	.toptwo .onoff2 {
		display: none;
	}

	.foot .foot-span {
		display: inline-block;
	}

	.foot .foot-dl {
		display: none;
	}

	.foot h3 {
		margin-bottom: 3%;
	}

	.foot .powerby span {
		display: inline-block;
		margin-right: 0.4rem;
		font-family: cursive;
		font-size: 14px;
	}

	.foot .powerby a {
		font-size: 14px;
	}

	.lnav .lnav-ul31 {
		display: block;
		margin-bottom: 5px;
	}

	.lnav .lnav-ul31.offon {
		display: none;
	}

	.foot h3,
	.foot h3 a {
		font-size: 16px;
	}

	.h-solutions-cn ol {
		display: flex !important;
		justify-content: flex-start;
		position: relative;
		right: auto;
		bottom: auto;
		display: inline-block;
		left: auto;
		margin-left: auto;
		margin-right: auto;
		z-index: 99;
	}

	.h-solutions-cn ol li {
		width: auto;
		height: auto;
		position: relative;
		background: #4d4d4d;
		opacity: 1;
		padding: 1rem 0.2rem;
		text-indent: 0;
		margin-bottom: 2px;
		text-align: center;
		width: 60%;
	}

	.h-solutions-cn ol li.active {
		background: #0091a5;
		width: 67%;
		margin-left: 0;
	}

	.h-solutions-cn ol li.active:before {
		content: "<";
		position: absolute;
		top: 40%;
		font-size: 20px;
		color: #fff;
		font-family: monospace;
		left: 8%;
	}

	.h-solutions-cn ol li .textbox {
		color: #fff;
	}

	.h-solutions-cn ol li .textbox h3 {
		font-size: 12px;
		color: #fff;
		margin-bottom: 0.5rem;
	}

	.h-solutions-cn ol li .textbox p {
		font-size: 12px;
		color: #fff;
		margin-bottom: 0;
	}

	.h-solutions-cn ol li.active:before {
		display: none;
	}

	.h-solutions-cn .conbox {
		padding: 2rem;
	}

	.h-solutions-cn .conbox h3 {
		margin-bottom: 2rem;
	}

	#carouselSolutions .jc-start {
		display: flex !important;
		justify-content: flex-start;
	}

	.h-solutions-cn .conbox .txtbox {
		margin-right: 2rem;
	}

	.h-solutions-cn .abox {
		margin-bottom: 3rem;
		margin-top: 3rem;
	}

	.h-solutions-cn .arlbox {
		position: relative;
	}

	.h-probox-cn .conbox {
		padding: 1rem;
	}

	.h-new-cn .numbox {
		padding: 0.5rem;
	}

	.h-new-cn .txtbox {
		padding: 1rem;
	}

	.h-num-cn {
		padding: 4rem 0;
	}

	.h-num-cn .txtbox h3 {
		font-size: 40px;
	}

	.h-new-cn .txtbox h3 {
		font-size: 18px;
	}

	.h-about {
		background: url(../image/h-about-bg-app2.jpg) no-repeat center center;
		position: relative;
	}

	.h-num-cn {
		background: url(../image/h-about-bg-app2.jpg) no-repeat center center;
		position: relative;
	}

	.column-nav .jc-between {
		overflow-x: scroll;
	}

	.column-nav dl {
		display: flex;
		margin-top: 1rem;
	}

	.column-nav dl dd {
		margin-left: 0;
		text-align: center;
		margin-right: 6px;
	}

	.column-nav dl dd a:hover,
	.column-nav dl dd a.active {
		background: #0091a5;
		color: #fff;
	}

	.column-nav dl dd a {
		background: #fff;
		white-space: nowrap;
		padding: .3rem .5rem !important;
	}

	.topic.column {
		padding-top: 30% !important;
	}

	.topic.column img {
		margin-right: -10rem;
		width: 30%;
	}

	.topic.column .txtbox {
		padding: 1rem;
		margin-left: 0;
		bottom: 18%;
	}

	.topic.column .txtbox h2 {
		font-size: 22px;
	}

	.topic.column .txtbox ul {
		font-size: 13px;
	}

	.brand.topic .timebox {
		padding: 1rem;
		padding-top: 2rem;
	}

	.brand.topic .timebox .row {
		padding: 1rem;
	}

	.brand.topic .timebox .row .col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 1rem;
	}

	.brand.topic .timebox .row .col .conbox {
		position: relative;
		padding: 0;
	}

	.brand.topic .timebox .row .col:nth-child(odd),
	.brand.topic .timebox .row .col:nth-child(even) {
		border: none;
	}

	.brand.topic .timebox .row .col:before {
		left: 14px !important;
		top: 50% !important;
		transform: rotate(270deg) !important;
	}

	.brand.topic .timebox .row .col {
		border-left: 1px solid #0091a5 !important;
	}

	.brand.topic .conbox:nth-child(1) .col-md-8 {
		margin-top: 0;
	}

	.brand.topic .conbox:nth-child(1) .col-md-6,
	.brand.topic .conbox:nth-child(1) .col-md-4,
	.brand.topic .conbox:nth-child(1) .col-md-8 {
		padding: 0;
		margin-bottom: 10px;
	}

	.topic .conbox {
		padding: 2rem 0;
	}

	.topic .title-box h3 {
		margin-bottom: 2rem;
	}

	.achievement .col-md-4 {
		padding: 1rem !important;
	}

	.hidnav .column .tbox {
		padding: 0 1rem;
	}

	.page .standardization .conbox:nth-child(2) .title-box p {
		padding: 1rem;
	}

	.hidnav .column-nav dl dd a,
	.position ul li {
		padding: 0.5rem 0;
	}

	.inner .sticky {
		padding-bottom: 1rem;
		top: 4rem;
	}

	.column-nav dl dd a {
		background: #dbf9fd;
	}

	.page .explore .col-md-4 {
		padding: 0;
	}

	.page .standardization .conbox:nth-child(2) .col-md-6 {
		padding: 1rem !important;
	}

	.page .bmc.two .conbox:nth-child(2) .titlebox {
		width: 100%;
		padding: 2rem;
		position: relative;
	}

	.p-sl0 .col-md-4:first-child,
	.p-sl0 .col-md-3:first-child {
		padding-left: 1rem !important;
	}

	.p-sl0 .col-md-4:last-child,
	.p-sl0 .col-md-3:last-child {
		padding-right: 1rem !important;
	}

	.foot .row .col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 1rem;
	}

	.foot dl dd {
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.page .bmc.history .w-img {
		width: 100px !important;
	}

	.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(2) .titlebox {
		position: relative;
		left: 0;
		padding: 1rem;
	}

	.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(3) .titlebox {
		position: relative;
		right: 0;
		padding: 1rem;
	}

	.page .bmc.one .conbox:nth-child(2) .row {
		width: auto;
		padding: 2rem 1rem;
		box-shadow: none;
	}

	.page .bmc.one .conbox:nth-child(2) {
		margin-bottom: 0;
	}

	.page .innovation .conbox:nth-child(3) {
		padding: 1rem;
	}

	.page .innovation .conbox:nth-child(3) .col-md-6 {
		padding: 0rem;
	}

	.page .innovation .conbox:nth-child(3) .textbox h3 {
		margin-top: 2rem;
	}

	.page .row .col-md-5,
	.page .row .col-md-6,
	.page .row .col-md-7 {
		padding: 0;
	}

	.page .row .col-md-5 .titlebox p,
	.page .row .col-md-6 .titlebox p,
	.page .row .col-md-7 .titlebox p {
		margin-bottom: 1rem;
	}

	.page .bmc .title-box h3 {
		font-size: 18px;
		line-height: 26px;
	}

	.page .bmc .conbox {
		padding: 1rem 0;
	}

	.page .titlebox span {
		margin-top: 1rem;
	}

	.page .bmc.history .conbox:nth-child(2) .row .col-md-6 {
		padding: 2rem;
	}

	.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) {
		padding-top: 3rem;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
	}

	.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) {
		border-top: 1px solid #eee;
	}

	.page .bmc.history .conbox:nth-child(2) .row .col-md-6:first-child {
		border-top: 1px solid #fff;
	}

	.bmc.history .conbox:nth-child(2) .row .col-md-6 .jc-center {
		border-bottom: none;
	}

	.page .bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) {
		margin-top: 0;
	}

	.history .history-title {
		padding: 1rem;
	}

	.page .bmc.two .conbox:nth-child(4) {
		background: url(../image/scope-of-business-c4-app.jpg);
		padding: 8rem 0;
		background-position: left center;
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.page .bmc.two .conbox:nth-child(8) .titlebox h3 br,
	.page .bmc.two .conbox:nth-child(8) .titlebox p br {
		display: none;
	}

	.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(odd) .img-box {
		margin-right: 1rem;
	}

	.bmc.history .conbox:nth-child(2) .row .col-md-6:nth-child(even) .img-box {
		margin-left: 1rem;
	}

	.bmc.innovation .conbox {
		padding: 1rem;
	}

	.page .social-responsibility .row .col-md-6:nth-child(1),
	.page .social-responsibility .row .col-md-6:nth-child(5) {
		padding: 0 1rem;
	}

	.page .social-responsibility .row .col-md-6:nth-child(4),
	.page .social-responsibility .row .col-md-6:nth-child(8) {
		padding: 0 1rem;
	}

	.page .bmc .title-box h3 {
		padding-top: 0rem;
	}

	.page .join .conbox:nth-child(2) .textbox h3 {
		margin: 1rem 0;
	}

	.page .join .conbox:nth-child(2) .row .col-md-6:nth-child(2) {
		padding: 1rem 2rem 3rem 2rem;
	}

	.page .join .conbox:nth-child(2) .textbox p {}

	.page .join .conbox:nth-child(4) {
		padding: 1rem 0;
	}

	.join {
		padding-bottom: 0;
	}

	.page .conbox {
		padding: 1rem 0;
	}

	.page .join .conbox:nth-child(5) {
		margin-bottom: 2rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(1) {
		padding-top: 1rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(1) .col-md-4 {
		padding: 0;
	}

	.solutions.sleep-solutions .conbox:nth-child(2) {
		padding: 8rem 1rem;
		background: url(../image/sleep-health-solutions-c5-app.jpg);
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		background-attachment: fixed;
	}

	.solutions.sleep-solutions .conbox:nth-child(3) .col-md-4 {
		padding: 0 !important;
		margin-top: 1rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(4) .textbox h3 {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(4) .textbox p {
		margin-bottom: 2rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(4) .a-pdf {
		margin-bottom: 2rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(4) .col-md-4 {
		padding: 0 !important;
		margin-bottom: 1rem;
	}

	.solutions.sleep-solutions .conbox:nth-child(5) {
		padding: 8rem 0;
		background: url(../image/sleep-health-solutions-c8-app.jpg);
		position: relative;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: cover;
		background-attachment: fixed;
	}

	.solutions.sleep-solutions .conbox:nth-child(7) .textbox h3 {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.explore.solutions .row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.foot {
		padding-bottom: 0;
		padding-top: 2rem;
	}

	.footer {
		padding-top: 0;
	}

	.solutions.respiratory-solutions .conbox:nth-child(1) {
		padding-top: 2rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(1) .col-md-4 {
		padding: 0;
		margin-bottom: 1rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(2) .textbox h3 {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(2) .textbox p {
		margin-bottom: 2rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(2) .a-pdf {
		margin-bottom: 2rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(2) .col-md-4 {
		padding: 0 !important;
		margin-bottom: 1rem;
	}

	.solutions.respiratory-solutions .conbox:nth-child(2) {
		padding: 1rem 0;
	}

	.solutions.hospital .conbox:nth-child(1) {
		padding: 1rem 0;
	}

	.solutions.hospital .conbox:nth-child(3) {
		margin-top: 1rem;
	}

	.solutions.hospital .conbox:nth-child(2) {
		padding: 6rem 0;
	}

	.solutions.hospital .conbox:nth-child(2) .text-box {
		margin-top: 0;
	}

	.solutions.hospital .conbox:nth-child(3) .col-md-6 {
		margin-bottom: 1rem;
	}

	.solutions.hospital .conbox:nth-child(3) .textbox {
		padding: 0;
	}

	.solutions.hospital .conbox:nth-child(3) .textbox h3 {
		margin-bottom: 1rem;
	}

	.solutions.hospital .conbox:nth-child(3) {
		margin-bottom: 0;
	}

	#carouselpro .carousel-ins li img {
		width: 60px;
		height: 55px;
		margin-bottom: 0.5rem;
	}

	#carouselpro .carousel-ins li {
		width: 60px;
		height: 55px;
		margin-bottom: 0.5rem;
		margin-bottom: 5px;
	}

	#carouselpro .carousel-ins li img,
	.products ol .mainvideo i {
		font-size: 18px;
		width: 60px;
		height: 55px;
		line-height: 50px;
	}

	.products .download a {
		padding: 8px 20px;
	}

	.products .descption h1 {
		font-size: 30px;
	}

	.products .conbox p,
	.products .conbox .textbox {
		font-size: 14px;
		color: #777;
		line-height: 24px;
		margin-bottom: 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.products.related-pro h3 {
		font-size: 20px;
	}

	.solutions.respiratory .conbox:nth-child(1) .title-box p {
		padding: 1rem;
	}

	.h-new-cn #carouselPPnwes .carousel-inner .carousel-item h3 {
		padding: 0 1rem;
	}

	.h-new-cn #carouselPPnwes .carousel-inner .carousel-item h3 span {
		display: block;
		padding: 0.5rem 2rem;
	}

	.foot-plus {
		width: 20px;
		height: 20px;
	}

	.foot .col h3 {
		display: flex;
		justify-content: space-between;
	}

	.p-sl0 .col-md-4,
	.p-sl0 .col-md-3 {
		padding: 0 1rem;
	}

	.page .join .conbox:nth-child(4) .col-md-6 {
		padding: 1rem 0;
	}

	.service .searchbox {
		width: 90%;
	}

	.service .searchbox input {
		margin-left: 5px;
	}

	.service .conbox:nth-child(3) img {
		width: 60%;
	}

	.list-service ul {
		display: block !important;
	}

	.list-service ul li {
		display: inline-block;
		margin-bottom: 0.5rem;
	}

	.article-all .top {
		margin-top: 15%;
	}

	.articlenew .service a {
		margin-top: 1rem;
	}

	.data-management .video .col-md-4 {
		padding: 0;
	}

	.list-management .hover-box .col-md-4 {
		padding: 0 1rem;
	}

	.contact .conbox:nth-child(1) {
		padding-top: 0;
	}

	.video .conbox .col-md-4 {
		padding: 0 !important;
	}

	.service .conbox:nth-child(4) .textbox {
		padding: 2rem;
	}

	.index-kepu .row:nth-child(1) .col-md-4:nth-child(1),
	.index-kepu .row:nth-child(2) .col-md-4:nth-child(2) {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.h-new-cn .row .col-md-6:nth-child(2) {
		padding-left: 1rem;
	}

	.h-new-cn .lrbox {
		display: none;
	}

	.position {
		display: none;
	}

	.page .row .col-md-5,
	.page .row .col-md-6,
	.page .row .col-md-7 {
		margin-bottom: 1rem;
	}

	.page .bmc.one .conbox:nth-child(1) .row:nth-child(2) div:nth-child(6) .titlebox {
		position: relative;
		left: auto;
		padding: 1rem;
	}

	.page .join .conbox:nth-child(3) .title-box h3 {
		font-size: 20px;
	}

	.page .join .conbox:nth-child(3) .textbox h3 {
		font-size: 16px;
		margin: 1rem 0;
	}

	.page .join .conbox:nth-child(5) .textbox {
		bottom: 15%;
	}

	.join .gdtxz-table .tbox {}

	.join .tabtop.bg span {
		padding: 0.2rem 0;
	}

	.join .faq-ul li .textbox .tbox,
	.join .tabtop.bg .textbox .tbox {
		font-size: 12px;
	}

	.join .faq-ul li .txtbox {
		padding: 1rem;
	}

	.join .faq-ul li a {
		padding: 5px;
		font-size: 12px;
	}

	.join .faq-ul li.flip .textbox .tbox span {
		font-size: 12px;
		margin-left: 5px;
	}

	.join .faq-ul li .textbox .tbox:nth-child(1),
	.join .tabtop.bg .textbox .tbox:nth-child(1) {
		-ms-flex: 0 0 26%;
		flex: 0 0 26%;
		max-width: 26%;
	}

	.join .faq-ul li .textbox .tbox:nth-child(5),
	.join .tabtop.bg .textbox .tbox:nth-child(5) {
		-ms-flex: 0 0 19%;
		flex: 0 0 19%;
		max-width: 19%;
	}

	.solutions.reference-material dl dd {
		display: flex;
	}

	.column-p5 {
		padding: 5rem 0 !important;
	}

	.online .flist .col-md-12,
	.online .flist .col-md-6 {
		padding: 0 !important;
		margin-bottom: 1rem;
	}

	.online .listbxo .box {
		padding: 1rem 1rem;
		padding-right: 1rem;
	}

	.listbxo .box .jc-start .form-check {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.online .listbxo .box span {
		display: block;
		margin-bottom: 0.5rem;
	}

	.indexpro .pronav h3 {
		display: none;
	}

	.respiratory.inner .column.data-management {
		padding: 10% 0;
	}

	.article-all .article-box h1 {
		font-size: 22px;
	}

	.hidnav .toptwo {
		display: block;
	}

	.service .conbox:nth-child(3) {
		margin-bottom: 0;
	}

	.service .conbox {
		margin-bottom: 2rem;
		padding: 0;
	}

	.service .conbox:nth-child(4) .textbox h3 {
		font-size: 22px;
	}

	.service .conbox h3 {
		font-size: 24px;
		margin-bottom: 1rem;
	}

	.page .manage-cloud .title-box p {
		padding: 1rem 0;
		line-height: 28px;
	}

	.page .manage-cloud .abox {
		margin-top: 1rem;
	}

	.service .conbox:nth-child(2) .title-box h3 {
		margin-top: 2rem;
	}

	.banner img {
		width: 100%;
	}

	.page.sitemap .row .col-md-2 {
		padding-bottom: 3rem;
		border-left: 2px solid #0091a5;
		padding-left: 0;
	}

	.page.sitemap .row .col-md-2:after {
		display: none;
	}

	.page.sitemap .col-md-2 a {
		position: relative;
		display: inline-block;
	}

	.page.sitemap .row .col-md-10 .conbox {
		padding-left: 2rem;
	}

	.powerby .lbox h5 a {
		margin-left: 0;
	}

	.investor .sticky {
		position: relative;
		top: 0 !important;
	}

	.investor .col-lg-9 {
		padding: 0;
	}

	.investor .col-lg-9 .shareholders .col-md-3 {
		padding: 0;
	}

	.investor .col-lg-9 .shareholders .col-md-9 {
		padding: 1rem 0;
	}

	.investor .shareholders .col-md-12 {
		margin-bottom: 2rem;
		padding-bottom: 1rem;
	}

	.investor .databox .codebox {
		padding: 2rem;
	}

	.investor .databox .textbox .row {
		margin-top: 1rem;
		padding-top: 1rem;
	}

}

@media screen and (min-width: 1600px) and (max-width: 1920px) {
	.h-solutions-cn .carousel-indicators li {
		padding: 2.5rem 1rem;
	}

	.page .bmc.history .w-img {
		width: 240px !important;
	}

	.h-new-cn .numbox h4 b {
		font-size: 40px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
	.container-bmc {
		width: 80%;
		margin: auto;
		max-width: 1500px;
	}

	.h-solutions-cn .carousel-indicators li {
		padding: 2rem 0.5rem;
	}

	.h-solutions-cn ol li .textbox h3 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.h-solutions-cn ol li .textbox p {
		font-size: 12px;
	}

	.h-solutions-cn ol {
		right: 5px;
	}

	.modal-dialog {
		max-width: 900px;
	}

	.page .bmc.history .w-img {
		width: 200px !important;
	}

	.h-new-cn .txtbox h3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.h-new-cn .row .col-md-6:nth-child(1) {
		padding-right: 2rem;
	}

	.h-new-cn .row .col-md-6:nth-child(2) {
		padding-left: 2rem;
	}

	.page .notice .col-md-5 .textbox {
		padding: 2rem;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.container-bmc {
		width: 82%;
		margin: auto;
		max-width: 1500px;
	}

	.h-solutions-cn .carousel-indicators li {
		padding: 1.5rem 0.5rem;
	}

	.h-solutions-cn ol li .textbox h3 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.h-solutions-cn ol li .textbox p {
		font-size: 12px;
	}

	.h-solutions-cn ol {
		right: 5px;
	}

	.modal-dialog {
		max-width: 800px;
	}

	.page .bmc.history .w-img {
		width: 180px !important;
	}

	.h-new-cn .txtbox h3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.h-new-cn .row .col-md-6:nth-child(1) {
		padding-right: 1rem;
	}

	.h-new-cn .row .col-md-6:nth-child(2) {
		padding-left: 1rem;
	}

	.h-new-cn .txtbox p {
		-webkit-line-clamp: 1;
	}

	.h-new-cn .numbox {
		padding: .6rem .8rem;
	}

	.page .notice .col-md-5 .textbox {
		padding: 1rem 2rem;
	}

	.page .notice .col-md-5 .textbox h4 {
		margin-bottom: 1rem;
	}
}

@media screen and (min-width: 998px) and (max-width: 1199px) {
	.container-bmc {
		width: 86%;
		margin: auto;
		max-width: 1500px;
	}

	.h-solutions-cn .carousel-indicators li {
		padding: 1rem 0.5rem;
	}

	.h-solutions-cn ol li .textbox h3 {
		font-size: 14px;
		margin-bottom: 0;
	}

	.h-solutions-cn ol li .textbox p {
		font-size: 12px;
	}

	.h-solutions-cn ol {
		right: 5px;
	}

	.h-solutions-cn .conbox {
		padding: 2rem;
		margin-top: -8rem;
	}

	.h-solutions-cn .abox {
		margin-top: 2rem;
	}

	.foot h3,
	.foot i {
		font-size: 16px;
	}

	.foot a {
		font-size: 13px;
	}

	.modal-dialog {
		max-width: 600px;
	}

	.navbox .logo {
		width: 10%;
	}

	.navbox .navbar-dark .navbar-nav .nav-link {
		padding: 2rem 0.5rem;
		font-size: 14px;
	}

	.h-new-cn .txtbox h3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.h-new-cn .row .col-md-6:nth-child(1) {
		padding-right: 1rem;
	}

	.h-new-cn .row .col-md-6:nth-child(2) {
		padding-left: 1rem;
	}

	.h-new-cn .txtbox p {
		-webkit-line-clamp: 1;
	}

	.h-new-cn .hover-box .hvr-float:last-child {
		display: none;
	}

	.h-new-cn .numbox {
		padding: .5rem .8rem;
	}

	.page .notice .col-md-5 .textbox {
		padding: 1rem;
	}

	.page .notice .col-md-5 .textbox h4 {
		margin-bottom: 0;
		margin-top: 0;
	}

	.page .notice .col-md-5 .textbox p {
		line-height: 18px;
		font-size: 14px;
	}

	.page .notice .col-md-5 .textbox h4 i {
		font-size: 25px;
	}

}

@media screen and (min-width: 768px) and (max-width: 997px) {
	.container-bmc {
		width: 90%;
		margin: auto;
		max-width: 1500px;
	}

	.h-solutions-cn .carousel-indicators {
		display: none;
	}

	.navbox .logo {
		width: 10%;
	}

	.navbox .navbar-dark .navbar-nav .nav-link {
		padding: 1.5rem 0.3rem;
		font-size: 13px;
	}

	.position li,
	.column-nav dl dd a {
		font-size: 12px;
	}

	.column-nav dl dd {
		margin-left: 1rem;
	}

	.h-new-cn .txtbox h3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.h-new-cn .row .col-md-6:nth-child(1) {
		padding-right: 1rem;
	}

	.h-new-cn .row .col-md-6:nth-child(2) {
		padding-left: 1rem;
	}

	.h-new-cn .txtbox p {
		-webkit-line-clamp: 1;
	}

	.h-new-cn .hover-box .hvr-float:last-child {
		display: none;
	}

	.h-new-cn .numbox {
		padding: .5rem .8rem;
	}

}

@media (min-width:768px) {
	.index-kepu .container-bmc {
		width: 76%;
		margin: auto;
	}

	.page .notice .col-md-5 .textbox {
		padding: 1rem;
	}

	.page .notice .col-md-5 .textbox h4 {
		margin-bottom: 0;
		margin-top: 0;
	}

	.page .notice .col-md-5 .textbox p {
		line-height: 18px;
		font-size: 14px;
	}

	.page .notice .col-md-5 .textbox h4 i {
		font-size: 25px;
	}

	.page .notice .col-md-5 .textbox h3 b {
		font-size: 20px;
	}

	.page .notice .col-md-5 .textbox h4 {
		font-size: 25px;
	}

	.page .notice .col-md-5 .textbox table {
		margin-bottom: 0;
	}
}
.nav-item:hover .dropdown-menu{
	display: block;
}