* {
	padding:0;
	margin:0;
	box-sizing:content-box;
}

body {
	color:#333;
}
a {
	color:#333;
	text-decoration:none;
	transition:all .6s;
}

tr:nth-child(2n+1){
	background:#F2F2F2;
}

td{
	padding:10px 20px;
}

.hidden {
    display:none;
}
.row{flex-wrap:nowrap;}

/* 主页轮播 */
.swiper-container .row {
	margin:0;
}

.hero .swiper-slide img{
	width:100%;
}

.card.border-orange {
	border:1px solid #DDD;
}
.navbar-dark .navbar-nav {
	justify-content:center;
	width:100%;
}
.navbar-dark .navbar-nav .nav-link {
	color:white;
	padding:20px 16px;
}
.navbar-dark .navbar-brand {
	color:white;
	position:absolute;
	left:30px;
}
.navbar-dark .navbar-brand  img {
	height:100px;
}

header {
	background-color:#F08300;
}

header .navbar {
	height:100%;
	align-items:center;
}

.nav-box{
	width:100%;
	padding:0 35px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.nav-box .header-logo{
	padding:10px;
	max-width:230px;
	text-align:center;
	flex-shrink:0;
}

.nav-box .header-logo img{
	width:100%;
}

.nav-box .child-item{
	font-size:14px;
	margin-bottom:5px;
	line-height:24px;
}

.navbar .dropdown-menu a:hover {
	color:#f08300;
}
.navbar .mobile-dropdown {
	height:auto;
	position:static;
}

.navbar .dropdown:hover .dropdown-menu {
	box-shadow:0 -6px 16px -2px rgba(0,0,0,0.1),0 8px 24px -4px rgba(0,0,0,0.15);
}
.navbar-nav .dropdown {
	position:static !important;
}
.dropdown-menu {
	box-shadow:0 6px 12px rgba(0,0,0,0.15);
}
.navbar-nav .py-3 {
	height:100%;
}
.navbar-nav .flex-shrink-0 {
	height:138px;
}
.navbar-nav .flex-grow-1 {
	padding:10px 20px;
}
.navbar-nav .flex-grow-1 .mb-2 {
	padding-bottom:10px;
}

#navbarNav {
	transition:all 0.3s ease;
	z-index:999;
	width:100%;
}
/* ===== 主菜单项 ===== */
#navbarNav .nav-item {
	margin:0 0.5rem;
    position:relative;
	padding:10px 0;
}
#navbarNav .nav-link {
	font-size:18px;
	transition:all 0.2s ease;
	border-radius:4px;
}

#navbarNav .dropdown-menu{
	position:absolute;
	left:0;
	right:0;
	border:none;
	box-shadow:rgba(0, 0, 0, 0.6) 5px 0px 10px 0px;
	min-width:200px;
	animation:slideDown 0.3s ease;
	border-radius:unset;
	top:85%;
	min-height:170px;
	
}

#navbarNav .dropdown-item {
	padding:0.75rem 1.5rem;
	transition:background 0.2s;
}

.dropdown-box .dcenter{
	text-align:center;
	line-height:1.75;
	font-size:14px;
}

.dropdown-box .dimg{
	display:block;
	margin:auto;
}

.dropdown-box .model a{
	font-size:13px;
	color:#999;
}

.dropdown-wrapper{
	display:flex;
	justify-content: space-around;
}
/**pc 端导航分块**/
.dropdown-wrapper .dropdown-box{
	max-width:30%;
}


.align-items-center .display-4 {
	font-size:40px;
}
.align-items-center {
	color:#FFFFFF;
}
.align-items-center  .lead {
	margin:30px 0;
	font-size:20px;
}
.align-items-center .btn {
	padding:12px 24px;
	font-size:16px;
}

.hero {
    overflow:hidden;
    color: #333;
	position:relative;
}

.hero .swiper-button-prev {
    border-radius: 50%;
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 20px;
}
.hero .swiper-button-prev:hover{
    background: #000;
}
.hero .swiper-button-next {
    border-radius: 50%;
    cursor: pointer;

    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 20px;
}
.hero .swiper-button-next:hover{
    background: #000;
}

.hero .swiper-button-prev::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-30%, -50%) rotate(45deg); /* 左箭头方向 */
}

.hero .swiper-button-next::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: translate(-70%, -50%) rotate(45deg); /* 右箭头方向 */
}

.index-products .index-product-grid{
	display: grid;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr 1fr;
}

.index-products .card-title {
	font-size:18px;
	font-weight:500;
	line-height:1.7;
	color:#333;
	padding:20px 5px;
	margin-bottom:50px;
}
.index-products .card-text {
	height:50px;
	line-height:25px;
	text-align:center;
	color:#5D718A;
	font-weight: lighter;
}

.index-products .card {
	border:none;
	opacity:0;
	transform:scale(0.5) rotate(15deg);
	transition:all 0.8s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.index-products .card.animate {
	opacity:1;
	transform:scale(1) rotate(0deg);
}
.index-products a {
	text-decoration:none;
	display:block;
}


.index-products .container
{

padding:0px !important;
}

.products-show .card {
	opacity:1;
	transform:scale(1) rotate(0deg);
}
.dropdown-toggle::after {
	transition:transform 0.3s ease-in-out;
}
.dropdown-toggle[aria-expanded="true"]::after {
	transform:rotate(180deg);
}

.cta-banner {
	position:relative;	
	background:#F08300;
	z-index:1;
	min-height:280px;
}

.cta-banner:before{
	content:'';
	position:absolute;
	top:-1px;
	right:0;
	border-top:none;
	border-right:2000px solid #FFF;	
	border-left:none;
	border-bottom:80px  solid transparent;
	z-index:-1;
	width:100%;
}

.cta-banner:after{
	content:'';
	position:absolute;
	bottom:-1px;
	right:0;
	border-top:80px  solid transparent;
	border-right:2000px solid #FFF;	
	border-left:none;
	border-bottom:none;
	z-index:-1;	
	width:100%;
}

.index-waist{
	height:100%;
	display:flex;
	justify-content:space-between;
	text-align:right;
}

.cta-banner .container-txt {
	width:48%;
	text-align:right;
	z-index:9;
}

.cta-banner .container-txt h3{
	font-size:38px;
	line-height:1.5;
}

.cta-banner .elementor-widget-container {
	width: 48%;
}

.cta-banner .elementor-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.cta-banner .elementor-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    max-width: 100%;	
}

.additional-products{
	margin:100px 0;
}

/*-----------新闻------------*/
.index-new-wrapper{
	margin-top:120px;
	justify-content: space-between;
}

.index-new {
    color:#333 ;
    margin-bottom:120px;
}

.index-new .div-card{
	width:47.5%;
}

.index-new .heading-new img{
	width:100%;
	
}

.index-new .align-items-center {
    color: #333;
}

.index-new .main-new img{
    height: 100%;
    width: 100%;
}

.index-new .list-new{
	display:flex;
	justify-content:
	space-between;
	margin-bottom:30px;
	flex-wrap:nowrap;
	transition:all .3s;
}

.index-new .list-new:hover{
	transform:translate3d(20px,0,0);
}

.index-new .list-new .news-card-pic{
	max-width:180px;
}

.index-new .list-new .news-card-text{
	margin-left:20px;
	flex-grow:1;
	flex-shrink:1;
}

.index-new .list-new .news-card-text .date-text{
	font-size:14px;
	color:#999;
	margin-bottom:8px;
}

.index-new .list-new .news-title{
    font-size: 18px;
	line-height:1.5;
	margin-bottom:0;
}

.index-new  .event-card {
    position: relative;
    overflow: hidden; 
}

.index-new .event-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1; 
}

.index-new .main-new-text {
    position: absolute;
    bottom: 30px;       
    left: 30px;         
    z-index: 2;         
    color: white;      
    max-width: 80%;     
	transition:all 0.3s;
}

.index-new .event-card:hover .main-new-text{
    transform: translate3d(0px, -20px, 0px);
}

/*-----------主页底轮播图------------*/
.swiper-container-bottom {
	padding:0;
	overflow:hidden;
}
.swiper-container-bottom .swiper-pagination-bullet-active {
	background:#F08300;
}
/*-----------底部------------*/
.footer {
	color:#FFFFFF;
	border-top:2px solid #f08300;
}

.footer-grid{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:40px;
}
.footer .logo {
	width:180px;
}
.footer .logo-txt {
	margin-top:20px;
	font-size:20px;
	font-weight:200;
}
.footer .footer-links {
	margin-top:40px;
	font-size:16px;
}

.footer-contact .fab{
	font-size:24px;
}

.footer .footer-links h5 {
	color:#F08300;
	margin-bottom:30px;
	font-size:18px;
}
.footer .footer-links .list-unstyled  li {
	margin-bottom:16px;
}
.footer .footer-links .list-unstyled li a {
	text-decoration:none;
	display:block;
	height:25px;
}
.footer .footer-contact a {
	text-decoration:none;
    color:#FFFFFF;
}
/* ------------------------产品列表页------------------- */
.products-list {
	max-width:1200px;
	margin:2rem auto;
	padding:0 15px;
	margin-bottom:40px;
}

.products-list .cat-list-grid{
	display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.page-navigation{
	display:block;
}

.products-list .product-card img {
	transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
	transform-origin:center;
	will-change:transform;
}

.products-list .product-card:hover img {
	transform:scale(1.05);
	z-index:1;
}

.products-list .product-card .product-image {
	overflow:hidden;
	position:relative;
}

.products-list .product-title {
	font-size:16px;
    line-height:1.5;
	color:#333;
	padding:20px 5px;
	margin-bottom:50px;
}
.products-list .product-title:hover {
	color:#f08300;
}

.products-list .product-specs p {
	font-size:0.9rem;
	line-height:1.4;
	margin-bottom:0.3rem;
}

.products-list .text-warning {
	color:#ff6b6b !important;
	font-weight:500;
}
.products-list .section-header {
	margin-bottom:60px;
	font-size:24px;
	font-weight:600;
	color:#f08300;
}
.products-list a {
	text-decoration:none;
}
.products-list .product-card {
	margin-top:20px;
	padding:20px;/*增加小屏幕下的间距*/
}

/* ------------------------ 产品详情页 ------------------------ */

.products-detail {
	color:#333;
	margin-bottom:120px;
}

.carousel-thumbnails {
	margin-top:20px;
}
.carousel-thumbnails img {
	object-fit:cover;
	margin-right:10px;
	cursor:pointer;
	border:1px solid transparent;
}

.carousel-thumbnails img.active {
	border-color:#ec6c00;
}
.main-carousel img {
	height:100%;
	object-fit:contain;
}

.products-detail .nav-item{
    font-size: 24px;
    padding: 15px 30px;
    transition: all .5s;
}

.products-detail .nav-item.active{
	color: #F08300;
}

.product-tab-nav{
	position:relative;
    margin-bottom:80px;
}

.product-tab-nav .line{
    height: 2px;
    background: #f08300;
    position: absolute;
    left: 0;
    margin-top: -1px;
    width: 200px;
	bottom:0;
}

.products-detail .product-parameters {
	line-height:32px;
	font-size:16px;
	font-weight:600;
	color:#333;
	margin-bottom:30px;
}

.products-detail .features {
	line-height:32px;
	font-size:14px;
	color:#666;
	border-bottom:1px solid #DDD;
	padding-bottom:100px;
}
.products-detail .product-description {
	text-align:left;
	color:var(--bs-secondary-color) !important;
	font-size:16px;
	line-height:25px;
}
.products-detail img{
    max-width:100%;
}

.products-detail .product-description h3{
  	margin:50px 0 30px;
    font-size:20px;
    font-weight:bold;
}

.products-detail .top-left {
	padding:10px;
}
.products-detail .top-right {
	padding:10px 10px 10px 45px;
	box-sizing:border-box;/**修复1440px下显示异常**/
}
.products-detail .top-right h1 {
	font-size:42px;
	line-height:1.5;
	margin-top:1em;
	font-weight:600;
}
.products-detail .top-right .sku {
	font-size:20px;
	color:#999;
	margin:20px auto 50px;
}
.products-detail .swiper-container {
	width:100%;
	height:auto;
	margin:20px auto;
}
.products-detail .swiper-container .swiper-wrapper {
	width:100%;
}
.products-detail .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	width:80px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	border:1px solid #e5e5e5;
}

.products-detail .parameters-table td {
	padding:20px 30px;
}

.quote {
	display:inline-block;
	padding:10px 25px;
	font-size:16px;
	border-radius:15px;
	margin:40px 0 0 20px;
	background:transparent;
}

.btnch {
	position:relative;
	overflow:hidden;
	color:#999;
	border:1px solid #999;
	z-index:3;
}

.btnch:hover {
	border:1px solid #F08300;
	color:#FFF;
}

.btnch:before {
    content: "";
    display: block;
    background: #F08300;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    transition: all .5s;
    z-index: -1;
}

.btnch:hover:before {
    left: 0%;
}

.contact-form{
	padding:10px 20px;
}

.contact-form .form-label{
	line-height: 2.5;
    font-size: 16px;
    display: block;
}

/* ------------------------  contact us  ------------------------ */

.contact-section {
	background:#fff;
	margin-bottom:60px;
}
.contact-section h3 {
	font-size:20px;
	margin:20px 0;
	color:#666;
	font-weight:bold;
}
.contact-section .quote {
	margin-top:0px;
	margin-left:0px;
}

.contact-section .contact-form {
    padding-left: 0;
    padding-right: 0;
}

.form-container {
	padding:2rem;
	padding-top:10px;
	border-radius:8px;
}

.btn-custom {
	background:#FF6B00;
	border:2px solid #fff;
	color:white;
	width:100%;
	padding:12px;
}
.btn-custom:hover {
	background:#fff;
	color:#FF6B00;
	border-color:#FF6B00;
}

.contact-grid-container .grid-item {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 20px;
    margin-bottom: 30px;
	font-size:16px;
}

.contact-grid-container .quote {
    padding: 10px 20px;
    border: none;
    color: #F08300;
    cursor: pointer;
    width: 100%;
	border:1px solid #F08300;
	box-sizing:border-box;
}

.contact-grid-container .quote:hover{
	color:#FFF;
}

.contact-form .form-label{
	line-height:2;
}


.contact-form .col-form-label {
	font-weight:500;
	color:#333;
	text-align:right;
	padding-right:1.5rem;
}

.contact-form .form-control:focus {
	border-color:#ec6c00;
	box-shadow:0 0 0 0.2rem rgba(236,108,0,0.25);
}
.supplier-section {
	padding-top:120px;
	padding-bottom:120px;
	background-color:rgba(243,243,243,1);
}

.supplier-section #chart {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    width: 100%;
    height: 900px;
}

.supplier-section .supplier-left {
    background-color: rgb(255, 255, 255);
	max-height: 900px; 
    overflow-y: auto;  
}

.supplier-section .supplier-left .card-body{
    padding: 20px;
}

.supplier-section .supplier-left .card-body .align-items-start{
    margin-top: 16px;
}

.supplier-section .supplier-left::-webkit-scrollbar {
    width: 1pxx;   
    background-color: #cfcfcf; 
}

.supplier-section .supplier-left::-webkit-scrollbar-thumb {
    background-color: #979797;  
    border-radius: 2px;     
}

.supplier-section .supplier-left .badge{
    background-color:#ec6c00;
    font-weight: normal;
    font-size: 14px;
}

.supplier-section .supplier-left .card-title {
    color: #666;
    font-weight: bold;
    font-size: 16px;
}
.supplier-section .supplier-left .card-text {
    color: var(--bs-secondary-color) !important;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}

.contact-form .btn-custom {
	background:#ec6c00;
	color:white;
	padding:0.75rem 1.5rem;
	transition:all 0.3s ease;
}
.contact-form .btn-custom:hover {
	background:#d45f00;
	transform:translateY(-1px);
}

/* ------------------------  about us  ------------------------ */
.about-hero {
	background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('https://source.unsplash.com/random/1920x1080/?technology') center/cover;
	padding:8rem 0;
	color:white;
}
.icon-box {
	width:70px;
	height:70px;
	background:#FF6B00;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:2rem auto;
}
.section-title{
	color:#333;
	position:relative;
	padding-bottom:1rem;
	margin-bottom:2rem;
}

.section-title2 {
	color:#333;
	position:relative;
	padding-bottom:1rem;
	margin-bottom:80px;
}

.section-title:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0%;
	width:100px;
	height:3px;
	background:#FF6B00;
}

.profile-page{
	display: grid;
    grid-column-gap: 60px;
    grid-template-columns: 1fr 1fr;		
}

.profile-page-grid{
	display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;	
}

.core-values {
	background:#F8F9FA;
	padding:4rem 0;
}

.core-values h4{
	font-size:20px;
	font-weight:500;
	margin:30px 0;
}

.core-values p{
	font-size:16px;
}

.wp-page-banner{
	background:url("https://mietubl-dev.oss.mietubl.com.cn/static/tpl/screen_protector_solutions/image/about-mietubl.jpg") center no-repeat;
	background-size:cover;
	min-height:500px;
	margin-top:150px;
}
/* ------------------------  POST LIST  ------------------------ */

.recent-posts .list-group-item {
	border:none;
}
.recent-posts  .recent-posts {
	padding-top:0px;
}
.recent-posts span {
	overflow:hidden;
	height:2.5rem;
	line-height:2.5rem;
	width:80%;
}
.recent-posts small {
	overflow:hidden;
	height:2rem;
	line-height:2.5rem;
	width:20%;
	text-align:right;
}

.article-list .article-list-item{
	border-bottom:1px solid #DDD;
	padding:40px 0;
}

.article-list .article-list-item .card-text{
	padding-top:40px;
	font-size:16px;
}

.article-list .article-left {
	border:none;
}
.article-list .card-title {
	font-size:20px;
	font-weight:500;
}
.article-list .text-muted {
	font-size:14px;
	color:#999;
}
.article-list .card-title:hover {
	color:#f08300;
}
.article-list hr {
	margin-top:60px;
	margin-bottom:40px;
}
.article-list .more a {
	position:relative;
	display:inline-block;
	padding:10px 25px;
	font-size:14px;
	border:1px solid #999;
	margin-top:30px;
	overflow:hidden;
	color:#999;
}
.article-list .article-card .col-md-4 {
	overflow:hidden;
    border-radius:8px;
}
.article-list .article-card img.post-cover {
	transition:transform 0.3s ease-in-out;
	width:100%;
	height:100%;
	object-fit:cover;
}
.article-list .article-card:hover img.post-cover {
	transform:scale(1.1);
}
.article-list .article-card .more a {
	position:relative;
	display:inline-block;
	padding:8px 20px;
	color:#333;
    text-decoration:none;
	overflow:hidden;
    z-index:1;
}

.article-list .article-card .more a::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0%;
	height:100%;
	background:#f08300;
    transition:width 0.3s ease-in-out;
	z-index:-1;
}
.article-list .article-card:hover .more a::before {
	width:100%;
}
.article-list .article-card:hover .more a {
	color:white;
    border:none;
}
.article-list .article-card .col-md-4 {
	padding-right:60px;
	box-sizing: border-box;
}
.nav-orange {
	--orange-color:#FF6B35;
	background-color:white;
	padding-bottom:40px;
}
.nav-orange .nav-link {
	color:var(--orange-color) !important;
	font-weight:500;
	font-size:1rem;
	transition:transform 0.2s;
}
.nav-orange .nav-link:hover {
	transform:translateY(-2px);
}
.nav-orange .separator {
	color:var(--orange-color);
	margin:0 0.8rem;
}
.nav-orange .breadcrumb>:first-child::before {
	content:"";
	margin-right:5px;
	display:inline-block;
	width:12px;
	height:12px;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(../image/icon/home.svg);
}
.nav-orange .breadcrumb .add-icon:after {
	content:"";
	margin:0 15px;
	display:inline-block;
	width:12px;
	height:12px;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url(../image/icon/triangle-right.svg);
}
/* ------------------------  post detail ------------------------ */

.article-detail {
	margin-bottom:120px;
}
.article-content {
	border:none;
}

.article-content h1{
	font-size:28px;
	margin-bottom:20px;
}

.article-content .button-next {
	margin-left:20px;
}
.article-detail .card-body {
	padding-top:0px;
}
.article-detail .article-date {
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	color:#999;
	margin-bottom:80px;
	font-size:14px;
}

.article-detail .article-date .fas{
	margin-right:15px;
}

.article-body{
	font-size:16px;
	line-height:2em;
	color:#666666;
}

.article-body p{
	margin-bottom:2em;
}

.article-body h2 {
	border-left:4px solid #fd7e14;
	padding-left:1rem;
}
.article-body pre {
	overflow-x:auto;
	background:#1e1e1e;
}
.post-pagination {
	width:250px;
}

.post-pagination .page-bg-orange {
	background-color:#cccccc;
}

.post-pagination .page-bg-orange:hover {
	background-color:#f08300;
}

.post-pagination {
	width:100%;
	max-width:600px;
    margin:0 auto;
}

.post-pagination .page-item {
	flex:0 0 auto;
}
/* ------------------------  POST LIST  ------------------------ */
.faq {
	margin-bottom:120px;
}
.faq .faq-title {
	margin-bottom:80px;
	color:#F08300;
	font-weight:600;
	font-size:24px;
	margin-left:7px;
}
.faq .accordion-button {
	padding:3.5rem;
    padding-top:25px;
	padding-bottom:25px;
	text-align:left;
    border-top:1px solid #ddd;
}
.faq .accordion-button::after {
	left:1.25rem;
	right:auto;
	position:absolute;
	margin-left:0;
}

.faq .accordion-button:not(.collapsed)::after {
	transform:rotate(-180deg);
}

.faq .accordion-button.collapsed::after {
	transform:rotate(0deg);
}
.faq .accordion-button:not(.collapsed) {
	background-color:#ffffff;
}
/* ------------------------ 面包屑  ------------------------ */

.breadcrumb {
	margin:60px 0;
	line-height:40px;
	font-size:16px;
	color:#666;
}
.breadcrumb a {
	margin:0 7px;
}
.breadcrumb a:after {
	content:"/";
	margin-left:15px;
	color:#666;
}
.breadcrumb strong {
	color:#f08300;
	font-weight:normal;
	margin-left:8px;
}
/* ------------------------  分页  ------------------------ */

.page-link {
	color:#999;
    border:1px solid #ddd;
    background-color:#f8f9fa;
	transition:all 0.2s;
	margin:0 2px;
	min-width:38px;
	text-align:center;
}
.page-link:hover {
	color:#666;
    background-color:#f1f1f1;
	border-color:#ccc;
}
.page-item.active .page-link {
	background-color:#FF6B35;
    border-color:#FF6B35;
	color:white;
}
.page-item.disabled .page-link {
	color:#ddd;
    pointer-events:none;
	cursor:not-allowed;
}
.fa-arrow-left,.fa-arrow-right {
	vertical-align:middle;
	font-size:0.8rem;
}

.fasttalk{
	display:inline;
	position:fixed;
	right:20px;
	bottom:40px;
	width:80px;
	height:80px;
	z-index:99;
}
/* ------------------------  响应式适配  ------------------------ */



@media (min-width:1400px) {
	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {max-width:1440px;padding:30px;}
}

@media (min-width:1200px) and (max-width:1399.9px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
	width:100%;
	max-width:1300px;
	padding:30px;
	box-sizing:border-box;
	}
	
	.nav-box{
		padding:0 15px;
	}
	.nav-box .header-logo{
		max-width:150px;
	}
	#navbarNav{
		width:calc(100% - 165px);
	}
	
	#navbarNav .nav-item{
		margin:0;
	}
	#navbarNav .nav-link {
		font-size: 13px;
	}	
	.navbar-dark .navbar-nav {
    justify-content: space-between;
	}
	
	.navbar-dark .navbar-nav .nav-link{
		font-size:14px;
		padding: 20px 10px;
	}
	
	.navbar-nav .flex-shrink-0{
		height:120px;
	}
	
	.nav-box .child-item{
		font-size:13px;
	}
}

@media (min-width:992px) and (max-width:1199.9px){
	.nav-box{
		padding:0 15px;
	}
	.nav-box .header-logo{
		max-width:150px;
	}
	#navbarNav{
		width:calc(100% - 165px);
	}
	
	#navbarNav .nav-item{
		margin:0;
	}
	#navbarNav .nav-link {
		font-size: 15px;
	}	
	.navbar-dark .navbar-nav {
    justify-content: space-between;
	}
	
	.navbar-dark .navbar-nav .nav-link{
		font-size:14px;
		padding: 20px 10px;
	}
	
	.navbar-nav .flex-shrink-0{
		display:none;
	}
	
	.nav-box .child-item{
		font-size:13px;
	}
	
	.container{
		margin:0;
		width:100%;
		max-width:100%;
		box-sizing: border-box;
		padding: 0 30px;
	}
		
	.cta-banner .container-txt h3{
		font-size:24px;
	}

	.footer-content P{
		font-size:14px;
	}

	.products-list .cat-list-grid{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.products-list .product-title{
		font-size:16px;
	}

/* ------------------------  产品详情页 ------------------------ */
.products-detail .top-right{
	box-sizing:border-box;
}


.products-detail .top-right h1{
	font-size:36px;
	line-height:1.75;
}

.products-detail .top-right .sku{
	font-size:16px;
}

.product-description h3{
	margin-bottom:1em;
}

}

@media (max-width:991.9px) {
.nav-box{
	padding:0 1.5rem;	
}
	
#navbarNav {
	position:absolute;
	left:0;
	top:100%;
	background:#F08300;
}

#navbarNav .nav-item {
	margin:0;
}

#navbarNav .nav-link {
	padding:5px 20px;
	color:#FFF;
	display:block;
	font-size:18px;
}

#navbarNav .dropdown-menu {
	box-shadow:none;
	background:#f8f9fa;
	min-height:initial;
	position:static;
	height:auto;	
	padding:0;
}

#navbarNav .dropdown-menu .container{
	max-width:100%;
	width:100%;
	padding:0;
}

#navbarNav .dropdown-menu .container .child-item{
	line-height:2;
}

.navbar .dropdown-menu .dropdown-wrapper,
.navbar .dropdown-menu .dropdown-box{
	width:100%;
	max-width:100%;
	flex-wrap:wrap;
}

.navbar .dropdown-menu .dropdown-box .dimg,
.navbar .dropdown-menu .dropdown-box .model{
	display:none;
}

.dropdown-box .dcenter{
	padding:10px 25px;
	line-height: 2;
	text-align:left;
	margin-bottom: 5px;
}

.nav-box  .header-logo {
	display:block;
	max-width:150px;
	padding:0;
}

.navbar-nav {
	flex-direction:column;
	text-align:left;
}
.navbar-nav .flex-shrink-0 {
	display:none;
}

.navbar-nav .flex-grow-1{
	padding:10px 25px;
}

.container{
	margin:0;
	width:100%;
	max-width:100%;
	box-sizing: border-box;
	padding: 0 30px;
}

.index-products .index-product-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

.index-products .card-title{
	line-height:1.5;
    font-size: 16px;	
}

.index-products .card-text{
	line-height:auto;
    font-size: 16px;	
}
/* ------------------------  产品列表页 ------------------------ */

.products-list .cat-list-grid{
	grid-template-columns: 1fr 1fr;
}

.products-list .product-title{
    font-size: 16px;
}

/* ------------------------  产品详情页 ------------------------ */
.products-detail .top-right{
	box-sizing:border-box;
}


.products-detail .top-right h1{
	font-size:30px;
	line-height:1.75;
}

.products-detail .top-right .sku{
	font-size:14px;
}

.products-detail .product-parameters{
	font-size:16px;
	color:#999;
}

.products-detail .nav-item{
	font-size:18px;
}

.product-description img{
	max-width:100%;
}

.product-description h3{
	margin-bottom:1em;
}


}

@media (max-width:768px) {

.container{
	padding: 0 15px;
}
  
.row {
    flex-wrap: wrap;
}
  
.hero .swiper-container{
    margin: 0 -18.5% !important;
}  

.dropdown-menu .row {
	flex-direction:column;
}

.dropdown-menu .col-4 {
	width:100%;
	margin-bottom:1rem;
}
.dropdown-menu .col-4:last-child {
	margin-bottom:0;
}
.post-pagination {
	flex-direction:column;
	gap:1rem;
}
.post-pagination .page-item {
	width:100%;
}

.index-products .index-product-grid {
    grid-column-gap: 20px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
}

.index-waist{
	flex-wrap:wrap;
}

.cta-banner .container-txt,
.cta-banner .elementor-widget-container{
	width:100%;
}

.cta-banner .container-txt h3{
	font-size:24px;
	line-height:2;
	text-align:center;
	margin:60px auto;
}

.index-new-wrapper .heading-new{
	margin-bottom:50px;
}

.index-new-wrapper{
	flex-wrap:wrap;
}

.index-new .div-card{
	width:100%;
	padding:0;
}

.footer-grid{
	grid-template-columns:1fr;
}

.footer-grid .footer-content{
	padding:25px 0;
}

.profile-page{
    grid-row-gap: 60px;
    grid-template-columns: 1fr;		
}

.profile-page-grid{
    grid-template-columns: 1fr;	
}


/* ------------------------  产品详情页 ------------------------ */
.products-detail .top-left,
.products-detail .top-right{
	padding:0;
}

.products-detail .top-right h1{
	font-size:24px;
	line-height:1.75;
}
}
/*04-18修复首页手机显示异常*/
@media (max-width:576px) {
.index-new .list-new {
    flex-wrap: wrap;
  }
  
 .index-new .list-new .news-card-pic,
  .index-new .list-new .news-title{
    width:100%;
    max-width:100%;
  }
  
  .img-fluid{width:100%;margin-bottom:40px;}

}

/* ===== 动画定义 ===== */
@keyframes slideDown {
	from {
	opacity:0;
	transform:translateY(-10px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}



/**==== 首页产品列表滚动 ===*/

/* 产品轮播图样式 - 全宽度设计 */
.index-products {
	background: white;
	padding: 80px 0;
	/*overflow: hidden;*/
	position: relative;
}




.products-swiper {
	width: 100%;
	height: auto;
	margin: 0 40px;
}

.products-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	/*padding: 40px 20px;*/
}

.products-swiper .swiper-slide .text-center {
	width: 100%;
	max-width: 250px;
}

.products-swiper .product-image-container {
	width: 260px;
	height: 260px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	box-sizing: border-box;
}


.products-swiper .product-image-container img {
	/*max-width: 90%;*/
	/*max-height: 90%;*/
	/*object-fit: contain;*/
	/*box-sizing: border-box;*/
}

.products-swiper .product-title {
	font-size: 18px;
	line-height: 1.4;
	margin-top: 20px;
	color: #333;
	font-weight: 600;
	min-height: 2.4em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 产品轮播图导航按钮 - 全宽度样式 */
.products-nav-prev,
.products-nav-next {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	background: white;
	border-radius: 50%;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	margin-top: -25px;
	z-index: 10;
	cursor: pointer;
}

.products-nav-prev {
	left: 30px;
}

.products-nav-next {
	right: 30px;
}

.products-nav-prev:hover,
.products-nav-next:hover {
	background: #F08300;
	box-shadow: 0 6px 20px rgba(240, 131, 0, 0.3);
	transform: scale(1.1);
}

.products-nav-prev::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	border-left: 2px solid #F08300;
	border-bottom: 2px solid #F08300;
	transform: translate(-30%, -50%) rotate(45deg);
	transition: border-color 0.3s ease;
}

.products-nav-next::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 12px;
	border-right: 2px solid #F08300;
	border-top: 2px solid #F08300;
	transform: translate(-70%, -50%) rotate(45deg);
	transition: border-color 0.3s ease;
}

.products-nav-prev:hover::after,
.products-nav-next:hover::after {
	border-color: white;
}

.text-justify{text-align:justify !important;}
.w-20 {
    width: 20% !important;
}


   /* 产品特色区域样式 */
        .index-pro {
            background-color: transparent; /* 移除背景色 */
        }
        
        .index-pro-name {
            color: #333;
            font-weight: bold;
            margin-bottom: 1rem;
        }
        
        .index-pro-txt {
            color: #666;
            font-size: 1.1rem;
            line-height: 1.6;
        }
        
        .index-proB {
            position: relative;
            max-width: 1920px;
            margin: 0 auto;
            padding: 0 50px; /* 为箭头预留空间 */
        }
        
        .index-pro-list .swiper-wrapper {
            list-style: none; /* 移除列表项前的圆点 */
            padding: 0; /* 移除默认内边距 */
            margin: 0; /* 移除默认外边距 */
        }
        
        .index-pro-list .swiper-slide {
            list-style-type: none; /* 确保不显示列表样式 */
        }
        
        .product-image-container {
            width: 100%;
            height: 180px;
            overflow: hidden;
            margin-bottom: 10px;
            border-radius: 8px;
        }
        
        .product-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        
        .swiper-slide:hover .product-image-container img {
            transform: scale(1.05);
        }
        
        .product-title {
            color: #333;
            font-size: 1rem;
            margin-top: 10px;
            transition: color 0.3s ease;
        }
        
        .swiper-slide:hover .product-title {
            color: #ff6b35;
        }
        
        .index-pro-list .item {
            background: transparent; /* 移除背景色 */
            border-radius: 8px;
            box-shadow: none; /* 移除阴影 */
            padding: 20px;
            margin: 10px;
            transition: transform 0.3s ease;
            text-align: center;
        }
        
        .index-pro-list .item:hover {
            transform: translateY(-5px);
            box-shadow: none; /* 悬停时也不显示阴影 */
        }
        
        .index-pro-list .imgbox {
            margin-bottom: 15px;
        }
        
        .index-pro-list .imgbox img {
            width: 100%;
            height: auto;
            border-radius: 6px;
        }
        
        .index-pro-list .txt {
            color: #333;
            font-size: 18px ;

        }
        
        .index-pro-list a {
            text-decoration: none;
            color: inherit;
        }
        
        .index-pro-list a:hover {
            text-decoration: none;
        }
        
        .index-pro .swiper-button-prev,
        .index-pro .swiper-button-next,
        .proL, .proR {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            background: #ff6b35;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: background 0.3s ease;
            border: none;
            outline: none;
            margin-top: 0;
        }
        
        .index-pro .swiper-button-prev:hover,
        .index-pro .swiper-button-next:hover,
        .proL:hover, .proR:hover {
            background: #e55a2e;
        }
        
        .index-pro .swiper-button-prev,
        .proL {
            left: 10px;
        }
        
        .index-pro .swiper-button-next,
        .proR {
            right: 10px;
        }
        
        .index-pro .swiper-button-prev::after,
        .index-pro .swiper-button-next::after,
        .proL::after, .proR::after {
            content: '';
            width: 12px;
            height: 12px;
            border: 2px solid white;
            border-right: none;
            border-bottom: none;
            transform: rotate(-45deg);
            font-size: 0;
        }
        
        .index-pro .swiper-button-next::after,
        .proR::after {
            transform: rotate(135deg);
        }
        
        /* 隐藏默认的swiper箭头 */
        .index-pro .swiper-button-prev:before,
        .index-pro .swiper-button-next:before {
            display: none;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .proL, .proR {
                display: none;
            }
            
            .index-proB {
                padding: 0 15px; /* 移动端下减少内边距 */
            }
            
            .index-pro-list .item {
                margin: 5px; /* 移动端下减少item间距 */
                padding: 15px; /* 移动端下减少内间距 */
            }
        }

.index_video_rightclass
{
	display: flex;
	flex-direction:column;
	justify-content: space-between;
}

.index_video_rightflexclass
{
	flex-grow:0;
	flex-shrink: 0;
}