 

/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.riifo-svg {display: block;position: relative;overflow: hidden;}
.riifo-svg img {display: block;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.riifo-content{width: 75%;margin: auto;position: relative;overflow: hidden;}
.vjs-loading-spinner,.vjs-modal-dialog-content {display:none!important;}


 

/* header */
.riifo-header {position: fixed;left: 0;top: 0;z-index: 900;width: 100%;transition:all .4s ease;}
.riifo-header .riifo-content {width:90%;height: 100px;margin: auto;position: relative;overflow: hidden;z-index: 999;}
.riifo-header .riifo-content::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;opacity: .2;}
.riifo-header-left {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
.riifo-header-right {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.riifo-logo {position: absolute;left:0;top:50%;margin: -15px 0 0 0px;width:102px;height:30px;z-index: 11;display: block;}
.riifo-logo a {display: block;overflow: hidden;}
.riifo-header-nav {position: relative;margin-left: 160px;}
.riifo-header-nav li{display: inline-block;position: relative;padding-right: 50px;}
.riifo-header-nav li a{display:block;position: relative;line-height: 100px;text-transform: uppercase;}
.riifo-header-nav li a::after {display: none;}
.riifo-header-nav li.cur a::after,.riifo-header-nav li a:hover:after {content: '';width: 4px;height: 4px;position: absolute;top:50%;left:-15px;border-radius: 100%;margin-top: -5px;}
.riifo-header-right div {display: inline-block;vertical-align: middle;}
.riifo-header-right div i {width: 20px;height: 20px;}
.riifo-header-right .search {position: relative;}
.riifo-header-right .language {margin-left: 20px;padding-left: 20px;position: relative;overflow: hidden;}
.riifo-header-right .language::before {content: '';width: 1px;height: 100%;position: absolute;left:0px;top: 0;opacity: .2;}
.riifo-header-right .language i {display:inline-block;vertical-align: middle;}
.riifo-header-right .language span{display:inline-block;vertical-align: middle;margin-left:5px;;}
.riifo-header.hover .riifo-header-right .language a:hover i * {fill: #ed2939!important;}
.riifo-header.hover .riifo-header-right .language a:hover span {color: #ed2939;}
.riifo-header.hover .riifo-header-right .search a:hover i * {fill: #ed2939!important;}
.riifo-header-nav li.cur a {color: #ed2939;}


.riifo-header-nav-show {position: absolute;left: 0;top:0px;width: 100%;height: auto;z-index: 900;transition:all .4s ease;}
.riifo-header-nav-show .riifo-content {width: 100%;padding:0;overflow: visible;background: none;}
.riifo-header-nav-show .riifo-content::after {display: none;}
.riifo-header-nav-show-content {width:100%;height:auto;z-index:1;position: absolute;left: 0;overflow: hidden;transition:all .4s ease;background: #fff;}
.riifo-header-nav-show-content.Hide {opacity:0;z-index: -1;height: 0px;box-shadow:none}
.riifo-header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.riifo-header-nav-show-mark.cur  {z-index: 20;opacity: .2;}

.riifo-header-show-nav {overflow: hidden;padding:25px 10% 90px 10%;margin:100px auto auto auto;position: relative;width: 80%;}
.riifo-header-show-nav:before {content: '';width: 100%;height: 1px;background: #000;opacity: .1;position: absolute;top: 0;left: 0;z-index: 11;}
.riifo-header-item-nav {display: inline-block;vertical-align: top;text-align: left;width:20%;margin:50px 2% 0 2%;}
.riifo-header-item-nav a{display: block;overflow: hidden;}
.riifo-header-item-nav .title-1{position: relative;padding-bottom:20px;box-sizing: border-box;}
.riifo-header-item-nav .title-1::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: -1px;z-index: 1;transition:all .4s ease;}
.riifo-header-item-nav .title-1 strong{margin: 0;padding: 0;}
.riifo-header-item-nav .title-1 i{display: block;width: 50px;height: 50px;position: absolute;right:0;top:-5px;}
.riifo-header-item-nav .title-1 i img,.riifo-header-item-nav .title-1 i svg{max-width: 70%;max-height:70%;}
.riifo-header-item-nav .text-2{padding-top:20px;line-height: 28px;}
.riifo-header-item-nav .link-2 {padding-top:20px;line-height: 28px;}
.riifo-header-item-nav .link-2 a{display: block;background: url('../images/right.png') 99% center no-repeat; }
.riifo-header-item-nav .link-2 a:hover {background: url('../images/right1.png') 99% center no-repeat;}
.riifo-header-item-nav a:hover .title-1::after,.riifo-header-item-nav:hover .title-1::after {width: 100%;}
.riifo-header-item-nav a:hover strong,.riifo-header-item-nav a:hover span  {color: #ed2939;}


#search.riifo-header-nav-show-content  {background: #fff;overflow: hidden;}
.riifo-header-show-search {border-top: 1px solid #e6e6e6;padding: 4% 0;margin-top: 100px;}
.riifo-header-search-content {width: 40%;margin: auto;position: relative;}
.header-search-input {border: 1px solid #ccc;padding: 3.5% 4%;width: 100%;background: #fff;box-sizing: border-box;font-size: 16px;}
.header-search-submit {position: absolute;width: 10%;height: 100%;right: 0;top: 0;z-index: 2;color: #fff;border: none;cursor: pointer;background: url('../images/ssb.svg') center no-repeat #ed2939;background-size: 30%;}


#language .riifo-header-show-nav .riifo-header-item-nav .riifo-svg{width: 30px;height: 30px;top: 2px;}
#language .riifo-header-show-nav .riifo-header-item-nav .text-2 strong {font-weight: normal;float: left;}
#language .riifo-header-show-nav .riifo-header-item-nav .text-2 span {float: right;}
#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a strong {font-weight: normal;float: left;}
#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a span {float: right;}	  
#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a:hover,#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a {background:none;}




/* scroll - top - down - cur - on -hover */
.riifo-header.scroll-down,.riifo-header.scroll-top,.riifo-header.hover {background: #fff;} 
/*.riifo-header.scroll-down .riifo-logo a *,.riifo-header.scroll-top .riifo-logo a *,.riifo-header.scroll-down .riifo-header-right div i *,.riifo-header.scroll-top .riifo-header-right div i *,.riifo-header.hover .riifo-header-right div i *,.riifo-header.hover .riifo-logo a * ,.detail .riifo-header .riifo-logo a *,.detail .riifo-header .riifo-header-right div i *{fill: #000!important;}*/
.riifo-header.scroll-down .riifo-header-nav li a,.riifo-header.scroll-top .riifo-header-nav li a,.riifo-header.scroll-down .riifo-header-right .language span,.riifo-header.scroll-top .riifo-header-right .language span,.riifo-header.hover .language span,.riifo-header.hover .riifo-header-nav li a ,.detail .riifo-header .riifo-header-nav li a{color: #000;}
.riifo-header.scroll-down .riifo-header-right .language::before,.riifo-header.scroll-top .riifo-header-right .language::before,.riifo-header.hover .language::before,.detail .riifo-header .language::before{background: #000;}
.riifo-header.scroll-down .riifo-header-nav li.cur a,.riifo-header.scroll-top .riifo-header-nav li.cur a,.riifo-header.hover .riifo-header-nav li.cur a,.detail .riifo-header .riifo-header-nav li.cur a{color: #ed2939;}
.riifo-header.scroll-down,.riifo-header.scroll-top,.detail .riifo-header {border-bottom: 1px solid #e6e6e6;}
.no-touch .riifo-header {background: #fff;} 
.no-touch .riifo-header .riifo-logo a *,.no-touch .riifo-header .riifo-header-right div i *{fill: #000!important;}
.no-touch .riifo-header .riifo-header-nav li a,.no-touch .riifo-header .riifo-header-right .language span,.detail .riifo-header .riifo-header-right .language span{color: #000;}
.no-touch .riifo-header .riifo-header-right .language::before{background: #000;}
.riifo-header.hover .menu-toggle span.hamburger,.riifo-header.hover .menu-toggle span.hamburger:after,.riifo-header.hover .menu-toggle span.hamburger:before{background: #000;}
.riifo-header.scroll-down .menu-toggle span.hamburger,.riifo-header.scroll-down .menu-toggle span.hamburger:after,.riifo-header.scroll-down .menu-toggle span.hamburger:before{background: #000;}
.riifo-header.scroll-top .menu-toggle span.hamburger,.riifo-header.scroll-top .menu-toggle span.hamburger:after,.riifo-header.scroll-top .menu-toggle span.hamburger:before{background: #000;}
.detail .riifo-header .menu-toggle span.hamburger,.detail .riifo-header .menu-toggle span.hamburger:after,.detail .riifo-header .menu-toggle span.hamburger:before{background: #000;}

.detail .riifo-header.scroll-down{top: -100px;}





/* nav */

.menu-toggle {display: none;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;background:#fff;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}




.no-touch body,.no-touch html {overflow: hidden;}
.mobile-nav {position: fixed;overflow: hidden;width: 100%;height: 100%;left: 0;top: 0;z-index: 31;padding-top:20%;background: #000;box-sizing: border-box;transition:all .4s ease;display:block;transform:translateX(100%);}
.mobile-nav ul {position: relative;width: 80%;height: 100%;overflow-x: hidden;overflow-y: scroll;margin: 0 auto;padding: 0;list-style: none;}
.mobile-nav ul::-webkit-scrollbar{height:4px; width:0px;background:transparent;}
.mobile-nav li{list-style: none;margin: 0;padding: 20px 0;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);}
.mobile-nav li a{display: block;color: #fff;opacity: 1;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.mobile-nav li a.cur {opacity: 1;}
.mobile-nav li ul {list-style: none;margin: 0;padding: 20px 0;}
.mobile-nav li ul.mchildren {display: none;padding-left: 5%;}
.mobile-nav li ul li{list-style: none;margin: 0;padding:10px 0;}
.mobile-nav li ul li:last-child {border: none;}
.mobile-nav li ul li a{font-size: 14px;text-transform: capitalize;font-weight: normal;}
.mobile-nav.is-visible {transform:translateX(0px);display: block;}
.mobile-nav li ul li ul.three-children {display: none;list-style: none;margin: 0;padding:10px 0;width:100%;}
.mobile-nav li ul li ul.three-children.cur {display: block;}
.mobile-nav li ul li ul.three-children a{font-size:12px;padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.2);background:none;}
.mobile-nav li ul li ul.three-children a:last-child {border: none;}
.cd-nav-trigger {display: block;overflow: hidden;height: 50px;}
.mobile-nav li {position: relative;}
.mobile-nav li i {width: 40px;height: 40px;position: absolute;top: 10px;right: 0;z-index: 11;}
.mobile-nav li i::after {content: '';width: 10px;height: 2px;position: absolute;right: 10px;top: 50%;margin-top: -1px;margin-left: -5px;background: #ccc;}
.mobile-nav li i::before {content: '';width: 2px;height: 10px;position: absolute;right: 14px;top: 50%;margin-top: -5px;margin-left: -1px;background: #ccc;} 
.mobile-nav li i.cur::before {display: none;}



/* footer */
.riifo-footer {padding-top:80px;overflow: hidden;}
.riifo-footer-content-top {padding-bottom: 40px;position: relative;}
.riifo-footer-content-top-logo {width: 125px;height: 35px;position: relative;}
.riifo-footer-content-top-logo a {display: block;}
.riifo-footer-content-top-social {margin-top: 5%;}
.riifo-footer-content-top-social a{display: inline-block;vertical-align: middle;margin-left: -1px;}
.riifo-footer-content-top-social i{position: relative;display: block;margin: auto;width: 48px;height: 48px;}
.riifo-footer-content-center {padding:10px 0 40px 0;overflow: hidden;}
.riifo-footer-content-center-left {float: left;width: 60%;}
.riifo-footer-content-center-left ul{list-style: none;padding: 0;margin: 0;float: left;width: 25%;}
.riifo-footer-content-center-left h4,.riifo-footer-content-center-right h4{padding: 0;margin: 0;display: block;padding-bottom: 20px;text-transform: uppercase;font-weight: normal;}
.riifo-footer-content-center-left li{list-style: none;padding: 0;margin: 0;padding: 5px 0;}
.riifo-footer-content-center-right {float: right;width:25%;text-align: right;}		
.riifo-footer-subscribe {position: relative;}							
.subscribeinput {width: 100%;height: 45px;line-height: 45px;background: none;box-sizing: border-box;padding: 0 5%;}
.subscribesubmit {position: absolute;width: 45px;height: 45px;line-height: 45px;right: 0;top: 0;z-index: 2;border: none;background-image: url('../images/rightb1.png');background-position: center;background-repeat: no-repeat;cursor: pointer;}
.riifo-footer-add {margin-top: 10px;line-height: 24px;position: relative;}
.riifo-footer-content-bottom {overflow: hidden;padding: 50px 0;position: relative;}						
.riifo-footer-content-bottom-left {float: left;}	
.riifo-footer-content-bottom-right {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}		
.riifo-footer-content-center .riifo-footer-content-center-right .riifo-footer-content-top-social a{border: none;} 
.riifo-footer-content-center .riifo-footer-content-center-right .riifo-footer-content-top-social a i{width: 34px;} 			




 

/* index */
.riifo-index-banner {position: relative;width: 100%;height: 100%;}
.riifo-index-banner .swiper-slide .text{text-align: center;position: absolute;left: 50%;transform:translate(-50%,-50%);z-index: 20;top: 50%;} 
.riifo-index-banner .riifo-index-banner-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.riifo-index-banner .text {position: absolute;width:90%;top:34%;left:8%;z-index: 30;}
.riifo-index-banner .text .title-1 {overflow: hidden;}
.riifo-index-banner .text .play-2 {position: relative;margin:auto;cursor: pointer;margin-top: 50px;}
.riifo-index-banner .text .play-2 a {display: inline-block;}
.riifo-index-banner .text .play-2 strong{border-radius: 100%;width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -50px;box-sizing: border-box;}
.riifo-index-banner .text .play-2 i{display: block;border-radius: 100%;width: 58px;height: 58px;background: url('../images/play.png') 55% center no-repeat;margin: 19px;}
.riifo-index-banner .text .play-2 a:hover strong{width: 140px;height: 140px;margin: -70px 0 0 -70px;animation:turnrotate 8000ms linear infinite;}
.riifo-index-banner .video {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 15;}
.riifo-index-banner .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.riifo-index-banner .swiper-slide-active .title-1 {transform:translateY(0px);opacity:1;}
.riifo-index-banner .riifo-index-banner-pagination {bottom: auto;left: auto;right: 5%;top: 50%;width: auto;transform:translateY(-45%);}
.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet {width:6px;height:6px;opacity:1;outline: none;display: block; margin: 40px 0 ;position: relative;}
.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet::before {content: '';display: none;width:20px;height:20px;position: absolute;left:50%;top:50%;opacity:1;z-index: 9;border-radius: 100%;margin: -10px 0 0 -10px;box-sizing:border-box;opacity: .5;}
.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet-active::before{display: block;}
.riifo-scroll-down {position: absolute;bottom:0;left: 50%;transform:translateX(-50%);z-index: 10;padding-bottom: 50px;}
.riifo-scroll-down i{display: block;width: 1px;height: 50px;margin: auto;position: absolute;bottom: 0;left: 50%;animation:heightani 4000ms linear infinite;}
.riifo-scroll-down span{display: block;}

.vjs-controls-disabled{width: 100%;height: 100%;}
.riifo-index-banner .riifo-index-banner-container.left .text{text-align: left;left: 10%;transform:translate(0,-50%)} 
.riifo-index-banner .riifo-index-banner-container.right .text{text-align: right;left: auto;transform:translate(0,-50%);right: 10%;} 
.riifo-index-banner .riifo-index-banner-container.none .text{display: none;} 



.riifo-index-warranty {position: relative;}
.riifo-index-warranty .riifo-content{position: absolute;width: 100%;left: 0;top: 50%;transform:translateY(-50%);z-index: 10;text-align: center;}
.riifo-index-warranty .title-2{padding: 15px 0 25px 0;}
.riifo-index-warranty .text-3{width: 50%;margin: auto;}


.riifo-index-aboutus {position: relative;}
.riifo-index-aboutus .riifo-content{position: absolute;width:100%;left:0;z-index: 10;bottom: 0;overflow: hidden;}
.riifo-aboutus-top {overflow: hidden;width: 75%;margin: auto;}
.riifo-index-aboutus .riifo-title {float: left;width: 40%;}
.riifo-title{position: relative;overflow: hidden;}
.riifo-title h5{margin: 0;padding:0 ;font-weight: normal;}
.riifo-title h3{margin: 0;padding:0 ;font-weight: normal;}
.riifo-title .line-1{width: 40px;height:4px;margin: 20px 0;}
.riifo-text{line-height: 28px;opacity: .8;}
.riifo-learnmore {display: block;position: relative;margin: 30px 0;}
.riifo-learnmore a {display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;position: relative;box-sizing: border-box;z-index: 11;}
.riifo-learnmore a::before {content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: -1px;z-index: -1;transition:all .4s ease;}
.riifo-learnmore a:hover::before {width: 100%;height: 100%;bottom: 0px;}




.riifo-aboutus-items {float: right;width: 40%;overflow: hidden;}
.riifo-aboutus-item {overflow: hidden;margin-top:20px;position: relative;padding-bottom: 20px;}
.riifo-aboutus-item::after {content: '';width: 100%;height: 1px;opacity: .2;position: absolute;left: 0;bottom: 0;}
.riifo-aboutus-item-title {position: relative;cursor: pointer;}
.riifo-aboutus-item-title i {display: block;width:20px;height: 2px;position: absolute;right: 0;top:50%;margin-top: -1px;}
.riifo-aboutus-item-title i::before {content: '';width: 2px;height: 20px;position: absolute;left: 50%;top:-9px;margin-left: -1px;}
.riifo-aboutus-item-content {display: none;padding-top: 10px;overflow: hidden;line-height: 24px;opacity: .8;}
.riifo-aboutus-item.cur .riifo-aboutus-item-title {opacity: 1;}
.riifo-aboutus-item.cur .riifo-aboutus-item-title i::before {display: none;}
.riifo-aboutus-item.cur .riifo-aboutus-item-content {display: block;}
	
.riifo-aboutus-bottom {overflow: hidden;font-size: 0;margin-top:10%;position: relative;text-align: center;}
.riifo-aboutus-bottom::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;opacity: .1;}
.riifo-aboutus-bottom ul {list-style: none;margin: 0;padding: 0;width: 75%;margin: auto;}
.riifo-aboutus-bottom li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width:25%;padding:35px 3%;overflow: hidden;position: relative;text-align: left;box-sizing: border-box;}
.riifo-aboutus-bottom strong{display: block;font-weight: normal;}
.riifo-aboutus-bottom p{display: block;opacity: .5;margin: 5px 0 0 0;padding: 0;}
.riifo-aboutus-bottom i{display: block;position: absolute;width: 50px;height: 50px;right: 10%;top: 50%;transform:translateY(-50%);}
.riifo-aboutus-bottom li::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;opacity: .1;}
.riifo-aboutus-bottom li:hover {background-image: url('../images/yuan.png');background-repeat: no-repeat;background-position: -100px 1%;}
.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper {width: 75%;margin: auto;}
.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper li{width:100%;display: block;padding:35px 10%;}
.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper .swiper-slide li::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;opacity: .1;}
.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper .swiper-slide:first-child li::before {display: none;}
.riifo-aboutus-bottom-swiper .swiper-slide li strong.jia{display: inline-block;position: relative;padding-right: 20px;}
.riifo-aboutus-bottom-swiper .swiper-slide li strong.jia::after {content: '+';display: block;position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;}
/* .riifo-aboutus-bottom-swiper .swiper-slide-active li {background-image: url('../images/yuan.png');background-repeat: no-repeat;background-position: -100px 1%;background-color: #ed2939;} */



.riifo-index-solutions {padding: 7% 0;overflow: hidden;}
.riifo-solutions-top {text-align: center;}
.riifo-solutions-top-nav{padding-top:3%;overflow: hidden;}
.riifo-solutions-nav-swiper {position: relative;overflow: hidden;}
.riifo-solutions-nav-item {position: relative;overflow: hidden;}
.riifo-solutions-nav-item a{display: block;padding:30px 0;}
.riifo-solutions-nav-item i{display: block;width: 50px;height: 50px;margin: auto;position: relative;}
.riifo-solutions-nav-item i img{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: .5;}
.riifo-solutions-nav-item p {padding:10px 0 0 0;margin: 0;}
.riifo-solutions-nav-item::after {content: '';width: 0px;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item i img{-webkit-filter:none;filter: none;opacity: 1;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item::after {width: 100%;}
.riifo-solutions-bottom {padding-top:50px;overflow: hidden;text-align: left;}
.riifo-index-solutions-item {position: relative;overflow: hidden;background: url('../images/isbg1.png') 20% bottom no-repeat;}
.riifo-index-solutions-item .text{position: absolute;left: 0;top: 50%;width: 35%;transform:translateY(-50%);}					
.riifo-index-solutions-item .title-1{padding-bottom: 30px;}
.riifo-index-solutions-item .riifo-text{opacity: 1;padding-bottom: 40px;}
.riifo-index-solutions-item .img {float: right;width: 59%;}
.riifo-more{position: relative;overflow: hidden;}
.riifo-more a{display:inline-block;}
.riifo-more i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;border-radius: 100%;background: url('../images/jiah2.png') center no-repeat;}
.riifo-more a:hover i {transform:rotate(90deg);}
.riifo-more span{display: inline-block;vertical-align: middle;}


.riifo-index-project {padding: 7% 0 4% 0;overflow: hidden;}
.riifo-project-top {position: relative;margin-bottom: 50px;overflow: hidden;}
.riifo-project-top .riifo-learnmore {z-index: 33;position: absolute;right: 0;bottom:0;margin:0px 0;}
.riifo-project-bottom {position: relative;overflow: hidden;padding:2% 0 0 0;}
.riifo-project-bottom-swiper {position: relative;overflow: hidden;padding-bottom: 5%;}
.riifo-index-project-item {position: relative;overflow: hidden;}
.riifo-index-project-item .text{position: absolute;width: 60%;left: 0;bottom: 0;z-index: 10;padding:4% 5%;box-sizing: border-box;}
.riifo-index-project-item .text-1{padding-bottom: 10px;}
.riifo-index-project-item .title-2{overflow: hidden;} 
.riifo-index-project-item .view{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 15;opacity: 0;} 
.riifo-index-project-item .view i{display: block;width: 80px;height: 80px;border-radius: 100%;background-image:url('../images/jt2.png');background-position: center; background-repeat: no-repeat;} 
.riifo-index-project-item a:hover .view{opacity: 1;transform:translate(-45%,-55%);}	 
.riifo-index-project-item a:hover .pic {transform:scale(1.1);}					
.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet {width:6px;height:6px;outline: none;margin:0 20px ;position: relative;}
.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet::before {content: '';display: none;width:20px;height:20px;position: absolute;left:50%;top:50%;opacity:1;z-index: 9;border-radius: 100%;margin: -10px 0 0 -10px;box-sizing:border-box;opacity: .5;}
.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {display: block;}



.riifo-index-news {padding: 7% 0 ;overflow: hidden;}
.riifo-news-top {position: relative;margin-bottom: 50px;overflow: hidden;}
.riifo-news-top .riifo-learnmore {z-index: 33;position: absolute;right: 0;bottom:0;margin:0px 0;}
.riifo-news-bottom {position: relative;overflow: hidden;}
.riifo-news-bottom-left {float: left;width: 42%;}
.riifo-news-bottom-left a{display: block;overflow: hidden;padding-bottom: 3%;position: relative;}
.riifo-news-bottom-left a:hover .img .pic{transform:scale(1.1);}
.riifo-news-bottom-left a::before {content: '';width: 100%;height: 3px;position: absolute;right: 0;bottom: 0;z-index: 2;}
.riifo-news-bottom-left a:hover::before {animation:lefttoright1 1000ms ease-in-out 1 forwards;}
.riifo-news-bottom-left .text{padding: 5% 8%;position: relative;}
.riifo-news-bottom .data-1{padding-bottom: 10px;}
.riifo-news-bottom .title-2{padding-bottom: 20px;}
.riifo-news-bottom .text-3{overflow: hidden;line-height: 24px;}
.riifo-news-bottom-right {float: right;width: 50%;}		 
.riifo-news-bottom-item {overflow: hidden;padding-bottom:15px;}	
.riifo-news-bottom-item .text{padding: 25px 0;position: relative;}	
.riifo-news-bottom .learnmore-3 {font-size: 0;overflow: hidden;margin-top: 30px;display: none;}  
.riifo-news-bottom .learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;border: 2px solid #000;}  
.riifo-news-bottom .learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;font-size: 14px;}  
.riifo-news-bottom a:hover .learnmore-3 i{border: 2px solid #ed2939;background: url('../images/jiah2.png') center no-repeat;transform: rotate(180deg);}
.riifo-news-bottom a:hover .learnmore-3 span{color: #ed2939;}  





/* about */
.riifo-page-banner {position: relative;overflow: hidden;}
.riifo-page-banner-content {position: relative;overflow: hidden;}
.riifo-page-banner-content .text{text-align: center;transform:translateY(-30%);position: absolute;left: 0;top: 50%;z-index: 5;width: 100%;}
.riifo-page-banner-content .text-1{padding-bottom: 20px;}
.riifo-page-banner-content .text-2{width: 50%;margin: auto;}
.riifo-page-banner-content .text-3{width: 50%;margin: auto;}
.riifo-page-banner-content .title-1 {position: relative;}
.riifo-page-banner-content .title-2 {padding-bottom: 10px;font-weight: bold;}
.riifo-page-banner-content .path {font-size: 0;overflow: hidden;position: absolute;left: 5%;top: 120px;z-index: 11;}
.riifo-page-banner-content .path a{display: inline-block;vertical-align: middle;font-size: 0;position: relative;}
.riifo-page-banner-content .path a::before {content: '';display: inline-block;vertical-align: middle;width:6px;height:10px;background: url('../images/right.png') center no-repeat;margin: 0 10px;opacity: .5;}
.riifo-page-banner-content .path a:first-child::before {display: none;}
.riifo-page-banner-content .path i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;position: relative;margin-right: 10px;}
.riifo-page-banner-content .path span{display: inline-block;vertical-align: middle;}
.riifo-page-banner-content .path a.cur span,.riifo-page-banner-content .path a:hover span {opacity: 1;}
.riifo-page-banner-content .path a:hover i{opacity: 1;}


.riifo-about-whatwecare{padding:7% 0 5% 0;overflow: hidden;}
.riifo-about-whatwecare .riifo-title{width: 75%;margin: auto;text-align: center;}
.riifo-about-whatwecare .riifo-text{width: 60%;margin:20px auto;}
.riifo-about-whatwecare .riifo-content{overflow: hidden;margin-top:50px;width: 100%;}
.riifo-about-whatwecare-list {width: 83%;margin: auto;}
.riifo-about-whatwecare-item {padding:50px 5%;overflow: hidden;position: relative;}
.riifo-about-whatwecare-item:first-child {border: none;}
.riifo-about-whatwecare-item::before {content: '';width:90%;position: absolute;top: 0;left: 5%;height: 1px;opacity: .1;}
.riifo-about-whatwecare-item:first-child::before {display: none;}
.riifo-about-whatwecare-left {float: left;width: 30%;margin-top:3%;}
.riifo-about-whatwecare-left i{display: block;position: relative;width: 50px;height: 50px;}
.riifo-about-whatwecare-left i {margin-left: -5px;margin-bottom: 10px;}
.riifo-about-whatwecare-left .title-1{position: relative;}
.riifo-about-whatwecare-left .title-1::after {content: '';width: 40px;height: 3px;margin: 20px 0;display: block;}
.riifo-about-whatwecare-left .text-2{overflow: hidden;}
.riifo-about-whatwecare-right {float: right;width: 60%;font-size: 0;}
.riifo-about-whatwecare-right li{position: relative;display: inline-block;vertical-align: middle;width:16.66%;overflow: hidden;transition:all .4s ease;}
.riifo-about-whatwecare-right li:hover {box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1);z-index: 30;}
 
.riifo-about-future {padding:7% 0 4% 0;overflow: hidden;text-align: center;}
.riifo-about-whatwecare .riifo-title{text-align: center;}
.riifo-about-future .riifo-text{width: 70%;margin:20px auto;}
.riifo-future-icon-nav {font-size: 0;overflow: hidden;padding: 40px 0 0 0;}
.riifo-future-icon-nav a{display: inline-block;vertical-align: middle;position: relative;opacity: .5;padding: 0 40px;}
.riifo-future-icon-nav a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;opacity: .1;}
.riifo-future-icon-nav a:last-child::after {display: none;}
.riifo-future-icon-nav a i {display: block;position: relative;width: 50px;height: 50px;margin: auto;}
.riifo-future-icon-nav a strong {font-weight: bold;padding-top: 10px;display: block;}
.riifo-future-icon-nav a.cur {opacity: 1;}

.riifo-about-future-list {margin-top: 140px;overflow: hidden;}
.riifo-about-future-item {position: relative;overflow: hidden;margin-bottom: 100px;}
.riifo-about-future-item:last-child {margin-bottom: 0;}
.riifo-about-future-item .img{width: 50%;overflow: hidden;}
.riifo-about-future-item .text{text-align: left;position: absolute;right: 0;top: 0;height: 100%;width: 45%;background: url('../images/syh.png') right 15% no-repeat;}
.riifo-about-future-item .riifo-svg{display: block;width: 50px;height: 50px;position: relative;margin-top: 60px;margin-left: -4px;}
.riifo-about-future-item .title-1{padding: 5px 0 10px 0;}
.riifo-about-future-item .text-2{overflow: hidden;}
.riifo-about-future-item .text-2 li{margin: 0;padding: 0;padding:15px 0px 15px 15px;position: relative;list-style: none;}
.riifo-about-future-item .text-2 li::before {content: '';width: 4px;height:4px;border-radius: 100%;position: absolute;left: 0;top: 24px;}
.riifo-about-future-item .text-2 li:first-child {border: none;}
.riifo-about-future-item.fr .img{float: right;}
.riifo-about-future-item.fr .text{right: auto;left: 0;}

.riifo-about-whatweare {padding:7% 0 0 0;overflow: hidden;background: url('../images/bg2.jpg') center top no-repeat;background-size:100%;}
.riifo-about-whatweare .riifo-content-top {overflow: hidden;}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-left {float: left;width: 35%;}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text {font-weight: bold;opacity: 1;}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-right {float: right;width: 55%;}
.riifo-about-whatweare .riifo-content-top .riifo-content-top-right hr {opacity: .2;margin: 20px 0;}
.riifo-about-whatweare .riifo-content-bottom {margin-top:10%;overflow: hidden;}
.riifo-about-data-item {float: left;width: 21%;overflow: hidden;margin-right: 5%;}
.riifo-about-data-item:last-child {margin-right: 0;}
.riifo-about-data-item .top-1{position: relative;margin-bottom: 25px;}
.riifo-about-data-item .riifo-svg{display: block;width: 50px;height: 50px;position: relative;}
.riifo-about-data-item .riifo-svg svg {max-height: 80%;}
.riifo-about-data-item .num-2{opacity: .4;position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.riifo-about-data-item .bottom-3{position: relative;padding-top: 25px;}
.riifo-about-data-item .bottom-3::before {content: '';width:20%;height: 2px;position: absolute;left: 0;top: 0;z-index: 2;transition:all .4s ease;}
.riifo-about-data-item .bottom-3::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 0;}
.riifo-about-data-item .data-4{overflow: hidden;}
.riifo-about-data-item .data-4 strong{position: relative;}
.riifo-about-data-item .data-4 span{display: inline-block;vertical-align: top;font-weight: bold;}
.riifo-about-data-item .text-5{padding-top: 10px;opacity: .5;}
.riifo-about-data-item:hover .bottom-3::before{width: 100%;}

.riifo-about-an-nnovation-pioneer {padding:5% 0 7% 0;overflow: hidden;}
.riifo-about-an-nnovation-pioneer .riifo-content-left {float: left;width: 43%;}
.riifo-about-an-nnovation-pioneer .riifo-content-right {float: right;width: 50%;margin-top: 0;}
.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text{opacity: 1;}
.riifo-an-nnovation-pioneer {overflow: hidden;margin-top: 5%;}
.riifo-an-nnovation-pioneer li{list-style: none;margin: 0;padding: 20px 0;overflow: hidden;position: relative;transition:all .4s ease;}
.riifo-an-nnovation-pioneer strong{width: 30%;display: block;transition:all .4s ease;}
.riifo-an-nnovation-pioneer span{width:60%;text-align: right;display: block;position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.riifo-an-nnovation-pioneer li.cur {border-bottom: 1px solid #ed2939;}
.riifo-an-nnovation-pioneer li.cur strong{color: #ed2939;}


.riifo-munufacturing-expert {position: relative;overflow: hidden;}
.riifo-munufacturing-expert .riifo-content {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 33;}
.riifo-munufacturing-expert-top {text-align: center;position: absolute;top: 50%;width: 100%;left: 0;transform:translateY(-50%);}
.riifo-munufacturing-expert-top .riifo-text {width: 50%;margin:30px auto;}
.riifo-munufacturing-expert .riifo-aboutus-bottom {position: absolute;bottom: 0;width: 100%;left: 0;}

.riifo-globtal-market-leader {position: relative;padding: 7% 0;overflow: hidden;background: #000;background: #f7f9fb url('../images/mapbg.jpg') center no-repeat;background-size: cover;}
.riifo-globtal-market-leader-top {text-align: center;}
.riifo-globtal-market-leader-top .riifo-text{width: 70%;margin: auto;margin-top: 10px;opacity: 1;}
.riifo-globtal-market-leader-bottom {margin: 5% 0 0 0;overflow: hidden;position: relative;}
.riifo-globtal-market-leader-bottom .center-map {width: 100%;margin: auto;}
.riifo-globtal-market-leader-bottom .left-icontext {position: absolute;width: 25%;left: 0;top: 50%;transform:translateY(-50%);z-index: 55;}
.riifo-globtal-market-leader-bottom .left-icontext li {list-style: none;margin: 0;padding: 30px 0;position: relative;}
.riifo-globtal-market-leader-bottom .left-icontext li strong{display: block;}
.riifo-globtal-market-leader-bottom .left-icontext li span{display: block;opacity: .5;}
.riifo-globtal-market-leader-bottom .left-icontext .riifo-svg{display: block;width: 40px;height: 40px;position: absolute;right: 0;top:50%;transform:translateY(-50%);}
.riifo-globtal-market-leader-bottom .left-icontext li::before {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 2;transition:all .4s ease;}
.riifo-globtal-market-leader-bottom .left-icontext li:hover:before {width: 100%;}
.riifo-globtal-market-leader-bottom .right-addtext {position: absolute;width: 25%;right:0;top: 50%;transform:translateY(-50%);z-index: 11;}
.riifo-globtal-market-leader-bottom #info {position: absolute;width: 25%;right:0;top: 50%;transform:translateY(-50%);z-index: 11;}
.right-addtext-swiper {position: relative;overflow: hidden;}
.right-addtext-item {position: relative;}
.right-addtext-item .text{overflow: hidden;}
.right-addtext-item .title-1{font-weight: bold;position: relative;padding-bottom: 20px;}
.right-addtext-item .title-1::before {content: '';width: 20%;height: 1px;display: block;z-index: 2;position: absolute;left: 0;bottom: 0;}
.right-addtext-item .title-1::after {content: '';width: 100%;height: 1px;display: block;position: absolute;left: 0;bottom: 0;} 
.right-addtext-item .text-2{overflow: hidden;padding-top: 20px;}
.right-addtext-item .img{margin-top: 30px;}
#chartdiv {width: 100%;height: 600px;position: relative;}
#chartdiv::before {content: '';width: 70px;height: 50px;position: absolute;left: 0;bottom: 0;background: #f7f9fb;z-index: 11;}


.riifo-about-history {position: relative;padding: 7% 0;overflow: hidden;}
.riifo-about-history-top {text-align: center;padding-bottom: 5%;}
.riifo-about-history-content {overflow: hidden;}
.riifo-about-history-content-top {text-align: center;padding: 20px 0;font-size: 0;}
.riifo-about-history-content-top span{display: inline-block;vertical-align: middle;width: 30%;text-align: right;padding: 0 3%;}
.riifo-about-history-content-top img {display: inline-block;vertical-align: middle;width:60px;}
.riifo-about-history-content-top span:last-child {text-align: left;}

.riifo-about-history-list {position: relative;padding:8% 0 0 0;overflow: hidden;}
.riifo-about-history-list::after {content: '';width: 2px;height: 100%;position: absolute;left:50%;top: 0;background: #e6e8ed;margin-left: -1px;}
.riifo-about-history-list:first-child::after {height: 95%;}
.riifo-about-history-list.h100::after {height:98%;}
.riifo-about-history-item {overflow: hidden;position: relative;width:80%;margin: auto;margin-bottom: 5%;}
.riifo-about-history-item .text{width:42%;text-align: right;z-index: 11;float: left;}
.riifo-about-history-item .text strong{color: #000;}
.riifo-about-history-item .data-1{font-weight: bold;position: relative;}
.riifo-about-history-item .text-2{overflow: hidden;margin-top: 10px;}
.riifo-about-history-item .text-2 strong{font-size: 20px;font-weight: bold;}
.riifo-about-history-item .img{float: right;width: 35%;margin-right: 7%;}        
.riifo-about-history-item .dian-1 {position: absolute;left:50%;top:25%;text-align: right;z-index: 11;margin-left: 8px;}      
.riifo-about-history-item .dian-1 i {width: 8px;height: 8px;display: block;border-radius: 100%;position: absolute;right: 0;top: 50%;margin-top: -4px;background: #ccc;border: 4px #fff solid;}
.riifo-about-history-item .dian-1 i::before {content: '';width: 20px;height: 20px;border-radius: 100%;position: absolute;left:50%;top: 50%;margin: -10px 0 0 -10px;border:2px #ccc solid;box-sizing: border-box;}
.riifo-about-history-item .dian-1 i::after {content: '';width:40px;height:2px;position: absolute;right:13px;top: 50%;margin-top:-1px;background: #ccc;}      
.riifo-history-content-hide {display: block;}
.riifo-history-content-hide.cur {display: none;}
.riifo-about-history-item.fr .img{float: left;;margin-right: 0;margin-left: 7%;}        
.riifo-about-history-item.fr .text{text-align: left;float: right;}   
.riifo-about-history-item:hover .dian-1 i {background: #ed2939;border: 4px #fff solid;}
.riifo-about-history-item:hover .dian-1 i::before  {border:2px #ed2939 solid;}
.riifo-about-history-item:hover .dian-1 i::after {background: #ed2939;}
.riifo-viewmore {margin: auto;text-align: center;z-index: 11;position: relative;cursor: pointer;}
.riifo-viewmore i{display: block;width: 60px;height: 60px;position: relative;background-image: url('../images/jia1.png');background-position: center;background-repeat: no-repeat;border-radius: 100%;margin: auto;}
.riifo-viewmore strong{display: block;padding: 10px 0;}
.riifo-viewmore.cur {display: none;}
.riifo-closes {margin: auto;text-align: center;z-index: 11;position: relative;cursor: pointer;}
.riifo-closes i{display: block;width: 60px;height: 60px;position: relative;background-image: url('../images/jia1.png');background-position: center;background-repeat: no-repeat;border-radius: 100%;margin: auto;transform: rotate(44deg);background-color: #ed2939;}
.riifo-closes strong{display: block;padding: 10px 0;}
.riifo-closes.cur {display: none;}


.riifo-about-next {position: relative;}
.riifo-about-next .riifo-content{position: absolute;width: 100%;top: 50%;transform:translateY(-50%);left: 0;z-index: 22;text-align: center;}
.riifo-about-next .riifo-title{overflow: hidden;}
.riifo-about-next .riifo-text{margin-top: 10px;}
.riifo-about-next .line-3{margin-top: 50px;}
.riifo-about-next .line-3 a,.riifo-about-next .line-3 span{display: inline-block;padding: 10px 2%;position: relative;}
.riifo-about-next .line-3 a::after,.riifo-about-next .line-3 span::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;}
.riifo-about-next .img {width: 90%;margin: auto;}
.riifo-about-next::after {content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: -1;background: #1a1a1a;}
.riifo-about-next a:hover img{opacity: .5;transform:scale(1.05);}


.popup-window-whatwecare-content {width: 100%;height: 100%;overflow: auto;background: #f7f8fa;position: absolute;left: 0;top: 0;z-index: 3;}
.popup-window-whatwecare-list {width: 76%;margin: auto;padding: 5% 12%;overflow: hidden;}
.popup-window-whatwecare-item {float: left;width: 49%;margin-bottom: 2%;background: #fff;margin-right: 2%;}
.popup-window-whatwecare-item.mr0 {margin-right: 0;}
.popup-window-whatwecare-item .whatwecare {display: block;overflow: hidden;padding: 5%;}
.popup-window-whatwecare-item .img {float: left;width: 30%;border: 1px solid #e7e7e7;position: relative;}
.popup-window-whatwecare-item .img a {display: block;overflow: hidden;}
.popup-window-whatwecare-item .img i {width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 33;background: rgba(237,47,51,.9);border-radius: 100%;opacity: 0;}
.popup-window-whatwecare-item .img i::before,.popup-window-whatwecare-item .img i::after {content: '';width: 14px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -7px;z-index: 3;}
.popup-window-whatwecare-item .img i::after {z-index: 2;width: 2px;height: 14px;margin: -7px 0 0 -1px;}
.popup-window-whatwecare-item .text {float: left;width: 64%;padding-left: 5%;padding-top: 10%;}
.popup-window-whatwecare-item .title-1 {font-size: 18px;position: relative;padding-bottom: 20px;font-weight: bold;}
.popup-window-whatwecare-item .title-1::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #ccc;}
.popup-window-whatwecare-item .title-1::before {content: '';width: 20%;height: 1px;position: absolute;left: 0;bottom: 0;background: #ed2939;z-index: 22;transition:all .4s ease;}
.popup-window-whatwecare-item .title-2 {font-size: 16px;color: #999999;padding: 20px 0 10px 0;}
.popup-window-whatwecare-item .text-3 {font-size: 16px;line-height: 26px;}
.popup-window-whatwecare-item a:hover .title-1::before {width: 100%;}
.popup-window-whatwecare-item a:hover .title-1 {color: #ed2939;}
.popup-window-whatwecare-item a:hover i {display: block;opacity: 1;}
.popup-window-whatwecare-item .reffence-4 {display: block;margin-top: 5%;}
.popup-window-whatwecare-item .reffence-4 a {font-size: 14px;display: inline-block;color: #ed2939;padding-bottom: 3px;border-bottom: 1px solid #ed2939;}
.popup-window-whatwecare-item .whatwecare:hover .title-1::before{width: 100%;}
.popup-window-whatwecare-item .whatwecare:hover .title-1 {color: #ed2939;}


.riifo-yun1 {width: 40%;height: 200px;position: absolute;left: 0;top: 0;z-index: 3;background: url('../images/yun1.png') center no-repeat;background-size: auto 100%;pointer-events: none;}
.riifo-yun2 {width: 30%;height: 300px;position: absolute;left: 20%;top: 30%;z-index: 3;background: url('../images/yun2.png') center no-repeat;background-size: auto 100%;pointer-events: none;}
.riifo-yun3 {width: 35%;height: 250px;position: absolute;left: 40%;top: 60%;z-index: 3;background: url('../images/yun3.png') center no-repeat;background-size: auto 100%;pointer-events: none;}
.riifo-yun1 {animation: fudong1 100000ms ease infinite;opacity: 0;}
.riifo-yun2 {animation: fudong2 80000ms ease infinite;opacity: 0;}
.riifo-yun3 {animation: fudong3 80000ms ease infinite;opacity: 0;}
@keyframes fudong1 {0% {left: 0;opacity: 0;} 10% {left:10%;;opacity: 1;}50% {left:50%;;opacity: 1;} 90% {left: 90%;opacity: 1;}100% {left: 100%;opacity: 0;} }
@keyframes fudong2 {0% {left: 20%;opacity: 0;} 10% {left:30%;;opacity: 1;}50% {left:50%;;opacity: 1;} 90% {left: 90%;opacity: 1;}100% {left: 100%;opacity: 0;} }
@keyframes fudong3 {0% {left: 40%;opacity: 0;} 10% {left:50%;;opacity: 1;}50% {left:60%;;opacity: 1;} 90% {left: 90%;opacity: 1;}100% {left: 100%;opacity: 0;} }



/* product */
.riifo-path {font-size: 0;overflow: hidden;position: absolute;left: 5%;top: 120px;z-index: 11;}
.riifo-path a{display: inline-block;vertical-align: middle;font-size: 0;position: relative;}
.riifo-path a::before {content: '';display: inline-block;vertical-align: middle;width:6px;height:10px;background: url('../images/right2.png') center no-repeat;margin: 0 10px;opacity: .5;}
.riifo-path a:first-child::before {display: none;}
.riifo-path i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;position: relative;margin-right: 10px;opacity: .5;}
.riifo-path span{display: inline-block;vertical-align: middle;opacity: .5;}
.riifo-path a.cur span,.riifo-path a:hover span {opacity: 1;}
.riifo-path a:hover i{opacity: 1;}

.riifo-banner-swiper {position: absolute;width: 100%;height: auto;z-index: -1;}
.riifo-page-banner-swiper {position: relative;}
.riifo-page-banner-swiper .img {background-color: #fff;}

.riifo-product-index {position: relative;z-index: 10;overflow: hidden;}
.riifo-product-index .riifo-content {padding: 12% 0 5% 0;overflow: hidden;text-align:center;}
.riifo-product-index-title {overflow: hidden;padding-bottom: 25px;}
.riifo-product-index-text {overflow: hidden;width: 66%;margin: auto;}
.riifo-product-list {padding: 5% 0;overflow: hidden;}
.riifo-product-list-swiper {overflow: hidden;}
.riifo-product-item {position: relative;overflow: hidden;}
.riifo-product-item a{display: block;position: relative;overflow: hidden;margin-top: 3%;}
.riifo-product-item .img{overflow: hidden;}
.riifo-product-item .text{padding: 6% 5%;overflow: hidden;text-align: left;position: relative;}
.riifo-product-item .text .title-1{overflow: hidden;position: relative;}
.riifo-product-item .text::before {content: '';position: absolute;width: 0;height: 2px;left: 0;bottom: 0;transition:all .4s ease;}
.riifo-product-item a:hover .text::before{width: 100%;}
.riifo-product-item a:hover {margin-top: 0;}


.riifo-product-detail {position: relative;width: 100%;overflow: hidden;}
.riifo-product-detail-content {position: relative;width: 100%;}
.riifo-product-detail-content .img {position: relative;overflow: hidden;background-color: #fff;}
.riifo-product-detail-content .img img {height: 100%;display: block;object-fit: cover;}
.riifo-product-detail-content .text {position: absolute;left:0;top: 50%;transform:translateY(-50%);z-index: 50;width: 30%;}
.riifo-product-detail-content .text.right {left:auto;right: 13%;}
.riifo-product-detail-content .text.left {left:10%;}
.riifo-product-detail-content .text.center {left: 50%;text-align: center;transform:translateX(-50%);top: 16%;}
.riifo-product-detail-content .text.center .riifo-title .line-1 {margin: 20px auto;}
.riifo-product-detail-content .text .riifo-text {overflow: hidden;opacity: 1;}
.riifo-product-detail-content .text .riifo-text .title-1 {margin-left: -8px;margin-bottom: 10px;color: #000;}
.riifo-product-detail-content .text .riifo-text .text-2 {font-size: 18px;line-height: 26px;}
.riifo-product-detail-content .text.baise .riifo-text .title-1  {color: #fff;}
.riifo-product-detail-content .text.baise .riifo-text {opacity: 1;}
.riifo-product-detail-content .text.baise,.riifo-product-detail-content .text.baise .riifo-text,.riifo-product-detail-content .text.baise .riifo-icon-item p {color: #fff;}
.img-left {position:absolute;left:0;width: 50%;height: 100%;top: 0;z-index: 1;}
.img-right {position:absolute;right:0;width: 50%;height: 100%;top: 0;z-index: 1;}


#Overview {position: relative;overflow: hidden;}
.riifo-product-detail-nav {position: absolute;width: 100%;left: 0;top: -100px;z-index: 100;background: #fff;transition:all .4s ease;opacity: 0;}
.riifo-product-detail-nav::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background:#ebeced;z-index: 1;}
.riifo-product-detail-nav.cur {top:0px;position: fixed;opacity: 1;}
.riifo-product-detail-nav.top100 {top: 100px;}
.riifo-product-detail-nav .riifo-content {overflow: hidden;position: relative;width: 90%;z-index: 11;}
.riifo-product-detail-nav h4{margin: 0;padding: 0;position: absolute;left: 0;top: 50%;transform:translateY(-50%);z-index:1;}
.riifo-product-detail-nav-right {text-align: right;font-size: 0;position: relative;z-index: 10;}
.riifo-product-detail-nav-right a{display: inline-block;vertical-align: middle;margin-left: 3%;position: relative;padding: 1.2% 0;}
.riifo-product-detail-nav-right a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.riifo-product-detail-nav-right a.cur::after {width: 100%;} 
.riifo-icon-item {position: relative;margin-top: 8%;width: 100%;}
.riifo-icon-item li{list-style: none;margin: 0;padding: 0;text-align: center;display: inline-block;vertical-align: top;margin-right: 13%;max-width: 40%;}
.riifo-icon-item li:last-child {margin-right: 0;}
.riifo-icon-item i {display: block;width: 96px;height: 96px;position: relative;margin: auto;}
.riifo-icon-item p {color: #000;}

.riifo-product-detail-content-pic-swiper {position: relative;overflow: hidden;}
.riifo-product-detail-content-pic-swiper .swiper-slide .title-1{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index:1;color: #fff;font-weight: bold;}
.riifo-product-detail-content-pic-swiper .pdcps-pagination {bottom: 5%;}
.riifo-product-detail-content-pic-swiper .pdcps-pagination span.swiper-pagination-bullet {background: #ccc;opacity: 1;width: 6px;height: 6px;margin: 0 15px;position: relative;}
.riifo-product-detail-content-pic-swiper .pdcps-pagination span.swiper-pagination-bullet::before {content: '';position: absolute;width: 20px;height: 20px;border: 1px solid #ed2939;left: 50%;top: 50%;border-radius: 100%;margin-left: -11px;margin-top: -11px;display: none;}
.riifo-product-detail-content-pic-swiper .pdcps-pagination span.swiper-pagination-bullet-active {background: #ed2939;}
.riifo-product-detail-content-pic-swiper .pdcps-pagination span.swiper-pagination-bullet-active::before {display: block;}
.pdcps-prev,.pdcps-next {width: 70px;height: 70px;margin-top: -35px;border-radius: 100%;border: 1px solid #fff;opacity: .2;transition:all .4s ease;}
.pdcps-prev:hover,.pdcps-next:hover {opacity: 1;}
.pdcps-prev:after,.pdcps-next:after {display: none;}
.pdcps-prev {background: url('../images/left3.png') center no-repeat;left: 5%;}
.pdcps-next {background: url('../images/right3.png') center no-repeat;right: 5%;}

.riifo-product-detail-bottom-textpic {padding: 8% 0;overflow: hidden;}
.riifo-product-detail-bottom-text-left {float: none;width: 75%;margin: auto;position: relative;}
.riifo-product-detail-bottom-text-left .text-item-1{margin-top: 1%;overflow: hidden;}
.riifo-product-detail-bottom-text-left .text-item-1 .item{border-bottom: 1px solid #e5e5e5;margin-bottom: 5%;}
.riifo-product-detail-bottom-text-left .text-item-1 .item:last-child {border: none;}
.riifo-product-detail-bottom-text-left .text-item-1 li{list-style: none;}
.riifo-product-detail-bottom-text-left .text-item-1 .text-2{display: block;font-size: 16px;line-height: 26px;}
.riifo-product-detail-bottom-text-left .text-item-1 .learnmore-3 {font-size: 0;overflow: hidden;margin-top: 20px;margin-bottom: 30px;}  
.riifo-product-detail-bottom-text-left .text-item-1 .learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;border: 2px solid #000;}  
.riifo-product-detail-bottom-text-left .text-item-1 .learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;font-size: 14px;} 
.riifo-product-detail-bottom-text-left .text-item-1 a:hover .learnmore-3 i{background: url('../images/jiah2.png') center no-repeat;border: 2px solid #ed2939;transform: rotate(180deg);}
.riifo-product-detail-bottom-text-left .text-item-1 a:hover .learnmore-3 span {color: #ed2939;}

.riifo-product-detail-bottom-text-right {float: right;width:33%;margin-right: 20%;position: relative;}
.riifo-product-detail-bottom-text-right::after,
.riifo-product-detail-bottom-text-right::before {content: '';position: absolute;top: 50%;transform:translateY(-50%);z-index:11;background: #999;opacity: .1;}
.riifo-product-detail-bottom-text-right::after {height: 90%;right: -40px;width: 40px;}
.riifo-product-detail-bottom-text-right::before {height: 80%;right: -80px;width: 80px;}
.riifo-product-detail-bottom-text-left .pageturn-3 {position: relative;margin-top: 20%;width: 50%;}
.bottom-text-prev,.bottom-text-next{width: 70px;height: 70px;margin-top: -35px;border-radius: 100%;border: 1px solid #ccc;opacity: 1;transition:all .4s ease;}
.bottom-text-prev:after,.bottom-text-next:after {display: none;}
.riifo-product-detail-bottom-text-left .pageturn-3 .bottom-text-prev {background: url('../images/lefth3.png') center no-repeat;left:0;}
.riifo-product-detail-bottom-text-left .pageturn-3 .bottom-text-next {background: url('../images/righth3.png') center no-repeat;right:0;}
.bottom-text-prev:hover,.bottom-text-next:hover {opacity: 1;}
.bottomtext-progressbar {text-align: center;width: 100%;font-size:18px;color: #000;font-weight: normal;}
.bottomtext-progressbar #current1 {color:#ed2939;}
.contain  {position:absolute; width:100%; height:100%; z-index:3; left:0; top:0; display:block;box-sizing: border-box;}
.contain .path { stroke-dasharray: 240;stroke-dashoffset: 240;box-sizing: border-box;}
.bottom-text-next .contain .path{animation: dash 3000ms infinite;}
@keyframes dash {from {stroke-dashoffset: 240;} to {stroke-dashoffset: 0;}}
.bottom-text-next.swiper-button-disabled .contain{display: none;}

.text-left-slide {float: left;width:42%;border-top: 2px solid #e5e5e5;padding-top: 8%;}
.leftitem-swiper {position: relative;overflow: hidden;}
.leftitem-swiper .pic {float: right;width:44%;margin-right: 80px;position: relative;}
.leftitem-swiper .pic::after,
.leftitem-swiper .pic::before {content: '';position: absolute;top: 50%;transform:translateY(-50%);z-index:11;background: #999;opacity: .1;}
.leftitem-swiper .pic::after {height: 90%;right: -40px;width: 40px;}
.leftitem-swiper .pic::before {height: 80%;right: -80px;width: 80px;}
.riifo-product-detail-bottom-text-left .pageturn-3 {position: absolute;left: 0;bottom: 10%;z-index: 1;margin-top: 0;width: 20%;}


.riifo-product-overview {background: #f3f5f7;overflow: hidden;padding: 7% 0 3% 0}
.riifo-product-overview .riifo-title{text-align: center;}
.riifo-product-overview-nav {text-align: center;border-top: 1px solid #e6e6e6;margin-top: 3%;position: relative;}
.riifo-product-overview-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #e6e6e6;}
.riifo-product-overview-nav a{padding: 6% 0;display: block;vertical-align: middle;position: relative;width: 100%;overflow: hidden;font-weight: bold;color: #999;}
.riifo-product-overview-nav a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #ed2939;z-index: 1;transition:all .4s ease;}
/* .riifo-product-overview-nav a.cur::after {width: 100%;}
.riifo-product-overview-nav a.cur {color: #000;} */
.riifo-product-overview-nav .swiper-slide-thumb-active a::after {width: 100%;}
.riifo-product-overview-nav .swiper-slide-thumb-active a {color: #000;}
.riifo-product-overview-list {padding-top: 4%;overflow: hidden;}
.riifo-product-overview-swiper {overflow: hidden;}
.riifo-product-overview-item {position: relative;}
.riifo-product-overview-item a {display: block;overflow: hidden;position: relative;padding: 7% 5%;background: #fff;}
.riifo-product-overview-item .name{position: absolute;left: 10%;top: 18%;width: 50%;z-index: 2;height: 75%;overflow: hidden;}
.riifo-product-overview-item .text-1{color: #999;font-size: 14px;padding-bottom: 10px;}
.riifo-product-overview-item .title-2{font-size: 20px;font-weight: bold;}  
.riifo-product-overview-item .learnmore-3{position: absolute;left:-80px;bottom: 10%;width: auto;overflow: hidden;}
.riifo-product-overview-item .learnmore-3 span {display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 14px;color: #ed2939;}
.riifo-product-overview-item .learnmore-3 i {display: inline-block;vertical-align: middle;width: 34px;height: 34px;border: 1px solid #cdcdcd;border-radius: 100%;background: url('../images/rightb2.png') center no-repeat;}
.riifo-product-overview-item .pic{background-color: transparent;float: right;width: 50%;position: relative;}
.riifo-product-overview-item a:hover .learnmore-3 {left:0px;}
.riifo-product-overview-item a:hover .learnmore-3 i {border: 1px solid #ed2939;background: url('../images/righth1.png') center no-repeat;}
.riifo-product-overview-item a:hover .title-2{color: #ed2939;}
.riifo-product-overview-item a:hover .pic img.img-center {transform:scale(1.1)}
.riifo-product-overview-item a:hover {box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1)}

.riifo-product-overview-item-swiper {padding-bottom: 5%;}
.riifo-product-overview-item-swiper .overview-pagination {overflow: hidden;bottom: 0;padding: 1% 0;}
.riifo-product-overview-item-swiper .overview-pagination span.swiper-pagination-bullet {background: #ccc;opacity: 1;width: 6px;height: 6px;margin: 0 15px;position: relative;}
.riifo-product-overview-item-swiper .overview-pagination span.swiper-pagination-bullet::before {content: '';position: absolute;width: 20px;height: 20px;border: 1px solid #ed2939;left: 50%;top: 50%;border-radius: 100%;margin-left: -11px;margin-top: -11px;display: none;}
.riifo-product-overview-item-swiper .overview-pagination span.swiper-pagination-bullet-active {background: #ed2939;}
.riifo-product-overview-item-swiper .overview-pagination span.swiper-pagination-bullet-active::before {display: block;}



.riifo-product-download {position: relative;overflow: hidden;background: #edeff2;}
.riifo-product-download-left {position: relative;float: left;width: 50%;overflow: hidden;}
.riifo-product-download-left .text-1 {position: absolute;left: 20%;top: 50%;transform:translateY(-50%);z-index: 1;width: 50%;color: #fff;}
.riifo-product-download-left .text-1 .riifo-text {opacity: 1;color: #fff;}
.riifo-product-download-left .text-3 {font-size: 14px;opacity: .5;margin-top: 10%;border-bottom: 2px solid rgba(255,255,255,.5);padding: 10px 0;} 
.riifo-product-download-left .pic {overflow: hidden;}
.riifo-product-download-left .riifo-text {overflow: hidden;}
.riifo-product-download-right {float: left;width: 35%;overflow: hidden;padding: 1% 4%;}
.riifo-product-download-right-content {padding: 0 5%;height: 300px;overflow-y: auto;margin-top: 5%;}
.riifo-product-download-right-item {width: 100%;margin-bottom: 2%;}
.riifo-product-download-right-item a{display: block;color: #fff;background: #333 url('../images/pdf.png') 130% center no-repeat;padding: 5%;position: relative;overflow: hidden;}
.riifo-product-download-right-item .item-1 {overflow: hidden;position: relative;width: 100%;height: 100%;min-height: 140px;}
.riifo-product-download-right-item .text-1 {font-size: 14px;opacity: .6;}
.riifo-product-download-right-item .title-2 {font-size: 20px;font-weight: bold;padding-top: 10px;}
.riifo-product-download-right-item .download-3 {position: absolute;left:-70px;bottom:1%;width: auto;overflow: hidden;}
.riifo-product-download-right-item .download-3 span{display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 14px;}
.riifo-product-download-right-item .download-3 i{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border: 1px solid rgba(255,255,255,.4);border-radius: 100%;background: url('../images/down.png') center no-repeat;}
.riifo-product-download-right-item a:hover {background: #b21e2b url('../images/pdf.png') 130% center no-repeat;}
.riifo-product-download-right-item a:hover .download-3 {left:0px;}
.riifo-product-download-right-content::-webkit-scrollbar{height:4px; width:2px;background: #d7d9dc;}
.riifo-product-download-right-content::-webkit-scrollbar-button{height:0; width:5px;background: #d7d9dc;}
.riifo-product-download-right-content::-webkit-scrollbar-thumb{background-color:#ed2939;box-shadow:inset 1px 1px 0 #ed2939,inset 0 -1px 0 #ed2939;}



.riifo-product-related {position: relative;overflow: hidden;padding: 9% 0 5% 0;text-align: center;}
.riifo-product-related-swiper {overflow: hidden;padding-top: 4%;padding-bottom: 5%;}
.riifo-product-related-swiper a{display: block;overflow: hidden;position: relative;}
.riifo-product-related-swiper a .pic {overflow: hidden;}
.riifo-product-related-swiper a .text-1 {padding: 3% 0;text-align: left;}
.riifo-product-related-swiper a .text-2 {padding-bottom: 10px;overflow: hidden;font-size: 14px;color: #666;}
.riifo-product-related-swiper a .title-2 {overflow: hidden;font-size: 18px;font-weight: bold;}
.riifo-product-related-swiper .related-pagination {overflow: hidden;bottom: 0;padding: 1% 0;}
.riifo-product-related-swiper .related-pagination span.swiper-pagination-bullet {background: #ccc;opacity: 1;width: 6px;height: 6px;margin: 0 15px;position: relative;}
.riifo-product-related-swiper .related-pagination span.swiper-pagination-bullet::before {content: '';position: absolute;width: 20px;height: 20px;border: 1px solid #ed2939;left: 50%;top: 50%;border-radius: 100%;margin-left: -11px;margin-top: -11px;display: none;}
.riifo-product-related-swiper .related-pagination span.swiper-pagination-bullet-active {background: #ed2939;}
.riifo-product-related-swiper .related-pagination span.swiper-pagination-bullet-active::before {display: block;}
.riifo-product-related-swiper a:hover .pic .pic{transform: scale(1.1);}
.riifo-product-related-swiper a:hover .title-2 {color: #ed2939;}

 
.popup-window {width: 100%;height: 100%;z-index: -1;overflow: hidden;position: fixed;left: 0;top: 0;transition:all .4s ease;transform:translateY(-100%);}
.popup-window.cur {display: block;transform:translateY(0);z-index: 1111;} 
.popup-window-mark {background: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.popup-window-content {position: relative;background: #fff;margin: auto;width: 60%;padding: 4% 5%;overflow: hidden;transform:translate(-72%,-50%);z-index: 20;top: 50%;left:50%;}
.popup-window-content-left {float: left;width: 50%;overflow: hidden;position: relative;background: #f7f8fa;}
.popup-window-content-left img.img-center{max-width: 70%;max-height: 70%;mix-blend-mode:multiply;}
.popup-window-content-right {float: right;width: 45%;overflow: hidden;padding: 4% 0 0 5%;text-align:left;}
.popup-window-content-right .riifo-title h3{font-size: 30px;}
.popup-window-content-right .riifo-text{opacity: 1;color: #1a1a1a;font-size: 16px;line-height: 26px;}
.popup-window-content-scroll {height: 320px;overflow-y: auto;margin-top:5%;padding-right: 3%;}
.popup-window-content-right .show-item {margin-bottom: 2%;overflow: hidden;}
.popup-window-content-right .show-item .title-1 {border-bottom: 1px solid #e6e6e6;padding: 18px 0;overflow: hidden;position: relative;cursor: pointer;}
.popup-window-content-right .show-item .title-1::before,.popup-window-content-right .show-item .title-1::after {content: '';position: absolute;background: #000;}
.popup-window-content-right .show-item .title-1::before {right: 0;top: 50%;width: 16px;height: 2px;margin-top: -1px;}
.popup-window-content-right .show-item .title-1::after {right: 7px;top: 50%;width: 2px;height: 16px;margin-top: -8px;}
.popup-window-content-right .show-item .title-1.cur strong{color: #ed2939;}
.popup-window-content-right .show-item .title-1.cur::after {display: none;}
.popup-window-content-right .show-item .title-1.cur::before {background: #ed2939;}
.popup-window-content-right .show-item .title-1 i {position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 5px;}
.popup-window-content-right .show-item .title-1 strong{display: inline-block;vertical-align: middle;font-size: 16px;text-transform: uppercase;}
.popup-window-content-right .show-item .title-1 i img{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.popup-window-content-right .show-item .title-1.cur i img {filter:none;-webkit-filter: none}
.popup-window-content-right .show-item .main-2{padding: 2% 0;overflow: hidden;font-size: 16px;line-height: 26px;display: none;}
.popup-window-content-right .show-item .main-2 .row2 {padding: 10px 0;overflow: hidden;font-size: 14px;border-bottom: 1px solid #e6e6e6;}
.popup-window-content-right .show-item .main-2 .row2 span {display: inline-block;vertical-align: middle;width: 49%;}
.popup-window-content-right .show-item .main-2 .row2 strong {display: inline-block;vertical-align: middle;width: 49%;text-align: right;}
.popup-window-content-right .show-item .main-2 .lirow2 {margin-top: 2%;overflow: hidden;}
.popup-window-content-right .show-item .main-2 .lirow2 li{float: left;width: 50%;margin-bottom: 1%;list-style: none;padding-left: 15px;position: relative;box-sizing: border-box;}
.popup-window-content-right .show-item .main-2 .lirow2 li::before {content: '';width: 4px;height: 4px;position: absolute;border: 2px solid #000;border-radius: 100%;left: 0;top: 9px;}
.popup-window-content-scroll::-webkit-scrollbar{height:4px; width:2px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-button{height:0; width:5px;background: #d7d9dc;}
.popup-window-content-scroll::-webkit-scrollbar-thumb{background-color:#333;box-shadow:inset 1px 1px 0 #333,inset 0 -1px 0 #333;}
.popup-close {background: #ed2939 url('../images/xxb.png') center no-repeat;width: 60px;height: 60px;position: absolute;top: 0;right: 0;z-index: 11;cursor: pointer;}
.popup-close:hover {background: #b4000f url('../images/xxb.png') center no-repeat;}
.popup-window-content-left .popup-window-content-left.popup-window-content-left-pic-swiper {overflow: hidden;}
.popup-window-content-left .popup-window-content-left-pic-swiper .img {background-color: transparent;}
.popup-window-content-left .popup-window-content-left-pic-swiper img.img-center{max-width: 100%;max-height: 100%;mix-blend-mode:normal;}
.popup-window-content-left-pic-swiper .popup-next,.popup-window-content-left-pic-swiper .popup-prev {left: auto;right: 0;width: 60px;height: 60px;margin: 0;top: auto;bottom: 0;opacity: 1;}
.popup-window-content-left-pic-swiper .popup-next::after,.popup-window-content-left-pic-swiper .popup-prev::after {display: none;}
.popup-window-content-left-pic-swiper .popup-next {right: 0;background: #ed2939 url('../images/right3.png') center no-repeat;}
.popup-window-content-left-pic-swiper .popup-prev {right: 60px;background: #ccc url('../images/lefth3.png') center no-repeat;}
.riifo-text-2 {font-size: 16px;line-height: 26px;padding: 2% 0 4% 0;overflow: hidden;}
.riifo-text-3 {font-size: 16px;line-height: 26px;padding: 4% 0;overflow: hidden;border-top: 1px solid #e6e6e6;}

.detail-text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;background: #fff;width: 28%;padding: 3%;overflow: hidden;}
.detail-text-swiper {overflow: hidden;position: relative;}
.detail-text-item {overflow: hidden;position: relative;}
.detail-text-item .icon-1 {position: relative;width: 50px;height: 50px;}
.detail-text-item .title-1 {margin-top: 3%;font-size: 30px;font-weight: bold;}
.detail-text-item .title-1::after {content: '';display: block;width: 50px;height: 3px;margin: 20px 0;background: #ed2939;}
.detail-text-item .text-2 {font-size: 18px;line-height: 30px;color: #666666;}
.pic-point {position: absolute;left: 50%;bottom: 10%;z-index: 11;width: 180px;text-align: center;cursor: pointer;}
.pic-point strong{display: block;margin: 0;padding: 0;width: 50px;height: 50px;margin: 10px auto;overflow: hidden;position: relative;transition:all .4s ease;}
.pic-point strong::after {content: '';width: 50px;height: 50px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(230, 0, 0,.4);}
.pic-point i{display: block;width: 30px;height: 30px;position: relative;background-color: rgba(230, 0, 0,.6);border-radius: 100%;margin: 10px;}
.pic-point i::before,.pic-point i::after {content: '';width: 10px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 11;}
.pic-point i::after {width: 2px;height: 10px;}
.pic-point span{display: block;font-size: 18px;color: #fff;}
.pic-point.point1 {left: 52%;bottom: 27%;}
.pic-point.point2 {left: 80%;bottom: 30%;}
.pic-point.point3 {left: 85%;bottom: 15%;}
.pic-point:hover strong{transform: rotate(135deg);}
.pic-point.point1 strong::after {animation: yuanfangda 1500ms infinite ease;}
.pic-point.point2 strong::after {animation: yuanfangda 2000ms infinite ease;}
.pic-point.point3 strong::after {animation: yuanfangda 2500ms infinite ease;}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.7);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.3);opacity: 0;}}
.pic-point.cur i{background-color: rgba(230, 0, 0,1);}
  
.popup-window-content video {display: block;width: 100%;}






/* service */
.riifo-services-logistics {padding: 7% 0;overflow: hidden;}
.riifo-services-logistics .riifo-title{text-align: center;}
.riifo-services-logistics .riifo-title .riifo-text {width: 50%;margin:20px auto auto auto;}
.riifo-services-logistics-list {margin-top: 80px;overflow: hidden;}
.riifo-services-logistics-item {position: relative;overflow: hidden;margin-bottom: 100px}
.riifo-services-logistics-item:last-child {margin-bottom: 0;}
.riifo-services-logistics-item .img{width: 59%;overflow: hidden;background: transparent;}
.riifo-services-logistics-item .text{text-align: left;position: absolute;right: 0;top: 0;height: 100%;width: 37%;background: url('../images/syh.png') right 15% no-repeat;}
.riifo-services-logistics-item .riifo-svg{display: block;width: 50px;height: 50px;position: relative;margin-top: 100px;}
.riifo-services-logistics-item .title-1{padding: 10px 0 ;position: relative;}
.riifo-services-logistics-item .title-1::after {content: '';width: 40px;height: 3px;margin: 20px 0;display: block;}
.riifo-services-logistics-item .text-2{overflow: hidden;}
.riifo-services-logistics-item .text-3 {padding-top: 10px;overflow: hidden;}
.riifo-services-logistics-item.fr .img{float: right;}
.riifo-services-logistics-item.fr .text{right: auto;left: 0;}
.riifo-services-logistics-item.fr .text-3 {text-align: right;}

.riifo-services-aftersale {text-align: center;overflow: hidden;position: relative;}
.riifo-services-aftersale .riifo-content{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.riifo-services-aftersale .riifo-title{padding-bottom: 30px;margin-top:7%;overflow: hidden;}
.riifo-services-aftersale .riifo-text{width: 50%;margin:20px auto;}
.riifo-services-aftersale-list {padding: 70px 0 10px 0;overflow: hidden;position: relative;}
.riifo-services-aftersale-item {overflow: hidden;position: relative;width: 40%;display: inline-block;vertical-align: top;padding-top:20px;}
.riifo-services-aftersale-item::before {content: '';width: 1px;height: 100%;position: absolute;right:0;opacity: .1;top: 0;}
.riifo-services-aftersale-item:last-child::before {display: none;}
.riifo-services-aftersale-item .num-1 {position: relative;z-index: 5;}
.riifo-services-aftersale-item .num-1 strong{font-weight: normal;}
.riifo-services-aftersale-item .danwei-2{width: 180px;height: 180px;position: absolute;right: 24%;top:0;z-index: -1;}
.riifo-services-aftersale-item .danwei,.riifo-services-aftersale-item .yuanquan1,.riifo-services-aftersale-item .yuanquan2 {position: absolute;left: 50%;top: 50%;}
.riifo-services-aftersale-item .danwei {text-align: center;transform:translate(-50%,-50%);}
.riifo-services-aftersale-item .yuanquan1{width: 75px;height: 75px;border-radius: 100%;margin: -37.5px 0 0 -37.5px;animation:turnrotate 8000ms linear infinite;}
.riifo-services-aftersale-item .yuanquan2{width: 170px;height:170px;border-radius: 100%;margin: -85px 0 0 -85px;animation:turnrotate2 8000ms linear infinite;}
.riifo-services-aftersale-item .title-3{padding-top: 5px;}
.riifo-services-aftersale-item .text-4{padding-bottom: 30px;width: 60%;margin:10px auto;}

.riifo-services-bin-service {padding: 7% 0 3% 0;overflow: hidden;}
.riifo-services-bin-service .riifo-content{text-align: center;}
.riifo-services-bin-service .riifo-title{padding-bottom: 70px;}
.riifo-services-bin-service .riifo-text{width: 70%;margin:20px auto;}
.riifo-services-bin-service-item {overflow: hidden;text-align: left;cursor: pointer;}
.riifo-services-bin-service-left {float: left;width: 50%;}
.riifo-services-bin-swiper {overflow: hidden;}
.riifo-services-bin-service-right {float: left;width: 40%;padding-left: 5%;}
.riifo-services-bin-service-right-item {position: relative;overflow: hidden;padding:50px 0 50px 0;}
.riifo-services-bin-service-right-item:first-child {border: none;}
.riifo-services-bin-service-right-item .title-1{position: relative;}
.riifo-services-bin-service-right-item .title-1::after {content: '';width: 40px;height: 2px;display: block;margin: 10px 0;}  
.riifo-services-bin-service-right-item .text-2 {width: 80%;}
.riifo-services-bin-service-right-item .icon-3{position: absolute;width: 100px;height: 100px;right: 0;top: 30%;}   
.riifo-services-bin-service-right-item .icon-3 img {opacity: .5;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.riifo-services-bin-service-right-item.cur .icon-3 img{-webkit-filter:none;filter:none;opacity: 1;}
.riifo-services-bin-service-right-item.cur .text-2 {display:block;-webkit-line-clamp:inherit;-webkit-box-orient: inherit;}



.riifo-services-technical-support {padding:4% 0;overflow: hidden;}
.riifo-services-technical-support-nav{position: relative;font-size: 0;overflow: hidden;}
.riifo-services-technical-support-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.riifo-services-technical-support-nav a{display: inline-block;padding: 30px 0; text-align: center;font-weight: bold;width: 30%;vertical-align: middle;position: relative;}
.riifo-services-technical-support-nav a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 11;}
.riifo-services-technical-support-nav a.cur::after{width: 100%;}
.riifo-services-technical-support .riifo-content-top {overflow: hidden;}
.riifo-services-technical-support .riifo-content-top .riifo-title{text-align: center;margin:100px auto;display: none;}
.riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text {width: 70%;margin:10px auto;}
.riifo-technical-data-download {overflow: hidden;padding:8% 0;}
.riifo-technical-data-choice {margin-top:2%;position: relative;z-index: 11;}
.riifo-technical-data-choice .riifo-data-search {width: 24%;float: right;}
.riifo-technical-data-choice .riifo-data-choice-item {padding-bottom:30px;}
.riifo-technical-data-download-content {clear: both;padding: 0;overflow: hidden;}
.riifo-technical-data-download-content .num-1 {overflow: hidden;}
.riifo-technical-data-download-content .num-1 strong{font-weight: normal;}
.riifo-technical-data-download-content .num-1 span {overflow: hidden;}
.riifo-technical-data-download-list {overflow: hidden;padding-top: 3%;}
.riifo-technical-data-download-swiper {position: relative;padding-bottom: 80px;cursor: none;}
.riifo-technical-data-download-swiper .riifo-download-item {float: none;width: 100%;margin: 0;}
.swiper-pagination-download {top: auto!important;bottom: 0!important;height: 2px!important;background: #e6e6e6!important;}
.riifo-technical-data-download-swiper .riifo-download-item a {padding: 20% 10% 10% 10%;cursor: none;}
.riifo-technical-data-download-swiper .riifo-download-item .title-2 {min-height: 220px;}
.riifo-technical-data-download-swiper .riifo-download-item a::after {bottom: -8%;right: -20%;}
.riifo-followmouse1 {position: absolute;z-index: 999;width: 50px;height: 50px;left: 0;top: 0;background: url('../images/cur.png') center no-repeat;overflow: hidden;}
.riifo-followmouse2 {position: absolute;z-index: 999;width: 50px;height: 50px;left: 0;top: 0;background: url('../images/cur1.png') center no-repeat;overflow: hidden;}

.riifo-services-technical-Tutorial {overflow: hidden;padding-bottom: 4%;}
.riifo-technical-Tutorial-content {clear: both;padding-top:0;}
.riifo-technical-Tutorial-list {padding-top: 3%;overflow: hidden;}
.riifo-technical-Tutorial-content .num-1  strong{font-weight: normal;}
.riifo-technical-Tutorial-swiper {padding-bottom: 5%;cursor: none;}
.riifo-technical-Tutorial-swiper .riifo-video-item {width: 100%;margin: 0;}
.riifo-technical-Tutorial-swiper .riifo-video-item a{cursor: none;}

.riifo-services-offline-support {padding: 10% 0 5% 0;overflow: hidden;}
.riifo-services-logistics-item .riifo-learnmore-3{margin-top: 8%;}
.riifo-services-logistics-item a:hover .riifo-learnmore-3 i {background: url('../images/jiah2.png') center no-repeat}
.riifo-services-logistics-item .img-swiper {float: left;width: 58.4%;overflow: hidden;}
.riifo-services-logistics-item .img-swiper .swiper-pagination {width: auto;left: 3%;bottom: 5%;}
.riifo-services-logistics-item .img-swiper .swiper-pagination span {background: #898a8b;opacity: 1;width: 6px;height: 6px;margin: 0 10px;position: relative;}
.riifo-services-logistics-item .img-swiper .swiper-pagination span.swiper-pagination-bullet-active {position: relative;}
.riifo-services-logistics-item .img-swiper .swiper-pagination span::before {content: '';width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);border-radius:100%;box-sizing: border-box;display: none;}
.riifo-services-logistics-item .img-swiper .swiper-pagination span.swiper-pagination-bullet-active::before {display: block;}
.riifo-services-logistics-item .img-swiper .pic {overflow: hidden;width:100%;height:100%;}
.riifo-services-logistics-item.fr .img-swiper {float: right;overflow: hidden;}
.riifo-services-logistics-item.fr .img-swiper .swiper-pagination {left: auto;right:3%;}




/* media */
.riifo-media-references {padding:4% 0 0 0;overflow: hidden;}
.riifo-media-references .riifo-content {width: 100%;}
.riifo-media-references-content {text-align: center;}
.riifo-media-references-content .riifo-title{padding-bottom: 50px;}
.riifo-media-references-data-choice{text-align: left;width: 75%;margin: auto;position: relative;z-index: 40;}
.riifo-data-choice-item {float: left;width: 24%;position: relative;margin-right:20px;padding-bottom: 50px;}
.riifo-data-choice-title {padding: 25px 0;overflow: hidden;position: relative;cursor: pointer;}
.riifo-data-choice-title::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 2;transition:all .4s ease;}
.riifo-data-choice-item.cur {z-index: 20;}
.riifo-data-choice-item.cur .riifo-data-choice-title::after{width: 100%;}
.riifo-data-choice-title span{display: block;} 
.riifo-data-choice-title i{display: block;position: absolute;right: 0;top: 50%;width: 14px;height: 8px;transform:translateY(-50%);background: url('../images/down1.png') center no-repeat;transition:all .4s ease;}
.riifo-data-choice-item.cur .riifo-data-choice-title i{background: url('../images/down2.png') center no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.riifo-data-choice-item.cur .riifo-data-choice-list{display: block;}
.riifo-data-choice-list{width: 100%;padding:5%;position: absolute;left: 0;top: 70px;z-index: 15;display: none;box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;overflow: auto;max-height:200px;}
.riifo-data-choice-list::-webkit-scrollbar{height:4px; width:5px;background: #fff;}
.riifo-data-choice-list::-webkit-scrollbar-button{height:0; width:5px;background: #fff;}
.riifo-data-choice-list::-webkit-scrollbar-thumb{background-color:#ccc;box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc;}
.riifo-data-choice-list li {overflow: hidden;margin: 0;list-style: none;padding:0;}   
.riifo-data-choice-list li a {display: block;padding: 5px 5%;} 
.riifo-data-search {position: relative;overflow: hidden;position: relative;cursor: pointer;}
.riifo-data-search .search-input{background: none;border: none;display: block;width: 100%;padding: 25px 5% 25px 0;box-sizing: border-box;} 
.riifo-data-search .search-input::-webkit-input-placeholder {color: #1a1a1a;}
.riifo-data-search .search-submit-icon{background: none;border: none;background: url('../images/ss.svg') center no-repeat;background-size:70%;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform:translateY(-50%);opacity: .5;cursor: pointer;} 
.riifo-data-search .search-submit-icon:hover {opacity: 1;}
.riifo-data-search.cur .search-submit-icon{background: url('../images/x.png') center no-repeat;background-size:50%;}

.riifo-data-choice-nav {font-size: 0;width: 78%;float: left;margin-bottom: 20px;overflow: hidden;}
.riifo-data-choice-nav li{list-style: none;display:inline-block;vertical-align: middle;margin-right:30px;position: relative;}
.riifo-data-choice-nav li a{padding: 25px 0;display: block;position: relative;}
.riifo-data-choice-nav li a::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;display: none;}
.riifo-data-choice-nav li.cur a::after{display: block;}



.riifo-media-references-list {clear: both;overflow: hidden;width: 75%;margin: auto;}
.riifo-media-references-item {width: 49.5%;float: left;margin-bottom: 3%;overflow: hidden;margin-right:1%;box-sizing: border-box;}
.riifo-media-references-item.mr0 {margin-right: 0px;}
.riifo-media-references-item a{display: block;overflow: hidden;position: relative;}
.riifo-media-references-item .text{padding: 3%;text-align: left;}
.riifo-media-references-item .title-1{padding-bottom: 10px;}
.riifo-media-references-item .text-2{overflow: hidden;}
.riifo-media-references-item.rmri0 {width: 100%;float: none;margin-right: 0px;margin-bottom: 1%;}         
.riifo-media-references-item.rmri0 .text {position: absolute;width:50%;z-index: 10;left: 0;bottom: 0;padding: 3%;box-sizing: border-box;}
.riifo-media-references-item .view{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 15;opacity: 0;} 
.riifo-media-references-item .view i{display: block;width: 80px;height: 80px;border-radius: 100%;background-image:url('../images/jt2.png');background-position: center; background-repeat: no-repeat;} 
.riifo-media-references-item a:hover .view{opacity: 1;transform:translate(-45%,-55%);}	 
.riifo-media-references-item a:hover .pic {transform:scale(1.1);}		


.riifo-media-references-list-content {background: #f7f8fa;overflow: hidden;clear: both;padding: 2% 0 4% 0;}
.riifo-media-references-list-content .num-1 {text-align: left;color: #999999;font-size: 14px;}
.riifo-media-references-list-content .num-1 strong {color: #ed2939;margin-right: 5px;font-weight: normal;}
.riifo-media-references-list-top {position: relative;overflow: hidden;margin-top: 2%;}
.riifo-media-references-strip {width: 32.666%;float: left;margin-bottom: 1%;overflow: hidden;margin-right:1%;box-sizing: border-box;}
.riifo-media-references-strip.mr0 {margin-right: 0px;}
.riifo-media-references-strip a{display: block;overflow: hidden;position: relative;background: #fff;}
.riifo-media-references-strip .text{padding: 8%;text-align: left;}
.riifo-media-references-strip .title-1{padding-bottom: 10px;color: #999999;font-size: 14px;}
.riifo-media-references-strip .text-2{overflow: hidden;font-weight: bold;font-size: 18px;line-height: 30px;min-height: 60px;}
.riifo-media-references-strip .learnmore-3 {font-size: 0;overflow: hidden;margin-top: 30px;}  
.riifo-media-references-strip .learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;border: 2px solid #000;}  
.riifo-media-references-strip .learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;font-size: 14px;}  
.riifo-media-references-strip .view{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 15;opacity: 0;} 
.riifo-media-references-strip .view i{display: block;width: 80px;height: 80px;border-radius: 100%;background:url('../images/jt2.png') center no-repeat #ed2939;}
.riifo-media-references-strip a:hover .text-2{color: #ed2939;}
.riifo-media-references-strip a:hover .learnmore-3 i{border: 2px solid #ed2939;background: url('../images/jiah2.png') center no-repeat;transform: rotate(180deg);}
.riifo-media-references-strip a:hover .learnmore-3 span{color: #ed2939;}  
.riifo-media-references-strip a:hover .view{opacity: 1;transform:translate(-45%,-55%);}	 
.riifo-media-references-strip a:hover .pic {transform:scale(1.1);}	
.riifo-media-references-strip.top1 {width: 66.333%;}
.riifo-media-references-strip.top2 {width: 32.333%;margin-right:0;}
.riifo-media-references-strip.top1 a,.riifo-media-references-strip.top2 a{background:transparent;}
.riifo-media-references-strip.top1 .learnmore-3,.riifo-media-references-strip.top2 .learnmore-3 {display: none;}
.riifo-media-references-strip.top1 .text,.riifo-media-references-strip.top2 .text{padding:0;position: absolute;width: 90%;left: 5%;bottom: 7%;z-index: 11;}
.riifo-media-references-strip.top1 .title-1,.riifo-media-references-strip.top2 .title-1 {color: #fff;}
.riifo-media-references-strip.top1 .text-2,.riifo-media-references-strip.top2 .text-2 {color: #fff;min-height: auto;}


.riifo-page-trun {text-align: center;padding: 20px 0;overflow: hidden;font-size: 0;}
.riifo-page-trun.mt50 {margin-top: 50px;}
.riifo-page-trun a{display: inline-block;vertical-align: middle;width: 45px;height: 45px;line-height: 45px;text-align: center;margin-left: -1px;box-sizing: border-box;font-size: 0;}
.riifo-page-trun a span{display: inline-block;vertical-align: baseline;}
.riifo-page-trun a i{display: inline-block;vertical-align: baseline;width: 18px;height: 10px;opacity: .5;margin: 0 10px;}
.riifo-page-trun a.prev{padding: 0 15px;width: auto;}
.riifo-page-trun a.prev i{background: url('../images/prev1.png') center no-repeat;}
.riifo-page-trun a.next{padding: 0 15px;width: auto;}
.riifo-page-trun a.next i{background: url('../images/next1.png') center no-repeat;}

.riifo-content-page-nav {font-size: 0;overflow: hidden;position: relative;text-align: center;}
.riifo-content-page-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;} 
.riifo-content-page-nav a{display: inline-block;vertical-align: middle;position: relative;padding: 25px 0;width: 50%;}
.riifo-content-page-nav a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 2;transition:all .4s ease;}
.riifo-content-page-nav a.cur::after{width: 100%;}
.riifo-content-page-nav.num5 a {width: 20%;}
.riifo-content-page-nav.num4 a {width: 25%;}



.riifo-media-download {padding:4% 0 0 0;overflow: hidden;}
.riifo-media-download-content{padding:4% 0;overflow: hidden;}
.riifo-download-content-choice {margin-top: 30px;position: relative;z-index: 11;}
.riifo-download-content-choice .riifo-data-search {float: right;width:20%;}
.riifo-media-download-content .riifo-data-choice-item { padding-bottom: 20px;}

.riifo-download-content {clear: both;padding:10px 0;overflow: hidden;}
.riifo-download-content .num-1 {overflow: hidden;}
.riifo-download-content .num-1 strong{font-weight: normal;}
.riifo-download-list {overflow: hidden;margin-top: 3%;min-height: 300px;}
.riifo-download-item {overflow: hidden;float: left;width:24.22%;box-sizing: border-box;margin-bottom: 2%;margin-right: 1%;}
.riifo-download-item.mr0 {margin-right: 0px;}
.riifo-download-item a {display: block;padding:10%;position: relative;}
.riifo-download-item a::after {content: '';position: absolute;width: 100%;height: 100%;bottom:4%;right:-10%;background-image: url('../images/pdf1.png');background-position: right bottom;background-repeat: no-repeat;z-index: 1;opacity: .3;}
.riifo-download-item a:hover::after  {opacity: 1;}
.riifo-download-item .type-1{opacity: .6;position: relative;z-index: 33;min-height: 35px;}
.riifo-download-item .title-2{overflow: hidden;padding:20px 0;min-height: 300px;position: relative;z-index: 22;}
.riifo-download-item .download-3{position: absolute;left: -13%;bottom: 10%;z-index: 12;overflow: hidden;}
.riifo-download-item .download-3 span{display:block;opacity: 0;float: left;margin:5px 15px 5px 0px;transform:translateX(-200px);}
.riifo-download-item .download-3 i{float: left;display: block;width: 30px;height: 30px;background: url('../images/down.png') center no-repeat;position: relative;}
.riifo-download-item .download-3 i::before {content: '';position: absolute;width: 30px;height: 30px;border-radius: 100%;left: 50%;top: 50%;margin: -15px 0 0 -15px;box-sizing: border-box;opacity: .5;}
.riifo-download-item a:hover .download-3{left: 10%;}
.riifo-download-item a:hover .download-3 span{opacity: 1;transform:translateX(0);}                       
.riifo-download-item a:hover .download-3 i::before {opacity: 1;}

.riifo-video-list {padding: 2% 0;overflow: hidden;}
.riifo-video-item {float: left;width: 32%;margin-bottom: 2%;margin-right: 2%;}
.riifo-video-item.mr0 {margin-right: 0;}
.riifo-video-item .play {width: 68px;height: 48px;background: url('../images/play2.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 20;}
.riifo-video-item a{display: block;overflow: hidden;}
.riifo-video-item a:hover .play {background: url('../images/play1.png') center no-repeat}
.riifo-video-item a:hover .pic {transform:scale(1.1);}	
.riifo-video-item .text{padding-top: 20px;}
.riifo-video-item .text-1{padding-bottom: 10px;}
.riifo-video-item .title-2{min-height: 50px;}

.riifo-media-news {padding: 4% 0 0 0;overflow: hidden;}
.riifo-news-list {padding: 2% 0;overflow: hidden;}
.riifo-news-item {float: left;width: 32%;margin-bottom: 5.3%;margin-right: 2%;overflow: hidden;}
.riifo-news-item.rni0 {width: 66%;}
.riifo-news-item.rni1{width: 32%;margin-right: 0;float: right;}
.riifo-news-item.rni2 {clear: left;}
.riifo-news-item.rni4,.riifo-news-item.rni7{margin-right: 0;}
.riifo-news-item a{display: block;overflow: hidden;position: relative;}
.riifo-news-item .text{overflow: hidden;padding: 5% 0;}
.riifo-news-item .text-1{padding-bottom: 20px;}
.riifo-news-item .title-2{overflow: hidden;min-height: 60px;max-height: 60px;margin-bottom: 50px;}
.riifo-news-item .learnmore-3{position: relative;overflow: hidden;}
.riifo-news-item .learnmore-3 i{display: block;width: 16px;height: 16px;position: absolute;right: 0;top: 50%;transform:translate(100%,-50%);background: url('../images/jia0.png') center no-repeat;z-index: 10;}
.riifo-news-item.rni0 .text{position: absolute;width: 100%;padding: 5%;box-sizing: border-box;left: 0;bottom: 0;z-index: 10;}
.riifo-news-item.rni0 .title-2 {min-height: auto;max-height:none;margin-bottom:auto;}
.riifo-news-item.rni0 .learnmore-3{display: none;}
.riifo-news-item.rni1 .title-2 {margin-bottom: 5.5vw;}
.riifo-news-item a::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 3;}
.riifo-news-item a::before {content: '';width:0px;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 5;transition:all .4s ease;}
.riifo-news-item a:hover::before {width: 100%;}
.riifo-news-item .view{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 15;opacity: 0;} 
.riifo-news-item .view i{display: block;width: 80px;height: 80px;border-radius: 100%;background-image:url('../images/jt2.png');background-position: center; background-repeat: no-repeat;} 
.riifo-news-item a:hover .view {opacity: 1;transform:translate(-45%,-55%);}
.riifo-news-item a:hover .learnmore-3 i {transform:translate(0,-50%)}

.riifo-media-deail {padding-top: 100px;}
.riifo-media-deail .riifo-path {position: relative;left:auto;top: auto;width: 90%;margin: auto;padding: 1% 0;}
.riifo-media-deail .riifo-content{padding: 2% 0;overflow: hidden;width: 70%;}
.riifo-content-left {overflow: hidden;float: left;width: 64%;}
.riifo-detail-return {display: inline-block;overflow: hidden;margin-bottom: 4%;}
.riifo-detail-return a{border: 1px solid #e6e6e6;border-radius: 50px;padding: 10px 15px 10px 10px;text-align: center;position: relative;display: block;}
.riifo-detail-return i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url('../images/rtun1.png') center no-repeat;}
.riifo-detail-return span{display: inline-block;vertical-align: middle;margin-left: 10px;color: #000;font-size: 14px;text-transform: uppercase;}
.riifo-detail-return a:hover {background: #ed2939;}
.riifo-detail-return a:hover span {color: #fff;}
.riifo-detail-return a:hover i {background: url('../images/rtun2.png') center no-repeat;}
.riifo-detail-top {overflow: hidden;}
.riifo-detail-top .data-1{font-size: 14px;color: #ed2939;font-weight: bold;}
.riifo-detail-top .title-2{font-size: 40px;font-weight: bold;padding: 10px 0;}
.riifo-detail-top .bottom-3{padding: 2% 0; overflow: hidden;}
.riifo-detail-top .type-4{border: 1px solid #e6e6e6;border-radius: 50px;padding: 8px 15px;text-align: center;position: relative;display: inline-block;font-size: 14px;}
.riifo-detail-top .type-4:hover {border: 1px solid #000;}
.riifo-detail-top .fenxiang-4 {float: right;width: auto;}
.riifo-detail-top .fenxiang-4 a{border: 1px solid #e6e6e6;border-radius: 50px;padding: 8px 15px;text-align: center;position: relative;display: inline-block;font-size: 14px;}
.riifo-detail-top .fenxiang-4 i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;position: relative;margin-right: 5px;}
.riifo-detail-top .fenxiang-4 span{display: inline-block;vertical-align: middle;font-size: 14px;}
.riifo-detail-top .fenxiang-4 a:hover {border: 1px solid #000;}
.riifo-detail-center {clear: both;padding: 4% 0;overflow: hidden;border-top: 2px solid #e6e6e6;border-bottom: 2px solid #e6e6e6;font-size: 18px;line-height: 30px;color: #666;}
.riifo-detail-center img{max-width:100%;height: auto!important;}
.riifo-detail-bottom {padding: 3% 0;overflow: hidden;position: relative;}     
.riifo-detail-bottom-keyword {overflow: hidden;clear: both;margin-top: 6%;}
.riifo-detail-bottom-keyword a{display: inline-block;font-size: 14px;padding: 2px 10px;text-align: center;margin-right: 3px;background: #f0f2f5;color: #666666;}
.riifo-detail-bottom-keyword a:hover {background: #ed2939;color: #fff;}
.riifo-detail-bottom-pageturn {overflow: hidden;}
.riifo-detail-bottom-pageturn a{font-size: 16px;font-weight: bold;}
.riifo-detail-bottom-pageturn a.prev,.riifo-detail-bottom-pageturn a.next{width: 40%;}
.riifo-detail-bottom-pageturn a.prev{float: left;}
.riifo-detail-bottom-pageturn a.next{float: right;text-align: right;}
.riifo-detail-bottom-pageturn a.prev i{margin-right: 10px;background: url('../images/prev3.png') center no-repeat;} 
.riifo-detail-bottom-pageturn a.next i{margin-left: 10px;background: url('../images/next3.png') center no-repeat;} 
.riifo-detail-bottom-pageturn a.prev:hover i{margin-right: 10px;background: url('../images/prev4.png') center no-repeat;} 
.riifo-detail-bottom-pageturn a.next:hover i{margin-left: 10px;background: url('../images/next4.png') center no-repeat;} 
.riifo-detail-bottom-pageturn a p {font-size: 14px;line-height: 24px;font-weight: normal;}
.riifo-detail-bottom-pageturn a.menu{margin: auto;text-align:center ;position: absolute;left: 50%;top:19%;transform:translateX(-50%);}
.riifo-detail-bottom-pageturn i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;}
.riifo-detail-bottom-pageturn strong{font-weight: bold;display: inline-block;vertical-align: middle;}
.riifo-detail-bottom-pageturn a:hover strong,.riifo-detail-bottom-pageturn a:hover{color: #ed2939;}

.riifo-content-right {overflow: hidden;float: right;width: 28%;position: relative;margin-top: 17%;}
.riifo-content-right .title-1 {font-size: 24px;font-weight: bold;padding-bottom: 10px;}
.riifo-content-right .nav-2 {margin-bottom: 13%;overflow: hidden;}
.riifo-content-right .nav-2 a{display: block;font-size: 16px;position: relative;border-bottom: 1px solid #e6e6e6;padding: 17px 0;background: url('../images/rtun3.png') right center no-repeat;}
.riifo-content-right .nav-2 a:hover {color:#ed2939;border-bottom: 1px solid #ed2939;background: url('../images/rtun4.png') right center no-repeat;}
.riifo-content-right .othernews-3{padding-bottom: 5%;}
.riifo-content-right .othernews-3 a{display: block;margin: 2% 0;position: relative;overflow: hidden;}         
.riifo-content-right .othernews-3 .img{overflow: hidden;}
.riifo-content-right .othernews-3 a:hover .img .pic {transform: scale(1.1);}
.riifo-content-right .othernews-3 .title-2{font-size: 16px;padding: 4% 0;line-height: 24px;}
.riifo-content-right .othernews-3 a:hover .title-2 {color:#ed2939;}
.riifo-right-contact-us {background: #f7f8fa;padding: 10% 8% 80px 8%;overflow: hidden;position: relative;}
.riifo-right-contact-us .riifo-title h3{font-size: 24px;}
.riifo-right-contact-us .form-1{overflow: hidden;}
.riifo-right-contact-us .form-1 input,
.riifo-right-contact-us .form-1 textarea{display: block;border: 1px solid #ebeced;background: #ffffff;width: 100%;padding: 5%;overflow: hidden;box-sizing: border-box;margin: 10px 0;}
.riifo-right-contact-us .form-1 textarea {min-height: 100px;}
.riifo-right-contact-us .send-3 {position: absolute;width: 100%;left: 0;bottom: 0;z-index: 1;}
.riifo-right-contact-us .send-3 a{display: block;padding: 5%;text-align: center;background: #ed2939;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.riifo-right-contact-us .send-3 a:hover{background: #ff4b5a;}

     




.riifo-media-faqs {padding: 4% 0 5% 0;overflow: hidden;}
.riifo-faqs-title {display: block;padding-top: 50px;padding-bottom: 30px;border-bottom: 1px solid #ededed;}
.riifo-faqs-title strong{font-weight: bold;font-size: 40px;}
.riifo-faqs-list {overflow: hidden;padding-bottom: 40px;}
.riifo-faqs-item {position: relative;}
.riifo-faqs-item::after {content: '';width:0;height: 2px;position: absolute;left: 0;bottom: 0;}
.riifo-faqs-item-title {position: relative;cursor: pointer;padding: 25px 0;overflow: hidden;}
.riifo-faqs-item-title strong{font-weight: bold;}
.riifo-faqs-item-title i{width: 30px;height: 30px;position: absolute;right: 0;top:50%;border-radius: 100%;transform:translateY(-50%);}
.riifo-faqs-item-title i::before,.riifo-faqs-item-title i::after {content: '';width: 2px;height: 12px;position: absolute;left: 50%;top:50%;margin: -6px 0 0 -1px;}
.riifo-faqs-item-title i::after {transform:rotate(90deg);}
.riifo-faqs-item-content {display: none;padding:0px 0 30px 0;overflow: hidden;line-height: 24px;width: 70%;}
.riifo-faqs-item.cur::after {width: 100%;}
.riifo-faqs-item.cur i::before {display: none;}


.riifo-media-honor {padding: 5% 0;overflow: hidden;}
.riifo-honor-top {text-align: center;padding-bottom: 30px;overflow: hidden;position: relative;}
.riifo-honor-top .riifo-text {padding:30px 0;width: 50%;margin: auto;}
.riifo-honor-list {overflow: hidden;width: 80%;margin: auto;}
.riifo-honor-item {position: relative;clear: both;overflow: hidden;padding: 50px 0;}
.riifo-honor-item:first-child {border: none;}
.riifo-honor-left {float: left;width: 35%;}
.riifo-honor-left .riifo-svg{width: 50px;height: 50px;display: block;position: relative;}
.riifo-honor-left .title-1{padding-bottom: 20px;padding-top: 10px;}
.riifo-honor-left .text-2{overflow: hidden;}
.riifo-honor-right {float: right;width:55%;font-size: 0;margin-top: -2%;}
.riifo-honor-right li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;transition:all .4s ease;width:20%;overflow: hidden;cursor: pointer;}
.riifo-honor-right li:hover {box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.1);z-index: 30;}
.riifo-honor-right li img.img-center {max-width: 60%;max-height: 60%;}


.riifo-media-career {padding: 7% 0;overflow: hidden;}
.riifo-media-career.pt7 {padding: 7% 0 0 0;}
.riifo-media-career.pb7 {padding: 0 0 3% 0;}
.riifo-career-top {text-align: center;padding-bottom: 30px;overflow: hidden;}
.riifo-career-top .riifo-text {padding:30px 0;width: 80%;margin: auto;}
.riifo-text-linex {width: 70%;margin: auto;}
.riifo-text-linex p{border-bottom: 1px solid #ccc;display: inline-block;margin: 0;padding: 0;padding: 10px 0;clear: both;font-weight: bold;}
.riifo-career-pic {margin: 50px 2%;overflow: hidden;}
.riifo-career-whyriifo {overflow: hidden;position: relative;}
.riifo-career-whyriifo-left {text-align: left;float: left;width: 30%;margin-top:1%;margin-left: 20%;}
.riifo-career-whyriifo-left .title-1{font-weight: bold;padding: 20px 0;}
.riifo-career-whyriifo-left .text-2{padding: 20px 0;text-align: left;}
.riifo-career-whyriifo-right{float: right;width: 40%;position: relative;}
.riifo-career-whyriifo-pic{overflow: hidden;}
.riifo-career-whyriifo-left-pic {position: absolute;left: 0;bottom: 0;width: 12%;}       
.swiper-button-next-whyriifo,.swiper-button-prev-whyriifo {width: 100px;height: 80px;z-index: 11;position: absolute;left: 0;bottom: 0;cursor: pointer;outline: none;top:auto;}
.swiper-button-prev-whyriifo {left: -100px;}
.swiper-button-next-whyriifo {left:0px;right:auto;}
.swiper-button-prev-whyriifo::after,.swiper-button-next-whyriifo::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: .5;}
.swiper-button-next-whyriifo::after {background: url('../images/rightb-1.png') center no-repeat ;}
.swiper-button-prev-whyriifo::after {background: url('../images/leftb-1.png') center no-repeat ;}
.swiper-button-next-whyriifo::before {content: '';width: 1px;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;z-index: 11;opacity: .2;}
.swiper-button-prev-whyriifo:hover::after,.swiper-button-next-whyriifo:hover::after {opacity: 1;}


.riifo-career-content {padding: 3% 0  7% 0;overflow: hidden;}
.riifo-career-content .riifo-career-top{text-align: left;position: relative;padding-bottom: 0px;}
.riifo-career-content .riifo-career-top .riifo-title{overflow: hidden;}
.riifo-career-content .riifo-career-top .riifo-text {width: 66%;margin: 0;}
.riifo-career-content .riifo-career-top .riifo-learnmore{position: absolute;right: 0;bottom: 0;}

.riifo-career-list {padding:3% 0 0 0;overflow: hidden;}
.riifo-career-item {overflow: hidden;float: left;width: 32%;margin-bottom: 2%;margin-right: 2%;}
.riifo-career-item a{display: block;overflow: hidden;position: relative;}
.riifo-career-item .img{position: relative;overflow: hidden;}
.riifo-career-item .text{position: relative;overflow: hidden;box-sizing: border-box;}
.riifo-career-item .text::before {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;z-index: 15;}
.riifo-career-item .text::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.riifo-career-item .title-1{margin-top:10%;font-weight: bold;position: relative;}
.riifo-career-item .title-1::after {content: '';width: 40px;height: 2px;display: block;margin:20px 0;}
.riifo-career-item .text-2{padding-bottom: 70px;}  
.riifo-career-item .learnmore-3 {font-size: 0;overflow: hidden;margin-bottom: 30px;}  
.riifo-career-item .learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;}  
.riifo-career-item .learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;}  
.riifo-career-item.rci1 {width: 100%;margin-right:0;}
.riifo-career-item.rci1 .img{width:66%;}
.riifo-career-item.rci1 .text{width: 32%;height: 100%;position: absolute;right: 0;top: 0;}
.riifo-career-item a:hover .learnmore-3 i {background: url('../images/jiah2.png') center no-repeat;}
.riifo-career-item a:hover .pic {transform:scale(1.1);}	
.riifo-career-item.rci2 {clear: left;}
.riifo-career-item.rci4 {margin-right: 0;}
.riifo-career-item.rci1 .title-1 {text-overflow:none;white-space: normal;}
.riifo-career-item a:hover .text::before {width: 100%;}


.riifo-career-whoweneed {position: relative;text-align: center;overflow: hidden;}
.riifo-career-whoweneed .riifo-content{position: absolute;left: 0;top: 50%;width: 100%;z-index: 10;transform:translateY(-50%);z-index: 11;}
.riifo-career-whoweneed .riifo-text{width: 50%;margin:30px auto;}
.riifo-whoweneed-search {width: 40%;margin:10px auto;position: relative;overflow: hidden;}
.riifo-whoweneed-search .link-3{margin-top:50px;}
.riifo-whoweneed-search .link-3 a{display: inline-block;padding-bottom: 10px;position: relative;}
.riifo-whoweneed-search .link-3 a::after {content: '';width:100%;height: 1px;display: block;position: absolute;left: 0;bottom: 0;}
.whoweneed-search-input {border: 1px solid rgba(255,255,255,.3);background: rgba(255,255,255,.2);height:70px;width: 100%;box-sizing: border-box;padding:0 4%;}
.whoweneed-search-input:focus {border: 1px solid #fff;}
.whoweneed-search-submit {width: 70px;height: 70px;border: none;position: absolute;right: 0;top: 0;background-image: url('../images/ssb.svg');background-size:30%;background-repeat: no-repeat;background-position: center;cursor: pointer;}


.riifo-career-open-positions {position: relative;overflow: hidden;padding: 2% 0;}
.riifo-career-open-positions .riifo-content {overflow: hidden;}
.riifo-career-open-positions-top {position: relative;z-index: 40;}
.riifo-career-open-positions-top.num4 .riifo-data-choice-item{width: 23.5%;margin-right: 2%;padding-bottom:30px;}
.riifo-career-open-positions-top.num4 .riifo-data-choice-item:last-child {margin-right: 0;}
.riifo-career-open-positions-list {overflow: hidden;clear: both;}
.riifo-career-open-positions-num {overflow: hidden;}
.riifo-career-open-positions-num .num-1 {float: left;width: 50%;}
.riifo-career-open-positions-num .num-1 strong{font-weight: normal;}
.riifo-career-open-positions-num .num-1 span{padding-left: 5px;}
.riifo-career-open-positions-num .reset-2 {float: right;width: 40%;text-align: right;}
.riifo-career-open-positions-num .reset-2 a {display: inline-block;}
.riifo-open-positions-list {padding: 2% 0;overflow: hidden;min-height: 300px;}
.riifo-career-open-positions-item {overflow: hidden;}
.riifo-career-open-positions-item a{display: block;overflow: hidden;position: relative;padding: 30px 0;}
.riifo-career-open-positions-item a::after {content: '';width: 0;height: 1px;position: absolute;bottom: 0;left: 0;z-index: 11;transition:all .4s ease;}
.riifo-career-open-positions-item a:hover::after {width: 100%;}
.riifo-career-open-positions-item .title-1{font-weight: bold;padding-bottom: 10px;}
.riifo-career-open-positions-item .text-2{overflow: hidden;}
.riifo-career-open-positions-item .riifo-learnmore-3 {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.riifo-career-open-positions-item a:hover .riifo-learnmore-3 i {background: url('../images/jiah2.png') center no-repeat;}
.riifo-learnmore-3{font-size: 0;overflow: hidden;margin-bottom: 30px;}
.riifo-learnmore-3 i{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url('../images/jiah1.png') center no-repeat;border-radius: 100%;}  
.riifo-learnmore-3 span{display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 10px;}  

.riifo-detail-title {position: absolute;left: 12.5%;top: 60%;transform:translateY(-50%);z-index: 11;width: 50%;color: #fff;}
.riifo-detail-title .career-title-1{font-size: 40px;padding-bottom: 25px;}
.riifo-detail-title .career-title-2{font-size: 18px;}
.riifo-career-detail {padding: 6% 0;overflow: hidden;}
.riifo-career-detail-left {float: left;width: 60%;}
.riifo-career-detail-item {margin-bottom: 6%;}
.riifo-career-detail-item .title-1{font-size: 24px;font-weight: bold;padding-bottom: 15px;}
.riifo-career-detail-item .item-2 {font-size: 16px;line-height: 30px;}
.riifo-career-detail-item .item-2 li {list-style: none;margin: 0;padding: 0;padding-left: 15px;position: relative;}
.riifo-career-detail-item .item-2 li::before {content: '';width: 4px;height: 4px;border: 2px solid #ed2939;border-radius: 100%;position: absolute;left: 0;top: 10px;}
.riifo-career-detail-item .riifo-more {margin-top: 4%;}
.riifo-career-detail-right {float: right;width: 34%;}
.riifo-applynow {background: #f7f8fa;padding: 10% 8% 100px 8%;overflow: hidden;position: relative;}
.riifo-applynow .riifo-title h3{font-size: 24px;}
.riifo-applynow .input-1 {position: relative;}
.riifo-applynow .input-1 input{display: block;border: 1px solid #ebeced;background: #ffffff;width: 100%;padding: 5%;overflow: hidden;box-sizing: border-box;margin: 10px 0;}
.riifo-applynow .input-1 input:focus {border: 1px solid #000;}
.riifo-applynow .input-1 .upload-1 {position: relative;margin: 10px 0;}
.riifo-applynow .input-1 .upload-1 input{margin: 0;}
.riifo-applynow .input-1 input.input-button {position: absolute;width: 25%;right: 0;top: 0;height: 100%;background: #000;color: #fff;margin: 0px 0;cursor: pointer;}
.riifo-applynow .input-1 input.input-button:hover {background: #ed2939;}
.riifo-applynow h4{font-size: 14px;font-weight: normal;}
.riifo-applynow .apply-1{position: absolute;background: #ed2939;left: 0;bottom: 0;width: 100%;}
.riifo-applynow .apply-1 a {display: block;padding: 5% 0;overflow: hidden;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}
.riifo-applynow .apply-1 a:hover {background: #f25f6b;}
.riifo-email-text {margin-top: 10%;border: 1px solid #e6e6e6;padding: 7% 5%;}
.riifo-email-text .icon-1 {background: url('../images/email.png') center no-repeat;width: 44px;height: 32px;}
.riifo-email-text .text-2{font-size: 16px;padding: 20px 0;font-weight: bold;line-height: 24px;}
.riifo-email-text .email-3{font-size: 20px;font-weight: bold;}





/* contact */
.riifo-contact-us {background: url('../images/contact-b2.jpg') center top no-repeat;padding: 7% 0;overflow: hidden;}
.riifo-contact-us .riifo-content{overflow: visible;}
.riifo-contact-us .riifo-contact-left {float: left;width: 40%;overflow: hidden;}
.riifo-contact-us .riifo-contact-left .riifo-title {position: relative;overflow: hidden;}
.riifo-contact-us .riifo-contact-left .riifo-title::after {content: '';display: block;width: 40px;height: 3px;margin: 20px 0;}
.riifo-contact-us .riifo-contact-left .riifo-text{overflow: hidden;width: 70%;overflow: hidden;}
.riifo-contact-us .riifo-contact-right {float: right;width: 52%;overflow: visible;}
.riifo-contact-messages {position: relative;}
.riifo-contact-messages .riifo-messages-item:first-child {padding-top: 0;}
.riifo-contact-messages .text-2 {display: block;padding: 10px 0;}
.riifo-messages-item {clear: both;padding-top: 20px;}
.riifo-messages-item .rleft {float: left;width: 48%;}
.riifo-messages-item .right {float: right;width: 48%;}
.messages-input {border:none;width: 100%;outline: none;box-sizing: border-box;padding:20px 0;}
.messages-input:focus,.messages-textarea:focus {border-bottom: 1px solid #313131;}
.messages-textarea {border:none;width: 100%;outline: none;box-sizing: border-box;padding:20px 0;min-height: 178px;}
.riifo-messages-item .riifo-data-choice-item {float: none;width: 100%;margin-right: 0px;padding-bottom: 0px;}
.riifo-messages-item .riifo-learnmore a {width: 40%;}
.riifo-messages-item .choice-2 .title-1 {margin-top: 20px;}

.riifo-contact {overflow: hidden;position: relative;}
.riifo-contact .riifo-content {width: 100%;}
.riifo-contact-map {float: right;width: 50%;}
.riifo-contact .riifo-contact-right {position: absolute;left: 0;width: 50%;height: 100%;top: 0;}
.riifo-contact-text {overflow: hidden;position: absolute;left: 24%;width: 60%;top: 50%;transform: translateY(-50%);}
.riifo-contact-text .title-1{font-weight: bold;padding-bottom: 30px;position: relative;}
.riifo-contact-text .title-1::before,.riifo-contact-text .title-1::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.riifo-contact-text .title-1::before {z-index: 10;width: 17%;}
.riifo-contact-item {position: relative;padding: 30px 0;overflow: hidden;}
.riifo-contact-item:nth-child(2) {border: none;}
.riifo-contact-item .riifoitem{position: relative;}
.riifo-contact-item .riifoitem.item-2 {float: left;}
.riifo-contact-item .riifoitem.item-2:first-child {margin-right: 20%;}
.riifo-contact-item .icon-3 {display: block;float: left;padding-right: 10px;}
.riifo-contact-item .icon-3 .riifo-svg{display: block;position: relative;width: 48px;height: 48px;transition:all .4s ease;}
.riifo-contact-item .icon-3 .riifo-svg svg {max-height:50%;}
.riifo-contact-item .text-4{display: block;float: left;margin-top: -5px;}
.riifo-contact-item .text-4 span{display: block;}
.riifo-contact-item .text-4 strong{display: block;font-weight: normal;}
.riifo-contact-item .riifo-footer-content-top-social {clear: both;width: 100%;position: relative;text-align: left;bottom: auto;font-size: 0;right:auto;margin-left: 1px;margin-top: 15px;}
.riifo-contact-item .riifo-footer-content-top-social a.fw i {background: url('../images/fb1.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.tw i {background: url('../images/tw1.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.in i {background: url('../images/in1.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.yt i {background: url('../images/yt1.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.fw:hover i {background: url('../images/fb.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.tw:hover i {background: url('../images/tw.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.in:hover i {background: url('../images/in.png') center no-repeat;}
.riifo-contact-item .riifo-footer-content-top-social a.yt:hover i {background: url('../images/yt.png') center no-repeat;}

.riifo-contact-office {overflow: hidden;position: relative;padding: 7% 0 5% 0;} 
.riifo-contact-office .riifo-title{text-align: center;}   
.riifo-contact-office-list{padding-top: 5%;}   
.riifo-contact-office-item {float: left;width: 24.22%;margin:0 1% 3% 0;}
.riifo-contact-office-item.mr0 {margin:0 0 3% 0;}
.riifo-contact-office-item .pic{transition:all .4s ease;}
.riifo-contact-office-item .text{text-align: center;padding:10% 0 5% 0;}
.riifo-contact-office-item .title-1{font-weight: bold;}
.riifo-contact-office-item .add-2{padding: 10px 0;width: 60%;margin: auto;line-height: 26px;min-height: 80px;}
.riifo-contact-office-item .link-3{position: relative;}
.riifo-contact-office-item .link-3 a{display: inline-block;position: relative;font-size: 0;padding:20px 20px;}
.riifo-contact-office-item .link-3 a::after {content: '';width: 1px;height:30px;position: absolute;right: 0;top:50%;z-index: 3;opacity: .1;margin-top: -15px;}
.riifo-contact-office-item .link-3 a:last-child::after {display: none;}
.riifo-contact-office-item .link-3 .riifo-svg{position: relative;overflow: hidden;width: 20px;height: 20px;display:inline-block;vertical-align: middle;}
.riifo-contact-office-item .link-3 span{margin:0 10px;display:inline-block;vertical-align: middle;}
.riifo-contact-office-item .link-3 .showtip {position: absolute;left: 50%;bottom:-10px;z-index: 10;margin: auto;transform:translateX(-50%);width: 100%;display: none;}
.riifo-contact-office-item .link-3 .showtip strong{width: 100%;padding:8px 20px;text-align: center;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;position: relative;}
.riifo-contact-office-item .link-3 .showtip strong::before {content: '';border-left:10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;width: 0;;height: 0;position: absolute;left: 50%;transform: translateX(-50%);top: -8px;}
.riifo-contact-office-item .link-3 a:hover .showtip{display: block;}
.riifo-contact-office-item:hover .pic{transform:scale(1.1);}

.googlemap {background-image: url('../images/map.png');width: 50%;height: 100%;position: absolute;right: 0;top: 0;z-index: 99;overflow: hidden;}



/* search */
.riifo-search-detail {margin-top: 100px;overflow: hidden;position: relative;background: #f8f9fb;}
.riifo-search-detail .riifo-path {position: relative;left: auto;top: auto;padding:1% 0;overflow: hidden;width:90%;margin: auto;}
.riifo-search-detail .riifo-content {padding: 5% 0 2% 0;overflow: visible;}
.riifo-search-content-top{text-align: center;width: 50%;margin: auto;position: relative;}
.riifo-searc-content{position: relative;margin-top: 3%;}
.riifo-searc-content .header-search-input{background: none;}
.riifo-search-content-nav {margin-top: 7%;overflow: hidden;position: relative;}
.riifo-search-content-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #e6e6e6;}
.riifo-search-content-nav a {display: inline-block;vertical-align: middle;margin-right: 2%;padding-bottom: 20px;font-size: 20px;color: #999;position: relative;}
.riifo-search-content-nav a.cur,.riifo-search-content-nav a:hover {color: #000;}
.riifo-search-content-nav a.cur::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #ed2939;z-index: 12;}
.riifo-search-content-bottom {padding: 2% 0;}
.riifo-search-content-bottom .num-1 {font-size: 14px;color:#999;}
.riifo-search-content-bottom .num-1 strong {color:#ed2939;}
.riifo-search-return {padding:1% 0;}
.riifo-search-return .riifo-product-overview-item {float: left;width: 32.5%;margin: 1% 1% 2% 0;transition:all .4s ease;}
.riifo-search-return .riifo-product-overview-item.mr0 {margin: 1% 0 2% 0;}
.riifo-search-return .riifo-product-overview-item:hover {box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);}
.riifo-search-return .riifo-product-overview-item .title-2 strong{color: #ed2939;}
.riifo-clear {clear: both;height:1px;overflow: hidden;}
.riifo-search-return .riifo-news-item.mr0 {margin-right: 0;}
.riifo-search-return .riifo-news-item .title-2 strong{color: #ed2939;}
.riifo-search-return .riifo-media-references-item .title-1 strong{color: #ed2939;}
.riifo-search-return .riifo-download-item .title-2 strong{color: #ed2939;}
.riifo-search-return .riifo-video-item .title-2 strong{color: #ed2939;}






/* color */
body,body a {color: #000;}
::-webkit-scrollbar{height:4px; width:5px;background: #fff;}
::-webkit-scrollbar-button{height:0; width:5px;background: #fff;}
::-webkit-scrollbar-thumb{background-color:#ccc;box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc;}
/*.riifo-svg *,.riifo-svg svg,.riifo-contact-item .riifoitem:hover .icon-3 .riifo-svg *{fill: #fff!important;}*/
.riifo-header-item-nav .title-1 i *,.riifo-about-whatwecare-left i *,.riifo-future-icon-nav a i *,.riifo-about-future-item .riifo-svg *,.riifo-services-logistics-item .riifo-svg *,.riifo-contact-item .icon-3 .riifo-svg *,.riifo-about-data-item .riifo-svg *,.riifo-globtal-market-leader-bottom .left-icontext .riifo-svg *,.riifo-path i *{fill: #000!important;}
.riifo-contact-office-item .link-3 .riifo-svg *{fill: #666!important;}
.riifo-header-item-nav a:hover .title-1 i *,.riifo-header-item-nav:hover .title-1 i *,.riifo-future-icon-nav a.cur i *,.riifo-honor-item .riifo-svg *,.riifo-contact-office-item .link-3 a:hover .riifo-svg *,.riifo-globtal-market-leader-bottom .left-icontext li:hover .riifo-svg *{fill: #ed2939!important;}
.riifo-header-right .language span,.riifo-header-nav li a,.riifo-scroll-down span,.riifo-index-banner .swiper-slide .text,.riifo-footer,.riifo-footer a,.subscribeinput,.riifo-footer a:hover,.riifo-index-aboutus,.riifo-index-aboutus .riifo-learnmore a,.riifo-title .riifo-text,.riifo-learnmore a:hover,.riifo-page-banner-content .text,.riifo-page-banner-content .path a span,.riifo-page-trun a.cur,.riifo-download-item a,.riifo-news-item.rni0 .text,.riifo-news-item.rni0 .text-1,.riifo-career-whoweneed .riifo-content,.riifo-whoweneed-search .link-3 a,.whoweneed-search-input,.whoweneed-search-input::-webkit-input-placeholder,.riifo-munufacturing-expert .riifo-content,.riifo-about-next .riifo-content,.riifo-about-next .riifo-content a{color: #fff;}
.riifo-footer-add,.riifo-footer-content-bottom,.riifo-footer-content-bottom a,.riifo-footer-content-center-left li a,.riifo-index-warranty .text-3 {color: #767676;}
.riifo-news-bottom .text-3,.riifo-about-whatwecare .riifo-text,.riifo-about-whatwecare-left .text-2,.riifo-about-future-item .text-2 li,.riifo-services-aftersale .riifo-text,.riifo-services-bin-service-right-item .text-2,.riifo-data-choice-list li a,.riifo-news-item .text-1,.riifo-news-item .learnmore-3 span,.riifo-honor-top .riifo-text,.riifo-honor-left .text-2,.riifo-career-top .riifo-text,.riifo-career-whyriifo-left .text-2,.riifo-career-item .text-2,.riifo-career-item .learnmore-3 span,.riifo-career-open-positions-item .text-2,.riifo-contact-left .riifo-text,.riifo-contact-office-item .link-3 span,.riifo-contact-office-item .add-2,.riifo-services-logistics .riifo-title .riifo-text,.riifo-services-logistics-item .text-2,.riifo-services-aftersale-item .text-4,.riifo-services-bin-service .riifo-text,.riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text,.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text,.riifo-an-nnovation-pioneer span,.riifo-globtal-market-leader-top .riifo-text,.right-addtext-item .text-2,.riifo-about-history-item .text-2,.riifo-header-item-nav .text-2,.riifo-header-item-nav .link-2 a,.riifo-product-index-text,.riifo-product-detail-content .text .riifo-text,.riifo-product-detail-bottom-text-left .text-item-1 p{color: #666;}
.riifo-solutions-nav-item p,.riifo-text,.riifo-index-project-item .text-1,.riifo-news-bottom .data-1,.riifo-services-logistics-item .text-3,.riifo-media-references-item .text-2,.riifo-page-trun a,.riifo-content-page-nav a,.riifo-download-content .num-1,.riifo-data-choice-nav li a,.riifo-video-item .text-1,.riifo-career-open-positions-num .num-1 span,.rifo-contact-messages .text-2,.riifo-messages-item .choice-2 .text-2,.riifo-contact-item .text-4 span,.riifo-technical-data-download-list .num-1 span,.riifo-technical-Tutorial-content .num-1 span,.riifo-technical-data-download-content .num-1 span,.riifo-product-detail-nav-right a{color: #999;}
.riifo-more span,.riifo-title h5,.riifo-index-project-item a:hover .title-2,.riifo-news-bottom-item a:hover .text .title-2,.riifo-header.hover .riifo-header-nav li a:hover,.riifo-header-item-nav a:hover .title-1 strong,.riifo-header-item-nav a:hover .text-2,.riifo-header-item-nav .link-2 a:hover,.riifo-header-item-nav:hover .title-1 strong,.riifo-future-icon-nav a.cur strong,.riifo-services-aftersale-item .danwei,.riifo-services-bin-service-right-item.cur .title-1,.riifo-services-technical-support-nav a.cur,.riifo-data-choice-list li.cur a,.riifo-data-choice-title:hover span,.riifo-data-choice-item.cur .riifo-data-choice-title span,.riifo-data-choice-list li a:hover,.riifo-media-references-item a:hover .title-1,.riifo-download-content .num-1 strong,.riifo-video-item a:hover .title-2,.riifo-news-item a:hover .text .text-1,.riifo-news-item a:hover .text .title-2,.riifo-news-item a:hover .text .learnmore-3 span,.riifo-faqs-item.cur .riifo-faqs-item-title strong,.riifo-career-item a:hover .learnmore-3 span,.riifo-career-item a:hover .title-1,.riifo-career-open-positions-num .num-1 strong,.riifo-career-open-positions-num .reset-2 a:hover,.riifo-career-open-positions-item a:hover .riifo-learnmore-3 span,.riifo-career-open-positions-item a:hover .title-1,.riifo-career-open-positions-item a:hover .text-2,.riifo-contact-item .riifoitem:hover .text-4 span,.riifo-contact-item .riifoitem:hover .text-4 strong,.riifo-contact-office-item .link-3 a:hover span,.riifo-technical-data-download-list .num-1 strong,.riifo-technical-data-download-content .num-1 strong,.riifo-technical-Tutorial-content .num-1 strong,.riifo-services-logistics-item a:hover .riifo-learnmore-3 span,.riifo-services-logistics-item a:hover .title-1,.riifo-an-nnovation-pioneer li:hover strong,.riifo-globtal-market-leader-bottom .left-icontext li:hover strong,.riifo-globtal-market-leader-bottom .left-icontext li:hover span,.riifo-about-history-item:hover .data-1 strong,.riifo-about-next .line-3 a:hover,.riifo-about-next a:hover .line-3 span{color: #ed2939;}
.riifo-learnmor a,.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item p,.riifo-about-future .riifo-text,.riifo-future-icon-nav a strong,.riifo-content-page-nav a:hover,.riifo-data-choice-nav li.cur a,.riifo-data-choice-nav li a:hover,.riifo-learnmore-3 span,.messages-input,.messages-textarea::-webkit-input-placeholder,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text,.riifo-content-page-nav a.cur,.riifo-path span,.riifo-product-detail-nav-right a.cur{color: #1a1a1a;}
.riifo-header-right .language::before,.riifo-header .riifo-content::after,.riifo-scroll-down i,.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet,.riifo-aboutus-item::after,.riifo-aboutus-item-title i::before,.riifo-aboutus-item-title i,.riifo-aboutus-bottom li::before,.riifo-aboutus-bottom::before,.riifo-index-project-item .text,.riifo-about-whatwecare-right li:hover,.riifo-data-choice-list,.swiper-button-next-whyriifo::before,.riifo-whoweneed-search .link-3 a::after,.riifo-contact-office-item .link-3 .showtip strong,.riifo-about-next .line-3 a::after,.riifo-about-next .line-3 span::after {background: #fff;}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item a,.riifo-index-project,.riifo-news-bottom-left a,.riifo-services-bin-service-item,.riifo-media-references-item.rmri0 .text ,.riifo-content-page-nav a.cur,.riifo-faqs-item:hover .riifo-faqs-item-title,.riifo-contact,.riifo-contact-office-item {background: #f8f9fb;}
.riifo-services-technical-support-nav::after,.riifo-page-trun a:hover,.riifo-content-page-nav::after,.riifo-news-item a::after,.riifo-career-item .text::after,.riifo-contact-text .title-1::after,.swiper-pagination-download .swiper-pagination-progressbar,.riifo-about-data-item .bottom-3::after,.right-addtext-item .title-1::after{background: #ebeced;}
.riifo-about-history-content-top {background: #f7f9fb;}
.riifo-faqs-item-title i {background: #f8f8f8;}
.riifo-product-item a {background: #f7f8fa;}
.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.riifo-news-bottom-left a::after,.riifo-news-bottom-left a::before,.riifo-page-trun a.cur,.riifo-career-item .title-1::after,.riifo-contact-text .title-1::before,.riifo-contact-item .riifoitem:hover .riifo-svg,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text::before,.riifo-globtal-market-leader-bottom .left-icontext li::before,.right-addtext-item .title-1::before,.riifo-about-next .line-3 a:hover::after,.riifo-product-item .text::before,.riifo-product-detail-nav-right a::after {background: #ed2939;}
.swiper-button-prev-whyriifo:hover,.swiper-button-next-whyriifo:hover,.riifo-career-item .text::before,.whoweneed-search-submit:hover,.riifo-contact-left .riifo-title::after ,.riifo-viewmore:hover i,.subscribesubmit:hover,.riifo-about-next a:hover .line-3 span::after{background-color:#ef4351;}
.riifo-download-item a:hover{background-color:#b31e2b;}
.subscribesubmit,.riifo-title .line-1,.riifo-learnmore a::before,.riifo-aboutus-bottom li:hover,.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item::after,.riifo-header-item-nav .title-1::after,.riifo-about-whatwecare-left .title-1::after,.riifo-services-logistics-item .title-1::after,.riifo-services-bin-service-right-item .title-1::after,.riifo-services-technical-support-nav a::after ,.riifo-data-choice-title::after,.riifo-content-page-nav a::after,.riifo-data-choice-nav li a::after,.riifo-news-item a::before,.riifo-faqs-item.cur::after,.swiper-button-next-whyriifo,.swiper-button-prev-whyriifo ,.whoweneed-search-submit,.riifo-career-open-positions-item a::after,.riifo-contact-item .riifo-footer-content-top-social a:hover,.swiper-pagination-download .swiper-pagination-progressbar-fill,.riifo-services-logistics-item .img-swiper .swiper-pagination span.swiper-pagination-bullet-active,.riifo-about-data-item .bottom-3::before ,.riifo-viewmore i{background-color: #ed2939;}
.riifo-footer,.riifo-index-banner .swiper-slide,.riifo-faqs-item-title i::before,.riifo-faqs-item-title i::after,.riifo-about-whatwecare-item::before {background: #1a1a1a;}
.riifo-footer-content-top-social a:hover,.riifo-future-icon-nav a::after,.riifo-services-aftersale-item::before,.riifo-contact-office-item .link-3 a::after{background: #313131;}
.riifo-download-item a {background-color: #313131;}
.riifo-index-project-item .view i,.riifo-media-references-item .view i,.riifo-news-item a:hover .view i {background-color: rgba(237,47,51,.9);}
.riifo-index-banner .riifo-index-banner-pagination .swiper-pagination-bullet::before,.riifo-header-nav li a::after,.riifo-services-logistics-item a:hover .riifo-learnmore-3 i  {border: 2px solid #ed2939;}
.riifo-index-banner .text .play-2 i{border: 2px solid #fff;}
.riifo-about-whatwecare .riifo-content,.riifo-about-future,.riifo-about-future-item .text,.riifo-about-future-item .text-2 li,.riifo-services-logistics-item .text,.riifo-services-bin-service-right-item,.riifo-services-technical-support-nav,.riifo-media-references-data-choice,.riifo-content-page-nav,.riifo-download-content-choice,.riifo-honor-item,.riifo-career-whyriifo-left .text-2,.riifo-career-content,.riifo-career-item .text,.riifo-technical-data-choice,.riifo-an-nnovation-pioneer{border-top: 1px solid #ededed;}
.riifo-data-choice-title,.riifo-data-search .search-input,.riifo-data-choice-nav,.riifo-faqs-item,.riifo-honor-top,.riifo-career-open-positions-item a,.messages-input,.messages-textarea,.riifo-services-technical-support .riifo-content-top,.riifo-an-nnovation-pioneer li,.riifo-globtal-market-leader-bottom .left-icontext li{border-bottom: 1px solid #ededed;}
.riifo-contact-item {border-top: 1px solid #dedfe1;}
.riifo-contact-item .icon-3 .riifo-svg  {border: 1px solid #dedfe1;}
.riifo-footer-content-top {border-bottom: 1px solid #313131;}
.riifo-header-item-nav .title-1{border-bottom: 1px solid #eeeeee;}
.riifo-solutions-nav-swiper,.riifo-news-bottom-right {border-bottom: 1px solid #ebeced;border-top: 1px solid #ebeced;}
.riifo-project-top .riifo-learnmore a,.riifo-contact-item .riifo-footer-content-top-social a{border: 1px solid #ccc;}
.riifo-footer-content-top-social a,.subscribeinput  {border: 1px solid #313131;}
.riifo-learnmore a ,.riifo-page-trun a {border: 1px solid rgba(0,0,0,.1);}
.riifo-career-item .learnmore-3 i,.riifo-learnmore-3 i {border: 2px solid #333;}
.riifo-index-aboutus .riifo-title .riifo-learnmore a {border: 1px solid rgba(255,255,255,.3);}
.riifo-index-aboutus .riifo-title .riifo-learnmore a:hover,.riifo-services-logistics-item .img-swiper .swiper-pagination span::before {border: 1px solid #ed2939;}
.riifo-about-future-item li::before  {border: 2px solid #ccc;}
.riifo-download-item .download-3 i::before  {border: 1px solid #fff;}
/* .riifo-footer {border-bottom: 3px solid #ed2939;} */
.riifo-more i,.riifo-career-item a:hover .learnmore-3 i,.riifo-career-open-positions-item a:hover .riifo-learnmore-3 i  {border: 2px solid #ed2939;}
.riifo-data-search .search-input:focus,.riifo-an-nnovation-pioneer li:hover {border-bottom: 1px solid #ed2939;}
.riifo-more a:hover i,.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet::before  {border: 2px solid #ef4351;}
.riifo-learnmore a:hover  {border: 1px solid #ed2939;}
.riifo-index-banner .text .play-2 strong {border: 1px dashed rgba(255,255,255,.5);}
.riifo-services-aftersale-item .yuanquan1,.riifo-services-aftersale-item .yuanquan2 {border: 1px dashed #ccc;}
.riifo-services-aftersale-item .num-1 strong {background: linear-gradient(to bottom, #f25f6b 50%, #ed2e3e 100%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 7.5px 12.99px 40px rgba(80, 0, 0, 0.3);}

	






/* font-size */

.riifo-scroll-down span,.riifo-news-bottom .data-1,.riifo-page-trun a.prev,.riifo-page-trun a.next,.riifo-contact-office-item .link-3 .showtip strong {font-size:12px;}
.riifo-footer-add {font-size:13px;}
.riifo-footer-content-center-left li a,.riifo-learnmore a,.riifo-aboutus-item.cur .riifo-aboutus-item-content,.riifo-aboutus-bottom p,.riifo-more span,.riifo-index-project-item .text-1,.riifo-news-bottom .text-3,.riifo-page-banner-content .path span,.riifo-media-references-item .text-2,.riifo-page-trun a,.riifo-download-content .num-1,.riifo-download-item .type-1,.riifo-download-item .download-3 span,.riifo-video-item .text-1,.riifo-news-item .text-1,.riifo-news-item .learnmore-3 span,.riifo-career-item .learnmore-3 span,.riifo-career-open-positions-num .num-1,.riifo-learnmore-3 span,.riifo-career-open-positions-item .text-2,.riifo-contact-office-item .link-3 span,.riifo-contact-office-item .add-2,.riifo-technical-data-download-list .num-1,.riifo-technical-Tutorial-content .num-1,.riifo-an-nnovation-pioneer span,.riifo-globtal-market-leader-bottom .left-icontext li span,.riifo-technical-data-download-content .num-1 span,.riifo-path span,.riifo-product-detail-nav-right a,.riifo-footer-content-bottom,.riifo-footer-content-bottom a{font-size:14px;}
.riifo-header-nav li a,.riifo-footer-content-center-left h4 a,.riifo-footer-content-center-left h4,.riifo-index-warranty .text-1,.riifo-text,.riifo-title h5,.riifo-about-whatwecare-left .text-2,.riifo-future-icon-nav a strong,.riifo-about-future-item .text-2 li,.riifo-services-bin-service-right-item .text-2,.riifo-data-choice-list li ,.riifo-video-item .title-2,.riifo-honor-left .text-2,.riifo-career-item .text-2,.riifo-contact-item .text-4 span,.riifo-services-aftersale-item .text-4,.right-addtext-item .text-2,.riifo-product-detail-content .text .riifo-text,.riifo-product-detail-bottom-text-left .text-item-1 p,.riifo-about-history-item .text-2{font-size:16px;line-height: 26px;}
.riifo-services-technical-support-nav a,.riifo-data-search .search-input,.riifo-content-page-nav a,.riifo-data-choice-nav li a,.riifo-video-item .title-2,.riifo-whoweneed-search .link-3 a,.whoweneed-search-input , .messages-textarea::-webkit-input-placeholder, .messages-input::-webkit-input-placeholder,.riifo-messages-item .text-2,.riifo-messages-item .choice-2 .text-2,.riifo-about-data-item .text-5,.riifo-icon-item p,.riifo-product-detail-bottom-text-left .text-item-1 li strong{font-size:16px;}
.riifo-faqs-item.cur .riifo-faqs-item-content,.riifo-product-item .text .title-1 {font-size:18px;}
.riifo-index-warranty .text-3,.riifo-aboutus-item-title,.riifo-index-project-item .title-2,.riifo-news-bottom .title-2,.riifo-about-whatwecare .riifo-text,.riifo-about-future .riifo-text,.riifo-services-logistics-item .text-2,.riifo-services-aftersale .riifo-text,.riifo-services-aftersale-item .danwei,.riifo-honor-top .riifo-text,.riifo-career-top .riifo-text,.riifo-career-whyriifo-left .text-2,.riifo-career-whoweneed .riifo-text,.riifo-contact-left .riifo-text,.riifo-contact-messages .text-2,.riifo-messages-item .choice-2 .title-1 strong,.riifo-contact-item .text-4 strong,.riifo-services-logistics .riifo-title .riifo-text,.riifo-services-bin-service .riifo-text,.riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text,.riifo-about-whatweare .riifo-content-top .riifo-content-top-right,.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text ,.riifo-an-nnovation-pioneer strong,.riifo-munufacturing-expert-top .riifo-text,.riifo-globtal-market-leader-top .riifo-text,.riifo-about-next .riifo-text,.riifo-services-logistics .riifo-title h5,.riifo-product-index-text,.riifo-product-detail-content .text .riifo-text,.riifo-product-download-left .text-1 .riifo-text{font-size:18px;line-height: 32px;}
.riifo-product-detail-content .text .riifo-text .title-1 strong {font-size:20px;}
.riifo-download-item .title-2,.riifo-news-item .title-2,.riifo-faqs-item-title strong,.riifo-text-linex p,.riifo-career-open-positions-item .title-1,.riifo-contact-office-item .title-1 ,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text,.riifo-about-data-item .num-2,.riifo-about-history-content-top span,.riifo-page-banner-content .text-2,.riifo-honor-left .title-1{font-size:20px;line-height:30px;}
.riifo-header-item-nav .title-1 strong,.riifo-about-data-item .num-2 {font-size:20px;line-height: 38px;}
.riifo-about-whatwecare-left .title-1,.riifo-services-logistics-item .title-1,.riifo-services-aftersale-item .title-3,.riifo-services-bin-service-right-item .title-1,.riifo-media-references-item .title-1,.riifo-career-item .title-1,.riifo-page-banner-content .text-3,.riifo-globtal-market-leader-bottom .left-icontext li strong,.right-addtext-item .title-1 {font-size:24px;line-height: 38px;}
.riifo-about-future-item .title-1 {font-size:24px;}
.riifo-aboutus-bottom strong,.riifo-index-solutions-item .title-1,.riifo-services-offline-support .riifo-services-logistics-item .title-1,.riifo-about-data-item .data-4 strong  {font-size:30px;line-height: 34px;}
.riifo-index-warranty .title-2,.riifo-title h3,.riifo-page-banner-content .text-1 ,.riifo-career-whyriifo-left .title-1,.riifo-page-banner-content .title-2,.riifo-about-history-item .data-1,.riifo-product-index-title,.riifo-product-detail-content-pic-swiper .swiper-slide .title-1 {font-size:40px;}
.riifo-index-banner .swiper-slide .text .title-1,.riifo-contact-text .title-1{font-size:50px;line-height: 60px;}
.riifo-page-banner-content .title-1  {font-size:60px;}
.riifo-services-aftersale-item .num-1 strong {font-size:200px;}
.riifo-services-offline-support .riifo-services-logistics-item .title-1 {line-height: 40px;}



/* fonts */
body{font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;}
input,select,textarea {font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;}
.riifo-scroll-down span{font-family: 'Poppins-Regular';}
.riifo-index-banner .swiper-slide .text .title-1,.riifo-index-warranty .title-2,.riifo-index-warranty .text-1,.riifo-title h3,.riifo-learnmor a,.riifo-aboutus-bottom strong,.riifo-solutions-nav-item p,.riifo-index-solutions-item .title-1,.riifo-more span,.riifo-index-project-item .title-2,.riifo-learnmore a,.riifo-news-bottom .title-2,.riifo-aboutus-item-title,.riifo-header-right .language span,.riifo-footer-content-center-left h4, .riifo-footer-content-center-right h4 ,.riifo-header-nav li a,.riifo-page-banner-content .text-1,.riifo-about-whatwecare-left .title-1,.riifo-about-future-item .title-1,.riifo-page-banner-content .title-1,.riifo-title h5,.riifo-services-logistics-item .title-1,.riifo-services-aftersale-item .title-3,.riifo-services-bin-service-right-item .title-1,.riifo-media-references-item .title-1,.riifo-page-trun a.prev,.riifo-page-trun a.next,.riifo-content-page-nav a,.riifo-download-item .title-2,.riifo-video-item .title-2,.riifo-news-item .title-2,.riifo-news-item .learnmore-3 span,.riifo-honor-left .title-1,.riifo-product-item .text .title-1,.riifo-product-index-title,.riifo-product-detail-nav-right a{font-weight: bold;}
.riifo-services-aftersale-item .num-1 strong,.riifo-services-aftersale-item .danwei {font-family: 'D-DINCondensed';}





@font-face {
	font-family: 'Poppins-Regular';
	src: url('../fonts/Poppins-Regular.eot');
	src: local('☺'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'D-DINCondensed';
	src: url('../fonts/D-DINCondensed.eot');
	src: local('☺'), url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), url('../fonts/D-DINCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}






/* other */
.riifo-media-references-item .text-2,.riifo-media-references-item .title-1,.riifo-news-item.rni0 .title-2,.riifo-career-item .title-1,.riifo-contact-office-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.riifo-services-bin-service-right-item .text-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}



.riifo-privacy-policy {background: #fff;position: fixed;right: 3%;bottom: 20px;z-index: 999;width:500px; box-shadow: 0px 6px 50px 0px rgba(0, 0, 0, 0.08);display: none;}
.riifo-privacy-policy.cur {display: block;}
.riifo-privacy-policy .riifo-content-text{font-size: 16px;line-height: 22px;padding: 5% 15% 15% 5%;overflow: hidden;box-sizing: border-box;}
.riifo-privacy-policy .riifo-content-text a.link{color: #ed2939;display: inline-block;position: relative;}
.riifo-privacy-policy .riifo-content-text a.link::before {content: '';width: 100%;height: 1px;background:#ed2939;position: absolute;left: 0;bottom:0;}
.riifo-privacy-policy .riifo-content-text .accept{text-align: center;width: 150px;height: 50px;color: #fff;background:#ed2939;line-height: 50px;position: absolute;bottom: 15%;right: 5%;}
.riifo-privacy-policy .riifo-content-text .close {border: 1px solid #333;border-radius: 100%;width: 30px;height: 30px;position: absolute;top: 15%;right: 5%;background:url('../images/xx.png') center no-repeat;background-color: transparent;}
.riifo-privacy-policy .riifo-content-text .accept:hover {background:#ef4351;}

.riifo-index-banner-show-video {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;overflow: hidden;background: #000;}
.riifo-index-banner-show-video.cur {display: none;}
.riifo-index-banner-show-video video {width: 100%;display: block;height: 100%;object-fit: cover;}
.riifo-close {width:50px;height:50px;position: absolute;top:0;right:0;background:url('../images/xx.png') center no-repeat #fff;z-index: 1000;cursor: pointer;display: none;}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../images/xx.png) center no-repeat #fff; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}


.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 38px;height: 38px;display: block;overflow: hidden; background: #ed2939 url(../images/aside-top.svg) no-repeat center;background-size:70%;border:1px solid #ed2939;}
.aside-top a:hover {background: #ed2939 url(../images/aside-top.svg) no-repeat center;border:1px solid #ed2939 ;background-size: 70%;opacity: 1;}
 




/* animation */
@keyframes turnrotate{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes turnrotate2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg);}100%{-webkit-transform:rotate(0deg);}}
@keyframes heightani{0%{height: 50px;}100%{height: 0px;}}
@keyframes lefttoright1{0%{width: 100%;right: 0;}50%{width: 0;right: 0;}100%{width: 100%;left: 0;}}




@media screen and (max-width: 5120px) {
	.riifo-footer-content-center-left li a {font-size: 16px;}
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	.riifo-index-warranty .text-1 {color: #ed2939;font-size: 18px;}
	.riifo-footer-subscribe h4 {font-size: 12px;text-transform: capitalize;font-weight: normal;}
	.riifo-aboutus-top .riifo-title .riifo-text,.riifo-index-solutions-item .riifo-text {font-size: 18px;line-height: 28px;}
	.riifo-aboutus-bottom p {font-size: 18px;}	
	.riifo-news-bottom .text-3 {font-size: 16px;}		
}
@media screen and (max-width: 1680px) {
	.riifo-product-overview-item .name,.riifo-product-overview-item .pic {width: 40%;}
	.riifo-about-future-item .riifo-svg {margin-top: 30px;}
	.riifo-about-future-item .text-2 li {font-size: 14px;line-height: 22px;padding: 10px 0px 10px 15px;}
	.riifo-future-icon-nav a {padding: 0 2%;}
	.riifo-future-icon-nav a strong {font-size: 14px;}
	.riifo-services-logistics-item .riifo-svg {margin-top: 10%;}
	.riifo-services-aftersale-list {padding: 0px 0 10px 0;}
	.riifo-services-bin-service-right-item {padding: 5% 0 5% 0;}
	.riifo-services-logistics-item .text-2,.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text {font-size: 16px;line-height: 26px;}
	.riifo-title h3 {font-size: 30px;}
	.riifo-an-nnovation-pioneer strong {font-size: 16px;}
	.riifo-an-nnovation-pioneer li {padding: 2.6% 0;}
	.riifo-an-nnovation-pioneer span {width: 70%;}
	.riifo-an-nnovation-pioneer strong {font-size: 15px;}
	.riifo-footer-content-center-left li a {font-size: 14px;}
}
@media screen and (max-width: 1600px) {		
		
}
@media screen and (max-width: 1500px) {	
	.riifo-footer-content-center-left li a,.riifo-learnmore a,.riifo-aboutus-item.cur .riifo-aboutus-item-content,.riifo-aboutus-bottom p,.riifo-more span,.riifo-index-project-item .text-1,.riifo-news-bottom .text-3,.riifo-page-banner-content .path span,.riifo-media-references-item .text-2,.riifo-page-trun a,.riifo-download-content .num-1,.riifo-download-item .type-1,.riifo-download-item .download-3 span,.riifo-video-item .text-1,.riifo-news-item .text-1,.riifo-news-item .learnmore-3 span,.riifo-career-item .learnmore-3 span,.riifo-career-open-positions-num .num-1,.riifo-learnmore-3 span,.riifo-career-open-positions-item .text-2,.riifo-contact-office-item .link-3 span,.riifo-contact-office-item .add-2,.riifo-technical-data-download-list .num-1,.riifo-technical-Tutorial-content .num-1,.riifo-an-nnovation-pioneer span,.riifo-globtal-market-leader-bottom .left-icontext li span{font-size:12px;}.riifo-header-nav li a,.riifo-footer-content-center-left h4 a,.riifo-footer-content-center-left h4,.riifo-index-warranty .text-1,.riifo-text,.riifo-title h5,.riifo-about-whatwecare-left .text-2,.riifo-future-icon-nav a strong,.riifo-about-future-item .text-2 li,.riifo-services-bin-service-right-item .text-2,.riifo-data-choice-list li ,.riifo-video-item .title-2,.riifo-honor-left .text-2,.riifo-career-item .text-2,.riifo-contact-item .text-4 span,.riifo-services-aftersale-item .text-4,.right-addtext-item .text-2{font-size:14px;line-height: 24px;}.riifo-services-technical-support-nav a,.riifo-data-search .search-input,.riifo-content-page-nav a,.riifo-data-choice-nav li a,.riifo-video-item .title-2,.riifo-whoweneed-search .link-3 a,.whoweneed-search-input, .messages-textarea::-webkit-input-placeholder, .messages-input::-webkit-input-placeholder,.riifo-messages-item .text-2,.riifo-messages-item .choice-2 .text-2,.riifo-about-data-item .text-5{font-size:14px;}.riifo-index-warranty .text-3,.riifo-aboutus-item-title,.riifo-index-project-item .title-2,.riifo-news-bottom .title-2,.riifo-about-whatwecare .riifo-text,.riifo-about-future .riifo-text,.riifo-services-logistics-item .text-2,.riifo-services-aftersale .riifo-text,.riifo-services-aftersale-item .danwei,.riifo-honor-top .riifo-text,.riifo-career-top .riifo-text,.riifo-career-whyriifo-left .text-2,.riifo-career-whoweneed .riifo-text,.riifo-contact-left .riifo-text,.riifo-contact-messages .text-2,.riifo-messages-item .choice-2 .title-1 strong,.riifo-contact-item .text-4 strong,.riifo-services-logistics .riifo-title .riifo-text,.riifo-services-bin-service .riifo-text,.riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text,.riifo-about-whatweare .riifo-content-top .riifo-content-top-right,.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text ,.riifo-an-nnovation-pioneer strong,.riifo-munufacturing-expert-top .riifo-text,.riifo-globtal-market-leader-top .riifo-text,.riifo-about-history-item .text-2,.riifo-about-next .riifo-text{font-size:16px;line-height: 26px;}.riifo-download-item .title-2,.riifo-news-item .title-2,.riifo-faqs-item-title strong,.riifo-text-linex p,.riifo-career-open-positions-item .title-1,.riifo-contact-office-item .title-1 ,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text,.riifo-about-data-item .num-2,.riifo-about-history-content-top span{font-size:18px;line-height:24px;}.riifo-header-item-nav .title-1 strong,.riifo-page-banner-content .text-2,.riifo-about-data-item .num-2 {font-size:18px;line-height: 28px;}.riifo-about-whatwecare-left .title-1,.riifo-services-logistics-item .title-1,.riifo-services-aftersale-item .title-3,.riifo-services-bin-service-right-item .title-1,.riifo-media-references-item .title-1,.riifo-career-item .title-1,.riifo-page-banner-content .text-3,.riifo-globtal-market-leader-bottom .left-icontext li strong,.right-addtext-item .title-1 {font-size:18px;line-height: 28px;}.riifo-aboutus-bottom strong,.riifo-index-solutions-item .title-1,.riifo-about-future-item .title-1,.riifo-honor-left .title-1,.riifo-services-offline-support .riifo-services-logistics-item .title-1,.riifo-about-data-item .data-4 strong  {font-size:24px;line-height: 28px;}.riifo-index-warranty .title-2,.riifo-title h3,.riifo-page-banner-content .text-1 ,.riifo-career-whyriifo-left .title-1,.riifo-page-banner-content .title-2,.riifo-about-history-item .data-1 {font-size:30px;}.riifo-index-banner .swiper-slide .text .title-1,.riifo-contact-text .title-1{font-size:40px;line-height: 50px;}.riifo-page-banner-content .title-1  {font-size:50px;}.riifo-services-aftersale-item .num-1 strong {font-size:140px;}	
	.riifo-header-show-nav {width: auto;}
	.riifo-contact-text {left: 10%;width: 80%;}
	.riifo-about-history-item .text-2{font-size: 12px;line-height: 20px;}
	.popup-window-whatwecare-item .text {padding-top: 0;}
	.popup-window-whatwecare-item .title-2,.popup-window-whatwecare-item .text-3 {font-size: 14px;line-height: 22px;}
	.popup-window-whatwecare-item .title-1 {font-size: 16px;padding-bottom: 10px;}
	.popup-window-whatwecare-item .title-2 {padding: 10px 0 10px 0;}
	.riifo-product-detail-content .text .riifo-text .text-2 {line-height: 22px;}
	.riifo-product-detail-bottom-text-left .text-item-1 .text-2 {font-size: 13x;line-height: 22px;}
	.riifo-product-detail-bottom-text-left .pageturn-3 {margin-top: 10%;}
	.riifo-product-detail-bottom-text-left {padding-top: 5%;}
	.riifo-honor-list {width: 100%;}
	.riifo-aboutus-top .riifo-title .riifo-text,.riifo-index-solutions-item .riifo-text {font-size: 16px;line-height: 26px;}
	.riifo-aboutus-bottom p {font-size: 16px;}	
	.riifo-news-bottom .text-3 {font-size: 14px;}
	.riifo-news-item.rni1 .title-2 {margin-bottom: 65px;}
	.riifo-contact-office-item .link-3 a { padding: 20px 10px;}
}
@media screen and (max-width: 1440px) {
	#chartdiv {height: 500px;}
	.riifo-header .riifo-content {height: 80px;}
	.riifo-header-show-nav {padding:2% 4% 30px 4%;margin-top:80px;}
	.riifo-index-banner .text .play-2 i {width: 50px;height: 50px;margin: 24px;}
	.riifo-index-banner .text .play-2 a:hover strong {width: 120px;height: 120px;margin: -60px 0 0 -60px;}
	.riifo-aboutus-bottom i {width: 40px;height: 40px;}
	.riifo-aboutus-bottom {margin-top: 8%;}
	.riifo-index-project-item .view i {width:60px;height: 60px;}
	.riifo-news-bottom-left {width: 45%;}
	.riifo-news-bottom-item .text {padding: 3.3% 0;}
	.riifo-footer-content-center-right {width: 40%;}
	.riifo-footer {padding-top: 5%;}
	.riifo-footer-content-top {padding-bottom:4%;}
	.riifo-footer-content-center {padding:2% 0;}
	.riifo-footer-content-center-left h4, .riifo-footer-content-center-right h4 {padding-bottom:3%;}
	.riifo-footer-content-center-left li {padding: 1% 0;}
	.riifo-footer-subscribe {display: inline-block;width: 80%;}
	.riifo-header-item-nav .title-1 i {top: -10px;}
	.riifo-page-banner-content .path {top: 100px;}
	.riifo-header-nav li {padding-right: 30px;}
	.riifo-content,.riifo-aboutus-bottom ul,.riifo-media-references-data-choice,.riifo-media-references-list {width: 85%;}
	.riifo-an-nnovation-pioneer li {padding: 3.5% 0;}
	.riifo-about-whatwecare-item {padding: 50px 0;}
	.riifo-about-whatwecare-right li {width: 20%}
	.riifo-about-whatwecare-right {width: 65%;}
	.riifo-future-icon-nav a {padding: 0 2%;}
	.riifo-about-future-item .text {background: url(../images/syh.png) right 10% no-repeat;}
	.riifo-about-future-item .riifo-svg {width: 40px;height: 40px;margin-top:50px;}
	.riifo-about-future-item .img {float: left;}
	.riifo-about-future-item .text {float: right;position: relative;right: auto;width: 45%;}
	.riifo-about-future-item.fr .text {right: auto;left: auto;float: left;}
	.riifo-services-logistics-item .riifo-svg {width: 50px;height: 50px;margin-top: 10%;}
	.riifo-services-aftersale-list {padding: 1% 0 10px 0;}
	.riifo-services-aftersale-item .danwei-2 {width: 140px;height: 140px;right: 20%;}
	.riifo-services-aftersale-item .yuanquan2 {width: 140px;height: 140px;margin: -70px 0 0 -70px;}
	.riifo-services-aftersale-item .text-4 {padding-bottom:20px;width: 80%;}
	.riifo-services-bin-service-right-item .icon-3 {width: 60px;height: 60px;}
	.riifo-services-bin-service-right-item {padding: 5% 0 5% 0;}
	.riifo-services-bin-service-item {position: relative;}
	.riifo-services-bin-service-right {padding-left: 0;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);}
	.riifo-technical-data-download-swiper .riifo-download-item .title-2 {min-height: 170px;}
	.riifo-data-choice-list li a {padding: 3px 5%;}
	.riifo-services-logistics-item .text {background: url(../images/syh.png) right 10% no-repeat;background-size:15%;}
	.riifo-download-item .title-2 {min-height: 240px;}	
	.riifo-news-item.rni1 .title-2 {margin-bottom: 80px;}
	.riifo-news-item .view i {width: 60px;height: 60px;}
	.riifo-career-whyriifo-left {margin-top: 4%;margin-left: 18%;}
	.swiper-button-next-whyriifo, .swiper-button-prev-whyriifo {width: 70px;height: 60px;}
	.swiper-button-prev-whyriifo {left: -70px;}
	.whoweneed-search-input {height: 60px;}
	.whoweneed-search-submit {width: 60px;height:60px;}
	.riifo-messages-item {padding-top: 0px;}
	.riifo-messages-item .choice-2 .title-1 {margin-top: 10px;}
	.messages-textarea {padding: 20px 0;min-height: 162px;}
	.riifo-path {top: 100px;}
	.riifo-product-index-text,.riifo-product-detail-content .text .riifo-text {font-size: 16px;line-height: 28px;}
	.riifo-product-item .text .title-1,.riifo-product-detail-content .text .riifo-text .title-1 strong {font-size: 16px;}
	.riifo-path {z-index: 1111;}
	.riifo-product-detail-content .text .riifo-text .text-2,.riifo-product-overview-item .title-2,.riifo-product-overview-nav a,.popup-window-content-right .show-item .title-1 strong,.riifo-product-download-right-item .title-2 {font-size: 14px;}
	.riifo-path a span,.riifo-icon-item p,.riifo-product-detail-nav-right a,.riifo-product-overview-item .text-1,.riifo-product-download-right-item .text-1{font-size: 12px;}
	.riifo-icon-item i {width: 80px;height: 80px;}
	.riifo-product-detail-nav.cur {top: 80px;}
	.pdcps-prev, .pdcps-next,.bottom-text-prev, .bottom-text-next {width: 50px;height: 50px;margin-top: -25px;}
	.bottom-text-next svg.contain circle {r:24;}
	.riifo-product-overview-item a .pic img.img-center {max-width: 70%;max-height:70%;}
	.popup-window-content {width: 74%;padding: 3%;transform: translate(-62%,-50%);}
	.popup-window-content-right .riifo-text,.popup-window-content-right .show-item .main-2 {font-size: 12px;line-height: 22px;}
	.popup-window-content-right {padding:2% 0 0 5%;}
	.popup-window-content-right .show-item .main-2 .lirow2 li::before {top: 6px;}
	.riifo-product-download-left .text-1 .riifo-text {font-size: 14px;line-height: 22px;}
	.riifo-product-download-right-item .item-1 {min-height: 120px;}
	.riifo-product-download-right {width: 37%;padding: 2% 2% 1% 2%;}
	.riifo-product-download-right-content {height: 350px;}
	.riifo-media-deail .riifo-content {width: 80%;}
	.riifo-media-references-strip .title-1,.riifo-media-references-strip .learnmore-3 span {font-size: 12px;}
	.riifo-media-references-strip .text-2 {font-size: 14px;}
	.riifo-product-detail-bottom-text-left .pageturn-3 {bottom: 3%;width: 20%;}
	.riifo-product-detail-bottom-text-left {width: 85%;}

}
@media screen and (max-width: 1366px) {
	.riifo-aboutus-top {width: 85%;}
	.riifo-news-bottom-item {padding-bottom: 7px;}
	.riifo-about-an-nnovation-pioneer .riifo-content-left {width: 45%;}
	.riifo-page-banner-content .text-2,.riifo-services-logistics .riifo-title .riifo-text,.riifo-honor-top .riifo-text,.riifo-career-top .riifo-text {width: 70%;}
	.riifo-about-whatwecare .riifo-text,.riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text {width: 80%;}
	.riifo-future-icon-nav a {padding: 0 1%;}
	.riifo-news-item.rni1 .title-2 {margin-bottom: 70px;}
	.riifo-career-whyriifo-left {margin-top: 0;}
	.riifo-contact-text .title-1 {padding-bottom: 10px;}
	.riifo-contact-item {padding: 20px 0;}
	.riifo-contact-item .riifoitem.item-2:first-child {margin-right: 10%;}
	.riifo-contact-office-item .link-3 a {padding: 20px 5px;}
	.riifo-contact-office-item .add-2 {width: 80%;min-height: 80px; }
	.riifo-faqs-item-content {width: 100%;}
	.riifo-aboutus-top .riifo-title .riifo-text,.riifo-index-solutions-item .riifo-text {font-size: 14px;line-height: 24px;}
	.riifo-aboutus-bottom p {font-size: 14px;}
	.riifo-news-bottom .text-3 {font-size: 12px;}	
	.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text {font-size:14px;line-height: 24px;}
	.riifo-an-nnovation-pioneer li {padding: 2.7% 0;}
}
@media screen and (max-width: 1280px) {
	.riifo-news-item.rni1 .title-2 {margin-bottom: 60px;}
	.riifo-title h3 {font-size: 24px;}
	.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text {font-size: 12px;line-height: 22px;}
	.riifo-title .line-1 {margin: 10px 0;}
	.riifo-an-nnovation-pioneer strong {font-size: 14px;}
}
@media screen and (max-width: 1152px) {
	.riifo-an-nnovation-pioneer li {padding: 2.5% 0;}
	.riifo-an-nnovation-pioneer span {width: 70%;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 1000px) {
	#cd-nav-container {display: none;}
	.pcshow{display: none!important;}
	.mbshow {display: block!important;}
	.riifo-header-right {right: 20%;}
	.riifo-header-right .language {margin-left: 5px;padding-left: 10px;}
	.menu-toggle {display: block;}
	.riifo-header .riifo-content {height: 50px;}
	.riifo-header .riifo-content,.riifo-index-warranty .text-3,.riifo-index-solutions-item .img ,.riifo-news-bottom-left,.riifo-news-bottom-right,.riifo-footer-content-center-left,.riifo-footer-content-center-right,.riifo-footer-subscribe,.riifo-footer-content-bottom-left{width: 100%;}
	.riifo-header-left {left: 5%;}
	.riifo-logo {margin:0px;width: 80px;height: auto;transform: translateY(-50%);}
	.riifo-footer {padding-top: 6%;}
	.riifo-footer-content-top-logo {width: 100px;height: 35px;}
	.riifo-footer-content-top-social {width: 100%;position: relative;text-align: left;bottom: auto;font-size: 0;right: auto;margin:10px 0 0 0;}
	.riifo-footer-content-center {padding:5% 0;}
	.riifo-footer-content-center-left ul {display: block;width: 100%;border-bottom: 1px solid #313131;}
	.riifo-footer-content-center-left ul h4 {padding: 2% 0;}
	.riifo-footer-content-center-right {padding-top: 5%;float: none;}
	.riifo-footer-content-bottom-left {padding-top: 5%;float: none;clear: both;border-top: 1px solid #313131;}
	.riifo-footer-subscribe {text-align: left;margin-top: 5%;}
	.riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 {font-size: 30px;line-height: 40px;}
	.riifo-index-warranty .riifo-content,.riifo-munufacturing-expert-top .riifo-text,.riifo-globtal-market-leader-top .riifo-text,.riifo-page-banner-content .text {width: 90%;left: 5%;}
	.riifo-aboutus-item {margin-top: 10px;padding-bottom: 10px;}
	.riifo-learnmore,.riifo-title .line-1 {	margin:10px 0;}
	.riifo-learnmore a {width: 140px;height: 45px;line-height: 45px;}
	.riifo-index-solutions-item .img,.riifo-news-bottom-right,.riifo-about-whatweare .riifo-content-top .riifo-content-top-right,.riifo-about-future-list {margin-top: 40px;}
	.riifo-solutions-nav-swiper .swiper-slide {width: auto;}
	.riifo-solutions-nav-swiper .swiper-slide .riifo-solutions-nav-item p{padding:0 30px;}
	.riifo-solutions-top-nav,.riifo-about-whatwecare-right {padding-top: 10%;}
	.riifo-project-bottom-swiper {padding-bottom: 70px;}
	.riifo-index-project-item .text {position: relative;width: 100%;}
	.riifo-page-banner-content .text-1 {font-size: 20px;}
	.riifo-page-banner-content .text-2  {font-size:14px;line-height: 22px;width: 100%;}
	.riifo-page-banner .riifo-page-banner-content .img img,.riifo-about-next .img img{width: 300%;max-width: 300%;max-height:none;}
	.riifo-about-data-item {width:45%;margin-bottom: 30px;}
	.riifo-about-history-item {margin-bottom: 15%;}
	.riifo-about-history-item .text {width: 42%;position: relative;left:auto;}
	.riifo-about-history-item .img {position: relative;width: 42%;right:auto;top: auto;margin: 0;}
	.riifo-about-history-item .dian-1 {top: 8%;}
	.riifo-about-history-item .dian-1 i::after {width: 10px;}
	.riifo-about-history-item.fr .text {float: right;}
	.riifo-about-history-item.fr .img {right: auto;left: 0;margin: 0;}
	.riifo-about-whatwecare-right li {width: 33%;}
	.riifo-about-whatwecare-right li img.img-center {max-width:80%;}
	.riifo-services-aftersale-item .danwei-2 {right: 10%;}
	.riifo-services-aftersale {background: #f6f7f9;}
	.riifo-services-bin-service-right-item {padding: 5%;}
	.riifo-services-bin-service-right-item .icon-3 {right: 5%;}
	.riifo-services-bin-service-right-item .text-2 {display: block;-webkit-line-clamp: inherit;-webkit-box-orient: inherit;}
	.riifo-page-banner-content .title-1 {font-size:34px;padding-bottom: 20px;}
	.riifo-data-choice-item {width: 100%;margin-right: 0px;}
	.riifo-technical-data-choice .riifo-data-choice-item,.riifo-data-choice-item,.riifo-career-open-positions-top.num4 .riifo-data-choice-item {padding-bottom:0px;}
	.riifo-technical-data-download-content {padding: 10% 0;}
	.riifo-data-search .search-input ,.riifo-technical-Tutorial-content{padding: 25px 0;}
	.riifo-data-choice-nav,.riifo-content-page-nav {overflow-y: hidden;overflow-x: scroll;overflow: auto;width: 100%;white-space: nowrap;font-size: 0;}
	.riifo-data-choice-nav::-webkit-scrollbar,.riifo-content-page-nav::-webkit-scrollbar{height:0px; width:0px;background: #fff;} 
	.riifo-content-page-nav.num5 a {width: auto;padding: 20px;position: relative;}
	.riifo-content-page-nav::after {display: none;}
	.riifo-content-page-nav a::before {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #ebeced;}
	.riifo-data-choice-nav {margin-bottom: 0;}
	.riifo-video-item ,.riifo-news-item{margin-bottom: 30px;}
	.riifo-technical-data-download-swiper {padding-bottom: 30px;}
	.riifo-services-logistics-item .text {clear: both;padding-top: 10px;}
	.riifo-title h3 {font-size: 26px;}
	.riifo-page-trun a.prev,.riifo-page-trun a.next {padding: 0 5px;}
	.riifo-page-trun a.prev span,.riifo-page-trun a.next span,.riifo-header-nav-show-mark {display: none;}
	.riifo-download-item .title-2 {min-height: auto;}
	.riifo-faqs-item-title strong{width: 80%;display: block;}
	.riifo-honor-right {padding-top: 40px;}
	.riifo-honor-right li {width: 33%;}
	.riifo-honor-right li img.img-center {max-width: 80%;}
	.riifo-news-item.rni0 .text,.riifo-career-content .riifo-career-top .riifo-learnmore {position: relative;}
	.riifo-news-item.rni0 .text-1,.riifo-news-item.rni0 .title-2 {color: #000;text-overflow: none;white-space: normal;overflow: hidden;}
	.riifo-news-item.rni0 .text,.riifo-career-open-positions-list {padding: 5% 0;}
	.riifo-news-item.rni0 .learnmore-3 {display: block;}
	.riifo-news-item.rni0 .title-2,.riifo-news-item.rni1 .title-2,.riifo-news-item .title-2 {padding-bottom: 30px;margin-bottom:0;min-height: auto;}
	.riifo-news-item .learnmore-3 span {color: #ed2939;}
	.riifo-news-item .learnmore-3 i {transform: translate(0,-50%);}
	.riifo-career-whyriifo-left {margin: 0 auto;width: 90%;margin-bottom: 30px;float: none;}
	.riifo-career-pic {margin: 20px 2% 50px 2%;}
	.swiper-button-prev-whyriifo {left: 0px;}
	.swiper-button-next-whyriifo {left: 70px;}
	.riifo-globtal-market-leader-bottom #info {position: relative;width: 100%;right: 0;top: auto;transform: none;margin-top: -80px;background: #f7f9fb;}
	.riifo-contact-text {overflow: hidden;position: relative;left: auto;width: 90%;top: auto;transform: none;padding: 15% 5% 5% 5%;}
	.riifo-contact-item .text-4 {width: 80%;margin-top: 2px;}
	.riifo-contact-item .riifoitem.item-2:first-child {margin-right: 0;}
	.riifo-contact-item .riifoitem.item-2 {width: 100%;margin-bottom: 3%;}
	.riifo-detail-title {left: 5%;top: 60%;width: 90%;}
	.riifo-detail-title .career-title-1 {font-size: 30px;}
	.riifo-media-deail {padding-top: 60px;}
	.riifo-media-deail .riifo-path,.riifo-detail-bottom-pageturn a p ,.riifo-path{display: none;}
	.riifo-detail-top .title-2 {font-size: 26px;}
	.riifo-detail-top .type-4,.riifo-about-history-item .text p {display: none;}
	.riifo-detail-top .fenxiang-4 {float: left;width: 100%;}
	.riifo-detail-top .fenxiang-4 a {padding: 8px 3%;font-size: 12px;margin: .5%;}
	.riifo-detail-top .fenxiang-4 span,.header-search-input {font-size: 12px;}
	.riifo-detail-center {font-size: 14px;line-height: 26px;}
	.riifo-detail-bottom-keyword a {margin-bottom: 1%;}
	.riifo-detail-bottom-pageturn {position: relative;}
	.riifo-detail-bottom-pageturn a.menu {top: 50%;transform: translate(-50%,-50%);}
	.riifo-media-deail {padding-bottom: 60px;}
	.popup-window-content {width:100%;padding:0;transform:none;top: 0;left: 0;height: 100%;box-sizing: border-box;overflow:auto;}
	.popup-window-content-left,.popup-window-content-right,.riifo-product-index-text {width: 100%;box-sizing: border-box;}
	.popup-window-content-right {padding: 5%;}
	.popup-window-content-right .riifo-title h3 {font-size: 24px;}
	.mobile-nav {z-index: 100;}
	.riifo-product-index .riifo-content {padding: 100px 0;}
	.riifo-product-index-title {font-size: 30px;}
	.riifo-product-detail-content .img{height:80vh;}
	.riifo-about-history-item .text-2 {margin-top: 0px;}
	.riifo-about-history-item .text-2 strong {font-size: 14px;}
	.riifo-search-detail {margin-top: 50px;}
	.riifo-search-content-top ,.riifo-header-item-nav{width: 100%;}
	.header-search-submit {width: 15%;}
	.riifo-search-content-nav a {font-size: 14px;}
	.riifo-search-return .riifo-product-overview-item {width: 100%;margin: 1% 0;}
	.riifo-search-return {padding: 5% 0;}
	.riifo-search-content-bottom .num-1 {margin-top: 10px;}
	.riifo-download-item .download-3 {position: relative;left: -26%;}
	.riifo-download-item a:hover .download-3 {left: 0;}
	.riifo-footer-content-bottom {padding: 0px 0  20px 0;}
	.riifo-header-show-nav {padding: 2% 4% 30px 4%;margin-top: 50px;}
	.riifo-header-item-nav {width: 100%;margin: 20px auto auto auto;}
	.riifo-header-item-nav .title-1 {padding-bottom: 5px;}
	.riifo-header-item-nav .text-2,.riifo-header-item-nav .link-2 {padding-top: 10px;line-height: 20px;}
	#language .riifo-header-show-nav .riifo-header-item-nav .text-2 strong,#language .riifo-header-show-nav .riifo-header-item-nav .text-2 span,#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a strong,#language .riifo-header-show-nav .riifo-header-item-nav .link-2 a span {font-size: 12px;}
	.riifo-header-item-nav .title-1 strong {font-size: 16px;}
	.riifo-privacy-policy {right: 5%;width: 90%;}
	.riifo-privacy-policy .riifo-content-text .accept {width: 130px;height: 40px;line-height: 40px;position: relative;bottom: auto;margin-top: 20px;display: block;right: auto;}
	.riifo-privacy-policy .riifo-content-text {font-size: 14px;line-height: 20px;padding: 5%;}
	.riifo-privacy-policy .riifo-content-text .close {width: 30px;height: 30px;top: auto;bottom: 11%;}
	.popup-window-whatwecare-list {width: 90%;padding: 5% 5%;}
	.popup-window-whatwecare-item {float: none;width: 100%;margin-right: 0;}
	.popup-window-whatwecare-item .title-2,.popup-window-whatwecare-item .text-3 {font-size: 12px;line-height: 20px;}
	.riifo-media-references-list-content {padding: 10% 0;}
	.riifo-media-references-strip {width: 100%;margin-right: 0;}
	.riifo-media-references-strip.top1 {width: 100%;}
	.riifo-media-references-strip.top2 {width: 100%;margin-right:0;}
	.riifo-media-references-strip.top1 a,.riifo-media-references-strip.top2 a{background:#fff;}
	.riifo-media-references-strip.top1 .learnmore-3,.riifo-media-references-strip.top2 .learnmore-3 {display: block;}
	.riifo-media-references-strip.top1 .text,.riifo-media-references-strip.top2 .text{padding:5%;position: relative;width: 90%;left:auto;bottom:auto;}
	.riifo-media-references-strip.top1 .title-1,.riifo-media-references-strip.top2 .title-1 {color: #999;}
	.riifo-media-references-strip.top1 .text-2,.riifo-media-references-strip.top2 .text-2 {color: #000;}
	.riifo-project-top {margin-bottom: 20px}
	.riifo-news-bottom-item {padding-bottom:10px;border-bottom: 1px solid #ebeced;margin-bottom:40px ;}
	.riifo-news-bottom .learnmore-3 {display: block;}  
	.riifo-news-bottom-right {border-bottom:none}
	.riifo-news-bottom .data-1 {padding-bottom: 5px}
	.riifo-news-bottom .title-2 {padding-bottom: 10px;line-height: 20px;}
	.riifo-news-bottom .text-3 {line-height: 20px;}
	.riifo-news-bottom .learnmore-3 {margin-top: 20px}
	.riifo-footer-content-bottom-left a {display: block;margin-top: 3%;}
	.riifo-footer-content-bottom-right {padding-top: 3%;}
	.riifo-footer-content-center-left ul h4 {position: relative;}
	.riifo-footer-content-center-left ul h4.cur::before {display: none;}
	.riifo-footer-content-center-left ul h4::after {content: '';width: 10px;height: 2px;position: absolute;right: 0;top: 50%;margin-top: -1px;background: #fff;opacity: .5;}
	.riifo-footer-content-center-left ul h4::before {content: '';width: 2px;height: 10px;position: absolute;right: 4px;top: 50%;margin-top: -5px;background: #fff;opacity: .5;} 
	.riifo-footer-content-center-left ul li:last-child {margin-bottom: 20px;}
	.riifo-about-an-nnovation-pioneer .riifo-content-right {display: none;}
	.riifo-an-nnovation-pioneer strong {width: 100%;}
	.riifo-an-nnovation-pioneer span {width: 100%;text-align: left;display: block;position: relative;right: auto;top: auto;transform: none;}
	.riifo-about-future-item {margin-bottom: 20px}
	.riifo-about-future-item .text {background: url(../images/syh.png) right 5% no-repeat;background-size: 15%;}
	.riifo-about-future-item .riifo-svg {margin-top: 20px;}
	.riifo-product-list-swiper .swiper-wrapper {display: block;}
	.riifo-services-logistics-list {margin-top: 20px;}
	.riifo-services-logistics-item {margin-bottom: 30px}
	.riifo-services-logistics-item .text-3 ,.riifo-services-bin-service .riifo-title,.riifo-career-item .text-2{padding-bottom: 20px;}
	.riifo-services-logistics-item .riifo-svg {margin-top: 1%;}
	.riifo-career-whyriifo-left .text-2 {text-align: left;}
	.riifo-whoweneed-search .link-3 a {color: #ed2939;}
	.riifo-whoweneed-search .link-3 a::after {background: #ed2939;}
	.riifo-media-faqs .riifo-faqs-title:first-child  {padding-top: 40px;}
	.riifo-media-faqs .riifo-faqs-title  {padding-top: 50px;}
	.riifo-faqs-title strong {font-size: 30px;}
	.text-left-slide {width: 100%;}
	.leftitem-swiper .pic {width: 100%;margin-right: 0;}
	.riifo-index-warranty .title-2 {font-size: 26px;}
	.riifo-product-download-left .pic img{max-width: 200%;width: 200%;}
	.riifo-product-overview-nav a {padding: 10% 0;}


	.img-left {width: 100%;height: 50%;}
	.img-right {width: 100%;height: 50%;}
	.riifo-product-detail-content .text {left: 0;width: 90%;}
	.riifo-product-detail-content .text.right {left: auto;right: 5%;}
	.riifo-product-detail-nav.cur {display: none;}
	.riifo-product-detail-content .text.left {left: 5%;}
	.riifo-product-detail-content .text .riifo-text .text-2 {line-height: 22px;}
	.riifo-icon-item i {width: 60px;height: 60px;}
	.riifo-product-detail-content-pic-swiper .swiper-slide .title-1{font-size: 30px;}
	.riifo-product-detail-bottom-text-left {float: left;width:90%;margin-left:5%;padding-top: 8%;}
	.riifo-product-detail-bottom-text-left .pageturn-3 {margin: 20% 0;width: 80%;position: relative}
	.riifo-product-detail-bottom-text-right {width: 80%;margin: 50px 5% 50px 5%;float: left;}
	.riifo-product-overview,.riifo-product-related {padding: 10% 0;}
	.riifo-product-overview-item-swiper {padding-bottom: 15%;}
	.popup-window-content-scroll {height:auto;margin-top: 5%;padding-right:0;overflow: hidden;}
	.riifo-product-related-swiper {padding-bottom: 50px;}
	.riifo-product-download-left {width: 100%;}
	.riifo-product-download-left .text-1 {left: 5%;top: 50%;transform: translateY(-50%);width: 90%;}
	.riifo-product-download-left .text-3 {margin-top: 5%;}
	.riifo-product-download-right {width:90%;padding: 5%;}
	.riifo-product-download-right-content {height: auto;}
	.riifo-aboutus-bottom li {background-image: url(../images/yuan.png);background-repeat: no-repeat;background-position: -100px 1%;background-color: #ed2939;}
	.riifo-aboutus-items {display: none;}
	.riifo-aboutus-top{margin-bottom: 35%;}
	.riifo-page-trun.mt50 {margin-top: 0px}
	.riifo-page-trun {padding: 20px 0;}
	#Advantages .riifo-product-detail-content .text {top: 55%;transform:none;}
	.riifo-product-detail-content .text {top: 5%;transform:none;}
	.riifo-product-detail-content .text .riifo-text {font-size: 12px;line-height: 22px;}
	.riifo-product-detail-content .text .riifo-text .text-2 {font-size: 12px;line-height: 22px;}
	.riifo-product-detail-content .riifo-title h3 {font-size: 20px;}
	.riifo-product-detail-content .text.center {left: 5%;transform:none;top: 5%;}
	.detail-text {left: 5%;top: 1%;transform: none;width: 90%;padding:0;box-sizing: border-box;background: none;color: #fff;}
	.detail-text-item .text-2 {color: #fff;font-size: 13px;line-height: 20px;}
	.detail-text-item .title-1 {font-size: 20px;}
	.pic-point span {font-size: 14px;}
	.pic-point.point1 {left: -8%;bottom: 20%;}
	.pic-point.point2 {left: 60%;bottom: 25%;}
	.pic-point.point3 {left: 50%;bottom: 13%;text-align: right;}
	.pic-point.point3 strong {margin: 0;float: right;margin-top: -3%;}
	.detail-text-item {margin-top: 10%;}
	.riifo-yun1,.riifo-yun2,.riifo-yun3 {width: 100%;}
	.riifo-globtal-market-leader .riifo-content {width: 100%;}
	.riifo-product-overview-item {margin-bottom: 10px;}
	.riifo-globtal-market-leader-bottom #info {width: 90%;right: auto;margin: auto;margin-top: -80px;}
	.riifo-product-index {background: url('../images/b2.jpg') right top no-repeat;background-size: 200%;}

	.riifo-career-open-positions-item .riifo-learnmore-3 {position: relative;right: auto;top: auto;transform: none;margin-top: 30px;margin-bottom: 0px;}
	.riifo-about-whatwecare .riifo-title,.riifo-aboutus-top,.riifo-aboutus-bottom ul,.riifo-content, .riifo-aboutus-bottom ul, .riifo-media-references-data-choice, .riifo-media-references-list,.riifo-about-whatwecare-list,.riifo-page-banner-content .text-2, .riifo-services-logistics .riifo-title .riifo-text, .riifo-honor-top .riifo-text, .riifo-career-top .riifo-text,.riifo-services-aftersale .riifo-text,.riifo-text-linex,.riifo-career-whoweneed .riifo-text,.riifo-whoweneed-search,.riifo-media-deail .riifo-content {width: 90%;}
	.riifo-index-aboutus .riifo-title,.riifo-aboutus-items,.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper,.riifo-about-whatweare .riifo-content-top .riifo-content-top-left ,.riifo-about-whatweare .riifo-content-top .riifo-content-top-right,.riifo-about-an-nnovation-pioneer .riifo-content-left,.riifo-about-an-nnovation-pioneer .riifo-content-right,.riifo-about-history-item,.riifo-about-whatwecare .riifo-text, .riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text,.riifo-about-whatwecare-left,.riifo-about-whatwecare-right,.riifo-about-future .riifo-text,.riifo-about-future-item .img,.riifo-about-future-item .text,.riifo-contact-us .riifo-contact-left,.riifo-contact-us .riifo-contact-right,.riifo-contact-us .riifo-contact-left .riifo-text,.riifo-messages-item .rleft,.riifo-messages-item .right,.riifo-messages-item .riifo-learnmore a,.riifo-contact-map,.riifo-contact-office-item,.riifo-page-banner-content .text-3,.riifo-services-logistics-item .img,.riifo-services-aftersale-item,.riifo-services-bin-service .riifo-text,.riifo-services-bin-service-left,.riifo-technical-data-choice .riifo-data-search,.riifo-download-content-choice .riifo-data-search,.riifo-services-logistics-item .img-swiper,.riifo-media-references-item,.riifo-download-item,.riifo-video-item,.riifo-honor-left,.riifo-honor-right,.riifo-news-item.rni0,.riifo-news-item.rni1,.riifo-news-item.rni2,.riifo-news-item,.riifo-career-whyriifo-right,.riifo-career-content .riifo-career-top .riifo-text,.riifo-career-item.rci1 .img,.riifo-career-item,.riifo-career-open-positions-top.num4 .riifo-data-choice-item,.riifo-career-detail-left,.riifo-career-detail-right,.riifo-content-left,.riifo-content-right{width: 100%;}
	.riifo-aboutus-bottom .riifo-aboutus-bottom-swiper .swiper-slide li::before,.riifo-project-top .riifo-learnmore,.riifo-news-top .riifo-learnmore,.riifo-footer-content-center-left li,.riifo-page-banner-content .path,.riifo-future-icon-nav {display: none;}
	.riifo-index-solutions,.riifo-index-project,.riifo-index-news,.riifo-about-whatweare,.riifo-globtal-market-leader ,.riifo-about-history,.riifo-about-whatwecare,.riifo-about-future,.riifo-contact-office,.riifo-contact-us,.riifo-services-logistics,.riifo-services-aftersale .riifo-content,.riifo-services-bin-service,.riifo-media-references,.riifo-media-download-content,.riifo-media-faqs,.riifo-media-honor,.riifo-media-career,.riifo-career-detail{padding: 10% 0;}
	.riifo-index-solutions-item .text,.riifo-footer-content-bottom-right,.riifo-globtal-market-leader-bottom .left-icontext,.riifo-contact .riifo-contact-right,.riifo-services-logistics-item .text,.riifo-services-aftersale .riifo-content,.riifo-services-bin-service-right,.riifo-media-references-item.rmri0 .text,.riifo-career-item.rci1 .text {position: relative;left:auto;top: auto;width: 100%;transform:none;right: auto;}
	
	.riifo-media-references {padding: 20% 0 0 0;}
	.riifo-globtal-market-leader-bottom .left-icontext {width: 90%;margin: auto;}
	.riifo-contact-map {position: relative;} 
	.googlemap {width: 100%;height: 100%;position: absolute;right:0;top:0;z-index: 99;overflow: hidden;background: #ccc;}
	.riifo-news-bottom .title-2 {font-size: 18px;line-height: 28px;}
	.riifo-index-solutions-item .riifo-text,.riifo-aboutus-top .riifo-title .riifo-text,.riifo-news-bottom .text-3,.riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text,.right-addtext-item .text-2,.riifo-about-whatwecare-left .text-2,.riifo-about-future-item .text-2 li,.riifo-career-item .text-2 {font-size: 16px;line-height: 26px;}
	.riifo-product-detail-content .text .riifo-text,.riifo-product-detail-content .text .riifo-text .text-2  {font-size: 14px;line-height: 24px;}
	.riifo-an-nnovation-pioneer span,.riifo-an-nnovation-pioneer strong,.riifo-globtal-market-leader-bottom .left-icontext li span{font-size: 16px;}
	.riifo-index-solutions-item .riifo-text p{margin:0;padding:0;}
	.riifo-globtal-market-leader-bottom .left-icontext li strong,.right-addtext-item .title-1 {font-size: 24px;}
	.riifo-about-future-item .text-2 li::before {top: 18px;}
	
	@keyframes fudong1 {0% {left: -10%;opacity: 0;} 10% {left:1%;opacity: 1;}50% {left:5%;opacity: 1;} 90% {left: 30%;opacity: 1;}100% {left: 100%;opacity: 0;} }
	@keyframes fudong2 {0% {left: -20%;opacity: 0;} 10% {left:3%;opacity: 1;}50% {left:10%;opacity: 1;} 90% {left: 40%;opacity: 1;}100% {left: 100%;opacity: 0;} }
	@keyframes fudong3 {0% {left: -5%;opacity: 0;} 10% {left:2%;opacity: 1;}50% {left:7%;;opacity: 1;} 90% {left: 30%;opacity: 1;}100% {left: 100%;opacity: 0;} }


}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 













