@charset "utf-8";
*html{background-image:url(about:blank);background-attachment:fixed;}
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; line-height:20px; color:#333; background:#f8f8f8;}
ul,li,div,p,dl,dt,dd,img,h1,h2,h3,h4,h5,form,blockquote{ margin:0; padding:0;}
img{ border:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#08c; text-decoration:underline;}
ul{ list-style-type:none;}
input,select{ margin:0; padding:0; font-size:12px; font-family:"宋体";}
.ple{ padding-left:5px;}
.pre{ padding-right:5px;}
.line-xuxian{  border-bottom:#bbb 1px dashed;}
.title16{ font-size:16px;}
.hong,.hong a{ color:#bc2f2e;}
.left{ float:left;}.right{ float:right;}
.ico{ background:url(../images/ico.jpg) no-repeat 2px 7px; padding-left:15px;}
.m_t{ margin-top:20px;}.m_t30{ margin-top:30px;}
.d{ border-bottom:#ccc 1px dashed;}
.xian{ border-top:#e3e3e3 1px solid; margin-top:10px;}
.l22{ line-height:22px;}
.fh{ padding-right:15px; font-size:12px; font-weight:normal; color:#4a4949}
.abcd{ border:#ccc 1px solid;}
.padd{ margin-left:16px;}
.sou1{ width:150px; height:15px; line-height:15px;}
.sou2{ width:50px; height:12px; line-height:12px;}
.next{ text-align:center; clear:both; margin-top:15px; line-height:25px; border-top:#ebebeb 1px solid; padding-top:5px;}
.next a{ color:#2b2b2b;}.next a:hover{ color:#f2005b;}
.padd_t{ padding-top:10px;}
.mar{ margin-top:15px;}
table th{ font-weight:normal;}
.f14{ font-size:14px; font-family:"微软雅黑";}
.f16{ font-size:16px; font-family:"微软雅黑"; line-height:25px;}
.f26{ font-family:"微软雅黑"; font-size:26px; line-height:26px;}
.c66{ color:#666;}
.c99{ color:#999;}
.lans{ color:#0d6bab;}
.cler{ clear:both;}

.dm_header{ width:100%; background:url(../images/header_bt.png) repeat-x; left:0; height:32px; margin-top:-1px;  }
.top{ width:1240px; margin:0 auto; height:32px; position:relative;}
.logo{ position:absolute; z-index:999999; top:0; left:50%; margin-left:-47px;}
.bk{ position:absolute; right:220px; line-height:32px; font-size:13px;}
.bk a{ color:#888; display:block; background:url(../images/ico10.jpg) right center no-repeat; padding-right:16px;}
.bk a:hover{ text-decoration:none;}
.sou{ position:absolute; right:0px; top:0;}
.sou .input1{ width:150px; height:32px; line-height:32px; outline:none; background: url(../images/ico2.jpg) #1a1a1a 8px center no-repeat;outline:none; padding-left:30px; color:#888; border:none; font-family:"微软雅黑"; font-size:13px; float:left;}
.sou .input2{ width:26px; height:32px;outline:none; border:none; outline:none;background:url(../images/sou_ico.jpg) no-repeat; cursor:pointer;}
.nav .dh{ background:none;}
.dh{ width:100%; height:108px; z-index:999999;}
.dh_lr{ width:1240px; margin:0 auto; height:56px; }
.dm_main{ width:1240px; margin:0 auto; overflow:hidden;}
.dm_footer{ width:100%; background:url(../images/bottom_bg.jpg) repeat-x;}
.dm_bottom{ width:1240px; margin:0 auto; position:relative; color:#888; height:320px;}
.dm_bottom a{ color:#fff;}
.dm_bottom h4,.dm_bottom h4 a{ font-weight:normal; color:#fff;}
blockquote{ display:none;}
.nav #menu{  width:1240px; height:56px; }
#menu{  width:1240px; height:56px;}
#menu ul{  
  list-style:none;
}  
.nav #menu li{ float:left; font-size:16px; z-index:999; width:14%; background:url(../images/dh_ico.jpg) no-repeat right 24px; line-height:26px;}
#menu li{ float:left; font-size:16px; z-index:999; width:210px; background:url(../images/dh_ico.jpg) no-repeat right 24px; line-height:26px; text-align:center;}
#menu li.k{ text-align:center; margin-right:6%; background:none; }
#menu li.k a{ padding:0;}
#menu li.k a:hover{ background:none;}
#menu li.bg a{color:#333; background:#eee;}
#menu ul ul {  
  visibility:hidden;  
  position:absolute; z-index:9999;
  left:0px;  
  top:57px;  
  
}  
.cfl #menu ul ul {  visibility:hidden; 
  position:absolute; z-index:9999;
  left:0px;  
  top:89px; }
  
.nav #menu ul ul {  visibility:hidden;  
  position:absolute; z-index:9999;
  left:0px;  
  top:57px; }
  
#menu table{  
  position:absolute;  
  left:0;  
  top:0; 
} 
#menu ul li:hover,#menu ul a:hover {

}
#menu ul li:hover ul,#menu ul a:hover ul{   /*控制二级菜单显示*/
  visibility:visible;  
}  
#menu a{
  display: inline-block; width:100%;
  color:#666; line-height:56px;  
}
.nav #menu a{display:inline-block; width:100%;
  color:#666; line-height:56px; padding-top:0;}
  
.nav #menu a:hover{
  text-decoration:none;
  color:#333; background:#eee;
}
#menu a:hover{
  text-decoration:none;
  color:#333; background:#eee;
}
#menu ul ul{ width:100%; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; padding:25px 0;}
#menu ul ul li{ width:1240px; overflow:auto; float:none; padding:0; font-size:12px; margin:0 auto; text-align:left; background:none;}
#menu ul ul li dl{ width:180px; padding-right:10px; float:left; font-size:14px;}
#menu ul ul li dl dt{ padding-bottom:3px;}
#menu ul ul li dl dt a{ color:#333; font-weight:bold;}
#menu ul ul li dl a,#menu ul .bg ul li dl a{ padding-top:0; line-height:26px; background:none;}
#menu ul ul li dl a:hover,#menu ul .bg ul li dl a:hover{ text-decoration:underline;
  color:#bbb; text-decoration:none; background:#f9f8f8;
}

.nav #menu ul ul{ width:100%; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; padding:25px 0;}
.nav #menu ul ul li{ width:1240px;  overflow:auto; float:none; padding:0; font-size:12px; margin:0 auto; text-align:left; background:none;}
.nav #menu ul ul li dl{ width:180px; padding-right:10px; float:left; font-size:14px;}
.nav #menu ul ul li dl dt{ padding-bottom:3px;}
.nav #menu ul ul li dl dt a{ color:#333; font-weight:bold;}
.nav #menu ul ul li dl a,.nav #menu ul .bg ul li dl a{ padding-top:0; line-height:26px; background:none;}
.nav #menu ul ul li dl a:hover,.nav #menu ul .bg ul li dl a:hover{ text-decoration:underline;
  color:#bbb; text-decoration:none; background:#f9f8f8;
}

#ipt{ background:#000; height:28px; width:230px; position:absolute; right:7%; top:14px; border-radius:20px;}
#ipt input{ float:left;}
#ipt .txt{ width:164px; margin:0 12px; height:28px; border:none; background: none; color:#fff; padding:0 8px;}
#ipt .ipt{ margin-top:2.4px; width:23px; height:23px; border:none; border-radius:20px; background:#fff url(../images/ipt.png) no-repeat center center;}

.h_banner{ width:100%; height:1200px;}
.slr{ width:1240px; overflow:auto; margin:14px auto 0; }
.slr li{ width:308px; border:#ebebeb 1px solid; background:#fff; float:left; height:300px; position:relative; text-align:center; padding-top:43px;}
.slr li p{ font-size:16px; font-weight:bold; padding-top:6px;}.slr li p a{ color:#000;}
.slr li .slr_zi{ width:215px; margin:25px auto 0;}
.slr li .buy{ position:absolute; bottom:28px; width:308px; text-align:center; font-size:16px; left:0;}
.gzwm{ position:absolute; top:35px; right:40px;}
.bottom_sou{ padding-top:20px; color:#fff;}
.bottom_sou .input1{ width:170px; height:32px; line-height:32px; outline:none; background: url(../images/ico3.jpg) #404040 8px center no-repeat; padding-left:35px; color:#888; border:none; font-family:"微软雅黑"; font-size:13px; float:left;}
.bottom_sou .input2{ width:25px; height:32px; outline:none; border:none; background:url(../images/sou_ico2.jpg) no-repeat; cursor:pointer;}
.gzwm ul{ padding-top:28px;}
.gzwm ul li{ padding-right:10px; float:left;}
.lxwm{ position:absolute; top:35px; left:68px;}
.bottom_dh a{ background:url(../images/ico4.jpg) no-repeat right center; padding-right:13px;}
.zc{ position:absolute; top:35px; left:280px;}
.bottom_r{ position:absolute; bottom:0; right:0; line-height:62px; text-align:center; width:100%; color:#fff;}
.bottom_r img{ padding-right:2%; vertical-align:sub;}
.gywm{ position:absolute; top:35px; left:480px;}
.gywm .gywm_t{ padding-top:10px;}
.wx{ position:absolute; top:35px; left:688px; color:#fff;}

.l_banner{ width:100%; height:800px;}
.xdh{ width:100%; background:#fff; border-bottom:#ebebeb 1px solid; line-height:48px;}
.mdd{ width:1240px; margin:0 auto; font-size:14px; font-weight:bold;}
.pro_wk{ width:1240px; overflow:hidden;}
.pro{ width:1260px; overflow:hidden; margin-top:15px;}
.pro li{ float:left; width:230px; border:#ebebeb 1px solid; margin-right:20px; height:282px; background:#fff; text-align:center; margin-bottom:18px; padding-top:16px;}.pro li a{ color:#666;}
.pro li h4{ font-weight:normal; padding-top:5px;}
.pro li .ys{ padding-top:10px;}.pro li .ys img{ padding:0 4px;}

.mygs_top{ width:100%; background:url(../images/gs_bg1.jpg) #fff repeat-x left bottom; padding-top:20px; text-align:center;}
.news_tu,.shgy{ width:1240px; overflow:auto; margin:0 auto; padding:25px 0;}
.news_r,.news_r dl{ width:600px; overflow:auto;}
.news_r dl{ margin-bottom:15px;}
.news_r dl dt{ float:left; border:#000 1px solid; padding:1px;}
.news_r dl dd{ float:right; width:480px; line-height:26px; color:#888;}
.news_r dl dd h2{ font-size:20px; font-weight:normal;}.news_r dl dd h2 a{ color:#333;}
.xdh1{ width:100%; background:#f8f8f8; border-bottom:#ebebeb 1px solid;}
.shgy_l{ width:600px; overflow:auto; background:url(../images/gy_bg.jpg) repeat-y 103px 0px;}
.shgy_l dt{ float:left; font-size:14px; font-weight:bold;}
.shgy_l dd{ float:right; width:510px; padding:5px 0; font-size:14px;}
.shgy_l dd p{ padding:5px 0;}
.shgy_r{ border-left:#ebebeb 1px solid; width:600px; padding-left:20px; font-size:14px; line-height:26px;}
.shgy_r span img{ padding-left:20px;}
.shgy_r h3{ padding-bottom:10px; font-size:14px;}
.link{ width:1241px; overflow:auto; margin:0 auto;}
.link dt{ font-size:16px; font-weight:bold; text-align:center; padding:20px 0; width:1240px;}
.link dd{ float:left; margin-bottom:30px; display:inline;-webkit-margin-start:0;}
.link_kk{ width:100%; background:#fff;}
.pro_tu{ width:1240px; margin:0 auto; overflow:auto; padding-top:242px;}
.pro_zi{ width:405px; overflow:auto;}
.xl{ color:#808080; font-size:16px;}
.pro_zi h1{ font-size:25px; line-height:60px; border-bottom:#bbb 1px solid;}
.pzi_lr{ font-size:14px; line-height:25px; color:#333; padding:20px 0;}
.pro_ys{ width:405px; border-bottom:#bbb 1px solid; overflow:auto; padding-bottom:15px;}
.pro_ys li{ float:left; padding-right:12px;}
.buy{ line-height:30px; padding-top:20px;}.buy span{ font-size:16px; padding-right:20px;}
.prox_tu{ width:1080px; margin:0 auto; height:60px; overflow: hidden; padding-left:160px;}
.prox_tu li{ float:left; cursor:pointer;}.prox_tu li img{ border:#fff 1px solid; border-left:#ebebeb 1px solid; border-right:#ebebeb 1px solid;}
.prox_tu li.bkk img{ border:#000 1px solid;}
.pro_lr{ width:1200px; margin:0 auto; padding:20px 0;}
.pro_bg{ width:100%; overflow:auto; height:799px;}
.l_banner2{ width:100%; height:480px;}
.l_lr{ padding-left:10px; padding-top:65px;}
.l_lr dt{ font-size:16px; font-weight:bold; padding-bottom:15px; color:#808080;}
.l_lr dd{ line-height:25px; font-size:14px;}
.l_lr dd a:hover{ text-decoration:none; color:#808080;}
.l_lr dd.bg a{ color:#808080;}
.r_lr{ width:880px; overflow:auto; min-height:500px; height:auto !important; height:500px; padding-bottom:30px;}
.zw{width:880px; overflow:auto; margin-top:50px;}
.zw .hui{ color:#808080;}
.news{ width:880px; overflow:auto; margin-top:50px;}
.news li{ background:url(../images/news_ico.jpg) left center no-repeat; padding-left:20px; line-height:28px;}.news li span{ float:right;}
.news_bt{ text-align:center; font-size:18px; line-height:30px; margin-bottom:30px;}
.vip_tu{ width:100%; background:#1abb9b; text-align:center;}
.l_banner3{ width:100%; height:640px;}
.qio{ width:100%; background:#fff;}
.vip_bottom{ width:1020px; margin:0 auto; background:url(../images/qio_bg.jpg) no-repeat left bottom; height:300px; padding-left:220px;}
.vip_bottom h3{ font-size:16px; color:#808080; margin-bottom:10px; padding-top:20px;}
.jf{ background:url(../images/ico6.jpg) #eee 20px center no-repeat; line-height:55px; width:500px; padding-left:60px;}

.table1 td{ padding-left:40px; font-size:14px;}
.table1 .input1{ border:#000 1px solid; margin-top:5px; line-height:22px; width:200px; padding-left:5px; font-family:"微软雅黑";}
.table1 textarea{ width:640px; border:#000 1px solid; height:100px; overflow:hidden; margin-top:5px; font-family:"微软雅黑";}
.table1 .input2{  width:100px; height:33px; cursor:pointer; margin-left:260px;}

.bk ul {   /*设置默认下拉二级菜单为隐藏*/
  visibility:hidden;  
  position:absolute; z-index:9999999;
  left:-5px;  
  top:32px;    /*定位下拉二级菜单，参考一级菜单的高度和边框*/
  
  /*设置透明度，兼容IE、火狐
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;*/
  
}  
.bk table{  
  position:absolute;  
  left:0;  
  top:0; 
} 
.bk:hover,.bk a:hover {

}
.bk:hover ul,.bk a:hover ul{   /*控制二级菜单显示*/
  visibility:visible;  
}  
.bk ul li a{
  display:block; background:#000; color:#fff; padding-left:5px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; width:40px;
}

.bk a:hover{
  text-decoration:none;
}
.bk1 ul {   /*设置默认下拉二级菜单为隐藏*/
  visibility:hidden;  
  position:absolute; z-index:9999999;
  left:-5px;  
  top:-40px;    /*定位下拉二级菜单，参考一级菜单的高度和边框*/
  
  /*设置透明度，兼容IE、火狐
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;*/
  
}  
.bk1 table{  
  position:absolute;  
  left:0;  
  top:0; 
} 
.bk1:hover,.bk a:hover {

}
.bk1:hover ul,.bk a:hover ul{   /*控制二级菜单显示*/
  visibility:visible;  
}  
.bk1 ul li{}
.top .lg{ display:none;}

#focus{ display:none;}

  
@media only screen and (max-width: 479px) {
      .site-footer{ margin-top:60px;}
 .dm_header{ top:-2px;}
 .dh_wk{ top:31px;}
 .top { width:100%; border:none; }
 .top .lg{ display: block; position: absolute; left:1%; top:8px;  z-index:999999; }

 .dm_main{ width:100%; margin-top:28%;}
 .l_lr{ width:96%; margin:2%;}
 .l_lr dd{ float:left; width:32%; margin:0 0.6% 1.2%; }
 .left{ float:none;}
 .right{ float:none;}
 .r_lr{  width:96%; margin:2%;}
 .dm_bottom{ width:100%; height:220px; } 
 .lxwm{ left:18px; top:8px;}
 .gywm{ left:138px; top:8px;}
 .zc{top:8px;}
 .wx{ top:180px; left:18px; display:none;}
 .gzwm{ top:180px; width:180px; display:none;}
 .padd_t{ padding:0;}
 
 .bottom_r{  border-top:1px solid #333; display:none; }
 .dm_footer{ background:#000;}
 #menu{ width:100%; }
 #menu .lgo{ display:none;}
 #menu li{ width:7.7%;}
 #menu ul{ margin-left:-24px;}
 #menu ul ul{ margin:0;}
 #menu ul ul li{ width:100%;}
 #menu ul ul li dl{ width:30%; }
 #menu ul ul li a{ display:block; padding-left:12%; }
 .ipt_fom{ display:none;}
 #menu .k{ display: none;}
  
 .news{ width:98%; padding:1%;}
 .news dl{ padding:2% 1%; height:62px; overflow:hidden;}
 .news dt img{ width:100%;}
 .news dd h1{ font-size:14px; padding:0;}
 .news dd p{ line-height:22px; height:48px; overflow: hidden;}
 
 .pro_wk{ width:100%; }
 .pro{ width:98%; margin:22% 1% 1%;}
 .pro li{ width:31.7%; margin:0 0.5% 1%; height:auto; height:200px; overflow:hidden;}
 .pro li img{ width:100%;}
 .slr{ width:98%; margin:1%; }
 .slr li{ width:49.288%; position:relative; height:168px; padding-top:8px;}
 .slr li img{ width: 28%;}
 .slr li p{ font-size:14px; padding:0;}
 .slr li .slr_zi{ width:98%; margin:0 1%; line-height:18px;}
 .slr li .buy{ width:100%; bottom:6px;}
 .slr li .buy img{ width: auto;}
 .pro_tu{ width:98%; margin:0 1%;}
 .prod_tu{ width:98%; margin:0 1%; }
 .pro_tu #bImag{ width:100%; height:auto;}
 .pro_zi{ width:100%; margin-top:80px;  }
 .pro_zi .xl{ font-size:14px;}
 .pro_zi h1{ font-size:18px;}
 .buy span{  display: block;}
 .prox_tu{ width:88%; padding-left:6%;}
 .prox_tu ul li{ width:24%;}
 .prox_tu ul li img{ width:100%;}
 .pzi_lr{ padding:10px 0;}
 .buy{ padding:0;  }
 .xdh{ top:520px; position:absolute; width:100%;}
 .fwm_head .keywords_hy{ width:48%;}

.nav #menu{ width:77%; }
.nav #menu .lgo{ display:none;}
.nav #menu li{ width:10%;}
.nav #menu ul{ margin-left:-24px;}
.nav #menu ul ul{ margin:0;}
.nav #menu ul ul li{ width:100%;}
.nav #menu ul ul li dl{ width:30%;}
  
  
  }
  
 
@media screen and (min-width: 960px) and (max-width: 1199px) {
.nav #menu li{ width:10%;}
.slr{ width:100%;}
 .slr li{ width:24.8%;}
 .slr li .buy{ width:100%;}
 .dm_bottom{ width:100%;}
 .wx{ display:none;}
 #page5{ margin-top:20px;}
  }