.historytitle{ background:url(/uploads/image/ftimages/bg_diandian.png) repeat-x center center; width:446px; margin-left:auto; margin-right:auto;
 text-align:center;}
.historytitle h4{ font-size:20px; color:#333; display:inline-block; background:#fff; padding:0 30px;font-weight: 400;
    letter-spacing: 1.6px;}
.producttab .tablist li{ float:left; width:24.7%; height:54px;  margin-right:0.4%;}
.producttab .tablist li:last-child{ margin-right:0;}
.tabbox{ width:100%; background:#f1f1f1; margin-top:32px;}
.producttabtitle{ font-size:14px; color:#383838; text-align:center; line-height:52px; cursor:pointer;background:#f1f1f1; border-top:2px solid #f1f1f1;}
.producttabtitle.on{ background:#fff;border-top:2px solid #1a5eab;}
.hidden{ display:block !important; z-index:-1; opacity:0; height:0;}
.hidden .honorimg{ height:0;}
.hidden .honorimg img{ height:0;}
.hidden .honorbanner{ height:0;}
.honorimg{ width:41.5%; text-align:center; float:left;}
.honorimg i{ display:block; text-align:center; font-size:14px; color:#333; letter-spacing:0.6px; margin-top:10px;}
.newscontent .honorimg:first-child{ margin-left:8.5%;}
.newscontent .honorimg:last-child{ margin-right:8.5%;}
.newscontent.slidesjs-slide{ margin-top:5.5%;}
.honorbanner{ position:relative;}
.slidesjs-previous{ position:absolute; left:10px; top:47%; z-index:99; width:17px; height:33px; background:url(/uploads/image/ftimages/icon_honorleft.png) no-repeat; text-indent:1000px; overflow:hidden;}
.slidesjs-next{ position:absolute; right:10px; top:47%; z-index:99; width:17px; height:33px;background:url(/uploads/image/ftimages/icon_honorright.png) no-repeat;text-indent:1000px; overflow:hidden;}
.historystatusleft{ width:55%; float:left;}
.historystatusright{width:45%;}
.historystatusleft li a{ font-size:12px; line-height:24px; letter-spacing:0.6px; color:#333333; padding-left:14px; background:url(/uploads/image/ftimages/icon_blue.png) no-repeat left center;}
.historystatusfloat{ padding-left:20px; background:#f1f1f1; padding-top:1px; padding-bottom:26px;}
.historystatusleft ul{ margin-top:24px;}
.historystatus .historytitle{ margin-top:39px;}
.historystatus .historystatusfloat{ margin-top:36px;}
.historystatus .historystatusfloat p a{color:#333!important;}
.historystatusfloat ul{    margin-top: 24px;
}
.historystatusfloat li{
      float: left;
    width: 47%;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.6px;
    color: #333333;
    padding-left: 14px;
    background: url(/uploads/image/ftimages/icon_blue.png) no-repeat left 10px;
}


#timeline { width: 100%; height: 411px; overflow: hidden; margin: 40px auto 0 auto; position: relative; background: url(/uploads/image/ftimages/bg_blue1.png) top no-repeat;  background-color: #f1f1f1; z-index: 3;}
#dates { width: 998px; height: 100px; /*overflow: hidden;*/}
#dates a { color: #ffffff; width: 158px; height: 130px; line-height: 60px; display: block; text-indent: 57px;}
#issues { position: relative; width: 998px;/* height: 270px; */margin-top: 63px; overflow: hidden; z-index: 4;}
#issues li { width: 998px; /* height: 270px;*/ list-style: none; float: left; position: relative;}
#issues li img { float: left; display: block; margin-top: 1px; margin-left: 5.7%; width: 308px; height:193px;}
#issues li .txt { float: left; display: block; margin-left: 18px; width: 420px; 

    max-width: 270px;
    margin-top: 0;
    max-height: 194px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

#issues li p:first-child {/* margin-top: 20px;*/}
#issues li p { display: block; font-size: 12px; color: #3f3f3f; line-height: 22px; letter-spacing:0.7px; margin-top: 8px;}
#next { right: 3.6%; background: url(/uploads/image/ftimages/icon_honorright.png) no-repeat;}
.btn-style { position: absolute; top: 60%; z-index: 2; width: 17px; height:33px; border-radius: 3px; z-index: 7;}
#prev { left: 3.6%;  background: url(/uploads/image/ftimages/icon_honorleft.png) no-repeat;}
#dates li { float: left; width:153px/* 158px*/; height: 130px;  font-size: 16px; text-align: left; background: url(/uploads/image/ftimages/smallcircle.png) no-repeat 72px 56px;}
#dates li:hover { font-size: 18px; background: url(/uploads/image/ftimages/pp_bg.png) no-repeat 70px 54px;}
#dates .selected { font-size: 20px; font-weight: bold; background: url(/uploads/image/ftimages/bigcircle.png) no-repeat 70px 54px;}
.foot{ margin-top:60px;}
.historyhonor{ margin-top:19px;}

.servicemenu ul li { margin-right: 23px; display: inline; margin-left: 18px;}
.producttab{ margin-top:38px;}
.historystatusleft li{ float:left; width:55%;}
.historystatusleft li:nth-child(2n){ width:45%;}

@media ( max-width:710px){
  .tabbox { padding-bottom: 5.5%;}
}

@media ( max-width:600px){
  .historytitle {  width: 76%;}
  .producttabtitle {  line-height: 40px;font-size: 16px;}
  .producttab .tablist li {  height: 42px;}
  .honorimg img{width: 80%; height: initial;}
  .tabbox { margin-top: 12px;}
  .historystatusfloat { padding-left: 15px;}
  .historystatusleft { width: 98%; margin-right: 2%;}
  .historystatusleft li a { font-size: 18px; line-height: 28px;}
  .historytitle h4 { font-size: 22px;}
  .producttab { margin-top: 18px;}
.historyhonor { margin-top: 15px;}
.historystatus .historystatusfloat { margin-top: 18px;}
.historystatus .historytitle { margin-top: 30px;}
#timeline {  margin: 18px auto 0 auto; height:inherit; background-size: 100% 70px;}
#issues li img { width: 180px;  height: initial;margin-left: 36px;   }
#issues { margin-top: 40px;padding-bottom: 30px;}


#issues li .txt {width: 184px;

    max-width: 270px;
    margin-top: 5px;
    max-height: 103px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

#issues li p { font-size: 14px; line-height: 19px; margin-top: 2px;}
#prev {  left: 2.3%;}
#next {  right: 2.3%;}
#dates { height: 70px;}
#dates li { height: 70px; background-position:74px 43px;}
#dates li:hover{background-position:70px 39px;}
#dates a { height: 100px; line-height:42px;}
#dates .selected {  background: url(/uploads/image/ftimages/bigcirclecf.png) no-repeat 70px 39px;}
.foot {  margin-top: 36px;}
.historystatusfloat li{ width:96%;}
.historystatusfloat li:nth-child(2n) { width: 96%;}

}