@charset "utf-8";

/*hot_pro*/
.hot_pro { overflow:hidden; width:100%; background-color:#ededed; padding-top:50px; padding-bottom:60px;}
.hot_pro .hot_title{ overflow:hidden; width:1000px; margin:0 auto; margin-bottom:30px;}
.hot_pro .hot_title h3{ padding-left:25px; background:url(img/hot_pro_icon.png) no-repeat left center; font-size:24px; float:left}
.hot_pro .hot_title h3 a{ color:#162ba7; font-size: 25px;}
.hot_pro .hot_title .more{ float:right; margin-top:5px; font-size:12px; color:#333; font-family:Arial;}
.hot_pro .hot_box{ overflow:hidden; width:1100px; margin:0 auto; position:relative; height:286px;}
.hot_pro .hot_box i{ display:block; cursor:pointer; width:24px; height:82px; position:absolute; top:105px;}
.hot_pro .hot_box .btn01{ background:url(img/hot_pro_btn.png) no-repeat center top; left:0}
.hot_pro .hot_box .btn02{ background:url(img/hot_pro_btn.png) no-repeat center bottom; right:0}
.hot_pro .hot_win{ overflow:hidden; width:1000px; margin:0 auto; height:286px; position:relative}
.hot_pro .hot_win ul{ overflow:hidden; position:absolute;}
.hot_pro .hot_win li{ float:left; width:1000px; height:286px; background-color:#fff;}
.hot_pro .hot_win li img{ display:block; float:left;}
.hot_pro .hot_win li .wen{ overflow:hidden; width:620px; float:right; margin-top:30px;}
.hot_pro .hot_win li dl{ overflow:hidden; width:100%; margin-bottom:15px;}
.hot_pro .hot_win li dt{ font-size:16px; color:#333; font-weight:bold; width:85px; float:left}
.hot_pro .hot_win li dd{ font-size:16px; color:#333; line-height:20px; width:500px; margin-right:35px; float:right}
.hot_pro .hot_win li dd a{ color:#333;}
.hot_pro .hot_win li .xq{ display:block; width:117px; height:36px; background-color:#666; text-align:center; line-height:36px; font-size:16px; color:#fff;}

/*pro*/
.pro { overflow:hidden; width:1000px; margin:60px auto;}

.proLeft { overflow:hidden; width:208px; border:1px solid #9c9c9c; float:left; min-height:652px;}
.proLeft h3{ font-weight:normal; font-size:24px; line-height:69px; padding-left:65px; background:url(img/pro_left_h.png) no-repeat left center;}
.proLeft h3 a{ color:#fff;}
.proLeft .menu{ overflow:hidden; width:168px; margin:0 auto; margin-top:20px;}
.proLeft .menu li{ overflow:hidden;text-align:center; margin-bottom:20px; float:left;}
.proLeft .menu li>a{ display:block; width:168px; height:40px;line-height:40px; font-size:16px;   color:#fff; background:url(img/pro_left_list.png) no-repeat center; text-decoration:none;}
.proLeft .menu li.cur>a,.proLeft .menu li:hover>a{ background:url(img/pro_left_cur.png) no-repeat center;}
.proLeft .xiala{ overflow:hidden; width:168px; display:none;}
.proLeft .xiala a{ display:block; width:166px; height:33px; border:1px solid #a4a4a4; text-align:center; line-height:33px; font-size:15px; color:#333; margin-top:10px; text-decoration:none}
.proLeft .xiala a:hover{ border-color:#ff6d00; color:#ff6d00;}

.proRight { overflow:hidden; width:760px; float:right; height:654px;}
.proRight ul{ overflow:hidden; width:105%;}
.proRight li{ float:left; width:239px; height:327px; margin-right:21px;}
.proRight li img{ display:block; margin-bottom:15px;}
.proRight li span{ display:block; text-align:center; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.proRight li a{ display:block; text-decoration:none}
.proRight li:hover span{ color:#ff6d00; font-weight:bold;}