/*閫夐」鍗?*/
.tabwrap{margin-top: 30px;}
.tabwrap .tabhead{margin-bottom: 27px;}
.tabwrap .tabhead p{font-size: 14px;color: #666666;letter-spacing: .7px;}
.tablist li{float: left;}
.tablist li a{font-size: 14px;color: #333333;display: block;width: 88px;height: 38px;overflow: hidden;line-height: 38px;text-align: center;background-color: #f2f2f2;position: relative;letter-spacing: .5px;}
.tablist li:hover a,.tablist li.on a{background-color: #014da2;color: #ffffff;}
.tablist li a span.separator{display: inline-block;width: 1px;height: 38px;position: absolute;right: 0;top: 0;background: url(/uploads/image/ftimages/icon_xian.png) no-repeat center center;}
.tablist li:hover a span.separator, .tablist li:last-child a span.separator, .tablist li.on a span.separator{display: none;}

.resultwrap{margin-top: 25px;}
.resultwrap .tabitem{display: none;}
.resultwrap .tabitem.isshow{display: block;}
.resultwrap .tabitem table{width: 100%;}
/*浜у搧閫夐」鍗?*/
.producttab thead tr{background-color: #f4f4f4;border: 1px solid #ededed;}
.producttab thead tr th{font-size: 12px;color: #333333;font-weight: normal;padding: 10px 0;}
.producttab thead tr th p{letter-spacing: .4px;text-align: initial;padding-left: 183px;}
.producttab tbody tr{border: 1px solid #e7e7e7;}
.producttab tbody tr td{padding: 17px 0 18px 0;}
.producttab tbody tr td.td1{padding-left: 21px; width: 100px;}
.producttab tbody tr td.td2{width: 459px;}
.producttab tbody tr td.td1 img{border: 1px solid #e7e7e7;width: 88px;height: 74px;}
.producttab tbody tr td.td2 p{font-size: 14px;color: #333333;}
.producttab tbody tr td.td3 a.joinbtn{font-size: 12px; color: #333; letter-spacing: 0.6px; display: inline-block; background: url(/uploads/image/ftimages/icon_join.png) no-repeat left center;padding-left: 30px;line-height: 20px;}

/*璧勬枡閫夐」鍗?*/
.materialwrap thead tr{background-color: #f4f4f4;border: 1px solid #ededed;}
.materialwrap thead tr th{font-size: 12px;color: #333333;font-weight: normal;padding: 9px 0 8px 0;}
.materialwrap thead tr th p{letter-spacing: .4px;font-size: 14px;color: #333333;}
.materialwrap tbody tr{border: 1px solid #e7e7e7;}
.materialwrap tbody tr td{padding: 25px 0 20px 0;text-align: center;}
.materialwrap tbody tr td p{font-size: 12px;color: #333333;}
.materialwrap tbody tr td.td1{width: 215px;}
.materialwrap tbody tr td.td2{width: 296px;}

/*鐭ヨ瘑閫夐」鍗?*/
.knowledgewrap{}
.knowlist dl {position: relative; height: 56px;margin-bottom: 34px;position: relative;}
.knowlist dl dt{position: absolute;left: 0;top: 0; width: 57px; height: 56px; overflow: hidden; background-color: #c2cad4; color: #fff; cursor: pointer; font-size: 16px; font-weight: bold; text-align: center;}
.knowlist dl dt a{ color:#fff;}
.knowlist dl dt .tagday{font-size: 29.35px; font-family: arial;display: inline-block;margin-top: 5px;}
.knowlist dl dt .tagdate{ font-size: 14px; font-family: arial; font-weight: 100;display: inline-block;margin-top: -5px;}
.knowlist dl dd {padding-left: 72px;}
.knowlist dl dd h2{font-size: 14px;color: #333333;font-weight: normal;margin: 0 0 7px 0;height: 19px;overflow: hidden;}
.knowlist dl dd h2 a{font-size: 14px;color: #333333;font-weight: normal;margin: 0 0 7px 0;height: 19px;overflow: hidden;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.knowlist dl dd p{font-size: 12px;color: #666666;word-break: break-all;line-height: 18px;}
.knowlist dl dd p a.moredetail{font-size: 12px;color: #014da2;float: right;}

/*鏂伴椈閫夐」鍗?*/
.newslist {margin-top:30px;}
.newslist li{margin-bottom: 19px;}
.newslist dl{position: relative;}
.newslist dl dt{position: absolute;top: 0;left: 0;}
.newslist dl dd{    padding-left: 150px;    height: 100px;}
.newslist dl dd .newscontent h2{margin: 0 0 8px 0;font-size: 14px;color: #333333;font-weight: normal;letter-spacing: .7px;

 overflow:hidden;white-space:nowrap;
text-overflow: ellipsis;/* ie/safari */
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;/* opera */
-moz-binding: ;/*firefox*/}
.newslist dl dd .newscontent h2 a{margin: 0 0 8px 0;font-size: 14px;color: #333333;font-weight: normal;letter-spacing: .7px;}
.newslist dl dd .newscontent p.newsinfo{font-size: 12px;color: #666666;letter-spacing: .59px;line-height: 17px;margin-bottom: 20px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.newslist dl dd .newscontent p.newsmsg{font-size: 12px;color: #999999;letter-spacing: .5px;}
.newslist dl dd .newscontent p.newsmsg .newsmore{color: #014da2;margin-left: 7px;}
.newslist dl dd .newscontent p.newsmsg span s{display: inline-block;width: 16px;height: 17px;background: url(/uploads/image/ftimages/ico_newsclock.png) no-repeat center center; vertical-align: middle;margin-right: 4px;}

@media (max-width:600px) {
  .newslist dl dd .newscontent h2{height: 19px;overflow: hidden;margin-bottom: 7px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
  .newslist dl dd .newscontent h2 a{height: 19px;overflow: hidden;margin-bottom: 7px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
  .newslist dl dd .newscontent p.newsinfo{height: 51px;overflow: hidden;margin-bottom: 5px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all;}
  .producttab tbody tr td.td1 { padding-left: 10px; width: 100px;}
.producttab tbody tr td.td2 { width: 198px;}
  .producttab thead tr th { font-size: 18px;padding: 8px 0;}
  .producttab tbody tr td.td3 a.joinbtn {  font-size: 14px;}
  .tablist li a {font-size: 18px; width: 103px;}
  .materialwrap thead tr th { font-size: 16px;  padding: 0px 0 0px 0;}
  .materialwrap thead tr th p { font-size: 18px;}
  .materialwrap tbody tr td p { font-size: 16px;}
  .materialwrap tbody tr td.td1 { width: 220px;}
  .materialwrap tbody tr td.td2 { width: 90px;}
  .knowlist dl dt { top: 4px; width: 77px; height: 77px; font-size: 16px;}
  .knowlist dl dt .tagday { font-size: 30px;  margin-top: 10px;}
  .knowlist dl dt .tagdate {   font-size: 14px; margin-top: 4px;}
  .knowlist dl dd { padding-left: 92px;}
  .knowlist dl dd h2 { font-size: 14px; margin: 12px 0 7px 0;  overflow: hidden;}
  .knowlist dl dd h2 a { font-size: 16px;  margin: 0 0 7px 0; overflow: hidden;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
  .knowlist dl dd p { font-size: 14px;
    word-break: break-all;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.knowlist dl dd a.moredetail { font-size: 14px;  color: #014da2;  float: right;  margin-top: 4px;}
.newslist dl dt { top: 4px;  width: 125px;}
.newslist dl dt img{ width:100%; height:inherit;}
.newslist dl dd {  padding-left: 140px;}
.newslist dl dd .newscontent h2 { height: 19px;  overflow: hidden;  margin-bottom: 7px;  display: -webkit-box;  -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;   word-break: break-all;}
.newslist dl dd .newscontent h2 a {  height: 19px; overflow: hidden; margin-bottom: 7px;  display: -webkit-box;  -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;   word-break: break-all;}
  .newslist dl dd .newscontent p.newsinfo { height:inherit; overflow: hidden;  margin-bottom: 0; display: -webkit-box;
    -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-break: break-all;  margin-top: 10px;line-height: 20px;}
.newslist dl dd .newscontent p.newsmsg span s { display: inline-block; width: 16px; height: 22px;
    background: url(/uploads/image/ftimages/ico_newsclock.png) no-repeat center 1px;  vertical-align: middle;  margin-right: 4px;}
  .newslist dl dd .newscontent h2 a {  font-size: 16px;}
  .newslist dl dd .newscontent p.newsinfo {  font-size: 16px;}
  .newslist dl dd .newscontent p.newsmsg { font-size: 16px;margin-top: 7px;}
  
}