body,html{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; position: relative; height: 100%; }
.clr{ clear: both;}
.font1{ color:#fff;}
.font2{ color:red;}

.menu li h6 a{ font-size:16px;}

body{ background: #181415;}

/** page1 */
.riobg1{ background:#181415; background-size: 100% 100%; }
.riol{ width: 50%; float: left; padding-top: 100px; padding-bottom: 100px;}
.rior{ width: 50%; float: left; padding-top: 100px; padding-bottom: 100px;}
.img-pull-right{ float: right;}
.rior h1{ font-size: 26pt; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin-top: 100px; margin-left:10px;}
.rior h3{ font-size: 20pt; margin-top:20px;  margin-left:10px;}
.rior ul{ width: 400px; margin-left: 15px; margin-top:30px; }
.rior ul li{ float:left; width:200px; color:#fff;}
.rior ul li span{ font-weight:bold;}
.price{ width:400px; color:red; font-size:36pt; margin-top:50px; text-align:center;}
.price s{ font-size:16px; font-weight:normal; margin-left:10px;}
.riobox-p{ width:400px;  text-align:center; color:#fff;}
.riobox-img{width:400px;  text-align:center; color:#fff; margin-top: 50px;}
.riobox-img p{ text-align:left;}
.riobox-img p span{ margin-left:10px;}

/** page2 */
.riobg2{ background:#181415; background-size: 100% 100%; margin-top: -2px;}
.riobg2 .riol{ text-align:right;}
.riobg2 .riol .riobox-p{ float:right;}
.riobg2 .riol .riobox-p h3{ font-size:16pt; margin-top:10px;}
.riobg2 .riol ul{ float:right; clear:bold; margin-right:50px; margin-top: 20px;}
.riobg2 .riol ul li{ width:70px; height:60px; border: 1px solid red; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align:center; float: left; margin-right:10px; font-size:18px; color:#fff; line-height: 25px; padding-top:10px;}
.riobg2 .riol ul li span{ margin-top:5px; font-size:24px;}
.riobg2 .riol img{ margin-top:50px;}

/** page3 */
.swiper-container { width: 100%; height: 100%; background:#181415;}
.swiper-slide { text-align: center; font-size: 18px; background: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img{ filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2; }
.swiper-slide-next img{ filter:alpha(Opacity=100);-moz-opacity:1; opacity: 1;  }
.swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity: .8; width:20px; height:20px; margin-right:20px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:red;}

/** page4 */
.riobg4{ background:#181415; padding-top:50px;}
.riobg4 .wrap dl{ float:left; display:block; width:560px; height:auto; margin-left:50px;}
.riobg4 .wrap dl .v-box{ width:560px; height:358px; overflow:hidden;  position:relative;}
.riobg4 .wrap dl h3{ text-align:center; color:#fff; font-size:16pt; line-height:36pt;}
.video_img{ width: 100%; height: 100%; position: absolute; z-index: 2; overflow: hidden; margin: auto; text-align: center; }
.show_video{ position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; background-image: url(../images/img/play.png); background-repeat: no-repeat; background-size: cover; background-color: rgba(0,0,0,0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #FFF; /* -webkit-transition-duration: 0.25s; transition-duration: 0.25s;*/ cursor: pointer; overflow: hidden; }
.show_video:hover{ background-color: #eb0028; border:0;}

/** page5 */
.riobg5{ background:#181415; padding-top:80px; text-align: center; margin-top:-2px;}
.riobg5 .imgcenter{ margin: auto;}

/** page6 */
.riobg6{ background:#181415; padding-top:80px; margin-top: -2px;}
.swiper-container2 { width: 100%; height: 100%; margin: 20px auto; }
.swiper-container2 .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #181415; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-container2 .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:.8;  width:20px; height:20px; margin-right:20px;}
.swiper-container2 .swiper-pagination .swiper-pagination-bullet-active{ background:red;}
.swiper-container2 .swiper-wrapper .swiper-slide h1{ width:1280px; font-size: 26pt; }
.swiper-container2 .swiper-wrapper .swiper-slide ul{ width:1000px; margin-top: 50px; padding-left: 20%;}
.swiper-container2 .swiper-wrapper .swiper-slide ul li{ width:50%; float:left; margin-bottom:40px;}
.swiper-container2 .swiper-wrapper .swiper-slide ul li .box-f{}
.swiper-container2 .swiper-wrapper .swiper-slide ul li .box-f .b{ width:33px; height:12px; line-height:12px; position:relative; left:50px; top:-2px;}
.swiper-container2 .swiper-wrapper .swiper-slide ul li .box-f .box{ border:1px solid #F00303; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:60%; text-align:left; padding: 10px; height:150px;}
.swiper-container2 .swiper-wrapper .swiper-slide ul li .box-f .box p{ color:#fff; font-size:14px;}
.swiper-container2 .swiper-wrapper .swiper-slide ul li .img{ width:125px; height:40px; margin-top:10px; margin-left:50px;}
.swiper-container2 .swiper-wrapper .swiper-slide img{ filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1; }

/** page7 */
.riobg7{ background:#181415;}
.img-center{ margin:auto;}
.h1{ font-size:36pt; color:#F00302;}
.riobg7 .rior h3{ font-size:16pt; line-height:16pt;}

/** page8 */
.riobg8{ background:#181415;}
.riobg8 .rior .box{ width:600px; text-align:center; padding-top:100px;}
.riobg8 .rior .box .h1{ padding: 0px; margin:0px; margin-top: 10px;}
.riobg8 .rior .box .price{ width:600px;}