@charset "utf-8";
*{margin:0;padding:0;list-style:none;}

/* 本例子css */
.tabox1{width:100%; float:left; background:url(../images/bg1.jpg) repeat-x ; background-size:100% auto; margin-top:0px; padding-bottom:100px; padding-top:50px;}
.tabox1 h3{width:1142px; margin:auto; padding-bottom:50px;  font-size:50px; font-weight:normal;text-align:left; color:#fff;  line-height:50px; text-align:center; padding-top:40px; }
.tabox1 h3 span{  font-size:50px;font-weight:900; color:#fff; }
.tabox{width:1142px;margin:auto; clear:both; font-family:Arial, Helvetica, sans-serif}

.tabox .hd{overflow:hidden;}
.tabox .hd li{position:relative;height:60px;line-height:60px;text-align:center;width:364px;float:left;border-top:0; font-size:18px; background:#1cb3ea; color:#fff;border-radius:5px; margin-left:8px; margin-right:8px; margin-bottom:16px; transition:all .4s; 


 }
.tabox .hd li a {color:#fff; width:90%; padding:0px 5%; height:100%; display:block; height:60px; 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 60px;
line-height: 60px;

}
.tabox .hd li:hover { background:#fff; color:#0b54b0; transform:scale(1.02,1.02); box-shadow:0px 0px 5px 5px rgba(255,255,255,.1);}
.tabox .hd li:hover a {color:#0b54b0; font-weight:700; }
.tabox .hd li.on{width:365px;background:#fff; color:#06a4de;}
.tabox .bd{background:url(../images/dd.png) no-repeat center 43px  }
.tabox .lh{/*overflow:hidden;*/ padding-top:110px;  }