/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*华艺字体*/
@font-face {
    font-family: 'Lora';
    src: url('/static/home/trade/font/Lora/static/Lora-Regular.ttf') format('truetype'); /* 根据实际情况替换文件路径和格式 */
    font-weight: 400;
    font-style: normal;
}

/* 更换字体 华艺商城专用 */
body{
	font-family: "Microsoft Yahei",'Arial', sans-serif !important;
	color: #000 !important;
}
.menu-link {
    font-family: "Microsoft Yahei",'Arial', sans-serif !important;
}
a{
	/* font-family: 'Arial', sans-serif !important; */
}
.font-primary {
    font-family: "Microsoft Yahei",'Arial', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Lora","Microsoft Yahei",'Yu Gothic UI', sans-serif !important;
    /*font-family: "Lora-regular", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;*/
}
.lora-font{
     font-family: "Lora","Microsoft Yahei",'Yu Gothic UI', sans-serif !important;
}
.br-0{
	border-right: 0 !important;
}

#top-search-i{
	position:static!important;width: 23px !important;
									height: 23px !important;
									line-height: 23px !important; font-size: 12px!important; margin-top: 8px!important;
}

/*对字体进行处理*/
.heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 0.5rem;
     font-weight: 400; 
    color: var(--cnvs-heading-block-span-color);
}
.list-title{
    font-weight: 400;
}
.xiaoxie.text-white.f18 {
    font-weight: 400; /* 或者你想要的其他字重值 */
}

.button-link .border-0 .color{
    font-size: 14px !important;
}

.chuizhi-middle{
	vertical-align: middle
}
.product-title{
	margin-bottom: 3px;
}
.product-title h4{
	margin-bottom: 3px !important;
}
/* 恢复alink 的下划线 */
.text-decoration-on{
	text-decoration:underline !important;
}
/* 首页客户留言星星颜色 */
.color{
	color: #ffa41c !important;
}

/* .top-cart-number::before, #page-menu-wrap, .page-menu-nav, .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active, .grid-filter li.activeFilter a, .grid-filter.style-4 li.activeFilter a::after, .grid-shuffle:hover, .entry-link:hover, .button, .button.button-dark:hover, .button.button-3d:hover, .fbox-icon i, .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, .tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .dark .entry-link:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark .tab-nav.tab-nav2 li.ui-state-active a, .dark #gotoTop:hover, .dark input.switch-toggle-round:checked + label::before, .dark input.switch-toggle-flat:checked + label, .dark input.switch-toggle-flat:checked + label::after{
	background: #ffffff;
} */
.h-60px{
	height: 50px !important;
}

#container {
	width: 100%;
	height: 100%;
  }

  .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
  color: #ffffff;
  text-shadow: none;
}
.footer-menu li a{
	line-height: 30px;
}

.mb-10rem{
	margin-bottom: 10rem;
}
.mb-5rem{
	margin-bottom: 5rem;
}
.mt-10rem{
	margin-top: 10rem;
}
.mt-5rem{
	margin-top: 5rem;
}
.section-c {
	position: relative;
	width: 100%;
	background-color: #F9F9F9;
	overflow: hidden;
}
.menu-link{
	text-transform:none !important;
}
.hui{
	color: #666666 !important;
}


.slider-caption{
	max-width: 600px;
}


.qianhui{
	background: #f5f5f5;
}

.before-heading{
	font-family:Arial, Helvetica, sans-serif;
}
.testi-content p{
	font-family:Arial, Helvetica, sans-serif;
}

.grid-filter li a:hover{
    color: #f0f0f0;
}

.breadcrumb1{
	position: relative !important;
	right: none !important;

    width: auto !important;
    top: 50% !important;
    left: auto !important;
	flex-wrap: wrap;
	list-style: none;
    margin: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 90%;
    transform: translateY(-50%);
	border-radius: 0.25rem;
}
/* .content-wrap{
	padding: 40px 0 !important;
} */
.box{
	box-sizing: border-box;
}
.border-c-h{
	border-color: #d2d2d2 !important;
}
.bg-hui{
	background: #eee !important;
}


.testimonials-carousel .owl-item {
	opacity: 0.25;
	transform: scale(.9);
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}

.testimonials-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1);
}

.testi-content p { font-size: 16px; }

.text-deepgreen{
	color: #007185 !important;
}
.text-mini{
	font-size: 14px !important;
	font-weight: normal !important;
	color: #666666!important;
}

.goods-color-label{
	padding: 0; width: 70px; height: auto;
}
.goods-color{
	width: 70px; height: 70px;
}

/* tag 标签 hover 为深色 */
.grid-filter li a:hover {
    color: #999999;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {
    color: #FFF !important;
    background-color: #00649e !important;
    border-color: #00649e !important;
}

.a-active{
	background: #00649e !important;
	color: #ffffff !important;
	border-color: #00649e !important;
}
.goods-select a:hover{
	background: #00649e !important;
	color: #ffffff !important;
	border-color: #00649e !important;
}
.btn-huayi {
    color: #fff;
    background-color: #00649e;
    border-color: #00649e;

}
.btn-huayi:hover{
	color: #fff;
	background-color: #666666;
    border-color: #666666;
}
.btn-huayi:disabled {
    opacity: 0.65;
	background-color: #00649e;
    border-color: #00649e;
}
.btn-mini, .btn-group-mini > .btn {
	padding: 0.1rem 0.5rem !important;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.grid-item > img, .grid-item .grid-inner > img {
    width: 100%;
    height: 90px !important;
	object-fit: cover !important;
    border-radius: 0;
}
.toosmall{
	font-size: 10px !important;
}
/* 字体全大写 */
.font-big{
	text-transform:Uppercase !important;
}
/* 商品列表title */
.goods-title{
	font-size: 16px !important;
}
/* 超出显示 */
.over-show{
	overflow:visible !important;
}
/* 产品列表title 大小 */
.list-title{
	font-size: 1.25rem !important;
}
.goods_show_title{
	font-size: 1.5rem !important;
}
.qtitle{
	font-size: 0.8rem !important;
}
.title-span{
	font-size: 0.9rem !important;
	color: #999;
	font-weight: normal;
}
/* 右侧导航 暂时不行,还得考虑手机版*/
/* #show_goods_right_menu{
	
    z-index: 599;
    position: fixed; 
	width: 420px;

    top: auto;
    left: auto;
    right: 280px;
    bottom: 200px;
    cursor: pointer;

} */

.fz3{
	font-size: 3rem !important;
}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {
	background-color:rgba(0,0,0,0);
}
.fz26px{
	font-size: 26px !important;
}
.fz16px{
	font-size: 16px !important;
}
.fz24px{
	font-size: 24px !important;
}
.fjj2{
	letter-spacing:2px !important;
}
/* .button.button-rounded {
    border-radius: 0px !important;
} */
/* .btn {
    border-radius: 0 !important;
} */
/* .border-radius-0{
	border-radius:0 !important;
} */
.fz1rem{
	font-size: 1rem !important;
}
.fz1-2rem{
	font-size: 1.2rem !important;
}
.fz1-25rem{
	font-size: 1.25rem !important;
}

.juzhong-parent {
    display: table;
}

.juzhong-child {
    display: table-cell;
    vertical-align: middle;
}
.goods-show p{
	margin-bottom: 0 !important;
}


.block-card-9 .grid-inner .btn-hover {
	opacity: 0;
	display: block;
	transition: opacity .3s ease, transform .3s .1s ease;
	margin-top: 15px;
	position: absolute;
	transform: translateY(0);
}
.block-card-9 .grid-inner:hover .btn-hover {
	opacity: 1;
	transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
	-webkit-animation: kenburns 20s ease-out both;
	animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
	transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }

@-webkit-keyframes kenburns {
  0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 84%;
			transform-origin: 84% 84%;
  }
  100% {
	-webkit-transform: scale(1.25) translate(20px, 15px);
			transform: scale(1.25) translate(20px, 15px);
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
  }
}
@keyframes kenburns {
  0% {
	-webkit-transform: scale(1) translate(0, 0);
			transform: scale(1) translate(0, 0);
	-webkit-transform-origin: 84% 84%;
			transform-origin: 84% 84%;
  }
  100% {
	-webkit-transform: scale(1.25) translate(20px, 15px);
			transform: scale(1.25) translate(20px, 15px);
	-webkit-transform-origin: right bottom;
			transform-origin: right bottom;
  }
}

.entry-title h3 {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 20px;
}

.entry-title.title-sm h2,
.entry-title.title-sm h3,
.entry-title.title-xs h2,
.entry-title.title-xs h3 {
	font-size: 1.25rem;
	line-height: 1.6;
}
.entry-title.title-xs h2,
.entry-title.title-xs h3,
.entry-title h4 {
	font-size: 1.15rem;
}

.entry-title h4 {
	font-size: 1rem;
	font-weight: 400;
}

.entry-title h2 a,
.entry-title h2 a:hover,
.entry-title h3 a,
.entry-title h3 a:hover,
.entry-title h4 a:hover  { color: #222 !important; }

.dark .entry-title h3 a,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover  { color: #EEE !important; }

:not(.dark) .entry-categories a {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #333;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.dark .entry-categories a { color: var(--themecolor, #F39887); }

.entry-meta {
	display: block;
	float: none;
	margin: 8px 0 0 0 !important;
}

.entry-content {
	margin-top: 25px;
}

.entry-content p {
	color: #555;
	font-size: 15px;
	line-height: 22px !important;
}

.dark .entry-content p { color: rgba(255, 255, 255, 0.7); }

.posts-md .entry-meta,
.posts-md .entry-meta a,
.posts-sm .entry-meta,
.posts-sm .entry-meta a {
	font-size: 14px;
}

.dark .entry-meta li a { color: #AAA !important; }

.posts-sm .entry:not(:first-child) .grid-inner,
.posts-md .entry:not(:first-child) .grid-inner {
	padding-top: 2rem;
	border-top: 1px solid #E5E5E5;
}
.week-posts {
	list-style: none;
}

.week-posts li .entry-image {
	display: none;
}

.week-posts > li {
	counter-increment: step-counter;
}

.week-posts > li .grid-inner::before {
	content: "" counter(step-counter)'.';
	position: absolute;
	left: 0;
	font-size: 26px;
	font-weight: 700;
	font-family: var(--font-serif, 'Literata', serif);
	color: #DDD;
	line-height: 1;
}

.week-posts > li .grid-inner {
	padding-left: 48px;
}

.dark .week-posts > li::before { color: rgba(255,255,255,0.3); }




/* ----------------------------------------------------------------
	Canvas: Blog
-----------------------------------------------------------------*/


/* change your menu color here */
:root {
	--themecolor: #87b7f3;
	--themecolorrgba: 219, 224, 251;
	--font-serif:  'Domine', serif;
	--font-sans:  'Roboto', sans-serif;
}



.color-underline {
	background-image: linear-gradient(rgba(var(--themecolorrgba, 219, 224, 251), 0.3), rgba(var(--themecolorrgba, 219, 224, 251), 0.3));
	background-repeat: no-repeat;
	background-size: 0 8px;
	background-position: 0 82%;
	padding: 0 2px 2px 0;
	transition: background .6s cubic-bezier(.19,1,.22,1);
}

.color-underline:hover { background-size: 100% 8px; }


.slider-caption h1 {
	/* color: #ffffff !important; */
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px){
	/* 自定义列宽类，平均分为5块 */
.col-lg-2-4 {
	flex: 0 0 20%; /* 设置固定宽度为20% */
	max-width: 20%;
  }
	.me-lg-0 {
		margin-right: 0 !important;
	  }
	
	.sub-menu-container .menu-item > .menu-link {
		font-weight: 500;
	  }
	.h-auto .swiper-wrapper, .min-vh-0 .swiper-wrapper {
		height: 90vh;
	}
	.search-with{
		width: 100% !important;
	}
	.menu-text{
		display: none !important;
	}
	/*.sub-menu-container, .mega-menu-content{*/
	/*	width: 300px;*/
	/*}*/

	/* .col-lg-3 {
		
		max-width: 100%;
	} */

	

	.portfolio-item { transition: transform .3s ease; }

	.portfolio-item:hover {
		transform: translateY(-5px);
	}
	.border-between > [class*='col-']::before {
		background: #E5E5E5;
		bottom: 0;
		content: " ";
		left: 0;
		position: absolute;
		width: 1px;
		top: 0;
	 }
 
	 .dark .border-between > [class*='col-']::before { background: rgba(255, 255, 255, 0.2); }
 
	 .border-between > [class*='col-']:first-child::before { display: none; }
 
	 /* Re-Edit Bootstrap */
	 .border-between > [class*='col-'],
	 .border-between .container,
	 .border-between .container-fluid {
		 padding-right: 30px;
		 padding-left: 30px;
	 }
 
	 .border-between.row {
		 margin-right: -30px;
		 margin-left: -30px;
	 }
	 .content-wrap { overflow: inherit; }

	.widget-nav .nav { flex-direction: column; }

	.widget-nav .nav .nav-item .nav-link {
		padding: 5px 0 5px 15px;
		border-left: 1px solid #DDD;
		line-height: 1.8;
	}
	.slider-caption h1 {
		font-size: 3rem ;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	
	}
	.slider-caption h2 {
		font-size: 3rem ;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	
	}
	.slider-caption h3 {
		font-size: 3rem !important;
		letter-spacing: 2px !important;
		text-transform: uppercase !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		margin-bottom: 0 !important;
		color: #ffffff !important;
	}
	.fz26px{
		font-size: 26px !important;
	}
	.fz125{
		font-size: 1.25rem !important;
	}

	.dark .widget-nav .nav .nav-item .nav-link,
	.dark #header.sticky-header #header-wrap,
	.dark .single-post .media-content .entry-title { border-color: rgba(255, 255, 255, 0.1); }
}
@media (max-width: 767.98px){
	.heading-block h2 {
		font-size: 20px;
	}
	.footer-widgets-wrap h4{
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.search-with{
		width: 330px !important;
	}
	.menu-text{
		color: #666;
	}

}

#page-title {
    position: relative;
    padding: 5rem 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}





.blue{
	color: #085da8 !important;
}

/* .top-links-item {
	position: relative;
	border-left: 1px solid #3b3b3b;
} */
/* #top-social li { border-left: 1px solid #3b3b3b; } */
.cloud-pet{
	color: #333 !important;
}
/* 纸张专用 */
@media (min-width: 768px) {
	.min-vh-md-90 {
		min-height: 90vh !important;
	}
	.min-vh-md-80 {
		min-height: 80vh !important;
	}
	
}
.slider-caption {
	margin-left: 40rem;
	
}
body section{
	/* background-color: #fff; */
}
.text-bg{
	background: #f7f7f7;
}
.contact-properties [class^=col-] > a, .button, .feature-box.media-box.fbox-bg {
	border-radius:0;
}

.pl-10,
.px-10 {
  padding-left: 6rem !important;
}

.block-hero-6 .font-secondary {
	font-family: 'Grand Hotel', cursive;
}

.block-hero-6 {
	--color: 34,46,43;
}

.block-hero-6 .hero-img {
	border: 16px solid #FFF;
}
.font-blod{
	font-weight: 600;
}
.xiaoxie{
	text-transform:none !important;
	letter-spacing:0 !important;
}
#footer .footer-widgets-wrap {
    position: relative;
    padding: 0;
}
.bg-green{
	background: #333;
}
.font-white{
	color: #fff;
}
.bg-black{
	background: #333;
}
#copyrights {
    padding: 20px 0;
    background-color: #333;
    font-size: 0.875rem;
    line-height: 1.8;
	color: #fff;
}

/* .menu-link {
    display: block;
    line-height: 22px;
    padding: 14px 10px;
    color: #444;
    font-weight: 550;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    font-family: Arial, Helvetica, sans-serif;
} */
/* .sub-menu-container .menu-item > .menu-link{
	font-size: 0.85rem;
	font-weight: 500;
}
.sub-menu-container .menu-item a:hover div{
	font-weight: 500;
} */
.slider-2 h2{
	color: #000 !important;
}
.slider-note{
	color: #808080 !important;
}
.fs-1{
	font-size: 1rem !important;
}
.font14{
	font-size: 14px !important;
}
.f18{
	font-size: 18px !important;
}
.pt-10{
	padding-top: 6rem !important;
}
.pb-10{
	padding-bottom: 6rem !important;
}
.over-hidden{
	overflow: hidden !important;
}
.floating-contact-wrap .floating-contact-box{
	width: 300px !important;
}
.f-white{
	color: #fff !important;
}
floating-contact-btn1 a:visited{
	color:#fff !important;
}

.section-features { padding: 120px }
.me-3{
	margin-right: 1rem !important;
}
.small-font{
	font-size: 0.875rem !important;
}

.badge.badge-default {
    border: 1px solid var(--themecolor, #fE9603);
    color: var(--themecolor, #fE9603);
}
.badge {
    padding: 8px;
    font-size: 12px;
    margin-bottom: 15px;
    border-radius: 2px;
    font-weight: 500;
    line-height: .8;
}

.tool-text-color{
	color: #3d80e4 !important;
}
.font-spacing-3{
	letter-spacing: 5px;
}

.slider-element {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slide-imgs .iphone-img {
	position: relative;
	z-index: 1;
	margin-left: 100px;
	width: 330px;
	-webkit-transform: perspective(1400px) rotateY(-20deg) rotateX(10deg) rotateZ(6deg) scale(0.8) translateX(50%) translateY(6%);
	transform: perspective(1400px) rotateY(-20deg) rotateX(10deg) rotateZ(6deg) scale(0.8) translateX(50%) translateY(6%);
	transition: transform 0.45s cubic-bezier(0.2, 0.7, .3, 1);
}

.slide-imgs:hover .iphone-img {
	-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.95) translateX(40%) translateY(8%);
	transform: perspective(1000px) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(0.95) translateX(40%) translateY(8%);
}

.slide-imgs .card-img {
	position: absolute;
	bottom: 10px;
	left: -90px;
	width: 560px;
	transition: opacity 0.65s cubic-bezier(0.2, 0.7, .3, 1);
	z-index: 1;
}

.slider-element  { z-index: 1; }

/* .menu-link {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
} */
.menu-link {
    font-family: "Microsoft Yahei", sans-serif !important;
}
/* .menu-link > div {
    padding: 4px 0px;	
} */
#header {   
    border-bottom: 0px solid #333 !important;
}

/* 不显示标题下的短线 */
.heading-block::after {  
    border-top: 0px solid #444 !important;
}
.line-height-2{
	line-height: 2.5rem;
}
.text-none{
	text-transform:none !important;
}

.text-transform-up{
	text-transform: uppercase;
}
.diy_bg{
	background: #fff;
	/* box-shadow: 2px 2px 5px #666; */
	
}
.diy_bg p{
	text-align: center;
	padding-left: 1rem;
	
}
.diy_bg p>span{
	color: #009ca5;
}
.text-14{
	font-size: 14px;
}
.radius-0{
	border-radius:0;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #009ca5;
    border-color: #009ca5;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #009ca5;
    border-color: #009ca5;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #ced4da;
}
.btn-dichuang {
    color: #fff;
    background-color: #009ca5;
    border-color: #009ca5;
}
.checkbox-style:checked + .checkbox-style-3-label:before, .radio-style:checked + .radio-style-3-label:before {
    content: "\e92b";
    font-family: 'lined-icons';
    background: #009ca5;
    color: #FFF;
}
.dark .button.button-border:not(.button-light):not(.button-fill){
	border-color: rgba(127,127,127,1);
	color: rgba(127,127,127,1);
}
.all_center{
	width: 12rem; height: auto;position: absolute;
         left:50%;
         top:30%;
         transform: translate(-50%, -50%);
}
#footer {
    border-top: 0px solid rgba(0,0,0,0.2);
	padding-top: 2rem;
}
.xiaoxie{
	text-transform:none !important;
}
.linkheight1{
	line-height: 2rem;
}
.linkheight2{
	line-height: 3rem;
}
.entry-content-index p{
	color: #999;
}
#copyrights a:hover{
	color:#999;
}
#copyrights a{
	color:#666;
}
.artile-show ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.fbox-icon {
	width:4.5rem;
	height: 3.5rem;
	padding: 0 0.75rem;
  }
  .menu-link{
	/* font-weight: 500;
	color: #999 !important;
	font-size: 12px !important; */
  }
  .vertical-bottom {
	z-index: 3;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 100%;
	justify-content:end;
	flex-flow: column;
}

.vertical-bottom-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.vertical-bottom + .video-wrap { z-index: 2 !important; }
.footer-diy p{
	margin-bottom: 1rem !important;
}
.huayi-color{
	background: #eeebe6;
}
.text-huayi, .text-huayi p a{
	color: #8b7577;
}

/* 下边虚线 */
.dashed-border {
	background: linear-gradient(
		
        to left,
        transparent 0%,
        transparent 50%,
        #ccc 50%,
        #ccc 100%
    );
    background-size: 10px 1px;
    background-repeat: repeat-x;
	background-position: bottom; /* 将虚线边框放在下边缘 */
    padding-bottom: 10px; /* 添加一些底部空白以使虚线更清晰 */
	padding-top: 10px; /* 向下推内容以防止被虚线遮住 */

}

  /* 华艺颜色 */
  .btn-huayi{	
	background-color: #3e1e1f;
  }

  /* Floating Contact
-----------------------------------------------------------------*/
.floating-contact-wrap {
	position: fixed;
	right: 50px;
	bottom: 120px;
	z-index: 299;
}

.floating-contact-wrap .floating-contact-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background-color: #ff8600;
	color: #FFF;
	cursor: pointer;
	z-index: 3;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
	border: 0;
}
.floating-contact-wrap .floating-contact-btn:hover,
 .floating-contact-btn {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	background-color: #ff8600;
	color: #FFF;
}


.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-backface-visibility: hidden;
}







.floating-contact-wrap1 {
	position: fixed;
	right: 50px;
	bottom: 180px;
	z-index: 299;
	
}

.floating-contact-wrap1 .floating-contact-btn1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background-color: #128c7e;
	color: #FFF;
	cursor: pointer;
	z-index: 3;
	color: #FFF;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
	border: 0;
}

.floating-contact-wrap1 .floating-contact-btn1:hover,
 .floating-contact-btn1 {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	background-color: #128c7e;
	color: #FFF;
}
.floating-contact-wrap1 .floating-contact-btn1 .floating-contact-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-backface-visibility: hidden;
}

/* 变换数字样式 */
.fw-0 {
    font-weight:normal !important;

}
.button-rounded{
	border-radius: 5px !important;
}
.button.button-border:not(.button-fill):hover {
    background-color: var(--cnvs-themecolor);
    color: #fff;
    border-color: transparent !important;
}
.btn {
	border-radius: 0;
}
.btn:hover {
    background-color: #6c757d;

}
 .widget_links_border li a {
    display: inline-block;
    padding: 0.25rem 0.25rem 0.25rem 0.75rem;
    /* border: none !important; */
	border: 1px solid #999 !important;	
    color: var(--cnvs-heading-color);
	font-size: medium;
}
.widget_links_border:not(.widget-li-noicon) li::before{
	content: "";
}

:root {
    --cnvs-themecolor: #000000;
	
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: static !important;
	padding-top: 0 !important;
    
    width: 800px  !important;
    height: 500px !important;
}
.fluid-width-video-wrapper {    
    padding-top: 0 !important;
}
.atricle-note p{
    margin-bottom: 0px;
}


@media (min-width: 1400px){
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
}


.huayi-product-show p{
    line-height: 2rem !important;
}

}

.tab_style{
	font-size: small; display: inline-block; width: 60px; color: #666;
}
.tab_down_text{
	font-size: small;  color: #666;
}