@charset "utf-8";
.demo{width:100%;height: auto;overflow: hidden;}
.index_pro{float:left; width:285px; height:190px;margin-right: 20px;}
.index_pros{float:left; width:285px; height:190px;}
.clear{clear:both}
.he_border1{background:#000;width:100%;height:100%;padding:0;margin:0;position:relative;box-sizing:border-box;-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_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-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;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;-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_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-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; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:15px;line-height:32px;text-align:center;width:80%;position:absolute;top:20%;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:1}
.he_border1 .he_border1_caption_p{font-size:15px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-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;opacity:0}
.he_border1:hover .he_border1_caption_p{top:43%;opacity:1;}




.case_cn{width: 1200px;margin: 0 auto;overflow: hidden;}
#case_bgcolor{background: #E5E5E5;}
#case_bgcolor:hover{background: #784629;color: #fff;}
.case_cn ul li{float:left; width:386px;float: left;margin-right: 20px;background: #fff;color: #333;}
.case_cn ul li:last-child{margin-right: 0;}
.case_cn ul li div:last-child{width:100%;margin:0 auto;line-height: 50px;font-size: 15px;}
.case_cn ul li div:last-child a{color: #333;display:block;margin: 0 auto;text-align: center;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.case_cn ul li:hover{background: #784629;}
.case_cn ul li:hover div a{color: #fff;}
.case_cn ul li div abbr{float: right;margin-right: 20px;}
.case_cn .he_ZoomInImg{background:#000;width:100%;height: 100%; padding:0;margin:0; 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;}
.case_cn .he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;height: 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}
/*.case_cn .he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);
transform:scale(1.3)}*/
.case_cn .he_ZoomInImg:hover .he_ZoomInImg_img{}
.case_cn .case_a{margin: 0 auto;width:80%;margin: 0 auto;text-align: center;}
.case_cn .case_a a{text-align: center;line-height: 40px;float:left;width:100%;font-size: 15px;color: #A5A5A5;border:1px solid #ccc;overflow: hidden;}
.case_cn .case_a a:hover{background:#784629;border:1px solid #784629; color:#fff;transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all;-o-transition: 1s all;}



/*公益与责任*/
.duty{overflow: hidden;}
.duty .left{float:left;width: 270px;height:268px;overflow: hidden;background: #784629;color: #fff;text-align: center;padding: 0 20px;font-size: 14px;}
.duty .left .title{font-size: 24px;margin-top: 35px;}
.duty .left .size{border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 15px 0;line-height: 24px;margin-top: 20px;text-align: left;}
.duty .left .bottom{margin-top: 20px;}
.duty .left .bottom a{text-align: center;color: #ccc;color: #B68D76;font-size: 16px;}
.duty .left .bottom a:hover{color: #C9A089;}
.duty .center{width: 580px;float: left;margin-left: 20px;overflow:hidden;}
.index_news_title{width: 100%;overflow: hidden;border-bottom: 1px solid #D6D6D6;font-size: 14px;line-height: 32px;margin-bottom: 15px;}
.index_news_title span{float: left;color: #333;font-size: 16px;font-weight:bold;}
.index_news_title a{float: right; color: #808080;}
.index_news_title a:hover{color: #784629;}
.duty .center .shnew .imgs{float: left;width: 160px;height: 105px;overflow: hidden;}
.duty .center .shnew .imgs img{width: 100%;}
.duty .center .shnew .sizes{width: 410px;float: right;overflow: hidden;color: #999;}
.duty .center .shnew .sizes a{font-size: 16px;font-weight: bold;margin-bottom: 12px;overflow: hidden;display: block;color: #333;}
.duty .center .shnew .sizes a:hover{color: #784629;}
.duty .center .shnew .sizes span{font-size: 14px;line-height: 22px;width: 100%;overflow: hidden;}
.duty .center .list{width: 100%;overflow: hidden;}
.duty .center .list ul li{background: url(../../images/icon_dot.png) no-repeat 0 14px;
 line-height: 33px;border-bottom: 1px solid #E5E5E5;color: #999;display: block;overflow: hidden;
 padding-left: 15px;font-size: 14px;}
.duty .center .list ul li:first-child{margin-top: 12px;}
.duty .center .list ul li a{float: left;display: block;color: #999;}
.duty .center .list ul li a:hover{color: #784629;}
.duty .center .list ul li abbr{float: right;}

.duty .right{float:right;width: 270px;overflow: hidden;color: #fff;text-align: center;font-size: 14px;}
.duty .right .img{width: 100%;height:220px;overflow: hidden;}
.duty .right .img img{width: 100%;height: 100%;}