@charset "utf-8";
/* CSS Document */
html { font-size:62.5%;} /* 10÷16=62.5% */
body{background:#fff;  font-size:14px; font-size:1.4rem ;font-family:'Microsoft Yahei';}
body,ul,li,p,span{ margin:0; padding:0;}
ul,ol,li{list-style-type:none;}/*增加li标签定义*/
table{ margin:0 auto;}
table,td,input{font-size:12px;/*padding:0}上文已定义*/}

a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none;}
a { text-decoration:none; color:#858585; }
a:hover { text-decoration:none; color:#858585; }

/*清除浮动*/
.clearkit{clear:both; font-size:0px; height:0px; line-height:0px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clean{overflow:hidden;}/*新增*/
.inline{display:inline;}/*ie6下marign-left的问题*/

/*框架*/
.all{ width:100%; height:100%; position:absolute; left:0; top:0;}
.line{ height:36px; background:#000; width:100%; position:absolute; left:0; top:0;}
.swiper-container { height:100%;width:100%; overflow:hidden; position:relative;}
.pagination {  position:absolute;  right:30px;  bottom:30%;  width:22px; z-index:90;}
.swiper-pagination-switch {  display:block;  width:20px;  height:20px; margin-bottom:10px; background: none; border-radius: 100%; border: 1px solid #000; cursor: pointer;}
.swiper-active-switch {  display:block;  width:20px;  height:20px; cursor: pointer; border: 1px solid #000; background: #000; }
.swiper-slide{ position:relative; overflow:hidden; width:100%; height:100%;}

.swiper-slide.z_bg01{ width:100%; height:100%; background:url(/rayli../images/p1_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg02{ width:100%; height:100%; background:url(/rayli../images/p2_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg03{ width:100%; height:100%; background:url(/rayli../images/p3_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg04{ width:100%; height:100%; background:url(/rayli../images/p4_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg05{ width:100%; height:100%; background:url(/rayli../images/p5_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg06{ width:100%; height:100%; background:url(/rayli../images/p6_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg07{ width:100%; height:100%; background:url(/rayli../images/p7_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg08{ width:100%; height:100%; background:url(/rayli../images/p8_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg09{ width:100%; height:100%; background:url(/rayli../images/p9_bg.jpg) top center no-repeat; background-size:cover;}
.swiper-slide.z_bg_end{ width:100%; height:100%; background:url(/rayli../images/bg_end.jpg) top center no-repeat; background-size:cover;}

.bg01{ width:1180px; height:100%; margin:0 auto; position:relative;}
.bg02{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg03{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg04{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg05{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg06{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg07{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}
.bg08{ /*width:1180px;*/ height:100%; margin:0 auto; position:relative;}

/*01*/
.p1_logo{ position:absolute; left:14px; top:55px; z-index:2;}
.p1_tit{ position:absolute; left:200px; bottom:124px; z-index:3;}

.p1_txt{ width:1110px; background: #000; background: rgba(0,0,0,0.8); filter: alpha(opacity=80); position: absolute; left:33px; bottom:50px; z-index:2;}
.p1_rwm{ width:10%; z-index:22; position:absolute; top:72%; left:86.3%;}
.p1_rwm img{ width:100%; }

.index_bg{ width:1132px; height:120px; background:url(/rayli../images/index_bg.png) repeat; position:absolute; left:22px; bottom:15px; z-index:1;}
.p1_txt{ width:1110px; background: #000; background: rgba(0,0,0,0.8); filter: alpha(opacity=80); position: absolute; left:33px; bottom:25px; z-index:2;}
.p1_txtbg{ padding:10px; line-height:24px;}
.pt01{ color:#fff; padding-bottom:5px;}
.pt02{ color:#999;}

.in1_img2 { position:absolute; width:89px; top:480px; right:320px; z-index:100;}


/*02*/
.zp2_box{ width:245px; height:100%; background:#fae2ea; padding:0 70px 0 20px; position:absolute; right:0; top:36px; color:#fc5e75; line-height:28px; font-size:16px;}
.zp2_one{ padding:64px 0 80px;}
.zp2_two{}
.zp2_tit{ padding-bottom:10px;}
.zp2_txt{}
.zp2_txt p.pad_in{ padding-left:28px;}
/*03*/
.zp3_box{ width:356px; height:100%; background:#fff; padding:0 30px; position:absolute; left:0; top:36px; color:#433b6a;}
.zp3_tit{ padding:40px 0 20px;}
.zp3_txt_con{ width:350px; border:1px solid #5a5097; padding:20px 0; font-size:16px; line-height:26px;}
.zp3_txt01{ padding:0 30px 40px;display:block;}
.zp3_txt02{ padding:0 30px;}
/*04*/
.zp4_box{ width:356px; height:100%; background:#fff; padding:0 60px 0 30px; position:absolute; right:0; top:36px; color:#5b2622;}
.zp4_tit{ padding:40px 0 20px;}
.zp4_txt_con{ width:350px; border:1px solid #5b2622; padding:20px 0; font-size:15px; line-height:26px;}
.zp4_txt01{ padding:0 30px 40px;}
.zp4_txt02{ padding:0 30px 50px;}
/*05*/
.zp5_box{ width:350px; height:100%; position:absolute; right:49%; top:36px; margin-right:-175px; color:#42263c;}
.zp5_tit{ padding:40px 0 20px;}
.zp5_txt_con{ width:350px; padding:0px; font-size:14px; line-height:24px;}
.zp5_txt01{ padding:10px 30px 20px;}
.zp5_txt02{ padding:0 30px; font-size:14px; line-height:26px;}
/*06*/
.zp6_box{ width:356px; height:100%; background:#fff; padding:0 30px; position:absolute; left:0; top:36px; color:#433b6a;}
.zp6_tit{ padding:40px 0 20px;}
.zp6_txt_con{ width:350px; border:1px solid #5a5097; padding:10px 0; font-size:16px; line-height:26px;}
.zp6_txt01{ padding:0 20px 20px;}
.zp6_txt02{ padding:0 20px;}
/*07*/
.zp7_box{ width:240px; height:100%; position:absolute; right:50%; top:36px; margin-right:-120px; color:#2f1427; font-size:16px; line-height:28px;}
.zp7_con01{ padding:270px 0 80px; text-align:center;}
.zp7_con02{ text-align:center;}
/*08*/
.zp8_box{ width:240px; height:100%; position:absolute; right:50%; top:36px; margin-right:-120px; color:#292468; font-size:16px; line-height:28px;}
.zp8_con01{ padding:270px 0 80px; text-align:center;}
.zp8_con02{ text-align:center;}

/*end*/
.pd_tit{ width: 376px; margin:0 auto; padding:80px 0 30px;}
.pd_img{ width: 961px; margin:0 auto; }
.pd_img01{ display: none;}

.ind_bt2 { position:absolute; width:151px; height:51px; top:78%; left:44%; z-index:101;  }
.ind_img { position:absolute; width:80%; height:85px; top:84%; left:13%; z-index:101;}
.ind_img .img1{ width:22%; margin-right:2%; float:left;}
.ind_img .img2{ width:22%; margin-right:2%; float:left;}
.ind_img .img3{ width:22%; margin-right:2%; float:left;}
.ind_img .img4{ width:22%; margin-right:2%; float:left;}

@media screen and (max-width:1180px){
.zp2_box{ background:url(/rayli../images/tits_bg_2.png) repeat;}	
.zp3_box,.zp4_box,.zp6_box{ background:url(/rayli../images/tits_bg_34.png) repeat;}	
}

@media screen and (max-width:768px){
.video_sp { position:absolute; z-index:1000; height:100%; width:100%; top:0%; left:0%; background:#000;}
.video_gb{ width:100%;}
.video_gb img{ width:10%;}
.in1_img2 { position:absolute; width:15%; top:30%; left:50%; margin-left:-7%; z-index:100;}
.l_header{ display:none;}
.l_footer{ display:none;}
.line{ display:none;}
div img{ width:100%;}
.pagination {right:10px; width:17px; bottom:30%;}
.swiper-active-switch{ width:15px; height:15px;}
.swiper-pagination-switch{ width:10px; height:10px;}
.all{ height:100%; top:0;}
.bg01{ width:100%; position:absolute; }
.bg02{ width:100%;}
.bg03{ width:100%;}
.bg04{ width:100%;}
.bg05{ width:100%;}
.bg06{ width:100%;}
.bg07{ width:100%;}
.bg08{ width:100%;}
.bg09{ width:100%;}
.bg_end{ width:100%;}

.swiper-slide.z_bg01{ background:url(/rayli../images/p1_bg_h.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg02{ display:none;}
.swiper-slide.z_bg02_zs01{ background:url(/rayli../images/p2_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg02_zs02{ background:url(/rayli../images/p2_bg_h_zs02.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg03{ display:none;}
.swiper-slide.z_bg03_zs01{ background:url(/rayli../images/p3_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg03_zs02{ background:#fff;}
.swiper-slide.z_bg04{ display:none;}
.swiper-slide.z_bg04_zs01{ background:url(/rayli../images/p4_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg04_zs02{ background:#fff;}
.swiper-slide.z_bg05{ display:none;}
.swiper-slide.z_bg05_zs01{ background:url(/rayli../images/p5_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg05_zs02{ background:#fff;}
.swiper-slide.z_bg06{ display:none;}
.swiper-slide.z_bg06_zs01{ background:url(/rayli../images/p6_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg06_zs02{background:#fff;}
.swiper-slide.z_bg07{ display:none;}
.swiper-slide.z_bg07_zs01{ background:url(/rayli../images/p7_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg07_zs02{ background:url(/rayli../images/p7_bg_h_zs02.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg08{ display:none;}
.swiper-slide.z_bg08_zs01{ background:url(/rayli../images/p8_bg_h_zs01.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg08_zs02{ background:url(/rayli../images/p8_bg_h_zs02.jpg) no-repeat; background-size:cover;}
.swiper-slide.z_bg_end{ background:url(/rayli../images/bg_end.jpg) no-repeat; background-size:cover;}
/*01*/
.index_bg{ display:none;}
.p1_logo{ width:17%; left:80%; top:2%; z-index:4;}
.p1_tit{ width:100%;  bottom:82%; left:0%; z-index:3;}
.p1_txt{ width:100%; bottom:0%; left:0%; box-sizing:border-box;}

.p1_rwm{ width:15%; z-index:22; position:absolute; top:60%; left:75%;}
.p1_rwm img{ width:100%; }



.p1_txtbg{ padding:10px; line-height:20px;}
.in1_img2 { width:16%; top:40%; left:30%; z-index:100;}





/*02*/
.zp2_box{ width:100%; top:0; background:#fae2ea; height:auto; padding:0; font-size:14px; line-height:24px;}
.zp2_one{ padding:5px 10px;}
.zp2_two{ padding:10px;}
/*03*/
.zp3_box{ width:100%; height:auto; background:#5a5097; padding:0; top:0;}
.zp3_tit{ padding:0;}

.zp3_txt02_1_border{ border:1px solid #fff; background: #fff; background: rgba(255,255,255,0.8); filter: alpha(opacity=60); position:absolute; left:5%; bottom:5%; line-height:26px;}
.zp3_txt02_1_box{ padding:10px 15px;} 

.zp3_txt02_2_border{ border:1px solid #5a5097; position:absolute; left:6%; top:3%; width:70%; height:80%;line-height:30px; padding:5%; font-size:16px;}
.zp3_txt02_2_border img{ width:auto;}

/*04*/
.zp4_box{ width:100%; height:auto; background:#c80405; padding:0; top:0;}
.zp4_tit{ padding:0;}
.zp4_txt_con{ display:none;}
.zp4_txt02_1_border{ border:1px solid #fff; background: #fff; background: rgba(255,255,255,0.8); filter: alpha(opacity=60); position:absolute; left:5%; bottom:5%; line-height:26px;}
.zp4_txt02_1_box{ padding:10px 15px;} 

.zp4_txt02_2_border{ border:1px solid #5a5097; position:absolute; left:6%; top:3%; width:70%; height:80%;line-height:30px; padding:5%; font-size:16px;}
.zp4_txt02_2_border img{ width:auto;}



/*05*/
.zp5_box{ width:100%; height:auto; background:#42263c; margin-right:0; padding:0; top:0; right:0;}
.zp5_tit{ padding:0;}
.zp5_txt_con{ display:none;}
.zp5_txt02_1_border{ border:1px solid #fff; background: #fff; background: rgba(255,255,255,0.8); filter: alpha(opacity=60); position:absolute; left:5%; bottom:5%; line-height:26px;}
.zp5_txt02_1_box{ padding:10px 15px;} 

.zp5_txt02_2_border{ border:1px solid #5a5097; position:absolute; left:6%; top:3%; width:70%; height:80%;line-height:24px; padding:5%; font-size:16px;}
.zp5_txt02_2_border img{ width:auto;}


/*06*/
.zp6_box{ width:100%; height:auto; background:#826579; padding:0; top:0;}
.zp6_tit{ padding:0;}
.zp6_txt_con{ display:none;}
.zp6_txt02_1_border{ border:1px solid #fff; background: #fff; background: rgba(255,255,255,0.8); filter: alpha(opacity=60); position:absolute; left:2%; bottom:5%; line-height:26px;}
.zp6_txt02_1_box{ padding:10px 12px;} 

.zp6_txt02_2_border{ border:1px solid #5a5097; position:absolute; left:6%; top:3%; width:70%; height:80%;line-height:30px; padding:5%; font-size:16px;}
.zp6_txt02_2_border img{ width:auto;}


/*07*/
.zp7_box{ width:100%; height:auto; background:#e9d1c7; margin-right:0; right:0; top:0; font-size:16px; line-height:26px;}
.zp7_con01{ padding:26px 10px 10px;}
.zp7_con02{ padding:10px;}
/*08*/
.zp8_box{ width:100%; height:auto; background:#ffe4e3; margin-right:0; right:0; top:0; font-size:16px; line-height:26px;}
.zp8_con01{ padding:10px;}
.zp8_con02{ padding:26px 10px 10px;}



/*end*/
.pd_tit{ width:35%; padding: 30px 0 25px; }
.pd_img{ display: none;}
.pd_img01{ display:block;}
.pd_img01 img{ width: 100%; }
}