@charset "utf-8";

/*案例内容页*/
.case-position{background:#f6f6f6;line-height:30px;padding:1% 0;}
.case-position h3{float:left;font-size:24px;font-weight:bold;}
.case-position p{float:right;}
.case-tit h2{font-size:30px;line-height:300%;}
.context{font-size:16px;border-top: 1px solid #e6e6e6;margin: 1% 0 0 0;padding: 1% 0 0 0;display: inline-block;width: 100%;}
.context .pre{float:left;}
.context .next{float:right;}
.caseshow{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1280px; height: 840px; overflow: hidden; visibility: hidden;display: none;}
.caseshow-slides{cursor: default; position: relative; top: 0px; left: 0px; width: 1280px; height: 792px; overflow: hidden;}

/*缩略图*/
.thumb{position:absolute;left:0px;bottom:0px;width:1280px;height:100px;}
.thumb .p {position: absolute;top: 0;left: 0;width: 120px;height: 72px;border: 1px solid #fff;}
.thumb .t {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.thumb .w {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.thumb .c {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:#222 url(../images/on.png) -1280px -1280px no-repeat; _background: none;opacity: 0.4;}
.thumb .pav .c {top: 0;_top: 0px;left: 0;_left: 0px;width:100%;height: 100%;background-position: 50% 50%;}
.thumb .p:hover .c {top: 0px;left: 0px;width:120px;height: 72px;background-position: 50% 50%;}
.thumb .p.pdn .c {background-position: 50% 50%;width: 100%;height: 100%;}

/*左右*/
.arrowleft, .arrowright {display: block;position: absolute;width: 40px;height: 40px;cursor: pointer;background: url(../images/arrow.png) no-repeat;overflow: hidden;top:360px;}
.arrowleft { background-position: -5px 0;left:8px;}
.arrowright { background-position: -55px -0;right:8px;}
.arrowleft:hover { background-position: -105px 0; }
.arrowright:hover { background-position: -155px 0; }
.arrowleft.jssora05ldn { background-position: -205px 0; }
.arrowright.jssora05rdn { background-position: -255px 0; }
.arrowleft.jssora05lds { background-position: -5px 0; opacity: .3; pointer-events: none; }
.arrowright.jssora05rds { background-position: -55px 0; opacity: .3; pointer-events: none; }
@media screen and (max-width:780px){
.caseshow{display: block}
.right{width:100%;}
.right .right-case{width:49%;margin-top:2%;float:left;}
.right .right-news{width:49%;margin-top:2%;float:right;}
.right .right-case dl dd h5{padding: 4px 0 10px 0;}
}
@media screen and (max-width:480px){
.right .right-case{width:100%;}
.right .right-news{width:100%;}
}