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

body { margin:0; padding:0px; font-size:12px; font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; background:#f4f2f3 url(/rayli../images/beijing.jpg) no-repeat top center; 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 { margin:0 auto; width:1180px; height:909px; position:relative;}
.top_txt1 { position:absolute; z-index:100; top:130px; left:330px;}
.top_txt2 { position:absolute; z-index:100; top:650px; left:480px;}

.p_w { margin:30px auto; width:1180px; display:block; box-shadow:0px 0px 20px 0px #c5b8ac; background:#fff;  }


.p1 { margin:0 auto; width:1180px; height:1000px; position:relative; z-index:10;  }
.p1_bt { float:left;  width:1180px; height:300px; position:relative; z-index:20; background:#ffe9d4;  }
.p1_bt_txt { float:left; width:643px; height:238px; padding-top:20px; padding-left:50px; }
.p1_bt_pic { position:absolute; top:-30px; right:50px; }

.p1_nr { float:left;  width:1180px; height:630px; position:relative; z-index:30;background:#fff;     }
.p1_nr_pic { position:absolute; top:-30px; left:70px; }
.p1_nr_bt {  position:absolute; top:20px; left:570px; }

.p1_qh { top:100px; right:10px; width:660px; height:540px; position:absolute;  }
.pc-slide {	width:100%; height:540px; position:relative; margin: 0 auto;}
.view .arrow-left {	background:url(/rayli../images/ico_z.png) no-repeat; position: absolute;	left:10px; top:36%; width:47px;	height:125px; z-index:201;}
.view .arrow-right {background: url(/rayli../images/ico_y.png) no-repeat;	position: absolute;	right:0px; top:36%; width:47px; height:125px; z-index:201;}
.view .swiper-container { width:80%; height:540px; overflow:hidden;}
.view .swiper-slide { width:100%;	height:540px; position:relative; overflow:hidden;}
.view .pic {float:left; padding-top:10px; width:100%; text-align:center }
.view .txt {float:left;  padding-top:10px; width:97%; padding-left:10px; text-align:left;line-height:20px;  }


.p2_bt { float:left;  width:1180px; height:300px; position:relative; z-index:20; background:#ffe9d4;  }
.p2_bt_txt { float:right; width:643px; height:238px;  padding-left:50px; padding-top:20px; }
.p2_bt_pic { position:absolute; top:-30px; left:50px; }
.p2_nr { float:left;  width:1180px; height:630px; position:relative; z-index:30;background:#fff;     }
.p2_nr_pic { position:absolute; top:-30px; right:70px; }
.p2_nr_bt {  position:absolute; top:20px; left:70px; }
.p2_qh { top:100px; left:5px; width:660px; height:540px; position:absolute;  }
.pc-slide2 {	width:100%; height:540px; position:relative; margin: 0 auto;}
.view2 .arrow-left {	background:url(/rayli../images/ico_z.png) no-repeat; position: absolute;	left:10px; top:36%; width:47px;	height:125px; z-index:201;}
.view2 .arrow-right {background: url(/rayli../images/ico_y.png) no-repeat;	position: absolute;	right:5px; top:36%; width:47px; height:125px; z-index:201;}
.view2 .swiper-container { width:80%; height:540px; overflow:hidden;}
.view2 .swiper-slide { width:100%;	height:540px; position:relative; overflow:hidden;}
.view2 .pic {float:left; padding-top:10px; width:100%; text-align:center }
.view2 .txt {float:left;  padding-top:10px; width:97%; padding-left:10px; text-align:left;line-height:20px;  }

.p3_bt { float:left;  width:1180px; height:300px;  position:relative; z-index:20; background:#ffe9d4;  }
.p1_bt_txt { float:left; width:643px; height:238px; padding-top:20px; padding-left:30px; }
.pc-slide3 {	width:100%; height:540px; position:relative; margin: 0 auto;}
.view3 .arrow-left {	background:url(/rayli../images/ico_z.png) no-repeat; position: absolute;	left:10px; top:36%; width:47px;	height:125px; z-index:201;}
.view3 .arrow-right {background: url(/rayli../images/ico_y.png) no-repeat;	position: absolute;	right:0px; top:36%; width:47px; height:125px; z-index:201;}
.view3 .swiper-container { width:80%; height:540px; overflow:hidden;}
.view3 .swiper-slide { width:100%;	height:540px; position:relative; overflow:hidden;}
.view3 .pic {float:left; padding-top:10px; width:100%; text-align:center }
.view3 .txt {float:left;  padding-top:10px; width:97%; padding-left:10px; text-align:left;line-height:20px;  }

.pc-slide4 {	width:100%; height:540px; position:relative; margin: 0 auto;}
.view4 .arrow-left {	background:url(/rayli../images/ico_z.png) no-repeat; position: absolute;	left:10px; top:36%; width:47px;	height:125px; z-index:201;}
.view4 .arrow-right {background: url(/rayli../images/ico_y.png) no-repeat;	position: absolute;	right:0px; top:36%; width:47px; height:125px; z-index:201;}
.view4 .swiper-container { width:80%; height:540px; overflow:hidden;}
.view4 .swiper-slide { width:100%;	height:540px; position:relative; overflow:hidden;}
.view4 .pic {float:left; padding-top:10px; width:100%; text-align:center }
.view4 .txt {float:left;  padding-top:10px; width:97%; padding-left:10px; text-align:left;line-height:20px;  }







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