body{
	background-color: #F5F5F5;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
	    background: #a79f9f;
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{
	    background: #007aff;
}
.categories-menu {
    width: 162px;
   position: relative;
    padding: 0.01rem 0;
    background-color: #fff; 
}

.categories-menu>li {
	color: #333;
  font-size: 13px;
  height: 38px;
  line-height: 38px;
   cursor: pointer;
	background: url(../img/pro/icon_1.png) no-repeat 22px center;
	padding-left: 44px;
}
.categories-menu>li a{
/*	display: block;*/
	height: 38px;
	line-height: 38px;
}
.categories-menu>li:nth-of-type(1){
	background-position:22px 10px;
}
.categories-menu>li:nth-of-type(2){
	background-image:url(../img/pro/icon_2.png) ;
}
.categories-menu>li:nth-of-type(3){
	background-image:url(../img/pro/icon_3.png) ;
	  
}
.categories-menu>li:nth-of-type(4){
	background-image:url(../img/pro/icon_4.png) ;
}
.categories-menu>li:nth-of-type(5){
	background-image:url(../img/pro/icon_5.png) ;
	  
}
.categories-menu>li:nth-of-type(6){
	background-image:url(../img/pro/icon_6.png) ;
}
.categories-menu>li:nth-of-type(7){
	background-image:url(../img/pro/icon_7.png) ;
}
.categories-menu>li:nth-of-type(8){
	background-image:url(../img/pro/icon_8.png) ;
}
.categories-menu>li:nth-of-type(9){
	background-image:url(../img/pro/icon_9.png) ;
}
.categories-menu>li:nth-of-type(10){
	background-image:url(../img/pro/icon_10.png) ;
}
.categories-menu>li:nth-of-type(11){
	background-image:url(../img/pro/icon_11.png) ;
}

.categories-menu>li img{
	vertical-align: middle;
}
.categories-menu>li:hover {
  background-color: #f5f5f5;
}
.categories-title.categories-menu {
    display: block;
}
.categories-menu>li:hover .categories-cont ent {
  display: block;
}
.categories-menu>li:hover .categories-content{
	display: block;
}
.categories-content {
    position: absolute;
    left: 132px;
    top: 0;
    width: 1000px;
    height: 468px;
    background-color: #fff;
    padding-bottom: 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 0 5px rgb(0 0 0 / 30%);
    box-shadow: 2px 0 5px rgb(0 0 0 / 30%);
    overflow-y: auto;
    z-index: 999;
   display: none;
}
.categoryPanel {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.categoryPanel .item {
  -webkit-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  break-inside: avoid;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  margin: 0 15px;
}
/*2021-02-02*/
.categoryPanel .item h3{
	/* background: url(../images/right_blue_arrow.jpg) no-repeat left center; */
	padding-left: 10px;
}


.categoryPanel .item h3 a {
  padding: 4px 0;
  font-weight: 600;
  font-size: 13px;
  color: #333;
}

.categoryPanel .item h3 a.green {
  color: #00a650;
}

.categoryPanel .item h3 a.red {
  color: #f00;
}

.categoryPanel a {
  color: #666;
  font-size: 12px;
}

.categoryPanel nav.labelList {
  line-height: 20px;
}

.labelList a:after {
  content: '|';
  padding: 0 10px;
  color: #666;
}

.labelList a:nth-last-of-type(1):after {
  display: none;
}

.labelList a:hover {
  color: #0e6eb8;
}

.labelList a.red {
  color: #f00;
}

.labelList a.yellow {
  color: #ed008c;
}
/* 2021-02-02 */
.cat4egoryPanel .item h3{
	background: url(../img/pro/right_blue_arrow.jpg) no-repeat left center;
	padding-left: 10px;
}
.categoryPanel .item h3 a{
	color: #00a0fd;
}
.banner{
	width: 84%;
	
}
.big_banner{
/*	margin-top: .2rem;*/
}
/* pro_main */
.pro_main .pro_title{
	padding-left: .1rem;
	margin: .26rem 0;
	font-size: .24rem;
	border-left: 3px solid #00a0fd;
}
.pro_main_list{
	clear: both;
	width: 100%;
	
}
.proList{
/*	justify-content: flex-start;*/
}
.proList li {
    background: #fff;
    padding: .22rem;
    width: 19%;
    margin: 0  1% .2rem 0;
    box-sizing: border-box;
    /* float: left; */
    padding-bottom: .2rem;
}
.proList li:nth-of-type(5n){
	margin-right: 0;
}
.proList li p {
    font-size: 13px;
    line-height: 17px;
    height: 34px;
    display: block;
    overflow: hidden;
}
.proList li span {
    color: #ff2a14;
    font-weight: bold;
	margin-top: .3rem;
	display: inline-block;
	width: 100%;
}
/* proRecomend */
.proRecomend li{
	
	
	width: 19%;
	margin: 0 1% 0.2rem 0;
	box-sizing: border-box;
	/* float: left; */
	/* padding-bottom: 0.2rem; */
	text-align: center;
}
.proRecomend li>a{
	padding: 0.22rem;
	display: inline-block;
	background: #fff;
	width: 100%;
}
.proRecomend li>.name{
	line-height: .72rem;
	font-size: .016rem;
	color: #666666;
}
@media screen and (max-width:768px) {
	
	.banner{
		width: 100%;
	}
	.proList li{
		width: 48%;
	}
	.proList{
		justify-content: space-between;
	}
	.proRecomend li{
		width: 48%;
	}
	/*  */
	nav.nav a {
		display: inline-block;
		
	    display: inline-block;
	   width: 16%;
	    text-align: center;
	    margin-bottom: 0.1rem;
	}
	nav.nav a span {
	    display: inline-block;
	    width: 0.75rem;
	    height: 0.75rem;
	    line-height: .75rem;
	    text-align: center;
		border-radius: .75rem;
	}
	nav.nav a:nth-of-type(1) span{
		background-color: #ffdc7e;
	}
	nav.nav a:nth-of-type(2) span{
		background-color: #96d8ff;
	}
	nav.nav a:nth-of-type(3) span{
		background-color: #ff8184;
	}
	nav.nav a:nth-of-type(4) span{
		background-color: #96a2ff;
	}
	nav.nav a:nth-of-type(5) span{
		background-color: #ffac94;
	}
	nav.nav a:nth-of-type(6) span{
		background-color: #afdf92;
	}
	nav.nav a:nth-of-type(7) span{
		background-color: #ffac94;
	}
	nav.nav a:nth-of-type(8) span{
		background-color: #ffc88d;
	}
	nav.nav a:nth-of-type(9) span{
		background-color: #ffdc7e;
	}
	nav.nav a:nth-of-type(10) span{
		background-color: #ff8184;
	}
	nav.nav a:nth-of-type(11) span{
		background-color: #ffdc7e;
	}
	nav.nav a:nth-of-type(12) span{
		background-color: #96d8ff;
	}
	nav.nav a span img{
		width: 0.38rem;
		vertical-align: middle;
	}
	
	nav.nav a p {
	    width: 100%;
	    text-align: center;
	    line-height: .65rem;
	    color: #333333;
	}
	.big_banner .nav{
		margin-top: .2rem;
		justify-content: flex-start;
	}
}