@font-face {
  font-family: 'Lora';
  src: url('../font/Lora-Regular.woff2') format('woff2'),
       url('../font/Lora-Regular.woff') format('woff'),
       url('../font/Lora-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lora';
  src: url('../font/Lora-Bold.woff2') format('woff2'),
       url('../font/Lora-Bold.woff') format('woff'),
       url('../font/Lora-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: bold;
}
:root {
--primary-color:#088178;
--secondary-color:#7fb82c;
--heading-color:#303538;
--sub-heading-color:hsl(0,0%,30%);
--muted-color:hsl(0,0%,60%);
--yellow-color:#fec42d;
--yellow-light:#f7c481;
--yellow-secondary-light:#fee4c3;
--body-color:#504e4b;
--white-color:#fff;
--grey-color:#f8f5f0;
--red-color:#ec5252
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Lora', serif;
}
body {
	color: var(--body-color);
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	background-color: var(--white-color)
}
button, html, input, select, textarea {
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.btn-primary {
	background-color: var(--primary-color);
	border: 0;
	margin: 20px 0;
	border-radius: 25px
}
.cpy-primary{margin:0}
.download-row{display: flex;flex-direction: column;}
.download-row a.btn-primary{margin: 5px 20px;border-radius: 0px;}
.btn-primary:hover {
	background-color: var(--yellow-light);
	color: var(--body-color);
	transition: all .3s ease
}
.btn-primary-outline {
	background-color: transparent;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	margin: 20px 0;
	border-radius: 25px
}
.btn-secondary {
	background-color: var(--yellow-light);
	border: 1px solid var(--yellow-light);
	margin: 20px 0;
	border-radius: 25px
}
.btn-secondary:hover {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	transition: all .3s ease
}
.btn-secondary-outline {
	background-color: transparent;
	border: 2px solid var(--primary-color);
	transition: all .3s ease
}
.btn-icon {
	margin-bottom: 5px
}
.badge-primary {
	background-color: var(--primary-color);
	color: var(--white-color)
}
.badge-yqxl{
	background-color: #ffc107;
    color: var(--white-color);}
.badge-secondary {
	background-color: var(--yellow-light)
}
.text-green {
	color: var(--primary-color)
}
.nav-pills li {
	background-color: var(--grey-color);
	margin: 5px;
	border-radius: 5px;
	padding: 0
}
.nav-pills li a {
	padding: 3px
}
.nav-pills li .nav-link.active {
	background-color: var(--primary-color)
}
.nav-pills li .nav-link.active:hover {
	color: var(--white-color)
}
.justify-content-center {
	display: flex;
	align-content: center;
	width: 100%;
	flex-wrap: wrap
}
img {
	object-fit: cover
}
a {
	transition: color .25s;
	color: #088178;
	text-decoration: none;
	outline: 0 none
}
a:hover {
	color: #088178
}
b {
	color: #088178
}
a:link {
	text-decoration: none
}
ul li {
	list-style: none
}
input:focus, textarea:focus, button:focus {
	outline: medium none
}
input[type="text"], input[type="email"], input[type="number"], input[type="file"] {
	font-size: 14px
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
.custom-select {
	font-size: 14px
}
::selection {
	background: #088178;
	color: #fff;
	text-shadow: none
}
.pinpai{color: #088178;}
.chanpin-h1{text-align: center;padding: 0 0 2rem 0;}
.chanpinlm-banner{background-color: #f5f6fa;padding-bottom: 50px;}
.chanpinlm-p a{color: #fff;font-weight: 600;background-color: #088178;padding: 10px 20px;border-radius: 5px;}
.chanpinlm-p a:hover{color: #000;}
.chanpinlm-p a:before {
    content: ">";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #fff;
    margin-right: .375rem;
    top: 1px;
    position: relative;
}
.chanpin-lanmu-boke{background-color: #f5f6fa;padding: 20px 0 30px;}
.chanpin-lanmu-boke .xgzhishi{padding-top: 20px;}
.chanpin-lanmu-boke a{font-weight: 600;font-size: 18px;}
.chanpin-lanmu-boke a:hover{color: #504e4b;}
.chanpin-lanmu-boke ul li{border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 1rem;}
.card {
	padding: 15px;
	border: 0
}
.pagination li a {
	color: var(--primary-color);
	border-radius: 25px;
	margin-right: 5px
}
.pagination .page-item.active a {
	background-color: var(--primary-color);
	border-color: var(--primary-color)
}
.modal h5 {
	color: var(--heading-color);
	font-weight: 600
}
.modal .close span {
	background-color: var(--red-color);
	height: 30px;
	width: 30px;
	border-radius: 50%;
	padding: 1px 10px;
	color: var(--white-color)
}
.modal .modal-footer .btn {
	margin-right: 10px;
	font-size: 14px
}
.modal .product {
	background-color: var(--grey-color)
}
.modal .product h2 {
	color: var(--heading-color);
	font-weight: 600
}
.modal .product .product-info p {
	margin: 0
}
.modal .product-row .media img {
	width: 80px;
	height: 80px;
	border-radius: 50%
}
.modal .product-row .media h5 {
	font-size: 14px
}
.accordion .card {
	border-radius: 10px
}
.accordion .card-header {
	border: 0;
	background-color: var(--grey-color)
}
.accordion .card h3 .btn {
	text-decoration: none;
	color: var(--primary-color);
	font-weight: 600
}
.accordion .card h4 .btn {
	text-decoration: none;
	color: var(--primary-color);
	font-weight: 600
}
.table-responsive table img {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	margin-right: 10px
}
.table-responsive table h5 {
	font-size: 14px;
	color: var(--heading-color)
}
.table-responsive table .media span {
	display: block
}
.table-responsive table .badge {
	padding: 5px 10px
}
.order-title {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--white-color)
}
.followers {
	margin-top: 30px
}
.followers .heading {
	font-weight: 700;
	color: var(--heading-color)
}
.followers .card {
	border: 1px solid var(--grey-color);
	background-color: var(--grey-color);
	margin: 20px 0 20px 0
}
.followers .card .d-flex {
	justify-content: space-between
}
.followers .card .media img {
	width: 80px;
	height: auto;
	border-radius: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	transition: transform 0.3s ease;
}
.followers .card .media img:hover{transform: scale(1.1);}
.followers .card .media h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 600
}
.followers .card .media .rating {
	margin: 0
}
.followers .card .media .rating i {
	color: orange
}
.followers .card .media .badge {
	font-weight: 300;
	font-size: 13px
}
.followers .card a.btn-primary {
	background-color: var(--primary-color);
	padding: 10px 20px 10px 20px;
	font-size: 14px
}
.followers .card a.btn-primary:hover {
	background-color: var(--yellow-light)
}
.topbar {
	background-color: #fff;
	border-bottom: 1px solid #d6d6d6
}
.topbar .gaodu{padding: 5px;}
.topbar .gaodu .head-toubu-abq ul li a{color:#504e4b !important;}
.topbar .gaodu .head-toubu-abq ul li a:hover{color:#088178 !important;}
.topbar .container-fluid ul{margin-bottom: 0px;}
.topbar .text-left ul li, .topbar .text-lg-right ul li {
	display: inline;
	padding-right: 10px
}
.topbar .text-lg-right ul li a.btn-login {
	background-color: #088178;
	color: #fff;
	padding: 5px 20px;
	border-radius: 3px
}
.topbar .text-lg-right ul li a.btn-signup {
	background-color: #fee4c3;
	color: #504e4b;
	padding: 5px 20px;
	border-radius: 3px
}
.topbar .text-lg-right ul li a.btn-signup:hover {
	background-color: #f7c481
}
.topbar .text-left ul li a {
	color: #504e4b
}
.topbar .text-left ul li a:hover {
	color: #088178
}
.navbar {
	background-color: #fff;
	-webkit-box-shadow: 0 6px 5px -4px rgba(235,235,235,1);
	-moz-box-shadow: 0 6px 5px -4px rgba(235,235,235,1);
	box-shadow: 0 6px 5px -4px rgba(235,235,235,1)
}
.navbar .navbar-nav .nav-item a {
	color: #6d6c6c;
	font-size: 15px
}
.navbar .navbar-nav .nav-item button {
	color: #6d6c6c;
	font-size: 15px
}
/**新增下拉菜单**/
.dropdown-menu-x{
	width: 75vw;
    max-width: 1100px;
    min-width: 750px;
    background: #fff;
	box-shadow: hsl(0, 0%, 80%) 0 5px 10px 0px;
    border: 0;
    z-index: 1000;
    padding: 1.2em 2em 1.4em;
	margin-left: -200px;
}
.dropdown-menu-hy{width: 600px;}
.dropdown-menu-x .title {
    font-weight: bold;
    margin-bottom: 5px;
	border-bottom: 1px dotted #293133;
}
.dropdown-menu-x .title a{color: #000000 !important;font-size: 16px !important;}
.dropdown-menu-x .title a:hover{color: #1f5380 !important;}
.dropdown-menu-x .product-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
.dropdown-menu-x .product-list li{padding-top: 10px;}
.dropdown-menu-x .product-list li a{display:block;line-height:1.2;color:#000 !important;}
.dropdown-menu-x .product-list li a:hover{color:#1f5380 !important;}
.dropdown-menu-x .product-list li a:before{
	content: ">";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #088178;
    margin-right: .375rem;
    top: 1px;
    position: relative;
    margin-left: -15px;}
.dropdown-menu-x .product-list li span{margin-left: 15px;color:#000 !important;}
.dropdown-menu-x .product-list li span:hover{color:#088178 !important;}
.dropdown-menu-x .product-list li span:before{
	content: ">";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #088178;
    margin-right: .375rem;
    top: 1px;
    position: relative;
    margin-left: -15px;}
/**新增下拉菜单End**/
/**新增行业展示框**/
.industry-fl{
    background: #fff;
    border: 0;
    z-index: 1000;
    padding: 1.2em 2em 1.4em;
}
.industry-fl h2{text-transform: uppercase;}
.industry-fl .title {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .industry-fl .product-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
.industry-fl h3{font-size: 20px;}
.industry-fl .product-list li{display: block;margin-left: 15px;font-weight: 500;}
.industry-fl .product-list li a{margin-left: 15px;font-weight: 500;text-decoration: underline;}
.industry-fl .product-list li a:hover{color:#000}
.industry-fl .product-list li a:before{
	content: ">";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #088178;
    margin-right: .375rem;
    top: 1px;
    position: relative;
    margin-left: -15px;}
.industry-fl .product-list li span{margin-left: 15px;font-weight: 500;text-decoration: underline;color: #088178;}
.industry-fl .product-list li span:hover{color:#000}
.industry-fl .product-list li span:before{
	content: ">";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #088178;
    margin-right: .375rem;
    top: 1px;
    position: relative;
    margin-left: -15px;}
.industry-fl .product-list .fuhao-g{margin-left: 30px;}
.product-list .fuhao-g{display: list-item;}
.product-list .fuhao-g:before{
	content: "-";
    font-family: inherit;
    line-height: inherit;
    font-size: 1.125em;
    font-weight: 600;
    display: inline-block;
    color: #088178;
    margin-right: .375rem;
    top: 1px;
    position: relative;
    margin-left: -15px;}
/**新增行业展示框End**/
.navbar .navbar-nav .dropdown-menu {
	margin-top: 12px
}
.navbar .navbar-toggler i {
	font-size: 28px
}
.navbar .navbar-brand img {
	width: 100px
}
.navbar .form-inline input[type="text"] {
	height: 35px;
	border-radius: 3px;
	position: relative
}
.navbar .form-inline button {
	padding: 5px 10px;
	border-radius: 3px;
	position: absolute;
	right: 2%;
	background-color: transparent;
	color: #303538
}
.navbar .form-inline button:hover {
	background-color: #088178;
	color: #fff
}
.mobile-header-items {
	display: flex;
	justify-content: space-between
}
.off-canvas-btn i {
	font-size: 18px;
	cursor: pointer
}
.mobile-icons a:first-child {
	margin: 0 15px 0 0
}
.main-mobile-header .mobile-form {
	margin-top: 30px;
	height: auto;
	width: 100%
}
.main-mobile-header .mobile-form .form-group {
	position: relative
}
.main-mobile-header .mobile-form .form-group .btn {
	position: absolute;
	right: 2%;
	top: 10%
}
.mobile-navigation {
	overflow: hidden
}
.mobile-navigation nav {
	height: 100%
}
.mobile-menu {
	margin-top: 30px;
	height: 100%;
	overflow: auto;
	padding-right: 30px;
	margin-right: -30px
}
.mobile-menu li>a {
	font-size: 15px;
	color: #333;
	text-transform: capitalize;
	line-height: 18px;
	position: relative;
	display: inline-block;
	padding: 10px 0
}
.mobile-menu li>a:hover {
	color: #007bff
}
.mobile-menu li ul li {
	border: 0;
	padding-left: 15px
}
.mobile-menu li ul li a {
	font-size: 14px;
	text-transform: capitalize;
	padding: 8px 0
}
.mobile-menu li.menu-item-has-children {
	display: block;
	position: relative
}
.mobile-menu li.menu-item-has-children .menu-expand {
	line-height: 50;
	top: -5px;
	left: 95%;
	width: 30px;
	position: absolute;
	height: 50px;
	text-align: center;
	cursor: pointer
}
.mobile-menu li.menu-item-has-children .menu-expand i {
	display: block;
	position: relative;
	width: 10px;
	margin-top: 25px;
	border-bottom: 1px solid #333;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out
}
.mobile-menu li.menu-item-has-children .menu-expand i:before {
	top: 0;
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	border-bottom: 1px solid #333;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.mobile-menu li.menu-item-has-children.active>.menu-expand i:before {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
.mobile-menu {
	padding-bottom: 15px;
	padding-top: 25px;
	background-color: #fff;
	margin-top: 0
}
.mobile-menu .mobile-logo img {
	width: 90px
}
.mobile-form .form-group {
	position: relative
}
.mobile-form .form-group .btn {
	position: absolute;
	right: 2%;
	top: 10%
}
.mobile-menu .user-icons a i {
	font-size: 25px
}
.mobile-menu .user-icons a:first-child {
	padding: 0 2px
}
.off-canvas-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vh;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	z-index: 9999
}
.auth-links-offcanvas ul {
	display: flex
}
.auth-links-offcanvas ul li a.shopping-cart {
	margin-right: 15px
}
.auth-links-offcanvas ul li a.login-btn {
	background-color: transparent;
	padding: 3px 10px;
	color: #504e4b;
	margin-right: 10px;
	border: 1px solid #088178
}
.auth-links-offcanvas ul li a.signup-btn {
	background-color: #f7c481;
	border: 1px solid #f7c481;
	padding: 3px 10px;
	color: #504e4b
}
.off-canvas-wrapper.open {
	opacity: 1;
	visibility: visible
}
.off-canvas-wrapper.open .off-canvas-inner-content {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}
.off-canvas-wrapper .off-canvas-overlay {
	background-color: rgba(0,0,0,0.4);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}
.off-canvas-wrapper .off-canvas-inner-content {
	background-color: #fff;
	width: 300px;
	padding: 20px;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	-ms-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.off-canvas-wrapper .btn-close-off-canvas {
	top: 0;
	left: 100%;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background-color: #088178
}
.off-canvas-wrapper .btn-close-off-canvas i {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	display: block;
	line-height: 40px
}
.off-canvas-wrapper .btn-close-off-canvas:hover i {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.off-canvas-wrapper .off-canvas-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: auto;
	height: 100%
}
.search-box-offcanvas form {
	position: relative
}
.search-box-offcanvas form input {
	color: #666;
	font-size: 13px;
	width: 100%;
	height: 40px;
	border: 0;
	padding: 0 40px 0 10px;
	background-color: #f2f2f2
}
.search-box-offcanvas form .search-btn {
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 20px;
	color: #333;
	position: absolute
}
.search-box-offcanvas form .search-btn:hover {
	color: #007bff
}
.offcanvas-search-inner {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	position: fixed;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	visibility: hidden;
	z-index: 9
}
.offcanvas-search-inner.show {
	opacity: 1;
	visibility: visible
}
.offcanvas-search-inner.show .offcanvas-search-box {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.offcanvas-search-inner .offcanvas-close {
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #fff;
	color: #007bff;
	font-size: 22px;
	cursor: pointer;
	top: 50px;
	right: 50px;
	position: absolute;
	z-index: 9
}
.offcanvas-search-inner .offcanvas-close i {
	display: block;
	line-height: 50px;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s
}
.offcanvas-search-inner .offcanvas-close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.offcanvas-search-box {
	height: 100vh;
	padding: 0 30px;
	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;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.offcanvas-search-box .bdr-bottom {
	border-color: #007bff
}
.offcanvas-search-box input {
	width: 100%;
	border: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding-right: 20px;
	padding-bottom: 15px;
	background-color: transparent
}
.offcanvas-search-box input::-webkit-input-placeholder {
color:#fff;
font-size:16px;
opacity:1
}
.offcanvas-search-box input:-ms-input-placeholder {
color:#fff;
font-size:16px;
opacity:1
}
.offcanvas-search-box input::-ms-input-placeholder {
color:#fff;
font-size:16px;
opacity:1
}
.offcanvas-search-box input::placeholder {
color:#fff;
font-size:16px;
opacity:1
}
.offcanvas-search-box .search-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	padding-bottom: 15px;
	text-transform: capitalize;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.offcanvas-search-box .search-btn i {
	display: block;
	line-height: 1;
	font-size: 28px;
	padding-right: 15px
}
.offcanvas-search-box .search-btn:hover {
	color: #007bff
}
.search-box-offcanvas form {
	position: relative
}
.search-box-offcanvas form input {
	color: #666;
	font-size: 13px;
	width: 100%;
	height: 40px;
	border: 0;
	padding: 0 40px 0 10px;
	background-color: #f2f2f2
}
.search-box-offcanvas form .search-btn {
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 20px;
	color: #333;
	position: absolute
}
.search-box-offcanvas form .search-btn:hover {
	color: #007bff
}
.mianbaox-ys a{color: #6c6c6b;}
.mianbaox-ys a:hover{color: #088178;}
.mianbaox-ys i{padding: 0 5px;}
.mianbaox-ys strong{color: #088178;}
.cr-hero-banner {
	background-color: var(--grey-color);
	width: 100%;
	background-size: cover;
	padding: 80px 20px 80px 20px
}
.cr-hero-banner .text-wrap h1 {
	font-size: 42px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	max-width: none;
	color: var(--heading-color);
	font-weight: 600;
	font-style: normal
}
.cr-hero-banner .text-wrap h2 {
	font-size: 20px;
	line-height: 30px;
	width: 100%;
	text-align: center;
	font-style: normal
}
.cr-hero-banner form input[type="text"] {
	height: 55px;
	margin-top: 15px;
	border: 0;
	box-shadow: hsl(0,0%,80%) 0 0 16px;
	border-radius: 25px
}
.cr-hero-banner form .form-element-wrapper {
	position: relative
}
.cr-hero-banner form .form-element-wrapper .btn {
	position: absolute;
	right: 2%;
	top: -20%
}
.page-breadcrumb {
	background-color: var(--yellow-secondary-light);
	padding: 50px 20px
}
.page-breadcrumb .text-wrap {
	text-align: center
}
.page-breadcrumb h1 {
	font-weight: 700;
	line-height: 125%;
	color: var(--heading-color);
	font-size: 24px;
	-webkit-font-smoothing: antialiased
}
.page-breadcrumb h2 {
	font-size: 18px;
	margin-top: 8px;
	margin: 0;
	line-height: 28px
}
.page-wrapper {
	background-color: var(--white-color);
	padding: 10px 0;
	width: 100%;
}
.page-wrapper h5 {
	color: var(--heading-color);
	font-weight: 700;
	margin: 20px 0
}
.why-choose-us {
	text-align: center
}
.qualities .card {
	margin-bottom: 10px;
	text-align: center;
	background-color: var(--grey-color)
}
.qualities .card img {
	width: 80px
}
.cr-product-headings {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0
}
.cr-product-headings a.cr-heading {
	font-size: 20px;
	color: var(--heading-color);
	font-weight: 500
}
.cr-product-headings a.btn {
	border-radius: 25px;
	font-size: 14px;
	padding: 5px 20px
}
.cr-products-info .card {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 0;
	font-size: 12px;
	color: hsl(0,0%,60%);
	border-radius: 4px;
	box-shadow: hsl(0,0%,80%) 0 0 16px;
	overflow: hidden;
	background-color: hsl(0,0%,100%)
}
.cr-products-info .card img {
	border-style: none
}
.card-wztp{padding: 0.3rem !important;}
.card-wztp img{transition: transform 0.3s ease;}
.card-wztp img:hover{transform: scale(1.1);}
.cr-products-info .card .card-body img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.cr-products-info .card .card-body img:hover{transform: scale(1.1);}
.cr-products-info .card.audio-card .card-body {
	padding: 15px;
	border-bottom: 2px dashed var(--primary-color)
}
.cr-products-info .card.audio-card .card-footer {
	border: 0
}
.cr-products-info .card.audio-card .controls {
	margin: 20px;
	display: flex;
	align-items: center
}
.cr-products-info .card.audio-card .controls img {
	width: 30px;
	height: 30px;
	cursor: pointer
}
.cr-products-info .card.audio-card .media-body h5 {
	font-size: 14px;
	color: var(--heading-color)
}
.audio-card wave {
	border: none!important
}
.audio-card-details {
	border: 1px solid #dadada;
	margin-bottom: 30px
}
.audio-card-details .controls {
	margin: 20px;
	display: flex;
	align-items: center
}
.audio-card-details .controls img {
	width: 30px;
	margin-right: 15px;
	cursor: pointer
}
.photo-card-details {
	border: 1px solid #dadada
}
.photo-card-details img {
	width: 100%
}
.cr-products-info .card .media img {
	width: 100px;
	height: 100px;
	border-radius: 20px;
	object-fit: cover;
	margin-right: 10px
}
.cr-products-info .card .card-footer {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px
}
.cr-products-info .card .pr-name a {
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: hsl(0,0%,30%);
	font-size: 16px;
	vertical-align: bottom;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
}
.cr-products-info .card .pr-name a:hover {
	color: var(--primary-color);
	transition: all .3s ease-in-out
}
.cr-products-info .card .pr-author span {
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	max-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis
}
.cr-products-info .card .pr-price {
	margin-top: 15px
}
.cr-products-info .card .pr-price span.original-pr {
	text-decoration: line-through;
	padding-right: 4px;
	font-size: 18px
}
.cr-products-info .card .pr-price span.discount-pr {
	padding-right: 4px;
	font-size: 18px;
	color: #088178
}
.cr-products-info .card .pr-actions .pr-rating {
	margin-top: 8px
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i {
	vertical-align: middle;
	color: #fec42d;
	margin: 0 0 3px;
	line-height: 20px
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i:not(:root) {
	overflow: hidden
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings span {
	line-height: 20px;
	font-size: 12px;
	padding-right: 8px
}
.cr-products-info .card .pr-actions .pr-rating .pr-sales {
	line-height: 20px;
	color: hsl(0,0%,60%);
	font-size: 12px
}
.cr-products-info .card .pr-actions {
	display: flex;
	justify-content: space-between
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-preview {
	flex-basis: auto;
	text-decoration: none;
	padding: 7px 10px;
	color: hsl(0,0%,40%);
	justify-content: center;
	margin: 0 4px 0 0;
	align-items: center;
	border-radius: 2px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid hsl(0,0%,80%);
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	text-align: center
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-preview:hover {
	background-color: var(--primary-color);
	color: var(--white-color)
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-cart {
	color: #088178;
	border-color: hsl(87,58%,45%);
	justify-content: center;
	font-size: 14px;
	text-decoration: none;
	border-radius: 2px;
	line-height: 1.5;
	padding: 5.5px 10px;
	margin-top: 5px;
	text-align: center;
	border: 1px solid hsl(0,0%,80%);
	background-color: transparent;
	-webkit-font-smoothing: antialiased
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-cart:hover{color: #000000;transition: all .3s ease-in-out;}
.product-sidebar .toggler h5 {
	font-size: 18px;
	color: var(--white-color);
	display: block;
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 25px
}
.product-sidebar .menu {
	margin: 20px 20px
}
.product-sidebar .menu a {
	display: block;
	margin: 10px 0;
	font-size: 16px
}
.product-sidebar .dropdown {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 20px;
	background-color: var(--grey-color)
}
.product-sidebar .menu .custom-control {
	margin: 10px 0;
	display: block
}
.product-details-hero {
	background-color: var(--grey-color)
}
.product-details-hero .breadcrumb-list {
	padding: 20px 0
}
.product-details-hero .breadcrumb-list h4 {
	font-weight: 600;
	color: var(--heading-color)
}
#productTabContent {
	margin-top: 20px
}
#productTabContent #pr-details .product-image .card {
	box-shadow: hsl(0,0%,80%) 0 0 16px
}
#productTabContent #pr-details .product-image img {
	width: 100%;
	height: 360px
}
#productTabContent #pr-details .product-card-buttons {
	display: inline-flex
}
#productTabContent #pr-details .product-card-buttons a.btn {
	font-size: 13px;
	padding: 8px 20px;
	margin: 5px
}
#productTabContent #pr-details .product-card-buttons .preview-button {
	margin-right: 30px
}
#productTabContent .product-image .card {
	background-color: #fafafa;
	padding: 15px;
	border-radius: 10px
}
#productTabContent .product-details .card {
	border: 1px solid #dadada;
	margin-bottom: 20px;
	color: var(--heading-color)
}
#productTabContent .product-details .card-2{margin-bottom: 0px;}
#productTabContent .product-details .miaoshunr {
	border: 1px solid #dadada;
	margin-bottom: 20px;
	padding: 15px;
	color: var(--heading-color)
}
#productTabContent .product-details .card h5 {
	font-weight: 700
}
#productTabContent .product-details ul {
	margin-left: 20px
}
#productTabContent .product-details ol{margin-left: 30px}
#productTabContent .product-details ul li {
	list-style-type: disc
}
.user-reviews .media {
	margin: 15px 0
}
.user-reviews .media img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-right: 15px
}
.user-reviews .media h5 {
	font-size: 16px
}
.user-reviews .media h5 button.badge {
	font-size: 10px;
	border-radius: 2px
}
.user-reviews .single-review {
	background-color: var(--grey-color);
	padding: 15px;
	margin: 15px 0
}
.user-reviews .single-review .d-flex {
	justify-content: space-between
}
.user-reviews .single-review .star-rating span {
	font-size: 16px
}
.user-reviews .single-review .star-rating i {
	color: orange;
	font-size: 16px
}
.user-reviews .single-review .star-rating .purchase {
	margin-top: 5px
}
.reviews-form {
	background-color: var(--grey-color);
	padding: 20px
}
.reviews-form h5 {
	font-weight: 700;
	color: var(--heading-color)
}
.reviews-form .btn {
	font-size: 13px
}
.user-comments .media {
	margin: 15px 0
}
.user-comments .media img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-right: 15px
}
.user-comments .media h5 {
	font-size: 16px
}
.user-comments .media h5 button.badge {
	font-size: 10px;
	border-radius: 2px
}
.user-comments .single-comment .d-flex {
	justify-content: space-between
}
.user-comments .single-comment {
	background-color: #e1e8ed;
	padding: 15px;
	margin: 15px 0
}
.user-comments .single-comment p {
	margin-top: 10px
}
.user-comments .nested-comment {
	background-color: #f5f6fa;
	padding: 15px;
	margin: 15px 0
}
.comments-form .btn {
	font-size: 13px
}
.product-purchase-data, .author-details, .count-sales, .product-comments, .product-features {
	padding: 15px;
	border: 1px solid #e6e6e6;
	margin-top: 20px
}
.product-purchase-data .license-details {
	display: inline-flex;
	justify-content: space-between
}
.product-purchase-data .license-details button.btn {
	padding: 5px;
	background-color: transparent;
	color: #303538;
	border: 0
}
.product-purchase-data .license-details h1 {
	font-size: 30px
}
.product-purchase-data .license-details button.btn:focus {
	border: 0
}
.product-purchase-data .license-coverage ul {
	margin-left: 20px
}
.product-purchase-data .license-coverage ul li {
	list-style-type: circle
}
.product-purchase-data .extended-support {
	display: inline-flex;
	justify-content: space-between
}
.product-purchase-data .action-buttons a.btn {
	padding: 12px 10px;
	font-size: 14px
}
.product-purchase-data .action-buttons a.btn-add-cart:hover {
	background-color: #088178
}
.product-purchase-data .action-buttons a.btn-buy:hover {
	background-color: #808080;
	border: 1px solid #808080
}
.author-details .media img {
	width: 80px;
	height: 80px;
	border-radius: 5px
}
.author-details .media .author-badges img {
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	margin-right: 10px
}
.author-details .btn-portfolio {
	margin-top: 10px
}
.count-sales {
	margin-top: 20px!important
}
.count-sales h5 {
	font-weight: 400;
	font-size: 18px
}
.product-comments a {
	font-weight: 400;
	font-size: 18px
}
.product-features {
	background-color: #FAFAFA
}
.product-features span {
	font-weight: 500;
	line-height: 25px
}
.product-features .row {
	margin-bottom: 10px
}
.product-features .text-primary span {
	color: var(--primary-color)
}
.product-tags {
	display: block
}
.product-tags a {
	display: inline-block;
	background-color: var(--grey-color);
	padding: 3px 15px;
	border-radius: 25px;
	margin-bottom: 10px;
	color: var(--body-color)
}
#comment form {
	padding: 15px;
	border: 1px solid #e6e6e6;
	margin-top: 20px;
	background-color: #f5f5f5
}
#support .author-setting {
	padding: 15px;
	margin-top: 20px;
	background-color: #f5f5f5
}
#support .author-setting .media img {
	width: 80px;
	height: 80px;
	border-radius: 5px
}
.sale-products {
	background-color: var(--white-color);
	padding: 0
}
.sale-products .sale-header {
	text-align: center;
	padding: 10px 0
}
.sale-products .sale-header h2 {
	font-weight: 600;
	font-size: 22px;
	color: var(--heading-color)
}
.categories-elements {
	padding: 30px 0
}
.categories-elements .card {
	text-align: center;
	padding: 20px 10px;
	box-shadow: hsl(0,0%,80%) 0 0 16px;
	margin-bottom: 10px
}
.categories-elements .card img {
	width: 100px
}
.categories-elements .card .category-info {
	margin: 0;
	padding: 10px 0
}
.categories-elements .card .category-info span {
	color: var(--body-color);
	font-size: 12px
}
.categories-elements .card .category-info h6 {
	color: var(--heading-color)
}
.categories-elements .card .category-info p{
	color: var(--heading-color);
    margin-bottom: .5rem;
    font-weight: 600;
    margin-top: 11px;
    line-height: 1.2;
    font-size: 0.875rem;}
.categories-elements .card .btn {
	border-radius: 25px;
	font-size: 13px;
	padding: 5px 15px;
	margin: 0
}
.categories-elements .card .category-button {
	margin: 0
}
#category-hero {
	padding: 70px 0;
	background-color: var(--grey-color)
}
#category-hero .text-wrap {
	text-align: center
}
#category-hero .text-wrap h1 {
	font-weight: 700;
	line-height: 125%;
	color: var(--heading-color);
	font-size: 35px;
	-webkit-font-smoothing: antialiased
}
#category-hero .text-wrap h2 {
	font-size: 18px;
	margin-top: 8px;
	margin: 0;
	line-height: 28px
}
#category-hero .category-search-form {
	padding: 0 150px
}
#category-hero .category-search-form form .form-group {
	position: relative
}
#category-hero .category-search-form form input[type="text"] {
	flex: 1 auto;
	box-sizing: border-box;
	border: 0;
	color: var(--body-color);
	font-size: 16px;
	line-height: normal;
	height: 60px;
	box-shadow: hsl(0,0%,80%) 0 5px 16px;
	padding: 0 150px 0 32px;
	width: 100%;
	border-radius: 30px;
	background-color: var(--white-color);
	margin-top: 30px
}
#category-hero .category-search-form form .btn-cat-search {
	position: absolute;
	right: 3%;
	top: -13%;
	border-radius: 25px
}
.product-category-wrapper {
	background-color: var(--white-color);
	padding: 50px 0
}
.sub-categories-card {
	padding: 50px 0;
	background-color: var(--white-color)
}
.sub-categories-card .card {
	background-color: var(--white-color);
	margin-bottom: 10px;
	box-shadow: hsl(0,0%,80%) 0 0 16px
}
.sub-categories-card .card-content {
	padding: 20px
}
.sub-categories-card .card-content img {
	width: 100px;
}
.sub-categories-card .card-content .tblm{    
    font-weight: 600;
    font-size: 14px;
	display: block;
}
.sub-categories-card .card-content h3 {
	font-size: 14px;
	margin-top: 10px
}
.sub-categories-card .card-content tblm {
	font-size: 14px;
	margin-top: 10px
}
.chanpin-tubiao .col-lg-2{width: 50%;}
.chanpin-tubiao a{color: var(--body-color);transition: transform 0.3s ease;}
.chanpin-tubiao a:hover{color: #088178;transform: scale(1.1);}
.showcase-category {
	padding: 50px 0;
	background-color: #f5f6fa
}
.showcase-category .showcase-cat-header {
	padding: 10px 0
}
.showcase-category .showcase-cat-header h3 {
	font-size: 22px;
	font-weight: 600;
	color: var(--heading-color)
}
.showcase-category .showcase-cat-header p {
	font-size: 16px
}
.showcase-category .card {
	background-color: var(--white-color);
	border-radius: 10px;
	margin-bottom: 30px
}
.showcase-category .card img {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}
.showcase-category .card .text-wrap {
	padding: 20px
}
.subcategory-hero {
	background-color: var(--grey-color);
	padding: 70px 0
}
.subcategory-content-wrapper {
	background-color: var(--white-color);
	padding: 50px 0
}
.subcategory-hero.category-details {
	padding-top: 70px;
	padding-bottom: 20px
}
.subcategory-hero .text-wrap .navigation {
	margin-bottom: 15px
}
.subcategory-hero .text-wrap h1 {
	font-size: 30px;
	font-weight: 700
}
.subcategory-hero .text-wrap p {
	font-size: 14px;
	font-weight: 300
}
.subcategory-hero .search-form form .form-group {
	position: relative
}
.subcategory-hero .search-form form input[type="text"] {
	flex: 1 auto;
	box-sizing: border-box;
	border: 0;
	color: gray;
	font-size: 16px;
	line-height: normal;
	height: 60px;
	box-shadow: hsl(0,0%,80%) 0 5px 16px;
	padding: 0 150px 0 32px;
	width: 100%;
	border-radius: 50px;
	background-color: var(--white-color);
	margin-top: 30px
}
.subcategory-hero .search-form form .btn-cat-search {
	position: absolute;
	right: 3%;
	top: -8px
}
.popular-searches {
	padding: 50px 0;
	background-color: var(--white-color);
	text-align: center
}
.popular-searches.category-details {
	padding-top: 0;
	padding-bottom: 70px;
	background-color: var(--grey-color);
	text-align: center
}
.popular-searches .popular-search-headings a {
	font-size: 20px;
	color: #303538;
	font-weight: 500
}
.popular-searches .search-tags {
	margin-top: 20px
}
.popular-searches.category-details .search-tags {
	margin-top: 0;
	padding: 0
}
.popular-searches .search-tags a {
	display: inline-block;
	background-color: #fff;
	margin: 0 10px 15px 0;
	padding: 10px 30px;
	border-radius: 20px;
	border: 2px solid #e6e6e6;
	font-size: 12px
}
.free-products {
	padding: 50px 0;
	background-color: #f5f6fa
}
.free-products .fr-goods-header {
	padding: 10px 0
}
.free-products .fr-goods-header h3 {
	font-size: 22px;
	font-weight: 600;
	color: var(--heading-color)
}
.free-products .fr-goods-header p {
	font-size: 16px
}
.cr-action-wrapper {
	background-color: var(--grey-color);
	padding: 30px 20px;
	width: 100%
}
.cr-action-wrapper .card {
	background-color: transparent;
	text-align: center
}
.cr-action-wrapper .card img {
	width: 80px
}
.cr-action-wrapper .card .card-info {
	margin: 0;
	padding: 20px 0
}
.cr-action-wrapper .card h5 {
	color: var(--heading-color)
}
.cr-action-wrapper .card .btn {
	padding: 10px 20px;
	font-size: 14px
}
.gywm-sy-lm .menu a {
	display: block;
	margin: 10px 0;
	font-size: 16px;
	color: #088178;
}
.gywm-sy-lm .menu a:hover{color:#504e4b}
.blog-wrapper {
	background-color: var(--white-color)
}
.blog-wrapper .blog-content {
	margin: 30px 0
}
.blog-wrapper .blog-content .card {
	border-radius: 10px;
	margin-bottom: 30px
}
.blog-wrapper .blog-content .card-1 {
	border-radius: 10px;
}
.cr-products-info .card-1 {
    width: 100%;
    height: 100%;
    display: flex;
	flex-direction: column;
    padding: 0;
    font-size: 12px;
    color: hsl(0, 0%, 60%);
    border-radius: 4px;
    box-shadow: hsl(0, 0%, 80%) 0 0 16px;
    overflow: hidden;
    background-color: hsl(0, 0%, 100%);
}
.cr-products-info .card-1 .pr-name-1 a{
	    color: hsl(0, 0%, 30%);
		font-size: 16px;
		font-weight: 700;
}
.cr-products-info .card-1 .pr-name-1 a:hover{color: #088178;}
.cr-products-info .card-1 .pr-name-1 p{margin-bottom: 0;text-align: left;border-top: 1px solid rgba(0, 0, 0, .1);}
.cr-products-info .card-1 .card-body img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.cr-products-info .card-1 .card-body img:hover{transform: scale(1.1);}
.blog-sidebar {
	margin: 30px 0
}
.blog-piaofu{position: sticky;top: 20px;}
.blog-sidebar .toggler h5 {
	font-size: 18px;
	color: var(--white-color);
	display: block;
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 10px
}
.blog-sidebar .toggler h3 {
	font-size: 18px;
	color: var(--white-color);
	display: block;
	background-color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 10px
}
.blog-sidebar .menu {
	margin: 20px 0 20px 20px;
}
.blog-sidebar .menu-tup {
	margin: 20px 0 20px 0;
}
.blog-sidebar .menu a {
	display: block;
	margin: 10px 0;
	font-size: 16px;
	color: #504e4b;
}
.blog-sidebar .menu a:hover{color:#088178}
.blog-sidebar .dropdown {
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 20px;
	background-color: var(--grey-color)
}
.wenzhang-zuozhe .dropdown{text-align: center;}
.wenzhang-zuozhe .dropdown img{border-radius: 50%;}
.wenzhang-zuozhe .dropdown a{font-weight: 700;}
.wenzhang-zuozhe .dropdown a:hover{color: #504e4b;}
.wenzhang-zuozhe .dropdown .about-zz{padding: 10px 0 10px;text-align: center;}
.wenzhang-zuozhe .dropdown .about-zz a{color: #fff;background-color: #088178;padding: 10px 20px;border-radius: 5px;}
.wenzhang-zuozhe .dropdown .about-zz a:hover{background-color: #598021;}
.wenzhang-biaodan{padding:0px !important;}
.blog-sidebar .menu .custom-control {
	margin: 10px 0
}
.blog-sidebar .media {
	margin: 15px 0
}
.blog-sidebar .media img {
	width: 100px;
	border-radius: 5px
}
.blog-sidebar .media h4 {
	font-size: 15px
}
.blog-sidebar .media h4 a{color: #504e4b;}
.blog-sidebar .media h4 a:hover{color:#088178}
.blog-sidebar .media h5 {
	font-size: 15px
}
.blog-sidebar .media h5 a{color: #504e4b;}
.blog-sidebar .media h5 a:hover{color:#088178}
@media(max-width:280px) {
.blog-sidebar .menu .media {
	display: block
}
.blog-sidebar .media img {
	margin-bottom: 10px
}
}
.blog-content-wrapper {
	padding: 50px 0
}
.blog-header {
	text-align: center;
	margin-bottom: 20px
}
.blog-header h4 {
	color: var(--heading-color)
}
.blog-content .card {
	padding: 0;
	margin-bottom: 10px;
	box-shadow: hsl(0,0%,80%) 0 0 16px
}
.blog-content.blog-content-details .card img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	object-fit: cover
}
.blog-content-details .blog-info h1{font-size: 1.5rem;}
.blog-content-details .blog-info h2{font-size: 1.25rem;}
.blog-content-details .blog-info h3{font-size: 1rem;}

.blog-content .card .blog-info {
	margin: 10px 0;
	padding: 25px 35px 25px;
}
.blog-content .card .blog-bk {
	margin: 10px 0;
	padding: 10px 20px 10px;
}
.blog-content .card .blog-info .blog-heading {
	margin-top: 15px;
	overflow: hidden;
	font-size: 1.25rem;
}
.blog-yanj{margin-left: 20px;}
.blog-content .card .blog-info .blog-heading a {
	color: var(--heading-color)
}
.blog-content .card .blog-info .blog-heading a:hover {
	color: var(--primary-color)
}
.blog-content .card .blog-info span.blog-category {
	background-color: var(--yellow-light);
	padding: 5px 15px;
	font-size: 13px
}
.blog-content .card .blog-info span.blog-leimu:hover{background-color:#088178;}
.blog-content .card .blog-info span.blog-leimu a:hover{color: #ffffff;}
.blog-content .card .blog-info span.blog-date {
	color: var(--secondary);
	font-size: 14px;
	font-weight: 500
}
.blog-content .card .blog-info span.blog-date a{color: var(--secondary);}
.blog-content .card .blog-info span.blog-date a:hover{color:#088178;}
.chanpin-biaoge-1 img {
    max-width: 100%;
    height: auto !important;
}
.chanpin-biaoge-1 p a {
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: 1px;
}
.chanpin-biaoge-1 p a:hover {
    color: #000000;
}
.chanpin-biaoge-1 u a:hover {
    color: #000000;
}
.chanpin-biaoge-1>a {
    font-weight: 700;
    letter-spacing: 1px;
}
.chanpin-biaoge-1 ul {
    margin-left: 1.25rem;
    list-style-type: disc !important;
    padding-left: 0.5rem;
}
#productTabContent .user-comments ul li{list-style: disc !important;}
#productTabContent .user-comments{
	display: block;
    visibility: visible;
    opacity: 1;}
.chanpin-biaoge-1 ul::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.wenzhang-2 .wzfabu{margin-left: 0rem;padding-left: 0rem;display: flex;flex-wrap: wrap;}
.wenzhang-2 .wzfabu li{flex: 0 0 auto;list-style-type: none;}
.wenzhang-2 .wzfabu li a{text-decoration: none;}
.wenzhang-2 ol{margin-left: 1.25rem;padding-left: 0.5rem;}
.wenzhang-2 ol li{padding: 3px 0 0 3px;}
.wenzhang-2 ol li a{
	color: #088178;
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: 1px;
}
.wenzhang-2 ol li a:hover{color: var(--body-color);}
.wenzhang-2 ul li{margin-left: 1.25rem;list-style-type: disc;}
.wenzhang-2 ul li a{text-decoration: underline;font-weight: 700;letter-spacing: 1px;}
.wenzhang-2 ul li a:hover{color: #000000;}
.chanpin-biaoge-1 table {
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}
.chanpin-biaoge-1 table tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.03);
}
.chanpin-biaoge-1 table tbody tr:hover {
	background-color: #d9d9d9
}
.chanpin-biaoge-1 table th, .chanpin-biaoge-1 table td {
	padding: 10px;
	vertical-align: middle;
	font-size: 14px;
	color: #01133c;
	border: 1px solid #dee2e6;
	text-align: center;
}
.chanpin-biaoge-1 nav ul li{list-style-type: disc;}
.chanpin-biaoge-1 nav ul li a{text-decoration: underline;font-weight: 700;letter-spacing: 1px;}
.chanpin-biaoge-1 nav ul li a:hover{color: #000000;}
.chanpin-biaoge-1 .tab-content h2{font-size: 24px;}
.chanpin-biaoge-1 .tab-content h3{font-size: 18px;padding: 0;}
.about-video h2{margin-top: 0;}
.service-a-t a{scroll-margin-top: 30px;}
/**video**/
.ny-title {
	color: #000;
	font-size: 3rem;
	font-weight: bold;
	margin: 2rem 0 1rem 0;
    padding: 0 0 1rem 0;
	border-bottom: 1px dotted #293133;
}
.ny-title:before {
	width: 4px;
	height: 2rem;
	display: inline-block;
	content: "";
	background: #005090;
	margin-right: 10px;
}
.video-yem {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 50px;
}
.video-first img {
    max-width: 100%;
    height: auto;
    display: block;
}
.video-first .left {
	width: 55%;
}
.video-first .video{border-radius: 10px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);overflow: hidden;}
.video-first .img{overflow: hidden;}
.video-first .right {
	width: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f3f3;
}
.video-first iframe {
	width: 100%;
}
.video-first .right h3 {
	text-align: center;
	font-size: 30px;
	color: #090909;
	font-weight: bold;
}
.video-first .right h3:after {
	width: 60px;
	height: 4px;
	content: "";
	background: #000;
	display: block;
	margin: 10px auto;
}
.video-col {
	margin-bottom: 1.5rem;
}
.video-col .card {
	height: 100%;
}
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
}
.video-col iframe {
	width: 100%;
}
.video-col .card-title {
	align-items: center;
	margin: 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.video-first .cpxqy-right{width: 40%;height: auto;}
/**延迟YouTube**/
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
	margin: 0 auto;
    max-width: 100%;
}

/* gradient */
lite-youtube::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
    height: 99px;
    width: 100%;
    color: hsl(0deg 0% 93.33%);
    text-shadow: 0 0 2px rgba(0,0,0,.5);
    font-size: 18px;
    padding: 25px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

lite-youtube:hover::before {
    color: white;
}

lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

lite-youtube > .lty-playbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center/68px 48px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(30%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
#discussions {
	background-color: #ebedec;
	margin-top: -15px
}
#discussions h5 {
	font-weight: 500;
	color: #303538
}
.discussion-profile .user-profile img {
	width: 50px;
	height: 50px;
	border-radius: 2px
}
.discussion-profile {
	display: flex
}
.discussion-profile .discussion-info {
	margin-left: 10px
}
.discussion-profile .discussion-info h6 {
	font-size: 16px
}
.discussion-profile .discussion-info span {
	font-size: 12px
}
.discussions-form {
	display: flex;
	justify-content: space-between
}
.sr-topic-form .form-group {
	position: relative
}
.sr-topic-form i {
	position: absolute;
	right: 5%;
	top: 35%;
	cursor: pointer
}
.sr-topic-form input[type="text"] {
	height: 35px
}
.discussion-message p {
	font-weight: 300;
	line-height: 22px
}
.discussions-replies p {
	font-weight: 300;
	line-height: 22px
}
.reply-text {
    background-color: #eef9f6;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    border-left: 3px solid #088178;
    margin-left: 20px;
}
.reply-text span {color: #088178;font-weight: 600;}
.post-reply form .btn {
	border-radius: 2px
}
.pjanniu{padding: .375rem .75rem;}
.post-reply form .btn:hover {
	background-color: #088178
}
.post-btn {
	border-radius: 2px
}
.post-btn:hover {
	background-color: #088178
}
.cr-product-wrapper .left .slider {
	margin: 0 0 40px;
	border-radius: 10px
}
.slick-slider-single {
	border: 1px solid #dadada;
	padding: 10px;
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: hsl(0,0%,80%) 0 0 16px
}
.slick-slider-single.arrows-main .slick-arrow {
	float: right;
	position: absolute;
	top: 45%;
	z-index: 99;
	border: 0
}
.slick-slider-single.arrows-main a img {
	width: 100%;
	height: 400px;
	object-fit: cover
}
.slick-slider-single.arrows-sub .slick-arrow {
	float: right;
	position: absolute;
	top: 30%;
	z-index: 99;
	border: 0
}
.slick-slider-single .slick-arrow.slick-prev {
	left: 11px;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: var(--primary-color);
	border-radius: 50%;
	color: var(--white-color);
	border: 0;
	outline: 0;
	margin-top: 20px
}
.slick-slider-single .slick-arrow.slick-next {
	right: 12px;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: var(--primary-color);
	border-radius: 50%;
	color: var(--white-color);
	border: 0;
	outline: 0;
	margin-top: 20px
}
.slick-slider-single .slick-arrow.slick-next:hover {
	outline: 0
}
.slick-next::before {
	content: "⇆";
	color: var(--white-color);
	font-size: 20px;
	font-weight: 700
}
.slick-prev::before {
	content: "⇆";
	color: var(--white-color);
	font-size: 20px;
	font-weight: 700
}
.slider-nav {
	border: 1px solid #dadada;
	padding: 10px;
	margin-top: 20px;
	border-radius: 5px
}
.slider-nav .item-slick img {
	width: 170px;
	border-radius: 4px;
	margin: 0 6px 0 0
}
.profile-wrapper {
	background-color: var(--white-color)
}
.profile-hero {
	background-color: var(--grey-color)
}
.profile-hero .media {
	padding: 25px 0;
	float: left
}
.profile-hero .right-content {
	padding: 25px 0;
	float: right
}
.profile-hero .right-content .author-rating i {
	vertical-align: middle;
	color: #fec42d;
	margin: 0 0 3px;
	line-height: 20px
}
.profile-hero .right-content .author-sales h6 {
	font-size: 25px;
	color: #088178
}
.profile-hero .media img {
	border-radius: 5px;
	object-fit: cover;
	height: 90px;
	width: 90px
}
.profile-hero .media h5 {
	font-weight: 500
}
.profile-hero .media .media-body .buttons a.btn {
	font-size: 12px
}
.profile-hero .media .media-body .buttons {
	margin-top: 10px
}
.profile-tab-content {
	padding: 50px 0
}
.profile-tab-content .author .card {
	display: flex;
	flex-direction: row;
	background-color: #e6e6e6;
	border: 1px solid #dadada;
	padding: 20px
}
.profile-tab-content .author .card img {
	width: 40px;
	height: 40px;
	margin-right: 20px
}
.item-card, .message-card {
	margin-top: 20px;
	border: 1px solid #dadada
}
.profile-tab-content .item-card .media img {
	width: 100px;
	border-radius: 5px
}
.profile-tab-content .item-card h6 {
	margin-bottom: 20px
}
.profile-tab-content .item-card .media h5 {
	font-size: 16px
}
.profile-tab-content .item-card .shop-count img {
	width: 40px;
	margin-right: 10px
}
.profile-tab-content .item-card .badges img {
	width: 30px;
	margin-right: 5px;
	margin-bottom: 5px
}
.profile-tab-content .btn-send {
	padding: 5px 20px
}
.cr-dashboard-wrapper {
	background-color: var(--white-color)
}
.cr-profile-hero {
	background-color: var(--grey-color)
}
.cr-profile-hero .media {
	padding: 25px 0;
	float: left
}
.cr-profile-hero .right-content {
	padding: 25px 0;
	float: right
}
.cr-profile-hero .right-content .author-sales span{margin-bottom: .5rem;
    font-weight: 600;
    margin-top: 11px;
    line-height: 1.2;font-size: 1rem;
}
.cr-profile-hero .right-content .author-sales .mt-0{font-size: 25px;color: #088178;}
.cr-profile-hero .right-content .author-rating i {
	vertical-align: middle;
	color: #fec42d;
	margin: 0 0 3px;
	line-height: 20px
}
.cr-profile-hero .right-content .author-sales h6 {
	font-size: 25px;
	color: #088178
}
.cr-profile-hero .media img {
	border-radius: 5px;
	object-fit: cover;
	height: 90px;
	width: 90px
}
.cr-profile-hero .media h5 {
	font-weight: 500
}
.cr-profile-hero .media .media-body .buttons a.btn {
	font-size: 12px
}
.cr-profile-hero .media .media-body .buttons {
	margin-top: 10px
}
.cr-profile-hero .media .media-body .buttons a.btn-portfolio {
	background-color: #088178;
	color: #fff;
	border: 1.5px solid #088178
}
.cr-profile-hero .media .media-body .buttons a.btn-follow {
	background-color: transparent;
	border: 1.5px solid #088178
}
#profileTabContent {
	padding-bottom: 50px
}
#profileTabContent .upload-card, #profileTabContent .weeks-stats, #profileTabContent .author-resources, #profileTabContent .previous-announcements {
	border: 1px solid #d6d6d6;
	margin-bottom: 20px
}
#profileTabContent .upload-card {
	margin-top: 30px
}
#profileTabContent .upload-card form .btn {
	margin-top: 2px;
	padding: 5px 20px
}
#profileTabContent .author-resources ul li {
	list-style-type: circle;
	margin-left: 20px;
	line-height: 1.9
}
#profileTabContent .previous-announcements span {
	font-weight: 500;
	color: #1a1a1a
}
.porfolio-items {
	padding: 0
}
.porfolio-items .media img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	margin-right: 10px
}
.porfolio-items .media .media-body h5 {
	font-size: 16px;
	line-height: 1.5rem;
	margin: 0
}
.porfolio-items .media .media-body a {
	font-size: 12px;
	border-radius: 25px;
	padding: 5px 15px;
	margin: 20px 10px -5px 0;
}
.tab-pane .media .media-body a:hover{color: var(--primary-color);}
.porfolio-items .media .media-body .product-btn {
	margin-top: -10px
}
.porfolio-items .property-list ul li {
	font-size: 12px
}
.porfolio-items .product-stats .rating i {
	vertical-align: middle;
	color: #fec42d;
	margin: 0 0 3px;
	line-height: 20px;
	font-size: 13px
}
.porfolio-items .product-stats .rating span {
	font-size: 13px
}
.porfolio-items .product-stats .price h2 {
	font-size: 24px
}
.author-data .author img {
	width: 46px;
	margin-right: 10px
}
.author-data .author .card {
	margin-top: 30px;
	border: 1px solid #d6d6d6
}
.author-data .item-card .shop-count img {
	width: 42px;
	margin-right: 10px
}
.author-data .item-card .badges img {
	width: 32px;
	margin-bottom: 5px;
	margin-right: 5px
}
.cr-dashboard-two {
	padding: 50px 0;
	background-color: #f5f6fa
}
.cr-dashboard-two .card {
	margin-bottom: 20px
}
.cr-dashboard-two .card-header {
	background-color: var(--white-color)
}
.cr-dashboard-two h5 {
	font-weight: 600;
	color: var(--heading-color)
}
.cr-dashboard-two .card .user-profile {
	text-align: center
}
.cr-dashboard-two .card .user-profile img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: auto;
	margin-bottom: 10px
}
.cr-dashboard-two .card .user-profile a {
	font-size: 16px;
	color: var(--heading-color);
	font-weight: 600
}
.cr-dashboard-two .card ul {
	margin-top: 20px
}
.cr-dashboard-two .card ul li {
	line-height: 2.5rem;
	border-bottom: 1px solid #e7e7e7
}
.cr-dashboard-two .card ul li a {
	color: var(--heading-color)
}
.cr-dashboard-two .card ul li a:hover {
	color: var(--primary-color);
	font-weight: 500;
	transition: all .3s ease-in-out
}
.cr-dashboard-two .card ul li i {
	margin-right: 10px
}
.cr-dashboard-two .card form {
	margin-top: 20px
}
.cr-dashboard-two .card form .btn {
	font-size: 14px
}
.table-responsive span i {
	color: var(--primary-color)
}
.table-responsive span.category {
	color: var(--primary-color)
}
.upload-wrapper, .cr-upload-wrapper .cr-content-wrapper {
	padding: 50px 0
}
#cr-upload-hero {
	padding: 50px 0;
	background-color: var(--grey-color)
}
.cr-upload-wrapper h3, .cr-upload-wrapper h6 {
	font-weight: 600;
	color: var(--heading-color)
}
.dropzone {
	border: 2px dashed var(--primary-color)
}
#cr-upload-hero h3 {
	margin: 7px 0
}
.upload-heading h3 {
	margin: 25px 0;
	font-size: 20px
}
.select-form .btn {
	font-size: 14px;
	padding: 5px 20px
}
li.select2-search.select2-search--inline {
	display: none
}
.upload-cat-category, .upload-guide, .upload-error, .corrupt-files, .upload-1, .upload-files, .upload-category, .upload-tags, .upload-supporting, .upload-price, .upload-message {
	background-color: #fafafa;
	padding: 20px;
	margin-bottom: 20px
}
.upload-files small {
	color: var(--primary-color)
}
.upload-cat-category p, .upload-guide p, .upload-error p, .corrupt-files p {
	font-size: 16px;
	line-height: 26px
}
.upload-cat-category ul li, .upload-guide ul li, .upload-error ul li, .corrupt-files ul li {
	list-style-type: circle;
	font-size: 14px;
	line-height: 22px;
	margin-left: 20px
}
.drop-zone {
	width: 100%;
	height: 150px;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	cursor: pointer;
	color: #ccc;
	border: 2px dashed var(--primary-color);
	border-radius: 10px
}
.drop-zone--over {
	border-style: solid
}
.drop-zone__input {
	display: none
}
.drop-zone__thumb {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ccc;
	background-size: cover;
	position: relative
}
.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #fff;
	background: rgba(0,0,0,0.75);
	font-size: 14px;
	text-align: center
}
.sign-up-wrapper {
	padding: 100px 0;
	background-color: var(--white-color)
}
.form-wrapper .form-container {
	background-color: var(--grey-color);
	border-radius: 10px;
	padding: 30px
}
.form-wrapper .form-container p, .form-wrapper .form-container .social-logins {
	text-align: center
}
.form-wrapper .form-container .social-logins a {
	margin: 0 5px
}
.pricingTable {
	text-align: center;
	background: #fff;
	box-shadow: 0 0 10px #ababab;
	padding-bottom: 40px;
	border-radius: 10px;
	color: #cad0de;
	transform: scale(1);
	transition: all .5s ease 0s
}
.pricingTable:hover {
	z-index: 1
}
.pricingTable .pricingTable-header {
	padding: 40px 0;
	background: #f5f6f9;
	border-radius: 10px 10px 50% 50%;
	transition: all .5s ease 0s
}
.pricingTable:hover .pricingTable-header {
	background: #ff9624
}
.pricingTable .pricingTable-header i {
	font-size: 50px;
	color: #858c9a;
	margin-bottom: 10px;
	transition: all .5s ease 0s
}
.pricingTable .price-value {
	font-size: 35px;
	color: #ff9624;
	transition: all .5s ease 0s
}
.pricingTable .month {
	display: block;
	font-size: 14px;
	color: #cad0de
}
.pricingTable:hover .month, .pricingTable:hover .price-value, .pricingTable:hover .pricingTable-header i {
	color: #fff
}
.pricingTable .heading {
	font-size: 24px;
	color: #ff9624;
	margin: 20px 20px;
	text-transform: capitalize
}
.pricingTable .pricing-content ul {
	list-style: none;
	padding: 0;
	margin-bottom: 30px
}
.pricingTable .pricing-content ul li {
	line-height: 30px;
	color: #a7a8aa
}
.pricingTable .pricingTable-signup a {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	padding: 10px 35px;
	border-radius: 20px;
	background: #ffa442;
	text-transform: capitalize;
	transition: all .3s ease 0s
}
.pricingTable .pricingTable-signup a:hover {
	box-shadow: 0 0 10px #ffa442
}
.pricingTable.blue .heading, .pricingTable.blue .price-value {
	color: var(--secondary-color)
}
.pricingTable.blue .pricingTable-signup a, .pricingTable.blue:hover .pricingTable-header {
	background: var(--secondary-color)
}
.pricingTable.blue .pricingTable-signup a:hover {
	box-shadow: 0 0 10px var(--secondary-color)
}
.pricingTable.green .heading, .pricingTable.green .price-value {
	color: var(--primary-color)
}
.pricingTable.green .pricingTable-signup a, .pricingTable.green:hover .pricingTable-header {
	background: var(--primary-color)
}
.pricingTable.green .pricingTable-signup a:hover {
	box-shadow: 0 0 10px var(--primary-color)
}
.pricingTable.blue:hover .price-value, .pricingTable.green:hover .price-value, .pricingTable.red:hover .price-value {
	color: #fff
}
.cr-elements {
	padding: 50px 0;
	background-color: #f5f6fa
}
.cr-elements .card-header {
	background-color: transparent
}
.cr-elements .card-header h5 {
	color: var(--heading-color);
	font-weight: 600
}
.cr-elements .btn {
	border-radius: 5px;
	margin-bottom: 10px
}
.cart-wrapper, .checkout-wrapper {
	padding: 50px 0;
	background-color: #f5f6fa
}
.checkout-wrapper h6 {
	color: var(--primary-color)
}
.checkout-wrapper .payment-methods img.card-image {
	width: 60px;
	height: 40px;
	object-fit: cover;
	border-radius: 5px;
	margin-right: 10px
}
.checkout-wrapper .payment-methods img.img-rz{width: 70px;padding: 0 10px 0;}
.checkout-wrapper .payment-methods img {
	width: 80px
}
.checkout-wrapper .payment-methods .d-flex {
	justify-content: space-between
}
.checkout-wrapper .payment-methods .card-header {
	background-color: transparent
}
.cart-card .notification p {
	background-color: var(--yellow-secondary-light);
	padding: 10px 10px;
	border-radius: 5px;
	color: var(--body-color)
}
.service-bg-cp{background: url();background-size: cover;}
.cart-card .card-header {
	background-color: #454545;
	border-radius: 5px
}
.cart-card .card-header .shopping-btn {
	background-color: var(--primary-color);
	padding: 5px 10px;
	border-radius: 5px;
	color: var(--white-color);
	margin-right: 20px;
	margin-bottom: 0rem;
}
.cart-card .card-header span {
	color: var(--white-color)
}
.cart-card .card-header .empty-cart-btn {
	background-color: var(--yellow-light);
	padding: 5px 10px;
	border-radius: 5px;
	color: var(--body-color)
}
.cart-card .link-buttons {
	display: flex;
	justify-content: space-between
}
.cart-card .media img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover
}
.cart-card .media h5 {
	color: var(--heading-color);
	font-weight: 600;
	font-size: 16px
}
.cart-card .media p {
	margin: 0
}
.cart-card .media .license {
	margin-top: 10px
}
.cart-card .support {
	margin-top: 20px;
	background-color: var(--yellow-light);
	padding: 10px 10px;
	border-radius: 5px
}
.cart-card .d-flex {
	justify-content: space-between
}
.cart-card i {
	color: var(--red-color)
}
.cart-card h2 {
	font-weight: 600;
	color: var(--heading-color);
	margin-top: 10px
}
.cart-checkout-card .card {
	text-align: left
}
.cart-checkout-card .card .d-flex {
	justify-content: space-between
}
.cart-checkout-card .card h2 {
	color: var(--heading-color);
	font-weight: 600
}
.cart-checkout-card h6 {
	text-align: center;
	margin-top: 20px
}
.checkout-wrapper .card {
	margin-bottom: 20px
}
.checkout-wrapper h5 {
	font-weight: 600;
	color: var(--heading-color)
}
.contact-form-wrap {
	padding: 30px;
	border-radius: 10px;
	background-color: var(--bg-white)
}
.contact-form-wrap .contact-form-group {
	position: relative;
	margin-bottom: 20px
}
.contact-form-wrap .contact-form-group>i {
	left: 14px;
	top: 4px;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	pointer-events: none;
	color: var(--text-primary);
	background: rgba(10,192,131,0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
.contact-form-wrap .contact-form-group .form-control {
	height: 40px;
	color: #000;
	padding: 0 60px;
	font-size: 15px;
	border-radius: 5px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}
.right-form-wrap{position: sticky;top: 20px;}
.right-form-wrap .contact-form-group {
	position: relative;
	margin-bottom: 20px
}
.right-form-wrap .contact-form-group>i {
	left: 14px;
	top: 4px;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	pointer-events: none;
	color: var(--text-primary);
	background: rgba(10,192,131,0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
.right-form-wrap .contact-form-group .form-control {
	height: 40px;
	color: #000;
	padding: 0 60px;
	font-size: 15px;
	border-radius: 5px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}
.right-form-wrap .contact-form-group textarea.form-control {
	height: auto;
	padding: 40px 10px 10px;
}
@media screen and (max-width:576px) {
.contact-form-wrap .contact-form-group .form-control {
	font-size: 14px
}
}
.contact-form-wrap .contact-form-group .form-control:focus {
	outline: 0;
	border: 1px solid var(--text-primary);
	color: #000
}
.contact-form-wrap .contact-form-group #txtInput {
	padding-left: 90px
}
.contact-form-wrap .contact-form-group #txtCaptchaSpan {
	position: absolute;
	top: 50%;
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 5px 0 0 5px
}
.contact-form-wrap .contact-form-group textarea.form-control {
	height: auto;
	padding-top: 20px
}
.contact-form-wrap .empty-form span, .contact-form-wrap .email-invalid span, .contact-form-wrap .phone-invalid span, .contact-form-wrap .terms-alert span, .contact-form-wrap .subject-alert span, .contact-form-wrap .security-alert span {
	display: block;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	color: var(--red);
	background: rgba(242,116,116,0.2)
}
#error_message {
	margin-top: 30px;
	display: block;
	padding: 20px;
	border-radius: 5px;
	word-break: break-word;
	background: rgba(242,116,116,0.2);
	color: var(--red)
}
.contact-form-wrap .path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0
}
.contact-form-wrap .path.circle {
	-webkit-animation: dash .9s ease-in-out;
	animation: dash .9s ease-in-out
}
.contact-form-wrap .path.line {
	stroke-dashoffset: 1000;
	-webkit-animation: dash .9s .35s ease-in-out forwards;
	animation: dash .9s .35s ease-in-out forwards
}
.contact-form-wrap .path.check {
	stroke-dashoffset: -100;
	-webkit-animation: dashCheck .9s .35s ease-in-out forwards;
	animation: dashCheck .9s .35s ease-in-out forwards
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset:1000
}
100% {
stroke-dashoffset:0
}
}
@keyframes dash {
0% {
stroke-dashoffset:1000
}
100% {
stroke-dashoffset:0
}
}
@-webkit-keyframes dashCheck {
0% {
stroke-dashoffset:-100
}
100% {
stroke-dashoffset:900
}
}
@keyframes dashCheck {
0% {
stroke-dashoffset:-100
}
100% {
stroke-dashoffset:900
}
}
.contact-form-wrap .custom-control {
	padding: 0
}
.contact-form-wrap .custom-control .custom-control-input {
	position: relative
}
.contact-form-wrap .custom-control span {
	vertical-align: middle;
	margin-left: 14px;
	color: #000
}
.contact-form-wrap .custom-control span a {
	color: var(--text-primary)
}
@media screen and (max-width:576px) {
.contact-form-wrap .custom-control span {
	font-size: 14px
}
}
.contact-form-wrap .custom-control .custom-control-label {
	margin-left: 0;
	width: 32px;
	height: 32px;
	outline: 0;
	text-align: center;
	line-height: 32px
}
.contact-form-wrap .custom-control .custom-control-label::before {
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	position: absolute;
	border: none!important;
	pointer-events: initial;
	border-radius: 50%!important;
	display: inline-block;
	color: var(--text-primary);
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	background: rgba(10,192,131,0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
.contact-form-wrap .custom-control-input:checked~.custom-control-label::before, .contact-form-wrap .custom-control-label:active::before, .contact-form-wrap .custom-control-input:not(:disabled):active~.custom-control-label::before {
	border: 0;
	content: "\f00c";
	color: var(--text-primary);
	background: rgba(10,192,131,0.2)
}
.contact-form-wrap .custom-control-label::after {
	display: none
}
.contact-form-wrap .custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border: 0
}
.form-validate-icons {
	top: 0;
	right: 14px;
	height: 60px;
	position: absolute;
	line-height: 40px
}
.form-validate-icons span {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.form-validate-icons span:before {
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	color: var(--text-white);
	display: inline-block;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
.form-validate-icons span.error {
	opacity: 1;
	visibility: visible
}
.form-validate-icons span.error:before {
	content: "\f00d";
	color: var(--red);
	background: rgba(242,116,116,0.2)
}
.form-validate-icons span.success {
	opacity: 1;
	visibility: visible
}
.form-validate-icons span.success:before {
	content: "\f00c";
	color: var(--text-primary);
	background: rgba(10,192,131,0.2)
}
.custom-select-wrapper {
	position: relative;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	height: 40px
}
.contact-form-wrap .custom-select-wrapper select, .contact-form-wrap .custom-select-wrapper .select-hide {
	display: none
}
.contact-form-wrap .custom-select-wrapper .select-selected {
	border-radius: 5px;
	outline: 0;
	padding: 10px 60px;
	font-size: 15px;
	border: 0;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	color: #677294!important
}
.contact-form-wrap .custom-select-wrapper .select-selected:focus {
	outline: 0;
	border: 0;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15);
	box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15)
}
.contact-form-wrap .custom-select-wrapper .select-selected:after {
	right: 14px;
	top: 3px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	content: "\f078";
	position: absolute;
	pointer-events: none;
	display: inline-block;
	color: var(--text-primary);
	background: rgba(10,192,131,0.2);
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
span.select2-selection__rendered {
	display: none
}
.contact-form-wrap .custom-select-wrapper .select-selected.select-arrow-active:after {
	content: "\f077"
}
.contact-form-wrap .custom-select-wrapper .select-items {
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	margin-top: 10px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15);
	box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15)
}
.contact-form-wrap .custom-select-wrapper .select-items .same-as-selected {
	background-color: var(--primary-button);
	border-bottom-color: var(--primary-button);
	color: var(--text-white)!important
}
.contact-form-wrap .custom-select-wrapper .select-items .same-as-selected:after {
	color: var(--text-white);
	background: rgba(255,255,255,0.1)
}
.contact-form-wrap .custom-select-wrapper .select-items div {
	color: #000;
	outline: 0;
	width: 100%;
	display: block;
	padding: 18px 60px;
	font-size: 15px;
	border: 0;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.08)
}
@media screen and (max-width:576px) {
.contact-form-wrap .custom-select-wrapper .select-items div {
	font-size: 14px
}
}
.contact-form-wrap .custom-select-wrapper .select-items div:focus {
	outline: 0;
	border: 0;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15);
	box-shadow: 0 23px 49px 0 rgba(61,82,96,0.15)
}
.contact-form-wrap .custom-select-wrapper .select-items div:last-child {
	border-bottom: 0
}
.contact-form-wrap .custom-select-wrapper .select-items div:after {
	content: "\f036";
	left: 14px;
	top: 14px;
	width: 32px;
	height: 32px;
	z-index: 14;
	position: absolute;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	color: var(--text-primary);
	background: var(--primary-color);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700
}
.contact-form-wrap .custom-select-wrapper .select-items div:hover {
	background-color: var(--primary-button);
	border-bottom-color: var(--primary-button);
	color: var(--text-white)
}
.contact-form-wrap .custom-select-wrapper .select-items div:hover:after {
	color: var(--text-white);
	background: rgba(255,255,255,0.1)
}
.contact-form-wrap .btn {
	padding: 10px 20px
}
.custom-modal .modal-header {
	text-align: center;
	padding: 20px
}
.custom-modal .modal-header h5, .custom-modal .modal-header button {
	color: var(--text-white)
}
.custom-modal .modal-header.danger {
	background: #f27474;
	color: var(--text-white)
}
.custom-modal .modal-header.success {
	background: var(--text-primary);
	color: var(--text-white)
}
.custom-modal .modal-header.terms {
	background: var(--sky-blue);
	color: var(--text-white)
}
.custom-modal .modal-body {
	padding: 20px
}
.custom-modal .modal-body .form-popup-inner {
	text-align: center
}
.custom-modal .modal-body .form-popup-inner .form-icon {
	margin-bottom: 30px
}
.custom-modal .modal-body .form-popup-inner .form-icon svg {
	width: 100px;
	height: 100px;
	border-radius: 50%
}
.custom-modal .modal-body .form-popup-inner .form-icon.danger svg {
	fill: #f27474;
	stroke: #f27474;
	background: rgba(242,116,116,0.1)
}
.custom-modal .modal-body .form-popup-inner .form-icon.success svg {
	fill: var(--primary-color);
	stroke: #fff;
	background: var(--secondary-color)
}
.custom-modal .modal-footer {
	padding: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
footer {
	background-color: #303538;
	padding: 50px 0 30px 0
}
footer img {
	margin-bottom: 20px
}
footer .about-us img {
	width: 150px
}
footer hr.border-line {
	border-top: 1px solid rgba(250,247,247,0.171)
}
footer, footer ul li a {
	color: #eef0ef;
	font-weight: 300;
	line-height: 20px
}
.footer-contact ul li{padding: 10px 0 0}
.footer-dadianhua{background-color: #088178;padding: 10px 20px;border-radius: 5px;}
.footer-dadianhua:hover{color: white;background-color: #598021;}
footer ul li a {
	line-height: 28px
}
footer .footer-links ul li a:before{
content: ">";
font-family: inherit;
line-height: inherit;
font-size: 1.125em;
font-weight: 600;
display: inline-block;
color: #088178;
margin-right: .375rem;
top: 1px;
position: relative;}
footer .content-top {
	display: flex;
	align-content: flex-start;
	width: 100%;
	flex-wrap: wrap
}
footer .footer-links h2 {
	color: #088178;
	font-size: 16px
}
footer .footer-biaoti{
	margin-bottom: .5rem;
    font-weight: 600;
    margin-top: 11px;
    line-height: 1.2;
    font-size: 1rem;}
@media only screen and (max-width :576px) {
h1 {
	font-size: 22px!important;
	line-height: 36px!important
}
.page-breadcrumb{padding: 20px 0;}
.subcategory-hero .text-wrap {
	text-align: center
}
.table .media {
	display: block
}
.table .media img {
	margin-bottom: 10px
}
.followers {
	margin-top: 0
}
.followers .card a.btn-primary {
	padding: 5px 10px;
}
.cr-product-headings .search-tags span {
	margin: 5px
}
.cr-product-headings {
	display: block;
	margin: 0
}
#category-hero .category-search-form {
	padding: 0
}
.cr-hero-banner h1 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	color: var(--heading-color)
}
.cr-hero-banner {
	padding: 80px 10px 80px 10px
}
.cr-product-headings {
	display: block;
	margin: 20px 0
}
.cr-product-headings a.cr-heading {
	display: block;
	text-align: center;
	padding-bottom: 10px
}
.cr-product-headings a.btn {
	display: block
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i {
	font-size: 9px
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i:not(:root) {
	overflow: hidden
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings span {
	font-size: 10px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-preview {
	padding: 9px 16px;
	font-size: 10px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-cart {
	font-size: 12px;
	padding: 8px 12px
}
}
@media only screen and (max-width:768px) {
	.blog-content .card .blog-info {
    margin: 0 0;
    padding: 20px 5px 10px;
}
.blog-content .card{box-shadow: unset;}
.cr-profile-hero .right-content {
	float: left
}
#category-hero .category-search-form {
	padding: 0
}
.topbar ul {
	text-align: center
}
.showcase-category .showcase-cat-header .card {
	padding: 100px 50px
}
.chanpin-biaoge-1 table {
        display: block;
        overflow-x: auto;
    }
}
@media only screen and (max-width:992px) {
.video-yem .left {width: 100%;}
.video-yem .right {width: 100%;}
.cr-wrapper {
	overflow-y: hidden;
	overflow-x: hidden
}
.navigation {
	display: none
}
.topbar ul {
	text-align: center
}
.topbar .auth-btns {
	display: none
}
.faq-container{display: none !important;}
.faq-hp-pc{display: block;}
}
@media only screen and (min-width: 993px) {
.faq-hp-pc{display: none;}
}
@media only screen and (min-width:320px) and (max-width:480px) {
#cr-hero-banner {
	padding: 80px 10px 80px 10px
}
.cr-product-headings a.cr-heading {
	display: block;
	text-align: center;
	padding-bottom: 10px
}
.cr-product-headings a.btn {
	display: block
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i {
	font-size: 9px
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i:not(:root) {
	overflow: hidden
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings span {
	font-size: 10px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-preview {
	padding: 9px 16px;
	font-size: 10px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-cart {
	font-size: 12px;
	padding: 8px 12px
}
}
@media only screen and (max-width:479.98px) {
.offcanvas-widget-area {
	padding-bottom: 0
}
.off-canvas-wrapper .off-canvas-inner-content {
	width: 260px;
	padding: 15px
}
}
@media screen and (max-width:992px) {
.pricingTable {
	margin: 0 0 20px
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.followers .card a.btn-primary {
	padding: 5px 10px;
	position: absolute;
	right: 10%
}
.followers .media {
	display: block
}
.followers .media .media-body {
	display: block
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i {
	font-size: 8px
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings i:not(:root) {
	overflow: hidden
}
.cr-products-info .card .pr-actions .pr-rating .star-ratings span {
	font-size: 10px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-preview {
	padding: 9px 14px;
	font-size: 8px
}
.cr-products-info .card .pr-actions .pr-buttons a.btn-cart {
	font-size: 10px;
	padding: 8px 10px
}
}
@media only screen and (max-width:1024px) {
.showcase-category .showcase-cat-header .card {
	padding: 150px 50px
}
.cr-product-wrapper {
	padding: 0
}
.cr-product-wrapper {
	padding: 0
}
.navbar .form-inline input[type="text"] {
	position: relative
}
.navbar .form-inline button {
	position: absolute;
	right: 3%;
	font-size: 10px
}
}
.social-share-container {
      margin-top: 20px;
    }
.social-share {
      display: inline-block;
      margin: 0 10px;
      text-decoration: none;
      cursor: pointer;
    }
.social-share img {
      width: 32px !important;
      height: 32px !important;
      transition: transform 0.2s;
    }
.social-share img:hover {
      transform: scale(1.1);
    }
/**弹窗表单**/
.popup {
            display: none; 
            position: fixed; 
            z-index: 999999; 
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;  
            background-color: rgba(0,0,0,0.4); 
        }

        .popup-content {
			border-radius: 30px;
			background-color: #005090;
            margin: 5% auto; 
            padding: 20px;
            border: 1px solid #888;
            width: 40%;
        }

        .close {
            color: #ffffff;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
		.tcbd-header{
			border-bottom: 1px dotted #cccccc;
			clear: both;
            margin: 0 0 20px 0;
            padding: 0 1% 1.1em 1%;
		}
		.tcbd-header h5 {
    text-transform: capitalize;
    line-height: 1.2em;
    color: #ffffff !important;
    font-size: 36px !important;
	}
	 .tcbd-header .tc-p {
        color: #ffffff;
	    margin: 10px 0 -15px 0;
}
form .tc-bq{padding: 0 10px;}
.tc-bq input{
	width: 100%;
	padding: 0 10px;
    outline-style: none;
    height: 38px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.tc-bq input::placeholder{color: #9fa3b8;font-size: 14px;}
.tc-bq textarea::placeholder{color: #9fa3b8;font-size: 14px;}
.tc-bq textarea{
	width: 100%;
	padding: 0 10px;
    outline-style: none;
    height: 100px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.tc-bq i{
	font-size: 18px;
    line-height: 40px;
    color: #005090;
	margin-left: -30px;
    position: absolute;
}
.tc-bq .tijiao{
	color: white;
    background-color: rgba(255, 255, 255, 0);
    display: inline-block;
    width: 40%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    padding: 15px 15px 15px 15px;
    margin-top: -7px;
    font-size: 16px;
}
.tc-bq .tijiao:hover{background-color:#cd0d14;}
.popup-content .recaptcha-text{
	padding: 20px 0;
    color: #7e7e7e;
    font-size: 14px;
}
.recaptcha-text p{color: #919191;}
/**FAQ**/
.faq-container a:hover {
            text-decoration: underline;
        }
         /* Layout styles */
        .faq-container {
            display: flex;
            max-width: 1200px;
            margin: auto;
            background-color: white;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
        }
        .faq-left-panel {
            width: 30%;
            border-right: 2px solid #ddd;
			padding: 10px;
        }
        .faq-right-panel {
            width: 70%;
            padding: 20px;
        }

        /* FAQ item styling */
        .faq-left-panel a {
            display: block;
            padding: 10px 5px 10px;
            margin: 10px 0;
            background-color: #f4f4f4;
            border-radius: 4px;
            transition: background-color 0.3s;
        }
        .faq-left-panel a.selected {
            background-color: #088178;
            color: white;
        }

        /* Answer section styling */
        .faq-answer {
            display: none;
            margin-top: 20px;
        }
        .faq-answer h4 {
            margin-bottom: 10px;
            color: #333;
        }
        .faq-answer p {
            line-height: 1.6;
            color: #555;
        }
.faq-yd-1{padding: 5px 0px 5px 0px;}
.accordion .faq-yd-1 h2 .btn{text-align: left !important;}
.faq-yd-2{padding: 5px;}
/**FAQ End**/
.renz-icon {
    width: 100%;
    height: auto;
    text-align: center;
	display: flex;
    justify-content: space-between;
    margin-bottom: -1rem;
}
.renz-icon ul li {
    display: inline-block;
    margin-right: 30px;
}
.renz-icon ul li img {
    width: 50px;
}
/**About**/
.about-video{margin-top: 60px;}
.about-tp{padding: 50px 0px 80px;}
/**About End**/
span.newtop{color: #088178;font-weight: 700;}
span.newtop-jq{color: var(--body-color);font-weight: 600;}
.m-top-30{margin-top:30px;}
.workshop-tp{color: var(--heading-color);font-size: 0.875rem;text-align: center;}
.policy-dibu span{margin: 0 10px 0;}
@media(max-width:991.98px) {
.table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
	border: 0
}
.industry-fl{padding: 1.2em 0em 1.4em;}
.popup-content{width: 90%;}
}
/**产品集合页**/
.cpjhy-dakj{border-style: solid;border-color: #fff;border-radius: 10px;transition:border 0.3s;}
.cpjhy-dakj:hover{border-color: #088178}
.card-tupian{background-color: rgba(0, 0, 0, .03);}
.cr-products-info .card .card-footer .cp-title{text-align: center;padding: 0 0 15px;margin-top: -10px;height: 85px;}
.cr-products-info .card .cp-title a{font-size: 20px;}
.cr-products-info .card .card-footer .cp-texing{
	font-size: 14px;
    color: hsl(0, 0%, 20%);
    font-weight: 500;
    letter-spacing: 0.3px;
}
.cr-products-info .card .card-footer .cp-price{
	margin-left: 0.25rem;
	padding-left: 0.5rem;
	display: flex;
    justify-content: flex-start;}
.cp-texing ul{    
    margin-left: 0.25rem;
    list-style-type: disc !important;
    padding-left: 0.5rem;
}
.cp-texing ul li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 5px solid #088178;
    border-radius: 50%;
    margin-right: 10px;
    background-color: white;
  }
.cr-products-info .card .card-footer .lbpkj{padding-top: 15px;}
.cplbt {
            position: relative;
            width: 90%;
            height: auto;
			aspect-ratio: 1/1;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			margin: auto;
        }
.cplbt img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
.cplbt img.active {
            opacity: 1;
        }
.cr-products-info .card .pr-actions .cp-ship{margin-left: 30px;}
@media (min-width: 1400px) {.container-jhy{max-width: 1520px;}}