body { background:url(../images/bg_02.jpg) top repeat-x; margin:0px; padding:0px; font-size:12px; font-family:微软雅黑;} img,li,p,ul,h1,h2,h3,h4,dl,dd,dt,ol{ border:0px; padding:0px; margin:0px;} a{ text-decoration:none;} a:hover{ text-decoration:underline;} .HeadBar,.NavBar,.BannerBar,.MainBar,.FooterCon,.NeiBanner,.IndexProType{ width:1020px; margin:0 auto;} .HeadBar{ height:165px; position:relative; z-index:999999;} /*.HeadBar h1{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}*/ .Language{ width:950px; height:35px; list-style:none;} .Language ul{ list-style:none;} .Language li{ float:right; margin-top:7px; padding-left:15px; background:url(../images/icon2.jpg) no-repeat left center; width:65px;} .Language li a{ color:#c0e8c3;} .LogoBar{ width:537px; height:85px; float:left; position:relative; margin-top: 35px;} .LogoBar p{ font:23px "微软雅黑"; font-weight:bold; position:absolute; top:5px; right:30px; letter-spacing:1px; border-left:2px solid #ccc; padding-left:20px;} .LogoBar h2{ font:23px "微软雅黑"; font-weight:bold; position:absolute; top:5px; right:30px; letter-spacing:1px; border-left:2px solid #ccc; padding-left:20px;} .LogoBar .t1{color: #196e88;} .LogoBar .t2{color: #58c2da;} .SearchBar{ width:240px; position:absolute; right:0px; top:10px;} .SearchBar dt{ width:160px; float:left;} .SearchT{ border:solid 1px #15c11a; color:#999999;} .Telico{position:absolute;right:0px;top: 40px;font:20px "微软雅黑";color: #58c2da;} .Telico .t1{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; letter-spacing:1px;} .TopNav {text-align:right;position:absolute;right:0px;bottom: 63px;border-top:1px #ebebeb solid;padding-top:5px;} .TopNav { list-style:none;} .TopNav { float:left; font-size:15px; font-weight:bold; font-family:微软雅黑; margin-left:20px;} .TopNav a{ margin-left: 2px; margin-right: 2px; color: #0a4d81;} .BannerBar{ height:250px;} .index1{background:url(../images/MainBg_36.jpg) top no-repeat #fff; clear:both; height:240px; width:1020px; margin:0 auto;} .index1 .box{ width:240px; height:80px; border:1px #e2e2e2 solid; margin:30px 0 20px 10px; float:left; position:relative;} .index1 .box .img1{ position:absolute; left:10px; top:10px;} .index1 .box .text1{position:absolute; left:80px; top:40px; line-height:16px; color:#999;} .index1 .box2{ width:1020px; height:88px; margin:0 auto; background-image:url(../images/index_15_2_bg.jpg); clear:both;} .index1 .box2 img{ margin:10px;} .index2{width:1020px;height: 690px;margin:0 auto;} .index2 .left{width:240px;height: 653px;border: 1px solid #52c2d6;float:left;} .index2 .right{ float:right; width:750px;} .index2 .left h2{background-color: #0d6f9c;font-size:16px;margin:1px;padding:5px 0 5px 10px;clear:both;color: #ffffff;} .index2 .left h3 a{ color:#fff;} .index2 .left ul{list-style:none;margin:5px 0 5px 0;clear:both;} .index2 .left li{float:left;margin:0 5px 0 10px;border-bottom:1px dashed #ccc;line-height:22px;margin-bottom: 10px;} .index2 .left li a{ color:#666;} .index2 .right .probox{ height:220px; position:relative;} .index2 .right h3{font-size:16px;border-bottom: 3px solid #2eabd8;margin-bottom:10px;padding-bottom:5px;} .index2 .right h3 a{color: #07497d;} .index2 .right .probox ul{ list-style:none;} .index2 .right .probox li{ width:250px; height:180px; float:left;float: left;text-align: center;} .index2 .right .probox li img{ width:240px; height: 150px} .index2 .right .probox li a{ color:#666;line-height: 25px;} .index2 .right .probox .more{ position:absolute; color:#999; right:0px; top:0px;} .index2 .right .probox .more a{ color:#999;} .i_pro_key { position:absolute; right:0px; top:7px;color:#999; } .i_pro_key a { color:#999; } .index3{height: 480px;background:url(../images/index_15_3_bg.jpg)top repeat-x;clear:both;} .index3 .con1{ width:1020px; margin:0 auto; position:relative;} .index3 .con1 .img1{ position:absolute; right:0px; top:-22px;} .index3 .con1 .left{ width:680px; height:307px; background-color:#fff; float:left; margin-top:25px; position:relative; } .index3 .con1 .right{ width:310px; height:307px; float:right; background:url(../images/index_15_3_right_bg.jpg); margin-top:25px; position:relative;} .index3 .con1 h3{ font-size:20px; color:#ff9900; border-bottom:3px solid #ff9900; margin:15px 15px 5px 15px; padding-bottom:5px;} .index3 .con1 .more{ position:absolute; right:15px; top:25px;} .index3 .con1 .more a{ color:#999;} .index3 .con1 .text1{ color:#999; padding-left:15px;} .index3 .con1 .text2{ width:95%; margin:10px auto; color:#666; line-height:20px;} .index3 .con1 .text2 img{ float:left; margin:0 15px 15px 0;} .index3 .con1 .text2 a{ color:#000; text-decoration:underline;} .index3 .con1 .right ul{ list-style:none; margin-top:20px;} .index3 .con1 .right li{ background:url(../images/sanj1.gif) no-repeat left center; border-bottom:1px dotted #ccc; width:82%; margin:0 auto; padding-left:15px; line-height:25px; font-size:13px;} .index3 .con2{ width:1020px; margin:20px auto; height:150px; clear:both;} .index3 .con2 .img1{ width:170px;} .index4{ height:681px; background:url(../images/index_15_4_bg.jpg)top repeat-x; } .index4 .con1{ width:1020px; height:681px; margin:0 auto; background:url(../images/index_15_4_bg1.jpg); position:relative; } .index4 .con1 .text1{ position:absolute; left:80px; top:152px;} .index4 .con1 .text2{ position:absolute; left:80px; top:316px;} .index4 .con1 .text3{ position:absolute; left:80px; top:435px;} .index4 .con1 .text4{ color:#006600; font-weight:bold;} .index4 .con1 h4{ font-size:18px; color:#006600; } .index4 .con1 .img1{ position:absolute; left:1px; top:152px;} .index4 .con1 .img2{ position:absolute; left:1px; top:316px;} .index4 .con1 .img4{ position:absolute; left:1px; top:435px;} .index4 .con1 .img5{ position:absolute; right:200px; top:120px;} .index4 .con1 .img6{ position:absolute; right:0px; top:260px;} .index4 .con1 .img7{ position:absolute; right:144px; top:450px;} .index4 .con1 ul{ list-style:none;} .index4 .con1 li{background:url(../images/sanj1.gif)no-repeat left center; padding-left:15px; line-height:25px; } .index5{ width:1020px; margin:20px auto; height:304px; background:url(../images/index_15_5_bg.jpg)top repeat-x; position:relative; } .index5 .text1{ position:absolute; top:70px; left:20px; color:#fff; list-style:none;} .index5 .text1 ul{} .index5 .text1 li{ float:left; background:url(../images/index_15_5-2.png)no-repeat left center; margin-right:10px; padding-left:20px; } .index5 .more a{color: white;position: absolute;right: 258px;bottom: 210px;} .index5 .more a{color: white;} .index5 .more a:hover,.index5 .more a:visited{color: white;} .index5 .img1{ position:absolute; right:20px; top:15px;} .index5 .con1{ position:absolute; bottom:50px; left:5px;} .index6{ width:1020px; height:220px; margin:0 auto; margin-bottom:20px; } .index6 .con1{ width:328px; height:210px; float:left; border:1px solid #e4e4e4; position:relative; margin-right:15px;} .index6 .con2{ width:326px; height:210px; float:right; border:1px solid #e4e4e4; position:relative;} .index6 h3{ font-size: 20px; color:#003300; position:absolute; left:10px; top:10px;} .index6 h3 a{color:#003300; } .index6 .text1{ color:#999; position:absolute; left:10px; top:35px;} .index6 .img1{ position:absolute; left:10px; top:60px;} .index6 ul{ list-style:none; width:190px; position:absolute; top:60px; right:5px; } .index6 li{background:url(../images/sanj1.gif) no-repeat left center; padding-left:10px; line-height:20px; width:170px; height:23px; overflow:hidden; text-overflow:ellipsis; } .index6 li a{ color:#666;} .index7{ width:1020px; height:345px; margin:0 auto; margin-bottom:20px; } .index7 .con1{ width:340px; height:345px; float:left; border:1px solid #e4e4e4; margin-right:15px;} .index7 .con2{ width:650px; height:345px; float:right; border:1px solid #e4e4e4; position:relative;} .index7 .con11 { height:170px; position:relative; } .index7 h3{ font-size: 20px; color:#003300; } .index7 h3 a{color: #095088;} .index7 .text1{color: #a1c1d0;position:absolute;left:10px;top:35px;} .index7 .text2 { position:absolute; left:10px; top:10px; } .index7 .text3 { position:absolute; left:10px; top:140px; } .index7 .img1{ position:absolute; left:10px; top:60px;} .index7 .con1 ul{ list-style:none; width:200px; position:absolute; top:60px; right:5px; } .index7 .con1 li{background:url(../images/sanj1.gif) no-repeat left center; padding-left:10px; line-height:21px; width:185px; height:23px; overflow:hidden; text-overflow:ellipsis; } .index7 .con1 li a{ color:#666;} .index7 .con2 ul{ list-style:none; width:515px; position:absolute; top:60px; right:5px; } .index7 .con2 li{background:url(../images/sanj1.gif) no-repeat left center; padding-left:10px; line-height:21px; width:42%; height:23px; overflow:hidden; text-overflow:ellipsis; float:right; margin-right:20px;} .index7 .con2 li a{ color:#666;} /*导航.一级菜单*/ #menu{ height:45px; position:relative; clear:both;} #menu ul{ list-style:none;} #menu li{ float:left; width:97px; height:45px; text-align:center; font:14px "微软雅黑"; line-height:45px; _display:inline; font-weight:bolder; background:url(../images/NavBg_31.jpg) right no-repeat;} #menu li span{ padding:0 20px; cursor:pointer; } #menu li a{ color:#004020;} #menu li a:hover,#menu li a.hover,#menu li a.on{ float:left; line-height:45px; height:45px; background:url(../images/NavBg_30.jpg) ; display:block;} #menu li a:hover span,#menu li a.hover span,#menu li a.on span{ float:left; background:url(../images/NavBg_30.jpg); color:#004020; } #menu li a.activeMenu{ background:url(../images/NavBg_30.jpg); color:#004020;} /*导航.二级菜单*/ #menu-popup{ z-index:999999; position:absolute; top:160px !important; color:#5C5C5D;} #menu-popup a:link,#menu-popup a:visited{color:#fff;} #menu-popup .hsabout,#menu-popup .hsnews,#menu-popup .hsproducts,#menu-popup .hsdevelop,#menu-popup .hsservices,#menu-popup .TopNav001,#menu-popup .TopNav002 { width:240px; background-color:#049e09; border:1px solid #80cd85; padding:15px; overflow:hidden;} #menu-popup .hsabout{margin-left:95px; _position:absolute; _top:0; _left:0;} #menu-popup .hsproducts{ margin-left:192px; _position:absolute; top:0; _left:0; _display:inline; } #menu-popup .hsnews{margin-left:289px; _position:absolute; _left:0; } #menu-popup .hsservices{margin-left:386px; _position:absolute; _left:0px; _display:inline; } #menu-popup .hsdevelop{ margin-left:483px; _position:absolute; _left:0; } #menu-popup .TopNav001{margin-left:580px; _position:absolute; _left:0px; _display:inline; } #menu-popup .TopNav002{margin-left:677px; _position:absolute; _left:0px; _display:inline; } #menu-popup .menucon{ line-height:25px;} #menu-popup .menucon img{ float:right; } #menu-popup .menucon a{ margin-right:20px;} #menu-popup .menupro{} #menu-popup .menupro dl{ width:70px; height:100px; float:left; margin-right:5px;} #menu-popup .menupro dd{} #menu-popup .menupro dd img{ width:70px; height:70px;} #menu-popup .menupro dt{ text-align:center;} /*导航.产品（2014416）*/ .MainNav{ height:45px; position:relative; clear:both;} .MainNav ul{ list-style:none;} .MainNav li{ float:left; font-size:13px; line-height:45px; _display:inline; background:url(../images/NavBg_31.jpg) left no-repeat; padding-left:9px; margin-right:9px; display:block;} .MainNav li a{ color:#004020;} .MainNav li a:hover{background:url(../images/NavBg_30.jpg) ;} .MainNav a{ padding-right:13px; font-family:微软雅黑; color:#004020; font-size:13px;} .hb{ display:none;} .img3{ height:25px; padding:15px 5px 0 5px;} .hb2{height:30px; background-color:#d2e0c9; padding:5px;} /*底部*/ .FooterBox{ width:100%; height:203px; background:url(../images/footerBg.jpg) bottom repeat-x #bbe4bc; color:#29422a; line-height:20px; clear:both;} .FooterBox a{color:#003300;} .footer_1,.footer_2{width:1020px; margin:0 auto;} .footer_1{height:110px;} .footer_2{ height:93px; position:relative;} .footer_2 .bdsharebuttonbox { position:absolute; right:200px; bottom:15px;} .footer_2 p{ margin-top:15px;} .footer_2_nav { width:355px; height:28px; background:url(../images/footerimg_107.jpg); right:0px; top:5px; position:absolute; list-style:none; } .footer_2_nav li{ float:left; padding:2px 4px 0 17px;} .footer_2_other{ position:absolute; right:0px; top:30px;} .FooterCon{ width:1020px; height:220px; margin:0 auto; padding:10px; position:relative;} .FooterBox h3{ color:#003300; font-size:16px; line-height:25px;} .FooterContact{ margin:0 40px 0 0; width:220px; position:absolute; right:0px; top:18px;} .FooterPro{float:left; width:720px;} .FooterOther{ float:right; width:320px; position:relative; } .lianzhao{ position:absolute; right:0px; top:5px;} .FooterPro ul{ list-style:none;} .FooterPro li{ position:relative; background:url(../images/sanj1.gif) left no-repeat; text-indent:20px; width:24%; float:left;} .FooterPro a{ color:#29422a;} .FooterNav{ position:absolute; bottom:10px; left:0px; clear:both;} .FooterNav ul{ list-style:none;} .FooterNav li{ float:left; padding:0 5px 0 5px; font-family:微软雅黑; font-weight:bold;} .FooterNav li a{color:#81ce84;} .FooterNav li a{color:#81ce84;} .footer_copy{ width:600px; position:absolute; left:0px; bottom:10px;} .footer_honor{ width:350px; position:absolute; right:0px; bottom:1px;} .tupah{ width:1020px; float:left; clear:both;position:relative;} .tupah .box{ position:relative; overflow:hidden; height:250px; width:1020px; float:left; } .tupah ul{ position:absolute; left:0; top:0; width: 1020px; list-style:none; } .tupah ul li{ float:left; width:1020px;} .zuoyou{ float:right; position:relative; z-index:999;} .zuo{ position: absolute; top:120px; left:0px; z-index:999;} .you{ position: absolute; top:120px; right:0px;z-index:999;} .link{ width:1020px; margin:10px auto; font-size:12px; } .link a{ color:#666; font-style:italic;} .picMarquee-left{ width:1020px; overflow:hidden; position:relative; } .picMarquee-left .hd{height:1px; position:relative; } .picMarquee-left .hd .prev,.picMarquee-left2 .hd .next{ display:block; width:21px; height:68px; overflow:hidden; cursor:pointer; position:absolute; } .picMarquee-left .hd .prev{ background:url("../images/index_15_3_jt_1.png") no-repeat; left:0px; top:35px;} .picMarquee-left .hd .next{ background:url("../images/index_15_3_jt_2.png") no-repeat; right:0px; top:35px;} .picMarquee-left .bd{ padding:0 45px; } .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picMarquee-left .bd ul li .pic img{ width:170px; height:117px; display:block; } .picMarquee-left2{ width:1000px; overflow:hidden; position:relative; } .picMarquee-left2 .hd{height:1px; position:relative; } .picMarquee-left2 .hd .prev,.picMarquee-left .hd .next{ display:block; width:21px; height:68px; overflow:hidden; cursor:pointer; position:absolute; } .picMarquee-left2 .hd .prev{ background:url("../images/index_15_3_jt_1.png") no-repeat; left:0px; top:35px;} .picMarquee-left2 .hd .next{ background:url("../images/index_15_3_jt_2.png") no-repeat; right:0px; top:35px;} .picMarquee-left2 .bd{ padding:0 35px; } .picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left2 .bd ul li{ margin:-8px 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left2 .bd ul li .pic{ text-align:center; } .picMarquee-left2 .bd ul li .pic img{ width:170px; height:117px; display:block; } .picMarquee-left2 .bd ul li .al_tit{text-align: center;padding: 5px;white-space: nowrap;overflow: hidden;width: 160px;} .picMarquee-left2 .bd ul li .al_tit a,.picMarquee-left2 .bd ul li .al_tit a:hover,.picMarquee-left2 .bd ul li .al_tit a:visited{color: #333;} .pfBox { position: fixed; right: 0; top: 50%; margin-top: -144px; opacity: .9 } .pfBg { background: #4c4c4c; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 50px; padding: 5px 0; transition: .2s; position: relative; right: 0; z-index: 999 } .pfBox .hide { right: -50px } .pfBg span { margin: 10px; display: block; cursor: pointer } .pfClose { padding: 12px } .pfClose span { cursor: pointer; display: block; transition: .2s } .pfClose span.on { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .pfBg p a { } .pfBg p a:hover { background: #14634a; border: solid 1px #14634a } .pfBg p { position: absolute; width: 130px; height: 130px; right: -150px; transition: .5s; background: #4c4c4c; color: #fff; line-height: 30px; font-size: 16px; padding: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; top: 30px; z-index: -99 } .pfBg p.show { right: 50px } .g_ft { padding-bottom: 40px; height: 291px; overflow: hidden; background: #004484; background: url(http://www.wjweiping.com/images/f_bg.jpg) repeat-x; } .g_ft .content { height: 262px; } .header, .content, .footer { width: 1200px!important; margin: 0 auto; } .f_nav { height: 65px; overflow: hidden; margin-bottom: 58px; } .f_nav a { font-size: 15px; color: #fff; line-height: 65px; display: block; background: url(http://www.wjweiping.com/images/line9.jpg) no-repeat right center; float: left; padding: 0 53px; } .f_nav a.nobot { background: none; } .g_ft .a0 { width: 280px; float: left; color: #c2c2c2; line-height: 24px; font-size: 14px; } .g_ft .a0 a.f_logo { width: 91px; height: 59px; display: block; margin-bottom: 15px; } .g_ft .a0 a.f_logo img { width: 91px; height: 59px; } .g_ft .a1 { width: 280px; float: left; padding-left: 28px; margin-left: 20px; height: 140px; background: url(http://www.wjweiping.com/images/line8.jpg) no-repeat left 46px; } .g_ft .a1 h3 { height: 38px; margin-bottom: 10px; } h3 { font-size: 20px; } .g_ft .a1 h3 a { color: #fff; font-size: 18px; font-weight: normal; } .g_ft .a1 p { color: #c2c2c2; line-height: 30px; font-size: 14px; } .g_ft .a2 { width: 300px; float: left; padding-left: 41px; height: 140px; background: url(http://www.wjweiping.com/images/line8.jpg) no-repeat left 46px; } .g_ft .a2 p { color: #c2c2c2; line-height: 30px; font-size: 14px; margin-top: 44px; } .g_ft .a2 a { color: #c2c2c2; } .g_ft .a3 { width: 147px; float: left; padding-left: 41px; margin-left: 57px; height: 175px; background: url(http://www.wjweiping.com/images/code_bg.jpg) no-repeat left center; } .g_ft .a3 h3 { height: 38px; margin-bottom: 3px; } .g_ft .a3 h3 a { color: #fff; font-size: 18px; font-weight: normal; line-height: 20px; } .g_ft .a3 a.code { margin: 0 0 0 48px; width: 97px; height: 94px; display: block; overflow: hidden; } .g_ft .a3 a.code img { width: 97px; height: 94px; } .LogoBar a { background: url(/style/images/logo1.jpg) no-repeat; overflow: hidden; text-indent: -99em; display: block; width: 225px; height: 70px; cursor: pointer; float: left; } .imgggg{ border: 2px solid #eee; max-width: 224px!important; margin-top: 15px; } .ppp{ height: 24px; padding-top: 9px; background: #929292; padding-left: 349px; color: #ffffff; } .ppp a{ color: #ffffff; }