
/*外部框架*/
.w-1{max-width:1900px; _width:100%; margin:0 auto; min-width:1002px; position:relative; overflow:hidden}
#hy_bg{position: absolute;left:0;top:0;z-index: 1;overflow: hidden;}
.w{width:1002px;margin:0 auto; position:relative}
.layout{overflow:hidden}
.layout{
	opacity: 1;
	animation:yindao 1s 1;
	-moz-animation:yindao 1s 1;
	-webkit-animation:yindao 2s 1;
	-o-animation:yindao 1s 1;

}
@keyframes layout
	{
	0%		{transform: scale(2);}
	100%	{transform: scale(1);}
	}

@-webkit-keyframes layout
	{
	0%		{-webkit-transform: scale(2);}
	100%	{-webkit-transform: scale(1);}
	}

@-moz-keyframes layout
	{
	0%   {-moz-transform: scale(2);}
	100% {-moz-transform: scale(1);}
	}

@-o-keyframes layout
	{
	0%   {transform: scale(2);}
	100% {transform: scale(1);}
	}

.logo3{top:188px; left:43%; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;  z-index:10;width:138px; height:138px;}

.logo33{top:168px; left:38%; position:absolute; /*filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;*/  z-index:10;width:138px; height:138px;}

.z1{top:367px; left:246px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z2{top:367px; left:292px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z3{top:367px; left:343px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z4{top:367px; left:395px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z5{top:367px; left:445px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z6{top:367px; left:498px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z7{top:367px; left:550px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z8{top:367px; left:600px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z9{top:367px; left:650px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.z10{top:367px; left:700px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}




/*.zhongwen{top:417px; left:435px; position:absolute; font-size:30px; color:white;   z-index:10;}*/


.y1{top:420px; left:309px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y2{top:420px; left:324px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y3{top:420px; left:339px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y4{top:420px; left:344px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y5{top:420px; left:359px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y6{top:420px; left:374px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y7{top:420px; left:394px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y8{top:420px; left:408px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y9{top:420px; left:424px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y10{top:420px; left:441px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y11{top:420px; left:457px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y12{top:420px; left:471px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y13{top:420px; left:483px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y14{top:420px; left:500px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y15{top:420px; left:515px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y16{top:420px; left:529px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y17{top:420px; left:544px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y18{top:420px; left:560px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y19{top:420px; left:563px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y20{top:420px; left:578px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y21{top:420px; left:591px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y22{top:420px; left:604px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y23{top:425px; left:623px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y24{top:420px; left:634px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y25{top:420px; left:648px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y26{top:420px; left:662px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}
.y27{top:425px; left:676px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;   z-index:10;}


.jinru{top:662px; left:511px; position:absolute; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; z-index:10;}


.left-dot{top:416px; left:-750px; position:absolute;   z-index:10;}
.right-dot{top:416px; right:-750px; position:absolute;  z-index:10;}




.logo3-a{
	opacity: 1;
	animation:logo3-a 2s infinite linear;
	-moz-animation:logo3-a 2s infinite linear;
	-webkit-animation:logo3-a 2s infinite linear;
	-o-animation:logo3-a 2s infinite linear;

}

.y1-zhuan{
	opacity: 1;
	animation:y1-zhuan 0.7s linear;
	-moz-animation:y1-zhuan 0.7s linear;
	-webkit-animation:y1-zhuan 0.7s linear;
	-o-animation:y1-zhuan 0.7s linear;
}

.enter-d{
	opacity: 1;
	animation:enter-d 0.5s linear;
	-moz-animation:enter-d 0.5s linear;
	-webkit-animation:enter-d 0.5s linear;
	-o-animation:enter-d 0.5s linear;
}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    .masked{
        background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s linear;
    }
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}

/*.fangda{
	opacity: 1;
	animation:fangda 0.5s 1;
	-moz-animation:fangda 0.5s 1;
	-webkit-animation:fangda 1s 1;
	-o-animation:fangda 1s 1;

}
@keyframes fangda
	{
	0%		{transform: scale(2);}
	100%	{transform: scale(1);}
	}

@-webkit-keyframes fangda
	{
	0%		{-webkit-transform: scale(2);}
	100%	{-webkit-transform: scale(1);}
	}

@-moz-keyframes fangda
	{
	0%   {-moz-transform: scale(2);}
	100% {-moz-transform: scale(1);}
	}

@-o-keyframes fangda
	{
	0%   {transform: scale(2);}
	100% {transform: scale(1);}
	}
*/



@keyframes y1-zhuan
	{
	0%		{transform: rotateX(180deg);}
	100%	{transform: rotateX(360deg);}
	}

@-webkit-keyframes y1-zhuan
	{
	0%		{-webkit-transform: rotateX(180deg);}
	100%	{-webkit-transform: rotateX(360deg);}
	}

@-moz-keyframes y1-zhuan
	{
	0%   {-moz-transform: rotateX(180deg);}
	100% {-moz-transform: rotateX(360deg);}
	}

@-o-keyframes y1-zhuan
	{
	0%   {transform: rotateX(180deg);}
	100% {transform: rotateX(360deg);}
	}
	
	
	
	

@keyframes logo3-a
	{
	0%		{transform: rotate(0deg);}
	100%	{transform: rotate(360deg);}
	}

@-webkit-keyframes logo3-a
	{
	0%		{-webkit-transform: rotate(0deg);}
	100%	{-webkit-transform: rotate(360deg);}
	}

@-moz-keyframes logo3-a
	{
	0%   {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
	}

@-o-keyframes logo3-a
	{
	0%   {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
	}




@keyframes enter-d
	{
	0%		{transform: rotateY(0deg);}
	100%	{transform: rotateY(360deg);}
	}

@-webkit-keyframes enter-d
	{
	0%		{-webkit-transform: scale(0);}
	100%	{-webkit-transform: scale(1);}
	}

@-moz-keyframes enter-d
	{
	0%   {-moz-transform: rotateY(0deg);}
	100% {-moz-transform: rotateY(360deg);}
	}

@-o-keyframes enter-d
	{
	0%   {transform: rotateY(0deg);}
	100% {transform: rotateY(360deg);}
	}




/*ϵ*/
/*边距*/
.pad{padding:10px;}
.mrg-t-5{ margin-top:5px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-left{ margin-left:15px; display:inline}
.none-m{ margin:15px 0 0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}