@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 { 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%; background:#000; height:100px; background: rgba(0,0,0,0.8); position: fixed; z-index:9999;}
.zj{ width:1200px; margin:0px auto; clear:both;}
.logo{ width:230px; float:left; margin-top:25px;}
.menu{ width:750px; float:right;}
.menu ul{}
.menu li{ width:150px; float:left; height:85px; line-height:1.8; padding-top:15px; font-size:20px; text-align:center; position:relative;}
.menu li a{ color:#fff; display:block;}
.menu li a:hover{ background:url(../images/menu.png) no-repeat bottom center;}

.menu ul li ul li { float:none;}
.menu ul li ul li a { background:none;}
.menu ul li ul { position:absolute;left:0px; top:100px;}
.menu ul li ul li { float:none; width:150px; background: rgba(0,0,0,0.8); height:50px; line-height:50px;font-weight:normal; font-size:14px; padding:0;}
.menu ul li ul li a { background:none; color:#fff;}
.menu ul li ul li a:hover { color:#fff; background: rgba(199,41,46,0.8);}
.menu ul li ul { display:none;}
.menu ul li:hover ul { display:block;}
.menu ul li.sfhover ul { display:block;}

.banner{ width:100%; height:886px; background:#666;}

.bj{ width:100%;}
.box{ width:100%; padding:30px 0; background:#39414c;}
.hezuo{ width:100%;}
.hezuo_t{ width:100%;}
.hezuo_tz{ width:100%; font-size:38px; font-weight:bold; text-align:center; color:#fff; background:url(../images/hezuo.png) no-repeat center;}
.hezuo_ty{ width:100%; font-size:18px; text-align:center; color:#fff; margin-top:15px; text-transform:uppercase;}
.hezuo_k{ width:100%; margin-top:30px;}
#demo { WIDTH: 1200px; OVERFLOW: hidden }
#indemo { WIDTH: 800%; FLOAT: left }
#demo1 { FLOAT: left }
#demo2 { FLOAT: left }
.hz{ width:220px; height:110px; float:left; margin:0px 10px;}

.box1{ width:100%; padding:50px 0;}
.product{ width:100%;}
.product_t{ width:100%;}
.product_tz{ width:100%; font-size:38px; font-weight:bold; text-align:center; color:#333; background:url(../images/hezuo.png) no-repeat center;}
.product_ty{ width:100%; font-size:18px; text-align:center; color:#999; margin-top:15px;}
.product_k{ width:100%; margin-top:40px;}
.product_kl{ width:276px; float:left;}
.column{ width:100%;}
.column_t{ width:100%; height:90px; background:#0064b9;}
.column_tz{ width:100%; text-align:center; color:#fff; font-size:26px; float:left; margin-top:18px;}
.column_ty{ width:100%; text-align:center; color:#fff; font-size:14px;}
.column_n{ width:100%;}
.column_n li{ width:100%; height:105px; background:#3f4752; margin-top:1px; font-size:18px; text-align:center;}
.column_n li a{ color:#fff; display:block; height:105px; padding-top:28px; box-sizing: border-box;}
.column_n li a:hover{ color:#fff; background:#0064b9;}

.contact{ width:100%; margin-top:1px;}
.contact_n{ width:256px; padding:10px; background:#3f4752; color:#fff; line-height:2.1; font-size:14px;}
.contact_n p{ width:100%;}
.lx1{ text-indent:55px; background:url(../images/lx1.png) no-repeat left center;}
.lx2{ text-indent:55px; background:url(../images/lx2.png) no-repeat left center;}
.lx3{ text-indent:35px; background:url(../images/lx3.png) no-repeat left 7px;}
.lx4{ text-indent:35px; background:url(../images/lx4.png) no-repeat left center;}

.nlx1{ text-indent:65px; background:url(../images/nlx1.png) no-repeat left center;}
.nlx2{ text-indent:65px; background:url(../images/nlx2.png) no-repeat left center;}
.nlx3{ text-indent:35px; background:url(../images/nlx3.png) no-repeat left center;}
.nlx4{ text-indent:35px; background:url(../images/nlx4.png) no-repeat left center;}

.product_kr{ width:910px; float:right;}
.pro{ width:274px; height:322px; float:left; margin:0 14px 20px;}
.pro a{ width:274px; height:322px; display:block; color:#333;}
.pro a:hover{ color:#fff; background:#0064b9;}
.pro a:hover .pro_t{ border:1px #0064b9 solid;}
.pro_t{ width:272px; height:272px; border:1px #ccc solid;}
.pro_t img{ width:272px; height:272px;}
.pro_z{ width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;}

.pro1{ width:274px; height:232px; float:left; margin:0 14px 20px;}
.pro1 a{ width:274px; height:232px; display:block; color:#333;}
.pro1 a:hover{ color:#fff; background:#0064b9;}
.pro1 a:hover .pro_t{ border:1px #0064b9 solid;}
.pro1_t{ width:272px; height:180px; border:1px #ccc solid;}
.pro1_t img{ width:272px; height:180px;}
.pro1_z{ width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;}

.box2{ width:100%; background:#f1f1f1; padding:80px 0;}
.box3{ width:100%; padding:80px 0;}
.about{ width:100%;}
.about_k{ width:100%; margin-top:40px;}
.about_l{ width:640px; float:left;}
.about_lt{ width:100%; font-size:26px; font-weight:bold; color:#333; line-height:1;}
.about_lt span{ font-size:14px; color:#999; font-weight:normal;}
.about_ln{ width:100%; margin-top:10px; color:#333; line-height:1.9; font-size:16px;}
.about_s{ width:100%; margin-top:15px;}
.about_sl{ width:212px; float:left;}
.about_st{ width:100%; text-align:center;}
.about_st span{ font-size:70px; margin-right:5px; color:#0064b9;}
.about_sn{ width:100%; text-align:center;}
.about_r{ width:480px; height:350px; float:right;}

.youshi{ width:100%; padding-top:60px; background:url(../images/youshi.jpg) no-repeat center; background-attachment:fixed; background-size:auto 100%; height:750px; position:relative;}
.youshi_t{ width:100%; position:relative; top:60px;}
.youshi_tz{ width:100%; font-size:36px; font-weight:bold; color:#fff; text-align:center;}
.youshi_ty{ width:100%; text-align:center; color:#fff; margin-top:5px;}
.youshi_k{ width:1200px; height:530px; position:absolute; top:220px;}
.ys{ width:219px; padding:0 40px; float:left; height:530px; border-right:1px #4481b7 solid;}
.ys1{ width:219px; padding:0 40px; float:left; height:530px;}
.ys_t{ width:100%; margin-top:80px;}
.ys_tp{ width:89px; height:89px; margin:0px auto; clear:both;}
.ys_z{ width:100%; font-size:20px; color:#fff; text-align:center; margin-top:35px;}
.ys_n{ width:100%; font-size:16px; color:#fff; text-align:center; margin-top:10px; line-height:2.2;}
.ysbj1{ background:url(../images/ys1.png) no-repeat;}
.ysbj2{ background:url(../images/ys2.png) no-repeat;}
.ysbj3{ background:url(../images/ys3.png) no-repeat;}
.ysbj4{ background:url(../images/ys4.png) no-repeat;}

.news{ width:100%; padding:50px 0;}
.news_k{ width:100%; margin-top:40px;}
.xinwen{ width:585px; float:left;}
.xinwen1{ width:585px; float:right;}
.xinwen_t{ width:100%; height:60px; background:#0064b9;}
.xinwen_tl{ float:left; margin-left:20px; font-weight:bold; color:#fff; font-size:16px; line-height:60px;}
.xinwen_tr{ width:28px; height:28px; margin-top:16px; margin-right:20px; background:#fff; border-radius:50%; float:right; text-align:center; line-height:28px; font-size:34px;}
.xinwen_tr a{ line-height:23px; display: block;}
.xinwen_s{ width:100%; margin-top:20px;}
.xinwen_sl{ width:230px; height:150px; float:left;}
.xinwen_sl img{ width:230px; height:150px;}
.xinwen_sr{ width:325px; float:right;}
.xinwen_srt{ width:100%; margin-top:15px; font-weight:bold; font-size:18px;}
.xinwen_srt a{ color:#333;}
.xinwen_srt a:hover{ color:#ff0000;}
.xinwen_srn{ width:100%; margin-top:15px; line-height:1.9; color:#333; text-indent:20px;}
.xinwen_n{ width:100%; margin-top:15px;}
.xinwen_n li{ width:100%; font-size:14px; height:35px; line-height:35px; text-align:right; color:#999;}
.xinwen_n li a{font-size:15px; color:#333; float:left;}
.xinwen_n li a:hover{ color:#ff0000;}

.foot{ width:100%;}
.foot_t{ width:100%; padding:70px 0; background:#1e1e1e;}
.foot_l{ width:670px; float:left;}
.kslj{ width:150px; margin-right:39px; float:left;}
.kslj_t{ width:100%; color:#fff; font-size:15px; font-weight:bold;}
.kslj_n{ width:100%; margin-top:10px;}
.kslj_n li{ width:100%; line-height:30px;}
.kslj_n li a{ color:#afafaf;}
.kslj_n li a:hover{ color:#fff;}
.foot_r{ float:right;}
.foot_con{ width:100%;}
.foot_con_t{ color:#fff; font-size:24px; font-weight:bold;}
.foot_con_n{ color:#afafaf; margin-top:5px; font-size:15px; line-height:1.9;}

.foot_b{ width:100%; height:60px; background:#000;}
.foot_bz{ width:100%; color:#fff; text-align:center; line-height:60px;}

.banner_n{ width:100%; height:400px;}
.left{ width:276px; float:left;}
.right{ width:910px; float:right;}
.right_t{ width:100%; height:45px; border-bottom:1px #ccc solid;}
.right_tl{ float:left; line-height: 44px; height:44px; border-bottom:3px #0064b9 solid; font-size:24px; font-weight:bold;}
.weizhi{ float:right; line-height:45px; color:#666;}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#ff0000;}
.right_n{ width:100%; margin-top:10px; color:#333; line-height:1.9;}
.biaoti{ width:100%; text-align:center; font-size:20px; font-weight:bold;}
.fabiao{ width:100%; text-align:center; margin-top:5px; border-bottom:1px #ccc dashed; padding-bottom:5px;}
.content{ width:100%; margin-top:10px; font-size:16px; line-height:1.9;}
.content p{ font-size:28px;}
.fenpian{ width:100%; margin-top:30px;}
.fenpian_l{ width:100%; height:25px; line-height:25px; color:#333;}
.fenpian_l a{ color:#333;}
.fenpian_l a:hover{ color:#ff0000;}

.fenye{ width:100%; margin-top:30px; text-align:center; height:30px; line-height:30px;}
.fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
.fenye a:hover{ color:#fff; background:#0064b9;}

.newser{ width:100%;}
.newser li{ width:100%; border-bottom:1px #ccc dashed; margin-bottom:10px; padding-bottom:10px;}
.newser_t{ width:100%; height:30px; line-height:30px;}
.newser_tz{ float:left; font-size:16px; font-weight:bold;}
.newser_tz a{ color:#333;}
.newser_tz a:hover{ color:#ff0000;}
.newser_sj{ float:right; color:#999;}
.newser_n{ width:100%; color:#666;}

.banner_t{ width:100%; margin-top:190px; float:left;}
.banner_tz{ width:100%; font-size:40px; color:#fff; text-align:center;}
.banner_ty{ width:100%; font-size:30px; color:#fff; text-align:center;}

.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:136px;  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:136px; position:relative;   margin-right:14px; display:inline-block; }

.j_photo .min_pic ul li img{ width:129px; height:129px; padding-top: 7px;}

.j_photo .small_box i{ display:none; height:136px; 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:132px; top:5px; width:20px; text-align:center; font-family: "SimSun"; display:block; background:#d2d2d2; font-size:24px; line-height:132px; color:#fff;}

.j_photo .small_box .tc_bnt:hover{ background:#df0707;}

.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;}

.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:#df0707;}

.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); }
.www360buy{ width:100%; margin-top:50px; float:left;}
.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; }