/*all*/
.bg01{background:#9cc9e3;}
.bg02{background:#1a3d5d}
.bg03{background:rgba(255,255,255,.75)}
/*scrollbar*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #E7E7E7;}
::-webkit-scrollbar-thumb {background: #595757;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background: #9cc9e3;}
/*button*/
.btn.btn01{background:#595757;color:#fff;}
.btn.btn01:hover, .btn.btn01.active{background:#9cc9e3;color:#fff;}
.btn.btn02 {border-radius:0;}
.btn.btn02 span{
	position: relative;
	color:#595757;
	padding:13px;
	border:2px #595757 solid;
	background:rgba(255,255,255,.75);
	transition: all 0.3s ease;
	z-index:1;
}
.btn.btn02 span:after {
    content: "";
	background:#595757;
    position: absolute;
	top:7px;
	left:7px;
	width:100%;
	height:100%;
	z-index:-1;
    transition: all 0.3s ease;
}
.btn.btn02:hover span{
	background:rgba(255,255,255,.25);
	transition: all 0.3s ease;
	color:#fff;
}
.btn.btn02:hover span:after {
	background:#9cc9e3;
	transition: all 0.3s ease;
}
.btn.btn03{
	border-radius:30px;
	border:none;
	color:#fff;
}
.btn.btn03:hover{opacity:0.75;}
.btn.btn03.c01{background:#595757;}
.btn.btn03.c02{background:#9cc9e3;}
.btn.btn03.c03{background:#1a3d5d;}
/*2023.5新增*/
.btn_solid{
	margin: 7px 0px;
}
.btn_solid_b{
	border-bottom: 1px solid #939699;
}
.btn-check+.btn:hover {
    color: #fff;
    background-color: #ee4d2d;
    border-color: #ee4d2d;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #fff;
    background-color: #ee4d2d;
    border-color: #ee4d2d;
}
.btn-outline-primary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
}
.pro_norm{ 
	display: flex;
    align-items: center;
}
/*menu*/
header{background: #fff;}
header .nav-link{color: #595757;padding:0 10px;}
header .navbar-nav .nav-link.active, header .navbar-nav .show>.nav-link, header .nav-link:hover, .munber_car{color: #9cc9e3;}
header .navbar-brand img{width:100px;}
.munber_car{color: #595757;}
header .dropdown-menu[data-bs-popper] {
    left: 50%;
    transform: translateX(-50%);
    border: none;
    border-radius: 0;
    background: #595757;
}
header .dropdown-menu a {color: #fff;}
header .dropdown-menu a:hover {background:#9cc9e3;color: #fff;}
/*searxh*/
#search input:hover{background: rgba(164,139,120,.3)}
/*swiper*/
.swiper-pagination-bullet {
	width:15px;
	height:15px;
	background: rgba(255,255,255,0);
	border:1px #fff solid;
	opacity:1;
	transition: all 0.5s ease 0s;
}
.swiper-pagination-bullet-active {
	background: rgba(255,255,255,1);
	transition: all 0.5s ease 0s;
}
.swiper-button-next, .swiper-button-prev{
	color:#fff;
	color:#fff;
	-webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.7))
}
/*slick*/
.slick-prev:before,.slick-next:before {display: none !important;}
.slick-arrow {display: block !important;}
.slick-arrow.slick-prev {
	background-image: url('../img/icon/carousel_left.png');
	width: 12px;
    height: 52px;
    left: -27px;
    top: 146px;
}
.slick-arrow.slick-next {
	background-image: url('../img/icon/carousel_right.png');
	width: 13px;
    height: 49px;
    right: -32px;
    top: 146px;
}
.Swiper_pro_many .swiper-slide-thumb-active {background:#595757;}
.Swiper_pro_many .swiper-slide-thumb-active img{opacity:.5;}
/*breadcrumb*/
.breadcrumb{margin: 0;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff;}
.breadcrumb-item a,.breadcrumb-item{color:#fff;text-decoration:none;}
.breadcrumb-item.active a,.breadcrumb-item.active a:hover,.breadcrumb-item.active{font-weight: 900;color:#fff;}
/*page button*/
.pagebtn{list-style-type: none;display: inline-block;padding:0;}
.pagebtn li{display: inline;}
/*go to top*/
.fix_right .munber_car{background:#E1524E;color: #fff;}
.fix_right {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:2;
	list-style-type: none;
	padding: 0;
	margin:0;
}
.fix_right li{margin-top:10px;}
.fix_right a{
	display:block;
	color: #fff;
	font-size:1.5em;
	background: #595757;
	padding:7px 15px;
	border-radius:50px;
	box-shadow: 0px 3px 7px #2a2626;
}
.fix_right a:hover{background: #9cc9e3;color: #fff;}
.fix_right a.close.collapsed{transition: all 0.5s ease 0s;transform:rotate(0deg);}
.fix_right a.close{transform:rotate(-45deg);transition: all 0.5s ease 0s;}
/*fix_bottom*/
.fix_bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index:2;
	list-style-type: none;
	padding: 0;
	margin:0;
	display: inline-block;
	width: 100%;
}
.fix_bottom li{
	display: inline;
	width:calc(100% / 4);
	float: left;
}
.fix_bottom li a{
	display: block;
	text-align:center;
	color:#fff;
	background:#595757;
	text-decoration:none;
	font-size: 14px;
    padding: 5px 0;
}
.fix_bottom li a:hover{
	color:#fff;
	background:#9cc9e3;
}
/*slick*/
.slick-prev:before,.slick-next:before {display: none !important;}
.slick-arrow {display: block !important;}
/*footer*/
footer{position:relative;}
footer, footer a{color:#ccc;text-decoration:none;}
footer a:hover{color:#9cc9e3;}
footer h3{position: relative;font-weight:900;color:#9cc9e3;font-size: 20px;margin-bottom:20px;}
footer h3:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 20px;
    height: 2px;
    background: #595757;
    content: "";
}
footer ul{list-style-type: none;padding:0;}
footer i.bi{margin-right:5px;}
footer ul.icon {display: inline-block;text-align: center;letter-spacing: 0.5rem;}
footer ul.icon  li {display: inline;}
footer ul.icon img {width: 1.8rem;}
ul.footer_list{display: inline-block;margin:0;}
ul.footer_list li{display:inline;padding-right:20px;}
.editorial {
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index:5;
  top:-60px;
  position:absolute;
  left:0px;
  float:left;
}
/*index*/
.info_box_box {
	width: 150px;
}
.info_box_box:hover {
    background: #9cc9e3;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info_img_box{
	width: 18%;
    margin: 11px auto;
    border-radius: 50px;
}
.info_img_box img{
	width: 75px;    	
}

.info_img_text{
	width: 100%;
}
.info_img_text h4 {
	text-align: center;
	padding: 5px 0;
}
.info_img_text p{
	text-align: center;
	padding-bottom: 10px;
}
.info_box_box a{
	color:#595757;
	text-decoration:none;
}
.info_box_box a:hover{
	color:#fff;
}
/*old*/
.info_box{
	text-align:center;
	background:#fff;
	color:#595757;
	padding:10px;
	transition: all 0.5s ease 0s;
}
.info_box i{
	display:inline-block;
	width:70px;
	height:70px;
	padding:10px;
	font-size:2em;
	margin-bottom:20px;
	background:#595757;
	color:#fff;
	border-radius:100%;
	transition: all 0.5s ease 0s;
}
.info_box:hover{
	background:#9cc9e3;
	color:#fff;
	transition: all 0.5s ease 0s;
}
.info_box:hover i{
	background:#fff;
	color:#9cc9e3;
	transition: all 0.5s ease 0s;
}

.comment_box{
	width:100%;
	float:left;
}
.comment_box .user_img{
	width:200px;
	float:left;
	margin-right:25px;
	text-align: center;
}
.comment_box .user_img img{
	border-radius:100%;
}
.comment_box .user_cont{
	float:left;
	width:auto;
	max-width:calc(100% - 250px);
	margin-right:25px;
	padding:20px;
	background:#E7E7E7;
	position: relative;
	color:#595757;
	box-shadow: 5px 5px 5px -5px rgb(0 0 0 / 30%);
}
.comment_box .user_cont:before{
	content: '';
    position: absolute;
    top: 20px;
	left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #E7E7E7 transparent;
}
.about_box{
	background: url("../img/about/bg.jpg")center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.about_box h1{font-family:Comic Sans MS;color:#595757;}
.about_box h5{color:#9cc9e3;}
.about_box p{color:#595757;}
/*products*/
.products{
	text-decoration:none;
	display:block;
	margin-bottom:10px;
	box-shadow: 5px 5px 5px -5px rgb(0 0 0 / 30%);
}
.products .img{height:auto;overflow: hidden;}
.products .img img {width: 100%;transition: all .3s ease-in-out;}
.products:hover img {transform: scale(1.2);}
.products h4{
	color:#191919;
	font-weight:600;
	padding:10px 0;
	font-size: 18px;
}
.pro_price, .buy_btn{width:50%;float:left;}
.pro_price h6{color: #585657;margin:0;}
.pro_price small{color: #898989;}
.buy_btn a{
	background:#9cc9e3;
	color:#fff;
	border-radius:20px;
	box-shadow: 0px 3px 7px #d0d0d0;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	transition: all .3s ease-in-out;
}
.buy_btn a:hover{
	background:#595757;
	color:#fff;
	transition: all .3s ease-in-out;
}
.tab-content{background:#f7f7f7;border: 1px solid #dbdbdb;}
.pro_list h6{font-weight:900;}
.pro_list li{margin-bottom:10px;}
.button_pro .nav-link{
	background:#595757;
	color:#F1E8B8;
	border: 1px solid #595757;
	border-radius:0;
	color:#fff;
	padding: 13px;
	font-weight: 900;
	width:100%;
}
.button_pro{width: calc(100% / 2);}
.button_pro .nav-link.active{
	background:#fff;
	color:#595757;
}
#pro_menu .tab-content>.active{display: inline-block;}
.comment_pro{
	margin:10px 0;
	width:100%;
	float:left;
}
.comment_pro ul{
	list-style-type: none;
}
.comment_pro li{
	margin:5px 0;
}
.comment_num{width:30px;}
.comment_user{
	width:80%;
	padding:20px;
	margin:10%;
	float:left;
	background:rgba(164,139,120,.5);
}
/*news*/
.card {border:none;}
.card a{text-decoration:none;}
.card-body{padding:0;}
.card span.position-absolute{
	background:#FF9900;
	color:#fff;
	padding:10px;
	left: 0;
    top: 0;
}
.card-body .card_time{
	width:100%;
	display:block;
	padding:5px 0;
	border-bottom:1px #9cc9e3 dashed;
	color:#777;
}
.card-body .card_title{
	padding:10px 0;
	margin:0;
	border-bottom:1px #9cc9e3 dashed;
	color:#595757;
	font-weight:900;
	font-size: 16px;
}
/*blog*/
.blog{letter-spacing: 2px;}
.blog time{font-style:italic;color:#9cc9e3;}
.blog .card-title{font-weight:900;color:#595757;}
.blog .card-text{color:#9cc9e3;}
.blog .blog_btn{font-weight:900;color:#595757;}
.blog .blog_img {position: relative;display:block;}
.blog .blog_img:before {
    position: absolute;
    content: "";
	top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid #fff;
	transition: all 0.5s ease 0s;
}
.blog:hover .blog_img:before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
	transition: all 0.5s ease 0s;
}
/*signin*/
.sign_in_form .form-control, .sign_in_form .form-select{
	border: none;
    border-bottom: 1px #191919 solid;
    border-radius: 0;
    background: rgba(255,255,255,0);
}
.signin_box{
	box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 30%);
	background:rgb(245 245 245 / 75%);
	padding: 20px;
}
.return_captcha{color:#D05353;-webkit-text-stroke: 2px #D05353;}
.return_captcha:hover{color:#D05353;-webkit-text-stroke: 2px #D05353;}
.signin_img{
	width:100%;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.signin_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.sign_in_btn a{
	color: #01579b;
    text-decoration: none;
    border-bottom: solid 1px;
}
.sign_in_btn p{margin:0;padding:5px 0;}
/*member*/
.customer_menu li a{
	background:#efefef;
	color:#191919;
	padding:20px;
	position: relative;
}
.customer_menu li a:hover, .customer_menu li a.active{background:#9cc9e3;color:#fff;}
.customer_menu li a.active::after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color:#9cc9e3 transparent transparent transparent;
    left: 50%;
    transform: translateX(-50%);
	z-index:1;
}
.customer_box{background:rgb(255 255 255);border: 1px solid #dbdbdb;}
.edit_btn a{
	color:#191919;
	border:1px transparent solid;
	text-decoration:none;
	padding:5px;
}
.edit_btn a:hover{color:#9cc9e3;border:1px #9cc9e3 solid;}
.edit_btn i.bi{margin-right:5px;}
.add_btn{
    display: inline-block;
	text-decoration:none;
    background: #595757;
    color: #fff;
    padding: 10px 20px;
	margin-bottom:10px;
	border-radius:30px;
}
.add_btn:hover{background:#9cc9e3;color: #fff;}
/*shopping*/
.shopping_menu{
	padding-bottom:20px;
	border-bottom:1px #191919 solid;
}
.shopping_menu li span, .shopping_menu li span:hover{
	color:#666;
	position: relative;
	padding-right:30px;
}
.shopping_menu li span:after{
	font-family: "bootstrap-icons";
	content: '\F138';
    font-size:25px;
	-webkit-text-stroke: 2px #666;
	position: absolute;
	right:-3px;
	top: 1px;
}
.shopping_menu li:last-child span:after{display:none;}
.shopping_menu li span.active{color:#D05353;}
/*contct*/
.contact_box .bi{color:#595757;margin-right:10px;}
.contact_box ul{list-style-type: none;padding:0;}
.contact_box ul li{padding:10px 0 10px 5px;border-bottom:1px #595757 dashed;}
.contact_box ul li a{color:#595757;text-decoration:none;}
.contact_box ul li a:hover{color:#9cc9e3;}
.qrcode{width:calc(100% / 1);float:left;text-align:center;}
.qrcode img{width:100%;}
.qrcode h6{margin-top: 0.5rem;}
.form-label.required:before {
    content: '*';
    color: #F00;
}
/*table*/
.rwd_table td:before {display: none;}
.table th, .table td {display: table-cell;padding: 1em;}
/*mobile css*/
@media only screen and (max-width: 991px) {
	.rwd_table {background: #fff;overflow: hidden;color:#9cc9e3;}
	.rwd_table tr:nth-of-type(2n){background: #eee;}
	.rwd_table tr:nth-of-type(2n-1){background: #ddd;}
	.rwd_table.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: #ddd;}
	.rwd_table {min-width: 100%;}
	.rwd_table th {display: none;}
	.rwd_table td {display: block;}
	.rwd_table td:before {
		content: attr(data-th) " : ";
		font-weight: bold;
		width: 6.5em;
		display: inline-block;
	}
	.rwd_table th, .rwd_table td {text-align: left;}
	.rwd_table th, .rwd_table td:before {color: #595757;font-weight: bold;}
	header .nav-item{width:100%;}
	header .nav-link{padding:10px;width:100%;}
	header .navbar-toggler{border:none;}
	header .dropdown-menu[data-bs-popper] {left: 0%;transform: none;}
	.fix_right li:last-child{margin-bottom:60px;}
	footer {padding-bottom: 3.1rem;}
	ul.footer_list li{padding:0;}
	ul.footer_list li a{display: inline-block;padding:5px;}
	.comment_box .user_img{
		width:80%;
		margin:0 10%;
	}
	.comment_box .user_cont{
		width:90%;
		max-width:90%;
		margin:5%;
	}
	.comment_box .user_cont:before{
		top: -20px;
		left: 0;
	}
	.comment_pro ul{
		margin:0;
		padding:0;
	}
	.comment_num{width:30px;}
	.comment_user{
		width:100%;
		margin:0;
	}
}