﻿@charset "utf-8";
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a { color:#666; text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.content{ width:1006px; margin:0 auto;  }

/*~pro产品~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*产品盒子头部*/

  /*1.产品说明*/
.proBoxHd .info {width: 485px;}
.proBoxHd .info h3 {font-size: 26px; height: 46px; line-height: 46px; font-weight: normal;}
.proBoxHd .info h3 a {display:inline-block; line-height: 46px; text-decoration: none; text-indent:50px;background:url("../images/ld.gif") no-repeat left center;}
.proBoxHd .info h3 span { line-height: 46px; padding-left:20px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.proBoxHd .info p {height: 112px; line-height: 28px; margin: 20px 0 10px 0; font-size: 14px; color: #808080; overflow: hidden;}
  /*2.产品目录*/
.proMenu li {float: left;}
.proMenu li a,
.proMenu .moreBtn {float: left; display: block; height: 44px; line-height: 44px; font-size: 15px; color: #004691; background:url(../images/btnBg1.png) repeat 0 -50px;_background:#fff;_border: 1px solid #00acee;_border-left:0;border-right:0;}
.proMenu li a span,
.proMenu .moreBtn span {float: left; display: block; min-width: 40px; height: 44px; line-height: 44px; padding: 0 14px; text-align:center; border-left: 1px solid #004691; cursor: pointer;}
.proMenu li.first a span {background:url(../images/btnBg1.png) no-repeat 0 0; border-left: none;_background:none;_border-left:1px solid #00ACEE;}
.proMenu li a:hover,
.proMenu li.cur a,
.proMenu .moreBtn:hover {font-weight: bold; _font-weight: normal; color: #fff; background-position: 0 -200px;_background-position:none;_background:#00ACEE;}
.proMenu li.first a:hover span,
.proMenu li.first.cur a span {background-position: 0 -150px;}
.proMenu li.last a:hover span,
.proMenu li.cur.last a span,
.proMenu .moreBtn:hover span {background-position: right -250px;*padding: 0 14px;_background:none;_border-right:1px solid #00ACEE;_padding: 0 13px;}
.proMenu li.last a span,
.proMenu .moreBtn span {background:url(../images/btnBg1.png) no-repeat right -100px;_background:none;_border-right:1px solid #00ACEE;}
/*家电冲压模具目录*/
.proMenuBox {width: 440px; height: 106px; padding: 15px 23px; background: url(../images/proMenuBoxBg.jpg) no-repeat; overflow: hidden;}
.proMenuBox ul {height: 106px; overflow: hidden;}
.proMenuBox li {float: left; display: inline; margin-bottom: 5px;}
.proMenuBox li a {float: left; display: block; font-size: 15px; color: #00acee;}
.proMenuBox li a span {float: left; display: block; height: 32px; line-height: 32px; padding: 0 14px; white-space: nowrap; cursor: pointer;}
.proMenuBox li a:hover {color: #fff; background: #00acee url(../images/btnBg1.png) no-repeat left -300px;}
.proMenuBox li a:hover span {background: url(../images/btnBg1.png) no-repeat right -340px;}

/*3.产品图片*/
.proBoxHd .picBox {width: 502px; height: 305px;}
.proBoxHd .picBox img {display: block; width: 502px;}

/*产品盒子身体*/
.proBoxBd {position: relative; margin-top: 30px; width: 1002px; height: 430px; overflow: hidden; margin-bottom:55px;}
  /*切换控制 绝对定位于proBoxBd*/
.proBoxBd .controlBtn {position: absolute; bottom: 230px; height: 50px;}
.proBoxBd .controlBtn a {position: absolute; top: 0px; display: block; width: 50px; height: 50px; text-indent: -9999px; background: url(../images/icon_control1.png) no-repeat; overflow: hidden;}
.proBoxBd .controlBtn a.prev {background-position: 0 -340px;}
.proBoxBd .controlBtn a.next {background-position: 0 -400px;}
.proBoxBd .btnLeft  a.prev {left:   9px;}
.proBoxBd .btnLeft  a.next {left: 426px;}
.proBoxBd .btnRight a.prev {left: 528px;}
.proBoxBd .btnRight a.next {left: 945px;}
.proBoxBd .controlBtn a.prev:hover {background-position: 0 -460px;}
.proBoxBd .controlBtn a.next:hover {background-position: 0 -520px;}
.proBoxBd .controlList {position: absolute; bottom: 16px; height: 15px; overflow: hidden;}
.proBoxBd ul.ListLeft  {right: 533px;}
.proBoxBd ul.ListRight {right:  15px;}
.proBoxBd .controlList li {float: left; display: inline;}
.proBoxBd .controlList li a {float: left; display: block; width: 15px; height: 15px; margin-right: 6px; background: url(../images/icon_control1.png) no-repeat 0 -280px;}
.proBoxBd .controlList li a:hover,
.proBoxBd .controlList li.current a {background: url(../images/icon_control1.png) no-repeat 0 -310px;}
  /*类别容器*/
.category {width: 100%; overflow: hidden;height:430px;}
    /*1.左边大图*/
.category .bigPic {position: relative; width: 485px;}
.category .bigPic ul{}
.category .bigPic ul li{height:380px;}
.category .bigPic ul li a{ text-decoration:none;}
.category .bigPic img {display: block; width: 483px; height: 378px; border: 1px solid #ddd; border-bottom: none;}
.category .bigPic span {display: block; text-align:center; width: 485px; height: 50px; line-height: 50px; font-size: 18px; color: #555; background: #efefef;}
.category .bigPic span a { text-decoration:none; display: block; width: 280px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.category .bigPic span a:hover {color: #333;}
    /*2.右边详细信息*/
.category .detailed {width: 475px;}
      /*小标题*/
.category h4.subhead {padding-bottom: 14px; margin-bottom: 25px; font-size: 18px; font-weight: normal; color: #14afeb; background: url(../images/textBg1.png) no-repeat left bottom;}
.category h4.subhead em{display: inline-block;height:24px;line-height:24px;overflow:hidden; font-style:normal; padding-left: 36px; background: url(../images/icon_arrow1.png) no-repeat 2px center; _background-position: 2px 0px;_background: url(../images/icon_arrow1.gif) no-repeat 2px 2px; color:#004691;}
      /*1.详细参数*/
.category .detailed .attr {margin-bottom: 50px; overflow: hidden;}
.category .detailed .attr ul { width: 100%; line-height:33px; font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
      /*2.缩略图*/
.detailed .thumb .slide {position: relative; width: 475px;}
.detailed .thumb .control a {position: absolute; top: 45px; display: block; width: 22px; height: 52px; text-indent: -999px; background: url(../images/icon_control1.png) no-repeat; overflow: hidden;}
.detailed .thumb .control a.prev {left:  9px; background-position: 0 0;}
.detailed .thumb .control a.next {right: 9px; background-position: 0 -70px;}
.detailed .thumb .control a.prev:hover {background-position: 0 -140px;}
.detailed .thumb .control a.next:hover {background-position: 0 -210px;}
.detailed .thumbBox {position: relative; width: 379px; height: 170px; margin-left: 46px; overflow: hidden;}
.detailed .thumb ul {position: absolute; width: 10000px; height: 160px;}
.detailed .thumb a{ text-decoration:none;}
.detailed .thumb li {float: left; width: 180px; margin-right: 19px; text-align: center; margin-top:10px;}
.detailed .thumb li img {display: block; width: 178px; height:117px; border: 1px solid #efefef;}
.detailed .thumb li span {display: block; font-size: 14px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:uppercase; height:32px; line-height:32px;}

.detailed .thumb li.on img{border:1px solid #004691;}
.detailed .thumb li.on span{color:#004691;}
/*各板块外部容器*/
.automotiveMold {padding-top: 50px; background-color: #fff;}    /*汽车注塑模具*/
     .buggyMold {padding-top: 43px; background-color: #f7f8f8;} /*童车注塑模具*/
     .otherMold {padding-top: 23px; background-color: #fff;}    /*办公及其他注塑模具*/
.appliancesMold {padding-top: 23px; background-color: #f7f8f8;} /*家电注塑模具*/
 .automotiveDie {padding-top: 50px; background-color: #fff;}    /*汽车冲压模具*/
      .otherDie {padding-top: 43px; background-color: #f7f8f8;height:764px;   margin-bottom: 55px;} /*办公及其他冲压模具*/
 .appliancesDie { background-color: #fff;height:791px;   margin-bottom: 55px;}    /*家电冲压模具*/
  .precisionDie {padding-top: 50px; background-color: #fff;}    /*精密冲压模具*/

/*容器头部大图高度*/
.automotiveMold .proBoxHd .picBox,/*汽车注塑模具*/
.automotiveMold .proBoxHd .picBox img, 
 .automotiveDie .proBoxHd .picBox,/*汽车冲压模具*/
 .automotiveDie .proBoxHd .picBox img, 
  .precisionDie .proBoxHd .picBox,/*精密冲压模具*/
  .precisionDie .proBoxHd .picBox img {height: 250px;}

/*小标题图标*/
.automotiveMold .proBoxHd .info h3 b {background-position: 0 0;}      /*汽车注塑模具*/
     .buggyMold .proBoxHd .info h3 b {background-position: 0 -100px;} /*童车注塑模具*/
     .otherMold .proBoxHd .info h3 b {background-position: 0 -203px;} /*办公及其他注塑模具*/
.appliancesMold .proBoxHd .info h3 b {background-position: 0 -302px;} /*家电注塑模具*/
 .automotiveDie .proBoxHd .info h3 b {background-position: 0 -400px;} /*汽车冲压模具*/
      .otherDie .proBoxHd .info h3 b {background-position: 0 -500px;} /*办公及其他冲压模具*/
 .appliancesDie .proBoxHd .info h3 b {background-position: 0 -600px;} /*家电冲压模具*/
  .precisionDie .proBoxHd .info h3 b {background-position: 0 -700px;} /*家电冲压模具*/
/*小标题英文背景*/
.automotiveMold .info h3 {margin-top: 0;    background-position: 270px    6px;} /*汽车注塑模具*/
     .buggyMold .info h3 {margin-top: 30px; background-position: 270px  -65px;} /*童车注塑模具*/
     .otherMold .info h3 {margin-top: 40px; background-position: 352px -137px;} /*办公及其他注塑模具*/
.appliancesMold .info h3 {margin-top: 46px; background-position: 270px -208px;} /*家电注塑模具*/

 .automotiveDie .info h3 {margin-top: 0;    background-position: 270px -280px;} /*汽车冲压模具*/
      .otherDie .info h3 {margin-top: 8px;  background-position: 355px -351px;} /*办公及其他冲压模具*/
 .appliancesDie .info h3 {margin-top: 8px;  background-position: 269px -422px;} /*家电冲压模具*/
  .precisionDie .info h3 {margin-top: 0;    background-position: 269px -498px;} /*精密冲压模具*/





