/* CSS Document */ @import url("/images/header.css"); @import url("/images/reset.css"); @import url("/images/footer.css"); .zw_pic{ height: 350px; } .jdt{ width: 518px; height: 350px; } /********焦点图样式********/ .jdt .focusBox .pic li a img:hover{ transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .zt-content .tempWrap ul li img:hover{ transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .jdt .focusBox{ width: 518px; height: 350px; position: relative; overflow:hidden; } .jdt .focusBox .pic li a{ display: inline-block; width: 518px; height: 350px; } .jdt .focusBox .pic li a img{ width: 518px; height: 350px; transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .jdt .pic{ width: 518px; height: 350px; position: relative; overflow:hidden; } .jdt .pic li{ overflow:hidden; position: absolute; width: 518px; left: 0; top: 0; display: none; } .jdt .focusBox .txt-bg{ position: absolute; bottom:0; z-index: 1; height: 40px; width: 518px; background: url("/images/jdt_bg.png") repeat; overflow: hidden; } .jdt .focusBox .txt{ position: absolute; bottom:0; left: 20px; z-index: 2; height: 40px; width: 390px; overflow: hidden; } .jdt .focusBox .txt li { height: 36px; line-height: 36px; position: absolute; bottom: -36px; } .jdt .focusBox .txt li a{ color: #fff; } .jdt .focusBox .num{ position: absolute; z-index: 3; bottom: 11px; right: 5px; } .jdt .focusBox .num li { background: url("/images/bgn.png") no-repeat 0 -12px; height: 14px; overflow: hidden; width: 14px; cursor: pointer; float: left; zoom: 1; margin: 0 2px; } .jdt .focusBox .num .on{ background-position: 0 1px; } .jdt .focusBox .prev, .focusBox .next { width:38px; height: 66px; position: absolute; top: 40%; z-index: 9999; cursor: pointer; text-indent: -9999px; } .jdt .focusBox .prev { background: url("/images/arrowl.png") no-repeat; } .jdt .focusBox .next { right: 0; background: url("/images/arrowr.png") no-repeat; } .xwzx{ width: 537px; } .xwzx .x_title{ width: 100%; height: 32px; line-height: 32px; border-bottom: 2px solid #EDEDED; margin-bottom:4px; } .xwzx .x_title ul li{ float: left; padding: 0 15px; font-size: 16px; } .xwzx .x_title ul li.on{ border-bottom: 2px solid #086FC0; } .xwzx .x_title ul li:hover a{ color: #086fc0!important; } .xwzx .x_title ul li.on a{ color: #086fc0; } .xwzx .x_content{ height: 248px; } .xwzx .x_content ul li{ background: url("/images/web_img11.jpg") left center no-repeat; height: 31px; line-height: 31px; padding-left: 15px; } .xwzx .x_content ul li a{ float: left; width: 84%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .xwzx .x_content ul li span{ float: right; width: 15%; } .xwzx .zw_wj{ height: 61px; margin-top: 3px; } .xwzx .zw_wj ul li.gw_wj{ margin: 0 14px; } .xwzx .zw_wj ul li{ float: left; width: 169px; height: 61px; } .sy_ztzl{ height: 103px; border: 1px solid #ddd; } .sy_ztzl h3{ width: 34px; height: 97px; float: left; background:url("/images/ztzl.jpg") no-repeat; margin: 3px; } .sy_ztzl h3 a{ width: 40px; height: 97px; float: left; } .ztzl_nr{float: left;width:1020px; height: 80px; margin-top:11px; overflow: hidden;} .ztzl_nr .tempWrap{ width: 1020px!important; } .ztzl_nr ul li{ float: left; margin-left: 9px; width: 246px; height: 80px;overflow:hidden;} .ztzl_nr ul li img{width: 246px; height: 80px; transition: transform 0.7s ease-out 0s;-moz-transition: transform 0.7s ease-out 0s;} .ztzl_nr ul li img:hover{transform:scale(1.05);transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;} .box_item { height: 300px; } .main .list{ overflow: hidden; margin-top: 15px; } .main .list .one,.main .list .two{ float: left; width: 368px; height: 328px; border: 1px solid #DDDDDD; margin-right: 15px; } .main .list .one .one_top{ width: 368px; height: 45px; line-height: 45px; border-bottom: 2px solid #076FC0; } .main .list .one .one_top i{ display: inline-block; width: 25px; height: 28px; background-image: url("/images/all_icon.png"); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 10px 0px 18px; vertical-align: middle; } .main .list .two .one_top i{ background-position: -33px -2px; } .main .list .thr .one_top i{ background-position: -75px -4px; width: 30px; height: 22px; } .main .list .one .one_top a{ color: #0066cc; font-size: 16px; } .main .list .one .list_list ul{ padding: 13px 10px 0px 13px; } .main .list .one .list_list ul li{ height: 29px; line-height: 29px; } .main .list .one .list_list ul li i{ display: inline-block; width: 6px; height: 6px; background-image: url("/images/all_icon.png"); background-repeat: no-repeat; background-position:-4px -79px; margin-right: 8px; vertical-align: middle; } .main .list .one .list_list ul li a,.main .list .one .list_list ul li span{ font-size: 14px; color: #333; } .main .list .one .list_list ul li span{ float: right; } .main .list .thr{ float: right; width: 298px; height: 328px; border: 1px solid #DDDDDD; margin-right: 0px; } .main .list .thr .list_list{ padding: 15px; } .main .list .thr .list_list ul{ padding: 20px 10px 10px 10px; } .main .list .thr .list_list ul li i{ display: inline-block; width: 12px; height: 10px; background-image: url("/images/all_icon.png"); background-repeat: no-repeat; background-position: 0px -48px; margin-right: 12px; vertical-align: middle; } .main .list .thr .list_list p,.main .list .thr .list_list p a,.main .list .thr .list_list p a img{ width: 270px; height: 185px; display: inline-block; } .main .tupic{ width: 1068px; height: 283px; border: 1px solid #ddd; margin-top: 20px; } .main .tupic .tupic_top{ width: 1068px; height: 45px; line-height: 45px; border-bottom: 2px solid #076FC0; } .main .tupic .tupic_top i{ display: inline-block; width: 28px; height: 20px; background-image: url("/images/all_icon.png"); background-repeat: no-repeat; background-position: -121px -6px; vertical-align: middle; margin: 0px 16px 0px 16px; } .main .tupic .tupic_top a{ font-size: 16px; color: #0066cc; } .main .tupic .tupic_list ul { overflow: hidden; padding: 14px!important; padding-bottom: 0px!important; } .main .tupic .tupic_list .tempWrap{ width: 1040px!important; margin: 0 auto; } .main .tupic .tupic_list ul li{ width: 245px; height: 220px; text-align: center; margin-right: 15px; float: left; } .main .tupic .tupic_list ul li a img{ width: 245px; height: 185px; overflow: hidden; transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .main .tupic .tupic_list ul li a img:hover{ transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .main .tupic .tupic_list ul li a span{ display: block; font-size: 14px; color: #333; margin-top: 10px; } .main .tupic .tupic_list ul li a span:hover{ color: #ff0000; }