/* 产品滚动 */

.device{ height:auto; margin:65px auto;position: relative;}
.device .scroll{ width:100%; height:516px; overflow:hidden; position:relative;}
.device .scroll ul{  height:516px; }
.device a.pre, .device a.next{position: absolute;top: 200px;}
.device a.pre{width: 26px;height: 46px;background: url(../images/l.png) no-repeat;display: block;text-indent: -999px;left: -67px;}
.device a.next{width: 26px;height: 46px;background: url(../images/r.png) no-repeat;display: block;text-indent: -999px;right: -55px;}
.device a:hover.pre{width: 26px;height: 46px;background: url(../images/lh.png) no-repeat;display: block;text-indent: -999px;left: -75px;}
.device a:hover.next{width: 26px;height: 46px;background: url(../images/rh.png) no-repeat;display: block;text-indent: -999px;right: -65px;}
.device ul{ overflow:hidden;}
.device ul li{ width:338px; height:251px;  margin-right:6px;margin-left:6px; margin-bottom:15px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:338px; height:251px; position:absolute; left:0; top:0; z-index:10; background:url(../images/loading.gif) no-repeat center center;}
.device ul li a.link{ display:block; width:338px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:url(../images/dot.png) repeat;z-index:20;}
.scroll a span {position:absolute;display:none; line-height:40px;z-index:11; }
.scroll a:hover span {display:block;width:298px;height:251px;background:url(../images/imgbg.png) center; font-size:26px;padding:50px 20px 0 20px; color:#ffa200; text-align:center;z-index:11; }
.scroll a span{padding:90px auto 0 auto;width:218px;text-align:center;vertical-align:middle;color:#fff;}
.scroll a span p{margin-bottom:15px;padding:5px 0 10px 0;color:#fff;border-bottom:1px dotted #fff;line-height:20px;margin-top:10px;font-size: 14px;text-align: left}



.indexCaseMain{width: 100%;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;-webkit-transition-duration: 1.5s;-moz-transition-duration: 1.5s;-ms-transition-duration: 1.5s;-o-transition-duration: 1.5s;transition-duration: 1.5s;}
/*.indexCaseMain .indexCaseRoll{width: 4890px;}*/
.indexCaseMain .indexCaseRoll a{float: left;display: block;width: 405px;margin-right: 22.5px;position: relative;overflow: hidden;background: #000;height: 300px;}
.indexCaseMain .indexCaseRoll a:hover:before{width: 85%;}
.indexCaseMain .indexCaseRoll a:hover:after{height: 85%;}
.indexCaseMain .indexCaseRoll a:hover img{opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;}
.indexCaseMain .indexCaseRoll a:hover em{opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;text-align: center}
.indexCaseMain .indexCaseRoll a:hover em:before{width: 85%;}
.indexCaseMain .indexCaseRoll a:hover em:after{height: 85%;}
.indexCaseMain .indexCaseRoll a:before{content: '';z-index: 99;height: 1px;background: #fff;width: 0%;position: absolute;top: 15%;right: 7.5%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a:after{content: '';z-index: 99;width: 1px;background: #fff;height: 0%;position: absolute;top: 7.5%;right: 15%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a span{display: block;overflow: hidden;width: 100%;}
.indexCaseMain .indexCaseRoll a span img{display: block;width: 100%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a em{position: absolute;top: 50px;bottom: 0;right: 0;left: 0;display: block;z-index: 1;color: #fff;font-weight: 700;font-size: 24px;line-height: 270px;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.indexCaseMain .indexCaseRoll a em:before{content: '';height: 1px;background: #fff;width: 0%;position: absolute;bottom: 15%;left: 7.5%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}
.indexCaseMain .indexCaseRoll a em:after{content: '';width: 1px;background: #fff;height: 0%;position: absolute;bottom: 7.5%;left: 15%;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;}