charset "utf-8"; /* CSS Document */ html{font-size:14px;} body{ margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:"微软雅黑";color: #585858; } ul{ margin:0; padding:0; list-style-type:none;} a{ text-decoration:none; color: #585858;} a:hover{color: #ee9647;} img{border:0px;} .clear{ clear:both;} h1,h2,h3,h4,p{ margin:0; padding:0;} /*当前位置*/ .xxgk_nav { height: 30px; line-height: 30px; width: 1200px; text-indent: 30px; font-size: 14px; font-family: 微软雅黑; color: rgb(51, 51, 51); margin: auto; background: rgb(230, 230, 230); } .xxgk_nav span,.xxgk_nav a{ font-size:14px; font-family:"微软雅黑"; color:rgb(51,51,51); } /*主体*/ #main{ width: 1200px; height:auto; padding: 20px 0 0; margin: 0 auto; } /*左栏部分*/ .mainLeft{ width: 590px; height: 396px; float: left; background: url(../images/nbnj.png) no-repeat; position: relative; } .mainLeft ul li{ width:149px; height:150px; position: absolute; } .mainLeft ul li a{ width:149px; height:150px; display: block; cursor:pointer; } .mainLeft ul li a img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; } .mainLeft ul li a:hover{ z-index:999; background: url(../images/cxtBg.png) no-repeat; } .mainLeft ul li a.cxyjSelect{ z-index:999; background: url(../images/cxtBg.png) no-repeat; } .mainLeft ul li.yj1{ left: 77px; top: 28px; } .mainLeft .yj2{ left: 0px; top: 105px; } .mainLeft .yj3{ width:280px; height:281px; right: 0; top: 40px; } .mainLeft .yj3 a{ width:280px; height:281px; } .mainLeft .yj3 a:hover{ z-index:999; background: url(../images/cxtBg2.png) no-repeat; } .mainLeft .yj3 a.cxyjSelect1{ z-index:999; background: url(../images/cxtBg2.png) no-repeat; } .mainLeft .yj4{ left: 154px; top: 104px; } .mainLeft .yj5{ left: 77px; top: 183px; } /*右栏部分*/ .mainRight{ width: 590px; float: left; position: relative; margin-right: 20px; } .mainRight h2{ position:static; float:left; width:auto; height: 30px; line-height: 30px; text-align: center;padding-left: 12px;padding-right: 12px; } .mainRight h2 a{ color: #555; display: block; font-weight: normal; font-size: 16px; font-family: "微软雅黑"; cursor:pointer; } .mainRight h2.ctonselect{ background: #ff730a; background-position: 0 0; color: #fff; } .mainRight h2.ctonselect a{ color: #fff; } .mainRight .boxshow{ width: 100%; position: absolute; top: 30px; left: 0; display: block; padding-top: 10px; } .mainRight .boxnone{ width: 100%; position: absolute; top: 30px; left: 0; display: block; border-top: 1px solid #ff730a; padding-top: 10px; display: none; } /*论述聚焦*/ .espcial li{ margin-top: 4px; padding-bottom: 8px; margin-bottom: 7px; border-bottom: 1px dashed #e5e5e5; } .espcial li h3{ height: 30px; } .espcial li h3 a{ font: 14px/30px "微软雅黑"; color: #585858; } .espcial li h3 a:hover{ color: #ff730a; } .espcial li p{ font: 14px/24px "微软雅黑"; color: #999; } .common li { height: 39px; line-height: 39px; background: url(../images/select.png) 1px 18px no-repeat; padding-left: 15px; } .common li .date { float: right; font-size: 14px; color: #777; } .common li a { font-size: 14px; font-family: "微软雅黑"; color: #585858; float:left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:74%; } .common li a:hover { color: #ee9647; } .page { margin: auto; font-family: "微软雅黑"; font-size: 14px; color: #888; text-align: center; height: 30px; line-height: 30px; } .page a { color: #888; margin: 0 2px; } /*技术预见*/ #jsyjContent h3{ position: absolute; top: 14px; height: 26px; line-height: 24px; text-align: center; border: 1px solid #fff; cursor:pointer; } #jsyjContent h3 a{ color: #666;background: #f5f5f5; display: block; font-weight: normal; font-size: 14px; font-family: "微软雅黑"; cursor:pointer; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #cccccc; } #jsyjContent h3#yjcgTitle{ width: 104px; left: 20px; } #jsyjContent h3#jsqyTitle{ width: 76px; left: 146px; } #jsyjContent h3#yjxgTitle{ width: 186px; left: 250px; } #jsyjContent h3.inforselect{ /* ctonselect*/ background-position: 0 0; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #jsyjContent h3.inforselect a{ background:rgb(255,115,10); color:#ffffff;} #jsyjContent .inforshow{ width: 100%; position: absolute; top: 50px; left: 0; display: block; } #jsyjContent .infornone{ display: none; } /*年报年鉴*/ /*年报年鉴*/ .scrollpic { height: 140px; margin:50px auto; position:relative; } #myscroll { display: block; width: 420px; height: 140px; position: relative; top:0; overflow: hidden; } #myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000%; } #myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; } #myscroll ul li { display: block; float: left; padding: 0; width: 220px; height: 140px; text-align:center; } #myscroll ul li a { display: block; float: left; padding: 0; position: relative; width: 200px; height: 140px; color: #333; } #myscroll ul li img{ width: 200px; height: 140px; } #myscroll a .intro { position: absolute; left: 0; z-index: 10; background-color: #0057c4; filter: alpha(opacity=70); width: 200px; color: #fff; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align: center; } #myscroll a .intro h5 { padding: 0; margin: 0; font-size: 16px; height: 40px; width: 200px; line-height: 30px; border-bottom: 1px solid #347fdc; font-weight:100; } #myscroll a .intro p { font-size: 13px; line-height: 20px; margin: 65px 70px; height: 70px; overflow: hidden; } #myscroll a .intro { bottom: -211px; } #myscroll a:hover .intro { bottom: 0px; } #mybtns a { width: 38px; height: 38px; position:absolute; top:40%; cursor:pointer; } #mybtns a:hover { background-color: #347fdc; } #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mybtns #left { left:0; background: url(../images/prev.png) no-repeat; z-index:999; } #mybtns #right { right:0; background: url(../images/next.png) no-repeat; z-index:999; }