.titlestyle{ width:100%; border-radius: 10px;}
.titlestyle h2{padding:0 25px; line-height:42px; font-size:16px; color:#fff; font-weight:normal; background:#0084CD ;border-radius: 10px;display: inline-block;}
.titlestyle span{float:right; padding-right:5px;color:#666; line-height:42px; font-weight:normal; font-size:14px;}

.hk_fenlei{background-color: #f7f7f7;border-radius: 10px;box-sizing: border-box;padding: 20px 30px;margin-bottom: 30px;}
.cat_goods ul{ width: 100%; overflow: hidden; padding: 15px 10px 0;display:flex;flex-wrap:wrap;}
.cat_goods ul li{ width: 33.333%;  line-height: 24px; background: url(../images/dot2.png) no-repeat left 7px;margin-bottom: 10px;}
.cat_goods ul li a{ display: block;  padding-left: 20px; font-size: 12px; overflow:hidden;color: #777;}
.cat_goods ul li a:hover{color:#0084CD;}
.hk_fenlei .titlestyle2.titlestyle{margin-top: 0;height: auto !important;}
.cat_goods2 {width: 100%;}
.cat_goods2 ul{ width: 100%; overflow: hidden;}
.cat_goods2 ul li{ display:flex;width: 100%; background: #c5c3c4; height: 42px; line-height: 42px;	box-sizing: border-box;	border-radius: 10px;	padding: 0 15px; /* background: url(../images/dot2.png) no-repeat left center; */}
.cat_goods2 ul li a{height: 42px;line-height: 42px;font-size: 18px;color: #333;}
.cat_goods2 ul li .more{font-size: 12px;margin-left:auto;}
.cat_goods2 ul li a:hover{color:#0084CD;}


.ubContent{width: 100%;overflow: hidden;line-height: 28px;border-top: none;font-size: 14px;}




.columnBox{margin-top: 25px;background: #fff;}
.columnTit{display: flex;align-items: center;font-size: 20px;padding-left: 20px;color: #fff;height: 80px;overflow: hidden;background: #0084cd url(../images/leftMuH4.png) no-repeat center;}
.Acolumn{}
.Acolumn .Atit{display: flex;flex-wrap: wrap;align-items: center;padding-right: 10px;transition: .3s;}
.Acolumn .Atit a{display: block;width: calc(100% - 20px);padding: 0 10px;font-size: 14px;color: #444444;height: 45px;line-height: 45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Acolumn .Atit i{display: block;width: 20px;height:20px;background-image: url(../images/iconRight6.png);background-size: 100%;transition: .3s;cursor: pointer;transition: .3s;}
.Bcolumn{width: 100%;padding: 0 0px 5px;display: none;}
.Bcolumn a{padding: 0 20px 0 40px;background-image:url(../images/quan1.png);background-repeat: no-repeat;background-position: 20px 16px;display: block;font-size: 14px;color: #444444;height: 45px;line-height: 44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;border-top: 1px solid rgba(255,255,255,.5);}

.Acolumn .Atit:hover,.Acolumn.active .Atit{background: #0084CD;}
.Acolumn .Atit:hover a,.Acolumn.active .Atit a{color: #ffffff;}
.Acolumn .Atit:hover i,.Acolumn.active .Atit i{background-image: url(../images/iconRight66.png);}
.Acolumn.active .Atit i{transform: rotate(90deg);}
.Bcolumn a.active,.Bcolumn a:hover{color: #fff;background-image:url(../images/quan11.png);background-color: #0084CD;}



/* .pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 50px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages a:hover {background:#0084CD;color:#FFFFFF;border:1px solid #0084CD;text-decoration:none;text-align:center;padding:2px 5px;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#0084CD;border:1px solid #0084CD;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}
.pagination {text-align:center;}
.pagination li {display:inline-block;color:#333333;margin:0px 5px 0px 0px;vertical-align:middle;}
.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}
.pagination li a:hover {background:#0084CD;color:#ffffff;}
.pagination li a.thisclass {background:#0084CD;color:#ffffff;border:1px solid #0084CD;cursor:default;}
.pagination li a.thisclass:hover {background:#0084CD;color:#ffffff;border:1px solid #0084CD;cursor:default;}
.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}
.pagination li .pageinfo strong {color:#555555;font-weight:normal;}
.pagination table {text-align:center;margin:10px 0px 0px 25%;}
.pagination table td {padding:0px 2px;}
#pages {text-align:right;}
#pages a {display:inline-block;height:33px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}
#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;height:33px;padding:0 14px;line-height:30px;background:#0084CD;border:1px solid #0084CD;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
 */



.proList{width: 100%;display: flex;flex-wrap: wrap;margin: -10px;}
.proItem{width: calc(33.333% - 20px);margin: 10px;border: 1px solid rgb(227,227,227);display: block;}
.proItem .img{display:block;width:100%;overflow: hidden;}
.proItem .img img{display:block;width: 100%;transition: .3s;}
.proItem .desc{padding:15px 10px 10px;border-top:1px solid rgb(227,227,227)}
.proItem .desc .atit{color: #333333;transition: all .5s;font-size: 18px;line-height: 25px;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.proItem .desc .btit{display:flex;margin-top: 15px;}
.proItem .desc .btit a{display: block;width: calc(50% - 7.5px);text-align: center;line-height: 40px;background: #FFFFFF;border: 1px solid #e3e3e3;border-radius: 5px;font-size: 16px;color: #999999;}
.proItem .desc .btit a+a{margin-left: auto;}
.proItem .desc .btit a:hover {background: #0084CD;border-color: #0084CD;color: #FFFFFF;}
.proItem:hover .img img{transform: scale(1.05);}