@charset "utf-8";

@media screen and (min-width: 1025px) {
  html {
    min-width: 1200px;
  }
}


/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-weight: 300;font-family:Mont,Microsoft Yahei,Helvetica Neue,Arial;}
img {max-width: 100%;max-height:100%;margin: 0;padding: 0;border: 0;width: 100%;height: auto;}
header,nav,section,article,aside,footer {display: block;}
a{text-decoration:none;color:#222;-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;}
ul{ margin-block-start:0; margin-block-end:0; padding-inline-start: 0px;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;}
.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;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:0}
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;}


.cz-content {width: 90%;margin: 0 auto;}


.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}

.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;}


/* 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: -22px 0 0 0px;width:250px;height:50px;z-index: 11;display: block;}
.riifo-logo a {display: block;overflow: hidden;}
.riifo-logo a .default{ display: block;}
.riifo-logo a .hover{ display:none;}
nav{ display:inline-block!important;}
.riifo-header-nav {position: relative;}
.riifo-header-nav li{display: inline-block;position: relative;padding-right: 80px;}
.riifo-header-nav li:last-child{padding-right:0}
.riifo-header-nav li a{display:block;position: relative;font-size:18px; font-weight: 600; 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; font-size:20px;}
.riifo-header.hover .riifo-header-right .language a:hover i * {fill: #01468b!important;}
.riifo-header.hover .riifo-header-right .language a:hover span {color: #01468b;}
.riifo-header.hover .riifo-header-right .search a:hover i * {fill: #01468b!important;}


.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%; background:#ede8e7;}
.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:29%;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: #01468b;}


#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 #01468b;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-logo a .default{ display:none;}
.riifo-header.scroll-down .riifo-logo a .hover{ display:block;}
.riifo-header.scroll-top .riifo-logo a .default{ display:none;}
.riifo-header.scroll-top .riifo-logo a .hover{ display:block;}
.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.hover .riifo-logo a .default{ display:none;}
.riifo-header.hover .riifo-logo a .hover{ display:block;}
.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: #01468b;}
.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: 16px;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;}


/* 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: #01468b!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: #000;}
.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: #01468b;}
.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: #01468b;}
.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:#01468b;}
.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: #01468b;}
.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(0,62,117,.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 #01468b;}
.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 #000;}
.riifo-solutions-nav-swiper,.riifo-news-bottom-right {border-bottom: 1px solid #888;border-top: 1px solid #888;}
.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 #01468b;}
.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 #01468b;} */
.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 #01468b;}
.riifo-data-search .search-input:focus,.riifo-an-nnovation-pioneer li:hover {border-bottom: 1px solid #01468b;}
.riifo-more a:hover i,.riifo-project-bottom-swiper .riifo-index-project-pagination .swiper-pagination-bullet::before  {border: 2px solid #01468b;}
.riifo-learnmore a:hover  {border: 1px solid #01468b;}
.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);}

	 

/* footer */
.cz-footer {background: #f2f4f7;padding-top:80px;overflow: hidden;color: #000;clear: both;}
.cz-footer .cz-content {width: 90%;margin: 0 auto;}
.cz-footer-content-top {overflow: hidden;padding-bottom:30px;}
.cz-footer-content-top-left {float: left;width: 70%;margin-left: 30px;}
.cz-footer-content-top-left ul{list-style: none;float: left;width:22%;margin: 0;margin-right:4%;padding: 0;}
.cz-footer-content-top-left ul:last-child {margin-right: 0;}
.cz-footer-content-top-left ul h3{font-size: 16px;color: #26334c;font-weight: normal;border-bottom: 1px solid #d9dbde;padding-bottom: 20px;margin: 0 0 10px 0;}
.cz-footer-content-top-left ul h3 a {color: #26334c; font-size:18px; font-weight:bold;}
.cz-footer-content-top-left ul li{list-style: none;margin: 0;padding:7px 0;}
.cz-footer-content-top-left ul li a{font-size: 16px;color: #666e80;}
.cz-footer-content-top-left ul li a:hover {color: #01468b;}
.cz-footer-content-top-right {float: right;width:23%;text-align: right;margin-right: 30px;}
.cz-footer-content-top-right .title-1{font-size: 16px;color: #666e80;padding: 10px 0;}
.cz-footer-content-top-right .tel-2{font-size: 30px;color: #26334c;}
.cz-footer-content-top-right .text-3{font-size: 16px;color: #666e80;padding: 10px 0;line-height:24px;}
.cz-footer-content-top-right .link-4{text-align: right;font-size: 0;margin-top: 10px;}
.cz-footer-content-top-right .link-4 img{ max-width:120px;}
.cz-footer-content-top-right .link-4 a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background-color: #a1a7b3;margin-left:5px;position: relative;}
.cz-footer-content-top-right .link-4 a:hover {background-color: #01468b;}
.cz-footer-content-top-right .link-4 a.wx{background-image: url('../images/wx.png');background-repeat: no-repeat;background-position: center;}
.cz-footer-content-top-right .link-4 a.qq{background-image: url('../images/qq.png');background-repeat: no-repeat;background-position: center;}
.cz-footer-content-bottom {clear: both;font-size: 16px;color: #a1a7b2;border-top: 1px solid #d9dbde;padding:30px 0;margin: 30px 30px 0px 30px;position: relative; overflow: hidden;font-family: 'Barlow-Regular',Arial,Microsoft Yahei;}
.cz-footer-content-bottom a {font-size: 16px;color: #a1a7b2;font-family: 'Barlow-Regular',Arial,Microsoft Yahei;}
.cz-footer-content-bottom a img{ width: auto; max-width: none; max-height: none;}
.cz-footer-content-bottom a.js {position: absolute;right: 0;top: 30px;}



 
/* index */
.cz-index-banner {position: relative;width: 100%;height: 100%;}
.cz-index-banner .swiper-slide {background: #000;} 
.cz-index-banner-container {position: relative;overflow: hidden;}
.cz-index-banner-container .text {position: absolute;width:900px;top: 40%;left:6%;z-index: 10;color: #fff;}
.cz-index-banner-container .text .title-1 {font-size: 60px;font-weight: bold;transform:translateY(200px);opacity:0;transition:all 0.2s;}
.cz-index-banner-container .text .title-2 {font-size: 24px;padding-top: 10px;letter-spacing: 2px;transform:translateY(200px);opacity:0;transition:all 0.5s;}
.cz-index-banner-container .text .viewmore-3 {margin-top: 60px;transform:translateY(200px);opacity:0;transition:all 0.9s;}
.cz-index-banner .swiper-slide-active .text .title-1,
.cz-index-banner .swiper-slide-active .text .title-2,
.cz-index-banner .swiper-slide-active .text .viewmore-3{transform:translateY(0px);opacity:1;}
.cz-index-banner .swiper-slide-active .img{animation: bigimgani 5000ms infinite ease-out;}
.cz-index-banner-container.center .text {left:50%;margin-left: -450px;text-align: center;}
.cz-index-banner-container.center .text .viewmore-3 {margin: 60px auto auto;}
.cz-index-banner .cz-index-banner-pagination {width: 100px;left: auto; right:2%;bottom: 5%;text-align: right;}
.cz-index-banner .cz-index-banner-pagination span.swiper-pagination-bullet{background: #fff;border-radius: 0;width: 1px;height:20px;transition:all .4s ease;margin: 0 7px;opacity: 1;}
.cz-index-banner .cz-index-banner-pagination span.swiper-pagination-bullet-active {height: 30px;}
.cz-index-banner-button-next,.cz-index-banner-button-prev {bottom: 4%;top: auto;background: none;z-index: 30;}
.cz-index-banner-button-next::after,.cz-index-banner-button-prev::after {display: none;}
.cz-index-banner-button-next::before,.cz-index-banner-button-prev::before {color: #fff;font-size: 16px;letter-spacing: 2px;}
.cz-index-banner-button-next::before {content: 'NEXT';}
.cz-index-banner-button-prev::before {content: 'PREV';}
.cz-index-banner-button-next {left: auto;right: 50%;margin-right: -200px;}
.cz-index-banner-button-prev {left: 50%;right: auto;margin-left: -200px;}
.cz-index-banner-scroll{width: 62px;height: 26px;position: absolute;left: 2%;bottom: 5%;z-index: 20;background: url('../images/scroll.png') center no-repeat;}
.cz-index-banner-progress-bar {width: 260px;height: 2px;position: absolute;bottom:6%;left: 50%;margin-left: -130px;z-index:20;}
.cz-index-banner-progress-bar::after {content: '';position: absolute;width: 100%;height: 2px;background: #fff;left: 0;top: 0;opacity: .2;z-index: 5;}
.cz-index-banner-progress-bar::before {content: '';position: absolute;width: 0;height: 2px;background: #fff;left: 0;top: 0;z-index: 10;-webkit-animation: w100 5000ms infinite ease;animation: w100 5000ms infinite ease;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1);}}
.viewmore-3 {width: 215px;display:block;margin: 0;}
.viewmore-3 a,.viewmore-3 div {display: block;color: #fff;text-align: center;padding: 17px 0 17px 0;overflow: hidden;font-size: 0;border: 1px solid rgba(255,255,255,.2);}
.viewmore-3 span {font-size: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;letter-spacing: 1px;}
.viewmore-3 i {display: inline-block;vertical-align: middle;width: 22px;height: 8px;background: url('../images/jt-r1.png') center no-repeat;}
.viewmore-3 a:hover {border: 1px solid rgba(255,255,255,1);}




.cz-index-product {position: relative;}
.cz-index-product .cz-content {overflow: hidden;width: 90%;position: absolute;left: 5%;top:150px;z-index: 10;}
.cz-index-product-left {width:35%;position: absolute;left: 0;bottom: 0;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 50px;line-height: 50px; color: #26334c;padding-left:30px;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:10px; background: url('../images/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 30px;color: #26334c;padding:5px 0 0 30px;}
.cz-index-product-nav {margin-top: 50px;position: relative;overflow: hidden;margin-left: 30px;width: 100%;width:calc(100% - 30px);}
.cz-index-product-nav::before,.cz-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}
.cz-index-product-nav::before {width: 100%;height: 1px;left: 0;top: 50%;}
.cz-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.cz-index-product-nav a{display: block;overflow: hidden;background:#f2f4f7;position: relative;float: left;width: 50%;box-sizing: border-box;padding: 5%;}
.cz-index-product-nav a i{display: block;position: relative;width: 50px;height: 50px;margin-bottom: 20px;overflow: hidden;}
.cz-index-product-nav a span{display: block;font-size: 16px;padding-bottom: 5px;color: #a1a7b2;}
.cz-index-product-nav a strong{display: block;font-size: 18px;color: #a1a7b2}
.cz-index-product-nav a.cur {background:#6666eb url('../images/ibg.jpg') right bottom no-repeat;background-size: cover;}
.cz-index-product-nav a.cur span{color: #fff;opacity: .6;}
.cz-index-product-nav a.cur strong{color: #fff;}
.cz-index-product-nav a.cur svg *{fill: #fff;}
#cz-indexbg {width: 100%;height: 940px;position: relative;overflow: hidden;}


.cz-index-product-right {float: right;width: 65%;}
.cz-index-product-swiper {position: relative;width: 100%;}
.cz-index-product-item {background: #000;position: relative;}
.cz-index-product-item a {display: block;overflow: hidden;color: #fff;}
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;color: #fff;}
.cz-index-product-item .text .top{width: 84%;margin: auto;position: absolute;left:8%;top:8%;}
.cz-index-product-item .text .top .title-1{font-size: 20px;}
.cz-index-product-item .text .top .title-2{font-size: 36px;padding: 10px 0;font-weight: bold;}
.cz-index-product-item .text .bottom{width: 84%;margin: auto;position: absolute;left:8%;bottom:8%;}
.cz-index-product-item .text .bottom .text-3{font-size: 16px;line-height: 24px;padding-bottom: 30px;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 2px solid rgba(255,255,255,.3);opacity: .6;}
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 16px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('../images/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03);}

.cz-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}
.cz-index-introduction-left {position: absolute;left:5%;bottom:10%;z-index: 10;width:55%;}
.cz-index-introduction-left .text-3 {font-size: 16px;line-height: 30px;color: #000;padding: 30px;width:66%;text-align: justify;}
.cz-index-introduction-left .viewmore-3 {padding: 30px;overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #01468b;background: #01468b;}
.cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #0f6abb;background: #0f6abb;}
.cz-index-introduction-left .viewmore-3 a:hover span{letter-spacing: 1px;}
.cz-index-introduction-left .item-4 {background: #fff;margin:30px 30px 0 30px;overflow: hidden;}
.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 5%;float: left;width:23%;position: relative;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight:600;}
.cz-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #000;margin: 10px 0;padding: 0;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;}


.riifo-index-solutions {padding: 4% 0;overflow: hidden;}
.riifo-content {width: 85%;margin: auto;position: relative; overflow: hidden;}
.riifo-title {position: relative;overflow: hidden;}
.riifo-title h3{ font-size:40px;}
.riifo-solutions-top {}
.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; text-align:center;}
.riifo-solutions-nav-item a{display: block;padding:30px 0;}
.riifo-solutions-nav-item i{display: block;width: 90px;height: 90px;margin: auto;position: relative;}
.riifo-solutions-nav-item i .none{opacity: 1;}
.riifo-solutions-nav-item i .block{opacity: 0;}
.riifo-solutions-nav-item p {padding:10px 0 0 0;margin: 0; color:#000;}
.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-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item a{ background:#01468b!important}
.riifo-solutions-nav-swiper .swiper-slide-thumb-active .riifo-solutions-nav-item p{ color:#fff!important}
.riifo-solutions-bottom {padding-top:50px;overflow: hidden;text-align: left;}
.riifo-index-solutions-item {position: relative;overflow: hidden;}
.riifo-index-solutions-item .text{position: absolute;left: 0;top: 50%;width: 37%;transform:translateY(-50%);}					
.riifo-index-solutions-item .title-1{padding-bottom: 10px; font-size:25px; font-weight:bold;}
.riifo-index-solutions-item .riifo-text{opacity: 1;padding-bottom: 0px;}
.riifo-index-solutions-item .riifo-text p{ font-size:16px; line-height:32px; color:#000;}
.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: 4% 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; font-size:25px;} 
.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;}



.cz-index-cooperative-customers {position: relative;}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('../images/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.cz-index-cooperative-customers-top a:hover {background: url('../images/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .5;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}


.cz-index-news {padding: 4% 0;overflow: hidden;}
.cz-index-news .cz-content{width: 90%;margin: 0 auto;}
.cz-index-news-top {position: relative;}
.cz-index-news-nav {position: absolute;right: 30px;bottom:3%;font-size: 0;}
.cz-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 18px;color: #000;position: relative;padding:0 5px 20px 5px;margin-left: 50px;}
.cz-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;}
.cz-index-news-nav a.cur{color:#01468b;}
.cz-index-news-nav a.cur::after {background: #01468b;}
.cz-index-news-nav a:first-child {margin-left:0px;}
.cz-index-news-bottom {position: relative;overflow: hidden;padding-top: 50px;margin-left: 30px;}
.cz-index-news-bottom .swiper-slide{ padding-right:30px;}
.cz-index-news-bottom .swiper-slide:nth-child(2){ margin-left:-29px;}
.cz-index-news-item {float: left;width: 30.99%;margin-right: 2.5%;}
.cz-index-news-item:last-child {margin-right: 0;}
.cz-index-news-item a{display: block;overflow: hidden;background: #f2f4f7;}
.cz-index-news-item .img {position: relative;/*background: #000;*/}
.cz-index-news-item .img img{width: 100vw!important; height: 32vh!important; object-fit: cover;}
.cz-index-news-item .text {padding:7%;overflow: hidden;}
.cz-index-news-item .text .date-1{font-size: 16px;color: #666e80;}
.cz-index-news-item .text .title-2{font-size: 18px;line-height: 30px; color: #26334c;min-height:60px;overflow: hidden;padding: 10px 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.cz-index-news-item .text .view-3{font-size: 16px;color: #666e80;}
.cz-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('../images/jt-r3.png') no-repeat;margin-left: 10px;}
.cz-index-news-item a:hover {background: #01468b;}
.cz-index-news-item a:hover .date-1,.cz-index-news-item a:hover .title-2,.cz-index-news-item a:hover .view-3{color: #fff;}
.cz-index-news-more {text-align: center;margin:30px 30px;}
.cz-index-news-more a {width: 100%;display:block;border: 1px solid #e6e8ed;color: #666e80;font-size: 16px;padding: 25px 0;overflow: hidden;}
.cz-index-news-more a i{display: inline-block;vertical-align: middle;background: url('../images/imore.png') no-repeat;width: 10px;height: 10px;margin-left:10px; }
.cz-index-news-more a:hover {border: 1px solid #01468b;color: #01468b;}
.cz-index-news-item a:hover .view-3 i {background:url('../images/jt-r4.png') no-repeat;}
.cz-index-news-item a:hover i {background: url('../images/imore1.png') no-repeat;}



/* product */
.cz-product {position: relative;}
.cz-banner-top {position: relative;overflow: hidden;}
.cz-banner-top .img {background-color: #000;background-size: cover;background-position: center;}
.cz-banner-top .img .mark{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.cz-banner-top .img{ animation: bgimgain 5000ms 1 ease-out;}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.cz-banner-top .text {text-align: center;color: #fff;position: absolute;left: 50%;width: 800px;margin-left: -400px;top:45%;z-index: 10;}
.cz-banner-top .text .title-1{font-size: 60px;text-transform: uppercase;}
.cz-banner-top .text .title-2{font-size: 30px;}
.cz-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.cz-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:30px 1% 30px 1%;float: left;width:19%;position: relative;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 5%;top: 50%;margin-top: -22.5px;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #01468b;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:16.66%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.cz-top-nav-item.num6 a {width:16.66666%;padding:30px 0;}
.cz-top-nav-item.num6 a i {left: 50%;right: auto;top:20%;margin-top: 0; margin-left: -25px;}
.cz-top-nav-item.num6 a strong {text-align: center;padding-top:60px;display: block;font-weight: normal;}


.cz-product-list {padding: 120px 0 0px 0;overflow: hidden;width:76%;margin: auto;}
.cz-product-list-item {float: left;width: 31%;overflow: hidden;margin:0 0 1% 1%;}
.cz-product-list-item a{display: block;overflow: hidden;background: #f2f4f7;position: relative;}
.cz-product-list-item .img {position: relative;}
.cz-product-list-item .img img.img-center{mix-blend-mode: multiply;}
.cz-product-list-item .text {text-align: center;padding: 30px 0;border-top: 1px solid #dfe1e6;width: 90%;margin: auto;overflow: hidden;}
.cz-product-list-item .text .title-1{font-weight: bold;font-size: 18px;color: #26334c;}
.cz-product-list-item a:hover .text .title-1{color: #01468b;}
.cz-product-list-item a:hover .img img.img-center {transform:scale(1.03);}

.cz-product-item {width: 48%;overflow: hidden;margin:1% 4% 60px auto;position: relative;float: left;}
.cz-product-item:nth-child(2n){ margin-right:0;}
.cz-product-item .img {position: relative;overflow: hidden;/*background: #000;*/z-index: 10;}
.cz-product-item .text {border: 1px solid #e8e8e8;padding: 5%;overflow: hidden;z-index: 1;} 
.cz-product-item .text::before,
.cz-product-item .text::after {content: '';width:600px;height:600px;border-radius:100%;background:#fff;opacity:.1;position:absolute;z-index:1;}
.cz-product-item .text::after{left:-65%;top:-25%;transition:all .6s ease;}
.cz-product-item .text::before {left:-20%;top: -150%;transition:all .4s ease;}
.cz-product-item .title-1 {font-size: 24px;color:  #26334d;line-height: 60px;font-weight: bold;position: relative;z-index: 20; float:left;} 
.cz-product-item .viewmore-3 {border: 1px solid #e8e8e8;padding:15px 0px 20px 20px;position: relative;z-index: 20; display:inline-block; float:right; width:140px;} 
.cz-product-item .viewmore-3 span{color: #8a8f99;} 
.cz-product-item .viewmore-3 i {background: url(../images/jt-r2.png) center no-repeat;opacity: .4;}
.cz-product-item a:hover .text{background: #01468b;}
.cz-product-item a:hover .text .title-1{color: #fff;}
.cz-product-item a:hover .viewmore-3 {background: #fff;}
.cz-product-item a:hover .viewmore-3 span{color: #01468b;}
.cz-product-item a:hover .viewmore-3 i {background: url(../images/jt-r5.png) center no-repeat;opacity:1;}
.cz-product-item a:hover .text::after{left:-45%;top:-25%;}
.cz-product-item a:hover .text::before {left:-10%;top: -100%;}
.cz-product-item a:hover .img img.img-center {transform:scale(1.03);}


.cz-product-detail {padding: 200px 0 0px 0;overflow: hidden;}
.cz-product-detail .cz-content{width: 90%;width:calc(90% - 60px);padding:0 30px; }
.cz-product-detail-left{float: left;width: 50%;background: #000;overflow: hidden;}
.cz-product-detail-swiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.cz-product-detail-swiper .img{}
.cz-product-detail-swiper .swiper-button-next,.cz-product-detail-swiper .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 0; margin: auto;width: 95px;height: 60px;z-index: 10;}
.cz-product-detail-swiper .swiper-button-next::after,.cz-product-detail-swiper .swiper-button-prev::after {display: none;}
.cz-product-detail-swiper .swiper-button-next {right: 0;background: url('../images/jt-r1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-prev {right:96px;background: url('../images/jt-l1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-next:hover {background: url('../images/jt-r1.png') center no-repeat #01468b;}
.cz-product-detail-swiper .swiper-button-prev:hover {background: url('../images/jt-l1.png') center no-repeat #01468b;}
.cz-product-detail-right {float: left;width: 45%;padding: 2% 0 5% 5%;overflow: hidden;}
.cz-product-detail-right .title-1{font-size: 40px; font-weight: bold; color: #01468b;}
.cz-product-detail-right .title-2{font-size: 28px;color: #26334c;}
.cz-product-detail-right .text-3{padding: 30px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 15px;color: #666e80;line-height: 30px;text-align: inherit; text-align: justify;}
.cz-product-detail-right .buttom-4{margin-top: 20px;overflow: hidden;}
.cz-product-detail-right .buttom-4 a{display: block;float: left;width: 100px;height: 60px;line-height: 60px;padding: 0 35px;color: #fff;font-size: 16px;font-weight: bold;position: relative;margin-right: 10px;}
.cz-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.cz-product-detail-right .buttom-4 a.bofang{background: #e63939;}
.cz-product-detail-right .buttom-4 a.zhixun{background: #01468b;}
.cz-product-detail-right .buttom-4 a.bofang i {background: url('../images/play1.png') center no-repeat;}
.cz-product-detail-right .buttom-4 a.zhixun i {background: url('../images/xiaoxi.png') center no-repeat;}
.cz-product-detail-right .buttom-4 a.bofang:hover {background: #c43131;}
.cz-product-detail-right .buttom-4 a.zhixun:hover {background: #0f6abb;}


.cz-product-detail-content {padding: 0 0 50px 0;overflow: hidden;}
.cz-product-detail-content .cz-content{}
.cz-detail-content {margin: 30px;}
.cz-detail-content .title-1 {font-size: 24px;color: #26334d;font-weight: bold; position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{text-align: center;padding-top: 100px;overflow: hidden;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;/*border: 1px solid #e6e8ed;*/}
.cz-detail-content .parameter-2 .item-3 {background: #ffffff;border-bottom: 1px solid #f2f4f7;overflow: hidden;}
.cz-detail-content .parameter-2 .item-3:hover {background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 18px;}
.cz-detail-content .parameter-2 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:40%;margin: 0;padding: 0;padding: 25px 5%;}
.cz-detail-content .parameter-2 .item-3 li:first-child{width:20%;}

.cz-product-detail-content.characteristic {background: url('../images/characteristic.jpg') center no-repeat;background-size: cover;}
.cz-product-detail-content.characteristic .title-1{border-bottom: 2px solid #2a344b;}
.cz-product-detail-content.characteristic .title-1,.cz-product-detail-content.characteristic .title-1 i {color: #fff;}
.cz-product-detail-content.characteristic .characteristic-3 {margin-top: 30px;overflow: hidden;}
.characteristic-3 .item-4{color: #fff;border: 2px solid #2a344b;box-sizing: border-box;float: left;width:32.5%;padding:2.5% 3%;overflow: hidden;margin:1% 1% 1% 0;}
.characteristic-3 .item-4:nth-child(3),.characteristic-3 .item-4:nth-child(6),.characteristic-3 .item-4:nth-child(9),.characteristic-3 .item-4:nth-child(12),.characteristic-3 .item-4:nth-child(15) {margin:1% 0 1% 0;}
.characteristic-3 .item-4 .text-1{font-size: 18px;position: relative;padding-bottom: 20px;border-bottom:1px solid #3f485d;font-weight: bold;}
.characteristic-3 .item-4 .text-2{padding: 20px 0 0 0;overflow: hidden;height: 130px;}
.characteristic-3 .item-4 .text-3{font-size: 16px;line-height: 26px;color: #babcc0;max-height: 130px;padding-right: 10px; overflow: auto;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar{height:4px; width:2px;background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-track {background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-thumb {background: #fff;}   


/* technology */
.cz-technology {overflow: hidden;}
.cz-technology-advantages {padding: 150px 0 120px 0;overflow: hidden;background: url('../images/technologybg.jpg') center no-repeat;background-size: cover;}
.cz-top-nav-two {width: 85%;width:calc(85% - 60px);left:5%;margin:0 30px;bottom: -128px;padding: 0 2.5%;position: absolute;background: #eef0f3;z-index: 20;}
.cz-top-nav-tow-nav {position: relative;overflow: hidden;display: none;}
.cz-top-nav-tow-nav.cur {display: block;}
.cz-top-nav-tow-nav a{font-size: 16px;color: #666e80;display: block;float: left;padding: 20px 0;margin-right: 40px;position: relative;}
.cz-top-nav-tow-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width:0;height: 1px;background: #666f80;transition:all .4s ease;}
.cz-top-nav-tow-nav a:hover::after {width: 100%;}

.cz-technology-advantages .cz-content {width: 90%;}
.cz-technology-advantages-left {position: relative;float: left;width:45%;margin-left: 30px;overflow: hidden;}
.cz-technology-advantages-left .video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;background: #000;overflow: hidden;}
.cz-technology-advantages-left .video video {object-fit: cover;}
.cz-technology-advantages-left .img{background: #000;}
.cz-technology-advantages-right {position: relative;float: right;width: 48%;padding: 3% 0 0 0;overflow: hidden;}
.cz-technology-advantages-right .text-1 {font-size: 15px;line-height: 30px;color: #666e80;overflow: hidden;margin: 30px;border-top: 2px solid #e6e7ed;padding: 30px 0;text-align: justify;}
 
.cz-technology-cases {padding: 130px 0 80px 0;overflow: hidden;background: url('../images/technologybg1.jpg') center no-repeat;background-size: cover;}
.cz-technology-cases .cz-content {width: 87%;}
.cz-technology-cases-top {color: #fff;overflow: hidden;position: relative;}
.cz-technology-cases-top::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #3c465e;}
.cz-technology-cases-top p{font-size: 16px;color: #babbc0;margin: 0;padding: 5px 0;}
.cz-technology-cases-top strong{font-size: 30px;display: inline-block;position: relative;padding-bottom:30px;}
.cz-technology-cases-top strong::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #01468b;z-index: 2;}

.cz-technology-cases-center {padding: 50px 0  0 0;overflow: hidden;color: #fff;}
.cz-technology-cases-center-left {float: left;width: 45%;}
.cz-technology-cases-center-left-item {margin: 30px 0;overflow: hidden;}
.cz-technology-cases-center-left-item .title-1{font-size: 24px;position: relative;padding: 20px 0;overflow: hidden;}
.cz-technology-cases-center-left-item .title-1::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #fff;opacity: .2;}
.cz-technology-cases-center-left-item .title-1 strong{font-weight: normal;}
.cz-technology-cases-center-left-item .title-1 i{width: 20px;height: 20px;font-style: normal;font-size: 20px;text-align: center;position: absolute;right: 0;top:50%;margin-top: -10px;}
.cz-technology-cases-center-left-item .text-2 {padding-top: 30px;overflow: hidden;opacity: .8;line-height: 30px;font-size: 15px;text-align: justify;}
.cz-technology-cases-center-right {float: right;width: 50%;}
.cz-technology-cases-center-right .img {width: 100%;height:600px;}

.cz-technology-cases-bottom {padding: 50px 0  0 0;overflow: hidden;color: #fff;}
.cz-technology-cases-bottom-left {float: left;width: 30%;overflow: hidden;}
.cz-technology-cases-bottom .title-1,.cz-technology-cases-bottom .title-2  {color: #fff;}
.cz-technology-cases-bottom .item-nav-2 {overflow: hidden;margin: 30px;padding-top: 30px;}
.cz-technology-cases-bottom .item-nav-2 a{display: inline-block;overflow: hidden;position: relative;padding:10px 0;font-size: 20px;font-weight: bold;color: #8f9199;clear: both;margin-top: 20px;}
.cz-technology-cases-bottom .item-nav-2 a::after{content: '';width: 0;height: 2px;background: #01468b;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.cz-technology-cases-bottom .item-nav-2 a.cur,.cz-technology-cases-bottom .item-nav-2 a:hover {color: #fff;}
.cz-technology-cases-bottom .item-nav-2 a.cur::after{width: 100%;}
.cz-technology-cases-bottom-right {float: right;width: 55%;overflow: hidden;}
.cz-success-case-item {color: #b9babe;padding-bottom: 50px;overflow: hidden;}
.cz-success-case-item .item-2 {float: left;width: 45%;overflow: hidden;margin-bottom: 30px;}
.cz-success-case-item .item-2.c2 {float: right;}
.cz-success-case-item .item-2 .img{border: 2px solid #fff;background: #000;}
.cz-success-case-item .text-3 {line-height: 30px;font-size: 16px;padding: 20px 0;}
.cz-success-case-item .text-3 strong {color: #fff;font-weight: bold;font-size: 20px;}
.cz-success-case-item .title-4{color: #b9babe;clear: both;font-size: 18px;border-top: 2px solid rgba(255,255,255,.2);padding:30px 0 0 0;overflow: hidden;}


.cz-technology-parameters {}
.cz-technology-parameters .cz-content{width:77%;background: #fff;padding:1% 5% 2% 5%;overflow: hidden;margin-bottom: 100px;}
.cz-parameters-item {overflow: hidden;padding:60px 0 20px 0;}
.cz-parameters-item .title-1{font-size: 24px;position: relative;padding: 20px 0;overflow: hidden;}
.cz-parameters-item .title-1::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: #e6e8ed;}
.cz-parameters-item .title-1 strong{font-weight: normal;}
.cz-parameters-item .title-1 i{width: 20px;height: 20px;font-style: normal;font-size: 20px;text-align: center;position: absolute;right: 0;top:50%;margin-top: -10px;}
.cz-parameters-item .item-4 {padding-top:50px;overflow: hidden;text-align: center;}
.cz-parameters-item .item-4 li{list-style: none;padding: 20px 0 ;margin: 0;display: inline-block;vertical-align: top;width: 24%;}
.cz-parameters-item .item-4 li i{display: block;width: 120px;height:120px;position: relative;margin: auto;border: 2px dotted rgba(96,96,234,.6);border-radius: 100%;}
.cz-parameters-item .item-4 li p{display: block;font-size: 18px;color: #666e80;margin: 0;padding: 30px 0 10px 0;}
.cz-parameters-item .item-4 li strong{display: block; font-size: 20px;color: #26334c;}
.cz-parameters-item .item-4.num3 li{width: 33%;}
.cz-parameters-item .swiper-5 {margin-top: 20px;overflow: hidden;}
.cz-technology-patent-swiper {overflow: hidden;padding: 20px 0 50px 0;}
.cz-technology-patent-swiper a{display: block;overflow: hidden;background: #f2f4f7;}
.cz-technology-patent-swiper .text{float: left;width: 40%;padding-top:17%;padding:17% 5% 0 5%;}
.cz-technology-patent-swiper .text span{display: block;position: relative;font-size: 16px;color: #26334d;padding-bottom: 20px;}
.cz-technology-patent-swiper .text span::after{content: '';width:30px;height: 2px;background: #01468b;position: absolute;left: 0;bottom: 0;}
.cz-technology-patent-swiper .text strong{font-weight: normal;font-size: 18px;color: #26334d;display: block;line-height: 28px;padding-top: 20px;}
.cz-technology-patent-swiper .img{float: left;width: 50%;}
.cz-technology-patent-swiper .img::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;background: url('../images/jiea.png') center no-repeat #01468b;z-index: 20;display: none;}
.cz-technology-patent-swiper .img img.img-center {max-width: 70%;max-height:85%;}
.cz-technology-patent-swiper a:hover .img::before {display: block;}
.cz-technology-patent-swiper a:hover strong{color: #01468b;}
.cz-technology-patent-swiper a:hover .text{padding:17% 5% 0 5.2%;width: 39%;}
.cz-technology-patent-swiper .swiper-pagination-bullet {background: #a8adb8;border-radius: 0;}
.cz-technology-patent-swiper .swiper-pagination-bullet-active {background: #01468b;}

.cz-technology-section {position: relative;overflow: hidden;}
.cz-technology-section .top{width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;text-align: center;z-index: 10;}
.cz-technology-section .top .title-1 {font-size: 16px;opacity: .6;padding: 10px 0;}
.cz-technology-section .top .title-2 {font-size: 36px;padding-bottom:30px;}

.cz-technology-cases-list {padding-top:100px;overflow: hidden;}
.cz-technology-cases-list-item {float: left;width:24%;overflow: hidden;position: relative;padding-top: 110px;margin-bottom: 3%;margin-right: 8%}
.cz-technology-cases-list-item:last-child {margin-right: 0;}
.cz-technology-cases-list-item .img{border: 2px solid #fff;position: relative;z-index: 10;}
.cz-technology-cases-list-item .text-1{position: absolute;left: 0;top: 0;font-size: 200px;line-height:150px; z-index: 1;color: #0a1533;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;opacity: .2;}
.cz-technology-cases-list-item .text-2{padding:20px 0;overflow: hidden;}
.cz-technology-cases-list-item .text-2 strong{color: #989aa1;font-size: 20px;}



/* service */
.cz-service {position: relative;}
.cz-service-content {padding: 210px 0 170px 0;overflow: hidden;background: #f2f4f7 url('../images/service1.jpg') center no-repeat;}
.cz-service-content .cz-content{width: 90%;}
.cz-service-content .text-1{font-size: 22px;line-height: 40px;color: #26334d;margin: 0 30px;}
.cz-service-content .item-3 {margin: 30px;}
.cz-service-content .item-3 li {list-style: none;width: 80px;height: 80px;float: left;position: relative;border: 1px dotted #ccc;border-radius: 100%;}
.cz-service-content .item-3 li i{display: block;position: relative;width:64px;height: 64px;margin: 7px;border-radius: 100%;border: 1px solid #ccc;overflow: hidden;}
.cz-service-content .item-3 li i svg {max-width: 70%;max-height: 70%;}
.cz-service-content .item-3 li:hover i{background: #01468b;}
.cz-service-content .item-3 li:hover svg * {fill:#fff;}
.cz-service-content .item-3 li:hover {border: 1px dotted #01468b;}
.cz-service-content .item-3 .linex {width:80px;height: 80px;background: url('../images/linex.png') center no-repeat;float: left;}

.cz-service-list {clear: both;overflow: hidden;/*background: #f2f4f7;*/}
.cz-service-list .cz-content{width: 90%; padding-top:80px; padding-bottom:50px;}
.cz-service-item {overflow: hidden;position: relative;margin:0 30px 20px 30px;}
.cz-service-item .cz-service-item-left {float: left;width:48%;background: #000;}
.cz-service-item .cz-service-item-right {width:52%;height: 100%;position: absolute;right: 0;top: 0;}
.cz-service-item .text-1{font-size: 16px;color: #26334c;position: absolute;left: 10%;top: 10%;}
.cz-service-item .text {position: absolute;left: 15%;width: 80%;overflow: hidden;top: 50%;transform: translateY(-50%);}
.cz-service-item .text .title-2 {position: relative;padding-top: 60px;}
.cz-service-item .text .title-2 strong{font-size: 36px;color: #26334c;position: relative;z-index: 2;}
.cz-service-item .text .title-2::before {content: '';position: absolute;top: 0;width:100px;height:87px;background:url('../images/syh.png') left top no-repeat;}
.cz-service-item .text .title-2::after {content: '';display: block;width: 25px;height:3px;margin:30px 0;background: #01468b;}
.cz-service-item .text .item-3{overflow: hidden;font-size: 18px; line-height:32px; color: #666e80;}
.cz-service-item .text .item-3 li{list-style: none;margin: 0;padding: 0;padding: 10px;position: relative;}
.cz-service-item .text .item-3 li::before {content: '';width:4px;height:4px;background: #666f80;position: absolute;top: 19px;left: 0;}
.cz-service-list .cz-service-item:nth-child(2n) .cz-service-item-left {float: right;}
.cz-service-list .cz-service-item:nth-child(2n) .cz-service-item-right  {right: auto;left: 0;}

.cz-service-video {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-video .cz-content{width: 90%;}
.cz-service-video-nav {margin: 30px;overflow: hidden;position: relative;}
.cz-service-video-nav::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-service-video-nav a{display: block;float: left;color: #a1a7b2;font-size: 24px;padding-bottom: 20px;margin-right: 50px;overflow: hidden;position: relative;}
.cz-service-video-nav a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #01468b;z-index: 10; display: none;}
.cz-service-video-nav a.cur{color: #26334c;}
.cz-service-video-nav a.cur::after {display: block;}
.cz-service-video-nav a:hover {color: #26334c;}
.cz-service-video-list {margin: 30px;overflow: hidden;}
.cz-service-video-list .cz-service-video-item:nth-child(3),
.cz-service-video-list .cz-service-video-item:nth-child(6),
.cz-service-video-list .cz-service-video-item:nth-child(9) {margin:1% 0 2% 0;}
.cz-service-video-item {float: left;width: 30%;margin:1% 5% 2% 0;}
.cz-service-video-item a{display: block;overflow: hidden;}
.cz-service-video-item .img {position: relative;overflow: hidden;background: #000;}
.cz-service-video-item .img::before {content: '';width: 50px;height: 50px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;background: url('../images/play.png') center no-repeat;z-index: 20;margin: -25px 0 0 -25px;}
.cz-service-video-item .text{text-align: center;padding: 20px 0;font-size: 18px;font-weight: bold;color: #26334d;}
.cz-service-video-item a:hover .img img.img-center {transform:scale(1.03);opacity: .8;}
.cz-popup-window-content.cz-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.cz-popup-window-content.cz-video .cz-popup-close {background: url("../images/xx1.png") center no-repeat;background-size: 40%;}
.cz-popup-window-content.cz-video video {width: 100%;height: 100%;display: block;}

.cz-service-faq {clear: both;overflow: hidden;padding: 100px 0 10px 0;}
.cz-service-faq .cz-content {width: 90%;padding-bottom: 40px;}
.cz-faq-item {margin: 30px;overflow: hidden;}
.cz-faq-item .title-1{text-align: left;overflow: hidden;cursor: pointer;padding:2% 5%;position: relative; border: 1px solid #e6e8ed;background: #f2f4f7;font-size: 18px;color: #26334d;}
.cz-faq-item .title-1::before,.cz-faq-item .title-1::after {content: '';position: absolute;top:50%;width: 50px;height: 50px;margin-top: -25px;}
.cz-faq-item .title-1::before {background: url('../images/q.png') center no-repeat;left:2%;}
.cz-faq-item .title-1::after{background: url('../images/jiae.png') center no-repeat;right: 3%;} 
.cz-faq-item .title-1.cur::after{background: url('../images/jian.png') center no-repeat;right: 3%;} 
.cz-faq-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;border-bottom: 1px solid #e6e8ed;} 
.cz-faq-item .title-1:hover,.cz-faq-item .title-1.cur{background: #e9ebf0;}
.cz-faq-item .main-2 .text-1 {position: relative;}
.cz-faq-item .main-2 .text-1::before {content: '';position: absolute;left: -37px;top:3px;width: 25px;height: 25px;background: url('../images/A.png') no-repeat;}




/* about */
.cz-about {position: relative;}
.cz-about-us {padding: 110px 0;overflow: hidden;background: #f3f5f8;background-size: cover;}
.cz-about-us .cz-content {width:90%; margin:0 auto;}
.cz-about-us-left {float: left;width: 48%;margin-left: 0px;}
.cz-about-us-right {float: right;width: 48%;margin:5% 0px 0 0;}
.cz-about-us-right .cz-title{}
.cz-about-us-right .introduction-1{font-size: 16px;line-height: 32px;color: #666e80;margin: 30px 0 30px 30px;padding: 3% 0;overflow: hidden;border-top: 2px solid #e6e8ed;text-align: justify;}
.cz-about-us-right .item-3 li{list-style: none;margin: 0;padding:0 5%;float: left;width:23.33%;position: relative;}
.cz-about-us-right .item-3 li::after {content: '';width: 1px;height: 100%;background: #dbdde0;position: absolute;right:10%;top: 0;}
.cz-about-us-right .item-3 li:last-child::after {display: none;}
.cz-about-us-right .item-3 li i{display: block;width: 40px;height: 40px;position: relative;}	
.cz-about-us-right .item-3 li h2{display: block;margin: 5px 0;padding: 0;}
.cz-about-us-right .item-3 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: 600;}
.cz-about-us-right .item-3 li h2 sup{font-size:30px;font-weight: normal;}
.cz-about-us-right .item-3 li p{display: block;font-size: 15px;color: #666e80;margin:7px 0;padding: 0;}
.cz-about-us-right .item-3 li i svg *{fill:#01468b}



.cz-culture {padding: 110px 0 10px 0;overflow: hidden;}
.cz-culture .cz-content {width:90%; margin:0 auto;}
.cz-culture-content {margin: 60px 0;overflow: hidden;position: relative; }
.whlist {
  margin: 50px -12px 0;
  font-size: 0;
  text-align: center;
  padding-inline-start: 0;
}
.whlist li {
  display: inline-block;
  width: 24.9%;
  position: relative;
}
.whlist li .lin {
  padding: 0 12px;
}
.whlist li a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 10px 0 30px;
}
.whlist li:hover a {
  border-color: #334a9a;
}
.whlist i {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: 20px 20px;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
/*.whlist i.bg1 {
  background-image: linear-gradient(45deg, #334a9a 50%, transparent 0);
  -webkit-transform: translate(-20%, 0%);
          transform: translate(-20%, 0%);
}
.whlist i.bg2 {
  background-image: linear-gradient(45deg, transparent 50%, #334a9a 0);
  -webkit-transform: translate(20%, 0%);
          transform: translate(20%, 0%);
}*/
.whlist i.bg1 {
  background: #334a9a;
}
.whlist i.bg2 {
  background: #334a9a;
}
.whlist li:hover i.bg1,
.whlist li:hover i.bg2 {
  opacity: 1;
  background: #01468b;
}
.whlist .tupian {
  width: 100%;
  height: 222px;
  position: relative;
  background: url('../images/zuan1.png') bottom no-repeat;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li:hover .tupian {
  background-image: url('../images/zuan1h.png');
}
.whlist .hex {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 114px;
  height: 113px;
  -webkit-transition: 2s;
  transition: 2s;
  background: url('../images/hex1.png') center no-repeat;
  margin-left: -57px;
  margin-top: -57px;
}
.whlist li:hover .hex {
  background-image: url('../images/hex1h.png');
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.whlist .pic {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
}
.whlist .pic .fig {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.whlist .i1 .p1 .fig {
  background: url('../images/wh1.png') center no-repeat;
}
.whlist .i1 .p2 .fig {
  background: url('../images/wh1h.png') center no-repeat;
}
.whlist .i2 .p1 .fig {
  background: url('../images/wh2.png') center no-repeat;
}
.whlist .i2 .p2 .fig {
  background: url('../images/wh2h.png') center no-repeat;
}
.whlist .i3 .p1 .fig {
  background: url('../images/wh3.png') center no-repeat;
}
.whlist .i3 .p2 .fig {
  background: url('../images/wh3h.png') center no-repeat;
}
.whlist .i4 .p1 .fig {
  background: url('../images/wh4.png') center no-repeat;
}
.whlist .i4 .p2 .fig {
  background: url('../images/wh4h.png') center no-repeat;
}
.rollover {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
  overflow: visible!important;
  -webkit-transition: 1s;
  transition: 1s;
}
.rollover .p1,
.rollover .p2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.rollover .p2 {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
li:hover .rollover {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.whlist li .wz {
  position: relative;
  z-index: 3;
  margin-top: 24px;
}
.whlist li h3 {
  font-size: 24px;
  color: #01468b;
  line-height: 44px;
  height: 44px;
  overflow: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .hx {
  width: 38px;
  height: 2px;
  background-color: #01468b;
  margin: 26px auto 20px;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .txt {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  height: 108px;
  max-width: 250px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-transition: .5s;
  transition: .5s;
}
.whlist li .txt span {
  display: inline-block;
}
.whlist li:hover h3 {
  color: #fff;
}
.whlist li:hover .txt {
  color: #fff;
}
.whlist li:hover .hx {
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .wenhua {
    border-top-left-radius: 200px;
  }
}
@media screen and (max-width: 1023px) {
  .wenhua {
    padding: 100px 0 140px;
  }
  .whlist li {
    width: 100%;
    margin-top: 24px;
  }
  .whlist .tupian {
    height: 160px;
  }
  .whlist li .wz {
    margin-top: 0;
  }
  .whlist li .hx {
    margin-top: 14px;
  }
}
@media screen and (max-width: 750px) {
  .wenhua {
    padding: 80px 0 100px;
    border-top-left-radius: 100px;
  }
}
@media screen and (max-width: 640px) {
  .whlist li h3 {
    font-size: 18px;
    line-height: 32px;
    height: 32px;
  }
  .whlist li .txt {
    font-size: 16px;
    line-height: 30px;
    height: 90px;
  }
}

.cz-history {padding: 100px 0 50px 0;overflow: hidden;background: url('../images/history1.jpg') center no-repeat;background-size: cover;}
.cz-history .cz-content {width:100%;}
.cz-history .cz-content .cz-title {margin-left:5%;}
.cz-history .cz-content .cz-title .title-1,.cz-history .cz-content .cz-title .title-2 {color: #fff;}
.cz-history-content {margin: 60px 0;overflow: hidden;position: relative;cursor: url("../images/move.png"),default!important;}
.cz-history-swiper {background: url("../images/line.png") repeat-x left 87px;}
.cz-history-item {color: #fff;font-size: 16px;width:90%;margin: 0;opacity: .5;transition:all .4s ease;}
.cz-history-item .date-1{font-size: 40px;}
.cz-history-item .date-1 i{display: block;width:2px;height: 30px;background: #666;margin:20px 0 0 3px;position: relative;}
.cz-history-item .date-1 i::before {content: '';width: 8px;height:8px;border-radius: 100%;position: absolute;left: -3px;bottom: 0;background: #666;}
.cz-history-item .text-2 {overflow: hidden;position: relative;margin: 14px 3px;}
.cz-history-item .text-2::before {content: '';background: url('../images/kuang.png') no-repeat;width: 100%;height: 37px;position: absolute;left: 0;top:5px;z-index: 10;}
.cz-history-item .text-2 ul {list-style: none;border: 2px solid #6f7483;padding:0 5%;margin-top: 19px;}
.cz-history-item .text-2 li{list-style: none;margin: 0;padding:20px 0;border-bottom: 1px solid #3c445a;}
.cz-history-item .text-2 li:last-child {border: none;}
.cz-history-item .text-2 li p{margin: 5px 0;}
.cz-history-item:hover {opacity: 1;}
.cz-mouse-drag {background: url('../images/mous.png') no-repeat;width: 130px;height: 16px;position: absolute;right:10%;top:55%;}

.cz-honor {background: #f2f4f7 url('../images/honor1.jpg') repeat-x top;overflow: hidden;}
.cz-honor .cz-content {background: #fff;width:80%;padding: 5%;overflow: hidden;position: relative;}
.cz-honor .cz-content .cz-title {float: left;}
.cz-honor-nav {text-align: right;float: right;margin-top: 20px;}
.cz-honor-nav a{text-align: center;display: inline-block;color: #a1a7b2;border: 1px solid #e6e8ed;padding:10px 30px;}
.cz-honor-nav a strong{display: block;font-weight: normal;font-size: 24px;}
.cz-honor-nav a span{display: block;padding:5px 0;font-size: 16px;}
.cz-honor-nav a.cur,.cz-honor-nav a:hover {color: #01468b;border: 1px solid #01468b;}
.cz-honor-content {overflow: hidden;clear: both;margin: 0 0 0 30px;padding: 50px 0 0 0;}
.cz-honor-list {overflow: hidden;width: 100%;height: 100%;}
.cz-honor-list-swiper {padding-bottom: 100px;}
.cz-honor-list-swiper .honor {background: #f0f2f7;position: relative;}
.cz-honor-list-swiper .honor a {display: block;overflow: hidden;margin-top: 10px;}
.cz-honor-list-swiper .honor a:hover {margin-top: 0px;}
.cz-honor-list-swiper .honor .text{text-align: center;font-size:15px;color:#666e80;padding:20px 0;;width: 80%;margin: auto;border-top: 1px solid #e6e8ed;overflow: hidden;}
.cz-honor-list-swiper .honor .img i{opacity: 0;content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;background: url('../images/jiea.png') center no-repeat #01468b;z-index: 20;}
.cz-honor-list-swiper .honor .img img.img-center {max-width: 75%;max-height: 70%;}
.cz-honor-list-swiper .honor a:hover .img i {opacity: 1;}
.cz-honor-list-swiper .honor a:hover .text{color: #01468b;}
.cz-honor-progressbar {top:auto!important;right: auto;left: 0; bottom: 0;background: #f0f2f7;width:90%!important;height: 2px!important;}
.cz-honor-progressbar .swiper-pagination-progressbar-fill {background: #01468b!important;height: 2px!important;}
.cz-honor-next,.cz-honor-prev {left:auto;top: auto;bottom: 0;right: 0;border:1px solid #e6e8ed;width: 50px;height: 50px;opacity: 1;z-index: 20;}
.cz-honor-next::after,.cz-honor-prev::after {display: none;}
.cz-honor-prev {right: 51px;background: url('../images/jt-l2.png') center no-repeat;}
.cz-honor-next {background: url('../images/jt-r2.png') center no-repeat;}
.cz-honor-swiper-num {position: absolute;left: 0;bottom:3%;color: #a1a7b2;}
.cz-honor-swiper-num strong{font-weight: normal;font-size: 24px;color: #26334c;letter-spacing: 2px;}
.cz-honor-swiper-num span{font-size: 16px;color: #a1a7b2;}


.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;width:auto;height: auto;}
.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/xx1.png) center no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}

.mation5{
margin-top:0;
width: 100%;
height:100%;
overflow:hidden;
position: relative;
background: url(../images/i15.png) center no-repeat #f9f9f9; padding-top:50px; padding-bottom:50px;
}
.mation5 .text{ text-align:center; font-size:30px; font-weight:bold; letter-spacing:5px; font-style:oblique}
.mation5 img{ max-width:100%;}

@media screen and (max-width: 1200px) {
.mation5 .text{ font-size:20px; line-height:30px; letter-spacing:0px; padding-bottom:20px;}
}
.zuzhi{ display:block;}
.zuzhi_m{ display:none;}

@media screen and (max-width: 1200px) {
.zuzhi{ display:none;}
.zuzhi_m{ display:block;}
}

.popup-container{
	z-index: 9999;
	width: 100%;
	height: 100%;
}

.img-flex{
margin:0 auto;
}
.img-flex ul{
	font-size: 0; 
}
.img-flex ul li{
	display: block;
	background-repeat: no-repeat;
	float: left;
	position: relative;
}


/* contact */
.Contact-our-team {padding: 140px 0 140px 0;overflow: hidden;}
.Contact-our-team .left{width: 45%;}
.Contact-our-team .left .title-style h5{color: #999;font-size: 16px;margin: 0;}
.Contact-our-team .left .title-style h2{margin: 0px 0 20px 0;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .item2{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0 20px 0;overflow: hidden;}
.Contact-our-team .left .item2 li {width: 50%;float: left;list-style: none;}
.Contact-our-team .left .item2 h3{font-size: 14px;margin: 0;color: #999999;font-weight: normal;}
.Contact-our-team .left .item2 h4{font-size: 20px;margin: 5px 0;color: #1a1a1a;font-weight: normal;}						
.Contact-our-team .left .annotation {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .right{width: 48%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;font-family: Mont,Microsoft Yahei,Helvetica Neue,Arial;}
.content-form li .submit1 {background: #01468b;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;border: none;}
.content-form li .submit1:hover {background: #0f6abb;}

.contact-bottom {position: relative;overflow: hidden;}
.contact-bottom .left{width: 50%;}
.contact-bottom .left .map{overflow: hidden;position: relative;}
.contact-bottom .left .map img{display: block;}
.contact-bottom .left .map iframe{border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-bottom .right{width: 35%;position: absolute;height: 100%;right: 10%;top: 0;}
.contact-bottom .right .name{border-bottom: 4px solid #000;padding-bottom:20px;}
.contact-bottom .right .name h4{font-size: 20px;color: #01468b;margin: 0;text-transform: uppercase;}
.contact-bottom .right .name h2{font-size: 40px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.contact-bottom .right .content-way{}
.contact-bottom .right .content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:30px 0;}
.contact-bottom .right .content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.contact-bottom .right .content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.contact-bottom .right .content-way .item.item2 li:last-child::after {display: none;}
.contact-bottom .right .content-way .item.item2 li:last-child {width: 45%;margin-right:0;}
.contact-bottom .right .content-way .item.item2 li:first-child {width: 50%;}
.contact-bottom .right .content-way li{list-style: none;position: relative;}
.contact-bottom .right .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.contact-bottom .right .content-way li i.c1 {background: url("../images/c4.png") center no-repeat;}
.contact-bottom .right .content-way li i.c2 {background: url("../images/c1.png") center no-repeat;}
.contact-bottom .right .content-way li i.c3 {background: url("../images/c2.png") center no-repeat;}
.contact-bottom .right .content-way li i.c4 {background: url("../images/c3.png") center no-repeat;}
.contact-bottom .right .content-way li i.c5 {background: url("../images/c5.png") center no-repeat;}
.contact-bottom .right .content-way li i.c6 {background: url("../images/c6.png") center no-repeat;}
.contact-bottom .right .content-way li span{display: inline-block;vertical-align: middle;}
.contact-bottom .right .content-way li h6{font-size: 16px;color: #999999;font-weight: normal;margin: 0;}
.contact-bottom .right .content-way li h5{font-size: 16px;color: #1a1a1a;margin: 5px 0 0 0;}
.content-ewm {font-size: 14px;line-height: 28px; color: #999;padding-top: 30px;}

@media screen and (max-width: 1280px) {
.Contact-our-team {padding: 100px 0 ;}
	.contact-bottom .right .name h2 {font-size: 40px;}
	.contact-bottom .right {width: 40%;right: 5%;}
}

@media screen and (max-width: 860px) {
.Contact-our-team .left, .Contact-our-team .right{width: 100%;float: none;}
	.contact-bottom .left  {width:100%;float: none;display: none;}
	.contact-bottom .right {position: relative;right: auto;top: 30px;width: 100%;float: none;}
	.contact-bottom .right .table {width:90%;margin: auto;}
	.contact-bottom .right .name h2 {font-size: 20px;}
	.contact-bottom .right .content-way .item:first-child {padding: 10px 0 10px 0;}
	.contact-bottom .right .content-way li span {width: 80%;}
	.contact-bottom .right .content-way .item.item2 li {margin-right:0;width: 50%;}
	.contact-bottom .right .content-way .item.item2 li i{margin-bottom: 10px;}
}

.cz-recruitment {position: relative;clear: both;overflow: hidden;}
.cz-recruitment .cz-content {padding: 0px 0 50px 0;overflow: hidden;width:90%;}
.cz-recruitment-top-text {margin: 30px;padding: 30px 0;overflow: hidden;font-size: 16px;line-height: 24px;color: #666e80;}
.cz-recruitment-top-text .text-1{}
.cz-recruitment-top-text .text-2{float: right;}
.cz-recruitment-top-text .text-2 strong{font-weight: normal;font-size: 16px;color: #666e80;margin-right: 30px;}
.cz-recruitment-top-text .text-2 strong:last-child {margin: 0;}
.cz-recruitment-list {clear: both;margin: 30px;overflow: hidden;border: 1px solid #e6e8ed;border-top: 3px solid #01468b;box-sizing: border-box;}
.cz-recruitment-item:first-child .title-1 span {font-size: 16px;}
.cz-recruitment-item {border-bottom: 1px solid #e6e8ed;overflow: hidden;}
.cz-recruitment-item:last-child {border-bottom:none;}
.cz-recruitment-item .title-1{text-align: center;overflow: hidden;cursor: pointer;padding:0 5%;}
.cz-recruitment-item .title-1 span {float: left;margin: 0;display: block;width: 20%;padding: 30px 0;overflow: hidden;font-size: 16px;}
.cz-recruitment-item .title-1 span:first-child {font-size: 16px;text-align: left;}
.cz-recruitment-item .main-2{display: none;font-size: 16px;line-height: 30px;color: #26334d;padding:4% 5%;overflow: hidden;text-align: left;position: relative;} 
.cz-recruitment-item .title-1:hover,.cz-recruitment-item .title-1.cur{background: #f3f4f8;}
.cz-recruitment-item .main-2 p {font-size: 15px;}
.cz-end-resume {position: absolute;right: 10%;bottom: 15%;}
.cz-end-resume a{display: block;overflow: hidden;font-size: 16px;color: #fff;font-weight: bold;width:100px;padding:14px 30px;background: #01468b;position: relative;}
.cz-end-resume a i{position: absolute;right:15%;top: 50%;margin-top: -4px; background: url('../images/jt-r1.png') no-repeat;width: 22px;height: 8px;} 

.cz-popup-window {position: fixed;top: -100%;right:0;z-index: 9999;width: 100%;height:100%;display: block;overflow: hidden;transition: all .4s;}
.cz-popup-window.cur {top:0;background: rgba(21,33,66,.5);}
.cz-popup-window-content {background: #fff;width:600px;padding:3%;overflow: hidden;margin: auto;margin-top:10%;position: relative;z-index: 10;}
.cz-popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute;right:1%; display:block; top:25px;cursor: pointer;transition: all .4s;}
.cz-popup-close:hover {transform:rotate(180deg);}
.cz-popup-window-mark {position: absolute;right: 0;top: 0;width:100%;height: 100%;z-index: 1;}	

.cz-recruitment-popup {overflow: hidden;}
.cz-recruitment-popup .title-1{font-size: 24px;padding-bottom: 30px;text-align: center;}
.cz-recruitment-popup .item-2{margin-bottom: 10px;overflow: hidden;}
.cz-recruitment-popup .item-2 li{list-style: none;margin: 0;padding: 0;float: left;width: 49%;margin-right: 1%;overflow: hidden;}
.cz-recruitment-popup .item-2 li:last-child {margin-right: 0;width: 50%;}
.cz-recruitment-popup .item-3{margin-bottom: 10px;overflow: hidden;} 
.cz-recruitment-popup .item-4{margin-bottom: 10px;overflow: hidden;} 
.cz-recruitment-popup .text-5{margin-bottom: 10px;overflow: hidden;font-size: 16px;color: #222;}  
.cz-recruitment-popup .text-5 span {font-size: 12px;color: #999;}
.cz-recruitment-popup .images-5{background: #f3f4f8;position: relative;} 
.cz-recruitment-popup .images-5 .file-input{font-size: 12px;} 
.cz-recruitment-popup .images-5 .images-submit {position: absolute;right: 15px;top:50%;z-index: 10; width: 70px;height: 35px;background: #01468b;color: #fff;text-align: center;border: none;line-height: 35px;padding: 0;cursor: pointer;margin-top: -17.5px;}
.cz-recruitment-popup .images-5 .images-submit:hover {background: #000;}
.cz-recruitment-popup .text-4{font-size: 12px;line-height: 24px;color: #666666;}  
.cz-recruitment-popup .submit-5 {padding: 5px 0;overflow: hidden;}
.cz-recruitment-popup .submit-5 input{font-size: 16px;text-align: center;background: #01468b;color: #fff;cursor: pointer;}  
.cz-recruitment-popup .submit-5 input:hover {background: #000;}
.cz-recruitment-popup  input{padding: 15px;border: 1px solid #ccc;width: 100%;font-size: 16px;color: #666;box-sizing: border-box;}


.col-page-recruit .col-idea{padding:35px 0 0; height:100%; overflow:hidden;}
.col-page-recruit .col-idea h2{font-size: 30px;text-align: center;margin-bottom: 30px;}
.col-page-recruit .col-idea .content{text-align: center;font-size: 17px; line-height:30px;color:#666;margin-bottom: 40px;}
.col-page-recruit .col-idea ul li{float: left;width: 27.33%;padding: 0 3%;text-align: center;list-style: none;}
.col-page-recruit .col-idea ul li img{ width:auto;}
.col-page-recruit .col-idea ul li h3{font-size: 18px;margin:10px 0 15px;}
.col-page-recruit .col-idea ul li h3 i{font-style: italic;color:#013e97;font-size: 24px;}
.col-page-recruit .col-idea ul li .s-content{color:#666;line-height: 1.8}
.col-page-recruit .col-environment{padding: 70px 0 90px;}
.col-page-recruit .col-environment h2{font-size: 30px;text-align: center;margin-bottom: 30px;}
.col-page-recruit .col-environment ul{height: 575px;float: left;font-size: 0}
.col-page-recruit .col-environment ul li{padding: 1%;position: relative;}
.col-page-recruit .col-environment ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.col-page-recruit .col-environment ul li a .img{width: 100%;height: 100%;transition: 0.5s}
.col-page-recruit .col-environment ul li a:hover .img{transform: scale(1.1)}
.col-page-recruit .col-environment ul:nth-child(1){width: 21.5%;}
.col-page-recruit .col-environment ul:nth-child(1) li{width: 96%; padding:2%;}
.col-page-recruit .col-environment ul:nth-child(1) li:nth-child(1){height: 55%;}
.col-page-recruit .col-environment ul:nth-child(1) li:nth-child(2){height: 45%;}
.col-page-recruit .col-environment ul:nth-child(2){width: 30.5%;}
.col-page-recruit .col-environment ul:nth-child(2) li{height: 100%;}
.col-page-recruit .col-environment ul:nth-child(3){width: 48%;}
.col-page-recruit .col-environment ul:nth-child(3) li:nth-child(-n+2){height: 33%;width: 48%;display: inline-block}
.col-page-recruit .col-environment ul:nth-child(3) li:nth-child(3){height: 67%;width: 98%}

@media (max-width: 992px) {
.col-page-recruit .col-environment ul:nth-child(1){width: 40%}
.col-page-recruit .col-environment ul:nth-child(2){width: 60%}
.col-page-recruit .col-environment ul:nth-child(3){width: 100%}
.col-page-recruit .col-idea .content{font-size: 16px;margin-bottom: 20px;}
.col-page-recruit .col-idea ul li{padding: 0 20px;}
}

@media (max-width: 768px) {
.col-recruitment .head{height: 100px;line-height: 100px}
.col-page-recruit .col-environment ul:nth-child(1) li{ width:98%;padding:1%;}
.col-page-recruit .col-idea ul li{width: 98%;margin-bottom: 20px;padding: 0 1%;}
}
@media (max-width: 640px) {
.col-page-recruit .col-environment ul{height: 520px;}
.col-page-recruit .col-environment ul:nth-child(1){width: 100%}
.col-page-recruit .col-environment ul:nth-child(2){width: 100%; margin-top:4%;}
.col-page-recruit .col-environment ul:nth-child(2) li{ height:97%;}
}



/* news */
.cz-news .cz-content {width: 90%;}
.cz-news-top {padding: 150px 0 100px 0;overflow: hidden;margin:0 30px;}
.cz-news-top-item {background: #fff;overflow: hidden;position: relative;}
.cz-news-top-item a{display: block;overflow: hidden;}
.cz-news-top-item .img{float: left;width: 57%;overflow: hidden;}
.cz-news-top-item a:hover .img img.img-center {transform:scale(1.03);}
.cz-news-top-item a:hover .text .more-4 {background: url('../images/jt-r1.png') center no-repeat #4d4dbb;}
.cz-news-top-item .text{width: 43%;height: 100%;position: absolute;right: 0;top: 0;overflow: hidden;padding: 5%;box-sizing: border-box;background: url('../images/news1.png') 160px 220px no-repeat;}
.cz-news-top-item .text .title-1{font-size: 22px;line-height: 34px;color: #26334c;position: relative;}
.cz-news-top-item .text .title-1::after{content: ""; display:block; height:4px; width:50px; margin:30px 0;background: #01468b; }
.cz-news-top-item .text .text-2{font-size: 16px;line-height: 30px;color: #666e80;}
.cz-news-top-item .text .data-3{position: absolute;left: 12%;bottom:13%;z-index: 1;}
.cz-news-top-item .text .data-3 strong{font-weight: normal;color: #a1a7b2;font-size: 50px;display: block;margin: 0;padding:0;}
.cz-news-top-item .text .data-3 span{display: block;color: #a1a7b2;font-size: 16px;}
.cz-news-top-item .text .more-4 {width: 60px;height: 60px;background: url('../images/jt-r1.png') center no-repeat #01468b;position: absolute;right: 12%;bottom:13%;z-index: 10;}
.cz-news-list {padding: 20px 0 40px 0;overflow: hidden;margin:0 30px;}
.cz-news-list .cz-index-news-item {width: 31.66%;margin-bottom: 2%;}
.cz-news-list .cz-index-news-item .text .title-2 {font-size: 16px;}
.cz-news-list .cz-index-news-item a:hover .img img.img-center {transform:scale(1.03);}
.cz-news-list .cz-index-news-item:nth-child(3n){margin-right: 0;}
.cz-page-trun {clear: both;padding: 10px 0px 100px 0px;text-align: center;}
.cz-page-trun a {margin: 0 20px;font-size: 18px;color: #a1a7b2;}
.cz-page-trun a span{color: #a1a7b2;margin: 0 10px;}
.cz-page-trun a span:first-child {color: #01468b;}
.cz-page-trun a.prev,.cz-page-trun a.next{border: 1px solid #666;width:58px;height:58px;display: inline-block;vertical-align: middle;opacity: .2;}
.cz-page-trun a.prev:hover,.cz-page-trun a.next:hover {opacity: 1;}
.cz-page-trun a.prev {background: url('../images/jt-l2.png') center no-repeat;}
.cz-page-trun a.next {background: url('../images/jt-r2.png') center no-repeat;}

.pages { margin-bottom:40px;}
.pages .pagination {
  text-align: center;
  font-size:15px;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  font-size:15px;
  float: none;
  display: inline-block;
}
.pagination a.cur{ 
  color:#fff!important;
  background:#01468b!important;
  border:1px solid #01468b!important;
}
.pages .pagination a:hover{ 
  color:#fff!important;
  background:#01468b!important;
  border:1px solid #01468b!important;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  font-size:15px;
  height: 28px;
  float: none;
  display: inline-block;
  margin-bottom:10px;
}



.newsbg {
  padding: 200px 0 0px;
  background: #000000 url('../images/newsbg.jpg') top no-repeat;
  background-attachment: fixed;
  background-size:cover;
  position: relative;
}
.newsbg:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 160px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
}

.atc {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
.atc-h {
  padding-bottom: 60px;
  position: relative;
  text-align: center;
}
.atc-h h1 {
  font-size: 30px;
  color: #fff;
  font-weight:bold;
  line-height: 50px;
  margin-bottom: 12px;
  text-shadow: 0 0 8px #555;
}
.atc-date {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  text-shadow: 0 0 8px #555;
}
.atc-date span {
  display: inline-block;
  color:#fff;
  font-size:16px;
  margin: 0 9px;
}
.atc-two {
  padding: 74px 96px 70px;
  background-color: #fff;
  border-radius: 10px;
}
.atc-con{
  font-size: 17px;
  line-height: 32px;
  color: #555;
  text-align: justify;
}
.atc-con p{
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 32px;
  color: #555;
  text-align: justify;
}
.atc-con strong{
  font-weight:bold;
  font-size: 20px;
}
.atc-con .pic {
  text-align: center;
  padding: 24px 0;
}
.atc-con img {
  width: auto;
  max-width: 800px;
}
.atc-con a {
  color: #ad8f63;
}
.atc-pn {
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.atc-pn div {
  display: block;
  width: 45%;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #666;
  line-height: 70px;
}
.atc-pn div:hover {
  color: #01468b;
}
div.atc-prev {
  float: left;
  text-align: left;
  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
div.atc-next {
  float: right;
  text-align: right;
  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
div.atc-ret {
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  width: 68px;
  height: 70px;
  background: #ffffff url('../images/ret.png') center no-repeat;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
div.atc-ret:hover {
  border-color: #01468b;
  background-color: #01468b;
}

@media screen and (max-width: 1023px) {
  .newsbg {
    padding: 160px 0 70px;
  }
  .atc-two {
    padding: 70px 50px;
  }
}
@media screen and (max-width: 1023px) {
  .atc-pn {
    height: auto;
    line-height: 32px;
    padding: 20px 0 30px;
  }
  .atc-pn div {
    width: 100%;
    line-height: 32px;
  }
  div.atc-prev {
    float: none;
    margin-left: 0;
  }
  div.atc-next {
    float: none;
    margin-right: 0;
    text-align: left;
  }
  div.atc-ret {
    width: 200px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    display: block;
    border: 1px solid #ddd;
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .atc-two {
    padding: 50px 30px;
  }
  .atc-con {
    padding-bottom: 50px;
  }
  .atc-h {
    padding-bottom: 30px;
  }
  .atc-h h1 {
    font-size: 24px;
    line-height: 40px;
  }
  .atc-pn {
    border-bottom: 0 none;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .newsbg {
    padding: 120px 0 70px;
  }
  .atc-two {
    padding: 40px 24px;
  }
  .atc-con {
    padding-bottom: 40px;
  }
}

.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;}



.cz-culture-nav a,.cz-top-nav-item strong,.characteristic-3 .item-4 .text-1,.cz-honor-list-swiper .honor .text,.cz-footer-content-top-left ul li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cz-news-top-item .text .text-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}




/* nav */

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










/* fonts */

.cz-index-banner-container .text .title-2,.cz-index-product-nav a span,.cz-index-product-item .text .top .title-1,.cz-index-introduction-left .item-4 li h2 strong ,.cz-index-news-item .text .view-3,.cz-index-news-item .text .date-1,.cz-top-nav-item p,.cz-recruitment-item .title-1 span,.cz-about-us-right .item-3 li h2 strong,.cz-about-us-right .item-3 li h2 sup,.cz-culture-swiper .cz-culture-item .text .num-1,.cz-culture-nav a,.cz-culture-swiper .cz-culture-item .text .title-2,.cz-history-item .date-1,.cz-history-item .text-2 li p,.cz-honor-nav a strong,.cz-honor-swiper-num strong,.cz-honor-swiper-num span,.cz-honor-swiper-num,.cz-news-top-item .text .data-3 strong,.cz-news-top-item .text .data-3 span,.cz-faq-item .main-2,.cz-product-detail-content .cz-content .title-1 i,.cz-technology-cases-center-left-item .title-1 i,.cz-parameters-item .title-1 i,.cz-technology-patent-swiper .text span{font-family: 'Barlow-Regular',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
.cz-index-banner-button-next::before,.cz-index-banner-button-prev::before,.cz-title .title-1,.cz-index-product-item .text .bottom .view-4 strong,.cz-footer-content-top-right .tel-2,.cz-banner-top .text .title-1,.cz-recruitment-top-text .text-2 strong,.cz-page-trun a span,.cz-page-trun a,.cz-service-item .text-1,.cz-product-detail-right .title-1,.cz-parameters-item .item-4 li strong,.cz-technology-cases-list-item .text-1{font-family: 'Barlow-Bold',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}


.cz-index-banner-container .text .title-1,.cz-index-product-item .text .top .title-2,.cz-product-list-item .text .title-1,.cz-product-item .title-1,.cz-product-detail-right .buttom-4 a,.characteristic-3 .item-4 .text-1,.cz-technology-cases-bottom .item-nav-2 a,.cz-success-case-item .text-3 strong,.cz-service-video-item .text，.cz-message-right-input a,.cz-end-resume a {font-weight: 1000;}



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

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

 



@media screen and (max-width: 5120px) {
 
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
 
}
@media screen and (max-width: 1680px) {
 
}
@media screen and (max-width: 1600px) {	
	
}
@media screen and (max-width: 1500px) {	
 
}
@media screen and (max-width: 1440px) {
    .riifo-header-nav li{ padding-right:45px;}
	.riifo-header-show-nav {padding:2% 4% 30px 4%; width:92%;}
	.cz-index-banner-container .text .title-1 {font-size: 50px;}
	.cz-index-banner-container .text .title-2 {font-size: 18px;}
	.cz-index-product-nav a strong {font-size: 17px;}
	.cz-index-product-nav a span {font-size: 12px;}
	.cz-index-product-item .text .top .title-2 {font-size: 30px;}
	.cz-title .title-1 {font-size: 44px;line-height: 44px;}
	.cz-title .title-2 {font-size: 28px;}
	.cz-index-introduction-left {bottom:8%;}
	.cz-index-introduction-left .text-3 {font-size: 16px;line-height: 28px;padding: 30px 30px 10px 30px;width: 70%;}
	.cz-index-introduction-left .text-3 p:nth-child(2) {overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
	.cz-index-introduction-left .viewmore-3 {padding: 10px 30px;}
	.cz-index-introduction-left .item-4 li {padding: 2% 5%;}
	.cz-index-introduction-left .item-4 li p {font-size: 16px;margin: 5px 0;}
	.cz-index-cooperative-customers-top a {width: 200px;height: 200px;}
	.cz-index-cooperative-customers-top a.item1 {margin-left: -100px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item2 {margin-left: -100px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item3 {margin-left: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item4 {margin-right: -255px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item5 {margin-left: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item6 {margin-left: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item7 {margin-right: -410px;margin-top: -190px;}
	.cz-index-cooperative-customers-top a.item8 {margin-right: -410px;margin-top: -10px;}
	.cz-index-cooperative-customers-top a.item9 {margin-left: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a.item10 {margin-right: -565px;margin-top: -100px;}
	.cz-index-cooperative-customers-top a img.img-center {max-width: 60%;}
	.cz-index-news-item .text .title-2 {font-size: 16px;line-height: 26px;min-height: 52px;}
	.cz-top-nav-item strong,.characteristic-3 .item-4 .text-1,.cz-success-case-item .title-4,.cz-success-case-item .text-3 strong,.cz-technology-cases-list-item .text-2 strong,.cz-service-video-item .text {font-size: 17px;}
	.cz-service-content .text-1,.cz-culture-swiper .cz-culture-item .text .title-2,.cz-news-top-item .text .title-1 {font-size: 18px;}
	.cz-product-item .title-1 { font-size:20px;}
	.cz-top-nav-item.num2 {width: 40%;left:30%;}
	.cz-top-nav-item.num3 {width: 60%;left:20%;}
	.cz-top-nav-item.num4 {width: 90%;left:5%;}
	.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
	.cz-product-list {width: 90%;}
	.cz-product-detail-right .title-1,.cz-news-detail-content .title-1 {font-size:30px;}
	.cz-product-detail-right .title-2 {font-size: 24px;}
	.cz-product-detail-right .text-3 {padding: 20px 0;margin-top: 20px;font-size: 16px;line-height: 26px;}
	.cz-product-detail-right {padding: 0 0 0 5%;}
	.cz-product-detail-right .buttom-4 a {height: 50px;line-height: 50px;}
	.characteristic-3 .item-4 .text-3 {font-size: 12px;line-height: 22px;}
	.cz-technology-advantages-right {width: 50%;padding: 0 0 0 0;}
	.cz-technology-advantages-right .text-1,.cz-technology-cases-center-left-item .text-2,.cz-about-us-right .introduction-1 {font-size: 16px;line-height: 28px;}
	.cz-technology-advantages {padding: 150px 0 80px 0;}
	.cz-technology-cases-center-right .img { height: 500px;margin-top: 50px;}
	.cz-technology-cases-center {padding: 0px 0 0 0;}
	.cz-parameters-item .item-4 li p,.cz-success-case-item .text-3,.cz-honor-list-swiper .honor .text {font-size: 16px;}
	.cz-parameters-item .item-4 li strong,.cz-technology-patent-swiper .text strong {font-size: 17px;}
	.cz-technology-patent-swiper .text {padding: 10% 5% 0 5%;}
	.cz-technology-cases-bottom .item-nav-2 a {font-size: 16px;}
	.cz-service-item .text .title-2 strong {font-size: 28px;}
	.cz-service-item .text .item-3 li {padding: 5px 10px;}
	.cz-service-item .text .item-3 li::before {top: 14px;}
	.cz-service-item .text {bottom: 10%;left: 10%;}
	.cz-service-video-nav a {font-size: 20px;}
	.cz-faq-item .title-1 {padding: 2% 8%;}
	.cz-faq-item .main-2 {padding: 4% 6.2%;}
	.cz-about-us-right {margin: 0 30px 0 0;}
	.cz-about-us-right .item-3{ display:none;}
	.cz-culture-swiper .cz-culture-item .img { width: 65%;}
	.cz-culture-nav {right: 5%;}
	.cz-news-top-item .text {padding:4% 5%;}
	.cz-culture-swiper .cz-culture-item .text {right: 5%;}
	.cz-news-top-item .text .title-1::after {margin:20px 0;}
	.cz-footer-content-top-left ul li a {font-size: 15px;}
	.cz-technology-patent-swiper .text strong,.cz-technology-patent-swiper .text span {font-size: 16px;}
	.cz-about-us{ padding:50px 0}
	.cz-about-us-right {margin: 3% 0 0 0;}
	.cz-about-us-right .introduction-1 {margin: 30px 0px 30px 30px;}
	.cz-footer-content-top-left ul {}
	.cz-footer-content-top-right .text-3 {font-size: 15px;}
}
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1280px) {
    .riifo-header-nav li {padding-right: 35px;}
	.cz-index-introduction-left .text-3 {font-size: 16px;line-height: 24px;}
	.cz-index-introduction-left .item-4 li h2 strong {font-size: 34px;vertical-align: super;}
	.cz-index-introduction-left .item-4 li p {margin: 0;}
	.cz-index-news {padding: 100px 0 70px 0;}
	.cz-detail-content .parameter-2 .item-3 li,.cz-top-nav-item strong{font-size: 16px;}
	.cz-product-detail-content .cz-content {width:90%;}
	.cz-culture-swiper .cz-culture-item .img {width: 70%;}
	.cz-culture-nav {right: 0;}
}
@media screen and (max-width: 1152px) {
 
}
@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%; display:none;}
	.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: 150px;height: auto;transform: translateY(-50%);}
	
	.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-project-top .riifo-learnmore{ display:none;}
	.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;}
	.atc-con img {width: 100%;}
}
@media screen and (max-width: 640px) {
	.cz-menu-toggle,.mbshow {display: block!important;}
	.cz-index-banner .cz-index-banner-progress-bar,.cz-index-banner-button-next,
	.cz-index-banner-button-prev,.cz-header-nav-show,.pcshow,.cz-header::after {display: none!important;}
	.cz-index-banner .swiper-container{height:40vh!important;}
	.cz-index-banner-container img{ height:40vh;}
	#cd-nav-container {position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
	#cd-nav-container.is-visible{-webkit-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}
	.cz-header .cz-content nav {float: none;padding-right: 0px;}
	.cz-header .cz-content {padding: 0;width: 100%;}	
	.cz-logo {left: 2%;top: 1%;margin-top: 0;z-index: 100;position: fixed;width: 140px;height: 58px;}
	.cz-header-nav {padding-top:20%;}
	.cz-header-nav li {display:block;padding: 3% 0;text-align: center;}
	.cz-header-nav li a::after {display: none;}
	.cz-header-nav li a {font-size: 18px;padding: 1% 0;font-weight: bold;color: #fff!important;}
	.cz-header.scroll-top .cz-content::after {top: 0;}
	.cz-header.scroll-top .cz-menu-toggle span,.cz-header.scroll-top .cz-menu-toggle span::after,.cz-header.scroll-top .cz-menu-toggle span:before,.detail .cz-menu-toggle span:before,.detail .cz-menu-toggle span::after,.detail .cz-menu-toggle span {background: #000;}
	.no-touch .cz-header.scroll-top .cz-menu-toggle span,.no-touch .cz-header.scroll-top .cz-menu-toggle span::after,.no-touch .cz-header.scroll-top .cz-menu-toggle span:before,.detail.no-touch .cz-menu-toggle span,.detail.no-touch .cz-menu-toggle span::after,.detail.no-touch .cz-menu-toggle span::before{background: #fff;}
	.no-touch .cz-header.scroll-top .cz-logo img.default {display: block;}
	.no-touch .cz-header.scroll-top .cz-logo img.hover  {display: none;}
	.cz-header.scroll-down .cz-logo,.cz-header.scroll-down .cz-menu-toggle {top: -100px;}
	
	.no-touch html,.no-touch body{overflow: hidden;height: 100%;}
	.cz-footer-content-top-left,.cz-footer-content-top-right {float: none;width: 100%;margin-left:0px;margin-right: 0;text-align: left;clear: both;}
	.cz-footer-content-top-left ul{float: none;width: 100%;margin-right:0;}
	.cz-footer-content-top-left ul h3 {padding: 10px 0;}
	.cz-footer-content-top-left ul li {display: none;}
	.cz-footer-content-top-right {padding-top: 40px;}
	.cz-footer-content-top-right .link-4 {text-align: left;}
	.cz-footer-content-top-right .link-4 a {margin-left: 0;margin-right: 5px;}
	.cz-footer-content-bottom {margin: 0px 0px 0px 0px;}
	.cz-footer-content-bottom a.js {position: relative;right: auto;top: auto;}
	
	.cz-index-banner-container .text {width: 90%;top: 33%;left: 5%;margin: 0;}
	.cz-index-banner-container.center .text {left:5%;margin-left:0px;}
	.cz-index-banner-container .text .title-1 {font-size: 22px;}
	.cz-index-banner-container .text .title-2{ font-size:16px; letter-spacing:0;}
	.cz-index-banner-container.center .text .viewmore-3{ margin:20px auto auto}
	
	.cz-index-product .cz-content {margin: 100px auto;}
	.cz-index-product-left {width:100%;position: relative;}
	.cz-title .title-1 {font-size: 34px;line-height: 34px;}
	.cz-title .title-2 {font-size: 24px;}
	.cz-index-product-nav {margin-top: 30px; margin-left: 0px;}
	.cz-index-product-right,.cz-index-introduction-right {float: none;width: 100%;}
	.cz-index-product-item .text .bottom .text-3 {display: none;}
	.cz-index-product-item .text .top .title-2 {font-size: 24px;}
	.cz-index-product-item .text .top .title-1 {font-size: 18px;}
	.cz-index-product-item .text .bottom .view-4 {padding-top: 20px;}
	.cz-index-introduction-left {position: relative;left: auto; bottom:auto;width:90%;padding: 5%;margin-top:50px;}
	.cz-index-introduction-left .text-3 {padding: 30px 0;width: 100%;}
	.cz-index-introduction-left .viewmore-3 {padding: 10px 0px;}
	.cz-index-introduction-left .item-4 {margin: 30px 0px 30px 0px;}
	.cz-index-introduction-left .item-4 li i {position: relative;right: auto;top: auto;}
	.cz-index-introduction-left .item-4 li {padding: 7% 5% 3% 5%;}
	.cz-index-introduction-left .item-4 li h2 strong {font-size: 30px;}
	.cz-index-cooperative-customers-top {text-align: center;padding-top:30%;}
	.cz-index-cooperative-customers-top a {width: 100px;height: 100px;position: relative;display: inline-block;right: auto!important;top: auto!important;left: auto!important;margin: 0;}
	.cz-index-cooperative-customers-top a {margin-left:auto!important;margin-top:auto!important;margin-right:auto!important;}
	.cz-index-news {padding: 90px 0 70px 0;}
	.cz-index-news-nav {position: relative;right: auto;bottom: auto;margin: 30px 0;}
	.cz-index-news-bottom {padding-top:0px;margin-left:0px;}
	.cz-index-news-more {margin: 30px 0px;}
	.cz-index-news-item {float: none;width:100%;margin-right: 0;margin-bottom: 20px;}
	
	.cz-banner-top .img {height: 400px;}
	.cz-banner-top .text .title-1 {font-size: 30px;}
	.cz-top-nav-item.num4 {width:90%;left: 5%;top: -103px;}
	.cz-top-nav-item.num4::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num4 a {width: 50%;}
	.cz-top-nav-item i {width: 40px;position: relative;right: auto;top: auto;margin-top: auto;}
	.cz-top-nav-item p {display: none;}
	.cz-top-nav-item strong {font-size: 16px;text-align: center;}
	.cz-top-nav-item a {padding: 5%;}
	.cz-top-nav-item.num6 {width: 90%;width: calc(90% - 0px);left: 5%;margin:0px;top: -103px;}
	.cz-top-nav-item.num6::before {content: '';width: 100%;height:1px;position: absolute;right: 0;top: 50%;background: #e6e8ed;}
	.cz-top-nav-item.num6 a {width: 33.3333333%;padding: 5%;box-sizing: border-box;}
	.cz-top-nav-item.num6 a strong {padding-top: 0px;}
	.cz-top-nav-item.num6 a i { margin-left:0px;left: auto;margin: auto;top: auto;}
	.cz-top-nav-item.num6 a:nth-child(3)::after,.cz-top-nav-item.num4 a:nth-child(2)::after {display: none;}
	.cz-top-nav-item.num3 {width: 90%;left: 5%;text-align: center;}
	.cz-top-nav-item.num2 {width: 90%;left:5%;}
	.cz-top-nav-item.num2 a {width: 40%;padding:5%;}
	.cz-top-nav-item i {margin: auto;}
	.cz-top-nav-two {display: none!important;}
	.cz-top-nav{ display:none;}
	.cz-product-list {width: 90%; padding:50px 0 50px 0}
	.cz-product-item { width:100%; margin: 1% auto 40px auto;}
	.cz-product-item:nth-child(2n){ margin-right:0;}
	.cz-product-item .img {float: none;width: 100%;margin-bottom: 0px;}
	.cz-product-item .text {width: 100%;padding: 5% 5%;position: relative;left: auto;bottom: auto;box-sizing: border-box;border-top:none;}
	.cz-product-item .title-1 { font-size:18px;}
	.cz-product-detail {padding: 70px 0 20px 0;}
	.cz-product-detail .cz-content {width: 90%;width: calc(90% - 0px);padding: 0 0px;}
	.cz-product-detail-left,.cz-product-detail-right {width: 100%;float: none;}
	.cz-product-detail-swiper .swiper-button-next, .cz-product-detail-swiper .swiper-button-prev {display: none;}
	.cz-product-detail-right {padding: 5% 0 ;}
	.cz-product-detail-right .buttom-4 a {width: 80px;}
	.cz-popup-window-content.cz-video { width: 100%; height: 100%; margin-top: auto;}
	.cz-popup-video {height: 100%;}
	.cz-product-detail-content .cz-content {width: 90%;}
	.cz-detail-content {margin: 0;}
	.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 17px;}
	.cz-detail-content .parameter-2 .item-3 li {font-size: 16px;width: 60%;}
	.characteristic-3 .item-4 {width: 100%;float: none;margin-bottom: 20px;}
	.characteristic-3 .item-4 .text-1 {padding: 10px 0 20px 0;}
	.characteristic-3 .item-4 .text-2 {padding: 20px 0 ; height: auto;}
	.characteristic-3 .item-4 .text-3 {max-height: none;padding-right: 0px;}
	.cz-technology-advantages-left {position: relative;float: none;width: 100%;margin-left: 0px;}
	.cz-technology-advantages-right {width: 100%;padding: 5% 0 0 0;float: none;}
	.cz-technology-advantages-right .text-1 { margin: 30px;padding: 30px 0 0px 0;}
	.cz-technology-cases-top strong,.cz-parameters-item .title-1 {font-size: 20px;}
	.cz-technology-cases {padding: 100px 0 80px 0;}
	.cz-technology-cases-center-left,.cz-technology-cases-center-right,.cz-technology-cases-bottom-left,.cz-technology-cases-bottom-right,.cz-success-case-item .item-2,.cz-service-item .cz-service-item-left,.cz-service-item .cz-service-item-right{ width: 100%;float: none;}
	.cz-technology-cases-center-right .img {height: auto;}
	.cz-technology-cases-center-right .img  img.img-center {position: relative;max-width: 80%;}
	.cz-parameters-item .item-4 li,.cz-parameters-item .item-4.num3 li {vertical-align: top;width: 100%;}
	.cz-technology-patent-swiper .img {float: none;width: 100%;}
	.cz-technology-patent-swiper .text {float: none;width:90%;padding: 15% 5% 5% 5%;text-align: center;}
	.cz-technology-patent-swiper .text span::after {left: 50%;margin-left: -15px;}
	.cz-technology-section .img img.img-block{width: 300%;max-width: 300%;}
	.cz-technology-section .top .title-2 {font-size: 26px;width: 90%;margin: auto;}
	.cz-technology-cases-swiper {margin-top: 40px;}
	.cz-technology-cases-list {padding-top: 50px;}
	.cz-technology-cases-list-item {float: none;width: 100%;padding-top: 110px;margin-right:0;}
	.cz-service-content .text-1 {margin: 0;font-size: 16px;line-height: 30px;}
	.cz-service-content .item-3 {margin: 30px 0;}
	.cz-service-content .item-3 .linex {width: 30px;}
	.cz-service-list .cz-content {width: 100%;}
	.cz-service-item { width:90%; margin: 0 auto 20px auto;}
	.cz-service-item-right {padding: 5%;width: 90%!important;}
	.cz-service-item .cz-service-item-right,.cz-service-item .text-1,.cz-service-item .text {position: relative;right: auto;top: auto;bottom: auto;left:auto;height: auto;float: none!important;clear: both;transform: translateY(0%);}
	.cz-service-list .cz-service-item:nth-child(1),.cz-service-list .cz-service-item:nth-child(2),.cz-service-list .cz-service-item:nth-child(3) {background-size: 50%;}
	.cz-service-list .cz-service-item:nth-child(2) .cz-service-item-right {left: auto;}
	.cz-service-item .text{width: 100%;padding-bottom: 50px;}
	.cz-service-video-nav,.cz-service-video-list,.cz-faq-item {margin: 30px 0;}
	.cz-service-video-nav a {font-size: 16px;margin-right: 30px;}
	.cz-service-video-item {float: none;width: 100%;margin: 1% 0 2% 0;}
	.cz-faq-item .title-1 {padding: 7% 20%;font-size: 16px;}
	.cz-faq-item .main-2 .text-1::before {display: none;}
	.cz-about-us {padding:40px 0 20px 0;}
	.cz-about-us-left {float: none;width: 100%;margin-left: 0px;}
	.cz-about-us-right,.cz-news-list {float: none;width: 100%;margin: 30px 0;}
	.cz-about-us-right .item-3 li h2 strong {font-size: 34px;vertical-align: top;}
	.cz-about-us-right .item-3 li {padding: 0;width: 33%;text-align: center;}
	.cz-about-us-right .item-3 li i {margin: auto;}
	.cz-culture-nav {position: relative;width: 100%;height: 90px;right: auto;top: auto;}
	.cz-culture-swiper {margin: 50px 0 0 0;}
	.cz-culture-swiper .cz-culture-item {padding-bottom: 0;}
	.cz-culture-swiper .cz-culture-item .img {width: 100%;float: none;}
	.cz-culture-swiper .cz-culture-item .text {position: relative;left: auto;right: auto;top: auto;bottom: auto;width: 90%;padding: 5%;}
	.cz-history {padding: 100px 0 50px 0;}
	.cz-honor-nav {text-align: left;float: none;clear: both;padding-top: 30px;}
	.cz-honor-nav a {padding: 10px 0px;width: 32%;box-sizing: border-box;margin: 0;}
	.cz-honor-content{margin: 0;padding: 50px 0;}
	.cz-honor-next, .cz-honor-prev {bottom: 10px;}
	.cz-honor-progressbar {width: 100%!important;}
	.cz-news-top {padding: 100px 0 80px 0;margin: 0;}
	.cz-news-top-item .img {float: none;width: 100%;}
	.cz-news-top-item .text {width: 100%;height: auto;position: relative;right: auto;top: auto;padding: 5%;}
	.cz-news-top-item .text .data-3 {position: relative;left: auto;bottom: auto;margin-top: 30px;}
	.cz-news-top-item .text .more-4 {right:7%;bottom: 7%;}
	.cz-news-list {padding: 20px 0 40px 0;}
	.cz-news-list .cz-index-news-item {width: 100%; margin-bottom: 25px;}
	.cz-news-detail {margin-top: 40px;}
	.cz-news-detail-content {padding: 5% 0;width: 100%;}
	.cz-news-detail-content .title-1 {font-size: 24px;}
	.cz-news-detail-content .detail-3 {font-size: 16px;}
	.cz-technology {overflow: hidden!important;}
	body .cz-technology:nth-child(2) {padding-bottom: 150px;}
	.cz-technology-advantages {padding: 0px 0 80px 0;}
	.cz-history-swiper .swiper-slide-active .cz-history-item{opacity: 1;}
	.cz-history-swiper .swiper-slide-active .cz-history-item .date-1 i {background: #fff;}
	.cz-history-swiper .swiper-slide-active .cz-history-item .date-1 i::before {background: #fff;}
	.cz-honor .cz-content {padding:70px 5% 5% 5%;}
	.cz-product-item .viewmore-3 {border: none;padding: 15px 0px 20px 0px;}
	.cz-recruitment .cz-content {padding: 0px 0 80px 0;width: 90%;}
	.cz-recruitment-top-text{ margin:0;}
	.cz-recruitment-top-text .text-1 {float: none;width: 100%;}
	.cz-recruitment-top-text .text-2 {float: none;padding-top: 20px;}
	.cz-recruitment-item .title-1 {text-align: left;padding: 5%;}
	.cz-recruitment-item .title-1 span  {padding: 3px 0;width: 50%;}
	.cz-recruitment-item .title-1 span:first-child {font-weight: bold;border-bottom: 1px solid #e6e8ed;margin-bottom: 10px;display: block;width: 100%;padding: 3px 0;padding-bottom: 15px;}
	.cz-recruitment-item:first-child .title-1,#cz-indexbg {display: none;}
	.cz-end-resume {position: relative;right: auto;bottom: auto;}
	.cz-popup-window-content {background: #fff;width: 90%;height: 90%;padding: 15% 5% 5% 5%;overflow: hidden;margin: auto;margin-top: 0;position: relative;}
	.cz-recruitment-item .main-2 p,.cz-recruitment-item .main-2 {font-size: 16px;}
	.cz-recruitment-list {margin:0;}
	.cz-index-product .cz-content {position: relative;left: auto;top: auto;}
	.cz-index-product-nav {width: calc(100% - 0px);}
	.cz-banner-top .img {animation:none;}
	#cz2 .cz-technology-advantages {padding: 80px 0;}
	.cz-about-us-right .introduction-1 {margin: 30px 0;}
	.cz-about-us-right .item-3 li::after {right: 0;}
	.cz-culture-content{ margin:0 0 60px 0;}
	.riifo-solutions-nav-swiper .swiper-slide .riifo-solutions-nav-item p {padding: 0 10px;}
    .riifo-index-project-item .title-2{ font-size:22px;}
}

.column{z-index:11;color: #333; text-align:center; margin-top:50px;}
.column h2{font-size: 36px;position: relative;}
.column h2::after {content: '';display: block;width:45px;height: 3px;background: #01468b;margin: 10px auto;}
@media screen and (max-width: 640px) {
.column h2{ font-size:30px; letter-spacing:0;}
}

.ty-information{ margin-bottom:5%;}
.ty-information .information-list{ list-style:none;}
.ty-information .information-list .list-item {
	background-color:#f5f5f5;
	margin-bottom:30px;
	display: flex;
}
.ty-information .information-list .list-item .item-left {
padding-right:.13rem
}
.ty-information .information-list .list-item .item-left .left-main {
	width:100%;
	height: 100%;
	background-color:#dae5f4;
	text-align:center;
}
.ty-information .information-list .list-item .item-left .left-main .day {
	color:#01468b;
font-size:55px;
line-height:45px;
padding-top:8px;
}
.ty-information .information-list .list-item .item-left .left-main .year {
	color:#01468b;
font-size:20px;
	line-height:30px;
margin-top:8px;
}
.ty-information .information-list .list-item .item-right .item-right-content {
	height: 100%;
	background-color: #f5f5f5;
}
.ty-information .information-list .list-item .item-right .item-right-content .right-main {
  padding: 35px 0;
  /* height: 100%; */
}
.ty-information .information-list .list-item .item-right .item-right-content .right-main .title h3 {
	color:#3d3c3d;
    font-size:22px;
	line-height:36px;
	overflow: hidden;
	font-weight:normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:0 30px;
	margin-block-start: 0;
    margin-block-end: 0;
	margin-top: 0px;
}
.ty-information .information-list .list-item .item-right .item-right-content .right-main .main {
margin-top:.25rem;
	overflow: hidden;
	-webkit-line-clamp:2;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient:vertical;
}
.ty-information .information-list .list-item .item-right .item-right-content .right-main .main p {
	color:#707070;
font-size:16px;
	line-height:1.5
}
.ty-information .information-list .list-item .item-right .item-right-content .right-arrow {
/*padding:.35rem 0 .35rem .06rem;*/
height: 100%;
}
.ty-information .information-list .list-item .item-right .item-right-content .right-arrow .arrow-box {
	width:100%;
	height:100%;
	border-left:2px #e6e6e6 solid;
	position:relative
}
.ty-information .information-list .list-item .item-right .item-right-content .right-arrow .arrow-box img {
width:42px;
	height:auto;
	position:absolute;
left:45px;
top:40px
}
.ty-information .information-list .list-item .item-right .item-right-content .right-arrow .arrow-box .arrow-on {
	display:none
}
.ty-information .information-list .list-item:hover {
	-webkit-box-shadow:0 8px 43px 0 rgba(6, 6, 6, 0.15);
	box-shadow:0 8px 43px 0 rgba(6, 6, 6, 0.15)
}
.ty-information .information-list .list-item:hover .item-left .left-main {
	background-color:#01468b
}
.ty-information .information-list .list-item:hover .item-left .left-main .day {
	color:#ffffff
}
.ty-information .information-list .list-item:hover .item-left .left-main .year {
	color:#ffffff
}
.ty-information .information-list .list-item:hover .item-right .item-right-content .right-main .title h3 {
	color:#0a4591
}
.ty-information .information-list .list-item:hover .item-right .item-right-content .right-arrow .arrow-box .arrow-off {
	display:none
}
.ty-information .information-list .list-item:hover .item-right .item-right-content .right-arrow .arrow-box .arrow-on {
	display:block
}
.ty-information .information-list .more-btn {
margin:.5rem auto 0
}

.col-md-4 {
    width: 16.66667%;
	float:left;
}

.col-md-20 {
    width: 83.33333%;
	float:left;
}

.col-md-21 {
    width: 87.5%;
	float:left;
}

.col-md-3 {
    width: 12.5%;
	float:left;
}


@media (max-width: 786px) {
  .ty-information {
        padding: 0.5rem 0;
    }
    .ty-information .information-list .list-item {
        height: auto;
    }
    .ty-information .information-list .list-item .item-right .item-right-content {
        align-items: center;
    }
    .ty-information .information-list .list-item .item-right .item-right-content .right-main {
    }
    .ty-information .information-list .list-item .item-left .left-main .day {
        font-size: 25px;
        line-height: 20px;
		padding-top: 8px;
    }
	.ty-information .information-list .list-item .item-left .left-main .year {
        font-size: 12px;
    }
	.ty-information .information-list .list-item .item-right .item-right-content .right-main .title h3 {
     font-size:16px;
	 line-height:28px;
	 padding:0 5px;
	 margin-top: 8px;
}
.ty-information .information-list .list-item .item-right .item-right-content .right-main{ padding:10px 10px}
.ty-information .information-list .list-item .item-right .item-right-content .right-main .main p {
     font-size:14px;
}
    .ty-information .information-list .list-item .item-right .item-right-content .right-arrow .arrow-box {
        border-left: 0;
    }
    .ty-information .information-list .list-item .item-right .item-right-content .right-arrow .arrow-box img {
        position: static;
    }
	.d-none {
    display: none !important
}
.col-md-21 {
    width: 100%;
	float:left;
}
}