h1,h2,h3,body,html,p{margin:0;padding:0}
body {
	font-family:'Microsoft Yahei',STHeiti,sans-serif;
	/*font-family: myFirstFont;*/
  -webkit-font-smoothing: antialiased;
  color: #7777777;
  font-size: 14px;
  line-height: 24px;
}
ul {
  list-style: none;
  padding: 0px;
}
a{color:#333}
.hh{overflow: hidden;width:28%;margin:4% auto 0;height:9rem}
.hh a{display: inline-block; float:right;height:auto;display: block;width:30%}
.hh a:first-child{display: inline-block;float:left;height:auto;width:60%}
.hh a>img{height:auto;width:100%}
.alt-font {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-weight: bold;*/
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.ys-banner2,.ys-banner{width:100%;background-color:#fff; position:relative; display: block;}
.ys-banner{ margin-top: 80px;}
/*.ys-banner2 a,.ys-banner a{display: block;}*/
.ys-banner2 img,.ys-banner img{max-height:98%;width:auto;margin:0 auto;display:block}
.lk{width:9%;position:relative;z-index:10000;display: block;text-align: center;margin:0 auto}
.lk img{margin:0 auto}
/*.ys-banner2 a,.ys-banner a{max-height:98%;width:100%;margin:0 auto;display:block}*/

.banner-content img{width:28%;height:auto}
.banner-content2 img{width:40%;height:auto}
.banner-content .yugou{width:100%;height:auto}
.banner-content2 .yugou{width:100%;height:auto}
.ys-banner2{}

#divi{ height: 1px;line-height:1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    display: block;}

.cc{width:100%;padding:0;margin-top:78px;position:relative}
.cc-content1,.cc-content2,.cc-content3{position:absolute;top:10%;left:6%;width:100%}
.cc-content2 h1,.cc-content3 h1{ color:#333333;font-size:2rem;line-height:30px}
.cc-content1 p,.cc-content2 p,.cc-content3 p{color:#a4a4a5;font-size:1.25rem;margin:0.8rem 0 0rem;}
.cc-content1 h1,.cc-content2 h1{color:#333333;line-height:30px}
.cc-content1 p,.cc-content2 p{color:#a9a9a9}
.banner-content2,.banner-content{width:100%;position:absolute;top:13%;left:0;text-align:center; display: block;}
.banner-top{top:11%}
.banner-content2 h1,.banner-content h1{color:#fff;font-size:76px;}
.banner-content2 h2,.banner-content h2{color:#fff;font-size:30px;margin:20px 0 40px}
/*.banner-content2 .yugou,.banner-content .yugou{display:block;font-size:24px;color:#f8dadc;width:296px;height:70px;line-height:70px;margin:0 auto;background-color:#e50012;position:absolute;z-index:10;left:50%;margin-left:-148px}*/
.link-yugou{display:block;width:100%;height:100%;position:absolute;z-index:9}
.banner img{ width: 100%;padding:0;}
.banner-content2 h1{font-size:50px}
.banner-content2 h2{font-size:18px;margin:20px 0}
/*.banner-content2 .yugou{width:151px;height:49px;line-height:49px;font-size:18px;margin-left:-70.5px;}*/
.no-pad{position:relative;padding:0;transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;}
.no-pad1:hover,.no-pad2:hover,.no-pad3:hover{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);}
.banner{padding:7px 0 10px}
.no-pad a{display:block;padding:0 4px}


/*.no-pad1{border:1px solid #d9dada;transition: all .2s linear;}
.no-pad2{border:1px solid #d9dada;transition: all .2s linear;margin:0 0.5%}
.no-pad3{transition: all .2s linear}*/
.top-active{
	 position: fixed;
  background: #fff;
  width: 100%;
  z-index: 10;
  /*-webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;*/
  line-height: 0;
  top: 0;
}

/*.col-sm-4{width:33%}*/
.fj1,.fj{position:absolute;width:60%!important;right:4%;top:21%}
.fj1{top:20%;right:3%}
.container2{width:933px;margin:0 auto}
.col-sm-3{padding-left:10.5%}
.col-sm-3 ul li{margin:0.8rem 0}
.service h5{font-size:14px;color:#666;font-weight:bold}
.service a{font-size:14px}
section:nth-of-type(odd) {
  background: #2a2d44;
}

.bottom-row{width:64%;overflow:hidden;margin:0 auto;min-width:845px;text-align: center;}
.row-left{width:100%;padding:0}
/*.row-right{width:0%;float:right}*/
/*.row-col:first-child{padding:0}*/
.row-col{float:left;width:20%;text-align:left; max-width: 204px}
.row-col:first-child{padding-left:0;}
.row-col:last-child{padding-right:0;width:40%; text-align: right; max-width:inherit; float: right }
.row-col li{margin-bottom:10px}
.col-sm-3{padding-left:10.5%}
/*.col-sm-3:first-child{padding-left:0}*/
.col-sm-3 ul li{margin:0.8rem 0}
.service{
    padding-top: 6%;
    padding-bottom: 6%;
    background-color: #f9f9f9;
    font-size:12px;
}

.service h5{
    margin-bottom: 15px;
    font-size: 15px;
}

.service a{
    color: #555;
}
.service a:hover{color:#e50012}


footer {
  padding-top:22px;
  padding-bottom: 22px;
  background-color:#d5d5d5;
}
footer{
    font-size: 12px;
    color: #999;
    text-align: center;
}
footer p{
    font-size: 12px;
}

footer a{
    color: #999;
    cursor: pointer;
}
footer a:hover{
    color: #999;
}
#wechat-qr-img{
    position: absolute;
    left: 180px;
    top: -126px;
    z-index: 100;
}

.product-bg{position:relative}
.product-bg .bg{position:absolute;background-color:#000;opacity:0.3;filter:alpha(opacity=30);width:100%;height:100%}
.product-bg .bg-content{position:absolute;width:31%;left:50%;top:50%;margin-left:-15%;margin-top:-86px;text-align:center;opacity:0;transition:all .2s linear;}
/*.bg-hover{position:absolute;top:40%;opacity:1;}*/
.product-bg .bg-content h1{color:#fff;font-size:42px}
.product-bg .bg-content p{color:#e5e5e5;font-size:14px;line-height:30px;margin-top:15px}
/*.wrapper-padding{padding-top:44px}*/
.center-wrapper{margin:20px auto 20px}
.page-title {
    margin-bottom: 25px;
}
.page-title h1 {
    margin-bottom: -5px;
    font-size: 24px;
}
.page-title p {
    text-indent: 2em;
}
.wrapper-padding {
    padding-top: 30px;
    padding-bottom: 20px;
}
.order-sec{position:absolute;top:28%;left:48%;margin-left:-10px}

@font-face
{
font-family: myFirstFont;
src: url("../../fonts/fzlt.ttf")/*tpa=http://www.antvr.com/fonts/fzlt.ttf*/;
   
}
@font-face
{
font-family: myFirstFont2;
src: url("../../fonts/lthj.TTF")/*tpa=http://www.antvr.com/fonts/lthj.TTF*/;
   
}
.logo3{width:12%;position:absolute;top:3%;left:50%;height:40px;z-index:9999;margin-left:-6%}
.logo3 img{width:100%;height:auto}
.row{position:relative}
.row .logo-list{
	position:absolute;left:104px;top:23px;width:85px;height:38px;display: block;
}
.logo-list img{height:100%;width:auto;margin:0}
.ll{margin-top:77px;background-color:#f3f3f3;padding:40px 0;position:relative}
.ll>img{display:block;background-color:#f3f3f3;margin:40px auto;width:25%}
.ll>img:first-child{margin-bottom:30px;width:20%}
.ll>img:last-child{margin-top:60px;width:35%}
.product-image img{display: block;margin:0 auto;padding:0;width:100%}
/*vr下载*/
.vr-download{width:100% !important;background:url("../Images/vrd01.jpg")/*tpa=http://www.antvr.com/static/img/vrd01.jpg*/ no-repeat;background-position:center 10px; background-size:cover;height:400px;position:relative;
animation: myfirst 6s linear 1s infinite normal;

-moz-animation: myfirst 6s linear 1s infinite normal;

-webkit-animation: myfirst 6s linear 1s infinite normal;

-o-animation: myfirst 6s linear 1s infinite normal;
}

.vrd-content{width:1000px;margin:7rem auto 0;max-width:1000px}
.vr-download>p{position:absolute;width:100%;height:40px;line-height:40px;color:#d5d5d5;font-size:1rem; background-color:#080808;text-align: center;bottom:0}
.vrd-left{width:40%}
.vrd-left h1{font-size:3.5rem;color:#fff;margin-top:2rem;font-family: myFirstFont;}
.vrd-left h2{font-size:2rem;color:#fff;margin:3.5rem 0 5rem;font-family: myFirstFont;}
.vrd-left p{font-size:1rem;color:#fff;margin:2rem 0;font-family: myFirstFont;}
.vrd-left a.lj-download{font-size:3rem;color:#fff;background-color:#e50012;padding:0.7rem 4rem;border-radius: 3px;-webkit-border-radius: 3px;font-family: myFirstFont;}

.line-zhinan{display: block;color:#fff;margin:2rem 0 -1rem;text-decoration: underline;width:9rem;}
.line-zhinan:hover{color:#fff;text-decoration: underline;}
.vrd-right{width:55%}
.vrd-right img{display:block}
/*app下载*/
.ys-download{width:100% !important;background:url("../Images/ys-download01.jpg")/*tpa=http://www.antvr.com/static/img/ys-download01.jpg*/ no-repeat center;background-size:cover;height:400px;position:relative}
.ys-download img{display: block;width:100%}
.d-right-top{width:78%;margin-bottom:20%}
.d-right-bottom{overflow: hidden;}
.drb-left{width:56%;margin-right:8%;overflow: hidden;min-height:50px;}
.drb-left>a{display: block;}
.drb-left>a:first-child{margin-bottom:16%;background:url("../Images/ys-download05.png")/*tpa=http://www.antvr.com/static/img/ys-download05.png*/ no-repeat center;width:100%;height:39%;width:100%; background-size:contain}
.drb-left>a:first-child:hover{background:url("../Images/ys-download06.png")/*tpa=http://www.antvr.com/static/img/ys-download06.png*/ no-repeat center;background-size:contain}

.drb-left>a:last-child{background:url("../Images/ys-download08.png")/*tpa=http://www.antvr.com/static/img/ys-download08.png*/ no-repeat center;width:100%; background-size:contain;height:39%;}
.drb-left>a:last-child:hover{background:url("../Images/ys-download07.png")/*tpa=http://www.antvr.com/static/img/ys-download07.png*/ no-repeat center;background-size:contain}
.download-content{width:50%;margin:0 auto;overflow: hidden;position:absolute;bottom:7%;left:50%;margin-left:-25%}
.download-left{width:35%}
.download-right{width:55%;margin-top:24%}
.drb-right{width:35%}
.fl{float: left;}
.fr{ float:right}
.browse{width:820px;margin:0 auto}
.browse h1{font-size:1.8rem;}
.browse h2{font-size:1.5rem;}
.browse p{font-size:1.3rem;text-indent: 2rem;}
.browse a{color:#428bca}
.browse a:hover{text-decoration:underline}
.rb{position:absolute;bottom:10px;right:25px;}
.rb p{text-align:right;color:#666}
.rb a{color:#999}
.rb a:hover{text-decoration:underline}
.wenzi-second{margin-top:15px}

.new-index{width:100% !important;background:url("../Images/new01.png")/*tpa=http://www.antvr.com/static/img/new01.png*/ no-repeat center;background-size:100% 100%;height:400px;position:relative}
.new-index img{display: block;width:100%}
.new-bottom{width:100%;height:17%;background:url("../Images/new02.png")/*tpa=http://www.antvr.com/static/img/new02.png*/ no-repeat center top;background-size:100% 100%;position:absolute;bottom:0;}
.new-top{width:67%;max-width:1280px;margin:0 auto;background:url("../Images/new04.png")/*tpa=http://www.antvr.com/static/img/new04.png*/ no-repeat center top;background-size:contain;height:98%;position:relative}
.new-more{display: block;background:url("../Images/new05.png")/*tpa=http://www.antvr.com/static/img/new05.png*/ no-repeat center;background-size:contain;width:14%;height:50px;position:absolute;z-index:999;top:50%;left:50%;margin:-75px 0 0 -7%; opacity: 0.5; filter: alpha(opacity=50); transition: all 0.5s;-webkit-transition: all  0.5s;-o-transition: all  0.5s;-moz-transition: all  0.5s;}
.new-more:hover{opacity:1;filter:alpha(opacity=100)}
.new-bing{display: block;background:url("../Images/new03.png")/*tpa=http://www.antvr.com/static/img/new03.png*/ no-repeat right bottom;background-size:contain;width:220px;height:16%;position:absolute;bottom:-4.5%;right:0;}
.new-neirong{width:100%;height:56%;bottom:8%;position: absolute;}
.new-neirong .wrapper{width:100%;height:100%;position:relative}
.new-neirong .wrapper a{position:absolute;bottom:0;display: block;overflow: hidden; }
.new-neirong .wrapper a>span,.new-neirong .wrapper a>b,.new-neirong .wrapper a>img{width:86%;margin:0 auto;position:absolute;bottom:4.9%;left:7%;}
.new-neirong .wrapper a>span{text-align: center;z-index:1000;top:43%;transition: all  0.5s;opacity:0;-webkit-transition: all  0.5s;-o-transition: all  0.5s;-moz-transition: all  0.5s;}
.new-neirong .wrapper a:hover>span{top:33%;opacity:1}
.new-neirong .wrapper a>span h1{font-size:20px;color:#fff;line-height:2rem;margin-bottom:1.6rem;overflow: hidden;word-break:keep-all;   white-space:nowrap; text-overflow:ellipsis;padding:0 2rem  }
.new-neirong .wrapper .neirong4>span h1{font-size:16px;}
.new-neirong .wrapper .neirong1>img{bottom:5.6%}
.new-neirong .wrapper a>span p{font-size:14px;color:#fff;line-height:23px;height:4.2rem;overflow: hidden;width:90%;margin:0 auto;text-align: left;}
.new-neirong .wrapper .neirong4>span p{font-size:10px;line-height:18px;height:3.2rem;}
.new-neirong .wrapper .neirong2>span p{height:8rem}
.new-neirong .wrapper .neirong1>span p{height:5.5rem}
.new-neirong .wrapper a>b{ display:block;background-color: rgba(0,0,0,0);z-index:999;height:90.5%;width:87%;left:6.5%;bottom:5%;transition: all  0.5s;-webkit-transition: all  0.5s;-o-transition: all  0.5s;-moz-transition: all  0.5s;}
.new-neirong .wrapper a:hover{z-index:9999}
.new-neirong .wrapper a:hover>b{ display: block;background-color: rgba(0,0,0,0.6);}
.neirong3>b,.neirong3>img{bottom:9.8% !important}
.new-neirong .wrapper .neirong3>b{height:84%;width:89%;left:5.5%;bottom:8.4% !important}

 .new-neirong .wrapper .neirong4>b,.new-neirong .wrapper .neirong4>img{width:72%;margin:0 auto;left:14.6%;bottom: 11%;}
  .new-neirong .wrapper .neirong4>b{height: 82%;
    width: 77%;
    left: 11.8%;
    bottom: 8.5% !important;}
.neirong1{background:url("../Images/new08.png")/*tpa=http://www.antvr.com/static/img/new08.png*/ no-repeat center bottom;background-size:contain;width:23%;height:393px;left:0;}
.neirong2{background:url("../Images/new09.png")/*tpa=http://www.antvr.com/static/img/new09.png*/ no-repeat center bottom;background-size:contain;width:28%;height:477px;right:3%;}
.neirong3{background:url("../Images/new06.png")/*tpa=http://www.antvr.com/static/img/new06.png*/ no-repeat center bottom;background-size:contain;width:32%;height:295px;right:24%;bottom:-6px !important}
.neirong4{background:url("../Images/new07.png")/*tpa=http://www.antvr.com/static/img/new07.png*/ no-repeat center bottom;background-size:contain;width:16%;height:240px;left:18%;bottom:-6px !important}
@media only screen and (max-width: 767px) and (min-width: 320px){
	.banner-content{top:13%}
	.banner-top{top:11%}
	.lk{width:20%;}
	.download-content{width:70%;position:absolute;bottom:7%;left:50%;margin-left:-35%}
	.rb{position:absolute;bottom:0;right:15px;font-size:1rem}
	.hh{overflow: hidden;width:40%;margin:4% auto 0;height:9rem}
	.new-neirong .wrapper a>span h1{font-size:0.6rem;color:#fff;line-height:1.4rem}
.new-neirong .wrapper a>span p{font-size:0.4rem;color:#fff;line-height:1.3rem}
.new-top{width:97%;}

.banner-content img{width:40%;}
}
@media only screen and (max-width: 640px){
	.bottom-row{width:100%;overflow:hidden;margin:0 auto;min-width:0}
.row-left{width:100%;padding:0;overflow: hidden;}
.row-col{float:left;width:30%}
.row-col:last-child{padding-left:0%;padding-right:0;}
.new-top{width:97%;}
.row-col{text-align:center;}


.vrd-content{width:1000px;margin:1rem auto 0;max-width:1000px}
.vrd-left{width:40%;text-align: center;}
.vrd-left h1{font-size:2.5rem;color:#fff;margin-top:1rem}
.vrd-left h2{font-size:1rem;color:#fff;margin:0.5rem 0 0.8rem;line-height:35px;}
.vrd-left p{font-size:0.5rem;color:#fff;margin:0.5rem 0;}
.vrd-left a.lj-download{font-size:2rem;color:#fff;background-color:#e50012;padding:0.7rem 3rem;border-radius: 3px;-webkit-border-radius: 3px;}
.line-zhinan{margin:1rem auto 0}
.vrd-right{width:55%;display:none}



}
@media screen and (max-width: 320px){
	.banner-content{top:16%}
	.banner-top{top:11%}
	.download-content{width:70%;position:absolute;bottom:7%;left:50%;margin-left:-35%}
		.hh{overflow: hidden;width:40%;margin:4% auto 0;height:9rem}

.banner-content img{width:40%;}
	.new-neirong .wrapper a>span h1{font-size:0.6rem;color:#fff;line-height:1.4rem}
.new-neirong .wrapper a>span p{font-size:0.4rem;color:#fff;line-height:1.3rem}
.new-top{width:97%;}
.vrd-left h2{font-size:1rem;color:#fff;margin:0.5rem 0 0.8rem;line-height:25px;}
}
.page-content p{text-indent: 2em;}
.page-content p.center{text-align: center;}
.center-wrapper{width:1170px}
.new-width{width:165px;}
@keyframes myfirst
{
0%   {background-position:center 10px}
25%{background-position:center 10px}
50%  {background-position:center -10px}
80%{background-position:center -10px}
100% {background-position:center 10px}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background-position:center 2%}
50%  {background-position:center 18%}
100% {background-position:center 2%}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   {background-position:center 10px}
25%{background-position:center 10px}
50%  {background-position:center -10px}
80%{background-position:center -10px}
100% {background-position:center 10px}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background-position:center 2%}
50%  {background-position:center 18%}
100% {background-position:center 2%}
}
@font-face
{
font-family: myFirstFont;
src: url("../fonts/fzlt.ttf")/*tpa=http://www.antvr.com/static/fonts/fzlt.ttf*/
}