.bg{ background: url("../images/xw.png") no-repeat center;height: 600px;}

/*新闻内容*/
.newsDetialsArticle{width: 100%;  padding-top: 30px; background: #f4f4f4;}
.mainCon{width: 100%;}
.mainCon article {  position: relative;  width: 890px;  background: #fff;  float: left}
.mainCon article .conBox {  padding: 30px 30px 0;  }
.mainCon article .conBox .title h1 {  font-size: 22px;  color: #333333;  font-weight: normal;  margin-bottom: 16px;}
.mainCon article .conBox .title .share {  width: 100%;  height: 24px;}
.mainCon article .conBox .title .share p {  float: left;  overflow: hidden;  margin-top: 4px;  }
.mainCon article .conBox .title .share p span:first-child {  padding-left: 0;  border-left: none;  }
.mainCon article .conBox .title .share p span {  display: block;  font-size: 12px;  color: #999999;  padding: 0 8px;  border-left: 1px dotted #b6b6b6;  float: left;}
.mainCon article .title i {  width: 100%;  display: block;
height: 1px;  background: #e7e7e7;  margin-top: 18px;  }
.mainCon article .con {  margin: 20px 0;  }
.mainCon article .con p {  width: 100%;  margin: 0 auto;  white-space: normal;  word-spacing: 10px;  line-height: 30px;  font-size: 14px;  color: #333333;}
.mainCon article .con img{ margin: 0 auto;}
.mainCon article .context {  width: 100%;  border-top: 1px solid #e7e7e7;  background: #fff;  height: 70px;}
.mainCon article .context p {  width: 445px;  float: left;  height: 70px;  line-height: 70px;  }
.mainCon article .context p.prevNews a {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/newsDetialsArticle_icon10.png) no-repeat left center;
}
.mainCon article .context p a {
    font-size: 13px;
    color: #666666;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mainCon article .context p.NextNews {
    border-left: 1px solid #e7e7e7;
    width: 444px;
}
.mainCon article .context p.NextNews a {
    margin-right: 30px;
    padding-right: 20px;
    text-align: right;
    background: url(../images/newsDetialsArticle_icon11.png) no-repeat right center;
}
 .mainCon article .context p.prevNews a:hover {
    background: url(../images/newsDetialsArticle_icon12.png) no-repeat left center;  color: #c30d23;  }
.mainCon article .context p.NextNews a:hover {
    background: url(../images/newsDetialsArticle_icon13.png) no-repeat right center;  color: #c30d23;  }


/*右侧*/
.newsDetialsArticle .mainCon .hotNews {  width: 300px;  float: right;  }
.newsDetialsArticle .mainCon .hotNews .box:first-child { margin-top: 0;  }
.newsDetialsArticle .mainCon .hotNews .box {  padding: 30px 28px 18px;  background: #fff;  margin-top: 10px;  }
.newsDetialsArticle .mainCon .hotNews .box .top3 {  height: 40px;  border-bottom: 1px solid #e7e7e7;  }
.newsDetialsArticle .mainCon .hotNews .box .top3 h3 {  font-size: 18px;
    color: #333333;  font-weight: normal;  float: left;  }
.newsDetialsArticle .mainCon .hotNews .box .top3 h3 em {  font-weight: bold;  color: #c30d23;  }
.newsDetialsArticle .mainCon .hotNews .box .top3 h3 i {  width: 72px;  height: 1px;
    background:#c30d23;  position: relative;  display: block;  top: 15px;  }
.newsDetialsArticle .mainCon .hotNews .box .top3 a.more {
    display: block;
    width: 21px;
    height: 21px;
    float: right;
    margin-top: 4px;
}

.newsDetialsArticle .mainCon .hotNews .box ul {  padding-top: 18px; }
.newsDetialsArticle .mainCon .hotNews .box1 li {  font-size: 14px;
    margin-bottom: 16px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.newsDetialsArticle .mainCon .hotNews .box1 li:hover a{ color:#c30d23;}
.newsDetialsArticle .mainCon .hotNews .box1 li a {  color: #333333;  }
.newsDetialsArticle .mainCon .hotNews .box2 li {  font-size: 14px;
    margin-bottom: 16px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.newsDetialsArticle .mainCon .hotNews .box2 li:hover a{ color:#c30d23;}
.newsDetialsArticle .mainCon .hotNews .box2 li a {  color: #333333;  }


/*推荐新闻*/
/*推荐新闻*/
.proListNews{width: 100%; background:#f4f4f4;    padding-bottom: 20px;  padding-top: 45px;}
.proListNews .top1{    width: 100%;  height: 38px;  border-bottom: 1px solid #eaeaea}
.proListNews .top1 h3{font-size: 20px;  font-weight: bold; color: #333333;  float: left;}
.proListNews .top1 h3 em{    color: #c02223;  font-weight: bold;}
.proListNews .top1 h3 i{    display: block;  width: 24px;  height: 1px;  background: #c02223;  position: absolute;  top: 38px;}
.proListNews .top1 .more{    display: block;  font-size: 13px;  color: #666666;  float: right;  margin-right: 6px;  text-decoration: none;}
.proListNews .top1 .more:hover{ color: #c30d23;}
.proListNews .mainCon{    padding: 41px 0;  background: #fff;}
.proListNews .mainCon dl{    float: left;  margin-left: 40px;  width: 577px;  padding-right: 41px;  border-right: 1px dotted #b2b2b2;}
.proListNews .mainCon dl:hover h3 a{ color: #c30d23;}
.proListNews .mainCon dt{    width: 220px;  height: 136px;  float: left;}
.proListNews .mainCon dt img{    display: block;  width: 220px;  height: 136px;}
.proListNews .mainCon dd{    width: 330px;  float: right;  height: 160px;  position: relative;}
.proListNews .mainCon dd h3{    font-size: 16px;  font-weight: normal;}
.proListNews .mainCon dd h3 a{    color: #000000;  text-decoration: none;  width: 330px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block;}
.proListNews .mainCon dd p{line-height: 24px;  color: #666666;  font-size: 13px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;  margin-top: 20px;  height: 74px;  overflow: hidden;}
.proListNews .mainCon dd p a{    color: #666666;  text-decoration: none;}
.proListNews .mainCon dd span{    display: block;  font-size: 13px;
    color: #999999;  position: absolute;  bottom: 15px;  left: 0;}
.proListNews .mainCon dd a.more{    display: block;  width: 36px;
    height: 36px;  background: url(../images/list_circle.png) no-repeat left top;  overflow: hidden;  position: absolute;  right: 6px;  bottom: 0;}
.proListNews .mainCon dl:hover dd a.more{  background: url(../images/list_circle.png) no-repeat left bottom;}
.proListNews .mainCon ul{width: 474px;  float: right;  margin-right: 30px;}
.proListNews .mainCon li:first-child{    margin-top: 0;}
.proListNews .mainCon li{    overflow: hidden;  margin-top: 15px}
.proListNews .mainCon li a{    display: block;  font-size: 13px;  color: #333333;  width: 320px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  float: left;}
.proListNews .mainCon li a:hover{ color: #c30d23;}
.proListNews .mainCon li span{display: block;  font-size: 13px;  color: #999999;  font-family: arial;  margin-right: 10px;  float: right;}

/*推荐产品*/
.proDetailsPictures{    width: 100%;  margin-top: 40px}
.proDetailsPictures .top1{    width: 100%;  height: 38px;  border-bottom: 1px solid #eaeaea}
.proDetailsPictures .top1 h3{font-size: 20px;  font-weight: bold; color: #333333;  float: left;}
.proDetailsPictures .top1 h3 em{    color: #c02223;  font-weight: bold;}
.proDetailsPictures .top1 h3 i{    display: block;  width: 24px;  height: 1px;  background: #c02223;  position: absolute;  top: 38px;}
.proDetailsPictures .top1 .more{    display: block;  font-size: 13px;  color: #666666;  float: right;  margin-right: 6px;  text-decoration: none;}
.proDetailsPictures .top1 .more:hover{ color: #c30d23;}
.proDetailsPictures .mainCon ul{ margin: 20px auto;}
.proDetailsPictures .mainCon ul li{float:left; width:380px; height:260px;    margin-left: 19px;}
.he_slideCaptionDown{background:black;width:360px;height:221px;padding:0;margin:0;border:1px solid #e2dcdc;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(0,0,0,0.6);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(0,0,0,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.5em;text-align:center;width:80%;position:absolute;top:-30%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:35%;opacity:1}