﻿@import url("reset.min.css");
.zmd-swiper-section {
	position:relative
}
.zmd-swiper-single {
	padding-top:250px;
	padding-bottom:170px;
	background-position:center!important;
	background-size:cover!important;
	background-repeat:no-repeat!important;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:1
}
.zmd-swiper-single::before {
content:"";
position:absolute;
width:100%;
height:100%;
left:-.5px;
top:0;
background:linear-gradient(to bottom right, #01193f 20%, rgba(1, 25, 63, 0) 100%);
opacity:.85;
z-index:-1
}
.zmd-swiper-single .zmd-swiper-content {
	height:100%
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-title {
	color:var(--color-white);
	font-size:60px;
	font-weight:800;
	margin:20px 0;
	text-transform:capitalize;
	letter-spacing:3px
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-title span {
	color:var(--theme-color)
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-sub-title {
	display:inline-block;
	color:var(--theme-color);
	font-size:20px;
	letter-spacing:6px;
	font-weight:800;
	position:relative;
	text-transform:uppercase
}
.zmd-swiper-single .zmd-swiper-content p {
	color:var(--color-white);
	line-height:30px;
	font-weight:400;
	margin-bottom:20px;
	font-size:16px
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-btn {
	gap:1rem;
	display:flex;
	margin-top:35px;
	justify-content:start
}
.zmd-swiper-single .zmd-swiper-img::before {
content:"";
position:absolute;
width:500px;
height:500px;
background:var(--theme-color);
right:100px;
bottom:0;
border-radius:50%;
filter:blur(150px);
z-index:-1
}
.zmd-swiper-single .zmd-swiper-img {
	position:absolute;
	right:100px;
	bottom:120px;
	width:50%;
	z-index:-1
}
.zmd-swiper-slider.owl-theme .owl-nav {
	margin-top:0
}
.zmd-swiper-slider.owl-theme .owl-nav [class*=owl-] {
color:var(--color-white);
font-size:25px;
margin:0;
padding:0;
background:var(--slider-arrow-bg);
display:inline-block;
cursor:pointer;
height:65px;
width:65px;
line-height:65px;
border-radius:0;
text-align:center;
transition:var(--transition)
}
.zmd-swiper-slider.owl-theme .owl-nav [class*=owl-]:hover {
background:var(--color-white);
color:var(--theme-color)
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-prev {
	left:40px
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-next {
	right:40px
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-next, .zmd-swiper-slider.owl-theme .owl-nav .owl-prev {
	position:absolute;
	top:50%;
	transform:translate(0, -50%)
}
@media all and (max-width:1199px) {
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-title {
font-size:42px
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-next, .zmd-swiper-slider.owl-theme .owl-nav .owl-prev {
top:unset;
bottom:30px!important
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-prev {
left:unset;
right:120px
}
.zmd-swiper-slider.owl-theme .owl-nav .owl-next {
right:40px
}
}
@media all and (max-width:991px) {
.zmd-swiper-single .zmd-swiper-img {
position:relative;
width:100%;
right:unset;
bottom:unset;
margin-top:50px
}
.zmd-swiper-single .zmd-swiper-img::before {
width:250px;
height:250px
}
}
@media all and (max-width:767px) {
.zmd-swiper-single .row>* {
padding-left:calc(var(--bs-gutter-x) * .75);
padding-right:calc(var(--bs-gutter-x) * .75)
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-title {
font-size:38px
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-sub-title {
font-size:18px;
opacity:.75
}
.zmd-swiper-single .zmd-swiper-content .zmd-swiper-btn {
gap:1rem
}
.zmd-swiper-single .zmd-swiper-content p {
font-size:15px
}
}
.play-btn {
	display:inline-block;
	padding:0;
	height:75px;
	width:75px;
	line-height:75px;
	font-size:20px;
	text-align:center;
	background:var(--theme-color);
	color:var(--color-white)!important;
	position:absolute;
	border-radius:50%;
	z-index:1
}
.play-btn i::after {
content:"";
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
z-index:-1;
background-color:var(--theme-color);
border-radius:50px;
animation:ripple-wave 1s linear infinite;
-webkit-transform:scale(1);
transform:scale(1);
transition:all .5s ease-in-out
}
@keyframes ripple-wave {
0% {
opacity:.8;
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:0;
-webkit-transform:scale(1.5);
transform:scale(1.5)
}
}
.about-left {
	position:relative;
	z-index:1
}
.about-left::before {
content:"";
position:absolute;
width:100%;
height:90%;
background:var(--theme-color);
transform:rotate(-3deg);
left:-15px;
bottom:15px;
z-index:-1
}
.about-left::after {
content:"";
position:absolute;
width:350px;
top:50px;
right:-20px;
bottom:-20px;
border:5px solid var(--theme-color);
z-index:-1
}
.about-experience {
	position:absolute;
	display:flex;
	align-items:center;
	gap:14px;
	bottom:30px;
	left:-30px;
	background:var(--color-white);
	padding:10px 20px 10px 10px;
	color:var(--color-dark);
	box-shadow:0 0 40px 5px rgb(0 0 0 / 10%)
}
.about-experience-icon {
	color:var(--color-white);
	font-size:45px;
	width:80px;
	height:80px;
	line-height:75px;
	text-align:center;
	background:var(--theme-color);
	position:relative
}
.about-experience-icon::before {
content:"";
position:absolute;
width:100%;
top:-5px;
right:-5px;
bottom:-5px;
border:3px solid var(--theme-color)
}
.about-experience-icon img {
	width:65px
}
.about-right {
	position:relative;
	display:block;
	padding-left:50px
}
.about-list-wrapper {
	position:relative;
	display:block;
	margin-top:20px;
	margin-bottom:10px
}
.about-list {
	position:relative;
	display:block
}
.about-list li {
	position:relative;
	padding-left:25px;
	margin-top:10px;
	font-weight:500
}
.about-list li::before {
content:"\e74d";
position:absolute;
left:0;
top:0;
font-family:if;
color:var(--theme-color)
}
@media all and (max-width:991px) {
.about-right {
margin-top:45px;
padding-left:10px
}
}
@media all and (max-width:767px) {
.about-experience {
left:0
}
}
.service-area {
	position:relative;
	display:block;
	overflow:hidden
}
.service-bg {
	position:relative;
	background-image:url(../image/bg-service.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	z-index:1
}
.service-bg::before {
content:"";
position:absolute;
background:var(--color-dark);
width:100%;
height:100%;
left:0;
top:0;
opacity:.8
}
.service-item {
	display:flex;
	gap:15px;
	position:relative;
	padding:20px;
	border-color:rgba(255, 255, 255, .2)!important;
	transition:var(--transition);
	z-index:1
}
.service-icon {
	width:90px;
	height:90px;
	line-height:90px;
	background:var(--color-white);
	font-size:52px;
	color:var(--theme-color);
	text-align:center;
	border-radius:50%;
	margin-top:3px;
	box-shadow:var(--box-shadow);
	z-index:1
}
.service-icon img {
	width:55px
}
.service-content {
	position:relative;
	margin-top:5px;
	flex:1
}
.service-title {
	font-size:22px;
	margin-bottom:12px
}
.service-title a {
	color:var(--color-white)
}
.service-title a:hover {
	color:var(--theme-color)
}
.service-content p {
	color:var(--color-white)
}
.service-content p.product {
	font-size:14px
}
.service-arrow {
	margin-top:25px
}
.service-arrow .zmd-btn {
	padding:10px 22px
}
.service-area2 .service-item {
	flex-direction:column;
	gap:0;
	text-align:center;
	background:var(--color-white);
	margin-bottom:25px;
	box-shadow:var(--box-shadow)
}
.service-area2 .service-img {
	overflow:hidden
}
.service-area2 .service-item:hover .service-img img {
	transform:scale(1.1)
}
.service-area2 .service-icon {
	margin:-45px auto 0 auto;
	position:relative;
	box-shadow:none
}
.service-area2 .service-icon::before {
content:"";
position:absolute;
left:-10px;
right:-10px;
top:-10px;
bottom:-10px;
border:4px solid var(--color-white);
border-radius:50%
}
.service-area2 .service-content p, .service-area2 .service-title a {
	color:var(--color-dark)
}
.service-area2 .service-title a:hover {
	color:var(--theme-color)
}
.service-area2 .service-arrow .zmd-btn {
	width:100%;
	justify-content:center
}
.service-area3 .service-item {
	flex-direction:column;
	gap:20px;
	text-align:center;
	background:var(--color-white);
	margin-bottom:25px;
	padding:35px;
	box-shadow:var(--box-shadow)
}
.service-area3 .service-icon {
	margin:0 auto;
	position:relative;
	box-shadow:none;
	background:var(--theme-color)
}
.service-area3 .service-icon::before {
content:"";
position:absolute;
left:-8px;
right:-8px;
top:-8px;
bottom:-8px;
border:3px solid var(--theme-color);
border-radius:50%
}
.service-area3 .service-icon img {
	filter:brightness(0) invert(1)
}
.service-area3 .service-content p, .service-area3 .service-title a {
	color:var(--color-dark)
}
.service-area3 .service-title a:hover {
	color:var(--theme-color)
}
@media all and (max-width:991px) {
.service-item {
border:none!important
}
}
.service-single-list i {
	color:var(--theme-color);
	margin-right:10px
}
.service-download a {
	border:2px solid var(--theme-color);
	padding:12px 20px;
	color:var(--color-dark);
	display:block;
	margin-bottom:20px;
	font-weight:600;
	border-radius:0;
	transition:var(--transition)
}
.service-download a i {
	margin-right:10px
}
.service-download a:hover {
	background-color:var(--theme-color);
	color:var(--color-white)
}
.service-details h3 {
	color:var(--color-dark)
}
.service-details img {
	border-radius:0
}
.feature-area {
	position:relative;
	z-index:1
}
.feature-item {
	padding:30px 25px;
	position:relative;
	background:var(--color-white);
	margin-bottom:25px;
	box-shadow:var(--box-shadow);
	transition:var(--transition);
	z-index:1
}
.feature-item:hover {
	transform:translateY(-10px)
}
.feature-item::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:0;
background:var(--color-dark);
transition:var(--transition);
z-index:-1
}
.feature-item.active::before, .feature-item:hover::before {
height:100%
}
.feature-item::after {
content:"";
position:absolute;
right:20px;
top:20px;
width:70px;
height:70px;
border:3px solid var(--theme-color);
border-left:none;
border-bottom:none;
transition:var(--transition);
z-index:-1
}
.feature-item:hover::after {
height:100%;
width:100px;
height:100px
}
.feature-item span {
	position:absolute;
	right:32px;
	top:10px;
	font-size:50px;
	font-weight:800;
	-webkit-text-stroke:2px var(--body-text-color);
	-webkit-text-fill-color:transparent;
	opacity:.2
}
.feature-icon {
	width:90px;
	height:90px;
	line-height:90px;
	text-align:center;
	background:var(--theme-color);
	margin-bottom:20px;
	border-radius:50%;
	position:relative;
	transition:var(--transition)
}
.feature-icon img {
	width:60px
}
.feature-item:hover .feature-icon {
	transform:rotateY(360deg)
}
.feature-item h4 {
	font-size:24px;
	margin-bottom:15px
}
.feature-item:hover h4, .feature-item:hover p {
	color:var(--color-white)
}
.feature-item.active h4, .feature-item.active p {
	color:var(--color-white)
}
@media all and (max-width:1199px) {
.feature-area {
margin-top:-20px
}
}
.project-item {
	position:relative;
	width:100%;
	margin-bottom:25px
}
.project-img {
	height:100%
}
.project-img img {
	width:100%
}
.project-content {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.project-content::before {
content:"";
position:absolute;
left:10px;
top:10px;
right:10px;
bottom:10px;
background:var(--theme-color);
opacity:0;
visibility:hidden;
transition:.3s
}
.project-content:hover::before {
opacity:.9;
visibility:visible
}
.project-link {
	width:50px;
	height:50px;
	background:var(--color-white);
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	left:50px;
	top:0;
transition:.5s;
	border-radius:50px;
	opacity:0;
	visibility:hidden;
	font-size:25px;
	color:var(--theme-color)
}
.project-link::before {
content:"";
position:absolute;
left:-5px;
right:-5px;
top:-5px;
bottom:-5px;
border:2px dashed var(--color-white);
border-radius:50px
}
.project-link:hover {
	color:var(--theme-color)
}
.project-content:hover .project-link {
	opacity:1;
	visibility:visible;
	top:50px
}
.project-info {
	position:absolute;
	bottom:35px;
	left:50px;
	opacity:0;
	visibility:hidden;
transition:.3s
}
.project-content:hover .project-info {
	opacity:1;
	visibility:visible;
	bottom:45px
}
.project-subtitle {
	font-size:14px;
	color:var(--color-white);
	margin-bottom:7px;
	letter-spacing:2px;
	text-transform:uppercase
}
.project-subtitle span {
	color:var(--color-white)
}
.project-title {
	color:var(--color-white);
	font-size:30px
}
.filter-btns {
	text-align:center
}
.filter-btns li {
	display:inline-block;
	text-transform:capitalize;
	margin:4px;
	font-weight:500;
	font-size:16px;
	color:var(--color-dark);
	border-radius:50px;
	padding:3px 20px 4px 20px;
	border:2px solid var(--theme-color);
	cursor:pointer;
transition:all .5s ease-in-out
}
.filter-btns li.active, .filter-btns li:hover {
	color:var(--color-white);
	background:var(--theme-color)
}
.filter-btns li a:hover {
	color:var(--theme-color)
}
.filter-btns li.active a, .filter-btns li:hover a {
	color:var(--color-white)
}
@media all and (max-width:991px) {
.filter-controls {
margin-top:30px
}
.filter-btns {
margin-top:30px;
text-align:left
}
}
.project-details img {
	border-radius:0
}
.project-sidebar .project-sidebar-content ul li {
	border-bottom:1px solid var(--border-info-color);
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:500;
	line-height:33px
}
.project-sidebar .project-sidebar-content ul li:last-child {
	border-bottom:none
}
.project-sidebar-title {
	margin-bottom:30px;
	font-size:26px;
	font-weight:700
}
.project-sidebar .project-sidebar-content ul li span {
	display:block;
	font-weight:400;
	margin:0
}
.project-sidebar .project-sidebar-content .rating a {
	color:var(--theme-color)
}
.new-project {
	background:var(--theme-color)!important
}
.new-project h4 {
	color:var(--color-white);
	margin-bottom:30px;
	font-size:28px
}
.new-project-btn {
	background:var(--color-white);
	color:var(--color-dark);
	border:none;
	padding:11px 25px;
	border-radius:0;
	font-weight:500;
transition:all .5s ease-in-out
}
.new-project-btn:hover {
	background:var(--color-dark);
	color:var(--color-white)
}
.new-project-btn i {
	margin-left:8px
}
.project-single-list i {
	color:var(--theme-color);
	margin-right:10px
}
.project-details h3 {
	font-weight:700
}
.video-content {
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.video-content::before {
content:"";
position:absolute;
background:rgba(3, 2, 7, .5);
width:100%;
height:100%;
left:0;
top:0
}
.video-wrapper {
	position:relative;
	display:flex;
	justify-content:center;
	border-radius:5px;
	height:550px;
	z-index:100
}
.video-wrapper img {
	border-radius:12px
}
.video-area .play-btn {
	display:inline-block;
	padding:0;
	height:75px;
	width:75px;
	text-align:center;
	position:absolute;
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
@media all and (max-width:767px) {
.video-wrapper {
height:250px
}
}
.process-single {
	position:relative
}
.process-single .icon {
	height:120px;
	width:120px;
	line-height:110px;
	display:inline-block;
	position:relative;
	background:var(--theme-color);
	border-radius:50%;
	font-size:65px;
	color:var(--color-white);
	margin-bottom:30px;
	z-index:1
}
.process-single .icon img {
	width:70px
}
.process-single .icon::before {
content:"";
position:absolute;
left:-10px;
right:-10px;
top:-10px;
bottom:-10px;
border:3px solid var(--theme-color);
border-radius:50%
}
.process-single .icon::after {
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:var(--color-dark);
transform:scale(0, 0);
border-radius:50%;
transition:var(--transition);
z-index:-1
}
.process-single:hover .icon::after {
transform:scale(1, 1)
}
.process-single span {
	position:absolute;
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	background:var(--theme-color);
	border-radius:15px;
	color:var(--color-white);
	left:-5px;
	top:-31px;
	font-weight:600
}
.process-single h4 {
	margin-bottom:10px;
	font-weight:700
}
.process-single::before {
content:url(https://pic.zhongmaoda.net/static/images/bg-full-05.png);
position:absolute;
right:-70px;
top:34px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.process-single::before {
display:none
}
}
@media (max-width:767px) {
.process-single::before {
display:none
}
}
.process-area .col-lg-3:last-child .process-single::before {
display:none
}
.choose-area {
	position:relative;
	background-image:url(../image/bg-choose.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	z-index:1
}
.choose-area::before {
content:"";
position:absolute;
background:var(--color-dark);
width:100%;
height:100%;
left:0;
top:0;
opacity:.8
}
.choose-item {
	position:relative;
	background:var(--color-white);
	margin-bottom:25px;
	padding:20px;
	box-shadow:var(--box-shadow);
	z-index:1
}
.choose-count {
	position:absolute;
	right:25px;
	top:0;
	font-size:60px;
	font-weight:800;
	-webkit-text-stroke:2px var(--theme-color);
	-webkit-text-fill-color:transparent;
	z-index:-1
}
.choose-item-icon {
	width:80px;
	height:80px;
	line-height:80px;
	background:var(--theme-color);
	color:var(--color-white);
	font-size:45px;
	border-radius:50px;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden
}
.choose-item-icon img {
	width:55px
}
.choose-item-info h3 {
	margin-bottom:10px;
	font-size:22px
}
.choose-img {
	position:relative
}
.choose-img::before {
content:"";
position:absolute;
border:10px solid var(--theme-color);
border-left:none;
border-bottom:none;
clip-path:polygon(100% 0, 0 0, 100% 100%);
right:20px;
top:20px;
width:80%;
height:80%
}
@media all and (max-width:991px) {
.choose-content-wrapper {
margin-top:40px
}
}
.encyclopedia-area {
	position:relative;
	z-index:1
}
.encyclopedia-area::before {
content:"";
position:absolute;
width:100%;
height:100%;
background-image:url(../image/bg-full-02.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
left:0;
top:0;
opacity:.02;
z-index:-1
}
.testimonial-single {
	margin-bottom:20px;
	background:var(--color-white);
	border-radius:0;
	padding:30px;
	position:relative;
	margin-top:35px
}
.testimonial-single::before {
content:"";
position:absolute;
left:20px;
right:20px;
bottom:0;
border-bottom:4px solid var(--theme-color)
}
.testimonial-quote p {
	color:var(--color-dark)
}
.testimonial-consulting-service-info {
	margin:50px 0 10px 0
}
.testimonial-consulting-service-img {
	position:absolute;
	top:-35px;
	left:35px;
	width:90px;
	padding:5px;
	z-index:1
}
.testimonial-consulting-service-img::before {
content:"";
position:absolute;
left:-5px;
right:-5px;
bottom:-5px;
height:50%;
border:3px solid var(--theme-color);
border-radius:50px;
z-index:-1
}
.testimonial-consulting-service-img img {
	border-radius:50%
}
.testimonial-consulting-service-info h4 {
	font-size:20px;
	color:var(--color-dark)
}
.testimonial-consulting-service-info p {
	color:var(--theme-color);
	font-weight:500
}
.testimonial-quote-icon {
	position:absolute;
	right:30px;
	top:15px;
	font-size:80px;
	opacity:.2
}
.testimonial-quote-icon img {
	width:90px!important
}
.encyclopedia-area .owl-dots {
	text-align:center;
	margin-top:30px
}
.encyclopedia-area .owl-dots .owl-dot span {
	background:0 0;
	border:2px solid var(--theme-color);
	margin:5px;
	border-radius:50px;
	width:12px;
	height:12px;
	display:inline-block;
	transition:var(--transition)
}
.encyclopedia-area .owl-dots .owl-dot.active span {
	background:var(--theme-color);
	border-color:var(--theme-color)
}
.testimonial-rate {
	color:var(--theme-color);
	margin-top:15px
}
.counter-area {
	position:relative;
	background:var(--theme-color);
	z-index:1
}
.counter-area::before {
content:"";
position:absolute;
background-image:url(../image/bg-full-01.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
left:0;
top:0;
width:100%;
height:100%;
opacity:.15;
z-index:-1
}
.counter-box {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	gap:20px;
	position:relative;
	z-index:1
}
.counter-box::before {
content:"";
position:absolute;
width:60px;
height:60px;
border:3px solid var(--color-white);
border-radius:8px;
left:50%;
top:-12px;
transform:translateX(-50%) rotate(45deg);
z-index:-1
}
.counter-box::after {
content:"";
position:absolute;
width:6px;
height:6px;
background:var(--color-white);
border-radius:50px;
left:50%;
top:-12px;
transform:translateX(-50%)
}
.counter-box .icon {
	position:relative;
	text-align:center;
	font-size:60px;
	border-radius:50%;
	width:120px;
	height:120px;
	color:var(--color-white);
	border:5px solid var(--color-white);
	background:var(--color-dark);
	z-index:1
}
.counter-box .icon img {
	width:60px
}
.counter-box .counter {
	display:block;
	line-height:1;
	color:var(--color-white);
	font-size:50px;
	font-weight:700;
	font-family:var(--main-font);
	letter-spacing:2px
}
.counter-box .title {
	color:var(--color-white);
	margin-top:10px;
	font-size:20px;
	font-weight:600;
	text-transform:capitalize
}
@media all and (max-width:991px) {
.counter-area .counter-box {
margin:40px 0
}
}
.cta-wrapper {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	margin-top:-100px;
	padding:40px;
	border-radius:0;
	z-index:1
}
.cta-wrapper::before {
content:"";
position:absolute;
background:var(--theme-color);
border-radius:0;
width:100%;
height:100%;
left:0;
top:0;
opacity:.85;
z-index:-1
}
.cta-text h1 {
	color:var(--color-white);
	font-size:45px;
	text-transform:capitalize;
	margin-bottom:15px
}
.cta-text p {
	color:var(--color-white)
}
.cta-number {
	font-size:32px;
	color:var(--color-white)!important;
	font-weight:700;
	letter-spacing:1px
}
.cta-number i {
	margin-right:15px
}
.cta-btn .zmd-btn {
	background:var(--color-white);
	color:var(--theme-color)
}
.cta-btn .zmd-btn:hover {
	color:var(--color-white)
}
.cta-divider {
	position:relative
}
.cta-divider::before {
position:absolute;
content:close-quote;
width:2px;
bottom:0;
background-color:var(--color-white);
right:-118px;
top:0
}
.cta-divider:after {
	width:0;
	position:absolute;
	content:close-quote;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:7px solid var(--color-white);
	top:50%;
	transform:translateY(-50%);
	right:-124px
}
.archives-area {
	position:relative
}
.archives-item {
	padding:20px;
	margin-bottom:25px;
	background:var(--color-white);
	border-radius:0;
	box-shadow:var(--box-shadow);
	transition:var(--transition)
}
.archives-item-img {
	border-radius:0;
	overflow:hidden
}
.archives-item-img img, .archives-thumb img {
	border-radius:0;
	width:100%
}
.archives-item:hover .archives-item-img img {
	transform:scale(1.1)
}
.archives-item-info {
	padding:15px 0 0 0
}
.archives-item-meta ul {
	margin:0;
	padding:0;
	margin-bottom:14px;
	border-bottom:1px solid var(--border-info-color);
	padding-bottom:15px
}
.archives-item-meta ul li {
	display:inline-block;
	margin-right:15px;
	font-weight:500;
	position:relative;
	color:var(--color-dark);
	font-size:14px
}
.archives-item-meta ul li i {
	margin-right:5px;
	color:var(--theme-color)
}
.archives-item-meta a:hover {
	color:var(--theme-color)
}
.archives-title {
	font-size:20px;
	margin-bottom:15px;
	text-transform:capitalize
}
.archives-item-info p {
	margin-bottom:16px
}
.archives-item-info .zmd-btn {
	margin-top:15px
}
.archives-item-info h4 a {
	color:var(--color-dark)
}
.archives-item-info h4 a:hover, .archives-item-info p.price {
	color:var(--theme-color)
}
.archives-thumb {
	position:relative;
	z-index:1
}
.archives-item-img a, .archives-thumb a {
	display:block;
	width:100%
}
.archives-thumb a::before {
position:absolute;
content:'';
right:0;
top:0;
width:0;
height:100%;
background-image:linear-gradient(10deg, var(--theme-color) 0, var(--theme-color) 100%);
visibility:hidden;
transition:.5s;
border-radius:5px;
opacity:.3;
z-index:2
}
.archives-thumb a:hover::before {
width:100%;
left:0;
visibility:visible
}
.archives-item.column-one {
	border-radius:5px
}
.archives-item.column-one .archives-thumb {
	max-height:180px;
	border-radius:5px;
	overflow:hidden
}
@media all and (min-width:768px) {
.archives-item.column-one {
display:flex
}
.archives-item.column-one .archives-thumb {
max-width:240px;
margin-right:24px
}
.archives-item.column-one .archives-item-info {
padding-top:0
}
}
.archives-thumb-img {
	margin-bottom:20px
}
.archives-single-content img {
	border-radius:0
}
.archives-meta {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:20px;
	margin-top:10px
}
.archives-meta .archives-meta-left ul {
	display:flex;
	align-items:center;
	gap:20px
}
.archives-meta .archives-meta-left ul li {
	font-weight:500
}
.archives-meta i {
	margin-right:5px;
	color:var(--theme-color)
}
.archives-meta a {
	color:var(--body-text-color);
	font-weight:500
}
.archives-meta a:hover {
	color:var(--theme-color)
}
.archives-details-title {
	font-size:34px;
	color:var(--color-dark)
}
.blockqoute {
	background:var(--theme-bg-light);
	border-left:5px solid var(--theme-color);
	padding:24px 20px;
	margin:20px 0;
	border-radius:0;
	font-size:14px
}
.blockqoute-title {
	margin-top:10px;
	padding-left:52px;
	position:relative;
	color:var(--color-dark);
	font-size:15px
}
.blockqoute-title::before {
content:"";
position:absolute;
height:2px;
width:40px;
background:var(--theme-color);
left:0;
top:10px
}
.archives-details-tags {
	display:flex;
	align-items:center;
	gap:20px
}
.archives-details-tags h5 {
	color:var(--color-dark)
}
.archives-details-tags ul {
	display:flex;
	align-items:center;
	gap:15px
}
.archives-details-tags ul a {
	background:var(--theme-bg-light);
	color:var(--color-dark);
	padding:5px 18px;
	border-radius:0;
	transition:var(--transition)
}
.archives-details-tags ul a:hover {
	background:var(--theme-color);
	color:var(--color-white)
}
.archives-consulting-service {
	display:flex;
	justify-content:start;
	align-items:center;
	background:var(--color-white);
	border-radius:0;
	box-shadow:var(--box-shadow);
	margin:40px 0;
	padding:20px
}
.archives-consulting-service-img {
	width:342px;
	position:relative;
	z-index:1
}
.archives-consulting-service-img::before {
content:"";
position:absolute;
left:-8px;
bottom:-8px;
width:100px;
height:100px;
background:var(--theme-color);
clip-path:polygon(0 0, 0 100%, 100% 100%);
z-index:-1
}
.archives-consulting-service-img img {
	border-radius:0
}
.consulting-service-name {
	font-size:22px;
	color:var(--theme-color);
	margin:8px 0
}
.consulting-service-info {
	padding:0 20px;
	font-size:14px;
	flex:1
}
.consulting-service-social {
	margin-top:10px
}
.consulting-service-social a {
	width:35px;
	height:35px;
	line-height:31px;
	text-align:center;
	border:2px solid var(--theme-color);
	border-radius:50px;
	margin-right:5px;
	color:var(--theme-color);
	transition:var(--transition)
}
.consulting-service-social a:hover {
	color:var(--color-white);
	background:var(--theme-color)
}
.archives-comments {
	margin-bottom:50px
}
.archives-comments h3 {
	color:var(--color-dark)
}
.archives-comments-wrapper {
	margin:30px 0
}
.archives-comments-single {
	display:flex;
	justify-content:start;
	align-items:flex-start;
	margin-top:40px
}
.archives-comments-single img {
	border-radius:50%;
	max-width:80px
}
.archives-comments-content {
	padding:0 0 0 20px
}
.archives-comments-content time {
	font-size:14px;
	color:var(--theme-color);
	font-weight:500
}
.archives-comments-content a {
	font-weight:500;
	color:var(--theme-color)
}
.archives-comments-content a:hover {
	color:var(--color-dark)
}
.archives-comments-content h5 {
	color:var(--color-dark)
}
.archives-comments-reply {
	margin-left:50px
}
.archives-comments-form {
	padding:30px;
	margin-top:40px;
	border-radius:0;
	background:var(--theme-bg-light)
}
.archives-comments-form h3 {
	margin-bottom:20px
}
.archives-comments-form .form-group {
	margin-bottom:20px;
	position:relative
}
.archives-comments-form .form-control {
	padding:12px 15px;
	border-radius:0;
	box-shadow:none;
	transition:var(--transition)
}
.archives-comments-form .form-control:focus {
	border-color:var(--theme-color)
}
pre {
	padding:10px 15px;
	margin:10px 0;
	border-left:5px solid var(--bs-gray-300);
	background-color:var(--bs-gray-100);
	font-family:var(--body-font);
	overflow:auto;
	line-height:28px
}
.archives-details {
	line-height:30px;
	font-size:16px;
	word-wrap:break-word;
	color:var(--bs-gray-600)
}
.archives-details p strong {
	color:var(--bs-gray-700)
}
.archives-details h2 {
	font-size:1.4rem
}
.archives-details h3, .archives-details h4 {
	font-size:1.2rem
}
.archives-details p {
	margin-bottom:25px
}
.archives-details img {
	max-width:100%;
	cursor:pointer;
	border-radius:3px
}
.layui-elem-field {
	margin-top:25px;
	margin-bottom:15px
}
.layui-elem-field h2, .layui-elem-field h3, .layui-elem-field h4 {
	text-indent:1rem;
	position:relative
}
.layui-elem-field h2::before, .layui-elem-field h3::before, .layui-elem-field h4::before {
width:.3rem;
height:1.4rem;
background-image:linear-gradient(60deg, #fb5a0f, #fba35b);
content:'';
position:absolute;
left:0;
top:.3rem;
border-radius:3px
}
.layui-elem-field h3::before, .layui-elem-field h4::before {
height:1.2rem
}
.archives-details li {
	position:relative;
	padding-left:1.5rem
}
.archives-details li::before {
position:absolute;
left:0;
top:0;
font-family:if;
content:'\e663';
color:var(--theme-color)
}
.archives-details li p {
	text-indent:0;
	font-size:95%;
	color:var(--body-text-color)
}
.archives-details li:not(:last-child) p {
margin-bottom:3px
}
.archives-details p em {
	color:#fff;
	font-size:10px;
	padding:0!important;
	background-color:#b8bfcf;
	border-radius:50%;
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	text-indent:0;
	text-align:center;
	line-height:18px;
	font-family:var(--main-font);
	vertical-align:middle
}
.cmt-loading {
	position:relative
}
.customized-solution {
	position:relative;
	display:block;
	height:80px;
	padding:20px 160px 20px 70px;
	box-sizing:border-box;
	background:url(../image/customized-bg.png);
	margin-bottom:24px
}
.customized-solution .doc {
	background:url(../image/customized-doc.png);
	position:absolute;
	left:20px;
	top:20px;
	width:40px;
	height:44px
}
.customized-solution .info {
	height:16px;
	font-size:12px;
	line-height:16px;
	color:#999
}
.customized-solution .info .title {
	background:url(../image/customized-title.png);
	float:left;
	margin:1px 21px 0 0;
	width:88px;
	height:14px
}
.customized-solution .info .num {
	position:relative
}
.customized-solution .info .num:before {
	position:absolute;
	left:-10px;
	top:2px;
	content:'';
	width:1px;
	height:12px;
	background:#e6e6e6
}
.customized-solution .txt {
	font-size:12px;
	line-height:16px;
	color:#333;
	margin:8px 0 0 0
}
.customized-solution .btn {
	position:absolute;
	top:24px;
	right:20px;
	width:155px;
	height:32px;
	border-radius:16px;
	background:linear-gradient(180deg, #579aff 0, #195be8 100%);
	padding:0;
	border:none;
	font-size:13px;
	color:#fff;
	line-height:32px;
	text-align:center;
	letter-spacing:1px
}
.customized-solution .btn .arrow {
	display:inline-block;
	vertical-align:middle;
	margin:-1px 0 0 4px;
	width:10px;
	height:10px;
	background:url(../image/customized-arrow.png)
}
.customized-solution .btn:hover {
	color:#fff
}
.archives-details-guide {
	position:relative;
	text-indent:32px;
	color:var(--bs-gray-500);
	font-size:13px;
	line-height:22px;
	margin-bottom:25px
}
.archives-details-guide:before {
	position:absolute;
	left:5px;
	top:-5px;
	content:'';
	width:20px;
	height:20px;
	background:url(../image/quote.png);
	background-size:cover
}
.details-thumbs {
	border:1px solid var(--bs-gray-400);
	border-radius:50%;
	width:90px;
	height:90px;
	text-align:center;
	margin:32px auto 0;
	cursor:pointer
}
.details-thumbs.upok, .details-thumbs:hover {
	border-color:var(--theme-color)
}
.details-thumbs.upok i:before, .zmd-thumbs-o-up.zmd-thumbs-up:before {
	content:'\e922';
	color:var(--theme-color)!important
}
.details-thumbs.upok * {
	color:var(--theme-color)!important
}
.details-thumbs .details-reply-thumbs {
	width:100%;
	color:var(--bs-gray-400)
}
.details-thumbs .details-reply-thumbs i {
	font-size:28px;
	display:block;
	margin:8px auto 0
}
.details-thumbs .details-reply-thumbs em {
	display:block;
	margin:4px auto 0;
	font-size:var(--main-font)
}
.details-thumbs-tips {
	color:var(--bs-gray-500);
	margin:10px 0 24px;
	text-align:center
}
.details-context {
	padding:17px;
	border-bottom:1px dotted var(--bs-gray-400);
	background-color:var(--theme-bg-light);
	margin-top:20px;
	line-height:24px;
	overflow:hidden;
	color:var(--bs-gray-400);
	position:relative
}
.details-context i {
	padding-right:10px;
	vertical-align:middle;
	color:var(--bs-gray-300)
}
.details-context li {
	line-height:28px;
	width:48%;
	float:left;
	display:inline
}
.details-context li:last-child {
	float:right
}
.details-context li a {
	color:var(--body-text-color);
	display:inline
}
.details-context li a:hover {
	color:var(--theme-color)
}
.zmd-guess-wrap {
	font-size:16px;
	line-height:36px;
	margin-top:22px;
	margin-bottom:0
}
.zmd-guess-wrap dt {
	font-weight:600;
	margin-bottom:5px;
	position:relative;
	padding-left:24px;
	color:var(--color-dark)
}
.zmd-guess-wrap dt::before {
position:absolute;
left:0;
top:0;
content:'\e924';
font-family:if!important;
color:var(--color-blue)
}
.zmd-guess-wrap dd {
	height:36px;
	overflow:hidden;
	position:relative;
	padding-left:20px;
margin-bottom:.25rem
}
.zmd-guess-wrap dd:before {
	position:absolute;
	top:16px;
	left:6px;
	width:4px;
	height:4px;
	background-color:#ccc;
	content:''
}
.zmd-guess-wrap dd a {
	color:var(--color-blue)
}
.zmd-guess-wrap dd a:hover {
	color:var(--theme-color)
}
#cmtMeta {
	cursor:pointer
}
#cmtNew {
	position:relative
}
.comment-parent {
	border:1px dashed #a0d2e5;
	background:#f4fcff
}
.comment-parent.first {
	border:1px dashed #ffe2b9;
	background:#fffef6;
	padding:12px 15px 10px;
	margin:10px 0
}
.comment-parent.first dd, .comment-parent.first dl {
	margin-bottom:0;
	font-size:13px
}
.comment-parent.first dt {
	font-weight:400;
	margin-bottom:3px;
	text-align:left
}
.comment-parent.first dt span {
	color:var(--color-blue)
}
.zmd-best {
	position:absolute;
	right:0;
	top:0;
	font-size:42px;
	color:#f45f5f
}
.details-reply-action {
	position:relative;
	text-align:right;
	margin-top:5px
}
.details-reply-action span {
	padding-right:15px;
	color:#999;
	cursor:pointer
}
.details-reply-action span:hover {
	color:#666
}
.details-reply-action span i {
	margin-right:5px;
	font-size:18px
}
.details-reply-action span em {
	font-style:normal
}
.details-reply-action span .zmd-tiwen {
	position:relative;
	top:1px;
	right:2px;
	font-size:19px;
	margin-right:6px
}
.details-reply-action.upok span.details-reply-thumbs, .details-reply-action.upok span.details-reply-thumbs:hover {
	color:var(--theme-color)
}
@media all and (max-width:767px) {
.archives-single-content h1 {
font-size:28px
}
.archives-meta {
font-size:15px
}
.archives-meta .archives-meta-left ul {
gap:15px
}
.archives-details-tags {
flex-direction:column;
align-items:flex-start
}
.archives-consulting-service-img {
max-width:320px
}
.archives-consulting-service {
flex-direction:column;
text-align:center;
padding:25px
}
.consulting-service-info {
margin-top:25px;
padding:0
}
.archives-comments-form {
padding:20px
}
.archives-comments-single {
flex-direction:column;
text-align:center;
padding:30px 0;
box-shadow:var(--box-shadow);
margin-top:20px;
margin-bottom:15px;
border-radius:10px
}
.archives-comments-content {
padding:0 20px
}
.archives-comments-single img {
margin:0 auto 20px auto
}
.archives-comments-reply {
margin-left:0
}
.details-context li {
width:100%;
float:none;
display:block
}
.details-context li:first-child {
margin-bottom:5px
}
.archives-meta .archives-meta-left ul li {
font-size:14px
}
}
.widget {
	background:var(--theme-bg-light);
	padding:20px;
	margin-bottom:30px;
	border-radius:0
}
.widget .widget-title {
	padding-bottom:10px;
	margin-bottom:30px;
	position:relative;
	font-size:25px;
	color:var(--color-dark)
}
.widget .widget-title::before {
position:absolute;
content:'';
width:15px;
border-bottom:3px solid var(--theme-color);
bottom:0;
left:0
}
.widget .widget-title::after {
position:absolute;
content:'';
width:30px;
border-bottom:3px solid var(--theme-color);
bottom:0;
left:22px
}
.widget .search-form .form-control {
	padding:12px 15px 12px 15px;
	border-radius:0;
	box-shadow:none
}
.widget .search-form {
	position:relative
}
.widget .search-form .form-control:focus {
	border-color:var(--theme-color)
}
.widget .search-form button {
	position:absolute;
	right:0;
	top:0;
	font-size:18px;
	padding:8px 18px 6px 18px;
	background:0 0;
	border:none;
	color:var(--theme-color)
}
.widget .category-list a {
	display:block;
	padding:10px 0;
	font-weight:500;
	border-bottom:1px solid #ced4da;
	transition:var(--transition)
}
.widget .category-list a:first-child {
	padding-top:0
}
.widget .category-list a:last-child {
	margin-bottom:0;
	border-bottom:none
}
.widget .category-list a:hover {
	padding-left:10px;
	color:var(--theme-color)
}
.widget .category-list a i {
	margin-right:5px;
	color:var(--theme-color)
}
.widget .category-list a span {
	float:right;
	color:var(--bs-gray-500)
}
.widget .category-list a.active {
	color:var(--theme-color)
}
.widget .recent-post-single {
	display:flex;
	justify-content:start;
	align-items:center;
	margin-bottom:20px
}
.widget .recent-post-img {
	margin-right:20px;
	max-width:80px
}
.widget .recent-post-img img {
	width:80px;
	border-radius:0
}
.widget .recent-post-bio {
	flex:1
}
.widget .recent-post-bio h6 {
	font-size:18px
}
.widget .recent-post-bio h6 i {
	margin-right:6px
}
.widget .recent-post-bio span {
	font-size:14px;
	color:var(--body-text-color)
}
.widget .recent-post-bio span.info {
	color:var(--body-text-color);
	line-height:1.4;
	display:block;
	margin-top:8px
}
.widget .recent-post-bio span i {
	margin-right:5px;
	color:var(--theme-color);
	font-weight:500
}
.widget .recent-post-bio h6 a:hover {
	color:var(--theme-color)
}
.widget .social-share-link a {
	width:35px;
	height:35px;
	line-height:31px;
	border:2px solid var(--theme-color);
	color:var(--theme-color);
	text-align:center;
	margin-right:5px;
	border-radius:50px;
	transition:var(--transition)
}
.widget .social-share-link a:hover {
	background:var(--theme-color);
	color:var(--color-white)
}
.widget .tag-list a {
	background:var(--color-white);
	color:var(--color-dark);
	padding:5px 15px;
	margin-bottom:10px;
	margin-right:10px;
	border-radius:0;
	display:inline-block;
	transition:var(--transition)
}
.widget .tag-list a:hover {
	background-color:var(--theme-color);
	color:var(--color-white)
}
.page-gray {
	background-color:#f6f6f6
}
.page-gray .widget {
	border-radius:5px;
	background:var(--color-white)
}
.page-gray .widget-title::before {
position:absolute;
content:"";
left:-20px;
top:0;
width:3px;
height:30px;
background:var(--theme-color);
border-radius:5px
}
.page-gray .widget-title::after {
display:none
}
.page-gray .widget .widget-title {
	font-size:22px;
	padding-bottom:0
}
.contact-wrapper {
	background:var(--color-white);
	border-radius:0;
	padding:20px;
	box-shadow:var(--box-shadow)
}
.contact-img {
	position:relative;
	margin-right:25px
}
.contact-img::before {
content:"";
position:absolute;
border:8px solid var(--theme-color);
width:50%;
right:10px;
top:50px;
bottom:0
}
.contact-img img {
	width:100%;
	clip-path:polygon(0 0, 80% 0, 100% 100%, 0 100%)
}
.contact-form {
	padding:20px 0
}
.contact-form-header {
	margin-bottom:30px
}
.contact-form-header h2 {
	font-size:30px;
	font-weight:700;
	margin-bottom:10px;
	color:var(--color-dark)
}
.contact-form .form-group {
	margin-bottom:25px
}
.contact-form .form-group .form-control {
	padding:15px 20px;
	border-radius:0;
	box-shadow:none;
	transition:var(--transition);
	border-radius:4px
}
.contact-form .form-group .form-control:focus {
	border-color:var(--theme-color)
}
.contact-form .zmd-btn {
	border-radius:4px!important
}
.contact-map {
	margin-bottom:-9px
}
.contact-map iframe {
	width:100%;
	height:450px
}
.contact-content {
	margin-bottom:50px
}
.contact-info {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	gap:15px;
	padding:30px 20px;
	position:relative;
	margin-bottom:25px;
	border-radius:0;
	background:var(--color-white);
	box-shadow:var(--box-shadow);
	transition:var(--transition)
}
.contact-info:hover {
	transform:translateY(-8px)
}
.contact-info::after, .contact-info::before {
content:"";
position:absolute;
width:40px;
height:40px;
border:4px solid var(--theme-color);
opacity:.5;
transition:var(--transition)
}
.contact-info::before {
border-left:none;
border-bottom:none;
border-radius:50px;
right:10px;
top:10px
}
.contact-info::after {
border-right:none;
border-top:none;
left:10px;
bottom:10px
}
.contact-info:hover::after, .contact-info:hover::before {
opacity:1
}
.contact-info-icon i {
	font-size:35px;
	color:var(--color-white);
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-radius:50px;
	background:var(--theme-color);
	font-weight:300
}
.contact-info h5 {
	font-size:20px;
	font-weight:700;
	margin-bottom:8px;
	color:var(--color-dark)
}
.contact-info p {
	color:var(--color-dark);
	font-weight:500;
	font-size:16px
}
@media all and (max-width:768px) {
.contact-content {
margin-top:50px;
margin-bottom:0
}
.contact-form .zmd-btn {
width:100%;
text-align:center;
display:block
}
}
.faq-area .accordion-item {
	border:none;
	margin-bottom:30px;
	background:var(--color-white);
	border-radius:0!important;
	box-shadow:var(--box-shadow)
}
.faq-img img {
	border-radius:0
}
.faq-area .accordion-item span {
	width:45px;
	height:45px;
	margin-right:15px
}
.faq-area .accordion-item i {
	width:45px;
	height:45px;
	line-height:45px;
	border-radius:50px;
	background:var(--theme-color);
	text-align:center;
	color:var(--color-white)
}
.faq-area .accordion-button:not(.collapsed) {
color:var(--theme-color);
background:0 0;
box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%)
}
.accordion-button {
	border-radius:0!important;
	background:0 0;
	font-weight:700;
	font-size:20px;
	color:var(--color-dark);
	box-shadow:none!important
}
.accordion-button:not(.collapsed) {
border-bottom:1px solid var(--theme-color)
}
.accordion-button:not(.collapsed)::after {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
@media all and (max-width:991px) {
.faq-right {
margin-bottom:50px
}
.accordion-button {
font-size:16px
}
}
.site-breadcrumb {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	background-repeat:no-repeat!important;
	background-position:center!important;
	background-size:cover!important;
	position:relative;
	padding-top:220px;
	padding-bottom:130px;
	z-index:1
}
.site-breadcrumb:not(.detail)::before {
content:"";
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:rgba(1, 25, 63, .85);
opacity:.85;
z-index:-1
}
.site-breadcrumb .breadcrumb-title {
	font-size:40px;
	color:var(--color-white);
	font-weight:700;
	margin-bottom:10px;
	text-transform:capitalize
}
.site-breadcrumb .breadcrumb-menu {
	position:relative;
	z-index:1
}
.site-breadcrumb .breadcrumb-menu li {
	position:relative;
	display:inline-block;
	margin-left:25px;
	color:var(--color-white);
	font-weight:500;
	text-transform:capitalize;
	font-weight:601
}
.site-breadcrumb .breadcrumb-menu li a {
	color:var(--color-white);
transition:all .5s ease-in-out
}
.site-breadcrumb .breadcrumb-menu li::before {
position:absolute;
content:'\e61c';
font-family:if;
right:-19px;
top:4px;
text-align:center;
font-size:12px;
color:var(--color-white)
}
.site-breadcrumb .breadcrumb-menu li i {
	margin-right:5px
}
.site-breadcrumb .breadcrumb-title+p {
	margin-bottom:10px
}
.site-breadcrumb.detail {
	background:#fff!important;
	padding-top:120px;
	padding-bottom:20px;
	font-size:14px
}
.site-breadcrumb.detail * {
	color:var(--color-dark)!important
}
.site-breadcrumb.detail .breadcrumb-menu {
	text-align:right;
	opacity:.7
}
.site-breadcrumb.detail .breadcrumb-menu li::before {
color:var(--color-dark);
opacity:.7
}
.site-breadcrumb.detail hr {
	color:inherit!important;
	opacity:.1
}
.site-breadcrumb .breadcrumb-menu li:first-child {
	margin-left:0
}
.site-breadcrumb .breadcrumb-menu li:last-child:before {
	display:none
}
.site-breadcrumb .breadcrumb-menu li a:hover {
	color:var(--theme-color)
}
.site-breadcrumb .breadcrumb-menu li.active {
	color:var(--theme-color)
}
@media (max-width:991px) {
.site-breadcrumb {
padding-top:230px;
padding-bottom:100px
}
.site-breadcrumb.detail {
padding-top:175px;
padding-bottom:0
}
.site-breadcrumb.detail .breadcrumb-menu {
text-align:left
}
.site-breadcrumb.detail .breadcrumb-menu li.title {
display:none
}
}
.partner-area {
	position:relative
}
.site-mobile {
	padding-bottom:1.2rem!important
}
.iconfont {
	font-size:1.04rem
}
.s-primary {
	color:#0057ff!important
}
.s-warn {
	color:#ec3b3b!important
}
.s-success {
	color:#11bb65!important
}
.s-hint {
	color:#f90
}
.s-c0 {
	color:#000!important
}
.s-c3 {
	color:#333!important
}
.s-c6 {
	color:#666!important
}
.s-c9 {
	color:#999!important
}
.is-disabled, .s-cb {
	color:#bbb!important
}
.v3_f20 {
	font-size:1.3rem!important
}
.v3_f18 {
	font-size:1.17rem!important
}
.v3_f16 {
	font-size:1.04rem!important
}
.v3_f14 {
font-size:.91rem!important
}
.v3_f13 {
font-size:.845rem!important
}
.v3_f12 {
font-size:.78rem!important
}
.v3_f11 {
font-size:.715rem!important
}
.v3_f10 {
font-size:.65rem!important
}
.h16 {
	height:1.04rem;
	line-height:1.04rem
}
.h18 {
	height:1.17rem;
	line-height:1.17rem
}
.fl {
	float:left
}
.fr {
	float:right
}
.none {
	display:none!important
}
.ect, .table-list li.li-more .link-item, .table-list li.li-more .link-item .tit {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.ect-clamp {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.flex-row {
	display:flex
}
.flex-row .flex-item {
	flex:1
}
.img-block {
	position:relative;
	display:block
}
.img-block img {
	display:block;
	width:100%;
	height:100%
}
.img-block .icon-play {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%)
}
.img-block .icon-vip {
	position:absolute;
	right:0;
	bottom:0
}
.img-block.radius-m img, .radius-m {
border-radius:.52rem!important
}
.img-block.radius-s img, .radius-s {
border-radius:.26rem!important
}
.radius-no {
	border-radius:0!important
}
.is-round, .round {
	border-radius:50%
}
.is-round img, .round img {
	border-radius:50%
}
.u-btn {
	text-align:center;
	cursor:pointer;
	padding:0 1.43rem;
	height:2.86rem;
	line-height:2.73rem;
	font-size:1.04rem;
	border:1px solid #d9d9d9;
	border-radius:2.86rem;
transition:background-color .2s linear, border-color .2s linear;
	vertical-align:middle;
	display:inline-block
}
.u-btn .iconfont {
	font-size:1.04rem;
margin-top:-.26rem
}
.u-btn.btn-primary {
	border-color:#0057ff;
	background-color:#0057ff;
	color:#fff
}
.u-btn.btn-primary:active {
	background-color:#2670ff;
	border-color:#2670ff
}
.u-btn.btn-warn {
	border-color:#ec3b3b;
	background-color:#ec3b3b;
	color:#fff
}
.u-btn.btn-warn:active {
	background-color:#ef5858;
	border-color:#ef5858
}
.u-btn.btn-success {
	border-color:#11bb65;
	background-color:#11bb65;
	color:#fff
}
.u-btn.btn-primary-plain {
	border-color:#f2f4ff;
	background-color:#f2f4ff;
	color:#0057ff
}
.u-btn.btn-warn-plain {
	border-color:#fef0f0;
	background-color:#fef0f0;
	color:#ec3b3b
}
.u-btn.btn-primary-line {
	background-color:transparent;
	border-color:#0057ff;
	color:#0057ff
}
.u-btn.btn-warn-line {
	background-color:transparent;
	border-color:#ec3b3b;
	color:#ec3b3b
}
.u-btn.btn-white {
	background-color:#fff!important;
	border-color:#fff!important
}
.u-btn.btn-white.is-disabled {
	color:#bbb
}
.u-btn.is-disabled {
	background:#e8e8e8!important;
	border-color:#e8e8e8!important;
	color:#bbb!important;
	box-shadow:none!important
}
.u-btn.is-disabled:active {
	background:#e8e8e8!important;
	border-color:#e8e8e8!important
}
.u-btn.btn-xl {
	padding:0 1.56rem;
	height:3.12rem;
	line-height:2.99rem;
	font-size:1.17rem
}
.u-btn.btn-xl .iconfont {
	font-size:1.17rem
}
.u-btn.btn-n {
	padding:0 1.3rem;
	height:2.6rem;
	line-height:2.47rem
}
.u-btn.btn-l {
	padding:0 1.04rem;
	height:2.08rem;
	line-height:1.95rem;
font-size:.91rem
}
.u-btn.btn-m {
padding:0 .91rem;
	height:1.82rem;
	line-height:1.69rem;
font-size:.91rem
}
.u-btn.btn-m .iconfont {
font-size:.78rem
}
.u-btn.btn-s {
padding:0 .78rem;
	height:1.56rem;
	line-height:1.43rem;
font-size:.78rem
}
.u-btn.btn-s .iconfont {
font-size:.78rem
}
.u-btn.btn-mini {
padding:0 .65rem;
	height:1.3rem;
	line-height:1.17rem;
font-size:.65rem
}
.u-btn.btn-mini .iconfont {
font-size:.65rem
}
.img-block.radius-s img.u-btn, .u-btn.radius-s {
border-radius:.26rem
}
.u-btn.radius-no {
	border-radius:0
}
.u-btn.btn-block {
	display:block;
	width:-webkit-fill-available
}
#com-top-helper {
	display:none
}
#com-top-helper .bg {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:101;
	background-color:rgba(0, 0, 0, .5);
transition:opacity .2s ease-in-out
}
.com-top-helper {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:-webkit-box;
	display:flex;
	width:100%;
	height:4.16rem;
	background:linear-gradient(180deg, #fff5e6 0, #fff 100%);
border-top:.065rem solid #fff;
box-shadow:0 -.26rem 1.3rem rgba(0, 0, 0, .1);
	width:100%
}
.com-top-helper .flex {
	flex:1;
padding:.78rem 0 .78rem 1.04rem;
	box-sizing:border-box;
	overflow:hidden
}
.com-top-helper .photo {
	float:left;
	width:2.6rem;
	height:2.6rem;
margin-right:.52rem
}
.com-top-helper .photo img {
	border-radius:50%
}
.com-top-helper .photo.online:after {
	position:absolute;
right:.13rem;
bottom:.065rem;
	content:'';
width:.52rem;
height:.52rem;
	box-sizing:border-box;
	background:#11bb65;
	border:1px solid #fff;
	border-radius:50%
}
.com-top-helper .h22 {
	height:1.43rem;
	line-height:1.43rem
}
.com-top-helper .h22 strong {
	float:left;
	font-size:1.04rem;
	font-weight:600;
margin-right:.39rem
}
.com-top-helper .tag {
	float:left;
margin:.13rem 0 0 0;
padding:.13rem;
	box-sizing:border-box;
	border:1px solid #d9d9d9;
border-radius:.13rem;
font-size:.715rem;
	color:#999;
	line-height:1;
	text-align:center
}
.com-top-helper .h16 {
	height:1.04rem;
	line-height:1.04rem;
margin-top:.13rem;
font-size:.78rem
}
.com-top-helper .btn-warn {
	position:relative;
	width:7.28rem;
	height:2.08rem;
margin:1.04rem .52rem 1.04rem;
	background:linear-gradient(180deg, #ef6060 0, #ec3b3b 100%);
	border-radius:1.3rem;
	font-size:1.04rem;
	font-weight:600;
	line-height:2.08rem
}
.com-top-helper .btn-warn .num {
	position:absolute;
top:-.65rem;
	right:0;
	width:1.235rem;
	height:1.235rem;
	background:#000;
box-shadow:0 .13rem .39rem rgba(0, 0, 0, .15);
border-radius:.715rem;
font-size:.78rem;
	color:#fff;
	line-height:1.3rem;
	font-weight:600;
	text-align:center
}
.com-top-helper .notice-close {
	margin-right:1.04rem
}
.com-top-helper .notice-close .tag {
	margin:1.664rem 0 0 0;
	border:0
}
.bottom-bar {
	position:fixed;
	left:0;
	bottom:0;
	z-index:501;
	padding-bottom:constant(safe-area-inset-bottom)!important;
	padding-bottom:env(safe-area-inset-bottom)!important;
	width:100%;
	background-color:#fff
}
.bottom-bar .bg-shut {
	z-index:-1;
	bottom:100%
}
.u-btn {
	border-radius:2.86rem
}
.u-btn.btn-warn {
	border-color:#ec3b3b;
	background-color:#ec3b3b;
	color:#fff
}
.botm-shortcut-h64 {
	display:flex;
padding:.52rem .975rem .52rem 0;
	text-align:center;
	background-color:#fff;
box-shadow:0 -.13rem .325rem rgba(0, 0, 0, .05)
}
.botm-shortcut-h64 .botm-item {
	width:3.9rem;
padding-top:.39rem;
font-size:.78rem;
	line-height:1
}
.botm-shortcut-h64 .botm-item .iconfont {
	display:block;
	font-size:1.3rem;
margin:0 auto .39rem
}
.botm-shortcut-h64 .botm-item img {
	display:block;
	width:1.43rem;
	height:1.43rem;
margin:0 auto .39rem
}
.botm-shortcut-h64 .b-r {
	flex:1;
padding:0 0 0 .52rem;
	height:3.12rem
}
.botm-shortcut-h64 .b-r .u-btn {
	position:relative;
	display:block;
	height:inherit;
	line-height:1;
	font-size:1.04rem;
padding:1.04rem 0 .845rem;
	box-sizing:border-box
}
.botm-shortcut-h64 .b-r .u-btn b {
margin-right:.26rem
}
.botm-shortcut-h64 .b-r .u-btn p {
	font-size:1.04rem;
	color:#fff;
	font-weight:600
}
.botm-shortcut-h64 .b-r .u-btn .f11 {
font-size:.715rem;
	opacity:.8;
	font-weight:400;
margin-top:.39rem
}
.botm-shortcut-h64 .b-r .u-btn.row2 {
padding:.455rem 0
}
.botm-shortcut-h64 .b-r .u-btn .u-lable {
	position:absolute;
	left:50%;
	top:0;
margin:-.52rem 0 0 .975rem;
padding:0 .39rem;
	background:#000;
border-radius:.715rem .715rem .715rem 0;
font-size:.585rem;
	color:#fff;
	line-height:1.04rem;
	white-space:nowrap
}
.botm-shortcut-h64 .b-r .u-btn .u-lable:after {
	position:absolute;
	left:0;
	bottom:0;
	content:'';
border:.325rem solid transparent;
	border-left-color:#000;
	border-right:none;
	transform:translatey(30%)
}
.sidebar-v3 {
	position:fixed;
	right:0;
	bottom:42%;
	z-index:500;
	width:3.575rem;
	padding-bottom:constant(safe-area-inset-bottom);
	padding-bottom:env(safe-area-inset-bottom)
}
.sidebar-v3 .phone {
	background:url(../image/float-bg.png) no-repeat;
	width:3.51rem;
	height:3.423329rem;
	background-size:3.51rem 3.423329rem;
	box-shadow:none;
	padding:0;
	font-size:inherit;
	line-height:normal;
margin-left:-.1625rem;
	display:block
}
.sidebar-v3 .phone .consult {
	position:absolute;
top:.39rem;
left:.2275rem;
	width:1.43rem;
	height:1.43rem;
vertical-align:-.715rem;
margin-left:.26rem;
	transform-origin:center center;
	animation:shake-sidebar 4s linear infinite
}
.sidebar-v3 .phone .tips {
	position:absolute;
right:.39rem;
bottom:.26rem;
font-size:.65rem;
	text-align:center;
	color:#fff;
	font-weight:700
}
@keyframes shake-sidebar {
0% {
transform:rotate(0) scale(1)
}
4% {
transform:rotate(20deg) scale(1.2)
}
8% {
transform:rotate(0) scale(1)
}
13% {
transform:rotate(20deg) scale(1.2)
}
17% {
transform:rotate(0) scale(1)
}
33% {
transform:rotate(0) scale(1)
}
38% {
transform:rotate(20deg) scale(1.2)
}
42% {
transform:rotate(0) scale(1)
}
46% {
transform:rotate(20deg) scale(1.2)
}
50% {
transform:rotate(0) scale(1)
}
100% {
transform:rotate(0) scale(1)
}
}
.msg-text-dot {
	display:block;
	position:absolute;
right:.13rem;
top:-.325rem;
	z-index:999;
	color:#fff;
	width:1.04rem;
	height:1.04rem;
	background:url(../image/float-dot-phone.png) no-repeat 0 0;
	background-size:100% 100%
}
.msg-first-animation {
animation:msg-start .3s linear;
	transform-origin:left bottom
}
.msg-repeat-animation {
animation:msg-repeat .6s ease-in-out;
	transform-origin:center
}
@keyframes msg-start {
0% {
opacity:0;
transform:scale(0)
}
100% {
opacity:1;
transform:scale(1)
}
}
@keyframes msg-repeat {
0% {
transform:rotateZ(0)
}
20% {
transform:rotateZ(-10deg)
}
40% {
transform:rotateZ(20deg)
}
60% {
transform:rotateZ(-20deg)
}
80% {
transform:rotateZ(10deg)
}
100% {
transform:rotateZ(0)
}
}
@media screen and (max-width:450px) {
.sidebar-v3 .phone .tips {
-webkit-transform:scale(.95);
transform:scale(.95)
}
}
@media screen and (max-width:375px) {
.sidebar-v3 .phone .tips {
-webkit-transform:scale(.9);
transform:scale(.9);
bottom:.13rem;
right:.325rem
}
}
.navigation-for-details {
	z-index:1179891011;
	position:fixed;
	top:250px;
	left:15px;
	width:240px;
	box-shadow:none;
	border:1px solid #f2f2f2;
	font-size:14px;
	background-color:#fff
}
.navigation-for-details .title {
	padding-left:15px;
	height:40px;
	line-height:44px;
	border-bottom:1px dotted #e5e5e5;
	overflow:hidden;
	font-weight:601
}
.navigation-for-details .title i {
	cursor:pointer;
	font-weight:400
}
.navigation-for-details .title i.zmd-shousuo {
	position:absolute;
	right:12px;
	top:13px;
	font-size:16px
}
.navigation-for-details .title i.zmd-zhankai {
	display:none
}
.navigation-for-details .content {
	padding:10px;
	position:relative;
	overflow-y:auto
}
.navigation-for-details.hide {
	width:30px
}
.navigation-for-details.hide .title {
	height:auto;
	padding:10px 0 10px 6px;
	word-wrap:break-word;
	border:0;
	line-height:20px;
	color:var(--theme-color)
}
.navigation-for-details.hide i.zmd-zhankai {
	margin-top:5px;
	display:block!important
}
.navigation-for-details.hide .content, .navigation-for-details.hide .title i {
	display:none
}
.navigation-for-details ul {
	padding-left:15px
}
.navigation-for-details li {
	line-height:32px;
	cursor:pointer;
	color:var(--bs-gray-700)
}
.navigation-for-details li:not(.online, .sub) {
list-style-type:decimal
}
.navigation-for-details li:not(.online, .sub)::marker {
font-size:10px
}
.navigation-for-details li.sub {
	list-style-type:disc;
	font-size:13px;
	margin-left:12px;
	margin-bottom:8px;
	counter-increment:list-item 0;
	line-height:20px;
	color:var(--body-text)
}
.navigation-for-details li.sub+li:not(.sub) {
margin-top:8px
}
.navigation-for-details li.sub::marker {
color:#b8bfcf;
font-size:10px
}
.navigation-for-details li.online {
	margin-left:-11px;
	color:var(--bs-link-color)
}
.navigation-for-details li.online a {
	color:var(--bs-link-color)
}
.navigation-for-details li i {
	color:var(--theme-color);
	font-size:10px;
	padding-right:3px
}
@media screen and (max-width:1199px) {
.navigation-for-details {
display:none
}
}
.archives-details li+p {
	margin-top:25px
}
.archives-details ul {
	margin:25px 0
}


.pagelist{padding-top:20px;padding-bottom:20px; display: flex
;
    justify-content: center;
    align-items: center;}
.pagelist ul{text-align:center; }
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:var(--theme-color);background:var(--theme-color);color:#fff;}
.pagelist li.active a{border-color:var(--theme-color);background:var(--theme-color);color:#fff;}