@import url("reset.css");
@import url("tabs.css");


#scrollButton {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}


.section-space-ptb {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
	.section-space-ptb {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.section-space-pt {
	padding-top: 60px;
}

@media only screen and (max-width: 767px) {
	.section-space-pt {
		padding-top: 60px;
	}
}

.section-space-pt-60 {
	padding-top: 60px;
}

@media only screen and (max-width: 767px) {
	.section-space-pt-60 {
		padding-top: 30px;
	}
}

.section-space-pb {
	padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
	.section-space-pb {
		padding-bottom: 60px;
	}
}

/*--------------------------
    - Notification Bar Css
----------------------------*/
.topbar-close-btn {
	background-color: transparent;
	border: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 16px;
	display: inline-block;
	height: auto;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.topbar-close-btn:hover {
	opacity: 0.7;
}

.notification-bar-area {
	padding: 7px 0;
}

.header-top-area-left-side,
.header-top-area-right-side {
	padding: 8px 0;
	gap: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {

	.header-top-area-left-side,
	.header-top-area-right-side {
		gap: 30px;
		padding: 0px 0;
	}
}

.header-top-area-left-side-item,
.header-top-area-right-side-item {
	position: relative;
}

.header-top-area-left-side-item::after,
.header-top-area-right-side-item::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 14px;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
	background-color: #ebebeb;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 575px) {

	.header-top-area-left-side-item::after,
	.header-top-area-right-side-item::after {
		right: -15px;
	}
}

.header-top-area-left-side-item:last-child::after,
.header-top-area-right-side-item:last-child::after {
	display: none;
}

/*--------------------------
    - Top Bar Menu Css
----------------------------*/
.top-bar-item-menu li {
	position: relative;
}

.top-bar-item-menu li a i {
	font-size: 10px;
}

.top-bar-item-menu li:hover .top-bar-item-menu-dropdow {
	top: 100%;
	opacity: 1;
	visibility: visible;
}

.top-bar-item-menu-dropdow {
	position: absolute;
	top: 150%;
	z-index: 999;
	list-style: none;
	left: auto;
	right: 0;
	margin: 0;
	border-radius: 0;
	background: #fff;
	text-align: left;
	padding: 0;
	border: 0;
	min-width: 160px;
	box-shadow: none;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease-in-out;
}

.top-bar-item-menu-dropdow a {
	padding: 7px 19px;
	line-height: 24px;
	display: block;
	color: #333;
}

.top-bar-item-menu-dropdow a:hover,
.top-bar-item-menu-dropdow a.active {
	background-color: #f5f5f5;
}

.top-bar-item-menu.top-bar-menu-left .top-bar-item-menu-dropdow {
	left: 0;
	right: auto;
}

/*--------------------------
    - Logo Css
----------------------------*/
.logo {
	line-height: 65px;
	height: 65px;
	align-items: center;
	display: flex;
}

.logo a {
	display: inline-block;
justify-content: center;
	align-items: center;
}

.logo a img {
	max-width: 80px;
	width: 100%;
	height: 100%;
}

.logo span {
	    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
}
/*--------------------------
    - Header Action Css
----------------------------*/
.header {
	background-color: #fff;
}

.header-action {
	gap: 18px;
}

@media only screen and (min-width: 1550px),
only screen and (min-width: 1200px) and (max-width: 1549px),
only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-action {
		gap: 22px;
	}
}

.header-action-item {
	position: relative;
	background-color: transparent;
	border: 0;
	padding: 0 2px;
	background: 0 0;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	display: inline-block;
	vertical-align: top;
	color: #313030;
}

.header-action-item .fa-solid fa-magnifying-glass {
	font-size: 21px;
}

.header-action-item-count {
	font-size: 12px;
	margin-left: -4px;
	top: -8px;
	text-align: center;
	position: absolute;
	background: #DF9A91;
	height: 18px;
	width: 18px;
	line-height: 18px;
	border-radius: 100%;
	color: #FFFFFF;
	font-weight: 600;
}

@media screen and (min-width: 992px) {
	.bg-lg-transparent {
		background: transparent !important;
	}
}

@media screen and (min-width: 768px) {
	.bg-md-transparent {
		background: transparent !important;
	}
	.logo a img {
	max-width: 60px;
	height: 100%;
	}
}

@media screen and (min-width: 576px) {
	.bg-sm-transparent {
		background: transparent !important;
	}
}
@media screen and (max-width: 576px) {
	.bg-sm-transparent {
		background: transparent !important;
	}
	.logo a img {
	max-width: 50px;
	height: 100%;
}
}
/*----------------------------------------*/
/*   - Sticky Header CSS
/*----------------------------------------*/
.sticky-header {
	width: 100%;
}

.sticky-header.is-sticky {
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
	animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
}

.sticky-header.dark-sticky-header.is-sticky {
	background-color: rgba(0, 0, 0, 0.95);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*----------------------------------
- Main Menu
-----------------------------------*/
.main-menu {
	display: flex;
}

.main-menu-item {
	padding: 0px 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-menu-item {
		padding: 0 10px;
	}
}

.main-menu-item:first-child {
	padding-left: 0;
}

.main-menu-item.active .main-menu-link {
	color: #000000;
}

.main-menu-item.active .main-menu-link::after {
	width: 100%;
}

.main-menu-link {
	display: block;
	color: #000000;
	padding: 30px 0px;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.18;
	transition: all 0s ease-in-out;
}

.main-menu-link::before {
	content: "";
	position: absolute;
	bottom: 14px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #000000;
	transition: all 0.3s ease-in-out;
}

.main-menu-link:hover {
	color: #000000;
}

.main-menu-link:hover::before {
	width: 100%;
}

.nav-menu-white .main-menu-item.active .main-menu-link {
	color: #FFFFFF;
}

.nav-menu-white .main-menu-link {
	color: #FFFFFF;
}

.nav-menu-white .main-menu-link::before {
	background-color: #FFFFFF;
}

.nav-menu-white .main-menu-link:hover {
	color: #FFFFFF;
}

.nav-menu-white .main-menu-link:hover::before {
	width: 100%;
}

.menu-label {
	font-size: 11px;
	text-transform: capitalize;
	position: absolute;
	top: -9px;
	padding: 0 5px;
	color: #f1f1f1;
	border-radius: 2px;
	line-height: 20px;
	font-weight: 400;
	z-index: 100;
	white-space: nowrap;
	background: #282828;
}

.menu-label::after {
	position: absolute;
	content: "";
	top: 100%;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top-width: 4px;
	border-bottom-width: 0;
	border-right-width: 7px;
	border-left-width: 0;
	border-top-color: transparent;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	border-color: #282828;
}

/*----------------------------------
- Submenu
-----------------------------------*/
.has-children {
	position: relative;
}

.has-children:hover>.submenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.has-children:hover .megamenu--mega-lavel-2.megamenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.has-children--mega {
	position: inherit;
}

.has-children--mega:hover .megamenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.has-children>.main-menu-link,
.has-children--mega>.main-menu-link {
	position: relative;
}

.has-children>.main-menu-link::after,
.has-children--mega>.main-menu-link::after {
	position: static;
	margin-left: 5px;
	font-family: "Font Awesome 6 Free";
	content: "\f078";
	font-weight: 600;
	font-size: 10px;
	vertical-align: middle;
	transition: all 0.3s ease-in-out;
}

.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	transform: translateY(50px);
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-delay: 0.2s;
	transition-duration: 0.4s;
	visibility: hidden;
	opacity: 0;
	min-width: 220px;
	padding: 20px 0;
	border: 1px solid #eaeaea;
	z-index: 3;
}

.submenu-link {
	padding: 2px 15px;
	color: #000000;
	font-size: 16px;
	display: block;
	position: relative;
}

.submenu>.has-children {
	position: relative;
}

.submenu>.has-children::after {
	position: absolute;
	margin-left: 5px;
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 10px;
	vertical-align: middle;
	transition: all 0.3s ease-in-out;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.submenu .submenu {
	top: 0px;
	left: 100%;
	right: auto;
}

.submenu .submenu>.has-children {
	position: relative;
}

.submenu .submenu>.has-children::after {
	position: static;
	margin-left: 5px;
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	font-size: 10px;
	vertical-align: middle;
	transition: all 0.3s ease-in-out;
}

.submenu>li {
	position: relative;
}

.submenu>li:hover>.submenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	z-index: 9;
}

/*---------------------------
 - Megamenu CSS
-----------------------------*/
.megamenu {
	position: absolute;
	left: 0;
	border: 1px solid #eaeaea;
	box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
	transform: translateY(50px);
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-delay: 0.2s;
	transition-duration: 0.4s;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
}

.megamenu--mega {
	width: 100%;
	left: 0;
	right: 0;
}

.megamenu--mega-inner {
	max-width: 1400px;
	margin: auto;
	padding: 35px 15px 30px;
	display: flex;
}

.megamenu--mega-lavel-2 {
	width: 580px;
	padding: 20px 15px;
	display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.megamenu--mega-lavel-2 {
		margin-left: -134px;
	}
}

.megamenu .megamenu-item {
	flex-grow: 1;
	flex-basis: 0;
	padding: 15px;
}

.megamenu-title {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
}

.megamenu-link {
	padding: 2px 0px;
	color: #000000;
	font-size: 16px;
	display: block;
	position: relative;
}

.mobile-menu-item {
	display: block;
	border-top: 1px solid #eee;
}

.mobile-menu-item:first-child {
	border-top: 0;
}

.mobile-menu-link {
	display: block;
	padding: 10px 0px;
	line-height: 24px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	position: relative;
}

.mobile-menu-link:hover>.menu-expand,
.mobile-menu-link.active>.menu-expand {
	background-color: #DF9A91;
	color: #fff;
}

.mobile-menu-link>.menu-expand {
	position: absolute;
	right: 0;
	background: #eee;
	width: 30px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 4px;
	color: #333;
	font-size: 10px;
}

.mobile-menu--mega,
.mobile-menu .sub-menu {
	display: none;
	padding: 0 0 0 15px;
	border-top: 1px solid #eee;
}

.mobile-menu--mega li:first-child .mega-menu-link,
.mobile-menu--mega li:first-child .sub-menu-link,
.mobile-menu .sub-menu li:first-child .mega-menu-link,
.mobile-menu .sub-menu li:first-child .sub-menu-link {
	border-top: 0;
}

.mobile-menu--mega li .menu-expand,
.mobile-menu .sub-menu li .menu-expand {
	position: absolute;
	right: 0;
	background: #eee;
	width: 25px;
	height: 24px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	color: #333;
	font-size: 10px;
}

.mobile-menu--mega li .mega-menu-link,
.mobile-menu--mega li .sub-menu-link,
.mobile-menu .sub-menu li .mega-menu-link,
.mobile-menu .sub-menu li .sub-menu-link {
	display: block;
	padding: 8px 0px;
	line-height: 24px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	border-top: 1px solid #eee;
}

.mobile-menu--mega li .mega-menu-link:hover>.menu-expand,
.mobile-menu--mega li .mega-menu-link.active>.menu-expand,
.mobile-menu--mega li .sub-menu-link:hover>.menu-expand,
.mobile-menu--mega li .sub-menu-link.active>.menu-expand,
.mobile-menu .sub-menu li .mega-menu-link:hover>.menu-expand,
.mobile-menu .sub-menu li .mega-menu-link.active>.menu-expand,
.mobile-menu .sub-menu li .sub-menu-link:hover>.menu-expand,
.mobile-menu .sub-menu li .sub-menu-link.active>.menu-expand {
	background-color: #DF9A91;
	color: #fff;
}

/* -------------------------------
    2.1 - Footer
----------------------------------*/
.footer-area {
	background-color: #004a94;
}
.footer-area img{
    max-width: 100px;
}
.footer-area h5{
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}
.footer-widget {
	margin-bottom: 60px;
	text-align: center;
	padding-left: 10px;
}

@media only screen and (max-width: 767px) {
	.footer-widget {
		margin-bottom: 40px;
	}
}

.footer-widget--title {
	text-transform: capitalize;
	margin-bottom: 24px;
}

/* -------------------------------
    - Footer Widget Css
----------------------------------*/
.footer-top-area p {
	margin-bottom: 15px;
}

.widget--menu-item {
	display: block;
	margin-bottom: 11px;
}

.widget--menu-item:last-child {
	margin-bottom: 0;
}

.widget--menu-link {
	font-size: 16px;
	position: relative;
}

.widget--menu-link::after {
	position: absolute;
	left: 0;
	content: "";
	bottom: 0;
	width: 0;
	height: 1px;
	background-color: #DF9A91;
	transition: all 0.3s ease-in-out;
}

.widget--menu-link:hover::after {
	width: 100%;
}

/* -------------------------------
    - Footer Widget Newsletter
----------------------------------*/
.widget-newsletter-from {
	position: relative;
}

.widget-newsletter-input {
	position: relative;
	height: 51px;
	border: 2px solid #DF9A91;
	padding: 0 15px;
	padding-right: 140px;
	border-radius: 0;
	font-size: 16px;
	color: #DF9A91;
	width: 100%;
	background: #fff;
}

.widget-newsletter-button {
	position: absolute !important;
	right: 5px;
	top: 5px;
	line-height: 31px;
	padding: 5px 34px !important;
	font-size: 14px !important;
	background-color: #DF9A91 !important;
}

/* ==========================
    - Offcanvas Cart CSS
==============================*/
.offcanvas-cart-wrap {
	padding: 30px;
}

.offcanvas-cart-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.offcanvas-cart-header .btn-close {
	outline: none;
}

.offcanvas-cart-header .btn-close:focus {
	outline: none;
	box-shadow: none;
}

.offcanvas-cart-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
}


/* ==========================
    - Offcanvas Search CSS
==============================*/
.offcanvas-search-area.offcanvas-top {
	height: 290px;
}

.offcanvas-search-wrap {
	padding: 30px 15px;
}

.offcanvas-search-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
}

.offcanvas-search-header .btn-close {
	outline: none;
}

.offcanvas-search-header .btn-close:focus {
	outline: none;
	box-shadow: none;
}

.offcanvas-search-body {
	padding-top: 15px;
}

.offcanvas-search-box {
	max-width: 768px;
	margin: 0 auto;
}

.offcanvas-search-form {
	position: relative;
	margin-bottom: 30px;
}

.offcanvas-search-input {
	width: 100%;
	height: 80px;
	border: none;
	border-bottom: 2px solid #222;
	border-radius: 0;
	padding: 0 15px;
	padding-right: 80px;
	font-size: 30px;
	color: #333;
}

.offcanvas-search-input::-moz-placeholder {
	color: #555;
}

.offcanvas-search-input:-ms-input-placeholder {
	color: #555;
}

.offcanvas-search-input::placeholder {
	color: #555;
}

@media only screen and (max-width: 767px) {
	.offcanvas-search-input {
		height: 60px;
		font-size: 20px;
	}
}

.offcanvas-search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 80px;
	border: none;
	background-color: transparent;
	color: #333;
	font-size: 30px;
}

.offcanvas-search-submit:hover {
	background-color: transparent;
	color: #333;
}

@media only screen and (max-width: 767px) {
	.offcanvas-search-submit {
		height: 60px;
		font-size: 20px;
	}
}

.offcanvas-search-key-title {
	margin-bottom: 10px;
	font-size: 16px;
	color: #313030;
}

.scroller[data-animated=true]:hover .scroller__inner {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.scroller[data-direction=right] {
	--_animation-direction: reverse;
}

.scroller[data-direction=left] {
	--_animation-direction: forwards;
}

.scroller__inner {
	display: flex;
}

.scroller[data-animated=true] {
	overflow: hidden;
	display: flex;
	gap: 12px;
}

.scroller[data-animated=true] .scroller__inner {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	flex-wrap: nowrap;
	-webkit-animation: scrollAnimation var(--_animation-duration, 20s) var(--_animation-direction, forwards) linear infinite;
	animation: scrollAnimation var(--_animation-duration, 20s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-speed=fast] {
	--_animation-duration: 10s;
}

.scroller[data-speed=slow] {
	--_animation-duration: 40s;
}

@-webkit-keyframes scrollAnimation {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}

@keyframes scrollAnimation {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}

.scroller-message--list .message {
	white-space: nowrap;
}

.scroller-message--list .scroller-mes-border-after {
	padding-right: 40px;
	position: relative;
}

.scroller-message--list .scroller-mes-border-after::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	height: 1px;
	width: 30px;
	background-color: #fff;
	transform: translateY(-50%);
}

.scroller-ptb {
	padding: 2px 0;
}


/* ===swiper banner ============*/
.m-banner {
	/* height: 450px; */
	margin-bottom: 15px;
	background-color: #eaeeef;
}

/* ======banner flash==== */
.banner-section {
	margin-top: 45px;
}

.patner-brand-section {
	margin-top: 10px;
	padding: 35px 0;
	background-color: #fff;
}

.patner-brand-section h2 {
	font-size: 20px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}

.flink {
	margin-bottom: 15px;
}

.flinka {
	margin-top: 25px;
}

.flinka a {
	padding: 10px;
}

.myflink .swiper-slide {
	padding: 0 15px;
}

.myflink .swiper-slide img {
	opacity: .5;
	filter: grayscale(100%);
	filter: gray;
	transition: .3s
}

.myflink .swiper-slide:hover img {
	opacity: 1;
	filter: grayscale(0);
	filter: none;
	transform: scale(.9) translateY(-8px)
}

li {
	list-style: none;
}

a {
	color: #666;
}

a:hover {
	color: #067;
}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {}

.information-main-fl {
	width: 100%;
	overflow: hidden;
	height: 374px;
	position: relative;
}

.information-main-fr {
	width: 100%;
	overflow: hidden;

	height: 374px;
}

.prev {
	display: block;
	position: absolute;
	z-index: 1;
	top: 45%;
	margin-top: -30px;
	left: 10%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url("../picture/icon-arrow.png") -126px -137px no-repeat;
	cursor: pointer;
}

.next {
	display: block;
	position: absolute;
	left: auto;
	right: 10%;
	top: 45%;
	margin-top: -30px;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url("../picture/icon-arrow.png") -6px -137px no-repeat;
	cursor: pointer;
}

.information-main-back {
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	position: absolute;
	z-index: 1;
	height: 60px;
	bottom: 0;
	width: 100%;
}

.information-main-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 60px;
	padding: 0 16px;
	display: block;
	z-index: 2;
	text-align: left;
	margin-top: -20px;
	font-size: 18px;
	color: #fff;
}

.main-btn {
	padding: 10px 17px;
	margin-top: 11px;
	border: 1px solid #7d7d7d;
	line-height: 1;
	color: #fff;
	border: 1px solid #ddd;
	float: right;
	font-size: 16px;
}

.information-main-fl .bd ul li {
	position: relative;
}

.information-main-fr .hd ul {
	font-size: 16px;
}

.information-main-fr .hd ul li {
	float: left;
	cursor: pointer;
	list-style: none;
	height: 60px;
	line-height: 60px;
	color: #666;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-top: 0;
	width: 33%;
	border-left: 0;
}

.information-main-fr .hd ul .on {
	color: #ff7200;
	border-top: 4px solid #ff7c12;
	height: 57px;
	border-bottom: 0;
	line-height: 52px;
}

.information-main-fr .bd ul {
	color: #333;
	padding: 0 24px 0 32px;
}

.information-main-fr .bd ul li {
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 50px;
	text-align: left;
	list-style-type: disc;
}

.information-main-fr .bd ul li span {
	float: right;
}

.information-main-fr .bd ul li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 350px;
	float: left;
}

.information-main-fr .bd ul li a:hover {
	color: #ff5e00;
}

.information-more {
	cursor: pointer;
	color: #f7a302;
	text-align: center;
	line-height: 34px;
	margin-top: 12px;
	font-size: 14px;
}

.information-more a {
	cursor: pointer;
	color: #f7a302;
	text-align: center;
	line-height: 34px;
	margin-top: 12px;
}

.information-more a:hover {
	color: #ff5e00;
}

/* -----zdgz------ */
.cloumn-bd {
	padding: 0 15px 15px 15px;
	background: #fff;
	border: 1px solid #eaeeef;
	overflow: hidden;
	margin-bottom: 10px
}

.section-title {
	align-items: center;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 8px;
	line-height: 24px;
	border-bottom: 1px solid #eaeeef;
}

.section-title h3 {
	font-size: 18px;
	font-weight: 600;
}

.section-title .more {
	font-size: 16px;
	font-weight: 400;
}

.hotopic-wrapper__bd {
	padding-top: 16px
}

.hotopic-wrapper__bd ul li {
	position: relative;
	padding-bottom: 10px;
}

.hotopic-wrapper__bd ul li+li {
	border-top: 1px solid #eaeeef;
	padding-top: 16px;
}

.topic-info__bd a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row-reverse
}

.topic-info__bd .thumb {
	display: inline-block;
	height: 60px;
	width: 60px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 3px;
	margin-left: 15px
}

.topic-info__bd .info {
	-webkit-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	position: relative
}

.topic-info__bd .info h4 {
	font-size: 15px;
	font-weight: 400;
	min-height: 24px;
	max-height: 24px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: -2px;
	position: relative;
	padding-right: 50px
}

.topic-info__bd .info h4 span {
	position: absolute;
	right: 0;
	top: 3px;
	padding: 0 6px;
	border-radius: 3px;
	border: none;
	background: #e6f1fb;
	color: #06c;
	font-size: 12px;
	line-height: 20px;
	display: inline-block
}

.topic-info__bd .info .desc {
	margin-top: 10px;
	display: block;
	min-height: 36px;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify;
	color: #828a92;
	cursor: pointer;
	font-size: 12px
}

.topic-info__bd .info .likes {
	padding-top: 10px;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #828a92
}

.topic-info__bd .info .link {
	position: absolute;
	bottom: 5px;
	right: 0;
	padding: 0 6px;
	border-radius: 3px;
	border: none;
	background: #e6f1fb;
	color: #06c;
	font-size: 12px;
	line-height: 20px;
	display: inline-block
}

.topic-info__bd a:hover .link {
	background: #06c;
	color: #fff
}



.topic-info__bd a:hover h4 {
	color: #06c
}

/* ============================
 main-two
===============================*/
.main-two {
	padding: 20px;
	margin-top: 15px;
	background-color: white;
}

.colomn1,
.cloumn2 {
	padding: 0 0px 15px 15px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px
}

.top-1 {
	background: url(../pic/subs-bg.jpg);
	background-position: center center;

}

.top-1 h1 a,
.top-1 p a {
	color: white;
}

.top-1 p a+a {
	padding-left: 10px;
	padding-right: 5px;
	border-left: 1px solid white;
}

.main-two h1 {
	font-size: 28px;
	margin-bottom: 15px;
}

.official-newsbd {
	align-items: flex-start;
	margin-bottom: 28px;
	display: flex
}

.official-newsbd .nums {
	flex: 0 0 auto;
	width: 40px;
	margin-right: 16px;
	position: relative;
	top: -5px
}

.official-newsbd .nums span {
	font-weight: 700;
	color: #e6e6e6;
	letter-spacing: 0;
	line-height: 36px;
	font-size: 30px
}

.official-newsbd .catname {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	flex-direction: row;
	font-size: 13px;
	line-height: 20px;
	color: #666
}

.official-newsbd .catname .placeholder {
	display: inline-block;
	position: relative;
	width: 1px;
	height: 9px;
	margin: 0 5px;
	background: #cfcfcf
}

.official-newsbd .catname-icon {
	margin-right: 4px
}

.official-newsbd .catname .author,
.official-newsbd .catname .where {
	color: #464646
}

.official-newsbd .plink {
	margin-bottom: 8px
}

.official-newsbd .plink h2 {
	max-height: 46px;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	line-height: 23px;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: .7px;
	text-align: left;
	width: 100%;
	display: block
}

.official-newsbd .plink h2:hover {
	color: #06c
}

.official-wrapper__bd--b .official-newsbd .plink h2 {
	font-size: 22px;
	line-height: 30px;
	max-height: 60px;
	margin-bottom: 10px;
	font-weight: 700
}

.official-wrapper__bd--b .official-newsbd .thumb {
	width: 375px;
	height: 280px
}

.official-wrapper__bd--b .official-newsbd .thumb a {
	width: 365px;
	height: 270px;
	overflow: hidden;
	display: block
}

.official-newsbd .desc {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	color: #828a92;
	height: 36px;
	-webkit-line-clamp: 2;
	margin-bottom: 8px
}

.official-newsbd .meta {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #999;
	margin-top: 5px
}

.official-newsbd .dot {
	padding: 0 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: 700
}

/* ==========================
    -  main-three  zh  CSS
==============================*/
.main-th {
	background-color: white;
	padding: 15px;
}

.main-th .m-th-tab {
	margin-top: -44px;
}

.recommond-wrapper__bd ul li {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	padding: 20px 20px;
	/* margin: 0 -20px; */
	overflow: hidden;
	border-bottom: 1px solid #b5b2b24d
}

.recommond-wrapper__bd ul li:last-child {
	border-bottom: none;
}

.recommond-wrapper__bd ul li:hover {
	background: #f9fafb
}

.recommond-wrapper__bd ul li.opened .relate {
	display: block;
	padding-top: 10px
}

.recommond-wrapper__bd ul li .sign {
	line-height: 12px;
	font-size: 12px;
	font-weight: 400;
	color: #828a92;
	background: #eee;
	position: absolute;
	right: 20px;
	top: 24px;
	padding: 2px 4px;
	border-radius: 2px
}

.recommond-wrapper__bd ul li.media-banner__flow {
	padding: 10px 20px
}

.recommond-wrapper__bd ul li.opened,
.recommond-wrapper__bd ul li:opened {
	background: #f9fafb
}

.recommond-wrapper__bd .info {
	-webkit-flex: 1;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	max-width: 640px
}

.recommond-wrapper__bd .info .info-limit {
	max-height: 84px;
	height: 84px;
	overflow: hidden
}

.recommond-wrapper__bd .info h3.favorite {
	padding-right: 30px
}

.recommond-wrapper__bd .info h3 {
	width: 100%;
	height: 19px;
	line-height: 18px;
	margin-top: 4px;
	margin-bottom: 9px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-family: PingFangSC-Medium, arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.recommond-wrapper__bd .info h3 a.topic-tag {
	display: inline-block;
	padding: 0 8px;
	background: #f9f9f9;
	border-radius: 18px;
	font-size: 12px;
	font-weight: 700;
	vertical-align: top;
	color: #e04a1c;
	display: none
}

.recommond-wrapper__bd .info h3 a.topic-tag i {
	margin-right: 5px;
	font-weight: 400
}

.recommond-wrapper__bd .info h3 a.day-topic {
	display: inline-block;
	padding: 0 8px;
	background: #f9f9f9;
	border-radius: 18px;
	font-size: 12px;
	font-weight: 700;
	vertical-align: top;
	color: #e04a1c
}

.recommond-wrapper__bd .info h3 a.day-topic i {
	margin-right: 5px;
	font-weight: 400
}

.recommond-wrapper__bd .info h3 a {
	color: #2c2e3b;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	width: 90%
}

.recommond-wrapper__bd .info h3 a:hover {
	color: #06c
}

.recommond-wrapper__bd .info .desc {
	height: 54px;
	padding-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 22px;
	font-size: 13px;
	font-weight: 400;
	color: #828a92
}

.recommond-wrapper__bd .thumb {
	border-radius: 4px;
	cursor: pointer;
	margin-right: 20px;
	width: 150px;
	height: 115px;
	display: block;
	position: relative
}

.recommond-wrapper__bd .thumb span.top-mark {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size: 12px;
	padding: 0 5px;
	color: #333;
	background: #ffc800
}

.recommond-wrapper__bd .thumb .module-tag {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 0 6px;
	border-radius: 10px;
	background: #000;
	background: rgba(0, 0, 0, .7);
	line-height: 20px;
	font-style: normal
}

.recommond-wrapper__bd .thumb .module-tag span {
	line-height: 20px;
	font-size: 12px;
	color: #fff
}

.recommond-wrapper__bd .thumb img {
	width: 150px;
	height: 115px
}

.recommond-wrapper__bd .thumb a {
	width: 150px;
	height: 115px;
	overflow: hidden;
	min-width: 150px;
	max-width: 115px;
	display: block;
	position: relative
}

.recommond-wrapper__bd .thumb:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05)
}

.recommond-wrapper__bd .thumb img {
	width: 100%;
	min-height: 100%;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzg4NTVFOUYwODIxMUU5QTQ4RkRBMzNDOTE3OEE0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzg4NTVFQUYwODIxMUU5QTQ4RkRBMzNDOTE3OEE0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3ODg1NUU3RjA4MjExRTlBNDhGREEzM0M5MTc4QTRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3ODg1NUU4RjA4MjExRTlBNDhGREEzM0M5MTc4QTRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+a/O4mgAABcxJREFUeNpi/P//PwMuwAIinj59CqI4gfgLEDMBMaO0tDREEgj+gQSgbLhRTFA6C8k0RnTJGUiS/2G6mbC4gxGmmxGfawECCKckC9QLKC4EaWBBE2BAdiEjspNhbBYsxqA4ew26s3G6CiCAwBJILkMHX4GYC9kNoEBHDp1MqN1/kYKPC8lNrCjRCAS3gFgVyj4HxMZoPgSB3+ia1JAk/2HRgBwajCw4JHABfmwxjmzDI6SIgOFPIAmAAMKbEgglAnTgBMR7caVSZLAb6qc9SGIRcHc/efIEPTkz4kqrMBv6oBHIgEcxA7oNhHyO4Qc7LOmZAVfCB4HDeCIwAyndMTMREePTkAz/g6whBoeTYGpOgOSRNSzB4ex8qEGWyCkXBsSB+CWULQ9NU8QVHLgAQAARyrqEgAgQbwZieyD+hU0BelYnBtQjJbt/UC9bAPFPIF6Nt4THAQyAeBcQi+LI/egJKgiIvyGVQRjRyQzEy9BceRbJAuSSFxv4B5UHVUWNuCwBpcpINFcy4SmzsFkAArOgQYrVEhBQQJNbBLWsBU9hiWzBbCBOx5cHQeAhWtkXD8RVQFyDZhg2C+YBcRq0dPsO9XEaMUk4B4gnE2EBMvgLjV8YmAVMwum4knAKGRYwoFkAAgEMeBTPwVGO47MABOajBbk4oXwCkvuDxwKQnAdSDUOw8GXAEb4g1yyE8g8CMRuSK1mJsQAEAAKI5MKOHIDccCQHgKoYaSCuxaUAuQFKUskNxEuRSghQUNyDRjrJcYIOlID4NjQBREJpWCMAlBnlKLEkHGrgXSBWhrKxFZgPybFkKtSlK5CChZGAHiViLBGENjX/Q/sCyEGCrzEC890mfJbYQSucd0BsiCdIGHAU/zBztPHVjAeRKismEhMEcgtwEj6f7CQivImJ13x8CvzxGHKLQK3IgKXLhtUSUGvjDZL4ZyC2hfpODU+jGL1jQ9CrotDmOKgtxQfER6C1IjG+mE9J4+4/CUUNA7TtFQJNqdzENO5KsLgYmy9AeeMq1EEhUJoDiK8Q4xNCHRRsFmP0iPH5JJPIuGBA6sFiy7ih+MquaXjKNiYsjQdcvjUiVMeT2lJBBsnQ4h9vKdxBpC8Y0PKWOVL9QlBTJRFxAQPXoU0fUN46RWp9spGA2vVQV2sB8Stym0QB0OoW3RctUMODSGqt4AEa0CTKBK2GV5HTpKFLuwsgQHfW8wpRFIXfyGYkyijyY8VmRrKRjQ12/AEia9ZiYcvWxkqSpKxYICViI6mxUIRIQiLZiM0s2Mw4p/murtvMc395C6dOTdO8N/c7995zvvOdSP4kCvveEgcSaWpJ3NUBkE9hafJR8mOTl3Fq1DlbrlaO5D8i1A8lx2elasRqQKcpEBsirGOcuBah5uWQzJYAQiw8q/TwJdLnGfzuUpRVX7c9zOrI+8mHkbvCoh3T1dzwXApcoc/3jpTipRugZ7zQZ0QwJS08VyTauibXw17yCdcdSULwGCzQO7lEW4fnqLX5gnzbBMgKikUUi9Yha2wZqWJqH61JiJQ5D0fEBwiei7TaALnG5Y15WpwriDbyB9vLvomdiWl0JAcAzhXp0YLAFgPxCeZ851pHplCY3qTveNAxjaZR/HkX+T75mZQQXEF84DjdWFMUxdJoSsMsgTat2uNOtBe4Ey1gBh3kY+RHPgtiJXaixhOIDFL+KzgYL7y7SIAD6ElzrkAqsBP1nkCITvMppOcOlGdnEci0Ldcqg8rWEFLETEGwxRUu9lv6589rOBnGQOKIQpPm4nRAZBXJ0aRm1YIyGQPhyt/sEURgWWzvwcGYtPbY3JEh8ivyRk8gdAsmDx15PLQTVttMgGQQgXMcs78A8RLkx9MLutTENmvdQvrY9QSChdN58nVolO49u4HtIQVvBXk5XxfEO/kqon3im3natrrcwvJIf1zJ+fLFPUXhSuC7qiAvlXoH8UMOclBReLC4jN3lGcZhlDKQUFH+ja71Bf1Rm0gLDaJSAAAAAElFTkSuQmCC) 50% no-repeat #f1f1f1
}

.recommond-wrapper__bd .info .meta {
	padding-top: 10px;
	position: relative
}


.mediaBox img {
	padding: 10px 0 1px 0;
	width: 100%;
}

.hots-wrapper__bd {
	padding: 15px 0 0 25px
}

.hots-wrapper__bd ul li {
	padding: 5px 0;
}

.hots-wrapper__bd ul li:last-child {
	padding-bottom: 0
}

.hots-wrapper__bd ul li .title {
	position: relative;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400
}

.hots-wrapper__bd ul li .title a:hover {
	color: #06c
}

.hots-wrapper__bd ul li .title .nums {
	position: absolute;
	left: -29px;
	top: 5px;
	width: 20px;
	height: 14px;
	background: #e6f1fb;
	cursor: pointer;
	line-height: 14px;
	text-align: center;
	color: #06c;
	font-size: 12px;
	border-radius: 2px
}

.hots-wrapper__bd ul li .title h4 {
	text-align: justify;
	color: #2c2e3b;
	cursor: pointer;
	font-size: 14px
}

.hots-wrapper__bd ul li .title h4 a {
	display: inline-block;
	height: auto;
	line-height: 24px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hots-wrapper__bd ul li .title h4 span.hotchange {
	height: 18px;
	line-height: 18px;
	display: inline-block;
	margin-left: 7px;
	color: #fb5050;
	font-size: 12px;
	background: #ffeeee;
	border-radius: 2px;
	padding: 0 6px
}

.tab-hd {
	height: 34px;
	border-top: 1px solid #eaeeef;
	border-bottom: 1px solid #eaeeef;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400
}

.tab-hd li {
	width: 50%;
	display: block;
	position: relative;
	text-align: center;
	color: #2c2e3b;
	float: left;
	padding: 10px 0;
	cursor: pointer
}

.tab-hd.three-tab li {
	width: 33%
}

.tab-hd.four-tab li {
	width: 25%
}

.tab-hd>li:first-child:before {
	display: none
}

.tab-hd>li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 1px;
	height: 18px;
	background: #eaeeef
}

.tab-hd>li.select,
.tab-hd>li:hover {
	color: #06c
}

.tab .tab-bd>div {
	display: none
}

.tab .tab-bd>div:first-child {
	display: block
}

.tab .tab-bd__hide {
	display: none
}

.tab .tab-bd__show {
	display: block
}

.topsite-wrapper__bd {
	padding-top: 15px
}

.topsite-wrapper__bd ul li {
	float: left;
	width: 50%;
	margin: 12px 0 0 0;
	min-height: 24px;
	max-height: 24px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	color: #303030;
	cursor: pointer;
	font-size: 14px;
	position: relative
}

.topsite-wrapper__bd ul li .arry {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: dashed dashed dashed solid;
	border-width: 4px;
	border-color: transparent transparent transparent #06c;
	overflow: hidden
}

.topsite-wrapper__bd ul li a {
	height: 24px;
	overflow: hidden
}

.mediaBox img {
	width: 100%;
}

.current {
	color: red;
	border-bottom: 1px solid red;
}

.active {
	display: block;
}

.col-banner {
	max-height: 300px;
	overflow: hidden;
}

/* ========= article======= */

.article h1.title {
	font-size: 24px;
	font-weight: 700;
	color: #141414;
	line-height: 1.5em !important;
	padding-top: 20px;
}

.article .meta {
	padding: 15px 0 12px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	line-height: 18px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.article blockquote {
	position: relative;
	color: #999;
	font-weight: 400;
	border: 0;
	margin: 0;
	padding: 10px 20px;
	display: block;
	background: #f7f7f7;
	border-radius: 2px;
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}

.article-centen {
	margin-bottom: 150px;
}

.article p {
	letter-spacing: .5px;
	line-height: 32px;
	margin-bottom: 28px;
}

.article .article-tj {
	border-top: 2px solid #cccccc;
	padding: 45px 0 20px;
	border-bottom: 1px solid #f0f2f7;
	color: #0068cc;
}

.article-tj h2 {
	font-size: 21px;
}

.article .tab__article .tab-hd li {
	font-weight: 400;
	font-size: 16px
}

.box {
	width: 250px;
	height: 30px;
	margin: 100px auto;
	transform: scale(1.1);
}

.box>span {
	float: left;
}

.box>div {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	background-size: contain;
	margin: 0 10px;
}

#share-qrcode {
	background-image: url(../pic/wechat.png);
}

#share-sina {
	background-image: url(../pic/sina.png);
}

/* =======about and contact========== */
.case_box {
	background: url(../pic/case_bg.jpg) no-repeat center top;
	height: 934px;
}

.divhidden {
	display: none;
}

.aboutbg {
	background: url(../pic/case_bg.jpg) no-repeat center top;
}

.customer {
	background: url(../pic/case_bg.jpg) no-repeat center top;
	overflow: hidden;
	padding-top: 40px;
	background-color: #fff;
}

.customer_t {
	text-align: center;
	padding-top: 15px;
	color: #666;
	font-size: 18px;
	line-height: 32px;
	padding-bottom: 50px
}

.customer_t h2 {
	height: 66px;
	line-height: 66px;
	font-size: 40px;
	color: #000;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: "华文细黑"
}

.customer_t p {
	font-size: 18px
}

.customer_top {
	text-align: center;
	margin-top: 10px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dfdfdf
}

.customer_top a.two_sel {
	color: #fff;
	background-color: #f67524
}

.customer_top a {
	display: inline-block;
	font-size: 16px;
	color: #000;
	line-height: 38px;
	margin-left: 5px;
	margin-right: 5px;
	width: 140px;
	border-radius: 20px
}

.customer_list {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-top: 60px;
	padding: 0 50px 30px;

}

.customer_list img {
	max-height: 250px;
	width: 100%;
}

.solution_ul2 {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 50px;

}

.solution_ul2 ul li {
	float: left;
	width: 49%;
	height: 188px;
	overflow: hidden;
	position: relative;
	background-color: #f9f9f9;
	z-index: 0;
	border: 1px solid #dfdfdf;
	margin-bottom: 2%
}

.solution_ul2 ul li:nth-child(2n+0) {
	float: right
}

.solution_ul2 ul li:nth-child(3) {
	margin-bottom: 0
}

.solution_ul2 ul li:nth-child(4) {
	margin-bottom: 0
}

.solution_ul2 ul li .shade {
	width: 238px;
	height: 188px;
	background: url(../images/solution_pic.png) center center no-repeat;
	position: absolute;
	top: 0;
	left: -238px;
	transition: all .3s linear
}

.solution_ul2 ul li .bg {
	width: calc(100% - 239px);
	width: -webkit-calc(100% - 239px);
	width: -moz-calc(100% - 239px);
	height: 188px;
	background: #f67524;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 100%;
	z-index: 1;
	transition: all .3s linear
}

.solution_ul2 ul li:hover .bg {
	left: 239px
}

.solution_ul2 ul li:hover p {
	color: #fff
}

.solution_ul2 ul li:hover p strong {
	color: #fff
}

.solution_ul2 ul li img {
	width: 238px;
	height: 188px;
	transition: all .4s linear;
	float: left;
	border-right: 1px solid #dfdfdf
}

.solution_ul2 ul li p {
	color: #666;
	line-height: 24px;
	height: 140px;
	overflow: hidden;
	padding: 20px 6%;
	padding-bottom: 0;
	position: relative;
	z-index: 2;
	font-size: 14px
}

.solution_ul2 ul li p strong {
	color: #000;
	font-size: 20px;
	line-height: 48px;
	font-weight: 400
}

.anim-1 {
	transform: translateY(100px) translateX(0);
	transition: transform .8s, opacity .8s
}

.anim-2 {
	transform: translateY(100px) translateX(0);
	transition: transform 1s, opacity 1s
}

.anim-show {
	transform: translateY(0) translateX(0);
	opacity: 1
}

.single_contact_now {
	text-align: center;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
	padding: 30px 30px 30px;
}

.single_contact_now_inner {
	border: 2px solid #ddd;
	border-radius: 5px;
	transition: .5s;
}

.single_contact_now:hover .single_contact_now_inner {
	border: 2px solid #5886e9;
}

.single_contact_now_icon {
	padding-top: 24px;
}

.single_contact_now_icon i {
	font-size: 24px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	border: #5886e9 1px solid;
	border-radius: 100%;
	color: #5886e9;
	margin-bottom: 15px;
}

.single_contact_now:hover .single_contact_now_icon i {
	background-color: #5886e9;
	color: #fff;
	transition: all 0.5s;
}

.single_contact_now_content {
	padding-bottom: 15px;
}

.single_contact_now_content h2 {
	font-size: 19px;
	font-weight: 600;
	padding-bottom: 12px;
}

.single_contact_now_content p {
	margin-bottom: 6px;
	font-size: 16px;
	margin-bottom: 0px;
}

.ldbz ul li {
	display: inline-block;
	padding: 25px 0;
	width: 150px;
	height: 300px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 80px;
}

.ldbz ul li img {
	width: 150px;
	height: 200px;
}

.ldbz ul li h5 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 12px;
}

.ldbz ul li p {
	font-size: 13px;
	line-height: 25px;
}

.ldbz ul li+li,
.zyzz ul li+li {
	margin-left: 10px;
}

.zyzz ul {
	margin-top: 25px;
}

.zyzz ul li {
	display: inline-block;
	width: 200px;
	height: 300px;
	overflow: hidden;
	text-align: center;
}

.zyzz ul li h5 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
}

.zyzz ul li img {
	max-height: 200px;
}


/* =====index server======== */
.highlights-list-wrapper {}

.col-md-25 {
	width: 20%;
}

.highlights-content-wrapper {
	background: #EEF3E7;
	padding: 15px;
	border-radius: 15px;
	transition: transform 0.3s ease-in-out;
}

.highlights-content-wrapper:hover {
	transform: scale(1.05);
}

.highlights-content-wrapper .hgl-title-wrapper {
	display: flex;
	align-items: center;
	width: fit-content;
}

.highlights-content-wrapper .hgl-title-wrapper img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-bottom: 15px;
}

.highlights-content-wrapper .hgl-title-wrapper .hgl-title {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

.highlights-content-wrapper .hgl-text {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 0px;
}

/* ========= video========= */
.upcoming-events-grids {
	margin: 3em 0 0;
}

.upcoming-events-left h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff;
	font-weight: 400;
	margin: 0 0 2.6em;
	background: #000;
	padding: 0.8em;
}

.upcoming-events-left1,
.upcoming-events-left2 {
	float: left;
	width: 50%;
	padding: 0 15px;
}


/*-- news-and-events --*/
.news {
	margin: 3em 0;
}

.news-grid-left h3 {
	font-size: 1.1em;
	color: #fff;
	margin: 0;
	background: #000;
	padding: .8em 1em;
	text-transform: uppercase;
	font-weight: 400;
}

.news-grid-left ul li {
	list-style-type: none;
	padding: 1.5em 0;
	border-bottom: 1px solid #D2D2D2;
}

.news-grid-left1 {
	float: left;
	width: 25%;
}

.news-grid-right1 {
	float: right;
	width: 70%;
	margin: 1.2em 0 0;
}

.news-grid-right1 h4 {
	text-transform: uppercase;
	font-weight: 400;
	color: #000;
	margin: 0;
	font-size: 1.1em;
}

.news-grid-right1 h4 a {
	color: #000;
	text-decoration: none;
	font-weight: 400;
}

.news-grid-right1 h4 a:hover {
	color: #27b311;
}

.news-grid-right1 h5 {
	color: #000;
	font-size: .8em;
	margin: 0.8em 0 1em;
	font-weight: 400;
}

.news-grid-right1 h5 a {
	color: #27b311;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
}

.news-grid-right1 h5 a:hover {
	color: #000;
}

.news-grid-right1 h5 label {
	color: #D2D2D2;
	padding: 0 .5em;
}

.news-grid-right1 h5 i {
	font-style: normal;
	color: #C0C0C0;
}

.news-grid-right1 p {
	color: #000;
	margin: 0;
	font-size: .9em;
	line-height: 1.8em;
}



.news-grid-rght2 {
	margin: 2.4em 0;
	position: relative;
	background: #f8f8f8;
	padding: 2em 1.5em;
}

.news-grid-rght2:before {
	position: absolute;
	top: 0%;
	left: 0%;
	background: url(../images/1.png) no-repeat 0px 0px;
	width: 350px;
	height: 6px;
	display: block;
	content: '';
}

.news-grid-rght2:after {
	position: absolute;
	bottom: 0%;
	left: 0%;
	background: url(../images/1.png) no-repeat 0px 0px;
	width: 350px;
	height: 6px;
	display: block;
	content: '';
}

.news-grid-rght2 h3,
.news-grid-rght2 h5 {
	font-size: 1.1em;
	color: #000;
	margin: 0;
	text-transform: uppercase;
	font-weight: 400;
}

.news-grid-rght2 p {
	font-size: .85em;
	color: #000;
	margin: 1em 0 2em;
	line-height: 1.7em;
}

.news-grid-rght2 input[type="text"] {
	outline: none;
	border: 1px solid #CCC;
	padding: 10px 10px;
	background: #fff;
	text-transform: uppercase;
	font-size: .8em;
	text-align: center;
	color: #999;
	width: 100%;
	margin: 0 0 2em;
	font-weight: 400;
}

.news-grid-rght2 input[type="submit"] {
	outline: none;
	border: none;
	background: #27b311;
	padding: 9px 0;
	width: 40%;
	font-size: 1em;
	color: #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}

.news-grid-rght2 input[type="submit"]:hover {
	background: #ff1800;
}

.news-grid-rght3 {
	border: 1px solid #D7D7D7;
}


/*-- //news-and-events --*/
/*-- news-and-events --*/

.upcoming-events-grids {
	margin: 3em 0 0;
}

.upcoming-events-left h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff;
	font-weight: 400;
	margin: 0 0 2.6em;
	background: #000;
	padding: 0.8em;
}

.upcoming-events-right h3 {
	background: #950202;
	margin: 0 !important;
}

.upcoming-events-left11 .news-eve {
	position: absolute;
	bottom: 20%;
	width: 80%;
}

.news-eve h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #fff;
	margin: 0;
	line-height: 1.8em;
}

/*-- effect --*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 273px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.gallery-right1-left {
	float: left;
	width: 30%;
}

.gallery-right1-right {
	float: right;
	width: 60%;
}

.gallery-right1-right p {
	margin: 0;
	font-size: .8em;
	color: #000;
	line-height: 1.5em;
	text-transform: uppercase;
}

.gallery-right1 {
	margin-bottom: 1.5em;
}

.gallery {
	margin: 0 0 3em;
}

.gallery-right1-right p a {
	color: #27b311;
	font-weight: 400;
	text-decoration: none;
}

.gallery-right1-right p i {
	font-style: normal;
	color: #000;
	margin: .5em 0 0;
	display: block;
}

.gallery-right1-right p a:hover {
	color: #999;
}

.gallery-right1-right p span {
	color: #999;
	font-size: .9em;
	display: block;
	margin: 1em 0 0;
}

/*-- //news-and-events --*/
a.title {
	opacity: 1;
	transition: all 0.1s linear 0s;
}

a.title:hover {
	opacity: 0.6
}

a.post-thumb {
	background-color: #000000;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.post {
	transition: all 0.1s linear 0s;
}

.post:hover img {
	opacity: 0.4;
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	filter: alpha(opacity=40);
	transform: scale(1.2);
	border-radius: 8px;
}

.post img {
	opacity: 1;
	transition: all 0.1s linear 0s;
}

.thumbr img {
	width: 100%;
	border-radius: 8px;

}

.post:hover .thumbr {
	transition: all 0.1s linear 0s;
	z-index: 999;
	transform: scale(1.02);
}

.post:hover .thumbr {
	-webkit-box-shadow: 0px 30px 13px -21px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 30px 13px -21px rgba(0, 0, 0, 1);
	box-shadow: 0px 30px 13px -21px rgba(0, 0, 0, 1);
}

.headline-round {
	border: 5px solid var(--primary-color);
	padding: 10px 14px;
	border-radius: 50%;
	color: #fff;
}

.posts-txt {
	color: #fff;
	font-size: 14px;
	text-align: left;
}

.posts-txt i {
	color: #fff;
	padding-right: 15px;
}

.fa-thumbs-up {
	color: #fff;
}

.thumbr {
	display: block;
	border-radius: 8px;
}

.infor {
	text-align: left;
	padding-top: 25px;
}

.infor h4 a.title {
	font-size: 16px;
	color: #000;
}

/* VIDEO TIME */
.cactus-note.ct-time {
	left: auto;
	margin-left: auto;
	margin-right: 12px;
	right: 0;
	font-size: 12px;
}

.cactus-note {
	background-color: royalblue;
	bottom: 0;
	color: #fff;
	left: 0;
	line-height: 1;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 15px;
	padding: 5px 10px;
	position: absolute;
	z-index: 500;
	border-radius: 3px;
}

.play-btn {
	padding: 10px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: inline-block;
	z-index: 999;
	transition: all 0.1s linear 0s;
}

.play-btn-border {
	background: rgba(0, 0, 0, 0.6);
	border-radius: 100%;
	padding: 10px;
	display: inline-block;
	z-index: 2;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transition: all 0.1s linear 0s;
	transform: translate(-50%, -50%) scale(1.4, 1.4);
}

.post:hover .play-btn-border {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1, 1);
}

.play-btn-border i:hover {
	border: 5px solid royalblue;
	padding: 10px;
	border-radius: 100%;
	color: #fff;
}

.fa-play-circle {
	color: #fff;
	border: 10px;
	font-size: 36px !important;
	transition: all 0.1s linear 0s;
}

.post:hover .fa-play-circle {
	color: #fff;
}

.post:hover .play-btn {
	background: rgba(0, 0, 0, 0.8);
	opacity: 1;
}

.headline-round {
	border: 5px solid royalblue;
	padding: 7px;
	border-radius: 100%;
	color: #fff;
}

/* server 必要布局样式css */
.module-banner {
	padding: 80px 0;
}

.module-banner-box {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.module-banner-head {
	font-weight: normal;
	text-align: center;
	margin-bottom: 40px;
	color: #333;
}

.module-banner-head em {
	display: block;
	margin-bottom: 14px;
	font-style: normal;
	font-size: 30px;
}

.module-banner-head span {
	font-size: 16px;
	opacity: .6;
}

.module-banner-tab-list {
	float: left;
	width: 280px;
}

.module-banner-tab-list .module-tab-nav li:nth-child(1) {
	background: #818181;
}

.module-banner-tab-list .module-tab-nav li:nth-child(2) {
	background: #7c7c7c;
}

.module-banner-tab-list .module-tab-nav li:nth-child(3) {
	background: #707070;
}

.module-banner-tab-list .module-tab-nav li:nth-child(4) {
	background: #6d6d6d;
}

.module-banner-tab-list .module-tab-nav li:nth-child(5) {
	background: #616161;
}

.module-banner-tab-list .module-tab-nav li:nth-child(6) {
	background: #505050;
}

.module-banner-tab-list .module-tab-nav li:nth-child(7) {
	background: #4c4c4c;
}

.module-banner-tab-list .module-tab-nav li:nth-child(8) {
	background: #313131;
}

.module-banner-tab-list .module-tab-nav li:nth-child(9) {
	background: #2b2b2b;
}

.module-banner-tab-list .module-tab-nav li:nth-child(10) {
	background: #1a1a1a;
}

.module-banner-tab-list ul li {
	color: #fff;
	width: 280px;
	height: 70px;
	cursor: pointer;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.module-banner-tab-list ul li p {
	margin: 0;
	line-height: 70px;
}

.module-banner-tab-list ul li i {
	width: 50px;
	height: 70px;
	display: none;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
	display: inline-block;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
	background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-repeat: repeat;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}

.icon-warehouse01 {
	background: url(../pic/item001.svg) no-repeat center bottom;
}

.icon-warehouse02 {
	background: url(../pic/item002.svg) no-repeat center bottom;
}

.icon-warehouse03 {
	background: url(../pic/item003.svg) no-repeat center bottom;
}

.icon-warehouse04 {
	background: url(../pic/item004.svg) no-repeat center bottom;
}

.icon-warehouse05 {
	background: url(../pic/item005.svg) no-repeat center bottom;
}

.icon-warehouse06 {
	background: url(../pic/item006.svg) no-repeat center bottom;
}

.icon-warehouse07 {
	background: url(../pic/ren.svg) no-repeat center bottom;
}

.icon-warehouse08 {
	background: url(../pic/guhua.svg) no-repeat center bottom;
}

.icon-warehouse09 {
	background: url(../pic/fengjing.svg) no-repeat center bottom;
}

.icon-warehouse10 {
	background: url(../pic/fwu.svg) no-repeat center bottom;
}

.module-banner-tab-list-box {
	float: right;
	width: 900px;
	height: 490px;
	background: #fff;
	padding: 40px;
	overflow: hidden;
	position: relative;
}

.module-tab-box-ma {
	width: 820px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	position: absolute;
}

.module-tab-title h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}

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

.module-tab-title p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
}

.module-tab-text {
	margin: 20px 0;
}

.module-tab-text h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}

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

.module-tab-text ul li {
	width: 33%;
	float: left;
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
	color: #a2a2a2;
	border: 1px solid #f4f4f4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 10px;
}

.icon-bdm {
	background: url(../images/icon-item008-1.svg) no-repeat center;
	background-size: cover;
}

.module-tab-text ul li:hover a {
	color: #08acee;
}

.module-tab-link {
	position: relative;
}

.module-tab-link:after {
	content: '';
	width: 8px;
	height: 8px;
	float: right;
	margin: 15px 20px 0 0;
	transform: rotate(45deg);
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
}

.module-tab-text ul .module-tab-link:hover:after {
	border-color: #108cee
}

.module-tab-text .module-tab-link+.module-tab-link {
	width: calc(33% - 20px);
	margin-left: 20px;
}

.icon-bds {
	background: url(../images/icon-item009-1.svg) no-repeat center;
	background-size: cover;
}

.icon-bdx {
	background: url(../images/icon-item010-1.svg) no-repeat center;
	background-size: cover;
}

.module-tab-more a {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	background: #108cee;
	text-align: center;
	width: 160px;
	display: inline-block;
	line-height: 40px;
	margin-top: 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.module-tab-more a:hover {
	background: #41a6f7
}

.module-tab-case li {
	float: left;
	margin-right: 20px;
}

.module-tab-case li i {
	width: 60px;
	height: 60px;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	display: inline-block;
}

.icon-case01 {
	background: url(../images/case001.png) no-repeat center;
	background-size: contain;
}

.icon-case02 {
	background: url(../images/case002.png) no-repeat center;
	background-size: contain;
}

.icon-case03 {
	background: url(../images/case003.png) no-repeat center;
	background-size: contain;
}

.icon-case04 {
	background: url(../images/case004.png) no-repeat center;
	background-size: contain;
}

.icon-case05 {
	background: url(../images/case005.png) no-repeat center;
	background-size: contain;
}

.icon-case06 {
	background: url(../images/case006.png) no-repeat center;
	background-size: contain;
}

.module-tab-case li span {
	color: #666;
	font-size: 12px;
	display: block;
	text-align: center;
	line-height: 24px;
}

/* -----us about article-- */
.breadcum_area {
	/* background-size: contain;
	background-position: center center;
	padding: 120px 0;
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../image/ban02.jpg'); */
	/* background-image: url('../image/ban07.jpg');  */
}

.inner_breadcum_area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.inner_breadcum_area ul li {
	display: inline-block;
	color: var(--titlecolor, #333);
}

.inner_breadcum_area ul li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: var(--titlecolor, #333);
}

.inner_breadcum_area ul li i,
.inner_breadcum_area ul li a i {
	font-size: 22px;
}

/* inner  left title css */
.yblog_left {
	padding: 80px 0 35px;
	background-color: #fff;
}

.inner_yblog_left_title {
	/* margin: 30px 0 30px; */
	margin-bottom: 30px;
	width: 100%;
	padding: 20px 20px 15px;
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}

.inner_yblog_left_title h2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}

.inner_yblog_left_title small {
	color: var(--brcolor);
	font-size: 12px;

}

.inner_yblog_left_title h2::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 26%;
	border-radius: 50%;
	border: 1px solid var(--brcolor);
}

.inner_yblog_left_title a {
	display: inline-block;
	margin-top: 15px;
	font-weight: 400;
}

.inner_yblog_left_title a.bottom {
	border-bottom: none;
}

.inner_yblog_left_title a i {
	font-weight: 900;
}

/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	padding: 13px 0 12px;
	margin-top: 0;
}

/* blog left inner css */
.yblog_left_inner {
	margin-bottom: 30px;
	border-bottom: none !important;
	overflow: hidden;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
}

.yblog_left_sub {
	padding: 25px 20px 30px !important;
}

.yblog_left_inner:hover .inner_blog_img img {
	transform: scale(1.2);
}

.yblog_left_sub h2 {
	font-size: 24px;
	font-weight: 700;
	color: var(--titlecolor);
	line-height: 1.2;
	font-family: "Red Hat Display", sans-serif;
	padding: 0;
	width: 90%;
}

.yblog_left_text_sub {
	padding: 0px 0 10px;
}

.yblog_left_sub p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	width: 95%;
	text-indent: 2rem;
}

.yblog_left_sub>a {
	display: inline-block;
	margin: 7px 0 0;
	padding: 7px 25px;
	border: 1px solid #dddddd;
	font-size: 16px;
	font-weight: 400;
	color: var(--paracolor);
	text-transform: capitalize;
}

.yblog_left_sub>a:hover {
	background-color: var(--brcolor);
	color: var(--whitec);
}

.ycalender_inner h5 {
	padding: 14px 0 12px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 100%;
	margin: 0;
}

.bt-nav {
	line-height: 25px;
	margin-bottom: 25px;
}

/*======== blog left area end  ==========*/
.footer-area img {
	max-width: 120px;
}

.yblog_left img {
	width: 100%;
	height: auto;
	/* 保持图片的原始宽高比 */
}

.yblog_left_sub img {
	width: 100%;
	height: auto;
	/* 保持图片的原始宽高比 */
}

@media only screen and (max-width: 640px) {

	.colomn1,
	.cloumn2 {
		padding: 0 0px 0px 0px;
	}

	.information-main-fl,
	.information-main-fr {
		height: auto;
	}
	.logo span{
	    font-size: 13px;
	}

	.main-two {
		padding: 20px 20px 0 20px;

	}

	.server-list1 {
		background-color: #fff;
	}

	.server-list1 .highlights-content-wrapper {
		background: #EEF3E7;
		padding: 5px;
		text-align: center;
	}

	.server-list1 .highlights-content-wrapper .hgl-title-wrapper {
		width: 100%;
		display: block;
	}

	.server-list1 .col-6 {
		margin-top: 15px;
	}

	.main-th .m-th-tab .btn {
		padding: 5px;
		font-size: 13px;
	}

	.main-th {
		background-color: white;
		padding: 15px 0;
	}

	.recommond-wrapper__bd ul li {
		padding: 20px 0;
	}

	.recommond-wrapper__bd .thumb {
		width: 110px;
		height: 75px;
	}

	.recommond-wrapper__bd .info {
		max-width: 100%;
	}

	.recommond-wrapper__bd .thumb a {
		width: 110px;
		height: 75px;
		overflow: hidden;
		min-width: 110px;
		max-width: 75px;
	}

	.recommond-wrapper__bd .thumb img {
		width: 110px;
		height: 75px;
	}

	.recommond-wrapper__bd .info h3 {
		line-height: 16px;
		margin-bottom: 0;
		font-size: 16px;
		height: auto;
		white-space: unset;
	}

	.recommond-wrapper__bd .info h3 a {
		color: #2c2e3b;
		white-space: unset;
		line-height: 16px;
		width: 100%;
	}

	.recommond-wrapper__bd .info .desc {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 0;
		width: 100%;
		-webkit-line-clamp: 3;
		/*设置显示的行数*/
		line-height: 20px;
		/*设置行高*/
		height: 60px;
		/*根据行高和行数设置容器高度 */
	}

	.yblog_left {
		padding: 20px 0 35px;
	}

	.footer-area img {
		max-width: 80px;
		margin-top: 15px;
		margin-left: 20px;
	}
}