@media all 
{
.CaseInfo_Title{margin-bottom:50px;text-align:center}
.CaseInfo_zuozhe{margin-left:15px;}
#showAddInfo>h3{margin-top: 0;margin-bottom:20px;font-weight:900}
.case-page>p{text-align: justify;margin-bottom:40px;text-indent: 28px;}
.case-page>p>img{width:100%;display: block;margin:0 auto}
.CaseInfo_wrap{margin-left:-15px;margin-right:-15px;width:100vw;margin-bottom:20px;height:300px;overflow:hidden;border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; position:relative;}
.CaseInfo_imgBox{position:absolute;top:0;left:0;height:300px;}
.CaseInfo_imgBox li{float:left; text-align:center; height:300px; width:100vw;}
.CaseInfo_imgBox li img{vertical-align:middle;max-height:100%;max-width:100%;}
.MallD_num{position:absolute;bottom:15px;right:15px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px; font-size:14px;color:#fff;background-color:rgba(102,102,102,0.7)}
.CaseInfo_txtWrap{margin-top:30px}
.CaseInfo_txtWrap>p{line-height: 16px;font-size: 16px;padding-left: 5px;border-left: 3px solid #c7000b;color: #000;font-weight: 900;margin-bottom: 15px;}
.CaseInfo_txtWrap>ul>li{margin-bottom:5px;}
.CAseInfo_gongneng{padding:10px 0;}
.CAseInfo_gongneng p{font-size:16px;color:#000;padding-left:5px;border-left:3px solid #c7000b;line-height:16px;margin-bottom:10px;}
.CAseInfo_gongneng ul li{float:left;width:33.33%;padding:5px 10px 5px 0;}
.CAseInfo_gongneng ul li p{margin-bottom:0;padding:5px 0;color:#c7000b;border:1px solid #c7000b;font-size:12px;text-align:center;}
.CaseInfo_fanye{margin-top:30px;border-top:1px solid #e5e5e5;padding:20px 0;}
.CaseInfo_fanye >div{float:left;width:50%;}
.CaseInfo_previousBg{width:70px;margin-left:5px;height:50px;background:url(../images/CaseInfo_prevBg.png) no-repeat left top / 70px;padding-top:6px;padding-left:7px;}
.CaseInfo_nextBg{width:70px;margin-right:5px;height:50px;background:url(../images/CaseInfo_nextBg.png) no-repeat right top / 70px;padding-top:6px;padding-right:7px;}
.CaseInfo_fanye >div p{color:#dbb993;padding-top:25px;cursor:pointer;}
.CaseInfo_previousImg{background:url(http://www.huage.group/UploadPic/20160125/2016542503013035.jpg) no-repeat center center / cover; height:100%;width:100%;}
.CaseInfo_nextImg{background:url(http://www.huage.group/UploadPic/20160126/201614260101223.png) no-repeat center center / cover;height:100%;width:100%;}
.caseinfo-video{position:relative;margin-bottom:30px;cursor:pointer}
.caseinfo-video>p:hover:after{transform:scale(1.1)}
.caseinfo-video>p:before{position:absolute;content:"";display:block;width:100%;height:100%;background-color:rgba(200,200,200,0.2);z-index:2}
.caseinfo-video>p:after{position:absolute;content:"";display:block;width:40px;height:40px;background:url("../images/case-play.png")no-repeat center;background-size:cover;top:50%;left:50%;margin-top:-20px;margin-left:-20px;z-index:4;transition:transform 0.5s}
.caseinfo-video.no-video>p:after{display: none}
.caseinfo-video>p>img{width:100%;display:block; height:200px;}
.CaseInfo_content_L{padding:8px;background-color:#ffffff;margin-top: 20px;}
.more-case{margin-bottom:50px;}
.more-case>p{padding-left:10px;border-left:5px solid #c7000b;font-size:16px;line-height:16px;font-weight:900;margin-bottom:20px;}
.more-case>ul>li>div:hover img{transform:scale(1.1)}
.more-case>ul>li>div{overflow:hidden}
.more-case>ul>li p{padding:20px;background-color:#ffffff}
.more-case>ul li img{transition:transform 0.5s;width: 100%;height: 200px;}
.more-case>ul>li:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);}
.case-video>ul>li>div>a:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:2}
.case-video>ul>li>div:hover img{transform:scale(1)}
.case-video>ul>li>div>a:after{position:absolute; content:""; display:block;width:60px;height:60px;background:url(../images/case-play.png)no-repeat center;    background-size:cover;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:4;transition:transform 0.5s;}
.case-video>ul>li>div>a:hover:after{transform:scale(1.1)}
.more-case>ul>li a{display:block;position:relative}
.CaseInfo_content_R{background-color:#ffffff;padding:8px;}
.CaseInfo_content{ padding-bottom:50px;}
.more-case>ul li{margin-bottom:20px;}
.c-image {height:auto;width:auto;max-width:100%;display:inline-block;margin-bottom: 40px;}
.caseinfo-video>span{position:absolute;left:0;bottom:0;background:rgba(0, 0, 0, 0.62);color:#ffffff;text-align:left;width:100%;margin-bottom:0;padding:5px 0;}
.weixin{display: inline-block;width: 20px;height: 20px;background: url(../images/brandw2.png);position: relative;margin-right: 20px;cursor: pointer}
.weixin:hover{background: url(../images/brandw1.png);}
.weixin:hover>i{transform: scale(1);transition: all 0.5s;bottom: 20px;}
.weixin>i{display:block;z-index:200;bottom:-20px;width:90px;height:90px;background:url(../images/brand-bg.png )no-repeat center;position:absolute;left:-55px; transform:scale(0);transition:all 0.5s;text-align:center;background-size:cover;background-color:#ffffff;}
}
@media (min-width:768px)
{
	.CaseInfo_content_L{padding:20px;background-color:#ffffff;margin-top: 20px;}
	.CaseInfo_content_R{background-color:#ffffff;padding:20px;}
	 .caseinfo-video>p>img{width:100%;display:block; height:165px;}
    .more-case>ul li img{height: 165px;}
.CaseInfo_content_L{float:right;width:67%;margin-top: 0px;}
.CaseInfo_content_R{float:left;width:30%;}
.CaseInfo_box{width:100%;border:1px solid #e5e5e5; height:380px;overflow:hidden;text-align:center;margin-bottom:20px;}
.CaseInfo_box img{ vertical-align:middle; max-height:100%; max-width:100%;}
.CaseInfo_lunbo{ width:100%; height:80px; padding:0 30px; position:relative;}
.CaseInfo_prevBtn,.CaseInfo_nextBtn{ position:absolute; top:50%; height:50px; width:30px; border-radius:2px; background: url(../images/CaseInfo_prevBtn.png) #F7F7F7 no-repeat center center ; margin-top:-25px; cursor:pointer; z-index:9;}
.CaseInfo_prevBtn{left:0;}
.CaseInfo_prevBtn:hover{background-image:url(../images/CaseInfo_prevBtnH.png);}
.CaseInfo_nextBtn{right:0;background-image:url(../images/CaseInfo_nextBtn.png);}
.CaseInfo_nextBtn:hover{background-image:url(../images/CaseInfo_nextBtnH.png);}
.CaseInfo_wrap{margin:0;width:100%;height:80px;border:none;}
.CaseInfo_imgBox{height:80px;transition:ease 0.5s;-moz-transition:ease 0.5s;-ms-transition:ease 0.5s;-o-transition:ease 0.5s;-webkit-transition:ease 0.5s;}
.CaseInfo_imgBox li{width:80px;margin-left:6px;margin-right:6px;height:80px;border:1px solid #e5e5e5;opacity:0.7;}
.CaseInfo_imgBox li:hover{opacity:1;}
.CaseInfo_imgBox .CaseInfo_imgOn{opacity:1;border-color:#dbb993;}

.CaseInfo_content_R{padding:20px 15px 10px;background-color:#fff;}
.CaseInfo_txtWrap{overflow:auto;font-size:12px;}
.CAseInfo_gongneng{padding:0;}
.CAseInfo_gongneng p{font-size:14px;font-weight:bold;}
.CAseInfo_gongneng ul li{padding-bottom:0;}
.CaseInfo_fanye{margin-top:15px;padding:10px 0;}
.CaseInfo_fanye > div p{font-size:12px;padding-top:5px;text-align:center;}
.CaseInfo_content{padding-bottom:50px;}
.more-case>ul li{float:left;width:24%;margin-left:1.33% ;margin-bottom:0}
.more-case>ul li:first-child{margin-left:0 }
    .more-case>ul>li p{padding:10px;background-color:#ffffff;overflow:hidden}
    .more-case>ul>li p a{display:block;height:40px;overflow:hidden}
    .CaseInfo_content_L{padding:50px;background-color:#ffffff}
}
@media(min-width:992px){
.CaseInfo_box{height:400px;}
.CaseInfo_lunbo,.CaseInfo_wrap,.CaseInfo_imgBox{height:100px;}
.CaseInfo_imgBox li{width:100px;margin-left:13px;margin-right:13px;height:100px;}
.CaseInfo_content_R{padding:50px 30px 30px;}
.CaseInfo_txtWrap{font-size:14px;}
.CAseInfo_gongneng p{font-size:16px;}
.CaseInfo_fanye{margin-top:35px;padding-top:30px;padding-bottom:10px;}
.CaseInfo_nextBg,.CaseInfo_previousBg{width:80px;height:57px;background-size:80px;padding-right:8px;padding-top:7px;}
.CaseInfo_previousBg{padding-right:0;padding-left:8px;}
.CaseInfo_fanye > div p{padding-top:30px;}
}
@media (min-width:1200px){
.CaseInfo_box{height:400px;}
.CaseInfo_imgBox li{margin-left:12px;margin-right:12px;}
    .more-case>ul>li p{padding:12px; text-align: justify;}
}