/*
Theme Name: M023响应式 模板
Theme URI: 
Description: 西宝修改 20210419
Version: 1.0
Author: ruan
Author URI: http://www.seebio.cn/

*/

/* product category----------------------------------------------- */

pre {
	white-space: pre-wrap; /*css-3*/ 
	white-space: -moz-pre-wrap; /*Mozilla,since1999*/ 
	white-space: -pre-wrap; /*Opera4-6*/ 
	white-space: -o-pre-wrap; /*Opera7*/ 
	word-wrap: break-word; /*InternetExplorer5.5+*/ 
	font-size:16px;
	line-height:1.2em;
	border:none;
	font-weight:300;
	padding:0;
	background-color:#fff!important;

}

#pc-productspic .services-box .container img{
	width:60px;
}
#pc-productspic .services-box .container p{
	font-size:18px;
	font-weight:400;
	color:#005fa3;
	margin:10px 0;
}
.cls-item{
	margin:50px 0!important;
}
.cls-item a, .cls-item a p{
	opacity:0.45;
}
.cls-item a.cur, .cls-item a:hover, .cls-item a.cur p, .cls-item a:hover p{
	opacity:1;
}
.blog-article{
	margin-top:30px!important;
}
.productlist{
	margin-top:50px;padding-top:55px;border-top:1px solid #999;
}
.reccatlist{
	margin-top:50px;padding-top:0px;border-top:none;
}

dl {
  margin: 0 0 30px 0;
  display:inline-block;
}
dt,dd {
  line-height: 2em;
  float:left;
  color:#005fa3;
}
dt {
  font-weight: 500;
}
dd {
  font-size: 16px;
  margin: 0 30px 0 0;
}
dd a {
  color:#005fa3;
}
dd.cur a , dd a:hover {
  color:#000;
}

.treebox ul{
	margin-bottom:55px;
	
}
.treebox ul li {
	margin:0 0 15px 0;
	
}
.treebox ul li p, .main  p.result{
	font-size:22px;
	font-weight:300;
	color:#000000;
	display:inline-block;
}

.treebox ul li a{
	font-size:16px;
	font-weight:500;
	color:#000000;
}

.treebox ul li a:hover, .tree-box ul li a:active{
	color:#005fa3;
	
}


.treebox ul >li > a > i.cur{
	color:#005fa3;
	
}

/* -- 购物车数量加减 -- */
.proinfo-list input.add-to-cart, .proinfo-list a.application {
 font-size:18px;
 line-height:1.2em;
 margin: 0 5px;
 padding:5px 25px;
 zoom: 1;
 background-color:#085B99;
 color:#ffffff;
 border:none;
 border-radius:15px;
}
#packlist .cartBox .numberBox {
/*  width: 80px; */
 margin: 0px 10px 0 0;
 zoom: 1;
/*  overflow: hidden; */
}
#packlist .cartBox .numberBox input, #packlist .cartBox .numberBox span {
 float:left;
 background:url(images/icon_add_minus.gif) no-repeat;
 cursor:pointer
}
#packlist .cartBox .numberBox input {
 width:20px;
 background:none;
 border:none;
 border-top:1px solid #e8e8e8;
 border-bottom:1px solid #e8e8e8;
 height:20px;
 background-color: #FFF;
 text-align:center;
}
#packlist .cartBox .numberBox span.minus {
 text-indent:-9999px;
 display:block;
 background-position:left 0;
 width:20px;
 height:20px;
}
#packlist .cartBox .numberBox span.plus {
 text-indent:-9999px;
 display:block;
 background-position:-22px 0;
 width:20px;
 height:20px;
}
#packlist thead tr th{
	font-size:18px;
	font-weight:300;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:15px 0;
}
#packlist thead tr th.th15{
	width:16%;
}
#packlist thead tr th.th20{
	width:20%;
}
#packlist tbody tr td{
	padding:10px 0;
	border-top:none;
	border-bottom:1px solid #ddd;
}
#packlist tfoot td {
	text-align:right;
	padding:25px 0 10px 0;
}

#baseinfo td{
	border:1px solid #333;
	
	
}


/* product----------------------------------------------- */
#product {
 padding: 15px 0;
}
#product .product-img {
 float: left;
 width: 300px;
}
#product .product-img img {
 width: 100%;
}
#product .product-img .swiper-button-prev {
 left: 0;
}
#product .product-img .swiper-button-next {
 right: 0;
}
#product .product-img .swiper-button-prev, #product .product-img .swiper-button-next {
 color: #333;
}
#product .product-img .swiper-button-prev:after, #product .product-img .swiper-button-next:after {
 font-size: 25px!important;
}
#product .product-img .gallery-thumbs {
 padding: 10px 0;
}
#product .product-img .gallery-thumbs .swiper-slide {
 width: 25%;
 border: 2px solid transparent;
}
#product .product-img .gallery-thumbs .swiper-slide-thumb-active {
 border: 2px solid #43B5EC;
}
#product .product-info {
 margin-left: 320px;
 padding-top: 10px;
 line-height: 200%;
}

#product .product-info h1 {
 font-size: 24px;
 font-weight:600;
 margin:0 0 10px 0
}
#product .product-info ul {
 margin: 10px 0 15px 0;
}
#product .product-info .product-price {
 margin-bottom: 5px;
}
#product .product-info .product-price .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .product-info .btn-ask a {
 display: inline-block;
 padding: 5px 25px;
 background-color: #19B4EA;
 color: #FFF;
}
#product .product-info .btn-ask a .fa {
 margin-right: 5px;
}
#product .product-info .btn-buy {
 margin-bottom: 40px;
}
#product .product-info .btn-buy .add-to-cart {
 background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%;
 color: #FFFFFF;
 padding: 8px 25px 8px 50px;
 text-decoration: none;
 cursor: pointer;
 font-size: 16px;
}
#product .product-info .btn-buy .add-to-cart:hover {
 background-color: #44C4EE;
}
#product .product-content {
 padding: 15px 0;
 width:96%;
 margin:auto;
}
#product .product-content h3 {
 padding: 30px 0 10px 0;
 color: #333;
 font-weight: 100;
 font-size: 22px;
/*  border-bottom: 1px solid #CBD1D3; */
}
#product .product-content i {
 font-size: 32px;
 color: #005fa3;
 margin:0 25px 0 10px;
}
#product .product-content img {
 max-width: 100%;
}
#packlist .price-line{
	text-decoration:line-through;
	
}


.product_info_head {
	background-color:#005fa399;
	padding:0 0;
	width:100%;
	display:inline-block;
	border-radius:24px;
}
.product_info_head li{
	float:left;
	text-align:center;
	font-size:20px;
	line-height:48px;
	padding: 0 25px;
	border-radius:24px;

}
.product_info_head li>a , .product_info_head li>a:hover{
	color:#fff;
	cursor:pointer;
}

.product_info_head li.curhead, .product_info_head li:hover, .product_info_head li:active{
	background-color:#005fa3;
}

.product_content{
	overflow:auto;
}

/*********end********/


.tree-box ul{
	width:100%;
	height:42px;
	border-radius:21px;
	background-color:rgb(0 95 163 / 60%);
	margin:-21px 0 15px 0;
}
.tree-box ul li{
	height:42px;
	line-height:42px;
	border-radius:21px;
	float:left;
	text-align:center;
}
.tree-box ul li a{
	font-size:16px;
	color:#ffffff;
	display:block;
	width:100%
}
.tree-box ul li.cur, .tree-box ul li:hover{
	background:#005fa3;
	
}





/*********e自适应********/
@media (max-width : 1024px) {
.proinfo-list input.add-to-cart, .proinfo-list a.application {
  font-size:14px;
  padding:5px 10px;
}

#packlist thead tr th.th15{
	width:22%;
}
#packlist thead tr th.th20{
	width:34%;
}



}
@media (max-width : 992px) { /* 960 */
 .sidebar{display:none;	}
}

@media (max-width: 768px) {
.container{
	width:100%;
	max-width:100%;
	padding:5px 0;
}
.row{
	 margin:0 5px 0 5px!important;
}
#product .product-img {
  float: none;
  width: auto;
 }
#product .product-info {
  margin-left: 0;
 }
 
.scategory{
	 background:rgb(0,95,163);
 }
 
#pc-productspic .services-box .container img{
	width:36px;
} 
#pc-productspic .services-box .container p{
	font-size:14px;
	font-weight:600;
}
.cls-item{
	margin:10px 0!important;
	width:25%;
}

dl {
  margin: 5px 0 5px 0;
}
dd {
  font-size: 13px;
  margin:0;
  padding: 0 10px 0 0;
  width:33%;
  text-align:center;
}
dd a {
  color:#fff;display:block;height:2em;overflow:hidden;
}

.blog-article figure{margin-right:0;width:100%;margin-bottom:25px;height:auto;}
.proinfo-list .c-thumblink img{
	width:100%;
	height:auto;
}

.productlist{
	margin-top:20px;padding-top:15px;border-top:1px solid #fff;
}


#packlist thead tr th{
	font-size:14px;
	padding:15px 0;
}

#packlist tbody tr td{
	font-size:13px;
	padding:10px 0;
}


#packlist .packsize{
	text-align:center;
}

.prodbg{
	height:180px!important;
}


.tree-box ul{
	height:32px;
	border-radius:16px;
	margin:-15px 0 8px 0;
}
.tree-box ul li{
	height:32px;
	line-height:32px;
	border-radius:16px;
}
.tree-box ul li a{
	font-size:14px;
}
.col-md-4{
	width:33.33%
}

}

