@charset "utf-8";
#main-content {

}
#product {
    background-color: #fff;
}
/*面包屑*/
.bread {
    background: #f3f3f3;
    clear:both;
}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #458fc1;
    content: "\2022";
}
.breadcrumb .active {
}

.breadcrumb {
    float: left;
    padding:0;
    line-height: 80px;
    margin-bottom:0;
    background: none;
    font-size: 14px;
    margin-right: 25px;
}
.breadcrumb li a {
    color: #333;
}
.breadcrumb li i {
    margin-right: 10px;
}

/*图片放大*/
.box{width:620px;margin:20px auto;}
.left-pro{width:862px; padding:20px 10px;text-align:left;float:left}
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:762px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:379px;margin:10px;overflow:hidden}

/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:1px solid #cccccc;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background: #cccccc;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}


.proinfo {
    width:565px;
    height:550px;
    padding:55px 25px;
}
.proinfo h1 {
    color: #2d2d2d;
    font-size:30px;
	font-weight:800;
}

.proinfo .fea {
    font-size:18px;
    color:#1c1c1c;
   padding-bottom:15px;
    border-bottom:1px solid #e2e2e2;
}
.pro_all {
    padding: 10px 60px 0 5px;

}
.pro_all p {
    line-height:30px;

}
.con_us a {
    width:195px;
    height:50px;
    color: #fff;
    font-size:18px;
    display: block;
    line-height:50px;
    text-align: center;
    font-family:'din';
    background-color: #eb5c03;
    margin-top:40px;
    float: left;
    margin-left:10px;
}
.padding {
    padding-bottom:120px;
}
.promation {
    background-color: #ffffff;
    padding-bottom:100px;
}
.promation h1 {
    color: #2d2d2d;
    line-height:140px;
    font-size:30px;
    font-family:'din';
    font-weight:normal;
    text-align: center;
    margin:0;

}
.promation-con {
    background-color: #fff;
    padding:0 19px;
	text-align: center;
    margin: 0;
}
.promation-con img {
    max-width:100%;
    height:auto;
}

.pro_tag {
    padding:75px 0 105px;
    background-color: #f3f3f3;
}
.pro_tag h1 {
    color: #2d2d2d;
    font-size:30px;
    font-family:'din';
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}

.btna {
    position: relative;

}
.btna .prev {
    display: block;
    cursor: pointer;
    position: absolute;
    left:0px;
    top: 133px;
    float: left;
    width: 17px;
    height: 33px;
    background-image: url(../img/left_btn.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.btna .next {
    display: block;
    cursor: pointer;
    position: absolute;
    width: 17px;
    height: 33px;
    right:0;
    top:133px;
    background-image: url(../img/right_btn.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#slider_pic {
    height:300px;
    margin:0 auto;
    overflow: hidden;
    margin-bottom: 30px;
    width: 1112px;
    position: relative;
}
#slider_pic ul {
    position: absolute;
    left:0;
    list-style: none;
    height:375px;
}

#slider_pic ul li.hceg {
    width:300px;
    height:405px;
    margin-right: 15px;
    float: left;
}

#slider_pic ul li.hceg a {
    display: block;
    color: #515151;
}
#slider_pic ul li.hceg a dl dt {
    width: 200px;
    height: auto;
    background-color: #e9e9e9;
    text-align: center;
}

#slider_pic ul li.hceg a dl dd {
    height: 90px;
    line-height:90px;
    color: #535353;
}

.protech {
    border-top:1px dashed #ccc;
	background:#e5e5e5;
}
.product-tit span{
    color:#c8000b;
	font-weight:900;
}

@media(max-width:1920px){
.explain .text{
  width:100%;
  text-align:left;
  height:40px;
  border-bottom:#fff 1px solid;
}
.explain .text .test{
  width:50%;
  float:left;
  text-align:left;
  height:40px;
  line-height:40px;
  font-size:18px;
  padding-left:2%;
}
}
@media(max-width:1600px){
.explain .text{
  width:100%;
  text-align:left;
  height:80px;
  border-bottom:#fff 1px solid;
}
.explain .text .test{
  width:100%;
  text-align:left;
  height:40px;
  line-height:40px;
  font-size:18px;
  padding-left:2%;
}
}
@media(max-width:1440px){
.explain .text{
  width:100%;
  text-align:left;
  height:80px;
  border-bottom:#fff 1px solid;
}
.explain .text .test{
  width:100%;
  text-align:left;
  height:40px;
  line-height:40px;
  font-size:18px;
  padding-left:2%;
}
}
.explain .more{
  width:20%;
  margin-left:80%;
  text-align:center;
  background:#6d6d6d;
  color:#fff;
  height:40px;
  line-height:40px;
}


#page {
    height:80px;
    line-height:80px;
    background-color: #f7f7f7;
    border-top:1px solid #eaeaea;

}
.pager {
    margin:0;
}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 0px 14px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    color: #323436;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: transparent;
}

.pro_tag .marg {
    padding:0 10px;

}