* {}

body,
html {
	overflow-x: hidden;
}

a:hover {
	color: #00ffff;
}

.dflex {
	display: flex;
}

.j-center {
	justify-content: center;
}

.a-center {
	align-items: center;
}

.j-sb {
	justify-content: space-between;
}

.tac {
	text-align: center !important;
}

.f-wrap {
	flex-wrap: wrap;
}

.f-bold {
	font-weight: bold;
}

.ya_btn {
	display: inline-block;
	min-width: 60px;
	text-align: center;
	padding: 5px 5px;
	border-radius: 8px;
	margin: 0px 5px;
	vertical-align: middle;
	border: none;
	outline: none !important;
	font-size: 12px;
	transition: 500ms;
	text-transform: capitalize;
	color: #fff;
}

.ya_btnbor {
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #333333;
	color: #fff !important;
}

.ya_btnbor:hover {
	border: 1px solid #00ffff;
}

.bg_linear {
	background: linear-gradient(#00B2E3, #2ED9C3);
}

.leaveBut:hover {
	border: 1px solid #999;
	color: #fff;
	background: rgba(0, 0, 0, .5) !important;
}

.main-nav a span {
	font-size: 15px;
}

.bg_cor {
	color: #fff;
}

.bg_cor:hover {
	color: #fff;
}

.sticky .ya_btnbor {
	border: 1px solid #333;
	color: #333;
}

.sticky .ya_btnbor:hover {
	border: 1px solid #999;
	color: #333;
	background: #ccc !important;
}

.btn-lg {
	padding: 15px 30px
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.uli>li {
	padding: 10px 5px;
	display: flex;
	font-size: 14px;
	transition: all 300ms;
}

.uli>li:hover {
	transform: scale(1.1);
}

.uli>li h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
}

.uli>li p {
	font-size: 13px;
	margin-bottom: 0px;
	width: 100%;
}

.uli>li>div:nth-child(1) {
	width: 60px;
	height: 60px;
	background-color: #EBF9FC;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border: 1px dotted #ccc;
	color: #00B2E3;
}

.uli>li>div:nth-child(2) {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 10px;
}

.titleh2 {
	font-size: 20px !important;
	margin-bottom: 10px !important;
}

.ulisection {
	box-shadow: 5px 5px 10px #d9d8d8;
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: hidden;
}

.portfolio-section .single-portfolio-wrap .port-info {
	top: 50%;
}

.row_Bom {
	position: relative;
	padding-top: 150px;
	display: flex;
	justify-content: center;
}

.row_Bom img {
	transition: all 500ms;
}

.agndao {
	transition: all 500ms;
	margin-top: 90px;
}

.row_top {
	width: 110%;
	min-height: 100px;
	position: absolute;
	left: 55%;
	top: 11%;
	transform: translate(-55%, -0%);
	display: flex;
	justify-content: space-between;
}

.row_top>div {
	position: absolute;
	width: 280px;
	min-height: 130px;
	padding-top: 30px !important;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	padding: 5px;
	box-sizing: border-box;
	transition: all 500ms;
	padding-top: 10px;
}

.row_top>div:nth-child(1) {
	top: 10%;
	left: 10%;
	transform: translate(-50%, 10%);
	border: 1px solid #00B2E3;
}

.row_top>div:nth-child(2) {
	top: -50%;
	left: 37%;
	transform: translate(-50%, -0%);
	border: 1px solid #0082CA;
}

.row_top>div:nth-child(3) {
	top: -50%;
	left: 63%;
	transform: translate(-50%, -0%);
	border: 1px solid #2ED9C3;
}

.row_top>div:nth-child(4) {
	top: 20%;
	right: -10%;
	transform: translate(-43%, 4.5%);
	border: 1px solid #00A887;
}

.row_top>div i {
	display: block;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 1px 5px;
	font-style: normal;
}

.row_top>div:nth-child(1) i {
	background-color: #00B2E3;
}

.row_top>div:nth-child(2) i {
	background-color: #0082CA;
}

.row_top>div:nth-child(3) i {
	background-color: #2ED9C3;
}

.row_top>div:nth-child(4) i {
	background-color: #00A887;
}

.advertising {
	height: 230px;
	background: url(../img/advertising.png) no-repeat center;
	background-size: cover 100%;
	color: #fff;
}

.advertising h5 {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}

.advertising .row>div:nth-child(2) {
	display: flex;
	justify-content: center;
	align-items: center;
}

.advertising .row>div:nth-child(2) a {
	padding: 10px 20px;
	background-color: #fff;
	color: #3FA8F4;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}

.advertising .row>div:nth-child(2) a i {
	font-size: 18px;
	color: #3FA8F4 !important;
	margin-left: 5px;
	transition: 500ms;
}

.advertising .row>div:nth-child(2) a:hover {
	transform: scale(1.1);
}

.row_Bomrow {
	background: url(../img/xian.png) no-repeat top;
	background-size: 100%;
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 130px;
}

.row_Bomrow img {
	width: 400px;
	height: 350px;
}

@media(max-width:767px) {
	.ya_btnbor {
		border: 1px solid #333;
		color: #fff;
	}

	.ya_btnbor:hover {
		border: 1px solid #ccc;
		color: #ccc;
	}
}

@media(max-width:530px) {
	.iconfont {
		font-size: 15px;
	}

	.mt-30 {
		margin-top: 15px
	}

	.portfolio-section .mt-30 {
		padding-right: calc(var(--bs-gutter-x) / 3);
		padding-left: calc(var(--bs-gutter-x) / 3);
	}

	.port-info .nav a {
		padding: 0px 0px;
		line-height: 23px;
	}

	.port-info .title {
		margin-bottom: 0px;
		font-size: 18px !important;
	}

	.port-info .title span {
		font-size: 36px;
		font-weight: bolder;
	}

	.port-info .atitle {
		font-size: 14px;
		color: #00B2E3;
		margin-bottom: 0px;
		transition: 500ms;
	}

	.portfolio-section .single-portfolio-wrap .port-info {
		top: 51%;
	}

	.port-info .nav a {
		padding: 0px 0px;
		font-size: 12px;
	}

	.hover-style {
		height: 280px;
	}

	.portfolio-section .single-portfolio-wrap .portfolio-thumb>a {
		height: 100%;
	}

	.portfolio-section .single-portfolio-wrap .portfolio-thumb>a>img {
		height: 100%;
	}

	.intro11-slider .slider-content .sub-title {
		margin-bottom: 15px;
	}

	.intro11-slider .slider-content .sub-title {
		font-size: 15px;
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 60px;
		padding-top: 80px !important;
	}

	.row_Bomrow img {
		width: 200px !important;
		height: 150px !important;
	}

	.navTabsCont>div h3 {
		font-size: 13px !important;
	}

	.row_top>div:nth-child(1) {
		left: 0% !important;
	}

	.row_top>div:nth-child(2) {
		left: 24% !important;
	}

	.row_top>div:nth-child(3) {
		left: 48.5% !important;
	}

	.row_top>div:nth-child(4) {
		right: -0.3% !important;
	}

	.row_top>div {
		width: 115px !important;
		font-size: 12px !important;
		padding-top: 20px !important;
	}
}

@media (min-width: 531px) and (max-width: 767px) {
	.portfolio-section .mt-30 {
		padding-right: calc(var(--bs-gutter-x) / 3);
		padding-left: calc(var(--bs-gutter-x) / 3);
	}

	.port-info .nav a {
		padding: 10px 0px;
	}

	.port-info .title {
		margin-bottom: 5px;
		font-size: 18px !important;
	}

	.port-info .title span {
		font-size: 40px;
		font-weight: bolder;
	}

	.port-info .atitle {
		font-size: 18px;
		color: #00B2E3;
		margin-bottom: 10px;
		transition: 500ms;
	}

	.portfolio-section .single-portfolio-wrap .port-info {
		top: 53%;
	}

	.port-info .nav a {
		padding: 0px 0px;
		font-size: 16px;
	}

	.portfolio-section .single-portfolio-wrap .portfolio-thumb>a {
		height: 100%;
	}

	.portfolio-section .single-portfolio-wrap .portfolio-thumb>a>img {
		height: 100%;
	}

	.uli>li>div:nth-child(1) {
		width: 60px !important;
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 60px;
		padding-top: 80px;
	}

	.row_Bomrow img {
		width: 200px !important;
		height: 150px !important;
	}

	.navTabsCont>div h3 {
		font-size: 13px !important;
	}

	.row_top>div:nth-child(1) {
		left: 0% !important;
	}

	.row_top>div:nth-child(2) {
		left: 24% !important;
	}

	.row_top>div:nth-child(3) {
		left: 48% !important;
	}

	.row_top>div:nth-child(4) {
		right: 0% !important;
	}

	.row_top>div {
		width: 150px !important;
		font-size: 13px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-section .single-portfolio-wrap .port-info {
		top: 51%;
	}

	.port-info .nav a {
		padding: 2px 0px;
	}

	.iconfont {
		font-size: 16px;
	}

	.port-info .title {
		margin-bottom: 0px;
		font-size: 20px !important;
	}

	.port-info .title span {
		font-size: 40px;
		font-weight: bolder;
	}

	.port-info .atitle {
		font-size: 17px;
		color: #00B2E3;
		margin-bottom: 0px;
		transition: 500ms;
	}

	.port-info .nav a {
		padding: 0px 0px;
		font-size: 14px;
	}

	.main-nav>ul>li>a {
		padding: 40px 10px;
	}

	.d-lg-flex {
		width: 85%;
	}
}

@media(min-width: 1201px) {
	.portfolio-section .single-portfolio-wrap .port-info {
		top: 51%;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	.portfolio-section .single-portfolio-wrap .port-info {
		top: 60%;
	}

	.port-info .nav a {
		padding: 0px 0px;
		line-height: 28px;
		font-size: 16px;
	}

	.port-info .title {
		margin-bottom: 8px;
		font-size: 28px !important;
	}

	.port-info .title span {
		font-size: 60px;
		font-weight: bolder;
	}

	.port-info .atitle {
		font-size: 23px;
		color: #00B2E3;
		margin-bottom: 5px;
		transition: 500ms;
	}
}

@media (min-width: 1200px) and (max-width: 1380px) {
	.row_top {
		width: 105%;
		min-height: 100px;
		position: absolute;
		left: 55%;
		top: 11%;
	}

	.row_top>div {
		width: 230px;
		height: 120px;
		font-size: 13px;
	}

	.row_top>div:nth-child(1) {
		top: 30%;
		left: 13%;
		transform: translate(-50%, 10%);
	}

	.row_top>div:nth-child(2) {
		top: -40%;
		left: 37%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(3) {
		top: -40%;
		left: 63%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(4) {
		top: 30%;
		right: -4%;
		transform: translate(-43%, 4.5%);
	}

	.row_Bomrow img {
		width: 400px;
		height: 300px;
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 0px;
		padding-top: 130px;
	}

	.row_Bomrow img {
		width: 400px;
		height: 350px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.row_top {
		width: 105%;
		min-height: 100px;
		position: absolute;
		left: 55%;
		top: 11%;
	}

	.row_top>div {
		width: 230px;
		height: 120px;
		font-size: 13px;
	}

	.row_top>div:nth-child(1) {
		top: 30%;
		left: 13%;
		transform: translate(-50%, 10%);
	}

	.row_top>div:nth-child(2) {
		top: -30%;
		left: 37.5%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(3) {
		top: -30%;
		left: 62.5%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(4) {
		top: 30%;
		right: 0%;
		transform: translate(-6%, 4.5%);
	}

	.row_Bomrow img {
		width: 400px;
		height: 300px;
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 0px;
		padding-top: 130px;
	}

	.row_Bomrow img {
		width: 300px;
		height: 250px;
	}
}

@media (min-width: 810px) and (max-width: 991px) {
	.row_top {
		width: 100%;
		min-height: 100px;
		position: absolute;
		left: 55%;
		top: 11%;
	}

	.row_top>div {
		width: 180px;
		height: 120px;
		font-size: 12px;
	}

	.row_top>div:nth-child(1) {
		top: 20%;
		left: 8%;
		transform: translate(-50%, 10%);
	}

	.row_top>div:nth-child(2) {
		top: -25%;
		left: 35.5%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(3) {
		top: -25%;
		left: 63%;
		transform: translate(-50%, -0%);
	}

	.row_top>div:nth-child(4) {
		top: 30%;
		right: 0%;
		transform: translate(10%, 4.5%);
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 0px;
		padding-top: 130px;
	}

	.row_Bomrow img {
		width: 300px;
		height: 250px;
	}
}

@media (min-width: 0px) and (max-width: 413px) {
	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 0px;
		padding-top: 80px !important;
	}

	.row_top>div {
		width: 105px !important;
		font-size: 12px !important;
		padding-top: 20px !important;
	}
}

.navTabs {
	border-top: 1px solid #E9E9E9;
	background-color: #F8F8F8;
	border-bottom: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	overflow: hidden;
}

.navTabs ul li {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.navTabs ul li a {
	width: 100%;
	transition: 500ms;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 600;
}

.navTabs ul li a:hover {
	color: #00B2E3;
}

.navTabs ul a i {
	font-size: 18px;
	color: red !important;
	margin-right: 5px;
	-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(yellow), to(rgba(0, 0, 255, 0.7)));
}

.navTabsCont {
	background-color: #fff;
}

.navTabs ul li:nth-child(2) a i {
	color: #F15A24 !important;
}

.navTabs ul li:nth-child(3) a i {
	color: #F7931E !important;
}

.navTabs ul li:nth-child(4) a i {
	color: #FBB03B !important;
}

.navTabs ul li:nth-child(5) a i {
	color: #FCEE21 !important;
}

.navTabs .nav-link {
	padding: 8px 16px;
}

.navTabs .nav-link.active {
	border-right: #fff;
	background-color: #fff;
}

.navTabsCont>div {
	display: none;
	transition: 500ms;
	padding: 20px 10px;
	box-sizing: border-box;
}

.navTabsCont>div:nth-child(1) {
	display: block;
}

.navTabsCont>div h3 {
	font-size: 16px;
}

.navTabsCont>div h3 i {
	font-style: normal;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 5px;
	background-color: #D4F9FF;
	color: #00B2E3;
	text-align: center;
	margin-right: 8px;
}

.navTabsCont>div div {
	font-size: 14px;
}

.navTabsCont>div div i {
	font-style: normal;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: #00B2E3;
	font-size: 16px;
	color: #fff;
	margin-right: 8px;
}

@media (min-width: 0px) and (max-width: 809px) {
	.row_top {
		width: 100%;
		min-height: 100px;
		position: absolute;
		left: 55%;
		top: 11%;
	}

	.row_top>div {
		width: 100px;
		padding-top: 22px !important;
		font-size: 12px;
		transform: scale(0.8) !important;
	}

	.agndao {
		margin-bottom: 10px !important;
		margin-top: 30px;
	}

	.advertising {
		font-size: 12px;
	}

	.advertising h5 {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}

	.advertising .row>div:nth-child(2) {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.advertising .row>div:nth-child(2) a {
		padding: 10px 10px;
		background-color: #fff;
		color: #3FA8F4;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.advertising .row>div:nth-child(2) a i {
		font-size: 18px;
		color: #3FA8F4 !important;
		margin-left: 5px;
		transition: 500ms;
	}

	.navTabs .nav-link {
		padding: 5px 5px !important;
		font-size: 12px;
	}

	.navTabsul {
		padding-top: 3px !important;
		padding-left: 3px !important;
		padding-bottom: 3px !important;
	}

	.navTabs {
		height: 220px;
		box-sizing: border-box;
	}

	.navTabsCont {
		max-height: 220px;
	}

	.navTabsCont>div h3 {
		font-size: 14px;
	}

	.navTabsCont>div div {
		font-size: 12px;
	}

	.navTabsCont>div i {
		width: 25px !important;
		height: 25px !important;
		font-size: 14px !important;
	}

	.widget-body>div {
		width: 35% !important;
	}

	.widget-title {
		width: 100% !important;
	}

	.widget-title img {
		width: 90% !important;
	}

	.muiBtn {
		padding-top: 20px !important;
		padding-bottom: 10px !important;
	}

	.footer-section {
		padding-top: 20px !important;
	}

	.Foologoimg {
		width: 80% !important;
		margin: 0 auto;
	}

	.Fooconsociation h3 {
		font-size: 24px !important;
		text-align: center;
	}

	.row_Bomrow {
		margin-top: 30px;
		margin-bottom: 60px;
		padding-top: 130px;
	}

	.row_Bomrow img {
		width: 300px;
		height: 250px;
	}

	.navTabsCont>div h3 {
		font-size: 13px;
	}

	.row_top>div:nth-child(1) {
		top: 20%;
		left: 0%;
	}

	.row_top>div:nth-child(2) {
		top: -5%;
		left: 24%;
	}

	.row_top>div:nth-child(3) {
		top: -5%;
		left: 48%;
	}

	.row_top>div:nth-child(4) {
		top: 20%;
		right: 0%;
	}

	.row_top>div {
		width: 200px;
		font-size: 14px;
		padding-top: 25px !important;
	}
}

.muiBtn {
	padding-bottom: 15px !important;
}

.mui-btn {
	width: auto;
	margin: 0 auto;
	border: none;
	padding: 10px 50px;
	border-radius: 10px;
	background-color: #00B2E3;
	color: #fff;
	font-size: 16px;
	transition: 500ms;
}

.mui-btn:hover {
	background-color: #00c4f5;
}

.footer-section {
	background-color: #00202D;
	color: #fff;
}

.footer-section h3 {
	color: #FFF;
}

.footer-section .widget-title {
	color: #FFF;
	font-size: 22px !important;
}

.widget-body {
	display: flex;
	justify-content: center;
}

.widget-body>div {
	margin: 0px 5px;
}

.widget-body>div span {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.col-custom {}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.Pop {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 65%;
	background-color: pink;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #00B2E3;
	font-size: 18px !important;
	font-weight: 600;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1));
}

.Foologoimg {
	width: 300px;
}

.Fooconsociation {
	padding: 30px 0px 0px 0px;
}

.Fooconsociation h3 {
	font-size: 48px;
}

.mobile-menu .active {
	border-right: #fff;
	background-color: #fff;
	color: #122179 !important;
}

.pupDing {
	width: 70%;
	padding: 15px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 100%);
	background-color: #fff;
	z-index: 99;
	box-shadow: 0px 0px 10px #ccc;
	border-radius: 10px;
	transition: all 0.5s;
	opacity: 0;
}

.pupDingAoc {
	transform: translate(-50%, -50%) !important;
	opacity: 1 !important;
}

.pupDing .container .por_ban4Te {
	margin-bottom: 30px;
}

.pupDing .container .por_ban4Te span {
	font-size: 15px;
	color: #999;
}

.pupDing .container .verify {
	font-size: 16px;
}

.pupDing .container .verify i {
	color: red;
}

.pupDing .container .input-item {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}

.pupDing .container .textarea-item:hover,
.pupDing .container .input-item:hover {
	border-color: #acacac !important;
}

.pupDing .container .por_ban4Te {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pupDing .container .por_ban4Te .fa-times {
	cursor: pointer;
}

.pupDing .btn-primary {
	color: #FFF;
	background-color: #00B2E3;
	border-color: #00B2E3;
	border-radius: 5px;
}

.pupDing .btn-primary:hover {
	color: #FFF;
	background-color: #00ccfa;
	border-color: #00ccfa;
}

.h100b {
	height: 100%;
}

.dfjc {
	display: flex;
	align-items: center;
	padding: 0px 30px;
}

.fzs24 {
	font-size: 24px !important;
}

.con .module-tab-title h4:before {
	content: " ";
	display: inline-block;
	width: 3px;
	height: 20px !important;
	background: #108cee;
	margin-bottom: -2px;
	margin-right: 8px;
}

.a-center {
	align-items: center;
}

.j-center {
	justify-content: center;
}

.f-wrap {
	flex-wrap: wrap;
}

.flex05 {
	flex: 0.5;
}

.p30 {
	padding: 30px;
	box-sizing: border-box;
}

.fz13 {
	font-size: 13px;
}

.py30 {
	padding: 30px 0px;
}

.w100 {
	width: 100%;
}

.fz16 {
	font-size: 16px;
}

.p10 {
	padding: 10px;
}

.linkusone {
	width: 100%;
	height: 100%;
	position: relative;
}

#oneMap {
	background-color: #000 !important;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	opacity: 0.4;
}

#oneMap img {
	max-width: none
}

#oneMap iframe {
	width: 100%;
	height: 100%;
}

#oneMap .map_y {
	display: none
}

.h100 {
	height: 100%;
}

.input-card {
	padding: 20px 10px 10px 10px;
}

.amap-adcombo-close {
	background-color: #f0f0f0;
}

.color000 {
	color: #000 !important;
}

.color222 {
	color: #00B2E3;
	font-weight: bold;
}

.impi {
	height: 25px;
	background-color: #00B2E3;
}

.bj255 {
	background-color: #fff;
}

.logins {
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 900px;
	transform: translate(-50%, 150%);
	border-radius: 30px;
	box-shadow: 0px 0px 5px #ccc;
	transition: all 0.5s;
	z-index: 99;
	opacity: 0;
}

.loginsdlu {
	overflow: hidden;
}

.logins .verify {}

.tar {
	text-align: right;
	font-size: 13px;
}

.logins .input-item {
	font-size: 13px;
}

.logins .btn-primary {
	color: #FFF;
	background-color: #00B2E3;
	border-color: #00B2E3;
	border-radius: 5px;
}

.logins .btn-primary:hover {
	color: #FFF;
	background-color: #00ccfa;
	border-color: #00ccfa;
}

.logins .btns {
	padding: 10px 30px;
}

.logins input {
	outline: 0;
	border: 1px solid #ccc !important;
	padding: 5px 5px;
	border-radius: 5px;
	height: 40px;
}

.logins .input-item:hover {
	border: 1px solid #00B2E3 !important;
	box-sizing: border-box;
}

.denglu .btn {
	padding: 5px 15px;
	width: 100%;
	height: 100%
}

.footers {
	bottom: 0;
	left: 0;
	padding: 10px 10px;
	background-color: #d9d9d9;
	width: 100%;
	height: 50px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

.loginszc .registersis {
	margin-bottom: 0px;
}

.dflexs {
	display: flex;
}

.registersis {
	padding: 20px 10px 20px 10px;
	margin-bottom: 30px;
	position: relative;
	z-index: 9;
}

.hide {
	display: none !important;
}

.potato_loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
}

.potato_loading_zhe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: opacity 0.4s ease;
}

.potato_loading_zhe_tr {
	opacity: 1 !important;
}

.potato_loading1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.potato_loading1_Icon {
	width: 40px;
	height: 40px;
	margin: 0;
	background: transparent;
	border-top: 3px solid #9FB5DE;
	border-right: 3px solid transparent;
	border-radius: 50%;
	-webkit-animation: 1s spin linear infinite;
	animation: 1s spin linear infinite;
}

.potato_loading1_title {
	font-size: 14px;
	color: #9FB5DE;
}

.potato_loading3_title {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	max-width: 80%;
	line-height: 0.44rem;
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.fa-times,
.fa-timess {
	cursor: pointer;
}

.leaveText {
	width: 100px;
}

.leaveTexts {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.leavelist {
	width: 100px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform: translate(-0%, 100%);
	padding: 0px;
	height: 0px;
	transition: all 300ms;
	overflow: hidden;
	opacity: 0;
}

.leavelist a {
	width: 100%;
	color: #ababab;
	padding: 5px;
}

.leavelist a:hover {
	color: #00B2E3;
}

.leaveText:hover .leavelist {
	height: auto;
	opacity: 1;
}

.modal-fade-enter-active {
	animation: dialog-fade-in .3s;
}

.modal-fade-leave-active {
	animation: dialog-fade-out .3s;
}

@keyframes dialog-fade-in {
	0% {
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes dialog-fade-out {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	100% {
		transform: translate3d(0, -20px, 0);
		opacity: 0;
	}
}

.m-modal__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9;
}

.m-modal__container {
	width: 25% !important;
	min-width: 300px !important;
	position: relative;
	margin: 0 auto 50px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	margin-top: 15vh;
	animation: dialog-fade-in .3s;
}

.m-modal__header {
	padding: 20px 20px 10px;
}

.m-modal__title {
	line-height: 24px;
	font-size: 18px;
	color: #303133;
}

.m-modal__wrapper button {
	-webkit-appearance: button;
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	align-items: flex-start;
	cursor: default;
	box-sizing: border-box;
	margin: 0;
}

.m-modal__headerbtn {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 16px;
}

.m-modal__close {
	color: #909399;
}

.m-modal__headerbtn:hover .m-modal__close {
	color: #409EFF;
}

.m-modal__body {
	padding: 30px 20px;
	color: #606266;
	font-size: 14px;
	word-break: break-all;
}

.m-modal__footer {
	padding: 10px 20px 20px;
	text-align: right;
	box-sizing: border-box;
}

.m-modal__footer button:first-child {
	margin-right: 10px;
}

.m-modal-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	margin: 0;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 4px;
}

.m-modal-button+.m-modal-button {
	margin-left: 10px;
}

.m-modal-button:focus,
.m-modal-button:hover {
	color: #409eff;
	border-color: #c6e2ff;
	background-color: #ecf5ff;
}

.m-modal--primary {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff;
}

.m-modal--primary:focus,
.m-modal--primary:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff;
}

.sticky .ssdas {
	color: #000;
}

.sticky .leavelist {
	background-color: #00B2E3;
}

.sticky .leavelist a {
	color: #FFF !important;
}

.sticky .leavelist a:hover {
	background-color: #00c7f8;
}

.loginspb {
	margin-bottom: 0px !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

.authCertificate {
	width: auto;
	max-height: 80%;
	max-width: 90%;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-500%, -45%);
	z-index: 9;
	opacity: 0;
	transition: all 500ms;
}

.authCertificateshos {
	opacity: 1;
	transform: translate(-50%, -47%);
}

.authCertificate>.div {
	background-color: #fff;
	border-radius: 10px;
}

.authCertificate img {
	width: 100%;
	max-height: 100% !important;
	box-shadow: 0px 0px 5px #000;
	border-radius: 10px;
}

.authCertificatecol {
	color: #00B2E3;
	cursor: pointer;
}

.mobiles {
	display: none !important;
}

@media (min-width: 0px) and (max-width: 768px) {
	.c-bg {
		left: 12px !important;
		bottom: 12px !important;
	}

	.mmb-20 {
		margin-bottom: 20px;
	}

	.mfz-13 {
		font-size: 13px !important;
	}

	.active-content .line {
		margin: 8px 0 !important;
	}

	.previewImg {
		width: 92% !important;
		height: auto !important;
		padding: 15px !important;
	}

	.anliDetail {
		width: 85% !important;
		height: 70%;
		overflow: auto;
	}

	.anliDetail .topTitle {
		height: auto !important;
	}

	.anliDetail .topContent,
	.anliDetail .appeal {
		padding: 20px !important;
	}

	.teamName {
		padding: 0 15px !important;
	}

	.textpon {
		margin-top: 15px !important;
	}

	.listban3 {
		margin: 10px !important;
	}

	.listban3Img>img {
		margin: 10px !important;
	}

	.textpon {
		padding-left: 10px !important;
	}

	.city {
		margin-left: 10px !important;
	}

	.About .About_ban1 {
		background: url(../img/AboutUstops.png) no-repeat center !important;
		background-size: 100% 100% !important;
	}

	.new .new_ban1 {
		background: url(../img/new_ban1s.png) no-repeat center !important;
		background-size: 110% 100% !important;
	}

	.breadcrumbs-area .title {
		margin-bottom: 10px !important;
	}

	.breadcrumbs-area {
		padding: 10px 0px 10px 0px !important;
	}

	.breadcrumbs-area .tecom {
		width: 250px !important;
	}

	.new .tecom {
		width: 328px !important;
	}

	.breadcrumbs-area .title {
		font-size: 26px !important;
	}

	.con .breadcrumbs-area {
		background: url(../img/con_ban1s.png) no-repeat center !important;
		background-size: 100% 100% !important;
	}

	.pro .breadcrumbs-area {
		height: auto !important;
		background: url(../img/productBgs.png) no-repeat center !important;
		background-size: 100% 100% !important;
	}

	.breadcrumbs-area {
		background: url(../img/serviceBgs.png) no-repeat center !important;
		background-size: 100% 100% !important;
	}

	.authCertificate {
		width: 100%;
		max-width: 98%;
	}

	.mobiles {
		display: block !important;
	}

	.mobilex {
		display: none;
	}

	.pupDing {
		width: 90%;
		padding: 20px;
	}

	.pupDing .container .por_ban4Te {
		margin-bottom: 10px;
	}

	.contact-form .input-item,
	.contact-form .textarea-item {
		width: 100%;
		height: 45px;
		font-size: 14px;
		border: 1px solid #CCCCCC;
		box-sizing: border-box !important;
		transition: 500ms;
	}

	.pupDing .container .mb-6 {
		margin-bottom: 10px !important;
	}

	.pupDing .container .pb-10 {
		padding-bottom: 10px !important;
	}

	.pupDing .container .pt-10 {
		padding-top: 10px !important;
	}

	.contact-form .input-item {
		padding: 5px 20px;
	}

	.pupDing .container .btn {
		padding: 10px 30px;
	}

	.pupDing .container .por_ban4Te span {
		font-size: 12px;
	}

	.pupDing .container .verify {
		font-size: 15px;
	}

	.leaveText {
		color: #666;
	}

	.loginsimsg {
		display: none !important;
	}

	.logins {
		width: auto;
	}
}

.issliderBom.sliderBom {
	width: 80%;
	background-color: #fff;
	border-radius: 15px;
	position: absolute;
	left: 50%;
	bottom: 0%;
	transform: translate(-50%, 50%);
	z-index: 1;
	margin: 0;
	padding: 30px 0px 25px 0px;
	box-shadow: 0px 3px 5px rgba(206, 206, 206, 0.5);
	box-sizing: border-box;
}

.sliderBom .sliderBomlist {
	display: flex;
	justify-content: center;
	transition: all 0.3s;
}

.sliderBom .sliderBomlist:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.sliderBom .sliderBomlist .sbrl {
	padding-left: 10px;
	font-size: 14px;
	box-sizing: border-box;
}

.sbrlbold {
	color: #002B49;
	font-weight: bold;
	font-size: 22px;
}

.sbrlbold span {
	font-size: 36px;
	line-height: 26px;
	padding-right: 5px;
}

.sliderBomWid {
	width: 90px;
}

.sliderBomPon {
	display: none;
}

.timeNews {
	background-color: #F7F7F7;
	padding: 100px 0px 50px 0px;
	box-sizing: border-box;
}

.timeNewsbj {
	background-color: #fff;
	padding: 30px 0px !important;
	margin: 0px !important;
}

.borr {
	border-right: 1px solid #dfdfdf;
}

.borl {
	padding: 0px !important;
	height: 70px;
}

.borr img,
.borl img {
	width: 70px;
	height: 70px;
}

.boxp {
	box-sizing: border-box;
}

.swiperlists {
	height: 70px;
	overflow: hidden;
}

.timeNewsTitle {
	font-size: 22px;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.timeNewsCont {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.divpx {
	width: 100%;
}

.mt30 {
	margin-top: 30px;
}

.lilist {
	padding: 8px 40px;
	border: 1px solid #E6E6E6;
	margin: 0px 3px;
}

.lilist span {
	font-size: 14px;
	margin-right: 5px;
}

.lilist.actives {
	background-color: #00B2E3;
	color: #fff;
}

.lilistBom {
	width: 100%;
	height: 700px;
	overflow: hidden;
	position: relative;
}

.lilistBom .lilistCont {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	transition: all 500ms;
	opacity: 0;
	transform: translate(150%, 0%);
}

.lilistBom .lilistCont.activest {
	transform: translate(0%, 0%);
	opacity: 1;
}

.lilistCont img {
	width: 100%;
}

.Servicess {
	background-color: #F7F7F7;
}

.Services .Serviceslist {
	padding: 5px;
	position: relative;
	cursor: pointer;
}

.Services .Serviceslist>div {
	height: 280px;
	border-radius: 15px;
	padding: 15px;
	transition: all 0.3s;
	box-sizing: border-box;
}

.Services .Serviceslist:nth-child(1)>div {
	background: url(../img/Services1.png) no-repeat center;
	background-size: 100% 100%;
}

.Services .Serviceslist:nth-child(2)>div {
	background: url(../img/Services2.png) no-repeat center;
	background-size: 100% 100%;
}

.Services .Serviceslist:nth-child(3)>div {
	background: url(../img/Services3.png) no-repeat center;
	background-size: 100% 100%;
}

.Services .Serviceslist:nth-child(4)>div {
	background: url(../img/Services4.png) no-repeat center;
	background-size: 100% 100%;
}

.Services .Serviceslist:nth-child(5)>div {
	background: url(../img/Services5.png) no-repeat center;
	background-size: 100% 100%;
}

.Services .Serviceslist:nth-child(6)>div {
	background: url(../img/Services6.png) no-repeat center;
	background-size: 100% 100%;
}

.ServiceslistBom {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 5px;
	color: #B3B3B3;
	overflow: hidden;
	border-radius: 25px;
}

.ServicesTitle {
	font-size: 24px;
	color: #000;
}

.ServiceBoms {
	height: 100px;
	width: 70%;
}

.Serviceslist {
	transition: all 0.3s;
}

.Serviceslist i {
	display: block;
	margin-top: 5px;
	width: 100%;
	height: 10px;
	background-image: linear-gradient(to right, #33B5E0, #4CD8C4);
	transform: translate(0%, 100%);
	transition: all 0.3s;
}

.Serviceslist:hover {
	transform: translateY(-10%);
}

.Serviceslist:hover i {
	transform: translate(0%, 0%);
}

.Serviceslist:hover>div {
	box-shadow: 0px 0px 5px #ccc;
}

.ser_ban2 .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ser_ban2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: 400px;
}

.systemSwiper .swiper-slide {
	height: 620px !important;
}



.ser_ban2 .swiper-slide .div {
	width: 100%;
	height: 100%;
}

.ser_ban2 .swiper-slide .mimg {
	width: 100%;
	height: 80%;
	overflow: hidden;
}

.ser_ban2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ser_ban2 .swiper-slide {
	box-shadow: 0px 0px 10px #dfdfdf;
	overflow: hidden;
	border-radius: 8px;
}

.ser_ban2 .swiperlist {
	padding-top: 30px;
	padding-bottom: 10px;
}

@media (min-width: 0px) and (max-width: 768px) {
	.systemSwiper .swiper-slide {
		height: 200px !important;
	}

	.ser_ban2 .swiper-slide img {
		object-fit: initial !important;
	}
}

@media (min-width: 767px) and (max-width: 1199px) {
	.systemSwiper .swiper-slide {
		height: 400px !important;
	}

	.ser_ban2 .swiper-slide img {
		object-fit: initial !important;
	}
}

.ser_ban2 .swtext {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20%;
	background-color: #FFF;
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding: 8px 8px 15px 8px;
	transition: all 300ms;
	transform: translate(-0%, 0px);
	box-sizing: border-box;
}

.ser_ban2 .swtext h5 {
	color: #000;
	font-weight: bold;
	text-align: center;
}

.ser_ban2 .swtext {
	color: #000;
}

.ser_ban2 .swactive .swtext {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60%;
	overflow-y: auto;
	background-color: #00B2E3;
	font-size: 13px;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
	transform: translate(-0%, -0%);
	box-sizing: border-box;
}

.ser_ban2 .swactive .swtext h5 {
	color: #fff;
	font-weight: bold;
}

.ser_ban2 .swactive .swtext {
	overflow-y: scroll;
}

.ser_ban2 .swactive .swtext::-webkit-scrollbar {
	width: 4px;
}

.ser_ban2 .swactive .swtext::-webkit-scrollbar-track {
	background-color: rgba(193, 193, 193, 0.5);
}

.ser_ban2 .swactive .swtext::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 6px;
}

.ser_ban2 .swactive .swtext::-webkit-scrollbar-thumb:hover {
	background-color: #555;
}

.ser_ban2 .teamItem {
	height: 220px !important;
}

.ser_ban2 .myTeam {
	display: flex;
	height: 220px;
	text-align: left !important;
}

.ser_ban2 .myTeam .teamImg {
	width: 220px !important;
	flex: 0.5;
	color: #1A1A1A;
}

.ser_ban2 .myTeam .teamImg img {
	border-radius: 11px;
}

.ser_ban2 .myTeam .teamText h5 {
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}

.ser_ban2 .myTeam .teamText .tag {
	display: inline-block;
	width: 40px;
	height: 16px;
	text-align: center;
	background: #00ABF6;
	border-radius: 12px 12px 12px 1px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0 4px 10px;
}

.ser_ban2 .myTeam .teamText {
	flex: 0.6;
	padding: 10px 16px;
	font-size: 13px;
	border-radius: 5px 5px 0px 0px;
	transform: translate(-0%, -0%);
	box-sizing: border-box;
}

.ser_ban2 .myTeam .teamText .text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}

.ser_ban2 .activeTeam .myTeam {
	background: #00ABF6 !important;
	color: #fff !important;
}

.ser_ban2 .activeTeam h5 {
	color: #fff !important;
}

.ser_ban2 .activeTeam .tag {
	background: #fff !important;
	color: #00ABF6 !important;
}

.about-sections {}

.asUsualSwiper {
	overflow: hidden;
	padding: 10px 43px;
}

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

.asUsualSwiper .swiper-button-next:after,
.asUsualSwiper .swiper-container-rtl .swiper-button-prev:after {
	content: '';
}

.asUsualSwiper .swiper-button-prev:after,
.asUsualSwiper .swiper-container-rtl .swiper-button-next:after {
	content: '';
}

.asUsualSwiper .swiper-button-next {
	width: 35px;
	height: 35px;
	background: url(../img/prev.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 9;
}

.asUsualSwiper .swiper-button-prev {
	width: 35px;
	height: 35px;
	background: url(../img/next.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 9;
}

.asUsualSwiper .swiper-slide {
	border-radius: 15px;
	overflow: hidden;
}

.asUsualSwiperlist {
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}

.asUsualSwiperHt {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.about-asUsualSwiper .swiper-slide {
	transition: all 0.3s;
	cursor: pointer;
}

.about-asUsualSwiper .swiper-slide {
	box-shadow: 0px 0px 10px #ccc;
}

.posrc {
	padding: 10px;
	box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 768px) {
	.ser_ban2 .teamItem {
		height: 260px !important;
	}

	.ser_ban2 .myTeam {
		height: 260px;
	}

	.ser_ban2 .myTeam .teamImg {
		width: 260px !important;
	}

	.ser_ban2 .myTeam .teamText h5 {
		margin-bottom: 10px;
	}

	.ser_ban2 .myTeam .teamText .text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 9;
		overflow: hidden;
	}

	.about-asUsualSwiper {
		margin-bottom: 0px !important;
	}

	.asUsualSwiperlist {
		height: 100px;
	}

	.asUsualSwiperHt {
		font-size: 16px;
	}

	.asUsualSwiperCom {
		font-size: 13px;
	}

	.asUsualSwiper {
		padding: 10px 40px;
		margin: 0px 0px;
	}

	.posrc {
		padding: 10px;
		box-sizing: border-box;
	}

	.Services .Serviceslist>div {
		height: 160px;
		border-radius: 15px;
		padding: 10px;
	}

	.about-asUsualSwiper .swiper-slide {
		box-shadow: 0px 0px 10px #ccc;
	}

	.about-asUsualSwiper .swiper-wrapper {}

	.ServiceBoms {
		font-size: 12px;
		height: 65px;
		overflow: hidden;
	}

	.ServicesTitle {
		font-size: 15px;
	}

	.lilistTop {
		padding: 0px 10px;
	}

	.lilist span {
		font-size: 13px;
	}

	.lilist {
		font-size: 12px;
		padding: 8px 5px;
		border: 1px solid #E6E6E6;
		margin: 0px 2px;
		box-sizing: border-box;
	}

	.lilistBom {
		width: 100%;
		height: 230px;
		margin-top: 10px;
	}

	.issliderBom {
		display: none;
	}

	.sliderBomPon {
		position: relative;
		display: block;
	}

	.sliderBomWid {
		width: 50px;
	}

	.sbrlbold {
		font-size: 14px;
	}

	.sbrlbold span {
		font-size: 16px;
		line-height: 16px;
		padding-right: 5px;
	}

	.sliderBom .sliderBomlist .sbrl {
		padding-left: 10px;
		font-size: 12px;
		box-sizing: border-box;
	}

	.sliderBom .sliderBomlist {
		padding: 0px 5px;
	}

	.sliderBomPon {
		padding: 20px 0px;
	}

	.sliderBomPon .sliderBom {
		width: 98%;
		background-color: #fff;
		border-radius: 15px;
		margin: 0 auto;
		padding: 15px 0px 10px 0px;
		box-shadow: 0px 0px 5px rgba(206, 206, 206, 1);
		box-sizing: border-box;
	}

	.timeNews {
		padding: 30px 0px 30px 0px;
		box-sizing: border-box;
	}

	.borr img,
	.borl img {
		width: 50px;
		height: 45px;
	}

	.timeNewsTitle {
		font-size: 15px;
	}

	.timeNewsCont {
		font-size: 12px;
	}

	.borr {
		height: 100%;
		align-items: center;
	}

	.divpx {
		width: 100%;
	}
}

@media (min-width: 0px) and (max-width: 575px) {
	.logins {
		width: 90%;
	}
}

@media (min-width: 576px) {
	.loginsimsg {
		display: none;
	}
}

@media (min-width: 992px) {
	.loginsimsg {
		display: block;
	}
}

.conversation {
	width: 75px;
	position: fixed;
	right: 1%;
	bottom: 13%;
	height: auto;
	border-radius: 10px;
	z-index: 9;
}

.conversation a {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.conversation1 {
	bottom: 10%;
}

.conversationleft {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(-110%, -50%);
	width: 0px;
	padding: 0px !important;
	background-color: #fff;
	transition: transform 300ms;
	text-align: left;
	overflow: hidden;
	border-radius: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.conversation .a:hover .conversationleft {
	min-width: 160px;
	transform: translate(-100%, -50%);
	padding: 10px 5px !important;
	box-shadow: 0px 0px 5px #ccc;
}

.conversation .a {
	padding: 0px;
}

.conversation .a>a>img {
	width: 45px;
	height: 45px;
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 50%;
	background-color: #fff;
}

.conversation div {
	font-size: 12px !important;
	padding: 0px 10px;
}

.conversationleft>div {
	font-size: 13px !important;
}

.timeNewsa a:hover {
	color: inherit;
}

.widget-body>div>div {
	width: 130px;
	height: 130px;
	background-color: #fff;
	border-radius: 10px;
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}