@charset "UTF-8"; /* Reset */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* 头部 */ .i-logo{ height: 56px; font-size: 22px; color: #222; line-height: 56px; text-indent: 40px; font-weight:bold;background: url(../images/i-logo-2.png) no-repeat 0 center; background-size: 26px 26px; float: left;} .i-search{ position: relative; float: right; right: -170px;} .i-search input{ width:168px; height: 30px; background: rgba(0,0,0,.05); border-radius: 5px; padding: 5px; position: relative; transition: all 0.25s ease-in-out;} .i-search button{ width:20px; height: 20px; background: none; border: none; transition: all 0.25s ease-in-out;} .i-search .icon-search{ position: absolute; right: 50px; top:2px; color: #ccc;} .i-search .icon-search:hover{ color: #333;} .i-search input:focus{ background: rgba(0,0,0,.1); } .i-search input,.i-search button.i-search input:focus,.i-search button:focus{ border: none; outline: none; } /* 右 */ .new-box{ position: relative; float: left;} .new-box:last-child{ margin-top: 20px;} .right-box{ width:490px; height: 190px; background: #fff; border-radius: 5px; } .rd-title{ width:100%; float: left; } .rd-title h2{ height: 51px; font-size: 18px; color: #333; font-weight: 600; line-height: 51px; text-indent: 56px; padding: 0; margin: 0;} .h21{ background: url(../images/title-icon-1.png) no-repeat 10px center;} .h22{ background: url(../images/title-icon-1.png) no-repeat 10px center;} .rd-title a{ font-size: 12px; color: #8a8a8a; float: right; position: relative; top:-38px; right:20px; padding-right: 10px;} .rd-title a:after{ width:8px; height: 8px; content: ""; border-right:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); display: block; position: absolute; top:8px; right: 0;} .rd-title a:hover{ color: #eb1e0b;} .new-box ul{ float: left; margin: 0; padding:0 20px; position: relative; top:-10px;} .new-box ul li{ float: left; padding: 0 0 15px 0; margin: 0;} .new-box ul li a{ width:360px; font-size: 14px; color: #555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float: left;} .new-box ul li a:hover{ color: #eb1e0b;} .new-box ul li span{ font-size: 14px; color: #a1a1a1; position: absolute; right: 20px; text-align: right; float: right;} /* 工作动态 */ .L-title{ width:100%; height: 50px; margin: 30px auto;} .L-0{ display: flex;justify-content: center;align-content: center; background: url(../images/L-title.png) no-repeat center center;} .L-1{ background: url(../images/L-title-1.png) no-repeat center center;} .L-2{ background: url(../images/L-title-2.png) no-repeat center center;} .left-part,.right-part{ width:540px; padding: 20px 0; position: relative;height: 320px} .left-part{ float: left;} .right-part{ float: right;} .L-text{ height: 40px;line-height: 40px;margin-top:5px; position: relative; vertical-align: middle;font-size: 32px;} .cd-title{ height: 38px; border-bottom: 2px solid #e1e7ea;} .cd-title h2{ width:75px; height: 38px;text-indent: 0; line-height: normal; border-bottom: 2px solid #eb1e0b;} .cd-title a{ right: 0;} .nb-1 ul{ top:20px; padding:0 0 30px 0;} .nb-1 ul li a{ width:440px;} .nb-1 ul li span{ right: 0;} /* 图片滚动 */ #jssor_1{ position:relative; width:100%; height:200px; margin: 30px 0; float: left; overflow: hidden;} .jssorl-009-spin{ position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,0.7);} .jssorl-009-spin img { margin-top:-19px; position:relative; top:50%; width:38px; height:38px; animation-name:jssorl-009-spin; animation-duration:1.6s; animation-iteration-count:infinite; animation-timing-function:linear } @keyframes jssorl-009-spin { from { transform:rotate(0); } to { transform:rotate(360deg); } }.jssorb051 .i { position:absolute; cursor:pointer } .jssorb051 .i .b { fill:#fff; fill-opacity:.5 } .jssorb051 .i:hover .b { fill-opacity:.7 } .jssorb051 .iav .b { fill-opacity:1 } .jssorb051 .i.idn { opacity:.3 } .jssora051 { display:block; position:absolute; cursor:pointer } .jssora051 .a { fill:none; stroke:#fff; stroke-width:360; stroke-miterlimit:10 } .jssora051:hover { opacity:.8 } .jssora051.jssora051dn { opacity:.5 } .jssora051.jssora051ds { opacity:.3; pointer-events:none } /* 宣传片 */ .M-title{ width:540px; height: 41px; float: left; display: block;} .M-0{ display: flex;justify-content: left;align-content: center; background: url(../images/M-title.png) no-repeat center center;} .M-1{ background: url(../images/M-title-1.png)no-repeat 0 center;} .M-2{ background: url(../images/M-title-2.png)no-repeat 0 center;} .M-content{ width:540px; border:1px solid #9ca9af; border-top: none; float: left; padding: 30px 20px 0 21px;height: 300px;} .M-content ul{ float: left; padding: 0; } .M-content ul li{ width:150px; float: left; margin: 0 22px 0 0; overflow: hidden;} .M-content ul li a img{ width:150px; height: 85px; display: block; border-radius: 3px; overflow: hidden;} .M-content ul li h3{ font-size: 14px; color: #555; text-align: center; padding: 10px 0 20px 0; margin: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .L-1{ background: url(../images/L-title-1.png) no-repeat center center;} .M-text{ left: 30px;height: 60px;line-height: 40px; position: relative; vertical-align: middle;font-size: 30px;} .M-text1{ left: 45px;height: 60px;line-height: 40px; position: relative; vertical-align: middle;font-size: 30px;} /* 专题专栏 */ .zhuanti{ padding: 20px 0; float: left;} .zhuanti li{ width:350px; height: 115px; display: block; overflow: hidden; float: left; margin: 0 55px 20px 0;} .zhuanti li a img{ width:350px; height: 115px; border-radius: 5px; display: block;} /* 友情链接 */ .a-title{ width:100%; font-size: 18px; color: #333; font-weight: 600; float: left; padding:0 0 30px 0;} .link{ padding: 0; float: left;} .link li{ width:250px; height: 70px; display: block; overflow: hidden; float: left; margin: 0 40px 20px 0;} .link li a img{ width:250px; height: 70px; border-radius: 5px; display: block;} .yqlj-left-part,.yqlj-right-part{ width:1200px; padding: 20px 5px; position: relative;height: 320px} /* E刊展示 */ .EK{ padding: 0; float: left;} .EK li{ width:135px; display: block; overflow: hidden; float: left; margin: 0 50px 0 0;} .EK li:last-child{ margin-right: 0;} .EK li a img{ width:135px; height: 180px; display: block;} .EK li h3{ font-size: 14px; color: #555; line-height: 24px; text-align: center; padding: 10px 0 20px 0; margin: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* 明细页面 */ .d-left-part{ width:240px; padding: 20px 0; position: relative;} .d-right-part{ width:900px; padding: 20px 0; position: relative;} .d-left-part{ float: left;} .d-right-part{ float: right;} .d-height { height: 500px }