@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", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";}
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; text-decoration:none; color:#333;}
a:hover{text-decoration:none;}

/*基础样式结束*/
.zj{ width:1200px; margin:0px auto; clear:both;}
#zj{ width:1200px; margin:0px auto; clear:both;}
.top{ width:100%;}
.top_t{ width:100%; height:40px; background:#efefef;}
.top_tl{ float:left; height:40px; color:#333; line-height:40px;}
.top_k{ width:100%; height:105px;}
.logo{ float:left; margin-top:24px;}
.bz{ float:left; margin-left:70px; margin-top:30px;}
.tel{ float:right; margin-top:30px;}

.nav{ width:100%; height:60px; background:#015196;}
#menu{ width:1200px; margin:0px auto; clear:both; z-index:999999; position:relative;}
#menu ul{}
#menu li{ width:150px; height:60px; float:left; font-size:17px; line-height:60px; text-align:center;}
#menu li a{ display: block; color:#fff;}
#menu li a:hover{ color:#fff; background:#043b6b;}
#menu li#bs a{ color:#fff;}

#menu ul li ul li { float:none;}
#menu ul li ul li a { background:none;}
#menu ul li ul {left:0px;top:48px;}
#menu ul li ul li { float:none; width:150px; background:#f1f1f1;height:40px; line-height:40px;font-weight:normal; font-size:14px;}
#menu ul li ul li a { background:none; color:#333;}
#menu ul li ul li a:hover { color:#fff; background:#16499c;}
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

#banner{ width:100%; height:558px;}

.sousuo{ width:100%; height:45px; background:#f0f0f0;}
.sousuo_l{ float:left; line-height:45px; color:#999;}
.sousuo_l span{ color:#333;}
.sousuo_l a{ color:#999; margin:0px 5px;}
.sousuo_l a:hover{ color:#ff0000;}
.sousuo_r{ float:right;}
.sou{ width:230px; height:33px; margin-top:5px; border:1px #ccc solid; float:left; padding:0; text-indent:10px;}
.suo{ width:50px; height:35px; border:1px #333 solid; float:left; margin-top:5px; background:#333; color:#fff;}

.bj{ width:100%;}
.product{ width:100%; padding:60px 0;}
.product_t{ width:100%;}
.product_tz{ width:100%; font-size:36px; font-weight:bold; text-align:center; background:url(../images/pt.png) no-repeat center;}
.product_ty{ width:100%; text-align:center; color:#666; margin-top:5px;}
.product_bt{ width:100%; margin-top:30px; height:45px; border-bottom:1px #ccc solid;}
.product_btz{ float:left; height:45px; line-height:45px; font-size:24px; font-weight:bold;}
.product_k{ width:100%; margin-top:30px;}
.pro{ width:290px; height:287px; float:left; margin:10px 5px;}
.pro a{ width:290px; height:287px; display:block;}
.pro a:hover{ color:#fff; background:#16499c;}
.pro_t{ width:288px; border:1px #ccc solid; height:216px;}
.pro_t img{ width:100%; height:216px;}
.pro_z{ width:100%; height:70px; line-height:70px; text-align:center; font-size:16px;}

.pro1{ width:296px; height:293px; float:left; margin:10px 5px;}
.pro1 a{ width:296px; height:293px; display:block;}
.pro1 a:hover{ color:#fff; background:#16499c;}
.pro1_t{ width:294px; height:221px; border:1px #ccc solid;}
.pro1_t img{ width:294px; height:221px;}
.pro1_z{ width:100%; height:70px; line-height:70px; text-align:center; font-size:16px;}

.about{ width:100%; height:590px; background:url(../images/about.jpg) no-repeat center; padding:60px 0 0 0;}
.about_t{ width:100%;}
.about_n{ width:756px; margin-top:70px; font-size:16px; line-height:2.2;}

.youshi{ width:100%; 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:60px 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:#015196;}
.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_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;}

.link{ width:100%; background:#f7f7f7; padding:15px 0;}
.link_l{ float:left; width:75px; line-height:30px; color:#333;}
.link_r{ width:1125px; float:right; line-height:30px;}
.link_r a{ color:#333; margin:0px 10px;}
.link_r a:hover{ color:#ff0000;}

.foot{ width:100%; clear:both;}
.foot_t{ width:100%; background:#085698;}
.foot_dh{ width:100%; height:75px; line-height:75px; color:#0563ba; border-bottom:1px #0563ba solid;}
.foot_dh a{ color:#fff; padding:0px 68px;}
.foot_dh a:hover{ color:#fff;}
.foot_k{ width:100%; padding:55px 0;}
.foot_logo{ width:257px; float:left;}
.foot_dz{ width:880px; float:right; color:#fff; line-height:27px;}
.foot span{ margin-left:70px;}
.foot_n{ width:100%; background:#202020; padding:30px 0;}
.foot_nz{ text-align:center; width:100%; color:#959595; line-height:1.9;}

.banner_n{ width:100%; height:375px;}
#bj1{ width:100%; padding:60px 0;}
#left{ width:262px; float:left;}

#right{ width:920px; float:right;}
#right_t{ width:100%; float:left; height:45px; border-bottom:1px #ccc solid;}
#right_tz{ float:left; height:45px; line-height:45px; font-size:20px; font-weight:bold;}
#weizhi{ float:right; line-height:45px; color:#999;}
#weizhi a{ color:#999;}
#weizhi a:hover{ color:#ff0000;}

#right_n{ width:100%; float:left;}
#abouter_n{ width:100%; float:left; margin-top:10px; line-height:2; font-size:16px;}
#producter{ width:100%; float:left; margin-top:5px;}

#fenye{ width:100%; float:left; margin-top:30px; text-align:center;}
#fenye a{ padding:5px 8px; margin:0px 5px; border:1px #ccc solid;}
#fenye a:hover{ border:1px #023793 solid; background:#023793; color:#fff;}

#newser{ width:100%; float:left; margin-top:10px;}
#newser li{ width:100%; float:left; color:#999; height:40px; line-height:40px; border-bottom:1px #ccc dashed; text-align:right;}
#newser li a{ float:left; color:#333;}
#newser li a:hover{ color:#ff0000;}

#biaoti{ width:100%; float:left; font-size:24px; font-weight:bold; margin-top:10px; text-align:center;}
#fabiao{ width:100%; float:left; margin-top:5px; text-align:center; color:#666; border-bottom:1px #ccc dashed; padding-bottom:5px;}

#fenpian{ width:100%; float:left; margin-top:30px;}
#fenpian_l{ width:100%; float:left; height:25px; line-height:25px; color:#333;}
#fenpian_l a{ color:#333;}
#fenpian_l a:hover{ color:#ff0000;}

#lanmu{ width:262px; float:left;}
#lanmu_t{ width:242px; float:left; background:#16499c ;height:105px; padding-left:20px;}
#lanmu_tz{ width:100%; float:left; color:#fff; margin-top:25px; font-size:24px; font-weight:bold;}
#lanmu_ty{ width:100%; float:left; color:#fff; margin-top:5px;}
#lanmu_n{ width:260px; float:left; border-top:1px #e5e5e5 solid; border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;}
#lanmu_n li{ width:100%; float:left; height:50px; line-height:50px; background:url(../images/lm.png) no-repeat 212px center; border-bottom:1px #e5e5e5 solid; text-indent:10px; font-size:14px;overflow:hidden;}
#lanmu_n li a{ color:#333; display:block; overflow:hidden;}
#lanmu_n li a:hover{ color:#fff; background:url(../images/lm.png) no-repeat 212px center #16499c;}

#contact{ width:242px; float:left; background:#16499c; padding:10px;}
#contact_t{ width:100%; float:left; font-size:22px; font-weight:bold; color:#fff; border-bottom:1px #fff solid; line-height:45px;}
#contact_n{ width:100%; float:left; margin-top:5px; color:#fff; line-height:1.9;}


.j_photo{ width:100%;  position:relative; margin:0px auto;}

.j_photo .big_box{ width:510px; height:342px; position:relative;  overflow:hidden;}

.j_photo .big_box ul{ position:absolute; left:0; top:0;}

.j_photo .big_box ul li{ width:510px; height:342px;}

.j_photo .big_box ul li img{width:510px;}

.j_photo .prev{ float:left; cursor:pointer;}

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

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

.j_photo .small_box i{ display:none; height:202px; 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:#16499c;}

.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{ width:100%; clear:both;}

.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; height:30px;overflow:hidden;}

.n_product_show .up_box .text_box .ar_article{ font-size:12px; height:145px; overflow:hidden; line-height:26px; color:#666;}

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

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

.contenter_t{ width:100%; margin-top:60px; clear:both; padding-top:60px; border-bottom:1px #ccc solid; line-height:35px; font-size:24px; font-weight:bold;}
.contenter_n{ width:100%; margin-top:20px; line-height:1.9; font-size:16px;}