/*index*/ .banner{ position: relative; overflow: hidden; cursor: pointer; width: 624px; height: 350px; float: left; margin-top:20px; } .banner .pics li{ width: 100%; width: 624px; height: 350px; } .banner .pics a{ display: block; width: 624px; height: 350px; position: relative; } .banner .pics img{ display: block; width: 624px; height: 350px; } .banner .btns{ width: 120px; position: absolute; right: 0; bottom: 20px; height: 10px; z-index: 60; text-align: center; } .banner .btns span{ display: inline-block; width: 10px; height: 10px; font-size:1px; margin:0 3px; background:#fff; border-radius:100%; } .banner .btns .hover{ background:#2c66c9; } .banner .name{ height: 40px; line-height: 40px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 60; background:rgba(0,0,0,0.5); } .banner .nm{ display:inline-block; max-width:490px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; color:#fff; } .h_tabs1{ float: right; width: 506px; position: relative; } .h_tabs .handle{ height: 50px; border-bottom:1px solid #d8d8d9; line-height: 50px; } .h_tabs .btn{ float: left; display: inline-block; font-size:18px; padding:0 20px; height: 50px; position: relative; margin-right:40px; } .h_tabs .btn i{ height: 4px; width: 0; background:#2c66c9; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .h_tabs .hover{ color:#0d47aa; } .h_tabs .hover i{ width: 100%; } .h_tabs li{ height: 40px; line-height: 40px; clear: both; position: relative; font-size:16px; padding-right:100px; } .h_tabs li span{ position: absolute; right: 0; top: 0; } .h_tabs li a{ padding-left:20px; display:inline-block; max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: no-repeat left center; } .h_tabs li a:hover{ background-image:; } .h_tabs .con{ position: absolute; left: 0; top: 53px; display: none; width: 100%; background:#fff; } .h_tabs .show{ display: block; } .had1{ width: 374px; height: 114px; float: left; position: relative; overflow: hidden; } .had1 li{ width: 374px; height: 114px; } .had1 li img{ display: block; width: 374px; height: 114px; } .had2{ width: 374px; height: 114px; float: left; margin-left:20px; overflow: hidden; } .had2 li{ width: 374px; height: 114px; } .had2 li img{ display: block; width: 374px; height: 114px; } .had3{ width: 374px; height: 114px; float: right; position: relative; overflow: hidden; } .had3 li{ width: 374px; height: 114px; } .had3 li img{ display: block; width: 374px; height: 114px; } .fd{ position: relative; overflow: hidden; transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; } .fd img{ transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; } .fd:hover img{ transform: scale(1.1); transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; } .h_gk{ width: 260px; float: left; } .h_gk .head{ height: 50px; line-height: 50px; border-bottom:1px solid #d8d8d9; position: relative; margin-bottom:12px; } .h_gk .tit{ position: absolute; left: 0; top: 0; padding:0 8px; font-size:18px; color:#0d47aa; height: 50px; } .h_gk .tit i{ height: 5px; width: 100%; background:#2c66c9; position: absolute; left: 0; bottom: -1px; } .h_gk a{ display: block; margin-top:8px; height: 42px; line-height: 42px; font-size:16px; background:#f1f6fa no-repeat 224px center; padding-left:80px; color:#333; position: relative; transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; } .h_gk a:hover{ color:#0d47aa; } .h_gk a img{ display: block; width: 42px; height: 42px; position: absolute; left: 26px; top: 0; transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; } .h_gk a:hover img{ transition: all 0.2s ; -webkit-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; -moz-transition: all 0.2s ; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .h_tabs2{ float: left; width: 610px; position: relative; margin-left:30px; } .h_gz{ float: right; width: 237px; } .h_gz a{ display: block; margin-top:20px; } .h_gz img{ display: block; width: 100%; height:auto; } .ad_slider{ height: 90px; position: relative; overflow: hidden; } .ad_slider li{ display: block; width: 220px; height: 90px; float: left; margin-right:15px; } /*index*/