@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
html { } 
body{background:#fff; text-align:center;  font-size:14px; font-family:'Microsoft Yahei'}
div{text-align:left}
img{border:0px;  vertical-align:baseline;}
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; }




.color_grey { color:#5b5b5b }
.color_grey a{ text-decoration:none; color:#5b5b5b;}
.color_grey a:hover{ text-decoration:underline; color:#5b5b5b;}

/*清除浮动*/
.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的问题*/

#jp_top_ding{ position:absolute; z-index:50000; top:0px; left:0px; width:100%; height:32px; display:block;}


/*框架*/
.swiper-container { height:100%; width: 100%; position:absolute; }
.pagination {  position: absolute;  right: 5%;  text-align: center;  top:30%;  width:10px; z-index:100;}
.swiper-pagination-switch {  display: inline-block;  width: 20px;  height: 20px;  border-radius:10px; border:1px solid #000;  margin:10px; cursor: pointer;}
.swiper-active-switch {  background: #000; filter: }



/*首屏定位*/
.index1_w {width:100%;  height:960px; background: url(/rayli../images/bj1.jpg);  background-size:cover; overflow:hidden; }
.index1 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.video_sp { width:670px; height:420px; position:absolute; top:180px; left:425px; background:#000; z-index:200;}
.video_gb { width:670px; height:43px; text-align:right;}
.video_gb img { width:6%;}
.in1_img1 { position:absolute; z-index:100; top:100px; left:460px; width:561px; height:333px;}
.in1_img1 .picimg {float:left; width:561px;}
.in1_img2 { position:absolute; width:14%; top:48%; left:58%; z-index:100;}
.in1_txt1 { position:absolute; width:55%; z-index:100; height:160px;  border:10px solid #fff;  top:63%; left:36%;  }
.in1_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#080604; z-index:110;  filter: alpha(opacity=90); opacity:0.9;  }
.in1_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 6% ; z-index:120;  font-size:15px; line-height:22px; color:#f0f0f0;  }
.in1_txt1 .txt .p2{ font-size:14px; padding-top:10px; color:#a3a2a0!important; }



.index2_w {width:100%;  height:960px; background: url(/rayli../images/bj2.jpg);  background-size:cover; overflow:hidden; }
.index2 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in2_img1 { position:absolute; z-index:100; top:110px; left:20px; width:610px; height:260px;}
.in2_img1 .picimg {float:left; width:610px;}
.in2_img1 .txt1 { float:left; width:580px; padding-top:30px; line-height:30px; padding-left:10px; font-size:16px;}
.in2_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%;}
.in2_txt1 { position:absolute; width:30%; z-index:100; height:260px;  border:6px solid #2e2e2e;  top:44%; left:0%; font-size:15px; line-height:24px; }
.in2_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=60); opacity:0.6;  }
.in2_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120;  }
.in2_pic1 { position:absolute; width:21%; top:62%; left:3%; z-index:101;  }
.in2_pic1 img { width:100%}
.in2_pic2 { position:absolute; width:28%; top:54%; left:34%; z-index:200;  border:10px solid #fff;}
.in2_pic2 img {width:100%;}
.in2_img2 { position:absolute; width:13%; top:45%; left:34%;}


.index3_w {width:100%;  height:960px; background: url(/rayli../images/bj3.jpg);  background-size:cover; overflow:hidden; }
.index3 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in3_img1 { position:absolute; z-index:100; top:110px; right:20px; width:610px; height:260px;}
.in3_img1 .picimg {float:left; width:610px;}
.in3_img1 .txt1 { float:left; width:580px; padding-top:30px; line-height:30px; padding-left:10px; font-size:16px;}
.in3_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%; text-align:right; }

.in3_txt1 { position:absolute; width:27%; z-index:100; height:260px;  border:6px solid #2e2e2e;  top:44%; right:0%; font-size:15px; line-height:24px; }
.in3_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=60); opacity:0.6;  }
.in3_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120;  }
.in3_pic1 { position:absolute; width:21%; top:62%; right:4%; z-index:101;  }
.in3_pic1 img { width:100%}
.in3_pic2 { position:absolute; width:28%; top:54%; left:38%; z-index:200;  border:10px solid #fff;}
.in3_pic2 img {width:100%;}
.in3_img2 { position:absolute; width:13%; top:45%; left:46%;}



.index4_w {width:100%;  height:960px; background: url(/rayli../images/bj4.jpg);  background-size:cover; overflow:hidden; }
.index4 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in4_img1 { position:absolute; z-index:100; top:110px; left:20px; width:610px; height:260px;}
.in4_img1 .picimg {float:left; width:610px;}
.in4_img1 .txt1 { float:left; width:580px; padding-top:20px; line-height:30px; padding-left:10px; font-size:16px;}
.in4_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%; text-align:left; }

.in4_txt1 { position:absolute; width:27%; z-index:100; height:260px;  border:6px solid #2e2e2e;  top:44%; left:0%; font-size:15px; line-height:24px; }
.in4_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=60); opacity:0.6;  }
.in4_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120;  }
.in4_pic1 { position:absolute; width:21%; top:62%; left:3%; z-index:101;  }
.in4_pic1 img { width:100%}
.in4_pic2 { position:absolute; width:28%; top:57%; left:33%; z-index:200;  border:10px solid #fff;}
.in4_pic2 img {width:100%;}
.in4_img2 { position:absolute; width:13%; top:50%; left:33%;}


.index5_w {width:100%;  height:960px; background: url(/rayli../images/bj5.jpg);  background-size:cover; overflow:hidden; }
.index5 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in5_img1 { position:absolute; z-index:100; top:110px; left:20px; width:610px; height:260px;}
.in5_img1 .picimg {float:left; width:610px;}
.in5_img1 .txt1 { float:left; width:580px; padding-top:20px; line-height:30px; padding-left:10px; font-size:16px;}
.in5_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%; text-align:left; }

.in5_txt1 { position:absolute; width:27%; z-index:100; height:260px;  border:6px solid #2e2e2e;  top:44%; left:0%; font-size:15px; line-height:24px; }
.in5_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=60); opacity:0.6;  }
.in5_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120;  }
.in5_pic1 { position:absolute; width:21%; top:62%; left:3%; z-index:101; display:none  }
.in5_pic1 img { width:100%}
.in5_pic2 { position:absolute; width:28%; top:57%; left:33%; z-index:200;  border:10px solid #fff;}
.in5_pic2 img {width:100%;}
.in5_img2 { position:absolute; width:13%; top:50%; left:33%;}

.index6_w {width:100%;  height:960px; background: url(/rayli../images/bj6.jpg);  background-size:cover; overflow:hidden; }
.index6 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in6_img1 { position:absolute; z-index:100; top:110px; right:20px; width:610px; height:260px;}
.in6_img1 .picimg {float:left; width:610px; padding-left:5px; }
.in6_img1 .txt1 { float:left; width:560px; padding-top:20px; line-height:30px; padding-left:20px; font-size:16px;}
.in6_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%; text-align:right; }
.in6_txt1 { position:absolute; width:30%; z-index:100; height:180px;  border:6px solid #2e2e2e;  top:44%; left:35%; font-size:15px; line-height:24px; }
.in6_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in6_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120; color:#000;  }
.in6_pic1 { position:absolute; width:21%; top:62%; left:3%; z-index:101; display:none  }
.in6_pic1 img { width:100%}
.in6_pic2 { position:absolute; width:28%; top:53%; right:0%; z-index:200;  border:10px solid #fff;}
.in6_pic2 img {width:100%;}
.in6_img2 { position:absolute; width:13%; top:66%; left:47%;}



.index7_w {width:100%;  height:960px; background: url(/rayli../images/bj7.jpg);  background-size:cover; overflow:hidden; }
.index7 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in7_img1 { position:absolute; z-index:100; top:110px; left:20px; width:610px; height:260px;}
.in7_img1 .picimg {float:left; width:610px; padding-left:5px; }
.in7_img1 .txt1 { float:left; width:560px; padding-top:20px; line-height:30px; padding-left:20px; font-size:16px;}
.in7_img1b { position:absolute; z-index:99; top:10%; left:0%; width:100%; text-align:left; }
.in7_txt1 { position:absolute; width:34%; z-index:100; height:250px;  border:6px solid #2e2e2e;  top:42%; left:3%; font-size:15px; line-height:24px; }
.in7_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in7_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:8% ; z-index:120; color:#000;  }
.in7_pic1 { position:absolute; width:26%; top:58%; left:6%; z-index:101;  }
.in7_pic1 img { width:100%}
.in7_pic2 { position:absolute; width:28%; top:53%; right:0%; z-index:200; border:10px solid #fff;  display:none }
.in7_pic2 img {width:100%;}
.in7_img2 { position:absolute; width:13%; top:73%; left:36%;}

.index8_w {width:100%;  height:960px; background: url(/rayli../images/bj8.jpg);  background-size:cover; overflow:hidden; }
.index8 { margin:0 auto; width:1180px; height:960px;  position:relative;}
.in8_bt1 { position:absolute; z-index:100; top:40px; left:400px; width:395px; height:180px;}
.in8_pic1 { position:absolute; width:974px; height:555px; top:19%; left:10%; z-index:101; display:block; }
.in8_pic1 img { width:100%}

.in8_pich51 { position:absolute; width:70%; top:14%; left:15%; z-index:101; display:none  }
.in8_pich51 img { width:100%}

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






@media screen and (min-width: 411px) and (max-width: 770px){
#jp_top_ding{ position:absolute; z-index:50000; top:0px; left:0px; width:100%; height:32px; display:none;}

img { padding:0px; width:100%; vertical-align:baseline; }
.swiper-container { height:100%; width: 100%; position:absolute; }
.pagination {  position: absolute;  right: 5%;  text-align: center;  top:50%;  width:15px; z-index:100;}
.swiper-pagination-switch {  display: inline-block;  width: 15px;  height: 15px;  border-radius:10px; border:1px solid #000;  margin:5px; cursor: pointer; }
.swiper-active-switch {  background: #000;}




.index1_w {width:100%; height:100%; background: url(/rayli../images/bj1_h5.jpg) no-repeat 0% 80%;  background-size:cover; overflow:hidden; }
.index1 { width:100%; height:100%; position:relative }
.video_sp { position:absolute;  z-index:200; height:100%; width:100%;  top:0%; left:0%; background:#000;}
.video_gb { width:100%; height:15%; text-align:right;}
.video_gb img { width:10%;}
.in1_img1 { position:absolute; z-index:100;  top:10%; left:40%; width:60%;  height:30%;}
.in1_img1 .picimg { width:100%; }
.in1_img2 { position:absolute; width:19%; top:36%; left:50%; z-index:100;}
.in1_txt1 { position:absolute; width:74%; z-index:100; padding:5%; border:5px solid #fff;  top:50%; left:4%;  }
.in1_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#080604; z-index:110;  filter: alpha(opacity=90); opacity:0.9;  }
.in1_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:120;  font-size:16px; line-height:20px; color:#f0f0f0;  }
.in1_txt1 .txt .p2{ font-size:14px; padding-top:8px;line-height:20px;  color:#a3a2a0!important; }



.index2_w {width:100%; height:100%; background: url(/rayli../images/bj2_h5.jpg);  background-size:cover; overflow:hidden; }
.index2 { width:100%; height:100%; position:relative }
.in2_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in2_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in2_img1 .picimg {float:left; width:96%;}
.in2_img1 .picimg img {float:left; width:90%;}
.in2_img1 .txt1 { width:98%;padding-top:14px; font-size:14px; line-height:18px; padding-left:10px;}
.in2_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in2_txt1 { position:absolute; width:60%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:42%; left:3%; color:#000;  }
.in2_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in2_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in2_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in2_pic1 img { width:100%}
.in2_pic2 { position:absolute; width:42%; top:66%; left:8%; z-index:200; border:none }
.in2_pic2 img {width:100%; }

.index3_w {width:100%; height:100%; background: url(/rayli../images/bj3_h5.jpg);  background-size:cover; overflow:hidden; }
.index3 { width:100%; height:100%; position:relative }
.in3_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in3_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in3_img1 .picimg {float:left; width:96%;}
.in3_img1 .picimg img {float:left; width:90%; padding-left:10px;}
.in3_img1 .txt1 { width:96%;padding-top:15px; font-size:15px; line-height:22px; padding-left:10px;}
.in3_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }

.in3_txt1 { position:absolute; width:58%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:46%; right:9%; color:#000;  }
.in3_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in3_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in3_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in3_pic1 img { width:100%}
.in3_pic2 { position:absolute; width:42%; top:68%; left:34%; z-index:200; border:none }
.in3_pic2 img {width:100%; }



.index4_w {width:100%; height:100%; background: url(/rayli../images/bj4_h5.jpg);  background-size:cover; overflow:hidden; }
.index4 { width:100%; height:100%; position:relative }
.in4_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in4_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in4_img1 .picimg {float:left; width:96%;}
.in4_img1 .picimg img {float:left; width:90%;padding-left:10px;}
.in4_img1 .txt1 { width:96%;padding-top:15px; font-size:14px; line-height:20px; padding-left:10px;}
.in4_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in4_txt1 { position:absolute; width:60%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:46%; left:3%; color:#000;  }
.in4_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in4_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in4_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in4_pic1 img { width:100%}
.in4_pic2 { position:absolute; width:42%; top:67%; left:8%; z-index:200; border:none }
.in4_pic2 img {width:100%; }


.index5_w {width:100%; height:100%; background: url(/rayli../images/bj5_h5.jpg);  background-size:cover; overflow:hidden; }
.index5 { width:100%; height:100%; position:relative }
.in5_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in5_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in5_img1 .picimg {float:left; width:96%;}
.in5_img1 .picimg img {float:left; width:90%;}
.in5_img1 .txt1 { width:96%;padding-top:15px; font-size:14px; line-height:20px; padding-left:10px;}
.in5_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in5_txt1 { position:absolute; width:60%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:61%; left:3%; color:#000;  }
.in5_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in5_txt1 .txt { position:absolute; top:35%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in5_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in5_pic1 img { width:100%}
.in5_pic2 { position:absolute; width:47%; top:42%; left:7%; z-index:200; border:none }
.in5_pic2 img {width:100%; }



.index6_w {width:100%; height:100%; background: url(/rayli../images/bj6_h5.jpg);  background-size:cover; overflow:hidden; }
.index6 { width:100%; height:100%; position:relative }
.in6_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in6_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in6_img1 .picimg {float:left; width:96%;  padding-left:5px;}
.in6_img1 .picimg img {float:left; width:90%;}
.in6_img1 .txt1 { width:96%;padding-top:10px; font-size:15px; line-height:22px;  padding-left:15px;}

.in6_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in6_txt1 { position:absolute; width:66%; z-index:100; height:22%; border:6px solid #2e2e2e;   top:49%; left:22%; color:#000;  }
.in6_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in6_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in6_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in6_pic1 img { width:100%}
.in6_pic2 { position:absolute; width:47%; top:64%; left:35%; z-index:200; border:none }
.in6_pic2 img {width:100%; }



.index7_w {width:100%; height:100%; background: url(/rayli../images/bj7_h5.jpg);  background-size:cover; overflow:hidden; }
.index7 { width:100%; height:100%; position:relative }
.in7_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in7_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in7_img1 .picimg {float:left; width:96%;  padding-left:5px;}
.in7_img1 .picimg img {float:left; width:90%;}
.in7_img1 .txt1 { width:96%;padding-top:10px; font-size:15px; line-height:22px;  padding-left:15px;}

.in7_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in7_txt1 { position:absolute; width:50%; z-index:100; height:26%; border:6px solid #2e2e2e;   top:42%; left:5%; color:#000;  }
.in7_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in7_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in7_pic1 { position:absolute; width:40%; top:60%; left:11%; z-index:101;  }
.in7_pic1 img { width:100%}
.in7_pic2 { position:absolute; width:47%; top:64%; left:35%; z-index:200; border:none;display:none  }
.in7_pic2 img {width:100%; }



.index8_w {width:100%;  height:100%; background: url(/rayli../images/bj8_h5.jpg);  background-size:cover; overflow:hidden; }
.index8 { margin:0 auto; width:100%; height:100%;  position:relative;}
.in8_bt1 { position:absolute; z-index:100; top:2%; left:29%; width:40%;height:12%;}
.in8_pic1 { position:absolute; width:80%; top:19%; left:10%; z-index:101; display:none;  }
.in8_pic1 img { width:100%}

.in8_pich51 { position:absolute; width:71%; top:14%; left:13%; z-index:101; display:block;  }
.in8_pich51 img { width:100%}

.in8_bt2 { position:absolute; width:20%; height:5%;  top:82%; left:38%; z-index:101;  }
.in8_img { position:absolute; width:84%;top:88%; left:7%; z-index:101; height:10%;}
.in8_img .img1 { width:31%; margin-right:2%; float:left;}
.in8_img .img2 { width:31%; margin-right:2%; float:left;}
.in8_img .img3 { width:31%; margin-right:2%; float:left;}
.in8_img .img4 { width:23%; margin-right:2%; float:left; display:none}

}






@media screen and (min-width: 351px) and (max-width: 410px){
#jp_top_ding{ position:absolute; z-index:50000; top:0px; left:0px; width:100%; height:32px; display:none;}
img { padding:0px; width:100%; vertical-align:baseline; }
.swiper-container { height:100%; width: 100%; position:absolute; }
.pagination {  position: absolute;  right: 5%;  text-align: center;  top:50%;  width:15px; z-index:100;}
.swiper-pagination-switch {  display: inline-block;  width: 15px;  height: 15px;  border-radius:10px; border:1px solid #000;  margin:5px; cursor: pointer; }
.swiper-active-switch {  background: #000;}

.index1_w {width:100%; height:100%; background: url(/rayli../images/bj1_h5.jpg) no-repeat 0% 80%;  background-size:cover; overflow:hidden; }
.index1 { width:100%; height:100%; position:relative }
.video_sp { position:absolute;  z-index:200; height:100%; width:100%;  top:0%; left:0%; background:#000;}
.video_gb { width:100%; height:15%; text-align:right;}
.video_gb img { width:10%;}
.in1_img1 { position:absolute; z-index:100;  top:10%; left:40%; width:60%;  height:30%;}
.in1_img1 .picimg { width:100%; }
.in1_img2 { position:absolute; width:19%; top:36%; left:50%; z-index:100;}
.in1_txt1 { position:absolute; width:80%; z-index:100; height:40%;  border:5px solid #fff;  top:50%; left:4%;  }
.in1_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#080604; z-index:110;  filter: alpha(opacity=90); opacity:0.9;  }
.in1_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:4% ; z-index:120;  font-size:14px; line-height:16px; color:#f0f0f0;  }
.in1_txt1 .txt .p2{ font-size:14px; padding-top:8px; color:#a3a2a0!important; }






.index2_w {width:100%; height:100%; background: url(/rayli../images/bj2_h5.jpg);  background-size:cover; overflow:hidden; }
.index2 { width:100%; height:100%; position:relative }
.in2_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in2_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in2_img1 .picimg {float:left; width:96%;}
.in2_img1 .picimg img {float:left; width:90%;}
.in2_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px; padding-left:3px;}
.in2_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in2_txt1 { position:absolute; width:70%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:42%; left:3%; color:#000;  }
.in2_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in2_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in2_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in2_pic1 img { width:100%}
.in2_pic2 { position:absolute; width:52%; top:66%; left:9%; z-index:200; border:none }
.in2_pic2 img {width:100%;}


.index3_w {width:100%; height:100%; background: url(/rayli../images/bj3_h5.jpg);  background-size:cover; overflow:hidden; }
.index3 { width:100%; height:100%; position:relative }
.in3_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in3_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in3_img1 .picimg {float:left; width:96%;}
.in3_img1 .picimg img {float:left; width:90%;}
.in3_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px; padding-left:3px;}
.in3_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }



/**/
.in3_txt1 { position:absolute; width:66%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:44%; right:9%; color:#000;  }
.in3_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in3_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in3_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in3_pic1 img { width:100%}
/**/
.in3_pic2 { position:absolute; width:45%; top:68%; left:29%; z-index:200; border:none }
.in3_pic2 img {width:100%;}


.index4_w {width:100%; height:100%; background: url(/rayli../images/bj4_h5.jpg);  background-size:cover; overflow:hidden; }
.index4 { width:100%; height:100%; position:relative }
.in4_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%; display:block;}
.in4_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in4_img1 .picimg {float:left; width:96%;}
.in4_img1 .picimg img {float:left; width:90%;}
.in4_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px; padding-left:3px;}
.in4_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in4_txt1 { position:absolute; width:60%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:47%; left:3%; color:#000;  }
.in4_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in4_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; line-height:20px; z-index:120;  font-size:14px; }
.in4_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in4_pic1 img { width:100%}
.in4_pic2 { position:absolute; width:42%; top:69%; left:8%; z-index:200; border:none }
.in4_pic2 img {width:100%; }


.index5_w {width:100%; height:100%; background: url(/rayli../images/bj5_h5.jpg);  background-size:cover; overflow:hidden; }
.index5 { width:100%; height:100%; position:relative }
.in5_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in5_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in5_img1 .picimg {float:left; width:96%;}
.in5_img1 .picimg img {float:left; width:90%;}
.in5_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px; padding-left:3px;}
.in5_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in5_txt1 { position:absolute; width:68%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:61%; left:3%; color:#000;  }
.in5_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in5_txt1 .txt { position:absolute; top:35%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in5_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in5_pic1 img { width:100%}
.in5_pic2 { position:absolute; width:47%; top:42%; left:9%; z-index:200; border:none }
.in5_pic2 img {width:100%; }

.index6_w {width:100%; height:100%; background: url(/rayli../images/bj6_h5.jpg);  background-size:cover; overflow:hidden; }
.index6 { width:100%; height:100%; position:relative }
.in6_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in6_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in6_img1 .picimg {float:left; width:96%;  padding-left:5px;}
.in6_img1 .picimg img {float:left; width:90%;}
.in6_img1 .txt1 { width:96%;padding-top:6px; font-size:15px; line-height:22px;  padding-left:15px;}



.in6_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in6_txt1 { position:absolute; width:76%; z-index:100; height:22%; border:6px solid #2e2e2e;   top:51%; left:13%; color:#000;  }
.in6_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in6_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in6_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in6_pic1 img { width:100%}
.in6_pic2 { position:absolute; width:47%; top:67%; left:35%; z-index:200; border:none }
.in6_pic2 img {width:100%; }



.index7_w {width:100%; height:100%; background: url(/rayli../images/bj7_h5.jpg);  background-size:cover; overflow:hidden; }
.index7 { width:100%; height:100%; position:relative }
.in7_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in7_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in7_img1 .picimg {float:left; width:96%;  padding-left:0px;}
.in7_img1 .picimg img {float:left; width:90%;}
.in7_img1 .txt1 { width:98%;padding-top:8px; font-size:14px; line-height:20px;  padding-left:5px;}

.in7_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in7_txt1 { position:absolute; width:56%; z-index:100; height:26%; border:6px solid #2e2e2e;   top:42%; left:5%; color:#000;  }
.in7_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in7_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in7_pic1 { position:absolute; width:40%; top:62%; left:11%; z-index:101;  }
.in7_pic1 img { width:100%}
.in7_pic2 { position:absolute; width:47%; top:64%; left:35%; z-index:200; border:none;display:none  }
.in7_pic2 img {width:100%; }



.index8_w {width:100%;  height:100%; background: url(/rayli../images/bj8_h5.jpg);  background-size:cover; overflow:hidden; }
.index8 { margin:0 auto; width:100%; height:100%;  position:relative;}
.in8_bt1 { position:absolute; z-index:100; top:2%; left:29%; width:40%;height:12%;}
.in8_pic1 { position:absolute; width:80%; top:19%; left:10%; z-index:101; display:none;  }
.in8_pic1 img { width:100%}

.in8_pich51 { position:absolute; width:71%; top:14%; left:13%; z-index:101; display:block;  }
.in8_pich51 img { width:100%}

.in8_bt2 { position:absolute; width:20%; height:5%;  top:82%; left:38%; z-index:101;  }
.in8_img { position:absolute; width:84%;top:88%; left:7%; z-index:101; height:10%;}
.in8_img .img1 { width:31%; margin-right:2%; float:left;}
.in8_img .img2 { width:31%; margin-right:2%; float:left;}
.in8_img .img3 { width:31%; margin-right:2%; float:left;}
.in8_img .img4 { width:23%; margin-right:2%; float:left; display:none}



}



@media screen and (min-width: 320px) and (max-width: 350px){
#jp_top_ding{ position:absolute; z-index:50000; top:0px; left:0px; width:100%; height:32px; display:none;}
img { padding:0px; width:100%; vertical-align:baseline; }
.swiper-container { height:100%; width: 100%; position:absolute; }
.pagination {  position: absolute;  right: 3%;  text-align: center;  top:50%;  width:15px; z-index:100;}
.swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius:10px; border:1px solid #000;  margin:3px; cursor: pointer; }
.swiper-active-switch {  background: #000;}




.index1_w {width:100%; height:100%; background: url(/rayli../images/bj1_h5.jpg) no-repeat 0% 80%;  background-size:cover; overflow:hidden; }
.index1 { width:100%; height:100%; position:relative }
.video_sp { position:absolute;  z-index:200; height:100%; width:100%;  top:0%; left:0%; background:#000;}
.video_gb { width:100%; height:15%; text-align:right;}
.video_gb img { width:10%;}
.in1_img1 { position:absolute; z-index:100;  top:10%; left:45%; width:55%;  height:30%;}
.in1_img1 .picimg { width:100%; }
.in1_img2 { position:absolute; width:17%; top:32%; left:50%; z-index:100;}
.in1_txt1 { position:absolute; width:84%; z-index:100; height:48%;  border:5px solid #fff;  top:46%; left:2%;  }
.in1_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#080604; z-index:110;  filter: alpha(opacity=90); opacity:0.9;  }
.in1_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:4% ; z-index:120;  font-size:14px; line-height:16px; color:#f0f0f0;  }
.in1_txt1 .txt .p2{ font-size:14px; padding-top:8px; color:#a3a2a0!important; }





.index2_w {width:100%; height:100%; background: url(/rayli../images/bj2_h5.jpg);  background-size:cover; overflow:hidden; }
.index2 { width:100%; height:100%; position:relative }
.in2_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in2_img1 { position:absolute; z-index:100; top:1%; left:0%; width:98%;}
.in2_img1 .picimg {float:left; width:98%;}
.in2_img1 .picimg img {float:left; padding-left:2%; width:90%;}
.in2_img1 .txt1 { width:98%;padding-top:5px; font-size:14px; line-height:14px;}
.in2_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in2_txt1 { position:absolute; width:80%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:34%; left:3%; color:#000;  }
.in2_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in2_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120; line-height:20px;  font-size:14px; }
.in2_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in2_pic1 img { width:100%}
.in2_pic2 { position:absolute; width:52%; top:58%; left:8%; z-index:200; border:none }
.in2_pic2 img {width:100%;}



.index3_w {width:100%; height:100%; background: url(/rayli../images/bj3_h5.jpg);  background-size:cover; overflow:hidden; }
.index3 { width:100%; height:100%; position:relative }
.in3_img1b { position:absolute; z-index:99; top:5%; left:0%; width:100%; display:none;}
.in3_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in3_img1 .picimg {float:left; width:96%;}
.in3_img1 .picimg img {float:left; width:90%;}
.in3_img1 .txt1 { width:98%;padding-top:15px; font-size:14px; line-height:16px;}
.in3_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
/**/
.in3_txt1 { position:absolute; width:65%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:40%; right:7%; color:#000;  }
.in3_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in3_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in3_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in3_pic1 img { width:100%}
/**/
.in3_pic2 { position:absolute; width:52%; top:63%; left:8%; z-index:200; border:none }
.in3_pic2 img {width:100%;}



.index4_w {width:100%; height:100%; background: url(/rayli../images/bj4_h5.jpg);  background-size:cover; overflow:hidden; }
.index4 { width:100%; height:100%; position:relative }
.in4_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%; display:block;}
.in4_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in4_img1 .picimg {float:left; width:96%;}
.in4_img1 .picimg img {float:left; width:90%;}
.in4_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px;}
.in4_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in4_txt1 { position:absolute; width:60%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:42%; left:3%; color:#000;  }
.in4_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in4_txt1 .txt { position:absolute; top:0px; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in4_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in4_pic1 img { width:100%}
.in4_pic2 { position:absolute; width:42%; top:66%; left:8%; z-index:200; border:none }
.in4_pic2 img {width:100%; }


.index5_w {width:100%; height:100%; background: url(/rayli../images/bj5_h5.jpg);  background-size:cover; overflow:hidden; }
.index5 { width:100%; height:100%; position:relative }
.in5_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in5_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%;}
.in5_img1 .picimg {float:left; width:96%;}
.in5_img1 .picimg img {float:left; width:90%;}
.in5_img1 .txt1 { width:98%;padding-top:10px; font-size:14px; line-height:16px;}
.in5_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in5_txt1 { position:absolute; width:68%; z-index:100; height:30%; border:6px solid #2e2e2e;   top:61%; left:3%; color:#000;  }
.in5_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in5_txt1 .txt { position:absolute; top:35%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in5_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in5_pic1 img { width:100%}
.in5_pic2 { position:absolute; width:47%; top:42%; left:7%; z-index:200; border:none }
.in5_pic2 img {width:100%; }


.index6_w {width:100%; height:100%; background: url(/rayli../images/bj6_h5.jpg);  background-size:cover; overflow:hidden; }
.index6 { width:100%; height:100%; position:relative }
.in6_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in6_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in6_img1 .picimg {float:left; width:96%;  padding-left:5px;}
.in6_img1 .picimg img {float:left; width:90%;}
.in6_img1 .txt1 { width:96%;padding-top:10px; font-size:15px; line-height:22px;  padding-left:15px;}



.in6_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in6_txt1 { position:absolute; width:66%; z-index:100; height:22%; border:6px solid #2e2e2e;   top:49%; left:22%; color:#000;  }
.in6_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in6_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in6_pic1 { position:absolute; width:18%; top:66%; left:61%; z-index:101; display:none  }
.in6_pic1 img { width:100%}
.in6_pic2 { position:absolute; width:47%; top:64%; left:35%; z-index:200; border:none }
.in6_pic2 img {width:100%; }



.index7_w {width:100%; height:100%; background: url(/rayli../images/bj7_h5.jpg);  background-size:cover; overflow:hidden; }
.index7 { width:100%; height:100%; position:relative }
.in7_img1b { position:absolute; z-index:99; top:0%; left:0%; width:100%;  display:block;}
.in7_img1 { position:absolute; z-index:100; top:2%; left:2%; width:96%; height:auto;}
.in7_img1 .picimg {float:left; width:96%;  padding-left:5px;}
.in7_img1 .picimg img {float:left; width:90%;}
.in7_img1 .txt1 { width:96%;padding-top:10px; font-size:15px; line-height:22px;  padding-left:15px;}

.in7_img2 { position:absolute; width:13%; top:36%; left:38%;display:none  }
.in7_txt1 { position:absolute; width:50%; z-index:100; height:26%; border:6px solid #2e2e2e;   top:42%; left:5%; color:#000;  }
.in7_txt1 .bei { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:#fff; z-index:110;  filter: alpha(opacity=80); opacity:0.8;  }
.in7_txt1 .txt { position:absolute; top:0%; left:0px; bottom:0px; right:0px; padding:2% 2% 8% 4%; z-index:120;  font-size:14px; }
.in7_pic1 { position:absolute; width:40%; top:60%; left:11%; z-index:101;  }
.in7_pic1 img { width:100%}
.in7_pic2 { position:absolute; width:47%; top:64%; left:35%; z-index:200; border:none;display:none  }
.in7_pic2 img {width:100%; }


.index8_w {width:100%;  height:100%; background: url(/rayli../images/bj8_h5.jpg);  background-size:cover; overflow:hidden; }
.index8 { margin:0 auto; width:100%; height:100%;  position:relative;}
.in8_bt1 { position:absolute; z-index:100; top:2%; left:29%; width:40%;height:12%;}
.in8_pic1 { position:absolute; width:80%; top:19%; left:10%; z-index:101; display:none;  }
.in8_pic1 img { width:100%}

.in8_pich51 { position:absolute; width:71%; top:14%; left:13%; z-index:101; display:block;  }
.in8_pich51 img { width:100%}

.in8_bt2 { position:absolute; width:20%; height:5%;  top:82%; left:38%; z-index:101;  }
.in8_img { position:absolute; width:84%;top:88%; left:7%; z-index:101; height:10%;}
.in8_img .img1 { width:31%; margin-right:2%; float:left;}
.in8_img .img2 { width:31%; margin-right:2%; float:left;}
.in8_img .img3 { width:31%; margin-right:2%; float:left;}
.in8_img .img4 { width:23%; margin-right:2%; float:left; display:none}



}