/* CSS Document */
*{ padding:0; margin:0; font-family: "microsoft yahei",Arial,Helvetica,sans-serif; font-style: normal;}
ul,li,dl,dd,dt{ list-style: none;}
img{ border:none;}
a{ text-decoration:none; color:#f0fbff;}

.red{ color:red;}

body{ font-size:18px; color:#fff; line-height:35px; background:0c0a2c;}
.ls5{ letter-spacing:5px;}/*字间距5像素*/
.ml50{ margin-left:50px;}
.ml80{ margin-left:80px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mt10{margin-top:10px;}
.mt30{ margin-top:30px;}
.mb30{margin-bottom:30px;}
.mb10{margin-bottom:10px;}
.fbold{ font-weight:bold;}

h1{ font-weight:100; font-size:55px;}
h1 span{ color:#e3db0c}

.clear:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear{ height:1%;}

.snh_logo{float:left; width:86px; height:119px; margin:12px 0 0 10px; background: url(../images/snh_logo.jpg); display:inline-block;}
.top_qu{ line-height:30px; float:right; margin-right:10px; color:#fff; }
.top_qu a{ text-decoration:none; color:#fff; font-size:16px; }

.body1{min-width:1000px;max-width:1920px;margin:0 auto;background: url(../images/top_bg.jpg) top center; height:875px; padding-top:1px; overflow:hidden; position:relative;} 

@keyframes lighting{
    0% { opacity:1; }
	5% { opacity:.1; }
	10% { opacity:.9; }
	15% { opacity:.3; }
	20% { opacity:.7; }
	70% { opacity:1;}
}
.light{
    animation:lighting 1.5s ease-in-out 0s infinite;
	transform-origin:50% 50%;
}

.top1{width:1300px; height:875px; left:50%; margin-left:-650px; position:absolute; padding-top:1px;}
.t1_lightbg{background:url(../images/light_bg.png); width:1141px; height:338px; padding-top:1px; margin:40px auto 0; position:relative;}
.t1_lightbg2{background:url(../images/light_bg1.png) center center no-repeat; width:1176px; height:369px; position:absolute; top:-19px; left:-18px;}
.t1_lighttxt{background:url(../images/three_bt.png); width:981px; height:237px; margin:30px auto 0; position:relative;}
.t1_dy{width:1000px; margin:0px auto 0;}
.t1_txt{width:440px; height:306px; float:right; background:url(../images/dy_bg.png)}
.t1_txt_con{ margin:8px; padding:2px 12px 10px;background:url(../images/dy_txt_line.png) center top repeat-y; line-height:39px; border:2px solid #7e6cbb; }
.t1_video{ width:530px; border:8px solid #5e3cb8; float:left;}

.body2{background:url(../images/box_bg.jpg) top center; max-width:1920px; min-width:1000px; margin:0 auto;}
.lan_box{background:url(../images/lan_bg.png) top center; max-width:1320px; background-color:#191140; margin:-50px auto 0; position:relative;}
.b2_plan1{ background:#231b4a; padding-top:20px; max-width:1270px; margin:0 auto;}
.b2_p1_txt{width:460px; text-align:left; margin:80px auto; float:left;}
.b2_p1_circle{ width:1000px; margin:20px auto; text-align:center; position:relative;}
.b2_p1_circle1{background:url(../images/r_bg1.png) center center no-repeat; width:450px; height:450px; position:relative; float:left;}
.b2_p1_circle2{background:url(../images/r_bg2.png) center center no-repeat; width:450px; height:450px; position:relative; float:right;}
.b2_p1_circle3{background:url(../images/r_bg3.png) center center no-repeat; width:450px; height:450px; position:relative; float:right;}
.b2_p1_star{z-index: 9;position: absolute;top: 50%;left: 50%;margin: -42px 0 0 -42px; background:url(../images/star_bg.png); width:83px; height:84px; color:#5b3c8a; font-size:22px; font-weight:bold; text-shadow:0 1px 2px #FFFFFF; line-height:82px;}
.star1{animation: rot-rocket1 18s infinite linear;}
@keyframes rot-rocket1{
	0% {transform: rotate(0) translateX(-180px);}
	100% {transform: rotate(360deg) translateX(-180px);}
}
.star2{animation: rot-rocket2 18s infinite linear;}
@keyframes rot-rocket2{
	0% {transform: rotate(0) translateY(-180px);}
	100% {transform: rotate(360deg) translateY(-180px);}
}
.star3{animation: rot-rocket3 18s infinite linear;}
@keyframes rot-rocket3{
	0% {transform: rotate(0) translateX(180px);}
	100% {transform: rotate(360deg) translateX(180px);}
}
.star4{animation: rot-rocket4 18s infinite linear;}
@keyframes rot-rocket4{
	0% {transform: rotate(0) translateY(180px);}
	100% {transform: rotate(360deg) translateY(180px);}
}

.b2_p1_star .txt{animation: zi-rocket 18s infinite linear;}
@keyframes zi-rocket{
	0% {transform: rotate(0);}
	100% {transform: rotate(-360deg);}
}
#animateTime {
	-webkit-animate-duration: 5s;
    animate-duration: 5s;    //动画持续时间
    animate-delay: 0s;    //动画延迟时间
    animate-iteration-count: 1;    //动画执行次数
}

@keyframes lightAc{
	0% {filter:blur(0px); transform:translate3D(0,0,0)}
	5% {filter:blur(2px); transform:translate3D(3px,1px,0)}
	10% {filter:blur(0px);transform:translate3D(-3px,-1px,0)}
	15% {filter:blur(2px);transform:translate3D(2px,0px,0)}
	20% {filter:blur(0px);transform:translate3D(0,0,0)}
}
.light1{animation:lightAc 2s infinite linear;}

@keyframes yunAc{
	0% {transform:rotate(1deg) translate3D(-5px,0px,0)}
	50% {transform: translate3D(5px,0px,0)}
	100% {transform:translate3D(-5px,0px,0)}
}
.yunA1{animation:yunAc 3s infinite;}

@keyframes yunAc2{
	0% {transform:translate3D(-100px,0,0)}
	100% {transform:translate3D(0,0,0)}
}
.yunA2{animation:yunAc2 2s ease-in-out;}

@keyframes yunAc3{
	0% {transform:translate3D(100px,0,0)}
	100% {transform:translate3D(0,0,0)}
}
.yunA3{animation:yunAc3 2s ease-in-out;}

@keyframes moonAc{
	0% { opacity:1}
	50% {opacity:.8}
	100% {opacity:1}
}
.moonA1{animation:moonAc 1s infinite ease-in-out;}

.b2_p1_txt .remark{ background:#FFF; color:#191140; padding:0 10px;}
.b2_p1_txt .remark img{ vertical-align:top; margin-top:8px;}

.b2_p1_pao1{ position:absolute; width:335px; height:452px;background:url(../images/pao1.png); top:0px; left:-70px;}
.b2_p1_pao2{ position:absolute; width:337px; height:438px;background:url(../images/pao2.png); top:0px; right:-70px;}

.bt_bg{ background:url(../images/bt_bg.png) center top no-repeat; margin: 60px auto 0; height:27px; padding-top:1px; position:relative; }

.bt1_bg{background:url(../images/bt1_star.png); width:631px; height:82px; margin:-40px auto 0;}
.bt1{background:url(../images/bt1.png); width:542px; height:88px; position:absolute; left:50%; top:-40px; margin-left:-271px;}
.b2_p1_lbox{ padding:100px 0 60px; text-align:center;}
.b2_p1_litem{ display:inline-block; margin:0 25px;}
.b2_p1_litem .txt{ padding-top:10px;}

.b2_plan2{background:url(../images/p1_bg.jpg) top center; max-width:1270px; padding-top:1px; margin:0 auto; padding-bottom:50px;}
.bt2_bg{width:763px; height:142px; margin:-120px auto 0; position:relative;}
.bt2_bg .moon{background:url(../images/moon.png);width:147px; height:146px; position:absolute; right:30px; top:0;}
.bt2_bg .moon_light{background:url(../images/moon_light.png);width:221px; height:220px; position:absolute; right:-7px; top:-36px;}
.bt2_bg .yun1{background:url(../images/yun1.png);width:100px; height:53px; position:absolute; left:0; top:50px;}
.bt2_bg .yun2{background:url(../images/yun2.png);width:81px; height:49px; position:absolute; right:0; top:60px;}
.bt2{background:url(../images/bt2.png); width:691px; height:195px; position:absolute; left:50%; top:-90px; margin-left:-345px;}
.zb_btn_ys{ display:inline-block; height:20px; line-height:20px; background:#5770c5; padding:0 8px; border-radius:10px; font-weight:bold; font-size:14px;}
.b2_p2_lbremark{ color:#FC3; text-align:center; margin:15px 0 -20px;}
.b2_p2_bz{ background:#fff; color:#000; padding:2px 5px; display:inline-block; font-size:15px; font-weight:bold;}
.b2_p2_bz2{ padding:8px 0px 0; display:inline-block; color:#FC3}

.b2_p2_zw{ height:100px;}
.b2_p2_txt{ padding:40px 0; border-bottom:1px dashed #918da5; margin:0 auto; width:1000px;}
.b2_p2_btn1{background:url(../images/btn1.png); width:226px; height:66px; line-height:65px; font-size:35px; font-weight:bold; text-align:center; float:right; margin-top:10px;}
.b2_p2_product{ text-align:center; width:1000px; margin:0 auto;}
.b2_p2_sitem1{ display:inline-block; vertical-align:top; text-align:center; width:450px; margin:40px 20px 0;}
.b2_p2_simg{ height:224px;}
.b2_p2_sbt{ padding:8px 0 0;}
.b2_p2_stxt1{font-size:14px; display:inline-block; padding:2px 20px; text-align:left; line-height:20px;}
.b2_p2_stxt2{font-size:24px; padding:5px 0; font-weight:bold;}
.b2_p2_sbtn{ display:inline-block;background:url(../images/btn2.png);width:137px; height:40px; line-height:40px; font-size:21px; font-weight:bold; margin-top:5px; }
.b2_p2_sitem2{ display:inline-block; text-align:center; width:230px; margin:40px 5px 0;}

.b2_plan3{ max-width:1270px; padding-top:1px; margin:0 auto; padding-bottom:20px;}
.bt3_bg{background:url(../images/bt3_bg.png); width:512px; height:83px; margin:-40px auto 0;}
.bt3{background:url(../images/bt3.png); width:389px; height:87px; position:absolute; left:50%; top:-40px; margin-left:-194px;}
.b2_p3_txt1{ padding:50px 0 0; width:1000px; margin:0 auto;}
.b2_p3_ibox{ text-align:center; width:1000px; margin:0 auto;}
.b2_p3_item{ border:4px solid #5b3c8a; border-radius:15px; display:inline-block; margin:20px 20px;}
.b2_p3_jl{ padding:10px 0 20px; width:1000px; margin:0 auto; border-bottom:1px dashed #8c88a0}
.b2_p3_jl .txt{ float:right; width:750px; margin-top:10px;}
.b2_p3_jc_item{width:430px; display:inline-block; vertical-align:top; text-align:left; margin:40px 30px;}
.b2_p3_jcbt{width:430px; height:40px; line-height:40px; text-align:center; display:inline-block; font-size:30px; background:#5b3c8a; border-radius:20px;}
.b2_p3_jc_item .txt{ padding:5px 0; position:relative;}
.b2_p3_jc_item .txt .time{ position:absolute; bottom:5px; right:5px; font-size:14px; padding-right:5px; line-height:20px; color:#FF9}
.b2_p3_jc_item .jpbox{ background:#32215c; border-radius:15px;overflow:hidden;}
.b2_p3_jc_item .jpbt{ background:#5b3c8a; text-align:center; border-radius:15px; width:30px; height:45px; line-height:20px; padding-top:5px; float:left;}
.b2_p3_jc_item .jptxt{ width:390px;float:right; line-height:23px; font-size:15px;}
.b2_p3_zw{ height:40px;}
.bt4_bg{background:url(../images/bt4_bg.png); width:632px; height:118px; margin:-75px auto 0;}
.bt4{background:url(../images/bt4.png); width:465px; height:88px; position:absolute; left:50%; top:-38px; margin-left:-233px;}

.pw_plan{ width:715px; border-radius:20px; padding-bottom:10px; background:#4d66be; display:none;}
.pw_plan .con{margin:0 10px; background:#fff; overflow:hidden; border-radius:20px; padding-bottom:20px;}
.pw_plan .bt{ font-size:20px; padding:20px; font-weight:bold; text-align:center; position:relative;}
.pw_plan .bt .bz{ position:absolute; width:300px; left:50%; bottom:-5px; margin-left:-150px; font-size:14px; color:#FC3}
.pw_plan .item{ padding:20px 0 5px; width:600px; margin:0 auto; overflow:hidden; border-bottom:1px dashed #918da4}
.pw_plan .item .btn{ display:inline-block; padding:0 20px; border-radius:19px; height:38px; line-height:36px; background:#5b73c7; text-align:center; font-size:20px; font-weight:bold;}
.pw_plan .item .txt{ float:right; width:390px; font-size:14px; color:#4d66be; line-height:23px; }
.pw_plan .item .txt .small{ font-size:12px;}

.zb_plan{ border:8px solid #4b65bd; background:#778dd9; padding:20px 20px; display:none;}
.zb_plan .bt{ font-weight:bold;}
.zb_plan .txt{ font-size:14px; line-height:22px; }

/*浮动导航*/
.fd_info{width:185px; height:428px; position:absolute; left:50%; margin-left:557px;top:0px; z-index:20;background:url(../images/float_bg.png) right top no-repeat; text-align:center;}
.fd_body{ width:100px; display:inline-block; padding-top:90px; margin:0 auto;}
.fd_b_item{width:100px; margin-top:6px;  line-height:25px;font-weight:bold; font-size:13px; }
.fd_b_item a{display: block; width: 100px; height:25px; text-align: center;  text-decoration: none; border-bottom:1px dotted #333; color:#FFF}
.fd_b_item a:hover{border-bottom:1px solid #fff; color:#4d66be; background:#fff; border-radius:10px;}
.fd_b_item .selected{border-bottom:1px solid #fff; color:#4d66be; background:#fff; border-radius:10px;}

/*layer弹出样式去掉背景色*/
body .lay_nobg{background-color:transparent; border: none;}

.footer_con{ min-width: 1000px; max-width:1920px; margin: 0 auto;background:url(../images/bottom.png); height:84px;}
.f_bq{ padding: 30px 0 20px; color: #fff; font-size: 15px; text-align: center;}