492 lines
8.8 KiB
CSS
492 lines
8.8 KiB
CSS
/* CSS Document */
|
|
body {
|
|
margin:0;
|
|
padding:0;
|
|
background:#f5f6f8 url(bg.jpg) repeat-x 50% 0;
|
|
behavior:url(ie-css3.htc);
|
|
min-width:1200px;
|
|
}
|
|
/* 文字样式 */
|
|
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
|
|
.text-center{text-align:center;}
|
|
.text-left{text-align:left;}
|
|
.text-right{text-align:right;}
|
|
|
|
|
|
/* 按钮 */
|
|
.btn{display:inline-block;border:none;text-align:center;background:#158064;color:#fff;min-height:34px;line-height:34px;padding:0 15px;-webkit-transition:background 0.3s,border 0.3s;transition:background 0.3s,border 0.3s;}
|
|
.btn:hover{background:#009966;color:#fff;}
|
|
.btn.white{background:#fff;color:#666;border:1px solid #ddd;}
|
|
.btn.white:hover{background:#666;color:#fff;border:1px solid #666;}
|
|
.btn.disabled{background:#f1f1f1;border-color:#aaa;color:#aaa;cursor:default;}
|
|
|
|
/* 边距 */
|
|
.mt5{margin-top:5px;}
|
|
.mt10{margin-top:10px;}
|
|
.mt15{margin-top:15px;}
|
|
.mt20{margin-top:20px;}
|
|
.mt25{margin-top:25px;}
|
|
.mb10{margin-bottom:10px;}
|
|
.mb15{margin-bottom:15px;}
|
|
.ml5{margin-left:5px;}
|
|
.ml10{margin-left:10px;}
|
|
.ml15{margin-left:15px;}
|
|
.ml20{margin-left:20px;}
|
|
.mr10{margin-right:10px;}
|
|
.mr15{margin-right:15px;}
|
|
.pt10{padding-top:10px;}
|
|
.pt15{padding-top:15px;}
|
|
.pl5 {
|
|
padding-left:5px;
|
|
}
|
|
.pl8 {
|
|
padding-left:8px;
|
|
}
|
|
|
|
/* 浮动 */
|
|
.fl{float:left!important;}
|
|
.fr{float:right!important;}
|
|
.clearfix{*zoom:1;}
|
|
.clearfix:before,
|
|
.clearfix:after{
|
|
visibility:hidden;
|
|
display:block;
|
|
font-size:0;
|
|
content:" ";
|
|
clear:both;
|
|
height:0;;}
|
|
.clearfix:after{clear:both;}
|
|
|
|
/*显示形式*/
|
|
.inline{display:inline;}
|
|
.block{display:block;}
|
|
.inline-block{display:inline-block;zoom:1;*display:inline;}
|
|
.hidden{display:none;}
|
|
.d-inline {
|
|
_display:inline;
|
|
}
|
|
/* 下拉三角符号 */
|
|
.caret{display:inline-block;width:0;height:0;vertical-align:middle;border-top:8px solid #000000;border-right:8px solid transparent;border-left:8px solid transparent;content:"";}
|
|
.caret.up{border-top:none;border-bottom:8px solid #ccc;}
|
|
.caret.down{border-top:8px solid #ccc;border-bottom:none;}
|
|
|
|
.main-1200 {
|
|
width:1200px;
|
|
margin:0 auto;
|
|
}
|
|
header {
|
|
background:url(headbg.jpg) no-repeat 50% 0 #fff;
|
|
height:100px;
|
|
}
|
|
nav {
|
|
height:50px;
|
|
background:#1e51ad;
|
|
}
|
|
nav a {
|
|
color:#fff;
|
|
}
|
|
#index-nav {
|
|
|
|
}
|
|
|
|
#index-nav { position:relative; z-index:1; }
|
|
#index-nav a { color:#fff; }
|
|
#index-nav .nLi{ float:left; width:130px;margin-left:80px; position:relative; display:inline; }
|
|
#index-nav .nLi h3{ float:left;width:100%;height:50px; line-height:50px; }
|
|
#index-nav .nLi h3 a{ display:block;width:100%; text-align:center; height:50px; line-height:50px; font-size:18px; }
|
|
#index-nav .sub{ display:none;width:100%; left:0; top:50px; position:absolute; background:#1e51ad; line-height:48px; }
|
|
#index-nav .sub li{ zoom:1;width:100%;text-align:center;font-size:16px;border-bottom:1px solid #fff; }
|
|
#index-nav .sub a{ display:block; }
|
|
#index-nav .sub a:hover{ background:#14439d; color:#fff; }
|
|
#index-nav .on h3 a{ background:#14439d; color:#fff; }
|
|
|
|
#dahuan {
|
|
|
|
width:1200px;
|
|
margin:0 auto;
|
|
height:350px;
|
|
overflow:hidden;
|
|
position:relative;
|
|
}
|
|
#dahuan .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
|
|
#dahuan .bd ul{ width:100% !important; }
|
|
#dahuan .bd li{ width:100% !important; height:600px; overflow:hidden; text-align:center; }
|
|
#dahuan .bd li a{ display:block; height:600px; }
|
|
|
|
#dahuan .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; text-align:right;
|
|
_background:#000; _filter:alpha(opacity=60);
|
|
}
|
|
#dahuan .hd ul{ text-align:center; padding-top:5px; }
|
|
#dahuan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:8px; margin:4px;background:#14439d; overflow:hidden;
|
|
line-height:9999px;
|
|
}
|
|
#dahuan .hd ul .on{ background:#fff; }
|
|
#index-top1 {
|
|
background:#fff;
|
|
padding:20px;
|
|
height:80px;
|
|
}
|
|
#head-topleft {
|
|
float:left;
|
|
line-height:40px;
|
|
}
|
|
|
|
#head-topright {
|
|
float:right;
|
|
}
|
|
.search_text {
|
|
height:32px;
|
|
|
|
width:280px;
|
|
line-height:32px;
|
|
border:1px solid #006bd5;
|
|
float:left;
|
|
}
|
|
.search_button {
|
|
height:32px;
|
|
padding:0 12px;
|
|
border:none;
|
|
float:left;
|
|
background:#006bd5;
|
|
color:#fff;
|
|
}
|
|
#Keyword {
|
|
height:32px;
|
|
line-height:32px;
|
|
width:220px;
|
|
border:1px solid #ccc;
|
|
}
|
|
#key-select {
|
|
float:left;
|
|
width:60px;
|
|
font-size:14px;
|
|
text-align:center;
|
|
height:32px;
|
|
border:1px solid #ccc;
|
|
}
|
|
#key-search {
|
|
color:#fff;
|
|
background:#006bd5;
|
|
font-size:14px;
|
|
text-align:center;
|
|
width:60px;
|
|
height:32px;
|
|
line-height:30px;
|
|
border:1px solid #006bd5;
|
|
}
|
|
#content {
|
|
margin-top:20px;
|
|
}
|
|
#c1-left {
|
|
|
|
background:#fff;
|
|
padding:20px;
|
|
}
|
|
|
|
#c1-right {
|
|
width:590px;
|
|
float:left;
|
|
background:#fff;
|
|
padding:20px;
|
|
margin-left:20px;
|
|
}
|
|
|
|
#c1-lefthuan {
|
|
width:540px;
|
|
height:340px;
|
|
float:left;
|
|
overflow:hidden;
|
|
position:relative;
|
|
margin-top:15px;
|
|
}
|
|
#c1-leftnew {
|
|
float:left;
|
|
margin-left:20px;
|
|
width:590px;
|
|
}
|
|
#c1-leftnew dl dt {
|
|
color:#1e50af;
|
|
font-size:20px;
|
|
line-height:40px;
|
|
font-weight:bold;
|
|
}
|
|
#c1-leftnew dl dd {
|
|
font-size:16px;
|
|
line-height:28px;
|
|
}
|
|
#c1-leftnew dl dt a {
|
|
color:#1e50af;
|
|
}
|
|
.index-tt1 {
|
|
height:26px;
|
|
line-height:26px;
|
|
|
|
}
|
|
.index-tt1 h2 {
|
|
height:26px;
|
|
line-height:26px;
|
|
float:left;
|
|
border-left:4px solid #1e50af;
|
|
text-indent:14px;
|
|
font-size:18px;
|
|
color:#0e0e0e;
|
|
font-weight:bold;
|
|
}
|
|
.index-tt1 h3 {
|
|
float:right;
|
|
line-height:26px;
|
|
}
|
|
|
|
.index-gg {
|
|
margin-top:20px;
|
|
}
|
|
#index-content2 {
|
|
margin-top:20px;
|
|
}
|
|
.index-c2new {
|
|
width:590px;
|
|
float:left;
|
|
padding:20px;
|
|
background:#fff;
|
|
}
|
|
|
|
#index-content3 {
|
|
margin-top:20px;
|
|
padding:20px;
|
|
background:#fff;
|
|
}
|
|
#index-c3list {
|
|
margin-top:15px;
|
|
}
|
|
#index-c3list ul li {
|
|
width:360px;
|
|
float:left;
|
|
margin-left:25px;
|
|
}
|
|
#index-c3list ul li img {
|
|
width:360px;
|
|
height:230px;
|
|
display:block;
|
|
}
|
|
#index-c3list ul li span {
|
|
display:block;
|
|
text-align:center;
|
|
font-size:18px;
|
|
color:#0f2554;
|
|
padding-top:8px;
|
|
}
|
|
#index-c3list ul li span a {
|
|
color:#0f2554;
|
|
}
|
|
#index-content4 {
|
|
margin-top:20px;
|
|
|
|
}
|
|
|
|
#c4-left {
|
|
|
|
|
|
background:#fff;
|
|
padding:20px;
|
|
}
|
|
|
|
#c4-right {
|
|
width:390px;
|
|
float:left;
|
|
background:#fff;
|
|
padding:20px;
|
|
|
|
}
|
|
|
|
#c4-lefthuan {
|
|
margin-top:15px;
|
|
width:400px;
|
|
height:280px;
|
|
float:left;
|
|
margin-left:30px;
|
|
}
|
|
#c4-leftnew {
|
|
float:left;
|
|
margin-left:10px;
|
|
width:690px;
|
|
}
|
|
|
|
#c4-leftjj {
|
|
margin-top:15px;
|
|
font-size:16px;
|
|
line-height:30px;
|
|
text-indent:32px;
|
|
}
|
|
#c4-leftlist {
|
|
margin-top:20px;
|
|
|
|
}
|
|
#c4-leftlist ul li {
|
|
|
|
width:156px;
|
|
height:46px;
|
|
text-align:center;
|
|
line-height:46px;
|
|
font-size:20px;
|
|
float:left;
|
|
background:#1e50af;
|
|
margin-left:22px;
|
|
}
|
|
#c4-leftlist ul li a {
|
|
color:#fff;
|
|
}
|
|
|
|
#c5-link {
|
|
background:#fff;
|
|
padding:20px;
|
|
margin-top:20px;
|
|
}
|
|
#c5-list {
|
|
margin-top:20px;
|
|
}
|
|
#c5-list ul li {
|
|
width:212px;
|
|
height:122px;
|
|
float:left;
|
|
margin-left:20px;
|
|
border:1px solid #0463b5;
|
|
|
|
}
|
|
#c5-list ul li a {
|
|
margin-top:20px;
|
|
display:block;
|
|
height:80px;
|
|
|
|
line-height:32px;
|
|
text-align:center;
|
|
font-size:18px;
|
|
background:url(linkico.jpg) no-repeat 50% bottom;
|
|
}
|
|
|
|
footer {
|
|
margin-top:20px;
|
|
|
|
border-top:5px solid #1f50af;
|
|
background:#393939;
|
|
}
|
|
#foot-left {
|
|
border-bottom:1px solid #4c4f56;
|
|
|
|
}
|
|
#foot-left ul li span {
|
|
font-size:22px;
|
|
line-height:28px;
|
|
text-align:center;
|
|
color:#fff;
|
|
|
|
display:block;
|
|
width:28px;
|
|
height:28px;
|
|
border-radius:14px;
|
|
float:left;
|
|
}
|
|
#foot-left ul li {
|
|
float:left;
|
|
|
|
|
|
|
|
width:360px;
|
|
|
|
color:#fff;
|
|
margin-left:40px;
|
|
padding:40px 0;
|
|
font-size:15px;
|
|
}
|
|
#foot-left li dl {
|
|
margin-left:34px;
|
|
|
|
|
|
}
|
|
#foot-left dl dt {
|
|
font-weight:normal;line-height:26px;
|
|
}
|
|
#foot-left ul li dl dd {
|
|
font-weight:normal;line-height:26px;
|
|
}
|
|
|
|
|
|
|
|
#foot-copy {
|
|
|
|
padding:25px 0;
|
|
|
|
color:#fff;
|
|
}
|
|
#foot-copy ul li {
|
|
line-height:28px;
|
|
text-align:center;
|
|
}
|
|
#index-gsgg {
|
|
padding:20px 0;
|
|
}
|
|
#index-gsgg .hd {
|
|
display:none;
|
|
}
|
|
#index-gsgg ul li {
|
|
width:364px;
|
|
height:120px;
|
|
background:#edf1f4;
|
|
|
|
float:left;
|
|
margin-left:18px;
|
|
}
|
|
#index-gsgg ul li dl {
|
|
margin-top:15px;
|
|
margin-left:15px;
|
|
height:90px;
|
|
width:80px;
|
|
background:#fff;
|
|
float:left;
|
|
}
|
|
#index-gsgg .bd ul li a {
|
|
height:60px;
|
|
margin-top:26px;
|
|
display:block;
|
|
width:250px;
|
|
margin-left:105px;
|
|
font-size:16px;
|
|
line-height:30px;
|
|
}
|
|
#index-gsgg ul li dl dt {
|
|
height:28px;
|
|
line-height:28px;
|
|
background:#a4a4a4;
|
|
color:#fff;
|
|
font-size:12px;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
}
|
|
#index-gsgg ul li dl dd {
|
|
height:60px;
|
|
line-height:60px;
|
|
font-size:22px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
color:#a4a4a4;
|
|
}
|
|
|
|
.index-ttmore {
|
|
height:24px;
|
|
line-height:24px;
|
|
text-align:right;
|
|
}
|
|
.index-ttmore a {
|
|
color:#1e50af;
|
|
}
|
|
.index-ttmore {
|
|
}
|
|
|
|
.index-gg { position: relative;width:1200px; height:120px;overflow: hidden; }
|
|
.index-gg .pic img { width:1200px; height:120px; display: block; }
|
|
.index-gg .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
|
|
.index-gg .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:20px; height:8px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
|
|
.index-gg .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1; }
|
|
|
|
footer a {
|
|
color:#fff;
|
|
} |