@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,p,pre,form,input,button,textarea,hr{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,em,i{font-weight: normal;}
em,i{font-style: normal;}
div{margin: 0 auto;}
h1{font-size: 1em;}
h2{font-size: 1.3em;}
h3{/* background: url("/Home/images/vr20181129/cd.png") no-repeat top center; */font-size: 24px;text-align: center;line-height: 2;margin: 18px auto;font-weight: 500;}
h3 p{color: #000000;font-size: 16px;}
*{margin: 0;padding: 0;list-style-type: none;}
img{vertical-align: middle;border: 0;}
body{font-family: 微软雅黑 sans-serif;font-size: 87.5%;color: #000;}
.r{float: right;}
.l{float: left;}
.w100{width: 100%;}
.w{width: 96%;max-width: 560px;}
.m{margin: auto;}
a{text-decoration: none;color: #dfe6e9;}
a:hover{text-decoration: none;color: #000;}

.mk{height:0;width:100%;}
.head{background: url("/Home/images/vr20181129/bigbg.jpg") no-repeat top right ;-webkit-background-size: auto 100%;background-size: auto 100%;overflow: hidden;margin-top: 100px; }
.nav{padding: 10px 0;background-color:#000;z-index: 999;top: 0px; overflow: hidden;line-height: 3;position: fixed;}
.nav ol{float: left;text-indent: 20px;width: 20%;}
.nav ol img{width: 100%;}
.nav ul{float: right;}
.nav ul li{display: inline;margin-right: 10px;float: left;}
.nav ul li a{margin: 0 2px;}
.nav ul li span{background: #06c4de;border-radius: 20px;border: #828469 1px solid;width: 100px;padding: 4px 10px;}
.yc{width: 0;height: 0;overflow: hidden;}
.menu{width: 100%;font-size: 18px;}
.menu li{width: 100%;text-align: center;}
.xl{line-height:26px;height: 26px;text-align: center;margin-top: 5px;}
.xl .alt{width:80px;height:26px;border:2px solid #fff;text-decoration:none;border-radius: 20px;display: block;}
.xl a{margin: 0!important;}
.xl .alt:hover{text-decoration:none;z-index:2;}
.xl .alt i{display:none;text-align: center;padding: 0;}
.xl .alt:hover i{position:absolute;display:block;top:45px;width:80px;border:2px solid #eee;z-index:1;border-radius: 20px;background: #06c4de;padding: 0;}
.details{padding: 15px 0;overflow: hidden;}
.details li{width: 61%;margin-top: 30px;line-height: 1.2;color: #cccccc;}
.details li img{width: 70%;}
.details li a{background: #06c4de;border-radius: 20px;border: #65ecff 2px solid;width: 100px;padding: 5px 20px;font-size: 20px;}
.intro{/* background: url("/Home/images/vr20181129/bj_02.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.rot{}
.activity{/* background: url("/Home/images/vr20181129/bj_03.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.act{text-align: center;margin: 40px auto;}
.act li{width: 46%;margin: auto 2%;float: left;line-height: 1.2;margin-bottom: 20px;}
.act a{display: block;width: 99%;border: rgba(0,0,0,0) 2px solid;padding: 4em 0px;}
.act a:hover{border: #98f3ff 2px solid;background: url("/Home/images/vr20181129/jb.png") repeat-x;}
.act li a img{width: 30%;}
.act li h2{font-size: 20px;margin: 20px auto;font-weight: 600;}
.act li h4{font-size: 16px; height: 80px;}
.act li h5{font-size: 18px;margin-top: 80px;font-weight: normal;}
.act .bj1{background: url("/Home/images/vr20181129/hd1.jpg") no-repeat center bottom ;-webkit-background-size:  100%;background-size:  100%;}
.act .bj2{background: url("/Home/images/vr20181129/hd2.jpg") no-repeat center bottom ;-webkit-background-size:  100%;background-size:  100%;}
.act .bj3{background: url("/Home/images/vr20181129/hd3.jpg") no-repeat center bottom ;-webkit-background-size:  100%;background-size:  100%;}
.act .bj4{background: url("/Home/images/vr20181129/hd4.jpg") no-repeat center bottom ;-webkit-background-size: 100%;background-size:100%;}
.Train{/* background: url("/Home/images/vr20181129/bj_04.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;margin-top: -1px;}
.Tra li{float: left;overflow: hidden;text-align: center;margin: 5px 0;height: 180px;}
.Tra li img{width: 100%;height: 100%;}
.Tra a{position: relative;width: 100%;height: 36px;line-height: 36px;display: block;z-index: 99;background: rgba(0,0,0,0.5);margin-top: -36px;}
.Tra .t4{width: 100%;}
.Tra .t6{width: 100%;}
.charge{/* background: url("/Home/images/vr20181129/bj_05.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.cha{color: #fff;text-align: center;font-size: 14px;}
.cha li{width: 90%;margin: auto 2%;float: left;padding: 50px 0 30px 0;}
.cha .zy-wap{margin-left:10%}
.zy-wapwap{width: 92%;margin-left:12%}
.cha li em{font-size: 10px;}
.cha li span{font-size: 18px;font-weight: 600;}
.cha li h1{font-size: 16px;font-weight: 800;margin-top: 30px;}
.cha li p{line-height: 4;font-size: 12px;}
.cha .ll{background: url("/Home/images/vr20181129/ll.png") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.cha .lr{background: url("/Home/images/vr20181129/lr.png") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.fixing{/* background: url("/Home/images/vr20181129/bj_06.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.js{line-height: 2;margin: 20px auto;}
.film{/* background: url("/Home/images/vr20181129/bj_07.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.films{}
.product{/* background: url("/Home/images/vr20181129/bj_08.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%; */overflow: hidden;}
.products{height: 410px;}
.rule{background: url("/Home/images/vr20181129/bj_09.gif") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;overflow: hidden;}
.rules{font-size: 16px;width: 85%;}
.rules dl{margin-bottom: 50px;}
.rules dt{background: url("/Home/images/vr20181129/xh.png") no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;line-height: 70px;}
.rules dt i{font-size: 36px;padding: 0 35px 0 20px;font-weight: 800;}
.rules dd{line-height: 1.5;padding-left: 10%;}
.advance{/* background: url("/Home/images/vr20181129/bj_10.gif") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%; */overflow: hidden;}
.adv{width: 95%;margin-bottom: 50px;text-align: center;}
.adv h2{line-height: 3;font-size: 18px;}
.adv input{background: rgba(0,0,0,0);color: #fff;border: #fff 1px solid;zoom: 1;height: 40px;}
.sel-tel select{border: 1px solid #000000 !important;color: #666666 !important; }
.seltimetit {
    color: #666666 !important;border: 1px solid #000 !important;
}
.adv .ad_0{width: 80%;text-indent: 20px;line-height: 2.3;border: 1px solid #000000;color: #666666;}
.adv .ad_1{width: 70%;font-size: 16px;text-align: center;}
.adv .ad_2{width: 34%;font-size: 16px;text-align: center;margin-top: 20px;}
.adv a{width: 60%;margin: 20px 20%;font-size: 16px;display: block;height: 30px;line-height: 30px; }
.address{/* background: url("/Home/images/vr20181129/bj_11.gif") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%; */overflow: hidden;}
.add {line-height: 30px;color: #000;}
.add span{position: relative;margin:-30px auto auto 70px;display: block;}
.add iframe{width: 100%;height: 300px;}
/*焦点图*/
.focus{ position:relative; width:80%; height:500px; background: rgba(0,0,0,0.5);margin-bottom: 20px;}
.focus img{ width:100%; height: 400px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:400px; height:108px; padding:20px 100px 20px 20px; position:absolute; bottom:276px; right:0; z-index:10; line-height:40px; background:rgba(104,70,137,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%;height: 200px; float:left; display:none;}
.focus .fcon img{ width:90%;height: auto;margin: 5%;max-height: 200px;}
.focus .fcon ul{width: 90%;float: right;line-height: 1.1;margin-top: 5%;}
.focus .fcon ul h1{font-size: 16px;height: 18px;overflow: hidden;}
.focus .fcon ul h2{font-size: 18px;color: #fff;font-weight: 800;margin-top: 5px;}
.focus .fcon ul h4{font-size: 22px;color: #05c3de;font-weight: 800;margin-bottom: 5px;}
.focus .fcon ul h5{font-size: 14px;line-height: 20px;overflow: hidden;}
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:0; height:0; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#684689;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:30px;height:60px;}
.focus .prev{top: 40%; left:-40px; background: url("/Home/images/vr20181129/prev1.png");-webkit-background-size: 100% 100%;background-size: 100% 100%; cursor:pointer; z-index:99;}
.focus .next{top: 40%; right:-40px; background: url("/Home/images/vr20181129/next1.png");-webkit-background-size: 100% 100%;background-size: 100% 100%;   cursor:pointer; z-index:99;}
/*焦点图*/
.focus0{ position:relative; width:80%; height:200px; background: url("/Home/images/vr20181129/lhbg.png");-webkit-background-size: 100% 100%;background-size: 100% 100%;margin-top: 210px;}
.focus0 .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus0 .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus0 .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus0 .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus0 .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus0 .fPic{ position:absolute; left:0px; top:0px; }
.focus0 .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}
.focus0 .shadow{ width:400px; height:108px; padding:20px 100px 20px 20px; position:absolute; bottom:276px; right:0; z-index:10; line-height:40px; background:rgba(104,70,137,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus0 .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus0 .fcon{ position:relative; width:100%;height: 200px; float:left; display:none;color: #000000;}
.focus0 .fcon img{ width:90%;height: 180px;margin: 10px auto auto 5%;border-radius: 10px;}
.focus0 .fcon ul{width: 50%;float: right;line-height: 1.6;margin-top: 5%;}
.focus0 .fcon ul h1{font-size: 16px;}
.focus0 .fcon ul h2{font-size: 18px;color: #b2b2b2;font-weight: 800;margin-top: 20px;}
.focus0 .fcon ul h4{font-size: 22px;color: #05c3de;font-weight: 800;margin-bottom: 20px;}
.focus0 .fcon ul h5{font-size: 10px;}
.focus0 .fbg{bottom:-30px;left: 33%; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus0 .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus0 .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#656d6e; }
.focus0 .D1fBt .current,.focus0 .D1fBt a:hover{background:#05c1db;}
.focus0 .D1fBt img{display:none}
.focus0 .D1fBt i{display:none; font-style:normal; }
.focus0 .prev,.focus0 .next{position:absolute;width:45px;height:55px;}
.focus0 .prev{top: 30%; left:-45px; background: url("/Home/images/vr20181129/prev2.png");-webkit-background-size: 100% 100%;background-size: 100% 100%; cursor:pointer; z-index:99;}
.focus0 .next{top: 30%; right:-45px; background: url("/Home/images/vr20181129/next2.png");-webkit-background-size: 100% 100%;background-size: 100% 100%;  cursor:pointer; z-index:99;}
.js0{width: 100%;height: 225px;position: relative;margin-top: -223px;overflow: hidden;word-wrap:break-word;}
/*焦点图*/
.focus1{ position:relative; width:100%; margin-bottom: 30px;overflow: hidden;}
.focus1 .fcon{ width:100%; float:left;margin-top: 100px;}
.focus1 .fcon img{ width:90%;height: 90%;margin: 5%;border-radius: 10px;}
.focus1 .fbg{position:absolute; height:60px;width: 100%; text-align:center; z-index: 200;}
.focus1 .D1fBt{ overflow:hidden; zoom:1; height:70px;width: 100%; z-index:10;}
.focus1 .D1fBt a{position:relative; width:23%; height:60px; margin:auto 1%; float:left;}
.focus1 .D1fBt a em{position:relative; width:100%; height:60px;display: block;margin-top: -60px;}
.focus1 .D1fBt a em:hover{background: url("/Home/images/vr20181129/yp_jg.png");-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.focus1 .D1fBt a img{width: 100%;height: 100%;}
.focus1 video{width: 100%;height: 100%;}
.focus1 iframe{width: 100%;height: 220px;border: 0}
#tab{position: relative;width: 100%;margin-top: 10px;}
#tab .tabList ul{margin: auto;text-align: center;max-height: 100px;overflow: hidden;}
#tab .tabList ul li{background: #053f47;padding: 8px 10px;text-align: center;cursor: pointer;border-radius: 10px;display: inline-block;margin: 10px;}
#tab .tabCon{width: 100%;overflow: hidden;margin: 5px auto;text-align: center;}
#tab .tabCon li{border: #0a6872 2px solid;background: #fff;border-radius: 10px;padding: 5px;line-height: 2;width: 40%;display: inline-block;margin: 5px 1%;text-align: left;}
#tab .tabCon li img{height: 100px;margin: auto;margin-left: 10%;}
#tab .tabCon li h2{font-size: 16px;color: #000;line-height: 25px;height: 25px;overflow: hidden;display: block;width: 100%;}
#tab .tabCon li span{color: #06c2db;font-size: 18px;font-weight: 600;}
#tab .tabList li.cur{border-bottom: none;background: #068293;}
#tab .tabCon div.cur{opacity: 1;filter: alpha(opacity=100);}
#tab .tabCon div{padding: 10px;position: absolute;opacity: 0;filter: alpha(opacity=0);}
.my-line{margin-left: 4px;}
.samlllogo{width: 100%;text-align: right; position: absolute;bottom: 10px;right: 10%;}
.samlllogo img{display: inline-block;width: 30% !important;height: auto;}
#ceshianniu{background-color: #06c4de;color: #fff;display: block;}
#ceshianniu:active{background-color: #09eaf5;color: #fff;}
#ceshianniu:link{background-color: #09eaf5;color: #fff;}
#ceshianniu:visited {background-color: #09eaf5;color: #fff;}
.mleft{margin-left: 25% !important;}
.dada{padding-left: 10px;box-sizing: border-box;display: block;    display: block;
    margin: 0px auto;
    margin-bottom: 30px;}
    .js0 h2{font-size: 16px !important;}
.sel-tel{margin-bottom: 10px;}
.dede{display: block !important;margin: 0px auto;}
.zy-gang{position: relative;}
#vr_phone{padding-left: 10%;box-sizing: border-box;}
.zizi{line-height: 40px;padding-left: 10px; position: absolute;display: inline-block;height: 40px;left: 15%;bottom: 0px;}
.mask-zy{display: none; z-index: 999;width: 100%; position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;background:rgba(0,0,0,0.5) ;}
.mask-zy video,.mask-zy iframe{height: auto; display: none; width: 80%;margin: 0 auto;margin-top: 100px;}
.mask-zy video,.mask-zy iframe{width: 80%;height: 80%;margin-left: 10%;}
.mask-zy img{margin-left: 10%;}
.seltimetit{padding-right: 10px;}
.mask-close{position: absolute;top: 8%;right: 8%;font-size: 20px;color: #fff;}
.dede{height: 40px !important;line-height: 39px;padding-left: 10px !important;}
.js0 .small-zy{margin-top: 10px !important;font-size:15px !important;}
.js0  h2{margin-top: 10px;}
#D1pic1 .first-img{width: 50% !important;margin-left: 25% !important;}
.mk{
    position: relative;
    top: -100px; // 偏移为nav被fixed元素的高度
    display: block;
    height: 0; //高度为0
    overflow: hidden;
}