📄 正在查看：twcms/view/default/css/global.css
1body,div,ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,table{margin:0;padding:0}
2body{font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:#333;line-height:1.6}
3ul,dl{list-style:none}
4a,a:visited{color:#333;text-decoration:none}
5a:hover{color:#0685D5}
6a:focus{outline:none}
7a:active{blr:expression(this.onFocus=this.blur())}
8img{border:0}
9
10/* 公共 */
11.wrap{width:980px;margin:0 auto}
12.cf:after{content:"";display:block;clear:both;height:0;overflow:hidden}
13.cf{zoom:1}
14.head,.nav,.banner,.cont,.t10{margin-top:10px}
15.b10{margin-bottom:10px}
16
17/* 顶部 */
18.head{height:50px}
19.head .logo{width:200px;float:left}
20.head .search{height:25px;width:191px;padding:5px 0 0 10px;margin:10px 2px 0 0;overflow:hidden;float:right;background:url(../img/bg.gif) 0 0 no-repeat}
21.head .search .s_set{border:0}
22.head .search .s_tit{border:0;width:90px;vertical-align:top}
23.head .search .s_sub{border:0;width:22px;height:22px;background:transparent;vertical-align:top}
24
25/* 导航 */
26.nav{height:44px;position:relative;z-index:2}
27.nav dl a,.nav dl a:visited,.nav dl a:hover{display:block;color:#fff;overflow:hidden;text-align:center}
28.nav .n_p{position:absolute;top:0;left:0;height:44px;width:10px;background:url(../img/bg.gif) 0 -35px no-repeat}
29.nav .n_n{position:absolute;top:0;right:0;height:44px;width:10px;background:url(../img/bg.gif) -10px -35px no-repeat}
30.nav .n_c{position:absolute;top:0;left:10px;height:44px;width:960px;overflow:hidden;background:url(../img/bg.gif) 0 -79px repeat-x}
31.nav .n_c dl{float:left;margin-left:-2px;background:url(../img/bg.gif) -189px -35px no-repeat;_display:inline}
32.nav .n_c dl a{margin-left:2px;width:100px;height:44px;line-height:42px}
33.nav .n_c dl a.on{background:url(../img/bg.gif) -44px -35px no-repeat}
34.nav .n_c dl dd{display:none}
35.nav .n_hover{z-index:3;position:absolute;top:-8px;left:7px;width:100px}
36.nav .n_hover dt{padding-top:8px;width:100px;background:url(../img/bg.gif) 0px -270px no-repeat}
37.nav .n_hover dt a{height:42px;line-height:42px}
38.nav .n_hover dd{display:none}
39.nav .n_hover dd a{height:32px;line-height:32px;background:url(../img/bg.gif) 0 -321px no-repeat}
40.nav .n_hover dd a:hover{background-position:0 -353px}
41
42/* banner */
43.banner{position:relative;z-index:1;width:980px;height:280px;overflow:hidden}
44.banner ul{position:absolute;width:980px;height:280px;overflow:hidden}
45.banner ul li{float:left;width:980px;height:280px}
46.banner .b_prev,.banner .b_next{z-index:2;position:absolute;display:block;width:38px;height:78px;top:100px;border-radius:5px;filter:alpha(opacity=40);opacity:0.4}
47.banner .b_prev{left:10px;background:url(../img/bg.gif) 0 -191px no-repeat}
48.banner .b_next{right:10px;background:url(../img/bg.gif) -38px -191px no-repeat}
49.banner .b_prev:hover,.banner .b_next:hover{filter:alpha(opacity=70);opacity:0.7}
50.banner .b_push{z-index:2;position:absolute;bottom:10px}
51.banner .b_push a{width:15px;height:15px;border-radius:8px;overflow:hidden;display:inline;float:left;margin-left:5px;background:#C4C4C4}
52.banner .b_push a:hover{background:#A0A0A0}
53.banner .b_push a.on{background:#02A0E9}
54
55/* 区块一 */
56.b1_top{border:1px solid #BDD7F2;border-top:4px solid #02A0E9}
57.b1_tit{height:30px;overflow:hidden}
58.b1_tit div{height:30px;float:left;overflow:hidden}
59.b1_tit .ct_p{width:10px;background:url(../img/bg.gif) -22px -35px no-repeat;margin-left:10px}
60.b1_tit .ct_c{max-width:540px;padding:0 10px;line-height:28px;font-weight:bold;color:#fff;background:url(../img/bg.gif) 0 -123px repeat-x}
61.b1_tit .ct_c a{color:#fff}
62.b1_tit .ct_n{width:10px;background:url(../img/bg.gif) -32px -35px no-repeat}
63.b1_cont{padding:10px;overflow:hidden;min-height:190px}
64.b1_cont em{font-style:normal;color:#C00}
65.comment_show{padding-top:20px;min-height:100px}
66
67/* 区块二 */
68.b2_tit{height:35px;overflow:hidden;line-height:35px;font-size:14px;text-indent:10px;border:1px solid #BDD7F2;border-top:4px solid #02A0E9;background:url(../img/bg.gif) 0 -155px repeat-x}
69.b2_tit b{float:left}
70.b2_cont{padding:10px;overflow:hidden;border:1px solid #BDD7F2;border-top:none}
71
72/* 内容公共 */
73.cont .more{display:block;float:right;overflow:hidden;width:40px;height:15px;margin:10px 10px 0 0;_margin-right:5px;text-indent:999px;background:url(../img/bg.gif) -146px -35px no-repeat}
74
75/* 2列 */
76.c2_l{float:left;width:650px}
77.c2_r{float:right;width:320px}
78
79.m_l{float:left;width:730px}
80.m_r{float:right;width:240px}
81
82/* 3列 */
83.c3{width:100%;overflow:hidden}
84.c3_m{width:990px;margin-top:-10px}
85.c3_l{float:left;width:320px;margin:10px 10px 0 0}
86
87/* 底部 */
88.foot{padding:10px}
89.foot p{text-align:center;line-height:1.8}
90
91/* 分页 */
92.pages{margin-top:5px}
93.pages a,.pages a:visited,.pages b,.pages span{display:inline;float:left;min-width:12px;height:20px;line-height:20px;margin:5px 5px 0 0;padding:2px 5px;text-align:center;font-family:Tahoma;font-size:12px;white-space:nowrap;border:1px solid #BDD7F2;border-radius:3px;color:#333}
94.pages a:hover{border:1px solid #38739F;background:#E5F3FF;color:#000;font-weight:400}
95.pages b{border:1px solid #BDD7F2!important;background:#CBE0F7!important}
96.pages span{font-weight:bold}
97
98/* 公司简介 */
99.info_l{float:left;width:264px;height:181px;padding-top:5px}
100.info_r{float:right;width:358px;text-indent:20px;line-height:20px;_height:200px}
101.info_r p{padding:5px}
102/* 客户案例 */
103.caselist{padding:5px 10px;min-height:200px;_height:200px}
104.caselist p a{display:block;height:82px;padding:9px 0}
105.caselist p a img{display:block;float:left;width:132px;height:82px}
106.caselist p a b,.caselist p a i{display:block;float:right;overflow:hidden;width:155px}
107.caselist p a b{height:22px;line-height:20px}
108.caselist p a i{height:60px;line-height:20px;font-style:normal}
109/* 图片列表 */
110.piclist{position:relative;height:156px}
111.piclist .p_prev,.piclist .p_next{display:block;position:absolute;top:52px;width:16px;height:72px}
112.piclist .p_prev:hover,.piclist .p_next:hover{filter:alpha(opacity=80);opacity:0.8}
113.piclist .p_prev{left:10px;background:url(../img/bg.gif) -77px -191px no-repeat}
114.piclist .p_next{right:10px;background:url(../img/bg.gif) -93px -191px no-repeat}
115.piclist .p_cont{position:absolute;top:10px;left:33px;width:920px;height:156px;overflow:hidden}
116.piclist ul{position:absolute;top:0;left:0}
117.piclist ul li{float:left;width:176px;height:156px;margin:0 8px 0 0;overflow:hidden;_display:inline}
118.piclist ul li a img{display:block;overflow:hidden;width:176px;height:130px}
119.piclist ul li a u{display:block;overflow:hidden;height:26px;line-height:26px;text-align:center;text-decoration:none}
120/* 普通列表 */
121.lists{padding:5px 10px;min-height:192px}
122.lists li{overflow:hidden;height:24px;line-height:24px;text-indent:18px;background:url(../img/bg.gif) -180px -190px no-repeat}
123.lists li span{float:right;color:#999}
124/* 友情链接 */
125.flink li{float:left;padding:0 6px;line-height:24px;white-space:nowrap;_display:inline}
126
127/* 文章列表 */
128.art_list{padding:10px 15px}
129.art_list dl,.art_pic dl{border-bottom: 1px dotted #BDD7F2;margin: 10px 0}
130.art_list dl dt{height:24px;line-height:24px;overflow:hidden}
131.art_list dl dt b{float:left}
132.art_list dl dt span{float:right}
133.art_list dl dd{padding:8px 2px;word-wrap:break-word;word-break:break-all}
134/* 文章列表(带图片) */
135.art_pic{padding:0 15px 10px}
136.art_pic dl{padding-bottom:10px}
137.art_pic dl dt{float:left;width:169px}
138.art_pic dl dt a img{padding:2px;border:1px solid #BDD7F2;width:163px;height:124px;border-radius:5px}
139.art_pic dl dt a:hover img{border:1px solid #02A0E9}
140.art_pic dl dd{float:right;width:514px}
141.art_pic dl dd h3{font-size:14px;height:24px;line-height:24px;overflow:hidden}
142.art_pic dl dd div{padding-top:10px;overflow:hidden;word-wrap:break-word;word-break:break-all}
143.art_pic dl dd .news_tag a{display:inline-block;margin-right:5px;padding:1px 10px;background:#A7A7A7;border-radius:20px;color:#fff}
144.art_pic dl dd .news_tag a:hover{background:#f87b00}
145.art_pic dl dd .news_info span{padding-right:15px}
146/* 文章内容 */
147.art_show h1{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:18px}
148.art_show .info{height:24px;line-height:24px;text-align:center;border-bottom:1px dotted #BDD7F2;padding:6px 0}
149.art_show .info span{padding:0 5px}
150.art_show .content{padding:10px 5px;font-size:14px;line-height:1.8;word-wrap:break-word;word-break:break-all}
151.art_show .turn{border-top:1px dotted #BDD7F2;padding:5px 5px 0;font-size:14px}
152.share_tag{margin-top:5px;height:30px}
153.share_tag .sh_l{float:left}
154.share_tag #bdshare{float:right}
155
156/* 产品列表 */
157.pro_list{width:706px;overflow:hidden;margin:-8px auto 0}
158.pro_list ul{width:716px}
159.pro_list li{float:left;width:169px;height:156px;margin:10px 10px 0 0;overflow:hidden;_display:inline}
160.pro_list li a{display:block;color:#fff;border:1px solid #BDD7F2}
161.pro_list li a img{display:block;overflow:hidden;width:163px;height:124px;padding:2px}
162.pro_list li a u{display:block;overflow:hidden;height:26px;line-height:26px;text-align:center;text-decoration:none;background:#02A0E9}
163.pro_list li a:hover{color:#fff;border:1px solid #FE6E22}
164.pro_list li a:hover u{background:#FE6E22}
165/* 产品内容 */
166.pro_show .p_l{float:left;width:352px}
167 #spec_big{z-index:9999;position:absolute;width:400px;height:400px;overflow:hidden;border:1px solid #BDD7F2;background:#fff}
168 #spec_big img{position:absolute}
169 #spec_pic{position:relative;width:350px;height:350px;overflow:hidden;border:1px solid #BDD7F2;background:url(../img/loader.gif) center no-repeat}
170 #spec_pic img{width:100%;height:100%}/*如果图片比例不对会变形，解决这个问题最好上传前在电脑把图片处理一下*/
171 #spec_zoom{position:absolute;top:0;left:0;width:154px;height:154px;background:#E3800D;border:1px solid #000;cursor:move;filter:alpha(opacity=40);opacity:0.4}
172 #spec_list{position:relative;height:72px;overflow:hidden;margin-top:8px}
173 #spec_prev,#spec_next{display:block;position:absolute;top:0;width:16px;height:72px}
174 #spec_prev:hover,#spec_next:hover{filter:alpha(opacity=80);opacity:0.8}
175 #spec_prev.dis,#spec_next.dis{filter:alpha(opacity=40);opacity:0.4}
176 #spec_prev{left:0;background:url(../img/bg.gif) -77px -191px no-repeat}
177 #spec_next{right:0;background:url(../img/bg.gif) -93px -191px no-repeat}
178 #spec_item{position:absolute;top:0;left:22px;width:306px;height:72px;overflow:hidden}
179 #spec_item ul{position:absolute;width:2000px}
180 #spec_item ul li{float:left;margin-right:6px;width:72px;height:72px}
181 #spec_item ul li img{width:68px;height:68px;padding:1px;border:1px solid #BDD7F2}
182 #spec_item ul li img.on{padding:0;border:2px solid #02A0E9}
183.pro_show .p_r{overflow:hidden;float:right;width:346px}
184.pro_show .p_r h1{font-size:16px}
185.pro_show .p_r .info{margin-top:10px;color:#666}
186.pro_show .p_r .info b{padding-right:10px;font-weight:400}
187
188/* 图片列表 */
189.pho_list{width:706px;overflow:hidden;margin:-8px auto 0}
190.pho_list ul{width:716px}
191.pho_list li{float:left;width:169px;height:156px;margin:10px 10px 0 0;overflow:hidden;_display:inline}
192.pho_list li a{display:block;border:1px solid #fff}
193.pho_list li a img{display:block;overflow:hidden;width:163px;height:124px;padding:2px}
194.pho_list li a u{display:block;overflow:hidden;height:26px;line-height:26px;text-align:center;text-decoration:none}
195.pho_list li a:hover{color:#fff;border:1px solid #02A0E9}
196.pho_list li a:hover u{background:#02A0E9}
197.pho_show h1{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:18px}
198.pho_show .info{height:24px;line-height:24px;text-align:center;padding:6px 0}
199.pho_show .info span{padding:0 8px}
200.pho_show #main_a{position:relative;width:708px;height:450px;overflow:hidden;text-align:center;margin-top:5px;background:url(../img/loader.gif) center no-repeat}
201.pho_show #main_a .pic{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0}
202.pho_show #main_a .pic img{position:relative;z-index:1;max-width:708px;max-height:450px;_width:expression(this.width > 708 ? "708px" : true);_height:expression(this.height > 450 ? "450px" : true)}
203.pho_show #main_a .go_l,.pho_show #main_a .go_r{z-index:2;display:block;position:absolute;top:0;width:50%;height:100%}
204.pho_show #main_a .go_l b,.pho_show #main_a .go_r b{display:block;position:absolute;width:38px;height:78px;top:42%;border-radius:5px;filter:alpha(opacity=0);opacity:0}
205.pho_show #main_a .go_l:hover b,.pho_show #main_a .go_r:hover b{filter:alpha(opacity=60);opacity:0.6}
206.pho_show #main_a .go_l{left:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
207.pho_show #main_a .go_r{right:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
208.pho_show #main_a .go_l b{left:40px;background:url(../img/bg.gif) 0 -191px no-repeat}
209.pho_show #main_a .go_r b{right:40px;background:url(../img/bg.gif) -38px -191px no-repeat}
210.pho_show #main_b{padding:15px;min-height:48px;line-height:24px}
211.pho_show #main_c{height:100px;padding:8px;overflow:hidden;border:1px solid #BDD7F2;background:#EAF2FC}
212.pho_show #main_c .small_pic{position:relative;height:90px}
213.pho_show #main_c .small_pic .go_l,.pho_show #main_c .small_pic .go_r{display:block;position:absolute;top:7px;width:16px;height:72px}
214.pho_show #main_c .small_pic .go_l:hover,.pho_show #main_c .small_pic .go_r:hover{filter:alpha(opacity=80);opacity:0.8}
215.pho_show #main_c .small_pic .go_l{left:0;background:url(../img/bg.gif) -77px -191px no-repeat}
216.pho_show #main_c .small_pic .go_r{right:0;background:url(../img/bg.gif) -93px -191px no-repeat}
217.pho_show #main_c .small_pic .warp{position:absolute;top:0;left:20px;width:650px;height:90px;overflow:hidden}
218.pho_show #main_c .small_pic .warp ul{position:absolute;top:0;left:0;width:2000px}
219.pho_show #main_c .small_pic .warp ul li{float:left;margin-right:5px;_display:inline}
220.pho_show #main_c .small_pic .warp ul li a{display:block;position:relative}
221.pho_show #main_c .small_pic .warp ul li a img{width:98px;height:80px;border:3px solid #EAF2FC}
222.pho_show #main_c .small_pic .warp ul li a:hover img{border:3px solid #BDD7F2}
223.pho_show #main_c .small_pic .warp ul li.on a img{border:3px solid #02A0E9}
224.pho_show #main_c .small_pic .warp ul li a b{display:block;position:absolute;bottom:6px;right:6px;background:#0398EB;font-weight:400;font-size:11px;line-height:1;padding:2px;color:#fff;filter:alpha(opacity=60);opacity:0.6}
225.pho_show #main_c .small_pic .warp ul li a:hover b{background:#3EB7FC}
226.pho_show #main_c .scroll_line{border-top:1px solid #BDD7F2;margin:5px 20px 0;position:relative}
227.pho_show #main_c .scroll_line b{display:block;position:absolute;top:-7px;width:150px;height:13px;background:url(../img/bg.gif) 0 -387px no-repeat}
228.pho_show #main_c .scroll_line b:hover{filter:alpha(opacity=70);opacity:0.7}
229.pho_show #main_d{display:none}
230.pho_show #main_end{display:none;border:1px solid #040404;background:#222;z-index:99;position:absolute;top:0;left:0;width:430px;padding:20px 30px;height:230px;border-radius:5px}
231.pho_show #main_end .el{float:left;width:200px}
232.pho_show #main_end .er{float:right;width:200px}
233.pho_show #main_end .me_tit{position:absolute;top:5px;right:0}
234.pho_show #main_end .me_tit a{float:right;padding-right:10px}
235.pho_show #main_end dl dt{color:#999;font-size:20px;height:45px;line-height:45px}
236.pho_show #main_end a{display:block;color:#999}
237.pho_show #main_end a:hover{color:#fff}
238.pho_show #main_end a img{display:block;overflow:hidden;width:200px;height:150px}
239.pho_show #main_end a span{display:block;overflow:hidden;height:35px;line-height:35px;text-align:center}
240
241/* 右侧分类 */
242.cat_r{padding:5px 10px}
243.cat_r li{overflow:hidden;_width:218px;height:24px;line-height:24px;text-indent:20px;background:url(../img/bg.gif) -180px -214px no-repeat}
244
245/* 评论相关 */
246#load_more,#load_more:visited{display:block;background:#0581B9;color:#FFF;height:30px;line-height:30px;text-align:center;cursor:pointer}
247#load_more:hover{background:#2CA0D3;color:#FFF}
248.comment{padding:5px 10px 10px}
249.comment .li{border-bottom:1px dotted #BDD7F2;margin:10px 0}
250.comment .li .avatar{float:left}
251.comment .li .avatar img{width:40px;height:40px;border-radius:5px;border:1px solid #BDD7F2;padding:3px}
252.comment .li .post_body{padding:0 0 0 58px}
253.comment .li .post_body .post_header b{padding-right:30px;color:#455E85}
254.comment .li .post_body .post_message{padding:5px 0 8px;word-wrap:break-word;word-break:break-all}
255.comment_form{padding:0}
256.comment_form .ctf_cont{border-bottom:1px solid #BDD7F2}
257.comment_form .ctf_cont textarea{font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;width:98%;height:100px;padding:8px;border:0;outline-style:none;resize:none;overflow:auto}
258.comment_form .ctf_body{height:38px}
259.comment_form .ctf_txt{float:left;height:28px;padding:5px}
260.comment_form .ctf_txt input{float:left;border: 1px solid #BDD7F2;width:150px;height:22px;line-height:24px;padding:2px 5px}
261.comment_form .ctf_sub,.comment_form #ctf_tips{float:right;height:28px;line-height:28px;padding:5px}
262.comment_form .ctf_sub input{background:url(../img/bg.gif) -106px -270px no-repeat;width:85px;height:28px;_line-height:30px;color:#fff;border:0}
263.comment_form .ctf_sub input:disabled{color:#6D6D6D;text-shadow: 1px 1px 0 #FFF}
264
265/* 右侧边栏 */
266body{_background:url(about:blank) fixed}
267.s_fixed{z-index:999;width:240px;position:fixed;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}
268
269/* 返回顶部 */
270#gotop{z-index:999;display:block;width:50px;height:50px;background:url(../img/bg.gif) -110px -191px no-repeat;position:fixed;right:10px;bottom:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop)||0)-(parseInt(this.currentStyle.marginBottom)||0)-10))}
271#gotop:hover{filter:alpha(opacity=80);opacity:0.8}
272
273/* CSS3 动画效果 (不想要动画效果可以把这段代码删除) */
274.pho_list img,.pro_list img,.lists li,.flink li,.c2_l img,.c2_r img,.p_cont img,.art_pic img{-webkit-transition:all .5s}
275.pho_list img:hover,.pro_list img:hover,.flink li:hover,.c2_l img:hover,.c2_r img:hover,.p_cont img:hover,.art_pic img:hover{-webkit-transform:rotateY(360deg)}
276.lists li:hover,.cat_r li:hover{-webkit-transform:scale(1.02)}
277