optim.css
4.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
@charset "utf-8";
/* CSS Document */
.nav-h2 {display: none;}
.optim-main{ height:490px; min-width:990px; background:url(../images/optimization/tio-pic.png) center no-repeat; position:relative; padding-bottom:15px; }
.optim-pic{ width:100%; min-width:990px; text-align:center; position:absolute; top:196px; z-index:9}
.optim-bg{ width:100%; min-width:990px; height:174px; background:#000;filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3; position:absolute; top:181px;}
.optim-box{ width:990px; margin:30px auto 0 auto;}
.op-box-list{ height:585px;}
.op-box-list dt{ width:317px; height:560px; float:left; padding-left: 20px;}
.op-box-list dd{ width:632px; height:560px; float:right; padding-right: 20px;}
.op-tit{ width:237px; height:66px; background:url(../images/optimization/na-list.gif) no-repeat; font-size:24px; font-family:"Microsoft YaHei UI"; color:#FFF; line-height:52px; padding-left:80px;}
.op-box-list dt .s2{ background-position:0 -228px}
.op-box-list dt .s3{ background-position:0 -76px}
.op-box-list dt .s4{ background-position:0 -152px}
.op-tabs{ height:488px; border:#CCC solid 1px; background: #fff;}
.op-tabs .op-tabs-pic{ width:295px; height:395px; margin:10px; overflow:hidden; position:relative;}
.op-tabs .op-tabs-pic ul{ position:relative}
.op-tabs .op-tabs-pic ul li{ float:left}
.op-tabs .op-tabs-btn{height:52px; padding:20px 0 0 20px;}
.op-tabs .op-tabs-btn a{ width:30px; height:20px; margin:5px 0; display:block; border-right:#eee solid 1px; color:#666; text-align:center; line-height:20px; float:left}
.op-tabs .op-tabs-btn a:hover{ color:#666; text-decoration:none; }
.op-tabs .op-tabs-btn a.on{ height:30px; line-height:30px; margin:0; background:#B64F22; color:#FFF}
.op-tabs .btn-on1 a.on{ background:#B64F22}
.op-tabs .btn-on2 a.on{ background:#317111}
.op-tabs .btn-on3 a.on{ background:#0C4E6D}
.op-tabs .btn-on4 a.on{ background:#9C1717}
.op-more{ height:50px; border-bottom:#ddd solid 1px; line-height:55px; text-align:right; color:#666; float: right; width: 615px;}
.op-more a{ color:#666;text-decoration: none;}
.op-more a:hover{ color:#C00300}
.op-mbox{ height:auto; padding-top:12px; float: right;width: 100%;}
.op-mbox ul li{ width:295px; height:149px; padding:10px; background:url(../images/optimization/op-i.png) no-repeat 15px 0; position:relative}
.mbox-bg{ width:255px; height:97px; padding: 17px 20px 23px 20px; /* background:url(../images/optimization/op-i-bg1.jpg) no-repeat; */ position:absolute; }
.mbox-bg .mbox-pic{ width:150px; height:175px; position:absolute; z-index:99; top:-20px; right:-20px;}
.mbox-bg .mbox-txt{ width:150px; height:97px;}
.mbox-bg .mbox-txt span a:hover{ color:#9a2f00;}
.mbox-bg .mbox-txt p{ font-size:14px; width:120px; line-height: 130%; padding: 18px 0 3px 20px; color:#000; text-indent: 20px; margin-bottom: 14px;}
.mbox-bg .mbox-txt em{ font-size: 18px; color:#F60; font-family:"Microsoft YaHei UI"; position: relative; left: 30px; font-weight: bold;}
.mbox-bh{ width:295px; height:150px; position:absolute; top:10px; display:none; }
.mbox-bh .mbox-bh-po{ height:50px; width:100px; background:#FFF;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7; position:absolute; right:0; bottom:13px;}
.mbox-bh .mbox-bh-a{ height:50px; padding:0 20px; display:inline-block; line-height:50px; font-size:24px; font-family:"Microsoft YaHei UI"; color:#F00; position:absolute; right:0; bottom:13px;}
.mbox-bh .mbox-bh-a:hover{ text-decoration:none;}
.op-tabs .op-tabs-pic ul {width:1425px; position:relative;}
.op-tabs .op-tabs-pic li {float:left;}
.mbox-pic img {
position: relative;
top: 0px;
}
.li1 ul li .mbox-bg{
background-image: url(../images/optimization/op-i-bg1.jpg) ;
background-repeat: no-repeat ;
background-position: 15px 0;
}
.li2 ul li .mbox-bg{
background-image: url(../images/optimization/op-i-bg2.jpg) ;
background-repeat: no-repeat ;
background-position: 15px 0;
}
.li3 ul li .mbox-bg{
background-image: url(../images/optimization/op-i-bg3.jpg) ;
background-repeat: no-repeat ;
background-position: 15px 0;
}
.li4 ul li .mbox-bg{
background-image: url(../images/optimization/op-i-bg4.jpg) ;
background-repeat: no-repeat ;
background-position: 15px 0;
}
.op-more a em {
font-size: 14px;
font-family:"Arial","Verdana";
}
.li1 .mbox-txt span a{
color:#9a2f00;
font-weight:bold;
font-size:18px;
margin-left: 7px;
display: block;
height: 18px;
overflow: hidden;
}
.li1 .mbox-txt span a:hover {
color:#9a2f00;
}
.li2 .mbox-txt span a{
color:#317111;
font-weight:bold;
font-size:18px;
margin-left: 7px;
}
.li2 .mbox-txt span a:hover {
color:#317111;
}
.li3 .mbox-txt span a{
color:#0c4e6d;
font-weight:bold;
font-size:18px;
margin-left: 7px;
}
.li3 .mbox-txt span a:hover {
color:#0c4e6d;
}
.li4 .mbox-txt span a{
color:#9c1717;
font-weight:bold;
font-size:18px;
margin-left: 7px;
}
.li4 .mbox-txt span a:hover {
color:#9c1717;
}
div.op-mbox span a {
height: 45px;
overflow: hidden;
line-height: 22px;
float: left;
width: 135px;
font-family:"Arial"
}
.mbox-bg .mbox-txt em {
font-family:"Arial"
}