*{ margin:0; padding:0; } body{ background:#f2f2f3;font: 12px/1.231 arial,helvetica,clean,sans-serif;} ul{ list-style-type:none; } img{ border:none; } a{ color: #666; text-decoration:none; } a:hover{ text-decoration:underline; } .header, .content, .footer { width: 960px; margin: 0px auto; } .clear{clear:both} .fr {float: right;} .fl {float: left;} /*头部开始*/ .top{ background:url(../images/h_top_bg.jpg) no-repeat center top; height:220px; overflow:hidden; position:relative;} .logo{ overflow:hidden; position:absolute; top:47px; left:13.5%; } .h_top{ height:38px; line-height:38px; color:#6c6c6c; overflow:hidden;} .h_top span{ height:38px; line-height:38px; color:#6e6e6e;} .h_top span a { color:#6e6e6e; line-height:38px; display:inline-block; padding:0 10px;} .h_nr{ height:135px; overflow:hidden;} .h_logo{ width:225px; height:60px; margin:45px 0 0 168px; font:20px "Microsoft Yahei"; font-weight:bold; color:#f40d0d; display:inline;overflow:hidden;} .h_logo i{ font-style:normal; display:block; color:#d8d8d8; *line-height:18px; font-weight:normal;} .h_lx{ width:190px; height:60px; margin:45px 0 0 0; font:14px "Microsoft Yahei"; background:url(../images/lx.png) no-repeat left 2px; padding-left:60px; color:#d8d8d8; overflow:hidden;} .h_lx span{font-size:24px; color:#f40d0d; display:block; font-weight:bold;} .h_nav{height:47px; background:url(../images/nav_bg.jpg) repeat-x center top; overflow:hidden;} .h_nav ul{ height:47px; width:975px; margin:0 auto; overflow:hidden;} .h_nav li { float:left;font:14px "Microsoft Yahei"; height:47px;line-height:47px; background:url(../images/nav_line.gif) no-repeat right center; overflow:hidden; position:relative; margin-left:-1px;} .h_nav ul li a{ display:inline-block; color:#fff; padding: 0;width: 98px;text-align: center;} .h_nav li a:hover , .h_nav .cur a { text-decoration:none; color:#fff; font-weight:bold; background:#c8161d; } .h_nav .nones{ background:none;} /*头部结束*/ /*Banner开始*/ .flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:450px;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} /*Banner结束*/ /********行业需求开始*********/ .xq{ height:525px; overflow:hidden; background:url(../images/xq_bg.jpg) no-repeat center bottom;} .xq h3{color:#e70000; height:97px; background:url(../images/xq1.gif) no-repeat center top; overflow:hidden; font:34px "Microsoft Yahei"; font-weight:bold; text-align:center; padding-left:56px; padding-top:10px;} .xq h3 span{ display:block; font:24px "Microsoft Yahei"; color:#1b1b1b; height:30px; overflow:hidden;} .xq h3 em{ padding:0 10px;} .xq2{ width:485px; height:425px; margin-top:-20px; position:relative; overflow:hidden;} .xq2 h4{ color:#4c4948; height:70px; font:24px "Microsoft Yahei"; background:url(../images/xq3.jpg) no-repeat left 0px; padding-left:105px; padding-top:60px;} .xq2 h4 span{ display:block; font:14px "Microsoft Yahei"; color:#222222; height:24px; overflow:hidden;} .xq2 h4 b{ font-weight:bold; color:#4c4948; padding-right:20px;} .xq2 ul{ height:245px;} .xq2 li{ color:#ffd6d6; width:128px; height:87px; overflow:hidden; background:#db090c; float:left; font:34px "Microsoft Yahei"; padding:35px 0 0 30px;} .xq2 li img{ width:161px; height:245px; } .xq2 li span{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#fff;} .xq2 .li01{ width:161px; height:245px; overflow:hidden; padding:0;} .xq2 .li03{ background:#9f1d22;} .xq2 .li04{ background:#751c20;} .xq2 .li05{ background:#c8161d;} /********行业需求结束*********/ /********时尚实用开始*********/ .fashion{ background:url(../images/fashion_bg.jpg) no-repeat center top; height:567px; overflow:hidden;} .fashion h3{ color:#f21726; height:65px; border-bottom:2px solid #464646; position:relative; background:url(../images/fashion_line.gif) no-repeat left top; font:26px "Microsoft Yahei"; font-weight:bold; padding-top:15px; overflow:hidden; margin-top:40px;} .fashion h3 span{ font-size:20px; font-weight:normal; color:#f21726;} .fashion h3 em{ font-style:normal; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#959595; padding-left:15px;} .fashion h3 i{ display:block; font:12px "Microsoft Yahei"; text-transform:uppercase; color:#878787; font-style:normal; height:20px; overflow:hidden;} .fashion p{ width:244px; overflow:hidden; position:absolute; top:35px; right:0;} .fashion p a{ display:inline-block; margin-right:25px;} .fashion dl{ width:232px; height:332px; float:left; background:#393939; margin-right:10px; margin-top:54px; overflow:hidden;} .fashion .nones{ margin-right:0;} .fashion dt{ width:213px; height:146px; margin:9px 0 0 9px; overflow:hidden;} .fashion dt img{ width:213px; height:146px;} .fashion dd{ font:12px "Microsoft Yahei"; color:#fff; text-align:center; line-height:26px; overflow:hidden; height:130px; margin-top:40px; padding:0 30px;} .fashion dd span{ color:#fff; display:block; width:92px; height:22px; border:1px solid #505050; margin:0 auto; overflow:hidden; line-height:22px; margin-top:30px;} /********时尚实用结束*********/ /********pro 开始*********/ .pro{ height:635px; width:960px; margin:0 auto; overflow:hidden;} .pro h3{ color:#d80c18; height:40px; border-bottom:1px solid #a2a2a2; margin-top:25px; font:24px "Microsoft Yahei"; font-weight:bold; overflow:hidden; background:url(../images/pro_h.gif) no-repeat 6px 2px; padding-left:53px;} .pro h3 i{ font-style:normal; font:18px "Microsoft Yahei"; font-weight:bold; color:#9d9d9d; padding-left:10px; text-transform:uppercase;} .pro h3 span a{ display:inline-block; font:12px "宋体"; color:#959595; height:40px; line-height:40px; overflow:hidden; text-transform:uppercase;} .pro1{ height:690px; width:230px; overflow:hidden; float:left; margin-right:13px; margin-top:38px;} .pro3{ margin-right:0;} .pro1 h4{ height:40px; font:16px "Microsoft Yahei"; font-weight:bold; line-height:40px; overflow:hidden; background:#d80c18;} .pro1 h4 a{ color:#fff;} .pro1 h4 span{ display:inline-block; width:50px; height:40px; float:left; overflow:hidden; margin-right:15px;} .ul01{ width:228px; border-left:1px dashed #e4e4e5; border-right:1px dashed #e4e4e5; height:146px; padding-top:12px; overflow:hidden;} .ul01 li{ height:34px; font:14px "Microsoft Yahei"; line-height:34px; background:url(../images/pro_dot.gif) no-repeat 18px 13px; padding-left:50px;} .ul01 li a{ color:#878787;} .ul02 li{ height:222px; margin-bottom:19px;} .ul02 li img{ width:230px; height:189px;} .ul02 li span{ display:block; height:33px; font:14px "Microsoft Yahei"; text-align:center; line-height:33px; overflow:hidden;} .ul02 li span a{ display:block; background:#373737; color:#fff;} .ul02 li span a:hover{ background:#d0121b;} /********pro 结束*********/ /********tx 开始*********/ .tx{ height:545px; background:#e8e9e9; overflow:hidden;} .tx h3{ color:#ff2121; background:url(../images/tx_h.gif) no-repeat center top; font:34px "Microsoft Yahei"; font-weight:bold; height:113px; overflow:hidden; text-align:center; padding-top:20px;} .tx h3 span { display:block; font-size:20px; color:#4c4948; font-weight:normal;} .tx h3 i{ display:block; font-style:normal; font:22px Arial, Helvetica, sans-serif; font-weight:bold; color:#c8c8c8; text-transform:uppercase;} .tx dl{ width:230px; height:345px; float:left; margin-right:135px; overflow:hidden;} .tx dt{ height:178px;overflow:hidden;} .tx .dl02 dt img{ width:170px; height:151px;} .tx .nones dt img{ width:188px; height:151px; margin-left:20px;} .tx dt img{ height:178px; width:161px; margin-left:30px;} .tx dd{ height:150px; margin-top:15px; overflow:hidden;} .tx dd h4{ color:#2d0a0a; height:32px; font:22px "Microsoft Yahei"; font-weight:bold; overflow:hidden; position:relative;} .tx dd h4 span{ display:block; position:absolute; top:2px; right:0;} .tx dd p{ font:12px "Microsoft Yahei"; line-height:21px; color:#2d0a0a; height:105px; overflow:hidden; margin-top:2px;} .tx .nones{ margin-right:0;} .tx h5{ margin-left:370px;} .tx h5 a{ display:inline-block; margin-right:33px;} /********tx 结束*********/ /***********par 开始**************/ .par{ height:260px; position:relative;width:960px;margin:0 auto} .par h3{ height:61px; font:28px "Microsoft Yahei"; font-weight:bold; background:url(../images/par_h.gif) no-repeat center 25px; text-align:center;} .par h3 a{ color:#d0121b;} .par h3 i{ font-style:normal; font:20px Arial, Helvetica, sans-serif; font-weight:bold; color:#a8a8a8; padding-left:5px;} .par h3 span a{ display:block; font:12px "宋体"; text-transform:uppercase; color:#949494; width:50px; height:15px; position:absolute; top:-4px; left:50%; margin-left:6px;} .par .h1{ width:12px; height:46px; overflow:hidden; position:absolute; top:120px; left:12px;} .par .h2{ width:12px; height:46px; overflow:hidden; position:absolute; top:120px; right:12px;} .par .hzhbs{height:170px; width:930px; background:#6e6e6e; overflow:hidden; padding-left:30px;} .par ul{width:900px;overflow:hidden; } .par li{ width:170px; height:121px; overflow:hidden; float:left; margin-right:10px; margin-top:34px;} .par li img{ width:170px; height:91px;} .par li span a{ display:block; text-align:center; font:12px "Microsoft Yahei"; color:#fff; height:30px; line-height:30px; overflow:hidden;} /***********par 结束**************/ /************wit 开始*************/ .wit{ height:540px; overflow:hidden;width:950px;margin:0 auto;} .wit h3{ height:32px; border-bottom:1px solid #b7b7b8; font:14px "Microsoft Yahei"; line-height:32px; background:url(../images/wit_h.png) no-repeat left 0px; padding-left:28px;font-weight:bold;} .wit h3 a{ color:#fff;} .wit h3 i{ font-style:normal; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#9f9b9a; padding-left:45px;} .wit h3 span a{ display:block; font:12px "宋体"; text-transform:uppercase; line-height:32px; color:#949494; padding-right:10px; overflow:hidden;} .wit dl{ width:315px; height:457px; float:left; margin-right:7px; background:#e6e6e6; margin-top:27px;} .wit dt{ width:220px; height:220px; overflow:hidden; margin:24px 0 0 26px;} .wit dt img{ width:220px; height:220px; border:3px solid #fff; display:block;} .wit dd{ width:257px; height:195px; margin:20px 0 0 26px; overflow:hidden;} .wit dd h4 a{ display:block; height:24px; font:12px "Microsoft Yahei"; overflow:hidden; color:#666; font-weight:bold;} .wit dd span{ color:#d0121b;} .wit dd h4 em{ padding:0 5px;} .wit dd p{ font:12px "Microsoft Yahei"; line-height:24px; height:96px; overflow:hidden; color:#666;} .wit dd em a{ display:block; width:91px; height:23px; background:#9e9e9e; font:12px "Microsoft Yahei"; text-align:center; line-height:23px; color:#fff; overflow:hidden; margin:0 auto; margin-top:26px;} .wit dd em a:hover{ background:#d80c18;} .wit .nones{ margin-right:0;} /************wit 结束*************/ /**********enter 开始*************/ .enter{width:960px;margin:0 auto;height:354px;overflow:hidden;} .about{ width:732px; background:#fff; height:354px; border:1px solid #dadadb; overflow:hidden;} .about h3{ height:32px; font:14px "Microsoft Yahei"; line-height:32px; background:url(../images/about_h.png) no-repeat left 0px; padding-left:20px; font-weight:bold;} .about h3 a{ color:#a6a6a6;} .about h3 i{ font-style:normal; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#9f9b9a; padding-left:45px;} .about h3 span a{ display:block; font:12px "宋体"; text-transform:uppercase; line-height:32px; color:#949494; overflow:hidden; padding-right:10px;} .about dl{ margin:35px 0 0 20px;} .about dt{ background:#151515; border:1px solid #dedede; overflow:hidden; width:306px; height:260px; float:left;} .about dt img{ width:306px; height:203px; margin-top:20px;} .about dd{ width:366px; float:right; margin-right:15px; display:inline; overflow:hidden; height:400px;} .about h4 a{ display:block; height:28px; font:14px "Microsoft Yahei"; font-weight:bold; overflow:hidden; color:#000;} .about dd p{ font:12px "Microsoft Yahei"; line-height:20px; height:80px; overflow:hidden; color:#000;} .about dd em{ height:20px; font:12px "Microsoft Yahei"; display:block; line-height:20px; font-style:normal; overflow:hidden; text-align:right;} .about dd em a{ color:#000;} .about dd p.h1{ display:block;width:18px; height:38px; margin-top:35px; overflow:hidden;} .about dd ul{ margin-left:12px;} .about dd li{ height:137px; float:left; margin-left:20px; display:inline; overflow:hidden; width:133px; margin-top:12px;} .about dd li img{ width:129px; height:88px; border:2px solid #c8c8c8; display:block;} .about dd li span a{ display:block; text-align:center; height:45px; line-height:45px; overflow:hidden;} .honor{ width:225px; height:354px; border:1px solid #dadadb; border-left:0; overflow:hidden; background:#fff;} .honor h3{ height:32px; font:14px "Microsoft Yahei"; overflow:hidden;} .honor h3 i{ font-style:normal; display:inline-block; background:url(../images/h.png) no-repeat left top; width:28px; text-transform:uppercase; height:33px; overflow:hidden; font:26px Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px;line-height:33px; color:#fff; float:left; padding-right:10px;} .honor h3 a{ line-height:32px; color:#000;} .honor h3 span a{display:block; font:12px "宋体"; text-transform:uppercase; line-height:32px; color:#949494; overflow:hidden; padding-right:10px;} .honor ul{ margin:13px 0 0 35px;} .honor li{ width:154px; height:155px; overflow:hidden;text-align:center} .honor li img{ width:125px; } .honor li span a{ display:block; font:12px "Microsoft Yahei"; text-align:center; height:20px; line-height:20px; overflow:hidden; color:#4c4948;} /**********enter 结束*************/ /**********dy1 开始**************/ .dy1{ height:427px; border:1px solid #ececec; background:#fff; overflow:hidden; margin-top:40px;width:960px;margin:40px auto;} .dy{ width:639px; height:427px; overflow:hidden;} .dy h3{ height:32px; font:14px "Microsoft Yahei"; line-height:32px; overflow:hidden;} .dy h3 a{ display:inline-block; width:92px; height:33px; padding-left:25px; color:#221815;} .dy h3 a:hover{ background:url(../images/wit_h.gif) no-repeat center top; color:#a6a6a6; font-weight:bold;} .dy h3 a.cur{ background:url(../images/wit_h.gif) no-repeat center top; color:#a6a6a6; font-weight:bold;} .dy h3 i{ font-style:normal; font:14px Arial, Helvetica, sans-serif; color:#c4c3c3; padding-left:15px;} .dy h3 span a{ display:block; font:12px "宋体"; text-transform:uppercase;line-height:32px; color:#949494; width:40px; overflow:hidden; padding-right:10px;} .dy h3 span a:hover{ background:none; color:#949494; font-weight:normal;} .dy dl{ margin:20px 0 0 18px; height:173px; overflow:hidden;} .dy dt{ overflow:hidden; width:242px; height:173px; float:left;} .dy dt img{ width:240px; height:171px; border:1px solid #dedede;} .dy dd{ width:350px; float:right;overflow:hidden; height:172px; border-bottom:1px dashed #dadada; margin-right:10px;} .dy h4 a{ display:block; height:28px; font:14px "Microsoft Yahei"; font-weight:bold; overflow:hidden; color:#333;} .dy dd p{ font:12px "Microsoft Yahei"; line-height:28px; height:110px; overflow:hidden; color:#444;} .dy dd em{ font:12px "Microsoft Yahei"; text-align:right; font-style:normal; padding-left:275px;} .dy dd em a{ color:#000;} .dy ul{ display:block; margin-top:10px; padding:0 10px 0 20px;} .dy li{ font:12px "Microsoft Yahei"; height:26px; line-height:26px; overflow:hidden; background:url(../images/dy_line.gif) repeat-x center 17px;} .dy li a{ color:#444; background:#fff;} .dy li span{ float:right;background:#fff;} .faq{ width:318px; height:427px;border-left:1px solid #ececec; overflow:hidden; position:relative;} .faq h3{ height:32px; font:14px "Microsoft Yahei"; overflow:hidden;} .faq h3 i{ font-style:normal; display:inline-block; background:url(../images/h.png) no-repeat left top; width:28px; text-transform:uppercase; height:33px; overflow:hidden; font:26px Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px;line-height:33px; color:#fff; float:left; padding-right:10px;} .faq h3 a{ line-height:32px; color:#000;} .faq h3 span a{display:block; font:12px "宋体"; text-transform:uppercase; line-height:32px; color:#949494; overflow:hidden; padding-right:10px;} .faq dl{ width:272px; height:80px; overflow:hidden; border-bottom:1px dashed #dedede; margin:24px 0 0 30px;} .faq dt{ height:30px; font:12px "Microsoft Yahei"; line-height:24px; background:url(../images/q.gif) no-repeat left 2px; padding-left:28px;} .faq dt a{ color:#444;} .faq dd{ font:12px "Microsoft Yahei"; line-height:24px;color:#505050; background:url(../images/a.gif) no-repeat left 2px; padding-left:28px;} .faq .nones{ border-bottom:0;} .faq p{ height:25px; width:77px; overflow:hidden; position:absolute; bottom:12px; right:0;} .faq p a{ display:inline-block; width:25px; height:25px; margin-right:2px; overflow:hidden; background:#d7d7d7;} .faq p a:hover{ background:#d0121b;} /**********dy1 结束**************/ /***********link 开始************/ .link{height:117px; overflow:hidden; margin-top:30px;} .link h4{ height:30px; border-bottom:1px solid #4a4a4a;overflow:hidden;} .link h4 a{font:16px "Microsoft Yahei"; color:#313131; line-height:30px;} .link h4 span a{ font:12px "宋体";color:#313131; line-height:30px; height:30px; overflow:hidden;} .link ul{ line-height:30px; color:#666666; padding-top:5px;} .link ul li{float:left;} .link ul a{ display:inline-block; color:#666666; padding:0 11px;} /***********link 结束************/ /*底部开始*/ .foot{ background:url(../images/footer_bg.gif) no-repeat center bottom; height:305px; overflow:hidden;} .fnav{ font:14px "Microsoft Yahei"; height:52px; line-height:52px; text-align:center; color:#fff; background:#717171; overflow:hidden;} .fnav a{ color:#fff; padding:0 6px;} .f_pic{width:189px; /*height:71px;*/ margin:55px 0 0 100px; display:inline; overflow:hidden;} .f_pic img{/* width:189px; height:71px;*/} .code{width:142px; height:142px; margin:50px 0 0 42px; display:inline; overflow:hidden;} .code img{ width:142px; height:142px;} .f_wz{ line-height:20px; color:#959595; margin:60px 0 0 30px; width:435px; height:140px; display:inline; overflow:hidden; position:relative;} .f_wz a{color:#959595;} .f_wz em{ padding: 0 12px;} .f_wz .f1{ position:absolute; top:100px; left:116px;} .f_wz .f2{ position:absolute; top:91px; left:190px;} /*底部结束*/