.index_slidebox{ width:691px; height:454px; overflow:hidden; position:relative; border:1px solid #ddd;float:left; } .index_slidebox .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .index_slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .index_slidebox .hd ul li{ float:left; margin-right:2px; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; cursor:pointer; } .index_slidebox .hd ul li.on{ background:#055292; color:#fff; } .index_slidebox .bd{ position:relative; height:100%; z-index:0; } .index_slidebox .bd li{ zoom:1; vertical-align:middle; } .index_slidebox .bd img{ width:691px; height:454px; display:block; } .index_slidebox .prev, .index_slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../../etc/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .index_slidebox .next{ left:auto; right:3%; background-position:8px 5px; } .index_slidebox .prev:hover, .index_slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } .index_slidebox .prevStop{ display:none; } .index_slidebox .nextStop{ display:none; } .tuwen_bg{width: 1200px;height:356px;background: #fff; margin: 10px auto 0 auto; } .tuwen_bg .tuwen{width:1200px;height:356px;margin: 0 auto; } .tuwen_bg .tuwen .pic{width:691px;height: 454px; float: left;} .tuwen_bg .tuwen .tongzhi{float: right;width:500px;} .tuwen_bg .tuwen .tongzhi .hd{width: 500px;border-bottom: 1px solid #e1e1e1;height: 39px;line-height: 39px;background: #e5ecfe;} .tuwen_bg .tuwen .tongzhi .hd span{color: #666;font-size: 14px;float: right;height: 39px;line-height: 39px;font-size: 18px;padding-right:20px;} .tuwen_bg .tuwen .tongzhi .hd span:hover{color:#2984ca; } .tuwen_bg .tuwen .tongzhi .hd ul{} .tuwen_bg .tuwen .tongzhi .hd ul li{float: left;height: 39px;line-height: 39px;padding:0px 20px;} .tuwen_bg .tuwen .tongzhi .hd ul li a{font-weight_: bold;font-size: 18px;padding-bottom: 14px;color: #333;float: left;cursor: pointer;text-align: center;} .tuwen_bg .tuwen .tongzhi .hd ul li.on{border-bottom: 1px solid #055292;background:#2966a1; } .tuwen_bg .tuwen .tongzhi .hd ul li.on a{color: #FFFFFF;} .tuwen_bg .tuwen .tongzhi .bd{} .tuwen_bg .tuwen .tongzhi .bd .con{width: 500px;height:414px;overflow: hidden;} .tuwen_bg .tuwen .tongzhi .bd .con ul{} .tuwen_bg .tuwen .tongzhi .bd .con ul li{width:500px;height:45px;line-height:44px;border-bottom: 1px dashed #e1e1e1;overflow: hidden;background: url(../../etc/img/arr4.png) no-repeat 0px 19.5px #FFFFFF;text-align:left; } .tuwen_bg .tuwen .tongzhi .bd .con ul li a{float: left;width: 410px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #333;padding-left:14px;font-size:16px;} .tuwen_bg .tuwen .tongzhi .bd .con ul li a:hover{color:#055292;} .tuwen_bg .tuwen .tongzhi .bd .con ul li span{float: right;margin-right:10px;} .news{width: 1200px; margin:20px auto;} .news .news_left{width: 50%;float: left;} .news .news_left .hd{margin-bottom: 25px;padding-right: 15px;} .news .news_left .hd h2{font-size: 22px;font-weight: normal;background-color: transparent;} .news .news_left .hd h2 span{color: #a52a25;} .news .news_left .hd h2 small {color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .news .news_left .hd h2 a{float: right;} .news .news_left .hd h2 a small{color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .news .news_left .bd{padding-right: 15px;} .news .news_left .bd .pic{} .news .news_left .bd .pic img{width: 585px;height: 139.6px;} .news .news_left .bd .con{height:262px;overflow: hidden;} .news .news_left .bd .con ul{} .news .news_left .bd .con ul li{height: 21px;padding: 15px 0;border-bottom: 1px dashed #e1e1e1;overflow: hidden;} .news .news_left .bd .con ul li a{float: left;width: 450px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #333;} .news .news_left .bd .con ul li a:hover{color:#ff9c00;} .news .news_left .bd .con ul li span{float: right;} .news .news_right{width: 50%;float: right;} .news .news_right .hd{margin-bottom: 25px;padding-left: 15px;} .news .news_right .hd h2{font-size: 22px;font-weight: normal;background-color: transparent;} .news .news_right .hd h2 span{color: #a52a25;} .news .news_right .hd h2 small{color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .news .news_right .hd h2 a{float: right;} .news .news_right .hd h2 a small{color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .news .news_right .bd{padding-left: 15px;} .news .news_right .bd .pic{} .news .news_right .bd .pic img{width: 585px;height: 139.6px;} .news .news_right .bd .con{height:262px;overflow: hidden;} .news .news_right .bd .con ul{} .news .news_right .bd .con ul li{height: 21px;padding: 15px 0;border-bottom: 1px dashed #e1e1e1;overflow: hidden;background: url(../img/arr2.png);background-repeat: no-repeat;background-position: left center;} .news .news_right .bd .con ul li a{float: left;width:450px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #333;} .news .news_right .bd .con ul li a:hover{color:#ff9c00;} .news .news_right .bd .con ul li span{float: right;} .cpzs{width: 1200px; margin:40px auto;} .cpzs .hd{margin-bottom: 25px;} .cpzs .hd h2{font-size: 22px;font-weight: normal;background-color: transparent;} .cpzs .hd h2 span{color: #a52a25;} .cpzs .hd h2 small{color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .cpzs .hd h2 a{float: right;} .cpzs .hd h2 a small{color: #b8b8b8;font-size: 14px;text-transform: uppercase;} .cpzs .bd{} .cpzs .bd ul{} .cpzs .bd ul li{overflow: hidden;width: 220px;height: 180px; border: 1px solid #e1e1e1;background: #000;position: relative;float: left;margin-right: 22px;margin-bottom: 22px;} .cpzs .bd ul li:nth-of-type(5n){margin-right: 0;} .cpzs .bd ul li a{} .cpzs .bd ul li:hover img{transform: scale(1.1);transition:all 0.5s ease;opacity: 0.3;} .cpzs .bd ul li .pic{overflow: hidden;} .cpzs .bd ul li .pic img{width: 100%;height: 180px; overflow: hidden;transition:all 0.5s ease;position: absolute;} .cpzs .bd ul li .text{overflow: hidden;text-align: center;color: #fff; opacity: 0;transition:all 0.5s ease;} .cpzs .bd ul li:hover .text{margin-top: 75px;opacity: 1;}