﻿@charset "utf-8";
/* CSS Document */

/*common*/
body { min-width: 1200px;    width: 100%;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/

/*节能*/
.jn_bg { background:#f3f3f3; border-bottom:solid 1px #e4e4e4; height:430px;}
.jn01 { padding:79px 0 0; width:830px; overflow:hidden;}
.jn01 ul li { float:left; margin:0 68px 30px 0;}
.jn01 ul li a { background:url(Img/Index/jn_libg01.gif) no-repeat; width:330px; height:120px; display:block;}
.jn01 ul li a { background:url(Img/Index/jn_libg02.gif) no-repeat;}
.jn01 ul li a b { display:block; float:left; width:120px; text-align:center; padding:35px 0 0; line-height:25px; font-size:16px; color:#364655;} 
.jn01 ul li a b { color:#fff;}
.jn01 ul li a b i { font-size:24px;}
.jn01 ul li a span { display:block; padding:35px 0 0; font-size:16px; color:#585858; line-height:30px; text-align:center;}
.jm01 p:hover { padding-left:5px;}
.jm02 p:hover { padding-right:5px;}

.jn02 { background:url(Img/Index/jn_btbg.gif) no-repeat; width:370px; height:370px; overflow:hidden; margin-top:60px;}
.jn02 span a { display:block; font-size:30px; color:#364655; padding:60px 0 0; text-align:center;}
.jn02 span a:hover { color:#63bc12;} 
.jn02 span a b { display:block; font-size:24px; padding-top:10px;}
.jn02 p { display:block; padding:70px 0 0; line-height:30px; color:#364655; font-size:14px; text-align:center;}

/**/
.zx_bg { background:url(Img/Index/zx_bg.gif) no-repeat center 0; height:1020px;}
.zx { width:300px; padding:50px 0 0; overflow:hidden;}

.zx_top { text-align:center; padding:30px 0 60px;}
.zx_top a { font-size:28px; color:#fff; font-weight:bold;}
.zx_top a:hover { color:#63bc12;} 
.zx_top em { display:block; font-family: Arial; text-transform:uppercase; font-size:18px; color:#fff; padding:8px 0 0;}
.zx_con h3 { clear:both; margin-bottom:15px;}
.zx_con h3 a { background:url(Img/Index/zx_libg01.gif) no-repeat; width:260px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; margin:0 auto; display:block;}
/*.zx_con h3 a:hover { background:url(Img/Index/zx_libg02.gif) no-repeat; color:#fff;}*/
.zx_con ul { padding:0 0 0 25px;}
.zx_con ul li { height:40px; line-height:40px; background:url(Img/Index/zx_xx01.gif) repeat-x 0 bottom; float:left; width:130px;}
.zx_con ul li a { font-size:14px; color:#000;}
.zx_con ul li a:hover { color:#63bc12;}
.zx_con ul .nobor01 { background:none; margin-bottom:10px;}

.rx { width:900px; padding:50px 0 0;}
.rx_top { padding-left:48px; height:235px;}
.rx_top ul li { width:190px; float:left;}
.rx_top ul li a { width:190px; height:175px; display:block; color:#fff; font-size:16px; text-align:center; padding:30px 0 0;}
.rx_top ul li a i { display:block; background: url(Img/Index/cp_ico01.png) no-repeat; width:50px; height:50px; margin:0 auto;}
.rx_top ul li a em { display:block; padding:20px 0 0;}
.rx_top ul li a:hover,.rx_top ul .cur a { background:url(Img/Index/cp_libg.png) no-repeat; color:#63bc12;}
.rx_top ul li a:hover i,.rx_top ul .cur a i { background:url(Img/Index/cp_ico02.png) no-repeat;}

.rx_top ul .rx_li02 a i { background: url(Img/Index/cp_ico01.png) no-repeat -220px 0;}
.rx_top ul .rx_li02 a:hover i { background:url(Img/Index/cp_ico02.png) no-repeat -220px 0;}
.rx_top ul .rx_li03 a i { background: url(Img/Index/cp_ico01.png) no-repeat -440px 0;}
.rx_top ul .rx_li03 a:hover i { background:url(Img/Index/cp_ico02.png) no-repeat -440px 0;}
.rx_top ul .rx_li04 a i { background: url(Img/Index/cp_ico01.png) no-repeat -660px 0;}
.rx_top ul .rx_li04 a:hover i { background:url(Img/Index/cp_ico02.png) no-repeat -660px 0;}

.rx_con ul li { float:left; padding:0 0 20px 40px;}
.rx_con ul li a {  width:260px; height:300px; display:block; text-align:center; padding:13px 0 0; font-size:14px; color:#585858;}
.rx_con ul li a img{ border:1px solid #E3E3E3; border-radius:10px; margin-bottom:15px;}
.rx_con ul li a:hover img{ border:1px solid #63bc12;}

/**/
.jm_bg { background:url(Img/Index/jm_bg.jpg) no-repeat center 0; height:640px;}
.jm_top { text-align:center; padding:70px 0 65px;}
.jm_top a { font-size:30px; color:#fff; font-weight: bold;}

.jm01 { float:left; width:333px;}
.jm01 p { height:99px;}
.jm01 p b { display:block; font-size:20px; color:#fff; margin:0 0 10px;}
.jm01 p em { display:block; font-size:15px; color:#fff; line-height:25px;}

.jm02 { text-align:right; float:right;}
.jm02 p em { font-size:12px;}

/*广告*/
.pic01 { background:url(Img/Index/pic01.gif) no-repeat center 0; height:138px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:40px; left:730px; background:url(Img/Index/p_dhbg.gif) no-repeat; width:350px; height:40px; line-height:40px;}
.pic01 p span { display:block; font-size:21px; color:#63bc12; float:left; font-weight:bold; padding:0 60px 0 48px;}
.pic01 p a { display:block; font-size:17px; color:#fff; font-weight:bold;}
.pic02 { background:url(Img/Index/pic02.gif) no-repeat center 0; height:139px;}

/*旭球 —— 定制防爆灯的不二之选*/
.dz_bg { background:url(Img/Index/dz_bg.gif) no-repeat center 0; height:532px;}
.dz_top { text-align:center; padding:58px 0 88px;}
.dz_top a { font-size:30px; color:#364655; font-weight:bold;}
.dz_top a:hover { color:#63bc12;}

.dz_con dl dt { background: url(Img/Index/dz_picbg.gif) no-repeat; width:590px; height:350px; float:left;}
.dz_con dl dt img { display:block; padding:10px 0 0 10px; width:580px; height:340px;} 
.dz_con dl dd { float:left; width:500px; padding:30px 0 0 100px;}
.dz_con dl dd span a { display:block; font-size:24px; color:#63bc12;}
.dz_con dl dd span a b { font-size:30px; display:block; margin:5px 0 30px;}
.dz_con dl dd p { background:url(Img/Index/dz_ico01.gif) no-repeat 0 12px; height:30px; line-height:30px; font-size:15px; color:#585858; padding-left:15px;}
.dz_con dl dd i a {width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; margin:30px 0 0; background:#63bc12; border-radius:10px;}
.dz_con dl dd i a:hover { background:#3f4e5d;}

/**/
.zy_bg { background:url(Img/Index/zy_bg.gif) no-repeat center 0; height:511px;}
.zy01 { width:322px;}
.zy01 span { display:block; padding:70px 0 30px; text-align:center;}
.zy01 span a { font-size:18px; color:#fff;}
.zy01 span a:hover { color:#63bc12;}
.zy01 span a b { display:block; font-size:30px; padding:0 0 15px;}
.zy01 ul li { margin:0 0 10px;}
.zy01 ul li a {width:248px; height:48px; line-height:48px; text-align:center; font-size:16px; color:#585858; display:block; background:#fff; border:solid 1px #2e3c49; border-radius:10px; font-weight:bold; margin:0 auto;}
.zy01 ul li a:hover,.zy01 ul .cur a { background:#63bc12; border:solid 1px #7bda24; color:#fff;}
.zy01 i a {width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; margin:30px auto 0; border:solid 1px #fff; border-radius:10px;}
.zy01 i a:hover { background:#63bc12; border:solid 1px #7bda24;}

.zy02 { margin:80px 0 0 40px; width:810px; position:relative;}
.zy02 i { display:block; position:absolute; top:-28px; left:210px}
.zy02 ul li  { float:left; padding:0 150px 20px 0;}
.zy02 ul .zy_li02 { padding:0 0 20px;}
.zy02 ul li a { display:block; width:280px; height:100px; background:#364655; border-radius:10px; text-align:center; font-size:18px; color:#fff; line-height:30px; padding:30px 50px 0 0;}
.zy02 ul .zy_li02 a { padding:30px 0 0 30px; width:300px;}
.zy02 ul li a:hover,.zy02 ul .cur a { background:#63bc12;  color:#fff; }

.zy03 { background:url(Img/Index/sc_bg11.jpg) no-repeat; width:810px; height:363px; margin:50px 0 0 40px; position:relative;}
.zy03 ul li { position:absolute;}
.zy03 ul li a { display:block; font-size:20px; color:#3a4a58; font-weight:bold;}
.zy03 ul li span { display:block; font-size:14px; color:#585858; padding:25px 0 0; line-height:26px;}
.zy03 ul .yl_li01 { position:absolute; top:20px; left:10px;}
.zy03 ul .yl_li02 { top:10px; right:0; text-align:right;}
.zy03 ul .yl_li03 { position:absolute; top:170px; left:10px;}
.zy03 ul .yl_li04 { top:140px; right:0; text-align:right;}
.zy03 ul .yl_li05 { top:270px; right:0; text-align:right;}

.zy04 { background:url(Img/Index/sc_bg12.jpg) no-repeat; width:809px; height:363px; margin:60px 0 0 40px;}
.zy04 dl dd { float:left; padding:9px 0 0 20px;}
.zy04 dl dd p { background:url(Img/Index/aq_spbg.png) no-repeat; width:280px; height:111px; font-size:15px; color:#fff; line-height:25px; padding:30px 0 0 30px;}
.zy04 dl dd i { display:block; margin:10px 0 0;}
.zy04 dl dt { float:left; padding:0 0 0 10px;}
.zy04 dl dt a img { width:461px; height:320px;}


.zy_cont{ float:left;}

/*贴心售后*/
.sh_bg { background: url(Img/Index/sh_bg.gif) no-repeat center 0; height:370px;}
.sh_bg span { display:block; text-align:center; padding:0 0 40px;}
.sh_bg span a { font-size:30px; color:#fff; font-weight:bold;}
.sh_bg span a:hover { color:#364655;}
.sh_con ul li { float:left; padding-right:32px;}
.sh_con ul li a { background:url(Img/Index/sh_libg.png) no-repeat; display:block; width:275px; height:240px; color:#585858; font-size:12px; text-align:center; line-height:22px;}
.sh_con ul li a i { display:block; background: url(Img/Index/sh_ico01.png) no-repeat; width:110px; height:110px; margin:0 auto 30px; }
.sh_con ul li a b { display:block; font-size:16px; color:#333; margin-bottom:15px;}
.sh_con ul li a em { display:block; width:222px; margin:0 auto; text-align:left;}
.sh_con ul li a:hover i,.sh_con ul .cur a i { background:url(Img/Index/sh_ico02.png) no-repeat;}
.sh_con ul .sh_li02 a i { background:url(Img/Index/sh_ico01.png) no-repeat -310px 0;}
.sh_con ul .sh_li02 a:hover i { background:url(Img/Index/sh_ico02.png) no-repeat -310px 0;}
.sh_con ul .sh_li03 a i { background:url(Img/Index/sh_ico01.png) no-repeat -620px 0;}
.sh_con ul .sh_li03 a:hover i { background:url(Img/Index/sh_ico02.png) no-repeat -620px 0;}
.sh_con ul .sh_li04 { padding:0;}
.sh_con ul .sh_li04 a i { background:url(Img/Index/sh_ico01.png) no-repeat -930px 0;}
.sh_con ul .sh_li04 a:hover i { background:url(Img/Index/sh_ico02.png) no-repeat -930px 0;}


/**/
.xz_bg { background:url(Img/Index/xz_bg.gif) no-repeat center 50px #f3f3f3; height:488px; border-bottom:solid 1px #e3e3e3}
.xz_bg h3 { text-align:center; padding:45px 0 65px 50px;}
.xz_bg h3 a { font-size:30px; color:#364655;}
.xz_bg h3 a:hover { color:#63bc12;}

.xz_ul01 { width:940px; float:left;}
.xz_ul01 li { float:left; width:278px; padding:0 30px 0 0;}
.xz_ul01 .nobor { padding:0;}
.xz_ul01 li i { display:block; width:278px; height:243px; overflow:hidden; border-radius:10px;}
.xz_ul01 li i a img { width:278px; height:243px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.xz_ul01 li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.xz_ul01 li span a { height:60px; line-height:60px; text-align:center; color:#585858; font-size:16px; display:block; overflow:hidden;}

.xz_ul02 { width:260px; overflow:hidden; }
.xz_ul02 li { float:left; margin: 0 0 15px;}
.xz_ul02 .nobor { margin:0;}
.xz_ul02 li a { background:#63bc12; width:260px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; display:block; border-radius:10px;}
.xz_ul02 li a:hover,.xz_ul02 .cur a { background:#364655;}

/*合作伙伴*/
.fc_con { padding:55px 0 50px;}
.fc01 { padding:35px 15px 0 0}
.fc03 { padding:35px 0 0}
.fc01 a { background:url(Img/Index/hz_le01.gif) no-repeat; width:40px; height:40px; display:block;}
.fc01 a:hover { background:url(Img/Index/hz_le02.gif) no-repeat;}
.fc03 a { background:url(Img/Index/hz_ri01.gif) no-repeat; width:40px; height:40px; display:block;}
.fc03 a:hover { background:url(Img/Index/hz_ri02.gif) no-repeat;}

.fc02 { width:1095px;}
.fc02 ul li { float:left; width:200px; padding:0 19px 0 0;}
.fc02 ul li a { background:url(Img/Index/hz_libg01.gif) no-repeat; width:200px; height:108px; display:block; text-align:center; padding:5px 0 0;}
.fc02 ul li img { width:193px; height:102px;}


/*走进旭球防爆*/
.zj_bg { background:#f3f3f3; border-top:solid 1px #e3e3e3; height:1040px;}

.zj_con { padding:78px 0 0; height:475px;}
.zj01 { float:left; background:url(Img/Index/zj_picbg.gif) no-repeat; width:571xp; height:390px;}
.zj01 img { width:559px; height:379px; padding:10px 0 0 10px;}
.zj01 i img { width:535px; height:22px;}

.zj02 { float:left; width:570px; padding-left:58px;}
.zj02 b{  height:52px; line-height:52px; display:block;}
.zj02 b a { font-size:24px; color:#364655;}
.zj02 b a:hover { color:#63bc12;}
.zj02 p { line-height:26px; font-size:14px; color:#585858; overflow:hidden; height:145px;}

.zj_pic ul { width:150px; float:left; }
.zj_pic ul li { margin-bottom:15px;}
.zj_pic ul li a { background:url(Img/Index/zj_libg01.gif) no-repeat; width:150px; height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; display:block; text-align:center;}
.zj_pic ul li a:hover,.zj_pic ul .cur a { background:url(Img/Index/zj_libg02.gif) no-repeat; }
.zj_pic span { display:block; float:left; width:420px;}
.zj_pic span a{ float:left; display:block;}
.zj_pic span a img { width:191px; height:165px; margin-left:15px;}

/*防爆灯百科*/
.wd { width:460px;}
.wd_top { background: url(Img/Index/wd_xx01.gif) no-repeat 0 bottom; height:65px; line-height:40px; margin-bottom:25px;}
.wd_top em { display:block; float:right; padding:2px 0 0;}
.wd_top em a { background:url(Img/Index/dt_more01.gif) no-repeat; width:121px; height:35px; display:block; }
.wd_top em a:hover { background:url(Img/Index/dt_more02.gif) no-repeat;}
.wd_top span { display:block;}
.wd_top span a { font-size:24px; color:#364655; font-weight:bold;}
.wd_top span a:hover { color:#63bc12;}

.wd_con dl { padding:0 0 40px; }
.wd_con dl dt { background: url(Img/Index/wd_w.gif) no-repeat left 2px; height:30px; line-height:30px; padding:0 0 10px 40px; overflow:hidden;}
.wd_con dl dt a { color:#585858; font-size:14px; font-weight:bold;}
.wd_con dl dt a:hover { color:#63bc12;}
.wd_con dd { background:url(Img/Index/wd_d.gif) no-repeat left 4px; width:400px;  line-height:25px; padding-left:40px; font-size:14px;color:#343231; white-space:normal; word-break:normal;}

/*旭球动态*/
.dt { width:670px; padding-left:70px}

.dt_con dl { height:155px; border-bottom:dashed 1px #ddd; margin:0 0 35px;}
.dt_con .nobor { border:none;}
.dt_con dt { float:left; padding-right:20px;}
.dt_con dt a img { width:188px; height:118px; border:solid 1px #e3e3e3}
.dt_con dt a:hover img { border:solid 1px #63bc12}
.dt_con dd { float:left; width:448px}
.dt_con dd b { height:35px; display:block;}
.dt_con dd b a { font-size:15px; color:#585858;}
.dt_con dd b a:hover { color:#63bc12;}
.dt_con dd p { line-height:25px; font-size:14px; color:#686868;}

/*友情链接 */
.yq_bg { background:url(Img/Index/yq_bg.gif) no-repeat center 0; height:80px; overflow:hidden;}
.yq span { display:block; float:left; padding: 31px 100px 0 59px;} 
.yq p { width:860px; float:left; line-height:90px;}
.yq p a { font-size:14px; color:#fff; padding-right:44px;}
.yq p a:hover,.yq p .cur {color:#364655}

