/*产品展示*/

.index-title strong{display: block; font-size: 35px; line-height: 28px; color: #333333; margin-bottom: 10px}
.index-title h2{display: block; font-size: 16px;  line-height: 14px; color: #999999; text-transform: uppercase; height: 35px; position: relative;}

.product{margin-bottom: 10px;}
.pro-btn ul{text-align: center;}
.pro-btn ul li{display: inline-block; font-size:16px; line-height: 39px; color: #666666; width:97px; margin-left:25px; margin-right:25px; position: relative; cursor: pointer;}
.pro-btn ul li:before,.pro-btn ul li:after{position: absolute; content: ''; background: #fff; width: 16px; height: 1px; top: 19px; opacity: 0}
.pro-btn ul li:before{left: 33px;}
.pro-btn ul li:after{right: 33px;}
.pro-btn ul li.on { color: #002f87; font-weight:bold; border-bottom:#002f87 2PX solid;}
.pro-btn ul li.on:before,.pro-btn ul li.on:after{opacity: 1}
.pro-btn ul li:hover { color: #002f87; font-weight:bold; border-bottom:#002f87 2PX solid;}
.pro-btn ul li:hover:before,.pro-btn ul li:hover:after{opacity: 1}
.product-list{overflow: hidden;}
.product-list ul{ overflow:hidden; width:1200px;}
.ffwef{float:left; width:530px;}
.jhhht{float:right; width:650px; margin-left:20px;}
.dqdq{line-height:32px; font-size:16px;}
.wedqdimgas{ margin-top:40px; margin-left:20px}

.product-list ul li{float: left; width:286px; margin-right: 18px;  position: relative;}
.product-list ul li .pic{width: 284px; height: 216px; overflow: hidden; border: solid 1px #d9d9d9; margin-bottom: 2px;}
.product-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li h3{display: block; ; font-size: 14px; line-height: 40px; color: #666666; text-align: center; background: #e6e6e6;}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #023793;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.product-list ul li:hover .hvr-shutter-out-horizontal,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active {
  color: white;
}
.product-list ul li:hover .hvr-shutter-out-horizontal:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




/* CSS Document */
/*关于绍兴卫邦*/
.about11 {margin-bottom: 70px; background:#fbfbfb;}
.about11 .info{width: 1200px; margin-top: 19px;}
.about11 .info h3{display: block; font-size: 20px; line-height: 20px; color: #333333; height: 49px; position: relative; margin-bottom: 20px;}
.about11 .info h3:after{position: absolute; content: ''; width: 40px; height: 3px; background: #0a9400; bottom: 0; left: 0;}
.about11 .info p{display: block; font-size: 14px; line-height: 28px; color: #737373; text-align: justify; margin-bottom: 40px;}
.about11 .info ul li{float: left; padding: 30px 0 13px; width: 256px; margin: 21px; border-radius: 4px;}
.about11 .info ul li .icon{width: 39px; height: 36px; background-position: top center; overflow: hidden; margin: 0 auto;}
.about11 .info ul li .icon1{background: url(../images/about-icon1.png) no-repeat; padding-left:10%; display:block;}
.about11 .info ul li .icon2{background: url(../images/about-icon2.png) no-repeat; padding-left:10%; display:block;}
.about11 .info ul li .icon3{background: url(../images/about-icon3.png) no-repeat; padding-left:10%; display:block;}
.about11 .info ul li .icon4{background: url(../images/about-icon4.png) no-repeat; padding-left:10%; display:block;}
.about11 .info ul li em{display: block; font-size: 18px; line-height: 49px; font-family:'微软雅黑'; font-weight:bold; color: #000000; text-align: center;}
.about11 .info ul li:hover{border-color: #51000f; background: #ffffff;   filter:progid:DXImageTransform.Microsoft.Shadow(color=#f1f1f1,direction=300 strength=1);/*ie*/
    -moz-box-shadow: 0px 0px 2px #f1f1f1;/*firefox*/
    -webkit-box-shadow: 0px 0px 20px #f1f1f1;/*safari或chrome*/}
.about11 .info ul li:hover .icon{background-position: bottom center;-ms-transition-duration: 0.2s; transition-duration: 0.2s;}
.about11 .info ul li:hover em{color: #51000f;}
.about11 .pic{background: url(../images/about-pic.png) no-repeat center top; width: 310px; height: 390px; padding-left: 160px; padding-top: 30px;}
.about11 .pic strong{display: block; font-size: 16px; line-height: 16px; margin-bottom: 3px;}
.about11 .pic span{display: block; font-size: 14px; }




/*产品专区*/
.product{margin-top:0px;}
.pro-left{width:250px; background: #232323;}
.pro-left .column{ background: #7E5E00;height:97px;text-align: center;}
.pro-left .column span,.pro-left .column em{display: block;color:#fff}
.pro-left .column span{font-size:22px;line-height:22px;font-weight:bold;padding-top:25px;}
.pro-left .column em{font-size:14px;color:#C6BBA5;line-height:14px;margin-top:10px;}
.pro-left .pro-nav{height:450px;}
.pro-left .pro-nav ul{width:250px;}
.pro-left .pro-nav>ul>li>a{font-size:16px;width:210px;height:40px;text-align: left; padding-left:40px;line-height:40px;display: block; background: #51000f;color:#fff;}
.pro-left .pro-nav>ul>li>dl{width:250px;margin:0 auto;display: none; background:#000000;}
.pro-left .pro-nav>ul>li>dl a{display: block;height:30px;line-height:30px; color:rgb(255,255,255); padding-left:50px;}
.pro-left .pro-nav>ul>li>dl em{display: block; font-size:14px;}
.pro-left .pro-nav>ul>li>dl a:hover{color:#fff}
.pro-left .pro-nav>ul>li:nth-child(1)>dl{display:block;}

.pro-right{width:940px;}
.pro-right ul li{float:left;width:290px; height:230px;margin-left:16px;text-align: center;overflow: hidden;}
.pro-right ul li .pic{width:290px;height:230px; position:relative}
.pro-right ul li .info{padding:10px 0; position:relative; top:-40px; background:rgba(0,0,0,0.5);}
.pro-right ul li .info h2{font-size:16px;color:#fff; position:relative; top:-5px;}
.pro-right ul li .info p{font-size:14px;color:#999999}
.pro-right ul li:hover .info h2{color:#fff}
.pro-right ul li .pic:after{content: '';transition:all 0.5s;width:290px;height:230px; background: url(../images/pro-more.png) no-repeat center center rgba(81,0,15,0.5); position: absolute;top:-330px;left:0;}
.pro-right ul li:hover .pic:after{top:0}
/*产品专区*/

.pro-rightsfs{width:940px;}
.pro-rightsfs ul li{float:left;width:443px; margin-top:20px; height:270px;margin-left:16px;text-align: center;overflow: hidden;}
.pro-rightsfs ul li .pic{width:443px;height:270px; position:relative}
.pro-rightsfs ul li .info{padding:10px 0; position:relative; top:-40px; background:rgba(0,0,0,0.5);}
.pro-rightsfs ul li .info h2{font-size:16px;color:#fff; position:relative; top:-5px;}
.pro-rightsfs ul li .info p{font-size:14px;color:#999999}
.pro-rightsfs ul li:hover .info h2{color:#fff}
.pro-rightsfs ul li .pic:after{content: '';transition:all 0.5s;width:443px;height:270px; background: url(../images/pro-more.png) no-repeat center center rgba(81,0,15,0.5); position: absolute;top:-330px;left:0;}
.pro-rightsfs ul li:hover .pic:after{top:0}
/*产品专区*/







/*主营业务*/
.business{padding: 0 0 0px;}
.business-list{overflow: hidden; position: relative;} 
.business-list ul{width: 101%;}
.business-list ul li{float: left; width: calc(100%/5 - 1%); margin-right: 1%;text-align: center;}
.business-list ul li .pic{position: relative; overflow: hidden; text-align: center;}
.business-list ul li .pic img{display: block; width: 100%; }
.business-list ul li .info{position: absolute; background: rgba(81,0,15,0.6); bottom: -100%; width: 100%; height: 100%;opacity: 0; z-index: 2;}
.business-list ul li .info p{font-size: 15px; line-height: 26px; color: #ffffff; text-align: justify; text-align-last: center; width: 78%; margin: 92px auto 15px;}
.business-list ul li .info span{display: block; font-size: 80px; color: #fff; }
.business-list ul li:hover .info{bottom: 0; transition:0.6s; opacity: 1;}
.business-list ul li h3{font-size: 18px; line-height: 18px; color: #333; font-weight: bold; padding: 27px 0 21px;}
.business-list ul li em{display: block; width: 158px; line-height: 40px; font-size: 15px; color: #666; border: solid 1px #bfbfbf; margin: 0 auto;}
.business-list ul li:hover h3{color: #44b549;}
.business-list ul li em:hover{border-color: #44B549; background: #44B549; color: #fff; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}