@font-face {
    font-family:'Gotham';
    src: url('../images/fonts/Gotham-Bold.eot') format('embedded-opentype'),
         url('../images/fonts/Gotham-Bold.ttf') format('truetype'),
         url('../images/fonts/Gotham-Bold.svg') format('svg'),
         url('../images/fonts/Gotham-Bold.woff') format('woff'), 
         url('../images/fonts/Gotham-Bold.woff2') format('woff2');
}
@font-face {
	font-family:'Oswald-Light';
	src: url('../images/fonts/Oswald-Light.eot') format('embedded-opentype'),
		 url('../images/fonts/Oswald-Light.ttf') format('truetype'),
		 url('../images/fonts/Oswald-Light.svg') format('svg'),
		 url('../images/fonts/Oswald-Light.woff') format('woff'), 
		 url('../images/fonts/Oswald-Light.woff2') format('woff2');
}
@font-face {
	font-family:'Oswald-Regular';
	src: url('../images/fonts/Oswald-Regular.eot') format('embedded-opentype'),
		 url('../images/fonts/Oswald-Regular.ttf') format('truetype'),
		 url('../images/fonts/Oswald-Regular.svg') format('svg'),
		 url('../images/fonts/Oswald-Regular.woff') format('woff'), 
		 url('../images/fonts/Oswald-Regular.woff2') format('woff2');
}
@font-face {
	font-family:'Oswald-Bold';
	src: url('../images/fonts/Oswald-Bold.eot') format('embedded-opentype'),
		 url('../images/fonts/Oswald-Bold.ttf') format('truetype'),
		 url('../images/fonts/Oswald-Bold.svg') format('svg'),
		 url('../images/fonts/Oswald-Bold.woff') format('woff'), 
		 url('../images/fonts/Oswald-Bold.woff2') format('woff2');
}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

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

@media (max-width: 767px) {
	
}

*{ margin:0; padding:0;}
html body{width: 100%;font-size: 14px;}
img{ border:none;vertical-align: middle;height: auto;}
ul,li{ list-style:none;}
a{outline:none; text-decoration:none; }
a:hover{outline:none; text-decoration:none; }
p{margin: 0; }
.clear{ clear:both}
.l{float:left;}
.r{float:right;}
em,i{font-style:normal;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;}
/*espcms_public*/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{}
blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; }
/*首字母*/
.firstletter:first-letter{ font-size:200%;}
/* 解决固定层在IE6下闪的问题 */
html{background-attachment:fixed;}
/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}
/*FCK 兼容解决方案*/
strike{ text-decoration:line-through !important;} strong{ } u{ text-decoration:underline !important;}
/*超出省略号显示*/
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden;}
/*块状元素水平居中*/
.auto{margin-left:auto; margin-right:auto;}
/*清除浮动*/
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*基于display:table-cell的自适应布局*/
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/*双栏自适应cell部分连续英文字符换行*/
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ti2{text-indent:2em;}
/*按钮*/
html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer;text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding: .4em 1.5em .55em; border:none; border-radius: 2px; color: #fff; background:#40b694;}
.button:hover { text-decoration: none; background: #9a9c9d; }
.button:active { position: relative; top: 1px;color: #999; }
/*圆角*/
.button.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
/*中号*/
.button.medium { font-size: 12px; padding: .4em 1.5em .42em; }
/*小号*/
.button.small { font-size: 11px; padding: .2em 1em .275em; }
/*翻页*/
.espcms_page_botton{text-align: center;padding: 30px 0 50px 0;}
/*按钮色彩样式*/
.btn > .caret,.dropup > .btn > .caret {border-top-color: #000 !important;}
.btn{display: inline-block; padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,.btn:focus,.btn.focus {text-decoration: none;}
.btn:active,.btn.active {background-image: none;outline: 0;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,fieldset[disabled] a.btn {pointer-events: none;}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #276431;border-color: #276431;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.btn-group,.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,.btn-group-vertical > .btn:hover,.btn-group > .btn:focus,.btn-group-vertical > .btn:focus,.btn-group > .btn:active,.btn-group-vertical > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {float: left;}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}
.btn .caret {margin-left: 0;}

:root {
	--thm-font: 'Roboto', sans-serif;
	--thm-reey-font: 'reeyregular';
	--thm-gray: #737373;
	--thm-gray-rgb: 115, 115, 115;
	--thm-primary: #9d9482;
	--thm-primary-rgb: 157, 148, 130;
	--thm-black: #000000;
	--thm-black-rgb: 0, 0, 0;
}

.row {
	--bs-gutter-x: 30px;
}

.gutter-y-30 {
	--bs-gutter-y: 30px;
}

body {
	color: var(--thm-gray);
	font-size: 18px;
}

body.locked {
	overflow: hidden;
}

a {
	color: var(--thm-gray);
}

a,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
}

::placeholder {
	color: inherit;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--thm-black);
	margin: 0;
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
}

::placeholder {
	color: inherit;
	opacity: 1;
}


.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

.container {
	padding: 0;
}

@media (min-width: 1200px) {
	.container_nav {
	}
	.container {
		width: 1600px;
	}
}
@media (min-width: 992px) {
	.container {
		
	}
}

::placeholder {
	color: inherit;
	opacity: 1;
}

.section-separator {
	border-color: var(--thm-border);
	border-width: 1px;
	margin-top: 0;
	margin-bottom: 0;
}

.thm-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	border: none;
	outline: none !important;
	background-color: var(--thm-black);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 16.5px 44px;
	transition: 500ms;
	letter-spacing: 0.1em;
}

.thm-btn:before {
	position: absolute;
	bottom: -5px;
	width: 100%;
	height: 1px;
	left: 0;
	background: #f7c35f;
	content: "";
	transition: transform 500ms ease;
	transform-origin: left center;
	transform: scale(1, 1);
}

.thm-btn:hover {
	background: var(--thm-primary);
	color: #ffffff;
}

.thm-btn:hover::before {
	transform: scale(0, 1);
	transform-origin: right center;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	font-family: var(--thm-font);
}

.section-title {
	margin-top: -11px;
	margin-bottom: 50px;
}

.section-title__tagline {
	position: relative;
	display: inline-block;
	color: var(--thm-gray);
	font-size: 16px;
	font-weight: 400;
	align-items: center;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 2px;
	letter-spacing: 0.1em;
}

.section-title__tagline::before {
	content: '';
	background-color: #e5e5e5;
	height: 6px;
	bottom: 7px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.section-title__title {
	margin: 0;
	font-weight: 500;
	color: var(--thm-black);
	font-size: 50px;
	line-height: 60px;
	text-transform: uppercase;
}


.bootstrap-select .dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 0;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
	background-color: var(--thm-base);
}

.preloader {
	position: fixed;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9991;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
}

.preloader__image {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* scroll to top */
.scroll-to-top {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #f7c35f;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 99;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: none;
	border-radius: 50%;
	transition: all 0.4s ease;
}

.scroll-to-top i {
	color: #276431;
	font-size: 18px;
	line-height: 45px;
}

.scroll-to-top:hover {
	background-color: #276431;
}

.scroll-to-top:hover i {
	color: #f7c35f;
}

@media (max-width: 991px) {
	.scroll-to-top {
		right: 20px;
	}
}



/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
	0% {
		-webkit-transform: translateY(0px) translateX(0) rotate(0);
		transform: translateY(0px) translateX(0) rotate(0);
	}

	30% {
		-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
		transform: translateY(30px) translateX(50px) rotate(15deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
	}

	50% {
		-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
		transform: translateY(50px) translateX(100px) rotate(45deg);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	}

	80% {
		-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
		transform: translateY(30px) translateX(50px) rotate(15deg);
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}

	100% {
		-webkit-transform: translateY(0px) translateX(0) rotate(0);
		transform: translateY(0px) translateX(0) rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
	}
}

@keyframes shapeMover {

	0%,
	100% {
		transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
	}

	50% {
		transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
	}
}

@keyframes banner3Shake {
	0% {
		-webkit-transform: rotate3d(0, 1, 0, 0deg);
		transform: rotate3d(0, 1, 0, 0deg);
	}

	30% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	60% {
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 1, 0, 0deg);
		transform: rotate3d(0, 1, 0, 0deg);
	}
}

@keyframes squareMover {

	0%,
	100% {
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
	}

	20%,
	60% {
		-webkit-transform: translate(20px, 40px) rotate(180deg);
		transform: translate(20px, 40px) rotate(180deg);
	}

	30%,
	80% {
		-webkit-transform: translate(40px, 60px) rotate(0deg);
		transform: translate(40px, 60px) rotate(0deg);
	}
}

@keyframes treeMove {

	0%,
	100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}

	25%,
	75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}

	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}


/*--------------------------------------------------------------
#     Zoom Fade Css
--------------------------------------------------------------*/
.zoom-fade {
	animation-name: zoom-fade;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	-webkit-animation-name: zoom-fade;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: zoom-fade;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: zoom-fade;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: zoom-fade;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes zoom-fade {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}


@keyframes service_hexagon_2 {
	0% {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg)
	}

	100% {
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		-o-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	transform: translateX(50%);
	transform-origin: leftt center;
	transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;
	z-index: 999999;
	visibility: hidden;
}

.mobile-nav__wrapper .container {
	padding-left: 0;
	padding-right: 0;
}

.mobile-nav__wrapper.expanded {
	opacity: 1;
	transform: translateX(0%);
	visibility: visible;
}

.mobile-nav__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.5;
	cursor: pointer;
}

.mobile-nav__content {
	width: 300px;
	/* background-color: #276431; */
	background: linear-gradient(to top right, #13438f 0%, #138f21 100%);
	z-index: 10;
	position: relative;
	height: 100%;
	overflow-y: auto;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
}

.mobile-nav__content .thm-btn {
	padding: 8px 0;
	width: 100%;
	text-align: center;
}

.mobile-nav__content .logo-box {
	margin-bottom: 40px;
	display: flex;
}

.mobile-nav__close {
	position: absolute;
	top: 30px;
	right: 15px;
	font-size: 18px;
	color: var(--thm-text-dark);
	cursor: pointer;
	width: 20px;
	height: 20px;
	z-index: 10;
}

.mobile-nav__close::after,
.mobile-nav__close::before {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	transform: rotate(45deg);
	transform-origin: center center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.mobile-nav__close::after {
	transform-origin: center center;
	transform: rotate(-45deg);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
	display: none;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li a {
	display: flex;
	justify-content: space-between;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	font-family: var(--thm-font);
	font-weight: 500;
	height: 46px;
	align-items: center;
	transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
	color: #f7c35f;
}

.mobile-nav__content .main-menu__list li a button {
	width: 30px;
	height: 30px;
	background-color: #f7c35f;
	border: none;
	outline: none;
	color: #276431;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: rotate(-90deg);
	transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
	transform: rotate(0deg);
	background-color: #fff;
	color: var(--thm-black);
}

.mobile-nav__content .main-menu__list li.cart-btn span {
	position: relative;
	top: auto;
	right: auto;
	transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
	font-size: 16px;
}

.mobile-nav__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
	color: var(--thm-text-dark);
}

.mobile-nav__container {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
	display: flex;
	align-items: center;
}

.mobile-nav__social a {
	font-size: 16px;
	color: var(--thm-primary);
	transition: 500ms;
}

.mobile-nav__social a+a {
	margin-left: 30px;
}

.mobile-nav__social a:hover {
	color: #ffffff;
}

.mobile-nav__contact {
	margin-bottom: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.mobile-nav__contact li {
	color: var(--thm-text-dark);
	font-size: 14px;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
}

.mobile-nav__contact li+li {
	margin-top: 15px;
}

.mobile-nav__contact li a {
	color: #ffffff;
	transition: 500ms;
}

.mobile-nav__contact li a:hover {
	color: #f7c35f;
}

.mobile-nav__contact li>i {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #f7c35f;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 11px;
	margin-right: 10px;
	color: #276431;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
	display: none;
}



/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.main-slider {
	overflow: hidden;
	position: relative;
}

.main-slider_border {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 14.29%;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	z-index: 10;
}

.main-slider_border-two {
	left: 14.29%;
}

.main-slider_border-three {
	left: 28.59%;
}

.main-slider_border-four {
	left: 42.88%;
}

.main-slider_border-five {
	left: 57.17%;
}

.main-slider_border-six {
	left: 71.46%;
}

.main-slider .swiper-slide {
	position: relative;
	background-color: var(--thm-black);
}

.main-slider .swiper-slide .container {
	position: relative;
	z-index: 30;
}

.main-slider .image-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1);
	transition: transform 7000ms ease;
	z-index: 1;
}
.swiper-slide:nth-child(1) .image-layer { background-image: url("../images/banner1.jpg");}
.swiper-slide:nth-child(2) .image-layer { background-image: url("../images/banner1.jpg");}
.swiper-slide:nth-child(3) .image-layer { background-image: url("../images/banner2.jpg");}
.swiper-slide:nth-child(4) .image-layer { background-image: url("../images/banner1.jpg");}
.nybanner .swiper-slide:nth-child(1) .image-layer { background-image: url("../images/nybanner1.jpg");}

.main-slider .image-layer-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	content: "";
	background: rgba(var(--thm-black-rgb), .3);
	z-index: 2;
}



.main-slider .container {
	padding-bottom: 295px;
	padding-top: 295px;
}

.main-slider__content {
	position: relative;
	display: block;
}

.main-slider__content em {
	font-size: 80px;
	line-height: 68px;
	font-family: Gotham;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
	/* opacity: 0; */
	/* visibility: hidden; */
	display: flex;
	align-items: center;
	/* transform: translateY(120px); */
	/* transition-delay: 1000ms; */
	/* transition: transform 2000ms ease, opacity 2000ms ease; */
}

.main-slider__content em img {
	margin-left: 20px;
}

.main-slider__content h2 {
	margin: 30px 0 10px;
	color: #f7c35f;
	font-weight: bold;
	/* opacity: 0; */
	/* visibility: hidden; */
	/* transform: translateY(120px); */
	/* transition-delay: 1000ms; */
	/* transition: transform 2000ms ease, opacity 2000ms ease; */
	font-size: 100px;
	line-height: 110px;
	text-transform: uppercase;
}

.main-slider__content h2 span {
	color: #fff;
	font-weight: normal;
	
}

.main-slider__content p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 40px;
	visibility: hidden;
	transform: translateY(120px);
	transition-delay: 1000ms;
	transition: transform 2000ms ease, opacity 2000ms ease;
}

.main-slider__content a {
	font-size: 18px;
	/* font-weight: 700; */
	font-weight:normal;
	background-color: #f7c35f;
	color: #276431;
	opacity: 0;
	transform: translateY(100px);
	transition-delay: 2500ms;
	transition: transform 2000ms ease,
		opacity 2000ms ease,
		color 500ms ease,
		background 500ms ease;
}

.main-slider__content a img {
	margin-left: 10px;
}

.main-slider__content a:hover {
	background-color: #fff;
	color: #276431;
}

.main-slider .swiper-slide-active .image-layer {
	transform: scale(1.15);
}

.main-slider .swiper-slide-active a,
.main-slider .swiper-slide-active em,
.main-slider .swiper-slide-active h2,
.main-slider .swiper-slide-active p {
	visibility: visible;
	opacity: 1;
	transform: translateY(0) translateX(0);
}

.main-slider__nav {
	width: 100%;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	transform: translateY(-50%) translateX(-50%);
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}


.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	width: 30px;
	z-index: 100;
	font-size: 20px;
	color: #f7c35f;
	opacity: 1;
	margin: 0;
	transition: all 500ms ease;
}


.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
	color: #fff;
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
	display: none;
}

.main-slider__nav .swiper-button-prev {
	margin-bottom: 0px;
}

.main-slider__nav .swiper-button-next .icon-right-arrow {
	position: relative;
	transform: rotate(180deg);
}
.icon-right-arrow:before {
	content: "\e902";
}


#main-slider-pagination {
	z-index: 10;
	bottom: 60px;
	left: 50%;
	width: 100%;
	max-width: 1170px;
	-webkit-transform: translate(-50%, calc(-50% + 95px));
	transform: translate(-50%, calc(0% + 0px));
	counter-reset: count;
	line-height: 0;
}

#main-slider-pagination .swiper-pagination-bullet {
	width: 20px;
	height: 30px;
	border-radius: 0%;
	opacity: 1;
	background-color: transparent;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

#main-slider-pagination .swiper-pagination-bullet:before {
	position: absolute;
	height: 30px;
	width: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	border-bottom: 2px solid #ffffff;
	counter-increment: count;
	content: "0"counter(count);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 20px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0px;
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	position: relative;
	transform: translateY(-10px);
}







#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:focus,
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
	outline: none;
	border: none;
}








/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two .container {
	padding-bottom: 250px;
	padding-top: 231px;
}

.main-slider-two .image-layer-overlay {
	background: rgba(var(--thm-black-rgb), 0.6);
}

.main-slider-two .thm-btn {
	background-color: #ffffff;
}

.main-slider-two .thm-btn:hover {
	background: var(--thm-primary);
}


.main-slider__nav-two {
	width: 100%;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	transform: translateY(-50%) translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.main-slider__nav-two .swiper-button-next,
.main-slider__nav-two .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: 100;
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: #ffffff;
	opacity: 1;
	margin: 0;
	text-align: center;
	transition: all 500ms ease;
}


.main-slider__nav-two .swiper-button-next:hover,
.main-slider__nav-two .swiper-button-prev:hover {
	color: var(--thm-primary);
}

.main-slider__nav-two .swiper-button-next::after,
.main-slider__nav-two .swiper-button-prev::after {
	display: none;
}

.main-slider__nav-two .swiper-button-prev {
	margin-bottom: 0px;
}

.main-slider__nav-two .swiper-button-prev .icon-left-arrow {
	position: relative;
	transform: rotate(180deg);
}


.main-slider-two #main-slider-pagination {
	text-align: center;
	bottom: 100px;
}



/*--------------------------------------------------------------
# Main Slider Three
--------------------------------------------------------------*/
.main-slider-three {
	position: relative;
	display: block;
	background-color: var(--thm-black);
	padding-bottom: 120px;
	padding-top: 120px;
}

.main-slider-three-pattern {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.08;
}

.main-slider-three-shape {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 725px;
	height: 680px;
	opacity: .15;
	-webkit-animation-name: shapeMover;
	animation-name: shapeMover;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 400px;
	perspective: 400px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-slider-three__container {
	position: relative;
	display: block;
	width: 100%;
}

.main-slider-three__left {
	position: relative;
	display: block;
	width: 55%;
	float: left;
}

.main-slider-three__left-carousel {}

.main-slider-three__left-single {}

.main-slider-three__left-img {
	overflow: hidden;
	position: relative;
	display: block;
}

.main-slider-three__left-img>img {
	width: 100%;
	transform: scale(1);
	-webkit-transition: all 7000ms linear;
	-moz-transition: all 7000ms linear;
	-ms-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}

.main-slider-three__left-carousel .active .main-slider-three__left-img>img {
	transform: scale(1.15);
}

.main-slider-three__right {
	position: relative;
	display: block;
	width: 45%;
	float: right;
	padding-left: 100px;
	padding-top: 95px;
}

.main-slider-three__title {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	line-height: 75px;
	text-transform: uppercase;
	margin-bottom: 34px;
}

.main-slider-three__text {
	font-size: 20px;
	color: #9d9d9d;
	font-style: italic;
	margin: 0;
}

.main-slider-three__right-btn {
	background-color: #ffffff;
	color: var(--thm-black);
	margin-top: 50px;
}


/*关于我们*/
.feature {
	
}
.feature .feature-img {
	width: 100%;
} 
.index_about {
	background: url("../images/inde_bg2.jpg") center no-repeat;
	padding: 90px 0;
	background-size: cover;
}
.index_about_nr {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap;
}
.feature .feature-img {
	width: 100%;
}
.index_about_nr .position-relative {
	padding: 0;
}
.inde_about_l {
	padding: 0;
}
.inde_about_l em {
	color: #276431;
	font-size: 60px;
	font-family: Oswald-Regular;
	text-transform: uppercase;
	display: block;
	position: relative;
	z-index: 1;
}
.inde_about_l em:after {
	content: '';
	width: 250px;
	height: 6px;
	background: #f7c35f;
	position: absolute;
	bottom: 14px;
	left: 0;
	z-index: -1;
}
.inde_about_l h2 {
	font-size: 48px;
	color: #f7c35f;
	margin: 0 0 14px 0;
	font-weight: bold;
}
.inde_about_l h2 span {
	color: #276431;
}
.inde_about_l p {
	color: #464646;
	font-size: 16px;
	text-align: justify;
	margin: 30px 0;
	line-height: 32px;
}
.inde_about_l p a {
	color: #464646;
}

.inde_about_fenlei {
	overflow: hidden;
	margin-bottom: 50px;
}
.inde_about_fenlei ul {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.inde_about_fenlei ul li {
	width: 110px;
	height: 100px;
	border: 1px #000 solid;
	border-radius: 10px;
	transition: all 0.6s;
	cursor: pointer;
	text-align: center;
}
.inde_about_fenlei ul li:hover {
	background: #276431;
	border: 1px #276431 solid;
}
.inde_about_fenlei ul li:nth-child(1) {
	background: #276431;
	border: 1px #276431 solid;
}
.inde_about_fenlei ul li:nth-child(1) h3 {
	color: #f7c35f;
}
.inde_about_fenlei ul li div {
	width: 38px;
	height: 38px;
	background: url("../images/about_nr1.png") no-repeat;
	margin: 16px auto 8px;
}
.inde_about_fenlei ul li:nth-child(2) div {
	background: url("../images/about_nr22.png") no-repeat;
}
.inde_about_fenlei ul li:nth-child(3) div {
	background: url("../images/about_nr33.png") no-repeat;
}
.inde_about_fenlei ul li:nth-child(4) div {
	background: url("../images/about_nr44.png") no-repeat;
}
.inde_about_fenlei ul li:nth-child(2):hover div {
	background: url("../images/about_nr2.png") right no-repeat;
}
.inde_about_fenlei ul li:nth-child(3):hover div {
	background: url("../images/about_nr3.png") right no-repeat;
}
.inde_about_fenlei ul li:nth-child(4):hover div {
	background: url("../images/about_nr4.png") right no-repeat;
}
.inde_about_fenlei ul li h3 {
	font-size: 16px;
	color: #464646;
	margin: 0;
}
.inde_about_fenlei ul li:hover h3 {
	color: #f7c35f;
}
.inde_about_l .thm-btn {
	font-size: 18px;
	font-weight:normal;
	background-color: #f7c35f;
	color: #276431;
}
.inde_about_l .thm-btn img {
	margin-left: 10px;
}
.inde_about_l .thm-btn:hover {
	background-color: #276431;
	color: #f7c35f;
}
@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.index_about {
	    padding: 50px 0;
	}
	.index_about_nr .position-relative {
	    width: 96%;
	}
	.inde_about_l em {
	    font-size: 40px;
	}
	.inde_about_l em:after {
	    width: 168px;
	}
	.inde_about_l h2 {
	    font-size: 28px;
	}
	.inde_about_l p {
	    font-size: 14px;
	    line-height: 28px;
	}
}

/* @media (max-width: 767px) {
	
} */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.feature .feature-img {
		width: 100%;
	} 
}

.feature__img--dot-shape {
  position: absolute;
  bottom: 0;
  right: -50px;
  z-index: 0;
  animation: rotated infinite linear 27s; }

.feature__img--caption {
  width: 180px;
  height: 200px;
  filter: drop-shadow(0px 0px 18px rgba(191, 191, 191, 0.5));
  position: absolute;
  bottom: 125px;
  right: -80px;
}
.feature__img--caption--shadow {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
	background-color: #ffffff;
	display: block;
	z-index: 1;
	padding: 35px 15px 40px 15px;
	height: 100%;
}
.feature__img--caption--shadow span {
	font-size: 65px;
	line-height: 1;
	position: relative;
}
.feature__img--caption--shadow span sup {
	font-size: 30px;
	top: -28px;
	position: absolute;
	line-height: 1;
	right: -12px;
	font-weight: 100;
	color: #276431;
}
.feature__img--caption--shadow p {
	font-size: 24px;
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.feature__img--dot-shape {
	    right: -30px;
	}
	.feature__img--caption {
	    width: 150px;
	    height: 160px;
	    right: -40px;
	}
	.feature__img--caption--shadow img {
		width: 84%;
	}
	.feature__img--caption--shadow span sup {
	    top: -16px;
	}
}

@media (max-width: 767px) {
	
}



/*--------------------------------------------------------------
# Three Boxes
--------------------------------------------------------------*/
.three-boxes {
	position: relative;
	display: block;
	padding: 120px 0 60px;
}

.three-boxes-shape {
	position: absolute;
	top: 0;
	height: 400px;
	width: 100%;
	background-color: #f4f4f4;
}

.pro_feilei_nr {
	display: flex;
	justify-content: space-between;
	--bs-gutter-x: 1.5rem;
}

.three-boxes .container {
	position: relative;
}

.three-boxes__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.three-boxes__img-box {
	position: relative;
	display: block;
}

.three-boxes__img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

.three-boxes__img>img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.three-boxes__single:hover .three-boxes__img>img {
	transform: scale(1.05);
}

.three-boxes__img-content {
	position: absolute;
	bottom: 40px;
	left: 25px;
	right: 25px;
	background: #ffffff;
	padding: 12px 0 10px;
	text-align: center;
}

.three-boxes__img-content h3 {
	font-size: 24px;
	text-align: center;
	line-height: 24px;
	color: #276431;
}

.three-boxes__img-content h3 span {
	font-size: 14px;
	font-family: Oswald-Light;
	text-transform: uppercase;
}

.three-boxes__img-arrow {
	position: absolute;
	top: -34px;
	right: 0;
	height: 34px;
	width: 34px;
	color: #276431;
	background: #f7c35f;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 500ms ease;
	transform: scale(0);
}

.three-boxes__img-arrow span {}

.three-boxes__img-arrow:hover {
	background-color: #276431;
	color: #f7c35f;
}

.three-boxes__single:hover .three-boxes__img-arrow {
	transform: scale(1);
}

.three-boxes__single-three {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	z-index: 2;
}

.three-boxes__single-three:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: rgba(39,100,49,.8);
	z-index: 1;
}

.three-boxes__single-bg {
	position: absolute;
	filter: grayscale(1);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.three-boxes__single-three-content {
	position: absolute;
	display: block;
	text-align: center;
	z-index: 3;
	left: 0;
	right: 0;
}

.three-boxes__single-three-content h2 {
	font-size: 48px;
	color: #f7c35f;
	font-family: Oswald-Regular;
	text-transform: uppercase;
	margin-bottom: 51px;
}

.three-boxes__single-three-content h2 span {
	font-size: 36px;
	font-weight: bold;
	line-height: 50px;
}

.three-boxes__single-three-content .thm-btn {
	font-size: 18px;
	font-weight:normal;
	background-color: #f7c35f;
	color: #276431;
}
.three-boxes__single-three-content .thm-btn img {
	margin-left: 10px;
}
.three-boxes__single-three-content .thm-btn:hover {
	background-color: #fff;
}

@media (max-width: 991px) {
	.three-boxes {
	    padding: 40px 0;
	}
}


/*产品展示*/
.index_pro {
	padding-bottom: 90px;
}
.pro_bt {
	/* width: 80%; */
	/* margin: 0 auto 80px; */
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* flex-wrap: wrap; */
}
.before-after-sec .pro_bt {
	margin: 100px auto 60px;
}
.progress-section .pro_bt {
	margin: 0;
	justify-content: flex-start;
}
.progress-section .pro_bt p {
	font-size: 24px;
	color: #fff;
	line-height: 48px;
	text-align: justify;
	width: 88%;
	margin: 50px 0 90px;
}
.news .pro_bt {
	width: auto;
	margin: 0 0 80px;
	justify-content: space-between;
}
.pro_bt_zu {
	
}
.pro_bt_zu em {
	width: 418px;
	color: #276431;
	font-size: 56px;
	line-height: 56px;
	font-family: Oswald-Regular;
	text-transform: uppercase;
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
.index_zdy .pro_bt .pro_bt_zu em {
	width: 382px;
}
.before-after-sec .pro_bt .pro_bt_zu em {
	width: 317px;
}
.progress-section .pro_bt_zu em {
	width: 408px;
	margin: 0;
}
.news .pro_bt em {
	width: 454px;
}
.pro_bt_zu em:after {
	content: '';
	width: 100%;
	height: 6px;
	background: #f7c35f;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.pro_bt_zu h2 {
	font-size: 50px;
	color: #f7c35f;
	margin: 12px 0 0;
	font-weight: bold;
	text-align: center;
}
.progress-section .pro_bt_zu h2 {
	text-align: left;
}
.news .pro_bt_zu h2 {
	text-align: left;
}
.pro_bt_zu h2 span {
	color: #276431;
}
.pro_an {
	margin: 50px auto 0;
}

.gallery-area {
  background: #3f3836;
  position: relative;
  z-index: 11;
}
  .gallery-area .gallery-itmes {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee; }
    .gallery-area .gallery-itmes .gallery-thumb {
      border: 3px solid #eeeeee;
      position: relative;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .gallery-area .gallery-itmes .gallery-thumb img {
        width: 100%; }
      .gallery-area .gallery-itmes .gallery-thumb a {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 116px;
        width: 122px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        opacity: 0;
        line-height: 116px; }
      .gallery-area .gallery-itmes .gallery-thumb:hover a {
        opacity: 1; }
  .gallery-area .gallery-active .col-lg-3 {
    padding-left: 0;
    padding-right: 0; }
  .gallery-area.gallery-page {
    background: #fff;
    padding-bottom: 120px;
    padding-top: 90px; }
    .gallery-area.gallery-page .gallery-itmes {
      border: 0; }
      .gallery-area.gallery-page .gallery-itmes .gallery-thumb {
        border: 0; }

.project-one__single {
    position: relative;
    display: block;
	border: 2px solid #eee;
}

.project-one__img-box {
    position: relative;
    display: block;
}

.project-one__img {
    position: relative;
    display: block;
    overflow: hidden;
}

.project-one__img>img {
    width: 100%;
}

.project-one__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(39,100,49,.9);
    transition: opacity 800ms ease, visibility 800ms ease, transform 800ms ease;
    z-index: 1;
    margin: 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-115%);
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 50px;
}

.project-one__single:hover .project-one__hover {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}

.project-one__hover-content {
    position: relative;
}

.project-one__hover .img-popu {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: #f7c35f;
    color: #276431;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 500ms ease;
}

.project-one__hover .img-popu:hover {
    background-color: #fff;
    color: var(--thm-black);
}

.project-one__hover-title {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin: 0;
	z-index: 1;
	font-family: Oswald-Light;
}

.project-one__hover-title:before {
	position: absolute;
	bottom: 3px;
	right: 0;
	left: 0;
	content: "";
	background-color: #f7c35f;
	z-index: -1;
	height: 6px;
}

.project-one__hover-name {
	font-size: 28px;
	color: #f7c35f;
	line-height: 36px;
	text-transform: uppercase;
	font-weight: bold;
}

.project-one__hover-name a {
    color: inherit;
    transition: all 500ms ease;
}

.project-one__hover-name a:hover {
    color: #fff;
}


/*自定义*/
.index_zdy {
	background: url("../images/index_zdy.jpg") center no-repeat;
	padding: 80px 0;
	background-size: cover;
	overflow: hidden;
}
.service__icon {
	display: block;
	position: absolute;
	left: 0;
	top: 0
}
.service__block em {
	color: #fff;
	font-size: 20px;
	font-family: Oswald-Regular;
	text-transform: uppercase;
	display: block;
	position: relative;
	z-index: 1;
}
.col-xl-6 .row:nth-child(1) .mb-55 {
	margin-bottom: 80px;
}
.col-xl-6 .row:nth-child(1) .mb-55:nth-child(1) .service__block em {
	width: 185px;
}
.col-xl-6 .row:nth-child(1) .mb-55:nth-child(2) .service__block em {
	width: 255px;
}
.col-xl-6 .row:nth-child(2) .mb-55:nth-child(1) .service__block em {
	width: 245px;
}
.col-xl-6 .row:nth-child(2) .mb-55:nth-child(2) .service__block em {
	width: 230px;
}
.service__block em:before {
	content: '';
	width: 100%;
	height: 6px;
	background: #f7c35f;
	position: absolute;
	bottom: 2px;
	left: 0;
	z-index: -1;
}
.service__title {
	font-size: 24px;
	font-weight: bold;
	color: #f7c35f;
	margin: 8px 0 20px;
}
.service__block p {
	color: rgba(255,255,255,.6);
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	margin-bottom: 40px;
}
.link-more {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
	z-index: 1; 
}
.link-more:hover {
	color: #f7c35f;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.service__block {
padding-right: 0px;
}
.service__block--h3 {
padding: 50px 35px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.service__block--h3 {
padding: 50px 30px; } }
.service__block--h3 p {
line-height: 30px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.service__block--h3:hover {
background: #221f3c; }
.service__block--h3:hover p, .service__block--h3:hover i::before, .service__block--h3:hover a, .service__block--h3:hover h4 {
color: #dbd9ef !important;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.service__block--h3 img {
position: absolute;
top: 0;
left: 0; }
.service__block--h4 {
padding: 60px 41px;
border: 1px solid #e2e2e2;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.service__block--h4 {
padding: 60px 30px; } }
.service__block--h4:hover {
background-color: white;
box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
border: 1px solid transparent; }
.service__block--h5 {
padding: 10px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.service__block--h5:hover .service__thumb--h5 img {
transform: scale(1.1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.service__block--h6 {
background: #393657; }

.service .shape {
position: absolute; }
.service .shape--line {
top: 0;
left: 0; }
.service .shape--mimg {
right: 0;
z-index: 1; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.service .shape--mimg {
right: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.service .shape--mimg {
max-width: 325px;
right: 30px; } }
.service .shape--mibg {
bottom: 75px;
right: 190px;
animation: jump2 4s linear infinite; }
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.service .shape--mibg {
right: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.service .shape--mibg {
max-width: 300px;
right: 30px; } }
.service .shape--h4 {
right: 80px;
top: 110px; }
.service .shape--h42 {
bottom: 174px;
left: 0; }

.service__shape {
margin-bottom: 29px;
animation: rotated 20s infinite linear; }


/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome-one {
	position: relative;
	display: block;
	padding: 0px 0px 84px;
}

.welcome-one-shape {
	position: absolute;
	height: 100%;
	bottom: -85px;
	right: calc(100% - 215px);
	width: 10000px;
	background-color: #f4f4f4;
}

.welcome-one-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 528px;
	background-repeat: no-repeat;
	opacity: .09;
}

.welcome-one .container {
	position: relative;
}

.welcome-one__left {
	position: relative;
	display: block;
	margin-right: 100px;
}

.welcome-one__left:before {
	position: absolute;
	bottom: -120px;
	right: calc(100% - 230px);
	width: 10px;
	content: "";
	background-color: var(--thm-black);
	height: 100px;
}

.welcome-one__img {
	position: relative;
	display: block;
	margin-left: -362px;
}

.welcome-one__img>img {
	width: 100%;
}

.welcome-one__video-btn {
	height: 135px;
	width: 160px;
	position: absolute;
	bottom: 0;
	left: 20px;
	background-color: var(--thm-primary);
	color: #ffffff;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 500ms ease;
	z-index: 2;
}

.welcome-one__video-btn:before {
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: 0;
	content: "";
	border-top: 20px solid #f4f4f4;
	border-left: 20px solid #f4f4f4;
	border-right: 20px solid #f4f4f4;
}

.welcome-one__video-btn:hover {
	color: var(--thm-primary);
	background: var(--thm-black);
}

.welcome-one__right {
	position: relative;
	display: block;
	margin-left: -30px;
}

.welcome-one__right .section-title {
	margin-bottom: 40px;
}

.welcome-one__right-list {
	position: relative;
	display: block;
	overflow: hidden;
}

.welcome-one__right-list-one {
	position: relative;
	display: block;
	margin-bottom: 0;
	float: left;
	margin-right: 86px;
}

.welcome-one__right-list-one li {
	display: flex;
	align-items: center;
}

.welcome-one__right-list-one li+li {
	margin-top: 7px;
}

.welcome-one__right-list-one li .icon {
	position: relative;
	transform: rotate(70deg);
	font-size: 10px;
	color: var(--thm-gray);
}

.welcome-one__right-list-one li i {
	color: var(--thm-gray);
}

.welcome-one__right-list-one li .text {
	margin-left: 18px;
}

.welcome-one__right-list-one li .text p {
	font-size: 16px;
	color: var(--thm-black);
	font-weight: 500;
	margin: 0;
}

.welcome-one__right-list-two {
	margin-right: 0;
}

.welcome-one__bottom-content {
	margin-top: 38px;
	position: relative;
	display: block;
	overflow: hidden;
}

.welcome-one__bottom-content h4 {
	font-size: 20px;
	color: var(--thm-primary);
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 43px;
}

.welcome-one__bottom-content p {
	margin: 0;
}

.welcome-one__architecure {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.welcome-one__architecure-img {}

.welcome-one__architecure-img>img {
	width: 80px;
	border-radius: 50%;
	border-style: solid;
	border-width: 4px;
	border-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
}

.welcome-one__architecure-text {
	margin-left: 30px;
	text-align: center;
}

.welcome-one__architecure-text h2 {
	font-size: 30px;
	font-weight: 400;
	font-family: var(--thm-reey-font);
	line-height: 40px;
	margin-bottom: 8px;
}

.welcome-one__architecure-text p {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Two Boxes
--------------------------------------------------------------*/
.two-boxes {
	padding: 120px 0 120px;
}

.two-boxes__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

@media(min-width: 1200px) {
	.two-boxes__single {
		margin-bottom: 0;
	}
}

.two-boxes__single .row {
	--bs-gutter-x: 0px;
}

.two-boxes__content {
	position: relative;
	display: block;
	background: var(--thm-black);
	padding: 80.5px 48px;
}

.two-boxes__content h2 {
	font-size: 28px;
	color: #ffffff;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
}

.two-boxes__img {
	position: relative;
	display: block;
	overflow: hidden;
}

.two-boxes__img>img {
	width: 100%;
	transition: transform 500ms ease;
	transform: scale(1);
}

.two-boxes__single:hover .two-boxes__img>img {
	transform: scale(1.05);
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 120px 0 90px;
}

.services-one-container {
	position: relative;
	display: block;
	max-width: 1440px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}

.services-one .section-title {
	position: relative;
	display: block;
	margin-bottom: 47px;
	z-index: 1;
}

.services-one .row {
	--bs-gutter-x: 0px;
}

.services-one__single {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
	padding: 55px 60px 47px;
	margin-bottom: 30px;
	transition: all 500ms ease;
}

.services-one__single:hover {
	background-color: var(--thm-black);
}

.services-one__title {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.services-one__title a {
	color: var(--thm-black);
	transition: all 500ms ease;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;
}

.services-one__single:hover .services-one__title a {
	color: #ffffff;
}

.services-one__title a:hover {
	background-size: 100% 2px;
}

.services-one__text {
	margin: 0;
	transition: all 500ms ease;
}

.services-one__single:hover .services-one__text {
	color: #ffffff;
}

.services-one__btn {
	font-size: 12px;
	color: var(--thm-black);
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 67px;
	position: relative;
	display: inline-block;
	z-index: 2;
	transition: all 500ms ease;
}

.services-one__btn:hover {
	color: var(--thm-primary);
}

.services-one__single:hover .services-one__btn {
	color: #ffffff;
}

.services-one__single .services-one__btn:hover {
	color: var(--thm-primary)
}

.services-one__btn:before {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	content: "";
	background-color: #e5e5e5;
	height: 6px;
	z-index: -1;
	transition: all 500ms ease;
}

.services-one__single:hover .services-one__btn:before {
	background-color: var(--thm-primary);
	opacity: 0.4;
}

.services-one__icon {
	position: absolute;
	right: 58px;
	bottom: 52px;
}

.services-one__icon span {
	font-size: 65px;
	line-height: 65px;
	color: var(--thm-black);
	transition: all 500ms ease;
}

.services-one__single:hover .services-one__icon span {
	color: #ffffff;
}



/*news*/
.news {
	width: 100%;
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}
.news .s_width {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.news_l{width: 34.157%; position: absolute; left: 0; top: 0; overflow: hidden;}
.news_l .n_tit{ }

.video_hover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:1;transition: all 0.3s;}
.video_hover i{ font-size:50px; position:absolute; display:block; left:50%; top:42%; width:60px; margin:0 0 0 -30px; height:60px; z-index:5;  color:rgba(255, 255, 255, 1); font-style:normal; cursor: pointer;}

.video-box{background: rgba(0, 0, 0, 0.8);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99999;transform: scale(0);transition: all ease 0.5s;}
.video-box p {width: 960px;margin: 10% auto 0;position: relative;}
.video-box p video {width: 100%;border-radius: 10px;overflow: hidden;}
.video-box p .hide {width: 30px;height: 30px;font-size: 50px;line-height: 20px;text-align: center;color: #ffffff;font-weight: 100;display: block;position: absolute;top: 10px;right: 10px;cursor: pointer;}


.pro_an,.news_an {
	width: 200px;
	height: 50px;
	background: #f7c35f;
	border-radius: 50px;
	margin-top: 70px;
}
.pro_an a,.news_an a {
	display: block;
	font-size: 18px;
	color: #276431;
	line-height: 50px;
	text-align: center;
}

.indext_new_nr {
	padding-right: 0;
}
.indext_new_nr li {
	height: 200px; 
	border: 1px #276431 dashed; 
	box-sizing: border-box; position: relative; margin-bottom: 66px; display: flex; justify-content: space-between; align-items: center; padding: 0 40px;
}
.indext_new_nr li:last-child{margin-bottom: 0;}
.indext_new_nr li .se_pro_t_l{width: 160px; background: #fff; border: 1px #f7c35f dashed; text-align: center; padding: 44px 0;}
.indext_new_nr li .se_pro_t_l em{font-size: 24px; color: #276431; display: block;}
.indext_new_nr li .se_pro_t_l span{font-size: 85px; line-height: 85px; font-weight: bold; color: #276431;}
.indext_new_nr li .se_pro_t_l i{font-size: 24px; color: #276431;}
.indext_new_nr li .se_pro_t_laa{width: 80%; display: flex; justify-content: space-between; align-items: center; margin-left: 20px;}
.indext_new_nr li .se_pro_t_laa a{display: block; position: relative;}
.indext_new_nr li .se_pro_t_laa a div{overflow: hidden; display: flex; justify-content: center;}
.indext_new_nr li .se_pro_t_laa a div img{ height: 100%; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.indext_new_nr li:hover .se_pro_t_l{background: #f7c35f; transition-duration:.2s;}
.indext_new_nr li:hover .se_pro_t_laa a div img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.indext_new_nr li .se_pro_t_laa a em{color: #276431; font-size: 30px; font-weight: bold; display: block; /* width: 80%; */ transition-duration:.2s;}
.indext_new_nr li:hover .se_pro_t_laa a em{color: #f7c35f;}
.indext_new_nr li .se_pro_t_laa i{display: block; width: 50px; height: 2px; background: #276431; margin: 16px 10%;}
.indext_new_nr li .se_pro_t_laa a p{color: #666; font-size: 18px; line-height: 32px; text-align: justify; margin: 14px 0 0; /* width: 90%; */}
.indext_new_nr li .se_pro_t_laa a b{width: 120px; height: 36px; display: block; border: 1px #276431 solid; border-radius: 50px; text-align: center; font-size: 16px; color: #276431; font-weight: normal; line-height: 36px; transition-duration:.2s; position: relative; z-index: 1; overflow: hidden; margin: 0 10%;}
.indext_new_nr li:hover .se_pro_t_laa a b{color: #fff; border: 1px #276431 solid;}
.indext_new_nr li .se_pro_t_laa a b:after{content: ''; position: absolute; width: 0; height: 100%; background: #276431; top: 0; left: 0; -webkit-transition: width .5s; transition: width .5s; z-index: -1; }
.indext_new_nr li:hover .se_pro_t_laa a b:after{width: 100%;}

.pro_bt_zu em.pro_bt_zu_em { width: 426px;}
.pro_bt_zu em.pro_bt_zu_em02 { width: 317px;}
.pro_bt_zu em.pro_bt_zu_em03 { width: 519px;}
.pro_bt_zu em.pro_bt_zu_em04 { width: 290px;}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	.news .s_width{
		min-width: 1200px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.news .s_width {
		min-width: 960px;
		width: 96%;
	}
	.pro_an, .news_an {
	    margin-top: 30px;
	}
	.indext_new_nr li {
	    height: 186px;
	    margin-bottom: 46px;
	    padding: 0 40px;
	}
	.indext_new_nr li .se_pro_t_l {
	    padding: 28px 0;
	}
	.indext_new_nr li .se_pro_t_laa {
		margin-left: 2vw;
	}
	.indext_new_nr li .se_pro_t_laa a em {
		width: 100%;
		font-size: 24px;
	}
	.indext_new_nr li .se_pro_t_laa a p {
		width: 100%;
		font-size: 16px;
		line-height: 28px;
	}
}
.margin_pro { margin: 50px auto;}
@media (max-width: 991px) {
	.pro_feilei_nr .col-xl-3:nth-child(4) {
		display: none;
	}
	
	.col-xl-6 .row .mb-55 {
		width: 48%;
		margin-bottom: 50px;
	}
	.col-xl-6 .row:nth-child(1) .mb-55:nth-child(1) .service__block em {
		width: 111px;
	}
	.col-xl-6 .row:nth-child(1) .mb-55:nth-child(2) .service__block em {
		width: 153px;
	}
	.col-xl-6 .row:nth-child(2) .mb-55:nth-child(1) .service__block em {
		width: 147px;
	}
	.col-xl-6 .row:nth-child(2) .mb-55:nth-child(2) .service__block em {
		width: 138px;
	}
	.service__block em {
	    font-size: 12px;
	}
	.service__title {
	    font-size: 20px;
	    margin: 0 0 20px;
	}
	.service__block p {
	    font-size: 12px;
	    line-height: 18px;
	    margin-bottom: 40px;
	}
	
	.pro_bt {
	    width: 100%;
	}
	.margin_pro { margin: 0 auto;}
	.pro_bt_zu em {
	    width: 300px;
	    font-size: 40px;
	    line-height: 40px;
		text-align: center;
	}
	.pro_bt_zu em.pro_bt_zu_em {
	    width: 304px;
	}
	.pro_bt_zu em.pro_bt_zu_em02 {
	    width: 227px;
	}
	.pro_bt_zu em.pro_bt_zu_em03 {
	    width: 372px;
	}
	.pro_bt_zu em.pro_bt_zu_em04 {
	    width: 207px;
	}
	.index_zdy .pro_bt .pro_bt_zu em {
	    width: 273px;
	}
	.before-after-sec .pro_bt .pro_bt_zu em {
	    width: 227px;
	}
	.progress-section .pro_bt_zu em {
	    width: 291px;
	}
	.progress-section .pro_bt p {
	    font-size: 18px;
	    line-height: 32px;
	    width: 100%;
	    margin: 50px 0;
	}
	.pro_bt_zu h2 {
	    font-size: 28px;
	}
	.news .s_width {
		width: 96%;
		margin-top: 250px;
	}
	.news_an {
	    margin-top: 30px;
		position: absolute;
		bottom: -80px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.indext_new_nr {
	    width: 100%;
		padding-right: 15px;
	}
	.indext_new_nr li {
	    height: 186px;
		margin-bottom: 30px;
		padding: 0 18px;
	}
	.indext_new_nr li .se_pro_t_l {
		width: 120px;
	    padding: 28px 0;
	}
	.indext_new_nr li .se_pro_t_l em {
	    font-size: 20px;
	}
	.indext_new_nr li .se_pro_t_l span {
	    font-size: 70px;
	    line-height: 80px;
	}
	.indext_new_nr li .se_pro_t_l i {
	    font-size: 20px;
	}
	.indext_new_nr li .se_pro_t_laa {
		margin-left: 2vw;
	}
	.indext_new_nr li .se_pro_t_laa a em {
		width: 100%;
		font-size: 20px;
	}
	.indext_new_nr li .se_pro_t_laa a p {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
	.news {
	    padding: 80px 0 120px;
	}
	.news_l {
	    width: 100%;
	    height: 300px;
		display: flex;
		align-items: center;
	}
	.news_l .n_tit {
	    width: 100%;
	}
	.news_l .n_tit img {
		width: 100%;
	}
	.news .pro_bt {
	    margin: 0 0 30px;
	}
	.news .pro_bt em {
	    width: 324px;
	}
	.video-box {
	    display: flex;
		align-items: center;
	}
	.video-box p {
	    width: 90vw;
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	
}


/*底部*/
.footer {
	width: 100%;
	background: url(../images/footer.jpg) no-repeat top center;
	background-size: cover;
	padding: 60px 0 0;
	overflow: hidden;
}
.footer .s_width{
	width: 80%;
	margin: 0 auto; 
	display: flex;
	justify-content: space-between; 
	position: relative;
	padding-bottom: 60px;
}
.f_nav {
	display: flex;
}
.f_zhong {
	width: 60%;
}
.f_nav div{height: 50px; display: flex; justify-content: flex-start; align-items: center;}
.f_nav h3{font-size: 24px; color: #fff; font-weight: bold; text-align: center; border-right: 2px #f7c35f solid; padding-right: 40px;}
.f_nav h3 span{font-size: 22.5px; font-weight: lighter; color: #f7c35f; display: block; text-transform: uppercase; font-family: Oswald-Light;}
.f_nav ul {
	width: 84%;
	display: flex; 
	justify-content: space-between;
	padding-left: 40px;
}
.f_nav ul li{}
.f_nav ul li a{  line-height: 50px;}
.f_nav_hengxian { height: 1px; background: rgba(255,255,255,.3); margin: 25px 0 45px;}
.footer_zu {
	display: flex;
	justify-content: space-between;
}
.footer_zu_zu {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}
.f_pro h3,.f_contact h3,.f_ditu h3{font-size: 24px; color: #fff; margin-bottom: 30px;}
.f_pro h3 i,.f_contact h3 i,.f_ditu h3 i{font-family: Oswald-Light; color: #fdcc55; text-transform: uppercase; margin-left: 10px;}
.f_pro h3 span,.f_contact h3 span,.f_ditu h3 span{width: 50px; height: 2px; background: #fdcc55; display: block; margin-top: 10px;}

.f_pro{width: 100%;}
.f_pro ul {
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.f_pro ul li{float: left; }
.f_pro ul li a{font-size: 18px; color: #fff; transition: all .2s;}
.f_pro ul li a:hover{color: #f7c35f;}

.f_contact{}
.f_contact ul{}
.f_contact ul li{font-size: 18px; color: #fff; margin-bottom: 20px; display: flex; align-items: center;}
.f_contact ul li img{margin-right: 12px;}
.f_contact ul li b {
	color: #fdcc55;
}

.f_ditu{}
.f_ditu div{font-size: 18px; color: #fff; text-align: center; margin-top: 40px;}

.footer_p{width: 100%; height: 80px; border-top: 1px rgba(255,255,255,.3) solid; font-size: 16px; text-align: center; line-height: 80px; color: #fff;}
.footer_p .s_width {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sidebox_m{display: none;}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	.footer .s_width{
		min-width: 1200px;
	}
	.footer_p .s_width {
		min-width: 1200px;
	}
	.f_zhong {
		width: 66%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer .s_width {
		min-width: 960px;
		width: 96%;
	}
	.f_zhong {
	    width: 66%;
	}
	.f_nav h3 {
	    padding-right: 20px;
	}
	.f_nav ul {
	    padding-left: 20px;
	}
	.f_nav ul li a {
	    font-size: 15px;
	}
	.f_ditu {
	    width: 40%;
	}
	.footer_zu_zu {
	    width: 57%;
	}
	.f_pro ul {
	    margin-bottom: 36px;
	}
	.f_pro ul li a {
	    font-size: 16px;
	}
	.f_contact ul li {
	    font-size: 16px;
	    margin-bottom: 16px;
	}
}

@media (max-width: 991px) {
	.footer .s_width {
		/* width: 96%; */
		display: flex;
		flex-wrap: wrap;
	}
	.f_zhong {
	    width: 100%;
		margin-bottom: 30px;
	}
	.f_nav {
	    display: none;
	}
	.f_nav_hengxian { display: none;}
	/* .f_nav h3 {
	    padding-right: 20px;
	}
	.f_nav ul {
	    padding-left: 20px;
	}
	.f_nav ul li a {
	    font-size: 15px;
	} */
	.f_ditu {
	    width: auto;
	}
	.footer_zu {
	    flex-wrap: wrap;
	}
	.footer_zu_zu {
	    width: auto;
		margin-top: 30px;
	}
	.f_pro {
	    display: none;
	}
	
	/* .f_pro ul {
	    margin-bottom: 36px;
	}
	.f_pro ul li a {
	    font-size: 16px;
	} */
	.f_contact ul li {
	    font-size: 16px;
	    margin-bottom: 16px;
	}
	.f_contact ul li b {
	    width: 50%!important;
	}
	
	.footer_p {
	    display: none;
	}
	
	.sidebox_m{position: fixed; right: 20px; z-index: 999999999; bottom: 84px; display: block;}
	.sidebox_m ul li{width: 45px;height: 45px;background: linear-gradient(to top right, #13438f 0%, #138f21 100%);margin-bottom: 8px;text-align:center;position: relative;color: #fff; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; border-radius: 50%;}
	.sidebox_m ul li a{color: #fff; font-size: 0.32rem;}
	.sidebox_m .cont{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;height:60px;line-height:50px;text-align:center;
	background-color: rgba(0,0,0,0.7); color: #fff;font-size: 16px; font-weight: bold; position:absolute; right: 100%; top:0}
	.sidebox_m li:hover .cont{width: 150px; height: 60px;line-height: 60px;padding: 0 5px;}
	.sidebox_m .cont0{transition: all .4s; white-space:nowrap; width:0;overflow:hidden;text-align:center;position:absolute;right:100%;top:0}
	.sidebox_m li:hover .cont0{width: 140px; height: 140px;}
}

@media (max-width: 767px) {
	
}

.liuyan{ padding: 0;}
.liuyan h2{font-size: 24px; font-weight: bold; color: #464646; position: absolute; z-index: 40; left: 60px; top: 45px;}
.liuyan h2 span{font-size: 16px; color: #464646; font-weight: normal;}
.liuyan .panel{background: rgba(255,255,255,0.8); border-radius: 0; position: relative;}
.liuyan .panel-heading h3{opacity: 0;}
.liuyan .panel-body {padding: 30px; margin-top: 36px;}
.liuyan .panel-body .control-label{display: none;}
.liuyan .btn-success {color: #276431; background-color: #f7c35f; border-color: #f7c35f;}
.liuyan .btn-success:hover { color: #f7c35f; background-color: #276431; border-color: #276431;}


/*--------------------------------------------------------------
# Before After
--------------------------------------------------------------*/
.before-after-sec {
	position: relative;
	display: block;
	z-index: 3;
}


.before-after-content .before-after {
	position: relative;
}

.before-after-content .before-after .twentytwenty-container img {
	width: 100%;
}

.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
	position: absolute;
	left: -10px;
	top: -10px;
	width: 100px;
	height: 100px;
	line-height: 90px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin: 0px;
	padding: 0px;
	background: transparent;
	z-index: 1;
	transform: rotate(-45deg);
	text-transform: uppercase;
	display: none;
}

.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100px;
	line-height: 140px;
	text-align: center;
	font-size: 16px;
	background: transparent;
	font-weight: 700;
	color: #fff;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	transform: rotate(-45deg);
	z-index: 1;
	text-transform: uppercase;
	display: none;
}

.before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
	position: absolute;
	content: '';
	bottom: 0px;
	right: 0px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
	opacity: 1 !important;
}



/*--------------------------------------------------------------
# Two Section
--------------------------------------------------------------*/
.jarallax {
	position: relative;
	z-index: 0;
}
.jarallax > .jarallax-img {
	position: absolute;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.two-section {
	position: relative;
	display: block;
	margin-top: -200px;
}

.two-section-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.two-section-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(var(--thm-black-rgb), 0.9);
}

.two-section-bg.jarallax div div {
	filter: grayscale(100%);
}

.progress-section {
	position: relative;
	display: block;
	padding: 300px 0 90px;
}
.progress-section .row {
	display: flex;
	align-items: center;
}
.chukou {
	
}
.chukou img {
	width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.pro_bt img { display: none;}
}

@media (max-width: 767px) {
	
}

/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one {
	position: relative;
	display: block;
	padding: 120px 0 90px;
}

.news-one .section-title {
	margin-bottom: 47px;
}

.news-one__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.news-one__img-box {
	position: relative;
	display: block;
}

.news-one-img {
	position: relative;
	display: block;
	overflow: hidden;
}

.news-one-img>img {
	width: 100%;
}

.news-one-img>a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(var(--thm-black-rgb), 0.5);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: #ffffff;
	transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30%);
}

.news-one-img>a>span {
	position: relative;
}

.news-one-img>a>span::before {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 500ms ease;
}

.news-one-img>a>span::after {
	content: '';
	transition: all 500ms ease;
	width: 2px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.news-one-img>a:hover>span::before,
.news-one-img>a:hover>span::after {
	background-color: var(--thm-primary);
}

.news-one__single:hover .news-one-img>a {
	visibility: visible;
	transform: translateY(0%);
	opacity: 1;
}

.news-one__date-box {
	position: absolute;
	bottom: -10px;
	right: 30px;
	background: var(--thm-black);
	padding: 3px 30px;
	z-index: 1;
}

.news-one__date-box p {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0.1em;
}

.news-one__content {
	position: relative;
	display: block;
	text-align: center;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 20px 60px 0px rgb(23 39 54 / 10%);
	padding: 29px 50px 30px;
	transition: all 500ms ease;
}

.news-one__content:before {
	position: absolute;
	bottom: -5px;
	right: 0;
	left: 0;
	width: 0;
	content: "";
	background-color: var(--thm-black);
	height: 1px;
	transition: all 500ms ease;
}

.news-one__single:hover .news-one__content:before {
	width: 100%;
}

.news-one__single:hover .news-one__content {
	background-color: var(--thm-black);
}

.news-one__meta {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin: 0;
	justify-content: center;
}

.news-one__meta li {}

.news-one__meta li+li {
	margin-left: 15px;
}

.news-one__meta li a {
	font-size: 16px;
	color: var(--thm-gray);
	transition: all 500ms ease;
}

.news-one__single:hover .news-one__meta li a {
	color: #9d9d9d;
}

.news-one__meta li a i {
	color: var(--thm-primary);
	font-size: 14px;
}

.news-one__title {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 39px;
	margin-bottom: 21px;
}

.news-one__title a {
	color: var(--thm-black);
	transition: all 500ms ease;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;
}

.news-one__single:hover .news-one__title a {
	color: #fff;
}

.news-one__single .news-one__title a:hover {
	background-size: 100% 2px;
}

.news-one__text {
	margin: 0;
	transition: all 500ms ease;
}

.news-one__single:hover .news-one__text {
	color: #9d9d9d;
}

.news-one__btn {
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: var(--thm-black);
	font-weight: 500;
	text-transform: uppercase;
	transition: all 500ms ease;
	z-index: 1;
	margin-top: 19px;
}

.news-one__btn:hover {
	color: var(--thm-primary);
}

.news-one__single:hover .news-one__btn {
	color: #ffffff;
}

.news-one__btn:before {
	position: absolute;
	bottom: 10px;
	right: 0;
	left: 0;
	content: "";
	background-color: #e5e5e5;
	z-index: -1;
	height: 6px;
	transition: all 500ms ease;
}

.news-one__single:hover .news-one__btn:before {
	background-color: var(--thm-primary);
	opacity: 0.4;
}

.news-one__single .news-one__btn:hover {
	color: var(--thm-primary);
}

.news-one__page {
	padding-bottom: 120px;
}

.news-one__more {
	margin-top: 30px;
}

/*--------------------------------------------------------------
#Google Map
--------------------------------------------------------------*/
.google-map {
	position: relative;
	display: block;
}

.google-map__one {
	position: relative;
	display: block;
	border: none;
	height: 550px;
	width: 100%;
}

/*--------------------------------------------------------------
#Site Footer
--------------------------------------------------------------*/
.site-footer {
	position: relative;
	display: block;
}

.site-footer__top {
	position: relative;
	display: block;
	background-color: var(--thm-black);
}

.site-footer__top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 44.5px 0;
}

.site-footer__top-left {
	display: flex;
	align-items: center;
}

.site-footer__top-logo-box {}

.site-footer__top-logo-box>a {}

.site-footer__top-logo-box>img {}

.site-footer__top-text {
	margin-left: 54px;
}

.site-footer__top-text p {
	font-size: 24px;
	color: #9d9d9d;
	font-weight: 300;
	margin: 0;
}

.site-footer_top-btn-box {}

.site-footer_top-btn {
	background-color: #ffffff;
	color: var(--thm-black);
	padding: 5px 30px;
	font-size: 12px;
}



.site-footer__main {
	position: relative;
	display: block;
	padding: 94px 0 91px;
	z-index: 10;
}

.site-footer__main::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	background-color: var(--thm-black);
	z-index: -1;
}

.site-footer__main-pattern-bg1 {
	position: absolute;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}


.footer-widget__about {
	position: relative;
	display: block;
	margin-right: 75px;
}

.footer-widget__title {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 20px;
}

.footer-widget__text {
	font-size: 16px;
	color: #9d9d9d;
	margin: 0;
	font-weight: 500;
}

.footer-widget__contact-list {
	position: relative;
	display: block;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .10);
	margin-top: 23px;
	padding-top: 19px;
}

.footer-widget__contact-list li {
	display: flex;
	align-items: center;
}

.footer-widget__contact-list li .icon {}

.footer-widget__contact-list li .icon i {
	font-size: 15px;
	color: var(--thm-primary);
}

.footer-widget__contact-list li .text {
	margin-left: 10px;
}

.footer-widget__contact-list li .text p {
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	font-weight: 500;
}

.footer-widget__contact-list li .text a {
	color: #ffffff;
}

.footer-widget__links {
	position: relative;
	display: block;
	margin-left: -32px;
}

.footer-widget__links-list {
	margin: 0;
}

.footer-widget__links-list li+li {
	margin-top: 5px;
}

.footer-widget__links-list li a {
	font-size: 16px;
	font-weight: 500;
	color: #9d9d9d;
	transition: all 500ms ease;
}

.footer-widget__links-list li a:hover {
	color: var(--thm-primary);
}

.footer-widget__explore {
	position: relative;
	display: block;
	margin-left: -30px;
}

.footer-widget__explore-list {
	margin: 0;
}

.footer-widget__explore-list li+li {
	margin-top: 5px;
}

.footer-widget__explore-list li a {
	font-size: 16px;
	font-weight: 500;
	color: #9d9d9d;
	transition: all 500ms ease;
}

.footer-widget__explore-list li a:hover {
	color: var(--thm-primary);
}

.footer-widget__newsletter {
	position: relative;
	display: block;
	margin-left: -30px;
}

.footer-widget__newsletter-text {
	font-size: 16px;
	font-weight: 500;
	color: #9d9d9d;
	margin: 0;
}

.footer-widget__newsletter-form {}

.footer-widget__newsletter-input-box {
	position: relative;
	display: block;
	border-bottom: 1px solid #ffffff;
	margin-top: 30px;
}

.footer-widget__newsletter-form input[type="email"] {
	font-size: 16px;
	color: #9d9d9d;
	font-weight: 500;
	height: 70px;
	width: 100%;
	background: transparent;
	border: none;
	border-radius: 0;
	padding-right: 70px;
	outline: none;
}

.footer-widget__newsletter-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 70px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: transparent;
	border: 0;
	transition: all 500ms ease;
	color: #fff;
	transition: all 500ms ease;
}

.footer-widget__newsletter-btn:hover {
	color: var(--thm-primary);
}

.footer-widget__newsletter-btn i {}

.site-footer__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 40px;
}

.site-footer__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #ffffff;
	font-size: 22px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.site-footer__social a+a {
	margin-left: 36px;
}

.site-footer__social a:hover {
	color: var(--thm-primary);
}

.site-footer-bottom {
	position: relative;
	display: block;
	padding: 40.5px 0;
	background-color: var(--thm-black);
}

.site-footer-bottom__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-footer-bottom__left {}

.site-footer-bottom__left p {
	font-size: 16px;
	color: #9d9d9d;
	font-weight: 500;
	margin: 0;
}

.site-footer-bottom__left p a {
	color: #9d9d9d;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.site-footer-bottom__left a:hover {
	color: #ffffff;
}

.site-footer-bottom__menu {
	margin: 0;
}

.site-footer-bottom__menu li {
	position: relative;
	display: inline-block;
}

.site-footer-bottom__menu li+li {
	margin-left: 26px;
}

.site-footer-bottom__menu li a {
	color: #9d9d9d;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.site-footer-bottom__menu li a:hover {
	color: var(--thm-primary);
}

/*--------------------------------------------------------------
# Steps
--------------------------------------------------------------*/
.steps {
	position: relative;
	display: block;
	margin-top: -60px;
	z-index: 2;
	counter-reset: stepsCount;
}

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

.steps__inner .row {
	--bs-gutter-x: 0px;
}

.steps__single {
	display: flex;
	align-items: center;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
	justify-content: center;
	line-height: 0;
	padding: 43.5px 0;
	counter-increment: stepsCount;
}

.steps__icon {
	position: relative;
}

.steps__icon span {
	font-size: 65px;
	color: var(--thm-black);
	line-height: 65px;
}

.steps__count {
	position: absolute;
	top: -5px;
	right: -8px;
	height: 32px;
	width: 32px;
	background-color: var(--thm-black);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 500ms ease;
}


.steps__count::before {
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	margin: 0;
	content: counters(stepsCount, ".", decimal-leading-zero);
	transition: all 500ms ease;
}

.steps__single:hover .steps__count {
	background-color: var(--thm-primary);
	color: #fff;
}

.steps__text {
	margin-left: 25px;
}

.steps__text h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
	position: relative;
	display: block;
	background-color: var(--thm-primary);
	padding: 170px 0 85px;
	margin-top: -92px;
}

.cta-one-pattern {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.10;
}

.cta-one__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cta-one__content {
	position: relative;
	display: block;
}

.cta-one__text {
	font-size: 36px;
	color: #ffffff;
	line-height: 46px;
	font-weight: 500;
}

.cta-one__btn-box {}

.cta-one__btn:hover {
	background-color: #ffffff;
	color: var(--thm-black);
}

.cta-one__btn-box .thm-btn:before {
	background: var(--thm-black);
}

/*--------------------------------------------------------------
# Welcome Two
--------------------------------------------------------------*/
.welcome-two {
	position: relative;
	display: block;
	padding: 120px 0 103px;
}

.welcome-two-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 689px;
	width: 509px;
	opacity: 0.15;
	z-index: -1;
	-webkit-animation-name: shapeMover;
	animation-name: shapeMover;
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-transform-origin: center center;
	transform-origin: center center;

}

.welcome-two__left {
	position: relative;
	display: block;
	margin-right: 60px;
}

.welcome-two__img {
	position: relative;
	display: block;
}

.welcome-two__img>img {
	width: 100%;
	border-radius: 50%;
}

.welcome-two__img-shape-1 {
	position: absolute;
	top: 120px;
	left: -41px;
	height: 95px;
	width: 95px;
	background-color: var(--thm-black);
	border-radius: 50%;
	-webkit-animation-name: shapeMover;
	animation-name: shapeMover;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.welcome-two__img-shape-2 {
	position: absolute;
	bottom: -60px;
	right: 57px;
	height: 180px;
	width: 180px;
	background-color: var(--thm-primary);
	border-radius: 50%;
	z-index: -1;
	animation-name: shapeMover;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.welcome-two__right {
	position: relative;
	display: block;
}

.welcome-two__right .section-title {
	margin-bottom: 38px;
}

.welcome-two__text {
	margin: 0;
}

.welcome-two__icon-box {
	margin-top: 49px;
}

.welcome-two__icon-box-img {
	position: relative;
	display: block;
	margin-right: 40px;
}

.welcome-two__icon-box-img>img {
	width: 100%;
}

.welcome-two__icon-list-box {
	position: relative;
	display: block;
	margin-left: -40px;
}

.welcome-two__icon-list {
	margin: 0;
}

.welcome-two__icon-list li {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 24px;
	margin-bottom: 29px;
}

.welcome-two__icon-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.welcome-two__icon-list li .icon {}

.welcome-two__icon-list li .icon span {
	font-size: 65px;
	color: var(--thm-primary);
	line-height: 65px;
	transform: scale(1);
	display: block;
	transition: transform 500ms ease;
}

.welcome-two__icon-list li:hover .icon span {
	transform: scale(.8);
}

.welcome-two__icon-list li .text-box {
	margin-left: 30px;
}

.welcome-two__icon-list li .text-box p {
	margin: 0;
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 120px 0 90px;
}

.services-two .section-title {
	margin-bottom: 47px;
	position: relative;
	display: block;
	z-index: 5;
}

.services-two__top-text-box {}

.services-two__top-text {}

.services-two__single {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .07);
	padding: 60px 60px 50px;
	margin-bottom: 30px;
	transition: all 500ms ease;
}

.services-two__single:hover {
	background-color: var(--thm-black);
}

.services-two__single-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 340px;
	opacity: 0;
	transition: all 500ms ease;
}

.services-two__single:hover .services-two__single-bg {
	opacity: 0.2;
}

.services-two__icon {}

.services-two__icon span {
	font-size: 65px;
	color: var(--thm-black);
	line-height: 65px;
	transition: all 500ms ease;
}

.services-two__single:hover .services-two__icon span {
	color: #ffffff;
}

.services-two__title {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 34px;
	margin-top: 25px;
	margin-bottom: 21px;
	transition: all 500ms ease;
}

.services-two__title a {
	color: var(--thm-black);
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;
	transition: all 500ms ease;
}

.services-two__title a:hover {
	background-size: 100% 2px;
}

.services-two__single:hover .services-two__title a {
	color: #ffffff;
}

.services-two__text-2 {
	margin: 0;
	transition: all 500ms ease;

}

.services-two__single:hover .services-two__text-2 {
	color: #9d9d9d;
}

.services-two__btn {
	margin-top: 37px;
}

.services-two__single:hover .services-two__btn {
	color: #ffffff;
}

.services-two__btn:before {
	transition: all 500ms ease;
}

.services-two__single:hover .services-two__btn:hover {
	color: var(--thm-primary);
}

.services-two__single:hover .services-two__btn:before {
	background-color: #333333;

}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two {
	position: relative;
	display: block;
	padding: 120px 0 0;
}

.project-two__container {
	position: relative;
	display: block;
	width: 100%;
}

.project-two .section-title {
	margin-bottom: 47px;
}

.project-two .row {
	--bs-gutter-x: 0px;
}

.project-two__single {
	position: relative;
	display: block;
}

.project-two__img {
	position: relative;
	display: block;
	overflow: hidden;
}

.project-two__img:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: rgba(var(--thm-black-rgb), .30);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 1;
}

.project-two__single:hover .project-two__img:before {
	background-color: rgba(var(--thm-black-rgb), .1);
}

.project-two__img>img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: opacity 500ms ease, -webkit-transform 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease;
	transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.project-two__single:hover .project-two__img>img {
	transform: scale(1.05);
}

.project-two__architect {
	position: absolute;
	bottom: 50px;
	left: 0;
	padding: 44px 90px 43px 50px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: scaleY(0);
	z-index: 1;
}

.project-two__single:hover .project-two__architect {
	transform: scaleY(1);
}

.project-two__architect:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(var(--thm-black-rgb), .90);
	z-index: -1;

}

.project-two__architect p {
	font-size: 14px;
	color: #9d9d9d;
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	display: inline-block;
	z-index: 1;
}

.project-two__architect p:before {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	height: 6px;
	content: "";
	background-color: #353536;
	z-index: -1;
}

.project-two__architect h3 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	line-height: 35px;
	text-transform: uppercase;
}

.project-two__architect h3 a {
	color: inherit;
	transition: all 500ms ease;
}

.project-two__architect h3 a:hover {
	color: var(--thm-primary);
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counters-one {
	position: relative;
	display: block;
	background-color: var(--thm-black);
}

.counters-one-martopminus {
	margin-top: -4px;
}


.counters-one-pattern {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.10;
}

.counters-one__box {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	padding: 120px 0 107px;
}

.counter-one__single {
	position: relative;
	display: inline-block;
	max-width: 284px;
	width: 100%;
	text-align: center;
}

.counter-one__single:before {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 13px;
	content: "";
	width: 1px;
	background-color: rgb(255, 255, 255, .2);
}

.counter-one__single:first-child:before {
	display: none;
}

.counter-one__icon {
	position: relative;
	display: block;
	padding-bottom: 19px;
}

.counter-one__icon span {
	font-size: 65px;
	color: #ffffff;
	line-height: 65px;
}

.counter-one__single h3 {
	color: var(--thm-primary);
	font-size: 40px;
	color: #ffffff;
	font-weight: 400;
	line-height: 50px;
}

.counter-one__text {
	font-size: 14px;
	font-weight: 500;
	color: #9d9d9d;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: .1em;
}

.counter-one__single .odometer-formatting-mark {
	display: none;
}

/*--------------------------------------------------------------
# Pricing One
--------------------------------------------------------------*/
.pricing-one {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

.pricing-one .section-title {
	margin-bottom: 47px;
}

.pricing-one__content {
	position: relative;
	display: block;
	margin-left: 70px;
	padding-top: 10px;
}

.pricing-one__text {
	margin: 0;
}

.pricing-one__left {}

.pricing-one__points {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.pricing-one__points li {
	font-size: 16px;
	font-weight: 500;
	color: var(--thm-black);
	background-color: #f4f4f4;
	padding: 13px 40px;
}

.pricing-one__points li+li {
	margin-left: 20px;
}

.pricing-one__points li span {
	color: var(--thm-primary);
	margin-right: 6px;
}

.pricing-one__checks-list {
	position: relative;
	display: block;
	margin-bottom: 0;
	padding-top: 60px;
}

.pricing-one__checks-list li {
	position: relative;
	display: block;
	padding-left: 87px;
}

.pricing-one__checks-list li+li {
	margin-top: 45px;
}

.pricing-one__checks-icon {
	position: absolute;
	top: 5px;
	left: 0;
	height: 57px;
	width: 57px;
	background-color: var(--thm-black);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(0deg);
	transition: transform 500ms ease, background 500ms ease, color 500ms ease;
}

.pricing-one__checks-list li:hover .pricing-one__checks-icon {
	background-color: var(--thm-primary);
	color: #fff;
	transform: rotate(360deg);
}

.pricing-one__checks-icon i {
	color: #ffffff;
}

.pricing-one__checks-text-box {}

.pricing-one__checks-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 22px;
	text-transform: uppercase;
}

.pricing-one__checks-text {
	font-size: 16px;
	margin: 0;
	max-width: 414px;
}

.pricing-one__right {}

.pricing-one__table {
	position: relative;
	display: block;
	overflow: hidden;
	max-width: 370px;
	background-color: #111111;
	width: 100%;
	text-align: center;
	padding: 55px 60px 65px;
}

.pricing-one__rate-box {}

.pricing-one__rate-box h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 400;
}

.pricing-one__rate-box span {
	font-size: 12px;
}

.pricing-one__rate-box .pricing-one__dolar {
	font-size: 30px;
	position: relative;
	top: -15px;
}

.pricing-one__details-box {
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding: 32px 0 28px;
	margin: 28px 0 40px;
}

.pricing-one__details-title {
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 32px;
}

.pricing-one__details-box ul {
	margin-bottom: 0;
}

.pricing-one__details-box ul li {
	font-size: 16px;
	color: #9d9d9d;
	font-weight: 500;
}

.pricing-one__details-box ul li+li {
	margin-top: 6px;
}

.pricing-one__btn-box {}

.pricing-one__btn {
	background-color: #ffffff;
	color: var(--thm-black);
}




.tab-btn-box1 .tab-btns {
	position: relative;
	display: inline-block;
	padding: 0;
	margin-top: 30px;
}

.tab-btn-box1 .tab-btns:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 60px;
	width: 150px;
	content: "";
	border-radius: 30px;
	background: #fff;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.tab-btn-box1 .tab-btns li {
	position: relative;
	display: inline-block;
	min-width: 160px;
	text-align: right;
	font-size: 18px;
	padding: 10px 90px 10px 0px;
	line-height: 40px;
	font-weight: 700;
	color: #000000;
	cursor: pointer;
	transition: all 500ms ease;
}

.tab-btn-box1 .tab-btns li.active-btn {
	color: #9d9482;
}

.tab-btn-box1 .tab-btns li:last-child {
	padding-right: 0;
	padding-left: 90px;
	text-align: left;
}

.tab-btn-box1 .tab-btns li.active-btn:before {
	right: 15px;
}

.tab-btn-box1 .tab-btns li:before {
	position: absolute;
	top: 5px;
	height: 50px;
	width: 50px;
	background: #000000;
	border-radius: 30px;
	content: "";
	right: -67px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.tab-btn-box1 .tab-btns li:last-child:before {
	display: none;
}




.pricing-one__table-box {
	position: relative;
	display: block;
}

.pricing-one__table-box-single {
	position: relative;
	max-width: 370px;
	width: 100%;
}



.pricing-one__table-box .pr-content .pr-tab {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
	z-index: 1;
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transform: scale(0.81, 0.81) translateX(310px);
}

.pricing-one__table-box .pr-content .pr-tab.active-tab {
	position: relative;
	z-index: 5;
	-webkit-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0);
	width: 370px;
}


.pricing-one__table-box .pr-content .pr-tab.active-tab .pricing-one__table {
	background-color: #000000;
}
















/*--------------------------------------------------------------
# Trust Experts
--------------------------------------------------------------*/
.trust-experts {
	position: relative;
	display: block;
	padding: 106px 0 120px;
}

.trust-experts-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.trust-experts-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(var(--thm-black-rgb), 0.85);
}

.trust-experts-bg.jarallax div div {
	filter: grayscale(100%);
}

.trust-experts__inner {
	position: relative;
	display: block;
	text-align: center;
}

.trust-experts__text {
	font-size: 60px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 72px;
	font-weight: 700;
	margin-bottom: 40px;
}

.trust-experts__btn {
	background-color: #ffffff;
	color: var(--thm-black);
}

/*--------------------------------------------------------------
# They Trusted
--------------------------------------------------------------*/
.they-trusted {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 120px 0 120px;
}

.they-trusted__left {
	position: relative;
	display: block;
	margin-right: 85px;
}

.they-trusted__left .section-title {
	margin-bottom: 38px;
	position: relative;
	display: block;
	z-index: 5;
}

.they-trusted__text {
	margin: 0;
}

.they-trusted__list {
	position: relative;
	display: block;
	margin-top: 36px;
	margin-bottom: 51px;
}

.they-trusted__list li {
	display: flex;
	align-items: center;
}

.they-trusted__list li+li {
	margin-top: 7px;
}

.they-trusted__list li .icon {}

.they-trusted__list li .icon span {
	font-size: 20px;
	color: var(--thm-primary);
}

.they-trusted__list li .text {
	margin-left: 13px;
}

.they-trusted__list li .text p {
	margin: 0;
}

.they-trusted__projects-complete {
	display: flex;
	align-items: center;
}

.they-trusted__projects-complete-img {
	position: relative;
	display: block;
	padding-left: 20px;
}

.they-trusted__projects-complete-img:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	width: 10px;
	content: "";
	background-color: var(--thm-primary);
}

.they-trusted__projects-complete-img>img {
	width: 155px;
}

.they-trusted__projects-complete-count-box {
	margin-left: 40px;
}

.they-trusted__projects-complete-count-box h3 {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
}

.they-trusted__projects-complete-text {
	font-size: 20px;
	margin: 0;
	line-height: 30px;
}


.they-trusted__brand {}

.they-trusted__brand-single {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	z-index: 1;
}

.they-trusted__brand-prattern {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 500ms ease;
}

.they-trusted__brand-single:hover .they-trusted__brand-prattern {
	opacity: .80;
}

.they-trusted__brand-single:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	content: "";
	transition: all 500ms ease;
	z-index: -1;
}

.they-trusted__brand-single:hover:before {
	background-color: var(--thm-black);
}

.they-trusted__brand-single:after {
	position: absolute;
	bottom: -5px;
	right: 0;
	left: 0;
	width: 0;
	height: 1px;
	content: "";
	background-color: var(--thm-black);
	transition: all 500ms ease;
}

.they-trusted__brand-single:hover:after {
	width: 100%;
}

.they-trusted__brand-main-img {
	opacity: 1;
	transition: all 500ms ease;
}

.they-trusted__brand-single:hover .they-trusted__brand-main-img {
	opacity: 0;
}

.they-trusted__brand-main-img>a {}

.they-trusted__brand-main-img>a>img {
	width: 100%;
	opacity: .5;
}



.they-trusted__brand-overly {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	transition: all 500ms ease;
}

.they-trusted__brand-single:hover .they-trusted__brand-overly {
	opacity: 1;
}

.they-trusted__brand-overly>a {}

.they-trusted__brand-overly>a>img {
	width: 100%;
}

.they-trusted__brand-single-mb-0 {
	margin-bottom: 0;
}


/*--------------------------------------------------------------
# Three Boxes Two
--------------------------------------------------------------*/
.three-boxes-two {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 0 0 155px;
}

.three-boxes-two__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.three-boxes-two__single:before {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 1px;
	width: 0;
	content: "";
	background-color: var(--thm-black);
	transition: all 500ms ease;
}

.three-boxes-two__single:hover:before {
	width: 100%;
}

.three-boxes-two__single-pattern {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 500ms ease;
}

.three-boxes-two__single:hover .three-boxes-two__single-pattern {
	opacity: 0.80;
}

.three-boxes-two__img {
	position: relative;
	display: block;
}

.three-boxes-two__img>img {
	width: 100%;
}

.three-boxes-two__content {
	position: relative;
	display: block;
	text-align: left;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
	padding: 54px 60px 47px;
	transition: all 500ms ease;
}

.three-boxes-two__single:hover .three-boxes-two__content {
	background-color: var(--thm-black);
}

.three-boxes-two__title {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 25px;
	transition: all 500ms ease;
}

.three-boxes-two__title a {
	color: inherit;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 89% / 0px 2px no-repeat;
	transition: all 500ms ease;
}

.three-boxes-two__title a:hover {
	background-size: 100% 2px;
}

.three-boxes-two__single:hover .three-boxes-two__title {
	color: #ffffff;
}

.three-boxes-two__text {
	margin: 0;
	transition: all 500ms ease;
}

.three-boxes-two__single:hover .three-boxes-two__text {
	color: #9d9d9d;
}

.three-boxes-two__btn {
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: var(--thm-black);
	font-weight: 500;
	text-transform: uppercase;
	z-index: 2;
	transition: all 500ms ease;
	margin-top: 15px;
}

.three-boxes-two__btn:before {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	content: "";
	background-color: #e5e5e5;
	height: 6px;
	transition: all 500ms ease;
	z-index: -1;
}

.three-boxes-two__btn:hover {
	color: var(--thm-primary);
}

.three-boxes-two__single:hover .three-boxes-two__btn {
	color: #ffffff;
}

.three-boxes-two__single .three-boxes-two__btn:hover {
	color: var(--thm-primary);
}


.three-boxes-two__single:hover .three-boxes-two__btn:before {
	background-color: var(--thm-primary);
	opacity: 0.4;
}

/*--------------------------------------------------------------
# Welcome Three
--------------------------------------------------------------*/
.welcome-three {
	position: relative;
	display: block;
}

.welcome-three-bg {
	position: absolute;
	bottom: -250px;
	right: 0;
	height: 555px;
	width: 544px;
	opacity: .15;
}

.welcome-three__left {
	position: relative;
	display: block;
}

.welcome-three__left:before {
	position: absolute;
	top: 120px;
	left: -90px;
	bottom: 400px;
	width: 2px;
	background-color: var(--thm-primary);
	content: "";
}

.welcome-three__img {
	position: relative;
	display: block;
	margin-top: -59px;
}

.welcome-three__img>img {
	width: 100%;
}

.welcome-three__small-img {
	position: absolute;
	bottom: 0;
	left: -90px;
}

.welcome-three__small-img>img {
	max-width: 320px;
	width: 100%;
}

.welcome-three__right {
	position: relative;
	display: block;
	margin-left: 67px;
	padding-top: 100px;
}

.welcome-three__right .section-title {
	margin-bottom: 38px;
}

.welcome-three__text {
	margin: 0;
}

.welcome-three__progress {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 43px;
}

.welcome-three__progress-single {
	position: relative;
	display: block;
	margin-bottom: 24px;
}

.welcome-three__progress-title {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 7px;
}

.welcome-three__progress .bar {
	position: relative;
	width: 100%;
	height: 2px;
	background: #f4f4f4;
	border-radius: 0px;
	margin-bottom: 6px;
}

.welcome-three__progress .bar-inner {
	position: relative;
	display: block;
	width: 0px;
	height: 2px;
	border-radius: 0;
	background: var(--thm-black);
	-webkit-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.welcome-three__progress .count-text {
	position: absolute;
	right: 0;
	bottom: 0;
	color: var(--thm-gray);
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.welcome-three__progress .bar-inner.counted .count-text {
	opacity: 1;
}

.welcome-three__progress .count-text:after {
	content: '';
	position: absolute;
	left: 29px;
	top: 27px;
	height: 14px;
	width: 1px;
	background-color: var(--thm-black);
	transform: rotate(20deg);
}

.welcome-three__architecure {
	margin-top: 60px;
}

/*--------------------------------------------------------------
# Question Answers
--------------------------------------------------------------*/
.question-answers {
	position: relative;
	display: block;
	background-color: #f4f4f4;
}

.question-answers:before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 95px;
	content: "";
	background-color: #ffffff;
}

.question-answers__left {
	position: relative;
	display: block;
	padding-top: 120px;
}

.question-answers__left .section-title {
	position: relative;
	display: block;
	margin-bottom: 38px;
	z-index: 2;
}

.question-answers__text {
	margin: 0;
}


.question-answers__faq {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
	border-bottom: 0;
	padding: 0 30px 0;
	margin-top: 49px;
}

.faq-one-accrodion .accrodion {
	position: relative;
	display: block;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.faq-one-accrodion .accrodion-title {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 22px 0px 22px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	border-bottom: 0px solid #e5e5e5;
}

.faq-one-accrodion .accrodion-title h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: var(--thm-black);
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.faq-one-accrodion .accrodion+.accrodion {
	border-top: 1px solid #e5e5e5;
}

/* .faq-one-accrodion .accrodion.active .accrodion-title {
	border-bottom: 1px solid #e5e5e5;
} */

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
	color: var(--thm-black);
}

.faq-one-accrodion .accrodion-title h4::before {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: var(--thm-black);
	;
	position: absolute;
	top: 50%;
	right: 0;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
	content: "\f068";
	color: var(--thm-black);
	height: 35px;
	width: 35px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.faq-one-accrodion .accrodion-content {
	position: relative;
	padding: 20px 0px 18px;
	border-bottom: 0px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.faq-one-accrodion .accrodion.active .accrodion-content {}

.faq-one-accrodion .accrodion.last-chiled.active .accrodion-content {
	border-bottom: 0px solid transparent;
}

.faq-one-accrodion .accrodion-content p {
	margin: 0;
	font-size: 16px;
}



.question-answers__btn-and-text {
	display: flex;
	align-items: center;
	margin-top: 145px;
}

.question-answers__btn-box {}

.question-answers__btn {
	padding: 4px 30px;
	font-size: 12px;
}

.question-answers__btn:before {
	background: var(--thm-black);
}

.question-answers__text-box {
	margin-left: 30px;
}

.question-answers__text-box-2 {
	margin: 0;
}

.question-answers__right {
	position: relative;
	display: block;
	margin-left: 70px;
}

.question-answers__right-img {
	position: relative;
	display: block;
	margin-right: -362px;
}

.question-answers__right-img>img {
	width: 100%;
}

/*--------------------------------------------------------------
# How We Works
--------------------------------------------------------------*/
.how-we-works {
	position: relative;
	display: block;
	padding: 120px 0 79px;
}

.how-we-works .section-title {
	margin-bottom: 47px;
}

.how-we-works__single-list {
	position: relative;
	display: flex;
	align-items: center;
	counter-reset: count;
}

.how-we-works__single {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	max-width: 390px;
	width: 100%;
	padding: 0 15px;
}

.how-we-works__icon-box {
	position: relative;
	display: block;
}

.how-we-works__icon {
	position: relative;
	height: 185px;
	width: 185px;
	background-color: #f4f4f4;
	border-radius: 50%;
	font-size: 65px;
	color: var(--thm-black);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	transition: all 500ms ease;
}

.how-we-works__single:hover .how-we-works__icon {
	background-color: var(--thm-primary);
	color: #ffffff;
}

.how-we-works__icon span {}

.how-we-works__count {
	height: 67px;
	width: 67px;
	background-color: var(--thm-black);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: -10px;
	margin: 0 auto;
}

.how-we-works__count:before {
	position: absolute;
	height: 67px;
	width: 67px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 67px;
	border-radius: 50%;
	font-weight: 500;
	counter-increment: count;
	content: "0"counter(count);
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.how-we-works__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	color: var(--thm-black);
	text-transform: uppercase;
	margin-top: 47px;
	margin-bottom: 28px;
}

.how-we-works__text {
	margin: 0;
}

/*--------------------------------------------------------------
# Testimonials Two
--------------------------------------------------------------*/
.testimonials-two {
	position: relative;
	display: block;
	padding: 120px 0 410px;
}

.testimonials-two-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.testimonials-two-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(var(--thm-black-rgb), 0.9);
}

.testimonials-two-bg.jarallax div div {
	filter: grayscale(100%);
}

.testimonials-two__carousel {}

.testimonials-two__inner-single {
	position: relative;
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	padding-bottom: 111px;
}

.testimonials-two__client-info-box {
	position: relative;

}

.testimonials-two__client-info {
	width: 80px;
}

.testimonials-two__client-img {
	position: relative;
}

.testimonials-two__client-info,
.testimonials-two__client-name-box {
	display: table-cell;
	vertical-align: middle;
}

.testimonials-two__client-img>img {
	width: 80px;
	border-radius: 50%;
}

.testimonials-two__quote-icon {
	position: absolute;
	top: 50%;
	right: -15px;
	height: 30px;
	width: 30px;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}

.testimonials-two__quote-icon>img {
	width: 10px !important;
}

.testimonials-two__client-name-box {
	padding-left: 35px;
}

.testimonials-two__client-name {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	color: #ffffff;
}

.testimonials-two__client-title {
	font-size: 12px;
	color: #9d9d9d;
	font-weight: 500;
	margin: 0;
	line-height: 22px;
	text-transform: uppercase;
}

.testimonials-two__text-box {
	max-width: 850px;
	position: relative;
	width: 100%;
	margin-left: 60px;
	margin-top: -12px;
}

.testimonials-two__text {
	font-size: 24px;
	margin: 0;
	line-height: 44px;
	color: #ffffff;
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: -290px;
	padding-bottom: 79px;
}

.team-one .section-title {
	margin-bottom: 47px;
	position: relative;
	display: block;
	z-index: 5;
}

.team-one .section-title__tagline {
	color: #9d9d9d;
}

.team-one .section-title__tagline:before {
	background-color: #474747;
}

.team-one .section-title__title {
	color: #ffffff;
}

.team-one__single {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.team-one__img-box {
	position: relative;
	display: block;
}

.team-one__img {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #ffffff;
	padding: 20px;
}

.team-one__img:before {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	content: "";
	background-color: rgba(var(--thm-black-rgb), 0.7);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: scaleY(0);
	z-index: 1;
}

.team-one__single:hover .team-one__img:before {
	transform: scaleY(1);
}

.team-one__img:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0%;
	opacity: 0;
	background-color: transparent;
	border: 1px solid var(--thm-black);
	content: "";
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.team-one__single:hover .team-one__img:after {
	height: 100%;
	opacity: 1;
}

.team-one__img>img {
	width: 100%;
	transition: transform 500ms ease;
	transform: scale(1);
}

.team-one__single:hover .team-one__img>img {}

.team-one__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: scaleX(0);
	z-index: 2;
}

.team-one__single:hover .team-one__social {
	transform: scaleX(1);
}

.team-one__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__social a+a {
	margin-left: 30px;
}

.team-one__social a:hover {
	color: var(--thm-primary);
}

.team-one__content {
	position: relative;
	display: block;
	margin-top: 25px;
}

.team-one__name {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 28px;
}

.team-one__title {
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
	line-height: 30px;
}

/*--------------------------------------------------------------
# Insuring
--------------------------------------------------------------*/
.insuring {
	position: relative;
	display: block;
	padding: 0 0 120px;
}

.insuring__left {
	position: relative;
	display: block;
	margin-right: -100px;
}

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

.insuring__img>img {
	width: 100%;
}

.insuring__right {
	position: relative;
	display: block;
	margin-top: 60px;
	margin-left: -100px;
}

.insuring__your-future-box {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
	padding: 100px 105px 76px;
}

.insuring__right .section-title {
	position: relative;
	display: block;
	margin-bottom: 38px;
	z-index: 5;
}

.insuring__text {
	margin: 0;
}

.insuring__counter-list-box {
	position: relative;
	display: block;
	margin-top: 38px;
}

.insuring__counter-list {}

.insuring__counter-list li {
	position: relative;
	display: inline-block;
}

.insuring__counter-list li:before {
	position: absolute;
	top: 11px;
	bottom: 24px;
	left: -74px;
	width: 1px;
	content: "";
	background-color: #e5e5e5;
}

.insuring__counter-list li:first-child:before {
	display: none;
}

.insuring__counter-list li+li {
	margin-left: 145px;
}

.insuring__counter-list li h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px !important;
}

.insuring__counter-list-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 118px 0 119px;
}

.brand-three .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.brand-three .swiper-slide img {
	-webkit-transition: 500ms;
	transition: 500ms;
	opacity: 0.3;
	max-width: 100%;
}

.brand-three .swiper-slide img:hover {
	opacity: 0.7;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
	position: relative;
	display: block;
	padding: 127px 0 127px;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-header:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: rgba(var(--thm-black-rgb), .7);
	z-index: 1;
}

.page-header-border {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 14.29%;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
	z-index: 1;
}

.page-header-border-two {
	left: 14.29%;
}

.page-header-border-three {
	left: 28.59%;
}

.page-header-border-four {
	left: 42.88%;
}

.page-header-border-five {
	left: 57.17%;
}

.page-header-border-six {
	left: 71.46%;
}

.page-header__inner {
	position: relative;
	display: block;
	text-align: center;
	z-index: 3;
}

.page-header__inner h2 {
	font-size: 60px;
	color: #ffffff;
	line-height: 70px;
	font-weight: 400;
	text-transform: uppercase;
}

.thm-breadcrumb {
	padding-top: 3px;
}

.thm-breadcrumb li {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.thm-breadcrumb li+li {
	margin-left: 8px;
}

.thm-breadcrumb li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}


.thm-breadcrumb li a:hover {
	color: var(--thm-primary);
}

.thm-breadcrumb li span {}

/*--------------------------------------------------------------
# News Details
--------------------------------------------------------------*/
.news-details {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

.news-details__left {
	position: relative;
	display: block;
}

.news-details__img {
	position: relative;
	display: block;
}

.news-details__img>img {
	width: 100%;
}

.news-details__date-box {
	position: absolute;
	bottom: -10px;
	right: 30px;
	background: var(--thm-black);
	padding: 3px 30px;
	z-index: 1;
}

.news-details__date-box p {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0.1em;
}

.news-details__content {
	position: relative;
	display: block;
	margin-top: 29px;
}

.news-details__meta {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin: 0;
}

.news-details__meta li {}

.news-details__meta li+li {
	margin-left: 15px;
}

.news-details__meta li a {
	font-size: 16px;
	color: var(--thm-gray);
	transition: all 500ms ease;
}

.news-details__meta li a i {
	color: var(--thm-primary);
	font-size: 14px;
}

.news-details__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.news-details__text-one {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding-bottom: 33px
}

.news-details__text-two {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding-bottom: 33px
}

.news-details__text-three {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.news-details__bottom {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #e5e5e5;
	padding: 30px 0 30px;
	margin-top: 55px;
}

.news-details__bottom p {
	margin: 0;
}

.news-details__tags {}

.news-details__tags span {
	color: var(--thm-black);
	font-weight: 700;
	text-transform: uppercase;
}

.news-details__tags a {
	color: var(--thm-gray);
	font-size: 16px;
	font-weight: 500;
}

.news-details__social-list {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.news-details__social-list a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: var(--thm-black);
	font-size: 18px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-details__social-list a+a {
	margin-left: 30px;
}

.news-details__social-list a:hover {
	color: var(--thm-primary);
}

/* author */

.author-one {
	background-color: #f4f4f4;
	padding: 60px 60px 60px;
	display: -webkit-box;
	display: flex;
	margin-bottom: 54px;
}

.author-one__image {}

.author-one__image img {}

.author-one__content {
	margin-left: 40px;
	margin-top: -8px;
}

.author-one__content h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 14px;
}

.author-one__content p {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	margin-top: 13px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-one__title,
.comment-form__title {
	margin: 0;
	color: var(--thm-black);
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 51px;
	text-transform: uppercase;
}

.comment-one__single {
	display: -webkit-box;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.comment-one__content {
	position: relative;
	margin-left: 45px;
}

.comment-one__content h3 {
	margin: 0;
	font-size: 20px;
	color: var(--thm-black);
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.comment-one__content p {
	font-weight: 500;
	font-size: 16px;
	margin: 0;
}

.comment-one__btn {
	font-size: 12px;
	color: #ffffff;
	line-height: 40px;
	padding: 2px 20px;
	font-weight: 700;
	position: absolute;
	top: 0;
	right: 0;
}

.comment-one__btn:before {
	background-color: var(--thm-black);
}

.comment-one__btn:hover {
	background: var(--thm-primary);
}

.comment-one__image img {
	border-radius: 50%;
}

.comment-form .comment-form__title {
	margin-top: -6px;
}

.comment-one__form .row {
	--bs-gutter-x: 20px;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
	height: 67px;
	width: 100%;
	border: none;
	background: #f4f4f4;
	padding: 0 30px;
	margin-bottom: 20px;
	border-radius: 0px;
	outline: none;
	font-size: 14px;
	color: var(--thm-gray);
	font-weight: 500;
}

.comment-form__input-box textarea {
	font-size: 14px;
	color: var(--thm-gray);
	height: 190px;
	width: 100%;
	background: #f4f4f4;
	padding: 20px 40px 30px;
	border: none;
	border-radius: 0px;
	outline: none;
	margin-bottom: 10px;
	font-weight: 500;
}

.comment-form__btn:before {
	background-color: var(--thm-black);
}

.comment-form__btn:hover {
	background: var(--thm-primary);
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

@media (max-width: 991px) {
	.sidebar {
		margin-top: 50px;
	}
}

.sidebar__single+.sidebar__single {
	margin-top: 30px;
}

.sidebar__title {
	margin: 0;
	font-size: 20px;
	margin-bottom: 23px;
	font-weight: 700;
	text-transform: uppercase;
}

.sidebar__title.clr-white {
	color: #ffffff;
	padding-bottom: 3px;
}

.sidebar__search {
	background-color: var(--thm-black);
	padding: 45px 50px 50px;
}

.sidebar__search-form {
	position: relative;
}

.sidebar__search-form input[type="search"] {
	display: block;
	border: none;
	outline: none;
	background-color: #ffffff;
	color: var(--thm-gray);
	font-size: 16px;
	font-weight: 400;
	padding-left: 30px;
	height: 78px;
	border-radius: 0px;
	width: 100%;
	padding-right: 70px;
}

.sidebar__search-form ::-webkit-input-placeholder {
	color: var(--thm-gray);
	opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
	color: var(--thm-gray);
	opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
	color: var(--thm-gray);
	opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
	color: var(--thm-gray);
	opacity: 1;
}

.sidebar__search-form ::placeholder {
	color: var(--thm-gray);
	opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
	color: var(--thm-gray);
}

.sidebar__search-form ::-ms-input-placeholder {
	color: var(--thm-gray);
}

.sidebar__search-form button[type="submit"] {
	background-color: transparent;
	color: var(--thm-primary);
	font-size: 20px;
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	width: 70px;
	outline: none;
	border: none;
}

.sidebar__post {
	position: relative;
	display: block;
	padding: 45px 30px 20px;
	background-color: #f4f4f4;
}

.sidebar__post .sidebar__title {
	padding-left: 20px;
	margin-bottom: 5px;
}

.sidebar__post-list {
	margin: 0;
}

.sidebar__post-list li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom: 15px;
	background-color: transparent;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.sidebar__post-list li:hover {
	background-color: #ffffff;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

.sidebar__post-list li+li {
	margin-top: 11px;
}

.sidebar__post-image {
	margin-right: 20px;
}

.sidebar__post-image>img {
	width: 70px;
	border-radius: 0px;
}

.sidebar__post-content h3 {
	color: var(--thm-black);
	font-size: 18px;
	margin: 0;
	line-height: 28px;
	font-weight: 400;
}

.sidebar__post-content .sidebar__post-content_meta {
	color: var(--thm-gray);
	font-size: 14px;
	display: block;
	font-weight: 400;
}

.sidebar__post-content .sidebar__post-content_meta i {
	margin-right: 5px;
	color: var(--thm-primary);
}

.sidebar__post-content h3 {
	text-transform: unset;
}

.sidebar__post-content h3 a {
	color: var(--thm-black);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	text-transform: uppercase;
	font-weight: 500;
}

.sidebar__post-content h3 a:hover {
	color: var(--thm-primary);
}

.sidebar__category {
	position: relative;
	display: block;
	background: #f4f4f4;
	padding: 46px 30px 34px;
}

.sidebar__category .sidebar__title {
	padding-left: 20px;
	margin-bottom: 11px;
}

.sidebar__category-list {
	margin: 0;
}

.sidebar__category-list li+li {
	margin-top: 3px;
}

.sidebar__category-list li a {
	color: var(--thm-gray);
	font-size: 16px;
	position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	display: block;
	background: none;
	padding: 5px 20px;
	border-radius: 0px;
}

.sidebar__category-list li a:hover {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);
	color: var(--thm-black);
}

.sidebar__category-list li a span {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	color: var(--thm-black);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	opacity: 0;
}

.sidebar__category-list li a:hover span {
	opacity: 1;
}

/*--------------------------------------------------------------
# Services Details
--------------------------------------------------------------*/
.services-details {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

.services-details__sidebar {
	position: relative;
	display: block;
}

.services-details__services-list-box {
	position: relative;
	display: block;
}

.services-details__services-list {
	position: relative;
	display: block;
}

.services-details__services-list li {
	position: relative;
	display: block;
}

.services-details__services-list li+li {
	margin-top: 10px;
}

.services-details__services-list li a {
	position: relative;
	font-size: 16px;
	color: var(--thm-black);
	font-weight: 700;
	display: block;
	background-color: #f4f4f4;
	text-transform: uppercase;
	padding: 20.5px 40px;
	transition: all 500ms ease;
}

.services-details__services-list li:hover a {
	background-color: var(--thm-black);
	color: #ffffff;
}

.services-details__services-list li span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 40px;
	display: flex;
	align-items: center;
	transition: all 500ms ease;
	font-size: 20px;
}

.services-details__services-list li:hover span {
	color: var(--thm-primary);
}

.services-details__help-box {
	position: relative;
	display: block;
	text-align: center;
	padding: 53px 60px 65px;
	margin-top: 30px;
}

.services-details__help-box:before {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	content: "";
	height: 1px;
	background-color: var(--thm-black);
}

.services-details__help-box-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	filter: grayscale(100%);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.services-details__help-box-bg-overly {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(var(--thm-black-rgb), .85);
	z-index: -1;
}

.services-details__help-box-title {
	font-size: 22px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 33px;
}

.services-details__help-box-text {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	color: #9d9d9d;
	line-height: 30px;
	margin-bottom: 22px;
}

.services-details__phone {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	display: block;
	transition: all 500ms ease;
}

.services-details__phone:hover {
	color: var(--thm-primary);
}

.services-details__help-box-btn {
	background-color: #ffffff;
	color: var(--thm-black);
	padding: 5px 30px;
	font-size: 12px;
	margin-top: 21px;
}

.services-details__right {
	position: relative;
	display: block;
}

.services-details__img {
	position: relative;
	display: block;
}

.services-details__img>img {
	width: 100%;
}

.services-details__content {
	position: relative;
	display: block;
	margin-top: 30px;
	margin-bottom: 49px;
}

.services-details__title {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.services-details__text-1 {
	margin: 0;
	padding-bottom: 36px;
}

.services-details__text-2 {
	margin: 0;
}

.services-details__designing-box {
	display: flex;
}

.services-details__designing-list-box {
	position: relative;
	margin-top: -8px;
}

.services-details__designing-list-box-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.services-details__designing-list {}

.services-details__designing-list li {
	position: relative;
	display: flex;
	align-items: center;
}

.services-details__designing-list li+li {
	margin-top: 3px;
}

.services-details__designing-list li .icon {
	position: relative;
	transform: rotate(70deg);
	font-size: 10px;
	color: var(--thm-primary);
}

.services-details__designing-list li .icon i {
	color: var(--thm-primary);
}

.services-details__designing-list li .text {
	margin-left: 20px;
}

.services-details__designing-list li .text p {
	margin: 0;
	font-size: 16px;
	color: var(--thm-black);
	font-weight: 500;
}

.services-details__designing-img {
	margin-left: 60px;
}

.services-details__designing-img>img {
	width: 100%;
}

.services-details__faq {
	position: relative;
	display: block;
	padding: 0 30px;
	margin-top: 60px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, .07);
}

/*insuring-page*/
.insuring-page {
	padding-top: 120px;
}

/*three-boxes-two-page*/
.three-boxes-two-page {
	padding-top: 120px;
	padding-bottom: 90px;
}

/*--------------------------------------------------------------
# About Company
--------------------------------------------------------------*/
.about-company {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

.about-company__img {
	position: relative;
	display: block;
}

.about-company__img>img {
	width: 100%;
}

.about-company__trusted-by {
	position: absolute;
	top: 60px;
	left: -70px;
	height: 170px;
	width: 170px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
	text-align: center;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.about-company__trusted-by:before {
	position: absolute;
	bottom: -5px;
	right: 47px;
	height: 10px;
	width: 21px;
	content: "";
	background-image: url(../images/resources/about-company__trusted-by-shape.png);
	background-repeat: no-repeat;
	transform: rotate(-17deg);
}

.about-company__trusted-by p {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
	line-height: 25px;
}

.about-company__trusted-by span {
	font-size: 40px;
	color: var(--thm-black);
	font-weight: 400;
}

.about-company__right {
	position: relative;
	display: block;
	margin-left: 70px;
}

.about-company__right .section-title {}

.about-company__points {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.about-company__points li {
	font-size: 16px;
	font-weight: 500;
	color: var(--thm-black);
	background-color: #f4f4f4;
	padding: 13px 40px;
}

.about-company__points li+li {
	margin-left: 20px;
}

.about-company__points li span {
	color: var(--thm-primary);
	margin-right: 6px;
}

.about-company__progress {
	position: relative;
	display: block;
	margin-top: 44px;
}

.about-company__progress-title {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 26px;
	margin-bottom: 7px;
}

.about-company__progress .bar {
	position: relative;
	width: 100%;
	height: 2px;
	background: #f4f4f4;
	border-radius: 0px;
	margin-bottom: 6px;
}

.about-company__progress .bar-inner {
	position: relative;
	display: block;
	width: 0px;
	height: 2px;
	border-radius: 0;
	background: var(--thm-black);
	-webkit-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.about-company__progress .count-text {
	position: absolute;
	right: 0;
	bottom: 0;
	color: var(--thm-gray);
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.about-company__progress .bar-inner.counted .count-text {
	opacity: 1;
}

.about-company__progress .count-text:after {
	content: '';
	position: absolute;
	left: 29px;
	top: 27px;
	height: 14px;
	width: 1px;
	background-color: var(--thm-black);
	transform: rotate(20deg);
}

.about-company__icon-and-text {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 34px;
	padding-bottom: 35px;
}

.about-company__icon {}

.about-company__icon span {
	font-size: 60px;
	color: var(--thm-primary);
	line-height: 60px;
}

.about-company__text-box {
	margin-left: 30px;
}

.about-company__text {
	margin: 0;
}

.about-company__text-2 {
	margin: 0;
}

.about-company__btn {
	font-size: 12px;
	padding: 5px 30px;
	margin-top: 39px;
}

.about-company__btn:before {
	background-color: var(--thm-black);
}

/*about-page-team*/
.about-page-team {
	position: relative;
	display: block;
	padding-top: 120px;
	margin-top: 0;
}

.about-page-team:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	height: 410px;
	background-color: #f4f4f4;
	z-index: -1;
}

.about-page-team .section-title {}

.about-page-team .section-title__tagline {
	color: var(--thm-gray);
}

.about-page-team .section-title__tagline:before {
	background-color: #e5e5e5;
}

.about-page-team .section-title__title {
	color: var(--thm-black);
}

/*two-boxes-about*/
.two-boxes-about {
	padding-top: 0;
	padding-bottom: 0;
}

/*--------------------------------------------------------------
# Productive
--------------------------------------------------------------*/
.productive {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

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

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

.productive__img>img {
	width: 100%;
}

.productive__right {
	position: relative;
	display: block;
	margin-left: 70px;
}

.productive__right .section-title {
	margin-bottom: 47px;
}

.productive__points {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding-bottom: 42px;
}

.productive__points li {
	font-size: 16px;
	font-weight: 500;
	color: var(--thm-black);
	background-color: #f4f4f4;
	padding: 13px 40px;
}

.productive__points li+li {
	margin-left: 20px;
}

.productive__points li span {
	color: var(--thm-primary);
	margin-right: 6px;
}

.productive__text {
	margin: 0;
}

/*--------------------------------------------------------------
# Benefits
--------------------------------------------------------------*/
.benefits {
	position: relative;
	display: block;
	padding: 0 0 120px;
}

.benefits__left {
	position: relative;
	display: block;
	margin-right: 90px;
}

.benefits__left .section-title {
	margin-bottom: 39px;
}

.benefits__checks-box {}

.benefits__checks-list {}

.benefits__checks-list li {
	position: relative;
	display: block;
	padding-left: 90px;
}

.benefits__checks-list li .icon {
	height: 60px;
	width: 60px;
	background-color: var(--thm-black);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	position: absolute;
	top: 8px;
	left: 0;
}

.benefits__checks-list li+li {
	margin-top: 38px;
}

.benefits__checks-list li span {}

.benefits__checks-list li .content {}

.benefits__checks-list li .content h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 23px;
}

.benefits__checks-list li .content p {
	margin: 0;
}

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

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

.benefits__img>img {
	width: 100%;
}

/*Our Mission Page Testimonial*/

.our-mission-page-testimonial {
	padding-bottom: 0;
}

.our-mission-page-testimonial .testimonials-two__inner-single {
	border-bottom: 0;
}

/*Team Page*/
.team-page {
	margin-top: 0;
	padding-top: 120px;
	padding-bottom: 90px;
}

.team-page .team-one__single {
	margin-bottom: 19px;
}

.team-page .team-one__img {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

/*Portfolio Page*/
.portfolio-page {
	padding-bottom: 90px;
}

.portfolio-page .row {
	--bs-gutter-x: 30px;
}

.portfolio-page .project-one__single {
	margin-bottom: 30px;
}

.portfolio-page .project-one__hover {
	margin: 30px;
}

.portfolio-page .project-one__hover {
	padding: 40px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
	position: relative;
	display: block;
	padding: 120px 0 0;
}

.portfolio-details__img {
	position: relative;
	display: block;
}

.portfolio-details__img img {
	width: 100%;
}

.portfolio-details__info {
	display: block;
	background-color: var(--thm-black);
	padding: 53px 0px;
	text-align: center;
	position: absolute;
	bottom: -40px;
	left: 40px;
	right: 40px;
}

.portfolio-details__info-list {}

.portfolio-details__info-list li {
	position: relative;
	display: inline-block;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
}

.portfolio-details__info-list li+li {
	margin-left: 90px;
}

.portfolio-details__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 9.5px 0;
}

.portfolio-details__social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.portfolio-details__social a+a {
	margin-left: 20px;
}

.portfolio-details__social a:hover {
	color: var(--thm-primary);
}

.portfolio-details__content {
	position: relative;
	display: block;
	margin-top: 85px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 109px;
}

.portfolio-details__title {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 50px;
	margin-bottom: 34px
}

.portfolio-details__text-1 {
	margin: 0;
}

.portfolio-details__list {
	position: relative;
	display: block;
	padding-top: 70px;
	padding-bottom: 70px;
}

.portfolio-details__list li {
	display: flex;
	align-items: center;
}

.portfolio-details__list li+li {
	margin-top: 9px;
}

.portfolio-details__list li .icon {}

.portfolio-details__list li .icon span {
	color: var(--thm-primary);
}

.portfolio-details__list li .text-box {
	margin-left: 20px;
}

.portfolio-details__list li .text-box p {
	color: var(--thm-black);
	font-weight: 500;
	margin: 0;
}

.portfolio-details__text-2 {
	margin: 0;
}

/*Portfolio Details Page Project*/
.portfolio-details-page-project {
	padding-bottom: 90px;
}

.portfolio-details-page-project .row {
	--bs-gutter-x: 30px;
}

.portfolio-details-page-project .project-one__single {
	margin-bottom: 30px;
}

.portfolio-details-page-project .project-one__hover {
	padding: 30px;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
	position: relative;
	display: block;
	padding: 120px 0 120px;
}

.contact-page__title {}

.contact-page__title .section-title {
	margin-bottom: 47px;
}

.contact-page__top-text-box {}

.contact-page__top-text {
	margin: 0;
}

.contact-page__left {}

.contact-page__form {}

.contact-page__form .row {
	--bs-gutter-x: 20px;
}

.contact-page__input-box input[type="text"],
.contact-page__input-box input[type="email"] {
	height: 67px;
	width: 100%;
	border: none;
	background: #f4f4f4;
	padding: 0 30px;
	margin-bottom: 20px;
	border-radius: 0px;
	outline: none;
	font-size: 14px;
	color: var(--thm-gray);
	font-weight: 500;
}

.contact-page__input-box textarea {
	font-size: 14px;
	color: var(--thm-gray);
	height: 190px;
	width: 100%;
	background: #f4f4f4;
	padding: 20px 40px 30px;
	border: none;
	border-radius: 0px;
	outline: none;
	margin-bottom: 10px;
	font-weight: 500;
}

.contact-page__btn:before {
	background-color: var(--thm-black);
}

.contact-page__btn:hover {
	background: var(--thm-primary);
}

.contact-page__details {
	position: relative;
	display: block;
	background-color: var(--thm-black);
	padding: 52px 60px 60px;
}

.contact-page__details-shape {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 345px;
	opacity: .20;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact-page__details-text {
	position: relative;
	font-size: 16px;
	color: #9d9d9d;
	margin: 0;
	font-weight: 500;
	line-height: 30px;
}

.contact-page__details-contact-info {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding-top: 29px;
	padding-bottom: 35px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.contact-page__details-contact-list {}

.contact-page__details-contact-list li {
	display: flex;
	align-items: center;
}

.contact-page__details-contact-list li .icon {}

.contact-page__details-contact-list li .icon i {
	font-size: 15px;
	color: var(--thm-primary);
}

.contact-page__details-contact-list li .text {
	margin-left: 10px;
}

.contact-page__details-contact-list li .text p {
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	font-weight: 500;
}

.contact-page__details-contact-list li .text p a {
	color: #ffffff;
}

.contact-page__details-social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	z-index: 2;
}

.contact-page__details-social a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 2;
}

.contact-page__details-social a+a {
	margin-left: 30px;
}

.contact-page__details-social a:hover {
	color: var(--thm-primary);
}

/*--------------------------------------------------------------
# Contact Page Google Map
--------------------------------------------------------------*/
.contact-page-google-map {
	position: relative;
	display: block;
}

.contact-page-google-map__one {
	position: relative;
	display: block;
	border: none;
	height: 550px;
	width: 100%;
}


/*关于我们内页*/
.main-slider__content h2.banner_bt {margin: 0; font-size: 64px;}
.espcms_path{border-bottom: 1px solid #E0E0E0;padding:10px 10px;margin: 0px;}
.breadcrumb {padding: 8px 15px;margin-bottom: 20px;list-style: none;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > li {display: inline-block;}

.espcms_content{line-height: 200%;}
.espcms_content p{font-size: 16px;text-align: justify;margin: 0 0 10px;text-indent: 2em; color: #808080;}
.espcms_content p img{display: block;text-indent: 0;}

.espcms_page_book{padding-top:25px;}

.ny_gsm{text-align: center; color: #363636; margin: 40px 0 20px 0;}
.ny_gsm h2{font-size: 42px; font-weight: bold; color: #138f21; margin-bottom: 10px;}
.ny_gsm span{font-size: 16px; font-family: Arial; color: #c7c7c7; display: block; text-transform: uppercase;}
.ny_gsm i{width: 30px; height: 1px; background: #999999; margin: 20px auto 30px auto; display: block;}

.nyabout{width: 100%; height: 500px; background: url("../images/nyabout.jpg") no-repeat center; display: flex; justify-content: center; align-items: center; position: relative; margin: 30px 15px 0; overflow: hidden;}

@media (max-width: 991px) {
	.main-slider__content em { font-size: 8vw;}
	.main-slider__content h2.banner_bt { font-size: 6vw; line-height: 10vw;}
	.ny_gsm h2 { font-size: 26px;}
	.nyabout { height: 300px; margin: 30px 15px; background-size: cover;}
	.before-after-sec .pro_bt { margin: 40px auto;}
	.pro_espcms_page_book { padding-top: 0; padding-bottom: 0;}
	.espcms_page_botton { padding: 0 0 50px;}
}


/*产品展示内页*/
.se_nypro_con{overflow: hidden; margin: 30px auto;}
.se_nypro_con ul{display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.se_nypro_con li{width: 32%; margin: 0 2% 20px 0; position: relative; overflow: hidden; background: #fff; border: 1px #dcdcdc solid; box-sizing: border-box;}
.se_nypro_con li:nth-child(3n){margin-right: 0;}
.se_nypro_con li a{overflow: hidden; display: block;}
.se_nypro_con li a img{width: 100%; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease;}
.se_nypro_con li:hover img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.se_nypro_con li div{width: 80%; margin: 24px auto; display: flex; justify-content: space-between; align-items: center;}
.se_nypro_con li div p{font-size: 20px; color: #575757; cursor: pointer;}
.se_nypro_con li div span{font-size: 20px; color: #828282; display: block; cursor:pointer; text-transform: uppercase;}
.se_nypro_con li div p:hover{color: transparent; -webkit-background-clip: text; font-weight: bold; background-image: linear-gradient(to top right, #13438f 0%, #138f21 100%); transition-duration: .3s;}
.se_nypro_con li div span:hover{font-weight: bold;}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.se_nypro_con li { width: 48%; margin: 0 2% 20px 0;}
	.se_nypro_con li:nth-child(2n){margin-right: 0;}
	.se_nypro_con li:nth-child(3n){margin-right: 2%;}
	.se_nypro_con li:nth-child(6n){margin-right: 0;}
	.se_nypro_con li div { width: 92%; margin: 8px auto;}
	.se_nypro_con li div p { font-size: 12px;}
	.se_nypro_con li div span { font-size: 12px;}
}

@media (max-width: 767px) {
	
}


/*产品展示图片内页*/
.espcms_pro_title{float: right; width: 48%; overflow: hidden;}
.espcms_pro_title h1{font-size: 40px; font-weight: bold; line-height: 80px; color: #138f21; margin: 30px 0 10px 0;}
.espcms_pro_title .espcms_priceclass{color: #ff9000; font-weight: bold; font-size:14px;}
.espcms_pro_title dd{padding: 14px 0px 8px 0;color: #7a7a7a; border-bottom: 1px solid #dedede; line-height: 33px;}
.espcms_pro_title .dd_padding{padding: 10px 0px; line-height: 33px; border-bottom: 1px solid #dedede;}
.espcms_pro_title dt{ color: #7a7a7a;}
.espcms_pro_title p{width: 120px; height: 40px; line-height: 40px; background: #138f21; text-align: center;  margin-top:10px;}
.espcms_pro_title p a{color:#fff; display: block; margin-top: 35px;}
.espcms_pro_title p:hover{background: linear-gradient(to top right, #13438f 0%, #138f21 100%);}
.espcms_pro_title img{margin-top: 30px;}
.espcms_pro_pic{float: left; width: 50%; overflow: hidden; border-radius: 10px;}
.espcms_pro_pic img{width: 100%;}
.espcms_book{overflow: hidden; font-size: 15px; margin-bottom: 30px; border: 1px solid #eee; padding: 20px; background: #fff; border-radius: 5px;}

.espcms_page{overflow: hidden; }

.espcms_page_right{padding-bottom:25px;overflow: hidden; }
.f14{font-size:14px;}
.miaoshu{line-height:55px; background:#eee; border-radius: 10px;}
.miaoshu span{width:150px; background: linear-gradient(to top right, #13438f 0%, #138f21 100%); display:block; text-align:center; text-indent: 0; font-weight:bold; font-size:18px;color: #fff; border-radius: 10px;}
a.infolist2 {color: #656565;text-decoration: none;} a:visited.infolist2 {color: #656565;text-decoration: none;} a:hover.infolist2 {color: #138f21;text-decoration: underline;}

.lh33{line-height:33px;}
.lh33 img{max-width: 100%;}
.lh33 p{padding: 0 10px;text-align: justify;}
.se_erji_img{}
.se_erji_img img{max-width: 100%; margin:0 auto}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.espcms_pro_pic { width: 100%;}
	.espcms_pro_title { width: 100%;}
	.espcms_pro_title h1 { font-size: 6vw;line-height: 8vw;}
	.espcms_pro_title p { margin: 10px auto;}
	.lh33 p { padding: 0;}
}

@media (max-width: 767px) {
	
}


/*xiangguanneirong*/
.xiangguanneir{overflow:hidden;height:auto; margin:0 auto;width:100%;color:#fff; margin-bottom:40px; border: 1px #eee solid; border-radius: 8px; padding: 15px;}
.espcms_piclist_slide18 {overflow: hidden;margin: 0 auto;}
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 0 0;text-align: center;background:#fff; border-radius: 10px; overflow: hidden; position:relative;}
.espcms_piclist_slide18 li .pic { width:238px; height:auto; margin:0 auto; border: 1px #f3f4f7 solid;}
.espcms_piclist_slide18 li  .pic img { width:238px; height:180px;}
.espcms_piclist_slide18 li  p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide18 li  p a{ color:#444; font-size:14px;}
.espcms_piclist_slide18 li  p a:hover{ color:#fff}
.espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide18 li .case_more a{ color:#604a32;}
.espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;}
.pro_btm_arrow {background: linear-gradient(to top right, #13438f 0%, #138f21 100%);line-height:40px;color:#fff;}



/*neiye_newlist*/
.se_news_con{}
.se_news_con ul{}
.se_news_con li{margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom: 1px solid #eee}
.se_news_con li:hover { background: linear-gradient(to top right, #13438f 0%, #138f21 100%); top:30px; border-radius: 15px;}
.se_news_da{margin:0 auto}
.se_news_l{width:28%; position:relative; overflow:hidden; margin-left: 25px;}
.se_news_l img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_news_r{width: 66%; position: relative; z-index: 2; padding: 0 20px 0 0}
.se_news_r span{display:block; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{font-size:14px; color: #666666; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{color: #138f21;}
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{width:120px; border:1px solid #138f21; border-radius: 50px; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{color: #138f21; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#f7c35f; border:1px solid #f7c35f; }
.se_news_con li:hover .se_news_more a{ color: #138f21; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }

/*新闻查看*/
.espcms_news_title{padding:0 0 50px 0;text-align: center;margin: 0px auto; color:#333;}
.espcms_news_title h2{ line-height:90px; font-size:36px; color: #138f21;}
.se_date{font-size:15px; color:#666}
.se_date a{}
.se_date a:hover{color: #138f21;}
.espcms_newslist_read{padding:0px 5px;}
.espcms_newslist_read li{float: left;width:48%;padding:0px 0px 5px 8px;overflow: hidden;}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.se_news_l { width: 100%; margin-left: 0;}
	.se_news_r {width: 100%; padding: 0;}
	.se_news_da { display: flex; flex-wrap: wrap;}
	.espcms_news_title h2 { line-height: 40px; margin: 20px 0; font-size: 6vw;}
	.espcms_newslist_read li { width: 100%;}
}

@media (max-width: 767px) {
	
}

/*工程案例内页*/

.se_case_con{overflow:hidden; position:relative;}
.se_case_con li{float:left; position:relative; width: 32%; overflow:hidden; margin: 0 2% 20px 0; cursor:pointer;}
.se_case_con li:nth-child(3n){margin: 0 0 20px 0;}
.se_case_con em{font-style: normal; text-align:center; line-height:48px; width:415px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0;  right:0}
.se_case_con .old{ margin:0 auto; background:#f7f3f2; position:relative}
.se_case_con .cp_k{position:absolute; line-height:85px; background: linear-gradient(to top right, #13438f 0%, #138f21 100%); bottom:0; width:100%; color:#fff; font-size:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_case_con .cp_k a{ line-height: 50px; color: #fff; font-size: 20px; display: block; text-align: center;}
.se_case_con .cp_k a:hover{font-size: 20px;color: #FFFFFF;}
.se_case_con .cp_m{ width:100%; position:relative; overflow:hidden;}
.se_case_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.se_case_con li{ width: 48%;}
	.se_case_con li:nth-child(2n) { margin: 0 0 20px 0;}
	.se_case_con li:nth-child(3n) { margin: 0 2% 20px 0;}
	.se_case_con li:nth-child(6n) { margin: 0 0 20px 0;}
	.se_case_con .cp_k a{ line-height: 32px; font-size: 3vw;}
	
}

@media (max-width: 767px) {
	
}

/*联系我们内页*/
.ny_lianxi{margin: 60px 0 40px;}
.ny_lianxi ul{width: 80%; display: flex; justify-content: space-between; margin: 0 auto;}
.ny_lianxi ul li{ text-align: center;}
.ny_lianxi ul li img{margin-bottom: 20px;}
.ny_lianxi ul li p{font-size: 18px; color: #888;}
.ny_lianxi ul li span{font-size: 20px; line-height: 30px; color: #666; font-weight: bold; display: block;}

@media only screen and (min-width: 1200px) and (max-width: 1638px) {
	.ny_lianxi ul { min-width: 1200px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.ny_lianxi ul { width: 96%;}
}

@media (max-width: 991px) {
	.ny_lianxi ul { width: 96%; flex-wrap: wrap;}
	.ny_lianxi ul li { width: 100%; margin-bottom: 30px;}
}

@media (max-width: 767px) {
	
}

.mt30 {
    margin-top: 30px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}