@charset "utf-8"; * { margin:0; padding:0 } div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, th, td { margin:0; padding:0 } ul, li { list-style:none } i, b, em { font-style:normal } a { text-decoration:none; color:blue } .fl { float:left } .fr { float:right } .clear { clear:both } img { border:0 } .cent { width:1200px; margin:0 auto; overflow:hidden } .margin { margin:0 auto } body { font:14px/1.5 "Helvetica Neue", Helvetica, Arial, 'Microsoft Yahei'; font-weight:normal; margin:0; min-width:1200px; color:#333 } .ct { width:1200px; margin:0 auto; overflow:hidden; background:#eee; } .tl { text-align:left } .tc { text-align:center } .tr { text-align:right } .b { font-weight:700 } .crfff { color:#fff } #header h1 { display:none } .head_top { height:36px; background:#f5f5f5; line-height:36px; font-size:12px; font-family:'微软雅黑'; color:#808080 } .head_tc { position:relative; height:130px } .head_tl { width:40% } .head_tl dl { position:absolute; left:140px; top:0; text-align:center; z-index:999 } .head_tl dt { width:70px; height:36px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; cursor:pointer; color:#808080 } .head_tl dt i { display:inline-block; margin-left:.5em; width:10px; height:10px; background:url(../images/head_icon.png) -46px -5px no-repeat; margin-top:4px; vertical-align:middle } .head_tl dl:hover dt { border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; color:#0069b7; background:#fff } .head_tl dl:hover dt i { background:url(../images/head_icon.png) -46px -19px no-repeat } .head_tl dl:hover dt div { border-bottom:1px solid #fff } .head_tl dl:hover dd { display:block } .head_tl dd p i { display:inline-block; width:16px; height:17px; background:url(../images/head_icon.png) 0 -34px; vertical-align:middle; margin-right:4px } .head_tl dt div { width:70px; height:31px; line-height:26px; z-index:9999; display:inline-block } .head_tl dd { display:none; background:#fff; border:1px solid #d8d8d8; text-align:left; color:#666; padding:0 10px 8px; overflow:hidden } .head_tl dd ul a { display:inline-block; width:60px; line-height:30px; background:red; text-align:center; color:#676767; background:#f3f3f3 } .head_tl dd ul a:hover { background:#0099e6; color:#fff } .head_tr { width:40%; text-align:right; font-size:13px } .head_tr i { display:inline-block; width:10px; height:12px; margin-right:3px; background:url(../images2/topr_dian.jpg) no-repeat center top; background-size:80%; vertical-align:middle } .head_tr em { display:inline-block; width:10px; height:23px; background:url(../images2/topr_phone.jpg) no-repeat center top; vertical-align:middle } .head_tr span { color:#fc5a65; font-weight:bold } .head_ct { position:relative; height:110px } .head_ct .logo_a { width:220px; height:70px; display:inline-block } .head_ct .logo { width:220px; height:70px; margin-top:20px; background:url(../images2/logo.jpg) no-repeat center; background-size:96% } .head_ct .headerct { font-family:'HEADERCE'; font-size:32px; position:absolute; left:270px; top:0; line-height:110px } .head_ct .head_cr { position:absolute; right:0; top:25px; background:url(../images2/phone.jpg) no-repeat center; width:260px; height:60px } .head_bt { width:1200px; margin:0 auto } .head_bt_left { width:900px } .nav { position:relative; height:50px; line-height:50px; z-index:597; float:left } .nav li { float:left; vertical-align:middle; zoom:1; margin-left:60px } .nav li:first-child { background:#0099e6; margin-left:0 } .nav li.act, .nav ul { width:240px; text-align:center } .nav li:hover { position:relative; z-index:599; cursor:default } .nav ul.hid { position:absolute; left:0; z-index:598; width:240px; height:444px; line-height:26px; overflow:hidden } .nav ul.hid li { width:100%; height:88px; border-bottom:1px solid #f5f5f5; margin-left:0; background:url(../images2/navbg.png) } .nav ul li { float:none } .nav li:hover>ul { visibility:visible } .nav li.act i { display:inline-block; width:8px; height:8px; margin-left:10px; background:url(../images2/v0.png) no-repeat center } .nav ul.hid li dt em { margin-right:10px } .nav ul.hid li a:hover { text-decoration:underline } .nav li a { color:#333 } .nav:not(li.act) a:hover { color:red } .nav li a:hover { color:#0099e5 } .nav li a.on { color:#0099e5 } .nav li.act, .nav ul.hid li, .nav ul.hid li a { color:#fff } .nav ul.hid li dt { padding-top:17px; margin-bottom:10px; font-size:16px } .nav ul.hid li.v1 em { display:inline-block; width:22px; height:20px; background:url(../images2/v1.png) no-repeat center 1.3px; vertical-align:middle; background-size:80% } .nav ul.hid li.v2 em { display:inline-block; width:20px; height:22px; background:url(../images2/v2.png) no-repeat center 1.3px; vertical-align:middle; background-size:80% } .nav ul.hid li.v3 em { display:inline-block; width:22px; height:22px; background:url(../images2/v3.png) no-repeat center 1.3px; vertical-align:middle; background-size:80% } .nav ul.hid li.v4 em { display:inline-block; width:18px; height:22px; background:url(../images2/v4.png) no-repeat center 1.3px; vertical-align:middle; background-size:80% } .nav ul.hid li.v5 em { display:inline-block; width:18px; height:22px; background:url(../images2/v5.png) no-repeat center 1.3px; vertical-align:middle; background-size:90% } .feate { float:left; width:100%; background:#eee; min-width:1240px; } .feate ul { width:1200px; overflow:hidden; margin:26px auto } .feate ul li:first-child { margin-left:0 } .feate ul li { width:232px; height:62px; float:left; margin-left:10px; position:relative; overflow:hidden } .feate ul li dt { position:absolute; width:60px; height:60px } .feate ul li dd { position:absolute; left:78px; top:8px } .feate ul dt.fea1 { background:url(../images/fea1.png) no-repeat center; vertical-align:middle } .feate ul dt.fea2 { background:url(../images/fea2.png) no-repeat center; vertical-align:middle } .feate ul dt.fea3 { background:url(../images/fea3.png) no-repeat center; vertical-align:middle } .feate ul dt.fea4 { background:url(../images/fea4.png) no-repeat center; vertical-align:middle } .feate ul dt.fea5 { background:url(../images/fea5.png) no-repeat center; vertical-align:middle } .feate ul dd strong { font-size:16px; padding-top:10px } .side ul li { width:60px; height:60px; float:left; position:relative; line-height:50px } .side ul li span { padding-left:60px; height:60px; line-height:60px; display:block } .side ul li .sidebox { vertical-align:middle; position:absolute; width:60px; height:60px; top:0; right:0; transition:all .3s; opacity:.8; filter:Alpha(opacity=80); color:#fff; overflow:hidden } .side ul li .side1 { background:url(../images/sider.png) no-repeat 19px center } .side ul li .side2 { background:url(../images/sider1.png) no-repeat 16px center } .side ul li .side3 { background:url(../images/sider2.png) no-repeat 19px center } .side ul li .side4 { background:url(../images/sider3.png) no-repeat 18px center } .side ul li .side5 { background:url(../images/sider4.png) no-repeat 18px center } .side ul li .side6 { background:url(../images/sider5.png) no-repeat 19px center } .side ul li .sidebox img { padding:11px 18px; float:left } .side ul li .sidetop img { padding:15px; float:left } .side ul li .sidetop { width:60px; height:60px; display:inline-block; opacity:.8; filter:Alpha(opacity=80); transition:all .3s; cursor:pointer } .side .sider_2wm { position:absolute; right:60px; top:-180px; display:none } .side .sider_h:hover .sider_2wm { display:block } .sider_left { position:fixed; width:144px; z-index:9999; left:0; top:50%; margin-top:-200px; display:none } .sider_left .sider_lx { width:20px; height:20px; background:url(../images2/sider_lx.png) no-repeat center; position:absolute; top:4px; left:120px; cursor:pointer } .sider_left_mini { width:52px } .sider_left_mini .sider_lx { left:50px; display:none }