/* 全局设置 */

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

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

#main{background-size:cover;position:relative;overflow:hidden;z-index:-1;}
#main .one_con{

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

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

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

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

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

}
.mainl6{
position:absolute;top:50%;left:50%;
background:#fff;
margin:270px 0 0 -160px;
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,1);
 border-right: 1px solid rgba(255,255,255,1);
 border-bottom: 1px solid rgba(255,255,255,.2);
 border-top: 1px solid rgba(255,255,255,.2);
 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: 1;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity: 1;}

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

.mainlr{
 position:absolute;
 top:50%;
 left:50%;
 background:rgba(0,10,50,.05);
 margin:-400px 0 0 -400px;
 width:800px;
 height:800px;
 border-left: 1px solid rgba(255,255,255,1);
 border-right: 1px solid rgba(255,255,255,1);
 border-bottom: 1px solid rgba(255,255,255,.3);
 border-top: 1px solid rgba(255,255,255,.3);
 border-radius: 100%;
}


/*主屏背景遮罩层*/
.mainzz1{
 background:#08244d linear-gradient(to bottom right, rgba(13,70,128,1) , rgba(5,20,50,1));
 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;
}

/*主屏背景视频层*/
.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;
}

/*背景*/
.section .bg img {

    display: block;
    height: 100%;
    width: 100%;
}
.bg_about {
    transform: scale(1.1, 1.1);
    transition: all 10s ease 0s;
}
.active .bg_about {
    transform: scale(1, 1);
    transition: all 15s ease 0.7s;
}

.bg_product {
    transform: scale(1.1, 1.1);
    transition: all 10s ease 0s;
}
.active .bg_product {
    transform: scale(1, 1);
    transition: all 15s ease 0.7s;
}


.bg_news {
    transform: scale(1.1, 1.1);
    transition: all 10s ease 0s;
}
.active .bg_news {
    transform: scale(1, 1);
    transition: all 15s ease 0.7s;
}


.bg_contact {
    transform: scale(1, 1);
    transition: all 10s ease 0s;
}
.active .bg_contact {
    transform: scale(1, 1);
    transition: all 15s ease 0.7s;
}

/*第一屏*/

.one_con {
    color: #fff;
    text-align: center;
}
.one_gsm {
    font-size: 48px;
    font-weight: bold;
    left: 50%;
    margin-left: -270px;
    margin-top: -300px;
    opacity: 0;
	height:60px;
	line-height:60px;
    position: absolute;
    top: 50%;
    transition: all 1s ease 0s;
}
.active .one_gsm {
    margin-top: -280px;
    opacity: 1;
    transition-delay: 0.7s;
}
.one_hxwz {
    height: 24px;
    left: 50%;
    margin-left: -142px;
    margin-top: -170px;
    opacity: 0;
    position: absolute;
    top: 73%;
    transition: all 1s ease 0s;
    width: 284px;
}
.active .one_hxwz {
    margin-top: -150px;
    opacity: 1;
    transition-delay: 0.7s;
}
.one_ywm {
    height: 18px;
    left: 50%;
    margin-left: -121px;
    margin-top: -120px;
    opacity: 0;
    position: absolute;
    top: 73%;
    transition: all 1s ease 0s;
    width: 253px;
}
.active .one_ywm {
    margin-top: -100px;
    opacity: 1;
    transition-delay: 0.7s;
}
.one_sb {
    height: 179px;
    left: 50%;
    margin-left: -129px;
    margin-top: -55px;
    opacity: 0;
    position: absolute;
    top: 42%;
    transform: scale(0.5, 0.5);
    transition: all 1s ease 0s;
    width: 275px;
}
.active .one_sb {
    opacity: 1;
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.one_tel {
    font-size: 30px;
    height: 30px;
    left: 50%;
    margin-left: -192px;
    margin-top: 180px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 1s ease 0s;
    width: 384px;
}
.active .one_tel {
    margin-top: 160px;
    opacity: 1;
    transition-delay: 0.7s;
}
.one_gg {
    color: #fff;
    font-size: 30px;
    left: 0;
    margin: 250px auto 0;
    opacity: 0;
    position: absolute;
    right: 0;
	top:50%;
    transition: all 1s ease 0s;
}
.active .one_gg {
    margin-top: 230px;
    opacity: 1;
    transition-delay: 0.7s;
}
.one_gg_huang {
    color: #ffcc33;
}
.one_info {
    color: #fff;
    font-size: 16px;
    left: 50%;
    margin-left: -345px;
    margin-top: 250px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 1s ease 0s;
    width: 690px;
}
.one_info a {
    color: #fff;
    margin: 0 0 0 15px;
}
.active .one_info {
    margin-top: 330px;
    opacity: 1;
    transition-delay: 0.7s;
}