@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0px; font-size:12px; font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; background:#fff; color:#000;}
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#000; }
img { margin:0; padding:0px; vertical-align:middle; font-size:0px;}
p { line-height:0px;}
.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "../images/1.gif")} 
:focus { -moz-outline-style: none;}


.w1180 { width:1180px; margin:0 auto; position:relative; text-align:center;   }
.m0 { margin:0 auto;text-align:center;}
.ml20 { margin-left:20px;}

.color_blue{color:#4064a3}
.color_blue a{text-decoration:none; color:#4064a3;}
.color_blue a:hover{text-decoration:underline;color:#4064a3;}

.pic_img { margin:0 auto;text-align:center; display:block;}



.top_w { margin:0px auto 0px; width:100%; height:829px; background: url(/rayli../images/top_b.jpg) no-repeat top center; }

.top { margin:0 auto; width:1180px; height:829px; position:relative;}
.top_pic { position:absolute; z-index:100; top:100px; left:310px; }
.top_ico{ position:absolute; z-index:100; bottom:-40px; left:580px; }


.p1_w { margin:0px auto; width:100%; height:1188px; background: url(/rayli../images/p1_b.jpg) no-repeat top center; }
.p1 { margin:0 auto; width:1180px; height:1188px; position:relative;}
.p1_txt1 { position:absolute; z-index:100; top:272px; left:334px; }
.p1_cp2 { position:absolute; z-index:100; top:135px; left:770px; }
.p1_cp3 { position:absolute; z-index:100; top:445px; left:925px; }
.p1_cp4 { position:absolute; z-index:100; top:768px; left:730px; }
.p1_cp5 { position:absolute; z-index:100; top:754px; left:120px; }
.p1_cp6 { position:absolute; z-index:90; top:200px; left:-90px; }



.z110 { position:absolute; z-index:110; }
.z111 { position:absolute; z-index:111; }
.z112 { position:absolute; z-index:112; }
.z113 { position:absolute; z-index:113; }
.z114 { position:absolute; z-index:114; }
.z115 { position:absolute; z-index:115; }
.z116 { position:absolute; z-index:116; }
.z117 { position:absolute; z-index:117; }
.z118 { position:absolute; z-index:118; }



.p2_w { margin:0px auto; width:100%; height:1144px; background: url(/rayli../images/p2_b.jpg) no-repeat top center; }
.p2 { margin:0 auto; width:1180px; height:1144px; position:relative;}

.p2_pic1 { position:absolute; z-index:79; top:10px; left:334px; }
.p2_txt2 { position:absolute; z-index:80; top:400px; left:334px; }
.p2_txt3 { position:absolute; z-index:100; top:40px; left:70px; }
.p2_txt4 { position:absolute; z-index:100; top:10px; left:834px; }


.p2_cp1 { position:absolute; z-index:100; top:350px; left:110px; }
.p2_cp2 { position:absolute; z-index:90; top:400px; left:0px; }
.p2_cp3 { position:absolute; z-index:101; top:650px; left:30px; }
.p2_cp4 { position:absolute; z-index:102; top:750px; left:180px; }

.p2_cp5 { position:absolute; z-index:100; top:870px; left:240px; }
.p2_cp6 { position:absolute; z-index:100; top:870px; left:600px; }
.p2_cp7 { position:absolute; z-index:108; top:670px; left:920px; }
.p2_cp8 { position:absolute; z-index:100; top:790px; left:1040px; }
.p2_cp9 { position:absolute; z-index:100; top:460px; left:810px; }
.p2_cp10 { position:absolute; z-index:111; top:470px; left:1010px; }
.p2_cp11 { position:absolute; z-index:102; top:278px; left:940px; }

.fc_1 { position:absolute; z-index:500; top:40px; left:-40px; min-width:220px; min-height:180px; font-size:14px; display:none;  }
.fc_b { position:absolute; z-index:501; top:0px; bottom:0px; left:0px; right:0px; background:#000;  filter: alpha(opacity=80); opacity:0.8;}
.fc_txt { position:absolute; z-index:502; top:20px; bottom:20px; left:20px; right:20px; color:#fff; line-height:26px; text-align:center;}
.fc_txt .bt{ line-height:36px; font-size:18px; border-bottom:1px solid #fff; text-align:center;margin-bottom:5px; }
.fc_txt span{ width:100%; display:block; padding-top:15px; font-weight:bold; font-size:16px;  text-align:center; }
.fc_txt div{ text-align:center; }


.fc_tj { position:absolute; z-index:500; top:40px; left:-40px; min-width:220px; min-height:240px; font-size:14px; display:none;}
.fc_2_2 {  left:-100px !important;  }
.fc_2_3 {  left:-80px !important;  }
.fc_2_5 { top:0px !important;  left:80px !important; min-height:240px!important;}
.fc_2_8 { top:0px !important;   left:20px !important;  }

.fc_3_1 {  top:0px !important; left:-20px !important;  }
.fc_3_4 {  top:80px !important; left:40px !important; min-width:350px;  }
.fc_3_5 {  top:50px !important; left:60px !important;   }
.fc_3_9 {  top:50px !important; left:0px !important; }
.fc_3_15 {  top:30px !important; left:-60px !important; }
.fc_3_12 { top:0px !important;   left:20px !important; min-height:240px!important; }


.fc_l_50 {  left:-50px !important;  }
.fc_lr_50 {  left:50px !important;  }
.fc_lr_100 {  left:100px !important;  }



.p3_w { margin:0px auto; width:100%; height:1659px; background: url(/rayli../images/p3_b.jpg) no-repeat top center; }
.p3 { margin:0 auto; width:1180px; height:1659px; position:relative;}
.p3_txt1 { position:absolute; z-index:101; top:240px; left:380px; }
.p3_pic2 { position:absolute; z-index:100; top:280px; left:764px; }
.p3_cpb1 { position:absolute; z-index:81; top:940px; left:504px; }
.p3_cpb2 { position:absolute; z-index:81; top:800px; left:-70px; }
.p3_cpb3 { position:absolute; z-index:81; top:290px; left:-124px; }

.p3_cp1 { position:absolute; z-index:109; top:990px; left:500px; }
.p3_cp2 { position:absolute; z-index:108; top:970px; left:690px; }
.p3_cp3 { position:absolute; z-index:107; top:890px; left:805px; }
.p3_cp4 { position:absolute; z-index:104; top:1180px; left:484px; }
.p3_cp5 { position:absolute; z-index:103; top:960px; left:834px; }


.p3_cp6 { position:absolute; z-index:103; top:760px; left:330px; }
.p3_cp7 { position:absolute; z-index:104; top:850px; left:160px; }
.p3_cp8 { position:absolute; z-index:105; top:900px; left:0px; }
.p3_cp9 { position:absolute; z-index:106; top:1060px; left:284px; }
.p3_cp10 { position:absolute; z-index:107; top:1150px; left:0px; }


.p3_cp11 { position:absolute; z-index:109; top:240px; left:10px; }
.p3_cp12 { position:absolute; z-index:108; top:310px; left:210px; }
.p3_cp13 { position:absolute; z-index:107; top:520px; left:130px; }
.p3_cp14 { position:absolute; z-index:104; top:140px; left:114px; }
.p3_cp15 { position:absolute; z-index:103; top:650px; left:0px; }





/*动效*/
.flash_A_1 { -webkit-animation: flash_A  1s linear infinite;}
.flash_A_2 { -webkit-animation: flash_A  2s linear infinite;}
.flash_A_3 { -webkit-animation: flash_A  3s linear infinite;}
.flash_A_4 { -webkit-animation: flash_A  4s linear infinite;}
.flash_A_5 { -webkit-animation: flash_A  0.8s linear infinite;}



@-webkit-keyframes flash_A{ 
0%{ opacity: 1;} 
50%{ opacity:0.6;}
 100%{ opacity:1;}
}


.shake_1 { -webkit-animation: flipInX  3s linear infinite;}
.shake_2 { -webkit-animation: flipInX  4s linear infinite;}
.shake_3 { -webkit-animation: flipInX  3s linear infinite;}
.shake_4 { -webkit-animation: flipInX  6s linear infinite;}
.shake_5 { -webkit-animation: flipInX  2s linear infinite;}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }



  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }


  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	opacity: 1;
  }
}