.rhy_what { text-align: center; margin-bottom: 50px;}

.z-fir-h4-1 { font-size: 14px; color: #989696;}

.z-fir-h4-2 { font-size: 22px; color: #262626;}

.pt20 { padding-top: 20px; padding-bottom: 20px;}

img, .list_fun, .opa, .right_slide, .roly_pro, h4, p, a, .animate_mask { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}



/*z-banner*/

::selection { background: #fd5f46; color: #fff; text-shadow: none;}

.index-slider { width: 100%;}

.index-slider ul { position: relative; width: 300%; padding: 0; overflow: hidden;}

.index-slider ul li { float: left; width: 33.333%; list-style-type: none;}

.index-slider ul li img { max-width: 100%;}

.img-responsive { display: block; max-width: 100%; height: auto;}

.prev, .next { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.prev { left: 30px;}

.prev img { margin-left: -56px;}

.next { right: 30px;}

.btn-slider { position: absolute; top: 50%; width: 56px; height: 56px; margin-top: -30px; border: 1px solid white; cursor: pointer; overflow: hidden;}

.smallbtn-container { position: absolute; bottom: 10%; right: 10%;}

.smallbtn-container img { margin-left: 8px; cursor: pointer;}



/*z-nine-yearinpower*/

.title_index { max-width: 60%; margin-bottom: 5px;}



.nine-box-index { min-height: 224px;}

.z-nine-bottom { width: 100%;}



/*O2O-platform*/

.z-fen em { font-style: normal; color: #fd5f46;}

.ml2 { margin-left: -2px;}



/*shop平台*/

.z-height { height: 100%;}

.mr11 { margin-right: 11px;}

.mb10 { margin-bottom: 10px;}

.bg-fcab11, .bg-1fd985, .bg-fd5f46, .bg-01b0ff { height: 203px;}

.bg-ff0149 { height: 416px; background-color: #ff0149;}

.bg-fcab11 { margin: 0 10px 10px 10px; background-color: #fcab11;}

.bg-1fd985 { margin: 0 10px 10px 10px; background-color: #1fd985;}

.bg-fd5f46 { margin: 0 10px 10px 10px; background-color: #fd5f46;}

.bg-01b0ff { margin: 0 10px 10px 10px; background-color: #01b0ff;}

.bg-ff0149 h1, .bg-fcab11 h1, .bg-1fd985 h1, .bg-fd5f46 h1, .bg-01b0ff h1,

 .bg-ff0149 p, .bg-fcab11 p, .bg-1fd985 p, .bg-fd5f46 p, .bg-01b0ff p { color: #fff; white-space: nowrap;}

.bg-fcab11 p, .bg-1fd985 p, .bg-fd5f46 p, .bg-01b0ff p { font-size: 13px;}



/*HTML系统优势*/

.func_box { padding-bottom: 50px; overflow: hidden;}

.list-unstyled {　margin-bottom: 0;}

.nbs-flexisel-container { /* position: relative; */ max-width: 100%; overflow: hidden; padding: 20px 0px;}

.nbs-flexisel-inner { overflow: hidden; /* float: left; */ width: 100%; /* background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eee)); */ /* background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); */ /* background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); */ /* background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); */ /* background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); */}

.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; /* text-align: center; */}

.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; cursor: pointer; position: relative; font-size: 14px; /* line-height: 0px; */ height: 100%;}

.nbs-flexisel-item img { cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width: 100%;}

#func_li li { float: left; margin-bottom: 10px; min-height: 260px;}

#func_li h4 { font-size: 22px;}

#func_li p { font-size: 12px; line-height: 24px;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { position: absolute; width: 40px; height: 33px; top: auto !important; bottom: 10px; cursor: pointer;}

.nbs-flexisel-nav-left { background: url(../images/btn_left.gif) center center no-repeat; left: 30%;}

.nbs-flexisel-nav-right { right: 30%; background: url(../images/btn_right.gif) center center no-repeat;}





/*SAAS*/

.case_box_index { margin-bottom: 20px; min-height: 330px;}

.case_box_index:hover .hover_border { overflow: hidden; border: 5px #fd5f46 solid;}

.hover_border { border: 5px transparent solid; overflow: hidden; min-height: 355px;}

.case_box_index img { /*width: 360px;*/}

.case_box_index h4 { font-size: 16px; color: #262626; font-weight: bold;}

.case_box_index p { font-size: 12px; color: #262626; line-height: 24px;}



/*项目服务*/

.responsive_box {　margin-bottom: 70px;　overflow-x: auto; padding-bottom: 30px; position: relative;}

.sub_menu { position: absolute; left: 15px; bottom: 0; font-size: 12px; width: 100px; display: none;}

.s_1, .s_2, .s_3, .s_4, .s_5, .s_6, .s_7, .s_8, .s_9, .s_0 { position: absolute; width: 10px; border-right: 1px transparent solid; bottom: 66px; cursor: pointer; margin-left: -4px;}

.s_1 { height: 156px; left: 3.336%;}

.s_2 { height: 156px; left: 13.960%;}

.s_3 { height: 156px; left: 24.846%;}

.s_4 { height: 156px; left: 35.382%;}

.s_5 { height: 156px; left: 46.708%;}

.s_6 { height: 156px; left: 57.682%;}

.s_7 { height: 156px; left: 67.867%;}

.s_8 { height: 156px; left: 77.700%;}

.s_9 { height: 156px; left: 87.182%;}

.s_0 { height: 156px; left: 96.927%;}

.s_1:hover .sub_menu,　.s_2:hover .sub_menu,　.s_3:hover .sub_menu,　.s_4:hover .sub_menu,　.s_5:hover .sub_menu,　.s_6:hover .sub_menu,　.s_7:hover .sub_menu,　.s_8:hover .sub_menu,　.s_9:hover .sub_menu,　.s_0:hover .sub_menu {　/*border-color: red;*/ display: block;}

.font-12 { font-size: 12px;}

.z-margin { margin: 0 0 2px;}

.team { padding-top: 40px; padding-bottom: 80px;}

.team .col-xs-6.col-sm-3 { margin-top: 20px;}

.show_box_animate { position: relative; max-width: 270px; margin: auto; overflow: hidden;}

.show_box_animate:hover .animate_mask { display: block;}

.animate_mask { position: absolute; /* left: 50%; */ left: 0; right: 0; /* top: 50%; */ top: 0; background: rgba(253, 95, 70, 0.5); width: 100%; height: 100%; cursor: pointer; display: none;}



/*our customers*/

.owl-carousel { display: none; /* position: relative; */ width: 100%; -ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%;}

.owl-theme .owl-controls { margin-top: 10px; text-align: center;}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-item { float: left;}

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.owl-pagination { margin-top: 60px; margin-bottom: 30px;}

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1;}

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer;}

.owl-theme .owl-controls .owl-page span { display: block; width: 9px; height: 9px; margin: 5px 7px; /* opacity: 0.5; */ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #c3c3c3; overflow: hidden;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { /* opacity: 1; */ border: 1px #fd5f46 solid; background-color: #fff;}