@charset "utf-8";

/*小banner*/
.adv {width: 100%;margin-top: 109px;}
.adv img{width: 100%;}

/*位置*/
.position {padding-top: 28px;}
.position span {display: inline-block;height: 18px;color: #666;font-size: 14px;font-family: "宋体";padding-left: 20px;background: url(../img/weizhi.png) no-repeat left 0;}
.position span a {color: #666;font-size: 14px;margin: 0 6px;font-family: "Microsoft Yahei";}
.position span a:hover {color: #008cd1;}

/*产品*/
.pro_con {padding: 70px 0;}
.pro_con ul {margin-right: -40px;}
.pro_con ul li {width: 270px;height: 390px;background: #fff;float: left;margin: 0 40px 30px 0;position: relative;}
.pro_con ul li .con {width: 266px;height: 365px;border: 2px solid #ccc;border-bottom: none;}
.pro_con ul li:hover .con {width: 266px;height: 398px;border: 2px solid #008cd1;border-bottom: none;}
.pro_con ul li .con .pic,.pro_con ul li .con .pic img {width: 266px;height: auto;overflow: hidden;}
.pro_con ul li .con .text {padding: 0 20px;}
.pro_con ul li .con .text h4 {color: #333;font-size: 16px;font-weight: 700;}
.pro_con ul li .con .text p {color: #333; font-size: 14px;line-height: 32px;}
.pro_con ul li .more {display: flex;justify-content: space-between;width: 234px;height: 50px;line-height: 50px;padding: 0 18px;color: #fff;font-size: 16px;text-align:center;background: #0179BD;position: absolute;bottom: 0px;left: 0px;}
.pro_con ul li .more .add{font-size: 22rpx;font-weight: bold;}


/*分页*/
.page {text-align: center;padding: 50px 0 0 0;}
.page a {display: inline-block;color: #fff;font-size: 14px;width: 36px;height: 36px;line-height: 36px;margin: 0 5px;background: #008cd1;border-radius: 3px;}
.page a:hover {background: #008cd1;}

/*产品详情 */

.product-view .product-img-box { float:left;width: 780px;position: relative;}
.product-view .product-img-box .product-image {width: 640px;height: 550px;float: right;overflow: hidden;}
.product-view .product-img-box .product-image-zoom img {width: 640px;height: auto;}
.product-view .product-img-box .zoom-notice { text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat;  }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }


.product-view .product-img-box .more-views{ float:left;width: 115px;height: 550px;  position:relative; left: 0px;top: 0px;}
.product-view .product-img-box .more-views .hd .prev{ position:absolute;top: -25px;left: -3px;display:block;  width:120px; height:40px; cursor:pointer; background: url(../img/prevs.png) no-repeat;}
.product-view .product-img-box .more-views .hd .next{ position:absolute;bottom: -25px;left: -3px;display:block;  width:120px; height:40px; cursor:pointer; background: url(../img/nexts.png) no-repeat;}
.product-view .product-img-box .more-views .bd{ width: 115px;height: 500px;margin-top: 25px;overflow:hidden;}
.product-view .product-img-box .more-views .bd ul{ overflow:hidden; zoom:1; }
.product-view .product-img-box .more-views .bd ul li{width: 115px;height: 108px;margin-bottom: 20px; }
.product-view .product-img-box .more-views .bd ul li .pic img{ width:113px; height:auto; display:block; border:1px solid #ccc; }
.product-view .product-img-box .more-views .bd ul li .pic a:hover img, .product-view .product-img-box .more-views .bd ul li .pic a.on img{ border-color:#268CC6;  }

.product-image-popup { margin:0 auto; }
.product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; }
.product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; }
.product-image-popup .image { display:block; margin:10px 0;  }
.product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px !important; color:#2f2f2f; }

.pop-box-zzc{display: none;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100vh;background-color: rgba(0,0,0,.5);}
.pop-box{ position: fixed; z-index: 100; top:150px; left: 0;width: 100%;}
.pop-gallery{ margin: 0 auto !important; width:1180px;background: #fff; border:1px solid #999; border-radius: 5px;}
.pop-gallery .pop-shadow{padding: 10px 20px 40px 20px;}
.pop-gallery .bigshow{ float: right; width: 720px;height: auto;padding: 0 27px;}
.pop-gallery .bigshow img{ width:100%;height: 100%;}
.pop-gallery .gallery-nav{ float: left; width: 280px;height: 575px;border-right: 1px solid #ccc;margin-bottom: 30px;}
.pop-gallery .gallery-list{ width:100%; float: left; }
.pop-gallery .gallery-list li{ float: left;margin: 5px;width: 115px;height: auto;}
.pop-gallery .gallery-list li.on .pic img{ border:1px solid #00cbe6;}
.pop-gallery .gallery-list li a{display: block;width: 100%;height: 100%}
.pop-gallery .gallery-list li .pic img {width: 115px;height: auto;object-fit:cover;border: 1px solid #EAEAEA;}
.pop-gallery .close-box{width: 100%;height: 30px;}
.pop-gallery .close-box #closebtn{ display: block; width: 38px; height: 38px; background: url(../img/sanchu.png);float: right;}

@media(max-width:590px){
  .prodetailimages{ display: none;}
}


.procans {width: 320px;height: 550px;float: right;}
.procans .cans-con {margin-bottom: 20px;}
.procans .cans-con h1 {color: #222;font-size: 20px;border-bottom: 1px solid #008cd1;    line-height: 40px; margin-top: 30px;}
.procans .cans-con .c {border-bottom: 1px solid #ccc;padding-bottom: 12px;}
.procans .cans-con .t {color: #222;font-size: 18px;display: inline-block;margin: 12px 0 0px 0;}
.procans .cans-con p {color: #333;font-size: 14px;border-bottom: 1px solid #ccc;
    line-height: 30px;}

.proxiangqi {margin-top: 88px;}
.proxiangqi .hd {height: 52px;}
.proxiangqi .hd ul li {float: left;cursor: pointer;color: #333;width: 210px;height: 50px;line-height: 50px;text-align: center;margin:0px;background: #eee;border: 1px solid #ddd;}
.proxiangqi .hd ul li.on {background: #008cd1;color: #fff;border: 1px solid #008cd1;}
.proxiangqi .bd {padding: 20px;    border-top: 1px solid #ccc;}
.proxiangqi .bd ul li {width: 100%;height: 100%;}
.proxiangqi .bd ul li p {color: #666;font-size: 16px;line-height: 32px;}

/*分享*/
.fx .bshare-custom a {display: inline-block;padding: 0px;width: 24px;height: 24px;margin: 0 5px;background: url(../images/fx.png) no-repeat;}
.fx .bshare-custom a.bshare-facebook {background-position: 0px 0px;}
.fx .bshare-custom a.bshare-twitter {background-position: -28px 0px; }
.fx .bshare-custom a.bshare-qqmb {background-position: -83px 0px; }
.fx .bshare-custom a.bshare-sinaminiblog {background-position: -56px 0px; }

/*About Us*/
.main {padding: 60px 0;}
.main .title {padding-bottom: 30px;}
.main .title h2 {color: #111;font-size: 28px;text-align: center;}
.main .title h3 {color: #222;font-size: 24px;line-height: 48px;text-align: center;}

.about .con h3 {color: #222;font-size: 21px;line-height: 42px;border-bottom: 1px solid #999;font-weight: 500;margin-bottom: 10px;}
.about .con p {color: #444;font-size: 14px;line-height: 32px;}

/*厂房*/
.image-row {width: 1200px;}
.image-row .image-set ul li  { float: left; width: 400px; margin: 20px 0px;}
.image-row .image-set ul li div {width: 360px;height: 280px;margin: 0 auto;border: 1px solid #ccc;}
.image-row .image-set ul li div:hover {border: 1px solid #008cd1;}
.image-row .image-set ul li div img {width: 100%;height: 100%;}
.image-row .image-set ul li span {display: block;color: #313131;font-size: 16px;margin-top: 18px;text-align: center;}

.zhengshu .image-row .image-set ul li div {width: 356px;height: 503px;}


/*News*/
.news .con ul,.news .con li { list-style:none outside none; }
.news .con {margin: 0 auto;}
.news .con ul li { border-bottom: 1px solid #EAEAEA;line-height: 60px;margin-bottom: 0px;}
.news .con ul li a {color: #333;font-size: 16px;}
.news .con ul li a span {float: right;font-size: 14px;color: #666;}
.news .con ul li:hover a {color: #1e9fd9;}
.news .con ul li:hover a span{color: #1e9fd9;}
.news .con ul .yuan{width: 4px;height: 4px;border-radius: 50%;background-color: #999999;display: inline-block;margin-bottom: 3px;margin-right: 10px;}
.news .con ul li:hover .yuan{background-color: #1e9fd9;}

.news .heading {text-align: center;border-bottom: 1px solid #999;padding-bottom: 20px;}
.news .heading .fx {float: right;margin-top: -11px;}
.news .cont {padding: 20px 0;}
.news .cont p {color: #333;font-size: 14px;}
.news .cont img {margin-top: 35px;}
.main.news{padding: 45px 0 80px;}
/*contact*/
.contact p {color: #666666;font-size: 14px;line-height: 35px;}
.contact p img{vertical-align: middle;margin: 0 9px 0 3px;}

#contactform {margin-top:40px;}
#contactform label{ width: 150px;float:left;}
#contactform div{margin:5px 0px; font-size:14px; padding:4px 0px; color: #333;}
#contactform input,#contactform textarea{border-radius: 3px;border: 1px solid #ccc;padding: 5px 0px;text-indent: 3px;width: 180px;outline: none;}
#contactform input.asbtn{background:url(../images/subbtn_35.jpg) no-repeat; width:115px; height:36px; border:none; vertical-align:middle; cursor:pointer;}
#contactform input.form-submit{border: none;text-align: center;cursor: pointer;font-size: 14px;text-transform: uppercase;padding: 0px 15px;line-height: 28px;height: 28px;color: #fff;background: #be0e11;}



/*相册图css*/
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  /* background: url(../images/tmbg.png); */
  display: none;
  background-color: rgba(0,0,0,0.5);
}

.lightbox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 45%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-prev {
  left: 0px;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
}

.lb-next {
  right: 0px;
  float: right; 
  background: url(../img/next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: none;
  clear: left;
  padding-bottom: 1em;
  font-size: 0px;
  color: #999999;
}


.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}