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

/*产品页面*/
.product{    width: 100%;  padding-top: 75px; background:#f4f4f4; }
/*.左侧导航*/
.sidebar{    width: 320px;  float: left;}
.sidebar .top{width: 320px;height: 70px;background: url(../images/proListClassify_icon01.png) no-repeat 267px center #c02223;}
.sidebar .top h3{    padding: 20px 0 0 26px;  font-size: 24px;font-weight: normal; color: white;}
.sidebar .top h3 em{font-weight: bold;
    color: #fff;}
.sidebar .top h3 span{    font-size: 10px;  color: #fff;  font-family: arial;  margin-left: 6px;  position: relative;  top: 2px;}
.sidebar .box2{    padding: 26px;  background: #fff;}
.sidebar .box2 dl{margin-top: 20px;}
.sidebar .box2 dt{    height: 56px;  text-indent: 26px;  font-size: 18px;  background: url(../images/proListClassify_icon02.png) no-repeat 220px center #eaeaea;
line-height: 56px;}
.sidebar .box2 dt a{display: block;  color: #333;  text-decoration: none;}
.sidebar .box2 dt a:hover{color: #c02223;  background: url(../images/proListClassify_icon03.png) no-repeat 220px center;  font-weight: bold;}
.sidebar .box2 dt .cur{color: #c02223;  background: url(../images/proListClassify_icon03.png) no-repeat 220px center;  font-weight: bold;}
.sidebar .box3{    margin-top: 20px;  background: #fff;  margin-bottom: 20px;}
.sidebar .phone{    background: url(../images/proListClassify_phone.png) no-repeat 32px center;
padding-left: 86px;  padding-top: 25px;  padding-bottom: 20px;  border-bottom: 1px solid #eaeaea;}
.sidebar .phone span{display: block;  font-size: 14px;  color: #333333;}
.sidebar .phone p{    font-size: 24px;  color: #c02223;  font-family: arial;}
.intro{    padding: 28px 27px 24px;}
.intro P{    font-size: 14px;
    color: #333333;
    margin-bottom: 8px;
    line-height: 20px;}

.Collapsing{ width: 100%;    margin: 10px auto; font-size: 20px; height: 60px; line-height: 60px; cursor: pointer; border-bottom: 1px solid white; text-align: center; background: url("../images/proListClassify_icon02.png") no-repeat 224px center; background-color: #e2e2e2; color:#1b1b1b; }
.Collapsing:hover{color: #c02223;   font-weight: bold;}
.Collapsing a:hover{color: #c02223;   font-weight: bold;}
.Collapsing a{color:#1b1b1b; }
/*.Collapsing:hover{background: url(../images/proListClassify_icon003.png) no-repeat 20px center;background-color: #e2e2e2; }*/
.coll_body{display: none; }
.coll_body a{display:block; margin:10px; text-align: center; background: #ebebeb;    padding: 12px 10px;}
.coll_body a:hover{ color: white; background: #c02223;}
.current{background-image:url(../images/proListClassify_icon0.png);}


/*产品中心右侧*/
.section{width: 850px;  float: right;    margin-bottom: 35px;}
.pro_con ul{ width:105%; }
.pro_con ul li{background: white;   width: 420px;  height: 434px;  margin-right: 10px;  float: left;  margin-bottom: 10px;}
.pro_con ul li .Pic{    display: block;  width: 420px;  height: 257px;  overflow: hidden}
.pro_con ul li .Pic img{    display: block;  transform: scale(1);  transition: all 2s ease-out;  width: 420px;  height: 257px}
.pro_con ul li:hover .intro h3 a{ color: #c02223;}
.pro_con ul li .intro{       padding: 30px 44px 0;  height: 141px; background: #fff;  position: relative;}
.pro_con ul li .intro h3{    font-size: 16px;  color: #333333;  font-weight: normal;  width: 356px;  overflow: hidden;  text-overflow: ellipsis;
    white-space: nowrap;  display: block;}
.pro_con ul li .intro:hover .Pic img{ transform: scale(1.2);}
.pro_con ul li .intro P{    line-height: 22px;  color: #666666;  font-size: 13px;  margin-top: 14px;
    overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;
    -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  height: 63px;  }
.pro_con ul li .intro .btn{overflow: hidden;  width: 281px;  height: 42px;
    background: url(../images/proListClassifyBg01.png) no-repeat center;  position: absolute;  bottom: 26px;  left: 32px;}
.pro_con ul li .intro .btn a{display: block;  width: 140px;  height: 42px;  line-height: 42px;  text-align: center;  float: left;  font-size: 14px;  color: #777777;
    text-decoration: none;}
.pro_con ul li .intro .btn a:first-child{    border-right: 1px solid #eaeaea;}
.pro_con ul li .intro .btn a i{    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../images/proListClassify_icon04.png) no-repeat center;
    margin-left: 8px;
    position: relative;
    top: 2px;}
.pro_con ul li .intro .btn a.more:hover{background: url(../images/proListClassifyBg02.png) no-repeat center; color: white;}
.pro_con ul li .intro .btn a.zx:hover{background: url(../images/proListClassifyBg03.png) no-repeat center; color: white;}
.pro_con ul li .intro .btn a.more:hover i{    background: url(../images/proListClassify_icon05.png) no-repeat center;}
.pro_con ul li .intro .btn a.zx:hover i{    background: url(../images/proListClassify_icon05.png) no-repeat center;}

/*推荐新闻*/
.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_ZoomInImg{background:black;width:360px;height:199px;padding:0;margin:0; border: 1px solid #dcdcdc;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_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-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_ZoomInImg:hover .he_ZoomInImg_img{opacity:.7;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-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_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_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_ZoomInImg .he_ZoomInImg_caption_p{font-size:1.5em;text-align:center;width:80%;position:absolute;top:30%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}