@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: 28px auto;font-weight: 500;}
h3 p{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%;min-width: 1179px;}
.w{width: 1180px;}
.m{margin: auto;}
/*@media screen and (min-width: 1180px) {*/
    /*.w{width: 1180px;}*/
    /*.wb{width: 50%;}*/
/*}*/
/*@media screen and (max-width: 1179px) {*/
    /*.w{width: 96%;}*/
    /*.wb{width: 70%;}*/
/*}*/
a{text-decoration: none;color: #fff;}
a:hover{text-decoration: none;color: #ddd;}
.adv input::-webkit-input-placeholder {color: #eee;}
.mk{height:0;width:100%;}
.head{ background: #000 url("/Home/images/vr20181129/bj001.png") center no-repeat;-webkit-background-size: contain;background-size:contain;overflow: hidden;margin-top: 85px;}
.nav{    padding: 10px 0;
    /* background: rgba(0,0,0,0.3); */
    background-color: #000;
    overflow: hidden;
    line-height: 4;
    position: fixed;
    z-index: 999;
    top: 0px;
    height: 66px;}
.nav ol{float: left;text-indent: 20px;}
.nav ul{float: right;}
.nav ul li{display: inline;margin-right: 30px;float: left;}
.nav ul li a{margin: 0 20px;}
.nav ul li span{background: #06c4de;border-radius: 20px;border: #828469 1px solid;width: 100px;padding: 4px 10px;}
.xl{line-height:30px;height: 30px;text-align: center;margin-top: 10px;}
.xl .alt{width:80px;height:30px;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:52px;width:80px;border:2px solid #eee;z-index:1;border-radius: 20px;background: #06c4de;padding: 0;}
.details{padding: 180px 0;overflow: hidden;}
.details li{width: 51%;margin-top: 30px;line-height: 2;color: #cccccc;}
.details li img{width: 70%;}
.details li a{background: #06c4de;border-radius: 20px;border: #65ecff 2px solid;width: 100px;padding: 5px 40px;font-size: 20px;}
.intro{background:#fff /*url("/Home/images/vr20181129/bj_02.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden; padding-top: 80px; padding-bottom: 120px;}
.rot{}
.activity{background:#fff/* url("/Home/images/vr20181129/bj_03.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden; padding-bottom: 100px;}
.act{text-align: center;margin: 40px auto;}
.act li{width: 20%;margin: auto 2%;float: left;line-height: 1.8;}
.act a{display: block;width: 99%;border: rgba(0,0,0,0) 2px solid;padding-top: 30px;}
.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: 30px auto;font-weight: 600;}
.act li h4{font-size: 16px; height: 160px;}
.act li h5{font-size: 18px;margin-top: 160px;font-weight: normal;}
.act .bj1{background: url("/Home/images/vr20181129/hd1.jpg") no-repeat center bottom ;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.act .bj2{background: url("/Home/images/vr20181129/hd2.jpg") no-repeat center bottom;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.act .bj3{background: url("/Home/images/vr20181129/hd3.jpg") no-repeat center bottom ;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.act .bj4{background: url("/Home/images/vr20181129/hd4.jpg") no-repeat center bottom ;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.Train{background:#fff/*url("/Home/images/vr20181129/bj_04.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;margin-top: -1px; padding-bottom: 100px;}
.Tra li{float: left;overflow: hidden;text-align: center;margin: 10px 10px;height: 360px;}
.Tra li img{width: 100%;height: 100%;transition-duration: 1s;}
.Tra li:hover img{width: 120%;height: 400px;margin-left: -10%;margin-bottom: -40px;transition-duration: 1s;}
.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: 40%;}
.Tra .t6{width: 55%;}
.charge{background:#fff/*url("/Home/images/vr20181129/bj_05.gif") no-repeat*/; -webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden; padding-bottom: 100px;}
.cha{color: #FFFFFF;text-align: center;font-size: 18px;line-height: 3.2;}
.cha li{width: 40%;margin: auto 5%;float: left;padding: 50px 0 30px 0;}
.cha li em{font-size: 12px; margin-top: -20px;}
.cha li span{font-size: 24px;font-weight: 600;}
.cha li h1{font-size: 24px;font-weight: 800;margin-top: 15px; height: 40px;}
.cha li p{line-height: 4;}
.cha .ll{background: url("/Home/images/vr20181129/ll.png") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;box-sizing: border-box;padding-left:30px;}
.cha .lr{background: url("/Home/images/vr20181129/lr.png") no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;padding-right: 30px;box-sizing: border-box;}
.fixing{background:#fff/*url("/Home/images/vr20181129/bj_06.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;}
.js{line-height: 2;}
.fix{height: 560px;}
.film{background:#fff/*url("/Home/images/vr20181129/bj_07.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;}
.films{height: 500px;}
.product{background:#fff/*url("/Home/images/vr20181129/bj_08.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden; padding-bottom: 50px;}
.products{height: 400px;}
.rule{background:#fff/*url("/Home/images/vr20181129/bj_09.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;}
.rules{font-size: 16px;width: 45%;}
.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: 2.5;padding-left: 10%;}
.advance{background:#fff/*url("/Home/images/vr20181129/bj_10.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden; padding-bottom: 58px;}
.adv{width: 30%;margin-bottom: 50px;}
.adv h2{font-size: 18px;line-height: 4.2;}
.adv input{background: rgba(0,0,0,0);color: #666 !important;border: #000 1px solid;zoom: 1;height: 40px;}
.sel-tel select{color: #666 !important;border: 1px solid #000 !important;}

.adv .ad_0{width: 100%;font-size: 16px;text-indent: 20px;line-height: 2.3;}
.adv .ad_1{width: 38%;font-size: 16px;text-align: center; color: #fff;}
.adv .ad_2{width: 20%;font-size: 16px;text-align: center;}
.adv a{width: 100%;height: 50px;line-height: 50px;background: #06c4de;text-align: center;display: block;margin-top: 100px;font-size: 18px;}
.address{background:#fff/*url("/Home/images/vr20181129/bj_11.gif")*/ no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;overflow: hidden;}
.add {line-height: 4;color: #000;}
.add iframe{width: 100%;height: 600px;}
.adv input[placeholder]{color: #fff;}
/*::-webkit-datetime-edit { padding: 1px; }*/
/*::-webkit-datetime-edit-fields-wrapper { }*/
/*::-webkit-datetime-edit-text { padding: 0 .3em; }*/
/*::-webkit-datetime-edit-year-field { }*/
/*::-webkit-datetime-edit-month-field { }*/
/*::-webkit-datetime-edit-day-field { }*/
/*::-webkit-inner-spin-button { visibility: hidden; }*/
/*::-webkit-calendar-picker-indicator {*/
    /*border: 1px solid #fff;*/
    /*border-radius: 2px;*/
    /*box-shadow: inset 0 1px #fff, 0 1px #eee;*/
    /*background-color: #eee;*/
    /*background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);*/
    /*color: #666;*/
/*}*/
/*焦点图*/
.focus{ position:relative; width:80%; height:400px; background: rgba(0,0,0,0.5);}
.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%; float:left; display:none;}
.focus .fcon img{ width:40%;height: 80%;margin: 5%;}
.focus .fcon ul{width: 50%;float: right;line-height: 1.6;margin-top: 5%;}
.focus .fcon ul h1{font-size: 16px;}
.focus .fcon ul h2{font-size: 18px;color: #fff;font-weight: 800;margin-top: 20px;}
.focus .fcon ul h4{font-size: 22px;color: #05c3de;font-weight: 800;margin-bottom: 20px;}
.focus .fcon ul h5{font-size: 16px;padding-right: 30px;box-sizing: border-box;line-height: 30px;}
.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:56px;height:123px;}
.focus .prev{top: 30%; left:-80px; background: url("/Home/images/vr20181129/prev1.png"); cursor:pointer; z-index:99;}
.focus .next{top: 30%; right:-80px; background: url("/Home/images/vr20181129/next1.png");  cursor:pointer; z-index:99;}

/*焦点图*/
.focus0{ position:relative; width:80%; height:530px; background: url("/Home/images/vr20181129/lhbg.png");-webkit-background-size: 100% 100%;background-size: 100% 100%;margin-top: 140px;}
.focus0 img{ width:100%; height: 400px;}
.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:98%;height: 360px; float:left; display:none;color: #000000;}
.focus0 .fcon img{display: inline-block;  width:98%;height:auto;margin: 2%;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: 46%; 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:90px;height:110px;}
.focus0 .prev{top: 40%; left:-100px; background: url("/Home/images/vr20181129/prev2.png"); cursor:pointer; z-index:99;}
.focus0 .next{top: 40%; right:-100px; background: url("/Home/images/vr20181129/next2.png");  cursor:pointer; z-index:99;}
.js0{width: 90%;height: 120px;position: relative;margin-top: -120px;overflow: hidden;word-wrap:break-word;}


/*焦点图*/
.focus1{ position:relative; width:80%; height:450px;}
.focus1 .fcon{ width:77%;height: 300px; float:left;}
.focus1 .fcon img{ width:90%;height: 380px;margin: 5%;border-radius: 10px;}
.focus1 .fbg{right: 0; position:absolute; height:100%;width: 20%; text-align:center; z-index: 200;}
.focus1 .D1fBt{ overflow:hidden; zoom:1; height:100%;width: 100%; z-index:10;}
.focus1 .D1fBt a{position:relative; width:100%; height:100px; margin:2.5% 5px; float:left;}
.focus1 .D1fBt a em{position:relative; width:100%; height:100px;display: block;margin-top: -100px;}
.focus1 .D1fBt a em:hover{background: url("/Home/images/vr20181129/yp_jg.png");-webkit-background-size: 97% 100%;background-size: 97% 100%;}
.focus1 .D1fBt a img{width: 100%;height: 100%;}
.focus1 video{max-width: 100%;max-height: 100%;margin-top: 15px;}
.focus1 iframe{width: 100%;height: 420px;border: 0}

#tab{position: relative;width: 100%;margin-top: 50px;}
#tab .tabList ul{margin: auto;text-align: center;}
#tab .tabList ul li{
    background: #053f47;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    display: inline;
    margin: auto 10px;
}
#tab .tabCon{width: 100%;overflow: hidden;margin: 40px auto;text-align: center;}
#tab .tabCon li{border: #0a6872 2px solid;background: #fff;border-radius: 10px;padding: 5px;line-height: 2;width: 20%;display: inline-block;margin: 15px 1%;text-align: left;}
#tab .tabCon li img{height: 200px;}
#tab .tabCon li h2{font-size: 16px;color: #000;display: inline-block;width: 100%;height: 60px;line-height: 30px;}
#tab .tabCon li h2 a{color: #000000;}
#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);}
.zyyuyue{display: block;height: 50px;line-height: 50px; transition: all 0.5s;font-size: 18px;}
.zyyuyue:hover{font-size: 20px; transform: scale(1.07);}
.my-line{}
.samlllogo{width: 100%;text-align: right; position: absolute;bottom: 30px;right: 40px;}
.samlllogo img{display: inline-block;width: 100px !important;height: auto;}
#ceshianniu{background-color: #06c4de;transition: all 1s;color: #fff;}
#ceshianniu:hover{background-color: #09eaf5;color: #fff; font-size: 20px; transform: scale(1.07);}
.dada{padding-left: 20px;box-sizing: border-box;margin-right: 50px;}
.mleft{margin-left: 50px;}
.zy-gang{position: relative;}
#vr_phone{padding-left: 30px;box-sizing: border-box;}

.zizi{line-height: 40px;padding-left: 10px; font-size: 16px; position: absolute;display: inline-block;height: 40px;left: 0px;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{min-height: 500px;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:0px;width:130px;    padding-left: 0px !important;color: #666666;}
.seltimetit{border: 1px solid #000 !important;padding: 0 10px !important;box-sizing: border-box;}
.mask-close{position: absolute;top: 8%;right: 8%;font-size: 40px;color: #fff;}
.sel-tel select{width: 110px !important;}
.dede{height: 40px !important;line-height: 39px;padding-left: 10px !important;margin-right: 50px;width:130px;}
.bigger{width: 102% !important;}
.js0 .small-zy{margin-top: 20px !important;font-size: 1.12em !important;line-height: 1.6;}
.seltime{width: 120px !important;margin-left:10px !important;margin-right:20px;}
.mk{
    position: relative;
    top: -80px; // 偏移为nav被fixed元素的高度
    display: block;
    height: 0; //高度为0
    overflow: hidden;
}
.nopadding{
	top: 0px !important;
}