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;
}