/*基础样式*/ @charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;} article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;} input,select,textarea,button{vertical-align:middle;} body{font-size:14px; font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;} ul,li,ol{list-style-type:none;} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} table,td{ empty-cells:show; border-collapse:collapse;} .clear{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; clear:both;} img{border:none;} html,body{ width:100%; position:relative;} a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;} article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;} a{outline:none; blr:expression(this.onFocus = this.onblur()); text-decoration:none; color:#333;} a:hover{text-decoration:none;} /*基础样式结束*/ /*头部*/ #top{ width:100%; float:left;} #zj{ width:1200px; margin:0px auto; clear:both;} #top_t{ width:100%; float:left; height:40px; background:#999;} #top_tl{ float:left; height:40px; line-height:40px; color:#fff;} #top_tr{ float:right; height:40px; line-height:40px; color:#fff;} #top_k{ width:100%; float:left; padding:30px 0;} #logo{ float:left;} #tel{ float:right; font-size:20px;} #tel span{ color:#0d55b7; font-size:30px; font-weight:bold;} /*头部结束*/ #nav{ width:100%; float:left; height:50px; background:#333; position:relative; z-index:999;} #menu{ width:1200px; margin:0px auto; clear:both;} #menu ul{} #menu li{ width:150px; float:left; height:50px; line-height:50px; text-align:center; font-size:16px;} #menu li a{ color:#fff; display:block;} #menu li a:hover{ color:#fff; background:#0d55b7;} #menu li#bs a{ color:#fff; background:#0d55b7;} #menu ul li ul li { float:none;} #menu ul li ul li a { background:none;} #menu ul li ul {} #menu ul li ul li { margin-left:0px; text-align:center; height:45px; font-weight:normal;line-height:45px; font-size:14px; background:#ccc;} #menu ul li ul li a { background:none; color:#333; height:45px; line-height:45px; margin:0; padding:0;} #menu ul li ul li a:hover { background:#0d55b7; color:#fff;} #menu ul li ul { display:none;} #menu ul li:hover ul { display:block;} #menu ul li.sfhover ul { display:block;} #menu li.bs a{ color:#fff; background:#005fbd;} #menu li ul li #bz{ width:120px; float:left; background:#fff; text-align:left; text-indent:20px;} #banner{ width:100%; float:left; height:600px;} #box{ width:100%; float:left; padding:60px 0;} #chanpin{ width:100%; float:left;} #chanpin_t{ width:100%; float:left;} #chanpin_tz{ width:100%; float:left; text-align:center; font-size:32px; font-weight:bold; color:#0d55b7;} #chanpin_tn{ width:100%; float:left; text-align:center; color:#999; margin-top:5px; text-transform:uppercase;} #about_tz{ width:100%; float:left; text-align:center; font-size:32px; font-weight:bold; color:#fff;} #about_tn{ width:100%; float:left; text-align:center; color:#ccc; margin-top:5px; text-transform:uppercase;} #fenlei{ width:100%; float:left; text-align:center; margin-top:30px;} #fenlei a{ padding:10px 20px; border:1px #ccc solid; margin:0px 5px;} #fenlei a:hover{ background:#0d55b7; color:#fff; border:1px #0d55b7 solid;} #chanpin_n{ width:100%; float:left; margin-top:50px;} #product{ width:280px; float:left; border:1px #ccc solid; height:290px; background:#f1f1f1; margin:15px 9px;} #product a{ width:280px; display:block; height:290px;} #product a:hover{ width:280px; height:290px; background:#0d55b7; color:#fff;} #product_t{ width:100%; float:left; height:220px;} #product_t img{ width:100%; height:220px;} #product_n{ width:260px; float:left; padding:10px;} #product_nt{ width:100%; float:left; color:#666; margin-top:3px;} #product_nt span{ float:right; color:#0d55b7;} #product_nz{ width:100%; float:left; color:#333; font-size:16px; margin-top:3px; font-weight:bold;} #product a:hover #product_nt{ color:#fff;} #product a:hover #product_nz{ color:#fff;} #product a:hover span{ color:#fff;} #product1{ width:248px; float:left; border:1px #ccc solid; height:265px; background:#f1f1f1; margin:0 0 15px 0;} #product1 a{ width:248px; display:block; height:265px;} #product1 a:hover{ width:248px; height:265px; background:#0d55b7; color:#fff;} #product1_t{ width:100%; float:left; height:195px;} #product1_t img{ width:100%; height:195px;} #product1_n{ width:228px; float:left; padding:10px;} #product1_nt{ width:100%; float:left; color:#666; margin-top:3px;} #product1_nt span{ float:right; color:#0d55b7;} #product1_nz{ width:100%; float:left; color:#333; font-size:16px; margin-top:3px; font-weight:bold;} #product1 a:hover #product1_nt{ color:#fff;} #product1 a:hover #product1_nz{ color:#fff;} #product1 a:hover span{ color:#fff;} #datu{ width:100%; float:left; height:198px;} #box1{ width:100%; float:left; padding:60px 0; background:#f1f1f1;} #about{ width:100%; float:left; margin-top:50px;} #about_k{ width:100%; float:left; margin-top:60px;} #about_l{ width:656px; height:383px; float:left;} #about_r{ width:520px; float:right;} #about_rt{ width:100%; float:left; font-size:20px; font-weight:bold; line-height:1;} #about_ry{ width:100%; float:left; color:#666; margin-top:5px;text-transform:uppercase; font-size:12px; font-weight:bold;} #about_rn{ width:100%; float:left; margin-top:10px; line-height:1.9; font-size:14px;} #about_more{ width:135px; height:40px; margin-top:10px; line-height:40px; text-align:center; background:#025bb5; float:left;} #about_more a{ color:#fff;} #about_more a:hover{ color:#fff;} .xia{ width:1200px; float:left; margin-top:50px;} .xia li{ width:275px; height:208px; float:left; margin:0px 12px;} #about_xia{ width:100%; float:left; height:30px; background:url(../images/xxx.png) no-repeat center; margin-top:30px;} #gundong{ width:100%; float:left;} w#news{ width:100%; float:left;} #news_n{ width:100%; float:left; margin-top:30px;} #news_nl{ width:580px; float:left;} #news_nr{ width:580px; float:right;} #xinwen{ width:100%; float:left; margin-bottom:10px; border-bottom:1px #ccc dashed; padding-bottom:10px;} #xinwen_l{ width:80px; height:80px; float:left; border:1px #ccc solid; background:#074fb1; margin-top:6px;} #xinwen_lz{ width:100%; float:left; text-align:center; font-size:25px; font-weight:bold; color:#fff; margin-top:10px;} #xinwen_ld{ width:100%; float:left; text-align:center; color:#f1f1f1; font-size:16px;} #xinwen_r{ width:470px; float:right;} #xinwen_rt{ width:100%; float:left; height:28px; font-size:16px; font-weight:bold; background:url(../images/xia.jpg) no-repeat left bottom;} #xinwen_rt a{ color:#333;} #xinwen_rt a:hover{ color:#0d55b7;} #xinwen_rs{ width:100%; float:left; color:#999; margin-top:3px;} #xinwen_rn{ width:100%; float:left; color:#666; margin-top:2px;} #box2{ width:100%; float:left; padding:60px 0; background:#eff1f6;} #hezuo{ width:100%; float:left;} #hezuo_n{ width:100%; float:left; margin-top:30px;} .container08{ padding:60px 0; background-color:#323233; float:left; width:100%;} .container08 .con01{float:left;width: 570px;border-right:1px #474748 solid;min-height:92px;} .container08 .con02{float:left;width: 405px;border-right:1px #474748 solid;box-sizing:border-box;padding: 30px 0 0 74px;min-height: 120px;} .container08 .con03{ float:left; width:300px; border-right:1px #474748 solid; min-height:92px; box-sizing:border-box; padding:5px 0 0 52px;} .container08 .con04{float:right;width: 222px;min-height:92px;box-sizing:border-box;padding:0 0 0 48px;} .container08 .con01 p{ color:#858687; font-size:12px; text-transform:uppercase; margin-bottom:15px; line-height:26px;} .container08 .con01 ul{ font-size:0} .container08 .con01 ul li{ display:inline-block; margin:0 10px 0 0;} .container08 .con02 ul li{float:left;font-size: 12px;width: 100px;line-height: 26px;} .container08 .con02 ul li a{color: #858687;} .container08 .con02 ul li a:hover{ color:#fff} .container08 .con04 h5{width:178px;height:34px;line-height:34px;color:#fff;background:#0d55b7;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;text-align:center;font-size:14px;font-weight:bold;margin-bottom: 25px;} .container08 .con04 h5 small{ font-size:12px; text-transform:uppercase; font-weight:normal; margin-left:6px;} .container08 .con04 h5 a{ display:block; color:#fff} .container08 .con04 h5:hover{ background:#c92026} .container08 .con04 h6{ text-align:right; font-size:12px; color:#0d55b7; margin-bottom:5px;} .container08 .con04 h3{ text-align:right; font-size:24px; color:#0d55b7; text-transform:uppercase;} .w1200 { width: 1200px; margin: 0 auto;} #foot{ width:100%; float:left; background:#252527;} #foot_l{ width:100%; float:left; color:#858687; height:50px; line-height:50px;} .scrollBox{ width:1200px; padding:10px; position:relative; margin-top:50px;} .scrollBox .piclist{ overflow:hidden; zoom:1;} .scrollBox .ohbox{overflow:hidden; position:relative;width:1110px;left:40px} .scrollBox {position:relative;overflow:hidden;zoom:1;} .scrollBox .piclist li{float:left; display:inline; width:350px; height:120px; background:#fff; border:1px solid #ccc;margin-right:10px;padding:5px;} .scrollBox .piclist li span{} .scrollBox .pageBtn span.prev{ background:url(../images/zuo.jpg) no-repeat; display:block; width:37px;height:59px; position:absolute;top:62px;} .scrollBox .pageBtn span.next{ background:url(../images/you.jpg) no-repeat; display:block; width:37px;height:59px; position:absolute;top:62px; right:0;} .scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; } .scrollBox .pageBtn .list li{ float:left; display:inline; width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden; } .scrollBox .pageBtn .list li.on{background-position:-114px -57px } #xiaotu{ width:100%; float:left; height:156px;} .hhui{ background-color:#f4f4f4;float:left; width:100%; padding-top:1px; height: 1430px; background-image: url(../images/hh.jpg); background-repeat: repeat-x; background-position: center 1px; } .ys2{height: 1430px;background-image: url(../images/cpp.jpg); background-repeat: repeat-x; background-position: center top; } .mid { margin: 0 auto; width: 1200px; } .mt{ position:absolute; font-family:"Microsoft YaHei"; font-size:28px; font-weight:bold; font-style:italic; color:#595757;} .mt1{ margin-top:345px; margin-left:165px;} .mt2{ margin-top:715px; margin-left:630px;} .mt3{ margin-top:1105px; margin-left:165px;} .hong { color: #084fb1; } .at{position:absolute; font-family:"Microsoft YaHei"; font-size:18px; line-height:30px; color:#000000;} .at1{ width:350px; margin-top:465px; margin-left:165px;} .at2{ width:450px; margin-top:815px; margin-left:630px;} .at3{width:450px; margin-top:1225px; margin-left:165px;} .hong{color:#084fb1;} #banner_n{ width:100%; float:left; height:259px;} #left{ width:250px; float:left;} #lanmu{ width:100%; float:left;} #lanmu_t{ width:100%; float:left; height:80px; background:#333;} #lanmu_tz{ width:100%; float:left; text-indent:25px; margin-top:15px; color:#fff; font-size:20px; font-weight:bold;} #lanmu_ty{ width:100%; float:left; margin-top:5px; color:#f1f1f1; text-indent:25px;} #lanmu_n{ width:248px; float:left; border:1px #ccc solid; padding-bottom:5px;} #lanmu_n li{ width:238px; margin-left:5px; float:left; height:45px; line-height:45px; margin-top:5px; background:#f1f1f1; text-indent:25px; font-size:16px;} #lanmu_n li a{ color:#333; display:block;} #lanmu_n li a:hover{ color:#fff; background:#0d55b7;} #lxwm{ width:100%; float:left; margin-top:20px;} #lxwm_t{ width:100%; float:left; border-bottom:1px #ccc solid; font-size:20px; font-weight:bold; line-height:40px;} #lxwm_n{ width:100%; float:left; margin-top:5px; line-height:1.9;} #right{ width:920px; float:right;} #right_t{ width:100%; float:left; height:40px; border-bottom:1px #ccc solid;} #right_tz{ float:left; height:39px; border-bottom:3px #0d55b7 solid; font-size:22px; font-weight:bold; line-height:39px;} #weizhi{ float:right; line-height:40px; color:#666;} #weizhi a{ color:#666;} #weizhi a:hover{ color:#0d55b7;} #abouter{ width:100%; float:left;} #biaoti{ width:100%; float:left; margin-top:10px; text-align:center; font-size:20px; font-weight:bold;} #fabiao{ width:100%; float:left; margin-top:5px; text-align:center; border-bottom:1px #ccc dashed; color:#777; padding-bottom:5px;} #abouter_n{ width:100%; float:left; margin-top:10px; line-height:1.9;} #fenpian{ width:100%; float:left; margin-top:30px;} #l{ width:100%; float:left; height:25px; line-height:25px; color:#333;} #l a{ color:#333;} #l a:hover{ color:#db261f;} #fenye{ width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-top:20px;} #fenye a{ color:#333; margin:0px 5px; padding:5px 8px; border:1px #ccc solid;} #fenye a:hover{ border:1px #db261f solid; background:#db261f; color:#fff;} #newser{ width:100%; float:left; margin-top:10px;} #newser li{ width:100%; float:left; height:40px; line-height:40px; border-bottom:1px #ccc dashed; color:#666; text-align:right;} #newser li a{ margin-left:5px; color:#666; float:left; color:#333;} #newser li a:hover{ color:#db261f;} .n_product_show{ } .n_product_show .up_box .content{ position:relative; background:#f2f4f8; } .n_product_show .up_box .title{ display:block; border-bottom:1px solid #efefef; padding-bottom:30px; text-align:center; font-size:24px; font-weight:bold; color:#333846;} .n_product_show .up_box .text_box{ position:absolute; right:0; top:20px; padding:30px; width:320px; } .n_product_show .up_box .text_box h1{ margin-bottom:15px; font-size:18px; color:#444444; display:block; font-weight:bold;} .n_product_show .up_box .text_box .ar_article{ font-size:12px; height:148px; overflow:hidden; line-height:26px; color:#666; margin-bottom: 25px;} .n_product_show .up_box .text_box .ar_article p{ font-size:12px; line-height:23px; color:#666; margin-bottom: 0px;} .shipin{ width:140px; margin-top:10px; height:35px; background:#0059B4; line-height:35px; text-align:center;} .shipin a{ display:block; color:#fff;} .shipin a:hover{ color:#333; background:#ccc;} .n_product_show .up_box .un{ padding-top:25px; margin-top:5px; border-top:1px dotted #c6c7ca;} .n_product_show .up_box .tel_box{ margin-bottom:15px; background:url(../images/icon_pro_tel.png) left 12px no-repeat; padding-left:15px;} .n_product_show .up_box span{ font-size:12px; color:#4a4957;} .n_product_show .up_box strong{ padding-left:10px; font-size:25px; color:#0059b4;} .n_product_show .up_box .link_box .box{ display:inline-block; } .ewm_box{ cursor:pointer; position:relative;} .ewm_box .ewm{ position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:3;} .ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100); } .n_product_show .un_box{ padding-top:30px;} .n_product_show .un_box .title{ height:30px; line-height:30px;} .n_product_show .un_box .title strong{ background:#0059b4; display:inline-block; font-size:16px; color:#fff; padding:0 15px; } .limian .title{ height:30px; line-height:30px;} .limian .title strong{ background:#0059b4; display:inline-block; font-size:16px; color:#fff; padding:0 15px; } .n_product_show .un_box .title span{ display:inline-block; color:#2d95a2; padding-left:10px; font-size:12px; text-transform:uppercase; font-family: "Arial";} .n_product_show .un_box .pro_ar_box{ margin-bottom:60px;} .n_product_show .un_box .pro_ar_box .content{ border-top:1px solid #dde0e4; padding:40px 0px 20px 0px; } .j_photo{ width:100%; position:relative; margin:0px auto;} .j_photo .big_box{ width:510px; height:510px; position:relative; overflow:hidden;} .j_photo .big_box ul{ position:absolute; left:0; top:0;} .j_photo .big_box ul li{ width:510px; height:510px;} .j_photo .big_box ul li img{width:510px; height:510px;} .j_photo .prev{ float:left; cursor:pointer;} .j_photo .small_box { position:relative; height:100px; width:100%; margin-top:30px;} .j_photo .min_pic{ width: 848px; margin:0 auto; position:relative; height:104px; overflow: hidden;} .j_photo .min_pic ul{position:absolute; left:0; top:0; margin-right:-10px; } .j_photo .min_pic ul li{width:129px; height:104px; position:relative; margin-right:14px; display:inline-block; } .j_photo .min_pic ul li img{ width:104px; height:104px; padding-top: 7px; padding-left:10px; } .j_photo .small_box i{ display:none; height:104px; width:129px; position:absolute; bottom:0; left:0; z-index:9; background:url(../images/mark_j_photle.png) center bottom no-repeat; } .j_photo .min_pic ul li.on i{ display:block;} .j_photo .min_prev{ position:absolute; top:0%; left:0px; cursor:pointer; } .j_photo .min_next{position:absolute; top:0%; right:0px; cursor:pointer; } .j_photo .small_box .tc_bnt{ height:100px; top:5px; width:20px; text-align:center; font-family: "SimSun"; display:block; background:#d2d2d2; font-size:24px; line-height:100px; color:#fff;} .j_photo .small_box .tc_bnt:hover{ background:#0059b4;} .j_photo .big_prev{ position:absolute; top:225px; left:-70px; width:28px; height:51px;z-index:9;cursor:pointer;} .j_photo .big_next{ position:absolute; top:225px; right:-70px; width:28px; height:51px;z-index:9;cursor:pointer;} .j_photo .big_box:hover .big_prev{ left:0px;} .j_photo .big_box:hover .big_next{ right:8px;} .www360buy{ width:100%;} .www360buy .hd{ overflow:hidden; background:url(images/bg.png) 0 -32px #efefef; border-left:1px solid #ddd; } .www360buy .hd li{ position:relative; margin-left:-1px; height:37px; line-height:37px; text-align:center; width:177px; float:left; border:1px solid #ddd; border-top:0; font:normal 14px/37px "Microsoft YaHei"; _font-weight:bold; cursor:default; } .www360buy .hd li.on{ width:176px; background:#0059b4; border-bottom:1px solid #fff; color:#fff; } .www360buy .bd{ border:1px solid #ddd; border-top:0; padding:10px;} .www360buy .lh{ overflow:hidden; line-height:1.9;} .www360buy .lh li{ width:156px; padding:0 10px; float:left;} .www360buy .lh li .p-img{ width:130px; height:132px; padding:30px 13px 0 13px; margin:0 auto; text-align:center; } .www360buy .lh li .p-name{ height:36px; line-height:18px; word-break:break-all; word-wrap: break-word; overflow:hidden; } .www360buy .lh li .p-price{ color:#999; } .www360buy .lh li .p-price strong{ color:#c00; font-size:14px; font-family: verdana; } #xgcp{ width:100%; float:left; margin-top:20px;} #xgcp_n{ float:left; width:100%; margin-top:10px;} #cpzs{ width:}