@charset "utf-8";
/* CSS Document */
.focus{height:415px;width:1200px;margin:0px auto 0 auto;  background:#fff}
.focus .left{float:left; width:910px; height:415px; position:relative; overflow:hidden;}
.focus .left img{ float:right; display:block; width:670px; height:360px; padding:20px 0px 0 0px;}

.pro_message{ padding:100px 30px 0 40px; display:block; float:left; width:180px;}
.focus .left li{position:absolute; left:0; top:0; width:920px; height:335px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2;}
.focus .left li p:nth-child(1){ font-size:14px; color:#333; border-bottom:1px #fea803 solid; padding-bottom:15px; margin:0 100px 20px 0;}
.focus .left li p:nth-child(2){ font-size:14px; color:#a4a4a4; padding:5px 0;}
.focus .left span:nth-last-of-type(1){ background:#3192ff; color:#FFF; font-size:14px; display:block; float:left; padding:5px; width:100px; margin:20px 0 0 10px; text-align:center;}
.focus .left span:nth-last-of-type(2){ background:#3192ff; color:#FFF; font-size:14px;display:block; float:left; padding:5px;width:100px;margin:20px 0 0 0;text-align:center;}
.pro_hot_message{ clear:both; padding:20px 0 0 0; width:180px; line-height:25px; color:#191919; font-size:14px;}
.pro_message a{ position:absolute; bottom:0px; display:block; float:left; width:100px; padding:5px; text-align:center; border-radius:20px; background:#fea803!important; font-size:14px; color:#FFF; transition:all 0.4s;}
.pro_message a:hover{ padding:5px 10px; text-align:center; background:#79ca13!important; font-size:14px; color:#FFF}


.focus .right ul{ maring-top:40px}
.focus .right{float:right; width:290px;}
.focus .right p{ font-size:30px;  text-align:right; color:#3192ff;  height:78px; line-height:78px; padding-right:20px;}
.focus .right li{height:60px; line-height:60px; overflow:hidden; padding-left:45px; padding-right:20px; color:#33cccc; font-size:24px;cursor: pointer; color:#191919; border-right:5px #fff solid; font-size:16px;transition:all 0.4s; text-align:right; margin-bottom:1px;}
.focus .right li:nth-child(5){ border-bottom:none; transition:all 0.4s;}
.focus .right li:hover,.focus .right li.active{color:#fff;  border-right:5px #0b6db6 solid; background:#0b81d9 url(../images/pro_hot_inco.jpg) no-repeat left center;}
.focus .right li i{ width:60px; height:60px; float:left; margin:15px 19px 0px 0;}