@charset "utf-8";
/* CSS Document */
body *{ font-family: "Microsoft YaHei","weiruanyahei",Tahoma,SimSun }
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}
*:before,
*:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;}
input,button{ border:1px solid #CCC; background:none; outline:none}
ul,li{ list-style:none; float:left}
body{ font-family:"微软雅黑"; font-size:13px;background:url(../images/srbg.jpg) center top #000 fixed; color:#f0f0f0;}
a{ color:#333; text-decoration:none; transition-duration:0.4s}
a:hover{ text-decoration:none; color:#d6a112 !important}
img{ border:none; float:left}
.fl{ float:left}
.fr{ float:right}
i{ font-family:"04b09"; font-style:normal}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {  
    -webkit-text-fill-color: #c1e6f5 !important;  
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s; 
}  
@font-face { 
	font-family: 04b09; 
	src: url('../font/04b09.TTF'); 
}
.common_box{ clear:both; margin:auto; width:1800px; padding:0 10px;}
.qiu{ /*position:absolute;*/ width:1800px; background:url(../images/guangshu.png) no-repeat center bottom; height:600px; z-index:-10; margin:auto; margin-top:-320px;}
.qiu img{ float:none; margin:auto; display:table; width:470px}
.sr_nav{ width:1800px; padding:30px 10px 0 10px; position:relative; z-index:100; margin:auto; margin-top:-300px;}
.sr_nav ul.menu{ width:750px; margin-top:40px}
.sr_nav ul.menu li{ margin-right:15px;}
.sr_nav ul.menu li a{
	position:relative;
	color:#FFF; 
	font-size:18px;
	width:115px; height:115px;
	float:left; 
	text-align:center; 
	line-height:115px;
}
.sr_nav ul.menu li a .show{ position:absolute; left:0; top:0; width:115px; height:115px;}
.sr_nav ul.menu li a:hover img{ width:140px; height:140px; transition-duration:0.5s; left:-13px; top:-12px  }

.nav_1 {
    animation: rotatez 5s linear infinite;
    -webkit-animation: rotatez 5s linear infinite;
    -moz-animation: rotatez 5s linear infinite;
    -o-animation: rotatez 5s linear infinite;
    -ms-animation: rotatez 5s linear infinite;
}
.nav_2 {
    animation: rotatez 6s linear infinite;
    -webkit-animation: rotatez 6s linear infinite;
    -moz-animation: rotatez 6s linear infinite;
    -o-animation: rotatez 6s linear infinite;
    -ms-animation: rotatez 6s linear infinite;
}
.nav_3 {
    animation: rotate-z 8s linear infinite;
    -webkit-animation: rotate-z 8s linear infinite;
    -moz-animation: rotate-z 8s linear infinite;
    -o-animation: rotate-z 8s linear infinite;
    -ms-animation: rotate-z 8s linear infinite;
}
#pic_0 {
    animation: rotatez 30s linear infinite;
    -webkit-animation: rotatez 30s linear infinite;
    -moz-animation: rotatez 30s linear infinite;
    -o-animation: rotatez 30s linear infinite;
    -ms-animation: rotatez 30s linear infinite;
}
#pic_1 {
    animation: rotatez 3s linear infinite;
    -webkit-animation: rotatez 3s linear infinite;
    -moz-animation: rotatez 3s linear infinite;
    -o-animation: rotatez 3s linear infinite;
    -ms-animation: rotatez 3s linear infinite;
}
#pic_2 {
    animation: rotatez 5s linear infinite;
    -webkit-animation: rotatez 5s linear infinite;
    -moz-animation: rotatez 5s linear infinite;
    -o-animation: rotatez 5s linear infinite;
    -ms-animation: rotatez 5s linear infinite;
}
#pic_3 {
    animation: rotate-z 8s linear infinite;
    -webkit-animation: rotate-z 8s linear infinite;
    -moz-animation: rotate-z 8s linear infinite;
    -o-animation: rotate-z 8s linear infinite;
    -ms-animation: rotate-z 8s linear infinite;
}

.sr_nav ul.menu li a span{ position:absolute; left:0; top:0; width:115px; height:115px; text-align:center; text-shadow: 0 0px 5px #333;}
.sr_nav .h_search{ float:right; width:650px; height:70px; margin-top:25px; clear:both}
.sr_nav .h_search .s_text{ float:left; background:url(../images/sr_ico17.png) no-repeat; width:440px; height:43px; margin-top:9px;}
.sr_nav .h_search .s_text input{ float:left; line-height:43px; margin-left:45px; font-size:16px; color:#0ef2fb; width:360px; border:none; background:none}
.sr_nav .h_search .s_text input::-webkit-input-placeholder { /* WebKit browsers */  
    color: #0ef2fb;  
}  
.sr_nav .h_search .s_text input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#0ef2fb;
}  
.sr_nav .h_search .s_text input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#0ef2fb;   
}  
.sr_nav .h_search .s_text input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#0ef2fb;  
}  
.sr_nav .h_search .h_s_btn{ float:left; position:relative; width:60px; height:60px; margin-left:10px; cursor:pointer;}
/*.sr_nav .h_search .h_s_btn:last-child{ margin-left:25px;}*/
.sr_nav .h_search .h_s_btn .s_b{ float:left; position:relative; width:60px; height:60px; background:url(../images/p_ico3.png) no-repeat}
.sr_nav .h_search .h_s_btn .s_b img{ float:left; z-index:10; position:relative;}
.sr_nav .h_search .h_s_btn .s_b span{ float:left; width:60px; height:60px; margin-top:-60px; z-index:100; position:relative; color:#FFF; line-height:60px; text-align:center; font-size:17px; text-shadow: 0 0px 5px #099aff;}
.sr_nav .h_search .h_s_btn .popups{ width:700px; height:498px; position:absolute; top:60px; z-index:1000; background:url(../images/popups.png) no-repeat; left:-640px; display:none }
.sr_nav .h_search .h_s_btn .popups ul{ float:left; width:480px; height:300px; margin-top:110px; margin-left:110px;}
.sr_nav .h_search .h_s_btn .popups ul li{ float:left; position:relative; margin:10px 20px;}
.sr_nav .h_search .h_s_btn .popups ul li a{ float:left; background:url(../images/p_ico.png) no-repeat; width:120px; height:120px;}
.sr_nav .h_search .h_s_btn .popups ul li a span{ width:120px; height:120px; position:absolute; left:0; top:0; font-size:18px; color:#0ef2fb; text-align:center; line-height:120px;}
.h_right{ float:right; margin-bottom:10px; margin-top:24px; margin-left:10px;}
.h_right span{ float:left; padding:2px 8px; position:relative; cursor:pointer; font-size:18px; color:#FFF}
.h_right span a{ position:absolute; width:90px; text-align:center; background:#FFF; padding:8px 10px; border:1px solid #CCC; left:0px; top:26px; z-index:1000; display:none; font-size:13px;}
/*.h_right a.out{ float:left; border:1px solid #f7562b; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 8px; margin-left:10px; background:#f7562b; color:#FFF}
.h_right a.out:hover{ color:#FFF !important}
*/
.sr_foot{ clear:both; margin:auto; margin-top:30px; width:1800px; color:#0ef2fb; font-size:18px; padding:50px 0; text-align:center; /*background:url(../images/sr_foot.png) repeat-x top center; height:106px;*/}

.login_left{ float:left; width:880px;}
.login_left .l_l_01{ float:left; margin-top:20px; margin-left:20px;}
.login_left .l_l_02{ float:left; background:url(../images/l_ico2.png) no-repeat; width:1010px; height:872px; margin-top:-100px;}
.login_left .l_l_02 img{ float:left; margin-left:110px; margin-top:60px;}
.login_right{background:url(../images/l_ico6.png) no-repeat; width:900px; height:897px; /*float:right;*/ margin:auto}
.login_right .login_title{ float:left; width:459px; margin-left:205px; margin-top:150px; text-align:center; font-size:30px; color:#c1e6f5;}
.login_right ul{ float:left; width:295px; margin-top:59px; margin-left:305px}
.login_right ul li{ float:left; width:295px}
.login_right ul li span{ float:left; font-size:18px; color:#c1e6f5; width:70px; line-height:40px;}
.login_right ul li input{ float:left; width:220px; padding:6px; color:#c1e6f5; font-size:18px; border:none}
.login_right .l_r_b{ float:left; width:295px; margin-top:16px; margin-left:305px;}
.login_right .l_r_b p{ float:left; position:relative; font-size:15px; color:#c1e6f5;}
.login_right .l_r_b p .chk{ position:absolute; left:0; top:0; z-index:100; width:22px; height:22px; opacity:0}
.login_right .l_r_b p .chk + label{ background:url(../images/ly_ico-11.png) no-repeat; display:inline-block; position:relative; width:22px; height:22px; z-index:10; float:left}
.login_right .l_r_b p .chk:checked + label{ background:url(../images/ly_ico-10.png) no-repeat;}
.login_right .l_r_b p span{ float:left; padding-left:5px;}
.login_right .l_r_b a{ float:right; font-size:15px; color:#c1e6f5;}
.login_right .l_btn{ float:left; clear:both; margin-left:380px; margin-top:50px; position:relative; cursor:pointer}
.login_right .l_btn button{ position:absolute; width:35px; height:35px; left:47px; top:48px; background:#041736; text-shadow:0 0 20px #d1e0e6,
                -0 -0 20px #d1e0e6; color:#FFF; font-size:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; text-align:center; line-height:35px; border:none}

#pic_3 {
    animation: rotate-z 8s linear infinite;
    -webkit-animation: rotate-z 8s linear infinite;
    -moz-animation: rotate-z 8s linear infinite;
    -o-animation: rotate-z 8s linear infinite;
    -ms-animation: rotate-z 8s linear infinite;
}



@-webkit-keyframes bounceX {
    25% { -webkit-transform: translateX(-10px);}
    50%, 100% { -webkit-transform: translateX(0); }
    75% { -webkit-transform: translateX(10px); }
}
@keyframes bounceX {
    25% { transform: translateX(-10px);}
    50%, 100% { transform: translateX(0); }
    75% { transform: translateX(10px);}
}
@-moz-keyframes bounceX {
	25% { -webkit-transform: translateX(-10px);}
    50%, 100% { -webkit-transform: translateX(0); }
    75% { -webkit-transform: translateX(10px); }
}
@-o-keyframes bounceX {
	25% { -webkit-transform: translateX(-10px);}
    50%, 100% { -webkit-transform: translateX(0); }
    75% { -webkit-transform: translateX(10px); }
}
@-ms-keyframes bounceX {
	25% { -webkit-transform: translateX(-10px);}
    50%, 100% { -webkit-transform: translateX(0); }
    75% { -webkit-transform: translateX(10px); }
}




@-webkit-keyframes bounce-down {
    25% { -webkit-transform: translateY(-10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(10px);}
}
@keyframes bounce-down {
    25% { transform: translateY(-10px);}
    50%, 100% { transform: translateY(0);}
    75% { transform: translateY(10px);}
}
@-moz-keyframes bounce-down {
	25% { -webkit-transform: translateY(-10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(10px);}
}
@-o-keyframes bounce-down {
	25% { -webkit-transform: translateY(-10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(10px);}
}
@-ms-keyframes bounce-down {
	25% { -webkit-transform: translateY(-10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(10px);}
}



@-webkit-keyframes bounce-up {
    25% { -webkit-transform: translateY(10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-10px);}
}
@keyframes bounce-up {
    25% { transform: translateY(10px);}
    50%, 100% {transform: translateY(0);}
    75% { transform: translateY(-10px);}
}
@-moz-keyframes bounce-up {
	25% { -webkit-transform: translateY(10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-10px);}
}
@-o-keyframes bounce-up {
	25% { -webkit-transform: translateY(10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-10px);}
}
@-ms-keyframes bounce-up {
	25% { -webkit-transform: translateY(10px);}
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-10px);}
}



@keyframes move {
	0% { width:0;}
}
@-webkit-keyframes move {
	0% { width:0;}
}
@-moz-keyframes move {
	0% { width:0;}
}
@-o-keyframes move {
	0% { width:0;}
}
@-ms-keyframes move {
	0% { width:0;}
}


@keyframes myfirst {
	0%   {background:#4dd1ff; height:0;bottom:30px;}
	25%  {background:#4dd1ff; height:100px;bottom:30px;}
	50%  {background:#4dd1ff; height:150px;bottom:30px;}
	75%  {background:#4dd1ff; height:200px;bottom:30px;}
	100% {background:#4dd1ff; height:268px;bottom:30px;}
}
@-webkit-keyframes myfirst
{
	0%   {background:#4dd1ff; height:0;bottom:30px;}
	25%  {background:#4dd1ff; height:100px;bottom:30px;}
	50%  {background:#4dd1ff; height:150px;bottom:30px;}
	75%  {background:#4dd1ff; height:200px;bottom:30px;}
	100% {background:#4dd1ff; height:268px;bottom:30px;}
}
@-moz-keyframes myfirst {
	0%   {background:#4dd1ff; height:0;bottom:30px;}
	25%  {background:#4dd1ff; height:100px;bottom:30px;}
	50%  {background:#4dd1ff; height:150px;bottom:30px;}
	75%  {background:#4dd1ff; height:200px;bottom:30px;}
	100% {background:#4dd1ff; height:268px;bottom:30px;}
}
@-o-keyframes myfirst {
	0%   {background:#4dd1ff; height:0;bottom:30px;}
	25%  {background:#4dd1ff; height:100px;bottom:30px;}
	50%  {background:#4dd1ff; height:150px;bottom:30px;}
	75%  {background:#4dd1ff; height:200px;bottom:30px;}
	100% {background:#4dd1ff; height:268px;bottom:30px;}
}
@-ms-keyframes myfirst {
	0%   {background:#4dd1ff; height:0;bottom:30px;}
	25%  {background:#4dd1ff; height:100px;bottom:30px;}
	50%  {background:#4dd1ff; height:150px;bottom:30px;}
	75%  {background:#4dd1ff; height:200px;bottom:30px;}
	100% {background:#4dd1ff; height:268px;bottom:30px;}
}


@keyframes rotatez {
	100% {
		transform: rotateZ(360deg)
	}
}
@-webkit-keyframes rotatez {
	100% {
		-webkit-transform: rotateZ(360deg)
	}
}
@-moz-keyframes rotatez {
	100% {
		-moz-transform: rotateZ(360deg)
	}
}
@-o-keyframes rotatez {
	100% {
		-o-transform: rotateZ(360deg)
	}
}
@-ms-keyframes rotatez {
	100% {
		-ms-transform: rotateZ(360deg)
	}
}


@keyframes rotate-z {
	100% {
		transform: rotateZ(-360deg)
	}
}
@-webkit-keyframes rotate-z {
	100% {
		-webkit-transform: rotateZ(-360deg)
	}
}
@-moz-keyframes rotate-z {
	100% {
		-moz-transform: rotateZ(-360deg)
	}
}
@-o-keyframes rotate-z {
	100% {
		-o-transform: rotateZ(-360deg)
	}
}
@-ms-keyframes rotate-z {
	100% {
		-ms-transform: rotateZ(-360deg)
	}
}