/*Copyright (c) 2016 www.topve.com All Rights Reserved*/


/* 全局设置 */

/* 浏览器升级 */
#update_browser_plz {
    display: none;
}

/*默认选中文字样式*/
::selection {
color:#Fff;
}
::-moz-selection {
color:#Fff;
}
::-webkit-selection {
color:#Fff;
}

.topvetitle{background:#fff;padding:30px;overflow: hidden;position:absolute;top:-678em;}
.topvetitle h1{line-height:100%;}
.topvetitle img{float:left;margin:0 0 20px;width:20%;}
.topvetitler{float:left;padding:35px 0 0 20px;width:60%;line-height:80%;}
.topvetitler p{margin:0 0 10px;color:#333;font-size:1em;line-height:100%;}
.topvetitler span{color:#666;font-size:0.6em;}
@media screen and (max-width: 480px) {
.topvetitle{padding:0px;width:0px;height:0px;}
}

#main{background-size:cover;position:relative;height:560px;overflow: hidden;}

/*TOPVE移动端菜单响应式*/



/*TOPVE主屏旋转线条*/
.mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;}
.mainl1{
position:absolute;top:50%;left:50%;
background:#fff;
margin:-180px 0 0 198px;
width:200px;
height:1px;
}

.mainl2{
position:absolute;top:50%;left:50%;
background:#fff;
margin:-215px 0 0 155px;
width:80px;
height:1px;

}
.mainl3{
position:absolute;top:50%;left:50%;
background:#fff;
margin:-147px 0 0 226px;
width:60px;
height:1px;

}
.mainl4{
position:absolute;top:50%;left:50%;
background:#fff;
margin:200px 0 0 -180px;
width:220px;
height:1px;

}
.mainl5{
position:absolute;top:50%;left:50%;
background:#fff;
margin:160px 0 0 -218px;
width:100px;
height:1px;

}
.mainl6{
position:absolute;top:50%;left:50%;
background:#fff;
margin:224px 0 0 -143px;
width:70px;
height:1px;

}
.mainline2{
 position:absolute;z-index: 6;top:50%;left:50%;
 margin:-500px 0 0 -500px;width:1000px;height:1000px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
 transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -o-transform: rotate(90deg);
}

.mainla{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 -550px;width:200px;height:1px;opacity:.2;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity:.2;}

.mainld1{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld2{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld3{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity:.2;}
.mainld4{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity:.2;}

.mainlr{
 position:absolute;top:50%;left:50%;

 margin:-400px 0 0 -400px;width:800px;height:800px;
 border-left: 1px solid rgba(255,255,255,.2);
 border-right: 1px solid rgba(255,255,255,.2);
 border-bottom: 1px solid rgba(255,255,255,.06);
 border-top: 1px solid rgba(255,255,255,.06);
 border-radius: 100%;
}

/* TOPVE主屏canvas粒子层 */
.maincanvas{
 height: 100%;
 position: absolute;
  width: 100%;
 z-index: 5;
 opacity:.5;
}
canvas{display:block;vertical-align:bottom;}
#particles-js{max-width:1920px;height:1080px;}

/*TOPVE主屏背景遮罩层*/
.mainzz1{

 width:100%;
 height:100%;
 position:absolute;
 z-index:2;
 left:0;
 top:0;
 opacity: .5;
}
.mainzz2{
 
 
 opacity: 0.06;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 4;
}
.mainzz3 {
 opacity: 0.03;
 min-width: 100%;
 min-height: 100%;
 width:auto;
 height:auto;
 position:absolute;
 z-index: 3;
}

/*TOPVE主屏背景视频层*/
.homevideo{}
.homevideo video{
 position: absolute;
 z-index:1;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50.01%,-50.01%);
 -moz-transform:translate(-50.01%,-50.01%);
 -ms-transform:translate(-50.01%,-50.01%);
 -o-transform:translate(-50.01%,-50.01%);
 transform:translate(-50.01%,-50.01%);
 min-width: 100%;
 min-height:100%;
 width:auto;
 height:auto;
}

@media screen and (min-width: 1181px) {/* 1180px以上 */
#header h1{float:left;margin:12px 0 0 15px;padding:0;}
#header h1 a{display:inline-block;background:url(../../img/logo_page.png) no-repeat;background-size: 213px 39px;width:213px;height:39px;font-size:28px;line-height:200px;overflow:hidden;}
.logo{float:left;margin:12px 0 0 0;width:120px;}
.logo img{width:100%;}
.topve{float:left;margin:24px 0 0 5px;color:#797b80;font:normal 22px topvefontlight,"微软雅黑",Hiragino Sans GB;}
.topve a{color:#797b80;}
.topve a:hover{color:#797b80;}
#main{}
}

@media screen and (max-width: 1180px) {/* 1180px以下 */
/* 首页顶部 */
#header h1{float:left;margin:12px 0 0 15px;padding:0;}
#header h1 a{display:inline-block;background:url(../../img/logo_page.png) no-repeat;background-size: 213px 39px;width:213px;height:39px;font-size:28px;line-height:200px;overflow:hidden;}
.logo{float:left;margin:12px 0 0 0;width:120px;}
.logo img{width:100%;}
.topve{float:left;margin:24px 0 0 5px;color:#797b80;font:normal 22px topvefontlight,"微软雅黑";}
.topve a{color:#797b80;}
.topve a:hover{color:#797b80;}
#main{}
}

@media screen and (max-width: 960px) {
#main{}
}

@media screen and (max-width: 780px) {
/* 首页顶部 */
#main{background:#666 url("../../img/bg2.jpg") no-repeat scroll center center;background-size:cover;}
.nav{display:none;}
}

@media screen and (max-width: 480px) {
#header {height: 52px;}
#header h1{margin:8px 0 0 10px;padding:0;}
#header h1 a{background:url(../../img/logo.png) no-repeat;background-size: 100px 32px;width:100px;height:32px;}
.logo{margin:8px 0 0 0;}
.logo img{width:100px;}
.logo2 {position: absolute;z-index: 8;top: 10px;left: 10px;}
.logo2 img{width:100px;}
.topve{display:none;}
.movtopve{display:none;}
.nav{display:none;}
#main{}
.nextbanner{display:none;}
.mainline{display:none;}
}