@charset "utf-8"; /* css document */ @import ; @import ; @import ; /*****页面主体部分****/ .contain{ width:980px; padding: 10px 10px 4px 10px; margin:0 auto; overflow: hidden; background: #fff; } .banner{ height: 330px; margin-bottom: 20px; } .b-right{ width: 565px; height: 330px; } .b-right .focusbox{ width: 565px; height: 330px; position: relative; } .b-right .focusbox .pic li a{ display:block; overflow:hidden; width: 565px; height: 330px; } .b-right .focusbox .pic li a img{ width: 565px; height: 330px; transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s; } .b-right .pic{ width: 565px; height: 330px; position: relative; } .b-right .pic li{ overflow:hidden; position: absolute; width: 565px; left: 0; top: 0; } .b-right .focusbox .txt-bg{ position: absolute; bottom:2px; z-index: 1; height: 36px; width: 565px; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; } .b-right .focusbox .txt{ position: absolute; bottom:2px; left: 20px; z-index: 2; height: 36px; width: 363px; overflow: hidden; } .b-right .focusbox .txt li { height: 36px; line-height: 36px; position: absolute; bottom: -36px; } .b-right .focusbox .txt li a{ color: #fff; font-weight: 700; } .b-right .focusbox .num{ position: absolute; z-index: 3; bottom: 11px; right: 14px; } .b-right .focusbox .num li { float: left; margin: 0 5px; width: 12px; height: 12px; overflow: hidden; cursor: pointer; zoom: 1; background:#fff; } .b-right .focusbox .num .on{ background: #1369ad; } .b-right .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; } .b-left{ width: 410px; height: 328px; background: #2581c2; } .b-title { height: 40px; line-height: 40px; background: #1369ad; } .b-title ul li{ width: 90px; text-align: center; float: left; margin-left: 30px; } .b-title ul li a{ color: #fff; } .b-title ul .on a{ font-size: 16px; font-weight:700; padding-bottom: 5px; border-bottom: 2px solid #fff; } .b-content{ color: #fff; } .b-content a{ color: #fff; font-size: 14px; } .b-content ul{ margin: 0 5px; padding-top: 5px; border-top :1px solid #7fb5db; } .b-content ul li{ height: 32px; line-height: 32px; } .b-content ul li b{ margin-right: 5px; } .b-content h2{ font-size: 18px; text-align: center; width: 259px; line-height: 30px; margin: 0 auto; padding: 13px 0; } .section{ height: 575px; overflow: hidden; margin-bottom: 20px; } .m-left,.m-right{ height: 575px; } .m-left{ width: 395px; } .m-right{ margin-left: 10px; width: 565px; } .box{ height: 190px; margin-bottom: 20px; } .m-title{ margin-bottom: 8px; height: 32px; line-height: 32px; border-bottom: 2px solid #2581c2; } .m-title ul li { height: 32px; line-height: 32px; margin-right: 2px; float: left; background: #d3e6f3; } .m-title ul li.on{ background: #2581c2; } .m-title ul li.on a{ color: #fff; padding: 0 23px; } .m-title ul li a{ float: left; padding: 0 18px; color: #3399cc; font-size: 16px; } .m-title .more{ color: #2581c2; margin-right: 2px; } .m-content ul li{ height: 30px; line-height: 30px; } .m-content ul li b{ margin-right: 5px; } .box2 .m-title{ margin-bottom: 6px; } .zc-title ul li{ font-size: 16px; float: left; padding: 0 8px; height: 30px; line-height: 30px; color:#2581c2; } .zc-title { height: 32px; line-height: 32px; border-bottom: 1px dashed #dddddd; margin-bottom: 2px; } .zc-title ul li .on { color:#2581c2; } .qzqd{ color:#2581c2 ; font-size: 16px; } .qzqd i{ width: 33px; height: 35px; background: no-repeat 0 -12px ; } .box3{ height: 160px; } .zj-content{ height: 30px; line-height: 30px; } .zj-content ul li b{ margin-right: 5px; } .zj-title { height: 32px; line-height: 32px; border-bottom: 2px solid #2581c2; margin-bottom: 5px; } .zj-title h2 a{ font-weight: normal; float: left; background: #2581c2; color: #fff; font-size: 16px; padding: 0 26px; } .zj-title ul{ float: right; } .zj-title ul li{ float: left; margin-right: 8px; font-size: 16px; } .zj-title ul li a{ color: #2581c2; } .zj-title ul li i{ width: 31px; height: 35px; background: no-repeat; } .zj-title ul .xw i{ background-position:0 -12px ; } .zj-title ul .ld i{ background-position:-33px -10px; } .zj-title ul .ts i{ background-position:0 -41px; } .zj-title ul .wx i{ background-position:-36px -41px; } .ztzl a{ display: block; width: 356px; height: 74px; margin: 5px auto; overflow: hidden; } .ztzl a img{ width: 356px; height: 74px; transform: scale(1); transition:transform 0.5s; -moz-transition:transform 0.5s; -ms-transition:transform 0.5s; -webkit-transition:transform 0.5s; } .ztzl a img:hover{ transform: scale(1.05); } .bg-title { height: 32px; line-height: 32px; border-bottom: 2px solid #2581c2; margin-bottom: 5px; } .bg-title h2 a{ font-weight: normal; float: left; background: #2581c2; color: #fff; font-size: 16px; padding: 0 26px; } .bg-content{ height: 30px; line-height: 30px; } .bg-content ul li b{ margin-right: 5px; } .bmbs{ float: right; color: #2581c2; font-size: 16px; } .bmbs i { width: 36px; height: 35px; background: no-repeat 0 -150px; } .box1 ul li { /* float: left; */ } .xxgk { height: 30px; line-height: 23px; margin-bottom: 12px; } .xxgk a{ float: left; font-weight: normal; color: #2581c2; font-size: 16px; } .xxgk i{ float: left; width: 275px; height: 25px; margin-left: 10px; background: no-repeat; } .zfxxgk li { height: 32px; line-height: 32px; font-size: 16px; color: #2581c2; } .zfxxgk li.s { margin: 0 15px; } .zfxxgk li a{ color: #2581c2; } .bmgk{ margin-top: 20px; } .bmgk li{ width: 95px; height: 62px; background: #ebeaea; text-align: center; margin-left: 5px; } .bmgk li a{ display: block; color: #2581c2; } .bmgk li i{ display: block; width: 35px; height: 35px; margin: 0 auto; background: no-repeat; } .bmgk li.jg i{background-position: 0 -114px} .bmgk li.bmld i{background-position: -35px -78px} .bmgk li.nsjg i{background-position: 0 -81px} .bmgk li.xs i{background-position: -32px -110px} /*友情链接*/ .friendlink{ background: #f4fcfe; border-top:1px solid #2581c2; height: 42px; line-height: 42px; } .friendlink span{ color: #2581c2; font-size: 16px; letter-spacing: 2px; margin:0 12px; font-weight: 600; } .friendlink select{ margin-left: 13px; } ul li:hover i{ transform: rotatey(360deg); -moz-transform: rotatey(360deg); -webkit-transform: rotatey(360deg); transition: transform 0.7s ease-out 0s; -moz-transition:transform 0.7s ease-out 0s; -webkit-transition: transform 0.7s ease-out 0s; } a:hover i{ transform: rotatey(360deg); -moz-transform: rotatey(360deg); -webkit-transform: rotatey(360deg); transition: transform 0.7s ease-out 0s; -moz-transition:transform 0.7s ease-out 0s; -webkit-transition: transform 0.7s ease-out 0s; } .b-content ul li:hover{ margin-left:8px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .m-content ul li:hover{ margin-left:8px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .zc-content ul li:hover{ margin-left:8px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .bg-content ul li:hover{ margin-left:8px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; } .zj-content ul li:hover{ margin-left:8px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; }