@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{/* border:0; */}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* J_View360 */
#J_View360{width:100%;margin:0 auto;height:690px;}
.view360-go{width:990px;margin:0 auto;position:relative;}
.view360-go img{display:block;left:355px;position:absolute;top:-16px;}
.ox-control{width: 100%;margin:0 auto;position:relative;}
.ox-control .direction{position:absolute;left:78px;top:-150px;width:123px;height:83px;background:url(back.png) no-repeat;*background:none;}
.ox-control .direction .bg{position:absolute;top:0;left:0;width:123px;height:83px;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='back.png');z-index:-1;}
.ox-control .direction .left{width:20px;display:inline;float:left;height:100px;cursor:pointer;text-indent:-1000px;overflow:hidden;}
.ox-control .direction .right{width:20px;display:inline;float:right;height:100px;text-indent:-1000px;overflow:hidden;cursor:pointer;}
.ox-control .direction .back{width:40px;height:40px;position:absolute;left:40px;top:20px;text-indent:-1000px;overflow:hidden;cursor:pointer;}.ox-control .views{position:absolute;/* top:-60px; */width: 100%;right: 0;left: 0;bottom: 0;height: 160px;background: rgba(0,0,0,0.5);}
.ox-control .views-bg,.ox-control .views-text{width:223px;height:44px;position:absolute;left:0;top:0;}
.ox-control .views-bg{background:url(nav_bg.png) no-repeat;*background:none;* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='nav_bg.png');z-index:1;}
.ox-control .views-text{background:url(T1SqWdXd8oXXXXXXXX-223-44.png) no-repeat;*background:none;* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='T1SqWdXd8oXXXXXXXX-223-44.png');z-index:3;}
.ox-control .views-block{opacity: 0; background:#3A0000;width:30px;height:26px;position:absolute;top:12px;left:52px;z-index:2;}
.ox-control .views-trigger{/* top: 0; */left: 50px;right: 50px;bottom: 30px;z-index:5;position:absolute;/* width: 100%; */display: flex;flex-flow: row wrap;align-content: flex-start;}
.ox-control .views-trigger a{flex: 1;display:inline;float:left;/* width: 50px; */height: 100px;margin: 0px 15px;cursor:pointer;/* text-indent:-1000px; *//* overflow:hidden; */border: 5px #fff solid;}
.ox-control .views-trigger a img{width:100%;height: 100%;object-fit: cover;}
.ox-control .views-trigger .views-1,.ox-control .views-trigger .views-5{/* width:41px; */}
.lv-content{background:url(loding.png) no-repeat center center;position:relative;}

.ox-control .views-trigger a.on{border-color:#004dd5}


@media all and (max-width:1024px){
#J_View360{height:500px;}    
.ox-control .views {height: 120px;}
.ox-control .views-trigger {left: 20px;right: 20px;bottom: 20px;}
.ox-control .views-trigger a {height: 80px;margin: 0px 10px;border: 3px #fff solid;}

}



@media all and (max-width:760px){
#J_View360{height:300px;}    
.ox-control .views {position: inherit;height: auto;padding: 20px 10px 10px 10px;background: #eee;}
.ox-control .views-trigger {position: initial;left: 10px;right: 10px;bottom: 10px;}
.ox-control .views-trigger a {flex:initial; width:31.3%;display: inline-block; height: 60px;margin: 0px 1% 2% 1%; }

}