/*public*/
.fl{float:left}
.fr{float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.newsTab{
	width:100%;
}
.newsTab .title{height: auto;/*border-bottom: 3px solid #e7e7e7;*/padding-bottom:10px;}
h2.ks-title{ position:absolute; font-size:24px; color:#333; line-height:2;}
.newsTab .title-list{ position: relative; margin-top:20px; text-align:center;}
.newsTab .title-list li{  border:1px solid #fff;border-radius: 20px 0px 20px 0; line-height: 40px; text-align: center; padding:0 30px; display: inline-block; margin-left:30px; color:#666; font-size:16px;border: 1px solid #ccc; background: #ccc;  }
.newsTab .title-list li a{ color:#fff;}
.newsTab .title-list li.on{ border: 1px solid #2f55aa;
    background: #2f55aa; color: #fff;   /* border-radius: 5px;*/    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.newsTab .title-list p{position:absolute;top:44px;left:0px;width:146px;height:7px;border-top: 3px solid #0065B3; overflow: hidden; text-align: center;}
.newsTab .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #0065B3 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: auto; position: relative; overflow: hidden; display: none; margin-top: 40px;}
.product ul{/* position: absolute; left: 0px;*/ width:100%;}
.product-wrap{ margin-top:30px; /*border-top: 2px solid #7e99d4;*/}
.product-wrap .show{ display: block;}
.product-wrap .product li{ transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;position: relative;}
.product-wrap .product li{
    float: left;
    position: relative;
    width: 23%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
   /* border: 2px solid #7e99d4;*/
    border-radius: 5px;
    text-align: center;
    margin: 1%;
	 transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.product-wrap .product li:nth-child(4n+4) {
 margin-right: 0;
}
/*.product-wrap .product li:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 21px;
	height: 40px;
	line-height: 40px;
	float: left;
	color: #999;
	font-size: 19px;
	box-sizing: border-box;
	border-right: 1px solid #a7d4af;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
	background-image: url(ks-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}*/
.product-wrap .product li:hover {
	/*color: #fff;*/
	/*border:2px solid #fff;*/
	background-image: url(cp-bg.png);
	background-repeat: no-repeat;
	background-position: center center;

}
 @media (max-width: 768px) {
 .newsTab .title-list li {
    /*border: 1px solid #fff;*/
    border-radius: 20px 0px 20px 0;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
    margin-left: 0px;
    color: #666;
    font-size: 16px;
    border: 1px solid #2f55aa;
    background: #2f55aa;
}
 }
 @media (max-width: 414px) {
 .newsTab .title-list li {
    /*border: 1px solid #fff;*/
    border-radius: 20px 0px 20px 0;
    line-height: 40px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    margin-left: 0px;
    color: #666;
    font-size: 12px;
	margin:10px;
    border: 1px solid #ccc;
    background: #ccc;
}
 .newsTab .title-list li a {
    color: #fff;
    border:none;
    background:none;
    font-size: 12px;
}
.product-wrap .product li {
    float: left;
    position: relative;
    width: 48%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
    border: 2px solid #a7d4af;
    border-radius: 5px;
    text-align: center;
    margin: 1%;
}
  }