@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; }
a img{ border:0 none;}
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:32px auto 0px; width:100%; height:1260px; background: url(/rayli../images/top_b.jpg) no-repeat top center; }
.top { margin:0 auto; width:1180px; height:1260px; position:relative;}
.top_x { position:absolute; z-index:90; top:264px; left:606px;}
.top_cp1 { position:absolute; z-index:100; top:50px; left:260px;}
.top_cp2 { position:absolute; z-index:100; top:683px; left:540px;}
.top_cp3 { position:absolute; z-index:100; top:686px; left:675px;}
.top_cp4 { position:absolute; z-index:100; top:600px; left:330px;}
.top_txt1 { position:absolute; z-index:100; top:150px; left:360px;}
.top_txt2 { position:absolute; z-index:100; bottom:0px; left:0px;}


.p1_w { margin:0px auto; width:100%; height:724px; background: url(/rayli../images/p1_b.jpg) no-repeat top center; position:relative; overflow:hidden; z-index:10; }
.p1 { margin:0 auto; width:1180px; height:724px;}
.p1_n { margin:0 auto; width:1180px; height:724px;   }
.pc-slide .pic { position:absolute; z-index:100; top:5%; left:10%; width:952px; height:633px; }
.pc-slide .fc { position:absolute; z-index:110; bottom:4%; right:3%; width:354px; height:272px;  }
.pc-slide {
	width: 1180px;
	 height:789px;
	position:relative;
	margin: 0 auto;
}

.view .swiper-container {
	width: 1180px;
	height: 789px;
	overflow:hidden;
}

.view .swiper-slide {
	width: 1180px;
	height: 789px;
	position:relative;
	overflow:hidden;
}
.view .arrow-left {
	background:url(/rayli../images/ico_z.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 36%;
	width: 74px;
	height: 128px;
	z-index: 201;
}
.view .arrow-right {
	background: url(/rayli../images/ico_y.png) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 36%;
	width: 74px;
	height: 128px;
	z-index: 201;
}






.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:834px; background: url(/rayli../images/p2_b.jpg) no-repeat top center; position:relative; z-index:190; }
.p2 { margin:0 auto; width:1180px; height:834px; position:relative; z-index:200;}
.p2_video { position:absolute; top:200px; left:80px;  z-index:210;  width:1022px; height:574px; background:#000; }


.p3_w { margin:0px auto; width:100%; height:952px; background: url(/rayli../images/p3_b.jpg) no-repeat top center;  position:relative; z-index:220;}
.p3 { margin:0 auto; width:1180px; height:952px; position:relative; z-index:230; }
.p3_n { margin:0 auto; width:1180px; height:952px; }

.pc-slide2 .pic { position:absolute; z-index:300; top:22%; left:8%; width:980px; height:674px; }


.pc-slide2 {
	width: 1180px;
	 height:952px;
	position:relative;
	margin: 0 auto;
	z-index:330; 
}

.view2 .swiper-container {
	width: 1180px;
	height: 952px;
	overflow:hidden;
}

.view2 .swiper-slide {
	width: 1180px;
	height: 952px;
	position:relative;
	z-index:340;
}




.view2 .arrow-left {
	background:url(/rayli../images/ico_z2.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 45%;
	width: 57px;
	height: 163px;
	z-index: 401;
}

.view2 .arrow-right {
	background: url(/rayli../images/ico_y2.png) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 45%;
	width: 57px;
	height: 163px;
	z-index: 401;
}





.p4_w { margin:0px auto; width:100%; height:1262px; background: url(/rayli../images/p4_b.jpg) no-repeat top center;  position:relative; z-index:390;}
.p4 { margin:0 auto; width:1180px; height:1262px; position:relative; z-index:400; }
.p4_n { width:1180px; height:898px; position:absolute; padding-top:200px;}
.p4_txt1 { position:absolute; z-index:401; top:520px; left:380px;}
.p4_pic2 { position:absolute; z-index:410; top:300px; left:330px;}
.p4_pic1 { position:absolute; z-index:411; top:590px; left:150px;}
.p4_pic9 { position:absolute; z-index:411; top:810px; left:130px;}
.p4_pic8 { position:absolute; z-index:411; top:830px; left:420px;}
.p4_pic7 { position:absolute; z-index:410; top:720px; left:530px;}
.p4_pic6 { position:absolute; z-index:417; top:760px; left:780px;}
.p4_pic5 { position:absolute; z-index:411; top:580px; left:940px;}
.p4_pic4 { position:absolute; z-index:411; top:320px; left:880px;}
.p4_pic3 { position:absolute; z-index:411; top:300px; left:520px;}

.p4_fc2 { top:-20px !important; left:-190px !important;}
.p4_fc9 {top:-30px; left:-80px;}
.p4_fc8 { position:absolute; z-index:500; top:-10px!important; left:-80px!important; min-width:450px!important; min-height:270px !important; font-size:14px;}
.p4_fc6 {top:0px!important; left:-180px!important;}

.mt10 { margin-top:10px !important; }

.p4_fc { position:absolute; z-index:500; top:-30px; left:-80px; min-width:400px; min-height:250px; font-size:14px;}
.p4_fc_b { position:absolute; z-index:501; top:0px; bottom:0px; left:0px; right:0px; background:#000;  filter: alpha(opacity=80); opacity:0.8;}
.p4_fc_txt { position:absolute; z-index:502; top:20px; bottom:20px; left:20px; right:20px; color:#fff; }
.p4_fc_txt .bt{ line-height:26px; font-size:16px; }
.p4_fc_txt .bt span{ font-weight:bold; }
.p4_fc_txt .bt span{ font-weight:bold; }
.p4_fc_txt .tn { line-height:26px; font-size:14px; margin-top:6px;  }





/*动效*/
.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;
  }
}