#topnav{ top:0px;}
.banner{ width:100%; height:550px; background:url(../images/header-images-8.jpg) no-repeat; background-position:center top; text-align:center; padding-top:30px;}
.inner{ }
.inner img{margin:0 auto; margin-top:30px;}
.caseall{ width:100%; padding:50px 0; background:#f8f8f8; display:table;}
.caseall .casebox{ width:330px; height:220px;  float:left; margin-right:15px; margin-bottom:15px; background:url(../images/logo2-1.png) no-repeat #ccc; background-position: 80px 10px; position:relative;}
.caseall .casebox img{ width:100%; height:auto; float:left; position:relative; z-index:0;}
.caseall .casebox b{ width:100%; height:100%; background:#ff7b00; position:absolute; left:0; top:0; z-index:5;  filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; display:none; }
.caseall .casebox .text{ width:100%; height:100%; color:#fff; position:absolute; left:0; top:0; z-index:10; text-align:center; display:none; }
.caseall .casebox .text h3{ font-family:"微软雅黑";  line-height:30px; font-size:25px; margin-top:40px;}
.caseall .casebox .text h3 span{font-family:"微软雅黑"; font-weight:bold;}
.caseall .casebox .text h4{font-family:"Sisco Light","微软雅黑"; font-size:20px; margin-top:15px; }
.caseall .casebox .text h4 span{ border-top:1px dashed #fff; border-bottom:1px dashed #fff; padding:3px 5px;}
.caseall .casebox .text h5{ font-family:"微软雅黑";  line-height:30px; font-size:25px; margin-top:10px;}
.caseall .casebox .text .arrw{ width:31px; height:31px; background:url(../images/casearrw.png); float:none; margin:0 auto; margin-top:30px;}
.caseall .casebox .text .zoom{width:28px; height:29px; background:url(../images/zoom.png); float:none; margin:0 auto; margin-top:30px;}
.caseall .casebox .text .line{ width:290px; height:1px; border-bottom:1px dashed #fff; float:none; margin:0 auto; margin-top:10px;}
.caseall .casebox a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:20; display:none;}
.caseall .casel{ margin-right:0;}
.caseall h2{font-family:"微软雅黑";  line-height:30px; font-size:25px; margin-top:-20px; margin-bottom:30px;}
.caseall h2 span{font-family:"微软雅黑"; font-weight:bold;}
.caseall h2.en{font-family:"Sisco Light","微软雅黑";}
.caseall h2.en span{font-family:"FSisco"}



.case1{ width:100%; padding:50px 0;}

.title{ width:100%;}
.title h2{ height:30px; line-height:30px; font-size:30px; font-family:"微软雅黑"; margin-top:40px; color:#313131;}
.title h2 span{font-family:"微软雅黑"; font-weight:bold;}
.title h2.en{ margin-top:10px; font-size:25px; font-family:"Sisco Light","微软雅黑"; }
.title h2.en span{border-bottom:1px dashed #313131; padding-bottom:10px;}

.case1 .text{ width:100%; display:table; margin-top:40px;}
.case1 .text h3{ width:100%; height:30px; line-height:30px; border-bottom:2px solid #ff8400; color:#323232; font-size:16px;}
.case1 .text .line{ width:150px; height:2px; background:#ff8400;}
.case1 .left{ width:700px; float:left; margin-right:40px;}
.case1 .left h4{font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#929292; margin-top:20px; line-height:20px;}
.case1 .left p{color:#929292; font-size:13px; line-height:20px;}

.case1 .right{ float:left; width:280px;}
.case1 .right .box{ width:90%; padding:5%; background:#ebebeb; margin-top:20px; display:table;}
.case1 .right .box .p1{ width:130px; line-height:20px; float:left; margin-bottom:20px;}
.case1 .right .box .p2{ width:120px; line-height:20px; float:left; margin-bottom:20px;}
.morecase{ text-align:right;}
.caseback{ text-align:right; background:#f8f8f8;}

.box-mask {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50);  display: none; z-index:900;}
.videobox { position: absolute; width: 720px; height: 480px; line-height:480px; text-align: center; z-index: 1000; display: none;}
.demo{width:100%; height:100%;margin:0 auto;}

.theslider{ width:1000px; height:500px;  margin:0 auto; position:relative;}
#slides{ display:none;}
#slides .slide{ width:100%; height:100%; text-align:center;}
#slides .slide img{ max-height:100%; width:auto;}
#slides .slidesjs-pagination{ width:100%; height:16px; position:absolute; left:0; bottom:-35px;  text-align:center;}
#slides .slidesjs-pagination li{ display:inline; margin:0  10px;}
#slides .slidesjs-pagination li a{ width:16px; height:16px; display:inline-block; background:url(../images/slidenav_bg.png) no-repeat left -16px; font-size:0;}
#slides .slidesjs-pagination li a.active{ width:16px; height:16px; display:inline-block; background:url(../images/slidenav_bg.png) no-repeat left top; font-size:0;}

#slides .slidesjs-navigation{ position:absolute; top:200px; outline:0; width:38px; height:68px; text-indent:-9999px; z-index:9999; display:block;  }
#slides .slidesjs-previous { left:-50px; background:url(../images/slidenav.png); filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#slides .slidesjs-next  {right:-50px; background:url(../images/slidenav.png) no-repeat right 0px;  filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#slides .slidesjs-previous:hover {left:-50px;  background:url(../images/slidenav.png) no-repeat left -79px; filter:alpha(opacity=100) ; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#slides .slidesjs-next:hover {right:-50px; background:url(../images/slidenav.png) no-repeat right -79px; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}